@tsparticles/engine 3.3.0 → 3.5.0

package/cjs/Core/Particles.js

@@ -2,7 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Particles = void 0;
 const Utils_js_1 = require("../Utils/Utils.js");
+const EventType_js_1 = require("../Enums/Types/EventType.js");
 const InteractionManager_js_1 = require("./Utils/InteractionManager.js");
+const LimitMode_js_1 = require("../Enums/Modes/LimitMode.js");
 const Particle_js_1 = require("./Particle.js");
 const Point_js_1 = require("./Utils/Point.js");
 const QuadTree_js_1 = require("./Utils/QuadTree.js");
@@ -16,9 +18,7 @@ const qTreeRectangle = (canvasSize) => {
 class Particles {
     constructor(engine, container) {
         this._addToPool = (...particles) => {
-            for (const particle of particles) {
-                this._pool.push(particle);
-            }
+            this._pool.push(...particles);
         };
         this._applyDensity = (options, manualCount, group) => {
             const numberOptions = options.number;
@@ -31,7 +31,7 @@ class Particles {
                 }
                 return;
             }
-            const densityFactor = this._initDensityFactor(numberOptions.density), optParticlesNumber = numberOptions.value, minLimit = 0, optParticlesLimit = numberOptions.limit.value > minLimit ? numberOptions.limit.value : optParticlesNumber, particlesNumber = Math.min(optParticlesNumber, optParticlesLimit) * densityFactor + manualCount, particlesCount = Math.min(this.count, this.filter((t) => t.group === group).length);
+            const densityFactor = this._initDensityFactor(numberOptions.density), optParticlesNumber = numberOptions.value, minLimit = 0, optParticlesLimit = numberOptions.limit.value > minLimit ? numberOptions.limit.value : optParticlesNumber, particlesNumber = Math.min(optParticlesNumber, optParticlesLimit) * densityFactor + manualCount, particlesCount = Math.min(this.count, this.filter(t => t.group === group).length);
             if (group === undefined) {
                 this._limit = numberOptions.limit.value * densityFactor;
             }
@@ -45,7 +45,7 @@ class Particles {
                 this.removeQuantity(particlesCount - particlesNumber, group);
             }
         };
-        this._initDensityFactor = (densityOptions) => {
+        this._initDensityFactor = densityOptions => {
             const container = this._container, defaultFactor = 1;
             if (!container.canvas.element || !densityOptions.enable) {
                 return defaultFactor;
@@ -70,7 +70,7 @@ class Particles {
                 this._array.push(particle);
                 this._zArray.push(particle);
                 this._nextId++;
-                this._engine.dispatchEvent("particleAdded", {
+                this._engine.dispatchEvent(EventType_js_1.EventType.particleAdded, {
                     container: this._container,
                     data: {
                         particle,
@@ -91,7 +91,7 @@ class Particles {
             this._array.splice(index, deleteCount);
             this._zArray.splice(zIdx, deleteCount);
             particle.destroy(override);
-            this._engine.dispatchEvent("particleRemoved", {
+            this._engine.dispatchEvent(EventType_js_1.EventType.particleRemoved, {
                 container: this._container,
                 data: {
                     particle,
@@ -122,23 +122,24 @@ class Particles {
     }
     addManualParticles() {
         const container = this._container, options = container.actualOptions;
-        for (const particle of options.manualParticles) {
-            this.addParticle(particle.position ? (0, Utils_js_1.getPosition)(particle.position, container.canvas.size) : undefined, particle.options);
-        }
+        options.manualParticles.forEach(p => this.addParticle(p.position ? (0, Utils_js_1.getPosition)(p.position, container.canvas.size) : undefined, p.options));
     }
     addParticle(position, overrideOptions, group, initializer) {
-        const limitOptions = this._container.actualOptions.particles.number.limit, limit = group === undefined ? this._limit : this._groupLimits.get(group) ?? this._limit, currentCount = this.count, minLimit = 0;
+        const limitMode = this._container.actualOptions.particles.number.limit.mode, limit = group === undefined ? this._limit : this._groupLimits.get(group) ?? this._limit, currentCount = this.count, minLimit = 0;
         if (limit > minLimit) {
-            if (limitOptions.mode === "delete") {
-                const countOffset = 1, minCount = 0, countToRemove = currentCount + countOffset - limit;
-                if (countToRemove > minCount) {
-                    this.removeQuantity(countToRemove);
-                }
-            }
-            else if (limitOptions.mode === "wait") {
-                if (currentCount >= limit) {
-                    return;
+            switch (limitMode) {
+                case LimitMode_js_1.LimitMode.delete: {
+                    const countOffset = 1, minCount = 0, countToRemove = currentCount + countOffset - limit;
+                    if (countToRemove > minCount) {
+                        this.removeQuantity(countToRemove);
+                    }
+                    break;
                 }
+                case LimitMode_js_1.LimitMode.wait:
+                    if (currentCount >= limit) {
+                        return;
+                    }
+                    break;
             }
         }
         return this._pushParticle(position, overrideOptions, group, initializer);
@@ -184,9 +185,7 @@ class Particles {
         await this.initPlugins();
         let handled = false;
         for (const [, plugin] of container.plugins) {
-            if (plugin.particlesInitialization !== undefined) {
-                handled = plugin.particlesInitialization();
-            }
+            handled = plugin.particlesInitialization?.() ?? handled;
             if (handled) {
                 break;
             }
@@ -301,7 +300,7 @@ class Particles {
             this._array = this.filter(checkDelete);
             this._zArray = this._zArray.filter(checkDelete);
             for (const particle of particlesToDelete) {
-                this._engine.dispatchEvent("particleRemoved", {
+                this._engine.dispatchEvent(EventType_js_1.EventType.particleRemoved, {
                     container: this._container,
                     data: {
                         particle,

package/cjs/Core/Utils/EventListeners.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.EventListeners = void 0;
 const Utils_js_1 = require("../../Utils/Utils.js");
 const Constants_js_1 = require("./Constants.js");
+const InteractivityDetect_js_1 = require("../../Enums/InteractivityDetect.js");
 const TypeUtils_js_1 = require("../../Utils/TypeUtils.js");
 const double = 2;
 function manageListener(element, event, handler, add, options) {
@@ -24,7 +25,7 @@ function manageListener(element, event, handler, add, options) {
 class EventListeners {
     constructor(container) {
         this.container = container;
-        this._doMouseTouchClick = (e) => {
+        this._doMouseTouchClick = e => {
             const container = this.container, options = container.actualOptions;
             if (this._canPush) {
                 const mouseInteractivity = container.interactivity.mouse, mousePos = mouseInteractivity.position;
@@ -34,7 +35,7 @@ class EventListeners {
                 mouseInteractivity.clickPosition = { ...mousePos };
                 mouseInteractivity.clickTime = new Date().getTime();
                 const onClick = options.interactivity.events.onClick;
-                (0, Utils_js_1.executeOnSingleOrMultiple)(onClick.mode, (mode) => this.container.handleClickMode(mode));
+                (0, Utils_js_1.executeOnSingleOrMultiple)(onClick.mode, mode => this.container.handleClickMode(mode));
             }
             if (e.type === "touchend") {
                 const touchDelay = 500;
@@ -42,8 +43,8 @@ class EventListeners {
             }
         };
         this._handleThemeChange = (e) => {
-            const mediaEvent = e, container = this.container, options = container.options, defaultThemes = options.defaultThemes, themeName = mediaEvent.matches ? defaultThemes.dark : defaultThemes.light, theme = options.themes.find((theme) => theme.name === themeName);
-            if (theme && theme.default.auto) {
+            const mediaEvent = e, container = this.container, options = container.options, defaultThemes = options.defaultThemes, themeName = mediaEvent.matches ? defaultThemes.dark : defaultThemes.light, theme = options.themes.find(theme => theme.name === themeName);
+            if (theme?.default.auto) {
                 void container.loadTheme(themeName);
             }
         };
@@ -53,7 +54,7 @@ class EventListeners {
             if (!options.pauseOnBlur) {
                 return;
             }
-            if (document && document.hidden) {
+            if (document?.hidden) {
                 container.pageHidden = true;
                 container.pause();
             }
@@ -105,14 +106,14 @@ class EventListeners {
             manageListener(interactivityEl, mouseLeaveTmpEvent, handlers.mouseLeave, add);
             manageListener(interactivityEl, Constants_js_1.touchCancelEvent, handlers.touchCancel, add);
         };
-        this._manageListeners = (add) => {
+        this._manageListeners = add => {
             const handlers = this._handlers, container = this.container, options = container.actualOptions, detectType = options.interactivity.detectsOn, canvasEl = container.canvas.element;
             let mouseLeaveTmpEvent = Constants_js_1.mouseLeaveEvent;
-            if (detectType === "window") {
+            if (detectType === InteractivityDetect_js_1.InteractivityDetect.window) {
                 container.interactivity.element = window;
                 mouseLeaveTmpEvent = Constants_js_1.mouseOutEvent;
             }
-            else if (detectType === "parent" && canvasEl) {
+            else if (detectType === InteractivityDetect_js_1.InteractivityDetect.parent && canvasEl) {
                 container.interactivity.element = canvasEl.parentElement ?? canvasEl.parentNode;
             }
             else {
@@ -125,7 +126,7 @@ class EventListeners {
                 manageListener(document, Constants_js_1.visibilityChangeEvent, handlers.visibilityChange, add, false);
             }
         };
-        this._manageMediaMatch = (add) => {
+        this._manageMediaMatch = add => {
             const handlers = this._handlers, mediaMatch = (0, Utils_js_1.safeMatchMedia)("(prefers-color-scheme: dark)");
             if (!mediaMatch) {
                 return;
@@ -144,7 +145,7 @@ class EventListeners {
                 mediaMatch.removeListener(handlers.oldThemeChange);
             }
         };
-        this._manageResize = (add) => {
+        this._manageResize = add => {
             const handlers = this._handlers, container = this.container, options = container.actualOptions;
             if (!options.interactivity.events.resize) {
                 return;
@@ -163,7 +164,7 @@ class EventListeners {
             }
             else if (!this._resizeObserver && add && canvasEl) {
                 this._resizeObserver = new ResizeObserver((entries) => {
-                    const entry = entries.find((e) => e.target === canvasEl);
+                    const entry = entries.find(e => e.target === canvasEl);
                     if (!entry) {
                         return;
                     }
@@ -181,7 +182,7 @@ class EventListeners {
             mouse.clicking = true;
             mouse.downPosition = mouse.position;
         };
-        this._mouseTouchClick = (e) => {
+        this._mouseTouchClick = e => {
             const container = this.container, options = container.actualOptions, { mouse } = container.interactivity;
             mouse.inside = true;
             let handled = false;
@@ -216,7 +217,7 @@ class EventListeners {
             mouse.inside = false;
             mouse.clicking = false;
         };
-        this._mouseTouchMove = (e) => {
+        this._mouseTouchMove = e => {
             const container = this.container, options = container.actualOptions, interactivity = container.interactivity, canvasEl = container.canvas.element;
             if (!interactivity?.element) {
                 return;
@@ -235,7 +236,7 @@ class EventListeners {
                         };
                     }
                 }
-                else if (options.interactivity.detectsOn === "parent") {
+                else if (options.interactivity.detectsOn === InteractivityDetect_js_1.InteractivityDetect.parent) {
                     const source = mouseEvent.target, target = mouseEvent.currentTarget;
                     if (source && target && canvasEl) {
                         const sourceRect = source.getBoundingClientRect(), targetRect = target.getBoundingClientRect(), canvasRect = canvasEl.getBoundingClientRect();
@@ -276,21 +277,21 @@ class EventListeners {
             interactivity.mouse.position = pos;
             interactivity.status = Constants_js_1.mouseMoveEvent;
         };
-        this._touchEnd = (e) => {
+        this._touchEnd = e => {
             const evt = e, touches = Array.from(evt.changedTouches);
             for (const touch of touches) {
                 this._touches.delete(touch.identifier);
             }
             this._mouseTouchFinish();
         };
-        this._touchEndClick = (e) => {
+        this._touchEndClick = e => {
             const evt = e, touches = Array.from(evt.changedTouches);
             for (const touch of touches) {
                 this._touches.delete(touch.identifier);
             }
             this._mouseTouchClick(e);
         };
-        this._touchStart = (e) => {
+        this._touchStart = e => {
             const evt = e, touches = Array.from(evt.changedTouches);
             for (const touch of touches) {
                 this._touches.set(touch.identifier, performance.now());

package/cjs/Core/Utils/ExternalInteractorBase.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExternalInteractorBase = void 0;
+const InteractorType_js_1 = require("../../Enums/Types/InteractorType.js");
 class ExternalInteractorBase {
     constructor(container) {
-        this.type = "external";
+        this.type = InteractorType_js_1.InteractorType.external;
         this.container = container;
     }
 }

package/cjs/Core/Utils/InteractionManager.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InteractionManager = void 0;
+const InteractorType_js_1 = require("../../Enums/Types/InteractorType.js");
 class InteractionManager {
     constructor(engine, container) {
         this.container = container;
@@ -27,10 +28,10 @@ class InteractionManager {
         this._particleInteractors = [];
         for (const interactor of this._interactors) {
             switch (interactor.type) {
-                case "external":
+                case InteractorType_js_1.InteractorType.external:
                     this._externalInteractors.push(interactor);
                     break;
-                case "particles":
+                case InteractorType_js_1.InteractorType.particles:
                     this._particleInteractors.push(interactor);
                     break;
             }

package/cjs/Core/Utils/ParticlesInteractorBase.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ParticlesInteractorBase = void 0;
+const InteractorType_js_1 = require("../../Enums/Types/InteractorType.js");
 class ParticlesInteractorBase {
     constructor(container) {
-        this.type = "particles";
+        this.type = InteractorType_js_1.InteractorType.particles;
         this.container = container;
     }
 }

package/cjs/Core/Utils/QuadTree.js

@@ -31,7 +31,7 @@ class QuadTree {
         if (!this._divided) {
             this._subdivide();
         }
-        return this._subs.some((sub) => sub.insert(point));
+        return this._subs.some(sub => sub.insert(point));
     }
     query(range, check) {
         const res = [];

package/cjs/Core/Utils/Ranges.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Rectangle = exports.Circle = exports.BaseRange = void 0;
+const RangeType_js_1 = require("../../Types/RangeType.js");
 const NumberUtils_js_1 = require("../../Utils/NumberUtils.js");
 const squareExp = 2;
 class BaseRange {
@@ -15,7 +16,7 @@ class BaseRange {
 exports.BaseRange = BaseRange;
 class Circle extends BaseRange {
     constructor(x, y, radius) {
-        super(x, y, "circle");
+        super(x, y, RangeType_js_1.RangeType.circle);
         this.radius = radius;
     }
     contains(point) {
@@ -23,11 +24,11 @@ class Circle extends BaseRange {
     }
     intersects(range) {
         const pos1 = this.position, pos2 = range.position, distPos = { x: Math.abs(pos2.x - pos1.x), y: Math.abs(pos2.y - pos1.y) }, r = this.radius;
-        if (range instanceof Circle || range.type === "circle") {
+        if (range instanceof Circle || range.type === RangeType_js_1.RangeType.circle) {
             const circleRange = range, rSum = r + circleRange.radius, dist = Math.sqrt(distPos.x ** squareExp + distPos.y ** squareExp);
             return rSum > dist;
         }
-        else if (range instanceof Rectangle || range.type === "rectangle") {
+        else if (range instanceof Rectangle || range.type === RangeType_js_1.RangeType.rectangle) {
             const rectRange = range, { width, height } = rectRange.size, edges = Math.pow(distPos.x - width, squareExp) + Math.pow(distPos.y - height, squareExp);
             return (edges <= r ** squareExp ||
                 (distPos.x <= r + width && distPos.y <= r + height) ||
@@ -40,7 +41,7 @@ class Circle extends BaseRange {
 exports.Circle = Circle;
 class Rectangle extends BaseRange {
     constructor(x, y, width, height) {
-        super(x, y, "rectangle");
+        super(x, y, RangeType_js_1.RangeType.rectangle);
         this.size = {
             height: height,
             width: width,

package/cjs/Enums/AnimationStatus.js

@@ -1,2 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnimationStatus = void 0;
+var AnimationStatus;
+(function (AnimationStatus) {
+    AnimationStatus["increasing"] = "increasing";
+    AnimationStatus["decreasing"] = "decreasing";
+})(AnimationStatus || (exports.AnimationStatus = AnimationStatus = {}));

package/cjs/Enums/Directions/MoveDirection.js

@@ -1,2 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MoveDirection = void 0;
+var MoveDirection;
+(function (MoveDirection) {
+    MoveDirection["bottom"] = "bottom";
+    MoveDirection["bottomLeft"] = "bottom-left";
+    MoveDirection["bottomRight"] = "bottom-right";
+    MoveDirection["left"] = "left";
+    MoveDirection["none"] = "none";
+    MoveDirection["right"] = "right";
+    MoveDirection["top"] = "top";
+    MoveDirection["topLeft"] = "top-left";
+    MoveDirection["topRight"] = "top-right";
+    MoveDirection["outside"] = "outside";
+    MoveDirection["inside"] = "inside";
+})(MoveDirection || (exports.MoveDirection = MoveDirection = {}));

package/cjs/Enums/Directions/OutModeDirection.js

@@ -1,2 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.OutModeDirection = void 0;
+var OutModeDirection;
+(function (OutModeDirection) {
+    OutModeDirection["bottom"] = "bottom";
+    OutModeDirection["left"] = "left";
+    OutModeDirection["right"] = "right";
+    OutModeDirection["top"] = "top";
+})(OutModeDirection || (exports.OutModeDirection = OutModeDirection = {}));

package/cjs/Enums/Directions/RotateDirection.js

@@ -1,2 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RotateDirection = void 0;
+var RotateDirection;
+(function (RotateDirection) {
+    RotateDirection["clockwise"] = "clockwise";
+    RotateDirection["counterClockwise"] = "counter-clockwise";
+    RotateDirection["random"] = "random";
+})(RotateDirection || (exports.RotateDirection = RotateDirection = {}));

package/cjs/Enums/InteractivityDetect.js

@@ -1,2 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.InteractivityDetect = void 0;
+var InteractivityDetect;
+(function (InteractivityDetect) {
+    InteractivityDetect["canvas"] = "canvas";
+    InteractivityDetect["parent"] = "parent";
+    InteractivityDetect["window"] = "window";
+})(InteractivityDetect || (exports.InteractivityDetect = InteractivityDetect = {}));

package/cjs/Enums/Modes/AnimationMode.js

@@ -1,2 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnimationMode = void 0;
+var AnimationMode;
+(function (AnimationMode) {
+    AnimationMode["auto"] = "auto";
+    AnimationMode["increase"] = "increase";
+    AnimationMode["decrease"] = "decrease";
+    AnimationMode["random"] = "random";
+})(AnimationMode || (exports.AnimationMode = AnimationMode = {}));

package/cjs/Enums/Modes/CollisionMode.js

@@ -1,2 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollisionMode = void 0;
+var CollisionMode;
+(function (CollisionMode) {
+    CollisionMode["absorb"] = "absorb";
+    CollisionMode["bounce"] = "bounce";
+    CollisionMode["destroy"] = "destroy";
+})(CollisionMode || (exports.CollisionMode = CollisionMode = {}));

package/cjs/Enums/Modes/LimitMode.js

@@ -1,2 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.LimitMode = void 0;
+var LimitMode;
+(function (LimitMode) {
+    LimitMode["delete"] = "delete";
+    LimitMode["wait"] = "wait";
+})(LimitMode || (exports.LimitMode = LimitMode = {}));

package/cjs/Enums/Modes/OutMode.js

@@ -1,2 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.OutMode = void 0;
+var OutMode;
+(function (OutMode) {
+    OutMode["bounce"] = "bounce";
+    OutMode["none"] = "none";
+    OutMode["out"] = "out";
+    OutMode["destroy"] = "destroy";
+    OutMode["split"] = "split";
+})(OutMode || (exports.OutMode = OutMode = {}));

package/cjs/Enums/Modes/PixelMode.js

@@ -1,2 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.PixelMode = void 0;
+var PixelMode;
+(function (PixelMode) {
+    PixelMode["precise"] = "precise";
+    PixelMode["percent"] = "percent";
+})(PixelMode || (exports.PixelMode = PixelMode = {}));

package/cjs/Enums/Modes/ResponsiveMode.js

@@ -1,2 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResponsiveMode = void 0;
+var ResponsiveMode;
+(function (ResponsiveMode) {
+    ResponsiveMode["screen"] = "screen";
+    ResponsiveMode["canvas"] = "canvas";
+})(ResponsiveMode || (exports.ResponsiveMode = ResponsiveMode = {}));

package/cjs/Enums/Modes/ThemeMode.js

@@ -1,2 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeMode = void 0;
+var ThemeMode;
+(function (ThemeMode) {
+    ThemeMode["any"] = "any";
+    ThemeMode["dark"] = "dark";
+    ThemeMode["light"] = "light";
+})(ThemeMode || (exports.ThemeMode = ThemeMode = {}));

package/cjs/Enums/Types/AlterType.js

@@ -1,2 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlterType = void 0;
+var AlterType;
+(function (AlterType) {
+    AlterType["darken"] = "darken";
+    AlterType["enlighten"] = "enlighten";
+})(AlterType || (exports.AlterType = AlterType = {}));

package/cjs/Enums/Types/DestroyType.js

@@ -1,2 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DestroyType = void 0;
+var DestroyType;
+(function (DestroyType) {
+    DestroyType["none"] = "none";
+    DestroyType["max"] = "max";
+    DestroyType["min"] = "min";
+})(DestroyType || (exports.DestroyType = DestroyType = {}));

package/cjs/Enums/Types/DivType.js

@@ -1,2 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DivType = void 0;
+var DivType;
+(function (DivType) {
+    DivType["circle"] = "circle";
+    DivType["rectangle"] = "rectangle";
+})(DivType || (exports.DivType = DivType = {}));

package/cjs/Enums/Types/EasingType.js

@@ -1,2 +1,33 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.EasingType = void 0;
+var EasingType;
+(function (EasingType) {
+    EasingType["easeInBack"] = "ease-in-back";
+    EasingType["easeInCirc"] = "ease-in-circ";
+    EasingType["easeInCubic"] = "ease-in-cubic";
+    EasingType["easeInLinear"] = "ease-in-linear";
+    EasingType["easeInQuad"] = "ease-in-quad";
+    EasingType["easeInQuart"] = "ease-in-quart";
+    EasingType["easeInQuint"] = "ease-in-quint";
+    EasingType["easeInExpo"] = "ease-in-expo";
+    EasingType["easeInSine"] = "ease-in-sine";
+    EasingType["easeOutBack"] = "ease-out-back";
+    EasingType["easeOutCirc"] = "ease-out-circ";
+    EasingType["easeOutCubic"] = "ease-out-cubic";
+    EasingType["easeOutLinear"] = "ease-out-linear";
+    EasingType["easeOutQuad"] = "ease-out-quad";
+    EasingType["easeOutQuart"] = "ease-out-quart";
+    EasingType["easeOutQuint"] = "ease-out-quint";
+    EasingType["easeOutExpo"] = "ease-out-expo";
+    EasingType["easeOutSine"] = "ease-out-sine";
+    EasingType["easeInOutBack"] = "ease-in-out-back";
+    EasingType["easeInOutCirc"] = "ease-in-out-circ";
+    EasingType["easeInOutCubic"] = "ease-in-out-cubic";
+    EasingType["easeInOutLinear"] = "ease-in-out-linear";
+    EasingType["easeInOutQuad"] = "ease-in-out-quad";
+    EasingType["easeInOutQuart"] = "ease-in-out-quart";
+    EasingType["easeInOutQuint"] = "ease-in-out-quint";
+    EasingType["easeInOutExpo"] = "ease-in-out-expo";
+    EasingType["easeInOutSine"] = "ease-in-out-sine";
+})(EasingType || (exports.EasingType = EasingType = {}));

package/cjs/Enums/Types/EventType.js

@@ -1,2 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.EventType = void 0;
+var EventType;
+(function (EventType) {
+    EventType["configAdded"] = "configAdded";
+    EventType["containerInit"] = "containerInit";
+    EventType["particlesSetup"] = "particlesSetup";
+    EventType["containerStarted"] = "containerStarted";
+    EventType["containerStopped"] = "containerStopped";
+    EventType["containerDestroyed"] = "containerDestroyed";
+    EventType["containerPaused"] = "containerPaused";
+    EventType["containerPlay"] = "containerPlay";
+    EventType["containerBuilt"] = "containerBuilt";
+    EventType["particleAdded"] = "particleAdded";
+    EventType["particleDestroyed"] = "particleDestroyed";
+    EventType["particleRemoved"] = "particleRemoved";
+})(EventType || (exports.EventType = EventType = {}));

package/cjs/Enums/Types/GradientType.js

@@ -1,2 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.GradientType = void 0;
+var GradientType;
+(function (GradientType) {
+    GradientType["linear"] = "linear";
+    GradientType["radial"] = "radial";
+    GradientType["random"] = "random";
+})(GradientType || (exports.GradientType = GradientType = {}));

package/cjs/Enums/Types/InteractorType.js

@@ -1,2 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.InteractorType = void 0;
+var InteractorType;
+(function (InteractorType) {
+    InteractorType["external"] = "external";
+    InteractorType["particles"] = "particles";
+})(InteractorType || (exports.InteractorType = InteractorType = {}));

package/cjs/Enums/Types/ParticleOutType.js

@@ -1,2 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ParticleOutType = void 0;
+var ParticleOutType;
+(function (ParticleOutType) {
+    ParticleOutType["normal"] = "normal";
+    ParticleOutType["inside"] = "inside";
+    ParticleOutType["outside"] = "outside";
+})(ParticleOutType || (exports.ParticleOutType = ParticleOutType = {}));

package/cjs/Enums/Types/StartValueType.js

@@ -1,2 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.StartValueType = void 0;
+var StartValueType;
+(function (StartValueType) {
+    StartValueType["max"] = "max";
+    StartValueType["min"] = "min";
+    StartValueType["random"] = "random";
+})(StartValueType || (exports.StartValueType = StartValueType = {}));

package/cjs/Options/Classes/AnimationOptions.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RangedAnimationOptions = exports.AnimationOptions = void 0;
+const AnimationMode_js_1 = require("../../Enums/Modes/AnimationMode.js");
+const StartValueType_js_1 = require("../../Enums/Types/StartValueType.js");
 const NumberUtils_js_1 = require("../../Utils/NumberUtils.js");
 class AnimationOptions {
     constructor() {
@@ -39,8 +41,8 @@ exports.AnimationOptions = AnimationOptions;
 class RangedAnimationOptions extends AnimationOptions {
     constructor() {
         super();
-        this.mode = "auto";
-        this.startValue = "random";
+        this.mode = AnimationMode_js_1.AnimationMode.auto;
+        this.startValue = StartValueType_js_1.StartValueType.random;
     }
     load(data) {
         super.load(data);