fabric 6.2.0 → 6.3.0

package/dist-extensions/src/config.d.ts

@@ -0,0 +1,115 @@
+export type TConfiguration = Partial<BaseConfiguration>;
+declare class BaseConfiguration {
+    /**
+     * Browser-specific constant to adjust CanvasRenderingContext2D.shadowBlur value,
+     * which is unitless and not rendered equally across browsers.
+     *
+     * Values that work quite well (as of October 2017) are:
+     * - Chrome: 1.5
+     * - Edge: 1.75
+     * - Firefox: 0.9
+     * - Safari: 0.95
+     *
+     * @since 2.0.0
+     * @type Number
+     * @default 1
+     */
+    browserShadowBlurConstant: number;
+    /**
+     * Pixel per Inch as a default value set to 96. Can be changed for more realistic conversion.
+     */
+    DPI: number;
+    /**
+     * Device Pixel Ratio
+     * @see https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/HTML-canvas-guide/SettingUptheCanvas/SettingUptheCanvas.html
+     */
+    devicePixelRatio: number;
+    /**
+     * Pixel limit for cache canvases. 1Mpx , 4Mpx should be fine.
+     * @since 1.7.14
+     * @type Number
+     * @default
+     */
+    perfLimitSizeTotal: number;
+    /**
+     * Pixel limit for cache canvases width or height. IE fixes the maximum at 5000
+     * @since 1.7.14
+     * @type Number
+     * @default
+     */
+    maxCacheSideLimit: number;
+    /**
+     * Lowest pixel limit for cache canvases, set at 256PX
+     * @since 1.7.14
+     * @type Number
+     * @default
+     */
+    minCacheSideLimit: number;
+    /**
+     * When 'true', style information is not retained when copy/pasting text, making
+     * pasted text use destination style.
+     * Defaults to 'false'.
+     * @type Boolean
+     * @default
+     * @deprecated
+     */
+    disableStyleCopyPaste: boolean;
+    /**
+     * Enable webgl for filtering picture is available
+     * A filtering backend will be initialized, this will both take memory and
+     * time since a default 2048x2048 canvas will be created for the gl context
+     * @since 2.0.0
+     * @type Boolean
+     * @default
+     */
+    enableGLFiltering: boolean;
+    /**
+     * if webgl is enabled and available, textureSize will determine the size
+     * of the canvas backend
+     *
+     * In order to support old hardware set to `2048` to avoid OOM
+     *
+     * @since 2.0.0
+     * @type Number
+     * @default
+     */
+    textureSize: number;
+    /**
+     * Skip performance testing of setupGLContext and force the use of putImageData that seems to be the one that works best on
+     * Chrome + old hardware. if your users are experiencing empty images after filtering you may try to force this to true
+     * this has to be set before instantiating the filtering backend ( before filtering the first image )
+     * @type Boolean
+     * @default false
+     */
+    forceGLPutImageData: boolean;
+    /**
+     * If disabled boundsOfCurveCache is not used. For apps that make heavy usage of pencil drawing probably disabling it is better
+     * @default true
+     */
+    cachesBoundsOfCurve: boolean;
+    /**
+     * Map of font files
+     * Map<fontFamily, pathToFile> of font files
+     */
+    fontPaths: Record</** fontFamily */ string, /** pathToFile */ string>;
+    /**
+     * Defines the number of fraction digits to use when serializing object values.
+     * Used in exporting methods (`toObject`, `toJSON`, `toSVG`)
+     * You can use it to increase/decrease precision of such values like left, top, scaleX, scaleY, etc.
+     */
+    NUM_FRACTION_DIGITS: number;
+}
+export declare class Configuration extends BaseConfiguration {
+    constructor(config?: TConfiguration);
+    configure(config?: TConfiguration): void;
+    /**
+     * Map<fontFamily, pathToFile> of font files
+     */
+    addFonts(paths?: Record</** fontFamily */ string, /** pathToFile */ string>): void;
+    removeFonts(fontFamilys?: string[]): void;
+    clearFonts(): void;
+    restoreDefaults<T extends BaseConfiguration>(keys?: (keyof T)[]): void;
+}
+export declare const config: Configuration;
+export {};
+//# sourceMappingURL=config.d.ts.map

package/dist-extensions/src/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/config.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;AAExD,cAAM,iBAAiB;IACrB;;;;;;;;;;;;;OAaG;IACH,yBAAyB,SAAK;IAE9B;;OAEG;IACH,GAAG,SAAM;IAET;;;OAGG;IACH,gBAAgB,SAC8C;IAE9D;;;;;OAKG;IACH,kBAAkB,SAAW;IAE7B;;;;;OAKG;IACH,iBAAiB,SAAQ;IAEzB;;;;;OAKG;IACH,iBAAiB,SAAO;IAExB;;;;;;;OAOG;IACH,qBAAqB,UAAS;IAE9B;;;;;;;OAOG;IACH,iBAAiB,UAAQ;IAEzB;;;;;;;;;OASG;IACH,WAAW,SAAQ;IAEnB;;;;;;OAMG;IACH,mBAAmB,UAAS;IAE5B;;;OAGG;IACH,mBAAmB,UAAQ;IAE3B;;;OAGG;IACH,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC,MAAM,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAM;IAE3E;;;;OAIG;IACH,mBAAmB,SAAK;CACzB;AAED,qBAAa,aAAc,SAAQ,iBAAiB;gBACtC,MAAM,CAAC,EAAE,cAAc;IAKnC,SAAS,CAAC,MAAM,GAAE,cAAmB;IAIrC;;OAEG;IACH,QAAQ,CACN,KAAK,GAAE,MAAM,CAAC,iBAAiB,CAAC,MAAM,EAAE,iBAAiB,CAAC,MAAM,CAAM;IAQxE,WAAW,CAAC,WAAW,GAAE,MAAM,EAAO;IAMtC,UAAU;IAIV,eAAe,CAAC,CAAC,SAAS,iBAAiB,EAAE,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE;CAShE;AAED,eAAO,MAAM,MAAM,eAAsB,CAAC"}

package/dist-extensions/src/constants.d.ts

@@ -0,0 +1,35 @@
+import type { TMat2D } from './typedefs';
+export declare const VERSION: string;
+export declare function noop(): void;
+export declare const halfPI: number;
+export declare const twoMathPi: number;
+export declare const PiBy180: number;
+export declare const iMatrix: TMat2D;
+export declare const DEFAULT_SVG_FONT_SIZE = 16;
+export declare const ALIASING_LIMIT = 2;
+export declare const kRect: number;
+export declare const CENTER = "center";
+export declare const LEFT = "left";
+export declare const TOP = "top";
+export declare const BOTTOM = "bottom";
+export declare const RIGHT = "right";
+export declare const NONE = "none";
+export declare const reNewline: RegExp;
+export declare const MOVING = "moving";
+export declare const SCALING = "scaling";
+export declare const ROTATING = "rotating";
+export declare const ROTATE = "rotate";
+export declare const SKEWING = "skewing";
+export declare const RESIZING = "resizing";
+export declare const MODIFY_POLY = "modifyPoly";
+export declare const MODIFY_PATH = "modifyPath";
+export declare const CHANGED = "changed";
+export declare const SCALE = "scale";
+export declare const SCALE_X = "scaleX";
+export declare const SCALE_Y = "scaleY";
+export declare const SKEW_X = "skewX";
+export declare const SKEW_Y = "skewY";
+export declare const FILL = "fill";
+export declare const STROKE = "stroke";
+export declare const MODIFIED = "modified";
+//# sourceMappingURL=constants.d.ts.map

package/dist-extensions/src/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAIzC,eAAO,MAAM,OAAO,QAAU,CAAC;AAE/B,wBAAgB,IAAI,SAAK;AAEzB,eAAO,MAAM,MAAM,QAAc,CAAC;AAClC,eAAO,MAAM,SAAS,QAAc,CAAC;AACrC,eAAO,MAAM,OAAO,QAAgB,CAAC;AAErC,eAAO,MAAM,OAAO,EAAwC,MAAM,CAAC;AACnE,eAAO,MAAM,qBAAqB,KAAK,CAAC;AACxC,eAAO,MAAM,cAAc,IAAI,CAAC;AAGhC,eAAO,MAAM,KAAK,QAAmB,CAAC;AAEtC,eAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,eAAO,MAAM,IAAI,SAAS,CAAC;AAC3B,eAAO,MAAM,GAAG,QAAQ,CAAC;AACzB,eAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,eAAO,MAAM,KAAK,UAAU,CAAC;AAC7B,eAAO,MAAM,IAAI,SAAS,CAAC;AAE3B,eAAO,MAAM,SAAS,QAAU,CAAC;AAEjC,eAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,eAAO,MAAM,OAAO,YAAY,CAAC;AACjC,eAAO,MAAM,QAAQ,aAAa,CAAC;AACnC,eAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,eAAO,MAAM,OAAO,YAAY,CAAC;AACjC,eAAO,MAAM,QAAQ,aAAa,CAAC;AACnC,eAAO,MAAM,WAAW,eAAe,CAAC;AACxC,eAAO,MAAM,WAAW,eAAe,CAAC;AACxC,eAAO,MAAM,OAAO,YAAY,CAAC;AACjC,eAAO,MAAM,KAAK,UAAU,CAAC;AAC7B,eAAO,MAAM,OAAO,WAAW,CAAC;AAChC,eAAO,MAAM,OAAO,WAAW,CAAC;AAChC,eAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,eAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,eAAO,MAAM,IAAI,SAAS,CAAC;AAC3B,eAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,eAAO,MAAM,QAAQ,aAAa,CAAC"}

package/dist-extensions/src/controls/Control.d.ts

@@ -0,0 +1,229 @@
+import type { ControlActionHandler, TPointerEvent, TransformActionHandler } from '../EventTypeDefs';
+import { Point } from '../Point';
+import type { InteractiveFabricObject } from '../shapes/Object/InteractiveObject';
+import type { TCornerPoint, TDegree, TMat2D } from '../typedefs';
+import type { ControlRenderingStyleOverride } from './controlRendering';
+export declare class Control {
+    /**
+     * keep track of control visibility.
+     * mainly for backward compatibility.
+     * if you do not want to see a control, you can remove it
+     * from the control set.
+     * @type {Boolean}
+     * @default true
+     */
+    visible: boolean;
+    /**
+     * Name of the action that the control will likely execute.
+     * This is optional. FabricJS uses to identify what the user is doing for some
+     * extra optimizations. If you are writing a custom control and you want to know
+     * somewhere else in the code what is going on, you can use this string here.
+     * you can also provide a custom getActionName if your control run multiple actions
+     * depending on some external state.
+     * default to scale since is the most common, used on 4 corners by default
+     * @type {String}
+     * @default 'scale'
+     */
+    actionName: string;
+    /**
+     * Drawing angle of the control.
+     * NOT used for now, but name marked as needed for internal logic
+     * example: to reuse the same drawing function for different rotated controls
+     * @type {Number}
+     * @default 0
+     */
+    angle: number;
+    /**
+     * Relative position of the control. X
+     * 0,0 is the center of the Object, while -0.5 (left) or 0.5 (right) are the extremities
+     * of the bounding box.
+     * @type {Number}
+     * @default 0
+     */
+    x: number;
+    /**
+     * Relative position of the control. Y
+     * 0,0 is the center of the Object, while -0.5 (top) or 0.5 (bottom) are the extremities
+     * of the bounding box.
+     * @type {Number}
+     * @default 0
+     */
+    y: number;
+    /**
+     * Horizontal offset of the control from the defined position. In pixels
+     * Positive offset moves the control to the right, negative to the left.
+     * It used when you want to have position of control that does not scale with
+     * the bounding box. Example: rotation control is placed at x:0, y: 0.5 on
+     * the boundind box, with an offset of 30 pixels vertically. Those 30 pixels will
+     * stay 30 pixels no matter how the object is big. Another example is having 2
+     * controls in the corner, that stay in the same position when the object scale.
+     * of the bounding box.
+     * @type {Number}
+     * @default 0
+     */
+    offsetX: number;
+    /**
+     * Vertical offset of the control from the defined position. In pixels
+     * Positive offset moves the control to the bottom, negative to the top.
+     * @type {Number}
+     * @default 0
+     */
+    offsetY: number;
+    /**
+     * Sets the length of the control. If null, defaults to object's cornerSize.
+     * Expects both sizeX and sizeY to be set when set.
+     * @type {?Number}
+     * @default null
+     */
+    sizeX: number;
+    /**
+     * Sets the height of the control. If null, defaults to object's cornerSize.
+     * Expects both sizeX and sizeY to be set when set.
+     * @type {?Number}
+     * @default null
+     */
+    sizeY: number;
+    /**
+     * Sets the length of the touch area of the control. If null, defaults to object's touchCornerSize.
+     * Expects both touchSizeX and touchSizeY to be set when set.
+     * @type {?Number}
+     * @default null
+     */
+    touchSizeX: number;
+    /**
+     * Sets the height of the touch area of the control. If null, defaults to object's touchCornerSize.
+     * Expects both touchSizeX and touchSizeY to be set when set.
+     * @type {?Number}
+     * @default null
+     */
+    touchSizeY: number;
+    /**
+     * Css cursor style to display when the control is hovered.
+     * if the method `cursorStyleHandler` is provided, this property is ignored.
+     * @type {String}
+     * @default 'crosshair'
+     */
+    cursorStyle: string;
+    /**
+     * If controls has an offsetY or offsetX, draw a line that connects
+     * the control to the bounding box
+     * @type {Boolean}
+     * @default false
+     */
+    withConnection: boolean;
+    constructor(options?: Partial<Control>);
+    /**
+     * The control actionHandler, provide one to handle action ( control being moved )
+     * @param {Event} eventData the native mouse event
+     * @param {Transform} transformData properties of the current transform
+     * @param {Number} x x position of the cursor
+     * @param {Number} y y position of the cursor
+     * @return {Boolean} true if the action/event modified the object
+     */
+    actionHandler: TransformActionHandler;
+    /**
+     * The control handler for mouse down, provide one to handle mouse down on control
+     * @param {Event} eventData the native mouse event
+     * @param {Transform} transformData properties of the current transform
+     * @param {Number} x x position of the cursor
+     * @param {Number} y y position of the cursor
+     * @return {Boolean} true if the action/event modified the object
+     */
+    mouseDownHandler?: ControlActionHandler;
+    /**
+     * The control mouseUpHandler, provide one to handle an effect on mouse up.
+     * @param {Event} eventData the native mouse event
+     * @param {Transform} transformData properties of the current transform
+     * @param {Number} x x position of the cursor
+     * @param {Number} y y position of the cursor
+     * @return {Boolean} true if the action/event modified the object
+     */
+    mouseUpHandler?: ControlActionHandler;
+    shouldActivate(controlKey: string, fabricObject: InteractiveFabricObject, pointer: Point, { tl, tr, br, bl }: TCornerPoint): boolean;
+    /**
+     * Returns control actionHandler
+     * @param {Event} eventData the native mouse event
+     * @param {FabricObject} fabricObject on which the control is displayed
+     * @param {Control} control control for which the action handler is being asked
+     * @return {Function} the action handler
+     */
+    getActionHandler(eventData: TPointerEvent, fabricObject: InteractiveFabricObject, control: Control): TransformActionHandler | undefined;
+    /**
+     * Returns control mouseDown handler
+     * @param {Event} eventData the native mouse event
+     * @param {FabricObject} fabricObject on which the control is displayed
+     * @param {Control} control control for which the action handler is being asked
+     * @return {Function} the action handler
+     */
+    getMouseDownHandler(eventData: TPointerEvent, fabricObject: InteractiveFabricObject, control: Control): ControlActionHandler | undefined;
+    /**
+     * Returns control mouseUp handler.
+     * During actions the fabricObject or the control can be of different obj
+     * @param {Event} eventData the native mouse event
+     * @param {FabricObject} fabricObject on which the control is displayed
+     * @param {Control} control control for which the action handler is being asked
+     * @return {Function} the action handler
+     */
+    getMouseUpHandler(eventData: TPointerEvent, fabricObject: InteractiveFabricObject, control: Control): ControlActionHandler | undefined;
+    /**
+     * Returns control cursorStyle for css using cursorStyle. If you need a more elaborate
+     * function you can pass one in the constructor
+     * the cursorStyle property
+     * @param {Event} eventData the native mouse event
+     * @param {Control} control the current control ( likely this)
+     * @param {FabricObject} object on which the control is displayed
+     * @return {String}
+     */
+    cursorStyleHandler(eventData: TPointerEvent, control: Control, fabricObject: InteractiveFabricObject): string;
+    /**
+     * Returns the action name. The basic implementation just return the actionName property.
+     * @param {Event} eventData the native mouse event
+     * @param {Control} control the current control ( likely this)
+     * @param {FabricObject} object on which the control is displayed
+     * @return {String}
+     */
+    getActionName(eventData: TPointerEvent, control: Control, fabricObject: InteractiveFabricObject): string;
+    /**
+     * Returns controls visibility
+     * @param {FabricObject} object on which the control is displayed
+     * @param {String} controlKey key where the control is memorized on the
+     * @return {Boolean}
+     */
+    getVisibility(fabricObject: InteractiveFabricObject, controlKey: string): boolean;
+    /**
+     * Sets controls visibility
+     * @param {Boolean} visibility for the object
+     * @return {Void}
+     */
+    setVisibility(visibility: boolean, name: string, fabricObject: InteractiveFabricObject): void;
+    positionHandler(dim: Point, finalMatrix: TMat2D, fabricObject: InteractiveFabricObject, currentControl: Control): Point;
+    /**
+     * Returns the coords for this control based on object values.
+     * @param {Number} objectAngle angle from the fabric object holding the control
+     * @param {Number} objectCornerSize cornerSize from the fabric object holding the control (or touchCornerSize if
+     *   isTouch is true)
+     * @param {Number} centerX x coordinate where the control center should be
+     * @param {Number} centerY y coordinate where the control center should be
+     * @param {boolean} isTouch true if touch corner, false if normal corner
+     */
+    calcCornerCoords(angle: TDegree, objectCornerSize: number, centerX: number, centerY: number, isTouch: boolean, fabricObject: InteractiveFabricObject): {
+        tl: Point;
+        tr: Point;
+        br: Point;
+        bl: Point;
+    };
+    /**
+     * Render function for the control.
+     * When this function runs the context is unscaled. unrotate. Just retina scaled.
+     * all the functions will have to translate to the point left,top before starting Drawing
+     * if they want to draw a control where the position is detected.
+     * left and top are the result of the positionHandler function
+     * @param {RenderingContext2D} ctx the context where the control will be drawn
+     * @param {Number} left position of the canvas where we are about to render the control.
+     * @param {Number} top position of the canvas where we are about to render the control.
+     * @param {Object} styleOverride
+     * @param {FabricObject} fabricObject the object where the control is about to be rendered
+     */
+    render(ctx: CanvasRenderingContext2D, left: number, top: number, styleOverride: ControlRenderingStyleOverride | undefined, fabricObject: InteractiveFabricObject): void;
+}
+//# sourceMappingURL=Control.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Control.d.ts","sourceRoot":"","sources":["../../../src/controls/Control.ts"],"names":[],"mappings":"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"}

package/dist-extensions/src/controls/changeWidth.d.ts

@@ -0,0 +1,13 @@
+import type { TransformActionHandler } from '../EventTypeDefs';
+/**
+ * Action handler to change object's width
+ * Needs to be wrapped with `wrapWithFixedAnchor` to be effective
+ * @param {Event} eventData javascript event that is doing the transform
+ * @param {Object} transform javascript object containing a series of information around the current transform
+ * @param {number} x current mouse x position, canvas normalized
+ * @param {number} y current mouse y position, canvas normalized
+ * @return {Boolean} true if some change happened
+ */
+export declare const changeObjectWidth: TransformActionHandler;
+export declare const changeWidth: TransformActionHandler<import("../EventTypeDefs").Transform>;
+//# sourceMappingURL=changeWidth.d.ts.map

package/dist-extensions/src/controls/changeWidth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"changeWidth.d.ts","sourceRoot":"","sources":["../../../src/controls/changeWidth.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAO/D;;;;;;;;GAQG;AACH,eAAO,MAAM,iBAAiB,EAAE,sBAkC/B,CAAC;AAEF,eAAO,MAAM,WAAW,8DAGvB,CAAC"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+import type { TransformActionHandler } from '../EventTypeDefs';
+/**
+ * Action handler
+ * @private
+ * @param {Event} eventData javascript event that is doing the transform
+ * @param {Object} transform javascript object containing a series of information around the current transform
+ * @param {number} x current mouse x position, canvas normalized
+ * @param {number} y current mouse y position, canvas normalized
+ * @return {Boolean} true if the translation occurred
+ */
+export declare const dragHandler: TransformActionHandler;
+//# sourceMappingURL=drag.d.ts.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist-extensions/src/controls/polyControl.d.ts

@@ -0,0 +1,30 @@
+import { Point } from '../Point';
+import { Control } from './Control';
+import type { TMat2D } from '../typedefs';
+import type { Polyline } from '../shapes/Polyline';
+import type { TPointerEvent, Transform, TransformActionHandler } from '../EventTypeDefs';
+type TTransformAnchor = Transform & {
+    pointIndex: number;
+};
+/**
+ * This function locates the controls.
+ * It'll be used both for drawing and for interaction.
+ */
+export declare const createPolyPositionHandler: (pointIndex: number) => (dim: Point, finalMatrix: TMat2D, polyObject: Polyline) => Point;
+/**
+ * This function defines what the control does.
+ * It'll be called on every mouse move after a control has been clicked and is being dragged.
+ * The function receives as argument the mouse event, the current transform object
+ * and the current position in canvas coordinate `transform.target` is a reference to the
+ * current object being transformed.
+ */
+export declare const polyActionHandler: (eventData: TPointerEvent, transform: TTransformAnchor, x: number, y: number) => boolean;
+/**
+ * Keep the polygon in the same position when we change its `width`/`height`/`top`/`left`.
+ */
+export declare const factoryPolyActionHandler: (pointIndex: number, fn: TransformActionHandler<TTransformAnchor>) => (eventData: TPointerEvent, transform: Transform, x: number, y: number) => boolean;
+export declare const createPolyActionHandler: (pointIndex: number) => TransformActionHandler<Transform>;
+export declare function createPolyControls(poly: Polyline, options?: Partial<Control>): Record<string, Control>;
+export declare function createPolyControls(numOfControls: number, options?: Partial<Control>): Record<string, Control>;
+export {};
+//# sourceMappingURL=polyControl.d.ts.map

package/dist-extensions/src/controls/polyControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"polyControl.d.ts","sourceRoot":"","sources":["../../../src/controls/polyControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,OAAO,KAAK,EAEV,aAAa,EACb,SAAS,EACT,sBAAsB,EACvB,MAAM,kBAAkB,CAAC;AAO1B,KAAK,gBAAgB,GAAG,SAAS,GAAG;IAAE,UAAU,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3D;;;GAGG;AACH,eAAO,MAAM,yBAAyB,eAAgB,MAAM,WACpC,KAAK,eAAe,MAAM,cAAc,QAAQ,UAWvE,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,cACjB,aAAa,aACb,gBAAgB,KACxB,MAAM,KACN,MAAM,YAcV,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,eACvB,MAAM,MACd,sBAAsB,CAAC,gBAAgB,CAAC,iBAG/B,aAAa,aACb,SAAS,KACjB,MAAM,KACN,MAAM,YAqBZ,CAAC;AAEF,eAAO,MAAM,uBAAuB,eAAgB,MAAM,sCAIvD,CAAC;AAEJ,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,QAAQ,EACd,OAAO,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,GACzB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAC3B,wBAAgB,kBAAkB,CAChC,aAAa,EAAE,MAAM,EACrB,OAAO,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,GACzB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC"}

package/dist-extensions/src/controls/rotate.d.ts

@@ -0,0 +1,12 @@
+import type { ControlCursorCallback, TransformActionHandler } from '../EventTypeDefs';
+/**
+ * Find the correct style for the control that is used for rotation.
+ * this function is very simple and it just take care of not-allowed or standard cursor
+ * @param {Event} eventData the javascript event that is causing the scale
+ * @param {Control} control the control that is interested in the action
+ * @param {FabricObject} fabricObject the fabric object that is interested in the action
+ * @return {String} a valid css string for the cursor
+ */
+export declare const rotationStyleHandler: ControlCursorCallback;
+export declare const rotationWithSnapping: TransformActionHandler<import("../EventTypeDefs").Transform>;
+//# sourceMappingURL=rotate.d.ts.map

package/dist-extensions/src/controls/rotate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rotate.d.ts","sourceRoot":"","sources":["../../../src/controls/rotate.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,sBAAsB,EACvB,MAAM,kBAAkB,CAAC;AAO1B;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,EAAE,qBASlC,CAAC;AAyDF,eAAO,MAAM,oBAAoB,8DAGhC,CAAC"}

package/dist-extensions/src/controls/scale.d.ts

@@ -0,0 +1,47 @@
+import type { ControlCursorCallback, TPointerEvent, Transform, TransformActionHandler } from '../EventTypeDefs';
+import type { FabricObject } from '../shapes/Object/FabricObject';
+import type { TAxis } from '../typedefs';
+type ScaleTransform = Transform & {
+    gestureScale?: number;
+    signX?: number;
+    signY?: number;
+};
+type ScaleBy = TAxis | 'equally' | '' | undefined;
+/**
+ * Inspect event and fabricObject properties to understand if the scaling action
+ * @param {Event} eventData from the user action
+ * @param {FabricObject} fabricObject the fabric object about to scale
+ * @return {Boolean} true if scale is proportional
+ */
+export declare function scaleIsProportional(eventData: TPointerEvent, fabricObject: FabricObject): boolean;
+/**
+ * Inspect fabricObject to understand if the current scaling action is allowed
+ * @param {FabricObject} fabricObject the fabric object about to scale
+ * @param {String} by 'x' or 'y' or ''
+ * @param {Boolean} scaleProportionally true if we are trying to scale proportionally
+ * @return {Boolean} true if scaling is not allowed at current conditions
+ */
+export declare function scalingIsForbidden(fabricObject: FabricObject, by: ScaleBy, scaleProportionally: boolean): boolean;
+/**
+ * return the correct cursor style for the scale action
+ * @param {Event} eventData the javascript event that is causing the scale
+ * @param {Control} control the control that is interested in the action
+ * @param {FabricObject} fabricObject the fabric object that is interested in the action
+ * @return {String} a valid css string for the cursor
+ */
+export declare const scaleCursorStyleHandler: ControlCursorCallback;
+/**
+ * Generic scaling logic, to scale from corners either equally or freely.
+ * Needs to be wrapped with `wrapWithFixedAnchor` to be effective
+ * @param {Event} eventData javascript event that is doing the transform
+ * @param {Object} transform javascript object containing a series of information around the current transform
+ * @param {number} x current mouse x position, canvas normalized
+ * @param {number} y current mouse y position, canvas normalized
+ * @return {Boolean} true if some change happened
+ */
+export declare const scaleObjectFromCorner: TransformActionHandler<ScaleTransform>;
+export declare const scalingEqually: TransformActionHandler<ScaleTransform>;
+export declare const scalingX: TransformActionHandler<ScaleTransform>;
+export declare const scalingY: TransformActionHandler<ScaleTransform>;
+export {};
+//# sourceMappingURL=scale.d.ts.map