@tsparticles/pjs 4.1.1 → 4.1.3

package/tsparticles.pjs.bundle.js

@@ -1,5 +1,5 @@
 (function(g){g.__tsParticlesInternals=g.__tsParticlesInternals||{};g.__tsParticlesInternals.bundles=g.__tsParticlesInternals.bundles||{};g.__tsParticlesInternals.effects=g.__tsParticlesInternals.effects||{};g.__tsParticlesInternals.engine=g.__tsParticlesInternals.engine||{};g.__tsParticlesInternals.interactions=g.__tsParticlesInternals.interactions||{};g.__tsParticlesInternals.palettes=g.__tsParticlesInternals.palettes||{};g.__tsParticlesInternals.paths=g.__tsParticlesInternals.paths||{};g.__tsParticlesInternals.plugins=g.__tsParticlesInternals.plugins||{};g.__tsParticlesInternals.plugins=g.__tsParticlesInternals.plugins||{};g.__tsParticlesInternals.plugins.emittersShapes=g.__tsParticlesInternals.plugins.emittersShapes||{};g.__tsParticlesInternals.presets=g.__tsParticlesInternals.presets||{};g.__tsParticlesInternals.shapes=g.__tsParticlesInternals.shapes||{};g.__tsParticlesInternals.updaters=g.__tsParticlesInternals.updaters||{};g.__tsParticlesInternals.utils=g.__tsParticlesInternals.utils||{};g.__tsParticlesInternals.canvas=g.__tsParticlesInternals.canvas||{};g.__tsParticlesInternals.canvas=g.__tsParticlesInternals.canvas||{};g.__tsParticlesInternals.canvas.utils=g.__tsParticlesInternals.canvas.utils||{};g.__tsParticlesInternals.path=g.__tsParticlesInternals.path||{};g.__tsParticlesInternals.path=g.__tsParticlesInternals.path||{};g.__tsParticlesInternals.path.utils=g.__tsParticlesInternals.path.utils||{};var __tsProxyFactory=typeof Proxy!=="undefined"?function(obj){return new Proxy(obj,{get:function(target,key){if(!(key in target)){target[key]={};}return target[key];}});}:function(obj){return obj;};g.__tsParticlesInternals.bundles=__tsProxyFactory(g.__tsParticlesInternals.bundles);g.__tsParticlesInternals.effects=__tsProxyFactory(g.__tsParticlesInternals.effects);g.__tsParticlesInternals.interactions=__tsProxyFactory(g.__tsParticlesInternals.interactions);g.__tsParticlesInternals.palettes=__tsProxyFactory(g.__tsParticlesInternals.palettes);g.__tsParticlesInternals.paths=__tsProxyFactory(g.__tsParticlesInternals.paths);g.__tsParticlesInternals.plugins=__tsProxyFactory(g.__tsParticlesInternals.plugins);g.__tsParticlesInternals.plugins.emittersShapes=__tsProxyFactory(g.__tsParticlesInternals.plugins.emittersShapes);g.__tsParticlesInternals.presets=__tsProxyFactory(g.__tsParticlesInternals.presets);g.__tsParticlesInternals.shapes=__tsProxyFactory(g.__tsParticlesInternals.shapes);g.__tsParticlesInternals.updaters=__tsProxyFactory(g.__tsParticlesInternals.updaters);g.__tsParticlesInternals.utils=__tsProxyFactory(g.__tsParticlesInternals.utils);g.__tsParticlesInternals.canvas=__tsProxyFactory(g.__tsParticlesInternals.canvas);g.__tsParticlesInternals.path=__tsProxyFactory(g.__tsParticlesInternals.path);g.tsparticlesInternalExports=g.tsparticlesInternalExports||{};})(typeof globalThis!=="undefined"?globalThis:typeof window!=="undefined"?window:this);
-/* tsParticles v4.1.1 */
+/* tsParticles v4.1.3 */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
     typeof define === 'function' && define.amd ? define(['exports'], factory) :
@@ -1118,7 +1118,7 @@
             return this.#domArray;
         }
         get version() {
-            return "4.1.1";
+            return "4.1.3";
         }
         addEventListener(type, listener) {
             this.#eventDispatcher.addEventListener(type, listener);
@@ -3544,7 +3544,7 @@
     }
 
     async function loadInteractivityPlugin(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register(e => {
             const interactivityEngine = e, interactivityPluginManager = interactivityEngine.pluginManager;
             interactivityPluginManager.addPlugin(new InteractivityPlugin(interactivityPluginManager));
@@ -3818,7 +3818,7 @@
     }
 
     async function loadAbsorbersInteraction(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register(async (e) => {
             const pluginManager = e.pluginManager, instancesManager = await getAbsorbersInstancesManager(e);
             ensureInteractivityPluginLoaded(e);
@@ -3866,7 +3866,7 @@
     }
 
     async function loadAbsorbersPluginSimple(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register(async (e) => {
             const pluginManager = e.pluginManager, instancesManager = await getAbsorbersInstancesManager(e);
             pluginManager.addPlugin(new AbsorbersPlugin(instancesManager));
@@ -4233,7 +4233,7 @@
     }
 
     async function loadDestroyUpdater(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register(e => {
             e.pluginManager.addParticleUpdater("destroy", container => {
                 return Promise.resolve(new DestroyUpdater(e.pluginManager, container));
@@ -4613,7 +4613,7 @@
     })(EmitterClickMode || (EmitterClickMode = {}));
 
     async function loadEmittersInteraction(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register(async (e) => {
             const instancesManager = await getEmittersInstancesManager(e);
             ensureInteractivityPluginLoaded(e);
@@ -4656,7 +4656,7 @@
     }
 
     async function loadEmittersPluginSimple(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register(async (e) => {
             const instancesManager = await getEmittersInstancesManager(e);
             await addEmittersShapesManager(e);
@@ -4714,7 +4714,7 @@
     }
 
     async function loadEmittersShapeCircle(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register((e) => {
             ensureEmittersPluginLoaded(e);
             e.pluginManager.addEmitterShapeGenerator?.("circle", new EmittersCircleShapeGenerator());
@@ -4795,7 +4795,7 @@
     }
 
     async function loadEmittersShapeSquare(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register((e) => {
             ensureEmittersPluginLoaded(e);
             e.pluginManager.addEmitterShapeGenerator?.("square", new EmittersSquareShapeGenerator());
@@ -4988,7 +4988,7 @@
     }
 
     async function loadExternalDragInteraction(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register((e) => {
             ensureInteractivityPluginLoaded(e);
             e.pluginManager.addInteractor?.("externalDrag", container => {
@@ -5192,7 +5192,7 @@
     }
 
     async function loadExternalTrailInteraction(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register((e) => {
             ensureInteractivityPluginLoaded(e);
             e.pluginManager.addInteractor?.("externalTrail", container => {
@@ -5352,7 +5352,7 @@
     }
 
     async function loadRollUpdater(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register(e => {
             e.pluginManager.addParticleUpdater("roll", () => {
                 return Promise.resolve(new RollUpdater(e.pluginManager));
@@ -5406,7 +5406,7 @@
     }
 
     async function loadBlendPlugin(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register(e => {
             e.pluginManager.addPlugin(new BlendPlugin());
         });
@@ -5443,7 +5443,7 @@
     }
 
     async function loadCircleShape(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register(e => {
             e.pluginManager.addShape(["circle"], () => {
                 return Promise.resolve(new CircleDrawer());
@@ -5491,7 +5491,7 @@
     }
 
     async function loadHexColorPlugin(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register(e => {
             e.pluginManager.addColorManager("hex", new HexColorManager());
         });
@@ -5544,7 +5544,7 @@
     }
 
     async function loadHslColorPlugin(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register(e => {
             e.pluginManager.addColorManager("hsl", new HslColorManager());
         });
@@ -5568,7 +5568,7 @@
     }
 
     async function loadMovePlugin(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register(e => {
             const moveEngine = e, movePluginManager = moveEngine.pluginManager;
             movePluginManager.initializers.pathGenerators ??= new Map();
@@ -5675,7 +5675,7 @@
     }
 
     async function loadOpacityUpdater(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register(e => {
             e.pluginManager.addParticleUpdater("opacity", container => {
                 return Promise.resolve(new OpacityUpdater(container));
@@ -6022,7 +6022,7 @@
     }
 
     async function loadOutModesUpdater(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register(e => {
             e.pluginManager.addParticleUpdater("outModes", container => {
                 return Promise.resolve(new OutOfCanvasUpdater(container));
@@ -6093,7 +6093,7 @@
     }
 
     async function loadPaintUpdater(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register(e => {
             e.pluginManager.addParticleUpdater("paint", container => {
                 return Promise.resolve(new PaintUpdater(e.pluginManager, container));
@@ -6148,7 +6148,7 @@
     }
 
     async function loadRgbColorPlugin(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register(e => {
             e.pluginManager.addColorManager("rgb", new RgbColorManager());
         });
@@ -6247,7 +6247,7 @@
     }
 
     async function loadSizeUpdater(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register(e => {
             e.pluginManager.addParticleUpdater("size", container => {
                 return Promise.resolve(new SizeUpdater(container));
@@ -6256,7 +6256,7 @@
     }
 
     async function loadBasic(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register(async (e) => {
             await Promise.all([
                 loadBlendPlugin(e),
@@ -6279,7 +6279,7 @@
     easingsFunctions.set(exports.EasingType.easeInOutQuad, value => (value < 0.5 ? 2 * value ** 2 : 1 - (-2 * value + 2) ** 2 / 2));
 
     async function loadEasingQuadPlugin(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register(e => {
             for (const [easing, easingFn] of easingsFunctions) {
                 e.pluginManager.addEasing(easing, easingFn);
@@ -6387,7 +6387,7 @@
     }
 
     async function loadEmojiShape(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register(e => {
             e.pluginManager.addShape(validTypes$1, () => Promise.resolve(new EmojiDrawer()));
         });
@@ -6637,7 +6637,7 @@
     };
 
     async function loadExternalAttractInteraction(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register((e) => {
             ensureInteractivityPluginLoaded(e);
             e.pluginManager.addInteractor?.("externalAttract", container => {
@@ -6834,7 +6834,7 @@
     }
 
     async function loadExternalBounceInteraction(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register((e) => {
             ensureInteractivityPluginLoaded(e);
             e.pluginManager.addInteractor?.("externalBounce", container => {
@@ -7214,7 +7214,7 @@
     }
 
     async function loadExternalBubbleInteraction(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register((e) => {
             ensureInteractivityPluginLoaded(e);
             e.pluginManager.addInteractor?.("externalBubble", container => {
@@ -7359,7 +7359,7 @@
     }
 
     async function loadExternalConnectInteraction(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register((e) => {
             ensureInteractivityPluginLoaded(e);
             e.pluginManager.addInteractor?.("externalConnect", container => {
@@ -7471,7 +7471,7 @@
     }
 
     async function loadExternalDestroyInteraction(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register((e) => {
             ensureInteractivityPluginLoaded(e);
             e.pluginManager.addInteractor?.("externalDestroy", async (container) => {
@@ -7615,7 +7615,7 @@
     }
 
     async function loadExternalGrabInteraction(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register((e) => {
             ensureInteractivityPluginLoaded(e);
             e.pluginManager.addInteractor?.("externalGrab", container => {
@@ -7696,7 +7696,7 @@
     }
 
     async function loadExternalParallaxInteraction(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register((e) => {
             ensureInteractivityPluginLoaded(e);
             e.pluginManager.addInteractor?.("externalParallax", container => {
@@ -7739,7 +7739,7 @@
     }
 
     async function loadExternalPauseInteraction(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register((e) => {
             ensureInteractivityPluginLoaded(e);
             e.pluginManager.addInteractor?.("externalPause", container => {
@@ -7824,7 +7824,7 @@
     }
 
     async function loadExternalPushInteraction(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register((e) => {
             ensureInteractivityPluginLoaded(e);
             e.pluginManager.addInteractor?.("externalPush", container => {
@@ -7887,7 +7887,7 @@
     }
 
     async function loadExternalRemoveInteraction(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register((e) => {
             ensureInteractivityPluginLoaded(e);
             e.pluginManager.addInteractor?.("externalRemove", container => {
@@ -8220,7 +8220,7 @@
     }
 
     async function loadExternalRepulseInteraction(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register((e) => {
             ensureInteractivityPluginLoaded(e);
             const pluginManager = e.pluginManager;
@@ -8302,7 +8302,7 @@
     }
 
     async function loadExternalSlowInteraction(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register((e) => {
             ensureInteractivityPluginLoaded(e);
             e.pluginManager.addInteractor?.("externalSlow", container => {
@@ -9130,7 +9130,7 @@
         };
     }
     async function loadImageShape(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register(e => {
             addLoadImageToEngine(e);
             e.pluginManager.addPlugin(new ImagePreloaderPlugin(e));
@@ -9297,7 +9297,7 @@
     }
 
     async function loadLifeUpdater(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register(e => {
             e.pluginManager.addParticleUpdater("life", container => {
                 return Promise.resolve(new LifeUpdater(container));
@@ -9323,7 +9323,7 @@
     }
 
     async function loadLineShape(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register(e => {
             e.pluginManager.addShape(["line"], () => Promise.resolve(new LineDrawer()));
         });
@@ -9416,7 +9416,7 @@
     }
 
     async function loadParticlesAttractInteraction(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register((e) => {
             ensureInteractivityPluginLoaded(e);
             e.pluginManager.addInteractor?.("particlesAttract", container => {
@@ -9656,7 +9656,7 @@
     }
 
     async function loadParticlesCollisionsInteraction(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register((e) => {
             ensureInteractivityPluginLoaded(e);
             e.pluginManager.addPlugin(new OverlapPlugin());
@@ -9959,7 +9959,7 @@
     }
 
     async function loadParticlesLinksInteraction(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register((e) => {
             const pluginManager = e.pluginManager;
             ensureInteractivityPluginLoaded(e);
@@ -10049,19 +10049,19 @@
     }
 
     async function loadGenericPolygonShape(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register(e => {
             e.pluginManager.addShape(["polygon"], () => Promise.resolve(new PolygonDrawer()));
         });
     }
     async function loadTriangleShape(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register(e => {
             e.pluginManager.addShape(["triangle"], () => Promise.resolve(new TriangleDrawer()));
         });
     }
     async function loadPolygonShape(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await Promise.all([
             loadGenericPolygonShape(engine),
             loadTriangleShape(engine),
@@ -10194,7 +10194,7 @@
     }
 
     async function loadRotateUpdater(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register(e => {
             e.pluginManager.addParticleUpdater("rotate", container => {
                 return Promise.resolve(new RotateUpdater(container));
@@ -10218,7 +10218,7 @@
     }
 
     async function loadSquareShape(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register(e => {
             e.pluginManager.addShape(["edge", "square"], () => Promise.resolve(new SquareDrawer()));
         });
@@ -10252,14 +10252,14 @@
     }
 
     async function loadStarShape(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register(e => {
             e.pluginManager.addShape(["star"], () => Promise.resolve(new StarDrawer()));
         });
     }
 
     async function loadSlim(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register(async (e) => {
             const loadInteractivityForSlim = async (e) => {
                 await loadInteractivityPlugin(e);
@@ -10376,7 +10376,7 @@
     }
 
     async function loadTextShape(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register(e => {
             e.pluginManager.addShape(validTypes, () => Promise.resolve(new TextDrawer()));
         });
@@ -10513,7 +10513,7 @@
     }
 
     async function loadTiltUpdater(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register(e => {
             e.pluginManager.addParticleUpdater("tilt", container => {
                 return Promise.resolve(new TiltUpdater(container));
@@ -10646,7 +10646,7 @@
     }
 
     async function loadTwinkleUpdater(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register(e => {
             e.pluginManager.addParticleUpdater("twinkle", container => {
                 return Promise.resolve(new TwinkleUpdater(e.pluginManager, container));
@@ -10768,7 +10768,7 @@
     }
 
     async function loadWobbleUpdater(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register(e => {
             e.pluginManager.addParticleUpdater("wobble", container => {
                 return Promise.resolve(new WobbleUpdater(container));
@@ -10777,7 +10777,7 @@
     }
 
     async function loadFull(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register(async (e) => {
             const loadEmittersPluginBundle = async (e) => {
                 await loadEmittersPlugin(e);
@@ -10882,14 +10882,14 @@
     }
 
     async function loadResponsivePlugin(engine) {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register(e => {
             e.pluginManager.addPlugin(new ResponsivePlugin());
         });
     }
 
     const initPjs = async (engine) => {
-        engine.checkVersion("4.1.1");
+        engine.checkVersion("4.1.3");
         await engine.pluginManager.register(async (e) => {
             await Promise.all([loadFull(e), loadResponsivePlugin(e)]);
         });
@@ -10900,8 +10900,8 @@
     };
 
     const globalObject = globalThis;
-    globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
     globalObject.initPjs = initPjs;
+    globalObject.tsParticles = tsParticles;
 
     const fColorIndex = 0, sColorIndex = 1;
     function setTransformValue(factor, newFactor, key) {
@@ -11819,19 +11819,25 @@
             this.shape = itemFromSingleOrMultiple(shapeType, this.id, reduceDuplicates);
             const effectOptions = particlesOptions.effect, shapeOptions = particlesOptions.shape;
             if (overrideOptions) {
-                if (overrideOptions.effect?.type && overrideOptions.effect.type !== this.effect) {
-                    const overrideEffectType = overrideOptions.effect.type, effect = itemFromSingleOrMultiple(overrideEffectType, this.id, reduceDuplicates);
-                    if (effect) {
-                        this.effect = effect;
-                        effectOptions.load(overrideOptions.effect);
+                if (overrideOptions.effect) {
+                    const overrideEffectType = overrideOptions.effect.type;
+                    if (overrideEffectType && overrideEffectType !== this.effect) {
+                        const effect = itemFromSingleOrMultiple(overrideEffectType, this.id, reduceDuplicates);
+                        if (effect) {
+                            this.effect = effect;
+                        }
                     }
-                }
-                if (overrideOptions.shape?.type && overrideOptions.shape.type !== this.shape) {
-                    const overrideShapeType = overrideOptions.shape.type, shape = itemFromSingleOrMultiple(overrideShapeType, this.id, reduceDuplicates);
-                    if (shape) {
-                        this.shape = shape;
-                        shapeOptions.load(overrideOptions.shape);
+                    effectOptions.load(overrideOptions.effect);
+                }
+                if (overrideOptions.shape) {
+                    const overrideShapeType = overrideOptions.shape.type;
+                    if (overrideShapeType && overrideShapeType !== this.shape) {
+                        const shape = itemFromSingleOrMultiple(overrideShapeType, this.id, reduceDuplicates);
+                        if (shape) {
+                            this.shape = shape;
+                        }
                     }
+                    shapeOptions.load(overrideOptions.shape);
                 }
             }
             if (this.effect === randomColorValue) {