@nasser-sw/fabric 7.0.1-beta19 → 7.0.1-beta20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"file":"InteractiveObject.d.ts","sourceRoot":"","sources":["../../../../src/shapes/Object/InteractiveObject.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"InteractiveObject.d.ts","sourceRoot":"","sources":["../../../../src/shapes/Object/InteractiveObject.ts"],"names":[],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.min.mjs";import{Point as r,ZERO as o}from"../../Point.min.mjs";import{FabricObject as s}from"./Object.min.mjs";import{degreesToRadians as e}from"../../util/misc/radiansDegreesConversion.min.mjs";import{createTranslateMatrix as i,createRotateMatrix as n,multiplyTransformMatrices as a,qrDecompose as l,calcDimensionsMatrix as c}from"../../util/misc/matrix.min.mjs";import{sizeAfterTransform as h}from"../../util/misc/objectTransforms.min.mjs";import{createObjectDefaultControls as d}from"../../controls/commonControls.min.mjs";import{interactiveObjectDefaultValues as C}from"./defaultValues.min.mjs";import{SCALE as u}from"../../constants.min.mjs";class m extends s{static getDefaults(){return{...super.getDefaults(),...m.ownDefaults}}constructor(t){super(),Object.assign(this,this.constructor.createControls(),m.ownDefaults),this.setOptions(t)}static createControls(){return{controls:d()}}_updateCacheCanvas(){const t=this.canvas;if(this.noScaleCache&&t&&t._currentTransform){const r=t._currentTransform,o=r.target,s=r.action;if(this===o&&s&&s.startsWith(u))return!1}return super._updateCacheCanvas()}getActiveControl(){const t=this.__corner;return t?{key:t,control:this.controls[t],coord:this.oCoords[t]}:void 0}findControl(t){let r=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(!this.hasControls||!this.canvas)return;this.__corner=void 0;const o=Object.entries(this.oCoords);for(let s=o.length-1;s>=0;s--){const[e,i]=o[s],n=this.controls[e];if(n.shouldActivate(e,this,t,r?i.touchCorner:i.corner))return this.__corner=e,{key:e,control:n,coord:this.oCoords[e]}}}calcOCoords(){const t=this.getViewportTransform(),r=this.getCenterPoint(),o=i(r.x,r.y),s=n({angle:this.getTotalAngle()-(this.group&&this.flipX?180:0)}),e=a(o,s),c=a(t,e),h=a(c,[1/t[0],0,0,1/t[3],0,0]),d=this.group?l(this.calcTransformMatrix()):void 0;d&&(d.scaleX=Math.abs(d.scaleX),d.scaleY=Math.abs(d.scaleY));const C=this._calculateCurrentDimensions(d),u={};return this.forEachControl((t,r)=>{const o=t.positionHandler(C,h,this,t);u[r]=Object.assign(o,this._calcCornerCoords(t,o))}),u}_calcCornerCoords(t,r){const o=this.getTotalAngle();return{corner:t.calcCornerCoords(o,this.cornerSize,r.x,r.y,!1,this),touchCorner:t.calcCornerCoords(o,this.touchCornerSize,r.x,r.y,!0,this)}}setCoords(){super.setCoords(),this.canvas&&(this.oCoords=this.calcOCoords())}forEachControl(t){for(const r in this.controls)t(this.controls[r],r,this)}drawSelectionBackground(t){if(!this.selectionBackgroundColor||this.canvas&&this.canvas._activeObject!==this)return;t.save();const r=this.getRelativeCenterPoint(),o=this._calculateCurrentDimensions(),s=this.getViewportTransform();t.translate(r.x,r.y),t.scale(1/s[0],1/s[3]),t.rotate(e(this.angle)),t.fillStyle=this.selectionBackgroundColor,t.fillRect(-o.x/2,-o.y/2,o.x,o.y),t.restore()}strokeBorders(t,r){t.strokeRect(-r.x/2,-r.y/2,r.x,r.y)}_drawBorders(t,r){let o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const s={hasControls:this.hasControls,borderColor:this.borderColor,borderDashArray:this.borderDashArray,...o};t.save(),t.strokeStyle=s.borderColor,this._setLineDash(t,s.borderDashArray),this.strokeBorders(t,r),s.hasControls&&this.drawControlsConnectingLines(t,r),t.restore()}_renderControls(t){let r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const{hasBorders:o,hasControls:s}=this,i={hasBorders:o,hasControls:s,...r},n=this.getViewportTransform(),c=i.hasBorders,h=i.hasControls,d=a(n,this.calcTransformMatrix()),C=l(d);t.save(),t.translate(C.translateX,C.translateY),t.lineWidth=this.borderScaleFactor,this.group===this.parent&&(t.globalAlpha=this.isMoving?this.borderOpacityWhenMoving:1),this.flipX&&(C.angle-=180),t.rotate(e(this.group?C.angle:this.angle)),c&&this.drawBorders(t,C,r),h&&this.drawControls(t,r),t.restore()}drawBorders(t,s,e){let i;if(e&&e.forActiveSelection||this.group){const t=h(this.width,this.height,c(s)),e=this.isStrokeAccountedForInDimensions()?o:(this.strokeUniform?(new r).scalarAdd(this.canvas?this.canvas.getZoom():1):new r(s.scaleX,s.scaleY)).scalarMultiply(this.strokeWidth);i=t.add(e).scalarAdd(this.borderScaleFactor).scalarAdd(2*this.padding)}else i=this._calculateCurrentDimensions().scalarAdd(this.borderScaleFactor);this._drawBorders(t,i,e)}drawControlsConnectingLines(t,r){let o=!1;t.beginPath(),this.forEachControl((s,e)=>{s.withConnection&&s.getVisibility(this,e)&&(o=!0,t.moveTo(s.x*r.x,s.y*r.y),t.lineTo(s.x*r.x+s.offsetX,s.y*r.y+s.offsetY))}),o&&t.stroke()}drawControls(t){let r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};t.save();const o=this.getCanvasRetinaScaling(),{cornerStrokeColor:s,cornerDashArray:e,cornerColor:i}=this,n={cornerStrokeColor:s,cornerDashArray:e,cornerColor:i,...r};t.setTransform(o,0,0,o,0,0),t.strokeStyle=t.fillStyle=n.cornerColor,this.transparentCorners||(t.strokeStyle=n.cornerStrokeColor),this._setLineDash(t,n.cornerDashArray),this.forEachControl((r,o)=>{if(r.getVisibility(this,o)){const s=this.oCoords[o];r.render(t,s.x,s.y,n,this)}}),t.restore()}isControlVisible(t){return this.controls[t]&&this.controls[t].getVisibility(this,t)}setControlVisible(t,r){this._controlsVisibility||(this._controlsVisibility={}),this._controlsVisibility[t]=r}setControlsVisibility(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};Object.entries(t).forEach(t=>{let[r,o]=t;return this.setControlVisible(r,o)})}clearContextTop(t){if(!this.canvas)return;const r=this.canvas.contextTop;if(!r)return;const o=this.canvas.viewportTransform;r.save(),r.transform(o[0],o[1],o[2],o[3],o[4],o[5]),this.transform(r);const s=this.width+4,e=this.height+4;return r.clearRect(-s/2,-e/2,s,e),t||r.restore(),r}onDeselect(t){return!1}onSelect(t){return!1}shouldStartDragging(t){return!1}onDragStart(t){return!1}canDrop(t){return!1}renderDragSourceEffect(t){}renderDropTargetEffect(t){}}t(m,"ownDefaults",C);export{m as InteractiveFabricObject};
1
+ import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.min.mjs";import{Point as r,ZERO as o}from"../../Point.min.mjs";import{FabricObject as s}from"./Object.min.mjs";import{degreesToRadians as e}from"../../util/misc/radiansDegreesConversion.min.mjs";import{createTranslateMatrix as i,createRotateMatrix as n,multiplyTransformMatrices as a,qrDecompose as c,calcDimensionsMatrix as l}from"../../util/misc/matrix.min.mjs";import{sizeAfterTransform as h}from"../../util/misc/objectTransforms.min.mjs";import{createObjectDefaultControls as d}from"../../controls/commonControls.min.mjs";import{interactiveObjectDefaultValues as C}from"./defaultValues.min.mjs";import{SCALE as u}from"../../constants.min.mjs";class f extends s{static getDefaults(){return{...super.getDefaults(),...f.ownDefaults}}constructor(t){super(),Object.assign(this,this.constructor.createControls(),f.ownDefaults),this.setOptions(t)}static createControls(){return{controls:d()}}_updateCacheCanvas(){const t=this.canvas;if(this.noScaleCache&&t&&t._currentTransform){const r=t._currentTransform,o=r.target,s=r.action;if(this===o&&s&&s.startsWith(u))return!1}return super._updateCacheCanvas()}getActiveControl(){const t=this.__corner;return t?{key:t,control:this.controls[t],coord:this.oCoords[t]}:void 0}findControl(t){let r=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(!this.hasControls||!this.canvas)return;this.__corner=void 0;const o=Object.entries(this.oCoords);for(let s=o.length-1;s>=0;s--){const[e,i]=o[s],n=this.controls[e];if(n.shouldActivate(e,this,t,r?i.touchCorner:i.corner))return this.__corner=e,{key:e,control:n,coord:this.oCoords[e]}}}calcOCoords(){const t=this.getViewportTransform(),r=this.getCenterPoint(),o=i(r.x,r.y),s=n({angle:this.getTotalAngle()-(this.group&&this.flipX?180:0)}),e=a(o,s),l=a(t,e),h=a(l,[1/t[0],0,0,1/t[3],0,0]),d=this.group?c(this.calcTransformMatrix()):void 0;d&&(d.scaleX=Math.abs(d.scaleX),d.scaleY=Math.abs(d.scaleY));const C=this._calculateCurrentDimensions(d),u={};return this.forEachControl((t,r)=>{const o=t.positionHandler(C,h,this,t);u[r]=Object.assign(o,this._calcCornerCoords(t,o))}),u}_calcCornerCoords(t,r){const o=this.getTotalAngle();return{corner:t.calcCornerCoords(o,this.cornerSize,r.x,r.y,!1,this),touchCorner:t.calcCornerCoords(o,this.touchCornerSize,r.x,r.y,!0,this)}}setCoords(){super.setCoords(),this.canvas&&(this.oCoords=this.calcOCoords())}forEachControl(t){for(const r in this.controls)t(this.controls[r],r,this)}drawSelectionBackground(t){if(!this.selectionBackgroundColor||this.canvas&&this.canvas._activeObject!==this)return;t.save();const r=this.getRelativeCenterPoint(),o=this._calculateCurrentDimensions(),s=this.getViewportTransform();t.translate(r.x,r.y),t.scale(1/s[0],1/s[3]),t.rotate(e(this.angle)),t.fillStyle=this.selectionBackgroundColor,t.fillRect(-o.x/2,-o.y/2,o.x,o.y),t.restore()}strokeBorders(t,r){t.strokeRect(-r.x/2,-r.y/2,r.x,r.y)}_drawBorders(t,r){let o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const s={hasControls:this.hasControls,borderColor:this.borderColor,borderDashArray:this.borderDashArray,...o};t.save(),t.strokeStyle=s.borderColor,this._setLineDash(t,s.borderDashArray),this.strokeBorders(t,r),s.hasControls&&this.drawControlsConnectingLines(t,r),t.restore()}_renderControls(t){let r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const{hasBorders:o,hasControls:s}=this,i={hasBorders:o,hasControls:s,...r},n=this.getViewportTransform(),l=i.hasBorders,h=i.hasControls,d=a(n,this.calcTransformMatrix()),C=c(d);t.save(),t.translate(C.translateX,C.translateY),t.lineWidth=this.borderScaleFactor,this.group===this.parent&&(t.globalAlpha=this.isMoving?this.borderOpacityWhenMoving:1),this.flipX&&(C.angle-=180),t.rotate(e(this.group?C.angle:this.angle)),l&&this.drawBorders(t,C,r),h&&this.drawControls(t,r),t.restore()}drawBorders(t,s,e){let i;if(e&&e.forActiveSelection||this.group){const t=h(this.width,this.height,l(s)),e=this.isStrokeAccountedForInDimensions()?o:(this.strokeUniform?(new r).scalarAdd(this.canvas?this.canvas.getZoom():1):new r(s.scaleX,s.scaleY)).scalarMultiply(this.strokeWidth);i=t.add(e).scalarAdd(this.borderScaleFactor).scalarAdd(2*this.padding)}else i=this._calculateCurrentDimensions().scalarAdd(this.borderScaleFactor);this._drawBorders(t,i,e)}drawControlsConnectingLines(t,r){let o=!1;t.beginPath(),this.forEachControl((s,e)=>{s.withConnection&&s.getVisibility(this,e)&&(o=!0,t.moveTo(s.x*r.x,s.y*r.y),t.lineTo(s.x*r.x+s.offsetX,s.y*r.y+s.offsetY))}),o&&t.stroke()}drawControls(t){var r;let o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const s=null===(r=this.canvas)||void 0===r?void 0:r._currentTransform;if(s&&s.target===this&&this.isMoving){const r=s.corner;if(!r)return;const e=this.controls[r];if(e&&e.getVisibility(this,r)){t.save();const s=this.getCanvasRetinaScaling(),{cornerStrokeColor:i,cornerDashArray:n,cornerColor:a}=this,c={cornerStrokeColor:i,cornerDashArray:n,cornerColor:a,...o};t.setTransform(s,0,0,s,0,0),t.strokeStyle=t.fillStyle=c.cornerColor,this.transparentCorners||(t.strokeStyle=c.cornerStrokeColor),this._setLineDash(t,c.cornerDashArray);const l=this.oCoords[r];e.render(t,l.x,l.y,c,this),t.restore()}return}t.save();const e=this.getCanvasRetinaScaling(),{cornerStrokeColor:i,cornerDashArray:n,cornerColor:a}=this,c={cornerStrokeColor:i,cornerDashArray:n,cornerColor:a,...o};t.setTransform(e,0,0,e,0,0),t.strokeStyle=t.fillStyle=c.cornerColor,this.transparentCorners||(t.strokeStyle=c.cornerStrokeColor),this._setLineDash(t,c.cornerDashArray),this.forEachControl((r,o)=>{if(r.getVisibility(this,o)){const s=this.oCoords[o];r.render(t,s.x,s.y,c,this)}}),t.restore()}isControlVisible(t){return this.controls[t]&&this.controls[t].getVisibility(this,t)}setControlVisible(t,r){this._controlsVisibility||(this._controlsVisibility={}),this._controlsVisibility[t]=r}setControlsVisibility(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};Object.entries(t).forEach(t=>{let[r,o]=t;return this.setControlVisible(r,o)})}clearContextTop(t){if(!this.canvas)return;const r=this.canvas.contextTop;if(!r)return;const o=this.canvas.viewportTransform;r.save(),r.transform(o[0],o[1],o[2],o[3],o[4],o[5]),this.transform(r);const s=this.width+4,e=this.height+4;return r.clearRect(-s/2,-e/2,s,e),t||r.restore(),r}onDeselect(t){return!1}onSelect(t){return!1}shouldStartDragging(t){return!1}onDragStart(t){return!1}canDrop(t){return!1}renderDragSourceEffect(t){}renderDropTargetEffect(t){}}t(f,"ownDefaults",C);export{f as InteractiveFabricObject};
2
2
  //# sourceMappingURL=InteractiveObject.min.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"InteractiveObject.min.mjs","sources":["../../../../src/shapes/Object/InteractiveObject.ts"],"sourcesContent":["import { Point, ZERO } from '../../Point';\r\nimport type { TCornerPoint, TDegree } from '../../typedefs';\r\nimport { FabricObject } from './Object';\r\nimport { degreesToRadians } from '../../util/misc/radiansDegreesConversion';\r\nimport type { TQrDecomposeOut } from '../../util/misc/matrix';\r\nimport {\r\n calcDimensionsMatrix,\r\n createRotateMatrix,\r\n createTranslateMatrix,\r\n multiplyTransformMatrices,\r\n qrDecompose,\r\n} from '../../util/misc/matrix';\r\nimport type { Control } from '../../controls/Control';\r\nimport { sizeAfterTransform } from '../../util/misc/objectTransforms';\r\nimport type { ObjectEvents, TPointerEvent } from '../../EventTypeDefs';\r\nimport type { Canvas } from '../../canvas/Canvas';\r\nimport type { ControlRenderingStyleOverride } from '../../controls/controlRendering';\r\nimport type { FabricObjectProps } from './types/FabricObjectProps';\r\nimport type { TFabricObjectProps, SerializedObjectProps } from './types';\r\nimport { createObjectDefaultControls } from '../../controls/commonControls';\r\nimport { interactiveObjectDefaultValues } from './defaultValues';\r\nimport { SCALE } from '../../constants';\r\n\r\nexport type TOCoord = Point & {\r\n corner: TCornerPoint;\r\n touchCorner: TCornerPoint;\r\n};\r\n\r\nexport type TControlSet = Record<string, Control>;\r\n\r\nexport type TBorderRenderingStyleOverride = Partial<\r\n Pick<InteractiveFabricObject, 'borderColor' | 'borderDashArray'>\r\n>;\r\n\r\nexport type TStyleOverride = ControlRenderingStyleOverride &\r\n TBorderRenderingStyleOverride &\r\n Partial<\r\n Pick<InteractiveFabricObject, 'hasBorders' | 'hasControls'> & {\r\n forActiveSelection: boolean;\r\n }\r\n >;\r\n\r\nexport class InteractiveFabricObject<\r\n Props extends TFabricObjectProps = Partial<FabricObjectProps>,\r\n SProps extends SerializedObjectProps = SerializedObjectProps,\r\n EventSpec extends ObjectEvents = ObjectEvents,\r\n >\r\n extends FabricObject<Props, SProps, EventSpec>\r\n implements FabricObjectProps\r\n{\r\n declare noScaleCache: boolean;\r\n\r\n declare snapAngle?: TDegree;\r\n declare snapThreshold?: TDegree;\r\n\r\n declare lockMovementX: boolean;\r\n declare lockMovementY: boolean;\r\n declare lockRotation: boolean;\r\n declare lockScalingX: boolean;\r\n declare lockScalingY: boolean;\r\n declare lockSkewingX: boolean;\r\n declare lockSkewingY: boolean;\r\n declare lockScalingFlip: boolean;\r\n\r\n declare cornerSize: number;\r\n declare touchCornerSize: number;\r\n declare transparentCorners: boolean;\r\n declare cornerColor: string;\r\n declare cornerStrokeColor: string;\r\n declare cornerStyle: 'rect' | 'circle';\r\n declare cornerDashArray: number[] | null;\r\n declare hasControls: boolean;\r\n\r\n declare borderColor: string;\r\n declare borderDashArray: number[] | null;\r\n declare borderOpacityWhenMoving: number;\r\n declare borderScaleFactor: number;\r\n declare hasBorders: boolean;\r\n declare selectionBackgroundColor: string;\r\n\r\n declare selectable: boolean;\r\n declare evented: boolean;\r\n declare perPixelTargetFind: boolean;\r\n declare activeOn: 'down' | 'up';\r\n\r\n declare hoverCursor: CSSStyleDeclaration['cursor'] | null;\r\n declare moveCursor: CSSStyleDeclaration['cursor'] | null;\r\n\r\n /**\r\n * The object's controls' position in viewport coordinates\r\n * Calculated by {@link Control#positionHandler} and {@link Control#calcCornerCoords}, depending on {@link padding}.\r\n * `corner/touchCorner` describe the 4 points forming the interactive area of the corner.\r\n * Used to draw and locate controls.\r\n */\r\n declare oCoords: Record<string, TOCoord>;\r\n\r\n /**\r\n * keeps the value of the last hovered corner during mouse move.\r\n * 0 is no corner, or 'mt', 'ml', 'mtr' etc..\r\n * It should be private, but there is no harm in using it as\r\n * a read-only property.\r\n * this isn't cleaned automatically. Non selected objects may have wrong values\r\n * @type [string]\r\n */\r\n declare __corner?: string;\r\n\r\n /**\r\n * a map of control visibility for this object.\r\n * this was left when controls were introduced to not break the api too much\r\n * this takes priority over the generic control visibility\r\n */\r\n declare _controlsVisibility: Record<string, boolean>;\r\n\r\n /**\r\n * holds the controls for the object.\r\n * controls are added by default_controls.js\r\n */\r\n declare controls: TControlSet;\r\n\r\n /**\r\n * internal boolean to signal the code that the object is\r\n * part of the move action.\r\n */\r\n declare isMoving?: boolean;\r\n\r\n /**\r\n * A boolean used from the gesture module to keep tracking of a scaling\r\n * action when there is no scaling transform in place.\r\n * This is an edge case and is used twice in all codebase.\r\n * Probably added to keep track of some performance issues\r\n * @TODO use git blame to investigate why it was added\r\n * DON'T USE IT. WE WILL TRY TO REMOVE IT\r\n */\r\n declare _scaling?: boolean;\r\n\r\n declare canvas?: Canvas;\r\n\r\n static ownDefaults = interactiveObjectDefaultValues;\r\n\r\n static getDefaults(): Record<string, any> {\r\n return {\r\n ...super.getDefaults(),\r\n ...InteractiveFabricObject.ownDefaults,\r\n };\r\n }\r\n\r\n /**\r\n * Constructor\r\n * @param {Object} [options] Options object\r\n */\r\n constructor(options?: Props) {\r\n super();\r\n Object.assign(\r\n this,\r\n (this.constructor as typeof InteractiveFabricObject).createControls(),\r\n InteractiveFabricObject.ownDefaults,\r\n );\r\n this.setOptions(options);\r\n }\r\n\r\n /**\r\n * Creates the default control object.\r\n * If you prefer to have on instance of controls shared among all objects\r\n * make this function return an empty object and add controls to the ownDefaults\r\n * @param {Object} [options] Options object\r\n */\r\n static createControls(): { controls: Record<string, Control> } {\r\n return { controls: createObjectDefaultControls() };\r\n }\r\n\r\n /**\r\n * Update width and height of the canvas for cache\r\n * returns true or false if canvas needed resize.\r\n * @private\r\n * @return {Boolean} true if the canvas has been resized\r\n */\r\n _updateCacheCanvas() {\r\n const targetCanvas = this.canvas;\r\n if (this.noScaleCache && targetCanvas && targetCanvas._currentTransform) {\r\n const transform = targetCanvas._currentTransform,\r\n target = transform.target,\r\n action = transform.action;\r\n if (\r\n this === (target as unknown as this) &&\r\n action &&\r\n action.startsWith(SCALE)\r\n ) {\r\n return false;\r\n }\r\n }\r\n return super._updateCacheCanvas();\r\n }\r\n\r\n getActiveControl() {\r\n const key = this.__corner;\r\n return key\r\n ? {\r\n key,\r\n control: this.controls[key],\r\n coord: this.oCoords[key],\r\n }\r\n : undefined;\r\n }\r\n\r\n /**\r\n * Determines which corner is under the mouse cursor, represented by `pointer`.\r\n * This function returns a corner only if the object is the active one.\r\n * This is done to avoid selecting corner of non active object and activating transformations\r\n * rather than drag action. The default behavior of fabricJS is that if you want to transform\r\n * an object, first you select it to show the control set\r\n * @private\r\n * @param {Object} pointer The pointer indicating the mouse position\r\n * @param {boolean} forTouch indicates if we are looking for interaction area with a touch action\r\n * @return {String|Boolean} corner code (tl, tr, bl, br, etc.), or 0 if nothing is found.\r\n */\r\n findControl(\r\n pointer: Point,\r\n forTouch = false,\r\n ): { key: string; control: Control; coord: TOCoord } | undefined {\r\n if (!this.hasControls || !this.canvas) {\r\n return undefined;\r\n }\r\n\r\n this.__corner = undefined;\r\n const cornerEntries = Object.entries(this.oCoords);\r\n for (let i = cornerEntries.length - 1; i >= 0; i--) {\r\n const [key, corner] = cornerEntries[i];\r\n const control = this.controls[key];\r\n\r\n if (\r\n control.shouldActivate(\r\n key,\r\n this,\r\n pointer,\r\n forTouch ? corner.touchCorner : corner.corner,\r\n )\r\n ) {\r\n // this.canvas.contextTop.fillRect(pointer.x - 1, pointer.y - 1, 2, 2);\r\n this.__corner = key;\r\n\r\n return { key, control, coord: this.oCoords[key] };\r\n }\r\n }\r\n\r\n return undefined;\r\n }\r\n\r\n /**\r\n * Calculates the coordinates of the center of each control plus the corners of the control itself\r\n * This basically just delegates to each control positionHandler\r\n * WARNING: changing what is passed to positionHandler is a breaking change, since position handler\r\n * is a public api and should be done just if extremely necessary\r\n * @return {Record<string, TOCoord>}\r\n */\r\n calcOCoords(): Record<string, TOCoord> {\r\n const vpt = this.getViewportTransform(),\r\n center = this.getCenterPoint(),\r\n tMatrix = createTranslateMatrix(center.x, center.y),\r\n rMatrix = createRotateMatrix({\r\n angle: this.getTotalAngle() - (!!this.group && this.flipX ? 180 : 0),\r\n }),\r\n positionMatrix = multiplyTransformMatrices(tMatrix, rMatrix),\r\n startMatrix = multiplyTransformMatrices(vpt, positionMatrix),\r\n finalMatrix = multiplyTransformMatrices(startMatrix, [\r\n 1 / vpt[0],\r\n 0,\r\n 0,\r\n 1 / vpt[3],\r\n 0,\r\n 0,\r\n ]),\r\n transformOptions = this.group\r\n ? qrDecompose(this.calcTransformMatrix())\r\n : undefined;\r\n // decomposing could bring negative scaling and `_calculateCurrentDimensions` can't take it\r\n if (transformOptions) {\r\n transformOptions.scaleX = Math.abs(transformOptions.scaleX);\r\n transformOptions.scaleY = Math.abs(transformOptions.scaleY);\r\n }\r\n const dim = this._calculateCurrentDimensions(transformOptions),\r\n coords: Record<string, TOCoord> = {};\r\n\r\n this.forEachControl((control, key) => {\r\n const position = control.positionHandler(dim, finalMatrix, this, control);\r\n // coords[key] are sometimes used as points. Those are points to which we add\r\n // the property corner and touchCorner from `_calcCornerCoords`.\r\n // don't remove this assign for an object spread.\r\n coords[key] = Object.assign(\r\n position,\r\n this._calcCornerCoords(control, position),\r\n );\r\n });\r\n\r\n // debug code\r\n /*\r\n const canvas = this.canvas;\r\n setTimeout(function () {\r\n if (!canvas) return;\r\n canvas.contextTop.clearRect(0, 0, 700, 700);\r\n canvas.contextTop.fillStyle = 'green';\r\n Object.keys(coords).forEach(function(key) {\r\n const control = coords[key];\r\n canvas.contextTop.fillRect(control.x, control.y, 3, 3);\r\n });\r\n } 50);\r\n */\r\n return coords;\r\n }\r\n\r\n /**\r\n * Sets the coordinates that determine the interaction area of each control\r\n * note: if we would switch to ROUND corner area, all of this would disappear.\r\n * everything would resolve to a single point and a pythagorean theorem for the distance\r\n * @todo evaluate simplification of code switching to circle interaction area at runtime\r\n * @private\r\n */\r\n private _calcCornerCoords(control: Control, position: Point) {\r\n const angle = this.getTotalAngle();\r\n const corner = control.calcCornerCoords(\r\n angle,\r\n this.cornerSize,\r\n position.x,\r\n position.y,\r\n false,\r\n this,\r\n );\r\n const touchCorner = control.calcCornerCoords(\r\n angle,\r\n this.touchCornerSize,\r\n position.x,\r\n position.y,\r\n true,\r\n this,\r\n );\r\n return { corner, touchCorner };\r\n }\r\n\r\n /**\r\n * @override set controls' coordinates as well\r\n * See {@link https://github.com/fabricjs/fabric.js/wiki/When-to-call-setCoords} and {@link http://fabricjs.com/fabric-gotchas}\r\n * @return {void}\r\n */\r\n setCoords(): void {\r\n super.setCoords();\r\n this.canvas && (this.oCoords = this.calcOCoords());\r\n }\r\n\r\n /**\r\n * Calls a function for each control. The function gets called,\r\n * with the control, the control's key and the object that is calling the iterator\r\n * @param {Function} fn function to iterate over the controls over\r\n */\r\n forEachControl(\r\n fn: (\r\n control: Control,\r\n key: string,\r\n fabricObject: InteractiveFabricObject,\r\n ) => any,\r\n ) {\r\n for (const i in this.controls) {\r\n fn(this.controls[i], i, this);\r\n }\r\n }\r\n\r\n /**\r\n * Draws a colored layer behind the object, inside its selection borders.\r\n * Requires public options: padding, selectionBackgroundColor\r\n * this function is called when the context is transformed\r\n * has checks to be skipped when the object is on a staticCanvas\r\n * @todo evaluate if make this disappear in favor of a pre-render hook for objects\r\n * this was added by Andrea Bogazzi to make possible some feature for work reasons\r\n * it seemed a good option, now is an edge case\r\n * @param {CanvasRenderingContext2D} ctx Context to draw on\r\n */\r\n drawSelectionBackground(ctx: CanvasRenderingContext2D): void {\r\n if (\r\n !this.selectionBackgroundColor ||\r\n (this.canvas && (this.canvas._activeObject as unknown as this) !== this)\r\n ) {\r\n return;\r\n }\r\n ctx.save();\r\n const center = this.getRelativeCenterPoint(),\r\n wh = this._calculateCurrentDimensions(),\r\n vpt = this.getViewportTransform();\r\n ctx.translate(center.x, center.y);\r\n ctx.scale(1 / vpt[0], 1 / vpt[3]);\r\n ctx.rotate(degreesToRadians(this.angle));\r\n ctx.fillStyle = this.selectionBackgroundColor;\r\n ctx.fillRect(-wh.x / 2, -wh.y / 2, wh.x, wh.y);\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * @public override this function in order to customize the drawing of the control box, e.g. rounded corners, different border style.\r\n * @param {CanvasRenderingContext2D} ctx ctx is rotated and translated so that (0,0) is at object's center\r\n * @param {Point} size the control box size used\r\n */\r\n strokeBorders(ctx: CanvasRenderingContext2D, size: Point): void {\r\n ctx.strokeRect(-size.x / 2, -size.y / 2, size.x, size.y);\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to draw on\r\n * @param {Point} size\r\n * @param {TStyleOverride} styleOverride object to override the object style\r\n */\r\n _drawBorders(\r\n ctx: CanvasRenderingContext2D,\r\n size: Point,\r\n styleOverride: TStyleOverride = {},\r\n ): void {\r\n const options = {\r\n hasControls: this.hasControls,\r\n borderColor: this.borderColor,\r\n borderDashArray: this.borderDashArray,\r\n ...styleOverride,\r\n };\r\n ctx.save();\r\n ctx.strokeStyle = options.borderColor;\r\n this._setLineDash(ctx, options.borderDashArray);\r\n this.strokeBorders(ctx, size);\r\n options.hasControls && this.drawControlsConnectingLines(ctx, size);\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Renders controls and borders for the object\r\n * the context here is not transformed\r\n * @todo move to interactivity\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {TStyleOverride} [styleOverride] properties to override the object style\r\n */\r\n _renderControls(\r\n ctx: CanvasRenderingContext2D,\r\n styleOverride: TStyleOverride = {},\r\n ) {\r\n const { hasBorders, hasControls } = this;\r\n const styleOptions = {\r\n hasBorders,\r\n hasControls,\r\n ...styleOverride,\r\n };\r\n const vpt = this.getViewportTransform(),\r\n shouldDrawBorders = styleOptions.hasBorders,\r\n shouldDrawControls = styleOptions.hasControls;\r\n const matrix = multiplyTransformMatrices(vpt, this.calcTransformMatrix());\r\n const options = qrDecompose(matrix);\r\n ctx.save();\r\n ctx.translate(options.translateX, options.translateY);\r\n ctx.lineWidth = this.borderScaleFactor; // 1 * this.borderScaleFactor;\r\n // since interactive groups have been introduced, an object could be inside a group and needing controls\r\n // the following equality check `this.group === this.parent` covers:\r\n // object without a group ( undefined === undefined )\r\n // object inside a group\r\n // excludes object inside a group but multi selected since group and parent will differ in value\r\n if (this.group === this.parent) {\r\n ctx.globalAlpha = this.isMoving ? this.borderOpacityWhenMoving : 1;\r\n }\r\n if (this.flipX) {\r\n options.angle -= 180;\r\n }\r\n ctx.rotate(degreesToRadians(this.group ? options.angle : this.angle));\r\n shouldDrawBorders && this.drawBorders(ctx, options, styleOverride);\r\n shouldDrawControls && this.drawControls(ctx, styleOverride);\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Draws borders of an object's bounding box.\r\n * Requires public properties: width, height\r\n * Requires public options: padding, borderColor\r\n * @param {CanvasRenderingContext2D} ctx Context to draw on\r\n * @param {object} options object representing current object parameters\r\n * @param {TStyleOverride} [styleOverride] object to override the object style\r\n */\r\n drawBorders(\r\n ctx: CanvasRenderingContext2D,\r\n options: TQrDecomposeOut,\r\n styleOverride: TStyleOverride,\r\n ): void {\r\n let size;\r\n if ((styleOverride && styleOverride.forActiveSelection) || this.group) {\r\n const bbox = sizeAfterTransform(\r\n this.width,\r\n this.height,\r\n calcDimensionsMatrix(options),\r\n ),\r\n stroke = !this.isStrokeAccountedForInDimensions()\r\n ? (this.strokeUniform\r\n ? new Point().scalarAdd(this.canvas ? this.canvas.getZoom() : 1)\r\n : // this is extremely confusing. options comes from the upper function\r\n // and is the qrDecompose of a matrix that takes in account zoom too\r\n new Point(options.scaleX, options.scaleY)\r\n ).scalarMultiply(this.strokeWidth)\r\n : ZERO;\r\n size = bbox\r\n .add(stroke)\r\n .scalarAdd(this.borderScaleFactor)\r\n .scalarAdd(this.padding * 2);\r\n } else {\r\n size = this._calculateCurrentDimensions().scalarAdd(\r\n this.borderScaleFactor,\r\n );\r\n }\r\n this._drawBorders(ctx, size, styleOverride);\r\n }\r\n\r\n /**\r\n * Draws lines from a borders of an object's bounding box to controls that have `withConnection` property set.\r\n * Requires public properties: width, height\r\n * Requires public options: padding, borderColor\r\n * @param {CanvasRenderingContext2D} ctx Context to draw on\r\n * @param {Point} size object size x = width, y = height\r\n */\r\n drawControlsConnectingLines(\r\n ctx: CanvasRenderingContext2D,\r\n size: Point,\r\n ): void {\r\n let shouldStroke = false;\r\n\r\n ctx.beginPath();\r\n this.forEachControl((control, key) => {\r\n // in this moment, the ctx is centered on the object.\r\n // width and height of the above function are the size of the bbox.\r\n if (control.withConnection && control.getVisibility(this, key)) {\r\n // reset movement for each control\r\n shouldStroke = true;\r\n ctx.moveTo(control.x * size.x, control.y * size.y);\r\n ctx.lineTo(\r\n control.x * size.x + control.offsetX,\r\n control.y * size.y + control.offsetY,\r\n );\r\n }\r\n });\r\n shouldStroke && ctx.stroke();\r\n }\r\n\r\n /**\r\n * Draws corners of an object's bounding box.\r\n * Requires public properties: width, height\r\n * Requires public options: cornerSize, padding\r\n * Be aware that since fabric 6.0 this function does not call setCoords anymore.\r\n * setCoords needs to be called manually if the object of which we are rendering controls\r\n * is outside the standard selection and transform process.\r\n * @param {CanvasRenderingContext2D} ctx Context to draw on\r\n * @param {ControlRenderingStyleOverride} styleOverride object to override the object style\r\n */\r\n drawControls(\r\n ctx: CanvasRenderingContext2D,\r\n styleOverride: ControlRenderingStyleOverride = {},\r\n ) {\r\n ctx.save();\r\n const retinaScaling = this.getCanvasRetinaScaling();\r\n const { cornerStrokeColor, cornerDashArray, cornerColor } = this;\r\n const options = {\r\n cornerStrokeColor,\r\n cornerDashArray,\r\n cornerColor,\r\n ...styleOverride,\r\n };\r\n ctx.setTransform(retinaScaling, 0, 0, retinaScaling, 0, 0);\r\n ctx.strokeStyle = ctx.fillStyle = options.cornerColor;\r\n if (!this.transparentCorners) {\r\n ctx.strokeStyle = options.cornerStrokeColor;\r\n }\r\n this._setLineDash(ctx, options.cornerDashArray);\r\n this.forEachControl((control, key) => {\r\n if (control.getVisibility(this, key)) {\r\n const p = this.oCoords[key];\r\n control.render(ctx, p.x, p.y, options, this);\r\n }\r\n });\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Returns true if the specified control is visible, false otherwise.\r\n * @param {string} controlKey The key of the control. Possible values are usually 'tl', 'tr', 'br', 'bl', 'ml', 'mt', 'mr', 'mb', 'mtr',\r\n * but since the control api allow for any control name, can be any string.\r\n * @returns {boolean} true if the specified control is visible, false otherwise\r\n */\r\n isControlVisible(controlKey: string): boolean {\r\n return (\r\n this.controls[controlKey] &&\r\n this.controls[controlKey].getVisibility(this, controlKey)\r\n );\r\n }\r\n\r\n /**\r\n * Sets the visibility of the specified control.\r\n * please do not use.\r\n * @param {String} controlKey The key of the control. Possible values are 'tl', 'tr', 'br', 'bl', 'ml', 'mt', 'mr', 'mb', 'mtr'.\r\n * but since the control api allow for any control name, can be any string.\r\n * @param {Boolean} visible true to set the specified control visible, false otherwise\r\n * @todo discuss this overlap of priority here with the team. Andrea Bogazzi for details\r\n */\r\n setControlVisible(controlKey: string, visible: boolean) {\r\n if (!this._controlsVisibility) {\r\n this._controlsVisibility = {};\r\n }\r\n this._controlsVisibility[controlKey] = visible;\r\n }\r\n\r\n /**\r\n * Sets the visibility state of object controls, this is just a bulk option for setControlVisible;\r\n * @param {Record<string, boolean>} [options] with an optional key per control\r\n * example: {Boolean} [options.bl] true to enable the bottom-left control, false to disable it\r\n */\r\n setControlsVisibility(options: Record<string, boolean> = {}) {\r\n Object.entries(options).forEach(([controlKey, visibility]) =>\r\n this.setControlVisible(controlKey, visibility),\r\n );\r\n }\r\n\r\n /**\r\n * Clears the canvas.contextTop in a specific area that corresponds to the object's bounding box\r\n * that is in the canvas.contextContainer.\r\n * This function is used to clear pieces of contextTop where we render ephemeral effects on top of the object.\r\n * Example: blinking cursor text selection, drag effects.\r\n * @todo discuss swapping restoreManually with a renderCallback, but think of async issues\r\n * @param {Boolean} [restoreManually] When true won't restore the context after clear, in order to draw something else.\r\n * @return {CanvasRenderingContext2D|undefined} canvas.contextTop that is either still transformed\r\n * with the object transformMatrix, or restored to neutral transform\r\n */\r\n clearContextTop(\r\n restoreManually?: boolean,\r\n ): CanvasRenderingContext2D | undefined {\r\n if (!this.canvas) {\r\n return;\r\n }\r\n const ctx = this.canvas.contextTop;\r\n if (!ctx) {\r\n return;\r\n }\r\n const v = this.canvas.viewportTransform;\r\n ctx.save();\r\n ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]);\r\n this.transform(ctx);\r\n // we add 4 pixel, to be sure to do not leave any pixel out\r\n const width = this.width + 4,\r\n height = this.height + 4;\r\n ctx.clearRect(-width / 2, -height / 2, width, height);\r\n\r\n restoreManually || ctx.restore();\r\n return ctx;\r\n }\r\n\r\n /**\r\n * This callback function is called every time _discardActiveObject or _setActiveObject\r\n * try to to deselect this object. If the function returns true, the process is cancelled\r\n * @param {Object} [_options] options sent from the upper functions\r\n * @param {TPointerEvent} [options.e] event if the process is generated by an event\r\n * @param {FabricObject} [options.object] next object we are setting as active, and reason why\r\n * this is being deselected\r\n */\r\n onDeselect(_options?: {\r\n e?: TPointerEvent;\r\n object?: InteractiveFabricObject;\r\n }): boolean {\r\n // implemented by sub-classes, as needed.\r\n return false;\r\n }\r\n\r\n /**\r\n * This callback function is called every time _discardActiveObject or _setActiveObject\r\n * try to to select this object. If the function returns true, the process is cancelled\r\n * @param {Object} [_options] options sent from the upper functions\r\n * @param {Event} [_options.e] event if the process is generated by an event\r\n */\r\n onSelect(_options?: { e?: TPointerEvent }): boolean {\r\n // implemented by sub-classes, as needed.\r\n return false;\r\n }\r\n\r\n /**\r\n * Override to customize Drag behavior\r\n * Fired from {@link Canvas#_onMouseMove}\r\n * @returns true in order for the window to start a drag session\r\n */\r\n shouldStartDragging(_e: TPointerEvent) {\r\n return false;\r\n }\r\n\r\n /**\r\n * Override to customize Drag behavior\\\r\n * Fired once a drag session has started\r\n * @returns true to handle the drag event\r\n */\r\n onDragStart(_e: DragEvent) {\r\n return false;\r\n }\r\n\r\n /**\r\n * Override to customize drag and drop behavior\r\n * @public\r\n * @param {DragEvent} _e\r\n * @returns {boolean} true if the object currently dragged can be dropped on the target\r\n */\r\n canDrop(_e: DragEvent): boolean {\r\n return false;\r\n }\r\n\r\n /**\r\n * Override to customize drag and drop behavior\r\n * render a specific effect when an object is the source of a drag event\r\n * example: render the selection status for the part of text that is being dragged from a text object\r\n * @public\r\n * @param {DragEvent} _e\r\n */\r\n renderDragSourceEffect(_e: DragEvent) {\r\n // for subclasses\r\n }\r\n\r\n /**\r\n * Override to customize drag and drop behavior\r\n * render a specific effect when an object is the target of a drag event\r\n * used to show that the underly object can receive a drop, or to show how the\r\n * object will change when dropping. example: show the cursor where the text is about to be dropped\r\n * @public\r\n * @param {DragEvent} _e\r\n */\r\n renderDropTargetEffect(_e: DragEvent) {\r\n // for subclasses\r\n }\r\n}\r\n"],"names":["InteractiveFabricObject","FabricObject","getDefaults","super","ownDefaults","constructor","options","Object","assign","this","createControls","setOptions","controls","createObjectDefaultControls","_updateCacheCanvas","targetCanvas","canvas","noScaleCache","_currentTransform","transform","target","action","startsWith","SCALE","getActiveControl","key","__corner","control","coord","oCoords","undefined","findControl","pointer","forTouch","arguments","length","hasControls","cornerEntries","entries","i","corner","shouldActivate","touchCorner","calcOCoords","vpt","getViewportTransform","center","getCenterPoint","tMatrix","createTranslateMatrix","x","y","rMatrix","createRotateMatrix","angle","getTotalAngle","group","flipX","positionMatrix","multiplyTransformMatrices","startMatrix","finalMatrix","transformOptions","qrDecompose","calcTransformMatrix","scaleX","Math","abs","scaleY","dim","_calculateCurrentDimensions","coords","forEachControl","position","positionHandler","_calcCornerCoords","calcCornerCoords","cornerSize","touchCornerSize","setCoords","fn","drawSelectionBackground","ctx","selectionBackgroundColor","_activeObject","save","getRelativeCenterPoint","wh","translate","scale","rotate","degreesToRadians","fillStyle","fillRect","restore","strokeBorders","size","strokeRect","_drawBorders","styleOverride","borderColor","borderDashArray","strokeStyle","_setLineDash","drawControlsConnectingLines","_renderControls","hasBorders","styleOptions","shouldDrawBorders","shouldDrawControls","matrix","translateX","translateY","lineWidth","borderScaleFactor","parent","globalAlpha","isMoving","borderOpacityWhenMoving","drawBorders","drawControls","forActiveSelection","bbox","sizeAfterTransform","width","height","calcDimensionsMatrix","stroke","isStrokeAccountedForInDimensions","ZERO","strokeUniform","Point","scalarAdd","getZoom","scalarMultiply","strokeWidth","add","padding","shouldStroke","beginPath","withConnection","getVisibility","moveTo","lineTo","offsetX","offsetY","retinaScaling","getCanvasRetinaScaling","cornerStrokeColor","cornerDashArray","cornerColor","setTransform","transparentCorners","p","render","isControlVisible","controlKey","setControlVisible","visible","_controlsVisibility","setControlsVisibility","forEach","_ref","visibility","clearContextTop","restoreManually","contextTop","v","viewportTransform","clearRect","onDeselect","_options","onSelect","shouldStartDragging","_e","onDragStart","canDrop","renderDragSourceEffect","renderDropTargetEffect","_defineProperty","interactiveObjectDefaultValues"],"mappings":"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"}
1
+ {"version":3,"file":"InteractiveObject.min.mjs","sources":["../../../../src/shapes/Object/InteractiveObject.ts"],"sourcesContent":["import { Point, ZERO } from '../../Point';\r\nimport type { TCornerPoint, TDegree } from '../../typedefs';\r\nimport { FabricObject } from './Object';\r\nimport { degreesToRadians } from '../../util/misc/radiansDegreesConversion';\r\nimport type { TQrDecomposeOut } from '../../util/misc/matrix';\r\nimport {\r\n calcDimensionsMatrix,\r\n createRotateMatrix,\r\n createTranslateMatrix,\r\n multiplyTransformMatrices,\r\n qrDecompose,\r\n} from '../../util/misc/matrix';\r\nimport type { Control } from '../../controls/Control';\r\nimport { sizeAfterTransform } from '../../util/misc/objectTransforms';\r\nimport type { ObjectEvents, TPointerEvent } from '../../EventTypeDefs';\r\nimport type { Canvas } from '../../canvas/Canvas';\r\nimport type { ControlRenderingStyleOverride } from '../../controls/controlRendering';\r\nimport type { FabricObjectProps } from './types/FabricObjectProps';\r\nimport type { TFabricObjectProps, SerializedObjectProps } from './types';\r\nimport { createObjectDefaultControls } from '../../controls/commonControls';\r\nimport { interactiveObjectDefaultValues } from './defaultValues';\r\nimport { SCALE } from '../../constants';\r\n\r\nexport type TOCoord = Point & {\r\n corner: TCornerPoint;\r\n touchCorner: TCornerPoint;\r\n};\r\n\r\nexport type TControlSet = Record<string, Control>;\r\n\r\nexport type TBorderRenderingStyleOverride = Partial<\r\n Pick<InteractiveFabricObject, 'borderColor' | 'borderDashArray'>\r\n>;\r\n\r\nexport type TStyleOverride = ControlRenderingStyleOverride &\r\n TBorderRenderingStyleOverride &\r\n Partial<\r\n Pick<InteractiveFabricObject, 'hasBorders' | 'hasControls'> & {\r\n forActiveSelection: boolean;\r\n }\r\n >;\r\n\r\nexport class InteractiveFabricObject<\r\n Props extends TFabricObjectProps = Partial<FabricObjectProps>,\r\n SProps extends SerializedObjectProps = SerializedObjectProps,\r\n EventSpec extends ObjectEvents = ObjectEvents,\r\n >\r\n extends FabricObject<Props, SProps, EventSpec>\r\n implements FabricObjectProps\r\n{\r\n declare noScaleCache: boolean;\r\n\r\n declare snapAngle?: TDegree;\r\n declare snapThreshold?: TDegree;\r\n\r\n declare lockMovementX: boolean;\r\n declare lockMovementY: boolean;\r\n declare lockRotation: boolean;\r\n declare lockScalingX: boolean;\r\n declare lockScalingY: boolean;\r\n declare lockSkewingX: boolean;\r\n declare lockSkewingY: boolean;\r\n declare lockScalingFlip: boolean;\r\n\r\n declare cornerSize: number;\r\n declare touchCornerSize: number;\r\n declare transparentCorners: boolean;\r\n declare cornerColor: string;\r\n declare cornerStrokeColor: string;\r\n declare cornerStyle: 'rect' | 'circle';\r\n declare cornerDashArray: number[] | null;\r\n declare hasControls: boolean;\r\n\r\n declare borderColor: string;\r\n declare borderDashArray: number[] | null;\r\n declare borderOpacityWhenMoving: number;\r\n declare borderScaleFactor: number;\r\n declare hasBorders: boolean;\r\n declare selectionBackgroundColor: string;\r\n\r\n declare selectable: boolean;\r\n declare evented: boolean;\r\n declare perPixelTargetFind: boolean;\r\n declare activeOn: 'down' | 'up';\r\n\r\n declare hoverCursor: CSSStyleDeclaration['cursor'] | null;\r\n declare moveCursor: CSSStyleDeclaration['cursor'] | null;\r\n\r\n /**\r\n * The object's controls' position in viewport coordinates\r\n * Calculated by {@link Control#positionHandler} and {@link Control#calcCornerCoords}, depending on {@link padding}.\r\n * `corner/touchCorner` describe the 4 points forming the interactive area of the corner.\r\n * Used to draw and locate controls.\r\n */\r\n declare oCoords: Record<string, TOCoord>;\r\n\r\n /**\r\n * keeps the value of the last hovered corner during mouse move.\r\n * 0 is no corner, or 'mt', 'ml', 'mtr' etc..\r\n * It should be private, but there is no harm in using it as\r\n * a read-only property.\r\n * this isn't cleaned automatically. Non selected objects may have wrong values\r\n * @type [string]\r\n */\r\n declare __corner?: string;\r\n\r\n /**\r\n * a map of control visibility for this object.\r\n * this was left when controls were introduced to not break the api too much\r\n * this takes priority over the generic control visibility\r\n */\r\n declare _controlsVisibility: Record<string, boolean>;\r\n\r\n /**\r\n * holds the controls for the object.\r\n * controls are added by default_controls.js\r\n */\r\n declare controls: TControlSet;\r\n\r\n /**\r\n * internal boolean to signal the code that the object is\r\n * part of the move action.\r\n */\r\n declare isMoving?: boolean;\r\n\r\n /**\r\n * A boolean used from the gesture module to keep tracking of a scaling\r\n * action when there is no scaling transform in place.\r\n * This is an edge case and is used twice in all codebase.\r\n * Probably added to keep track of some performance issues\r\n * @TODO use git blame to investigate why it was added\r\n * DON'T USE IT. WE WILL TRY TO REMOVE IT\r\n */\r\n declare _scaling?: boolean;\r\n\r\n declare canvas?: Canvas;\r\n\r\n static ownDefaults = interactiveObjectDefaultValues;\r\n\r\n static getDefaults(): Record<string, any> {\r\n return {\r\n ...super.getDefaults(),\r\n ...InteractiveFabricObject.ownDefaults,\r\n };\r\n }\r\n\r\n /**\r\n * Constructor\r\n * @param {Object} [options] Options object\r\n */\r\n constructor(options?: Props) {\r\n super();\r\n Object.assign(\r\n this,\r\n (this.constructor as typeof InteractiveFabricObject).createControls(),\r\n InteractiveFabricObject.ownDefaults,\r\n );\r\n this.setOptions(options);\r\n }\r\n\r\n /**\r\n * Creates the default control object.\r\n * If you prefer to have on instance of controls shared among all objects\r\n * make this function return an empty object and add controls to the ownDefaults\r\n * @param {Object} [options] Options object\r\n */\r\n static createControls(): { controls: Record<string, Control> } {\r\n return { controls: createObjectDefaultControls() };\r\n }\r\n\r\n /**\r\n * Update width and height of the canvas for cache\r\n * returns true or false if canvas needed resize.\r\n * @private\r\n * @return {Boolean} true if the canvas has been resized\r\n */\r\n _updateCacheCanvas() {\r\n const targetCanvas = this.canvas;\r\n if (this.noScaleCache && targetCanvas && targetCanvas._currentTransform) {\r\n const transform = targetCanvas._currentTransform,\r\n target = transform.target,\r\n action = transform.action;\r\n if (\r\n this === (target as unknown as this) &&\r\n action &&\r\n action.startsWith(SCALE)\r\n ) {\r\n return false;\r\n }\r\n }\r\n return super._updateCacheCanvas();\r\n }\r\n\r\n getActiveControl() {\r\n const key = this.__corner;\r\n return key\r\n ? {\r\n key,\r\n control: this.controls[key],\r\n coord: this.oCoords[key],\r\n }\r\n : undefined;\r\n }\r\n\r\n /**\r\n * Determines which corner is under the mouse cursor, represented by `pointer`.\r\n * This function returns a corner only if the object is the active one.\r\n * This is done to avoid selecting corner of non active object and activating transformations\r\n * rather than drag action. The default behavior of fabricJS is that if you want to transform\r\n * an object, first you select it to show the control set\r\n * @private\r\n * @param {Object} pointer The pointer indicating the mouse position\r\n * @param {boolean} forTouch indicates if we are looking for interaction area with a touch action\r\n * @return {String|Boolean} corner code (tl, tr, bl, br, etc.), or 0 if nothing is found.\r\n */\r\n findControl(\r\n pointer: Point,\r\n forTouch = false,\r\n ): { key: string; control: Control; coord: TOCoord } | undefined {\r\n if (!this.hasControls || !this.canvas) {\r\n return undefined;\r\n }\r\n\r\n this.__corner = undefined;\r\n const cornerEntries = Object.entries(this.oCoords);\r\n for (let i = cornerEntries.length - 1; i >= 0; i--) {\r\n const [key, corner] = cornerEntries[i];\r\n const control = this.controls[key];\r\n\r\n if (\r\n control.shouldActivate(\r\n key,\r\n this,\r\n pointer,\r\n forTouch ? corner.touchCorner : corner.corner,\r\n )\r\n ) {\r\n // this.canvas.contextTop.fillRect(pointer.x - 1, pointer.y - 1, 2, 2);\r\n this.__corner = key;\r\n\r\n return { key, control, coord: this.oCoords[key] };\r\n }\r\n }\r\n\r\n return undefined;\r\n }\r\n\r\n /**\r\n * Calculates the coordinates of the center of each control plus the corners of the control itself\r\n * This basically just delegates to each control positionHandler\r\n * WARNING: changing what is passed to positionHandler is a breaking change, since position handler\r\n * is a public api and should be done just if extremely necessary\r\n * @return {Record<string, TOCoord>}\r\n */\r\n calcOCoords(): Record<string, TOCoord> {\r\n const vpt = this.getViewportTransform(),\r\n center = this.getCenterPoint(),\r\n tMatrix = createTranslateMatrix(center.x, center.y),\r\n rMatrix = createRotateMatrix({\r\n angle: this.getTotalAngle() - (!!this.group && this.flipX ? 180 : 0),\r\n }),\r\n positionMatrix = multiplyTransformMatrices(tMatrix, rMatrix),\r\n startMatrix = multiplyTransformMatrices(vpt, positionMatrix),\r\n finalMatrix = multiplyTransformMatrices(startMatrix, [\r\n 1 / vpt[0],\r\n 0,\r\n 0,\r\n 1 / vpt[3],\r\n 0,\r\n 0,\r\n ]),\r\n transformOptions = this.group\r\n ? qrDecompose(this.calcTransformMatrix())\r\n : undefined;\r\n // decomposing could bring negative scaling and `_calculateCurrentDimensions` can't take it\r\n if (transformOptions) {\r\n transformOptions.scaleX = Math.abs(transformOptions.scaleX);\r\n transformOptions.scaleY = Math.abs(transformOptions.scaleY);\r\n }\r\n const dim = this._calculateCurrentDimensions(transformOptions),\r\n coords: Record<string, TOCoord> = {};\r\n\r\n this.forEachControl((control, key) => {\r\n const position = control.positionHandler(dim, finalMatrix, this, control);\r\n // coords[key] are sometimes used as points. Those are points to which we add\r\n // the property corner and touchCorner from `_calcCornerCoords`.\r\n // don't remove this assign for an object spread.\r\n coords[key] = Object.assign(\r\n position,\r\n this._calcCornerCoords(control, position),\r\n );\r\n });\r\n\r\n // debug code\r\n /*\r\n const canvas = this.canvas;\r\n setTimeout(function () {\r\n if (!canvas) return;\r\n canvas.contextTop.clearRect(0, 0, 700, 700);\r\n canvas.contextTop.fillStyle = 'green';\r\n Object.keys(coords).forEach(function(key) {\r\n const control = coords[key];\r\n canvas.contextTop.fillRect(control.x, control.y, 3, 3);\r\n });\r\n } 50);\r\n */\r\n return coords;\r\n }\r\n\r\n /**\r\n * Sets the coordinates that determine the interaction area of each control\r\n * note: if we would switch to ROUND corner area, all of this would disappear.\r\n * everything would resolve to a single point and a pythagorean theorem for the distance\r\n * @todo evaluate simplification of code switching to circle interaction area at runtime\r\n * @private\r\n */\r\n private _calcCornerCoords(control: Control, position: Point) {\r\n const angle = this.getTotalAngle();\r\n const corner = control.calcCornerCoords(\r\n angle,\r\n this.cornerSize,\r\n position.x,\r\n position.y,\r\n false,\r\n this,\r\n );\r\n const touchCorner = control.calcCornerCoords(\r\n angle,\r\n this.touchCornerSize,\r\n position.x,\r\n position.y,\r\n true,\r\n this,\r\n );\r\n return { corner, touchCorner };\r\n }\r\n\r\n /**\r\n * @override set controls' coordinates as well\r\n * See {@link https://github.com/fabricjs/fabric.js/wiki/When-to-call-setCoords} and {@link http://fabricjs.com/fabric-gotchas}\r\n * @return {void}\r\n */\r\n setCoords(): void {\r\n super.setCoords();\r\n this.canvas && (this.oCoords = this.calcOCoords());\r\n }\r\n\r\n /**\r\n * Calls a function for each control. The function gets called,\r\n * with the control, the control's key and the object that is calling the iterator\r\n * @param {Function} fn function to iterate over the controls over\r\n */\r\n forEachControl(\r\n fn: (\r\n control: Control,\r\n key: string,\r\n fabricObject: InteractiveFabricObject,\r\n ) => any,\r\n ) {\r\n for (const i in this.controls) {\r\n fn(this.controls[i], i, this);\r\n }\r\n }\r\n\r\n /**\r\n * Draws a colored layer behind the object, inside its selection borders.\r\n * Requires public options: padding, selectionBackgroundColor\r\n * this function is called when the context is transformed\r\n * has checks to be skipped when the object is on a staticCanvas\r\n * @todo evaluate if make this disappear in favor of a pre-render hook for objects\r\n * this was added by Andrea Bogazzi to make possible some feature for work reasons\r\n * it seemed a good option, now is an edge case\r\n * @param {CanvasRenderingContext2D} ctx Context to draw on\r\n */\r\n drawSelectionBackground(ctx: CanvasRenderingContext2D): void {\r\n if (\r\n !this.selectionBackgroundColor ||\r\n (this.canvas && (this.canvas._activeObject as unknown as this) !== this)\r\n ) {\r\n return;\r\n }\r\n ctx.save();\r\n const center = this.getRelativeCenterPoint(),\r\n wh = this._calculateCurrentDimensions(),\r\n vpt = this.getViewportTransform();\r\n ctx.translate(center.x, center.y);\r\n ctx.scale(1 / vpt[0], 1 / vpt[3]);\r\n ctx.rotate(degreesToRadians(this.angle));\r\n ctx.fillStyle = this.selectionBackgroundColor;\r\n ctx.fillRect(-wh.x / 2, -wh.y / 2, wh.x, wh.y);\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * @public override this function in order to customize the drawing of the control box, e.g. rounded corners, different border style.\r\n * @param {CanvasRenderingContext2D} ctx ctx is rotated and translated so that (0,0) is at object's center\r\n * @param {Point} size the control box size used\r\n */\r\n strokeBorders(ctx: CanvasRenderingContext2D, size: Point): void {\r\n ctx.strokeRect(-size.x / 2, -size.y / 2, size.x, size.y);\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to draw on\r\n * @param {Point} size\r\n * @param {TStyleOverride} styleOverride object to override the object style\r\n */\r\n _drawBorders(\r\n ctx: CanvasRenderingContext2D,\r\n size: Point,\r\n styleOverride: TStyleOverride = {},\r\n ): void {\r\n const options = {\r\n hasControls: this.hasControls,\r\n borderColor: this.borderColor,\r\n borderDashArray: this.borderDashArray,\r\n ...styleOverride,\r\n };\r\n ctx.save();\r\n ctx.strokeStyle = options.borderColor;\r\n this._setLineDash(ctx, options.borderDashArray);\r\n this.strokeBorders(ctx, size);\r\n options.hasControls && this.drawControlsConnectingLines(ctx, size);\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Renders controls and borders for the object\r\n * the context here is not transformed\r\n * @todo move to interactivity\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {TStyleOverride} [styleOverride] properties to override the object style\r\n */\r\n _renderControls(\r\n ctx: CanvasRenderingContext2D,\r\n styleOverride: TStyleOverride = {},\r\n ) {\r\n const { hasBorders, hasControls } = this;\r\n const styleOptions = {\r\n hasBorders,\r\n hasControls,\r\n ...styleOverride,\r\n };\r\n const vpt = this.getViewportTransform(),\r\n shouldDrawBorders = styleOptions.hasBorders,\r\n shouldDrawControls = styleOptions.hasControls;\r\n const matrix = multiplyTransformMatrices(vpt, this.calcTransformMatrix());\r\n const options = qrDecompose(matrix);\r\n ctx.save();\r\n ctx.translate(options.translateX, options.translateY);\r\n ctx.lineWidth = this.borderScaleFactor; // 1 * this.borderScaleFactor;\r\n // since interactive groups have been introduced, an object could be inside a group and needing controls\r\n // the following equality check `this.group === this.parent` covers:\r\n // object without a group ( undefined === undefined )\r\n // object inside a group\r\n // excludes object inside a group but multi selected since group and parent will differ in value\r\n if (this.group === this.parent) {\r\n ctx.globalAlpha = this.isMoving ? this.borderOpacityWhenMoving : 1;\r\n }\r\n if (this.flipX) {\r\n options.angle -= 180;\r\n }\r\n ctx.rotate(degreesToRadians(this.group ? options.angle : this.angle));\r\n shouldDrawBorders && this.drawBorders(ctx, options, styleOverride);\r\n shouldDrawControls && this.drawControls(ctx, styleOverride);\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Draws borders of an object's bounding box.\r\n * Requires public properties: width, height\r\n * Requires public options: padding, borderColor\r\n * @param {CanvasRenderingContext2D} ctx Context to draw on\r\n * @param {object} options object representing current object parameters\r\n * @param {TStyleOverride} [styleOverride] object to override the object style\r\n */\r\n drawBorders(\r\n ctx: CanvasRenderingContext2D,\r\n options: TQrDecomposeOut,\r\n styleOverride: TStyleOverride,\r\n ): void {\r\n let size;\r\n if ((styleOverride && styleOverride.forActiveSelection) || this.group) {\r\n const bbox = sizeAfterTransform(\r\n this.width,\r\n this.height,\r\n calcDimensionsMatrix(options),\r\n ),\r\n stroke = !this.isStrokeAccountedForInDimensions()\r\n ? (this.strokeUniform\r\n ? new Point().scalarAdd(this.canvas ? this.canvas.getZoom() : 1)\r\n : // this is extremely confusing. options comes from the upper function\r\n // and is the qrDecompose of a matrix that takes in account zoom too\r\n new Point(options.scaleX, options.scaleY)\r\n ).scalarMultiply(this.strokeWidth)\r\n : ZERO;\r\n size = bbox\r\n .add(stroke)\r\n .scalarAdd(this.borderScaleFactor)\r\n .scalarAdd(this.padding * 2);\r\n } else {\r\n size = this._calculateCurrentDimensions().scalarAdd(\r\n this.borderScaleFactor,\r\n );\r\n }\r\n this._drawBorders(ctx, size, styleOverride);\r\n }\r\n\r\n /**\r\n * Draws lines from a borders of an object's bounding box to controls that have `withConnection` property set.\r\n * Requires public properties: width, height\r\n * Requires public options: padding, borderColor\r\n * @param {CanvasRenderingContext2D} ctx Context to draw on\r\n * @param {Point} size object size x = width, y = height\r\n */\r\n drawControlsConnectingLines(\r\n ctx: CanvasRenderingContext2D,\r\n size: Point,\r\n ): void {\r\n let shouldStroke = false;\r\n\r\n ctx.beginPath();\r\n this.forEachControl((control, key) => {\r\n // in this moment, the ctx is centered on the object.\r\n // width and height of the above function are the size of the bbox.\r\n if (control.withConnection && control.getVisibility(this, key)) {\r\n // reset movement for each control\r\n shouldStroke = true;\r\n ctx.moveTo(control.x * size.x, control.y * size.y);\r\n ctx.lineTo(\r\n control.x * size.x + control.offsetX,\r\n control.y * size.y + control.offsetY,\r\n );\r\n }\r\n });\r\n shouldStroke && ctx.stroke();\r\n }\r\n\r\n /**\r\n * Draws corners of an object's bounding box.\r\n * Requires public properties: width, height\r\n * Requires public options: cornerSize, padding\r\n * Be aware that since fabric 6.0 this function does not call setCoords anymore.\r\n * setCoords needs to be called manually if the object of which we are rendering controls\r\n * is outside the standard selection and transform process.\r\n * @param {CanvasRenderingContext2D} ctx Context to draw on\r\n * @param {ControlRenderingStyleOverride} styleOverride object to override the object style\r\n */\r\n drawControls(\r\n ctx: CanvasRenderingContext2D,\r\n styleOverride: ControlRenderingStyleOverride = {},\r\n ) {\r\n // Check if object is being actively transformed (Canva-style control visibility)\r\n // Only hide controls when actually dragging, not just on click/select\r\n const currentTransform = this.canvas?._currentTransform;\r\n const isActivelyTransforming =\r\n currentTransform &&\r\n (currentTransform.target as unknown) === this &&\r\n this.isMoving; // isMoving is true only during actual drag\r\n\r\n if (isActivelyTransforming) {\r\n const activeCorner = currentTransform!.corner;\r\n\r\n // Moving (no active corner) - don't draw any controls, just border\r\n if (!activeCorner) {\r\n return;\r\n }\r\n\r\n // Scaling/rotating - only draw the active control\r\n const control = this.controls[activeCorner];\r\n if (control && control.getVisibility(this, activeCorner)) {\r\n ctx.save();\r\n const retinaScaling = this.getCanvasRetinaScaling();\r\n const { cornerStrokeColor, cornerDashArray, cornerColor } = this;\r\n const options = {\r\n cornerStrokeColor,\r\n cornerDashArray,\r\n cornerColor,\r\n ...styleOverride,\r\n };\r\n ctx.setTransform(retinaScaling, 0, 0, retinaScaling, 0, 0);\r\n ctx.strokeStyle = ctx.fillStyle = options.cornerColor;\r\n if (!this.transparentCorners) {\r\n ctx.strokeStyle = options.cornerStrokeColor;\r\n }\r\n this._setLineDash(ctx, options.cornerDashArray);\r\n const p = this.oCoords[activeCorner];\r\n control.render(ctx, p.x, p.y, options, this);\r\n ctx.restore();\r\n }\r\n return;\r\n }\r\n\r\n // Normal rendering - draw all controls\r\n ctx.save();\r\n const retinaScaling = this.getCanvasRetinaScaling();\r\n const { cornerStrokeColor, cornerDashArray, cornerColor } = this;\r\n const options = {\r\n cornerStrokeColor,\r\n cornerDashArray,\r\n cornerColor,\r\n ...styleOverride,\r\n };\r\n ctx.setTransform(retinaScaling, 0, 0, retinaScaling, 0, 0);\r\n ctx.strokeStyle = ctx.fillStyle = options.cornerColor;\r\n if (!this.transparentCorners) {\r\n ctx.strokeStyle = options.cornerStrokeColor;\r\n }\r\n this._setLineDash(ctx, options.cornerDashArray);\r\n this.forEachControl((control, key) => {\r\n if (control.getVisibility(this, key)) {\r\n const p = this.oCoords[key];\r\n control.render(ctx, p.x, p.y, options, this);\r\n }\r\n });\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Returns true if the specified control is visible, false otherwise.\r\n * @param {string} controlKey The key of the control. Possible values are usually 'tl', 'tr', 'br', 'bl', 'ml', 'mt', 'mr', 'mb', 'mtr',\r\n * but since the control api allow for any control name, can be any string.\r\n * @returns {boolean} true if the specified control is visible, false otherwise\r\n */\r\n isControlVisible(controlKey: string): boolean {\r\n return (\r\n this.controls[controlKey] &&\r\n this.controls[controlKey].getVisibility(this, controlKey)\r\n );\r\n }\r\n\r\n /**\r\n * Sets the visibility of the specified control.\r\n * please do not use.\r\n * @param {String} controlKey The key of the control. Possible values are 'tl', 'tr', 'br', 'bl', 'ml', 'mt', 'mr', 'mb', 'mtr'.\r\n * but since the control api allow for any control name, can be any string.\r\n * @param {Boolean} visible true to set the specified control visible, false otherwise\r\n * @todo discuss this overlap of priority here with the team. Andrea Bogazzi for details\r\n */\r\n setControlVisible(controlKey: string, visible: boolean) {\r\n if (!this._controlsVisibility) {\r\n this._controlsVisibility = {};\r\n }\r\n this._controlsVisibility[controlKey] = visible;\r\n }\r\n\r\n /**\r\n * Sets the visibility state of object controls, this is just a bulk option for setControlVisible;\r\n * @param {Record<string, boolean>} [options] with an optional key per control\r\n * example: {Boolean} [options.bl] true to enable the bottom-left control, false to disable it\r\n */\r\n setControlsVisibility(options: Record<string, boolean> = {}) {\r\n Object.entries(options).forEach(([controlKey, visibility]) =>\r\n this.setControlVisible(controlKey, visibility),\r\n );\r\n }\r\n\r\n /**\r\n * Clears the canvas.contextTop in a specific area that corresponds to the object's bounding box\r\n * that is in the canvas.contextContainer.\r\n * This function is used to clear pieces of contextTop where we render ephemeral effects on top of the object.\r\n * Example: blinking cursor text selection, drag effects.\r\n * @todo discuss swapping restoreManually with a renderCallback, but think of async issues\r\n * @param {Boolean} [restoreManually] When true won't restore the context after clear, in order to draw something else.\r\n * @return {CanvasRenderingContext2D|undefined} canvas.contextTop that is either still transformed\r\n * with the object transformMatrix, or restored to neutral transform\r\n */\r\n clearContextTop(\r\n restoreManually?: boolean,\r\n ): CanvasRenderingContext2D | undefined {\r\n if (!this.canvas) {\r\n return;\r\n }\r\n const ctx = this.canvas.contextTop;\r\n if (!ctx) {\r\n return;\r\n }\r\n const v = this.canvas.viewportTransform;\r\n ctx.save();\r\n ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]);\r\n this.transform(ctx);\r\n // we add 4 pixel, to be sure to do not leave any pixel out\r\n const width = this.width + 4,\r\n height = this.height + 4;\r\n ctx.clearRect(-width / 2, -height / 2, width, height);\r\n\r\n restoreManually || ctx.restore();\r\n return ctx;\r\n }\r\n\r\n /**\r\n * This callback function is called every time _discardActiveObject or _setActiveObject\r\n * try to to deselect this object. If the function returns true, the process is cancelled\r\n * @param {Object} [_options] options sent from the upper functions\r\n * @param {TPointerEvent} [options.e] event if the process is generated by an event\r\n * @param {FabricObject} [options.object] next object we are setting as active, and reason why\r\n * this is being deselected\r\n */\r\n onDeselect(_options?: {\r\n e?: TPointerEvent;\r\n object?: InteractiveFabricObject;\r\n }): boolean {\r\n // implemented by sub-classes, as needed.\r\n return false;\r\n }\r\n\r\n /**\r\n * This callback function is called every time _discardActiveObject or _setActiveObject\r\n * try to to select this object. If the function returns true, the process is cancelled\r\n * @param {Object} [_options] options sent from the upper functions\r\n * @param {Event} [_options.e] event if the process is generated by an event\r\n */\r\n onSelect(_options?: { e?: TPointerEvent }): boolean {\r\n // implemented by sub-classes, as needed.\r\n return false;\r\n }\r\n\r\n /**\r\n * Override to customize Drag behavior\r\n * Fired from {@link Canvas#_onMouseMove}\r\n * @returns true in order for the window to start a drag session\r\n */\r\n shouldStartDragging(_e: TPointerEvent) {\r\n return false;\r\n }\r\n\r\n /**\r\n * Override to customize Drag behavior\\\r\n * Fired once a drag session has started\r\n * @returns true to handle the drag event\r\n */\r\n onDragStart(_e: DragEvent) {\r\n return false;\r\n }\r\n\r\n /**\r\n * Override to customize drag and drop behavior\r\n * @public\r\n * @param {DragEvent} _e\r\n * @returns {boolean} true if the object currently dragged can be dropped on the target\r\n */\r\n canDrop(_e: DragEvent): boolean {\r\n return false;\r\n }\r\n\r\n /**\r\n * Override to customize drag and drop behavior\r\n * render a specific effect when an object is the source of a drag event\r\n * example: render the selection status for the part of text that is being dragged from a text object\r\n * @public\r\n * @param {DragEvent} _e\r\n */\r\n renderDragSourceEffect(_e: DragEvent) {\r\n // for subclasses\r\n }\r\n\r\n /**\r\n * Override to customize drag and drop behavior\r\n * render a specific effect when an object is the target of a drag event\r\n * used to show that the underly object can receive a drop, or to show how the\r\n * object will change when dropping. example: show the cursor where the text is about to be dropped\r\n * @public\r\n * @param {DragEvent} _e\r\n */\r\n renderDropTargetEffect(_e: DragEvent) {\r\n // for subclasses\r\n }\r\n}\r\n"],"names":["InteractiveFabricObject","FabricObject","getDefaults","super","ownDefaults","constructor","options","Object","assign","this","createControls","setOptions","controls","createObjectDefaultControls","_updateCacheCanvas","targetCanvas","canvas","noScaleCache","_currentTransform","transform","target","action","startsWith","SCALE","getActiveControl","key","__corner","control","coord","oCoords","undefined","findControl","pointer","forTouch","arguments","length","hasControls","cornerEntries","entries","i","corner","shouldActivate","touchCorner","calcOCoords","vpt","getViewportTransform","center","getCenterPoint","tMatrix","createTranslateMatrix","x","y","rMatrix","createRotateMatrix","angle","getTotalAngle","group","flipX","positionMatrix","multiplyTransformMatrices","startMatrix","finalMatrix","transformOptions","qrDecompose","calcTransformMatrix","scaleX","Math","abs","scaleY","dim","_calculateCurrentDimensions","coords","forEachControl","position","positionHandler","_calcCornerCoords","calcCornerCoords","cornerSize","touchCornerSize","setCoords","fn","drawSelectionBackground","ctx","selectionBackgroundColor","_activeObject","save","getRelativeCenterPoint","wh","translate","scale","rotate","degreesToRadians","fillStyle","fillRect","restore","strokeBorders","size","strokeRect","_drawBorders","styleOverride","borderColor","borderDashArray","strokeStyle","_setLineDash","drawControlsConnectingLines","_renderControls","hasBorders","styleOptions","shouldDrawBorders","shouldDrawControls","matrix","translateX","translateY","lineWidth","borderScaleFactor","parent","globalAlpha","isMoving","borderOpacityWhenMoving","drawBorders","drawControls","forActiveSelection","bbox","sizeAfterTransform","width","height","calcDimensionsMatrix","stroke","isStrokeAccountedForInDimensions","ZERO","strokeUniform","Point","scalarAdd","getZoom","scalarMultiply","strokeWidth","add","padding","shouldStroke","beginPath","withConnection","getVisibility","moveTo","lineTo","offsetX","offsetY","_this$canvas","currentTransform","activeCorner","retinaScaling","getCanvasRetinaScaling","cornerStrokeColor","cornerDashArray","cornerColor","setTransform","transparentCorners","p","render","isControlVisible","controlKey","setControlVisible","visible","_controlsVisibility","setControlsVisibility","forEach","_ref","visibility","clearContextTop","restoreManually","contextTop","v","viewportTransform","clearRect","onDeselect","_options","onSelect","shouldStartDragging","_e","onDragStart","canDrop","renderDragSourceEffect","renderDropTargetEffect","_defineProperty","interactiveObjectDefaultValues"],"mappings":"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"}
@@ -343,7 +343,51 @@ class InteractiveFabricObject extends FabricObject {
343
343
  * @param {ControlRenderingStyleOverride} styleOverride object to override the object style
344
344
  */
345
345
  drawControls(ctx) {
346
+ var _this$canvas;
346
347
  let styleOverride = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
348
+ // Check if object is being actively transformed (Canva-style control visibility)
349
+ // Only hide controls when actually dragging, not just on click/select
350
+ const currentTransform = (_this$canvas = this.canvas) === null || _this$canvas === void 0 ? void 0 : _this$canvas._currentTransform;
351
+ const isActivelyTransforming = currentTransform && currentTransform.target === this && this.isMoving; // isMoving is true only during actual drag
352
+
353
+ if (isActivelyTransforming) {
354
+ const activeCorner = currentTransform.corner;
355
+
356
+ // Moving (no active corner) - don't draw any controls, just border
357
+ if (!activeCorner) {
358
+ return;
359
+ }
360
+
361
+ // Scaling/rotating - only draw the active control
362
+ const control = this.controls[activeCorner];
363
+ if (control && control.getVisibility(this, activeCorner)) {
364
+ ctx.save();
365
+ const retinaScaling = this.getCanvasRetinaScaling();
366
+ const {
367
+ cornerStrokeColor,
368
+ cornerDashArray,
369
+ cornerColor
370
+ } = this;
371
+ const options = {
372
+ cornerStrokeColor,
373
+ cornerDashArray,
374
+ cornerColor,
375
+ ...styleOverride
376
+ };
377
+ ctx.setTransform(retinaScaling, 0, 0, retinaScaling, 0, 0);
378
+ ctx.strokeStyle = ctx.fillStyle = options.cornerColor;
379
+ if (!this.transparentCorners) {
380
+ ctx.strokeStyle = options.cornerStrokeColor;
381
+ }
382
+ this._setLineDash(ctx, options.cornerDashArray);
383
+ const p = this.oCoords[activeCorner];
384
+ control.render(ctx, p.x, p.y, options, this);
385
+ ctx.restore();
386
+ }
387
+ return;
388
+ }
389
+
390
+ // Normal rendering - draw all controls
347
391
  ctx.save();
348
392
  const retinaScaling = this.getCanvasRetinaScaling();
349
393
  const {
@@ -1 +1 @@
1
- {"version":3,"file":"InteractiveObject.mjs","sources":["../../../../src/shapes/Object/InteractiveObject.ts"],"sourcesContent":["import { Point, ZERO } from '../../Point';\r\nimport type { TCornerPoint, TDegree } from '../../typedefs';\r\nimport { FabricObject } from './Object';\r\nimport { degreesToRadians } from '../../util/misc/radiansDegreesConversion';\r\nimport type { TQrDecomposeOut } from '../../util/misc/matrix';\r\nimport {\r\n calcDimensionsMatrix,\r\n createRotateMatrix,\r\n createTranslateMatrix,\r\n multiplyTransformMatrices,\r\n qrDecompose,\r\n} from '../../util/misc/matrix';\r\nimport type { Control } from '../../controls/Control';\r\nimport { sizeAfterTransform } from '../../util/misc/objectTransforms';\r\nimport type { ObjectEvents, TPointerEvent } from '../../EventTypeDefs';\r\nimport type { Canvas } from '../../canvas/Canvas';\r\nimport type { ControlRenderingStyleOverride } from '../../controls/controlRendering';\r\nimport type { FabricObjectProps } from './types/FabricObjectProps';\r\nimport type { TFabricObjectProps, SerializedObjectProps } from './types';\r\nimport { createObjectDefaultControls } from '../../controls/commonControls';\r\nimport { interactiveObjectDefaultValues } from './defaultValues';\r\nimport { SCALE } from '../../constants';\r\n\r\nexport type TOCoord = Point & {\r\n corner: TCornerPoint;\r\n touchCorner: TCornerPoint;\r\n};\r\n\r\nexport type TControlSet = Record<string, Control>;\r\n\r\nexport type TBorderRenderingStyleOverride = Partial<\r\n Pick<InteractiveFabricObject, 'borderColor' | 'borderDashArray'>\r\n>;\r\n\r\nexport type TStyleOverride = ControlRenderingStyleOverride &\r\n TBorderRenderingStyleOverride &\r\n Partial<\r\n Pick<InteractiveFabricObject, 'hasBorders' | 'hasControls'> & {\r\n forActiveSelection: boolean;\r\n }\r\n >;\r\n\r\nexport class InteractiveFabricObject<\r\n Props extends TFabricObjectProps = Partial<FabricObjectProps>,\r\n SProps extends SerializedObjectProps = SerializedObjectProps,\r\n EventSpec extends ObjectEvents = ObjectEvents,\r\n >\r\n extends FabricObject<Props, SProps, EventSpec>\r\n implements FabricObjectProps\r\n{\r\n declare noScaleCache: boolean;\r\n\r\n declare snapAngle?: TDegree;\r\n declare snapThreshold?: TDegree;\r\n\r\n declare lockMovementX: boolean;\r\n declare lockMovementY: boolean;\r\n declare lockRotation: boolean;\r\n declare lockScalingX: boolean;\r\n declare lockScalingY: boolean;\r\n declare lockSkewingX: boolean;\r\n declare lockSkewingY: boolean;\r\n declare lockScalingFlip: boolean;\r\n\r\n declare cornerSize: number;\r\n declare touchCornerSize: number;\r\n declare transparentCorners: boolean;\r\n declare cornerColor: string;\r\n declare cornerStrokeColor: string;\r\n declare cornerStyle: 'rect' | 'circle';\r\n declare cornerDashArray: number[] | null;\r\n declare hasControls: boolean;\r\n\r\n declare borderColor: string;\r\n declare borderDashArray: number[] | null;\r\n declare borderOpacityWhenMoving: number;\r\n declare borderScaleFactor: number;\r\n declare hasBorders: boolean;\r\n declare selectionBackgroundColor: string;\r\n\r\n declare selectable: boolean;\r\n declare evented: boolean;\r\n declare perPixelTargetFind: boolean;\r\n declare activeOn: 'down' | 'up';\r\n\r\n declare hoverCursor: CSSStyleDeclaration['cursor'] | null;\r\n declare moveCursor: CSSStyleDeclaration['cursor'] | null;\r\n\r\n /**\r\n * The object's controls' position in viewport coordinates\r\n * Calculated by {@link Control#positionHandler} and {@link Control#calcCornerCoords}, depending on {@link padding}.\r\n * `corner/touchCorner` describe the 4 points forming the interactive area of the corner.\r\n * Used to draw and locate controls.\r\n */\r\n declare oCoords: Record<string, TOCoord>;\r\n\r\n /**\r\n * keeps the value of the last hovered corner during mouse move.\r\n * 0 is no corner, or 'mt', 'ml', 'mtr' etc..\r\n * It should be private, but there is no harm in using it as\r\n * a read-only property.\r\n * this isn't cleaned automatically. Non selected objects may have wrong values\r\n * @type [string]\r\n */\r\n declare __corner?: string;\r\n\r\n /**\r\n * a map of control visibility for this object.\r\n * this was left when controls were introduced to not break the api too much\r\n * this takes priority over the generic control visibility\r\n */\r\n declare _controlsVisibility: Record<string, boolean>;\r\n\r\n /**\r\n * holds the controls for the object.\r\n * controls are added by default_controls.js\r\n */\r\n declare controls: TControlSet;\r\n\r\n /**\r\n * internal boolean to signal the code that the object is\r\n * part of the move action.\r\n */\r\n declare isMoving?: boolean;\r\n\r\n /**\r\n * A boolean used from the gesture module to keep tracking of a scaling\r\n * action when there is no scaling transform in place.\r\n * This is an edge case and is used twice in all codebase.\r\n * Probably added to keep track of some performance issues\r\n * @TODO use git blame to investigate why it was added\r\n * DON'T USE IT. WE WILL TRY TO REMOVE IT\r\n */\r\n declare _scaling?: boolean;\r\n\r\n declare canvas?: Canvas;\r\n\r\n static ownDefaults = interactiveObjectDefaultValues;\r\n\r\n static getDefaults(): Record<string, any> {\r\n return {\r\n ...super.getDefaults(),\r\n ...InteractiveFabricObject.ownDefaults,\r\n };\r\n }\r\n\r\n /**\r\n * Constructor\r\n * @param {Object} [options] Options object\r\n */\r\n constructor(options?: Props) {\r\n super();\r\n Object.assign(\r\n this,\r\n (this.constructor as typeof InteractiveFabricObject).createControls(),\r\n InteractiveFabricObject.ownDefaults,\r\n );\r\n this.setOptions(options);\r\n }\r\n\r\n /**\r\n * Creates the default control object.\r\n * If you prefer to have on instance of controls shared among all objects\r\n * make this function return an empty object and add controls to the ownDefaults\r\n * @param {Object} [options] Options object\r\n */\r\n static createControls(): { controls: Record<string, Control> } {\r\n return { controls: createObjectDefaultControls() };\r\n }\r\n\r\n /**\r\n * Update width and height of the canvas for cache\r\n * returns true or false if canvas needed resize.\r\n * @private\r\n * @return {Boolean} true if the canvas has been resized\r\n */\r\n _updateCacheCanvas() {\r\n const targetCanvas = this.canvas;\r\n if (this.noScaleCache && targetCanvas && targetCanvas._currentTransform) {\r\n const transform = targetCanvas._currentTransform,\r\n target = transform.target,\r\n action = transform.action;\r\n if (\r\n this === (target as unknown as this) &&\r\n action &&\r\n action.startsWith(SCALE)\r\n ) {\r\n return false;\r\n }\r\n }\r\n return super._updateCacheCanvas();\r\n }\r\n\r\n getActiveControl() {\r\n const key = this.__corner;\r\n return key\r\n ? {\r\n key,\r\n control: this.controls[key],\r\n coord: this.oCoords[key],\r\n }\r\n : undefined;\r\n }\r\n\r\n /**\r\n * Determines which corner is under the mouse cursor, represented by `pointer`.\r\n * This function returns a corner only if the object is the active one.\r\n * This is done to avoid selecting corner of non active object and activating transformations\r\n * rather than drag action. The default behavior of fabricJS is that if you want to transform\r\n * an object, first you select it to show the control set\r\n * @private\r\n * @param {Object} pointer The pointer indicating the mouse position\r\n * @param {boolean} forTouch indicates if we are looking for interaction area with a touch action\r\n * @return {String|Boolean} corner code (tl, tr, bl, br, etc.), or 0 if nothing is found.\r\n */\r\n findControl(\r\n pointer: Point,\r\n forTouch = false,\r\n ): { key: string; control: Control; coord: TOCoord } | undefined {\r\n if (!this.hasControls || !this.canvas) {\r\n return undefined;\r\n }\r\n\r\n this.__corner = undefined;\r\n const cornerEntries = Object.entries(this.oCoords);\r\n for (let i = cornerEntries.length - 1; i >= 0; i--) {\r\n const [key, corner] = cornerEntries[i];\r\n const control = this.controls[key];\r\n\r\n if (\r\n control.shouldActivate(\r\n key,\r\n this,\r\n pointer,\r\n forTouch ? corner.touchCorner : corner.corner,\r\n )\r\n ) {\r\n // this.canvas.contextTop.fillRect(pointer.x - 1, pointer.y - 1, 2, 2);\r\n this.__corner = key;\r\n\r\n return { key, control, coord: this.oCoords[key] };\r\n }\r\n }\r\n\r\n return undefined;\r\n }\r\n\r\n /**\r\n * Calculates the coordinates of the center of each control plus the corners of the control itself\r\n * This basically just delegates to each control positionHandler\r\n * WARNING: changing what is passed to positionHandler is a breaking change, since position handler\r\n * is a public api and should be done just if extremely necessary\r\n * @return {Record<string, TOCoord>}\r\n */\r\n calcOCoords(): Record<string, TOCoord> {\r\n const vpt = this.getViewportTransform(),\r\n center = this.getCenterPoint(),\r\n tMatrix = createTranslateMatrix(center.x, center.y),\r\n rMatrix = createRotateMatrix({\r\n angle: this.getTotalAngle() - (!!this.group && this.flipX ? 180 : 0),\r\n }),\r\n positionMatrix = multiplyTransformMatrices(tMatrix, rMatrix),\r\n startMatrix = multiplyTransformMatrices(vpt, positionMatrix),\r\n finalMatrix = multiplyTransformMatrices(startMatrix, [\r\n 1 / vpt[0],\r\n 0,\r\n 0,\r\n 1 / vpt[3],\r\n 0,\r\n 0,\r\n ]),\r\n transformOptions = this.group\r\n ? qrDecompose(this.calcTransformMatrix())\r\n : undefined;\r\n // decomposing could bring negative scaling and `_calculateCurrentDimensions` can't take it\r\n if (transformOptions) {\r\n transformOptions.scaleX = Math.abs(transformOptions.scaleX);\r\n transformOptions.scaleY = Math.abs(transformOptions.scaleY);\r\n }\r\n const dim = this._calculateCurrentDimensions(transformOptions),\r\n coords: Record<string, TOCoord> = {};\r\n\r\n this.forEachControl((control, key) => {\r\n const position = control.positionHandler(dim, finalMatrix, this, control);\r\n // coords[key] are sometimes used as points. Those are points to which we add\r\n // the property corner and touchCorner from `_calcCornerCoords`.\r\n // don't remove this assign for an object spread.\r\n coords[key] = Object.assign(\r\n position,\r\n this._calcCornerCoords(control, position),\r\n );\r\n });\r\n\r\n // debug code\r\n /*\r\n const canvas = this.canvas;\r\n setTimeout(function () {\r\n if (!canvas) return;\r\n canvas.contextTop.clearRect(0, 0, 700, 700);\r\n canvas.contextTop.fillStyle = 'green';\r\n Object.keys(coords).forEach(function(key) {\r\n const control = coords[key];\r\n canvas.contextTop.fillRect(control.x, control.y, 3, 3);\r\n });\r\n } 50);\r\n */\r\n return coords;\r\n }\r\n\r\n /**\r\n * Sets the coordinates that determine the interaction area of each control\r\n * note: if we would switch to ROUND corner area, all of this would disappear.\r\n * everything would resolve to a single point and a pythagorean theorem for the distance\r\n * @todo evaluate simplification of code switching to circle interaction area at runtime\r\n * @private\r\n */\r\n private _calcCornerCoords(control: Control, position: Point) {\r\n const angle = this.getTotalAngle();\r\n const corner = control.calcCornerCoords(\r\n angle,\r\n this.cornerSize,\r\n position.x,\r\n position.y,\r\n false,\r\n this,\r\n );\r\n const touchCorner = control.calcCornerCoords(\r\n angle,\r\n this.touchCornerSize,\r\n position.x,\r\n position.y,\r\n true,\r\n this,\r\n );\r\n return { corner, touchCorner };\r\n }\r\n\r\n /**\r\n * @override set controls' coordinates as well\r\n * See {@link https://github.com/fabricjs/fabric.js/wiki/When-to-call-setCoords} and {@link http://fabricjs.com/fabric-gotchas}\r\n * @return {void}\r\n */\r\n setCoords(): void {\r\n super.setCoords();\r\n this.canvas && (this.oCoords = this.calcOCoords());\r\n }\r\n\r\n /**\r\n * Calls a function for each control. The function gets called,\r\n * with the control, the control's key and the object that is calling the iterator\r\n * @param {Function} fn function to iterate over the controls over\r\n */\r\n forEachControl(\r\n fn: (\r\n control: Control,\r\n key: string,\r\n fabricObject: InteractiveFabricObject,\r\n ) => any,\r\n ) {\r\n for (const i in this.controls) {\r\n fn(this.controls[i], i, this);\r\n }\r\n }\r\n\r\n /**\r\n * Draws a colored layer behind the object, inside its selection borders.\r\n * Requires public options: padding, selectionBackgroundColor\r\n * this function is called when the context is transformed\r\n * has checks to be skipped when the object is on a staticCanvas\r\n * @todo evaluate if make this disappear in favor of a pre-render hook for objects\r\n * this was added by Andrea Bogazzi to make possible some feature for work reasons\r\n * it seemed a good option, now is an edge case\r\n * @param {CanvasRenderingContext2D} ctx Context to draw on\r\n */\r\n drawSelectionBackground(ctx: CanvasRenderingContext2D): void {\r\n if (\r\n !this.selectionBackgroundColor ||\r\n (this.canvas && (this.canvas._activeObject as unknown as this) !== this)\r\n ) {\r\n return;\r\n }\r\n ctx.save();\r\n const center = this.getRelativeCenterPoint(),\r\n wh = this._calculateCurrentDimensions(),\r\n vpt = this.getViewportTransform();\r\n ctx.translate(center.x, center.y);\r\n ctx.scale(1 / vpt[0], 1 / vpt[3]);\r\n ctx.rotate(degreesToRadians(this.angle));\r\n ctx.fillStyle = this.selectionBackgroundColor;\r\n ctx.fillRect(-wh.x / 2, -wh.y / 2, wh.x, wh.y);\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * @public override this function in order to customize the drawing of the control box, e.g. rounded corners, different border style.\r\n * @param {CanvasRenderingContext2D} ctx ctx is rotated and translated so that (0,0) is at object's center\r\n * @param {Point} size the control box size used\r\n */\r\n strokeBorders(ctx: CanvasRenderingContext2D, size: Point): void {\r\n ctx.strokeRect(-size.x / 2, -size.y / 2, size.x, size.y);\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to draw on\r\n * @param {Point} size\r\n * @param {TStyleOverride} styleOverride object to override the object style\r\n */\r\n _drawBorders(\r\n ctx: CanvasRenderingContext2D,\r\n size: Point,\r\n styleOverride: TStyleOverride = {},\r\n ): void {\r\n const options = {\r\n hasControls: this.hasControls,\r\n borderColor: this.borderColor,\r\n borderDashArray: this.borderDashArray,\r\n ...styleOverride,\r\n };\r\n ctx.save();\r\n ctx.strokeStyle = options.borderColor;\r\n this._setLineDash(ctx, options.borderDashArray);\r\n this.strokeBorders(ctx, size);\r\n options.hasControls && this.drawControlsConnectingLines(ctx, size);\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Renders controls and borders for the object\r\n * the context here is not transformed\r\n * @todo move to interactivity\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {TStyleOverride} [styleOverride] properties to override the object style\r\n */\r\n _renderControls(\r\n ctx: CanvasRenderingContext2D,\r\n styleOverride: TStyleOverride = {},\r\n ) {\r\n const { hasBorders, hasControls } = this;\r\n const styleOptions = {\r\n hasBorders,\r\n hasControls,\r\n ...styleOverride,\r\n };\r\n const vpt = this.getViewportTransform(),\r\n shouldDrawBorders = styleOptions.hasBorders,\r\n shouldDrawControls = styleOptions.hasControls;\r\n const matrix = multiplyTransformMatrices(vpt, this.calcTransformMatrix());\r\n const options = qrDecompose(matrix);\r\n ctx.save();\r\n ctx.translate(options.translateX, options.translateY);\r\n ctx.lineWidth = this.borderScaleFactor; // 1 * this.borderScaleFactor;\r\n // since interactive groups have been introduced, an object could be inside a group and needing controls\r\n // the following equality check `this.group === this.parent` covers:\r\n // object without a group ( undefined === undefined )\r\n // object inside a group\r\n // excludes object inside a group but multi selected since group and parent will differ in value\r\n if (this.group === this.parent) {\r\n ctx.globalAlpha = this.isMoving ? this.borderOpacityWhenMoving : 1;\r\n }\r\n if (this.flipX) {\r\n options.angle -= 180;\r\n }\r\n ctx.rotate(degreesToRadians(this.group ? options.angle : this.angle));\r\n shouldDrawBorders && this.drawBorders(ctx, options, styleOverride);\r\n shouldDrawControls && this.drawControls(ctx, styleOverride);\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Draws borders of an object's bounding box.\r\n * Requires public properties: width, height\r\n * Requires public options: padding, borderColor\r\n * @param {CanvasRenderingContext2D} ctx Context to draw on\r\n * @param {object} options object representing current object parameters\r\n * @param {TStyleOverride} [styleOverride] object to override the object style\r\n */\r\n drawBorders(\r\n ctx: CanvasRenderingContext2D,\r\n options: TQrDecomposeOut,\r\n styleOverride: TStyleOverride,\r\n ): void {\r\n let size;\r\n if ((styleOverride && styleOverride.forActiveSelection) || this.group) {\r\n const bbox = sizeAfterTransform(\r\n this.width,\r\n this.height,\r\n calcDimensionsMatrix(options),\r\n ),\r\n stroke = !this.isStrokeAccountedForInDimensions()\r\n ? (this.strokeUniform\r\n ? new Point().scalarAdd(this.canvas ? this.canvas.getZoom() : 1)\r\n : // this is extremely confusing. options comes from the upper function\r\n // and is the qrDecompose of a matrix that takes in account zoom too\r\n new Point(options.scaleX, options.scaleY)\r\n ).scalarMultiply(this.strokeWidth)\r\n : ZERO;\r\n size = bbox\r\n .add(stroke)\r\n .scalarAdd(this.borderScaleFactor)\r\n .scalarAdd(this.padding * 2);\r\n } else {\r\n size = this._calculateCurrentDimensions().scalarAdd(\r\n this.borderScaleFactor,\r\n );\r\n }\r\n this._drawBorders(ctx, size, styleOverride);\r\n }\r\n\r\n /**\r\n * Draws lines from a borders of an object's bounding box to controls that have `withConnection` property set.\r\n * Requires public properties: width, height\r\n * Requires public options: padding, borderColor\r\n * @param {CanvasRenderingContext2D} ctx Context to draw on\r\n * @param {Point} size object size x = width, y = height\r\n */\r\n drawControlsConnectingLines(\r\n ctx: CanvasRenderingContext2D,\r\n size: Point,\r\n ): void {\r\n let shouldStroke = false;\r\n\r\n ctx.beginPath();\r\n this.forEachControl((control, key) => {\r\n // in this moment, the ctx is centered on the object.\r\n // width and height of the above function are the size of the bbox.\r\n if (control.withConnection && control.getVisibility(this, key)) {\r\n // reset movement for each control\r\n shouldStroke = true;\r\n ctx.moveTo(control.x * size.x, control.y * size.y);\r\n ctx.lineTo(\r\n control.x * size.x + control.offsetX,\r\n control.y * size.y + control.offsetY,\r\n );\r\n }\r\n });\r\n shouldStroke && ctx.stroke();\r\n }\r\n\r\n /**\r\n * Draws corners of an object's bounding box.\r\n * Requires public properties: width, height\r\n * Requires public options: cornerSize, padding\r\n * Be aware that since fabric 6.0 this function does not call setCoords anymore.\r\n * setCoords needs to be called manually if the object of which we are rendering controls\r\n * is outside the standard selection and transform process.\r\n * @param {CanvasRenderingContext2D} ctx Context to draw on\r\n * @param {ControlRenderingStyleOverride} styleOverride object to override the object style\r\n */\r\n drawControls(\r\n ctx: CanvasRenderingContext2D,\r\n styleOverride: ControlRenderingStyleOverride = {},\r\n ) {\r\n ctx.save();\r\n const retinaScaling = this.getCanvasRetinaScaling();\r\n const { cornerStrokeColor, cornerDashArray, cornerColor } = this;\r\n const options = {\r\n cornerStrokeColor,\r\n cornerDashArray,\r\n cornerColor,\r\n ...styleOverride,\r\n };\r\n ctx.setTransform(retinaScaling, 0, 0, retinaScaling, 0, 0);\r\n ctx.strokeStyle = ctx.fillStyle = options.cornerColor;\r\n if (!this.transparentCorners) {\r\n ctx.strokeStyle = options.cornerStrokeColor;\r\n }\r\n this._setLineDash(ctx, options.cornerDashArray);\r\n this.forEachControl((control, key) => {\r\n if (control.getVisibility(this, key)) {\r\n const p = this.oCoords[key];\r\n control.render(ctx, p.x, p.y, options, this);\r\n }\r\n });\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Returns true if the specified control is visible, false otherwise.\r\n * @param {string} controlKey The key of the control. Possible values are usually 'tl', 'tr', 'br', 'bl', 'ml', 'mt', 'mr', 'mb', 'mtr',\r\n * but since the control api allow for any control name, can be any string.\r\n * @returns {boolean} true if the specified control is visible, false otherwise\r\n */\r\n isControlVisible(controlKey: string): boolean {\r\n return (\r\n this.controls[controlKey] &&\r\n this.controls[controlKey].getVisibility(this, controlKey)\r\n );\r\n }\r\n\r\n /**\r\n * Sets the visibility of the specified control.\r\n * please do not use.\r\n * @param {String} controlKey The key of the control. Possible values are 'tl', 'tr', 'br', 'bl', 'ml', 'mt', 'mr', 'mb', 'mtr'.\r\n * but since the control api allow for any control name, can be any string.\r\n * @param {Boolean} visible true to set the specified control visible, false otherwise\r\n * @todo discuss this overlap of priority here with the team. Andrea Bogazzi for details\r\n */\r\n setControlVisible(controlKey: string, visible: boolean) {\r\n if (!this._controlsVisibility) {\r\n this._controlsVisibility = {};\r\n }\r\n this._controlsVisibility[controlKey] = visible;\r\n }\r\n\r\n /**\r\n * Sets the visibility state of object controls, this is just a bulk option for setControlVisible;\r\n * @param {Record<string, boolean>} [options] with an optional key per control\r\n * example: {Boolean} [options.bl] true to enable the bottom-left control, false to disable it\r\n */\r\n setControlsVisibility(options: Record<string, boolean> = {}) {\r\n Object.entries(options).forEach(([controlKey, visibility]) =>\r\n this.setControlVisible(controlKey, visibility),\r\n );\r\n }\r\n\r\n /**\r\n * Clears the canvas.contextTop in a specific area that corresponds to the object's bounding box\r\n * that is in the canvas.contextContainer.\r\n * This function is used to clear pieces of contextTop where we render ephemeral effects on top of the object.\r\n * Example: blinking cursor text selection, drag effects.\r\n * @todo discuss swapping restoreManually with a renderCallback, but think of async issues\r\n * @param {Boolean} [restoreManually] When true won't restore the context after clear, in order to draw something else.\r\n * @return {CanvasRenderingContext2D|undefined} canvas.contextTop that is either still transformed\r\n * with the object transformMatrix, or restored to neutral transform\r\n */\r\n clearContextTop(\r\n restoreManually?: boolean,\r\n ): CanvasRenderingContext2D | undefined {\r\n if (!this.canvas) {\r\n return;\r\n }\r\n const ctx = this.canvas.contextTop;\r\n if (!ctx) {\r\n return;\r\n }\r\n const v = this.canvas.viewportTransform;\r\n ctx.save();\r\n ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]);\r\n this.transform(ctx);\r\n // we add 4 pixel, to be sure to do not leave any pixel out\r\n const width = this.width + 4,\r\n height = this.height + 4;\r\n ctx.clearRect(-width / 2, -height / 2, width, height);\r\n\r\n restoreManually || ctx.restore();\r\n return ctx;\r\n }\r\n\r\n /**\r\n * This callback function is called every time _discardActiveObject or _setActiveObject\r\n * try to to deselect this object. If the function returns true, the process is cancelled\r\n * @param {Object} [_options] options sent from the upper functions\r\n * @param {TPointerEvent} [options.e] event if the process is generated by an event\r\n * @param {FabricObject} [options.object] next object we are setting as active, and reason why\r\n * this is being deselected\r\n */\r\n onDeselect(_options?: {\r\n e?: TPointerEvent;\r\n object?: InteractiveFabricObject;\r\n }): boolean {\r\n // implemented by sub-classes, as needed.\r\n return false;\r\n }\r\n\r\n /**\r\n * This callback function is called every time _discardActiveObject or _setActiveObject\r\n * try to to select this object. If the function returns true, the process is cancelled\r\n * @param {Object} [_options] options sent from the upper functions\r\n * @param {Event} [_options.e] event if the process is generated by an event\r\n */\r\n onSelect(_options?: { e?: TPointerEvent }): boolean {\r\n // implemented by sub-classes, as needed.\r\n return false;\r\n }\r\n\r\n /**\r\n * Override to customize Drag behavior\r\n * Fired from {@link Canvas#_onMouseMove}\r\n * @returns true in order for the window to start a drag session\r\n */\r\n shouldStartDragging(_e: TPointerEvent) {\r\n return false;\r\n }\r\n\r\n /**\r\n * Override to customize Drag behavior\\\r\n * Fired once a drag session has started\r\n * @returns true to handle the drag event\r\n */\r\n onDragStart(_e: DragEvent) {\r\n return false;\r\n }\r\n\r\n /**\r\n * Override to customize drag and drop behavior\r\n * @public\r\n * @param {DragEvent} _e\r\n * @returns {boolean} true if the object currently dragged can be dropped on the target\r\n */\r\n canDrop(_e: DragEvent): boolean {\r\n return false;\r\n }\r\n\r\n /**\r\n * Override to customize drag and drop behavior\r\n * render a specific effect when an object is the source of a drag event\r\n * example: render the selection status for the part of text that is being dragged from a text object\r\n * @public\r\n * @param {DragEvent} _e\r\n */\r\n renderDragSourceEffect(_e: DragEvent) {\r\n // for subclasses\r\n }\r\n\r\n /**\r\n * Override to customize drag and drop behavior\r\n * render a specific effect when an object is the target of a drag event\r\n * used to show that the underly object can receive a drop, or to show how the\r\n * object will change when dropping. example: show the cursor where the text is about to be dropped\r\n * @public\r\n * @param {DragEvent} _e\r\n */\r\n renderDropTargetEffect(_e: DragEvent) {\r\n // for subclasses\r\n }\r\n}\r\n"],"names":["InteractiveFabricObject","FabricObject","getDefaults","ownDefaults","constructor","options","Object","assign","createControls","setOptions","controls","createObjectDefaultControls","_updateCacheCanvas","targetCanvas","canvas","noScaleCache","_currentTransform","transform","target","action","startsWith","SCALE","getActiveControl","key","__corner","control","coord","oCoords","undefined","findControl","pointer","forTouch","arguments","length","hasControls","cornerEntries","entries","i","corner","shouldActivate","touchCorner","calcOCoords","vpt","getViewportTransform","center","getCenterPoint","tMatrix","createTranslateMatrix","x","y","rMatrix","createRotateMatrix","angle","getTotalAngle","group","flipX","positionMatrix","multiplyTransformMatrices","startMatrix","finalMatrix","transformOptions","qrDecompose","calcTransformMatrix","scaleX","Math","abs","scaleY","dim","_calculateCurrentDimensions","coords","forEachControl","position","positionHandler","_calcCornerCoords","calcCornerCoords","cornerSize","touchCornerSize","setCoords","fn","drawSelectionBackground","ctx","selectionBackgroundColor","_activeObject","save","getRelativeCenterPoint","wh","translate","scale","rotate","degreesToRadians","fillStyle","fillRect","restore","strokeBorders","size","strokeRect","_drawBorders","styleOverride","borderColor","borderDashArray","strokeStyle","_setLineDash","drawControlsConnectingLines","_renderControls","hasBorders","styleOptions","shouldDrawBorders","shouldDrawControls","matrix","translateX","translateY","lineWidth","borderScaleFactor","parent","globalAlpha","isMoving","borderOpacityWhenMoving","drawBorders","drawControls","forActiveSelection","bbox","sizeAfterTransform","width","height","calcDimensionsMatrix","stroke","isStrokeAccountedForInDimensions","strokeUniform","Point","scalarAdd","getZoom","scalarMultiply","strokeWidth","ZERO","add","padding","shouldStroke","beginPath","withConnection","getVisibility","moveTo","lineTo","offsetX","offsetY","retinaScaling","getCanvasRetinaScaling","cornerStrokeColor","cornerDashArray","cornerColor","setTransform","transparentCorners","p","render","isControlVisible","controlKey","setControlVisible","visible","_controlsVisibility","setControlsVisibility","forEach","_ref","visibility","clearContextTop","restoreManually","contextTop","v","viewportTransform","clearRect","onDeselect","_options","onSelect","shouldStartDragging","_e","onDragStart","canDrop","renderDragSourceEffect","renderDropTargetEffect","_defineProperty","interactiveObjectDefaultValues"],"mappings":"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C,EAAED,KAAK,EAAEC,MAAM,CAAC;AAErDwC,IAAAA,eAAe,IAAInF,GAAG,CAACY,OAAO,EAAE;AAChC,IAAA,OAAOZ,GAAG;AACZ,EAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACEwF,UAAUA,CAACC,QAGV,EAAW;AACV;AACA,IAAA,OAAO,KAAK;AACd,EAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACEC,QAAQA,CAACD,QAAgC,EAAW;AAClD;AACA,IAAA,OAAO,KAAK;AACd,EAAA;;AAEA;AACF;AACA;AACA;AACA;EACEE,mBAAmBA,CAACC,EAAiB,EAAE;AACrC,IAAA,OAAO,KAAK;AACd,EAAA;;AAEA;AACF;AACA;AACA;AACA;EACEC,WAAWA,CAACD,EAAa,EAAE;AACzB,IAAA,OAAO,KAAK;AACd,EAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACEE,OAAOA,CAACF,EAAa,EAAW;AAC9B,IAAA,OAAO,KAAK;AACd,EAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;EACEG,sBAAsBA,CAACH,EAAa,EAAE;AACpC;AAAA,EAAA;;AAGF;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACEI,sBAAsBA,CAACJ,EAAa,EAAE;AACpC;AAAA,EAAA;AAEJ;AA9nBE;AACF;AACA;AACA;AACA;AACA;AAGE;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AAGE;AACF;AACA;AACA;AACA;AAGE;AACF;AACA;AACA;AAGE;AACF;AACA;AACA;AAGE;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AAPEK,eAAA,CAnFWjL,uBAAuB,EAAA,aAAA,EA+FbkL,8BAA8B,CAAA;;;;"}
1
+ {"version":3,"file":"InteractiveObject.mjs","sources":["../../../../src/shapes/Object/InteractiveObject.ts"],"sourcesContent":["import { Point, ZERO } from '../../Point';\r\nimport type { TCornerPoint, TDegree } from '../../typedefs';\r\nimport { FabricObject } from './Object';\r\nimport { degreesToRadians } from '../../util/misc/radiansDegreesConversion';\r\nimport type { TQrDecomposeOut } from '../../util/misc/matrix';\r\nimport {\r\n calcDimensionsMatrix,\r\n createRotateMatrix,\r\n createTranslateMatrix,\r\n multiplyTransformMatrices,\r\n qrDecompose,\r\n} from '../../util/misc/matrix';\r\nimport type { Control } from '../../controls/Control';\r\nimport { sizeAfterTransform } from '../../util/misc/objectTransforms';\r\nimport type { ObjectEvents, TPointerEvent } from '../../EventTypeDefs';\r\nimport type { Canvas } from '../../canvas/Canvas';\r\nimport type { ControlRenderingStyleOverride } from '../../controls/controlRendering';\r\nimport type { FabricObjectProps } from './types/FabricObjectProps';\r\nimport type { TFabricObjectProps, SerializedObjectProps } from './types';\r\nimport { createObjectDefaultControls } from '../../controls/commonControls';\r\nimport { interactiveObjectDefaultValues } from './defaultValues';\r\nimport { SCALE } from '../../constants';\r\n\r\nexport type TOCoord = Point & {\r\n corner: TCornerPoint;\r\n touchCorner: TCornerPoint;\r\n};\r\n\r\nexport type TControlSet = Record<string, Control>;\r\n\r\nexport type TBorderRenderingStyleOverride = Partial<\r\n Pick<InteractiveFabricObject, 'borderColor' | 'borderDashArray'>\r\n>;\r\n\r\nexport type TStyleOverride = ControlRenderingStyleOverride &\r\n TBorderRenderingStyleOverride &\r\n Partial<\r\n Pick<InteractiveFabricObject, 'hasBorders' | 'hasControls'> & {\r\n forActiveSelection: boolean;\r\n }\r\n >;\r\n\r\nexport class InteractiveFabricObject<\r\n Props extends TFabricObjectProps = Partial<FabricObjectProps>,\r\n SProps extends SerializedObjectProps = SerializedObjectProps,\r\n EventSpec extends ObjectEvents = ObjectEvents,\r\n >\r\n extends FabricObject<Props, SProps, EventSpec>\r\n implements FabricObjectProps\r\n{\r\n declare noScaleCache: boolean;\r\n\r\n declare snapAngle?: TDegree;\r\n declare snapThreshold?: TDegree;\r\n\r\n declare lockMovementX: boolean;\r\n declare lockMovementY: boolean;\r\n declare lockRotation: boolean;\r\n declare lockScalingX: boolean;\r\n declare lockScalingY: boolean;\r\n declare lockSkewingX: boolean;\r\n declare lockSkewingY: boolean;\r\n declare lockScalingFlip: boolean;\r\n\r\n declare cornerSize: number;\r\n declare touchCornerSize: number;\r\n declare transparentCorners: boolean;\r\n declare cornerColor: string;\r\n declare cornerStrokeColor: string;\r\n declare cornerStyle: 'rect' | 'circle';\r\n declare cornerDashArray: number[] | null;\r\n declare hasControls: boolean;\r\n\r\n declare borderColor: string;\r\n declare borderDashArray: number[] | null;\r\n declare borderOpacityWhenMoving: number;\r\n declare borderScaleFactor: number;\r\n declare hasBorders: boolean;\r\n declare selectionBackgroundColor: string;\r\n\r\n declare selectable: boolean;\r\n declare evented: boolean;\r\n declare perPixelTargetFind: boolean;\r\n declare activeOn: 'down' | 'up';\r\n\r\n declare hoverCursor: CSSStyleDeclaration['cursor'] | null;\r\n declare moveCursor: CSSStyleDeclaration['cursor'] | null;\r\n\r\n /**\r\n * The object's controls' position in viewport coordinates\r\n * Calculated by {@link Control#positionHandler} and {@link Control#calcCornerCoords}, depending on {@link padding}.\r\n * `corner/touchCorner` describe the 4 points forming the interactive area of the corner.\r\n * Used to draw and locate controls.\r\n */\r\n declare oCoords: Record<string, TOCoord>;\r\n\r\n /**\r\n * keeps the value of the last hovered corner during mouse move.\r\n * 0 is no corner, or 'mt', 'ml', 'mtr' etc..\r\n * It should be private, but there is no harm in using it as\r\n * a read-only property.\r\n * this isn't cleaned automatically. Non selected objects may have wrong values\r\n * @type [string]\r\n */\r\n declare __corner?: string;\r\n\r\n /**\r\n * a map of control visibility for this object.\r\n * this was left when controls were introduced to not break the api too much\r\n * this takes priority over the generic control visibility\r\n */\r\n declare _controlsVisibility: Record<string, boolean>;\r\n\r\n /**\r\n * holds the controls for the object.\r\n * controls are added by default_controls.js\r\n */\r\n declare controls: TControlSet;\r\n\r\n /**\r\n * internal boolean to signal the code that the object is\r\n * part of the move action.\r\n */\r\n declare isMoving?: boolean;\r\n\r\n /**\r\n * A boolean used from the gesture module to keep tracking of a scaling\r\n * action when there is no scaling transform in place.\r\n * This is an edge case and is used twice in all codebase.\r\n * Probably added to keep track of some performance issues\r\n * @TODO use git blame to investigate why it was added\r\n * DON'T USE IT. WE WILL TRY TO REMOVE IT\r\n */\r\n declare _scaling?: boolean;\r\n\r\n declare canvas?: Canvas;\r\n\r\n static ownDefaults = interactiveObjectDefaultValues;\r\n\r\n static getDefaults(): Record<string, any> {\r\n return {\r\n ...super.getDefaults(),\r\n ...InteractiveFabricObject.ownDefaults,\r\n };\r\n }\r\n\r\n /**\r\n * Constructor\r\n * @param {Object} [options] Options object\r\n */\r\n constructor(options?: Props) {\r\n super();\r\n Object.assign(\r\n this,\r\n (this.constructor as typeof InteractiveFabricObject).createControls(),\r\n InteractiveFabricObject.ownDefaults,\r\n );\r\n this.setOptions(options);\r\n }\r\n\r\n /**\r\n * Creates the default control object.\r\n * If you prefer to have on instance of controls shared among all objects\r\n * make this function return an empty object and add controls to the ownDefaults\r\n * @param {Object} [options] Options object\r\n */\r\n static createControls(): { controls: Record<string, Control> } {\r\n return { controls: createObjectDefaultControls() };\r\n }\r\n\r\n /**\r\n * Update width and height of the canvas for cache\r\n * returns true or false if canvas needed resize.\r\n * @private\r\n * @return {Boolean} true if the canvas has been resized\r\n */\r\n _updateCacheCanvas() {\r\n const targetCanvas = this.canvas;\r\n if (this.noScaleCache && targetCanvas && targetCanvas._currentTransform) {\r\n const transform = targetCanvas._currentTransform,\r\n target = transform.target,\r\n action = transform.action;\r\n if (\r\n this === (target as unknown as this) &&\r\n action &&\r\n action.startsWith(SCALE)\r\n ) {\r\n return false;\r\n }\r\n }\r\n return super._updateCacheCanvas();\r\n }\r\n\r\n getActiveControl() {\r\n const key = this.__corner;\r\n return key\r\n ? {\r\n key,\r\n control: this.controls[key],\r\n coord: this.oCoords[key],\r\n }\r\n : undefined;\r\n }\r\n\r\n /**\r\n * Determines which corner is under the mouse cursor, represented by `pointer`.\r\n * This function returns a corner only if the object is the active one.\r\n * This is done to avoid selecting corner of non active object and activating transformations\r\n * rather than drag action. The default behavior of fabricJS is that if you want to transform\r\n * an object, first you select it to show the control set\r\n * @private\r\n * @param {Object} pointer The pointer indicating the mouse position\r\n * @param {boolean} forTouch indicates if we are looking for interaction area with a touch action\r\n * @return {String|Boolean} corner code (tl, tr, bl, br, etc.), or 0 if nothing is found.\r\n */\r\n findControl(\r\n pointer: Point,\r\n forTouch = false,\r\n ): { key: string; control: Control; coord: TOCoord } | undefined {\r\n if (!this.hasControls || !this.canvas) {\r\n return undefined;\r\n }\r\n\r\n this.__corner = undefined;\r\n const cornerEntries = Object.entries(this.oCoords);\r\n for (let i = cornerEntries.length - 1; i >= 0; i--) {\r\n const [key, corner] = cornerEntries[i];\r\n const control = this.controls[key];\r\n\r\n if (\r\n control.shouldActivate(\r\n key,\r\n this,\r\n pointer,\r\n forTouch ? corner.touchCorner : corner.corner,\r\n )\r\n ) {\r\n // this.canvas.contextTop.fillRect(pointer.x - 1, pointer.y - 1, 2, 2);\r\n this.__corner = key;\r\n\r\n return { key, control, coord: this.oCoords[key] };\r\n }\r\n }\r\n\r\n return undefined;\r\n }\r\n\r\n /**\r\n * Calculates the coordinates of the center of each control plus the corners of the control itself\r\n * This basically just delegates to each control positionHandler\r\n * WARNING: changing what is passed to positionHandler is a breaking change, since position handler\r\n * is a public api and should be done just if extremely necessary\r\n * @return {Record<string, TOCoord>}\r\n */\r\n calcOCoords(): Record<string, TOCoord> {\r\n const vpt = this.getViewportTransform(),\r\n center = this.getCenterPoint(),\r\n tMatrix = createTranslateMatrix(center.x, center.y),\r\n rMatrix = createRotateMatrix({\r\n angle: this.getTotalAngle() - (!!this.group && this.flipX ? 180 : 0),\r\n }),\r\n positionMatrix = multiplyTransformMatrices(tMatrix, rMatrix),\r\n startMatrix = multiplyTransformMatrices(vpt, positionMatrix),\r\n finalMatrix = multiplyTransformMatrices(startMatrix, [\r\n 1 / vpt[0],\r\n 0,\r\n 0,\r\n 1 / vpt[3],\r\n 0,\r\n 0,\r\n ]),\r\n transformOptions = this.group\r\n ? qrDecompose(this.calcTransformMatrix())\r\n : undefined;\r\n // decomposing could bring negative scaling and `_calculateCurrentDimensions` can't take it\r\n if (transformOptions) {\r\n transformOptions.scaleX = Math.abs(transformOptions.scaleX);\r\n transformOptions.scaleY = Math.abs(transformOptions.scaleY);\r\n }\r\n const dim = this._calculateCurrentDimensions(transformOptions),\r\n coords: Record<string, TOCoord> = {};\r\n\r\n this.forEachControl((control, key) => {\r\n const position = control.positionHandler(dim, finalMatrix, this, control);\r\n // coords[key] are sometimes used as points. Those are points to which we add\r\n // the property corner and touchCorner from `_calcCornerCoords`.\r\n // don't remove this assign for an object spread.\r\n coords[key] = Object.assign(\r\n position,\r\n this._calcCornerCoords(control, position),\r\n );\r\n });\r\n\r\n // debug code\r\n /*\r\n const canvas = this.canvas;\r\n setTimeout(function () {\r\n if (!canvas) return;\r\n canvas.contextTop.clearRect(0, 0, 700, 700);\r\n canvas.contextTop.fillStyle = 'green';\r\n Object.keys(coords).forEach(function(key) {\r\n const control = coords[key];\r\n canvas.contextTop.fillRect(control.x, control.y, 3, 3);\r\n });\r\n } 50);\r\n */\r\n return coords;\r\n }\r\n\r\n /**\r\n * Sets the coordinates that determine the interaction area of each control\r\n * note: if we would switch to ROUND corner area, all of this would disappear.\r\n * everything would resolve to a single point and a pythagorean theorem for the distance\r\n * @todo evaluate simplification of code switching to circle interaction area at runtime\r\n * @private\r\n */\r\n private _calcCornerCoords(control: Control, position: Point) {\r\n const angle = this.getTotalAngle();\r\n const corner = control.calcCornerCoords(\r\n angle,\r\n this.cornerSize,\r\n position.x,\r\n position.y,\r\n false,\r\n this,\r\n );\r\n const touchCorner = control.calcCornerCoords(\r\n angle,\r\n this.touchCornerSize,\r\n position.x,\r\n position.y,\r\n true,\r\n this,\r\n );\r\n return { corner, touchCorner };\r\n }\r\n\r\n /**\r\n * @override set controls' coordinates as well\r\n * See {@link https://github.com/fabricjs/fabric.js/wiki/When-to-call-setCoords} and {@link http://fabricjs.com/fabric-gotchas}\r\n * @return {void}\r\n */\r\n setCoords(): void {\r\n super.setCoords();\r\n this.canvas && (this.oCoords = this.calcOCoords());\r\n }\r\n\r\n /**\r\n * Calls a function for each control. The function gets called,\r\n * with the control, the control's key and the object that is calling the iterator\r\n * @param {Function} fn function to iterate over the controls over\r\n */\r\n forEachControl(\r\n fn: (\r\n control: Control,\r\n key: string,\r\n fabricObject: InteractiveFabricObject,\r\n ) => any,\r\n ) {\r\n for (const i in this.controls) {\r\n fn(this.controls[i], i, this);\r\n }\r\n }\r\n\r\n /**\r\n * Draws a colored layer behind the object, inside its selection borders.\r\n * Requires public options: padding, selectionBackgroundColor\r\n * this function is called when the context is transformed\r\n * has checks to be skipped when the object is on a staticCanvas\r\n * @todo evaluate if make this disappear in favor of a pre-render hook for objects\r\n * this was added by Andrea Bogazzi to make possible some feature for work reasons\r\n * it seemed a good option, now is an edge case\r\n * @param {CanvasRenderingContext2D} ctx Context to draw on\r\n */\r\n drawSelectionBackground(ctx: CanvasRenderingContext2D): void {\r\n if (\r\n !this.selectionBackgroundColor ||\r\n (this.canvas && (this.canvas._activeObject as unknown as this) !== this)\r\n ) {\r\n return;\r\n }\r\n ctx.save();\r\n const center = this.getRelativeCenterPoint(),\r\n wh = this._calculateCurrentDimensions(),\r\n vpt = this.getViewportTransform();\r\n ctx.translate(center.x, center.y);\r\n ctx.scale(1 / vpt[0], 1 / vpt[3]);\r\n ctx.rotate(degreesToRadians(this.angle));\r\n ctx.fillStyle = this.selectionBackgroundColor;\r\n ctx.fillRect(-wh.x / 2, -wh.y / 2, wh.x, wh.y);\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * @public override this function in order to customize the drawing of the control box, e.g. rounded corners, different border style.\r\n * @param {CanvasRenderingContext2D} ctx ctx is rotated and translated so that (0,0) is at object's center\r\n * @param {Point} size the control box size used\r\n */\r\n strokeBorders(ctx: CanvasRenderingContext2D, size: Point): void {\r\n ctx.strokeRect(-size.x / 2, -size.y / 2, size.x, size.y);\r\n }\r\n\r\n /**\r\n * @private\r\n * @param {CanvasRenderingContext2D} ctx Context to draw on\r\n * @param {Point} size\r\n * @param {TStyleOverride} styleOverride object to override the object style\r\n */\r\n _drawBorders(\r\n ctx: CanvasRenderingContext2D,\r\n size: Point,\r\n styleOverride: TStyleOverride = {},\r\n ): void {\r\n const options = {\r\n hasControls: this.hasControls,\r\n borderColor: this.borderColor,\r\n borderDashArray: this.borderDashArray,\r\n ...styleOverride,\r\n };\r\n ctx.save();\r\n ctx.strokeStyle = options.borderColor;\r\n this._setLineDash(ctx, options.borderDashArray);\r\n this.strokeBorders(ctx, size);\r\n options.hasControls && this.drawControlsConnectingLines(ctx, size);\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Renders controls and borders for the object\r\n * the context here is not transformed\r\n * @todo move to interactivity\r\n * @param {CanvasRenderingContext2D} ctx Context to render on\r\n * @param {TStyleOverride} [styleOverride] properties to override the object style\r\n */\r\n _renderControls(\r\n ctx: CanvasRenderingContext2D,\r\n styleOverride: TStyleOverride = {},\r\n ) {\r\n const { hasBorders, hasControls } = this;\r\n const styleOptions = {\r\n hasBorders,\r\n hasControls,\r\n ...styleOverride,\r\n };\r\n const vpt = this.getViewportTransform(),\r\n shouldDrawBorders = styleOptions.hasBorders,\r\n shouldDrawControls = styleOptions.hasControls;\r\n const matrix = multiplyTransformMatrices(vpt, this.calcTransformMatrix());\r\n const options = qrDecompose(matrix);\r\n ctx.save();\r\n ctx.translate(options.translateX, options.translateY);\r\n ctx.lineWidth = this.borderScaleFactor; // 1 * this.borderScaleFactor;\r\n // since interactive groups have been introduced, an object could be inside a group and needing controls\r\n // the following equality check `this.group === this.parent` covers:\r\n // object without a group ( undefined === undefined )\r\n // object inside a group\r\n // excludes object inside a group but multi selected since group and parent will differ in value\r\n if (this.group === this.parent) {\r\n ctx.globalAlpha = this.isMoving ? this.borderOpacityWhenMoving : 1;\r\n }\r\n if (this.flipX) {\r\n options.angle -= 180;\r\n }\r\n ctx.rotate(degreesToRadians(this.group ? options.angle : this.angle));\r\n shouldDrawBorders && this.drawBorders(ctx, options, styleOverride);\r\n shouldDrawControls && this.drawControls(ctx, styleOverride);\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Draws borders of an object's bounding box.\r\n * Requires public properties: width, height\r\n * Requires public options: padding, borderColor\r\n * @param {CanvasRenderingContext2D} ctx Context to draw on\r\n * @param {object} options object representing current object parameters\r\n * @param {TStyleOverride} [styleOverride] object to override the object style\r\n */\r\n drawBorders(\r\n ctx: CanvasRenderingContext2D,\r\n options: TQrDecomposeOut,\r\n styleOverride: TStyleOverride,\r\n ): void {\r\n let size;\r\n if ((styleOverride && styleOverride.forActiveSelection) || this.group) {\r\n const bbox = sizeAfterTransform(\r\n this.width,\r\n this.height,\r\n calcDimensionsMatrix(options),\r\n ),\r\n stroke = !this.isStrokeAccountedForInDimensions()\r\n ? (this.strokeUniform\r\n ? new Point().scalarAdd(this.canvas ? this.canvas.getZoom() : 1)\r\n : // this is extremely confusing. options comes from the upper function\r\n // and is the qrDecompose of a matrix that takes in account zoom too\r\n new Point(options.scaleX, options.scaleY)\r\n ).scalarMultiply(this.strokeWidth)\r\n : ZERO;\r\n size = bbox\r\n .add(stroke)\r\n .scalarAdd(this.borderScaleFactor)\r\n .scalarAdd(this.padding * 2);\r\n } else {\r\n size = this._calculateCurrentDimensions().scalarAdd(\r\n this.borderScaleFactor,\r\n );\r\n }\r\n this._drawBorders(ctx, size, styleOverride);\r\n }\r\n\r\n /**\r\n * Draws lines from a borders of an object's bounding box to controls that have `withConnection` property set.\r\n * Requires public properties: width, height\r\n * Requires public options: padding, borderColor\r\n * @param {CanvasRenderingContext2D} ctx Context to draw on\r\n * @param {Point} size object size x = width, y = height\r\n */\r\n drawControlsConnectingLines(\r\n ctx: CanvasRenderingContext2D,\r\n size: Point,\r\n ): void {\r\n let shouldStroke = false;\r\n\r\n ctx.beginPath();\r\n this.forEachControl((control, key) => {\r\n // in this moment, the ctx is centered on the object.\r\n // width and height of the above function are the size of the bbox.\r\n if (control.withConnection && control.getVisibility(this, key)) {\r\n // reset movement for each control\r\n shouldStroke = true;\r\n ctx.moveTo(control.x * size.x, control.y * size.y);\r\n ctx.lineTo(\r\n control.x * size.x + control.offsetX,\r\n control.y * size.y + control.offsetY,\r\n );\r\n }\r\n });\r\n shouldStroke && ctx.stroke();\r\n }\r\n\r\n /**\r\n * Draws corners of an object's bounding box.\r\n * Requires public properties: width, height\r\n * Requires public options: cornerSize, padding\r\n * Be aware that since fabric 6.0 this function does not call setCoords anymore.\r\n * setCoords needs to be called manually if the object of which we are rendering controls\r\n * is outside the standard selection and transform process.\r\n * @param {CanvasRenderingContext2D} ctx Context to draw on\r\n * @param {ControlRenderingStyleOverride} styleOverride object to override the object style\r\n */\r\n drawControls(\r\n ctx: CanvasRenderingContext2D,\r\n styleOverride: ControlRenderingStyleOverride = {},\r\n ) {\r\n // Check if object is being actively transformed (Canva-style control visibility)\r\n // Only hide controls when actually dragging, not just on click/select\r\n const currentTransform = this.canvas?._currentTransform;\r\n const isActivelyTransforming =\r\n currentTransform &&\r\n (currentTransform.target as unknown) === this &&\r\n this.isMoving; // isMoving is true only during actual drag\r\n\r\n if (isActivelyTransforming) {\r\n const activeCorner = currentTransform!.corner;\r\n\r\n // Moving (no active corner) - don't draw any controls, just border\r\n if (!activeCorner) {\r\n return;\r\n }\r\n\r\n // Scaling/rotating - only draw the active control\r\n const control = this.controls[activeCorner];\r\n if (control && control.getVisibility(this, activeCorner)) {\r\n ctx.save();\r\n const retinaScaling = this.getCanvasRetinaScaling();\r\n const { cornerStrokeColor, cornerDashArray, cornerColor } = this;\r\n const options = {\r\n cornerStrokeColor,\r\n cornerDashArray,\r\n cornerColor,\r\n ...styleOverride,\r\n };\r\n ctx.setTransform(retinaScaling, 0, 0, retinaScaling, 0, 0);\r\n ctx.strokeStyle = ctx.fillStyle = options.cornerColor;\r\n if (!this.transparentCorners) {\r\n ctx.strokeStyle = options.cornerStrokeColor;\r\n }\r\n this._setLineDash(ctx, options.cornerDashArray);\r\n const p = this.oCoords[activeCorner];\r\n control.render(ctx, p.x, p.y, options, this);\r\n ctx.restore();\r\n }\r\n return;\r\n }\r\n\r\n // Normal rendering - draw all controls\r\n ctx.save();\r\n const retinaScaling = this.getCanvasRetinaScaling();\r\n const { cornerStrokeColor, cornerDashArray, cornerColor } = this;\r\n const options = {\r\n cornerStrokeColor,\r\n cornerDashArray,\r\n cornerColor,\r\n ...styleOverride,\r\n };\r\n ctx.setTransform(retinaScaling, 0, 0, retinaScaling, 0, 0);\r\n ctx.strokeStyle = ctx.fillStyle = options.cornerColor;\r\n if (!this.transparentCorners) {\r\n ctx.strokeStyle = options.cornerStrokeColor;\r\n }\r\n this._setLineDash(ctx, options.cornerDashArray);\r\n this.forEachControl((control, key) => {\r\n if (control.getVisibility(this, key)) {\r\n const p = this.oCoords[key];\r\n control.render(ctx, p.x, p.y, options, this);\r\n }\r\n });\r\n ctx.restore();\r\n }\r\n\r\n /**\r\n * Returns true if the specified control is visible, false otherwise.\r\n * @param {string} controlKey The key of the control. Possible values are usually 'tl', 'tr', 'br', 'bl', 'ml', 'mt', 'mr', 'mb', 'mtr',\r\n * but since the control api allow for any control name, can be any string.\r\n * @returns {boolean} true if the specified control is visible, false otherwise\r\n */\r\n isControlVisible(controlKey: string): boolean {\r\n return (\r\n this.controls[controlKey] &&\r\n this.controls[controlKey].getVisibility(this, controlKey)\r\n );\r\n }\r\n\r\n /**\r\n * Sets the visibility of the specified control.\r\n * please do not use.\r\n * @param {String} controlKey The key of the control. Possible values are 'tl', 'tr', 'br', 'bl', 'ml', 'mt', 'mr', 'mb', 'mtr'.\r\n * but since the control api allow for any control name, can be any string.\r\n * @param {Boolean} visible true to set the specified control visible, false otherwise\r\n * @todo discuss this overlap of priority here with the team. Andrea Bogazzi for details\r\n */\r\n setControlVisible(controlKey: string, visible: boolean) {\r\n if (!this._controlsVisibility) {\r\n this._controlsVisibility = {};\r\n }\r\n this._controlsVisibility[controlKey] = visible;\r\n }\r\n\r\n /**\r\n * Sets the visibility state of object controls, this is just a bulk option for setControlVisible;\r\n * @param {Record<string, boolean>} [options] with an optional key per control\r\n * example: {Boolean} [options.bl] true to enable the bottom-left control, false to disable it\r\n */\r\n setControlsVisibility(options: Record<string, boolean> = {}) {\r\n Object.entries(options).forEach(([controlKey, visibility]) =>\r\n this.setControlVisible(controlKey, visibility),\r\n );\r\n }\r\n\r\n /**\r\n * Clears the canvas.contextTop in a specific area that corresponds to the object's bounding box\r\n * that is in the canvas.contextContainer.\r\n * This function is used to clear pieces of contextTop where we render ephemeral effects on top of the object.\r\n * Example: blinking cursor text selection, drag effects.\r\n * @todo discuss swapping restoreManually with a renderCallback, but think of async issues\r\n * @param {Boolean} [restoreManually] When true won't restore the context after clear, in order to draw something else.\r\n * @return {CanvasRenderingContext2D|undefined} canvas.contextTop that is either still transformed\r\n * with the object transformMatrix, or restored to neutral transform\r\n */\r\n clearContextTop(\r\n restoreManually?: boolean,\r\n ): CanvasRenderingContext2D | undefined {\r\n if (!this.canvas) {\r\n return;\r\n }\r\n const ctx = this.canvas.contextTop;\r\n if (!ctx) {\r\n return;\r\n }\r\n const v = this.canvas.viewportTransform;\r\n ctx.save();\r\n ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]);\r\n this.transform(ctx);\r\n // we add 4 pixel, to be sure to do not leave any pixel out\r\n const width = this.width + 4,\r\n height = this.height + 4;\r\n ctx.clearRect(-width / 2, -height / 2, width, height);\r\n\r\n restoreManually || ctx.restore();\r\n return ctx;\r\n }\r\n\r\n /**\r\n * This callback function is called every time _discardActiveObject or _setActiveObject\r\n * try to to deselect this object. If the function returns true, the process is cancelled\r\n * @param {Object} [_options] options sent from the upper functions\r\n * @param {TPointerEvent} [options.e] event if the process is generated by an event\r\n * @param {FabricObject} [options.object] next object we are setting as active, and reason why\r\n * this is being deselected\r\n */\r\n onDeselect(_options?: {\r\n e?: TPointerEvent;\r\n object?: InteractiveFabricObject;\r\n }): boolean {\r\n // implemented by sub-classes, as needed.\r\n return false;\r\n }\r\n\r\n /**\r\n * This callback function is called every time _discardActiveObject or _setActiveObject\r\n * try to to select this object. If the function returns true, the process is cancelled\r\n * @param {Object} [_options] options sent from the upper functions\r\n * @param {Event} [_options.e] event if the process is generated by an event\r\n */\r\n onSelect(_options?: { e?: TPointerEvent }): boolean {\r\n // implemented by sub-classes, as needed.\r\n return false;\r\n }\r\n\r\n /**\r\n * Override to customize Drag behavior\r\n * Fired from {@link Canvas#_onMouseMove}\r\n * @returns true in order for the window to start a drag session\r\n */\r\n shouldStartDragging(_e: TPointerEvent) {\r\n return false;\r\n }\r\n\r\n /**\r\n * Override to customize Drag behavior\\\r\n * Fired once a drag session has started\r\n * @returns true to handle the drag event\r\n */\r\n onDragStart(_e: DragEvent) {\r\n return false;\r\n }\r\n\r\n /**\r\n * Override to customize drag and drop behavior\r\n * @public\r\n * @param {DragEvent} _e\r\n * @returns {boolean} true if the object currently dragged can be dropped on the target\r\n */\r\n canDrop(_e: DragEvent): boolean {\r\n return false;\r\n }\r\n\r\n /**\r\n * Override to customize drag and drop behavior\r\n * render a specific effect when an object is the source of a drag event\r\n * example: render the selection status for the part of text that is being dragged from a text object\r\n * @public\r\n * @param {DragEvent} _e\r\n */\r\n renderDragSourceEffect(_e: DragEvent) {\r\n // for subclasses\r\n }\r\n\r\n /**\r\n * Override to customize drag and drop behavior\r\n * render a specific effect when an object is the target of a drag event\r\n * used to show that the underly object can receive a drop, or to show how the\r\n * object will change when dropping. example: show the cursor where the text is about to be dropped\r\n * @public\r\n * @param {DragEvent} _e\r\n */\r\n renderDropTargetEffect(_e: DragEvent) {\r\n // for subclasses\r\n }\r\n}\r\n"],"names":["InteractiveFabricObject","FabricObject","getDefaults","ownDefaults","constructor","options","Object","assign","createControls","setOptions","controls","createObjectDefaultControls","_updateCacheCanvas","targetCanvas","canvas","noScaleCache","_currentTransform","transform","target","action","startsWith","SCALE","getActiveControl","key","__corner","control","coord","oCoords","undefined","findControl","pointer","forTouch","arguments","length","hasControls","cornerEntries","entries","i","corner","shouldActivate","touchCorner","calcOCoords","vpt","getViewportTransform","center","getCenterPoint","tMatrix","createTranslateMatrix","x","y","rMatrix","createRotateMatrix","angle","getTotalAngle","group","flipX","positionMatrix","multiplyTransformMatrices","startMatrix","finalMatrix","transformOptions","qrDecompose","calcTransformMatrix","scaleX","Math","abs","scaleY","dim","_calculateCurrentDimensions","coords","forEachControl","position","positionHandler","_calcCornerCoords","calcCornerCoords","cornerSize","touchCornerSize","setCoords","fn","drawSelectionBackground","ctx","selectionBackgroundColor","_activeObject","save","getRelativeCenterPoint","wh","translate","scale","rotate","degreesToRadians","fillStyle","fillRect","restore","strokeBorders","size","strokeRect","_drawBorders","styleOverride","borderColor","borderDashArray","strokeStyle","_setLineDash","drawControlsConnectingLines","_renderControls","hasBorders","styleOptions","shouldDrawBorders","shouldDrawControls","matrix","translateX","translateY","lineWidth","borderScaleFactor","parent","globalAlpha","isMoving","borderOpacityWhenMoving","drawBorders","drawControls","forActiveSelection","bbox","sizeAfterTransform","width","height","calcDimensionsMatrix","stroke","isStrokeAccountedForInDimensions","strokeUniform","Point","scalarAdd","getZoom","scalarMultiply","strokeWidth","ZERO","add","padding","shouldStroke","beginPath","withConnection","getVisibility","moveTo","lineTo","offsetX","offsetY","_this$canvas","currentTransform","isActivelyTransforming","activeCorner","retinaScaling","getCanvasRetinaScaling","cornerStrokeColor","cornerDashArray","cornerColor","setTransform","transparentCorners","p","render","isControlVisible","controlKey","setControlVisible","visible","_controlsVisibility","setControlsVisibility","forEach","_ref","visibility","clearContextTop","restoreManually","contextTop","v","viewportTransform","clearRect","onDeselect","_options","onSelect","shouldStartDragging","_e","onDragStart","canDrop","renderDragSourceEffect","renderDropTargetEffect","_defineProperty","interactiveObjectDefaultValues"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"InteractiveObject.d.ts","sourceRoot":"","sources":["../../../../src/shapes/Object/InteractiveObject.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAQ,MAAM,aAAa,CAAC;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAQ9D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEtD,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AACrF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,KAAK,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAKzE,MAAM,MAAM,OAAO,GAAG,KAAK,GAAG;IAC5B,MAAM,EAAE,YAAY,CAAC;IACrB,WAAW,EAAE,YAAY,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAElD,MAAM,MAAM,6BAA6B,GAAG,OAAO,CACjD,IAAI,CAAC,uBAAuB,EAAE,aAAa,GAAG,iBAAiB,CAAC,CACjE,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,6BAA6B,GACxD,6BAA6B,GAC7B,OAAO,CACL,IAAI,CAAC,uBAAuB,EAAE,YAAY,GAAG,aAAa,CAAC,GAAG;IAC5D,kBAAkB,EAAE,OAAO,CAAC;CAC7B,CACF,CAAC;AAEJ,qBAAa,uBAAuB,CAChC,KAAK,SAAS,kBAAkB,GAAG,OAAO,CAAC,iBAAiB,CAAC,EAC7D,MAAM,SAAS,qBAAqB,GAAG,qBAAqB,EAC5D,SAAS,SAAS,YAAY,GAAG,YAAY,CAE/C,SAAQ,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAC7C,YAAW,iBAAiB;IAEpB,YAAY,EAAE,OAAO,CAAC;IAEtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,OAAO,CAAC;IAEzB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,WAAW,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC/B,eAAe,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IACjC,WAAW,EAAE,OAAO,CAAC;IAErB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IACjC,uBAAuB,EAAE,MAAM,CAAC;IAChC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE,OAAO,CAAC;IACpB,wBAAwB,EAAE,MAAM,CAAC;IAEjC,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IAExB,WAAW,EAAE,mBAAmB,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC;IAClD,UAAU,EAAE,mBAAmB,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC;IAEzD;;;;;OAKG;IACK,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAEzC;;;;;;;OAOG;IACK,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;OAIG;IACK,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAErD;;;OAGG;IACK,QAAQ,EAAE,WAAW,CAAC;IAE9B;;;OAGG;IACK,QAAQ,CAAC,EAAE,OAAO,CAAC;IAE3B;;;;;;;OAOG;IACK,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAExB,MAAM,CAAC,WAAW,+IAAkC;IAEpD,MAAM,CAAC,WAAW,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IAOzC;;;OAGG;gBACS,OAAO,CAAC,EAAE,KAAK;IAU3B;;;;;OAKG;IACH,MAAM,CAAC,cAAc,IAAI;QAAE,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE;IAI9D;;;;;OAKG;IACH,kBAAkB;IAiBlB,gBAAgB;;;;;IAWhB;;;;;;;;;;OAUG;IACH,WAAW,CACT,OAAO,EAAE,KAAK,EACd,QAAQ,UAAQ,GACf;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,OAAO,CAAA;KAAE,GAAG,SAAS;IA6BhE;;;;;;OAMG;IACH,WAAW,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAuDtC;;;;;;OAMG;IACH,OAAO,CAAC,iBAAiB;IAqBzB;;;;OAIG;IACH,SAAS,IAAI,IAAI;IAKjB;;;;OAIG;IACH,cAAc,CACZ,EAAE,EAAE,CACF,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,MAAM,EACX,YAAY,EAAE,uBAAuB,KAClC,GAAG;IAOV;;;;;;;;;OASG;IACH,uBAAuB,CAAC,GAAG,EAAE,wBAAwB,GAAG,IAAI;IAmB5D;;;;OAIG;IACH,aAAa,CAAC,GAAG,EAAE,wBAAwB,EAAE,IAAI,EAAE,KAAK,GAAG,IAAI;IAI/D;;;;;OAKG;IACH,YAAY,CACV,GAAG,EAAE,wBAAwB,EAC7B,IAAI,EAAE,KAAK,EACX,aAAa,GAAE,cAAmB,GACjC,IAAI;IAeP;;;;;;OAMG;IACH,eAAe,CACb,GAAG,EAAE,wBAAwB,EAC7B,aAAa,GAAE,cAAmB;IAiCpC;;;;;;;OAOG;IACH,WAAW,CACT,GAAG,EAAE,wBAAwB,EAC7B,OAAO,EAAE,eAAe,EACxB,aAAa,EAAE,cAAc,GAC5B,IAAI;IA4BP;;;;;;OAMG;IACH,2BAA2B,CACzB,GAAG,EAAE,wBAAwB,EAC7B,IAAI,EAAE,KAAK,GACV,IAAI;IAoBP;;;;;;;;;OASG;IACH,YAAY,CACV,GAAG,EAAE,wBAAwB,EAC7B,aAAa,GAAE,6BAAkC;IA0BnD;;;;;OAKG;IACH,gBAAgB,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO;IAO7C;;;;;;;OAOG;IACH,iBAAiB,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO;IAOtD;;;;OAIG;IACH,qBAAqB,CAAC,OAAO,GAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM;IAM3D;;;;;;;;;OASG;IACH,eAAe,CACb,eAAe,CAAC,EAAE,OAAO,GACxB,wBAAwB,GAAG,SAAS;IAqBvC;;;;;;;OAOG;IACH,UAAU,CAAC,QAAQ,CAAC,EAAE;QACpB,CAAC,CAAC,EAAE,aAAa,CAAC;QAClB,MAAM,CAAC,EAAE,uBAAuB,CAAC;KAClC,GAAG,OAAO;IAKX;;;;;OAKG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE;QAAE,CAAC,CAAC,EAAE,aAAa,CAAA;KAAE,GAAG,OAAO;IAKnD;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,EAAE,aAAa;IAIrC;;;;OAIG;IACH,WAAW,CAAC,EAAE,EAAE,SAAS;IAIzB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,EAAE,SAAS,GAAG,OAAO;IAI/B;;;;;;OAMG;IACH,sBAAsB,CAAC,EAAE,EAAE,SAAS;IAIpC;;;;;;;OAOG;IACH,sBAAsB,CAAC,EAAE,EAAE,SAAS;CAGrC"}
1
+ {"version":3,"file":"InteractiveObject.d.ts","sourceRoot":"","sources":["../../../../src/shapes/Object/InteractiveObject.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@nasser-sw/fabric",
3
3
  "description": "Object model for HTML5 canvas, and SVG-to-canvas parser. Backed by jsdom and node-canvas.",
4
4
  "homepage": "http://fabricjs.com/",
5
- "version": "7.0.1-beta19",
5
+ "version": "7.0.1-beta20",
6
6
  "author": "Juriy Zaytsev <kangax@gmail.com>",
7
7
  "contributors": [
8
8
  {