@nasser-sw/fabric 7.0.0-beta1

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

@@ -0,0 +1 @@
+{"version":3,"file":"changeWidth.min.mjs","sources":["../../../src/controls/changeWidth.ts"],"sourcesContent":["import type { TransformActionHandler } from '../EventTypeDefs';\nimport { CENTER, LEFT, RESIZING, RIGHT } from '../constants';\nimport { resolveOrigin } from '../util/misc/resolveOrigin';\nimport { getLocalPoint, isTransformCentered } from './util';\nimport { wrapWithFireEvent } from './wrapWithFireEvent';\nimport { wrapWithFixedAnchor } from './wrapWithFixedAnchor';\n\n/**\n * Action handler to change object's width\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 changeObjectWidth: TransformActionHandler = (\n  eventData,\n  transform,\n  x,\n  y,\n) => {\n  const localPoint = getLocalPoint(\n    transform,\n    transform.originX,\n    transform.originY,\n    x,\n    y,\n  );\n  //  make sure the control changes width ONLY from it's side of target\n  if (\n    resolveOrigin(transform.originX) === resolveOrigin(CENTER) ||\n    (resolveOrigin(transform.originX) === resolveOrigin(RIGHT) &&\n      localPoint.x < 0) ||\n    (resolveOrigin(transform.originX) === resolveOrigin(LEFT) &&\n      localPoint.x > 0)\n  ) {\n    const { target } = transform,\n      strokePadding =\n        target.strokeWidth / (target.strokeUniform ? target.scaleX : 1),\n      multiplier = isTransformCentered(transform) ? 2 : 1,\n      oldWidth = target.width,\n      newWidth =\n        Math.abs((localPoint.x * multiplier) / target.scaleX) - strokePadding;\n    target.set('width', Math.max(newWidth, 1));\n    //  check against actual target width in case `newWidth` was rejected\n    return oldWidth !== target.width;\n  }\n  return false;\n};\n\nexport const changeWidth = wrapWithFireEvent(\n  RESIZING,\n  wrapWithFixedAnchor(changeObjectWidth),\n);\n"],"names":["changeObjectWidth","eventData","transform","x","y","localPoint","getLocalPoint","originX","originY","resolveOrigin","CENTER","RIGHT","LEFT","target","strokePadding","strokeWidth","strokeUniform","scaleX","multiplier","isTransformCentered","oldWidth","width","newWidth","Math","abs","set","max","changeWidth","wrapWithFireEvent","RESIZING","wrapWithFixedAnchor"],"mappings":"gWAgBO,MAAMA,EAA4CA,CACvDC,EACAC,EACAC,EACAC,KAEA,MAAMC,EAAaC,EACjBJ,EACAA,EAAUK,QACVL,EAAUM,QACVL,EACAC,GAGF,GACEK,EAAcP,EAAUK,WAAaE,EAAcC,IAClDD,EAAcP,EAAUK,WAAaE,EAAcE,IAClDN,EAAWF,EAAI,GAChBM,EAAcP,EAAUK,WAAaE,EAAcG,IAClDP,EAAWF,EAAI,EACjB,CACA,MAAMU,OAAEA,GAAWX,EACjBY,EACED,EAAOE,aAAeF,EAAOG,cAAgBH,EAAOI,OAAS,GAC/DC,EAAaC,EAAoBjB,GAAa,EAAI,EAClDkB,EAAWP,EAAOQ,MAClBC,EACEC,KAAKC,IAAKnB,EAAWF,EAAIe,EAAcL,EAAOI,QAAUH,EAG5D,OAFAD,EAAOY,IAAI,QAASF,KAAKG,IAAIJ,EAAU,IAEhCF,IAAaP,EAAOQ,KAC7B,CACA,OAAO,GAGIM,EAAcC,EACzBC,EACAC,EAAoB9B"}

package/dist/src/controls/changeWidth.mjs

@@ -0,0 +1,36 @@
+import { RESIZING, CENTER, RIGHT, LEFT } from '../constants.mjs';
+import { resolveOrigin } from '../util/misc/resolveOrigin.mjs';
+import { getLocalPoint, isTransformCentered } from './util.mjs';
+import { wrapWithFireEvent } from './wrapWithFireEvent.mjs';
+import { wrapWithFixedAnchor } from './wrapWithFixedAnchor.mjs';
+
+/**
+ * Action handler to change object's width
+ * 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 changeObjectWidth = (eventData, transform, x, y) => {
+  const localPoint = getLocalPoint(transform, transform.originX, transform.originY, x, y);
+  //  make sure the control changes width ONLY from it's side of target
+  if (resolveOrigin(transform.originX) === resolveOrigin(CENTER) || resolveOrigin(transform.originX) === resolveOrigin(RIGHT) && localPoint.x < 0 || resolveOrigin(transform.originX) === resolveOrigin(LEFT) && localPoint.x > 0) {
+    const {
+        target
+      } = transform,
+      strokePadding = target.strokeWidth / (target.strokeUniform ? target.scaleX : 1),
+      multiplier = isTransformCentered(transform) ? 2 : 1,
+      oldWidth = target.width,
+      newWidth = Math.abs(localPoint.x * multiplier / target.scaleX) - strokePadding;
+    target.set('width', Math.max(newWidth, 1));
+    //  check against actual target width in case `newWidth` was rejected
+    return oldWidth !== target.width;
+  }
+  return false;
+};
+const changeWidth = wrapWithFireEvent(RESIZING, wrapWithFixedAnchor(changeObjectWidth));
+
+export { changeObjectWidth, changeWidth };
+//# sourceMappingURL=changeWidth.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"changeWidth.mjs","sources":["../../../src/controls/changeWidth.ts"],"sourcesContent":["import type { TransformActionHandler } from '../EventTypeDefs';\nimport { CENTER, LEFT, RESIZING, RIGHT } from '../constants';\nimport { resolveOrigin } from '../util/misc/resolveOrigin';\nimport { getLocalPoint, isTransformCentered } from './util';\nimport { wrapWithFireEvent } from './wrapWithFireEvent';\nimport { wrapWithFixedAnchor } from './wrapWithFixedAnchor';\n\n/**\n * Action handler to change object's width\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 changeObjectWidth: TransformActionHandler = (\n  eventData,\n  transform,\n  x,\n  y,\n) => {\n  const localPoint = getLocalPoint(\n    transform,\n    transform.originX,\n    transform.originY,\n    x,\n    y,\n  );\n  //  make sure the control changes width ONLY from it's side of target\n  if (\n    resolveOrigin(transform.originX) === resolveOrigin(CENTER) ||\n    (resolveOrigin(transform.originX) === resolveOrigin(RIGHT) &&\n      localPoint.x < 0) ||\n    (resolveOrigin(transform.originX) === resolveOrigin(LEFT) &&\n      localPoint.x > 0)\n  ) {\n    const { target } = transform,\n      strokePadding =\n        target.strokeWidth / (target.strokeUniform ? target.scaleX : 1),\n      multiplier = isTransformCentered(transform) ? 2 : 1,\n      oldWidth = target.width,\n      newWidth =\n        Math.abs((localPoint.x * multiplier) / target.scaleX) - strokePadding;\n    target.set('width', Math.max(newWidth, 1));\n    //  check against actual target width in case `newWidth` was rejected\n    return oldWidth !== target.width;\n  }\n  return false;\n};\n\nexport const changeWidth = wrapWithFireEvent(\n  RESIZING,\n  wrapWithFixedAnchor(changeObjectWidth),\n);\n"],"names":["changeObjectWidth","eventData","transform","x","y","localPoint","getLocalPoint","originX","originY","resolveOrigin","CENTER","RIGHT","LEFT","target","strokePadding","strokeWidth","strokeUniform","scaleX","multiplier","isTransformCentered","oldWidth","width","newWidth","Math","abs","set","max","changeWidth","wrapWithFireEvent","RESIZING","wrapWithFixedAnchor"],"mappings":";;;;;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,iBAAyC,GAAGA,CACvDC,SAAS,EACTC,SAAS,EACTC,CAAC,EACDC,CAAC,KACE;AACH,EAAA,MAAMC,UAAU,GAAGC,aAAa,CAC9BJ,SAAS,EACTA,SAAS,CAACK,OAAO,EACjBL,SAAS,CAACM,OAAO,EACjBL,CAAC,EACDC,CACF,CAAC;AACD;EACA,IACEK,aAAa,CAACP,SAAS,CAACK,OAAO,CAAC,KAAKE,aAAa,CAACC,MAAM,CAAC,IACzDD,aAAa,CAACP,SAAS,CAACK,OAAO,CAAC,KAAKE,aAAa,CAACE,KAAK,CAAC,IACxDN,UAAU,CAACF,CAAC,GAAG,CAAE,IAClBM,aAAa,CAACP,SAAS,CAACK,OAAO,CAAC,KAAKE,aAAa,CAACG,IAAI,CAAC,IACvDP,UAAU,CAACF,CAAC,GAAG,CAAE,EACnB;IACA,MAAM;AAAEU,QAAAA;AAAO,OAAC,GAAGX,SAAS;AAC1BY,MAAAA,aAAa,GACXD,MAAM,CAACE,WAAW,IAAIF,MAAM,CAACG,aAAa,GAAGH,MAAM,CAACI,MAAM,GAAG,CAAC,CAAC;MACjEC,UAAU,GAAGC,mBAAmB,CAACjB,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC;MACnDkB,QAAQ,GAAGP,MAAM,CAACQ,KAAK;AACvBC,MAAAA,QAAQ,GACNC,IAAI,CAACC,GAAG,CAAEnB,UAAU,CAACF,CAAC,GAAGe,UAAU,GAAIL,MAAM,CAACI,MAAM,CAAC,GAAGH,aAAa;AACzED,IAAAA,MAAM,CAACY,GAAG,CAAC,OAAO,EAAEF,IAAI,CAACG,GAAG,CAACJ,QAAQ,EAAE,CAAC,CAAC,CAAC;AAC1C;AACA,IAAA,OAAOF,QAAQ,KAAKP,MAAM,CAACQ,KAAK;AAClC,EAAA;AACA,EAAA,OAAO,KAAK;AACd;AAEO,MAAMM,WAAW,GAAGC,iBAAiB,CAC1CC,QAAQ,EACRC,mBAAmB,CAAC9B,iBAAiB,CACvC;;;;"}

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

@@ -0,0 +1,26 @@
+import { Control } from './Control';
+export declare const createObjectDefaultControls: () => {
+    ml: Control;
+    mr: Control;
+    mb: Control;
+    mt: Control;
+    tl: Control;
+    tr: Control;
+    bl: Control;
+    br: Control;
+    mtr: Control;
+};
+export declare const createResizeControls: () => {
+    mr: Control;
+    ml: Control;
+};
+export declare const createTextboxDefaultControls: () => {
+    mr: Control;
+    ml: Control;
+    tl: Control;
+    tr: Control;
+    bl: Control;
+    br: Control;
+    mtr: Control;
+};
+//# sourceMappingURL=commonControls.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"commonControls.d.ts","sourceRoot":"","sources":["../../../src/controls/commonControls.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAWpC,eAAO,MAAM,2BAA2B;;;;;;;;;;CAsEtC,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;CAe/B,CAAC;AAEH,eAAO,MAAM,4BAA4B;;;;;;;;CAQxC,CAAC"}

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

@@ -0,0 +1,2 @@
+import{ROTATE as n,RESIZING as r}from"../constants.min.mjs";import{changeWidth as e}from"./changeWidth.min.mjs";import{Control as t}from"./Control.min.mjs";import{rotationStyleHandler as o,rotationWithSnapping as a}from"./rotate.min.mjs";import{scalingEqually as l,scaleCursorStyleHandler as m}from"./scale.min.mjs";import{scaleOrSkewActionName as c,scalingYOrSkewingX as i,scaleSkewCursorStyleHandler as s,scalingXOrSkewingY as d}from"./scaleSkew.min.mjs";const y=()=>({ml:new t({x:-.5,y:0,cursorStyleHandler:s,actionHandler:d,getActionName:c}),mr:new t({x:.5,y:0,cursorStyleHandler:s,actionHandler:d,getActionName:c}),mb:new t({x:0,y:.5,cursorStyleHandler:s,actionHandler:i,getActionName:c}),mt:new t({x:0,y:-.5,cursorStyleHandler:s,actionHandler:i,getActionName:c}),tl:new t({x:-.5,y:-.5,cursorStyleHandler:m,actionHandler:l}),tr:new t({x:.5,y:-.5,cursorStyleHandler:m,actionHandler:l}),bl:new t({x:-.5,y:.5,cursorStyleHandler:m,actionHandler:l}),br:new t({x:.5,y:.5,cursorStyleHandler:m,actionHandler:l}),mtr:new t({x:0,y:-.5,actionHandler:a,cursorStyleHandler:o,offsetY:-40,withConnection:!0,actionName:n})}),H=()=>({mr:new t({x:.5,y:0,actionHandler:e,cursorStyleHandler:s,actionName:r}),ml:new t({x:-.5,y:0,actionHandler:e,cursorStyleHandler:s,actionName:r})}),w=()=>{const{mt:n,mb:r,...e}={...y(),...H()};return e};export{y as createObjectDefaultControls,H as createResizeControls,w as createTextboxDefaultControls};
+//# sourceMappingURL=commonControls.min.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"commonControls.min.mjs","sources":["../../../src/controls/commonControls.ts"],"sourcesContent":["import { RESIZING, ROTATE } from '../constants';\nimport { changeWidth } from './changeWidth';\nimport { changeHeight } from './changeHeight';\nimport { Control } from './Control';\nimport { rotationStyleHandler, rotationWithSnapping } from './rotate';\nimport { scaleCursorStyleHandler, scalingEqually } from './scale';\nimport {\n  scaleOrSkewActionName,\n  scaleSkewCursorStyleHandler,\n  scalingXOrSkewingY,\n  scalingYOrSkewingX,\n} from './scaleSkew';\n\n// use this function if you want to generate new controls for every instance\nexport const createObjectDefaultControls = () => ({\n  ml: new Control({\n    x: -0.5,\n    y: 0,\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\n    actionHandler: scalingXOrSkewingY,\n    getActionName: scaleOrSkewActionName,\n  }),\n\n  mr: new Control({\n    x: 0.5,\n    y: 0,\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\n    actionHandler: scalingXOrSkewingY,\n    getActionName: scaleOrSkewActionName,\n  }),\n\n  mb: new Control({\n    x: 0,\n    y: 0.5,\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\n    actionHandler: scalingYOrSkewingX,\n    getActionName: scaleOrSkewActionName,\n  }),\n\n  mt: new Control({\n    x: 0,\n    y: -0.5,\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\n    actionHandler: scalingYOrSkewingX,\n    getActionName: scaleOrSkewActionName,\n  }),\n\n  tl: new Control({\n    x: -0.5,\n    y: -0.5,\n    cursorStyleHandler: scaleCursorStyleHandler,\n    actionHandler: scalingEqually,\n  }),\n\n  tr: new Control({\n    x: 0.5,\n    y: -0.5,\n    cursorStyleHandler: scaleCursorStyleHandler,\n    actionHandler: scalingEqually,\n  }),\n\n  bl: new Control({\n    x: -0.5,\n    y: 0.5,\n    cursorStyleHandler: scaleCursorStyleHandler,\n    actionHandler: scalingEqually,\n  }),\n\n  br: new Control({\n    x: 0.5,\n    y: 0.5,\n    cursorStyleHandler: scaleCursorStyleHandler,\n    actionHandler: scalingEqually,\n  }),\n\n  mtr: new Control({\n    x: 0,\n    y: -0.5,\n    actionHandler: rotationWithSnapping,\n    cursorStyleHandler: rotationStyleHandler,\n    offsetY: -40,\n    withConnection: true,\n    actionName: ROTATE,\n  }),\n});\n\nexport const createResizeControls = () => ({\n  mr: new Control({\n    x: 0.5,\n    y: 0,\n    actionHandler: changeWidth,\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\n    actionName: RESIZING,\n  }),\n  ml: new Control({\n    x: -0.5,\n    y: 0,\n    actionHandler: changeWidth,\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\n    actionName: RESIZING,\n  }),\n});\n\nexport const createTextboxDefaultControls = () => {\n  const { mt, mb, ...controls } = {\n    ...createObjectDefaultControls(),\n    ...createResizeControls(),\n  };\n  // Exclude mt and mb controls - textbox height is auto-calculated based on content\n  // Only width can be manually adjusted, height adjusts automatically for text wrapping\n  return controls;\n};\n"],"names":["createObjectDefaultControls","ml","Control","x","y","cursorStyleHandler","scaleSkewCursorStyleHandler","actionHandler","scalingXOrSkewingY","getActionName","scaleOrSkewActionName","mr","mb","scalingYOrSkewingX","mt","tl","scaleCursorStyleHandler","scalingEqually","tr","bl","br","mtr","rotationWithSnapping","rotationStyleHandler","offsetY","withConnection","actionName","ROTATE","createResizeControls","changeWidth","RESIZING","createTextboxDefaultControls","controls"],"mappings":"ycAcO,MAAMA,EAA8BA,KAAAA,CACzCC,GAAI,IAAIC,EAAQ,CACdC,GAAG,GACHC,EAAG,EACHC,mBAAoBC,EACpBC,cAAeC,EACfC,cAAeC,IAGjBC,GAAI,IAAIT,EAAQ,CACdC,EAAG,GACHC,EAAG,EACHC,mBAAoBC,EACpBC,cAAeC,EACfC,cAAeC,IAGjBE,GAAI,IAAIV,EAAQ,CACdC,EAAG,EACHC,EAAG,GACHC,mBAAoBC,EACpBC,cAAeM,EACfJ,cAAeC,IAGjBI,GAAI,IAAIZ,EAAQ,CACdC,EAAG,EACHC,GAAG,GACHC,mBAAoBC,EACpBC,cAAeM,EACfJ,cAAeC,IAGjBK,GAAI,IAAIb,EAAQ,CACdC,GAAG,GACHC,GAAG,GACHC,mBAAoBW,EACpBT,cAAeU,IAGjBC,GAAI,IAAIhB,EAAQ,CACdC,EAAG,GACHC,GAAG,GACHC,mBAAoBW,EACpBT,cAAeU,IAGjBE,GAAI,IAAIjB,EAAQ,CACdC,GAAG,GACHC,EAAG,GACHC,mBAAoBW,EACpBT,cAAeU,IAGjBG,GAAI,IAAIlB,EAAQ,CACdC,EAAG,GACHC,EAAG,GACHC,mBAAoBW,EACpBT,cAAeU,IAGjBI,IAAK,IAAInB,EAAQ,CACfC,EAAG,EACHC,GAAG,GACHG,cAAee,EACfjB,mBAAoBkB,EACpBC,SAAS,GACTC,gBAAgB,EAChBC,WAAYC,MAIHC,EAAuBA,KAAAA,CAClCjB,GAAI,IAAIT,EAAQ,CACdC,EAAG,GACHC,EAAG,EACHG,cAAesB,EACfxB,mBAAoBC,EACpBoB,WAAYI,IAEd7B,GAAI,IAAIC,EAAQ,CACdC,GAAG,GACHC,EAAG,EACHG,cAAesB,EACfxB,mBAAoBC,EACpBoB,WAAYI,MAIHC,EAA+BA,KAC1C,MAAMjB,GAAEA,EAAEF,GAAEA,KAAOoB,GAAa,IAC3BhC,OACA4B,KAIL,OAAOI"}

package/dist/src/controls/commonControls.mjs

@@ -0,0 +1,103 @@
+import { ROTATE, RESIZING } from '../constants.mjs';
+import { changeWidth } from './changeWidth.mjs';
+import { Control } from './Control.mjs';
+import { rotationStyleHandler, rotationWithSnapping } from './rotate.mjs';
+import { scalingEqually, scaleCursorStyleHandler } from './scale.mjs';
+import { scaleOrSkewActionName, scalingYOrSkewingX, scaleSkewCursorStyleHandler, scalingXOrSkewingY } from './scaleSkew.mjs';
+
+// use this function if you want to generate new controls for every instance
+const createObjectDefaultControls = () => ({
+  ml: new Control({
+    x: -0.5,
+    y: 0,
+    cursorStyleHandler: scaleSkewCursorStyleHandler,
+    actionHandler: scalingXOrSkewingY,
+    getActionName: scaleOrSkewActionName
+  }),
+  mr: new Control({
+    x: 0.5,
+    y: 0,
+    cursorStyleHandler: scaleSkewCursorStyleHandler,
+    actionHandler: scalingXOrSkewingY,
+    getActionName: scaleOrSkewActionName
+  }),
+  mb: new Control({
+    x: 0,
+    y: 0.5,
+    cursorStyleHandler: scaleSkewCursorStyleHandler,
+    actionHandler: scalingYOrSkewingX,
+    getActionName: scaleOrSkewActionName
+  }),
+  mt: new Control({
+    x: 0,
+    y: -0.5,
+    cursorStyleHandler: scaleSkewCursorStyleHandler,
+    actionHandler: scalingYOrSkewingX,
+    getActionName: scaleOrSkewActionName
+  }),
+  tl: new Control({
+    x: -0.5,
+    y: -0.5,
+    cursorStyleHandler: scaleCursorStyleHandler,
+    actionHandler: scalingEqually
+  }),
+  tr: new Control({
+    x: 0.5,
+    y: -0.5,
+    cursorStyleHandler: scaleCursorStyleHandler,
+    actionHandler: scalingEqually
+  }),
+  bl: new Control({
+    x: -0.5,
+    y: 0.5,
+    cursorStyleHandler: scaleCursorStyleHandler,
+    actionHandler: scalingEqually
+  }),
+  br: new Control({
+    x: 0.5,
+    y: 0.5,
+    cursorStyleHandler: scaleCursorStyleHandler,
+    actionHandler: scalingEqually
+  }),
+  mtr: new Control({
+    x: 0,
+    y: -0.5,
+    actionHandler: rotationWithSnapping,
+    cursorStyleHandler: rotationStyleHandler,
+    offsetY: -40,
+    withConnection: true,
+    actionName: ROTATE
+  })
+});
+const createResizeControls = () => ({
+  mr: new Control({
+    x: 0.5,
+    y: 0,
+    actionHandler: changeWidth,
+    cursorStyleHandler: scaleSkewCursorStyleHandler,
+    actionName: RESIZING
+  }),
+  ml: new Control({
+    x: -0.5,
+    y: 0,
+    actionHandler: changeWidth,
+    cursorStyleHandler: scaleSkewCursorStyleHandler,
+    actionName: RESIZING
+  })
+});
+const createTextboxDefaultControls = () => {
+  const {
+    mt,
+    mb,
+    ...controls
+  } = {
+    ...createObjectDefaultControls(),
+    ...createResizeControls()
+  };
+  // Exclude mt and mb controls - textbox height is auto-calculated based on content
+  // Only width can be manually adjusted, height adjusts automatically for text wrapping
+  return controls;
+};
+
+export { createObjectDefaultControls, createResizeControls, createTextboxDefaultControls };
+//# sourceMappingURL=commonControls.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"commonControls.mjs","sources":["../../../src/controls/commonControls.ts"],"sourcesContent":["import { RESIZING, ROTATE } from '../constants';\nimport { changeWidth } from './changeWidth';\nimport { changeHeight } from './changeHeight';\nimport { Control } from './Control';\nimport { rotationStyleHandler, rotationWithSnapping } from './rotate';\nimport { scaleCursorStyleHandler, scalingEqually } from './scale';\nimport {\n  scaleOrSkewActionName,\n  scaleSkewCursorStyleHandler,\n  scalingXOrSkewingY,\n  scalingYOrSkewingX,\n} from './scaleSkew';\n\n// use this function if you want to generate new controls for every instance\nexport const createObjectDefaultControls = () => ({\n  ml: new Control({\n    x: -0.5,\n    y: 0,\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\n    actionHandler: scalingXOrSkewingY,\n    getActionName: scaleOrSkewActionName,\n  }),\n\n  mr: new Control({\n    x: 0.5,\n    y: 0,\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\n    actionHandler: scalingXOrSkewingY,\n    getActionName: scaleOrSkewActionName,\n  }),\n\n  mb: new Control({\n    x: 0,\n    y: 0.5,\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\n    actionHandler: scalingYOrSkewingX,\n    getActionName: scaleOrSkewActionName,\n  }),\n\n  mt: new Control({\n    x: 0,\n    y: -0.5,\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\n    actionHandler: scalingYOrSkewingX,\n    getActionName: scaleOrSkewActionName,\n  }),\n\n  tl: new Control({\n    x: -0.5,\n    y: -0.5,\n    cursorStyleHandler: scaleCursorStyleHandler,\n    actionHandler: scalingEqually,\n  }),\n\n  tr: new Control({\n    x: 0.5,\n    y: -0.5,\n    cursorStyleHandler: scaleCursorStyleHandler,\n    actionHandler: scalingEqually,\n  }),\n\n  bl: new Control({\n    x: -0.5,\n    y: 0.5,\n    cursorStyleHandler: scaleCursorStyleHandler,\n    actionHandler: scalingEqually,\n  }),\n\n  br: new Control({\n    x: 0.5,\n    y: 0.5,\n    cursorStyleHandler: scaleCursorStyleHandler,\n    actionHandler: scalingEqually,\n  }),\n\n  mtr: new Control({\n    x: 0,\n    y: -0.5,\n    actionHandler: rotationWithSnapping,\n    cursorStyleHandler: rotationStyleHandler,\n    offsetY: -40,\n    withConnection: true,\n    actionName: ROTATE,\n  }),\n});\n\nexport const createResizeControls = () => ({\n  mr: new Control({\n    x: 0.5,\n    y: 0,\n    actionHandler: changeWidth,\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\n    actionName: RESIZING,\n  }),\n  ml: new Control({\n    x: -0.5,\n    y: 0,\n    actionHandler: changeWidth,\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\n    actionName: RESIZING,\n  }),\n});\n\nexport const createTextboxDefaultControls = () => {\n  const { mt, mb, ...controls } = {\n    ...createObjectDefaultControls(),\n    ...createResizeControls(),\n  };\n  // Exclude mt and mb controls - textbox height is auto-calculated based on content\n  // Only width can be manually adjusted, height adjusts automatically for text wrapping\n  return controls;\n};\n"],"names":["createObjectDefaultControls","ml","Control","x","y","cursorStyleHandler","scaleSkewCursorStyleHandler","actionHandler","scalingXOrSkewingY","getActionName","scaleOrSkewActionName","mr","mb","scalingYOrSkewingX","mt","tl","scaleCursorStyleHandler","scalingEqually","tr","bl","br","mtr","rotationWithSnapping","rotationStyleHandler","offsetY","withConnection","actionName","ROTATE","createResizeControls","changeWidth","RESIZING","createTextboxDefaultControls","controls"],"mappings":";;;;;;;AAaA;AACO,MAAMA,2BAA2B,GAAGA,OAAO;EAChDC,EAAE,EAAE,IAAIC,OAAO,CAAC;IACdC,CAAC,EAAE,IAAI;AACPC,IAAAA,CAAC,EAAE,CAAC;AACJC,IAAAA,kBAAkB,EAAEC,2BAA2B;AAC/CC,IAAAA,aAAa,EAAEC,kBAAkB;AACjCC,IAAAA,aAAa,EAAEC;AACjB,GAAC,CAAC;EAEFC,EAAE,EAAE,IAAIT,OAAO,CAAC;AACdC,IAAAA,CAAC,EAAE,GAAG;AACNC,IAAAA,CAAC,EAAE,CAAC;AACJC,IAAAA,kBAAkB,EAAEC,2BAA2B;AAC/CC,IAAAA,aAAa,EAAEC,kBAAkB;AACjCC,IAAAA,aAAa,EAAEC;AACjB,GAAC,CAAC;EAEFE,EAAE,EAAE,IAAIV,OAAO,CAAC;AACdC,IAAAA,CAAC,EAAE,CAAC;AACJC,IAAAA,CAAC,EAAE,GAAG;AACNC,IAAAA,kBAAkB,EAAEC,2BAA2B;AAC/CC,IAAAA,aAAa,EAAEM,kBAAkB;AACjCJ,IAAAA,aAAa,EAAEC;AACjB,GAAC,CAAC;EAEFI,EAAE,EAAE,IAAIZ,OAAO,CAAC;AACdC,IAAAA,CAAC,EAAE,CAAC;IACJC,CAAC,EAAE,IAAI;AACPC,IAAAA,kBAAkB,EAAEC,2BAA2B;AAC/CC,IAAAA,aAAa,EAAEM,kBAAkB;AACjCJ,IAAAA,aAAa,EAAEC;AACjB,GAAC,CAAC;EAEFK,EAAE,EAAE,IAAIb,OAAO,CAAC;IACdC,CAAC,EAAE,IAAI;IACPC,CAAC,EAAE,IAAI;AACPC,IAAAA,kBAAkB,EAAEW,uBAAuB;AAC3CT,IAAAA,aAAa,EAAEU;AACjB,GAAC,CAAC;EAEFC,EAAE,EAAE,IAAIhB,OAAO,CAAC;AACdC,IAAAA,CAAC,EAAE,GAAG;IACNC,CAAC,EAAE,IAAI;AACPC,IAAAA,kBAAkB,EAAEW,uBAAuB;AAC3CT,IAAAA,aAAa,EAAEU;AACjB,GAAC,CAAC;EAEFE,EAAE,EAAE,IAAIjB,OAAO,CAAC;IACdC,CAAC,EAAE,IAAI;AACPC,IAAAA,CAAC,EAAE,GAAG;AACNC,IAAAA,kBAAkB,EAAEW,uBAAuB;AAC3CT,IAAAA,aAAa,EAAEU;AACjB,GAAC,CAAC;EAEFG,EAAE,EAAE,IAAIlB,OAAO,CAAC;AACdC,IAAAA,CAAC,EAAE,GAAG;AACNC,IAAAA,CAAC,EAAE,GAAG;AACNC,IAAAA,kBAAkB,EAAEW,uBAAuB;AAC3CT,IAAAA,aAAa,EAAEU;AACjB,GAAC,CAAC;EAEFI,GAAG,EAAE,IAAInB,OAAO,CAAC;AACfC,IAAAA,CAAC,EAAE,CAAC;IACJC,CAAC,EAAE,IAAI;AACPG,IAAAA,aAAa,EAAEe,oBAAoB;AACnCjB,IAAAA,kBAAkB,EAAEkB,oBAAoB;IACxCC,OAAO,EAAE,GAAG;AACZC,IAAAA,cAAc,EAAE,IAAI;AACpBC,IAAAA,UAAU,EAAEC;GACb;AACH,CAAC;AAEM,MAAMC,oBAAoB,GAAGA,OAAO;EACzCjB,EAAE,EAAE,IAAIT,OAAO,CAAC;AACdC,IAAAA,CAAC,EAAE,GAAG;AACNC,IAAAA,CAAC,EAAE,CAAC;AACJG,IAAAA,aAAa,EAAEsB,WAAW;AAC1BxB,IAAAA,kBAAkB,EAAEC,2BAA2B;AAC/CoB,IAAAA,UAAU,EAAEI;AACd,GAAC,CAAC;EACF7B,EAAE,EAAE,IAAIC,OAAO,CAAC;IACdC,CAAC,EAAE,IAAI;AACPC,IAAAA,CAAC,EAAE,CAAC;AACJG,IAAAA,aAAa,EAAEsB,WAAW;AAC1BxB,IAAAA,kBAAkB,EAAEC,2BAA2B;AAC/CoB,IAAAA,UAAU,EAAEI;GACb;AACH,CAAC;AAEM,MAAMC,4BAA4B,GAAGA,MAAM;EAChD,MAAM;IAAEjB,EAAE;IAAEF,EAAE;IAAE,GAAGoB;AAAS,GAAC,GAAG;IAC9B,GAAGhC,2BAA2B,EAAE;AAChC,IAAA,GAAG4B,oBAAoB;GACxB;AACD;AACA;AACA,EAAA,OAAOI,QAAQ;AACjB;;;;"}

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

@@ -0,0 +1,29 @@
+import type { InteractiveFabricObject } from '../shapes/Object/InteractiveObject';
+import type { Control } from './Control';
+export type ControlRenderingStyleOverride = Partial<Pick<InteractiveFabricObject, 'cornerStyle' | 'cornerSize' | 'cornerColor' | 'cornerStrokeColor' | 'cornerDashArray' | 'transparentCorners'>>;
+export type ControlRenderer<O extends InteractiveFabricObject = InteractiveFabricObject> = (ctx: CanvasRenderingContext2D, left: number, top: number, styleOverride: ControlRenderingStyleOverride, fabricObject: O) => void;
+/**
+ * Render a round control, as per fabric features.
+ * This function is written to respect object properties like transparentCorners, cornerSize
+ * cornerColor, cornerStrokeColor
+ * plus the addition of offsetY and offsetX.
+ * @param {CanvasRenderingContext2D} ctx context to render on
+ * @param {Number} left x coordinate where the control center should be
+ * @param {Number} top y coordinate where the control center should be
+ * @param {Object} styleOverride override for FabricObject controls style
+ * @param {FabricObject} fabricObject the fabric object for which we are rendering controls
+ */
+export declare function renderCircleControl(this: Control, ctx: CanvasRenderingContext2D, left: number, top: number, styleOverride: ControlRenderingStyleOverride, fabricObject: InteractiveFabricObject): void;
+/**
+ * Render a square control, as per fabric features.
+ * This function is written to respect object properties like transparentCorners, cornerSize
+ * cornerColor, cornerStrokeColor
+ * plus the addition of offsetY and offsetX.
+ * @param {CanvasRenderingContext2D} ctx context to render on
+ * @param {Number} left x coordinate where the control center should be
+ * @param {Number} top y coordinate where the control center should be
+ * @param {Object} styleOverride override for FabricObject controls style
+ * @param {FabricObject} fabricObject the fabric object for which we are rendering controls
+ */
+export declare function renderSquareControl(this: Control, ctx: CanvasRenderingContext2D, left: number, top: number, styleOverride: ControlRenderingStyleOverride, fabricObject: InteractiveFabricObject): void;
+//# sourceMappingURL=controlRendering.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"controlRendering.d.ts","sourceRoot":"","sources":["../../../src/controls/controlRendering.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAElF,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEzC,MAAM,MAAM,6BAA6B,GAAG,OAAO,CACjD,IAAI,CACF,uBAAuB,EACrB,aAAa,GACb,YAAY,GACZ,aAAa,GACb,mBAAmB,GACnB,iBAAiB,GACjB,oBAAoB,CACvB,CACF,CAAC;AAEF,MAAM,MAAM,eAAe,CACzB,CAAC,SAAS,uBAAuB,GAAG,uBAAuB,IACzD,CACF,GAAG,EAAE,wBAAwB,EAC7B,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,EACX,aAAa,EAAE,6BAA6B,EAC5C,YAAY,EAAE,CAAC,KACZ,IAAI,CAAC;AAEV;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,OAAO,EACb,GAAG,EAAE,wBAAwB,EAC7B,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,EACX,aAAa,EAAE,6BAA6B,EAC5C,YAAY,EAAE,uBAAuB,QAwCtC;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,OAAO,EACb,GAAG,EAAE,wBAAwB,EAC7B,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,EACX,aAAa,EAAE,6BAA6B,EAC5C,YAAY,EAAE,uBAAuB,QAgCtC"}

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

@@ -0,0 +1,2 @@
+import{STROKE as r,FILL as e,twoMathPi as o}from"../constants.min.mjs";import{degreesToRadians as n}from"../util/misc/radiansDegreesConversion.min.mjs";function t(n,t,s,c,i){c=c||{};const l=this.sizeX||c.cornerSize||i.cornerSize,a=this.sizeY||c.cornerSize||i.cornerSize,S=void 0!==c.transparentCorners?c.transparentCorners:i.transparentCorners,C=S?r:e,k=!S&&(c.cornerStrokeColor||i.cornerStrokeColor);let z,m=t,p=s;n.save(),n.fillStyle=c.cornerColor||i.cornerColor||"",n.strokeStyle=c.cornerStrokeColor||i.cornerStrokeColor||"",l>a?(z=l,n.scale(1,a/l),p=s*l/a):a>l?(z=a,n.scale(l/a,1),m=t*a/l):z=l,n.beginPath(),n.arc(m,p,z/2,0,o,!1),n[C](),k&&n.stroke(),n.restore()}function s(o,t,s,c,i){c=c||{};const l=this.sizeX||c.cornerSize||i.cornerSize,a=this.sizeY||c.cornerSize||i.cornerSize,S=void 0!==c.transparentCorners?c.transparentCorners:i.transparentCorners,C=S?r:e,k=!S&&(c.cornerStrokeColor||i.cornerStrokeColor),z=l/2,m=a/2;o.save(),o.fillStyle=c.cornerColor||i.cornerColor||"",o.strokeStyle=c.cornerStrokeColor||i.cornerStrokeColor||"",o.translate(t,s);const p=i.getTotalAngle();o.rotate(n(p)),o[`${C}Rect`](-z,-m,l,a),k&&o.strokeRect(-z,-m,l,a),o.restore()}export{t as renderCircleControl,s as renderSquareControl};
+//# sourceMappingURL=controlRendering.min.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"controlRendering.min.mjs","sources":["../../../src/controls/controlRendering.ts"],"sourcesContent":["import { FILL, STROKE, twoMathPi } from '../constants';\nimport type { InteractiveFabricObject } from '../shapes/Object/InteractiveObject';\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\nimport type { Control } from './Control';\n\nexport type ControlRenderingStyleOverride = Partial<\n  Pick<\n    InteractiveFabricObject,\n    | 'cornerStyle'\n    | 'cornerSize'\n    | 'cornerColor'\n    | 'cornerStrokeColor'\n    | 'cornerDashArray'\n    | 'transparentCorners'\n  >\n>;\n\nexport type ControlRenderer<\n  O extends InteractiveFabricObject = InteractiveFabricObject,\n> = (\n  ctx: CanvasRenderingContext2D,\n  left: number,\n  top: number,\n  styleOverride: ControlRenderingStyleOverride,\n  fabricObject: O,\n) => void;\n\n/**\n * Render a round control, as per fabric features.\n * This function is written to respect object properties like transparentCorners, cornerSize\n * cornerColor, cornerStrokeColor\n * plus the addition of offsetY and offsetX.\n * @param {CanvasRenderingContext2D} ctx context to render on\n * @param {Number} left x coordinate where the control center should be\n * @param {Number} top y coordinate where the control center should be\n * @param {Object} styleOverride override for FabricObject controls style\n * @param {FabricObject} fabricObject the fabric object for which we are rendering controls\n */\nexport function renderCircleControl(\n  this: Control,\n  ctx: CanvasRenderingContext2D,\n  left: number,\n  top: number,\n  styleOverride: ControlRenderingStyleOverride,\n  fabricObject: InteractiveFabricObject,\n) {\n  styleOverride = styleOverride || {};\n  const xSize =\n      this.sizeX || styleOverride.cornerSize || fabricObject.cornerSize,\n    ySize = this.sizeY || styleOverride.cornerSize || fabricObject.cornerSize,\n    transparentCorners =\n      typeof styleOverride.transparentCorners !== 'undefined'\n        ? styleOverride.transparentCorners\n        : fabricObject.transparentCorners,\n    methodName = transparentCorners ? STROKE : FILL,\n    stroke =\n      !transparentCorners &&\n      (styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor);\n  let myLeft = left,\n    myTop = top,\n    size;\n  ctx.save();\n  ctx.fillStyle = styleOverride.cornerColor || fabricObject.cornerColor || '';\n  ctx.strokeStyle =\n    styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor || '';\n  // TODO: use proper ellipse code.\n  if (xSize > ySize) {\n    size = xSize;\n    ctx.scale(1.0, ySize / xSize);\n    myTop = (top * xSize) / ySize;\n  } else if (ySize > xSize) {\n    size = ySize;\n    ctx.scale(xSize / ySize, 1.0);\n    myLeft = (left * ySize) / xSize;\n  } else {\n    size = xSize;\n  }\n  ctx.beginPath();\n  ctx.arc(myLeft, myTop, size / 2, 0, twoMathPi, false);\n  ctx[methodName]();\n  if (stroke) {\n    ctx.stroke();\n  }\n  ctx.restore();\n}\n\n/**\n * Render a square control, as per fabric features.\n * This function is written to respect object properties like transparentCorners, cornerSize\n * cornerColor, cornerStrokeColor\n * plus the addition of offsetY and offsetX.\n * @param {CanvasRenderingContext2D} ctx context to render on\n * @param {Number} left x coordinate where the control center should be\n * @param {Number} top y coordinate where the control center should be\n * @param {Object} styleOverride override for FabricObject controls style\n * @param {FabricObject} fabricObject the fabric object for which we are rendering controls\n */\nexport function renderSquareControl(\n  this: Control,\n  ctx: CanvasRenderingContext2D,\n  left: number,\n  top: number,\n  styleOverride: ControlRenderingStyleOverride,\n  fabricObject: InteractiveFabricObject,\n) {\n  styleOverride = styleOverride || {};\n  const xSize =\n      this.sizeX || styleOverride.cornerSize || fabricObject.cornerSize,\n    ySize = this.sizeY || styleOverride.cornerSize || fabricObject.cornerSize,\n    transparentCorners =\n      typeof styleOverride.transparentCorners !== 'undefined'\n        ? styleOverride.transparentCorners\n        : fabricObject.transparentCorners,\n    methodName = transparentCorners ? STROKE : FILL,\n    stroke =\n      !transparentCorners &&\n      (styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor),\n    xSizeBy2 = xSize / 2,\n    ySizeBy2 = ySize / 2;\n  ctx.save();\n  ctx.fillStyle = styleOverride.cornerColor || fabricObject.cornerColor || '';\n  ctx.strokeStyle =\n    styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor || '';\n  ctx.translate(left, top);\n  //  angle is relative to canvas plane\n  const angle = fabricObject.getTotalAngle();\n  ctx.rotate(degreesToRadians(angle));\n  // this does not work, and fixed with ( && ) does not make sense.\n  // to have real transparent corners we need the controls on upperCanvas\n  // transparentCorners || ctx.clearRect(-xSizeBy2, -ySizeBy2, xSize, ySize);\n  ctx[`${methodName}Rect`](-xSizeBy2, -ySizeBy2, xSize, ySize);\n  if (stroke) {\n    ctx.strokeRect(-xSizeBy2, -ySizeBy2, xSize, ySize);\n  }\n  ctx.restore();\n}\n"],"names":["renderCircleControl","ctx","left","top","styleOverride","fabricObject","xSize","this","sizeX","cornerSize","ySize","sizeY","transparentCorners","methodName","STROKE","FILL","stroke","cornerStrokeColor","size","myLeft","myTop","save","fillStyle","cornerColor","strokeStyle","scale","beginPath","arc","twoMathPi","restore","renderSquareControl","xSizeBy2","ySizeBy2","translate","angle","getTotalAngle","rotate","degreesToRadians","strokeRect"],"mappings":"wJAsCO,SAASA,EAEdC,EACAC,EACAC,EACAC,EACAC,GAEAD,EAAgBA,GAAiB,CAAA,EACjC,MAAME,EACFC,KAAKC,OAASJ,EAAcK,YAAcJ,EAAaI,WACzDC,EAAQH,KAAKI,OAASP,EAAcK,YAAcJ,EAAaI,WAC/DG,OAC8C,IAArCR,EAAcQ,mBACjBR,EAAcQ,mBACdP,EAAaO,mBACnBC,EAAaD,EAAqBE,EAASC,EAC3CC,GACGJ,IACAR,EAAca,mBAAqBZ,EAAaY,mBACrD,IAEEC,EAFEC,EAASjB,EACXkB,EAAQjB,EAEVF,EAAIoB,OACJpB,EAAIqB,UAAYlB,EAAcmB,aAAelB,EAAakB,aAAe,GACzEtB,EAAIuB,YACFpB,EAAca,mBAAqBZ,EAAaY,mBAAqB,GAEnEX,EAAQI,GACVQ,EAAOZ,EACPL,EAAIwB,MAAM,EAAKf,EAAQJ,GACvBc,EAASjB,EAAMG,EAASI,GACfA,EAAQJ,GACjBY,EAAOR,EACPT,EAAIwB,MAAMnB,EAAQI,EAAO,GACzBS,EAAUjB,EAAOQ,EAASJ,GAE1BY,EAAOZ,EAETL,EAAIyB,YACJzB,EAAI0B,IAAIR,EAAQC,EAAOF,EAAO,EAAG,EAAGU,GAAW,GAC/C3B,EAAIY,KACAG,GACFf,EAAIe,SAENf,EAAI4B,SACN,CAaO,SAASC,EAEd7B,EACAC,EACAC,EACAC,EACAC,GAEAD,EAAgBA,GAAiB,CAAA,EACjC,MAAME,EACFC,KAAKC,OAASJ,EAAcK,YAAcJ,EAAaI,WACzDC,EAAQH,KAAKI,OAASP,EAAcK,YAAcJ,EAAaI,WAC/DG,OAC8C,IAArCR,EAAcQ,mBACjBR,EAAcQ,mBACdP,EAAaO,mBACnBC,EAAaD,EAAqBE,EAASC,EAC3CC,GACGJ,IACAR,EAAca,mBAAqBZ,EAAaY,mBACnDc,EAAWzB,EAAQ,EACnB0B,EAAWtB,EAAQ,EACrBT,EAAIoB,OACJpB,EAAIqB,UAAYlB,EAAcmB,aAAelB,EAAakB,aAAe,GACzEtB,EAAIuB,YACFpB,EAAca,mBAAqBZ,EAAaY,mBAAqB,GACvEhB,EAAIgC,UAAU/B,EAAMC,GAEpB,MAAM+B,EAAQ7B,EAAa8B,gBAC3BlC,EAAImC,OAAOC,EAAiBH,IAI5BjC,EAAI,GAAGY,UAAmBkB,GAAWC,EAAU1B,EAAOI,GAClDM,GACFf,EAAIqC,YAAYP,GAAWC,EAAU1B,EAAOI,GAE9CT,EAAI4B,SACN"}

package/dist/src/controls/controlRendering.mjs

@@ -0,0 +1,87 @@
+import { STROKE, FILL, twoMathPi } from '../constants.mjs';
+import { degreesToRadians } from '../util/misc/radiansDegreesConversion.mjs';
+
+/**
+ * Render a round control, as per fabric features.
+ * This function is written to respect object properties like transparentCorners, cornerSize
+ * cornerColor, cornerStrokeColor
+ * plus the addition of offsetY and offsetX.
+ * @param {CanvasRenderingContext2D} ctx context to render on
+ * @param {Number} left x coordinate where the control center should be
+ * @param {Number} top y coordinate where the control center should be
+ * @param {Object} styleOverride override for FabricObject controls style
+ * @param {FabricObject} fabricObject the fabric object for which we are rendering controls
+ */
+function renderCircleControl(ctx, left, top, styleOverride, fabricObject) {
+  styleOverride = styleOverride || {};
+  const xSize = this.sizeX || styleOverride.cornerSize || fabricObject.cornerSize,
+    ySize = this.sizeY || styleOverride.cornerSize || fabricObject.cornerSize,
+    transparentCorners = typeof styleOverride.transparentCorners !== 'undefined' ? styleOverride.transparentCorners : fabricObject.transparentCorners,
+    methodName = transparentCorners ? STROKE : FILL,
+    stroke = !transparentCorners && (styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor);
+  let myLeft = left,
+    myTop = top,
+    size;
+  ctx.save();
+  ctx.fillStyle = styleOverride.cornerColor || fabricObject.cornerColor || '';
+  ctx.strokeStyle = styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor || '';
+  // TODO: use proper ellipse code.
+  if (xSize > ySize) {
+    size = xSize;
+    ctx.scale(1.0, ySize / xSize);
+    myTop = top * xSize / ySize;
+  } else if (ySize > xSize) {
+    size = ySize;
+    ctx.scale(xSize / ySize, 1.0);
+    myLeft = left * ySize / xSize;
+  } else {
+    size = xSize;
+  }
+  ctx.beginPath();
+  ctx.arc(myLeft, myTop, size / 2, 0, twoMathPi, false);
+  ctx[methodName]();
+  if (stroke) {
+    ctx.stroke();
+  }
+  ctx.restore();
+}
+
+/**
+ * Render a square control, as per fabric features.
+ * This function is written to respect object properties like transparentCorners, cornerSize
+ * cornerColor, cornerStrokeColor
+ * plus the addition of offsetY and offsetX.
+ * @param {CanvasRenderingContext2D} ctx context to render on
+ * @param {Number} left x coordinate where the control center should be
+ * @param {Number} top y coordinate where the control center should be
+ * @param {Object} styleOverride override for FabricObject controls style
+ * @param {FabricObject} fabricObject the fabric object for which we are rendering controls
+ */
+function renderSquareControl(ctx, left, top, styleOverride, fabricObject) {
+  styleOverride = styleOverride || {};
+  const xSize = this.sizeX || styleOverride.cornerSize || fabricObject.cornerSize,
+    ySize = this.sizeY || styleOverride.cornerSize || fabricObject.cornerSize,
+    transparentCorners = typeof styleOverride.transparentCorners !== 'undefined' ? styleOverride.transparentCorners : fabricObject.transparentCorners,
+    methodName = transparentCorners ? STROKE : FILL,
+    stroke = !transparentCorners && (styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor),
+    xSizeBy2 = xSize / 2,
+    ySizeBy2 = ySize / 2;
+  ctx.save();
+  ctx.fillStyle = styleOverride.cornerColor || fabricObject.cornerColor || '';
+  ctx.strokeStyle = styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor || '';
+  ctx.translate(left, top);
+  //  angle is relative to canvas plane
+  const angle = fabricObject.getTotalAngle();
+  ctx.rotate(degreesToRadians(angle));
+  // this does not work, and fixed with ( && ) does not make sense.
+  // to have real transparent corners we need the controls on upperCanvas
+  // transparentCorners || ctx.clearRect(-xSizeBy2, -ySizeBy2, xSize, ySize);
+  ctx[`${methodName}Rect`](-xSizeBy2, -ySizeBy2, xSize, ySize);
+  if (stroke) {
+    ctx.strokeRect(-xSizeBy2, -ySizeBy2, xSize, ySize);
+  }
+  ctx.restore();
+}
+
+export { renderCircleControl, renderSquareControl };
+//# sourceMappingURL=controlRendering.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"controlRendering.mjs","sources":["../../../src/controls/controlRendering.ts"],"sourcesContent":["import { FILL, STROKE, twoMathPi } from '../constants';\nimport type { InteractiveFabricObject } from '../shapes/Object/InteractiveObject';\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\nimport type { Control } from './Control';\n\nexport type ControlRenderingStyleOverride = Partial<\n  Pick<\n    InteractiveFabricObject,\n    | 'cornerStyle'\n    | 'cornerSize'\n    | 'cornerColor'\n    | 'cornerStrokeColor'\n    | 'cornerDashArray'\n    | 'transparentCorners'\n  >\n>;\n\nexport type ControlRenderer<\n  O extends InteractiveFabricObject = InteractiveFabricObject,\n> = (\n  ctx: CanvasRenderingContext2D,\n  left: number,\n  top: number,\n  styleOverride: ControlRenderingStyleOverride,\n  fabricObject: O,\n) => void;\n\n/**\n * Render a round control, as per fabric features.\n * This function is written to respect object properties like transparentCorners, cornerSize\n * cornerColor, cornerStrokeColor\n * plus the addition of offsetY and offsetX.\n * @param {CanvasRenderingContext2D} ctx context to render on\n * @param {Number} left x coordinate where the control center should be\n * @param {Number} top y coordinate where the control center should be\n * @param {Object} styleOverride override for FabricObject controls style\n * @param {FabricObject} fabricObject the fabric object for which we are rendering controls\n */\nexport function renderCircleControl(\n  this: Control,\n  ctx: CanvasRenderingContext2D,\n  left: number,\n  top: number,\n  styleOverride: ControlRenderingStyleOverride,\n  fabricObject: InteractiveFabricObject,\n) {\n  styleOverride = styleOverride || {};\n  const xSize =\n      this.sizeX || styleOverride.cornerSize || fabricObject.cornerSize,\n    ySize = this.sizeY || styleOverride.cornerSize || fabricObject.cornerSize,\n    transparentCorners =\n      typeof styleOverride.transparentCorners !== 'undefined'\n        ? styleOverride.transparentCorners\n        : fabricObject.transparentCorners,\n    methodName = transparentCorners ? STROKE : FILL,\n    stroke =\n      !transparentCorners &&\n      (styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor);\n  let myLeft = left,\n    myTop = top,\n    size;\n  ctx.save();\n  ctx.fillStyle = styleOverride.cornerColor || fabricObject.cornerColor || '';\n  ctx.strokeStyle =\n    styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor || '';\n  // TODO: use proper ellipse code.\n  if (xSize > ySize) {\n    size = xSize;\n    ctx.scale(1.0, ySize / xSize);\n    myTop = (top * xSize) / ySize;\n  } else if (ySize > xSize) {\n    size = ySize;\n    ctx.scale(xSize / ySize, 1.0);\n    myLeft = (left * ySize) / xSize;\n  } else {\n    size = xSize;\n  }\n  ctx.beginPath();\n  ctx.arc(myLeft, myTop, size / 2, 0, twoMathPi, false);\n  ctx[methodName]();\n  if (stroke) {\n    ctx.stroke();\n  }\n  ctx.restore();\n}\n\n/**\n * Render a square control, as per fabric features.\n * This function is written to respect object properties like transparentCorners, cornerSize\n * cornerColor, cornerStrokeColor\n * plus the addition of offsetY and offsetX.\n * @param {CanvasRenderingContext2D} ctx context to render on\n * @param {Number} left x coordinate where the control center should be\n * @param {Number} top y coordinate where the control center should be\n * @param {Object} styleOverride override for FabricObject controls style\n * @param {FabricObject} fabricObject the fabric object for which we are rendering controls\n */\nexport function renderSquareControl(\n  this: Control,\n  ctx: CanvasRenderingContext2D,\n  left: number,\n  top: number,\n  styleOverride: ControlRenderingStyleOverride,\n  fabricObject: InteractiveFabricObject,\n) {\n  styleOverride = styleOverride || {};\n  const xSize =\n      this.sizeX || styleOverride.cornerSize || fabricObject.cornerSize,\n    ySize = this.sizeY || styleOverride.cornerSize || fabricObject.cornerSize,\n    transparentCorners =\n      typeof styleOverride.transparentCorners !== 'undefined'\n        ? styleOverride.transparentCorners\n        : fabricObject.transparentCorners,\n    methodName = transparentCorners ? STROKE : FILL,\n    stroke =\n      !transparentCorners &&\n      (styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor),\n    xSizeBy2 = xSize / 2,\n    ySizeBy2 = ySize / 2;\n  ctx.save();\n  ctx.fillStyle = styleOverride.cornerColor || fabricObject.cornerColor || '';\n  ctx.strokeStyle =\n    styleOverride.cornerStrokeColor || fabricObject.cornerStrokeColor || '';\n  ctx.translate(left, top);\n  //  angle is relative to canvas plane\n  const angle = fabricObject.getTotalAngle();\n  ctx.rotate(degreesToRadians(angle));\n  // this does not work, and fixed with ( && ) does not make sense.\n  // to have real transparent corners we need the controls on upperCanvas\n  // transparentCorners || ctx.clearRect(-xSizeBy2, -ySizeBy2, xSize, ySize);\n  ctx[`${methodName}Rect`](-xSizeBy2, -ySizeBy2, xSize, ySize);\n  if (stroke) {\n    ctx.strokeRect(-xSizeBy2, -ySizeBy2, xSize, ySize);\n  }\n  ctx.restore();\n}\n"],"names":["renderCircleControl","ctx","left","top","styleOverride","fabricObject","xSize","sizeX","cornerSize","ySize","sizeY","transparentCorners","methodName","STROKE","FILL","stroke","cornerStrokeColor","myLeft","myTop","size","save","fillStyle","cornerColor","strokeStyle","scale","beginPath","arc","twoMathPi","restore","renderSquareControl","xSizeBy2","ySizeBy2","translate","angle","getTotalAngle","rotate","degreesToRadians","strokeRect"],"mappings":"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"}

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

@@ -0,0 +1,12 @@
+import type { TransformActionHandler } from '../EventTypeDefs';
+/**
+ * Action handler
+ * @private
+ * @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 the translation occurred
+ */
+export declare const dragHandler: TransformActionHandler;
+//# sourceMappingURL=drag.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drag.d.ts","sourceRoot":"","sources":["../../../src/controls/drag.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAK/D;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW,EAAE,sBAiBzB,CAAC"}

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

@@ -0,0 +1,2 @@
+import{LEFT as t,TOP as o,MOVING as e}from"../constants.min.mjs";import{fireEvent as m}from"./fireEvent.min.mjs";import{isLocked as n,commonEventInfo as r}from"./util.min.mjs";const s=(s,f,i,c)=>{const{target:p,offsetX:l,offsetY:j}=f,v=i-l,a=c-j,k=!n(p,"lockMovementX")&&p.left!==v,u=!n(p,"lockMovementY")&&p.top!==a;return k&&p.set(t,v),u&&p.set(o,a),(k||u)&&m(e,r(s,f,i,c)),k||u};export{s as dragHandler};
+//# sourceMappingURL=drag.min.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drag.min.mjs","sources":["../../../src/controls/drag.ts"],"sourcesContent":["import type { TransformActionHandler } from '../EventTypeDefs';\nimport { LEFT, TOP, MOVING } from '../constants';\nimport { fireEvent } from './fireEvent';\nimport { commonEventInfo, isLocked } from './util';\n\n/**\n * Action handler\n * @private\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 the translation occurred\n */\nexport const dragHandler: TransformActionHandler = (\n  eventData,\n  transform,\n  x,\n  y,\n) => {\n  const { target, offsetX, offsetY } = transform,\n    newLeft = x - offsetX,\n    newTop = y - offsetY,\n    moveX = !isLocked(target, 'lockMovementX') && target.left !== newLeft,\n    moveY = !isLocked(target, 'lockMovementY') && target.top !== newTop;\n  moveX && target.set(LEFT, newLeft);\n  moveY && target.set(TOP, newTop);\n  if (moveX || moveY) {\n    fireEvent(MOVING, commonEventInfo(eventData, transform, x, y));\n  }\n  return moveX || moveY;\n};\n"],"names":["dragHandler","eventData","transform","x","y","target","offsetX","offsetY","newLeft","newTop","moveX","isLocked","left","moveY","top","set","LEFT","TOP","fireEvent","MOVING","commonEventInfo"],"mappings":"gLAcO,MAAMA,EAAsCA,CACjDC,EACAC,EACAC,EACAC,KAEA,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,QAAEA,GAAYL,EACnCM,EAAUL,EAAIG,EACdG,EAASL,EAAIG,EACbG,GAASC,EAASN,EAAQ,kBAAoBA,EAAOO,OAASJ,EAC9DK,GAASF,EAASN,EAAQ,kBAAoBA,EAAOS,MAAQL,EAM/D,OALAC,GAASL,EAAOU,IAAIC,EAAMR,GAC1BK,GAASR,EAAOU,IAAIE,EAAKR,IACrBC,GAASG,IACXK,EAAUC,EAAQC,EAAgBnB,EAAWC,EAAWC,EAAGC,IAEtDM,GAASG"}

package/dist/src/controls/drag.mjs

@@ -0,0 +1,33 @@
+import { LEFT, TOP, MOVING } from '../constants.mjs';
+import { fireEvent } from './fireEvent.mjs';
+import { isLocked, commonEventInfo } from './util.mjs';
+
+/**
+ * Action handler
+ * @private
+ * @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 the translation occurred
+ */
+const dragHandler = (eventData, transform, x, y) => {
+  const {
+      target,
+      offsetX,
+      offsetY
+    } = transform,
+    newLeft = x - offsetX,
+    newTop = y - offsetY,
+    moveX = !isLocked(target, 'lockMovementX') && target.left !== newLeft,
+    moveY = !isLocked(target, 'lockMovementY') && target.top !== newTop;
+  moveX && target.set(LEFT, newLeft);
+  moveY && target.set(TOP, newTop);
+  if (moveX || moveY) {
+    fireEvent(MOVING, commonEventInfo(eventData, transform, x, y));
+  }
+  return moveX || moveY;
+};
+
+export { dragHandler };
+//# sourceMappingURL=drag.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drag.mjs","sources":["../../../src/controls/drag.ts"],"sourcesContent":["import type { TransformActionHandler } from '../EventTypeDefs';\nimport { LEFT, TOP, MOVING } from '../constants';\nimport { fireEvent } from './fireEvent';\nimport { commonEventInfo, isLocked } from './util';\n\n/**\n * Action handler\n * @private\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 the translation occurred\n */\nexport const dragHandler: TransformActionHandler = (\n  eventData,\n  transform,\n  x,\n  y,\n) => {\n  const { target, offsetX, offsetY } = transform,\n    newLeft = x - offsetX,\n    newTop = y - offsetY,\n    moveX = !isLocked(target, 'lockMovementX') && target.left !== newLeft,\n    moveY = !isLocked(target, 'lockMovementY') && target.top !== newTop;\n  moveX && target.set(LEFT, newLeft);\n  moveY && target.set(TOP, newTop);\n  if (moveX || moveY) {\n    fireEvent(MOVING, commonEventInfo(eventData, transform, x, y));\n  }\n  return moveX || moveY;\n};\n"],"names":["dragHandler","eventData","transform","x","y","target","offsetX","offsetY","newLeft","newTop","moveX","isLocked","left","moveY","top","set","LEFT","TOP","fireEvent","MOVING","commonEventInfo"],"mappings":";;;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,WAAmC,GAAGA,CACjDC,SAAS,EACTC,SAAS,EACTC,CAAC,EACDC,CAAC,KACE;EACH,MAAM;MAAEC,MAAM;MAAEC,OAAO;AAAEC,MAAAA;AAAQ,KAAC,GAAGL,SAAS;IAC5CM,OAAO,GAAGL,CAAC,GAAGG,OAAO;IACrBG,MAAM,GAAGL,CAAC,GAAGG,OAAO;AACpBG,IAAAA,KAAK,GAAG,CAACC,QAAQ,CAACN,MAAM,EAAE,eAAe,CAAC,IAAIA,MAAM,CAACO,IAAI,KAAKJ,OAAO;AACrEK,IAAAA,KAAK,GAAG,CAACF,QAAQ,CAACN,MAAM,EAAE,eAAe,CAAC,IAAIA,MAAM,CAACS,GAAG,KAAKL,MAAM;EACrEC,KAAK,IAAIL,MAAM,CAACU,GAAG,CAACC,IAAI,EAAER,OAAO,CAAC;EAClCK,KAAK,IAAIR,MAAM,CAACU,GAAG,CAACE,GAAG,EAAER,MAAM,CAAC;EAChC,IAAIC,KAAK,IAAIG,KAAK,EAAE;AAClBK,IAAAA,SAAS,CAACC,MAAM,EAAEC,eAAe,CAACnB,SAAS,EAAEC,SAAS,EAAEC,CAAC,EAAEC,CAAC,CAAC,CAAC;AAChE,EAAA;EACA,OAAOM,KAAK,IAAIG,KAAK;AACvB;;;;"}

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

@@ -0,0 +1,3 @@
+import type { ObjectModificationEvents, TModificationEvents } from '../EventTypeDefs';
+export declare const fireEvent: (eventName: TModificationEvents, options: ObjectModificationEvents[typeof eventName]) => void;
+//# sourceMappingURL=fireEvent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fireEvent.d.ts","sourceRoot":"","sources":["../../../src/controls/fireEvent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,wBAAwB,EACxB,mBAAmB,EACpB,MAAM,kBAAkB,CAAC;AAE1B,eAAO,MAAM,SAAS,GACpB,WAAW,mBAAmB,EAC9B,SAAS,wBAAwB,CAAC,OAAO,SAAS,CAAC,SAUpD,CAAC"}

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

@@ -0,0 +1,2 @@
+const t=(t,r)=>{var a;const{transform:{target:e}}=r;null===(a=e.canvas)||void 0===a||a.fire(`object:${t}`,{...r,target:e}),e.fire(t,r)};export{t as fireEvent};
+//# sourceMappingURL=fireEvent.min.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fireEvent.min.mjs","sources":["../../../src/controls/fireEvent.ts"],"sourcesContent":["import type {\n  ObjectModificationEvents,\n  TModificationEvents,\n} from '../EventTypeDefs';\n\nexport const fireEvent = (\n  eventName: TModificationEvents,\n  options: ObjectModificationEvents[typeof eventName],\n) => {\n  const {\n    transform: { target },\n  } = options;\n  target.canvas?.fire(`object:${eventName}`, {\n    ...options,\n    target,\n  });\n  target.fire(eventName, options);\n};\n"],"names":["fireEvent","eventName","options","_target$canvas","transform","target","canvas","fire"],"mappings":"MAKaA,EAAYA,CACvBC,EACAC,KACG,IAAAC,EACH,MACEC,WAAWC,OAAEA,IACXH,EACS,QAAbC,EAAAE,EAAOC,cAAM,IAAAH,GAAbA,EAAeI,KAAK,UAAUN,IAAa,IACtCC,EACHG,WAEFA,EAAOE,KAAKN,EAAWC"}

package/dist/src/controls/fireEvent.mjs

@@ -0,0 +1,16 @@
+const fireEvent = (eventName, options) => {
+  var _target$canvas;
+  const {
+    transform: {
+      target
+    }
+  } = options;
+  (_target$canvas = target.canvas) === null || _target$canvas === void 0 || _target$canvas.fire(`object:${eventName}`, {
+    ...options,
+    target
+  });
+  target.fire(eventName, options);
+};
+
+export { fireEvent };
+//# sourceMappingURL=fireEvent.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fireEvent.mjs","sources":["../../../src/controls/fireEvent.ts"],"sourcesContent":["import type {\n  ObjectModificationEvents,\n  TModificationEvents,\n} from '../EventTypeDefs';\n\nexport const fireEvent = (\n  eventName: TModificationEvents,\n  options: ObjectModificationEvents[typeof eventName],\n) => {\n  const {\n    transform: { target },\n  } = options;\n  target.canvas?.fire(`object:${eventName}`, {\n    ...options,\n    target,\n  });\n  target.fire(eventName, options);\n};\n"],"names":["fireEvent","eventName","options","_target$canvas","transform","target","canvas","fire"],"mappings":"MAKaA,SAAS,GAAGA,CACvBC,SAA8B,EAC9BC,OAAmD,KAChD;AAAA,EAAA,IAAAC,cAAA;EACH,MAAM;AACJC,IAAAA,SAAS,EAAE;AAAEC,MAAAA;AAAO;AACtB,GAAC,GAAGH,OAAO;AACX,EAAA,CAAAC,cAAA,GAAAE,MAAM,CAACC,MAAM,MAAA,IAAA,IAAAH,cAAA,KAAA,MAAA,IAAbA,cAAA,CAAeI,IAAI,CAAC,CAAA,OAAA,EAAUN,SAAS,EAAE,EAAE;AACzC,IAAA,GAAGC,OAAO;AACVG,IAAAA;AACF,GAAC,CAAC;AACFA,EAAAA,MAAM,CAACE,IAAI,CAACN,SAAS,EAAEC,OAAO,CAAC;AACjC;;;;"}

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

@@ -0,0 +1,14 @@
+export { changeWidth } from './changeWidth';
+export { renderCircleControl, renderSquareControl } from './controlRendering';
+export * from './commonControls';
+export { dragHandler } from './drag';
+export * from './polyControl';
+export { rotationStyleHandler, rotationWithSnapping } from './rotate';
+export { scaleCursorStyleHandler, scalingEqually, scalingX, scalingY, } from './scale';
+export { scaleOrSkewActionName, scaleSkewCursorStyleHandler, scalingXOrSkewingY, scalingYOrSkewingX, } from './scaleSkew';
+export { skewCursorStyleHandler, skewHandlerX, skewHandlerY } from './skew';
+export { getLocalPoint } from './util';
+export { wrapWithFireEvent } from './wrapWithFireEvent';
+export { wrapWithFixedAnchor } from './wrapWithFixedAnchor';
+export * from './pathControl';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/controls/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC9E,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AACtE,OAAO,EACL,uBAAuB,EACvB,cAAc,EACd,QAAQ,EACR,QAAQ,GACT,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,qBAAqB,EACrB,2BAA2B,EAC3B,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,sBAAsB,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,cAAc,eAAe,CAAC"}

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

@@ -0,0 +1,2 @@
+export{changeWidth}from"./changeWidth.min.mjs";export{renderCircleControl,renderSquareControl}from"./controlRendering.min.mjs";export{createObjectDefaultControls,createResizeControls,createTextboxDefaultControls}from"./commonControls.min.mjs";export{dragHandler}from"./drag.min.mjs";export{createPolyActionHandler,createPolyControls,createPolyPositionHandler,factoryPolyActionHandler,polyActionHandler}from"./polyControl.min.mjs";export{rotationStyleHandler,rotationWithSnapping}from"./rotate.min.mjs";export{scaleCursorStyleHandler,scalingEqually,scalingX,scalingY}from"./scale.min.mjs";export{scaleOrSkewActionName,scaleSkewCursorStyleHandler,scalingXOrSkewingY,scalingYOrSkewingX}from"./scaleSkew.min.mjs";export{skewCursorStyleHandler,skewHandlerX,skewHandlerY}from"./skew.min.mjs";export{getLocalPoint}from"./util.min.mjs";export{wrapWithFireEvent}from"./wrapWithFireEvent.min.mjs";export{wrapWithFixedAnchor}from"./wrapWithFixedAnchor.min.mjs";export{createPathControls}from"./pathControl.min.mjs";
+//# sourceMappingURL=index.min.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.min.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/controls/index.mjs

@@ -0,0 +1,14 @@
+export { changeWidth } from './changeWidth.mjs';
+export { renderCircleControl, renderSquareControl } from './controlRendering.mjs';
+export { createObjectDefaultControls, createResizeControls, createTextboxDefaultControls } from './commonControls.mjs';
+export { dragHandler } from './drag.mjs';
+export { createPolyActionHandler, createPolyControls, createPolyPositionHandler, factoryPolyActionHandler, polyActionHandler } from './polyControl.mjs';
+export { rotationStyleHandler, rotationWithSnapping } from './rotate.mjs';
+export { scaleCursorStyleHandler, scalingEqually, scalingX, scalingY } from './scale.mjs';
+export { scaleOrSkewActionName, scaleSkewCursorStyleHandler, scalingXOrSkewingY, scalingYOrSkewingX } from './scaleSkew.mjs';
+export { skewCursorStyleHandler, skewHandlerX, skewHandlerY } from './skew.mjs';
+export { getLocalPoint } from './util.mjs';
+export { wrapWithFireEvent } from './wrapWithFireEvent.mjs';
+export { wrapWithFixedAnchor } from './wrapWithFixedAnchor.mjs';
+export { createPathControls } from './pathControl.mjs';
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

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

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

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

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

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

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