fabric 7.4.0 → 7.5.0-beta.1

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

@@ -1 +0,0 @@
-{"version":3,"file":"Control.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":";;;;;;;;AA8BA,IAAa,UAAb,MAAqB;CA8HnB,YAAY,SAA4B;;;;;;;;;;;GArHxC;GAAU;GAAK;;;;;;;;;;;;;;GAaf;GAAa;GAAM;;;;;;;;;;GASnB;GAAQ;GAAE;;;;;;;;;;GASV;GAAI;GAAE;;;;;;;;;;GASN;GAAI;GAAE;;;;;;;;;;;;;;;GAcN;GAAU;GAAE;;;;;;;;;GAQZ;GAAU;GAAE;;;;;;;;;GAQZ;GAAQ;GAAE;;;;;;;;;GAQV;GAAQ;GAAE;;;;;;;;;GAQV;GAAa;GAAE;;;;;;;;;GAQf;GAAa;GAAE;;;;;;;;;GAQf;GAAc;GAAY;;;;;;;;;GAQ1B;GAAiB;GAAM;AAQrB,SAAO,OAAO,MAAM,QAAQ;;CAG9B,0BAGE;;AACA,UAAA,wBAEE,KAAK,0BAAA,QAAA,0BAAA,KAAA,IAAA,wBAEL,IAAI,MAAM,CAAC,KAAK,IAAI,IAAK,CAAC,KAAK,IAAI,GAAI;;CAkC3C,eACE,YACA,cACA,SACA,EAAE,IAAI,IAAI,IAAI,MACd;;AAEA,WAAA,uBACE,aAAa,YAAA,QAAA,yBAAA,KAAA,IAAA,KAAA,IAAA,qBAAQ,iBAAiB,MAAK,gBAC3C,aAAa,iBAAiB,WAAW,IACzC,aAAa,iBAAiB,SAAS;GAAC;GAAI;GAAI;GAAI;GAAG,CAAC;;;;;;;;;CAW5D,iBACE,WACA,cACA,SACoC;AACpC,SAAO,KAAK;;;;;;;;;CAUd,oBACE,WACA,cACA,SACkC;AAClC,SAAO,KAAK;;;;;;;;;;CAWd,kBACE,WACA,cACA,SACkC;AAClC,SAAO,KAAK;;;;;;;;;;;CAYd,mBACE,WACA,SACA,cACA,OACA;AACA,SAAO,QAAQ;;;;;;;;;CAUjB,cACE,WACA,SACA,cACA;AACA,SAAO,QAAQ;;;;;;;;CASjB,cAAc,cAAuC,YAAoB;;AACvE,UAAA,yBAAA,yBAAO,aAAa,yBAAA,QAAA,2BAAA,KAAA,IAAA,KAAA,IAAA,uBAAsB,iBAAA,QAAA,0BAAA,KAAA,IAAA,wBAAe,KAAK;;;;;;;CAQhE,cACE,YACA,MACA,cACA;AACA,OAAK,UAAU;;CAGjB,gBACE,KACA,aACA,cACA,gBACA;AACA,SAAO,IAAI,MACT,KAAK,IAAI,IAAI,IAAI,KAAK,SACtB,KAAK,IAAI,IAAI,IAAI,KAAK,QACvB,CAAC,UAAU,YAAY;;;;;;;;;;;CAY1B,iBACE,OACA,kBACA,SACA,SACA,SACA,cACA;EACA,MAAM,IAAI,6BAA6B;GACrC,sBAAsB,SAAS,QAAQ;GACvC,mBAAmB,EAAE,OAAO,CAAC;GAC7B,mBACG,UAAU,KAAK,aAAa,KAAK,UAAU,mBAC3C,UAAU,KAAK,aAAa,KAAK,UAAU,iBAC7C;GACF,CAAC;AACF,SAAO;GACL,IAAI,IAAI,MAAM,KAAM,IAAK,CAAC,UAAU,EAAE;GACtC,IAAI,IAAI,MAAM,IAAK,IAAK,CAAC,UAAU,EAAE;GACrC,IAAI,IAAI,MAAM,IAAK,GAAI,CAAC,UAAU,EAAE;GACpC,IAAI,IAAI,MAAM,KAAM,GAAI,CAAC,UAAU,EAAE;GACtC;;;;;;;;CASH,kBACE,KACA,MACA,KACA,cACA,gBAA+C,EAAE,EAOjD;EACA,MAAM,EAAE,YAAY,aAAa,oBAAoB,sBACjD,eACF,gBAAgB,cAAc,aAAa,YAC3C,QAAQ,KAAK,SAAS,eACtB,QAAQ,KAAK,SAAS,eACtB,cACE,OAAO,uBAAuB,cAC1B,qBACA,aAAa,oBACnB,SAAS,cAAc,SAAS,MAChC,cAAc,qBAAqB,aAAa,mBAChD,SAAS,CAAC,eAAe,CAAC,CAAC;AAC7B,MAAI,YAAY,eAAe,aAAa,eAAe;AAC3D,MAAI,cAAc,eAAe;AACjC,MAAI,UAAU,MAAM,IAAI;AAExB,MAAI,OAAO,iBAAiB,aAAa,eAAe,CAAC,CAAC;AAC1D,SAAO;GACL;GACA;GACA;GACA,oBAAoB;GACpB;GACD;;;;;;;;;;;;;;CAeH,OACE,KACA,MACA,KACA,eACA,cACA;AACA,kBAAgB,iBAAiB,EAAE;AACnC,UAAQ,cAAc,eAAe,aAAa,aAAlD;GACE,KAAK;AACH,wBAAoB,KAClB,MACA,KACA,MACA,KACA,eACA,aACD;AACD;GACF,QACE,qBAAoB,KAClB,MACA,KACA,MACA,KACA,eACA,aACD"}

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

@@ -1,35 +0,0 @@
-import type { TransformActionHandler } from '../EventTypeDefs';
-export declare const changeObjectDimensionGen: (dimension: "width" | "height", origin: "originX" | "originY", xorY: "x" | "y", scale: "scaleX" | "scaleY") => TransformActionHandler;
-/**
- * Action handler to change object's width
- * Needs to be wrapped with `wrapWithFixedAnchor` to be effective
- * You want to use this only if you are building a new control handler and you want
- * to reuse some logic. use "changeWidth" if you are looking to just use a control for width
- * @param {Event} eventData javascript event that is doing the transform
- * @param {Object} transform javascript object containing a series of information around the current transform
- * @param {number} x current mouse x position, canvas normalized
- * @param {number} y current mouse y position, canvas normalized
- * @return {Boolean} true if some change happened
- */
-export declare const changeObjectWidth: TransformActionHandler;
-/**
- * Action handler to change object's height
- * Needs to be wrapped with `wrapWithFixedAnchor` to be effective
- * You want to use this only if you are building a new control handler and you want
- * to reuse some logic. use "changeHeight" if you are looking to just use a control for height
- * @param {Event} eventData javascript event that is doing the transform
- * @param {Object} transform javascript object containing a series of information around the current transform
- * @param {number} x current mouse x position, canvas normalized
- * @param {number} y current mouse y position, canvas normalized
- * @return {Boolean} true if some change happened
- */
-export declare const changeObjectHeight: TransformActionHandler;
-/**
- * Control handler for changing width
- */
-export declare const changeWidth: TransformActionHandler<import("../EventTypeDefs").Transform>;
-/**
- * Control handler for changing height
- */
-export declare const changeHeight: TransformActionHandler<import("../EventTypeDefs").Transform>;
-//# sourceMappingURL=changeWidth.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"changeWidth.d.ts","sourceRoot":"","sources":["../../../src/controls/changeWidth.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAO/D,eAAO,MAAM,wBAAwB,GAEjC,WAAW,OAAO,GAAG,QAAQ,EAC7B,QAAQ,SAAS,GAAG,SAAS,EAC7B,MAAM,GAAG,GAAG,GAAG,EACf,OAAO,QAAQ,GAAG,QAAQ,KACzB,sBA8BF,CAAC;AAEJ;;;;;;;;;;GAUG;AACH,eAAO,MAAM,iBAAiB,EAAE,sBAC6B,CAAC;AAE9D;;;;;;;;;;GAUG;AACH,eAAO,MAAM,kBAAkB,EAAE,sBAC6B,CAAC;AAE/D;;GAEG;AACH,eAAO,MAAM,WAAW,8DAGvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,8DAGxB,CAAC"}

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

@@ -1,2 +0,0 @@
-import{RESIZING as e}from"../constants.min.mjs";import{resolveOrigin as t}from"../util/misc/resolveOrigin.min.mjs";import{getLocalPoint as n,isTransformCentered as r}from"./util.min.mjs";import{wrapWithFireEvent as i}from"./wrapWithFireEvent.min.mjs";import{wrapWithFixedAnchor as a}from"./wrapWithFixedAnchor.min.mjs";const o=(e,i,a,o)=>(s,c,l,u)=>{let d=n(c,c.originX,c.originY,l,u)[a],f=t(c[i]);if(f===0||f>0&&d<0||f<0&&d>0){let{target:t}=c,n=t.strokeWidth/(t.strokeUniform?t[o]:1),i=r(c)?2:1,a=t[e],s=Math.abs(d*i/t[o])-n;return t.set(e,Math.max(s,1)),a!==t[e]}return!1},s=o(`width`,`originX`,`x`,`scaleX`),c=o(`height`,`originY`,`y`,`scaleY`),l=i(e,a(s)),u=i(e,a(c));export{u as changeHeight,c as changeObjectHeight,s as changeObjectWidth,l as changeWidth};
-//# sourceMappingURL=changeWidth.min.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"changeWidth.min.mjs","names":[],"sources":["../../../src/controls/changeWidth.ts"],"sourcesContent":["import type { TransformActionHandler } from '../EventTypeDefs';\nimport { RESIZING } from '../constants';\nimport { resolveOrigin } from '../util/misc/resolveOrigin';\nimport { getLocalPoint, isTransformCentered } from './util';\nimport { wrapWithFireEvent } from './wrapWithFireEvent';\nimport { wrapWithFixedAnchor } from './wrapWithFixedAnchor';\n\nexport const changeObjectDimensionGen =\n  (\n    dimension: 'width' | 'height',\n    origin: 'originX' | 'originY',\n    xorY: 'x' | 'y',\n    scale: 'scaleX' | 'scaleY',\n  ): TransformActionHandler =>\n  (eventData, transform, x, y) => {\n    const localPoint = getLocalPoint(\n      transform,\n      transform.originX,\n      transform.originY,\n      x,\n      y,\n    );\n    const localPointValue = localPoint[xorY];\n    //  make sure the control changes width ONLY from it's side of target\n    const originValue = resolveOrigin(transform[origin]);\n    if (\n      originValue === 0 ||\n      (originValue > 0 && localPointValue < 0) ||\n      (originValue < 0 && localPointValue > 0)\n    ) {\n      const { target } = transform,\n        strokePadding =\n          target.strokeWidth / (target.strokeUniform ? target[scale] : 1),\n        multiplier = isTransformCentered(transform) ? 2 : 1,\n        oldWidth = target[dimension],\n        newWidth =\n          Math.abs((localPointValue * multiplier) / target[scale]) -\n          strokePadding;\n      target.set(dimension, Math.max(newWidth, 1));\n      //  check against actual target width in case `newWidth` was rejected\n      return oldWidth !== target[dimension];\n    }\n    return false;\n  };\n\n/**\n * Action handler to change object's width\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\n * You want to use this only if you are building a new control handler and you want\n * to reuse some logic. use \"changeWidth\" if you are looking to just use a control for width\n * @param {Event} eventData javascript event that is doing the transform\n * @param {Object} transform javascript object containing a series of information around the current transform\n * @param {number} x current mouse x position, canvas normalized\n * @param {number} y current mouse y position, canvas normalized\n * @return {Boolean} true if some change happened\n */\nexport const changeObjectWidth: TransformActionHandler =\n  changeObjectDimensionGen('width', 'originX', 'x', 'scaleX');\n\n/**\n * Action handler to change object's height\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\n * You want to use this only if you are building a new control handler and you want\n * to reuse some logic. use \"changeHeight\" if you are looking to just use a control for height\n * @param {Event} eventData javascript event that is doing the transform\n * @param {Object} transform javascript object containing a series of information around the current transform\n * @param {number} x current mouse x position, canvas normalized\n * @param {number} y current mouse y position, canvas normalized\n * @return {Boolean} true if some change happened\n */\nexport const changeObjectHeight: TransformActionHandler =\n  changeObjectDimensionGen('height', 'originY', 'y', 'scaleY');\n\n/**\n * Control handler for changing width\n */\nexport const changeWidth = wrapWithFireEvent(\n  RESIZING,\n  wrapWithFixedAnchor(changeObjectWidth),\n);\n\n/**\n * Control handler for changing height\n */\nexport const changeHeight = wrapWithFireEvent(\n  RESIZING,\n  wrapWithFixedAnchor(changeObjectHeight),\n);\n"],"mappings":"+TAOA,MAAa,GAET,EACA,EACA,EACA,KAED,EAAW,EAAW,EAAG,IAAA,CAQxB,IAAM,EAPa,EACjB,EACA,EAAU,QACV,EAAU,QACV,EACA,EAAA,CAEiC,GAE7B,EAAc,EAAc,EAAU,GAAA,CAC5C,GACE,IAAgB,GACf,EAAc,GAAK,EAAkB,GACrC,EAAc,GAAK,EAAkB,EACtC,CACA,GAAA,CAAM,OAAE,GAAW,EACjB,EACE,EAAO,aAAe,EAAO,cAAgB,EAAO,GAAS,GAC/D,EAAa,EAAoB,EAAA,CAAa,EAAI,EAClD,EAAW,EAAO,GAClB,EACE,KAAK,IAAK,EAAkB,EAAc,EAAO,GAAA,CACjD,EAGJ,OAFA,EAAO,IAAI,EAAW,KAAK,IAAI,EAAU,EAAA,CAAA,CAElC,IAAa,EAAO,GAE7B,MAAA,CAAO,GAcE,EACX,EAAyB,QAAS,UAAW,IAAK,SAAA,CAavC,EACX,EAAyB,SAAU,UAAW,IAAK,SAAA,CAKxC,EAAc,EACzB,EACA,EAAoB,EAAA,CAAA,CAMT,EAAe,EAC1B,EACA,EAAoB,EAAA,CAAA,CAAA,OAAA,KAAA,aAAA,KAAA,mBAAA,KAAA,kBAAA,KAAA"}

package/dist/src/controls/changeWidth.mjs

@@ -1,52 +0,0 @@
-import { RESIZING } from "../constants.mjs";
-import { resolveOrigin } from "../util/misc/resolveOrigin.mjs";
-import { getLocalPoint, isTransformCentered } from "./util.mjs";
-import { wrapWithFireEvent } from "./wrapWithFireEvent.mjs";
-import { wrapWithFixedAnchor } from "./wrapWithFixedAnchor.mjs";
-//#region src/controls/changeWidth.ts
-const changeObjectDimensionGen = (dimension, origin, xorY, scale) => (eventData, transform, x, y) => {
-	const localPointValue = getLocalPoint(transform, transform.originX, transform.originY, x, y)[xorY];
-	const originValue = resolveOrigin(transform[origin]);
-	if (originValue === 0 || originValue > 0 && localPointValue < 0 || originValue < 0 && localPointValue > 0) {
-		const { target } = transform, strokePadding = target.strokeWidth / (target.strokeUniform ? target[scale] : 1), multiplier = isTransformCentered(transform) ? 2 : 1, oldWidth = target[dimension], newWidth = Math.abs(localPointValue * multiplier / target[scale]) - strokePadding;
-		target.set(dimension, Math.max(newWidth, 1));
-		return oldWidth !== target[dimension];
-	}
-	return false;
-};
-/**
-* Action handler to change object's width
-* Needs to be wrapped with `wrapWithFixedAnchor` to be effective
-* You want to use this only if you are building a new control handler and you want
-* to reuse some logic. use "changeWidth" if you are looking to just use a control for width
-* @param {Event} eventData javascript event that is doing the transform
-* @param {Object} transform javascript object containing a series of information around the current transform
-* @param {number} x current mouse x position, canvas normalized
-* @param {number} y current mouse y position, canvas normalized
-* @return {Boolean} true if some change happened
-*/
-const changeObjectWidth = changeObjectDimensionGen("width", "originX", "x", "scaleX");
-/**
-* Action handler to change object's height
-* Needs to be wrapped with `wrapWithFixedAnchor` to be effective
-* You want to use this only if you are building a new control handler and you want
-* to reuse some logic. use "changeHeight" if you are looking to just use a control for height
-* @param {Event} eventData javascript event that is doing the transform
-* @param {Object} transform javascript object containing a series of information around the current transform
-* @param {number} x current mouse x position, canvas normalized
-* @param {number} y current mouse y position, canvas normalized
-* @return {Boolean} true if some change happened
-*/
-const changeObjectHeight = changeObjectDimensionGen("height", "originY", "y", "scaleY");
-/**
-* Control handler for changing width
-*/
-const changeWidth = wrapWithFireEvent(RESIZING, wrapWithFixedAnchor(changeObjectWidth));
-/**
-* Control handler for changing height
-*/
-const changeHeight = wrapWithFireEvent(RESIZING, wrapWithFixedAnchor(changeObjectHeight));
-//#endregion
-export { changeHeight, changeObjectHeight, changeObjectWidth, changeWidth };
-
-//# sourceMappingURL=changeWidth.mjs.map

package/dist/src/controls/changeWidth.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"changeWidth.mjs","names":[],"sources":["../../../src/controls/changeWidth.ts"],"sourcesContent":["import type { TransformActionHandler } from '../EventTypeDefs';\nimport { RESIZING } from '../constants';\nimport { resolveOrigin } from '../util/misc/resolveOrigin';\nimport { getLocalPoint, isTransformCentered } from './util';\nimport { wrapWithFireEvent } from './wrapWithFireEvent';\nimport { wrapWithFixedAnchor } from './wrapWithFixedAnchor';\n\nexport const changeObjectDimensionGen =\n  (\n    dimension: 'width' | 'height',\n    origin: 'originX' | 'originY',\n    xorY: 'x' | 'y',\n    scale: 'scaleX' | 'scaleY',\n  ): TransformActionHandler =>\n  (eventData, transform, x, y) => {\n    const localPoint = getLocalPoint(\n      transform,\n      transform.originX,\n      transform.originY,\n      x,\n      y,\n    );\n    const localPointValue = localPoint[xorY];\n    //  make sure the control changes width ONLY from it's side of target\n    const originValue = resolveOrigin(transform[origin]);\n    if (\n      originValue === 0 ||\n      (originValue > 0 && localPointValue < 0) ||\n      (originValue < 0 && localPointValue > 0)\n    ) {\n      const { target } = transform,\n        strokePadding =\n          target.strokeWidth / (target.strokeUniform ? target[scale] : 1),\n        multiplier = isTransformCentered(transform) ? 2 : 1,\n        oldWidth = target[dimension],\n        newWidth =\n          Math.abs((localPointValue * multiplier) / target[scale]) -\n          strokePadding;\n      target.set(dimension, Math.max(newWidth, 1));\n      //  check against actual target width in case `newWidth` was rejected\n      return oldWidth !== target[dimension];\n    }\n    return false;\n  };\n\n/**\n * Action handler to change object's width\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\n * You want to use this only if you are building a new control handler and you want\n * to reuse some logic. use \"changeWidth\" if you are looking to just use a control for width\n * @param {Event} eventData javascript event that is doing the transform\n * @param {Object} transform javascript object containing a series of information around the current transform\n * @param {number} x current mouse x position, canvas normalized\n * @param {number} y current mouse y position, canvas normalized\n * @return {Boolean} true if some change happened\n */\nexport const changeObjectWidth: TransformActionHandler =\n  changeObjectDimensionGen('width', 'originX', 'x', 'scaleX');\n\n/**\n * Action handler to change object's height\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\n * You want to use this only if you are building a new control handler and you want\n * to reuse some logic. use \"changeHeight\" if you are looking to just use a control for height\n * @param {Event} eventData javascript event that is doing the transform\n * @param {Object} transform javascript object containing a series of information around the current transform\n * @param {number} x current mouse x position, canvas normalized\n * @param {number} y current mouse y position, canvas normalized\n * @return {Boolean} true if some change happened\n */\nexport const changeObjectHeight: TransformActionHandler =\n  changeObjectDimensionGen('height', 'originY', 'y', 'scaleY');\n\n/**\n * Control handler for changing width\n */\nexport const changeWidth = wrapWithFireEvent(\n  RESIZING,\n  wrapWithFixedAnchor(changeObjectWidth),\n);\n\n/**\n * Control handler for changing height\n */\nexport const changeHeight = wrapWithFireEvent(\n  RESIZING,\n  wrapWithFixedAnchor(changeObjectHeight),\n);\n"],"mappings":";;;;;;AAOA,MAAa,4BAET,WACA,QACA,MACA,WAED,WAAW,WAAW,GAAG,MAAM;CAQ9B,MAAM,kBAPa,cACjB,WACA,UAAU,SACV,UAAU,SACV,GACA,EACD,CACkC;CAEnC,MAAM,cAAc,cAAc,UAAU,QAAQ;AACpD,KACE,gBAAgB,KACf,cAAc,KAAK,kBAAkB,KACrC,cAAc,KAAK,kBAAkB,GACtC;EACA,MAAM,EAAE,WAAW,WACjB,gBACE,OAAO,eAAe,OAAO,gBAAgB,OAAO,SAAS,IAC/D,aAAa,oBAAoB,UAAU,GAAG,IAAI,GAClD,WAAW,OAAO,YAClB,WACE,KAAK,IAAK,kBAAkB,aAAc,OAAO,OAAO,GACxD;AACJ,SAAO,IAAI,WAAW,KAAK,IAAI,UAAU,EAAE,CAAC;AAE5C,SAAO,aAAa,OAAO;;AAE7B,QAAO;;;;;;;;;;;;;AAcX,MAAa,oBACX,yBAAyB,SAAS,WAAW,KAAK,SAAS;;;;;;;;;;;;AAa7D,MAAa,qBACX,yBAAyB,UAAU,WAAW,KAAK,SAAS;;;;AAK9D,MAAa,cAAc,kBACzB,UACA,oBAAoB,kBAAkB,CACvC;;;;AAKD,MAAa,eAAe,kBAC1B,UACA,oBAAoB,mBAAmB,CACxC"}

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

@@ -1,28 +0,0 @@
-import { Control } from './Control';
-export declare const createObjectDefaultControls: () => {
-    ml: Control;
-    mr: Control;
-    mb: Control;
-    mt: Control;
-    tl: Control;
-    tr: Control;
-    bl: Control;
-    br: Control;
-    mtr: Control;
-};
-export declare const createResizeControls: () => {
-    mr: Control;
-    ml: Control;
-};
-export declare const createTextboxDefaultControls: () => {
-    mr: Control;
-    ml: Control;
-    mb: Control;
-    mt: Control;
-    tl: Control;
-    tr: Control;
-    bl: Control;
-    br: Control;
-    mtr: Control;
-};
-//# sourceMappingURL=commonControls.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"commonControls.d.ts","sourceRoot":"","sources":["../../../src/controls/commonControls.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAWpC,eAAO,MAAM,2BAA2B;;;;;;;;;;CAsEtC,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;CAe/B,CAAC;AAEH,eAAO,MAAM,4BAA4B;;;;;;;;;;CAGvC,CAAC"}

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

@@ -1,2 +0,0 @@
-import{RESIZING as e,ROTATE as t}from"../constants.min.mjs";import{changeWidth as n}from"./changeWidth.min.mjs";import{Control as r}from"./Control.min.mjs";import{rotationStyleHandler as i,rotationWithSnapping as a}from"./rotate.min.mjs";import{scaleCursorStyleHandler as o,scalingEqually as s}from"./scale.min.mjs";import{scaleOrSkewActionName as c,scaleSkewCursorStyleHandler as l,scalingXOrSkewingY as u,scalingYOrSkewingX as d}from"./scaleSkew.min.mjs";const f=()=>({ml:new r({x:-.5,y:0,cursorStyleHandler:l,actionHandler:u,getActionName:c}),mr:new r({x:.5,y:0,cursorStyleHandler:l,actionHandler:u,getActionName:c}),mb:new r({x:0,y:.5,cursorStyleHandler:l,actionHandler:d,getActionName:c}),mt:new r({x:0,y:-.5,cursorStyleHandler:l,actionHandler:d,getActionName:c}),tl:new r({x:-.5,y:-.5,cursorStyleHandler:o,actionHandler:s}),tr:new r({x:.5,y:-.5,cursorStyleHandler:o,actionHandler:s}),bl:new r({x:-.5,y:.5,cursorStyleHandler:o,actionHandler:s}),br:new r({x:.5,y:.5,cursorStyleHandler:o,actionHandler:s}),mtr:new r({x:0,y:-.5,actionHandler:a,cursorStyleHandler:i,offsetY:-40,withConnection:!0,actionName:t})}),p=()=>({mr:new r({x:.5,y:0,actionHandler:n,cursorStyleHandler:l,actionName:e}),ml:new r({x:-.5,y:0,actionHandler:n,cursorStyleHandler:l,actionName:e})}),m=()=>({...f(),...p()});export{f as createObjectDefaultControls,p as createResizeControls,m as createTextboxDefaultControls};
-//# sourceMappingURL=commonControls.min.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"commonControls.min.mjs","names":[],"sources":["../../../src/controls/commonControls.ts"],"sourcesContent":["import { RESIZING, ROTATE } from '../constants';\nimport { changeWidth } from './changeWidth';\nimport { Control } from './Control';\nimport { rotationStyleHandler, rotationWithSnapping } from './rotate';\nimport { scaleCursorStyleHandler, scalingEqually } from './scale';\nimport {\n  scaleOrSkewActionName,\n  scaleSkewCursorStyleHandler,\n  scalingXOrSkewingY,\n  scalingYOrSkewingX,\n} from './scaleSkew';\n\n// use this function if you want to generate new controls for every instance\nexport const createObjectDefaultControls = () => ({\n  ml: new Control({\n    x: -0.5,\n    y: 0,\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\n    actionHandler: scalingXOrSkewingY,\n    getActionName: scaleOrSkewActionName,\n  }),\n\n  mr: new Control({\n    x: 0.5,\n    y: 0,\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\n    actionHandler: scalingXOrSkewingY,\n    getActionName: scaleOrSkewActionName,\n  }),\n\n  mb: new Control({\n    x: 0,\n    y: 0.5,\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\n    actionHandler: scalingYOrSkewingX,\n    getActionName: scaleOrSkewActionName,\n  }),\n\n  mt: new Control({\n    x: 0,\n    y: -0.5,\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\n    actionHandler: scalingYOrSkewingX,\n    getActionName: scaleOrSkewActionName,\n  }),\n\n  tl: new Control({\n    x: -0.5,\n    y: -0.5,\n    cursorStyleHandler: scaleCursorStyleHandler,\n    actionHandler: scalingEqually,\n  }),\n\n  tr: new Control({\n    x: 0.5,\n    y: -0.5,\n    cursorStyleHandler: scaleCursorStyleHandler,\n    actionHandler: scalingEqually,\n  }),\n\n  bl: new Control({\n    x: -0.5,\n    y: 0.5,\n    cursorStyleHandler: scaleCursorStyleHandler,\n    actionHandler: scalingEqually,\n  }),\n\n  br: new Control({\n    x: 0.5,\n    y: 0.5,\n    cursorStyleHandler: scaleCursorStyleHandler,\n    actionHandler: scalingEqually,\n  }),\n\n  mtr: new Control({\n    x: 0,\n    y: -0.5,\n    actionHandler: rotationWithSnapping,\n    cursorStyleHandler: rotationStyleHandler,\n    offsetY: -40,\n    withConnection: true,\n    actionName: ROTATE,\n  }),\n});\n\nexport const createResizeControls = () => ({\n  mr: new Control({\n    x: 0.5,\n    y: 0,\n    actionHandler: changeWidth,\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\n    actionName: RESIZING,\n  }),\n  ml: new Control({\n    x: -0.5,\n    y: 0,\n    actionHandler: changeWidth,\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\n    actionName: RESIZING,\n  }),\n});\n\nexport const createTextboxDefaultControls = () => ({\n  ...createObjectDefaultControls(),\n  ...createResizeControls(),\n});\n"],"mappings":"ycAaA,MAAa,OAAA,CACX,GAAI,IAAI,EAAQ,CACd,EAAA,IACA,EAAG,EACH,mBAAoB,EACpB,cAAe,EACf,cAAe,EAAA,CAAA,CAGjB,GAAI,IAAI,EAAQ,CACd,EAAG,GACH,EAAG,EACH,mBAAoB,EACpB,cAAe,EACf,cAAe,EAAA,CAAA,CAGjB,GAAI,IAAI,EAAQ,CACd,EAAG,EACH,EAAG,GACH,mBAAoB,EACpB,cAAe,EACf,cAAe,EAAA,CAAA,CAGjB,GAAI,IAAI,EAAQ,CACd,EAAG,EACH,EAAA,IACA,mBAAoB,EACpB,cAAe,EACf,cAAe,EAAA,CAAA,CAGjB,GAAI,IAAI,EAAQ,CACd,EAAA,IACA,EAAA,IACA,mBAAoB,EACpB,cAAe,EAAA,CAAA,CAGjB,GAAI,IAAI,EAAQ,CACd,EAAG,GACH,EAAA,IACA,mBAAoB,EACpB,cAAe,EAAA,CAAA,CAGjB,GAAI,IAAI,EAAQ,CACd,EAAA,IACA,EAAG,GACH,mBAAoB,EACpB,cAAe,EAAA,CAAA,CAGjB,GAAI,IAAI,EAAQ,CACd,EAAG,GACH,EAAG,GACH,mBAAoB,EACpB,cAAe,EAAA,CAAA,CAGjB,IAAK,IAAI,EAAQ,CACf,EAAG,EACH,EAAA,IACA,cAAe,EACf,mBAAoB,EACpB,QAAA,IACA,eAAA,CAAgB,EAChB,WAAY,EAAA,CAAA,CAAA,EAIH,OAAA,CACX,GAAI,IAAI,EAAQ,CACd,EAAG,GACH,EAAG,EACH,cAAe,EACf,mBAAoB,EACpB,WAAY,EAAA,CAAA,CAEd,GAAI,IAAI,EAAQ,CACd,EAAA,IACA,EAAG,EACH,cAAe,EACf,mBAAoB,EACpB,WAAY,EAAA,CAAA,CAAA,EAIH,OAAA,CAAA,GACR,GAAA,CAAA,GACA,GAAA,CAAA,EAAA,OAAA,KAAA,4BAAA,KAAA,qBAAA,KAAA"}

package/dist/src/controls/commonControls.mjs

@@ -1,94 +0,0 @@
-import { RESIZING, ROTATE } from "../constants.mjs";
-import { changeWidth } from "./changeWidth.mjs";
-import { Control } from "./Control.mjs";
-import { rotationStyleHandler, rotationWithSnapping } from "./rotate.mjs";
-import { scaleCursorStyleHandler, scalingEqually } from "./scale.mjs";
-import { scaleOrSkewActionName, scaleSkewCursorStyleHandler, scalingXOrSkewingY, scalingYOrSkewingX } from "./scaleSkew.mjs";
-//#region src/controls/commonControls.ts
-const createObjectDefaultControls = () => ({
-	ml: new Control({
-		x: -.5,
-		y: 0,
-		cursorStyleHandler: scaleSkewCursorStyleHandler,
-		actionHandler: scalingXOrSkewingY,
-		getActionName: scaleOrSkewActionName
-	}),
-	mr: new Control({
-		x: .5,
-		y: 0,
-		cursorStyleHandler: scaleSkewCursorStyleHandler,
-		actionHandler: scalingXOrSkewingY,
-		getActionName: scaleOrSkewActionName
-	}),
-	mb: new Control({
-		x: 0,
-		y: .5,
-		cursorStyleHandler: scaleSkewCursorStyleHandler,
-		actionHandler: scalingYOrSkewingX,
-		getActionName: scaleOrSkewActionName
-	}),
-	mt: new Control({
-		x: 0,
-		y: -.5,
-		cursorStyleHandler: scaleSkewCursorStyleHandler,
-		actionHandler: scalingYOrSkewingX,
-		getActionName: scaleOrSkewActionName
-	}),
-	tl: new Control({
-		x: -.5,
-		y: -.5,
-		cursorStyleHandler: scaleCursorStyleHandler,
-		actionHandler: scalingEqually
-	}),
-	tr: new Control({
-		x: .5,
-		y: -.5,
-		cursorStyleHandler: scaleCursorStyleHandler,
-		actionHandler: scalingEqually
-	}),
-	bl: new Control({
-		x: -.5,
-		y: .5,
-		cursorStyleHandler: scaleCursorStyleHandler,
-		actionHandler: scalingEqually
-	}),
-	br: new Control({
-		x: .5,
-		y: .5,
-		cursorStyleHandler: scaleCursorStyleHandler,
-		actionHandler: scalingEqually
-	}),
-	mtr: new Control({
-		x: 0,
-		y: -.5,
-		actionHandler: rotationWithSnapping,
-		cursorStyleHandler: rotationStyleHandler,
-		offsetY: -40,
-		withConnection: true,
-		actionName: ROTATE
-	})
-});
-const createResizeControls = () => ({
-	mr: new Control({
-		x: .5,
-		y: 0,
-		actionHandler: changeWidth,
-		cursorStyleHandler: scaleSkewCursorStyleHandler,
-		actionName: RESIZING
-	}),
-	ml: new Control({
-		x: -.5,
-		y: 0,
-		actionHandler: changeWidth,
-		cursorStyleHandler: scaleSkewCursorStyleHandler,
-		actionName: RESIZING
-	})
-});
-const createTextboxDefaultControls = () => ({
-	...createObjectDefaultControls(),
-	...createResizeControls()
-});
-//#endregion
-export { createObjectDefaultControls, createResizeControls, createTextboxDefaultControls };
-
-//# sourceMappingURL=commonControls.mjs.map

package/dist/src/controls/commonControls.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"commonControls.mjs","names":[],"sources":["../../../src/controls/commonControls.ts"],"sourcesContent":["import { RESIZING, ROTATE } from '../constants';\nimport { changeWidth } from './changeWidth';\nimport { Control } from './Control';\nimport { rotationStyleHandler, rotationWithSnapping } from './rotate';\nimport { scaleCursorStyleHandler, scalingEqually } from './scale';\nimport {\n  scaleOrSkewActionName,\n  scaleSkewCursorStyleHandler,\n  scalingXOrSkewingY,\n  scalingYOrSkewingX,\n} from './scaleSkew';\n\n// use this function if you want to generate new controls for every instance\nexport const createObjectDefaultControls = () => ({\n  ml: new Control({\n    x: -0.5,\n    y: 0,\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\n    actionHandler: scalingXOrSkewingY,\n    getActionName: scaleOrSkewActionName,\n  }),\n\n  mr: new Control({\n    x: 0.5,\n    y: 0,\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\n    actionHandler: scalingXOrSkewingY,\n    getActionName: scaleOrSkewActionName,\n  }),\n\n  mb: new Control({\n    x: 0,\n    y: 0.5,\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\n    actionHandler: scalingYOrSkewingX,\n    getActionName: scaleOrSkewActionName,\n  }),\n\n  mt: new Control({\n    x: 0,\n    y: -0.5,\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\n    actionHandler: scalingYOrSkewingX,\n    getActionName: scaleOrSkewActionName,\n  }),\n\n  tl: new Control({\n    x: -0.5,\n    y: -0.5,\n    cursorStyleHandler: scaleCursorStyleHandler,\n    actionHandler: scalingEqually,\n  }),\n\n  tr: new Control({\n    x: 0.5,\n    y: -0.5,\n    cursorStyleHandler: scaleCursorStyleHandler,\n    actionHandler: scalingEqually,\n  }),\n\n  bl: new Control({\n    x: -0.5,\n    y: 0.5,\n    cursorStyleHandler: scaleCursorStyleHandler,\n    actionHandler: scalingEqually,\n  }),\n\n  br: new Control({\n    x: 0.5,\n    y: 0.5,\n    cursorStyleHandler: scaleCursorStyleHandler,\n    actionHandler: scalingEqually,\n  }),\n\n  mtr: new Control({\n    x: 0,\n    y: -0.5,\n    actionHandler: rotationWithSnapping,\n    cursorStyleHandler: rotationStyleHandler,\n    offsetY: -40,\n    withConnection: true,\n    actionName: ROTATE,\n  }),\n});\n\nexport const createResizeControls = () => ({\n  mr: new Control({\n    x: 0.5,\n    y: 0,\n    actionHandler: changeWidth,\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\n    actionName: RESIZING,\n  }),\n  ml: new Control({\n    x: -0.5,\n    y: 0,\n    actionHandler: changeWidth,\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\n    actionName: RESIZING,\n  }),\n});\n\nexport const createTextboxDefaultControls = () => ({\n  ...createObjectDefaultControls(),\n  ...createResizeControls(),\n});\n"],"mappings":";;;;;;;AAaA,MAAa,qCAAqC;CAChD,IAAI,IAAI,QAAQ;EACd,GAAG;EACH,GAAG;EACH,oBAAoB;EACpB,eAAe;EACf,eAAe;EAChB,CAAC;CAEF,IAAI,IAAI,QAAQ;EACd,GAAG;EACH,GAAG;EACH,oBAAoB;EACpB,eAAe;EACf,eAAe;EAChB,CAAC;CAEF,IAAI,IAAI,QAAQ;EACd,GAAG;EACH,GAAG;EACH,oBAAoB;EACpB,eAAe;EACf,eAAe;EAChB,CAAC;CAEF,IAAI,IAAI,QAAQ;EACd,GAAG;EACH,GAAG;EACH,oBAAoB;EACpB,eAAe;EACf,eAAe;EAChB,CAAC;CAEF,IAAI,IAAI,QAAQ;EACd,GAAG;EACH,GAAG;EACH,oBAAoB;EACpB,eAAe;EAChB,CAAC;CAEF,IAAI,IAAI,QAAQ;EACd,GAAG;EACH,GAAG;EACH,oBAAoB;EACpB,eAAe;EAChB,CAAC;CAEF,IAAI,IAAI,QAAQ;EACd,GAAG;EACH,GAAG;EACH,oBAAoB;EACpB,eAAe;EAChB,CAAC;CAEF,IAAI,IAAI,QAAQ;EACd,GAAG;EACH,GAAG;EACH,oBAAoB;EACpB,eAAe;EAChB,CAAC;CAEF,KAAK,IAAI,QAAQ;EACf,GAAG;EACH,GAAG;EACH,eAAe;EACf,oBAAoB;EACpB,SAAS;EACT,gBAAgB;EAChB,YAAY;EACb,CAAC;CACH;AAED,MAAa,8BAA8B;CACzC,IAAI,IAAI,QAAQ;EACd,GAAG;EACH,GAAG;EACH,eAAe;EACf,oBAAoB;EACpB,YAAY;EACb,CAAC;CACF,IAAI,IAAI,QAAQ;EACd,GAAG;EACH,GAAG;EACH,eAAe;EACf,oBAAoB;EACpB,YAAY;EACb,CAAC;CACH;AAED,MAAa,sCAAsC;CACjD,GAAG,6BAA6B;CAChC,GAAG,sBAAsB;CAC1B"}

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

@@ -1,29 +0,0 @@
-import type { InteractiveFabricObject } from '../shapes/Object/InteractiveObject';
-import type { Control } from './Control';
-export type ControlRenderingStyleOverride = Partial<Pick<InteractiveFabricObject, 'cornerStyle' | 'cornerSize' | 'cornerColor' | 'cornerStrokeColor' | 'cornerDashArray' | 'transparentCorners'>>;
-export type ControlRenderer<O extends InteractiveFabricObject = InteractiveFabricObject> = (ctx: CanvasRenderingContext2D, left: number, top: number, styleOverride: ControlRenderingStyleOverride, fabricObject: O) => void;
-/**
- * Render a round control, as per fabric features.
- * This function is written to respect object properties like transparentCorners, cornerSize
- * cornerColor, cornerStrokeColor
- * plus the addition of offsetY and offsetX.
- * @param {CanvasRenderingContext2D} ctx context to render on
- * @param {Number} left x coordinate where the control center should be
- * @param {Number} top y coordinate where the control center should be
- * @param {Object} styleOverride override for FabricObject controls style
- * @param {FabricObject} fabricObject the fabric object for which we are rendering controls
- */
-export declare function renderCircleControl(this: Control, ctx: CanvasRenderingContext2D, left: number, top: number, styleOverride: ControlRenderingStyleOverride, fabricObject: InteractiveFabricObject): void;
-/**
- * Render a square control, as per fabric features.
- * This function is written to respect object properties like transparentCorners, cornerSize
- * cornerColor, cornerStrokeColor
- * plus the addition of offsetY and offsetX.
- * @param {CanvasRenderingContext2D} ctx context to render on
- * @param {Number} left x coordinate where the control center should be
- * @param {Number} top y coordinate where the control center should be
- * @param {Object} styleOverride override for FabricObject controls style
- * @param {FabricObject} fabricObject the fabric object for which we are rendering controls
- */
-export declare function renderSquareControl(this: Control, ctx: CanvasRenderingContext2D, left: number, top: number, styleOverride: ControlRenderingStyleOverride, fabricObject: InteractiveFabricObject): void;
-//# sourceMappingURL=controlRendering.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"controlRendering.d.ts","sourceRoot":"","sources":["../../../src/controls/controlRendering.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAClF,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEzC,MAAM,MAAM,6BAA6B,GAAG,OAAO,CACjD,IAAI,CACF,uBAAuB,EACrB,aAAa,GACb,YAAY,GACZ,aAAa,GACb,mBAAmB,GACnB,iBAAiB,GACjB,oBAAoB,CACvB,CACF,CAAC;AAEF,MAAM,MAAM,eAAe,CACzB,CAAC,SAAS,uBAAuB,GAAG,uBAAuB,IACzD,CACF,GAAG,EAAE,wBAAwB,EAC7B,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,EACX,aAAa,EAAE,6BAA6B,EAC5C,YAAY,EAAE,CAAC,KACZ,IAAI,CAAC;AAEV;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,OAAO,EACb,GAAG,EAAE,wBAAwB,EAC7B,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,EACX,aAAa,EAAE,6BAA6B,EAC5C,YAAY,EAAE,uBAAuB,QAyBtC;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,OAAO,EACb,GAAG,EAAE,wBAAwB,EAC7B,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,EACX,aAAa,EAAE,6BAA6B,EAC5C,YAAY,EAAE,uBAAuB,QAoBtC"}

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

@@ -1,2 +0,0 @@
-import{twoMathPi as e}from"../constants.min.mjs";function t(t,n,r,i,a){t.save();let{stroke:o,xSize:s,ySize:c,opName:l}=this.commonRenderProps(t,n,r,a,i),u=s;s>c?t.scale(1,c/s):c>s&&(u=c,t.scale(s/c,1)),t.beginPath(),t.arc(0,0,u/2,0,e,!1),t[l](),o&&t.stroke(),t.restore()}function n(e,t,n,r,i){e.save();let{stroke:a,xSize:o,ySize:s,opName:c}=this.commonRenderProps(e,t,n,i,r),l=o/2,u=s/2;e[`${c}Rect`](-l,-u,o,s),a&&e.strokeRect(-l,-u,o,s),e.restore()}export{t as renderCircleControl,n as renderSquareControl};
-//# sourceMappingURL=controlRendering.min.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"controlRendering.min.mjs","names":[],"sources":["../../../src/controls/controlRendering.ts"],"sourcesContent":["import { twoMathPi } from '../constants';\nimport type { InteractiveFabricObject } from '../shapes/Object/InteractiveObject';\nimport type { Control } from './Control';\n\nexport type ControlRenderingStyleOverride = Partial<\n  Pick<\n    InteractiveFabricObject,\n    | 'cornerStyle'\n    | 'cornerSize'\n    | 'cornerColor'\n    | 'cornerStrokeColor'\n    | 'cornerDashArray'\n    | 'transparentCorners'\n  >\n>;\n\nexport type ControlRenderer<\n  O extends InteractiveFabricObject = InteractiveFabricObject,\n> = (\n  ctx: CanvasRenderingContext2D,\n  left: number,\n  top: number,\n  styleOverride: ControlRenderingStyleOverride,\n  fabricObject: O,\n) => void;\n\n/**\n * Render a round control, as per fabric features.\n * This function is written to respect object properties like transparentCorners, cornerSize\n * cornerColor, cornerStrokeColor\n * plus the addition of offsetY and offsetX.\n * @param {CanvasRenderingContext2D} ctx context to render on\n * @param {Number} left x coordinate where the control center should be\n * @param {Number} top y coordinate where the control center should be\n * @param {Object} styleOverride override for FabricObject controls style\n * @param {FabricObject} fabricObject the fabric object for which we are rendering controls\n */\nexport function renderCircleControl(\n  this: Control,\n  ctx: CanvasRenderingContext2D,\n  left: number,\n  top: number,\n  styleOverride: ControlRenderingStyleOverride,\n  fabricObject: InteractiveFabricObject,\n) {\n  ctx.save();\n  const { stroke, xSize, ySize, opName } = this.commonRenderProps(\n    ctx,\n    left,\n    top,\n    fabricObject,\n    styleOverride,\n  );\n  let size = xSize;\n  // TODO: use proper ellipse code.\n  if (xSize > ySize) {\n    ctx.scale(1.0, ySize / xSize);\n  } else if (ySize > xSize) {\n    size = ySize;\n    ctx.scale(xSize / ySize, 1.0);\n  }\n  ctx.beginPath();\n  ctx.arc(0, 0, size / 2, 0, twoMathPi, false);\n  ctx[opName]();\n  if (stroke) {\n    ctx.stroke();\n  }\n  ctx.restore();\n}\n\n/**\n * Render a square control, as per fabric features.\n * This function is written to respect object properties like transparentCorners, cornerSize\n * cornerColor, cornerStrokeColor\n * plus the addition of offsetY and offsetX.\n * @param {CanvasRenderingContext2D} ctx context to render on\n * @param {Number} left x coordinate where the control center should be\n * @param {Number} top y coordinate where the control center should be\n * @param {Object} styleOverride override for FabricObject controls style\n * @param {FabricObject} fabricObject the fabric object for which we are rendering controls\n */\nexport function renderSquareControl(\n  this: Control,\n  ctx: CanvasRenderingContext2D,\n  left: number,\n  top: number,\n  styleOverride: ControlRenderingStyleOverride,\n  fabricObject: InteractiveFabricObject,\n) {\n  ctx.save();\n  const { stroke, xSize, ySize, opName } = this.commonRenderProps(\n      ctx,\n      left,\n      top,\n      fabricObject,\n      styleOverride,\n    ),\n    xSizeBy2 = xSize / 2,\n    ySizeBy2 = ySize / 2;\n  // this does not work, and fixed with ( && ) does not make sense.\n  // to have real transparent corners we need the controls on upperCanvas\n  // transparentCorners || ctx.clearRect(-xSizeBy2, -ySizeBy2, xSize, ySize);\n  ctx[`${opName}Rect`](-xSizeBy2, -ySizeBy2, xSize, ySize);\n  if (stroke) {\n    ctx.strokeRect(-xSizeBy2, -ySizeBy2, xSize, ySize);\n  }\n  ctx.restore();\n}\n"],"mappings":"iDAqCA,SAAgB,EAEd,EACA,EACA,EACA,EACA,EAAA,CAEA,EAAI,MAAA,CACJ,GAAA,CAAM,OAAE,EAAA,MAAQ,EAAA,MAAO,EAAA,OAAO,GAAW,KAAK,kBAC5C,EACA,EACA,EACA,EACA,EAAA,CAEE,EAAO,EAEP,EAAQ,EACV,EAAI,MAAM,EAAK,EAAQ,EAAA,CACd,EAAQ,IACjB,EAAO,EACP,EAAI,MAAM,EAAQ,EAAO,EAAA,EAE3B,EAAI,WAAA,CACJ,EAAI,IAAI,EAAG,EAAG,EAAO,EAAG,EAAG,EAAA,CAAW,EAAA,CACtC,EAAI,IAAA,CACA,GACF,EAAI,QAAA,CAEN,EAAI,SAAA,CAcN,SAAgB,EAEd,EACA,EACA,EACA,EACA,EAAA,CAEA,EAAI,MAAA,CACJ,GAAA,CAAM,OAAE,EAAA,MAAQ,EAAA,MAAO,EAAA,OAAO,GAAW,KAAK,kBAC1C,EACA,EACA,EACA,EACA,EAAA,CAEF,EAAW,EAAQ,EACnB,EAAW,EAAQ,EAIrB,EAAI,GAAG,EAAA,OAAA,CAAe,EAAA,CAAW,EAAU,EAAO,EAAA,CAC9C,GACF,EAAI,WAAA,CAAY,EAAA,CAAW,EAAU,EAAO,EAAA,CAE9C,EAAI,SAAA,CAAA,OAAA,KAAA,oBAAA,KAAA"}

package/dist/src/controls/controlRendering.mjs

@@ -1,50 +0,0 @@
-import { twoMathPi } from "../constants.mjs";
-//#region src/controls/controlRendering.ts
-/**
-* Render a round control, as per fabric features.
-* This function is written to respect object properties like transparentCorners, cornerSize
-* cornerColor, cornerStrokeColor
-* plus the addition of offsetY and offsetX.
-* @param {CanvasRenderingContext2D} ctx context to render on
-* @param {Number} left x coordinate where the control center should be
-* @param {Number} top y coordinate where the control center should be
-* @param {Object} styleOverride override for FabricObject controls style
-* @param {FabricObject} fabricObject the fabric object for which we are rendering controls
-*/
-function renderCircleControl(ctx, left, top, styleOverride, fabricObject) {
-	ctx.save();
-	const { stroke, xSize, ySize, opName } = this.commonRenderProps(ctx, left, top, fabricObject, styleOverride);
-	let size = xSize;
-	if (xSize > ySize) ctx.scale(1, ySize / xSize);
-	else if (ySize > xSize) {
-		size = ySize;
-		ctx.scale(xSize / ySize, 1);
-	}
-	ctx.beginPath();
-	ctx.arc(0, 0, size / 2, 0, twoMathPi, false);
-	ctx[opName]();
-	if (stroke) ctx.stroke();
-	ctx.restore();
-}
-/**
-* Render a square control, as per fabric features.
-* This function is written to respect object properties like transparentCorners, cornerSize
-* cornerColor, cornerStrokeColor
-* plus the addition of offsetY and offsetX.
-* @param {CanvasRenderingContext2D} ctx context to render on
-* @param {Number} left x coordinate where the control center should be
-* @param {Number} top y coordinate where the control center should be
-* @param {Object} styleOverride override for FabricObject controls style
-* @param {FabricObject} fabricObject the fabric object for which we are rendering controls
-*/
-function renderSquareControl(ctx, left, top, styleOverride, fabricObject) {
-	ctx.save();
-	const { stroke, xSize, ySize, opName } = this.commonRenderProps(ctx, left, top, fabricObject, styleOverride), xSizeBy2 = xSize / 2, ySizeBy2 = ySize / 2;
-	ctx[`${opName}Rect`](-xSizeBy2, -ySizeBy2, xSize, ySize);
-	if (stroke) ctx.strokeRect(-xSizeBy2, -ySizeBy2, xSize, ySize);
-	ctx.restore();
-}
-//#endregion
-export { renderCircleControl, renderSquareControl };
-
-//# sourceMappingURL=controlRendering.mjs.map

package/dist/src/controls/controlRendering.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"controlRendering.mjs","names":[],"sources":["../../../src/controls/controlRendering.ts"],"sourcesContent":["import { twoMathPi } from '../constants';\nimport type { InteractiveFabricObject } from '../shapes/Object/InteractiveObject';\nimport type { Control } from './Control';\n\nexport type ControlRenderingStyleOverride = Partial<\n  Pick<\n    InteractiveFabricObject,\n    | 'cornerStyle'\n    | 'cornerSize'\n    | 'cornerColor'\n    | 'cornerStrokeColor'\n    | 'cornerDashArray'\n    | 'transparentCorners'\n  >\n>;\n\nexport type ControlRenderer<\n  O extends InteractiveFabricObject = InteractiveFabricObject,\n> = (\n  ctx: CanvasRenderingContext2D,\n  left: number,\n  top: number,\n  styleOverride: ControlRenderingStyleOverride,\n  fabricObject: O,\n) => void;\n\n/**\n * Render a round control, as per fabric features.\n * This function is written to respect object properties like transparentCorners, cornerSize\n * cornerColor, cornerStrokeColor\n * plus the addition of offsetY and offsetX.\n * @param {CanvasRenderingContext2D} ctx context to render on\n * @param {Number} left x coordinate where the control center should be\n * @param {Number} top y coordinate where the control center should be\n * @param {Object} styleOverride override for FabricObject controls style\n * @param {FabricObject} fabricObject the fabric object for which we are rendering controls\n */\nexport function renderCircleControl(\n  this: Control,\n  ctx: CanvasRenderingContext2D,\n  left: number,\n  top: number,\n  styleOverride: ControlRenderingStyleOverride,\n  fabricObject: InteractiveFabricObject,\n) {\n  ctx.save();\n  const { stroke, xSize, ySize, opName } = this.commonRenderProps(\n    ctx,\n    left,\n    top,\n    fabricObject,\n    styleOverride,\n  );\n  let size = xSize;\n  // TODO: use proper ellipse code.\n  if (xSize > ySize) {\n    ctx.scale(1.0, ySize / xSize);\n  } else if (ySize > xSize) {\n    size = ySize;\n    ctx.scale(xSize / ySize, 1.0);\n  }\n  ctx.beginPath();\n  ctx.arc(0, 0, size / 2, 0, twoMathPi, false);\n  ctx[opName]();\n  if (stroke) {\n    ctx.stroke();\n  }\n  ctx.restore();\n}\n\n/**\n * Render a square control, as per fabric features.\n * This function is written to respect object properties like transparentCorners, cornerSize\n * cornerColor, cornerStrokeColor\n * plus the addition of offsetY and offsetX.\n * @param {CanvasRenderingContext2D} ctx context to render on\n * @param {Number} left x coordinate where the control center should be\n * @param {Number} top y coordinate where the control center should be\n * @param {Object} styleOverride override for FabricObject controls style\n * @param {FabricObject} fabricObject the fabric object for which we are rendering controls\n */\nexport function renderSquareControl(\n  this: Control,\n  ctx: CanvasRenderingContext2D,\n  left: number,\n  top: number,\n  styleOverride: ControlRenderingStyleOverride,\n  fabricObject: InteractiveFabricObject,\n) {\n  ctx.save();\n  const { stroke, xSize, ySize, opName } = this.commonRenderProps(\n      ctx,\n      left,\n      top,\n      fabricObject,\n      styleOverride,\n    ),\n    xSizeBy2 = xSize / 2,\n    ySizeBy2 = ySize / 2;\n  // this does not work, and fixed with ( && ) does not make sense.\n  // to have real transparent corners we need the controls on upperCanvas\n  // transparentCorners || ctx.clearRect(-xSizeBy2, -ySizeBy2, xSize, ySize);\n  ctx[`${opName}Rect`](-xSizeBy2, -ySizeBy2, xSize, ySize);\n  if (stroke) {\n    ctx.strokeRect(-xSizeBy2, -ySizeBy2, xSize, ySize);\n  }\n  ctx.restore();\n}\n"],"mappings":";;;;;;;;;;;;;AAqCA,SAAgB,oBAEd,KACA,MACA,KACA,eACA,cACA;AACA,KAAI,MAAM;CACV,MAAM,EAAE,QAAQ,OAAO,OAAO,WAAW,KAAK,kBAC5C,KACA,MACA,KACA,cACA,cACD;CACD,IAAI,OAAO;AAEX,KAAI,QAAQ,MACV,KAAI,MAAM,GAAK,QAAQ,MAAM;UACpB,QAAQ,OAAO;AACxB,SAAO;AACP,MAAI,MAAM,QAAQ,OAAO,EAAI;;AAE/B,KAAI,WAAW;AACf,KAAI,IAAI,GAAG,GAAG,OAAO,GAAG,GAAG,WAAW,MAAM;AAC5C,KAAI,SAAS;AACb,KAAI,OACF,KAAI,QAAQ;AAEd,KAAI,SAAS;;;;;;;;;;;;;AAcf,SAAgB,oBAEd,KACA,MACA,KACA,eACA,cACA;AACA,KAAI,MAAM;CACV,MAAM,EAAE,QAAQ,OAAO,OAAO,WAAW,KAAK,kBAC1C,KACA,MACA,KACA,cACA,cACD,EACD,WAAW,QAAQ,GACnB,WAAW,QAAQ;AAIrB,KAAI,GAAG,OAAO,OAAO,CAAC,UAAU,CAAC,UAAU,OAAO,MAAM;AACxD,KAAI,OACF,KAAI,WAAW,CAAC,UAAU,CAAC,UAAU,OAAO,MAAM;AAEpD,KAAI,SAAS"}

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

@@ -1,12 +0,0 @@
-import type { TransformActionHandler } from '../EventTypeDefs';
-/**
- * Action handler
- * @private
- * @param {Event} eventData javascript event that is doing the transform
- * @param {Object} transform javascript object containing a series of information around the current transform
- * @param {number} x current mouse x position, canvas normalized
- * @param {number} y current mouse y position, canvas normalized
- * @return {Boolean} true if the translation occurred
- */
-export declare const dragHandler: TransformActionHandler;
-//# sourceMappingURL=drag.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"drag.d.ts","sourceRoot":"","sources":["../../../src/controls/drag.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAK/D;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW,EAAE,sBAiBzB,CAAC"}

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

@@ -1,2 +0,0 @@
-import{MOVING as e}from"../constants.min.mjs";import{commonEventInfo as t,isLocked as n}from"./util.min.mjs";import{fireEvent as r}from"./fireEvent.min.mjs";const i=(i,a,o,s)=>{let{target:c,offsetX:l,offsetY:u}=a,d=o-l,f=s-u,p=!n(c,`lockMovementX`)&&c.left!==d,m=!n(c,`lockMovementY`)&&c.top!==f;return p&&c.set(`left`,d),m&&c.set(`top`,f),(p||m)&&r(e,t(i,a,o,s)),p||m};export{i as dragHandler};
-//# sourceMappingURL=drag.min.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"drag.min.mjs","names":[],"sources":["../../../src/controls/drag.ts"],"sourcesContent":["import type { TransformActionHandler } from '../EventTypeDefs';\nimport { LEFT, TOP, MOVING } from '../constants';\nimport { fireEvent } from './fireEvent';\nimport { commonEventInfo, isLocked } from './util';\n\n/**\n * Action handler\n * @private\n * @param {Event} eventData javascript event that is doing the transform\n * @param {Object} transform javascript object containing a series of information around the current transform\n * @param {number} x current mouse x position, canvas normalized\n * @param {number} y current mouse y position, canvas normalized\n * @return {Boolean} true if the translation occurred\n */\nexport const dragHandler: TransformActionHandler = (\n  eventData,\n  transform,\n  x,\n  y,\n) => {\n  const { target, offsetX, offsetY } = transform,\n    newLeft = x - offsetX,\n    newTop = y - offsetY,\n    moveX = !isLocked(target, 'lockMovementX') && target.left !== newLeft,\n    moveY = !isLocked(target, 'lockMovementY') && target.top !== newTop;\n  moveX && target.set(LEFT, newLeft);\n  moveY && target.set(TOP, newTop);\n  if (moveX || moveY) {\n    fireEvent(MOVING, commonEventInfo(eventData, transform, x, y));\n  }\n  return moveX || moveY;\n};\n"],"mappings":"6JAcA,MAAa,GACX,EACA,EACA,EACA,IAAA,CAEA,GAAA,CAAM,OAAE,EAAA,QAAQ,EAAA,QAAS,GAAY,EACnC,EAAU,EAAI,EACd,EAAS,EAAI,EACb,EAAA,CAAS,EAAS,EAAQ,gBAAA,EAAoB,EAAO,OAAS,EAC9D,EAAA,CAAS,EAAS,EAAQ,gBAAA,EAAoB,EAAO,MAAQ,EAM/D,OALA,GAAS,EAAO,IAAA,OAAU,EAAA,CAC1B,GAAS,EAAO,IAAA,MAAS,EAAA,EACrB,GAAS,IACX,EAAU,EAAQ,EAAgB,EAAW,EAAW,EAAG,EAAA,CAAA,CAEtD,GAAS,GAAA,OAAA,KAAA"}

package/dist/src/controls/drag.mjs

@@ -1,24 +0,0 @@
-import { MOVING } from "../constants.mjs";
-import { commonEventInfo, isLocked } from "./util.mjs";
-import { fireEvent } from "./fireEvent.mjs";
-//#region src/controls/drag.ts
-/**
-* Action handler
-* @private
-* @param {Event} eventData javascript event that is doing the transform
-* @param {Object} transform javascript object containing a series of information around the current transform
-* @param {number} x current mouse x position, canvas normalized
-* @param {number} y current mouse y position, canvas normalized
-* @return {Boolean} true if the translation occurred
-*/
-const dragHandler = (eventData, transform, x, y) => {
-	const { target, offsetX, offsetY } = transform, newLeft = x - offsetX, newTop = y - offsetY, moveX = !isLocked(target, "lockMovementX") && target.left !== newLeft, moveY = !isLocked(target, "lockMovementY") && target.top !== newTop;
-	moveX && target.set("left", newLeft);
-	moveY && target.set("top", newTop);
-	if (moveX || moveY) fireEvent(MOVING, commonEventInfo(eventData, transform, x, y));
-	return moveX || moveY;
-};
-//#endregion
-export { dragHandler };
-
-//# sourceMappingURL=drag.mjs.map

package/dist/src/controls/drag.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"drag.mjs","names":[],"sources":["../../../src/controls/drag.ts"],"sourcesContent":["import type { TransformActionHandler } from '../EventTypeDefs';\nimport { LEFT, TOP, MOVING } from '../constants';\nimport { fireEvent } from './fireEvent';\nimport { commonEventInfo, isLocked } from './util';\n\n/**\n * Action handler\n * @private\n * @param {Event} eventData javascript event that is doing the transform\n * @param {Object} transform javascript object containing a series of information around the current transform\n * @param {number} x current mouse x position, canvas normalized\n * @param {number} y current mouse y position, canvas normalized\n * @return {Boolean} true if the translation occurred\n */\nexport const dragHandler: TransformActionHandler = (\n  eventData,\n  transform,\n  x,\n  y,\n) => {\n  const { target, offsetX, offsetY } = transform,\n    newLeft = x - offsetX,\n    newTop = y - offsetY,\n    moveX = !isLocked(target, 'lockMovementX') && target.left !== newLeft,\n    moveY = !isLocked(target, 'lockMovementY') && target.top !== newTop;\n  moveX && target.set(LEFT, newLeft);\n  moveY && target.set(TOP, newTop);\n  if (moveX || moveY) {\n    fireEvent(MOVING, commonEventInfo(eventData, transform, x, y));\n  }\n  return moveX || moveY;\n};\n"],"mappings":";;;;;;;;;;;;;AAcA,MAAa,eACX,WACA,WACA,GACA,MACG;CACH,MAAM,EAAE,QAAQ,SAAS,YAAY,WACnC,UAAU,IAAI,SACd,SAAS,IAAI,SACb,QAAQ,CAAC,SAAS,QAAQ,gBAAgB,IAAI,OAAO,SAAS,SAC9D,QAAQ,CAAC,SAAS,QAAQ,gBAAgB,IAAI,OAAO,QAAQ;AAC/D,UAAS,OAAO,IAAA,QAAU,QAAQ;AAClC,UAAS,OAAO,IAAA,OAAS,OAAO;AAChC,KAAI,SAAS,MACX,WAAU,QAAQ,gBAAgB,WAAW,WAAW,GAAG,EAAE,CAAC;AAEhE,QAAO,SAAS"}

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

@@ -1,3 +0,0 @@
-import type { ObjectModificationEvents, TModificationEvents } from '../EventTypeDefs';
-export declare const fireEvent: (eventName: TModificationEvents, options: ObjectModificationEvents[typeof eventName]) => void;
-//# sourceMappingURL=fireEvent.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"fireEvent.d.ts","sourceRoot":"","sources":["../../../src/controls/fireEvent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,wBAAwB,EACxB,mBAAmB,EACpB,MAAM,kBAAkB,CAAC;AAE1B,eAAO,MAAM,SAAS,GACpB,WAAW,mBAAmB,EAC9B,SAAS,wBAAwB,CAAC,OAAO,SAAS,CAAC,SAUpD,CAAC"}

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

@@ -1,2 +0,0 @@
-const e=(e,t)=>{var n;let{transform:{target:r}}=t;(n=r.canvas)==null||n.fire(`object:${e}`,{...t,target:r}),r.fire(e,t)};export{e as fireEvent};
-//# sourceMappingURL=fireEvent.min.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"fireEvent.min.mjs","names":[],"sources":["../../../src/controls/fireEvent.ts"],"sourcesContent":["import type {\n  ObjectModificationEvents,\n  TModificationEvents,\n} from '../EventTypeDefs';\n\nexport const fireEvent = (\n  eventName: TModificationEvents,\n  options: ObjectModificationEvents[typeof eventName],\n) => {\n  const {\n    transform: { target },\n  } = options;\n  target.canvas?.fire(`object:${eventName}`, {\n    ...options,\n    target,\n  });\n  target.fire(eventName, options);\n};\n"],"mappings":"AAKA,MAAa,GACX,EACA,IAAA,CAAA,IAAA,EAEA,GAAA,CACE,UAAA,CAAW,OAAE,IACX,GACJ,EAAA,EAAO,SAAA,MAAA,EAAQ,KAAK,UAAU,IAAa,CAAA,GACtC,EACH,OAAA,EAAA,CAAA,CAEF,EAAO,KAAK,EAAW,EAAA,EAAA,OAAA,KAAA"}

package/dist/src/controls/fireEvent.mjs

@@ -1,14 +0,0 @@
-//#region src/controls/fireEvent.ts
-const fireEvent = (eventName, options) => {
-	var _target$canvas;
-	const { transform: { target } } = options;
-	(_target$canvas = target.canvas) === null || _target$canvas === void 0 || _target$canvas.fire(`object:${eventName}`, {
-		...options,
-		target
-	});
-	target.fire(eventName, options);
-};
-//#endregion
-export { fireEvent };
-
-//# sourceMappingURL=fireEvent.mjs.map

package/dist/src/controls/fireEvent.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"fireEvent.mjs","names":[],"sources":["../../../src/controls/fireEvent.ts"],"sourcesContent":["import type {\n  ObjectModificationEvents,\n  TModificationEvents,\n} from '../EventTypeDefs';\n\nexport const fireEvent = (\n  eventName: TModificationEvents,\n  options: ObjectModificationEvents[typeof eventName],\n) => {\n  const {\n    transform: { target },\n  } = options;\n  target.canvas?.fire(`object:${eventName}`, {\n    ...options,\n    target,\n  });\n  target.fire(eventName, options);\n};\n"],"mappings":";AAKA,MAAa,aACX,WACA,YACG;;CACH,MAAM,EACJ,WAAW,EAAE,aACX;AACJ,EAAA,iBAAA,OAAO,YAAA,QAAA,mBAAA,KAAA,KAAA,eAAQ,KAAK,UAAU,aAAa;EACzC,GAAG;EACH;EACD,CAAC;AACF,QAAO,KAAK,WAAW,QAAQ"}

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

@@ -1,15 +0,0 @@
-export { changeWidth, changeObjectWidth, changeHeight, changeObjectHeight, } from './changeWidth';
-export { renderCircleControl, renderSquareControl } from './controlRendering';
-export type { ControlRenderingStyleOverride } from './controlRendering';
-export * from './commonControls';
-export { dragHandler } from './drag';
-export * from './polyControl';
-export { rotationStyleHandler, rotationWithSnapping } from './rotate';
-export { scaleCursorStyleHandler, scalingEqually, scalingX, scalingY, } from './scale';
-export { scaleOrSkewActionName, scaleSkewCursorStyleHandler, scalingXOrSkewingY, scalingYOrSkewingX, } from './scaleSkew';
-export { skewCursorStyleHandler, skewHandlerX, skewHandlerY } from './skew';
-export { getLocalPoint } from './util';
-export { wrapWithFireEvent } from './wrapWithFireEvent';
-export { wrapWithFixedAnchor } from './wrapWithFixedAnchor';
-export * from './pathControl';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/controls/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,kBAAkB,GACnB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC9E,YAAY,EAAE,6BAA6B,EAAE,MAAM,oBAAoB,CAAC;AACxE,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AACtE,OAAO,EACL,uBAAuB,EACvB,cAAc,EACd,QAAQ,EACR,QAAQ,GACT,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,qBAAqB,EACrB,2BAA2B,EAC3B,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,sBAAsB,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,cAAc,eAAe,CAAC"}

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

@@ -1,2 +0,0 @@
-import{__exportAll as e}from"../../_virtual/_rolldown/runtime.min.mjs";import{getLocalPoint as t}from"./util.min.mjs";import{wrapWithFireEvent as n}from"./wrapWithFireEvent.min.mjs";import{wrapWithFixedAnchor as r}from"./wrapWithFixedAnchor.min.mjs";import{changeHeight as i,changeObjectHeight as a,changeObjectWidth as o,changeWidth as s}from"./changeWidth.min.mjs";import{renderCircleControl as c,renderSquareControl as l}from"./controlRendering.min.mjs";import{rotationStyleHandler as u,rotationWithSnapping as d}from"./rotate.min.mjs";import{scaleCursorStyleHandler as f,scalingEqually as p,scalingX as m,scalingY as h}from"./scale.min.mjs";import{skewCursorStyleHandler as g,skewHandlerX as _,skewHandlerY as v}from"./skew.min.mjs";import{scaleOrSkewActionName as y,scaleSkewCursorStyleHandler as b,scalingXOrSkewingY as x,scalingYOrSkewingX as S}from"./scaleSkew.min.mjs";import{createObjectDefaultControls as C,createResizeControls as w,createTextboxDefaultControls as T}from"./commonControls.min.mjs";import{dragHandler as E}from"./drag.min.mjs";import{createPolyActionHandler as D,createPolyControls as O,createPolyPositionHandler as k,factoryPolyActionHandler as A,polyActionHandler as j}from"./polyControl.min.mjs";import{createPathControls as M}from"./pathControl.min.mjs";var N=e({changeHeight:()=>i,changeObjectHeight:()=>a,changeObjectWidth:()=>o,changeWidth:()=>s,createObjectDefaultControls:()=>C,createPathControls:()=>M,createPolyActionHandler:()=>D,createPolyControls:()=>O,createPolyPositionHandler:()=>k,createResizeControls:()=>w,createTextboxDefaultControls:()=>T,dragHandler:()=>E,factoryPolyActionHandler:()=>A,getLocalPoint:()=>t,polyActionHandler:()=>j,renderCircleControl:()=>c,renderSquareControl:()=>l,rotationStyleHandler:()=>u,rotationWithSnapping:()=>d,scaleCursorStyleHandler:()=>f,scaleOrSkewActionName:()=>y,scaleSkewCursorStyleHandler:()=>b,scalingEqually:()=>p,scalingX:()=>m,scalingXOrSkewingY:()=>x,scalingY:()=>h,scalingYOrSkewingX:()=>S,skewCursorStyleHandler:()=>g,skewHandlerX:()=>_,skewHandlerY:()=>v,wrapWithFireEvent:()=>n,wrapWithFixedAnchor:()=>r});export{N as controls_exports};
-//# sourceMappingURL=index.min.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.min.mjs","names":[],"sources":["../../../src/controls/index.ts"],"sourcesContent":["export {\n  changeWidth,\n  changeObjectWidth,\n  changeHeight,\n  changeObjectHeight,\n} from './changeWidth';\nexport { renderCircleControl, renderSquareControl } from './controlRendering';\nexport type { ControlRenderingStyleOverride } from './controlRendering';\nexport * from './commonControls';\nexport { dragHandler } from './drag';\nexport * from './polyControl';\nexport { rotationStyleHandler, rotationWithSnapping } from './rotate';\nexport {\n  scaleCursorStyleHandler,\n  scalingEqually,\n  scalingX,\n  scalingY,\n} from './scale';\nexport {\n  scaleOrSkewActionName,\n  scaleSkewCursorStyleHandler,\n  scalingXOrSkewingY,\n  scalingYOrSkewingX,\n} from './scaleSkew';\nexport { skewCursorStyleHandler, skewHandlerX, skewHandlerY } from './skew';\nexport { getLocalPoint } from './util';\nexport { wrapWithFireEvent } from './wrapWithFireEvent';\nexport { wrapWithFixedAnchor } from './wrapWithFixedAnchor';\nexport * from './pathControl';\n"],"mappings":""}