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

package/README.md

@@ -6,7 +6,7 @@
 [![npmjs](https://badge.fury.io/js/@tsparticles/updater-gradient.svg)](https://www.npmjs.com/package/@tsparticles/updater-gradient)
 [![npmjs](https://img.shields.io/npm/dt/@tsparticles/updater-gradient)](https://www.npmjs.com/package/@tsparticles/updater-gradient) [![GitHub Sponsors](https://img.shields.io/github/sponsors/matteobruni)](https://github.com/sponsors/matteobruni)
 
-[tsParticles](https://github.com/matteobruni/tsparticles) updater plugin for gradient animations.
+[tsParticles](https://github.com/tsparticles/tsparticles) updater plugin for gradient animations.
 
 ## How to use it
 

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,11 +1,11 @@
 {
   "name": "@tsparticles/updater-gradient",
-  "version": "3.0.0-beta.0",
+  "version": "3.0.0-beta.2",
   "description": "tsParticles particles gradient updater",
   "homepage": "https://particles.js.org",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/matteobruni/tsparticles.git",
+    "url": "git+https://github.com/tsparticles/tsparticles.git",
     "directory": "updaters/gradient"
   },
   "keywords": [
@@ -66,7 +66,7 @@
   "author": "Matteo Bruni <matteo.bruni@me.com>",
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/matteobruni/tsparticles/issues"
+    "url": "https://github.com/tsparticles/tsparticles/issues"
   },
   "funding": [
     {
@@ -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.2"
   },
   "publishConfig": {
     "access": "public"