@tsparticles/engine 3.3.0 → 3.5.0

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

@@ -1,12 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DivEvent = void 0;
+const DivType_js_1 = require("../../../../Enums/Types/DivType.js");
 class DivEvent {
     constructor() {
         this.selectors = [];
         this.enable = false;
         this.mode = [];
-        this.type = "circle";
+        this.type = DivType_js_1.DivType.circle;
     }
     load(data) {
         if (!data) {

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

@@ -20,7 +20,7 @@ class Events {
         this.onClick.load(data.onClick);
         const onDiv = data.onDiv;
         if (onDiv !== undefined) {
-            this.onDiv = (0, Utils_js_1.executeOnSingleOrMultiple)(onDiv, (t) => {
+            this.onDiv = (0, Utils_js_1.executeOnSingleOrMultiple)(onDiv, t => {
                 const tmp = new DivEvent_js_1.DivEvent();
                 tmp.load(t);
                 return tmp;

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

@@ -2,10 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Interactivity = void 0;
 const Events_js_1 = require("./Events/Events.js");
+const InteractivityDetect_js_1 = require("../../../Enums/InteractivityDetect.js");
 const Modes_js_1 = require("./Modes/Modes.js");
 class Interactivity {
     constructor(engine, container) {
-        this.detectsOn = "window";
+        this.detectsOn = InteractivityDetect_js_1.InteractivityDetect.window;
         this.events = new Events_js_1.Events();
         this.modes = new Modes_js_1.Modes(engine, container);
     }

package/cjs/Options/Classes/ManualParticle.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ManualParticle = void 0;
+const PixelMode_js_1 = require("../../Enums/Modes/PixelMode.js");
 const Utils_js_1 = require("../../Utils/Utils.js");
 const defaultPosition = 50;
 class ManualParticle {
@@ -12,7 +13,7 @@ class ManualParticle {
             this.position = {
                 x: data.position.x ?? defaultPosition,
                 y: data.position.y ?? defaultPosition,
-                mode: data.position.mode ?? "percent",
+                mode: data.position.mode ?? PixelMode_js_1.PixelMode.percent,
             };
         }
         if (data.options) {

package/cjs/Options/Classes/Options.js

@@ -8,17 +8,19 @@ const FullScreen_js_1 = require("./FullScreen/FullScreen.js");
 const Interactivity_js_1 = require("./Interactivity/Interactivity.js");
 const ManualParticle_js_1 = require("./ManualParticle.js");
 const Responsive_js_1 = require("./Responsive.js");
+const ResponsiveMode_js_1 = require("../../Enums/Modes/ResponsiveMode.js");
 const Theme_js_1 = require("./Theme/Theme.js");
+const ThemeMode_js_1 = require("../../Enums/Modes/ThemeMode.js");
 const TypeUtils_js_1 = require("../../Utils/TypeUtils.js");
 const OptionsUtils_js_1 = require("../../Utils/OptionsUtils.js");
 const NumberUtils_js_1 = require("../../Utils/NumberUtils.js");
 class Options {
     constructor(engine, container) {
-        this._findDefaultTheme = (mode) => {
-            return (this.themes.find((theme) => theme.default.value && theme.default.mode === mode) ??
-                this.themes.find((theme) => theme.default.value && theme.default.mode === "any"));
+        this._findDefaultTheme = mode => {
+            return (this.themes.find(theme => theme.default.value && theme.default.mode === mode) ??
+                this.themes.find(theme => theme.default.value && theme.default.mode === ThemeMode_js_1.ThemeMode.any));
         };
-        this._importPreset = (preset) => {
+        this._importPreset = preset => {
             this.load(this._engine.getPreset(preset));
         };
         this._engine = engine;
@@ -49,7 +51,7 @@ class Options {
             return;
         }
         if (data.preset !== undefined) {
-            (0, Utils_js_1.executeOnSingleOrMultiple)(data.preset, (preset) => this._importPreset(preset));
+            (0, Utils_js_1.executeOnSingleOrMultiple)(data.preset, preset => this._importPreset(preset));
         }
         if (data.autoPlay !== undefined) {
             this.autoPlay = data.autoPlay;
@@ -97,7 +99,7 @@ class Options {
         this.backgroundMask.load(data.backgroundMask);
         this.interactivity.load(data.interactivity);
         if (data.manualParticles) {
-            this.manualParticles = data.manualParticles.map((t) => {
+            this.manualParticles = data.manualParticles.map(t => {
                 const tmp = new ManualParticle_js_1.ManualParticle();
                 tmp.load(t);
                 return tmp;
@@ -127,7 +129,7 @@ class Options {
         this.responsive.sort((a, b) => a.maxWidth - b.maxWidth);
         if (data.themes !== undefined) {
             for (const theme of data.themes) {
-                const existingTheme = this.themes.find((t) => t.name === theme.name);
+                const existingTheme = this.themes.find(t => t.name === theme.name);
                 if (!existingTheme) {
                     const optTheme = new Theme_js_1.Theme();
                     optTheme.load(theme);
@@ -138,24 +140,24 @@ class Options {
                 }
             }
         }
-        this.defaultThemes.dark = this._findDefaultTheme("dark")?.name;
-        this.defaultThemes.light = this._findDefaultTheme("light")?.name;
+        this.defaultThemes.dark = this._findDefaultTheme(ThemeMode_js_1.ThemeMode.dark)?.name;
+        this.defaultThemes.light = this._findDefaultTheme(ThemeMode_js_1.ThemeMode.light)?.name;
     }
     setResponsive(width, pxRatio, defaultOptions) {
         this.load(defaultOptions);
-        const responsiveOptions = this.responsive.find((t) => t.mode === "screen" && screen ? t.maxWidth > screen.availWidth : t.maxWidth * pxRatio > width);
+        const responsiveOptions = this.responsive.find(t => t.mode === ResponsiveMode_js_1.ResponsiveMode.screen && screen ? t.maxWidth > screen.availWidth : t.maxWidth * pxRatio > width);
         this.load(responsiveOptions?.options);
         return responsiveOptions?.maxWidth;
     }
     setTheme(name) {
         if (name) {
-            const chosenTheme = this.themes.find((theme) => theme.name === name);
+            const chosenTheme = this.themes.find(theme => theme.name === name);
             if (chosenTheme) {
                 this.load(chosenTheme.options);
             }
         }
         else {
-            const mediaMatch = (0, Utils_js_1.safeMatchMedia)("(prefers-color-scheme: dark)"), clientDarkMode = mediaMatch && mediaMatch.matches, defaultTheme = this._findDefaultTheme(clientDarkMode ? "dark" : "light");
+            const mediaMatch = (0, Utils_js_1.safeMatchMedia)("(prefers-color-scheme: dark)"), clientDarkMode = mediaMatch?.matches, defaultTheme = this._findDefaultTheme(clientDarkMode ? ThemeMode_js_1.ThemeMode.dark : ThemeMode_js_1.ThemeMode.light);
             if (defaultTheme) {
                 this.load(defaultTheme.options);
             }

package/cjs/Options/Classes/Particles/Collisions/Collisions.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Collisions = void 0;
+const CollisionMode_js_1 = require("../../../../Enums/Modes/CollisionMode.js");
 const CollisionsAbsorb_js_1 = require("./CollisionsAbsorb.js");
 const CollisionsOverlap_js_1 = require("./CollisionsOverlap.js");
 const ParticlesBounce_js_1 = require("../Bounce/ParticlesBounce.js");
@@ -11,7 +12,7 @@ class Collisions {
         this.bounce = new ParticlesBounce_js_1.ParticlesBounce();
         this.enable = false;
         this.maxSpeed = 50;
-        this.mode = "bounce";
+        this.mode = CollisionMode_js_1.CollisionMode.bounce;
         this.overlap = new CollisionsOverlap_js_1.CollisionsOverlap();
     }
     load(data) {

package/cjs/Options/Classes/Particles/Move/Move.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Move = void 0;
+const MoveDirection_js_1 = require("../../../../Enums/Directions/MoveDirection.js");
 const TypeUtils_js_1 = require("../../../../Utils/TypeUtils.js");
 const MoveAngle_js_1 = require("./MoveAngle.js");
 const MoveAttract_js_1 = require("./MoveAttract.js");
@@ -18,7 +19,7 @@ class Move {
         this.center = new MoveCenter_js_1.MoveCenter();
         this.decay = 0;
         this.distance = {};
-        this.direction = "none";
+        this.direction = MoveDirection_js_1.MoveDirection.none;
         this.drift = 0;
         this.enable = false;
         this.gravity = new MoveGravity_js_1.MoveGravity();

package/cjs/Options/Classes/Particles/Move/MoveCenter.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MoveCenter = void 0;
+const PixelMode_js_1 = require("../../../../Enums/Modes/PixelMode.js");
 class MoveCenter {
     constructor() {
         this.x = 50;
         this.y = 50;
-        this.mode = "percent";
+        this.mode = PixelMode_js_1.PixelMode.percent;
         this.radius = 0;
     }
     load(data) {

package/cjs/Options/Classes/Particles/Move/OutModes.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.OutModes = void 0;
+const OutMode_js_1 = require("../../../../Enums/Modes/OutMode.js");
 class OutModes {
     constructor() {
-        this.default = "out";
+        this.default = OutMode_js_1.OutMode.out;
     }
     load(data) {
         if (!data) {

package/cjs/Options/Classes/Particles/Number/ParticlesNumberLimit.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ParticlesNumberLimit = void 0;
+const LimitMode_js_1 = require("../../../../Enums/Modes/LimitMode.js");
 class ParticlesNumberLimit {
     constructor() {
-        this.mode = "delete";
+        this.mode = LimitMode_js_1.LimitMode.delete;
         this.value = 0;
     }
     load(data) {

package/cjs/Options/Classes/Particles/Opacity/OpacityAnimation.js

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

package/cjs/Options/Classes/Particles/ParticlesOptions.js

@@ -68,7 +68,7 @@ class ParticlesOptions {
         }
         const strokeToLoad = data.stroke;
         if (strokeToLoad) {
-            this.stroke = (0, Utils_js_1.executeOnSingleOrMultiple)(strokeToLoad, (t) => {
+            this.stroke = (0, Utils_js_1.executeOnSingleOrMultiple)(strokeToLoad, t => {
                 const tmp = new Stroke_js_1.Stroke();
                 tmp.load(t);
                 return tmp;

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,20 +1,34 @@
 "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;
+exports.drawLine = drawLine;
+exports.paintBase = paintBase;
+exports.paintImage = paintImage;
+exports.clear = clear;
+exports.drawParticle = drawParticle;
+exports.drawEffect = drawEffect;
+exports.drawShape = drawShape;
+exports.drawShapeAfterDraw = drawShapeAfterDraw;
+exports.drawPlugin = drawPlugin;
+exports.drawParticlePlugin = drawParticlePlugin;
+exports.alterHsl = alterHsl;
+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);
     context.lineTo(end.x, end.y);
     context.closePath();
 }
-exports.drawLine = drawLine;
 function paintBase(context, dimension, baseColor) {
     context.fillStyle = baseColor ?? "rgba(0,0,0,0)";
     context.fillRect(origin.x, origin.y, dimension.width, dimension.height);
 }
-exports.paintBase = paintBase;
 function paintImage(context, dimension, image, opacity) {
     if (!image) {
         return;
@@ -23,20 +37,18 @@ function paintImage(context, dimension, image, opacity) {
     context.drawImage(image, origin.x, origin.y, dimension.width, dimension.height);
     context.globalAlpha = 1;
 }
-exports.paintImage = paintImage;
 function clear(context, dimension) {
     context.clearRect(origin.x, origin.y, dimension.width, dimension.height);
 }
-exports.clear = clear;
 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) {
@@ -73,7 +85,6 @@ function drawParticle(data) {
     context.globalCompositeOperation = "source-over";
     context.resetTransform();
 }
-exports.drawParticle = drawParticle;
 function drawEffect(data) {
     const { container, context, particle, radius, opacity, delta, transformData } = data;
     if (!particle.effect) {
@@ -93,7 +104,6 @@ function drawEffect(data) {
         transformData: { ...transformData },
     });
 }
-exports.drawEffect = drawEffect;
 function drawShape(data) {
     const { container, context, particle, radius, opacity, delta, strokeWidth, transformData } = data, minStrokeWidth = 0;
     if (!particle.shape) {
@@ -123,7 +133,6 @@ function drawShape(data) {
         context.fill();
     }
 }
-exports.drawShape = drawShape;
 function drawShapeAfterDraw(data) {
     const { container, context, particle, radius, opacity, delta, transformData } = data;
     if (!particle.shape) {
@@ -143,27 +152,23 @@ function drawShapeAfterDraw(data) {
         transformData: { ...transformData },
     });
 }
-exports.drawShapeAfterDraw = drawShapeAfterDraw;
 function drawPlugin(context, plugin, delta) {
     if (!plugin.draw) {
         return;
     }
     plugin.draw(context, delta);
 }
-exports.drawPlugin = drawPlugin;
 function drawParticlePlugin(context, plugin, particle, delta) {
     if (!plugin.drawParticle) {
         return;
     }
     plugin.drawParticle(context, particle, delta);
 }
-exports.drawParticlePlugin = drawParticlePlugin;
 function alterHsl(color, type, value) {
     const lFactor = 1;
     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

@@ -1,15 +1,41 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateColor = exports.updateColorValue = 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;
+exports.addColorManager = addColorManager;
+exports.rangeColorToRgb = rangeColorToRgb;
+exports.colorToRgb = colorToRgb;
+exports.colorToHsl = colorToHsl;
+exports.rangeColorToHsl = rangeColorToHsl;
+exports.rgbToHsl = rgbToHsl;
+exports.stringToAlpha = stringToAlpha;
+exports.stringToRgb = stringToRgb;
+exports.hslToRgb = hslToRgb;
+exports.hslaToRgba = hslaToRgba;
+exports.getRandomRgbColor = getRandomRgbColor;
+exports.getStyleFromRgb = getStyleFromRgb;
+exports.getStyleFromHsl = getStyleFromHsl;
+exports.colorMix = colorMix;
+exports.getLinkColor = getLinkColor;
+exports.getLinkRandomColor = getLinkRandomColor;
+exports.getHslFromAnimation = getHslFromAnimation;
+exports.getHslAnimationFromHsl = getHslAnimationFromHsl;
+exports.updateColorValue = updateColorValue;
+exports.updateColor = updateColor;
 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);
 }
-exports.addColorManager = addColorManager;
 function stringToRgba(input) {
     for (const [, manager] of colorManagers) {
         if (input.startsWith(manager.stringPrefix)) {
@@ -21,12 +47,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;
 }
@@ -50,7 +76,6 @@ function rangeColorToRgb(input, index, useIndex = true) {
         }
     }
 }
-exports.rangeColorToRgb = rangeColorToRgb;
 function colorToRgb(input, index, useIndex = true) {
     if (!input) {
         return;
@@ -71,17 +96,14 @@ function colorToRgb(input, index, useIndex = true) {
         }
     }
 }
-exports.colorToRgb = colorToRgb;
 function colorToHsl(color, index, useIndex = true) {
     const rgb = colorToRgb(color, index, useIndex);
     return rgb ? rgbToHsl(rgb) : undefined;
 }
-exports.colorToHsl = colorToHsl;
 function rangeColorToHsl(color, index, useIndex = true) {
     const rgb = rangeColorToRgb(color, index, useIndex);
     return rgb ? rgbToHsl(rgb) : undefined;
 }
-exports.rangeColorToHsl = rangeColorToHsl;
 function rgbToHsl(color) {
     const rgbMax = 255, hMax = 360, sMax = 100, lMax = 100, hMin = 0, sMin = 0, hPhase = 60, half = 0.5, double = 2, r1 = color.r / rgbMax, g1 = color.g / rgbMax, b1 = color.b / rgbMax, max = Math.max(r1, g1, b1), min = Math.min(r1, g1, b1), res = {
         h: hMin,
@@ -106,15 +128,12 @@ function rgbToHsl(color) {
     }
     return res;
 }
-exports.rgbToHsl = rgbToHsl;
 function stringToAlpha(input) {
     return stringToRgba(input)?.a;
 }
-exports.stringToAlpha = stringToAlpha;
 function stringToRgb(input) {
     return stringToRgba(input);
 }
-exports.stringToRgb = stringToRgb;
 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;
     if (s === sMin) {
@@ -145,7 +164,6 @@ function hslToRgb(hsl) {
         : lNormalized + sNormalized - lNormalized * sNormalized, temp2 = double * lNormalized - temp1, phaseNumerator = 1, phaseThird = phaseNumerator / triple, red = Math.min(rgbFactor, rgbFactor * channel(temp2, temp1, hNormalized + phaseThird)), green = Math.min(rgbFactor, rgbFactor * channel(temp2, temp1, hNormalized)), blue = Math.min(rgbFactor, rgbFactor * channel(temp2, temp1, hNormalized - phaseThird));
     return { r: Math.round(red), g: Math.round(green), b: Math.round(blue) };
 }
-exports.hslToRgb = hslToRgb;
 function hslaToRgba(hsla) {
     const rgbResult = hslToRgb(hsla);
     return {
@@ -155,7 +173,6 @@ function hslaToRgba(hsla) {
         r: rgbResult.r,
     };
 }
-exports.hslaToRgba = hslaToRgba;
 function getRandomRgbColor(min) {
     const defaultMin = 0, fixedMin = min ?? defaultMin, rgbMax = 256;
     return {
@@ -164,17 +181,14 @@ function getRandomRgbColor(min) {
         r: Math.floor((0, NumberUtils_js_1.randomInRange)((0, NumberUtils_js_1.setRangeValue)(fixedMin, rgbMax))),
     };
 }
-exports.getRandomRgbColor = getRandomRgbColor;
 function getStyleFromRgb(color, opacity) {
     const defaultOpacity = 1;
     return `rgba(${color.r}, ${color.g}, ${color.b}, ${opacity ?? defaultOpacity})`;
 }
-exports.getStyleFromRgb = getStyleFromRgb;
 function getStyleFromHsl(color, opacity) {
     const defaultOpacity = 1;
     return `hsla(${color.h}, ${color.s}%, ${color.l}%, ${opacity ?? defaultOpacity})`;
 }
-exports.getStyleFromHsl = getStyleFromHsl;
 function colorMix(color1, color2, size1, size2) {
     let rgb1 = color1, rgb2 = color2;
     if (rgb1.r === undefined) {
@@ -189,7 +203,6 @@ function colorMix(color1, color2, size1, size2) {
         r: (0, NumberUtils_js_1.mix)(rgb1.r, rgb2.r, size1, size2),
     };
 }
-exports.colorMix = colorMix;
 function getLinkColor(p1, p2, linkColor) {
     if (linkColor === randomColorValue) {
         return getRandomRgbColor();
@@ -210,7 +223,6 @@ function getLinkColor(p1, p2, linkColor) {
         return linkColor;
     }
 }
-exports.getLinkColor = getLinkColor;
 function getLinkRandomColor(optColor, blink, consent) {
     const color = (0, TypeUtils_js_1.isString)(optColor) ? optColor : optColor.value;
     if (color === randomColorValue) {
@@ -233,7 +245,6 @@ function getLinkRandomColor(optColor, blink, consent) {
         });
     }
 }
-exports.getLinkRandomColor = getLinkRandomColor;
 function getHslFromAnimation(animation) {
     return animation !== undefined
         ? {
@@ -243,7 +254,6 @@ function getHslFromAnimation(animation) {
         }
         : undefined;
 }
-exports.getHslFromAnimation = getHslFromAnimation;
 function getHslAnimationFromHsl(hsl, animationOptions, reduceFactor) {
     const resColor = {
         h: {
@@ -266,14 +276,13 @@ function getHslAnimationFromHsl(hsl, animationOptions, reduceFactor) {
     }
     return resColor;
 }
-exports.getHslAnimationFromHsl = getHslAnimationFromHsl;
 function setColorAnimation(colorValue, colorAnimation, reduceFactor) {
     colorValue.enable = colorAnimation.enable;
     const defaultVelocity = 0, decayOffset = 1, defaultLoops = 0, defaultTime = 0;
     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 +315,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 +323,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 +338,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) {
@@ -337,7 +346,6 @@ function updateColorValue(data, range, decrease, delta) {
     }
     data.value = (0, NumberUtils_js_1.clamp)(data.value, min, max);
 }
-exports.updateColorValue = updateColorValue;
 function updateColor(color, delta) {
     if (!color) {
         return;
@@ -358,4 +366,3 @@ function updateColor(color, delta) {
         updateColorValue(l, ranges.l, true, delta);
     }
 }
-exports.updateColor = updateColor;

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);