@tsparticles/engine 3.2.2 → 3.4.0

package/cjs/Options/Classes/Particles/Size/SizeAnimation.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SizeAnimation = void 0;
+const DestroyType_js_1 = require("../../../../Enums/Types/DestroyType.js");
 const AnimationOptions_js_1 = require("../../AnimationOptions.js");
 class SizeAnimation extends AnimationOptions_js_1.RangedAnimationOptions {
     constructor() {
         super();
-        this.destroy = "none";
+        this.destroy = DestroyType_js_1.DestroyType.none;
         this.speed = 5;
     }
     load(data) {

package/cjs/Options/Classes/Responsive.js

@@ -1,12 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Responsive = void 0;
+const ResponsiveMode_js_1 = require("../../Enums/Modes/ResponsiveMode.js");
 const Utils_js_1 = require("../../Utils/Utils.js");
 class Responsive {
     constructor() {
         this.maxWidth = Infinity;
         this.options = {};
-        this.mode = "canvas";
+        this.mode = ResponsiveMode_js_1.ResponsiveMode.canvas;
     }
     load(data) {
         if (!data) {
@@ -16,11 +17,11 @@ class Responsive {
             this.maxWidth = data.maxWidth;
         }
         if (data.mode !== undefined) {
-            if (data.mode === "screen") {
-                this.mode = "screen";
+            if (data.mode === ResponsiveMode_js_1.ResponsiveMode.screen) {
+                this.mode = ResponsiveMode_js_1.ResponsiveMode.screen;
             }
             else {
-                this.mode = "canvas";
+                this.mode = ResponsiveMode_js_1.ResponsiveMode.canvas;
             }
         }
         if (data.options !== undefined) {

package/cjs/Options/Classes/Theme/ThemeDefault.js

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ThemeDefault = void 0;
+const ThemeMode_js_1 = require("../../../Enums/Modes/ThemeMode.js");
 class ThemeDefault {
     constructor() {
         this.auto = false;
-        this.mode = "any";
+        this.mode = ThemeMode_js_1.ThemeMode.any;
         this.value = false;
     }
     load(data) {

package/cjs/Types/RangeType.js

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

package/cjs/Utils/CanvasUtils.js

@@ -1,8 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.alterHsl = exports.drawParticlePlugin = exports.drawPlugin = exports.drawShapeAfterDraw = exports.drawShape = exports.drawEffect = exports.drawParticle = exports.clear = exports.paintImage = exports.paintBase = exports.drawLine = void 0;
+const AlterType_js_1 = require("../Enums/Types/AlterType.js");
 const ColorUtils_js_1 = require("./ColorUtils.js");
-const origin = { x: 0, y: 0 };
+const origin = { x: 0, y: 0 }, defaultTransform = {
+    a: 1,
+    b: 0,
+    c: 0,
+    d: 1,
+};
 function drawLine(context, begin, end) {
     context.beginPath();
     context.moveTo(begin.x, begin.y);
@@ -28,15 +34,15 @@ function clear(context, dimension) {
     context.clearRect(origin.x, origin.y, dimension.width, dimension.height);
 }
 exports.clear = clear;
-async function drawParticle(data) {
+function drawParticle(data) {
     const { container, context, particle, delta, colorStyles, backgroundMask, composite, radius, opacity, shadow, transform, } = data, pos = particle.getPosition(), defaultAngle = 0, angle = particle.rotation + (particle.pathRotation ? particle.velocity.angle : defaultAngle), rotateData = {
         sin: Math.sin(angle),
         cos: Math.cos(angle),
-    }, defaultTransformFactor = 1, transformData = {
-        a: rotateData.cos * (transform.a ?? defaultTransformFactor),
-        b: rotateData.sin * (transform.b ?? defaultTransformFactor),
-        c: -rotateData.sin * (transform.c ?? defaultTransformFactor),
-        d: rotateData.cos * (transform.d ?? defaultTransformFactor),
+    }, rotating = !!angle, identity = 1, transformData = {
+        a: rotateData.cos * (transform.a ?? defaultTransform.a),
+        b: rotating ? rotateData.sin * (transform.b ?? identity) : transform.b ?? defaultTransform.b,
+        c: rotating ? -rotateData.sin * (transform.c ?? identity) : transform.c ?? defaultTransform.c,
+        d: rotateData.cos * (transform.d ?? defaultTransform.d),
     };
     context.setTransform(transformData.a, transformData.b, transformData.c, transformData.d, pos.x, pos.y);
     if (backgroundMask) {
@@ -67,14 +73,14 @@ async function drawParticle(data) {
         transformData,
         strokeWidth,
     };
-    await drawShape(drawData);
-    await drawShapeAfterDraw(drawData);
-    await drawEffect(drawData);
+    drawShape(drawData);
+    drawShapeAfterDraw(drawData);
+    drawEffect(drawData);
     context.globalCompositeOperation = "source-over";
     context.resetTransform();
 }
 exports.drawParticle = drawParticle;
-async function drawEffect(data) {
+function drawEffect(data) {
     const { container, context, particle, radius, opacity, delta, transformData } = data;
     if (!particle.effect) {
         return;
@@ -83,7 +89,7 @@ async function drawEffect(data) {
     if (!drawer) {
         return;
     }
-    await drawer.draw({
+    drawer.draw({
         context,
         particle,
         radius,
@@ -94,7 +100,7 @@ async function drawEffect(data) {
     });
 }
 exports.drawEffect = drawEffect;
-async function drawShape(data) {
+function drawShape(data) {
     const { container, context, particle, radius, opacity, delta, strokeWidth, transformData } = data, minStrokeWidth = 0;
     if (!particle.shape) {
         return;
@@ -104,7 +110,7 @@ async function drawShape(data) {
         return;
     }
     context.beginPath();
-    await drawer.draw({
+    drawer.draw({
         context,
         particle,
         radius,
@@ -124,7 +130,7 @@ async function drawShape(data) {
     }
 }
 exports.drawShape = drawShape;
-async function drawShapeAfterDraw(data) {
+function drawShapeAfterDraw(data) {
     const { container, context, particle, radius, opacity, delta, transformData } = data;
     if (!particle.shape) {
         return;
@@ -133,7 +139,7 @@ async function drawShapeAfterDraw(data) {
     if (!drawer?.afterDraw) {
         return;
     }
-    await drawer.afterDraw({
+    drawer.afterDraw({
         context,
         particle,
         radius,
@@ -144,18 +150,18 @@ async function drawShapeAfterDraw(data) {
     });
 }
 exports.drawShapeAfterDraw = drawShapeAfterDraw;
-async function drawPlugin(context, plugin, delta) {
+function drawPlugin(context, plugin, delta) {
     if (!plugin.draw) {
         return;
     }
-    await plugin.draw(context, delta);
+    plugin.draw(context, delta);
 }
 exports.drawPlugin = drawPlugin;
-async function drawParticlePlugin(context, plugin, particle, delta) {
+function drawParticlePlugin(context, plugin, particle, delta) {
     if (!plugin.drawParticle) {
         return;
     }
-    await plugin.drawParticle(context, particle, delta);
+    plugin.drawParticle(context, particle, delta);
 }
 exports.drawParticlePlugin = drawParticlePlugin;
 function alterHsl(color, type, value) {
@@ -163,7 +169,7 @@ function alterHsl(color, type, value) {
     return {
         h: color.h,
         s: color.s,
-        l: color.l + (type === "darken" ? -lFactor : lFactor) * value,
+        l: color.l + (type === AlterType_js_1.AlterType.darken ? -lFactor : lFactor) * value,
     };
 }
 exports.alterHsl = alterHsl;

package/cjs/Utils/ColorUtils.js

@@ -4,7 +4,15 @@ exports.updateColor = exports.updateColorValue = exports.getHslAnimationFromHsl
 const NumberUtils_js_1 = require("./NumberUtils.js");
 const TypeUtils_js_1 = require("./TypeUtils.js");
 const Constants_js_1 = require("../Core/Utils/Constants.js");
+const AnimationStatus_js_1 = require("../Enums/AnimationStatus.js");
 const Utils_js_1 = require("./Utils.js");
+var RgbIndexes;
+(function (RgbIndexes) {
+    RgbIndexes[RgbIndexes["r"] = 1] = "r";
+    RgbIndexes[RgbIndexes["g"] = 2] = "g";
+    RgbIndexes[RgbIndexes["b"] = 3] = "b";
+    RgbIndexes[RgbIndexes["a"] = 4] = "a";
+})(RgbIndexes || (RgbIndexes = {}));
 const randomColorValue = "random", midColorValue = "mid", colorManagers = new Map();
 function addColorManager(manager) {
     colorManagers.set(manager.key, manager);
@@ -21,12 +29,12 @@ function stringToRgba(input) {
     }), regex = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i, result = regex.exec(hexFixed), radix = 16, defaultAlpha = 1, alphaFactor = 0xff;
     return result
         ? {
-            a: result[4] !== undefined
-                ? parseInt(result[4], radix) / alphaFactor
+            a: result[RgbIndexes.a] !== undefined
+                ? parseInt(result[RgbIndexes.a], radix) / alphaFactor
                 : defaultAlpha,
-            b: parseInt(result[3], radix),
-            g: parseInt(result[2], radix),
-            r: parseInt(result[1], radix),
+            b: parseInt(result[RgbIndexes.b], radix),
+            g: parseInt(result[RgbIndexes.g], radix),
+            r: parseInt(result[RgbIndexes.r], radix),
         }
         : undefined;
 }
@@ -273,7 +281,7 @@ function setColorAnimation(colorValue, colorAnimation, reduceFactor) {
     if (colorValue.enable) {
         colorValue.velocity = ((0, NumberUtils_js_1.getRangeValue)(colorAnimation.speed) / Constants_js_1.percentDenominator) * reduceFactor;
         colorValue.decay = decayOffset - (0, NumberUtils_js_1.getRangeValue)(colorAnimation.decay);
-        colorValue.status = "increasing";
+        colorValue.status = AnimationStatus_js_1.AnimationStatus.increasing;
         colorValue.loops = defaultLoops;
         colorValue.maxLoops = (0, NumberUtils_js_1.getRangeValue)(colorAnimation.count);
         colorValue.time = defaultTime;
@@ -306,7 +314,7 @@ function updateColorValue(data, range, decrease, delta) {
         return;
     }
     const offset = data.offset ? (0, NumberUtils_js_1.randomInRange)(data.offset) : minOffset, velocity = (data.velocity ?? minVelocity) * delta.factor + offset * velocityFactor, decay = data.decay ?? identity, max = (0, NumberUtils_js_1.getRangeMax)(range), min = (0, NumberUtils_js_1.getRangeMin)(range);
-    if (!decrease || data.status === "increasing") {
+    if (!decrease || data.status === AnimationStatus_js_1.AnimationStatus.increasing) {
         data.value += velocity;
         if (data.value > max) {
             if (!data.loops) {
@@ -314,7 +322,7 @@ function updateColorValue(data, range, decrease, delta) {
             }
             data.loops++;
             if (decrease) {
-                data.status = "decreasing";
+                data.status = AnimationStatus_js_1.AnimationStatus.decreasing;
             }
             else {
                 data.value -= max;
@@ -329,7 +337,7 @@ function updateColorValue(data, range, decrease, delta) {
                 data.loops = 0;
             }
             data.loops++;
-            data.status = "increasing";
+            data.status = AnimationStatus_js_1.AnimationStatus.increasing;
         }
     }
     if (data.velocity && decay !== identity) {

package/cjs/Utils/EventDispatcher.js

@@ -16,7 +16,7 @@ class EventDispatcher {
     }
     dispatchEvent(type, args) {
         const listeners = this._listeners.get(type);
-        listeners?.forEach((handler) => handler(args));
+        listeners?.forEach(handler => handler(args));
     }
     hasEventListener(type) {
         return !!this._listeners.get(type);

package/cjs/Utils/HslColorManager.js

@@ -3,6 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.HslColorManager = void 0;
 const NumberUtils_js_1 = require("./NumberUtils.js");
 const ColorUtils_js_1 = require("./ColorUtils.js");
+var HslIndexes;
+(function (HslIndexes) {
+    HslIndexes[HslIndexes["h"] = 1] = "h";
+    HslIndexes[HslIndexes["s"] = 2] = "s";
+    HslIndexes[HslIndexes["l"] = 3] = "l";
+    HslIndexes[HslIndexes["a"] = 5] = "a";
+})(HslIndexes || (HslIndexes = {}));
 class HslColorManager {
     constructor() {
         this.key = "hsl";
@@ -31,10 +38,10 @@ class HslColorManager {
         const regex = /hsla?\(\s*(\d+)\s*,\s*(\d+)%\s*,\s*(\d+)%\s*(,\s*([\d.%]+)\s*)?\)/i, result = regex.exec(input), minLength = 4, defaultAlpha = 1, radix = 10;
         return result
             ? (0, ColorUtils_js_1.hslaToRgba)({
-                a: result.length > minLength ? (0, NumberUtils_js_1.parseAlpha)(result[5]) : defaultAlpha,
-                h: parseInt(result[1], radix),
-                l: parseInt(result[3], radix),
-                s: parseInt(result[2], radix),
+                a: result.length > minLength ? (0, NumberUtils_js_1.parseAlpha)(result[HslIndexes.a]) : defaultAlpha,
+                h: parseInt(result[HslIndexes.h], radix),
+                l: parseInt(result[HslIndexes.l], radix),
+                s: parseInt(result[HslIndexes.s], radix),
             })
             : undefined;
     }

package/cjs/Utils/NumberUtils.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseAlpha = exports.calcExactPositionOrRandomFromSizeRanged = exports.calcExactPositionOrRandomFromSize = exports.calcPositionOrRandomFromSizeRanged = exports.calcPositionOrRandomFromSize = exports.calcPositionFromSize = exports.collisionVelocity = exports.getParticleBaseVelocity = exports.getParticleDirectionAngle = exports.degToRad = exports.getDistance = exports.getDistances = exports.setRangeValue = exports.getRangeMax = exports.getRangeMin = exports.getRangeValue = exports.randomInRange = exports.mix = exports.clamp = exports.getRandom = exports.setRandom = exports.getEasing = exports.addEasing = void 0;
+const MoveDirection_js_1 = require("../Enums/Directions/MoveDirection.js");
 const Vectors_js_1 = require("../Core/Utils/Vectors.js");
 const TypeUtils_js_1 = require("./TypeUtils.js");
 const Constants_js_1 = require("../Core/Utils/Constants.js");
@@ -88,25 +89,25 @@ function getParticleDirectionAngle(direction, position, center) {
     }
     const empty = 0, half = 0.5, quarter = 0.25, threeQuarter = half + quarter;
     switch (direction) {
-        case "top":
+        case MoveDirection_js_1.MoveDirection.top:
             return -Math.PI * half;
-        case "top-right":
+        case MoveDirection_js_1.MoveDirection.topRight:
             return -Math.PI * quarter;
-        case "right":
+        case MoveDirection_js_1.MoveDirection.right:
             return empty;
-        case "bottom-right":
+        case MoveDirection_js_1.MoveDirection.bottomRight:
             return Math.PI * quarter;
-        case "bottom":
+        case MoveDirection_js_1.MoveDirection.bottom:
             return Math.PI * half;
-        case "bottom-left":
+        case MoveDirection_js_1.MoveDirection.bottomLeft:
             return Math.PI * threeQuarter;
-        case "left":
+        case MoveDirection_js_1.MoveDirection.left:
             return Math.PI;
-        case "top-left":
+        case MoveDirection_js_1.MoveDirection.topLeft:
             return -Math.PI * threeQuarter;
-        case "inside":
+        case MoveDirection_js_1.MoveDirection.inside:
             return Math.atan2(center.y - position.y, center.x - position.x);
-        case "outside":
+        case MoveDirection_js_1.MoveDirection.outside:
             return Math.atan2(position.y - center.y, position.x - center.x);
         default:
             return getRandom() * doublePI;

package/cjs/Utils/RgbColorManager.js

@@ -2,6 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RgbColorManager = void 0;
 const NumberUtils_js_1 = require("./NumberUtils.js");
+var RgbIndexes;
+(function (RgbIndexes) {
+    RgbIndexes[RgbIndexes["r"] = 1] = "r";
+    RgbIndexes[RgbIndexes["g"] = 2] = "g";
+    RgbIndexes[RgbIndexes["b"] = 3] = "b";
+    RgbIndexes[RgbIndexes["a"] = 5] = "a";
+})(RgbIndexes || (RgbIndexes = {}));
 class RgbColorManager {
     constructor() {
         this.key = "rgb";
@@ -30,10 +37,10 @@ class RgbColorManager {
         const regex = /rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(,\s*([\d.%]+)\s*)?\)/i, result = regex.exec(input), radix = 10, minLength = 4, defaultAlpha = 1;
         return result
             ? {
-                a: result.length > minLength ? (0, NumberUtils_js_1.parseAlpha)(result[5]) : defaultAlpha,
-                b: parseInt(result[3], radix),
-                g: parseInt(result[2], radix),
-                r: parseInt(result[1], radix),
+                a: result.length > minLength ? (0, NumberUtils_js_1.parseAlpha)(result[RgbIndexes.a]) : defaultAlpha,
+                b: parseInt(result[RgbIndexes.b], radix),
+                g: parseInt(result[RgbIndexes.g], radix),
+                r: parseInt(result[RgbIndexes.r], radix),
             }
             : undefined;
     }

package/cjs/Utils/Utils.js

@@ -4,6 +4,12 @@ exports.updateAnimation = exports.getSize = exports.getPosition = exports.initPa
 const NumberUtils_js_1 = require("./NumberUtils.js");
 const Constants_js_1 = require("../Core/Utils/Constants.js");
 const TypeUtils_js_1 = require("./TypeUtils.js");
+const AnimationMode_js_1 = require("../Enums/Modes/AnimationMode.js");
+const AnimationStatus_js_1 = require("../Enums/AnimationStatus.js");
+const DestroyType_js_1 = require("../Enums/Types/DestroyType.js");
+const OutModeDirection_js_1 = require("../Enums/Directions/OutModeDirection.js");
+const PixelMode_js_1 = require("../Enums/Modes/PixelMode.js");
+const StartValueType_js_1 = require("../Enums/Types/StartValueType.js");
 const Vectors_js_1 = require("../Core/Utils/Vectors.js");
 const _logger = {
     debug: console.debug,
@@ -42,10 +48,10 @@ function rectSideBounce(data) {
     return res;
 }
 function checkSelector(element, selectors) {
-    const res = executeOnSingleOrMultiple(selectors, (selector) => {
+    const res = executeOnSingleOrMultiple(selectors, selector => {
         return element.matches(selector);
     });
-    return (0, TypeUtils_js_1.isArray)(res) ? res.some((t) => t) : res;
+    return (0, TypeUtils_js_1.isArray)(res) ? res.some(t => t) : res;
 }
 function isSsr() {
     return typeof window === "undefined" || !window || typeof window.document === "undefined" || !window.document;
@@ -104,16 +110,16 @@ function isPointInside(point, size, offset, radius, direction) {
 exports.isPointInside = isPointInside;
 function areBoundsInside(bounds, size, offset, direction) {
     let inside = true;
-    if (!direction || direction === "bottom") {
+    if (!direction || direction === OutModeDirection_js_1.OutModeDirection.bottom) {
         inside = bounds.top < size.height + offset.x;
     }
-    if (inside && (!direction || direction === "left")) {
+    if (inside && (!direction || direction === OutModeDirection_js_1.OutModeDirection.left)) {
         inside = bounds.right > offset.x;
     }
-    if (inside && (!direction || direction === "right")) {
+    if (inside && (!direction || direction === OutModeDirection_js_1.OutModeDirection.right)) {
         inside = bounds.left < size.width + offset.y;
     }
-    if (inside && (!direction || direction === "top")) {
+    if (inside && (!direction || direction === OutModeDirection_js_1.OutModeDirection.top)) {
         inside = bounds.bottom > offset.y;
     }
     return inside;
@@ -151,7 +157,7 @@ function deepExtend(destination, ...sources) {
             const sourceDict = source, value = sourceDict[key], destDict = destination;
             destDict[key] =
                 (0, TypeUtils_js_1.isObject)(value) && Array.isArray(value)
-                    ? value.map((v) => deepExtend(destDict[key], v))
+                    ? value.map(v => deepExtend(destDict[key], v))
                     : deepExtend(destDict[key], value);
         }
     }
@@ -159,11 +165,11 @@ function deepExtend(destination, ...sources) {
 }
 exports.deepExtend = deepExtend;
 function isDivModeEnabled(mode, divs) {
-    return !!findItemFromSingleOrMultiple(divs, (t) => t.enable && isInArray(mode, t.mode));
+    return !!findItemFromSingleOrMultiple(divs, t => t.enable && isInArray(mode, t.mode));
 }
 exports.isDivModeEnabled = isDivModeEnabled;
 function divModeExecute(mode, divs, callback) {
-    executeOnSingleOrMultiple(divs, (div) => {
+    executeOnSingleOrMultiple(divs, div => {
         const divMode = div.mode, divEnabled = div.enable;
         if (divEnabled && isInArray(mode, divMode)) {
             singleDivModeExecute(div, callback);
@@ -173,7 +179,7 @@ function divModeExecute(mode, divs, callback) {
 exports.divModeExecute = divModeExecute;
 function singleDivModeExecute(div, callback) {
     const selectors = div.selectors;
-    executeOnSingleOrMultiple(selectors, (selector) => {
+    executeOnSingleOrMultiple(selectors, selector => {
         callback(selector, div);
     });
 }
@@ -182,7 +188,7 @@ function divMode(divs, element) {
     if (!element || !divs) {
         return;
     }
-    return findItemFromSingleOrMultiple(divs, (div) => {
+    return findItemFromSingleOrMultiple(divs, div => {
         return checkSelector(element, div.selectors);
     });
 }
@@ -299,35 +305,35 @@ function initParticleNumericAnimationValue(options, pxRatio) {
     if (animationOptions.enable) {
         res.decay = decayOffset - (0, NumberUtils_js_1.getRangeValue)(animationOptions.decay);
         switch (animationOptions.mode) {
-            case "increase":
-                res.status = "increasing";
+            case AnimationMode_js_1.AnimationMode.increase:
+                res.status = AnimationStatus_js_1.AnimationStatus.increasing;
                 break;
-            case "decrease":
-                res.status = "decreasing";
+            case AnimationMode_js_1.AnimationMode.decrease:
+                res.status = AnimationStatus_js_1.AnimationStatus.decreasing;
                 break;
-            case "random":
-                res.status = (0, NumberUtils_js_1.getRandom)() >= Constants_js_1.halfRandom ? "increasing" : "decreasing";
+            case AnimationMode_js_1.AnimationMode.random:
+                res.status = (0, NumberUtils_js_1.getRandom)() >= Constants_js_1.halfRandom ? AnimationStatus_js_1.AnimationStatus.increasing : AnimationStatus_js_1.AnimationStatus.decreasing;
                 break;
         }
-        const autoStatus = animationOptions.mode === "auto";
+        const autoStatus = animationOptions.mode === AnimationMode_js_1.AnimationMode.auto;
         switch (animationOptions.startValue) {
-            case "min":
+            case StartValueType_js_1.StartValueType.min:
                 res.value = res.min;
                 if (autoStatus) {
-                    res.status = "increasing";
+                    res.status = AnimationStatus_js_1.AnimationStatus.increasing;
                 }
                 break;
-            case "max":
+            case StartValueType_js_1.StartValueType.max:
                 res.value = res.max;
                 if (autoStatus) {
-                    res.status = "decreasing";
+                    res.status = AnimationStatus_js_1.AnimationStatus.decreasing;
                 }
                 break;
-            case "random":
+            case StartValueType_js_1.StartValueType.random:
             default:
                 res.value = (0, NumberUtils_js_1.randomInRange)(res);
                 if (autoStatus) {
-                    res.status = (0, NumberUtils_js_1.getRandom)() >= Constants_js_1.halfRandom ? "increasing" : "decreasing";
+                    res.status = (0, NumberUtils_js_1.getRandom)() >= Constants_js_1.halfRandom ? AnimationStatus_js_1.AnimationStatus.increasing : AnimationStatus_js_1.AnimationStatus.decreasing;
                 }
                 break;
         }
@@ -337,7 +343,7 @@ function initParticleNumericAnimationValue(options, pxRatio) {
 }
 exports.initParticleNumericAnimationValue = initParticleNumericAnimationValue;
 function getPositionOrSize(positionOrSize, canvasSize) {
-    const isPercent = positionOrSize.mode === "percent";
+    const isPercent = positionOrSize.mode === PixelMode_js_1.PixelMode.percent;
     if (!isPercent) {
         const { mode: _, ...rest } = positionOrSize;
         return rest;
@@ -366,12 +372,12 @@ function getSize(size, canvasSize) {
 exports.getSize = getSize;
 function checkDestroy(particle, destroyType, value, minValue, maxValue) {
     switch (destroyType) {
-        case "max":
+        case DestroyType_js_1.DestroyType.max:
             if (value >= maxValue) {
                 particle.destroy();
             }
             break;
-        case "min":
+        case DestroyType_js_1.DestroyType.min:
             if (value <= minValue) {
                 particle.destroy();
             }
@@ -397,10 +403,10 @@ function updateAnimation(particle, data, changeDirection, destroyType, delta) {
         return;
     }
     switch (data.status) {
-        case "increasing":
+        case AnimationStatus_js_1.AnimationStatus.increasing:
             if (data.value >= maxValue) {
                 if (changeDirection) {
-                    data.status = "decreasing";
+                    data.status = AnimationStatus_js_1.AnimationStatus.decreasing;
                 }
                 else {
                     data.value -= maxValue;
@@ -414,10 +420,10 @@ function updateAnimation(particle, data, changeDirection, destroyType, delta) {
                 data.value += velocity;
             }
             break;
-        case "decreasing":
+        case AnimationStatus_js_1.AnimationStatus.decreasing:
             if (data.value <= minValue) {
                 if (changeDirection) {
-                    data.status = "increasing";
+                    data.status = AnimationStatus_js_1.AnimationStatus.increasing;
                 }
                 else {
                     data.value += maxValue;