fabric 7.3.1 → 7.4.0

package/dist/src/shapes/Object/ObjectGeometry.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ObjectGeometry.mjs","names":[],"sources":["../../../../src/shapes/Object/ObjectGeometry.ts"],"sourcesContent":["import type {\n  TBBox,\n  TCornerPoint,\n  TDegree,\n  TMat2D,\n  TOriginX,\n  TOriginY,\n} from '../../typedefs';\nimport { SCALE_X, SCALE_Y, iMatrix } from '../../constants';\nimport { Intersection } from '../../Intersection';\nimport { Point } from '../../Point';\nimport { makeBoundingBoxFromPoints } from '../../util/misc/boundingBoxFromPoints';\nimport {\n  createRotateMatrix,\n  createTranslateMatrix,\n  composeMatrix,\n  invertTransform,\n  multiplyTransformMatrices,\n  transformPoint,\n  calcPlaneRotation,\n} from '../../util/misc/matrix';\nimport { radiansToDegrees } from '../../util/misc/radiansDegreesConversion';\nimport type { Canvas } from '../../canvas/Canvas';\nimport type { StaticCanvas } from '../../canvas/StaticCanvas';\nimport type { ObjectEvents } from '../../EventTypeDefs';\nimport type { ControlProps } from './types/ControlProps';\nimport { resolveOrigin } from '../../util/misc/resolveOrigin';\nimport type { Group } from '../Group';\nimport { calcDimensionsMatrix } from '../../util/misc/matrix';\nimport { sizeAfterTransform } from '../../util/misc/objectTransforms';\nimport { degreesToRadians } from '../../util/misc/radiansDegreesConversion';\nimport { CommonMethods } from '../../CommonMethods';\nimport type { BaseProps } from './types/BaseProps';\nimport type { FillStrokeProps } from './types/FillStrokeProps';\nimport { CENTER, LEFT, TOP } from '../../constants';\n\ntype TMatrixCache = {\n  key: number[];\n  value: TMat2D;\n};\n\ntype TACoords = TCornerPoint;\n\nexport class ObjectGeometry<EventSpec extends ObjectEvents = ObjectEvents>\n  extends CommonMethods<EventSpec>\n  implements\n    Pick<ControlProps, 'padding'>,\n    BaseProps,\n    Pick<FillStrokeProps, 'strokeWidth' | 'strokeUniform'>\n{\n  // #region Geometry\n\n  declare padding: number;\n\n  /**\n   * Describe object's corner position in scene coordinates.\n   * The coordinates are derived from the following:\n   * left, top, width, height, scaleX, scaleY, skewX, skewY, angle, strokeWidth.\n   * The coordinates do not depend on viewport changes.\n   * The coordinates get updated with {@link setCoords}.\n   * You can calculate them without updating with {@link calcACoords()}\n   */\n  declare aCoords: TACoords;\n\n  /**\n   * storage cache for object transform matrix\n   */\n  declare ownMatrixCache?: TMatrixCache;\n\n  /**\n   * storage cache for object full transform matrix\n   */\n  declare matrixCache?: TMatrixCache;\n\n  /**\n   * A Reference of the Canvas where the object is actually added\n   * @type StaticCanvas | Canvas;\n   * @default undefined\n   * @private\n   */\n  declare canvas?: StaticCanvas | Canvas;\n\n  /**\n   * @returns {number} x position according to object's originX property in canvas coordinate plane\n   */\n  getX(): number {\n    return this.getXY().x;\n  }\n\n  /**\n   * @param {number} value x position according to object's originX property in canvas coordinate plane\n   */\n  setX(value: number) {\n    this.setXY(this.getXY().setX(value));\n  }\n\n  /**\n   * @returns {number} y position according to object's originY property in canvas coordinate plane\n   */\n  getY(): number {\n    return this.getXY().y;\n  }\n\n  /**\n   * @param {number} value y position according to object's originY property in canvas coordinate plane\n   */\n  setY(value: number) {\n    this.setXY(this.getXY().setY(value));\n  }\n\n  /**\n   * @returns {number} x position according to object's originX property in parent's coordinate plane\\\n   * if parent is canvas then this property is identical to {@link getX}\n   */\n  getRelativeX(): number {\n    return this.left;\n  }\n\n  /**\n   * @param {number} value x position according to object's originX property in parent's coordinate plane\\\n   * if parent is canvas then this method is identical to {@link setX}\n   */\n  setRelativeX(value: number) {\n    this.left = value;\n  }\n\n  /**\n   * @returns {number} y position according to object's originY property in parent's coordinate plane\\\n   * if parent is canvas then this property is identical to {@link getY}\n   */\n  getRelativeY(): number {\n    return this.top;\n  }\n\n  /**\n   * @param {number} value y position according to object's originY property in parent's coordinate plane\\\n   * if parent is canvas then this property is identical to {@link setY}\n   */\n  setRelativeY(value: number) {\n    this.top = value;\n  }\n\n  /**\n   * @returns {Point} x position according to object's originX originY properties in canvas coordinate plane\n   */\n  getXY(): Point {\n    const relativePosition = this.getRelativeXY();\n    return this.group\n      ? transformPoint(relativePosition, this.group.calcTransformMatrix())\n      : relativePosition;\n  }\n\n  /**\n   * Set an object position to a particular point, the point is intended in absolute ( canvas ) coordinate.\n   * You can specify originX and originY values,\n   * that otherwise are the object's current values.\n   * @example <caption>Set object's bottom left corner to point (5,5) on canvas</caption>\n   * object.setXY(new Point(5, 5), 'left', 'bottom').\n   * @param {Point} point position in scene coordinate plane\n   * @param {TOriginX} [originX] Horizontal origin: 'left', 'center' or 'right'\n   * @param {TOriginY} [originY] Vertical origin: 'top', 'center' or 'bottom'\n   */\n  setXY(point: Point, originX?: TOriginX, originY?: TOriginY) {\n    if (this.group) {\n      point = transformPoint(\n        point,\n        invertTransform(this.group.calcTransformMatrix()),\n      );\n    }\n    this.setRelativeXY(point, originX, originY);\n  }\n\n  /**\n   * @returns {Point} x,y position according to object's originX originY properties in parent's coordinate plane\n   */\n  getRelativeXY(): Point {\n    return new Point(this.left, this.top);\n  }\n\n  /**\n   * As {@link setXY}, but in current parent's coordinate plane (the current group if any or the canvas)\n   * @param {Point} point position according to object's originX originY properties in parent's coordinate plane\n   * @param {TOriginX} [originX] Horizontal origin: 'left', 'center' or 'right'\n   * @param {TOriginY} [originY] Vertical origin: 'top', 'center' or 'bottom'\n   */\n  setRelativeXY(\n    point: Point,\n    originX: TOriginX = this.originX,\n    originY: TOriginY = this.originY,\n  ) {\n    this.setPositionByOrigin(point, originX, originY);\n  }\n\n  /**\n   * @deprecated intermidiate method to be removed, do not use\n   */\n  protected isStrokeAccountedForInDimensions() {\n    return false;\n  }\n\n  /**\n   * @return {Point[]} [tl, tr, br, bl] in the scene plane\n   */\n  getCoords(): Point[] {\n    const { tl, tr, br, bl } =\n      this.aCoords || (this.aCoords = this.calcACoords());\n    const coords = [tl, tr, br, bl];\n    if (this.group) {\n      const t = this.group.calcTransformMatrix();\n      return coords.map((p) => transformPoint(p, t));\n    }\n    return coords;\n  }\n\n  /**\n   * Checks if object intersects with the scene rect formed by tl and br\n   */\n  intersectsWithRect(tl: Point, br: Point): boolean {\n    const intersection = Intersection.intersectPolygonRectangle(\n      this.getCoords(),\n      tl,\n      br,\n    );\n    return intersection.status === 'Intersection';\n  }\n\n  /**\n   * Checks if object intersects with another object\n   * @param {Object} other Object to test\n   * @return {Boolean} true if object intersects with another object\n   */\n  intersectsWithObject(other: ObjectGeometry): boolean {\n    const intersection = Intersection.intersectPolygonPolygon(\n      this.getCoords(),\n      other.getCoords(),\n    );\n\n    return (\n      intersection.status === 'Intersection' ||\n      intersection.status === 'Coincident' ||\n      other.isContainedWithinObject(this) ||\n      this.isContainedWithinObject(other)\n    );\n  }\n\n  /**\n   * Checks if object is fully contained within area of another object\n   * @param {Object} other Object to test\n   * @return {Boolean} true if object is fully contained within area of another object\n   */\n  isContainedWithinObject(other: ObjectGeometry): boolean {\n    const points = this.getCoords();\n    return points.every((point) => other.containsPoint(point));\n  }\n\n  /**\n   * Checks if object is fully contained within the scene rect formed by tl and br\n   */\n  isContainedWithinRect(tl: Point, br: Point): boolean {\n    const { left, top, width, height } = this.getBoundingRect();\n    return (\n      left >= tl.x &&\n      left + width <= br.x &&\n      top >= tl.y &&\n      top + height <= br.y\n    );\n  }\n\n  isOverlapping<T extends ObjectGeometry>(other: T): boolean {\n    return (\n      this.intersectsWithObject(other) ||\n      this.isContainedWithinObject(other) ||\n      other.isContainedWithinObject(this)\n    );\n  }\n\n  /**\n   * Checks if point is inside the object\n   * @param {Point} point Point to check against\n   * @return {Boolean} true if point is inside the object\n   */\n  containsPoint(point: Point): boolean {\n    return Intersection.isPointInPolygon(point, this.getCoords());\n  }\n\n  /**\n   * Checks if object is contained within the canvas with current viewportTransform\n   * the check is done stopping at first point that appears on screen\n   * @return {Boolean} true if object is fully or partially contained within canvas\n   */\n  isOnScreen(): boolean {\n    if (!this.canvas) {\n      return false;\n    }\n    const { tl, br } = this.canvas.vptCoords;\n    const points = this.getCoords();\n    // if some point is on screen, the object is on screen.\n    if (\n      points.some(\n        (point) =>\n          point.x <= br.x &&\n          point.x >= tl.x &&\n          point.y <= br.y &&\n          point.y >= tl.y,\n      )\n    ) {\n      return true;\n    }\n    // no points on screen, check intersection with absolute coordinates\n    if (this.intersectsWithRect(tl, br)) {\n      return true;\n    }\n    // check if the object is so big that it contains the entire viewport\n    return this.containsPoint(tl.midPointFrom(br));\n  }\n\n  /**\n   * Checks if object is partially contained within the canvas with current viewportTransform\n   * @return {Boolean} true if object is partially contained within canvas\n   */\n  isPartiallyOnScreen(): boolean {\n    if (!this.canvas) {\n      return false;\n    }\n    const { tl, br } = this.canvas.vptCoords;\n    if (this.intersectsWithRect(tl, br)) {\n      return true;\n    }\n    const allPointsAreOutside = this.getCoords().every(\n      (point) =>\n        (point.x >= br.x || point.x <= tl.x) &&\n        (point.y >= br.y || point.y <= tl.y),\n    );\n    // check if the object is so big that it contains the entire viewport\n    return allPointsAreOutside && this.containsPoint(tl.midPointFrom(br));\n  }\n\n  /**\n   * Returns coordinates of object's bounding rectangle (left, top, width, height)\n   * the box is intended as aligned to axis of canvas.\n   * @return {Object} Object with left, top, width, height properties\n   */\n  getBoundingRect(): TBBox {\n    return makeBoundingBoxFromPoints(this.getCoords());\n  }\n\n  /**\n   * Returns width of an object's bounding box counting transformations\n   * @todo shouldn't this account for group transform and return the actual size in canvas coordinate plane?\n   * @return {Number} width value\n   */\n  getScaledWidth(): number {\n    return this._getTransformedDimensions().x;\n  }\n\n  /**\n   * Returns height of an object bounding box counting transformations\n   * @todo shouldn't this account for group transform and return the actual size in canvas coordinate plane?\n   * @return {Number} height value\n   */\n  getScaledHeight(): number {\n    return this._getTransformedDimensions().y;\n  }\n\n  /**\n   * Scales an object (equally by x and y)\n   * @param {Number} value Scale factor\n   * @return {void}\n   */\n  scale(value: number): void {\n    this._set(SCALE_X, value);\n    this._set(SCALE_Y, value);\n    this.setCoords();\n  }\n\n  /**\n   * Scales an object to a given width, with respect to bounding box (scaling by x/y equally)\n   * @param {Number} value New width value\n   * @return {void}\n   */\n  scaleToWidth(value: number) {\n    // adjust to bounding rect factor so that rotated shapes would fit as well\n    const boundingRectFactor =\n      this.getBoundingRect().width / this.getScaledWidth();\n    return this.scale(value / this.width / boundingRectFactor);\n  }\n\n  /**\n   * Scales an object to a given height, with respect to bounding box (scaling by x/y equally)\n   * @param {Number} value New height value\n   * @return {void}\n   */\n  scaleToHeight(value: number) {\n    // adjust to bounding rect factor so that rotated shapes would fit as well\n    const boundingRectFactor =\n      this.getBoundingRect().height / this.getScaledHeight();\n    return this.scale(value / this.height / boundingRectFactor);\n  }\n\n  getCanvasRetinaScaling() {\n    return this.canvas?.getRetinaScaling() || 1;\n  }\n\n  /**\n   * Returns the object angle relative to canvas counting also the group property\n   * @returns {TDegree}\n   */\n  getTotalAngle(): TDegree {\n    return this.group\n      ? radiansToDegrees(calcPlaneRotation(this.calcTransformMatrix()))\n      : this.angle;\n  }\n\n  /**\n   * Retrieves viewportTransform from Object's canvas if available\n   * @return {TMat2D}\n   */\n  getViewportTransform(): TMat2D {\n    return this.canvas?.viewportTransform || (iMatrix.concat() as TMat2D);\n  }\n\n  /**\n   * Calculates the coordinates of the 4 corner of the bbox, in absolute coordinates.\n   * those never change with zoom or viewport changes.\n   * @return {TCornerPoint}\n   */\n  calcACoords(): TCornerPoint {\n    const rotateMatrix = createRotateMatrix({ angle: this.angle }),\n      { x, y } = this.getRelativeCenterPoint(),\n      tMatrix = createTranslateMatrix(x, y),\n      finalMatrix = multiplyTransformMatrices(tMatrix, rotateMatrix),\n      dim = this._getTransformedDimensions(),\n      w = dim.x / 2,\n      h = dim.y / 2;\n    return {\n      // corners\n      tl: transformPoint({ x: -w, y: -h }, finalMatrix),\n      tr: transformPoint({ x: w, y: -h }, finalMatrix),\n      bl: transformPoint({ x: -w, y: h }, finalMatrix),\n      br: transformPoint({ x: w, y: h }, finalMatrix),\n    };\n  }\n\n  /**\n   * Sets corner and controls position coordinates based on current angle, width and height, left and top.\n   * aCoords are used to quickly find an object on the canvas.\n   * See {@link https://github.com/fabricjs/fabric.js/wiki/When-to-call-setCoords} and {@link http://fabric5.fabricjs.com/fabric-gotchas}\n   */\n  setCoords(): void {\n    this.aCoords = this.calcACoords();\n  }\n\n  transformMatrixKey(skipGroup = false): number[] {\n    let prefix: number[] = [];\n    if (!skipGroup && this.group) {\n      prefix = this.group.transformMatrixKey(skipGroup);\n    }\n    prefix.push(\n      this.top,\n      this.left,\n      this.width,\n      this.height,\n      this.scaleX,\n      this.scaleY,\n      this.angle,\n      this.strokeWidth,\n      this.skewX,\n      this.skewY,\n      +this.flipX,\n      +this.flipY,\n      resolveOrigin(this.originX),\n      resolveOrigin(this.originY),\n    );\n\n    return prefix;\n  }\n\n  /**\n   * calculate transform matrix that represents the current transformations from the\n   * object's properties.\n   * @param {Boolean} [skipGroup] return transform matrix for object not counting parent transformations\n   * There are some situation in which this is useful to avoid the fake rotation.\n   * @return {TMat2D} transform matrix for the object\n   */\n  calcTransformMatrix(skipGroup = false): TMat2D {\n    let matrix = this.calcOwnMatrix();\n    if (skipGroup || !this.group) {\n      return matrix;\n    }\n    const key = this.transformMatrixKey(skipGroup),\n      cache = this.matrixCache;\n    if (cache && cache.key.every((x, i) => x === key[i])) {\n      return cache.value;\n    }\n    if (this.group) {\n      matrix = multiplyTransformMatrices(\n        this.group.calcTransformMatrix(false),\n        matrix,\n      );\n    }\n    this.matrixCache = {\n      key,\n      value: matrix,\n    };\n    return matrix;\n  }\n\n  /**\n   * calculate transform matrix that represents the current transformations from the\n   * object's properties, this matrix does not include the group transformation\n   * @return {TMat2D} transform matrix for the object\n   */\n  calcOwnMatrix(): TMat2D {\n    const key = this.transformMatrixKey(true),\n      cache = this.ownMatrixCache;\n    if (cache && cache.key.every((x, i) => x === key[i])) {\n      return cache.value;\n    }\n    const center = this.getRelativeCenterPoint(),\n      options = {\n        angle: this.angle,\n        translateX: center.x,\n        translateY: center.y,\n        scaleX: this.scaleX,\n        scaleY: this.scaleY,\n        skewX: this.skewX,\n        skewY: this.skewY,\n        flipX: this.flipX,\n        flipY: this.flipY,\n      },\n      value = composeMatrix(options);\n    this.ownMatrixCache = {\n      key,\n      value,\n    };\n    return value;\n  }\n\n  /**\n   * Calculate object dimensions from its properties\n   * @private\n   * @returns {Point} dimensions\n   */\n  _getNonTransformedDimensions(): Point {\n    return new Point(this.width, this.height).scalarAdd(this.strokeWidth);\n  }\n\n  /**\n   * Calculate object dimensions for controls box, including padding and canvas zoom.\n   * and active selection\n   * @private\n   * @param {object} [options] transform options\n   * @returns {Point} dimensions\n   */\n  _calculateCurrentDimensions(options?: any): Point {\n    return this._getTransformedDimensions(options)\n      .transform(this.getViewportTransform(), true)\n      .scalarAdd(2 * this.padding);\n  }\n\n  // #region Origin\n\n  declare top: number;\n  declare left: number;\n  declare width: number;\n  declare height: number;\n  declare flipX: boolean;\n  declare flipY: boolean;\n  declare scaleX: number;\n  declare scaleY: number;\n  declare skewX: number;\n  declare skewY: number;\n  /**\n   * @deprecated please use 'center' as value in new projects\n   * */\n  declare originX: TOriginX;\n  /**\n   * @deprecated please use 'center' as value in new projects\n   * */\n  declare originY: TOriginY;\n  declare angle: TDegree;\n  declare strokeWidth: number;\n  declare strokeUniform: boolean;\n\n  /**\n   * Object containing this object.\n   * can influence its size and position\n   */\n  declare group?: Group;\n\n  /**\n   * Calculate object bounding box dimensions from its properties scale, skew.\n   * This bounding box is aligned with object angle and not with canvas axis or screen.\n   * @param {Object} [options]\n   * @param {Number} [options.scaleX]\n   * @param {Number} [options.scaleY]\n   * @param {Number} [options.skewX]\n   * @param {Number} [options.skewY]\n   * @private\n   * @returns {Point} dimensions\n   */\n  _getTransformedDimensions(options: any = {}): Point {\n    const dimOptions = {\n      // if scaleX or scaleY are negative numbers,\n      // this will return dimensions that are negative.\n      // and this will break assumptions around the codebase\n      scaleX: this.scaleX,\n      scaleY: this.scaleY,\n      skewX: this.skewX,\n      skewY: this.skewY,\n      width: this.width,\n      height: this.height,\n      strokeWidth: this.strokeWidth,\n      // TODO remove this spread. is visible in the performance inspection\n      ...options,\n    };\n    // stroke is applied before/after transformations are applied according to `strokeUniform`\n    const strokeWidth = dimOptions.strokeWidth;\n    let preScalingStrokeValue = strokeWidth,\n      postScalingStrokeValue = 0;\n\n    if (this.strokeUniform) {\n      preScalingStrokeValue = 0;\n      postScalingStrokeValue = strokeWidth;\n    }\n    const dimX = dimOptions.width + preScalingStrokeValue,\n      dimY = dimOptions.height + preScalingStrokeValue,\n      noSkew = dimOptions.skewX === 0 && dimOptions.skewY === 0;\n    let finalDimensions;\n    if (noSkew) {\n      finalDimensions = new Point(\n        dimX * dimOptions.scaleX,\n        dimY * dimOptions.scaleY,\n      );\n    } else {\n      finalDimensions = sizeAfterTransform(\n        dimX,\n        dimY,\n        calcDimensionsMatrix(dimOptions),\n      );\n    }\n\n    return finalDimensions.scalarAdd(postScalingStrokeValue);\n  }\n\n  /**\n   * Translates the coordinates from a set of origin to another (based on the object's dimensions)\n   * @param {Point} point The point which corresponds to the originX and originY params\n   * @param {TOriginX} fromOriginX Horizontal origin: 'left', 'center' or 'right'\n   * @param {TOriginY} fromOriginY Vertical origin: 'top', 'center' or 'bottom'\n   * @param {TOriginX} toOriginX Horizontal origin: 'left', 'center' or 'right'\n   * @param {TOriginY} toOriginY Vertical origin: 'top', 'center' or 'bottom'\n   * @return {Point}\n   */\n  translateToGivenOrigin(\n    point: Point,\n    fromOriginX: TOriginX,\n    fromOriginY: TOriginY,\n    toOriginX: TOriginX,\n    toOriginY: TOriginY,\n  ): Point {\n    let x = point.x,\n      y = point.y;\n    const offsetX = resolveOrigin(toOriginX) - resolveOrigin(fromOriginX),\n      offsetY = resolveOrigin(toOriginY) - resolveOrigin(fromOriginY);\n\n    if (offsetX || offsetY) {\n      const dim = this._getTransformedDimensions();\n      x += offsetX * dim.x;\n      y += offsetY * dim.y;\n    }\n\n    return new Point(x, y);\n  }\n\n  /**\n   * Translates the coordinates from origin to center coordinates (based on the object's dimensions)\n   * @param {Point} point The point which corresponds to the originX and originY params\n   * @param {TOriginX} originX Horizontal origin: 'left', 'center' or 'right'\n   * @param {TOriginY} originY Vertical origin: 'top', 'center' or 'bottom'\n   * @return {Point}\n   */\n  translateToCenterPoint(\n    point: Point,\n    originX: TOriginX,\n    originY: TOriginY,\n  ): Point {\n    if (originX === CENTER && originY === CENTER) {\n      return point;\n    }\n    const p = this.translateToGivenOrigin(\n      point,\n      originX,\n      originY,\n      CENTER,\n      CENTER,\n    );\n    if (this.angle) {\n      return p.rotate(degreesToRadians(this.angle), point);\n    }\n    return p;\n  }\n\n  /**\n   * Translates the coordinates from center to origin coordinates (based on the object's dimensions)\n   * @param {Point} center The point which corresponds to center of the object\n   * @param {OriginX} originX Horizontal origin: 'left', 'center' or 'right'\n   * @param {OriginY} originY Vertical origin: 'top', 'center' or 'bottom'\n   * @return {Point}\n   */\n  translateToOriginPoint(\n    center: Point,\n    originX: TOriginX,\n    originY: TOriginY,\n  ): Point {\n    const p = this.translateToGivenOrigin(\n      center,\n      CENTER,\n      CENTER,\n      originX,\n      originY,\n    );\n    if (this.angle) {\n      return p.rotate(degreesToRadians(this.angle), center);\n    }\n    return p;\n  }\n\n  /**\n   * Returns the center coordinates of the object relative to canvas\n   * @return {Point}\n   */\n  getCenterPoint(): Point {\n    const relCenter = this.getRelativeCenterPoint();\n    return this.group\n      ? transformPoint(relCenter, this.group.calcTransformMatrix())\n      : relCenter;\n  }\n\n  /**\n   * Returns the center coordinates of the object relative to it's parent\n   * @return {Point}\n   */\n  getRelativeCenterPoint(): Point {\n    return this.translateToCenterPoint(\n      new Point(this.left, this.top),\n      this.originX,\n      this.originY,\n    );\n  }\n\n  /**\n   * Alias of {@link getPositionByOrigin}\n   * @deprecated use {@link getPositionByOrigin} instead\n   */\n  getPointByOrigin(originX: TOriginX, originY: TOriginY): Point {\n    return this.getPositionByOrigin(originX, originY);\n  }\n\n  /**\n   * This function is the mirror of {@link setPositionByOrigin}\n   * Returns the position of the object based on specified origin.\n   * Take an object that has left, top set to 100, 100 with origin 'left', 'top'.\n   * Return the values of left top ( wrapped in a point ) that you would need to keep\n   * the same position if origin where different ( ex: center, bottom )\n   * Alternatively you can use this to also find which point in the parent plane is a specific origin\n   * ( where is the bottom right corner of my object? )\n   * @param {TOriginX} originX Horizontal origin: 'left', 'center' or 'right'\n   * @param {TOriginY} originY Vertical origin: 'top', 'center' or 'bottom'\n   * @return {Point}\n   */\n  getPositionByOrigin(originX: TOriginX, originY: TOriginY) {\n    return this.translateToOriginPoint(\n      this.getRelativeCenterPoint(),\n      originX,\n      originY,\n    );\n  }\n\n  /**\n   * Sets the position of the object taking into consideration the object's origin\n   * @param {Point} pos The new position of the object\n   * @param {TOriginX} originX Horizontal origin: 'left', 'center' or 'right'\n   * @param {TOriginY} originY Vertical origin: 'top', 'center' or 'bottom'\n   * @return {void}\n   */\n  setPositionByOrigin(pos: Point, originX: TOriginX, originY: TOriginY) {\n    const center = this.translateToCenterPoint(pos, originX, originY),\n      position = this.translateToOriginPoint(\n        center,\n        this.originX,\n        this.originY,\n      );\n    this.set({ left: position.x, top: position.y });\n  }\n\n  /**\n   * @private\n   */\n  _getLeftTopCoords() {\n    return this.getPositionByOrigin(LEFT, TOP);\n  }\n\n  /**\n   * An utility method to position the object by its left top corner.\n   * Useful to reposition objects since now the default origin is center/center\n   * Places the left/top corner of the object bounding box in p.\n   */\n  positionByLeftTop(p: Point) {\n    return this.setPositionByOrigin(p, LEFT, TOP);\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"ObjectGeometry.mjs","names":[],"sources":["../../../../src/shapes/Object/ObjectGeometry.ts"],"sourcesContent":["import type {\n  TBBox,\n  TCornerPoint,\n  TDegree,\n  TMat2D,\n  TOriginX,\n  TOriginY,\n} from '../../typedefs';\nimport { SCALE_X, SCALE_Y, iMatrix } from '../../constants';\nimport { Intersection } from '../../Intersection';\nimport { Point } from '../../Point';\nimport { makeBoundingBoxFromPoints } from '../../util/misc/boundingBoxFromPoints';\nimport {\n  createRotateMatrix,\n  createTranslateMatrix,\n  composeMatrix,\n  invertTransform,\n  multiplyTransformMatrices,\n  transformPoint,\n  calcPlaneRotation,\n  calcPlaneZoom,\n  calcPlaneScaleY,\n} from '../../util/misc/matrix';\nimport { radiansToDegrees } from '../../util/misc/radiansDegreesConversion';\nimport type { Canvas } from '../../canvas/Canvas';\nimport type { StaticCanvas } from '../../canvas/StaticCanvas';\nimport type { ObjectEvents } from '../../EventTypeDefs';\nimport type { ControlProps } from './types/ControlProps';\nimport { resolveOrigin } from '../../util/misc/resolveOrigin';\nimport type { Group } from '../Group';\nimport { calcDimensionsMatrix } from '../../util/misc/matrix';\nimport { sizeAfterTransform } from '../../util/misc/objectTransforms';\nimport { degreesToRadians } from '../../util/misc/radiansDegreesConversion';\nimport { CommonMethods } from '../../CommonMethods';\nimport type { BaseProps } from './types/BaseProps';\nimport type { FillStrokeProps } from './types/FillStrokeProps';\nimport { CENTER, LEFT, TOP } from '../../constants';\n\ntype TMatrixCache = {\n  key: number[];\n  value: TMat2D;\n};\n\ntype TACoords = TCornerPoint;\n\nexport class ObjectGeometry<EventSpec extends ObjectEvents = ObjectEvents>\n  extends CommonMethods<EventSpec>\n  implements\n    Pick<ControlProps, 'padding'>,\n    BaseProps,\n    Pick<FillStrokeProps, 'strokeWidth' | 'strokeUniform'>\n{\n  // #region Geometry\n\n  declare padding: number;\n\n  /**\n   * Describe object's corner position in scene coordinates.\n   * The coordinates are derived from the following:\n   * left, top, width, height, scaleX, scaleY, skewX, skewY, angle, strokeWidth.\n   * The coordinates do not depend on viewport changes.\n   * The coordinates get updated with {@link setCoords}.\n   * You can calculate them without updating with {@link calcACoords()}\n   */\n  declare aCoords: TACoords;\n\n  /**\n   * storage cache for object transform matrix\n   */\n  declare ownMatrixCache?: TMatrixCache;\n\n  /**\n   * storage cache for object full transform matrix\n   */\n  declare matrixCache?: TMatrixCache;\n\n  /**\n   * A Reference of the Canvas where the object is actually added\n   * @type StaticCanvas | Canvas;\n   * @default undefined\n   * @private\n   */\n  declare canvas?: StaticCanvas | Canvas;\n\n  /**\n   * @returns {number} x position according to object's originX property in canvas coordinate plane\n   */\n  getX(): number {\n    return this.getXY().x;\n  }\n\n  /**\n   * @param {number} value x position according to object's originX property in canvas coordinate plane\n   */\n  setX(value: number) {\n    this.setXY(this.getXY().setX(value));\n  }\n\n  /**\n   * @returns {number} y position according to object's originY property in canvas coordinate plane\n   */\n  getY(): number {\n    return this.getXY().y;\n  }\n\n  /**\n   * @param {number} value y position according to object's originY property in canvas coordinate plane\n   */\n  setY(value: number) {\n    this.setXY(this.getXY().setY(value));\n  }\n\n  /**\n   * @returns {number} x position according to object's originX property in parent's coordinate plane\\\n   * if parent is canvas then this property is identical to {@link getX}\n   */\n  getRelativeX(): number {\n    return this.left;\n  }\n\n  /**\n   * @param {number} value x position according to object's originX property in parent's coordinate plane\\\n   * if parent is canvas then this method is identical to {@link setX}\n   */\n  setRelativeX(value: number) {\n    this.left = value;\n  }\n\n  /**\n   * @returns {number} y position according to object's originY property in parent's coordinate plane\\\n   * if parent is canvas then this property is identical to {@link getY}\n   */\n  getRelativeY(): number {\n    return this.top;\n  }\n\n  /**\n   * @param {number} value y position according to object's originY property in parent's coordinate plane\\\n   * if parent is canvas then this property is identical to {@link setY}\n   */\n  setRelativeY(value: number) {\n    this.top = value;\n  }\n\n  /**\n   * @returns {Point} x position according to object's originX originY properties in canvas coordinate plane\n   */\n  getXY(): Point {\n    const relativePosition = this.getRelativeXY();\n    return this.group\n      ? transformPoint(relativePosition, this.group.calcTransformMatrix())\n      : relativePosition;\n  }\n\n  /**\n   * Set an object position to a particular point, the point is intended in absolute ( canvas ) coordinate.\n   * You can specify originX and originY values,\n   * that otherwise are the object's current values.\n   * @example <caption>Set object's bottom left corner to point (5,5) on canvas</caption>\n   * object.setXY(new Point(5, 5), 'left', 'bottom').\n   * @param {Point} point position in scene coordinate plane\n   * @param {TOriginX} [originX] Horizontal origin: 'left', 'center' or 'right'\n   * @param {TOriginY} [originY] Vertical origin: 'top', 'center' or 'bottom'\n   */\n  setXY(point: Point, originX?: TOriginX, originY?: TOriginY) {\n    if (this.group) {\n      point = transformPoint(\n        point,\n        invertTransform(this.group.calcTransformMatrix()),\n      );\n    }\n    this.setRelativeXY(point, originX, originY);\n  }\n\n  /**\n   * @returns {Point} x,y position according to object's originX originY properties in parent's coordinate plane\n   */\n  getRelativeXY(): Point {\n    return new Point(this.left, this.top);\n  }\n\n  /**\n   * As {@link setXY}, but in current parent's coordinate plane (the current group if any or the canvas)\n   * @param {Point} point position according to object's originX originY properties in parent's coordinate plane\n   * @param {TOriginX} [originX] Horizontal origin: 'left', 'center' or 'right'\n   * @param {TOriginY} [originY] Vertical origin: 'top', 'center' or 'bottom'\n   */\n  setRelativeXY(\n    point: Point,\n    originX: TOriginX = this.originX,\n    originY: TOriginY = this.originY,\n  ) {\n    this.setPositionByOrigin(point, originX, originY);\n  }\n\n  /**\n   * @deprecated intermidiate method to be removed, do not use\n   */\n  protected isStrokeAccountedForInDimensions() {\n    return false;\n  }\n\n  /**\n   * @return {Point[]} [tl, tr, br, bl] in the scene plane\n   */\n  getCoords(): Point[] {\n    const { tl, tr, br, bl } =\n      this.aCoords || (this.aCoords = this.calcACoords());\n    const coords = [tl, tr, br, bl];\n    if (this.group) {\n      const t = this.group.calcTransformMatrix();\n      return coords.map((p) => transformPoint(p, t));\n    }\n    return coords;\n  }\n\n  /**\n   * Checks if object intersects with the scene rect formed by tl and br\n   */\n  intersectsWithRect(tl: Point, br: Point): boolean {\n    const intersection = Intersection.intersectPolygonRectangle(\n      this.getCoords(),\n      tl,\n      br,\n    );\n    return intersection.status === 'Intersection';\n  }\n\n  /**\n   * Checks if object intersects with another object\n   * @param {Object} other Object to test\n   * @return {Boolean} true if object intersects with another object\n   */\n  intersectsWithObject(other: ObjectGeometry): boolean {\n    const intersection = Intersection.intersectPolygonPolygon(\n      this.getCoords(),\n      other.getCoords(),\n    );\n\n    return (\n      intersection.status === 'Intersection' ||\n      intersection.status === 'Coincident' ||\n      other.isContainedWithinObject(this) ||\n      this.isContainedWithinObject(other)\n    );\n  }\n\n  /**\n   * Checks if object is fully contained within area of another object\n   * @param {Object} other Object to test\n   * @return {Boolean} true if object is fully contained within area of another object\n   */\n  isContainedWithinObject(other: ObjectGeometry): boolean {\n    const points = this.getCoords();\n    return points.every((point) => other.containsPoint(point));\n  }\n\n  /**\n   * Checks if object is fully contained within the scene rect formed by tl and br\n   */\n  isContainedWithinRect(tl: Point, br: Point): boolean {\n    const { left, top, width, height } = this.getBoundingRect();\n    return (\n      left >= tl.x &&\n      left + width <= br.x &&\n      top >= tl.y &&\n      top + height <= br.y\n    );\n  }\n\n  isOverlapping<T extends ObjectGeometry>(other: T): boolean {\n    return (\n      this.intersectsWithObject(other) ||\n      this.isContainedWithinObject(other) ||\n      other.isContainedWithinObject(this)\n    );\n  }\n\n  /**\n   * Checks if point is inside the object\n   * @param {Point} point Point to check against\n   * @return {Boolean} true if point is inside the object\n   */\n  containsPoint(point: Point): boolean {\n    return Intersection.isPointInPolygon(point, this.getCoords());\n  }\n\n  /**\n   * Checks if object is contained within the canvas with current viewportTransform\n   * the check is done stopping at first point that appears on screen\n   * @return {Boolean} true if object is fully or partially contained within canvas\n   */\n  isOnScreen(): boolean {\n    if (!this.canvas) {\n      return false;\n    }\n    const { tl, br } = this.canvas.vptCoords;\n    const points = this.getCoords();\n    // if some point is on screen, the object is on screen.\n    if (\n      points.some(\n        (point) =>\n          point.x <= br.x &&\n          point.x >= tl.x &&\n          point.y <= br.y &&\n          point.y >= tl.y,\n      )\n    ) {\n      return true;\n    }\n    // no points on screen, check intersection with absolute coordinates\n    if (this.intersectsWithRect(tl, br)) {\n      return true;\n    }\n    // check if the object is so big that it contains the entire viewport\n    return this.containsPoint(tl.midPointFrom(br));\n  }\n\n  /**\n   * Checks if object is partially contained within the canvas with current viewportTransform\n   * @return {Boolean} true if object is partially contained within canvas\n   */\n  isPartiallyOnScreen(): boolean {\n    if (!this.canvas) {\n      return false;\n    }\n    const { tl, br } = this.canvas.vptCoords;\n    if (this.intersectsWithRect(tl, br)) {\n      return true;\n    }\n    const allPointsAreOutside = this.getCoords().every(\n      (point) =>\n        (point.x >= br.x || point.x <= tl.x) &&\n        (point.y >= br.y || point.y <= tl.y),\n    );\n    // check if the object is so big that it contains the entire viewport\n    return allPointsAreOutside && this.containsPoint(tl.midPointFrom(br));\n  }\n\n  /**\n   * Returns coordinates of object's bounding rectangle (left, top, width, height)\n   * the box is intended as aligned to axis of canvas.\n   * @return {Object} Object with left, top, width, height properties\n   */\n  getBoundingRect(): TBBox {\n    return makeBoundingBoxFromPoints(this.getCoords());\n  }\n\n  /**\n   * Returns width of an object's bounding box counting transformations\n   * @todo shouldn't this account for group transform and return the actual size in canvas coordinate plane?\n   * @return {Number} width value\n   */\n  getScaledWidth(): number {\n    return this._getTransformedDimensions().x;\n  }\n\n  /**\n   * Returns height of an object bounding box counting transformations\n   * @todo shouldn't this account for group transform and return the actual size in canvas coordinate plane?\n   * @return {Number} height value\n   */\n  getScaledHeight(): number {\n    return this._getTransformedDimensions().y;\n  }\n\n  /**\n   * Scales an object (equally by x and y)\n   * @param {Number} value Scale factor\n   * @return {void}\n   */\n  scale(value: number): void {\n    this._set(SCALE_X, value);\n    this._set(SCALE_Y, value);\n    this.setCoords();\n  }\n\n  /**\n   * Scales an object to a given width, with respect to bounding box (scaling by x/y equally)\n   * @param {Number} value New width value\n   * @return {void}\n   */\n  scaleToWidth(value: number) {\n    // adjust to bounding rect factor so that rotated shapes would fit as well\n    const boundingRectFactor =\n      this.getBoundingRect().width / this.getScaledWidth();\n    return this.scale(value / this.width / boundingRectFactor);\n  }\n\n  /**\n   * Scales an object to a given height, with respect to bounding box (scaling by x/y equally)\n   * @param {Number} value New height value\n   * @return {void}\n   */\n  scaleToHeight(value: number) {\n    // adjust to bounding rect factor so that rotated shapes would fit as well\n    const boundingRectFactor =\n      this.getBoundingRect().height / this.getScaledHeight();\n    return this.scale(value / this.height / boundingRectFactor);\n  }\n\n  getCanvasRetinaScaling() {\n    return this.canvas?.getRetinaScaling() || 1;\n  }\n\n  /**\n   * Returns the object angle relative to canvas counting also the group property\n   * @returns {TDegree}\n   */\n  getTotalAngle(): TDegree {\n    return this.group\n      ? radiansToDegrees(calcPlaneRotation(this.calcTransformMatrix()))\n      : this.angle;\n  }\n\n  /**\n   * Retrieves viewportTransform from Object's canvas if available\n   * @return {TMat2D}\n   */\n  getViewportTransform(): TMat2D {\n    return this.canvas?.viewportTransform || (iMatrix.concat() as TMat2D);\n  }\n\n  /**\n   * Calculates the coordinates of the 4 corner of the bbox, in absolute coordinates.\n   * those never change with zoom or viewport changes.\n   * @return {TCornerPoint}\n   */\n  calcACoords(): TCornerPoint {\n    const rotateMatrix = createRotateMatrix({ angle: this.angle }),\n      { x, y } = this.getRelativeCenterPoint(),\n      tMatrix = createTranslateMatrix(x, y),\n      finalMatrix = multiplyTransformMatrices(tMatrix, rotateMatrix),\n      dim = this._getTransformedDimensions(),\n      w = dim.x / 2,\n      h = dim.y / 2;\n    return {\n      // corners\n      tl: transformPoint({ x: -w, y: -h }, finalMatrix),\n      tr: transformPoint({ x: w, y: -h }, finalMatrix),\n      bl: transformPoint({ x: -w, y: h }, finalMatrix),\n      br: transformPoint({ x: w, y: h }, finalMatrix),\n    };\n  }\n\n  /**\n   * Sets corner and controls position coordinates based on current angle, width and height, left and top.\n   * aCoords are used to quickly find an object on the canvas.\n   * See {@link https://github.com/fabricjs/fabric.js/wiki/When-to-call-setCoords} and {@link http://fabric5.fabricjs.com/fabric-gotchas}\n   */\n  setCoords(): void {\n    this.aCoords = this.calcACoords();\n  }\n\n  transformMatrixKey(skipGroup = false): number[] {\n    let prefix: number[] = [];\n    if (!skipGroup && this.group) {\n      prefix = this.group.transformMatrixKey(skipGroup);\n    }\n    prefix.push(\n      this.top,\n      this.left,\n      this.width,\n      this.height,\n      this.scaleX,\n      this.scaleY,\n      this.angle,\n      this.strokeWidth,\n      this.skewX,\n      this.skewY,\n      +this.flipX,\n      +this.flipY,\n      resolveOrigin(this.originX),\n      resolveOrigin(this.originY),\n    );\n\n    return prefix;\n  }\n\n  /**\n   * calculate transform matrix that represents the current transformations from the\n   * object's properties.\n   * @param {Boolean} [skipGroup] return transform matrix for object not counting parent transformations\n   * There are some situation in which this is useful to avoid the fake rotation.\n   * @return {TMat2D} transform matrix for the object\n   */\n  calcTransformMatrix(skipGroup = false): TMat2D {\n    let matrix = this.calcOwnMatrix();\n    if (skipGroup || !this.group) {\n      return matrix;\n    }\n    const key = this.transformMatrixKey(skipGroup),\n      cache = this.matrixCache;\n    if (cache && cache.key.every((x, i) => x === key[i])) {\n      return cache.value;\n    }\n    if (this.group) {\n      matrix = multiplyTransformMatrices(\n        this.group.calcTransformMatrix(false),\n        matrix,\n      );\n    }\n    this.matrixCache = {\n      key,\n      value: matrix,\n    };\n    return matrix;\n  }\n\n  /**\n   * calculate transform matrix that represents the current transformations from the\n   * object's properties, this matrix does not include the group transformation\n   * @return {TMat2D} transform matrix for the object\n   */\n  calcOwnMatrix(): TMat2D {\n    const key = this.transformMatrixKey(true),\n      cache = this.ownMatrixCache;\n    if (cache && cache.key.every((x, i) => x === key[i])) {\n      return cache.value;\n    }\n    const center = this.getRelativeCenterPoint(),\n      options = {\n        angle: this.angle,\n        translateX: center.x,\n        translateY: center.y,\n        scaleX: this.scaleX,\n        scaleY: this.scaleY,\n        skewX: this.skewX,\n        skewY: this.skewY,\n        flipX: this.flipX,\n        flipY: this.flipY,\n      },\n      value = composeMatrix(options);\n    this.ownMatrixCache = {\n      key,\n      value,\n    };\n    return value;\n  }\n\n  /**\n   * Calculate object dimensions from its properties\n   * @private\n   * @returns {Point} dimensions\n   */\n  _getNonTransformedDimensions(): Point {\n    return new Point(this.width, this.height).scalarAdd(this.strokeWidth);\n  }\n\n  /**\n   * Calculate object dimensions for controls box, including padding and canvas zoom.\n   * and active selection\n   * @private\n   * @param {object} [options] transform options\n   * @returns {Point} dimensions\n   */\n  _calculateCurrentDimensions(options?: any): Point {\n    const vpt = this.canvas?.viewportTransform;\n    const dim = this._getTransformedDimensions(options);\n    if (vpt) {\n      return dim\n        .multiply(new Point(calcPlaneZoom(vpt), calcPlaneScaleY(vpt)))\n        .scalarAdd(2 * this.padding);\n    }\n    return dim.scalarAdd(2 * this.padding);\n  }\n\n  // #region Origin\n\n  declare top: number;\n  declare left: number;\n  declare width: number;\n  declare height: number;\n  declare flipX: boolean;\n  declare flipY: boolean;\n  declare scaleX: number;\n  declare scaleY: number;\n  declare skewX: number;\n  declare skewY: number;\n  /**\n   * @deprecated please use 'center' as value in new projects\n   * */\n  declare originX: TOriginX;\n  /**\n   * @deprecated please use 'center' as value in new projects\n   * */\n  declare originY: TOriginY;\n  declare angle: TDegree;\n  declare strokeWidth: number;\n  declare strokeUniform: boolean;\n\n  /**\n   * Object containing this object.\n   * can influence its size and position\n   */\n  declare group?: Group;\n\n  /**\n   * Calculate object bounding box dimensions from its properties scale, skew.\n   * This bounding box is aligned with object angle and not with canvas axis or screen.\n   * @param {Object} [options]\n   * @param {Number} [options.scaleX]\n   * @param {Number} [options.scaleY]\n   * @param {Number} [options.skewX]\n   * @param {Number} [options.skewY]\n   * @private\n   * @returns {Point} dimensions\n   */\n  _getTransformedDimensions(options: any = {}): Point {\n    const dimOptions = {\n      // if scaleX or scaleY are negative numbers,\n      // this will return dimensions that are negative.\n      // and this will break assumptions around the codebase\n      scaleX: this.scaleX,\n      scaleY: this.scaleY,\n      skewX: this.skewX,\n      skewY: this.skewY,\n      width: this.width,\n      height: this.height,\n      strokeWidth: this.strokeWidth,\n      // TODO remove this spread. is visible in the performance inspection\n      ...options,\n    };\n    // stroke is applied before/after transformations are applied according to `strokeUniform`\n    const strokeWidth = dimOptions.strokeWidth;\n    let preScalingStrokeValue = strokeWidth,\n      postScalingStrokeValue = 0;\n\n    if (this.strokeUniform) {\n      preScalingStrokeValue = 0;\n      postScalingStrokeValue = strokeWidth;\n    }\n    const dimX = dimOptions.width + preScalingStrokeValue,\n      dimY = dimOptions.height + preScalingStrokeValue,\n      noSkew = dimOptions.skewX === 0 && dimOptions.skewY === 0;\n    let finalDimensions;\n    if (noSkew) {\n      finalDimensions = new Point(\n        dimX * dimOptions.scaleX,\n        dimY * dimOptions.scaleY,\n      );\n    } else {\n      finalDimensions = sizeAfterTransform(\n        dimX,\n        dimY,\n        calcDimensionsMatrix(dimOptions),\n      );\n    }\n\n    return finalDimensions.scalarAdd(postScalingStrokeValue);\n  }\n\n  /**\n   * Translates the coordinates from a set of origin to another (based on the object's dimensions)\n   * @param {Point} point The point which corresponds to the originX and originY params\n   * @param {TOriginX} fromOriginX Horizontal origin: 'left', 'center' or 'right'\n   * @param {TOriginY} fromOriginY Vertical origin: 'top', 'center' or 'bottom'\n   * @param {TOriginX} toOriginX Horizontal origin: 'left', 'center' or 'right'\n   * @param {TOriginY} toOriginY Vertical origin: 'top', 'center' or 'bottom'\n   * @return {Point}\n   */\n  translateToGivenOrigin(\n    point: Point,\n    fromOriginX: TOriginX,\n    fromOriginY: TOriginY,\n    toOriginX: TOriginX,\n    toOriginY: TOriginY,\n  ): Point {\n    let x = point.x,\n      y = point.y;\n    const offsetX = resolveOrigin(toOriginX) - resolveOrigin(fromOriginX),\n      offsetY = resolveOrigin(toOriginY) - resolveOrigin(fromOriginY);\n\n    if (offsetX || offsetY) {\n      const dim = this._getTransformedDimensions();\n      x += offsetX * dim.x;\n      y += offsetY * dim.y;\n    }\n\n    return new Point(x, y);\n  }\n\n  /**\n   * Translates the coordinates from origin to center coordinates (based on the object's dimensions)\n   * @param {Point} point The point which corresponds to the originX and originY params\n   * @param {TOriginX} originX Horizontal origin: 'left', 'center' or 'right'\n   * @param {TOriginY} originY Vertical origin: 'top', 'center' or 'bottom'\n   * @return {Point}\n   */\n  translateToCenterPoint(\n    point: Point,\n    originX: TOriginX,\n    originY: TOriginY,\n  ): Point {\n    if (originX === CENTER && originY === CENTER) {\n      return point;\n    }\n    const p = this.translateToGivenOrigin(\n      point,\n      originX,\n      originY,\n      CENTER,\n      CENTER,\n    );\n    if (this.angle) {\n      return p.rotate(degreesToRadians(this.angle), point);\n    }\n    return p;\n  }\n\n  /**\n   * Translates the coordinates from center to origin coordinates (based on the object's dimensions)\n   * @param {Point} center The point which corresponds to center of the object\n   * @param {OriginX} originX Horizontal origin: 'left', 'center' or 'right'\n   * @param {OriginY} originY Vertical origin: 'top', 'center' or 'bottom'\n   * @return {Point}\n   */\n  translateToOriginPoint(\n    center: Point,\n    originX: TOriginX,\n    originY: TOriginY,\n  ): Point {\n    const p = this.translateToGivenOrigin(\n      center,\n      CENTER,\n      CENTER,\n      originX,\n      originY,\n    );\n    if (this.angle) {\n      return p.rotate(degreesToRadians(this.angle), center);\n    }\n    return p;\n  }\n\n  /**\n   * Returns the center coordinates of the object relative to canvas\n   * @return {Point}\n   */\n  getCenterPoint(): Point {\n    const relCenter = this.getRelativeCenterPoint();\n    return this.group\n      ? transformPoint(relCenter, this.group.calcTransformMatrix())\n      : relCenter;\n  }\n\n  /**\n   * Returns the center coordinates of the object relative to it's parent\n   * @return {Point}\n   */\n  getRelativeCenterPoint(): Point {\n    return this.translateToCenterPoint(\n      new Point(this.left, this.top),\n      this.originX,\n      this.originY,\n    );\n  }\n\n  /**\n   * Alias of {@link getPositionByOrigin}\n   * @deprecated use {@link getPositionByOrigin} instead\n   */\n  getPointByOrigin(originX: TOriginX, originY: TOriginY): Point {\n    return this.getPositionByOrigin(originX, originY);\n  }\n\n  /**\n   * This function is the mirror of {@link setPositionByOrigin}\n   * Returns the position of the object based on specified origin.\n   * Take an object that has left, top set to 100, 100 with origin 'left', 'top'.\n   * Return the values of left top ( wrapped in a point ) that you would need to keep\n   * the same position if origin where different ( ex: center, bottom )\n   * Alternatively you can use this to also find which point in the parent plane is a specific origin\n   * ( where is the bottom right corner of my object? )\n   * @param {TOriginX} originX Horizontal origin: 'left', 'center' or 'right'\n   * @param {TOriginY} originY Vertical origin: 'top', 'center' or 'bottom'\n   * @return {Point}\n   */\n  getPositionByOrigin(originX: TOriginX, originY: TOriginY) {\n    return this.translateToOriginPoint(\n      this.getRelativeCenterPoint(),\n      originX,\n      originY,\n    );\n  }\n\n  /**\n   * Sets the position of the object taking into consideration the object's origin\n   * @param {Point} pos The new position of the object\n   * @param {TOriginX} originX Horizontal origin: 'left', 'center' or 'right'\n   * @param {TOriginY} originY Vertical origin: 'top', 'center' or 'bottom'\n   * @return {void}\n   */\n  setPositionByOrigin(pos: Point, originX: TOriginX, originY: TOriginY) {\n    const center = this.translateToCenterPoint(pos, originX, originY),\n      position = this.translateToOriginPoint(\n        center,\n        this.originX,\n        this.originY,\n      );\n    this.set({ left: position.x, top: position.y });\n  }\n\n  /**\n   * @private\n   */\n  _getLeftTopCoords() {\n    return this.getPositionByOrigin(LEFT, TOP);\n  }\n\n  /**\n   * An utility method to position the object by its left top corner.\n   * Useful to reposition objects since now the default origin is center/center\n   * Places the left/top corner of the object bounding box in p.\n   */\n  positionByLeftTop(p: Point) {\n    return this.setPositionByOrigin(p, LEFT, TOP);\n  }\n}\n"],"mappings":"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"}

package/dist/src/shapes/Object/types/FabricObjectProps.d.ts

@@ -6,7 +6,7 @@ export interface FabricObjectProps extends ObjectProps, ControlProps, BorderProp
     /**
      * When `true`, cache does not get updated during scaling. The picture will get blocky if scaled
      * too much and will be redrawn with correct details at the end of scaling.
-     * this setting is performance and application dependant.
+     * this setting is performance and application dependent.
      * default to true
      * since 1.7.0
      * @type Boolean

package/dist/src/shapes/Path.min.mjs

@@ -1,2 +1,2 @@
-import{_defineProperty as e}from"../../_virtual/_@oxc-project_runtime@0.122.0/helpers/defineProperty.min.mjs";import{config as t}from"../config.min.mjs";import"../constants.min.mjs";import{classRegistry as n}from"../ClassRegistry.min.mjs";import{Point as r}from"../Point.min.mjs";import{toFixed as i}from"../util/misc/toFixed.min.mjs";import{makeBoundingBoxFromPoints as a}from"../util/misc/boundingBoxFromPoints.min.mjs";import{cacheProperties as o}from"./Object/defaultValues.min.mjs";import{FabricObject as s}from"./Object/FabricObject.min.mjs";import{SHARED_ATTRIBUTES as c}from"../parser/attributes.min.mjs";import{parseAttributes as l}from"../parser/parseAttributes.min.mjs";import{getBoundsOfCurve as u,joinPath as d,makePathSimpler as f,parsePath as p}from"../util/path/index.min.mjs";var m=class e extends s{constructor(t,{path:n,left:r,top:i,...a}={}){super(),Object.assign(this,e.ownDefaults),this.setOptions(a),this._setPath(t||[],!0),typeof r==`number`&&this.set(`left`,r),typeof i==`number`&&this.set(`top`,i)}_setPath(e,t){this.path=f(Array.isArray(e)?e:p(e)),this.setBoundingBox(t)}_findCenterFromElement(){let e=this._calcBoundsFromPath();return new r(e.left+e.width/2,e.top+e.height/2)}_renderPathCommands(e){let t=-this.pathOffset.x,n=-this.pathOffset.y;e.beginPath();for(let r of this.path)switch(r[0]){case`L`:e.lineTo(r[1]+t,r[2]+n);break;case`M`:e.moveTo(r[1]+t,r[2]+n);break;case`C`:e.bezierCurveTo(r[1]+t,r[2]+n,r[3]+t,r[4]+n,r[5]+t,r[6]+n);break;case`Q`:e.quadraticCurveTo(r[1]+t,r[2]+n,r[3]+t,r[4]+n);break;case`Z`:e.closePath()}}_render(e){this._renderPathCommands(e),this._renderPaintInOrder(e)}toString(){return`#<Path (${this.complexity()}): { "top": ${this.top}, "left": ${this.left} }>`}toObject(e=[]){return{...super.toObject(e),path:this.path.map(e=>e.slice())}}toDatalessObject(e=[]){let t=this.toObject(e);return this.sourcePath&&(delete t.path,t.sourcePath=this.sourcePath),t}_toSVG(){return[`<path `,`COMMON_PARTS`,`d="${d(this.path,t.NUM_FRACTION_DIGITS)}" stroke-linecap="round" />\n`]}_getOffsetTransform(){let e=t.NUM_FRACTION_DIGITS;return` translate(${i(-this.pathOffset.x,e)}, ${i(-this.pathOffset.y,e)})`}toClipPathSVG(e){let t=this._getOffsetTransform();return`	`+this._createBaseClipPathSVGMarkup(this._toSVG(),{reviver:e,additionalTransform:t})}toSVG(e){let t=this._getOffsetTransform();return this._createBaseSVGMarkup(this._toSVG(),{reviver:e,additionalTransform:t})}complexity(){return this.path.length}setDimensions(){this.setBoundingBox()}setBoundingBox(e){let{width:t,height:n,pathOffset:r}=this._calcDimensions();this.set({width:t,height:n,pathOffset:r}),e&&this.setPositionByOrigin(r,`center`,`center`)}_calcBoundsFromPath(){let e=[],t=0,n=0,r=0,i=0;for(let a of this.path)switch(a[0]){case`L`:r=a[1],i=a[2],e.push({x:t,y:n},{x:r,y:i});break;case`M`:r=a[1],i=a[2],t=r,n=i;break;case`C`:e.push(...u(r,i,a[1],a[2],a[3],a[4],a[5],a[6])),r=a[5],i=a[6];break;case`Q`:e.push(...u(r,i,a[1],a[2],a[1],a[2],a[3],a[4])),r=a[3],i=a[4];break;case`Z`:r=t,i=n}return a(e)}_calcDimensions(){let e=this._calcBoundsFromPath();return{...e,pathOffset:new r(e.left+e.width/2,e.top+e.height/2)}}static fromObject(e){return this._fromObject(e,{extraParam:`path`})}static async fromElement(e,t,n){let{d:r,...i}=l(e,this.ATTRIBUTE_NAMES,n);return new this(r,{...i,...t,left:void 0,top:void 0})}};e(m,`type`,`Path`),e(m,`cacheProperties`,[...o,`path`,`fillRule`]),e(m,`ATTRIBUTE_NAMES`,[...c,`d`]),n.setClass(m),n.setSVGClass(m);export{m as Path};
+import{_defineProperty as e}from"../../_virtual/_@oxc-project_runtime@0.126.0/helpers/defineProperty.min.mjs";import{config as t}from"../config.min.mjs";import"../constants.min.mjs";import{classRegistry as n}from"../ClassRegistry.min.mjs";import{Point as r}from"../Point.min.mjs";import{toFixed as i}from"../util/misc/toFixed.min.mjs";import{makeBoundingBoxFromPoints as a}from"../util/misc/boundingBoxFromPoints.min.mjs";import{cacheProperties as o}from"./Object/defaultValues.min.mjs";import{FabricObject as s}from"./Object/FabricObject.min.mjs";import{SHARED_ATTRIBUTES as c}from"../parser/attributes.min.mjs";import{parseAttributes as l}from"../parser/parseAttributes.min.mjs";import{getBoundsOfCurve as u,joinPath as d,makePathSimpler as f,parsePath as p}from"../util/path/index.min.mjs";var m=class e extends s{constructor(t,{path:n,left:r,top:i,...a}={}){super(),Object.assign(this,e.ownDefaults),this.setOptions(a),this._setPath(t||[],!0),typeof r==`number`&&this.set(`left`,r),typeof i==`number`&&this.set(`top`,i)}_setPath(e,t){this.path=f(Array.isArray(e)?e:p(e)),this.setBoundingBox(t)}_findCenterFromElement(){let e=this._calcBoundsFromPath();return new r(e.left+e.width/2,e.top+e.height/2)}_renderPathCommands(e){let t=-this.pathOffset.x,n=-this.pathOffset.y;e.beginPath();for(let r of this.path)switch(r[0]){case`L`:e.lineTo(r[1]+t,r[2]+n);break;case`M`:e.moveTo(r[1]+t,r[2]+n);break;case`C`:e.bezierCurveTo(r[1]+t,r[2]+n,r[3]+t,r[4]+n,r[5]+t,r[6]+n);break;case`Q`:e.quadraticCurveTo(r[1]+t,r[2]+n,r[3]+t,r[4]+n);break;case`Z`:e.closePath()}}_render(e){this._renderPathCommands(e),this._renderPaintInOrder(e)}toString(){return`#<Path (${this.complexity()}): { "top": ${this.top}, "left": ${this.left} }>`}toObject(e=[]){return{...super.toObject(e),path:this.path.map(e=>e.slice())}}toDatalessObject(e=[]){let t=this.toObject(e);return this.sourcePath&&(delete t.path,t.sourcePath=this.sourcePath),t}_toSVG(){return[`<path `,`COMMON_PARTS`,`d="${d(this.path,t.NUM_FRACTION_DIGITS)}" stroke-linecap="round" />\n`]}_getOffsetTransform(){let e=t.NUM_FRACTION_DIGITS;return` translate(${i(-this.pathOffset.x,e)}, ${i(-this.pathOffset.y,e)})`}toClipPathSVG(e){let t=this._getOffsetTransform();return`	`+this._createBaseClipPathSVGMarkup(this._toSVG(),{reviver:e,additionalTransform:t})}toSVG(e){let t=this._getOffsetTransform();return this._createBaseSVGMarkup(this._toSVG(),{reviver:e,additionalTransform:t})}complexity(){return this.path.length}setDimensions(){this.setBoundingBox()}setBoundingBox(e){let{width:t,height:n,pathOffset:r}=this._calcDimensions();this.set({width:t,height:n,pathOffset:r}),e&&this.setPositionByOrigin(r,`center`,`center`)}_calcBoundsFromPath(){let e=[],t=0,n=0,r=0,i=0;for(let a of this.path)switch(a[0]){case`L`:r=a[1],i=a[2],e.push({x:t,y:n},{x:r,y:i});break;case`M`:r=a[1],i=a[2],t=r,n=i;break;case`C`:e.push(...u(r,i,a[1],a[2],a[3],a[4],a[5],a[6])),r=a[5],i=a[6];break;case`Q`:e.push(...u(r,i,a[1],a[2],a[1],a[2],a[3],a[4])),r=a[3],i=a[4];break;case`Z`:r=t,i=n}return a(e)}_calcDimensions(){let e=this._calcBoundsFromPath();return{...e,pathOffset:new r(e.left+e.width/2,e.top+e.height/2)}}static fromObject(e){return this._fromObject(e,{extraParam:`path`})}static async fromElement(e,t,n){let{d:r,...i}=l(e,this.ATTRIBUTE_NAMES,n);return new this(r,{...i,...t,left:void 0,top:void 0})}};e(m,`type`,`Path`),e(m,`cacheProperties`,[...o,`path`,`fillRule`]),e(m,`ATTRIBUTE_NAMES`,[...c,`d`]),n.setClass(m),n.setSVGClass(m);export{m as Path};
 //# sourceMappingURL=Path.min.mjs.map

package/dist/src/shapes/Path.mjs

@@ -1,4 +1,4 @@
-import { _defineProperty } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/defineProperty.mjs";
+import { _defineProperty } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/defineProperty.mjs";
 import { config } from "../config.mjs";
 import "../constants.mjs";
 import { classRegistry } from "../ClassRegistry.mjs";

package/dist/src/shapes/Polygon.min.mjs

@@ -1,2 +1,2 @@
-import{_defineProperty as e}from"../../_virtual/_@oxc-project_runtime@0.122.0/helpers/defineProperty.min.mjs";import{classRegistry as t}from"../ClassRegistry.min.mjs";import{Polyline as n,polylineDefaultValues as r}from"./Polyline.min.mjs";var i=class extends n{isOpen(){return!1}};e(i,`ownDefaults`,r),e(i,`type`,`Polygon`),t.setClass(i),t.setSVGClass(i);export{i as Polygon};
+import{_defineProperty as e}from"../../_virtual/_@oxc-project_runtime@0.126.0/helpers/defineProperty.min.mjs";import{classRegistry as t}from"../ClassRegistry.min.mjs";import{Polyline as n,polylineDefaultValues as r}from"./Polyline.min.mjs";var i=class extends n{isOpen(){return!1}};e(i,`ownDefaults`,r),e(i,`type`,`Polygon`),t.setClass(i),t.setSVGClass(i);export{i as Polygon};
 //# sourceMappingURL=Polygon.min.mjs.map

package/dist/src/shapes/Polygon.mjs

@@ -1,4 +1,4 @@
-import { _defineProperty } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/defineProperty.mjs";
+import { _defineProperty } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/defineProperty.mjs";
 import { classRegistry } from "../ClassRegistry.mjs";
 import { Polyline, polylineDefaultValues } from "./Polyline.mjs";
 //#region src/shapes/Polygon.ts

package/dist/src/shapes/Polyline.min.mjs

@@ -1,2 +1,2 @@
-import{_defineProperty as e}from"../../_virtual/_@oxc-project_runtime@0.122.0/helpers/defineProperty.min.mjs";import{config as t}from"../config.min.mjs";import{SKEW_X as n,SKEW_Y as r}from"../constants.min.mjs";import{classRegistry as i}from"../ClassRegistry.min.mjs";import{Point as a}from"../Point.min.mjs";import{degreesToRadians as o}from"../util/misc/radiansDegreesConversion.min.mjs";import{calcDimensionsMatrix as s,transformPoint as c}from"../util/misc/matrix.min.mjs";import{toFixed as l}from"../util/misc/toFixed.min.mjs";import{escapeXml as u}from"../util/lang_string.min.mjs";import{makeBoundingBoxFromPoints as d}from"../util/misc/boundingBoxFromPoints.min.mjs";import{cacheProperties as f}from"./Object/defaultValues.min.mjs";import{FabricObject as p}from"./Object/FabricObject.min.mjs";import{projectStrokeOnPoints as m}from"../util/misc/projectStroke/index.min.mjs";import{SHARED_ATTRIBUTES as h}from"../parser/attributes.min.mjs";import{parseAttributes as g}from"../parser/parseAttributes.min.mjs";import{parsePointsAttribute as _}from"../parser/parsePointsAttribute.min.mjs";const v={exactBoundingBox:!1};var y=class n extends p{static getDefaults(){return{...super.getDefaults(),...n.ownDefaults}}constructor(t=[],r={}){super(),e(this,`strokeDiff`,void 0),Object.assign(this,n.ownDefaults),this.setOptions(r),this.points=t;let{left:i,top:a}=r;this.initialized=!0,this.setBoundingBox(!0),typeof i==`number`&&this.set(`left`,i),typeof a==`number`&&this.set(`top`,a)}isOpen(){return!0}_projectStrokeOnPoints(e){return m(this.points,e,this.isOpen())}_calcDimensions(e){e={scaleX:this.scaleX,scaleY:this.scaleY,skewX:this.skewX,skewY:this.skewY,strokeLineCap:this.strokeLineCap,strokeLineJoin:this.strokeLineJoin,strokeMiterLimit:this.strokeMiterLimit,strokeUniform:this.strokeUniform,strokeWidth:this.strokeWidth,...e||{}};let t=this.exactBoundingBox?this._projectStrokeOnPoints(e).map(e=>e.projectedPoint):this.points;if(t.length===0)return{left:0,top:0,width:0,height:0,pathOffset:new a,strokeOffset:new a,strokeDiff:new a};let n=d(t),r=s({...e,scaleX:1,scaleY:1}),i=d(this.points.map(e=>c(e,r,!0))),l=new a(this.scaleX,this.scaleY),u=n.left+n.width/2,f=n.top+n.height/2;return this.exactBoundingBox&&(u-=f*Math.tan(o(this.skewX)),f-=u*Math.tan(o(this.skewY))),{...n,pathOffset:new a(u,f),strokeOffset:new a(i.left,i.top).subtract(new a(n.left,n.top)).multiply(l),strokeDiff:new a(n.width,n.height).subtract(new a(i.width,i.height)).multiply(l)}}_findCenterFromElement(){let e=d(this.points);return new a(e.left+e.width/2,e.top+e.height/2)}setDimensions(){this.setBoundingBox()}setBoundingBox(e){let{left:t,top:n,width:r,height:i,pathOffset:o,strokeOffset:s,strokeDiff:c}=this._calcDimensions();this.set({width:r,height:i,pathOffset:o,strokeOffset:s,strokeDiff:c}),e&&this.setPositionByOrigin(new a(t+r/2,n+i/2),`center`,`center`)}isStrokeAccountedForInDimensions(){return this.exactBoundingBox}_getNonTransformedDimensions(){return this.exactBoundingBox?new a(this.width,this.height):super._getNonTransformedDimensions()}_getTransformedDimensions(e={}){if(this.exactBoundingBox){let o;if(Object.keys(e).some(e=>this.strokeUniform||this.constructor.layoutProperties.includes(e))){var t,n;let{width:r,height:i}=this._calcDimensions(e);o=new a((t=e.width)==null?r:t,(n=e.height)==null?i:n)}else{var r,i;o=new a((r=e.width)==null?this.width:r,(i=e.height)==null?this.height:i)}return o.multiply(new a(e.scaleX||this.scaleX,e.scaleY||this.scaleY))}return super._getTransformedDimensions(e)}_set(e,t){let n=this.initialized&&this[e]!==t,r=super._set(e,t);return this.exactBoundingBox&&n&&((e===`scaleX`||e===`scaleY`)&&this.strokeUniform&&this.constructor.layoutProperties.includes(`strokeUniform`)||this.constructor.layoutProperties.includes(e))&&this.setDimensions(),r}toObject(e=[]){return{...super.toObject(e),points:this.points.map(({x:e,y:t})=>({x:e,y:t}))}}_toSVG(){let e=this.pathOffset.x,n=this.pathOffset.y,r=t.NUM_FRACTION_DIGITS,i=this.points.map(({x:t,y:i})=>`${l(t-e,r)},${l(i-n,r)}`).join(` `);return[`<${u(this.constructor.type).toLowerCase()} `,`COMMON_PARTS`,`points="${i}" />\n`]}_render(e){let t=this.points.length,n=this.pathOffset.x,r=this.pathOffset.y;if(t&&!isNaN(this.points[t-1].y)){e.beginPath(),e.moveTo(this.points[0].x-n,this.points[0].y-r);for(let i=0;i<t;i++){let t=this.points[i];e.lineTo(t.x-n,t.y-r)}!this.isOpen()&&e.closePath(),this._renderPaintInOrder(e)}}complexity(){return this.points.length}static async fromElement(e,t,n){let r=_(e.getAttribute(`points`)),{left:i,top:a,...o}=g(e,this.ATTRIBUTE_NAMES,n);return new this(r,{...o,...t})}static fromObject(e){return this._fromObject(e,{extraParam:`points`})}};e(y,`ownDefaults`,v),e(y,`type`,`Polyline`),e(y,`layoutProperties`,[n,r,`strokeLineCap`,`strokeLineJoin`,`strokeMiterLimit`,`strokeWidth`,`strokeUniform`,`points`]),e(y,`cacheProperties`,[...f,`points`]),e(y,`ATTRIBUTE_NAMES`,[...h]),i.setClass(y),i.setSVGClass(y);export{y as Polyline,v as polylineDefaultValues};
+import{_defineProperty as e}from"../../_virtual/_@oxc-project_runtime@0.126.0/helpers/defineProperty.min.mjs";import{config as t}from"../config.min.mjs";import{SKEW_X as n,SKEW_Y as r}from"../constants.min.mjs";import{classRegistry as i}from"../ClassRegistry.min.mjs";import{Point as a}from"../Point.min.mjs";import{degreesToRadians as o}from"../util/misc/radiansDegreesConversion.min.mjs";import{calcDimensionsMatrix as s,transformPoint as c}from"../util/misc/matrix.min.mjs";import{toFixed as l}from"../util/misc/toFixed.min.mjs";import{escapeXml as u}from"../util/lang_string.min.mjs";import{makeBoundingBoxFromPoints as d}from"../util/misc/boundingBoxFromPoints.min.mjs";import{cacheProperties as f}from"./Object/defaultValues.min.mjs";import{FabricObject as p}from"./Object/FabricObject.min.mjs";import{projectStrokeOnPoints as m}from"../util/misc/projectStroke/index.min.mjs";import{SHARED_ATTRIBUTES as h}from"../parser/attributes.min.mjs";import{parseAttributes as g}from"../parser/parseAttributes.min.mjs";import{parsePointsAttribute as _}from"../parser/parsePointsAttribute.min.mjs";const v={exactBoundingBox:!1};var y=class n extends p{static getDefaults(){return{...super.getDefaults(),...n.ownDefaults}}constructor(t=[],r={}){super(),e(this,`strokeDiff`,void 0),Object.assign(this,n.ownDefaults),this.setOptions(r),this.points=t;let{left:i,top:a}=r;this.initialized=!0,this.setBoundingBox(!0),typeof i==`number`&&this.set(`left`,i),typeof a==`number`&&this.set(`top`,a)}isOpen(){return!0}_projectStrokeOnPoints(e){return m(this.points,e,this.isOpen())}_calcDimensions(e){e={scaleX:this.scaleX,scaleY:this.scaleY,skewX:this.skewX,skewY:this.skewY,strokeLineCap:this.strokeLineCap,strokeLineJoin:this.strokeLineJoin,strokeMiterLimit:this.strokeMiterLimit,strokeUniform:this.strokeUniform,strokeWidth:this.strokeWidth,...e||{}};let t=this.exactBoundingBox?this._projectStrokeOnPoints(e).map(e=>e.projectedPoint):this.points;if(t.length===0)return{left:0,top:0,width:0,height:0,pathOffset:new a,strokeOffset:new a,strokeDiff:new a};let n=d(t),r=s({...e,scaleX:1,scaleY:1}),i=d(this.points.map(e=>c(e,r,!0))),l=new a(this.scaleX,this.scaleY),u=n.left+n.width/2,f=n.top+n.height/2;return this.exactBoundingBox&&(u-=f*Math.tan(o(this.skewX)),f-=u*Math.tan(o(this.skewY))),{...n,pathOffset:new a(u,f),strokeOffset:new a(i.left,i.top).subtract(new a(n.left,n.top)).multiply(l),strokeDiff:new a(n.width,n.height).subtract(new a(i.width,i.height)).multiply(l)}}_findCenterFromElement(){let e=d(this.points);return new a(e.left+e.width/2,e.top+e.height/2)}setDimensions(){this.setBoundingBox()}setBoundingBox(e){let{left:t,top:n,width:r,height:i,pathOffset:o,strokeOffset:s,strokeDiff:c}=this._calcDimensions();this.set({width:r,height:i,pathOffset:o,strokeOffset:s,strokeDiff:c}),e&&this.setPositionByOrigin(new a(t+r/2,n+i/2),`center`,`center`)}isStrokeAccountedForInDimensions(){return this.exactBoundingBox}_getNonTransformedDimensions(){return this.exactBoundingBox?new a(this.width,this.height):super._getNonTransformedDimensions()}_getTransformedDimensions(e={}){if(this.exactBoundingBox){let o;if(Object.keys(e).some(e=>this.strokeUniform||this.constructor.layoutProperties.includes(e))){var t,n;let{width:r,height:i}=this._calcDimensions(e);o=new a((t=e.width)==null?r:t,(n=e.height)==null?i:n)}else{var r,i;o=new a((r=e.width)==null?this.width:r,(i=e.height)==null?this.height:i)}return o.multiply(new a(e.scaleX||this.scaleX,e.scaleY||this.scaleY))}return super._getTransformedDimensions(e)}_set(e,t){let n=this.initialized&&this[e]!==t,r=super._set(e,t);return this.exactBoundingBox&&n&&((e===`scaleX`||e===`scaleY`)&&this.strokeUniform&&this.constructor.layoutProperties.includes(`strokeUniform`)||this.constructor.layoutProperties.includes(e))&&this.setDimensions(),r}toObject(e=[]){return{...super.toObject(e),points:this.points.map(({x:e,y:t})=>({x:e,y:t}))}}_toSVG(){let e=this.pathOffset.x,n=this.pathOffset.y,r=t.NUM_FRACTION_DIGITS,i=this.points.map(({x:t,y:i})=>`${l(t-e,r)},${l(i-n,r)}`).join(` `);return[`<${u(this.constructor.type).toLowerCase()} `,`COMMON_PARTS`,`points="${i}" />\n`]}_render(e){let t=this.points.length,n=this.pathOffset.x,r=this.pathOffset.y;if(t&&!isNaN(this.points[t-1].y)){e.beginPath(),e.moveTo(this.points[0].x-n,this.points[0].y-r);for(let i=0;i<t;i++){let t=this.points[i];e.lineTo(t.x-n,t.y-r)}!this.isOpen()&&e.closePath(),this._renderPaintInOrder(e)}}complexity(){return this.points.length}static async fromElement(e,t,n){let r=_(e.getAttribute(`points`)),{left:i,top:a,...o}=g(e,this.ATTRIBUTE_NAMES,n);return new this(r,{...o,...t})}static fromObject(e){return this._fromObject(e,{extraParam:`points`})}};e(y,`ownDefaults`,v),e(y,`type`,`Polyline`),e(y,`layoutProperties`,[n,r,`strokeLineCap`,`strokeLineJoin`,`strokeMiterLimit`,`strokeWidth`,`strokeUniform`,`points`]),e(y,`cacheProperties`,[...f,`points`]),e(y,`ATTRIBUTE_NAMES`,[...h]),i.setClass(y),i.setSVGClass(y);export{y as Polyline,v as polylineDefaultValues};
 //# sourceMappingURL=Polyline.min.mjs.map

package/dist/src/shapes/Polyline.mjs

@@ -1,4 +1,4 @@
-import { _defineProperty } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/defineProperty.mjs";
+import { _defineProperty } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/defineProperty.mjs";
 import { config } from "../config.mjs";
 import { SKEW_X, SKEW_Y } from "../constants.mjs";
 import { classRegistry } from "../ClassRegistry.mjs";

package/dist/src/shapes/Rect.min.mjs

@@ -1,2 +1,2 @@
-import{_defineProperty as e}from"../../_virtual/_@oxc-project_runtime@0.122.0/helpers/defineProperty.min.mjs";import"../constants.min.mjs";import{classRegistry as t}from"../ClassRegistry.min.mjs";import{escapeXml as n}from"../util/lang_string.min.mjs";import{cacheProperties as r}from"./Object/defaultValues.min.mjs";import{FabricObject as i}from"./Object/FabricObject.min.mjs";import{SHARED_ATTRIBUTES as a}from"../parser/attributes.min.mjs";import{parseAttributes as o}from"../parser/parseAttributes.min.mjs";const s=[`rx`,`ry`];var c=class e extends i{static getDefaults(){return{...super.getDefaults(),...e.ownDefaults}}constructor(t){super(),Object.assign(this,e.ownDefaults),this.setOptions(t),this._initRxRy()}_initRxRy(){let{rx:e,ry:t}=this;e&&!t?this.ry=e:t&&!e&&(this.rx=t)}_render(e){let{width:t,height:n}=this,r=-t/2,i=-n/2,a=this.rx?Math.min(this.rx,t/2):0,o=this.ry?Math.min(this.ry,n/2):0,s=a!==0||o!==0;e.beginPath(),e.moveTo(r+a,i),e.lineTo(r+t-a,i),s&&e.bezierCurveTo(r+t-.4477152502*a,i,r+t,i+.4477152502*o,r+t,i+o),e.lineTo(r+t,i+n-o),s&&e.bezierCurveTo(r+t,i+n-.4477152502*o,r+t-.4477152502*a,i+n,r+t-a,i+n),e.lineTo(r+a,i+n),s&&e.bezierCurveTo(r+.4477152502*a,i+n,r,i+n-.4477152502*o,r,i+n-o),e.lineTo(r,i+o),s&&e.bezierCurveTo(r,i+.4477152502*o,r+.4477152502*a,i,r+a,i),e.closePath(),this._renderPaintInOrder(e)}toObject(e=[]){return super.toObject([...s,...e])}_toSVG(){let{width:e,height:t,rx:r,ry:i}=this;return[`<rect `,`COMMON_PARTS`,`x="${-e/2}" y="${-t/2}" rx="${n(r)}" ry="${n(i)}" width="${n(e)}" height="${n(t)}" />\n`]}static async fromElement(e,t,n){let{left:r=0,top:i=0,width:a=0,height:s=0,visible:c=!0,...l}=o(e,this.ATTRIBUTE_NAMES,n);return new this({...t,...l,left:r,top:i,width:a,height:s,visible:!!(c&&a&&s)})}};e(c,`type`,`Rect`),e(c,`cacheProperties`,[...r,...s]),e(c,`ownDefaults`,{rx:0,ry:0}),e(c,`ATTRIBUTE_NAMES`,[...a,`x`,`y`,`rx`,`ry`,`width`,`height`]),t.setClass(c),t.setSVGClass(c);export{c as Rect};
+import{_defineProperty as e}from"../../_virtual/_@oxc-project_runtime@0.126.0/helpers/defineProperty.min.mjs";import"../constants.min.mjs";import{classRegistry as t}from"../ClassRegistry.min.mjs";import{escapeXml as n}from"../util/lang_string.min.mjs";import{cacheProperties as r}from"./Object/defaultValues.min.mjs";import{FabricObject as i}from"./Object/FabricObject.min.mjs";import{SHARED_ATTRIBUTES as a}from"../parser/attributes.min.mjs";import{parseAttributes as o}from"../parser/parseAttributes.min.mjs";const s=[`rx`,`ry`];var c=class e extends i{static getDefaults(){return{...super.getDefaults(),...e.ownDefaults}}constructor(t){super(),Object.assign(this,e.ownDefaults),this.setOptions(t),this._initRxRy()}_initRxRy(){let{rx:e,ry:t}=this;e&&!t?this.ry=e:t&&!e&&(this.rx=t)}_render(e){let{width:t,height:n}=this,r=-t/2,i=-n/2,a=this.rx?Math.min(this.rx,t/2):0,o=this.ry?Math.min(this.ry,n/2):0,s=a!==0||o!==0;e.beginPath(),e.moveTo(r+a,i),e.lineTo(r+t-a,i),s&&e.bezierCurveTo(r+t-.4477152502*a,i,r+t,i+.4477152502*o,r+t,i+o),e.lineTo(r+t,i+n-o),s&&e.bezierCurveTo(r+t,i+n-.4477152502*o,r+t-.4477152502*a,i+n,r+t-a,i+n),e.lineTo(r+a,i+n),s&&e.bezierCurveTo(r+.4477152502*a,i+n,r,i+n-.4477152502*o,r,i+n-o),e.lineTo(r,i+o),s&&e.bezierCurveTo(r,i+.4477152502*o,r+.4477152502*a,i,r+a,i),e.closePath(),this._renderPaintInOrder(e)}toObject(e=[]){return super.toObject([...s,...e])}_toSVG(){let{width:e,height:t,rx:r,ry:i}=this;return[`<rect `,`COMMON_PARTS`,`x="${-e/2}" y="${-t/2}" rx="${n(r)}" ry="${n(i)}" width="${n(e)}" height="${n(t)}" />\n`]}static async fromElement(e,t,n){let{left:r=0,top:i=0,width:a=0,height:s=0,visible:c=!0,...l}=o(e,this.ATTRIBUTE_NAMES,n);return new this({...t,...l,left:r,top:i,width:a,height:s,visible:!!(c&&a&&s)})}};e(c,`type`,`Rect`),e(c,`cacheProperties`,[...r,...s]),e(c,`ownDefaults`,{rx:0,ry:0}),e(c,`ATTRIBUTE_NAMES`,[...a,`x`,`y`,`rx`,`ry`,`width`,`height`]),t.setClass(c),t.setSVGClass(c);export{c as Rect};
 //# sourceMappingURL=Rect.min.mjs.map

package/dist/src/shapes/Rect.mjs

@@ -1,4 +1,4 @@
-import { _defineProperty } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/defineProperty.mjs";
+import { _defineProperty } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/defineProperty.mjs";
 import "../constants.mjs";
 import { classRegistry } from "../ClassRegistry.mjs";
 import { escapeXml } from "../util/lang_string.mjs";

package/dist/src/shapes/Text/StyledText.min.mjs

@@ -1,2 +1,2 @@
-import{_defineProperty as e}from"../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/defineProperty.min.mjs";import{pick as t,pickBy as n}from"../../util/misc/pick.min.mjs";import{styleProperties as r}from"./constants.min.mjs";import{FabricObject as i}from"../Object/FabricObject.min.mjs";var a=class extends i{isEmptyStyles(e){if(!this.styles||e!==void 0&&!this.styles[e])return!0;let t=e===void 0?this.styles:{line:this.styles[e]};for(let e in t)for(let n in t[e])for(let r in t[e][n])return!1;return!0}styleHas(e,t){if(!this.styles||t!==void 0&&!this.styles[t])return!1;let n=t===void 0?this.styles:{0:this.styles[t]};for(let t in n)for(let r in n[t])if(n[t][r][e]!==void 0)return!0;return!1}cleanStyle(e){if(!this.styles)return!1;let t=this.styles,n,r,i=0,a=!0,o=0;for(let o in t){n=0;for(let s in t[o]){let c=t[o][s]||{};i++,c[e]===void 0?a=!1:(r?c[e]!==r&&(a=!1):r=c[e],c[e]===this[e]&&delete c[e]),Object.keys(c).length===0?delete t[o][s]:n++}n===0&&delete t[o]}for(let e=0;e<this._textLines.length;e++)o+=this._textLines[e].length;a&&i===o&&(this[e]=r,this.removeStyle(e))}removeStyle(e){if(!this.styles)return;let t=this.styles,n,r,i;for(r in t){for(i in n=t[r],n)delete n[i][e],Object.keys(n[i]).length===0&&delete n[i];Object.keys(n).length===0&&delete t[r]}}_extendStyles(e,t){let{lineIndex:r,charIndex:i}=this.get2DCursorLocation(e);this._getLineStyle(r)||this._setLineStyle(r);let a=n({...this._getStyleDeclaration(r,i),...t},e=>e!==void 0);this._setStyleDeclaration(r,i,a)}getSelectionStyles(e,t,n){let r=[];for(let i=e;i<(t||e);i++)r.push(this.getStyleAtPosition(i,n));return r}getStyleAtPosition(e,t){let{lineIndex:n,charIndex:r}=this.get2DCursorLocation(e);return t?this.getCompleteStyleDeclaration(n,r):this._getStyleDeclaration(n,r)}setSelectionStyles(e,t,n){for(let r=t;r<(n||t);r++)this._extendStyles(r,e);this._forceClearCache=!0}_getStyleDeclaration(e,t){var n;let r=this.styles&&this.styles[e];return r&&(n=r[t])!=null?n:{}}getCompleteStyleDeclaration(e,n){return{...t(this,this.constructor._styleProperties),...this._getStyleDeclaration(e,n)}}_setStyleDeclaration(e,t,n){this.styles[e][t]=n}_deleteStyleDeclaration(e,t){delete this.styles[e][t]}_getLineStyle(e){return!!this.styles[e]}_setLineStyle(e){this.styles[e]={}}_deleteLineStyle(e){delete this.styles[e]}};e(a,`_styleProperties`,r);export{a as StyledText};
+import{_defineProperty as e}from"../../../_virtual/_@oxc-project_runtime@0.126.0/helpers/defineProperty.min.mjs";import{pick as t,pickBy as n}from"../../util/misc/pick.min.mjs";import{styleProperties as r}from"./constants.min.mjs";import{FabricObject as i}from"../Object/FabricObject.min.mjs";var a=class extends i{isEmptyStyles(e){if(!this.styles||e!==void 0&&!this.styles[e])return!0;let t=e===void 0?this.styles:{line:this.styles[e]};for(let e in t)for(let n in t[e])for(let r in t[e][n])return!1;return!0}styleHas(e,t){if(!this.styles||t!==void 0&&!this.styles[t])return!1;let n=t===void 0?this.styles:{0:this.styles[t]};for(let t in n)for(let r in n[t])if(n[t][r][e]!==void 0)return!0;return!1}cleanStyle(e){if(!this.styles)return!1;let t=this.styles,n,r,i=0,a=!0,o=0;for(let o in t){n=0;for(let s in t[o]){let c=t[o][s]||{};i++,c[e]===void 0?a=!1:(r?c[e]!==r&&(a=!1):r=c[e],c[e]===this[e]&&delete c[e]),Object.keys(c).length===0?delete t[o][s]:n++}n===0&&delete t[o]}for(let e=0;e<this._textLines.length;e++)o+=this._textLines[e].length;a&&i===o&&(this[e]=r,this.removeStyle(e))}removeStyle(e){if(!this.styles)return;let t=this.styles,n,r,i;for(r in t){for(i in n=t[r],n)delete n[i][e],Object.keys(n[i]).length===0&&delete n[i];Object.keys(n).length===0&&delete t[r]}}_extendStyles(e,t){let{lineIndex:r,charIndex:i}=this.get2DCursorLocation(e);this._getLineStyle(r)||this._setLineStyle(r);let a=n({...this._getStyleDeclaration(r,i),...t},e=>e!==void 0);this._setStyleDeclaration(r,i,a)}getSelectionStyles(e,t,n){let r=[];for(let i=e;i<(t||e);i++)r.push(this.getStyleAtPosition(i,n));return r}getStyleAtPosition(e,t){let{lineIndex:n,charIndex:r}=this.get2DCursorLocation(e);return t?this.getCompleteStyleDeclaration(n,r):this._getStyleDeclaration(n,r)}setSelectionStyles(e,t,n){for(let r=t;r<(n||t);r++)this._extendStyles(r,e);this._forceClearCache=!0}_getStyleDeclaration(e,t){var n;let r=this.styles&&this.styles[e];return r&&(n=r[t])!=null?n:{}}getCompleteStyleDeclaration(e,n){return{...t(this,this.constructor._styleProperties),...this._getStyleDeclaration(e,n)}}_setStyleDeclaration(e,t,n){this.styles[e][t]=n}_deleteStyleDeclaration(e,t){delete this.styles[e][t]}_getLineStyle(e){return!!this.styles[e]}_setLineStyle(e){this.styles[e]={}}_deleteLineStyle(e){delete this.styles[e]}};e(a,`_styleProperties`,r);export{a as StyledText};
 //# sourceMappingURL=StyledText.min.mjs.map

package/dist/src/shapes/Text/StyledText.mjs

@@ -1,4 +1,4 @@
-import { _defineProperty } from "../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/defineProperty.mjs";
+import { _defineProperty } from "../../../_virtual/_@oxc-project_runtime@0.126.0/helpers/defineProperty.mjs";
 import { pick, pickBy } from "../../util/misc/pick.mjs";
 import { styleProperties } from "./constants.mjs";
 import { FabricObject } from "../Object/FabricObject.mjs";

package/dist/src/shapes/Text/Text.d.ts

@@ -198,11 +198,11 @@ export declare class FabricText<Props extends TOptions<TextProps> = Partial<Text
      */
     path?: Path;
     /**
-     * The text decoration tickness for underline, overline and strikethrough
-     * The tickness is expressed in thousandths of fontSize ( em ).
+     * The text decoration thickness for underline, overline and strikethrough
+     * The thickness is expressed in thousandths of fontSize ( em ).
      * The original value was 1/15 that translates to 66.6667 thousandths.
      * The choice of unit of measure is to align with charSpacing.
-     * You can slim the tickness without issues, while large underline or overline may end up
+     * You can slim the thickness without issues, while large underline or overline may end up
      * outside the bounding box of the text. In order to fix that a bigger refactor of the code
      * is needed and is out of scope for now. If you need such large overline on the first line
      * of text or large underline on the last line of text, consider disabling caching as a
@@ -524,7 +524,7 @@ export declare class FabricText<Props extends TOptions<TextProps> = Partial<Text
      * @private
      * @param {String} method fillText or strokeText.
      * @param {CanvasRenderingContext2D} ctx Context to render on
-     * @param {Array} line Content of the line, splitted in an array by grapheme
+     * @param {Array} line Content of the line, split in an array by grapheme
      * @param {Number} left
      * @param {Number} top
      * @param {Number} lineIndex

package/dist/src/shapes/Text/Text.min.mjs

@@ -1,3 +1,3 @@
-import{_defineProperty as e}from"../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/defineProperty.min.mjs";import{cache as t}from"../../cache.min.mjs";import{BOTTOM as n,CENTER as r,FILL as i,LEFT as a,RIGHT as o}from"../../constants.min.mjs";import{classRegistry as s}from"../../ClassRegistry.min.mjs";import{createCanvasElementFor as c}from"../../util/misc/dom.min.mjs";import{isFiller as l}from"../../util/typeAssertions.min.mjs";import{graphemeSplit as u}from"../../util/lang_string.min.mjs";import{normalizeWs as d}from"../../util/internals/normalizeWhiteSpace.min.mjs";import{JUSTIFY as f,TEXT_DECORATION_THICKNESS as p,additionalProps as m,textDefaultValues as h,textLayoutProperties as g}from"./constants.min.mjs";import{cacheProperties as _}from"../Object/defaultValues.min.mjs";import{applyMixins as v}from"../../util/applyMixins.min.mjs";import{hasStyleChanged as y,stylesFromArray as b,stylesToArray as x}from"../../util/misc/textStyles.min.mjs";import{SHARED_ATTRIBUTES as S}from"../../parser/attributes.min.mjs";import{parseAttributes as C}from"../../parser/parseAttributes.min.mjs";import{getPathSegmentsInfo as w,getPointOnPath as T}from"../../util/path/index.min.mjs";import{StyledText as E}from"./StyledText.min.mjs";import{TextSVGExportMixin as D}from"./TextSVGExportMixin.min.mjs";let O;var k=class s extends E{static getDefaults(){return{...super.getDefaults(),...s.ownDefaults}}constructor(t,n){super(),e(this,`__charBounds`,[]),Object.assign(this,s.ownDefaults),this.setOptions(n),this.styles||(this.styles={}),this.text=t,this.initialized=!0,this.path&&this.setPathInfo(),this.initDimensions(),this.setCoords()}setPathInfo(){let e=this.path;e&&(e.segmentsInfo=w(e.path))}_splitText(){let e=this._splitTextIntoLines(this.text);return this.textLines=e.lines,this._textLines=e.graphemeLines,this._unwrappedTextLines=e._unwrappedLines,this._text=e.graphemeText,e}initDimensions(){this._splitText(),this._clearCache(),this.dirty=!0,this.path?(this.width=this.path.width,this.height=this.path.height):(this.width=this.calcTextWidth()||this.cursorWidth||this.MIN_TEXT_WIDTH,this.height=this.calcTextHeight()),this.textAlign.includes(`justify`)&&this.enlargeSpaces()}enlargeSpaces(){let e,t,n,r,i,a,o;for(let s=0,c=this._textLines.length;s<c;s++)if((this.textAlign===`justify`||s!==c-1&&!this.isEndOfWrapping(s))&&(r=0,i=this._textLines[s],t=this.getLineWidth(s),t<this.width&&(o=this.textLines[s].match(this._reSpacesAndTabs)))){n=o.length,e=(this.width-t)/n;for(let t=0;t<=i.length;t++)a=this.__charBounds[s][t],this._reSpaceAndTab.test(i[t])?(a.width+=e,a.kernedWidth+=e,a.left+=r,r+=e):a.left+=r}}isEndOfWrapping(e){return e===this._textLines.length-1}missingNewlineOffset(e){return 1}get2DCursorLocation(e,t){let n=t?this._unwrappedTextLines:this._textLines,r;for(r=0;r<n.length;r++){if(e<=n[r].length)return{lineIndex:r,charIndex:e};e-=n[r].length+this.missingNewlineOffset(r,t)}return{lineIndex:r-1,charIndex:n[r-1].length<e?n[r-1].length:e}}toString(){return`#<Text (${this.complexity()}): { "text": "${this.text}", "fontFamily": "${this.fontFamily}" }>`}_getCacheCanvasDimensions(){let e=super._getCacheCanvasDimensions(),t=this.fontSize;return e.width+=t*e.zoomX,e.height+=t*e.zoomY,e}_render(e){let t=this.path;t&&!t.isNotVisible()&&t._render(e),this._setTextStyles(e),this._renderTextLinesBackground(e),this._renderTextDecoration(e,`underline`),this._renderText(e),this._renderTextDecoration(e,`overline`),this._renderTextDecoration(e,`linethrough`)}_renderText(e){this.paintFirst===`stroke`?(this._renderTextStroke(e),this._renderTextFill(e)):(this._renderTextFill(e),this._renderTextStroke(e))}_setTextStyles(e,t,i){if(e.textBaseline=`alphabetic`,this.path)switch(this.pathAlign){case r:e.textBaseline=`middle`;break;case`ascender`:e.textBaseline=`top`;break;case`descender`:e.textBaseline=n}e.font=this._getFontDeclaration(t,i)}calcTextWidth(){let e=this.getLineWidth(0);for(let t=1,n=this._textLines.length;t<n;t++){let n=this.getLineWidth(t);n>e&&(e=n)}return e}_renderTextLine(e,t,n,r,i,a){this._renderChars(e,t,n,r,i,a)}_renderTextLinesBackground(e){if(!this.textBackgroundColor&&!this.styleHas(`textBackgroundColor`))return;let t=e.fillStyle,n=this._getLeftOffset(),r=this._getTopOffset();for(let t=0,i=this._textLines.length;t<i;t++){let i=this.getHeightOfLine(t);if(!this.textBackgroundColor&&!this.styleHas(`textBackgroundColor`,t)){r+=i;continue}let a=this._textLines[t].length,o=this._getLineLeftOffset(t),s,c,l=0,u=0,d=this.getValueOfPropertyAt(t,0,`textBackgroundColor`),f=this.getHeightOfLineImpl(t);for(let i=0;i<a;i++){let a=this.__charBounds[t][i];c=this.getValueOfPropertyAt(t,i,`textBackgroundColor`),this.path?(e.save(),e.translate(a.renderLeft,a.renderTop),e.rotate(a.angle),e.fillStyle=c,c&&e.fillRect(-a.width/2,-f*(1-this._fontSizeFraction),a.width,f),e.restore()):c===d?l+=a.kernedWidth:(s=n+o+u,this.direction===`rtl`&&(s=this.width-s-l),e.fillStyle=d,d&&e.fillRect(s,r,l,f),u=a.left,l=a.width,d=c)}c&&!this.path&&(s=n+o+u,this.direction===`rtl`&&(s=this.width-s-l),e.fillStyle=c,e.fillRect(s,r,l,f)),r+=i}e.fillStyle=t,this._removeShadow(e)}_measureChar(e,n,r,i){let a=t.getFontCache(n),o=this._getFontDeclaration(n),s=r?r+e:e,l=r&&o===this._getFontDeclaration(i),u=n.fontSize/this.CACHE_FONT_SIZE,d,f,p,m;if(r&&a.has(r)&&(p=a.get(r)),a.has(e)&&(m=d=a.get(e)),l&&a.has(s)&&(f=a.get(s),m=f-p),d===void 0||p===void 0||f===void 0){let t=(O||(O=c({width:0,height:0}).getContext(`2d`)),O);this._setTextStyles(t,n,!0),d===void 0&&(m=d=t.measureText(e).width,a.set(e,d)),p===void 0&&l&&r&&(p=t.measureText(r).width,a.set(r,p)),l&&f===void 0&&(f=t.measureText(s).width,a.set(s,f),m=f-p)}return{width:d*u,kernedWidth:m*u}}getHeightOfChar(e,t){return this.getValueOfPropertyAt(e,t,`fontSize`)}measureLine(e){let t=this._measureLine(e);return this.charSpacing!==0&&(t.width-=this._getWidthOfCharSpacing()),t.width<0&&(t.width=0),t}_measureLine(e){let t,n,i=0,s=this.pathSide===o,c=this.path,l=this._textLines[e],u=l.length,d=Array(u);this.__charBounds[e]=d;for(let r=0;r<u;r++){let a=l[r];n=this._getGraphemeBox(a,e,r,t),d[r]=n,i+=n.kernedWidth,t=a}if(d[u]={left:n?n.left+n.width:0,width:0,kernedWidth:0,height:this.fontSize,deltaY:0},c&&c.segmentsInfo){let e=0,t=c.segmentsInfo[c.segmentsInfo.length-1].length;switch(this.textAlign){case a:e=s?t-i:0;break;case r:e=(t-i)/2;break;case o:e=s?0:t-i}e+=this.pathStartOffset*(s?-1:1);for(let r=s?u-1:0;s?r>=0:r<u;s?r--:r++)n=d[r],e>t?e%=t:e<0&&(e+=t),this._setGraphemeOnPath(e,n),e+=n.kernedWidth}return{width:i,numOfSpaces:0}}_setGraphemeOnPath(e,t){let n=e+t.kernedWidth/2,r=this.path,i=T(r.path,n,r.segmentsInfo);t.renderLeft=i.x-r.pathOffset.x,t.renderTop=i.y-r.pathOffset.y,t.angle=i.angle+(this.pathSide===`right`?Math.PI:0)}_getGraphemeBox(e,t,n,r,i){let a=this.getCompleteStyleDeclaration(t,n),o=r?this.getCompleteStyleDeclaration(t,n-1):{},s=this._measureChar(e,a,r,o),c,l=s.kernedWidth,u=s.width;this.charSpacing!==0&&(c=this._getWidthOfCharSpacing(),u+=c,l+=c);let d={width:u,left:0,height:a.fontSize,kernedWidth:l,deltaY:a.deltaY};if(n>0&&!i){let e=this.__charBounds[t][n-1];d.left=e.left+e.width+s.kernedWidth-s.width}return d}getHeightOfLineImpl(e){let t=this.__lineHeights;if(t[e])return t[e];let n=this.getHeightOfChar(e,0);for(let t=1,r=this._textLines[e].length;t<r;t++)n=Math.max(this.getHeightOfChar(e,t),n);return t[e]=n*this._fontSizeMult}getHeightOfLine(e){return this.getHeightOfLineImpl(e)*this.lineHeight}calcTextHeight(){let e=0;for(let t=0,n=this._textLines.length;t<n;t++)e+=t===n-1?this.getHeightOfLineImpl(t):this.getHeightOfLine(t);return e}_getLeftOffset(){return this.direction===`ltr`?-this.width/2:this.width/2}_getTopOffset(){return-this.height/2}_renderTextCommon(e,t){e.save();let n=0,r=this._getLeftOffset(),i=this._getTopOffset();for(let a=0,o=this._textLines.length;a<o;a++)this._renderTextLine(t,e,this._textLines[a],r+this._getLineLeftOffset(a),i+n+this.getHeightOfLineImpl(a),a),n+=this.getHeightOfLine(a);e.restore()}_renderTextFill(e){(this.fill||this.styleHas(`fill`))&&this._renderTextCommon(e,`fillText`)}_renderTextStroke(e){(this.stroke&&this.strokeWidth!==0||!this.isEmptyStyles())&&(this.shadow&&!this.shadow.affectStroke&&this._removeShadow(e),e.save(),this._setLineDash(e,this.strokeDashArray),e.beginPath(),this._renderTextCommon(e,`strokeText`),e.closePath(),e.restore())}_renderChars(e,t,n,r,i,s){let c=this.textAlign.includes(f),l=this.path,u=!c&&this.charSpacing===0&&this.isEmptyStyles(s)&&!l,d=this.direction===`ltr`,p=this.direction===`ltr`?1:-1,m=t.direction,h,g,_,v,b,x=``,S=0;if(t.save(),m!==this.direction&&(t.canvas.setAttribute(`dir`,d?`ltr`:`rtl`),t.direction=d?`ltr`:`rtl`,t.textAlign=d?a:o),i-=this.getHeightOfLineImpl(s)*this._fontSizeFraction,u)return this._renderChar(e,t,s,0,n.join(``),r,i),void t.restore();for(let a=0,o=n.length-1;a<=o;a++)v=a===o||this.charSpacing||l,x+=n[a],_=this.__charBounds[s][a],S===0?(r+=p*(_.kernedWidth-_.width),S+=_.width):S+=_.kernedWidth,c&&!v&&this._reSpaceAndTab.test(n[a])&&(v=!0),v||(h=h||this.getCompleteStyleDeclaration(s,a),g=this.getCompleteStyleDeclaration(s,a+1),v=y(h,g,!1)),v&&(l?(t.save(),t.translate(_.renderLeft,_.renderTop),t.rotate(_.angle),this._renderChar(e,t,s,a,x,-S/2,0),t.restore()):(b=r,this._renderChar(e,t,s,a,x,b,i)),x=``,h=g,r+=p*S,S=0);t.restore()}_applyPatternGradientTransformText(e){let t=this.width+this.strokeWidth,n=this.height+this.strokeWidth,r=c({width:t,height:n}),i=r.getContext(`2d`);return r.width=t,r.height=n,i.beginPath(),i.moveTo(0,0),i.lineTo(t,0),i.lineTo(t,n),i.lineTo(0,n),i.closePath(),i.translate(t/2,n/2),i.fillStyle=e.toLive(i),this._applyPatternGradientTransform(i,e),i.fill(),i.createPattern(r,`no-repeat`)}handleFiller(e,t,n){let r,i;return l(n)?n.gradientUnits===`percentage`||n.gradientTransform||n.patternTransform?(r=-this.width/2,i=-this.height/2,e.translate(r,i),e[t]=this._applyPatternGradientTransformText(n),{offsetX:r,offsetY:i}):(e[t]=n.toLive(e),this._applyPatternGradientTransform(e,n)):(e[t]=n,{offsetX:0,offsetY:0})}_setStrokeStyles(e,{stroke:t,strokeWidth:n}){return e.lineWidth=n,e.lineCap=this.strokeLineCap,e.lineDashOffset=this.strokeDashOffset,e.lineJoin=this.strokeLineJoin,e.miterLimit=this.strokeMiterLimit,this.handleFiller(e,`strokeStyle`,t)}_setFillStyles(e,{fill:t}){return this.handleFiller(e,`fillStyle`,t)}_renderChar(e,t,n,r,i,a,o){let s=this._getStyleDeclaration(n,r),c=this.getCompleteStyleDeclaration(n,r),l=e===`fillText`&&c.fill,u=e===`strokeText`&&c.stroke&&c.strokeWidth;if(u||l){if(t.save(),t.font=this._getFontDeclaration(c),s.textBackgroundColor&&this._removeShadow(t),s.deltaY&&(o+=s.deltaY),l){let e=this._setFillStyles(t,c);t.fillText(i,a-e.offsetX,o-e.offsetY)}if(u){let e=this._setStrokeStyles(t,c);t.strokeText(i,a-e.offsetX,o-e.offsetY)}t.restore()}}setSuperscript(e,t){this._setScript(e,t,this.superscript)}setSubscript(e,t){this._setScript(e,t,this.subscript)}_setScript(e,t,n){let r=this.get2DCursorLocation(e,!0),i=this.getValueOfPropertyAt(r.lineIndex,r.charIndex,`fontSize`),a=this.getValueOfPropertyAt(r.lineIndex,r.charIndex,`deltaY`),o={fontSize:i*n.size,deltaY:a+i*n.baseline};this.setSelectionStyles(o,e,t)}_getLineLeftOffset(e){let t=this.getLineWidth(e),n=this.width-t,r=this.textAlign,i=this.direction,a=this.isEndOfWrapping(e),o=0;return r===`justify`||r===`justify-center`&&!a||r===`justify-right`&&!a||r===`justify-left`&&!a?0:(r===`center`&&(o=n/2),r===`right`&&(o=n),r===`justify-center`&&(o=n/2),r===`justify-right`&&(o=n),i===`rtl`&&(r===`right`||r===`justify-right`?o=0:r===`left`||r===`justify-left`?o=-n:r!==`center`&&r!==`justify-center`||(o=-n/2)),o)}_clearCache(){this._forceClearCache=!1,this.__lineWidths=[],this.__lineHeights=[],this.__charBounds=[]}getLineWidth(e){if(this.__lineWidths[e]!==void 0)return this.__lineWidths[e];let{width:t}=this.measureLine(e);return this.__lineWidths[e]=t,t}_getWidthOfCharSpacing(){return this.charSpacing===0?0:this.fontSize*this.charSpacing/1e3}getValueOfPropertyAt(e,t,n){var r;return(r=this._getStyleDeclaration(e,t)[n])==null?this[n]:r}_renderTextDecoration(e,t){if(!this[t]&&!this.styleHas(t))return;let n=this._getTopOffset(),r=this._getLeftOffset(),a=this.path,o=this._getWidthOfCharSpacing(),s=t===`linethrough`?.5:t===`overline`?1:0,c=this.offsets[t];for(let l=0,u=this._textLines.length;l<u;l++){let u=this.getHeightOfLine(l);if(!this[t]&&!this.styleHas(t,l)){n+=u;continue}let d=this._textLines[l],f=u/this.lineHeight,m=this._getLineLeftOffset(l),h=0,g=0,_=this.getValueOfPropertyAt(l,0,t),v=this.getValueOfPropertyAt(l,0,i),y=this.getValueOfPropertyAt(l,0,`textDecorationColor`)||v,b=this.getValueOfPropertyAt(l,0,p),x=_,S=v,C=y,w=b,T=n+f*(1-this._fontSizeFraction),E=this.getHeightOfChar(l,0),D=this.getValueOfPropertyAt(l,0,`deltaY`);for(let n=0,o=d.length;n<o;n++){let o=this.__charBounds[l][n];x=this.getValueOfPropertyAt(l,n,t),S=this.getValueOfPropertyAt(l,n,i),C=this.getValueOfPropertyAt(l,n,`textDecorationColor`)||S,w=this.getValueOfPropertyAt(l,n,p);let u=this.getHeightOfChar(l,n),d=this.getValueOfPropertyAt(l,n,`deltaY`);if(a&&x&&S){let t=this.fontSize*w/1e3;e.save(),e.fillStyle=C,e.translate(o.renderLeft,o.renderTop),e.rotate(o.angle),e.fillRect(-o.kernedWidth/2,c*u+d-s*t,o.kernedWidth,t),e.restore()}else if((x!==_||S!==v||C!==y||u!==E||w!==b||d!==D)&&g>0){let t=this.fontSize*b/1e3,n=r+m+h;this.direction===`rtl`&&(n=this.width-n-g),_&&y&&b&&(e.fillStyle=y,e.fillRect(n,T+c*E+D-s*t,g,t)),h=o.left,g=o.width,_=x,y=C,b=w,v=S,E=u,D=d}else g+=o.kernedWidth}let O=r+m+h;this.direction===`rtl`&&(O=this.width-O-g),e.fillStyle=C;let k=this.fontSize*w/1e3;x&&C&&w&&e.fillRect(O,T+c*E+D-s*k,g-o,k),n+=u}this._removeShadow(e)}_getFontDeclaration({fontFamily:e=this.fontFamily,fontStyle:t=this.fontStyle,fontWeight:n=this.fontWeight,fontSize:r=this.fontSize}={},i){let a=e.includes(`'`)||e.includes(`"`)||e.includes(`,`)||s.genericFonts.includes(e.toLowerCase())?e:`"${e}"`;return[t,n,`${i?this.CACHE_FONT_SIZE:r}px`,a].join(` `)}render(e){this.visible&&(this.canvas&&this.canvas.skipOffscreen&&!this.group&&!this.isOnScreen()||(this._forceClearCache&&this.initDimensions(),super.render(e)))}graphemeSplit(e){return u(e)}_splitTextIntoLines(e){let t=e.split(this._reNewline),n=Array(t.length),r=[`
+import{_defineProperty as e}from"../../../_virtual/_@oxc-project_runtime@0.126.0/helpers/defineProperty.min.mjs";import{cache as t}from"../../cache.min.mjs";import{BOTTOM as n,CENTER as r,FILL as i,LEFT as a,RIGHT as o}from"../../constants.min.mjs";import{classRegistry as s}from"../../ClassRegistry.min.mjs";import{createCanvasElementFor as c}from"../../util/misc/dom.min.mjs";import{isFiller as l}from"../../util/typeAssertions.min.mjs";import{graphemeSplit as u}from"../../util/lang_string.min.mjs";import{normalizeWs as d}from"../../util/internals/normalizeWhiteSpace.min.mjs";import{JUSTIFY as f,TEXT_DECORATION_THICKNESS as p,additionalProps as m,textDefaultValues as h,textLayoutProperties as g}from"./constants.min.mjs";import{cacheProperties as _}from"../Object/defaultValues.min.mjs";import{applyMixins as v}from"../../util/applyMixins.min.mjs";import{hasStyleChanged as y,stylesFromArray as b,stylesToArray as x}from"../../util/misc/textStyles.min.mjs";import{SHARED_ATTRIBUTES as S}from"../../parser/attributes.min.mjs";import{parseAttributes as C}from"../../parser/parseAttributes.min.mjs";import{getPathSegmentsInfo as w,getPointOnPath as T}from"../../util/path/index.min.mjs";import{StyledText as E}from"./StyledText.min.mjs";import{TextSVGExportMixin as D}from"./TextSVGExportMixin.min.mjs";let O;var k=class s extends E{static getDefaults(){return{...super.getDefaults(),...s.ownDefaults}}constructor(t,n){super(),e(this,`__charBounds`,[]),Object.assign(this,s.ownDefaults),this.setOptions(n),this.styles||(this.styles={}),this.text=t,this.initialized=!0,this.path&&this.setPathInfo(),this.initDimensions(),this.setCoords()}setPathInfo(){let e=this.path;e&&(e.segmentsInfo=w(e.path))}_splitText(){let e=this._splitTextIntoLines(this.text);return this.textLines=e.lines,this._textLines=e.graphemeLines,this._unwrappedTextLines=e._unwrappedLines,this._text=e.graphemeText,e}initDimensions(){this._splitText(),this._clearCache(),this.dirty=!0,this.path?(this.width=this.path.width,this.height=this.path.height):(this.width=this.calcTextWidth()||this.cursorWidth||this.MIN_TEXT_WIDTH,this.height=this.calcTextHeight()),this.textAlign.includes(`justify`)&&this.enlargeSpaces()}enlargeSpaces(){let e,t,n,r,i,a,o;for(let s=0,c=this._textLines.length;s<c;s++)if((this.textAlign===`justify`||s!==c-1&&!this.isEndOfWrapping(s))&&(r=0,i=this._textLines[s],t=this.getLineWidth(s),t<this.width&&(o=this.textLines[s].match(this._reSpacesAndTabs)))){n=o.length,e=(this.width-t)/n;for(let t=0;t<=i.length;t++)a=this.__charBounds[s][t],this._reSpaceAndTab.test(i[t])?(a.width+=e,a.kernedWidth+=e,a.left+=r,r+=e):a.left+=r}}isEndOfWrapping(e){return e===this._textLines.length-1}missingNewlineOffset(e){return 1}get2DCursorLocation(e,t){let n=t?this._unwrappedTextLines:this._textLines,r;for(r=0;r<n.length;r++){if(e<=n[r].length)return{lineIndex:r,charIndex:e};e-=n[r].length+this.missingNewlineOffset(r,t)}return{lineIndex:r-1,charIndex:n[r-1].length<e?n[r-1].length:e}}toString(){return`#<Text (${this.complexity()}): { "text": "${this.text}", "fontFamily": "${this.fontFamily}" }>`}_getCacheCanvasDimensions(){let e=super._getCacheCanvasDimensions(),t=this.fontSize;return e.width+=t*e.zoomX,e.height+=t*e.zoomY,e}_render(e){let t=this.path;t&&!t.isNotVisible()&&t._render(e),this._setTextStyles(e),this._renderTextLinesBackground(e),this._renderTextDecoration(e,`underline`),this._renderText(e),this._renderTextDecoration(e,`overline`),this._renderTextDecoration(e,`linethrough`)}_renderText(e){this.paintFirst===`stroke`?(this._renderTextStroke(e),this._renderTextFill(e)):(this._renderTextFill(e),this._renderTextStroke(e))}_setTextStyles(e,t,i){if(e.textBaseline=`alphabetic`,this.path)switch(this.pathAlign){case r:e.textBaseline=`middle`;break;case`ascender`:e.textBaseline=`top`;break;case`descender`:e.textBaseline=n}e.font=this._getFontDeclaration(t,i)}calcTextWidth(){let e=this.getLineWidth(0);for(let t=1,n=this._textLines.length;t<n;t++){let n=this.getLineWidth(t);n>e&&(e=n)}return e}_renderTextLine(e,t,n,r,i,a){this._renderChars(e,t,n,r,i,a)}_renderTextLinesBackground(e){if(!this.textBackgroundColor&&!this.styleHas(`textBackgroundColor`))return;let t=e.fillStyle,n=this._getLeftOffset(),r=this._getTopOffset();for(let t=0,i=this._textLines.length;t<i;t++){let i=this.getHeightOfLine(t);if(!this.textBackgroundColor&&!this.styleHas(`textBackgroundColor`,t)){r+=i;continue}let a=this._textLines[t].length,o=this._getLineLeftOffset(t),s,c,l=0,u=0,d=this.getValueOfPropertyAt(t,0,`textBackgroundColor`),f=this.getHeightOfLineImpl(t);for(let i=0;i<a;i++){let a=this.__charBounds[t][i];c=this.getValueOfPropertyAt(t,i,`textBackgroundColor`),this.path?(e.save(),e.translate(a.renderLeft,a.renderTop),e.rotate(a.angle),e.fillStyle=c,c&&e.fillRect(-a.width/2,-f*(1-this._fontSizeFraction),a.width,f),e.restore()):c===d?l+=a.kernedWidth:(s=n+o+u,this.direction===`rtl`&&(s=this.width-s-l),e.fillStyle=d,d&&e.fillRect(s,r,l,f),u=a.left,l=a.width,d=c)}c&&!this.path&&(s=n+o+u,this.direction===`rtl`&&(s=this.width-s-l),e.fillStyle=c,e.fillRect(s,r,l,f)),r+=i}e.fillStyle=t,this._removeShadow(e)}_measureChar(e,n,r,i){let a=t.getFontCache(n),o=this._getFontDeclaration(n),s=r?r+e:e,l=r&&o===this._getFontDeclaration(i),u=n.fontSize/this.CACHE_FONT_SIZE,d,f,p,m;if(r&&a.has(r)&&(p=a.get(r)),a.has(e)&&(m=d=a.get(e)),l&&a.has(s)&&(f=a.get(s),m=f-p),d===void 0||p===void 0||f===void 0){let t=(O||(O=c({width:0,height:0}).getContext(`2d`)),O);this._setTextStyles(t,n,!0),d===void 0&&(m=d=t.measureText(e).width,a.set(e,d)),p===void 0&&l&&r&&(p=t.measureText(r).width,a.set(r,p)),l&&f===void 0&&(f=t.measureText(s).width,a.set(s,f),m=f-p)}return{width:d*u,kernedWidth:m*u}}getHeightOfChar(e,t){return this.getValueOfPropertyAt(e,t,`fontSize`)}measureLine(e){let t=this._measureLine(e);return this.charSpacing!==0&&(t.width-=this._getWidthOfCharSpacing()),t.width<0&&(t.width=0),t}_measureLine(e){let t,n,i=0,s=this.pathSide===o,c=this.path,l=this._textLines[e],u=l.length,d=Array(u);this.__charBounds[e]=d;for(let r=0;r<u;r++){let a=l[r];n=this._getGraphemeBox(a,e,r,t),d[r]=n,i+=n.kernedWidth,t=a}if(d[u]={left:n?n.left+n.width:0,width:0,kernedWidth:0,height:this.fontSize,deltaY:0},c&&c.segmentsInfo){let e=0,t=c.segmentsInfo[c.segmentsInfo.length-1].length;switch(this.textAlign){case a:e=s?t-i:0;break;case r:e=(t-i)/2;break;case o:e=s?0:t-i}e+=this.pathStartOffset*(s?-1:1);for(let r=s?u-1:0;s?r>=0:r<u;s?r--:r++)n=d[r],e>t?e%=t:e<0&&(e+=t),this._setGraphemeOnPath(e,n),e+=n.kernedWidth}return{width:i,numOfSpaces:0}}_setGraphemeOnPath(e,t){let n=e+t.kernedWidth/2,r=this.path,i=T(r.path,n,r.segmentsInfo);t.renderLeft=i.x-r.pathOffset.x,t.renderTop=i.y-r.pathOffset.y,t.angle=i.angle+(this.pathSide===`right`?Math.PI:0)}_getGraphemeBox(e,t,n,r,i){let a=this.getCompleteStyleDeclaration(t,n),o=r?this.getCompleteStyleDeclaration(t,n-1):{},s=this._measureChar(e,a,r,o),c,l=s.kernedWidth,u=s.width;this.charSpacing!==0&&(c=this._getWidthOfCharSpacing(),u+=c,l+=c);let d={width:u,left:0,height:a.fontSize,kernedWidth:l,deltaY:a.deltaY};if(n>0&&!i){let e=this.__charBounds[t][n-1];d.left=e.left+e.width+s.kernedWidth-s.width}return d}getHeightOfLineImpl(e){let t=this.__lineHeights;if(t[e])return t[e];let n=this.getHeightOfChar(e,0);for(let t=1,r=this._textLines[e].length;t<r;t++)n=Math.max(this.getHeightOfChar(e,t),n);return t[e]=n*this._fontSizeMult}getHeightOfLine(e){return this.getHeightOfLineImpl(e)*this.lineHeight}calcTextHeight(){let e=0;for(let t=0,n=this._textLines.length;t<n;t++)e+=t===n-1?this.getHeightOfLineImpl(t):this.getHeightOfLine(t);return e}_getLeftOffset(){return this.direction===`ltr`?-this.width/2:this.width/2}_getTopOffset(){return-this.height/2}_renderTextCommon(e,t){e.save();let n=0,r=this._getLeftOffset(),i=this._getTopOffset();for(let a=0,o=this._textLines.length;a<o;a++)this._renderTextLine(t,e,this._textLines[a],r+this._getLineLeftOffset(a),i+n+this.getHeightOfLineImpl(a),a),n+=this.getHeightOfLine(a);e.restore()}_renderTextFill(e){(this.fill||this.styleHas(`fill`))&&this._renderTextCommon(e,`fillText`)}_renderTextStroke(e){(this.stroke&&this.strokeWidth!==0||!this.isEmptyStyles())&&(this.shadow&&!this.shadow.affectStroke&&this._removeShadow(e),e.save(),this._setLineDash(e,this.strokeDashArray),e.beginPath(),this._renderTextCommon(e,`strokeText`),e.closePath(),e.restore())}_renderChars(e,t,n,r,i,s){let c=this.textAlign.includes(f),l=this.path,u=!c&&this.charSpacing===0&&this.isEmptyStyles(s)&&!l,d=this.direction===`ltr`,p=this.direction===`ltr`?1:-1,m=t.direction,h,g,_,v,b,x=``,S=0;if(t.save(),m!==this.direction&&(t.canvas.setAttribute(`dir`,d?`ltr`:`rtl`),t.direction=d?`ltr`:`rtl`,t.textAlign=d?a:o),i-=this.getHeightOfLineImpl(s)*this._fontSizeFraction,u)return this._renderChar(e,t,s,0,n.join(``),r,i),void t.restore();for(let a=0,o=n.length-1;a<=o;a++)v=a===o||this.charSpacing||l,x+=n[a],_=this.__charBounds[s][a],S===0?(r+=p*(_.kernedWidth-_.width),S+=_.width):S+=_.kernedWidth,c&&!v&&this._reSpaceAndTab.test(n[a])&&(v=!0),v||(h=h||this.getCompleteStyleDeclaration(s,a),g=this.getCompleteStyleDeclaration(s,a+1),v=y(h,g,!1)),v&&(l?(t.save(),t.translate(_.renderLeft,_.renderTop),t.rotate(_.angle),this._renderChar(e,t,s,a,x,-S/2,0),t.restore()):(b=r,this._renderChar(e,t,s,a,x,b,i)),x=``,h=g,r+=p*S,S=0);t.restore()}_applyPatternGradientTransformText(e){let t=this.width+this.strokeWidth,n=this.height+this.strokeWidth,r=c({width:t,height:n}),i=r.getContext(`2d`);return r.width=t,r.height=n,i.beginPath(),i.moveTo(0,0),i.lineTo(t,0),i.lineTo(t,n),i.lineTo(0,n),i.closePath(),i.translate(t/2,n/2),i.fillStyle=e.toLive(i),this._applyPatternGradientTransform(i,e),i.fill(),i.createPattern(r,`no-repeat`)}handleFiller(e,t,n){let r,i;return l(n)?n.gradientUnits===`percentage`||n.gradientTransform||n.patternTransform?(r=-this.width/2,i=-this.height/2,e.translate(r,i),e[t]=this._applyPatternGradientTransformText(n),{offsetX:r,offsetY:i}):(e[t]=n.toLive(e),this._applyPatternGradientTransform(e,n)):(e[t]=n,{offsetX:0,offsetY:0})}_setStrokeStyles(e,{stroke:t,strokeWidth:n}){return e.lineWidth=n,e.lineCap=this.strokeLineCap,e.lineDashOffset=this.strokeDashOffset,e.lineJoin=this.strokeLineJoin,e.miterLimit=this.strokeMiterLimit,this.handleFiller(e,`strokeStyle`,t)}_setFillStyles(e,{fill:t}){return this.handleFiller(e,`fillStyle`,t)}_renderChar(e,t,n,r,i,a,o){let s=this._getStyleDeclaration(n,r),c=this.getCompleteStyleDeclaration(n,r),l=e===`fillText`&&c.fill,u=e===`strokeText`&&c.stroke&&c.strokeWidth;if(u||l){if(t.save(),t.font=this._getFontDeclaration(c),s.textBackgroundColor&&this._removeShadow(t),s.deltaY&&(o+=s.deltaY),l){let e=this._setFillStyles(t,c);t.fillText(i,a-e.offsetX,o-e.offsetY)}if(u){let e=this._setStrokeStyles(t,c);t.strokeText(i,a-e.offsetX,o-e.offsetY)}t.restore()}}setSuperscript(e,t){this._setScript(e,t,this.superscript)}setSubscript(e,t){this._setScript(e,t,this.subscript)}_setScript(e,t,n){let r=this.get2DCursorLocation(e,!0),i=this.getValueOfPropertyAt(r.lineIndex,r.charIndex,`fontSize`),a=this.getValueOfPropertyAt(r.lineIndex,r.charIndex,`deltaY`),o={fontSize:i*n.size,deltaY:a+i*n.baseline};this.setSelectionStyles(o,e,t)}_getLineLeftOffset(e){let t=this.getLineWidth(e),n=this.width-t,r=this.textAlign,i=this.direction,a=this.isEndOfWrapping(e),o=0;return r===`justify`||r===`justify-center`&&!a||r===`justify-right`&&!a||r===`justify-left`&&!a?0:(r===`center`&&(o=n/2),r===`right`&&(o=n),r===`justify-center`&&(o=n/2),r===`justify-right`&&(o=n),i===`rtl`&&(r===`right`||r===`justify-right`?o=0:r===`left`||r===`justify-left`?o=-n:r!==`center`&&r!==`justify-center`||(o=-n/2)),o)}_clearCache(){this._forceClearCache=!1,this.__lineWidths=[],this.__lineHeights=[],this.__charBounds=[]}getLineWidth(e){if(this.__lineWidths[e]!==void 0)return this.__lineWidths[e];let{width:t}=this.measureLine(e);return this.__lineWidths[e]=t,t}_getWidthOfCharSpacing(){return this.charSpacing===0?0:this.fontSize*this.charSpacing/1e3}getValueOfPropertyAt(e,t,n){var r;return(r=this._getStyleDeclaration(e,t)[n])==null?this[n]:r}_renderTextDecoration(e,t){if(!this[t]&&!this.styleHas(t))return;let n=this._getTopOffset(),r=this._getLeftOffset(),a=this.path,o=this._getWidthOfCharSpacing(),s=t===`linethrough`?.5:+(t===`overline`),c=this.offsets[t];for(let l=0,u=this._textLines.length;l<u;l++){let u=this.getHeightOfLine(l);if(!this[t]&&!this.styleHas(t,l)){n+=u;continue}let d=this._textLines[l],f=u/this.lineHeight,m=this._getLineLeftOffset(l),h,g=0,_=0,v=this.getValueOfPropertyAt(l,0,t),y=this.getValueOfPropertyAt(l,0,i),b=this.getValueOfPropertyAt(l,0,`textDecorationColor`)||y,x=this.getValueOfPropertyAt(l,0,p),S=v,C=b,w=x,T=n+f*(1-this._fontSizeFraction),E=this.getHeightOfChar(l,0),D=this.getValueOfPropertyAt(l,0,`deltaY`);for(let n=0,o=d.length;n<o;n++){let o=this.__charBounds[l][n];S=this.getValueOfPropertyAt(l,n,t),h=this.getValueOfPropertyAt(l,n,i),C=this.getValueOfPropertyAt(l,n,`textDecorationColor`)||h,w=this.getValueOfPropertyAt(l,n,p);let u=this.getHeightOfChar(l,n),d=this.getValueOfPropertyAt(l,n,`deltaY`);if(a&&S&&h){let t=this.fontSize*w/1e3;e.save(),e.fillStyle=C,e.translate(o.renderLeft,o.renderTop),e.rotate(o.angle),e.fillRect(-o.kernedWidth/2,c*u+d-s*t,o.kernedWidth,t),e.restore()}else if((S!==v||h!==y||C!==b||u!==E||w!==x||d!==D)&&_>0){let t=this.fontSize*x/1e3,n=r+m+g;this.direction===`rtl`&&(n=this.width-n-_),v&&b&&x&&(e.fillStyle=b,e.fillRect(n,T+c*E+D-s*t,_,t)),g=o.left,_=o.width,v=S,b=C,x=w,y=h,E=u,D=d}else _+=o.kernedWidth}let O=r+m+g;this.direction===`rtl`&&(O=this.width-O-_),e.fillStyle=C;let k=this.fontSize*w/1e3;S&&C&&w&&e.fillRect(O,T+c*E+D-s*k,_-o,k),n+=u}this._removeShadow(e)}_getFontDeclaration({fontFamily:e=this.fontFamily,fontStyle:t=this.fontStyle,fontWeight:n=this.fontWeight,fontSize:r=this.fontSize}={},i){let a=e.includes(`'`)||e.includes(`"`)||e.includes(`,`)||s.genericFonts.includes(e.toLowerCase())?e:`"${e}"`;return[t,n,`${i?this.CACHE_FONT_SIZE:r}px`,a].join(` `)}render(e){this.visible&&(this.canvas&&this.canvas.skipOffscreen&&!this.group&&!this.isOnScreen()||(this._forceClearCache&&this.initDimensions(),super.render(e)))}graphemeSplit(e){return u(e)}_splitTextIntoLines(e){let t=e.split(this._reNewline),n=Array(t.length),r=[`
 `],i=[];for(let e=0;e<t.length;e++)n[e]=this.graphemeSplit(t[e]),i=i.concat(n[e],r);return i.pop(),{_unwrappedLines:n,lines:t,graphemeText:i,graphemeLines:n}}toObject(e=[]){return{...super.toObject([...m,...e]),styles:x(this.styles,this.text),...this.path?{path:this.path.toObject()}:{}}}set(e,t){let{textLayoutProperties:n}=this.constructor;super.set(e,t);let r=!1,i=!1;if(typeof e==`object`)for(let t in e)t===`path`&&this.setPathInfo(),r=r||n.includes(t),i=i||t===`path`;else r=n.includes(e),i=e===`path`;return i&&this.setPathInfo(),r&&this.initialized&&(this.initDimensions(),this.setCoords()),this}complexity(){return 1}static async fromElement(e,t,n){let r=C(e,s.ATTRIBUTE_NAMES,n),{textAnchor:i=a,textDecoration:o=``,dx:c=0,dy:l=0,top:u=0,left:f=0,fontSize:p=16,strokeWidth:m=1,...h}={...t,...r},g=new this(d(e.textContent||``).trim(),{left:f+c,top:u+l,underline:o.includes(`underline`),overline:o.includes(`overline`),linethrough:o.includes(`line-through`),strokeWidth:0,fontSize:p,...h}),_=g.getScaledHeight()/g.height,v=((g.height+g.strokeWidth)*g.lineHeight-g.height)*_,y=g.getScaledHeight()+v,b=0;return i===`center`&&(b=g.getScaledWidth()/2),i===`right`&&(b=g.getScaledWidth()),g.set({left:g.left-b,top:g.top-(y-g.fontSize*(.07+g._fontSizeFraction))/g.lineHeight,strokeWidth:m}),g}static fromObject(e){return this._fromObject({...e,styles:b(e.styles||{},e.text)},{extraParam:`text`})}};e(k,`textLayoutProperties`,g),e(k,`cacheProperties`,[..._,...m]),e(k,`ownDefaults`,h),e(k,`type`,`Text`),e(k,`genericFonts`,[`serif`,`sans-serif`,`monospace`,`cursive`,`fantasy`,`system-ui`,`ui-serif`,`ui-sans-serif`,`ui-monospace`,`ui-rounded`,`math`,`emoji`,`fangsong`]),e(k,`ATTRIBUTE_NAMES`,S.concat(`x`,`y`,`dx`,`dy`,`font-family`,`font-style`,`font-weight`,`font-size`,`letter-spacing`,`text-decoration`,`text-decoration-thickness`,`text-decoration-color`,`text-anchor`)),v(k,[D]),s.setClass(k),s.setSVGClass(k);export{k as FabricText};
 //# sourceMappingURL=Text.min.mjs.map