tsparticles 1.39.0 → 1.40.0

package/esm/engine.js

@@ -9,12 +9,16 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
-var _Engine_initialized;
+var _Engine_initialized, _Engine_loader;
 import { Loader, Plugins } from "./Core";
 export class Engine {
     constructor() {
         _Engine_initialized.set(this, void 0);
+        _Engine_loader.set(this, void 0);
         __classPrivateFieldSet(this, _Engine_initialized, false, "f");
+        this.domArray = [];
+        __classPrivateFieldSet(this, _Engine_loader, new Loader(this), "f");
+        this.plugins = new Plugins(this);
     }
     init() {
         if (!__classPrivateFieldGet(this, _Engine_initialized, "f")) {
@@ -22,28 +26,28 @@ export class Engine {
         }
     }
     async loadFromArray(tagId, options, index) {
-        return Loader.load(tagId, options, index);
+        return __classPrivateFieldGet(this, _Engine_loader, "f").load(tagId, options, index);
     }
     async load(tagId, options) {
-        return Loader.load(tagId, options);
+        return __classPrivateFieldGet(this, _Engine_loader, "f").load(tagId, options);
     }
     async set(id, element, options) {
-        return Loader.set(id, element, options);
+        return __classPrivateFieldGet(this, _Engine_loader, "f").set(id, element, options);
     }
     async loadJSON(tagId, pathConfigJson, index) {
-        return Loader.loadJSON(tagId, pathConfigJson, index);
+        return __classPrivateFieldGet(this, _Engine_loader, "f").loadJSON(tagId, pathConfigJson, index);
     }
     async setJSON(id, element, pathConfigJson, index) {
-        return Loader.setJSON(id, element, pathConfigJson, index);
+        return __classPrivateFieldGet(this, _Engine_loader, "f").setJSON(id, element, pathConfigJson, index);
     }
     setOnClickHandler(callback) {
-        Loader.setOnClickHandler(callback);
+        __classPrivateFieldGet(this, _Engine_loader, "f").setOnClickHandler(callback);
     }
     dom() {
-        return Loader.dom();
+        return __classPrivateFieldGet(this, _Engine_loader, "f").dom();
     }
     domItem(index) {
-        return Loader.domItem(index);
+        return __classPrivateFieldGet(this, _Engine_loader, "f").domItem(index);
     }
     async refresh() {
         for (const instance of this.dom()) {
@@ -63,28 +67,28 @@ export class Engine {
         else {
             customDrawer = drawer;
         }
-        Plugins.addShapeDrawer(shape, customDrawer);
+        this.plugins.addShapeDrawer(shape, customDrawer);
         await this.refresh();
     }
     async addPreset(preset, options, override = false) {
-        Plugins.addPreset(preset, options, override);
+        this.plugins.addPreset(preset, options, override);
         await this.refresh();
     }
     async addPlugin(plugin) {
-        Plugins.addPlugin(plugin);
+        this.plugins.addPlugin(plugin);
         await this.refresh();
     }
     async addPathGenerator(name, generator) {
-        Plugins.addPathGenerator(name, generator);
+        this.plugins.addPathGenerator(name, generator);
         await this.refresh();
     }
     async addInteractor(name, interactorInitializer) {
-        Plugins.addInteractor(name, interactorInitializer);
+        this.plugins.addInteractor(name, interactorInitializer);
         await this.refresh();
     }
     async addParticleUpdater(name, updaterInitializer) {
-        Plugins.addParticleUpdater(name, updaterInitializer);
+        this.plugins.addParticleUpdater(name, updaterInitializer);
         await this.refresh();
     }
 }
-_Engine_initialized = new WeakMap();
+_Engine_initialized = new WeakMap(), _Engine_loader = new WeakMap();

package/esm/full.d.ts

@@ -1,2 +1,2 @@
 import type { Engine } from "./engine";
-export declare function loadFull(tsParticles: Engine): Promise<void>;
+export declare function loadFull(engine: Engine): Promise<void>;

package/esm/full.js

@@ -1,18 +1,18 @@
-import { loadSlim } from "./slim";
-import { loadExternalTrailInteraction } from "./Interactions/External/Trail";
-import { loadTiltUpdater } from "./Updaters/Tilt";
-import { loadWobbleUpdater } from "./Updaters/Wobble";
-import { loadRollUpdater } from "./Updaters/Roll";
 import { loadAbsorbersPlugin } from "./Plugins/Absorbers";
 import { loadEmittersPlugin } from "./Plugins/Emitters";
+import { loadExternalTrailInteraction } from "./Interactions/External/Trail";
 import { loadPolygonMaskPlugin } from "./Plugins/PolygonMask";
-export async function loadFull(tsParticles) {
-    await loadSlim(tsParticles);
-    await loadExternalTrailInteraction(tsParticles);
-    await loadRollUpdater(tsParticles);
-    await loadTiltUpdater(tsParticles);
-    await loadWobbleUpdater(tsParticles);
-    await loadAbsorbersPlugin(tsParticles);
-    await loadEmittersPlugin(tsParticles);
-    await loadPolygonMaskPlugin(tsParticles);
+import { loadRollUpdater } from "./Updaters/Roll";
+import { loadSlim } from "./slim";
+import { loadTiltUpdater } from "./Updaters/Tilt";
+import { loadWobbleUpdater } from "./Updaters/Wobble";
+export async function loadFull(engine) {
+    await loadSlim(engine);
+    await loadExternalTrailInteraction(engine);
+    await loadRollUpdater(engine);
+    await loadTiltUpdater(engine);
+    await loadWobbleUpdater(engine);
+    await loadAbsorbersPlugin(engine);
+    await loadEmittersPlugin(engine);
+    await loadPolygonMaskPlugin(engine);
 }

package/esm/index.d.ts

@@ -1,8 +1,8 @@
 import { Engine } from "./engine";
-import type { IOptions as ISlimOptions } from "./Options/Interfaces/IOptions";
 import type { IAbsorberOptions } from "./Plugins/Absorbers/Options/Interfaces/IAbsorberOptions";
 import type { IEmitterOptions } from "./Plugins/Emitters/Options/Interfaces/IEmitterOptions";
 import type { IPolygonMaskOptions } from "./Plugins/PolygonMask/Options/Interfaces/IPolygonMaskOptions";
+import type { IOptions as ISlimOptions } from "./Options/Interfaces/IOptions";
 import type { RecursivePartial } from "./Types";
 declare const tsParticles: Engine;
 declare const particlesJS: import("./pjs").IParticlesJS, pJSDom: import("./Core").Container[];

package/esm/index.engine.d.ts

@@ -1,6 +1,6 @@
+import { Engine } from "./engine";
 import type { IOptions } from "./Options/Interfaces/IOptions";
 import type { RecursivePartial } from "./Types";
-import { Engine } from "./engine";
 declare const tsParticles: Engine;
 declare const particlesJS: import("./pjs").IParticlesJS, pJSDom: import("./Core").Container[];
 export * from "./Core";

package/esm/index.engine.js

@@ -1,5 +1,5 @@
-import { initPjs } from "./pjs";
 import { Engine } from "./engine";
+import { initPjs } from "./pjs";
 const tsParticles = new Engine();
 tsParticles.init();
 const { particlesJS, pJSDom } = initPjs(tsParticles);

package/esm/index.js

@@ -1,5 +1,5 @@
-import { initPjs } from "./pjs";
 import { Engine } from "./engine";
+import { initPjs } from "./pjs";
 import { loadFull } from "./full";
 const tsParticles = new Engine();
 tsParticles.init();

package/esm/index.slim.d.ts

@@ -1,6 +1,6 @@
+import { Engine } from "./engine";
 import type { IOptions } from "./Options/Interfaces/IOptions";
 import type { RecursivePartial } from "./Types";
-import { Engine } from "./engine";
 declare const tsParticles: Engine;
 declare const particlesJS: import("./pjs").IParticlesJS, pJSDom: import("./Core").Container[];
 export * from "./Core";

package/esm/index.slim.js

@@ -1,5 +1,5 @@
-import { initPjs } from "./pjs";
 import { Engine } from "./engine";
+import { initPjs } from "./pjs";
 import { loadSlim } from "./slim";
 const tsParticles = new Engine();
 tsParticles.init();

package/esm/pjs.d.ts

@@ -1,6 +1,6 @@
-import type { IOptions } from "./Options/Interfaces/IOptions";
 import type { Container } from "./Core";
 import type { Engine } from "./engine";
+import type { IOptions } from "./Options/Interfaces/IOptions";
 import type { RecursivePartial } from "./Types";
 export interface IParticlesJS {
     (tagId: string, options: RecursivePartial<IOptions>): Promise<Container | undefined>;

package/esm/slim.d.ts

@@ -1,2 +1,2 @@
 import type { Engine } from "./engine";
-export declare function loadSlim(tsParticles: Engine): Promise<void>;
+export declare function loadSlim(engine: Engine): Promise<void>;

package/esm/slim.js

@@ -1,48 +1,48 @@
+import { loadAngleUpdater } from "./Updaters/Angle";
 import { loadCircleShape } from "./Shapes/Circle";
-import { loadLifeUpdater } from "./Updaters/Life";
-import { loadExternalConnectInteraction } from "./Interactions/External/Connect";
-import { loadOpacityUpdater } from "./Updaters/Opacity";
-import { loadImageShape } from "./Shapes/Image";
-import { loadPolygonShape } from "./Shapes/Polygon";
-import { loadExternalBubbleInteraction } from "./Interactions/External/Bubble";
+import { loadColorUpdater } from "./Updaters/Color";
 import { loadExternalAttractInteraction } from "./Interactions/External/Attract";
+import { loadExternalBounceInteraction } from "./Interactions/External/Bounce";
+import { loadExternalBubbleInteraction } from "./Interactions/External/Bubble";
+import { loadExternalConnectInteraction } from "./Interactions/External/Connect";
 import { loadExternalGrabInteraction } from "./Interactions/External/Grab";
-import { loadStarShape } from "./Shapes/Star";
-import { loadParticlesAttractInteraction } from "./Interactions/Particles/Attract";
-import { loadSquareShape } from "./Shapes/Square";
-import { loadStrokeColorUpdater } from "./Updaters/StrokeColor";
-import { loadColorUpdater } from "./Updaters/Color";
-import { loadParticlesCollisionsInteraction } from "./Interactions/Particles/Collisions";
-import { loadAngleUpdater } from "./Updaters/Angle";
-import { loadOutModesUpdater } from "./Updaters/OutModes";
 import { loadExternalRepulseInteraction } from "./Interactions/External/Repulse";
+import { loadImageShape } from "./Shapes/Image";
+import { loadLifeUpdater } from "./Updaters/Life";
 import { loadLineShape } from "./Shapes/Line";
-import { loadExternalBounceInteraction } from "./Interactions/External/Bounce";
-import { loadTextShape } from "./Shapes/Text";
+import { loadOpacityUpdater } from "./Updaters/Opacity";
+import { loadOutModesUpdater } from "./Updaters/OutModes";
+import { loadParticlesAttractInteraction } from "./Interactions/Particles/Attract";
+import { loadParticlesCollisionsInteraction } from "./Interactions/Particles/Collisions";
 import { loadParticlesLinksInteraction } from "./Interactions/Particles/Links";
+import { loadPolygonShape } from "./Shapes/Polygon";
 import { loadSizeUpdater } from "./Updaters/Size";
-export async function loadSlim(tsParticles) {
-    await loadExternalAttractInteraction(tsParticles);
-    await loadExternalBounceInteraction(tsParticles);
-    await loadExternalBubbleInteraction(tsParticles);
-    await loadExternalConnectInteraction(tsParticles);
-    await loadExternalGrabInteraction(tsParticles);
-    await loadExternalRepulseInteraction(tsParticles);
-    await loadParticlesAttractInteraction(tsParticles);
-    await loadParticlesCollisionsInteraction(tsParticles);
-    await loadParticlesLinksInteraction(tsParticles);
-    await loadCircleShape(tsParticles);
-    await loadImageShape(tsParticles);
-    await loadLineShape(tsParticles);
-    await loadPolygonShape(tsParticles);
-    await loadSquareShape(tsParticles);
-    await loadStarShape(tsParticles);
-    await loadTextShape(tsParticles);
-    await loadLifeUpdater(tsParticles);
-    await loadOpacityUpdater(tsParticles);
-    await loadSizeUpdater(tsParticles);
-    await loadAngleUpdater(tsParticles);
-    await loadColorUpdater(tsParticles);
-    await loadStrokeColorUpdater(tsParticles);
-    await loadOutModesUpdater(tsParticles);
+import { loadSquareShape } from "./Shapes/Square";
+import { loadStarShape } from "./Shapes/Star";
+import { loadStrokeColorUpdater } from "./Updaters/StrokeColor";
+import { loadTextShape } from "./Shapes/Text";
+export async function loadSlim(engine) {
+    await loadExternalAttractInteraction(engine);
+    await loadExternalBounceInteraction(engine);
+    await loadExternalBubbleInteraction(engine);
+    await loadExternalConnectInteraction(engine);
+    await loadExternalGrabInteraction(engine);
+    await loadExternalRepulseInteraction(engine);
+    await loadParticlesAttractInteraction(engine);
+    await loadParticlesCollisionsInteraction(engine);
+    await loadParticlesLinksInteraction(engine);
+    await loadCircleShape(engine);
+    await loadImageShape(engine);
+    await loadLineShape(engine);
+    await loadPolygonShape(engine);
+    await loadSquareShape(engine);
+    await loadStarShape(engine);
+    await loadTextShape(engine);
+    await loadLifeUpdater(engine);
+    await loadOpacityUpdater(engine);
+    await loadSizeUpdater(engine);
+    await loadAngleUpdater(engine);
+    await loadColorUpdater(engine);
+    await loadStrokeColorUpdater(engine);
+    await loadOutModesUpdater(engine);
 }

package/full.d.ts

@@ -1,2 +1,2 @@
 import type { Engine } from "./engine";
-export declare function loadFull(tsParticles: Engine): Promise<void>;
+export declare function loadFull(engine: Engine): Promise<void>;

package/full.js

@@ -1,22 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadFull = void 0;
-const slim_1 = require("./slim");
-const Trail_1 = require("./Interactions/External/Trail");
-const Tilt_1 = require("./Updaters/Tilt");
-const Wobble_1 = require("./Updaters/Wobble");
-const Roll_1 = require("./Updaters/Roll");
 const Absorbers_1 = require("./Plugins/Absorbers");
 const Emitters_1 = require("./Plugins/Emitters");
+const Trail_1 = require("./Interactions/External/Trail");
 const PolygonMask_1 = require("./Plugins/PolygonMask");
-async function loadFull(tsParticles) {
-    await (0, slim_1.loadSlim)(tsParticles);
-    await (0, Trail_1.loadExternalTrailInteraction)(tsParticles);
-    await (0, Roll_1.loadRollUpdater)(tsParticles);
-    await (0, Tilt_1.loadTiltUpdater)(tsParticles);
-    await (0, Wobble_1.loadWobbleUpdater)(tsParticles);
-    await (0, Absorbers_1.loadAbsorbersPlugin)(tsParticles);
-    await (0, Emitters_1.loadEmittersPlugin)(tsParticles);
-    await (0, PolygonMask_1.loadPolygonMaskPlugin)(tsParticles);
+const Roll_1 = require("./Updaters/Roll");
+const slim_1 = require("./slim");
+const Tilt_1 = require("./Updaters/Tilt");
+const Wobble_1 = require("./Updaters/Wobble");
+async function loadFull(engine) {
+    await (0, slim_1.loadSlim)(engine);
+    await (0, Trail_1.loadExternalTrailInteraction)(engine);
+    await (0, Roll_1.loadRollUpdater)(engine);
+    await (0, Tilt_1.loadTiltUpdater)(engine);
+    await (0, Wobble_1.loadWobbleUpdater)(engine);
+    await (0, Absorbers_1.loadAbsorbersPlugin)(engine);
+    await (0, Emitters_1.loadEmittersPlugin)(engine);
+    await (0, PolygonMask_1.loadPolygonMaskPlugin)(engine);
 }
 exports.loadFull = loadFull;

package/index.d.ts

@@ -1,8 +1,8 @@
 import { Engine } from "./engine";
-import type { IOptions as ISlimOptions } from "./Options/Interfaces/IOptions";
 import type { IAbsorberOptions } from "./Plugins/Absorbers/Options/Interfaces/IAbsorberOptions";
 import type { IEmitterOptions } from "./Plugins/Emitters/Options/Interfaces/IEmitterOptions";
 import type { IPolygonMaskOptions } from "./Plugins/PolygonMask/Options/Interfaces/IPolygonMaskOptions";
+import type { IOptions as ISlimOptions } from "./Options/Interfaces/IOptions";
 import type { RecursivePartial } from "./Types";
 declare const tsParticles: Engine;
 declare const particlesJS: import("./pjs").IParticlesJS, pJSDom: import("./Core").Container[];

package/index.engine.d.ts

@@ -1,6 +1,6 @@
+import { Engine } from "./engine";
 import type { IOptions } from "./Options/Interfaces/IOptions";
 import type { RecursivePartial } from "./Types";
-import { Engine } from "./engine";
 declare const tsParticles: Engine;
 declare const particlesJS: import("./pjs").IParticlesJS, pJSDom: import("./Core").Container[];
 export * from "./Core";

package/index.engine.js

@@ -11,10 +11,10 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pJSDom = exports.particlesJS = exports.tsParticles = exports.Main = exports.Engine = void 0;
-const pjs_1 = require("./pjs");
 const engine_1 = require("./engine");
 Object.defineProperty(exports, "Engine", { enumerable: true, get: function () { return engine_1.Engine; } });
 Object.defineProperty(exports, "Main", { enumerable: true, get: function () { return engine_1.Engine; } });
+const pjs_1 = require("./pjs");
 const tsParticles = new engine_1.Engine();
 exports.tsParticles = tsParticles;
 tsParticles.init();

package/index.js

@@ -11,10 +11,10 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tsParticles = exports.pJSDom = exports.particlesJS = exports.Main = exports.Engine = void 0;
-const pjs_1 = require("./pjs");
 const engine_1 = require("./engine");
 Object.defineProperty(exports, "Engine", { enumerable: true, get: function () { return engine_1.Engine; } });
 Object.defineProperty(exports, "Main", { enumerable: true, get: function () { return engine_1.Engine; } });
+const pjs_1 = require("./pjs");
 const full_1 = require("./full");
 const tsParticles = new engine_1.Engine();
 exports.tsParticles = tsParticles;

package/index.slim.d.ts

@@ -1,6 +1,6 @@
+import { Engine } from "./engine";
 import type { IOptions } from "./Options/Interfaces/IOptions";
 import type { RecursivePartial } from "./Types";
-import { Engine } from "./engine";
 declare const tsParticles: Engine;
 declare const particlesJS: import("./pjs").IParticlesJS, pJSDom: import("./Core").Container[];
 export * from "./Core";

package/index.slim.js

@@ -11,10 +11,10 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pJSDom = exports.particlesJS = exports.tsParticles = exports.Main = exports.Engine = void 0;
-const pjs_1 = require("./pjs");
 const engine_1 = require("./engine");
 Object.defineProperty(exports, "Engine", { enumerable: true, get: function () { return engine_1.Engine; } });
 Object.defineProperty(exports, "Main", { enumerable: true, get: function () { return engine_1.Engine; } });
+const pjs_1 = require("./pjs");
 const slim_1 = require("./slim");
 const tsParticles = new engine_1.Engine();
 exports.tsParticles = tsParticles;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tsparticles",
-  "version": "1.39.0",
+  "version": "1.40.0",
   "description": "Easily create highly customizable particle animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.",
   "homepage": "https://particles.js.org/",
   "scripts": {
@@ -60,10 +60,16 @@
   "bugs": {
     "url": "https://github.com/matteobruni/tsparticles/issues"
   },
-  "funding": {
-    "type": "github",
-    "url": "https://github.com/sponsors/matteobruni"
-  },
+  "funding": [
+    {
+      "type": "github",
+      "url": "https://github.com/sponsors/matteobruni"
+    },
+    {
+      "type": "buymeacoffee",
+      "url": "https://www.buymeacoffee.com/matteobruni"
+    }
+  ],
   "main": "index.js",
   "module": "esm/index.js",
   "jsdelivr": "tsparticles.min.js",

package/pjs.d.ts

@@ -1,6 +1,6 @@
-import type { IOptions } from "./Options/Interfaces/IOptions";
 import type { Container } from "./Core";
 import type { Engine } from "./engine";
+import type { IOptions } from "./Options/Interfaces/IOptions";
 import type { RecursivePartial } from "./Types";
 export interface IParticlesJS {
     (tagId: string, options: RecursivePartial<IOptions>): Promise<Container | undefined>;