@nasser-sw/fabric 7.0.0-beta1

package/dist-extensions/src/canvas/DOMManagers/StaticCanvasDOMManager.d.ts

@@ -0,0 +1,29 @@
+import type { TSize } from '../../typedefs';
+import type { CSSDimensions } from './util';
+export type CanvasItem = {
+    el: HTMLCanvasElement;
+    ctx: CanvasRenderingContext2D;
+};
+export declare class StaticCanvasDOMManager {
+    /**
+     * Keeps a copy of the canvas style before setting retina scaling and other potions
+     * in order to return it to original state on dispose
+     * @type string
+     */
+    private _originalCanvasStyle?;
+    lower: CanvasItem;
+    constructor(arg0?: string | HTMLCanvasElement);
+    protected createLowerCanvas(arg0?: HTMLCanvasElement | string): HTMLCanvasElement;
+    cleanupDOM({ width, height }: TSize): void;
+    setDimensions(size: TSize, retinaScaling: number): void;
+    setCSSDimensions(size: Partial<CSSDimensions>): void;
+    /**
+     * Calculates canvas element offset relative to the document
+     */
+    calcOffset(): {
+        left: number;
+        top: number;
+    };
+    dispose(): void;
+}
+//# sourceMappingURL=StaticCanvasDOMManager.d.ts.map

package/dist-extensions/src/canvas/DOMManagers/StaticCanvasDOMManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StaticCanvasDOMManager.d.ts","sourceRoot":"","sources":["../../../../src/canvas/DOMManagers/StaticCanvasDOMManager.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAM5C,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,iBAAiB,CAAC;IACtB,GAAG,EAAE,wBAAwB,CAAC;CAC/B,CAAC;AAEF,qBAAa,sBAAsB;IACjC;;;;OAIG;IACH,OAAO,CAAC,oBAAoB,CAAC,CAAS;IAEtC,KAAK,EAAE,UAAU,CAAC;gBAEN,IAAI,CAAC,EAAE,MAAM,GAAG,iBAAiB;IAK7C,SAAS,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,iBAAiB,GAAG,MAAM;IAkB7D,UAAU,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK;IAYnC,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM;IAKhD,gBAAgB,CAAC,IAAI,EAAE,OAAO,CAAC,aAAa,CAAC;IAI7C;;OAEG;IACH,UAAU;;;;IAIV,OAAO;CAKR"}

package/dist-extensions/src/canvas/DOMManagers/util.d.ts

@@ -0,0 +1,23 @@
+import type { TSize } from '../../typedefs';
+export declare const setCanvasDimensions: (el: HTMLCanvasElement, ctx: CanvasRenderingContext2D, { width, height }: TSize, retinaScaling?: number) => void;
+export type CSSDimensions = {
+    width: number | string;
+    height: number | string;
+};
+export declare const setCSSDimensions: (el: HTMLElement, { width, height }: Partial<CSSDimensions>) => void;
+/**
+ * Returns offset for a given element
+ * @param {HTMLElement} element Element to get offset for
+ * @return {Object} Object with "left" and "top" properties
+ */
+export declare function getElementOffset(element: HTMLElement): {
+    left: number;
+    top: number;
+};
+/**
+ * Makes element unselectable
+ * @param {HTMLElement} element Element to make unselectable
+ * @return {HTMLElement} Element that was passed in
+ */
+export declare function makeElementUnselectable(element: HTMLElement): HTMLElement;
+//# sourceMappingURL=util.d.ts.map

package/dist-extensions/src/canvas/DOMManagers/util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../../src/canvas/DOMManagers/util.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAO5C,eAAO,MAAM,mBAAmB,GAC9B,IAAI,iBAAiB,EACrB,KAAK,wBAAwB,EAC7B,mBAAmB,KAAK,EACxB,sBAAiB,SASlB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,IAAI,WAAW,EACf,mBAAmB,OAAO,CAAC,aAAa,CAAC,SAK1C,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,WAAW;;;EA6BpD;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,WAAW,eAM3D"}

package/dist-extensions/src/canvas/SelectableCanvas.d.ts

@@ -0,0 +1,544 @@
+import { Point } from '../Point';
+import { FabricObject } from '../shapes/Object/FabricObject';
+import type { CanvasEvents, ModifierKey, TOptionalModifierKey, TPointerEvent, Transform } from '../EventTypeDefs';
+import type { TCanvasSizeOptions } from './StaticCanvas';
+import { StaticCanvas } from './StaticCanvas';
+import type { TMat2D, TOriginX, TOriginY, TSize, TSVGReviver } from '../typedefs';
+import type { BaseBrush } from '../brushes/BaseBrush';
+import { CanvasDOMManager } from './DOMManagers/CanvasDOMManager';
+import type { CanvasOptions } from './CanvasOptions';
+export type TargetsInfo = {
+    target?: FabricObject;
+    subTargets: FabricObject[];
+};
+export type TargetsInfoWithContainer = {
+    target?: FabricObject;
+    subTargets: FabricObject[];
+    container?: FabricObject;
+};
+export type FullTargetsInfoWithContainer = TargetsInfoWithContainer & {
+    currentTarget?: FabricObject;
+    currentContainer?: FabricObject;
+    currentSubTargets: FabricObject[];
+};
+/**
+ * Canvas class
+ * @class Canvas
+ * @extends StaticCanvas
+ * @see {@link http://fabricjs.com/fabric-intro-part-1#canvas}
+ *
+ * @fires object:modified at the end of a transform
+ * @fires object:rotating while an object is being rotated from the control
+ * @fires object:scaling while an object is being scaled by controls
+ * @fires object:moving while an object is being dragged
+ * @fires object:skewing while an object is being skewed from the controls
+ *
+ * @fires before:transform before a transform is is started
+ * @fires before:selection:cleared
+ * @fires selection:cleared
+ * @fires selection:updated
+ * @fires selection:created
+ *
+ * @fires path:created after a drawing operation ends and the path is added
+ * @fires mouse:down
+ * @fires mouse:move
+ * @fires mouse:up
+ * @fires mouse:down:before  on mouse down, before the inner fabric logic runs
+ * @fires mouse:move:before on mouse move, before the inner fabric logic runs
+ * @fires mouse:up:before on mouse up, before the inner fabric logic runs
+ * @fires mouse:over
+ * @fires mouse:out
+ * @fires mouse:dblclick whenever a native dbl click event fires on the canvas.
+ *
+ * @fires dragover
+ * @fires dragenter
+ * @fires dragleave
+ * @fires drag:enter object drag enter
+ * @fires drag:leave object drag leave
+ * @fires drop:before before drop event. Prepare for the drop event (same native event).
+ * @fires drop
+ * @fires drop:after after drop event. Run logic on canvas after event has been accepted/declined (same native event).
+ * @example
+ * let a: fabric.Object, b: fabric.Object;
+ * let flag = false;
+ * canvas.add(a, b);
+ * a.on('drop:before', opt => {
+ *  //  we want a to accept the drop even though it's below b in the stack
+ *  flag = this.canDrop(opt.e);
+ * });
+ * b.canDrop = function(e) {
+ *  !flag && this.draggableTextDelegate.canDrop(e);
+ * }
+ * b.on('dragover', opt => b.set('fill', opt.dropTarget === b ? 'pink' : 'black'));
+ * a.on('drop', opt => {
+ *  opt.e.defaultPrevented  //  drop occurred
+ *  opt.didDrop             //  drop occurred on canvas
+ *  opt.target              //  drop target
+ *  opt.target !== a && a.set('text', 'I lost');
+ * });
+ * canvas.on('drop:after', opt => {
+ *  //  inform user who won
+ *  if(!opt.e.defaultPrevented) {
+ *    // no winners
+ *  }
+ *  else if(!opt.didDrop) {
+ *    //  my objects didn't win, some other lucky object
+ *  }
+ *  else {
+ *    //  we have a winner it's opt.target!!
+ *  }
+ * })
+ *
+ * @fires after:render at the end of the render process, receives the context in the callback
+ * @fires before:render at start the render process, receives the context in the callback
+ *
+ * @fires contextmenu:before
+ * @fires contextmenu
+ * @example
+ * let handler;
+ * targets.forEach(target => {
+ *   target.on('contextmenu:before', opt => {
+ *     //  decide which target should handle the event before canvas hijacks it
+ *     if (someCaseHappens && opt.targets.includes(target)) {
+ *       handler = target;
+ *     }
+ *   });
+ *   target.on('contextmenu', opt => {
+ *     //  do something fantastic
+ *   });
+ * });
+ * canvas.on('contextmenu', opt => {
+ *   if (!handler) {
+ *     //  no one takes responsibility, it's always left to me
+ *     //  let's show them how it's done!
+ *   }
+ * });
+ *
+ */
+export declare class SelectableCanvas<EventSpec extends CanvasEvents = CanvasEvents> extends StaticCanvas<EventSpec> implements Omit<CanvasOptions, 'enablePointerEvents'> {
+    _objects: FabricObject[];
+    uniformScaling: boolean;
+    uniScaleKey: TOptionalModifierKey;
+    centeredScaling: boolean;
+    centeredRotation: boolean;
+    centeredKey: TOptionalModifierKey;
+    altActionKey: TOptionalModifierKey;
+    selection: boolean;
+    selectionKey: TOptionalModifierKey | ModifierKey[];
+    altSelectionKey: TOptionalModifierKey;
+    selectionColor: string;
+    selectionDashArray: number[];
+    selectionBorderColor: string;
+    selectionLineWidth: number;
+    selectionFullyContained: boolean;
+    hoverCursor: CSSStyleDeclaration['cursor'];
+    moveCursor: CSSStyleDeclaration['cursor'];
+    defaultCursor: CSSStyleDeclaration['cursor'];
+    freeDrawingCursor: CSSStyleDeclaration['cursor'];
+    notAllowedCursor: CSSStyleDeclaration['cursor'];
+    containerClass: string;
+    perPixelTargetFind: boolean;
+    targetFindTolerance: number;
+    skipTargetFind: boolean;
+    /**
+     * When true, mouse events on canvas (mousedown/mousemove/mouseup) result in free drawing.
+     * After mousedown, mousemove creates a shape,
+     * and then mouseup finalizes it and adds an instance of `fabric.Path` onto canvas.
+     * @see {@link http://fabricjs.com/fabric-intro-part-4#free_drawing}
+     * @type Boolean
+     */
+    isDrawingMode: boolean;
+    preserveObjectStacking: boolean;
+    stopContextMenu: boolean;
+    fireRightClick: boolean;
+    fireMiddleClick: boolean;
+    /**
+     * Keep track of the hovered target
+     * @type FabricObject | null
+     * @private
+     */
+    _hoveredTarget?: FabricObject;
+    /**
+     * hold the list of nested targets hovered
+     * @type FabricObject[]
+     * @private
+     */
+    _hoveredTargets: FabricObject[];
+    /**
+     * hold the list of objects to render
+     * @type FabricObject[]
+     * @private
+     */
+    _objectsToRender?: FabricObject[];
+    /**
+     * hold a reference to a data structure that contains information
+     * on the current on going transform
+     * @type
+     * @private
+     */
+    _currentTransform: Transform | null;
+    /**
+     * hold a reference to a data structure used to track the selection
+     * box on canvas drag
+     * on the current on going transform
+     * x, y, deltaX and deltaY are in scene plane
+     * @type
+     * @private
+     */
+    protected _groupSelector: {
+        x: number;
+        y: number;
+        deltaX: number;
+        deltaY: number;
+    } | null;
+    /**
+     * internal flag used to understand if the context top requires a cleanup
+     * in case this is true, the contextTop will be cleared at the next render
+     * @type boolean
+     * @private
+     */
+    contextTopDirty: boolean;
+    /**
+     * During a mouse event we may need the pointer multiple times in multiple functions.
+     * _scenePoint holds a reference to the pointer in fabricCanvas/design coordinates that is valid for the event
+     * lifespan. Every fabricJS mouse event create and delete the cache every time
+     * We do this because there are some HTML DOM inspection functions to get the actual pointer coordinates
+     * @type {Point}
+     */
+    protected _scenePoint?: Point;
+    /**
+     * During a mouse event we may need the pointer multiple times in multiple functions.
+     * _viewportPoint holds a reference to the pointer in html coordinates that is valid for the event
+     * lifespan. Every fabricJS mouse event create and delete the cache every time
+     * We do this because there are some HTML DOM inspection functions to get the actual pointer coordinates
+     * @type {Point}
+     */
+    protected _viewportPoint?: Point;
+    /**
+     * Holds the informations we cache during an event lifespan
+     * This data is needed many times during an event and we want to avoid to recalculate it
+     * multuple times.
+     */
+    protected _targetInfo: FullTargetsInfoWithContainer | undefined;
+    static ownDefaults: import("../typedefs").TOptions<CanvasOptions>;
+    static getDefaults(): Record<string, any>;
+    elements: CanvasDOMManager;
+    get upperCanvasEl(): HTMLCanvasElement;
+    get contextTop(): CanvasRenderingContext2D;
+    get wrapperEl(): HTMLDivElement;
+    private pixelFindCanvasEl;
+    private pixelFindContext;
+    protected _isCurrentlyDrawing: boolean;
+    freeDrawingBrush?: BaseBrush;
+    _activeObject?: FabricObject;
+    protected initElements(el?: string | HTMLCanvasElement): void;
+    /**
+     * @private
+     * @param {FabricObject} obj Object that was added
+     */
+    _onObjectAdded(obj: FabricObject): void;
+    /**
+     * @private
+     * @param {FabricObject} obj Object that was removed
+     */
+    _onObjectRemoved(obj: FabricObject): void;
+    _onStackOrderChanged(): void;
+    /**
+     * Divides objects in two groups, one to render immediately
+     * and one to render as activeGroup.
+     * @return {Array} objects to render immediately and pushes the other in the activeGroup.
+     */
+    _chooseObjectsToRender(): FabricObject[];
+    /**
+     * Renders both the top canvas and the secondary container canvas.
+     */
+    renderAll(): void;
+    /**
+     * text selection is rendered by the active text instance during the rendering cycle
+     */
+    renderTopLayer(ctx: CanvasRenderingContext2D): void;
+    /**
+     * Method to render only the top canvas.
+     * Also used to render the group selection box.
+     * Does not render text selection.
+     */
+    renderTop(): void;
+    /**
+     * Set the canvas tolerance value for pixel taret find.
+     * Use only integer numbers.
+     * @private
+     */
+    setTargetFindTolerance(value: number): void;
+    /**
+     * Returns true if object is transparent at a certain location
+     * Clarification: this is `is target transparent at location X or are controls there`
+     * @TODO this seems dumb that we treat controls with transparency. we can find controls
+     * programmatically without painting them, the cache canvas optimization is always valid
+     * @param {FabricObject} target Object to check
+     * @param {Number} x Left coordinate in viewport space
+     * @param {Number} y Top coordinate in viewport space
+     * @return {Boolean}
+     */
+    isTargetTransparent(target: FabricObject, x: number, y: number): boolean;
+    /**
+     * takes an event and determines if selection key has been pressed
+     * @private
+     * @param {TPointerEvent} e Event object
+     */
+    _isSelectionKeyPressed(e: TPointerEvent): boolean;
+    /**
+     * @private
+     * @param {TPointerEvent} e Event object
+     * @param {FabricObject} target
+     */
+    _shouldClearSelection(e: TPointerEvent, target?: FabricObject): target is undefined;
+    /**
+     * This method will take in consideration a modifier key pressed and the control we are
+     * about to drag, and try to guess the anchor point ( origin ) of the transormation.
+     * This should be really in the realm of controls, and we should remove specific code for legacy
+     * embedded actions.
+     * @TODO this probably deserve discussion/rediscovery and change/refactor
+     * @private
+     * @deprecated
+     * @param {FabricObject} target
+     * @param {string} action
+     * @param {boolean} altKey
+     * @returns {boolean} true if the transformation should be centered
+     */
+    private _shouldCenterTransform;
+    /**
+     * Given the control clicked, determine the origin of the transform.
+     * This is bad because controls can totally have custom names
+     * should disappear before release 4.0
+     * @private
+     * @deprecated
+     */
+    _getOriginFromCorner(target: FabricObject, controlName: string): {
+        x: TOriginX;
+        y: TOriginY;
+    };
+    /**
+     * @private
+     * @param {Event} e Event object
+     * @param {FabricObject} target
+     * @param {boolean} [alreadySelected] pass true to setup the active control
+     */
+    _setupCurrentTransform(e: TPointerEvent, target: FabricObject, alreadySelected: boolean): void;
+    /**
+     * Set the cursor type of the canvas element
+     * @param {String} value Cursor type of the canvas element.
+     * @see http://www.w3.org/TR/css3-ui/#cursor
+     */
+    setCursor(value: CSSStyleDeclaration['cursor']): void;
+    /**
+     * @private
+     * @param {CanvasRenderingContext2D} ctx to draw the selection on
+     */
+    _drawSelection(ctx: CanvasRenderingContext2D): void;
+    /**
+     * This function is in charge of deciding which is the object that is the current target of an interaction event.
+     * For interaction event we mean a pointer related action on the canvas.
+     * Which is the
+     * 11/09/2018 TODO: would be cool if findTarget could discern between being a full target
+     * or the outside part of the corner.
+     * @param {Event} e mouse event
+     * @return {TargetsInfoWithContainer} the target found
+     */
+    findTarget(e: TPointerEvent): FullTargetsInfoWithContainer;
+    /**
+     * Checks if the point is inside the object selection area including padding
+     * @param {FabricObject} obj Object to test against
+     * @param {Object} [pointer] point in scene coordinates
+     * @return {Boolean} true if point is contained within an area of given object
+     * @private
+     */
+    private _pointIsInObjectSelectionArea;
+    /**
+     * Checks point is inside the object selection condition. Either area with padding
+     * or over pixels if perPixelTargetFind is enabled
+     * @param {FabricObject} obj Object to test against
+     * @param {Point} pointer point from scene.
+     * @return {Boolean} true if point is contained within an area of given object
+     * @private
+     */
+    _checkTarget(obj: FabricObject, pointer: Point): boolean;
+    /**
+     * Given an array of objects search possible targets under the pointer position
+     * Returns an
+     * @param {Array} objects objects array to look into
+     * @param {Object} pointer x,y object of point of scene coordinates we want to check.
+     * @param {Object} subTargets If passed, subtargets will be collected inside the array
+     * @return {TargetsInfo} **top most object from given `objects`** that contains pointer
+     * @private
+     */
+    _searchPossibleTargets(objects: FabricObject[], pointer: Point, subTargets: FabricObject[]): TargetsInfo;
+    /**
+     * Search inside an objects array the fiurst object that contains pointer
+     * Collect subTargets of that object inside the subTargets array passed as parameter
+     * @param {FabricObject[]} objects objects array to look into
+     * @param {Point} pointer coordinates from viewport to check.
+     * @return {FabricObject} **top most object on screen** that contains pointer
+     */
+    searchPossibleTargets(objects: FabricObject[], pointer: Point): TargetsInfoWithContainer;
+    /**
+     * @returns point existing in the same plane as the {@link HTMLCanvasElement},
+     * `(0, 0)` being the top left corner of the {@link HTMLCanvasElement}.
+     * This means that changes to the {@link viewportTransform} do not change the values of the point
+     * and it remains unchanged from the viewer's perspective.
+     *
+     * @example
+     * const scenePoint = sendPointToPlane(
+     *  this.getViewportPoint(e),
+     *  undefined,
+     *  canvas.viewportTransform
+     * );
+     *
+     */
+    getViewportPoint(e: TPointerEvent): Point;
+    /**
+     * @returns point existing in the scene (the same plane as the plane {@link FabricObject#getCenterPoint} exists in).
+     * This means that changes to the {@link viewportTransform} do not change the values of the point,
+     * however, from the viewer's perspective, the point is changed.
+     *
+     * @example
+     * const viewportPoint = sendPointToPlane(
+     *  this.getScenePoint(e),
+     *  canvas.viewportTransform
+     * );
+     *
+     */
+    getScenePoint(e: TPointerEvent): Point;
+    /**
+     * Returns pointer relative to canvas.
+     *
+     * Use {@link getViewportPoint} or {@link getScenePoint} instead.
+     *
+     * @param {Event} e
+     * @param {Boolean} [fromViewport] whether to return the point from the viewport or in the scene
+     * @return {Point}
+     */
+    protected _getPointerImpl(e: TPointerEvent, fromViewport?: boolean): Point;
+    /**
+     * Internal use only
+     * @protected
+     */
+    protected _setDimensionsImpl(dimensions: TSize, options?: TCanvasSizeOptions): void;
+    protected _createCacheCanvas(): void;
+    /**
+     * Returns context of top canvas where interactions are drawn
+     * @returns {CanvasRenderingContext2D}
+     */
+    getTopContext(): CanvasRenderingContext2D;
+    /**
+     * Returns context of canvas where object selection is drawn
+     * @alias
+     * @return {CanvasRenderingContext2D}
+     */
+    getSelectionContext(): CanvasRenderingContext2D;
+    /**
+     * Returns &lt;canvas> element on which object selection is drawn
+     * @return {HTMLCanvasElement}
+     */
+    getSelectionElement(): HTMLCanvasElement;
+    /**
+     * Returns currently active object
+     * @return {FabricObject | null} active object
+     */
+    getActiveObject(): FabricObject | undefined;
+    /**
+     * Returns an array with the current selected objects
+     * @return {FabricObject[]} active objects array
+     */
+    getActiveObjects(): FabricObject[];
+    /**
+     * @private
+     * Compares the old activeObject with the current one and fires correct events
+     * @param {FabricObject[]} oldObjects old activeObject
+     * @param {TPointerEvent} e mouse event triggering the selection events
+     */
+    _fireSelectionEvents(oldObjects: FabricObject[], e?: TPointerEvent): void;
+    /**
+     * Sets given object as the only active object on canvas
+     * @param {FabricObject} object Object to set as an active one
+     * @param {TPointerEvent} [e] Event (passed along when firing "object:selected")
+     * @return {Boolean} true if the object has been selected
+     */
+    setActiveObject(object: FabricObject, e?: TPointerEvent): boolean;
+    /**
+     * This is supposed to be equivalent to setActiveObject but without firing
+     * any event. There is commitment to have this stay this way.
+     * This is the functional part of setActiveObject.
+     * @param {Object} object to set as active
+     * @param {Event} [e] Event (passed along when firing "object:selected")
+     * @return {Boolean} true if the object has been selected
+     */
+    _setActiveObject(object: FabricObject, e?: TPointerEvent): boolean;
+    /**
+     * This is supposed to be equivalent to discardActiveObject but without firing
+     * any selection events ( can still fire object transformation events ). There is commitment to have this stay this way.
+     * This is the functional part of discardActiveObject.
+     * @param {Event} [e] Event (passed along when firing "object:deselected")
+     * @param {Object} object the next object to set as active, reason why we are discarding this
+     * @return {Boolean} true if the active object has been discarded
+     */
+    _discardActiveObject(e?: TPointerEvent, object?: FabricObject): this is {
+        _activeObject: undefined;
+    };
+    /**
+     * Discards currently active object and fire events. If the function is called by fabric
+     * as a consequence of a mouse event, the event is passed as a parameter and
+     * sent to the fire function for the custom events. When used as a method the
+     * e param does not have any application.
+     * @param {event} e
+     * @return {Boolean} true if the active object has been discarded
+     */
+    discardActiveObject(e?: TPointerEvent): this is {
+        _activeObject: undefined;
+    };
+    /**
+     * End the current transform.
+     * You don't usually need to call this method unless you are interrupting a user initiated transform
+     * because of some other event ( a press of key combination, or something that block the user UX )
+     * @param {Event} [e] send the mouse event that generate the finalize down, so it can be used in the event
+     */
+    endCurrentTransform(e?: TPointerEvent): void;
+    /**
+     * @private
+     * @param {Event} e send the mouse event that generate the finalize down, so it can be used in the event
+     */
+    _finalizeCurrentTransform(e?: TPointerEvent): void;
+    /**
+     * Sets viewport transformation of this canvas instance
+     * @param {Array} vpt a Canvas 2D API transform matrix
+     */
+    setViewportTransform(vpt: TMat2D): void;
+    /**
+     * @override clears active selection ref and interactive canvas elements and contexts
+     */
+    destroy(): void;
+    /**
+     * Clears all contexts (background, main, top) of an instance
+     */
+    clear(): void;
+    /**
+     * Draws objects' controls (borders/controls)
+     * @param {CanvasRenderingContext2D} ctx Context to render controls on
+     */
+    drawControls(ctx: CanvasRenderingContext2D): void;
+    /**
+     * @private
+     */
+    protected _toObject(instance: FabricObject, methodName: 'toObject' | 'toDatalessObject', propertiesToInclude: string[]): Record<string, any>;
+    /**
+     * Realizes an object's group transformation on it
+     * @private
+     * @param {FabricObject} [instance] the object to transform (gets mutated)
+     * @returns the original values of instance which were changed
+     */
+    private _realizeGroupTransformOnObject;
+    /**
+     * @private
+     */
+    _setSVGObject(markup: string[], instance: FabricObject, reviver?: TSVGReviver): void;
+}
+//# sourceMappingURL=SelectableCanvas.d.ts.map

package/dist-extensions/src/canvas/SelectableCanvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectableCanvas.d.ts","sourceRoot":"","sources":["../../../src/canvas/SelectableCanvas.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,KAAK,EACV,YAAY,EACZ,WAAW,EACX,oBAAoB,EACpB,aAAa,EACb,SAAS,EACV,MAAM,kBAAkB,CAAC;AAK1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,OAAO,KAAK,EACV,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,WAAW,EACZ,MAAM,aAAa,CAAC;AAIrB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAItD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAgBlE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAKrD,MAAM,MAAM,WAAW,GAAG;IACxB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,UAAU,EAAE,YAAY,EAAE,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IAGrC,MAAM,CAAC,EAAE,YAAY,CAAC;IAEtB,UAAU,EAAE,YAAY,EAAE,CAAC;IAE3B,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG,wBAAwB,GAAG;IAEpE,aAAa,CAAC,EAAE,YAAY,CAAC;IAE7B,gBAAgB,CAAC,EAAE,YAAY,CAAC;IAEhC,iBAAiB,EAAE,YAAY,EAAE,CAAC;CACnC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6FG;AACH,qBAAa,gBAAgB,CAAC,SAAS,SAAS,YAAY,GAAG,YAAY,CACzE,SAAQ,YAAY,CAAC,SAAS,CAC9B,YAAW,IAAI,CAAC,aAAa,EAAE,qBAAqB,CAAC;IAE7C,QAAQ,EAAE,YAAY,EAAE,CAAC;IAGzB,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,oBAAoB,CAAC;IAClC,eAAe,EAAE,OAAO,CAAC;IACzB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,WAAW,EAAE,oBAAoB,CAAC;IAClC,YAAY,EAAE,oBAAoB,CAAC;IAGnC,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,oBAAoB,GAAG,WAAW,EAAE,CAAC;IACnD,eAAe,EAAE,oBAAoB,CAAC;IACtC,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,MAAM,EAAE,CAAC;IAC7B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,uBAAuB,EAAE,OAAO,CAAC;IAGjC,WAAW,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAC3C,UAAU,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAC1C,aAAa,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAC7C,iBAAiB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IACjD,gBAAgB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAEhD,cAAc,EAAE,MAAM,CAAC;IAGvB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,cAAc,EAAE,OAAO,CAAC;IAEhC;;;;;;OAMG;IACK,aAAa,EAAE,OAAO,CAAC;IAEvB,sBAAsB,EAAE,OAAO,CAAC;IAGhC,eAAe,EAAE,OAAO,CAAC;IACzB,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,EAAE,OAAO,CAAC;IAEjC;;;;OAIG;IACK,cAAc,CAAC,EAAE,YAAY,CAAC;IAEtC;;;;OAIG;IACH,eAAe,EAAE,YAAY,EAAE,CAAM;IAErC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,YAAY,EAAE,CAAC;IAElC;;;;;OAKG;IACH,iBAAiB,EAAE,SAAS,GAAG,IAAI,CAAQ;IAE3C;;;;;;;OAOG;IACH,SAAS,CAAC,cAAc,EAAE;QACxB,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,CAAC;KAChB,GAAG,IAAI,CAAQ;IAEhB;;;;;OAKG;IACH,eAAe,UAAS;IAExB;;;;;;OAMG;IACH,UAAkB,WAAW,CAAC,EAAE,KAAK,CAAC;IAEtC;;;;;;OAMG;IACH,UAAkB,cAAc,CAAC,EAAE,KAAK,CAAC;IAEzC;;;;OAIG;IACH,UAAkB,WAAW,EAAE,4BAA4B,GAAG,SAAS,CAAC;IAExE,MAAM,CAAC,WAAW,gDAAkB;IAEpC,MAAM,CAAC,WAAW,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IAIjC,QAAQ,EAAE,gBAAgB,CAAC;IACnC,IAAI,aAAa,sBAEhB;IACD,IAAI,UAAU,6BAEb;IACD,IAAI,SAAS,mBAEZ;IACD,QAAgB,iBAAiB,CAAoB;IACrD,QAAgB,gBAAgB,CAA2B;IAE3D,UAAkB,mBAAmB,EAAE,OAAO,CAAC;IACvC,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,aAAa,CAAC,EAAE,YAAY,CAAC;IAErC,SAAS,CAAC,YAAY,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,iBAAiB;IAQtD;;;OAGG;IACH,cAAc,CAAC,GAAG,EAAE,YAAY;IAKhC;;;OAGG;IACH,gBAAgB,CAAC,GAAG,EAAE,YAAY;IAkBlC,oBAAoB;IAKpB;;;;OAIG;IACH,sBAAsB,IAAI,YAAY,EAAE;IASxC;;OAEG;IACH,SAAS;IAkBT;;OAEG;IACH,cAAc,CAAC,GAAG,EAAE,wBAAwB,GAAG,IAAI;IAcnD;;;;OAIG;IACH,SAAS;IAQT;;;;OAIG;IACH,sBAAsB,CAAC,KAAK,EAAE,MAAM;IASpC;;;;;;;;;OASG;IACH,mBAAmB,CAAC,MAAM,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,OAAO;IAuBxE;;;;OAIG;IACH,sBAAsB,CAAC,CAAC,EAAE,aAAa,GAAG,OAAO;IAYjD;;;;OAIG;IACH,qBAAqB,CACnB,CAAC,EAAE,aAAa,EAChB,MAAM,CAAC,EAAE,YAAY,GACpB,MAAM,IAAI,SAAS;IAiBtB;;;;;;;;;;;;OAYG;IACH,OAAO,CAAC,sBAAsB;IAyB9B;;;;;;OAMG;IACH,oBAAoB,CAClB,MAAM,EAAE,YAAY,EACpB,WAAW,EAAE,MAAM,GAClB;QAAE,CAAC,EAAE,QAAQ,CAAC;QAAC,CAAC,EAAE,QAAQ,CAAA;KAAE;IA2B/B;;;;;OAKG;IACH,sBAAsB,CACpB,CAAC,EAAE,aAAa,EAChB,MAAM,EAAE,YAAY,EACpB,eAAe,EAAE,OAAO,GACvB,IAAI;IA6DP;;;;OAIG;IACH,SAAS,CAAC,KAAK,EAAE,mBAAmB,CAAC,QAAQ,CAAC,GAAG,IAAI;IAIrD;;;OAGG;IACH,cAAc,CAAC,GAAG,EAAE,wBAAwB,GAAG,IAAI;IAqCnD;;;;;;;;OAQG;IACH,UAAU,CAAC,CAAC,EAAE,aAAa,GAAG,4BAA4B;IAyF1D;;;;;;OAMG;IACH,OAAO,CAAC,6BAA6B;IAkCrC;;;;;;;OAOG;IACH,YAAY,CAAC,GAAG,EAAE,YAAY,EAAE,OAAO,EAAE,KAAK,GAAG,OAAO;IAsBxD;;;;;;;;OAQG;IACH,sBAAsB,CACpB,OAAO,EAAE,YAAY,EAAE,EACvB,OAAO,EAAE,KAAK,EACd,UAAU,EAAE,YAAY,EAAE,GACzB,WAAW;IA0Bd;;;;;;OAMG;IACH,qBAAqB,CACnB,OAAO,EAAE,YAAY,EAAE,EACvB,OAAO,EAAE,KAAK,GACb,wBAAwB;IAqC3B;;;;;;;;;;;;;OAaG;IACH,gBAAgB,CAAC,CAAC,EAAE,aAAa;IAOjC;;;;;;;;;;;OAWG;IACH,aAAa,CAAC,CAAC,EAAE,aAAa;IAO9B;;;;;;;;OAQG;IACH,SAAS,CAAC,eAAe,CAAC,CAAC,EAAE,aAAa,EAAE,YAAY,UAAQ,GAAG,KAAK;IAyCxE;;;OAGG;IACH,SAAS,CAAC,kBAAkB,CAC1B,UAAU,EAAE,KAAK,EACjB,OAAO,CAAC,EAAE,kBAAkB;IAW9B,SAAS,CAAC,kBAAkB;IAQ5B;;;OAGG;IACH,aAAa,IAAI,wBAAwB;IAIzC;;;;OAIG;IACH,mBAAmB,IAAI,wBAAwB;IAI/C;;;OAGG;IACH,mBAAmB,IAAI,iBAAiB;IAIxC;;;OAGG;IACH,eAAe,IAAI,YAAY,GAAG,SAAS;IAI3C;;;OAGG;IACH,gBAAgB,IAAI,YAAY,EAAE;IASlC;;;;;OAKG;IACH,oBAAoB,CAAC,UAAU,EAAE,YAAY,EAAE,EAAE,CAAC,CAAC,EAAE,aAAa;IAqDlE;;;;;OAKG;IACH,eAAe,CAAC,MAAM,EAAE,YAAY,EAAE,CAAC,CAAC,EAAE,aAAa;IAQvD;;;;;;;OAOG;IACH,gBAAgB,CAAC,MAAM,EAAE,YAAY,EAAE,CAAC,CAAC,EAAE,aAAa;IAwBxD;;;;;;;OAOG;IACH,oBAAoB,CAClB,CAAC,CAAC,EAAE,aAAa,EACjB,MAAM,CAAC,EAAE,YAAY,GACpB,IAAI,IAAI;QAAE,aAAa,EAAE,SAAS,CAAA;KAAE;IAmBvC;;;;;;;OAOG;IACH,mBAAmB,CAAC,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI,IAAI;QAAE,aAAa,EAAE,SAAS,CAAA;KAAE;IAc5E;;;;;OAKG;IACH,mBAAmB,CAAC,CAAC,CAAC,EAAE,aAAa;IAUrC;;;OAGG;IACH,yBAAyB,CAAC,CAAC,CAAC,EAAE,aAAa;IAsB3C;;;OAGG;IACH,oBAAoB,CAAC,GAAG,EAAE,MAAM;IAQhC;;OAEG;IACH,OAAO;IAqBP;;OAEG;IACH,KAAK;IASL;;;OAGG;IACH,YAAY,CAAC,GAAG,EAAE,wBAAwB;IAQ1C;;OAEG;IACH,SAAS,CAAC,SAAS,CACjB,QAAQ,EAAE,YAAY,EACtB,UAAU,EAAE,UAAU,GAAG,kBAAkB,EAC3C,mBAAmB,EAAE,MAAM,EAAE,GAC5B,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IAYtB;;;;;OAKG;IACH,OAAO,CAAC,8BAA8B;IAwBtC;;OAEG;IACH,aAAa,CACX,MAAM,EAAE,MAAM,EAAE,EAChB,QAAQ,EAAE,YAAY,EACtB,OAAO,CAAC,EAAE,WAAW;CAQxB"}