@tsparticles/plugin-themes 4.0.0-alpha.4

package/umd/ThemesPluginInstance.js

@@ -0,0 +1,73 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "@tsparticles/engine"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.ThemesPluginInstance = void 0;
+    const engine_1 = require("@tsparticles/engine");
+    class ThemesPluginInstance {
+        constructor(container) {
+            this._handleThemeChange = (e) => {
+                const mediaEvent = e, container = this._container, options = container.options, defaultThemes = options.defaultThemes, themeName = mediaEvent.matches ? defaultThemes.dark : defaultThemes.light, theme = options.themes?.find(theme => theme.name === themeName);
+                if (theme?.default.auto) {
+                    void container.loadTheme?.(themeName);
+                }
+            };
+            this._container = container;
+        }
+        async init() {
+            const container = this._container;
+            container.themeMatchMedia = (0, engine_1.safeMatchMedia)("(prefers-color-scheme: dark)");
+            const loadTheme = async (name) => {
+                if (container.destroyed) {
+                    return;
+                }
+                container.currentTheme = name;
+                await container.refresh();
+            };
+            container.themeHandlers = {
+                themeChange: (e) => {
+                    this._handleThemeChange(e);
+                },
+                oldThemeChange: (e) => {
+                    this._handleThemeChange(e);
+                },
+            };
+            container.manageMediaMatch = (add) => {
+                const handlers = container.themeHandlers;
+                if (!handlers) {
+                    return;
+                }
+                if (!container.themeMatchMedia) {
+                    return;
+                }
+                (0, engine_1.manageListener)(container.themeMatchMedia, "change", handlers.themeChange, add);
+            };
+            container.loadTheme = loadTheme;
+            await Promise.resolve();
+        }
+        manageListeners(add) {
+            const container = this._container;
+            container.manageMediaMatch?.(add);
+        }
+        async start() {
+            this.manageListeners(true);
+            await Promise.resolve();
+        }
+        stop() {
+            this.manageListeners(false);
+        }
+        updateActualOptions() {
+            const container = this._container;
+            container.actualOptions.setTheme?.(container.currentTheme);
+            return false;
+        }
+    }
+    exports.ThemesPluginInstance = ThemesPluginInstance;
+});

package/umd/index.js

@@ -0,0 +1,54 @@
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    var __syncRequire = typeof module === "object" && typeof module.exports === "object";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.loadThemesPlugin = loadThemesPlugin;
+    function loadThemesPlugin(engine) {
+        engine.checkVersion("4.0.0-alpha.4");
+        engine.register(async (e) => {
+            const { ThemesPlugin } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./ThemesPlugin.js"))) : new Promise((resolve_1, reject_1) => { require(["./ThemesPlugin.js"], resolve_1, reject_1); }).then(__importStar));
+            e.addPlugin(new ThemesPlugin());
+        });
+    }
+});

package/umd/types.js

@@ -0,0 +1,12 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});