@tsparticles/updater-gradient 3.0.0-beta.0 → 3.0.0-beta.1

package/browser/GradientUpdater.js

@@ -1,6 +1,6 @@
 import { executeOnSingleOrMultiple, getHslAnimationFromHsl, getRandom, getRangeMax, getRangeMin, getRangeValue, getStyleFromHsl, itemFromSingleOrMultiple, randomInRange, rangeColorToHsl, } from "@tsparticles/engine";
-import { AnimatableGradient } from "./Options/Classes/AnimatableGradient";
-import { updateGradient } from "./Utils";
+import { AnimatableGradient } from "./Options/Classes/AnimatableGradient.js";
+import { updateGradient } from "./Utils.js";
 export class GradientUpdater {
     getColorStyles(particle, context, radius, opacity) {
         const gradient = particle.gradient;

package/browser/Options/Classes/AnimatableGradient.js

@@ -1,5 +1,5 @@
-import { AnimatableGradientColor } from "./AnimatableGradientColor";
-import { GradientAngle } from "./GradientAngle";
+import { AnimatableGradientColor } from "./AnimatableGradientColor.js";
+import { GradientAngle } from "./GradientAngle.js";
 export class AnimatableGradient {
     constructor() {
         this.angle = new GradientAngle();

package/browser/Options/Classes/AnimatableGradientColor.js

@@ -1,5 +1,5 @@
 import { AnimatableColor, isNumber } from "@tsparticles/engine";
-import { GradientColorOpacity } from "./GradientColorOpacity";
+import { GradientColorOpacity } from "./GradientColorOpacity.js";
 export class AnimatableGradientColor {
     constructor() {
         this.stop = 0;

package/browser/Options/Classes/GradientAngle.js

@@ -1,5 +1,5 @@
 import { setRangeValue, } from "@tsparticles/engine";
-import { GradientAngleAnimation } from "./GradientAngleAnimation";
+import { GradientAngleAnimation } from "./GradientAngleAnimation.js";
 export class GradientAngle {
     constructor() {
         this.value = 0;

package/browser/Options/Classes/GradientColorOpacity.js

@@ -1,5 +1,5 @@
 import { setRangeValue, } from "@tsparticles/engine";
-import { GradientColorOpacityAnimation } from "./GradientColorOpacityAnimation";
+import { GradientColorOpacityAnimation } from "./GradientColorOpacityAnimation.js";
 export class GradientColorOpacity {
     constructor() {
         this.value = 0;

package/browser/index.js

@@ -1,4 +1,4 @@
-import { GradientUpdater } from "./GradientUpdater";
+import { GradientUpdater } from "./GradientUpdater.js";
 export async function loadGradientUpdater(engine, refresh = true) {
     await engine.addParticleUpdater("gradient", () => new GradientUpdater(), refresh);
 }

package/browser/package.json

@@ -0,0 +1 @@
+{ "type": "module" }

package/cjs/GradientUpdater.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GradientUpdater = void 0;
 const engine_1 = require("@tsparticles/engine");
-const AnimatableGradient_1 = require("./Options/Classes/AnimatableGradient");
-const Utils_1 = require("./Utils");
+const AnimatableGradient_js_1 = require("./Options/Classes/AnimatableGradient.js");
+const Utils_js_1 = require("./Utils.js");
 class GradientUpdater {
     getColorStyles(particle, context, radius, opacity) {
         const gradient = particle.gradient;
@@ -120,14 +120,14 @@ class GradientUpdater {
                 continue;
             }
             options.gradient = (0, engine_1.executeOnSingleOrMultiple)(gradientToLoad, (gradient) => {
-                const tmp = new AnimatableGradient_1.AnimatableGradient();
+                const tmp = new AnimatableGradient_js_1.AnimatableGradient();
                 tmp.load(gradient);
                 return tmp;
             });
         }
     }
     update(particle, delta) {
-        (0, Utils_1.updateGradient)(particle, delta);
+        (0, Utils_js_1.updateGradient)(particle, delta);
     }
 }
 exports.GradientUpdater = GradientUpdater;

package/cjs/Options/Classes/AnimatableGradient.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AnimatableGradient = void 0;
-const AnimatableGradientColor_1 = require("./AnimatableGradientColor");
-const GradientAngle_1 = require("./GradientAngle");
+const AnimatableGradientColor_js_1 = require("./AnimatableGradientColor.js");
+const GradientAngle_js_1 = require("./GradientAngle.js");
 class AnimatableGradient {
     constructor() {
-        this.angle = new GradientAngle_1.GradientAngle();
+        this.angle = new GradientAngle_js_1.GradientAngle();
         this.colors = [];
         this.type = "random";
     }
@@ -16,7 +16,7 @@ class AnimatableGradient {
         this.angle.load(data.angle);
         if (data.colors !== undefined) {
             this.colors = data.colors.map((s) => {
-                const tmp = new AnimatableGradientColor_1.AnimatableGradientColor();
+                const tmp = new AnimatableGradientColor_js_1.AnimatableGradientColor();
                 tmp.load(s);
                 return tmp;
             });

package/cjs/Options/Classes/AnimatableGradientColor.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AnimatableGradientColor = void 0;
 const engine_1 = require("@tsparticles/engine");
-const GradientColorOpacity_1 = require("./GradientColorOpacity");
+const GradientColorOpacity_js_1 = require("./GradientColorOpacity.js");
 class AnimatableGradientColor {
     constructor() {
         this.stop = 0;
@@ -17,7 +17,7 @@ class AnimatableGradientColor {
         }
         this.value = engine_1.AnimatableColor.create(this.value, data.value);
         if (data.opacity !== undefined) {
-            this.opacity = new GradientColorOpacity_1.GradientColorOpacity();
+            this.opacity = new GradientColorOpacity_js_1.GradientColorOpacity();
             if ((0, engine_1.isNumber)(data.opacity)) {
                 this.opacity.value = data.opacity;
             }

package/cjs/Options/Classes/GradientAngle.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GradientAngle = void 0;
 const engine_1 = require("@tsparticles/engine");
-const GradientAngleAnimation_1 = require("./GradientAngleAnimation");
+const GradientAngleAnimation_js_1 = require("./GradientAngleAnimation.js");
 class GradientAngle {
     constructor() {
         this.value = 0;
-        this.animation = new GradientAngleAnimation_1.GradientAngleAnimation();
+        this.animation = new GradientAngleAnimation_js_1.GradientAngleAnimation();
         this.direction = "clockwise";
     }
     load(data) {

package/cjs/Options/Classes/GradientColorOpacity.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GradientColorOpacity = void 0;
 const engine_1 = require("@tsparticles/engine");
-const GradientColorOpacityAnimation_1 = require("./GradientColorOpacityAnimation");
+const GradientColorOpacityAnimation_js_1 = require("./GradientColorOpacityAnimation.js");
 class GradientColorOpacity {
     constructor() {
         this.value = 0;
-        this.animation = new GradientColorOpacityAnimation_1.GradientColorOpacityAnimation();
+        this.animation = new GradientColorOpacityAnimation_js_1.GradientColorOpacityAnimation();
     }
     load(data) {
         if (!data) {

package/cjs/index.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadGradientUpdater = void 0;
-const GradientUpdater_1 = require("./GradientUpdater");
+const GradientUpdater_js_1 = require("./GradientUpdater.js");
 async function loadGradientUpdater(engine, refresh = true) {
-    await engine.addParticleUpdater("gradient", () => new GradientUpdater_1.GradientUpdater(), refresh);
+    await engine.addParticleUpdater("gradient", () => new GradientUpdater_js_1.GradientUpdater(), refresh);
 }
 exports.loadGradientUpdater = loadGradientUpdater;

package/cjs/package.json

@@ -0,0 +1 @@
+{ "type": "commonjs" }

package/esm/GradientUpdater.js

@@ -1,6 +1,6 @@
 import { executeOnSingleOrMultiple, getHslAnimationFromHsl, getRandom, getRangeMax, getRangeMin, getRangeValue, getStyleFromHsl, itemFromSingleOrMultiple, randomInRange, rangeColorToHsl, } from "@tsparticles/engine";
-import { AnimatableGradient } from "./Options/Classes/AnimatableGradient";
-import { updateGradient } from "./Utils";
+import { AnimatableGradient } from "./Options/Classes/AnimatableGradient.js";
+import { updateGradient } from "./Utils.js";
 export class GradientUpdater {
     getColorStyles(particle, context, radius, opacity) {
         const gradient = particle.gradient;

package/esm/Options/Classes/AnimatableGradient.js

@@ -1,5 +1,5 @@
-import { AnimatableGradientColor } from "./AnimatableGradientColor";
-import { GradientAngle } from "./GradientAngle";
+import { AnimatableGradientColor } from "./AnimatableGradientColor.js";
+import { GradientAngle } from "./GradientAngle.js";
 export class AnimatableGradient {
     constructor() {
         this.angle = new GradientAngle();

package/esm/Options/Classes/AnimatableGradientColor.js

@@ -1,5 +1,5 @@
 import { AnimatableColor, isNumber } from "@tsparticles/engine";
-import { GradientColorOpacity } from "./GradientColorOpacity";
+import { GradientColorOpacity } from "./GradientColorOpacity.js";
 export class AnimatableGradientColor {
     constructor() {
         this.stop = 0;

package/esm/Options/Classes/GradientAngle.js

@@ -1,5 +1,5 @@
 import { setRangeValue, } from "@tsparticles/engine";
-import { GradientAngleAnimation } from "./GradientAngleAnimation";
+import { GradientAngleAnimation } from "./GradientAngleAnimation.js";
 export class GradientAngle {
     constructor() {
         this.value = 0;

package/esm/Options/Classes/GradientColorOpacity.js

@@ -1,5 +1,5 @@
 import { setRangeValue, } from "@tsparticles/engine";
-import { GradientColorOpacityAnimation } from "./GradientColorOpacityAnimation";
+import { GradientColorOpacityAnimation } from "./GradientColorOpacityAnimation.js";
 export class GradientColorOpacity {
     constructor() {
         this.value = 0;

package/esm/index.js

@@ -1,4 +1,4 @@
-import { GradientUpdater } from "./GradientUpdater";
+import { GradientUpdater } from "./GradientUpdater.js";
 export async function loadGradientUpdater(engine, refresh = true) {
     await engine.addParticleUpdater("gradient", () => new GradientUpdater(), refresh);
 }

package/esm/package.json

@@ -0,0 +1 @@
+{ "type": "module" }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/updater-gradient",
-  "version": "3.0.0-beta.0",
+  "version": "3.0.0-beta.1",
   "description": "tsParticles particles gradient updater",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -82,14 +82,26 @@
       "url": "https://www.buymeacoffee.com/matteobruni"
     }
   ],
-  "main": "cjs/index.js",
+  "sideEffects": false,
   "jsdelivr": "tsparticles.updater.gradient.min.js",
   "unpkg": "tsparticles.updater.gradient.min.js",
+  "browser": "browser/index.js",
+  "main": "cjs/index.js",
   "module": "esm/index.js",
   "types": "types/index.d.ts",
-  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./types/index.d.ts",
+      "browser": "./browser/index.js",
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js",
+      "umd": "./umd/index.js",
+      "default": "./cjs/index.js"
+    },
+    "./package.json": "./package.json"
+  },
   "dependencies": {
-    "@tsparticles/engine": "^3.0.0-beta.0"
+    "@tsparticles/engine": "^3.0.0-beta.1"
   },
   "publishConfig": {
     "access": "public"

package/report.html

@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
-    <title>@tsparticles/updater-gradient [24 Aug 2023 at 18:05]</title>
+    <title>@tsparticles/updater-gradient [25 Aug 2023 at 16:15]</title>
     <link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII=" type="image/x-icon" />
 
     <script>
@@ -31,7 +31,7 @@
   <body>
     <div id="app"></div>
     <script>
-      window.chartData = [{"label":"tsparticles.updater.gradient.js","isAsset":true,"statSize":11989,"parsedSize":16179,"gzipSize":3580,"groups":[{"label":"dist/browser","path":"./dist/browser","statSize":11947,"groups":[{"id":381,"label":"index.js + 8 modules (concatenated)","path":"./dist/browser/index.js + 8 modules (concatenated)","statSize":11947,"parsedSize":16179,"gzipSize":3580,"concatenated":true,"groups":[{"label":"dist/browser","path":"./dist/browser/index.js + 8 modules (concatenated)/dist/browser","statSize":11947,"groups":[{"id":null,"label":"index.js","path":"./dist/browser/index.js + 8 modules (concatenated)/dist/browser/index.js","statSize":207,"parsedSize":280,"gzipSize":62,"inaccurateSizes":true},{"id":null,"label":"GradientUpdater.js","path":"./dist/browser/index.js + 8 modules (concatenated)/dist/browser/GradientUpdater.js","statSize":4895,"parsedSize":6628,"gzipSize":1466,"inaccurateSizes":true},{"label":"Options/Classes","path":"./dist/browser/index.js + 8 modules (concatenated)/dist/browser/Options/Classes","statSize":4006,"groups":[{"id":null,"label":"AnimatableGradient.js","path":"./dist/browser/index.js + 8 modules (concatenated)/dist/browser/Options/Classes/AnimatableGradient.js","statSize":608,"parsedSize":823,"gzipSize":182,"inaccurateSizes":true},{"id":null,"label":"GradientAngle.js","path":"./dist/browser/index.js + 8 modules (concatenated)/dist/browser/Options/Classes/GradientAngle.js","statSize":547,"parsedSize":740,"gzipSize":163,"inaccurateSizes":true},{"id":null,"label":"AnimatableGradientColor.js","path":"./dist/browser/index.js + 8 modules (concatenated)/dist/browser/Options/Classes/AnimatableGradientColor.js","statSize":676,"parsedSize":915,"gzipSize":202,"inaccurateSizes":true},{"id":null,"label":"GradientAngleAnimation.js","path":"./dist/browser/index.js + 8 modules (concatenated)/dist/browser/Options/Classes/GradientAngleAnimation.js","statSize":796,"parsedSize":1077,"gzipSize":238,"inaccurateSizes":true},{"id":null,"label":"GradientColorOpacity.js","path":"./dist/browser/index.js + 8 modules (concatenated)/dist/browser/Options/Classes/GradientColorOpacity.js","statSize":456,"parsedSize":617,"gzipSize":136,"inaccurateSizes":true},{"id":null,"label":"GradientColorOpacityAnimation.js","path":"./dist/browser/index.js + 8 modules (concatenated)/dist/browser/Options/Classes/GradientColorOpacityAnimation.js","statSize":923,"parsedSize":1249,"gzipSize":276,"inaccurateSizes":true}],"parsedSize":5425,"gzipSize":1200,"inaccurateSizes":true},{"id":null,"label":"Utils.js","path":"./dist/browser/index.js + 8 modules (concatenated)/dist/browser/Utils.js","statSize":2839,"parsedSize":3844,"gzipSize":850,"inaccurateSizes":true}],"parsedSize":16179,"gzipSize":3580,"inaccurateSizes":true}]}],"parsedSize":16179,"gzipSize":3580},{"label":"engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles","path":"./engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles","statSize":42,"groups":[{"id":533,"label":"engine\",\"root\":\"window\"}","path":"./engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles/engine\",\"root\":\"window\"}","statSize":42}],"parsedSize":0,"gzipSize":0}],"isInitialByEntrypoint":{"tsparticles.updater.gradient":true}}];
+      window.chartData = [{"label":"tsparticles.updater.gradient.js","isAsset":true,"statSize":12013,"parsedSize":16179,"gzipSize":3580,"groups":[{"label":"dist/browser","path":"./dist/browser","statSize":11971,"groups":[{"id":381,"label":"index.js + 8 modules (concatenated)","path":"./dist/browser/index.js + 8 modules (concatenated)","statSize":11971,"parsedSize":16179,"gzipSize":3580,"concatenated":true,"groups":[{"label":"dist/browser","path":"./dist/browser/index.js + 8 modules (concatenated)/dist/browser","statSize":11971,"groups":[{"id":null,"label":"index.js","path":"./dist/browser/index.js + 8 modules (concatenated)/dist/browser/index.js","statSize":210,"parsedSize":283,"gzipSize":62,"inaccurateSizes":true},{"id":null,"label":"GradientUpdater.js","path":"./dist/browser/index.js + 8 modules (concatenated)/dist/browser/GradientUpdater.js","statSize":4901,"parsedSize":6623,"gzipSize":1465,"inaccurateSizes":true},{"label":"Options/Classes","path":"./dist/browser/index.js + 8 modules (concatenated)/dist/browser/Options/Classes","statSize":4021,"groups":[{"id":null,"label":"AnimatableGradient.js","path":"./dist/browser/index.js + 8 modules (concatenated)/dist/browser/Options/Classes/AnimatableGradient.js","statSize":614,"parsedSize":829,"gzipSize":183,"inaccurateSizes":true},{"id":null,"label":"GradientAngle.js","path":"./dist/browser/index.js + 8 modules (concatenated)/dist/browser/Options/Classes/GradientAngle.js","statSize":550,"parsedSize":743,"gzipSize":164,"inaccurateSizes":true},{"id":null,"label":"AnimatableGradientColor.js","path":"./dist/browser/index.js + 8 modules (concatenated)/dist/browser/Options/Classes/AnimatableGradientColor.js","statSize":679,"parsedSize":917,"gzipSize":203,"inaccurateSizes":true},{"id":null,"label":"GradientAngleAnimation.js","path":"./dist/browser/index.js + 8 modules (concatenated)/dist/browser/Options/Classes/GradientAngleAnimation.js","statSize":796,"parsedSize":1075,"gzipSize":238,"inaccurateSizes":true},{"id":null,"label":"GradientColorOpacity.js","path":"./dist/browser/index.js + 8 modules (concatenated)/dist/browser/Options/Classes/GradientColorOpacity.js","statSize":459,"parsedSize":620,"gzipSize":137,"inaccurateSizes":true},{"id":null,"label":"GradientColorOpacityAnimation.js","path":"./dist/browser/index.js + 8 modules (concatenated)/dist/browser/Options/Classes/GradientColorOpacityAnimation.js","statSize":923,"parsedSize":1247,"gzipSize":276,"inaccurateSizes":true}],"parsedSize":5434,"gzipSize":1202,"inaccurateSizes":true},{"id":null,"label":"Utils.js","path":"./dist/browser/index.js + 8 modules (concatenated)/dist/browser/Utils.js","statSize":2839,"parsedSize":3836,"gzipSize":849,"inaccurateSizes":true}],"parsedSize":16179,"gzipSize":3580,"inaccurateSizes":true}]}],"parsedSize":16179,"gzipSize":3580},{"label":"engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles","path":"./engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles","statSize":42,"groups":[{"id":533,"label":"engine\",\"root\":\"window\"}","path":"./engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles/engine\",\"root\":\"window\"}","statSize":42}],"parsedSize":0,"gzipSize":0}],"isInitialByEntrypoint":{"tsparticles.updater.gradient":true}}];
       window.entrypoints = ["tsparticles.updater.gradient","tsparticles.updater.gradient.min"];
       window.defaultSizes = "parsed";
     </script>

package/tsparticles.updater.gradient.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v3.0.0-beta.0
+ * v3.0.0-beta.1
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')

package/tsparticles.updater.gradient.min.js.LICENSE.txt

@@ -1 +1 @@
-/*! tsParticles Gradient Updater v3.0.0-beta.0 by Matteo Bruni */
+/*! tsParticles Gradient Updater v3.0.0-beta.1 by Matteo Bruni */

package/types/GradientUpdater.d.ts

@@ -1,5 +1,5 @@
 import { type IDelta, type IParticleColorStyle, type IParticleUpdater, type RecursivePartial } from "@tsparticles/engine";
-import type { GradientParticle, GradientParticlesOptions, IGradientParticlesOptions } from "./Types";
+import type { GradientParticle, GradientParticlesOptions, IGradientParticlesOptions } from "./Types.js";
 export declare class GradientUpdater implements IParticleUpdater {
     getColorStyles(particle: GradientParticle, context: CanvasRenderingContext2D, radius: number, opacity: number): IParticleColorStyle;
     init(particle: GradientParticle): void;

package/types/Options/Classes/AnimatableGradient.d.ts

@@ -1,7 +1,7 @@
 import { GradientType, type IOptionLoader, type RecursivePartial } from "@tsparticles/engine";
-import { AnimatableGradientColor } from "./AnimatableGradientColor";
-import { GradientAngle } from "./GradientAngle";
-import type { IAnimatableGradient } from "../Interfaces/IAnimatableGradient";
+import { AnimatableGradientColor } from "./AnimatableGradientColor.js";
+import { GradientAngle } from "./GradientAngle.js";
+import type { IAnimatableGradient } from "../Interfaces/IAnimatableGradient.js";
 export declare class AnimatableGradient implements IAnimatableGradient, IOptionLoader<IAnimatableGradient> {
     angle: GradientAngle;
     colors: AnimatableGradientColor[];

package/types/Options/Classes/AnimatableGradientColor.d.ts

@@ -1,6 +1,6 @@
 import { AnimatableColor, type IOptionLoader, type RecursivePartial } from "@tsparticles/engine";
-import { GradientColorOpacity } from "./GradientColorOpacity";
-import type { IAnimatableGradientColor } from "../Interfaces/IOptionsGradient";
+import { GradientColorOpacity } from "./GradientColorOpacity.js";
+import type { IAnimatableGradientColor } from "../Interfaces/IOptionsGradient.js";
 export declare class AnimatableGradientColor implements IAnimatableGradientColor, IOptionLoader<IAnimatableGradientColor> {
     opacity?: GradientColorOpacity;
     stop: number;

package/types/Options/Classes/GradientAngle.d.ts

@@ -1,6 +1,6 @@
 import { type IAnimatable, type IAnimation, type IOptionLoader, type RangeValue, type RecursivePartial, RotateDirection, type RotateDirectionAlt } from "@tsparticles/engine";
-import { GradientAngleAnimation } from "./GradientAngleAnimation";
-import type { IGradientAngle } from "../Interfaces/Gradients";
+import { GradientAngleAnimation } from "./GradientAngleAnimation.js";
+import type { IGradientAngle } from "../Interfaces/Gradients.js";
 export declare class GradientAngle implements IGradientAngle, IAnimatable<IAnimation>, IOptionLoader<IGradientAngle & IAnimatable<IAnimation>> {
     animation: GradientAngleAnimation;
     direction: RotateDirection | keyof typeof RotateDirection | RotateDirectionAlt;

package/types/Options/Classes/GradientColorOpacity.d.ts

@@ -1,7 +1,7 @@
 import { type IAnimatable, type IAnimation, type IOptionLoader, type RangeValue, type RecursivePartial } from "@tsparticles/engine";
-import { GradientColorOpacityAnimation } from "./GradientColorOpacityAnimation";
-import type { IGradientColorOpacity } from "../Interfaces/Gradients";
-import type { IGradientColorOpacityAnimation } from "../Interfaces/IOptionsGradient";
+import { GradientColorOpacityAnimation } from "./GradientColorOpacityAnimation.js";
+import type { IGradientColorOpacity } from "../Interfaces/Gradients.js";
+import type { IGradientColorOpacityAnimation } from "../Interfaces/IOptionsGradient.js";
 export declare class GradientColorOpacity implements IGradientColorOpacity, IAnimatable<GradientColorOpacityAnimation>, IOptionLoader<IGradientColorOpacity & IAnimatable<IGradientColorOpacityAnimation>> {
     animation: GradientColorOpacityAnimation;
     value: RangeValue;

package/types/Options/Classes/GradientColorOpacityAnimation.d.ts

@@ -1,5 +1,5 @@
 import { type IOptionLoader, type RangeValue, type RecursivePartial, StartValueType } from "@tsparticles/engine";
-import type { IGradientColorOpacityAnimation } from "../Interfaces/IOptionsGradient";
+import type { IGradientColorOpacityAnimation } from "../Interfaces/IOptionsGradient.js";
 export declare class GradientColorOpacityAnimation implements IGradientColorOpacityAnimation, IOptionLoader<IGradientColorOpacityAnimation> {
     count: RangeValue;
     decay: RangeValue;

package/types/Options/Interfaces/IAnimatableGradient.d.ts

@@ -1,6 +1,6 @@
 import type { IAnimatable, IAnimation } from "@tsparticles/engine";
-import type { IAnimatableGradientColor, IOptionsGradient } from "./IOptionsGradient";
-import type { IGradientAngle } from "./Gradients";
+import type { IAnimatableGradientColor, IOptionsGradient } from "./IOptionsGradient.js";
+import type { IGradientAngle } from "./Gradients.js";
 export type IAnimatableGradient = IOptionsGradient & {
     angle: IGradientAngle & IAnimatable<IAnimation>;
     colors: IAnimatableGradientColor[];

package/types/Options/Interfaces/IOptionsGradient.d.ts

@@ -1,5 +1,5 @@
 import type { IAnimatable, IAnimatableColor, IAnimation, StartValueType } from "@tsparticles/engine";
-import type { IGradient, IGradientColor, IGradientColorOpacity } from "./Gradients";
+import type { IGradient, IGradientColor, IGradientColorOpacity } from "./Gradients.js";
 export interface IGradientColorOpacityAnimation extends IAnimation {
     startValue: StartValueType | keyof typeof StartValueType;
 }

package/types/Types.d.ts

@@ -1,6 +1,6 @@
 import type { GradientType, IParticleHslAnimation, IParticleNumericValueAnimation, IParticleValueAnimation, IParticlesOptions, Particle, ParticlesOptions, SingleOrMultiple } from "@tsparticles/engine";
-import type { AnimatableGradient } from "./Options/Classes/AnimatableGradient";
-import type { IAnimatableGradient } from "./Options/Interfaces/IAnimatableGradient";
+import type { AnimatableGradient } from "./Options/Classes/AnimatableGradient.js";
+import type { IAnimatableGradient } from "./Options/Interfaces/IAnimatableGradient.js";
 export interface IParticleGradientColorAnimation {
     opacity?: IParticleNumericValueAnimation;
     stop: number;

package/types/Utils.d.ts

@@ -1,3 +1,3 @@
 import { type IDelta } from "@tsparticles/engine";
-import type { GradientParticle } from "./Types";
+import type { GradientParticle } from "./Types.js";
 export declare function updateGradient(particle: GradientParticle, delta: IDelta): void;

package/umd/GradientUpdater.js

@@ -4,15 +4,15 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine", "./Options/Classes/AnimatableGradient", "./Utils"], factory);
+        define(["require", "exports", "@tsparticles/engine", "./Options/Classes/AnimatableGradient.js", "./Utils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.GradientUpdater = void 0;
     const engine_1 = require("@tsparticles/engine");
-    const AnimatableGradient_1 = require("./Options/Classes/AnimatableGradient");
-    const Utils_1 = require("./Utils");
+    const AnimatableGradient_js_1 = require("./Options/Classes/AnimatableGradient.js");
+    const Utils_js_1 = require("./Utils.js");
     class GradientUpdater {
         getColorStyles(particle, context, radius, opacity) {
             const gradient = particle.gradient;
@@ -129,14 +129,14 @@
                     continue;
                 }
                 options.gradient = (0, engine_1.executeOnSingleOrMultiple)(gradientToLoad, (gradient) => {
-                    const tmp = new AnimatableGradient_1.AnimatableGradient();
+                    const tmp = new AnimatableGradient_js_1.AnimatableGradient();
                     tmp.load(gradient);
                     return tmp;
                 });
             }
         }
         update(particle, delta) {
-            (0, Utils_1.updateGradient)(particle, delta);
+            (0, Utils_js_1.updateGradient)(particle, delta);
         }
     }
     exports.GradientUpdater = GradientUpdater;

package/umd/Options/Classes/AnimatableGradient.js

@@ -4,17 +4,17 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./AnimatableGradientColor", "./GradientAngle"], factory);
+        define(["require", "exports", "./AnimatableGradientColor.js", "./GradientAngle.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.AnimatableGradient = void 0;
-    const AnimatableGradientColor_1 = require("./AnimatableGradientColor");
-    const GradientAngle_1 = require("./GradientAngle");
+    const AnimatableGradientColor_js_1 = require("./AnimatableGradientColor.js");
+    const GradientAngle_js_1 = require("./GradientAngle.js");
     class AnimatableGradient {
         constructor() {
-            this.angle = new GradientAngle_1.GradientAngle();
+            this.angle = new GradientAngle_js_1.GradientAngle();
             this.colors = [];
             this.type = "random";
         }
@@ -25,7 +25,7 @@
             this.angle.load(data.angle);
             if (data.colors !== undefined) {
                 this.colors = data.colors.map((s) => {
-                    const tmp = new AnimatableGradientColor_1.AnimatableGradientColor();
+                    const tmp = new AnimatableGradientColor_js_1.AnimatableGradientColor();
                     tmp.load(s);
                     return tmp;
                 });

package/umd/Options/Classes/AnimatableGradientColor.js

@@ -4,14 +4,14 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine", "./GradientColorOpacity"], factory);
+        define(["require", "exports", "@tsparticles/engine", "./GradientColorOpacity.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.AnimatableGradientColor = void 0;
     const engine_1 = require("@tsparticles/engine");
-    const GradientColorOpacity_1 = require("./GradientColorOpacity");
+    const GradientColorOpacity_js_1 = require("./GradientColorOpacity.js");
     class AnimatableGradientColor {
         constructor() {
             this.stop = 0;
@@ -26,7 +26,7 @@
             }
             this.value = engine_1.AnimatableColor.create(this.value, data.value);
             if (data.opacity !== undefined) {
-                this.opacity = new GradientColorOpacity_1.GradientColorOpacity();
+                this.opacity = new GradientColorOpacity_js_1.GradientColorOpacity();
                 if ((0, engine_1.isNumber)(data.opacity)) {
                     this.opacity.value = data.opacity;
                 }

package/umd/Options/Classes/GradientAngle.js

@@ -4,18 +4,18 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine", "./GradientAngleAnimation"], factory);
+        define(["require", "exports", "@tsparticles/engine", "./GradientAngleAnimation.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.GradientAngle = void 0;
     const engine_1 = require("@tsparticles/engine");
-    const GradientAngleAnimation_1 = require("./GradientAngleAnimation");
+    const GradientAngleAnimation_js_1 = require("./GradientAngleAnimation.js");
     class GradientAngle {
         constructor() {
             this.value = 0;
-            this.animation = new GradientAngleAnimation_1.GradientAngleAnimation();
+            this.animation = new GradientAngleAnimation_js_1.GradientAngleAnimation();
             this.direction = "clockwise";
         }
         load(data) {

package/umd/Options/Classes/GradientColorOpacity.js

@@ -4,18 +4,18 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine", "./GradientColorOpacityAnimation"], factory);
+        define(["require", "exports", "@tsparticles/engine", "./GradientColorOpacityAnimation.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.GradientColorOpacity = void 0;
     const engine_1 = require("@tsparticles/engine");
-    const GradientColorOpacityAnimation_1 = require("./GradientColorOpacityAnimation");
+    const GradientColorOpacityAnimation_js_1 = require("./GradientColorOpacityAnimation.js");
     class GradientColorOpacity {
         constructor() {
             this.value = 0;
-            this.animation = new GradientColorOpacityAnimation_1.GradientColorOpacityAnimation();
+            this.animation = new GradientColorOpacityAnimation_js_1.GradientColorOpacityAnimation();
         }
         load(data) {
             if (!data) {

package/umd/index.js

@@ -4,15 +4,15 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./GradientUpdater"], factory);
+        define(["require", "exports", "./GradientUpdater.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.loadGradientUpdater = void 0;
-    const GradientUpdater_1 = require("./GradientUpdater");
+    const GradientUpdater_js_1 = require("./GradientUpdater.js");
     async function loadGradientUpdater(engine, refresh = true) {
-        await engine.addParticleUpdater("gradient", () => new GradientUpdater_1.GradientUpdater(), refresh);
+        await engine.addParticleUpdater("gradient", () => new GradientUpdater_js_1.GradientUpdater(), refresh);
     }
     exports.loadGradientUpdater = loadGradientUpdater;
 });