@tsparticles/engine 3.6.0 → 3.7.1

package/umd/Core/Canvas.js

@@ -38,7 +38,7 @@
         }
     }
     class Canvas {
-        constructor(container) {
+        constructor(container, engine) {
             this.container = container;
             this._applyPostDrawUpdaters = particle => {
                 for (const updater of this._postDrawUpdaters) {
@@ -74,10 +74,10 @@
                 let fColor, sColor;
                 for (const plugin of this._colorPlugins) {
                     if (!fColor && plugin.particleFillColor) {
-                        fColor = (0, ColorUtils_js_1.rangeColorToHsl)(plugin.particleFillColor(particle));
+                        fColor = (0, ColorUtils_js_1.rangeColorToHsl)(this._engine, plugin.particleFillColor(particle));
                     }
                     if (!sColor && plugin.particleStrokeColor) {
-                        sColor = (0, ColorUtils_js_1.rangeColorToHsl)(plugin.particleStrokeColor(particle));
+                        sColor = (0, ColorUtils_js_1.rangeColorToHsl)(this._engine, plugin.particleStrokeColor(particle));
                     }
                     if (fColor && sColor) {
                         break;
@@ -88,7 +88,7 @@
             this._initCover = async () => {
                 const options = this.container.actualOptions, cover = options.backgroundMask.cover, color = cover.color;
                 if (color) {
-                    const coverRgb = (0, ColorUtils_js_1.rangeColorToRgb)(color);
+                    const coverRgb = (0, ColorUtils_js_1.rangeColorToRgb)(this._engine, color);
                     if (coverRgb) {
                         const coverColor = {
                             ...coverRgb,
@@ -147,7 +147,7 @@
                 }
                 const factorNumerator = 1, opacity = factorNumerator / trail.length;
                 if (trailFill.color) {
-                    const fillColor = (0, ColorUtils_js_1.rangeColorToRgb)(trailFill.color);
+                    const fillColor = (0, ColorUtils_js_1.rangeColorToRgb)(this._engine, trailFill.color);
                     if (!fillColor) {
                         return;
                     }
@@ -228,10 +228,16 @@
                     height: "100%",
                 }, true);
             };
-            this.size = {
+            this._engine = engine;
+            this._standardSize = {
                 height: 0,
                 width: 0,
             };
+            const pxRatio = container.retina.pixelRatio, stdSize = this._standardSize;
+            this.size = {
+                height: stdSize.height * pxRatio,
+                width: stdSize.width * pxRatio,
+            };
             this._context = null;
             this._generated = false;
             this._preDrawUpdaters = [];
@@ -375,7 +381,7 @@
                 return;
             }
             if (background.color) {
-                const color = (0, ColorUtils_js_1.rangeColorToRgb)(background.color);
+                const color = (0, ColorUtils_js_1.rangeColorToRgb)(this._engine, background.color);
                 elementStyle.backgroundColor = color ? (0, ColorUtils_js_1.getStyleFromRgb)(color, background.opacity) : "";
             }
             else {
@@ -420,8 +426,12 @@
             this.element = canvas;
             this.element.ariaHidden = "true";
             this._originalStyle = (0, Utils_js_1.deepExtend)({}, this.element.style);
-            this.size.height = canvas.offsetHeight;
-            this.size.width = canvas.offsetWidth;
+            const standardSize = this._standardSize;
+            standardSize.height = canvas.offsetHeight;
+            standardSize.width = canvas.offsetWidth;
+            const pxRatio = this.container.retina.pixelRatio, retinaSize = this.size;
+            canvas.height = retinaSize.height = standardSize.height * pxRatio;
+            canvas.width = retinaSize.width = standardSize.width * pxRatio;
             this._context = this.element.getContext("2d");
             this._safeMutationObserver(obs => {
                 if (!this.element || !(this.element instanceof Node)) {
@@ -456,23 +466,29 @@
             if (!this.element) {
                 return false;
             }
-            const container = this.container, pxRatio = container.retina.pixelRatio, size = container.canvas.size, newSize = {
-                width: this.element.offsetWidth * pxRatio,
-                height: this.element.offsetHeight * pxRatio,
+            const container = this.container, currentSize = container.canvas._standardSize, newSize = {
+                width: this.element.offsetWidth,
+                height: this.element.offsetHeight,
+            }, pxRatio = container.retina.pixelRatio, retinaSize = {
+                width: newSize.width * pxRatio,
+                height: newSize.height * pxRatio,
             };
-            if (newSize.height === size.height &&
-                newSize.width === size.width &&
-                newSize.height === this.element.height &&
-                newSize.width === this.element.width) {
+            if (newSize.height === currentSize.height &&
+                newSize.width === currentSize.width &&
+                retinaSize.height === this.element.height &&
+                retinaSize.width === this.element.width) {
                 return false;
             }
-            const oldSize = { ...size };
-            this.element.width = size.width = this.element.offsetWidth * pxRatio;
-            this.element.height = size.height = this.element.offsetHeight * pxRatio;
+            const oldSize = { ...currentSize };
+            currentSize.height = newSize.height;
+            currentSize.width = newSize.width;
+            const canvasSize = this.size;
+            this.element.width = canvasSize.width = retinaSize.width;
+            this.element.height = canvasSize.height = retinaSize.height;
             if (this.container.started) {
                 container.particles.setResizeFactor({
-                    width: size.width / oldSize.width,
-                    height: size.height / oldSize.height,
+                    width: currentSize.width / oldSize.width,
+                    height: currentSize.height / oldSize.height,
                 });
             }
             return true;

package/umd/Core/Container.js

@@ -100,7 +100,7 @@
             this._sourceOptions = sourceOptions;
             this._initialSourceOptions = sourceOptions;
             this.retina = new Retina_js_1.Retina(this);
-            this.canvas = new Canvas_js_1.Canvas(this);
+            this.canvas = new Canvas_js_1.Canvas(this, this._engine);
             this.particles = new Particles_js_1.Particles(this._engine, this);
             this.pathGenerators = new Map();
             this.interactivity = {

package/umd/Core/Engine.js

@@ -83,6 +83,8 @@
             this._eventDispatcher = new EventDispatcher_js_1.EventDispatcher();
             this._initialized = false;
             this.plugins = [];
+            this.colorManagers = new Map();
+            this.easingFunctions = new Map();
             this._initializers = {
                 interactors: new Map(),
                 movers: new Map(),
@@ -107,13 +109,24 @@
             return this._domArray;
         }
         get version() {
-            return "3.6.0";
+            return "3.7.1";
+        }
+        async addColorManager(manager, refresh = true) {
+            this.colorManagers.set(manager.key, manager);
+            await this.refresh(refresh);
         }
         addConfig(config) {
             const key = config.key ?? config.name ?? "default";
             this._configs.set(key, config);
             this._eventDispatcher.dispatchEvent(EventType_js_1.EventType.configAdded, { data: { name: key, config } });
         }
+        async addEasing(name, easing, refresh = true) {
+            if (this.getEasing(name)) {
+                return;
+            }
+            this.easingFunctions.set(name, easing);
+            await this.refresh(refresh);
+        }
         async addEffect(effect, drawer, refresh = true) {
             (0, Utils_js_1.executeOnSingleOrMultiple)(effect, type => {
                 if (!this.getEffectDrawer(type)) {
@@ -187,6 +200,9 @@
             }
             return res;
         }
+        getEasing(name) {
+            return this.easingFunctions.get(name) ?? ((value) => value);
+        }
         getEffectDrawer(type) {
             return this.effectDrawers.get(type);
         }

package/umd/Core/Particle.js

@@ -337,7 +337,7 @@
                 this.sides = sideCountFunc(this);
             }
             this.spawning = false;
-            this.shadowColor = (0, ColorUtils_js_1.rangeColorToRgb)(this.options.shadow.color);
+            this.shadowColor = (0, ColorUtils_js_1.rangeColorToRgb)(this._engine, this.options.shadow.color);
             for (const updater of particles.updaters) {
                 updater.init(this);
             }

package/umd/Types/EasingFunction.js

@@ -0,0 +1,12 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});

package/umd/Utils/ColorUtils.js

@@ -9,7 +9,6 @@
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.addColorManager = addColorManager;
     exports.rangeColorToRgb = rangeColorToRgb;
     exports.colorToRgb = colorToRgb;
     exports.colorToHsl = colorToHsl;
@@ -34,83 +33,63 @@
     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);
-    }
-    function stringToRgba(input) {
-        for (const manager of colorManagers.values()) {
+    const randomColorValue = "random", midColorValue = "mid";
+    function stringToRgba(engine, input) {
+        if (!input) {
+            return;
+        }
+        for (const manager of engine.colorManagers.values()) {
             if (input.startsWith(manager.stringPrefix)) {
                 return manager.parseString(input);
             }
         }
-        const shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i, hexFixed = input.replace(shorthandRegex, (_, r, g, b, a) => {
-            return r + r + g + g + b + b + (a !== undefined ? a + a : "");
-        }), 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[RgbIndexes.a] !== undefined
-                    ? parseInt(result[RgbIndexes.a], radix) / alphaFactor
-                    : defaultAlpha,
-                b: parseInt(result[RgbIndexes.b], radix),
-                g: parseInt(result[RgbIndexes.g], radix),
-                r: parseInt(result[RgbIndexes.r], radix),
-            }
-            : undefined;
     }
-    function rangeColorToRgb(input, index, useIndex = true) {
+    function rangeColorToRgb(engine, input, index, useIndex = true) {
         if (!input) {
             return;
         }
         const color = (0, TypeUtils_js_1.isString)(input) ? { value: input } : input;
         if ((0, TypeUtils_js_1.isString)(color.value)) {
-            return colorToRgb(color.value, index, useIndex);
+            return colorToRgb(engine, color.value, index, useIndex);
         }
         if ((0, TypeUtils_js_1.isArray)(color.value)) {
-            return rangeColorToRgb({
+            return rangeColorToRgb(engine, {
                 value: (0, Utils_js_1.itemFromArray)(color.value, index, useIndex),
             });
         }
-        for (const manager of colorManagers.values()) {
+        for (const manager of engine.colorManagers.values()) {
             const res = manager.handleRangeColor(color);
             if (res) {
                 return res;
             }
         }
     }
-    function colorToRgb(input, index, useIndex = true) {
+    function colorToRgb(engine, input, index, useIndex = true) {
         if (!input) {
             return;
         }
         const color = (0, TypeUtils_js_1.isString)(input) ? { value: input } : input;
         if ((0, TypeUtils_js_1.isString)(color.value)) {
-            return color.value === randomColorValue ? getRandomRgbColor() : stringToRgb(color.value);
+            return color.value === randomColorValue ? getRandomRgbColor() : stringToRgb(engine, color.value);
         }
         if ((0, TypeUtils_js_1.isArray)(color.value)) {
-            return colorToRgb({
+            return colorToRgb(engine, {
                 value: (0, Utils_js_1.itemFromArray)(color.value, index, useIndex),
             });
         }
-        for (const manager of colorManagers.values()) {
+        for (const manager of engine.colorManagers.values()) {
             const res = manager.handleColor(color);
             if (res) {
                 return res;
             }
         }
     }
-    function colorToHsl(color, index, useIndex = true) {
-        const rgb = colorToRgb(color, index, useIndex);
+    function colorToHsl(engine, color, index, useIndex = true) {
+        const rgb = colorToRgb(engine, color, index, useIndex);
         return rgb ? rgbToHsl(rgb) : undefined;
     }
-    function rangeColorToHsl(color, index, useIndex = true) {
-        const rgb = rangeColorToRgb(color, index, useIndex);
+    function rangeColorToHsl(engine, color, index, useIndex = true) {
+        const rgb = rangeColorToRgb(engine, color, index, useIndex);
         return rgb ? rgbToHsl(rgb) : undefined;
     }
     function rgbToHsl(color) {
@@ -137,11 +116,11 @@
         }
         return res;
     }
-    function stringToAlpha(input) {
-        return stringToRgba(input)?.a;
+    function stringToAlpha(engine, input) {
+        return stringToRgba(engine, input)?.a;
     }
-    function stringToRgb(input) {
-        return stringToRgba(input);
+    function stringToRgb(engine, input) {
+        return stringToRgba(engine, input);
     }
     function hslToRgb(hsl) {
         const hMax = 360, sMax = 100, lMax = 100, sMin = 0, lMin = 0, h = ((hsl.h % hMax) + hMax) % hMax, s = Math.max(sMin, Math.min(sMax, hsl.s)), l = Math.max(lMin, Math.min(lMax, hsl.l)), hNormalized = h / hMax, sNormalized = s / sMax, lNormalized = l / lMax, rgbFactor = 255, triple = 3;
@@ -232,11 +211,11 @@
             return linkColor;
         }
     }
-    function getLinkRandomColor(optColor, blink, consent) {
+    function getLinkRandomColor(engine, optColor, blink, consent) {
         const color = (0, TypeUtils_js_1.isString)(optColor) ? optColor : optColor.value;
         if (color === randomColorValue) {
             if (consent) {
-                return rangeColorToRgb({
+                return rangeColorToRgb(engine, {
                     value: color,
                 });
             }
@@ -249,7 +228,7 @@
             return midColorValue;
         }
         else {
-            return rangeColorToRgb({
+            return rangeColorToRgb(engine, {
                 value: color,
             });
         }

package/umd/Utils/NumberUtils.js

@@ -9,8 +9,6 @@
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.addEasing = addEasing;
-    exports.getEasing = getEasing;
     exports.setRandom = setRandom;
     exports.getRandom = getRandom;
     exports.setAnimationFunctions = setAnimationFunctions;
@@ -43,16 +41,7 @@
     const _animationLoop = {
         nextFrame: (cb) => requestAnimationFrame(cb),
         cancel: (idx) => cancelAnimationFrame(idx),
-    }, easingFunctions = new Map(), double = 2, doublePI = Math.PI * double;
-    function addEasing(name, easing) {
-        if (easingFunctions.get(name)) {
-            return;
-        }
-        easingFunctions.set(name, easing);
-    }
-    function getEasing(name) {
-        return easingFunctions.get(name) ?? ((value) => value);
-    }
+    }, double = 2, doublePI = Math.PI * double;
     function setRandom(rnd = Math.random) {
         _random = rnd;
     }

package/umd/Utils/Utils.js

@@ -38,6 +38,7 @@
     exports.getPosition = getPosition;
     exports.getSize = getSize;
     exports.updateAnimation = updateAnimation;
+    exports.assertValidVersion = assertValidVersion;
     const NumberUtils_js_1 = require("./NumberUtils.js");
     const Constants_js_1 = require("../Core/Utils/Constants.js");
     const TypeUtils_js_1 = require("./TypeUtils.js");
@@ -454,4 +455,10 @@
             data.value = (0, NumberUtils_js_1.clamp)(data.value, minValue, maxValue);
         }
     }
+    function assertValidVersion(engine, pluginVersion) {
+        if (engine.version === pluginVersion) {
+            return;
+        }
+        throw new Error(`The tsParticles version is different from the loaded plugins version. Engine version: ${engine.version}. Plugins version: ${pluginVersion}`);
+    }
 });

package/umd/exports.js

@@ -18,7 +18,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./Core/Utils/Constants.js", "./Core/Utils/ExternalInteractorBase.js", "./Core/Utils/ParticlesInteractorBase.js", "./Core/Utils/Point.js", "./Core/Utils/Ranges.js", "./Core/Utils/Vectors.js", "./Enums/Directions/MoveDirection.js", "./Enums/Directions/RotateDirection.js", "./Enums/Directions/OutModeDirection.js", "./Enums/Modes/AnimationMode.js", "./Enums/Modes/CollisionMode.js", "./Enums/Modes/LimitMode.js", "./Enums/Modes/OutMode.js", "./Enums/Modes/PixelMode.js", "./Enums/Modes/ThemeMode.js", "./Enums/Modes/ResponsiveMode.js", "./Enums/Types/AlterType.js", "./Enums/Types/DestroyType.js", "./Enums/Types/GradientType.js", "./Enums/Types/InteractorType.js", "./Enums/Types/ParticleOutType.js", "./Enums/Types/StartValueType.js", "./Enums/Types/DivType.js", "./Enums/Types/EasingType.js", "./Enums/Types/EventType.js", "./Enums/AnimationStatus.js", "./Enums/InteractivityDetect.js", "./Options/Classes/AnimatableColor.js", "./Options/Classes/AnimationOptions.js", "./Options/Classes/Background/Background.js", "./Options/Classes/BackgroundMask/BackgroundMask.js", "./Options/Classes/BackgroundMask/BackgroundMaskCover.js", "./Options/Classes/ColorAnimation.js", "./Options/Classes/FullScreen/FullScreen.js", "./Options/Classes/HslAnimation.js", "./Options/Classes/Interactivity/Events/ClickEvent.js", "./Options/Classes/Interactivity/Events/DivEvent.js", "./Options/Classes/Interactivity/Events/ClickEvent.js", "./Options/Classes/Interactivity/Events/DivEvent.js", "./Options/Classes/Interactivity/Events/Events.js", "./Options/Classes/Interactivity/Events/HoverEvent.js", "./Options/Classes/Interactivity/Events/Parallax.js", "./Options/Classes/Interactivity/Events/ResizeEvent.js", "./Options/Classes/Interactivity/Interactivity.js", "./Options/Classes/Interactivity/Modes/Modes.js", "./Options/Classes/ManualParticle.js", "./Options/Classes/Options.js", "./Options/Classes/OptionsColor.js", "./Options/Classes/Particles/Bounce/ParticlesBounce.js", "./Options/Classes/Particles/Bounce/ParticlesBounceFactor.js", "./Options/Classes/Particles/Collisions/Collisions.js", "./Options/Classes/Particles/Collisions/CollisionsAbsorb.js", "./Options/Classes/Particles/Collisions/CollisionsOverlap.js", "./Options/Classes/Particles/ParticlesOptions.js", "./Options/Classes/Particles/Shadow.js", "./Options/Classes/Particles/Stroke.js", "./Options/Classes/Particles/Move/MoveAttract.js", "./Options/Classes/Particles/Move/Move.js", "./Options/Classes/Particles/Move/MoveAngle.js", "./Options/Classes/Particles/Move/MoveCenter.js", "./Options/Classes/Particles/Move/MoveGravity.js", "./Options/Classes/Particles/Move/OutModes.js", "./Options/Classes/Particles/Move/Path/MovePath.js", "./Options/Classes/Particles/Move/Spin.js", "./Options/Classes/Particles/Move/MoveTrail.js", "./Options/Classes/Particles/Number/ParticlesNumber.js", "./Options/Classes/Particles/Number/ParticlesNumberLimit.js", "./Options/Classes/Particles/Number/ParticlesDensity.js", "./Options/Classes/Particles/Opacity/Opacity.js", "./Options/Classes/Particles/Opacity/OpacityAnimation.js", "./Options/Classes/Particles/Shape/Shape.js", "./Options/Classes/Particles/Size/Size.js", "./Options/Classes/Particles/Size/SizeAnimation.js", "./Options/Classes/Particles/ZIndex/ZIndex.js", "./Options/Classes/Responsive.js", "./Options/Classes/Theme/Theme.js", "./Options/Classes/Theme/ThemeDefault.js", "./Options/Classes/ValueWithRandom.js", "./Utils/CanvasUtils.js", "./Utils/ColorUtils.js", "./Utils/HslColorManager.js", "./Utils/NumberUtils.js", "./Utils/OptionsUtils.js", "./Utils/RgbColorManager.js", "./Utils/Utils.js", "./Utils/TypeUtils.js"], factory);
+        define(["require", "exports", "./Core/Utils/Constants.js", "./Core/Utils/ExternalInteractorBase.js", "./Core/Utils/ParticlesInteractorBase.js", "./Core/Utils/Point.js", "./Core/Utils/Ranges.js", "./Core/Utils/Vectors.js", "./Enums/Directions/MoveDirection.js", "./Enums/Directions/RotateDirection.js", "./Enums/Directions/OutModeDirection.js", "./Enums/Modes/AnimationMode.js", "./Enums/Modes/CollisionMode.js", "./Enums/Modes/LimitMode.js", "./Enums/Modes/OutMode.js", "./Enums/Modes/PixelMode.js", "./Enums/Modes/ThemeMode.js", "./Enums/Modes/ResponsiveMode.js", "./Enums/Types/AlterType.js", "./Enums/Types/DestroyType.js", "./Enums/Types/GradientType.js", "./Enums/Types/InteractorType.js", "./Enums/Types/ParticleOutType.js", "./Enums/Types/StartValueType.js", "./Enums/Types/DivType.js", "./Enums/Types/EasingType.js", "./Enums/Types/EventType.js", "./Enums/AnimationStatus.js", "./Enums/InteractivityDetect.js", "./Options/Classes/AnimatableColor.js", "./Options/Classes/AnimationOptions.js", "./Options/Classes/Background/Background.js", "./Options/Classes/BackgroundMask/BackgroundMask.js", "./Options/Classes/BackgroundMask/BackgroundMaskCover.js", "./Options/Classes/ColorAnimation.js", "./Options/Classes/FullScreen/FullScreen.js", "./Options/Classes/HslAnimation.js", "./Options/Classes/Interactivity/Events/ClickEvent.js", "./Options/Classes/Interactivity/Events/DivEvent.js", "./Options/Classes/Interactivity/Events/ClickEvent.js", "./Options/Classes/Interactivity/Events/DivEvent.js", "./Options/Classes/Interactivity/Events/Events.js", "./Options/Classes/Interactivity/Events/HoverEvent.js", "./Options/Classes/Interactivity/Events/Parallax.js", "./Options/Classes/Interactivity/Events/ResizeEvent.js", "./Options/Classes/Interactivity/Interactivity.js", "./Options/Classes/Interactivity/Modes/Modes.js", "./Options/Classes/ManualParticle.js", "./Options/Classes/Options.js", "./Options/Classes/OptionsColor.js", "./Options/Classes/Particles/Bounce/ParticlesBounce.js", "./Options/Classes/Particles/Bounce/ParticlesBounceFactor.js", "./Options/Classes/Particles/Collisions/Collisions.js", "./Options/Classes/Particles/Collisions/CollisionsAbsorb.js", "./Options/Classes/Particles/Collisions/CollisionsOverlap.js", "./Options/Classes/Particles/ParticlesOptions.js", "./Options/Classes/Particles/Shadow.js", "./Options/Classes/Particles/Stroke.js", "./Options/Classes/Particles/Move/MoveAttract.js", "./Options/Classes/Particles/Move/Move.js", "./Options/Classes/Particles/Move/MoveAngle.js", "./Options/Classes/Particles/Move/MoveCenter.js", "./Options/Classes/Particles/Move/MoveGravity.js", "./Options/Classes/Particles/Move/OutModes.js", "./Options/Classes/Particles/Move/Path/MovePath.js", "./Options/Classes/Particles/Move/Spin.js", "./Options/Classes/Particles/Move/MoveTrail.js", "./Options/Classes/Particles/Number/ParticlesNumber.js", "./Options/Classes/Particles/Number/ParticlesNumberLimit.js", "./Options/Classes/Particles/Number/ParticlesDensity.js", "./Options/Classes/Particles/Opacity/Opacity.js", "./Options/Classes/Particles/Opacity/OpacityAnimation.js", "./Options/Classes/Particles/Shape/Shape.js", "./Options/Classes/Particles/Size/Size.js", "./Options/Classes/Particles/Size/SizeAnimation.js", "./Options/Classes/Particles/ZIndex/ZIndex.js", "./Options/Classes/Responsive.js", "./Options/Classes/Theme/Theme.js", "./Options/Classes/Theme/ThemeDefault.js", "./Options/Classes/ValueWithRandom.js", "./Utils/CanvasUtils.js", "./Utils/ColorUtils.js", "./Utils/NumberUtils.js", "./Utils/OptionsUtils.js", "./Utils/Utils.js", "./Utils/TypeUtils.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -103,10 +103,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     __exportStar(require("./Options/Classes/ValueWithRandom.js"), exports);
     __exportStar(require("./Utils/CanvasUtils.js"), exports);
     __exportStar(require("./Utils/ColorUtils.js"), exports);
-    __exportStar(require("./Utils/HslColorManager.js"), exports);
     __exportStar(require("./Utils/NumberUtils.js"), exports);
     __exportStar(require("./Utils/OptionsUtils.js"), exports);
-    __exportStar(require("./Utils/RgbColorManager.js"), exports);
     __exportStar(require("./Utils/Utils.js"), exports);
     __exportStar(require("./Utils/TypeUtils.js"), exports);
 });

package/umd/init.js

@@ -4,20 +4,14 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./Core/Engine.js", "./Utils/HslColorManager.js", "./Utils/RgbColorManager.js", "./Utils/ColorUtils.js"], factory);
+        define(["require", "exports", "./Core/Engine.js"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.init = init;
     const Engine_js_1 = require("./Core/Engine.js");
-    const HslColorManager_js_1 = require("./Utils/HslColorManager.js");
-    const RgbColorManager_js_1 = require("./Utils/RgbColorManager.js");
-    const ColorUtils_js_1 = require("./Utils/ColorUtils.js");
     function init() {
-        const rgbColorManager = new RgbColorManager_js_1.RgbColorManager(), hslColorManager = new HslColorManager_js_1.HslColorManager();
-        (0, ColorUtils_js_1.addColorManager)(rgbColorManager);
-        (0, ColorUtils_js_1.addColorManager)(hslColorManager);
         const engine = new Engine_js_1.Engine();
         engine.init();
         return engine;

package/browser/Utils/HslColorManager.js

@@ -1,45 +0,0 @@
-import { getRangeValue, parseAlpha } from "./NumberUtils.js";
-import { hslToRgb, hslaToRgba } from "./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 = {}));
-export class HslColorManager {
-    constructor() {
-        this.key = "hsl";
-        this.stringPrefix = "hsl";
-    }
-    handleColor(color) {
-        const colorValue = color.value, hslColor = colorValue.hsl ?? color.value;
-        if (hslColor.h !== undefined && hslColor.s !== undefined && hslColor.l !== undefined) {
-            return hslToRgb(hslColor);
-        }
-    }
-    handleRangeColor(color) {
-        const colorValue = color.value, hslColor = colorValue.hsl ?? color.value;
-        if (hslColor.h !== undefined && hslColor.l !== undefined) {
-            return hslToRgb({
-                h: getRangeValue(hslColor.h),
-                l: getRangeValue(hslColor.l),
-                s: getRangeValue(hslColor.s),
-            });
-        }
-    }
-    parseString(input) {
-        if (!input.startsWith("hsl")) {
-            return;
-        }
-        const regex = /hsla?\(\s*(\d+)\s*[\s,]\s*(\d+)%\s*[\s,]\s*(\d+)%\s*([\s,]\s*(0|1|0?\.\d+|(\d{1,3})%)\s*)?\)/i, result = regex.exec(input), minLength = 4, defaultAlpha = 1, radix = 10;
-        return result
-            ? hslaToRgba({
-                a: result.length > minLength ? 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/browser/Utils/RgbColorManager.js

@@ -1,44 +0,0 @@
-import { getRangeValue, parseAlpha } from "./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 = {}));
-export class RgbColorManager {
-    constructor() {
-        this.key = "rgb";
-        this.stringPrefix = "rgb";
-    }
-    handleColor(color) {
-        const colorValue = color.value, rgbColor = colorValue.rgb ?? color.value;
-        if (rgbColor.r !== undefined) {
-            return rgbColor;
-        }
-    }
-    handleRangeColor(color) {
-        const colorValue = color.value, rgbColor = colorValue.rgb ?? color.value;
-        if (rgbColor.r !== undefined) {
-            return {
-                r: getRangeValue(rgbColor.r),
-                g: getRangeValue(rgbColor.g),
-                b: getRangeValue(rgbColor.b),
-            };
-        }
-    }
-    parseString(input) {
-        if (!input.startsWith(this.stringPrefix)) {
-            return;
-        }
-        const regex = /rgba?\(\s*(\d{1,3})\s*[\s,]\s*(\d{1,3})\s*[\s,]\s*(\d{1,3})\s*([\s,]\s*(0|1|0?\.\d+|(\d{1,3})%)\s*)?\)/i, result = regex.exec(input), radix = 10, minLength = 4, defaultAlpha = 1;
-        return result
-            ? {
-                a: result.length > minLength ? 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/HslColorManager.js

@@ -1,49 +0,0 @@
-"use strict";
-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";
-        this.stringPrefix = "hsl";
-    }
-    handleColor(color) {
-        const colorValue = color.value, hslColor = colorValue.hsl ?? color.value;
-        if (hslColor.h !== undefined && hslColor.s !== undefined && hslColor.l !== undefined) {
-            return (0, ColorUtils_js_1.hslToRgb)(hslColor);
-        }
-    }
-    handleRangeColor(color) {
-        const colorValue = color.value, hslColor = colorValue.hsl ?? color.value;
-        if (hslColor.h !== undefined && hslColor.l !== undefined) {
-            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),
-            });
-        }
-    }
-    parseString(input) {
-        if (!input.startsWith("hsl")) {
-            return;
-        }
-        const regex = /hsla?\(\s*(\d+)\s*[\s,]\s*(\d+)%\s*[\s,]\s*(\d+)%\s*([\s,]\s*(0|1|0?\.\d+|(\d{1,3})%)\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[HslIndexes.a]) : defaultAlpha,
-                h: parseInt(result[HslIndexes.h], radix),
-                l: parseInt(result[HslIndexes.l], radix),
-                s: parseInt(result[HslIndexes.s], radix),
-            })
-            : undefined;
-    }
-}
-exports.HslColorManager = HslColorManager;

package/cjs/Utils/RgbColorManager.js

@@ -1,48 +0,0 @@
-"use strict";
-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";
-        this.stringPrefix = "rgb";
-    }
-    handleColor(color) {
-        const colorValue = color.value, rgbColor = colorValue.rgb ?? color.value;
-        if (rgbColor.r !== undefined) {
-            return rgbColor;
-        }
-    }
-    handleRangeColor(color) {
-        const colorValue = color.value, rgbColor = colorValue.rgb ?? color.value;
-        if (rgbColor.r !== undefined) {
-            return {
-                r: (0, NumberUtils_js_1.getRangeValue)(rgbColor.r),
-                g: (0, NumberUtils_js_1.getRangeValue)(rgbColor.g),
-                b: (0, NumberUtils_js_1.getRangeValue)(rgbColor.b),
-            };
-        }
-    }
-    parseString(input) {
-        if (!input.startsWith(this.stringPrefix)) {
-            return;
-        }
-        const regex = /rgba?\(\s*(\d{1,3})\s*[\s,]\s*(\d{1,3})\s*[\s,]\s*(\d{1,3})\s*([\s,]\s*(0|1|0?\.\d+|(\d{1,3})%)\s*)?\)/i, result = regex.exec(input), radix = 10, minLength = 4, defaultAlpha = 1;
-        return result
-            ? {
-                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;
-    }
-}
-exports.RgbColorManager = RgbColorManager;