@tsparticles/plugin-sounds 3.3.0 → 3.5.0

package/browser/Options/Classes/Sounds.js

@@ -20,7 +20,7 @@ export class Sounds {
             this.enable = data.enable;
         }
         if (data.events !== undefined) {
-            this.events = data.events.map((t) => {
+            this.events = data.events.map(t => {
                 const event = new SoundsEvent();
                 event.load(t);
                 return event;

package/browser/Options/Classes/SoundsEvent.js

@@ -16,7 +16,7 @@ export class SoundsEvent {
         }
         if (data.audio !== undefined) {
             if (isArray(data.audio)) {
-                this.audio = data.audio.map((s) => {
+                this.audio = data.audio.map(s => {
                     const tmp = new SoundsAudio();
                     tmp.load(s);
                     return tmp;
@@ -28,14 +28,14 @@ export class SoundsEvent {
             }
         }
         if (data.notes !== undefined) {
-            this.notes = data.notes.map((t) => {
+            this.notes = data.notes.map(t => {
                 const tmp = new SoundsNote();
                 tmp.load(t);
                 return tmp;
             });
         }
         if (data.melodies !== undefined) {
-            this.melodies = data.melodies.map((t) => {
+            this.melodies = data.melodies.map(t => {
                 const tmp = new SoundsMelody();
                 tmp.load(t);
                 return tmp;

package/browser/Options/Classes/SoundsMelody.js

@@ -13,14 +13,14 @@ export class SoundsMelody {
             this.loop = data.loop;
         }
         if (data.melodies !== undefined) {
-            this.melodies = data.melodies.map((s) => {
+            this.melodies = data.melodies.map(s => {
                 const tmp = new SoundsMelody();
                 tmp.load(s);
                 return tmp;
             });
         }
         if (data.notes !== undefined) {
-            this.notes = data.notes.map((s) => {
+            this.notes = data.notes.map(s => {
                 const tmp = new SoundsNote();
                 tmp.load(s);
                 return tmp;

package/browser/SoundsInstance.js

@@ -1,4 +1,5 @@
 import { clamp, executeOnSingleOrMultiple, getLogger, isArray, isNumber, itemFromArray, itemFromSingleOrMultiple, mouseDownEvent, percentDenominator, touchStartEvent, } from "@tsparticles/engine";
+import { ImageDisplay, SoundsEventType } from "./enums.js";
 import { getNoteFrequency, isWindowMuted, unmuteWindow } from "./utils.js";
 const zIndexOffset = 1, rightOffset = 1, minVolume = 0;
 function initImage(data) {
@@ -33,12 +34,12 @@ function setIconStyle(icon, top, left, display, zIndex, width, margin, style) {
 }
 export class SoundsInstance {
     constructor(container, engine) {
-        this._addBuffer = (audioCtx) => {
+        this._addBuffer = audioCtx => {
             const buffer = audioCtx.createBufferSource();
             this._audioSources.push(buffer);
             return buffer;
         };
-        this._addOscillator = (audioCtx) => {
+        this._addOscillator = audioCtx => {
             const oscillator = audioCtx.createOscillator();
             this._audioSources.push(oscillator);
             return oscillator;
@@ -56,7 +57,7 @@ export class SoundsInstance {
                             return;
                         }
                         if (!this._container || !!this._container.muted || this._container.destroyed) {
-                            executeOnSingleOrMultiple(event.event, (item) => {
+                            executeOnSingleOrMultiple(event.event, item => {
                                 this._engine.removeEventListener(item, cb);
                             });
                             return;
@@ -71,7 +72,7 @@ export class SoundsInstance {
                         else if (event.melodies) {
                             const melody = itemFromArray(event.melodies);
                             if (melody.melodies.length) {
-                                await Promise.allSettled(melody.melodies.map((m) => this._playNote(m.notes, defaultNoteIndex, melody.loop)));
+                                await Promise.allSettled(melody.melodies.map(m => this._playNote(m.notes, defaultNoteIndex, melody.loop)));
                             }
                             else {
                                 await this._playNote(melody.notes, defaultNoteIndex, melody.loop);
@@ -83,7 +84,7 @@ export class SoundsInstance {
                         }
                     })();
                 };
-                executeOnSingleOrMultiple(event.event, (item) => {
+                executeOnSingleOrMultiple(event.event, item => {
                     this._engine.addEventListener(item, cb);
                 });
             }
@@ -98,9 +99,9 @@ export class SoundsInstance {
             }
             await audioContext.close();
             container.audioContext = undefined;
-            this._engine.dispatchEvent("soundsMuted", { container: this._container });
+            this._engine.dispatchEvent(SoundsEventType.mute, { container: this._container });
         };
-        this._playBuffer = (audio) => {
+        this._playBuffer = audio => {
             const audioBuffer = this._audioMap.get(audio.source);
             if (!audioBuffer) {
                 return;
@@ -124,7 +125,7 @@ export class SoundsInstance {
             oscillator.type = "sine";
             oscillator.frequency.value = frequency;
             oscillator.start();
-            return new Promise((resolve) => {
+            return new Promise(resolve => {
                 setTimeout(() => {
                     this._removeAudioSource(oscillator);
                     resolve();
@@ -189,7 +190,7 @@ export class SoundsInstance {
                 getLogger().error(e);
             }
         };
-        this._removeAudioSource = (source) => {
+        this._removeAudioSource = source => {
             source.stop();
             source.disconnect();
             const deleteCount = 1;
@@ -209,7 +210,7 @@ export class SoundsInstance {
             gain.gain.value = soundsOptions.volume.value / percentDenominator;
             this._gain = gain;
             this._initEvents();
-            this._engine.dispatchEvent("soundsUnmuted", { container: this._container });
+            this._engine.dispatchEvent(SoundsEventType.unmute, { container: this._container });
         };
         this._updateMuteIcons = () => {
             const container = this._container, soundsOptions = container.actualOptions.sounds;
@@ -324,7 +325,7 @@ export class SoundsInstance {
             right: canvas.offsetLeft + canvas.offsetWidth,
         }, { mute, unmute, volumeDown, volumeUp } = soundsOptions.icons, margin = 10, toggleMute = async () => {
             await this.toggleMute();
-        }, enableIcons = soundsOptions.icons.enable, display = enableIcons ? "block" : "none";
+        }, enableIcons = soundsOptions.icons.enable, display = enableIcons ? ImageDisplay.Block : ImageDisplay.None;
         this._muteImg = initImage({
             container,
             options,
@@ -339,7 +340,7 @@ export class SoundsInstance {
             container,
             options,
             pos,
-            display: "none",
+            display: ImageDisplay.None,
             iconOptions: unmute,
             margin,
             rightOffsets: [volumeDown.width, volumeUp.width],

package/browser/SoundsPlugin.js

@@ -1,5 +1,6 @@
 import { mouseDownEvent, touchStartEvent, } from "@tsparticles/engine";
 import { Sounds } from "./Options/Classes/Sounds.js";
+import { SoundsInstance } from "./SoundsInstance.js";
 import { unmuteWindow } from "./utils.js";
 const generalFirstClickHandler = () => {
     removeEventListener(mouseDownEvent, generalFirstClickHandler);
@@ -17,9 +18,8 @@ export class SoundsPlugin {
         addEventListener(mouseDownEvent, generalFirstClickHandler, listenerOptions);
         addEventListener(touchStartEvent, generalFirstClickHandler, listenerOptions);
     }
-    async getPlugin(container) {
-        const { SoundsInstance } = await import("./SoundsInstance.js");
-        return new SoundsInstance(container, this._engine);
+    getPlugin(container) {
+        return Promise.resolve(new SoundsInstance(container, this._engine));
     }
     loadOptions(options, source) {
         if (!this.needsPlugin(options) && !this.needsPlugin(source)) {

package/browser/enums.js

@@ -1 +1,10 @@
-export {};
+export var SoundsEventType;
+(function (SoundsEventType) {
+    SoundsEventType["mute"] = "soundsMuted";
+    SoundsEventType["unmute"] = "soundsUnmuted";
+})(SoundsEventType || (SoundsEventType = {}));
+export var ImageDisplay;
+(function (ImageDisplay) {
+    ImageDisplay["Block"] = "block";
+    ImageDisplay["None"] = "none";
+})(ImageDisplay || (ImageDisplay = {}));

package/browser/index.js

@@ -1,4 +1,4 @@
+import { SoundsPlugin } from "./SoundsPlugin.js";
 export async function loadSoundsPlugin(engine, refresh = true) {
-    const { SoundsPlugin } = await import("./SoundsPlugin.js");
     await engine.addPlugin(new SoundsPlugin(engine), refresh);
 }

package/cjs/Options/Classes/Sounds.js

@@ -23,7 +23,7 @@ class Sounds {
             this.enable = data.enable;
         }
         if (data.events !== undefined) {
-            this.events = data.events.map((t) => {
+            this.events = data.events.map(t => {
                 const event = new SoundsEvent_js_1.SoundsEvent();
                 event.load(t);
                 return event;

package/cjs/Options/Classes/SoundsEvent.js

@@ -19,7 +19,7 @@ class SoundsEvent {
         }
         if (data.audio !== undefined) {
             if ((0, engine_1.isArray)(data.audio)) {
-                this.audio = data.audio.map((s) => {
+                this.audio = data.audio.map(s => {
                     const tmp = new SoundsAudio_js_1.SoundsAudio();
                     tmp.load(s);
                     return tmp;
@@ -31,14 +31,14 @@ class SoundsEvent {
             }
         }
         if (data.notes !== undefined) {
-            this.notes = data.notes.map((t) => {
+            this.notes = data.notes.map(t => {
                 const tmp = new SoundsNote_js_1.SoundsNote();
                 tmp.load(t);
                 return tmp;
             });
         }
         if (data.melodies !== undefined) {
-            this.melodies = data.melodies.map((t) => {
+            this.melodies = data.melodies.map(t => {
                 const tmp = new SoundsMelody_js_1.SoundsMelody();
                 tmp.load(t);
                 return tmp;

package/cjs/Options/Classes/SoundsMelody.js

@@ -16,14 +16,14 @@ class SoundsMelody {
             this.loop = data.loop;
         }
         if (data.melodies !== undefined) {
-            this.melodies = data.melodies.map((s) => {
+            this.melodies = data.melodies.map(s => {
                 const tmp = new SoundsMelody();
                 tmp.load(s);
                 return tmp;
             });
         }
         if (data.notes !== undefined) {
-            this.notes = data.notes.map((s) => {
+            this.notes = data.notes.map(s => {
                 const tmp = new SoundsNote_js_1.SoundsNote();
                 tmp.load(s);
                 return tmp;

package/cjs/SoundsInstance.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SoundsInstance = void 0;
 const engine_1 = require("@tsparticles/engine");
+const enums_js_1 = require("./enums.js");
 const utils_js_1 = require("./utils.js");
 const zIndexOffset = 1, rightOffset = 1, minVolume = 0;
 function initImage(data) {
@@ -36,12 +37,12 @@ function setIconStyle(icon, top, left, display, zIndex, width, margin, style) {
 }
 class SoundsInstance {
     constructor(container, engine) {
-        this._addBuffer = (audioCtx) => {
+        this._addBuffer = audioCtx => {
             const buffer = audioCtx.createBufferSource();
             this._audioSources.push(buffer);
             return buffer;
         };
-        this._addOscillator = (audioCtx) => {
+        this._addOscillator = audioCtx => {
             const oscillator = audioCtx.createOscillator();
             this._audioSources.push(oscillator);
             return oscillator;
@@ -59,7 +60,7 @@ class SoundsInstance {
                             return;
                         }
                         if (!this._container || !!this._container.muted || this._container.destroyed) {
-                            (0, engine_1.executeOnSingleOrMultiple)(event.event, (item) => {
+                            (0, engine_1.executeOnSingleOrMultiple)(event.event, item => {
                                 this._engine.removeEventListener(item, cb);
                             });
                             return;
@@ -74,7 +75,7 @@ class SoundsInstance {
                         else if (event.melodies) {
                             const melody = (0, engine_1.itemFromArray)(event.melodies);
                             if (melody.melodies.length) {
-                                await Promise.allSettled(melody.melodies.map((m) => this._playNote(m.notes, defaultNoteIndex, melody.loop)));
+                                await Promise.allSettled(melody.melodies.map(m => this._playNote(m.notes, defaultNoteIndex, melody.loop)));
                             }
                             else {
                                 await this._playNote(melody.notes, defaultNoteIndex, melody.loop);
@@ -86,7 +87,7 @@ class SoundsInstance {
                         }
                     })();
                 };
-                (0, engine_1.executeOnSingleOrMultiple)(event.event, (item) => {
+                (0, engine_1.executeOnSingleOrMultiple)(event.event, item => {
                     this._engine.addEventListener(item, cb);
                 });
             }
@@ -101,9 +102,9 @@ class SoundsInstance {
             }
             await audioContext.close();
             container.audioContext = undefined;
-            this._engine.dispatchEvent("soundsMuted", { container: this._container });
+            this._engine.dispatchEvent(enums_js_1.SoundsEventType.mute, { container: this._container });
         };
-        this._playBuffer = (audio) => {
+        this._playBuffer = audio => {
             const audioBuffer = this._audioMap.get(audio.source);
             if (!audioBuffer) {
                 return;
@@ -127,7 +128,7 @@ class SoundsInstance {
             oscillator.type = "sine";
             oscillator.frequency.value = frequency;
             oscillator.start();
-            return new Promise((resolve) => {
+            return new Promise(resolve => {
                 setTimeout(() => {
                     this._removeAudioSource(oscillator);
                     resolve();
@@ -192,7 +193,7 @@ class SoundsInstance {
                 (0, engine_1.getLogger)().error(e);
             }
         };
-        this._removeAudioSource = (source) => {
+        this._removeAudioSource = source => {
             source.stop();
             source.disconnect();
             const deleteCount = 1;
@@ -212,7 +213,7 @@ class SoundsInstance {
             gain.gain.value = soundsOptions.volume.value / engine_1.percentDenominator;
             this._gain = gain;
             this._initEvents();
-            this._engine.dispatchEvent("soundsUnmuted", { container: this._container });
+            this._engine.dispatchEvent(enums_js_1.SoundsEventType.unmute, { container: this._container });
         };
         this._updateMuteIcons = () => {
             const container = this._container, soundsOptions = container.actualOptions.sounds;
@@ -327,7 +328,7 @@ class SoundsInstance {
             right: canvas.offsetLeft + canvas.offsetWidth,
         }, { mute, unmute, volumeDown, volumeUp } = soundsOptions.icons, margin = 10, toggleMute = async () => {
             await this.toggleMute();
-        }, enableIcons = soundsOptions.icons.enable, display = enableIcons ? "block" : "none";
+        }, enableIcons = soundsOptions.icons.enable, display = enableIcons ? enums_js_1.ImageDisplay.Block : enums_js_1.ImageDisplay.None;
         this._muteImg = initImage({
             container,
             options,
@@ -342,7 +343,7 @@ class SoundsInstance {
             container,
             options,
             pos,
-            display: "none",
+            display: enums_js_1.ImageDisplay.None,
             iconOptions: unmute,
             margin,
             rightOffsets: [volumeDown.width, volumeUp.width],

package/cjs/SoundsPlugin.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SoundsPlugin = void 0;
 const engine_1 = require("@tsparticles/engine");
 const Sounds_js_1 = require("./Options/Classes/Sounds.js");
+const SoundsInstance_js_1 = require("./SoundsInstance.js");
 const utils_js_1 = require("./utils.js");
 const generalFirstClickHandler = () => {
     removeEventListener(engine_1.mouseDownEvent, generalFirstClickHandler);
@@ -20,9 +21,8 @@ class SoundsPlugin {
         addEventListener(engine_1.mouseDownEvent, generalFirstClickHandler, listenerOptions);
         addEventListener(engine_1.touchStartEvent, generalFirstClickHandler, listenerOptions);
     }
-    async getPlugin(container) {
-        const { SoundsInstance } = await import("./SoundsInstance.js");
-        return new SoundsInstance(container, this._engine);
+    getPlugin(container) {
+        return Promise.resolve(new SoundsInstance_js_1.SoundsInstance(container, this._engine));
     }
     loadOptions(options, source) {
         if (!this.needsPlugin(options) && !this.needsPlugin(source)) {

package/cjs/enums.js

@@ -1,2 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageDisplay = exports.SoundsEventType = void 0;
+var SoundsEventType;
+(function (SoundsEventType) {
+    SoundsEventType["mute"] = "soundsMuted";
+    SoundsEventType["unmute"] = "soundsUnmuted";
+})(SoundsEventType || (exports.SoundsEventType = SoundsEventType = {}));
+var ImageDisplay;
+(function (ImageDisplay) {
+    ImageDisplay["Block"] = "block";
+    ImageDisplay["None"] = "none";
+})(ImageDisplay || (exports.ImageDisplay = ImageDisplay = {}));

package/cjs/index.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadSoundsPlugin = void 0;
+exports.loadSoundsPlugin = loadSoundsPlugin;
+const SoundsPlugin_js_1 = require("./SoundsPlugin.js");
 async function loadSoundsPlugin(engine, refresh = true) {
-    const { SoundsPlugin } = await import("./SoundsPlugin.js");
-    await engine.addPlugin(new SoundsPlugin(engine), refresh);
+    await engine.addPlugin(new SoundsPlugin_js_1.SoundsPlugin(engine), refresh);
 }
-exports.loadSoundsPlugin = loadSoundsPlugin;

package/cjs/utils.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.unmuteWindow = exports.isWindowMuted = exports.getNoteFrequency = void 0;
+exports.unmuteWindow = exports.isWindowMuted = void 0;
+exports.getNoteFrequency = getNoteFrequency;
 const notes = new Map();
 notes.set("C", [16.35, 32.7, 65.41, 130.81, 261.63, 523.25, 1046.5, 2093.0, 4186.01]);
 notes.set("Db", [17.32, 34.65, 69.3, 138.59, 277.18, 554.37, 1108.73, 2217.46, 4434.92]);
@@ -26,7 +27,6 @@ function getNoteFrequency(note) {
     }
     return noteItem[parseInt(result[innerGroupKey] || "0")];
 }
-exports.getNoteFrequency = getNoteFrequency;
 let muted = true;
 const isWindowMuted = () => {
     return muted;

package/esm/Options/Classes/Sounds.js

@@ -20,7 +20,7 @@ export class Sounds {
             this.enable = data.enable;
         }
         if (data.events !== undefined) {
-            this.events = data.events.map((t) => {
+            this.events = data.events.map(t => {
                 const event = new SoundsEvent();
                 event.load(t);
                 return event;

package/esm/Options/Classes/SoundsEvent.js

@@ -16,7 +16,7 @@ export class SoundsEvent {
         }
         if (data.audio !== undefined) {
             if (isArray(data.audio)) {
-                this.audio = data.audio.map((s) => {
+                this.audio = data.audio.map(s => {
                     const tmp = new SoundsAudio();
                     tmp.load(s);
                     return tmp;
@@ -28,14 +28,14 @@ export class SoundsEvent {
             }
         }
         if (data.notes !== undefined) {
-            this.notes = data.notes.map((t) => {
+            this.notes = data.notes.map(t => {
                 const tmp = new SoundsNote();
                 tmp.load(t);
                 return tmp;
             });
         }
         if (data.melodies !== undefined) {
-            this.melodies = data.melodies.map((t) => {
+            this.melodies = data.melodies.map(t => {
                 const tmp = new SoundsMelody();
                 tmp.load(t);
                 return tmp;

package/esm/Options/Classes/SoundsMelody.js

@@ -13,14 +13,14 @@ export class SoundsMelody {
             this.loop = data.loop;
         }
         if (data.melodies !== undefined) {
-            this.melodies = data.melodies.map((s) => {
+            this.melodies = data.melodies.map(s => {
                 const tmp = new SoundsMelody();
                 tmp.load(s);
                 return tmp;
             });
         }
         if (data.notes !== undefined) {
-            this.notes = data.notes.map((s) => {
+            this.notes = data.notes.map(s => {
                 const tmp = new SoundsNote();
                 tmp.load(s);
                 return tmp;

package/esm/SoundsInstance.js

@@ -1,4 +1,5 @@
 import { clamp, executeOnSingleOrMultiple, getLogger, isArray, isNumber, itemFromArray, itemFromSingleOrMultiple, mouseDownEvent, percentDenominator, touchStartEvent, } from "@tsparticles/engine";
+import { ImageDisplay, SoundsEventType } from "./enums.js";
 import { getNoteFrequency, isWindowMuted, unmuteWindow } from "./utils.js";
 const zIndexOffset = 1, rightOffset = 1, minVolume = 0;
 function initImage(data) {
@@ -33,12 +34,12 @@ function setIconStyle(icon, top, left, display, zIndex, width, margin, style) {
 }
 export class SoundsInstance {
     constructor(container, engine) {
-        this._addBuffer = (audioCtx) => {
+        this._addBuffer = audioCtx => {
             const buffer = audioCtx.createBufferSource();
             this._audioSources.push(buffer);
             return buffer;
         };
-        this._addOscillator = (audioCtx) => {
+        this._addOscillator = audioCtx => {
             const oscillator = audioCtx.createOscillator();
             this._audioSources.push(oscillator);
             return oscillator;
@@ -56,7 +57,7 @@ export class SoundsInstance {
                             return;
                         }
                         if (!this._container || !!this._container.muted || this._container.destroyed) {
-                            executeOnSingleOrMultiple(event.event, (item) => {
+                            executeOnSingleOrMultiple(event.event, item => {
                                 this._engine.removeEventListener(item, cb);
                             });
                             return;
@@ -71,7 +72,7 @@ export class SoundsInstance {
                         else if (event.melodies) {
                             const melody = itemFromArray(event.melodies);
                             if (melody.melodies.length) {
-                                await Promise.allSettled(melody.melodies.map((m) => this._playNote(m.notes, defaultNoteIndex, melody.loop)));
+                                await Promise.allSettled(melody.melodies.map(m => this._playNote(m.notes, defaultNoteIndex, melody.loop)));
                             }
                             else {
                                 await this._playNote(melody.notes, defaultNoteIndex, melody.loop);
@@ -83,7 +84,7 @@ export class SoundsInstance {
                         }
                     })();
                 };
-                executeOnSingleOrMultiple(event.event, (item) => {
+                executeOnSingleOrMultiple(event.event, item => {
                     this._engine.addEventListener(item, cb);
                 });
             }
@@ -98,9 +99,9 @@ export class SoundsInstance {
             }
             await audioContext.close();
             container.audioContext = undefined;
-            this._engine.dispatchEvent("soundsMuted", { container: this._container });
+            this._engine.dispatchEvent(SoundsEventType.mute, { container: this._container });
         };
-        this._playBuffer = (audio) => {
+        this._playBuffer = audio => {
             const audioBuffer = this._audioMap.get(audio.source);
             if (!audioBuffer) {
                 return;
@@ -124,7 +125,7 @@ export class SoundsInstance {
             oscillator.type = "sine";
             oscillator.frequency.value = frequency;
             oscillator.start();
-            return new Promise((resolve) => {
+            return new Promise(resolve => {
                 setTimeout(() => {
                     this._removeAudioSource(oscillator);
                     resolve();
@@ -189,7 +190,7 @@ export class SoundsInstance {
                 getLogger().error(e);
             }
         };
-        this._removeAudioSource = (source) => {
+        this._removeAudioSource = source => {
             source.stop();
             source.disconnect();
             const deleteCount = 1;
@@ -209,7 +210,7 @@ export class SoundsInstance {
             gain.gain.value = soundsOptions.volume.value / percentDenominator;
             this._gain = gain;
             this._initEvents();
-            this._engine.dispatchEvent("soundsUnmuted", { container: this._container });
+            this._engine.dispatchEvent(SoundsEventType.unmute, { container: this._container });
         };
         this._updateMuteIcons = () => {
             const container = this._container, soundsOptions = container.actualOptions.sounds;
@@ -324,7 +325,7 @@ export class SoundsInstance {
             right: canvas.offsetLeft + canvas.offsetWidth,
         }, { mute, unmute, volumeDown, volumeUp } = soundsOptions.icons, margin = 10, toggleMute = async () => {
             await this.toggleMute();
-        }, enableIcons = soundsOptions.icons.enable, display = enableIcons ? "block" : "none";
+        }, enableIcons = soundsOptions.icons.enable, display = enableIcons ? ImageDisplay.Block : ImageDisplay.None;
         this._muteImg = initImage({
             container,
             options,
@@ -339,7 +340,7 @@ export class SoundsInstance {
             container,
             options,
             pos,
-            display: "none",
+            display: ImageDisplay.None,
             iconOptions: unmute,
             margin,
             rightOffsets: [volumeDown.width, volumeUp.width],

package/esm/SoundsPlugin.js

@@ -1,5 +1,6 @@
 import { mouseDownEvent, touchStartEvent, } from "@tsparticles/engine";
 import { Sounds } from "./Options/Classes/Sounds.js";
+import { SoundsInstance } from "./SoundsInstance.js";
 import { unmuteWindow } from "./utils.js";
 const generalFirstClickHandler = () => {
     removeEventListener(mouseDownEvent, generalFirstClickHandler);
@@ -17,9 +18,8 @@ export class SoundsPlugin {
         addEventListener(mouseDownEvent, generalFirstClickHandler, listenerOptions);
         addEventListener(touchStartEvent, generalFirstClickHandler, listenerOptions);
     }
-    async getPlugin(container) {
-        const { SoundsInstance } = await import("./SoundsInstance.js");
-        return new SoundsInstance(container, this._engine);
+    getPlugin(container) {
+        return Promise.resolve(new SoundsInstance(container, this._engine));
     }
     loadOptions(options, source) {
         if (!this.needsPlugin(options) && !this.needsPlugin(source)) {

package/esm/enums.js

@@ -1 +1,10 @@
-export {};
+export var SoundsEventType;
+(function (SoundsEventType) {
+    SoundsEventType["mute"] = "soundsMuted";
+    SoundsEventType["unmute"] = "soundsUnmuted";
+})(SoundsEventType || (SoundsEventType = {}));
+export var ImageDisplay;
+(function (ImageDisplay) {
+    ImageDisplay["Block"] = "block";
+    ImageDisplay["None"] = "none";
+})(ImageDisplay || (ImageDisplay = {}));

package/esm/index.js

@@ -1,4 +1,4 @@
+import { SoundsPlugin } from "./SoundsPlugin.js";
 export async function loadSoundsPlugin(engine, refresh = true) {
-    const { SoundsPlugin } = await import("./SoundsPlugin.js");
     await engine.addPlugin(new SoundsPlugin(engine), refresh);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/plugin-sounds",
-  "version": "3.3.0",
+  "version": "3.5.0",
   "description": "tsParticles sounds plugin",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -86,7 +86,7 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "^3.3.0"
+    "@tsparticles/engine": "^3.5.0"
   },
   "publishConfig": {
     "access": "public"

package/report.html

@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
-    <title>@tsparticles/plugin-sounds [27 Feb 2024 at 12:19]</title>
+    <title>@tsparticles/plugin-sounds [1 Jul 2024 at 09:21]</title>
     <link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII=" type="image/x-icon" />
 
     <script>