@tsparticles/slim 3.0.0-beta.0 → 3.0.0-beta.1

package/tsparticles.slim.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
- * v3.0.0-beta.0
+ * v3.0.0-beta.1
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -222,7 +222,7 @@ __webpack_require__.d(__webpack_exports__, {
   visibilityChangeEvent: () => (/* reexport */ visibilityChangeEvent)
 });
 
-;// CONCATENATED MODULE: ../../engine/dist/esm/Core/Utils/Constants.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Core/Utils/Constants.js
 const generatedAttribute = "generated";
 const mouseDownEvent = "pointerdown";
 const mouseUpEvent = "pointerup";
@@ -236,7 +236,7 @@ const touchCancelEvent = "touchcancel";
 const resizeEvent = "resize";
 const visibilityChangeEvent = "visibilitychange";
 const errorPrefix = "tsParticles - Error";
-;// CONCATENATED MODULE: ../../engine/dist/esm/Core/Utils/Vector3d.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Core/Utils/Vector3d.js
 
 
 class Vector3d {
@@ -339,7 +339,7 @@ class Vector3d {
     this.z -= v.z;
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Core/Utils/Vector.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Core/Utils/Vector.js
 
 class Vector extends Vector3d {
   constructor(xOrCoords, y) {
@@ -355,7 +355,7 @@ class Vector extends Vector3d {
     return new Vector(x, y);
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Utils/NumberUtils.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Utils/NumberUtils.js
 
 
 let _random = Math.random;
@@ -511,7 +511,7 @@ function calcExactPositionOrRandomFromSizeRanged(data) {
 function parseAlpha(input) {
   return input ? input.endsWith("%") ? parseFloat(input) / 100 : parseFloat(input) : 1;
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Utils/Utils.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Utils/Utils.js
 
 
 const _logger = {
@@ -876,7 +876,7 @@ function isObject(arg) {
 function isArray(arg) {
   return Array.isArray(arg);
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Utils/ColorUtils.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Utils/ColorUtils.js
 
 
 const randomColorValue = "random",
@@ -1155,7 +1155,7 @@ function setColorAnimation(colorValue, colorAnimation, reduceFactor) {
     colorValue.velocity = 0;
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Utils/CanvasUtils.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Utils/CanvasUtils.js
 
 function drawLine(context, begin, end) {
   context.beginPath();
@@ -1284,7 +1284,7 @@ function alterHsl(color, type, value) {
     l: color.l + (type === "darken" ? -1 : 1) * value
   };
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Core/Canvas.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Core/Canvas.js
 
 
 
@@ -1735,7 +1735,7 @@ class Canvas {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Core/Utils/EventListeners.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Core/Utils/EventListeners.js
 
 
 function manageListener(element, event, handler, add, options) {
@@ -2083,7 +2083,7 @@ class EventListeners {
     this._manageListeners(false);
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/OptionsColor.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/OptionsColor.js
 
 class OptionsColor {
   constructor() {
@@ -2110,7 +2110,7 @@ class OptionsColor {
     this.value = data.value;
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Background/Background.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Background/Background.js
 
 class Background {
   constructor() {
@@ -2146,7 +2146,7 @@ class Background {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/BackgroundMask/BackgroundMaskCover.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/BackgroundMask/BackgroundMaskCover.js
 
 class BackgroundMaskCover {
   constructor() {
@@ -2166,7 +2166,7 @@ class BackgroundMaskCover {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/BackgroundMask/BackgroundMask.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/BackgroundMask/BackgroundMask.js
 
 
 class BackgroundMask {
@@ -2196,7 +2196,7 @@ class BackgroundMask {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/FullScreen/FullScreen.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/FullScreen/FullScreen.js
 class FullScreen {
   constructor() {
     this.enable = true;
@@ -2214,7 +2214,7 @@ class FullScreen {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Interactivity/Events/ClickEvent.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Interactivity/Events/ClickEvent.js
 class ClickEvent {
   constructor() {
     this.enable = false;
@@ -2232,7 +2232,7 @@ class ClickEvent {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Interactivity/Events/DivEvent.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Interactivity/Events/DivEvent.js
 class DivEvent {
   constructor() {
     this.selectors = [];
@@ -2258,7 +2258,7 @@ class DivEvent {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Interactivity/Events/Parallax.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Interactivity/Events/Parallax.js
 class Parallax {
   constructor() {
     this.enable = false;
@@ -2280,7 +2280,7 @@ class Parallax {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Interactivity/Events/HoverEvent.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Interactivity/Events/HoverEvent.js
 
 class HoverEvent {
   constructor() {
@@ -2301,7 +2301,7 @@ class HoverEvent {
     this.parallax.load(data.parallax);
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Interactivity/Events/ResizeEvent.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Interactivity/Events/ResizeEvent.js
 class ResizeEvent {
   constructor() {
     this.delay = 0.5;
@@ -2319,7 +2319,7 @@ class ResizeEvent {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Interactivity/Events/Events.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Interactivity/Events/Events.js
 
 
 
@@ -2353,7 +2353,7 @@ class Events {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Interactivity/Modes/Modes.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Interactivity/Modes/Modes.js
 class Modes {
   constructor(engine, container) {
     this._engine = engine;
@@ -2378,7 +2378,7 @@ class Modes {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Interactivity/Interactivity.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Interactivity/Interactivity.js
 
 
 class Interactivity {
@@ -2399,7 +2399,7 @@ class Interactivity {
     this.modes.load(data.modes);
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/ManualParticle.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/ManualParticle.js
 
 class ManualParticle {
   load(data) {
@@ -2418,7 +2418,7 @@ class ManualParticle {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Responsive.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Responsive.js
 
 class Responsive {
   constructor() {
@@ -2445,7 +2445,7 @@ class Responsive {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Theme/ThemeDefault.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Theme/ThemeDefault.js
 class ThemeDefault {
   constructor() {
     this.auto = false;
@@ -2467,7 +2467,7 @@ class ThemeDefault {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Theme/Theme.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Theme/Theme.js
 
 
 class Theme {
@@ -2488,7 +2488,7 @@ class Theme {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/ColorAnimation.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/ColorAnimation.js
 
 class ColorAnimation {
   constructor() {
@@ -2527,7 +2527,7 @@ class ColorAnimation {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/HslAnimation.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/HslAnimation.js
 
 class HslAnimation {
   constructor() {
@@ -2544,7 +2544,7 @@ class HslAnimation {
     this.l.load(data.l);
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/AnimatableColor.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/AnimatableColor.js
 
 
 
@@ -2582,7 +2582,7 @@ class AnimatableColor extends OptionsColor {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Collisions/CollisionsAbsorb.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Particles/Collisions/CollisionsAbsorb.js
 class CollisionsAbsorb {
   constructor() {
     this.speed = 2;
@@ -2596,7 +2596,7 @@ class CollisionsAbsorb {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Collisions/CollisionsOverlap.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Particles/Collisions/CollisionsOverlap.js
 class CollisionsOverlap {
   constructor() {
     this.enable = true;
@@ -2614,7 +2614,7 @@ class CollisionsOverlap {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/AnimationOptions.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/AnimationOptions.js
 
 class AnimationOptions {
   constructor() {
@@ -2668,7 +2668,7 @@ class RangedAnimationOptions extends AnimationOptions {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Random.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Random.js
 class Random {
   constructor() {
     this.enable = false;
@@ -2686,7 +2686,7 @@ class Random {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/ValueWithRandom.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/ValueWithRandom.js
 
 
 
@@ -2735,7 +2735,7 @@ class RangedAnimationValueWithRandom extends AnimationValueWithRandom {
     super.load(data);
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Bounce/ParticlesBounceFactor.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Particles/Bounce/ParticlesBounceFactor.js
 
 class ParticlesBounceFactor extends ValueWithRandom {
   constructor() {
@@ -2744,7 +2744,7 @@ class ParticlesBounceFactor extends ValueWithRandom {
     this.value = 1;
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Bounce/ParticlesBounce.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Particles/Bounce/ParticlesBounce.js
 
 class ParticlesBounce {
   constructor() {
@@ -2759,7 +2759,7 @@ class ParticlesBounce {
     this.vertical.load(data.vertical);
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Collisions/Collisions.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Particles/Collisions/Collisions.js
 
 
 
@@ -2791,7 +2791,7 @@ class Collisions {
     this.overlap.load(data.overlap);
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Move/MoveAngle.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Particles/Move/MoveAngle.js
 
 class MoveAngle {
   constructor() {
@@ -2810,7 +2810,7 @@ class MoveAngle {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Move/MoveAttract.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Particles/Move/MoveAttract.js
 
 class MoveAttract {
   constructor() {
@@ -2843,7 +2843,7 @@ class MoveAttract {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Move/MoveCenter.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Particles/Move/MoveCenter.js
 class MoveCenter {
   constructor() {
     this.x = 50;
@@ -2869,7 +2869,7 @@ class MoveCenter {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Move/MoveGravity.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Particles/Move/MoveGravity.js
 
 class MoveGravity {
   constructor() {
@@ -2896,7 +2896,7 @@ class MoveGravity {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Move/Path/MovePath.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Particles/Move/Path/MovePath.js
 
 
 class MovePath {
@@ -2923,7 +2923,7 @@ class MovePath {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Move/MoveTrailFill.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Particles/Move/MoveTrailFill.js
 
 class MoveTrailFill {
   load(data) {
@@ -2938,7 +2938,7 @@ class MoveTrailFill {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Move/MoveTrail.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Particles/Move/MoveTrail.js
 
 class MoveTrail {
   constructor() {
@@ -2961,7 +2961,7 @@ class MoveTrail {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Move/OutModes.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Particles/Move/OutModes.js
 class OutModes {
   constructor() {
     this.default = "out";
@@ -2979,7 +2979,7 @@ class OutModes {
     this.top = data.top ?? data.default;
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Move/Spin.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Particles/Move/Spin.js
 
 
 class Spin {
@@ -3002,7 +3002,7 @@ class Spin {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Move/Move.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Particles/Move/Move.js
 
 
 
@@ -3098,7 +3098,7 @@ class Move {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Opacity/OpacityAnimation.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Particles/Opacity/OpacityAnimation.js
 
 class OpacityAnimation extends RangedAnimationOptions {
   constructor() {
@@ -3116,7 +3116,7 @@ class OpacityAnimation extends RangedAnimationOptions {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Opacity/Opacity.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Particles/Opacity/Opacity.js
 
 
 class Opacity extends ValueWithRandom {
@@ -3137,7 +3137,7 @@ class Opacity extends ValueWithRandom {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Number/ParticlesDensity.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Particles/Number/ParticlesDensity.js
 class ParticlesDensity {
   constructor() {
     this.enable = false;
@@ -3161,7 +3161,7 @@ class ParticlesDensity {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Number/ParticlesNumber.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Particles/Number/ParticlesNumber.js
 
 class ParticlesNumber {
   constructor() {
@@ -3183,7 +3183,7 @@ class ParticlesNumber {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Shadow.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Particles/Shadow.js
 
 class Shadow {
   constructor() {
@@ -3218,7 +3218,7 @@ class Shadow {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Shape/Shape.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Particles/Shape/Shape.js
 
 class Shape {
   constructor() {
@@ -3251,7 +3251,7 @@ class Shape {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Size/SizeAnimation.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Particles/Size/SizeAnimation.js
 
 class SizeAnimation extends RangedAnimationOptions {
   constructor() {
@@ -3269,7 +3269,7 @@ class SizeAnimation extends RangedAnimationOptions {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Size/Size.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Particles/Size/Size.js
 
 
 class Size extends ValueWithRandom {
@@ -3290,7 +3290,7 @@ class Size extends ValueWithRandom {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Stroke.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Particles/Stroke.js
 
 
 class Stroke {
@@ -3312,7 +3312,7 @@ class Stroke {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/ZIndex/ZIndex.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Particles/ZIndex/ZIndex.js
 
 class ZIndex extends ValueWithRandom {
   constructor() {
@@ -3337,7 +3337,7 @@ class ZIndex extends ValueWithRandom {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/ParticlesOptions.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Particles/ParticlesOptions.js
 
 
 
@@ -3425,7 +3425,7 @@ class ParticlesOptions {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Utils/OptionsUtils.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Utils/OptionsUtils.js
 
 function loadOptions(options, ...sourceOptionsArr) {
   for (const sourceOptions of sourceOptionsArr) {
@@ -3437,7 +3437,7 @@ function loadParticlesOptions(engine, container, ...sourceOptionsArr) {
   loadOptions(options, ...sourceOptionsArr);
   return options;
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Options.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Options/Classes/Options.js
 
 
 
@@ -3586,7 +3586,7 @@ class Options {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Core/Utils/InteractionManager.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Core/Utils/InteractionManager.js
 class InteractionManager {
   constructor(engine, container) {
     this.container = container;
@@ -3637,7 +3637,7 @@ class InteractionManager {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Core/Particle.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Core/Particle.js
 
 
 
@@ -3963,14 +3963,14 @@ class Particle {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Core/Utils/Point.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Core/Utils/Point.js
 class Point {
   constructor(position, particle) {
     this.position = position;
     this.particle = particle;
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Core/Utils/Range.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Core/Utils/Range.js
 class Range {
   constructor(x, y) {
     this.position = {
@@ -3979,7 +3979,7 @@ class Range {
     };
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Core/Utils/Rectangle.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Core/Utils/Rectangle.js
 
 
 class Rectangle extends Range {
@@ -4013,7 +4013,7 @@ class Rectangle extends Range {
     return pos2.x < pos1.x + w && pos2.x + w2 > pos1.x && pos2.y < pos1.y + h && pos2.y + h2 > pos1.y;
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Core/Utils/Circle.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Core/Utils/Circle.js
 
 
 
@@ -4048,7 +4048,7 @@ class Circle extends Range {
     return false;
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Core/Utils/QuadTree.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Core/Utils/QuadTree.js
 
 
 
@@ -4115,7 +4115,7 @@ class QuadTree {
     return this.query(new Rectangle(position.x, position.y, size.width, size.height), check);
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Core/Particles.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Core/Particles.js
 
 
 
@@ -4406,7 +4406,7 @@ class Particles {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Core/Retina.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Core/Retina.js
 
 
 class Retina {
@@ -4449,7 +4449,7 @@ class Retina {
     props.maxSpeed = getRangeValue(moveOptions.gravity.maxSpeed) * ratio;
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Core/Container.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Core/Container.js
 
 
 
@@ -4890,7 +4890,7 @@ class Container {
     return true;
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Utils/EventDispatcher.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Utils/EventDispatcher.js
 class EventDispatcher {
   constructor() {
     this._listeners = new Map();
@@ -4935,7 +4935,7 @@ class EventDispatcher {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Core/Engine.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Core/Engine.js
 
 
 
@@ -4988,7 +4988,7 @@ class Engine {
     return res;
   }
   get version() {
-    return "3.0.0-beta.0";
+    return "3.0.0-beta.1";
   }
   addConfig(nameOrConfig, config) {
     if (isString(nameOrConfig)) {
@@ -5214,7 +5214,7 @@ class Engine {
     }
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Utils/HslColorManager.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Utils/HslColorManager.js
 
 
 class HslColorManager {
@@ -5254,7 +5254,7 @@ class HslColorManager {
     }) : undefined;
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Utils/RgbColorManager.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Utils/RgbColorManager.js
 
 class RgbColorManager {
   constructor() {
@@ -5293,7 +5293,7 @@ class RgbColorManager {
     } : undefined;
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/init.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/init.js
 
 
 
@@ -5307,21 +5307,21 @@ function init() {
   engine.init();
   return engine;
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Core/Utils/ExternalInteractorBase.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Core/Utils/ExternalInteractorBase.js
 class ExternalInteractorBase {
   constructor(container) {
     this.container = container;
     this.type = "external";
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/Core/Utils/ParticlesInteractorBase.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/Core/Utils/ParticlesInteractorBase.js
 class ParticlesInteractorBase {
   constructor(container) {
     this.container = container;
     this.type = "particles";
   }
 }
-;// CONCATENATED MODULE: ../../engine/dist/esm/exports.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/exports.js
 
 
 
@@ -5411,7 +5411,7 @@ class ParticlesInteractorBase {
 
 
 
-;// CONCATENATED MODULE: ../../engine/dist/esm/index.js
+;// CONCATENATED MODULE: ../../engine/dist/browser/index.js
 
 
 const tsParticles = init();
@@ -5421,7 +5421,7 @@ if (!isSsr()) {
 
 
 
-;// CONCATENATED MODULE: ../pjs/dist/esm/marcbruederlin/Particles.js
+;// CONCATENATED MODULE: ../pjs/dist/browser/marcbruederlin/Particles.js
 
 class Particles_Particles {
   static init(options) {
@@ -5507,7 +5507,7 @@ class Particles_Particles {
     container && container.play();
   }
 }
-;// CONCATENATED MODULE: ../pjs/dist/esm/VincentGarreau/particles.js
+;// CONCATENATED MODULE: ../pjs/dist/browser/VincentGarreau/particles.js
 const initParticlesJS = engine => {
   const particlesJS = (tagId, options) => {
     return engine.load({
@@ -5537,7 +5537,7 @@ const initParticlesJS = engine => {
   };
 };
 
-;// CONCATENATED MODULE: ../pjs/dist/esm/index.js
+;// CONCATENATED MODULE: ../pjs/dist/browser/index.js
 
 
 const initPjs = engine => {
@@ -5555,7 +5555,7 @@ const initPjs = engine => {
   };
 };
 
-;// CONCATENATED MODULE: ../../move/base/dist/esm/Utils.js
+;// CONCATENATED MODULE: ../../move/base/dist/browser/Utils.js
 
 function applyDistance(particle) {
   const initialPosition = particle.initialPosition,
@@ -5671,7 +5671,7 @@ function applyPath(particle, delta) {
 function getProximitySpeedFactor(particle) {
   return particle.slow.inRange ? particle.slow.factor : 1;
 }
-;// CONCATENATED MODULE: ../../move/base/dist/esm/BaseMover.js
+;// CONCATENATED MODULE: ../../move/base/dist/browser/BaseMover.js
 
 
 const diffFactor = 2;
@@ -5741,12 +5741,12 @@ class BaseMover {
     applyDistance(particle);
   }
 }
-;// CONCATENATED MODULE: ../../move/base/dist/esm/index.js
+;// CONCATENATED MODULE: ../../move/base/dist/browser/index.js
 
 async function loadBaseMover(engine, refresh = true) {
   await engine.addMover("base", () => new BaseMover(), refresh);
 }
-;// CONCATENATED MODULE: ../../shapes/circle/dist/esm/CircleDrawer.js
+;// CONCATENATED MODULE: ../../shapes/circle/dist/browser/CircleDrawer.js
 
 class CircleDrawer {
   draw(context, particle, radius) {
@@ -5777,12 +5777,12 @@ class CircleDrawer {
     };
   }
 }
-;// CONCATENATED MODULE: ../../shapes/circle/dist/esm/index.js
+;// CONCATENATED MODULE: ../../shapes/circle/dist/browser/index.js
 
 async function loadCircleShape(engine, refresh = true) {
   await engine.addShape("circle", new CircleDrawer(), refresh);
 }
-;// CONCATENATED MODULE: ../../updaters/color/dist/esm/Utils.js
+;// CONCATENATED MODULE: ../../updaters/color/dist/browser/Utils.js
 
 function updateColorValue(delta, colorValue, valueAnimation, max, decrease) {
   if (!colorValue || !valueAnimation.enable || (colorValue.maxLoops ?? 0) > 0 && (colorValue.loops ?? 0) > (colorValue.maxLoops ?? 0)) {
@@ -5857,7 +5857,7 @@ function updateColor(particle, delta) {
     updateColorValue(delta, l, lAnimation, 100, true);
   }
 }
-;// CONCATENATED MODULE: ../../updaters/color/dist/esm/ColorUpdater.js
+;// CONCATENATED MODULE: ../../updaters/color/dist/browser/ColorUpdater.js
 
 
 class ColorUpdater {
@@ -5885,12 +5885,12 @@ class ColorUpdater {
     updateColor(particle, delta);
   }
 }
-;// CONCATENATED MODULE: ../../updaters/color/dist/esm/index.js
+;// CONCATENATED MODULE: ../../updaters/color/dist/browser/index.js
 
 async function loadColorUpdater(engine, refresh = true) {
   await engine.addParticleUpdater("color", container => new ColorUpdater(container), refresh);
 }
-;// CONCATENATED MODULE: ../../updaters/opacity/dist/esm/Utils.js
+;// CONCATENATED MODULE: ../../updaters/opacity/dist/browser/Utils.js
 
 function checkDestroy(particle, value, minValue, maxValue) {
   switch (particle.options.opacity.animation.destroy) {
@@ -5955,7 +5955,7 @@ function updateOpacity(particle, delta) {
     data.value = clamp(data.value, minValue, maxValue);
   }
 }
-;// CONCATENATED MODULE: ../../updaters/opacity/dist/esm/OpacityUpdater.js
+;// CONCATENATED MODULE: ../../updaters/opacity/dist/browser/OpacityUpdater.js
 
 
 class OpacityUpdater {
@@ -5989,12 +5989,12 @@ class OpacityUpdater {
     updateOpacity(particle, delta);
   }
 }
-;// CONCATENATED MODULE: ../../updaters/opacity/dist/esm/index.js
+;// CONCATENATED MODULE: ../../updaters/opacity/dist/browser/index.js
 
 async function loadOpacityUpdater(engine, refresh = true) {
   await engine.addParticleUpdater("opacity", container => new OpacityUpdater(container), refresh);
 }
-;// CONCATENATED MODULE: ../../updaters/outModes/dist/esm/Utils.js
+;// CONCATENATED MODULE: ../../updaters/outModes/dist/browser/Utils.js
 
 function bounceHorizontal(data) {
   if (data.outMode !== "bounce" && data.outMode !== "bounce-horizontal" && data.outMode !== "bounceHorizontal" && data.outMode !== "split" || data.direction !== "left" && data.direction !== "right") {
@@ -6054,7 +6054,7 @@ function bounceVertical(data) {
     data.particle.destroy();
   }
 }
-;// CONCATENATED MODULE: ../../updaters/outModes/dist/esm/BounceOutMode.js
+;// CONCATENATED MODULE: ../../updaters/outModes/dist/browser/BounceOutMode.js
 
 
 class BounceOutMode {
@@ -6104,7 +6104,7 @@ class BounceOutMode {
     });
   }
 }
-;// CONCATENATED MODULE: ../../updaters/outModes/dist/esm/DestroyOutMode.js
+;// CONCATENATED MODULE: ../../updaters/outModes/dist/browser/DestroyOutMode.js
 
 class DestroyOutMode {
   constructor(container) {
@@ -6142,7 +6142,7 @@ class DestroyOutMode {
     container.particles.remove(particle, undefined, true);
   }
 }
-;// CONCATENATED MODULE: ../../updaters/outModes/dist/esm/NoneOutMode.js
+;// CONCATENATED MODULE: ../../updaters/outModes/dist/browser/NoneOutMode.js
 
 class NoneOutMode {
   constructor(container) {
@@ -6175,7 +6175,7 @@ class NoneOutMode {
     }
   }
 }
-;// CONCATENATED MODULE: ../../updaters/outModes/dist/esm/OutOutMode.js
+;// CONCATENATED MODULE: ../../updaters/outModes/dist/browser/OutOutMode.js
 
 class OutOutMode {
   constructor(container) {
@@ -6297,7 +6297,7 @@ class OutOutMode {
     }
   }
 }
-;// CONCATENATED MODULE: ../../updaters/outModes/dist/esm/OutOfCanvasUpdater.js
+;// CONCATENATED MODULE: ../../updaters/outModes/dist/browser/OutOfCanvasUpdater.js
 
 
 
@@ -6324,12 +6324,12 @@ class OutOfCanvasUpdater {
     this._updateOutMode(particle, delta, outModes.top ?? outModes.default, "top");
   }
 }
-;// CONCATENATED MODULE: ../../updaters/outModes/dist/esm/index.js
+;// CONCATENATED MODULE: ../../updaters/outModes/dist/browser/index.js
 
 async function loadOutModesUpdater(engine, refresh = true) {
   await engine.addParticleUpdater("outModes", container => new OutOfCanvasUpdater(container), refresh);
 }
-;// CONCATENATED MODULE: ../../updaters/size/dist/esm/Utils.js
+;// CONCATENATED MODULE: ../../updaters/size/dist/browser/Utils.js
 
 function Utils_checkDestroy(particle, value, minValue, maxValue) {
   switch (particle.options.size.animation.destroy) {
@@ -6394,7 +6394,7 @@ function updateSize(particle, delta) {
     data.value = clamp(data.value, minValue, maxValue);
   }
 }
-;// CONCATENATED MODULE: ../../updaters/size/dist/esm/SizeUpdater.js
+;// CONCATENATED MODULE: ../../updaters/size/dist/browser/SizeUpdater.js
 
 
 class SizeUpdater {
@@ -6422,12 +6422,12 @@ class SizeUpdater {
     updateSize(particle, delta);
   }
 }
-;// CONCATENATED MODULE: ../../updaters/size/dist/esm/index.js
+;// CONCATENATED MODULE: ../../updaters/size/dist/browser/index.js
 
 async function loadSizeUpdater(engine, refresh = true) {
   await engine.addParticleUpdater("size", () => new SizeUpdater(), refresh);
 }
-;// CONCATENATED MODULE: ../basic/dist/esm/index.js
+;// CONCATENATED MODULE: ../basic/dist/browser/index.js
 
 
 
@@ -6443,14 +6443,14 @@ async function loadBasic(engine, refresh = true) {
   await loadSizeUpdater(engine, false);
   await engine.refresh(refresh);
 }
-;// CONCATENATED MODULE: ../../plugins/easings/quad/dist/esm/index.js
+;// CONCATENATED MODULE: ../../plugins/easings/quad/dist/browser/index.js
 
 async function loadEasingQuadPlugin() {
   addEasing("ease-in-quad", value => value ** 2);
   addEasing("ease-out-quad", value => 1 - (1 - value) ** 2);
   addEasing("ease-in-out-quad", value => value < 0.5 ? 2 * value ** 2 : 1 - (-2 * value + 2) ** 2 / 2);
 }
-;// CONCATENATED MODULE: ../../interactions/external/attract/dist/esm/Options/Classes/Attract.js
+;// CONCATENATED MODULE: ../../interactions/external/attract/dist/browser/Options/Classes/Attract.js
 class Attract {
   constructor() {
     this.distance = 200;
@@ -6484,7 +6484,7 @@ class Attract {
     }
   }
 }
-;// CONCATENATED MODULE: ../../interactions/external/attract/dist/esm/Attractor.js
+;// CONCATENATED MODULE: ../../interactions/external/attract/dist/browser/Attractor.js
 
 
 class Attractor extends ExternalInteractorBase {
@@ -6635,14 +6635,14 @@ class Attractor extends ExternalInteractorBase {
   }
   reset() {}
 }
-;// CONCATENATED MODULE: ../../interactions/external/attract/dist/esm/index.js
+;// CONCATENATED MODULE: ../../interactions/external/attract/dist/browser/index.js
 
 async function loadExternalAttractInteraction(engine, refresh = true) {
   await engine.addInteractor("externalAttract", container => new Attractor(engine, container), refresh);
 }
 
 
-;// CONCATENATED MODULE: ../../interactions/external/bounce/dist/esm/Options/Classes/Bounce.js
+;// CONCATENATED MODULE: ../../interactions/external/bounce/dist/browser/Options/Classes/Bounce.js
 class Bounce {
   constructor() {
     this.distance = 200;
@@ -6656,7 +6656,7 @@ class Bounce {
     }
   }
 }
-;// CONCATENATED MODULE: ../../interactions/external/bounce/dist/esm/Bouncer.js
+;// CONCATENATED MODULE: ../../interactions/external/bounce/dist/browser/Bouncer.js
 
 
 class Bouncer extends ExternalInteractorBase {
@@ -6750,14 +6750,14 @@ class Bouncer extends ExternalInteractorBase {
   }
   reset() {}
 }
-;// CONCATENATED MODULE: ../../interactions/external/bounce/dist/esm/index.js
+;// CONCATENATED MODULE: ../../interactions/external/bounce/dist/browser/index.js
 
 async function loadExternalBounceInteraction(engine, refresh = true) {
   await engine.addInteractor("externalBounce", container => new Bouncer(container), refresh);
 }
 
 
-;// CONCATENATED MODULE: ../../interactions/external/bubble/dist/esm/Options/Classes/BubbleBase.js
+;// CONCATENATED MODULE: ../../interactions/external/bubble/dist/browser/Options/Classes/BubbleBase.js
 
 class BubbleBase {
   constructor() {
@@ -6792,7 +6792,7 @@ class BubbleBase {
     }
   }
 }
-;// CONCATENATED MODULE: ../../interactions/external/bubble/dist/esm/Options/Classes/BubbleDiv.js
+;// CONCATENATED MODULE: ../../interactions/external/bubble/dist/browser/Options/Classes/BubbleDiv.js
 
 class BubbleDiv extends BubbleBase {
   constructor() {
@@ -6809,7 +6809,7 @@ class BubbleDiv extends BubbleBase {
     }
   }
 }
-;// CONCATENATED MODULE: ../../interactions/external/bubble/dist/esm/Options/Classes/Bubble.js
+;// CONCATENATED MODULE: ../../interactions/external/bubble/dist/browser/Options/Classes/Bubble.js
 
 
 
@@ -6826,7 +6826,7 @@ class Bubble extends BubbleBase {
     });
   }
 }
-;// CONCATENATED MODULE: ../../interactions/external/bubble/dist/esm/Utils.js
+;// CONCATENATED MODULE: ../../interactions/external/bubble/dist/browser/Utils.js
 
 function calculateBubbleValue(particleValue, modeValue, optionsValue, ratio) {
   if (modeValue >= optionsValue) {
@@ -6837,7 +6837,7 @@ function calculateBubbleValue(particleValue, modeValue, optionsValue, ratio) {
     return clamp(value, modeValue, particleValue);
   }
 }
-;// CONCATENATED MODULE: ../../interactions/external/bubble/dist/esm/Bubbler.js
+;// CONCATENATED MODULE: ../../interactions/external/bubble/dist/browser/Bubbler.js
 
 
 
@@ -7152,7 +7152,7 @@ class Bubbler extends ExternalInteractorBase {
     particle.bubble.inRange = false;
   }
 }
-;// CONCATENATED MODULE: ../../interactions/external/bubble/dist/esm/index.js
+;// CONCATENATED MODULE: ../../interactions/external/bubble/dist/browser/index.js
 
 async function loadExternalBubbleInteraction(engine, refresh = true) {
   await engine.addInteractor("externalBubble", container => new Bubbler(container), refresh);
@@ -7163,7 +7163,7 @@ async function loadExternalBubbleInteraction(engine, refresh = true) {
 
 
 
-;// CONCATENATED MODULE: ../../interactions/external/connect/dist/esm/Options/Classes/ConnectLinks.js
+;// CONCATENATED MODULE: ../../interactions/external/connect/dist/browser/Options/Classes/ConnectLinks.js
 class ConnectLinks {
   constructor() {
     this.opacity = 0.5;
@@ -7177,7 +7177,7 @@ class ConnectLinks {
     }
   }
 }
-;// CONCATENATED MODULE: ../../interactions/external/connect/dist/esm/Options/Classes/Connect.js
+;// CONCATENATED MODULE: ../../interactions/external/connect/dist/browser/Options/Classes/Connect.js
 
 class Connect {
   constructor() {
@@ -7198,7 +7198,7 @@ class Connect {
     }
   }
 }
-;// CONCATENATED MODULE: ../../interactions/external/connect/dist/esm/Utils.js
+;// CONCATENATED MODULE: ../../interactions/external/connect/dist/browser/Utils.js
 
 function gradient(context, p1, p2, opacity) {
   const gradStop = Math.floor(p2.getRadius() / p1.getRadius()),
@@ -7241,7 +7241,7 @@ function drawConnection(container, p1, p2) {
     drawConnectLine(ctx, p1.retina.linksWidth ?? 0, ls, pos1, pos2);
   });
 }
-;// CONCATENATED MODULE: ../../interactions/external/connect/dist/esm/Connector.js
+;// CONCATENATED MODULE: ../../interactions/external/connect/dist/browser/Connector.js
 
 
 
@@ -7304,7 +7304,7 @@ class Connector extends ExternalInteractorBase {
   }
   reset() {}
 }
-;// CONCATENATED MODULE: ../../interactions/external/connect/dist/esm/index.js
+;// CONCATENATED MODULE: ../../interactions/external/connect/dist/browser/index.js
 
 async function loadExternalConnectInteraction(engine, refresh = true) {
   await engine.addInteractor("externalConnect", container => new Connector(container), refresh);
@@ -7313,7 +7313,7 @@ async function loadExternalConnectInteraction(engine, refresh = true) {
 
 
 
-;// CONCATENATED MODULE: ../../interactions/external/grab/dist/esm/Options/Classes/GrabLinks.js
+;// CONCATENATED MODULE: ../../interactions/external/grab/dist/browser/Options/Classes/GrabLinks.js
 
 class GrabLinks {
   constructor() {
@@ -7339,7 +7339,7 @@ class GrabLinks {
     }
   }
 }
-;// CONCATENATED MODULE: ../../interactions/external/grab/dist/esm/Options/Classes/Grab.js
+;// CONCATENATED MODULE: ../../interactions/external/grab/dist/browser/Options/Classes/Grab.js
 
 class Grab {
   constructor() {
@@ -7368,7 +7368,7 @@ class Grab {
     this.links.load(data.links ?? data.lineLinked ?? data.line_linked);
   }
 }
-;// CONCATENATED MODULE: ../../interactions/external/grab/dist/esm/Utils.js
+;// CONCATENATED MODULE: ../../interactions/external/grab/dist/browser/Utils.js
 
 function drawGrabLine(context, width, begin, end, colorLine, opacity) {
   drawLine(context, begin, end);
@@ -7382,7 +7382,7 @@ function drawGrab(container, particle, lineColor, opacity, mousePos) {
     drawGrabLine(ctx, particle.retina.linksWidth ?? 0, beginPos, mousePos, lineColor, opacity);
   });
 }
-;// CONCATENATED MODULE: ../../interactions/external/grab/dist/esm/Grabber.js
+;// CONCATENATED MODULE: ../../interactions/external/grab/dist/browser/Grabber.js
 
 
 
@@ -7455,7 +7455,7 @@ class Grabber extends ExternalInteractorBase {
   }
   reset() {}
 }
-;// CONCATENATED MODULE: ../../interactions/external/grab/dist/esm/index.js
+;// CONCATENATED MODULE: ../../interactions/external/grab/dist/browser/index.js
 
 async function loadExternalGrabInteraction(engine, refresh = true) {
   await engine.addInteractor("externalGrab", container => new Grabber(container), refresh);
@@ -7464,7 +7464,7 @@ async function loadExternalGrabInteraction(engine, refresh = true) {
 
 
 
-;// CONCATENATED MODULE: ../../interactions/external/pause/dist/esm/Pauser.js
+;// CONCATENATED MODULE: ../../interactions/external/pause/dist/browser/Pauser.js
 
 class Pauser extends ExternalInteractorBase {
   constructor(container) {
@@ -7489,12 +7489,12 @@ class Pauser extends ExternalInteractorBase {
   }
   reset() {}
 }
-;// CONCATENATED MODULE: ../../interactions/external/pause/dist/esm/index.js
+;// CONCATENATED MODULE: ../../interactions/external/pause/dist/browser/index.js
 
 async function loadExternalPauseInteraction(engine, refresh = true) {
   await engine.addInteractor("externalPause", container => new Pauser(container), refresh);
 }
-;// CONCATENATED MODULE: ../../interactions/external/push/dist/esm/Options/Classes/Push.js
+;// CONCATENATED MODULE: ../../interactions/external/push/dist/browser/Options/Classes/Push.js
 
 class Push {
   constructor() {
@@ -7527,7 +7527,7 @@ class Push {
     }
   }
 }
-;// CONCATENATED MODULE: ../../interactions/external/push/dist/esm/Pusher.js
+;// CONCATENATED MODULE: ../../interactions/external/push/dist/browser/Pusher.js
 
 
 class Pusher extends ExternalInteractorBase {
@@ -7568,14 +7568,14 @@ class Pusher extends ExternalInteractorBase {
   }
   reset() {}
 }
-;// CONCATENATED MODULE: ../../interactions/external/push/dist/esm/index.js
+;// CONCATENATED MODULE: ../../interactions/external/push/dist/browser/index.js
 
 async function loadExternalPushInteraction(engine, refresh = true) {
   await engine.addInteractor("externalPush", container => new Pusher(container), refresh);
 }
 
 
-;// CONCATENATED MODULE: ../../interactions/external/remove/dist/esm/Options/Classes/Remove.js
+;// CONCATENATED MODULE: ../../interactions/external/remove/dist/browser/Options/Classes/Remove.js
 
 class Remove {
   constructor() {
@@ -7597,7 +7597,7 @@ class Remove {
     }
   }
 }
-;// CONCATENATED MODULE: ../../interactions/external/remove/dist/esm/Remover.js
+;// CONCATENATED MODULE: ../../interactions/external/remove/dist/browser/Remover.js
 
 
 class Remover extends ExternalInteractorBase {
@@ -7629,14 +7629,14 @@ class Remover extends ExternalInteractorBase {
   }
   reset() {}
 }
-;// CONCATENATED MODULE: ../../interactions/external/remove/dist/esm/index.js
+;// CONCATENATED MODULE: ../../interactions/external/remove/dist/browser/index.js
 
 async function loadExternalRemoveInteraction(engine, refresh = true) {
   await engine.addInteractor("externalRemove", container => new Remover(container), refresh);
 }
 
 
-;// CONCATENATED MODULE: ../../interactions/external/repulse/dist/esm/Options/Classes/RepulseBase.js
+;// CONCATENATED MODULE: ../../interactions/external/repulse/dist/browser/Options/Classes/RepulseBase.js
 class RepulseBase {
   constructor() {
     this.distance = 200;
@@ -7670,7 +7670,7 @@ class RepulseBase {
     }
   }
 }
-;// CONCATENATED MODULE: ../../interactions/external/repulse/dist/esm/Options/Classes/RepulseDiv.js
+;// CONCATENATED MODULE: ../../interactions/external/repulse/dist/browser/Options/Classes/RepulseDiv.js
 
 class RepulseDiv extends RepulseBase {
   constructor() {
@@ -7687,7 +7687,7 @@ class RepulseDiv extends RepulseBase {
     }
   }
 }
-;// CONCATENATED MODULE: ../../interactions/external/repulse/dist/esm/Options/Classes/Repulse.js
+;// CONCATENATED MODULE: ../../interactions/external/repulse/dist/browser/Options/Classes/Repulse.js
 
 
 
@@ -7704,7 +7704,7 @@ class Repulse extends RepulseBase {
     });
   }
 }
-;// CONCATENATED MODULE: ../../interactions/external/repulse/dist/esm/Repulser.js
+;// CONCATENATED MODULE: ../../interactions/external/repulse/dist/browser/Repulser.js
 
 
 class Repulser extends ExternalInteractorBase {
@@ -7906,7 +7906,7 @@ class Repulser extends ExternalInteractorBase {
   }
   reset() {}
 }
-;// CONCATENATED MODULE: ../../interactions/external/repulse/dist/esm/index.js
+;// CONCATENATED MODULE: ../../interactions/external/repulse/dist/browser/index.js
 
 async function loadExternalRepulseInteraction(engine, refresh = true) {
   await engine.addInteractor("externalRepulse", container => new Repulser(engine, container), refresh);
@@ -7917,7 +7917,7 @@ async function loadExternalRepulseInteraction(engine, refresh = true) {
 
 
 
-;// CONCATENATED MODULE: ../../interactions/external/slow/dist/esm/Options/Classes/Slow.js
+;// CONCATENATED MODULE: ../../interactions/external/slow/dist/browser/Options/Classes/Slow.js
 class Slow {
   constructor() {
     this.factor = 3;
@@ -7935,7 +7935,7 @@ class Slow {
     }
   }
 }
-;// CONCATENATED MODULE: ../../interactions/external/slow/dist/esm/Slower.js
+;// CONCATENATED MODULE: ../../interactions/external/slow/dist/browser/Slower.js
 
 
 class Slower extends ExternalInteractorBase {
@@ -7995,17 +7995,17 @@ class Slower extends ExternalInteractorBase {
     slow.factor = proximityFactor / slowFactor;
   }
 }
-;// CONCATENATED MODULE: ../../interactions/external/slow/dist/esm/index.js
+;// CONCATENATED MODULE: ../../interactions/external/slow/dist/browser/index.js
 
 async function loadExternalSlowInteraction(engine, refresh = true) {
   await engine.addInteractor("externalSlow", container => new Slower(container), refresh);
 }
 
 
-;// CONCATENATED MODULE: ../../shapes/image/dist/esm/GifUtils/Constants.js
+;// CONCATENATED MODULE: ../../shapes/image/dist/browser/GifUtils/Constants.js
 const InterlaceOffsets = [0, 4, 2, 1];
 const InterlaceSteps = [8, 8, 4, 2];
-;// CONCATENATED MODULE: ../../shapes/image/dist/esm/GifUtils/ByteStream.js
+;// CONCATENATED MODULE: ../../shapes/image/dist/browser/GifUtils/ByteStream.js
 class ByteStream {
   constructor(bytes) {
     this.pos = 0;
@@ -8049,7 +8049,7 @@ class ByteStream {
     this.pos++;
   }
 }
-;// CONCATENATED MODULE: ../../shapes/image/dist/esm/GifUtils/Utils.js
+;// CONCATENATED MODULE: ../../shapes/image/dist/browser/GifUtils/Utils.js
 
 
 function parseColorTable(byteStream, count) {
@@ -8418,7 +8418,7 @@ async function decodeGIF(gifURL, progressCallback, avgAlpha) {
     throw error;
   }
 }
-;// CONCATENATED MODULE: ../../shapes/image/dist/esm/Utils.js
+;// CONCATENATED MODULE: ../../shapes/image/dist/browser/Utils.js
 
 
 const currentColorRegex = /(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d.]+%?\))|currentcolor/gi;
@@ -8529,7 +8529,7 @@ function replaceImageColor(image, imageData, color, particle) {
     img.src = url;
   });
 }
-;// CONCATENATED MODULE: ../../shapes/image/dist/esm/ImageDrawer.js
+;// CONCATENATED MODULE: ../../shapes/image/dist/browser/ImageDrawer.js
 
 
 class ImageDrawer {
@@ -8724,7 +8724,7 @@ class ImageDrawer {
     })();
   }
 }
-;// CONCATENATED MODULE: ../../shapes/image/dist/esm/Options/Classes/Preload.js
+;// CONCATENATED MODULE: ../../shapes/image/dist/browser/Options/Classes/Preload.js
 class Preload {
   constructor() {
     this.src = "";
@@ -8754,7 +8754,7 @@ class Preload {
     }
   }
 }
-;// CONCATENATED MODULE: ../../shapes/image/dist/esm/ImagePreloader.js
+;// CONCATENATED MODULE: ../../shapes/image/dist/browser/ImagePreloader.js
 
 class ImagePreloaderPlugin {
   constructor(engine) {
@@ -8787,7 +8787,7 @@ class ImagePreloaderPlugin {
     return true;
   }
 }
-;// CONCATENATED MODULE: ../../shapes/image/dist/esm/index.js
+;// CONCATENATED MODULE: ../../shapes/image/dist/browser/index.js
 
 
 
@@ -8831,7 +8831,7 @@ async function loadImageShape(engine, refresh = true) {
   await engine.addPlugin(preloader, refresh);
   await engine.addShape(["image", "images"], new ImageDrawer(engine), refresh);
 }
-;// CONCATENATED MODULE: ../../updaters/life/dist/esm/Options/Classes/LifeDelay.js
+;// CONCATENATED MODULE: ../../updaters/life/dist/browser/Options/Classes/LifeDelay.js
 
 class LifeDelay extends ValueWithRandom {
   constructor() {
@@ -8848,7 +8848,7 @@ class LifeDelay extends ValueWithRandom {
     }
   }
 }
-;// CONCATENATED MODULE: ../../updaters/life/dist/esm/Options/Classes/LifeDuration.js
+;// CONCATENATED MODULE: ../../updaters/life/dist/browser/Options/Classes/LifeDuration.js
 
 class LifeDuration extends ValueWithRandom {
   constructor() {
@@ -8866,7 +8866,7 @@ class LifeDuration extends ValueWithRandom {
     }
   }
 }
-;// CONCATENATED MODULE: ../../updaters/life/dist/esm/Options/Classes/Life.js
+;// CONCATENATED MODULE: ../../updaters/life/dist/browser/Options/Classes/Life.js
 
 
 class Life {
@@ -8886,7 +8886,7 @@ class Life {
     this.duration.load(data.duration);
   }
 }
-;// CONCATENATED MODULE: ../../updaters/life/dist/esm/LifeUpdater.js
+;// CONCATENATED MODULE: ../../updaters/life/dist/browser/LifeUpdater.js
 
 
 class LifeUpdater {
@@ -8983,12 +8983,12 @@ class LifeUpdater {
     }
   }
 }
-;// CONCATENATED MODULE: ../../updaters/life/dist/esm/index.js
+;// CONCATENATED MODULE: ../../updaters/life/dist/browser/index.js
 
 async function loadLifeUpdater(engine, refresh = true) {
   await engine.addParticleUpdater("life", container => new LifeUpdater(container), refresh);
 }
-;// CONCATENATED MODULE: ../../shapes/line/dist/esm/LineDrawer.js
+;// CONCATENATED MODULE: ../../shapes/line/dist/browser/LineDrawer.js
 class LineDrawer {
   draw(context, particle, radius) {
     const shapeData = particle.shapeData;
@@ -9000,12 +9000,12 @@ class LineDrawer {
     return 1;
   }
 }
-;// CONCATENATED MODULE: ../../shapes/line/dist/esm/index.js
+;// CONCATENATED MODULE: ../../shapes/line/dist/browser/index.js
 
 async function loadLineShape(engine, refresh = true) {
   await engine.addShape("line", new LineDrawer(), refresh);
 }
-;// CONCATENATED MODULE: ../../move/parallax/dist/esm/ParallaxMover.js
+;// CONCATENATED MODULE: ../../move/parallax/dist/browser/ParallaxMover.js
 
 class ParallaxMover {
   init() {}
@@ -9042,12 +9042,12 @@ class ParallaxMover {
     offset.y += (centerDistance.y - offset.y) / parallaxSmooth;
   }
 }
-;// CONCATENATED MODULE: ../../move/parallax/dist/esm/index.js
+;// CONCATENATED MODULE: ../../move/parallax/dist/browser/index.js
 
 async function loadParallaxMover(engine, refresh = true) {
   await engine.addMover("parallax", () => new ParallaxMover(), refresh);
 }
-;// CONCATENATED MODULE: ../../interactions/particles/attract/dist/esm/Attractor.js
+;// CONCATENATED MODULE: ../../interactions/particles/attract/dist/browser/Attractor.js
 
 class Attractor_Attractor extends ParticlesInteractorBase {
   constructor(container) {
@@ -9085,12 +9085,12 @@ class Attractor_Attractor extends ParticlesInteractorBase {
   }
   reset() {}
 }
-;// CONCATENATED MODULE: ../../interactions/particles/attract/dist/esm/index.js
+;// CONCATENATED MODULE: ../../interactions/particles/attract/dist/browser/index.js
 
 async function loadParticlesAttractInteraction(engine, refresh = true) {
   await engine.addInteractor("particlesAttract", container => new Attractor_Attractor(container), refresh);
 }
-;// CONCATENATED MODULE: ../../interactions/particles/collisions/dist/esm/Absorb.js
+;// CONCATENATED MODULE: ../../interactions/particles/collisions/dist/browser/Absorb.js
 
 function updateAbsorb(p1, r1, p2, r2, delta, pixelRatio) {
   const factor = clamp(p1.options.collisions.absorb.speed * delta.factor / 10, 0, r2);
@@ -9116,7 +9116,7 @@ function absorb(p1, p2, delta, pixelRatio) {
     }
   }
 }
-;// CONCATENATED MODULE: ../../interactions/particles/collisions/dist/esm/Bounce.js
+;// CONCATENATED MODULE: ../../interactions/particles/collisions/dist/browser/Bounce.js
 
 const fixBounceSpeed = p => {
   if (p.collisionMaxSpeed === undefined) {
@@ -9131,7 +9131,7 @@ function bounce(p1, p2) {
   fixBounceSpeed(p1);
   fixBounceSpeed(p2);
 }
-;// CONCATENATED MODULE: ../../interactions/particles/collisions/dist/esm/Destroy.js
+;// CONCATENATED MODULE: ../../interactions/particles/collisions/dist/browser/Destroy.js
 
 function destroy(p1, p2) {
   if (!p1.unbreakable && !p2.unbreakable) {
@@ -9146,7 +9146,7 @@ function destroy(p1, p2) {
     deleteP.destroy();
   }
 }
-;// CONCATENATED MODULE: ../../interactions/particles/collisions/dist/esm/ResolveCollision.js
+;// CONCATENATED MODULE: ../../interactions/particles/collisions/dist/browser/ResolveCollision.js
 
 
 
@@ -9169,7 +9169,7 @@ function resolveCollision(p1, p2, delta, pixelRatio) {
       }
   }
 }
-;// CONCATENATED MODULE: ../../interactions/particles/collisions/dist/esm/Collider.js
+;// CONCATENATED MODULE: ../../interactions/particles/collisions/dist/browser/Collider.js
 
 
 class Collider extends ParticlesInteractorBase {
@@ -9208,12 +9208,12 @@ class Collider extends ParticlesInteractorBase {
   }
   reset() {}
 }
-;// CONCATENATED MODULE: ../../interactions/particles/collisions/dist/esm/index.js
+;// CONCATENATED MODULE: ../../interactions/particles/collisions/dist/browser/index.js
 
 async function loadParticlesCollisionsInteraction(engine, refresh = true) {
   await engine.addInteractor("particlesCollisions", container => new Collider(container), refresh);
 }
-;// CONCATENATED MODULE: ../../interactions/particles/links/dist/esm/CircleWarp.js
+;// CONCATENATED MODULE: ../../interactions/particles/links/dist/browser/CircleWarp.js
 
 class CircleWarp extends Circle {
   constructor(x, y, radius, canvasSize) {
@@ -9263,7 +9263,7 @@ class CircleWarp extends Circle {
     return false;
   }
 }
-;// CONCATENATED MODULE: ../../interactions/particles/links/dist/esm/Options/Classes/LinksShadow.js
+;// CONCATENATED MODULE: ../../interactions/particles/links/dist/browser/Options/Classes/LinksShadow.js
 
 class LinksShadow {
   constructor() {
@@ -9285,7 +9285,7 @@ class LinksShadow {
     }
   }
 }
-;// CONCATENATED MODULE: ../../interactions/particles/links/dist/esm/Options/Classes/LinksTriangle.js
+;// CONCATENATED MODULE: ../../interactions/particles/links/dist/browser/Options/Classes/LinksTriangle.js
 
 class LinksTriangle {
   constructor() {
@@ -9310,7 +9310,7 @@ class LinksTriangle {
     }
   }
 }
-;// CONCATENATED MODULE: ../../interactions/particles/links/dist/esm/Options/Classes/Links.js
+;// CONCATENATED MODULE: ../../interactions/particles/links/dist/browser/Options/Classes/Links.js
 
 
 
@@ -9365,7 +9365,7 @@ class Links {
     }
   }
 }
-;// CONCATENATED MODULE: ../../interactions/particles/links/dist/esm/Linker.js
+;// CONCATENATED MODULE: ../../interactions/particles/links/dist/browser/Linker.js
 
 
 
@@ -9467,12 +9467,12 @@ class Linker extends ParticlesInteractorBase {
   }
   reset() {}
 }
-;// CONCATENATED MODULE: ../../interactions/particles/links/dist/esm/interaction.js
+;// CONCATENATED MODULE: ../../interactions/particles/links/dist/browser/interaction.js
 
 async function loadLinksInteraction(engine, refresh = true) {
   await engine.addInteractor("particlesLinks", container => new Linker(container), refresh);
 }
-;// CONCATENATED MODULE: ../../interactions/particles/links/dist/esm/Utils.js
+;// CONCATENATED MODULE: ../../interactions/particles/links/dist/browser/Utils.js
 
 function drawLinkLine(params) {
   let drawn = false;
@@ -9602,7 +9602,7 @@ function setLinkFrequency(particles, dictionary) {
   }
   return res;
 }
-;// CONCATENATED MODULE: ../../interactions/particles/links/dist/esm/LinkInstance.js
+;// CONCATENATED MODULE: ../../interactions/particles/links/dist/browser/LinkInstance.js
 
 
 class LinkInstance {
@@ -9773,7 +9773,7 @@ class LinkInstance {
     particle.links = [];
   }
 }
-;// CONCATENATED MODULE: ../../interactions/particles/links/dist/esm/plugin.js
+;// CONCATENATED MODULE: ../../interactions/particles/links/dist/browser/plugin.js
 
 class LinksPlugin {
   constructor() {
@@ -9791,7 +9791,7 @@ async function loadLinksPlugin(engine, refresh = true) {
   const plugin = new LinksPlugin();
   await engine.addPlugin(plugin, refresh);
 }
-;// CONCATENATED MODULE: ../../interactions/particles/links/dist/esm/index.js
+;// CONCATENATED MODULE: ../../interactions/particles/links/dist/browser/index.js
 
 
 async function loadParticlesLinksInteraction(engine, refresh = true) {
@@ -9804,7 +9804,7 @@ async function loadParticlesLinksInteraction(engine, refresh = true) {
 
 
 
-;// CONCATENATED MODULE: ../../shapes/polygon/dist/esm/PolygonDrawerBase.js
+;// CONCATENATED MODULE: ../../shapes/polygon/dist/browser/PolygonDrawerBase.js
 
 class PolygonDrawerBase {
   draw(context, particle, radius) {
@@ -9831,7 +9831,7 @@ class PolygonDrawerBase {
     return Math.round(getRangeValue(polygon?.sides ?? 5));
   }
 }
-;// CONCATENATED MODULE: ../../shapes/polygon/dist/esm/PolygonDrawer.js
+;// CONCATENATED MODULE: ../../shapes/polygon/dist/browser/PolygonDrawer.js
 
 class PolygonDrawer extends PolygonDrawerBase {
   getCenter(particle, radius) {
@@ -9851,7 +9851,7 @@ class PolygonDrawer extends PolygonDrawerBase {
     };
   }
 }
-;// CONCATENATED MODULE: ../../shapes/polygon/dist/esm/TriangleDrawer.js
+;// CONCATENATED MODULE: ../../shapes/polygon/dist/browser/TriangleDrawer.js
 
 class TriangleDrawer extends PolygonDrawerBase {
   getCenter(particle, radius) {
@@ -9873,7 +9873,7 @@ class TriangleDrawer extends PolygonDrawerBase {
     };
   }
 }
-;// CONCATENATED MODULE: ../../shapes/polygon/dist/esm/index.js
+;// CONCATENATED MODULE: ../../shapes/polygon/dist/browser/index.js
 
 
 async function loadGenericPolygonShape(engine, refresh = true) {
@@ -9886,7 +9886,7 @@ async function loadPolygonShape(engine, refresh = true) {
   await loadGenericPolygonShape(engine, refresh);
   await loadTriangleShape(engine, refresh);
 }
-;// CONCATENATED MODULE: ../../updaters/rotate/dist/esm/Options/Classes/RotateAnimation.js
+;// CONCATENATED MODULE: ../../updaters/rotate/dist/browser/Options/Classes/RotateAnimation.js
 
 class RotateAnimation {
   constructor() {
@@ -9913,7 +9913,7 @@ class RotateAnimation {
     }
   }
 }
-;// CONCATENATED MODULE: ../../updaters/rotate/dist/esm/Options/Classes/Rotate.js
+;// CONCATENATED MODULE: ../../updaters/rotate/dist/browser/Options/Classes/Rotate.js
 
 
 class Rotate extends ValueWithRandom {
@@ -9938,7 +9938,7 @@ class Rotate extends ValueWithRandom {
     }
   }
 }
-;// CONCATENATED MODULE: ../../updaters/rotate/dist/esm/RotateUpdater.js
+;// CONCATENATED MODULE: ../../updaters/rotate/dist/browser/RotateUpdater.js
 
 
 function updateRotate(particle, delta) {
@@ -10034,12 +10034,12 @@ class RotateUpdater {
     particle.rotation = particle.rotate?.value ?? 0;
   }
 }
-;// CONCATENATED MODULE: ../../updaters/rotate/dist/esm/index.js
+;// CONCATENATED MODULE: ../../updaters/rotate/dist/browser/index.js
 
 async function loadRotateUpdater(engine, refresh = true) {
   await engine.addParticleUpdater("rotate", container => new RotateUpdater(container), refresh);
 }
-;// CONCATENATED MODULE: ../../shapes/square/dist/esm/SquareDrawer.js
+;// CONCATENATED MODULE: ../../shapes/square/dist/browser/SquareDrawer.js
 const fixFactor = Math.sqrt(2);
 class SquareDrawer {
   draw(context, particle, radius) {
@@ -10051,12 +10051,12 @@ class SquareDrawer {
     return 4;
   }
 }
-;// CONCATENATED MODULE: ../../shapes/square/dist/esm/index.js
+;// CONCATENATED MODULE: ../../shapes/square/dist/browser/index.js
 
 async function loadSquareShape(engine, refresh = true) {
   await engine.addShape(["edge", "square"], new SquareDrawer(), refresh);
 }
-;// CONCATENATED MODULE: ../../shapes/star/dist/esm/StarDrawer.js
+;// CONCATENATED MODULE: ../../shapes/star/dist/browser/StarDrawer.js
 
 class StarDrawer {
   draw(context, particle, radius) {
@@ -10079,12 +10079,12 @@ class StarDrawer {
     particle.starInset = getRangeValue(star?.inset ?? 2);
   }
 }
-;// CONCATENATED MODULE: ../../shapes/star/dist/esm/index.js
+;// CONCATENATED MODULE: ../../shapes/star/dist/browser/index.js
 
 async function loadStarShape(engine, refresh = true) {
   await engine.addShape("star", new StarDrawer(), refresh);
 }
-;// CONCATENATED MODULE: ../../updaters/strokeColor/dist/esm/Utils.js
+;// CONCATENATED MODULE: ../../updaters/strokeColor/dist/browser/Utils.js
 
 function Utils_updateColorValue(delta, colorValue, valueAnimation, max, decrease) {
   if (!colorValue || !valueAnimation.enable || (colorValue.maxLoops ?? 0) > 0 && (colorValue.loops ?? 0) > (colorValue.maxLoops ?? 0)) {
@@ -10156,7 +10156,7 @@ function updateStrokeColor(particle, delta) {
     Utils_updateColorValue(delta, l, lAnimation, 100, true);
   }
 }
-;// CONCATENATED MODULE: ../../updaters/strokeColor/dist/esm/StrokeColorUpdater.js
+;// CONCATENATED MODULE: ../../updaters/strokeColor/dist/browser/StrokeColorUpdater.js
 
 
 class StrokeColorUpdater {
@@ -10189,12 +10189,12 @@ class StrokeColorUpdater {
     updateStrokeColor(particle, delta);
   }
 }
-;// CONCATENATED MODULE: ../../updaters/strokeColor/dist/esm/index.js
+;// CONCATENATED MODULE: ../../updaters/strokeColor/dist/browser/index.js
 
 async function loadStrokeColorUpdater(engine, refresh = true) {
   await engine.addParticleUpdater("strokeColor", container => new StrokeColorUpdater(container), refresh);
 }
-;// CONCATENATED MODULE: ../../shapes/text/dist/esm/TextDrawer.js
+;// CONCATENATED MODULE: ../../shapes/text/dist/browser/TextDrawer.js
 
 const validTypes = ["text", "character", "char"];
 class TextDrawer {
@@ -10259,7 +10259,7 @@ class TextDrawer {
     particle.text = itemFromSingleOrMultiple(textData, particle.randomIndexData);
   }
 }
-;// CONCATENATED MODULE: ../../shapes/text/dist/esm/index.js
+;// CONCATENATED MODULE: ../../shapes/text/dist/browser/index.js
 
 async function loadTextShape(engine, refresh = true) {
   await engine.addShape(validTypes, new TextDrawer(), refresh);