@tsparticles/engine 3.0.0-alpha.1 → 3.0.0-beta.1

package/umd/Options/Classes/Particles/Size/Size.js

@@ -4,26 +4,30 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../ValueWithRandom", "./SizeAnimation"], factory);
+        define(["require", "exports", "./SizeAnimation.js", "../../ValueWithRandom.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Size = void 0;
-    const ValueWithRandom_1 = require("../../ValueWithRandom");
-    const SizeAnimation_1 = require("./SizeAnimation");
-    class Size extends ValueWithRandom_1.RangedAnimationValueWithRandom {
+    const SizeAnimation_js_1 = require("./SizeAnimation.js");
+    const ValueWithRandom_js_1 = require("../../ValueWithRandom.js");
+    class Size extends ValueWithRandom_js_1.ValueWithRandom {
         constructor() {
             super();
-            this.animation = new SizeAnimation_1.SizeAnimation();
+            this.animation = new SizeAnimation_js_1.SizeAnimation();
             this.random.minimumValue = 1;
             this.value = 3;
         }
-        get anim() {
-            return this.animation;
-        }
-        set anim(value) {
-            this.animation = value;
+        load(data) {
+            super.load(data);
+            if (!data) {
+                return;
+            }
+            const animation = data.animation;
+            if (animation !== undefined) {
+                this.animation.load(animation);
+            }
         }
     }
     exports.Size = Size;

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

@@ -4,29 +4,20 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../AnimationOptions"], factory);
+        define(["require", "exports", "../../AnimationOptions.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.SizeAnimation = void 0;
-    const AnimationOptions_1 = require("../../AnimationOptions");
-    class SizeAnimation extends AnimationOptions_1.RangedAnimationOptions {
+    const AnimationOptions_js_1 = require("../../AnimationOptions.js");
+    class SizeAnimation extends AnimationOptions_js_1.RangedAnimationOptions {
         constructor() {
             super();
             this.destroy = "none";
             this.speed = 5;
         }
-        get size_min() {
-            return this.minimumValue;
-        }
-        set size_min(value) {
-            this.minimumValue = value;
-        }
         load(data) {
-            if ((data === null || data === void 0 ? void 0 : data.size_min) !== undefined && data.minimumValue === undefined) {
-                data.minimumValue = data.size_min;
-            }
             super.load(data);
             if (!data) {
                 return;

package/umd/Options/Classes/Particles/Stroke.js

@@ -4,14 +4,14 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../AnimatableColor", "../../../Utils/NumberUtils"], factory);
+        define(["require", "exports", "../AnimatableColor.js", "../../../Utils/NumberUtils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Stroke = void 0;
-    const AnimatableColor_1 = require("../AnimatableColor");
-    const NumberUtils_1 = require("../../../Utils/NumberUtils");
+    const AnimatableColor_js_1 = require("../AnimatableColor.js");
+    const NumberUtils_js_1 = require("../../../Utils/NumberUtils.js");
     class Stroke {
         constructor() {
             this.width = 0;
@@ -21,13 +21,13 @@
                 return;
             }
             if (data.color !== undefined) {
-                this.color = AnimatableColor_1.AnimatableColor.create(this.color, data.color);
+                this.color = AnimatableColor_js_1.AnimatableColor.create(this.color, data.color);
             }
             if (data.width !== undefined) {
-                this.width = (0, NumberUtils_1.setRangeValue)(data.width);
+                this.width = (0, NumberUtils_js_1.setRangeValue)(data.width);
             }
             if (data.opacity !== undefined) {
-                this.opacity = (0, NumberUtils_1.setRangeValue)(data.opacity);
+                this.opacity = (0, NumberUtils_js_1.setRangeValue)(data.opacity);
             }
         }
     }

package/umd/Options/Classes/Particles/ZIndex/ZIndex.js

@@ -4,14 +4,14 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../ValueWithRandom"], factory);
+        define(["require", "exports", "../../ValueWithRandom.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.ZIndex = void 0;
-    const ValueWithRandom_1 = require("../../ValueWithRandom");
-    class ZIndex extends ValueWithRandom_1.ValueWithRandom {
+    const ValueWithRandom_js_1 = require("../../ValueWithRandom.js");
+    class ZIndex extends ValueWithRandom_js_1.ValueWithRandom {
         constructor() {
             super();
             this.opacityRate = 1;

package/umd/Options/Classes/Responsive.js

@@ -4,13 +4,13 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../Utils/Utils"], factory);
+        define(["require", "exports", "../../Utils/Utils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Responsive = void 0;
-    const Utils_1 = require("../../Utils/Utils");
+    const Utils_js_1 = require("../../Utils/Utils.js");
     class Responsive {
         constructor() {
             this.maxWidth = Infinity;
@@ -33,7 +33,7 @@
                 }
             }
             if (data.options !== undefined) {
-                this.options = (0, Utils_1.deepExtend)({}, data.options);
+                this.options = (0, Utils_js_1.deepExtend)({}, data.options);
             }
         }
     }

package/umd/Options/Classes/Theme/Theme.js

@@ -4,18 +4,18 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./ThemeDefault", "../../../Utils/Utils"], factory);
+        define(["require", "exports", "./ThemeDefault.js", "../../../Utils/Utils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Theme = void 0;
-    const ThemeDefault_1 = require("./ThemeDefault");
-    const Utils_1 = require("../../../Utils/Utils");
+    const ThemeDefault_js_1 = require("./ThemeDefault.js");
+    const Utils_js_1 = require("../../../Utils/Utils.js");
     class Theme {
         constructor() {
             this.name = "";
-            this.default = new ThemeDefault_1.ThemeDefault();
+            this.default = new ThemeDefault_js_1.ThemeDefault();
         }
         load(data) {
             if (!data) {
@@ -26,7 +26,7 @@
             }
             this.default.load(data.default);
             if (data.options !== undefined) {
-                this.options = (0, Utils_1.deepExtend)({}, data.options);
+                this.options = (0, Utils_js_1.deepExtend)({}, data.options);
             }
         }
     }

package/umd/Options/Classes/ValueWithRandom.js

@@ -4,33 +4,33 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./AnimationOptions", "./Random", "./AnimationOptions", "../../Utils/NumberUtils"], factory);
+        define(["require", "exports", "./AnimationOptions.js", "./Random.js", "../../Utils/Utils.js", "../../Utils/NumberUtils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.RangedAnimationValueWithRandom = exports.AnimationValueWithRandom = exports.ValueWithRandom = void 0;
-    const AnimationOptions_1 = require("./AnimationOptions");
-    const Random_1 = require("./Random");
-    const AnimationOptions_2 = require("./AnimationOptions");
-    const NumberUtils_1 = require("../../Utils/NumberUtils");
+    const AnimationOptions_js_1 = require("./AnimationOptions.js");
+    const Random_js_1 = require("./Random.js");
+    const Utils_js_1 = require("../../Utils/Utils.js");
+    const NumberUtils_js_1 = require("../../Utils/NumberUtils.js");
     class ValueWithRandom {
         constructor() {
-            this.random = new Random_1.Random();
+            this.random = new Random_js_1.Random();
             this.value = 0;
         }
         load(data) {
             if (!data) {
                 return;
             }
-            if (typeof data.random === "boolean") {
+            if ((0, Utils_js_1.isBoolean)(data.random)) {
                 this.random.enable = data.random;
             }
             else {
                 this.random.load(data.random);
             }
             if (data.value !== undefined) {
-                this.value = (0, NumberUtils_1.setRangeValue)(data.value, this.random.enable ? this.random.minimumValue : undefined);
+                this.value = (0, NumberUtils_js_1.setRangeValue)(data.value, this.random.enable ? this.random.minimumValue : undefined);
             }
         }
     }
@@ -38,21 +38,14 @@
     class AnimationValueWithRandom extends ValueWithRandom {
         constructor() {
             super();
-            this.animation = new AnimationOptions_1.AnimationOptions();
-        }
-        get anim() {
-            return this.animation;
-        }
-        set anim(value) {
-            this.animation = value;
+            this.animation = new AnimationOptions_js_1.AnimationOptions();
         }
         load(data) {
-            var _a;
             super.load(data);
             if (!data) {
                 return;
             }
-            const animation = (_a = data.animation) !== null && _a !== void 0 ? _a : data.anim;
+            const animation = data.animation;
             if (animation !== undefined) {
                 this.animation.load(animation);
             }
@@ -62,16 +55,10 @@
     class RangedAnimationValueWithRandom extends AnimationValueWithRandom {
         constructor() {
             super();
-            this.animation = new AnimationOptions_2.RangedAnimationOptions();
+            this.animation = new AnimationOptions_js_1.RangedAnimationOptions();
         }
         load(data) {
             super.load(data);
-            if (!data) {
-                return;
-            }
-            if (data.animation !== undefined) {
-                this.value = (0, NumberUtils_1.setRangeValue)(this.value, this.animation.enable ? this.animation.minimumValue : undefined);
-            }
         }
     }
     exports.RangedAnimationValueWithRandom = RangedAnimationValueWithRandom;

package/umd/Utils/CanvasUtils.js

@@ -4,63 +4,13 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./ColorUtils"], factory);
+        define(["require", "exports", "./ColorUtils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.alterHsl = exports.drawParticlePlugin = exports.drawPlugin = exports.drawShapeAfterEffect = exports.drawShape = exports.drawParticle = exports.clear = exports.drawTriangle = exports.drawLine = exports.paintCanvas = exports.clearCanvas = exports.getContext = void 0;
-    const ColorUtils_1 = require("./ColorUtils");
-    function paintBase(context, dimension, baseColor) {
-        context.fillStyle = baseColor !== null && baseColor !== void 0 ? baseColor : "rgba(0,0,0,0)";
-        context.fillRect(0, 0, dimension.width, dimension.height);
-    }
-    function paintImage(context, dimension, image, opacity) {
-        if (!image) {
-            return;
-        }
-        context.globalAlpha = opacity;
-        context.drawImage(image, 0, 0, dimension.width, dimension.height);
-        context.globalAlpha = 1;
-    }
-    function getContext(canvas) {
-        const context = canvas.getContext("2d");
-        if (!context) {
-            throw new Error("Error tsParticles - No canvas context found");
-        }
-        return context;
-    }
-    exports.getContext = getContext;
-    function clearCanvas(context, size, options, trailFill, coverColorStyle) {
-        if (options.backgroundMask.enable) {
-            paintCanvas(context, size, options, coverColorStyle);
-        }
-        else {
-            const trail = options.particles.move.trail;
-            if (trail.enable && trail.length > 0 && trailFill) {
-                if (trailFill.color) {
-                    paintBase(context, size, (0, ColorUtils_1.getStyleFromRgb)(trailFill.color, trailFill.opacity));
-                }
-                else if (trailFill.image) {
-                    paintImage(context, size, trailFill.image, trailFill.opacity);
-                }
-            }
-            else {
-                clear(context, size);
-            }
-        }
-    }
-    exports.clearCanvas = clearCanvas;
-    function paintCanvas(context, size, options, coverColorStyle) {
-        if (options.backgroundMask.enable && coverColorStyle) {
-            clear(context, size);
-            paintBase(context, size, coverColorStyle);
-        }
-        else {
-            paintBase(context, size);
-        }
-    }
-    exports.paintCanvas = paintCanvas;
+    exports.alterHsl = exports.drawParticlePlugin = exports.drawPlugin = exports.drawShapeAfterEffect = exports.drawShape = exports.drawParticle = exports.clear = exports.paintImage = exports.paintBase = exports.drawTriangle = exports.drawLine = void 0;
+    const ColorUtils_js_1 = require("./ColorUtils.js");
     function drawLine(context, begin, end) {
         context.beginPath();
         context.moveTo(begin.x, begin.y);
@@ -76,21 +26,34 @@
         context.closePath();
     }
     exports.drawTriangle = drawTriangle;
+    function paintBase(context, dimension, baseColor) {
+        context.fillStyle = baseColor ?? "rgba(0,0,0,0)";
+        context.fillRect(0, 0, dimension.width, dimension.height);
+    }
+    exports.paintBase = paintBase;
+    function paintImage(context, dimension, image, opacity) {
+        if (!image) {
+            return;
+        }
+        context.globalAlpha = opacity;
+        context.drawImage(image, 0, 0, dimension.width, dimension.height);
+        context.globalAlpha = 1;
+    }
+    exports.paintImage = paintImage;
     function clear(context, dimension) {
         context.clearRect(0, 0, dimension.width, dimension.height);
     }
     exports.clear = clear;
     function drawParticle(data) {
-        var _a, _b, _c, _d, _e;
         const { container, context, particle, delta, colorStyles, backgroundMask, composite, radius, opacity, shadow, transform, } = data;
         const pos = particle.getPosition(), angle = particle.rotation + (particle.pathRotation ? particle.velocity.angle : 0), rotateData = {
             sin: Math.sin(angle),
             cos: Math.cos(angle),
         }, transformData = {
-            a: rotateData.cos * ((_a = transform.a) !== null && _a !== void 0 ? _a : 1),
-            b: rotateData.sin * ((_b = transform.b) !== null && _b !== void 0 ? _b : 1),
-            c: -rotateData.sin * ((_c = transform.c) !== null && _c !== void 0 ? _c : 1),
-            d: rotateData.cos * ((_d = transform.d) !== null && _d !== void 0 ? _d : 1),
+            a: rotateData.cos * (transform.a ?? 1),
+            b: rotateData.sin * (transform.b ?? 1),
+            c: -rotateData.sin * (transform.c ?? 1),
+            d: rotateData.cos * (transform.d ?? 1),
         };
         context.setTransform(transformData.a, transformData.b, transformData.c, transformData.d, pos.x, pos.y);
         context.beginPath();
@@ -100,14 +63,14 @@
         const shadowColor = particle.shadowColor;
         if (shadow.enable && shadowColor) {
             context.shadowBlur = shadow.blur;
-            context.shadowColor = (0, ColorUtils_1.getStyleFromRgb)(shadowColor);
+            context.shadowColor = (0, ColorUtils_js_1.getStyleFromRgb)(shadowColor);
             context.shadowOffsetX = shadow.offset.x;
             context.shadowOffsetY = shadow.offset.y;
         }
         if (colorStyles.fill) {
             context.fillStyle = colorStyles.fill;
         }
-        const strokeWidth = (_e = particle.strokeWidth) !== null && _e !== void 0 ? _e : 0;
+        const strokeWidth = particle.strokeWidth ?? 0;
         context.lineWidth = strokeWidth;
         if (colorStyles.stroke) {
             context.strokeStyle = colorStyles.stroke;
@@ -143,7 +106,7 @@
             return;
         }
         const drawer = container.drawers.get(particle.shape);
-        if (!(drawer === null || drawer === void 0 ? void 0 : drawer.afterEffect)) {
+        if (!drawer || !drawer.afterEffect) {
             return;
         }
         drawer.afterEffect(context, particle, radius, opacity, delta, container.retina.pixelRatio);

package/umd/Utils/ColorUtils.js

@@ -4,14 +4,14 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./NumberUtils", "./Utils"], factory);
+        define(["require", "exports", "./NumberUtils.js", "./Utils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.getHslAnimationFromHsl = exports.getHslFromAnimation = exports.getLinkRandomColor = exports.getLinkColor = exports.colorMix = exports.getStyleFromHsl = exports.getStyleFromRgb = exports.getRandomRgbColor = exports.hslaToRgba = exports.hslToRgb = exports.stringToRgb = exports.stringToAlpha = exports.rgbToHsl = exports.rangeColorToHsl = exports.colorToHsl = exports.colorToRgb = exports.rangeColorToRgb = exports.addColorManager = void 0;
-    const NumberUtils_1 = require("./NumberUtils");
-    const Utils_1 = require("./Utils");
+    const NumberUtils_js_1 = require("./NumberUtils.js");
+    const Utils_js_1 = require("./Utils.js");
     const randomColorValue = "random", midColorValue = "mid", colorManagers = new Map();
     function addColorManager(manager) {
         colorManagers.set(manager.key, manager);
@@ -57,13 +57,13 @@
         if (!input) {
             return;
         }
-        const color = typeof input === "string" ? { value: input } : input;
-        if (typeof color.value === "string") {
+        const color = (0, Utils_js_1.isString)(input) ? { value: input } : input;
+        if ((0, Utils_js_1.isString)(color.value)) {
             return colorToRgb(color.value, index, useIndex);
         }
-        if (color.value instanceof Array) {
+        if ((0, Utils_js_1.isArray)(color.value)) {
             return rangeColorToRgb({
-                value: (0, Utils_1.itemFromArray)(color.value, index, useIndex),
+                value: (0, Utils_js_1.itemFromArray)(color.value, index, useIndex),
             });
         }
         for (const [, manager] of colorManagers) {
@@ -78,13 +78,13 @@
         if (!input) {
             return;
         }
-        const color = typeof input === "string" ? { value: input } : input;
-        if (typeof color.value === "string") {
+        const color = (0, Utils_js_1.isString)(input) ? { value: input } : input;
+        if ((0, Utils_js_1.isString)(color.value)) {
             return color.value === randomColorValue ? getRandomRgbColor() : stringToRgb(color.value);
         }
-        if (color.value instanceof Array) {
+        if ((0, Utils_js_1.isArray)(color.value)) {
             return colorToRgb({
-                value: (0, Utils_1.itemFromArray)(color.value, index, useIndex),
+                value: (0, Utils_js_1.itemFromArray)(color.value, index, useIndex),
             });
         }
         for (const [, manager] of colorManagers) {
@@ -131,8 +131,7 @@
     }
     exports.rgbToHsl = rgbToHsl;
     function stringToAlpha(input) {
-        var _a;
-        return (_a = stringToRgba(input)) === null || _a === void 0 ? void 0 : _a.a;
+        return stringToRgba(input)?.a;
     }
     exports.stringToAlpha = stringToAlpha;
     function stringToRgb(input) {
@@ -146,9 +145,7 @@
             s: hsl.s / 100,
         };
         if (!hslPercent.s) {
-            result.b = hslPercent.l;
-            result.g = hslPercent.l;
-            result.r = hslPercent.l;
+            result.r = result.g = result.b = hslPercent.l;
         }
         else {
             const q = hslPercent.l < 0.5
@@ -175,20 +172,20 @@
     }
     exports.hslaToRgba = hslaToRgba;
     function getRandomRgbColor(min) {
-        const fixedMin = min !== null && min !== void 0 ? min : 0;
+        const fixedMin = min ?? 0;
         return {
-            b: Math.floor((0, NumberUtils_1.randomInRange)((0, NumberUtils_1.setRangeValue)(fixedMin, 256))),
-            g: Math.floor((0, NumberUtils_1.randomInRange)((0, NumberUtils_1.setRangeValue)(fixedMin, 256))),
-            r: Math.floor((0, NumberUtils_1.randomInRange)((0, NumberUtils_1.setRangeValue)(fixedMin, 256))),
+            b: Math.floor((0, NumberUtils_js_1.randomInRange)((0, NumberUtils_js_1.setRangeValue)(fixedMin, 256))),
+            g: Math.floor((0, NumberUtils_js_1.randomInRange)((0, NumberUtils_js_1.setRangeValue)(fixedMin, 256))),
+            r: Math.floor((0, NumberUtils_js_1.randomInRange)((0, NumberUtils_js_1.setRangeValue)(fixedMin, 256))),
         };
     }
     exports.getRandomRgbColor = getRandomRgbColor;
     function getStyleFromRgb(color, opacity) {
-        return `rgba(${color.r}, ${color.g}, ${color.b}, ${opacity !== null && opacity !== void 0 ? opacity : 1})`;
+        return `rgba(${color.r}, ${color.g}, ${color.b}, ${opacity ?? 1})`;
     }
     exports.getStyleFromRgb = getStyleFromRgb;
     function getStyleFromHsl(color, opacity) {
-        return `hsla(${color.h}, ${color.s}%, ${color.l}%, ${opacity !== null && opacity !== void 0 ? opacity : 1})`;
+        return `hsla(${color.h}, ${color.s}%, ${color.l}%, ${opacity ?? 1})`;
     }
     exports.getStyleFromHsl = getStyleFromHsl;
     function colorMix(color1, color2, size1, size2) {
@@ -200,24 +197,23 @@
             rgb2 = hslToRgb(color2);
         }
         return {
-            b: (0, NumberUtils_1.mix)(rgb1.b, rgb2.b, size1, size2),
-            g: (0, NumberUtils_1.mix)(rgb1.g, rgb2.g, size1, size2),
-            r: (0, NumberUtils_1.mix)(rgb1.r, rgb2.r, size1, size2),
+            b: (0, NumberUtils_js_1.mix)(rgb1.b, rgb2.b, size1, size2),
+            g: (0, NumberUtils_js_1.mix)(rgb1.g, rgb2.g, size1, size2),
+            r: (0, NumberUtils_js_1.mix)(rgb1.r, rgb2.r, size1, size2),
         };
     }
     exports.colorMix = colorMix;
     function getLinkColor(p1, p2, linkColor) {
-        var _a, _b;
         if (linkColor === randomColorValue) {
             return getRandomRgbColor();
         }
         else if (linkColor === midColorValue) {
-            const sourceColor = (_a = p1.getFillColor()) !== null && _a !== void 0 ? _a : p1.getStrokeColor(), destColor = (_b = p2 === null || p2 === void 0 ? void 0 : p2.getFillColor()) !== null && _b !== void 0 ? _b : p2 === null || p2 === void 0 ? void 0 : p2.getStrokeColor();
+            const sourceColor = p1.getFillColor() ?? p1.getStrokeColor(), destColor = p2?.getFillColor() ?? p2?.getStrokeColor();
             if (sourceColor && destColor && p2) {
                 return colorMix(sourceColor, destColor, p1.getRadius(), p2.getRadius());
             }
             else {
-                const hslColor = sourceColor !== null && sourceColor !== void 0 ? sourceColor : destColor;
+                const hslColor = sourceColor ?? destColor;
                 if (hslColor) {
                     return hslToRgb(hslColor);
                 }
@@ -229,7 +225,7 @@
     }
     exports.getLinkColor = getLinkColor;
     function getLinkRandomColor(optColor, blink, consent) {
-        const color = typeof optColor === "string" ? optColor : optColor.value;
+        const color = (0, Utils_js_1.isString)(optColor) ? optColor : optColor.value;
         if (color === randomColorValue) {
             if (consent) {
                 return rangeColorToRgb({
@@ -287,14 +283,16 @@
     function setColorAnimation(colorValue, colorAnimation, reduceFactor) {
         colorValue.enable = colorAnimation.enable;
         if (colorValue.enable) {
-            colorValue.velocity = ((0, NumberUtils_1.getRangeValue)(colorAnimation.speed) / 100) * reduceFactor;
-            colorValue.decay = 1 - (0, NumberUtils_1.getRangeValue)(colorAnimation.decay);
+            colorValue.velocity = ((0, NumberUtils_js_1.getRangeValue)(colorAnimation.speed) / 100) * reduceFactor;
+            colorValue.decay = 1 - (0, NumberUtils_js_1.getRangeValue)(colorAnimation.decay);
             colorValue.status = "increasing";
             colorValue.loops = 0;
-            colorValue.maxLoops = (0, NumberUtils_1.getRangeValue)(colorAnimation.count);
+            colorValue.maxLoops = (0, NumberUtils_js_1.getRangeValue)(colorAnimation.count);
+            colorValue.time = 0;
+            colorValue.delayTime = (0, NumberUtils_js_1.getRangeValue)(colorAnimation.delay) * 1000;
             if (!colorAnimation.sync) {
-                colorValue.velocity *= (0, NumberUtils_1.getRandom)();
-                colorValue.value *= (0, NumberUtils_1.getRandom)();
+                colorValue.velocity *= (0, NumberUtils_js_1.getRandom)();
+                colorValue.value *= (0, NumberUtils_js_1.getRandom)();
             }
             colorValue.initialValue = colorValue.value;
         }

package/umd/Utils/EventDispatcher.js

@@ -15,16 +15,17 @@
             this._listeners = new Map();
         }
         addEventListener(type, listener) {
-            var _a;
             this.removeEventListener(type, listener);
-            if (!this._listeners.get(type)) {
-                this._listeners.set(type, []);
+            let arr = this._listeners.get(type);
+            if (!arr) {
+                arr = [];
+                this._listeners.set(type, arr);
             }
-            (_a = this._listeners.get(type)) === null || _a === void 0 ? void 0 : _a.push(listener);
+            arr.push(listener);
         }
         dispatchEvent(type, args) {
-            var _a;
-            (_a = this._listeners.get(type)) === null || _a === void 0 ? void 0 : _a.forEach((handler) => handler(args));
+            const listeners = this._listeners.get(type);
+            listeners && listeners.forEach((handler) => handler(args));
         }
         hasEventListener(type) {
             return !!this._listeners.get(type);

package/umd/Utils/HslColorManager.js

@@ -4,34 +4,32 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./NumberUtils", "./ColorUtils"], factory);
+        define(["require", "exports", "./NumberUtils.js", "./ColorUtils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.HslColorManager = void 0;
-    const NumberUtils_1 = require("./NumberUtils");
-    const ColorUtils_1 = require("./ColorUtils");
+    const NumberUtils_js_1 = require("./NumberUtils.js");
+    const ColorUtils_js_1 = require("./ColorUtils.js");
     class HslColorManager {
         constructor() {
             this.key = "hsl";
             this.stringPrefix = "hsl";
         }
         handleColor(color) {
-            var _a;
-            const colorValue = color.value, hslColor = (_a = colorValue.hsl) !== null && _a !== void 0 ? _a : color.value;
+            const colorValue = color.value, hslColor = colorValue.hsl ?? color.value;
             if (hslColor.h !== undefined && hslColor.s !== undefined && hslColor.l !== undefined) {
-                return (0, ColorUtils_1.hslToRgb)(hslColor);
+                return (0, ColorUtils_js_1.hslToRgb)(hslColor);
             }
         }
         handleRangeColor(color) {
-            var _a;
-            const colorValue = color.value, hslColor = (_a = colorValue.hsl) !== null && _a !== void 0 ? _a : color.value;
+            const colorValue = color.value, hslColor = colorValue.hsl ?? color.value;
             if (hslColor.h !== undefined && hslColor.l !== undefined) {
-                return (0, ColorUtils_1.hslToRgb)({
-                    h: (0, NumberUtils_1.getRangeValue)(hslColor.h),
-                    l: (0, NumberUtils_1.getRangeValue)(hslColor.l),
-                    s: (0, NumberUtils_1.getRangeValue)(hslColor.s),
+                return (0, ColorUtils_js_1.hslToRgb)({
+                    h: (0, NumberUtils_js_1.getRangeValue)(hslColor.h),
+                    l: (0, NumberUtils_js_1.getRangeValue)(hslColor.l),
+                    s: (0, NumberUtils_js_1.getRangeValue)(hslColor.s),
                 });
             }
         }
@@ -41,8 +39,8 @@
             }
             const regex = /hsla?\(\s*(\d+)\s*,\s*(\d+)%\s*,\s*(\d+)%\s*(,\s*([\d.%]+)\s*)?\)/i, result = regex.exec(input);
             return result
-                ? (0, ColorUtils_1.hslaToRgba)({
-                    a: result.length > 4 ? (0, NumberUtils_1.parseAlpha)(result[5]) : 1,
+                ? (0, ColorUtils_js_1.hslaToRgba)({
+                    a: result.length > 4 ? (0, NumberUtils_js_1.parseAlpha)(result[5]) : 1,
                     h: parseInt(result[1], 10),
                     l: parseInt(result[3], 10),
                     s: parseInt(result[2], 10),