@bensitu/image-editor 1.2.0 → 1.2.1

package/dist/image-editor.esm.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/esm.js", "../src/image-editor.js"],
+  "sourcesContent": ["import fabricModule from 'fabric';\nimport ImageEditor, { setFabric } from './image-editor.js';\n\nconst fabricInstance = fabricModule && (fabricModule.fabric || fabricModule.default || fabricModule);\n\nsetFabric(fabricInstance);\n\nexport { ImageEditor };\nexport default ImageEditor;\n", "/**\n * @file image-editor.js\n * @module image-editor\n * @version 1.2.1\n * @author Ben Situ\n * @license MIT\n * @description Lightweight canvas-based image editor with masking/transform/export support.\n *\n * This source file is free software, available under the MIT license.\n * It is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;\n * without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.\n * See the license files for details.\n */\n\nlet fabric = null;\n\nfunction getGlobalScope() {\n    if (typeof globalThis !== 'undefined') return globalThis;\n    if (typeof self !== 'undefined') return self;\n    if (typeof window !== 'undefined') return window;\n    return null;\n}\n\nfunction getGlobalFabric() {\n    const scope = getGlobalScope();\n    return scope && scope.fabric ? scope.fabric : null;\n}\n\nexport function setFabric(fabricInstance) {\n    fabric = fabricInstance || getGlobalFabric();\n    return fabric;\n}\n\nfunction ensureFabric() {\n    if (!fabric) setFabric();\n    return fabric;\n}\n\n    /**\n     * ImageEditor\n     * \n     * A lightweight wrapper around fabric.js providing masking, scaling, rotation,\n     * merging/export helpers, and UI integrations for image editing.\n     *\n     * <b>Note:</b> Requires fabric.js (v5.x) to be loaded on the page before use.\n     *\n     * <pre>\n     * Example usage:\n     * const editor = new ImageEditor({ canvasWidth: 1024, canvasHeight: 768 });\n     * editor.init();\n     * </pre>\n     *\n     * @class ImageEditor\n     * @classdesc Fabric.js-based image editor with simple mask, transform, export and UI features.\n     *\n     * @param {Object} [options={}] - Customization options to override defaults.\n     * @param {number} [options.canvasWidth=800] - The initial canvas width in pixels.\n     * @param {number} [options.canvasHeight=600] - The initial canvas height in pixels.\n     * @param {string} [options.backgroundColor='transparent'] - The canvas background color.\n     * @param {number} [options.animationDuration=300] - Duration in ms for scale/rotate animations.\n     * @param {number} [options.minScale=0.1] - Minimum image scaling factor.\n     * @param {number} [options.maxScale=5.0] - Maximum image scaling factor.\n     * @param {number} [options.scaleStep=0.05] - Scale increment/decrement per step.\n     * @param {number} [options.rotationStep=90] - Rotation step in degrees.\n     * @param {boolean} [options.expandCanvasToImage=true] - If true, expands the canvas to fit image/mask.\n     * @param {boolean} [options.fitImageToCanvas=false] - If true, fits loaded image inside canvas.\n     * @param {boolean} [options.coverImageToCanvas=false] - If true, scales image to cover canvas (at least one side fits, allowing overflow).\n     * @param {boolean} [options.downsampleOnLoad=true] - Whether to downsample very large images on load.\n     * @param {number} [options.downsampleMaxWidth=4000] - Max width for downsampling.\n     * @param {number} [options.downsampleMaxHeight=3000] - Max height for downsampling.\n     * @param {number} [options.downsampleQuality=0.92] - JPEG quality for downsampling/export.\n     * @param {number} [options.exportMultiplier=1] - Scale output image by this multiplier on export.\n     * @param {boolean} [options.exportImageAreaByDefault=true] - Export only the image area (clipped to masks).\n     * @param {number} [options.defaultMaskWidth=50] - Default width of new mask rectangles.\n     * @param {number} [options.defaultMaskHeight=80] - Default height of new masks.\n     * @param {boolean} [options.maskRotatable=false] - If true, masks can be rotated.\n     * @param {boolean} [options.maskLabelOnSelect=true] - Show label on selected mask.\n     * @param {number} [options.maskLabelOffset=3] - Offset for mask labels from top-left corner.\n     * @param {string} [options.maskName='mask'] - Prefix for mask names/labels.\n     * @param {boolean} [options.showPlaceholder=true] - If true, shows placeholder when no image is loaded.\n     * @param {string|null} [options.initialImageBase64=null] - Base64 string to auto-load as initial image, if any.\n     * @param {string} [options.defaultDownloadFileName='edited_image.jpg'] - Default file name for downloads.\n     * @param {function} [options.onImageLoaded] - Optional callback to invoke after an image loads.\n     * @param {function} [options.onError] - Optional callback for recoverable internal errors.\n     * @param {function} [options.onWarning] - Optional callback for recoverable internal warnings.\n     * \n     * @constructor\n     */\n    class ImageEditor {\n        constructor(options = {}) {\n            // Default options (can be overridden via ctor param)\n            const defaultLabel = {\n                getText: (mask) => mask.maskName,\n                textOptions: {\n                    fontSize: 12,\n                    fill: '#fff',\n                    backgroundColor: 'rgba(0,0,0,0.7)',\n                    padding: 2,\n                    fontFamily: 'monospace',\n                    fontWeight: 'bold',\n                    selectable: false,\n                    evented: false,\n                    originX: 'left',\n                    originY: 'top'\n                }\n            };\n            const defaultCrop = {\n                minWidth: 100,\n                minHeight: 100,\n                padding: 10,\n                hideMasksDuringCrop: true,\n                preserveMasksAfterCrop: false,\n                allowRotationOfCropRect: false\n            };\n            const userLabel = options.label || {};\n            const userCrop = options.crop || {};\n            this.options = {\n                canvasWidth: 800,\n                canvasHeight: 600,\n                backgroundColor: 'transparent',\n\n                animationDuration: 300,\n                minScale: 0.1,\n                maxScale: 5.0,\n                scaleStep: 0.05,\n                rotationStep: 90,\n\n                expandCanvasToImage: true,\n                fitImageToCanvas: false,\n                coverImageToCanvas: false,\n\n                downsampleOnLoad: true,\n                downsampleMaxWidth: 4000,\n                downsampleMaxHeight: 3000,\n                downsampleQuality: 0.92,\n\n                exportMultiplier: 1,\n                exportImageAreaByDefault: true,\n\n                defaultMaskWidth: 50,\n                defaultMaskHeight: 80,\n                maskRotatable: false,\n                maskLabelOnSelect: true,\n                maskLabelOffset: 3,\n                maskName: 'mask',\n\n                groupSelection: false,\n\n                showPlaceholder: true,\n                initialImageBase64: null, // Provide a base64 'data:image/...' string here if you want auto-load\n\n                defaultDownloadFileName: 'edited_image.jpg',\n                onError: null,\n                onWarning: null,\n\n                ...options,\n                label: {\n                    ...defaultLabel,\n                    ...userLabel,\n                    textOptions: {\n                        ...defaultLabel.textOptions,\n                        ...(userLabel.textOptions || {})\n                    }\n                },\n                crop: {\n                    ...defaultCrop,\n                    ...userCrop\n                }\n            };\n\n            // Verify that fabric.js is present\n            this._fabricLoaded = !!ensureFabric();\n            if (!this._fabricLoaded) {\n                this._reportError('fabric.js is not loaded. Please include fabric.js first. Initialization will be aborted.');\n            }\n\n            // Runtime state\n            this.canvas = null;\n            this.canvasEl = null;\n            this.containerEl = null;\n            this.placeholderEl = null;\n\n            this.originalImage = null; // fabric.Image\n            this.baseImageScale = 1;\n            this.currentScale = 1;\n            this.currentRotation = 0;\n            this.maskCounter = 0;\n            this.isAnimating = false;\n            this.elements = {};\n            this.isImageLoadedToCanvas = false;\n            this.maxHistorySize = 50;\n\n            this._boundHandlers = {};\n\n            this._lastMask = null;\n            this._lastMaskInitialLeft = null;\n            this._lastMaskInitialTop = null;\n            this._lastMaskInitialWidth = null;\n\n            this._cropMode = false;\n            this._cropRect = null;\n            this._cropHandlers = [];\n\n            this.onImageLoaded = typeof options.onImageLoaded === 'function' ? options.onImageLoaded : null;\n\n            this.animQueue = new AnimationQueue();\n            this.historyManager = new HistoryManager(this.maxHistorySize);\n        }\n\n        /**\n         * Initializes the editor, binds to DOM elements, sets up event handlers,\n         * and (optionally) loads an initial image.\n         * Use this method to set up the editor UI before interacting with it.\n         *\n         * @param {Object} [idMap={}] - Optional mapping from logical element names to actual DOM element IDs.\n         *   Supported keys include: canvas, canvasContainer, imgPlaceholder, scaleRate, rotationLeftInput, rotationRightInput,\n         *   rotateLeftBtn, rotateRightBtn, addMaskBtn, removeMaskBtn, removeAllMasksBtn, mergeBtn, downloadBtn, maskList,\n         *   zoomInBtn, zoomOutBtn, resetBtn, imageInput. Unknown keys are ignored.\n         *\n         * @returns {void}\n         *\n         * @public\n         *\n         * @example\n         * editor.init({\n         *   canvas: 'myFabricCanvasId',\n         *   downloadBtn: 'myDownloadButtonId'\n         * });\n         */\n        init(idMap = {}) {\n            if (!this._fabricLoaded) return;\n\n            const defaults = {\n                canvas: 'fabricCanvas',\n                canvasContainer: null, // Pass an ID here if you have a scrollable viewport container\n                imgPlaceholder: 'imgPlaceholder',\n                scaleRate: 'scaleRate',\n                rotationLeftInput: 'rotationLeftInput',\n                rotationRightInput: 'rotationRightInput',\n                rotateLeftBtn: 'rotateLeftBtn',\n                rotateRightBtn: 'rotateRightBtn',\n                addMaskBtn: 'addMaskBtn',\n                removeMaskBtn: 'removeMaskBtn',\n                removeAllMasksBtn: 'removeAllMasksBtn',\n                mergeBtn: 'mergeBtn',\n                downloadBtn: 'downloadBtn',\n                maskList: 'maskList',\n                zoomInBtn: 'zoomInBtn',\n                zoomOutBtn: 'zoomOutBtn',\n                resetBtn: 'resetBtn',\n                undoBtn: 'undoBtn',\n                redoBtn: 'redoBtn',\n                imageInput: 'imageInput',\n                cropBtn: 'cropBtn',\n                applyCropBtn: 'applyCropBtn',\n                cancelCropBtn: 'cancelCropBtn'\n            };\n\n            this.elements = { ...defaults, ...idMap };\n\n            this._initCanvas();\n            this._bindEvents();\n            this._updateInputs();\n            this._updateMaskList();\n            this._updateUI();\n\n            // Auto-load initial image if provided\n            if (this.options.initialImageBase64) {\n                this.loadImage(this.options.initialImageBase64);\n            } else {\n                this._updatePlaceholderStatus();\n            }\n        }\n\n        _reportError(message, error = null) {\n            const handler = this.options && this.options.onError;\n            if (typeof handler !== 'function') return;\n\n            try {\n                handler(error, message);\n            } catch {\n                // Ignore observer failures so editor recovery paths remain stable.\n            }\n        }\n\n        _reportWarning(message, error = null) {\n            const handler = this.options && this.options.onWarning;\n            if (typeof handler !== 'function') return;\n\n            try {\n                handler(error, message);\n            } catch {\n                // Ignore observer failures so editor recovery paths remain stable.\n            }\n        }\n\n        /**\n         * Canvas setup helpers\n         * @private\n         */\n        _initCanvas() {\n            const canvasEl = document.getElementById(this.elements.canvas);\n            if (!canvasEl) throw new Error('Canvas is not found: ' + this.elements.canvas);\n            this.canvasEl = canvasEl;\n\n            // Decide which element acts as \"viewport\" (for width/height fallback)\n            if (this.elements.canvasContainer) {\n                const ce = document.getElementById(this.elements.canvasContainer);\n                this.containerEl = ce || canvasEl.parentElement;\n            } else {\n                this.containerEl = canvasEl.parentElement;\n            }\n\n            this.placeholderEl = document.getElementById(this.elements.imgPlaceholder) || null;\n\n            // Initial size \u2014 take container size if available\n            let initialW = this.options.canvasWidth;\n            let initialH = this.options.canvasHeight;\n            if (this.containerEl) {\n                const cw = Math.floor(this.containerEl.clientWidth);\n                const ch = Math.floor(this.containerEl.clientHeight);\n                if (cw > 0 && ch > 0) { initialW = cw; initialH = ch; }\n            }\n\n            this.canvas = new fabric.Canvas(canvasEl, {\n                width: initialW,\n                height: initialH,\n                backgroundColor: this.options.backgroundColor,\n                selection: this.options.groupSelection,\n                preserveObjectStacking: true\n            });\n\n            // Fabric event wiring\n            this.canvas.on('selection:created', (e) => this._onSelectionChanged(e.selected));\n            this.canvas.on('selection:updated', (e) => this._onSelectionChanged(e.selected));\n            this.canvas.on('selection:cleared', () => this._onSelectionChanged([]));\n            this.canvas.on('object:moving', (e) => { if (e.target && e.target.maskId) this._syncMaskLabel(e.target); });\n            this.canvas.on('object:scaling', (e) => { if (e.target && e.target.maskId) this._syncMaskLabel(e.target); });\n            this.canvas.on('object:rotating', (e) => { if (e.target && e.target.maskId) this._syncMaskLabel(e.target); });\n            this.canvas.on('object:modified', (e) => { if (e.target && e.target.maskId) this._syncMaskLabel(e.target); });\n\n            // Avoid inline-element whitespace artefacts\n            this.canvasEl.style.display = 'block';\n        }\n\n        /** \n         * DOM / UI bindings\n         * @private\n         */\n        _bindEvents() {\n            // Click anywhere on the upload area opens the native file dialog\n            this._bindIfExists('uploadArea', 'click', () => document.getElementById(this.elements.imageInput)?.click());\n            // File-input change\n            const inputEl = document.getElementById(this.elements.imageInput);\n            if (inputEl) {\n                inputEl.addEventListener('change', (e) => {\n                    const f = e.target.files && e.target.files[0];\n                    if (f) this._loadImageFile(f);\n                });\n            }\n            // Zoom & reset\n            this._bindIfExists('zoomInBtn', 'click', () => this.scaleImage(this.currentScale + this.options.scaleStep));\n            this._bindIfExists('zoomOutBtn', 'click', () => this.scaleImage(this.currentScale - this.options.scaleStep));\n            this._bindIfExists('resetBtn', 'click', () => { this.reset(); });\n            // Mask management\n            this._bindIfExists('addMaskBtn', 'click', () => this.addMask());\n            this._bindIfExists('removeMaskBtn', 'click', () => this.removeSelectedMask());\n            this._bindIfExists('removeAllMasksBtn', 'click', () => this.removeAllMasks());\n            // Merge + download\n            this._bindIfExists('mergeBtn', 'click', () => this.merge());\n            this._bindIfExists('downloadBtn', 'click', () => this.downloadImage());\n            // Undo + Redo\n            this._bindIfExists('undoBtn', 'click', () => this.undo());\n            this._bindIfExists('redoBtn', 'click', () => this.redo());\n\n            // Rotation buttons (step can be overridden by two input fields)\n            const rotLeftBtn = document.getElementById(this.elements.rotateLeftBtn);\n            const rotRightBtn = document.getElementById(this.elements.rotateRightBtn);\n            if (rotLeftBtn) rotLeftBtn.addEventListener('click', () => {\n                const el = document.getElementById(this.elements.rotationLeftInput);\n                let step = this.options.rotationStep;\n                if (el) { const p = parseFloat(el.value); if (!isNaN(p)) step = p; }\n                this.rotateImage(this.currentRotation - step);\n            });\n            if (rotRightBtn) rotRightBtn.addEventListener('click', () => {\n                const el = document.getElementById(this.elements.rotationRightInput);\n                let step = this.options.rotationStep;\n                if (el) { const p = parseFloat(el.value); if (!isNaN(p)) step = p; }\n                this.rotateImage(this.currentRotation + step);\n            });\n\n            // Crop bindings (optional: bound only if element IDs exist in elements)\n            this._bindIfExists('cropBtn', 'click', () => this.enterCropMode());\n            this._bindIfExists('applyCropBtn', 'click', () => { this.applyCrop().catch(e => this._reportError('applyCrop failed', e)); });\n            this._bindIfExists('cancelCropBtn', 'click', () => this.cancelCrop());\n        }\n\n        /** \n         * Event binding element check\n         * \n         * @param {*} event \n         * @param {*} handler \n         * @param {*} key \n         * @private\n         */\n        _bindIfExists(key, event, handler) {\n            const el = document.getElementById(this.elements[key]);\n            if (el) {\n                el.addEventListener(event, handler);\n                this._boundHandlers = this._boundHandlers || {};\n                if (!this._boundHandlers[key]) this._boundHandlers[key] = [];\n                this._boundHandlers[key].push({ event, handler });\n            }\n        }\n\n        /** \n         * Image loading helpers\n         * \n         * @param {File} file \n         * @private\n         */\n        _loadImageFile(file) {\n            if (!file || !file.type.startsWith('image/')) return;\n            const reader = new FileReader();\n            reader.onload = (e) => this.loadImage(e.target.result);\n            reader.onerror = (e) => { this._reportError('Image file could not be read', e); };\n            reader.readAsDataURL(file);\n        }\n\n        /**\n        * Load a base64 encoded image string into fabric.\n        * @async\n        * @param {String} base64 \n        */\n        async loadImage(base64) {\n            if (!this._fabricLoaded) return;\n            if (!this.canvas) return;\n            if (!base64 || typeof base64 !== 'string' || !base64.startsWith('data:image/')) return;\n\n            this._setPlaceholderVisible(false);\n\n            const imgEl = await this._createImageElement(base64);\n\n            let loadSrc = base64;\n            if (this.options.downsampleOnLoad) {\n                const needResize =\n                    imgEl.naturalWidth > this.options.downsampleMaxWidth ||\n                    imgEl.naturalHeight > this.options.downsampleMaxHeight;\n                if (needResize) {\n                    const ratio = Math.min(\n                        this.options.downsampleMaxWidth / imgEl.naturalWidth,\n                        this.options.downsampleMaxHeight / imgEl.naturalHeight\n                    );\n                    const tw = Math.round(imgEl.naturalWidth * ratio);\n                    const th = Math.round(imgEl.naturalHeight * ratio);\n                    loadSrc = this._resampleImageToDataURL(imgEl, tw, th, this.options.downsampleQuality);\n                }\n            }\n\n            // Create fabric.Image from URL\n            return new Promise((resolve, reject) => {\n                fabric.Image.fromURL(loadSrc, (fimg) => {\n                    try {\n                        if (!fimg) throw new Error('Image could not be loaded');\n\n                        this.canvas.discardActiveObject();\n                        this._hideAllMaskLabels();\n                        this.canvas.clear();\n                        this.canvas.setBackgroundColor(this.options.backgroundColor, this.canvas.renderAll.bind(this.canvas));\n\n                        fimg.set({ originX: 'left', originY: 'top', selectable: false, evented: false });\n\n                        const imgW = fimg.width;\n                        const imgH = fimg.height;\n\n                        const minW = this.containerEl ? Math.floor(this.containerEl.clientWidth || this.options.canvasWidth) : this.options.canvasWidth;\n                        const minH = this.containerEl ? Math.floor(this.containerEl.clientHeight || this.options.canvasHeight) : this.options.canvasHeight;\n\n                        if (this.options.fitImageToCanvas) {\n                            // Fit into current canvas (shrink only) and ensure canvas does not exceed container\n                            const cw = Math.max(1, Math.min(this.options.canvasWidth, minW) - 1)\n                            const ch = Math.max(1, Math.min(this.options.canvasHeight, minH) - 1);\n                            this._setCanvasSizeInt(cw, ch);\n                            const fitScale = Math.min(cw / imgW, ch / imgH, 1);\n                            fimg.set({ left: 0, top: 0 });\n                            fimg.scale(fitScale);\n                            this.baseImageScale = fimg.scaleX || 1;\n                        } else if (this.options.coverImageToCanvas) {\n                            // Cover canvas: scale to cover, allowing overflow (at least one side fits)\n                            const cw = Math.max(this.options.canvasWidth, minW);\n                            const ch = Math.max(this.options.canvasHeight, minH);\n                            this._setCanvasSizeInt(cw, ch);\n                            const coverScale = Math.min(1, Math.max(cw / imgW, ch / imgH));\n                            fimg.set({ left: 0, top: 0 });\n                            fimg.scale(coverScale);\n                            this.baseImageScale = fimg.scaleX || 1;\n                        } else if (this.options.expandCanvasToImage) {\n                            // Expand canvas so that it fully contains the image\n                            const cw = Math.max(minW, Math.floor(imgW));\n                            const ch = Math.max(minH, Math.floor(imgH));\n                            this._setCanvasSizeInt(cw, ch);\n                            fimg.set({ left: 0, top: 0 });\n                            fimg.scale(1);\n                            this.baseImageScale = 1;\n                        } else {\n                            // Keep existing canvas size and center the image\n                            const cw = Math.max(this.options.canvasWidth, minW);\n                            const ch = Math.max(this.options.canvasHeight, minH);\n                            this._setCanvasSizeInt(cw, ch);\n                            const fitScale = Math.min(cw / imgW, ch / imgH, 1);\n                            fimg.set({ left: 0, top: 0 });\n                            fimg.scale(fitScale);\n                            this.baseImageScale = fimg.scaleX || 1;\n                        }\n                        // Put the image onto the canvas\n                        this.originalImage = fimg;\n                        this.canvas.add(fimg);\n                        this.canvas.sendToBack(fimg);\n\n                        // Reset mask placement memory\n                        this._lastMask = null;\n                        this._lastMaskInitialLeft = null;\n                        this._lastMaskInitialTop = null;\n                        this._lastMaskInitialWidth = null;\n\n                        this.maskCounter = 0;\n                        this.currentScale = 1;\n                        this.currentRotation = 0;\n\n                        this._updateInputs();\n                        this._updateMaskList();\n                        this.isImageLoadedToCanvas = true;\n                        this._updateUI();\n                        this.canvas.renderAll();\n\n                        if (typeof this.onImageLoaded === 'function') {\n                            this.onImageLoaded();\n                        }\n\n                        resolve();\n                    } catch (err) {\n                        reject(err);\n                    }\n                }, { crossOrigin: 'anonymous' });\n            });\n        }\n\n        /**\n         * Checks whether there is a loaded image on the current canvas.\n         * @returns {boolean} true if loaded, false if not\n         */\n        isImageLoaded() {\n            const fabricInstance = ensureFabric();\n            return !!(\n                this.originalImage &&\n                fabricInstance &&\n                this.originalImage instanceof fabricInstance.Image &&\n                this.originalImage.width > 0 &&\n                this.originalImage.height > 0\n            );\n        }\n\n        /**\n         * Creates an HTMLImageElement from a given data URL.\n         * \n         * @param {string} dataURL - A data URL representing the image (e.g., \"data:image/png;base64,...\").\n         * @returns {Promise<HTMLImageElement>} A promise that resolves to the created image element when loaded, or rejects on error.\n         * @private\n         */\n        _createImageElement(dataURL) {\n            return new Promise((res, rej) => {\n                const img = new Image();\n                img.onload = () => {\n                    img.onload = null;\n                    img.onerror = null;\n                    res(img);\n                };\n                img.onerror = (e) => {\n                    img.onload = null;\n                    img.onerror = null;\n                    rej(e);\n                };\n                img.src = dataURL;\n            });\n        }\n\n        /**\n         * Resamples the given image element to a new width and height and returns the result as a JPEG data URL.\n         * \n         * @param {HTMLImageElement} imgEl - The image element to resample.\n         * @param {number} w - Target width (in pixels) for the resampled image.\n         * @param {number} h - Target height (in pixels) for the resampled image.\n         * @param {number} [quality=0.92] - JPEG image quality between 0 and 1 (optional, default 0.92).\n         * @returns {string} A data URL representing the resampled image as JPEG.\n         * @private\n         */\n        _resampleImageToDataURL(imgEl, w, h, quality = 0.92) {\n            const oc = document.createElement('canvas');\n            oc.width = w;\n            oc.height = h;\n            const ctx = oc.getContext('2d');\n            ctx.drawImage(imgEl, 0, 0, imgEl.naturalWidth, imgEl.naturalHeight, 0, 0, w, h);\n            return oc.toDataURL('image/jpeg', quality);\n        }\n\n        /** \n         * Sets canvas size to integer width and height values to prevent scrollbars due to sub-pixel rendering.\n         * Also updates the corresponding style attributes.\n         * \n         * @param {number} w - Canvas width (in pixels).\n         * @param {number} h - Canvas height (in pixels).\n         * @private\n         */\n        _setCanvasSizeInt(w, h) {\n            const iw = Math.max(1, Math.round(Number(w) || 1));\n            const ih = Math.max(1, Math.round(Number(h) || 1));\n            // Set fabric internal and also style attributes to keep DOM consistent\n            this.canvas.setWidth(iw);\n            this.canvas.setHeight(ih);\n            if (typeof this.canvas.calcOffset === 'function') this.canvas.calcOffset();\n            // Keep DOM element in sync (avoid fractional CSS pixels)\n            if (this.canvasEl) {\n                this.canvasEl.style.width = iw + 'px';\n                this.canvasEl.style.height = ih + 'px';\n                this.canvasEl.style.maxWidth = 'none';\n            }\n        }\n\n        /** \n         * Gets the top-left corner coordinates of the given object.\n         * Used for geometry calculations (e.g., scale, rotate).\n         * \n         * @param {Object} obj - The object for which to get the top-left coordinates. Should support setCoords and getCoords/getBoundingRect methods.\n         * @returns {{x: number, y: number}} The top-left corner point as an object with x and y properties.\n         * @private\n         */\n        _getObjectTopLeftPoint(obj) {\n            if (!obj) return { x: 0, y: 0 };\n            obj.setCoords();\n            const coords = typeof obj.getCoords === 'function' ? obj.getCoords() : null;\n            if (coords && coords.length) return coords[0];\n            const br = obj.getBoundingRect(true, true);\n            return { x: br.left, y: br.top };\n        }\n\n        /**\n         * Sets the object's origin at the specified origin point, keeping a reference point fixed in position.\n         * \n         * @param {Object} obj - The object to modify. Should support set, setPositionByOrigin, and setCoords.\n         * @param {string} originX - The new originX (\"left\", \"center\", \"right\", etc.).\n         * @param {string} originY - The new originY (\"top\", \"center\", \"bottom\", etc.).\n         * @param {{x: number, y: number}} refPoint - The point to keep fixed while setting the new origins.\n         * @private\n         */\n        _setObjectOriginKeepingPosition(obj, originX, originY, refPoint) {\n            if (!obj || !refPoint || !obj.setPositionByOrigin) return;\n            obj.set({ originX, originY });\n            obj.setPositionByOrigin(refPoint, originX, originY);\n            obj.setCoords();\n        }\n\n        /**\n         * Moves the object so its bounding box aligns with the canvas's top-left corner (0, 0).\n         * \n         * @param {Object} obj - The object to align.\n         * @private\n         */\n        _alignObjectBoundingBoxToCanvasTopLeft(obj) {\n            if (!obj) return;\n            obj.setCoords();\n            const br = obj.getBoundingRect(true, true);\n            const dx = br.left;\n            const dy = br.top;\n            obj.set({ left: (obj.left || 0) - dx, top: (obj.top || 0) - dy });\n            obj.setCoords();\n            this.canvas.renderAll();\n        }\n\n        /**\n         * Updates the canvas size to match the bounding box of the original image,\n         * ensuring that the canvas is always at least as large as its container.\n         * @private\n         */\n        _updateCanvasSizeToImageBounds() {\n            if (!this.originalImage) return;\n            this.originalImage.setCoords();\n            const br = this.originalImage.getBoundingRect(true, true);\n\n            // Container integer sizes\n            const containerW = this.containerEl ? Math.ceil(this.containerEl.clientWidth || 0) : 0;\n            const containerH = this.containerEl ? Math.ceil(this.containerEl.clientHeight || 0) : 0;\n\n            // If image smaller or equal than container in BOTH dims => keep canvas equal to container\n            if (containerW > 0 && containerH > 0 && br.width <= containerW && br.height <= containerH) {\n                this._setCanvasSizeInt(containerW, containerH);\n                return;\n            }\n\n            // Else canvas follows image bounding box but not smaller than container dims individually\n            const newW = Math.max(containerW || 0, Math.floor(br.width));\n            const newH = Math.max(containerH || 0, Math.floor(br.height));\n            this._setCanvasSizeInt(newW, newH);\n        }\n\n        /** \n         * Scales the original image by a given factor, with animation.\n         * Returns a promise that resolves when the scale animation is complete.\n         * @param {number} factor - The scaling factor (will be clamped between `options.minScale` and `options.maxScale`).\n         * @returns {Promise<void>} Promise that resolves once the scaling animation finishes.\n         * @public\n         */\n        scaleImage(factor) {\n            return this.animQueue.add(() => this._scaleImageImpl(factor));\n        }\n\n        /** \n         * Scales the original image by a given factor, with animation.\n         * Returns a promise that resolves when the scale animation is complete.\n         * @param {number} factor - The scaling factor (will be clamped between `options.minScale` and `options.maxScale`).\n         * @returns {Promise<void>} Promise that resolves once the scaling animation finishes.\n         * @private\n         */\n        _scaleImageImpl(factor) {\n            if (!this.originalImage) return Promise.resolve();\n            if (this.isAnimating) return Promise.resolve();\n            factor = Math.max(this.options.minScale, Math.min(this.options.maxScale, factor));\n            this.currentScale = factor;\n            this.isAnimating = true;\n            this._updateUI();\n\n            const targetAbs = this.baseImageScale * factor;\n\n            // Scale around current top-left (recompute)\n            const topLeft = this._getObjectTopLeftPoint(this.originalImage);\n            this._setObjectOriginKeepingPosition(this.originalImage, 'left', 'top', topLeft);\n\n            const p1 = new Promise((res) => {\n                this.originalImage.animate('scaleX', targetAbs, {\n                    duration: this.options.animationDuration,\n                    onChange: this.canvas.renderAll.bind(this.canvas),\n                    onComplete: res\n                });\n            });\n            const p2 = new Promise((res) => {\n                this.originalImage.animate('scaleY', targetAbs, {\n                    duration: this.options.animationDuration,\n                    onChange: this.canvas.renderAll.bind(this.canvas),\n                    onComplete: res\n                });\n            });\n\n            return Promise.all([p1, p2]).then(() => {\n                this.originalImage.set({ scaleX: targetAbs, scaleY: targetAbs });\n                this.originalImage.setCoords();\n\n                if (this.options.expandCanvasToImage) this._updateCanvasSizeToImageBounds();\n\n                this._alignObjectBoundingBoxToCanvasTopLeft(this.originalImage);\n\n                // Sync mask labels\n                this.canvas.getObjects().forEach(o => { if (o.maskId) this._syncMaskLabel(o); });\n\n                this.isAnimating = false;\n                this._updateInputs();\n                this._updateUI();\n                this.saveState();\n            }).catch(() => {\n                this.isAnimating = false;\n                this._updateUI();\n            });\n        }\n\n        /** \n         * Rotates the original image by a given number of degrees, with animation.\n         * Returns a promise that resolves when the rotation animation is complete.\n         * @param {number} degrees - The angle in degrees to rotate the image.\n         * @returns {Promise<void>} Promise that resolves once the rotation animation finishes.\n         * @public\n         */\n        rotateImage(deg) {\n            return this.animQueue.add(() => this._rotateImageImpl(deg));\n        }\n\n        /** \n         * Rotates the original image by a given number of degrees, with animation.\n         * Returns a promise that resolves when the rotation animation is complete.\n         * @param {number} degrees - The angle in degrees to rotate the image.\n         * @returns {Promise<void>} Promise that resolves once the rotation animation finishes.\n         * @private\n         */\n        _rotateImageImpl(degrees) {\n            if (!this.originalImage) return Promise.resolve();\n            if (this.isAnimating) return Promise.resolve();\n            if (isNaN(degrees)) return Promise.resolve();\n            this.currentRotation = degrees;\n            this.isAnimating = true;\n            this._updateUI();\n\n            const center = this.originalImage.getCenterPoint();\n            this._setObjectOriginKeepingPosition(this.originalImage, 'center', 'center', center);\n\n            const p = new Promise((res) => {\n                this.originalImage.animate('angle', degrees, {\n                    duration: this.options.animationDuration,\n                    onChange: this.canvas.renderAll.bind(this.canvas),\n                    onComplete: res\n                });\n            });\n\n            return p.then(() => {\n                this.originalImage.set('angle', degrees);\n                this.originalImage.setCoords();\n\n                if (this.options.expandCanvasToImage) this._updateCanvasSizeToImageBounds();\n\n                this._alignObjectBoundingBoxToCanvasTopLeft(this.originalImage);\n\n                const newTopLeft = this._getObjectTopLeftPoint(this.originalImage);\n                this._setObjectOriginKeepingPosition(this.originalImage, 'left', 'top', newTopLeft);\n\n                // Sync mask labels\n                this.canvas.getObjects().forEach(o => { if (o.maskId) this._syncMaskLabel(o); });\n\n                this.isAnimating = false;\n                this._updateInputs();\n                this._updateUI();\n                this.saveState();\n            }).catch(() => {\n                this.isAnimating = false;\n                this._updateUI();\n            });\n        }\n\n        /**\n         * Resets the image: scales to 1 and rotates to 0 degrees.\n         * @returns {Promise<void>} Promise that resolves when reset is complete.\n         */\n        reset() {\n            if (!this.originalImage) return Promise.resolve();\n\n            return this.scaleImage(1)\n                .then(() => this.rotateImage(0))\n                .then(() => {\n                    this.saveState();\n                })\n                .catch(err => {\n                    this._reportError('reset() failed', err);\n                });\n        }\n\n        /**\n         * Restores a canvas state that was previously stored by saveState().\n         * @param {string} jsonString - the JSON string returned by fabric.toJSON().\n         */\n        loadFromState(jsonString) {\n            if (!jsonString || !this.canvas) return;\n\n            try {\n                const json = (typeof jsonString === 'string')\n                    ? JSON.parse(jsonString)\n                    : jsonString;\n\n                this.canvas.loadFromJSON(json, () => {\n                    try {\n                        this._hideAllMaskLabels();\n                        const objs = this.canvas.getObjects();\n                        this.originalImage = objs.find(o => o.type === 'image' && !o.maskId) || null;\n\n                        if (this.originalImage) {\n                            this.originalImage.set({ originX: 'left', originY: 'top', selectable: false, evented: false, hasControls: false, hoverCursor: 'default' });\n                            this.canvas.sendToBack(this.originalImage);\n                        }\n\n                        const masks = objs.filter(o => o.maskId);\n                        this.maskCounter = masks.reduce((max, m) =>\n                            Math.max(max, m.maskId), 0);\n                        this._lastMask = masks.length ? masks[masks.length - 1] : null;\n                        if (!this._lastMask) {\n                            this._lastMaskInitialLeft = null;\n                            this._lastMaskInitialTop = null;\n                            this._lastMaskInitialWidth = null;\n                        }\n                        this.isImageLoadedToCanvas = !!this.originalImage;\n\n                        this.canvas.renderAll();\n                        this._updateMaskList();\n                        this._updatePlaceholderStatus();\n                        this._updateUI();\n                    } catch (callbackError) {\n                        this._reportError('loadFromState() failed', callbackError);\n                    }\n                });\n\n            } catch (e) {\n                this._reportError('loadFromState() failed', e);\n            }\n        }\n\n        /**\n         * Saves the current state of the canvas to history, storing any mask/raster label information.\n         */\n        saveState() {\n            if (!this.canvas) return;\n            const activeObj = this.canvas.getActiveObject();\n            this._hideAllMaskLabels();\n\n            try {\n                // request JSON including the custom flag 'isCropRect' so we can filter it out\n                const jsonObj = this.canvas.toJSON(['maskId', 'maskName', 'isCropRect']);\n                if (Array.isArray(jsonObj.objects)) {\n                    // filter out crop-rect objects before stringifying\n                    jsonObj.objects = jsonObj.objects.filter(o => !o.isCropRect);\n                }\n                const after = JSON.stringify(jsonObj);\n                const before = this._lastSnapshot || after;\n                let executedOnce = false;\n\n                const cmd = new Command(\n                    () => {\n                        if (executedOnce) {\n                            this.loadFromState(after);\n                        }\n                        executedOnce = true;\n                    },\n                    () => {\n                        this.loadFromState(before);\n                    }\n                );\n\n                this.historyManager.execute(cmd);\n                this._lastSnapshot = after;\n                if (activeObj && activeObj.maskId) {\n                    this._showLabelForMask(activeObj);\n                }\n                this._updateUI();\n            } catch (err) {\n                this._reportWarning('saveState: failed to save canvas snapshot', err);\n            }\n        }\n\n        /**\n         * Undo the last state change, if possible.\n         */\n        undo() {\n            this.historyManager.undo();\n        }\n\n        /**\n         * Redo the next state change, if possible.\n         */\n        redo() {\n            this.historyManager.redo();\n        }\n\n        /** \n         * Adds a rectangular mask to the canvas.\n         * Mask placement and properties are determined by the provided config and instance options.\n         * Canvas and list UI are updated accordingly.\n         * @param {Object} [config={}] - Optional mask configuration overrides:\n         *   @param {string} [config.shape='rect'] - 'rect', 'circle', 'ellipse', 'polygon', ...\n         *   @param {Object|Array} [config.points] - Required for polygon: [{x, y}, ...] or [[x, y], ...]\n         *   @param {number|function} [config.width/height/rx/ry/radius] - Can be number or function(canvas, options) \n         *   @param {number|string|function} [config.left/top] - Absolute, %, or function\n         *   @param {number|string} [config.angle] - Rotation angle (degree)\n         *   @param {string} [config.color] - Fill color in CSS color format (default 'rgba(0,0,0,0.5)')\n         *   @param {number} [config.alpha] - Opacity, from 0 to 1 (default 0.5)\n         *   @param {boolean} [config.selectable=true]\n         *   @param {Object} [config.styles] - Custom styles (stroke, dashArray, etc)\n         *   @param {function} [config.onCreate] - Callback after mask created (receives Fabric object)\n         *   @param {function} [config.fabricGenerator] - (cfg) => new FabricObj\n         * @returns {fabric.Rect|null} The created mask object, or null if canvas is not available.\n         * @public\n         */\n        addMask(config = {}) {\n            if (!this.canvas) return null;\n            const shapeType = config.shape || 'rect';\n            // Default config\n            const cfg = {\n                shape: shapeType,\n                width: this.options.defaultMaskWidth,\n                height: this.options.defaultMaskHeight,\n                color: 'rgba(0,0,0,0.5)',\n                alpha: 0.5,\n                gap: 5,\n                left: undefined,\n                top: undefined,\n                angle: 0,\n                selectable: true,\n                ...config\n            };\n\n            // Always start placement relative to canvas left/top.\n            const firstOffset = 10;\n            let left = firstOffset;\n            let top = firstOffset;\n\n            const resolveValue = (val, fallback) => {\n                if (typeof val === 'function')\n                    return val(this.canvas, this.options); // This context is this of addMask\n                if (typeof val === 'string' && val.endsWith('%')) {\n                    const percent = parseFloat(val) / 100;\n                    return Math.floor((this.canvas ? this.canvas.getWidth() : 0) * percent);\n                }\n                return val != null ? val : fallback;\n            }\n\n            if (cfg.left === undefined && this._lastMask) {\n                const prev = this._lastMask;\n                let prevRight = prev.left;\n\n                if (prev.getScaledWidth) {\n                    prevRight += prev.getScaledWidth();\n                } else if (prev.width) {\n                    prevRight += prev.width * (prev.scaleX ?? 1);\n                }\n                left = Math.round(prevRight + cfg.gap);\n                top = prev.top ?? firstOffset;\n            } else {\n                left = resolveValue(cfg.left, firstOffset);\n                top = resolveValue(cfg.top, firstOffset);\n            }\n\n            cfg.width = resolveValue(cfg.width, this.options.defaultMaskWidth);\n            cfg.height = resolveValue(cfg.height, this.options.defaultMaskHeight);\n\n            // If expandCanvasToImage mode, ensure canvas large enough to hold mask initial placement\n            if (this.options.expandCanvasToImage && shapeType === 'rect') {\n                const requiredW = Math.ceil(left + cfg.width + 10);\n                const requiredH = Math.ceil(top + cfg.height + 10);\n                const minW = this.containerEl ? Math.floor(this.containerEl.clientWidth || 0) : 0;\n                const minH = this.containerEl ? Math.floor(this.containerEl.clientHeight || 0) : 0;\n                const newW = Math.max(this.canvas.getWidth(), minW, requiredW);\n                const newH = Math.max(this.canvas.getHeight(), minH, requiredH);\n                this._setCanvasSizeInt(newW, newH);\n            }\n\n            let mask;\n            if (typeof cfg.fabricGenerator === 'function') {\n                mask = cfg.fabricGenerator(cfg, this.canvas, this.options);\n            } else {\n                switch (shapeType) {\n                    case 'circle':\n                        mask = new fabric.Circle({\n                            left, top,\n                            radius: resolveValue(cfg.radius, Math.min(cfg.width, cfg.height) / 2),\n                            fill: cfg.color,\n                            opacity: cfg.alpha,\n                            angle: cfg.angle,\n                            ...cfg.styles\n                        });\n                        break;\n                    case 'ellipse':\n                        mask = new fabric.Ellipse({\n                            left, top,\n                            rx: resolveValue(cfg.rx, cfg.width / 2),\n                            ry: resolveValue(cfg.ry, cfg.height / 2),\n                            fill: cfg.color,\n                            opacity: cfg.alpha,\n                            angle: cfg.angle,\n                            ...cfg.styles\n                        });\n                        break;\n                    case 'polygon': {\n                        let polyPoints = cfg.points || [];\n                        if (Array.isArray(polyPoints) && polyPoints.length && typeof polyPoints[0] === 'object') {\n                            // Ensure numeric {x,y} objects for fabric.Polygon\n                            polyPoints = polyPoints.map(pt => ({ x: Number(pt.x), y: Number(pt.y) }));\n                        }\n                        mask = new fabric.Polygon(polyPoints, {\n                            left, top,\n                            fill: cfg.color,\n                            opacity: cfg.alpha,\n                            angle: cfg.angle,\n                            ...cfg.styles\n                        });\n                        break;\n                    }\n                    case 'rect':\n                    default:\n                        mask = new fabric.Rect({\n                            left, top,\n                            width: resolveValue(cfg.width, this.options.defaultMaskWidth),\n                            height: resolveValue(cfg.height, this.options.defaultMaskHeight),\n                            fill: cfg.color,\n                            opacity: cfg.alpha,\n                            angle: cfg.angle,\n                            rx: cfg.rx, // Rounded Corners\n                            ry: cfg.ry,\n                            ...cfg.styles\n                        });\n                }\n            }\n\n            mask.selectable = cfg.selectable !== false;\n            mask.hasControls = ('hasControls' in cfg) ? cfg.hasControls : true;\n            mask.lockRotation = !this.options.maskRotatable;\n            mask.borderColor = cfg.borderColor || 'red';\n            mask.cornerColor = cfg.cornerColor || 'black';\n            mask.cornerSize = cfg.cornerSize || 8;\n            mask.transparentCorners = ('transparentCorners' in cfg) ? cfg.transparentCorners : false;\n            mask.stroke = (cfg.styles && cfg.styles.stroke) || '#ccc';\n            mask.strokeWidth = (cfg.styles && cfg.styles.strokeWidth) || 1;\n            mask.strokeUniform = ('strokeUniform' in cfg) ? cfg.strokeUniform : true;\n            if (cfg.styles && cfg.styles.strokeDashArray) mask.strokeDashArray = cfg.styles.strokeDashArray;\n\n            mask.originalAlpha = cfg.alpha;\n            const normalStyle = { stroke: mask.stroke, strokeWidth: mask.strokeWidth, opacity: mask.originalAlpha };\n            const hoverStyle = { stroke: '#ff5500', strokeWidth: 2, opacity: Math.min(mask.originalAlpha + 0.2, 1) };\n\n            mask.on('mouseover', () => {\n                mask.set(hoverStyle);\n                mask.canvas.requestRenderAll();\n            });\n\n            mask.on('mouseout', () => {\n                mask.set(normalStyle);\n                mask.canvas.requestRenderAll();\n            });\n\n            // Remember initial for next one\n            this._lastMaskInitialLeft = left;\n            this._lastMaskInitialTop = top;\n            this._lastMaskInitialWidth = resolveValue(cfg.width, this.options.defaultMaskWidth);\n\n            mask.maskId = ++this.maskCounter;\n            mask.maskName = `${this.options.maskName}${mask.maskId}`;\n            this._lastMask = mask;\n\n            this.canvas.add(mask);\n            this.canvas.bringToFront(mask);\n            if (cfg.selectable) this.canvas.setActiveObject(mask);\n            this._onSelectionChanged([mask]);\n            this._updateMaskList();\n            this._updateUI();\n            this.canvas.renderAll();\n            this.saveState();\n\n            if (typeof cfg.onCreate === 'function') cfg.onCreate(mask, this.canvas);\n            return mask;\n        }\n\n        /**\n         * Removes the currently selected mask from the canvas, if any.\n         * The associated label is also removed. UI and mask list are updated.\n         */\n        removeSelectedMask() {\n            const active = this.canvas.getActiveObject();\n            if (!active || !active.maskId) return;\n            this._removeLabelForMask(active);\n            this.canvas.remove(active);\n            if (this._lastMask === active) {\n                const masks = this.canvas.getObjects().filter(o => o.maskId);\n                this._lastMask = masks.length ? masks[masks.length - 1] : null;\n                if (!this._lastMask) {\n                    this._lastMaskInitialLeft = null;\n                    this._lastMaskInitialTop = null;\n                    this._lastMaskInitialWidth = null;\n                }\n            }\n            this.canvas.discardActiveObject();\n            this._updateMaskList();\n            this._updateUI();\n            this.canvas.renderAll();\n            this.saveState();\n        }\n\n        /**\n         * Removes all masks from the canvas, including their labels.\n         * UI and internal mask placement memory are reset.\n         */\n        removeAllMasks() {\n            const masks = this.canvas.getObjects().filter(o => o.maskId);\n            masks.forEach(m => this._removeLabelForMask(m));\n            masks.forEach(m => this.canvas.remove(m));\n            this.canvas.discardActiveObject();\n            this._lastMask = null;\n            this._lastMaskInitialLeft = null;\n            this._lastMaskInitialTop = null;\n            this._lastMaskInitialWidth = null;\n            this._updateMaskList();\n            this._updateUI();\n            this.canvas.renderAll();\n            this.saveState();\n        }\n\n        /**\n         * Removes the label associated with the specified mask object, if it exists.\n         * \n         * @param {fabric.Object} mask - The mask object whose label should be removed.\n         * @private\n         */\n        _removeLabelForMask(mask) {\n            if (!mask || !this.canvas) return;\n            if (mask.__label) {\n                try {\n                    const objs = this.canvas.getObjects();\n                    if (objs.includes(mask.__label)) {\n                        this.canvas.remove(mask.__label);\n                    }\n                } catch (e) { void e; }\n                try { delete mask.__label; } catch (e) { void e; }\n            }\n        }\n\n        /**\n         * Creates and adds a custom label (fabric.Text or fabric.IText) for the mask.\n         * The label is default bound to the top-left of the mask and managed as a non-interactive overlay.\n         * \n         * @param {fabric.Object} mask - The mask to create a label for.\n         * @private\n         */\n        _createLabelForMask(mask) {\n            if (!mask || !this.options.maskLabelOnSelect) return;\n            this._removeLabelForMask(mask);\n            let textObj = null;\n            if (this.options.label && typeof this.options.label.create === 'function') {\n                textObj = this.options.label.create(mask, fabric);\n            }\n            if (!textObj) {\n                let txt = mask.maskName; // Default\n                let textOptions = {\n                    left: 0,\n                    top: 0,\n                    fontSize: 12,\n                    fill: '#fff',\n                    backgroundColor: 'rgba(0,0,0,0.7)',\n                    selectable: false,\n                    evented: false,\n                    padding: 2,\n                    originX: 'left',\n                    originY: 'top'\n                };\n                if (this.options.label) {\n                    if (typeof this.options.label.getText === 'function') {\n                        txt = this.options.label.getText(mask, this.maskCounter);\n                    }\n                    // Merge external styles\n                    if (this.options.label.textOptions) {\n                        Object.assign(textOptions, this.options.label.textOptions);\n                    }\n                }\n                textObj = new fabric.Text(txt, textOptions);\n            }\n\n            textObj.maskLabel = true;\n            mask.__label = textObj;\n            this.canvas.add(textObj);\n            this.canvas.bringToFront(textObj);\n            this._syncMaskLabel(mask);\n        }\n\n        /**\n         * Hides (removes) all mask labels from the canvas.\n         * Internal label references on mask objects are also deleted.\n         * @private\n         */\n        _hideAllMaskLabels() {\n            if (!this.canvas) return;\n            const objs = this.canvas.getObjects();\n            const labels = objs.filter(o => o.maskLabel);\n            labels.forEach(l => {\n                try {\n                    if (objs.includes(l)) this.canvas.remove(l);\n                } catch (e) { void e; }\n            });\n            objs.forEach(o => { if (o.maskId && o.__label) { try { delete o.__label; } catch (e) { void e; } } });\n        }\n\n        /**\n         * Synchronizes the position, angle, and visibility of the mask's label so that it appears properly above the mask.\n         * \n         * @param {fabric.Object} mask - The mask whose label should be repositioned.\n         * @private\n         */\n        _syncMaskLabel(mask) {\n            if (!mask) return;\n            if (!this.options.maskLabelOnSelect) return;\n            if (!mask.__label) return;\n\n            const coords = mask.getCoords ? mask.getCoords() : null;\n            if (!coords || coords.length < 4) return;\n\n            const tl = coords[0];\n            const center = mask.getCenterPoint();\n\n            const vx = center.x - tl.x;\n            const vy = center.y - tl.y;\n            const dist = Math.sqrt(vx * vx + vy * vy) || 1;\n            const ux = vx / dist;\n            const uy = vy / dist;\n\n            const offset = Math.max(0, this.options.maskLabelOffset ?? 3);\n\n            const px = tl.x + ux * offset;\n            const py = tl.y + uy * offset;\n\n            mask.__label.set({\n                left: Math.round(px),\n                top: Math.round(py),\n                angle: mask.angle || 0,\n                originX: 'left',\n                originY: 'top',\n                visible: true\n            });\n            mask.__label.setCoords();\n            this.canvas.renderAll();\n        }\n\n        /**\n         * Shows the label for the given mask, creating it if necessary and synchronizing its position.\n         * \n         * @param {fabric.Object} mask - The mask whose label should be shown.\n         * @private\n         */\n        _showLabelForMask(mask) {\n            if (!mask) return;\n            if (!this.options.maskLabelOnSelect) return;\n            if (!mask.__label) this._createLabelForMask(mask);\n            mask.__label.visible = true;\n            this._syncMaskLabel(mask);\n        }\n\n        /**\n         * Handles changes to the selection of canvas objects (masks),\n         * updates mask stroke and label display, and syncs mask list selection.\n         *\n         * @param {Array<Object>} selected - The currently selected objects (e.g. [mask] or []).\n         * @private\n         */\n        _onSelectionChanged(selected) {\n            const selectedMask = (selected || []).find(o => o.maskId);\n            const masks = this.canvas.getObjects().filter(o => o.maskId);\n            masks.forEach(m => {\n                if (m !== selectedMask) {\n                    if (m.__label) {\n                        try { this.canvas.remove(m.__label); } catch (e) { void e; }\n                        delete m.__label;\n                    }\n                    m.set({ stroke: '#ccc', strokeWidth: 1 });\n                } else {\n                    m.set({ stroke: '#ff0000', strokeWidth: 1 });\n                }\n            });\n\n            if (selectedMask) this._showLabelForMask(selectedMask);\n\n            this._updateMaskListSelection(selectedMask);\n            this.canvas.renderAll();\n            this._updateUI();\n        }\n\n        /**\n         * Updates the mask list in the DOM to reflect the current masks on the canvas.\n         * Each list entry becomes a clickable element for mask selection.\n         * @private\n         */\n        _updateMaskList() {\n            const listEl = document.getElementById(this.elements.maskList);\n            if (!listEl) return;\n            listEl.innerHTML = '';\n            const masks = this.canvas.getObjects().filter(o => o.maskId);\n            masks.forEach(mask => {\n                const li = document.createElement('li');\n                li.className = 'list-group-item mask-item';\n                li.textContent = mask.maskName;\n                li.onclick = () => { this.canvas.setActiveObject(mask); this._onSelectionChanged([mask]); };\n                listEl.appendChild(li);\n            });\n        }\n\n        /**\n         * Updates the visual selection (CSS 'active') state for the mask list in the DOM.\n         * \n         * @param {Object|null} selectedMask - The currently selected mask, or null if none selected.\n         * @private\n         */\n        _updateMaskListSelection(selectedMask) {\n            const listEl = document.getElementById(this.elements.maskList);\n            if (!listEl) return;\n            const items = listEl.querySelectorAll('.mask-item');\n            items.forEach(item => {\n                const isSelected = !!selectedMask && item.textContent === selectedMask.maskName;\n                item.classList.toggle('active', isSelected);\n            });\n        }\n\n        /**\n         * Merges current masks into the image: exports a masked/cropped image, removes all masks, and re-imports the merged image.\n         * Will not run if no original image or no masks exist.\n         * @async\n         * @returns {Promise<void>} Resolves when merge and load are complete.\n         */\n        async merge() {\n            if (!this.originalImage) return;\n            const masks = this.canvas.getObjects().filter(o => o.maskId);\n            if (!masks.length) return;\n\n            this.canvas.discardActiveObject();\n            this.canvas.renderAll();\n\n            try {\n                const merged = await this.getImageBase64({ exportImageArea: true, multiplier: this.options.exportMultiplier });\n                this.removeAllMasks();\n                await this.loadImage(merged);\n                this.saveState();\n            } catch (err) {\n                this._reportError('merge error', err);\n                if (this.canvasEl) this.canvasEl.style.visibility = '';\n            }\n        }\n\n        /**\n         * Triggers a JPEG image download of the current canvas (image plus masks if configured).\n         * The image area and multiplier are controlled by options.\n         * @param {string} [fileName=this.options.defaultDownloadFileName] - Desired download file name.\n         */\n        downloadImage(fileName = this.options.defaultDownloadFileName) {\n            if (!this.originalImage) return;\n            const exportImageArea = this.options.exportImageAreaByDefault;\n            this.getImageBase64({ exportImageArea, multiplier: this.options.exportMultiplier })\n                .then(base64 => {\n                    const link = document.createElement('a');\n                    link.download = fileName;\n                    link.href = base64;\n                    document.body.appendChild(link);\n                    link.click();\n                    document.body.removeChild(link);\n                })\n                .catch(err => this._reportError('download error', err));\n        }\n\n        /**\n         * Exports the image as a Base64-encoded JPEG.\n         * Can export either the original, or the current view including masks (clipped/cropped).\n         * Will restore masks' state after temporary modifications for export.\n         * @async\n         * @param {Object} [opts={}] - Export options.\n         * @param {boolean} [opts.exportImageArea] - If true, exports only the image bounding area with masks cropped and blended.\n         * @param {number} [opts.multiplier=1] - Scaling multiplier for output (resolution).\n         * @returns {Promise<string>} Promise resolving to a JPEG image data URL.\n         * @throws {Error} If there is no image loaded.\n         */\n        async getImageBase64(opts = {}) {\n            if (!this.originalImage) throw new Error('No image loaded');\n            const exportImageArea = typeof opts.exportImageArea === 'boolean' ? opts.exportImageArea : this.options.exportImageAreaByDefault;\n            const multiplier = opts.multiplier || this.options.exportMultiplier || 1;\n\n            if (!exportImageArea) {\n                // Export original image pixels\n                const imgEl = this.originalImage.getElement ? this.originalImage.getElement() : (this.originalImage._element || null);\n                if (!imgEl) return this.canvas.toDataURL({ format: 'jpeg', quality: this.options.downsampleQuality, multiplier });\n                const w = this.originalImage.width;\n                const h = this.originalImage.height;\n                const oc = document.createElement('canvas');\n                oc.width = w;\n                oc.height = h;\n                const ctx = oc.getContext('2d');\n                ctx.drawImage(imgEl, 0, 0, w, h);\n                return oc.toDataURL('image/jpeg', this.options.downsampleQuality);\n            }\n\n            // Export current scaled image area (masks clipped)\n            const masks = this.canvas.getObjects().filter(o => o.maskId);\n            const masksBackup = masks.map(m => ({\n                obj: m,\n                opacity: m.opacity,\n                fill: m.fill,\n                strokeWidth: m.strokeWidth,\n                stroke: m.stroke,\n                selectable: m.selectable,\n                lockRotation: m.lockRotation\n            }));\n\n            let finalBase64;\n            try {\n                // Remove labels, deselect\n                masks.forEach(m => this._removeLabelForMask(m));\n                this.canvas.discardActiveObject();\n                this.canvas.renderAll();\n\n                // Set masks to opaque black no border\n                masks.forEach(m => {\n                    m.set({ opacity: 1, fill: '#000000', strokeWidth: 0, stroke: null, selectable: false });\n                    m.setCoords();\n                });\n                this.canvas.renderAll();\n\n                // Compute integer bounding box for image\n                this.originalImage.setCoords();\n                const imgBr = this.originalImage.getBoundingRect(true, true);\n                const sx = Math.max(0, Math.round(imgBr.left));\n                const sy = Math.max(0, Math.round(imgBr.top));\n                const sw = Math.max(1, Math.round(imgBr.width));\n                const sh = Math.max(1, Math.round(imgBr.height));\n\n                // Crop precisely in offscreen canvas\n                finalBase64 = await new Promise((resolve, reject) => {\n                    try {\n                        const fullDataUrl = this.canvas.toDataURL({\n                            format: 'jpeg',\n                            quality: this.options.downsampleQuality,\n                            multiplier: multiplier\n                        });\n\n                        const img = new Image();\n                        img.onload = () => {\n                            try {\n                                const sxM = Math.round(sx * multiplier);\n                                const syM = Math.round(sy * multiplier);\n                                const swM = Math.round(sw * multiplier);\n                                const shM = Math.round(sh * multiplier);\n\n                                const oc = document.createElement('canvas');\n                                oc.width = swM;\n                                oc.height = shM;\n                                const ctx = oc.getContext('2d');\n\n                                ctx.drawImage(img, sxM, syM, swM, shM, 0, 0, swM, shM);\n                                const out = oc.toDataURL('image/jpeg', this.options.downsampleQuality);\n                                resolve(out);\n                            } catch (e) { reject(e); }\n                        };\n                        img.onerror = reject;\n                        img.src = fullDataUrl;\n                    } catch (e) { reject(e); }\n                });\n            } finally {\n                masksBackup.forEach(b => {\n                    try {\n                        b.obj.set({\n                            opacity: b.opacity,\n                            fill: b.fill,\n                            strokeWidth: b.strokeWidth,\n                            stroke: b.stroke,\n                            selectable: b.selectable,\n                            lockRotation: b.lockRotation\n                        });\n                        b.obj.setCoords();\n                    } catch (e) { void e; }\n                });\n\n                this.canvas.renderAll();\n            }\n\n            return finalBase64;\n        }\n\n        /**\n         * Exports the current canvas (with or without masks) as a File object.\n         * Allows you to choose whether to merge masks and specify file type (jpeg/png/webp).\n         * \n         * @async\n         * @param {Object} [opts={}] - Export options.\n         * @param {boolean} [opts.mergeMask=true] - If true, export image area with masks merged; if false, export the plain image without masks.\n         * @param {string} [opts.fileType='jpeg'] - Output file type ('jpeg' | 'png' | 'webp'). Defaults to 'jpeg' on invalid input.\n         * @param {number} [opts.quality=0.92] - Image quality for lossy types (0-1, default based on options.downsampleQuality).\n         * @param {number} [opts.multiplier=1] - Output resolution multiplier.\n         * @param {string} [opts.fileName] - Optional file name (only used for download).\n         * @returns {Promise<File>} Resolves with the exported image as a File object.\n         * \n         * @example\n         *   const file = await this.exportImageFile({ mergeMask: false, fileType: 'png' });\n         */\n        async exportImageFile(opts = {}) {\n            if (!this.originalImage) throw new Error('No image loaded');\n            const {\n                mergeMask = true,\n                fileType = 'jpeg',\n                quality = this.options.downsampleQuality ?? 0.92,\n                multiplier = this.options.exportMultiplier ?? 1,\n                fileName = this.options.defaultDownloadFileName ?? 'exported_image.jpg'\n            } = opts;\n\n            const typeMapping = {\n                'jpeg': 'jpeg',\n                'jpg': 'jpeg',\n                'image/jpeg': 'jpeg',\n                'png': 'png',\n                'image/png': 'png',\n                'webp': 'webp',\n                'image/webp': 'webp'\n            };\n            const safeFileType = typeMapping[String(fileType).toLowerCase()] || 'jpeg';\n\n            // Get Base64\n            let base64;\n            if (mergeMask) {\n                base64 = await this.getImageBase64({\n                    exportImageArea: true,\n                    multiplier,\n                });\n            } else {\n                base64 = await this.getImageBase64({\n                    exportImageArea: false,\n                    multiplier,\n                });\n            }\n\n            // Convert to the required image format\n            let imageDataUrl = base64;\n            if (!imageDataUrl.startsWith(`data:image/${safeFileType}`)) {\n                // Redraw if not required format\n                imageDataUrl = await new Promise((resolve, reject) => {\n                    const img = new window.Image();\n                    img.crossOrigin = \"Anonymous\";\n                    img.onload = () => {\n                        try {\n                            const oc = document.createElement('canvas');\n                            oc.width = img.width;\n                            oc.height = img.height;\n                            const ctx = oc.getContext('2d');\n                            ctx.drawImage(img, 0, 0);\n                            const durl = oc.toDataURL(`image/${safeFileType}`, quality);\n                            resolve(durl);\n                        } catch (e) { reject(e); }\n                    };\n                    img.onerror = reject;\n                    img.src = base64;\n                });\n            }\n\n            // Convert DataURL to Blob and then to File\n            const bstr = atob(imageDataUrl.split(',')[1]);\n            const mime = `image/${safeFileType}`;\n            let n = bstr.length;\n            const u8arr = new Uint8Array(n);\n            while (n--) {\n                u8arr[n] = bstr.charCodeAt(n);\n            }\n            const file = new File([u8arr], fileName, { type: mime });\n            return file;\n        }\n\n        /**\n         * Enter crop mode: create a resizable/movable selection rect on top of the image.\n         * @public\n         */\n        enterCropMode() {\n            if (!this.canvas || !this.originalImage || this._cropMode) return;\n            if (!this.isImageLoaded()) return;\n            this._cropMode = true;\n\n            // Disable canvas group selection to avoid accidental group selection while cropping\n            this._prevSelectionSetting = this.canvas.selection;\n            this.canvas.selection = false;\n\n            // Make sure no active object\n            this.canvas.discardActiveObject();\n\n            // Create initial crop rect centered on the image bounding box\n            this.originalImage.setCoords();\n            const imgBr = this.originalImage.getBoundingRect(true, true);\n            // Provide small inset so user can see a margin\n            const padding = (this.options.crop && this.options.crop.padding) ? this.options.crop.padding : 10;\n            const left = Math.max(0, Math.floor(imgBr.left + padding));\n            const top = Math.max(0, Math.floor(imgBr.top + padding));\n            const width = Math.min(this.options.crop.minWidth || 50, Math.floor(imgBr.width - padding * 2));\n            const height = Math.min(this.options.crop.minHeight || 50, Math.floor(imgBr.height - padding * 2));\n\n            // Visual style: translucent fill + dashed stroke\n            const cropRect = new fabric.Rect({\n                left, top,\n                width, height,\n                fill: 'rgba(0,0,0,0.12)',\n                stroke: '#00aaff',\n                strokeDashArray: [6, 4],\n                strokeWidth: 1,\n                strokeUniform: true,\n                selectable: true,\n                hasRotatingPoint: !!(this.options.crop && this.options.crop.allowRotationOfCropRect),\n                lockRotation: !(this.options.crop && this.options.crop.allowRotationOfCropRect),\n                cornerSize: 8,\n                objectCaching: false,\n                originX: 'left',\n                originY: 'top'\n            });\n\n            // Ensure the crop rect is above everything\n            this.canvas.add(cropRect);\n            cropRect.isCropRect = true;\n            this.canvas.bringToFront(cropRect);\n            this.canvas.setActiveObject(cropRect);\n\n            // Keep reference\n            this._cropRect = cropRect;\n\n            // While in crop mode: we want only the cropRect to be interactive\n            // but still allow moving/scaling it. To be safe, set other objects evented=false temporarily.\n            this._cropPrevEvented = [];\n            this.canvas.getObjects().forEach(o => {\n                if (o !== cropRect) {\n                    this._cropPrevEvented.push({ obj: o, evented: o.evented, selectable: o.selectable });\n                    try { o.evented = false; o.selectable = false; } catch (e) { void e; }\n                }\n            });\n\n            // When the crop rect changes, re-render\n            const onModified = () => { try { cropRect.setCoords(); this.canvas.requestRenderAll(); } catch (e) { void e; } };\n            cropRect.on('modified', onModified);\n            cropRect.on('moving', onModified);\n            cropRect.on('scaling', onModified);\n\n            // Keep handlers to remove later\n            this._cropHandlers.push({ target: cropRect, handlers: [{ evt: 'modified', fn: onModified }, { evt: 'moving', fn: onModified }, { evt: 'scaling', fn: onModified }] });\n\n            this._updateUI();\n            this.canvas.renderAll();\n        }\n\n        /**\n         * Cancel crop mode and remove the temporary selection rect.\n         * @public\n         */\n        cancelCrop() {\n            if (!this.canvas || !this._cropMode) return;\n            // Remove handlers if any and remove object\n            if (this._cropRect) {\n                try {\n                    if (this._cropHandlers && this._cropHandlers.length) {\n                        this._cropHandlers.forEach(h => {\n                            h.handlers.forEach(rec => h.target.off(rec.evt, rec.fn));\n                        });\n                    }\n                } catch (e) { void e; }\n\n                try { this.canvas.remove(this._cropRect); } catch (e) { void e; }\n                this._cropRect = null;\n            }\n            // restore evented/selectable flags\n            if (Array.isArray(this._cropPrevEvented)) {\n                this._cropPrevEvented.forEach(i => {\n                    try { i.obj.evented = i.evented; i.obj.selectable = i.selectable; } catch (e) { void e; }\n                });\n            }\n            this._cropPrevEvented = null;\n            this._cropHandlers = [];\n            this._cropMode = false;\n            // restore selection setting\n            this.canvas.selection = !!this._prevSelectionSetting;\n            this._prevSelectionSetting = undefined;\n\n            this.canvas.discardActiveObject();\n            this._updateUI();\n            this.canvas.renderAll();\n        }\n\n        /**\n         * Apply the current crop rectangle.\n         * remove all masks and export canvas snapshot and crop via offscreen canvas\n         * @public\n         */\n        async applyCrop() {\n            if (!this.canvas || !this._cropMode || !this._cropRect) return;\n\n            // Ensure crop rect coords are fresh\n            this._cropRect.setCoords();\n            const rectBounds = this._cropRect.getBoundingRect(true, true);\n\n            // Compute integer crop region clamped to canvas\n            const sx = Math.max(0, Math.round(rectBounds.left));\n            const sy = Math.max(0, Math.round(rectBounds.top));\n            const sw = Math.max(1, Math.round(Math.min(rectBounds.width, this.canvas.getWidth() - sx)));\n            const sh = Math.max(1, Math.round(Math.min(rectBounds.height, this.canvas.getHeight() - sy)));\n\n            // Include isCropRect in toJSON whitelist so we can detect and filter them out.\n            let beforeJson = null;\n            try {\n                const jsonObj = this.canvas.toJSON(['maskId', 'maskName', 'isCropRect']);\n                if (Array.isArray(jsonObj.objects)) {\n                    jsonObj.objects = jsonObj.objects.filter(o => !o.isCropRect);\n                }\n                beforeJson = JSON.stringify(jsonObj);\n            } catch (e) {\n                this._reportWarning('applyCrop: could not serialize before state', e);\n                beforeJson = null;\n            }\n\n\n            // Remove ALL un-merged masks so they won't be baked into exported pixels\n            try {\n                const masks = this.canvas.getObjects().filter(o => o.maskId);\n                if (masks && masks.length) {\n                    masks.forEach(m => {\n                        try {\n                            this._removeLabelForMask(m);\n                            this.canvas.remove(m);\n                        } catch (err) {\n                            this._reportWarning('applyCrop: failed to remove mask', err);\n                        }\n                    });\n                    this._lastMask = null;\n                    this._lastMaskInitialLeft = null;\n                    this._lastMaskInitialTop = null;\n                    this._lastMaskInitialWidth = null;\n                    this.canvas.discardActiveObject();\n                    this.canvas.renderAll();\n                }\n            } catch (e) {\n                this._reportWarning('applyCrop: error while removing masks', e);\n            }\n\n            try {\n                if (this._cropRect) {\n                    try {\n                        if (this._cropHandlers && this._cropHandlers.length) {\n                            this._cropHandlers.forEach(h => {\n                                h.handlers.forEach(rec => h.target.off(rec.evt, rec.fn));\n                            });\n                        }\n                    } catch (e) { void e; }\n                    try { this.canvas.remove(this._cropRect); } catch (e) { void e; }\n                    this._cropRect = null;\n                }\n            } catch (e) { void e; }\n\n            // End crop mode\n            this._cropMode = false;\n            this.canvas.selection = !!this._prevSelectionSetting;\n            this._prevSelectionSetting = undefined;\n\n            // Export full canvas and crop on offscreen canvas\n            let croppedBase64;\n            try {\n                const fullDataUrl = this.canvas.toDataURL({\n                    format: 'jpeg',\n                    quality: this.options.downsampleQuality || 0.92,\n                    multiplier: 1\n                });\n\n                croppedBase64 = await new Promise((resolve, reject) => {\n                    const img = new Image();\n                    img.onload = () => {\n                        try {\n                            const oc = document.createElement('canvas');\n                            oc.width = sw;\n                            oc.height = sh;\n                            const ctx = oc.getContext('2d');\n                            ctx.drawImage(img, sx, sy, sw, sh, 0, 0, sw, sh);\n                            const out = oc.toDataURL('image/jpeg', this.options.downsampleQuality || 0.92);\n                            resolve(out);\n                        } catch (err) {\n                            reject(err);\n                        }\n                    };\n                    img.onerror = (e) => reject(e);\n                    img.src = fullDataUrl;\n                });\n            } catch (e) {\n                this._reportError('applyCrop: failed to create cropped image', e);\n                this._updateUI();\n                return;\n            }\n\n            // Load the cropped image as the new base image\n            try {\n                await this.loadImage(croppedBase64);\n            } catch (e) {\n                this._reportError('applyCrop: loadImage(croppedBase64) failed', e);\n                this._updateUI();\n                return;\n            }\n\n            // Create \"after\" snapshot (also exclude crop rect if any) and push history command\n            let afterJson = null;\n            try {\n                const jsonObj2 = this.canvas.toJSON(['maskId', 'maskName', 'isCropRect']);\n                if (Array.isArray(jsonObj2.objects)) {\n                    jsonObj2.objects = jsonObj2.objects.filter(o => !o.isCropRect);\n                }\n                afterJson = JSON.stringify(jsonObj2);\n            } catch (e) {\n                this._reportWarning('applyCrop: failed to serialize after state', e);\n                afterJson = null;\n            }\n\n            try {\n                const self = this;\n                const cmd = new Command(\n                    () => { if (afterJson) self.loadFromState(afterJson); },\n                    () => { if (beforeJson) self.loadFromState(beforeJson); }\n                );\n\n                if (!this.historyManager) this.historyManager = new HistoryManager(this.maxHistorySize || 50);\n\n                // trim future redo history\n                if (this.historyManager.currentIndex < this.historyManager.history.length - 1) {\n                    this.historyManager.history = this.historyManager.history.slice(0, this.historyManager.currentIndex + 1);\n                }\n\n                this.historyManager.history.push(cmd);\n                if (this.historyManager.history.length > this.historyManager.maxSize) {\n                    this.historyManager.history.shift();\n                } else {\n                    this.historyManager.currentIndex++;\n                }\n            } catch (e) {\n                this._reportWarning('applyCrop: failed to push history command', e);\n            }\n\n            // Final UI update\n            this._updateUI();\n            this.canvas.renderAll();\n        }\n\n\n        /* ---------- Misc / UI ---------- */\n\n        /**\n         * Updates the scale input field in the UI to reflect the current scale.\n         * Sets the value (as percentage) if the element is present.\n         * @private\n         */\n        _updateInputs() {\n            const scaleEl = document.getElementById(this.elements.scaleRate);\n            if (scaleEl) scaleEl.value = Math.round(this.currentScale * 100);\n        }\n\n        /**\n         * Updates the enabled/disabled state of various UI controls (buttons)\n         * based on the current application state (image/mask presence, animation, etc).\n         * @private\n         */\n        _updateUI() {\n            const hasImg = !!this.originalImage;\n            const masks = hasImg ? this.canvas.getObjects().filter(o => o.maskId) : [];\n            const hasMasks = masks.length > 0;\n            const active = this.canvas.getActiveObject();\n            const hasSelectedMask = active && active.maskId;\n            const isDefault = this.currentScale === 1 && this.currentRotation === 0;\n            const canUndo = this.historyManager?.canUndo();\n            const canRedo = this.historyManager?.canRedo();\n            const inCrop = !!this._cropMode;\n\n            if (inCrop) {\n                // iterate all element keys and disable unless key is applyCropBtn or cancelCropBtn\n                for (const k of Object.keys(this.elements || {})) {\n                    const el = document.getElementById(this.elements[k]);\n                    if (!el) continue;\n                    if (k === 'applyCropBtn' || k === 'cancelCropBtn') {\n                        el.disabled = false;\n                    } else {\n                        el.disabled = true;\n                    }\n                }\n                return;\n            }\n\n            this._setDisabled('zoomInBtn', !hasImg || this.isAnimating || this.currentScale >= this.options.maxScale);\n            this._setDisabled('zoomOutBtn', !hasImg || this.isAnimating || this.currentScale <= this.options.minScale);\n            this._setDisabled('rotateLeftBtn', !hasImg || this.isAnimating);\n            this._setDisabled('rotateRightBtn', !hasImg || this.isAnimating);\n            this._setDisabled('addMaskBtn', !hasImg || this.isAnimating);\n            this._setDisabled('removeMaskBtn', !hasSelectedMask || this.isAnimating);\n            this._setDisabled('removeAllMasksBtn', !hasMasks || this.isAnimating);\n            this._setDisabled('mergeBtn', !hasImg || !hasMasks || this.isAnimating);\n            this._setDisabled('downloadBtn', !hasImg || this.isAnimating);\n            this._setDisabled('resetBtn', !hasImg || isDefault || this.isAnimating);\n            this._setDisabled('undoBtn', !hasImg || this.isAnimating || !canUndo);\n            this._setDisabled('redoBtn', !hasImg || this.isAnimating || !canRedo);\n            this._setDisabled('cropBtn', !hasImg || this.isAnimating);\n            this._setDisabled('applyCropBtn', true);\n            this._setDisabled('cancelCropBtn', true);\n        }\n\n        /**\n         * Enables or disables a specific UI element (typically a button) by its key.\n         * \n         * @param {string} key - Key of the element in this.elements (e.g. 'zoomInBtn').\n         * @param {boolean} disabled - If true, disables the element; otherwise enables.\n         * @private\n         */\n        _setDisabled(key, disabled) {\n            const el = document.getElementById(this.elements[key]);\n            if (el) el.disabled = !!disabled;\n        }\n\n        /**\n         * Automatically display and hide placeholders and containers based on the current image content\n         * @private\n         */\n        _updatePlaceholderStatus() {\n            if (!this.options.showPlaceholder) return;\n            this._setPlaceholderVisible(!this.originalImage);\n        }\n\n        /**\n         * Controls the display/hiding of the Placeholder and Canvas container.\n         * @param {boolean} show - true displays the placeholder, false displays the canvas container\n         * @private\n         */\n        _setPlaceholderVisible(show) {\n            if (!this.placeholderEl) return;\n            if (show) {\n                this.placeholderEl.classList.remove('d-none');\n                this.placeholderEl.classList.add('d-flex');\n                this.containerEl.classList.add('d-none');\n            } else {\n                this.placeholderEl.classList.remove('d-flex');\n                this.placeholderEl.classList.add('d-none');\n                this.containerEl.classList.remove('d-none');\n            }\n        }\n\n        /**\n         * Cleans up and disposes of the canvas and related references.\n         * Call this method to free memory and remove canvas listeners when the editor is no longer needed.\n         * @public\n         */\n        dispose() {\n            // Remove bound DOM event listeners\n            try {\n                for (const key in (this._boundHandlers || {})) {\n                    const handlers = this._boundHandlers[key] || [];\n                    const el = document.getElementById(this.elements[key]);\n                    if (!el) continue;\n                    handlers.forEach(h => {\n                        try { el.removeEventListener(h.event, h.handler); } catch (e) { void e; }\n                    });\n                }\n            } catch (e) { void e; }\n\n            if (this._cropRect) {\n                try { this.canvas.remove(this._cropRect); } catch (e) { void e; }\n                this._cropRect = null;\n            }\n\n            if (this.canvas) {\n                try { this.canvas.dispose(); } catch (e) { void e; }\n                this.canvas = null;\n                this.canvasEl = null;\n                this.isImageLoadedToCanvas = false;\n            }\n            this._boundHandlers = {};\n        }\n    }\n\n    /**\n     * A simple FIFO queue that guarantees animations are executed sequentially.\n     * @class AnimationQueue\n     */\n    class AnimationQueue {\n        /**\n         * Creates a new AnimationQueue.\n         *\n         * @constructor\n         */\n        constructor() {\n            /**\n             * Internal queue holding animation descriptors.\n             * @type {Array<{fn: Function, resolve: Function, reject: Function}>}\n             */\n            this.queue = [];\n            /**\n             * Flag indicating whether an animation is currently running.\n             * @type {boolean}\n             */\n            this.running = false;\n        }\n\n        /**\n         * Adds an animation function to the queue.\n         *\n         * @param   {Function} animationFn  A function that returns a Promise or any await-able.\n         * @returns {Promise<*>}            A Promise that resolves/rejects with the animation result.\n         */\n        async add(animationFn) {\n            return new Promise((resolve, reject) => {\n                // Push the animation into the queue.\n                this.queue.push({ fn: animationFn, resolve, reject });\n                // Start processing if it's not already running.\n                if (!this.running) {\n                    this.processQueue();\n                }\n            });\n        }\n\n        /**\n         * Internal helper that processes the animation queue sequentially until it is empty.\n         *\n         * @private\n         * @returns {Promise<void>}\n         */\n        async processQueue() {\n            if (this.queue.length === 0) {\n                this.running = false;\n                return;\n            }\n\n            this.running = true;\n            const { fn, resolve, reject } = this.queue.shift();\n\n            try {\n                const result = await fn();\n                resolve(result);\n            } catch (error) {\n                reject(error);\n            }\n\n            this.processQueue();\n        }\n    }\n\n    /**\n     * Command object encapsulating an executable action and its corresponding undo operation.\n     * @class Command\n     */\n    class Command {\n        /**\n         * @param {Function} execute  The function that performs the action.\n         * @param {Function} undo     The function that reverts the action.\n         */\n        constructor(execute, undo) {\n            /**\n             * Executes the command.\n             * @type {Function}\n             */\n            this.execute = execute;\n            /**\n             * Undoes the command.\n             * @type {Function}\n             */\n            this.undo = undo;\n        }\n    }\n\n    /**\n     * Manages a history of Command objects enabling undo/redo functionality.\n     * @class HistoryManager\n     */\n    class HistoryManager {\n        /**\n         * @param {number} [maxSize=50]  Maximum number of commands to keep in history.\n         */\n        constructor(maxSize = 50) {\n            this.history = [];\n            this.currentIndex = -1;\n            this.maxSize = maxSize;\n        }\n\n        /**\n         * Executes a new command and pushes it onto the history stack.\n         * Truncates any \"future\" history when branching.\n         *\n         * @param {Command} command  The command to execute.\n         * @returns {void}\n         */\n        execute(command) {\n            // Perform the command.\n            command.execute();\n\n            // Remove any commands that are ahead of the current index.\n            if (this.currentIndex < this.history.length - 1) {\n                this.history = this.history.slice(0, this.currentIndex + 1);\n            }\n\n            // Add the new command.\n            this.history.push(command);\n\n            // Maintain the max size of the buffer.\n            if (this.history.length > this.maxSize) {\n                this.history.shift(); // Remove the oldest command.\n            } else {\n                this.currentIndex++;\n            }\n        }\n\n        /**\n         * Checks whether an undo operation is possible.\n         *\n         * @returns {boolean}  True if undo can be performed.\n         */\n        canUndo() {\n            return this.currentIndex >= 0;\n        }\n\n        /**\n         * Checks whether a redo operation is possible.\n         *\n         * @returns {boolean}  True if redo can be performed.\n         */\n        canRedo() {\n            return this.currentIndex < this.history.length - 1;\n        }\n\n        /**\n         * Undoes the last executed command if possible.\n         *\n         * @returns {void}\n         */\n        undo() {\n            if (this.currentIndex >= 0) {\n                this.history[this.currentIndex].undo();\n                this.currentIndex--;\n            }\n        }\n\n        /**\n         * Redoes the next command in history if possible.\n         *\n         * @returns {void}\n         */\n        redo() {\n            if (this.currentIndex < this.history.length - 1) {\n                this.currentIndex++;\n                this.history[this.currentIndex].execute();\n            }\n        }\n    }\n\nexport { ImageEditor };\nexport default ImageEditor;\n"],
+  "mappings": "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",
+  "names": ["fabricInstance", "self"]
+}

package/dist/image-editor.esm.min.js

@@ -1,7 +1,7 @@
-var Z=(u,l)=>()=>(l||u((l={exports:{}}).exports,l),l.exports);var ae=Z((K,N)=>{function P(){/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */var u,l,I=typeof Symbol=="function"?Symbol:{},y=I.iterator||"@@iterator",S=I.toStringTag||"@@toStringTag";function o(s,d,m,k){var v=d&&d.prototype instanceof a?d:a,A=Object.create(v.prototype);return T(A,"_invoke",function(w,L,j){var O,b,h,g=0,p=j||[],f=!1,_={p:0,n:0,v:u,a:E,f:E.bind(u,4),d:function(C,M){return O=C,b=0,h=u,_.n=M,t}};function E(B,C){for(b=B,h=C,l=0;!f&&g&&!M&&l<p.length;l++){var M,x=p[l],W=_.p,R=x[2];B>3?(M=R===C)&&(h=x[(b=x[4])?5:(b=3,3)],x[4]=x[5]=u):x[0]<=W&&((M=B<2&&W<x[1])?(b=0,_.v=C,_.n=x[1]):W<R&&(M=B<3||x[0]>C||C>R)&&(x[4]=B,x[5]=C,_.n=R,b=0))}if(M||B>1)return t;throw f=!0,C}return function(B,C,M){if(g>1)throw TypeError("Generator is already running");for(f&&C===1&&E(C,M),b=C,h=M;(l=b<2?u:h)||!f;){O||(b?b<3?(b>1&&(_.n=-1),E(b,h)):_.n=h:_.v=h);try{if(g=2,O){if(b||(B="next"),l=O[B]){if(!(l=l.call(O,h)))throw TypeError("iterator result is not an object");if(!l.done)return l;h=l.value,b<2&&(b=0)}else b===1&&(l=O.return)&&l.call(O),b<2&&(h=TypeError("The iterator does not provide a '"+B+"' method"),b=1);O=u}else if((l=(f=_.n<0)?h:w.call(L,_))!==t)break}catch(x){O=u,b=1,h=x}finally{g=1}}return{value:l,done:f}}}(s,m,k),!0),A}var t={};function a(){}function n(){}function e(){}l=Object.getPrototypeOf;var i=[][y]?l(l([][y]())):(T(l={},y,function(){return this}),l),r=e.prototype=a.prototype=Object.create(i);function c(s){return Object.setPrototypeOf?Object.setPrototypeOf(s,e):(s.__proto__=e,T(s,S,"GeneratorFunction")),s.prototype=Object.create(r),s}return n.prototype=e,T(r,"constructor",e),T(e,"constructor",n),n.displayName="GeneratorFunction",T(e,S,"GeneratorFunction"),T(r),T(r,S,"Generator"),T(r,y,function(){return this}),T(r,"toString",function(){return"[object Generator]"}),(P=function(){return{w:o,m:c}})()}function T(u,l,I,y){var S=Object.defineProperty;try{S({},"",{})}catch{S=0}T=function(t,a,n,e){function i(r,c){T(t,r,function(s){return this._invoke(r,c,s)})}a?S?S(t,a,{value:n,enumerable:!e,configurable:!e,writable:!e}):t[a]=n:(i("next",0),i("throw",1),i("return",2))},T(u,l,I,y)}function $(u,l,I,y,S,o,t){try{var a=u[o](t),n=a.value}catch(e){return void I(e)}a.done?l(n):Promise.resolve(n).then(y,S)}function D(u){return function(){var l=this,I=arguments;return new Promise(function(y,S){var o=u.apply(l,I);function t(n){$(o,y,S,t,a,"next",n)}function a(n){$(o,y,S,t,a,"throw",n)}t(void 0)})}}function J(u,l){var I=Object.keys(u);if(Object.getOwnPropertySymbols){var y=Object.getOwnPropertySymbols(u);l&&(y=y.filter(function(S){return Object.getOwnPropertyDescriptor(u,S).enumerable})),I.push.apply(I,y)}return I}function H(u){for(var l=1;l<arguments.length;l++){var I=arguments[l]!=null?arguments[l]:{};l%2?J(Object(I),!0).forEach(function(y){ee(u,y,I[y])}):Object.getOwnPropertyDescriptors?Object.defineProperties(u,Object.getOwnPropertyDescriptors(I)):J(Object(I)).forEach(function(y){Object.defineProperty(u,y,Object.getOwnPropertyDescriptor(I,y))})}return u}function ee(u,l,I){return(l=Y(l))in u?Object.defineProperty(u,l,{value:I,enumerable:!0,configurable:!0,writable:!0}):u[l]=I,u}function z(u,l){if(!(u instanceof l))throw new TypeError("Cannot call a class as a function")}function X(u,l){for(var I=0;I<l.length;I++){var y=l[I];y.enumerable=y.enumerable||!1,y.configurable=!0,"value"in y&&(y.writable=!0),Object.defineProperty(u,Y(y.key),y)}}function Q(u,l,I){return l&&X(u.prototype,l),I&&X(u,I),Object.defineProperty(u,"prototype",{writable:!1}),u}function Y(u){var l=te(u,"string");return F(l)=="symbol"?l:l+""}function te(u,l){if(F(u)!="object"||!u)return u;var I=u[Symbol.toPrimitive];if(I!==void 0){var y=I.call(u,l||"default");if(F(y)!="object")return y;throw new TypeError("@@toPrimitive must return a primitive value.")}return(l==="string"?String:Number)(u)}function F(u){"@babel/helpers - typeof";return F=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(l){return typeof l}:function(l){return l&&typeof Symbol=="function"&&l.constructor===Symbol&&l!==Symbol.prototype?"symbol":typeof l},F(u)}/**
+import x from"fabric";/**
  * @file image-editor.js
  * @module image-editor
- * @version 1.2.0
+ * @version 1.2.1
  * @author Ben Situ
  * @license MIT
  * @description Lightweight canvas-based image editor with masking/transform/export support.
@@ -10,5 +10,5 @@ var Z=(u,l)=>()=>(l||u((l={exports:{}}).exports,l),l.exports);var ae=Z((K,N)=>{f
  * It is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;
  * without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
  * See the license files for details.
- */(function(u,l){typeof define=="function"&&define.amd?define([],l):(typeof N>"u"?"undefined":F(N))==="object"&&N.exports?N.exports=l():u.ImageEditor=l()})(typeof self<"u"?self:K,function(){"use strict";var u=function(){function S(){var o=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};z(this,S),this._fabricLoaded=typeof fabric<"u",this._fabricLoaded||console.error("fabric.js is not loaded. Please include fabric.js first. Initialization will be aborted."),this.options=H({canvasWidth:800,canvasHeight:600,backgroundColor:"transparent",animationDuration:300,minScale:.1,maxScale:5,scaleStep:.05,rotationStep:90,expandCanvasToImage:!0,fitImageToCanvas:!1,coverImageToCanvas:!1,downsampleOnLoad:!0,downsampleMaxWidth:4e3,downsampleMaxHeight:3e3,downsampleQuality:.92,exportMultiplier:1,exportImageAreaByDefault:!0,defaultMaskWidth:50,defaultMaskHeight:80,maskRotatable:!1,maskLabelOnSelect:!0,maskLabelOffset:3,maskName:"mask",groupSelection:!1,showPlaceholder:!0,initialImageBase64:null,defaultDownloadFileName:"edited_image.jpg"},o),this.options.label={getText:function(a,n){return a.maskName},textOptions:{fontSize:12,fill:"#fff",backgroundColor:"rgba(0,0,0,0.7)",padding:2,fontFamily:"monospace",fontWeight:"bold",selectable:!1,evented:!1,originX:"left",originY:"top"}},this.options.crop={minWidth:100,minHeight:100,padding:10,hideMasksDuringCrop:!0,preserveMasksAfterCrop:!0,allowRotationOfCropRect:!1},this.canvas=null,this.canvasEl=null,this.containerEl=null,this.placeholderEl=null,this.originalImage=null,this.baseImageScale=1,this.currentScale=1,this.currentRotation=0,this.maskCounter=0,this.isAnimating=!1,this.elements={},this.isImageLoadedToCanvas=!1,this.maxHistorySize=50,this._boundHandlers={},this._lastMaskInitialLeft=null,this._lastMaskInitialTop=null,this._lastMaskInitialWidth=null,this._cropMode=!1,this._cropRect=null,this._cropHandlers=[],this.onImageLoaded=typeof o.onImageLoaded=="function"?o.onImageLoaded:null,this.animQueue=new l,this.historyManager=new y(this.maxHistorySize)}return Q(S,[{key:"init",value:function(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};if(this._fabricLoaded){var a={canvas:"fabricCanvas",canvasContainer:null,imgPlaceholder:"imgPlaceholder",scaleRate:"scaleRate",rotationLeftInput:"rotationLeftInput",rotationRightInput:"rotationRightInput",rotateLeftBtn:"rotateLeftBtn",rotateRightBtn:"rotateRightBtn",addMaskBtn:"addMaskBtn",removeMaskBtn:"removeMaskBtn",removeAllMasksBtn:"removeAllMasksBtn",mergeBtn:"mergeBtn",downloadBtn:"downloadBtn",maskList:"maskList",zoomInBtn:"zoomInBtn",zoomOutBtn:"zoomOutBtn",resetBtn:"resetBtn",undoBtn:"undoBtn",redoBtn:"redoBtn",imageInput:"imageInput",cropBtn:"cropBtn",applyCropBtn:"applyCropBtn",cancelCropBtn:"cancelCropBtn"};this.elements=H(H({},a),t),this._initCanvas(),this._bindEvents(),this._updateInputs(),this._updateMaskList(),this._updateUI(),this.options.initialImageBase64?this.loadImage(this.options.initialImageBase64):this._updatePlaceholderStatus()}}},{key:"_initCanvas",value:function(){var t=this,a=document.getElementById(this.elements.canvas);if(!a)throw new Error("Canvas is not found: "+this.elements.canvas);if(this.canvasEl=a,this.elements.canvasContainer){var n=document.getElementById(this.elements.canvasContainer);this.containerEl=n||a.parentElement}else this.containerEl=a.parentElement;this.placeholderEl=document.getElementById(this.elements.imgPlaceholder)||null;var e=this.options.canvasWidth,i=this.options.canvasHeight;if(this.containerEl){var r=Math.floor(this.containerEl.clientWidth),c=Math.floor(this.containerEl.clientHeight);r>0&&c>0&&(e=r,i=c)}this.canvas=new fabric.Canvas(a,{width:e,height:i,backgroundColor:this.options.backgroundColor,selection:this.options.groupSelection,preserveObjectStacking:!0}),this.canvas.on("selection:created",function(s){return t._onSelectionChanged(s.selected)}),this.canvas.on("selection:updated",function(s){return t._onSelectionChanged(s.selected)}),this.canvas.on("selection:cleared",function(){return t._onSelectionChanged([])}),this.canvas.on("object:moving",function(s){s.target&&s.target.maskId&&t._syncMaskLabel(s.target)}),this.canvas.on("object:scaling",function(s){s.target&&s.target.maskId&&t._syncMaskLabel(s.target)}),this.canvas.on("object:rotating",function(s){s.target&&s.target.maskId&&t._syncMaskLabel(s.target)}),this.canvas.on("object:modified",function(s){s.target&&s.target.maskId&&t._syncMaskLabel(s.target)}),this.canvasEl.style.display="block"}},{key:"_bindEvents",value:function(){var t=this;this._bindIfExists("uploadArea","click",function(){var i;return(i=document.getElementById(t.elements.imageInput))===null||i===void 0?void 0:i.click()});var a=document.getElementById(this.elements.imageInput);a&&a.addEventListener("change",function(i){var r=i.target.files&&i.target.files[0];r&&t._loadImageFile(r)}),this._bindIfExists("zoomInBtn","click",function(){return t.scaleImage(t.currentScale+t.options.scaleStep)}),this._bindIfExists("zoomOutBtn","click",function(){return t.scaleImage(t.currentScale-t.options.scaleStep)}),this._bindIfExists("resetBtn","click",function(){t.reset()}),this._bindIfExists("addMaskBtn","click",function(){return t.addMask()}),this._bindIfExists("removeMaskBtn","click",function(){return t.removeSelectedMask()}),this._bindIfExists("removeAllMasksBtn","click",function(){return t.removeAllMasks()}),this._bindIfExists("mergeBtn","click",function(){return t.merge()}),this._bindIfExists("downloadBtn","click",function(){return t.downloadImage()}),this._bindIfExists("undoBtn","click",function(){return t.undo()}),this._bindIfExists("redoBtn","click",function(){return t.redo()});var n=document.getElementById(this.elements.rotateLeftBtn),e=document.getElementById(this.elements.rotateRightBtn);n&&n.addEventListener("click",function(){var i=document.getElementById(t.elements.rotationLeftInput),r=t.options.rotationStep;if(i){var c=parseFloat(i.value);isNaN(c)||(r=c)}t.rotateImage(t.currentRotation-r)}),e&&e.addEventListener("click",function(){var i=document.getElementById(t.elements.rotationRightInput),r=t.options.rotationStep;if(i){var c=parseFloat(i.value);isNaN(c)||(r=c)}t.rotateImage(t.currentRotation+r)}),this._bindIfExists("cropBtn","click",function(){return t.enterCropMode()}),this._bindIfExists("applyCropBtn","click",function(){t.applyCrop().catch(function(i){return console.error("applyCrop failed",i)})}),this._bindIfExists("cancelCropBtn","click",function(){return t.cancelCrop()})}},{key:"_bindIfExists",value:function(t,a,n){var e=document.getElementById(this.elements[t]);e&&(e.addEventListener(a,n),this._boundHandlers=this._boundHandlers||{},this._boundHandlers[t]||(this._boundHandlers[t]=[]),this._boundHandlers[t].push({event:a,handler:n}))}},{key:"_loadImageFile",value:function(t){var a=this;if(!(!t||!t.type.startsWith("image/"))){var n=new FileReader;n.onload=function(e){return a.loadImage(e.target.result)},n.onerror=function(e){console.error("[ImageEditor: fileReadError]",e)},n.readAsDataURL(t)}}},{key:"loadImage",value:function(){var o=D(P().m(function a(n){var e=this,i,r,c,s,d,m;return P().w(function(k){for(;;)switch(k.n){case 0:if(this._fabricLoaded){k.n=1;break}return k.a(2);case 1:if(!(!n||typeof n!="string"||!n.startsWith("data:image/"))){k.n=2;break}return k.a(2);case 2:return this._setPlaceholderVisible(!1),k.n=3,this._createImageElement(n);case 3:i=k.v,r=n,this.options.downsampleOnLoad&&(c=i.naturalWidth>this.options.downsampleMaxWidth||i.naturalHeight>this.options.downsampleMaxHeight,c&&(s=Math.min(this.options.downsampleMaxWidth/i.naturalWidth,this.options.downsampleMaxHeight/i.naturalHeight),d=Math.round(i.naturalWidth*s),m=Math.round(i.naturalHeight*s),r=this._resampleImageToDataURL(i,d,m,this.options.downsampleQuality))),fabric.Image.fromURL(r,function(v){e.canvas.discardActiveObject(),e._hideAllMaskLabels(),e.canvas.clear(),e.canvas.setBackgroundColor(e.options.backgroundColor,e.canvas.renderAll.bind(e.canvas)),v.set({originX:"left",originY:"top",selectable:!1,evented:!1});var A=v.width,w=v.height,L=e.containerEl?Math.floor(e.containerEl.clientWidth||e.options.canvasWidth):e.options.canvasWidth,j=e.containerEl?Math.floor(e.containerEl.clientHeight||e.options.canvasHeight):e.options.canvasHeight;if(e.options.fitImageToCanvas){var O=Math.max(1,Math.min(e.options.canvasWidth,L)-1),b=Math.max(1,Math.min(e.options.canvasHeight,j)-1);e._setCanvasSizeInt(O,b);var h=Math.min(O/A,b/w,1);v.set({left:0,top:0}),v.scale(h),e.baseImageScale=v.scaleX||1}else if(e.options.coverImageToCanvas){var g=Math.max(e.options.canvasWidth,L),p=Math.max(e.options.canvasHeight,j);e._setCanvasSizeInt(g,p);var f=Math.min(1,Math.max(g/A,p/w));v.set({left:0,top:0}),v.scale(f),e.baseImageScale=v.scaleX||1}else if(e.options.expandCanvasToImage){var _=Math.max(L,Math.floor(A)),E=Math.max(j,Math.floor(w));e._setCanvasSizeInt(_,E),v.set({left:0,top:0}),v.scale(1),e.baseImageScale=1}else{var B=Math.max(e.options.canvasWidth,L),C=Math.max(e.options.canvasHeight,j);e._setCanvasSizeInt(B,C);var M=Math.min(B/A,C/w,1);v.set({left:0,top:0}),v.scale(M),e.baseImageScale=v.scaleX||1}e.originalImage=v,e.canvas.add(v),e.canvas.sendToBack(v),e._lastMaskInitialLeft=null,e._lastMaskInitialTop=null,e._lastMaskInitialWidth=null,e.maskCounter=0,e.currentScale=1,e.currentRotation=0,e._updateInputs(),e._updateMaskList(),e._updateUI(),e.canvas.renderAll(),e.isImageLoadedToCanvas=!0,typeof e.onImageLoaded=="function"&&e.onImageLoaded()},{crossOrigin:"anonymous"});case 4:return k.a(2)}},a,this)}));function t(a){return o.apply(this,arguments)}return t}()},{key:"isImageLoaded",value:function(){return!!(this.originalImage&&this.originalImage instanceof fabric.Image&&this.originalImage.width>0&&this.originalImage.height>0)}},{key:"_createImageElement",value:function(t){return new Promise(function(a,n){var e=new Image;e.onload=function(){e.onload=null,e.onerror=null,a(e)},e.onerror=function(i){e.onload=null,e.onerror=null,n(i)},e.src=t})}},{key:"_resampleImageToDataURL",value:function(t,a,n){var e=arguments.length>3&&arguments[3]!==void 0?arguments[3]:.92,i=document.createElement("canvas");i.width=a,i.height=n;var r=i.getContext("2d");return r.drawImage(t,0,0,t.naturalWidth,t.naturalHeight,0,0,a,n),i.toDataURL("image/jpeg",e)}},{key:"_setCanvasSizeInt",value:function(t,a){var n=Math.max(1,Math.round(Number(t)||1)),e=Math.max(1,Math.round(Number(a)||1));this.canvas.setWidth(n),this.canvas.setHeight(e),typeof this.canvas.calcOffset=="function"&&this.canvas.calcOffset(),this.canvasEl&&(this.canvasEl.style.width=n+"px",this.canvasEl.style.height=e+"px",this.canvasEl.style.maxWidth="none")}},{key:"_getObjectTopLeftPoint",value:function(t){if(!t)return{x:0,y:0};t.setCoords();var a=typeof t.getCoords=="function"?t.getCoords():null;if(a&&a.length)return a[0];var n=t.getBoundingRect(!0,!0);return{x:n.left,y:n.top}}},{key:"_setObjectOriginKeepingPosition",value:function(t,a,n,e){!t||!e||!t.setPositionByOrigin||(t.set({originX:a,originY:n}),t.setPositionByOrigin(e,a,n),t.setCoords())}},{key:"_alignObjectBoundingBoxToCanvasTopLeft",value:function(t){if(t){t.setCoords();var a=t.getBoundingRect(!0,!0),n=a.left,e=a.top;t.set({left:(t.left||0)-n,top:(t.top||0)-e}),t.setCoords(),this.canvas.renderAll()}}},{key:"_updateCanvasSizeToImageBounds",value:function(){if(this.originalImage){this.originalImage.setCoords();var t=this.originalImage.getBoundingRect(!0,!0),a=this.containerEl?Math.ceil(this.containerEl.clientWidth||0):0,n=this.containerEl?Math.ceil(this.containerEl.clientHeight||0):0;if(a>0&&n>0&&t.width<=a&&t.height<=n){this._setCanvasSizeInt(a,n);return}var e=Math.max(a||0,Math.floor(t.width)),i=Math.max(n||0,Math.floor(t.height));this._setCanvasSizeInt(e,i)}}},{key:"scaleImage",value:function(t){var a=this;return this.animQueue.add(function(){return a._scaleImageImpl(t)})}},{key:"_scaleImageImpl",value:function(t){var a=this;if(!this.originalImage||this.isAnimating)return Promise.resolve();t=Math.max(this.options.minScale,Math.min(this.options.maxScale,t)),this.currentScale=t,this.isAnimating=!0,this._updateUI();var n=this.baseImageScale*t,e=this._getObjectTopLeftPoint(this.originalImage);this._setObjectOriginKeepingPosition(this.originalImage,"left","top",e);var i=new Promise(function(c){a.originalImage.animate("scaleX",n,{duration:a.options.animationDuration,onChange:a.canvas.renderAll.bind(a.canvas),onComplete:c})}),r=new Promise(function(c){a.originalImage.animate("scaleY",n,{duration:a.options.animationDuration,onChange:a.canvas.renderAll.bind(a.canvas),onComplete:c})});return Promise.all([i,r]).then(function(){a.originalImage.set({scaleX:n,scaleY:n}),a.originalImage.setCoords(),a.options.expandCanvasToImage&&a._updateCanvasSizeToImageBounds(),a._alignObjectBoundingBoxToCanvasTopLeft(a.originalImage),a.canvas.getObjects().forEach(function(c){c.maskId&&a._syncMaskLabel(c)}),a.isAnimating=!1,a._updateInputs(),a._updateUI(),a.saveState()}).catch(function(){a.isAnimating=!1,a._updateUI()})}},{key:"rotateImage",value:function(t){var a=this;return this.animQueue.add(function(){return a._rotateImageImpl(t)})}},{key:"_rotateImageImpl",value:function(t){var a=this;if(!this.originalImage||this.isAnimating||isNaN(t))return Promise.resolve();this.currentRotation=t,this.isAnimating=!0,this._updateUI();var n=this.originalImage.getCenterPoint();this._setObjectOriginKeepingPosition(this.originalImage,"center","center",n);var e=new Promise(function(i){a.originalImage.animate("angle",t,{duration:a.options.animationDuration,onChange:a.canvas.renderAll.bind(a.canvas),onComplete:i})});return e.then(function(){a.originalImage.set("angle",t),a.originalImage.setCoords(),a.options.expandCanvasToImage&&a._updateCanvasSizeToImageBounds(),a._alignObjectBoundingBoxToCanvasTopLeft(a.originalImage);var i=a._getObjectTopLeftPoint(a.originalImage);a._setObjectOriginKeepingPosition(a.originalImage,"left","top",i),a.canvas.getObjects().forEach(function(r){r.maskId&&a._syncMaskLabel(r)}),a.isAnimating=!1,a._updateInputs(),a._updateUI(),a.saveState()}).catch(function(){a.isAnimating=!1,a._updateUI()})}},{key:"reset",value:function(){var t=this;return this.originalImage?this.scaleImage(1).then(function(){return t.rotateImage(0)}).then(function(){t.saveState()}).catch(function(a){console.error("reset() failed",a)}):Promise.resolve()}},{key:"loadFromState",value:function(t){var a=this;if(!(!t||!this.canvas))try{var n=typeof t=="string"?JSON.parse(t):t;this.canvas.loadFromJSON(n,function(){a._hideAllMaskLabels();var e=a.canvas.getObjects();a.originalImage=e.find(function(r){return r.type==="image"&&!r.maskId})||null,a.originalImage.set({originX:"left",originY:"top",selectable:!1,evented:!1,hasControls:!1,hoverCursor:"default"}),a.canvas.sendToBack(a.originalImage);var i=e.filter(function(r){return r.maskId});a.maskCounter=i.reduce(function(r,c){return Math.max(r,c.maskId)},0),a.canvas.renderAll(),a._updateMaskList(),a._updateUI()})}catch(e){console.error("loadFromState() failed",e)}}},{key:"saveState",value:function(){var t=this;if(this.canvas){var a=this.canvas.getActiveObject();this._hideAllMaskLabels();try{var n=this.canvas.toJSON(["maskId","maskName","isCropRect"]);Array.isArray(n.objects)&&(n.objects=n.objects.filter(function(s){return!s.isCropRect}));var e=JSON.stringify(n),i=this._lastSnapshot||e,r=!1,c=new I(function(){r&&t.loadFromState(e),r=!0},function(){t.loadFromState(i)});this.historyManager.execute(c),this._lastSnapshot=e,a&&a.maskId&&this._showLabelForMask(a),this._updateUI()}catch(s){console.warn("saveState: failed to save canvas snapshot",s)}}}},{key:"undo",value:function(){this.historyManager.undo()}},{key:"redo",value:function(){this.historyManager.redo()}},{key:"addMask",value:function(){var t=this,a=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};if(!this.canvas)return null;var n=a.shape||"rect",e=H({shape:n,width:this.options.defaultMaskWidth,height:this.options.defaultMaskHeight,color:"rgba(0,0,0,0.5)",alpha:.5,gap:5,left:void 0,top:void 0,angle:0,selectable:!0},a),i=10,r=i,c=i,s=function(E,B){if(typeof E=="function")return E(t.canvas,t.options);if(typeof E=="string"&&E.endsWith("%")){var C=parseFloat(E)/100;return Math.floor((t.canvas?t.canvas.getWidth():0)*C)}return E??B};if(e.left===void 0&&this._lastMask){var d,m=this._lastMask,k=m.left;if(m.getScaledWidth)k+=m.getScaledWidth();else if(m.width){var v;k+=m.width*((v=m.scaleX)!==null&&v!==void 0?v:1)}r=Math.round(k+e.gap),c=(d=m.top)!==null&&d!==void 0?d:i}else r=s(e.left,i),c=s(e.top,i);if(e.width=s(e.width,this.options.defaultMaskWidth),e.height=s(e.height,this.options.defaultMaskHeight),this.options.expandCanvasToImage&&n==="rect"){var A=Math.ceil(r+e.width+10),w=Math.ceil(c+e.height+10),L=this.containerEl?Math.floor(this.containerEl.clientWidth||0):0,j=this.containerEl?Math.floor(this.containerEl.clientHeight||0):0,O=Math.max(this.canvas.getWidth(),L,A),b=Math.max(this.canvas.getHeight(),j,w);this._setCanvasSizeInt(O,b)}var h;if(typeof e.fabricGenerator=="function")h=e.fabricGenerator(e,this.canvas,this.options);else switch(n){case"circle":h=new fabric.Circle(H({left:r,top:c,radius:s(e.radius,Math.min(e.width,e.height)/2),fill:e.color,opacity:e.alpha,angle:e.angle},e.styles));break;case"ellipse":h=new fabric.Ellipse(H({left:r,top:c,rx:s(e.rx,e.width/2),ry:s(e.ry,e.height/2),fill:e.color,opacity:e.alpha,angle:e.angle},e.styles));break;case"polygon":var g=e.points||[];Array.isArray(g)&&g.length&&F(g[0])==="object"&&(g=g.map(function(_){return{x:Number(_.x),y:Number(_.y)}})),h=new fabric.Polygon(g,H({left:r,top:c,fill:e.color,opacity:e.alpha,angle:e.angle},e.styles));break;case"rect":default:h=new fabric.Rect(H({left:r,top:c,width:s(e.width,this.options.defaultMaskWidth),height:s(e.height,this.options.defaultMaskHeight),fill:e.color,opacity:e.alpha,angle:e.angle,rx:e.rx,ry:e.ry},e.styles))}h.selectable=e.selectable!==!1,h.hasControls="hasControls"in e?e.hasControls:!0,h.lockRotation=!this.options.maskRotatable,h.borderColor=e.borderColor||"red",h.cornerColor=e.cornerColor||"black",h.cornerSize=e.cornerSize||8,h.transparentCorners="transparentCorners"in e?e.transparentCorners:!1,h.stroke=e.styles&&e.styles.stroke||"#ccc",h.strokeWidth=e.styles&&e.styles.strokeWidth||1,h.strokeUniform="strokeUniform"in e?e.strokeUniform:!0,e.styles&&e.styles.strokeDashArray&&(h.strokeDashArray=e.styles.strokeDashArray),h.originalAlpha=e.alpha;var p={stroke:h.stroke,strokeWidth:h.strokeWidth,opacity:h.originalAlpha},f={stroke:"#ff5500",strokeWidth:2,opacity:Math.min(h.originalAlpha+.2,1)};return h.on("mouseover",function(){h.set(f),h.canvas.requestRenderAll()}),h.on("mouseout",function(){h.set(p),h.canvas.requestRenderAll()}),this._lastMaskInitialLeft=r,this._lastMaskInitialTop=c,this._lastMaskInitialWidth=s(e.width,this.options.defaultMaskWidth),h.maskId=++this.maskCounter,h.maskName="".concat(this.options.maskName).concat(h.maskId),this._lastMask=h,this.canvas.add(h),this.canvas.bringToFront(h),e.selectable&&this.canvas.setActiveObject(h),this._onSelectionChanged([h]),this._updateMaskList(),this._updateUI(),this.canvas.renderAll(),this.saveState(),typeof e.onCreate=="function"&&e.onCreate(h,this.canvas),h}},{key:"removeSelectedMask",value:function(){var t=this.canvas.getActiveObject();!t||!t.maskId||(this._removeLabelForMask(t),this.canvas.remove(t),this.canvas.discardActiveObject(),this._updateMaskList(),this._updateUI(),this.canvas.renderAll(),this.saveState())}},{key:"removeAllMasks",value:function(){var t=this,a=this.canvas.getObjects().filter(function(n){return n.maskId});a.forEach(function(n){return t._removeLabelForMask(n)}),a.forEach(function(n){return t.canvas.remove(n)}),this.canvas.discardActiveObject(),this._lastMaskInitialLeft=null,this._lastMaskInitialTop=null,this._lastMaskInitialWidth=null,this._updateMaskList(),this._updateUI(),this.canvas.renderAll(),this.saveState()}},{key:"_removeLabelForMask",value:function(t){if(!(!t||!this.canvas)&&t.__label){try{var a=this.canvas.getObjects();a.includes(t.__label)&&this.canvas.remove(t.__label)}catch{}try{delete t.__label}catch{}}}},{key:"_createLabelForMask",value:function(t){if(!(!t||!this.options.maskLabelOnSelect)){this._removeLabelForMask(t);var a=null;if(this.options.label&&typeof this.options.label.create=="function"&&(a=this.options.label.create(t,fabric)),!a){var n=t.maskName,e={left:0,top:0,fontSize:12,fill:"#fff",backgroundColor:"rgba(0,0,0,0.7)",selectable:!1,evented:!1,padding:2,originX:"left",originY:"top"};this.options.label&&(typeof this.options.label.getText=="function"&&(n=this.options.label.getText(t,this.maskCounter)),this.options.label.textOptions&&Object.assign(e,this.options.label.textOptions)),a=new fabric.Text(n,e)}a.maskLabel=!0,t.__label=a,this.canvas.add(a),this.canvas.bringToFront(a),this._syncMaskLabel(t)}}},{key:"_hideAllMaskLabels",value:function(){var t=this;if(this.canvas){var a=this.canvas.getObjects(),n=a.filter(function(e){return e.maskLabel});n.forEach(function(e){try{a.includes(e)&&t.canvas.remove(e)}catch{}}),a.forEach(function(e){if(e.maskId&&e.__label)try{delete e.__label}catch{}})}}},{key:"_syncMaskLabel",value:function(t){var a;if(t&&this.options.maskLabelOnSelect&&t.__label){var n=t.getCoords?t.getCoords():null;if(!(!n||n.length<4)){var e=n[0],i=t.getCenterPoint(),r=i.x-e.x,c=i.y-e.y,s=Math.sqrt(r*r+c*c)||1,d=r/s,m=c/s,k=Math.max(0,(a=this.options.maskLabelOffset)!==null&&a!==void 0?a:3),v=e.x+d*k,A=e.y+m*k;t.__label.set({left:Math.round(v),top:Math.round(A),angle:t.angle||0,originX:"left",originY:"top",visible:!0}),t.__label.setCoords(),this.canvas.renderAll()}}}},{key:"_showLabelForMask",value:function(t){t&&this.options.maskLabelOnSelect&&(t.__label||this._createLabelForMask(t),t.__label.visible=!0,this._syncMaskLabel(t))}},{key:"_onSelectionChanged",value:function(t){var a=this,n=(t||[]).find(function(i){return i.maskId}),e=this.canvas.getObjects().filter(function(i){return i.maskId});e.forEach(function(i){if(i!==n){if(i.__label){try{a.canvas.remove(i.__label)}catch{}delete i.__label}i.set({stroke:"#ccc",strokeWidth:1})}else i.set({stroke:"#ff0000",strokeWidth:1})}),n&&this._showLabelForMask(n),this._updateMaskListSelection(n),this.canvas.renderAll(),this._updateUI()}},{key:"_updateMaskList",value:function(){var t=this,a=document.getElementById(this.elements.maskList);if(a){a.innerHTML="";var n=this.canvas.getObjects().filter(function(e){return e.maskId});n.forEach(function(e){var i=document.createElement("li");i.className="list-group-item mask-item",i.textContent=e.maskName,i.onclick=function(){t.canvas.setActiveObject(e),t._onSelectionChanged([e])},a.appendChild(i)})}}},{key:"_updateMaskListSelection",value:function(t){var a=document.getElementById(this.elements.maskList);if(a){var n=a.querySelectorAll(".mask-item");n.forEach(function(e){var i=!!t&&e.textContent===t.maskName;e.classList.toggle("active",i)})}}},{key:"merge",value:function(){var o=D(P().m(function a(){var n,e,i;return P().w(function(r){for(;;)switch(r.p=r.n){case 0:if(this.originalImage){r.n=1;break}return r.a(2);case 1:if(n=this.canvas.getObjects().filter(function(c){return c.maskId}),n.length){r.n=2;break}return r.a(2);case 2:return this.canvas.discardActiveObject(),this.canvas.renderAll(),r.p=3,r.n=4,this.getImageBase64({exportImageArea:!0,multiplier:this.options.exportMultiplier});case 4:return e=r.v,this.removeAllMasks(),r.n=5,this.loadImage(e);case 5:this.saveState(),r.n=7;break;case 6:r.p=6,i=r.v,console.error("merge error",i),this.canvasEl&&(this.canvasEl.style.visibility="");case 7:return r.a(2)}},a,this,[[3,6]])}));function t(){return o.apply(this,arguments)}return t}()},{key:"downloadImage",value:function(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:this.options.defaultDownloadFileName;if(this.originalImage){var a=this.options.exportImageAreaByDefault;this.getImageBase64({exportImageArea:a,multiplier:this.options.exportMultiplier}).then(function(n){var e=document.createElement("a");e.download=t,e.href=n,document.body.appendChild(e),e.click(),document.body.removeChild(e)}).catch(function(n){return console.error("download error",n)})}}},{key:"getImageBase64",value:function(){var o=D(P().m(function a(){var n=this,e,i,r,c,s,d,m,k,v,A,w,L,j,O,b,h,g=arguments;return P().w(function(p){for(;;)switch(p.n){case 0:if(e=g.length>0&&g[0]!==void 0?g[0]:{},this.originalImage){p.n=1;break}throw new Error("No image loaded");case 1:if(i=typeof e.exportImageArea=="boolean"?e.exportImageArea:this.options.exportImageAreaByDefault,r=e.multiplier||this.options.exportMultiplier||1,i){p.n=3;break}if(c=this.originalImage.getElement?this.originalImage.getElement():this.originalImage._element||null,c){p.n=2;break}return p.a(2,this.canvas.toDataURL({format:"jpeg",quality:this.options.downsampleQuality,multiplier:r}));case 2:return s=this.originalImage.width,d=this.originalImage.height,m=document.createElement("canvas"),m.width=s,m.height=d,k=m.getContext("2d"),k.drawImage(c,0,0,s,d),p.a(2,m.toDataURL("image/jpeg",this.options.downsampleQuality));case 3:return v=this.canvas.getObjects().filter(function(f){return f.maskId}),A=v.map(function(f){return{obj:f,opacity:f.opacity,fill:f.fill,strokeWidth:f.strokeWidth,stroke:f.stroke,selectable:f.selectable,lockRotation:f.lockRotation}}),v.forEach(function(f){return n._removeLabelForMask(f)}),this.canvas.discardActiveObject(),this.canvas.renderAll(),v.forEach(function(f){f.set({opacity:1,fill:"#000000",strokeWidth:0,stroke:null,selectable:!1}),f.setCoords()}),this.canvas.renderAll(),this.originalImage.setCoords(),w=this.originalImage.getBoundingRect(!0,!0),L=Math.max(0,Math.round(w.left)),j=Math.max(0,Math.round(w.top)),O=Math.max(1,Math.round(w.width)),b=Math.max(1,Math.round(w.height)),p.n=4,new Promise(function(f,_){try{var E=n.canvas.toDataURL({format:"jpeg",quality:n.options.downsampleQuality,multiplier:r}),B=new Image;B.onload=function(){try{var C=Math.round(L*r),M=Math.round(j*r),x=Math.round(O*r),W=Math.round(b*r),R=document.createElement("canvas");R.width=x,R.height=W;var U=R.getContext("2d");U.drawImage(B,C,M,x,W,0,0,x,W);var q=R.toDataURL("image/jpeg",n.options.downsampleQuality);f(q)}catch(G){_(G)}},B.onerror=_,B.src=E}catch(C){_(C)}});case 4:return h=p.v,A.forEach(function(f){try{f.obj.set({opacity:f.opacity,fill:f.fill,strokeWidth:f.strokeWidth,stroke:f.stroke,selectable:f.selectable,lockRotation:f.lockRotation}),f.obj.setCoords()}catch{}}),this.canvas.renderAll(),p.a(2,h)}},a,this)}));function t(){return o.apply(this,arguments)}return t}()},{key:"exportImageFile",value:function(){var o=D(P().m(function a(){var n,e,i,r,c,s,d,m,k,v,A,w,L,j,O,b,h,g,p,f,_,E,B,C=arguments;return P().w(function(M){for(;;)switch(M.n){case 0:if(r=C.length>0&&C[0]!==void 0?C[0]:{},this.originalImage){M.n=1;break}throw new Error("No image loaded");case 1:if(c=r.mergeMask,s=c===void 0?!0:c,d=r.fileType,m=d===void 0?"jpeg":d,k=r.quality,v=k===void 0?(n=this.options.downsampleQuality)!==null&&n!==void 0?n:.92:k,A=r.multiplier,w=A===void 0?(e=this.options.exportMultiplier)!==null&&e!==void 0?e:1:A,L=r.fileName,j=L===void 0?(i=this.options.defaultDownloadFileName)!==null&&i!==void 0?i:"exported_image.jpg":L,O={jpeg:"jpeg",jpg:"jpeg","image/jpeg":"jpeg",png:"png","image/png":"png",webp:"webp","image/webp":"webp"},b=O[String(m).toLowerCase()]||"jpeg",!s){M.n=3;break}return M.n=2,this.getImageBase64({exportImageArea:!0,multiplier:w});case 2:h=M.v,M.n=5;break;case 3:return M.n=4,this.getImageBase64({exportImageArea:!1,multiplier:w});case 4:h=M.v;case 5:if(g=h,g.startsWith("data:image/".concat(b))){M.n=7;break}return M.n=6,new Promise(function(x,W){var R=new window.Image;R.crossOrigin="Anonymous",R.onload=function(){try{var U=document.createElement("canvas");U.width=R.width,U.height=R.height;var q=U.getContext("2d");q.drawImage(R,0,0);var G=U.toDataURL("image/".concat(b),v);x(G)}catch(V){W(V)}},R.onerror=W,R.src=h});case 6:g=M.v;case 7:for(p=atob(g.split(",")[1]),f="image/".concat(b),_=p.length,E=new Uint8Array(_);_--;)E[_]=p.charCodeAt(_);return B=new File([E],j,{type:f}),M.a(2,B)}},a,this)}));function t(){return o.apply(this,arguments)}return t}()},{key:"enterCropMode",value:function(){var t=this;if(!(!this.canvas||!this.originalImage||this._cropMode)&&this.isImageLoaded()){this._cropMode=!0,this._prevSelectionSetting=this.canvas.selection,this.canvas.selection=!1,this.canvas.discardActiveObject(),this.originalImage.setCoords();var a=this.originalImage.getBoundingRect(!0,!0),n=this.options.crop&&this.options.crop.padding?this.options.crop.padding:10,e=Math.max(0,Math.floor(a.left+n)),i=Math.max(0,Math.floor(a.top+n)),r=Math.min(this.options.crop.minWidth||50,Math.floor(a.width-n*2)),c=Math.min(this.options.crop.minHeight||50,Math.floor(a.height-n*2)),s=new fabric.Rect({left:e,top:i,width:r,height:c,fill:"rgba(0,0,0,0.12)",stroke:"#00aaff",strokeDashArray:[6,4],strokeWidth:1,strokeUniform:!0,selectable:!0,hasRotatingPoint:!!(this.options.crop&&this.options.crop.allowRotationOfCropRect),lockRotation:!(this.options.crop&&this.options.crop.allowRotationOfCropRect),cornerSize:8,objectCaching:!1,originX:"left",originY:"top"});this.canvas.add(s),s.isCropRect=!0,this.canvas.bringToFront(s),this.canvas.setActiveObject(s),this._cropRect=s,this._cropPrevEvented=[],this.canvas.getObjects().forEach(function(m){if(m!==s){t._cropPrevEvented.push({obj:m,evented:m.evented,selectable:m.selectable});try{m.evented=!1,m.selectable=!1}catch{}}});var d=function(){try{s.setCoords(),t.canvas.requestRenderAll()}catch{}};s.on("modified",d),s.on("moving",d),s.on("scaling",d),this._cropHandlers.push({target:s,handlers:[{evt:"modified",fn:d},{evt:"moving",fn:d},{evt:"scaling",fn:d}]}),this._updateUI(),this.canvas.renderAll()}}},{key:"cancelCrop",value:function(){if(!(!this.canvas||!this._cropMode)){if(this._cropRect){try{this._cropHandlers&&this._cropHandlers.length&&this._cropHandlers.forEach(function(t){t.handlers.forEach(function(a){return t.target.off(a.evt,a.fn)})})}catch{}try{this.canvas.remove(this._cropRect)}catch{}this._cropRect=null}Array.isArray(this._cropPrevEvented)&&this._cropPrevEvented.forEach(function(t){try{t.obj.evented=t.evented,t.obj.selectable=t.selectable}catch{}}),this._cropPrevEvented=null,this._cropHandlers=[],this._cropMode=!1,this.canvas.selection=!!this._prevSelectionSetting,this._prevSelectionSetting=void 0,this.canvas.discardActiveObject(),this._updateUI(),this.canvas.renderAll()}}},{key:"applyCrop",value:function(){var o=D(P().m(function a(){var n=this,e,i,r,c,s,d,m,k,v,A,w,L,j,O,b,h;return P().w(function(g){for(;;)switch(g.p=g.n){case 0:if(!(!this.canvas||!this._cropMode||!this._cropRect)){g.n=1;break}return g.a(2);case 1:this._cropRect.setCoords(),e=this._cropRect.getBoundingRect(!0,!0),i=Math.max(0,Math.round(e.left)),r=Math.max(0,Math.round(e.top)),c=Math.max(1,Math.round(Math.min(e.width,this.canvas.getWidth()-i))),s=Math.max(1,Math.round(Math.min(e.height,this.canvas.getHeight()-r))),d=null;try{m=this.canvas.toJSON(["maskId","maskName","isCropRect"]),Array.isArray(m.objects)&&(m.objects=m.objects.filter(function(p){return!p.isCropRect})),d=JSON.stringify(m)}catch(p){console.warn("applyCrop: could not serialize before state",p),d=null}try{k=this.canvas.getObjects().filter(function(p){return p.maskId}),k&&k.length&&(k.forEach(function(p){try{n._removeLabelForMask(p),n.canvas.remove(p)}catch(f){console.warn("applyCrop: failed to remove mask",f)}}),this.canvas.discardActiveObject(),this.canvas.renderAll())}catch(p){console.warn("applyCrop: error while removing masks",p)}try{if(this._cropRect){try{this._cropHandlers&&this._cropHandlers.length&&this._cropHandlers.forEach(function(p){p.handlers.forEach(function(f){return p.target.off(f.evt,f.fn)})})}catch{}try{this.canvas.remove(this._cropRect)}catch{}this._cropRect=null}}catch{}return this._cropMode=!1,this.canvas.selection=!!this._prevSelectionSetting,this._prevSelectionSetting=void 0,g.p=2,A=this.canvas.toDataURL({format:"jpeg",quality:this.options.downsampleQuality||.92,multiplier:1}),g.n=3,new Promise(function(p,f){var _=new Image;_.onload=function(){try{var E=document.createElement("canvas");E.width=c,E.height=s;var B=E.getContext("2d");B.drawImage(_,i,r,c,s,0,0,c,s);var C=E.toDataURL("image/jpeg",n.options.downsampleQuality||.92);p(C)}catch(M){f(M)}},_.onerror=function(E){return f(E)},_.src=A});case 3:v=g.v,g.n=5;break;case 4:return g.p=4,b=g.v,console.error("applyCrop: failed to create cropped image",b),this._updateUI(),g.a(2);case 5:return g.p=5,g.n=6,this.loadImage(v);case 6:g.n=8;break;case 7:return g.p=7,h=g.v,console.error("applyCrop: loadImage(croppedBase64) failed",h),this._updateUI(),g.a(2);case 8:w=null;try{L=this.canvas.toJSON(["maskId","maskName","isCropRect"]),Array.isArray(L.objects)&&(L.objects=L.objects.filter(function(p){return!p.isCropRect})),w=JSON.stringify(L)}catch(p){console.warn("applyCrop: failed to serialize after state",p),w=null}try{j=this,O=new I(function(){w&&j.loadFromState(w)},function(){d&&j.loadFromState(d)}),this.historyManager||(this.historyManager=new y(this.maxHistorySize||50)),this.historyManager.currentIndex<this.historyManager.history.length-1&&(this.historyManager.history=this.historyManager.history.slice(0,this.historyManager.currentIndex+1)),this.historyManager.history.push(O),this.historyManager.history.length>this.historyManager.maxSize?this.historyManager.history.shift():this.historyManager.currentIndex++}catch(p){console.warn("applyCrop: failed to push history command",p)}this._updateUI(),this.canvas.renderAll();case 9:return g.a(2)}},a,this,[[5,7],[2,4]])}));function t(){return o.apply(this,arguments)}return t}()},{key:"_updateInputs",value:function(){var t=document.getElementById(this.elements.scaleRate);t&&(t.value=Math.round(this.currentScale*100))}},{key:"_updateUI",value:function(){var t,a,n=!!this.originalImage,e=n?this.canvas.getObjects().filter(function(j){return j.maskId}):[],i=e.length>0,r=this.canvas.getActiveObject(),c=r&&r.maskId,s=this.currentScale===1&&this.currentRotation===0,d=(t=this.historyManager)===null||t===void 0?void 0:t.canUndo(),m=(a=this.historyManager)===null||a===void 0?void 0:a.canRedo(),k=!!this._cropMode;if(k){for(var v=0,A=Object.keys(this.elements||{});v<A.length;v++){var w=A[v],L=document.getElementById(this.elements[w]);L&&(w==="applyCropBtn"||w==="cancelCropBtn"?L.disabled=!1:L.disabled=!0)}return}this._setDisabled("zoomInBtn",!n||this.isAnimating||this.currentScale>=this.options.maxScale),this._setDisabled("zoomOutBtn",!n||this.isAnimating||this.currentScale<=this.options.minScale),this._setDisabled("rotateLeftBtn",!n||this.isAnimating),this._setDisabled("rotateRightBtn",!n||this.isAnimating),this._setDisabled("addMaskBtn",!n||this.isAnimating),this._setDisabled("removeMaskBtn",!c||this.isAnimating),this._setDisabled("removeAllMasksBtn",!i||this.isAnimating),this._setDisabled("mergeBtn",!n||!i||this.isAnimating),this._setDisabled("downloadBtn",!n||this.isAnimating),this._setDisabled("resetBtn",!n||s||this.isAnimating),this._setDisabled("undoBtn",!n||this.isAnimating||!d),this._setDisabled("redoBtn",!n||this.isAnimating||!m),this._setDisabled("cropBtn",!n||this.isAnimating),this._setDisabled("applyCropBtn",!0),this._setDisabled("cancelCropBtn",!0)}},{key:"_setDisabled",value:function(t,a){var n=document.getElementById(this.elements[t]);n&&(n.disabled=!!a)}},{key:"_updatePlaceholderStatus",value:function(){this.options.showPlaceholder&&this._setPlaceholderVisible(!this.originalImage)}},{key:"_setPlaceholderVisible",value:function(t){this.placeholderEl&&(t?(this.placeholderEl.classList.remove("d-none"),this.placeholderEl.classList.add("d-flex"),this.containerEl.classList.add("d-none")):(this.placeholderEl.classList.remove("d-flex"),this.placeholderEl.classList.add("d-none"),this.containerEl.classList.remove("d-none")))}},{key:"dispose",value:function(){var t=this;try{var a=function(){var i=t._boundHandlers[n]||[],r=document.getElementById(t.elements[n]);if(!r)return 1;i.forEach(function(c){try{r.removeEventListener(c.event,c.handler)}catch{}})};for(var n in this._boundHandlers||{})a()}catch{}if(this._cropRect){try{this.canvas.remove(this._cropRect)}catch{}this._cropRect=null}if(this.canvas){try{this.canvas.dispose()}catch{}this.canvas=null,this.canvasEl=null,this.isImageLoadedToCanvas=!1}this._boundHandlers={}}}])}(),l=function(){function S(){z(this,S),this.queue=[],this.running=!1}return Q(S,[{key:"add",value:function(){var o=D(P().m(function a(n){var e=this;return P().w(function(i){for(;;)switch(i.n){case 0:return i.a(2,new Promise(function(r,c){e.queue.push({fn:n,resolve:r,reject:c}),e.running||e.processQueue()}))}},a)}));function t(a){return o.apply(this,arguments)}return t}()},{key:"processQueue",value:function(){var o=D(P().m(function a(){var n,e,i,r,c,s;return P().w(function(d){for(;;)switch(d.p=d.n){case 0:if(this.queue.length!==0){d.n=1;break}return this.running=!1,d.a(2);case 1:return this.running=!0,n=this.queue.shift(),e=n.fn,i=n.resolve,r=n.reject,d.p=2,d.n=3,e();case 3:c=d.v,i(c),d.n=5;break;case 4:d.p=4,s=d.v,r(s);case 5:this.processQueue();case 6:return d.a(2)}},a,this,[[2,4]])}));function t(){return o.apply(this,arguments)}return t}()}])}(),I=Q(function S(o,t){z(this,S),this.execute=o,this.undo=t}),y=function(){function S(){var o=arguments.length>0&&arguments[0]!==void 0?arguments[0]:50;z(this,S),this.history=[],this.currentIndex=-1,this.maxSize=o}return Q(S,[{key:"execute",value:function(t){t.execute(),this.currentIndex<this.history.length-1&&(this.history=this.history.slice(0,this.currentIndex+1)),this.history.push(t),this.history.length>this.maxSize?this.history.shift():this.currentIndex++}},{key:"canUndo",value:function(){return this.currentIndex>=0}},{key:"canRedo",value:function(){return this.currentIndex<this.history.length-1}},{key:"undo",value:function(){this.currentIndex>=0&&(this.history[this.currentIndex].undo(),this.currentIndex--)}},{key:"redo",value:function(){this.currentIndex<this.history.length-1&&(this.currentIndex++,this.history[this.currentIndex].execute())}}])}();return u})});export default ae();
+ */var g=null;function O(){return typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:null}function R(){let f=O();return f&&f.fabric?f.fabric:null}function E(f){return g=f||R(),g}function S(){return g||E(),g}var C=class{constructor(t={}){let s={getText:l=>l.maskName,textOptions:{fontSize:12,fill:"#fff",backgroundColor:"rgba(0,0,0,0.7)",padding:2,fontFamily:"monospace",fontWeight:"bold",selectable:!1,evented:!1,originX:"left",originY:"top"}},e={minWidth:100,minHeight:100,padding:10,hideMasksDuringCrop:!0,preserveMasksAfterCrop:!1,allowRotationOfCropRect:!1},i=t.label||{},a=t.crop||{};this.options={canvasWidth:800,canvasHeight:600,backgroundColor:"transparent",animationDuration:300,minScale:.1,maxScale:5,scaleStep:.05,rotationStep:90,expandCanvasToImage:!0,fitImageToCanvas:!1,coverImageToCanvas:!1,downsampleOnLoad:!0,downsampleMaxWidth:4e3,downsampleMaxHeight:3e3,downsampleQuality:.92,exportMultiplier:1,exportImageAreaByDefault:!0,defaultMaskWidth:50,defaultMaskHeight:80,maskRotatable:!1,maskLabelOnSelect:!0,maskLabelOffset:3,maskName:"mask",groupSelection:!1,showPlaceholder:!0,initialImageBase64:null,defaultDownloadFileName:"edited_image.jpg",onError:null,onWarning:null,...t,label:{...s,...i,textOptions:{...s.textOptions,...i.textOptions||{}}},crop:{...e,...a}},this._fabricLoaded=!!S(),this._fabricLoaded||this._reportError("fabric.js is not loaded. Please include fabric.js first. Initialization will be aborted."),this.canvas=null,this.canvasEl=null,this.containerEl=null,this.placeholderEl=null,this.originalImage=null,this.baseImageScale=1,this.currentScale=1,this.currentRotation=0,this.maskCounter=0,this.isAnimating=!1,this.elements={},this.isImageLoadedToCanvas=!1,this.maxHistorySize=50,this._boundHandlers={},this._lastMask=null,this._lastMaskInitialLeft=null,this._lastMaskInitialTop=null,this._lastMaskInitialWidth=null,this._cropMode=!1,this._cropRect=null,this._cropHandlers=[],this.onImageLoaded=typeof t.onImageLoaded=="function"?t.onImageLoaded:null,this.animQueue=new w,this.historyManager=new M(this.maxHistorySize)}init(t={}){if(!this._fabricLoaded)return;let s={canvas:"fabricCanvas",canvasContainer:null,imgPlaceholder:"imgPlaceholder",scaleRate:"scaleRate",rotationLeftInput:"rotationLeftInput",rotationRightInput:"rotationRightInput",rotateLeftBtn:"rotateLeftBtn",rotateRightBtn:"rotateRightBtn",addMaskBtn:"addMaskBtn",removeMaskBtn:"removeMaskBtn",removeAllMasksBtn:"removeAllMasksBtn",mergeBtn:"mergeBtn",downloadBtn:"downloadBtn",maskList:"maskList",zoomInBtn:"zoomInBtn",zoomOutBtn:"zoomOutBtn",resetBtn:"resetBtn",undoBtn:"undoBtn",redoBtn:"redoBtn",imageInput:"imageInput",cropBtn:"cropBtn",applyCropBtn:"applyCropBtn",cancelCropBtn:"cancelCropBtn"};this.elements={...s,...t},this._initCanvas(),this._bindEvents(),this._updateInputs(),this._updateMaskList(),this._updateUI(),this.options.initialImageBase64?this.loadImage(this.options.initialImageBase64):this._updatePlaceholderStatus()}_reportError(t,s=null){let e=this.options&&this.options.onError;if(typeof e=="function")try{e(s,t)}catch{}}_reportWarning(t,s=null){let e=this.options&&this.options.onWarning;if(typeof e=="function")try{e(s,t)}catch{}}_initCanvas(){let t=document.getElementById(this.elements.canvas);if(!t)throw new Error("Canvas is not found: "+this.elements.canvas);if(this.canvasEl=t,this.elements.canvasContainer){let i=document.getElementById(this.elements.canvasContainer);this.containerEl=i||t.parentElement}else this.containerEl=t.parentElement;this.placeholderEl=document.getElementById(this.elements.imgPlaceholder)||null;let s=this.options.canvasWidth,e=this.options.canvasHeight;if(this.containerEl){let i=Math.floor(this.containerEl.clientWidth),a=Math.floor(this.containerEl.clientHeight);i>0&&a>0&&(s=i,e=a)}this.canvas=new g.Canvas(t,{width:s,height:e,backgroundColor:this.options.backgroundColor,selection:this.options.groupSelection,preserveObjectStacking:!0}),this.canvas.on("selection:created",i=>this._onSelectionChanged(i.selected)),this.canvas.on("selection:updated",i=>this._onSelectionChanged(i.selected)),this.canvas.on("selection:cleared",()=>this._onSelectionChanged([])),this.canvas.on("object:moving",i=>{i.target&&i.target.maskId&&this._syncMaskLabel(i.target)}),this.canvas.on("object:scaling",i=>{i.target&&i.target.maskId&&this._syncMaskLabel(i.target)}),this.canvas.on("object:rotating",i=>{i.target&&i.target.maskId&&this._syncMaskLabel(i.target)}),this.canvas.on("object:modified",i=>{i.target&&i.target.maskId&&this._syncMaskLabel(i.target)}),this.canvasEl.style.display="block"}_bindEvents(){this._bindIfExists("uploadArea","click",()=>document.getElementById(this.elements.imageInput)?.click());let t=document.getElementById(this.elements.imageInput);t&&t.addEventListener("change",i=>{let a=i.target.files&&i.target.files[0];a&&this._loadImageFile(a)}),this._bindIfExists("zoomInBtn","click",()=>this.scaleImage(this.currentScale+this.options.scaleStep)),this._bindIfExists("zoomOutBtn","click",()=>this.scaleImage(this.currentScale-this.options.scaleStep)),this._bindIfExists("resetBtn","click",()=>{this.reset()}),this._bindIfExists("addMaskBtn","click",()=>this.addMask()),this._bindIfExists("removeMaskBtn","click",()=>this.removeSelectedMask()),this._bindIfExists("removeAllMasksBtn","click",()=>this.removeAllMasks()),this._bindIfExists("mergeBtn","click",()=>this.merge()),this._bindIfExists("downloadBtn","click",()=>this.downloadImage()),this._bindIfExists("undoBtn","click",()=>this.undo()),this._bindIfExists("redoBtn","click",()=>this.redo());let s=document.getElementById(this.elements.rotateLeftBtn),e=document.getElementById(this.elements.rotateRightBtn);s&&s.addEventListener("click",()=>{let i=document.getElementById(this.elements.rotationLeftInput),a=this.options.rotationStep;if(i){let l=parseFloat(i.value);isNaN(l)||(a=l)}this.rotateImage(this.currentRotation-a)}),e&&e.addEventListener("click",()=>{let i=document.getElementById(this.elements.rotationRightInput),a=this.options.rotationStep;if(i){let l=parseFloat(i.value);isNaN(l)||(a=l)}this.rotateImage(this.currentRotation+a)}),this._bindIfExists("cropBtn","click",()=>this.enterCropMode()),this._bindIfExists("applyCropBtn","click",()=>{this.applyCrop().catch(i=>this._reportError("applyCrop failed",i))}),this._bindIfExists("cancelCropBtn","click",()=>this.cancelCrop())}_bindIfExists(t,s,e){let i=document.getElementById(this.elements[t]);i&&(i.addEventListener(s,e),this._boundHandlers=this._boundHandlers||{},this._boundHandlers[t]||(this._boundHandlers[t]=[]),this._boundHandlers[t].push({event:s,handler:e}))}_loadImageFile(t){if(!t||!t.type.startsWith("image/"))return;let s=new FileReader;s.onload=e=>this.loadImage(e.target.result),s.onerror=e=>{this._reportError("Image file could not be read",e)},s.readAsDataURL(t)}async loadImage(t){if(!this._fabricLoaded||!this.canvas||!t||typeof t!="string"||!t.startsWith("data:image/"))return;this._setPlaceholderVisible(!1);let s=await this._createImageElement(t),e=t;if(this.options.downsampleOnLoad&&(s.naturalWidth>this.options.downsampleMaxWidth||s.naturalHeight>this.options.downsampleMaxHeight)){let a=Math.min(this.options.downsampleMaxWidth/s.naturalWidth,this.options.downsampleMaxHeight/s.naturalHeight),l=Math.round(s.naturalWidth*a),n=Math.round(s.naturalHeight*a);e=this._resampleImageToDataURL(s,l,n,this.options.downsampleQuality)}return new Promise((i,a)=>{g.Image.fromURL(e,l=>{try{if(!l)throw new Error("Image could not be loaded");this.canvas.discardActiveObject(),this._hideAllMaskLabels(),this.canvas.clear(),this.canvas.setBackgroundColor(this.options.backgroundColor,this.canvas.renderAll.bind(this.canvas)),l.set({originX:"left",originY:"top",selectable:!1,evented:!1});let n=l.width,o=l.height,r=this.containerEl?Math.floor(this.containerEl.clientWidth||this.options.canvasWidth):this.options.canvasWidth,c=this.containerEl?Math.floor(this.containerEl.clientHeight||this.options.canvasHeight):this.options.canvasHeight;if(this.options.fitImageToCanvas){let h=Math.max(1,Math.min(this.options.canvasWidth,r)-1),d=Math.max(1,Math.min(this.options.canvasHeight,c)-1);this._setCanvasSizeInt(h,d);let p=Math.min(h/n,d/o,1);l.set({left:0,top:0}),l.scale(p),this.baseImageScale=l.scaleX||1}else if(this.options.coverImageToCanvas){let h=Math.max(this.options.canvasWidth,r),d=Math.max(this.options.canvasHeight,c);this._setCanvasSizeInt(h,d);let p=Math.min(1,Math.max(h/n,d/o));l.set({left:0,top:0}),l.scale(p),this.baseImageScale=l.scaleX||1}else if(this.options.expandCanvasToImage){let h=Math.max(r,Math.floor(n)),d=Math.max(c,Math.floor(o));this._setCanvasSizeInt(h,d),l.set({left:0,top:0}),l.scale(1),this.baseImageScale=1}else{let h=Math.max(this.options.canvasWidth,r),d=Math.max(this.options.canvasHeight,c);this._setCanvasSizeInt(h,d);let p=Math.min(h/n,d/o,1);l.set({left:0,top:0}),l.scale(p),this.baseImageScale=l.scaleX||1}this.originalImage=l,this.canvas.add(l),this.canvas.sendToBack(l),this._lastMask=null,this._lastMaskInitialLeft=null,this._lastMaskInitialTop=null,this._lastMaskInitialWidth=null,this.maskCounter=0,this.currentScale=1,this.currentRotation=0,this._updateInputs(),this._updateMaskList(),this.isImageLoadedToCanvas=!0,this._updateUI(),this.canvas.renderAll(),typeof this.onImageLoaded=="function"&&this.onImageLoaded(),i()}catch(n){a(n)}},{crossOrigin:"anonymous"})})}isImageLoaded(){let t=S();return!!(this.originalImage&&t&&this.originalImage instanceof t.Image&&this.originalImage.width>0&&this.originalImage.height>0)}_createImageElement(t){return new Promise((s,e)=>{let i=new Image;i.onload=()=>{i.onload=null,i.onerror=null,s(i)},i.onerror=a=>{i.onload=null,i.onerror=null,e(a)},i.src=t})}_resampleImageToDataURL(t,s,e,i=.92){let a=document.createElement("canvas");return a.width=s,a.height=e,a.getContext("2d").drawImage(t,0,0,t.naturalWidth,t.naturalHeight,0,0,s,e),a.toDataURL("image/jpeg",i)}_setCanvasSizeInt(t,s){let e=Math.max(1,Math.round(Number(t)||1)),i=Math.max(1,Math.round(Number(s)||1));this.canvas.setWidth(e),this.canvas.setHeight(i),typeof this.canvas.calcOffset=="function"&&this.canvas.calcOffset(),this.canvasEl&&(this.canvasEl.style.width=e+"px",this.canvasEl.style.height=i+"px",this.canvasEl.style.maxWidth="none")}_getObjectTopLeftPoint(t){if(!t)return{x:0,y:0};t.setCoords();let s=typeof t.getCoords=="function"?t.getCoords():null;if(s&&s.length)return s[0];let e=t.getBoundingRect(!0,!0);return{x:e.left,y:e.top}}_setObjectOriginKeepingPosition(t,s,e,i){!t||!i||!t.setPositionByOrigin||(t.set({originX:s,originY:e}),t.setPositionByOrigin(i,s,e),t.setCoords())}_alignObjectBoundingBoxToCanvasTopLeft(t){if(!t)return;t.setCoords();let s=t.getBoundingRect(!0,!0),e=s.left,i=s.top;t.set({left:(t.left||0)-e,top:(t.top||0)-i}),t.setCoords(),this.canvas.renderAll()}_updateCanvasSizeToImageBounds(){if(!this.originalImage)return;this.originalImage.setCoords();let t=this.originalImage.getBoundingRect(!0,!0),s=this.containerEl?Math.ceil(this.containerEl.clientWidth||0):0,e=this.containerEl?Math.ceil(this.containerEl.clientHeight||0):0;if(s>0&&e>0&&t.width<=s&&t.height<=e){this._setCanvasSizeInt(s,e);return}let i=Math.max(s||0,Math.floor(t.width)),a=Math.max(e||0,Math.floor(t.height));this._setCanvasSizeInt(i,a)}scaleImage(t){return this.animQueue.add(()=>this._scaleImageImpl(t))}_scaleImageImpl(t){if(!this.originalImage||this.isAnimating)return Promise.resolve();t=Math.max(this.options.minScale,Math.min(this.options.maxScale,t)),this.currentScale=t,this.isAnimating=!0,this._updateUI();let s=this.baseImageScale*t,e=this._getObjectTopLeftPoint(this.originalImage);this._setObjectOriginKeepingPosition(this.originalImage,"left","top",e);let i=new Promise(l=>{this.originalImage.animate("scaleX",s,{duration:this.options.animationDuration,onChange:this.canvas.renderAll.bind(this.canvas),onComplete:l})}),a=new Promise(l=>{this.originalImage.animate("scaleY",s,{duration:this.options.animationDuration,onChange:this.canvas.renderAll.bind(this.canvas),onComplete:l})});return Promise.all([i,a]).then(()=>{this.originalImage.set({scaleX:s,scaleY:s}),this.originalImage.setCoords(),this.options.expandCanvasToImage&&this._updateCanvasSizeToImageBounds(),this._alignObjectBoundingBoxToCanvasTopLeft(this.originalImage),this.canvas.getObjects().forEach(l=>{l.maskId&&this._syncMaskLabel(l)}),this.isAnimating=!1,this._updateInputs(),this._updateUI(),this.saveState()}).catch(()=>{this.isAnimating=!1,this._updateUI()})}rotateImage(t){return this.animQueue.add(()=>this._rotateImageImpl(t))}_rotateImageImpl(t){if(!this.originalImage||this.isAnimating||isNaN(t))return Promise.resolve();this.currentRotation=t,this.isAnimating=!0,this._updateUI();let s=this.originalImage.getCenterPoint();return this._setObjectOriginKeepingPosition(this.originalImage,"center","center",s),new Promise(i=>{this.originalImage.animate("angle",t,{duration:this.options.animationDuration,onChange:this.canvas.renderAll.bind(this.canvas),onComplete:i})}).then(()=>{this.originalImage.set("angle",t),this.originalImage.setCoords(),this.options.expandCanvasToImage&&this._updateCanvasSizeToImageBounds(),this._alignObjectBoundingBoxToCanvasTopLeft(this.originalImage);let i=this._getObjectTopLeftPoint(this.originalImage);this._setObjectOriginKeepingPosition(this.originalImage,"left","top",i),this.canvas.getObjects().forEach(a=>{a.maskId&&this._syncMaskLabel(a)}),this.isAnimating=!1,this._updateInputs(),this._updateUI(),this.saveState()}).catch(()=>{this.isAnimating=!1,this._updateUI()})}reset(){return this.originalImage?this.scaleImage(1).then(()=>this.rotateImage(0)).then(()=>{this.saveState()}).catch(t=>{this._reportError("reset() failed",t)}):Promise.resolve()}loadFromState(t){if(!(!t||!this.canvas))try{let s=typeof t=="string"?JSON.parse(t):t;this.canvas.loadFromJSON(s,()=>{try{this._hideAllMaskLabels();let e=this.canvas.getObjects();this.originalImage=e.find(a=>a.type==="image"&&!a.maskId)||null,this.originalImage&&(this.originalImage.set({originX:"left",originY:"top",selectable:!1,evented:!1,hasControls:!1,hoverCursor:"default"}),this.canvas.sendToBack(this.originalImage));let i=e.filter(a=>a.maskId);this.maskCounter=i.reduce((a,l)=>Math.max(a,l.maskId),0),this._lastMask=i.length?i[i.length-1]:null,this._lastMask||(this._lastMaskInitialLeft=null,this._lastMaskInitialTop=null,this._lastMaskInitialWidth=null),this.isImageLoadedToCanvas=!!this.originalImage,this.canvas.renderAll(),this._updateMaskList(),this._updatePlaceholderStatus(),this._updateUI()}catch(e){this._reportError("loadFromState() failed",e)}})}catch(s){this._reportError("loadFromState() failed",s)}}saveState(){if(!this.canvas)return;let t=this.canvas.getActiveObject();this._hideAllMaskLabels();try{let s=this.canvas.toJSON(["maskId","maskName","isCropRect"]);Array.isArray(s.objects)&&(s.objects=s.objects.filter(n=>!n.isCropRect));let e=JSON.stringify(s),i=this._lastSnapshot||e,a=!1,l=new k(()=>{a&&this.loadFromState(e),a=!0},()=>{this.loadFromState(i)});this.historyManager.execute(l),this._lastSnapshot=e,t&&t.maskId&&this._showLabelForMask(t),this._updateUI()}catch(s){this._reportWarning("saveState: failed to save canvas snapshot",s)}}undo(){this.historyManager.undo()}redo(){this.historyManager.redo()}addMask(t={}){if(!this.canvas)return null;let s=t.shape||"rect",e={shape:s,width:this.options.defaultMaskWidth,height:this.options.defaultMaskHeight,color:"rgba(0,0,0,0.5)",alpha:.5,gap:5,left:void 0,top:void 0,angle:0,selectable:!0,...t},i=10,a=i,l=i,n=(h,d)=>{if(typeof h=="function")return h(this.canvas,this.options);if(typeof h=="string"&&h.endsWith("%")){let p=parseFloat(h)/100;return Math.floor((this.canvas?this.canvas.getWidth():0)*p)}return h??d};if(e.left===void 0&&this._lastMask){let h=this._lastMask,d=h.left;h.getScaledWidth?d+=h.getScaledWidth():h.width&&(d+=h.width*(h.scaleX??1)),a=Math.round(d+e.gap),l=h.top??i}else a=n(e.left,i),l=n(e.top,i);if(e.width=n(e.width,this.options.defaultMaskWidth),e.height=n(e.height,this.options.defaultMaskHeight),this.options.expandCanvasToImage&&s==="rect"){let h=Math.ceil(a+e.width+10),d=Math.ceil(l+e.height+10),p=this.containerEl?Math.floor(this.containerEl.clientWidth||0):0,v=this.containerEl?Math.floor(this.containerEl.clientHeight||0):0,I=Math.max(this.canvas.getWidth(),p,h),_=Math.max(this.canvas.getHeight(),v,d);this._setCanvasSizeInt(I,_)}let o;if(typeof e.fabricGenerator=="function")o=e.fabricGenerator(e,this.canvas,this.options);else switch(s){case"circle":o=new g.Circle({left:a,top:l,radius:n(e.radius,Math.min(e.width,e.height)/2),fill:e.color,opacity:e.alpha,angle:e.angle,...e.styles});break;case"ellipse":o=new g.Ellipse({left:a,top:l,rx:n(e.rx,e.width/2),ry:n(e.ry,e.height/2),fill:e.color,opacity:e.alpha,angle:e.angle,...e.styles});break;case"polygon":{let h=e.points||[];Array.isArray(h)&&h.length&&typeof h[0]=="object"&&(h=h.map(d=>({x:Number(d.x),y:Number(d.y)}))),o=new g.Polygon(h,{left:a,top:l,fill:e.color,opacity:e.alpha,angle:e.angle,...e.styles});break}case"rect":default:o=new g.Rect({left:a,top:l,width:n(e.width,this.options.defaultMaskWidth),height:n(e.height,this.options.defaultMaskHeight),fill:e.color,opacity:e.alpha,angle:e.angle,rx:e.rx,ry:e.ry,...e.styles})}o.selectable=e.selectable!==!1,o.hasControls="hasControls"in e?e.hasControls:!0,o.lockRotation=!this.options.maskRotatable,o.borderColor=e.borderColor||"red",o.cornerColor=e.cornerColor||"black",o.cornerSize=e.cornerSize||8,o.transparentCorners="transparentCorners"in e?e.transparentCorners:!1,o.stroke=e.styles&&e.styles.stroke||"#ccc",o.strokeWidth=e.styles&&e.styles.strokeWidth||1,o.strokeUniform="strokeUniform"in e?e.strokeUniform:!0,e.styles&&e.styles.strokeDashArray&&(o.strokeDashArray=e.styles.strokeDashArray),o.originalAlpha=e.alpha;let r={stroke:o.stroke,strokeWidth:o.strokeWidth,opacity:o.originalAlpha},c={stroke:"#ff5500",strokeWidth:2,opacity:Math.min(o.originalAlpha+.2,1)};return o.on("mouseover",()=>{o.set(c),o.canvas.requestRenderAll()}),o.on("mouseout",()=>{o.set(r),o.canvas.requestRenderAll()}),this._lastMaskInitialLeft=a,this._lastMaskInitialTop=l,this._lastMaskInitialWidth=n(e.width,this.options.defaultMaskWidth),o.maskId=++this.maskCounter,o.maskName=`${this.options.maskName}${o.maskId}`,this._lastMask=o,this.canvas.add(o),this.canvas.bringToFront(o),e.selectable&&this.canvas.setActiveObject(o),this._onSelectionChanged([o]),this._updateMaskList(),this._updateUI(),this.canvas.renderAll(),this.saveState(),typeof e.onCreate=="function"&&e.onCreate(o,this.canvas),o}removeSelectedMask(){let t=this.canvas.getActiveObject();if(!(!t||!t.maskId)){if(this._removeLabelForMask(t),this.canvas.remove(t),this._lastMask===t){let s=this.canvas.getObjects().filter(e=>e.maskId);this._lastMask=s.length?s[s.length-1]:null,this._lastMask||(this._lastMaskInitialLeft=null,this._lastMaskInitialTop=null,this._lastMaskInitialWidth=null)}this.canvas.discardActiveObject(),this._updateMaskList(),this._updateUI(),this.canvas.renderAll(),this.saveState()}}removeAllMasks(){let t=this.canvas.getObjects().filter(s=>s.maskId);t.forEach(s=>this._removeLabelForMask(s)),t.forEach(s=>this.canvas.remove(s)),this.canvas.discardActiveObject(),this._lastMask=null,this._lastMaskInitialLeft=null,this._lastMaskInitialTop=null,this._lastMaskInitialWidth=null,this._updateMaskList(),this._updateUI(),this.canvas.renderAll(),this.saveState()}_removeLabelForMask(t){if(!(!t||!this.canvas)&&t.__label){try{this.canvas.getObjects().includes(t.__label)&&this.canvas.remove(t.__label)}catch(s){}try{delete t.__label}catch(s){}}}_createLabelForMask(t){if(!t||!this.options.maskLabelOnSelect)return;this._removeLabelForMask(t);let s=null;if(this.options.label&&typeof this.options.label.create=="function"&&(s=this.options.label.create(t,g)),!s){let e=t.maskName,i={left:0,top:0,fontSize:12,fill:"#fff",backgroundColor:"rgba(0,0,0,0.7)",selectable:!1,evented:!1,padding:2,originX:"left",originY:"top"};this.options.label&&(typeof this.options.label.getText=="function"&&(e=this.options.label.getText(t,this.maskCounter)),this.options.label.textOptions&&Object.assign(i,this.options.label.textOptions)),s=new g.Text(e,i)}s.maskLabel=!0,t.__label=s,this.canvas.add(s),this.canvas.bringToFront(s),this._syncMaskLabel(t)}_hideAllMaskLabels(){if(!this.canvas)return;let t=this.canvas.getObjects();t.filter(e=>e.maskLabel).forEach(e=>{try{t.includes(e)&&this.canvas.remove(e)}catch(i){}}),t.forEach(e=>{if(e.maskId&&e.__label)try{delete e.__label}catch(i){}})}_syncMaskLabel(t){if(!t||!this.options.maskLabelOnSelect||!t.__label)return;let s=t.getCoords?t.getCoords():null;if(!s||s.length<4)return;let e=s[0],i=t.getCenterPoint(),a=i.x-e.x,l=i.y-e.y,n=Math.sqrt(a*a+l*l)||1,o=a/n,r=l/n,c=Math.max(0,this.options.maskLabelOffset??3),h=e.x+o*c,d=e.y+r*c;t.__label.set({left:Math.round(h),top:Math.round(d),angle:t.angle||0,originX:"left",originY:"top",visible:!0}),t.__label.setCoords(),this.canvas.renderAll()}_showLabelForMask(t){t&&this.options.maskLabelOnSelect&&(t.__label||this._createLabelForMask(t),t.__label.visible=!0,this._syncMaskLabel(t))}_onSelectionChanged(t){let s=(t||[]).find(i=>i.maskId);this.canvas.getObjects().filter(i=>i.maskId).forEach(i=>{if(i!==s){if(i.__label){try{this.canvas.remove(i.__label)}catch(a){}delete i.__label}i.set({stroke:"#ccc",strokeWidth:1})}else i.set({stroke:"#ff0000",strokeWidth:1})}),s&&this._showLabelForMask(s),this._updateMaskListSelection(s),this.canvas.renderAll(),this._updateUI()}_updateMaskList(){let t=document.getElementById(this.elements.maskList);if(!t)return;t.innerHTML="",this.canvas.getObjects().filter(e=>e.maskId).forEach(e=>{let i=document.createElement("li");i.className="list-group-item mask-item",i.textContent=e.maskName,i.onclick=()=>{this.canvas.setActiveObject(e),this._onSelectionChanged([e])},t.appendChild(i)})}_updateMaskListSelection(t){let s=document.getElementById(this.elements.maskList);if(!s)return;s.querySelectorAll(".mask-item").forEach(i=>{let a=!!t&&i.textContent===t.maskName;i.classList.toggle("active",a)})}async merge(){if(!(!this.originalImage||!this.canvas.getObjects().filter(s=>s.maskId).length)){this.canvas.discardActiveObject(),this.canvas.renderAll();try{let s=await this.getImageBase64({exportImageArea:!0,multiplier:this.options.exportMultiplier});this.removeAllMasks(),await this.loadImage(s),this.saveState()}catch(s){this._reportError("merge error",s),this.canvasEl&&(this.canvasEl.style.visibility="")}}}downloadImage(t=this.options.defaultDownloadFileName){if(!this.originalImage)return;let s=this.options.exportImageAreaByDefault;this.getImageBase64({exportImageArea:s,multiplier:this.options.exportMultiplier}).then(e=>{let i=document.createElement("a");i.download=t,i.href=e,document.body.appendChild(i),i.click(),document.body.removeChild(i)}).catch(e=>this._reportError("download error",e))}async getImageBase64(t={}){if(!this.originalImage)throw new Error("No image loaded");let s=typeof t.exportImageArea=="boolean"?t.exportImageArea:this.options.exportImageAreaByDefault,e=t.multiplier||this.options.exportMultiplier||1;if(!s){let n=this.originalImage.getElement?this.originalImage.getElement():this.originalImage._element||null;if(!n)return this.canvas.toDataURL({format:"jpeg",quality:this.options.downsampleQuality,multiplier:e});let o=this.originalImage.width,r=this.originalImage.height,c=document.createElement("canvas");return c.width=o,c.height=r,c.getContext("2d").drawImage(n,0,0,o,r),c.toDataURL("image/jpeg",this.options.downsampleQuality)}let i=this.canvas.getObjects().filter(n=>n.maskId),a=i.map(n=>({obj:n,opacity:n.opacity,fill:n.fill,strokeWidth:n.strokeWidth,stroke:n.stroke,selectable:n.selectable,lockRotation:n.lockRotation})),l;try{i.forEach(d=>this._removeLabelForMask(d)),this.canvas.discardActiveObject(),this.canvas.renderAll(),i.forEach(d=>{d.set({opacity:1,fill:"#000000",strokeWidth:0,stroke:null,selectable:!1}),d.setCoords()}),this.canvas.renderAll(),this.originalImage.setCoords();let n=this.originalImage.getBoundingRect(!0,!0),o=Math.max(0,Math.round(n.left)),r=Math.max(0,Math.round(n.top)),c=Math.max(1,Math.round(n.width)),h=Math.max(1,Math.round(n.height));l=await new Promise((d,p)=>{try{let v=this.canvas.toDataURL({format:"jpeg",quality:this.options.downsampleQuality,multiplier:e}),I=new Image;I.onload=()=>{try{let _=Math.round(o*e),y=Math.round(r*e),u=Math.round(c*e),m=Math.round(h*e),b=document.createElement("canvas");b.width=u,b.height=m,b.getContext("2d").drawImage(I,_,y,u,m,0,0,u,m);let A=b.toDataURL("image/jpeg",this.options.downsampleQuality);d(A)}catch(_){p(_)}},I.onerror=p,I.src=v}catch(v){p(v)}})}finally{a.forEach(n=>{try{n.obj.set({opacity:n.opacity,fill:n.fill,strokeWidth:n.strokeWidth,stroke:n.stroke,selectable:n.selectable,lockRotation:n.lockRotation}),n.obj.setCoords()}catch(o){}}),this.canvas.renderAll()}return l}async exportImageFile(t={}){if(!this.originalImage)throw new Error("No image loaded");let{mergeMask:s=!0,fileType:e="jpeg",quality:i=this.options.downsampleQuality??.92,multiplier:a=this.options.exportMultiplier??1,fileName:l=this.options.defaultDownloadFileName??"exported_image.jpg"}=t,o={jpeg:"jpeg",jpg:"jpeg","image/jpeg":"jpeg",png:"png","image/png":"png",webp:"webp","image/webp":"webp"}[String(e).toLowerCase()]||"jpeg",r;s?r=await this.getImageBase64({exportImageArea:!0,multiplier:a}):r=await this.getImageBase64({exportImageArea:!1,multiplier:a});let c=r;c.startsWith(`data:image/${o}`)||(c=await new Promise((_,y)=>{let u=new window.Image;u.crossOrigin="Anonymous",u.onload=()=>{try{let m=document.createElement("canvas");m.width=u.width,m.height=u.height,m.getContext("2d").drawImage(u,0,0);let B=m.toDataURL(`image/${o}`,i);_(B)}catch(m){y(m)}},u.onerror=y,u.src=r}));let h=atob(c.split(",")[1]),d=`image/${o}`,p=h.length,v=new Uint8Array(p);for(;p--;)v[p]=h.charCodeAt(p);return new File([v],l,{type:d})}enterCropMode(){if(!this.canvas||!this.originalImage||this._cropMode||!this.isImageLoaded())return;this._cropMode=!0,this._prevSelectionSetting=this.canvas.selection,this.canvas.selection=!1,this.canvas.discardActiveObject(),this.originalImage.setCoords();let t=this.originalImage.getBoundingRect(!0,!0),s=this.options.crop&&this.options.crop.padding?this.options.crop.padding:10,e=Math.max(0,Math.floor(t.left+s)),i=Math.max(0,Math.floor(t.top+s)),a=Math.min(this.options.crop.minWidth||50,Math.floor(t.width-s*2)),l=Math.min(this.options.crop.minHeight||50,Math.floor(t.height-s*2)),n=new g.Rect({left:e,top:i,width:a,height:l,fill:"rgba(0,0,0,0.12)",stroke:"#00aaff",strokeDashArray:[6,4],strokeWidth:1,strokeUniform:!0,selectable:!0,hasRotatingPoint:!!(this.options.crop&&this.options.crop.allowRotationOfCropRect),lockRotation:!(this.options.crop&&this.options.crop.allowRotationOfCropRect),cornerSize:8,objectCaching:!1,originX:"left",originY:"top"});this.canvas.add(n),n.isCropRect=!0,this.canvas.bringToFront(n),this.canvas.setActiveObject(n),this._cropRect=n,this._cropPrevEvented=[],this.canvas.getObjects().forEach(r=>{if(r!==n){this._cropPrevEvented.push({obj:r,evented:r.evented,selectable:r.selectable});try{r.evented=!1,r.selectable=!1}catch(c){}}});let o=()=>{try{n.setCoords(),this.canvas.requestRenderAll()}catch(r){}};n.on("modified",o),n.on("moving",o),n.on("scaling",o),this._cropHandlers.push({target:n,handlers:[{evt:"modified",fn:o},{evt:"moving",fn:o},{evt:"scaling",fn:o}]}),this._updateUI(),this.canvas.renderAll()}cancelCrop(){if(!(!this.canvas||!this._cropMode)){if(this._cropRect){try{this._cropHandlers&&this._cropHandlers.length&&this._cropHandlers.forEach(t=>{t.handlers.forEach(s=>t.target.off(s.evt,s.fn))})}catch(t){}try{this.canvas.remove(this._cropRect)}catch(t){}this._cropRect=null}Array.isArray(this._cropPrevEvented)&&this._cropPrevEvented.forEach(t=>{try{t.obj.evented=t.evented,t.obj.selectable=t.selectable}catch(s){}}),this._cropPrevEvented=null,this._cropHandlers=[],this._cropMode=!1,this.canvas.selection=!!this._prevSelectionSetting,this._prevSelectionSetting=void 0,this.canvas.discardActiveObject(),this._updateUI(),this.canvas.renderAll()}}async applyCrop(){if(!this.canvas||!this._cropMode||!this._cropRect)return;this._cropRect.setCoords();let t=this._cropRect.getBoundingRect(!0,!0),s=Math.max(0,Math.round(t.left)),e=Math.max(0,Math.round(t.top)),i=Math.max(1,Math.round(Math.min(t.width,this.canvas.getWidth()-s))),a=Math.max(1,Math.round(Math.min(t.height,this.canvas.getHeight()-e))),l=null;try{let r=this.canvas.toJSON(["maskId","maskName","isCropRect"]);Array.isArray(r.objects)&&(r.objects=r.objects.filter(c=>!c.isCropRect)),l=JSON.stringify(r)}catch(r){this._reportWarning("applyCrop: could not serialize before state",r),l=null}try{let r=this.canvas.getObjects().filter(c=>c.maskId);r&&r.length&&(r.forEach(c=>{try{this._removeLabelForMask(c),this.canvas.remove(c)}catch(h){this._reportWarning("applyCrop: failed to remove mask",h)}}),this._lastMask=null,this._lastMaskInitialLeft=null,this._lastMaskInitialTop=null,this._lastMaskInitialWidth=null,this.canvas.discardActiveObject(),this.canvas.renderAll())}catch(r){this._reportWarning("applyCrop: error while removing masks",r)}try{if(this._cropRect){try{this._cropHandlers&&this._cropHandlers.length&&this._cropHandlers.forEach(r=>{r.handlers.forEach(c=>r.target.off(c.evt,c.fn))})}catch(r){}try{this.canvas.remove(this._cropRect)}catch(r){}this._cropRect=null}}catch(r){}this._cropMode=!1,this.canvas.selection=!!this._prevSelectionSetting,this._prevSelectionSetting=void 0;let n;try{let r=this.canvas.toDataURL({format:"jpeg",quality:this.options.downsampleQuality||.92,multiplier:1});n=await new Promise((c,h)=>{let d=new Image;d.onload=()=>{try{let p=document.createElement("canvas");p.width=i,p.height=a,p.getContext("2d").drawImage(d,s,e,i,a,0,0,i,a);let I=p.toDataURL("image/jpeg",this.options.downsampleQuality||.92);c(I)}catch(p){h(p)}},d.onerror=p=>h(p),d.src=r})}catch(r){this._reportError("applyCrop: failed to create cropped image",r),this._updateUI();return}try{await this.loadImage(n)}catch(r){this._reportError("applyCrop: loadImage(croppedBase64) failed",r),this._updateUI();return}let o=null;try{let r=this.canvas.toJSON(["maskId","maskName","isCropRect"]);Array.isArray(r.objects)&&(r.objects=r.objects.filter(c=>!c.isCropRect)),o=JSON.stringify(r)}catch(r){this._reportWarning("applyCrop: failed to serialize after state",r),o=null}try{let r=this,c=new k(()=>{o&&r.loadFromState(o)},()=>{l&&r.loadFromState(l)});this.historyManager||(this.historyManager=new M(this.maxHistorySize||50)),this.historyManager.currentIndex<this.historyManager.history.length-1&&(this.historyManager.history=this.historyManager.history.slice(0,this.historyManager.currentIndex+1)),this.historyManager.history.push(c),this.historyManager.history.length>this.historyManager.maxSize?this.historyManager.history.shift():this.historyManager.currentIndex++}catch(r){this._reportWarning("applyCrop: failed to push history command",r)}this._updateUI(),this.canvas.renderAll()}_updateInputs(){let t=document.getElementById(this.elements.scaleRate);t&&(t.value=Math.round(this.currentScale*100))}_updateUI(){let t=!!this.originalImage,e=(t?this.canvas.getObjects().filter(c=>c.maskId):[]).length>0,i=this.canvas.getActiveObject(),a=i&&i.maskId,l=this.currentScale===1&&this.currentRotation===0,n=this.historyManager?.canUndo(),o=this.historyManager?.canRedo();if(!!this._cropMode){for(let c of Object.keys(this.elements||{})){let h=document.getElementById(this.elements[c]);h&&(c==="applyCropBtn"||c==="cancelCropBtn"?h.disabled=!1:h.disabled=!0)}return}this._setDisabled("zoomInBtn",!t||this.isAnimating||this.currentScale>=this.options.maxScale),this._setDisabled("zoomOutBtn",!t||this.isAnimating||this.currentScale<=this.options.minScale),this._setDisabled("rotateLeftBtn",!t||this.isAnimating),this._setDisabled("rotateRightBtn",!t||this.isAnimating),this._setDisabled("addMaskBtn",!t||this.isAnimating),this._setDisabled("removeMaskBtn",!a||this.isAnimating),this._setDisabled("removeAllMasksBtn",!e||this.isAnimating),this._setDisabled("mergeBtn",!t||!e||this.isAnimating),this._setDisabled("downloadBtn",!t||this.isAnimating),this._setDisabled("resetBtn",!t||l||this.isAnimating),this._setDisabled("undoBtn",!t||this.isAnimating||!n),this._setDisabled("redoBtn",!t||this.isAnimating||!o),this._setDisabled("cropBtn",!t||this.isAnimating),this._setDisabled("applyCropBtn",!0),this._setDisabled("cancelCropBtn",!0)}_setDisabled(t,s){let e=document.getElementById(this.elements[t]);e&&(e.disabled=!!s)}_updatePlaceholderStatus(){this.options.showPlaceholder&&this._setPlaceholderVisible(!this.originalImage)}_setPlaceholderVisible(t){this.placeholderEl&&(t?(this.placeholderEl.classList.remove("d-none"),this.placeholderEl.classList.add("d-flex"),this.containerEl.classList.add("d-none")):(this.placeholderEl.classList.remove("d-flex"),this.placeholderEl.classList.add("d-none"),this.containerEl.classList.remove("d-none")))}dispose(){try{for(let t in this._boundHandlers||{}){let s=this._boundHandlers[t]||[],e=document.getElementById(this.elements[t]);e&&s.forEach(i=>{try{e.removeEventListener(i.event,i.handler)}catch(a){}})}}catch(t){}if(this._cropRect){try{this.canvas.remove(this._cropRect)}catch(t){}this._cropRect=null}if(this.canvas){try{this.canvas.dispose()}catch(t){}this.canvas=null,this.canvasEl=null,this.isImageLoadedToCanvas=!1}this._boundHandlers={}}},w=class{constructor(){this.queue=[],this.running=!1}async add(t){return new Promise((s,e)=>{this.queue.push({fn:t,resolve:s,reject:e}),this.running||this.processQueue()})}async processQueue(){if(this.queue.length===0){this.running=!1;return}this.running=!0;let{fn:t,resolve:s,reject:e}=this.queue.shift();try{let i=await t();s(i)}catch(i){e(i)}this.processQueue()}},k=class{constructor(t,s){this.execute=t,this.undo=s}},M=class{constructor(t=50){this.history=[],this.currentIndex=-1,this.maxSize=t}execute(t){t.execute(),this.currentIndex<this.history.length-1&&(this.history=this.history.slice(0,this.currentIndex+1)),this.history.push(t),this.history.length>this.maxSize?this.history.shift():this.currentIndex++}canUndo(){return this.currentIndex>=0}canRedo(){return this.currentIndex<this.history.length-1}undo(){this.currentIndex>=0&&(this.history[this.currentIndex].undo(),this.currentIndex--)}redo(){this.currentIndex<this.history.length-1&&(this.currentIndex++,this.history[this.currentIndex].execute())}};var L=C;var j=x&&(x.fabric||x.default||x);E(j);var D=L;export{L as ImageEditor,D as default};
 //# sourceMappingURL=image-editor.esm.min.js.map