@nasser-sw/fabric 7.0.0-beta1

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

@@ -0,0 +1 @@
+{"version":3,"file":"pathControl.min.mjs","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"],"names":["calcPathPointPosition","pathObject","commandIndex","pointIndex","path","pathOffset","command","Point","x","y","transform","multiplyTransformMatrices","getViewportTransform","calcTransformMatrix","pathPositionHandler","dim","finalMatrix","this","pathActionHandler","eventData","target","actionPerformed","movePathPoint","anchorCommand","length","anchorPoint","anchorPointInParentPlane","subtract","calcOwnMatrix","mouseLocalPosition","sendPointToPlane","undefined","setDimensions","diff","left","top","set","fireEvent","actionName","commonEventInfo","PathPointControl","Control","constructor","options","super","render","ctx","styleOverride","fabricObject","overrides","cornerColor","controlFill","cornerStrokeColor","controlStroke","transparentCorners","PathControlPointControl","connectToCommandIndex","connectToPointIndex","save","strokeStyle","connectionDashArray","setLineDash","commandType","point","point2","moveTo","lineTo","stroke","restore","createControl","commandIndexPos","pointIndexPos","isControlPoint","positionHandler","actionHandler","controlPointStyle","pointStyle","createPathControls","arguments","controls","previousCommandType","forEach","indexFromPrevCommand"],"mappings":"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"}

package/dist/src/controls/pathControl.mjs

@@ -0,0 +1,159 @@
+import { Point } from '../Point.mjs';
+import { Control } from './Control.mjs';
+import { multiplyTransformMatrices } from '../util/misc/matrix.mjs';
+import { sendPointToPlane } from '../util/misc/planeChange.mjs';
+import { fireEvent } from './fireEvent.mjs';
+import { commonEventInfo } from './util.mjs';
+
+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), undefined, pathObject.calcOwnMatrix());
+  path[commandIndex][pointIndex] = mouseLocalPosition.x + pathOffset.x;
+  path[commandIndex][pointIndex + 1] = mouseLocalPosition.y + pathOffset.y;
+  pathObject.setDimensions();
+  const newAnchorPointInParentPlane = anchorPoint.subtract(pathObject.pathOffset).transform(pathObject.calcOwnMatrix());
+  const diff = newAnchorPointInParentPlane.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);
+  {
+    fireEvent(this.actionName, {
+      ...commonEventInfo(eventData, transform, x, y),
+      commandIndex,
+      pointIndex
+    });
+  }
+  return actionPerformed;
+}
+const indexFromPrevCommand = previousCommandType => previousCommandType === 'C' ? 5 : previousCommandType === 'Q' ? 3 : 1;
+class PathPointControl 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);
+  }
+}
+class PathControlPointControl 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') {
+      // one control point connects to 2 points
+      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) {
+  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  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;
+}
+
+export { createPathControls };
+//# sourceMappingURL=pathControl.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pathControl.mjs","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"],"names":["ACTION_NAME","calcPathPointPosition","pathObject","commandIndex","pointIndex","path","pathOffset","command","Point","x","y","transform","multiplyTransformMatrices","getViewportTransform","calcTransformMatrix","movePathPoint","anchorCommand","length","anchorPoint","anchorPointInParentPlane","subtract","calcOwnMatrix","mouseLocalPosition","sendPointToPlane","undefined","setDimensions","newAnchorPointInParentPlane","diff","left","top","set","pathPositionHandler","dim","finalMatrix","pathActionHandler","eventData","target","actionPerformed","fireEvent","actionName","commonEventInfo","indexFromPrevCommand","previousCommandType","PathPointControl","Control","constructor","options","render","ctx","styleOverride","fabricObject","overrides","cornerColor","controlFill","cornerStrokeColor","controlStroke","transparentCorners","PathControlPointControl","connectToCommandIndex","connectToPointIndex","save","strokeStyle","connectionDashArray","setLineDash","commandType","point","point2","moveTo","lineTo","stroke","restore","createControl","commandIndexPos","pointIndexPos","isControlPoint","positionHandler","actionHandler","controlPointStyle","pointStyle","createPathControls","arguments","controls","forEach"],"mappings":"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"}

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

@@ -0,0 +1,30 @@
+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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"polyControl.min.mjs","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"],"names":["ACTION_NAME","MODIFY_POLY","createPolyPositionHandler","pointIndex","dim","finalMatrix","polyObject","points","pathOffset","Point","subtract","transform","multiplyTransformMatrices","getViewportTransform","calcTransformMatrix","polyActionHandler","eventData","x","y","target","poly","mouseLocalPosition","sendPointToPlane","undefined","calcOwnMatrix","add","setDimensions","set","factoryPolyActionHandler","fn","anchorPoint","length","anchorPointInParentPlane","actionPerformed","diff","left","top","createPolyActionHandler","wrapWithFireEvent","createPolyControls","arg0","options","arguments","controls","idx","Control","actionName","positionHandler","actionHandler"],"mappings":"oVAeA,MAAMA,EAAmCC,EAQ5BC,EAA6BC,GACjC,SAAUC,EAAYC,EAAqBC,GAChD,MAAMC,OAAEA,EAAMC,WAAEA,GAAeF,EAC/B,OAAO,IAAIG,EAAMF,EAAOJ,IACrBO,SAASF,GACTG,UACCC,EACEN,EAAWO,uBACXP,EAAWQ,uBAGnB,EAUWC,EAAoBA,CAC/BC,EACAL,EACAM,EACAC,KAEA,MAAMC,OAAEA,EAAMhB,WAAEA,GAAeQ,EACzBS,EAAOD,EACPE,EAAqBC,EACzB,IAAIb,EAAMQ,EAAGC,QACbK,EACAH,EAAKI,iBAMP,OAHAJ,EAAKb,OAAOJ,GAAckB,EAAmBI,IAAIL,EAAKZ,YACtDY,EAAKM,gBACLN,EAAKO,IAAI,SAAS,IACX,GAMIC,EAA2BA,CACtCzB,EACA0B,IAEO,SACLb,EACAL,EACAM,EACAC,GAEA,MAAME,EAAOT,EAAUQ,OACrBW,EAAc,IAAIrB,EAChBW,EAAKb,QAAQJ,EAAa,EAAIA,EAAaiB,EAAKb,OAAOwB,QAAU,IAEnEC,EAA2BF,EACxBpB,SAASU,EAAKZ,YACdG,UAAUS,EAAKI,iBAClBS,EAAkBJ,EAAGb,EAAW,IAAKL,EAAWR,cAAcc,EAAGC,GAM7DgB,EAJ8BJ,EACjCpB,SAASU,EAAKZ,YACdG,UAAUS,EAAKI,iBAEuBd,SAASsB,GAIlD,OAHAZ,EAAKe,MAAQD,EAAKjB,EAClBG,EAAKgB,KAAOF,EAAKhB,EAEVe,CACT,EAGWI,EAA2BlC,GACtCmC,EACEtC,EACA4B,EAAyBzB,EAAYY,IAWlC,SAASwB,EACdC,GAEA,IADAC,EAAyBC,UAAAX,OAAA,QAAAR,IAAAmB,UAAA,GAAAA,UAAA,GAAG,CAAA,EAE5B,MAAMC,EAAW,CAAA,EACjB,IACE,IAAIC,EAAM,EACVA,GAAuB,iBAATJ,EAAoBA,EAAOA,EAAKjC,OAAOwB,QACrDa,IAEAD,EAAS,IAAIC,KAAS,IAAIC,EAAQ,CAChCC,WAAY9C,EACZ+C,gBAAiB7C,EAA0B0C,GAC3CI,cAAeX,EAAwBO,MACpCH,IAGP,OAAOE,CACT"}

package/dist/src/controls/polyControl.mjs

@@ -0,0 +1,78 @@
+import { Point } from '../Point.mjs';
+import { Control } from './Control.mjs';
+import { multiplyTransformMatrices } from '../util/misc/matrix.mjs';
+import { wrapWithFireEvent } from './wrapWithFireEvent.mjs';
+import { sendPointToPlane } from '../util/misc/planeChange.mjs';
+import { MODIFY_POLY } from '../constants.mjs';
+
+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), undefined, 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 newAnchorPointInParentPlane = anchorPoint.subtract(poly.pathOffset).transform(poly.calcOwnMatrix());
+    const diff = newAnchorPointInParentPlane.subtract(anchorPointInParentPlane);
+    poly.left -= diff.x;
+    poly.top -= diff.y;
+    return actionPerformed;
+  };
+};
+const createPolyActionHandler = pointIndex => wrapWithFireEvent(ACTION_NAME, factoryPolyActionHandler(pointIndex, polyActionHandler));
+function createPolyControls(arg0) {
+  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  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;
+}
+
+export { createPolyActionHandler, createPolyControls, createPolyPositionHandler, factoryPolyActionHandler, polyActionHandler };
+//# sourceMappingURL=polyControl.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"polyControl.mjs","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"],"names":["ACTION_NAME","MODIFY_POLY","createPolyPositionHandler","pointIndex","dim","finalMatrix","polyObject","points","pathOffset","Point","subtract","transform","multiplyTransformMatrices","getViewportTransform","calcTransformMatrix","polyActionHandler","eventData","x","y","target","poly","mouseLocalPosition","sendPointToPlane","undefined","calcOwnMatrix","add","setDimensions","set","factoryPolyActionHandler","fn","anchorPoint","length","anchorPointInParentPlane","actionPerformed","newAnchorPointInParentPlane","diff","left","top","createPolyActionHandler","wrapWithFireEvent","createPolyControls","arg0","options","arguments","controls","idx","Control","actionName","positionHandler","actionHandler"],"mappings":"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"}

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

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1 @@
+{"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;AAyDF,eAAO,MAAM,oBAAoB,8DAGhC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"rotate.min.mjs","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.translateToOriginPoint(\n    target.getRelativeCenterPoint(),\n    originX,\n    originY,\n  );\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"],"names":["rotationStyleHandler","eventData","control","fabricObject","lockRotation","NOT_ALLOWED_CURSOR","cursorStyle","rotationWithSnapping","wrapWithFireEvent","ROTATING","wrapWithFixedAnchor","rotateObjectWithSnapping","_ref","x","y","target","ex","ey","theta","originX","originY","pivotPoint","translateToOriginPoint","getRelativeCenterPoint","isLocked","lastAngle","Math","atan2","curAngle","angle","radiansToDegrees","snapAngle","snapThreshold","rightAngleLocked","ceil","leftAngleLocked","floor","abs","hasRotated"],"mappings":"uUAkBO,MAAMA,EAA8CA,CACzDC,EACAC,EACAC,IAEIA,EAAaC,aACRC,EAEFH,EAAQI,YA0DJC,EAAuBC,EAClCC,EACAC,EA/CuDC,CACvDV,EAASW,EAETC,EACAC,KACG,IAHHC,OAAEA,EAAMC,GAAEA,EAAEC,GAAEA,EAAEC,MAAEA,EAAKC,QAAEA,EAAOC,QAAEA,GAASR,EAI3C,MAAMS,EAAaN,EAAOO,uBACxBP,EAAOQ,yBACPJ,EACAC,GAGF,GAAII,EAAST,EAAQ,gBACnB,OAAO,EAGT,MAAMU,EAAYC,KAAKC,MAAMV,EAAKI,EAAWP,EAAGE,EAAKK,EAAWR,GAC9De,EAAWF,KAAKC,MAAMb,EAAIO,EAAWP,EAAGD,EAAIQ,EAAWR,GACzD,IAAIgB,EAAQC,EAAiBF,EAAWH,EAAYP,GAEpD,GAAIH,EAAOgB,WAAahB,EAAOgB,UAAY,EAAG,CAC5C,MAAMA,EAAYhB,EAAOgB,UACvBC,EAAgBjB,EAAOiB,eAAiBD,EACxCE,EAAmBP,KAAKQ,KAAKL,EAAQE,GAAaA,EAClDI,EAAkBT,KAAKU,MAAMP,EAAQE,GAAaA,EAEhDL,KAAKW,IAAIR,EAAQM,GAAmBH,EACtCH,EAAQM,EACCT,KAAKW,IAAIR,EAAQI,GAAoBD,IAC9CH,EAAQI,EAEZ,CAGIJ,EAAQ,IACVA,EAAQ,IAAMA,GAEhBA,GAAS,IAET,MAAMS,EAAavB,EAAOc,QAAUA,EAGpC,OADAd,EAAOc,MAAQA,EACRS"}

package/dist/src/controls/rotate.mjs

@@ -0,0 +1,73 @@
+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';
+
+/**
+ * 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, _ref, x, y) => {
+  let {
+    target,
+    ex,
+    ey,
+    theta,
+    originX,
+    originY
+  } = _ref;
+  const pivotPoint = target.translateToOriginPoint(target.getRelativeCenterPoint(), originX, originY);
+  if (isLocked(target, 'lockRotation')) {
+    return false;
+  }
+  const lastAngle = Math.atan2(ey - pivotPoint.y, ex - pivotPoint.x),
+    curAngle = Math.atan2(y - pivotPoint.y, x - pivotPoint.x);
+  let angle = radiansToDegrees(curAngle - 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;
+    }
+  }
+
+  // normalize angle to positive value
+  if (angle < 0) {
+    angle = 360 + angle;
+  }
+  angle %= 360;
+  const hasRotated = target.angle !== angle;
+  // TODO: why aren't we using set?
+  target.angle = angle;
+  return hasRotated;
+};
+const rotationWithSnapping = wrapWithFireEvent(ROTATING, wrapWithFixedAnchor(rotateObjectWithSnapping));
+
+export { rotationStyleHandler, rotationWithSnapping };
+//# sourceMappingURL=rotate.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rotate.mjs","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.translateToOriginPoint(\n    target.getRelativeCenterPoint(),\n    originX,\n    originY,\n  );\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"],"names":["rotationStyleHandler","eventData","control","fabricObject","lockRotation","NOT_ALLOWED_CURSOR","cursorStyle","rotateObjectWithSnapping","_ref","x","y","target","ex","ey","theta","originX","originY","pivotPoint","translateToOriginPoint","getRelativeCenterPoint","isLocked","lastAngle","Math","atan2","curAngle","angle","radiansToDegrees","snapAngle","snapThreshold","rightAngleLocked","ceil","leftAngleLocked","floor","abs","hasRotated","rotationWithSnapping","wrapWithFireEvent","ROTATING","wrapWithFixedAnchor"],"mappings":";;;;;;AAUA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,oBAA2C,GAAGA,CACzDC,SAAS,EACTC,OAAO,EACPC,YAAY,KACT;EACH,IAAIA,YAAY,CAACC,YAAY,EAAE;AAC7B,IAAA,OAAOC,kBAAkB;AAC3B,EAAA;EACA,OAAOH,OAAO,CAACI,WAAW;AAC5B;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,wBAAgD,GAAGA,CACvDN,SAAS,EAAAO,IAAA,EAETC,CAAC,EACDC,CAAC,KACE;EAAA,IAHH;IAAEC,MAAM;IAAEC,EAAE;IAAEC,EAAE;IAAEC,KAAK;IAAEC,OAAO;AAAEC,IAAAA;AAAQ,GAAC,GAAAR,IAAA;AAI3C,EAAA,MAAMS,UAAU,GAAGN,MAAM,CAACO,sBAAsB,CAC9CP,MAAM,CAACQ,sBAAsB,EAAE,EAC/BJ,OAAO,EACPC,OACF,CAAC;AAED,EAAA,IAAII,QAAQ,CAACT,MAAM,EAAE,cAAc,CAAC,EAAE;AACpC,IAAA,OAAO,KAAK;AACd,EAAA;AAEA,EAAA,MAAMU,SAAS,GAAGC,IAAI,CAACC,KAAK,CAACV,EAAE,GAAGI,UAAU,CAACP,CAAC,EAAEE,EAAE,GAAGK,UAAU,CAACR,CAAC,CAAC;AAChEe,IAAAA,QAAQ,GAAGF,IAAI,CAACC,KAAK,CAACb,CAAC,GAAGO,UAAU,CAACP,CAAC,EAAED,CAAC,GAAGQ,UAAU,CAACR,CAAC,CAAC;EAC3D,IAAIgB,KAAK,GAAGC,gBAAgB,CAACF,QAAQ,GAAGH,SAAS,GAAGP,KAAK,CAAC;EAE1D,IAAIH,MAAM,CAACgB,SAAS,IAAIhB,MAAM,CAACgB,SAAS,GAAG,CAAC,EAAE;AAC5C,IAAA,MAAMA,SAAS,GAAGhB,MAAM,CAACgB,SAAS;AAChCC,MAAAA,aAAa,GAAGjB,MAAM,CAACiB,aAAa,IAAID,SAAS;MACjDE,gBAAgB,GAAGP,IAAI,CAACQ,IAAI,CAACL,KAAK,GAAGE,SAAS,CAAC,GAAGA,SAAS;MAC3DI,eAAe,GAAGT,IAAI,CAACU,KAAK,CAACP,KAAK,GAAGE,SAAS,CAAC,GAAGA,SAAS;IAE7D,IAAIL,IAAI,CAACW,GAAG,CAACR,KAAK,GAAGM,eAAe,CAAC,GAAGH,aAAa,EAAE;AACrDH,MAAAA,KAAK,GAAGM,eAAe;AACzB,IAAA,CAAC,MAAM,IAAIT,IAAI,CAACW,GAAG,CAACR,KAAK,GAAGI,gBAAgB,CAAC,GAAGD,aAAa,EAAE;AAC7DH,MAAAA,KAAK,GAAGI,gBAAgB;AAC1B,IAAA;AACF,EAAA;;AAEA;EACA,IAAIJ,KAAK,GAAG,CAAC,EAAE;IACbA,KAAK,GAAG,GAAG,GAAGA,KAAK;AACrB,EAAA;AACAA,EAAAA,KAAK,IAAI,GAAG;AAEZ,EAAA,MAAMS,UAAU,GAAGvB,MAAM,CAACc,KAAK,KAAKA,KAAK;AACzC;EACAd,MAAM,CAACc,KAAK,GAAGA,KAAK;AACpB,EAAA,OAAOS,UAAU;AACnB,CAAC;AAEM,MAAMC,oBAAoB,GAAGC,iBAAiB,CACnDC,QAAQ,EACRC,mBAAmB,CAAC/B,wBAAwB,CAC9C;;;;"}

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

@@ -0,0 +1,47 @@
+import type { ControlCursorCallback, TPointerEvent, Transform, TransformActionHandler } from '../EventTypeDefs';
+import type { FabricObject } from '../shapes/Object/FabricObject';
+import type { TAxis } from '../typedefs';
+type ScaleTransform = Transform & {
+    gestureScale?: number;
+    signX?: number;
+    signY?: number;
+};
+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<ScaleTransform>;
+export declare const scalingEqually: TransformActionHandler<ScaleTransform>;
+export declare const scalingX: TransformActionHandler<ScaleTransform>;
+export declare const scalingY: TransformActionHandler<ScaleTransform>;
+export {};
+//# sourceMappingURL=scale.d.ts.map

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

@@ -0,0 +1 @@
+{"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;AAczC,KAAK,cAAc,GAAG,SAAS,GAAG;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,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,sBAAsB,CAAC,cAAc,CAOxE,CAAC;AAsCF,eAAO,MAAM,cAAc,wCAG1B,CAAC;AAEF,eAAO,MAAM,QAAQ,wCAGpB,CAAC;AAEF,eAAO,MAAM,QAAQ,wCAGpB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"scale.min.mjs","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<ScaleTransform> = (\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<ScaleTransform> = (\n  eventData,\n  transform,\n  x,\n  y,\n) => {\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<ScaleTransform> = (\n  eventData,\n  transform,\n  x,\n  y,\n) => {\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"],"names":["scaleIsProportional","eventData","fabricObject","canvas","uniformIsToggled","uniScaleKey","uniformScaling","scalingIsForbidden","by","scaleProportionally","lockX","isLocked","lockY","width","height","strokeWidth","scaleMap","scaleCursorStyleHandler","control","coord","x","y","NOT_ALLOWED_CURSOR","n","findCornerQuadrant","scaleObject","transform","options","arguments","length","undefined","target","newPoint","scaleX","scaleY","dim","signX","signY","gestureScale","getLocalPoint","originX","originY","Math","sign","_getTransformedDimensions","distance","abs","original","scale","isTransformCentered","invertOrigin","oldScaleX","oldScaleY","set","SCALE_X","SCALE_Y","scaleObjectFromCorner","scalingEqually","wrapWithFireEvent","SCALING","wrapWithFixedAnchor","scalingX","scaleObjectX","scalingY","scaleObjectY"],"mappings":"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"}