@tsparticles/engine 3.0.0-alpha.0

package/cjs/Core/Utils/Vector3d.js

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Vector3d = void 0;
+class Vector3d {
+    constructor(xOrCoords, y, z) {
+        if (typeof xOrCoords !== "number" && xOrCoords) {
+            this.x = xOrCoords.x;
+            this.y = xOrCoords.y;
+            const coords3d = xOrCoords;
+            this.z = coords3d.z ? coords3d.z : 0;
+        }
+        else if (xOrCoords !== undefined && y !== undefined) {
+            this.x = xOrCoords;
+            this.y = y;
+            this.z = z !== null && z !== void 0 ? z : 0;
+        }
+        else {
+            throw new Error("tsParticles - Vector3d not initialized correctly");
+        }
+    }
+    static get origin() {
+        return Vector3d.create(0, 0, 0);
+    }
+    get angle() {
+        return Math.atan2(this.y, this.x);
+    }
+    set angle(angle) {
+        this.updateFromAngle(angle, this.length);
+    }
+    get length() {
+        return Math.sqrt(this.getLengthSq());
+    }
+    set length(length) {
+        this.updateFromAngle(this.angle, length);
+    }
+    static clone(source) {
+        return Vector3d.create(source.x, source.y, source.z);
+    }
+    static create(x, y, z) {
+        return new Vector3d(x, y, z);
+    }
+    add(v) {
+        return Vector3d.create(this.x + v.x, this.y + v.y, this.z + v.z);
+    }
+    addTo(v) {
+        this.x += v.x;
+        this.y += v.y;
+        this.z += v.z;
+    }
+    copy() {
+        return Vector3d.clone(this);
+    }
+    distanceTo(v) {
+        return this.sub(v).length;
+    }
+    distanceToSq(v) {
+        return this.sub(v).getLengthSq();
+    }
+    div(n) {
+        return Vector3d.create(this.x / n, this.y / n, this.z / n);
+    }
+    divTo(n) {
+        this.x /= n;
+        this.y /= n;
+        this.z /= n;
+    }
+    getLengthSq() {
+        return this.x ** 2 + this.y ** 2;
+    }
+    mult(n) {
+        return Vector3d.create(this.x * n, this.y * n, this.z * n);
+    }
+    multTo(n) {
+        this.x *= n;
+        this.y *= n;
+        this.z *= n;
+    }
+    rotate(angle) {
+        return Vector3d.create(this.x * Math.cos(angle) - this.y * Math.sin(angle), this.x * Math.sin(angle) + this.y * Math.cos(angle), 0);
+    }
+    setTo(c) {
+        this.x = c.x;
+        this.y = c.y;
+        const v3d = c;
+        this.z = v3d.z ? v3d.z : 0;
+    }
+    sub(v) {
+        return Vector3d.create(this.x - v.x, this.y - v.y, this.z - v.z);
+    }
+    subFrom(v) {
+        this.x -= v.x;
+        this.y -= v.y;
+        this.z -= v.z;
+    }
+    updateFromAngle(angle, length) {
+        this.x = Math.cos(angle) * length;
+        this.y = Math.sin(angle) * length;
+    }
+}
+exports.Vector3d = Vector3d;

package/cjs/Enums/AnimationStatus.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/Enums/Directions/MoveDirection.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/Enums/Directions/OutModeDirection.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/Enums/Directions/RotateDirection.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/Enums/InteractivityDetect.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/Enums/Modes/ClickMode.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/Enums/Modes/CollisionMode.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/Enums/Modes/DivMode.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/Enums/Modes/HoverMode.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/Enums/Modes/OutMode.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/Enums/Modes/ResponsiveMode.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/Enums/Modes/SizeMode.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/Enums/Modes/ThemeMode.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/Enums/Types/AlterType.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/Enums/Types/DestroyType.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/Enums/Types/DivType.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/Enums/Types/EasingType.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/Enums/Types/EventType.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/Enums/Types/GradientType.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/Enums/Types/InteractorType.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/Enums/Types/ParticleOutType.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/Enums/Types/StartValueType.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/Options/Classes/AnimatableColor.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnimatableColor = void 0;
+const HslAnimation_1 = require("./HslAnimation");
+const OptionsColor_1 = require("./OptionsColor");
+class AnimatableColor extends OptionsColor_1.OptionsColor {
+    constructor() {
+        super();
+        this.animation = new HslAnimation_1.HslAnimation();
+    }
+    static create(source, data) {
+        const color = new AnimatableColor();
+        color.load(source);
+        if (data !== undefined) {
+            if (typeof data === "string" || data instanceof Array) {
+                color.load({ value: data });
+            }
+            else {
+                color.load(data);
+            }
+        }
+        return color;
+    }
+    load(data) {
+        super.load(data);
+        if (!data) {
+            return;
+        }
+        const colorAnimation = data.animation;
+        if (colorAnimation !== undefined) {
+            if (colorAnimation.enable !== undefined) {
+                this.animation.h.load(colorAnimation);
+            }
+            else {
+                this.animation.load(data.animation);
+            }
+        }
+    }
+}
+exports.AnimatableColor = AnimatableColor;

package/cjs/Options/Classes/AnimationOptions.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RangedAnimationOptions = exports.AnimationOptions = void 0;
+const NumberUtils_1 = require("../../Utils/NumberUtils");
+class AnimationOptions {
+    constructor() {
+        this.count = 0;
+        this.enable = false;
+        this.speed = 1;
+        this.decay = 0;
+        this.sync = false;
+    }
+    load(data) {
+        if (!data) {
+            return;
+        }
+        if (data.count !== undefined) {
+            this.count = (0, NumberUtils_1.setRangeValue)(data.count);
+        }
+        if (data.enable !== undefined) {
+            this.enable = data.enable;
+        }
+        if (data.speed !== undefined) {
+            this.speed = (0, NumberUtils_1.setRangeValue)(data.speed);
+        }
+        if (data.decay !== undefined) {
+            this.decay = (0, NumberUtils_1.setRangeValue)(data.decay);
+        }
+        if (data.sync !== undefined) {
+            this.sync = data.sync;
+        }
+    }
+}
+exports.AnimationOptions = AnimationOptions;
+class RangedAnimationOptions extends AnimationOptions {
+    constructor() {
+        super();
+        this.startValue = "random";
+    }
+    load(data) {
+        super.load(data);
+        if (!data) {
+            return;
+        }
+        if (data.minimumValue !== undefined) {
+            this.minimumValue = data.minimumValue;
+        }
+        if (data.startValue !== undefined) {
+            this.startValue = data.startValue;
+        }
+    }
+}
+exports.RangedAnimationOptions = RangedAnimationOptions;

package/cjs/Options/Classes/Background/Background.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Background = void 0;
+const OptionsColor_1 = require("../OptionsColor");
+class Background {
+    constructor() {
+        this.color = new OptionsColor_1.OptionsColor();
+        this.color.value = "";
+        this.image = "";
+        this.position = "";
+        this.repeat = "";
+        this.size = "";
+        this.opacity = 1;
+    }
+    load(data) {
+        if (!data) {
+            return;
+        }
+        if (data.color !== undefined) {
+            this.color = OptionsColor_1.OptionsColor.create(this.color, data.color);
+        }
+        if (data.image !== undefined) {
+            this.image = data.image;
+        }
+        if (data.position !== undefined) {
+            this.position = data.position;
+        }
+        if (data.repeat !== undefined) {
+            this.repeat = data.repeat;
+        }
+        if (data.size !== undefined) {
+            this.size = data.size;
+        }
+        if (data.opacity !== undefined) {
+            this.opacity = data.opacity;
+        }
+    }
+}
+exports.Background = Background;

package/cjs/Options/Classes/BackgroundMask/BackgroundMask.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BackgroundMask = void 0;
+const BackgroundMaskCover_1 = require("./BackgroundMaskCover");
+class BackgroundMask {
+    constructor() {
+        this.composite = "destination-out";
+        this.cover = new BackgroundMaskCover_1.BackgroundMaskCover();
+        this.enable = false;
+    }
+    load(data) {
+        if (!data) {
+            return;
+        }
+        if (data.composite !== undefined) {
+            this.composite = data.composite;
+        }
+        if (data.cover !== undefined) {
+            const cover = data.cover;
+            const color = (typeof data.cover === "string" ? { color: data.cover } : data.cover);
+            this.cover.load(cover.color !== undefined ? cover : { color: color });
+        }
+        if (data.enable !== undefined) {
+            this.enable = data.enable;
+        }
+    }
+}
+exports.BackgroundMask = BackgroundMask;

package/cjs/Options/Classes/BackgroundMask/BackgroundMaskCover.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BackgroundMaskCover = void 0;
+const OptionsColor_1 = require("../OptionsColor");
+class BackgroundMaskCover {
+    constructor() {
+        this.color = new OptionsColor_1.OptionsColor();
+        this.color.value = "#fff";
+        this.opacity = 1;
+    }
+    load(data) {
+        if (!data) {
+            return;
+        }
+        if (data.color !== undefined) {
+            this.color = OptionsColor_1.OptionsColor.create(this.color, data.color);
+        }
+        if (data.opacity !== undefined) {
+            this.opacity = data.opacity;
+        }
+    }
+}
+exports.BackgroundMaskCover = BackgroundMaskCover;

package/cjs/Options/Classes/ColorAnimation.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColorAnimation = void 0;
+const NumberUtils_1 = require("../../Utils/NumberUtils");
+class ColorAnimation {
+    constructor() {
+        this.count = 0;
+        this.enable = false;
+        this.offset = 0;
+        this.speed = 1;
+        this.decay = 0;
+        this.sync = true;
+    }
+    load(data) {
+        if (!data) {
+            return;
+        }
+        if (data.count !== undefined) {
+            this.count = (0, NumberUtils_1.setRangeValue)(data.count);
+        }
+        if (data.enable !== undefined) {
+            this.enable = data.enable;
+        }
+        if (data.offset !== undefined) {
+            this.offset = (0, NumberUtils_1.setRangeValue)(data.offset);
+        }
+        if (data.speed !== undefined) {
+            this.speed = (0, NumberUtils_1.setRangeValue)(data.speed);
+        }
+        if (data.decay !== undefined) {
+            this.decay = (0, NumberUtils_1.setRangeValue)(data.decay);
+        }
+        if (data.sync !== undefined) {
+            this.sync = data.sync;
+        }
+    }
+}
+exports.ColorAnimation = ColorAnimation;

package/cjs/Options/Classes/FullScreen/FullScreen.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FullScreen = void 0;
+class FullScreen {
+    constructor() {
+        this.enable = true;
+        this.zIndex = 0;
+    }
+    load(data) {
+        if (!data) {
+            return;
+        }
+        if (data.enable !== undefined) {
+            this.enable = data.enable;
+        }
+        if (data.zIndex !== undefined) {
+            this.zIndex = data.zIndex;
+        }
+    }
+}
+exports.FullScreen = FullScreen;

package/cjs/Options/Classes/HslAnimation.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HslAnimation = void 0;
+const ColorAnimation_1 = require("./ColorAnimation");
+class HslAnimation {
+    constructor() {
+        this.h = new ColorAnimation_1.ColorAnimation();
+        this.s = new ColorAnimation_1.ColorAnimation();
+        this.l = new ColorAnimation_1.ColorAnimation();
+    }
+    load(data) {
+        if (!data) {
+            return;
+        }
+        this.h.load(data.h);
+        this.s.load(data.s);
+        this.l.load(data.l);
+    }
+}
+exports.HslAnimation = HslAnimation;

package/cjs/Options/Classes/Interactivity/Events/ClickEvent.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClickEvent = void 0;
+class ClickEvent {
+    constructor() {
+        this.enable = false;
+        this.mode = [];
+    }
+    load(data) {
+        if (!data) {
+            return;
+        }
+        if (data.enable !== undefined) {
+            this.enable = data.enable;
+        }
+        if (data.mode !== undefined) {
+            this.mode = data.mode;
+        }
+    }
+}
+exports.ClickEvent = ClickEvent;

package/cjs/Options/Classes/Interactivity/Events/DivEvent.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DivEvent = void 0;
+const Utils_1 = require("../../../../Utils/Utils");
+class DivEvent {
+    constructor() {
+        this.selectors = [];
+        this.enable = false;
+        this.mode = [];
+        this.type = "circle";
+    }
+    get el() {
+        return this.elementId;
+    }
+    set el(value) {
+        this.elementId = value;
+    }
+    get elementId() {
+        return this.ids;
+    }
+    set elementId(value) {
+        this.ids = value;
+    }
+    get ids() {
+        return (0, Utils_1.executeOnSingleOrMultiple)(this.selectors, (t) => t.replace("#", ""));
+    }
+    set ids(value) {
+        this.selectors = (0, Utils_1.executeOnSingleOrMultiple)(value, (t) => `#${t}`);
+    }
+    load(data) {
+        var _a, _b;
+        if (!data) {
+            return;
+        }
+        const ids = (_b = (_a = data.ids) !== null && _a !== void 0 ? _a : data.elementId) !== null && _b !== void 0 ? _b : data.el;
+        if (ids !== undefined) {
+            this.ids = ids;
+        }
+        if (data.selectors !== undefined) {
+            this.selectors = data.selectors;
+        }
+        if (data.enable !== undefined) {
+            this.enable = data.enable;
+        }
+        if (data.mode !== undefined) {
+            this.mode = data.mode;
+        }
+        if (data.type !== undefined) {
+            this.type = data.type;
+        }
+    }
+}
+exports.DivEvent = DivEvent;

package/cjs/Options/Classes/Interactivity/Events/Events.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Events = void 0;
+const ClickEvent_1 = require("./ClickEvent");
+const DivEvent_1 = require("./DivEvent");
+const HoverEvent_1 = require("./HoverEvent");
+const ResizeEvent_1 = require("./ResizeEvent");
+const Utils_1 = require("../../../../Utils/Utils");
+class Events {
+    constructor() {
+        this.onClick = new ClickEvent_1.ClickEvent();
+        this.onDiv = new DivEvent_1.DivEvent();
+        this.onHover = new HoverEvent_1.HoverEvent();
+        this.resize = new ResizeEvent_1.ResizeEvent();
+    }
+    get onclick() {
+        return this.onClick;
+    }
+    set onclick(value) {
+        this.onClick = value;
+    }
+    get ondiv() {
+        return this.onDiv;
+    }
+    set ondiv(value) {
+        this.onDiv = value;
+    }
+    get onhover() {
+        return this.onHover;
+    }
+    set onhover(value) {
+        this.onHover = value;
+    }
+    load(data) {
+        var _a, _b, _c;
+        if (!data) {
+            return;
+        }
+        this.onClick.load((_a = data.onClick) !== null && _a !== void 0 ? _a : data.onclick);
+        const onDiv = (_b = data.onDiv) !== null && _b !== void 0 ? _b : data.ondiv;
+        if (onDiv !== undefined) {
+            this.onDiv = (0, Utils_1.executeOnSingleOrMultiple)(onDiv, (t) => {
+                const tmp = new DivEvent_1.DivEvent();
+                tmp.load(t);
+                return tmp;
+            });
+        }
+        this.onHover.load((_c = data.onHover) !== null && _c !== void 0 ? _c : data.onhover);
+        if (typeof data.resize === "boolean") {
+            this.resize.enable = data.resize;
+        }
+        else {
+            this.resize.load(data.resize);
+        }
+    }
+}
+exports.Events = Events;

package/cjs/Options/Classes/Interactivity/Events/HoverEvent.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HoverEvent = void 0;
+const Parallax_1 = require("./Parallax");
+class HoverEvent {
+    constructor() {
+        this.enable = false;
+        this.mode = [];
+        this.parallax = new Parallax_1.Parallax();
+    }
+    load(data) {
+        if (!data) {
+            return;
+        }
+        if (data.enable !== undefined) {
+            this.enable = data.enable;
+        }
+        if (data.mode !== undefined) {
+            this.mode = data.mode;
+        }
+        this.parallax.load(data.parallax);
+    }
+}
+exports.HoverEvent = HoverEvent;

package/cjs/Options/Classes/Interactivity/Events/Parallax.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Parallax = void 0;
+class Parallax {
+    constructor() {
+        this.enable = false;
+        this.force = 2;
+        this.smooth = 10;
+    }
+    load(data) {
+        if (!data) {
+            return;
+        }
+        if (data.enable !== undefined) {
+            this.enable = data.enable;
+        }
+        if (data.force !== undefined) {
+            this.force = data.force;
+        }
+        if (data.smooth !== undefined) {
+            this.smooth = data.smooth;
+        }
+    }
+}
+exports.Parallax = Parallax;

package/cjs/Options/Classes/Interactivity/Events/ResizeEvent.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResizeEvent = void 0;
+class ResizeEvent {
+    constructor() {
+        this.delay = 0.5;
+        this.enable = true;
+    }
+    load(data) {
+        if (data === undefined) {
+            return;
+        }
+        if (data.delay !== undefined) {
+            this.delay = data.delay;
+        }
+        if (data.enable !== undefined) {
+            this.enable = data.enable;
+        }
+    }
+}
+exports.ResizeEvent = ResizeEvent;