tsparticles 2.4.0 → 2.5.0

package/tsparticles.bundle.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v2.4.0
+ * v2.5.0
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -209,19 +209,20 @@ __webpack_require__.d(__webpack_exports__, {
 
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Utils/EventDispatcher.js
 class EventDispatcher {
-  _listeners;
   constructor() {
     this._listeners = new Map();
   }
   addEventListener(type, listener) {
+    var _a;
     this.removeEventListener(type, listener);
     if (!this._listeners.get(type)) {
       this._listeners.set(type, []);
     }
-    this._listeners.get(type)?.push(listener);
+    (_a = this._listeners.get(type)) === null || _a === void 0 ? void 0 : _a.push(listener);
   }
   dispatchEvent(type, args) {
-    this._listeners.get(type)?.forEach(handler => handler(args));
+    var _a;
+    (_a = this._listeners.get(type)) === null || _a === void 0 ? void 0 : _a.forEach(handler => handler(args));
   }
   hasEventListener(type) {
     return !!this._listeners.get(type);
@@ -252,9 +253,6 @@ class EventDispatcher {
 }
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Core/Utils/Vector3d.js
 class Vector3d {
-  x;
-  y;
-  z;
   constructor(xOrCoords, y, z) {
     if (typeof xOrCoords !== "number" && xOrCoords) {
       this.x = xOrCoords.x;
@@ -264,7 +262,7 @@ class Vector3d {
     } else if (xOrCoords !== undefined && y !== undefined) {
       this.x = xOrCoords;
       this.y = y;
-      this.z = z ?? 0;
+      this.z = z !== null && z !== void 0 ? z : 0;
     } else {
       throw new Error("tsParticles - Vector3d not initialized correctly");
     }
@@ -374,8 +372,9 @@ function addEasing(name, easing) {
   }
 }
 function getEasing(name) {
+  var _a;
   const noEasing = value => value;
-  return easings.get(name) ?? noEasing;
+  return (_a = easings.get(name)) !== null && _a !== void 0 ? _a : noEasing;
 }
 function setRandom(rnd = Math.random) {
   _random = rnd;
@@ -486,15 +485,17 @@ function calcPositionFromSize(data) {
   } : undefined;
 }
 function calcPositionOrRandomFromSize(data) {
+  var _a, _b, _c, _d;
   return {
-    x: (data.position?.x ?? getRandom() * 100) * data.size.width / 100,
-    y: (data.position?.y ?? getRandom() * 100) * data.size.height / 100
+    x: ((_b = (_a = data.position) === null || _a === void 0 ? void 0 : _a.x) !== null && _b !== void 0 ? _b : getRandom() * 100) * data.size.width / 100,
+    y: ((_d = (_c = data.position) === null || _c === void 0 ? void 0 : _c.y) !== null && _d !== void 0 ? _d : getRandom() * 100) * data.size.height / 100
   };
 }
 function calcPositionOrRandomFromSizeRanged(data) {
+  var _a, _b;
   const position = {
-    x: data.position?.x !== undefined ? getRangeValue(data.position.x) : undefined,
-    y: data.position?.y !== undefined ? getRangeValue(data.position.y) : undefined
+    x: ((_a = data.position) === null || _a === void 0 ? void 0 : _a.x) !== undefined ? getRangeValue(data.position.x) : undefined,
+    y: ((_b = data.position) === null || _b === void 0 ? void 0 : _b.y) !== undefined ? getRangeValue(data.position.y) : undefined
   };
   return calcPositionOrRandomFromSize({
     size: data.size,
@@ -502,15 +503,17 @@ function calcPositionOrRandomFromSizeRanged(data) {
   });
 }
 function calcExactPositionOrRandomFromSize(data) {
+  var _a, _b, _c, _d;
   return {
-    x: data.position?.x ?? getRandom() * data.size.width,
-    y: data.position?.y ?? getRandom() * data.size.height
+    x: (_b = (_a = data.position) === null || _a === void 0 ? void 0 : _a.x) !== null && _b !== void 0 ? _b : getRandom() * data.size.width,
+    y: (_d = (_c = data.position) === null || _c === void 0 ? void 0 : _c.y) !== null && _d !== void 0 ? _d : getRandom() * data.size.height
   };
 }
 function calcExactPositionOrRandomFromSizeRanged(data) {
+  var _a, _b;
   const position = {
-    x: data.position?.x !== undefined ? getRangeValue(data.position.x) : undefined,
-    y: data.position?.y !== undefined ? getRangeValue(data.position.y) : undefined
+    x: ((_a = data.position) === null || _a === void 0 ? void 0 : _a.x) !== undefined ? getRangeValue(data.position.x) : undefined,
+    y: ((_b = data.position) === null || _b === void 0 ? void 0 : _b.y) !== undefined ? getRangeValue(data.position.y) : undefined
   };
   return calcExactPositionOrRandomFromSize({
     size: data.size,
@@ -565,8 +568,8 @@ function isInArray(value, array) {
 }
 async function loadFont(font, weight) {
   try {
-    await document.fonts.load(`${weight ?? "400"} 36px '${font ?? "Verdana"}'`);
-  } catch {}
+    await document.fonts.load(`${weight !== null && weight !== void 0 ? weight : "400"} 36px '${font !== null && font !== void 0 ? font : "Verdana"}'`);
+  } catch (_a) {}
 }
 function arrayRandomIndex(array) {
   return Math.floor(getRandom() * array.length);
@@ -575,7 +578,7 @@ function itemFromArray(array, index, useIndex = true) {
   return array[index !== undefined && useIndex ? index % array.length : arrayRandomIndex(array)];
 }
 function isPointInside(point, size, offset, radius, direction) {
-  return areBoundsInside(calculateBounds(point, radius ?? 0), size, offset, direction);
+  return areBoundsInside(calculateBounds(point, radius !== null && radius !== void 0 ? radius : 0), size, offset, direction);
 }
 function areBoundsInside(bounds, size, offset, direction) {
   let inside = true;
@@ -872,7 +875,8 @@ function rgbToHsl(color) {
   return res;
 }
 function stringToAlpha(input) {
-  return stringToRgba(input)?.a;
+  var _a;
+  return (_a = stringToRgba(input)) === null || _a === void 0 ? void 0 : _a.a;
 }
 function stringToRgb(input) {
   return stringToRgba(input);
@@ -914,7 +918,7 @@ function hslaToRgba(hsla) {
   };
 }
 function getRandomRgbColor(min) {
-  const fixedMin = min ?? 0;
+  const fixedMin = min !== null && min !== void 0 ? min : 0;
   return {
     b: Math.floor(randomInRange(setRangeValue(fixedMin, 256))),
     g: Math.floor(randomInRange(setRangeValue(fixedMin, 256))),
@@ -922,10 +926,10 @@ function getRandomRgbColor(min) {
   };
 }
 function getStyleFromRgb(color, opacity) {
-  return `rgba(${color.r}, ${color.g}, ${color.b}, ${opacity ?? 1})`;
+  return `rgba(${color.r}, ${color.g}, ${color.b}, ${opacity !== null && opacity !== void 0 ? opacity : 1})`;
 }
 function getStyleFromHsl(color, opacity) {
-  return `hsla(${color.h}, ${color.s}%, ${color.l}%, ${opacity ?? 1})`;
+  return `hsla(${color.h}, ${color.s}%, ${color.l}%, ${opacity !== null && opacity !== void 0 ? opacity : 1})`;
 }
 function colorMix(color1, color2, size1, size2) {
   let rgb1 = color1,
@@ -943,15 +947,16 @@ function colorMix(color1, color2, size1, size2) {
   };
 }
 function getLinkColor(p1, p2, linkColor) {
+  var _a, _b;
   if (linkColor === randomColorValue) {
     return getRandomRgbColor();
   } else if (linkColor === midColorValue) {
-    const sourceColor = p1.getFillColor() ?? p1.getStrokeColor(),
-      destColor = p2?.getFillColor() ?? p2?.getStrokeColor();
+    const sourceColor = (_a = p1.getFillColor()) !== null && _a !== void 0 ? _a : p1.getStrokeColor(),
+      destColor = (_b = p2 === null || p2 === void 0 ? void 0 : p2.getFillColor()) !== null && _b !== void 0 ? _b : p2 === null || p2 === void 0 ? void 0 : p2.getStrokeColor();
     if (sourceColor && destColor && p2) {
       return colorMix(sourceColor, destColor, p1.getRadius(), p2.getRadius());
     } else {
-      const hslColor = sourceColor ?? destColor;
+      const hslColor = sourceColor !== null && sourceColor !== void 0 ? sourceColor : destColor;
       if (hslColor) {
         return hslToRgb(hslColor);
       }
@@ -1039,13 +1044,14 @@ function drawTriangle(context, p1, p2, p3) {
   context.closePath();
 }
 function paintBase(context, dimension, baseColor) {
-  context.fillStyle = baseColor ?? "rgba(0,0,0,0)";
+  context.fillStyle = baseColor !== null && baseColor !== void 0 ? baseColor : "rgba(0,0,0,0)";
   context.fillRect(0, 0, dimension.width, dimension.height);
 }
 function clear(context, dimension) {
   context.clearRect(0, 0, dimension.width, dimension.height);
 }
 function drawParticle(data) {
+  var _a, _b, _c, _d, _e, _f;
   const {
     container,
     context,
@@ -1066,10 +1072,10 @@ function drawParticle(data) {
       cos: Math.cos(angle)
     },
     transformData = {
-      a: rotateData.cos * (transform.a ?? 1),
-      b: rotateData.sin * (transform.b ?? 1),
-      c: -rotateData.sin * (transform.c ?? 1),
-      d: rotateData.cos * (transform.d ?? 1)
+      a: rotateData.cos * ((_a = transform.a) !== null && _a !== void 0 ? _a : 1),
+      b: rotateData.sin * ((_b = transform.b) !== null && _b !== void 0 ? _b : 1),
+      c: -rotateData.sin * ((_c = transform.c) !== null && _c !== void 0 ? _c : 1),
+      d: rotateData.cos * ((_d = transform.d) !== null && _d !== void 0 ? _d : 1)
     };
   context.setTransform(transformData.a, transformData.b, transformData.c, transformData.d, pos.x, pos.y);
   context.beginPath();
@@ -1087,12 +1093,12 @@ function drawParticle(data) {
     context.fillStyle = colorStyles.fill;
   }
   const stroke = particle.stroke;
-  context.lineWidth = particle.strokeWidth ?? 0;
+  context.lineWidth = (_e = particle.strokeWidth) !== null && _e !== void 0 ? _e : 0;
   if (colorStyles.stroke) {
     context.strokeStyle = colorStyles.stroke;
   }
   drawShape(container, context, particle, radius, opacity, delta);
-  if ((stroke?.width ?? 0) > 0) {
+  if (((_f = stroke === null || stroke === void 0 ? void 0 : stroke.width) !== null && _f !== void 0 ? _f : 0) > 0) {
     context.stroke();
   }
   if (particle.close) {
@@ -1120,7 +1126,7 @@ function drawShapeAfterEffect(container, context, particle, radius, opacity, del
     return;
   }
   const drawer = container.drawers.get(particle.shape);
-  if (!drawer?.afterEffect) {
+  if (!(drawer === null || drawer === void 0 ? void 0 : drawer.afterEffect)) {
     return;
   }
   drawer.afterEffect(context, particle, radius, opacity, delta, container.retina.pixelRatio);
@@ -1163,26 +1169,13 @@ const visibilityChangeEvent = "visibilitychange";
 
 
 function setTransformValue(factor, newFactor, key) {
+  var _a;
   const newValue = newFactor[key];
   if (newValue !== undefined) {
-    factor[key] = (factor[key] ?? 1) * newValue;
+    factor[key] = ((_a = factor[key]) !== null && _a !== void 0 ? _a : 1) * newValue;
   }
 }
 class Canvas {
-  container;
-  element;
-  resizeFactor;
-  size;
-  _colorPlugins;
-  _context;
-  _coverColorStyle;
-  _generated;
-  _mutationObserver;
-  _originalStyle;
-  _postDrawUpdaters;
-  _preDrawUpdaters;
-  _resizePlugins;
-  _trailFillColor;
   constructor(container) {
     this.container = container;
     this.size = {
@@ -1220,9 +1213,10 @@ class Canvas {
     }
   }
   destroy() {
-    this._mutationObserver?.disconnect();
+    var _a, _b;
+    (_a = this._mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     if (this._generated) {
-      this.element?.remove();
+      (_b = this.element) === null || _b === void 0 ? void 0 : _b.remove();
     } else {
       this._resetOriginalStyle();
     }
@@ -1241,6 +1235,7 @@ class Canvas {
     return cb(this._context);
   }
   drawParticle(particle, delta) {
+    var _a;
     if (particle.spawning || particle.destroyed) {
       return;
     }
@@ -1249,7 +1244,7 @@ class Canvas {
       return;
     }
     const pfColor = particle.getFillColor(),
-      psColor = particle.getStrokeColor() ?? pfColor;
+      psColor = (_a = particle.getStrokeColor()) !== null && _a !== void 0 ? _a : pfColor;
     let [fColor, sColor] = this._getPluginParticleColors(particle);
     if (!fColor) {
       fColor = pfColor;
@@ -1261,11 +1256,12 @@ class Canvas {
       return;
     }
     this.draw(ctx => {
+      var _a, _b, _c, _d, _e;
       const options = this.container.actualOptions,
         zIndexOptions = particle.options.zIndex,
         zOpacityFactor = (1 - particle.zIndexFactor) ** zIndexOptions.opacityRate,
-        opacity = particle.bubble.opacity ?? particle.opacity?.value ?? 1,
-        strokeOpacity = particle.stroke?.opacity ?? opacity,
+        opacity = (_c = (_a = particle.bubble.opacity) !== null && _a !== void 0 ? _a : (_b = particle.opacity) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : 1,
+        strokeOpacity = (_e = (_d = particle.stroke) === null || _d === void 0 ? void 0 : _d.opacity) !== null && _e !== void 0 ? _e : opacity,
         zOpacity = opacity * zOpacityFactor,
         zStrokeOpacity = strokeOpacity * zOpacityFactor,
         transform = {},
@@ -1301,13 +1297,14 @@ class Canvas {
     });
   }
   init() {
+    var _a;
     this.resize();
     this._initStyle();
     this._initCover();
     this._initTrail();
     this.initBackground();
     if (this.element) {
-      this._mutationObserver?.observe(this.element, {
+      (_a = this._mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.element, {
         attributes: true
       });
     }
@@ -1319,7 +1316,7 @@ class Canvas {
     const options = this.container.actualOptions,
       background = options.background,
       element = this.element,
-      elementStyle = element?.style;
+      elementStyle = element === null || element === void 0 ? void 0 : element.style;
     if (!elementStyle) {
       return;
     }
@@ -1358,8 +1355,9 @@ class Canvas {
     }
   }
   loadCanvas(canvas) {
+    var _a, _b;
     if (this._generated) {
-      this.element?.remove();
+      (_a = this.element) === null || _a === void 0 ? void 0 : _a.remove();
     }
     this._generated = canvas.dataset && generatedAttribute in canvas.dataset ? canvas.dataset[generatedAttribute] === "true" : this._generated;
     this.element = canvas;
@@ -1368,7 +1366,7 @@ class Canvas {
     this.size.height = canvas.offsetHeight;
     this.size.width = canvas.offsetWidth;
     this._context = this.element.getContext("2d");
-    this._mutationObserver?.observe(this.element, {
+    (_b = this._mutationObserver) === null || _b === void 0 ? void 0 : _b.observe(this.element, {
       attributes: true
     });
     this.container.retina.init();
@@ -1399,9 +1397,7 @@ class Canvas {
     if (newSize.height === size.height && newSize.width === size.width && newSize.height === this.element.height && newSize.width === this.element.width) {
       return;
     }
-    const oldSize = {
-      ...size
-    };
+    const oldSize = Object.assign({}, size);
     this.element.width = size.width = this.element.offsetWidth * pxRatio;
     this.element.height = size.height = this.element.offsetHeight * pxRatio;
     if (this.container.started) {
@@ -1425,11 +1421,13 @@ class Canvas {
     }
   }
   _applyPostDrawUpdaters(particle) {
+    var _a;
     for (const updater of this._postDrawUpdaters) {
-      updater.afterDraw?.(particle);
+      (_a = updater.afterDraw) === null || _a === void 0 ? void 0 : _a.call(updater, particle);
     }
   }
   _applyPreDrawUpdaters(ctx, particle, radius, zOpacity, colorStyles, transform) {
+    var _a;
     for (const updater of this._preDrawUpdaters) {
       if (updater.getColorStyles) {
         const {
@@ -1449,7 +1447,7 @@ class Canvas {
           setTransformValue(transform, updaterTransform, key);
         }
       }
-      updater.beforeDraw?.(particle);
+      (_a = updater.beforeDraw) === null || _a === void 0 ? void 0 : _a.call(updater, particle);
     }
   }
   _applyResizePlugins() {
@@ -1518,10 +1516,9 @@ class Canvas {
       fillColor = rangeColorToRgb(trail.fillColor);
     if (fillColor) {
       const trail = options.particles.move.trail;
-      this._trailFillColor = {
-        ...fillColor,
+      this._trailFillColor = Object.assign(Object.assign({}, fillColor), {
         a: 1 / trail.length
-      };
+      });
     }
   }
   _paintBase(baseColor) {
@@ -1530,14 +1527,15 @@ class Canvas {
     });
   }
   _repairStyle() {
+    var _a, _b;
     const element = this.element;
     if (!element) {
       return;
     }
-    this._mutationObserver?.disconnect();
+    (_a = this._mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     this._initStyle();
     this.initBackground();
-    this._mutationObserver?.observe(element, {
+    (_b = this._mutationObserver) === null || _b === void 0 ? void 0 : _b.observe(element, {
       attributes: true
     });
   }
@@ -1588,23 +1586,6 @@ function manageListener(element, event, handler, add, options) {
   }
 }
 class EventListeners {
-  container;
-  canPush;
-  mouseDownHandler;
-  mouseLeaveHandler;
-  mouseMoveHandler;
-  mouseUpHandler;
-  oldThemeChangeHandler;
-  resizeHandler;
-  resizeObserver;
-  resizeTimeout;
-  themeChangeHandler;
-  touchCancelHandler;
-  touchEndClickHandler;
-  touchEndHandler;
-  touchMoveHandler;
-  touchStartHandler;
-  visibilityChangeHandler;
   constructor(container) {
     this.container = container;
     this.canPush = true;
@@ -1636,9 +1617,7 @@ class EventListeners {
       if (!mousePos) {
         return;
       }
-      container.interactivity.mouse.clickPosition = {
-        ...mousePos
-      };
+      container.interactivity.mouse.clickPosition = Object.assign({}, mousePos);
       container.interactivity.mouse.clickTime = new Date().getTime();
       const onClick = options.interactivity.events.onClick;
       executeOnSingleOrMultiple(onClick.mode, mode => this.handleClickMode(mode));
@@ -1665,7 +1644,7 @@ class EventListeners {
     if (!options.pauseOnBlur) {
       return;
     }
-    if (document?.hidden) {
+    if (document === null || document === void 0 ? void 0 : document.hidden) {
       container.pageHidden = true;
       container.pause();
     } else {
@@ -1682,9 +1661,13 @@ class EventListeners {
       clearTimeout(this.resizeTimeout);
       delete this.resizeTimeout;
     }
-    this.resizeTimeout = setTimeout(async () => this.container.canvas?.windowResize(), 500);
+    this.resizeTimeout = setTimeout(async () => {
+      var _a;
+      return (_a = this.container.canvas) === null || _a === void 0 ? void 0 : _a.windowResize();
+    }, 500);
   }
   manageListeners(add) {
+    var _a;
     const container = this.container,
       options = container.actualOptions,
       detectType = options.interactivity.detectsOn;
@@ -1694,7 +1677,7 @@ class EventListeners {
       mouseLeaveTmpEvent = mouseOutEvent;
     } else if (detectType === "parent" && container.canvas.element) {
       const canvasEl = container.canvas.element;
-      container.interactivity.element = canvasEl.parentElement ?? canvasEl.parentNode;
+      container.interactivity.element = (_a = canvasEl.parentElement) !== null && _a !== void 0 ? _a : canvasEl.parentNode;
     } else {
       container.interactivity.element = container.canvas.element;
     }
@@ -1804,9 +1787,10 @@ class EventListeners {
     mouse.clicking = false;
   }
   mouseTouchMove(e) {
+    var _a, _b, _c, _d, _e, _f, _g;
     const container = this.container,
       options = container.actualOptions;
-    if (!container.interactivity?.element) {
+    if (!((_a = container.interactivity) === null || _a === void 0 ? void 0 : _a.element)) {
       return;
     }
     container.interactivity.mouse.inside = true;
@@ -1837,24 +1821,24 @@ class EventListeners {
           };
         } else {
           pos = {
-            x: mouseEvent.offsetX ?? mouseEvent.clientX,
-            y: mouseEvent.offsetY ?? mouseEvent.clientY
+            x: (_b = mouseEvent.offsetX) !== null && _b !== void 0 ? _b : mouseEvent.clientX,
+            y: (_c = mouseEvent.offsetY) !== null && _c !== void 0 ? _c : mouseEvent.clientY
           };
         }
       } else if (mouseEvent.target === container.canvas.element) {
         pos = {
-          x: mouseEvent.offsetX ?? mouseEvent.clientX,
-          y: mouseEvent.offsetY ?? mouseEvent.clientY
+          x: (_d = mouseEvent.offsetX) !== null && _d !== void 0 ? _d : mouseEvent.clientX,
+          y: (_e = mouseEvent.offsetY) !== null && _e !== void 0 ? _e : mouseEvent.clientY
         };
       }
     } else {
       this.canPush = e.type !== "touchmove";
       const touchEvent = e,
         lastTouch = touchEvent.touches[touchEvent.touches.length - 1],
-        canvasRect = canvas?.getBoundingClientRect();
+        canvasRect = canvas === null || canvas === void 0 ? void 0 : canvas.getBoundingClientRect();
       pos = {
-        x: lastTouch.clientX - (canvasRect?.left ?? 0),
-        y: lastTouch.clientY - (canvasRect?.top ?? 0)
+        x: lastTouch.clientX - ((_f = canvasRect === null || canvasRect === void 0 ? void 0 : canvasRect.left) !== null && _f !== void 0 ? _f : 0),
+        y: lastTouch.clientY - ((_g = canvasRect === null || canvasRect === void 0 ? void 0 : canvasRect.top) !== null && _g !== void 0 ? _g : 0)
       };
     }
     const pxRatio = container.retina.pixelRatio;
@@ -1874,18 +1858,18 @@ function initDelta(value, fpsLimit = 60, smooth = false) {
   };
 }
 class FrameManager {
-  container;
   constructor(container) {
     this.container = container;
   }
   async nextFrame(timestamp) {
+    var _a;
     try {
       const container = this.container;
       if (!container.smooth && container.lastFrameTime !== undefined && timestamp < container.lastFrameTime + 1000 / container.fpsLimit) {
         container.draw(false);
         return;
       }
-      container.lastFrameTime ??= timestamp;
+      (_a = container.lastFrameTime) !== null && _a !== void 0 ? _a : container.lastFrameTime = timestamp;
       const delta = initDelta(timestamp - container.lastFrameTime, container.fpsLimit, container.smooth);
       container.lifeTime += delta.value;
       container.lastFrameTime = timestamp;
@@ -1908,7 +1892,6 @@ class FrameManager {
 }
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/OptionsColor.js
 class OptionsColor {
-  value;
   constructor() {
     this.value = "";
   }
@@ -1927,7 +1910,7 @@ class OptionsColor {
     return color;
   }
   load(data) {
-    if (data?.value === undefined) {
+    if ((data === null || data === void 0 ? void 0 : data.value) === undefined) {
       return;
     }
     this.value = data.value;
@@ -1936,12 +1919,6 @@ class OptionsColor {
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Background/Background.js
 
 class Background {
-  color;
-  image;
-  opacity;
-  position;
-  repeat;
-  size;
   constructor() {
     this.color = new OptionsColor();
     this.color.value = "";
@@ -1978,8 +1955,6 @@ class Background {
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/BackgroundMask/BackgroundMaskCover.js
 
 class BackgroundMaskCover {
-  color;
-  opacity;
   constructor() {
     this.color = new OptionsColor();
     this.color.value = "#fff";
@@ -2000,9 +1975,6 @@ class BackgroundMaskCover {
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/BackgroundMask/BackgroundMask.js
 
 class BackgroundMask {
-  composite;
-  cover;
-  enable;
   constructor() {
     this.composite = "destination-out";
     this.cover = new BackgroundMaskCover();
@@ -2031,8 +2003,6 @@ class BackgroundMask {
 }
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/FullScreen/FullScreen.js
 class FullScreen {
-  enable;
-  zIndex;
   constructor() {
     this.enable = true;
     this.zIndex = 0;
@@ -2051,8 +2021,6 @@ class FullScreen {
 }
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Interactivity/Events/ClickEvent.js
 class ClickEvent {
-  enable;
-  mode;
   constructor() {
     this.enable = false;
     this.mode = [];
@@ -2072,10 +2040,6 @@ class ClickEvent {
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Interactivity/Events/DivEvent.js
 
 class DivEvent {
-  enable;
-  mode;
-  selectors;
-  type;
   constructor() {
     this.selectors = [];
     this.enable = false;
@@ -2101,10 +2065,11 @@ class DivEvent {
     this.selectors = executeOnSingleOrMultiple(value, t => `#${t}`);
   }
   load(data) {
+    var _a, _b;
     if (!data) {
       return;
     }
-    const ids = data.ids ?? data.elementId ?? data.el;
+    const ids = (_b = (_a = data.ids) !== null && _a !== void 0 ? _a : data.elementId) !== null && _b !== void 0 ? _b : data.el;
     if (ids !== undefined) {
       this.ids = ids;
     }
@@ -2124,9 +2089,6 @@ class DivEvent {
 }
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Interactivity/Events/Parallax.js
 class Parallax {
-  enable;
-  force;
-  smooth;
   constructor() {
     this.enable = false;
     this.force = 2;
@@ -2150,9 +2112,6 @@ class Parallax {
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Interactivity/Events/HoverEvent.js
 
 class HoverEvent {
-  enable;
-  mode;
-  parallax;
   constructor() {
     this.enable = false;
     this.mode = [];
@@ -2177,10 +2136,6 @@ class HoverEvent {
 
 
 class Events {
-  onClick;
-  onDiv;
-  onHover;
-  resize;
   constructor() {
     this.onClick = new ClickEvent();
     this.onDiv = new DivEvent();
@@ -2206,11 +2161,12 @@ class Events {
     this.onHover = value;
   }
   load(data) {
+    var _a, _b, _c;
     if (!data) {
       return;
     }
-    this.onClick.load(data.onClick ?? data.onclick);
-    const onDiv = data.onDiv ?? data.ondiv;
+    this.onClick.load((_a = data.onClick) !== null && _a !== void 0 ? _a : data.onclick);
+    const onDiv = (_b = data.onDiv) !== null && _b !== void 0 ? _b : data.ondiv;
     if (onDiv !== undefined) {
       this.onDiv = executeOnSingleOrMultiple(onDiv, t => {
         const tmp = new DivEvent();
@@ -2218,7 +2174,7 @@ class Events {
         return tmp;
       });
     }
-    this.onHover.load(data.onHover ?? data.onhover);
+    this.onHover.load((_c = data.onHover) !== null && _c !== void 0 ? _c : data.onhover);
     if (data.resize !== undefined) {
       this.resize = data.resize;
     }
@@ -2226,8 +2182,6 @@ class Events {
 }
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Interactivity/Modes/Modes.js
 class Modes {
-  _container;
-  _engine;
   constructor(engine, container) {
     this._engine = engine;
     this._container = container;
@@ -2252,9 +2206,6 @@ class Modes {
 
 
 class Interactivity {
-  detectsOn;
-  events;
-  modes;
   constructor(engine, container) {
     this.detectsOn = "window";
     this.events = new Events();
@@ -2267,10 +2218,11 @@ class Interactivity {
     this.detectsOn = value;
   }
   load(data) {
+    var _a;
     if (!data) {
       return;
     }
-    const detectsOn = data.detectsOn ?? data.detect_on;
+    const detectsOn = (_a = data.detectsOn) !== null && _a !== void 0 ? _a : data.detect_on;
     if (detectsOn !== undefined) {
       this.detectsOn = detectsOn;
     }
@@ -2281,16 +2233,15 @@ class Interactivity {
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/ManualParticle.js
 
 class ManualParticle {
-  options;
-  position;
   load(data) {
+    var _a, _b;
     if (!data) {
       return;
     }
     if (data.position !== undefined) {
       this.position = {
-        x: data.position.x ?? 50,
-        y: data.position.y ?? 50
+        x: (_a = data.position.x) !== null && _a !== void 0 ? _a : 50,
+        y: (_b = data.position.y) !== null && _b !== void 0 ? _b : 50
       };
     }
     if (data.options !== undefined) {
@@ -2301,9 +2252,6 @@ class ManualParticle {
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Responsive.js
 
 class Responsive {
-  maxWidth;
-  mode;
-  options;
   constructor() {
     this.maxWidth = Infinity;
     this.options = {};
@@ -2330,9 +2278,6 @@ class Responsive {
 }
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Theme/ThemeDefault.js
 class ThemeDefault {
-  auto;
-  mode;
-  value;
   constructor() {
     this.auto = false;
     this.mode = "any";
@@ -2357,9 +2302,6 @@ class ThemeDefault {
 
 
 class Theme {
-  default;
-  name;
-  options;
   constructor() {
     this.name = "";
     this.default = new ThemeDefault();
@@ -2380,12 +2322,6 @@ class Theme {
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/ColorAnimation.js
 
 class ColorAnimation {
-  count;
-  decay;
-  enable;
-  offset;
-  speed;
-  sync;
   constructor() {
     this.count = 0;
     this.enable = false;
@@ -2421,9 +2357,6 @@ class ColorAnimation {
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/HslAnimation.js
 
 class HslAnimation {
-  h;
-  l;
-  s;
   constructor() {
     this.h = new ColorAnimation();
     this.s = new ColorAnimation();
@@ -2442,7 +2375,6 @@ class HslAnimation {
 
 
 class AnimatableColor extends OptionsColor {
-  animation;
   constructor() {
     super();
     this.animation = new HslAnimation();
@@ -2478,7 +2410,6 @@ class AnimatableColor extends OptionsColor {
 }
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Collisions/CollisionsAbsorb.js
 class CollisionsAbsorb {
-  speed;
   constructor() {
     this.speed = 2;
   }
@@ -2493,8 +2424,6 @@ class CollisionsAbsorb {
 }
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Collisions/CollisionsOverlap.js
 class CollisionsOverlap {
-  enable;
-  retries;
   constructor() {
     this.enable = true;
     this.retries = 0;
@@ -2513,8 +2442,6 @@ class CollisionsOverlap {
 }
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Random.js
 class Random {
-  enable;
-  minimumValue;
   constructor() {
     this.enable = false;
     this.minimumValue = 0;
@@ -2535,8 +2462,6 @@ class Random {
 
 
 class ValueWithRandom {
-  random;
-  value;
   constructor() {
     this.random = new Random();
     this.value = 0;
@@ -2567,8 +2492,6 @@ class ParticlesBounceFactor extends ValueWithRandom {
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Bounce/ParticlesBounce.js
 
 class ParticlesBounce {
-  horizontal;
-  vertical;
   constructor() {
     this.horizontal = new ParticlesBounceFactor();
     this.vertical = new ParticlesBounceFactor();
@@ -2586,11 +2509,6 @@ class ParticlesBounce {
 
 
 class Collisions {
-  absorb;
-  bounce;
-  enable;
-  mode;
-  overlap;
   constructor() {
     this.absorb = new CollisionsAbsorb();
     this.bounce = new ParticlesBounce();
@@ -2616,8 +2534,6 @@ class Collisions {
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Move/MoveAngle.js
 
 class MoveAngle {
-  offset;
-  value;
   constructor() {
     this.offset = 0;
     this.value = 90;
@@ -2637,9 +2553,6 @@ class MoveAngle {
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Move/MoveAttract.js
 
 class MoveAttract {
-  distance;
-  enable;
-  rotate;
   constructor() {
     this.distance = 200;
     this.enable = false;
@@ -2661,6 +2574,7 @@ class MoveAttract {
     this.rotate.y = value;
   }
   load(data) {
+    var _a, _b, _c, _d;
     if (!data) {
       return;
     }
@@ -2670,11 +2584,11 @@ class MoveAttract {
     if (data.enable !== undefined) {
       this.enable = data.enable;
     }
-    const rotateX = data.rotate?.x ?? data.rotateX;
+    const rotateX = (_b = (_a = data.rotate) === null || _a === void 0 ? void 0 : _a.x) !== null && _b !== void 0 ? _b : data.rotateX;
     if (rotateX !== undefined) {
       this.rotate.x = rotateX;
     }
-    const rotateY = data.rotate?.y ?? data.rotateY;
+    const rotateY = (_d = (_c = data.rotate) === null || _c === void 0 ? void 0 : _c.y) !== null && _d !== void 0 ? _d : data.rotateY;
     if (rotateY !== undefined) {
       this.rotate.y = rotateY;
     }
@@ -2682,10 +2596,6 @@ class MoveAttract {
 }
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Move/MoveCenter.js
 class MoveCenter {
-  mode;
-  radius;
-  x;
-  y;
   constructor() {
     this.x = 50;
     this.y = 50;
@@ -2713,10 +2623,6 @@ class MoveCenter {
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Move/MoveGravity.js
 
 class MoveGravity {
-  acceleration;
-  enable;
-  inverse;
-  maxSpeed;
   constructor() {
     this.acceleration = 9.81;
     this.enable = false;
@@ -2745,11 +2651,6 @@ class MoveGravity {
 
 
 class MovePath {
-  clamp;
-  delay;
-  enable;
-  generator;
-  options;
   constructor() {
     this.clamp = true;
     this.delay = new ValueWithRandom();
@@ -2776,9 +2677,6 @@ class MovePath {
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Move/MoveTrail.js
 
 class MoveTrail {
-  enable;
-  fillColor;
-  length;
   constructor() {
     this.enable = false;
     this.length = 10;
@@ -2800,34 +2698,27 @@ class MoveTrail {
 }
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Move/OutModes.js
 class OutModes {
-  bottom;
-  default;
-  left;
-  right;
-  top;
   constructor() {
     this.default = "out";
   }
   load(data) {
+    var _a, _b, _c, _d;
     if (!data) {
       return;
     }
     if (data.default !== undefined) {
       this.default = data.default;
     }
-    this.bottom = data.bottom ?? data.default;
-    this.left = data.left ?? data.default;
-    this.right = data.right ?? data.default;
-    this.top = data.top ?? data.default;
+    this.bottom = (_a = data.bottom) !== null && _a !== void 0 ? _a : data.default;
+    this.left = (_b = data.left) !== null && _b !== void 0 ? _b : data.default;
+    this.right = (_c = data.right) !== null && _c !== void 0 ? _c : data.default;
+    this.top = (_d = data.top) !== null && _d !== void 0 ? _d : data.default;
   }
 }
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Move/Spin.js
 
 
 class Spin {
-  acceleration;
-  enable;
-  position;
   constructor() {
     this.acceleration = 0;
     this.enable = false;
@@ -2856,25 +2747,6 @@ class Spin {
 
 
 class Move {
-  angle;
-  attract;
-  center;
-  decay;
-  direction;
-  distance;
-  drift;
-  enable;
-  gravity;
-  outModes;
-  path;
-  random;
-  size;
-  speed;
-  spin;
-  straight;
-  trail;
-  vibrate;
-  warp;
   constructor() {
     this.angle = new MoveAngle();
     this.attract = new MoveAttract();
@@ -2925,6 +2797,7 @@ class Move {
     this.outMode = value;
   }
   load(data) {
+    var _a, _b, _c;
     if (!data) {
       return;
     }
@@ -2943,9 +2816,7 @@ class Move {
       this.distance = typeof data.distance === "number" ? {
         horizontal: data.distance,
         vertical: data.distance
-      } : {
-        ...data.distance
-      };
+      } : Object.assign({}, data.distance);
     }
     if (data.drift !== undefined) {
       this.drift = setRangeValue(data.drift);
@@ -2954,7 +2825,7 @@ class Move {
       this.enable = data.enable;
     }
     this.gravity.load(data.gravity);
-    const outModes = data.outModes ?? data.outMode ?? data.out_mode;
+    const outModes = (_b = (_a = data.outModes) !== null && _a !== void 0 ? _a : data.outMode) !== null && _b !== void 0 ? _b : data.out_mode;
     if (outModes !== undefined) {
       if (typeof outModes === "object") {
         this.outModes.load(outModes);
@@ -2964,7 +2835,7 @@ class Move {
         });
       }
     }
-    this.path.load(data.path ?? data.noise);
+    this.path.load((_c = data.path) !== null && _c !== void 0 ? _c : data.noise);
     if (data.random !== undefined) {
       this.random = data.random;
     }
@@ -2990,11 +2861,6 @@ class Move {
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/AnimationOptions.js
 
 class AnimationOptions {
-  count;
-  decay;
-  enable;
-  speed;
-  sync;
   constructor() {
     this.count = 0;
     this.enable = false;
@@ -3026,9 +2892,6 @@ class AnimationOptions {
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Opacity/OpacityAnimation.js
 
 class OpacityAnimation extends AnimationOptions {
-  destroy;
-  minimumValue;
-  startValue;
   constructor() {
     super();
     this.destroy = "none";
@@ -3044,6 +2907,7 @@ class OpacityAnimation extends AnimationOptions {
     this.minimumValue = value;
   }
   load(data) {
+    var _a;
     if (!data) {
       return;
     }
@@ -3054,7 +2918,7 @@ class OpacityAnimation extends AnimationOptions {
     if (data.enable !== undefined) {
       this.enable = data.enable;
     }
-    this.minimumValue = data.minimumValue ?? data.opacity_min;
+    this.minimumValue = (_a = data.minimumValue) !== null && _a !== void 0 ? _a : data.opacity_min;
     if (data.speed !== undefined) {
       this.speed = data.speed;
     }
@@ -3071,7 +2935,6 @@ class OpacityAnimation extends AnimationOptions {
 
 
 class Opacity extends ValueWithRandom {
-  animation;
   constructor() {
     super();
     this.animation = new OpacityAnimation();
@@ -3085,11 +2948,12 @@ class Opacity extends ValueWithRandom {
     this.animation = value;
   }
   load(data) {
+    var _a;
     if (!data) {
       return;
     }
     super.load(data);
-    const animation = data.animation ?? data.anim;
+    const animation = (_a = data.animation) !== null && _a !== void 0 ? _a : data.anim;
     if (animation !== undefined) {
       this.animation.load(animation);
       this.value = setRangeValue(this.value, this.animation.enable ? this.animation.minimumValue : undefined);
@@ -3098,9 +2962,6 @@ class Opacity extends ValueWithRandom {
 }
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Number/ParticlesDensity.js
 class ParticlesDensity {
-  area;
-  enable;
-  factor;
   constructor() {
     this.enable = false;
     this.area = 800;
@@ -3113,13 +2974,14 @@ class ParticlesDensity {
     this.area = value;
   }
   load(data) {
+    var _a;
     if (!data) {
       return;
     }
     if (data.enable !== undefined) {
       this.enable = data.enable;
     }
-    const area = data.area ?? data.value_area;
+    const area = (_a = data.area) !== null && _a !== void 0 ? _a : data.value_area;
     if (area !== undefined) {
       this.area = area;
     }
@@ -3131,9 +2993,6 @@ class ParticlesDensity {
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Number/ParticlesNumber.js
 
 class ParticlesNumber {
-  density;
-  limit;
-  value;
   constructor() {
     this.density = new ParticlesDensity();
     this.limit = 0;
@@ -3146,11 +3005,12 @@ class ParticlesNumber {
     this.limit = value;
   }
   load(data) {
+    var _a;
     if (!data) {
       return;
     }
     this.density.load(data.density);
-    const limit = data.limit ?? data.max;
+    const limit = (_a = data.limit) !== null && _a !== void 0 ? _a : data.max;
     if (limit !== undefined) {
       this.limit = limit;
     }
@@ -3162,10 +3022,6 @@ class ParticlesNumber {
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Shadow.js
 
 class Shadow {
-  blur;
-  color;
-  enable;
-  offset;
   constructor() {
     this.blur = 0;
     this.color = new OptionsColor();
@@ -3207,14 +3063,13 @@ const charKey = "character",
   polygonKey = "polygon",
   polygonAltKey = "star";
 class Shape {
-  options;
-  type;
   constructor() {
     this.options = {};
     this.type = "circle";
   }
   get character() {
-    return this.options[charKey] ?? this.options[charAltKey];
+    var _a;
+    return (_a = this.options[charKey]) !== null && _a !== void 0 ? _a : this.options[charAltKey];
   }
   set character(value) {
     this.options[charAltKey] = this.options[charKey] = value;
@@ -3226,7 +3081,8 @@ class Shape {
     this.options = value;
   }
   get image() {
-    return this.options[imageKey] ?? this.options[imageAltKey];
+    var _a;
+    return (_a = this.options[imageKey]) !== null && _a !== void 0 ? _a : this.options[imageAltKey];
   }
   set image(value) {
     this.options[imageAltKey] = this.options[imageKey] = value;
@@ -3238,7 +3094,8 @@ class Shape {
     this.image = value;
   }
   get polygon() {
-    return this.options[polygonKey] ?? this.options[polygonAltKey];
+    var _a;
+    return (_a = this.options[polygonKey]) !== null && _a !== void 0 ? _a : this.options[polygonAltKey];
   }
   set polygon(value) {
     this.options[polygonAltKey] = this.options[polygonKey] = value;
@@ -3248,26 +3105,28 @@ class Shape {
   }
   set stroke(_value) {}
   load(data) {
+    var _a, _b, _c;
     if (!data) {
       return;
     }
-    const options = data.options ?? data.custom;
+    const options = (_a = data.options) !== null && _a !== void 0 ? _a : data.custom;
     if (options !== undefined) {
       for (const shape in options) {
         const item = options[shape];
         if (item) {
-          this.options[shape] = deepExtend(this.options[shape] ?? {}, item);
+          this.options[shape] = deepExtend((_b = this.options[shape]) !== null && _b !== void 0 ? _b : {}, item);
         }
       }
     }
     this.loadShape(data.character, charKey, charAltKey, true);
     this.loadShape(data.polygon, polygonKey, polygonAltKey, false);
-    this.loadShape(data.image ?? data.images, imageKey, imageAltKey, true);
+    this.loadShape((_c = data.image) !== null && _c !== void 0 ? _c : data.images, imageKey, imageAltKey, true);
     if (data.type !== undefined) {
       this.type = data.type;
     }
   }
   loadShape(item, mainKey, altKey, altOverride) {
+    var _a, _b;
     if (!item) {
       return;
     }
@@ -3281,18 +3140,15 @@ class Shape {
     if (altDifferentValues && altOverride) {
       this.options[altKey] = emptyValue;
     }
-    this.options[mainKey] = deepExtend(this.options[mainKey] ?? emptyValue, item);
+    this.options[mainKey] = deepExtend((_a = this.options[mainKey]) !== null && _a !== void 0 ? _a : emptyValue, item);
     if (!this.options[altKey] || altOverride) {
-      this.options[altKey] = deepExtend(this.options[altKey] ?? emptyValue, item);
+      this.options[altKey] = deepExtend((_b = this.options[altKey]) !== null && _b !== void 0 ? _b : emptyValue, item);
     }
   }
 }
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Size/SizeAnimation.js
 
 class SizeAnimation extends AnimationOptions {
-  destroy;
-  minimumValue;
-  startValue;
   constructor() {
     super();
     this.destroy = "none";
@@ -3308,6 +3164,7 @@ class SizeAnimation extends AnimationOptions {
     this.minimumValue = value;
   }
   load(data) {
+    var _a;
     super.load(data);
     if (!data) {
       return;
@@ -3318,7 +3175,7 @@ class SizeAnimation extends AnimationOptions {
     if (data.enable !== undefined) {
       this.enable = data.enable;
     }
-    this.minimumValue = data.minimumValue ?? data.size_min;
+    this.minimumValue = (_a = data.minimumValue) !== null && _a !== void 0 ? _a : data.size_min;
     if (data.speed !== undefined) {
       this.speed = data.speed;
     }
@@ -3335,7 +3192,6 @@ class SizeAnimation extends AnimationOptions {
 
 
 class Size extends ValueWithRandom {
-  animation;
   constructor() {
     super();
     this.animation = new SizeAnimation();
@@ -3349,11 +3205,12 @@ class Size extends ValueWithRandom {
     this.animation = value;
   }
   load(data) {
+    var _a;
     super.load(data);
     if (!data) {
       return;
     }
-    const animation = data.animation ?? data.anim;
+    const animation = (_a = data.animation) !== null && _a !== void 0 ? _a : data.anim;
     if (animation !== undefined) {
       this.animation.load(animation);
       this.value = setRangeValue(this.value, this.animation.enable ? this.animation.minimumValue : undefined);
@@ -3363,9 +3220,6 @@ class Size extends ValueWithRandom {
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Stroke.js
 
 class Stroke {
-  color;
-  opacity;
-  width;
   constructor() {
     this.width = 0;
   }
@@ -3387,9 +3241,6 @@ class Stroke {
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/ZIndex/ZIndex.js
 
 class ZIndex extends ValueWithRandom {
-  opacityRate;
-  sizeRate;
-  velocityRate;
   constructor() {
     super();
     this.opacityRate = 1;
@@ -3426,22 +3277,6 @@ class ZIndex extends ValueWithRandom {
 
 
 class ParticlesOptions {
-  bounce;
-  collisions;
-  color;
-  groups;
-  interactivity;
-  move;
-  number;
-  opacity;
-  reduceDuplicates;
-  shadow;
-  shape;
-  size;
-  stroke;
-  zIndex;
-  _container;
-  _engine;
   constructor(engine, container) {
     this._engine = engine;
     this._container = container;
@@ -3461,6 +3296,7 @@ class ParticlesOptions {
     this.zIndex = new ZIndex();
   }
   load(data) {
+    var _a, _b, _c, _d, _e, _f;
     if (!data) {
       return;
     }
@@ -3470,7 +3306,7 @@ class ParticlesOptions {
       for (const group in data.groups) {
         const item = data.groups[group];
         if (item !== undefined) {
-          this.groups[group] = deepExtend(this.groups[group] ?? {}, item);
+          this.groups[group] = deepExtend((_a = this.groups[group]) !== null && _a !== void 0 ? _a : {}, item);
         }
       }
     }
@@ -3484,7 +3320,7 @@ class ParticlesOptions {
     this.size.load(data.size);
     this.shadow.load(data.shadow);
     this.zIndex.load(data.zIndex);
-    const collisions = data.move?.collisions ?? data.move?.bounce;
+    const collisions = (_c = (_b = data.move) === null || _b === void 0 ? void 0 : _b.collisions) !== null && _c !== void 0 ? _c : (_d = data.move) === null || _d === void 0 ? void 0 : _d.bounce;
     if (collisions !== undefined) {
       this.collisions.enable = collisions;
     }
@@ -3492,7 +3328,7 @@ class ParticlesOptions {
     if (data.interactivity !== undefined) {
       this.interactivity = deepExtend({}, data.interactivity);
     }
-    const strokeToLoad = data.stroke ?? data.shape?.stroke;
+    const strokeToLoad = (_e = data.stroke) !== null && _e !== void 0 ? _e : (_f = data.shape) === null || _f === void 0 ? void 0 : _f.stroke;
     if (strokeToLoad) {
       this.stroke = executeOnSingleOrMultiple(strokeToLoad, t => {
         const tmp = new Stroke();
@@ -3544,28 +3380,6 @@ function loadParticlesOptions(engine, container, ...sourceOptionsArr) {
 
 
 class Options {
-  autoPlay;
-  background;
-  backgroundMask;
-  defaultThemes;
-  delay;
-  detectRetina;
-  duration;
-  fpsLimit;
-  fullScreen;
-  interactivity;
-  manualParticles;
-  particles;
-  pauseOnBlur;
-  pauseOnOutsideViewport;
-  preset;
-  responsive;
-  smooth;
-  style;
-  themes;
-  zLayers;
-  _container;
-  _engine;
   constructor(engine, container) {
     this._engine = engine;
     this._container = container;
@@ -3608,6 +3422,7 @@ class Options {
     this.detectRetina = value;
   }
   load(data) {
+    var _a, _b, _c, _d, _e;
     if (!data) {
       return;
     }
@@ -3620,14 +3435,14 @@ class Options {
     if (data.delay !== undefined) {
       this.delay = setRangeValue(data.delay);
     }
-    const detectRetina = data.detectRetina ?? data.retina_detect;
+    const detectRetina = (_a = data.detectRetina) !== null && _a !== void 0 ? _a : data.retina_detect;
     if (detectRetina !== undefined) {
       this.detectRetina = detectRetina;
     }
     if (data.duration !== undefined) {
       this.duration = setRangeValue(data.duration);
     }
-    const fpsLimit = data.fpsLimit ?? data.fps_limit;
+    const fpsLimit = (_b = data.fpsLimit) !== null && _b !== void 0 ? _b : data.fps_limit;
     if (fpsLimit !== undefined) {
       this.fpsLimit = fpsLimit;
     }
@@ -3641,7 +3456,7 @@ class Options {
       this.zLayers = data.zLayers;
     }
     this.background.load(data.background);
-    const fullScreen = data.fullScreen ?? data.backgroundMode;
+    const fullScreen = (_c = data.fullScreen) !== null && _c !== void 0 ? _c : data.backgroundMode;
     if (typeof fullScreen === "boolean") {
       this.fullScreen.enable = fullScreen;
     } else {
@@ -3685,14 +3500,14 @@ class Options {
         this.themes.push(optTheme);
       }
     }
-    this.defaultThemes.dark = this._findDefaultTheme("dark")?.name;
-    this.defaultThemes.light = this._findDefaultTheme("light")?.name;
+    this.defaultThemes.dark = (_d = this._findDefaultTheme("dark")) === null || _d === void 0 ? void 0 : _d.name;
+    this.defaultThemes.light = (_e = this._findDefaultTheme("light")) === null || _e === void 0 ? void 0 : _e.name;
   }
   setResponsive(width, pxRatio, defaultOptions) {
     this.load(defaultOptions);
     const responsiveOptions = this.responsive.find(t => t.mode === "screen" && screen ? t.maxWidth > screen.availWidth : t.maxWidth * pxRatio > width);
-    this.load(responsiveOptions?.options);
-    return responsiveOptions?.maxWidth;
+    this.load(responsiveOptions === null || responsiveOptions === void 0 ? void 0 : responsiveOptions.options);
+    return responsiveOptions === null || responsiveOptions === void 0 ? void 0 : responsiveOptions.maxWidth;
   }
   setTheme(name) {
     if (name) {
@@ -3710,7 +3525,8 @@ class Options {
     }
   }
   _findDefaultTheme(mode) {
-    return this.themes.find(theme => theme.default.value && theme.default.mode === mode) ?? this.themes.find(theme => theme.default.value && theme.default.mode === "any");
+    var _a;
+    return (_a = this.themes.find(theme => theme.default.value && theme.default.mode === mode)) !== null && _a !== void 0 ? _a : this.themes.find(theme => theme.default.value && theme.default.mode === "any");
   }
   _importPreset(preset) {
     this.load(this._engine.plugins.getPreset(preset));
@@ -3718,11 +3534,6 @@ class Options {
 }
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Core/Utils/InteractionManager.js
 class InteractionManager {
-  container;
-  _engine;
-  _externalInteractors;
-  _interactors;
-  _particleInteractors;
   constructor(engine, container) {
     this.container = container;
     this._engine = engine;
@@ -3802,51 +3613,6 @@ const fixOutMode = data => {
   }
 };
 class Particle {
-  container;
-  backColor;
-  bubble;
-  close;
-  color;
-  destroyed;
-  direction;
-  fill;
-  group;
-  id;
-  ignoresResizeRatio;
-  initialPosition;
-  initialVelocity;
-  interactivity;
-  lastPathTime;
-  misplaced;
-  moveCenter;
-  moveDecay;
-  offset;
-  opacity;
-  options;
-  outType;
-  pathDelay;
-  pathGenerator;
-  pathRotation;
-  position;
-  randomIndexData;
-  retina;
-  roll;
-  rotation;
-  shadowColor;
-  shape;
-  shapeData;
-  sides;
-  size;
-  slow;
-  spawning;
-  stroke;
-  strokeColor;
-  strokeWidth;
-  unbreakable;
-  velocity;
-  wobble;
-  zIndexFactor;
-  _engine;
   constructor(engine, id, container, position, overrideOptions, group) {
     this.container = container;
     this._engine = engine;
@@ -3878,11 +3644,12 @@ class Particle {
     container.canvas.drawParticle(this, delta);
   }
   getFillColor() {
-    const color = this.bubble.color ?? getHslFromAnimation(this.color);
+    var _a, _b;
+    const color = (_a = this.bubble.color) !== null && _a !== void 0 ? _a : getHslFromAnimation(this.color);
     if (color && this.roll && (this.backColor || this.roll.alter)) {
       const backFactor = this.roll.horizontal && this.roll.vertical ? 2 : 1,
         backSum = this.roll.horizontal ? Math.PI / 2 : 0,
-        rolled = Math.floor(((this.roll.angle ?? 0) + backSum) / (Math.PI / backFactor)) % 2;
+        rolled = Math.floor((((_b = this.roll.angle) !== null && _b !== void 0 ? _b : 0) + backSum) / (Math.PI / backFactor)) % 2;
       if (rolled) {
         if (this.backColor) {
           return this.backColor;
@@ -3905,12 +3672,15 @@ class Particle {
     };
   }
   getRadius() {
-    return this.bubble.radius ?? this.size.value;
+    var _a;
+    return (_a = this.bubble.radius) !== null && _a !== void 0 ? _a : this.size.value;
   }
   getStrokeColor() {
-    return this.bubble.color ?? getHslFromAnimation(this.strokeColor) ?? this.getFillColor();
+    var _a, _b;
+    return (_b = (_a = this.bubble.color) !== null && _a !== void 0 ? _a : getHslFromAnimation(this.strokeColor)) !== null && _b !== void 0 ? _b : this.getFillColor();
   }
   init(id, position, overrideOptions, group) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     const container = this.container,
       engine = this._engine;
     this.group = group;
@@ -3946,12 +3716,12 @@ class Particle {
     }
     this.shapeData = this._loadShapeData(shapeOptions, reduceDuplicates);
     particlesOptions.load(overrideOptions);
-    particlesOptions.load(this.shapeData?.particles);
+    particlesOptions.load((_a = this.shapeData) === null || _a === void 0 ? void 0 : _a.particles);
     this.interactivity = new Interactivity(engine, container);
     this.interactivity.load(container.actualOptions.interactivity);
     this.interactivity.load(particlesOptions.interactivity);
-    this.fill = this.shapeData?.fill ?? this.fill;
-    this.close = this.shapeData?.close ?? this.close;
+    this.fill = (_c = (_b = this.shapeData) === null || _b === void 0 ? void 0 : _b.fill) !== null && _c !== void 0 ? _c : this.fill;
+    this.close = (_e = (_d = this.shapeData) === null || _d === void 0 ? void 0 : _d.close) !== null && _e !== void 0 ? _e : this.close;
     this.options = particlesOptions;
     const pathOptions = this.options.move.path;
     this.pathDelay = getValue(pathOptions.delay) * 1000;
@@ -4003,15 +3773,13 @@ class Particle {
     this.position = this._calcPosition(container, position, clamp(zIndexValue, 0, container.zLayers));
     this.initialPosition = this.position.copy();
     const canvasSize = container.canvas.size,
-      moveCenter = {
-        ...this.options.move.center
-      },
+      moveCenter = Object.assign({}, this.options.move.center),
       isCenterPercent = moveCenter.mode === "percent";
     this.moveCenter = {
       x: moveCenter.x * (isCenterPercent ? canvasSize.width / 100 : 1),
       y: moveCenter.y * (isCenterPercent ? canvasSize.height / 100 : 1),
-      radius: this.options.move.center.radius ?? 0,
-      mode: this.options.move.center.mode ?? "percent"
+      radius: (_f = this.options.move.center.radius) !== null && _f !== void 0 ? _f : 0,
+      mode: (_g = this.options.move.center.mode) !== null && _g !== void 0 ? _g : "percent"
     };
     this.direction = getParticleDirectionAngle(this.options.move.direction, this.position, this.moveCenter);
     switch (this.options.move.direction) {
@@ -4038,10 +3806,10 @@ class Particle {
         container.drawers.set(this.shape, drawer);
       }
     }
-    if (drawer?.loadShape) {
-      drawer?.loadShape(this);
+    if (drawer === null || drawer === void 0 ? void 0 : drawer.loadShape) {
+      drawer === null || drawer === void 0 ? void 0 : drawer.loadShape(this);
     }
-    const sideCountFunc = drawer?.getSidesCount;
+    const sideCountFunc = drawer === null || drawer === void 0 ? void 0 : drawer.getSidesCount;
     if (sideCountFunc) {
       this.sides = sideCountFunc(this);
     }
@@ -4051,13 +3819,13 @@ class Particle {
       updater.init(this);
     }
     for (const mover of container.particles.movers) {
-      mover.init?.(this);
+      (_h = mover.init) === null || _h === void 0 ? void 0 : _h.call(mover, this);
     }
-    if (drawer?.particleInit) {
+    if (drawer === null || drawer === void 0 ? void 0 : drawer.particleInit) {
       drawer.particleInit(container, this);
     }
     for (const [, plugin] of container.plugins) {
-      plugin.particleCreated?.(this);
+      (_j = plugin.particleCreated) === null || _j === void 0 ? void 0 : _j.call(plugin, this);
     }
   }
   isInsideCanvas() {
@@ -4069,11 +3837,13 @@ class Particle {
     return !this.destroyed && !this.spawning && this.isInsideCanvas();
   }
   reset() {
+    var _a;
     for (const updater of this.container.particles.updaters) {
-      updater.reset?.(this);
+      (_a = updater.reset) === null || _a === void 0 ? void 0 : _a.call(updater, this);
     }
   }
   _calcPosition(container, position, zIndex, tryCount = 0) {
+    var _a, _b, _c, _d;
     for (const [, plugin] of container.plugins) {
       const pluginPos = plugin.particlePosition !== undefined ? plugin.particlePosition(position, this) : undefined;
       if (pluginPos !== undefined) {
@@ -4108,10 +3878,10 @@ class Particle {
           radius
         });
       };
-    fixHorizontal(outModes.left ?? outModes.default);
-    fixHorizontal(outModes.right ?? outModes.default);
-    fixVertical(outModes.top ?? outModes.default);
-    fixVertical(outModes.bottom ?? outModes.default);
+    fixHorizontal((_a = outModes.left) !== null && _a !== void 0 ? _a : outModes.default);
+    fixHorizontal((_b = outModes.right) !== null && _b !== void 0 ? _b : outModes.default);
+    fixVertical((_c = outModes.top) !== null && _c !== void 0 ? _c : outModes.default);
+    fixVertical((_d = outModes.bottom) !== null && _d !== void 0 ? _d : outModes.default);
     if (this._checkOverlap(pos, tryCount)) {
       return this._calcPosition(container, undefined, zIndex, tryCount + 1);
     }
@@ -4170,8 +3940,6 @@ class Particle {
 }
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Core/Utils/Point.js
 class Point {
-  position;
-  particle;
   constructor(position, particle) {
     this.position = position;
     this.particle = particle;
@@ -4179,7 +3947,6 @@ class Point {
 }
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Core/Utils/Range.js
 class Range {
-  position;
   constructor(x, y) {
     this.position = {
       x: x,
@@ -4191,7 +3958,6 @@ class Range {
 
 
 class Circle extends Range {
-  radius;
   constructor(x, y, radius) {
     super(x, y);
     this.radius = radius;
@@ -4226,7 +3992,6 @@ class Circle extends Range {
 
 
 class Rectangle extends Range {
-  size;
   constructor(x, y, width, height) {
     super(x, y);
     this.size = {
@@ -4262,14 +4027,6 @@ class Rectangle extends Range {
 
 
 class QuadTree {
-  rectangle;
-  capacity;
-  _NE;
-  _NW;
-  _SE;
-  _SW;
-  _divided;
-  _points;
   constructor(rectangle, capacity) {
     this.rectangle = rectangle;
     this.capacity = capacity;
@@ -4277,6 +4034,7 @@ class QuadTree {
     this._divided = false;
   }
   insert(point) {
+    var _a, _b, _c, _d, _e;
     if (!this.rectangle.contains(point.position)) {
       return false;
     }
@@ -4287,10 +4045,11 @@ class QuadTree {
     if (!this._divided) {
       this.subdivide();
     }
-    return (this._NE?.insert(point) || this._NW?.insert(point) || this._SE?.insert(point) || this._SW?.insert(point)) ?? false;
+    return (_e = ((_a = this._NE) === null || _a === void 0 ? void 0 : _a.insert(point)) || ((_b = this._NW) === null || _b === void 0 ? void 0 : _b.insert(point)) || ((_c = this._SE) === null || _c === void 0 ? void 0 : _c.insert(point)) || ((_d = this._SW) === null || _d === void 0 ? void 0 : _d.insert(point))) !== null && _e !== void 0 ? _e : false;
   }
   query(range, check, found) {
-    const res = found ?? [];
+    var _a, _b, _c, _d;
+    const res = found !== null && found !== void 0 ? found : [];
     if (!range.intersects(this.rectangle)) {
       return [];
     }
@@ -4301,10 +4060,10 @@ class QuadTree {
       res.push(p.particle);
     }
     if (this._divided) {
-      this._NE?.query(range, check, res);
-      this._NW?.query(range, check, res);
-      this._SE?.query(range, check, res);
-      this._SW?.query(range, check, res);
+      (_a = this._NE) === null || _a === void 0 ? void 0 : _a.query(range, check, res);
+      (_b = this._NW) === null || _b === void 0 ? void 0 : _b.query(range, check, res);
+      (_c = this._SE) === null || _c === void 0 ? void 0 : _c.query(range, check, res);
+      (_d = this._SW) === null || _d === void 0 ? void 0 : _d.query(range, check, res);
     }
     return res;
   }
@@ -4335,20 +4094,6 @@ class QuadTree {
 
 
 class Particles {
-  container;
-  array;
-  lastZIndex;
-  limit;
-  movers;
-  needsSort;
-  pool;
-  pushing;
-  quadTree;
-  updaters;
-  zArray;
-  _engine;
-  interactionManager;
-  nextId;
   constructor(engine, container) {
     this.container = container;
     this._engine = engine;
@@ -4422,6 +4167,7 @@ class Particles {
     this.interactionManager.handleClickMode(mode);
   }
   init() {
+    var _a;
     const container = this.container,
       options = container.actualOptions;
     this.lastZIndex = 0;
@@ -4445,7 +4191,7 @@ class Particles {
     if (!handled) {
       for (const group in options.particles.groups) {
         const groupOptions = options.particles.groups[group];
-        for (let i = this.count, j = 0; j < groupOptions.number?.value && i < options.particles.number.value; i++, j++) {
+        for (let i = this.count, j = 0; j < ((_a = groupOptions.number) === null || _a === void 0 ? void 0 : _a.value) && i < options.particles.number.value; i++, j++) {
           this.addParticle(undefined, groupOptions, group);
         }
       }
@@ -4457,7 +4203,7 @@ class Particles {
   push(nb, mouse, overrideOptions, group) {
     this.pushing = true;
     for (let i = 0; i < nb; i++) {
-      this.addParticle(mouse?.position, overrideOptions, group);
+      this.addParticle(mouse === null || mouse === void 0 ? void 0 : mouse.position, overrideOptions, group);
     }
     this.pushing = false;
   }
@@ -4507,13 +4253,14 @@ class Particles {
     this._applyDensity(options.particles, options.manualParticles.length);
   }
   async update(delta) {
+    var _a, _b;
     const container = this.container,
       particlesToDelete = [];
     for (const [, pathGenerator] of container.pathGenerators) {
       pathGenerator.update();
     }
     for (const [, plugin] of container.plugins) {
-      plugin.update?.(delta);
+      (_a = plugin.update) === null || _a === void 0 ? void 0 : _a.call(plugin, delta);
     }
     for (const particle of this.array) {
       const resizeFactor = container.canvas.resizeFactor;
@@ -4529,7 +4276,7 @@ class Particles {
         if (particle.destroyed) {
           break;
         }
-        plugin.particleUpdate?.(particle, delta);
+        (_b = plugin.particleUpdate) === null || _b === void 0 ? void 0 : _b.call(plugin, particle, delta);
       }
       for (const mover of this.movers) {
         if (mover.isEnabled(particle)) {
@@ -4557,7 +4304,8 @@ class Particles {
     delete container.canvas.resizeFactor;
   }
   _applyDensity(options, manualCount, group) {
-    if (!options.number.density?.enable) {
+    var _a;
+    if (!((_a = options.number.density) === null || _a === void 0 ? void 0 : _a.enable)) {
       return;
     }
     const numberOptions = options.number,
@@ -4617,12 +4365,6 @@ class Particles {
 
 
 class Retina {
-  container;
-  attractDistance;
-  maxSpeed;
-  pixelRatio;
-  reduceFactor;
-  sizeAnimationSpeed;
   constructor(container) {
     this.container = container;
   }
@@ -4686,38 +4428,6 @@ const defaultPathGeneratorKey = "default",
     update: () => {}
   };
 class Container {
-  id;
-  actualOptions;
-  canvas;
-  destroyed;
-  drawers;
-  duration;
-  fpsLimit;
-  frameManager;
-  interactivity;
-  lastFrameTime;
-  lifeTime;
-  pageHidden;
-  particles;
-  pathGenerators;
-  plugins;
-  responsiveMaxWidth;
-  retina;
-  smooth;
-  started;
-  zLayers;
-  _currentTheme;
-  _delay;
-  _delayTimeout;
-  _drawAnimationFrame;
-  _engine;
-  _eventListeners;
-  _firstStart;
-  _initialSourceOptions;
-  _intersectionObserver;
-  _options;
-  _paused;
-  _sourceOptions;
   constructor(engine, id, sourceOptions) {
     this.id = id;
     this._engine = engine;
@@ -4851,7 +4561,7 @@ class Container {
     if (!guardCheck(this) || !override && this.pathGenerators.has(key)) {
       return false;
     }
-    this.pathGenerators.set(key, generator ?? defaultPathGenerator);
+    this.pathGenerators.set(key, generator !== null && generator !== void 0 ? generator : defaultPathGenerator);
     return true;
   }
   destroy() {
@@ -4904,7 +4614,7 @@ class Container {
   exportImage(callback, type, quality) {
     const element = this.canvas.element;
     if (element) {
-      element.toBlob(callback, type ?? "image/png", quality);
+      element.toBlob(callback, type !== null && type !== void 0 ? type : "image/png", quality);
     }
   }
   exportImg(callback) {
@@ -5054,9 +4764,7 @@ class Container {
     if (!pathOrGenerator || !guardCheck(this)) {
       return;
     }
-    const pathGenerator = {
-      ...defaultPathGenerator
-    };
+    const pathGenerator = Object.assign({}, defaultPathGenerator);
     if (typeof pathOrGenerator === "function") {
       pathGenerator.generate = pathOrGenerator;
       if (init) {
@@ -5170,7 +4878,6 @@ async function getDataFromUrl(jsonUrl, index) {
   fetchError(response.status);
 }
 class Loader {
-  _engine;
   constructor(engine) {
     this._engine = engine;
   }
@@ -5187,7 +4894,7 @@ class Loader {
     if (typeof options === "number") {
       params.index = options;
     } else {
-      params.options = options ?? params.options;
+      params.options = options !== null && options !== void 0 ? options : params.options;
     }
     return this.loadOptions(params);
   }
@@ -5207,18 +4914,19 @@ class Loader {
     });
   }
   async loadOptions(params) {
-    const tagId = params.tagId ?? `tsparticles${Math.floor(getRandom() * 10000)}`,
+    var _a, _b, _c;
+    const tagId = (_a = params.tagId) !== null && _a !== void 0 ? _a : `tsparticles${Math.floor(getRandom() * 10000)}`,
       {
         index,
         url: jsonUrl,
         remote
       } = params,
       options = remote ? await getDataFromUrl(jsonUrl, index) : params.options;
-    let domContainer = params.element ?? document.getElementById(tagId);
+    let domContainer = (_b = params.element) !== null && _b !== void 0 ? _b : document.getElementById(tagId);
     if (!domContainer) {
       domContainer = document.createElement("div");
       domContainer.id = tagId;
-      document.querySelector("body")?.append(domContainer);
+      (_c = document.querySelector("body")) === null || _c === void 0 ? void 0 : _c.append(domContainer);
     }
     const currentOptions = itemFromSingleOrMultiple(options, index),
       dom = this._engine.dom(),
@@ -5282,7 +4990,7 @@ class Loader {
     if (typeof options === "number") {
       params.index = options;
     } else {
-      params.options = options ?? params.options;
+      params.options = options !== null && options !== void 0 ? options : params.options;
     }
     return this.loadOptions(params);
   }
@@ -5317,15 +5025,6 @@ function getItemsFromInitializer(container, map, initializers, force = false) {
   return res;
 }
 class Plugins {
-  drawers;
-  interactors;
-  movers;
-  pathGenerators;
-  plugins;
-  presets;
-  updaters;
-  _engine;
-  _initializers;
   constructor(engine) {
     this._engine = engine;
     this.plugins = [];
@@ -5431,11 +5130,6 @@ class Plugins {
 
 
 class Engine {
-  plugins;
-  _domArray;
-  _eventDispatcher;
-  _initialized;
-  _loader;
   constructor() {
     this._domArray = [];
     this._eventDispatcher = new EventDispatcher();
@@ -5541,22 +5235,22 @@ class Engine {
 
 
 class HslColorManager {
-  key;
-  stringPrefix;
   constructor() {
     this.key = "hsl";
     this.stringPrefix = "hsl";
   }
   handleColor(color) {
+    var _a;
     const colorValue = color.value,
-      hslColor = colorValue.hsl ?? color.value;
+      hslColor = (_a = colorValue.hsl) !== null && _a !== void 0 ? _a : color.value;
     if (hslColor.h !== undefined && hslColor.l !== undefined) {
       return hslToRgb(hslColor);
     }
   }
   handleRangeColor(color) {
+    var _a;
     const colorValue = color.value,
-      hslColor = colorValue.hsl ?? color.value;
+      hslColor = (_a = colorValue.hsl) !== null && _a !== void 0 ? _a : color.value;
     if (hslColor.h !== undefined && hslColor.l !== undefined) {
       return hslToRgb({
         h: getRangeValue(hslColor.h),
@@ -5582,22 +5276,22 @@ class HslColorManager {
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Utils/RgbColorManager.js
 
 class RgbColorManager {
-  key;
-  stringPrefix;
   constructor() {
     this.key = "rgb";
     this.stringPrefix = "rgb";
   }
   handleColor(color) {
+    var _a;
     const colorValue = color.value,
-      rgbColor = colorValue.rgb ?? color.value;
+      rgbColor = (_a = colorValue.rgb) !== null && _a !== void 0 ? _a : color.value;
     if (rgbColor.r !== undefined) {
       return rgbColor;
     }
   }
   handleRangeColor(color) {
+    var _a;
     const colorValue = color.value,
-      rgbColor = colorValue.rgb ?? color.value;
+      rgbColor = (_a = colorValue.rgb) !== null && _a !== void 0 ? _a : color.value;
     if (rgbColor.r !== undefined) {
       return {
         r: getRangeValue(rgbColor.r),
@@ -5622,18 +5316,16 @@ class RgbColorManager {
 }
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Core/Utils/ExternalInteractorBase.js
 class ExternalInteractorBase {
-  container;
-  type = 0;
   constructor(container) {
     this.container = container;
+    this.type = 0;
   }
 }
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Core/Utils/ParticlesInteractorBase.js
 class ParticlesInteractorBase {
-  container;
-  type = 1;
   constructor(container) {
     this.container = container;
+    this.type = 1;
   }
 }
 ;// CONCATENATED MODULE: ../../engine/dist/esm/index.js