@nasser-sw/fabric 7.0.1-beta17 → 7.0.1-beta19

package/dist/package.json.min.mjs

@@ -1,2 +1,2 @@
-var a="7.0.1-beta16";export{a as version};
+var a="7.0.1-beta19";export{a as version};
 //# sourceMappingURL=package.json.min.mjs.map

package/dist/package.json.mjs

@@ -1,4 +1,4 @@
-var version = "7.0.1-beta16";
+var version = "7.0.1-beta19";
 
 export { version };
 //# sourceMappingURL=package.json.mjs.map

package/dist/src/LayoutManager/LayoutStrategies/FrameLayout.d.ts

@@ -0,0 +1,31 @@
+import { Point } from '../../Point';
+import type { FabricObject } from '../../shapes/Object/FabricObject';
+import { LayoutStrategy } from './LayoutStrategy';
+import type { LayoutStrategyResult, StrictLayoutContext } from '../types';
+/**
+ * FrameLayout is a layout strategy that maintains fixed dimensions
+ * regardless of the content inside the group.
+ *
+ * This is essential for Frame objects where:
+ * - The frame size should never change when images are added/removed
+ * - Content is clipped to the frame boundaries
+ * - The frame acts as a container with fixed dimensions
+ */
+export declare class FrameLayout extends LayoutStrategy {
+    static readonly type = "frame-layout";
+    /**
+     * Override to prevent layout recalculation on content changes.
+     * Only perform layout during initialization or imperative calls.
+     */
+    shouldPerformLayout({ type }: StrictLayoutContext): boolean;
+    /**
+     * Calculate the bounding box for frame objects.
+     * Returns the fixed frame dimensions instead of calculating from contents.
+     */
+    calcBoundingBox(objects: FabricObject[], context: StrictLayoutContext): LayoutStrategyResult | undefined;
+    /**
+     * Override to always return fixed frame dimensions during initialization.
+     */
+    getInitialSize(context: StrictLayoutContext, result: Pick<LayoutStrategyResult, 'center' | 'size'>): Point;
+}
+//# sourceMappingURL=FrameLayout.d.ts.map

package/dist/src/LayoutManager/LayoutStrategies/FrameLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrameLayout.d.ts","sourceRoot":"","sources":["../../../../src/LayoutManager/LayoutStrategies/FrameLayout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAErE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAAK,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAG1E;;;;;;;;GAQG;AACH,qBAAa,WAAY,SAAQ,cAAc;IAC7C,MAAM,CAAC,QAAQ,CAAC,IAAI,kBAAkB;IAEtC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,IAAI,EAAE,EAAE,mBAAmB,GAAG,OAAO;IAM3D;;;OAGG;IACH,eAAe,CACb,OAAO,EAAE,YAAY,EAAE,EACvB,OAAO,EAAE,mBAAmB,GAC3B,oBAAoB,GAAG,SAAS;IA6BnC;;OAEG;IACH,cAAc,CACZ,OAAO,EAAE,mBAAmB,EAC5B,MAAM,EAAE,IAAI,CAAC,oBAAoB,EAAE,QAAQ,GAAG,MAAM,CAAC,GACpD,KAAK;CAMT"}

package/dist/src/LayoutManager/LayoutStrategies/FrameLayout.min.mjs

@@ -0,0 +1,2 @@
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.min.mjs";import{Point as t}from"../../Point.min.mjs";import{classRegistry as r}from"../../ClassRegistry.min.mjs";import{LayoutStrategy as i}from"./LayoutStrategy.min.mjs";import{LAYOUT_TYPE_INITIALIZATION as n}from"../constants.min.mjs";class o extends i{shouldPerformLayout(e){let{type:t}=e;return t===n}calcBoundingBox(e,r){var i,o,l,m;const{type:a,target:s}=r,u=null!==(i=null!==(o=s.frameWidth)&&void 0!==o?o:s.width)&&void 0!==i?i:200,d=null!==(l=null!==(m=s.frameHeight)&&void 0!==m?m:s.height)&&void 0!==l?l:200,f=new t(u,d);if(a===n){return{center:new t(0,0),size:f,relativeCorrection:new t(0,0)}}return{center:s.getRelativeCenterPoint(),size:f}}getInitialSize(e,r){var i,n,o,l;const{target:m}=e,a=null!==(i=null!==(n=m.frameWidth)&&void 0!==n?n:m.width)&&void 0!==i?i:200,s=null!==(o=null!==(l=m.frameHeight)&&void 0!==l?l:m.height)&&void 0!==o?o:200;return new t(a,s)}}e(o,"type","frame-layout"),r.setClass(o);export{o as FrameLayout};
+//# sourceMappingURL=FrameLayout.min.mjs.map

package/dist/src/LayoutManager/LayoutStrategies/FrameLayout.min.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrameLayout.min.mjs","sources":["../../../../src/LayoutManager/LayoutStrategies/FrameLayout.ts"],"sourcesContent":["import { Point } from '../../Point';\r\nimport type { FabricObject } from '../../shapes/Object/FabricObject';\r\nimport { classRegistry } from '../../ClassRegistry';\r\nimport { LayoutStrategy } from './LayoutStrategy';\r\nimport type { LayoutStrategyResult, StrictLayoutContext } from '../types';\r\nimport { LAYOUT_TYPE_INITIALIZATION } from '../constants';\r\n\r\n/**\r\n * FrameLayout is a layout strategy that maintains fixed dimensions\r\n * regardless of the content inside the group.\r\n *\r\n * This is essential for Frame objects where:\r\n * - The frame size should never change when images are added/removed\r\n * - Content is clipped to the frame boundaries\r\n * - The frame acts as a container with fixed dimensions\r\n */\r\nexport class FrameLayout extends LayoutStrategy {\r\n  static readonly type = 'frame-layout';\r\n\r\n  /**\r\n   * Override to prevent layout recalculation on content changes.\r\n   * Only perform layout during initialization or imperative calls.\r\n   */\r\n  shouldPerformLayout({ type }: StrictLayoutContext): boolean {\r\n    // Only perform layout during initialization\r\n    // After that, the frame maintains its fixed size\r\n    return type === LAYOUT_TYPE_INITIALIZATION;\r\n  }\r\n\r\n  /**\r\n   * Calculate the bounding box for frame objects.\r\n   * Returns the fixed frame dimensions instead of calculating from contents.\r\n   */\r\n  calcBoundingBox(\r\n    objects: FabricObject[],\r\n    context: StrictLayoutContext\r\n  ): LayoutStrategyResult | undefined {\r\n    const { type, target } = context;\r\n\r\n    // Get fixed dimensions from frame properties\r\n    const frameWidth = (target as any).frameWidth ?? target.width ?? 200;\r\n    const frameHeight = (target as any).frameHeight ?? target.height ?? 200;\r\n\r\n    const size = new Point(frameWidth, frameHeight);\r\n\r\n    if (type === LAYOUT_TYPE_INITIALIZATION) {\r\n      // During initialization, use the frame's position or calculate center\r\n      const center = new Point(0, 0);\r\n\r\n      return {\r\n        center,\r\n        size,\r\n        relativeCorrection: new Point(0, 0),\r\n      };\r\n    }\r\n\r\n    // For any other layout triggers, return the fixed size\r\n    // This shouldn't normally be called due to shouldPerformLayout override\r\n    const center = target.getRelativeCenterPoint();\r\n    return {\r\n      center,\r\n      size,\r\n    };\r\n  }\r\n\r\n  /**\r\n   * Override to always return fixed frame dimensions during initialization.\r\n   */\r\n  getInitialSize(\r\n    context: StrictLayoutContext,\r\n    result: Pick<LayoutStrategyResult, 'center' | 'size'>\r\n  ): Point {\r\n    const { target } = context;\r\n    const frameWidth = (target as any).frameWidth ?? target.width ?? 200;\r\n    const frameHeight = (target as any).frameHeight ?? target.height ?? 200;\r\n    return new Point(frameWidth, frameHeight);\r\n  }\r\n}\r\n\r\nclassRegistry.setClass(FrameLayout);\r\n"],"names":["FrameLayout","LayoutStrategy","shouldPerformLayout","_ref","type","LAYOUT_TYPE_INITIALIZATION","calcBoundingBox","objects","context","_ref2","_frameWidth","_ref3","_frameHeight","target","frameWidth","width","frameHeight","height","size","Point","center","relativeCorrection","getRelativeCenterPoint","getInitialSize","result","_ref4","_frameWidth2","_ref5","_frameHeight2","_defineProperty","classRegistry","setClass"],"mappings":"yTAgBO,MAAMA,UAAoBC,EAO/BC,mBAAAA,CAAmBC,GAAyC,IAAxCC,KAAEA,GAA2BD,EAG/C,OAAOC,IAASC,CAClB,CAMAC,eAAAA,CACEC,EACAC,GACkC,IAAAC,EAAAC,EAAAC,EAAAC,EAClC,MAAMR,KAAEA,EAAIS,OAAEA,GAAWL,EAGnBM,UAAUL,EAA6B,QAA7BC,EAAIG,EAAeC,sBAAUJ,EAAAA,EAAIG,EAAOE,aAAK,IAAAN,EAAAA,EAAI,IAC3DO,UAAWL,EAA8B,QAA9BC,EAAIC,EAAeG,uBAAWJ,EAAAA,EAAIC,EAAOI,cAAM,IAAAN,EAAAA,EAAI,IAE9DO,EAAO,IAAIC,EAAML,EAAYE,GAEnC,GAAIZ,IAASC,EAA4B,CAIvC,MAAO,CACLe,OAHa,IAAID,EAAM,EAAG,GAI1BD,OACAG,mBAAoB,IAAIF,EAAM,EAAG,GAErC,CAKA,MAAO,CACLC,OAFaP,EAAOS,yBAGpBJ,OAEJ,CAKAK,cAAAA,CACEf,EACAgB,GACO,IAAAC,EAAAC,EAAAC,EAAAC,EACP,MAAMf,OAAEA,GAAWL,EACbM,UAAUW,EAA6B,QAA7BC,EAAIb,EAAeC,sBAAUY,EAAAA,EAAIb,EAAOE,aAAK,IAAAU,EAAAA,EAAI,IAC3DT,UAAWW,EAA8B,QAA9BC,EAAIf,EAAeG,uBAAWY,EAAAA,EAAIf,EAAOI,cAAM,IAAAU,EAAAA,EAAI,IACpE,OAAO,IAAIR,EAAML,EAAYE,EAC/B,EACDa,EA7DY7B,EAAW,OACC,gBA8DzB8B,EAAcC,SAAS/B"}

package/dist/src/LayoutManager/LayoutStrategies/FrameLayout.mjs

@@ -0,0 +1,81 @@
+import { defineProperty as _defineProperty } from '../../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { Point } from '../../Point.mjs';
+import { classRegistry } from '../../ClassRegistry.mjs';
+import { LayoutStrategy } from './LayoutStrategy.mjs';
+import { LAYOUT_TYPE_INITIALIZATION } from '../constants.mjs';
+
+/**
+ * FrameLayout is a layout strategy that maintains fixed dimensions
+ * regardless of the content inside the group.
+ *
+ * This is essential for Frame objects where:
+ * - The frame size should never change when images are added/removed
+ * - Content is clipped to the frame boundaries
+ * - The frame acts as a container with fixed dimensions
+ */
+class FrameLayout extends LayoutStrategy {
+  /**
+   * Override to prevent layout recalculation on content changes.
+   * Only perform layout during initialization or imperative calls.
+   */
+  shouldPerformLayout(_ref) {
+    let {
+      type
+    } = _ref;
+    // Only perform layout during initialization
+    // After that, the frame maintains its fixed size
+    return type === LAYOUT_TYPE_INITIALIZATION;
+  }
+
+  /**
+   * Calculate the bounding box for frame objects.
+   * Returns the fixed frame dimensions instead of calculating from contents.
+   */
+  calcBoundingBox(objects, context) {
+    var _ref2, _frameWidth, _ref3, _frameHeight;
+    const {
+      type,
+      target
+    } = context;
+
+    // Get fixed dimensions from frame properties
+    const frameWidth = (_ref2 = (_frameWidth = target.frameWidth) !== null && _frameWidth !== void 0 ? _frameWidth : target.width) !== null && _ref2 !== void 0 ? _ref2 : 200;
+    const frameHeight = (_ref3 = (_frameHeight = target.frameHeight) !== null && _frameHeight !== void 0 ? _frameHeight : target.height) !== null && _ref3 !== void 0 ? _ref3 : 200;
+    const size = new Point(frameWidth, frameHeight);
+    if (type === LAYOUT_TYPE_INITIALIZATION) {
+      // During initialization, use the frame's position or calculate center
+      const center = new Point(0, 0);
+      return {
+        center,
+        size,
+        relativeCorrection: new Point(0, 0)
+      };
+    }
+
+    // For any other layout triggers, return the fixed size
+    // This shouldn't normally be called due to shouldPerformLayout override
+    const center = target.getRelativeCenterPoint();
+    return {
+      center,
+      size
+    };
+  }
+
+  /**
+   * Override to always return fixed frame dimensions during initialization.
+   */
+  getInitialSize(context, result) {
+    var _ref4, _frameWidth2, _ref5, _frameHeight2;
+    const {
+      target
+    } = context;
+    const frameWidth = (_ref4 = (_frameWidth2 = target.frameWidth) !== null && _frameWidth2 !== void 0 ? _frameWidth2 : target.width) !== null && _ref4 !== void 0 ? _ref4 : 200;
+    const frameHeight = (_ref5 = (_frameHeight2 = target.frameHeight) !== null && _frameHeight2 !== void 0 ? _frameHeight2 : target.height) !== null && _ref5 !== void 0 ? _ref5 : 200;
+    return new Point(frameWidth, frameHeight);
+  }
+}
+_defineProperty(FrameLayout, "type", 'frame-layout');
+classRegistry.setClass(FrameLayout);
+
+export { FrameLayout };
+//# sourceMappingURL=FrameLayout.mjs.map

package/dist/src/LayoutManager/LayoutStrategies/FrameLayout.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrameLayout.mjs","sources":["../../../../src/LayoutManager/LayoutStrategies/FrameLayout.ts"],"sourcesContent":["import { Point } from '../../Point';\r\nimport type { FabricObject } from '../../shapes/Object/FabricObject';\r\nimport { classRegistry } from '../../ClassRegistry';\r\nimport { LayoutStrategy } from './LayoutStrategy';\r\nimport type { LayoutStrategyResult, StrictLayoutContext } from '../types';\r\nimport { LAYOUT_TYPE_INITIALIZATION } from '../constants';\r\n\r\n/**\r\n * FrameLayout is a layout strategy that maintains fixed dimensions\r\n * regardless of the content inside the group.\r\n *\r\n * This is essential for Frame objects where:\r\n * - The frame size should never change when images are added/removed\r\n * - Content is clipped to the frame boundaries\r\n * - The frame acts as a container with fixed dimensions\r\n */\r\nexport class FrameLayout extends LayoutStrategy {\r\n  static readonly type = 'frame-layout';\r\n\r\n  /**\r\n   * Override to prevent layout recalculation on content changes.\r\n   * Only perform layout during initialization or imperative calls.\r\n   */\r\n  shouldPerformLayout({ type }: StrictLayoutContext): boolean {\r\n    // Only perform layout during initialization\r\n    // After that, the frame maintains its fixed size\r\n    return type === LAYOUT_TYPE_INITIALIZATION;\r\n  }\r\n\r\n  /**\r\n   * Calculate the bounding box for frame objects.\r\n   * Returns the fixed frame dimensions instead of calculating from contents.\r\n   */\r\n  calcBoundingBox(\r\n    objects: FabricObject[],\r\n    context: StrictLayoutContext\r\n  ): LayoutStrategyResult | undefined {\r\n    const { type, target } = context;\r\n\r\n    // Get fixed dimensions from frame properties\r\n    const frameWidth = (target as any).frameWidth ?? target.width ?? 200;\r\n    const frameHeight = (target as any).frameHeight ?? target.height ?? 200;\r\n\r\n    const size = new Point(frameWidth, frameHeight);\r\n\r\n    if (type === LAYOUT_TYPE_INITIALIZATION) {\r\n      // During initialization, use the frame's position or calculate center\r\n      const center = new Point(0, 0);\r\n\r\n      return {\r\n        center,\r\n        size,\r\n        relativeCorrection: new Point(0, 0),\r\n      };\r\n    }\r\n\r\n    // For any other layout triggers, return the fixed size\r\n    // This shouldn't normally be called due to shouldPerformLayout override\r\n    const center = target.getRelativeCenterPoint();\r\n    return {\r\n      center,\r\n      size,\r\n    };\r\n  }\r\n\r\n  /**\r\n   * Override to always return fixed frame dimensions during initialization.\r\n   */\r\n  getInitialSize(\r\n    context: StrictLayoutContext,\r\n    result: Pick<LayoutStrategyResult, 'center' | 'size'>\r\n  ): Point {\r\n    const { target } = context;\r\n    const frameWidth = (target as any).frameWidth ?? target.width ?? 200;\r\n    const frameHeight = (target as any).frameHeight ?? target.height ?? 200;\r\n    return new Point(frameWidth, frameHeight);\r\n  }\r\n}\r\n\r\nclassRegistry.setClass(FrameLayout);\r\n"],"names":["FrameLayout","LayoutStrategy","shouldPerformLayout","_ref","type","LAYOUT_TYPE_INITIALIZATION","calcBoundingBox","objects","context","_ref2","_frameWidth","_ref3","_frameHeight","target","frameWidth","width","frameHeight","height","size","Point","center","relativeCorrection","getRelativeCenterPoint","getInitialSize","result","_ref4","_frameWidth2","_ref5","_frameHeight2","_defineProperty","classRegistry","setClass"],"mappings":";;;;;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,WAAW,SAASC,cAAc,CAAC;AAG9C;AACF;AACA;AACA;EACEC,mBAAmBA,CAAAC,IAAA,EAAyC;IAAA,IAAxC;AAAEC,MAAAA;AAA0B,KAAC,GAAAD,IAAA;AAC/C;AACA;IACA,OAAOC,IAAI,KAAKC,0BAA0B;AAC5C,EAAA;;AAEA;AACF;AACA;AACA;AACEC,EAAAA,eAAeA,CACbC,OAAuB,EACvBC,OAA4B,EACM;AAAA,IAAA,IAAAC,KAAA,EAAAC,WAAA,EAAAC,KAAA,EAAAC,YAAA;IAClC,MAAM;MAAER,IAAI;AAAES,MAAAA;AAAO,KAAC,GAAGL,OAAO;;AAEhC;IACA,MAAMM,UAAU,IAAAL,KAAA,GAAA,CAAAC,WAAA,GAAIG,MAAM,CAASC,UAAU,MAAA,IAAA,IAAAJ,WAAA,cAAAA,WAAA,GAAIG,MAAM,CAACE,KAAK,cAAAN,KAAA,KAAA,MAAA,GAAAA,KAAA,GAAI,GAAG;IACpE,MAAMO,WAAW,IAAAL,KAAA,GAAA,CAAAC,YAAA,GAAIC,MAAM,CAASG,WAAW,MAAA,IAAA,IAAAJ,YAAA,cAAAA,YAAA,GAAIC,MAAM,CAACI,MAAM,cAAAN,KAAA,KAAA,MAAA,GAAAA,KAAA,GAAI,GAAG;IAEvE,MAAMO,IAAI,GAAG,IAAIC,KAAK,CAACL,UAAU,EAAEE,WAAW,CAAC;IAE/C,IAAIZ,IAAI,KAAKC,0BAA0B,EAAE;AACvC;MACA,MAAMe,MAAM,GAAG,IAAID,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;MAE9B,OAAO;QACLC,MAAM;QACNF,IAAI;AACJG,QAAAA,kBAAkB,EAAE,IAAIF,KAAK,CAAC,CAAC,EAAE,CAAC;OACnC;AACH,IAAA;;AAEA;AACA;AACA,IAAA,MAAMC,MAAM,GAAGP,MAAM,CAACS,sBAAsB,EAAE;IAC9C,OAAO;MACLF,MAAM;AACNF,MAAAA;KACD;AACH,EAAA;;AAEA;AACF;AACA;AACEK,EAAAA,cAAcA,CACZf,OAA4B,EAC5BgB,MAAqD,EAC9C;AAAA,IAAA,IAAAC,KAAA,EAAAC,YAAA,EAAAC,KAAA,EAAAC,aAAA;IACP,MAAM;AAAEf,MAAAA;AAAO,KAAC,GAAGL,OAAO;IAC1B,MAAMM,UAAU,IAAAW,KAAA,GAAA,CAAAC,YAAA,GAAIb,MAAM,CAASC,UAAU,MAAA,IAAA,IAAAY,YAAA,cAAAA,YAAA,GAAIb,MAAM,CAACE,KAAK,cAAAU,KAAA,KAAA,MAAA,GAAAA,KAAA,GAAI,GAAG;IACpE,MAAMT,WAAW,IAAAW,KAAA,GAAA,CAAAC,aAAA,GAAIf,MAAM,CAASG,WAAW,MAAA,IAAA,IAAAY,aAAA,cAAAA,aAAA,GAAIf,MAAM,CAACI,MAAM,cAAAU,KAAA,KAAA,MAAA,GAAAA,KAAA,GAAI,GAAG;AACvE,IAAA,OAAO,IAAIR,KAAK,CAACL,UAAU,EAAEE,WAAW,CAAC;AAC3C,EAAA;AACF;AAACa,eAAA,CA7DY7B,WAAW,EAAA,MAAA,EACC,cAAc,CAAA;AA8DvC8B,aAAa,CAACC,QAAQ,CAAC/B,WAAW,CAAC;;;;"}

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

@@ -2,6 +2,7 @@ export * from './LayoutManager';
 export * from './LayoutStrategies/ClipPathLayout';
 export * from './LayoutStrategies/FitContentLayout';
 export * from './LayoutStrategies/FixedLayout';
+export * from './LayoutStrategies/FrameLayout';
 export * from './LayoutStrategies/LayoutStrategy';
 export type * from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/LayoutManager/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mCAAmC,CAAC;AAClD,mBAAmB,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/LayoutManager/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mCAAmC,CAAC;AAClD,mBAAmB,SAAS,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Control.d.ts","sourceRoot":"","sources":["../../../src/controls/Control.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Control.d.ts","sourceRoot":"","sources":["../../../src/controls/Control.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,oBAAoB,EACpB,aAAa,EACb,sBAAsB,EACvB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,OAAO,KAAK,EACV,uBAAuB,EACvB,OAAO,EACR,MAAM,oCAAoC,CAAC;AAC5C,OAAO,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAOjE,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,oBAAoB,CAAC;AAQxE,qBAAa,OAAO;IAClB;;;;;;;OAOG;IACH,OAAO,UAAQ;IAEf;;;;;;;;;;OAUG;IACH,UAAU,SAAS;IAEnB;;;;;;OAMG;IACH,KAAK,SAAK;IAEV;;;;;;OAMG;IACH,CAAC,SAAK;IAEN;;;;;;OAMG;IACH,CAAC,SAAK;IAEN;;;;;;;;;;;OAWG;IACH,OAAO,SAAK;IAEZ;;;;;OAKG;IACH,OAAO,SAAK;IAEZ;;;;;OAKG;IACH,KAAK,SAAK;IAEV;;;;;OAKG;IACH,KAAK,SAAK;IAEV;;;;;OAKG;IACH,UAAU,SAAK;IAEf;;;;;OAKG;IACH,UAAU,SAAK;IAEf;;;;;OAKG;IACH,WAAW,SAAe;IAE1B;;;;;OAKG;IACH,cAAc,UAAS;gBAEX,OAAO,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC;IAItC;;;;;;;OAOG;IACK,aAAa,EAAE,sBAAsB,CAAC;IAE9C;;;;;;;OAOG;IACK,gBAAgB,CAAC,EAAE,oBAAoB,CAAC;IAEhD;;;;;;;OAOG;IACK,cAAc,CAAC,EAAE,oBAAoB,CAAC;IAE9C,cAAc,CACZ,UAAU,EAAE,MAAM,EAClB,YAAY,EAAE,uBAAuB,EACrC,OAAO,EAAE,KAAK,EACd,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,YAAY;IAUlC;;;;;;OAMG;IACH,gBAAgB,CACd,SAAS,EAAE,aAAa,EACxB,YAAY,EAAE,uBAAuB,EACrC,OAAO,EAAE,OAAO,GACf,sBAAsB,GAAG,SAAS;IAIrC;;;;;;OAMG;IACH,mBAAmB,CACjB,SAAS,EAAE,aAAa,EACxB,YAAY,EAAE,uBAAuB,EACrC,OAAO,EAAE,OAAO,GACf,oBAAoB,GAAG,SAAS;IAInC;;;;;;;OAOG;IACH,iBAAiB,CACf,SAAS,EAAE,aAAa,EACxB,YAAY,EAAE,uBAAuB,EACrC,OAAO,EAAE,OAAO,GACf,oBAAoB,GAAG,SAAS;IAInC;;;;;;;;OAQG;IACH,kBAAkB,CAChB,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,uBAAuB,EACrC,KAAK,EAAE,OAAO;IAKhB;;;;;;OAMG;IACH,aAAa,CACX,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,uBAAuB;IAKvC;;;;;OAKG;IACH,aAAa,CAAC,YAAY,EAAE,uBAAuB,EAAE,UAAU,EAAE,MAAM;IAIvE;;;;OAIG;IACH,aAAa,CACX,UAAU,EAAE,OAAO,EACnB,IAAI,CAAC,EAAE,MAAM,EACb,YAAY,CAAC,EAAE,uBAAuB;IAKxC,eAAe,CACb,GAAG,EAAE,KAAK,EACV,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,uBAAuB,EACrC,cAAc,EAAE,OAAO;IAQzB;;;;;;;;OAQG;IACH,gBAAgB,CACd,KAAK,EAAE,OAAO,EACd,gBAAgB,EAAE,MAAM,EACxB,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,uBAAuB;;;;;;IAkBvC;;;;;;;;;;;OAWG;IACH,MAAM,CACJ,GAAG,EAAE,wBAAwB,EAC7B,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,EACX,aAAa,EAAE,6BAA6B,GAAG,SAAS,EACxD,YAAY,EAAE,uBAAuB;CA2DxC"}

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

@@ -1,2 +1,2 @@
-import{defineProperty as t}from"../../_virtual/_rollupPluginBabelHelpers.min.mjs";import{Intersection as i}from"../Intersection.min.mjs";import{Point as r}from"../Point.min.mjs";import{SCALE as s}from"../constants.min.mjs";import{multiplyTransformMatrixArray as e,createTranslateMatrix as o,createRotateMatrix as n,createScaleMatrix as l}from"../util/misc/matrix.min.mjs";import{renderSquareControl as a,renderCircleControl as c}from"./controlRendering.min.mjs";class h{constructor(i){t(this,"visible",!0),t(this,"actionName",s),t(this,"angle",0),t(this,"x",0),t(this,"y",0),t(this,"offsetX",0),t(this,"offsetY",0),t(this,"sizeX",0),t(this,"sizeY",0),t(this,"touchSizeX",0),t(this,"touchSizeY",0),t(this,"cursorStyle","crosshair"),t(this,"withConnection",!1),Object.assign(this,i)}shouldActivate(t,r,s,e){var o;let{tl:n,tr:l,br:a,bl:c}=e;return(null===(o=r.canvas)||void 0===o?void 0:o.getActiveObject())===r&&r.isControlVisible(t)&&i.isPointInPolygon(s,[n,l,a,c])}getActionHandler(t,i,r){return this.actionHandler}getMouseDownHandler(t,i,r){return this.mouseDownHandler}getMouseUpHandler(t,i,r){return this.mouseUpHandler}cursorStyleHandler(t,i,r,s){return i.cursorStyle}getActionName(t,i,r){return i.actionName}getVisibility(t,i){var r,s;return null!==(r=null===(s=t._controlsVisibility)||void 0===s?void 0:s[i])&&void 0!==r?r:this.visible}setVisibility(t,i,r){this.visible=t}positionHandler(t,i,s,e){return new r(this.x*t.x+this.offsetX,this.y*t.y+this.offsetY).transform(i)}calcCornerCoords(t,i,s,a,c,h){const m=e([o(s,a),n({angle:t}),l((c?this.touchSizeX:this.sizeX)||i,(c?this.touchSizeY:this.sizeY)||i)]);return{tl:new r(-.5,-.5).transform(m),tr:new r(.5,-.5).transform(m),br:new r(.5,.5).transform(m),bl:new r(-.5,.5).transform(m)}}render(t,i,r,s,e){if("circle"===((s=s||{}).cornerStyle||e.cornerStyle))c.call(this,t,i,r,s,e);else a.call(this,t,i,r,s,e)}}export{h as Control};
+import{defineProperty as t}from"../../_virtual/_rollupPluginBabelHelpers.min.mjs";import{Intersection as i}from"../Intersection.min.mjs";import{Point as s}from"../Point.min.mjs";import{SCALE as r}from"../constants.min.mjs";import{multiplyTransformMatrixArray as e,createTranslateMatrix as o,createRotateMatrix as n,createScaleMatrix as l}from"../util/misc/matrix.min.mjs";import{renderHorizontalPillControl as h,renderVerticalPillControl as a,renderSquareControl as c,renderCircleControl as m}from"./controlRendering.min.mjs";class u{constructor(i){t(this,"visible",!0),t(this,"actionName",r),t(this,"angle",0),t(this,"x",0),t(this,"y",0),t(this,"offsetX",0),t(this,"offsetY",0),t(this,"sizeX",0),t(this,"sizeY",0),t(this,"touchSizeX",0),t(this,"touchSizeY",0),t(this,"cursorStyle","crosshair"),t(this,"withConnection",!1),Object.assign(this,i)}shouldActivate(t,s,r,e){var o;let{tl:n,tr:l,br:h,bl:a}=e;return(null===(o=s.canvas)||void 0===o?void 0:o.getActiveObject())===s&&s.isControlVisible(t)&&i.isPointInPolygon(r,[n,l,h,a])}getActionHandler(t,i,s){return this.actionHandler}getMouseDownHandler(t,i,s){return this.mouseDownHandler}getMouseUpHandler(t,i,s){return this.mouseUpHandler}cursorStyleHandler(t,i,s,r){return i.cursorStyle}getActionName(t,i,s){return i.actionName}getVisibility(t,i){var s,r;return null!==(s=null===(r=t._controlsVisibility)||void 0===r?void 0:r[i])&&void 0!==s?s:this.visible}setVisibility(t,i,s){this.visible=t}positionHandler(t,i,r,e){return new s(this.x*t.x+this.offsetX,this.y*t.y+this.offsetY).transform(i)}calcCornerCoords(t,i,r,h,a,c){const m=e([o(r,h),n({angle:t}),l((a?this.touchSizeX:this.sizeX)||i,(a?this.touchSizeY:this.sizeY)||i)]);return{tl:new s(-.5,-.5).transform(m),tr:new s(.5,-.5).transform(m),br:new s(.5,.5).transform(m),bl:new s(-.5,.5).transform(m)}}render(t,i,s,r,e){r=r||{};if(!(0!==this.x&&0!==this.y||0===this.x&&0===this.y)&&!r.cornerStyle){if(0===this.y&&0!==this.x)return void h.call(this,t,i,s,r,e);if(0===this.x&&0!==this.y)return void a.call(this,t,i,s,r,e)}if("circle"===(r.cornerStyle||e.cornerStyle))m.call(this,t,i,s,r,e);else c.call(this,t,i,s,r,e)}}export{u as Control};
 //# sourceMappingURL=Control.min.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Control.min.mjs","sources":["../../../src/controls/Control.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\r\nimport type {\r\n  ControlActionHandler,\r\n  TPointerEvent,\r\n  TransformActionHandler,\r\n} from '../EventTypeDefs';\r\nimport { Intersection } from '../Intersection';\r\nimport { Point } from '../Point';\r\nimport { SCALE } from '../constants';\r\nimport type {\r\n  InteractiveFabricObject,\r\n  TOCoord,\r\n} from '../shapes/Object/InteractiveObject';\r\nimport type { TCornerPoint, TDegree, TMat2D } from '../typedefs';\r\nimport {\r\n  createRotateMatrix,\r\n  createScaleMatrix,\r\n  createTranslateMatrix,\r\n  multiplyTransformMatrixArray,\r\n} from '../util/misc/matrix';\r\nimport type { ControlRenderingStyleOverride } from './controlRendering';\r\nimport { renderCircleControl, renderSquareControl } from './controlRendering';\r\n\r\nexport class Control {\r\n  /**\r\n   * keep track of control visibility.\r\n   * mainly for backward compatibility.\r\n   * if you do not want to see a control, you can remove it\r\n   * from the control set.\r\n   * @type {Boolean}\r\n   * @default true\r\n   */\r\n  visible = true;\r\n\r\n  /**\r\n   * Name of the action that the control will likely execute.\r\n   * This is optional. FabricJS uses to identify what the user is doing for some\r\n   * extra optimizations. If you are writing a custom control and you want to know\r\n   * somewhere else in the code what is going on, you can use this string here.\r\n   * you can also provide a custom getActionName if your control run multiple actions\r\n   * depending on some external state.\r\n   * default to scale since is the most common, used on 4 corners by default\r\n   * @type {String}\r\n   * @default 'scale'\r\n   */\r\n  actionName = SCALE;\r\n\r\n  /**\r\n   * Drawing angle of the control.\r\n   * NOT used for now, but name marked as needed for internal logic\r\n   * example: to reuse the same drawing function for different rotated controls\r\n   * @type {Number}\r\n   * @default 0\r\n   */\r\n  angle = 0;\r\n\r\n  /**\r\n   * Relative position of the control. X\r\n   * 0,0 is the center of the Object, while -0.5 (left) or 0.5 (right) are the extremities\r\n   * of the bounding box.\r\n   * @type {Number}\r\n   * @default 0\r\n   */\r\n  x = 0;\r\n\r\n  /**\r\n   * Relative position of the control. Y\r\n   * 0,0 is the center of the Object, while -0.5 (top) or 0.5 (bottom) are the extremities\r\n   * of the bounding box.\r\n   * @type {Number}\r\n   * @default 0\r\n   */\r\n  y = 0;\r\n\r\n  /**\r\n   * Horizontal offset of the control from the defined position. In pixels\r\n   * Positive offset moves the control to the right, negative to the left.\r\n   * It used when you want to have position of control that does not scale with\r\n   * the bounding box. Example: rotation control is placed at x:0, y: 0.5 on\r\n   * the boundind box, with an offset of 30 pixels vertically. Those 30 pixels will\r\n   * stay 30 pixels no matter how the object is big. Another example is having 2\r\n   * controls in the corner, that stay in the same position when the object scale.\r\n   * of the bounding box.\r\n   * @type {Number}\r\n   * @default 0\r\n   */\r\n  offsetX = 0;\r\n\r\n  /**\r\n   * Vertical offset of the control from the defined position. In pixels\r\n   * Positive offset moves the control to the bottom, negative to the top.\r\n   * @type {Number}\r\n   * @default 0\r\n   */\r\n  offsetY = 0;\r\n\r\n  /**\r\n   * Sets the length of the control. If null, defaults to object's cornerSize.\r\n   * Expects both sizeX and sizeY to be set when set.\r\n   * @type {?Number}\r\n   * @default null\r\n   */\r\n  sizeX = 0;\r\n\r\n  /**\r\n   * Sets the height of the control. If null, defaults to object's cornerSize.\r\n   * Expects both sizeX and sizeY to be set when set.\r\n   * @type {?Number}\r\n   * @default null\r\n   */\r\n  sizeY = 0;\r\n\r\n  /**\r\n   * Sets the length of the touch area of the control. If null, defaults to object's touchCornerSize.\r\n   * Expects both touchSizeX and touchSizeY to be set when set.\r\n   * @type {?Number}\r\n   * @default null\r\n   */\r\n  touchSizeX = 0;\r\n\r\n  /**\r\n   * Sets the height of the touch area of the control. If null, defaults to object's touchCornerSize.\r\n   * Expects both touchSizeX and touchSizeY to be set when set.\r\n   * @type {?Number}\r\n   * @default null\r\n   */\r\n  touchSizeY = 0;\r\n\r\n  /**\r\n   * Css cursor style to display when the control is hovered.\r\n   * if the method `cursorStyleHandler` is provided, this property is ignored.\r\n   * @type {String}\r\n   * @default 'crosshair'\r\n   */\r\n  cursorStyle = 'crosshair';\r\n\r\n  /**\r\n   * If controls has an offsetY or offsetX, draw a line that connects\r\n   * the control to the bounding box\r\n   * @type {Boolean}\r\n   * @default false\r\n   */\r\n  withConnection = false;\r\n\r\n  constructor(options?: Partial<Control>) {\r\n    Object.assign(this, options);\r\n  }\r\n\r\n  /**\r\n   * The control actionHandler, provide one to handle action ( control being moved )\r\n   * @param {Event} eventData the native mouse event\r\n   * @param {Transform} transformData properties of the current transform\r\n   * @param {Number} x x position of the cursor\r\n   * @param {Number} y y position of the cursor\r\n   * @return {Boolean} true if the action/event modified the object\r\n   */\r\n  declare actionHandler: TransformActionHandler;\r\n\r\n  /**\r\n   * The control handler for mouse down, provide one to handle mouse down on control\r\n   * @param {Event} eventData the native mouse event\r\n   * @param {Transform} transformData properties of the current transform\r\n   * @param {Number} x x position of the cursor\r\n   * @param {Number} y y position of the cursor\r\n   * @return {Boolean} true if the action/event modified the object\r\n   */\r\n  declare mouseDownHandler?: ControlActionHandler;\r\n\r\n  /**\r\n   * The control mouseUpHandler, provide one to handle an effect on mouse up.\r\n   * @param {Event} eventData the native mouse event\r\n   * @param {Transform} transformData properties of the current transform\r\n   * @param {Number} x x position of the cursor\r\n   * @param {Number} y y position of the cursor\r\n   * @return {Boolean} true if the action/event modified the object\r\n   */\r\n  declare mouseUpHandler?: ControlActionHandler;\r\n\r\n  shouldActivate(\r\n    controlKey: string,\r\n    fabricObject: InteractiveFabricObject,\r\n    pointer: Point,\r\n    { tl, tr, br, bl }: TCornerPoint,\r\n  ) {\r\n    // TODO: locking logic can be handled here instead of in the control handler logic\r\n    return (\r\n      fabricObject.canvas?.getActiveObject() === fabricObject &&\r\n      fabricObject.isControlVisible(controlKey) &&\r\n      Intersection.isPointInPolygon(pointer, [tl, tr, br, bl])\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Returns control actionHandler\r\n   * @param {Event} eventData the native mouse event\r\n   * @param {FabricObject} fabricObject on which the control is displayed\r\n   * @param {Control} control control for which the action handler is being asked\r\n   * @return {Function} the action handler\r\n   */\r\n  getActionHandler(\r\n    eventData: TPointerEvent,\r\n    fabricObject: InteractiveFabricObject,\r\n    control: Control,\r\n  ): TransformActionHandler | undefined {\r\n    return this.actionHandler;\r\n  }\r\n\r\n  /**\r\n   * Returns control mouseDown handler\r\n   * @param {Event} eventData the native mouse event\r\n   * @param {FabricObject} fabricObject on which the control is displayed\r\n   * @param {Control} control control for which the action handler is being asked\r\n   * @return {Function} the action handler\r\n   */\r\n  getMouseDownHandler(\r\n    eventData: TPointerEvent,\r\n    fabricObject: InteractiveFabricObject,\r\n    control: Control,\r\n  ): ControlActionHandler | undefined {\r\n    return this.mouseDownHandler;\r\n  }\r\n\r\n  /**\r\n   * Returns control mouseUp handler.\r\n   * During actions the fabricObject or the control can be of different obj\r\n   * @param {Event} eventData the native mouse event\r\n   * @param {FabricObject} fabricObject on which the control is displayed\r\n   * @param {Control} control control for which the action handler is being asked\r\n   * @return {Function} the action handler\r\n   */\r\n  getMouseUpHandler(\r\n    eventData: TPointerEvent,\r\n    fabricObject: InteractiveFabricObject,\r\n    control: Control,\r\n  ): ControlActionHandler | undefined {\r\n    return this.mouseUpHandler;\r\n  }\r\n\r\n  /**\r\n   * Returns control cursorStyle for css using cursorStyle. If you need a more elaborate\r\n   * function you can pass one in the constructor\r\n   * the cursorStyle property\r\n   * @param {Event} eventData the native mouse event\r\n   * @param {Control} control the current control ( likely this)\r\n   * @param {FabricObject} object on which the control is displayed\r\n   * @return {String}\r\n   */\r\n  cursorStyleHandler(\r\n    eventData: TPointerEvent,\r\n    control: Control,\r\n    fabricObject: InteractiveFabricObject,\r\n    coord: TOCoord,\r\n  ) {\r\n    return control.cursorStyle;\r\n  }\r\n\r\n  /**\r\n   * Returns the action name. The basic implementation just return the actionName property.\r\n   * @param {Event} eventData the native mouse event\r\n   * @param {Control} control the current control ( likely this)\r\n   * @param {FabricObject} object on which the control is displayed\r\n   * @return {String}\r\n   */\r\n  getActionName(\r\n    eventData: TPointerEvent,\r\n    control: Control,\r\n    fabricObject: InteractiveFabricObject,\r\n  ) {\r\n    return control.actionName;\r\n  }\r\n\r\n  /**\r\n   * Returns controls visibility\r\n   * @param {FabricObject} object on which the control is displayed\r\n   * @param {String} controlKey key where the control is memorized on the\r\n   * @return {Boolean}\r\n   */\r\n  getVisibility(fabricObject: InteractiveFabricObject, controlKey: string) {\r\n    return fabricObject._controlsVisibility?.[controlKey] ?? this.visible;\r\n  }\r\n\r\n  /**\r\n   * Sets controls visibility\r\n   * @param {Boolean} visibility for the object\r\n   * @return {Void}\r\n   */\r\n  setVisibility(\r\n    visibility: boolean,\r\n    name?: string,\r\n    fabricObject?: InteractiveFabricObject,\r\n  ) {\r\n    this.visible = visibility;\r\n  }\r\n\r\n  positionHandler(\r\n    dim: Point,\r\n    finalMatrix: TMat2D,\r\n    fabricObject: InteractiveFabricObject,\r\n    currentControl: Control,\r\n  ) {\r\n    return new Point(\r\n      this.x * dim.x + this.offsetX,\r\n      this.y * dim.y + this.offsetY,\r\n    ).transform(finalMatrix);\r\n  }\r\n\r\n  /**\r\n   * Returns the coords for this control based on object values.\r\n   * @param {Number} objectAngle angle from the fabric object holding the control\r\n   * @param {Number} objectCornerSize cornerSize from the fabric object holding the control (or touchCornerSize if\r\n   *   isTouch is true)\r\n   * @param {Number} centerX x coordinate where the control center should be\r\n   * @param {Number} centerY y coordinate where the control center should be\r\n   * @param {boolean} isTouch true if touch corner, false if normal corner\r\n   */\r\n  calcCornerCoords(\r\n    angle: TDegree,\r\n    objectCornerSize: number,\r\n    centerX: number,\r\n    centerY: number,\r\n    isTouch: boolean,\r\n    fabricObject: InteractiveFabricObject,\r\n  ) {\r\n    const t = multiplyTransformMatrixArray([\r\n      createTranslateMatrix(centerX, centerY),\r\n      createRotateMatrix({ angle }),\r\n      createScaleMatrix(\r\n        (isTouch ? this.touchSizeX : this.sizeX) || objectCornerSize,\r\n        (isTouch ? this.touchSizeY : this.sizeY) || objectCornerSize,\r\n      ),\r\n    ]);\r\n    return {\r\n      tl: new Point(-0.5, -0.5).transform(t),\r\n      tr: new Point(0.5, -0.5).transform(t),\r\n      br: new Point(0.5, 0.5).transform(t),\r\n      bl: new Point(-0.5, 0.5).transform(t),\r\n    };\r\n  }\r\n\r\n  /**\r\n   * Render function for the control.\r\n   * When this function runs the context is unscaled. unrotate. Just retina scaled.\r\n   * all the functions will have to translate to the point left,top before starting Drawing\r\n   * if they want to draw a control where the position is detected.\r\n   * left and top are the result of the positionHandler function\r\n   * @param {RenderingContext2D} ctx the context where the control will be drawn\r\n   * @param {Number} left position of the canvas where we are about to render the control.\r\n   * @param {Number} top position of the canvas where we are about to render the control.\r\n   * @param {Object} styleOverride\r\n   * @param {FabricObject} fabricObject the object where the control is about to be rendered\r\n   */\r\n  render(\r\n    ctx: CanvasRenderingContext2D,\r\n    left: number,\r\n    top: number,\r\n    styleOverride: ControlRenderingStyleOverride | undefined,\r\n    fabricObject: InteractiveFabricObject,\r\n  ) {\r\n    styleOverride = styleOverride || {};\r\n    switch (styleOverride.cornerStyle || fabricObject.cornerStyle) {\r\n      case 'circle':\r\n        renderCircleControl.call(\r\n          this,\r\n          ctx,\r\n          left,\r\n          top,\r\n          styleOverride,\r\n          fabricObject,\r\n        );\r\n        break;\r\n      default:\r\n        renderSquareControl.call(\r\n          this,\r\n          ctx,\r\n          left,\r\n          top,\r\n          styleOverride,\r\n          fabricObject,\r\n        );\r\n    }\r\n  }\r\n}\r\n"],"names":["Control","constructor","options","_defineProperty","SCALE","Object","assign","this","shouldActivate","controlKey","fabricObject","pointer","_ref","_fabricObject$canvas","tl","tr","br","bl","canvas","getActiveObject","isControlVisible","Intersection","isPointInPolygon","getActionHandler","eventData","control","actionHandler","getMouseDownHandler","mouseDownHandler","getMouseUpHandler","mouseUpHandler","cursorStyleHandler","coord","cursorStyle","getActionName","actionName","getVisibility","_fabricObject$_contro","_fabricObject$_contro2","_controlsVisibility","visible","setVisibility","visibility","name","positionHandler","dim","finalMatrix","currentControl","Point","x","offsetX","y","offsetY","transform","calcCornerCoords","angle","objectCornerSize","centerX","centerY","isTouch","t","multiplyTransformMatrixArray","createTranslateMatrix","createRotateMatrix","createScaleMatrix","touchSizeX","sizeX","touchSizeY","sizeY","render","ctx","left","top","styleOverride","cornerStyle","renderCircleControl","call","renderSquareControl"],"mappings":"8cAuBO,MAAMA,EAyHXC,WAAAA,CAAYC,GAxHZC,kBAQU,GAEVA,oBAWaC,GAEbD,eAOQ,GAERA,WAOI,GAEJA,WAOI,GAEJA,iBAYU,GAEVA,iBAMU,GAEVA,eAMQ,GAERA,eAMQ,GAERA,oBAMa,GAEbA,oBAMa,GAEbA,qBAMc,aAEdA,yBAMiB,GAGfE,OAAOC,OAAOC,KAAML,EACtB,CAgCAM,cAAAA,CACEC,EACAC,EACAC,EAAcC,GAEd,IAAAC,EAAA,IADAC,GAAEA,EAAEC,GAAEA,EAAEC,GAAEA,EAAEC,GAAEA,GAAkBL,EAGhC,OACqB,QAAnBC,EAAAH,EAAaQ,cAAM,IAAAL,OAAA,EAAnBA,EAAqBM,qBAAsBT,GAC3CA,EAAaU,iBAAiBX,IAC9BY,EAAaC,iBAAiBX,EAAS,CAACG,EAAIC,EAAIC,EAAIC,GAExD,CASAM,gBAAAA,CACEC,EACAd,EACAe,GAEA,OAAOlB,KAAKmB,aACd,CASAC,mBAAAA,CACEH,EACAd,EACAe,GAEA,OAAOlB,KAAKqB,gBACd,CAUAC,iBAAAA,CACEL,EACAd,EACAe,GAEA,OAAOlB,KAAKuB,cACd,CAWAC,kBAAAA,CACEP,EACAC,EACAf,EACAsB,GAEA,OAAOP,EAAQQ,WACjB,CASAC,aAAAA,CACEV,EACAC,EACAf,GAEA,OAAOe,EAAQU,UACjB,CAQAC,aAAAA,CAAc1B,EAAuCD,GAAoB,IAAA4B,EAAAC,EACvE,OAAqD,QAArDD,UAAAC,EAAO5B,EAAa6B,2BAAmB,IAAAD,OAAA,EAAhCA,EAAmC7B,cAAW4B,EAAAA,EAAI9B,KAAKiC,OAChE,CAOAC,aAAAA,CACEC,EACAC,EACAjC,GAEAH,KAAKiC,QAAUE,CACjB,CAEAE,eAAAA,CACEC,EACAC,EACApC,EACAqC,GAEA,OAAO,IAAIC,EACTzC,KAAK0C,EAAIJ,EAAII,EAAI1C,KAAK2C,QACtB3C,KAAK4C,EAAIN,EAAIM,EAAI5C,KAAK6C,SACtBC,UAAUP,EACd,CAWAQ,gBAAAA,CACEC,EACAC,EACAC,EACAC,EACAC,EACAjD,GAEA,MAAMkD,EAAIC,EAA6B,CACrCC,EAAsBL,EAASC,GAC/BK,EAAmB,CAAER,UACrBS,GACGL,EAAUpD,KAAK0D,WAAa1D,KAAK2D,QAAUV,GAC3CG,EAAUpD,KAAK4D,WAAa5D,KAAK6D,QAAUZ,KAGhD,MAAO,CACL1C,GAAI,IAAIkC,GAAM,IAAM,IAAMK,UAAUO,GACpC7C,GAAI,IAAIiC,EAAM,IAAK,IAAMK,UAAUO,GACnC5C,GAAI,IAAIgC,EAAM,GAAK,IAAKK,UAAUO,GAClC3C,GAAI,IAAI+B,GAAM,GAAM,IAAKK,UAAUO,GAEvC,CAcAS,MAAAA,CACEC,EACAC,EACAC,EACAC,EACA/D,GAGA,GACO,aAFP+D,EAAgBA,GAAiB,CAAA,GACXC,aAAehE,EAAagE,aAE9CC,EAAoBC,KAClBrE,KACA+D,EACAC,EACAC,EACAC,EACA/D,QAIFmE,EAAoBD,KAClBrE,KACA+D,EACAC,EACAC,EACAC,EACA/D,EAGR"}
+{"version":3,"file":"Control.min.mjs","sources":["../../../src/controls/Control.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\r\nimport type {\r\n  ControlActionHandler,\r\n  TPointerEvent,\r\n  TransformActionHandler,\r\n} from '../EventTypeDefs';\r\nimport { Intersection } from '../Intersection';\r\nimport { Point } from '../Point';\r\nimport { SCALE } from '../constants';\r\nimport type {\r\n  InteractiveFabricObject,\r\n  TOCoord,\r\n} from '../shapes/Object/InteractiveObject';\r\nimport type { TCornerPoint, TDegree, TMat2D } from '../typedefs';\r\nimport {\r\n  createRotateMatrix,\r\n  createScaleMatrix,\r\n  createTranslateMatrix,\r\n  multiplyTransformMatrixArray,\r\n} from '../util/misc/matrix';\r\nimport type { ControlRenderingStyleOverride } from './controlRendering';\r\nimport {\r\n  renderCircleControl,\r\n  renderSquareControl,\r\n  renderHorizontalPillControl,\r\n  renderVerticalPillControl,\r\n} from './controlRendering';\r\n\r\nexport class Control {\r\n  /**\r\n   * keep track of control visibility.\r\n   * mainly for backward compatibility.\r\n   * if you do not want to see a control, you can remove it\r\n   * from the control set.\r\n   * @type {Boolean}\r\n   * @default true\r\n   */\r\n  visible = true;\r\n\r\n  /**\r\n   * Name of the action that the control will likely execute.\r\n   * This is optional. FabricJS uses to identify what the user is doing for some\r\n   * extra optimizations. If you are writing a custom control and you want to know\r\n   * somewhere else in the code what is going on, you can use this string here.\r\n   * you can also provide a custom getActionName if your control run multiple actions\r\n   * depending on some external state.\r\n   * default to scale since is the most common, used on 4 corners by default\r\n   * @type {String}\r\n   * @default 'scale'\r\n   */\r\n  actionName = SCALE;\r\n\r\n  /**\r\n   * Drawing angle of the control.\r\n   * NOT used for now, but name marked as needed for internal logic\r\n   * example: to reuse the same drawing function for different rotated controls\r\n   * @type {Number}\r\n   * @default 0\r\n   */\r\n  angle = 0;\r\n\r\n  /**\r\n   * Relative position of the control. X\r\n   * 0,0 is the center of the Object, while -0.5 (left) or 0.5 (right) are the extremities\r\n   * of the bounding box.\r\n   * @type {Number}\r\n   * @default 0\r\n   */\r\n  x = 0;\r\n\r\n  /**\r\n   * Relative position of the control. Y\r\n   * 0,0 is the center of the Object, while -0.5 (top) or 0.5 (bottom) are the extremities\r\n   * of the bounding box.\r\n   * @type {Number}\r\n   * @default 0\r\n   */\r\n  y = 0;\r\n\r\n  /**\r\n   * Horizontal offset of the control from the defined position. In pixels\r\n   * Positive offset moves the control to the right, negative to the left.\r\n   * It used when you want to have position of control that does not scale with\r\n   * the bounding box. Example: rotation control is placed at x:0, y: 0.5 on\r\n   * the boundind box, with an offset of 30 pixels vertically. Those 30 pixels will\r\n   * stay 30 pixels no matter how the object is big. Another example is having 2\r\n   * controls in the corner, that stay in the same position when the object scale.\r\n   * of the bounding box.\r\n   * @type {Number}\r\n   * @default 0\r\n   */\r\n  offsetX = 0;\r\n\r\n  /**\r\n   * Vertical offset of the control from the defined position. In pixels\r\n   * Positive offset moves the control to the bottom, negative to the top.\r\n   * @type {Number}\r\n   * @default 0\r\n   */\r\n  offsetY = 0;\r\n\r\n  /**\r\n   * Sets the length of the control. If null, defaults to object's cornerSize.\r\n   * Expects both sizeX and sizeY to be set when set.\r\n   * @type {?Number}\r\n   * @default null\r\n   */\r\n  sizeX = 0;\r\n\r\n  /**\r\n   * Sets the height of the control. If null, defaults to object's cornerSize.\r\n   * Expects both sizeX and sizeY to be set when set.\r\n   * @type {?Number}\r\n   * @default null\r\n   */\r\n  sizeY = 0;\r\n\r\n  /**\r\n   * Sets the length of the touch area of the control. If null, defaults to object's touchCornerSize.\r\n   * Expects both touchSizeX and touchSizeY to be set when set.\r\n   * @type {?Number}\r\n   * @default null\r\n   */\r\n  touchSizeX = 0;\r\n\r\n  /**\r\n   * Sets the height of the touch area of the control. If null, defaults to object's touchCornerSize.\r\n   * Expects both touchSizeX and touchSizeY to be set when set.\r\n   * @type {?Number}\r\n   * @default null\r\n   */\r\n  touchSizeY = 0;\r\n\r\n  /**\r\n   * Css cursor style to display when the control is hovered.\r\n   * if the method `cursorStyleHandler` is provided, this property is ignored.\r\n   * @type {String}\r\n   * @default 'crosshair'\r\n   */\r\n  cursorStyle = 'crosshair';\r\n\r\n  /**\r\n   * If controls has an offsetY or offsetX, draw a line that connects\r\n   * the control to the bounding box\r\n   * @type {Boolean}\r\n   * @default false\r\n   */\r\n  withConnection = false;\r\n\r\n  constructor(options?: Partial<Control>) {\r\n    Object.assign(this, options);\r\n  }\r\n\r\n  /**\r\n   * The control actionHandler, provide one to handle action ( control being moved )\r\n   * @param {Event} eventData the native mouse event\r\n   * @param {Transform} transformData properties of the current transform\r\n   * @param {Number} x x position of the cursor\r\n   * @param {Number} y y position of the cursor\r\n   * @return {Boolean} true if the action/event modified the object\r\n   */\r\n  declare actionHandler: TransformActionHandler;\r\n\r\n  /**\r\n   * The control handler for mouse down, provide one to handle mouse down on control\r\n   * @param {Event} eventData the native mouse event\r\n   * @param {Transform} transformData properties of the current transform\r\n   * @param {Number} x x position of the cursor\r\n   * @param {Number} y y position of the cursor\r\n   * @return {Boolean} true if the action/event modified the object\r\n   */\r\n  declare mouseDownHandler?: ControlActionHandler;\r\n\r\n  /**\r\n   * The control mouseUpHandler, provide one to handle an effect on mouse up.\r\n   * @param {Event} eventData the native mouse event\r\n   * @param {Transform} transformData properties of the current transform\r\n   * @param {Number} x x position of the cursor\r\n   * @param {Number} y y position of the cursor\r\n   * @return {Boolean} true if the action/event modified the object\r\n   */\r\n  declare mouseUpHandler?: ControlActionHandler;\r\n\r\n  shouldActivate(\r\n    controlKey: string,\r\n    fabricObject: InteractiveFabricObject,\r\n    pointer: Point,\r\n    { tl, tr, br, bl }: TCornerPoint,\r\n  ) {\r\n    // TODO: locking logic can be handled here instead of in the control handler logic\r\n    return (\r\n      fabricObject.canvas?.getActiveObject() === fabricObject &&\r\n      fabricObject.isControlVisible(controlKey) &&\r\n      Intersection.isPointInPolygon(pointer, [tl, tr, br, bl])\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Returns control actionHandler\r\n   * @param {Event} eventData the native mouse event\r\n   * @param {FabricObject} fabricObject on which the control is displayed\r\n   * @param {Control} control control for which the action handler is being asked\r\n   * @return {Function} the action handler\r\n   */\r\n  getActionHandler(\r\n    eventData: TPointerEvent,\r\n    fabricObject: InteractiveFabricObject,\r\n    control: Control,\r\n  ): TransformActionHandler | undefined {\r\n    return this.actionHandler;\r\n  }\r\n\r\n  /**\r\n   * Returns control mouseDown handler\r\n   * @param {Event} eventData the native mouse event\r\n   * @param {FabricObject} fabricObject on which the control is displayed\r\n   * @param {Control} control control for which the action handler is being asked\r\n   * @return {Function} the action handler\r\n   */\r\n  getMouseDownHandler(\r\n    eventData: TPointerEvent,\r\n    fabricObject: InteractiveFabricObject,\r\n    control: Control,\r\n  ): ControlActionHandler | undefined {\r\n    return this.mouseDownHandler;\r\n  }\r\n\r\n  /**\r\n   * Returns control mouseUp handler.\r\n   * During actions the fabricObject or the control can be of different obj\r\n   * @param {Event} eventData the native mouse event\r\n   * @param {FabricObject} fabricObject on which the control is displayed\r\n   * @param {Control} control control for which the action handler is being asked\r\n   * @return {Function} the action handler\r\n   */\r\n  getMouseUpHandler(\r\n    eventData: TPointerEvent,\r\n    fabricObject: InteractiveFabricObject,\r\n    control: Control,\r\n  ): ControlActionHandler | undefined {\r\n    return this.mouseUpHandler;\r\n  }\r\n\r\n  /**\r\n   * Returns control cursorStyle for css using cursorStyle. If you need a more elaborate\r\n   * function you can pass one in the constructor\r\n   * the cursorStyle property\r\n   * @param {Event} eventData the native mouse event\r\n   * @param {Control} control the current control ( likely this)\r\n   * @param {FabricObject} object on which the control is displayed\r\n   * @return {String}\r\n   */\r\n  cursorStyleHandler(\r\n    eventData: TPointerEvent,\r\n    control: Control,\r\n    fabricObject: InteractiveFabricObject,\r\n    coord: TOCoord,\r\n  ) {\r\n    return control.cursorStyle;\r\n  }\r\n\r\n  /**\r\n   * Returns the action name. The basic implementation just return the actionName property.\r\n   * @param {Event} eventData the native mouse event\r\n   * @param {Control} control the current control ( likely this)\r\n   * @param {FabricObject} object on which the control is displayed\r\n   * @return {String}\r\n   */\r\n  getActionName(\r\n    eventData: TPointerEvent,\r\n    control: Control,\r\n    fabricObject: InteractiveFabricObject,\r\n  ) {\r\n    return control.actionName;\r\n  }\r\n\r\n  /**\r\n   * Returns controls visibility\r\n   * @param {FabricObject} object on which the control is displayed\r\n   * @param {String} controlKey key where the control is memorized on the\r\n   * @return {Boolean}\r\n   */\r\n  getVisibility(fabricObject: InteractiveFabricObject, controlKey: string) {\r\n    return fabricObject._controlsVisibility?.[controlKey] ?? this.visible;\r\n  }\r\n\r\n  /**\r\n   * Sets controls visibility\r\n   * @param {Boolean} visibility for the object\r\n   * @return {Void}\r\n   */\r\n  setVisibility(\r\n    visibility: boolean,\r\n    name?: string,\r\n    fabricObject?: InteractiveFabricObject,\r\n  ) {\r\n    this.visible = visibility;\r\n  }\r\n\r\n  positionHandler(\r\n    dim: Point,\r\n    finalMatrix: TMat2D,\r\n    fabricObject: InteractiveFabricObject,\r\n    currentControl: Control,\r\n  ) {\r\n    return new Point(\r\n      this.x * dim.x + this.offsetX,\r\n      this.y * dim.y + this.offsetY,\r\n    ).transform(finalMatrix);\r\n  }\r\n\r\n  /**\r\n   * Returns the coords for this control based on object values.\r\n   * @param {Number} objectAngle angle from the fabric object holding the control\r\n   * @param {Number} objectCornerSize cornerSize from the fabric object holding the control (or touchCornerSize if\r\n   *   isTouch is true)\r\n   * @param {Number} centerX x coordinate where the control center should be\r\n   * @param {Number} centerY y coordinate where the control center should be\r\n   * @param {boolean} isTouch true if touch corner, false if normal corner\r\n   */\r\n  calcCornerCoords(\r\n    angle: TDegree,\r\n    objectCornerSize: number,\r\n    centerX: number,\r\n    centerY: number,\r\n    isTouch: boolean,\r\n    fabricObject: InteractiveFabricObject,\r\n  ) {\r\n    const t = multiplyTransformMatrixArray([\r\n      createTranslateMatrix(centerX, centerY),\r\n      createRotateMatrix({ angle }),\r\n      createScaleMatrix(\r\n        (isTouch ? this.touchSizeX : this.sizeX) || objectCornerSize,\r\n        (isTouch ? this.touchSizeY : this.sizeY) || objectCornerSize,\r\n      ),\r\n    ]);\r\n    return {\r\n      tl: new Point(-0.5, -0.5).transform(t),\r\n      tr: new Point(0.5, -0.5).transform(t),\r\n      br: new Point(0.5, 0.5).transform(t),\r\n      bl: new Point(-0.5, 0.5).transform(t),\r\n    };\r\n  }\r\n\r\n  /**\r\n   * Render function for the control.\r\n   * When this function runs the context is unscaled. unrotate. Just retina scaled.\r\n   * all the functions will have to translate to the point left,top before starting Drawing\r\n   * if they want to draw a control where the position is detected.\r\n   * left and top are the result of the positionHandler function\r\n   * @param {RenderingContext2D} ctx the context where the control will be drawn\r\n   * @param {Number} left position of the canvas where we are about to render the control.\r\n   * @param {Number} top position of the canvas where we are about to render the control.\r\n   * @param {Object} styleOverride\r\n   * @param {FabricObject} fabricObject the object where the control is about to be rendered\r\n   */\r\n  render(\r\n    ctx: CanvasRenderingContext2D,\r\n    left: number,\r\n    top: number,\r\n    styleOverride: ControlRenderingStyleOverride | undefined,\r\n    fabricObject: InteractiveFabricObject,\r\n  ) {\r\n    styleOverride = styleOverride || {};\r\n\r\n    // Auto-detect side controls by position and use pill renderers\r\n    // Side controls have one axis at 0: ml/mr have y=0, mt/mb have x=0\r\n    const isSideControl =\r\n      (this.x === 0 || this.y === 0) && !(this.x === 0 && this.y === 0);\r\n\r\n    if (isSideControl && !styleOverride.cornerStyle) {\r\n      // Horizontal pills for left/right (y = 0)\r\n      if (this.y === 0 && this.x !== 0) {\r\n        renderHorizontalPillControl.call(\r\n          this,\r\n          ctx,\r\n          left,\r\n          top,\r\n          styleOverride,\r\n          fabricObject,\r\n        );\r\n        return;\r\n      }\r\n      // Vertical pills for top/bottom (x = 0)\r\n      if (this.x === 0 && this.y !== 0) {\r\n        renderVerticalPillControl.call(\r\n          this,\r\n          ctx,\r\n          left,\r\n          top,\r\n          styleOverride,\r\n          fabricObject,\r\n        );\r\n        return;\r\n      }\r\n    }\r\n\r\n    // Corner controls and rotation use cornerStyle\r\n    switch (styleOverride.cornerStyle || fabricObject.cornerStyle) {\r\n      case 'circle':\r\n        renderCircleControl.call(\r\n          this,\r\n          ctx,\r\n          left,\r\n          top,\r\n          styleOverride,\r\n          fabricObject,\r\n        );\r\n        break;\r\n      default:\r\n        renderSquareControl.call(\r\n          this,\r\n          ctx,\r\n          left,\r\n          top,\r\n          styleOverride,\r\n          fabricObject,\r\n        );\r\n    }\r\n  }\r\n}\r\n"],"names":["Control","constructor","options","_defineProperty","SCALE","Object","assign","this","shouldActivate","controlKey","fabricObject","pointer","_ref","_fabricObject$canvas","tl","tr","br","bl","canvas","getActiveObject","isControlVisible","Intersection","isPointInPolygon","getActionHandler","eventData","control","actionHandler","getMouseDownHandler","mouseDownHandler","getMouseUpHandler","mouseUpHandler","cursorStyleHandler","coord","cursorStyle","getActionName","actionName","getVisibility","_fabricObject$_contro","_fabricObject$_contro2","_controlsVisibility","visible","setVisibility","visibility","name","positionHandler","dim","finalMatrix","currentControl","Point","x","offsetX","y","offsetY","transform","calcCornerCoords","angle","objectCornerSize","centerX","centerY","isTouch","t","multiplyTransformMatrixArray","createTranslateMatrix","createRotateMatrix","createScaleMatrix","touchSizeX","sizeX","touchSizeY","sizeY","render","ctx","left","top","styleOverride","cornerStyle","renderHorizontalPillControl","call","renderVerticalPillControl","renderCircleControl","renderSquareControl"],"mappings":"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"}

package/dist/src/controls/Control.mjs

@@ -3,7 +3,7 @@ import { Intersection } from '../Intersection.mjs';
 import { Point } from '../Point.mjs';
 import { SCALE } from '../constants.mjs';
 import { multiplyTransformMatrixArray, createTranslateMatrix, createRotateMatrix, createScaleMatrix } from '../util/misc/matrix.mjs';
-import { renderSquareControl, renderCircleControl } from './controlRendering.mjs';
+import { renderHorizontalPillControl, renderVerticalPillControl, renderSquareControl, renderCircleControl } from './controlRendering.mjs';
 
 class Control {
   constructor(options) {
@@ -272,6 +272,24 @@ class Control {
    */
   render(ctx, left, top, styleOverride, fabricObject) {
     styleOverride = styleOverride || {};
+
+    // Auto-detect side controls by position and use pill renderers
+    // Side controls have one axis at 0: ml/mr have y=0, mt/mb have x=0
+    const isSideControl = (this.x === 0 || this.y === 0) && !(this.x === 0 && this.y === 0);
+    if (isSideControl && !styleOverride.cornerStyle) {
+      // Horizontal pills for left/right (y = 0)
+      if (this.y === 0 && this.x !== 0) {
+        renderHorizontalPillControl.call(this, ctx, left, top, styleOverride, fabricObject);
+        return;
+      }
+      // Vertical pills for top/bottom (x = 0)
+      if (this.x === 0 && this.y !== 0) {
+        renderVerticalPillControl.call(this, ctx, left, top, styleOverride, fabricObject);
+        return;
+      }
+    }
+
+    // Corner controls and rotation use cornerStyle
     switch (styleOverride.cornerStyle || fabricObject.cornerStyle) {
       case 'circle':
         renderCircleControl.call(this, ctx, left, top, styleOverride, fabricObject);

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

@@ -1 +1 @@
-{"version":3,"file":"Control.mjs","sources":["../../../src/controls/Control.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\r\nimport type {\r\n  ControlActionHandler,\r\n  TPointerEvent,\r\n  TransformActionHandler,\r\n} from '../EventTypeDefs';\r\nimport { Intersection } from '../Intersection';\r\nimport { Point } from '../Point';\r\nimport { SCALE } from '../constants';\r\nimport type {\r\n  InteractiveFabricObject,\r\n  TOCoord,\r\n} from '../shapes/Object/InteractiveObject';\r\nimport type { TCornerPoint, TDegree, TMat2D } from '../typedefs';\r\nimport {\r\n  createRotateMatrix,\r\n  createScaleMatrix,\r\n  createTranslateMatrix,\r\n  multiplyTransformMatrixArray,\r\n} from '../util/misc/matrix';\r\nimport type { ControlRenderingStyleOverride } from './controlRendering';\r\nimport { renderCircleControl, renderSquareControl } from './controlRendering';\r\n\r\nexport class Control {\r\n  /**\r\n   * keep track of control visibility.\r\n   * mainly for backward compatibility.\r\n   * if you do not want to see a control, you can remove it\r\n   * from the control set.\r\n   * @type {Boolean}\r\n   * @default true\r\n   */\r\n  visible = true;\r\n\r\n  /**\r\n   * Name of the action that the control will likely execute.\r\n   * This is optional. FabricJS uses to identify what the user is doing for some\r\n   * extra optimizations. If you are writing a custom control and you want to know\r\n   * somewhere else in the code what is going on, you can use this string here.\r\n   * you can also provide a custom getActionName if your control run multiple actions\r\n   * depending on some external state.\r\n   * default to scale since is the most common, used on 4 corners by default\r\n   * @type {String}\r\n   * @default 'scale'\r\n   */\r\n  actionName = SCALE;\r\n\r\n  /**\r\n   * Drawing angle of the control.\r\n   * NOT used for now, but name marked as needed for internal logic\r\n   * example: to reuse the same drawing function for different rotated controls\r\n   * @type {Number}\r\n   * @default 0\r\n   */\r\n  angle = 0;\r\n\r\n  /**\r\n   * Relative position of the control. X\r\n   * 0,0 is the center of the Object, while -0.5 (left) or 0.5 (right) are the extremities\r\n   * of the bounding box.\r\n   * @type {Number}\r\n   * @default 0\r\n   */\r\n  x = 0;\r\n\r\n  /**\r\n   * Relative position of the control. Y\r\n   * 0,0 is the center of the Object, while -0.5 (top) or 0.5 (bottom) are the extremities\r\n   * of the bounding box.\r\n   * @type {Number}\r\n   * @default 0\r\n   */\r\n  y = 0;\r\n\r\n  /**\r\n   * Horizontal offset of the control from the defined position. In pixels\r\n   * Positive offset moves the control to the right, negative to the left.\r\n   * It used when you want to have position of control that does not scale with\r\n   * the bounding box. Example: rotation control is placed at x:0, y: 0.5 on\r\n   * the boundind box, with an offset of 30 pixels vertically. Those 30 pixels will\r\n   * stay 30 pixels no matter how the object is big. Another example is having 2\r\n   * controls in the corner, that stay in the same position when the object scale.\r\n   * of the bounding box.\r\n   * @type {Number}\r\n   * @default 0\r\n   */\r\n  offsetX = 0;\r\n\r\n  /**\r\n   * Vertical offset of the control from the defined position. In pixels\r\n   * Positive offset moves the control to the bottom, negative to the top.\r\n   * @type {Number}\r\n   * @default 0\r\n   */\r\n  offsetY = 0;\r\n\r\n  /**\r\n   * Sets the length of the control. If null, defaults to object's cornerSize.\r\n   * Expects both sizeX and sizeY to be set when set.\r\n   * @type {?Number}\r\n   * @default null\r\n   */\r\n  sizeX = 0;\r\n\r\n  /**\r\n   * Sets the height of the control. If null, defaults to object's cornerSize.\r\n   * Expects both sizeX and sizeY to be set when set.\r\n   * @type {?Number}\r\n   * @default null\r\n   */\r\n  sizeY = 0;\r\n\r\n  /**\r\n   * Sets the length of the touch area of the control. If null, defaults to object's touchCornerSize.\r\n   * Expects both touchSizeX and touchSizeY to be set when set.\r\n   * @type {?Number}\r\n   * @default null\r\n   */\r\n  touchSizeX = 0;\r\n\r\n  /**\r\n   * Sets the height of the touch area of the control. If null, defaults to object's touchCornerSize.\r\n   * Expects both touchSizeX and touchSizeY to be set when set.\r\n   * @type {?Number}\r\n   * @default null\r\n   */\r\n  touchSizeY = 0;\r\n\r\n  /**\r\n   * Css cursor style to display when the control is hovered.\r\n   * if the method `cursorStyleHandler` is provided, this property is ignored.\r\n   * @type {String}\r\n   * @default 'crosshair'\r\n   */\r\n  cursorStyle = 'crosshair';\r\n\r\n  /**\r\n   * If controls has an offsetY or offsetX, draw a line that connects\r\n   * the control to the bounding box\r\n   * @type {Boolean}\r\n   * @default false\r\n   */\r\n  withConnection = false;\r\n\r\n  constructor(options?: Partial<Control>) {\r\n    Object.assign(this, options);\r\n  }\r\n\r\n  /**\r\n   * The control actionHandler, provide one to handle action ( control being moved )\r\n   * @param {Event} eventData the native mouse event\r\n   * @param {Transform} transformData properties of the current transform\r\n   * @param {Number} x x position of the cursor\r\n   * @param {Number} y y position of the cursor\r\n   * @return {Boolean} true if the action/event modified the object\r\n   */\r\n  declare actionHandler: TransformActionHandler;\r\n\r\n  /**\r\n   * The control handler for mouse down, provide one to handle mouse down on control\r\n   * @param {Event} eventData the native mouse event\r\n   * @param {Transform} transformData properties of the current transform\r\n   * @param {Number} x x position of the cursor\r\n   * @param {Number} y y position of the cursor\r\n   * @return {Boolean} true if the action/event modified the object\r\n   */\r\n  declare mouseDownHandler?: ControlActionHandler;\r\n\r\n  /**\r\n   * The control mouseUpHandler, provide one to handle an effect on mouse up.\r\n   * @param {Event} eventData the native mouse event\r\n   * @param {Transform} transformData properties of the current transform\r\n   * @param {Number} x x position of the cursor\r\n   * @param {Number} y y position of the cursor\r\n   * @return {Boolean} true if the action/event modified the object\r\n   */\r\n  declare mouseUpHandler?: ControlActionHandler;\r\n\r\n  shouldActivate(\r\n    controlKey: string,\r\n    fabricObject: InteractiveFabricObject,\r\n    pointer: Point,\r\n    { tl, tr, br, bl }: TCornerPoint,\r\n  ) {\r\n    // TODO: locking logic can be handled here instead of in the control handler logic\r\n    return (\r\n      fabricObject.canvas?.getActiveObject() === fabricObject &&\r\n      fabricObject.isControlVisible(controlKey) &&\r\n      Intersection.isPointInPolygon(pointer, [tl, tr, br, bl])\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Returns control actionHandler\r\n   * @param {Event} eventData the native mouse event\r\n   * @param {FabricObject} fabricObject on which the control is displayed\r\n   * @param {Control} control control for which the action handler is being asked\r\n   * @return {Function} the action handler\r\n   */\r\n  getActionHandler(\r\n    eventData: TPointerEvent,\r\n    fabricObject: InteractiveFabricObject,\r\n    control: Control,\r\n  ): TransformActionHandler | undefined {\r\n    return this.actionHandler;\r\n  }\r\n\r\n  /**\r\n   * Returns control mouseDown handler\r\n   * @param {Event} eventData the native mouse event\r\n   * @param {FabricObject} fabricObject on which the control is displayed\r\n   * @param {Control} control control for which the action handler is being asked\r\n   * @return {Function} the action handler\r\n   */\r\n  getMouseDownHandler(\r\n    eventData: TPointerEvent,\r\n    fabricObject: InteractiveFabricObject,\r\n    control: Control,\r\n  ): ControlActionHandler | undefined {\r\n    return this.mouseDownHandler;\r\n  }\r\n\r\n  /**\r\n   * Returns control mouseUp handler.\r\n   * During actions the fabricObject or the control can be of different obj\r\n   * @param {Event} eventData the native mouse event\r\n   * @param {FabricObject} fabricObject on which the control is displayed\r\n   * @param {Control} control control for which the action handler is being asked\r\n   * @return {Function} the action handler\r\n   */\r\n  getMouseUpHandler(\r\n    eventData: TPointerEvent,\r\n    fabricObject: InteractiveFabricObject,\r\n    control: Control,\r\n  ): ControlActionHandler | undefined {\r\n    return this.mouseUpHandler;\r\n  }\r\n\r\n  /**\r\n   * Returns control cursorStyle for css using cursorStyle. If you need a more elaborate\r\n   * function you can pass one in the constructor\r\n   * the cursorStyle property\r\n   * @param {Event} eventData the native mouse event\r\n   * @param {Control} control the current control ( likely this)\r\n   * @param {FabricObject} object on which the control is displayed\r\n   * @return {String}\r\n   */\r\n  cursorStyleHandler(\r\n    eventData: TPointerEvent,\r\n    control: Control,\r\n    fabricObject: InteractiveFabricObject,\r\n    coord: TOCoord,\r\n  ) {\r\n    return control.cursorStyle;\r\n  }\r\n\r\n  /**\r\n   * Returns the action name. The basic implementation just return the actionName property.\r\n   * @param {Event} eventData the native mouse event\r\n   * @param {Control} control the current control ( likely this)\r\n   * @param {FabricObject} object on which the control is displayed\r\n   * @return {String}\r\n   */\r\n  getActionName(\r\n    eventData: TPointerEvent,\r\n    control: Control,\r\n    fabricObject: InteractiveFabricObject,\r\n  ) {\r\n    return control.actionName;\r\n  }\r\n\r\n  /**\r\n   * Returns controls visibility\r\n   * @param {FabricObject} object on which the control is displayed\r\n   * @param {String} controlKey key where the control is memorized on the\r\n   * @return {Boolean}\r\n   */\r\n  getVisibility(fabricObject: InteractiveFabricObject, controlKey: string) {\r\n    return fabricObject._controlsVisibility?.[controlKey] ?? this.visible;\r\n  }\r\n\r\n  /**\r\n   * Sets controls visibility\r\n   * @param {Boolean} visibility for the object\r\n   * @return {Void}\r\n   */\r\n  setVisibility(\r\n    visibility: boolean,\r\n    name?: string,\r\n    fabricObject?: InteractiveFabricObject,\r\n  ) {\r\n    this.visible = visibility;\r\n  }\r\n\r\n  positionHandler(\r\n    dim: Point,\r\n    finalMatrix: TMat2D,\r\n    fabricObject: InteractiveFabricObject,\r\n    currentControl: Control,\r\n  ) {\r\n    return new Point(\r\n      this.x * dim.x + this.offsetX,\r\n      this.y * dim.y + this.offsetY,\r\n    ).transform(finalMatrix);\r\n  }\r\n\r\n  /**\r\n   * Returns the coords for this control based on object values.\r\n   * @param {Number} objectAngle angle from the fabric object holding the control\r\n   * @param {Number} objectCornerSize cornerSize from the fabric object holding the control (or touchCornerSize if\r\n   *   isTouch is true)\r\n   * @param {Number} centerX x coordinate where the control center should be\r\n   * @param {Number} centerY y coordinate where the control center should be\r\n   * @param {boolean} isTouch true if touch corner, false if normal corner\r\n   */\r\n  calcCornerCoords(\r\n    angle: TDegree,\r\n    objectCornerSize: number,\r\n    centerX: number,\r\n    centerY: number,\r\n    isTouch: boolean,\r\n    fabricObject: InteractiveFabricObject,\r\n  ) {\r\n    const t = multiplyTransformMatrixArray([\r\n      createTranslateMatrix(centerX, centerY),\r\n      createRotateMatrix({ angle }),\r\n      createScaleMatrix(\r\n        (isTouch ? this.touchSizeX : this.sizeX) || objectCornerSize,\r\n        (isTouch ? this.touchSizeY : this.sizeY) || objectCornerSize,\r\n      ),\r\n    ]);\r\n    return {\r\n      tl: new Point(-0.5, -0.5).transform(t),\r\n      tr: new Point(0.5, -0.5).transform(t),\r\n      br: new Point(0.5, 0.5).transform(t),\r\n      bl: new Point(-0.5, 0.5).transform(t),\r\n    };\r\n  }\r\n\r\n  /**\r\n   * Render function for the control.\r\n   * When this function runs the context is unscaled. unrotate. Just retina scaled.\r\n   * all the functions will have to translate to the point left,top before starting Drawing\r\n   * if they want to draw a control where the position is detected.\r\n   * left and top are the result of the positionHandler function\r\n   * @param {RenderingContext2D} ctx the context where the control will be drawn\r\n   * @param {Number} left position of the canvas where we are about to render the control.\r\n   * @param {Number} top position of the canvas where we are about to render the control.\r\n   * @param {Object} styleOverride\r\n   * @param {FabricObject} fabricObject the object where the control is about to be rendered\r\n   */\r\n  render(\r\n    ctx: CanvasRenderingContext2D,\r\n    left: number,\r\n    top: number,\r\n    styleOverride: ControlRenderingStyleOverride | undefined,\r\n    fabricObject: InteractiveFabricObject,\r\n  ) {\r\n    styleOverride = styleOverride || {};\r\n    switch (styleOverride.cornerStyle || fabricObject.cornerStyle) {\r\n      case 'circle':\r\n        renderCircleControl.call(\r\n          this,\r\n          ctx,\r\n          left,\r\n          top,\r\n          styleOverride,\r\n          fabricObject,\r\n        );\r\n        break;\r\n      default:\r\n        renderSquareControl.call(\r\n          this,\r\n          ctx,\r\n          left,\r\n          top,\r\n          styleOverride,\r\n          fabricObject,\r\n        );\r\n    }\r\n  }\r\n}\r\n"],"names":["Control","constructor","options","_defineProperty","SCALE","Object","assign","shouldActivate","controlKey","fabricObject","pointer","_ref","_fabricObject$canvas","tl","tr","br","bl","canvas","getActiveObject","isControlVisible","Intersection","isPointInPolygon","getActionHandler","eventData","control","actionHandler","getMouseDownHandler","mouseDownHandler","getMouseUpHandler","mouseUpHandler","cursorStyleHandler","coord","cursorStyle","getActionName","actionName","getVisibility","_fabricObject$_contro","_fabricObject$_contro2","_controlsVisibility","visible","setVisibility","visibility","name","positionHandler","dim","finalMatrix","currentControl","Point","x","offsetX","y","offsetY","transform","calcCornerCoords","angle","objectCornerSize","centerX","centerY","isTouch","t","multiplyTransformMatrixArray","createTranslateMatrix","createRotateMatrix","createScaleMatrix","touchSizeX","sizeX","touchSizeY","sizeY","render","ctx","left","top","styleOverride","cornerStyle","renderCircleControl","call","renderSquareControl"],"mappings":";;;;;;;AAuBO,MAAMA,OAAO,CAAC;EAyHnBC,WAAWA,CAACC,OAA0B,EAAE;AAxHxC;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AAPEC,IAAAA,eAAA,kBAQU,IAAI,CAAA;AAEd;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVEA,IAAAA,eAAA,qBAWaC,KAAK,CAAA;AAElB;AACF;AACA;AACA;AACA;AACA;AACA;AANED,IAAAA,eAAA,gBAOQ,CAAC,CAAA;AAET;AACF;AACA;AACA;AACA;AACA;AACA;AANEA,IAAAA,eAAA,YAOI,CAAC,CAAA;AAEL;AACF;AACA;AACA;AACA;AACA;AACA;AANEA,IAAAA,eAAA,YAOI,CAAC,CAAA;AAEL;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAXEA,IAAAA,eAAA,kBAYU,CAAC,CAAA;AAEX;AACF;AACA;AACA;AACA;AACA;AALEA,IAAAA,eAAA,kBAMU,CAAC,CAAA;AAEX;AACF;AACA;AACA;AACA;AACA;AALEA,IAAAA,eAAA,gBAMQ,CAAC,CAAA;AAET;AACF;AACA;AACA;AACA;AACA;AALEA,IAAAA,eAAA,gBAMQ,CAAC,CAAA;AAET;AACF;AACA;AACA;AACA;AACA;AALEA,IAAAA,eAAA,qBAMa,CAAC,CAAA;AAEd;AACF;AACA;AACA;AACA;AACA;AALEA,IAAAA,eAAA,qBAMa,CAAC,CAAA;AAEd;AACF;AACA;AACA;AACA;AACA;AALEA,IAAAA,eAAA,sBAMc,WAAW,CAAA;AAEzB;AACF;AACA;AACA;AACA;AACA;AALEA,IAAAA,eAAA,yBAMiB,KAAK,CAAA;AAGpBE,IAAAA,MAAM,CAACC,MAAM,CAAC,IAAI,EAAEJ,OAAO,CAAC;AAC9B,EAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;;AAGE;AACF;AACA;AACA;AACA;AACA;AACA;AACA;;AAGE;AACF;AACA;AACA;AACA;AACA;AACA;AACA;;EAGEK,cAAcA,CACZC,UAAkB,EAClBC,YAAqC,EACrCC,OAA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"}
+{"version":3,"file":"Control.mjs","sources":["../../../src/controls/Control.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\r\nimport type {\r\n  ControlActionHandler,\r\n  TPointerEvent,\r\n  TransformActionHandler,\r\n} from '../EventTypeDefs';\r\nimport { Intersection } from '../Intersection';\r\nimport { Point } from '../Point';\r\nimport { SCALE } from '../constants';\r\nimport type {\r\n  InteractiveFabricObject,\r\n  TOCoord,\r\n} from '../shapes/Object/InteractiveObject';\r\nimport type { TCornerPoint, TDegree, TMat2D } from '../typedefs';\r\nimport {\r\n  createRotateMatrix,\r\n  createScaleMatrix,\r\n  createTranslateMatrix,\r\n  multiplyTransformMatrixArray,\r\n} from '../util/misc/matrix';\r\nimport type { ControlRenderingStyleOverride } from './controlRendering';\r\nimport {\r\n  renderCircleControl,\r\n  renderSquareControl,\r\n  renderHorizontalPillControl,\r\n  renderVerticalPillControl,\r\n} from './controlRendering';\r\n\r\nexport class Control {\r\n  /**\r\n   * keep track of control visibility.\r\n   * mainly for backward compatibility.\r\n   * if you do not want to see a control, you can remove it\r\n   * from the control set.\r\n   * @type {Boolean}\r\n   * @default true\r\n   */\r\n  visible = true;\r\n\r\n  /**\r\n   * Name of the action that the control will likely execute.\r\n   * This is optional. FabricJS uses to identify what the user is doing for some\r\n   * extra optimizations. If you are writing a custom control and you want to know\r\n   * somewhere else in the code what is going on, you can use this string here.\r\n   * you can also provide a custom getActionName if your control run multiple actions\r\n   * depending on some external state.\r\n   * default to scale since is the most common, used on 4 corners by default\r\n   * @type {String}\r\n   * @default 'scale'\r\n   */\r\n  actionName = SCALE;\r\n\r\n  /**\r\n   * Drawing angle of the control.\r\n   * NOT used for now, but name marked as needed for internal logic\r\n   * example: to reuse the same drawing function for different rotated controls\r\n   * @type {Number}\r\n   * @default 0\r\n   */\r\n  angle = 0;\r\n\r\n  /**\r\n   * Relative position of the control. X\r\n   * 0,0 is the center of the Object, while -0.5 (left) or 0.5 (right) are the extremities\r\n   * of the bounding box.\r\n   * @type {Number}\r\n   * @default 0\r\n   */\r\n  x = 0;\r\n\r\n  /**\r\n   * Relative position of the control. Y\r\n   * 0,0 is the center of the Object, while -0.5 (top) or 0.5 (bottom) are the extremities\r\n   * of the bounding box.\r\n   * @type {Number}\r\n   * @default 0\r\n   */\r\n  y = 0;\r\n\r\n  /**\r\n   * Horizontal offset of the control from the defined position. In pixels\r\n   * Positive offset moves the control to the right, negative to the left.\r\n   * It used when you want to have position of control that does not scale with\r\n   * the bounding box. Example: rotation control is placed at x:0, y: 0.5 on\r\n   * the boundind box, with an offset of 30 pixels vertically. Those 30 pixels will\r\n   * stay 30 pixels no matter how the object is big. Another example is having 2\r\n   * controls in the corner, that stay in the same position when the object scale.\r\n   * of the bounding box.\r\n   * @type {Number}\r\n   * @default 0\r\n   */\r\n  offsetX = 0;\r\n\r\n  /**\r\n   * Vertical offset of the control from the defined position. In pixels\r\n   * Positive offset moves the control to the bottom, negative to the top.\r\n   * @type {Number}\r\n   * @default 0\r\n   */\r\n  offsetY = 0;\r\n\r\n  /**\r\n   * Sets the length of the control. If null, defaults to object's cornerSize.\r\n   * Expects both sizeX and sizeY to be set when set.\r\n   * @type {?Number}\r\n   * @default null\r\n   */\r\n  sizeX = 0;\r\n\r\n  /**\r\n   * Sets the height of the control. If null, defaults to object's cornerSize.\r\n   * Expects both sizeX and sizeY to be set when set.\r\n   * @type {?Number}\r\n   * @default null\r\n   */\r\n  sizeY = 0;\r\n\r\n  /**\r\n   * Sets the length of the touch area of the control. If null, defaults to object's touchCornerSize.\r\n   * Expects both touchSizeX and touchSizeY to be set when set.\r\n   * @type {?Number}\r\n   * @default null\r\n   */\r\n  touchSizeX = 0;\r\n\r\n  /**\r\n   * Sets the height of the touch area of the control. If null, defaults to object's touchCornerSize.\r\n   * Expects both touchSizeX and touchSizeY to be set when set.\r\n   * @type {?Number}\r\n   * @default null\r\n   */\r\n  touchSizeY = 0;\r\n\r\n  /**\r\n   * Css cursor style to display when the control is hovered.\r\n   * if the method `cursorStyleHandler` is provided, this property is ignored.\r\n   * @type {String}\r\n   * @default 'crosshair'\r\n   */\r\n  cursorStyle = 'crosshair';\r\n\r\n  /**\r\n   * If controls has an offsetY or offsetX, draw a line that connects\r\n   * the control to the bounding box\r\n   * @type {Boolean}\r\n   * @default false\r\n   */\r\n  withConnection = false;\r\n\r\n  constructor(options?: Partial<Control>) {\r\n    Object.assign(this, options);\r\n  }\r\n\r\n  /**\r\n   * The control actionHandler, provide one to handle action ( control being moved )\r\n   * @param {Event} eventData the native mouse event\r\n   * @param {Transform} transformData properties of the current transform\r\n   * @param {Number} x x position of the cursor\r\n   * @param {Number} y y position of the cursor\r\n   * @return {Boolean} true if the action/event modified the object\r\n   */\r\n  declare actionHandler: TransformActionHandler;\r\n\r\n  /**\r\n   * The control handler for mouse down, provide one to handle mouse down on control\r\n   * @param {Event} eventData the native mouse event\r\n   * @param {Transform} transformData properties of the current transform\r\n   * @param {Number} x x position of the cursor\r\n   * @param {Number} y y position of the cursor\r\n   * @return {Boolean} true if the action/event modified the object\r\n   */\r\n  declare mouseDownHandler?: ControlActionHandler;\r\n\r\n  /**\r\n   * The control mouseUpHandler, provide one to handle an effect on mouse up.\r\n   * @param {Event} eventData the native mouse event\r\n   * @param {Transform} transformData properties of the current transform\r\n   * @param {Number} x x position of the cursor\r\n   * @param {Number} y y position of the cursor\r\n   * @return {Boolean} true if the action/event modified the object\r\n   */\r\n  declare mouseUpHandler?: ControlActionHandler;\r\n\r\n  shouldActivate(\r\n    controlKey: string,\r\n    fabricObject: InteractiveFabricObject,\r\n    pointer: Point,\r\n    { tl, tr, br, bl }: TCornerPoint,\r\n  ) {\r\n    // TODO: locking logic can be handled here instead of in the control handler logic\r\n    return (\r\n      fabricObject.canvas?.getActiveObject() === fabricObject &&\r\n      fabricObject.isControlVisible(controlKey) &&\r\n      Intersection.isPointInPolygon(pointer, [tl, tr, br, bl])\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Returns control actionHandler\r\n   * @param {Event} eventData the native mouse event\r\n   * @param {FabricObject} fabricObject on which the control is displayed\r\n   * @param {Control} control control for which the action handler is being asked\r\n   * @return {Function} the action handler\r\n   */\r\n  getActionHandler(\r\n    eventData: TPointerEvent,\r\n    fabricObject: InteractiveFabricObject,\r\n    control: Control,\r\n  ): TransformActionHandler | undefined {\r\n    return this.actionHandler;\r\n  }\r\n\r\n  /**\r\n   * Returns control mouseDown handler\r\n   * @param {Event} eventData the native mouse event\r\n   * @param {FabricObject} fabricObject on which the control is displayed\r\n   * @param {Control} control control for which the action handler is being asked\r\n   * @return {Function} the action handler\r\n   */\r\n  getMouseDownHandler(\r\n    eventData: TPointerEvent,\r\n    fabricObject: InteractiveFabricObject,\r\n    control: Control,\r\n  ): ControlActionHandler | undefined {\r\n    return this.mouseDownHandler;\r\n  }\r\n\r\n  /**\r\n   * Returns control mouseUp handler.\r\n   * During actions the fabricObject or the control can be of different obj\r\n   * @param {Event} eventData the native mouse event\r\n   * @param {FabricObject} fabricObject on which the control is displayed\r\n   * @param {Control} control control for which the action handler is being asked\r\n   * @return {Function} the action handler\r\n   */\r\n  getMouseUpHandler(\r\n    eventData: TPointerEvent,\r\n    fabricObject: InteractiveFabricObject,\r\n    control: Control,\r\n  ): ControlActionHandler | undefined {\r\n    return this.mouseUpHandler;\r\n  }\r\n\r\n  /**\r\n   * Returns control cursorStyle for css using cursorStyle. If you need a more elaborate\r\n   * function you can pass one in the constructor\r\n   * the cursorStyle property\r\n   * @param {Event} eventData the native mouse event\r\n   * @param {Control} control the current control ( likely this)\r\n   * @param {FabricObject} object on which the control is displayed\r\n   * @return {String}\r\n   */\r\n  cursorStyleHandler(\r\n    eventData: TPointerEvent,\r\n    control: Control,\r\n    fabricObject: InteractiveFabricObject,\r\n    coord: TOCoord,\r\n  ) {\r\n    return control.cursorStyle;\r\n  }\r\n\r\n  /**\r\n   * Returns the action name. The basic implementation just return the actionName property.\r\n   * @param {Event} eventData the native mouse event\r\n   * @param {Control} control the current control ( likely this)\r\n   * @param {FabricObject} object on which the control is displayed\r\n   * @return {String}\r\n   */\r\n  getActionName(\r\n    eventData: TPointerEvent,\r\n    control: Control,\r\n    fabricObject: InteractiveFabricObject,\r\n  ) {\r\n    return control.actionName;\r\n  }\r\n\r\n  /**\r\n   * Returns controls visibility\r\n   * @param {FabricObject} object on which the control is displayed\r\n   * @param {String} controlKey key where the control is memorized on the\r\n   * @return {Boolean}\r\n   */\r\n  getVisibility(fabricObject: InteractiveFabricObject, controlKey: string) {\r\n    return fabricObject._controlsVisibility?.[controlKey] ?? this.visible;\r\n  }\r\n\r\n  /**\r\n   * Sets controls visibility\r\n   * @param {Boolean} visibility for the object\r\n   * @return {Void}\r\n   */\r\n  setVisibility(\r\n    visibility: boolean,\r\n    name?: string,\r\n    fabricObject?: InteractiveFabricObject,\r\n  ) {\r\n    this.visible = visibility;\r\n  }\r\n\r\n  positionHandler(\r\n    dim: Point,\r\n    finalMatrix: TMat2D,\r\n    fabricObject: InteractiveFabricObject,\r\n    currentControl: Control,\r\n  ) {\r\n    return new Point(\r\n      this.x * dim.x + this.offsetX,\r\n      this.y * dim.y + this.offsetY,\r\n    ).transform(finalMatrix);\r\n  }\r\n\r\n  /**\r\n   * Returns the coords for this control based on object values.\r\n   * @param {Number} objectAngle angle from the fabric object holding the control\r\n   * @param {Number} objectCornerSize cornerSize from the fabric object holding the control (or touchCornerSize if\r\n   *   isTouch is true)\r\n   * @param {Number} centerX x coordinate where the control center should be\r\n   * @param {Number} centerY y coordinate where the control center should be\r\n   * @param {boolean} isTouch true if touch corner, false if normal corner\r\n   */\r\n  calcCornerCoords(\r\n    angle: TDegree,\r\n    objectCornerSize: number,\r\n    centerX: number,\r\n    centerY: number,\r\n    isTouch: boolean,\r\n    fabricObject: InteractiveFabricObject,\r\n  ) {\r\n    const t = multiplyTransformMatrixArray([\r\n      createTranslateMatrix(centerX, centerY),\r\n      createRotateMatrix({ angle }),\r\n      createScaleMatrix(\r\n        (isTouch ? this.touchSizeX : this.sizeX) || objectCornerSize,\r\n        (isTouch ? this.touchSizeY : this.sizeY) || objectCornerSize,\r\n      ),\r\n    ]);\r\n    return {\r\n      tl: new Point(-0.5, -0.5).transform(t),\r\n      tr: new Point(0.5, -0.5).transform(t),\r\n      br: new Point(0.5, 0.5).transform(t),\r\n      bl: new Point(-0.5, 0.5).transform(t),\r\n    };\r\n  }\r\n\r\n  /**\r\n   * Render function for the control.\r\n   * When this function runs the context is unscaled. unrotate. Just retina scaled.\r\n   * all the functions will have to translate to the point left,top before starting Drawing\r\n   * if they want to draw a control where the position is detected.\r\n   * left and top are the result of the positionHandler function\r\n   * @param {RenderingContext2D} ctx the context where the control will be drawn\r\n   * @param {Number} left position of the canvas where we are about to render the control.\r\n   * @param {Number} top position of the canvas where we are about to render the control.\r\n   * @param {Object} styleOverride\r\n   * @param {FabricObject} fabricObject the object where the control is about to be rendered\r\n   */\r\n  render(\r\n    ctx: CanvasRenderingContext2D,\r\n    left: number,\r\n    top: number,\r\n    styleOverride: ControlRenderingStyleOverride | undefined,\r\n    fabricObject: InteractiveFabricObject,\r\n  ) {\r\n    styleOverride = styleOverride || {};\r\n\r\n    // Auto-detect side controls by position and use pill renderers\r\n    // Side controls have one axis at 0: ml/mr have y=0, mt/mb have x=0\r\n    const isSideControl =\r\n      (this.x === 0 || this.y === 0) && !(this.x === 0 && this.y === 0);\r\n\r\n    if (isSideControl && !styleOverride.cornerStyle) {\r\n      // Horizontal pills for left/right (y = 0)\r\n      if (this.y === 0 && this.x !== 0) {\r\n        renderHorizontalPillControl.call(\r\n          this,\r\n          ctx,\r\n          left,\r\n          top,\r\n          styleOverride,\r\n          fabricObject,\r\n        );\r\n        return;\r\n      }\r\n      // Vertical pills for top/bottom (x = 0)\r\n      if (this.x === 0 && this.y !== 0) {\r\n        renderVerticalPillControl.call(\r\n          this,\r\n          ctx,\r\n          left,\r\n          top,\r\n          styleOverride,\r\n          fabricObject,\r\n        );\r\n        return;\r\n      }\r\n    }\r\n\r\n    // Corner controls and rotation use cornerStyle\r\n    switch (styleOverride.cornerStyle || fabricObject.cornerStyle) {\r\n      case 'circle':\r\n        renderCircleControl.call(\r\n          this,\r\n          ctx,\r\n          left,\r\n          top,\r\n          styleOverride,\r\n          fabricObject,\r\n        );\r\n        break;\r\n      default:\r\n        renderSquareControl.call(\r\n          this,\r\n          ctx,\r\n          left,\r\n          top,\r\n          styleOverride,\r\n          fabricObject,\r\n        );\r\n    }\r\n  }\r\n}\r\n"],"names":["Control","constructor","options","_defineProperty","SCALE","Object","assign","shouldActivate","controlKey","fabricObject","pointer","_ref","_fabricObject$canvas","tl","tr","br","bl","canvas","getActiveObject","isControlVisible","Intersection","isPointInPolygon","getActionHandler","eventData","control","actionHandler","getMouseDownHandler","mouseDownHandler","getMouseUpHandler","mouseUpHandler","cursorStyleHandler","coord","cursorStyle","getActionName","actionName","getVisibility","_fabricObject$_contro","_fabricObject$_contro2","_controlsVisibility","visible","setVisibility","visibility","name","positionHandler","dim","finalMatrix","currentControl","Point","x","offsetX","y","offsetY","transform","calcCornerCoords","angle","objectCornerSize","centerX","centerY","isTouch","t","multiplyTransformMatrixArray","createTranslateMatrix","createRotateMatrix","createScaleMatrix","touchSizeX","sizeX","touchSizeY","sizeY","render","ctx","left","top","styleOverride","isSideControl","cornerStyle","renderHorizontalPillControl","call","renderVerticalPillControl","renderCircleControl","renderSquareControl"],"mappings":";;;;;;;AA4BO,MAAMA,OAAO,CAAC;EAyHnBC,WAAWA,CAACC,OAA0B,EAAE;AAxHxC;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AAPEC,IAAAA,eAAA,kBAQU,IAAI,CAAA;AAEd;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVEA,IAAAA,eAAA,qBAWaC,KAAK,CAAA;AAElB;AACF;AACA;AACA;AACA;AACA;AACA;AANED,IAAAA,eAAA,gBAOQ,CAAC,CAAA;AAET;AACF;AACA;AACA;AACA;AACA;AACA;AANEA,IAAAA,eAAA,YAOI,CAAC,CAAA;AAEL;AACF;AACA;AACA;AACA;AACA;AACA;AANEA,IAAAA,eAAA,YAOI,CAAC,CAAA;AAEL;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAXEA,IAAAA,eAAA,kBAYU,CAAC,CAAA;AAEX;AACF;AACA;AACA;AACA;AACA;AALEA,IAAAA,eAAA,kBAMU,CAAC,CAAA;AAEX;AACF;AACA;AACA;AACA;AACA;AALEA,IAAAA,eAAA,gBAMQ,CAAC,CAAA;AAET;AACF;AACA;AACA;AACA;AACA;AALEA,IAAAA,eAAA,gBAMQ,CAAC,CAAA;AAET;AACF;AACA;AACA;AACA;AACA;AALEA,IAAAA,eAAA,qBAMa,CAAC,CAAA;AAEd;AACF;AACA;AACA;AACA;AACA;AALEA,IAAAA,eAAA,qBAMa,CAAC,CAAA;AAEd;AACF;AACA;AACA;AACA;AACA;AALEA,IAAAA,eAAA,sBAMc,WAAW,CAAA;AAEzB;AACF;AACA;AACA;AACA;AACA;AALEA,IAAAA,eAAA,yBAMiB,KAAK,CAAA;AAGpBE,IAAAA,MAAM,CAACC,MAAM,CAAC,IAAI,EAAEJ,OAAO,CAAC;AAC9B,EAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;;AAGE;AACF;AACA;AACA;AACA;AACA;AACA;AACA;;AAGE;AACF;AACA;AACA;AACA;AACA;AACA;AACA;;EAGEK,cAAcA,CACZC,UAAkB,EAClBC,YAAqC,EACrCC,OAA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"}

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

@@ -1 +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"}
+{"version":3,"file":"commonControls.d.ts","sourceRoot":"","sources":["../../../src/controls/commonControls.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAepC,eAAO,MAAM,2BAA2B;;;;;;;;;;CAkFtC,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;CAqB/B,CAAC;AAEH,eAAO,MAAM,4BAA4B;;;;;;;;CAQxC,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"commonControls.min.mjs","sources":["../../../src/controls/commonControls.ts"],"sourcesContent":["import { RESIZING, ROTATE } from '../constants';\r\nimport { changeWidth } from './changeWidth';\r\nimport { changeHeight } from './changeHeight';\r\nimport { Control } from './Control';\r\nimport { rotationStyleHandler, rotationWithSnapping } from './rotate';\r\nimport { scaleCursorStyleHandler, scalingEqually } from './scale';\r\nimport {\r\n  scaleOrSkewActionName,\r\n  scaleSkewCursorStyleHandler,\r\n  scalingXOrSkewingY,\r\n  scalingYOrSkewingX,\r\n} from './scaleSkew';\r\n\r\n// use this function if you want to generate new controls for every instance\r\nexport const createObjectDefaultControls = () => ({\r\n  ml: new Control({\r\n    x: -0.5,\r\n    y: 0,\r\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n    actionHandler: scalingXOrSkewingY,\r\n    getActionName: scaleOrSkewActionName,\r\n  }),\r\n\r\n  mr: new Control({\r\n    x: 0.5,\r\n    y: 0,\r\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n    actionHandler: scalingXOrSkewingY,\r\n    getActionName: scaleOrSkewActionName,\r\n  }),\r\n\r\n  mb: new Control({\r\n    x: 0,\r\n    y: 0.5,\r\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n    actionHandler: scalingYOrSkewingX,\r\n    getActionName: scaleOrSkewActionName,\r\n  }),\r\n\r\n  mt: new Control({\r\n    x: 0,\r\n    y: -0.5,\r\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n    actionHandler: scalingYOrSkewingX,\r\n    getActionName: scaleOrSkewActionName,\r\n  }),\r\n\r\n  tl: new Control({\r\n    x: -0.5,\r\n    y: -0.5,\r\n    cursorStyleHandler: scaleCursorStyleHandler,\r\n    actionHandler: scalingEqually,\r\n  }),\r\n\r\n  tr: new Control({\r\n    x: 0.5,\r\n    y: -0.5,\r\n    cursorStyleHandler: scaleCursorStyleHandler,\r\n    actionHandler: scalingEqually,\r\n  }),\r\n\r\n  bl: new Control({\r\n    x: -0.5,\r\n    y: 0.5,\r\n    cursorStyleHandler: scaleCursorStyleHandler,\r\n    actionHandler: scalingEqually,\r\n  }),\r\n\r\n  br: new Control({\r\n    x: 0.5,\r\n    y: 0.5,\r\n    cursorStyleHandler: scaleCursorStyleHandler,\r\n    actionHandler: scalingEqually,\r\n  }),\r\n\r\n  mtr: new Control({\r\n    x: 0,\r\n    y: -0.5,\r\n    actionHandler: rotationWithSnapping,\r\n    cursorStyleHandler: rotationStyleHandler,\r\n    offsetY: -40,\r\n    withConnection: true,\r\n    actionName: ROTATE,\r\n  }),\r\n});\r\n\r\nexport const createResizeControls = () => ({\r\n  mr: new Control({\r\n    x: 0.5,\r\n    y: 0,\r\n    actionHandler: changeWidth,\r\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n    actionName: RESIZING,\r\n  }),\r\n  ml: new Control({\r\n    x: -0.5,\r\n    y: 0,\r\n    actionHandler: changeWidth,\r\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n    actionName: RESIZING,\r\n  }),\r\n});\r\n\r\nexport const createTextboxDefaultControls = () => {\r\n  const { mt, mb, ...controls } = {\r\n    ...createObjectDefaultControls(),\r\n    ...createResizeControls(),\r\n  };\r\n  // Exclude mt and mb controls - textbox height is auto-calculated based on content\r\n  // Only width can be manually adjusted, height adjusts automatically for text wrapping\r\n  return controls;\r\n};\r\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"}
+{"version":3,"file":"commonControls.min.mjs","sources":["../../../src/controls/commonControls.ts"],"sourcesContent":["import { RESIZING, ROTATE } from '../constants';\r\nimport { changeWidth } from './changeWidth';\r\nimport { changeHeight } from './changeHeight';\r\nimport { Control } from './Control';\r\nimport {\r\n  renderHorizontalPillControl,\r\n  renderVerticalPillControl,\r\n} from './controlRendering';\r\nimport { rotationStyleHandler, rotationWithSnapping } from './rotate';\r\nimport { scaleCursorStyleHandler, scalingEqually } from './scale';\r\nimport {\r\n  scaleOrSkewActionName,\r\n  scaleSkewCursorStyleHandler,\r\n  scalingXOrSkewingY,\r\n  scalingYOrSkewingX,\r\n} from './scaleSkew';\r\n\r\n// use this function if you want to generate new controls for every instance\r\nexport const createObjectDefaultControls = () => ({\r\n  ml: new Control({\r\n    x: -0.5,\r\n    y: 0,\r\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n    actionHandler: scalingXOrSkewingY,\r\n    getActionName: scaleOrSkewActionName,\r\n    render: renderHorizontalPillControl,\r\n    sizeX: 6,\r\n    sizeY: 20,\r\n  }),\r\n\r\n  mr: new Control({\r\n    x: 0.5,\r\n    y: 0,\r\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n    actionHandler: scalingXOrSkewingY,\r\n    getActionName: scaleOrSkewActionName,\r\n    render: renderHorizontalPillControl,\r\n    sizeX: 6,\r\n    sizeY: 20,\r\n  }),\r\n\r\n  mb: new Control({\r\n    x: 0,\r\n    y: 0.5,\r\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n    actionHandler: scalingYOrSkewingX,\r\n    getActionName: scaleOrSkewActionName,\r\n    render: renderVerticalPillControl,\r\n    sizeX: 20,\r\n    sizeY: 6,\r\n  }),\r\n\r\n  mt: new Control({\r\n    x: 0,\r\n    y: -0.5,\r\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n    actionHandler: scalingYOrSkewingX,\r\n    getActionName: scaleOrSkewActionName,\r\n    render: renderVerticalPillControl,\r\n    sizeX: 20,\r\n    sizeY: 6,\r\n  }),\r\n\r\n  tl: new Control({\r\n    x: -0.5,\r\n    y: -0.5,\r\n    cursorStyleHandler: scaleCursorStyleHandler,\r\n    actionHandler: scalingEqually,\r\n  }),\r\n\r\n  tr: new Control({\r\n    x: 0.5,\r\n    y: -0.5,\r\n    cursorStyleHandler: scaleCursorStyleHandler,\r\n    actionHandler: scalingEqually,\r\n  }),\r\n\r\n  bl: new Control({\r\n    x: -0.5,\r\n    y: 0.5,\r\n    cursorStyleHandler: scaleCursorStyleHandler,\r\n    actionHandler: scalingEqually,\r\n  }),\r\n\r\n  br: new Control({\r\n    x: 0.5,\r\n    y: 0.5,\r\n    cursorStyleHandler: scaleCursorStyleHandler,\r\n    actionHandler: scalingEqually,\r\n  }),\r\n\r\n  mtr: new Control({\r\n    x: 0,\r\n    y: -0.5,\r\n    actionHandler: rotationWithSnapping,\r\n    cursorStyleHandler: rotationStyleHandler,\r\n    offsetY: -40,\r\n    withConnection: true,\r\n    actionName: ROTATE,\r\n  }),\r\n});\r\n\r\nexport const createResizeControls = () => ({\r\n  mr: new Control({\r\n    x: 0.5,\r\n    y: 0,\r\n    actionHandler: changeWidth,\r\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n    actionName: RESIZING,\r\n    render: renderHorizontalPillControl,\r\n    sizeX: 6,\r\n    sizeY: 20,\r\n  }),\r\n  ml: new Control({\r\n    x: -0.5,\r\n    y: 0,\r\n    actionHandler: changeWidth,\r\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n    actionName: RESIZING,\r\n    render: renderHorizontalPillControl,\r\n    sizeX: 6,\r\n    sizeY: 20,\r\n  }),\r\n});\r\n\r\nexport const createTextboxDefaultControls = () => {\r\n  const { mt, mb, ...controls } = {\r\n    ...createObjectDefaultControls(),\r\n    ...createResizeControls(),\r\n  };\r\n  // Exclude mt and mb controls - textbox height is auto-calculated based on content\r\n  // Only width can be manually adjusted, height adjusts automatically for text wrapping\r\n  return controls;\r\n};\r\n"],"names":["createObjectDefaultControls","ml","Control","x","y","cursorStyleHandler","scaleSkewCursorStyleHandler","actionHandler","scalingXOrSkewingY","getActionName","scaleOrSkewActionName","render","renderHorizontalPillControl","sizeX","sizeY","mr","mb","scalingYOrSkewingX","renderVerticalPillControl","mt","tl","scaleCursorStyleHandler","scalingEqually","tr","bl","br","mtr","rotationWithSnapping","rotationStyleHandler","offsetY","withConnection","actionName","ROTATE","createResizeControls","changeWidth","RESIZING","createTextboxDefaultControls","controls"],"mappings":"ijBAkBO,MAAMA,EAA8BA,KAAAA,CACzCC,GAAI,IAAIC,EAAQ,CACdC,GAAG,GACHC,EAAG,EACHC,mBAAoBC,EACpBC,cAAeC,EACfC,cAAeC,EACfC,OAAQC,EACRC,MAAO,EACPC,MAAO,KAGTC,GAAI,IAAIb,EAAQ,CACdC,EAAG,GACHC,EAAG,EACHC,mBAAoBC,EACpBC,cAAeC,EACfC,cAAeC,EACfC,OAAQC,EACRC,MAAO,EACPC,MAAO,KAGTE,GAAI,IAAId,EAAQ,CACdC,EAAG,EACHC,EAAG,GACHC,mBAAoBC,EACpBC,cAAeU,EACfR,cAAeC,EACfC,OAAQO,EACRL,MAAO,GACPC,MAAO,IAGTK,GAAI,IAAIjB,EAAQ,CACdC,EAAG,EACHC,GAAG,GACHC,mBAAoBC,EACpBC,cAAeU,EACfR,cAAeC,EACfC,OAAQO,EACRL,MAAO,GACPC,MAAO,IAGTM,GAAI,IAAIlB,EAAQ,CACdC,GAAG,GACHC,GAAG,GACHC,mBAAoBgB,EACpBd,cAAee,IAGjBC,GAAI,IAAIrB,EAAQ,CACdC,EAAG,GACHC,GAAG,GACHC,mBAAoBgB,EACpBd,cAAee,IAGjBE,GAAI,IAAItB,EAAQ,CACdC,GAAG,GACHC,EAAG,GACHC,mBAAoBgB,EACpBd,cAAee,IAGjBG,GAAI,IAAIvB,EAAQ,CACdC,EAAG,GACHC,EAAG,GACHC,mBAAoBgB,EACpBd,cAAee,IAGjBI,IAAK,IAAIxB,EAAQ,CACfC,EAAG,EACHC,GAAG,GACHG,cAAeoB,EACftB,mBAAoBuB,EACpBC,SAAS,GACTC,gBAAgB,EAChBC,WAAYC,MAIHC,EAAuBA,KAAAA,CAClClB,GAAI,IAAIb,EAAQ,CACdC,EAAG,GACHC,EAAG,EACHG,cAAe2B,EACf7B,mBAAoBC,EACpByB,WAAYI,EACZxB,OAAQC,EACRC,MAAO,EACPC,MAAO,KAETb,GAAI,IAAIC,EAAQ,CACdC,GAAG,GACHC,EAAG,EACHG,cAAe2B,EACf7B,mBAAoBC,EACpByB,WAAYI,EACZxB,OAAQC,EACRC,MAAO,EACPC,MAAO,OAIEsB,EAA+BA,KAC1C,MAAMjB,GAAEA,EAAEH,GAAEA,KAAOqB,GAAa,IAC3BrC,OACAiC,KAIL,OAAOI"}

package/dist/src/controls/commonControls.mjs

@@ -1,6 +1,7 @@
 import { ROTATE, RESIZING } from '../constants.mjs';
 import { changeWidth } from './changeWidth.mjs';
 import { Control } from './Control.mjs';
+import { renderVerticalPillControl, renderHorizontalPillControl } from './controlRendering.mjs';
 import { rotationStyleHandler, rotationWithSnapping } from './rotate.mjs';
 import { scalingEqually, scaleCursorStyleHandler } from './scale.mjs';
 import { scaleOrSkewActionName, scalingYOrSkewingX, scaleSkewCursorStyleHandler, scalingXOrSkewingY } from './scaleSkew.mjs';
@@ -12,28 +13,40 @@ const createObjectDefaultControls = () => ({
     y: 0,
     cursorStyleHandler: scaleSkewCursorStyleHandler,
     actionHandler: scalingXOrSkewingY,
-    getActionName: scaleOrSkewActionName
+    getActionName: scaleOrSkewActionName,
+    render: renderHorizontalPillControl,
+    sizeX: 6,
+    sizeY: 20
   }),
   mr: new Control({
     x: 0.5,
     y: 0,
     cursorStyleHandler: scaleSkewCursorStyleHandler,
     actionHandler: scalingXOrSkewingY,
-    getActionName: scaleOrSkewActionName
+    getActionName: scaleOrSkewActionName,
+    render: renderHorizontalPillControl,
+    sizeX: 6,
+    sizeY: 20
   }),
   mb: new Control({
     x: 0,
     y: 0.5,
     cursorStyleHandler: scaleSkewCursorStyleHandler,
     actionHandler: scalingYOrSkewingX,
-    getActionName: scaleOrSkewActionName
+    getActionName: scaleOrSkewActionName,
+    render: renderVerticalPillControl,
+    sizeX: 20,
+    sizeY: 6
   }),
   mt: new Control({
     x: 0,
     y: -0.5,
     cursorStyleHandler: scaleSkewCursorStyleHandler,
     actionHandler: scalingYOrSkewingX,
-    getActionName: scaleOrSkewActionName
+    getActionName: scaleOrSkewActionName,
+    render: renderVerticalPillControl,
+    sizeX: 20,
+    sizeY: 6
   }),
   tl: new Control({
     x: -0.5,
@@ -75,14 +88,20 @@ const createResizeControls = () => ({
     y: 0,
     actionHandler: changeWidth,
     cursorStyleHandler: scaleSkewCursorStyleHandler,
-    actionName: RESIZING
+    actionName: RESIZING,
+    render: renderHorizontalPillControl,
+    sizeX: 6,
+    sizeY: 20
   }),
   ml: new Control({
     x: -0.5,
     y: 0,
     actionHandler: changeWidth,
     cursorStyleHandler: scaleSkewCursorStyleHandler,
-    actionName: RESIZING
+    actionName: RESIZING,
+    render: renderHorizontalPillControl,
+    sizeX: 6,
+    sizeY: 20
   })
 });
 const createTextboxDefaultControls = () => {

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

@@ -1 +1 @@
-{"version":3,"file":"commonControls.mjs","sources":["../../../src/controls/commonControls.ts"],"sourcesContent":["import { RESIZING, ROTATE } from '../constants';\r\nimport { changeWidth } from './changeWidth';\r\nimport { changeHeight } from './changeHeight';\r\nimport { Control } from './Control';\r\nimport { rotationStyleHandler, rotationWithSnapping } from './rotate';\r\nimport { scaleCursorStyleHandler, scalingEqually } from './scale';\r\nimport {\r\n  scaleOrSkewActionName,\r\n  scaleSkewCursorStyleHandler,\r\n  scalingXOrSkewingY,\r\n  scalingYOrSkewingX,\r\n} from './scaleSkew';\r\n\r\n// use this function if you want to generate new controls for every instance\r\nexport const createObjectDefaultControls = () => ({\r\n  ml: new Control({\r\n    x: -0.5,\r\n    y: 0,\r\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n    actionHandler: scalingXOrSkewingY,\r\n    getActionName: scaleOrSkewActionName,\r\n  }),\r\n\r\n  mr: new Control({\r\n    x: 0.5,\r\n    y: 0,\r\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n    actionHandler: scalingXOrSkewingY,\r\n    getActionName: scaleOrSkewActionName,\r\n  }),\r\n\r\n  mb: new Control({\r\n    x: 0,\r\n    y: 0.5,\r\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n    actionHandler: scalingYOrSkewingX,\r\n    getActionName: scaleOrSkewActionName,\r\n  }),\r\n\r\n  mt: new Control({\r\n    x: 0,\r\n    y: -0.5,\r\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n    actionHandler: scalingYOrSkewingX,\r\n    getActionName: scaleOrSkewActionName,\r\n  }),\r\n\r\n  tl: new Control({\r\n    x: -0.5,\r\n    y: -0.5,\r\n    cursorStyleHandler: scaleCursorStyleHandler,\r\n    actionHandler: scalingEqually,\r\n  }),\r\n\r\n  tr: new Control({\r\n    x: 0.5,\r\n    y: -0.5,\r\n    cursorStyleHandler: scaleCursorStyleHandler,\r\n    actionHandler: scalingEqually,\r\n  }),\r\n\r\n  bl: new Control({\r\n    x: -0.5,\r\n    y: 0.5,\r\n    cursorStyleHandler: scaleCursorStyleHandler,\r\n    actionHandler: scalingEqually,\r\n  }),\r\n\r\n  br: new Control({\r\n    x: 0.5,\r\n    y: 0.5,\r\n    cursorStyleHandler: scaleCursorStyleHandler,\r\n    actionHandler: scalingEqually,\r\n  }),\r\n\r\n  mtr: new Control({\r\n    x: 0,\r\n    y: -0.5,\r\n    actionHandler: rotationWithSnapping,\r\n    cursorStyleHandler: rotationStyleHandler,\r\n    offsetY: -40,\r\n    withConnection: true,\r\n    actionName: ROTATE,\r\n  }),\r\n});\r\n\r\nexport const createResizeControls = () => ({\r\n  mr: new Control({\r\n    x: 0.5,\r\n    y: 0,\r\n    actionHandler: changeWidth,\r\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n    actionName: RESIZING,\r\n  }),\r\n  ml: new Control({\r\n    x: -0.5,\r\n    y: 0,\r\n    actionHandler: changeWidth,\r\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n    actionName: RESIZING,\r\n  }),\r\n});\r\n\r\nexport const createTextboxDefaultControls = () => {\r\n  const { mt, mb, ...controls } = {\r\n    ...createObjectDefaultControls(),\r\n    ...createResizeControls(),\r\n  };\r\n  // Exclude mt and mb controls - textbox height is auto-calculated based on content\r\n  // Only width can be manually adjusted, height adjusts automatically for text wrapping\r\n  return controls;\r\n};\r\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":"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"}
+{"version":3,"file":"commonControls.mjs","sources":["../../../src/controls/commonControls.ts"],"sourcesContent":["import { RESIZING, ROTATE } from '../constants';\r\nimport { changeWidth } from './changeWidth';\r\nimport { changeHeight } from './changeHeight';\r\nimport { Control } from './Control';\r\nimport {\r\n  renderHorizontalPillControl,\r\n  renderVerticalPillControl,\r\n} from './controlRendering';\r\nimport { rotationStyleHandler, rotationWithSnapping } from './rotate';\r\nimport { scaleCursorStyleHandler, scalingEqually } from './scale';\r\nimport {\r\n  scaleOrSkewActionName,\r\n  scaleSkewCursorStyleHandler,\r\n  scalingXOrSkewingY,\r\n  scalingYOrSkewingX,\r\n} from './scaleSkew';\r\n\r\n// use this function if you want to generate new controls for every instance\r\nexport const createObjectDefaultControls = () => ({\r\n  ml: new Control({\r\n    x: -0.5,\r\n    y: 0,\r\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n    actionHandler: scalingXOrSkewingY,\r\n    getActionName: scaleOrSkewActionName,\r\n    render: renderHorizontalPillControl,\r\n    sizeX: 6,\r\n    sizeY: 20,\r\n  }),\r\n\r\n  mr: new Control({\r\n    x: 0.5,\r\n    y: 0,\r\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n    actionHandler: scalingXOrSkewingY,\r\n    getActionName: scaleOrSkewActionName,\r\n    render: renderHorizontalPillControl,\r\n    sizeX: 6,\r\n    sizeY: 20,\r\n  }),\r\n\r\n  mb: new Control({\r\n    x: 0,\r\n    y: 0.5,\r\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n    actionHandler: scalingYOrSkewingX,\r\n    getActionName: scaleOrSkewActionName,\r\n    render: renderVerticalPillControl,\r\n    sizeX: 20,\r\n    sizeY: 6,\r\n  }),\r\n\r\n  mt: new Control({\r\n    x: 0,\r\n    y: -0.5,\r\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n    actionHandler: scalingYOrSkewingX,\r\n    getActionName: scaleOrSkewActionName,\r\n    render: renderVerticalPillControl,\r\n    sizeX: 20,\r\n    sizeY: 6,\r\n  }),\r\n\r\n  tl: new Control({\r\n    x: -0.5,\r\n    y: -0.5,\r\n    cursorStyleHandler: scaleCursorStyleHandler,\r\n    actionHandler: scalingEqually,\r\n  }),\r\n\r\n  tr: new Control({\r\n    x: 0.5,\r\n    y: -0.5,\r\n    cursorStyleHandler: scaleCursorStyleHandler,\r\n    actionHandler: scalingEqually,\r\n  }),\r\n\r\n  bl: new Control({\r\n    x: -0.5,\r\n    y: 0.5,\r\n    cursorStyleHandler: scaleCursorStyleHandler,\r\n    actionHandler: scalingEqually,\r\n  }),\r\n\r\n  br: new Control({\r\n    x: 0.5,\r\n    y: 0.5,\r\n    cursorStyleHandler: scaleCursorStyleHandler,\r\n    actionHandler: scalingEqually,\r\n  }),\r\n\r\n  mtr: new Control({\r\n    x: 0,\r\n    y: -0.5,\r\n    actionHandler: rotationWithSnapping,\r\n    cursorStyleHandler: rotationStyleHandler,\r\n    offsetY: -40,\r\n    withConnection: true,\r\n    actionName: ROTATE,\r\n  }),\r\n});\r\n\r\nexport const createResizeControls = () => ({\r\n  mr: new Control({\r\n    x: 0.5,\r\n    y: 0,\r\n    actionHandler: changeWidth,\r\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n    actionName: RESIZING,\r\n    render: renderHorizontalPillControl,\r\n    sizeX: 6,\r\n    sizeY: 20,\r\n  }),\r\n  ml: new Control({\r\n    x: -0.5,\r\n    y: 0,\r\n    actionHandler: changeWidth,\r\n    cursorStyleHandler: scaleSkewCursorStyleHandler,\r\n    actionName: RESIZING,\r\n    render: renderHorizontalPillControl,\r\n    sizeX: 6,\r\n    sizeY: 20,\r\n  }),\r\n});\r\n\r\nexport const createTextboxDefaultControls = () => {\r\n  const { mt, mb, ...controls } = {\r\n    ...createObjectDefaultControls(),\r\n    ...createResizeControls(),\r\n  };\r\n  // Exclude mt and mb controls - textbox height is auto-calculated based on content\r\n  // Only width can be manually adjusted, height adjusts automatically for text wrapping\r\n  return controls;\r\n};\r\n"],"names":["createObjectDefaultControls","ml","Control","x","y","cursorStyleHandler","scaleSkewCursorStyleHandler","actionHandler","scalingXOrSkewingY","getActionName","scaleOrSkewActionName","render","renderHorizontalPillControl","sizeX","sizeY","mr","mb","scalingYOrSkewingX","renderVerticalPillControl","mt","tl","scaleCursorStyleHandler","scalingEqually","tr","bl","br","mtr","rotationWithSnapping","rotationStyleHandler","offsetY","withConnection","actionName","ROTATE","createResizeControls","changeWidth","RESIZING","createTextboxDefaultControls","controls"],"mappings":";;;;;;;;AAiBA;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,qBAAqB;AACpCC,IAAAA,MAAM,EAAEC,2BAA2B;AACnCC,IAAAA,KAAK,EAAE,CAAC;AACRC,IAAAA,KAAK,EAAE;AACT,GAAC,CAAC;EAEFC,EAAE,EAAE,IAAIb,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,qBAAqB;AACpCC,IAAAA,MAAM,EAAEC,2BAA2B;AACnCC,IAAAA,KAAK,EAAE,CAAC;AACRC,IAAAA,KAAK,EAAE;AACT,GAAC,CAAC;EAEFE,EAAE,EAAE,IAAId,OAAO,CAAC;AACdC,IAAAA,CAAC,EAAE,CAAC;AACJC,IAAAA,CAAC,EAAE,GAAG;AACNC,IAAAA,kBAAkB,EAAEC,2BAA2B;AAC/CC,IAAAA,aAAa,EAAEU,kBAAkB;AACjCR,IAAAA,aAAa,EAAEC,qBAAqB;AACpCC,IAAAA,MAAM,EAAEO,yBAAyB;AACjCL,IAAAA,KAAK,EAAE,EAAE;AACTC,IAAAA,KAAK,EAAE;AACT,GAAC,CAAC;EAEFK,EAAE,EAAE,IAAIjB,OAAO,CAAC;AACdC,IAAAA,CAAC,EAAE,CAAC;IACJC,CAAC,EAAE,IAAI;AACPC,IAAAA,kBAAkB,EAAEC,2BAA2B;AAC/CC,IAAAA,aAAa,EAAEU,kBAAkB;AACjCR,IAAAA,aAAa,EAAEC,qBAAqB;AACpCC,IAAAA,MAAM,EAAEO,yBAAyB;AACjCL,IAAAA,KAAK,EAAE,EAAE;AACTC,IAAAA,KAAK,EAAE;AACT,GAAC,CAAC;EAEFM,EAAE,EAAE,IAAIlB,OAAO,CAAC;IACdC,CAAC,EAAE,IAAI;IACPC,CAAC,EAAE,IAAI;AACPC,IAAAA,kBAAkB,EAAEgB,uBAAuB;AAC3Cd,IAAAA,aAAa,EAAEe;AACjB,GAAC,CAAC;EAEFC,EAAE,EAAE,IAAIrB,OAAO,CAAC;AACdC,IAAAA,CAAC,EAAE,GAAG;IACNC,CAAC,EAAE,IAAI;AACPC,IAAAA,kBAAkB,EAAEgB,uBAAuB;AAC3Cd,IAAAA,aAAa,EAAEe;AACjB,GAAC,CAAC;EAEFE,EAAE,EAAE,IAAItB,OAAO,CAAC;IACdC,CAAC,EAAE,IAAI;AACPC,IAAAA,CAAC,EAAE,GAAG;AACNC,IAAAA,kBAAkB,EAAEgB,uBAAuB;AAC3Cd,IAAAA,aAAa,EAAEe;AACjB,GAAC,CAAC;EAEFG,EAAE,EAAE,IAAIvB,OAAO,CAAC;AACdC,IAAAA,CAAC,EAAE,GAAG;AACNC,IAAAA,CAAC,EAAE,GAAG;AACNC,IAAAA,kBAAkB,EAAEgB,uBAAuB;AAC3Cd,IAAAA,aAAa,EAAEe;AACjB,GAAC,CAAC;EAEFI,GAAG,EAAE,IAAIxB,OAAO,CAAC;AACfC,IAAAA,CAAC,EAAE,CAAC;IACJC,CAAC,EAAE,IAAI;AACPG,IAAAA,aAAa,EAAEoB,oBAAoB;AACnCtB,IAAAA,kBAAkB,EAAEuB,oBAAoB;IACxCC,OAAO,EAAE,GAAG;AACZC,IAAAA,cAAc,EAAE,IAAI;AACpBC,IAAAA,UAAU,EAAEC;GACb;AACH,CAAC;AAEM,MAAMC,oBAAoB,GAAGA,OAAO;EACzClB,EAAE,EAAE,IAAIb,OAAO,CAAC;AACdC,IAAAA,CAAC,EAAE,GAAG;AACNC,IAAAA,CAAC,EAAE,CAAC;AACJG,IAAAA,aAAa,EAAE2B,WAAW;AAC1B7B,IAAAA,kBAAkB,EAAEC,2BAA2B;AAC/CyB,IAAAA,UAAU,EAAEI,QAAQ;AACpBxB,IAAAA,MAAM,EAAEC,2BAA2B;AACnCC,IAAAA,KAAK,EAAE,CAAC;AACRC,IAAAA,KAAK,EAAE;AACT,GAAC,CAAC;EACFb,EAAE,EAAE,IAAIC,OAAO,CAAC;IACdC,CAAC,EAAE,IAAI;AACPC,IAAAA,CAAC,EAAE,CAAC;AACJG,IAAAA,aAAa,EAAE2B,WAAW;AAC1B7B,IAAAA,kBAAkB,EAAEC,2BAA2B;AAC/CyB,IAAAA,UAAU,EAAEI,QAAQ;AACpBxB,IAAAA,MAAM,EAAEC,2BAA2B;AACnCC,IAAAA,KAAK,EAAE,CAAC;AACRC,IAAAA,KAAK,EAAE;GACR;AACH,CAAC;AAEM,MAAMsB,4BAA4B,GAAGA,MAAM;EAChD,MAAM;IAAEjB,EAAE;IAAEH,EAAE;IAAE,GAAGqB;AAAS,GAAC,GAAG;IAC9B,GAAGrC,2BAA2B,EAAE;AAChC,IAAA,GAAGiC,oBAAoB;GACxB;AACD;AACA;AACA,EAAA,OAAOI,QAAQ;AACjB;;;;"}