@bensitu/image-editor 1.2.0 → 1.2.2

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

@@ -0,0 +1,9 @@
+import M from"fabric";/**
+ * @file image-editor.js
+ * @module image-editor
+ * @version 1.2.2
+ * @author Ben Situ
+ * @license MIT
+ * @description Lightweight canvas-based image editor with masking/transform/export support.
+ */var v=null;function A(){return typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:null}function B(){let _=A();return _&&_.fabric?_.fabric:null}function x(_){return v=_||B(),v}function w(){return v||x(),v}var k=class{constructor(t={}){let s={getText:a=>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"}},e={minWidth:100,minHeight:100,padding:10,hideMasksDuringCrop:!0,preserveMasksAfterCrop:!1,allowRotationOfCropRect:!1},i=t.label||{},n=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,...n}},this._fabricLoaded=!!w(),this._fabricLoaded||this._reportError("fabric.js is not loaded. Please include fabric.js first. Initialization will be aborted."),this.canvas=null,this.canvasElement=null,this.containerElement=null,this.placeholderElement=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._handlersByElementKey={},this._lastMask=null,this._lastMaskInitialLeft=null,this._lastMaskInitialTop=null,this._lastMaskInitialWidth=null,this._lastSnapshot=null,this._cropMode=!1,this._cropRect=null,this._cropHandlers=[],this._cropPrevEvented=null,this._prevSelectionSetting=void 0,this._containerOriginalOverflow=void 0,this.onImageLoaded=typeof t.onImageLoaded=="function"?t.onImageLoaded:null,this.animQueue=new S,this.historyManager=new I(this.maxHistorySize)}get canvasEl(){return this.canvasElement}set canvasEl(t){this.canvasElement=t}get containerEl(){return this.containerElement}set containerEl(t){this.containerElement=t}get placeholderEl(){return this.placeholderElement}set placeholderEl(t){this.placeholderElement=t}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.canvasElement=t,this.elements.canvasContainer){let i=document.getElementById(this.elements.canvasContainer);this.containerElement=i||t.parentElement}else this.containerElement=t.parentElement;this.placeholderElement=document.getElementById(this.elements.imgPlaceholder)||null;let s=this.options.canvasWidth,e=this.options.canvasHeight;if(this.containerElement){let i=Math.floor(this.containerElement.clientWidth),n=Math.floor(this.containerElement.clientHeight);i>0&&n>0&&(s=i,e=n)}this.canvas=new v.Canvas(t,{width:s,height:e,backgroundColor:this.options.backgroundColor,selection:this.options.groupSelection,preserveObjectStacking:!0}),this.canvas.on("selection:created",i=>this._handleSelectionChanged(i.selected)),this.canvas.on("selection:updated",i=>this._handleSelectionChanged(i.selected)),this.canvas.on("selection:cleared",()=>this._handleSelectionChanged([])),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=>this._handleObjectModified(i.target)),this.canvasElement.style.display="block"}_handleObjectModified(t){let s=this._getModifiedMasks(t);s.length&&(s.forEach(e=>{typeof e.setCoords=="function"&&e.setCoords(),this._syncMaskLabel(e),this._expandCanvasToFitObject(e)}),this.saveState())}_getModifiedMasks(t){if(!t)return[];if(t.maskId)return[t];let s=typeof t.getObjects=="function"?t.getObjects():[];return Array.isArray(s)?s.filter(e=>e&&e.maskId):[]}_syncContainerOverflow(){if(!(!this.containerElement||!this.containerElement.style))if(this._containerOriginalOverflow===void 0&&(this._containerOriginalOverflow=this.containerElement.style.overflow||""),this.options.coverImageToCanvas){let t=!this.isImageLoadedToCanvas;this.containerElement.style.overflow="scroll",t&&(this.containerElement.scrollLeft=0,this.containerElement.scrollTop=0)}else this.options.fitImageToCanvas?(this.containerElement.style.overflow="auto",this.containerElement.scrollLeft=0,this.containerElement.scrollTop=0):this.containerElement.style.overflow=this._containerOriginalOverflow}_bindEvents(){this._bindIfExists("uploadArea","click",()=>{let t=document.getElementById(this.elements.uploadArea);this._isElementDisabled(t)||document.getElementById(this.elements.imageInput)?.click()}),this._bindIfExists("imageInput","change",t=>{let s=t.target.files&&t.target.files[0];s&&this._loadImageFile(s)}),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.resetImageTransform()}),this._bindIfExists("addMaskBtn","click",()=>this.createMask()),this._bindIfExists("removeMaskBtn","click",()=>this.removeSelectedMask()),this._bindIfExists("removeAllMasksBtn","click",()=>this.removeAllMasks()),this._bindIfExists("mergeBtn","click",()=>this.mergeMasks()),this._bindIfExists("downloadBtn","click",()=>this.downloadImage()),this._bindIfExists("undoBtn","click",()=>this.undo()),this._bindIfExists("redoBtn","click",()=>this.redo()),this._bindIfExists("rotateLeftBtn","click",()=>{let t=document.getElementById(this.elements.rotationLeftInput),s=this.options.rotationStep;if(t){let e=parseFloat(t.value);isNaN(e)||(s=e)}this.rotateImage(this.currentRotation-s)}),this._bindIfExists("rotateRightBtn","click",()=>{let t=document.getElementById(this.elements.rotationRightInput),s=this.options.rotationStep;if(t){let e=parseFloat(t.value);isNaN(e)||(s=e)}this.rotateImage(this.currentRotation+s)}),this._bindIfExists("cropBtn","click",()=>this.enterCropMode()),this._bindIfExists("applyCropBtn","click",()=>{this.applyCrop().catch(t=>this._reportError("applyCrop failed",t))}),this._bindIfExists("cancelCropBtn","click",()=>this.cancelCrop())}_bindIfExists(t,s,e){let i=document.getElementById(this.elements[t]);i&&(i.addEventListener(s,e),this._handlersByElementKey=this._handlersByElementKey||{},this._handlersByElementKey[t]||(this._handlersByElementKey[t]=[]),this._handlersByElementKey[t].push({eventName: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),this._syncContainerOverflow();let s=await this._createImageElement(t),e=t;if(this.options.downsampleOnLoad&&(s.naturalWidth>this.options.downsampleMaxWidth||s.naturalHeight>this.options.downsampleMaxHeight)){let n=Math.min(this.options.downsampleMaxWidth/s.naturalWidth,this.options.downsampleMaxHeight/s.naturalHeight),a=Math.round(s.naturalWidth*n),o=Math.round(s.naturalHeight*n);e=this._resampleImageToDataURL(s,a,o,this.options.downsampleQuality)}return new Promise((i,n)=>{v.Image.fromURL(e,a=>{try{if(!a)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)),a.set({originX:"left",originY:"top",selectable:!1,evented:!1});let o=a.width,r=a.height,h=this._getContainerViewportSize(),c=h.width,l=h.height;if(this.options.fitImageToCanvas){let u=Math.max(1,Math.min(this.options.canvasWidth,c)-1),d=Math.max(1,Math.min(this.options.canvasHeight,l)-1);this._setCanvasSizeInt(u,d);let p=Math.min(u/o,d/r,1);a.set({left:0,top:0}),a.scale(p),this.baseImageScale=a.scaleX||1}else if(this.options.coverImageToCanvas){let u=this._calculateCoverCanvasLayout(o,r);this._setCanvasSizeInt(u.canvasWidth,u.canvasHeight),a.set({left:0,top:0}),a.scale(u.scale),this.baseImageScale=a.scaleX||1}else if(this.options.expandCanvasToImage){let u=Math.max(c,Math.floor(o)),d=Math.max(l,Math.floor(r));this._setCanvasSizeInt(u,d),a.set({left:0,top:0}),a.scale(1),this.baseImageScale=1}else{let u=Math.max(this.options.canvasWidth,c),d=Math.max(this.options.canvasHeight,l);this._setCanvasSizeInt(u,d);let p=Math.min(u/o,d/r,1);a.set({left:0,top:0}),a.scale(p),this.baseImageScale=a.scaleX||1}this.originalImage=a,this.canvas.add(a),this.canvas.sendToBack(a),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();try{this._lastSnapshot=this._serializeCanvasState()}catch(u){this._reportWarning("loadImage: failed to capture initial canvas snapshot",u)}typeof this.onImageLoaded=="function"&&this.onImageLoaded(),i()}catch(o){n(o)}},{crossOrigin:"anonymous"})})}isImageLoaded(){let t=w();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=n=>{i.onload=null,i.onerror=null,e(n)},i.src=t})}_resampleImageToDataURL(t,s,e,i=.92){let n=document.createElement("canvas");return n.width=s,n.height=e,n.getContext("2d").drawImage(t,0,0,t.naturalWidth,t.naturalHeight,0,0,s,e),n.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.canvasElement&&(this.canvasElement.style.width=e+"px",this.canvasElement.style.height=i+"px",this.canvasElement.style.maxWidth="none")}_ceilCanvasDimension(t){let s=Number(t)||0,e=Math.round(s);return Math.abs(s-e)<.01?e:Math.ceil(s)}_getContainerViewportSize(){if(!this.containerElement)return{width:Math.max(1,Math.floor(this.options.canvasWidth||1)),height:Math.max(1,Math.floor(this.options.canvasHeight||1))};if(this._hasFixedContainerScrollbars())return{width:Math.max(1,Math.floor(this.containerElement.clientWidth||this.options.canvasWidth||1)),height:Math.max(1,Math.floor(this.containerElement.clientHeight||this.options.canvasHeight||1))};let t=this.containerElement.style.overflow;this.containerElement.style.overflow="hidden";let s=Math.max(1,Math.floor(this.containerElement.clientWidth||this.options.canvasWidth||1)),e=Math.max(1,Math.floor(this.containerElement.clientHeight||this.options.canvasHeight||1));return this.containerElement.style.overflow=t,{width:s,height:e}}_hasFixedContainerScrollbars(){if(!this.containerElement)return!1;let t=this.containerElement.style.overflow,s=this.containerElement.style.overflowX,e=this.containerElement.style.overflowY,i="",n="",a="";if(typeof window<"u"&&typeof window.getComputedStyle=="function"){let o=window.getComputedStyle(this.containerElement);i=o.overflow,n=o.overflowX,a=o.overflowY}return[t,s,e,i,n,a].some(o=>o==="scroll")}_getScrollbarSize(){if(typeof document>"u"||!document.createElement||!document.body)return{width:0,height:0};let t=document.createElement("div");t.style.position="absolute",t.style.visibility="hidden",t.style.overflow="scroll",t.style.width="100px",t.style.height="100px",t.style.top="-9999px",document.body.appendChild(t);let s=Math.max(0,t.offsetWidth-t.clientWidth),e=Math.max(0,t.offsetHeight-t.clientHeight);return document.body.removeChild(t),{width:s,height:e}}_getScrollSafetyMargin(){return 2}_getScrollableCanvasSize(t,s,e=this._getContainerViewportSize()){if(this._hasFixedContainerScrollbars()){let h=this._getScrollSafetyMargin(),c=Math.max(1,e.width-h),l=Math.max(1,e.height-h);return{width:t>e.width+.5?this._ceilCanvasDimension(t):c,height:s>e.height+.5?this._ceilCanvasDimension(s):l,viewportWidth:e.width,viewportHeight:e.height,hasHorizontal:!0,hasVertical:!0}}let i=this._getScrollbarSize(),n=!1,a=!1,o=e.width,r=e.height;for(let h=0;h<4;h+=1){o=Math.max(1,e.width-(n?i.width:0)),r=Math.max(1,e.height-(a?i.height:0));let c=s>r+.5,l=t>o+.5;if(c===n&&l===a)break;n=c,a=l}return o=Math.max(1,e.width-(n?i.width:0)),r=Math.max(1,e.height-(a?i.height:0)),{width:a?this._ceilCanvasDimension(t):o,height:n?this._ceilCanvasDimension(s):r,viewportWidth:o,viewportHeight:r,hasHorizontal:a,hasVertical:n}}_calculateCoverCanvasLayout(t,s){let e=this._getContainerViewportSize();if(this._hasFixedContainerScrollbars()){let d=this._getScrollSafetyMargin(),p=Math.max(1,e.width-d),g=Math.max(1,e.height-d),m=Math.min(1,Math.max(p/t,g/s)),f=t*m,C=s*m,y=this._getScrollableCanvasSize(f,C,e);return{scale:m,canvasWidth:y.width,canvasHeight:y.height}}let i=this._getScrollbarSize(),n=!1,a=!1,o=1,r=t,h=s,c=e.width,l=e.height;for(let d=0;d<4;d+=1){c=Math.max(1,e.width-(n?i.width:0)),l=Math.max(1,e.height-(a?i.height:0)),o=Math.min(1,Math.max(c/t,l/s)),r=t*o,h=s*o;let p=h>l+.5,g=r>c+.5;if(p===n&&g===a)break;n=p,a=g}let u=this._getScrollableCanvasSize(r,h,e);return{scale:o,canvasWidth:u.width,canvasHeight:u.height}}_getStateProperties(){return["maskId","maskName","maskLabel","isCropRect","originalAlpha","originalStroke","originalStrokeWidth","selectable","evented","hasControls","lockRotation","borderColor","cornerColor","cornerSize","transparentCorners","strokeUniform","strokeDashArray"]}_getMaskNormalStyle(t){let s=Number(t&&t.originalStrokeWidth),e=Number(t&&t.originalAlpha),i={stroke:t&&t.originalStroke||"#ccc",strokeWidth:Number.isFinite(s)?s:1};return Number.isFinite(e)&&(i.opacity=e),i}_withNormalizedMaskStyles(t){if(!this.canvas)return t();let s=this.canvas.getObjects().filter(i=>i.maskId),e=s.map(i=>({object:i,stroke:i.stroke,strokeWidth:i.strokeWidth,opacity:i.opacity}));try{return s.forEach(i=>{i.set(this._getMaskNormalStyle(i))}),t()}finally{e.forEach(i=>{try{i.object.set({stroke:i.stroke,strokeWidth:i.strokeWidth,opacity:i.opacity})}catch(n){}})}}_restoreMaskControls(t){if(!t)return;let s=Number(t.cornerSize);t.set({selectable:t.selectable!==!1,evented:t.evented!==!1,hasControls:t.hasControls!==!1,lockRotation:typeof t.lockRotation=="boolean"?t.lockRotation:!this.options.maskRotatable,borderColor:t.borderColor||"red",cornerColor:t.cornerColor||"black",cornerSize:Number.isFinite(s)?s:8,transparentCorners:t.transparentCorners===!0,strokeUniform:t.strokeUniform!==!1}),typeof t.setCoords=="function"&&t.setCoords()}_serializeCanvasState(){return this.canvas?this._withNormalizedMaskStyles(()=>{let t=this.canvas.toJSON(this._getStateProperties());return Array.isArray(t.objects)&&(t.objects=t.objects.filter(s=>!s.isCropRect&&!s.maskLabel)),JSON.stringify(t)}):null}_normalizeQuality(t){let s=Number(t);return Number.isFinite(s)?Math.max(0,Math.min(1,s)):this.options.downsampleQuality??.92}_normalizeImageFormat(t){return{jpeg:"jpeg",jpg:"jpeg","image/jpeg":"jpeg",png:"png","image/png":"png",webp:"webp","image/webp":"webp"}[String(t||"jpeg").toLowerCase()]||"jpeg"}_getClampedCanvasRegion(t,s={}){let e=Math.max(1,Math.round(this.canvas.getWidth())),i=Math.max(1,Math.round(this.canvas.getHeight())),n=Number(t.left)||0,a=Number(t.top)||0,o=Math.max(0,Number(t.width)||0),r=Math.max(0,Number(t.height)||0),c=s.includePartialPixels!==!1?Math.ceil:Math.floor,l=Math.min(e-1,Math.max(0,Math.floor(n))),u=Math.min(i-1,Math.max(0,Math.floor(a))),d=Math.min(e,Math.max(l+1,c(n+o))),p=Math.min(i,Math.max(u+1,c(a+r)));return{sx:l,sy:u,sw:Math.max(1,d-l),sh:Math.max(1,p-u)}}async _cropDataUrl(t,s,e,i,n,a,o="jpeg",r=.92){return new Promise((h,c)=>{let l=new Image;l.onload=()=>{try{let u=Math.max(1,Number(a)||1),d=Math.round(s*u),p=Math.round(e*u),g=Math.max(1,Math.round(i*u)),m=Math.max(1,Math.round(n*u)),f=document.createElement("canvas");f.width=g,f.height=m,f.getContext("2d").drawImage(l,d,p,g,m,0,0,g,m),h(f.toDataURL(`image/${o}`,r))}catch(u){c(u)}},l.onerror=c,l.src=t})}async _exportCanvasRegionToDataURL({sx:t,sy:s,sw:e,sh:i,multiplier:n=1,quality:a=.92,format:o="jpeg"}){let r=Math.max(1,Number(n)||1),h=this.canvas.toDataURL({format:o,quality:a,multiplier:r});return this._cropDataUrl(h,t,s,e,i,r,o,a)}_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._getScrollableCanvasSize(t.width,t.height);this._setCanvasSizeInt(s.width,s.height)}_expandCanvasToFitObject(t,s=10){if(!(!this.canvas||!t||!this.options.expandCanvasToImage))try{t.setCoords();let e=t.getBoundingRect(!0,!0),i=Math.ceil(e.left+e.width+s),n=Math.ceil(e.top+e.height+s),a=this.containerElement?Math.floor(this.containerElement.clientWidth||0):0,o=this.containerElement?Math.floor(this.containerElement.clientHeight||0):0,r=Math.max(this.canvas.getWidth(),a,i),h=Math.max(this.canvas.getHeight(),o,n);this._setCanvasSizeInt(r,h)}catch(e){this._reportWarning("expandCanvasToFitObject: failed to expand canvas",e)}}scaleImage(t,s={}){return this.animQueue.add(()=>this._scaleImageImpl(t,s))}_scaleImageImpl(t,s={}){if(!this.originalImage||this.isAnimating)return Promise.resolve();let e=s.saveHistory!==!1;t=Math.max(this.options.minScale,Math.min(this.options.maxScale,t)),this.currentScale=t,this.isAnimating=!0,this._updateUI();let i=this.baseImageScale*t,n=this._getObjectTopLeftPoint(this.originalImage);this._setObjectOriginKeepingPosition(this.originalImage,"left","top",n);let a=new Promise(r=>{this.originalImage.animate("scaleX",i,{duration:this.options.animationDuration,onChange:this.canvas.renderAll.bind(this.canvas),onComplete:r})}),o=new Promise(r=>{this.originalImage.animate("scaleY",i,{duration:this.options.animationDuration,onChange:this.canvas.renderAll.bind(this.canvas),onComplete:r})});return Promise.all([a,o]).then(()=>{this.originalImage.set({scaleX:i,scaleY:i}),this.originalImage.setCoords(),(this.options.expandCanvasToImage||this.options.coverImageToCanvas)&&this._updateCanvasSizeToImageBounds(),this._alignObjectBoundingBoxToCanvasTopLeft(this.originalImage),this.canvas.getObjects().forEach(r=>{r.maskId&&this._syncMaskLabel(r)}),this.isAnimating=!1,this._updateInputs(),this._updateUI(),e&&this.saveState()}).catch(()=>{this.isAnimating=!1,this._updateUI()})}rotateImage(t,s={}){return this.animQueue.add(()=>this._rotateImageImpl(t,s))}_rotateImageImpl(t,s={}){if(!this.originalImage||this.isAnimating||isNaN(t))return Promise.resolve();let e=s.saveHistory!==!1;this.currentRotation=t,this.isAnimating=!0,this._updateUI();let i=this.originalImage.getCenterPoint();return this._setObjectOriginKeepingPosition(this.originalImage,"center","center",i),new Promise(a=>{this.originalImage.animate("angle",t,{duration:this.options.animationDuration,onChange:this.canvas.renderAll.bind(this.canvas),onComplete:a})}).then(()=>{this.originalImage.set("angle",t),this.originalImage.setCoords(),(this.options.expandCanvasToImage||this.options.coverImageToCanvas)&&this._updateCanvasSizeToImageBounds(),this._alignObjectBoundingBoxToCanvasTopLeft(this.originalImage);let a=this._getObjectTopLeftPoint(this.originalImage);this._setObjectOriginKeepingPosition(this.originalImage,"left","top",a),this.canvas.getObjects().forEach(o=>{o.maskId&&this._syncMaskLabel(o)}),this.isAnimating=!1,this._updateInputs(),this._updateUI(),e&&this.saveState()}).catch(()=>{this.isAnimating=!1,this._updateUI()})}resetImageTransform(){return this.originalImage?this.animQueue.add(async()=>{let t=this._serializeCanvasState();await this._scaleImageImpl(1,{saveHistory:!1}),await this._rotateImageImpl(0,{saveHistory:!1});let s=this._serializeCanvasState();this._pushStateTransition(t,s)}).catch(t=>{this._reportError("resetImageTransform() failed",t)}):Promise.resolve()}reset(){return this.resetImageTransform()}loadFromState(t){return!t||!this.canvas?Promise.resolve():new Promise(s=>{try{let e=typeof t=="string"?JSON.parse(t):t;this.canvas.loadFromJSON(e,()=>{try{this._hideAllMaskLabels();let i=this.canvas.getObjects();if(this.originalImage=i.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),this.currentRotation=Number(this.originalImage.angle)||0;let a=Number(this.baseImageScale)||1,o=Number(this.originalImage.scaleX)||a;this.currentScale=o/a}else this.currentScale=1,this.currentRotation=0;let n=i.filter(a=>a.maskId);n.forEach(a=>{this._restoreMaskControls(a),this._rebindMaskEvents(a),a.set(this._getMaskNormalStyle(a))}),this.maskCounter=n.reduce((a,o)=>Math.max(a,o.maskId),0),this._lastMask=n.length?n[n.length-1]:null,this._lastMask||(this._lastMaskInitialLeft=null,this._lastMaskInitialTop=null,this._lastMaskInitialWidth=null),this.isImageLoadedToCanvas=!!this.originalImage,this.canvas.renderAll(),this._updateInputs(),this._updateMaskList(),this._updatePlaceholderStatus(),this._lastSnapshot=this._serializeCanvasState(),this._updateUI()}catch(i){this._reportError("loadFromState() failed",i)}finally{s()}})}catch(e){this._reportError("loadFromState() failed",e),s()}})}saveState(){if(!this.canvas)return;let t=this.canvas.getActiveObject();this._hideAllMaskLabels();try{let s=this._serializeCanvasState(),e=this._lastSnapshot||s;if(s===e)return;let i=!1,n=new b(()=>{if(i)return this.loadFromState(s);i=!0},()=>this.loadFromState(e));this.historyManager.execute(n),this._lastSnapshot=s}catch(s){this._reportWarning("saveState: failed to save canvas snapshot",s)}finally{t&&t.maskId&&this.canvas.getObjects().includes(t)&&this._handleSelectionChanged([t]),this._updateUI()}}_pushStateTransition(t,s){if(!t||!s||t===s)return;this.historyManager||(this.historyManager=new I(this.maxHistorySize||50));let e=new b(()=>this.loadFromState(s),()=>this.loadFromState(t));this.historyManager.push(e),this._lastSnapshot=s,this._updateUI()}undo(){return this.historyManager.undo().then(()=>{this._updateUI()}).catch(t=>{this._reportError("undo failed",t)})}redo(){return this.historyManager.redo().then(()=>{this._updateUI()}).catch(t=>{this._reportError("redo failed",t)})}_rebindMaskEvents(t){if(!t)return;if(t.__imageEditorMaskHandlers)try{t.off("mouseover",t.__imageEditorMaskHandlers.mouseover),t.off("mouseout",t.__imageEditorMaskHandlers.mouseout)}catch(o){}let s={};Number.isFinite(Number(t.originalAlpha))||(s.originalAlpha=Number.isFinite(Number(t.opacity))?Number(t.opacity):.5),t.originalStroke||(s.originalStroke=t.stroke||"#ccc"),Number.isFinite(Number(t.originalStrokeWidth))||(s.originalStrokeWidth=Number.isFinite(Number(t.strokeWidth))?Number(t.strokeWidth):1),Object.keys(s).length&&t.set(s);let e={stroke:t.originalStroke||"#ccc",strokeWidth:t.originalStrokeWidth,opacity:t.originalAlpha},i={stroke:"#ff5500",strokeWidth:2,opacity:Math.min(t.originalAlpha+.2,1)},n=()=>{t.set(i),t.canvas&&t.canvas.requestRenderAll()},a=()=>{t.set(e),t.canvas&&t.canvas.requestRenderAll()};t.on("mouseover",n),t.on("mouseout",a),t.__imageEditorMaskHandlers={mouseover:n,mouseout:a}}createMask(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,n=i,a=i,o=(d,p)=>{if(typeof d=="function")return d(this.canvas,this.options);if(typeof d=="string"&&d.endsWith("%")){let g=parseFloat(d)/100;return Math.floor((this.canvas?this.canvas.getWidth():0)*g)}return d??p};if(e.left===void 0&&this._lastMask){let d=this._lastMask,p=d.left;d.getScaledWidth?p+=d.getScaledWidth():d.width&&(p+=d.width*(d.scaleX??1)),n=Math.round(p+e.gap),a=d.top??i}else n=o(e.left,i),a=o(e.top,i);e.width=o(e.width,this.options.defaultMaskWidth),e.height=o(e.height,this.options.defaultMaskHeight);let r;if(typeof e.fabricGenerator=="function")r=e.fabricGenerator(e,this.canvas,this.options);else switch(s){case"circle":r=new v.Circle({left:n,top:a,radius:o(e.radius,Math.min(e.width,e.height)/2),fill:e.color,opacity:e.alpha,angle:e.angle,...e.styles});break;case"ellipse":r=new v.Ellipse({left:n,top:a,rx:o(e.rx,e.width/2),ry:o(e.ry,e.height/2),fill:e.color,opacity:e.alpha,angle:e.angle,...e.styles});break;case"polygon":{let d=e.points||[];Array.isArray(d)&&d.length&&typeof d[0]=="object"&&(d=d.map(p=>({x:Number(p.x),y:Number(p.y)}))),r=new v.Polygon(d,{left:n,top:a,fill:e.color,opacity:e.alpha,angle:e.angle,...e.styles});break}case"rect":default:r=new v.Rect({left:n,top:a,width:o(e.width,this.options.defaultMaskWidth),height:o(e.height,this.options.defaultMaskHeight),fill:e.color,opacity:e.alpha,angle:e.angle,rx:e.rx,ry:e.ry,...e.styles})}let h=e.styles||{},c=d=>Object.prototype.hasOwnProperty.call(h,d),l={selectable:e.selectable!==!1,hasControls:"hasControls"in e?e.hasControls:!0,lockRotation:!this.options.maskRotatable,borderColor:"borderColor"in e?e.borderColor:"red",cornerColor:"cornerColor"in e?e.cornerColor:"black",cornerSize:"cornerSize"in e?e.cornerSize:8,transparentCorners:"transparentCorners"in e?e.transparentCorners:!1,stroke:c("stroke")?h.stroke:"#ccc",strokeWidth:c("strokeWidth")?h.strokeWidth:1,strokeUniform:"strokeUniform"in e?e.strokeUniform:c("strokeUniform")?h.strokeUniform:!0};c("strokeDashArray")&&(l.strokeDashArray=h.strokeDashArray),r.set(l),r.setCoords(),r.set({originalAlpha:e.alpha,originalStroke:r.stroke||"#ccc",originalStrokeWidth:Number.isFinite(Number(r.strokeWidth))?Number(r.strokeWidth):1}),this._rebindMaskEvents(r),this._expandCanvasToFitObject(r),this._lastMaskInitialLeft=n,this._lastMaskInitialTop=a,this._lastMaskInitialWidth=o(e.width,this.options.defaultMaskWidth);let u=++this.maskCounter;return r.set({maskId:u,maskName:`${this.options.maskName}${u}`}),this._lastMask=r,this.canvas.add(r),this.canvas.bringToFront(r),e.selectable&&this.canvas.setActiveObject(r),this._handleSelectionChanged([r]),this._updateMaskList(),this._updateUI(),this.canvas.renderAll(),this.saveState(),typeof e.onCreate=="function"&&e.onCreate(r,this.canvas),r}addMask(t={}){return this.createMask(t)}removeSelectedMask(){let t=this.canvas.getActiveObject(),s=this._getModifiedMasks(t);if(!s.length)return;this.canvas.discardActiveObject(),s.forEach(i=>{this._removeLabelForMask(i),this.canvas.remove(i)});let e=this.canvas.getObjects().filter(i=>i.maskId);this._lastMask=e.length?e[e.length-1]:null,this._lastMask||(this._lastMaskInitialLeft=null,this._lastMaskInitialTop=null,this._lastMaskInitialWidth=null),this._updateMaskList(),this._updateUI(),this.canvas.renderAll(),this.saveState()}removeAllMasks(t={}){let s=t.saveHistory!==!1,e=this.canvas.getObjects().filter(i=>i.maskId);e.forEach(i=>this._removeLabelForMask(i)),e.forEach(i=>this.canvas.remove(i)),this.canvas.discardActiveObject(),this._lastMask=null,this._lastMaskInitialLeft=null,this._lastMaskInitialTop=null,this._lastMaskInitialWidth=null,this._updateMaskList(),this._updateUI(),this.canvas.renderAll(),s&&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,v)),!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"};if(this.options.label){if(typeof this.options.label.getText=="function"){let n=this.canvas?this.canvas.getObjects().filter(o=>o.maskId):[],a=Math.max(0,n.indexOf(t));e=this.options.label.getText(t,a)}this.options.label.textOptions&&Object.assign(i,this.options.label.textOptions)}s=new v.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(),n=i.x-e.x,a=i.y-e.y,o=Math.sqrt(n*n+a*a)||1,r=n/o,h=a/o,c=Math.max(0,this.options.maskLabelOffset??3),l=e.x+r*c,u=e.y+h*c;t.__label.set({left:Math.round(l),top:Math.round(u),angle:t.angle||0,originX:"left",originY:"top",visible:!0}),t.__label.setCoords(),typeof this.canvas.requestRenderAll=="function"?this.canvas.requestRenderAll():this.canvas.renderAll()}_showLabelForMask(t){t&&this.options.maskLabelOnSelect&&(t.__label||this._createLabelForMask(t),t.__label.set({visible:!0}),this._syncMaskLabel(t))}_handleSelectionChanged(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}let n=Number(i.originalStrokeWidth);i.set({stroke:i.originalStroke||"#ccc",strokeWidth:Number.isFinite(n)?n: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._handleSelectionChanged([e])},t.appendChild(i)})}_updateMaskListSelection(t){let s=document.getElementById(this.elements.maskList);if(!s)return;s.querySelectorAll(".mask-item").forEach(i=>{let n=!!t&&i.textContent===t.maskName;i.classList.toggle("active",n)})}async mergeMasks(){if(!(!this.originalImage||!this.canvas.getObjects().filter(s=>s.maskId).length)){this.canvas.discardActiveObject(),this.canvas.renderAll();try{let s=this._serializeCanvasState(),e=await this.exportImageBase64({exportImageArea:!0,multiplier:this.options.exportMultiplier});this.removeAllMasks({saveHistory:!1}),await this.loadImage(e);let i=this._serializeCanvasState();this._pushStateTransition(s,i)}catch(s){this._reportError("merge error",s)}}}async merge(){return this.mergeMasks()}downloadImage(t=this.options.defaultDownloadFileName){if(!this.originalImage)return;let s=this.options.exportImageAreaByDefault;this.exportImageBase64({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 exportImageBase64(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,i=this._normalizeQuality(t.quality??this.options.downsampleQuality),n=this._normalizeImageFormat(t.fileType||t.format);if(!s){let h=this.canvas.getObjects().filter(l=>l.maskId||l.maskLabel),c=h.map(l=>({object:l,visible:l.visible}));try{h.forEach(m=>{m.set({visible:!1})}),this.canvas.discardActiveObject(),this.canvas.renderAll(),this.originalImage.setCoords();let l=this.originalImage.getBoundingRect(!0,!0),{sx:u,sy:d,sw:p,sh:g}=this._getClampedCanvasRegion(l,{includePartialPixels:!1});return await this._exportCanvasRegionToDataURL({sx:u,sy:d,sw:p,sh:g,multiplier:e,quality:i,format:n})}finally{c.forEach(l=>{try{l.object.set({visible:l.visible})}catch(u){}}),this.canvas.renderAll()}}let a=this.canvas.getObjects().filter(h=>h.maskId),o=a.map(h=>({object:h,opacity:h.opacity,fill:h.fill,strokeWidth:h.strokeWidth,stroke:h.stroke,selectable:h.selectable,lockRotation:h.lockRotation})),r;try{a.forEach(p=>this._removeLabelForMask(p)),this.canvas.discardActiveObject(),this.canvas.renderAll(),a.forEach(p=>{p.set({opacity:1,fill:"#000000",strokeWidth:0,stroke:null,selectable:!1}),p.setCoords()}),this.canvas.renderAll(),this.originalImage.setCoords();let h=this.originalImage.getBoundingRect(!0,!0),{sx:c,sy:l,sw:u,sh:d}=this._getClampedCanvasRegion(h,{includePartialPixels:!1});r=await this._exportCanvasRegionToDataURL({sx:c,sy:l,sw:u,sh:d,multiplier:e,quality:i,format:n})}finally{o.forEach(h=>{try{h.object.set({opacity:h.opacity,fill:h.fill,strokeWidth:h.strokeWidth,stroke:h.stroke,selectable:h.selectable,lockRotation:h.lockRotation}),h.object.setCoords()}catch(c){}}),this.canvas.renderAll()}return r}async getImageBase64(t={}){return this.exportImageBase64(t)}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:n=this.options.exportMultiplier??1,fileName:a=this.options.defaultDownloadFileName??"exported_image.jpg"}=t,o=this._normalizeImageFormat(e),r;s?r=await this.exportImageBase64({exportImageArea:!0,multiplier:n,quality:i,fileType:o}):r=await this.exportImageBase64({exportImageArea:!1,multiplier:n,quality:i,fileType:o});let h=r;h.startsWith(`data:image/${o}`)||(h=await new Promise((p,g)=>{let m=new window.Image;m.crossOrigin="Anonymous",m.onload=()=>{try{let f=document.createElement("canvas");f.width=m.width,f.height=m.height,f.getContext("2d").drawImage(m,0,0);let y=f.toDataURL(`image/${o}`,i);p(y)}catch(f){g(f)}},m.onerror=g,m.src=r}));let c=atob(h.split(",")[1]),l=`image/${o}`,u=c.length,d=new Uint8Array(u);for(;u--;)d[u]=c.charCodeAt(u);return new File([d],a,{type:l})}_clearMaskPlacementMemory(){this._lastMask=null,this._lastMaskInitialLeft=null,this._lastMaskInitialTop=null,this._lastMaskInitialWidth=null}async _restoreStateAfterCropFailure(t,s,e){if(this._reportError(s,e),this._cropRect&&this.canvas&&this._removeCropRect(),this._cropRect=null,this._cropMode=!1,this.canvas&&this._prevSelectionSetting!==void 0&&(this.canvas.selection=!!this._prevSelectionSetting),this._prevSelectionSetting=void 0,t)try{await this.loadFromState(t)}catch(i){this._reportError("applyCrop: rollback failed",i)}this._updateUI(),this.canvas&&this.canvas.renderAll()}_restoreCropObjectState(){Array.isArray(this._cropPrevEvented)&&this._cropPrevEvented.forEach(t=>{try{t.object.set({evented:t.evented,selectable:t.selectable,visible:t.visible})}catch(s){}}),this._cropPrevEvented=null}_removeCropRect(){if(this._cropRect){try{this._cropHandlers&&this._cropHandlers.length&&this._cropHandlers.forEach(t=>{t.handlers.forEach(s=>{t.target.off(s.eventName,s.handler)})})}catch(t){}try{this.canvas.remove(this._cropRect)}catch(t){}this._cropRect=null,this._cropHandlers=[]}}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)),n=Math.min(this.options.crop.minWidth||50,Math.floor(t.width-s*2)),a=Math.min(this.options.crop.minHeight||50,Math.floor(t.height-s*2)),o=new v.Rect({left:e,top:i,width:n,height:a,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(o),o.isCropRect=!0,this.canvas.bringToFront(o),this.canvas.setActiveObject(o),this._cropRect=o,this._cropPrevEvented=[];let r=!!(this.options.crop&&this.options.crop.hideMasksDuringCrop);this.canvas.getObjects().forEach(c=>{if(c!==o){this._cropPrevEvented.push({object:c,evented:c.evented,selectable:c.selectable,visible:c.visible});try{let l={evented:!1,selectable:!1};r&&(c.maskId||c.maskLabel)&&(l.visible=!1),c.set(l)}catch(l){}}});let h=()=>{try{o.setCoords(),this.canvas.requestRenderAll()}catch(c){}};o.on("modified",h),o.on("moving",h),o.on("scaling",h),this._cropHandlers.push({target:o,handlers:[{eventName:"modified",handler:h},{eventName:"moving",handler:h},{eventName:"scaling",handler:h}]}),this._updateUI(),this.canvas.renderAll()}cancelCrop(){!this.canvas||!this._cropMode||(this._removeCropRect(),this._restoreCropObjectState(),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),{sx:s,sy:e,sw:i,sh:n}=this._getClampedCanvasRegion(t),a=!!(this.options.crop&&this.options.crop.preserveMasksAfterCrop);this._restoreCropObjectState();let o=null;try{o=this._serializeCanvasState()}catch(l){this._reportWarning("applyCrop: could not serialize before state",l),o=null}let r=[];try{let l=this.canvas.getObjects().filter(u=>u.maskId);l&&l.length&&(l.forEach(u=>{try{u.setCoords();let d=u.getBoundingRect(!0,!0),p=d.left<s+i&&d.left+d.width>s&&d.top<e+n&&d.top+d.height>e;this._removeLabelForMask(u),this.canvas.remove(u),a&&p&&(u.set({left:(u.left||0)-s,top:(u.top||0)-e,visible:!0}),u.setCoords(),r.push(u))}catch(d){this._reportWarning("applyCrop: failed to remove mask",d)}}),this._clearMaskPlacementMemory(),this.canvas.discardActiveObject(),this.canvas.renderAll())}catch(l){this._reportWarning("applyCrop: error while removing masks",l)}this._removeCropRect(),this._cropMode=!1,this.canvas.selection=!!this._prevSelectionSetting,this._prevSelectionSetting=void 0;let h;try{h=await this._exportCanvasRegionToDataURL({sx:s,sy:e,sw:i,sh:n,multiplier:1,quality:this._normalizeQuality(this.options.downsampleQuality),format:"jpeg"})}catch(l){await this._restoreStateAfterCropFailure(o,"applyCrop: failed to create cropped image",l);return}try{await this.loadImage(h),r.length&&(r.forEach(l=>{this._rebindMaskEvents(l),this.canvas.add(l),this.canvas.bringToFront(l)}),this._lastMask=r[r.length-1],this.maskCounter=r.reduce((l,u)=>Math.max(l,u.maskId||0),this.maskCounter),this._updateMaskList(),this.canvas.renderAll())}catch(l){await this._restoreStateAfterCropFailure(o,"applyCrop: loadImage(croppedBase64) failed",l);return}let c=null;try{c=this._serializeCanvasState()}catch(l){this._reportWarning("applyCrop: failed to serialize after state",l),c=null}try{this._pushStateTransition(o,c)}catch(l){this._reportWarning("applyCrop: failed to push history command",l)}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(),n=i&&i.maskId,a=this.currentScale===1&&this.currentRotation===0,o=this.historyManager?.canUndo(),r=this.historyManager?.canRedo();if(!!this._cropMode){for(let c of Object.keys(this.elements||{}))document.getElementById(this.elements[c])&&(c==="applyCropBtn"||c==="cancelCropBtn"?this._setDisabled(c,!1):this._setDisabled(c,!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",!n||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||a||this.isAnimating),this._setDisabled("undoBtn",!t||this.isAnimating||!o),this._setDisabled("redoBtn",!t||this.isAnimating||!r),this._setDisabled("cropBtn",!t||this.isAnimating),this._setDisabled("applyCropBtn",!0),this._setDisabled("cancelCropBtn",!0),this._setDisabled("imageInput",this.isAnimating),this._setDisabled("uploadArea",this.isAnimating)}_setDisabled(t,s){let e=document.getElementById(this.elements[t]);if(e){if("disabled"in e){e.disabled=!!s;return}s?(e.setAttribute("aria-disabled","true"),e.style.pointerEvents="none"):(e.removeAttribute("aria-disabled"),e.style.pointerEvents="")}}_isElementDisabled(t){return t?"disabled"in t?!!t.disabled:t.getAttribute("aria-disabled")==="true":!1}_updatePlaceholderStatus(){this.options.showPlaceholder&&this._setPlaceholderVisible(!this.originalImage)}_setPlaceholderVisible(t){this.placeholderElement&&(t?(this.placeholderElement.classList.remove("d-none"),this.placeholderElement.classList.add("d-flex"),this.containerElement.classList.add("d-none")):(this.placeholderElement.classList.remove("d-flex"),this.placeholderElement.classList.add("d-none"),this.containerElement.classList.remove("d-none")))}dispose(){try{for(let t in this._handlersByElementKey||{}){let s=this._handlersByElementKey[t]||[],e=document.getElementById(this.elements[t]);e&&s.forEach(i=>{try{e.removeEventListener(i.eventName,i.handler)}catch(n){}})}}catch(t){}if(this._cropRect){try{this.canvas.remove(this._cropRect)}catch(t){}this._cropRect=null}if(this.containerElement&&this._containerOriginalOverflow!==void 0)try{this.containerElement.style.overflow=this._containerOriginalOverflow}catch(t){}if(this.canvas){try{this.canvas.dispose()}catch(t){}this.canvas=null,this.canvasElement=null,this.isImageLoadedToCanvas=!1}this._handlersByElementKey={}}},S=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()}},b=class{constructor(t,s){this.execute=t,this.undo=s}},I=class{constructor(t=50){this.history=[],this.currentIndex=-1,this.maxSize=t,this.pending=Promise.resolve()}enqueue(t){let s=this.pending.then(t,t);return this.pending=s.catch(()=>{}),s}execute(t){t.execute(),this.push(t)}push(t){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(){return this.enqueue(async()=>{if(this.currentIndex>=0){let t=this.currentIndex;await this.history[t].undo(),this.currentIndex=t-1}})}redo(){return this.enqueue(async()=>{if(this.currentIndex<this.history.length-1){let t=this.currentIndex+1;await this.history[t].execute(),this.currentIndex=t}})}};var E=k;var L=M&&(M.fabric||M.default||M);x(L);var T=E;export{E as ImageEditor,T as default};
+//# sourceMappingURL=image-editor.esm.min.mjs.map

package/dist/image-editor.esm.min.mjs.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.2\n * @author Ben Situ\n * @license MIT\n * @description Lightweight canvas-based image editor with masking/transform/export support.\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 the visible canvas viewport.\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.canvasElement = null;\n            this.containerElement = null;\n            this.placeholderElement = 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._handlersByElementKey = {};\n\n            this._lastMask = null;\n            this._lastMaskInitialLeft = null;\n            this._lastMaskInitialTop = null;\n            this._lastMaskInitialWidth = null;\n            this._lastSnapshot = null;\n\n            this._cropMode = false;\n            this._cropRect = null;\n            this._cropHandlers = [];\n            this._cropPrevEvented = null;\n            this._prevSelectionSetting = undefined;\n            this._containerOriginalOverflow = undefined;\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         * @deprecated Use canvasElement instead.\n         */\n        get canvasEl() {\n            return this.canvasElement;\n        }\n\n        set canvasEl(value) {\n            this.canvasElement = value;\n        }\n\n        /**\n         * @deprecated Use containerElement instead.\n         */\n        get containerEl() {\n            return this.containerElement;\n        }\n\n        set containerEl(value) {\n            this.containerElement = value;\n        }\n\n        /**\n         * @deprecated Use placeholderElement instead.\n         */\n        get placeholderEl() {\n            return this.placeholderElement;\n        }\n\n        set placeholderEl(value) {\n            this.placeholderElement = value;\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 canvasElement = document.getElementById(this.elements.canvas);\n            if (!canvasElement) throw new Error('Canvas is not found: ' + this.elements.canvas);\n            this.canvasElement = canvasElement;\n\n            // Decide which element acts as \"viewport\" (for width/height fallback)\n            if (this.elements.canvasContainer) {\n                const containerElement = document.getElementById(this.elements.canvasContainer);\n                this.containerElement = containerElement || canvasElement.parentElement;\n            } else {\n                this.containerElement = canvasElement.parentElement;\n            }\n\n            this.placeholderElement = document.getElementById(this.elements.imgPlaceholder) || null;\n\n            // Initial size \u2014 take container size if available\n            let initialWidth = this.options.canvasWidth;\n            let initialHeight = this.options.canvasHeight;\n            if (this.containerElement) {\n                const containerWidth = Math.floor(this.containerElement.clientWidth);\n                const containerHeight = Math.floor(this.containerElement.clientHeight);\n                if (containerWidth > 0 && containerHeight > 0) {\n                    initialWidth = containerWidth;\n                    initialHeight = containerHeight;\n                }\n            }\n\n            this.canvas = new fabric.Canvas(canvasElement, {\n                width: initialWidth,\n                height: initialHeight,\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', (event) => this._handleSelectionChanged(event.selected));\n            this.canvas.on('selection:updated', (event) => this._handleSelectionChanged(event.selected));\n            this.canvas.on('selection:cleared', () => this._handleSelectionChanged([]));\n            this.canvas.on('object:moving', (event) => { if (event.target && event.target.maskId) this._syncMaskLabel(event.target); });\n            this.canvas.on('object:scaling', (event) => { if (event.target && event.target.maskId) this._syncMaskLabel(event.target); });\n            this.canvas.on('object:rotating', (event) => { if (event.target && event.target.maskId) this._syncMaskLabel(event.target); });\n            this.canvas.on('object:modified', (event) => this._handleObjectModified(event.target));\n\n            // Avoid inline-element whitespace artefacts\n            this.canvasElement.style.display = 'block';\n        }\n\n        _handleObjectModified(target) {\n            const masks = this._getModifiedMasks(target);\n            if (!masks.length) return;\n            masks.forEach(mask => {\n                if (typeof mask.setCoords === 'function') mask.setCoords();\n                this._syncMaskLabel(mask);\n                this._expandCanvasToFitObject(mask);\n            });\n            this.saveState();\n        }\n\n        _getModifiedMasks(target) {\n            if (!target) return [];\n            if (target.maskId) return [target];\n\n            const objects = typeof target.getObjects === 'function' ? target.getObjects() : [];\n\n            return Array.isArray(objects) ? objects.filter(object => object && object.maskId) : [];\n        }\n\n        _syncContainerOverflow() {\n            if (!this.containerElement || !this.containerElement.style) return;\n            if (this._containerOriginalOverflow === undefined) {\n                this._containerOriginalOverflow = this.containerElement.style.overflow || '';\n            }\n\n            if (this.options.coverImageToCanvas) {\n                const shouldResetScroll = !this.isImageLoadedToCanvas;\n                this.containerElement.style.overflow = 'scroll';\n                if (shouldResetScroll) {\n                    this.containerElement.scrollLeft = 0;\n                    this.containerElement.scrollTop = 0;\n                }\n            } else if (this.options.fitImageToCanvas) {\n                this.containerElement.style.overflow = 'auto';\n                this.containerElement.scrollLeft = 0;\n                this.containerElement.scrollTop = 0;\n            } else {\n                this.containerElement.style.overflow = this._containerOriginalOverflow;\n            }\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', () => {\n                const uploadAreaElement = document.getElementById(this.elements.uploadArea);\n                if (this._isElementDisabled(uploadAreaElement)) return;\n                document.getElementById(this.elements.imageInput)?.click();\n            });\n            // File-input change\n            this._bindIfExists('imageInput', 'change', (event) => {\n                const file = event.target.files && event.target.files[0];\n                if (file) this._loadImageFile(file);\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.resetImageTransform(); });\n            // Mask management\n            this._bindIfExists('addMaskBtn', 'click', () => this.createMask());\n            this._bindIfExists('removeMaskBtn', 'click', () => this.removeSelectedMask());\n            this._bindIfExists('removeAllMasksBtn', 'click', () => this.removeAllMasks());\n            // Merge + download\n            this._bindIfExists('mergeBtn', 'click', () => this.mergeMasks());\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            this._bindIfExists('rotateLeftBtn', 'click', () => {\n                const rotationInputElement = document.getElementById(this.elements.rotationLeftInput);\n                let step = this.options.rotationStep;\n                if (rotationInputElement) {\n                    const parsedStep = parseFloat(rotationInputElement.value);\n                    if (!isNaN(parsedStep)) step = parsedStep;\n                }\n                this.rotateImage(this.currentRotation - step);\n            });\n            this._bindIfExists('rotateRightBtn', 'click', () => {\n                const rotationInputElement = document.getElementById(this.elements.rotationRightInput);\n                let step = this.options.rotationStep;\n                if (rotationInputElement) {\n                    const parsedStep = parseFloat(rotationInputElement.value);\n                    if (!isNaN(parsedStep)) step = parsedStep;\n                }\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(error => this._reportError('applyCrop failed', error)); });\n            this._bindIfExists('cancelCropBtn', 'click', () => this.cancelCrop());\n        }\n\n        /** \n         * Event binding element check\n         * \n         * @param {*} eventName\n         * @param {*} handler \n         * @param {*} key \n         * @private\n         */\n        _bindIfExists(key, eventName, handler) {\n            const element = document.getElementById(this.elements[key]);\n            if (element) {\n                element.addEventListener(eventName, handler);\n                this._handlersByElementKey = this._handlersByElementKey || {};\n                if (!this._handlersByElementKey[key]) this._handlersByElementKey[key] = [];\n                this._handlersByElementKey[key].push({ eventName, 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 = (event) => this.loadImage(event.target.result);\n            reader.onerror = (event) => { this._reportError('Image file could not be read', event); };\n            reader.readAsDataURL(file);\n        }\n\n        /**\n        * Load a base64 encoded image string into fabric.\n        * @async\n         * @param {String} imageBase64\n         */\n        async loadImage(imageBase64) {\n            if (!this._fabricLoaded) return;\n            if (!this.canvas) return;\n            if (!imageBase64 || typeof imageBase64 !== 'string' || !imageBase64.startsWith('data:image/')) return;\n\n            this._setPlaceholderVisible(false);\n            this._syncContainerOverflow();\n\n            const imageElement = await this._createImageElement(imageBase64);\n\n            let loadSource = imageBase64;\n            if (this.options.downsampleOnLoad) {\n                const shouldResize =\n                    imageElement.naturalWidth > this.options.downsampleMaxWidth ||\n                    imageElement.naturalHeight > this.options.downsampleMaxHeight;\n                if (shouldResize) {\n                    const ratio = Math.min(\n                        this.options.downsampleMaxWidth / imageElement.naturalWidth,\n                        this.options.downsampleMaxHeight / imageElement.naturalHeight\n                    );\n                    const targetWidth = Math.round(imageElement.naturalWidth * ratio);\n                    const targetHeight = Math.round(imageElement.naturalHeight * ratio);\n                    loadSource = this._resampleImageToDataURL(imageElement, targetWidth, targetHeight, this.options.downsampleQuality);\n                }\n            }\n\n            // Create fabric.Image from URL\n            return new Promise((resolve, reject) => {\n                fabric.Image.fromURL(loadSource, (fabricImage) => {\n                    try {\n                        if (!fabricImage) 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                        fabricImage.set({ originX: 'left', originY: 'top', selectable: false, evented: false });\n\n                        const imageWidth = fabricImage.width;\n                        const imageHeight = fabricImage.height;\n\n                        const viewport = this._getContainerViewportSize();\n                        const minWidth = viewport.width;\n                        const minHeight = viewport.height;\n\n                        if (this.options.fitImageToCanvas) {\n                            // Fit into current canvas (shrink only) and ensure canvas does not exceed container\n                            const canvasWidth = Math.max(1, Math.min(this.options.canvasWidth, minWidth) - 1)\n                            const canvasHeight = Math.max(1, Math.min(this.options.canvasHeight, minHeight) - 1);\n                            this._setCanvasSizeInt(canvasWidth, canvasHeight);\n                            const fitScale = Math.min(canvasWidth / imageWidth, canvasHeight / imageHeight, 1);\n                            fabricImage.set({ left: 0, top: 0 });\n                            fabricImage.scale(fitScale);\n                            this.baseImageScale = fabricImage.scaleX || 1;\n                        } else if (this.options.coverImageToCanvas) {\n                            const layout = this._calculateCoverCanvasLayout(imageWidth, imageHeight);\n                            this._setCanvasSizeInt(layout.canvasWidth, layout.canvasHeight);\n                            fabricImage.set({ left: 0, top: 0 });\n                            fabricImage.scale(layout.scale);\n                            this.baseImageScale = fabricImage.scaleX || 1;\n                        } else if (this.options.expandCanvasToImage) {\n                            // Expand canvas so that it fully contains the image\n                            const canvasWidth = Math.max(minWidth, Math.floor(imageWidth));\n                            const canvasHeight = Math.max(minHeight, Math.floor(imageHeight));\n                            this._setCanvasSizeInt(canvasWidth, canvasHeight);\n                            fabricImage.set({ left: 0, top: 0 });\n                            fabricImage.scale(1);\n                            this.baseImageScale = 1;\n                        } else {\n                            // Keep existing canvas size and center the image\n                            const canvasWidth = Math.max(this.options.canvasWidth, minWidth);\n                            const canvasHeight = Math.max(this.options.canvasHeight, minHeight);\n                            this._setCanvasSizeInt(canvasWidth, canvasHeight);\n                            const fitScale = Math.min(canvasWidth / imageWidth, canvasHeight / imageHeight, 1);\n                            fabricImage.set({ left: 0, top: 0 });\n                            fabricImage.scale(fitScale);\n                            this.baseImageScale = fabricImage.scaleX || 1;\n                        }\n                        // Put the image onto the canvas\n                        this.originalImage = fabricImage;\n                        this.canvas.add(fabricImage);\n                        this.canvas.sendToBack(fabricImage);\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                        try {\n                            this._lastSnapshot = this._serializeCanvasState();\n                        } catch (error) {\n                            this._reportWarning('loadImage: failed to capture initial canvas snapshot', error);\n                        }\n\n                        if (typeof this.onImageLoaded === 'function') {\n                            this.onImageLoaded();\n                        }\n\n                        resolve();\n                    } catch (error) {\n                        reject(error);\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((resolve, reject) => {\n                const imageElement = new Image();\n                imageElement.onload = () => {\n                    imageElement.onload = null;\n                    imageElement.onerror = null;\n                    resolve(imageElement);\n                };\n                imageElement.onerror = (error) => {\n                    imageElement.onload = null;\n                    imageElement.onerror = null;\n                    reject(error);\n                };\n                imageElement.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} imageElement - The image element to resample.\n         * @param {number} targetWidth - Target width (in pixels) for the resampled image.\n         * @param {number} targetHeight - 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(imageElement, targetWidth, targetHeight, quality = 0.92) {\n            const offscreenCanvas = document.createElement('canvas');\n            offscreenCanvas.width = targetWidth;\n            offscreenCanvas.height = targetHeight;\n            const context = offscreenCanvas.getContext('2d');\n            context.drawImage(imageElement, 0, 0, imageElement.naturalWidth, imageElement.naturalHeight, 0, 0, targetWidth, targetHeight);\n            return offscreenCanvas.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.canvasElement) {\n                this.canvasElement.style.width = iw + 'px';\n                this.canvasElement.style.height = ih + 'px';\n                this.canvasElement.style.maxWidth = 'none';\n            }\n        }\n\n        _ceilCanvasDimension(value) {\n            const numericValue = Number(value) || 0;\n            const roundedValue = Math.round(numericValue);\n            if (Math.abs(numericValue - roundedValue) < 0.01) return roundedValue;\n            return Math.ceil(numericValue);\n        }\n\n        _getContainerViewportSize() {\n            if (!this.containerElement) {\n                return {\n                    width: Math.max(1, Math.floor(this.options.canvasWidth || 1)),\n                    height: Math.max(1, Math.floor(this.options.canvasHeight || 1))\n                };\n            }\n\n            if (this._hasFixedContainerScrollbars()) {\n                return {\n                    width: Math.max(1, Math.floor(this.containerElement.clientWidth || this.options.canvasWidth || 1)),\n                    height: Math.max(1, Math.floor(this.containerElement.clientHeight || this.options.canvasHeight || 1))\n                };\n            }\n\n            const previousOverflow = this.containerElement.style.overflow;\n            this.containerElement.style.overflow = 'hidden';\n\n            const width = Math.max(1, Math.floor(this.containerElement.clientWidth || this.options.canvasWidth || 1));\n            const height = Math.max(1, Math.floor(this.containerElement.clientHeight || this.options.canvasHeight || 1));\n\n            this.containerElement.style.overflow = previousOverflow;\n            return { width, height };\n        }\n\n        _hasFixedContainerScrollbars() {\n            if (!this.containerElement) return false;\n            const inlineOverflow = this.containerElement.style.overflow;\n            const inlineOverflowX = this.containerElement.style.overflowX;\n            const inlineOverflowY = this.containerElement.style.overflowY;\n            let computedOverflow = '';\n            let computedOverflowX = '';\n            let computedOverflowY = '';\n\n            if (typeof window !== 'undefined' && typeof window.getComputedStyle === 'function') {\n                const style = window.getComputedStyle(this.containerElement);\n                computedOverflow = style.overflow;\n                computedOverflowX = style.overflowX;\n                computedOverflowY = style.overflowY;\n            }\n\n            return [inlineOverflow, inlineOverflowX, inlineOverflowY, computedOverflow, computedOverflowX, computedOverflowY]\n                .some(value => value === 'scroll');\n        }\n\n        _getScrollbarSize() {\n            if (typeof document === 'undefined' || !document.createElement || !document.body) {\n                return { width: 0, height: 0 };\n            }\n\n            const probe = document.createElement('div');\n            probe.style.position = 'absolute';\n            probe.style.visibility = 'hidden';\n            probe.style.overflow = 'scroll';\n            probe.style.width = '100px';\n            probe.style.height = '100px';\n            probe.style.top = '-9999px';\n            document.body.appendChild(probe);\n\n            const width = Math.max(0, probe.offsetWidth - probe.clientWidth);\n            const height = Math.max(0, probe.offsetHeight - probe.clientHeight);\n            document.body.removeChild(probe);\n\n            return { width, height };\n        }\n\n        _getScrollSafetyMargin() {\n            return 2;\n        }\n\n        _getScrollableCanvasSize(contentWidth, contentHeight, viewport = this._getContainerViewportSize()) {\n            if (this._hasFixedContainerScrollbars()) {\n                const safetyMargin = this._getScrollSafetyMargin();\n                const safeWidth = Math.max(1, viewport.width - safetyMargin);\n                const safeHeight = Math.max(1, viewport.height - safetyMargin);\n                return {\n                    width: contentWidth > viewport.width + 0.5 ? this._ceilCanvasDimension(contentWidth) : safeWidth,\n                    height: contentHeight > viewport.height + 0.5 ? this._ceilCanvasDimension(contentHeight) : safeHeight,\n                    viewportWidth: viewport.width,\n                    viewportHeight: viewport.height,\n                    hasHorizontal: true,\n                    hasVertical: true\n                };\n            }\n\n            const scrollbar = this._getScrollbarSize();\n            let hasVertical = false;\n            let hasHorizontal = false;\n            let effectiveWidth = viewport.width;\n            let effectiveHeight = viewport.height;\n\n            for (let i = 0; i < 4; i += 1) {\n                effectiveWidth = Math.max(1, viewport.width - (hasVertical ? scrollbar.width : 0));\n                effectiveHeight = Math.max(1, viewport.height - (hasHorizontal ? scrollbar.height : 0));\n\n                const nextHasVertical = contentHeight > effectiveHeight + 0.5;\n                const nextHasHorizontal = contentWidth > effectiveWidth + 0.5;\n\n                if (nextHasVertical === hasVertical && nextHasHorizontal === hasHorizontal) break;\n                hasVertical = nextHasVertical;\n                hasHorizontal = nextHasHorizontal;\n            }\n\n            effectiveWidth = Math.max(1, viewport.width - (hasVertical ? scrollbar.width : 0));\n            effectiveHeight = Math.max(1, viewport.height - (hasHorizontal ? scrollbar.height : 0));\n\n            return {\n                width: hasHorizontal ? this._ceilCanvasDimension(contentWidth) : effectiveWidth,\n                height: hasVertical ? this._ceilCanvasDimension(contentHeight) : effectiveHeight,\n                viewportWidth: effectiveWidth,\n                viewportHeight: effectiveHeight,\n                hasHorizontal,\n                hasVertical\n            };\n        }\n\n        _calculateCoverCanvasLayout(imageWidth, imageHeight) {\n            const viewport = this._getContainerViewportSize();\n\n            if (this._hasFixedContainerScrollbars()) {\n                const safetyMargin = this._getScrollSafetyMargin();\n                const targetWidth = Math.max(1, viewport.width - safetyMargin);\n                const targetHeight = Math.max(1, viewport.height - safetyMargin);\n                const scale = Math.min(1, Math.max(targetWidth / imageWidth, targetHeight / imageHeight));\n                const contentWidth = imageWidth * scale;\n                const contentHeight = imageHeight * scale;\n                const canvasSize = this._getScrollableCanvasSize(contentWidth, contentHeight, viewport);\n                return {\n                    scale,\n                    canvasWidth: canvasSize.width,\n                    canvasHeight: canvasSize.height\n                };\n            }\n\n            const scrollbar = this._getScrollbarSize();\n            let hasVertical = false;\n            let hasHorizontal = false;\n            let scale = 1;\n            let contentWidth = imageWidth;\n            let contentHeight = imageHeight;\n            let effectiveWidth = viewport.width;\n            let effectiveHeight = viewport.height;\n\n            for (let i = 0; i < 4; i += 1) {\n                effectiveWidth = Math.max(1, viewport.width - (hasVertical ? scrollbar.width : 0));\n                effectiveHeight = Math.max(1, viewport.height - (hasHorizontal ? scrollbar.height : 0));\n                scale = Math.min(1, Math.max(effectiveWidth / imageWidth, effectiveHeight / imageHeight));\n                contentWidth = imageWidth * scale;\n                contentHeight = imageHeight * scale;\n\n                const nextHasVertical = contentHeight > effectiveHeight + 0.5;\n                const nextHasHorizontal = contentWidth > effectiveWidth + 0.5;\n\n                if (nextHasVertical === hasVertical && nextHasHorizontal === hasHorizontal) break;\n                hasVertical = nextHasVertical;\n                hasHorizontal = nextHasHorizontal;\n            }\n\n            const canvasSize = this._getScrollableCanvasSize(contentWidth, contentHeight, viewport);\n            return {\n                scale,\n                canvasWidth: canvasSize.width,\n                canvasHeight: canvasSize.height\n            };\n        }\n\n        _getStateProperties() {\n            return [\n                'maskId',\n                'maskName',\n                'maskLabel',\n                'isCropRect',\n                'originalAlpha',\n                'originalStroke',\n                'originalStrokeWidth',\n                'selectable',\n                'evented',\n                'hasControls',\n                'lockRotation',\n                'borderColor',\n                'cornerColor',\n                'cornerSize',\n                'transparentCorners',\n                'strokeUniform',\n                'strokeDashArray'\n            ];\n        }\n\n        _getMaskNormalStyle(mask) {\n            const strokeWidth = Number(mask && mask.originalStrokeWidth);\n            const opacity = Number(mask && mask.originalAlpha);\n            const style = {\n                stroke: (mask && mask.originalStroke) || '#ccc',\n                strokeWidth: Number.isFinite(strokeWidth) ? strokeWidth : 1\n            };\n            if (Number.isFinite(opacity)) style.opacity = opacity;\n            return style;\n        }\n\n        _withNormalizedMaskStyles(callback) {\n            if (!this.canvas) return callback();\n            const masks = this.canvas.getObjects().filter(object => object.maskId);\n            const maskStyleBackups = masks.map(mask => ({\n                object: mask,\n                stroke: mask.stroke,\n                strokeWidth: mask.strokeWidth,\n                opacity: mask.opacity\n            }));\n\n            try {\n                masks.forEach(mask => {\n                    mask.set(this._getMaskNormalStyle(mask));\n                });\n                return callback();\n            } finally {\n                maskStyleBackups.forEach(backup => {\n                    try {\n                        backup.object.set({\n                            stroke: backup.stroke,\n                            strokeWidth: backup.strokeWidth,\n                            opacity: backup.opacity\n                        });\n                    } catch (error) { void error; }\n                });\n            }\n        }\n\n        _restoreMaskControls(mask) {\n            if (!mask) return;\n\n            const cornerSize = Number(mask.cornerSize);\n            mask.set({\n                selectable: mask.selectable !== false,\n                evented: mask.evented !== false,\n                hasControls: mask.hasControls !== false,\n                lockRotation: typeof mask.lockRotation === 'boolean' ? mask.lockRotation : !this.options.maskRotatable,\n                borderColor: mask.borderColor || 'red',\n                cornerColor: mask.cornerColor || 'black',\n                cornerSize: Number.isFinite(cornerSize) ? cornerSize : 8,\n                transparentCorners: mask.transparentCorners === true,\n                strokeUniform: mask.strokeUniform !== false\n            });\n            if (typeof mask.setCoords === 'function') mask.setCoords();\n        }\n\n        _serializeCanvasState() {\n            if (!this.canvas) return null;\n            return this._withNormalizedMaskStyles(() => {\n                const jsonObject = this.canvas.toJSON(this._getStateProperties());\n                if (Array.isArray(jsonObject.objects)) {\n                    jsonObject.objects = jsonObject.objects.filter(object => !object.isCropRect && !object.maskLabel);\n                }\n                return JSON.stringify(jsonObject);\n            });\n        }\n\n        _normalizeQuality(quality) {\n            const numericQuality = Number(quality);\n            if (!Number.isFinite(numericQuality)) return this.options.downsampleQuality ?? 0.92;\n            return Math.max(0, Math.min(1, numericQuality));\n        }\n\n        _normalizeImageFormat(format) {\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            return typeMapping[String(format || 'jpeg').toLowerCase()] || 'jpeg';\n        }\n\n        _getClampedCanvasRegion(bounds, options = {}) {\n            const canvasWidth = Math.max(1, Math.round(this.canvas.getWidth()));\n            const canvasHeight = Math.max(1, Math.round(this.canvas.getHeight()));\n            const left = Number(bounds.left) || 0;\n            const top = Number(bounds.top) || 0;\n            const width = Math.max(0, Number(bounds.width) || 0);\n            const height = Math.max(0, Number(bounds.height) || 0);\n            const includePartialPixels = options.includePartialPixels !== false;\n            const roundEnd = includePartialPixels ? Math.ceil : Math.floor;\n            const sourceX = Math.min(canvasWidth - 1, Math.max(0, Math.floor(left)));\n            const sourceY = Math.min(canvasHeight - 1, Math.max(0, Math.floor(top)));\n            const endX = Math.min(canvasWidth, Math.max(sourceX + 1, roundEnd(left + width)));\n            const endY = Math.min(canvasHeight, Math.max(sourceY + 1, roundEnd(top + height)));\n\n            return {\n                sx: sourceX,\n                sy: sourceY,\n                sw: Math.max(1, endX - sourceX),\n                sh: Math.max(1, endY - sourceY)\n            };\n        }\n\n        async _cropDataUrl(dataUrl, sourceX, sourceY, sourceWidth, sourceHeight, multiplier, format = 'jpeg', quality = 0.92) {\n            return new Promise((resolve, reject) => {\n                const imageElement = new Image();\n                imageElement.onload = () => {\n                    try {\n                        const safeMultiplier = Math.max(1, Number(multiplier) || 1);\n                        const scaledSourceX = Math.round(sourceX * safeMultiplier);\n                        const scaledSourceY = Math.round(sourceY * safeMultiplier);\n                        const scaledSourceWidth = Math.max(1, Math.round(sourceWidth * safeMultiplier));\n                        const scaledSourceHeight = Math.max(1, Math.round(sourceHeight * safeMultiplier));\n                        const offscreenCanvas = document.createElement('canvas');\n                        offscreenCanvas.width = scaledSourceWidth;\n                        offscreenCanvas.height = scaledSourceHeight;\n                        const context = offscreenCanvas.getContext('2d');\n\n                        context.drawImage(imageElement, scaledSourceX, scaledSourceY, scaledSourceWidth, scaledSourceHeight, 0, 0, scaledSourceWidth, scaledSourceHeight);\n                        resolve(offscreenCanvas.toDataURL(`image/${format}`, quality));\n                    } catch (error) {\n                        reject(error);\n                    }\n                };\n                imageElement.onerror = reject;\n                imageElement.src = dataUrl;\n            });\n        }\n\n        async _exportCanvasRegionToDataURL({ sx, sy, sw, sh, multiplier = 1, quality = 0.92, format = 'jpeg' }) {\n            const safeMultiplier = Math.max(1, Number(multiplier) || 1);\n            const fullDataUrl = this.canvas.toDataURL({\n                format,\n                quality,\n                multiplier: safeMultiplier\n            });\n\n            return this._cropDataUrl(fullDataUrl, sx, sy, sw, sh, safeMultiplier, format, quality);\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} fabricObject - 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(fabricObject) {\n            if (!fabricObject) return { x: 0, y: 0 };\n            fabricObject.setCoords();\n            const coords = typeof fabricObject.getCoords === 'function' ? fabricObject.getCoords() : null;\n            if (coords && coords.length) return coords[0];\n            const boundingRect = fabricObject.getBoundingRect(true, true);\n            return { x: boundingRect.left, y: boundingRect.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} fabricObject - 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(fabricObject, originX, originY, refPoint) {\n            if (!fabricObject || !refPoint || !fabricObject.setPositionByOrigin) return;\n            fabricObject.set({ originX, originY });\n            fabricObject.setPositionByOrigin(refPoint, originX, originY);\n            fabricObject.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} fabricObject - The object to align.\n         * @private\n         */\n        _alignObjectBoundingBoxToCanvasTopLeft(fabricObject) {\n            if (!fabricObject) return;\n            fabricObject.setCoords();\n            const boundingRect = fabricObject.getBoundingRect(true, true);\n            const deltaX = boundingRect.left;\n            const deltaY = boundingRect.top;\n            fabricObject.set({ left: (fabricObject.left || 0) - deltaX, top: (fabricObject.top || 0) - deltaY });\n            fabricObject.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 imageBounds = this.originalImage.getBoundingRect(true, true);\n\n            const size = this._getScrollableCanvasSize(imageBounds.width, imageBounds.height);\n            this._setCanvasSizeInt(size.width, size.height);\n        }\n\n        _expandCanvasToFitObject(fabricObject, padding = 10) {\n            if (!this.canvas || !fabricObject || !this.options.expandCanvasToImage) return;\n            try {\n                fabricObject.setCoords();\n                const boundingRect = fabricObject.getBoundingRect(true, true);\n                const requiredWidth = Math.ceil(boundingRect.left + boundingRect.width + padding);\n                const requiredHeight = Math.ceil(boundingRect.top + boundingRect.height + padding);\n                const minWidth = this.containerElement ? Math.floor(this.containerElement.clientWidth || 0) : 0;\n                const minHeight = this.containerElement ? Math.floor(this.containerElement.clientHeight || 0) : 0;\n                const newWidth = Math.max(this.canvas.getWidth(), minWidth, requiredWidth);\n                const newHeight = Math.max(this.canvas.getHeight(), minHeight, requiredHeight);\n                this._setCanvasSizeInt(newWidth, newHeight);\n            } catch (error) {\n                this._reportWarning('expandCanvasToFitObject: failed to expand canvas', error);\n            }\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, options = {}) {\n            return this.animQueue.add(() => this._scaleImageImpl(factor, options));\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, options = {}) {\n            if (!this.originalImage) return Promise.resolve();\n            if (this.isAnimating) return Promise.resolve();\n            const saveHistory = options.saveHistory !== false;\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 targetScale = 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 scaleXAnimation = new Promise((resolve) => {\n                this.originalImage.animate('scaleX', targetScale, {\n                    duration: this.options.animationDuration,\n                    onChange: this.canvas.renderAll.bind(this.canvas),\n                    onComplete: resolve\n                });\n            });\n            const scaleYAnimation = new Promise((resolve) => {\n                this.originalImage.animate('scaleY', targetScale, {\n                    duration: this.options.animationDuration,\n                    onChange: this.canvas.renderAll.bind(this.canvas),\n                    onComplete: resolve\n                });\n            });\n\n            return Promise.all([scaleXAnimation, scaleYAnimation]).then(() => {\n                this.originalImage.set({ scaleX: targetScale, scaleY: targetScale });\n                this.originalImage.setCoords();\n\n                if (this.options.expandCanvasToImage || this.options.coverImageToCanvas) {\n                    this._updateCanvasSizeToImageBounds();\n                }\n\n                this._alignObjectBoundingBoxToCanvasTopLeft(this.originalImage);\n\n                // Sync mask labels\n                this.canvas.getObjects().forEach(object => { if (object.maskId) this._syncMaskLabel(object); });\n\n                this.isAnimating = false;\n                this._updateInputs();\n                this._updateUI();\n                if (saveHistory) 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(degrees, options = {}) {\n            return this.animQueue.add(() => this._rotateImageImpl(degrees, options));\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, options = {}) {\n            if (!this.originalImage) return Promise.resolve();\n            if (this.isAnimating) return Promise.resolve();\n            if (isNaN(degrees)) return Promise.resolve();\n            const saveHistory = options.saveHistory !== false;\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 rotationAnimation = new Promise((resolve) => {\n                this.originalImage.animate('angle', degrees, {\n                    duration: this.options.animationDuration,\n                    onChange: this.canvas.renderAll.bind(this.canvas),\n                    onComplete: resolve\n                });\n            });\n\n            return rotationAnimation.then(() => {\n                this.originalImage.set('angle', degrees);\n                this.originalImage.setCoords();\n\n                if (this.options.expandCanvasToImage || this.options.coverImageToCanvas) {\n                    this._updateCanvasSizeToImageBounds();\n                }\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(object => { if (object.maskId) this._syncMaskLabel(object); });\n\n                this.isAnimating = false;\n                this._updateInputs();\n                this._updateUI();\n                if (saveHistory) this.saveState();\n            }).catch(() => {\n                this.isAnimating = false;\n                this._updateUI();\n            });\n        }\n\n        /**\n         * Resets the image transform: scales to 1 and rotates to 0 degrees.\n         * @returns {Promise<void>} Promise that resolves when reset is complete.\n         */\n        resetImageTransform() {\n            if (!this.originalImage) return Promise.resolve();\n\n            return this.animQueue.add(async () => {\n                const before = this._serializeCanvasState();\n                await this._scaleImageImpl(1, { saveHistory: false });\n                await this._rotateImageImpl(0, { saveHistory: false });\n                const after = this._serializeCanvasState();\n                this._pushStateTransition(before, after);\n            }).catch(err => {\n                this._reportError('resetImageTransform() failed', err);\n            });\n        }\n\n        /**\n         * @deprecated Use resetImageTransform() instead.\n         */\n        reset() {\n            return this.resetImageTransform();\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 Promise.resolve();\n\n            return new Promise((resolve) => {\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 canvasObjects = this.canvas.getObjects();\n                            this.originalImage = canvasObjects.find(object => object.type === 'image' && !object.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                                this.currentRotation = Number(this.originalImage.angle) || 0;\n                                const baseScale = Number(this.baseImageScale) || 1;\n                                const imageScale = Number(this.originalImage.scaleX) || baseScale;\n                                this.currentScale = imageScale / baseScale;\n                            } else {\n                                this.currentScale = 1;\n                                this.currentRotation = 0;\n                            }\n\n                            const masks = canvasObjects.filter(object => object.maskId);\n                            masks.forEach(mask => {\n                                this._restoreMaskControls(mask);\n                                this._rebindMaskEvents(mask);\n                                mask.set(this._getMaskNormalStyle(mask));\n                            });\n                            this.maskCounter = masks.reduce((max, mask) =>\n                                Math.max(max, mask.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._updateInputs();\n                            this._updateMaskList();\n                            this._updatePlaceholderStatus();\n                            this._lastSnapshot = this._serializeCanvasState();\n                            this._updateUI();\n                        } catch (callbackError) {\n                            this._reportError('loadFromState() failed', callbackError);\n                        } finally {\n                            resolve();\n                        }\n                    });\n\n                } catch (error) {\n                    this._reportError('loadFromState() failed', error);\n                    resolve();\n                }\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 activeObject = this.canvas.getActiveObject();\n            this._hideAllMaskLabels();\n\n            try {\n                const after = this._serializeCanvasState();\n                const before = this._lastSnapshot || after;\n                if (after === before) return;\n                let executedOnce = false;\n\n                const command = new Command(\n                    () => {\n                        if (executedOnce) {\n                            return this.loadFromState(after);\n                        }\n                        executedOnce = true;\n                        return undefined;\n                    },\n                    () => this.loadFromState(before)\n                );\n\n                this.historyManager.execute(command);\n                this._lastSnapshot = after;\n            } catch (error) {\n                this._reportWarning('saveState: failed to save canvas snapshot', error);\n            } finally {\n                if (activeObject && activeObject.maskId && this.canvas.getObjects().includes(activeObject)) {\n                    this._handleSelectionChanged([activeObject]);\n                }\n                this._updateUI();\n            }\n        }\n\n        _pushStateTransition(before, after) {\n            if (!before || !after) return;\n            if (before === after) return;\n            if (!this.historyManager) this.historyManager = new HistoryManager(this.maxHistorySize || 50);\n\n            const command = new Command(\n                () => this.loadFromState(after),\n                () => this.loadFromState(before)\n            );\n            this.historyManager.push(command);\n            this._lastSnapshot = after;\n            this._updateUI();\n        }\n\n        /**\n         * Undo the last state change, if possible.\n         */\n        undo() {\n            return this.historyManager.undo()\n                .then(() => { this._updateUI(); })\n                .catch(error => { this._reportError('undo failed', error); });\n        }\n\n        /**\n         * Redo the next state change, if possible.\n         */\n        redo() {\n            return this.historyManager.redo()\n                .then(() => { this._updateUI(); })\n                .catch(error => { this._reportError('redo failed', error); });\n        }\n\n        _rebindMaskEvents(mask) {\n            if (!mask) return;\n            if (mask.__imageEditorMaskHandlers) {\n                try {\n                    mask.off('mouseover', mask.__imageEditorMaskHandlers.mouseover);\n                    mask.off('mouseout', mask.__imageEditorMaskHandlers.mouseout);\n                } catch (e) { void e; }\n            }\n\n            const metadata = {};\n            if (!Number.isFinite(Number(mask.originalAlpha))) {\n                metadata.originalAlpha = Number.isFinite(Number(mask.opacity)) ? Number(mask.opacity) : 0.5;\n            }\n            if (!mask.originalStroke) metadata.originalStroke = mask.stroke || '#ccc';\n            if (!Number.isFinite(Number(mask.originalStrokeWidth))) {\n                metadata.originalStrokeWidth = Number.isFinite(Number(mask.strokeWidth)) ? Number(mask.strokeWidth) : 1;\n            }\n            if (Object.keys(metadata).length) mask.set(metadata);\n\n            const normalStyle = {\n                stroke: mask.originalStroke || '#ccc',\n                strokeWidth: mask.originalStrokeWidth,\n                opacity: mask.originalAlpha\n            };\n            const hoverStyle = {\n                stroke: '#ff5500',\n                strokeWidth: 2,\n                opacity: Math.min(mask.originalAlpha + 0.2, 1)\n            };\n\n            const mouseover = () => {\n                mask.set(hoverStyle);\n                if (mask.canvas) mask.canvas.requestRenderAll();\n            };\n            const mouseout = () => {\n                mask.set(normalStyle);\n                if (mask.canvas) mask.canvas.requestRenderAll();\n            };\n\n            mask.on('mouseover', mouseover);\n            mask.on('mouseout', mouseout);\n            mask.__imageEditorMaskHandlers = { mouseover, mouseout };\n        }\n\n        /** \n         * Creates a mask and adds it 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] - (maskConfig) => new FabricObj\n         * @returns {fabric.Rect|null} The created mask object, or null if canvas is not available.\n         * @public\n         */\n        createMask(config = {}) {\n            if (!this.canvas) return null;\n            const shapeType = config.shape || 'rect';\n            // Default config\n            const maskConfig = {\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 = (value, fallback) => {\n                if (typeof value === 'function')\n                    return value(this.canvas, this.options);\n                if (typeof value === 'string' && value.endsWith('%')) {\n                    const percent = parseFloat(value) / 100;\n                    return Math.floor((this.canvas ? this.canvas.getWidth() : 0) * percent);\n                }\n                return value != null ? value : fallback;\n            }\n\n            if (maskConfig.left === undefined && this._lastMask) {\n                const previousMask = this._lastMask;\n                let previousMaskRight = previousMask.left;\n\n                if (previousMask.getScaledWidth) {\n                    previousMaskRight += previousMask.getScaledWidth();\n                } else if (previousMask.width) {\n                    previousMaskRight += previousMask.width * (previousMask.scaleX ?? 1);\n                }\n                left = Math.round(previousMaskRight + maskConfig.gap);\n                top = previousMask.top ?? firstOffset;\n            } else {\n                left = resolveValue(maskConfig.left, firstOffset);\n                top = resolveValue(maskConfig.top, firstOffset);\n            }\n\n            maskConfig.width = resolveValue(maskConfig.width, this.options.defaultMaskWidth);\n            maskConfig.height = resolveValue(maskConfig.height, this.options.defaultMaskHeight);\n\n            let mask;\n            if (typeof maskConfig.fabricGenerator === 'function') {\n                mask = maskConfig.fabricGenerator(maskConfig, this.canvas, this.options);\n            } else {\n                switch (shapeType) {\n                    case 'circle':\n                        mask = new fabric.Circle({\n                            left, top,\n                            radius: resolveValue(maskConfig.radius, Math.min(maskConfig.width, maskConfig.height) / 2),\n                            fill: maskConfig.color,\n                            opacity: maskConfig.alpha,\n                            angle: maskConfig.angle,\n                            ...maskConfig.styles\n                        });\n                        break;\n                    case 'ellipse':\n                        mask = new fabric.Ellipse({\n                            left, top,\n                            rx: resolveValue(maskConfig.rx, maskConfig.width / 2),\n                            ry: resolveValue(maskConfig.ry, maskConfig.height / 2),\n                            fill: maskConfig.color,\n                            opacity: maskConfig.alpha,\n                            angle: maskConfig.angle,\n                            ...maskConfig.styles\n                        });\n                        break;\n                    case 'polygon': {\n                        let polygonPoints = maskConfig.points || [];\n                        if (Array.isArray(polygonPoints) && polygonPoints.length && typeof polygonPoints[0] === 'object') {\n                            // Ensure numeric {x,y} objects for fabric.Polygon\n                            polygonPoints = polygonPoints.map(point => ({ x: Number(point.x), y: Number(point.y) }));\n                        }\n                        mask = new fabric.Polygon(polygonPoints, {\n                            left, top,\n                            fill: maskConfig.color,\n                            opacity: maskConfig.alpha,\n                            angle: maskConfig.angle,\n                            ...maskConfig.styles\n                        });\n                        break;\n                    }\n                    case 'rect':\n                    default:\n                        mask = new fabric.Rect({\n                            left, top,\n                            width: resolveValue(maskConfig.width, this.options.defaultMaskWidth),\n                            height: resolveValue(maskConfig.height, this.options.defaultMaskHeight),\n                            fill: maskConfig.color,\n                            opacity: maskConfig.alpha,\n                            angle: maskConfig.angle,\n                            rx: maskConfig.rx, // Rounded Corners\n                            ry: maskConfig.ry,\n                            ...maskConfig.styles\n                        });\n                }\n            }\n\n            const styles = maskConfig.styles || {};\n            const hasStyle = property => Object.prototype.hasOwnProperty.call(styles, property);\n            const maskSettings = {\n                selectable: maskConfig.selectable !== false,\n                hasControls: ('hasControls' in maskConfig) ? maskConfig.hasControls : true,\n                lockRotation: !this.options.maskRotatable,\n                borderColor: ('borderColor' in maskConfig) ? maskConfig.borderColor : 'red',\n                cornerColor: ('cornerColor' in maskConfig) ? maskConfig.cornerColor : 'black',\n                cornerSize: ('cornerSize' in maskConfig) ? maskConfig.cornerSize : 8,\n                transparentCorners: ('transparentCorners' in maskConfig) ? maskConfig.transparentCorners : false,\n                stroke: hasStyle('stroke') ? styles.stroke : '#ccc',\n                strokeWidth: hasStyle('strokeWidth') ? styles.strokeWidth : 1,\n                strokeUniform: ('strokeUniform' in maskConfig) ? maskConfig.strokeUniform : (hasStyle('strokeUniform') ? styles.strokeUniform : true)\n            };\n            if (hasStyle('strokeDashArray')) maskSettings.strokeDashArray = styles.strokeDashArray;\n            mask.set(maskSettings);\n            mask.setCoords();\n\n            mask.set({\n                originalAlpha: maskConfig.alpha,\n                originalStroke: mask.stroke || '#ccc',\n                originalStrokeWidth: Number.isFinite(Number(mask.strokeWidth)) ? Number(mask.strokeWidth) : 1\n            });\n            this._rebindMaskEvents(mask);\n            this._expandCanvasToFitObject(mask);\n\n            // Remember initial for next one\n            this._lastMaskInitialLeft = left;\n            this._lastMaskInitialTop = top;\n            this._lastMaskInitialWidth = resolveValue(maskConfig.width, this.options.defaultMaskWidth);\n\n            const maskId = ++this.maskCounter;\n            mask.set({\n                maskId,\n                maskName: `${this.options.maskName}${maskId}`\n            });\n            this._lastMask = mask;\n\n            this.canvas.add(mask);\n            this.canvas.bringToFront(mask);\n            if (maskConfig.selectable) this.canvas.setActiveObject(mask);\n            this._handleSelectionChanged([mask]);\n            this._updateMaskList();\n            this._updateUI();\n            this.canvas.renderAll();\n            this.saveState();\n\n            if (typeof maskConfig.onCreate === 'function') maskConfig.onCreate(mask, this.canvas);\n            return mask;\n        }\n\n        /**\n         * @deprecated Use createMask() instead.\n         */\n        addMask(config = {}) {\n            return this.createMask(config);\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 activeObject = this.canvas.getActiveObject();\n            const selectedMasks = this._getModifiedMasks(activeObject);\n            if (!selectedMasks.length) return;\n\n            this.canvas.discardActiveObject();\n            selectedMasks.forEach(mask => {\n                this._removeLabelForMask(mask);\n                this.canvas.remove(mask);\n            });\n\n            const masks = this.canvas.getObjects().filter(object => object.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            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(options = {}) {\n            const saveHistory = options.saveHistory !== false;\n            const masks = this.canvas.getObjects().filter(object => object.maskId);\n            masks.forEach(mask => this._removeLabelForMask(mask));\n            masks.forEach(mask => this.canvas.remove(mask));\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            if (saveHistory) 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 canvasObjects = this.canvas.getObjects();\n                    if (canvasObjects.includes(mask.__label)) {\n                        this.canvas.remove(mask.__label);\n                    }\n                } catch (error) { void error; }\n                try { delete mask.__label; } catch (error) { void error; }\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 textObject = null;\n            if (this.options.label && typeof this.options.label.create === 'function') {\n                textObject = this.options.label.create(mask, fabric);\n            }\n            if (!textObject) {\n                let labelText = mask.maskName;\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                        const masks = this.canvas ? this.canvas.getObjects().filter(object => object.maskId) : [];\n                        const maskIndex = Math.max(0, masks.indexOf(mask));\n                        labelText = this.options.label.getText(mask, maskIndex);\n                    }\n                    // Merge external styles\n                    if (this.options.label.textOptions) {\n                        Object.assign(textOptions, this.options.label.textOptions);\n                    }\n                }\n                textObject = new fabric.Text(labelText, textOptions);\n            }\n\n            textObject.maskLabel = true;\n            mask.__label = textObject;\n            this.canvas.add(textObject);\n            this.canvas.bringToFront(textObject);\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 canvasObjects = this.canvas.getObjects();\n            const labels = canvasObjects.filter(object => object.maskLabel);\n            labels.forEach(label => {\n                try {\n                    if (canvasObjects.includes(label)) this.canvas.remove(label);\n                } catch (error) { void error; }\n            });\n            canvasObjects.forEach(object => {\n                if (object.maskId && object.__label) {\n                    try { delete object.__label; } catch (error) { void error; }\n                }\n            });\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            if (typeof this.canvas.requestRenderAll === 'function') {\n                this.canvas.requestRenderAll();\n            } else {\n                this.canvas.renderAll();\n            }\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.set({ 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        _handleSelectionChanged(selected) {\n            const selectedMask = (selected || []).find(object => object.maskId);\n            const masks = this.canvas.getObjects().filter(object => object.maskId);\n            masks.forEach(mask => {\n                if (mask !== selectedMask) {\n                    if (mask.__label) {\n                        try { this.canvas.remove(mask.__label); } catch (error) { void error; }\n                        delete mask.__label;\n                    }\n                    const originalStrokeWidth = Number(mask.originalStrokeWidth);\n                    mask.set({\n                        stroke: mask.originalStroke || '#ccc',\n                        strokeWidth: Number.isFinite(originalStrokeWidth) ? originalStrokeWidth : 1\n                    });\n                } else {\n                    mask.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 maskListElement = document.getElementById(this.elements.maskList);\n            if (!maskListElement) return;\n            maskListElement.innerHTML = '';\n            const masks = this.canvas.getObjects().filter(object => object.maskId);\n            masks.forEach(mask => {\n                const listItemElement = document.createElement('li');\n                listItemElement.className = 'list-group-item mask-item';\n                listItemElement.textContent = mask.maskName;\n                listItemElement.onclick = () => { this.canvas.setActiveObject(mask); this._handleSelectionChanged([mask]); };\n                maskListElement.appendChild(listItemElement);\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 maskListElement = document.getElementById(this.elements.maskList);\n            if (!maskListElement) return;\n            const maskItems = maskListElement.querySelectorAll('.mask-item');\n            maskItems.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 mergeMasks() {\n            if (!this.originalImage) return;\n            const masks = this.canvas.getObjects().filter(object => object.maskId);\n            if (!masks.length) return;\n\n            this.canvas.discardActiveObject();\n            this.canvas.renderAll();\n\n            try {\n                const beforeJson = this._serializeCanvasState();\n                const merged = await this.exportImageBase64({ exportImageArea: true, multiplier: this.options.exportMultiplier });\n                this.removeAllMasks({ saveHistory: false });\n                await this.loadImage(merged);\n                const afterJson = this._serializeCanvasState();\n                this._pushStateTransition(beforeJson, afterJson);\n            } catch (err) {\n                this._reportError('merge error', err);\n            }\n        }\n\n        /**\n         * @deprecated Use mergeMasks() instead.\n         */\n        async merge() {\n            return this.mergeMasks();\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.exportImageBase64({ 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 image data URL.\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} [options={}] - Export options.\n         * @param {boolean} [options.exportImageArea] - If true, exports only the image bounding area with masks cropped and blended.\n         * @param {number} [options.multiplier=1] - Scaling multiplier for output (resolution).\n         * @param {number} [options.quality=0.92] - Image quality between 0 and 1 for lossy formats.\n         * @param {string} [options.fileType='jpeg'] - Output file type ('jpeg' | 'png' | 'webp').\n         * @returns {Promise<string>} Promise resolving to an image data URL.\n         * @throws {Error} If there is no image loaded.\n         */\n        async exportImageBase64(options = {}) {\n            if (!this.originalImage) throw new Error('No image loaded');\n            const exportImageArea = typeof options.exportImageArea === 'boolean' ? options.exportImageArea : this.options.exportImageAreaByDefault;\n            const multiplier = options.multiplier || this.options.exportMultiplier || 1;\n            const quality = this._normalizeQuality(options.quality ?? this.options.downsampleQuality);\n            const format = this._normalizeImageFormat(options.fileType || options.format);\n\n            if (!exportImageArea) {\n                const masks = this.canvas.getObjects().filter(object => object.maskId || object.maskLabel);\n                const maskVisibilityBackups = masks.map(mask => ({ object: mask, visible: mask.visible }));\n\n                try {\n                    masks.forEach(mask => { mask.set({ visible: false }); });\n                    this.canvas.discardActiveObject();\n                    this.canvas.renderAll();\n\n                    this.originalImage.setCoords();\n                    const imageBounds = this.originalImage.getBoundingRect(true, true);\n                    const { sx, sy, sw, sh } = this._getClampedCanvasRegion(imageBounds, { includePartialPixels: false });\n                    return await this._exportCanvasRegionToDataURL({\n                        sx,\n                        sy,\n                        sw,\n                        sh,\n                        multiplier,\n                        quality,\n                        format\n                    });\n                } finally {\n                    maskVisibilityBackups.forEach(backup => {\n                        try { backup.object.set({ visible: backup.visible }); } catch (error) { void error; }\n                    });\n                    this.canvas.renderAll();\n                }\n            }\n\n            // Export current scaled image area (masks clipped)\n            const masks = this.canvas.getObjects().filter(object => object.maskId);\n            const maskStyleBackups = masks.map(mask => ({\n                object: mask,\n                opacity: mask.opacity,\n                fill: mask.fill,\n                strokeWidth: mask.strokeWidth,\n                stroke: mask.stroke,\n                selectable: mask.selectable,\n                lockRotation: mask.lockRotation\n            }));\n\n            let finalBase64;\n            try {\n                // Remove labels, deselect\n                masks.forEach(mask => this._removeLabelForMask(mask));\n                this.canvas.discardActiveObject();\n                this.canvas.renderAll();\n\n                // Set masks to opaque black no border\n                masks.forEach(mask => {\n                    mask.set({ opacity: 1, fill: '#000000', strokeWidth: 0, stroke: null, selectable: false });\n                    mask.setCoords();\n                });\n                this.canvas.renderAll();\n\n                // Compute integer bounding box for image\n                this.originalImage.setCoords();\n                const imageBounds = this.originalImage.getBoundingRect(true, true);\n                const { sx, sy, sw, sh } = this._getClampedCanvasRegion(imageBounds, { includePartialPixels: false });\n\n                // Crop precisely in offscreen canvas\n                finalBase64 = await this._exportCanvasRegionToDataURL({\n                    sx,\n                    sy,\n                    sw,\n                    sh,\n                    multiplier,\n                    quality,\n                    format\n                });\n            } finally {\n                maskStyleBackups.forEach(backup => {\n                    try {\n                        backup.object.set({\n                            opacity: backup.opacity,\n                            fill: backup.fill,\n                            strokeWidth: backup.strokeWidth,\n                            stroke: backup.stroke,\n                            selectable: backup.selectable,\n                            lockRotation: backup.lockRotation\n                        });\n                        backup.object.setCoords();\n                    } catch (error) { void error; }\n                });\n\n                this.canvas.renderAll();\n            }\n\n            return finalBase64;\n        }\n\n        /**\n         * @deprecated Use exportImageBase64() instead.\n         */\n        async getImageBase64(options = {}) {\n            return this.exportImageBase64(options);\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} [options={}] - Export options.\n         * @param {boolean} [options.mergeMask=true] - If true, export image area with masks merged; if false, export the plain image without masks.\n         * @param {string} [options.fileType='jpeg'] - Output file type ('jpeg' | 'png' | 'webp'). Defaults to 'jpeg' on invalid input.\n         * @param {number} [options.quality=0.92] - Image quality for lossy types (0-1, default based on options.downsampleQuality).\n         * @param {number} [options.multiplier=1] - Output resolution multiplier.\n         * @param {string} [options.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(options = {}) {\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            } = options;\n\n            const safeFileType = this._normalizeImageFormat(fileType);\n\n            // Get Base64\n            let base64;\n            if (mergeMask) {\n                base64 = await this.exportImageBase64({\n                    exportImageArea: true,\n                    multiplier,\n                    quality,\n                    fileType: safeFileType\n                });\n            } else {\n                base64 = await this.exportImageBase64({\n                    exportImageArea: false,\n                    multiplier,\n                    quality,\n                    fileType: safeFileType\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 imageElement = new window.Image();\n                    imageElement.crossOrigin = \"Anonymous\";\n                    imageElement.onload = () => {\n                        try {\n                            const offscreenCanvas = document.createElement('canvas');\n                            offscreenCanvas.width = imageElement.width;\n                            offscreenCanvas.height = imageElement.height;\n                            const context = offscreenCanvas.getContext('2d');\n                            context.drawImage(imageElement, 0, 0);\n                            const convertedDataUrl = offscreenCanvas.toDataURL(`image/${safeFileType}`, quality);\n                            resolve(convertedDataUrl);\n                        } catch (error) { reject(error); }\n                    };\n                    imageElement.onerror = reject;\n                    imageElement.src = base64;\n                });\n            }\n\n            // Convert DataURL to Blob and then to File\n            const binaryString = atob(imageDataUrl.split(',')[1]);\n            const mime = `image/${safeFileType}`;\n            let byteIndex = binaryString.length;\n            const bytes = new Uint8Array(byteIndex);\n            while (byteIndex--) {\n                bytes[byteIndex] = binaryString.charCodeAt(byteIndex);\n            }\n            return new File([bytes], fileName, { type: mime });\n        }\n\n        _clearMaskPlacementMemory() {\n            this._lastMask = null;\n            this._lastMaskInitialLeft = null;\n            this._lastMaskInitialTop = null;\n            this._lastMaskInitialWidth = null;\n        }\n\n        async _restoreStateAfterCropFailure(beforeJson, message, error) {\n            this._reportError(message, error);\n\n            if (this._cropRect && this.canvas) this._removeCropRect();\n            this._cropRect = null;\n            this._cropMode = false;\n            if (this.canvas && this._prevSelectionSetting !== undefined) {\n                this.canvas.selection = !!this._prevSelectionSetting;\n            }\n            this._prevSelectionSetting = undefined;\n\n            if (beforeJson) {\n                try {\n                    await this.loadFromState(beforeJson);\n                } catch (restoreError) {\n                    this._reportError('applyCrop: rollback failed', restoreError);\n                }\n            }\n\n            this._updateUI();\n            if (this.canvas) this.canvas.renderAll();\n        }\n\n        _restoreCropObjectState() {\n            if (Array.isArray(this._cropPrevEvented)) {\n                this._cropPrevEvented.forEach(state => {\n                    try {\n                        state.object.set({\n                            evented: state.evented,\n                            selectable: state.selectable,\n                            visible: state.visible\n                        });\n                    } catch (error) { void error; }\n                });\n            }\n            this._cropPrevEvented = null;\n        }\n\n        _removeCropRect() {\n            if (!this._cropRect) return;\n            try {\n                if (this._cropHandlers && this._cropHandlers.length) {\n                    this._cropHandlers.forEach(targetHandlers => {\n                        targetHandlers.handlers.forEach(handlerRecord => {\n                            targetHandlers.target.off(handlerRecord.eventName, handlerRecord.handler);\n                        });\n                    });\n                }\n            } catch (error) { void error; }\n\n            try { this.canvas.remove(this._cropRect); } catch (error) { void error; }\n            this._cropRect = null;\n            this._cropHandlers = [];\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 imageBounds = 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(imageBounds.left + padding));\n            const top = Math.max(0, Math.floor(imageBounds.top + padding));\n            const width = Math.min(this.options.crop.minWidth || 50, Math.floor(imageBounds.width - padding * 2));\n            const height = Math.min(this.options.crop.minHeight || 50, Math.floor(imageBounds.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            const shouldHideMasks = !!(this.options.crop && this.options.crop.hideMasksDuringCrop);\n            this.canvas.getObjects().forEach(object => {\n                if (object !== cropRect) {\n                    this._cropPrevEvented.push({ object, evented: object.evented, selectable: object.selectable, visible: object.visible });\n                    try {\n                        const updates = {\n                            evented: false,\n                            selectable: false\n                        };\n                        if (shouldHideMasks && (object.maskId || object.maskLabel)) updates.visible = false;\n                        object.set(updates);\n                    } catch (error) { void error; }\n                }\n            });\n\n            // When the crop rect changes, re-render\n            const handleCropRectModified = () => { try { cropRect.setCoords(); this.canvas.requestRenderAll(); } catch (error) { void error; } };\n            cropRect.on('modified', handleCropRectModified);\n            cropRect.on('moving', handleCropRectModified);\n            cropRect.on('scaling', handleCropRectModified);\n\n            // Keep handlers to remove later\n            this._cropHandlers.push({\n                target: cropRect,\n                handlers: [\n                    { eventName: 'modified', handler: handleCropRectModified },\n                    { eventName: 'moving', handler: handleCropRectModified },\n                    { eventName: 'scaling', handler: handleCropRectModified }\n                ]\n            });\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            this._removeCropRect();\n            this._restoreCropObjectState();\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            const { sx, sy, sw, sh } = this._getClampedCanvasRegion(rectBounds);\n            const shouldPreserveMasks = !!(this.options.crop && this.options.crop.preserveMasksAfterCrop);\n\n            this._restoreCropObjectState();\n\n            let beforeJson = null;\n            try {\n                beforeJson = this._serializeCanvasState();\n            } catch (error) {\n                this._reportWarning('applyCrop: could not serialize before state', error);\n                beforeJson = null;\n            }\n\n            const preservedMasks = [];\n\n            try {\n                const masks = this.canvas.getObjects().filter(object => object.maskId);\n                if (masks && masks.length) {\n                    masks.forEach(mask => {\n                        try {\n                            mask.setCoords();\n                            const maskBounds = mask.getBoundingRect(true, true);\n                            const intersectsCrop =\n                                maskBounds.left < sx + sw &&\n                                maskBounds.left + maskBounds.width > sx &&\n                                maskBounds.top < sy + sh &&\n                                maskBounds.top + maskBounds.height > sy;\n                            this._removeLabelForMask(mask);\n                            this.canvas.remove(mask);\n                            if (shouldPreserveMasks && intersectsCrop) {\n                                mask.set({\n                                    left: (mask.left || 0) - sx,\n                                    top: (mask.top || 0) - sy,\n                                    visible: true\n                                });\n                                mask.setCoords();\n                                preservedMasks.push(mask);\n                            }\n                        } catch (error) {\n                            this._reportWarning('applyCrop: failed to remove mask', error);\n                        }\n                    });\n                    this._clearMaskPlacementMemory();\n                    this.canvas.discardActiveObject();\n                    this.canvas.renderAll();\n                }\n            } catch (error) {\n                this._reportWarning('applyCrop: error while removing masks', error);\n            }\n\n            this._removeCropRect();\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                croppedBase64 = await this._exportCanvasRegionToDataURL({\n                    sx,\n                    sy,\n                    sw,\n                    sh,\n                    multiplier: 1,\n                    quality: this._normalizeQuality(this.options.downsampleQuality),\n                    format: 'jpeg'\n                });\n            } catch (error) {\n                await this._restoreStateAfterCropFailure(beforeJson, 'applyCrop: failed to create cropped image', error);\n                return;\n            }\n\n            // Load the cropped image as the new base image\n            try {\n                await this.loadImage(croppedBase64);\n                if (preservedMasks.length) {\n                    preservedMasks.forEach(mask => {\n                        this._rebindMaskEvents(mask);\n                        this.canvas.add(mask);\n                        this.canvas.bringToFront(mask);\n                    });\n                    this._lastMask = preservedMasks[preservedMasks.length - 1];\n                    this.maskCounter = preservedMasks.reduce((max, mask) => Math.max(max, mask.maskId || 0), this.maskCounter);\n                    this._updateMaskList();\n                    this.canvas.renderAll();\n                }\n            } catch (e) {\n                await this._restoreStateAfterCropFailure(beforeJson, 'applyCrop: loadImage(croppedBase64) failed', e);\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                afterJson = this._serializeCanvasState();\n            } catch (e) {\n                this._reportWarning('applyCrop: failed to serialize after state', e);\n                afterJson = null;\n            }\n\n            try {\n                this._pushStateTransition(beforeJson, afterJson);\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 scaleInputElement = document.getElementById(this.elements.scaleRate);\n            if (scaleInputElement) scaleInputElement.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 hasImage = !!this.originalImage;\n            const masks = hasImage ? this.canvas.getObjects().filter(object => object.maskId) : [];\n            const hasMasks = masks.length > 0;\n            const activeObject = this.canvas.getActiveObject();\n            const hasSelectedMask = activeObject && activeObject.maskId;\n            const isDefaultTransform = this.currentScale === 1 && this.currentRotation === 0;\n            const canUndo = this.historyManager?.canUndo();\n            const canRedo = this.historyManager?.canRedo();\n            const isInCropMode = !!this._cropMode;\n\n            if (isInCropMode) {\n                // iterate all element keys and disable unless key is applyCropBtn or cancelCropBtn\n                for (const key of Object.keys(this.elements || {})) {\n                    const element = document.getElementById(this.elements[key]);\n                    if (!element) continue;\n                    if (key === 'applyCropBtn' || key === 'cancelCropBtn') {\n                        this._setDisabled(key, false);\n                    } else {\n                        this._setDisabled(key, true);\n                    }\n                }\n                return;\n            }\n\n            this._setDisabled('zoomInBtn', !hasImage || this.isAnimating || this.currentScale >= this.options.maxScale);\n            this._setDisabled('zoomOutBtn', !hasImage || this.isAnimating || this.currentScale <= this.options.minScale);\n            this._setDisabled('rotateLeftBtn', !hasImage || this.isAnimating);\n            this._setDisabled('rotateRightBtn', !hasImage || this.isAnimating);\n            this._setDisabled('addMaskBtn', !hasImage || this.isAnimating);\n            this._setDisabled('removeMaskBtn', !hasSelectedMask || this.isAnimating);\n            this._setDisabled('removeAllMasksBtn', !hasMasks || this.isAnimating);\n            this._setDisabled('mergeBtn', !hasImage || !hasMasks || this.isAnimating);\n            this._setDisabled('downloadBtn', !hasImage || this.isAnimating);\n            this._setDisabled('resetBtn', !hasImage || isDefaultTransform || this.isAnimating);\n            this._setDisabled('undoBtn', !hasImage || this.isAnimating || !canUndo);\n            this._setDisabled('redoBtn', !hasImage || this.isAnimating || !canRedo);\n            this._setDisabled('cropBtn', !hasImage || this.isAnimating);\n            this._setDisabled('applyCropBtn', true);\n            this._setDisabled('cancelCropBtn', true);\n            this._setDisabled('imageInput', this.isAnimating);\n            this._setDisabled('uploadArea', this.isAnimating);\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 element = document.getElementById(this.elements[key]);\n            if (!element) return;\n            if ('disabled' in element) {\n                element.disabled = !!disabled;\n                return;\n            }\n\n            if (disabled) {\n                element.setAttribute('aria-disabled', 'true');\n                element.style.pointerEvents = 'none';\n            } else {\n                element.removeAttribute('aria-disabled');\n                element.style.pointerEvents = '';\n            }\n        }\n\n        _isElementDisabled(element) {\n            if (!element) return false;\n            if ('disabled' in element) return !!element.disabled;\n            return element.getAttribute('aria-disabled') === 'true';\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.placeholderElement) return;\n            if (show) {\n                this.placeholderElement.classList.remove('d-none');\n                this.placeholderElement.classList.add('d-flex');\n                this.containerElement.classList.add('d-none');\n            } else {\n                this.placeholderElement.classList.remove('d-flex');\n                this.placeholderElement.classList.add('d-none');\n                this.containerElement.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._handlersByElementKey || {})) {\n                    const handlers = this._handlersByElementKey[key] || [];\n                    const element = document.getElementById(this.elements[key]);\n                    if (!element) continue;\n                    handlers.forEach(handlerRecord => {\n                        try { element.removeEventListener(handlerRecord.eventName, handlerRecord.handler); } catch (error) { void error; }\n                    });\n                }\n            } catch (error) { void error; }\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.containerElement && this._containerOriginalOverflow !== undefined) {\n                try { this.containerElement.style.overflow = this._containerOriginalOverflow; } catch (e) { void e; }\n            }\n\n            if (this.canvas) {\n                try { this.canvas.dispose(); } catch (e) { void e; }\n                this.canvas = null;\n                this.canvasElement = null;\n                this.isImageLoadedToCanvas = false;\n            }\n            this._handlersByElementKey = {};\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            this.pending = Promise.resolve();\n        }\n\n        enqueue(task) {\n            const run = this.pending.then(task, task);\n            this.pending = run.catch(() => {});\n            return run;\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            this.push(command);\n        }\n\n        /**\n         * Pushes an already-applied command onto the history stack.\n         * Truncates any \"future\" history when branching.\n         *\n         * @param {Command} command  The command to push.\n         * @returns {void}\n         */\n        push(command) {\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            return this.enqueue(async () => {\n                if (this.currentIndex >= 0) {\n                    const index = this.currentIndex;\n                    await this.history[index].undo();\n                    this.currentIndex = index - 1;\n                }\n            });\n        }\n\n        /**\n         * Redoes the next command in history if possible.\n         *\n         * @returns {void}\n         */\n        redo() {\n            return this.enqueue(async () => {\n                if (this.currentIndex < this.history.length - 1) {\n                    const index = this.currentIndex + 1;\n                    await this.history[index].execute();\n                    this.currentIndex = index;\n                }\n            });\n        }\n    }\n\nexport { ImageEditor };\nexport default ImageEditor;\n"],
+  "mappings": "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",
+  "names": ["fabricModule", "fabric", "getGlobalScope", "getGlobalFabric", "scope", "setFabric", "fabricInstance", "ensureFabric", "ImageEditor", "options", "defaultLabel", "mask", "defaultCrop", "userLabel", "userCrop", "AnimationQueue", "HistoryManager", "value", "idMap", "defaults", "message", "error", "handler", "canvasElement", "containerElement", "initialWidth", "initialHeight", "containerWidth", "containerHeight", "event", "target", "masks", "objects", "object", "shouldResetScroll", "uploadAreaElement", "file", "rotationInputElement", "step", "parsedStep", "key", "eventName", "element", "reader", "imageBase64", "imageElement", "loadSource", "ratio", "targetWidth", "targetHeight", "resolve", "reject", "fabricImage", "imageWidth", "imageHeight", "viewport", "minWidth", "minHeight", "canvasWidth", "canvasHeight", "fitScale", "layout", "dataUrl", "quality", "offscreenCanvas", "w", "h", "iw", "ih", "numericValue", "roundedValue", "previousOverflow", "width", "height", "inlineOverflow", "inlineOverflowX", "inlineOverflowY", "computedOverflow", "computedOverflowX", "computedOverflowY", "style", "probe", "contentWidth", "contentHeight", "safetyMargin", "safeWidth", "safeHeight", "scrollbar", "hasVertical", "hasHorizontal", "effectiveWidth", "effectiveHeight", "i", "nextHasVertical", "nextHasHorizontal", "scale", "canvasSize", "strokeWidth", "opacity", "callback", "maskStyleBackups", "backup", "cornerSize", "jsonObject", "numericQuality", "format", "bounds", "left", "top", "roundEnd", "sourceX", "sourceY", "endX", "endY", "sourceWidth", "sourceHeight", "multiplier", "safeMultiplier", "scaledSourceX", "scaledSourceY", "scaledSourceWidth", "scaledSourceHeight", "sx", "sy", "sw", "sh", "fullDataUrl", "fabricObject", "coords", "boundingRect", "originX", "originY", "refPoint", "deltaX", "deltaY", "imageBounds", "size", "padding", "requiredWidth", "requiredHeight", "newWidth", "newHeight", "factor", "saveHistory", "targetScale", "topLeft", "scaleXAnimation", "scaleYAnimation", "degrees", "center", "newTopLeft", "before", "after", "err", "jsonString", "json", "canvasObjects", "baseScale", "imageScale", "max", "callbackError", "activeObject", "executedOnce", "command", "Command", "e", "metadata", "normalStyle", "hoverStyle", "mouseover", "mouseout", "config", "shapeType", "maskConfig", "firstOffset", "resolveValue", "fallback", "percent", "previousMask", "previousMaskRight", "polygonPoints", "point", "styles", "hasStyle", "property", "maskSettings", "maskId", "selectedMasks", "textObject", "labelText", "textOptions", "maskIndex", "label", "tl", "vx", "vy", "dist", "ux", "uy", "offset", "px", "py", "selected", "selectedMask", "originalStrokeWidth", "maskListElement", "listItemElement", "item", "isSelected", "beforeJson", "merged", "afterJson", "fileName", "exportImageArea", "base64", "link", "maskVisibilityBackups", "finalBase64", "mergeMask", "fileType", "safeFileType", "imageDataUrl", "convertedDataUrl", "binaryString", "mime", "byteIndex", "bytes", "restoreError", "state", "targetHandlers", "handlerRecord", "cropRect", "shouldHideMasks", "updates", "handleCropRectModified", "rectBounds", "shouldPreserveMasks", "preservedMasks", "maskBounds", "intersectsCrop", "croppedBase64", "scaleInputElement", "hasImage", "hasMasks", "hasSelectedMask", "isDefaultTransform", "canUndo", "canRedo", "disabled", "show", "handlers", "animationFn", "fn", "result", "execute", "undo", "maxSize", "task", "run", "index", "image_editor_default", "ImageEditor", "fabricInstance", "fabricModule", "setFabric", "esm_default", "image_editor_default"]
+}