@tsparticles/shape-image 3.0.3 → 3.2.0

package/umd/Utils.js

@@ -4,14 +4,14 @@
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@tsparticles/engine", "./GifUtils/Utils.js"], factory);
+        define(["require", "exports", "@tsparticles/engine"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.replaceImageColor = exports.downloadSvgImage = exports.loadGifImage = exports.loadImage = void 0;
+    exports.replaceImageColor = exports.downloadSvgImage = exports.loadImage = void 0;
     const engine_1 = require("@tsparticles/engine");
-    const Utils_js_1 = require("./GifUtils/Utils.js");
+    const stringStart = 0, defaultOpacity = 1;
     const currentColorRegex = /(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d.]+%?\))|currentcolor/gi;
     function replaceColorSvg(imageShape, color, opacity) {
         const { svgData } = imageShape;
@@ -23,7 +23,7 @@
             return svgData.replace(currentColorRegex, () => colorStyle);
         }
         const preFillIndex = svgData.indexOf(">");
-        return `${svgData.substring(0, preFillIndex)} fill="${colorStyle}"${svgData.substring(preFillIndex)}`;
+        return `${svgData.substring(stringStart, preFillIndex)} fill="${colorStyle}"${svgData.substring(preFillIndex)}`;
     }
     async function loadImage(image) {
         return new Promise((resolve) => {
@@ -45,25 +45,6 @@
         });
     }
     exports.loadImage = loadImage;
-    async function loadGifImage(image) {
-        if (image.type !== "gif") {
-            await loadImage(image);
-            return;
-        }
-        image.loading = true;
-        try {
-            image.gifData = await (0, Utils_js_1.decodeGIF)(image.source);
-            image.gifLoopCount = (0, Utils_js_1.getGIFLoopAmount)(image.gifData) ?? 0;
-            if (image.gifLoopCount === 0) {
-                image.gifLoopCount = Infinity;
-            }
-        }
-        catch {
-            image.error = true;
-        }
-        image.loading = false;
-    }
-    exports.loadGifImage = loadGifImage;
     async function downloadSvgImage(image) {
         if (image.type !== "svg") {
             await loadImage(image);
@@ -82,7 +63,7 @@
     }
     exports.downloadSvgImage = downloadSvgImage;
     function replaceImageColor(image, imageData, color, particle) {
-        const svgColoredData = replaceColorSvg(image, color, particle.opacity?.value ?? 1), imageRes = {
+        const svgColoredData = replaceColorSvg(image, color, particle.opacity?.value ?? defaultOpacity), imageRes = {
             color,
             gif: imageData.gif,
             data: {
@@ -102,7 +83,7 @@
                 resolve(imageRes);
                 domUrl.revokeObjectURL(url);
             });
-            img.addEventListener("error", async () => {
+            const errorHandler = async () => {
                 domUrl.revokeObjectURL(url);
                 const img2 = {
                     ...image,
@@ -113,7 +94,8 @@
                 imageRes.loaded = true;
                 imageRes.element = img2.element;
                 resolve(imageRes);
-            });
+            };
+            img.addEventListener("error", () => void errorHandler());
             img.src = url;
         });
     }

package/umd/index.js

@@ -1,19 +1,42 @@
+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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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", "./Utils.js", "./ImageDrawer.js", "./ImagePreloader.js", "@tsparticles/engine"], factory);
+        define(["require", "exports", "./Utils.js", "@tsparticles/engine"], factory);
     }
 })(function (require, exports) {
     "use strict";
+    var __syncRequire = typeof module === "object" && typeof module.exports === "object";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.loadImageShape = void 0;
     const Utils_js_1 = require("./Utils.js");
-    const ImageDrawer_js_1 = require("./ImageDrawer.js");
-    const ImagePreloader_js_1 = require("./ImagePreloader.js");
     const engine_1 = require("@tsparticles/engine");
+    const extLength = 3;
     function addLoadImageToEngine(engine) {
         if (engine.loadImage) {
             return;
@@ -33,14 +56,21 @@
                     gif: data.gif ?? false,
                     name: data.name ?? data.src,
                     source: data.src,
-                    type: data.src.substring(data.src.length - 3),
+                    type: data.src.substring(data.src.length - extLength),
                     error: false,
                     loading: true,
                     replaceColor: data.replaceColor,
                     ratio: data.width && data.height ? data.width / data.height : undefined,
                 };
                 engine.images.push(image);
-                const imageFunc = data.gif ? Utils_js_1.loadGifImage : data.replaceColor ? Utils_js_1.downloadSvgImage : Utils_js_1.loadImage;
+                let imageFunc;
+                if (data.gif) {
+                    const { loadGifImage } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./GifUtils/Utils.js"))) : new Promise((resolve_1, reject_1) => { require(["./GifUtils/Utils.js"], resolve_1, reject_1); }).then(__importStar));
+                    imageFunc = loadGifImage;
+                }
+                else {
+                    imageFunc = data.replaceColor ? Utils_js_1.downloadSvgImage : Utils_js_1.loadImage;
+                }
                 await imageFunc(image);
             }
             catch {
@@ -50,9 +80,10 @@
     }
     async function loadImageShape(engine, refresh = true) {
         addLoadImageToEngine(engine);
-        const preloader = new ImagePreloader_js_1.ImagePreloaderPlugin(engine);
+        const { ImagePreloaderPlugin } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./ImagePreloader.js"))) : new Promise((resolve_2, reject_2) => { require(["./ImagePreloader.js"], resolve_2, reject_2); }).then(__importStar)), { ImageDrawer } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./ImageDrawer.js"))) : new Promise((resolve_3, reject_3) => { require(["./ImageDrawer.js"], resolve_3, reject_3); }).then(__importStar));
+        const preloader = new ImagePreloaderPlugin(engine);
         await engine.addPlugin(preloader, refresh);
-        await engine.addShape(["image", "images"], new ImageDrawer_js_1.ImageDrawer(engine), refresh);
+        await engine.addShape(["image", "images"], new ImageDrawer(engine), refresh);
     }
     exports.loadImageShape = loadImageShape;
 });