fabric 6.0.0 → 6.0.2

package/dist/src/util/misc/svgParsing.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"svgParsing.mjs","sources":["../../../../src/util/misc/svgParsing.ts"],"sourcesContent":["import { Color } from '../../color/Color';\nimport { config } from '../../config';\nimport { DEFAULT_SVG_FONT_SIZE, NONE } from '../../constants';\nimport type {\n  TBBox,\n  TMat2D,\n  SVGElementName,\n  SupportedSVGUnit,\n} from '../../typedefs';\nimport { toFixed } from './toFixed';\n\n/**\n * Returns array of attributes for given svg that fabric parses\n * @param {SVGElementName} type Type of svg element (eg. 'circle')\n * @return {Array} string names of supported attributes\n */\nexport const getSvgAttributes = (type: SVGElementName) => {\n  const commonAttributes = ['instantiated_by_use', 'style', 'id', 'class'];\n  switch (type) {\n    case 'linearGradient':\n      return commonAttributes.concat([\n        'x1',\n        'y1',\n        'x2',\n        'y2',\n        'gradientUnits',\n        'gradientTransform',\n      ]);\n    case 'radialGradient':\n      return commonAttributes.concat([\n        'gradientUnits',\n        'gradientTransform',\n        'cx',\n        'cy',\n        'r',\n        'fx',\n        'fy',\n        'fr',\n      ]);\n    case 'stop':\n      return commonAttributes.concat(['offset', 'stop-color', 'stop-opacity']);\n  }\n  return commonAttributes;\n};\n\n/**\n * Converts from attribute value to pixel value if applicable.\n * Returns converted pixels or original value not converted.\n * @param {string} value number to operate on\n * @param {number} fontSize\n * @return {number}\n */\nexport const parseUnit = (value: string, fontSize = DEFAULT_SVG_FONT_SIZE) => {\n  const unit = /\\D{0,2}$/.exec(value),\n    number = parseFloat(value);\n  const dpi = config.DPI;\n  switch (unit?.[0] as SupportedSVGUnit) {\n    case 'mm':\n      return (number * dpi) / 25.4;\n\n    case 'cm':\n      return (number * dpi) / 2.54;\n\n    case 'in':\n      return number * dpi;\n\n    case 'pt':\n      return (number * dpi) / 72; // or * 4 / 3\n\n    case 'pc':\n      return ((number * dpi) / 72) * 12; // or * 16\n\n    case 'em':\n      return number * fontSize;\n\n    default:\n      return number;\n  }\n};\n\nexport type MeetOrSlice = 'meet' | 'slice';\n\nexport type MinMidMax = 'Min' | 'Mid' | 'Max' | 'none';\n\nexport type TPreserveArParsed = {\n  meetOrSlice: MeetOrSlice;\n  alignX: MinMidMax;\n  alignY: MinMidMax;\n};\n\n// align can be either none or undefined or a combination of mid/max\nconst parseAlign = (align: string): MinMidMax[] => {\n  //divide align in alignX and alignY\n  if (align && align !== NONE) {\n    return [align.slice(1, 4) as MinMidMax, align.slice(5, 8) as MinMidMax];\n  } else if (align === NONE) {\n    return [align, align];\n  }\n  return ['Mid', 'Mid'];\n};\n\n/**\n * Parse preserveAspectRatio attribute from element\n * https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/preserveAspectRatio\n * @param {string} attribute to be parsed\n * @return {Object} an object containing align and meetOrSlice attribute\n */\nexport const parsePreserveAspectRatioAttribute = (\n  attribute: string\n): TPreserveArParsed => {\n  const [firstPart, secondPart] = attribute.trim().split(' ') as [\n    MinMidMax,\n    MeetOrSlice | undefined\n  ];\n  const [alignX, alignY] = parseAlign(firstPart);\n  return {\n    meetOrSlice: secondPart || 'meet',\n    alignX,\n    alignY,\n  };\n};\n\n/**\n * given an array of 6 number returns something like `\"matrix(...numbers)\"`\n * @param {TMat2D} transform an array with 6 numbers\n * @return {String} transform matrix for svg\n */\nexport const matrixToSVG = (transform: TMat2D) =>\n  'matrix(' +\n  transform\n    .map((value) => toFixed(value, config.NUM_FRACTION_DIGITS))\n    .join(' ') +\n  ')';\n\n/**\n * Adobe Illustrator (at least CS5) is unable to render rgba()-based fill values\n * we work around it by \"moving\" alpha channel into opacity attribute and setting fill's alpha to 1\n * @param prop\n * @param value\n * @param {boolean} inlineStyle The default is inline style, the separator used is \":\", The other is \"=\"\n * @returns\n */\nexport const colorPropToSVG = (\n  prop: string,\n  value?: any,\n  inlineStyle = true\n) => {\n  let colorValue;\n  let opacityValue;\n  if (!value) {\n    colorValue = 'none';\n  } else if (value.toLive) {\n    colorValue = `url(#SVGID_${value.id})`;\n  } else {\n    const color = new Color(value),\n      opacity = color.getAlpha();\n\n    colorValue = color.toRgb();\n    if (opacity !== 1) {\n      opacityValue = opacity.toString();\n    }\n  }\n  if (inlineStyle) {\n    return `${prop}: ${colorValue}; ${\n      opacityValue ? `${prop}-opacity: ${opacityValue}; ` : ''\n    }`;\n  } else {\n    return `${prop}=\"${colorValue}\" ${\n      opacityValue ? `${prop}-opacity=\"${opacityValue}\" ` : ''\n    }`;\n  }\n};\n\nexport const createSVGRect = (\n  color: string,\n  { left, top, width, height }: TBBox,\n  precision = config.NUM_FRACTION_DIGITS\n) => {\n  const svgColor = colorPropToSVG('fill', color, false);\n  const [x, y, w, h] = [left, top, width, height].map((value) =>\n    toFixed(value, precision)\n  );\n  return `<rect ${svgColor} x=\"${x}\" y=\"${y}\" width=\"${w}\" height=\"${h}\"></rect>`;\n};\n"],"names":["getSvgAttributes","type","commonAttributes","concat","parseUnit","value","fontSize","arguments","length","undefined","DEFAULT_SVG_FONT_SIZE","unit","exec","number","parseFloat","dpi","config","DPI","parseAlign","align","NONE","slice","parsePreserveAspectRatioAttribute","attribute","firstPart","secondPart","trim","split","alignX","alignY","meetOrSlice","matrixToSVG","transform","map","toFixed","NUM_FRACTION_DIGITS","join","colorPropToSVG","prop","inlineStyle","colorValue","opacityValue","toLive","id","color","Color","opacity","getAlpha","toRgb","toString","createSVGRect","_ref","left","top","width","height","precision","svgColor","x","y","w","h"],"mappings":"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"}
+{"version":3,"file":"svgParsing.mjs","sources":["../../../../src/util/misc/svgParsing.ts"],"sourcesContent":["import { Color } from '../../color/Color';\nimport { config } from '../../config';\nimport { DEFAULT_SVG_FONT_SIZE, FILL, NONE } from '../../constants';\nimport type {\n  TBBox,\n  TMat2D,\n  SVGElementName,\n  SupportedSVGUnit,\n} from '../../typedefs';\nimport { toFixed } from './toFixed';\n\n/**\n * Returns array of attributes for given svg that fabric parses\n * @param {SVGElementName} type Type of svg element (eg. 'circle')\n * @return {Array} string names of supported attributes\n */\nexport const getSvgAttributes = (type: SVGElementName) => {\n  const commonAttributes = ['instantiated_by_use', 'style', 'id', 'class'];\n  switch (type) {\n    case 'linearGradient':\n      return commonAttributes.concat([\n        'x1',\n        'y1',\n        'x2',\n        'y2',\n        'gradientUnits',\n        'gradientTransform',\n      ]);\n    case 'radialGradient':\n      return commonAttributes.concat([\n        'gradientUnits',\n        'gradientTransform',\n        'cx',\n        'cy',\n        'r',\n        'fx',\n        'fy',\n        'fr',\n      ]);\n    case 'stop':\n      return commonAttributes.concat(['offset', 'stop-color', 'stop-opacity']);\n  }\n  return commonAttributes;\n};\n\n/**\n * Converts from attribute value to pixel value if applicable.\n * Returns converted pixels or original value not converted.\n * @param {string} value number to operate on\n * @param {number} fontSize\n * @return {number}\n */\nexport const parseUnit = (value: string, fontSize = DEFAULT_SVG_FONT_SIZE) => {\n  const unit = /\\D{0,2}$/.exec(value),\n    number = parseFloat(value);\n  const dpi = config.DPI;\n  switch (unit?.[0] as SupportedSVGUnit) {\n    case 'mm':\n      return (number * dpi) / 25.4;\n\n    case 'cm':\n      return (number * dpi) / 2.54;\n\n    case 'in':\n      return number * dpi;\n\n    case 'pt':\n      return (number * dpi) / 72; // or * 4 / 3\n\n    case 'pc':\n      return ((number * dpi) / 72) * 12; // or * 16\n\n    case 'em':\n      return number * fontSize;\n\n    default:\n      return number;\n  }\n};\n\nexport type MeetOrSlice = 'meet' | 'slice';\n\nexport type MinMidMax = 'Min' | 'Mid' | 'Max' | 'none';\n\nexport type TPreserveArParsed = {\n  meetOrSlice: MeetOrSlice;\n  alignX: MinMidMax;\n  alignY: MinMidMax;\n};\n\n// align can be either none or undefined or a combination of mid/max\nconst parseAlign = (align: string): MinMidMax[] => {\n  //divide align in alignX and alignY\n  if (align && align !== NONE) {\n    return [align.slice(1, 4) as MinMidMax, align.slice(5, 8) as MinMidMax];\n  } else if (align === NONE) {\n    return [align, align];\n  }\n  return ['Mid', 'Mid'];\n};\n\n/**\n * Parse preserveAspectRatio attribute from element\n * https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/preserveAspectRatio\n * @param {string} attribute to be parsed\n * @return {Object} an object containing align and meetOrSlice attribute\n */\nexport const parsePreserveAspectRatioAttribute = (\n  attribute: string\n): TPreserveArParsed => {\n  const [firstPart, secondPart] = attribute.trim().split(' ') as [\n    MinMidMax,\n    MeetOrSlice | undefined\n  ];\n  const [alignX, alignY] = parseAlign(firstPart);\n  return {\n    meetOrSlice: secondPart || 'meet',\n    alignX,\n    alignY,\n  };\n};\n\n/**\n * given an array of 6 number returns something like `\"matrix(...numbers)\"`\n * @param {TMat2D} transform an array with 6 numbers\n * @return {String} transform matrix for svg\n */\nexport const matrixToSVG = (transform: TMat2D) =>\n  'matrix(' +\n  transform\n    .map((value) => toFixed(value, config.NUM_FRACTION_DIGITS))\n    .join(' ') +\n  ')';\n\n/**\n * Adobe Illustrator (at least CS5) is unable to render rgba()-based fill values\n * we work around it by \"moving\" alpha channel into opacity attribute and setting fill's alpha to 1\n * @param prop\n * @param value\n * @param {boolean} inlineStyle The default is inline style, the separator used is \":\", The other is \"=\"\n * @returns\n */\nexport const colorPropToSVG = (\n  prop: string,\n  value?: any,\n  inlineStyle = true\n) => {\n  let colorValue;\n  let opacityValue;\n  if (!value) {\n    colorValue = 'none';\n  } else if (value.toLive) {\n    colorValue = `url(#SVGID_${value.id})`;\n  } else {\n    const color = new Color(value),\n      opacity = color.getAlpha();\n\n    colorValue = color.toRgb();\n    if (opacity !== 1) {\n      opacityValue = opacity.toString();\n    }\n  }\n  if (inlineStyle) {\n    return `${prop}: ${colorValue}; ${\n      opacityValue ? `${prop}-opacity: ${opacityValue}; ` : ''\n    }`;\n  } else {\n    return `${prop}=\"${colorValue}\" ${\n      opacityValue ? `${prop}-opacity=\"${opacityValue}\" ` : ''\n    }`;\n  }\n};\n\nexport const createSVGRect = (\n  color: string,\n  { left, top, width, height }: TBBox,\n  precision = config.NUM_FRACTION_DIGITS\n) => {\n  const svgColor = colorPropToSVG(FILL, color, false);\n  const [x, y, w, h] = [left, top, width, height].map((value) =>\n    toFixed(value, precision)\n  );\n  return `<rect ${svgColor} x=\"${x}\" y=\"${y}\" width=\"${w}\" height=\"${h}\"></rect>`;\n};\n"],"names":["getSvgAttributes","type","commonAttributes","concat","parseUnit","value","fontSize","arguments","length","undefined","DEFAULT_SVG_FONT_SIZE","unit","exec","number","parseFloat","dpi","config","DPI","parseAlign","align","NONE","slice","parsePreserveAspectRatioAttribute","attribute","firstPart","secondPart","trim","split","alignX","alignY","meetOrSlice","matrixToSVG","transform","map","toFixed","NUM_FRACTION_DIGITS","join","colorPropToSVG","prop","inlineStyle","colorValue","opacityValue","toLive","id","color","Color","opacity","getAlpha","toRgb","toString","createSVGRect","_ref","left","top","width","height","precision","svgColor","FILL","x","y","w","h"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import{CENTER as t}from"../constants.min.mjs";import{qrDecompose as e}from"./misc/matrix.min.mjs";const r=(r,s)=>{let o=r._findCenterFromElement();r.transformMatrix&&((t=>{if(t.transformMatrix){const{scaleX:r,scaleY:s,angle:o,skewX:a}=e(t.transformMatrix);t.flipX=!1,t.flipY=!1,t.set("scaleX",r),t.set("scaleY",s),t.angle=o,t.skewX=a,t.skewY=0}})(r),o=o.transform(r.transformMatrix)),delete r.transformMatrix,s&&(r.scaleX*=s.scaleX,r.scaleY*=s.scaleY,r.cropX=s.cropX,r.cropY=s.cropY,o.x+=s.offsetLeft,o.y+=s.offsetTop,r.width=s.width,r.height=s.height),r.setPositionByOrigin(o,t,t)};export{r as removeTransformMatrixForSvgParsing};
+import{CENTER as t,SCALE_X as r,SCALE_Y as e}from"../constants.min.mjs";import{qrDecompose as s}from"./misc/matrix.min.mjs";const o=(o,i)=>{let a=o._findCenterFromElement();o.transformMatrix&&((t=>{if(t.transformMatrix){const{scaleX:o,scaleY:i,angle:a,skewX:n}=s(t.transformMatrix);t.flipX=!1,t.flipY=!1,t.set(r,o),t.set(e,i),t.angle=a,t.skewX=n,t.skewY=0}})(o),a=a.transform(o.transformMatrix)),delete o.transformMatrix,i&&(o.scaleX*=i.scaleX,o.scaleY*=i.scaleY,o.cropX=i.cropX,o.cropY=i.cropY,a.x+=i.offsetLeft,a.y+=i.offsetTop,o.width=i.width,o.height=i.height),o.setPositionByOrigin(a,t,t)};export{o as removeTransformMatrixForSvgParsing};
 //# sourceMappingURL=transform_matrix_removal.min.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"transform_matrix_removal.min.mjs","sources":["../../../src/util/transform_matrix_removal.ts"],"sourcesContent":["import { CENTER } from '../constants';\nimport type { FabricImage } from '../shapes/Image';\nimport type { FabricObject } from '../shapes/Object/FabricObject';\nimport type { TMat2D } from '../typedefs';\nimport { qrDecompose } from './misc/matrix';\n\ntype FabricObjectWithTransformMatrix = FabricObject & {\n  transformMatrix?: TMat2D;\n};\n\n/**\n * This function is an helper for svg import. it decompose the transformMatrix\n * and assign properties to object.\n * untransformed coordinates\n * @private\n */\nconst _assignTransformMatrixProps = (\n  object: FabricObjectWithTransformMatrix\n) => {\n  if (object.transformMatrix) {\n    const { scaleX, scaleY, angle, skewX } = qrDecompose(\n      object.transformMatrix\n    );\n    object.flipX = false;\n    object.flipY = false;\n    object.set('scaleX', scaleX);\n    object.set('scaleY', scaleY);\n    object.angle = angle;\n    object.skewX = skewX;\n    object.skewY = 0;\n  }\n};\n\n/**\n * This function is an helper for svg import. it removes the transform matrix\n * and set to object properties that fabricjs can handle\n * @private\n * @param {Object} preserveAspectRatioOptions\n */\nexport const removeTransformMatrixForSvgParsing = (\n  object: FabricObjectWithTransformMatrix,\n  preserveAspectRatioOptions?: any\n) => {\n  let center = object._findCenterFromElement();\n  if (object.transformMatrix) {\n    _assignTransformMatrixProps(object);\n    center = center.transform(object.transformMatrix);\n  }\n  delete object.transformMatrix;\n  if (preserveAspectRatioOptions) {\n    object.scaleX *= preserveAspectRatioOptions.scaleX;\n    object.scaleY *= preserveAspectRatioOptions.scaleY;\n    (object as FabricImage).cropX = preserveAspectRatioOptions.cropX;\n    (object as FabricImage).cropY = preserveAspectRatioOptions.cropY;\n    center.x += preserveAspectRatioOptions.offsetLeft;\n    center.y += preserveAspectRatioOptions.offsetTop;\n    object.width = preserveAspectRatioOptions.width;\n    object.height = preserveAspectRatioOptions.height;\n  }\n  object.setPositionByOrigin(center, CENTER, CENTER);\n};\n"],"names":["removeTransformMatrixForSvgParsing","object","preserveAspectRatioOptions","center","_findCenterFromElement","transformMatrix","scaleX","scaleY","angle","skewX","qrDecompose","flipX","flipY","set","skewY","_assignTransformMatrixProps","transform","cropX","cropY","x","offsetLeft","y","offsetTop","width","height","setPositionByOrigin","CENTER"],"mappings":"kGAgBA,MAuBaA,EAAqCA,CAChDC,EACAC,KAEA,IAAIC,EAASF,EAAOG,yBAChBH,EAAOI,kBA3BXJ,KAEA,GAAIA,EAAOI,gBAAiB,CAC1B,MAAMC,OAAEA,EAAMC,OAAEA,EAAMC,MAAEA,EAAKC,MAAEA,GAAUC,EACvCT,EAAOI,iBAETJ,EAAOU,OAAQ,EACfV,EAAOW,OAAQ,EACfX,EAAOY,IAAI,SAAUP,GACrBL,EAAOY,IAAI,SAAUN,GACrBN,EAAOO,MAAQA,EACfP,EAAOQ,MAAQA,EACfR,EAAOa,MAAQ,CACjB,GAeEC,CAA4Bd,GAC5BE,EAASA,EAAOa,UAAUf,EAAOI,yBAE5BJ,EAAOI,gBACVH,IACFD,EAAOK,QAAUJ,EAA2BI,OAC5CL,EAAOM,QAAUL,EAA2BK,OAC3CN,EAAuBgB,MAAQf,EAA2Be,MAC1DhB,EAAuBiB,MAAQhB,EAA2BgB,MAC3Df,EAAOgB,GAAKjB,EAA2BkB,WACvCjB,EAAOkB,GAAKnB,EAA2BoB,UACvCrB,EAAOsB,MAAQrB,EAA2BqB,MAC1CtB,EAAOuB,OAAStB,EAA2BsB,QAE7CvB,EAAOwB,oBAAoBtB,EAAQuB,EAAQA,EAAO"}
+{"version":3,"file":"transform_matrix_removal.min.mjs","sources":["../../../src/util/transform_matrix_removal.ts"],"sourcesContent":["import { CENTER, SCALE_X, SCALE_Y } from '../constants';\nimport type { FabricImage } from '../shapes/Image';\nimport type { FabricObject } from '../shapes/Object/FabricObject';\nimport type { TMat2D } from '../typedefs';\nimport { qrDecompose } from './misc/matrix';\n\ntype FabricObjectWithTransformMatrix = FabricObject & {\n  transformMatrix?: TMat2D;\n};\n\n/**\n * This function is an helper for svg import. it decompose the transformMatrix\n * and assign properties to object.\n * untransformed coordinates\n * @private\n */\nconst _assignTransformMatrixProps = (\n  object: FabricObjectWithTransformMatrix\n) => {\n  if (object.transformMatrix) {\n    const { scaleX, scaleY, angle, skewX } = qrDecompose(\n      object.transformMatrix\n    );\n    object.flipX = false;\n    object.flipY = false;\n    object.set(SCALE_X, scaleX);\n    object.set(SCALE_Y, scaleY);\n    object.angle = angle;\n    object.skewX = skewX;\n    object.skewY = 0;\n  }\n};\n\n/**\n * This function is an helper for svg import. it removes the transform matrix\n * and set to object properties that fabricjs can handle\n * @private\n * @param {Object} preserveAspectRatioOptions\n */\nexport const removeTransformMatrixForSvgParsing = (\n  object: FabricObjectWithTransformMatrix,\n  preserveAspectRatioOptions?: any\n) => {\n  let center = object._findCenterFromElement();\n  if (object.transformMatrix) {\n    _assignTransformMatrixProps(object);\n    center = center.transform(object.transformMatrix);\n  }\n  delete object.transformMatrix;\n  if (preserveAspectRatioOptions) {\n    object.scaleX *= preserveAspectRatioOptions.scaleX;\n    object.scaleY *= preserveAspectRatioOptions.scaleY;\n    (object as FabricImage).cropX = preserveAspectRatioOptions.cropX;\n    (object as FabricImage).cropY = preserveAspectRatioOptions.cropY;\n    center.x += preserveAspectRatioOptions.offsetLeft;\n    center.y += preserveAspectRatioOptions.offsetTop;\n    object.width = preserveAspectRatioOptions.width;\n    object.height = preserveAspectRatioOptions.height;\n  }\n  object.setPositionByOrigin(center, CENTER, CENTER);\n};\n"],"names":["removeTransformMatrixForSvgParsing","object","preserveAspectRatioOptions","center","_findCenterFromElement","transformMatrix","scaleX","scaleY","angle","skewX","qrDecompose","flipX","flipY","set","SCALE_X","SCALE_Y","skewY","_assignTransformMatrixProps","transform","cropX","cropY","x","offsetLeft","y","offsetTop","width","height","setPositionByOrigin","CENTER"],"mappings":"4HAgBA,MAuBaA,EAAqCA,CAChDC,EACAC,KAEA,IAAIC,EAASF,EAAOG,yBAChBH,EAAOI,kBA3BXJ,KAEA,GAAIA,EAAOI,gBAAiB,CAC1B,MAAMC,OAAEA,EAAMC,OAAEA,EAAMC,MAAEA,EAAKC,MAAEA,GAAUC,EACvCT,EAAOI,iBAETJ,EAAOU,OAAQ,EACfV,EAAOW,OAAQ,EACfX,EAAOY,IAAIC,EAASR,GACpBL,EAAOY,IAAIE,EAASR,GACpBN,EAAOO,MAAQA,EACfP,EAAOQ,MAAQA,EACfR,EAAOe,MAAQ,CACjB,GAeEC,CAA4BhB,GAC5BE,EAASA,EAAOe,UAAUjB,EAAOI,yBAE5BJ,EAAOI,gBACVH,IACFD,EAAOK,QAAUJ,EAA2BI,OAC5CL,EAAOM,QAAUL,EAA2BK,OAC3CN,EAAuBkB,MAAQjB,EAA2BiB,MAC1DlB,EAAuBmB,MAAQlB,EAA2BkB,MAC3DjB,EAAOkB,GAAKnB,EAA2BoB,WACvCnB,EAAOoB,GAAKrB,EAA2BsB,UACvCvB,EAAOwB,MAAQvB,EAA2BuB,MAC1CxB,EAAOyB,OAASxB,EAA2BwB,QAE7CzB,EAAO0B,oBAAoBxB,EAAQyB,EAAQA,EAAO"}

package/dist/src/util/transform_matrix_removal.mjs

@@ -1,4 +1,4 @@
-import { CENTER } from '../constants.mjs';
+import { CENTER, SCALE_X, SCALE_Y } from '../constants.mjs';
 import { qrDecompose } from './misc/matrix.mjs';
 
 /**
@@ -17,8 +17,8 @@ const _assignTransformMatrixProps = object => {
     } = qrDecompose(object.transformMatrix);
     object.flipX = false;
     object.flipY = false;
-    object.set('scaleX', scaleX);
-    object.set('scaleY', scaleY);
+    object.set(SCALE_X, scaleX);
+    object.set(SCALE_Y, scaleY);
     object.angle = angle;
     object.skewX = skewX;
     object.skewY = 0;

package/dist/src/util/transform_matrix_removal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"transform_matrix_removal.mjs","sources":["../../../src/util/transform_matrix_removal.ts"],"sourcesContent":["import { CENTER } from '../constants';\nimport type { FabricImage } from '../shapes/Image';\nimport type { FabricObject } from '../shapes/Object/FabricObject';\nimport type { TMat2D } from '../typedefs';\nimport { qrDecompose } from './misc/matrix';\n\ntype FabricObjectWithTransformMatrix = FabricObject & {\n  transformMatrix?: TMat2D;\n};\n\n/**\n * This function is an helper for svg import. it decompose the transformMatrix\n * and assign properties to object.\n * untransformed coordinates\n * @private\n */\nconst _assignTransformMatrixProps = (\n  object: FabricObjectWithTransformMatrix\n) => {\n  if (object.transformMatrix) {\n    const { scaleX, scaleY, angle, skewX } = qrDecompose(\n      object.transformMatrix\n    );\n    object.flipX = false;\n    object.flipY = false;\n    object.set('scaleX', scaleX);\n    object.set('scaleY', scaleY);\n    object.angle = angle;\n    object.skewX = skewX;\n    object.skewY = 0;\n  }\n};\n\n/**\n * This function is an helper for svg import. it removes the transform matrix\n * and set to object properties that fabricjs can handle\n * @private\n * @param {Object} preserveAspectRatioOptions\n */\nexport const removeTransformMatrixForSvgParsing = (\n  object: FabricObjectWithTransformMatrix,\n  preserveAspectRatioOptions?: any\n) => {\n  let center = object._findCenterFromElement();\n  if (object.transformMatrix) {\n    _assignTransformMatrixProps(object);\n    center = center.transform(object.transformMatrix);\n  }\n  delete object.transformMatrix;\n  if (preserveAspectRatioOptions) {\n    object.scaleX *= preserveAspectRatioOptions.scaleX;\n    object.scaleY *= preserveAspectRatioOptions.scaleY;\n    (object as FabricImage).cropX = preserveAspectRatioOptions.cropX;\n    (object as FabricImage).cropY = preserveAspectRatioOptions.cropY;\n    center.x += preserveAspectRatioOptions.offsetLeft;\n    center.y += preserveAspectRatioOptions.offsetTop;\n    object.width = preserveAspectRatioOptions.width;\n    object.height = preserveAspectRatioOptions.height;\n  }\n  object.setPositionByOrigin(center, CENTER, CENTER);\n};\n"],"names":["_assignTransformMatrixProps","object","transformMatrix","scaleX","scaleY","angle","skewX","qrDecompose","flipX","flipY","set","skewY","removeTransformMatrixForSvgParsing","preserveAspectRatioOptions","center","_findCenterFromElement","transform","cropX","cropY","x","offsetLeft","y","offsetTop","width","height","setPositionByOrigin","CENTER"],"mappings":";;;AAUA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,2BAA2B,GAC/BC,MAAuC,IACpC;EACH,IAAIA,MAAM,CAACC,eAAe,EAAE;IAC1B,MAAM;MAAEC,MAAM;MAAEC,MAAM;MAAEC,KAAK;AAAEC,MAAAA,KAAAA;AAAM,KAAC,GAAGC,WAAW,CAClDN,MAAM,CAACC,eACT,CAAC,CAAA;IACDD,MAAM,CAACO,KAAK,GAAG,KAAK,CAAA;IACpBP,MAAM,CAACQ,KAAK,GAAG,KAAK,CAAA;AACpBR,IAAAA,MAAM,CAACS,GAAG,CAAC,QAAQ,EAAEP,MAAM,CAAC,CAAA;AAC5BF,IAAAA,MAAM,CAACS,GAAG,CAAC,QAAQ,EAAEN,MAAM,CAAC,CAAA;IAC5BH,MAAM,CAACI,KAAK,GAAGA,KAAK,CAAA;IACpBJ,MAAM,CAACK,KAAK,GAAGA,KAAK,CAAA;IACpBL,MAAM,CAACU,KAAK,GAAG,CAAC,CAAA;AAClB,GAAA;AACF,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;MACaC,kCAAkC,GAAGA,CAChDX,MAAuC,EACvCY,0BAAgC,KAC7B;AACH,EAAA,IAAIC,MAAM,GAAGb,MAAM,CAACc,sBAAsB,EAAE,CAAA;EAC5C,IAAId,MAAM,CAACC,eAAe,EAAE;IAC1BF,2BAA2B,CAACC,MAAM,CAAC,CAAA;IACnCa,MAAM,GAAGA,MAAM,CAACE,SAAS,CAACf,MAAM,CAACC,eAAe,CAAC,CAAA;AACnD,GAAA;EACA,OAAOD,MAAM,CAACC,eAAe,CAAA;AAC7B,EAAA,IAAIW,0BAA0B,EAAE;AAC9BZ,IAAAA,MAAM,CAACE,MAAM,IAAIU,0BAA0B,CAACV,MAAM,CAAA;AAClDF,IAAAA,MAAM,CAACG,MAAM,IAAIS,0BAA0B,CAACT,MAAM,CAAA;AACjDH,IAAAA,MAAM,CAAiBgB,KAAK,GAAGJ,0BAA0B,CAACI,KAAK,CAAA;AAC/DhB,IAAAA,MAAM,CAAiBiB,KAAK,GAAGL,0BAA0B,CAACK,KAAK,CAAA;AAChEJ,IAAAA,MAAM,CAACK,CAAC,IAAIN,0BAA0B,CAACO,UAAU,CAAA;AACjDN,IAAAA,MAAM,CAACO,CAAC,IAAIR,0BAA0B,CAACS,SAAS,CAAA;AAChDrB,IAAAA,MAAM,CAACsB,KAAK,GAAGV,0BAA0B,CAACU,KAAK,CAAA;AAC/CtB,IAAAA,MAAM,CAACuB,MAAM,GAAGX,0BAA0B,CAACW,MAAM,CAAA;AACnD,GAAA;EACAvB,MAAM,CAACwB,mBAAmB,CAACX,MAAM,EAAEY,MAAM,EAAEA,MAAM,CAAC,CAAA;AACpD;;;;"}
+{"version":3,"file":"transform_matrix_removal.mjs","sources":["../../../src/util/transform_matrix_removal.ts"],"sourcesContent":["import { CENTER, SCALE_X, SCALE_Y } from '../constants';\nimport type { FabricImage } from '../shapes/Image';\nimport type { FabricObject } from '../shapes/Object/FabricObject';\nimport type { TMat2D } from '../typedefs';\nimport { qrDecompose } from './misc/matrix';\n\ntype FabricObjectWithTransformMatrix = FabricObject & {\n  transformMatrix?: TMat2D;\n};\n\n/**\n * This function is an helper for svg import. it decompose the transformMatrix\n * and assign properties to object.\n * untransformed coordinates\n * @private\n */\nconst _assignTransformMatrixProps = (\n  object: FabricObjectWithTransformMatrix\n) => {\n  if (object.transformMatrix) {\n    const { scaleX, scaleY, angle, skewX } = qrDecompose(\n      object.transformMatrix\n    );\n    object.flipX = false;\n    object.flipY = false;\n    object.set(SCALE_X, scaleX);\n    object.set(SCALE_Y, scaleY);\n    object.angle = angle;\n    object.skewX = skewX;\n    object.skewY = 0;\n  }\n};\n\n/**\n * This function is an helper for svg import. it removes the transform matrix\n * and set to object properties that fabricjs can handle\n * @private\n * @param {Object} preserveAspectRatioOptions\n */\nexport const removeTransformMatrixForSvgParsing = (\n  object: FabricObjectWithTransformMatrix,\n  preserveAspectRatioOptions?: any\n) => {\n  let center = object._findCenterFromElement();\n  if (object.transformMatrix) {\n    _assignTransformMatrixProps(object);\n    center = center.transform(object.transformMatrix);\n  }\n  delete object.transformMatrix;\n  if (preserveAspectRatioOptions) {\n    object.scaleX *= preserveAspectRatioOptions.scaleX;\n    object.scaleY *= preserveAspectRatioOptions.scaleY;\n    (object as FabricImage).cropX = preserveAspectRatioOptions.cropX;\n    (object as FabricImage).cropY = preserveAspectRatioOptions.cropY;\n    center.x += preserveAspectRatioOptions.offsetLeft;\n    center.y += preserveAspectRatioOptions.offsetTop;\n    object.width = preserveAspectRatioOptions.width;\n    object.height = preserveAspectRatioOptions.height;\n  }\n  object.setPositionByOrigin(center, CENTER, CENTER);\n};\n"],"names":["_assignTransformMatrixProps","object","transformMatrix","scaleX","scaleY","angle","skewX","qrDecompose","flipX","flipY","set","SCALE_X","SCALE_Y","skewY","removeTransformMatrixForSvgParsing","preserveAspectRatioOptions","center","_findCenterFromElement","transform","cropX","cropY","x","offsetLeft","y","offsetTop","width","height","setPositionByOrigin","CENTER"],"mappings":";;;AAUA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,2BAA2B,GAC/BC,MAAuC,IACpC;EACH,IAAIA,MAAM,CAACC,eAAe,EAAE;IAC1B,MAAM;MAAEC,MAAM;MAAEC,MAAM;MAAEC,KAAK;AAAEC,MAAAA,KAAAA;AAAM,KAAC,GAAGC,WAAW,CAClDN,MAAM,CAACC,eACT,CAAC,CAAA;IACDD,MAAM,CAACO,KAAK,GAAG,KAAK,CAAA;IACpBP,MAAM,CAACQ,KAAK,GAAG,KAAK,CAAA;AACpBR,IAAAA,MAAM,CAACS,GAAG,CAACC,OAAO,EAAER,MAAM,CAAC,CAAA;AAC3BF,IAAAA,MAAM,CAACS,GAAG,CAACE,OAAO,EAAER,MAAM,CAAC,CAAA;IAC3BH,MAAM,CAACI,KAAK,GAAGA,KAAK,CAAA;IACpBJ,MAAM,CAACK,KAAK,GAAGA,KAAK,CAAA;IACpBL,MAAM,CAACY,KAAK,GAAG,CAAC,CAAA;AAClB,GAAA;AACF,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;MACaC,kCAAkC,GAAGA,CAChDb,MAAuC,EACvCc,0BAAgC,KAC7B;AACH,EAAA,IAAIC,MAAM,GAAGf,MAAM,CAACgB,sBAAsB,EAAE,CAAA;EAC5C,IAAIhB,MAAM,CAACC,eAAe,EAAE;IAC1BF,2BAA2B,CAACC,MAAM,CAAC,CAAA;IACnCe,MAAM,GAAGA,MAAM,CAACE,SAAS,CAACjB,MAAM,CAACC,eAAe,CAAC,CAAA;AACnD,GAAA;EACA,OAAOD,MAAM,CAACC,eAAe,CAAA;AAC7B,EAAA,IAAIa,0BAA0B,EAAE;AAC9Bd,IAAAA,MAAM,CAACE,MAAM,IAAIY,0BAA0B,CAACZ,MAAM,CAAA;AAClDF,IAAAA,MAAM,CAACG,MAAM,IAAIW,0BAA0B,CAACX,MAAM,CAAA;AACjDH,IAAAA,MAAM,CAAiBkB,KAAK,GAAGJ,0BAA0B,CAACI,KAAK,CAAA;AAC/DlB,IAAAA,MAAM,CAAiBmB,KAAK,GAAGL,0BAA0B,CAACK,KAAK,CAAA;AAChEJ,IAAAA,MAAM,CAACK,CAAC,IAAIN,0BAA0B,CAACO,UAAU,CAAA;AACjDN,IAAAA,MAAM,CAACO,CAAC,IAAIR,0BAA0B,CAACS,SAAS,CAAA;AAChDvB,IAAAA,MAAM,CAACwB,KAAK,GAAGV,0BAA0B,CAACU,KAAK,CAAA;AAC/CxB,IAAAA,MAAM,CAACyB,MAAM,GAAGX,0BAA0B,CAACW,MAAM,CAAA;AACnD,GAAA;EACAzB,MAAM,CAAC0B,mBAAmB,CAACX,MAAM,EAAEY,MAAM,EAAEA,MAAM,CAAC,CAAA;AACpD;;;;"}

package/fabric.ts

@@ -60,6 +60,10 @@ export {
  * Exported so we can tweak default values
  */
 export { FabricObject as BaseFabricObject } from './src/shapes/Object/Object';
+/**
+ * Exported so we can tweak default values
+ */
+export { InteractiveFabricObject } from './src/shapes/Object/InteractiveObject';
 
 export type {
   TFabricObjectProps,

package/package.json

@@ -2,7 +2,7 @@
   "name": "fabric",
   "description": "Object model for HTML5 canvas, and SVG-to-canvas parser. Backed by jsdom and node-canvas.",
   "homepage": "http://fabricjs.com/",
-  "version": "6.0.0",
+  "version": "6.0.2",
   "author": "Juriy Zaytsev <kangax@gmail.com>",
   "contributors": [
     {

package/src/EventTypeDefs.ts

@@ -11,6 +11,14 @@ import type {
   LayoutBeforeEvent,
   LayoutAfterEvent,
 } from './LayoutManager/types';
+import type {
+  MODIFY_POLY,
+  MOVING,
+  RESIZING,
+  ROTATING,
+  SCALING,
+  SKEWING,
+} from './constants';
 
 export type ModifierKey = keyof Pick<
   MouseEvent | PointerEvent | TouchEvent,
@@ -97,12 +105,12 @@ export interface BasicTransformEvent<E extends Event = TPointerEvent>
 }
 
 export type TModificationEvents =
-  | 'moving'
-  | 'scaling'
-  | 'rotating'
-  | 'skewing'
-  | 'resizing'
-  | 'modifyPoly';
+  | typeof MOVING
+  | typeof SCALING
+  | typeof ROTATING
+  | typeof SKEWING
+  | typeof RESIZING
+  | typeof MODIFY_POLY;
 
 export interface ModifiedEvent<E extends Event = TPointerEvent> {
   e?: E;

package/src/LayoutManager/LayoutManager.ts

@@ -1,5 +1,16 @@
 import { Point } from '../Point';
-import { CENTER, iMatrix } from '../constants';
+import {
+  CENTER,
+  CHANGED,
+  MODIFIED,
+  MODIFY_POLY,
+  MOVING,
+  RESIZING,
+  ROTATING,
+  SCALING,
+  SKEWING,
+  iMatrix,
+} from '../constants';
 import type { Group } from '../shapes/Group';
 import type { FabricObject } from '../shapes/Object/FabricObject';
 import { invertTransform } from '../util/misc/matrix';
@@ -78,19 +89,19 @@ export class LayoutManager {
     const { target } = context;
     return (
       [
-        'modified',
-        'moving',
-        'resizing',
-        'rotating',
-        'scaling',
-        'skewing',
-        'changed',
-        'modifyPoly',
+        MODIFIED,
+        MOVING,
+        RESIZING,
+        ROTATING,
+        SCALING,
+        SKEWING,
+        CHANGED,
+        MODIFY_POLY,
       ] as (TModificationEvents & 'modified')[]
     ).map((key) =>
       object.on(key, (e) =>
         this.performLayout(
-          key === 'modified'
+          key === MODIFIED
             ? {
                 type: LAYOUT_TYPE_OBJECT_MODIFIED,
                 trigger: key,
@@ -184,19 +195,16 @@ export class LayoutManager {
   protected getLayoutResult(
     context: StrictLayoutContext
   ): Required<LayoutResult> | undefined {
-    const { target } = context;
+    const { target, strategy, type } = context;
 
-    const result = context.strategy.calcLayoutResult(
-      context,
-      target.getObjects()
-    );
+    const result = strategy.calcLayoutResult(context, target.getObjects());
 
     if (!result) {
       return;
     }
 
     const prevCenter =
-      context.type === LAYOUT_TYPE_INITIALIZATION
+      type === LAYOUT_TYPE_INITIALIZATION
         ? new Point()
         : target.getRelativeCenterPoint();
 
@@ -210,7 +218,7 @@ export class LayoutManager {
       .add(correction)
       .transform(
         // in `initialization` we do not account for target's transformation matrix
-        context.type === LAYOUT_TYPE_INITIALIZATION
+        type === LAYOUT_TYPE_INITIALIZATION
           ? iMatrix
           : invertTransform(target.calcOwnMatrix()),
         true
@@ -328,8 +336,9 @@ export class LayoutManager {
   }
 
   dispose() {
-    this._subscriptions.forEach((disposers) => disposers.forEach((d) => d()));
-    this._subscriptions.clear();
+    const { _subscriptions } = this;
+    _subscriptions.forEach((disposers) => disposers.forEach((d) => d()));
+    _subscriptions.clear();
   }
 
   toObject() {

package/src/LayoutManager/LayoutStrategies/ClipPathLayout.ts

@@ -26,7 +26,7 @@ export class ClipPathLayout extends LayoutStrategy {
     objects: FabricObject[]
   ): LayoutStrategyResult | undefined {
     const { target } = context;
-    const { clipPath } = target;
+    const { clipPath, group } = target;
     if (!clipPath || !this.shouldPerformLayout(context)) {
       return;
     }
@@ -40,7 +40,7 @@ export class ClipPathLayout extends LayoutStrategy {
       const clipPathCenter = sendPointToPlane(
         clipPath.getRelativeCenterPoint(),
         undefined,
-        target.group?.calcTransformMatrix()
+        group ? group.calcTransformMatrix() : undefined
       );
       return {
         center: clipPathCenter,

package/src/LayoutManager/LayoutStrategies/LayoutStrategy.ts

@@ -39,11 +39,11 @@ export abstract class LayoutStrategy {
     }
   }
 
-  shouldPerformLayout(context: StrictLayoutContext) {
+  shouldPerformLayout({ type, prevStrategy, strategy }: StrictLayoutContext) {
     return (
-      context.type === LAYOUT_TYPE_INITIALIZATION ||
-      context.type === LAYOUT_TYPE_IMPERATIVE ||
-      (!!context.prevStrategy && context.strategy !== context.prevStrategy)
+      type === LAYOUT_TYPE_INITIALIZATION ||
+      type === LAYOUT_TYPE_IMPERATIVE ||
+      (!!prevStrategy && strategy !== prevStrategy)
     );
   }
 
@@ -69,13 +69,13 @@ export abstract class LayoutStrategy {
     objects: FabricObject[],
     context: StrictLayoutContext
   ): LayoutStrategyResult | undefined {
-    if (context.type === LAYOUT_TYPE_IMPERATIVE && context.overrides) {
+    const { type, target } = context;
+    if (type === LAYOUT_TYPE_IMPERATIVE && context.overrides) {
       return context.overrides;
     }
     if (objects.length === 0) {
       return;
     }
-    const { target } = context;
     const { left, top, width, height } = makeBoundingBoxFromPoints(
       objects
         .map((object) => getObjectBounds(target, object))
@@ -85,7 +85,7 @@ export abstract class LayoutStrategy {
     const bboxLeftTop = new Point(left, top);
     const bboxCenter = bboxLeftTop.add(bboxSize.scalarDivide(2));
 
-    if (context.type === LAYOUT_TYPE_INITIALIZATION) {
+    if (type === LAYOUT_TYPE_INITIALIZATION) {
       const actualSize = this.getInitialSize(context, {
         size: bboxSize,
         center: bboxCenter,

package/src/Observable.ts

@@ -112,6 +112,14 @@ export class Observable<EventSpec> {
     }
   }
 
+  /**
+   * Unsubscribe all event listeners for eventname.
+   * Do not use this pattern. You could kill internal fabricJS events.
+   * We know we should have protected events for internal flows, but we don't have yet
+   * @deprecated
+   * @param {string} eventName event name (eg. 'after:render')
+   */
+  off<K extends keyof EventSpec>(eventName: K): void;
   /**
    * unsubscribe an event listener
    * @param {string} eventName event name (eg. 'after:render')

package/src/canvas/SelectableCanvas.ts

@@ -32,7 +32,21 @@ import { pick } from '../util/misc/pick';
 import { sendPointToPlane } from '../util/misc/planeChange';
 import { cos, createCanvasElement, sin } from '../util';
 import { CanvasDOMManager } from './DOMManagers/CanvasDOMManager';
-import { BOTTOM, CENTER, LEFT, RIGHT, TOP } from '../constants';
+import {
+  BOTTOM,
+  CENTER,
+  LEFT,
+  MODIFIED,
+  RESIZING,
+  RIGHT,
+  ROTATE,
+  SCALE,
+  SCALE_X,
+  SCALE_Y,
+  SKEW_X,
+  SKEW_Y,
+  TOP,
+} from '../constants';
 import type { CanvasOptions } from './CanvasOptions';
 import { canvasDefaults } from './CanvasOptions';
 import { Intersection } from '../Intersection';
@@ -517,13 +531,13 @@ export class SelectableCanvas<EventSpec extends CanvasEvents = CanvasEvents>
     let centerTransform;
 
     if (
-      action === 'scale' ||
-      action === 'scaleX' ||
-      action === 'scaleY' ||
-      action === 'resizing'
+      action === SCALE ||
+      action === SCALE_X ||
+      action === SCALE_Y ||
+      action === RESIZING
     ) {
       centerTransform = this.centeredScaling || target.centeredScaling;
-    } else if (action === 'rotate') {
+    } else if (action === ROTATE) {
       centerTransform = this.centeredRotation || target.centeredRotation;
     }
 
@@ -1241,7 +1255,7 @@ export class SelectableCanvas<EventSpec extends CanvasEvents = CanvasEvents>
 
     if (transform.actionPerformed) {
       this.fire('object:modified', options);
-      target.fire('modified', options);
+      target.fire(MODIFIED, options);
     }
   }
 
@@ -1340,10 +1354,10 @@ export class SelectableCanvas<EventSpec extends CanvasEvents = CanvasEvents>
         'flipX',
         'flipY',
         LEFT,
-        'scaleX',
-        'scaleY',
-        'skewX',
-        'skewY',
+        SCALE_X,
+        SCALE_Y,
+        SKEW_X,
+        SKEW_Y,
         TOP,
       ] as (keyof typeof instance)[];
       const originalValues = pick<typeof instance>(instance, layoutProps);

package/src/canvas/canvas_gestures.mixin.ts

@@ -1,4 +1,4 @@
-//@ts-nocheck
+// @ts-nocheck
 
 import { scalingEqually } from '../controls/scale';
 import { fireEvent } from '../controls/fireEvent';
@@ -7,7 +7,8 @@ import {
   radiansToDegrees,
 } from '../util/misc/radiansDegreesConversion';
 import { Canvas } from './Canvas';
-import { CENTER } from '../constants';
+import { CENTER, ROTATING, ROTATE, SCALE } from '../constants';
+
 /**
  * Adds support for multi-touch gestures using the Event.js library.
  * Fires the following custom events:
@@ -61,13 +62,13 @@ Object.assign(Canvas.prototype, {
     const t = this._currentTransform;
     const e = this.__gesturesParams.e;
 
-    t.action = 'scale';
+    t.action = SCALE;
     t.originX = t.originY = CENTER;
 
     this._scaleObjectBy(self.scale, e);
 
     if (self.rotation !== 0) {
-      t.action = 'rotate';
+      t.action = ROTATE;
       this._rotateObjectByAngle(self.rotation, e);
     }
 
@@ -171,7 +172,7 @@ Object.assign(Canvas.prototype, {
       return;
     }
     t.target.rotate(radiansToDegrees(degreesToRadians(curAngle) + t.theta));
-    fireEvent('rotating', {
+    fireEvent(ROTATING, {
       target: t.target,
       e: e,
       transform: t,

package/src/constants.ts

@@ -25,3 +25,20 @@ export const RIGHT = 'right';
 export const NONE = 'none';
 
 export const reNewline = /\r?\n/;
+
+export const MOVING = 'moving';
+export const SCALING = 'scaling';
+export const ROTATING = 'rotating';
+export const ROTATE = 'rotate';
+export const SKEWING = 'skewing';
+export const RESIZING = 'resizing';
+export const MODIFY_POLY = 'modifyPoly';
+export const CHANGED = 'changed';
+export const SCALE = 'scale';
+export const SCALE_X = 'scaleX';
+export const SCALE_Y = 'scaleY';
+export const SKEW_X = 'skewX';
+export const SKEW_Y = 'skewY';
+export const FILL = 'fill';
+export const STROKE = 'stroke';
+export const MODIFIED = 'modified';

package/src/controls/Control.ts

@@ -6,6 +6,7 @@ import type {
 } from '../EventTypeDefs';
 import { Intersection } from '../Intersection';
 import { Point } from '../Point';
+import { SCALE } from '../constants';
 import type { InteractiveFabricObject } from '../shapes/Object/InteractiveObject';
 import type { TCornerPoint, TDegree, TMat2D } from '../typedefs';
 import {
@@ -39,7 +40,7 @@ export class Control {
    * @type {String}
    * @default 'scale'
    */
-  actionName = 'scale';
+  actionName = SCALE;
 
   /**
    * Drawing angle of the control.

package/src/controls/changeWidth.ts

@@ -1,5 +1,5 @@
 import type { TransformActionHandler } from '../EventTypeDefs';
-import { CENTER, LEFT, RIGHT } from '../constants';
+import { CENTER, LEFT, RESIZING, RIGHT } from '../constants';
 import { resolveOrigin } from '../util/misc/resolveOrigin';
 import { getLocalPoint, isTransformCentered } from './util';
 import { wrapWithFireEvent } from './wrapWithFireEvent';
@@ -51,6 +51,6 @@ export const changeObjectWidth: TransformActionHandler = (
 };
 
 export const changeWidth = wrapWithFireEvent(
-  'resizing',
+  RESIZING,
   wrapWithFixedAnchor(changeObjectWidth)
 );

package/src/controls/commonControls.ts

@@ -1,3 +1,4 @@
+import { RESIZING, ROTATE } from '../constants';
 import { changeWidth } from './changeWidth';
 import { Control } from './Control';
 import { rotationStyleHandler, rotationWithSnapping } from './rotate';
@@ -78,7 +79,7 @@ export const createObjectDefaultControls = () => ({
     cursorStyleHandler: rotationStyleHandler,
     offsetY: -40,
     withConnection: true,
-    actionName: 'rotate',
+    actionName: ROTATE,
   }),
 });
 
@@ -88,14 +89,14 @@ export const createResizeControls = () => ({
     y: 0,
     actionHandler: changeWidth,
     cursorStyleHandler: scaleSkewCursorStyleHandler,
-    actionName: 'resizing',
+    actionName: RESIZING,
   }),
   ml: new Control({
     x: -0.5,
     y: 0,
     actionHandler: changeWidth,
     cursorStyleHandler: scaleSkewCursorStyleHandler,
-    actionName: 'resizing',
+    actionName: RESIZING,
   }),
 });
 

package/src/controls/controlRendering.ts

@@ -1,4 +1,4 @@
-import { twoMathPi } from '../constants';
+import { FILL, STROKE, twoMathPi } from '../constants';
 import type { InteractiveFabricObject } from '../shapes/Object/InteractiveObject';
 import { degreesToRadians } from '../util/misc/radiansDegreesConversion';
 import type { Control } from './Control';
@@ -50,7 +50,7 @@ export function renderCircleControl(
       typeof styleOverride.transparentCorners !== 'undefined'
         ? styleOverride.transparentCorners
         : fabricObject.transparentCorners,
-    methodName = transparentCorners ? 'stroke' : 'fill',
+    methodName = transparentCorners ? STROKE : FILL,
     stroke =
       !transparentCorners &&
       (styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor);
@@ -111,7 +111,7 @@ export function renderSquareControl(
       typeof styleOverride.transparentCorners !== 'undefined'
         ? styleOverride.transparentCorners
         : fabricObject.transparentCorners,
-    methodName = transparentCorners ? 'stroke' : 'fill',
+    methodName = transparentCorners ? STROKE : FILL,
     stroke =
       !transparentCorners &&
       (styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor),

package/src/controls/drag.ts

@@ -1,5 +1,5 @@
 import type { TransformActionHandler } from '../EventTypeDefs';
-import { LEFT, TOP } from '../constants';
+import { LEFT, TOP, MOVING } from '../constants';
 import { fireEvent } from './fireEvent';
 import { commonEventInfo, isLocked } from './util';
 
@@ -26,7 +26,7 @@ export const dragHandler: TransformActionHandler = (
   moveX && target.set(LEFT, newLeft);
   moveY && target.set(TOP, newTop);
   if (moveX || moveY) {
-    fireEvent('moving', commonEventInfo(eventData, transform, x, y));
+    fireEvent(MOVING, commonEventInfo(eventData, transform, x, y));
   }
   return moveX || moveY;
 };

package/src/controls/polyControl.ts

@@ -11,8 +11,9 @@ import type {
 } from '../EventTypeDefs';
 import { wrapWithFireEvent } from './wrapWithFireEvent';
 import { sendPointToPlane } from '../util';
+import { MODIFY_POLY } from '../constants';
 
-const ACTION_NAME: TModificationEvents = 'modifyPoly';
+const ACTION_NAME: TModificationEvents = MODIFY_POLY;
 
 type TTransformAnchor = Transform & { pointIndex: number };
 

package/src/controls/rotate.ts

@@ -2,6 +2,7 @@ import type {
   ControlCursorCallback,
   TransformActionHandler,
 } from '../EventTypeDefs';
+import { ROTATING } from '../constants';
 import { radiansToDegrees } from '../util/misc/radiansDegreesConversion';
 import { isLocked, NOT_ALLOWED_CURSOR } from './util';
 import { wrapWithFireEvent } from './wrapWithFireEvent';
@@ -82,6 +83,6 @@ const rotateObjectWithSnapping: TransformActionHandler = (
 };
 
 export const rotationWithSnapping = wrapWithFireEvent(
-  'rotating',
+  ROTATING,
   wrapWithFixedAnchor(rotateObjectWithSnapping)
 );