@tsparticles/stencil 4.2.0 → 4.3.0

package/dist/esm/{Container-BWWTh10Z.js → Container-DDWU1Sve.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 minimumSize, Q as defaultCompositeValue, S as minStrokeWidth, T as defaultZoom, U as zIndexFactorOffset, V as defaultTransformValue, W as safeMutationObserver, X as generatedAttribute, Y as cloneStyle, Z as safeMatchMedia, _ as getFullScreenStyle, $ as safeDocument, a0 as millisecondsToSeconds, a1 as manageListener, a2 as visibilityChangeEvent, a3 as resizeEvent, a4 as Vector3d, a5 as EventType, a6 as defaultAngle, a7 as defaultTransform, a8 as defaultRetryCount, a9 as tryCountIncrement, aa as getParticleBaseVelocity, ab as randomInRangeValue, ac as getRandom, ad as OutModeDirection, ae as clamp, af as minZ, ag as getPosition, ah as getParticleDirectionAngle, ai as ParticleOutType, aj as Vector, ak as getRangeValue, al as calcExactPositionOrRandomFromSize, am as itemFromSingleOrMultiple, an as isInArray, ao as doublePI, ap as degToRad, aq as spatialHashGridCellSize, ar as minLimit, as as minCount, at as getLogger, au as minIndex, av as defaultRemoveQuantity, aw as defaultDensityFactor, ax as deleteCount, ay as countOffset, az as one, aA as defaultRatio, aB as defaultReduceFactor, aC as animate, aD as defaultFpsLimit, aE as minFpsLimit, aF as cancelAnimation, aG as defaultFps } from './index-aPxdqzSw.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, 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-D4tjp3z_.js';
 
 class BaseRange {
     position;
@@ -204,6 +204,8 @@ class AnimatableColor extends OptionsColor {
 
 class Background extends OptionLoader {
     color;
+    draw;
+    element;
     image = "";
     opacity = 1;
     position = "";
@@ -218,6 +220,8 @@ class Background extends OptionLoader {
         if (data.color !== undefined) {
             this.color = OptionsColor.create(this.color, data.color);
         }
+        loadProperty(this, "element", data.element);
+        loadProperty(this, "draw", data.draw);
         loadProperty(this, "image", data.image);
         loadProperty(this, "position", data.position);
         loadProperty(this, "repeat", data.repeat);
@@ -753,7 +757,7 @@ class Options extends OptionLoader {
     }
 }
 
-const styleCache = new Map(), maxStyleCacheSize = 2000, rgbFixedPrecision = 2, hslFixedPrecision = 2, sdrReferenceWhiteNits = 203;
+const styleCache = new Map(), maxStyleCacheSize = 2000, rgbFixedPrecision = 2, hslFixedPrecision = 2, hdrRgbFixedPrecision = 4, hdrHslFixedPrecision = 4, sdrReferenceWhiteNits = 203;
 function getCachedStyle(key, generator) {
     let cached = styleCache.get(key);
     if (!cached) {
@@ -882,19 +886,20 @@ function hslChannel(temp1, temp2, temp3) {
     }
     return temp1;
 }
-function hslToRgb(hsl) {
+function hslToRgbFloat(hsl) {
     const 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;
     if (s === sMin) {
-        const grayscaleValue = Math.round(lNormalized * rgbMax);
+        const grayscaleValue = lNormalized * rgbMax;
         return { r: grayscaleValue, g: grayscaleValue, b: grayscaleValue };
     }
     const temp1 = lNormalized < half
         ? lNormalized * (sNormalizedOffset + sNormalized)
         : lNormalized + sNormalized - lNormalized * sNormalized, temp2 = double * lNormalized - temp1, phaseThird = phaseNumerator / triple, red = Math.min(rgbMax, rgbMax * hslChannel(temp2, temp1, hNormalized + phaseThird)), green = Math.min(rgbMax, rgbMax * hslChannel(temp2, temp1, hNormalized)), blue = Math.min(rgbMax, rgbMax * hslChannel(temp2, temp1, hNormalized - phaseThird));
-    return { r: Math.round(red), g: Math.round(green), b: Math.round(blue) };
+    return { r: red, g: green, b: blue };
 }
-function getRandomRgbColor(min) {
-    const fixedMin = defaultRgbMin, fixedMax = rgbMax + identity, getRgbInRangeValue = () => Math.floor(getRandomInRange(fixedMin, fixedMax));
+function getRandomRgbColor(min, hdr) {
+    const fixedMin = defaultRgbMin;
+    const fixedMax = rgbMax + identity, getRgbInRangeValue = () => Math.floor(getRandomInRange(fixedMin, fixedMax));
     return {
         b: getRgbInRangeValue(),
         g: getRgbInRangeValue(),
@@ -902,7 +907,7 @@ function getRandomRgbColor(min) {
     };
 }
 function getStyleFromRgb(color, hdr, opacity) {
-    const op = opacity ?? defaultOpacity, key = `rgb-${color.r.toFixed(rgbFixedPrecision)}-${color.g.toFixed(rgbFixedPrecision)}-${color.b.toFixed(rgbFixedPrecision)}-${hdr ? "hdr" : "sdr"}-${op.toString()}`;
+    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 getHdrStyleFromRgb(color, opacity, peakNits = maxNits) {
@@ -913,9 +918,9 @@ function getSdrStyleFromRgb(color, opacity) {
     return `rgba(${color.r.toString()}, ${color.g.toString()}, ${color.b.toString()}, ${(opacity ?? defaultOpacity).toString()})`;
 }
 function getStyleFromHsl(color, hdr, opacity) {
-    const op = opacity ?? defaultOpacity, key = `hsl-${color.h.toFixed(hslFixedPrecision)}-${color.s.toFixed(hslFixedPrecision)}-${color.l.toFixed(hslFixedPrecision)}-${hdr ? "hdr" : "sdr"}-${op.toString()}`;
+    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()}`;
     return getCachedStyle(key, () => hdr
-        ? getStyleFromRgb(hslToRgb(color), true, opacity)
+        ? getStyleFromRgb(hslToRgbFloat(color), true, opacity)
         : `hsla(${color.h.toString()}, ${color.s.toString()}%, ${color.l.toString()}%, ${op.toString()})`);
 }
 function getHslFromAnimation(animation) {
@@ -943,10 +948,10 @@ function setTransformValue(factor, newFactor, key) {
     }
 }
 class RenderManager {
+    #backgroundElement;
+    #backgroundWarnings;
     #canvasClearPlugins;
     #canvasManager;
-    #canvasPaintPlugins;
-    #clearDrawPlugins;
     #colorPlugins;
     #container;
     #context;
@@ -954,9 +959,7 @@ class RenderManager {
     #drawParticlePlugins;
     #drawParticlesCleanupPlugins;
     #drawParticlesSetupPlugins;
-    #drawPlugins;
-    #drawSettingsCleanupPlugins;
-    #drawSettingsSetupPlugins;
+    #layers;
     #pluginManager;
     #postDrawUpdaters;
     #preDrawUpdaters;
@@ -968,18 +971,25 @@ class RenderManager {
         this.#container = container;
         this.#canvasManager = canvasManager;
         this.#context = null;
+        this.#backgroundElement = null;
+        this.#backgroundWarnings = new Set();
         this.#preDrawUpdaters = [];
         this.#postDrawUpdaters = [];
-        this.#colorPlugins = [];
         this.#canvasClearPlugins = [];
-        this.#canvasPaintPlugins = [];
-        this.#clearDrawPlugins = [];
+        this.#colorPlugins = [];
         this.#drawParticlePlugins = [];
         this.#drawParticlesCleanupPlugins = [];
         this.#drawParticlesSetupPlugins = [];
-        this.#drawPlugins = [];
-        this.#drawSettingsSetupPlugins = [];
-        this.#drawSettingsCleanupPlugins = [];
+        this.#layers = {
+            0: [],
+            1: [],
+            2: [],
+            3: [],
+            4: [],
+            5: [],
+            6: [],
+            7: [],
+        };
     }
     get settings() {
         return this.#contextSettings;
@@ -993,32 +1003,38 @@ class RenderManager {
         });
     }
     clear() {
-        let pluginHandled = false;
         for (const plugin of this.#canvasClearPlugins) {
-            pluginHandled = plugin.canvasClear?.() ?? false;
-            if (pluginHandled) {
-                break;
+            if (plugin.canvasClear?.() ?? false) {
+                return;
             }
         }
-        if (pluginHandled) {
-            return;
+        for (const layer of Object.values(DrawLayer)) {
+            if (typeof layer === "number") {
+                for (const plugin of this.#getLayerPlugins(layer)) {
+                    if (plugin.canvasClear?.() ?? false) {
+                        return;
+                    }
+                }
+            }
         }
         this.canvasClear();
     }
     destroy() {
         this.stop();
+        this.#backgroundElement = null;
+        this.#backgroundWarnings.clear();
         this.#preDrawUpdaters = [];
         this.#postDrawUpdaters = [];
-        this.#colorPlugins = [];
         this.#canvasClearPlugins = [];
-        this.#canvasPaintPlugins = [];
-        this.#clearDrawPlugins = [];
+        this.#colorPlugins = [];
         this.#drawParticlePlugins = [];
         this.#drawParticlesCleanupPlugins = [];
         this.#drawParticlesSetupPlugins = [];
-        this.#drawPlugins = [];
-        this.#drawSettingsSetupPlugins = [];
-        this.#drawSettingsCleanupPlugins = [];
+        for (const layer of Object.values(DrawLayer)) {
+            if (typeof layer === "number") {
+                this.#layers[layer] = [];
+            }
+        }
     }
     draw(cb) {
         const ctx = this.#context;
@@ -1075,21 +1091,40 @@ class RenderManager {
         });
     }
     drawParticles(delta) {
-        const { particles } = this.#container;
+        const { particles, actualOptions } = this.#container;
         this.clear();
         particles.update(delta);
         this.draw(ctx => {
-            for (const plugin of this.#drawSettingsSetupPlugins) {
+            const width = this.#canvasManager.size.width, height = this.#canvasManager.size.height;
+            if (this.#backgroundElement) {
+                try {
+                    ctx.drawImage(this.#backgroundElement, originPoint.x, originPoint.y, width, height);
+                }
+                catch {
+                    this.#warnOnce("background-element-draw-error", "Error drawing background element onto canvas");
+                }
+            }
+            const background = actualOptions.background;
+            if (background.draw) {
+                try {
+                    background.draw(ctx, delta);
+                }
+                catch {
+                    this.#warnOnce("background-draw-error", "Error in background.draw callback");
+                }
+            }
+            for (const plugin of this.#getLayerPlugins(DrawLayer.BackgroundMask)) {
+                plugin.canvasPaint?.();
+            }
+            for (const plugin of this.#getLayerPlugins(DrawLayer.CanvasSetup)) {
                 plugin.drawSettingsSetup?.(ctx, delta);
             }
-            for (const plugin of this.#drawPlugins) {
+            for (const plugin of this.#getLayerPlugins(DrawLayer.PluginContent)) {
                 plugin.draw?.(ctx, delta);
             }
             particles.drawParticles(delta);
-            for (const plugin of this.#clearDrawPlugins) {
+            for (const plugin of this.#getLayerPlugins(DrawLayer.CanvasCleanup)) {
                 plugin.clearDraw?.(ctx, delta);
-            }
-            for (const plugin of this.#drawSettingsCleanupPlugins) {
                 plugin.drawSettingsCleanup?.(ctx, delta);
             }
         });
@@ -1097,29 +1132,24 @@ class RenderManager {
     init() {
         this.initUpdaters();
         this.initPlugins();
+        this.#resolveBackgroundElement();
         this.paint();
     }
     initPlugins() {
-        this.#colorPlugins = [];
         this.#canvasClearPlugins = [];
-        this.#canvasPaintPlugins = [];
-        this.#clearDrawPlugins = [];
+        this.#colorPlugins = [];
         this.#drawParticlePlugins = [];
         this.#drawParticlesSetupPlugins = [];
         this.#drawParticlesCleanupPlugins = [];
-        this.#drawPlugins = [];
-        this.#drawSettingsSetupPlugins = [];
-        this.#drawSettingsCleanupPlugins = [];
+        for (const layer of Object.values(DrawLayer)) {
+            if (typeof layer === "number") {
+                this.#layers[layer] = [];
+            }
+        }
         for (const plugin of this.#container.plugins) {
             if (plugin.particleFillColor ?? plugin.particleStrokeColor) {
                 this.#colorPlugins.push(plugin);
             }
-            if (plugin.canvasClear) {
-                this.#canvasClearPlugins.push(plugin);
-            }
-            if (plugin.canvasPaint) {
-                this.#canvasPaintPlugins.push(plugin);
-            }
             if (plugin.drawParticle) {
                 this.#drawParticlePlugins.push(plugin);
             }
@@ -1129,17 +1159,20 @@ class RenderManager {
             if (plugin.drawParticleCleanup) {
                 this.#drawParticlesCleanupPlugins.push(plugin);
             }
-            if (plugin.draw) {
-                this.#drawPlugins.push(plugin);
+            if (plugin.canvasClear) {
+                this.#canvasClearPlugins.push(plugin);
+            }
+            if (plugin.canvasPaint) {
+                this.#getLayerPlugins(DrawLayer.BackgroundMask).push(plugin);
             }
             if (plugin.drawSettingsSetup) {
-                this.#drawSettingsSetupPlugins.push(plugin);
+                this.#getLayerPlugins(DrawLayer.CanvasSetup).push(plugin);
             }
-            if (plugin.drawSettingsCleanup) {
-                this.#drawSettingsCleanupPlugins.push(plugin);
+            if (plugin.draw) {
+                this.#getLayerPlugins(DrawLayer.PluginContent).push(plugin);
             }
-            if (plugin.clearDraw) {
-                this.#clearDrawPlugins.push(plugin);
+            if (plugin.clearDraw ?? plugin.drawSettingsCleanup) {
+                this.#getLayerPlugins(DrawLayer.CanvasCleanup).push(plugin);
             }
         }
     }
@@ -1157,7 +1190,7 @@ class RenderManager {
     }
     paint() {
         let handled = false;
-        for (const plugin of this.#canvasPaintPlugins) {
+        for (const plugin of this.#getLayerPlugins(DrawLayer.BackgroundMask)) {
             handled = plugin.canvasPaint?.() ?? false;
             if (handled) {
                 break;
@@ -1330,6 +1363,9 @@ class RenderManager {
         }
         drawer.beforeDraw(data);
     }
+    #getLayerPlugins(layer) {
+        return this.#layers[layer];
+    }
     #getPluginParticleColors(particle) {
         let fColor, sColor;
         for (const plugin of this.#colorPlugins) {
@@ -1347,6 +1383,39 @@ class RenderManager {
         this.#reusablePluginColors[sColorIndex] = sColor;
         return this.#reusablePluginColors;
     }
+    #resolveBackgroundElement() {
+        const background = this.#container.actualOptions.background;
+        this.#backgroundElement = null;
+        if (!background.element) {
+            return;
+        }
+        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) {
+                    this.#backgroundElement = node;
+                }
+                else if (node) {
+                    this.#warnOnce("background-element-not-supported", `Background element "${background.element}" is not a supported drawable element (canvas, video, or img)`);
+                }
+                else {
+                    this.#warnOnce("background-element-not-found", `Background element selector "${background.element}" not found`);
+                }
+            }
+        }
+        else if (background.element instanceof HTMLCanvasElement ||
+            background.element instanceof OffscreenCanvas ||
+            background.element instanceof HTMLVideoElement ||
+            background.element instanceof HTMLImageElement) {
+            this.#backgroundElement = background.element;
+        }
+    }
+    #warnOnce(key, message) {
+        if (!this.#backgroundWarnings.has(key)) {
+            this.#backgroundWarnings.add(key);
+            getLogger().warning(message);
+        }
+    }
 }
 
 const transferredCanvases = new WeakMap(), getTransferredCanvas = (canvas) => {
@@ -1923,7 +1992,6 @@ function runParticleCreatedPlugins(container, particle) {
 }
 class Particle {
     backColor;
-    bubble;
     destroyed;
     direction;
     effect;
@@ -1957,7 +2025,6 @@ class Particle {
     shapeData;
     sides;
     size;
-    slow;
     spawning;
     strokeColor;
     strokeOpacity;
@@ -1979,18 +2046,25 @@ class Particle {
         d: 1,
     };
     #container;
+    #modifiers = [];
     #pluginManager;
     constructor(pluginManager, container) {
         this.#pluginManager = pluginManager;
         this.#container = container;
     }
+    addModifier(modifier) {
+        this.#modifiers.push(modifier);
+        this.#modifiers.sort((a, b) => a.priority - b.priority);
+    }
+    clearModifiers() {
+        this.#modifiers.length = 0;
+    }
     destroy(override) {
         if (this.unbreakable || this.destroyed) {
             return;
         }
         this.destroyed = true;
-        this.bubble.inRange = false;
-        this.slow.inRange = false;
+        this.clearModifiers();
         const container = this.#container, shapeDrawer = this.shape ? container.shapeDrawers.get(this.shape) : undefined;
         shapeDrawer?.particleDestroy?.(this);
         for (const plugin of container.particleDestroyedPlugins) {
@@ -2012,13 +2086,16 @@ class Particle {
         return this.rotation + (this.pathRotation ? this.velocity.angle : defaultAngle);
     }
     getFillColor() {
-        return this.#getRollColor(this.bubble.color ?? getHslFromAnimation(this.fillColor));
+        return this.#getRollColor(this.#applyModifiers(getHslFromAnimation(this.fillColor), m => m.fillColor));
     }
     getMass() {
         return this.getRadius() ** squareExp * Math.PI * half;
     }
+    getModifier(id) {
+        return this.#modifiers.find(m => m.id === id);
+    }
     getOpacity() {
-        const zIndexOptions = this.options.zIndex, zIndexFactor = zIndexFactorOffset - this.zIndexFactor, zOpacityFactor = zIndexFactor ** zIndexOptions.opacityRate, opacity = this.bubble.opacity ?? getRangeValue(this.opacity?.value ?? defaultOpacity), fillOpacity = this.fillOpacity ?? defaultOpacity, strokeOpacity = this.strokeOpacity ?? defaultOpacity;
+        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.opacity = opacity * zOpacityFactor;
         this.#cachedOpacityData.strokeOpacity = opacity * strokeOpacity * zOpacityFactor;
@@ -2031,7 +2108,7 @@ class Particle {
         return this.#cachedPosition;
     }
     getRadius() {
-        return this.bubble.radius ?? this.size.value;
+        return this.#applyModifiers(this.size.value, m => m.radius);
     }
     getRotateData() {
         const angle = this.getAngle();
@@ -2040,7 +2117,7 @@ class Particle {
         return this.#cachedRotateData;
     }
     getStrokeColor() {
-        return this.#getRollColor(this.bubble.color ?? getHslFromAnimation(this.strokeColor));
+        return this.#getRollColor(this.#applyModifiers(getHslFromAnimation(this.strokeColor), m => m.strokeColor));
     }
     getTransformData(externalTransform) {
         const rotateData = this.getRotateData(), rotating = this.isRotating;
@@ -2060,13 +2137,6 @@ class Particle {
         this.options = resolveParticleOptions(this, container, this.#pluginManager, overrideOptions);
         container.retina.initParticle(this);
         runUpdaterPreInit(container.particleUpdaters, this);
-        this.bubble = {
-            inRange: false,
-        };
-        this.slow = {
-            inRange: false,
-            factor: 1,
-        };
         this.#initPosition(position);
         this.initialVelocity = this.#calculateVelocity();
         this.velocity = this.initialVelocity.copy();
@@ -2106,11 +2176,29 @@ class Particle {
     isVisible() {
         return !this.destroyed && !this.spawning && this.isInsideCanvas();
     }
+    removeModifier(id) {
+        const idx = this.#modifiers.findIndex(m => m.id === id);
+        if (idx >= defaultAngle) {
+            this.#modifiers.splice(idx, identity);
+        }
+    }
     reset() {
         for (const updater of this.#container.particleUpdaters) {
             updater.reset?.(this);
         }
     }
+    #applyModifiers(base, getter) {
+        let value = base;
+        for (const mod of this.#modifiers) {
+            if (mod.enabled) {
+                const override = getter(mod);
+                if (override !== undefined) {
+                    value = override;
+                }
+            }
+        }
+        return value;
+    }
     #calcPosition(position, zIndex) {
         let tryCount = defaultRetryCount, posVec = position ? Vector3d.create(position.x, position.y, zIndex) : undefined;
         const container = this.#container, plugins = container.particlePositionPlugins, outModes = this.options.move.outModes, radius = this.getRadius(), canvasSize = container.canvas.size;

package/dist/esm/{index-aPxdqzSw.js → index-D4tjp3z_.js}

@@ -308,29 +308,27 @@ function deepExtend(destination, ...sources) {
             }
         }
         else if (!isObject(destination) || Array.isArray(destination)) {
-            destination = {};
+            destination = Object.create(null);
         }
-        const sourceKeys = Object.keys(source), dangerousKeys = new Set(["__proto__", "constructor", "prototype"]), hasNested = sourceKeys.some(k => {
+        const sourceKeys = Object.keys(source), hasNested = sourceKeys.some(k => {
             const v = source[k];
             return isObject(v) || Array.isArray(v);
         });
         if (!hasNested) {
             const sourceDict = source, destDict = destination;
             for (const key of sourceKeys) {
-                if (dangerousKeys.has(key)) {
+                if (key === "__proto__" || key === "constructor" || key === "prototype") {
                     continue;
                 }
-                if (key in sourceDict) {
-                    const v = sourceDict[key];
-                    if (v !== undefined) {
-                        destDict[key] = v;
-                    }
+                const v = sourceDict[key];
+                if (v !== undefined) {
+                    destDict[key] = v;
                 }
             }
             continue;
         }
         for (const key of sourceKeys) {
-            if (dangerousKeys.has(key)) {
+            if (key === "__proto__" || key === "constructor" || key === "prototype") {
                 continue;
             }
             const sourceDict = source, destDict = destination, value = sourceDict[key];
@@ -746,7 +744,7 @@ class Engine {
         return this.#domArray;
     }
     get version() {
-        return "4.2.0";
+        return "4.3.0";
     }
     addEventListener(type, listener) {
         this.#eventDispatcher.addEventListener(type, listener);
@@ -781,7 +779,7 @@ class Engine {
         if (typeof HTMLElement !== "undefined" && params.element instanceof HTMLElement) {
             domSourceElement = params.element;
         }
-        const { Container } = await import('./Container-BWWTh10Z.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-DDWU1Sve.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);
             },
@@ -906,6 +904,18 @@ var AnimationStatus;
     AnimationStatus["decreasing"] = "decreasing";
 })(AnimationStatus || (AnimationStatus = {}));
 
+var DrawLayer;
+(function (DrawLayer) {
+    DrawLayer[DrawLayer["BackgroundElement"] = 0] = "BackgroundElement";
+    DrawLayer[DrawLayer["BackgroundDraw"] = 1] = "BackgroundDraw";
+    DrawLayer[DrawLayer["BackgroundMask"] = 2] = "BackgroundMask";
+    DrawLayer[DrawLayer["CanvasSetup"] = 3] = "CanvasSetup";
+    DrawLayer[DrawLayer["PluginContent"] = 4] = "PluginContent";
+    DrawLayer[DrawLayer["Particles"] = 5] = "Particles";
+    DrawLayer[DrawLayer["CanvasCleanup"] = 6] = "CanvasCleanup";
+    DrawLayer[DrawLayer["Foreground"] = 7] = "Foreground";
+})(DrawLayer || (DrawLayer = {}));
+
 const tsParticles = initEngine();
 
 let initialized = false;
@@ -946,4 +956,4 @@ async function waitForParticlesEngineInitialization() {
     await (initPromise !== null && initPromise !== void 0 ? initPromise : Promise.resolve());
 }
 
-export { safeDocument 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, minimumSize as N, OutMode as O, PixelMode as P, defaultCompositeValue as Q, RangeType as R, minStrokeWidth as S, defaultZoom as T, zIndexFactorOffset as U, defaultTransformValue as V, safeMutationObserver as W, generatedAttribute as X, cloneStyle as Y, safeMatchMedia as Z, getFullScreenStyle as _, isNull as a, millisecondsToSeconds as a0, manageListener as a1, visibilityChangeEvent as a2, resizeEvent as a3, Vector3d as a4, EventType as a5, defaultAngle as a6, defaultTransform as a7, defaultRetryCount as a8, tryCountIncrement as a9, defaultRatio as aA, defaultReduceFactor as aB, animate as aC, defaultFpsLimit as aD, minFpsLimit as aE, cancelAnimation as aF, defaultFps as aG, isParticlesEngineInitialized as aH, waitForParticlesEngineInitialization as aI, getParticleBaseVelocity as aa, randomInRangeValue as ab, getRandom as ac, OutModeDirection as ad, clamp as ae, minZ as af, getPosition as ag, getParticleDirectionAngle as ah, ParticleOutType as ai, Vector as aj, getRangeValue as ak, calcExactPositionOrRandomFromSize as al, itemFromSingleOrMultiple as am, isInArray as an, doublePI as ao, degToRad as ap, spatialHashGridCellSize as aq, minLimit as ar, minCount as as, getLogger as at, minIndex as au, defaultRemoveQuantity as av, defaultDensityFactor as aw, deleteCount as ax, countOffset as ay, one 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 { 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 };

package/dist/esm/index.js

@@ -1 +1 @@
-export { i as initParticlesEngine, aH as isParticlesEngineInitialized, aI as waitForParticlesEngineInitialization } from './index-aPxdqzSw.js';
+export { i as initParticlesEngine, aI as isParticlesEngineInitialized, aJ as waitForParticlesEngineInitialization } from './index-D4tjp3z_.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-aPxdqzSw.js';
+import { i as initParticlesEngine, t as tsParticles } from './index-D4tjp3z_.js';
 
 const StencilParticles = class {
     constructor(hostRef) {

package/dist/tsparticlesstencil/index.esm.js

@@ -1 +1 @@
-export{i as initParticlesEngine,aH as isParticlesEngineInitialized,aI as waitForParticlesEngineInitialization}from"./p-FNL2LsWF.js";
+export{i as initParticlesEngine,aI as isParticlesEngineInitialized,aJ as waitForParticlesEngineInitialization}from"./p-DGXyew8u.js";

package/dist/tsparticlesstencil/{p-e16c4912.entry.js → p-785d0ed6.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as s}from"./p-PhwiK2_P.js";import{i as e,t as n}from"./p-FNL2LsWF.js";const a=class{constructor(s){t(this,s),this.particlesLoaded=i(this,"particlesLoaded"),this.renderId=0}async componentDidLoad(){await this.loadParticles(++this.renderId)}disconnectedCallback(){var t;this.renderId++,null===(t=this.container)||void 0===t||t.destroy(),this.container=void 0}async onPropsChange(){await this.loadParticles(++this.renderId)}async onThemeChange(){var t,i;this.container&&(null===(i=(t=this.container).loadTheme)||void 0===i||i.call(t,this.theme))}async loadParticles(t){var i,s,a;if(null===(i=this.container)||void 0===i||i.destroy(),!this.containerElement)return void console.warn("[stencil-particles] container element not available yet");let o;try{if(this.init&&await e(this.init),!this.options&&!this.url)return void console.warn("[stencil-particles] neither options nor url provided");const t=Object.assign(Object.assign({element:this.containerElement},this.containerId?{id:this.containerId}:{}),this.options?{options:this.options}:{url:this.url});o=await n.load(t)}catch(t){return void console.error("[stencil-particles] load failed",t)}t===this.renderId?(this.container=o,this.particlesLoaded.emit(o),o&&this.theme&&(null===(a=(s=o).loadTheme)||void 0===a||a.call(s,this.theme))):null==o||o.destroy()}render(){return s("div",{key:"f5fe33d147a1a606a75fe0d1ee385bacaf0e0b7d",id:this.containerId,ref:t=>{this.containerElement=t},style:{width:"100%",height:"100%"}})}static get watchers(){return{options:[{onPropsChange:0}],url:[{onPropsChange:0}],init:[{onPropsChange:0}],containerId:[{onPropsChange:0}],theme:[{onThemeChange:0}]}}};export{a as stencil_particles}
+import{r as t,c as i,h as s}from"./p-PhwiK2_P.js";import{i as e,t as n}from"./p-DGXyew8u.js";const a=class{constructor(s){t(this,s),this.particlesLoaded=i(this,"particlesLoaded"),this.renderId=0}async componentDidLoad(){await this.loadParticles(++this.renderId)}disconnectedCallback(){var t;this.renderId++,null===(t=this.container)||void 0===t||t.destroy(),this.container=void 0}async onPropsChange(){await this.loadParticles(++this.renderId)}async onThemeChange(){var t,i;this.container&&(null===(i=(t=this.container).loadTheme)||void 0===i||i.call(t,this.theme))}async loadParticles(t){var i,s,a;if(null===(i=this.container)||void 0===i||i.destroy(),!this.containerElement)return void console.warn("[stencil-particles] container element not available yet");let o;try{if(this.init&&await e(this.init),!this.options&&!this.url)return void console.warn("[stencil-particles] neither options nor url provided");const t=Object.assign(Object.assign({element:this.containerElement},this.containerId?{id:this.containerId}:{}),this.options?{options:this.options}:{url:this.url});o=await n.load(t)}catch(t){return void console.error("[stencil-particles] load failed",t)}t===this.renderId?(this.container=o,this.particlesLoaded.emit(o),o&&this.theme&&(null===(a=(s=o).loadTheme)||void 0===a||a.call(s,this.theme))):null==o||o.destroy()}render(){return s("div",{key:"f5fe33d147a1a606a75fe0d1ee385bacaf0e0b7d",id:this.containerId,ref:t=>{this.containerElement=t},style:{width:"100%",height:"100%"}})}static get watchers(){return{options:[{onPropsChange:0}],url:[{onPropsChange:0}],init:[{onPropsChange:0}],containerId:[{onPropsChange:0}],theme:[{onThemeChange:0}]}}};export{a as stencil_particles}

package/dist/tsparticlesstencil/p-DGXyew8u.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,M=100,v=1,y=1,b=1,E=255,P=360,x=100,A=100,L=0,S=0,k=60,z=1,C=0,D=1,O=1,T=120,_=0,F=1,j=1,B=0,$=0,H=1,q=0,I=0,R=1,U=1,G=0,J=1,K=0,N=1,V=0,W=400,Z=3,Q=6,X=1,Y=1,tt=0,nt=1;var et;function st(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"}(et||(et={}));class at{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 at.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 at.create(t.x,t.y,st(t))}static create(t,n,e){return"number"==typeof t?new at(t,n??o.y,e??o.z):new at(t.x,t.y,st(t))}add(t){return at.create(this.x+t.x,this.y+t.y,this.z+st(t))}addTo(t){this.x+=t.x,this.y+=t.y,this.z+=st(t)}copy(){return at.clone(this)}div(t){return at.create(this.x/t,this.y/t,this.z/t)}getLengthSq(){return this.x**2+this.y**2}mult(t){return at.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 at.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=st(t)}sub(t){return at.create(this.x-t.x,this.y-t.y,this.z-st(t))}subFrom(t){this.x-=t.x,this.y-=t.y,this.z-=st(t)}#t(t,n){this.x=Math.cos(t)*n,this.y=Math.sin(t)*n}}class it extends at{constructor(t=o.x,n=o.y){super(t,n,o.z)}static get origin(){return it.create(o.x,o.y)}static clone(t){return it.create(t.x,t.y)}static create(t,n){return"number"==typeof t?new it(t,n??o.y):new it(t.x,t.y)}}function rt(t){return"boolean"==typeof t}function ot(t){return"string"==typeof t}function ct(t){return"number"==typeof t}function ut(t){return"object"==typeof t&&null!==t}function ht(t){return Array.isArray(t)}function ft(t){return null==t}const lt=Math.PI/180;let dt=Math.random;function pt(){return Mt(dt(),0,1-Number.EPSILON)}function gt(t,n){return pt()*(n-t)+t}function wt(t){return requestAnimationFrame(t)}function mt(t){cancelAnimationFrame(t)}function Mt(t,n,e){return Math.min(Math.max(t,n),e)}function vt(t){const n=Et(t);let e=bt(t);return n===e&&(e=0),gt(e,n)}function yt(t){return ct(t)?t:vt(t)}function bt(t){return ct(t)?t:t.min}function Et(t){return ct(t)?t:t.max}function Pt(t,n){if(t===n||void 0===n&&ct(t))return t;const e=bt(t),s=Et(t);return void 0!==n?{min:Math.min(e,n),max:Math.max(s,n)}:Pt(e,s)}function xt(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 At(t){return t*lt}function Lt(t,n,e){if(ct(t))return At(t);switch(t){case et.top:return.5*-Math.PI;case et.topRight:return.25*-Math.PI;case et.right:return 0;case et.bottomRight:return.25*Math.PI;case et.bottom:return.5*Math.PI;case et.bottomLeft:return.75*Math.PI;case et.left:return Math.PI;case et.topLeft:return.75*-Math.PI;case et.inside:return Math.atan2(e.y-n.y,e.x-n.x);case et.outside:return Math.atan2(n.y-e.y,n.x-e.x);default:return pt()*f}}function St(t){const n=it.origin;return n.length=1,n.angle=t,n}function kt(t){const{position:n,size:e}=t;return{x:n?.x??pt()*e.width,y:n?.y??pt()*e.height}}var zt,Ct;function Dt(){return globalThis.document}function Ot(t){if("undefined"!=typeof matchMedia)return matchMedia(t)}function Tt(t){if("undefined"!=typeof MutationObserver)return new MutationObserver(t)}function _t(t,n){return t===n||ht(n)&&n.includes(t)}function Ft(t,n,e=!0){return t[void 0!==n&&e?n%t.length:Math.floor(pt()*t.length)]}function jt(t,...n){for(const e of n){if(ft(e))continue;if(!ut(e)){t=e;continue}Array.isArray(e)?Array.isArray(t)||(t=[]):ut(t)&&!Array.isArray(t)||(t=Object.create(null));const n=Object.keys(e);if(n.some((t=>{const n=e[t];return ut(n)||Array.isArray(n)})))for(const s of n){if("__proto__"===s||"constructor"===s||"prototype"===s)continue;const n=t,a=e[s];n[s]=Array.isArray(a)?a.map((t=>jt(void 0,t))):jt(n[s],a)}else{const s=e,a=t;for(const t of n){if("__proto__"===t||"constructor"===t||"prototype"===t)continue;const n=s[t];void 0!==n&&(a[t]=n)}}}return t}function Bt(t,n){return ht(t)?t.map(((t,e)=>n(t,e))):n(t,0)}function $t(t,n,e){return ht(t)?Ft(t,n,e):t}function Ht(t,n){return function(t,n){if(t.mode!==Ct.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 qt(t){const n=Dt().createElement("div").style;for(const e in t){const s=t[e];if(!(e in t)||ft(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 It,Rt;function Ut(t){if(It!==t||!Rt){It=t;const n=Dt().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)}Rt=n}return Rt}function Gt(t,n,e,s,a){if(s){let s={passive:!0};rt(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"}(Ct||(Ct={}));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 Vt{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 Wt=t=>(...n)=>{t(...n)},Zt={debug:Wt(console.debug),error:(t,...n)=>{console.error(`tsParticles - Error - ${t}`,...n)},info:Wt(console.info),log:Wt(console.log),trace:Wt(console.trace),verbose:Wt(console.log),warning:Wt(console.warn)};function Qt(){return Zt}const Xt="100%";var Yt,tn,nn,en,sn,an,rn,on,cn,un,hn,fn;!function(t){t.circle="circle",t.rectangle="rectangle"}(Yt||(Yt={})),function(t){t.clockwise="clockwise",t.counterClockwise="counter-clockwise",t.random="random"}(tn||(tn={})),function(t){t.auto="auto",t.increase="increase",t.decrease="decrease",t.random="random"}(nn||(nn={})),function(t){t.delete="delete",t.wait="wait"}(en||(en={})),function(t){t.bounce="bounce",t.none="none",t.out="out",t.destroy="destroy",t.split="split"}(sn||(sn={})),function(t){t.darken="darken",t.enlighten="enlighten"}(an||(an={})),function(t){t.none="none",t.max="max",t.min="min"}(rn||(rn={})),function(t){t.linear="linear",t.radial="radial",t.random="random"}(on||(on={})),function(t){t.normal="normal",t.inside="inside",t.outside="outside"}(cn||(cn={})),function(t){t.max="max",t.min="min",t.random="random"}(un||(un={})),function(t){t.increasing="increasing",t.decreasing="decreasing"}(hn||(hn={})),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"}(fn||(fn={}));const ln=new class{pluginManager=new Vt(this);#h=[];#f=new Kt;#r=!1;get items(){return this.#h}get version(){return"4.3.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-mhMhZKxL.js"),a=n.id??e?.id??`tsparticles${Math.floor(1e4*pt()).toString()}`,{index:i,url:r}=n,o=r?await async function(t){const n=$t(t.url,t.index);if(!n)return t.fallback;const e=await fetch(n);return e.ok?await e.json():(Qt().error(`${e.status.toString()} while retrieving config file`),t.fallback)}({fallback:n.options,url:r,index:i}):n.options,c=$t(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=Dt();let s;if(n instanceof HTMLCanvasElement||n.tagName.toLowerCase()===g)s=n,s.dataset[t]??=p,s.dataset[t]===d&&(s.style.width||=Xt,s.style.height||=Xt,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||=Xt,s.style.height||=Xt,s.style.pointerEvents="none",s.style.setProperty("pointer-events","none")}return s})(((n,e)=>{const s=Dt();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)}};let dn,pn,gn=!1;async function wn(t){if(!gn)if(dn){if(pn!==t)throw new Error("initParticlesEngine callback must be stable across the app lifecycle.");await dn}else pn=t,dn=(async()=>{t&&await t(ln),"function"==typeof ln.init&&await ln.init(),gn=!0})().catch((t=>{throw dn=void 0,pn=void 0,gn=!1,t})),await dn}function mn(){return gn}async function Mn(){await(null!=dn?dn:Promise.resolve())}export{Ot as $,an as A,E as B,gt as C,J as D,tt as E,W as F,Q as G,Z as H,Y as I,X as J,o as K,en as L,et as M,fn as N,sn as O,Ct as P,C as Q,Yt as R,n as S,K as T,nt as U,Qt as V,D as W,z as X,Tt as Y,t as Z,qt as _,ft as a,Ut as a0,Dt as a1,r as a2,Gt as a3,s as a4,e as a5,at as a6,Nt as a7,G as a8,c as a9,F as aA,y as aB,b as aC,wt as aD,T as aE,_ as aF,mt as aG,l as aH,mn as aI,Mn as aJ,w as aa,j as ab,St as ac,vt as ad,pt as ae,zt as af,Mt as ag,B as ah,Ht as ai,Lt as aj,cn as ak,it as al,kt as am,yt as an,$t as ao,_t as ap,f as aq,At as ar,M as as,$ as at,q as au,I as av,v as aw,R as ax,U as ay,H as az,Pt as b,xt as c,P as d,A as e,S as f,x as g,L as h,wn as i,ot as j,ht as k,V as l,jt as m,ct as n,ut as o,Bt as p,rt as q,Ft as r,m as s,ln as t,O as u,u as v,N as w,i as x,h as y,k as z}