fabric 7.4.0 → 7.5.0-beta.1

package/dist/src/controls/index.mjs

@@ -1,53 +0,0 @@
-import { __exportAll } from "../../_virtual/_rolldown/runtime.mjs";
-import { getLocalPoint } from "./util.mjs";
-import { wrapWithFireEvent } from "./wrapWithFireEvent.mjs";
-import { wrapWithFixedAnchor } from "./wrapWithFixedAnchor.mjs";
-import { changeHeight, changeObjectHeight, changeObjectWidth, changeWidth } from "./changeWidth.mjs";
-import { renderCircleControl, renderSquareControl } from "./controlRendering.mjs";
-import { rotationStyleHandler, rotationWithSnapping } from "./rotate.mjs";
-import { scaleCursorStyleHandler, scalingEqually, scalingX, scalingY } from "./scale.mjs";
-import { skewCursorStyleHandler, skewHandlerX, skewHandlerY } from "./skew.mjs";
-import { scaleOrSkewActionName, scaleSkewCursorStyleHandler, scalingXOrSkewingY, scalingYOrSkewingX } from "./scaleSkew.mjs";
-import { createObjectDefaultControls, createResizeControls, createTextboxDefaultControls } from "./commonControls.mjs";
-import { dragHandler } from "./drag.mjs";
-import { createPolyActionHandler, createPolyControls, createPolyPositionHandler, factoryPolyActionHandler, polyActionHandler } from "./polyControl.mjs";
-import { createPathControls } from "./pathControl.mjs";
-//#region src/controls/index.ts
-var controls_exports = /* @__PURE__ */ __exportAll({
-	changeHeight: () => changeHeight,
-	changeObjectHeight: () => changeObjectHeight,
-	changeObjectWidth: () => changeObjectWidth,
-	changeWidth: () => changeWidth,
-	createObjectDefaultControls: () => createObjectDefaultControls,
-	createPathControls: () => createPathControls,
-	createPolyActionHandler: () => createPolyActionHandler,
-	createPolyControls: () => createPolyControls,
-	createPolyPositionHandler: () => createPolyPositionHandler,
-	createResizeControls: () => createResizeControls,
-	createTextboxDefaultControls: () => createTextboxDefaultControls,
-	dragHandler: () => dragHandler,
-	factoryPolyActionHandler: () => factoryPolyActionHandler,
-	getLocalPoint: () => getLocalPoint,
-	polyActionHandler: () => polyActionHandler,
-	renderCircleControl: () => renderCircleControl,
-	renderSquareControl: () => renderSquareControl,
-	rotationStyleHandler: () => rotationStyleHandler,
-	rotationWithSnapping: () => rotationWithSnapping,
-	scaleCursorStyleHandler: () => scaleCursorStyleHandler,
-	scaleOrSkewActionName: () => scaleOrSkewActionName,
-	scaleSkewCursorStyleHandler: () => scaleSkewCursorStyleHandler,
-	scalingEqually: () => scalingEqually,
-	scalingX: () => scalingX,
-	scalingXOrSkewingY: () => scalingXOrSkewingY,
-	scalingY: () => scalingY,
-	scalingYOrSkewingX: () => scalingYOrSkewingX,
-	skewCursorStyleHandler: () => skewCursorStyleHandler,
-	skewHandlerX: () => skewHandlerX,
-	skewHandlerY: () => skewHandlerY,
-	wrapWithFireEvent: () => wrapWithFireEvent,
-	wrapWithFixedAnchor: () => wrapWithFixedAnchor
-});
-//#endregion
-export { controls_exports };
-
-//# sourceMappingURL=index.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.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":""}

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

@@ -1,12 +0,0 @@
-import { Control } from './Control';
-import type { Path } from '../shapes/Path';
-export type PathPointControlStyle = {
-    controlFill?: string;
-    controlStroke?: string;
-    connectionDashArray?: number[];
-};
-export declare function createPathControls(path: Path, options?: Partial<Control> & {
-    controlPointStyle?: PathPointControlStyle;
-    pointStyle?: PathPointControlStyle;
-}): Record<string, Control>;
-//# sourceMappingURL=pathControl.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"pathControl.d.ts","sourceRoot":"","sources":["../../../src/controls/pathControl.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAiB3C,MAAM,MAAM,qBAAqB,GAAG;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;CAChC,CAAC;AAuNF,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,IAAI,EACV,OAAO,GAAE,OAAO,CAAC,OAAO,CAAC,GAAG;IAC1B,iBAAiB,CAAC,EAAE,qBAAqB,CAAC;IAC1C,UAAU,CAAC,EAAE,qBAAqB,CAAC;CAC/B,GACL,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CA+CzB"}

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

@@ -1,2 +0,0 @@
-import{Point as e}from"../Point.min.mjs";import{multiplyTransformMatrices as t}from"../util/misc/matrix.min.mjs";import{sendPointToPlane as n}from"../util/misc/planeChange.min.mjs";import{commonEventInfo as r}from"./util.min.mjs";import{fireEvent as i}from"./fireEvent.min.mjs";import{Control as a}from"./Control.min.mjs";const o=(n,r,i)=>{let{path:a,pathOffset:o}=n,s=a[r];return new e(s[i]-o.x,s[i+1]-o.y).transform(t(n.getViewportTransform(),n.calcTransformMatrix()))};function s(e,t,n){let{commandIndex:r,pointIndex:i}=this;return o(n,r,i)}function c(t,a,o,s){let{target:c}=a,{commandIndex:l,pointIndex:u}=this,d=((t,r,i,a,o)=>{let{path:s,pathOffset:c}=t,l=s[(a>0?a:s.length)-1],u=new e(l[o],l[o+1]),d=u.subtract(c).transform(t.calcOwnMatrix()),f=n(new e(r,i),void 0,t.calcOwnMatrix());s[a][o]=f.x+c.x,s[a][o+1]=f.y+c.y,t.setDimensions();let p=u.subtract(t.pathOffset).transform(t.calcOwnMatrix()).subtract(d);return t.left-=p.x,t.top-=p.y,t.set(`dirty`,!0),!0})(c,o,s,l,u);return d&&i(this.actionName,{...r(t,a,o,s),commandIndex:l,pointIndex:u}),d}var l=class extends a{constructor(e){super(e)}render(e,t,n,r,i){let a={...r,cornerColor:this.controlFill,cornerStrokeColor:this.controlStroke,transparentCorners:!this.controlFill};super.render(e,t,n,a,i)}},u=class extends l{constructor(e){super(e)}render(e,t,n,r,i){let{path:a}=i,{commandIndex:s,pointIndex:c,connectToCommandIndex:l,connectToPointIndex:u}=this;e.save(),e.strokeStyle=this.controlStroke,this.connectionDashArray&&e.setLineDash(this.connectionDashArray);let[d]=a[s],f=o(i,l,u);if(d===`Q`){let r=o(i,s,c+2);e.moveTo(r.x,r.y),e.lineTo(t,n)}else e.moveTo(t,n);e.lineTo(f.x,f.y),e.stroke(),e.restore(),super.render(e,t,n,r,i)}};const d=(e,t,n,r,i,a)=>new(n?u:l)({commandIndex:e,pointIndex:t,actionName:`modifyPath`,positionHandler:s,actionHandler:c,connectToCommandIndex:i,connectToPointIndex:a,...r,...n?r.controlPointStyle:r.pointStyle});function f(e,t={}){let n={},r=`M`;return e.path.forEach((e,i)=>{let a=e[0];switch(a!==`Z`&&(n[`c_${i}_${a}`]=d(i,e.length-2,!1,t)),a){case`C`:n[`c_${i}_C_CP_1`]=d(i,1,!0,t,i-1,(e=>e===`C`?5:e===`Q`?3:1)(r)),n[`c_${i}_C_CP_2`]=d(i,3,!0,t,i,5);break;case`Q`:n[`c_${i}_Q_CP_1`]=d(i,1,!0,t,i,3)}r=a}),n}export{f as createPathControls};
-//# sourceMappingURL=pathControl.min.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"pathControl.min.mjs","names":[],"sources":["../../../src/controls/pathControl.ts"],"sourcesContent":["import { Point } from '../Point';\nimport { Control } from './Control';\nimport type { TMat2D } from '../typedefs';\nimport type { Path } from '../shapes/Path';\nimport { multiplyTransformMatrices } from '../util/misc/matrix';\nimport type {\n  TModificationEvents,\n  TPointerEvent,\n  Transform,\n} from '../EventTypeDefs';\nimport { sendPointToPlane } from '../util/misc/planeChange';\nimport type { TSimpleParseCommandType } from '../util/path/typedefs';\nimport type { ControlRenderingStyleOverride } from './controlRendering';\nimport { fireEvent } from './fireEvent';\nimport { commonEventInfo } from './util';\n\nconst ACTION_NAME: TModificationEvents = 'modifyPath' as const;\n\ntype TTransformAnchor = Transform;\n\nexport type PathPointControlStyle = {\n  controlFill?: string;\n  controlStroke?: string;\n  connectionDashArray?: number[];\n};\n\nconst calcPathPointPosition = (\n  pathObject: Path,\n  commandIndex: number,\n  pointIndex: number,\n) => {\n  const { path, pathOffset } = pathObject;\n  const command = path[commandIndex];\n  return new Point(\n    (command[pointIndex] as number) - pathOffset.x,\n    (command[pointIndex + 1] as number) - pathOffset.y,\n  ).transform(\n    multiplyTransformMatrices(\n      pathObject.getViewportTransform(),\n      pathObject.calcTransformMatrix(),\n    ),\n  );\n};\n\nconst movePathPoint = (\n  pathObject: Path,\n  x: number,\n  y: number,\n  commandIndex: number,\n  pointIndex: number,\n) => {\n  const { path, pathOffset } = pathObject;\n\n  const anchorCommand =\n    path[(commandIndex > 0 ? commandIndex : path.length) - 1];\n  const anchorPoint = new Point(\n    anchorCommand[pointIndex] as number,\n    anchorCommand[pointIndex + 1] as number,\n  );\n\n  const anchorPointInParentPlane = anchorPoint\n    .subtract(pathOffset)\n    .transform(pathObject.calcOwnMatrix());\n\n  const mouseLocalPosition = sendPointToPlane(\n    new Point(x, y),\n    undefined,\n    pathObject.calcOwnMatrix(),\n  );\n\n  path[commandIndex][pointIndex] = mouseLocalPosition.x + pathOffset.x;\n  path[commandIndex][pointIndex + 1] = mouseLocalPosition.y + pathOffset.y;\n  pathObject.setDimensions();\n\n  const newAnchorPointInParentPlane = anchorPoint\n    .subtract(pathObject.pathOffset)\n    .transform(pathObject.calcOwnMatrix());\n\n  const diff = newAnchorPointInParentPlane.subtract(anchorPointInParentPlane);\n  pathObject.left -= diff.x;\n  pathObject.top -= diff.y;\n  pathObject.set('dirty', true);\n  return true;\n};\n\n/**\n * This function locates the controls.\n * It'll be used both for drawing and for interaction.\n */\nfunction pathPositionHandler(\n  this: PathPointControl,\n  dim: Point,\n  finalMatrix: TMat2D,\n  pathObject: Path,\n) {\n  const { commandIndex, pointIndex } = this;\n  return calcPathPointPosition(pathObject, commandIndex, pointIndex);\n}\n\n/**\n * This function defines what the control does.\n * It'll be called on every mouse move after a control has been clicked and is being dragged.\n * The function receives as argument the mouse event, the current transform object\n * and the current position in canvas coordinate `transform.target` is a reference to the\n * current object being transformed.\n */\nfunction pathActionHandler(\n  this: PathPointControl,\n  eventData: TPointerEvent,\n  transform: TTransformAnchor,\n  x: number,\n  y: number,\n) {\n  const { target } = transform;\n  const { commandIndex, pointIndex } = this;\n  const actionPerformed = movePathPoint(\n    target as Path,\n    x,\n    y,\n    commandIndex,\n    pointIndex,\n  );\n  if (actionPerformed) {\n    fireEvent(this.actionName as TModificationEvents, {\n      ...commonEventInfo(eventData, transform, x, y),\n      commandIndex,\n      pointIndex,\n    });\n  }\n  return actionPerformed;\n}\n\nconst indexFromPrevCommand = (previousCommandType: TSimpleParseCommandType) =>\n  previousCommandType === 'C' ? 5 : previousCommandType === 'Q' ? 3 : 1;\n\nclass PathPointControl extends Control {\n  declare commandIndex: number;\n  declare pointIndex: number;\n  declare controlFill: string;\n  declare controlStroke: string;\n  constructor(options?: Partial<PathPointControl>) {\n    super(options);\n  }\n\n  render(\n    ctx: CanvasRenderingContext2D,\n    left: number,\n    top: number,\n    styleOverride: ControlRenderingStyleOverride | undefined,\n    fabricObject: Path,\n  ) {\n    const overrides: ControlRenderingStyleOverride = {\n      ...styleOverride,\n      cornerColor: this.controlFill,\n      cornerStrokeColor: this.controlStroke,\n      transparentCorners: !this.controlFill,\n    };\n    super.render(ctx, left, top, overrides, fabricObject);\n  }\n}\n\nclass PathControlPointControl extends PathPointControl {\n  declare connectionDashArray?: number[];\n  declare connectToCommandIndex: number;\n  declare connectToPointIndex: number;\n  constructor(options?: Partial<PathControlPointControl>) {\n    super(options);\n  }\n\n  render(\n    this: PathControlPointControl,\n    ctx: CanvasRenderingContext2D,\n    left: number,\n    top: number,\n    styleOverride: ControlRenderingStyleOverride | undefined,\n    fabricObject: Path,\n  ) {\n    const { path } = fabricObject;\n    const {\n      commandIndex,\n      pointIndex,\n      connectToCommandIndex,\n      connectToPointIndex,\n    } = this;\n    ctx.save();\n    ctx.strokeStyle = this.controlStroke;\n    if (this.connectionDashArray) {\n      ctx.setLineDash(this.connectionDashArray);\n    }\n    const [commandType] = path[commandIndex];\n    const point = calcPathPointPosition(\n      fabricObject,\n      connectToCommandIndex,\n      connectToPointIndex,\n    );\n\n    if (commandType === 'Q') {\n      // one control point connects to 2 points\n      const point2 = calcPathPointPosition(\n        fabricObject,\n        commandIndex,\n        pointIndex + 2,\n      );\n      ctx.moveTo(point2.x, point2.y);\n      ctx.lineTo(left, top);\n    } else {\n      ctx.moveTo(left, top);\n    }\n    ctx.lineTo(point.x, point.y);\n    ctx.stroke();\n    ctx.restore();\n\n    super.render(ctx, left, top, styleOverride, fabricObject);\n  }\n}\n\nconst createControl = (\n  commandIndexPos: number,\n  pointIndexPos: number,\n  isControlPoint: boolean,\n  options: Partial<Control> & {\n    controlPointStyle?: PathPointControlStyle;\n    pointStyle?: PathPointControlStyle;\n  },\n  connectToCommandIndex?: number,\n  connectToPointIndex?: number,\n) =>\n  new (isControlPoint ? PathControlPointControl : PathPointControl)({\n    commandIndex: commandIndexPos,\n    pointIndex: pointIndexPos,\n    actionName: ACTION_NAME,\n    positionHandler: pathPositionHandler,\n    actionHandler: pathActionHandler,\n    connectToCommandIndex,\n    connectToPointIndex,\n    ...options,\n    ...(isControlPoint ? options.controlPointStyle : options.pointStyle),\n  } as Partial<PathControlPointControl>);\n\nexport function createPathControls(\n  path: Path,\n  options: Partial<Control> & {\n    controlPointStyle?: PathPointControlStyle;\n    pointStyle?: PathPointControlStyle;\n  } = {},\n): Record<string, Control> {\n  const controls = {} as Record<string, Control>;\n  let previousCommandType: TSimpleParseCommandType = 'M';\n  path.path.forEach((command, commandIndex) => {\n    const commandType = command[0];\n\n    if (commandType !== 'Z') {\n      controls[`c_${commandIndex}_${commandType}`] = createControl(\n        commandIndex,\n        command.length - 2,\n        false,\n        options,\n      );\n    }\n    switch (commandType) {\n      case 'C':\n        controls[`c_${commandIndex}_C_CP_1`] = createControl(\n          commandIndex,\n          1,\n          true,\n          options,\n          commandIndex - 1,\n          indexFromPrevCommand(previousCommandType),\n        );\n        controls[`c_${commandIndex}_C_CP_2`] = createControl(\n          commandIndex,\n          3,\n          true,\n          options,\n          commandIndex,\n          5,\n        );\n        break;\n      case 'Q':\n        controls[`c_${commandIndex}_Q_CP_1`] = createControl(\n          commandIndex,\n          1,\n          true,\n          options,\n          commandIndex,\n          3,\n        );\n        break;\n    }\n    previousCommandType = commandType;\n  });\n  return controls;\n}\n"],"mappings":"kUAgBA,MAUM,GACJ,EACA,EACA,IAAA,CAEA,GAAA,CAAM,KAAE,EAAA,WAAM,GAAe,EACvB,EAAU,EAAK,GACrB,OAAO,IAAI,EACR,EAAQ,GAAyB,EAAW,EAC5C,EAAQ,EAAa,GAAgB,EAAW,EAAA,CACjD,UACA,EACE,EAAW,sBAAA,CACX,EAAW,qBAAA,CAAA,CAAA,EAkDjB,SAAS,EAEP,EACA,EACA,EAAA,CAEA,GAAA,CAAM,aAAE,EAAA,WAAc,GAAe,KACrC,OAAO,EAAsB,EAAY,EAAc,EAAA,CAUzD,SAAS,EAEP,EACA,EACA,EACA,EAAA,CAEA,GAAA,CAAM,OAAE,GAAW,EAAA,CACb,aAAE,EAAA,WAAc,GAAe,KAC/B,IAtEN,EACA,EACA,EACA,EACA,IAAA,CAEA,GAAA,CAAM,KAAE,EAAA,WAAM,GAAe,EAEvB,EACJ,GAAM,EAAe,EAAI,EAAe,EAAK,QAAU,GACnD,EAAc,IAAI,EACtB,EAAc,GACd,EAAc,EAAa,GAAA,CAGvB,EAA2B,EAC9B,SAAS,EAAA,CACT,UAAU,EAAW,eAAA,CAAA,CAElB,EAAqB,EACzB,IAAI,EAAM,EAAG,EAAA,CAAA,IACb,GACA,EAAW,eAAA,CAAA,CAGb,EAAK,GAAc,GAAc,EAAmB,EAAI,EAAW,EACnE,EAAK,GAAc,EAAa,GAAK,EAAmB,EAAI,EAAW,EACvE,EAAW,eAAA,CAMX,IAAM,EAJ8B,EACjC,SAAS,EAAW,WAAA,CACpB,UAAU,EAAW,eAAA,CAAA,CAEiB,SAAS,EAAA,CAIlD,MAHA,GAAW,MAAQ,EAAK,EACxB,EAAW,KAAO,EAAK,EACvB,EAAW,IAAI,QAAA,CAAS,EAAA,CAAA,CACjB,IAkCL,EACA,EACA,EACA,EACA,EAAA,CASF,OAPI,GACF,EAAU,KAAK,WAAmC,CAAA,GAC7C,EAAgB,EAAW,EAAW,EAAG,EAAA,CAC5C,aAAA,EACA,WAAA,EAAA,CAAA,CAGG,EAMT,IAAM,EAAN,cAA+B,CAAA,CAK7B,YAAY,EAAA,CACV,MAAM,EAAA,CAGR,OACE,EACA,EACA,EACA,EACA,EAAA,CAEA,IAAM,EAA2C,CAAA,GAC5C,EACH,YAAa,KAAK,YAClB,kBAAmB,KAAK,cACxB,mBAAA,CAAqB,KAAK,YAAA,CAE5B,MAAM,OAAO,EAAK,EAAM,EAAK,EAAW,EAAA,GAItC,EAAN,cAAsC,CAAA,CAIpC,YAAY,EAAA,CACV,MAAM,EAAA,CAGR,OAEE,EACA,EACA,EACA,EACA,EAAA,CAEA,GAAA,CAAM,KAAE,GAAS,EAAA,CACX,aACJ,EAAA,WACA,EAAA,sBACA,EAAA,oBACA,GACE,KACJ,EAAI,MAAA,CACJ,EAAI,YAAc,KAAK,cACnB,KAAK,qBACP,EAAI,YAAY,KAAK,oBAAA,CAEvB,GAAA,CAAO,GAAe,EAAK,GACrB,EAAQ,EACZ,EACA,EACA,EAAA,CAGF,GAAI,IAAgB,IAAK,CAEvB,IAAM,EAAS,EACb,EACA,EACA,EAAa,EAAA,CAEf,EAAI,OAAO,EAAO,EAAG,EAAO,EAAA,CAC5B,EAAI,OAAO,EAAM,EAAA,MAEjB,EAAI,OAAO,EAAM,EAAA,CAEnB,EAAI,OAAO,EAAM,EAAG,EAAM,EAAA,CAC1B,EAAI,QAAA,CACJ,EAAI,SAAA,CAEJ,MAAM,OAAO,EAAK,EAAM,EAAK,EAAe,EAAA,GAIhD,MAAM,GACJ,EACA,EACA,EACA,EAIA,EACA,IAEA,IAAK,EAAiB,EAA0B,GAAkB,CAChE,aAAc,EACd,WAAY,EACZ,WAtNqC,aAuNrC,gBAAiB,EACjB,cAAe,EACf,sBAAA,EACA,oBAAA,EAAA,GACG,EAAA,GACC,EAAiB,EAAQ,kBAAoB,EAAQ,WAAA,CAAA,CAG7D,SAAgB,EACd,EACA,EAGI,EAAA,CAAA,CAEJ,IAAM,EAAW,EAAA,CACb,EAA+C,IA4CnD,OA3CA,EAAK,KAAK,SAAS,EAAS,IAAA,CAC1B,IAAM,EAAc,EAAQ,GAU5B,OARI,IAAgB,MAClB,EAAS,KAAK,EAAA,GAAgB,KAAiB,EAC7C,EACA,EAAQ,OAAS,EAAA,CACjB,EACA,EAAA,EAGI,EAAR,CACE,IAAK,IACH,EAAS,KAAK,EAAA,UAAyB,EACrC,EACA,EAAA,CACA,EACA,EACA,EAAe,GAtIK,GAC5B,IAAwB,IAAM,EAAI,IAAwB,IAAM,EAAI,GAsIvC,EAAA,CAAA,CAEvB,EAAS,KAAK,EAAA,UAAyB,EACrC,EACA,EAAA,CACA,EACA,EACA,EACA,EAAA,CAEF,MACF,IAAK,IACH,EAAS,KAAK,EAAA,UAAyB,EACrC,EACA,EAAA,CACA,EACA,EACA,EACA,EAAA,CAIN,EAAsB,GAAA,CAEjB,EAAA,OAAA,KAAA"}

package/dist/src/controls/pathControl.mjs

@@ -1,126 +0,0 @@
-import { Point } from "../Point.mjs";
-import { multiplyTransformMatrices } from "../util/misc/matrix.mjs";
-import { sendPointToPlane } from "../util/misc/planeChange.mjs";
-import { commonEventInfo } from "./util.mjs";
-import { fireEvent } from "./fireEvent.mjs";
-import { Control } from "./Control.mjs";
-//#region src/controls/pathControl.ts
-const ACTION_NAME = "modifyPath";
-const calcPathPointPosition = (pathObject, commandIndex, pointIndex) => {
-	const { path, pathOffset } = pathObject;
-	const command = path[commandIndex];
-	return new Point(command[pointIndex] - pathOffset.x, command[pointIndex + 1] - pathOffset.y).transform(multiplyTransformMatrices(pathObject.getViewportTransform(), pathObject.calcTransformMatrix()));
-};
-const movePathPoint = (pathObject, x, y, commandIndex, pointIndex) => {
-	const { path, pathOffset } = pathObject;
-	const anchorCommand = path[(commandIndex > 0 ? commandIndex : path.length) - 1];
-	const anchorPoint = new Point(anchorCommand[pointIndex], anchorCommand[pointIndex + 1]);
-	const anchorPointInParentPlane = anchorPoint.subtract(pathOffset).transform(pathObject.calcOwnMatrix());
-	const mouseLocalPosition = sendPointToPlane(new Point(x, y), void 0, pathObject.calcOwnMatrix());
-	path[commandIndex][pointIndex] = mouseLocalPosition.x + pathOffset.x;
-	path[commandIndex][pointIndex + 1] = mouseLocalPosition.y + pathOffset.y;
-	pathObject.setDimensions();
-	const diff = anchorPoint.subtract(pathObject.pathOffset).transform(pathObject.calcOwnMatrix()).subtract(anchorPointInParentPlane);
-	pathObject.left -= diff.x;
-	pathObject.top -= diff.y;
-	pathObject.set("dirty", true);
-	return true;
-};
-/**
-* This function locates the controls.
-* It'll be used both for drawing and for interaction.
-*/
-function pathPositionHandler(dim, finalMatrix, pathObject) {
-	const { commandIndex, pointIndex } = this;
-	return calcPathPointPosition(pathObject, commandIndex, pointIndex);
-}
-/**
-* This function defines what the control does.
-* It'll be called on every mouse move after a control has been clicked and is being dragged.
-* The function receives as argument the mouse event, the current transform object
-* and the current position in canvas coordinate `transform.target` is a reference to the
-* current object being transformed.
-*/
-function pathActionHandler(eventData, transform, x, y) {
-	const { target } = transform;
-	const { commandIndex, pointIndex } = this;
-	const actionPerformed = movePathPoint(target, x, y, commandIndex, pointIndex);
-	if (actionPerformed) fireEvent(this.actionName, {
-		...commonEventInfo(eventData, transform, x, y),
-		commandIndex,
-		pointIndex
-	});
-	return actionPerformed;
-}
-const indexFromPrevCommand = (previousCommandType) => previousCommandType === "C" ? 5 : previousCommandType === "Q" ? 3 : 1;
-var PathPointControl = class extends Control {
-	constructor(options) {
-		super(options);
-	}
-	render(ctx, left, top, styleOverride, fabricObject) {
-		const overrides = {
-			...styleOverride,
-			cornerColor: this.controlFill,
-			cornerStrokeColor: this.controlStroke,
-			transparentCorners: !this.controlFill
-		};
-		super.render(ctx, left, top, overrides, fabricObject);
-	}
-};
-var PathControlPointControl = class extends PathPointControl {
-	constructor(options) {
-		super(options);
-	}
-	render(ctx, left, top, styleOverride, fabricObject) {
-		const { path } = fabricObject;
-		const { commandIndex, pointIndex, connectToCommandIndex, connectToPointIndex } = this;
-		ctx.save();
-		ctx.strokeStyle = this.controlStroke;
-		if (this.connectionDashArray) ctx.setLineDash(this.connectionDashArray);
-		const [commandType] = path[commandIndex];
-		const point = calcPathPointPosition(fabricObject, connectToCommandIndex, connectToPointIndex);
-		if (commandType === "Q") {
-			const point2 = calcPathPointPosition(fabricObject, commandIndex, pointIndex + 2);
-			ctx.moveTo(point2.x, point2.y);
-			ctx.lineTo(left, top);
-		} else ctx.moveTo(left, top);
-		ctx.lineTo(point.x, point.y);
-		ctx.stroke();
-		ctx.restore();
-		super.render(ctx, left, top, styleOverride, fabricObject);
-	}
-};
-const createControl = (commandIndexPos, pointIndexPos, isControlPoint, options, connectToCommandIndex, connectToPointIndex) => new (isControlPoint ? PathControlPointControl : PathPointControl)({
-	commandIndex: commandIndexPos,
-	pointIndex: pointIndexPos,
-	actionName: ACTION_NAME,
-	positionHandler: pathPositionHandler,
-	actionHandler: pathActionHandler,
-	connectToCommandIndex,
-	connectToPointIndex,
-	...options,
-	...isControlPoint ? options.controlPointStyle : options.pointStyle
-});
-function createPathControls(path, options = {}) {
-	const controls = {};
-	let previousCommandType = "M";
-	path.path.forEach((command, commandIndex) => {
-		const commandType = command[0];
-		if (commandType !== "Z") controls[`c_${commandIndex}_${commandType}`] = createControl(commandIndex, command.length - 2, false, options);
-		switch (commandType) {
-			case "C":
-				controls[`c_${commandIndex}_C_CP_1`] = createControl(commandIndex, 1, true, options, commandIndex - 1, indexFromPrevCommand(previousCommandType));
-				controls[`c_${commandIndex}_C_CP_2`] = createControl(commandIndex, 3, true, options, commandIndex, 5);
-				break;
-			case "Q":
-				controls[`c_${commandIndex}_Q_CP_1`] = createControl(commandIndex, 1, true, options, commandIndex, 3);
-				break;
-		}
-		previousCommandType = commandType;
-	});
-	return controls;
-}
-//#endregion
-export { createPathControls };
-
-//# sourceMappingURL=pathControl.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"pathControl.mjs","names":[],"sources":["../../../src/controls/pathControl.ts"],"sourcesContent":["import { Point } from '../Point';\nimport { Control } from './Control';\nimport type { TMat2D } from '../typedefs';\nimport type { Path } from '../shapes/Path';\nimport { multiplyTransformMatrices } from '../util/misc/matrix';\nimport type {\n  TModificationEvents,\n  TPointerEvent,\n  Transform,\n} from '../EventTypeDefs';\nimport { sendPointToPlane } from '../util/misc/planeChange';\nimport type { TSimpleParseCommandType } from '../util/path/typedefs';\nimport type { ControlRenderingStyleOverride } from './controlRendering';\nimport { fireEvent } from './fireEvent';\nimport { commonEventInfo } from './util';\n\nconst ACTION_NAME: TModificationEvents = 'modifyPath' as const;\n\ntype TTransformAnchor = Transform;\n\nexport type PathPointControlStyle = {\n  controlFill?: string;\n  controlStroke?: string;\n  connectionDashArray?: number[];\n};\n\nconst calcPathPointPosition = (\n  pathObject: Path,\n  commandIndex: number,\n  pointIndex: number,\n) => {\n  const { path, pathOffset } = pathObject;\n  const command = path[commandIndex];\n  return new Point(\n    (command[pointIndex] as number) - pathOffset.x,\n    (command[pointIndex + 1] as number) - pathOffset.y,\n  ).transform(\n    multiplyTransformMatrices(\n      pathObject.getViewportTransform(),\n      pathObject.calcTransformMatrix(),\n    ),\n  );\n};\n\nconst movePathPoint = (\n  pathObject: Path,\n  x: number,\n  y: number,\n  commandIndex: number,\n  pointIndex: number,\n) => {\n  const { path, pathOffset } = pathObject;\n\n  const anchorCommand =\n    path[(commandIndex > 0 ? commandIndex : path.length) - 1];\n  const anchorPoint = new Point(\n    anchorCommand[pointIndex] as number,\n    anchorCommand[pointIndex + 1] as number,\n  );\n\n  const anchorPointInParentPlane = anchorPoint\n    .subtract(pathOffset)\n    .transform(pathObject.calcOwnMatrix());\n\n  const mouseLocalPosition = sendPointToPlane(\n    new Point(x, y),\n    undefined,\n    pathObject.calcOwnMatrix(),\n  );\n\n  path[commandIndex][pointIndex] = mouseLocalPosition.x + pathOffset.x;\n  path[commandIndex][pointIndex + 1] = mouseLocalPosition.y + pathOffset.y;\n  pathObject.setDimensions();\n\n  const newAnchorPointInParentPlane = anchorPoint\n    .subtract(pathObject.pathOffset)\n    .transform(pathObject.calcOwnMatrix());\n\n  const diff = newAnchorPointInParentPlane.subtract(anchorPointInParentPlane);\n  pathObject.left -= diff.x;\n  pathObject.top -= diff.y;\n  pathObject.set('dirty', true);\n  return true;\n};\n\n/**\n * This function locates the controls.\n * It'll be used both for drawing and for interaction.\n */\nfunction pathPositionHandler(\n  this: PathPointControl,\n  dim: Point,\n  finalMatrix: TMat2D,\n  pathObject: Path,\n) {\n  const { commandIndex, pointIndex } = this;\n  return calcPathPointPosition(pathObject, commandIndex, pointIndex);\n}\n\n/**\n * This function defines what the control does.\n * It'll be called on every mouse move after a control has been clicked and is being dragged.\n * The function receives as argument the mouse event, the current transform object\n * and the current position in canvas coordinate `transform.target` is a reference to the\n * current object being transformed.\n */\nfunction pathActionHandler(\n  this: PathPointControl,\n  eventData: TPointerEvent,\n  transform: TTransformAnchor,\n  x: number,\n  y: number,\n) {\n  const { target } = transform;\n  const { commandIndex, pointIndex } = this;\n  const actionPerformed = movePathPoint(\n    target as Path,\n    x,\n    y,\n    commandIndex,\n    pointIndex,\n  );\n  if (actionPerformed) {\n    fireEvent(this.actionName as TModificationEvents, {\n      ...commonEventInfo(eventData, transform, x, y),\n      commandIndex,\n      pointIndex,\n    });\n  }\n  return actionPerformed;\n}\n\nconst indexFromPrevCommand = (previousCommandType: TSimpleParseCommandType) =>\n  previousCommandType === 'C' ? 5 : previousCommandType === 'Q' ? 3 : 1;\n\nclass PathPointControl extends Control {\n  declare commandIndex: number;\n  declare pointIndex: number;\n  declare controlFill: string;\n  declare controlStroke: string;\n  constructor(options?: Partial<PathPointControl>) {\n    super(options);\n  }\n\n  render(\n    ctx: CanvasRenderingContext2D,\n    left: number,\n    top: number,\n    styleOverride: ControlRenderingStyleOverride | undefined,\n    fabricObject: Path,\n  ) {\n    const overrides: ControlRenderingStyleOverride = {\n      ...styleOverride,\n      cornerColor: this.controlFill,\n      cornerStrokeColor: this.controlStroke,\n      transparentCorners: !this.controlFill,\n    };\n    super.render(ctx, left, top, overrides, fabricObject);\n  }\n}\n\nclass PathControlPointControl extends PathPointControl {\n  declare connectionDashArray?: number[];\n  declare connectToCommandIndex: number;\n  declare connectToPointIndex: number;\n  constructor(options?: Partial<PathControlPointControl>) {\n    super(options);\n  }\n\n  render(\n    this: PathControlPointControl,\n    ctx: CanvasRenderingContext2D,\n    left: number,\n    top: number,\n    styleOverride: ControlRenderingStyleOverride | undefined,\n    fabricObject: Path,\n  ) {\n    const { path } = fabricObject;\n    const {\n      commandIndex,\n      pointIndex,\n      connectToCommandIndex,\n      connectToPointIndex,\n    } = this;\n    ctx.save();\n    ctx.strokeStyle = this.controlStroke;\n    if (this.connectionDashArray) {\n      ctx.setLineDash(this.connectionDashArray);\n    }\n    const [commandType] = path[commandIndex];\n    const point = calcPathPointPosition(\n      fabricObject,\n      connectToCommandIndex,\n      connectToPointIndex,\n    );\n\n    if (commandType === 'Q') {\n      // one control point connects to 2 points\n      const point2 = calcPathPointPosition(\n        fabricObject,\n        commandIndex,\n        pointIndex + 2,\n      );\n      ctx.moveTo(point2.x, point2.y);\n      ctx.lineTo(left, top);\n    } else {\n      ctx.moveTo(left, top);\n    }\n    ctx.lineTo(point.x, point.y);\n    ctx.stroke();\n    ctx.restore();\n\n    super.render(ctx, left, top, styleOverride, fabricObject);\n  }\n}\n\nconst createControl = (\n  commandIndexPos: number,\n  pointIndexPos: number,\n  isControlPoint: boolean,\n  options: Partial<Control> & {\n    controlPointStyle?: PathPointControlStyle;\n    pointStyle?: PathPointControlStyle;\n  },\n  connectToCommandIndex?: number,\n  connectToPointIndex?: number,\n) =>\n  new (isControlPoint ? PathControlPointControl : PathPointControl)({\n    commandIndex: commandIndexPos,\n    pointIndex: pointIndexPos,\n    actionName: ACTION_NAME,\n    positionHandler: pathPositionHandler,\n    actionHandler: pathActionHandler,\n    connectToCommandIndex,\n    connectToPointIndex,\n    ...options,\n    ...(isControlPoint ? options.controlPointStyle : options.pointStyle),\n  } as Partial<PathControlPointControl>);\n\nexport function createPathControls(\n  path: Path,\n  options: Partial<Control> & {\n    controlPointStyle?: PathPointControlStyle;\n    pointStyle?: PathPointControlStyle;\n  } = {},\n): Record<string, Control> {\n  const controls = {} as Record<string, Control>;\n  let previousCommandType: TSimpleParseCommandType = 'M';\n  path.path.forEach((command, commandIndex) => {\n    const commandType = command[0];\n\n    if (commandType !== 'Z') {\n      controls[`c_${commandIndex}_${commandType}`] = createControl(\n        commandIndex,\n        command.length - 2,\n        false,\n        options,\n      );\n    }\n    switch (commandType) {\n      case 'C':\n        controls[`c_${commandIndex}_C_CP_1`] = createControl(\n          commandIndex,\n          1,\n          true,\n          options,\n          commandIndex - 1,\n          indexFromPrevCommand(previousCommandType),\n        );\n        controls[`c_${commandIndex}_C_CP_2`] = createControl(\n          commandIndex,\n          3,\n          true,\n          options,\n          commandIndex,\n          5,\n        );\n        break;\n      case 'Q':\n        controls[`c_${commandIndex}_Q_CP_1`] = createControl(\n          commandIndex,\n          1,\n          true,\n          options,\n          commandIndex,\n          3,\n        );\n        break;\n    }\n    previousCommandType = commandType;\n  });\n  return controls;\n}\n"],"mappings":"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"}

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

@@ -1,30 +0,0 @@
-import { Point } from '../Point';
-import { Control } from './Control';
-import type { TMat2D } from '../typedefs';
-import type { Polyline } from '../shapes/Polyline';
-import type { TPointerEvent, Transform, TransformActionHandler } from '../EventTypeDefs';
-type TTransformAnchor = Transform & {
-    pointIndex: number;
-};
-/**
- * This function locates the controls.
- * It'll be used both for drawing and for interaction.
- */
-export declare const createPolyPositionHandler: (pointIndex: number) => (dim: Point, finalMatrix: TMat2D, polyObject: Polyline) => Point;
-/**
- * This function defines what the control does.
- * It'll be called on every mouse move after a control has been clicked and is being dragged.
- * The function receives as argument the mouse event, the current transform object
- * and the current position in canvas coordinate `transform.target` is a reference to the
- * current object being transformed.
- */
-export declare const polyActionHandler: (eventData: TPointerEvent, transform: TTransformAnchor, x: number, y: number) => boolean;
-/**
- * Keep the polygon in the same position when we change its `width`/`height`/`top`/`left`.
- */
-export declare const factoryPolyActionHandler: (pointIndex: number, fn: TransformActionHandler<TTransformAnchor>) => (eventData: TPointerEvent, transform: Transform, x: number, y: number) => boolean;
-export declare const createPolyActionHandler: (pointIndex: number) => TransformActionHandler<Transform>;
-export declare function createPolyControls(poly: Polyline, options?: Partial<Control>): Record<string, Control>;
-export declare function createPolyControls(numOfControls: number, options?: Partial<Control>): Record<string, Control>;
-export {};
-//# sourceMappingURL=polyControl.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"polyControl.d.ts","sourceRoot":"","sources":["../../../src/controls/polyControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,OAAO,KAAK,EAEV,aAAa,EACb,SAAS,EACT,sBAAsB,EACvB,MAAM,kBAAkB,CAAC;AAO1B,KAAK,gBAAgB,GAAG,SAAS,GAAG;IAAE,UAAU,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3D;;;GAGG;AACH,eAAO,MAAM,yBAAyB,GAAI,YAAY,MAAM,MACzC,KAAK,KAAK,EAAE,aAAa,MAAM,EAAE,YAAY,QAAQ,UAWvE,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,GAC5B,WAAW,aAAa,EACxB,WAAW,gBAAgB,EAC3B,GAAG,MAAM,EACT,GAAG,MAAM,YAcV,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,GACnC,YAAY,MAAM,EAClB,IAAI,sBAAsB,CAAC,gBAAgB,CAAC,MAG1C,WAAW,aAAa,EACxB,WAAW,SAAS,EACpB,GAAG,MAAM,EACT,GAAG,MAAM,YAqBZ,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,YAAY,MAAM,sCAIvD,CAAC;AAEJ,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,QAAQ,EACd,OAAO,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,GACzB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAC3B,wBAAgB,kBAAkB,CAChC,aAAa,EAAE,MAAM,EACrB,OAAO,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,GACzB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC"}

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

@@ -1,2 +0,0 @@
-import{MODIFY_POLY as e}from"../constants.min.mjs";import{Point as t}from"../Point.min.mjs";import{multiplyTransformMatrices as n}from"../util/misc/matrix.min.mjs";import{sendPointToPlane as r}from"../util/misc/planeChange.min.mjs";import{wrapWithFireEvent as i}from"./wrapWithFireEvent.min.mjs";import{Control as a}from"./Control.min.mjs";const o=e,s=e=>function(r,i,a){let{points:o,pathOffset:s}=a;return new t(o[e]).subtract(s).transform(n(a.getViewportTransform(),a.calcTransformMatrix()))},c=(e,n,i,a)=>{let{target:o,pointIndex:s}=n,c=o,l=r(new t(i,a),void 0,c.calcOwnMatrix());return c.points[s]=l.add(c.pathOffset),c.setDimensions(),c.set(`dirty`,!0),!0},l=(e,n)=>function(r,i,a,o){let s=i.target,c=new t(s.points[(e>0?e:s.points.length)-1]),l=c.subtract(s.pathOffset).transform(s.calcOwnMatrix()),u=n(r,{...i,pointIndex:e},a,o),d=c.subtract(s.pathOffset).transform(s.calcOwnMatrix()).subtract(l);return s.left-=d.x,s.top-=d.y,u},u=e=>i(o,l(e,c));function d(e,t={}){let n={};for(let r=0;r<(typeof e==`number`?e:e.points.length);r++)n[`p${r}`]=new a({actionName:o,positionHandler:s(r),actionHandler:u(r),...t});return n}export{u as createPolyActionHandler,d as createPolyControls,s as createPolyPositionHandler,l as factoryPolyActionHandler,c as polyActionHandler};
-//# sourceMappingURL=polyControl.min.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"polyControl.min.mjs","names":[],"sources":["../../../src/controls/polyControl.ts"],"sourcesContent":["import { Point } from '../Point';\nimport { Control } from './Control';\nimport type { TMat2D } from '../typedefs';\nimport type { Polyline } from '../shapes/Polyline';\nimport { multiplyTransformMatrices } from '../util/misc/matrix';\nimport type {\n  TModificationEvents,\n  TPointerEvent,\n  Transform,\n  TransformActionHandler,\n} from '../EventTypeDefs';\nimport { wrapWithFireEvent } from './wrapWithFireEvent';\nimport { sendPointToPlane } from '../util/misc/planeChange';\nimport { MODIFY_POLY } from '../constants';\n\nconst ACTION_NAME: TModificationEvents = MODIFY_POLY;\n\ntype TTransformAnchor = Transform & { pointIndex: number };\n\n/**\n * This function locates the controls.\n * It'll be used both for drawing and for interaction.\n */\nexport const createPolyPositionHandler = (pointIndex: number) => {\n  return function (dim: Point, finalMatrix: TMat2D, polyObject: Polyline) {\n    const { points, pathOffset } = polyObject;\n    return new Point(points[pointIndex])\n      .subtract(pathOffset)\n      .transform(\n        multiplyTransformMatrices(\n          polyObject.getViewportTransform(),\n          polyObject.calcTransformMatrix(),\n        ),\n      );\n  };\n};\n\n/**\n * This function defines what the control does.\n * It'll be called on every mouse move after a control has been clicked and is being dragged.\n * The function receives as argument the mouse event, the current transform object\n * and the current position in canvas coordinate `transform.target` is a reference to the\n * current object being transformed.\n */\nexport const polyActionHandler = (\n  eventData: TPointerEvent,\n  transform: TTransformAnchor,\n  x: number,\n  y: number,\n) => {\n  const { target, pointIndex } = transform;\n  const poly = target as Polyline;\n  const mouseLocalPosition = sendPointToPlane(\n    new Point(x, y),\n    undefined,\n    poly.calcOwnMatrix(),\n  );\n\n  poly.points[pointIndex] = mouseLocalPosition.add(poly.pathOffset);\n  poly.setDimensions();\n  poly.set('dirty', true);\n  return true;\n};\n\n/**\n * Keep the polygon in the same position when we change its `width`/`height`/`top`/`left`.\n */\nexport const factoryPolyActionHandler = (\n  pointIndex: number,\n  fn: TransformActionHandler<TTransformAnchor>,\n) => {\n  return function (\n    eventData: TPointerEvent,\n    transform: Transform,\n    x: number,\n    y: number,\n  ) {\n    const poly = transform.target as Polyline,\n      anchorPoint = new Point(\n        poly.points[(pointIndex > 0 ? pointIndex : poly.points.length) - 1],\n      ),\n      anchorPointInParentPlane = anchorPoint\n        .subtract(poly.pathOffset)\n        .transform(poly.calcOwnMatrix()),\n      actionPerformed = fn(eventData, { ...transform, pointIndex }, x, y);\n\n    const newAnchorPointInParentPlane = anchorPoint\n      .subtract(poly.pathOffset)\n      .transform(poly.calcOwnMatrix());\n\n    const diff = newAnchorPointInParentPlane.subtract(anchorPointInParentPlane);\n    poly.left -= diff.x;\n    poly.top -= diff.y;\n\n    return actionPerformed;\n  };\n};\n\nexport const createPolyActionHandler = (pointIndex: number) =>\n  wrapWithFireEvent(\n    ACTION_NAME,\n    factoryPolyActionHandler(pointIndex, polyActionHandler),\n  );\n\nexport function createPolyControls(\n  poly: Polyline,\n  options?: Partial<Control>,\n): Record<string, Control>;\nexport function createPolyControls(\n  numOfControls: number,\n  options?: Partial<Control>,\n): Record<string, Control>;\nexport function createPolyControls(\n  arg0: number | Polyline,\n  options: Partial<Control> = {},\n) {\n  const controls = {} as Record<string, Control>;\n  for (\n    let idx = 0;\n    idx < (typeof arg0 === 'number' ? arg0 : arg0.points.length);\n    idx++\n  ) {\n    controls[`p${idx}`] = new Control({\n      actionName: ACTION_NAME,\n      positionHandler: createPolyPositionHandler(idx),\n      actionHandler: createPolyActionHandler(idx),\n      ...options,\n    });\n  }\n  return controls;\n}\n"],"mappings":"oVAeA,MAAM,EAAmC,EAQ5B,EAA6B,GACjC,SAAU,EAAY,EAAqB,EAAA,CAChD,GAAA,CAAM,OAAE,EAAA,WAAQ,GAAe,EAC/B,OAAO,IAAI,EAAM,EAAO,GAAA,CACrB,SAAS,EAAA,CACT,UACC,EACE,EAAW,sBAAA,CACX,EAAW,qBAAA,CAAA,CAAA,EAaR,GACX,EACA,EACA,EACA,IAAA,CAEA,GAAA,CAAM,OAAE,EAAA,WAAQ,GAAe,EACzB,EAAO,EACP,EAAqB,EACzB,IAAI,EAAM,EAAG,EAAA,CAAA,IACb,GACA,EAAK,eAAA,CAAA,CAMP,MAHA,GAAK,OAAO,GAAc,EAAmB,IAAI,EAAK,WAAA,CACtD,EAAK,eAAA,CACL,EAAK,IAAI,QAAA,CAAS,EAAA,CAAA,CACX,GAMI,GACX,EACA,IAEO,SACL,EACA,EACA,EACA,EAAA,CAEA,IAAM,EAAO,EAAU,OACrB,EAAc,IAAI,EAChB,EAAK,QAAQ,EAAa,EAAI,EAAa,EAAK,OAAO,QAAU,GAAA,CAEnE,EAA2B,EACxB,SAAS,EAAK,WAAA,CACd,UAAU,EAAK,eAAA,CAAA,CAClB,EAAkB,EAAG,EAAW,CAAA,GAAK,EAAW,WAAA,EAAA,CAAc,EAAG,EAAA,CAM7D,EAJ8B,EACjC,SAAS,EAAK,WAAA,CACd,UAAU,EAAK,eAAA,CAAA,CAEuB,SAAS,EAAA,CAIlD,MAHA,GAAK,MAAQ,EAAK,EAClB,EAAK,KAAO,EAAK,EAEV,GAIE,EAA2B,GACtC,EACE,EACA,EAAyB,EAAY,EAAA,CAAA,CAWzC,SAAgB,EACd,EACA,EAA4B,EAAA,CAAA,CAE5B,IAAM,EAAW,EAAA,CACjB,IACE,IAAI,EAAM,EACV,GAAuB,OAAT,GAAS,SAAW,EAAO,EAAK,OAAO,QACrD,IAEA,EAAS,IAAI,KAAS,IAAI,EAAQ,CAChC,WAAY,EACZ,gBAAiB,EAA0B,EAAA,CAC3C,cAAe,EAAwB,EAAA,CAAA,GACpC,EAAA,CAAA,CAGP,OAAO,EAAA,OAAA,KAAA,wBAAA,KAAA,mBAAA,KAAA,0BAAA,KAAA,yBAAA,KAAA"}

package/dist/src/controls/polyControl.mjs

@@ -1,64 +0,0 @@
-import { MODIFY_POLY } from "../constants.mjs";
-import { Point } from "../Point.mjs";
-import { multiplyTransformMatrices } from "../util/misc/matrix.mjs";
-import { sendPointToPlane } from "../util/misc/planeChange.mjs";
-import { wrapWithFireEvent } from "./wrapWithFireEvent.mjs";
-import { Control } from "./Control.mjs";
-//#region src/controls/polyControl.ts
-const ACTION_NAME = MODIFY_POLY;
-/**
-* This function locates the controls.
-* It'll be used both for drawing and for interaction.
-*/
-const createPolyPositionHandler = (pointIndex) => {
-	return function(dim, finalMatrix, polyObject) {
-		const { points, pathOffset } = polyObject;
-		return new Point(points[pointIndex]).subtract(pathOffset).transform(multiplyTransformMatrices(polyObject.getViewportTransform(), polyObject.calcTransformMatrix()));
-	};
-};
-/**
-* This function defines what the control does.
-* It'll be called on every mouse move after a control has been clicked and is being dragged.
-* The function receives as argument the mouse event, the current transform object
-* and the current position in canvas coordinate `transform.target` is a reference to the
-* current object being transformed.
-*/
-const polyActionHandler = (eventData, transform, x, y) => {
-	const { target, pointIndex } = transform;
-	const poly = target;
-	const mouseLocalPosition = sendPointToPlane(new Point(x, y), void 0, poly.calcOwnMatrix());
-	poly.points[pointIndex] = mouseLocalPosition.add(poly.pathOffset);
-	poly.setDimensions();
-	poly.set("dirty", true);
-	return true;
-};
-/**
-* Keep the polygon in the same position when we change its `width`/`height`/`top`/`left`.
-*/
-const factoryPolyActionHandler = (pointIndex, fn) => {
-	return function(eventData, transform, x, y) {
-		const poly = transform.target, anchorPoint = new Point(poly.points[(pointIndex > 0 ? pointIndex : poly.points.length) - 1]), anchorPointInParentPlane = anchorPoint.subtract(poly.pathOffset).transform(poly.calcOwnMatrix()), actionPerformed = fn(eventData, {
-			...transform,
-			pointIndex
-		}, x, y);
-		const diff = anchorPoint.subtract(poly.pathOffset).transform(poly.calcOwnMatrix()).subtract(anchorPointInParentPlane);
-		poly.left -= diff.x;
-		poly.top -= diff.y;
-		return actionPerformed;
-	};
-};
-const createPolyActionHandler = (pointIndex) => wrapWithFireEvent(ACTION_NAME, factoryPolyActionHandler(pointIndex, polyActionHandler));
-function createPolyControls(arg0, options = {}) {
-	const controls = {};
-	for (let idx = 0; idx < (typeof arg0 === "number" ? arg0 : arg0.points.length); idx++) controls[`p${idx}`] = new Control({
-		actionName: ACTION_NAME,
-		positionHandler: createPolyPositionHandler(idx),
-		actionHandler: createPolyActionHandler(idx),
-		...options
-	});
-	return controls;
-}
-//#endregion
-export { createPolyActionHandler, createPolyControls, createPolyPositionHandler, factoryPolyActionHandler, polyActionHandler };
-
-//# sourceMappingURL=polyControl.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"polyControl.mjs","names":[],"sources":["../../../src/controls/polyControl.ts"],"sourcesContent":["import { Point } from '../Point';\nimport { Control } from './Control';\nimport type { TMat2D } from '../typedefs';\nimport type { Polyline } from '../shapes/Polyline';\nimport { multiplyTransformMatrices } from '../util/misc/matrix';\nimport type {\n  TModificationEvents,\n  TPointerEvent,\n  Transform,\n  TransformActionHandler,\n} from '../EventTypeDefs';\nimport { wrapWithFireEvent } from './wrapWithFireEvent';\nimport { sendPointToPlane } from '../util/misc/planeChange';\nimport { MODIFY_POLY } from '../constants';\n\nconst ACTION_NAME: TModificationEvents = MODIFY_POLY;\n\ntype TTransformAnchor = Transform & { pointIndex: number };\n\n/**\n * This function locates the controls.\n * It'll be used both for drawing and for interaction.\n */\nexport const createPolyPositionHandler = (pointIndex: number) => {\n  return function (dim: Point, finalMatrix: TMat2D, polyObject: Polyline) {\n    const { points, pathOffset } = polyObject;\n    return new Point(points[pointIndex])\n      .subtract(pathOffset)\n      .transform(\n        multiplyTransformMatrices(\n          polyObject.getViewportTransform(),\n          polyObject.calcTransformMatrix(),\n        ),\n      );\n  };\n};\n\n/**\n * This function defines what the control does.\n * It'll be called on every mouse move after a control has been clicked and is being dragged.\n * The function receives as argument the mouse event, the current transform object\n * and the current position in canvas coordinate `transform.target` is a reference to the\n * current object being transformed.\n */\nexport const polyActionHandler = (\n  eventData: TPointerEvent,\n  transform: TTransformAnchor,\n  x: number,\n  y: number,\n) => {\n  const { target, pointIndex } = transform;\n  const poly = target as Polyline;\n  const mouseLocalPosition = sendPointToPlane(\n    new Point(x, y),\n    undefined,\n    poly.calcOwnMatrix(),\n  );\n\n  poly.points[pointIndex] = mouseLocalPosition.add(poly.pathOffset);\n  poly.setDimensions();\n  poly.set('dirty', true);\n  return true;\n};\n\n/**\n * Keep the polygon in the same position when we change its `width`/`height`/`top`/`left`.\n */\nexport const factoryPolyActionHandler = (\n  pointIndex: number,\n  fn: TransformActionHandler<TTransformAnchor>,\n) => {\n  return function (\n    eventData: TPointerEvent,\n    transform: Transform,\n    x: number,\n    y: number,\n  ) {\n    const poly = transform.target as Polyline,\n      anchorPoint = new Point(\n        poly.points[(pointIndex > 0 ? pointIndex : poly.points.length) - 1],\n      ),\n      anchorPointInParentPlane = anchorPoint\n        .subtract(poly.pathOffset)\n        .transform(poly.calcOwnMatrix()),\n      actionPerformed = fn(eventData, { ...transform, pointIndex }, x, y);\n\n    const newAnchorPointInParentPlane = anchorPoint\n      .subtract(poly.pathOffset)\n      .transform(poly.calcOwnMatrix());\n\n    const diff = newAnchorPointInParentPlane.subtract(anchorPointInParentPlane);\n    poly.left -= diff.x;\n    poly.top -= diff.y;\n\n    return actionPerformed;\n  };\n};\n\nexport const createPolyActionHandler = (pointIndex: number) =>\n  wrapWithFireEvent(\n    ACTION_NAME,\n    factoryPolyActionHandler(pointIndex, polyActionHandler),\n  );\n\nexport function createPolyControls(\n  poly: Polyline,\n  options?: Partial<Control>,\n): Record<string, Control>;\nexport function createPolyControls(\n  numOfControls: number,\n  options?: Partial<Control>,\n): Record<string, Control>;\nexport function createPolyControls(\n  arg0: number | Polyline,\n  options: Partial<Control> = {},\n) {\n  const controls = {} as Record<string, Control>;\n  for (\n    let idx = 0;\n    idx < (typeof arg0 === 'number' ? arg0 : arg0.points.length);\n    idx++\n  ) {\n    controls[`p${idx}`] = new Control({\n      actionName: ACTION_NAME,\n      positionHandler: createPolyPositionHandler(idx),\n      actionHandler: createPolyActionHandler(idx),\n      ...options,\n    });\n  }\n  return controls;\n}\n"],"mappings":";;;;;;;AAeA,MAAM,cAAmC;;;;;AAQzC,MAAa,6BAA6B,eAAuB;AAC/D,QAAO,SAAU,KAAY,aAAqB,YAAsB;EACtE,MAAM,EAAE,QAAQ,eAAe;AAC/B,SAAO,IAAI,MAAM,OAAO,YAAY,CACjC,SAAS,WAAW,CACpB,UACC,0BACE,WAAW,sBAAsB,EACjC,WAAW,qBAAqB,CACjC,CACF;;;;;;;;;;AAWP,MAAa,qBACX,WACA,WACA,GACA,MACG;CACH,MAAM,EAAE,QAAQ,eAAe;CAC/B,MAAM,OAAO;CACb,MAAM,qBAAqB,iBACzB,IAAI,MAAM,GAAG,EAAE,EACf,KAAA,GACA,KAAK,eAAe,CACrB;AAED,MAAK,OAAO,cAAc,mBAAmB,IAAI,KAAK,WAAW;AACjE,MAAK,eAAe;AACpB,MAAK,IAAI,SAAS,KAAK;AACvB,QAAO;;;;;AAMT,MAAa,4BACX,YACA,OACG;AACH,QAAO,SACL,WACA,WACA,GACA,GACA;EACA,MAAM,OAAO,UAAU,QACrB,cAAc,IAAI,MAChB,KAAK,QAAQ,aAAa,IAAI,aAAa,KAAK,OAAO,UAAU,GAClE,EACD,2BAA2B,YACxB,SAAS,KAAK,WAAW,CACzB,UAAU,KAAK,eAAe,CAAC,EAClC,kBAAkB,GAAG,WAAW;GAAE,GAAG;GAAW;GAAY,EAAE,GAAG,EAAE;EAMrE,MAAM,OAJ8B,YACjC,SAAS,KAAK,WAAW,CACzB,UAAU,KAAK,eAAe,CAAC,CAEO,SAAS,yBAAyB;AAC3E,OAAK,QAAQ,KAAK;AAClB,OAAK,OAAO,KAAK;AAEjB,SAAO;;;AAIX,MAAa,2BAA2B,eACtC,kBACE,aACA,yBAAyB,YAAY,kBAAkB,CACxD;AAUH,SAAgB,mBACd,MACA,UAA4B,EAAE,EAC9B;CACA,MAAM,WAAW,EAAE;AACnB,MACE,IAAI,MAAM,GACV,OAAO,OAAO,SAAS,WAAW,OAAO,KAAK,OAAO,SACrD,MAEA,UAAS,IAAI,SAAS,IAAI,QAAQ;EAChC,YAAY;EACZ,iBAAiB,0BAA0B,IAAI;EAC/C,eAAe,wBAAwB,IAAI;EAC3C,GAAG;EACJ,CAAC;AAEJ,QAAO"}

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

@@ -1,12 +0,0 @@
-import type { ControlCursorCallback, TransformActionHandler } from '../EventTypeDefs';
-/**
- * Find the correct style for the control that is used for rotation.
- * this function is very simple and it just take care of not-allowed or standard cursor
- * @param {Event} eventData the javascript event that is causing the scale
- * @param {Control} control the control that is interested in the action
- * @param {FabricObject} fabricObject the fabric object that is interested in the action
- * @return {String} a valid css string for the cursor
- */
-export declare const rotationStyleHandler: ControlCursorCallback;
-export declare const rotationWithSnapping: TransformActionHandler<import("../EventTypeDefs").Transform>;
-//# sourceMappingURL=rotate.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"rotate.d.ts","sourceRoot":"","sources":["../../../src/controls/rotate.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,sBAAsB,EACvB,MAAM,kBAAkB,CAAC;AAO1B;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,EAAE,qBASlC,CAAC;AAqDF,eAAO,MAAM,oBAAoB,8DAGhC,CAAC"}

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

@@ -1,2 +0,0 @@
-import{ROTATING as e}from"../constants.min.mjs";import{radiansToDegrees as t}from"../util/misc/radiansDegreesConversion.min.mjs";import{NOT_ALLOWED_CURSOR as n,isLocked 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,t,r)=>r.lockRotation?n:t.cursorStyle,s=i(e,a((e,{target:n,ex:i,ey:a,theta:o,originX:s,originY:c},l,u)=>{let d=n.getPositionByOrigin(s,c);if(r(n,`lockRotation`))return!1;let f=Math.atan2(a-d.y,i-d.x),p=t(Math.atan2(u-d.y,l-d.x)-f+o);if(n.snapAngle&&n.snapAngle>0){let e=n.snapAngle,t=n.snapThreshold||e,r=Math.ceil(p/e)*e,i=Math.floor(p/e)*e;Math.abs(p-i)<t?p=i:Math.abs(p-r)<t&&(p=r)}p<0&&(p=360+p),p%=360;let m=n.angle!==p;return n.angle=p,m}));export{o as rotationStyleHandler,s as rotationWithSnapping};
-//# sourceMappingURL=rotate.min.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"rotate.min.mjs","names":[],"sources":["../../../src/controls/rotate.ts"],"sourcesContent":["import type {\n  ControlCursorCallback,\n  TransformActionHandler,\n} from '../EventTypeDefs';\nimport { ROTATING } from '../constants';\nimport { radiansToDegrees } from '../util/misc/radiansDegreesConversion';\nimport { isLocked, NOT_ALLOWED_CURSOR } from './util';\nimport { wrapWithFireEvent } from './wrapWithFireEvent';\nimport { wrapWithFixedAnchor } from './wrapWithFixedAnchor';\n\n/**\n * Find the correct style for the control that is used for rotation.\n * this function is very simple and it just take care of not-allowed or standard cursor\n * @param {Event} eventData the javascript event that is causing the scale\n * @param {Control} control the control that is interested in the action\n * @param {FabricObject} fabricObject the fabric object that is interested in the action\n * @return {String} a valid css string for the cursor\n */\nexport const rotationStyleHandler: ControlCursorCallback = (\n  eventData,\n  control,\n  fabricObject,\n) => {\n  if (fabricObject.lockRotation) {\n    return NOT_ALLOWED_CURSOR;\n  }\n  return control.cursorStyle;\n};\n\n/**\n * Action handler for rotation and snapping, without anchor point.\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\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 * @private\n */\nconst rotateObjectWithSnapping: TransformActionHandler = (\n  eventData,\n  { target, ex, ey, theta, originX, originY },\n  x,\n  y,\n) => {\n  const pivotPoint = target.getPositionByOrigin(originX, originY);\n\n  if (isLocked(target, 'lockRotation')) {\n    return false;\n  }\n\n  const lastAngle = Math.atan2(ey - pivotPoint.y, ex - pivotPoint.x),\n    curAngle = Math.atan2(y - pivotPoint.y, x - pivotPoint.x);\n  let angle = radiansToDegrees(curAngle - lastAngle + theta);\n\n  if (target.snapAngle && target.snapAngle > 0) {\n    const snapAngle = target.snapAngle,\n      snapThreshold = target.snapThreshold || snapAngle,\n      rightAngleLocked = Math.ceil(angle / snapAngle) * snapAngle,\n      leftAngleLocked = Math.floor(angle / snapAngle) * snapAngle;\n\n    if (Math.abs(angle - leftAngleLocked) < snapThreshold) {\n      angle = leftAngleLocked;\n    } else if (Math.abs(angle - rightAngleLocked) < snapThreshold) {\n      angle = rightAngleLocked;\n    }\n  }\n\n  // normalize angle to positive value\n  if (angle < 0) {\n    angle = 360 + angle;\n  }\n  angle %= 360;\n\n  const hasRotated = target.angle !== angle;\n  // TODO: why aren't we using set?\n  target.angle = angle;\n  return hasRotated;\n};\n\nexport const rotationWithSnapping = wrapWithFireEvent(\n  ROTATING,\n  wrapWithFixedAnchor(rotateObjectWithSnapping),\n);\n"],"mappings":"uUAkBA,MAAa,GACX,EACA,EACA,IAEI,EAAa,aACR,EAEF,EAAQ,YAsDJ,EAAuB,EAClC,EACA,GA1CA,EAAA,CACE,OAAA,EAAQ,GAAA,EAAI,GAAA,EAAI,MAAA,EAAO,QAAA,EAAS,QAAA,GAClC,EACA,IAAA,CAEA,IAAM,EAAa,EAAO,oBAAoB,EAAS,EAAA,CAEvD,GAAI,EAAS,EAAQ,eAAA,CACnB,MAAA,CAAO,EAGT,IAAM,EAAY,KAAK,MAAM,EAAK,EAAW,EAAG,EAAK,EAAW,EAAA,CAE5D,EAAQ,EADC,KAAK,MAAM,EAAI,EAAW,EAAG,EAAI,EAAW,EAAA,CACjB,EAAY,EAAA,CAEpD,GAAI,EAAO,WAAa,EAAO,UAAY,EAAG,CAC5C,IAAM,EAAY,EAAO,UACvB,EAAgB,EAAO,eAAiB,EACxC,EAAmB,KAAK,KAAK,EAAQ,EAAA,CAAa,EAClD,EAAkB,KAAK,MAAM,EAAQ,EAAA,CAAa,EAEhD,KAAK,IAAI,EAAQ,EAAA,CAAmB,EACtC,EAAQ,EACC,KAAK,IAAI,EAAQ,EAAA,CAAoB,IAC9C,EAAQ,GAKR,EAAQ,IACV,EAAQ,IAAM,GAEhB,GAAS,IAET,IAAM,EAAa,EAAO,QAAU,EAGpC,MADA,GAAO,MAAQ,EACR,GAAA,CAAA,CAAA,OAAA,KAAA,qBAAA,KAAA"}

package/dist/src/controls/rotate.mjs

@@ -1,49 +0,0 @@
-import { ROTATING } from "../constants.mjs";
-import { radiansToDegrees } from "../util/misc/radiansDegreesConversion.mjs";
-import { NOT_ALLOWED_CURSOR, isLocked } from "./util.mjs";
-import { wrapWithFireEvent } from "./wrapWithFireEvent.mjs";
-import { wrapWithFixedAnchor } from "./wrapWithFixedAnchor.mjs";
-//#region src/controls/rotate.ts
-/**
-* Find the correct style for the control that is used for rotation.
-* this function is very simple and it just take care of not-allowed or standard cursor
-* @param {Event} eventData the javascript event that is causing the scale
-* @param {Control} control the control that is interested in the action
-* @param {FabricObject} fabricObject the fabric object that is interested in the action
-* @return {String} a valid css string for the cursor
-*/
-const rotationStyleHandler = (eventData, control, fabricObject) => {
-	if (fabricObject.lockRotation) return NOT_ALLOWED_CURSOR;
-	return control.cursorStyle;
-};
-/**
-* Action handler for rotation and snapping, without anchor point.
-* Needs to be wrapped with `wrapWithFixedAnchor` to be effective
-* @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
-* @private
-*/
-const rotateObjectWithSnapping = (eventData, { target, ex, ey, theta, originX, originY }, x, y) => {
-	const pivotPoint = target.getPositionByOrigin(originX, originY);
-	if (isLocked(target, "lockRotation")) return false;
-	const lastAngle = Math.atan2(ey - pivotPoint.y, ex - pivotPoint.x);
-	let angle = radiansToDegrees(Math.atan2(y - pivotPoint.y, x - pivotPoint.x) - lastAngle + theta);
-	if (target.snapAngle && target.snapAngle > 0) {
-		const snapAngle = target.snapAngle, snapThreshold = target.snapThreshold || snapAngle, rightAngleLocked = Math.ceil(angle / snapAngle) * snapAngle, leftAngleLocked = Math.floor(angle / snapAngle) * snapAngle;
-		if (Math.abs(angle - leftAngleLocked) < snapThreshold) angle = leftAngleLocked;
-		else if (Math.abs(angle - rightAngleLocked) < snapThreshold) angle = rightAngleLocked;
-	}
-	if (angle < 0) angle = 360 + angle;
-	angle %= 360;
-	const hasRotated = target.angle !== angle;
-	target.angle = angle;
-	return hasRotated;
-};
-const rotationWithSnapping = wrapWithFireEvent(ROTATING, wrapWithFixedAnchor(rotateObjectWithSnapping));
-//#endregion
-export { rotationStyleHandler, rotationWithSnapping };
-
-//# sourceMappingURL=rotate.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"rotate.mjs","names":[],"sources":["../../../src/controls/rotate.ts"],"sourcesContent":["import type {\n  ControlCursorCallback,\n  TransformActionHandler,\n} from '../EventTypeDefs';\nimport { ROTATING } from '../constants';\nimport { radiansToDegrees } from '../util/misc/radiansDegreesConversion';\nimport { isLocked, NOT_ALLOWED_CURSOR } from './util';\nimport { wrapWithFireEvent } from './wrapWithFireEvent';\nimport { wrapWithFixedAnchor } from './wrapWithFixedAnchor';\n\n/**\n * Find the correct style for the control that is used for rotation.\n * this function is very simple and it just take care of not-allowed or standard cursor\n * @param {Event} eventData the javascript event that is causing the scale\n * @param {Control} control the control that is interested in the action\n * @param {FabricObject} fabricObject the fabric object that is interested in the action\n * @return {String} a valid css string for the cursor\n */\nexport const rotationStyleHandler: ControlCursorCallback = (\n  eventData,\n  control,\n  fabricObject,\n) => {\n  if (fabricObject.lockRotation) {\n    return NOT_ALLOWED_CURSOR;\n  }\n  return control.cursorStyle;\n};\n\n/**\n * Action handler for rotation and snapping, without anchor point.\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\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 * @private\n */\nconst rotateObjectWithSnapping: TransformActionHandler = (\n  eventData,\n  { target, ex, ey, theta, originX, originY },\n  x,\n  y,\n) => {\n  const pivotPoint = target.getPositionByOrigin(originX, originY);\n\n  if (isLocked(target, 'lockRotation')) {\n    return false;\n  }\n\n  const lastAngle = Math.atan2(ey - pivotPoint.y, ex - pivotPoint.x),\n    curAngle = Math.atan2(y - pivotPoint.y, x - pivotPoint.x);\n  let angle = radiansToDegrees(curAngle - lastAngle + theta);\n\n  if (target.snapAngle && target.snapAngle > 0) {\n    const snapAngle = target.snapAngle,\n      snapThreshold = target.snapThreshold || snapAngle,\n      rightAngleLocked = Math.ceil(angle / snapAngle) * snapAngle,\n      leftAngleLocked = Math.floor(angle / snapAngle) * snapAngle;\n\n    if (Math.abs(angle - leftAngleLocked) < snapThreshold) {\n      angle = leftAngleLocked;\n    } else if (Math.abs(angle - rightAngleLocked) < snapThreshold) {\n      angle = rightAngleLocked;\n    }\n  }\n\n  // normalize angle to positive value\n  if (angle < 0) {\n    angle = 360 + angle;\n  }\n  angle %= 360;\n\n  const hasRotated = target.angle !== angle;\n  // TODO: why aren't we using set?\n  target.angle = angle;\n  return hasRotated;\n};\n\nexport const rotationWithSnapping = wrapWithFireEvent(\n  ROTATING,\n  wrapWithFixedAnchor(rotateObjectWithSnapping),\n);\n"],"mappings":";;;;;;;;;;;;;;AAkBA,MAAa,wBACX,WACA,SACA,iBACG;AACH,KAAI,aAAa,aACf,QAAO;AAET,QAAO,QAAQ;;;;;;;;;;;;AAajB,MAAM,4BACJ,WACA,EAAE,QAAQ,IAAI,IAAI,OAAO,SAAS,WAClC,GACA,MACG;CACH,MAAM,aAAa,OAAO,oBAAoB,SAAS,QAAQ;AAE/D,KAAI,SAAS,QAAQ,eAAe,CAClC,QAAO;CAGT,MAAM,YAAY,KAAK,MAAM,KAAK,WAAW,GAAG,KAAK,WAAW,EAAE;CAElE,IAAI,QAAQ,iBADC,KAAK,MAAM,IAAI,WAAW,GAAG,IAAI,WAAW,EAAE,GACnB,YAAY,MAAM;AAE1D,KAAI,OAAO,aAAa,OAAO,YAAY,GAAG;EAC5C,MAAM,YAAY,OAAO,WACvB,gBAAgB,OAAO,iBAAiB,WACxC,mBAAmB,KAAK,KAAK,QAAQ,UAAU,GAAG,WAClD,kBAAkB,KAAK,MAAM,QAAQ,UAAU,GAAG;AAEpD,MAAI,KAAK,IAAI,QAAQ,gBAAgB,GAAG,cACtC,SAAQ;WACC,KAAK,IAAI,QAAQ,iBAAiB,GAAG,cAC9C,SAAQ;;AAKZ,KAAI,QAAQ,EACV,SAAQ,MAAM;AAEhB,UAAS;CAET,MAAM,aAAa,OAAO,UAAU;AAEpC,QAAO,QAAQ;AACf,QAAO;;AAGT,MAAa,uBAAuB,kBAClC,UACA,oBAAoB,yBAAyB,CAC9C"}

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

@@ -1,42 +0,0 @@
-import type { ControlCursorCallback, TPointerEvent, Transform, TransformActionHandler } from '../EventTypeDefs';
-import type { FabricObject } from '../shapes/Object/FabricObject';
-import type { TAxis } from '../typedefs';
-type ScaleBy = TAxis | 'equally' | '' | undefined;
-/**
- * Inspect event and fabricObject properties to understand if the scaling action
- * @param {Event} eventData from the user action
- * @param {FabricObject} fabricObject the fabric object about to scale
- * @return {Boolean} true if scale is proportional
- */
-export declare function scaleIsProportional(eventData: TPointerEvent, fabricObject: FabricObject): boolean;
-/**
- * Inspect fabricObject to understand if the current scaling action is allowed
- * @param {FabricObject} fabricObject the fabric object about to scale
- * @param {String} by 'x' or 'y' or ''
- * @param {Boolean} scaleProportionally true if we are trying to scale proportionally
- * @return {Boolean} true if scaling is not allowed at current conditions
- */
-export declare function scalingIsForbidden(fabricObject: FabricObject, by: ScaleBy, scaleProportionally: boolean): boolean;
-/**
- * return the correct cursor style for the scale action
- * @param {Event} eventData the javascript event that is causing the scale
- * @param {Control} control the control that is interested in the action
- * @param {FabricObject} fabricObject the fabric object that is interested in the action
- * @return {String} a valid css string for the cursor
- */
-export declare const scaleCursorStyleHandler: ControlCursorCallback;
-/**
- * Generic scaling logic, to scale from corners either equally or freely.
- * Needs to be wrapped with `wrapWithFixedAnchor` to be effective
- * @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 scaleObjectFromCorner: TransformActionHandler;
-export declare const scalingEqually: TransformActionHandler<Transform>;
-export declare const scalingX: TransformActionHandler<Transform>;
-export declare const scalingY: TransformActionHandler<Transform>;
-export {};
-//# sourceMappingURL=scale.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"scale.d.ts","sourceRoot":"","sources":["../../../src/controls/scale.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,aAAa,EACb,SAAS,EACT,sBAAsB,EACvB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAoBzC,KAAK,OAAO,GAAG,KAAK,GAAG,SAAS,GAAG,EAAE,GAAG,SAAS,CAAC;AAElD;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,SAAS,EAAE,aAAa,EACxB,YAAY,EAAE,YAAY,GACzB,OAAO,CAOT;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAChC,YAAY,EAAE,YAAY,EAC1B,EAAE,EAAE,OAAO,EACX,mBAAmB,EAAE,OAAO,WA0B7B;AAID;;;;;;GAMG;AACH,eAAO,MAAM,uBAAuB,EAAE,qBAkBrC,CAAC;AA4GF;;;;;;;;GAQG;AACH,eAAO,MAAM,qBAAqB,EAAE,sBAOnC,CAAC;AA4BF,eAAO,MAAM,cAAc,mCAG1B,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAGpB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAGpB,CAAC"}

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

@@ -1,2 +0,0 @@
-import{SCALING as e}from"../constants.min.mjs";import{NOT_ALLOWED_CURSOR as t,findCornerQuadrant as n,getLocalPoint as r,invertOrigin as i,isLocked as a,isTransformCentered as o}from"./util.min.mjs";import{wrapWithFireEvent as s}from"./wrapWithFireEvent.min.mjs";import{wrapWithFixedAnchor as c}from"./wrapWithFixedAnchor.min.mjs";function l(e,t){let n=t.canvas,r=e[n.uniScaleKey];return n.uniformScaling&&!r||!n.uniformScaling&&r}function u(e,t,n){let r=a(e,`lockScalingX`),i=a(e,`lockScalingY`);if(r&&i||!t&&(r||i)&&n||r&&t===`x`||i&&t===`y`)return!0;let{width:o,height:s,strokeWidth:c}=e;return o===0&&c===0&&t!==`y`||s===0&&c===0&&t!==`x`}const d=[`e`,`se`,`s`,`sw`,`w`,`nw`,`n`,`ne`,`e`],f=(e,r,i,a)=>{let o=l(e,i);return u(i,r.x!==0&&r.y===0?`x`:r.x===0&&r.y!==0?`y`:``,o)?t:`${d[n(i,r,a)]}-resize`};function p(e,t,n,s,c={}){let d=t.target,f=c.by,p=l(e,d),m,h,g,_,v,y;if(u(d,f,p))return!1;if(t.gestureScale)h=t.scaleX*t.gestureScale,g=t.scaleY*t.gestureScale;else{if(m=r(t,t.originX,t.originY,n,s),v=f===`y`?1:Math.sign(m.x||t.signX||1),y=f===`x`?1:Math.sign(m.y||t.signY||1),t.signX||(t.signX=v),t.signY||(t.signY=y),a(d,`lockScalingFlip`)&&(t.signX!==v||t.signY!==y))return!1;if(_=d._getTransformedDimensions(),p&&!f){let e=Math.abs(m.x)+Math.abs(m.y),{original:n}=t,r=e/(Math.abs(_.x*n.scaleX/d.scaleX)+Math.abs(_.y*n.scaleY/d.scaleY));h=n.scaleX*r,g=n.scaleY*r}else h=Math.abs(m.x*d.scaleX/_.x),g=Math.abs(m.y*d.scaleY/_.y);o(t)&&(h*=2,g*=2),t.signX!==v&&f!==`y`&&(t.originX=i(t.originX),h*=-1,t.signX=v),t.signY!==y&&f!==`x`&&(t.originY=i(t.originY),g*=-1,t.signY=y)}let b=d.scaleX,x=d.scaleY;return f?(f===`x`&&d.set(`scaleX`,h),f===`y`&&d.set(`scaleY`,g)):(!a(d,`lockScalingX`)&&d.set(`scaleX`,h),!a(d,`lockScalingY`)&&d.set(`scaleY`,g)),b!==d.scaleX||x!==d.scaleY}const m=s(e,c((e,t,n,r)=>p(e,t,n,r))),h=s(e,c((e,t,n,r)=>p(e,t,n,r,{by:`x`}))),g=s(e,c((e,t,n,r)=>p(e,t,n,r,{by:`y`})));export{f as scaleCursorStyleHandler,m as scalingEqually,h as scalingX,g as scalingY};
-//# sourceMappingURL=scale.min.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"scale.min.mjs","names":[],"sources":["../../../src/controls/scale.ts"],"sourcesContent":["import type {\n  ControlCursorCallback,\n  TPointerEvent,\n  Transform,\n  TransformActionHandler,\n} from '../EventTypeDefs';\nimport type { FabricObject } from '../shapes/Object/FabricObject';\nimport type { TAxis } from '../typedefs';\nimport type { Canvas } from '../canvas/Canvas';\nimport {\n  findCornerQuadrant,\n  getLocalPoint,\n  invertOrigin,\n  isLocked,\n  isTransformCentered,\n  NOT_ALLOWED_CURSOR,\n} from './util';\nimport { wrapWithFireEvent } from './wrapWithFireEvent';\nimport { wrapWithFixedAnchor } from './wrapWithFixedAnchor';\nimport { SCALE_X, SCALE_Y, SCALING } from '../constants';\n\ntype ScaleTransform = Transform & {\n  gestureScale?: number;\n  signX?: number;\n  signY?: number;\n};\n\ntype ScaleBy = TAxis | 'equally' | '' | undefined;\n\n/**\n * Inspect event and fabricObject properties to understand if the scaling action\n * @param {Event} eventData from the user action\n * @param {FabricObject} fabricObject the fabric object about to scale\n * @return {Boolean} true if scale is proportional\n */\nexport function scaleIsProportional(\n  eventData: TPointerEvent,\n  fabricObject: FabricObject,\n): boolean {\n  const canvas = fabricObject.canvas as Canvas,\n    uniformIsToggled = eventData[canvas.uniScaleKey!];\n  return (\n    (canvas.uniformScaling && !uniformIsToggled) ||\n    (!canvas.uniformScaling && uniformIsToggled)\n  );\n}\n\n/**\n * Inspect fabricObject to understand if the current scaling action is allowed\n * @param {FabricObject} fabricObject the fabric object about to scale\n * @param {String} by 'x' or 'y' or ''\n * @param {Boolean} scaleProportionally true if we are trying to scale proportionally\n * @return {Boolean} true if scaling is not allowed at current conditions\n */\nexport function scalingIsForbidden(\n  fabricObject: FabricObject,\n  by: ScaleBy,\n  scaleProportionally: boolean,\n) {\n  const lockX = isLocked(fabricObject, 'lockScalingX'),\n    lockY = isLocked(fabricObject, 'lockScalingY');\n  if (lockX && lockY) {\n    return true;\n  }\n  if (!by && (lockX || lockY) && scaleProportionally) {\n    return true;\n  }\n  if (lockX && by === 'x') {\n    return true;\n  }\n  if (lockY && by === 'y') {\n    return true;\n  }\n  // code crashes because of a division by 0 if a 0 sized object is scaled\n  // forbid to prevent scaling to happen. ISSUE-9475\n  const { width, height, strokeWidth } = fabricObject;\n  if (width === 0 && strokeWidth === 0 && by !== 'y') {\n    return true;\n  }\n  if (height === 0 && strokeWidth === 0 && by !== 'x') {\n    return true;\n  }\n  return false;\n}\n\nconst scaleMap = ['e', 'se', 's', 'sw', 'w', 'nw', 'n', 'ne', 'e'];\n\n/**\n * return the correct cursor style for the scale action\n * @param {Event} eventData the javascript event that is causing the scale\n * @param {Control} control the control that is interested in the action\n * @param {FabricObject} fabricObject the fabric object that is interested in the action\n * @return {String} a valid css string for the cursor\n */\nexport const scaleCursorStyleHandler: ControlCursorCallback = (\n  eventData,\n  control,\n  fabricObject,\n  coord,\n) => {\n  const scaleProportionally = scaleIsProportional(eventData, fabricObject),\n    by =\n      control.x !== 0 && control.y === 0\n        ? 'x'\n        : control.x === 0 && control.y !== 0\n          ? 'y'\n          : '';\n  if (scalingIsForbidden(fabricObject, by, scaleProportionally)) {\n    return NOT_ALLOWED_CURSOR;\n  }\n  const n = findCornerQuadrant(fabricObject, control, coord);\n  return `${scaleMap[n]}-resize`;\n};\n\n/**\n * Basic scaling logic, reused with different constrain for scaling X,Y, freely or equally.\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\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 * @param {Object} options additional information for scaling\n * @param {String} options.by 'x', 'y', 'equally' or '' to indicate type of scaling\n * @return {Boolean} true if some change happened\n * @private\n */\nfunction scaleObject(\n  eventData: TPointerEvent,\n  transform: ScaleTransform,\n  x: number,\n  y: number,\n  options: { by?: ScaleBy } = {},\n) {\n  const target = transform.target,\n    by = options.by,\n    scaleProportionally = scaleIsProportional(eventData, target),\n    forbidScaling = scalingIsForbidden(target, by, scaleProportionally);\n  let newPoint, scaleX, scaleY, dim, signX, signY;\n\n  if (forbidScaling) {\n    return false;\n  }\n  if (transform.gestureScale) {\n    scaleX = transform.scaleX * transform.gestureScale;\n    scaleY = transform.scaleY * transform.gestureScale;\n  } else {\n    newPoint = getLocalPoint(\n      transform,\n      transform.originX,\n      transform.originY,\n      x,\n      y,\n    );\n    // use of sign: We use sign to detect change of direction of an action. sign usually change when\n    // we cross the origin point with the mouse. So a scale flip for example. There is an issue when scaling\n    // by center and scaling using one middle control ( default: mr, mt, ml, mb), the mouse movement can easily\n    // cross many time the origin point and flip the object. so we need a way to filter out the noise.\n    // This ternary here should be ok to filter out X scaling when we want Y only and vice versa.\n    signX = by !== 'y' ? Math.sign(newPoint.x || transform.signX || 1) : 1;\n    signY = by !== 'x' ? Math.sign(newPoint.y || transform.signY || 1) : 1;\n    if (!transform.signX) {\n      transform.signX = signX;\n    }\n    if (!transform.signY) {\n      transform.signY = signY;\n    }\n\n    if (\n      isLocked(target, 'lockScalingFlip') &&\n      (transform.signX !== signX || transform.signY !== signY)\n    ) {\n      return false;\n    }\n\n    dim = target._getTransformedDimensions();\n    // missing detection of flip and logic to switch the origin\n    if (scaleProportionally && !by) {\n      // uniform scaling\n      const distance = Math.abs(newPoint.x) + Math.abs(newPoint.y),\n        { original } = transform,\n        originalDistance =\n          Math.abs((dim.x * original.scaleX) / target.scaleX) +\n          Math.abs((dim.y * original.scaleY) / target.scaleY),\n        scale = distance / originalDistance;\n      scaleX = original.scaleX * scale;\n      scaleY = original.scaleY * scale;\n    } else {\n      scaleX = Math.abs((newPoint.x * target.scaleX) / dim.x);\n      scaleY = Math.abs((newPoint.y * target.scaleY) / dim.y);\n    }\n    // if we are scaling by center, we need to double the scale\n    if (isTransformCentered(transform)) {\n      scaleX *= 2;\n      scaleY *= 2;\n    }\n    if (transform.signX !== signX && by !== 'y') {\n      transform.originX = invertOrigin(transform.originX);\n      scaleX *= -1;\n      transform.signX = signX;\n    }\n    if (transform.signY !== signY && by !== 'x') {\n      transform.originY = invertOrigin(transform.originY);\n      scaleY *= -1;\n      transform.signY = signY;\n    }\n  }\n  // minScale is taken care of in the setter.\n  const oldScaleX = target.scaleX,\n    oldScaleY = target.scaleY;\n  if (!by) {\n    !isLocked(target, 'lockScalingX') && target.set(SCALE_X, scaleX);\n    !isLocked(target, 'lockScalingY') && target.set(SCALE_Y, scaleY);\n  } else {\n    // forbidden cases already handled on top here.\n    by === 'x' && target.set(SCALE_X, scaleX);\n    by === 'y' && target.set(SCALE_Y, scaleY);\n  }\n  return oldScaleX !== target.scaleX || oldScaleY !== target.scaleY;\n}\n\n/**\n * Generic scaling logic, to scale from corners either equally or freely.\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\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 scaleObjectFromCorner: TransformActionHandler = (\n  eventData,\n  transform,\n  x,\n  y,\n) => {\n  return scaleObject(eventData, transform, x, y);\n};\n\n/**\n * Scaling logic for the X axis.\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\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 */\nconst scaleObjectX: TransformActionHandler = (eventData, transform, x, y) => {\n  return scaleObject(eventData, transform, x, y, { by: 'x' });\n};\n\n/**\n * Scaling logic for the Y axis.\n * Needs to be wrapped with `wrapWithFixedAnchor` to be effective\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 */\nconst scaleObjectY: TransformActionHandler = (eventData, transform, x, y) => {\n  return scaleObject(eventData, transform, x, y, { by: 'y' });\n};\n\nexport const scalingEqually = wrapWithFireEvent(\n  SCALING,\n  wrapWithFixedAnchor(scaleObjectFromCorner),\n);\n\nexport const scalingX = wrapWithFireEvent(\n  SCALING,\n  wrapWithFixedAnchor(scaleObjectX),\n);\n\nexport const scalingY = wrapWithFireEvent(\n  SCALING,\n  wrapWithFixedAnchor(scaleObjectY),\n);\n"],"mappings":"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"}