@tsparticles/updater-gradient 3.0.0-alpha.0

package/esm/Options/Classes/AnimatableGradientColor.js

@@ -0,0 +1,26 @@
+import { AnimatableColor } from "@tsparticles/engine";
+import { GradientColorOpacity } from "./GradientColorOpacity";
+export class AnimatableGradientColor {
+    constructor() {
+        this.stop = 0;
+        this.value = new AnimatableColor();
+    }
+    load(data) {
+        if (!data) {
+            return;
+        }
+        if (data.stop !== undefined) {
+            this.stop = data.stop;
+        }
+        this.value = AnimatableColor.create(this.value, data.value);
+        if (data.opacity !== undefined) {
+            this.opacity = new GradientColorOpacity();
+            if (typeof data.opacity === "number") {
+                this.opacity.value = data.opacity;
+            }
+            else {
+                this.opacity.load(data.opacity);
+            }
+        }
+    }
+}

package/esm/Options/Classes/GradientAngle.js

@@ -0,0 +1,20 @@
+import { GradientAngleAnimation } from "./GradientAngleAnimation";
+export class GradientAngle {
+    constructor() {
+        this.value = 0;
+        this.animation = new GradientAngleAnimation();
+        this.direction = "clockwise";
+    }
+    load(data) {
+        if (!data) {
+            return;
+        }
+        this.animation.load(data.animation);
+        if (data.value !== undefined) {
+            this.value = data.value;
+        }
+        if (data.direction !== undefined) {
+            this.direction = data.direction;
+        }
+    }
+}

package/esm/Options/Classes/GradientAngleAnimation.js

@@ -0,0 +1,30 @@
+import { setRangeValue } from "@tsparticles/engine";
+export class GradientAngleAnimation {
+    constructor() {
+        this.count = 0;
+        this.enable = false;
+        this.speed = 0;
+        this.decay = 0;
+        this.sync = false;
+    }
+    load(data) {
+        if (!data) {
+            return;
+        }
+        if (data.count !== undefined) {
+            this.count = setRangeValue(data.count);
+        }
+        if (data.enable !== undefined) {
+            this.enable = data.enable;
+        }
+        if (data.speed !== undefined) {
+            this.speed = setRangeValue(data.speed);
+        }
+        if (data.decay !== undefined) {
+            this.decay = setRangeValue(data.decay);
+        }
+        if (data.sync !== undefined) {
+            this.sync = data.sync;
+        }
+    }
+}

package/esm/Options/Classes/GradientColorOpacity.js

@@ -0,0 +1,17 @@
+import { GradientColorOpacityAnimation } from "./GradientColorOpacityAnimation";
+import { setRangeValue } from "@tsparticles/engine";
+export class GradientColorOpacity {
+    constructor() {
+        this.value = 0;
+        this.animation = new GradientColorOpacityAnimation();
+    }
+    load(data) {
+        if (!data) {
+            return;
+        }
+        this.animation.load(data.animation);
+        if (data.value !== undefined) {
+            this.value = setRangeValue(data.value);
+        }
+    }
+}

package/esm/Options/Classes/GradientColorOpacityAnimation.js

@@ -0,0 +1,31 @@
+import { setRangeValue } from "@tsparticles/engine";
+export class GradientColorOpacityAnimation {
+    constructor() {
+        this.count = 0;
+        this.enable = false;
+        this.speed = 0;
+        this.decay = 0;
+        this.sync = false;
+        this.startValue = "random";
+    }
+    load(data) {
+        if (!data) {
+            return;
+        }
+        if (data.count !== undefined) {
+            this.count = setRangeValue(data.count);
+        }
+        if (data.enable !== undefined) {
+            this.enable = data.enable;
+        }
+        if (data.speed !== undefined) {
+            this.speed = setRangeValue(data.speed);
+        }
+        if (data.sync !== undefined) {
+            this.sync = data.sync;
+        }
+        if (data.startValue !== undefined) {
+            this.startValue = data.startValue;
+        }
+    }
+}

package/esm/Options/Interfaces/Gradients.js

@@ -0,0 +1 @@
+export {};

package/esm/Options/Interfaces/IAnimatableGradient.js

@@ -0,0 +1 @@
+export {};

package/esm/Options/Interfaces/IOptionsGradient.js

@@ -0,0 +1 @@
+export {};

package/esm/index.js

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

package/package.json

@@ -0,0 +1,92 @@
+{
+  "name": "@tsparticles/updater-gradient",
+  "version": "3.0.0-alpha.0",
+  "description": "tsParticles particles gradient updater",
+  "homepage": "https://particles.js.org",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/matteobruni/tsparticles.git",
+    "directory": "updaters/gradient"
+  },
+  "keywords": [
+    "front-end",
+    "frontend",
+    "tsparticles",
+    "particles.js",
+    "particlesjs",
+    "particles",
+    "particle",
+    "canvas",
+    "jsparticles",
+    "xparticles",
+    "particles-js",
+    "particles-bg",
+    "particles-bg-vue",
+    "particles-ts",
+    "particles.ts",
+    "react-particles-js",
+    "react-particles.js",
+    "react-particles",
+    "react",
+    "reactjs",
+    "vue-particles",
+    "ngx-particles",
+    "angular-particles",
+    "particleground",
+    "vue",
+    "vuejs",
+    "preact",
+    "preactjs",
+    "jquery",
+    "angularjs",
+    "angular",
+    "typescript",
+    "javascript",
+    "animation",
+    "web",
+    "html5",
+    "web-design",
+    "webdesign",
+    "css",
+    "html",
+    "css3",
+    "animated",
+    "background",
+    "confetti",
+    "canvas",
+    "fireworks",
+    "fireworks-js",
+    "confetti-js",
+    "confettijs",
+    "fireworksjs",
+    "canvas-confetti",
+    "@tsparticles/plugin",
+    "@tsparticles/updater"
+  ],
+  "author": "Matteo Bruni <matteo.bruni@me.com>",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/matteobruni/tsparticles/issues"
+  },
+  "funding": [
+    {
+      "type": "github",
+      "url": "https://github.com/sponsors/matteobruni"
+    },
+    {
+      "type": "buymeacoffee",
+      "url": "https://www.buymeacoffee.com/matteobruni"
+    }
+  ],
+  "main": "cjs/index.js",
+  "jsdelivr": "tsparticles.updater.gradient.min.js",
+  "unpkg": "tsparticles.updater.gradient.min.js",
+  "module": "esm/index.js",
+  "types": "types/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@tsparticles/engine": "^3.0.0-alpha.0"
+  }
+}