@tsparticles/basic 4.0.0-beta.8 → 4.0.0

package/README.md

@@ -9,12 +9,12 @@
 **Included Packages**
 
 - [@tsparticles/engine](https://github.com/tsparticles/tsparticles/tree/main/engine)
-- [@tsparticles/plugin-move](https://github.com/tsparticles/tsparticles/tree/main/plugin/move)
-- [@tsparticles/plugin-hex-color](https://github.com/tsparticles/tsparticles/tree/main/plugins/colors/hexColor)
-- [@tsparticles/plugin-hsl-color](https://github.com/tsparticles/tsparticles/tree/main/plugins/colors/hslColor)
-- [@tsparticles/plugin-rgb-color](https://github.com/tsparticles/tsparticles/tree/main/plugins/colors/rgbColor)
+- [@tsparticles/plugin-move](https://github.com/tsparticles/tsparticles/tree/main/plugins/move)
+- [@tsparticles/plugin-hex-color](https://github.com/tsparticles/tsparticles/tree/main/plugins/colors/hex)
+- [@tsparticles/plugin-hsl-color](https://github.com/tsparticles/tsparticles/tree/main/plugins/colors/hsl)
+- [@tsparticles/plugin-rgb-color](https://github.com/tsparticles/tsparticles/tree/main/plugins/colors/rgb)
 - [@tsparticles/shape-circle](https://github.com/tsparticles/tsparticles/tree/main/shapes/circle)
-- [@tsparticles/updater-fill-color](https://github.com/tsparticles/tsparticles/tree/main/updaters/color)
+- [@tsparticles/updater-paint](https://github.com/tsparticles/tsparticles/tree/main/updaters/paint)
 - [@tsparticles/updater-opacity](https://github.com/tsparticles/tsparticles/tree/main/updaters/opacity)
 - [@tsparticles/updater-out-modes](https://github.com/tsparticles/tsparticles/tree/main/updaters/outModes)
 - [@tsparticles/updater-size](https://github.com/tsparticles/tsparticles/tree/main/updaters/size)
@@ -44,7 +44,7 @@ subgraph s [Shapes]
 end
 
 subgraph u [Updaters]
-  uf[tsparticles/updater-fill-color]
+  up[tsparticles/updater-paint]
   uo[tsparticles/updater-opacity]
   uom[tsparticles/updater-out-modes]
   us[tsparticles/updater-size]

package/browser/browser.js

@@ -0,0 +1,5 @@
+import { loadBasic } from "./index.js";
+const globalObject = globalThis;
+globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
+globalObject.loadBasic = loadBasic;
+export * from "./index.js";

package/browser/bundle.js

@@ -1,2 +1,6 @@
+import { loadBasic } from "./index.js";
 export * from "@tsparticles/engine";
 export { loadBasic } from "./index.js";
+const globalObject = globalThis;
+globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
+globalObject.loadBasic = loadBasic;

package/browser/index.js

@@ -1,24 +1,22 @@
+import { loadCircleShape } from "@tsparticles/shape-circle";
+import { loadHexColorPlugin } from "@tsparticles/plugin-hex-color";
+import { loadHslColorPlugin } from "@tsparticles/plugin-hsl-color";
+import { loadMovePlugin } from "@tsparticles/plugin-move";
+import { loadOpacityUpdater } from "@tsparticles/updater-opacity";
+import { loadOutModesUpdater } from "@tsparticles/updater-out-modes";
+import { loadPaintUpdater } from "@tsparticles/updater-paint";
+import { loadRgbColorPlugin } from "@tsparticles/plugin-rgb-color";
+import { loadSizeUpdater } from "@tsparticles/updater-size";
 export async function loadBasic(engine) {
-    engine.checkVersion("4.0.0-beta.8");
+    engine.checkVersion("4.0.0");
     await engine.pluginManager.register(async (e) => {
-        const [{ loadHexColorPlugin }, { loadHslColorPlugin }, { loadRgbColorPlugin }, { loadMovePlugin }, { loadCircleShape }, { loadFillColorUpdater }, { loadOpacityUpdater }, { loadOutModesUpdater }, { loadSizeUpdater },] = await Promise.all([
-            import("@tsparticles/plugin-hex-color"),
-            import("@tsparticles/plugin-hsl-color"),
-            import("@tsparticles/plugin-rgb-color"),
-            import("@tsparticles/plugin-move"),
-            import("@tsparticles/shape-circle"),
-            import("@tsparticles/updater-fill-color"),
-            import("@tsparticles/updater-opacity"),
-            import("@tsparticles/updater-out-modes"),
-            import("@tsparticles/updater-size"),
-        ]);
         await Promise.all([
             loadHexColorPlugin(e),
             loadHslColorPlugin(e),
             loadRgbColorPlugin(e),
             loadMovePlugin(e),
             loadCircleShape(e),
-            loadFillColorUpdater(e),
+            loadPaintUpdater(e),
             loadOpacityUpdater(e),
             loadOutModesUpdater(e),
             loadSizeUpdater(e),

package/browser/index.lazy.js

@@ -0,0 +1,27 @@
+export async function loadBasic(engine) {
+    engine.checkVersion("4.0.0");
+    await engine.pluginManager.register(async (e) => {
+        const [{ loadHexColorPlugin }, { loadHslColorPlugin }, { loadRgbColorPlugin }, { loadMovePlugin }, { loadCircleShape }, { loadOpacityUpdater }, { loadOutModesUpdater }, { loadPaintUpdater }, { loadSizeUpdater },] = await Promise.all([
+            import("@tsparticles/plugin-hex-color/lazy"),
+            import("@tsparticles/plugin-hsl-color/lazy"),
+            import("@tsparticles/plugin-rgb-color/lazy"),
+            import("@tsparticles/plugin-move/lazy"),
+            import("@tsparticles/shape-circle/lazy"),
+            import("@tsparticles/updater-opacity/lazy"),
+            import("@tsparticles/updater-out-modes/lazy"),
+            import("@tsparticles/updater-paint/lazy"),
+            import("@tsparticles/updater-size/lazy"),
+        ]);
+        await Promise.all([
+            loadHexColorPlugin(e),
+            loadHslColorPlugin(e),
+            loadRgbColorPlugin(e),
+            loadMovePlugin(e),
+            loadCircleShape(e),
+            loadPaintUpdater(e),
+            loadOpacityUpdater(e),
+            loadOutModesUpdater(e),
+            loadSizeUpdater(e),
+        ]);
+    });
+}

package/cjs/browser.js

@@ -0,0 +1,5 @@
+import { loadBasic } from "./index.js";
+const globalObject = globalThis;
+globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
+globalObject.loadBasic = loadBasic;
+export * from "./index.js";

package/cjs/bundle.js

@@ -1,2 +1,6 @@
+import { loadBasic } from "./index.js";
 export * from "@tsparticles/engine";
 export { loadBasic } from "./index.js";
+const globalObject = globalThis;
+globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
+globalObject.loadBasic = loadBasic;

package/cjs/index.js

@@ -1,24 +1,22 @@
+import { loadCircleShape } from "@tsparticles/shape-circle";
+import { loadHexColorPlugin } from "@tsparticles/plugin-hex-color";
+import { loadHslColorPlugin } from "@tsparticles/plugin-hsl-color";
+import { loadMovePlugin } from "@tsparticles/plugin-move";
+import { loadOpacityUpdater } from "@tsparticles/updater-opacity";
+import { loadOutModesUpdater } from "@tsparticles/updater-out-modes";
+import { loadPaintUpdater } from "@tsparticles/updater-paint";
+import { loadRgbColorPlugin } from "@tsparticles/plugin-rgb-color";
+import { loadSizeUpdater } from "@tsparticles/updater-size";
 export async function loadBasic(engine) {
-    engine.checkVersion("4.0.0-beta.8");
+    engine.checkVersion("4.0.0");
     await engine.pluginManager.register(async (e) => {
-        const [{ loadHexColorPlugin }, { loadHslColorPlugin }, { loadRgbColorPlugin }, { loadMovePlugin }, { loadCircleShape }, { loadFillColorUpdater }, { loadOpacityUpdater }, { loadOutModesUpdater }, { loadSizeUpdater },] = await Promise.all([
-            import("@tsparticles/plugin-hex-color"),
-            import("@tsparticles/plugin-hsl-color"),
-            import("@tsparticles/plugin-rgb-color"),
-            import("@tsparticles/plugin-move"),
-            import("@tsparticles/shape-circle"),
-            import("@tsparticles/updater-fill-color"),
-            import("@tsparticles/updater-opacity"),
-            import("@tsparticles/updater-out-modes"),
-            import("@tsparticles/updater-size"),
-        ]);
         await Promise.all([
             loadHexColorPlugin(e),
             loadHslColorPlugin(e),
             loadRgbColorPlugin(e),
             loadMovePlugin(e),
             loadCircleShape(e),
-            loadFillColorUpdater(e),
+            loadPaintUpdater(e),
             loadOpacityUpdater(e),
             loadOutModesUpdater(e),
             loadSizeUpdater(e),

package/cjs/index.lazy.js

@@ -0,0 +1,27 @@
+export async function loadBasic(engine) {
+    engine.checkVersion("4.0.0");
+    await engine.pluginManager.register(async (e) => {
+        const [{ loadHexColorPlugin }, { loadHslColorPlugin }, { loadRgbColorPlugin }, { loadMovePlugin }, { loadCircleShape }, { loadOpacityUpdater }, { loadOutModesUpdater }, { loadPaintUpdater }, { loadSizeUpdater },] = await Promise.all([
+            import("@tsparticles/plugin-hex-color/lazy"),
+            import("@tsparticles/plugin-hsl-color/lazy"),
+            import("@tsparticles/plugin-rgb-color/lazy"),
+            import("@tsparticles/plugin-move/lazy"),
+            import("@tsparticles/shape-circle/lazy"),
+            import("@tsparticles/updater-opacity/lazy"),
+            import("@tsparticles/updater-out-modes/lazy"),
+            import("@tsparticles/updater-paint/lazy"),
+            import("@tsparticles/updater-size/lazy"),
+        ]);
+        await Promise.all([
+            loadHexColorPlugin(e),
+            loadHslColorPlugin(e),
+            loadRgbColorPlugin(e),
+            loadMovePlugin(e),
+            loadCircleShape(e),
+            loadPaintUpdater(e),
+            loadOpacityUpdater(e),
+            loadOutModesUpdater(e),
+            loadSizeUpdater(e),
+        ]);
+    });
+}

package/esm/browser.js

@@ -0,0 +1,5 @@
+import { loadBasic } from "./index.js";
+const globalObject = globalThis;
+globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
+globalObject.loadBasic = loadBasic;
+export * from "./index.js";

package/esm/bundle.js

@@ -1,2 +1,6 @@
+import { loadBasic } from "./index.js";
 export * from "@tsparticles/engine";
 export { loadBasic } from "./index.js";
+const globalObject = globalThis;
+globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
+globalObject.loadBasic = loadBasic;

package/esm/index.js

@@ -1,24 +1,22 @@
+import { loadCircleShape } from "@tsparticles/shape-circle";
+import { loadHexColorPlugin } from "@tsparticles/plugin-hex-color";
+import { loadHslColorPlugin } from "@tsparticles/plugin-hsl-color";
+import { loadMovePlugin } from "@tsparticles/plugin-move";
+import { loadOpacityUpdater } from "@tsparticles/updater-opacity";
+import { loadOutModesUpdater } from "@tsparticles/updater-out-modes";
+import { loadPaintUpdater } from "@tsparticles/updater-paint";
+import { loadRgbColorPlugin } from "@tsparticles/plugin-rgb-color";
+import { loadSizeUpdater } from "@tsparticles/updater-size";
 export async function loadBasic(engine) {
-    engine.checkVersion("4.0.0-beta.8");
+    engine.checkVersion("4.0.0");
     await engine.pluginManager.register(async (e) => {
-        const [{ loadHexColorPlugin }, { loadHslColorPlugin }, { loadRgbColorPlugin }, { loadMovePlugin }, { loadCircleShape }, { loadFillColorUpdater }, { loadOpacityUpdater }, { loadOutModesUpdater }, { loadSizeUpdater },] = await Promise.all([
-            import("@tsparticles/plugin-hex-color"),
-            import("@tsparticles/plugin-hsl-color"),
-            import("@tsparticles/plugin-rgb-color"),
-            import("@tsparticles/plugin-move"),
-            import("@tsparticles/shape-circle"),
-            import("@tsparticles/updater-fill-color"),
-            import("@tsparticles/updater-opacity"),
-            import("@tsparticles/updater-out-modes"),
-            import("@tsparticles/updater-size"),
-        ]);
         await Promise.all([
             loadHexColorPlugin(e),
             loadHslColorPlugin(e),
             loadRgbColorPlugin(e),
             loadMovePlugin(e),
             loadCircleShape(e),
-            loadFillColorUpdater(e),
+            loadPaintUpdater(e),
             loadOpacityUpdater(e),
             loadOutModesUpdater(e),
             loadSizeUpdater(e),

package/esm/index.lazy.js

@@ -0,0 +1,27 @@
+export async function loadBasic(engine) {
+    engine.checkVersion("4.0.0");
+    await engine.pluginManager.register(async (e) => {
+        const [{ loadHexColorPlugin }, { loadHslColorPlugin }, { loadRgbColorPlugin }, { loadMovePlugin }, { loadCircleShape }, { loadOpacityUpdater }, { loadOutModesUpdater }, { loadPaintUpdater }, { loadSizeUpdater },] = await Promise.all([
+            import("@tsparticles/plugin-hex-color/lazy"),
+            import("@tsparticles/plugin-hsl-color/lazy"),
+            import("@tsparticles/plugin-rgb-color/lazy"),
+            import("@tsparticles/plugin-move/lazy"),
+            import("@tsparticles/shape-circle/lazy"),
+            import("@tsparticles/updater-opacity/lazy"),
+            import("@tsparticles/updater-out-modes/lazy"),
+            import("@tsparticles/updater-paint/lazy"),
+            import("@tsparticles/updater-size/lazy"),
+        ]);
+        await Promise.all([
+            loadHexColorPlugin(e),
+            loadHslColorPlugin(e),
+            loadRgbColorPlugin(e),
+            loadMovePlugin(e),
+            loadCircleShape(e),
+            loadPaintUpdater(e),
+            loadOpacityUpdater(e),
+            loadOutModesUpdater(e),
+            loadSizeUpdater(e),
+        ]);
+    });
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/basic",
-  "version": "4.0.0-beta.8",
+  "version": "4.0.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",
   "repository": {
@@ -95,19 +95,26 @@
       "require": "./cjs/index.js",
       "default": "./esm/index.js"
     },
+    "./lazy": {
+      "types": "./types/index.lazy.d.ts",
+      "browser": "./browser/index.lazy.js",
+      "import": "./esm/index.lazy.js",
+      "require": "./cjs/index.lazy.js",
+      "default": "./esm/index.lazy.js"
+    },
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "4.0.0-beta.8",
-    "@tsparticles/plugin-hex-color": "4.0.0-beta.8",
-    "@tsparticles/plugin-hsl-color": "4.0.0-beta.8",
-    "@tsparticles/plugin-move": "4.0.0-beta.8",
-    "@tsparticles/plugin-rgb-color": "4.0.0-beta.8",
-    "@tsparticles/shape-circle": "4.0.0-beta.8",
-    "@tsparticles/updater-fill-color": "4.0.0-beta.8",
-    "@tsparticles/updater-opacity": "4.0.0-beta.8",
-    "@tsparticles/updater-out-modes": "4.0.0-beta.8",
-    "@tsparticles/updater-size": "4.0.0-beta.8"
+    "@tsparticles/engine": "4.0.0",
+    "@tsparticles/plugin-hex-color": "4.0.0",
+    "@tsparticles/plugin-hsl-color": "4.0.0",
+    "@tsparticles/plugin-move": "4.0.0",
+    "@tsparticles/plugin-rgb-color": "4.0.0",
+    "@tsparticles/shape-circle": "4.0.0",
+    "@tsparticles/updater-opacity": "4.0.0",
+    "@tsparticles/updater-out-modes": "4.0.0",
+    "@tsparticles/updater-paint": "4.0.0",
+    "@tsparticles/updater-size": "4.0.0"
   },
   "publishConfig": {
     "access": "public"