fabric 7.3.1 → 7.5.0-beta.1

package/dist/src/canvas/SelectableCanvas.min.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectableCanvas.min.mjs","names":[],"sources":["../../../src/canvas/SelectableCanvas.ts"],"sourcesContent":["import { getActionFromCorner } from '../controls/util';\nimport { Point } from '../Point';\nimport { FabricObject } from '../shapes/Object/FabricObject';\nimport type {\n  CanvasEvents,\n  ModifierKey,\n  TOptionalModifierKey,\n  TPointerEvent,\n  Transform,\n} from '../EventTypeDefs';\nimport {\n  addTransformToObject,\n  saveObjectTransform,\n} from '../util/misc/objectTransforms';\nimport type { TCanvasSizeOptions } from './StaticCanvas';\nimport { StaticCanvas } from './StaticCanvas';\nimport { isCollection } from '../Collection';\nimport { isTransparent } from '../util/misc/isTransparent';\nimport type {\n  TMat2D,\n  TOriginX,\n  TOriginY,\n  TSize,\n  TSVGReviver,\n} from '../typedefs';\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\nimport { getPointer, isTouchEvent } from '../util/dom_event';\nimport type { IText } from '../shapes/IText/IText';\nimport type { BaseBrush } from '../brushes/BaseBrush';\nimport { pick } from '../util/misc/pick';\nimport { sendPointToPlane } from '../util/misc/planeChange';\nimport { cos, createCanvasElement, sin } from '../util';\nimport { CanvasDOMManager } from './DOMManagers/CanvasDOMManager';\nimport {\n  BOTTOM,\n  CENTER,\n  LEFT,\n  MODIFIED,\n  RESIZING,\n  RIGHT,\n  ROTATE,\n  SCALE,\n  SCALE_X,\n  SCALE_Y,\n  SKEW_X,\n  SKEW_Y,\n  TOP,\n} from '../constants';\nimport type { CanvasOptions } from './CanvasOptions';\nimport { canvasDefaults } from './CanvasOptions';\nimport { Intersection } from '../Intersection';\nimport { isActiveSelection } from '../util/typeAssertions';\nimport { dragHandler } from '../controls';\nimport { type FabricImage } from '../shapes/Image';\n\nexport type TargetsInfo = {\n  target?: FabricObject;\n  subTargets: FabricObject[];\n};\n\nexport type TargetsInfoWithContainer = {\n  // the target we think is the most continuing the selection action.\n  // could be hoveredTarget or the currently selected object\n  target?: FabricObject;\n  // the nested targets under the pointer for container\n  subTargets: FabricObject[];\n  // the container for target, or target itself if there are no selectable nested targets\n  container?: FabricObject;\n};\n\nexport type FullTargetsInfoWithContainer = TargetsInfoWithContainer & {\n  // hoveredTarget\n  currentTarget?: FabricObject;\n  // the container for hoveredTarget, or container itself\n  currentContainer?: FabricObject;\n  // nested targets of current container\n  currentSubTargets: FabricObject[];\n};\n\n/**\n * Canvas class\n * @class Canvas\n * @extends StaticCanvas\n * @see {@link http://fabric5.fabricjs.com/fabric-intro-part-1#canvas}\n *\n * @fires object:modified at the end of a transform\n * @fires object:rotating while an object is being rotated from the control\n * @fires object:scaling while an object is being scaled by controls\n * @fires object:moving while an object is being dragged\n * @fires object:skewing while an object is being skewed from the controls\n *\n * @fires before:transform before a transform is is started\n * @fires before:selection:cleared\n * @fires selection:cleared\n * @fires selection:updated\n * @fires selection:created\n *\n * @fires path:created after a drawing operation ends and the path is added\n * @fires mouse:down\n * @fires mouse:move\n * @fires mouse:up\n * @fires mouse:down:before  on mouse down, before the inner fabric logic runs\n * @fires mouse:move:before on mouse move, before the inner fabric logic runs\n * @fires mouse:up:before on mouse up, before the inner fabric logic runs\n * @fires mouse:over\n * @fires mouse:out\n * @fires mouse:dblclick whenever a native dbl click event fires on the canvas.\n *\n * @fires dragover\n * @fires dragenter\n * @fires dragleave\n * @fires drag:enter object drag enter\n * @fires drag:leave object drag leave\n * @fires drop:before before drop event. Prepare for the drop event (same native event).\n * @fires drop\n * @fires drop:after after drop event. Run logic on canvas after event has been accepted/declined (same native event).\n * @example\n * let a: fabric.Object, b: fabric.Object;\n * let flag = false;\n * canvas.add(a, b);\n * a.on('drop:before', opt => {\n *  //  we want a to accept the drop even though it's below b in the stack\n *  flag = this.canDrop(opt.e);\n * });\n * b.canDrop = function(e) {\n *  !flag && this.draggableTextDelegate.canDrop(e);\n * }\n * b.on('dragover', opt => b.set('fill', opt.dropTarget === b ? 'pink' : 'black'));\n * a.on('drop', opt => {\n *  opt.e.defaultPrevented  //  drop occurred\n *  opt.didDrop             //  drop occurred on canvas\n *  opt.target              //  drop target\n *  opt.target !== a && a.set('text', 'I lost');\n * });\n * canvas.on('drop:after', opt => {\n *  //  inform user who won\n *  if(!opt.e.defaultPrevented) {\n *    // no winners\n *  }\n *  else if(!opt.didDrop) {\n *    //  my objects didn't win, some other lucky object\n *  }\n *  else {\n *    //  we have a winner it's opt.target!!\n *  }\n * })\n *\n * @fires after:render at the end of the render process, receives the context in the callback\n * @fires before:render at start the render process, receives the context in the callback\n *\n * @fires contextmenu:before\n * @fires contextmenu\n * @example\n * let handler;\n * targets.forEach(target => {\n *   target.on('contextmenu:before', opt => {\n *     //  decide which target should handle the event before canvas hijacks it\n *     if (someCaseHappens && opt.targets.includes(target)) {\n *       handler = target;\n *     }\n *   });\n *   target.on('contextmenu', opt => {\n *     //  do something fantastic\n *   });\n * });\n * canvas.on('contextmenu', opt => {\n *   if (!handler) {\n *     //  no one takes responsibility, it's always left to me\n *     //  let's show them how it's done!\n *   }\n * });\n *\n */\nexport class SelectableCanvas<EventSpec extends CanvasEvents = CanvasEvents>\n  extends StaticCanvas<EventSpec>\n  implements Omit<CanvasOptions, 'enablePointerEvents'>\n{\n  declare _objects: FabricObject[];\n\n  // transform config\n  declare uniformScaling: boolean;\n  declare uniScaleKey: TOptionalModifierKey;\n  declare centeredScaling: boolean;\n  declare centeredRotation: boolean;\n  declare centeredKey: TOptionalModifierKey;\n  declare altActionKey: TOptionalModifierKey;\n\n  // selection config\n  declare selection: boolean;\n  declare selectionKey: TOptionalModifierKey | ModifierKey[];\n  declare altSelectionKey: TOptionalModifierKey;\n  declare selectionColor: string;\n  declare selectionDashArray: number[];\n  declare selectionBorderColor: string;\n  declare selectionLineWidth: number;\n  declare selectionFullyContained: boolean;\n\n  // cursors\n  declare hoverCursor: CSSStyleDeclaration['cursor'];\n  declare moveCursor: CSSStyleDeclaration['cursor'];\n  declare defaultCursor: CSSStyleDeclaration['cursor'];\n  declare freeDrawingCursor: CSSStyleDeclaration['cursor'];\n  declare notAllowedCursor: CSSStyleDeclaration['cursor'];\n\n  declare containerClass: string;\n\n  // target find config\n  declare perPixelTargetFind: boolean;\n  declare targetFindTolerance: number;\n  declare skipTargetFind: boolean;\n\n  /**\n   * When true, mouse events on canvas (mousedown/mousemove/mouseup) result in free drawing.\n   * After mousedown, mousemove creates a shape,\n   * and then mouseup finalizes it and adds an instance of `fabric.Path` onto canvas.\n   * @see {@link http://fabric5.fabricjs.com/fabric-intro-part-4#free_drawing}\n   * @type Boolean\n   */\n  declare isDrawingMode: boolean;\n\n  declare preserveObjectStacking: boolean;\n\n  // event config\n  declare stopContextMenu: boolean;\n  declare fireRightClick: boolean;\n  declare fireMiddleClick: boolean;\n\n  /**\n   * Keep track of the hovered target in the previous event\n   * @type FabricObject | null\n   * @private\n   */\n  declare _hoveredTarget?: FabricObject;\n\n  /**\n   * Keep track of the hovered target in the previous event with the shift key\n   * @type FabricObject | null\n   * @private\n   */\n  declare _hoveredActualTarget?: FabricObject;\n\n  /**\n   * hold the list of nested targets hovered in the previous events\n   * @type FabricObject[]\n   * @private\n   */\n  _hoveredTargets: FabricObject[] = [];\n\n  /**\n   * hold the list of objects to render\n   * @type FabricObject[]\n   * @private\n   */\n  declare _objectsToRender?: FabricObject[];\n\n  /**\n   * hold a reference to a data structure that contains information\n   * on the current on going transform\n   * @type\n   * @private\n   */\n  _currentTransform: Transform | null = null;\n\n  /**\n   * hold a reference to a data structure used to track the selection\n   * box on canvas drag\n   * on the current on going transform\n   * x, y, deltaX and deltaY are in scene plane\n   * @type\n   * @private\n   */\n  protected _groupSelector: {\n    x: number;\n    y: number;\n    deltaX: number;\n    deltaY: number;\n  } | null = null;\n\n  /**\n   * internal flag used to understand if the context top requires a cleanup\n   * in case this is true, the contextTop will be cleared at the next render\n   * @type boolean\n   * @private\n   */\n  contextTopDirty = false;\n\n  /**\n   * During a mouse event we may need the pointer multiple times in multiple functions.\n   * _scenePoint holds a reference to the pointer in fabricCanvas/design coordinates that is valid for the event\n   * lifespan. Every fabricJS mouse event create and delete the cache every time\n   * We do this because there are some HTML DOM inspection functions to get the actual pointer coordinates\n   * @type {Point}\n   */\n  declare protected _scenePoint?: Point;\n\n  /**\n   * During a mouse event we may need the pointer multiple times in multiple functions.\n   * _viewportPoint holds a reference to the pointer in html coordinates that is valid for the event\n   * lifespan. Every fabricJS mouse event create and delete the cache every time\n   * We do this because there are some HTML DOM inspection functions to get the actual pointer coordinates\n   * @type {Point}\n   */\n  declare protected _viewportPoint?: Point;\n\n  /**\n   * Holds the informations we cache during an event lifespan\n   * This data is needed many times during an event and we want to avoid to recalculate it\n   * multuple times.\n   */\n  declare protected _targetInfo: FullTargetsInfoWithContainer | undefined;\n\n  static ownDefaults = canvasDefaults;\n\n  static getDefaults(): Record<string, any> {\n    return { ...super.getDefaults(), ...SelectableCanvas.ownDefaults };\n  }\n\n  declare elements: CanvasDOMManager;\n  get upperCanvasEl() {\n    return this.elements.upper?.el;\n  }\n  get contextTop() {\n    return this.elements.upper?.ctx;\n  }\n  get wrapperEl() {\n    return this.elements.container;\n  }\n  declare private pixelFindCanvasEl: HTMLCanvasElement;\n  declare private pixelFindContext: CanvasRenderingContext2D;\n\n  declare protected _isCurrentlyDrawing: boolean;\n  declare freeDrawingBrush?: BaseBrush;\n  declare _activeObject?: FabricObject;\n\n  protected initElements(el?: string | HTMLCanvasElement) {\n    this.elements = new CanvasDOMManager(el, {\n      allowTouchScrolling: this.allowTouchScrolling,\n      containerClass: this.containerClass,\n    });\n    this._createCacheCanvas();\n  }\n\n  /**\n   * @private\n   * @param {FabricObject} obj Object that was added\n   */\n  _onObjectAdded(obj: FabricObject) {\n    this._objectsToRender = undefined;\n    super._onObjectAdded(obj);\n  }\n\n  /**\n   * @private\n   * @param {FabricObject} obj Object that was removed\n   */\n  _onObjectRemoved(obj: FabricObject) {\n    this._objectsToRender = undefined;\n    // removing active object should fire \"selection:cleared\" events\n    if (obj === this._activeObject) {\n      this.fire('before:selection:cleared', { deselected: [obj] });\n      this._discardActiveObject();\n      this.fire('selection:cleared', { deselected: [obj] });\n      obj.fire('deselected', {\n        target: obj,\n      });\n    }\n    if (obj === this._hoveredTarget) {\n      this._hoveredTarget = undefined;\n      this._hoveredTargets = [];\n    }\n    super._onObjectRemoved(obj);\n  }\n\n  _onStackOrderChanged() {\n    this._objectsToRender = undefined;\n    super._onStackOrderChanged();\n  }\n\n  /**\n   * Divides objects in two groups, one to render immediately\n   * and one to render as activeGroup.\n   * @return {Array} objects to render immediately and pushes the other in the activeGroup.\n   */\n  _chooseObjectsToRender(): FabricObject[] {\n    const activeObject = this._activeObject;\n    return !this.preserveObjectStacking && activeObject\n      ? this._objects\n          .filter((object) => !object.group && object !== activeObject)\n          .concat(activeObject)\n      : this._objects;\n  }\n\n  /**\n   * Renders both the top canvas and the secondary container canvas.\n   */\n  renderAll() {\n    this.cancelRequestedRender();\n    if (this.destroyed) {\n      return;\n    }\n    if (this.contextTopDirty && !this._groupSelector && !this.isDrawingMode) {\n      this.clearContext(this.contextTop);\n      this.contextTopDirty = false;\n    }\n    if (this.hasLostContext) {\n      this.renderTopLayer(this.contextTop);\n      this.hasLostContext = false;\n    }\n    !this._objectsToRender &&\n      (this._objectsToRender = this._chooseObjectsToRender());\n    this.renderCanvas(this.getContext(), this._objectsToRender);\n  }\n\n  /**\n   * text selection is rendered by the active text instance during the rendering cycle\n   */\n  renderTopLayer(ctx: CanvasRenderingContext2D): void {\n    ctx.save();\n    if (this.isDrawingMode && this._isCurrentlyDrawing) {\n      this.freeDrawingBrush && this.freeDrawingBrush._render();\n      this.contextTopDirty = true;\n    }\n    // we render the top context - last object\n    if (this.selection && this._groupSelector) {\n      this._drawSelection(ctx);\n      this.contextTopDirty = true;\n    }\n    ctx.restore();\n  }\n\n  /**\n   * Method to render only the top canvas.\n   * Also used to render the group selection box.\n   * Does not render text selection.\n   */\n  renderTop() {\n    const ctx = this.contextTop;\n    this.clearContext(ctx);\n    this.renderTopLayer(ctx);\n    // todo: how do i know if the after:render is for the top or normal contex?\n    this.fire('after:render', { ctx });\n  }\n\n  /**\n   * Set the canvas tolerance value for pixel taret find.\n   * Use only integer numbers.\n   * @private\n   */\n  setTargetFindTolerance(value: number) {\n    value = Math.round(value);\n    this.targetFindTolerance = value;\n    const retina = this.getRetinaScaling();\n    const size = Math.ceil((value * 2 + 1) * retina);\n    this.pixelFindCanvasEl.width = this.pixelFindCanvasEl.height = size;\n    this.pixelFindContext.scale(retina, retina);\n  }\n\n  /**\n   * Returns true if object is transparent at a certain location\n   * Clarification: this is `is target transparent at location X or are controls there`\n   * @TODO this seems dumb that we treat controls with transparency. we can find controls\n   * programmatically without painting them, the cache canvas optimization is always valid\n   * @param {FabricObject} target Object to check\n   * @param {Number} x Left coordinate in viewport space\n   * @param {Number} y Top coordinate in viewport space\n   * @return {Boolean}\n   */\n  isTargetTransparent(target: FabricObject, x: number, y: number): boolean {\n    const tolerance = this.targetFindTolerance;\n    const ctx = this.pixelFindContext;\n    this.clearContext(ctx);\n    ctx.save();\n    ctx.translate(-x + tolerance, -y + tolerance);\n    ctx.transform(...this.viewportTransform);\n    const selectionBgc = target.selectionBackgroundColor;\n    target.selectionBackgroundColor = '';\n    target.render(ctx);\n    target.selectionBackgroundColor = selectionBgc;\n    ctx.restore();\n    // our canvas is square, and made around tolerance.\n    // so tolerance in this case also represent the center of the canvas.\n    const enhancedTolerance = Math.round(tolerance * this.getRetinaScaling());\n    return isTransparent(\n      ctx,\n      enhancedTolerance,\n      enhancedTolerance,\n      enhancedTolerance,\n    );\n  }\n\n  /**\n   * takes an event and determines if selection key has been pressed\n   * @private\n   * @param {TPointerEvent} e Event object\n   */\n  _isSelectionKeyPressed(e: TPointerEvent): boolean {\n    const sKey = this.selectionKey;\n    if (!sKey) {\n      return false;\n    }\n    if (Array.isArray(sKey)) {\n      return !!sKey.find((key) => !!key && e[key] === true);\n    } else {\n      return e[sKey];\n    }\n  }\n\n  /**\n   * @private\n   * @param {TPointerEvent} e Event object\n   * @param {FabricObject} target\n   */\n  _shouldClearSelection(\n    e: TPointerEvent,\n    target?: FabricObject,\n  ): target is undefined {\n    const activeObjects = this.getActiveObjects(),\n      activeObject = this._activeObject;\n\n    return !!(\n      !target ||\n      (target &&\n        activeObject &&\n        activeObjects.length > 1 &&\n        activeObjects.indexOf(target) === -1 &&\n        activeObject !== target &&\n        !this._isSelectionKeyPressed(e)) ||\n      (target && !target.evented) ||\n      (target && !target.selectable && activeObject && activeObject !== target)\n    );\n  }\n\n  /**\n   * This method will take in consideration a modifier key pressed and the control we are\n   * about to drag, and try to guess the anchor point ( origin ) of the transormation.\n   * This should be really in the realm of controls, and we should remove specific code for legacy\n   * embedded actions.\n   * @TODO this probably deserve discussion/rediscovery and change/refactor\n   * @private\n   * @deprecated\n   * @param {FabricObject} target\n   * @param {string} action\n   * @param {boolean} altKey\n   * @returns {boolean} true if the transformation should be centered\n   */\n  private _shouldCenterTransform(\n    target: FabricObject,\n    action: string,\n    modifierKeyPressed: boolean,\n  ) {\n    if (!target) {\n      return;\n    }\n\n    let centerTransform;\n\n    if (\n      action === SCALE ||\n      action === SCALE_X ||\n      action === SCALE_Y ||\n      action === RESIZING\n    ) {\n      centerTransform = this.centeredScaling || target.centeredScaling;\n    } else if (action === ROTATE) {\n      centerTransform = this.centeredRotation || target.centeredRotation;\n    }\n\n    return centerTransform ? !modifierKeyPressed : modifierKeyPressed;\n  }\n\n  /**\n   * Given the control clicked, determine the origin of the transform.\n   * This is bad because controls can totally have custom names\n   * should disappear before release 4.0\n   * Fabric 7.1, jan 2026 we are still using this.\n   * Needs to go.\n   * @private\n   * @deprecated\n   */\n  _getOriginFromCorner(\n    target: FabricObject,\n    controlName: string,\n  ): { x: TOriginX; y: TOriginY } {\n    const origin = controlName\n      ? target.controls[controlName].getTransformAnchorPoint()\n      : {\n          x: target.originX,\n          y: target.originY,\n        };\n\n    if (!controlName) {\n      return origin;\n    }\n\n    // this part down here is deprecated.\n    // It is left to do not change the standard behavior in the middle of a major version\n    // but when possible `getTransformAnchorPoint` will be the only source of truth\n    // is a left control ?\n    if (['ml', 'tl', 'bl'].includes(controlName)) {\n      origin.x = RIGHT;\n      // is a right control ?\n    } else if (['mr', 'tr', 'br'].includes(controlName)) {\n      origin.x = LEFT;\n    }\n    // is a top control ?\n    if (['tl', 'mt', 'tr'].includes(controlName)) {\n      origin.y = BOTTOM;\n      // is a bottom control ?\n    } else if (['bl', 'mb', 'br'].includes(controlName)) {\n      origin.y = TOP;\n    }\n    return origin;\n  }\n\n  /**\n   * @private\n   * @param {Event} e Event object\n   * @param {FabricObject} target\n   * @param {boolean} [alreadySelected] pass true to setup the active control\n   */\n  _setupCurrentTransform(\n    e: TPointerEvent,\n    target: FabricObject,\n    alreadySelected: boolean,\n  ): void {\n    const pointer = target.group\n      ? // transform pointer to target's containing coordinate plane\n        sendPointToPlane(\n          this.getScenePoint(e),\n          undefined,\n          target.group.calcTransformMatrix(),\n        )\n      : this.getScenePoint(e);\n    const { key: corner = '', control } = target.getActiveControl() || {},\n      actionHandler =\n        alreadySelected && control\n          ? control.getActionHandler(e, target, control)?.bind(control)\n          : dragHandler,\n      action = getActionFromCorner(alreadySelected, corner, e, target),\n      altKey = e[this.centeredKey as ModifierKey],\n      origin = this._shouldCenterTransform(target, action, altKey)\n        ? ({ x: CENTER, y: CENTER } as const)\n        : this._getOriginFromCorner(target, corner),\n      {\n        scaleX,\n        scaleY,\n        skewX,\n        skewY,\n        left,\n        top,\n        angle,\n        width,\n        height,\n        cropX,\n        cropY,\n      } = target as FabricImage,\n      /**\n       * relative to target's containing coordinate plane\n       * both agree on every point\n       **/\n      transform: Transform = {\n        target,\n        action,\n        actionHandler,\n        actionPerformed: false,\n        corner,\n        scaleX,\n        scaleY,\n        skewX,\n        skewY,\n        offsetX: pointer.x - left,\n        offsetY: pointer.y - top,\n        originX: origin.x,\n        originY: origin.y,\n        ex: pointer.x,\n        ey: pointer.y,\n        lastX: pointer.x,\n        lastY: pointer.y,\n        theta: degreesToRadians(angle),\n        width,\n        height,\n        shiftKey: e.shiftKey,\n        altKey,\n        original: {\n          ...saveObjectTransform(target),\n          originX: origin.x,\n          originY: origin.y,\n          cropX,\n          cropY,\n        },\n      };\n\n    this._currentTransform = transform;\n\n    this.fire('before:transform', {\n      e,\n      transform,\n    });\n  }\n\n  /**\n   * Set the cursor type of the canvas element\n   * @param {String} value Cursor type of the canvas element.\n   * @see http://www.w3.org/TR/css3-ui/#cursor\n   */\n  setCursor(value: CSSStyleDeclaration['cursor']): void {\n    this.upperCanvasEl.style.cursor = value;\n  }\n\n  /**\n   * @private\n   * @param {CanvasRenderingContext2D} ctx to draw the selection on\n   */\n  _drawSelection(ctx: CanvasRenderingContext2D): void {\n    const { x, y, deltaX, deltaY } = this._groupSelector!,\n      start = new Point(x, y).transform(this.viewportTransform),\n      extent = new Point(x + deltaX, y + deltaY).transform(\n        this.viewportTransform,\n      ),\n      strokeOffset = this.selectionLineWidth / 2;\n    let minX = Math.min(start.x, extent.x),\n      minY = Math.min(start.y, extent.y),\n      maxX = Math.max(start.x, extent.x),\n      maxY = Math.max(start.y, extent.y);\n\n    if (this.selectionColor) {\n      ctx.fillStyle = this.selectionColor;\n      ctx.fillRect(minX, minY, maxX - minX, maxY - minY);\n    }\n\n    if (!this.selectionLineWidth || !this.selectionBorderColor) {\n      return;\n    }\n    ctx.lineWidth = this.selectionLineWidth;\n    ctx.strokeStyle = this.selectionBorderColor;\n\n    minX += strokeOffset;\n    minY += strokeOffset;\n    maxX -= strokeOffset;\n    maxY -= strokeOffset;\n    // selection border\n    // @TODO: is _setLineDash still necessary on modern canvas?\n    FabricObject.prototype._setLineDash.call(\n      this,\n      ctx,\n      this.selectionDashArray,\n    );\n    ctx.strokeRect(minX, minY, maxX - minX, maxY - minY);\n  }\n\n  /**\n   * This function is in charge of deciding which is the object that is the current target of an interaction event.\n   * For interaction event we mean a pointer related action on the canvas.\n   * Which is the\n   * 11/09/2018 TODO: would be cool if findTarget could discern between being a full target\n   * or the outside part of the corner.\n   * @param {Event} e mouse event\n   * @return {TargetsInfoWithContainer} the target found\n   */\n  findTarget(e: TPointerEvent): FullTargetsInfoWithContainer {\n    // this._targetInfo is cached by _cacheTransformEventData\n    // and destroyed by _resetTransformEventData\n    if (this._targetInfo) {\n      return this._targetInfo;\n    }\n\n    if (this.skipTargetFind) {\n      return {\n        subTargets: [],\n        currentSubTargets: [],\n      };\n    }\n\n    const pointer = this.getScenePoint(e),\n      activeObject = this._activeObject,\n      aObjects = this.getActiveObjects(),\n      // searching a target in all possible objects means also avoiding the Active selection and check if\n      // you are over a target that  is behind the active selection.\n      targetInfo = this.searchPossibleTargets(this._objects, pointer);\n\n    const {\n      subTargets: currentSubTargets,\n      container: currentContainer,\n      target: currentTarget,\n    } = targetInfo;\n\n    // fullTargetInfo is just a duplicated standard target that is good for the case of no active selection or no activeObject\n    // we prefer presenting the data twice rather than trying to understand in the code when the data will be available or not.\n    const fullTargetInfo: FullTargetsInfoWithContainer = {\n      ...targetInfo,\n      currentSubTargets,\n      currentContainer,\n      currentTarget,\n    };\n\n    // simplest case no active object, return a new target\n    if (!activeObject) {\n      return fullTargetInfo;\n    }\n\n    // check pointer is over active selection and possibly perform `subTargetCheck`\n    const activeObjectTargetInfo: FullTargetsInfoWithContainer = {\n      ...this.searchPossibleTargets([activeObject], pointer),\n      currentSubTargets,\n      currentContainer,\n      currentTarget,\n    };\n\n    const activeObjectControl = activeObject.findControl(\n      this.getViewportPoint(e),\n      isTouchEvent(e),\n    );\n\n    // we are clicking exactly the control of an active object, shortcut to that object.\n    if (activeObjectControl) {\n      return {\n        ...activeObjectTargetInfo,\n        target: activeObject, // we override target in case we are in the outside part of the corner.\n      };\n    }\n\n    // in case we are over the active object\n    if (activeObjectTargetInfo.target) {\n      if (aObjects.length > 1) {\n        // in case of active selection and target hit over the activeSelection, currentTarget could contain\n        // the target below the active selection or in general the target that would be hit by the multi selection targeting.\n        // TODO Verify if we need to override target with container\n        return activeObjectTargetInfo;\n      }\n      // from here onward not an active selection, just an activeOject that maybe is a group\n\n      // preserveObjectStacking is false, so activeObject is drawn on top, just return activeObject\n      if (!this.preserveObjectStacking) {\n        // TODO Verify if we need to override target with container\n        return activeObjectTargetInfo;\n      }\n\n      // In case we are in preserveObjectStacking ( selection in stack )\n      // there is the possibility to force with `altSelectionKey` to return the activeObject\n      // from any point in the stack, even if we have another object completely on top of it.\n      if (\n        this.preserveObjectStacking &&\n        e[this.altSelectionKey as ModifierKey]\n      ) {\n        // TODO Verify if we need to override target with container\n        return activeObjectTargetInfo;\n      }\n    }\n\n    // we have an active object, but we ruled out it being our target in any way.\n    return fullTargetInfo;\n  }\n\n  /**\n   * Checks if the point is inside the object selection area including padding\n   * @param {FabricObject} obj Object to test against\n   * @param {Object} [pointer] point in scene coordinates\n   * @return {Boolean} true if point is contained within an area of given object\n   * @private\n   */\n  private _pointIsInObjectSelectionArea(obj: FabricObject, point: Point) {\n    // getCoords will already take care of group de-nesting\n    let coords = obj.getCoords();\n    const viewportZoom = this.getZoom();\n    const padding = obj.padding / viewportZoom;\n    if (padding) {\n      const [tl, tr, br, bl] = coords;\n      // what is the angle of the object?\n      // we could use getTotalAngle, but is way easier to look at it\n      // from how coords are oriented, since if something went wrong\n      // at least we are consistent.\n      const angleRadians = Math.atan2(tr.y - tl.y, tr.x - tl.x),\n        cosP = cos(angleRadians) * padding,\n        sinP = sin(angleRadians) * padding,\n        cosPSinP = cosP + sinP,\n        cosPMinusSinP = cosP - sinP;\n\n      coords = [\n        new Point(tl.x - cosPMinusSinP, tl.y - cosPSinP),\n        new Point(tr.x + cosPSinP, tr.y - cosPMinusSinP),\n        new Point(br.x + cosPMinusSinP, br.y + cosPSinP),\n        new Point(bl.x - cosPSinP, bl.y + cosPMinusSinP),\n      ];\n      // in case of padding we calculate the new coords on the fly.\n      // otherwise we have to maintain 2 sets of coordinates for everything.\n      // we can reiterate on storing them.\n      // if this is slow, for now the semplification is large and doesn't impact\n      // rendering.\n      // the idea behind this is that outside target check we don't need ot know\n      // where those coords are\n    }\n    return Intersection.isPointInPolygon(point, coords);\n  }\n\n  /**\n   * Checks point is inside the object selection condition. Either area with padding\n   * or over pixels if perPixelTargetFind is enabled\n   * @param {FabricObject} obj Object to test against\n   * @param {Point} pointer point from scene.\n   * @return {Boolean} true if point is contained within an area of given object\n   * @private\n   */\n  _checkTarget(obj: FabricObject, pointer: Point): boolean {\n    if (\n      obj &&\n      obj.visible &&\n      obj.evented &&\n      this._pointIsInObjectSelectionArea(obj, pointer)\n    ) {\n      if (\n        (this.perPixelTargetFind || obj.perPixelTargetFind) &&\n        !(obj as unknown as IText).isEditing\n      ) {\n        const viewportPoint = pointer.transform(this.viewportTransform);\n        if (!this.isTargetTransparent(obj, viewportPoint.x, viewportPoint.y)) {\n          return true;\n        }\n      } else {\n        return true;\n      }\n    }\n    return false;\n  }\n\n  /**\n   * Given an array of objects search possible targets under the pointer position\n   * Returns an\n   * @param {Array} objects objects array to look into\n   * @param {Object} pointer x,y object of point of scene coordinates we want to check.\n   * @param {Object} subTargets If passed, subtargets will be collected inside the array\n   * @return {TargetsInfo} **top most object from given `objects`** that contains pointer\n   * @private\n   */\n  _searchPossibleTargets(\n    objects: FabricObject[],\n    pointer: Point,\n    subTargets: FabricObject[],\n  ): TargetsInfo {\n    let i = objects.length;\n    // Do not check for currently grouped objects, since we check the parent group itself.\n    // until we call this function specifically to search inside the activeGroup\n    while (i--) {\n      const target = objects[i];\n      if (this._checkTarget(target, pointer)) {\n        if (isCollection(target) && target.subTargetCheck) {\n          const { target: subTarget } = this._searchPossibleTargets(\n            target._objects,\n            pointer,\n            subTargets,\n          );\n          subTarget && subTargets.push(subTarget);\n        }\n        return {\n          target,\n          subTargets,\n        };\n      }\n    }\n    return {\n      subTargets: [],\n    };\n  }\n\n  /**\n   * Search inside an objects array the fiurst object that contains pointer\n   * Collect subTargets of that object inside the subTargets array passed as parameter\n   * @param {FabricObject[]} objects objects array to look into\n   * @param {Point} pointer coordinates from viewport to check.\n   * @return {FabricObject} **top most object on screen** that contains pointer\n   */\n  searchPossibleTargets(\n    objects: FabricObject[],\n    pointer: Point,\n  ): TargetsInfoWithContainer {\n    const targetInfo: TargetsInfoWithContainer = this._searchPossibleTargets(\n      objects,\n      pointer,\n      [],\n    );\n\n    // outermost target is the container.\n    targetInfo.container = targetInfo.target;\n    const { container, subTargets } = targetInfo;\n\n    if (\n      container &&\n      isCollection(container) &&\n      container.interactive &&\n      subTargets[0]\n    ) {\n      /** subTargets[0] is the innermost nested target, but it could be inside non interactive groups\n       * and so not a possible selection target.\n       * We loop the array from the end that is outermost innertarget.\n       */\n      for (let i = subTargets.length - 1; i > 0; i--) {\n        const t = subTargets[i];\n        if (!(isCollection(t) && t.interactive)) {\n          // one of the subtargets was not interactive. that is the last subtarget we can return.\n          // we can't dig more deep;\n          targetInfo.target = t;\n          return targetInfo;\n        }\n      }\n      targetInfo.target = subTargets[0];\n      return targetInfo;\n    }\n\n    return targetInfo;\n  }\n\n  /**\n   * @returns point existing in the same plane as the {@link HTMLCanvasElement},\n   * `(0, 0)` being the top left corner of the {@link HTMLCanvasElement}.\n   * This means that changes to the {@link viewportTransform} do not change the values of the point\n   * and it remains unchanged from the viewer's perspective.\n   *\n   * @example\n   * const scenePoint = sendPointToPlane(\n   *  this.getViewportPoint(e),\n   *  undefined,\n   *  canvas.viewportTransform\n   * );\n   *\n   */\n  getViewportPoint(e: TPointerEvent) {\n    if (this._viewportPoint) {\n      return this._viewportPoint;\n    }\n    return this._getPointerImpl(e, true);\n  }\n\n  /**\n   * @returns point existing in the scene (the same plane as the plane {@link FabricObject#getCenterPoint} exists in).\n   * This means that changes to the {@link viewportTransform} do not change the values of the point,\n   * however, from the viewer's perspective, the point is changed.\n   *\n   * @example\n   * const viewportPoint = sendPointToPlane(\n   *  this.getScenePoint(e),\n   *  canvas.viewportTransform\n   * );\n   *\n   */\n  getScenePoint(e: TPointerEvent) {\n    if (this._scenePoint) {\n      return this._scenePoint;\n    }\n    return this._getPointerImpl(e);\n  }\n\n  /**\n   * Returns pointer relative to canvas.\n   *\n   * Use {@link getViewportPoint} or {@link getScenePoint} instead.\n   *\n   * @param {Event} e\n   * @param {Boolean} [fromViewport] whether to return the point from the viewport or in the scene\n   * @return {Point}\n   */\n  protected _getPointerImpl(e: TPointerEvent, fromViewport = false): Point {\n    const upperCanvasEl = this.upperCanvasEl,\n      bounds = upperCanvasEl.getBoundingClientRect();\n    let pointer = getPointer(e),\n      boundsWidth = bounds.width || 0,\n      boundsHeight = bounds.height || 0;\n\n    if (!boundsWidth || !boundsHeight) {\n      if (TOP in bounds && BOTTOM in bounds) {\n        boundsHeight = Math.abs(bounds.top - bounds.bottom);\n      }\n      if (RIGHT in bounds && LEFT in bounds) {\n        boundsWidth = Math.abs(bounds.right - bounds.left);\n      }\n    }\n\n    this.calcOffset();\n    pointer.x = pointer.x - this._offset.left;\n    pointer.y = pointer.y - this._offset.top;\n    if (!fromViewport) {\n      pointer = sendPointToPlane(pointer, undefined, this.viewportTransform);\n    }\n\n    const retinaScaling = this.getRetinaScaling();\n    if (retinaScaling !== 1) {\n      pointer.x /= retinaScaling;\n      pointer.y /= retinaScaling;\n    }\n\n    // If bounds are not available (i.e. not visible), do not apply scale.\n    const cssScale =\n      boundsWidth === 0 || boundsHeight === 0\n        ? new Point(1, 1)\n        : new Point(\n            upperCanvasEl.width / boundsWidth,\n            upperCanvasEl.height / boundsHeight,\n          );\n\n    return pointer.multiply(cssScale);\n  }\n\n  /**\n   * Internal use only\n   * @protected\n   */\n  protected _setDimensionsImpl(\n    dimensions: TSize,\n    options?: TCanvasSizeOptions,\n  ) {\n    // @ts-expect-error this method exists in the subclass - should be moved or declared as abstract\n    this._resetTransformEventData();\n    super._setDimensionsImpl(dimensions, options);\n    if (this._isCurrentlyDrawing) {\n      this.freeDrawingBrush &&\n        this.freeDrawingBrush._setBrushStyles(this.contextTop);\n    }\n  }\n\n  protected _createCacheCanvas() {\n    this.pixelFindCanvasEl = createCanvasElement();\n    this.pixelFindContext = this.pixelFindCanvasEl.getContext('2d', {\n      willReadFrequently: true,\n    })!;\n    this.setTargetFindTolerance(this.targetFindTolerance);\n  }\n\n  /**\n   * Returns context of top canvas where interactions are drawn\n   * @returns {CanvasRenderingContext2D}\n   */\n  getTopContext(): CanvasRenderingContext2D {\n    return this.elements.upper.ctx;\n  }\n\n  /**\n   * Returns context of canvas where object selection is drawn\n   * @alias\n   * @return {CanvasRenderingContext2D}\n   */\n  getSelectionContext(): CanvasRenderingContext2D {\n    return this.elements.upper.ctx;\n  }\n\n  /**\n   * Returns &lt;canvas> element on which object selection is drawn\n   * @return {HTMLCanvasElement}\n   */\n  getSelectionElement(): HTMLCanvasElement {\n    return this.elements.upper.el;\n  }\n\n  /**\n   * Returns currently active object\n   * @return {FabricObject | null} active object\n   */\n  getActiveObject(): FabricObject | undefined {\n    return this._activeObject;\n  }\n\n  /**\n   * Returns an array with the current selected objects\n   * @return {FabricObject[]} active objects array\n   */\n  getActiveObjects(): FabricObject[] {\n    const active = this._activeObject;\n    return isActiveSelection(active)\n      ? active.getObjects()\n      : active\n        ? [active]\n        : [];\n  }\n\n  /**\n   * @private\n   * Compares the old activeObject with the current one and fires correct events\n   * @param {FabricObject[]} oldObjects old activeObject\n   * @param {TPointerEvent} e mouse event triggering the selection events\n   */\n  _fireSelectionEvents(oldObjects: FabricObject[], e?: TPointerEvent) {\n    let somethingChanged = false,\n      invalidate = false;\n    const objects = this.getActiveObjects(),\n      added: FabricObject[] = [],\n      removed: FabricObject[] = [];\n\n    oldObjects.forEach((target) => {\n      if (!objects.includes(target)) {\n        somethingChanged = true;\n        target.fire('deselected', {\n          e,\n          target,\n        });\n        removed.push(target);\n      }\n    });\n\n    objects.forEach((target) => {\n      if (!oldObjects.includes(target)) {\n        somethingChanged = true;\n        target.fire('selected', {\n          e,\n          target,\n        });\n        added.push(target);\n      }\n    });\n\n    if (oldObjects.length > 0 && objects.length > 0) {\n      invalidate = true;\n      somethingChanged &&\n        this.fire('selection:updated', {\n          e,\n          selected: added,\n          deselected: removed,\n        });\n    } else if (objects.length > 0) {\n      invalidate = true;\n      this.fire('selection:created', {\n        e,\n        selected: added,\n      });\n    } else if (oldObjects.length > 0) {\n      invalidate = true;\n      this.fire('selection:cleared', {\n        e,\n        deselected: removed,\n      });\n    }\n    invalidate && (this._objectsToRender = undefined);\n  }\n\n  /**\n   * Sets given object as the only active object on canvas\n   * @param {FabricObject} object Object to set as an active one\n   * @param {TPointerEvent} [e] Event (passed along when firing \"object:selected\")\n   * @return {Boolean} true if the object has been selected\n   */\n  setActiveObject(object: FabricObject, e?: TPointerEvent) {\n    // we can't inline this, since _setActiveObject will change what getActiveObjects returns\n    const currentActives = this.getActiveObjects();\n    const selected = this._setActiveObject(object, e);\n    this._fireSelectionEvents(currentActives, e);\n    return selected;\n  }\n\n  /**\n   * This is supposed to be equivalent to setActiveObject but without firing\n   * any event. There is commitment to have this stay this way.\n   * This is the functional part of setActiveObject.\n   * @param {Object} object to set as active\n   * @param {Event} [e] Event (passed along when firing \"object:selected\")\n   * @return {Boolean} true if the object has been selected\n   */\n  _setActiveObject(object: FabricObject, e?: TPointerEvent) {\n    const prevActiveObject = this._activeObject;\n    if (prevActiveObject === object) {\n      return false;\n    }\n    // after calling this._discardActiveObject, this,_activeObject could be undefined\n    if (!this._discardActiveObject(e, object) && this._activeObject) {\n      // refused to deselect\n      return false;\n    }\n    if (object.onSelect({ e })) {\n      return false;\n    }\n\n    this._activeObject = object;\n\n    if (isActiveSelection(object) && prevActiveObject !== object) {\n      object.set('canvas', this);\n    }\n    object.setCoords();\n\n    return true;\n  }\n\n  /**\n   * This is supposed to be equivalent to discardActiveObject but without firing\n   * any selection events ( can still fire object transformation events ). There is commitment to have this stay this way.\n   * This is the functional part of discardActiveObject.\n   * @param {Event} [e] Event (passed along when firing \"object:deselected\")\n   * @param {Object} object the next object to set as active, reason why we are discarding this\n   * @return {Boolean} true if the active object has been discarded\n   */\n  _discardActiveObject(\n    e?: TPointerEvent,\n    object?: FabricObject,\n  ): this is { _activeObject: undefined } {\n    const obj = this._activeObject;\n    if (obj) {\n      // onDeselect return TRUE to cancel selection;\n      if (obj.onDeselect({ e, object })) {\n        return false;\n      }\n      if (this._currentTransform && this._currentTransform.target === obj) {\n        this.endCurrentTransform(e);\n      }\n      if (isActiveSelection(obj) && obj === this._hoveredTarget) {\n        this._hoveredTarget = undefined;\n      }\n      this._activeObject = undefined;\n      return true;\n    }\n    return false;\n  }\n\n  /**\n   * Discards currently active object and fire events. If the function is called by fabric\n   * as a consequence of a mouse event, the event is passed as a parameter and\n   * sent to the fire function for the custom events. When used as a method the\n   * e param does not have any application.\n   * @param {event} e\n   * @return {Boolean} true if the active object has been discarded\n   */\n  discardActiveObject(e?: TPointerEvent): this is { _activeObject: undefined } {\n    const currentActives = this.getActiveObjects(),\n      activeObject = this.getActiveObject();\n    if (currentActives.length) {\n      this.fire('before:selection:cleared', {\n        e,\n        deselected: [activeObject!],\n      });\n    }\n    const discarded = this._discardActiveObject(e);\n    this._fireSelectionEvents(currentActives, e);\n    return discarded;\n  }\n\n  /**\n   * End the current transform.\n   * You don't usually need to call this method unless you are interrupting a user initiated transform\n   * because of some other event ( a press of key combination, or something that block the user UX )\n   * @param {Event} [e] send the mouse event that generate the finalize down, so it can be used in the event\n   */\n  endCurrentTransform(e?: TPointerEvent) {\n    const transform = this._currentTransform;\n    this._finalizeCurrentTransform(e);\n    if (transform && transform.target) {\n      // this could probably go inside _finalizeCurrentTransform\n      transform.target.isMoving = false;\n    }\n    this._currentTransform = null;\n  }\n\n  /**\n   * @private\n   * @param {Event} e send the mouse event that generate the finalize down, so it can be used in the event\n   */\n  _finalizeCurrentTransform(e?: TPointerEvent) {\n    const transform = this._currentTransform!,\n      target = transform.target,\n      options = {\n        e,\n        target,\n        transform,\n        action: transform.action,\n      };\n\n    if (target._scaling) {\n      target._scaling = false;\n    }\n\n    target.setCoords();\n\n    if (transform.actionPerformed) {\n      this.fire('object:modified', options);\n      target.fire(MODIFIED, options);\n    }\n  }\n\n  /**\n   * Sets viewport transformation of this canvas instance\n   * @param {Array} vpt a Canvas 2D API transform matrix\n   */\n  setViewportTransform(vpt: TMat2D) {\n    super.setViewportTransform(vpt);\n    const activeObject = this._activeObject;\n    if (activeObject) {\n      activeObject.setCoords();\n    }\n  }\n\n  /**\n   * @override clears active selection ref and interactive canvas elements and contexts\n   */\n  destroy() {\n    // dispose of active selection\n    const activeObject = this._activeObject;\n    if (isActiveSelection(activeObject)) {\n      activeObject.removeAll();\n      activeObject.dispose();\n    }\n\n    delete this._activeObject;\n\n    super.destroy();\n\n    // free resources\n\n    // pixel find canvas\n    // @ts-expect-error disposing\n    this.pixelFindContext = null;\n    // @ts-expect-error disposing\n    this.pixelFindCanvasEl = undefined;\n  }\n\n  /**\n   * Clears all contexts (background, main, top) of an instance\n   */\n  clear() {\n    // discard active object and fire events\n    this.discardActiveObject();\n    // make sure we clear the active object in case it refused to be discarded\n    this._activeObject = undefined;\n    this.clearContext(this.contextTop);\n    super.clear();\n  }\n\n  /**\n   * Draws objects' controls (borders/controls)\n   * @param {CanvasRenderingContext2D} ctx Context to render controls on\n   */\n  drawControls(ctx: CanvasRenderingContext2D) {\n    const activeObject = this._activeObject;\n\n    if (activeObject) {\n      activeObject._renderControls(ctx);\n    }\n  }\n\n  /**\n   * @private\n   */\n  protected _toObject(\n    instance: FabricObject,\n    methodName: 'toObject' | 'toDatalessObject',\n    propertiesToInclude: string[],\n  ): Record<string, any> {\n    // If the object is part of the current selection group, it should\n    // be transformed appropriately\n    // i.e. it should be serialised as it would appear if the selection group\n    // were to be destroyed.\n    const originalProperties = this._realizeGroupTransformOnObject(instance),\n      object = super._toObject(instance, methodName, propertiesToInclude);\n    //Undo the damage we did by changing all of its properties\n    instance.set(originalProperties);\n    return object;\n  }\n\n  /**\n   * Realizes an object's group transformation on it\n   * @private\n   * @param {FabricObject} [instance] the object to transform (gets mutated)\n   * @returns the original values of instance which were changed\n   */\n  private _realizeGroupTransformOnObject(\n    instance: FabricObject,\n  ): Partial<typeof instance> {\n    const { group } = instance;\n    if (group && isActiveSelection(group) && this._activeObject === group) {\n      const layoutProps = [\n        'angle',\n        'flipX',\n        'flipY',\n        LEFT,\n        SCALE_X,\n        SCALE_Y,\n        SKEW_X,\n        SKEW_Y,\n        TOP,\n      ] as (keyof typeof instance)[];\n      const originalValues = pick(instance, layoutProps);\n      addTransformToObject(instance, group.calcOwnMatrix());\n      return originalValues;\n    } else {\n      return {};\n    }\n  }\n\n  /**\n   * @private\n   */\n  _setSVGObject(\n    markup: string[],\n    instance: FabricObject,\n    reviver?: TSVGReviver,\n  ) {\n    // If the object is in a selection group, simulate what would happen to that\n    // object when the group is deselected\n    const originalProperties = this._realizeGroupTransformOnObject(instance);\n    super._setSVGObject(markup, instance, reviver);\n    instance.set(originalProperties);\n  }\n}\n"],"mappings":"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"}