@nasser-sw/fabric 7.0.0-beta1

package/dist/src/controls/scale.mjs

@@ -0,0 +1,210 @@
+import { NOT_ALLOWED_CURSOR, findCornerQuadrant, isLocked, getLocalPoint, isTransformCentered, invertOrigin } from './util.mjs';
+import { wrapWithFireEvent } from './wrapWithFireEvent.mjs';
+import { wrapWithFixedAnchor } from './wrapWithFixedAnchor.mjs';
+import { SCALING, SCALE_X, SCALE_Y } from '../constants.mjs';
+
+/**
+ * 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;
+  }
+  // code crashes because of a division by 0 if a 0 sized object is scaled
+  // forbid to prevent scaling to happen. ISSUE-9475
+  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),
+    by = control.x !== 0 && control.y === 0 ? 'x' : control.x === 0 && control.y !== 0 ? 'y' : '';
+  if (scalingIsForbidden(fabricObject, by, scaleProportionally)) {
+    return NOT_ALLOWED_CURSOR;
+  }
+  const n = findCornerQuadrant(fabricObject, control, coord);
+  return `${scaleMap[n]}-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) {
+  let options = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
+  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);
+    // use of sign: We use sign to detect change of direction of an action. sign usually change when
+    // we cross the origin point with the mouse. So a scale flip for example. There is an issue when scaling
+    // by center and scaling using one middle control ( default: mr, mt, ml, mb), the mouse movement can easily
+    // cross many time the origin point and flip the object. so we need a way to filter out the noise.
+    // This ternary here should be ok to filter out X scaling when we want Y only and vice versa.
+    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();
+    // missing detection of flip and logic to switch the origin
+    if (scaleProportionally && !by) {
+      // uniform scaling
+      const distance = Math.abs(newPoint.x) + Math.abs(newPoint.y),
+        {
+          original
+        } = transform,
+        originalDistance = Math.abs(dim.x * original.scaleX / target.scaleX) + Math.abs(dim.y * original.scaleY / target.scaleY),
+        scale = distance / originalDistance;
+      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 we are scaling by center, we need to double the scale
+    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;
+    }
+  }
+  // minScale is taken care of in the setter.
+  const oldScaleX = target.scaleX,
+    oldScaleY = target.scaleY;
+  if (!by) {
+    !isLocked(target, 'lockScalingX') && target.set(SCALE_X, scaleX);
+    !isLocked(target, 'lockScalingY') && target.set(SCALE_Y, scaleY);
+  } else {
+    // forbidden cases already handled on top here.
+    by === 'x' && target.set(SCALE_X, scaleX);
+    by === 'y' && target.set(SCALE_Y, 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));
+
+export { scaleCursorStyleHandler, scaleIsProportional, scaleObjectFromCorner, scalingEqually, scalingIsForbidden, scalingX, scalingY };
+//# sourceMappingURL=scale.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scale.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","forbidScaling","newPoint","scaleX","scaleY","dim","signX","signY","gestureScale","getLocalPoint","originX","originY","Math","sign","_getTransformedDimensions","distance","abs","original","originalDistance","scale","isTransformCentered","invertOrigin","oldScaleX","oldScaleY","set","SCALE_X","SCALE_Y","scaleObjectFromCorner","scaleObjectX","scaleObjectY","scalingEqually","wrapWithFireEvent","SCALING","wrapWithFixedAnchor","scalingX","scalingY"],"mappings":"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"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"scaleSkew.min.mjs","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"],"names":["isAltAction","eventData","target","canvas","altActionKey","scaleOrSkewActionName","control","fabricObject","isAlternative","x","SKEW_X","SCALE_Y","y","SKEW_Y","SCALE_X","scaleSkewCursorStyleHandler","coord","skewCursorStyleHandler","scaleCursorStyleHandler","scalingXOrSkewingY","transform","skewHandlerY","scalingX","scalingYOrSkewingX","skewHandlerX","scalingY"],"mappings":"sQAYA,SAASA,EAAYC,EAA0BC,GAC7C,OAAOD,EAAUC,EAAOC,OAAQC,aAClC,CASO,MAAMC,EAETA,CAACJ,EAAWK,EAASC,KACvB,MAAMC,EAAgBR,EAAYC,EAAWM,GAC7C,OAAkB,IAAdD,EAAQG,EAEHD,EAAgBE,EAASC,EAEhB,IAAdL,EAAQM,EAEHJ,EAAgBK,EAASC,EAE3B,IAUIC,EAAqDA,CAChEd,EACAK,EACAC,EACAS,IAEOhB,EAAYC,EAAWM,GAC1BU,EAAuBhB,EAAWK,EAASC,EAAcS,GACzDE,EAAwBjB,EAAWK,EAASC,EAAcS,GAWnDG,EAA6CA,CACxDlB,EACAmB,EACAX,EACAG,IAEOZ,EAAYC,EAAWmB,EAAUlB,QACpCmB,EAAapB,EAAWmB,EAAWX,EAAGG,GACtCU,EAASrB,EAAWmB,EAAWX,EAAGG,GAY3BW,EAA6CA,CACxDtB,EACAmB,EACAX,EACAG,IAEOZ,EAAYC,EAAWmB,EAAUlB,QACpCsB,EAAavB,EAAWmB,EAAWX,EAAGG,GACtCa,EAASxB,EAAWmB,EAAWX,EAAGG"}

package/dist/src/controls/scaleSkew.mjs

@@ -0,0 +1,66 @@
+import { SKEW_X, SCALE_Y, SKEW_Y, SCALE_X } from '../constants.mjs';
+import { scalingY, scaleCursorStyleHandler, scalingX } from './scale.mjs';
+import { skewHandlerX, skewCursorStyleHandler, skewHandlerY } from './skew.mjs';
+
+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) {
+    // then is scaleY or skewX
+    return isAlternative ? SKEW_X : SCALE_Y;
+  }
+  if (control.y === 0) {
+    // then is scaleY or skewX
+    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);
+};
+
+export { scaleOrSkewActionName, scaleSkewCursorStyleHandler, scalingXOrSkewingY, scalingYOrSkewingX };
+//# sourceMappingURL=scaleSkew.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scaleSkew.mjs","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"],"names":["isAltAction","eventData","target","canvas","altActionKey","scaleOrSkewActionName","control","fabricObject","isAlternative","x","SKEW_X","SCALE_Y","y","SKEW_Y","SCALE_X","scaleSkewCursorStyleHandler","coord","skewCursorStyleHandler","scaleCursorStyleHandler","scalingXOrSkewingY","transform","skewHandlerY","scalingX","scalingYOrSkewingX","skewHandlerX","scalingY"],"mappings":";;;;AAYA,SAASA,WAAWA,CAACC,SAAwB,EAAEC,MAAoB,EAAE;AACnE,EAAA,OAAOD,SAAS,CAACC,MAAM,CAACC,MAAM,CAAEC,YAAY,CAAE;AAChD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,qBAEZ,GAAGA,CAACJ,SAAS,EAAEK,OAAO,EAAEC,YAAY,KAAK;AACxC,EAAA,MAAMC,aAAa,GAAGR,WAAW,CAACC,SAAS,EAAEM,YAAY,CAAC;AAC1D,EAAA,IAAID,OAAO,CAACG,CAAC,KAAK,CAAC,EAAE;AACnB;AACA,IAAA,OAAOD,aAAa,GAAGE,MAAM,GAAGC,OAAO;AACzC,EAAA;AACA,EAAA,IAAIL,OAAO,CAACM,CAAC,KAAK,CAAC,EAAE;AACnB;AACA,IAAA,OAAOJ,aAAa,GAAGK,MAAM,GAAGC,OAAO;AACzC,EAAA;AACA,EAAA,OAAO,EAAE;AACX;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,2BAAkD,GAAGA,CAChEd,SAAS,EACTK,OAAO,EACPC,YAAY,EACZS,KAAK,KACF;EACH,OAAOhB,WAAW,CAACC,SAAS,EAAEM,YAAY,CAAC,GACvCU,sBAAsB,CAAChB,SAAS,EAAEK,OAAO,EAAEC,YAAY,EAAES,KAAK,CAAC,GAC/DE,uBAAuB,CAACjB,SAAS,EAAEK,OAAO,EAAEC,YAAY,EAAES,KAAK,CAAC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,kBAA0C,GAAGA,CACxDlB,SAAS,EACTmB,SAAS,EACTX,CAAC,EACDG,CAAC,KACE;AACH,EAAA,OAAOZ,WAAW,CAACC,SAAS,EAAEmB,SAAS,CAAClB,MAAM,CAAC,GAC3CmB,YAAY,CAACpB,SAAS,EAAEmB,SAAS,EAAEX,CAAC,EAAEG,CAAC,CAAC,GACxCU,QAAQ,CAACrB,SAAS,EAAEmB,SAAS,EAAEX,CAAC,EAAEG,CAAC,CAAC;AAC1C;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMW,kBAA0C,GAAGA,CACxDtB,SAAS,EACTmB,SAAS,EACTX,CAAC,EACDG,CAAC,KACE;AACH,EAAA,OAAOZ,WAAW,CAACC,SAAS,EAAEmB,SAAS,CAAClB,MAAM,CAAC,GAC3CsB,YAAY,CAACvB,SAAS,EAAEmB,SAAS,EAAEX,CAAC,EAAEG,CAAC,CAAC,GACxCa,QAAQ,CAACxB,SAAS,EAAEmB,SAAS,EAAEX,CAAC,EAAEG,CAAC,CAAC;AAC1C;;;;"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"skew.min.mjs","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"],"names":["AXIS_KEYS","x","counterAxis","scale","SCALE_X","skew","SKEW_X","lockSkewing","origin","flip","y","SCALE_Y","SKEW_Y","skewMap","skewCursorStyleHandler","eventData","control","fabricObject","coord","isLocked","NOT_ALLOWED_CURSOR","n","findCornerQuadrant","skewHandler","axis","transform","target","originKey","lockSkewingKey","skewKey","flipKey","counterOriginKey","counterFlipKey","counterOriginFactor","resolveOrigin","skewingSide","Math","sign","getLocalPoint","CENTER","finalHandler","wrapWithFireEvent","SKEWING","wrapWithFixedAnchor","_ref","pointer","ex","ey","offset","subtract","Point","divide","scaleX","scaleY","skewingBefore","skewingStart","shearingStart","tan","degreesToRadians","b","_getTransformedDimensions","skewX","shearing","max","skewing","radiansToDegrees","atan","set","changed","dimBefore","skewY","dimAfter","compensationFactor","skewObject","skewHandlerX","skewHandlerY"],"mappings":"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"}