@tsparticles/stencil 4.3.1 → 4.4.0

package/dist/esm/{Container-COqetWkt.js → Container-DJBmSrgJ.js}

@@ -1,4 +1,4 @@
-import { R as RangeType, c as checkDistance, s as squareExp, a as isNull, b as setRangeValue, h as hMin, d as hMax, l as lMin, e as lMax, f as sMin, g as sMax, j as isString, k as isArray, m as deepExtend, P as PixelMode, O as OutMode, M as MoveDirection, n as isNumber, o as isObject, L as LimitMode, p as executeOnSingleOrMultiple, q as isBoolean, r as itemFromArray, u as defaultOpacity, v as randomColorValue, A as AlterType, w as lFactor, x as half, y as double, z as hPhase, B as rgbMax, C as getRandomInRange, D as identity, E as defaultRgbMin, F as maxNits, G as sextuple, H as triple, I as phaseNumerator, J as sNormalizedOffset, K as originPoint, N as DrawLayer, Q as minimumSize, S as defaultCompositeValue, T as minStrokeWidth, U as defaultZoom, V as getLogger, W as zIndexFactorOffset, X as defaultTransformValue, Y as safeMutationObserver, Z as generatedAttribute, _ as cloneStyle, $ as safeMatchMedia, a0 as getFullScreenStyle, a1 as safeDocument, a2 as millisecondsToSeconds, a3 as manageListener, a4 as visibilityChangeEvent, a5 as resizeEvent, a6 as Vector3d, a7 as EventType, a8 as defaultAngle, a9 as defaultTransform, aa as defaultRetryCount, ab as tryCountIncrement, ac as getParticleBaseVelocity, ad as randomInRangeValue, ae as getRandom, af as OutModeDirection, ag as clamp, ah as minZ, ai as getPosition, aj as getParticleDirectionAngle, ak as ParticleOutType, al as Vector, am as calcExactPositionOrRandomFromSize, an as getRangeValue, ao as itemFromSingleOrMultiple, ap as isInArray, aq as doublePI, ar as degToRad, as as spatialHashGridCellSize, at as minLimit, au as minCount, av as minIndex, aw as defaultRemoveQuantity, ax as defaultDensityFactor, ay as deleteCount, az as countOffset, aA as one, aB as defaultRatio, aC as defaultReduceFactor, aD as animate, aE as defaultFpsLimit, aF as minFpsLimit, aG as cancelAnimation, aH as defaultFps } from './index-uBrXcY8m.js';
+import { R as RangeType, c as checkDistance, s as squareExp, a as isNull, b as setRangeValue, h as hMin, d as hMax, l as lMin, e as lMax, f as sMin, g as sMax, j as isString, k as isArray, H as HdrMode, m as isBoolean, n as isNumber, o as deepExtend, P as PixelMode, O as OutMode, M as MoveDirection, p as isObject, L as LimitMode, q as executeOnSingleOrMultiple, r as itemFromArray, u as defaultOpacity, v as maxNits, w as randomColorValue, A as AlterType, x as lFactor, y as half, z as double, B as hPhase, C as rgbMax, D as getRandomInRange, E as identity, F as defaultRgbMin, G as clamp, I as none, J as one, K as sextuple, N as triple, Q as phaseNumerator, S as sNormalizedOffset, T as originPoint, U as DrawLayer, V as minimumSize, W as defaultCompositeValue, X as minStrokeWidth, Y as defaultZoom, Z as getLogger, _ as zIndexFactorOffset, $ as defaultTransformValue, a0 as safeMutationObserver, a1 as generatedAttribute, a2 as cloneStyle, a3 as safeMatchMedia, a4 as getFullScreenStyle, a5 as safeDocument, a6 as millisecondsToSeconds, a7 as manageListener, a8 as visibilityChangeEvent, a9 as resizeEvent, aa as Vector3d, ab as EventType, ac as defaultAngle, ad as defaultTransform, ae as defaultRetryCount, af as tryCountIncrement, ag as getParticleBaseVelocity, ah as randomInRangeValue, ai as getRandom, aj as OutModeDirection, ak as minZ, al as getPosition, am as getParticleDirectionAngle, an as ParticleOutType, ao as Vector, ap as calcExactPositionOrRandomFromSize, aq as getRangeValue, ar as itemFromSingleOrMultiple, as as isInArray, at as doublePI, au as degToRad, av as spatialHashGridCellSize, aw as minLimit, ax as minCount, ay as minIndex, az as defaultRemoveQuantity, aA as defaultDensityFactor, aB as deleteCount, aC as countOffset, aD as defaultRatio, aE as defaultReduceFactor, aF as animate, aG as defaultFpsLimit, aH as minFpsLimit, aI as cancelAnimation, aJ as defaultFps } from './index-D6pTafK8.js';
 
 class BaseRange {
     position;
@@ -239,6 +239,29 @@ class FullScreen extends OptionLoader {
     }
 }
 
+const defaultPeakNits = 400, minPeakNits = 0, toStringValue = (value) => String(value);
+class HDROptions extends OptionLoader {
+    enable = true;
+    mode = HdrMode.standard;
+    peakNits = defaultPeakNits;
+    doLoad(data) {
+        if (data.enable !== undefined && !isBoolean(data.enable)) {
+            throw new Error(`Invalid HDR "enable" value: expected a boolean, got "${String(data.enable)}"`);
+        }
+        if (data.mode !== undefined &&
+            (typeof data.mode !== "string" || !Object.values(HdrMode).includes(data.mode))) {
+            throw new Error(`Invalid HDR "mode" value: expected one of ${Object.values(HdrMode).join(", ")}, got "${toStringValue(data.mode)}"`);
+        }
+        if (data.peakNits !== undefined &&
+            (!isNumber(data.peakNits) || !Number.isFinite(data.peakNits) || data.peakNits <= minPeakNits)) {
+            throw new Error(`Invalid HDR "peakNits" value: expected a positive number, got "${String(data.peakNits)}"`);
+        }
+        loadProperty(this, "enable", data.enable);
+        loadProperty(this, "mode", data.mode);
+        loadProperty(this, "peakNits", data.peakNits);
+    }
+}
+
 class ResizeEvent extends OptionLoader {
     delay = 0.5;
     enable = true;
@@ -672,7 +695,7 @@ class Options extends OptionLoader {
     duration = 0;
     fpsLimit = 120;
     fullScreen;
-    hdr = true;
+    hdr;
     key;
     name;
     palette;
@@ -692,6 +715,7 @@ class Options extends OptionLoader {
         this.#container = container;
         this.background = new Background();
         this.fullScreen = new FullScreen();
+        this.hdr = new HDROptions();
         this.particles = loadParticlesOptions(this.#pluginManager, this.#container);
         this.resize = new ResizeEvent();
     }
@@ -714,7 +738,15 @@ class Options extends OptionLoader {
         loadProperty(this, "detectRetina", data.detectRetina);
         loadRangeProperty(this, "duration", data.duration);
         loadProperty(this, "fpsLimit", data.fpsLimit);
-        loadProperty(this, "hdr", data.hdr);
+        const hdrData = data.hdr;
+        if (isBoolean(hdrData)) {
+            this.hdr.enable = hdrData;
+            this.hdr.mode = HdrMode.standard;
+            this.hdr.peakNits = 400;
+        }
+        else {
+            this.hdr.load(hdrData);
+        }
         loadProperty(this, "pauseOnBlur", data.pauseOnBlur);
         loadProperty(this, "pauseOnOutsideViewport", data.pauseOnOutsideViewport);
         loadProperty(this, "zLayers", data.zLayers);
@@ -757,7 +789,7 @@ class Options extends OptionLoader {
     }
 }
 
-const styleCache = new Map(), maxStyleCacheSize = 2000, rgbFixedPrecision = 2, hslFixedPrecision = 2, hdrRgbFixedPrecision = 4, hdrHslFixedPrecision = 4, sdrReferenceWhiteNits = 203;
+const styleCache = new Map(), maxStyleCacheSize = 2000, rgbFixedPrecision = 2, hslFixedPrecision = 2, hdrRgbFixedPrecision = 4, hdrHslFixedPrecision = 4, sdrReferenceWhiteNits = 203, acesA = 2.51, acesB = 0.03, acesC = 2.43, acesD = 0.59, acesE = 0.14, saturationBoost = 1.15, lightnessBoost = 1.05, temperatureR = 1.05, temperatureB = 0.95, contrastFactor = 1.1, luminanceR = 0.2126, luminanceG = 0.7152, luminanceB = 0.0722, dynamicLuminanceFactor = 2, channelCount = 3;
 function getCachedStyle(key, generator) {
     let cached = styleCache.get(key);
     if (!cached) {
@@ -769,6 +801,42 @@ function getCachedStyle(key, generator) {
     }
     return cached;
 }
+function acesFilmic(x) {
+    return clamp((x * (acesA * x + acesB)) / (x * (acesC * x + acesD) + acesE), none, one);
+}
+function applyHdrModeAdjustments(r, g, b, mode, maxChannel) {
+    switch (mode) {
+        case HdrMode.vivid: {
+            const avg = (r + g + b) / channelCount;
+            return {
+                b: clamp(clamp(avg + (b - avg) * saturationBoost, none, maxChannel) * lightnessBoost, none, maxChannel),
+                g: clamp(clamp(avg + (g - avg) * saturationBoost, none, maxChannel) * lightnessBoost, none, maxChannel),
+                r: clamp(clamp(avg + (r - avg) * saturationBoost, none, maxChannel) * lightnessBoost, none, maxChannel),
+            };
+        }
+        case HdrMode.cinematic: {
+            const tempR = r * temperatureR, tempB = b * temperatureB, avg = (tempR + g + tempB) / channelCount;
+            return {
+                b: clamp(avg + (tempB - avg) * contrastFactor, none, maxChannel),
+                g: clamp(avg + (g - avg) * contrastFactor, none, maxChannel),
+                r: clamp(avg + (tempR - avg) * contrastFactor, none, maxChannel),
+            };
+        }
+        case HdrMode.dynamic: {
+            const luminance = luminanceR * r + luminanceG * g + luminanceB * b, vividWeight = Math.min(one, luminance * dynamicLuminanceFactor), naturalWeight = one - vividWeight, avg = (r + g + b) / channelCount, vividR = clamp(avg + (r - avg) * saturationBoost, none, maxChannel) * lightnessBoost, vividG = clamp(avg + (g - avg) * saturationBoost, none, maxChannel) * lightnessBoost, vividB = clamp(avg + (b - avg) * saturationBoost, none, maxChannel) * lightnessBoost;
+            return {
+                b: clamp(b * naturalWeight + vividB * vividWeight, none, maxChannel),
+                g: clamp(g * naturalWeight + vividG * vividWeight, none, maxChannel),
+                r: clamp(r * naturalWeight + vividR * vividWeight, none, maxChannel),
+            };
+        }
+        case HdrMode.standard:
+            return { b, g, r };
+        case HdrMode.natural:
+        default:
+            return { b, g, r };
+    }
+}
 function stringToRgba(pluginManager, input) {
     if (!input) {
         return;
@@ -906,21 +974,40 @@ function getRandomRgbColor(min, hdr) {
         r: getRgbInRangeValue(),
     };
 }
-function getStyleFromRgb(color, hdr, opacity) {
-    const rgbPrecision = hdr ? hdrRgbFixedPrecision : rgbFixedPrecision, op = opacity ?? defaultOpacity, key = `rgb-${color.r.toFixed(rgbPrecision)}-${color.g.toFixed(rgbPrecision)}-${color.b.toFixed(rgbPrecision)}-${hdr ? "hdr" : "sdr"}-${op.toString()}`;
-    return getCachedStyle(key, () => (hdr ? getHdrStyleFromRgb(color, opacity) : getSdrStyleFromRgb(color, opacity)));
+function getStyleFromRgb(color, hdr, opacity, peakNits, mode) {
+    const rgbPrecision = hdr ? hdrRgbFixedPrecision : rgbFixedPrecision, op = opacity ?? defaultOpacity, key = hdr
+        ? `rgb-${color.r.toFixed(rgbPrecision)}-${color.g.toFixed(rgbPrecision)}-${color.b.toFixed(rgbPrecision)}-hdr-${op.toString()}-${(peakNits ?? maxNits).toString()}-${mode ?? HdrMode.standard}`
+        : `rgb-${color.r.toFixed(rgbPrecision)}-${color.g.toFixed(rgbPrecision)}-${color.b.toFixed(rgbPrecision)}-sdr-${op.toString()}`;
+    return getCachedStyle(key, () => hdr ? getHdrStyleFromRgb(color, opacity, peakNits, mode) : getSdrStyleFromRgb(color, opacity));
 }
-function getHdrStyleFromRgb(color, opacity, peakNits = maxNits) {
-    const headroom = peakNits / sdrReferenceWhiteNits;
-    return `color(display-p3 ${((color.r / rgbMax) * headroom).toString()} ${((color.g / rgbMax) * headroom).toString()} ${((color.b / rgbMax) * headroom).toString()} / ${(opacity ?? defaultOpacity).toString()})`;
+function getHdrStyleFromRgb(color, opacity, peakNits = maxNits, mode = HdrMode.standard) {
+    const headroom = peakNits / sdrReferenceWhiteNits, middleGray = 0.18, mapped = hdrToneMapColor(color, headroom, middleGray, mode);
+    return `color(display-p3 ${mapped.r.toString()} ${mapped.g.toString()} ${mapped.b.toString()} / ${(opacity ?? defaultOpacity).toString()})`;
+}
+function hdrToneMapColor(color, headroom, middleGray, mode) {
+    const rNorm = color.r / rgbMax, gNorm = color.g / rgbMax, bNorm = color.b / rgbMax;
+    if (mode !== HdrMode.natural && mode !== HdrMode.vivid && mode !== HdrMode.cinematic && mode !== HdrMode.dynamic) {
+        return { b: bNorm, g: gNorm, r: rNorm };
+    }
+    const maxChannel = Math.max(one, headroom), luminance = luminanceR * rNorm + luminanceG * gNorm + luminanceB * bNorm, mappedLuminance = hdrToneMap(luminance, headroom, middleGray), scale = luminance > none ? mappedLuminance / luminance : one;
+    return applyHdrModeAdjustments(clamp(rNorm * scale, none, maxChannel), clamp(gNorm * scale, none, maxChannel), clamp(bNorm * scale, none, maxChannel), mode, maxChannel);
+}
+function hdrToneMap(normalized, headroom, middleGray) {
+    if (normalized <= middleGray) {
+        return acesFilmic(normalized);
+    }
+    const expanded = normalized + (normalized - middleGray) * (headroom - one);
+    return acesFilmic(expanded);
 }
 function getSdrStyleFromRgb(color, opacity) {
     return `rgba(${color.r.toString()}, ${color.g.toString()}, ${color.b.toString()}, ${(opacity ?? defaultOpacity).toString()})`;
 }
-function getStyleFromHsl(color, hdr, opacity) {
-    const hslPrecision = hdr ? hdrHslFixedPrecision : hslFixedPrecision, op = opacity ?? defaultOpacity, key = `hsl-${color.h.toFixed(hslPrecision)}-${color.s.toFixed(hslPrecision)}-${color.l.toFixed(hslPrecision)}-${hdr ? "hdr" : "sdr"}-${op.toString()}`;
+function getStyleFromHsl(color, hdr, opacity, peakNits, mode) {
+    const hslPrecision = hdr ? hdrHslFixedPrecision : hslFixedPrecision, op = opacity ?? defaultOpacity, key = hdr
+        ? `hsl-${color.h.toFixed(hslPrecision)}-${color.s.toFixed(hslPrecision)}-${color.l.toFixed(hslPrecision)}-hdr-${op.toString()}-${(peakNits ?? maxNits).toString()}-${mode ?? HdrMode.standard}`
+        : `hsl-${color.h.toFixed(hslPrecision)}-${color.s.toFixed(hslPrecision)}-${color.l.toFixed(hslPrecision)}-sdr-${op.toString()}`;
     return getCachedStyle(key, () => hdr
-        ? getStyleFromRgb(hslToRgbFloat(color), true, opacity)
+        ? getStyleFromRgb(hslToRgbFloat(color), true, opacity, peakNits, mode)
         : `hsla(${color.h.toString()}, ${color.s.toString()}%, ${color.l.toString()}%, ${op.toString()})`);
 }
 function getHslFromAnimation(animation) {
@@ -1058,7 +1145,11 @@ class RenderManager {
         if (!fColor && !sColor) {
             return;
         }
-        const container = this.#container, zIndexOptions = particle.options.zIndex, zIndexFactor = zIndexFactorOffset - particle.zIndexFactor, { fillOpacity, opacity, strokeOpacity } = particle.getOpacity(), transform = this.#reusableTransform, colorStyles = this.#reusableColorStyles, fill = fColor ? getStyleFromHsl(fColor, container.hdr, fillOpacity * opacity) : undefined, stroke = sColor ? getStyleFromHsl(sColor, container.hdr, strokeOpacity * opacity) : fill;
+        const container = this.#container, zIndexOptions = particle.options.zIndex, zIndexFactor = zIndexFactorOffset - particle.zIndexFactor, { fillOpacity, opacity, strokeOpacity } = particle.getOpacity(), transform = this.#reusableTransform, colorStyles = this.#reusableColorStyles, fill = fColor
+            ? getStyleFromHsl(fColor, container.hdr, fillOpacity * opacity, container.peakNits, container.hdrMode)
+            : undefined, stroke = sColor
+            ? getStyleFromHsl(sColor, container.hdr, strokeOpacity * opacity, container.peakNits, container.hdrMode)
+            : fill;
         transform.a = transform.b = transform.c = transform.d = undefined;
         colorStyles.fill = fill;
         colorStyles.stroke = stroke;
@@ -1392,7 +1483,9 @@ class RenderManager {
         if (typeof background.element === "string") {
             if (typeof document !== "undefined") {
                 const node = document.querySelector(background.element);
-                if (node instanceof HTMLCanvasElement || node instanceof HTMLVideoElement || node instanceof HTMLImageElement) {
+                if ((typeof HTMLCanvasElement !== "undefined" && node instanceof HTMLCanvasElement) ||
+                    (typeof HTMLVideoElement !== "undefined" && node instanceof HTMLVideoElement) ||
+                    (typeof HTMLImageElement !== "undefined" && node instanceof HTMLImageElement)) {
                     this.#backgroundElement = node;
                 }
                 else if (node) {
@@ -1403,10 +1496,10 @@ class RenderManager {
                 }
             }
         }
-        else if (background.element instanceof HTMLCanvasElement ||
-            background.element instanceof OffscreenCanvas ||
-            background.element instanceof HTMLVideoElement ||
-            background.element instanceof HTMLImageElement) {
+        else if ((typeof HTMLCanvasElement !== "undefined" && background.element instanceof HTMLCanvasElement) ||
+            (typeof OffscreenCanvas !== "undefined" && background.element instanceof OffscreenCanvas) ||
+            (typeof HTMLVideoElement !== "undefined" && background.element instanceof HTMLVideoElement) ||
+            (typeof HTMLImageElement !== "undefined" && background.element instanceof HTMLImageElement)) {
             this.#backgroundElement = background.element;
         }
     }
@@ -1474,6 +1567,7 @@ class CanvasManager {
     zoom = defaultZoom;
     #container;
     #generated;
+    #hdrMediaListeners;
     #mutationObserver;
     #originalStyle;
     #pluginManager;
@@ -1538,7 +1632,6 @@ class CanvasManager {
         });
         this.resize();
         this.#initStyle();
-        this.initBackground();
         this.#safeMutationObserver(obs => {
             const element = this.domElement;
             if (!element || !(element instanceof Node)) {
@@ -1548,6 +1641,8 @@ class CanvasManager {
         });
         this.initPlugins();
         this.#initContext();
+        this.initBackground();
+        this.#initHdrListeners();
         this.render.init();
     }
     initBackground() {
@@ -1557,7 +1652,8 @@ class CanvasManager {
         }
         const elementStyle = element.style, color = rangeColorToRgb(this.#pluginManager, background.color);
         if (color) {
-            elementStyle.backgroundColor = getStyleFromRgb(color, container.actualOptions.hdr, background.opacity);
+            const hdrOptions = container.actualOptions.hdr;
+            elementStyle.backgroundColor = getStyleFromRgb(color, container.hdr, background.opacity, hdrOptions.peakNits, hdrOptions.mode);
         }
         else {
             elementStyle.backgroundColor = "";
@@ -1654,6 +1750,7 @@ class CanvasManager {
             obs.disconnect();
         });
         this.#mutationObserver = undefined;
+        this.#removeHdrListeners();
         this.render.stop();
     }
     async windowResize() {
@@ -1673,9 +1770,16 @@ class CanvasManager {
         }
     }
     #initContext() {
-        const container = this.#container, canSupportHdr = container.actualOptions.hdr &&
+        const container = this.#container, canSupportHdr = container.actualOptions.hdr.enable &&
             safeMatchMedia("(color-gamut: p3)")?.matches &&
             safeMatchMedia("(dynamic-range: high)")?.matches;
+        container.hdr = canSupportHdr ?? false;
+        container.hdrMode = container.actualOptions.hdr.mode;
+        container.peakNits = container.actualOptions.hdr.peakNits;
+        const renderCanvas = this.renderCanvas;
+        if (!renderCanvas) {
+            return;
+        }
         this.render.setContextSettings({
             alpha: true,
             desynchronized: true,
@@ -1684,11 +1788,47 @@ class CanvasManager {
                 ? { colorSpace: "display-p3", colorType: "float16" }
                 : { colorSpace: "srgb" }),
         });
-        const renderCanvas = this.renderCanvas;
-        if (!renderCanvas) {
-            return;
+        let context;
+        try {
+            context = renderCanvas.getContext("2d", this.render.settings);
+        }
+        catch {
+            context = null;
+        }
+        if (canSupportHdr && !context) {
+            container.hdr = false;
+            const sdrSettings = {
+                alpha: true,
+                desynchronized: true,
+                willReadFrequently: false,
+                colorSpace: "srgb",
+            };
+            this.render.setContextSettings(sdrSettings);
+            try {
+                context = renderCanvas.getContext("2d", sdrSettings);
+            }
+            catch {
+                context = null;
+            }
         }
-        this.render.setContext(renderCanvas.getContext("2d", this.render.settings));
+        this.render.setContext(context);
+    }
+    #initHdrListeners() {
+        this.#removeHdrListeners();
+        const p3Query = safeMatchMedia("(color-gamut: p3)"), hdrQuery = safeMatchMedia("(dynamic-range: high)"), handleChange = () => {
+            this.#recreateRenderCanvas();
+            this.#initContext();
+            this.initBackground();
+        }, listeners = [];
+        if (p3Query) {
+            p3Query.addEventListener("change", handleChange);
+            listeners.push({ handler: handleChange, mql: p3Query });
+        }
+        if (hdrQuery) {
+            hdrQuery.addEventListener("change", handleChange);
+            listeners.push({ handler: handleChange, mql: hdrQuery });
+        }
+        this.#hdrMediaListeners = listeners;
     }
     #initStyle() {
         const element = this.domElement, options = this.#container.actualOptions;
@@ -1712,6 +1852,25 @@ class CanvasManager {
             element.style.setProperty(key, value, "important");
         }
     }
+    #recreateRenderCanvas() {
+        const renderCanvas = this.renderCanvas;
+        if (!renderCanvas) {
+            return;
+        }
+        if (this.domElement) {
+            return;
+        }
+        this.renderCanvas = new OffscreenCanvas(renderCanvas.width, renderCanvas.height);
+    }
+    #removeHdrListeners() {
+        if (!this.#hdrMediaListeners) {
+            return;
+        }
+        for (const { handler, mql } of this.#hdrMediaListeners) {
+            mql.removeEventListener("change", handler);
+        }
+        this.#hdrMediaListeners = undefined;
+    }
     #repairStyle() {
         const element = this.domElement;
         if (!element) {
@@ -2096,9 +2255,9 @@ class Particle {
     }
     getOpacity() {
         const zIndexOptions = this.options.zIndex, zIndexFactor = zIndexFactorOffset - this.zIndexFactor, zOpacityFactor = zIndexFactor ** zIndexOptions.opacityRate, baseOpacity = getRangeValue(this.opacity?.value ?? defaultOpacity), modifierOpacity = this.#applyModifiers(undefined, m => m.opacity), opacity = modifierOpacity ?? baseOpacity, fillOpacity = this.fillOpacity ?? defaultOpacity, strokeOpacity = this.strokeOpacity ?? defaultOpacity;
-        this.#cachedOpacityData.fillOpacity = opacity * fillOpacity * zOpacityFactor;
+        this.#cachedOpacityData.fillOpacity = fillOpacity;
         this.#cachedOpacityData.opacity = opacity * zOpacityFactor;
-        this.#cachedOpacityData.strokeOpacity = opacity * strokeOpacity * zOpacityFactor;
+        this.#cachedOpacityData.strokeOpacity = strokeOpacity;
         return this.#cachedOpacityData;
     }
     getPosition() {
@@ -2953,6 +3112,7 @@ class Container {
     effectDrawers;
     fpsLimit;
     hdr;
+    hdrMode;
     id;
     pageHidden;
     particleCreatedPlugins;
@@ -2960,6 +3120,7 @@ class Container {
     particlePositionPlugins;
     particleUpdaters;
     particles;
+    peakNits;
     plugins;
     retina;
     shapeDrawers;
@@ -2990,6 +3151,8 @@ class Container {
         this.id = Symbol(id);
         this.fpsLimit = 120;
         this.hdr = false;
+        this.hdrMode = HdrMode.standard;
+        this.peakNits = 400;
         this.#smooth = false;
         this.#delay = 0;
         this.#duration = 0;
@@ -3129,8 +3292,9 @@ class Container {
         this.updateActualOptions();
         this.canvas.initBackground();
         this.canvas.resize();
-        const { delay, duration, fpsLimit, hdr, smooth, zLayers } = this.actualOptions;
-        this.hdr = hdr;
+        const { delay, duration, fpsLimit, smooth, zLayers } = this.actualOptions, hdrOptions = this.actualOptions.hdr;
+        this.hdrMode = hdrOptions.mode;
+        this.peakNits = hdrOptions.peakNits;
         this.zLayers = zLayers;
         this.#duration = getRangeValue(duration) * millisecondsToSeconds;
         this.#delay = getRangeValue(delay) * millisecondsToSeconds;

package/dist/esm/{index-uBrXcY8m.js → index-D6pTafK8.js}

@@ -269,6 +269,9 @@ var PixelMode;
     PixelMode["percent"] = "percent";
 })(PixelMode || (PixelMode = {}));
 
+function isForbiddenKey(key) {
+    return key === "__proto__" || key === "constructor" || key === "prototype";
+}
 function hasMatchMedia() {
     return typeof matchMedia !== "undefined";
 }
@@ -317,7 +320,7 @@ function deepExtend(destination, ...sources) {
         if (!hasNested) {
             const sourceDict = source, destDict = destination;
             for (const key of sourceKeys) {
-                if (key === "__proto__" || key === "constructor" || key === "prototype") {
+                if (isForbiddenKey(key)) {
                     continue;
                 }
                 const v = sourceDict[key];
@@ -328,7 +331,7 @@ function deepExtend(destination, ...sources) {
             continue;
         }
         for (const key of sourceKeys) {
-            if (key === "__proto__" || key === "constructor" || key === "prototype") {
+            if (isForbiddenKey(key)) {
                 continue;
             }
             const sourceDict = source, destDict = destination, value = sourceDict[key];
@@ -744,7 +747,7 @@ class Engine {
         return this.#domArray;
     }
     get version() {
-        return "4.3.1";
+        return "4.4.0";
     }
     addEventListener(type, listener) {
         this.#eventDispatcher.addEventListener(type, listener);
@@ -779,7 +782,7 @@ class Engine {
         if (typeof HTMLElement !== "undefined" && params.element instanceof HTMLElement) {
             domSourceElement = params.element;
         }
-        const { Container } = await import('./Container-COqetWkt.js'), id = params.id ?? domSourceElement?.id ?? `tsparticles${Math.floor(getRandom() * loadRandomFactor).toString()}`, { index, url } = params, options = url ? await getDataFromUrl({ fallback: params.options, url, index }) : params.options, currentOptions = itemFromSingleOrMultiple(options, index), { items } = this, oldIndex = items.findIndex(v => v.id.description === id), newItem = new Container({
+        const { Container } = await import('./Container-DJBmSrgJ.js'), id = params.id ?? domSourceElement?.id ?? `tsparticles${Math.floor(getRandom() * loadRandomFactor).toString()}`, { index, url } = params, options = url ? await getDataFromUrl({ fallback: params.options, url, index }) : params.options, currentOptions = itemFromSingleOrMultiple(options, index), { items } = this, oldIndex = items.findIndex(v => v.id.description === id), newItem = new Container({
             dispatchCallback: (eventType, args) => {
                 this.dispatchEvent(eventType, args);
             },
@@ -825,6 +828,10 @@ class Engine {
 }
 
 function initEngine() {
+    const existing = globalThis.tsParticles;
+    if (existing?.pluginManager) {
+        return existing;
+    }
     return new Engine();
 }
 
@@ -849,6 +856,15 @@ var AnimationMode;
     AnimationMode["random"] = "random";
 })(AnimationMode || (AnimationMode = {}));
 
+var HdrMode;
+(function (HdrMode) {
+    HdrMode["standard"] = "standard";
+    HdrMode["natural"] = "natural";
+    HdrMode["vivid"] = "vivid";
+    HdrMode["cinematic"] = "cinematic";
+    HdrMode["dynamic"] = "dynamic";
+})(HdrMode || (HdrMode = {}));
+
 var LimitMode;
 (function (LimitMode) {
     LimitMode["delete"] = "delete";
@@ -956,4 +972,4 @@ async function waitForParticlesEngineInitialization() {
     await (initPromise !== null && initPromise !== void 0 ? initPromise : Promise.resolve());
 }
 
-export { safeMatchMedia as $, AlterType as A, rgbMax as B, getRandomInRange as C, identity as D, defaultRgbMin as E, maxNits as F, sextuple as G, triple as H, phaseNumerator as I, sNormalizedOffset as J, originPoint as K, LimitMode as L, MoveDirection as M, DrawLayer as N, OutMode as O, PixelMode as P, minimumSize as Q, RangeType as R, defaultCompositeValue as S, minStrokeWidth as T, defaultZoom as U, getLogger as V, zIndexFactorOffset as W, defaultTransformValue as X, safeMutationObserver as Y, generatedAttribute as Z, cloneStyle as _, isNull as a, getFullScreenStyle as a0, safeDocument as a1, millisecondsToSeconds as a2, manageListener as a3, visibilityChangeEvent as a4, resizeEvent as a5, Vector3d as a6, EventType as a7, defaultAngle as a8, defaultTransform as a9, one as aA, defaultRatio as aB, defaultReduceFactor as aC, animate as aD, defaultFpsLimit as aE, minFpsLimit as aF, cancelAnimation as aG, defaultFps as aH, isParticlesEngineInitialized as aI, waitForParticlesEngineInitialization as aJ, defaultRetryCount as aa, tryCountIncrement as ab, getParticleBaseVelocity as ac, randomInRangeValue as ad, getRandom as ae, OutModeDirection as af, clamp as ag, minZ as ah, getPosition as ai, getParticleDirectionAngle as aj, ParticleOutType as ak, Vector as al, calcExactPositionOrRandomFromSize as am, getRangeValue as an, itemFromSingleOrMultiple as ao, isInArray as ap, doublePI as aq, degToRad as ar, spatialHashGridCellSize as as, minLimit as at, minCount as au, minIndex as av, defaultRemoveQuantity as aw, defaultDensityFactor as ax, deleteCount as ay, countOffset as az, setRangeValue as b, checkDistance as c, hMax as d, lMax as e, sMin as f, sMax as g, hMin as h, initParticlesEngine as i, isString as j, isArray as k, lMin as l, deepExtend as m, isNumber as n, isObject as o, executeOnSingleOrMultiple as p, isBoolean as q, itemFromArray as r, squareExp as s, tsParticles as t, defaultOpacity as u, randomColorValue as v, lFactor as w, half as x, double as y, hPhase as z };
+export { defaultTransformValue as $, AlterType as A, hPhase as B, rgbMax as C, getRandomInRange as D, identity as E, defaultRgbMin as F, clamp as G, HdrMode as H, none as I, one as J, sextuple as K, LimitMode as L, MoveDirection as M, triple as N, OutMode as O, PixelMode as P, phaseNumerator as Q, RangeType as R, sNormalizedOffset as S, originPoint as T, DrawLayer as U, minimumSize as V, defaultCompositeValue as W, minStrokeWidth as X, defaultZoom as Y, getLogger as Z, zIndexFactorOffset as _, isNull as a, safeMutationObserver as a0, generatedAttribute as a1, cloneStyle as a2, safeMatchMedia as a3, getFullScreenStyle as a4, safeDocument as a5, millisecondsToSeconds as a6, manageListener as a7, visibilityChangeEvent as a8, resizeEvent as a9, defaultDensityFactor as aA, deleteCount as aB, countOffset as aC, defaultRatio as aD, defaultReduceFactor as aE, animate as aF, defaultFpsLimit as aG, minFpsLimit as aH, cancelAnimation as aI, defaultFps as aJ, isParticlesEngineInitialized as aK, waitForParticlesEngineInitialization as aL, Vector3d as aa, EventType as ab, defaultAngle as ac, defaultTransform as ad, defaultRetryCount as ae, tryCountIncrement as af, getParticleBaseVelocity as ag, randomInRangeValue as ah, getRandom as ai, OutModeDirection as aj, minZ as ak, getPosition as al, getParticleDirectionAngle as am, ParticleOutType as an, Vector as ao, calcExactPositionOrRandomFromSize as ap, getRangeValue as aq, itemFromSingleOrMultiple as ar, isInArray as as, doublePI as at, degToRad as au, spatialHashGridCellSize as av, minLimit as aw, minCount as ax, minIndex as ay, defaultRemoveQuantity as az, setRangeValue as b, checkDistance as c, hMax as d, lMax as e, sMin as f, sMax as g, hMin as h, initParticlesEngine as i, isString as j, isArray as k, lMin as l, isBoolean as m, isNumber as n, deepExtend as o, isObject as p, executeOnSingleOrMultiple as q, itemFromArray as r, squareExp as s, tsParticles as t, defaultOpacity as u, maxNits as v, randomColorValue as w, lFactor as x, half as y, double as z };

package/dist/esm/index.js

@@ -1 +1 @@
-export { i as initParticlesEngine, aI as isParticlesEngineInitialized, aJ as waitForParticlesEngineInitialization } from './index-uBrXcY8m.js';
+export { i as initParticlesEngine, aK as isParticlesEngineInitialized, aL as waitForParticlesEngineInitialization } from './index-D6pTafK8.js';

package/dist/esm/stencil-particles.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h } from './index-PhwiK2_P.js';
-import { i as initParticlesEngine, t as tsParticles } from './index-uBrXcY8m.js';
+import { i as initParticlesEngine, t as tsParticles } from './index-D6pTafK8.js';
 
 const StencilParticles = class {
     constructor(hostRef) {
@@ -46,7 +46,7 @@ const StencilParticles = class {
             }
             // Load particles directly onto the DOM element.
             // If a container-id is provided, use it so consumers can retrieve the container later.
-            const loadParams = Object.assign(Object.assign({ element: this.containerElement }, (this.containerId ? { id: this.containerId } : {})), (this.options ? { options: this.options } : { url: this.url }));
+            const loadParams = Object.assign(Object.assign(Object.assign({ element: this.containerElement }, (this.containerId ? { id: this.containerId } : {})), (this.options ? { options: this.options } : {})), (this.url ? { url: this.url } : {}));
             container = await tsParticles.load(loadParams);
         }
         catch (error) {
@@ -65,7 +65,7 @@ const StencilParticles = class {
         }
     }
     render() {
-        return (h("div", { key: 'f5fe33d147a1a606a75fe0d1ee385bacaf0e0b7d', id: this.containerId, ref: el => {
+        return (h("div", { key: 'a2468083e697bd937120a4e800456a12d80a6935', id: this.containerId, ref: el => {
                 this.containerElement = el;
             }, style: { width: "100%", height: "100%" } }));
     }

package/dist/tsparticlesstencil/index.esm.js

@@ -1 +1 @@
-export{i as initParticlesEngine,aI as isParticlesEngineInitialized,aJ as waitForParticlesEngineInitialization}from"./p-Buaac_o7.js";
+export{i as initParticlesEngine,aK as isParticlesEngineInitialized,aL as waitForParticlesEngineInitialization}from"./p-BayVYJDL.js";

package/dist/tsparticlesstencil/p-BayVYJDL.js

@@ -0,0 +1 @@
+const t="generated",n="source-over",e="resize",s="visibilitychange",a=100,i=.5,r=1e3,o={x:0,y:0,z:0},c={a:1,b:0,c:0,d:1},u="random",h=2,f=2*Math.PI,l=60,d="true",p="false",g="canvas",w=0,m=2,v=100,M=1,y=1,b=1,E=255,P=360,x=100,A=100,L=0,S=0,C=60,k=1,z=0,D=1,T=1,O=120,F=0,j=1,B=0,$=1,H=0,_=0,q=1,I=0,R=0,U=1,V=1,W=0,G=1,J=0,K=1,N=0,Z=400,Q=3,X=6,Y=1,tt=1,nt=0,et=1;var st;function at(t){return"z"in t?t.z:o.z}!function(t){t.bottom="bottom",t.bottomLeft="bottom-left",t.bottomRight="bottom-right",t.left="left",t.none="none",t.right="right",t.top="top",t.topLeft="top-left",t.topRight="top-right",t.outside="outside",t.inside="inside"}(st||(st={}));class it{x;y;z;constructor(t=o.x,n=o.y,e=o.z){this.x=t,this.y=n,this.z=e}static get origin(){return it.create(o.x,o.y,o.z)}get angle(){return Math.atan2(this.y,this.x)}set angle(t){this.#t(t,this.length)}get length(){return Math.sqrt(this.getLengthSq())}set length(t){this.#t(this.angle,t)}static clone(t){return it.create(t.x,t.y,at(t))}static create(t,n,e){return"number"==typeof t?new it(t,n??o.y,e??o.z):new it(t.x,t.y,at(t))}add(t){return it.create(this.x+t.x,this.y+t.y,this.z+at(t))}addTo(t){this.x+=t.x,this.y+=t.y,this.z+=at(t)}copy(){return it.clone(this)}div(t){return it.create(this.x/t,this.y/t,this.z/t)}getLengthSq(){return this.x**2+this.y**2}mult(t){return it.create(this.x*t,this.y*t,this.z*t)}multTo(t){this.x*=t,this.y*=t,this.z*=t}normalize(){const t=this.length;0!=t&&this.multTo(1/t)}rotate(t){return it.create(this.x*Math.cos(t)-this.y*Math.sin(t),this.x*Math.sin(t)+this.y*Math.cos(t),o.z)}setTo(t){this.x=t.x,this.y=t.y,this.z=at(t)}sub(t){return it.create(this.x-t.x,this.y-t.y,this.z-at(t))}subFrom(t){this.x-=t.x,this.y-=t.y,this.z-=at(t)}#t(t,n){this.x=Math.cos(t)*n,this.y=Math.sin(t)*n}}class rt extends it{constructor(t=o.x,n=o.y){super(t,n,o.z)}static get origin(){return rt.create(o.x,o.y)}static clone(t){return rt.create(t.x,t.y)}static create(t,n){return"number"==typeof t?new rt(t,n??o.y):new rt(t.x,t.y)}}function ot(t){return"boolean"==typeof t}function ct(t){return"string"==typeof t}function ut(t){return"number"==typeof t}function ht(t){return"object"==typeof t&&null!==t}function ft(t){return Array.isArray(t)}function lt(t){return null==t}const dt=Math.PI/180;let pt=Math.random;function gt(){return Mt(pt(),0,1-Number.EPSILON)}function wt(t,n){return gt()*(n-t)+t}function mt(t){return requestAnimationFrame(t)}function vt(t){cancelAnimationFrame(t)}function Mt(t,n,e){return Math.min(Math.max(t,n),e)}function yt(t){const n=Pt(t);let e=Et(t);return n===e&&(e=0),wt(e,n)}function bt(t){return ut(t)?t:yt(t)}function Et(t){return ut(t)?t:t.min}function Pt(t){return ut(t)?t:t.max}function xt(t,n){if(t===n||void 0===n&&ut(t))return t;const e=Et(t),s=Pt(t);return void 0!==n?{min:Math.min(e,n),max:Math.max(s,n)}:xt(e,s)}function At(t,n,e){return function(t,n){const e=t.x-n.x,s=t.y-n.y;return e*e+s*s}(t,n)<=e*e}function Lt(t){return t*dt}function St(t,n,e){if(ut(t))return Lt(t);switch(t){case st.top:return.5*-Math.PI;case st.topRight:return.25*-Math.PI;case st.right:return 0;case st.bottomRight:return.25*Math.PI;case st.bottom:return.5*Math.PI;case st.bottomLeft:return.75*Math.PI;case st.left:return Math.PI;case st.topLeft:return.75*-Math.PI;case st.inside:return Math.atan2(e.y-n.y,e.x-n.x);case st.outside:return Math.atan2(n.y-e.y,n.x-e.x);default:return gt()*f}}function Ct(t){const n=rt.origin;return n.length=1,n.angle=t,n}function kt(t){const{position:n,size:e}=t;return{x:n?.x??gt()*e.width,y:n?.y??gt()*e.height}}var zt,Dt;function Tt(t){return"__proto__"===t||"constructor"===t||"prototype"===t}function Ot(){return globalThis.document}function Ft(t){if("undefined"!=typeof matchMedia)return matchMedia(t)}function jt(t){if("undefined"!=typeof MutationObserver)return new MutationObserver(t)}function Bt(t,n){return t===n||ft(n)&&n.includes(t)}function $t(t,n,e=!0){return t[void 0!==n&&e?n%t.length:Math.floor(gt()*t.length)]}function Ht(t,...n){for(const e of n){if(lt(e))continue;if(!ht(e)){t=e;continue}Array.isArray(e)?Array.isArray(t)||(t=[]):ht(t)&&!Array.isArray(t)||(t=Object.create(null));const n=Object.keys(e);if(n.some((t=>{const n=e[t];return ht(n)||Array.isArray(n)})))for(const s of n){if(Tt(s))continue;const n=t,a=e[s];n[s]=Array.isArray(a)?a.map((t=>Ht(void 0,t))):Ht(n[s],a)}else{const s=e,a=t;for(const t of n){if(Tt(t))continue;const n=s[t];void 0!==n&&(a[t]=n)}}}return t}function _t(t,n){return ft(t)?t.map(((t,e)=>n(t,e))):n(t,0)}function qt(t,n,e){return ft(t)?$t(t,n,e):t}function It(t,n){return function(t,n){if(t.mode!==Dt.percent){const{mode:n,...e}=t;return e}return"x"in t?{x:t.x/a*n.width,y:t.y/a*n.height}:{width:t.width/a*n.width,height:t.height/a*n.height}}(t,n)}function Rt(t){const n=Ot().createElement("div").style;for(const e in t){const s=t[e];if(!(e in t)||lt(s))continue;const a=t.getPropertyValue?.(s);if(!a)continue;const i=t.getPropertyPriority?.(s);i?n.setProperty(s,a,i):n.setProperty(s,a)}return n}let Ut,Vt;function Wt(t){if(Ut!==t||!Vt){Ut=t;const n=Ot().createElement("div").style,e=10,s={width:"100%",height:"100%",margin:"0",padding:"0",borderWidth:"0",position:"fixed",zIndex:t.toString(e),"z-index":t.toString(e),top:"0",left:"0","pointer-events":"none"};for(const t in s){const e=s[t];void 0!==e&&n.setProperty(t,e)}Vt=n}return Vt}function Gt(t,n,e,s,a){if(s){let s={passive:!0};ot(a)?s.capture=a:void 0!==a&&(s=a),t.addEventListener(n,e,s)}else t.removeEventListener(n,e,a)}async function Jt(t,n,e,s=!1){let a=n.get(t);if(!a||s){const s=await Promise.all([...e.entries()].map((([n,e])=>e(t).then((t=>[n,t])))));a=new Map(s),n.set(t,a)}return a}!function(t){t.bottom="bottom",t.left="left",t.right="right",t.top="top"}(zt||(zt={})),function(t){t.precise="precise",t.percent="percent"}(Dt||(Dt={}));class Kt{#n;constructor(){this.#n=new Map}addEventListener(t,n){this.removeEventListener(t,n);let e=this.#n.get(t);e||(e=[],this.#n.set(t,e)),e.push(n)}dispatchEvent(t,n){const e=this.#n.get(t);e?.forEach((t=>{t(n)}))}hasEventListener(t){return!!this.#n.get(t)}removeAllEventListeners(t){t?this.#n.delete(t):this.#n=new Map}removeEventListener(t,n){const e=this.#n.get(t);if(!e)return;const s=e.length,a=e.indexOf(n);a<0||(1===s?this.#n.delete(t):e.splice(a,1))}}var Nt;!function(t){t.configAdded="configAdded",t.containerInit="containerInit",t.particlesSetup="particlesSetup",t.containerStarted="containerStarted",t.containerStopped="containerStopped",t.containerDestroyed="containerDestroyed",t.containerPaused="containerPaused",t.containerPlay="containerPlay",t.containerBuilt="containerBuilt",t.particleAdded="particleAdded",t.particleDestroyed="particleDestroyed",t.particleRemoved="particleRemoved"}(Nt||(Nt={}));class Zt{colorManagers=new Map;easingFunctions=new Map;effectDrawers=new Map;initializers={effects:new Map,shapes:new Map,updaters:new Map};palettes=new Map;plugins=[];presets=new Map;shapeDrawers=new Map;updaters=new Map;#e=new Set;#s=new Map;#a;#i=new Set;#r=!1;#o=!1;#c=new Set;constructor(t){this.#a=t}get configs(){const t={};for(const[n,e]of this.#s)t[n]=e;return t}addColorManager(t,n){this.colorManagers.set(t,n)}addConfig(t){const n=t.key??t.name??"default";this.#s.set(n,t),this.#a.dispatchEvent(Nt.configAdded,{data:{name:n,config:t}})}addEasing(t,n){this.easingFunctions.get(t)||this.easingFunctions.set(t,n)}addEffect(t,n){this.initializers.effects.set(t,n)}addPalette(t,n){this.palettes.set(t,n)}addParticleUpdater(t,n){this.initializers.updaters.set(t,n)}addPlugin(t){this.getPlugin(t.id)||this.plugins.push(t)}addPreset(t,n,e=!1){!e&&this.getPreset(t)||this.presets.set(t,n)}addShape(t,n){for(const e of t)this.initializers.shapes.set(e,n)}clearPlugins(t){this.effectDrawers.delete(t),this.shapeDrawers.delete(t),this.updaters.delete(t)}getEasing(t){return this.easingFunctions.get(t)??(t=>t)}getEffectDrawers(t,n=!1){return Jt(t,this.effectDrawers,this.initializers.effects,n)}getPalette(t){return this.palettes.get(t)}getPlugin(t){return this.plugins.find((n=>n.id===t))}getPreset(t){return this.presets.get(t)}async getShapeDrawers(t,n=!1){return Jt(t,this.shapeDrawers,this.initializers.shapes,n)}async getUpdaters(t,n=!1){return async function(t,n,e,s=!1){let a=n.get(t);return a&&!s||(a=await Promise.all([...e.values()].map((n=>n(t)))),n.set(t,a)),a}(t,this.updaters,this.initializers.updaters,n)}async init(){if(!this.#r&&!this.#o){this.#o=!0,this.#i=new Set,this.#e=new Set(this.#c);try{for(const t of this.#e)await this.#u(t,this.#i,this.#e)}finally{this.#c.clear(),this.#o=!1,this.#r=!0}}}loadParticlesOptions(t,n,...e){const s=this.updaters.get(t);s&&s.forEach((t=>t.loadOptions?.(n,...e)))}async register(...t){if(this.#r)throw new Error("Register plugins can only be done before calling tsParticles.load()");for(const n of t)this.#o?await this.#u(n,this.#i,this.#e):this.#c.add(n)}async#u(t,n,e){n.has(t)||(n.add(t),e.add(t),await t(this.#a))}}const Qt=t=>(...n)=>{t(...n)},Xt={debug:Qt(console.debug),error:(t,...n)=>{console.error(`tsParticles - Error - ${t}`,...n)},info:Qt(console.info),log:Qt(console.log),trace:Qt(console.trace),verbose:Qt(console.log),warning:Qt(console.warn)};function Yt(){return Xt}const tn="100%";class nn{pluginManager=new Zt(this);#h=[];#f=new Kt;#r=!1;get items(){return this.#h}get version(){return"4.4.0"}addEventListener(t,n){this.#f.addEventListener(t,n)}checkVersion(t){if(this.version!==t)throw new Error(`The tsParticles version is different from the loaded plugins version. Engine version: ${this.version}. Plugin version: ${t}`)}dispatchEvent(t,n){this.#f.dispatchEvent(t,n)}async init(){this.#r||(await this.pluginManager.init(),this.#r=!0)}item(t){const n=this.items,e=n[t];if(!e?.destroyed)return e;n.splice(t,1)}async load(n){let e;await this.init(),"undefined"!=typeof HTMLElement&&n.element instanceof HTMLElement&&(e=n.element);const{Container:s}=await import("./p-CU7ZW8VD.js"),a=n.id??e?.id??`tsparticles${Math.floor(1e4*gt()).toString()}`,{index:i,url:r}=n,o=r?await async function(t){const n=qt(t.url,t.index);if(!n)return t.fallback;const e=await fetch(n);return e.ok?await e.json():(Yt().error(`${e.status.toString()} while retrieving config file`),t.fallback)}({fallback:n.options,url:r,index:i}):n.options,c=qt(o,i),{items:u}=this,h=u.findIndex((t=>t.id.description===a)),f=new s({dispatchCallback:(t,n)=>{this.dispatchEvent(t,n)},id:a,onDestroy:t=>{if(!t)return;const n=this.items,e=n.indexOf(f);e>=0&&n.splice(e,1)},pluginManager:this.pluginManager,sourceOptions:c});if(h>=0){const t=this.item(h),n=t?1:0;t&&!t.destroyed&&t.destroy(!1),u.splice(h,n,f)}else u.push(f);const l="undefined"!=typeof OffscreenCanvas&&n.element instanceof OffscreenCanvas?n.element:(n=>{const e=Ot();let s;if(n instanceof HTMLCanvasElement||n.tagName.toLowerCase()===g)s=n,s.dataset[t]??=p,s.dataset[t]===d&&(s.style.width||=tn,s.style.height||=tn,s.style.pointerEvents="none",s.style.setProperty("pointer-events","none"));else{const a=n.getElementsByTagName(g).item(0);a?(s=a,s.dataset[t]=p):(s=e.createElement(g),s.dataset[t]=d,n.appendChild(s)),s.style.width||=tn,s.style.height||=tn,s.style.pointerEvents="none",s.style.setProperty("pointer-events","none")}return s})(((n,e)=>{const s=Ot();let a=e??s.getElementById(n);return a||(a=s.createElement("canvas"),a.id=n,a.dataset[t]=d,s.body.append(a),a)})(a,e));return f.canvas.loadCanvas(l),await f.start(),f}async refresh(t=!0){t&&await Promise.all(this.items.map((t=>t.refresh())))}removeEventListener(t,n){this.#f.removeEventListener(t,n)}}var en,sn,an,rn,on,cn,un,hn,fn,ln,dn,pn,gn;!function(t){t.circle="circle",t.rectangle="rectangle"}(en||(en={})),function(t){t.clockwise="clockwise",t.counterClockwise="counter-clockwise",t.random="random"}(sn||(sn={})),function(t){t.auto="auto",t.increase="increase",t.decrease="decrease",t.random="random"}(an||(an={})),function(t){t.standard="standard",t.natural="natural",t.vivid="vivid",t.cinematic="cinematic",t.dynamic="dynamic"}(rn||(rn={})),function(t){t.delete="delete",t.wait="wait"}(on||(on={})),function(t){t.bounce="bounce",t.none="none",t.out="out",t.destroy="destroy",t.split="split"}(cn||(cn={})),function(t){t.darken="darken",t.enlighten="enlighten"}(un||(un={})),function(t){t.none="none",t.max="max",t.min="min"}(hn||(hn={})),function(t){t.linear="linear",t.radial="radial",t.random="random"}(fn||(fn={})),function(t){t.normal="normal",t.inside="inside",t.outside="outside"}(ln||(ln={})),function(t){t.max="max",t.min="min",t.random="random"}(dn||(dn={})),function(t){t.increasing="increasing",t.decreasing="decreasing"}(pn||(pn={})),function(t){t[t.BackgroundElement=0]="BackgroundElement",t[t.BackgroundDraw=1]="BackgroundDraw",t[t.BackgroundMask=2]="BackgroundMask",t[t.CanvasSetup=3]="CanvasSetup",t[t.PluginContent=4]="PluginContent",t[t.Particles=5]="Particles",t[t.CanvasCleanup=6]="CanvasCleanup",t[t.Foreground=7]="Foreground"}(gn||(gn={}));const wn=function(){const t=globalThis.tsParticles;return t?.pluginManager?t:new nn}();let mn,vn,Mn=!1;async function yn(t){if(!Mn)if(mn){if(vn!==t)throw new Error("initParticlesEngine callback must be stable across the app lifecycle.");await mn}else vn=t,mn=(async()=>{t&&await t(wn),"function"==typeof wn.init&&await wn.init(),Mn=!0})().catch((t=>{throw mn=void 0,vn=void 0,Mn=!1,t})),await mn}function bn(){return Mn}async function En(){await(null!=mn?mn:Promise.resolve())}export{k as $,un as A,C as B,E as C,wt as D,G as E,nt as F,Mt as G,rn as H,B as I,j as J,X as K,on as L,st as M,Q as N,cn as O,Dt as P,tt as Q,en as R,Y as S,o as T,gn as U,z as V,n as W,J as X,et as Y,Yt as Z,D as _,lt as a,jt as a0,t as a1,Rt as a2,Ft as a3,Wt as a4,Ot as a5,r as a6,Gt as a7,s as a8,e as a9,U as aA,V as aB,q as aC,y as aD,b as aE,mt as aF,O as aG,F as aH,vt as aI,l as aJ,bn as aK,En as aL,it as aa,Nt as ab,W as ac,c as ad,w as ae,$ as af,Ct as ag,yt as ah,gt as ai,zt as aj,H as ak,It as al,St as am,ln as an,rt as ao,kt as ap,bt as aq,qt as ar,Bt as as,f as at,Lt as au,v as av,_ as aw,I as ax,R as ay,M as az,xt as b,At as c,P as d,A as e,S as f,x as g,L as h,yn as i,ct as j,ft as k,N as l,ot as m,ut as n,Ht as o,ht as p,_t as q,$t as r,m as s,wn as t,T as u,Z as v,u as w,K as x,i as y,h as z}