@tsparticles/engine 4.0.0-beta.0 → 4.0.0-beta.10

package/umd/Utils/ColorUtils.js

@@ -1,395 +0,0 @@
-(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", "./MathUtils.js", "../Core/Utils/Constants.js", "./TypeUtils.js", "../Enums/Types/AlterType.js", "../Enums/AnimationStatus.js", "./Utils.js"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    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;
-    exports.alterHsl = alterHsl;
-    const MathUtils_js_1 = require("./MathUtils.js");
-    const Constants_js_1 = require("../Core/Utils/Constants.js");
-    const TypeUtils_js_1 = require("./TypeUtils.js");
-    const AlterType_js_1 = require("../Enums/Types/AlterType.js");
-    const AnimationStatus_js_1 = require("../Enums/AnimationStatus.js");
-    const Utils_js_1 = require("./Utils.js");
-    const styleCache = new Map(), maxCacheSize = 1000, firstIndex = 0, rgbFixedPrecision = 2, hslFixedPrecision = 2;
-    function getCachedStyle(key, generator) {
-        let cached = styleCache.get(key);
-        if (!cached) {
-            cached = generator();
-            if (styleCache.size >= maxCacheSize) {
-                const keysToDelete = [...styleCache.keys()].slice(firstIndex, maxCacheSize * Constants_js_1.half);
-                keysToDelete.forEach(k => styleCache.delete(k));
-            }
-            styleCache.set(key, cached);
-        }
-        return cached;
-    }
-    function stringToRgba(engine, input) {
-        if (!input) {
-            return;
-        }
-        for (const manager of engine.colorManagers.values()) {
-            if (manager.accepts(input)) {
-                return manager.parseString(input);
-            }
-        }
-        return undefined;
-    }
-    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(engine, color.value, index, useIndex);
-        }
-        if ((0, TypeUtils_js_1.isArray)(color.value)) {
-            const value = (0, Utils_js_1.itemFromArray)(color.value, index, useIndex);
-            if (!value) {
-                return;
-            }
-            return rangeColorToRgb(engine, {
-                value,
-            });
-        }
-        for (const manager of engine.colorManagers.values()) {
-            const res = manager.handleRangeColor(color);
-            if (res) {
-                return res;
-            }
-        }
-        return undefined;
-    }
-    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 === Constants_js_1.randomColorValue ? getRandomRgbColor() : stringToRgb(engine, color.value);
-        }
-        if ((0, TypeUtils_js_1.isArray)(color.value)) {
-            const value = (0, Utils_js_1.itemFromArray)(color.value, index, useIndex);
-            if (!value) {
-                return;
-            }
-            return colorToRgb(engine, {
-                value,
-            });
-        }
-        for (const manager of engine.colorManagers.values()) {
-            const res = manager.handleColor(color);
-            if (res) {
-                return res;
-            }
-        }
-        return undefined;
-    }
-    function colorToHsl(engine, color, index, useIndex = true) {
-        const rgb = colorToRgb(engine, color, index, useIndex);
-        return rgb ? rgbToHsl(rgb) : undefined;
-    }
-    function rangeColorToHsl(engine, color, index, useIndex = true) {
-        const rgb = rangeColorToRgb(engine, color, index, useIndex);
-        return rgb ? rgbToHsl(rgb) : undefined;
-    }
-    function rgbToHsl(color) {
-        const r1 = color.r / Constants_js_1.rgbMax, g1 = color.g / Constants_js_1.rgbMax, b1 = color.b / Constants_js_1.rgbMax, max = Math.max(r1, g1, b1), min = Math.min(r1, g1, b1), res = {
-            h: Constants_js_1.hMin,
-            l: (max + min) * Constants_js_1.half,
-            s: Constants_js_1.sMin,
-        };
-        if (max !== min) {
-            res.s = res.l < Constants_js_1.half ? (max - min) / (max + min) : (max - min) / (Constants_js_1.double - max - min);
-            if (r1 === max) {
-                res.h = (g1 - b1) / (max - min);
-            }
-            else if (g1 === max) {
-                res.h = Constants_js_1.double + (b1 - r1) / (max - min);
-            }
-            else {
-                res.h = Constants_js_1.double * Constants_js_1.double + (r1 - g1) / (max - min);
-            }
-        }
-        res.l *= Constants_js_1.lMax;
-        res.s *= Constants_js_1.sMax;
-        res.h *= Constants_js_1.hPhase;
-        if (res.h < Constants_js_1.hMin) {
-            res.h += Constants_js_1.hMax;
-        }
-        if (res.h >= Constants_js_1.hMax) {
-            res.h -= Constants_js_1.hMax;
-        }
-        return res;
-    }
-    function stringToAlpha(engine, input) {
-        return stringToRgba(engine, input)?.a;
-    }
-    function stringToRgb(engine, input) {
-        return stringToRgba(engine, input);
-    }
-    function hslToRgb(hsl) {
-        const h = ((hsl.h % Constants_js_1.hMax) + Constants_js_1.hMax) % Constants_js_1.hMax, s = Math.max(Constants_js_1.sMin, Math.min(Constants_js_1.sMax, hsl.s)), l = Math.max(Constants_js_1.lMin, Math.min(Constants_js_1.lMax, hsl.l)), hNormalized = h / Constants_js_1.hMax, sNormalized = s / Constants_js_1.sMax, lNormalized = l / Constants_js_1.lMax;
-        if (s === Constants_js_1.sMin) {
-            const grayscaleValue = Math.round(lNormalized * Constants_js_1.rgbMax);
-            return { r: grayscaleValue, g: grayscaleValue, b: grayscaleValue };
-        }
-        const channel = (temp1, temp2, temp3) => {
-            const temp3Min = 0, temp3Max = 1;
-            if (temp3 < temp3Min) {
-                temp3++;
-            }
-            if (temp3 > temp3Max) {
-                temp3--;
-            }
-            if (temp3 * Constants_js_1.sextuple < temp3Max) {
-                return temp1 + (temp2 - temp1) * Constants_js_1.sextuple * temp3;
-            }
-            if (temp3 * Constants_js_1.double < temp3Max) {
-                return temp2;
-            }
-            if (temp3 * Constants_js_1.triple < temp3Max * Constants_js_1.double) {
-                const temp3Offset = Constants_js_1.double / Constants_js_1.triple;
-                return temp1 + (temp2 - temp1) * (temp3Offset - temp3) * Constants_js_1.sextuple;
-            }
-            return temp1;
-        }, temp1 = lNormalized < Constants_js_1.half
-            ? lNormalized * (Constants_js_1.sNormalizedOffset + sNormalized)
-            : lNormalized + sNormalized - lNormalized * sNormalized, temp2 = Constants_js_1.double * lNormalized - temp1, phaseThird = Constants_js_1.phaseNumerator / Constants_js_1.triple, red = Math.min(Constants_js_1.rgbMax, Constants_js_1.rgbMax * channel(temp2, temp1, hNormalized + phaseThird)), green = Math.min(Constants_js_1.rgbMax, Constants_js_1.rgbMax * channel(temp2, temp1, hNormalized)), blue = Math.min(Constants_js_1.rgbMax, Constants_js_1.rgbMax * channel(temp2, temp1, hNormalized - phaseThird));
-        return { r: Math.round(red), g: Math.round(green), b: Math.round(blue) };
-    }
-    function hslaToRgba(hsla) {
-        const rgbResult = hslToRgb(hsla);
-        return {
-            a: hsla.a,
-            b: rgbResult.b,
-            g: rgbResult.g,
-            r: rgbResult.r,
-        };
-    }
-    function getRandomRgbColor(min) {
-        const fixedMin = min ?? Constants_js_1.defaultRgbMin, fixedMax = Constants_js_1.rgbMax + Constants_js_1.identity, getRgbInRangeValue = () => Math.floor((0, MathUtils_js_1.getRandomInRange)(fixedMin, fixedMax));
-        return {
-            b: getRgbInRangeValue(),
-            g: getRgbInRangeValue(),
-            r: getRgbInRangeValue(),
-        };
-    }
-    function getStyleFromRgb(color, hdr, opacity) {
-        const op = opacity ?? Constants_js_1.defaultOpacity, key = `rgb-${color.r.toFixed(rgbFixedPrecision)}-${color.g.toFixed(rgbFixedPrecision)}-${color.b.toFixed(rgbFixedPrecision)}-${hdr ? "hdr" : "sdr"}-${op.toString()}`;
-        return getCachedStyle(key, () => (hdr ? getHdrStyleFromRgb(color, opacity) : getSdrStyleFromRgb(color, opacity)));
-    }
-    function getHdrStyleFromRgb(color, opacity) {
-        return `color(display-p3 ${(color.r / Constants_js_1.rgbMax).toString()} ${(color.g / Constants_js_1.rgbMax).toString()} ${(color.b / Constants_js_1.rgbMax).toString()} / ${(opacity ?? Constants_js_1.defaultOpacity).toString()})`;
-    }
-    function getSdrStyleFromRgb(color, opacity) {
-        return `rgba(${color.r.toString()}, ${color.g.toString()}, ${color.b.toString()}, ${(opacity ?? Constants_js_1.defaultOpacity).toString()})`;
-    }
-    function getStyleFromHsl(color, hdr, opacity) {
-        const op = opacity ?? Constants_js_1.defaultOpacity, key = `hsl-${color.h.toFixed(hslFixedPrecision)}-${color.s.toFixed(hslFixedPrecision)}-${color.l.toFixed(hslFixedPrecision)}-${hdr ? "hdr" : "sdr"}-${op.toString()}`;
-        return getCachedStyle(key, () => (hdr ? getHdrStyleFromHsl(color, opacity) : getSdrStyleFromHsl(color, opacity)));
-    }
-    function getHdrStyleFromHsl(color, opacity) {
-        return getHdrStyleFromRgb(hslToRgb(color), opacity);
-    }
-    function getSdrStyleFromHsl(color, opacity) {
-        return `hsla(${color.h.toString()}, ${color.s.toString()}%, ${color.l.toString()}%, ${(opacity ?? Constants_js_1.defaultOpacity).toString()})`;
-    }
-    function colorMix(color1, color2, size1, size2) {
-        let rgb1 = color1, rgb2 = color2;
-        if (!("r" in rgb1)) {
-            rgb1 = hslToRgb(color1);
-        }
-        if (!("r" in rgb2)) {
-            rgb2 = hslToRgb(color2);
-        }
-        return {
-            b: (0, MathUtils_js_1.mix)(rgb1.b, rgb2.b, size1, size2),
-            g: (0, MathUtils_js_1.mix)(rgb1.g, rgb2.g, size1, size2),
-            r: (0, MathUtils_js_1.mix)(rgb1.r, rgb2.r, size1, size2),
-        };
-    }
-    function getLinkColor(p1, p2, linkColor) {
-        if (linkColor === Constants_js_1.randomColorValue) {
-            return getRandomRgbColor();
-        }
-        else if (linkColor === Constants_js_1.midColorValue) {
-            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 ?? destColor;
-                if (hslColor) {
-                    return hslToRgb(hslColor);
-                }
-            }
-        }
-        else {
-            return linkColor;
-        }
-        return undefined;
-    }
-    function getLinkRandomColor(engine, optColor, blink, consent) {
-        const color = (0, TypeUtils_js_1.isString)(optColor) ? optColor : optColor.value;
-        if (color === Constants_js_1.randomColorValue) {
-            if (consent) {
-                return rangeColorToRgb(engine, {
-                    value: color,
-                });
-            }
-            if (blink) {
-                return Constants_js_1.randomColorValue;
-            }
-            return Constants_js_1.midColorValue;
-        }
-        else if (color === Constants_js_1.midColorValue) {
-            return Constants_js_1.midColorValue;
-        }
-        else {
-            return rangeColorToRgb(engine, {
-                value: color,
-            });
-        }
-    }
-    function getHslFromAnimation(animation) {
-        return animation === undefined
-            ? undefined
-            : {
-                h: animation.h.value,
-                s: animation.s.value,
-                l: animation.l.value,
-            };
-    }
-    function getHslAnimationFromHsl(hsl, animationOptions, reduceFactor) {
-        const resColor = {
-            h: {
-                enable: false,
-                value: hsl.h,
-                min: Constants_js_1.hMin,
-                max: Constants_js_1.hMax,
-            },
-            s: {
-                enable: false,
-                value: hsl.s,
-                min: Constants_js_1.sMin,
-                max: Constants_js_1.sMax,
-            },
-            l: {
-                enable: false,
-                value: hsl.l,
-                min: Constants_js_1.lMin,
-                max: Constants_js_1.lMax,
-            },
-        };
-        if (animationOptions) {
-            setColorAnimation(resColor.h, animationOptions.h, reduceFactor);
-            setColorAnimation(resColor.s, animationOptions.s, reduceFactor);
-            setColorAnimation(resColor.l, animationOptions.l, reduceFactor);
-        }
-        return resColor;
-    }
-    function setColorAnimation(colorValue, colorAnimation, reduceFactor) {
-        colorValue.enable = colorAnimation.enable;
-        colorValue.min = colorAnimation.min;
-        colorValue.max = colorAnimation.max;
-        if (colorValue.enable) {
-            colorValue.velocity = ((0, MathUtils_js_1.getRangeValue)(colorAnimation.speed) / Constants_js_1.percentDenominator) * reduceFactor;
-            colorValue.decay = Constants_js_1.decayOffset - (0, MathUtils_js_1.getRangeValue)(colorAnimation.decay);
-            colorValue.status = AnimationStatus_js_1.AnimationStatus.increasing;
-            colorValue.loops = Constants_js_1.defaultLoops;
-            colorValue.maxLoops = (0, MathUtils_js_1.getRangeValue)(colorAnimation.count);
-            colorValue.time = Constants_js_1.defaultTime;
-            colorValue.delayTime = (0, MathUtils_js_1.getRangeValue)(colorAnimation.delay) * Constants_js_1.millisecondsToSeconds;
-            if (!colorAnimation.sync) {
-                colorValue.velocity *= (0, MathUtils_js_1.getRandom)();
-                colorValue.value *= (0, MathUtils_js_1.getRandom)();
-            }
-            colorValue.initialValue = colorValue.value;
-            colorValue.offset = (0, MathUtils_js_1.setRangeValue)(colorAnimation.offset);
-        }
-        else {
-            colorValue.velocity = Constants_js_1.defaultVelocity;
-        }
-    }
-    function updateColorValue(data, decrease, delta) {
-        const minLoops = 0, minDelay = 0, identity = 1, minVelocity = 0, minOffset = 0, velocityFactor = 3.6;
-        if (!data.enable ||
-            ((data.maxLoops ?? minLoops) > minLoops && (data.loops ?? minLoops) > (data.maxLoops ?? minLoops))) {
-            return;
-        }
-        data.time ??= 0;
-        if ((data.delayTime ?? minDelay) > minDelay && data.time < (data.delayTime ?? minDelay)) {
-            data.time += delta.value;
-        }
-        if ((data.delayTime ?? minDelay) > minDelay && data.time < (data.delayTime ?? minDelay)) {
-            return;
-        }
-        const offset = data.offset ? (0, MathUtils_js_1.randomInRangeValue)(data.offset) : minOffset, velocity = (data.velocity ?? minVelocity) * delta.factor + offset * velocityFactor, decay = data.decay ?? identity, max = data.max, min = data.min;
-        if (!decrease || data.status === AnimationStatus_js_1.AnimationStatus.increasing) {
-            data.value += velocity;
-            if (data.value > max) {
-                data.loops ??= 0;
-                data.loops++;
-                if (decrease) {
-                    data.status = AnimationStatus_js_1.AnimationStatus.decreasing;
-                }
-                else {
-                    data.value -= max;
-                }
-            }
-        }
-        else {
-            data.value -= velocity;
-            if (data.value < min) {
-                data.loops ??= 0;
-                data.loops++;
-                data.status = AnimationStatus_js_1.AnimationStatus.increasing;
-            }
-        }
-        if (data.velocity && decay !== identity) {
-            data.velocity *= decay;
-        }
-        data.value = (0, MathUtils_js_1.clamp)(data.value, min, max);
-    }
-    function updateColor(color, delta) {
-        if (!color) {
-            return;
-        }
-        const { h, s, l } = color;
-        updateColorValue(h, false, delta);
-        updateColorValue(s, true, delta);
-        updateColorValue(l, true, delta);
-    }
-    function alterHsl(color, type, value) {
-        return {
-            h: color.h,
-            s: color.s,
-            l: color.l + (type === AlterType_js_1.AlterType.darken ? -Constants_js_1.lFactor : Constants_js_1.lFactor) * value,
-        };
-    }
-});

package/umd/Utils/EventDispatcher.js

@@ -1,63 +0,0 @@
-(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", "../Core/Utils/Constants.js"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.EventDispatcher = void 0;
-    const Constants_js_1 = require("../Core/Utils/Constants.js");
-    class EventDispatcher {
-        _listeners;
-        constructor() {
-            this._listeners = new Map();
-        }
-        addEventListener(type, listener) {
-            this.removeEventListener(type, listener);
-            let arr = this._listeners.get(type);
-            if (!arr) {
-                arr = [];
-                this._listeners.set(type, arr);
-            }
-            arr.push(listener);
-        }
-        dispatchEvent(type, args) {
-            const listeners = this._listeners.get(type);
-            listeners?.forEach(handler => {
-                handler(args);
-            });
-        }
-        hasEventListener(type) {
-            return !!this._listeners.get(type);
-        }
-        removeAllEventListeners(type) {
-            if (!type) {
-                this._listeners = new Map();
-            }
-            else {
-                this._listeners.delete(type);
-            }
-        }
-        removeEventListener(type, listener) {
-            const arr = this._listeners.get(type);
-            if (!arr) {
-                return;
-            }
-            const length = arr.length, idx = arr.indexOf(listener);
-            if (idx < Constants_js_1.minIndex) {
-                return;
-            }
-            if (length === Constants_js_1.deleteCount) {
-                this._listeners.delete(type);
-            }
-            else {
-                arr.splice(idx, Constants_js_1.deleteCount);
-            }
-        }
-    }
-    exports.EventDispatcher = EventDispatcher;
-});

package/umd/Utils/LogUtils.js

@@ -1,36 +0,0 @@
-(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 });
-    exports.setLogger = setLogger;
-    exports.getLogger = getLogger;
-    const errorPrefix = "tsParticles - Error";
-    const _logger = {
-        debug: console.debug,
-        error: (message, optionalParams) => {
-            console.error(`${errorPrefix} - ${message}`, optionalParams);
-        },
-        info: console.info,
-        log: console.log,
-        verbose: console.log,
-        warning: console.warn,
-    };
-    function setLogger(logger) {
-        _logger.debug = logger.debug;
-        _logger.error = logger.error;
-        _logger.info = logger.info;
-        _logger.log = logger.log;
-        _logger.verbose = logger.verbose;
-        _logger.warning = logger.warning;
-    }
-    function getLogger() {
-        return _logger;
-    }
-});