ng-particles - npm Package Compare versions

Comparing version 2.40.2 to 2.41.4

lib/ng-particles.component.d.ts

 import { AfterViewInit, EventEmitter } from '@angular/core';
 import type { Container, Engine } from 'tsparticles';
 import { IParticlesProps } from './ng-particles.module';
+import * as i0 from "@angular/core";
 export declare class NgParticlesComponent implements AfterViewInit {
     options?: IParticlesProps;
     url?: string;
-    id: string;
+    id?: string;
+    particlesInit?: (engine: Engine) => Promise<void>;
     particlesLoaded: EventEmitter<Container>;
-    particlesInit: EventEmitter<Engine>;
     ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgParticlesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgParticlesComponent, "ng-particles", never, { "options": "options"; "url": "url"; "id": "id"; "particlesInit": "particlesInit"; }, { "particlesLoaded": "particlesLoaded"; }, never, never>;
 }
@@ -15,5 +18,7 @@ export declare class ParticlesComponent extends NgParticlesComponent {
     url?: string;
-    id: string;
+    id?: string;
+    particlesInit?: (engine: Engine) => Promise<void>;
     particlesLoaded: EventEmitter<Container>;
-    particlesInit: EventEmitter<Engine>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ParticlesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ParticlesComponent, "Particles", never, { "options": "options"; "url": "url"; "id": "id"; "particlesInit": "particlesInit"; }, { "particlesLoaded": "particlesLoaded"; }, never, never>;
 }

lib/ng-particles.module.d.ts

 import type { ISourceOptions } from 'tsparticles';
+import * as i0 from "@angular/core";
+import * as i1 from "./ng-particles.component";
 export declare class NgParticlesModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgParticlesModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgParticlesModule, [typeof i1.NgParticlesComponent, typeof i1.ParticlesComponent], never, [typeof i1.NgParticlesComponent, typeof i1.ParticlesComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NgParticlesModule>;
 }
-export * from 'tsparticles';
 export declare type IParticlesProps = ISourceOptions;
 export declare type IParticlesParams = IParticlesProps;

ng-particles.d.ts

 /**
  * Generated bundle index. Do not edit.
  */
+/// <amd-module name="ng-particles" />
 export * from './public-api';

package.json

 {
   "name": "ng-particles",
-  "version": "2.40.2",
+  "version": "2.41.4",
   "description": "Official tsParticles Angular Component - Easily create highly customizable particle animations and use them as animated backgrounds for your website. Ready to use components available also for Web Components, React, Vue.js (2.x and 3.x), Svelte, jQuery, Preact, Riot.js, Solid.js, Inferno.",
@@ -67,15 +67,27 @@ "homepage": "https://particles.js.org/",
     "@angular/core": ">=2.0.0",
-    "tsparticles": "^1.40.2"
+    "tsparticles": "^1.41.4"
   },
-  "main": "bundles/ng-particles.umd.js",
-  "module": "fesm2015/ng-particles.js",
-  "es2015": "fesm2015/ng-particles.js",
-  "esm2015": "esm2015/ng-particles.js",
-  "fesm2015": "fesm2015/ng-particles.js",
+  "module": "fesm2015/ng-particles.mjs",
+  "es2020": "fesm2020/ng-particles.mjs",
+  "esm2020": "esm2020/ng-particles.mjs",
+  "fesm2020": "fesm2020/ng-particles.mjs",
+  "fesm2015": "fesm2015/ng-particles.mjs",
   "typings": "ng-particles.d.ts",
-  "metadata": "ng-particles.metadata.json",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./ng-particles.d.ts",
+      "esm2020": "./esm2020/ng-particles.mjs",
+      "es2020": "./fesm2020/ng-particles.mjs",
+      "es2015": "./fesm2015/ng-particles.mjs",
+      "node": "./fesm2015/ng-particles.mjs",
+      "default": "./fesm2020/ng-particles.mjs"
+    }
+  },
   "sideEffects": false,
   "dependencies": {
-    "tslib": "^2.2.0"
+    "tslib": "^2.3.0"
   }
 }

README.md

@@ -9,2 +9,6 @@ [![banner](https://particles.js.org/images/banner3.png)](https://particles.js.org)
 
+[![Slack](https://particles.js.org/images/slack.png)](https://join.slack.com/t/tsparticles/shared_invite/enQtOTcxNTQxNjQ4NzkxLWE2MTZhZWExMWRmOWI5MTMxNjczOGE1Yjk0MjViYjdkYTUzODM3OTc5MGQ5MjFlODc4MzE0N2Q1OWQxZDc1YzI) [![Discord](https://particles.js.org/images/discord.png)](https://discord.gg/hACwv45Hme) [![Telegram](https://particles.js.org/images/telegram.png)](https://t.me/tsparticles)
+
+[![tsParticles Product Hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=186113&theme=light)](https://www.producthunt.com/posts/tsparticles?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-tsparticles") <a href="https://www.buymeacoffee.com/matteobruni"><img src="https://img.buymeacoffee.com/button-api/?text=Buy me a beer&emoji=🍺&slug=matteobruni&button_colour=5F7FFF&font_colour=ffffff&font_family=Arial&outline_colour=000000&coffee_colour=FFDD00"></a>
+
 ## How to use it
@@ -29,7 +33,10 @@
 ```html
-<ng-particles [id]="id" [options]="particlesOptions" (particlesLoaded)="particlesLoaded($event)" (particlesInit)="particlesInit($event)"></ng-particles>
 
+<ng-particles [id]="id" [options]="particlesOptions" (particlesLoaded)="particlesLoaded($event)"
+              (particlesInit)="particlesInit($event)"></ng-particles>
+
 <!-- or -->
 
-<ng-particles [id]="id" [url]="particlesUrl" (particlesLoaded)="particlesLoaded($event)" (particlesInit)="particlesInit($event)"></ng-particles>
+<ng-particles [id]="id" [url]="particlesUrl" (particlesLoaded)="particlesLoaded($event)"
+              (particlesInit)="particlesInit($event)"></ng-particles>
 ```
@@ -42,6 +49,6 @@
     id = "tsparticles";
-    
+
     /* Starting from 1.19.0 you can use a remote url (AJAX request) to a JSON with the configuration */
     particlesUrl = "http://foo.bar/particles.json";
-    
+
     /* or the classic JavaScript object */
@@ -94,5 +101,2 @@ particlesOptions = {
             },
-            collisions: {
-                enable: true
-            },
             move: {
@@ -120,4 +124,3 @@ direction: "none",
             size: {
-                random: true,
-                value: 5
+                value: { min: 1, max: 5 }
             }
@@ -131,6 +134,6 @@ },
     }
-    
+
     particlesInit(main: Main): void {
         console.log(main);
-        
+
         // Starting from 1.19.0 you can add custom presets or shape here, using the current tsParticles instance (main)
@@ -144,4 +147,4 @@ }
 ```typescript
-import {NgParticlesModule} from "ng-particles";
-import {NgModule} from "@angular/core";
+import { NgParticlesModule } from "ng-particles";
+import { NgModule } from "@angular/core";
 
@@ -148,0 +151,0 @@ @NgModule({

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Number of lines in readme file

169

increased by1.81%

Worsened metrics

Total package byte prevSize

41214

decreased by-45.36%

Number of package files

14

decreased by-6.67%

Lines of code

375

decreased by-37.08%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• Updatedtslib@^2.3.0