@tsparticles/riot 4.0.0-beta.16 → 4.0.0

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.0.0](https://github.com/tsparticles/tsparticles/compare/v4.0.0-beta.17...v4.0.0) (2026-05-15)
+
+**Note:** Version bump only for package @tsparticles/riot
+
+# [4.0.0-beta.17](https://github.com/tsparticles/tsparticles/compare/v4.0.0-beta.16...v4.0.0-beta.17) (2026-05-15)
+
+**Note:** Version bump only for package @tsparticles/riot
+
 # [4.0.0-beta.16](https://github.com/tsparticles/tsparticles/compare/v4.0.0-beta.15...v4.0.0-beta.16) (2026-05-09)
 
 **Note:** Version bump only for package @tsparticles/riot

package/dist/riot-particles.cjs

@@ -0,0 +1,124 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var engine = require('@tsparticles/engine');
+
+let oldId;
+let initialized = false;
+let initPromise;
+let initCallback;
+
+async function initParticlesEngine(
+    cb,
+) {
+    if (initialized) {
+        return;
+    }
+
+    if (initPromise) {
+        if (initCallback !== cb) {
+            throw new Error("initParticlesEngine callback must be stable across the app lifecycle.");
+        }
+
+        await initPromise;
+
+        return;
+    }
+
+    initCallback = cb;
+    initPromise = (async () => {
+        if (cb) {
+            await cb(engine.tsParticles);
+        }
+
+        await engine.tsParticles.init();
+        initialized = true;
+    })().catch((error) => {
+        initPromise = undefined;
+        initCallback = undefined;
+        initialized = false;
+
+        throw error;
+    });
+
+    await initPromise;
+}
+
+function isParticlesEngineInitialized() {
+    return initialized;
+}
+
+async function waitForParticlesEngineInitialization() {
+    await (initPromise ?? Promise.resolve());
+}
+
+var riotParticles = {
+  css: null,
+
+  exports: {
+    async onMounted(props) {
+        await waitForParticlesEngineInitialization();
+
+        if (!isParticlesEngineInitialized()) {
+            throw new Error("initParticlesEngine(...) must be called once before mounting <riot-particles /> components.");
+        }
+
+        if (oldId) {
+            const oldContainer = engine.tsParticles.dom().find((c) => c.id === oldId);
+
+            if (oldContainer) {
+                oldContainer.destroy();
+            }
+        }
+
+        if (props.id) {
+            const cb = (container) => {
+                if (props.particlesLoaded) {
+                    props.particlesLoaded(container);
+                }
+
+                oldId = props.id;
+            };
+
+            engine.tsParticles.load({ id: props.id, options: props.options, url: props.url }).then(cb);
+        } else {
+            if (props.particlesLoaded) {
+                props.particlesLoaded(undefined);
+            }
+        }
+    }
+  },
+
+  template: (
+    template,
+    expressionTypes,
+    bindingTypes,
+    getComponent
+  ) => template(
+    '<div expr0="expr0"></div>',
+    [
+      {
+        redundantAttribute: 'expr0',
+        selector: '[expr0]',
+
+        expressions: [
+          {
+            type: expressionTypes.ATTRIBUTE,
+            isBoolean: false,
+            name: 'id',
+            evaluate: _scope => _scope.props.id
+          }
+        ]
+      }
+    ]
+  ),
+
+  name: 'riot-particles'
+};
+
+exports.default = riotParticles;
+exports.initParticlesEngine = initParticlesEngine;
+exports.isParticlesEngineInitialized = isParticlesEngineInitialized;
+exports.waitForParticlesEngineInitialization = waitForParticlesEngineInitialization;
+//# sourceMappingURL=riot-particles.cjs.map

package/dist/riot-particles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"riot-particles.cjs","sources":["../src/riot-particles.riot"],"sourcesContent":["<riot-particles>\n    <script>\n        import { tsParticles } from \"@tsparticles/engine\";\n\n        let oldId;\n        let initialized = false;\n        let initPromise;\n        let initCallback;\n\n        export async function initParticlesEngine(\n            cb,\n        ) {\n            if (initialized) {\n                return;\n            }\n\n            if (initPromise) {\n                if (initCallback !== cb) {\n                    throw new Error(\"initParticlesEngine callback must be stable across the app lifecycle.\");\n                }\n\n                await initPromise;\n\n                return;\n            }\n\n            initCallback = cb;\n            initPromise = (async () => {\n                if (cb) {\n                    await cb(tsParticles);\n                }\n\n                await tsParticles.init();\n                initialized = true;\n            })().catch((error) => {\n                initPromise = undefined;\n                initCallback = undefined;\n                initialized = false;\n\n                throw error;\n            });\n\n            await initPromise;\n        }\n\n        export function isParticlesEngineInitialized() {\n            return initialized;\n        }\n\n        export async function waitForParticlesEngineInitialization() {\n            await (initPromise ?? Promise.resolve());\n        }\n\n        export default {\n            async onMounted(props) {\n                await waitForParticlesEngineInitialization();\n\n                if (!isParticlesEngineInitialized()) {\n                    throw new Error(\"initParticlesEngine(...) must be called once before mounting <riot-particles /> components.\");\n                }\n\n                if (oldId) {\n                    const oldContainer = tsParticles.dom().find((c) => c.id === oldId);\n\n                    if (oldContainer) {\n                        oldContainer.destroy();\n                    }\n                }\n\n                if (props.id) {\n                    const cb = (container) => {\n                        if (props.particlesLoaded) {\n                            props.particlesLoaded(container);\n                        }\n\n                        oldId = props.id;\n                    };\n\n                    tsParticles.load({ id: props.id, options: props.options, url: props.url }).then(cb);\n                } else {\n                    if (props.particlesLoaded) {\n                        props.particlesLoaded(undefined);\n                    }\n                }\n            }\n        }\n    </script>\n    <div id=\"{props.id}\"></div>\n\n</riot-particles>\n"],"names":["tsParticles"],"mappings":";;;;;;AAIQ,IAAI,KAAK;AACT,IAAI,WAAU,GAAI,KAAK;AACvB,IAAI,WAAW;AACf,IAAI,YAAY;;AAET,eAAe,mBAAmB;AACrC,IAAA,EAAE;AACN,EAAE;AACE,IAAA,IAAI,WAAW,EAAE;AACb,QAAA;AACJ,IAAA;;AAEA,IAAA,IAAI,WAAW,EAAE;AACb,QAAA,IAAI,YAAW,KAAM,EAAE,EAAE;AACrB,YAAA,MAAM,IAAI,KAAK,CAAC,uEAAuE,CAAC;AAC5F,QAAA;;AAEA,QAAA,MAAM,WAAW;;AAEjB,QAAA;AACJ,IAAA;;AAEA,IAAA,YAAW,GAAI,EAAE;IACjB,WAAU,GAAI,CAAC,YAAY;AACvB,QAAA,IAAI,EAAE,EAAE;AACJ,YAAA,MAAM,EAAE,CAACA,kBAAW,CAAC;AACzB,QAAA;;QAEA,MAAMA,kBAAW,CAAC,IAAI,EAAE;AACxB,QAAA,WAAU,GAAI,IAAI;AACtB,IAAA,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,KAAK,KAAK;AAClB,QAAA,cAAc,SAAS;QACvB,eAAe,SAAS;AACxB,QAAA,cAAc,KAAK;;QAEnB,MAAM,KAAK;AACf,IAAA,CAAC,CAAC;;AAEF,IAAA,MAAM,WAAW;AACrB;;AAEO,SAAS,4BAA4B,GAAG;AAC3C,IAAA,OAAO,WAAW;AACtB;;AAEO,eAAe,oCAAoC,GAAG;AACzD,IAAA,OAAO,WAAU,IAAK,OAAO,CAAC,OAAO,EAAE,CAAC;AAC5C;;;;;;AAGI,IAAA,MAAM,SAAS,CAAC,KAAK,EAAE;AACnB,QAAA,MAAM,oCAAoC,EAAE;;AAE5C,QAAA,IAAI,CAAC,4BAA4B,EAAE,EAAE;YACjC,MAAM,IAAI,KAAK,CAAC,6FAA6F,CAAC;AAClH,QAAA;;AAEA,QAAA,IAAI,KAAK,EAAE;YACP,MAAM,YAAW,GAAIA,kBAAW,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAC,KAAM,KAAK,CAAC;;AAElE,YAAA,IAAI,YAAY,EAAE;gBACd,YAAY,CAAC,OAAO,EAAE;AAC1B,YAAA;AACJ,QAAA;;QAEA,IAAI,KAAK,CAAC,EAAE,EAAE;AACV,YAAA,MAAM,EAAC,GAAI,CAAC,SAAS,KAAK;gBACtB,IAAI,KAAK,CAAC,eAAe,EAAE;AACvB,oBAAA,KAAK,CAAC,eAAe,CAAC,SAAS,CAAC;AACpC,gBAAA;;AAEA,gBAAA,KAAI,GAAI,KAAK,CAAC,EAAE;YACpB,CAAC;;AAED,YAAAA,kBAAW,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;QACvF,CAAA,MAAO;YACH,IAAI,KAAK,CAAC,eAAe,EAAE;AACvB,gBAAA,KAAK,CAAC,eAAe,CAAC,SAAS,CAAC;AACpC,YAAA;AACJ,QAAA;AACJ,IAAA;;;;;;;;;;;;;;;;;;;;AAGE,YAAA,QAAA,EAAA,MAAA,IAAA,MAAA,CAAA,KAAI,CAAE;;;;;;;;;;;;;;;"}

package/dist/riot-particles.esm.js

@@ -0,0 +1,117 @@
+import { tsParticles } from '@tsparticles/engine';
+
+let oldId;
+let initialized = false;
+let initPromise;
+let initCallback;
+
+async function initParticlesEngine(
+    cb,
+) {
+    if (initialized) {
+        return;
+    }
+
+    if (initPromise) {
+        if (initCallback !== cb) {
+            throw new Error("initParticlesEngine callback must be stable across the app lifecycle.");
+        }
+
+        await initPromise;
+
+        return;
+    }
+
+    initCallback = cb;
+    initPromise = (async () => {
+        if (cb) {
+            await cb(tsParticles);
+        }
+
+        await tsParticles.init();
+        initialized = true;
+    })().catch((error) => {
+        initPromise = undefined;
+        initCallback = undefined;
+        initialized = false;
+
+        throw error;
+    });
+
+    await initPromise;
+}
+
+function isParticlesEngineInitialized() {
+    return initialized;
+}
+
+async function waitForParticlesEngineInitialization() {
+    await (initPromise ?? Promise.resolve());
+}
+
+var riotParticles = {
+  css: null,
+
+  exports: {
+    async onMounted(props) {
+        await waitForParticlesEngineInitialization();
+
+        if (!isParticlesEngineInitialized()) {
+            throw new Error("initParticlesEngine(...) must be called once before mounting <riot-particles /> components.");
+        }
+
+        if (oldId) {
+            const oldContainer = tsParticles.dom().find((c) => c.id === oldId);
+
+            if (oldContainer) {
+                oldContainer.destroy();
+            }
+        }
+
+        if (props.id) {
+            const cb = (container) => {
+                if (props.particlesLoaded) {
+                    props.particlesLoaded(container);
+                }
+
+                oldId = props.id;
+            };
+
+            tsParticles.load({ id: props.id, options: props.options, url: props.url }).then(cb);
+        } else {
+            if (props.particlesLoaded) {
+                props.particlesLoaded(undefined);
+            }
+        }
+    }
+  },
+
+  template: (
+    template,
+    expressionTypes,
+    bindingTypes,
+    getComponent
+  ) => template(
+    '<div expr1="expr1"></div>',
+    [
+      {
+        redundantAttribute: 'expr1',
+        selector: '[expr1]',
+
+        expressions: [
+          {
+            type: expressionTypes.ATTRIBUTE,
+            isBoolean: false,
+            name: 'id',
+            evaluate: _scope => _scope.props.id
+          }
+        ]
+      }
+    ]
+  ),
+
+  name: 'riot-particles'
+};
+
+export { riotParticles as default, initParticlesEngine, isParticlesEngineInitialized, waitForParticlesEngineInitialization };
+//# sourceMappingURL=riot-particles.esm.js.map

package/dist/riot-particles.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"riot-particles.esm.js","sources":["../src/riot-particles.riot"],"sourcesContent":["<riot-particles>\n    <script>\n        import { tsParticles } from \"@tsparticles/engine\";\n\n        let oldId;\n        let initialized = false;\n        let initPromise;\n        let initCallback;\n\n        export async function initParticlesEngine(\n            cb,\n        ) {\n            if (initialized) {\n                return;\n            }\n\n            if (initPromise) {\n                if (initCallback !== cb) {\n                    throw new Error(\"initParticlesEngine callback must be stable across the app lifecycle.\");\n                }\n\n                await initPromise;\n\n                return;\n            }\n\n            initCallback = cb;\n            initPromise = (async () => {\n                if (cb) {\n                    await cb(tsParticles);\n                }\n\n                await tsParticles.init();\n                initialized = true;\n            })().catch((error) => {\n                initPromise = undefined;\n                initCallback = undefined;\n                initialized = false;\n\n                throw error;\n            });\n\n            await initPromise;\n        }\n\n        export function isParticlesEngineInitialized() {\n            return initialized;\n        }\n\n        export async function waitForParticlesEngineInitialization() {\n            await (initPromise ?? Promise.resolve());\n        }\n\n        export default {\n            async onMounted(props) {\n                await waitForParticlesEngineInitialization();\n\n                if (!isParticlesEngineInitialized()) {\n                    throw new Error(\"initParticlesEngine(...) must be called once before mounting <riot-particles /> components.\");\n                }\n\n                if (oldId) {\n                    const oldContainer = tsParticles.dom().find((c) => c.id === oldId);\n\n                    if (oldContainer) {\n                        oldContainer.destroy();\n                    }\n                }\n\n                if (props.id) {\n                    const cb = (container) => {\n                        if (props.particlesLoaded) {\n                            props.particlesLoaded(container);\n                        }\n\n                        oldId = props.id;\n                    };\n\n                    tsParticles.load({ id: props.id, options: props.options, url: props.url }).then(cb);\n                } else {\n                    if (props.particlesLoaded) {\n                        props.particlesLoaded(undefined);\n                    }\n                }\n            }\n        }\n    </script>\n    <div id=\"{props.id}\"></div>\n\n</riot-particles>\n"],"names":[],"mappings":";;AAIQ,IAAI,KAAK;AACT,IAAI,WAAU,GAAI,KAAK;AACvB,IAAI,WAAW;AACf,IAAI,YAAY;;AAET,eAAe,mBAAmB;AACrC,IAAA,EAAE;AACN,EAAE;AACE,IAAA,IAAI,WAAW,EAAE;AACb,QAAA;AACJ,IAAA;;AAEA,IAAA,IAAI,WAAW,EAAE;AACb,QAAA,IAAI,YAAW,KAAM,EAAE,EAAE;AACrB,YAAA,MAAM,IAAI,KAAK,CAAC,uEAAuE,CAAC;AAC5F,QAAA;;AAEA,QAAA,MAAM,WAAW;;AAEjB,QAAA;AACJ,IAAA;;AAEA,IAAA,YAAW,GAAI,EAAE;IACjB,WAAU,GAAI,CAAC,YAAY;AACvB,QAAA,IAAI,EAAE,EAAE;AACJ,YAAA,MAAM,EAAE,CAAC,WAAW,CAAC;AACzB,QAAA;;QAEA,MAAM,WAAW,CAAC,IAAI,EAAE;AACxB,QAAA,WAAU,GAAI,IAAI;AACtB,IAAA,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,KAAK,KAAK;AAClB,QAAA,cAAc,SAAS;QACvB,eAAe,SAAS;AACxB,QAAA,cAAc,KAAK;;QAEnB,MAAM,KAAK;AACf,IAAA,CAAC,CAAC;;AAEF,IAAA,MAAM,WAAW;AACrB;;AAEO,SAAS,4BAA4B,GAAG;AAC3C,IAAA,OAAO,WAAW;AACtB;;AAEO,eAAe,oCAAoC,GAAG;AACzD,IAAA,OAAO,WAAU,IAAK,OAAO,CAAC,OAAO,EAAE,CAAC;AAC5C;;;;;;AAGI,IAAA,MAAM,SAAS,CAAC,KAAK,EAAE;AACnB,QAAA,MAAM,oCAAoC,EAAE;;AAE5C,QAAA,IAAI,CAAC,4BAA4B,EAAE,EAAE;YACjC,MAAM,IAAI,KAAK,CAAC,6FAA6F,CAAC;AAClH,QAAA;;AAEA,QAAA,IAAI,KAAK,EAAE;YACP,MAAM,YAAW,GAAI,WAAW,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAC,KAAM,KAAK,CAAC;;AAElE,YAAA,IAAI,YAAY,EAAE;gBACd,YAAY,CAAC,OAAO,EAAE;AAC1B,YAAA;AACJ,QAAA;;QAEA,IAAI,KAAK,CAAC,EAAE,EAAE;AACV,YAAA,MAAM,EAAC,GAAI,CAAC,SAAS,KAAK;gBACtB,IAAI,KAAK,CAAC,eAAe,EAAE;AACvB,oBAAA,KAAK,CAAC,eAAe,CAAC,SAAS,CAAC;AACpC,gBAAA;;AAEA,gBAAA,KAAI,GAAI,KAAK,CAAC,EAAE;YACpB,CAAC;;AAED,YAAA,WAAW,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;QACvF,CAAA,MAAO;YACH,IAAI,KAAK,CAAC,eAAe,EAAE;AACvB,gBAAA,KAAK,CAAC,eAAe,CAAC,SAAS,CAAC;AACpC,YAAA;AACJ,QAAA;AACJ,IAAA;;;;;;;;;;;;;;;;;;;;AAGE,YAAA,QAAA,EAAA,MAAA,IAAA,MAAA,CAAA,KAAI,CAAE;;;;;;;;;;;;"}

package/package.json

@@ -1,8 +1,15 @@
 {
   "name": "@tsparticles/riot",
-  "version": "4.0.0-beta.16",
+  "version": "4.0.0",
   "description": "Official tsParticles Riot Component - Easily create highly customizable particle, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available also for Web Components, React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno.",
-  "main": "dist/riot-particles.js",
+  "main": "dist/riot-particles.cjs",
+  "module": "dist/riot-particles.esm.js",
+  "exports": {
+    ".": {
+      "import": "./dist/riot-particles.esm.js",
+      "require": "./dist/riot-particles.cjs"
+    }
+  },
   "scripts": {
     "prettify:ci:src": "prettier --check ./src/*",
     "prettify:ci:readme": "prettier --check ./README.md",
@@ -91,10 +98,10 @@
   ],
   "prettier": "@tsparticles/prettier-config",
   "peerDependencies": {
-    "riot": "^9.1.2"
+    "riot": "^10"
   },
   "dependencies": {
-    "@tsparticles/engine": "^4.0.0-beta.16"
+    "@tsparticles/engine": "^4.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.29.0",
@@ -102,7 +109,7 @@
     "@riotjs/cli": "^10.0.0",
     "@riotjs/compiler": "^10.0.1",
     "@rollup/plugin-babel": "^7.0.0",
-    "@tsparticles/prettier-config": "^4.0.0-beta.16",
+    "@tsparticles/prettier-config": "^4.0.0",
     "chai": "^6.2.2",
     "esm": "^3.2.25",
     "jsdom": "^29.0.2",
@@ -117,5 +124,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8ac678c4da53ea2b6a9a33aaa40f5141e2a7d513"
+  "gitHead": "3058cb84befe9d2bffdb58f115c3050d26ceb9ef"
 }

package/rollup.config.cjs

@@ -1,26 +1,47 @@
-const riot = require('rollup-plugin-riot');
+const { compile } = require('@riotjs/compiler');
 const babel = require('@rollup/plugin-babel').babel || require('@rollup/plugin-babel');
 
-module.exports = {
-    input: 'src/riot-particles.riot',
-    output: {
-        file: 'dist/riot-particles.js',
-        format: 'iife',
-        sourcemap: true,
-        globals: {
-            riot: 'riot',
-            '@tsparticles/engine': 'window'
-        }
+// Inline riot plugin to avoid peer-dependency resolution issues with rollup-plugin-riot
+const riotPlugin = () => ({
+    name: 'riot',
+    transform(code, id) {
+        if (!id.endsWith('.riot')) return null;
+        const { code: compiledCode, map } = compile(code, { file: id });
+        return { code: compiledCode, map };
+    }
+});
+
+const external = ['riot', '@tsparticles/engine'];
+
+const plugins = [
+    riotPlugin(),
+    babel({
+        exclude: 'node_modules/**',
+        inputSourceMap: true,
+        babelHelpers: 'bundled',
+    }),
+];
+
+module.exports = [
+    {
+        input: 'src/riot-particles.riot',
+        output: {
+            file: 'dist/riot-particles.cjs',
+            format: 'cjs',
+            sourcemap: true,
+            exports: 'named',
+        },
+        external,
+        plugins,
+    },
+    {
+        input: 'src/riot-particles.riot',
+        output: {
+            file: 'dist/riot-particles.esm.js',
+            format: 'esm',
+            sourcemap: true,
+        },
+        external,
+        plugins,
     },
-    external: [
-        'riot',
-        '@tsparticles/engine'
-    ],
-    plugins: [
-        riot(),
-        babel({
-            exclude: 'node_modules/**',
-            inputSourceMap: true,
-        }),
-    ]
-};
+];

package/typedoc.json

@@ -1,5 +1,5 @@
 {
-  "includes": "./markdown",
+  "projectDocuments": ["./markdown/*.md"],
   "entryPoints": [
     "./src/"
   ],

package/dist/riot-particles.js

@@ -1,127 +0,0 @@
-(function (exports, engine) {
-    'use strict';
-
-    let oldId;
-    let initialized = false;
-    let initPromise;
-    let initCallback;
-
-    async function initParticlesEngine(
-        cb,
-    ) {
-        if (initialized) {
-            return;
-        }
-
-        if (initPromise) {
-            if (initCallback !== cb) {
-                throw new Error("initParticlesEngine callback must be stable across the app lifecycle.");
-            }
-
-            await initPromise;
-
-            return;
-        }
-
-        initCallback = cb;
-        initPromise = (async () => {
-            if (cb) {
-                await cb(engine.tsParticles);
-            }
-
-            await engine.tsParticles.init();
-            initialized = true;
-        })().catch((error) => {
-            initPromise = undefined;
-            initCallback = undefined;
-            initialized = false;
-
-            throw error;
-        });
-
-        await initPromise;
-    }
-
-    function isParticlesEngineInitialized() {
-        return initialized;
-    }
-
-    async function waitForParticlesEngineInitialization() {
-        await (initPromise ?? Promise.resolve());
-    }
-
-    var riotParticles = {
-      css: null,
-
-      exports: {
-        async onMounted(props) {
-            await waitForParticlesEngineInitialization();
-
-            if (!isParticlesEngineInitialized()) {
-                throw new Error("initParticlesEngine(...) must be called once before mounting <riot-particles /> components.");
-            }
-
-            if (oldId) {
-                const oldContainer = engine.tsParticles.dom().find((c) => c.id === oldId);
-
-                if (oldContainer) {
-                    oldContainer.destroy();
-                }
-            }
-
-            if (props.id) {
-                const cb = (container) => {
-                    if (props.particlesLoaded) {
-                        props.particlesLoaded(container);
-                    }
-
-                    oldId = props.id;
-                };
-
-                engine.tsParticles.load({ id: props.id, options: props.options, url: props.url }).then(cb);
-            } else {
-                if (props.particlesLoaded) {
-                    props.particlesLoaded(undefined);
-                }
-            }
-        }
-      },
-
-      template: (
-        template,
-        expressionTypes,
-        bindingTypes,
-        getComponent
-      ) => template(
-        '<div expr0="expr0"></div>',
-        [
-          {
-            redundantAttribute: 'expr0',
-            selector: '[expr0]',
-
-            expressions: [
-              {
-                type: expressionTypes.ATTRIBUTE,
-                isBoolean: false,
-                name: 'id',
-                evaluate: _scope => _scope.props.id
-              }
-            ]
-          }
-        ]
-      ),
-
-      name: 'riot-particles'
-    };
-
-    exports.default = riotParticles;
-    exports.initParticlesEngine = initParticlesEngine;
-    exports.isParticlesEngineInitialized = isParticlesEngineInitialized;
-    exports.waitForParticlesEngineInitialization = waitForParticlesEngineInitialization;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-    return exports;
-
-})({}, window);
-//# sourceMappingURL=riot-particles.js.map

package/dist/riot-particles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"riot-particles.js","sources":["../src/riot-particles.riot"],"sourcesContent":["<riot-particles>\n    <script>\n        import { tsParticles } from \"@tsparticles/engine\";\n\n        let oldId;\n        let initialized = false;\n        let initPromise;\n        let initCallback;\n\n        export async function initParticlesEngine(\n            cb,\n        ) {\n            if (initialized) {\n                return;\n            }\n\n            if (initPromise) {\n                if (initCallback !== cb) {\n                    throw new Error(\"initParticlesEngine callback must be stable across the app lifecycle.\");\n                }\n\n                await initPromise;\n\n                return;\n            }\n\n            initCallback = cb;\n            initPromise = (async () => {\n                if (cb) {\n                    await cb(tsParticles);\n                }\n\n                await tsParticles.init();\n                initialized = true;\n            })().catch((error) => {\n                initPromise = undefined;\n                initCallback = undefined;\n                initialized = false;\n\n                throw error;\n            });\n\n            await initPromise;\n        }\n\n        export function isParticlesEngineInitialized() {\n            return initialized;\n        }\n\n        export async function waitForParticlesEngineInitialization() {\n            await (initPromise ?? Promise.resolve());\n        }\n\n        export default {\n            async onMounted(props) {\n                await waitForParticlesEngineInitialization();\n\n                if (!isParticlesEngineInitialized()) {\n                    throw new Error(\"initParticlesEngine(...) must be called once before mounting <riot-particles /> components.\");\n                }\n\n                if (oldId) {\n                    const oldContainer = tsParticles.dom().find((c) => c.id === oldId);\n\n                    if (oldContainer) {\n                        oldContainer.destroy();\n                    }\n                }\n\n                if (props.id) {\n                    const cb = (container) => {\n                        if (props.particlesLoaded) {\n                            props.particlesLoaded(container);\n                        }\n\n                        oldId = props.id;\n                    };\n\n                    tsParticles.load({ id: props.id, options: props.options, url: props.url }).then(cb);\n                } else {\n                    if (props.particlesLoaded) {\n                        props.particlesLoaded(undefined);\n                    }\n                }\n            }\n        }\n    </script>\n    <div id=\"{props.id}\"></div>\n\n</riot-particles>\n"],"names":["tsParticles"],"mappings":";;;IAIQ,IAAI,KAAK;IACT,IAAI,WAAU,GAAI,KAAK;IACvB,IAAI,WAAW;IACf,IAAI,YAAY;;IAET,eAAe,mBAAmB;IACrC,IAAA,EAAE;IACN,EAAE;IACE,IAAA,IAAI,WAAW,EAAE;IACb,QAAA;IACJ,IAAA;;IAEA,IAAA,IAAI,WAAW,EAAE;IACb,QAAA,IAAI,YAAW,KAAM,EAAE,EAAE;IACrB,YAAA,MAAM,IAAI,KAAK,CAAC,uEAAuE,CAAC;IAC5F,QAAA;;IAEA,QAAA,MAAM,WAAW;;IAEjB,QAAA;IACJ,IAAA;;IAEA,IAAA,YAAW,GAAI,EAAE;QACjB,WAAU,GAAI,CAAC,YAAY;IACvB,QAAA,IAAI,EAAE,EAAE;IACJ,YAAA,MAAM,EAAE,CAACA,kBAAW,CAAC;IACzB,QAAA;;YAEA,MAAMA,kBAAW,CAAC,IAAI,EAAE;IACxB,QAAA,WAAU,GAAI,IAAI;IACtB,IAAA,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,KAAK,KAAK;IAClB,QAAA,cAAc,SAAS;YACvB,eAAe,SAAS;IACxB,QAAA,cAAc,KAAK;;YAEnB,MAAM,KAAK;IACf,IAAA,CAAC,CAAC;;IAEF,IAAA,MAAM,WAAW;IACrB;;IAEO,SAAS,4BAA4B,GAAG;IAC3C,IAAA,OAAO,WAAW;IACtB;;IAEO,eAAe,oCAAoC,GAAG;IACzD,IAAA,OAAO,WAAU,IAAK,OAAO,CAAC,OAAO,EAAE,CAAC;IAC5C;;;;;;IAGI,IAAA,MAAM,SAAS,CAAC,KAAK,EAAE;IACnB,QAAA,MAAM,oCAAoC,EAAE;;IAE5C,QAAA,IAAI,CAAC,4BAA4B,EAAE,EAAE;gBACjC,MAAM,IAAI,KAAK,CAAC,6FAA6F,CAAC;IAClH,QAAA;;IAEA,QAAA,IAAI,KAAK,EAAE;gBACP,MAAM,YAAW,GAAIA,kBAAW,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAC,KAAM,KAAK,CAAC;;IAElE,YAAA,IAAI,YAAY,EAAE;oBACd,YAAY,CAAC,OAAO,EAAE;IAC1B,YAAA;IACJ,QAAA;;YAEA,IAAI,KAAK,CAAC,EAAE,EAAE;IACV,YAAA,MAAM,EAAC,GAAI,CAAC,SAAS,KAAK;oBACtB,IAAI,KAAK,CAAC,eAAe,EAAE;IACvB,oBAAA,KAAK,CAAC,eAAe,CAAC,SAAS,CAAC;IACpC,gBAAA;;IAEA,gBAAA,KAAI,GAAI,KAAK,CAAC,EAAE;gBACpB,CAAC;;IAED,YAAAA,kBAAW,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;YACvF,CAAA,MAAO;gBACH,IAAI,KAAK,CAAC,eAAe,EAAE;IACvB,gBAAA,KAAK,CAAC,eAAe,CAAC,SAAS,CAAC;IACpC,YAAA;IACJ,QAAA;IACJ,IAAA;;;;;;;;;;;;;;;;;;;;IAGE,YAAA,QAAA,EAAA,MAAA,IAAA,MAAA,CAAA,KAAI,CAAE;;;;;;;;;;;;;;;;;;;;;;;"}