@tsparticles/shape-image 4.0.0-beta.1 → 4.0.0-beta.2

package/umd/ImagePreloaderInstance.js

@@ -1,25 +0,0 @@
-(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 });
-    exports.ImagePreloaderInstance = void 0;
-    class ImagePreloaderInstance {
-        _container;
-        _engine;
-        constructor(engine, container) {
-            this._engine = engine;
-            this._container = container;
-        }
-        destroy() {
-            this._engine.images?.delete(this._container);
-        }
-    }
-    exports.ImagePreloaderInstance = ImagePreloaderInstance;
-});

package/umd/Options/Classes/Preload.js

@@ -1,50 +0,0 @@
-(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.Preload = void 0;
-    const engine_1 = require("@tsparticles/engine");
-    class Preload {
-        gif;
-        height;
-        name;
-        replaceColor;
-        src;
-        width;
-        constructor() {
-            this.src = "";
-            this.gif = false;
-        }
-        load(data) {
-            if ((0, engine_1.isNull)(data)) {
-                return;
-            }
-            if (data.gif !== undefined) {
-                this.gif = data.gif;
-            }
-            if (data.height !== undefined) {
-                this.height = data.height;
-            }
-            if (data.name !== undefined) {
-                this.name = data.name;
-            }
-            if (data.replaceColor !== undefined) {
-                this.replaceColor = data.replaceColor;
-            }
-            if (data.src !== undefined) {
-                this.src = data.src;
-            }
-            if (data.width !== undefined) {
-                this.width = data.width;
-            }
-        }
-    }
-    exports.Preload = Preload;
-});

package/umd/Options/Interfaces/IPreload.js

@@ -1,12 +0,0 @@
-(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 });
-});

package/umd/Utils.js

@@ -1,104 +0,0 @@
-(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.shapeTypes = void 0;
-    exports.loadImage = loadImage;
-    exports.downloadSvgImage = downloadSvgImage;
-    exports.replaceImageColor = replaceImageColor;
-    const engine_1 = require("@tsparticles/engine");
-    exports.shapeTypes = ["image", "images"];
-    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, hdr = false) {
-        const { svgData } = imageShape;
-        if (!svgData) {
-            return "";
-        }
-        const colorStyle = (0, engine_1.getStyleFromHsl)(color, hdr, opacity);
-        if (svgData.includes("fill")) {
-            return svgData.replaceAll(currentColorRegex, () => colorStyle);
-        }
-        const preFillIndex = svgData.indexOf(">");
-        return `${svgData.substring(stringStart, preFillIndex)} fill="${colorStyle}"${svgData.substring(preFillIndex)}`;
-    }
-    async function loadImage(image) {
-        return new Promise(resolve => {
-            image.loading = true;
-            const img = new Image();
-            image.element = img;
-            img.addEventListener("load", () => {
-                image.loading = false;
-                resolve();
-            });
-            img.addEventListener("error", () => {
-                image.element = undefined;
-                image.error = true;
-                image.loading = false;
-                (0, engine_1.getLogger)().error(`Error loading image: ${image.source}`);
-                resolve();
-            });
-            img.src = image.source;
-        });
-    }
-    async function downloadSvgImage(image) {
-        if (image.type !== "svg") {
-            await loadImage(image);
-            return;
-        }
-        image.loading = true;
-        const response = await fetch(image.source);
-        if (response.ok) {
-            image.svgData = await response.text();
-        }
-        else {
-            (0, engine_1.getLogger)().error("Image not found");
-            image.error = true;
-        }
-        image.loading = false;
-    }
-    function replaceImageColor(image, imageData, color, particle, hdr = false) {
-        const svgColoredData = replaceColorSvg(image, color, particle.opacity?.value ?? defaultOpacity, hdr), imageRes = {
-            color,
-            gif: imageData.gif,
-            data: {
-                ...image,
-                svgData: svgColoredData,
-            },
-            loaded: false,
-            ratio: imageData.width / imageData.height,
-            replaceColor: imageData.replaceColor,
-            source: imageData.src,
-        };
-        return new Promise(resolve => {
-            const svg = new Blob([svgColoredData], { type: "image/svg+xml" }), url = URL.createObjectURL(svg), img = new Image();
-            img.addEventListener("load", () => {
-                imageRes.loaded = true;
-                imageRes.element = img;
-                resolve(imageRes);
-                URL.revokeObjectURL(url);
-            });
-            const errorHandler = async () => {
-                URL.revokeObjectURL(url);
-                const img2 = {
-                    ...image,
-                    error: false,
-                    loading: true,
-                };
-                await loadImage(img2);
-                imageRes.loaded = true;
-                imageRes.element = img2.element;
-                resolve(imageRes);
-            };
-            img.addEventListener("error", () => void errorHandler());
-            img.src = url;
-        });
-    }
-});

package/umd/index.js

@@ -1,116 +0,0 @@
-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", "./Utils.js"], factory);
-    }
-})(function (require, exports) {
-    "use strict";
-    var __syncRequire = typeof module === "object" && typeof module.exports === "object";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.loadImageShape = loadImageShape;
-    const Utils_js_1 = require("./Utils.js");
-    const extLength = 3;
-    function addLoadImageToEngine(engine) {
-        engine.getImages ??= (container) => {
-            engine.images ??= new Map();
-            let images = engine.images.get(container);
-            if (!images) {
-                images = [];
-                engine.images.set(container, images);
-            }
-            return images;
-        };
-        engine.loadImage ??= async (container, data) => {
-            if (!engine.getImages) {
-                throw new Error("No images collection found");
-            }
-            if (!data.name && !data.src) {
-                throw new Error("No image source provided");
-            }
-            engine.images ??= new Map();
-            const containerImages = engine.getImages(container);
-            if (containerImages.some((t) => t.name === data.name || t.source === data.src)) {
-                return;
-            }
-            try {
-                const image = {
-                    gif: data.gif,
-                    name: data.name ?? data.src,
-                    source: data.src,
-                    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,
-                };
-                containerImages.push(image);
-                engine.images.set(container, containerImages);
-                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 = (img) => loadGifImage(img, { colorSpace: "srgb" });
-                }
-                else if (data.replaceColor) {
-                    const { downloadSvgImage } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./Utils.js"))) : new Promise((resolve_2, reject_2) => { require(["./Utils.js"], resolve_2, reject_2); }).then(__importStar));
-                    imageFunc = downloadSvgImage;
-                }
-                else {
-                    const { loadImage } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./Utils.js"))) : new Promise((resolve_3, reject_3) => { require(["./Utils.js"], resolve_3, reject_3); }).then(__importStar));
-                    imageFunc = loadImage;
-                }
-                await imageFunc(image);
-            }
-            catch {
-                throw new Error(`${data.name ?? data.src} not found`);
-            }
-        };
-    }
-    async function loadImageShape(engine) {
-        engine.checkVersion("4.0.0-beta.1");
-        await engine.pluginManager.register(async (e) => {
-            const { ImagePreloaderPlugin } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./ImagePreloader.js"))) : new Promise((resolve_4, reject_4) => { require(["./ImagePreloader.js"], resolve_4, reject_4); }).then(__importStar));
-            addLoadImageToEngine(e);
-            e.pluginManager.addPlugin(new ImagePreloaderPlugin(e));
-            e.pluginManager.addShape(Utils_js_1.shapeTypes, async (container) => {
-                const { ImageDrawer } = await (__syncRequire ? Promise.resolve().then(() => __importStar(require("./ImageDrawer.js"))) : new Promise((resolve_5, reject_5) => { require(["./ImageDrawer.js"], resolve_5, reject_5); }).then(__importStar));
-                return new ImageDrawer(e, container);
-            });
-        });
-    }
-});

package/umd/types.js

@@ -1,12 +0,0 @@
-(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 });
-});