fabric 7.4.0 → 7.5.0-beta.1

package/dist/src/controls/scale.mjs

@@ -1,159 +0,0 @@
-import { SCALING } from "../constants.mjs";
-import { NOT_ALLOWED_CURSOR, findCornerQuadrant, getLocalPoint, invertOrigin, isLocked, isTransformCentered } from "./util.mjs";
-import { wrapWithFireEvent } from "./wrapWithFireEvent.mjs";
-import { wrapWithFixedAnchor } from "./wrapWithFixedAnchor.mjs";
-//#region src/controls/scale.ts
-/**
-* 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
-*/
-function scaleIsProportional(eventData, fabricObject) {
-	const canvas = fabricObject.canvas, uniformIsToggled = eventData[canvas.uniScaleKey];
-	return canvas.uniformScaling && !uniformIsToggled || !canvas.uniformScaling && uniformIsToggled;
-}
-/**
-* 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
-*/
-function scalingIsForbidden(fabricObject, by, scaleProportionally) {
-	const lockX = isLocked(fabricObject, "lockScalingX"), lockY = isLocked(fabricObject, "lockScalingY");
-	if (lockX && lockY) return true;
-	if (!by && (lockX || lockY) && scaleProportionally) return true;
-	if (lockX && by === "x") return true;
-	if (lockY && by === "y") return true;
-	const { width, height, strokeWidth } = fabricObject;
-	if (width === 0 && strokeWidth === 0 && by !== "y") return true;
-	if (height === 0 && strokeWidth === 0 && by !== "x") return true;
-	return false;
-}
-const scaleMap = [
-	"e",
-	"se",
-	"s",
-	"sw",
-	"w",
-	"nw",
-	"n",
-	"ne",
-	"e"
-];
-/**
-* 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
-*/
-const scaleCursorStyleHandler = (eventData, control, fabricObject, coord) => {
-	const scaleProportionally = scaleIsProportional(eventData, fabricObject);
-	if (scalingIsForbidden(fabricObject, control.x !== 0 && control.y === 0 ? "x" : control.x === 0 && control.y !== 0 ? "y" : "", scaleProportionally)) return NOT_ALLOWED_CURSOR;
-	return `${scaleMap[findCornerQuadrant(fabricObject, control, coord)]}-resize`;
-};
-/**
-* Basic scaling logic, reused with different constrain for scaling X,Y, freely or equally.
-* 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
-* @param {Object} options additional information for scaling
-* @param {String} options.by 'x', 'y', 'equally' or '' to indicate type of scaling
-* @return {Boolean} true if some change happened
-* @private
-*/
-function scaleObject(eventData, transform, x, y, options = {}) {
-	const target = transform.target, by = options.by, scaleProportionally = scaleIsProportional(eventData, target), forbidScaling = scalingIsForbidden(target, by, scaleProportionally);
-	let newPoint, scaleX, scaleY, dim, signX, signY;
-	if (forbidScaling) return false;
-	if (transform.gestureScale) {
-		scaleX = transform.scaleX * transform.gestureScale;
-		scaleY = transform.scaleY * transform.gestureScale;
-	} else {
-		newPoint = getLocalPoint(transform, transform.originX, transform.originY, x, y);
-		signX = by !== "y" ? Math.sign(newPoint.x || transform.signX || 1) : 1;
-		signY = by !== "x" ? Math.sign(newPoint.y || transform.signY || 1) : 1;
-		if (!transform.signX) transform.signX = signX;
-		if (!transform.signY) transform.signY = signY;
-		if (isLocked(target, "lockScalingFlip") && (transform.signX !== signX || transform.signY !== signY)) return false;
-		dim = target._getTransformedDimensions();
-		if (scaleProportionally && !by) {
-			const distance = Math.abs(newPoint.x) + Math.abs(newPoint.y), { original } = transform, scale = distance / (Math.abs(dim.x * original.scaleX / target.scaleX) + Math.abs(dim.y * original.scaleY / target.scaleY));
-			scaleX = original.scaleX * scale;
-			scaleY = original.scaleY * scale;
-		} else {
-			scaleX = Math.abs(newPoint.x * target.scaleX / dim.x);
-			scaleY = Math.abs(newPoint.y * target.scaleY / dim.y);
-		}
-		if (isTransformCentered(transform)) {
-			scaleX *= 2;
-			scaleY *= 2;
-		}
-		if (transform.signX !== signX && by !== "y") {
-			transform.originX = invertOrigin(transform.originX);
-			scaleX *= -1;
-			transform.signX = signX;
-		}
-		if (transform.signY !== signY && by !== "x") {
-			transform.originY = invertOrigin(transform.originY);
-			scaleY *= -1;
-			transform.signY = signY;
-		}
-	}
-	const oldScaleX = target.scaleX, oldScaleY = target.scaleY;
-	if (!by) {
-		!isLocked(target, "lockScalingX") && target.set("scaleX", scaleX);
-		!isLocked(target, "lockScalingY") && target.set("scaleY", scaleY);
-	} else {
-		by === "x" && target.set("scaleX", scaleX);
-		by === "y" && target.set("scaleY", scaleY);
-	}
-	return oldScaleX !== target.scaleX || oldScaleY !== target.scaleY;
-}
-/**
-* 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
-*/
-const scaleObjectFromCorner = (eventData, transform, x, y) => {
-	return scaleObject(eventData, transform, x, y);
-};
-/**
-* Scaling logic for the X axis.
-* 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
-*/
-const scaleObjectX = (eventData, transform, x, y) => {
-	return scaleObject(eventData, transform, x, y, { by: "x" });
-};
-/**
-* Scaling logic for the Y axis.
-* 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
-*/
-const scaleObjectY = (eventData, transform, x, y) => {
-	return scaleObject(eventData, transform, x, y, { by: "y" });
-};
-const scalingEqually = wrapWithFireEvent(SCALING, wrapWithFixedAnchor(scaleObjectFromCorner));
-const scalingX = wrapWithFireEvent(SCALING, wrapWithFixedAnchor(scaleObjectX));
-const scalingY = wrapWithFireEvent(SCALING, wrapWithFixedAnchor(scaleObjectY));
-//#endregion
-export { scaleCursorStyleHandler, scalingEqually, scalingX, scalingY };
-
-//# sourceMappingURL=scale.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"scale.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":";;;;;;;;;;;AAmCA,SAAgB,oBACd,WACA,cACS;CACT,MAAM,SAAS,aAAa,QAC1B,mBAAmB,UAAU,OAAO;AACtC,QACG,OAAO,kBAAkB,CAAC,oBAC1B,CAAC,OAAO,kBAAkB;;;;;;;;;AAW/B,SAAgB,mBACd,cACA,IACA,qBACA;CACA,MAAM,QAAQ,SAAS,cAAc,eAAe,EAClD,QAAQ,SAAS,cAAc,eAAe;AAChD,KAAI,SAAS,MACX,QAAO;AAET,KAAI,CAAC,OAAO,SAAS,UAAU,oBAC7B,QAAO;AAET,KAAI,SAAS,OAAO,IAClB,QAAO;AAET,KAAI,SAAS,OAAO,IAClB,QAAO;CAIT,MAAM,EAAE,OAAO,QAAQ,gBAAgB;AACvC,KAAI,UAAU,KAAK,gBAAgB,KAAK,OAAO,IAC7C,QAAO;AAET,KAAI,WAAW,KAAK,gBAAgB,KAAK,OAAO,IAC9C,QAAO;AAET,QAAO;;AAGT,MAAM,WAAW;CAAC;CAAK;CAAM;CAAK;CAAM;CAAK;CAAM;CAAK;CAAM;CAAI;;;;;;;;AASlE,MAAa,2BACX,WACA,SACA,cACA,UACG;CACH,MAAM,sBAAsB,oBAAoB,WAAW,aAAa;AAOxE,KAAI,mBAAmB,cALnB,QAAQ,MAAM,KAAK,QAAQ,MAAM,IAC7B,MACA,QAAQ,MAAM,KAAK,QAAQ,MAAM,IAC/B,MACA,IAC+B,oBAAoB,CAC3D,QAAO;AAGT,QAAO,GAAG,SADA,mBAAmB,cAAc,SAAS,MAAM,EACpC;;;;;;;;;;;;;;AAexB,SAAS,YACP,WACA,WACA,GACA,GACA,UAA4B,EAAE,EAC9B;CACA,MAAM,SAAS,UAAU,QACvB,KAAK,QAAQ,IACb,sBAAsB,oBAAoB,WAAW,OAAO,EAC5D,gBAAgB,mBAAmB,QAAQ,IAAI,oBAAoB;CACrE,IAAI,UAAU,QAAQ,QAAQ,KAAK,OAAO;AAE1C,KAAI,cACF,QAAO;AAET,KAAI,UAAU,cAAc;AAC1B,WAAS,UAAU,SAAS,UAAU;AACtC,WAAS,UAAU,SAAS,UAAU;QACjC;AACL,aAAW,cACT,WACA,UAAU,SACV,UAAU,SACV,GACA,EACD;AAMD,UAAQ,OAAO,MAAM,KAAK,KAAK,SAAS,KAAK,UAAU,SAAS,EAAE,GAAG;AACrE,UAAQ,OAAO,MAAM,KAAK,KAAK,SAAS,KAAK,UAAU,SAAS,EAAE,GAAG;AACrE,MAAI,CAAC,UAAU,MACb,WAAU,QAAQ;AAEpB,MAAI,CAAC,UAAU,MACb,WAAU,QAAQ;AAGpB,MACE,SAAS,QAAQ,kBAAkB,KAClC,UAAU,UAAU,SAAS,UAAU,UAAU,OAElD,QAAO;AAGT,QAAM,OAAO,2BAA2B;AAExC,MAAI,uBAAuB,CAAC,IAAI;GAE9B,MAAM,WAAW,KAAK,IAAI,SAAS,EAAE,GAAG,KAAK,IAAI,SAAS,EAAE,EAC1D,EAAE,aAAa,WAIf,QAAQ,YAFN,KAAK,IAAK,IAAI,IAAI,SAAS,SAAU,OAAO,OAAO,GACnD,KAAK,IAAK,IAAI,IAAI,SAAS,SAAU,OAAO,OAAO;AAEvD,YAAS,SAAS,SAAS;AAC3B,YAAS,SAAS,SAAS;SACtB;AACL,YAAS,KAAK,IAAK,SAAS,IAAI,OAAO,SAAU,IAAI,EAAE;AACvD,YAAS,KAAK,IAAK,SAAS,IAAI,OAAO,SAAU,IAAI,EAAE;;AAGzD,MAAI,oBAAoB,UAAU,EAAE;AAClC,aAAU;AACV,aAAU;;AAEZ,MAAI,UAAU,UAAU,SAAS,OAAO,KAAK;AAC3C,aAAU,UAAU,aAAa,UAAU,QAAQ;AACnD,aAAU;AACV,aAAU,QAAQ;;AAEpB,MAAI,UAAU,UAAU,SAAS,OAAO,KAAK;AAC3C,aAAU,UAAU,aAAa,UAAU,QAAQ;AACnD,aAAU;AACV,aAAU,QAAQ;;;CAItB,MAAM,YAAY,OAAO,QACvB,YAAY,OAAO;AACrB,KAAI,CAAC,IAAI;AACP,GAAC,SAAS,QAAQ,eAAe,IAAI,OAAO,IAAA,UAAa,OAAO;AAChE,GAAC,SAAS,QAAQ,eAAe,IAAI,OAAO,IAAA,UAAa,OAAO;QAC3D;AAEL,SAAO,OAAO,OAAO,IAAA,UAAa,OAAO;AACzC,SAAO,OAAO,OAAO,IAAA,UAAa,OAAO;;AAE3C,QAAO,cAAc,OAAO,UAAU,cAAc,OAAO;;;;;;;;;;;AAY7D,MAAa,yBACX,WACA,WACA,GACA,MACG;AACH,QAAO,YAAY,WAAW,WAAW,GAAG,EAAE;;;;;;;;;;;AAYhD,MAAM,gBAAwC,WAAW,WAAW,GAAG,MAAM;AAC3E,QAAO,YAAY,WAAW,WAAW,GAAG,GAAG,EAAE,IAAI,KAAK,CAAC;;;;;;;;;;;AAY7D,MAAM,gBAAwC,WAAW,WAAW,GAAG,MAAM;AAC3E,QAAO,YAAY,WAAW,WAAW,GAAG,GAAG,EAAE,IAAI,KAAK,CAAC;;AAG7D,MAAa,iBAAiB,kBAC5B,SACA,oBAAoB,sBAAsB,CAC3C;AAED,MAAa,WAAW,kBACtB,SACA,oBAAoB,aAAa,CAClC;AAED,MAAa,WAAW,kBACtB,SACA,oBAAoB,aAAa,CAClC"}

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

@@ -1,39 +0,0 @@
-import type { ControlCallback, ControlCursorCallback, TransformActionHandler } from '../EventTypeDefs';
-import type { TAxisKey } from '../typedefs';
-/**
- * Inspect event, control and fabricObject to return the correct action name
- * @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} an action name
- */
-export declare const scaleOrSkewActionName: ControlCallback<TAxisKey<'skew' | 'scale'> | ''>;
-/**
- * Combine skew and scale style handlers to cover fabric standard use case
- * @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 scaleSkewCursorStyleHandler: ControlCursorCallback;
-/**
- * Composed action handler to either scale X or skew Y
- * 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 scalingXOrSkewingY: TransformActionHandler;
-/**
- * Composed action handler to either scale Y or skew X
- * 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 scalingYOrSkewingX: TransformActionHandler;
-//# sourceMappingURL=scaleSkew.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"scaleSkew.d.ts","sourceRoot":"","sources":["../../../src/controls/scaleSkew.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EACf,qBAAqB,EAErB,sBAAsB,EACvB,MAAM,kBAAkB,CAAC;AAG1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAQ5C;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,EAAE,eAAe,CACjD,QAAQ,CAAC,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAYhC,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,2BAA2B,EAAE,qBASzC,CAAC;AACF;;;;;;;;GAQG;AACH,eAAO,MAAM,kBAAkB,EAAE,sBAShC,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,kBAAkB,EAAE,sBAShC,CAAC"}

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

@@ -1,2 +0,0 @@
-import{SCALE_X as e,SCALE_Y as t,SKEW_X as n,SKEW_Y as r}from"../constants.min.mjs";import{scaleCursorStyleHandler as i,scalingX as a,scalingY as o}from"./scale.min.mjs";import{skewCursorStyleHandler as s,skewHandlerX as c,skewHandlerY as l}from"./skew.min.mjs";function u(e,t){return e[t.canvas.altActionKey]}const d=(i,a,o)=>{let s=u(i,o);return a.x===0?s?n:t:a.y===0?s?r:e:``},f=(e,t,n,r)=>u(e,n)?s(e,t,n,r):i(e,t,n,r),p=(e,t,n,r)=>u(e,t.target)?l(e,t,n,r):a(e,t,n,r),m=(e,t,n,r)=>u(e,t.target)?c(e,t,n,r):o(e,t,n,r);export{d as scaleOrSkewActionName,f as scaleSkewCursorStyleHandler,p as scalingXOrSkewingY,m as scalingYOrSkewingX};
-//# sourceMappingURL=scaleSkew.min.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"scaleSkew.min.mjs","names":[],"sources":["../../../src/controls/scaleSkew.ts"],"sourcesContent":["import type {\n  ControlCallback,\n  ControlCursorCallback,\n  TPointerEvent,\n  TransformActionHandler,\n} from '../EventTypeDefs';\nimport { SCALE_X, SCALE_Y, SKEW_X, SKEW_Y } from '../constants';\nimport type { FabricObject } from '../shapes/Object/FabricObject';\nimport type { TAxisKey } from '../typedefs';\nimport { scaleCursorStyleHandler, scalingX, scalingY } from './scale';\nimport { skewCursorStyleHandler, skewHandlerX, skewHandlerY } from './skew';\n\nfunction isAltAction(eventData: TPointerEvent, target: FabricObject) {\n  return eventData[target.canvas!.altActionKey!];\n}\n\n/**\n * Inspect event, control and fabricObject to return the correct action name\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} an action name\n */\nexport const scaleOrSkewActionName: ControlCallback<\n  TAxisKey<'skew' | 'scale'> | ''\n> = (eventData, control, fabricObject) => {\n  const isAlternative = isAltAction(eventData, fabricObject);\n  if (control.x === 0) {\n    // then is scaleY or skewX\n    return isAlternative ? SKEW_X : SCALE_Y;\n  }\n  if (control.y === 0) {\n    // then is scaleY or skewX\n    return isAlternative ? SKEW_Y : SCALE_X;\n  }\n  return '';\n};\n\n/**\n * Combine skew and scale style handlers to cover fabric standard use case\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 scaleSkewCursorStyleHandler: ControlCursorCallback = (\n  eventData,\n  control,\n  fabricObject,\n  coord,\n) => {\n  return isAltAction(eventData, fabricObject)\n    ? skewCursorStyleHandler(eventData, control, fabricObject, coord)\n    : scaleCursorStyleHandler(eventData, control, fabricObject, coord);\n};\n/**\n * Composed action handler to either scale X or skew Y\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 scalingXOrSkewingY: TransformActionHandler = (\n  eventData,\n  transform,\n  x,\n  y,\n) => {\n  return isAltAction(eventData, transform.target)\n    ? skewHandlerY(eventData, transform, x, y)\n    : scalingX(eventData, transform, x, y);\n};\n\n/**\n * Composed action handler to either scale Y or skew X\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 scalingYOrSkewingX: TransformActionHandler = (\n  eventData,\n  transform,\n  x,\n  y,\n) => {\n  return isAltAction(eventData, transform.target)\n    ? skewHandlerX(eventData, transform, x, y)\n    : scalingY(eventData, transform, x, y);\n};\n"],"mappings":"sQAYA,SAAS,EAAY,EAA0B,EAAA,CAC7C,OAAO,EAAU,EAAO,OAAQ,cAUlC,MAAa,GAER,EAAW,EAAS,IAAA,CACvB,IAAM,EAAgB,EAAY,EAAW,EAAA,CAC7C,OAAI,EAAQ,IAAM,EAET,EAAgB,EAAS,EAE9B,EAAQ,IAAM,EAET,EAAgB,EAAS,EAE3B,IAUI,GACX,EACA,EACA,EACA,IAEO,EAAY,EAAW,EAAA,CAC1B,EAAuB,EAAW,EAAS,EAAc,EAAA,CACzD,EAAwB,EAAW,EAAS,EAAc,EAAA,CAWnD,GACX,EACA,EACA,EACA,IAEO,EAAY,EAAW,EAAU,OAAA,CACpC,EAAa,EAAW,EAAW,EAAG,EAAA,CACtC,EAAS,EAAW,EAAW,EAAG,EAAA,CAY3B,GACX,EACA,EACA,EACA,IAEO,EAAY,EAAW,EAAU,OAAA,CACpC,EAAa,EAAW,EAAW,EAAG,EAAA,CACtC,EAAS,EAAW,EAAW,EAAG,EAAA,CAAA,OAAA,KAAA,sBAAA,KAAA,4BAAA,KAAA,mBAAA,KAAA"}

package/dist/src/controls/scaleSkew.mjs

@@ -1,58 +0,0 @@
-import { SCALE_X, SCALE_Y, SKEW_X, SKEW_Y } from "../constants.mjs";
-import { scaleCursorStyleHandler, scalingX, scalingY } from "./scale.mjs";
-import { skewCursorStyleHandler, skewHandlerX, skewHandlerY } from "./skew.mjs";
-//#region src/controls/scaleSkew.ts
-function isAltAction(eventData, target) {
-	return eventData[target.canvas.altActionKey];
-}
-/**
-* Inspect event, control and fabricObject to return the correct action name
-* @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} an action name
-*/
-const scaleOrSkewActionName = (eventData, control, fabricObject) => {
-	const isAlternative = isAltAction(eventData, fabricObject);
-	if (control.x === 0) return isAlternative ? SKEW_X : SCALE_Y;
-	if (control.y === 0) return isAlternative ? SKEW_Y : SCALE_X;
-	return "";
-};
-/**
-* Combine skew and scale style handlers to cover fabric standard use case
-* @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 scaleSkewCursorStyleHandler = (eventData, control, fabricObject, coord) => {
-	return isAltAction(eventData, fabricObject) ? skewCursorStyleHandler(eventData, control, fabricObject, coord) : scaleCursorStyleHandler(eventData, control, fabricObject, coord);
-};
-/**
-* Composed action handler to either scale X or skew Y
-* 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
-*/
-const scalingXOrSkewingY = (eventData, transform, x, y) => {
-	return isAltAction(eventData, transform.target) ? skewHandlerY(eventData, transform, x, y) : scalingX(eventData, transform, x, y);
-};
-/**
-* Composed action handler to either scale Y or skew X
-* 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
-*/
-const scalingYOrSkewingX = (eventData, transform, x, y) => {
-	return isAltAction(eventData, transform.target) ? skewHandlerX(eventData, transform, x, y) : scalingY(eventData, transform, x, y);
-};
-//#endregion
-export { scaleOrSkewActionName, scaleSkewCursorStyleHandler, scalingXOrSkewingY, scalingYOrSkewingX };
-
-//# sourceMappingURL=scaleSkew.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"scaleSkew.mjs","names":[],"sources":["../../../src/controls/scaleSkew.ts"],"sourcesContent":["import type {\n  ControlCallback,\n  ControlCursorCallback,\n  TPointerEvent,\n  TransformActionHandler,\n} from '../EventTypeDefs';\nimport { SCALE_X, SCALE_Y, SKEW_X, SKEW_Y } from '../constants';\nimport type { FabricObject } from '../shapes/Object/FabricObject';\nimport type { TAxisKey } from '../typedefs';\nimport { scaleCursorStyleHandler, scalingX, scalingY } from './scale';\nimport { skewCursorStyleHandler, skewHandlerX, skewHandlerY } from './skew';\n\nfunction isAltAction(eventData: TPointerEvent, target: FabricObject) {\n  return eventData[target.canvas!.altActionKey!];\n}\n\n/**\n * Inspect event, control and fabricObject to return the correct action name\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} an action name\n */\nexport const scaleOrSkewActionName: ControlCallback<\n  TAxisKey<'skew' | 'scale'> | ''\n> = (eventData, control, fabricObject) => {\n  const isAlternative = isAltAction(eventData, fabricObject);\n  if (control.x === 0) {\n    // then is scaleY or skewX\n    return isAlternative ? SKEW_X : SCALE_Y;\n  }\n  if (control.y === 0) {\n    // then is scaleY or skewX\n    return isAlternative ? SKEW_Y : SCALE_X;\n  }\n  return '';\n};\n\n/**\n * Combine skew and scale style handlers to cover fabric standard use case\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 scaleSkewCursorStyleHandler: ControlCursorCallback = (\n  eventData,\n  control,\n  fabricObject,\n  coord,\n) => {\n  return isAltAction(eventData, fabricObject)\n    ? skewCursorStyleHandler(eventData, control, fabricObject, coord)\n    : scaleCursorStyleHandler(eventData, control, fabricObject, coord);\n};\n/**\n * Composed action handler to either scale X or skew Y\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 scalingXOrSkewingY: TransformActionHandler = (\n  eventData,\n  transform,\n  x,\n  y,\n) => {\n  return isAltAction(eventData, transform.target)\n    ? skewHandlerY(eventData, transform, x, y)\n    : scalingX(eventData, transform, x, y);\n};\n\n/**\n * Composed action handler to either scale Y or skew X\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 scalingYOrSkewingX: TransformActionHandler = (\n  eventData,\n  transform,\n  x,\n  y,\n) => {\n  return isAltAction(eventData, transform.target)\n    ? skewHandlerX(eventData, transform, x, y)\n    : scalingY(eventData, transform, x, y);\n};\n"],"mappings":";;;;AAYA,SAAS,YAAY,WAA0B,QAAsB;AACnE,QAAO,UAAU,OAAO,OAAQ;;;;;;;;;AAUlC,MAAa,yBAER,WAAW,SAAS,iBAAiB;CACxC,MAAM,gBAAgB,YAAY,WAAW,aAAa;AAC1D,KAAI,QAAQ,MAAM,EAEhB,QAAO,gBAAgB,SAAS;AAElC,KAAI,QAAQ,MAAM,EAEhB,QAAO,gBAAgB,SAAS;AAElC,QAAO;;;;;;;;;AAUT,MAAa,+BACX,WACA,SACA,cACA,UACG;AACH,QAAO,YAAY,WAAW,aAAa,GACvC,uBAAuB,WAAW,SAAS,cAAc,MAAM,GAC/D,wBAAwB,WAAW,SAAS,cAAc,MAAM;;;;;;;;;;;AAWtE,MAAa,sBACX,WACA,WACA,GACA,MACG;AACH,QAAO,YAAY,WAAW,UAAU,OAAO,GAC3C,aAAa,WAAW,WAAW,GAAG,EAAE,GACxC,SAAS,WAAW,WAAW,GAAG,EAAE;;;;;;;;;;;AAY1C,MAAa,sBACX,WACA,WACA,GACA,MACG;AACH,QAAO,YAAY,WAAW,UAAU,OAAO,GAC3C,aAAa,WAAW,WAAW,GAAG,EAAE,GACxC,SAAS,WAAW,WAAW,GAAG,EAAE"}

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

@@ -1,33 +0,0 @@
-import type { ControlCursorCallback, Transform, TransformActionHandler } from '../EventTypeDefs';
-export type SkewTransform = Transform & {
-    skewingSide: -1 | 1;
-};
-/**
- * return the correct cursor style for the skew 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 skewCursorStyleHandler: ControlCursorCallback;
-/**
- * Wrapped Action handler for skewing on the X axis, takes care of the
- * skew direction and determines the correct transform origin for the anchor point
- * @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 skewHandlerX: TransformActionHandler;
-/**
- * Wrapped Action handler for skewing on the Y axis, takes care of the
- * skew direction and determines the correct transform origin for the anchor point
- * @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 skewHandlerY: TransformActionHandler;
-//# sourceMappingURL=skew.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"skew.d.ts","sourceRoot":"","sources":["../../../src/controls/skew.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EAErB,SAAS,EACT,sBAAsB,EACvB,MAAM,kBAAkB,CAAC;AAyB1B,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG;IAAE,WAAW,EAAE,CAAC,CAAC,GAAG,CAAC,CAAA;CAAE,CAAC;AAiChE;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,EAAE,qBAcpC,CAAC;AAoIF;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,EAAE,sBAO1B,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,EAAE,sBAO1B,CAAC"}

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

@@ -1,2 +0,0 @@
-import{SCALE_X as e,SCALE_Y as t,SKEWING as n,SKEW_X as r,SKEW_Y as i}from"../constants.min.mjs";import{Point as a}from"../Point.min.mjs";import{degreesToRadians as o,radiansToDegrees as s}from"../util/misc/radiansDegreesConversion.min.mjs";import{resolveOrigin as c}from"../util/misc/resolveOrigin.min.mjs";import{NOT_ALLOWED_CURSOR as l,findCornerQuadrant as u,getLocalPoint as d,isLocked as f}from"./util.min.mjs";import{wrapWithFireEvent as p}from"./wrapWithFireEvent.min.mjs";import{wrapWithFixedAnchor as m}from"./wrapWithFixedAnchor.min.mjs";const h={x:{counterAxis:`y`,scale:e,skew:r,lockSkewing:`lockSkewingX`,origin:`originX`,flip:`flipX`},y:{counterAxis:`x`,scale:t,skew:i,lockSkewing:`lockSkewingY`,origin:`originY`,flip:`flipY`}},g=[`ns`,`nesw`,`ew`,`nwse`],_=(e,t,n,r)=>t.x!==0&&f(n,`lockSkewingY`)||t.y!==0&&f(n,`lockSkewingX`)?l:`${g[u(n,t,r)%4]}-resize`;function v(e,t,r,i,l){let{target:u}=r,{counterAxis:g,origin:_,lockSkewing:v,skew:y,flip:b}=h[e];if(f(u,v))return!1;let{origin:x,flip:S}=h[g],C=c(r[x])*(u[S]?-1:1),w=-Math.sign(C)*(u[b]?-1:1),T=-(u[y]===0&&d(r,`center`,`center`,i,l)[e]>0||u[y]>0?1:-1)*w*.5+.5;return p(n,m((t,n,r,i)=>function(e,{target:t,ex:n,ey:r,skewingSide:i,...c},l){let{skew:u}=h[e],d=l.subtract(new a(n,r)).divide(new a(t.scaleX,t.scaleY))[e],f=t[u],p=c[u],m=Math.tan(o(p)),g=e===`y`?t._getTransformedDimensions({scaleX:1,scaleY:1,skewX:0}).x:t._getTransformedDimensions({scaleX:1,scaleY:1}).y,_=2*d*i/Math.max(g,1)+m,v=s(Math.atan(_));t.set(u,v);let y=f!==t[u];if(y&&e===`y`){let{skewX:e,scaleX:n}=t,r=t._getTransformedDimensions({skewY:f}),i=t._getTransformedDimensions(),a=e===0?1:r.x/i.x;a!==1&&t.set(`scaleX`,a*n)}return y}(e,n,new a(r,i))))(t,{...r,[_]:T,skewingSide:w},i,l)}const y=(e,t,n,r)=>v(`x`,e,t,n,r),b=(e,t,n,r)=>v(`y`,e,t,n,r);export{_ as skewCursorStyleHandler,y as skewHandlerX,b as skewHandlerY};
-//# sourceMappingURL=skew.min.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"skew.min.mjs","names":[],"sources":["../../../src/controls/skew.ts"],"sourcesContent":["import type {\n  ControlCursorCallback,\n  TPointerEvent,\n  Transform,\n  TransformActionHandler,\n} from '../EventTypeDefs';\nimport { resolveOrigin } from '../util/misc/resolveOrigin';\nimport { Point } from '../Point';\nimport type { TAxis, TAxisKey } from '../typedefs';\nimport {\n  degreesToRadians,\n  radiansToDegrees,\n} from '../util/misc/radiansDegreesConversion';\nimport {\n  findCornerQuadrant,\n  getLocalPoint,\n  isLocked,\n  NOT_ALLOWED_CURSOR,\n} from './util';\nimport { wrapWithFireEvent } from './wrapWithFireEvent';\nimport { wrapWithFixedAnchor } from './wrapWithFixedAnchor';\nimport {\n  CENTER,\n  SCALE_X,\n  SCALE_Y,\n  SKEWING,\n  SKEW_X,\n  SKEW_Y,\n} from '../constants';\n\nexport type SkewTransform = Transform & { skewingSide: -1 | 1 };\n\nconst AXIS_KEYS: Record<\n  TAxis,\n  {\n    counterAxis: TAxis;\n    scale: TAxisKey<'scale'>;\n    skew: TAxisKey<'skew'>;\n    lockSkewing: TAxisKey<'lockSkewing'>;\n    origin: TAxisKey<'origin'>;\n    flip: TAxisKey<'flip'>;\n  }\n> = {\n  x: {\n    counterAxis: 'y',\n    scale: SCALE_X,\n    skew: SKEW_X,\n    lockSkewing: 'lockSkewingX',\n    origin: 'originX',\n    flip: 'flipX',\n  },\n  y: {\n    counterAxis: 'x',\n    scale: SCALE_Y,\n    skew: SKEW_Y,\n    lockSkewing: 'lockSkewingY',\n    origin: 'originY',\n    flip: 'flipY',\n  },\n};\n\nconst skewMap = ['ns', 'nesw', 'ew', 'nwse'];\n\n/**\n * return the correct cursor style for the skew 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 skewCursorStyleHandler: ControlCursorCallback = (\n  eventData,\n  control,\n  fabricObject,\n  coord,\n) => {\n  if (control.x !== 0 && isLocked(fabricObject, 'lockSkewingY')) {\n    return NOT_ALLOWED_CURSOR;\n  }\n  if (control.y !== 0 && isLocked(fabricObject, 'lockSkewingX')) {\n    return NOT_ALLOWED_CURSOR;\n  }\n  const n = findCornerQuadrant(fabricObject, control, coord) % 4;\n  return `${skewMap[n]}-resize`;\n};\n\n/**\n * Since skewing is applied before scaling, calculations are done in a scaleless plane\n * @see https://github.com/fabricjs/fabric.js/pull/8380\n */\nfunction skewObject(\n  axis: TAxis,\n  { target, ex, ey, skewingSide, ...transform }: SkewTransform,\n  pointer: Point,\n) {\n  const { skew: skewKey } = AXIS_KEYS[axis],\n    offset = pointer\n      .subtract(new Point(ex, ey))\n      .divide(new Point(target.scaleX, target.scaleY))[axis],\n    skewingBefore = target[skewKey],\n    skewingStart = transform[skewKey],\n    shearingStart = Math.tan(degreesToRadians(skewingStart)),\n    // let a, b be the size of target\n    // let a' be the value of a after applying skewing\n    // then:\n    // a' = a + b * skewA => skewA = (a' - a) / b\n    // the value b is tricky since skewY is applied before skewX\n    b =\n      axis === 'y'\n        ? target._getTransformedDimensions({\n            scaleX: 1,\n            scaleY: 1,\n            // since skewY is applied before skewX, b (=width) is not affected by skewX\n            skewX: 0,\n          }).x\n        : target._getTransformedDimensions({\n            scaleX: 1,\n            scaleY: 1,\n          }).y;\n\n  const shearing =\n    (2 * offset * skewingSide) /\n      // we max out fractions to safeguard from asymptotic behavior\n      Math.max(b, 1) +\n    // add starting state\n    shearingStart;\n\n  const skewing = radiansToDegrees(Math.atan(shearing));\n\n  target.set(skewKey, skewing);\n  const changed = skewingBefore !== target[skewKey];\n\n  if (changed && axis === 'y') {\n    // we don't want skewing to affect scaleX\n    // so we factor it by the inverse skewing diff to make it seem unchanged to the viewer\n    const { skewX, scaleX } = target,\n      dimBefore = target._getTransformedDimensions({ skewY: skewingBefore }),\n      dimAfter = target._getTransformedDimensions(),\n      compensationFactor = skewX !== 0 ? dimBefore.x / dimAfter.x : 1;\n    compensationFactor !== 1 &&\n      target.set(SCALE_X, compensationFactor * scaleX);\n  }\n\n  return changed;\n}\n\n/**\n * Wrapped Action handler for skewing on a given axis, takes care of the\n * skew direction and determines the correct transform origin for the anchor point\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 */\nfunction skewHandler(\n  axis: TAxis,\n  eventData: TPointerEvent,\n  transform: Transform,\n  x: number,\n  y: number,\n) {\n  const { target } = transform,\n    {\n      counterAxis,\n      origin: originKey,\n      lockSkewing: lockSkewingKey,\n      skew: skewKey,\n      flip: flipKey,\n    } = AXIS_KEYS[axis];\n  if (isLocked(target, lockSkewingKey)) {\n    return false;\n  }\n\n  const { origin: counterOriginKey, flip: counterFlipKey } =\n      AXIS_KEYS[counterAxis],\n    counterOriginFactor =\n      resolveOrigin(transform[counterOriginKey]) *\n      (target[counterFlipKey] ? -1 : 1),\n    // if the counter origin is top/left (= -0.5) then we are skewing x/y values on the bottom/right side of target respectively.\n    // if the counter origin is bottom/right (= 0.5) then we are skewing x/y values on the top/left side of target respectively.\n    // skewing direction on the top/left side of target is OPPOSITE to the direction of the movement of the pointer,\n    // so we factor skewing direction by this value.\n    skewingSide = (-Math.sign(counterOriginFactor) *\n      (target[flipKey] ? -1 : 1)) as 1 | -1,\n    skewingDirection =\n      ((target[skewKey] === 0 &&\n        // in case skewing equals 0 we use the pointer offset from target center to determine the direction of skewing\n        getLocalPoint(transform, CENTER, CENTER, x, y)[axis] > 0) ||\n      // in case target has skewing we use that as the direction\n      target[skewKey] > 0\n        ? 1\n        : -1) * skewingSide,\n    // anchor to the opposite side of the skewing direction\n    // normalize value from [-1, 1] to origin value [0, 1]\n    origin = -skewingDirection * 0.5 + 0.5;\n\n  const finalHandler = wrapWithFireEvent<SkewTransform>(\n    SKEWING,\n    wrapWithFixedAnchor((eventData, transform, x, y) =>\n      skewObject(axis, transform, new Point(x, y)),\n    ),\n  );\n\n  return finalHandler(\n    eventData,\n    {\n      ...transform,\n      [originKey]: origin,\n      skewingSide,\n    },\n    x,\n    y,\n  );\n}\n\n/**\n * Wrapped Action handler for skewing on the X axis, takes care of the\n * skew direction and determines the correct transform origin for the anchor point\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 skewHandlerX: TransformActionHandler = (\n  eventData,\n  transform,\n  x,\n  y,\n) => {\n  return skewHandler('x', eventData, transform, x, y);\n};\n\n/**\n * Wrapped Action handler for skewing on the Y axis, takes care of the\n * skew direction and determines the correct transform origin for the anchor point\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 skewHandlerY: TransformActionHandler = (\n  eventData,\n  transform,\n  x,\n  y,\n) => {\n  return skewHandler('y', eventData, transform, x, y);\n};\n"],"mappings":"qiBAgCA,MAAM,EAUF,CACF,EAAG,CACD,YAAa,IACb,MAAO,EACP,KAAM,EACN,YAAa,eACb,OAAQ,UACR,KAAM,QAAA,CAER,EAAG,CACD,YAAa,IACb,MAAO,EACP,KAAM,EACN,YAAa,eACb,OAAQ,UACR,KAAM,QAAA,CAAA,CAIJ,EAAU,CAAC,KAAM,OAAQ,KAAM,OAAA,CASxB,GACX,EACA,EACA,EACA,IAEI,EAAQ,IAAM,GAAK,EAAS,EAAc,eAAA,EAG1C,EAAQ,IAAM,GAAK,EAAS,EAAc,eAAA,CAFrC,EAMF,GAAG,EADA,EAAmB,EAAc,EAAS,EAAA,CAAS,GAAA,SAyE/D,SAAS,EACP,EACA,EACA,EACA,EACA,EAAA,CAEA,GAAA,CAAM,OAAE,GAAW,EAAA,CACjB,YACE,EACA,OAAQ,EACR,YAAa,EACb,KAAM,EACN,KAAM,GACJ,EAAU,GAChB,GAAI,EAAS,EAAQ,EAAA,CACnB,MAAA,CAAO,EAGT,GAAA,CAAQ,OAAQ,EAAkB,KAAM,GACpC,EAAU,GACZ,EACE,EAAc,EAAU,GAAA,EACvB,EAAO,GAAA,GAAuB,GAKjC,EAAA,CAAgB,KAAK,KAAK,EAAA,EACvB,EAAO,GAAA,GAAgB,GAW1B,EAAA,EATI,EAAO,KAAa,GAEpB,EAAc,EAAA,SAAA,SAA2B,EAAG,EAAA,CAAG,GAAQ,GAEzD,EAAO,GAAW,EACd,EAAA,IACM,EAGiB,GAAM,GASrC,OAPqB,EACnB,EACA,GAAqB,EAAW,EAAW,EAAG,IA7GlD,SACE,EAAA,CACA,OAAE,EAAA,GAAQ,EAAA,GAAI,EAAA,YAAI,EAAA,GAAgB,GAClC,EAAA,CAEA,GAAA,CAAQ,KAAM,GAAY,EAAU,GAClC,EAAS,EACN,SAAS,IAAI,EAAM,EAAI,EAAA,CAAA,CACvB,OAAO,IAAI,EAAM,EAAO,OAAQ,EAAO,OAAA,CAAA,CAAS,GACnD,EAAgB,EAAO,GACvB,EAAe,EAAU,GACzB,EAAgB,KAAK,IAAI,EAAiB,EAAA,CAAA,CAM1C,EACE,IAAS,IACL,EAAO,0BAA0B,CAC/B,OAAQ,EACR,OAAQ,EAER,MAAO,EAAA,CAAA,CACN,EACH,EAAO,0BAA0B,CAC/B,OAAQ,EACR,OAAQ,EAAA,CAAA,CACP,EAEL,EACH,EAAI,EAAS,EAEZ,KAAK,IAAI,EAAG,EAAA,CAEd,EAEI,EAAU,EAAiB,KAAK,KAAK,EAAA,CAAA,CAE3C,EAAO,IAAI,EAAS,EAAA,CACpB,IAAM,EAAU,IAAkB,EAAO,GAEzC,GAAI,GAAW,IAAS,IAAK,CAG3B,GAAA,CAAM,MAAE,EAAA,OAAO,GAAW,EACxB,EAAY,EAAO,0BAA0B,CAAE,MAAO,EAAA,CAAA,CACtD,EAAW,EAAO,2BAAA,CAClB,EAAqB,IAAU,EAA+B,EAA3B,EAAU,EAAI,EAAS,EAC5D,IAAuB,GACrB,EAAO,IAAA,SAAa,EAAqB,EAAA,CAG7C,OAAO,GAyDQ,EAAM,EAAW,IAAI,EAAM,EAAG,EAAA,CAAA,CAAA,CAHxB,CAQnB,EACA,CAAA,GACK,GACF,GAAY,EACb,YAAA,EAAA,CAEF,EACA,EAAA,CAaJ,MAAa,GACX,EACA,EACA,EACA,IAEO,EAAY,IAAK,EAAW,EAAW,EAAG,EAAA,CAYtC,GACX,EACA,EACA,EACA,IAEO,EAAY,IAAK,EAAW,EAAW,EAAG,EAAA,CAAA,OAAA,KAAA,uBAAA,KAAA,aAAA,KAAA"}

package/dist/src/controls/skew.mjs

@@ -1,114 +0,0 @@
-import { SCALE_X, SCALE_Y, SKEWING, SKEW_X, SKEW_Y } from "../constants.mjs";
-import { Point } from "../Point.mjs";
-import { degreesToRadians, radiansToDegrees } from "../util/misc/radiansDegreesConversion.mjs";
-import { resolveOrigin } from "../util/misc/resolveOrigin.mjs";
-import { NOT_ALLOWED_CURSOR, findCornerQuadrant, getLocalPoint, isLocked } from "./util.mjs";
-import { wrapWithFireEvent } from "./wrapWithFireEvent.mjs";
-import { wrapWithFixedAnchor } from "./wrapWithFixedAnchor.mjs";
-//#region src/controls/skew.ts
-const AXIS_KEYS = {
-	x: {
-		counterAxis: "y",
-		scale: SCALE_X,
-		skew: SKEW_X,
-		lockSkewing: "lockSkewingX",
-		origin: "originX",
-		flip: "flipX"
-	},
-	y: {
-		counterAxis: "x",
-		scale: SCALE_Y,
-		skew: SKEW_Y,
-		lockSkewing: "lockSkewingY",
-		origin: "originY",
-		flip: "flipY"
-	}
-};
-const skewMap = [
-	"ns",
-	"nesw",
-	"ew",
-	"nwse"
-];
-/**
-* return the correct cursor style for the skew 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
-*/
-const skewCursorStyleHandler = (eventData, control, fabricObject, coord) => {
-	if (control.x !== 0 && isLocked(fabricObject, "lockSkewingY")) return NOT_ALLOWED_CURSOR;
-	if (control.y !== 0 && isLocked(fabricObject, "lockSkewingX")) return NOT_ALLOWED_CURSOR;
-	return `${skewMap[findCornerQuadrant(fabricObject, control, coord) % 4]}-resize`;
-};
-/**
-* Since skewing is applied before scaling, calculations are done in a scaleless plane
-* @see https://github.com/fabricjs/fabric.js/pull/8380
-*/
-function skewObject(axis, { target, ex, ey, skewingSide, ...transform }, pointer) {
-	const { skew: skewKey } = AXIS_KEYS[axis], offset = pointer.subtract(new Point(ex, ey)).divide(new Point(target.scaleX, target.scaleY))[axis], skewingBefore = target[skewKey], skewingStart = transform[skewKey], shearingStart = Math.tan(degreesToRadians(skewingStart)), b = axis === "y" ? target._getTransformedDimensions({
-		scaleX: 1,
-		scaleY: 1,
-		skewX: 0
-	}).x : target._getTransformedDimensions({
-		scaleX: 1,
-		scaleY: 1
-	}).y;
-	const shearing = 2 * offset * skewingSide / Math.max(b, 1) + shearingStart;
-	const skewing = radiansToDegrees(Math.atan(shearing));
-	target.set(skewKey, skewing);
-	const changed = skewingBefore !== target[skewKey];
-	if (changed && axis === "y") {
-		const { skewX, scaleX } = target, dimBefore = target._getTransformedDimensions({ skewY: skewingBefore }), dimAfter = target._getTransformedDimensions(), compensationFactor = skewX !== 0 ? dimBefore.x / dimAfter.x : 1;
-		compensationFactor !== 1 && target.set("scaleX", compensationFactor * scaleX);
-	}
-	return changed;
-}
-/**
-* Wrapped Action handler for skewing on a given axis, takes care of the
-* skew direction and determines the correct transform origin for the anchor point
-* @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
-*/
-function skewHandler(axis, eventData, transform, x, y) {
-	const { target } = transform, { counterAxis, origin: originKey, lockSkewing: lockSkewingKey, skew: skewKey, flip: flipKey } = AXIS_KEYS[axis];
-	if (isLocked(target, lockSkewingKey)) return false;
-	const { origin: counterOriginKey, flip: counterFlipKey } = AXIS_KEYS[counterAxis], counterOriginFactor = resolveOrigin(transform[counterOriginKey]) * (target[counterFlipKey] ? -1 : 1), skewingSide = -Math.sign(counterOriginFactor) * (target[flipKey] ? -1 : 1), origin = -((target[skewKey] === 0 && getLocalPoint(transform, "center", "center", x, y)[axis] > 0 || target[skewKey] > 0 ? 1 : -1) * skewingSide) * .5 + .5;
-	return wrapWithFireEvent(SKEWING, wrapWithFixedAnchor((eventData, transform, x, y) => skewObject(axis, transform, new Point(x, y))))(eventData, {
-		...transform,
-		[originKey]: origin,
-		skewingSide
-	}, x, y);
-}
-/**
-* Wrapped Action handler for skewing on the X axis, takes care of the
-* skew direction and determines the correct transform origin for the anchor point
-* @param {Event} eventData javascript event that is doing the transform
-* @param {Object} transform javascript object containing a series of information around the current transform
-* @param {number} x current mouse x position, canvas normalized
-* @param {number} y current mouse y position, canvas normalized
-* @return {Boolean} true if some change happened
-*/
-const skewHandlerX = (eventData, transform, x, y) => {
-	return skewHandler("x", eventData, transform, x, y);
-};
-/**
-* Wrapped Action handler for skewing on the Y axis, takes care of the
-* skew direction and determines the correct transform origin for the anchor point
-* @param {Event} eventData javascript event that is doing the transform
-* @param {Object} transform javascript object containing a series of information around the current transform
-* @param {number} x current mouse x position, canvas normalized
-* @param {number} y current mouse y position, canvas normalized
-* @return {Boolean} true if some change happened
-*/
-const skewHandlerY = (eventData, transform, x, y) => {
-	return skewHandler("y", eventData, transform, x, y);
-};
-//#endregion
-export { skewCursorStyleHandler, skewHandlerX, skewHandlerY };
-
-//# sourceMappingURL=skew.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"skew.mjs","names":[],"sources":["../../../src/controls/skew.ts"],"sourcesContent":["import type {\n  ControlCursorCallback,\n  TPointerEvent,\n  Transform,\n  TransformActionHandler,\n} from '../EventTypeDefs';\nimport { resolveOrigin } from '../util/misc/resolveOrigin';\nimport { Point } from '../Point';\nimport type { TAxis, TAxisKey } from '../typedefs';\nimport {\n  degreesToRadians,\n  radiansToDegrees,\n} from '../util/misc/radiansDegreesConversion';\nimport {\n  findCornerQuadrant,\n  getLocalPoint,\n  isLocked,\n  NOT_ALLOWED_CURSOR,\n} from './util';\nimport { wrapWithFireEvent } from './wrapWithFireEvent';\nimport { wrapWithFixedAnchor } from './wrapWithFixedAnchor';\nimport {\n  CENTER,\n  SCALE_X,\n  SCALE_Y,\n  SKEWING,\n  SKEW_X,\n  SKEW_Y,\n} from '../constants';\n\nexport type SkewTransform = Transform & { skewingSide: -1 | 1 };\n\nconst AXIS_KEYS: Record<\n  TAxis,\n  {\n    counterAxis: TAxis;\n    scale: TAxisKey<'scale'>;\n    skew: TAxisKey<'skew'>;\n    lockSkewing: TAxisKey<'lockSkewing'>;\n    origin: TAxisKey<'origin'>;\n    flip: TAxisKey<'flip'>;\n  }\n> = {\n  x: {\n    counterAxis: 'y',\n    scale: SCALE_X,\n    skew: SKEW_X,\n    lockSkewing: 'lockSkewingX',\n    origin: 'originX',\n    flip: 'flipX',\n  },\n  y: {\n    counterAxis: 'x',\n    scale: SCALE_Y,\n    skew: SKEW_Y,\n    lockSkewing: 'lockSkewingY',\n    origin: 'originY',\n    flip: 'flipY',\n  },\n};\n\nconst skewMap = ['ns', 'nesw', 'ew', 'nwse'];\n\n/**\n * return the correct cursor style for the skew 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 skewCursorStyleHandler: ControlCursorCallback = (\n  eventData,\n  control,\n  fabricObject,\n  coord,\n) => {\n  if (control.x !== 0 && isLocked(fabricObject, 'lockSkewingY')) {\n    return NOT_ALLOWED_CURSOR;\n  }\n  if (control.y !== 0 && isLocked(fabricObject, 'lockSkewingX')) {\n    return NOT_ALLOWED_CURSOR;\n  }\n  const n = findCornerQuadrant(fabricObject, control, coord) % 4;\n  return `${skewMap[n]}-resize`;\n};\n\n/**\n * Since skewing is applied before scaling, calculations are done in a scaleless plane\n * @see https://github.com/fabricjs/fabric.js/pull/8380\n */\nfunction skewObject(\n  axis: TAxis,\n  { target, ex, ey, skewingSide, ...transform }: SkewTransform,\n  pointer: Point,\n) {\n  const { skew: skewKey } = AXIS_KEYS[axis],\n    offset = pointer\n      .subtract(new Point(ex, ey))\n      .divide(new Point(target.scaleX, target.scaleY))[axis],\n    skewingBefore = target[skewKey],\n    skewingStart = transform[skewKey],\n    shearingStart = Math.tan(degreesToRadians(skewingStart)),\n    // let a, b be the size of target\n    // let a' be the value of a after applying skewing\n    // then:\n    // a' = a + b * skewA => skewA = (a' - a) / b\n    // the value b is tricky since skewY is applied before skewX\n    b =\n      axis === 'y'\n        ? target._getTransformedDimensions({\n            scaleX: 1,\n            scaleY: 1,\n            // since skewY is applied before skewX, b (=width) is not affected by skewX\n            skewX: 0,\n          }).x\n        : target._getTransformedDimensions({\n            scaleX: 1,\n            scaleY: 1,\n          }).y;\n\n  const shearing =\n    (2 * offset * skewingSide) /\n      // we max out fractions to safeguard from asymptotic behavior\n      Math.max(b, 1) +\n    // add starting state\n    shearingStart;\n\n  const skewing = radiansToDegrees(Math.atan(shearing));\n\n  target.set(skewKey, skewing);\n  const changed = skewingBefore !== target[skewKey];\n\n  if (changed && axis === 'y') {\n    // we don't want skewing to affect scaleX\n    // so we factor it by the inverse skewing diff to make it seem unchanged to the viewer\n    const { skewX, scaleX } = target,\n      dimBefore = target._getTransformedDimensions({ skewY: skewingBefore }),\n      dimAfter = target._getTransformedDimensions(),\n      compensationFactor = skewX !== 0 ? dimBefore.x / dimAfter.x : 1;\n    compensationFactor !== 1 &&\n      target.set(SCALE_X, compensationFactor * scaleX);\n  }\n\n  return changed;\n}\n\n/**\n * Wrapped Action handler for skewing on a given axis, takes care of the\n * skew direction and determines the correct transform origin for the anchor point\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 */\nfunction skewHandler(\n  axis: TAxis,\n  eventData: TPointerEvent,\n  transform: Transform,\n  x: number,\n  y: number,\n) {\n  const { target } = transform,\n    {\n      counterAxis,\n      origin: originKey,\n      lockSkewing: lockSkewingKey,\n      skew: skewKey,\n      flip: flipKey,\n    } = AXIS_KEYS[axis];\n  if (isLocked(target, lockSkewingKey)) {\n    return false;\n  }\n\n  const { origin: counterOriginKey, flip: counterFlipKey } =\n      AXIS_KEYS[counterAxis],\n    counterOriginFactor =\n      resolveOrigin(transform[counterOriginKey]) *\n      (target[counterFlipKey] ? -1 : 1),\n    // if the counter origin is top/left (= -0.5) then we are skewing x/y values on the bottom/right side of target respectively.\n    // if the counter origin is bottom/right (= 0.5) then we are skewing x/y values on the top/left side of target respectively.\n    // skewing direction on the top/left side of target is OPPOSITE to the direction of the movement of the pointer,\n    // so we factor skewing direction by this value.\n    skewingSide = (-Math.sign(counterOriginFactor) *\n      (target[flipKey] ? -1 : 1)) as 1 | -1,\n    skewingDirection =\n      ((target[skewKey] === 0 &&\n        // in case skewing equals 0 we use the pointer offset from target center to determine the direction of skewing\n        getLocalPoint(transform, CENTER, CENTER, x, y)[axis] > 0) ||\n      // in case target has skewing we use that as the direction\n      target[skewKey] > 0\n        ? 1\n        : -1) * skewingSide,\n    // anchor to the opposite side of the skewing direction\n    // normalize value from [-1, 1] to origin value [0, 1]\n    origin = -skewingDirection * 0.5 + 0.5;\n\n  const finalHandler = wrapWithFireEvent<SkewTransform>(\n    SKEWING,\n    wrapWithFixedAnchor((eventData, transform, x, y) =>\n      skewObject(axis, transform, new Point(x, y)),\n    ),\n  );\n\n  return finalHandler(\n    eventData,\n    {\n      ...transform,\n      [originKey]: origin,\n      skewingSide,\n    },\n    x,\n    y,\n  );\n}\n\n/**\n * Wrapped Action handler for skewing on the X axis, takes care of the\n * skew direction and determines the correct transform origin for the anchor point\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 skewHandlerX: TransformActionHandler = (\n  eventData,\n  transform,\n  x,\n  y,\n) => {\n  return skewHandler('x', eventData, transform, x, y);\n};\n\n/**\n * Wrapped Action handler for skewing on the Y axis, takes care of the\n * skew direction and determines the correct transform origin for the anchor point\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 skewHandlerY: TransformActionHandler = (\n  eventData,\n  transform,\n  x,\n  y,\n) => {\n  return skewHandler('y', eventData, transform, x, y);\n};\n"],"mappings":";;;;;;;;AAgCA,MAAM,YAUF;CACF,GAAG;EACD,aAAa;EACb,OAAO;EACP,MAAM;EACN,aAAa;EACb,QAAQ;EACR,MAAM;EACP;CACD,GAAG;EACD,aAAa;EACb,OAAO;EACP,MAAM;EACN,aAAa;EACb,QAAQ;EACR,MAAM;EACP;CACF;AAED,MAAM,UAAU;CAAC;CAAM;CAAQ;CAAM;CAAO;;;;;;;;AAS5C,MAAa,0BACX,WACA,SACA,cACA,UACG;AACH,KAAI,QAAQ,MAAM,KAAK,SAAS,cAAc,eAAe,CAC3D,QAAO;AAET,KAAI,QAAQ,MAAM,KAAK,SAAS,cAAc,eAAe,CAC3D,QAAO;AAGT,QAAO,GAAG,QADA,mBAAmB,cAAc,SAAS,MAAM,GAAG,GACxC;;;;;;AAOvB,SAAS,WACP,MACA,EAAE,QAAQ,IAAI,IAAI,aAAa,GAAG,aAClC,SACA;CACA,MAAM,EAAE,MAAM,YAAY,UAAU,OAClC,SAAS,QACN,SAAS,IAAI,MAAM,IAAI,GAAG,CAAC,CAC3B,OAAO,IAAI,MAAM,OAAO,QAAQ,OAAO,OAAO,CAAC,CAAC,OACnD,gBAAgB,OAAO,UACvB,eAAe,UAAU,UACzB,gBAAgB,KAAK,IAAI,iBAAiB,aAAa,CAAC,EAMxD,IACE,SAAS,MACL,OAAO,0BAA0B;EAC/B,QAAQ;EACR,QAAQ;EAER,OAAO;EACR,CAAC,CAAC,IACH,OAAO,0BAA0B;EAC/B,QAAQ;EACR,QAAQ;EACT,CAAC,CAAC;CAEX,MAAM,WACH,IAAI,SAAS,cAEZ,KAAK,IAAI,GAAG,EAAE,GAEhB;CAEF,MAAM,UAAU,iBAAiB,KAAK,KAAK,SAAS,CAAC;AAErD,QAAO,IAAI,SAAS,QAAQ;CAC5B,MAAM,UAAU,kBAAkB,OAAO;AAEzC,KAAI,WAAW,SAAS,KAAK;EAG3B,MAAM,EAAE,OAAO,WAAW,QACxB,YAAY,OAAO,0BAA0B,EAAE,OAAO,eAAe,CAAC,EACtE,WAAW,OAAO,2BAA2B,EAC7C,qBAAqB,UAAU,IAAI,UAAU,IAAI,SAAS,IAAI;AAChE,yBAAuB,KACrB,OAAO,IAAA,UAAa,qBAAqB,OAAO;;AAGpD,QAAO;;;;;;;;;;;AAYT,SAAS,YACP,MACA,WACA,WACA,GACA,GACA;CACA,MAAM,EAAE,WAAW,WACjB,EACE,aACA,QAAQ,WACR,aAAa,gBACb,MAAM,SACN,MAAM,YACJ,UAAU;AAChB,KAAI,SAAS,QAAQ,eAAe,CAClC,QAAO;CAGT,MAAM,EAAE,QAAQ,kBAAkB,MAAM,mBACpC,UAAU,cACZ,sBACE,cAAc,UAAU,kBAAkB,IACzC,OAAO,kBAAkB,KAAK,IAKjC,cAAe,CAAC,KAAK,KAAK,oBAAoB,IAC3C,OAAO,WAAW,KAAK,IAW1B,SAAS,GATL,OAAO,aAAa,KAEpB,cAAc,WAAA,UAAA,UAA2B,GAAG,EAAE,CAAC,QAAQ,KAEzD,OAAO,WAAW,IACd,IACA,MAAM,eAGiB,KAAM;AASrC,QAPqB,kBACnB,SACA,qBAAqB,WAAW,WAAW,GAAG,MAC5C,WAAW,MAAM,WAAW,IAAI,MAAM,GAAG,EAAE,CAAC,CAC7C,CACF,CAGC,WACA;EACE,GAAG;GACF,YAAY;EACb;EACD,EACD,GACA,EACD;;;;;;;;;;;AAYH,MAAa,gBACX,WACA,WACA,GACA,MACG;AACH,QAAO,YAAY,KAAK,WAAW,WAAW,GAAG,EAAE;;;;;;;;;;;AAYrD,MAAa,gBACX,WACA,WACA,GACA,MACG;AACH,QAAO,YAAY,KAAK,WAAW,WAAW,GAAG,EAAE"}

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

@@ -1,42 +0,0 @@
-import type { TPointerEvent, Transform, TransformAction, BasicTransformEvent } from '../EventTypeDefs';
-import { Point } from '../Point';
-import type { FabricObject } from '../shapes/Object/FabricObject';
-import type { TOriginX, TOriginY } from '../typedefs';
-import type { Control } from './Control';
-import type { TOCoord } from '../shapes/Object/InteractiveObject';
-export declare const NOT_ALLOWED_CURSOR = "not-allowed";
-/**
- * @param {Boolean} alreadySelected true if target is already selected
- * @param {String} corner a string representing the corner ml, mr, tl ...
- * @param {Event} e Event object
- * @param {FabricObject} [target] inserted back to help overriding. Unused
- */
-export declare const getActionFromCorner: (alreadySelected: boolean, corner: string | undefined, e: TPointerEvent, target: FabricObject) => string;
-/**
- * Checks if transform is centered
- * @param {Object} transform transform data
- * @return {Boolean} true if transform is centered
- */
-export declare function isTransformCentered(transform: Transform): boolean;
-export declare function invertOrigin(origin: TOriginX | TOriginY): number;
-export declare const isLocked: (target: FabricObject, lockingKey: "lockMovementX" | "lockMovementY" | "lockRotation" | "lockScalingX" | "lockScalingY" | "lockSkewingX" | "lockSkewingY" | "lockScalingFlip") => boolean;
-export declare const commonEventInfo: TransformAction<Transform, BasicTransformEvent>;
-/**
- * Combine control position and object angle to find the control direction compared
- * to the object center.
- * @param {FabricObject} fabricObject the fabric object for which we are rendering controls
- * @param {Control} control the control class
- * @return {Number} 0 - 7 a quadrant number
- */
-export declare function findCornerQuadrant(fabricObject: FabricObject, control: Control, coord: TOCoord): number;
-/**
- * Transforms a point to the offset from the given origin
- * @param {Object} transform
- * @param {String} originX
- * @param {String} originY
- * @param {number} x
- * @param {number} y
- * @return {Fabric.Point} the normalized point
- */
-export declare function getLocalPoint({ target, corner }: Transform, originX: TOriginX, originY: TOriginY, x: number, y: number): Point;
-//# sourceMappingURL=util.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../src/controls/util.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,SAAS,EACT,eAAe,EACf,mBAAmB,EACpB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEtD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGzC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oCAAoC,CAAC;AAGlE,eAAO,MAAM,kBAAkB,gBAAgB,CAAC;AAEhD;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,GAC9B,iBAAiB,OAAO,EACxB,QAAQ,MAAM,GAAG,SAAS,EAC1B,GAAG,aAAa,EAChB,QAAQ,YAAY,WAOrB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,SAAS,WAKvD;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,QAAQ,GAAG,QAAQ,UAEvD;AAED,eAAO,MAAM,QAAQ,GACnB,QAAQ,YAAY,EACpB,YACI,eAAe,GACf,eAAe,GACf,cAAc,GACd,cAAc,GACd,cAAc,GACd,cAAc,GACd,cAAc,GACd,iBAAiB,YACA,CAAC;AAExB,eAAO,MAAM,eAAe,EAAE,eAAe,CAC3C,SAAS,EACT,mBAAmB,CAOpB,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAChC,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,OAAO,GACb,MAAM,CASR;AA4BD;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAC3B,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,SAAS,EAC7B,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,QAAQ,EACjB,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,SAqBV"}

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

@@ -1,2 +0,0 @@
-import{CENTER as e,quarterPI as t,twoMathPi as n}from"../constants.min.mjs";import{Point as r}from"../Point.min.mjs";import{degreesToRadians as i}from"../util/misc/radiansDegreesConversion.min.mjs";import{sendPointToPlane as a}from"../util/misc/planeChange.min.mjs";import{resolveOrigin as o}from"../util/misc/resolveOrigin.min.mjs";import{calcVectorRotation as s,createVector as c}from"../util/misc/vectors.min.mjs";const l=`not-allowed`,u=(e,t,n,r)=>{if(!t||!e)return`drag`;let i=r.controls[t];return i.getActionName(n,i,r)};function d(e){return o(e.originX)===o(`center`)&&o(e.originY)===o(`center`)}function f(e){return .5-o(e)}const p=(e,t)=>e[t],m=(e,t,n,i)=>({e,transform:t,pointer:new r(n,i)});function h(e,r,i){let o=i,l=s(c(a(e.getCenterPoint(),e.canvas.viewportTransform,void 0),o))+n;return Math.round(l%n/t)}function g({target:t,corner:n},a,o,s,c){var l;let u=t.controls[n],d=((l=t.canvas)==null?void 0:l.getZoom())||1,f=t.padding/d,p=function(t,n,a,o){let s=t.getRelativeCenterPoint(),c=a!==void 0&&o!==void 0?t.translateToGivenOrigin(s,e,e,a,o):new r(t.left,t.top);return(t.angle?n.rotate(-i(t.angle),s):n).subtract(c)}(t,new r(s,c),a,o);return p.x>=f&&(p.x-=f),p.x<=-f&&(p.x+=f),p.y>=f&&(p.y-=f),p.y<=f&&(p.y+=f),p.x-=u.offsetX,p.y-=u.offsetY,p}export{l as NOT_ALLOWED_CURSOR,m as commonEventInfo,h as findCornerQuadrant,u as getActionFromCorner,g as getLocalPoint,f as invertOrigin,p as isLocked,d as isTransformCentered};
-//# sourceMappingURL=util.min.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"util.min.mjs","names":[],"sources":["../../../src/controls/util.ts"],"sourcesContent":["import type {\n  TPointerEvent,\n  Transform,\n  TransformAction,\n  BasicTransformEvent,\n} from '../EventTypeDefs';\nimport { resolveOrigin } from '../util/misc/resolveOrigin';\nimport { Point } from '../Point';\nimport type { FabricObject } from '../shapes/Object/FabricObject';\nimport type { TOriginX, TOriginY } from '../typedefs';\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\nimport type { Control } from './Control';\nimport { CENTER, quarterPI, twoMathPi } from '../constants';\nimport { calcVectorRotation, createVector } from '../util/misc/vectors';\nimport type { TOCoord } from '../shapes/Object/InteractiveObject';\nimport { sendPointToPlane } from '../util/misc/planeChange';\n\nexport const NOT_ALLOWED_CURSOR = 'not-allowed';\n\n/**\n * @param {Boolean} alreadySelected true if target is already selected\n * @param {String} corner a string representing the corner ml, mr, tl ...\n * @param {Event} e Event object\n * @param {FabricObject} [target] inserted back to help overriding. Unused\n */\nexport const getActionFromCorner = (\n  alreadySelected: boolean,\n  corner: string | undefined,\n  e: TPointerEvent,\n  target: FabricObject,\n) => {\n  if (!corner || !alreadySelected) {\n    return 'drag';\n  }\n  const control = target.controls[corner];\n  return control.getActionName(e, control, target);\n};\n\n/**\n * Checks if transform is centered\n * @param {Object} transform transform data\n * @return {Boolean} true if transform is centered\n */\nexport function isTransformCentered(transform: Transform) {\n  return (\n    resolveOrigin(transform.originX) === resolveOrigin(CENTER) &&\n    resolveOrigin(transform.originY) === resolveOrigin(CENTER)\n  );\n}\n\nexport function invertOrigin(origin: TOriginX | TOriginY) {\n  return -resolveOrigin(origin) + 0.5;\n}\n\nexport const isLocked = (\n  target: FabricObject,\n  lockingKey:\n    | 'lockMovementX'\n    | 'lockMovementY'\n    | 'lockRotation'\n    | 'lockScalingX'\n    | 'lockScalingY'\n    | 'lockSkewingX'\n    | 'lockSkewingY'\n    | 'lockScalingFlip',\n) => target[lockingKey];\n\nexport const commonEventInfo: TransformAction<\n  Transform,\n  BasicTransformEvent\n> = (eventData, transform, x, y) => {\n  return {\n    e: eventData,\n    transform,\n    pointer: new Point(x, y),\n  };\n};\n\n/**\n * Combine control position and object angle to find the control direction compared\n * to the object center.\n * @param {FabricObject} fabricObject the fabric object for which we are rendering controls\n * @param {Control} control the control class\n * @return {Number} 0 - 7 a quadrant number\n */\nexport function findCornerQuadrant(\n  fabricObject: FabricObject,\n  control: Control,\n  coord: TOCoord,\n): number {\n  const target = coord;\n  const center = sendPointToPlane(\n    fabricObject.getCenterPoint(),\n    fabricObject.canvas!.viewportTransform,\n    undefined,\n  );\n  const angle = calcVectorRotation(createVector(center, target)) + twoMathPi;\n  return Math.round((angle % twoMathPi) / quarterPI);\n}\n\n/**\n * @returns the normalized point (rotated relative to center) in local coordinates\n */\nfunction normalizePoint(\n  target: FabricObject,\n  point: Point,\n  originX: TOriginX,\n  originY: TOriginY,\n): Point {\n  const center = target.getRelativeCenterPoint(),\n    p =\n      typeof originX !== 'undefined' && typeof originY !== 'undefined'\n        ? target.translateToGivenOrigin(\n            center,\n            CENTER,\n            CENTER,\n            originX,\n            originY,\n          )\n        : new Point(target.left, target.top),\n    p2 = target.angle\n      ? point.rotate(-degreesToRadians(target.angle), center)\n      : point;\n  return p2.subtract(p);\n}\n\n/**\n * Transforms a point to the offset from the given origin\n * @param {Object} transform\n * @param {String} originX\n * @param {String} originY\n * @param {number} x\n * @param {number} y\n * @return {Fabric.Point} the normalized point\n */\nexport function getLocalPoint(\n  { target, corner }: Transform,\n  originX: TOriginX,\n  originY: TOriginY,\n  x: number,\n  y: number,\n) {\n  const control = target.controls[corner],\n    zoom = target.canvas?.getZoom() || 1,\n    padding = target.padding / zoom,\n    localPoint = normalizePoint(target, new Point(x, y), originX, originY);\n  if (localPoint.x >= padding) {\n    localPoint.x -= padding;\n  }\n  if (localPoint.x <= -padding) {\n    localPoint.x += padding;\n  }\n  if (localPoint.y >= padding) {\n    localPoint.y -= padding;\n  }\n  if (localPoint.y <= padding) {\n    localPoint.y += padding;\n  }\n  localPoint.x -= control.offsetX;\n  localPoint.y -= control.offsetY;\n  return localPoint;\n}\n"],"mappings":"iaAiBA,MAAa,EAAqB,cAQrB,GACX,EACA,EACA,EACA,IAAA,CAEA,GAAA,CAAK,GAAA,CAAW,EACd,MAAO,OAET,IAAM,EAAU,EAAO,SAAS,GAChC,OAAO,EAAQ,cAAc,EAAG,EAAS,EAAA,EAQ3C,SAAgB,EAAoB,EAAA,CAClC,OACE,EAAc,EAAU,QAAA,GAAa,EAAA,SAAA,EACrC,EAAc,EAAU,QAAA,GAAa,EAAA,SAAA,CAIzC,SAAgB,EAAa,EAAA,CAC3B,MAAgC,IAAxB,EAAc,EAAA,CAGxB,MAAa,GACX,EACA,IASG,EAAO,GAEC,GAGR,EAAW,EAAW,EAAG,KACrB,CACF,EACH,UAAA,EACA,QAAS,IAAI,EAAM,EAAG,EAAA,CAAA,EAW1B,SAAgB,EACd,EACA,EACA,EAAA,CAEA,IAAM,EAAS,EAMT,EAAQ,EAAmB,EALlB,EACb,EAAa,gBAAA,CACb,EAAa,OAAQ,kBAAA,IACrB,GAAA,CAEoD,EAAA,CAAA,CAAW,EACjE,OAAO,KAAK,MAAO,EAAQ,EAAa,EAAA,CAsC1C,SAAgB,EAAA,CACd,OAAE,EAAA,OAAQ,GACV,EACA,EACA,EACA,EAAA,CAAA,IAAA,EAEA,IAAM,EAAU,EAAO,SAAS,GAC9B,IAAA,EAAO,EAAO,SAAA,KAAA,IAAA,GAAA,EAAQ,SAAA,GAAa,EACnC,EAAU,EAAO,QAAU,EAC3B,EA1CJ,SACE,EACA,EACA,EACA,EAAA,CAEA,IAAM,EAAS,EAAO,wBAAA,CACpB,EACS,IADT,IACqB,IAAsB,IAAlC,IAA8C,GACjD,EAAO,uBACL,EACA,EACA,EACA,EACA,EAAA,CAEF,IAAI,EAAM,EAAO,KAAM,EAAO,IAAA,CAItC,OAHO,EAAO,MACR,EAAM,OAAA,CAAQ,EAAiB,EAAO,MAAA,CAAQ,EAAA,CAC9C,GACI,SAAS,EAAA,EAsBW,EAAQ,IAAI,EAAM,EAAG,EAAA,CAAI,EAAS,EAAA,CAehE,OAdI,EAAW,GAAK,IAClB,EAAW,GAAK,GAEd,EAAW,GAAA,CAAM,IACnB,EAAW,GAAK,GAEd,EAAW,GAAK,IAClB,EAAW,GAAK,GAEd,EAAW,GAAK,IAClB,EAAW,GAAK,GAElB,EAAW,GAAK,EAAQ,QACxB,EAAW,GAAK,EAAQ,QACjB,EAAA,OAAA,KAAA,mBAAA,KAAA,gBAAA,KAAA,mBAAA,KAAA,oBAAA,KAAA,cAAA,KAAA,aAAA,KAAA,SAAA,KAAA"}