@nasser-sw/fabric 7.0.0-beta1

package/dist/src/shapes/Object/InteractiveObject.d.ts

@@ -0,0 +1,317 @@
+import { Point } from '../../Point';
+import type { TCornerPoint, TDegree } from '../../typedefs';
+import { FabricObject } from './Object';
+import type { TQrDecomposeOut } from '../../util/misc/matrix';
+import type { Control } from '../../controls/Control';
+import type { ObjectEvents, TPointerEvent } from '../../EventTypeDefs';
+import type { Canvas } from '../../canvas/Canvas';
+import type { ControlRenderingStyleOverride } from '../../controls/controlRendering';
+import type { FabricObjectProps } from './types/FabricObjectProps';
+import type { TFabricObjectProps, SerializedObjectProps } from './types';
+export type TOCoord = Point & {
+    corner: TCornerPoint;
+    touchCorner: TCornerPoint;
+};
+export type TControlSet = Record<string, Control>;
+export type TBorderRenderingStyleOverride = Partial<Pick<InteractiveFabricObject, 'borderColor' | 'borderDashArray'>>;
+export type TStyleOverride = ControlRenderingStyleOverride & TBorderRenderingStyleOverride & Partial<Pick<InteractiveFabricObject, 'hasBorders' | 'hasControls'> & {
+    forActiveSelection: boolean;
+}>;
+export declare class InteractiveFabricObject<Props extends TFabricObjectProps = Partial<FabricObjectProps>, SProps extends SerializedObjectProps = SerializedObjectProps, EventSpec extends ObjectEvents = ObjectEvents> extends FabricObject<Props, SProps, EventSpec> implements FabricObjectProps {
+    noScaleCache: boolean;
+    snapAngle?: TDegree;
+    snapThreshold?: TDegree;
+    lockMovementX: boolean;
+    lockMovementY: boolean;
+    lockRotation: boolean;
+    lockScalingX: boolean;
+    lockScalingY: boolean;
+    lockSkewingX: boolean;
+    lockSkewingY: boolean;
+    lockScalingFlip: boolean;
+    cornerSize: number;
+    touchCornerSize: number;
+    transparentCorners: boolean;
+    cornerColor: string;
+    cornerStrokeColor: string;
+    cornerStyle: 'rect' | 'circle';
+    cornerDashArray: number[] | null;
+    hasControls: boolean;
+    borderColor: string;
+    borderDashArray: number[] | null;
+    borderOpacityWhenMoving: number;
+    borderScaleFactor: number;
+    hasBorders: boolean;
+    selectionBackgroundColor: string;
+    selectable: boolean;
+    evented: boolean;
+    perPixelTargetFind: boolean;
+    activeOn: 'down' | 'up';
+    hoverCursor: CSSStyleDeclaration['cursor'] | null;
+    moveCursor: CSSStyleDeclaration['cursor'] | null;
+    /**
+     * The object's controls' position in viewport coordinates
+     * Calculated by {@link Control#positionHandler} and {@link Control#calcCornerCoords}, depending on {@link padding}.
+     * `corner/touchCorner` describe the 4 points forming the interactive area of the corner.
+     * Used to draw and locate controls.
+     */
+    oCoords: Record<string, TOCoord>;
+    /**
+     * keeps the value of the last hovered corner during mouse move.
+     * 0 is no corner, or 'mt', 'ml', 'mtr' etc..
+     * It should be private, but there is no harm in using it as
+     * a read-only property.
+     * this isn't cleaned automatically. Non selected objects may have wrong values
+     * @type [string]
+     */
+    __corner?: string;
+    /**
+     * a map of control visibility for this object.
+     * this was left when controls were introduced to not break the api too much
+     * this takes priority over the generic control visibility
+     */
+    _controlsVisibility: Record<string, boolean>;
+    /**
+     * holds the controls for the object.
+     * controls are added by default_controls.js
+     */
+    controls: TControlSet;
+    /**
+     * internal boolean to signal the code that the object is
+     * part of the move action.
+     */
+    isMoving?: boolean;
+    /**
+     * A boolean used from the gesture module to keep tracking of a scaling
+     * action when there is no scaling transform in place.
+     * This is an edge case and is used twice in all codebase.
+     * Probably added to keep track of some performance issues
+     * @TODO use git blame to investigate why it was added
+     * DON'T USE IT. WE WILL TRY TO REMOVE IT
+     */
+    _scaling?: boolean;
+    canvas?: Canvas;
+    static ownDefaults: Partial<import("../../typedefs").TClassProperties<InteractiveFabricObject<Partial<FabricObjectProps>, SerializedObjectProps, ObjectEvents>>>;
+    static getDefaults(): Record<string, any>;
+    /**
+     * Constructor
+     * @param {Object} [options] Options object
+     */
+    constructor(options?: Props);
+    /**
+     * Creates the default control object.
+     * If you prefer to have on instance of controls shared among all objects
+     * make this function return an empty object and add controls to the ownDefaults
+     * @param {Object} [options] Options object
+     */
+    static createControls(): {
+        controls: Record<string, Control>;
+    };
+    /**
+     * Update width and height of the canvas for cache
+     * returns true or false if canvas needed resize.
+     * @private
+     * @return {Boolean} true if the canvas has been resized
+     */
+    _updateCacheCanvas(): boolean;
+    getActiveControl(): {
+        key: string;
+        control: Control;
+        coord: TOCoord;
+    } | undefined;
+    /**
+     * Determines which corner is under the mouse cursor, represented by `pointer`.
+     * This function returns a corner only if the object is the active one.
+     * This is done to avoid selecting corner of non active object and activating transformations
+     * rather than drag action. The default behavior of fabricJS is that if you want to transform
+     * an object, first you select it to show the control set
+     * @private
+     * @param {Object} pointer The pointer indicating the mouse position
+     * @param {boolean} forTouch indicates if we are looking for interaction area with a touch action
+     * @return {String|Boolean} corner code (tl, tr, bl, br, etc.), or 0 if nothing is found.
+     */
+    findControl(pointer: Point, forTouch?: boolean): {
+        key: string;
+        control: Control;
+        coord: TOCoord;
+    } | undefined;
+    /**
+     * Calculates the coordinates of the center of each control plus the corners of the control itself
+     * This basically just delegates to each control positionHandler
+     * WARNING: changing what is passed to positionHandler is a breaking change, since position handler
+     * is a public api and should be done just if extremely necessary
+     * @return {Record<string, TOCoord>}
+     */
+    calcOCoords(): Record<string, TOCoord>;
+    /**
+     * Sets the coordinates that determine the interaction area of each control
+     * note: if we would switch to ROUND corner area, all of this would disappear.
+     * everything would resolve to a single point and a pythagorean theorem for the distance
+     * @todo evaluate simplification of code switching to circle interaction area at runtime
+     * @private
+     */
+    private _calcCornerCoords;
+    /**
+     * @override set controls' coordinates as well
+     * See {@link https://github.com/fabricjs/fabric.js/wiki/When-to-call-setCoords} and {@link http://fabricjs.com/fabric-gotchas}
+     * @return {void}
+     */
+    setCoords(): void;
+    /**
+     * Calls a function for each control. The function gets called,
+     * with the control, the control's key and the object that is calling the iterator
+     * @param {Function} fn function to iterate over the controls over
+     */
+    forEachControl(fn: (control: Control, key: string, fabricObject: InteractiveFabricObject) => any): void;
+    /**
+     * Draws a colored layer behind the object, inside its selection borders.
+     * Requires public options: padding, selectionBackgroundColor
+     * this function is called when the context is transformed
+     * has checks to be skipped when the object is on a staticCanvas
+     * @todo evaluate if make this disappear in favor of a pre-render hook for objects
+     * this was added by Andrea Bogazzi to make possible some feature for work reasons
+     * it seemed a good option, now is an edge case
+     * @param {CanvasRenderingContext2D} ctx Context to draw on
+     */
+    drawSelectionBackground(ctx: CanvasRenderingContext2D): void;
+    /**
+     * @public override this function in order to customize the drawing of the control box, e.g. rounded corners, different border style.
+     * @param {CanvasRenderingContext2D} ctx ctx is rotated and translated so that (0,0) is at object's center
+     * @param {Point} size the control box size used
+     */
+    strokeBorders(ctx: CanvasRenderingContext2D, size: Point): void;
+    /**
+     * @private
+     * @param {CanvasRenderingContext2D} ctx Context to draw on
+     * @param {Point} size
+     * @param {TStyleOverride} styleOverride object to override the object style
+     */
+    _drawBorders(ctx: CanvasRenderingContext2D, size: Point, styleOverride?: TStyleOverride): void;
+    /**
+     * Renders controls and borders for the object
+     * the context here is not transformed
+     * @todo move to interactivity
+     * @param {CanvasRenderingContext2D} ctx Context to render on
+     * @param {TStyleOverride} [styleOverride] properties to override the object style
+     */
+    _renderControls(ctx: CanvasRenderingContext2D, styleOverride?: TStyleOverride): void;
+    /**
+     * Draws borders of an object's bounding box.
+     * Requires public properties: width, height
+     * Requires public options: padding, borderColor
+     * @param {CanvasRenderingContext2D} ctx Context to draw on
+     * @param {object} options object representing current object parameters
+     * @param {TStyleOverride} [styleOverride] object to override the object style
+     */
+    drawBorders(ctx: CanvasRenderingContext2D, options: TQrDecomposeOut, styleOverride: TStyleOverride): void;
+    /**
+     * Draws lines from a borders of an object's bounding box to controls that have `withConnection` property set.
+     * Requires public properties: width, height
+     * Requires public options: padding, borderColor
+     * @param {CanvasRenderingContext2D} ctx Context to draw on
+     * @param {Point} size object size x = width, y = height
+     */
+    drawControlsConnectingLines(ctx: CanvasRenderingContext2D, size: Point): void;
+    /**
+     * Draws corners of an object's bounding box.
+     * Requires public properties: width, height
+     * Requires public options: cornerSize, padding
+     * Be aware that since fabric 6.0 this function does not call setCoords anymore.
+     * setCoords needs to be called manually if the object of which we are rendering controls
+     * is outside the standard selection and transform process.
+     * @param {CanvasRenderingContext2D} ctx Context to draw on
+     * @param {ControlRenderingStyleOverride} styleOverride object to override the object style
+     */
+    drawControls(ctx: CanvasRenderingContext2D, styleOverride?: ControlRenderingStyleOverride): void;
+    /**
+     * Returns true if the specified control is visible, false otherwise.
+     * @param {string} controlKey The key of the control. Possible values are usually 'tl', 'tr', 'br', 'bl', 'ml', 'mt', 'mr', 'mb', 'mtr',
+     * but since the control api allow for any control name, can be any string.
+     * @returns {boolean} true if the specified control is visible, false otherwise
+     */
+    isControlVisible(controlKey: string): boolean;
+    /**
+     * Sets the visibility of the specified control.
+     * please do not use.
+     * @param {String} controlKey The key of the control. Possible values are 'tl', 'tr', 'br', 'bl', 'ml', 'mt', 'mr', 'mb', 'mtr'.
+     * but since the control api allow for any control name, can be any string.
+     * @param {Boolean} visible true to set the specified control visible, false otherwise
+     * @todo discuss this overlap of priority here with the team. Andrea Bogazzi for details
+     */
+    setControlVisible(controlKey: string, visible: boolean): void;
+    /**
+     * Sets the visibility state of object controls, this is just a bulk option for setControlVisible;
+     * @param {Record<string, boolean>} [options] with an optional key per control
+     * example: {Boolean} [options.bl] true to enable the bottom-left control, false to disable it
+     */
+    setControlsVisibility(options?: Record<string, boolean>): void;
+    /**
+     * Clears the canvas.contextTop in a specific area that corresponds to the object's bounding box
+     * that is in the canvas.contextContainer.
+     * This function is used to clear pieces of contextTop where we render ephemeral effects on top of the object.
+     * Example: blinking cursor text selection, drag effects.
+     * @todo discuss swapping restoreManually with a renderCallback, but think of async issues
+     * @param {Boolean} [restoreManually] When true won't restore the context after clear, in order to draw something else.
+     * @return {CanvasRenderingContext2D|undefined} canvas.contextTop that is either still transformed
+     * with the object transformMatrix, or restored to neutral transform
+     */
+    clearContextTop(restoreManually?: boolean): CanvasRenderingContext2D | undefined;
+    /**
+     * This callback function is called every time _discardActiveObject or _setActiveObject
+     * try to to deselect this object. If the function returns true, the process is cancelled
+     * @param {Object} [_options] options sent from the upper functions
+     * @param {TPointerEvent} [options.e] event if the process is generated by an event
+     * @param {FabricObject} [options.object] next object we are setting as active, and reason why
+     * this is being deselected
+     */
+    onDeselect(_options?: {
+        e?: TPointerEvent;
+        object?: InteractiveFabricObject;
+    }): boolean;
+    /**
+     * This callback function is called every time _discardActiveObject or _setActiveObject
+     * try to to select this object. If the function returns true, the process is cancelled
+     * @param {Object} [_options] options sent from the upper functions
+     * @param {Event} [_options.e] event if the process is generated by an event
+     */
+    onSelect(_options?: {
+        e?: TPointerEvent;
+    }): boolean;
+    /**
+     * Override to customize Drag behavior
+     * Fired from {@link Canvas#_onMouseMove}
+     * @returns true in order for the window to start a drag session
+     */
+    shouldStartDragging(_e: TPointerEvent): boolean;
+    /**
+     * Override to customize Drag behavior\
+     * Fired once a drag session has started
+     * @returns true to handle the drag event
+     */
+    onDragStart(_e: DragEvent): boolean;
+    /**
+     * Override to customize drag and drop behavior
+     * @public
+     * @param {DragEvent} _e
+     * @returns {boolean} true if the object currently dragged can be dropped on the target
+     */
+    canDrop(_e: DragEvent): boolean;
+    /**
+     * Override to customize drag and drop behavior
+     * render a specific effect when an object is the source of a drag event
+     * example: render the selection status for the part of text that is being dragged from a text object
+     * @public
+     * @param {DragEvent} _e
+     */
+    renderDragSourceEffect(_e: DragEvent): void;
+    /**
+     * Override to customize drag and drop behavior
+     * render a specific effect when an object is the target of a drag event
+     * used to show that the underly object can receive a drop, or to show how the
+     * object will change when dropping. example: show the cursor where the text is about to be dropped
+     * @public
+     * @param {DragEvent} _e
+     */
+    renderDropTargetEffect(_e: DragEvent): void;
+}
+//# sourceMappingURL=InteractiveObject.d.ts.map

package/dist/src/shapes/Object/InteractiveObject.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InteractiveObject.d.ts","sourceRoot":"","sources":["../../../../src/shapes/Object/InteractiveObject.ts"],"names":[],"mappings":"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"}

package/dist/src/shapes/Object/InteractiveObject.min.mjs

@@ -0,0 +1,2 @@
+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};
+//# sourceMappingURL=InteractiveObject.min.mjs.map

package/dist/src/shapes/Object/InteractiveObject.min.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InteractiveObject.min.mjs","sources":["../../../../src/shapes/Object/InteractiveObject.ts"],"sourcesContent":["import { Point, ZERO } from '../../Point';\nimport type { TCornerPoint, TDegree } from '../../typedefs';\nimport { FabricObject } from './Object';\nimport { degreesToRadians } from '../../util/misc/radiansDegreesConversion';\nimport type { TQrDecomposeOut } from '../../util/misc/matrix';\nimport {\n  calcDimensionsMatrix,\n  createRotateMatrix,\n  createTranslateMatrix,\n  multiplyTransformMatrices,\n  qrDecompose,\n} from '../../util/misc/matrix';\nimport type { Control } from '../../controls/Control';\nimport { sizeAfterTransform } from '../../util/misc/objectTransforms';\nimport type { ObjectEvents, TPointerEvent } from '../../EventTypeDefs';\nimport type { Canvas } from '../../canvas/Canvas';\nimport type { ControlRenderingStyleOverride } from '../../controls/controlRendering';\nimport type { FabricObjectProps } from './types/FabricObjectProps';\nimport type { TFabricObjectProps, SerializedObjectProps } from './types';\nimport { createObjectDefaultControls } from '../../controls/commonControls';\nimport { interactiveObjectDefaultValues } from './defaultValues';\nimport { SCALE } from '../../constants';\n\nexport type TOCoord = Point & {\n  corner: TCornerPoint;\n  touchCorner: TCornerPoint;\n};\n\nexport type TControlSet = Record<string, Control>;\n\nexport type TBorderRenderingStyleOverride = Partial<\n  Pick<InteractiveFabricObject, 'borderColor' | 'borderDashArray'>\n>;\n\nexport type TStyleOverride = ControlRenderingStyleOverride &\n  TBorderRenderingStyleOverride &\n  Partial<\n    Pick<InteractiveFabricObject, 'hasBorders' | 'hasControls'> & {\n      forActiveSelection: boolean;\n    }\n  >;\n\nexport class InteractiveFabricObject<\n    Props extends TFabricObjectProps = Partial<FabricObjectProps>,\n    SProps extends SerializedObjectProps = SerializedObjectProps,\n    EventSpec extends ObjectEvents = ObjectEvents,\n  >\n  extends FabricObject<Props, SProps, EventSpec>\n  implements FabricObjectProps\n{\n  declare noScaleCache: boolean;\n\n  declare snapAngle?: TDegree;\n  declare snapThreshold?: TDegree;\n\n  declare lockMovementX: boolean;\n  declare lockMovementY: boolean;\n  declare lockRotation: boolean;\n  declare lockScalingX: boolean;\n  declare lockScalingY: boolean;\n  declare lockSkewingX: boolean;\n  declare lockSkewingY: boolean;\n  declare lockScalingFlip: boolean;\n\n  declare cornerSize: number;\n  declare touchCornerSize: number;\n  declare transparentCorners: boolean;\n  declare cornerColor: string;\n  declare cornerStrokeColor: string;\n  declare cornerStyle: 'rect' | 'circle';\n  declare cornerDashArray: number[] | null;\n  declare hasControls: boolean;\n\n  declare borderColor: string;\n  declare borderDashArray: number[] | null;\n  declare borderOpacityWhenMoving: number;\n  declare borderScaleFactor: number;\n  declare hasBorders: boolean;\n  declare selectionBackgroundColor: string;\n\n  declare selectable: boolean;\n  declare evented: boolean;\n  declare perPixelTargetFind: boolean;\n  declare activeOn: 'down' | 'up';\n\n  declare hoverCursor: CSSStyleDeclaration['cursor'] | null;\n  declare moveCursor: CSSStyleDeclaration['cursor'] | null;\n\n  /**\n   * The object's controls' position in viewport coordinates\n   * Calculated by {@link Control#positionHandler} and {@link Control#calcCornerCoords}, depending on {@link padding}.\n   * `corner/touchCorner` describe the 4 points forming the interactive area of the corner.\n   * Used to draw and locate controls.\n   */\n  declare oCoords: Record<string, TOCoord>;\n\n  /**\n   * keeps the value of the last hovered corner during mouse move.\n   * 0 is no corner, or 'mt', 'ml', 'mtr' etc..\n   * It should be private, but there is no harm in using it as\n   * a read-only property.\n   * this isn't cleaned automatically. Non selected objects may have wrong values\n   * @type [string]\n   */\n  declare __corner?: string;\n\n  /**\n   * a map of control visibility for this object.\n   * this was left when controls were introduced to not break the api too much\n   * this takes priority over the generic control visibility\n   */\n  declare _controlsVisibility: Record<string, boolean>;\n\n  /**\n   * holds the controls for the object.\n   * controls are added by default_controls.js\n   */\n  declare controls: TControlSet;\n\n  /**\n   * internal boolean to signal the code that the object is\n   * part of the move action.\n   */\n  declare isMoving?: boolean;\n\n  /**\n   * A boolean used from the gesture module to keep tracking of a scaling\n   * action when there is no scaling transform in place.\n   * This is an edge case and is used twice in all codebase.\n   * Probably added to keep track of some performance issues\n   * @TODO use git blame to investigate why it was added\n   * DON'T USE IT. WE WILL TRY TO REMOVE IT\n   */\n  declare _scaling?: boolean;\n\n  declare canvas?: Canvas;\n\n  static ownDefaults = interactiveObjectDefaultValues;\n\n  static getDefaults(): Record<string, any> {\n    return {\n      ...super.getDefaults(),\n      ...InteractiveFabricObject.ownDefaults,\n    };\n  }\n\n  /**\n   * Constructor\n   * @param {Object} [options] Options object\n   */\n  constructor(options?: Props) {\n    super();\n    Object.assign(\n      this,\n      (this.constructor as typeof InteractiveFabricObject).createControls(),\n      InteractiveFabricObject.ownDefaults,\n    );\n    this.setOptions(options);\n  }\n\n  /**\n   * Creates the default control object.\n   * If you prefer to have on instance of controls shared among all objects\n   * make this function return an empty object and add controls to the ownDefaults\n   * @param {Object} [options] Options object\n   */\n  static createControls(): { controls: Record<string, Control> } {\n    return { controls: createObjectDefaultControls() };\n  }\n\n  /**\n   * Update width and height of the canvas for cache\n   * returns true or false if canvas needed resize.\n   * @private\n   * @return {Boolean} true if the canvas has been resized\n   */\n  _updateCacheCanvas() {\n    const targetCanvas = this.canvas;\n    if (this.noScaleCache && targetCanvas && targetCanvas._currentTransform) {\n      const transform = targetCanvas._currentTransform,\n        target = transform.target,\n        action = transform.action;\n      if (\n        this === (target as unknown as this) &&\n        action &&\n        action.startsWith(SCALE)\n      ) {\n        return false;\n      }\n    }\n    return super._updateCacheCanvas();\n  }\n\n  getActiveControl() {\n    const key = this.__corner;\n    return key\n      ? {\n          key,\n          control: this.controls[key],\n          coord: this.oCoords[key],\n        }\n      : undefined;\n  }\n\n  /**\n   * Determines which corner is under the mouse cursor, represented by `pointer`.\n   * This function returns a corner only if the object is the active one.\n   * This is done to avoid selecting corner of non active object and activating transformations\n   * rather than drag action. The default behavior of fabricJS is that if you want to transform\n   * an object, first you select it to show the control set\n   * @private\n   * @param {Object} pointer The pointer indicating the mouse position\n   * @param {boolean} forTouch indicates if we are looking for interaction area with a touch action\n   * @return {String|Boolean} corner code (tl, tr, bl, br, etc.), or 0 if nothing is found.\n   */\n  findControl(\n    pointer: Point,\n    forTouch = false,\n  ): { key: string; control: Control; coord: TOCoord } | undefined {\n    if (!this.hasControls || !this.canvas) {\n      return undefined;\n    }\n\n    this.__corner = undefined;\n    const cornerEntries = Object.entries(this.oCoords);\n    for (let i = cornerEntries.length - 1; i >= 0; i--) {\n      const [key, corner] = cornerEntries[i];\n      const control = this.controls[key];\n\n      if (\n        control.shouldActivate(\n          key,\n          this,\n          pointer,\n          forTouch ? corner.touchCorner : corner.corner,\n        )\n      ) {\n        // this.canvas.contextTop.fillRect(pointer.x - 1, pointer.y - 1, 2, 2);\n        this.__corner = key;\n\n        return { key, control, coord: this.oCoords[key] };\n      }\n    }\n\n    return undefined;\n  }\n\n  /**\n   * Calculates the coordinates of the center of each control plus the corners of the control itself\n   * This basically just delegates to each control positionHandler\n   * WARNING: changing what is passed to positionHandler is a breaking change, since position handler\n   * is a public api and should be done just if extremely necessary\n   * @return {Record<string, TOCoord>}\n   */\n  calcOCoords(): Record<string, TOCoord> {\n    const vpt = this.getViewportTransform(),\n      center = this.getCenterPoint(),\n      tMatrix = createTranslateMatrix(center.x, center.y),\n      rMatrix = createRotateMatrix({\n        angle: this.getTotalAngle() - (!!this.group && this.flipX ? 180 : 0),\n      }),\n      positionMatrix = multiplyTransformMatrices(tMatrix, rMatrix),\n      startMatrix = multiplyTransformMatrices(vpt, positionMatrix),\n      finalMatrix = multiplyTransformMatrices(startMatrix, [\n        1 / vpt[0],\n        0,\n        0,\n        1 / vpt[3],\n        0,\n        0,\n      ]),\n      transformOptions = this.group\n        ? qrDecompose(this.calcTransformMatrix())\n        : undefined;\n    // decomposing could bring negative scaling and `_calculateCurrentDimensions` can't take it\n    if (transformOptions) {\n      transformOptions.scaleX = Math.abs(transformOptions.scaleX);\n      transformOptions.scaleY = Math.abs(transformOptions.scaleY);\n    }\n    const dim = this._calculateCurrentDimensions(transformOptions),\n      coords: Record<string, TOCoord> = {};\n\n    this.forEachControl((control, key) => {\n      const position = control.positionHandler(dim, finalMatrix, this, control);\n      // coords[key] are sometimes used as points. Those are points to which we add\n      // the property corner and touchCorner from `_calcCornerCoords`.\n      // don't remove this assign for an object spread.\n      coords[key] = Object.assign(\n        position,\n        this._calcCornerCoords(control, position),\n      );\n    });\n\n    // debug code\n    /*\n      const canvas = this.canvas;\n      setTimeout(function () {\n      if (!canvas) return;\n        canvas.contextTop.clearRect(0, 0, 700, 700);\n        canvas.contextTop.fillStyle = 'green';\n        Object.keys(coords).forEach(function(key) {\n          const control = coords[key];\n          canvas.contextTop.fillRect(control.x, control.y, 3, 3);\n        });\n      } 50);\n    */\n    return coords;\n  }\n\n  /**\n   * Sets the coordinates that determine the interaction area of each control\n   * note: if we would switch to ROUND corner area, all of this would disappear.\n   * everything would resolve to a single point and a pythagorean theorem for the distance\n   * @todo evaluate simplification of code switching to circle interaction area at runtime\n   * @private\n   */\n  private _calcCornerCoords(control: Control, position: Point) {\n    const angle = this.getTotalAngle();\n    const corner = control.calcCornerCoords(\n      angle,\n      this.cornerSize,\n      position.x,\n      position.y,\n      false,\n      this,\n    );\n    const touchCorner = control.calcCornerCoords(\n      angle,\n      this.touchCornerSize,\n      position.x,\n      position.y,\n      true,\n      this,\n    );\n    return { corner, touchCorner };\n  }\n\n  /**\n   * @override set controls' coordinates as well\n   * See {@link https://github.com/fabricjs/fabric.js/wiki/When-to-call-setCoords} and {@link http://fabricjs.com/fabric-gotchas}\n   * @return {void}\n   */\n  setCoords(): void {\n    super.setCoords();\n    this.canvas && (this.oCoords = this.calcOCoords());\n  }\n\n  /**\n   * Calls a function for each control. The function gets called,\n   * with the control, the control's key and the object that is calling the iterator\n   * @param {Function} fn function to iterate over the controls over\n   */\n  forEachControl(\n    fn: (\n      control: Control,\n      key: string,\n      fabricObject: InteractiveFabricObject,\n    ) => any,\n  ) {\n    for (const i in this.controls) {\n      fn(this.controls[i], i, this);\n    }\n  }\n\n  /**\n   * Draws a colored layer behind the object, inside its selection borders.\n   * Requires public options: padding, selectionBackgroundColor\n   * this function is called when the context is transformed\n   * has checks to be skipped when the object is on a staticCanvas\n   * @todo evaluate if make this disappear in favor of a pre-render hook for objects\n   * this was added by Andrea Bogazzi to make possible some feature for work reasons\n   * it seemed a good option, now is an edge case\n   * @param {CanvasRenderingContext2D} ctx Context to draw on\n   */\n  drawSelectionBackground(ctx: CanvasRenderingContext2D): void {\n    if (\n      !this.selectionBackgroundColor ||\n      (this.canvas && (this.canvas._activeObject as unknown as this) !== this)\n    ) {\n      return;\n    }\n    ctx.save();\n    const center = this.getRelativeCenterPoint(),\n      wh = this._calculateCurrentDimensions(),\n      vpt = this.getViewportTransform();\n    ctx.translate(center.x, center.y);\n    ctx.scale(1 / vpt[0], 1 / vpt[3]);\n    ctx.rotate(degreesToRadians(this.angle));\n    ctx.fillStyle = this.selectionBackgroundColor;\n    ctx.fillRect(-wh.x / 2, -wh.y / 2, wh.x, wh.y);\n    ctx.restore();\n  }\n\n  /**\n   * @public override this function in order to customize the drawing of the control box, e.g. rounded corners, different border style.\n   * @param {CanvasRenderingContext2D} ctx ctx is rotated and translated so that (0,0) is at object's center\n   * @param {Point} size the control box size used\n   */\n  strokeBorders(ctx: CanvasRenderingContext2D, size: Point): void {\n    ctx.strokeRect(-size.x / 2, -size.y / 2, size.x, size.y);\n  }\n\n  /**\n   * @private\n   * @param {CanvasRenderingContext2D} ctx Context to draw on\n   * @param {Point} size\n   * @param {TStyleOverride} styleOverride object to override the object style\n   */\n  _drawBorders(\n    ctx: CanvasRenderingContext2D,\n    size: Point,\n    styleOverride: TStyleOverride = {},\n  ): void {\n    const options = {\n      hasControls: this.hasControls,\n      borderColor: this.borderColor,\n      borderDashArray: this.borderDashArray,\n      ...styleOverride,\n    };\n    ctx.save();\n    ctx.strokeStyle = options.borderColor;\n    this._setLineDash(ctx, options.borderDashArray);\n    this.strokeBorders(ctx, size);\n    options.hasControls && this.drawControlsConnectingLines(ctx, size);\n    ctx.restore();\n  }\n\n  /**\n   * Renders controls and borders for the object\n   * the context here is not transformed\n   * @todo move to interactivity\n   * @param {CanvasRenderingContext2D} ctx Context to render on\n   * @param {TStyleOverride} [styleOverride] properties to override the object style\n   */\n  _renderControls(\n    ctx: CanvasRenderingContext2D,\n    styleOverride: TStyleOverride = {},\n  ) {\n    const { hasBorders, hasControls } = this;\n    const styleOptions = {\n      hasBorders,\n      hasControls,\n      ...styleOverride,\n    };\n    const vpt = this.getViewportTransform(),\n      shouldDrawBorders = styleOptions.hasBorders,\n      shouldDrawControls = styleOptions.hasControls;\n    const matrix = multiplyTransformMatrices(vpt, this.calcTransformMatrix());\n    const options = qrDecompose(matrix);\n    ctx.save();\n    ctx.translate(options.translateX, options.translateY);\n    ctx.lineWidth = this.borderScaleFactor; // 1 * this.borderScaleFactor;\n    // since interactive groups have been introduced, an object could be inside a group and needing controls\n    // the following equality check `this.group === this.parent` covers:\n    // object without a group ( undefined === undefined )\n    // object inside a group\n    // excludes object inside a group but multi selected since group and parent will differ in value\n    if (this.group === this.parent) {\n      ctx.globalAlpha = this.isMoving ? this.borderOpacityWhenMoving : 1;\n    }\n    if (this.flipX) {\n      options.angle -= 180;\n    }\n    ctx.rotate(degreesToRadians(this.group ? options.angle : this.angle));\n    shouldDrawBorders && this.drawBorders(ctx, options, styleOverride);\n    shouldDrawControls && this.drawControls(ctx, styleOverride);\n    ctx.restore();\n  }\n\n  /**\n   * Draws borders of an object's bounding box.\n   * Requires public properties: width, height\n   * Requires public options: padding, borderColor\n   * @param {CanvasRenderingContext2D} ctx Context to draw on\n   * @param {object} options object representing current object parameters\n   * @param {TStyleOverride} [styleOverride] object to override the object style\n   */\n  drawBorders(\n    ctx: CanvasRenderingContext2D,\n    options: TQrDecomposeOut,\n    styleOverride: TStyleOverride,\n  ): void {\n    let size;\n    if ((styleOverride && styleOverride.forActiveSelection) || this.group) {\n      const bbox = sizeAfterTransform(\n          this.width,\n          this.height,\n          calcDimensionsMatrix(options),\n        ),\n        stroke = !this.isStrokeAccountedForInDimensions()\n          ? (this.strokeUniform\n              ? new Point().scalarAdd(this.canvas ? this.canvas.getZoom() : 1)\n              : // this is extremely confusing. options comes from the upper function\n                // and is the qrDecompose of a matrix that takes in account zoom too\n                new Point(options.scaleX, options.scaleY)\n            ).scalarMultiply(this.strokeWidth)\n          : ZERO;\n      size = bbox\n        .add(stroke)\n        .scalarAdd(this.borderScaleFactor)\n        .scalarAdd(this.padding * 2);\n    } else {\n      size = this._calculateCurrentDimensions().scalarAdd(\n        this.borderScaleFactor,\n      );\n    }\n    this._drawBorders(ctx, size, styleOverride);\n  }\n\n  /**\n   * Draws lines from a borders of an object's bounding box to controls that have `withConnection` property set.\n   * Requires public properties: width, height\n   * Requires public options: padding, borderColor\n   * @param {CanvasRenderingContext2D} ctx Context to draw on\n   * @param {Point} size object size x = width, y = height\n   */\n  drawControlsConnectingLines(\n    ctx: CanvasRenderingContext2D,\n    size: Point,\n  ): void {\n    let shouldStroke = false;\n\n    ctx.beginPath();\n    this.forEachControl((control, key) => {\n      // in this moment, the ctx is centered on the object.\n      // width and height of the above function are the size of the bbox.\n      if (control.withConnection && control.getVisibility(this, key)) {\n        // reset movement for each control\n        shouldStroke = true;\n        ctx.moveTo(control.x * size.x, control.y * size.y);\n        ctx.lineTo(\n          control.x * size.x + control.offsetX,\n          control.y * size.y + control.offsetY,\n        );\n      }\n    });\n    shouldStroke && ctx.stroke();\n  }\n\n  /**\n   * Draws corners of an object's bounding box.\n   * Requires public properties: width, height\n   * Requires public options: cornerSize, padding\n   * Be aware that since fabric 6.0 this function does not call setCoords anymore.\n   * setCoords needs to be called manually if the object of which we are rendering controls\n   * is outside the standard selection and transform process.\n   * @param {CanvasRenderingContext2D} ctx Context to draw on\n   * @param {ControlRenderingStyleOverride} styleOverride object to override the object style\n   */\n  drawControls(\n    ctx: CanvasRenderingContext2D,\n    styleOverride: ControlRenderingStyleOverride = {},\n  ) {\n    ctx.save();\n    const retinaScaling = this.getCanvasRetinaScaling();\n    const { cornerStrokeColor, cornerDashArray, cornerColor } = this;\n    const options = {\n      cornerStrokeColor,\n      cornerDashArray,\n      cornerColor,\n      ...styleOverride,\n    };\n    ctx.setTransform(retinaScaling, 0, 0, retinaScaling, 0, 0);\n    ctx.strokeStyle = ctx.fillStyle = options.cornerColor;\n    if (!this.transparentCorners) {\n      ctx.strokeStyle = options.cornerStrokeColor;\n    }\n    this._setLineDash(ctx, options.cornerDashArray);\n    this.forEachControl((control, key) => {\n      if (control.getVisibility(this, key)) {\n        const p = this.oCoords[key];\n        control.render(ctx, p.x, p.y, options, this);\n      }\n    });\n    ctx.restore();\n  }\n\n  /**\n   * Returns true if the specified control is visible, false otherwise.\n   * @param {string} controlKey The key of the control. Possible values are usually 'tl', 'tr', 'br', 'bl', 'ml', 'mt', 'mr', 'mb', 'mtr',\n   * but since the control api allow for any control name, can be any string.\n   * @returns {boolean} true if the specified control is visible, false otherwise\n   */\n  isControlVisible(controlKey: string): boolean {\n    return (\n      this.controls[controlKey] &&\n      this.controls[controlKey].getVisibility(this, controlKey)\n    );\n  }\n\n  /**\n   * Sets the visibility of the specified control.\n   * please do not use.\n   * @param {String} controlKey The key of the control. Possible values are 'tl', 'tr', 'br', 'bl', 'ml', 'mt', 'mr', 'mb', 'mtr'.\n   * but since the control api allow for any control name, can be any string.\n   * @param {Boolean} visible true to set the specified control visible, false otherwise\n   * @todo discuss this overlap of priority here with the team. Andrea Bogazzi for details\n   */\n  setControlVisible(controlKey: string, visible: boolean) {\n    if (!this._controlsVisibility) {\n      this._controlsVisibility = {};\n    }\n    this._controlsVisibility[controlKey] = visible;\n  }\n\n  /**\n   * Sets the visibility state of object controls, this is just a bulk option for setControlVisible;\n   * @param {Record<string, boolean>} [options] with an optional key per control\n   * example: {Boolean} [options.bl] true to enable the bottom-left control, false to disable it\n   */\n  setControlsVisibility(options: Record<string, boolean> = {}) {\n    Object.entries(options).forEach(([controlKey, visibility]) =>\n      this.setControlVisible(controlKey, visibility),\n    );\n  }\n\n  /**\n   * Clears the canvas.contextTop in a specific area that corresponds to the object's bounding box\n   * that is in the canvas.contextContainer.\n   * This function is used to clear pieces of contextTop where we render ephemeral effects on top of the object.\n   * Example: blinking cursor text selection, drag effects.\n   * @todo discuss swapping restoreManually with a renderCallback, but think of async issues\n   * @param {Boolean} [restoreManually] When true won't restore the context after clear, in order to draw something else.\n   * @return {CanvasRenderingContext2D|undefined} canvas.contextTop that is either still transformed\n   * with the object transformMatrix, or restored to neutral transform\n   */\n  clearContextTop(\n    restoreManually?: boolean,\n  ): CanvasRenderingContext2D | undefined {\n    if (!this.canvas) {\n      return;\n    }\n    const ctx = this.canvas.contextTop;\n    if (!ctx) {\n      return;\n    }\n    const v = this.canvas.viewportTransform;\n    ctx.save();\n    ctx.transform(v[0], v[1], v[2], v[3], v[4], v[5]);\n    this.transform(ctx);\n    // we add 4 pixel, to be sure to do not leave any pixel out\n    const width = this.width + 4,\n      height = this.height + 4;\n    ctx.clearRect(-width / 2, -height / 2, width, height);\n\n    restoreManually || ctx.restore();\n    return ctx;\n  }\n\n  /**\n   * This callback function is called every time _discardActiveObject or _setActiveObject\n   * try to to deselect this object. If the function returns true, the process is cancelled\n   * @param {Object} [_options] options sent from the upper functions\n   * @param {TPointerEvent} [options.e] event if the process is generated by an event\n   * @param {FabricObject} [options.object] next object we are setting as active, and reason why\n   * this is being deselected\n   */\n  onDeselect(_options?: {\n    e?: TPointerEvent;\n    object?: InteractiveFabricObject;\n  }): boolean {\n    // implemented by sub-classes, as needed.\n    return false;\n  }\n\n  /**\n   * This callback function is called every time _discardActiveObject or _setActiveObject\n   * try to to select this object. If the function returns true, the process is cancelled\n   * @param {Object} [_options] options sent from the upper functions\n   * @param {Event} [_options.e] event if the process is generated by an event\n   */\n  onSelect(_options?: { e?: TPointerEvent }): boolean {\n    // implemented by sub-classes, as needed.\n    return false;\n  }\n\n  /**\n   * Override to customize Drag behavior\n   * Fired from {@link Canvas#_onMouseMove}\n   * @returns true in order for the window to start a drag session\n   */\n  shouldStartDragging(_e: TPointerEvent) {\n    return false;\n  }\n\n  /**\n   * Override to customize Drag behavior\\\n   * Fired once a drag session has started\n   * @returns true to handle the drag event\n   */\n  onDragStart(_e: DragEvent) {\n    return false;\n  }\n\n  /**\n   * Override to customize drag and drop behavior\n   * @public\n   * @param {DragEvent} _e\n   * @returns {boolean} true if the object currently dragged can be dropped on the target\n   */\n  canDrop(_e: DragEvent): boolean {\n    return false;\n  }\n\n  /**\n   * Override to customize drag and drop behavior\n   * render a specific effect when an object is the source of a drag event\n   * example: render the selection status for the part of text that is being dragged from a text object\n   * @public\n   * @param {DragEvent} _e\n   */\n  renderDragSourceEffect(_e: DragEvent) {\n    // for subclasses\n  }\n\n  /**\n   * Override to customize drag and drop behavior\n   * render a specific effect when an object is the target of a drag event\n   * used to show that the underly object can receive a drop, or to show how the\n   * object will change when dropping. example: show the cursor where the text is about to be dropped\n   * @public\n   * @param {DragEvent} _e\n   */\n  renderDropTargetEffect(_e: DragEvent) {\n    // for subclasses\n  }\n}\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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"}