fabric 7.3.1 → 7.5.0-beta.1

package/dist/src/controls/Control.d.ts

@@ -1,250 +0,0 @@
-import type { ControlActionHandler, TPointerEvent, TransformActionHandler } from '../EventTypeDefs';
-import { Point } from '../Point';
-import type { InteractiveFabricObject, TOCoord } from '../shapes/Object/InteractiveObject';
-import type { TCornerPoint, TDegree, TMat2D, TOriginX, TOriginY } from '../typedefs';
-import type { ControlRenderingStyleOverride } from './controlRendering';
-export declare class Control {
-    /**
-     * keep track of control visibility.
-     * mainly for backward compatibility.
-     * if you do not want to see a control, you can remove it
-     * from the control set.
-     * @type {Boolean}
-     * @default true
-     */
-    visible: boolean;
-    /**
-     * Name of the action that the control will likely execute.
-     * This is optional. FabricJS uses to identify what the user is doing for some
-     * extra optimizations. If you are writing a custom control and you want to know
-     * somewhere else in the code what is going on, you can use this string here.
-     * you can also provide a custom getActionName if your control run multiple actions
-     * depending on some external state.
-     * default to scale since is the most common, used on 4 corners by default
-     * @type {String}
-     * @default 'scale'
-     */
-    actionName: string;
-    /**
-     * Drawing angle of the control.
-     * NOT used for now, but name marked as needed for internal logic
-     * example: to reuse the same drawing function for different rotated controls
-     * @type {Number}
-     * @default 0
-     */
-    angle: number;
-    /**
-     * Relative position of the control. X
-     * 0,0 is the center of the Object, while -0.5 (left) or 0.5 (right) are the extremities
-     * of the bounding box.
-     * @type {Number}
-     * @default 0
-     */
-    x: number;
-    /**
-     * Relative position of the control. Y
-     * 0,0 is the center of the Object, while -0.5 (top) or 0.5 (bottom) are the extremities
-     * of the bounding box.
-     * @type {Number}
-     * @default 0
-     */
-    y: number;
-    /**
-     * Horizontal offset of the control from the defined position. In pixels
-     * Positive offset moves the control to the right, negative to the left.
-     * It used when you want to have position of control that does not scale with
-     * the bounding box. Example: rotation control is placed at x:0, y: 0.5 on
-     * the boundind box, with an offset of 30 pixels vertically. Those 30 pixels will
-     * stay 30 pixels no matter how the object is big. Another example is having 2
-     * controls in the corner, that stay in the same position when the object scale.
-     * of the bounding box.
-     * @type {Number}
-     * @default 0
-     */
-    offsetX: number;
-    /**
-     * Vertical offset of the control from the defined position. In pixels
-     * Positive offset moves the control to the bottom, negative to the top.
-     * @type {Number}
-     * @default 0
-     */
-    offsetY: number;
-    /**
-     * Sets the length of the control. If null, defaults to object's cornerSize.
-     * Expects both sizeX and sizeY to be set when set.
-     * @type {?Number}
-     * @default null
-     */
-    sizeX: number;
-    /**
-     * Sets the height of the control. If null, defaults to object's cornerSize.
-     * Expects both sizeX and sizeY to be set when set.
-     * @type {?Number}
-     * @default null
-     */
-    sizeY: number;
-    /**
-     * Sets the length of the touch area of the control. If null, defaults to object's touchCornerSize.
-     * Expects both touchSizeX and touchSizeY to be set when set.
-     * @type {?Number}
-     * @default null
-     */
-    touchSizeX: number;
-    /**
-     * Sets the height of the touch area of the control. If null, defaults to object's touchCornerSize.
-     * Expects both touchSizeX and touchSizeY to be set when set.
-     * @type {?Number}
-     * @default null
-     */
-    touchSizeY: number;
-    /**
-     * Css cursor style to display when the control is hovered.
-     * if the method `cursorStyleHandler` is provided, this property is ignored.
-     * @type {String}
-     * @default 'crosshair'
-     */
-    cursorStyle: string;
-    /**
-     * If controls has an offsetY or offsetX, draw a line that connects
-     * the control to the bounding box
-     * @type {Boolean}
-     * @default false
-     */
-    withConnection: boolean;
-    transformAnchorPoint?: {
-        x: TOriginX;
-        y: TOriginY;
-    };
-    constructor(options?: Partial<Control>);
-    getTransformAnchorPoint(): {
-        x: TOriginX;
-        y: TOriginY;
-    };
-    /**
-     * The control actionHandler, provide one to handle action ( control being moved )
-     * @param {Event} eventData the native mouse event
-     * @param {Transform} transformData properties of the current transform
-     * @param {Number} x x position of the cursor
-     * @param {Number} y y position of the cursor
-     * @return {Boolean} true if the action/event modified the object
-     */
-    actionHandler: TransformActionHandler;
-    /**
-     * The control handler for mouse down, provide one to handle mouse down on control
-     * @param {Event} eventData the native mouse event
-     * @param {Transform} transformData properties of the current transform
-     * @param {Number} x x position of the cursor
-     * @param {Number} y y position of the cursor
-     * @return {Boolean} true if the action/event modified the object
-     */
-    mouseDownHandler?: ControlActionHandler;
-    /**
-     * The control mouseUpHandler, provide one to handle an effect on mouse up.
-     * @param {Event} eventData the native mouse event
-     * @param {Transform} transformData properties of the current transform
-     * @param {Number} x x position of the cursor
-     * @param {Number} y y position of the cursor
-     * @return {Boolean} true if the action/event modified the object
-     */
-    mouseUpHandler?: ControlActionHandler;
-    shouldActivate(controlKey: string, fabricObject: InteractiveFabricObject, pointer: Point, { tl, tr, br, bl }: TCornerPoint): boolean;
-    /**
-     * Returns control actionHandler
-     * @param {Event} eventData the native mouse event
-     * @param {FabricObject} fabricObject on which the control is displayed
-     * @param {Control} control control for which the action handler is being asked
-     * @return {Function} the action handler
-     */
-    getActionHandler(eventData: TPointerEvent, fabricObject: InteractiveFabricObject, control: Control): TransformActionHandler | undefined;
-    /**
-     * Returns control mouseDown handler
-     * @param {Event} eventData the native mouse event
-     * @param {FabricObject} fabricObject on which the control is displayed
-     * @param {Control} control control for which the action handler is being asked
-     * @return {Function} the action handler
-     */
-    getMouseDownHandler(eventData: TPointerEvent, fabricObject: InteractiveFabricObject, control: Control): ControlActionHandler | undefined;
-    /**
-     * Returns control mouseUp handler.
-     * During actions the fabricObject or the control can be of different obj
-     * @param {Event} eventData the native mouse event
-     * @param {FabricObject} fabricObject on which the control is displayed
-     * @param {Control} control control for which the action handler is being asked
-     * @return {Function} the action handler
-     */
-    getMouseUpHandler(eventData: TPointerEvent, fabricObject: InteractiveFabricObject, control: Control): ControlActionHandler | undefined;
-    /**
-     * Returns control cursorStyle for css using cursorStyle. If you need a more elaborate
-     * function you can pass one in the constructor
-     * the cursorStyle property
-     * @param {Event} eventData the native mouse event
-     * @param {Control} control the current control ( likely this)
-     * @param {FabricObject} object on which the control is displayed
-     * @return {String}
-     */
-    cursorStyleHandler(eventData: TPointerEvent, control: Control, fabricObject: InteractiveFabricObject, coord: TOCoord): string;
-    /**
-     * Returns the action name. The basic implementation just return the actionName property.
-     * @param {Event} eventData the native mouse event
-     * @param {Control} control the current control ( likely this)
-     * @param {FabricObject} object on which the control is displayed
-     * @return {String}
-     */
-    getActionName(eventData: TPointerEvent, control: Control, fabricObject: InteractiveFabricObject): string;
-    /**
-     * Returns controls visibility
-     * @param {FabricObject} object on which the control is displayed
-     * @param {String} controlKey key where the control is memorized on the
-     * @return {Boolean}
-     */
-    getVisibility(fabricObject: InteractiveFabricObject, controlKey: string): boolean;
-    /**
-     * Sets controls visibility
-     * @param {Boolean} visibility for the object
-     * @return {Void}
-     */
-    setVisibility(visibility: boolean, name?: string, fabricObject?: InteractiveFabricObject): void;
-    positionHandler(dim: Point, finalMatrix: TMat2D, fabricObject: InteractiveFabricObject, currentControl: Control): Point;
-    /**
-     * Returns the coords for this control based on object values.
-     * @param {Number} objectAngle angle from the fabric object holding the control
-     * @param {Number} objectCornerSize cornerSize from the fabric object holding the control (or touchCornerSize if
-     *   isTouch is true)
-     * @param {Number} centerX x coordinate where the control center should be
-     * @param {Number} centerY y coordinate where the control center should be
-     * @param {boolean} isTouch true if touch corner, false if normal corner
-     */
-    calcCornerCoords(angle: TDegree, objectCornerSize: number, centerX: number, centerY: number, isTouch: boolean, fabricObject: InteractiveFabricObject): {
-        tl: Point;
-        tr: Point;
-        br: Point;
-        bl: Point;
-    };
-    /**
-     * This is an helper method to prepare the canvas to render a control
-     * It detectes common control properties and sets the correct fill and
-     * stroke styles on the context. It does not execute translations or
-     * rotations since different controls need differnt combination of these.
-     */
-    commonRenderProps(ctx: CanvasRenderingContext2D, left: number, top: number, fabricObject: InteractiveFabricObject, styleOverride?: ControlRenderingStyleOverride): {
-        stroke: boolean;
-        xSize: number;
-        ySize: number;
-        transparentCorners: boolean;
-        opName: 'stroke' | 'fill';
-    };
-    /**
-     * Render function for the control.
-     * When this function runs the context is unscaled. unrotate. Just retina scaled.
-     * all the functions will have to translate to the point left,top before starting Drawing
-     * if they want to draw a control where the position is detected.
-     * left and top are the result of the positionHandler function
-     * @param {RenderingContext2D} ctx the context where the control will be drawn
-     * @param {Number} left position of the canvas where we are about to render the control.
-     * @param {Number} top position of the canvas where we are about to render the control.
-     * @param {Object} styleOverride
-     * @param {FabricObject} fabricObject the object where the control is about to be rendered
-     */
-    render(ctx: CanvasRenderingContext2D, left: number, top: number, styleOverride: ControlRenderingStyleOverride | undefined, fabricObject: InteractiveFabricObject): void;
-}
-//# sourceMappingURL=Control.d.ts.map

package/dist/src/controls/Control.d.ts.map

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

package/dist/src/controls/Control.min.mjs

@@ -1,2 +0,0 @@
-import{_defineProperty as e}from"../../_virtual/_@oxc-project_runtime@0.122.0/helpers/defineProperty.min.mjs";import{FILL as t,SCALE as n,STROKE as r}from"../constants.min.mjs";import{Point as i}from"../Point.min.mjs";import{degreesToRadians as a}from"../util/misc/radiansDegreesConversion.min.mjs";import{createRotateMatrix as o,createScaleMatrix as s,createTranslateMatrix as c,multiplyTransformMatrixArray as l}from"../util/misc/matrix.min.mjs";import{Intersection as u}from"../Intersection.min.mjs";import{renderCircleControl as d,renderSquareControl as f}from"./controlRendering.min.mjs";var p=class{constructor(t){e(this,`visible`,!0),e(this,`actionName`,n),e(this,`angle`,0),e(this,`x`,0),e(this,`y`,0),e(this,`offsetX`,0),e(this,`offsetY`,0),e(this,`sizeX`,0),e(this,`sizeY`,0),e(this,`touchSizeX`,0),e(this,`touchSizeY`,0),e(this,`cursorStyle`,`crosshair`),e(this,`withConnection`,!1),Object.assign(this,t)}getTransformAnchorPoint(){var e;return(e=this.transformAnchorPoint)==null?new i(.5-this.x,.5-this.y):e}shouldActivate(e,t,n,{tl:r,tr:i,br:a,bl:o}){var s;return((s=t.canvas)==null?void 0:s.getActiveObject())===t&&t.isControlVisible(e)&&u.isPointInPolygon(n,[r,i,a,o])}getActionHandler(e,t,n){return this.actionHandler}getMouseDownHandler(e,t,n){return this.mouseDownHandler}getMouseUpHandler(e,t,n){return this.mouseUpHandler}cursorStyleHandler(e,t,n,r){return t.cursorStyle}getActionName(e,t,n){return t.actionName}getVisibility(e,t){var n,r;return(n=(r=e._controlsVisibility)==null?void 0:r[t])==null?this.visible:n}setVisibility(e,t,n){this.visible=e}positionHandler(e,t,n,r){return new i(this.x*e.x+this.offsetX,this.y*e.y+this.offsetY).transform(t)}calcCornerCoords(e,t,n,r,a,u){let d=l([c(n,r),o({angle:e}),s((a?this.touchSizeX:this.sizeX)||t,(a?this.touchSizeY:this.sizeY)||t)]);return{tl:new i(-.5,-.5).transform(d),tr:new i(.5,-.5).transform(d),br:new i(.5,.5).transform(d),bl:new i(-.5,.5).transform(d)}}commonRenderProps(e,n,i,o,s={}){let{cornerSize:c,cornerColor:l,transparentCorners:u,cornerStrokeColor:d}=s,f=c||o.cornerSize,p=this.sizeX||f,m=this.sizeY||f,h=u===void 0?o.transparentCorners:u,g=h?r:t,_=d||o.cornerStrokeColor,v=!h&&!!_;return e.fillStyle=l||o.cornerColor||``,e.strokeStyle=_||``,e.translate(n,i),e.rotate(a(o.getTotalAngle())),{stroke:v,xSize:p,ySize:m,transparentCorners:h,opName:g}}render(e,t,n,r,i){((r=r||{}).cornerStyle||i.cornerStyle)===`circle`?d.call(this,e,t,n,r,i):f.call(this,e,t,n,r,i)}};export{p as Control};
-//# sourceMappingURL=Control.min.mjs.map

package/dist/src/controls/Control.min.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Control.min.mjs","names":[],"sources":["../../../src/controls/Control.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport type {\n  ControlActionHandler,\n  TPointerEvent,\n  TransformActionHandler,\n} from '../EventTypeDefs';\nimport { Intersection } from '../Intersection';\nimport { Point } from '../Point';\nimport { FILL, SCALE, STROKE } from '../constants';\nimport type {\n  InteractiveFabricObject,\n  TOCoord,\n} from '../shapes/Object/InteractiveObject';\nimport type {\n  TCornerPoint,\n  TDegree,\n  TMat2D,\n  TOriginX,\n  TOriginY,\n} from '../typedefs';\nimport {\n  createRotateMatrix,\n  createScaleMatrix,\n  createTranslateMatrix,\n  multiplyTransformMatrixArray,\n} from '../util/misc/matrix';\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\nimport type { ControlRenderingStyleOverride } from './controlRendering';\nimport { renderCircleControl, renderSquareControl } from './controlRendering';\n\nexport class Control {\n  /**\n   * keep track of control visibility.\n   * mainly for backward compatibility.\n   * if you do not want to see a control, you can remove it\n   * from the control set.\n   * @type {Boolean}\n   * @default true\n   */\n  visible = true;\n\n  /**\n   * Name of the action that the control will likely execute.\n   * This is optional. FabricJS uses to identify what the user is doing for some\n   * extra optimizations. If you are writing a custom control and you want to know\n   * somewhere else in the code what is going on, you can use this string here.\n   * you can also provide a custom getActionName if your control run multiple actions\n   * depending on some external state.\n   * default to scale since is the most common, used on 4 corners by default\n   * @type {String}\n   * @default 'scale'\n   */\n  actionName = SCALE;\n\n  /**\n   * Drawing angle of the control.\n   * NOT used for now, but name marked as needed for internal logic\n   * example: to reuse the same drawing function for different rotated controls\n   * @type {Number}\n   * @default 0\n   */\n  angle = 0;\n\n  /**\n   * Relative position of the control. X\n   * 0,0 is the center of the Object, while -0.5 (left) or 0.5 (right) are the extremities\n   * of the bounding box.\n   * @type {Number}\n   * @default 0\n   */\n  x = 0;\n\n  /**\n   * Relative position of the control. Y\n   * 0,0 is the center of the Object, while -0.5 (top) or 0.5 (bottom) are the extremities\n   * of the bounding box.\n   * @type {Number}\n   * @default 0\n   */\n  y = 0;\n\n  /**\n   * Horizontal offset of the control from the defined position. In pixels\n   * Positive offset moves the control to the right, negative to the left.\n   * It used when you want to have position of control that does not scale with\n   * the bounding box. Example: rotation control is placed at x:0, y: 0.5 on\n   * the boundind box, with an offset of 30 pixels vertically. Those 30 pixels will\n   * stay 30 pixels no matter how the object is big. Another example is having 2\n   * controls in the corner, that stay in the same position when the object scale.\n   * of the bounding box.\n   * @type {Number}\n   * @default 0\n   */\n  offsetX = 0;\n\n  /**\n   * Vertical offset of the control from the defined position. In pixels\n   * Positive offset moves the control to the bottom, negative to the top.\n   * @type {Number}\n   * @default 0\n   */\n  offsetY = 0;\n\n  /**\n   * Sets the length of the control. If null, defaults to object's cornerSize.\n   * Expects both sizeX and sizeY to be set when set.\n   * @type {?Number}\n   * @default null\n   */\n  sizeX = 0;\n\n  /**\n   * Sets the height of the control. If null, defaults to object's cornerSize.\n   * Expects both sizeX and sizeY to be set when set.\n   * @type {?Number}\n   * @default null\n   */\n  sizeY = 0;\n\n  /**\n   * Sets the length of the touch area of the control. If null, defaults to object's touchCornerSize.\n   * Expects both touchSizeX and touchSizeY to be set when set.\n   * @type {?Number}\n   * @default null\n   */\n  touchSizeX = 0;\n\n  /**\n   * Sets the height of the touch area of the control. If null, defaults to object's touchCornerSize.\n   * Expects both touchSizeX and touchSizeY to be set when set.\n   * @type {?Number}\n   * @default null\n   */\n  touchSizeY = 0;\n\n  /**\n   * Css cursor style to display when the control is hovered.\n   * if the method `cursorStyleHandler` is provided, this property is ignored.\n   * @type {String}\n   * @default 'crosshair'\n   */\n  cursorStyle = 'crosshair';\n\n  /**\n   * If controls has an offsetY or offsetX, draw a line that connects\n   * the control to the bounding box\n   * @type {Boolean}\n   * @default false\n   */\n  withConnection = false;\n\n  declare transformAnchorPoint?: {\n    x: TOriginX;\n    y: TOriginY;\n  };\n\n  constructor(options?: Partial<Control>) {\n    Object.assign(this, options);\n  }\n\n  getTransformAnchorPoint(): {\n    x: TOriginX;\n    y: TOriginY;\n  } {\n    return (\n      // return the control transformAnchorPoint\n      this.transformAnchorPoint ??\n      // otherwise will return the opposite origin of where the control is located.\n      new Point(-this.x + 0.5, -this.y + 0.5)\n    );\n  }\n\n  /**\n   * The control actionHandler, provide one to handle action ( control being moved )\n   * @param {Event} eventData the native mouse event\n   * @param {Transform} transformData properties of the current transform\n   * @param {Number} x x position of the cursor\n   * @param {Number} y y position of the cursor\n   * @return {Boolean} true if the action/event modified the object\n   */\n  declare actionHandler: TransformActionHandler;\n\n  /**\n   * The control handler for mouse down, provide one to handle mouse down on control\n   * @param {Event} eventData the native mouse event\n   * @param {Transform} transformData properties of the current transform\n   * @param {Number} x x position of the cursor\n   * @param {Number} y y position of the cursor\n   * @return {Boolean} true if the action/event modified the object\n   */\n  declare mouseDownHandler?: ControlActionHandler;\n\n  /**\n   * The control mouseUpHandler, provide one to handle an effect on mouse up.\n   * @param {Event} eventData the native mouse event\n   * @param {Transform} transformData properties of the current transform\n   * @param {Number} x x position of the cursor\n   * @param {Number} y y position of the cursor\n   * @return {Boolean} true if the action/event modified the object\n   */\n  declare mouseUpHandler?: ControlActionHandler;\n\n  shouldActivate(\n    controlKey: string,\n    fabricObject: InteractiveFabricObject,\n    pointer: Point,\n    { tl, tr, br, bl }: TCornerPoint,\n  ) {\n    // TODO: locking logic can be handled here instead of in the control handler logic\n    return (\n      fabricObject.canvas?.getActiveObject() === fabricObject &&\n      fabricObject.isControlVisible(controlKey) &&\n      Intersection.isPointInPolygon(pointer, [tl, tr, br, bl])\n    );\n  }\n\n  /**\n   * Returns control actionHandler\n   * @param {Event} eventData the native mouse event\n   * @param {FabricObject} fabricObject on which the control is displayed\n   * @param {Control} control control for which the action handler is being asked\n   * @return {Function} the action handler\n   */\n  getActionHandler(\n    eventData: TPointerEvent,\n    fabricObject: InteractiveFabricObject,\n    control: Control,\n  ): TransformActionHandler | undefined {\n    return this.actionHandler;\n  }\n\n  /**\n   * Returns control mouseDown handler\n   * @param {Event} eventData the native mouse event\n   * @param {FabricObject} fabricObject on which the control is displayed\n   * @param {Control} control control for which the action handler is being asked\n   * @return {Function} the action handler\n   */\n  getMouseDownHandler(\n    eventData: TPointerEvent,\n    fabricObject: InteractiveFabricObject,\n    control: Control,\n  ): ControlActionHandler | undefined {\n    return this.mouseDownHandler;\n  }\n\n  /**\n   * Returns control mouseUp handler.\n   * During actions the fabricObject or the control can be of different obj\n   * @param {Event} eventData the native mouse event\n   * @param {FabricObject} fabricObject on which the control is displayed\n   * @param {Control} control control for which the action handler is being asked\n   * @return {Function} the action handler\n   */\n  getMouseUpHandler(\n    eventData: TPointerEvent,\n    fabricObject: InteractiveFabricObject,\n    control: Control,\n  ): ControlActionHandler | undefined {\n    return this.mouseUpHandler;\n  }\n\n  /**\n   * Returns control cursorStyle for css using cursorStyle. If you need a more elaborate\n   * function you can pass one in the constructor\n   * the cursorStyle property\n   * @param {Event} eventData the native mouse event\n   * @param {Control} control the current control ( likely this)\n   * @param {FabricObject} object on which the control is displayed\n   * @return {String}\n   */\n  cursorStyleHandler(\n    eventData: TPointerEvent,\n    control: Control,\n    fabricObject: InteractiveFabricObject,\n    coord: TOCoord,\n  ) {\n    return control.cursorStyle;\n  }\n\n  /**\n   * Returns the action name. The basic implementation just return the actionName property.\n   * @param {Event} eventData the native mouse event\n   * @param {Control} control the current control ( likely this)\n   * @param {FabricObject} object on which the control is displayed\n   * @return {String}\n   */\n  getActionName(\n    eventData: TPointerEvent,\n    control: Control,\n    fabricObject: InteractiveFabricObject,\n  ) {\n    return control.actionName;\n  }\n\n  /**\n   * Returns controls visibility\n   * @param {FabricObject} object on which the control is displayed\n   * @param {String} controlKey key where the control is memorized on the\n   * @return {Boolean}\n   */\n  getVisibility(fabricObject: InteractiveFabricObject, controlKey: string) {\n    return fabricObject._controlsVisibility?.[controlKey] ?? this.visible;\n  }\n\n  /**\n   * Sets controls visibility\n   * @param {Boolean} visibility for the object\n   * @return {Void}\n   */\n  setVisibility(\n    visibility: boolean,\n    name?: string,\n    fabricObject?: InteractiveFabricObject,\n  ) {\n    this.visible = visibility;\n  }\n\n  positionHandler(\n    dim: Point,\n    finalMatrix: TMat2D,\n    fabricObject: InteractiveFabricObject,\n    currentControl: Control,\n  ) {\n    return new Point(\n      this.x * dim.x + this.offsetX,\n      this.y * dim.y + this.offsetY,\n    ).transform(finalMatrix);\n  }\n\n  /**\n   * Returns the coords for this control based on object values.\n   * @param {Number} objectAngle angle from the fabric object holding the control\n   * @param {Number} objectCornerSize cornerSize from the fabric object holding the control (or touchCornerSize if\n   *   isTouch is true)\n   * @param {Number} centerX x coordinate where the control center should be\n   * @param {Number} centerY y coordinate where the control center should be\n   * @param {boolean} isTouch true if touch corner, false if normal corner\n   */\n  calcCornerCoords(\n    angle: TDegree,\n    objectCornerSize: number,\n    centerX: number,\n    centerY: number,\n    isTouch: boolean,\n    fabricObject: InteractiveFabricObject,\n  ) {\n    const t = multiplyTransformMatrixArray([\n      createTranslateMatrix(centerX, centerY),\n      createRotateMatrix({ angle }),\n      createScaleMatrix(\n        (isTouch ? this.touchSizeX : this.sizeX) || objectCornerSize,\n        (isTouch ? this.touchSizeY : this.sizeY) || objectCornerSize,\n      ),\n    ]);\n    return {\n      tl: new Point(-0.5, -0.5).transform(t),\n      tr: new Point(0.5, -0.5).transform(t),\n      br: new Point(0.5, 0.5).transform(t),\n      bl: new Point(-0.5, 0.5).transform(t),\n    };\n  }\n\n  /**\n   * This is an helper method to prepare the canvas to render a control\n   * It detectes common control properties and sets the correct fill and\n   * stroke styles on the context. It does not execute translations or\n   * rotations since different controls need differnt combination of these.\n   */\n  commonRenderProps(\n    ctx: CanvasRenderingContext2D,\n    left: number,\n    top: number,\n    fabricObject: InteractiveFabricObject,\n    styleOverride: ControlRenderingStyleOverride = {},\n  ): {\n    stroke: boolean;\n    xSize: number;\n    ySize: number;\n    transparentCorners: boolean;\n    opName: 'stroke' | 'fill';\n  } {\n    const { cornerSize, cornerColor, transparentCorners, cornerStrokeColor } =\n        styleOverride,\n      sizeFromProps = cornerSize || fabricObject.cornerSize,\n      xSize = this.sizeX || sizeFromProps,\n      ySize = this.sizeY || sizeFromProps,\n      transparent =\n        typeof transparentCorners !== 'undefined'\n          ? transparentCorners\n          : fabricObject.transparentCorners,\n      opName = transparent ? STROKE : FILL,\n      strokeColor = cornerStrokeColor || fabricObject.cornerStrokeColor,\n      stroke = !transparent && !!strokeColor;\n    ctx.fillStyle = cornerColor || fabricObject.cornerColor || '';\n    ctx.strokeStyle = strokeColor || '';\n    ctx.translate(left, top);\n    //  angle is relative to canvas plane\n    ctx.rotate(degreesToRadians(fabricObject.getTotalAngle()));\n    return {\n      stroke,\n      xSize,\n      ySize,\n      transparentCorners: transparent,\n      opName,\n    };\n  }\n\n  /**\n   * Render function for the control.\n   * When this function runs the context is unscaled. unrotate. Just retina scaled.\n   * all the functions will have to translate to the point left,top before starting Drawing\n   * if they want to draw a control where the position is detected.\n   * left and top are the result of the positionHandler function\n   * @param {RenderingContext2D} ctx the context where the control will be drawn\n   * @param {Number} left position of the canvas where we are about to render the control.\n   * @param {Number} top position of the canvas where we are about to render the control.\n   * @param {Object} styleOverride\n   * @param {FabricObject} fabricObject the object where the control is about to be rendered\n   */\n  render(\n    ctx: CanvasRenderingContext2D,\n    left: number,\n    top: number,\n    styleOverride: ControlRenderingStyleOverride | undefined,\n    fabricObject: InteractiveFabricObject,\n  ) {\n    styleOverride = styleOverride || {};\n    switch (styleOverride.cornerStyle || fabricObject.cornerStyle) {\n      case 'circle':\n        renderCircleControl.call(\n          this,\n          ctx,\n          left,\n          top,\n          styleOverride,\n          fabricObject,\n        );\n        break;\n      default:\n        renderSquareControl.call(\n          this,\n          ctx,\n          left,\n          top,\n          styleOverride,\n          fabricObject,\n        );\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/src/controls/Control.mjs

@@ -1,326 +0,0 @@
-import { _defineProperty } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/defineProperty.mjs";
-import { FILL, SCALE, STROKE } from "../constants.mjs";
-import { Point } from "../Point.mjs";
-import { degreesToRadians } from "../util/misc/radiansDegreesConversion.mjs";
-import { createRotateMatrix, createScaleMatrix, createTranslateMatrix, multiplyTransformMatrixArray } from "../util/misc/matrix.mjs";
-import { Intersection } from "../Intersection.mjs";
-import { renderCircleControl, renderSquareControl } from "./controlRendering.mjs";
-//#region src/controls/Control.ts
-var Control = class {
-	constructor(options) {
-		_defineProperty(
-			this,
-			/**
-			* keep track of control visibility.
-			* mainly for backward compatibility.
-			* if you do not want to see a control, you can remove it
-			* from the control set.
-			* @type {Boolean}
-			* @default true
-			*/
-			"visible",
-			true
-		);
-		_defineProperty(
-			this,
-			/**
-			* Name of the action that the control will likely execute.
-			* This is optional. FabricJS uses to identify what the user is doing for some
-			* extra optimizations. If you are writing a custom control and you want to know
-			* somewhere else in the code what is going on, you can use this string here.
-			* you can also provide a custom getActionName if your control run multiple actions
-			* depending on some external state.
-			* default to scale since is the most common, used on 4 corners by default
-			* @type {String}
-			* @default 'scale'
-			*/
-			"actionName",
-			SCALE
-		);
-		_defineProperty(
-			this,
-			/**
-			* Drawing angle of the control.
-			* NOT used for now, but name marked as needed for internal logic
-			* example: to reuse the same drawing function for different rotated controls
-			* @type {Number}
-			* @default 0
-			*/
-			"angle",
-			0
-		);
-		_defineProperty(
-			this,
-			/**
-			* Relative position of the control. X
-			* 0,0 is the center of the Object, while -0.5 (left) or 0.5 (right) are the extremities
-			* of the bounding box.
-			* @type {Number}
-			* @default 0
-			*/
-			"x",
-			0
-		);
-		_defineProperty(
-			this,
-			/**
-			* Relative position of the control. Y
-			* 0,0 is the center of the Object, while -0.5 (top) or 0.5 (bottom) are the extremities
-			* of the bounding box.
-			* @type {Number}
-			* @default 0
-			*/
-			"y",
-			0
-		);
-		_defineProperty(
-			this,
-			/**
-			* Horizontal offset of the control from the defined position. In pixels
-			* Positive offset moves the control to the right, negative to the left.
-			* It used when you want to have position of control that does not scale with
-			* the bounding box. Example: rotation control is placed at x:0, y: 0.5 on
-			* the boundind box, with an offset of 30 pixels vertically. Those 30 pixels will
-			* stay 30 pixels no matter how the object is big. Another example is having 2
-			* controls in the corner, that stay in the same position when the object scale.
-			* of the bounding box.
-			* @type {Number}
-			* @default 0
-			*/
-			"offsetX",
-			0
-		);
-		_defineProperty(
-			this,
-			/**
-			* Vertical offset of the control from the defined position. In pixels
-			* Positive offset moves the control to the bottom, negative to the top.
-			* @type {Number}
-			* @default 0
-			*/
-			"offsetY",
-			0
-		);
-		_defineProperty(
-			this,
-			/**
-			* Sets the length of the control. If null, defaults to object's cornerSize.
-			* Expects both sizeX and sizeY to be set when set.
-			* @type {?Number}
-			* @default null
-			*/
-			"sizeX",
-			0
-		);
-		_defineProperty(
-			this,
-			/**
-			* Sets the height of the control. If null, defaults to object's cornerSize.
-			* Expects both sizeX and sizeY to be set when set.
-			* @type {?Number}
-			* @default null
-			*/
-			"sizeY",
-			0
-		);
-		_defineProperty(
-			this,
-			/**
-			* Sets the length of the touch area of the control. If null, defaults to object's touchCornerSize.
-			* Expects both touchSizeX and touchSizeY to be set when set.
-			* @type {?Number}
-			* @default null
-			*/
-			"touchSizeX",
-			0
-		);
-		_defineProperty(
-			this,
-			/**
-			* Sets the height of the touch area of the control. If null, defaults to object's touchCornerSize.
-			* Expects both touchSizeX and touchSizeY to be set when set.
-			* @type {?Number}
-			* @default null
-			*/
-			"touchSizeY",
-			0
-		);
-		_defineProperty(
-			this,
-			/**
-			* Css cursor style to display when the control is hovered.
-			* if the method `cursorStyleHandler` is provided, this property is ignored.
-			* @type {String}
-			* @default 'crosshair'
-			*/
-			"cursorStyle",
-			"crosshair"
-		);
-		_defineProperty(
-			this,
-			/**
-			* If controls has an offsetY or offsetX, draw a line that connects
-			* the control to the bounding box
-			* @type {Boolean}
-			* @default false
-			*/
-			"withConnection",
-			false
-		);
-		Object.assign(this, options);
-	}
-	getTransformAnchorPoint() {
-		var _this$transformAnchor;
-		return (_this$transformAnchor = this.transformAnchorPoint) !== null && _this$transformAnchor !== void 0 ? _this$transformAnchor : new Point(-this.x + .5, -this.y + .5);
-	}
-	shouldActivate(controlKey, fabricObject, pointer, { tl, tr, br, bl }) {
-		var _fabricObject$canvas;
-		return ((_fabricObject$canvas = fabricObject.canvas) === null || _fabricObject$canvas === void 0 ? void 0 : _fabricObject$canvas.getActiveObject()) === fabricObject && fabricObject.isControlVisible(controlKey) && Intersection.isPointInPolygon(pointer, [
-			tl,
-			tr,
-			br,
-			bl
-		]);
-	}
-	/**
-	* Returns control actionHandler
-	* @param {Event} eventData the native mouse event
-	* @param {FabricObject} fabricObject on which the control is displayed
-	* @param {Control} control control for which the action handler is being asked
-	* @return {Function} the action handler
-	*/
-	getActionHandler(eventData, fabricObject, control) {
-		return this.actionHandler;
-	}
-	/**
-	* Returns control mouseDown handler
-	* @param {Event} eventData the native mouse event
-	* @param {FabricObject} fabricObject on which the control is displayed
-	* @param {Control} control control for which the action handler is being asked
-	* @return {Function} the action handler
-	*/
-	getMouseDownHandler(eventData, fabricObject, control) {
-		return this.mouseDownHandler;
-	}
-	/**
-	* Returns control mouseUp handler.
-	* During actions the fabricObject or the control can be of different obj
-	* @param {Event} eventData the native mouse event
-	* @param {FabricObject} fabricObject on which the control is displayed
-	* @param {Control} control control for which the action handler is being asked
-	* @return {Function} the action handler
-	*/
-	getMouseUpHandler(eventData, fabricObject, control) {
-		return this.mouseUpHandler;
-	}
-	/**
-	* Returns control cursorStyle for css using cursorStyle. If you need a more elaborate
-	* function you can pass one in the constructor
-	* the cursorStyle property
-	* @param {Event} eventData the native mouse event
-	* @param {Control} control the current control ( likely this)
-	* @param {FabricObject} object on which the control is displayed
-	* @return {String}
-	*/
-	cursorStyleHandler(eventData, control, fabricObject, coord) {
-		return control.cursorStyle;
-	}
-	/**
-	* Returns the action name. The basic implementation just return the actionName property.
-	* @param {Event} eventData the native mouse event
-	* @param {Control} control the current control ( likely this)
-	* @param {FabricObject} object on which the control is displayed
-	* @return {String}
-	*/
-	getActionName(eventData, control, fabricObject) {
-		return control.actionName;
-	}
-	/**
-	* Returns controls visibility
-	* @param {FabricObject} object on which the control is displayed
-	* @param {String} controlKey key where the control is memorized on the
-	* @return {Boolean}
-	*/
-	getVisibility(fabricObject, controlKey) {
-		var _fabricObject$_contro, _fabricObject$_contro2;
-		return (_fabricObject$_contro = (_fabricObject$_contro2 = fabricObject._controlsVisibility) === null || _fabricObject$_contro2 === void 0 ? void 0 : _fabricObject$_contro2[controlKey]) !== null && _fabricObject$_contro !== void 0 ? _fabricObject$_contro : this.visible;
-	}
-	/**
-	* Sets controls visibility
-	* @param {Boolean} visibility for the object
-	* @return {Void}
-	*/
-	setVisibility(visibility, name, fabricObject) {
-		this.visible = visibility;
-	}
-	positionHandler(dim, finalMatrix, fabricObject, currentControl) {
-		return new Point(this.x * dim.x + this.offsetX, this.y * dim.y + this.offsetY).transform(finalMatrix);
-	}
-	/**
-	* Returns the coords for this control based on object values.
-	* @param {Number} objectAngle angle from the fabric object holding the control
-	* @param {Number} objectCornerSize cornerSize from the fabric object holding the control (or touchCornerSize if
-	*   isTouch is true)
-	* @param {Number} centerX x coordinate where the control center should be
-	* @param {Number} centerY y coordinate where the control center should be
-	* @param {boolean} isTouch true if touch corner, false if normal corner
-	*/
-	calcCornerCoords(angle, objectCornerSize, centerX, centerY, isTouch, fabricObject) {
-		const t = multiplyTransformMatrixArray([
-			createTranslateMatrix(centerX, centerY),
-			createRotateMatrix({ angle }),
-			createScaleMatrix((isTouch ? this.touchSizeX : this.sizeX) || objectCornerSize, (isTouch ? this.touchSizeY : this.sizeY) || objectCornerSize)
-		]);
-		return {
-			tl: new Point(-.5, -.5).transform(t),
-			tr: new Point(.5, -.5).transform(t),
-			br: new Point(.5, .5).transform(t),
-			bl: new Point(-.5, .5).transform(t)
-		};
-	}
-	/**
-	* This is an helper method to prepare the canvas to render a control
-	* It detectes common control properties and sets the correct fill and
-	* stroke styles on the context. It does not execute translations or
-	* rotations since different controls need differnt combination of these.
-	*/
-	commonRenderProps(ctx, left, top, fabricObject, styleOverride = {}) {
-		const { cornerSize, cornerColor, transparentCorners, cornerStrokeColor } = styleOverride, sizeFromProps = cornerSize || fabricObject.cornerSize, xSize = this.sizeX || sizeFromProps, ySize = this.sizeY || sizeFromProps, transparent = typeof transparentCorners !== "undefined" ? transparentCorners : fabricObject.transparentCorners, opName = transparent ? STROKE : FILL, strokeColor = cornerStrokeColor || fabricObject.cornerStrokeColor, stroke = !transparent && !!strokeColor;
-		ctx.fillStyle = cornerColor || fabricObject.cornerColor || "";
-		ctx.strokeStyle = strokeColor || "";
-		ctx.translate(left, top);
-		ctx.rotate(degreesToRadians(fabricObject.getTotalAngle()));
-		return {
-			stroke,
-			xSize,
-			ySize,
-			transparentCorners: transparent,
-			opName
-		};
-	}
-	/**
-	* Render function for the control.
-	* When this function runs the context is unscaled. unrotate. Just retina scaled.
-	* all the functions will have to translate to the point left,top before starting Drawing
-	* if they want to draw a control where the position is detected.
-	* left and top are the result of the positionHandler function
-	* @param {RenderingContext2D} ctx the context where the control will be drawn
-	* @param {Number} left position of the canvas where we are about to render the control.
-	* @param {Number} top position of the canvas where we are about to render the control.
-	* @param {Object} styleOverride
-	* @param {FabricObject} fabricObject the object where the control is about to be rendered
-	*/
-	render(ctx, left, top, styleOverride, fabricObject) {
-		styleOverride = styleOverride || {};
-		switch (styleOverride.cornerStyle || fabricObject.cornerStyle) {
-			case "circle":
-				renderCircleControl.call(this, ctx, left, top, styleOverride, fabricObject);
-				break;
-			default: renderSquareControl.call(this, ctx, left, top, styleOverride, fabricObject);
-		}
-	}
-};
-//#endregion
-export { Control };
-
-//# sourceMappingURL=Control.mjs.map