fabric 7.4.0 → 7.5.0-beta.1

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

@@ -1 +0,0 @@
-{"version":3,"file":"Text.mjs","names":[],"sources":["../../../../src/shapes/Text/Text.ts"],"sourcesContent":["import { cache } from '../../cache';\nimport type { NORMAL } from '../../constants';\nimport { DEFAULT_SVG_FONT_SIZE, FILL, LTR, RTL, STROKE } from '../../constants';\nimport type { ObjectEvents } from '../../EventTypeDefs';\nimport type {\n  CompleteTextStyleDeclaration,\n  TextStyle,\n  TextStyleDeclaration,\n} from './StyledText';\nimport { StyledText } from './StyledText';\nimport { SHARED_ATTRIBUTES } from '../../parser/attributes';\nimport { parseAttributes } from '../../parser/parseAttributes';\nimport type {\n  Abortable,\n  TCacheCanvasDimensions,\n  TClassProperties,\n  TFiller,\n  TOptions,\n} from '../../typedefs';\nimport { classRegistry } from '../../ClassRegistry';\nimport { graphemeSplit } from '../../util/lang_string';\nimport { createCanvasElementFor } from '../../util/misc/dom';\nimport type { TextStyleArray } from '../../util/misc/textStyles';\nimport {\n  hasStyleChanged,\n  stylesFromArray,\n  stylesToArray,\n} from '../../util/misc/textStyles';\nimport { getPathSegmentsInfo, getPointOnPath } from '../../util/path';\nimport { cacheProperties } from '../Object/FabricObject';\nimport type { Path } from '../Path';\nimport { TextSVGExportMixin } from './TextSVGExportMixin';\nimport { applyMixins } from '../../util/applyMixins';\nimport type { FabricObjectProps, SerializedObjectProps } from '../Object/types';\nimport type { StylePropertiesType } from './constants';\nimport {\n  additionalProps,\n  textDefaultValues,\n  textLayoutProperties,\n  JUSTIFY,\n  JUSTIFY_CENTER,\n  JUSTIFY_LEFT,\n  JUSTIFY_RIGHT,\n  TEXT_DECORATION_COLOR,\n  TEXT_DECORATION_THICKNESS,\n} from './constants';\nimport { CENTER, LEFT, RIGHT, TOP, BOTTOM } from '../../constants';\nimport { isFiller } from '../../util/typeAssertions';\nimport type { Gradient } from '../../gradient/Gradient';\nimport type { Pattern } from '../../Pattern';\nimport type { CSSRules } from '../../parser/typedefs';\nimport { normalizeWs } from '../../util/internals/normalizeWhiteSpace';\n\nlet measuringContext: CanvasRenderingContext2D | null;\n\n/**\n * Return a context for measurement of text string.\n * if created it gets stored for reuse\n */\nfunction getMeasuringContext() {\n  if (!measuringContext) {\n    const canvas = createCanvasElementFor({\n      width: 0,\n      height: 0,\n    });\n    measuringContext = canvas.getContext('2d');\n  }\n  return measuringContext;\n}\n\nexport type TPathSide = 'left' | 'right';\n\nexport type TPathAlign = 'baseline' | 'center' | 'ascender' | 'descender';\n\nexport type TextLinesInfo = {\n  lines: string[];\n  graphemeLines: string[][];\n  graphemeText: string[];\n  _unwrappedLines: string[][];\n};\n\nexport type TextAlign =\n  | typeof LEFT\n  | typeof CENTER\n  | typeof RIGHT\n  | typeof JUSTIFY\n  | typeof JUSTIFY_LEFT\n  | typeof JUSTIFY_CENTER\n  | typeof JUSTIFY_RIGHT;\n\nexport type FontStyle = '' | typeof NORMAL | 'italic' | 'oblique';\n\n/**\n * Measure and return the info of a single grapheme.\n * needs the the info of previous graphemes already filled\n * Override to customize measuring\n */\nexport type GraphemeBBox = {\n  width: number;\n  height: number;\n  kernedWidth: number;\n  left: number;\n  deltaY: number;\n  renderLeft?: number;\n  renderTop?: number;\n  angle?: number;\n};\n\n// @TODO this is not complete\ninterface UniqueTextProps {\n  charSpacing: number;\n  lineHeight: number;\n  fontSize: number;\n  fontWeight: string | number;\n  fontFamily: string;\n  fontStyle: FontStyle;\n  pathSide: TPathSide;\n  pathAlign: TPathAlign;\n  underline: boolean;\n  overline: boolean;\n  linethrough: boolean;\n  textAlign: TextAlign;\n  direction: CanvasDirection;\n  path?: Path;\n  textDecorationThickness: number;\n  textDecorationColor?: string;\n}\n\nexport interface SerializedTextProps\n  extends SerializedObjectProps, UniqueTextProps {\n  styles: TextStyleArray | TextStyle;\n}\n\nexport interface TextProps extends FabricObjectProps, UniqueTextProps {\n  styles: TextStyle;\n}\n\n/**\n * Text class\n * @see {@link http://fabric5.fabricjs.com/fabric-intro-part-2#text}\n */\nexport class FabricText<\n  Props extends TOptions<TextProps> = Partial<TextProps>,\n  SProps extends SerializedTextProps = SerializedTextProps,\n  EventSpec extends ObjectEvents = ObjectEvents,\n>\n  extends StyledText<Props, SProps, EventSpec>\n  implements UniqueTextProps\n{\n  /**\n   * Properties that requires a text layout recalculation when changed\n   * @type string[]\n   * @protected\n   */\n  static textLayoutProperties: string[] = textLayoutProperties;\n\n  /**\n   * @private\n   */\n  declare _reNewline: RegExp;\n\n  /**\n   * Use this regular expression to filter for whitespaces that is not a new line.\n   * Mostly used when text is 'justify' aligned.\n   * @private\n   */\n  declare _reSpacesAndTabs: RegExp;\n\n  /**\n   * Use this regular expression to filter for whitespace that is not a new line.\n   * Mostly used when text is 'justify' aligned.\n   * @private\n   */\n  declare _reSpaceAndTab: RegExp;\n\n  /**\n   * Use this regular expression to filter consecutive groups of non spaces.\n   * Mostly used when text is 'justify' aligned.\n   * @private\n   */\n  declare _reWords: RegExp;\n\n  declare text: string;\n\n  /**\n   * Font size (in pixels)\n   * @type Number\n   */\n  declare fontSize: number;\n\n  /**\n   * Font weight (e.g. bold, normal, 400, 600, 800)\n   * @type {(Number|String)}\n   */\n  declare fontWeight: string | number;\n\n  /**\n   * Font family\n   * @type String\n   */\n  declare fontFamily: string;\n\n  /**\n   * Text decoration underline.\n   * @type Boolean\n   */\n  declare underline: boolean;\n\n  /**\n   * Text decoration overline.\n   * @type Boolean\n   */\n  declare overline: boolean;\n\n  /**\n   * Text decoration linethrough.\n   * @type Boolean\n   */\n  declare linethrough: boolean;\n\n  /**\n   * Text alignment. Possible values: \"left\", \"center\", \"right\", \"justify\",\n   * \"justify-left\", \"justify-center\" or \"justify-right\".\n   * @type TextAlign\n   */\n  declare textAlign: TextAlign;\n\n  /**\n   * Font style . Possible values: \"\", \"normal\", \"italic\" or \"oblique\".\n   * @type FontStyle\n   */\n  declare fontStyle: FontStyle;\n\n  /**\n   * Line height\n   * @type Number\n   */\n  declare lineHeight: number;\n\n  /**\n   * Superscript schema object (minimum overlap)\n   */\n  declare superscript: {\n    /**\n     * fontSize factor\n     * @default 0.6\n     */\n    size: number;\n    /**\n     * baseline-shift factor (upwards)\n     * @default -0.35\n     */\n    baseline: number;\n  };\n\n  /**\n   * Subscript schema object (minimum overlap)\n   */\n  declare subscript: {\n    /**\n     * fontSize factor\n     * @default 0.6\n     */\n    size: number;\n    /**\n     * baseline-shift factor (downwards)\n     * @default 0.11\n     */\n    baseline: number;\n  };\n\n  /**\n   * Background color of text lines\n   * @type String\n   */\n  declare textBackgroundColor: string;\n\n  declare styles: TextStyle;\n\n  /**\n   * Path that the text should follow.\n   * since 4.6.0 the path will be drawn automatically.\n   * if you want to make the path visible, give it a stroke and strokeWidth or fill value\n   * if you want it to be hidden, assign visible = false to the path.\n   * This feature is in BETA, and SVG import/export is not yet supported.\n   * @type Path\n   * @example\n   * const textPath = new Text('Text on a path', {\n   *     top: 150,\n   *     left: 150,\n   *     textAlign: 'center',\n   *     charSpacing: -50,\n   *     path: new Path('M 0 0 C 50 -100 150 -100 200 0', {\n   *         strokeWidth: 1,\n   *         visible: false\n   *     }),\n   *     pathSide: 'left',\n   *     pathStartOffset: 0\n   * });\n   */\n  declare path?: Path;\n\n  /**\n   * The text decoration thickness for underline, overline and strikethrough\n   * The thickness is expressed in thousandths of fontSize ( em ).\n   * The original value was 1/15 that translates to 66.6667 thousandths.\n   * The choice of unit of measure is to align with charSpacing.\n   * You can slim the thickness without issues, while large underline or overline may end up\n   * outside the bounding box of the text. In order to fix that a bigger refactor of the code\n   * is needed and is out of scope for now. If you need such large overline on the first line\n   * of text or large underline on the last line of text, consider disabling caching as a\n   * workaround\n   * @default 66.667\n   */\n  declare textDecorationThickness: number;\n\n  /**\n   * Optional text decoration color for underline, overline and strikethrough.\n   * When undefined, decoration color falls back to the text fill color.\n   * This feature is not really supported by anything else than svg 2 specs with css3 support.\n   * Chrome does not support this, nor firefox apparently.\n   */\n  declare textDecorationColor?: string;\n\n  /**\n   * Offset amount for text path starting position\n   * Only used when text has a path\n   */\n  declare pathStartOffset: number;\n\n  /**\n   * Which side of the path the text should be drawn on.\n   * Only used when text has a path\n   * @type {TPathSide} 'left|right'\n   */\n  declare pathSide: TPathSide;\n\n  /**\n   * How text is aligned to the path. This property determines\n   * the perpendicular position of each character relative to the path.\n   * (one of \"baseline\", \"center\", \"ascender\", \"descender\")\n   * This feature is in BETA, and its behavior may change\n   * @type TPathAlign\n   */\n  declare pathAlign: TPathAlign;\n\n  /**\n   * @private\n   */\n  declare _fontSizeFraction: number;\n\n  /**\n   * @private\n   */\n  declare offsets: { underline: number; linethrough: number; overline: number };\n\n  /**\n   * Text Line proportion to font Size (in pixels)\n   * @type Number\n   */\n  declare _fontSizeMult: number;\n\n  /**\n   * additional space between characters\n   * expressed in thousands of em unit\n   * @type Number\n   */\n  declare charSpacing: number;\n\n  /**\n   * Baseline shift, styles only, keep at 0 for the main text object\n   * @type {Number}\n   */\n  declare deltaY: number;\n\n  /**\n   * WARNING: EXPERIMENTAL. NOT SUPPORTED YET\n   * determine the direction of the text.\n   * This has to be set manually together with textAlign and originX for proper\n   * experience.\n   * some interesting link for the future\n   * https://www.w3.org/International/questions/qa-bidi-unicode-controls\n   * @since 4.5.0\n   * @type {CanvasDirection} 'ltr|rtl'\n   */\n  declare direction: CanvasDirection;\n\n  /**\n   * contains characters bounding boxes\n   * This variable is considered to be protected.\n   * But for how mixins are implemented right now, we can't leave it private\n   * @protected\n   */\n  __charBounds: GraphemeBBox[][] = [];\n\n  /**\n   * use this size when measuring text. To avoid IE11 rounding errors\n   * @type {Number}\n   * @readonly\n   * @private\n   */\n  declare CACHE_FONT_SIZE: number;\n\n  /**\n   * contains the min text width to avoid getting 0\n   * @type {Number}\n   */\n  declare MIN_TEXT_WIDTH: number;\n\n  /**\n   * contains the the text of the object, divided in lines as they are displayed\n   * on screen. Wrapping will divide the text independently of line breaks\n   * @type {string[]}\n   */\n  declare textLines: string[];\n\n  /**\n   * same as textlines, but each line is an array of graphemes as split by splitByGrapheme\n   * @type {string[]}\n   */\n  declare _textLines: string[][];\n\n  declare _unwrappedTextLines: string[][];\n  declare _text: string[];\n  declare cursorWidth: number;\n  declare __lineHeights: number[];\n  declare __lineWidths: number[];\n  declare initialized?: true;\n\n  static cacheProperties = [...cacheProperties, ...additionalProps];\n\n  static ownDefaults = textDefaultValues;\n\n  static type = 'Text';\n\n  static getDefaults(): Record<string, any> {\n    return { ...super.getDefaults(), ...FabricText.ownDefaults };\n  }\n\n  constructor(text: string, options?: Props) {\n    super();\n    Object.assign(this, FabricText.ownDefaults);\n    this.setOptions(options);\n    if (!this.styles) {\n      this.styles = {};\n    }\n    this.text = text;\n    this.initialized = true;\n    if (this.path) {\n      this.setPathInfo();\n    }\n    this.initDimensions();\n    this.setCoords();\n  }\n\n  /**\n   * If text has a path, it will add the extra information needed\n   * for path and text calculations\n   */\n  setPathInfo() {\n    const path = this.path;\n    if (path) {\n      path.segmentsInfo = getPathSegmentsInfo(path.path);\n    }\n  }\n\n  /**\n   * @private\n   * Divides text into lines of text and lines of graphemes.\n   */\n  _splitText(): TextLinesInfo {\n    const newLines = this._splitTextIntoLines(this.text);\n    this.textLines = newLines.lines;\n    this._textLines = newLines.graphemeLines;\n    this._unwrappedTextLines = newLines._unwrappedLines;\n    this._text = newLines.graphemeText;\n    return newLines;\n  }\n\n  /**\n   * Initialize or update text dimensions.\n   * Updates this.width and this.height with the proper values.\n   * Does not return dimensions.\n   */\n  initDimensions() {\n    this._splitText();\n    this._clearCache();\n    this.dirty = true;\n    if (this.path) {\n      this.width = this.path.width;\n      this.height = this.path.height;\n    } else {\n      this.width =\n        this.calcTextWidth() || this.cursorWidth || this.MIN_TEXT_WIDTH;\n      this.height = this.calcTextHeight();\n    }\n    if (this.textAlign.includes(JUSTIFY)) {\n      // once text is measured we need to make space fatter to make justified text.\n      this.enlargeSpaces();\n    }\n  }\n\n  /**\n   * Enlarge space boxes and shift the others\n   */\n  enlargeSpaces() {\n    let diffSpace,\n      currentLineWidth,\n      numberOfSpaces,\n      accumulatedSpace,\n      line,\n      charBound,\n      spaces;\n    for (let i = 0, len = this._textLines.length; i < len; i++) {\n      if (\n        this.textAlign !== JUSTIFY &&\n        (i === len - 1 || this.isEndOfWrapping(i))\n      ) {\n        continue;\n      }\n      accumulatedSpace = 0;\n      line = this._textLines[i];\n      currentLineWidth = this.getLineWidth(i);\n      if (\n        currentLineWidth < this.width &&\n        (spaces = this.textLines[i].match(this._reSpacesAndTabs))\n      ) {\n        numberOfSpaces = spaces.length;\n        diffSpace = (this.width - currentLineWidth) / numberOfSpaces;\n        for (let j = 0; j <= line.length; j++) {\n          charBound = this.__charBounds[i][j];\n          if (this._reSpaceAndTab.test(line[j])) {\n            charBound.width += diffSpace;\n            charBound.kernedWidth += diffSpace;\n            charBound.left += accumulatedSpace;\n            accumulatedSpace += diffSpace;\n          } else {\n            charBound.left += accumulatedSpace;\n          }\n        }\n      }\n    }\n  }\n\n  /**\n   * Detect if the text line is ended with an hard break\n   * text and itext do not have wrapping, return false\n   * @return {Boolean}\n   */\n  isEndOfWrapping(lineIndex: number): boolean {\n    return lineIndex === this._textLines.length - 1;\n  }\n\n  /**\n   * Detect if a line has a linebreak and so we need to account for it when moving\n   * and counting style.\n   * It return always 1 for text and Itext. Textbox has its own implementation\n   * @return Number\n   */\n  missingNewlineOffset(lineIndex: number, skipWrapping?: boolean): 0 | 1;\n  missingNewlineOffset(_lineIndex: number): 1 {\n    return 1;\n  }\n\n  /**\n   * Returns 2d representation (lineIndex and charIndex) of cursor\n   * @param {Number} selectionStart\n   * @param {Boolean} [skipWrapping] consider the location for unwrapped lines. useful to manage styles.\n   */\n  get2DCursorLocation(selectionStart: number, skipWrapping?: boolean) {\n    const lines = skipWrapping ? this._unwrappedTextLines : this._textLines;\n    let i: number;\n    for (i = 0; i < lines.length; i++) {\n      if (selectionStart <= lines[i].length) {\n        return {\n          lineIndex: i,\n          charIndex: selectionStart,\n        };\n      }\n      selectionStart -=\n        lines[i].length + this.missingNewlineOffset(i, skipWrapping);\n    }\n    return {\n      lineIndex: i - 1,\n      charIndex:\n        lines[i - 1].length < selectionStart\n          ? lines[i - 1].length\n          : selectionStart,\n    };\n  }\n\n  /**\n   * Returns string representation of an instance\n   * @return {String} String representation of text object\n   */\n  toString(): string {\n    return `#<Text (${this.complexity()}): { \"text\": \"${\n      this.text\n    }\", \"fontFamily\": \"${this.fontFamily}\" }>`;\n  }\n\n  /**\n   * Return the dimension and the zoom level needed to create a cache canvas\n   * big enough to host the object to be cached.\n   * @private\n   * @param {Object} dim.x width of object to be cached\n   * @param {Object} dim.y height of object to be cached\n   * @return {Object}.width width of canvas\n   * @return {Object}.height height of canvas\n   * @return {Object}.zoomX zoomX zoom value to unscale the canvas before drawing cache\n   * @return {Object}.zoomY zoomY zoom value to unscale the canvas before drawing cache\n   */\n  _getCacheCanvasDimensions(): TCacheCanvasDimensions {\n    const dims = super._getCacheCanvasDimensions();\n    const fontSize = this.fontSize;\n    dims.width += fontSize * dims.zoomX;\n    dims.height += fontSize * dims.zoomY;\n    return dims;\n  }\n\n  /**\n   * @private\n   * @param {CanvasRenderingContext2D} ctx Context to render on\n   */\n  _render(ctx: CanvasRenderingContext2D) {\n    const path = this.path;\n    path && !path.isNotVisible() && path._render(ctx);\n    this._setTextStyles(ctx);\n    this._renderTextLinesBackground(ctx);\n    this._renderTextDecoration(ctx, 'underline');\n    this._renderText(ctx);\n    this._renderTextDecoration(ctx, 'overline');\n    this._renderTextDecoration(ctx, 'linethrough');\n  }\n\n  /**\n   * @private\n   * @param {CanvasRenderingContext2D} ctx Context to render on\n   */\n  _renderText(ctx: CanvasRenderingContext2D) {\n    if (this.paintFirst === STROKE) {\n      this._renderTextStroke(ctx);\n      this._renderTextFill(ctx);\n    } else {\n      this._renderTextFill(ctx);\n      this._renderTextStroke(ctx);\n    }\n  }\n\n  /**\n   * Set the font parameter of the context with the object properties or with charStyle\n   * @private\n   * @param {CanvasRenderingContext2D} ctx Context to render on\n   * @param {Object} [charStyle] object with font style properties\n   * @param {String} [charStyle.fontFamily] Font Family\n   * @param {Number} [charStyle.fontSize] Font size in pixels. ( without px suffix )\n   * @param {String} [charStyle.fontWeight] Font weight\n   * @param {String} [charStyle.fontStyle] Font style (italic|normal)\n   */\n  _setTextStyles(\n    ctx: CanvasRenderingContext2D,\n    charStyle?: any,\n    forMeasuring?: boolean,\n  ) {\n    ctx.textBaseline = 'alphabetic';\n    if (this.path) {\n      switch (this.pathAlign) {\n        case CENTER:\n          ctx.textBaseline = 'middle';\n          break;\n        case 'ascender':\n          ctx.textBaseline = TOP;\n          break;\n        case 'descender':\n          ctx.textBaseline = BOTTOM;\n          break;\n      }\n    }\n    ctx.font = this._getFontDeclaration(charStyle, forMeasuring);\n  }\n\n  /**\n   * calculate and return the text Width measuring each line.\n   * @private\n   * @param {CanvasRenderingContext2D} ctx Context to render on\n   * @return {Number} Maximum width of Text object\n   */\n  calcTextWidth(): number {\n    let maxWidth = this.getLineWidth(0);\n\n    for (let i = 1, len = this._textLines.length; i < len; i++) {\n      const currentLineWidth = this.getLineWidth(i);\n      if (currentLineWidth > maxWidth) {\n        maxWidth = currentLineWidth;\n      }\n    }\n    return maxWidth;\n  }\n\n  /**\n   * @private\n   * @param {String} method Method name (\"fillText\" or \"strokeText\")\n   * @param {CanvasRenderingContext2D} ctx Context to render on\n   * @param {String} line Text to render\n   * @param {Number} left Left position of text\n   * @param {Number} top Top position of text\n   * @param {Number} lineIndex Index of a line in a text\n   */\n  _renderTextLine(\n    method: 'fillText' | 'strokeText',\n    ctx: CanvasRenderingContext2D,\n    line: string[],\n    left: number,\n    top: number,\n    lineIndex: number,\n  ) {\n    this._renderChars(method, ctx, line, left, top, lineIndex);\n  }\n\n  /**\n   * Renders the text background for lines, taking care of style\n   * @private\n   * @param {CanvasRenderingContext2D} ctx Context to render on\n   */\n  _renderTextLinesBackground(ctx: CanvasRenderingContext2D) {\n    if (!this.textBackgroundColor && !this.styleHas('textBackgroundColor')) {\n      return;\n    }\n    const originalFill = ctx.fillStyle,\n      leftOffset = this._getLeftOffset();\n    let lineTopOffset = this._getTopOffset();\n\n    for (let i = 0, len = this._textLines.length; i < len; i++) {\n      const heightOfLine = this.getHeightOfLine(i);\n      if (\n        !this.textBackgroundColor &&\n        !this.styleHas('textBackgroundColor', i)\n      ) {\n        lineTopOffset += heightOfLine;\n        continue;\n      }\n      const jlen = this._textLines[i].length;\n      const lineLeftOffset = this._getLineLeftOffset(i);\n      let boxWidth = 0;\n      let boxStart = 0;\n      let drawStart;\n      let currentColor;\n      let lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor');\n      const bgHeight = this.getHeightOfLineImpl(i);\n      for (let j = 0; j < jlen; j++) {\n        // at this point charbox are either standard or full with pathInfo if there is a path.\n        const charBox = this.__charBounds[i][j] as Required<GraphemeBBox>;\n        currentColor = this.getValueOfPropertyAt(i, j, 'textBackgroundColor');\n        if (this.path) {\n          ctx.save();\n          ctx.translate(charBox.renderLeft, charBox.renderTop);\n          ctx.rotate(charBox.angle);\n          ctx.fillStyle = currentColor;\n          currentColor &&\n            ctx.fillRect(\n              -charBox.width / 2,\n              -bgHeight * (1 - this._fontSizeFraction),\n              charBox.width,\n              bgHeight,\n            );\n          ctx.restore();\n        } else if (currentColor !== lastColor) {\n          drawStart = leftOffset + lineLeftOffset + boxStart;\n          if (this.direction === RTL) {\n            drawStart = this.width - drawStart - boxWidth;\n          }\n          ctx.fillStyle = lastColor;\n          lastColor &&\n            ctx.fillRect(drawStart, lineTopOffset, boxWidth, bgHeight);\n          boxStart = charBox.left;\n          boxWidth = charBox.width;\n          lastColor = currentColor;\n        } else {\n          boxWidth += charBox.kernedWidth;\n        }\n      }\n      if (currentColor && !this.path) {\n        drawStart = leftOffset + lineLeftOffset + boxStart;\n        if (this.direction === RTL) {\n          drawStart = this.width - drawStart - boxWidth;\n        }\n        ctx.fillStyle = currentColor;\n        ctx.fillRect(drawStart, lineTopOffset, boxWidth, bgHeight);\n      }\n      lineTopOffset += heightOfLine;\n    }\n    ctx.fillStyle = originalFill;\n    // if there is text background color no\n    // other shadows should be casted\n    this._removeShadow(ctx);\n  }\n\n  /**\n   * measure and return the width of a single character.\n   * possibly overridden to accommodate different measure logic or\n   * to hook some external lib for character measurement\n   * @private\n   * @param {String} _char, char to be measured\n   * @param {Object} charStyle style of char to be measured\n   * @param {String} [previousChar] previous char\n   * @param {Object} [prevCharStyle] style of previous char\n   */\n  _measureChar(\n    _char: string,\n    charStyle: CompleteTextStyleDeclaration,\n    previousChar: string | undefined,\n    prevCharStyle: CompleteTextStyleDeclaration | Record<string, never>,\n  ) {\n    const fontCache = cache.getFontCache(charStyle),\n      fontDeclaration = this._getFontDeclaration(charStyle),\n      couple = previousChar ? previousChar + _char : _char,\n      stylesAreEqual =\n        previousChar &&\n        fontDeclaration === this._getFontDeclaration(prevCharStyle),\n      fontMultiplier = charStyle.fontSize / this.CACHE_FONT_SIZE;\n    let width: number | undefined,\n      coupleWidth: number | undefined,\n      previousWidth: number | undefined,\n      kernedWidth: number | undefined;\n\n    if (previousChar && fontCache.has(previousChar)) {\n      previousWidth = fontCache.get(previousChar);\n    }\n    if (fontCache.has(_char)) {\n      kernedWidth = width = fontCache.get(_char);\n    }\n    if (stylesAreEqual && fontCache.has(couple)) {\n      coupleWidth = fontCache.get(couple)!;\n      kernedWidth = coupleWidth - previousWidth!;\n    }\n    if (\n      width === undefined ||\n      previousWidth === undefined ||\n      coupleWidth === undefined\n    ) {\n      const ctx = getMeasuringContext()!;\n      // send a TRUE to specify measuring font size CACHE_FONT_SIZE\n      this._setTextStyles(ctx, charStyle, true);\n      if (width === undefined) {\n        kernedWidth = width = ctx.measureText(_char).width;\n        fontCache.set(_char, width);\n      }\n      if (previousWidth === undefined && stylesAreEqual && previousChar) {\n        previousWidth = ctx.measureText(previousChar).width;\n        fontCache.set(previousChar, previousWidth);\n      }\n      if (stylesAreEqual && coupleWidth === undefined) {\n        // we can measure the kerning couple and subtract the width of the previous character\n        coupleWidth = ctx.measureText(couple).width;\n        fontCache.set(couple, coupleWidth);\n        // safe to use the non-null since if undefined we defined it before.\n        kernedWidth = coupleWidth - previousWidth!;\n      }\n    }\n    return {\n      width: width * fontMultiplier,\n      kernedWidth: kernedWidth! * fontMultiplier,\n    };\n  }\n\n  /**\n   * Computes height of character at given position\n   * @param {Number} line the line index number\n   * @param {Number} _char the character index number\n   * @return {Number} fontSize of the character\n   */\n  getHeightOfChar(line: number, _char: number): number {\n    return this.getValueOfPropertyAt(line, _char, 'fontSize');\n  }\n\n  /**\n   * measure a text line measuring all characters.\n   * @param {Number} lineIndex line number\n   */\n  measureLine(lineIndex: number) {\n    const lineInfo = this._measureLine(lineIndex);\n    if (this.charSpacing !== 0) {\n      lineInfo.width -= this._getWidthOfCharSpacing();\n    }\n    if (lineInfo.width < 0) {\n      lineInfo.width = 0;\n    }\n    return lineInfo;\n  }\n\n  /**\n   * measure every grapheme of a line, populating __charBounds\n   * @param {Number} lineIndex\n   * @return {Object} object.width total width of characters\n   * @return {Object} object.numOfSpaces length of chars that match this._reSpacesAndTabs\n   */\n  _measureLine(lineIndex: number) {\n    let width = 0,\n      prevGrapheme: string | undefined,\n      graphemeInfo: GraphemeBBox | undefined;\n\n    const reverse = this.pathSide === RIGHT,\n      path = this.path,\n      line = this._textLines[lineIndex],\n      llength = line.length,\n      lineBounds = new Array<GraphemeBBox>(llength);\n\n    this.__charBounds[lineIndex] = lineBounds;\n    for (let i = 0; i < llength; i++) {\n      const grapheme = line[i];\n      graphemeInfo = this._getGraphemeBox(grapheme, lineIndex, i, prevGrapheme);\n      lineBounds[i] = graphemeInfo;\n      width += graphemeInfo.kernedWidth;\n      prevGrapheme = grapheme;\n    }\n    // this latest bound box represent the last character of the line\n    // to simplify cursor handling in interactive mode.\n    lineBounds[llength] = {\n      left: graphemeInfo ? graphemeInfo.left + graphemeInfo.width : 0,\n      width: 0,\n      kernedWidth: 0,\n      height: this.fontSize,\n      deltaY: 0,\n    } as GraphemeBBox;\n    if (path && path.segmentsInfo) {\n      let positionInPath = 0;\n      const totalPathLength =\n        path.segmentsInfo[path.segmentsInfo.length - 1].length;\n      switch (this.textAlign) {\n        case LEFT:\n          positionInPath = reverse ? totalPathLength - width : 0;\n          break;\n        case CENTER:\n          positionInPath = (totalPathLength - width) / 2;\n          break;\n        case RIGHT:\n          positionInPath = reverse ? 0 : totalPathLength - width;\n          break;\n        //todo - add support for justify\n      }\n      positionInPath += this.pathStartOffset * (reverse ? -1 : 1);\n      for (\n        let i = reverse ? llength - 1 : 0;\n        reverse ? i >= 0 : i < llength;\n        reverse ? i-- : i++\n      ) {\n        graphemeInfo = lineBounds[i];\n        if (positionInPath > totalPathLength) {\n          positionInPath %= totalPathLength;\n        } else if (positionInPath < 0) {\n          positionInPath += totalPathLength;\n        }\n        // it would probably much faster to send all the grapheme position for a line\n        // and calculate path position/angle at once.\n        this._setGraphemeOnPath(positionInPath, graphemeInfo);\n        positionInPath += graphemeInfo.kernedWidth;\n      }\n    }\n    return { width: width, numOfSpaces: 0 };\n  }\n\n  /**\n   * Calculate the angle  and the left,top position of the char that follow a path.\n   * It appends it to graphemeInfo to be reused later at rendering\n   * @private\n   * @param {Number} positionInPath to be measured\n   * @param {GraphemeBBox} graphemeInfo current grapheme box information\n   * @param {Object} startingPoint position of the point\n   */\n  _setGraphemeOnPath(positionInPath: number, graphemeInfo: GraphemeBBox) {\n    const centerPosition = positionInPath + graphemeInfo.kernedWidth / 2,\n      path = this.path!;\n\n    // we are at currentPositionOnPath. we want to know what point on the path is.\n    const info = getPointOnPath(path.path, centerPosition, path.segmentsInfo)!;\n    graphemeInfo.renderLeft = info.x - path.pathOffset.x;\n    graphemeInfo.renderTop = info.y - path.pathOffset.y;\n    graphemeInfo.angle = info.angle + (this.pathSide === RIGHT ? Math.PI : 0);\n  }\n\n  /**\n   *\n   * @param {String} grapheme to be measured\n   * @param {Number} lineIndex index of the line where the char is\n   * @param {Number} charIndex position in the line\n   * @param {String} [prevGrapheme] character preceding the one to be measured\n   * @returns {GraphemeBBox} grapheme bbox\n   */\n  _getGraphemeBox(\n    grapheme: string,\n    lineIndex: number,\n    charIndex: number,\n    prevGrapheme?: string,\n    skipLeft?: boolean,\n  ): GraphemeBBox {\n    const style = this.getCompleteStyleDeclaration(lineIndex, charIndex),\n      prevStyle = prevGrapheme\n        ? this.getCompleteStyleDeclaration(lineIndex, charIndex - 1)\n        : {},\n      info = this._measureChar(grapheme, style, prevGrapheme, prevStyle);\n    let kernedWidth = info.kernedWidth,\n      width = info.width,\n      charSpacing;\n\n    if (this.charSpacing !== 0) {\n      charSpacing = this._getWidthOfCharSpacing();\n      width += charSpacing;\n      kernedWidth += charSpacing;\n    }\n\n    const box: GraphemeBBox = {\n      width,\n      left: 0,\n      height: style.fontSize,\n      kernedWidth,\n      deltaY: style.deltaY,\n    };\n    if (charIndex > 0 && !skipLeft) {\n      const previousBox = this.__charBounds[lineIndex][charIndex - 1];\n      box.left =\n        previousBox.left + previousBox.width + info.kernedWidth - info.width;\n    }\n    return box;\n  }\n\n  /**\n   * Calculate height of line at 'lineIndex',\n   * without the lineHeigth multiplication factor\n   * @private\n   * @param {Number} lineIndex index of line to calculate\n   * @return {Number}\n   */\n  private getHeightOfLineImpl(lineIndex: number): number {\n    const lh = this.__lineHeights;\n    if (lh[lineIndex]) {\n      return lh[lineIndex];\n    }\n\n    // char 0 is measured before the line cycle because it needs to char\n    // emptylines\n    let maxHeight = this.getHeightOfChar(lineIndex, 0);\n    for (let i = 1, len = this._textLines[lineIndex].length; i < len; i++) {\n      maxHeight = Math.max(this.getHeightOfChar(lineIndex, i), maxHeight);\n    }\n\n    return (lh[lineIndex] = maxHeight * this._fontSizeMult);\n  }\n\n  /**\n   * Calculate height of line at 'lineIndex'\n   * @param {Number} lineIndex index of line to calculate\n   * @return {Number}\n   */\n  getHeightOfLine(lineIndex: number): number {\n    return this.getHeightOfLineImpl(lineIndex) * this.lineHeight;\n  }\n\n  /**\n   * Calculate text box height\n   */\n  calcTextHeight() {\n    let height = 0;\n    for (let i = 0, len = this._textLines.length; i < len; i++) {\n      height +=\n        i === len - 1 ? this.getHeightOfLineImpl(i) : this.getHeightOfLine(i);\n    }\n    return height;\n  }\n\n  /**\n   * @private\n   * @return {Number} Left offset\n   */\n  _getLeftOffset(): number {\n    return this.direction === LTR ? -this.width / 2 : this.width / 2;\n  }\n\n  /**\n   * @private\n   * @return {Number} Top offset\n   */\n  _getTopOffset(): number {\n    return -this.height / 2;\n  }\n\n  /**\n   * @private\n   * @param {CanvasRenderingContext2D} ctx Context to render on\n   * @param {String} method Method name (\"fillText\" or \"strokeText\")\n   */\n  _renderTextCommon(\n    ctx: CanvasRenderingContext2D,\n    method: 'fillText' | 'strokeText',\n  ) {\n    ctx.save();\n    let lineHeights = 0;\n    const left = this._getLeftOffset(),\n      top = this._getTopOffset();\n    for (let i = 0, len = this._textLines.length; i < len; i++) {\n      this._renderTextLine(\n        method,\n        ctx,\n        this._textLines[i],\n        left + this._getLineLeftOffset(i),\n        top + lineHeights + this.getHeightOfLineImpl(i),\n        i,\n      );\n      lineHeights += this.getHeightOfLine(i);\n    }\n    ctx.restore();\n  }\n\n  /**\n   * @private\n   * @param {CanvasRenderingContext2D} ctx Context to render on\n   */\n  _renderTextFill(ctx: CanvasRenderingContext2D) {\n    if (!this.fill && !this.styleHas(FILL)) {\n      return;\n    }\n\n    this._renderTextCommon(ctx, 'fillText');\n  }\n\n  /**\n   * @private\n   * @param {CanvasRenderingContext2D} ctx Context to render on\n   */\n  _renderTextStroke(ctx: CanvasRenderingContext2D) {\n    if ((!this.stroke || this.strokeWidth === 0) && this.isEmptyStyles()) {\n      return;\n    }\n\n    if (this.shadow && !this.shadow.affectStroke) {\n      this._removeShadow(ctx);\n    }\n\n    ctx.save();\n    this._setLineDash(ctx, this.strokeDashArray);\n    ctx.beginPath();\n    this._renderTextCommon(ctx, 'strokeText');\n    ctx.closePath();\n    ctx.restore();\n  }\n\n  /**\n   * @private\n   * @param {String} method fillText or strokeText.\n   * @param {CanvasRenderingContext2D} ctx Context to render on\n   * @param {Array} line Content of the line, split in an array by grapheme\n   * @param {Number} left\n   * @param {Number} top\n   * @param {Number} lineIndex\n   */\n  _renderChars(\n    method: 'fillText' | 'strokeText',\n    ctx: CanvasRenderingContext2D,\n    line: Array<any>,\n    left: number,\n    top: number,\n    lineIndex: number,\n  ) {\n    const isJustify = this.textAlign.includes(JUSTIFY),\n      path = this.path,\n      shortCut =\n        !isJustify &&\n        this.charSpacing === 0 &&\n        this.isEmptyStyles(lineIndex) &&\n        !path,\n      isLtr = this.direction === LTR,\n      sign = this.direction === LTR ? 1 : -1,\n      // this was changed in the PR #7674\n      // currentDirection = ctx.canvas.getAttribute('dir');\n      currentDirection = ctx.direction;\n\n    let actualStyle,\n      nextStyle,\n      charsToRender = '',\n      charBox,\n      boxWidth = 0,\n      timeToRender,\n      drawingLeft;\n\n    ctx.save();\n    if (currentDirection !== this.direction) {\n      ctx.canvas.setAttribute('dir', isLtr ? LTR : RTL);\n      ctx.direction = isLtr ? LTR : RTL;\n      ctx.textAlign = isLtr ? LEFT : RIGHT;\n    }\n    top -= this.getHeightOfLineImpl(lineIndex) * this._fontSizeFraction;\n    if (shortCut) {\n      // render all the line in one pass without checking\n      // drawingLeft = isLtr ? left : left - this.getLineWidth(lineIndex);\n      this._renderChar(method, ctx, lineIndex, 0, line.join(''), left, top);\n      ctx.restore();\n      return;\n    }\n    for (let i = 0, len = line.length - 1; i <= len; i++) {\n      timeToRender = i === len || this.charSpacing || path;\n      charsToRender += line[i];\n      charBox = this.__charBounds[lineIndex][i] as Required<GraphemeBBox>;\n      if (boxWidth === 0) {\n        left += sign * (charBox.kernedWidth - charBox.width);\n        boxWidth += charBox.width;\n      } else {\n        boxWidth += charBox.kernedWidth;\n      }\n      if (isJustify && !timeToRender) {\n        if (this._reSpaceAndTab.test(line[i])) {\n          timeToRender = true;\n        }\n      }\n      if (!timeToRender) {\n        // if we have charSpacing, we render char by char\n        actualStyle =\n          actualStyle || this.getCompleteStyleDeclaration(lineIndex, i);\n        nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1);\n        timeToRender = hasStyleChanged(actualStyle, nextStyle, false);\n      }\n      if (timeToRender) {\n        if (path) {\n          ctx.save();\n          ctx.translate(charBox.renderLeft, charBox.renderTop);\n          ctx.rotate(charBox.angle);\n          this._renderChar(\n            method,\n            ctx,\n            lineIndex,\n            i,\n            charsToRender,\n            -boxWidth / 2,\n            0,\n          );\n          ctx.restore();\n        } else {\n          drawingLeft = left;\n          this._renderChar(\n            method,\n            ctx,\n            lineIndex,\n            i,\n            charsToRender,\n            drawingLeft,\n            top,\n          );\n        }\n        charsToRender = '';\n        actualStyle = nextStyle;\n        left += sign * boxWidth;\n        boxWidth = 0;\n      }\n    }\n    ctx.restore();\n  }\n\n  /**\n   * This function try to patch the missing gradientTransform on canvas gradients.\n   * transforming a context to transform the gradient, is going to transform the stroke too.\n   * we want to transform the gradient but not the stroke operation, so we create\n   * a transformed gradient on a pattern and then we use the pattern instead of the gradient.\n   * this method has drawbacks: is slow, is in low resolution, needs a patch for when the size\n   * is limited.\n   * @private\n   * @param {TFiller} filler a fabric gradient instance\n   * @return {CanvasPattern} a pattern to use as fill/stroke style\n   */\n  _applyPatternGradientTransformText(filler: TFiller) {\n    // TODO: verify compatibility with strokeUniform\n    const width = this.width + this.strokeWidth,\n      height = this.height + this.strokeWidth,\n      pCanvas = createCanvasElementFor({\n        width,\n        height,\n      }),\n      pCtx = pCanvas.getContext('2d')!;\n    pCanvas.width = width;\n    pCanvas.height = height;\n    pCtx.beginPath();\n    pCtx.moveTo(0, 0);\n    pCtx.lineTo(width, 0);\n    pCtx.lineTo(width, height);\n    pCtx.lineTo(0, height);\n    pCtx.closePath();\n    pCtx.translate(width / 2, height / 2);\n    pCtx.fillStyle = filler.toLive(pCtx)!;\n    this._applyPatternGradientTransform(pCtx, filler);\n    pCtx.fill();\n    return pCtx.createPattern(pCanvas, 'no-repeat')!;\n  }\n\n  handleFiller<T extends 'fill' | 'stroke'>(\n    ctx: CanvasRenderingContext2D,\n    property: `${T}Style`,\n    filler: TFiller | string,\n  ): { offsetX: number; offsetY: number } {\n    let offsetX: number, offsetY: number;\n    if (isFiller(filler)) {\n      if (\n        (filler as Gradient<'linear'>).gradientUnits === 'percentage' ||\n        (filler as Gradient<'linear'>).gradientTransform ||\n        (filler as Pattern).patternTransform\n      ) {\n        // need to transform gradient in a pattern.\n        // this is a slow process. If you are hitting this codepath, and the object\n        // is not using caching, you should consider switching it on.\n        // we need a canvas as big as the current object caching canvas.\n        offsetX = -this.width / 2;\n        offsetY = -this.height / 2;\n        ctx.translate(offsetX, offsetY);\n        ctx[property] = this._applyPatternGradientTransformText(filler);\n        return { offsetX, offsetY };\n      } else {\n        // is a simple gradient or pattern\n        ctx[property] = filler.toLive(ctx)!;\n        return this._applyPatternGradientTransform(ctx, filler);\n      }\n    } else {\n      // is a color\n      ctx[property] = filler;\n    }\n    return { offsetX: 0, offsetY: 0 };\n  }\n\n  /**\n   * This function prepare the canvas for a stroke style, and stroke and strokeWidth\n   * need to be sent in as defined\n   * @param {CanvasRenderingContext2D} ctx\n   * @param {CompleteTextStyleDeclaration} style with stroke and strokeWidth defined\n   * @returns\n   */\n  _setStrokeStyles(\n    ctx: CanvasRenderingContext2D,\n    {\n      stroke,\n      strokeWidth,\n    }: Pick<CompleteTextStyleDeclaration, 'stroke' | 'strokeWidth'>,\n  ) {\n    ctx.lineWidth = strokeWidth;\n    ctx.lineCap = this.strokeLineCap;\n    ctx.lineDashOffset = this.strokeDashOffset;\n    ctx.lineJoin = this.strokeLineJoin;\n    ctx.miterLimit = this.strokeMiterLimit;\n    return this.handleFiller(ctx, 'strokeStyle', stroke!);\n  }\n\n  /**\n   * This function prepare the canvas for a ill style, and fill\n   * need to be sent in as defined\n   * @param {CanvasRenderingContext2D} ctx\n   * @param {CompleteTextStyleDeclaration} style with ill defined\n   * @returns\n   */\n  _setFillStyles(ctx: CanvasRenderingContext2D, { fill }: Pick<this, 'fill'>) {\n    return this.handleFiller(ctx, 'fillStyle', fill!);\n  }\n\n  /**\n   * @private\n   * @param {String} method\n   * @param {CanvasRenderingContext2D} ctx Context to render on\n   * @param {Number} lineIndex\n   * @param {Number} charIndex\n   * @param {String} _char\n   * @param {Number} left Left coordinate\n   * @param {Number} top Top coordinate\n   * @param {Number} lineHeight Height of the line\n   */\n  _renderChar(\n    method: 'fillText' | 'strokeText',\n    ctx: CanvasRenderingContext2D,\n    lineIndex: number,\n    charIndex: number,\n    _char: string,\n    left: number,\n    top: number,\n  ) {\n    const decl = this._getStyleDeclaration(lineIndex, charIndex),\n      fullDecl = this.getCompleteStyleDeclaration(lineIndex, charIndex),\n      shouldFill = method === 'fillText' && fullDecl.fill,\n      shouldStroke =\n        method === 'strokeText' && fullDecl.stroke && fullDecl.strokeWidth;\n\n    if (!shouldStroke && !shouldFill) {\n      return;\n    }\n    ctx.save();\n\n    ctx.font = this._getFontDeclaration(fullDecl);\n\n    if (decl.textBackgroundColor) {\n      this._removeShadow(ctx);\n    }\n    if (decl.deltaY) {\n      top += decl.deltaY;\n    }\n\n    if (shouldFill) {\n      const fillOffsets = this._setFillStyles(ctx, fullDecl);\n      ctx.fillText(\n        _char,\n        left - fillOffsets.offsetX,\n        top - fillOffsets.offsetY,\n      );\n    }\n\n    if (shouldStroke) {\n      const strokeOffsets = this._setStrokeStyles(ctx, fullDecl);\n      ctx.strokeText(\n        _char,\n        left - strokeOffsets.offsetX,\n        top - strokeOffsets.offsetY,\n      );\n    }\n\n    ctx.restore();\n  }\n\n  /**\n   * Turns the character into a 'superior figure' (i.e. 'superscript')\n   * @param {Number} start selection start\n   * @param {Number} end selection end\n   */\n  setSuperscript(start: number, end: number) {\n    this._setScript(start, end, this.superscript);\n  }\n\n  /**\n   * Turns the character into an 'inferior figure' (i.e. 'subscript')\n   * @param {Number} start selection start\n   * @param {Number} end selection end\n   */\n  setSubscript(start: number, end: number) {\n    this._setScript(start, end, this.subscript);\n  }\n\n  /**\n   * Applies 'schema' at given position\n   * @private\n   * @param {Number} start selection start\n   * @param {Number} end selection end\n   * @param {Number} schema\n   */\n  protected _setScript(\n    start: number,\n    end: number,\n    schema: {\n      size: number;\n      baseline: number;\n    },\n  ) {\n    const loc = this.get2DCursorLocation(start, true),\n      fontSize = this.getValueOfPropertyAt(\n        loc.lineIndex,\n        loc.charIndex,\n        'fontSize',\n      ),\n      dy = this.getValueOfPropertyAt(loc.lineIndex, loc.charIndex, 'deltaY'),\n      style = {\n        fontSize: fontSize * schema.size,\n        deltaY: dy + fontSize * schema.baseline,\n      };\n    this.setSelectionStyles(style, start, end);\n  }\n\n  /**\n   * @private\n   * @param {Number} lineIndex index text line\n   * @return {Number} Line left offset\n   */\n  _getLineLeftOffset(lineIndex: number): number {\n    const lineWidth = this.getLineWidth(lineIndex),\n      lineDiff = this.width - lineWidth,\n      textAlign = this.textAlign,\n      direction = this.direction,\n      isEndOfWrapping = this.isEndOfWrapping(lineIndex);\n    let leftOffset = 0;\n    if (\n      textAlign === JUSTIFY ||\n      (textAlign === JUSTIFY_CENTER && !isEndOfWrapping) ||\n      (textAlign === JUSTIFY_RIGHT && !isEndOfWrapping) ||\n      (textAlign === JUSTIFY_LEFT && !isEndOfWrapping)\n    ) {\n      return 0;\n    }\n    if (textAlign === CENTER) {\n      leftOffset = lineDiff / 2;\n    }\n    if (textAlign === RIGHT) {\n      leftOffset = lineDiff;\n    }\n    if (textAlign === JUSTIFY_CENTER) {\n      leftOffset = lineDiff / 2;\n    }\n    if (textAlign === JUSTIFY_RIGHT) {\n      leftOffset = lineDiff;\n    }\n    if (direction === RTL) {\n      if (textAlign === RIGHT || textAlign === JUSTIFY_RIGHT) {\n        leftOffset = 0;\n      } else if (textAlign === LEFT || textAlign === JUSTIFY_LEFT) {\n        leftOffset = -lineDiff;\n      } else if (textAlign === CENTER || textAlign === JUSTIFY_CENTER) {\n        leftOffset = -lineDiff / 2;\n      }\n    }\n    return leftOffset;\n  }\n\n  /**\n   * @private\n   */\n  _clearCache() {\n    this._forceClearCache = false;\n    this.__lineWidths = [];\n    this.__lineHeights = [];\n    this.__charBounds = [];\n  }\n\n  /**\n   * Measure a single line given its index. Used to calculate the initial\n   * text bounding box. The values are calculated and stored in __lineWidths cache.\n   * @private\n   * @param {Number} lineIndex line number\n   * @return {Number} Line width\n   */\n  getLineWidth(lineIndex: number): number {\n    if (this.__lineWidths[lineIndex] !== undefined) {\n      return this.__lineWidths[lineIndex];\n    }\n\n    const { width } = this.measureLine(lineIndex);\n    this.__lineWidths[lineIndex] = width;\n    return width;\n  }\n\n  _getWidthOfCharSpacing() {\n    if (this.charSpacing !== 0) {\n      return (this.fontSize * this.charSpacing) / 1000;\n    }\n    return 0;\n  }\n\n  /**\n   * Retrieves the value of property at given character position\n   * @param {Number} lineIndex the line number\n   * @param {Number} charIndex the character number\n   * @param {String} property the property name\n   * @returns the value of 'property'\n   */\n  getValueOfPropertyAt<T extends StylePropertiesType>(\n    lineIndex: number,\n    charIndex: number,\n    property: T,\n  ): this[T] {\n    const charStyle = this._getStyleDeclaration(lineIndex, charIndex);\n    return (charStyle[property] ?? this[property]) as this[T];\n  }\n\n  /**\n   * @private\n   * @param {CanvasRenderingContext2D} ctx Context to render on\n   */\n  _renderTextDecoration(\n    ctx: CanvasRenderingContext2D,\n    type: 'underline' | 'linethrough' | 'overline',\n  ) {\n    if (!this[type] && !this.styleHas(type)) {\n      return;\n    }\n    let topOffset = this._getTopOffset();\n    const leftOffset = this._getLeftOffset(),\n      path = this.path,\n      charSpacing = this._getWidthOfCharSpacing(),\n      offsetAligner =\n        type === 'linethrough' ? 0.5 : type === 'overline' ? 1 : 0,\n      offsetY = this.offsets[type];\n    for (let i = 0, len = this._textLines.length; i < len; i++) {\n      const heightOfLine = this.getHeightOfLine(i);\n      if (!this[type] && !this.styleHas(type, i)) {\n        topOffset += heightOfLine;\n        continue;\n      }\n      const line = this._textLines[i];\n      const maxHeight = heightOfLine / this.lineHeight;\n      const lineLeftOffset = this._getLineLeftOffset(i);\n      let boxStart = 0;\n      let boxWidth = 0;\n      let lastDecoration = this.getValueOfPropertyAt(i, 0, type);\n      let lastFill = this.getValueOfPropertyAt(i, 0, FILL);\n      let lastDecorationColor =\n        this.getValueOfPropertyAt(i, 0, TEXT_DECORATION_COLOR) || lastFill;\n      let lastTickness = this.getValueOfPropertyAt(\n        i,\n        0,\n        TEXT_DECORATION_THICKNESS,\n      );\n      let currentDecoration = lastDecoration;\n      let currentFill: typeof lastFill;\n      let currentDecorationColor = lastDecorationColor;\n      let currentTickness = lastTickness;\n      const top = topOffset + maxHeight * (1 - this._fontSizeFraction);\n      let size = this.getHeightOfChar(i, 0);\n      let dy = this.getValueOfPropertyAt(i, 0, 'deltaY');\n      for (let j = 0, jlen = line.length; j < jlen; j++) {\n        const charBox = this.__charBounds[i][j] as Required<GraphemeBBox>;\n        currentDecoration = this.getValueOfPropertyAt(i, j, type);\n        currentFill = this.getValueOfPropertyAt(i, j, FILL);\n        currentDecorationColor =\n          this.getValueOfPropertyAt(i, j, TEXT_DECORATION_COLOR) || currentFill;\n        currentTickness = this.getValueOfPropertyAt(\n          i,\n          j,\n          TEXT_DECORATION_THICKNESS,\n        );\n        const currentSize = this.getHeightOfChar(i, j);\n        const currentDy = this.getValueOfPropertyAt(i, j, 'deltaY');\n        if (path && currentDecoration && currentFill) {\n          const finalTickness = (this.fontSize * currentTickness) / 1000;\n          ctx.save();\n          // bug? verify currentDecorationColor is a valid fill here.\n          ctx.fillStyle = currentDecorationColor as string;\n          ctx.translate(charBox.renderLeft, charBox.renderTop);\n          ctx.rotate(charBox.angle);\n          ctx.fillRect(\n            -charBox.kernedWidth / 2,\n            offsetY * currentSize + currentDy - offsetAligner * finalTickness,\n            charBox.kernedWidth,\n            finalTickness,\n          );\n          ctx.restore();\n        } else if (\n          (currentDecoration !== lastDecoration ||\n            currentFill !== lastFill ||\n            currentDecorationColor !== lastDecorationColor ||\n            currentSize !== size ||\n            currentTickness !== lastTickness ||\n            currentDy !== dy) &&\n          boxWidth > 0\n        ) {\n          const finalTickness = (this.fontSize * lastTickness) / 1000;\n          let drawStart = leftOffset + lineLeftOffset + boxStart;\n          if (this.direction === RTL) {\n            drawStart = this.width - drawStart - boxWidth;\n          }\n          if (lastDecoration && lastDecorationColor && lastTickness) {\n            // bug? verify lastDecorationColor is a valid fill here.\n            ctx.fillStyle = lastDecorationColor as string;\n            ctx.fillRect(\n              drawStart,\n              top + offsetY * size + dy - offsetAligner * finalTickness,\n              boxWidth,\n              finalTickness,\n            );\n          }\n          boxStart = charBox.left;\n          boxWidth = charBox.width;\n          lastDecoration = currentDecoration;\n          lastDecorationColor = currentDecorationColor;\n          lastTickness = currentTickness;\n          lastFill = currentFill;\n          size = currentSize;\n          dy = currentDy;\n        } else {\n          boxWidth += charBox.kernedWidth;\n        }\n      }\n      let drawStart = leftOffset + lineLeftOffset + boxStart;\n      if (this.direction === RTL) {\n        drawStart = this.width - drawStart - boxWidth;\n      }\n      ctx.fillStyle = currentDecorationColor as string;\n      const finalTickness = (this.fontSize * currentTickness) / 1000;\n      currentDecoration &&\n        currentDecorationColor &&\n        currentTickness &&\n        ctx.fillRect(\n          drawStart,\n          top + offsetY * size + dy - offsetAligner * finalTickness,\n          boxWidth - charSpacing,\n          finalTickness,\n        );\n      topOffset += heightOfLine;\n    }\n    // if there is text background color no\n    // other shadows should be casted\n    this._removeShadow(ctx);\n  }\n\n  /**\n   * return font declaration string for canvas context\n   * @param {Object} [styleObject] object\n   * @returns {String} font declaration formatted for canvas context.\n   */\n  _getFontDeclaration(\n    {\n      fontFamily = this.fontFamily,\n      fontStyle = this.fontStyle,\n      fontWeight = this.fontWeight,\n      fontSize = this.fontSize,\n    }: Partial<\n      Pick<\n        TextStyleDeclaration,\n        'fontFamily' | 'fontStyle' | 'fontWeight' | 'fontSize'\n      >\n    > = {},\n    forMeasuring?: boolean,\n  ): string {\n    const parsedFontFamily =\n      fontFamily.includes(\"'\") ||\n      fontFamily.includes('\"') ||\n      fontFamily.includes(',') ||\n      FabricText.genericFonts.includes(fontFamily.toLowerCase())\n        ? fontFamily\n        : `\"${fontFamily}\"`;\n    return [\n      fontStyle,\n      fontWeight,\n      `${forMeasuring ? this.CACHE_FONT_SIZE : fontSize}px`,\n      parsedFontFamily,\n    ].join(' ');\n  }\n\n  /**\n   * Renders text instance on a specified context\n   * @param {CanvasRenderingContext2D} ctx Context to render on\n   */\n  render(ctx: CanvasRenderingContext2D) {\n    if (!this.visible) {\n      return;\n    }\n    if (\n      this.canvas &&\n      this.canvas.skipOffscreen &&\n      !this.group &&\n      !this.isOnScreen()\n    ) {\n      return;\n    }\n    if (this._forceClearCache) {\n      this.initDimensions();\n    }\n    super.render(ctx);\n  }\n\n  /**\n   * Override this method to customize grapheme splitting\n   * @todo the util `graphemeSplit` needs to be injectable in some way.\n   * is more comfortable to inject the correct util rather than having to override text\n   * in the middle of the prototype chain\n   * @param {string} value\n   * @returns {string[]} array of graphemes\n   */\n  graphemeSplit(value: string): string[] {\n    return graphemeSplit(value);\n  }\n\n  /**\n   * Returns the text as an array of lines.\n   * @param {String} text text to split\n   * @returns  Lines in the text\n   */\n  _splitTextIntoLines(text: string): TextLinesInfo {\n    const lines = text.split(this._reNewline),\n      newLines = new Array<string[]>(lines.length),\n      newLine = ['\\n'];\n    let newText: string[] = [];\n    for (let i = 0; i < lines.length; i++) {\n      newLines[i] = this.graphemeSplit(lines[i]);\n      newText = newText.concat(newLines[i], newLine);\n    }\n    newText.pop();\n    return {\n      _unwrappedLines: newLines,\n      lines: lines,\n      graphemeText: newText,\n      graphemeLines: newLines,\n    };\n  }\n\n  /**\n   * Returns object representation of an instance\n   * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\n   * @return {Object} Object representation of an instance\n   */\n  toObject<\n    T extends Omit<Props & TClassProperties<this>, keyof SProps>,\n    K extends keyof T = never,\n  >(propertiesToInclude: K[] = []): Pick<T, K> & SProps {\n    return {\n      ...super.toObject([...additionalProps, ...propertiesToInclude] as K[]),\n      styles: stylesToArray(this.styles, this.text),\n      ...(this.path ? { path: this.path.toObject() } : {}),\n    };\n  }\n\n  set(key: string | any, value?: any) {\n    const { textLayoutProperties } = this.constructor as typeof FabricText;\n    super.set(key, value);\n    let needsDims = false;\n    let isAddingPath = false;\n    if (typeof key === 'object') {\n      for (const _key in key) {\n        if (_key === 'path') {\n          this.setPathInfo();\n        }\n        needsDims = needsDims || textLayoutProperties.includes(_key);\n        isAddingPath = isAddingPath || _key === 'path';\n      }\n    } else {\n      needsDims = textLayoutProperties.includes(key);\n      isAddingPath = key === 'path';\n    }\n    if (isAddingPath) {\n      this.setPathInfo();\n    }\n    if (needsDims && this.initialized) {\n      this.initDimensions();\n      this.setCoords();\n    }\n    return this;\n  }\n\n  /**\n   * Returns complexity of an instance\n   * @return {Number} complexity\n   */\n  complexity(): number {\n    return 1;\n  }\n\n  /**\n   * List of generic font families\n   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/font-family#generic-name\n   */\n  static genericFonts = [\n    'serif',\n    'sans-serif',\n    'monospace',\n    'cursive',\n    'fantasy',\n    'system-ui',\n    'ui-serif',\n    'ui-sans-serif',\n    'ui-monospace',\n    'ui-rounded',\n    'math',\n    'emoji',\n    'fangsong',\n  ];\n\n  /* _FROM_SVG_START_ */\n\n  /**\n   * List of attribute names to account for when parsing SVG element (used by {@link FabricText.fromElement})\n   * @see: http://www.w3.org/TR/SVG/text.html#TextElement\n   */\n  static ATTRIBUTE_NAMES = SHARED_ATTRIBUTES.concat(\n    'x',\n    'y',\n    'dx',\n    'dy',\n    'font-family',\n    'font-style',\n    'font-weight',\n    'font-size',\n    'letter-spacing',\n    'text-decoration',\n    'text-decoration-thickness',\n    'text-decoration-color',\n    'text-anchor',\n  );\n\n  /**\n   * Returns FabricText instance from an SVG element (<b>not yet implemented</b>)\n   * @param {HTMLElement} element Element to parse\n   * @param {Object} [options] Options object\n   */\n  static async fromElement(\n    element: HTMLElement | SVGElement,\n    options?: Abortable,\n    cssRules?: CSSRules,\n  ) {\n    const parsedAttributes = parseAttributes(\n      element,\n      FabricText.ATTRIBUTE_NAMES,\n      cssRules,\n    );\n\n    const {\n      textAnchor = LEFT as typeof LEFT | typeof CENTER | typeof RIGHT,\n      textDecoration = '',\n      dx = 0,\n      dy = 0,\n      top = 0,\n      left = 0,\n      fontSize = DEFAULT_SVG_FONT_SIZE,\n      strokeWidth = 1,\n      ...restOfOptions\n    } = { ...options, ...parsedAttributes };\n\n    const textContent = normalizeWs(element.textContent || '').trim();\n\n    // this code here is probably the usual issue for SVG center find\n    // this can later looked at again and probably removed.\n\n    const text = new this(textContent, {\n        left: left + dx,\n        top: top + dy,\n        underline: textDecoration.includes('underline'),\n        overline: textDecoration.includes('overline'),\n        linethrough: textDecoration.includes('line-through'),\n        // we initialize this as 0\n        strokeWidth: 0,\n        fontSize,\n        ...restOfOptions,\n      }),\n      textHeightScaleFactor = text.getScaledHeight() / text.height,\n      lineHeightDiff =\n        (text.height + text.strokeWidth) * text.lineHeight - text.height,\n      scaledDiff = lineHeightDiff * textHeightScaleFactor,\n      textHeight = text.getScaledHeight() + scaledDiff;\n\n    let offX = 0;\n    /*\n      Adjust positioning:\n        x/y attributes in SVG correspond to the bottom-left corner of text bounding box\n        fabric output by default at top, left.\n    */\n    if (textAnchor === CENTER) {\n      offX = text.getScaledWidth() / 2;\n    }\n    if (textAnchor === RIGHT) {\n      offX = text.getScaledWidth();\n    }\n    text.set({\n      left: text.left - offX,\n      top:\n        text.top -\n        (textHeight - text.fontSize * (0.07 + text._fontSizeFraction)) /\n          text.lineHeight,\n      strokeWidth,\n    });\n    return text;\n  }\n\n  /* _FROM_SVG_END_ */\n\n  /**\n   * Returns FabricText instance from an object representation\n   * @param {Object} object plain js Object to create an instance from\n   * @returns {Promise<FabricText>}\n   */\n  static fromObject<\n    T extends TOptions<SerializedTextProps>,\n    S extends FabricText,\n  >(object: T) {\n    return this._fromObject<S>(\n      {\n        ...object,\n        styles: stylesFromArray(object.styles || {}, object.text),\n      },\n      {\n        extraParam: 'text',\n      },\n    );\n  }\n}\n\napplyMixins(FabricText, [TextSVGExportMixin]);\nclassRegistry.setClass(FabricText);\nclassRegistry.setSVGClass(FabricText);\n"],"mappings":"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"}

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

@@ -1,40 +0,0 @@
-import type { TSVGReviver } from '../../typedefs';
-import { FabricObjectSVGExportMixin } from '../Object/FabricObjectSVGExportMixin';
-import { type TextStyleDeclaration } from './StyledText';
-import type { FabricText } from './Text';
-export declare class TextSVGExportMixin extends FabricObjectSVGExportMixin {
-    _toSVG(this: TextSVGExportMixin & FabricText): string[];
-    toSVG(this: TextSVGExportMixin & FabricText, reviver?: TSVGReviver): string;
-    private _getSVGLeftTopOffsets;
-    private _wrapSVGTextAndBg;
-    /**
-     * @private
-     * @param {Number} textTopOffset Text top offset
-     * @param {Number} textLeftOffset Text left offset
-     * @return {Object}
-     */
-    private _getSVGTextAndBg;
-    private _createTextCharSpan;
-    private _setSVGTextLineText;
-    private _setSVGTextLineBg;
-    /**
-     * Returns styles-string for svg-export
-     * @param {Boolean} skipShadow a boolean to skip shadow filter output
-     * @return {String}
-     */
-    getSvgStyles(this: TextSVGExportMixin & FabricText, skipShadow?: boolean): string;
-    /**
-     * Returns styles-string for svg-export
-     * @param {Object} style the object from which to retrieve style properties
-     * @param {Boolean} useWhiteSpace a boolean to include an additional attribute in the style.
-     * @return {String}
-     */
-    getSvgSpanStyles(this: TextSVGExportMixin & FabricText, style: TextStyleDeclaration, useWhiteSpace?: boolean): string;
-    /**
-     * Returns text-decoration property for svg-export
-     * @param {Object} style the object from which to retrieve style properties
-     * @return {String}
-     */
-    getSvgTextDecoration(this: TextSVGExportMixin & FabricText, style: TextStyleDeclaration): string;
-}
-//# sourceMappingURL=TextSVGExportMixin.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TextSVGExportMixin.d.ts","sourceRoot":"","sources":["../../../../src/shapes/Text/TextSVGExportMixin.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAKlD,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAMzD,OAAO,KAAK,EAAE,UAAU,EAAgB,MAAM,QAAQ,CAAC;AAyBvD,qBAAa,kBAAmB,SAAQ,0BAA0B;IAChE,MAAM,CAAC,IAAI,EAAE,kBAAkB,GAAG,UAAU,GAAG,MAAM,EAAE;IAMvD,KAAK,CAAC,IAAI,EAAE,kBAAkB,GAAG,UAAU,EAAE,OAAO,CAAC,EAAE,WAAW,GAAG,MAAM;IAoB3E,OAAO,CAAC,qBAAqB;IAQ7B,OAAO,CAAC,iBAAiB;IA+BzB;;;;;OAKG;IACH,OAAO,CAAC,gBAAgB;IAmDxB,OAAO,CAAC,mBAAmB;IAoC3B,OAAO,CAAC,mBAAmB;IAiE3B,OAAO,CAAC,iBAAiB;IA8CzB;;;;OAIG;IACH,YAAY,CAAC,IAAI,EAAE,kBAAkB,GAAG,UAAU,EAAE,UAAU,CAAC,EAAE,OAAO;IASxE;;;;;OAKG;IACH,gBAAgB,CACd,IAAI,EAAE,kBAAkB,GAAG,UAAU,EACrC,KAAK,EAAE,oBAAoB,EAC3B,aAAa,CAAC,EAAE,OAAO;IAyDzB;;;;OAIG;IACH,oBAAoB,CAClB,IAAI,EAAE,kBAAkB,GAAG,UAAU,EACrC,KAAK,EAAE,oBAAoB;CAc9B"}

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

@@ -1,3 +0,0 @@
-import{config as e}from"../../config.min.mjs";import{FILL as t,STROKE as n}from"../../constants.min.mjs";import{Point as r}from"../../Point.min.mjs";import{radiansToDegrees as i}from"../../util/misc/radiansDegreesConversion.min.mjs";import{createRotateMatrix as a}from"../../util/misc/matrix.min.mjs";import{toFixed as o}from"../../util/misc/toFixed.min.mjs";import{matrixToSVG as s}from"../../util/misc/svgExport.min.mjs";import{escapeXml as c}from"../../util/lang_string.min.mjs";import{getSafeSvgStyleNumber as l,getSafeSvgStyleToken as u,isSafeSvgStyleValue as d}from"../../util/internals/svgExportCheck.min.mjs";import{colorPropToSVG as f,createSVGRect as p}from"../../util/misc/svgParsing.min.mjs";import{FabricObjectSVGExportMixin as m}from"../Object/FabricObjectSVGExportMixin.min.mjs";import{JUSTIFY as h,TEXT_DECORATION_COLOR as g}from"./constants.min.mjs";import{hasStyleChanged as _}from"../../util/misc/textStyles.min.mjs";const v=/  +/g,y=/"/g;function b(e,t,n,r,i){return`\t\t${p(e,{left:t,top:n,width:r,height:i})}\n`}var x=class extends m{_toSVG(){let e=this._getSVGLeftTopOffsets(),t=this._getSVGTextAndBg(e.textTop,e.textLeft);return this._wrapSVGTextAndBg(t)}toSVG(e){let t=this._createBaseSVGMarkup(this._toSVG(),{reviver:e,noStyle:!0,withShadow:!0}),n=this.path;return n?t+n._createBaseSVGMarkup(n._toSVG(),{reviver:e,withShadow:!0,additionalTransform:s(this.calcOwnMatrix())}):t}_getSVGLeftTopOffsets(){return{textLeft:-this.width/2,textTop:-this.height/2,lineTop:this.getHeightOfLine(0)}}_wrapSVGTextAndBg({textBgRects:e,textSpans:t}){let n=this.getSvgTextDecoration(this);return[e.join(``),`		<text xml:space="preserve" `,`font-family="${c(this.fontFamily.replace(y,`'`))}" `,`font-size="${c(this.fontSize)}" `,this.fontStyle?`font-style="${c(this.fontStyle)}" `:``,this.fontWeight?`font-weight="${c(this.fontWeight)}" `:``,n?`text-decoration="${n}" `:``,this.direction===`rtl`?`direction="rtl" `:``,`style="`,this.getSvgStyles(!0),`"`,this.addPaintOrder(),` >`,t.join(``),`</text>
-`]}_getSVGTextAndBg(e,t){let n=[],r=[],i,a=e;this.backgroundColor&&r.push(b(this.backgroundColor,-this.width/2,-this.height/2,this.width,this.height));for(let e=0,o=this._textLines.length;e<o;e++)i=this._getLineLeftOffset(e),this.direction===`rtl`&&(i+=this.width),(this.textBackgroundColor||this.styleHas(`textBackgroundColor`,e))&&this._setSVGTextLineBg(r,e,t+i,a),this._setSVGTextLineText(n,e,t+i,a),a+=this.getHeightOfLine(e);return{textSpans:n,textBgRects:r}}_createTextCharSpan(t,n,s,l,u){let d=e.NUM_FRACTION_DIGITS,f=this.getSvgSpanStyles(n,t!==t.trim()||!!t.match(v)),p=f?`style="${f}"`:``,m=n.deltaY,h=m?` dy="${o(m,d)}" `:``,{angle:g,renderLeft:_,renderTop:y,width:b}=u,x=``;if(_!==void 0){let e=b/2;g&&(x=` rotate="${o(i(g),d)}"`);let t=a({angle:i(g)});t[4]=_,t[5]=y;let n=new r(-e,0).transform(t);s=n.x,l=n.y}return`<tspan x="${o(s,d)}" y="${o(l,d)}" ${h}${x}${p}>${c(t)}</tspan>`}_setSVGTextLineText(e,t,n,r){let i=this.getHeightOfLine(t),a=this.textAlign.includes(h),o=this._textLines[t],s,c,l,u,d,f=``,p=0;r+=i*(1-this._fontSizeFraction)/this.lineHeight;for(let i=0,m=o.length-1;i<=m;i++)d=i===m||this.charSpacing||this.path,f+=o[i],l=this.__charBounds[t][i],p===0?(n+=l.kernedWidth-l.width,p+=l.width):p+=l.kernedWidth,a&&!d&&this._reSpaceAndTab.test(o[i])&&(d=!0),d||(s=s||this.getCompleteStyleDeclaration(t,i),c=this.getCompleteStyleDeclaration(t,i+1),d=_(s,c,!0)),d&&(u=this._getStyleDeclaration(t,i),e.push(this._createTextCharSpan(f,u,n,r,l)),f=``,s=c,this.direction===`rtl`?n-=p:n+=p,p=0)}_setSVGTextLineBg(e,t,n,r){let i=this._textLines[t],a=this.getHeightOfLine(t)/this.lineHeight,o,s=0,c=0,l=this.getValueOfPropertyAt(t,0,`textBackgroundColor`);for(let u=0;u<i.length;u++){let{left:i,width:d,kernedWidth:f}=this.__charBounds[t][u];o=this.getValueOfPropertyAt(t,u,`textBackgroundColor`),o===l?s+=f:(l&&e.push(b(l,n+c,r,s,a)),c=i,s=d,l=o)}o&&e.push(b(l,n+c,r,s,a))}getSvgStyles(t){let n=d(this.textDecorationColor)?` text-decoration-color: ${c(this[g])};`:``;return`${super.getSvgStyles(t)} text-decoration-thickness: ${o(this.textDecorationThickness*this.getObjectScaling().y/10,e.NUM_FRACTION_DIGITS)}%;${n} white-space: pre;`}getSvgSpanStyles(r,i){let{fontFamily:a,strokeWidth:s,stroke:d,fill:p,fontSize:m,fontStyle:h,fontWeight:g,textDecorationThickness:_,textDecorationColor:v,linethrough:y,overline:b,underline:x}=r,S=this.getSvgTextDecoration({underline:x==null?this.underline:x,overline:b==null?this.overline:b,linethrough:y==null?this.linethrough:y}),C=_||this.textDecorationThickness,w=v||this.textDecorationColor,T=l(s),E=u(a),D=l(m),O=u(h),k=l(g)||u(g),A=u(w);return[d?f(n,d):``,T?`stroke-width: ${c(T)}; `:``,E?`font-family: ${E.includes(`'`)||E.includes(`"`)?c(E):`'${c(E)}'`}; `:``,D?`font-size: ${c(D)}px; `:``,O?`font-style: ${c(O)}; `:``,k?`font-weight: ${c(k)}; `:``,S?`text-decoration: ${S}; text-decoration-thickness: ${o(C*this.getObjectScaling().y/10,e.NUM_FRACTION_DIGITS)}%;${A?` text-decoration-color: ${c(A)};`:``} `:``,p?f(t,p):``,i?`white-space: pre; `:``].join(``)}getSvgTextDecoration(e){return[`overline`,`underline`,`line-through`].filter(t=>e[t.replace(`-`,``)]).join(` `)}};export{x as TextSVGExportMixin};
-//# sourceMappingURL=TextSVGExportMixin.min.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TextSVGExportMixin.min.mjs","names":[],"sources":["../../../../src/shapes/Text/TextSVGExportMixin.ts"],"sourcesContent":["import { config } from '../../config';\nimport type { TSVGReviver } from '../../typedefs';\nimport { escapeXml } from '../../util/lang_string';\nimport { colorPropToSVG, createSVGRect } from '../../util/misc/svgParsing';\nimport { hasStyleChanged } from '../../util/misc/textStyles';\nimport { toFixed } from '../../util/misc/toFixed';\nimport { FabricObjectSVGExportMixin } from '../Object/FabricObjectSVGExportMixin';\nimport { type TextStyleDeclaration } from './StyledText';\nimport {\n  JUSTIFY,\n  TEXT_DECORATION_COLOR,\n  TEXT_DECORATION_THICKNESS,\n} from '../Text/constants';\nimport type { FabricText, GraphemeBBox } from './Text';\nimport { STROKE, FILL } from '../../constants';\nimport { createRotateMatrix } from '../../util/misc/matrix';\nimport { radiansToDegrees } from '../../util/misc/radiansDegreesConversion';\nimport { Point } from '../../Point';\nimport {\n  getSafeSvgStyleNumber,\n  getSafeSvgStyleToken,\n  isSafeSvgStyleValue,\n} from '../../util/internals/svgExportCheck';\nimport { matrixToSVG } from '../../util/misc/svgExport';\n\nconst multipleSpacesRegex = /  +/g;\nconst dblQuoteRegex = /\"/g;\n\nfunction createSVGInlineRect(\n  color: string,\n  left: number,\n  top: number,\n  width: number,\n  height: number,\n) {\n  return `\\t\\t${createSVGRect(color, { left, top, width, height })}\\n`;\n}\n\nexport class TextSVGExportMixin extends FabricObjectSVGExportMixin {\n  _toSVG(this: TextSVGExportMixin & FabricText): string[] {\n    const offsets = this._getSVGLeftTopOffsets(),\n      textAndBg = this._getSVGTextAndBg(offsets.textTop, offsets.textLeft);\n    return this._wrapSVGTextAndBg(textAndBg);\n  }\n\n  toSVG(this: TextSVGExportMixin & FabricText, reviver?: TSVGReviver): string {\n    const textSvg = this._createBaseSVGMarkup(this._toSVG(), {\n        reviver,\n        noStyle: true,\n        withShadow: true,\n      }),\n      path = this.path;\n    if (path) {\n      return (\n        textSvg +\n        path._createBaseSVGMarkup(path._toSVG(), {\n          reviver,\n          withShadow: true,\n          additionalTransform: matrixToSVG(this.calcOwnMatrix()),\n        })\n      );\n    }\n    return textSvg;\n  }\n\n  private _getSVGLeftTopOffsets(this: TextSVGExportMixin & FabricText) {\n    return {\n      textLeft: -this.width / 2,\n      textTop: -this.height / 2,\n      lineTop: this.getHeightOfLine(0),\n    };\n  }\n\n  private _wrapSVGTextAndBg(\n    this: TextSVGExportMixin & FabricText,\n    {\n      textBgRects,\n      textSpans,\n    }: {\n      textSpans: string[];\n      textBgRects: string[];\n    },\n  ) {\n    const noShadow = true,\n      textDecoration = this.getSvgTextDecoration(this);\n    return [\n      textBgRects.join(''),\n      '\\t\\t<text xml:space=\"preserve\" ',\n      `font-family=\"${escapeXml(this.fontFamily.replace(dblQuoteRegex, \"'\"))}\" `,\n      `font-size=\"${escapeXml(this.fontSize)}\" `,\n      this.fontStyle ? `font-style=\"${escapeXml(this.fontStyle)}\" ` : '',\n      this.fontWeight ? `font-weight=\"${escapeXml(this.fontWeight)}\" ` : '',\n      textDecoration ? `text-decoration=\"${textDecoration}\" ` : '',\n      this.direction === 'rtl' ? `direction=\"rtl\" ` : '',\n      'style=\"',\n      this.getSvgStyles(noShadow),\n      '\"',\n      this.addPaintOrder(),\n      ' >',\n      textSpans.join(''),\n      '</text>\\n',\n    ];\n  }\n\n  /**\n   * @private\n   * @param {Number} textTopOffset Text top offset\n   * @param {Number} textLeftOffset Text left offset\n   * @return {Object}\n   */\n  private _getSVGTextAndBg(\n    this: TextSVGExportMixin & FabricText,\n    textTopOffset: number,\n    textLeftOffset: number,\n  ) {\n    const textSpans: string[] = [],\n      textBgRects: string[] = [];\n    let height = textTopOffset,\n      lineOffset;\n\n    // bounding-box background\n    this.backgroundColor &&\n      textBgRects.push(\n        createSVGInlineRect(\n          this.backgroundColor,\n          -this.width / 2,\n          -this.height / 2,\n          this.width,\n          this.height,\n        ),\n      );\n\n    // text and text-background\n    for (let i = 0, len = this._textLines.length; i < len; i++) {\n      lineOffset = this._getLineLeftOffset(i);\n      if (this.direction === 'rtl') {\n        lineOffset += this.width;\n      }\n      if (this.textBackgroundColor || this.styleHas('textBackgroundColor', i)) {\n        this._setSVGTextLineBg(\n          textBgRects,\n          i,\n          textLeftOffset + lineOffset,\n          height,\n        );\n      }\n      this._setSVGTextLineText(\n        textSpans,\n        i,\n        textLeftOffset + lineOffset,\n        height,\n      );\n      height += this.getHeightOfLine(i);\n    }\n\n    return {\n      textSpans,\n      textBgRects,\n    };\n  }\n\n  private _createTextCharSpan(\n    this: TextSVGExportMixin & FabricText,\n    char: string,\n    styleDecl: TextStyleDeclaration,\n    left: number,\n    top: number,\n    charBox: GraphemeBBox,\n  ) {\n    const numFractionDigit = config.NUM_FRACTION_DIGITS;\n    const styleProps = this.getSvgSpanStyles(\n        styleDecl,\n        char !== char.trim() || !!char.match(multipleSpacesRegex),\n      ),\n      fillStyles = styleProps ? `style=\"${styleProps}\"` : '',\n      dy = styleDecl.deltaY,\n      dySpan = dy ? ` dy=\"${toFixed(dy, numFractionDigit)}\" ` : '',\n      { angle, renderLeft, renderTop, width } = charBox;\n    let angleAttr = '';\n    if (renderLeft !== undefined) {\n      const wBy2 = width / 2;\n      angle &&\n        (angleAttr = ` rotate=\"${toFixed(radiansToDegrees(angle), numFractionDigit)}\"`);\n      const m = createRotateMatrix({ angle: radiansToDegrees(angle!) });\n      m[4] = renderLeft!;\n      m[5] = renderTop!;\n      const renderPoint = new Point(-wBy2, 0).transform(m);\n      left = renderPoint.x;\n      top = renderPoint.y;\n    }\n\n    return `<tspan x=\"${toFixed(left, numFractionDigit)}\" y=\"${toFixed(\n      top,\n      numFractionDigit,\n    )}\" ${dySpan}${angleAttr}${fillStyles}>${escapeXml(char)}</tspan>`;\n  }\n\n  private _setSVGTextLineText(\n    this: TextSVGExportMixin & FabricText,\n    textSpans: string[],\n    lineIndex: number,\n    textLeftOffset: number,\n    textTopOffset: number,\n  ) {\n    const lineHeight = this.getHeightOfLine(lineIndex),\n      isJustify = this.textAlign.includes(JUSTIFY),\n      line = this._textLines[lineIndex];\n    let actualStyle,\n      nextStyle,\n      charsToRender = '',\n      charBox,\n      style,\n      boxWidth = 0,\n      timeToRender;\n\n    textTopOffset +=\n      (lineHeight * (1 - this._fontSizeFraction)) / this.lineHeight;\n    for (let i = 0, len = line.length - 1; i <= len; i++) {\n      timeToRender = i === len || this.charSpacing || this.path;\n      charsToRender += line[i];\n      charBox = this.__charBounds[lineIndex][i];\n      if (boxWidth === 0) {\n        textLeftOffset += charBox.kernedWidth - charBox.width;\n        boxWidth += charBox.width;\n      } else {\n        boxWidth += charBox.kernedWidth;\n      }\n      if (isJustify && !timeToRender) {\n        if (this._reSpaceAndTab.test(line[i])) {\n          timeToRender = true;\n        }\n      }\n      if (!timeToRender) {\n        // if we have charSpacing or a path, we render char by char\n        actualStyle =\n          actualStyle || this.getCompleteStyleDeclaration(lineIndex, i);\n        nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1);\n        timeToRender = hasStyleChanged(actualStyle, nextStyle, true);\n      }\n      if (timeToRender) {\n        style = this._getStyleDeclaration(lineIndex, i);\n        textSpans.push(\n          this._createTextCharSpan(\n            charsToRender,\n            style,\n            textLeftOffset,\n            textTopOffset,\n            charBox,\n          ),\n        );\n        charsToRender = '';\n        actualStyle = nextStyle;\n        if (this.direction === 'rtl') {\n          textLeftOffset -= boxWidth;\n        } else {\n          textLeftOffset += boxWidth;\n        }\n        boxWidth = 0;\n      }\n    }\n  }\n\n  private _setSVGTextLineBg(\n    this: TextSVGExportMixin & FabricText,\n    textBgRects: (string | number)[],\n    i: number,\n    leftOffset: number,\n    textTopOffset: number,\n  ) {\n    const line = this._textLines[i],\n      heightOfLine = this.getHeightOfLine(i) / this.lineHeight;\n    let boxWidth = 0,\n      boxStart = 0,\n      currentColor,\n      lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor');\n    for (let j = 0; j < line.length; j++) {\n      const { left, width, kernedWidth } = this.__charBounds[i][j];\n      currentColor = this.getValueOfPropertyAt(i, j, 'textBackgroundColor');\n      if (currentColor !== lastColor) {\n        lastColor &&\n          textBgRects.push(\n            createSVGInlineRect(\n              lastColor,\n              leftOffset + boxStart,\n              textTopOffset,\n              boxWidth,\n              heightOfLine,\n            ),\n          );\n        boxStart = left;\n        boxWidth = width;\n        lastColor = currentColor;\n      } else {\n        boxWidth += kernedWidth;\n      }\n    }\n    currentColor &&\n      textBgRects.push(\n        createSVGInlineRect(\n          lastColor,\n          leftOffset + boxStart,\n          textTopOffset,\n          boxWidth,\n          heightOfLine,\n        ),\n      );\n  }\n\n  /**\n   * Returns styles-string for svg-export\n   * @param {Boolean} skipShadow a boolean to skip shadow filter output\n   * @return {String}\n   */\n  getSvgStyles(this: TextSVGExportMixin & FabricText, skipShadow?: boolean) {\n    const objectLevelTextDecorationColor = isSafeSvgStyleValue(\n      this[TEXT_DECORATION_COLOR],\n    )\n      ? ` text-decoration-color: ${escapeXml(this[TEXT_DECORATION_COLOR])};`\n      : '';\n    return `${super.getSvgStyles(skipShadow)} text-decoration-thickness: ${toFixed((this.textDecorationThickness * this.getObjectScaling().y) / 10, config.NUM_FRACTION_DIGITS)}%;${objectLevelTextDecorationColor} white-space: pre;`;\n  }\n\n  /**\n   * Returns styles-string for svg-export\n   * @param {Object} style the object from which to retrieve style properties\n   * @param {Boolean} useWhiteSpace a boolean to include an additional attribute in the style.\n   * @return {String}\n   */\n  getSvgSpanStyles(\n    this: TextSVGExportMixin & FabricText,\n    style: TextStyleDeclaration,\n    useWhiteSpace?: boolean,\n  ) {\n    const {\n      fontFamily,\n      strokeWidth,\n      stroke,\n      fill,\n      fontSize,\n      fontStyle,\n      fontWeight,\n      textDecorationThickness,\n      textDecorationColor,\n      linethrough,\n      overline,\n      underline,\n    } = style;\n\n    const textDecoration = this.getSvgTextDecoration({\n      underline: underline ?? this.underline,\n      overline: overline ?? this.overline,\n      linethrough: linethrough ?? this.linethrough,\n    });\n    const thickness =\n      textDecorationThickness || this[TEXT_DECORATION_THICKNESS];\n    const decorationColor = textDecorationColor || this[TEXT_DECORATION_COLOR];\n    const safeStrokeWidth = getSafeSvgStyleNumber(strokeWidth);\n    const safeFontFamily = getSafeSvgStyleToken(fontFamily);\n    const safeFontSize = getSafeSvgStyleNumber(fontSize);\n    const safeFontStyle = getSafeSvgStyleToken(fontStyle);\n    const safeFontWeight =\n      getSafeSvgStyleNumber(fontWeight) || getSafeSvgStyleToken(fontWeight);\n    const safeDecorationColor = getSafeSvgStyleToken(decorationColor);\n    return [\n      stroke ? colorPropToSVG(STROKE, stroke) : '',\n      safeStrokeWidth ? `stroke-width: ${escapeXml(safeStrokeWidth)}; ` : '',\n      safeFontFamily\n        ? `font-family: ${\n            !safeFontFamily.includes(\"'\") && !safeFontFamily.includes('\"')\n              ? `'${escapeXml(safeFontFamily)}'`\n              : escapeXml(safeFontFamily)\n          }; `\n        : '',\n      safeFontSize ? `font-size: ${escapeXml(safeFontSize)}px; ` : '',\n      safeFontStyle ? `font-style: ${escapeXml(safeFontStyle)}; ` : '',\n      safeFontWeight ? `font-weight: ${escapeXml(safeFontWeight)}; ` : '',\n      textDecoration\n        ? `text-decoration: ${textDecoration}; text-decoration-thickness: ${toFixed((thickness * this.getObjectScaling().y) / 10, config.NUM_FRACTION_DIGITS)}%;${\n            safeDecorationColor\n              ? ` text-decoration-color: ${escapeXml(safeDecorationColor)};`\n              : ''\n          } `\n        : '',\n      fill ? colorPropToSVG(FILL, fill) : '',\n      useWhiteSpace ? 'white-space: pre; ' : '',\n    ].join('');\n  }\n\n  /**\n   * Returns text-decoration property for svg-export\n   * @param {Object} style the object from which to retrieve style properties\n   * @return {String}\n   */\n  getSvgTextDecoration(\n    this: TextSVGExportMixin & FabricText,\n    style: TextStyleDeclaration,\n  ) {\n    return (['overline', 'underline', 'line-through'] as const)\n      .filter(\n        (decoration) =>\n          style[\n            decoration.replace('-', '') as\n              | 'overline'\n              | 'underline'\n              | 'linethrough'\n          ],\n      )\n      .join(' ');\n  }\n}\n"],"mappings":"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"}

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

@@ -1,212 +0,0 @@
-import { config } from "../../config.mjs";
-import { FILL, STROKE } from "../../constants.mjs";
-import { Point } from "../../Point.mjs";
-import { radiansToDegrees } from "../../util/misc/radiansDegreesConversion.mjs";
-import { createRotateMatrix } from "../../util/misc/matrix.mjs";
-import { toFixed } from "../../util/misc/toFixed.mjs";
-import { matrixToSVG } from "../../util/misc/svgExport.mjs";
-import { escapeXml } from "../../util/lang_string.mjs";
-import { getSafeSvgStyleNumber, getSafeSvgStyleToken, isSafeSvgStyleValue } from "../../util/internals/svgExportCheck.mjs";
-import { colorPropToSVG, createSVGRect } from "../../util/misc/svgParsing.mjs";
-import { FabricObjectSVGExportMixin } from "../Object/FabricObjectSVGExportMixin.mjs";
-import { JUSTIFY, TEXT_DECORATION_COLOR } from "./constants.mjs";
-import { hasStyleChanged } from "../../util/misc/textStyles.mjs";
-//#region src/shapes/Text/TextSVGExportMixin.ts
-const multipleSpacesRegex = /  +/g;
-const dblQuoteRegex = /"/g;
-function createSVGInlineRect(color, left, top, width, height) {
-	return `\t\t${createSVGRect(color, {
-		left,
-		top,
-		width,
-		height
-	})}\n`;
-}
-var TextSVGExportMixin = class extends FabricObjectSVGExportMixin {
-	_toSVG() {
-		const offsets = this._getSVGLeftTopOffsets(), textAndBg = this._getSVGTextAndBg(offsets.textTop, offsets.textLeft);
-		return this._wrapSVGTextAndBg(textAndBg);
-	}
-	toSVG(reviver) {
-		const textSvg = this._createBaseSVGMarkup(this._toSVG(), {
-			reviver,
-			noStyle: true,
-			withShadow: true
-		}), path = this.path;
-		if (path) return textSvg + path._createBaseSVGMarkup(path._toSVG(), {
-			reviver,
-			withShadow: true,
-			additionalTransform: matrixToSVG(this.calcOwnMatrix())
-		});
-		return textSvg;
-	}
-	_getSVGLeftTopOffsets() {
-		return {
-			textLeft: -this.width / 2,
-			textTop: -this.height / 2,
-			lineTop: this.getHeightOfLine(0)
-		};
-	}
-	_wrapSVGTextAndBg({ textBgRects, textSpans }) {
-		const noShadow = true, textDecoration = this.getSvgTextDecoration(this);
-		return [
-			textBgRects.join(""),
-			"		<text xml:space=\"preserve\" ",
-			`font-family="${escapeXml(this.fontFamily.replace(dblQuoteRegex, "'"))}" `,
-			`font-size="${escapeXml(this.fontSize)}" `,
-			this.fontStyle ? `font-style="${escapeXml(this.fontStyle)}" ` : "",
-			this.fontWeight ? `font-weight="${escapeXml(this.fontWeight)}" ` : "",
-			textDecoration ? `text-decoration="${textDecoration}" ` : "",
-			this.direction === "rtl" ? `direction="rtl" ` : "",
-			"style=\"",
-			this.getSvgStyles(noShadow),
-			"\"",
-			this.addPaintOrder(),
-			" >",
-			textSpans.join(""),
-			"</text>\n"
-		];
-	}
-	/**
-	* @private
-	* @param {Number} textTopOffset Text top offset
-	* @param {Number} textLeftOffset Text left offset
-	* @return {Object}
-	*/
-	_getSVGTextAndBg(textTopOffset, textLeftOffset) {
-		const textSpans = [], textBgRects = [];
-		let height = textTopOffset, lineOffset;
-		this.backgroundColor && textBgRects.push(createSVGInlineRect(this.backgroundColor, -this.width / 2, -this.height / 2, this.width, this.height));
-		for (let i = 0, len = this._textLines.length; i < len; i++) {
-			lineOffset = this._getLineLeftOffset(i);
-			if (this.direction === "rtl") lineOffset += this.width;
-			if (this.textBackgroundColor || this.styleHas("textBackgroundColor", i)) this._setSVGTextLineBg(textBgRects, i, textLeftOffset + lineOffset, height);
-			this._setSVGTextLineText(textSpans, i, textLeftOffset + lineOffset, height);
-			height += this.getHeightOfLine(i);
-		}
-		return {
-			textSpans,
-			textBgRects
-		};
-	}
-	_createTextCharSpan(char, styleDecl, left, top, charBox) {
-		const numFractionDigit = config.NUM_FRACTION_DIGITS;
-		const styleProps = this.getSvgSpanStyles(styleDecl, char !== char.trim() || !!char.match(multipleSpacesRegex)), fillStyles = styleProps ? `style="${styleProps}"` : "", dy = styleDecl.deltaY, dySpan = dy ? ` dy="${toFixed(dy, numFractionDigit)}" ` : "", { angle, renderLeft, renderTop, width } = charBox;
-		let angleAttr = "";
-		if (renderLeft !== void 0) {
-			const wBy2 = width / 2;
-			angle && (angleAttr = ` rotate="${toFixed(radiansToDegrees(angle), numFractionDigit)}"`);
-			const m = createRotateMatrix({ angle: radiansToDegrees(angle) });
-			m[4] = renderLeft;
-			m[5] = renderTop;
-			const renderPoint = new Point(-wBy2, 0).transform(m);
-			left = renderPoint.x;
-			top = renderPoint.y;
-		}
-		return `<tspan x="${toFixed(left, numFractionDigit)}" y="${toFixed(top, numFractionDigit)}" ${dySpan}${angleAttr}${fillStyles}>${escapeXml(char)}</tspan>`;
-	}
-	_setSVGTextLineText(textSpans, lineIndex, textLeftOffset, textTopOffset) {
-		const lineHeight = this.getHeightOfLine(lineIndex), isJustify = this.textAlign.includes(JUSTIFY), line = this._textLines[lineIndex];
-		let actualStyle, nextStyle, charsToRender = "", charBox, style, boxWidth = 0, timeToRender;
-		textTopOffset += lineHeight * (1 - this._fontSizeFraction) / this.lineHeight;
-		for (let i = 0, len = line.length - 1; i <= len; i++) {
-			timeToRender = i === len || this.charSpacing || this.path;
-			charsToRender += line[i];
-			charBox = this.__charBounds[lineIndex][i];
-			if (boxWidth === 0) {
-				textLeftOffset += charBox.kernedWidth - charBox.width;
-				boxWidth += charBox.width;
-			} else boxWidth += charBox.kernedWidth;
-			if (isJustify && !timeToRender) {
-				if (this._reSpaceAndTab.test(line[i])) timeToRender = true;
-			}
-			if (!timeToRender) {
-				actualStyle = actualStyle || this.getCompleteStyleDeclaration(lineIndex, i);
-				nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1);
-				timeToRender = hasStyleChanged(actualStyle, nextStyle, true);
-			}
-			if (timeToRender) {
-				style = this._getStyleDeclaration(lineIndex, i);
-				textSpans.push(this._createTextCharSpan(charsToRender, style, textLeftOffset, textTopOffset, charBox));
-				charsToRender = "";
-				actualStyle = nextStyle;
-				if (this.direction === "rtl") textLeftOffset -= boxWidth;
-				else textLeftOffset += boxWidth;
-				boxWidth = 0;
-			}
-		}
-	}
-	_setSVGTextLineBg(textBgRects, i, leftOffset, textTopOffset) {
-		const line = this._textLines[i], heightOfLine = this.getHeightOfLine(i) / this.lineHeight;
-		let boxWidth = 0, boxStart = 0, currentColor, lastColor = this.getValueOfPropertyAt(i, 0, "textBackgroundColor");
-		for (let j = 0; j < line.length; j++) {
-			const { left, width, kernedWidth } = this.__charBounds[i][j];
-			currentColor = this.getValueOfPropertyAt(i, j, "textBackgroundColor");
-			if (currentColor !== lastColor) {
-				lastColor && textBgRects.push(createSVGInlineRect(lastColor, leftOffset + boxStart, textTopOffset, boxWidth, heightOfLine));
-				boxStart = left;
-				boxWidth = width;
-				lastColor = currentColor;
-			} else boxWidth += kernedWidth;
-		}
-		currentColor && textBgRects.push(createSVGInlineRect(lastColor, leftOffset + boxStart, textTopOffset, boxWidth, heightOfLine));
-	}
-	/**
-	* Returns styles-string for svg-export
-	* @param {Boolean} skipShadow a boolean to skip shadow filter output
-	* @return {String}
-	*/
-	getSvgStyles(skipShadow) {
-		const objectLevelTextDecorationColor = isSafeSvgStyleValue(this["textDecorationColor"]) ? ` text-decoration-color: ${escapeXml(this[TEXT_DECORATION_COLOR])};` : "";
-		return `${super.getSvgStyles(skipShadow)} text-decoration-thickness: ${toFixed(this.textDecorationThickness * this.getObjectScaling().y / 10, config.NUM_FRACTION_DIGITS)}%;${objectLevelTextDecorationColor} white-space: pre;`;
-	}
-	/**
-	* Returns styles-string for svg-export
-	* @param {Object} style the object from which to retrieve style properties
-	* @param {Boolean} useWhiteSpace a boolean to include an additional attribute in the style.
-	* @return {String}
-	*/
-	getSvgSpanStyles(style, useWhiteSpace) {
-		const { fontFamily, strokeWidth, stroke, fill, fontSize, fontStyle, fontWeight, textDecorationThickness, textDecorationColor, linethrough, overline, underline } = style;
-		const textDecoration = this.getSvgTextDecoration({
-			underline: underline !== null && underline !== void 0 ? underline : this.underline,
-			overline: overline !== null && overline !== void 0 ? overline : this.overline,
-			linethrough: linethrough !== null && linethrough !== void 0 ? linethrough : this.linethrough
-		});
-		const thickness = textDecorationThickness || this["textDecorationThickness"];
-		const decorationColor = textDecorationColor || this["textDecorationColor"];
-		const safeStrokeWidth = getSafeSvgStyleNumber(strokeWidth);
-		const safeFontFamily = getSafeSvgStyleToken(fontFamily);
-		const safeFontSize = getSafeSvgStyleNumber(fontSize);
-		const safeFontStyle = getSafeSvgStyleToken(fontStyle);
-		const safeFontWeight = getSafeSvgStyleNumber(fontWeight) || getSafeSvgStyleToken(fontWeight);
-		const safeDecorationColor = getSafeSvgStyleToken(decorationColor);
-		return [
-			stroke ? colorPropToSVG(STROKE, stroke) : "",
-			safeStrokeWidth ? `stroke-width: ${escapeXml(safeStrokeWidth)}; ` : "",
-			safeFontFamily ? `font-family: ${!safeFontFamily.includes("'") && !safeFontFamily.includes("\"") ? `'${escapeXml(safeFontFamily)}'` : escapeXml(safeFontFamily)}; ` : "",
-			safeFontSize ? `font-size: ${escapeXml(safeFontSize)}px; ` : "",
-			safeFontStyle ? `font-style: ${escapeXml(safeFontStyle)}; ` : "",
-			safeFontWeight ? `font-weight: ${escapeXml(safeFontWeight)}; ` : "",
-			textDecoration ? `text-decoration: ${textDecoration}; text-decoration-thickness: ${toFixed(thickness * this.getObjectScaling().y / 10, config.NUM_FRACTION_DIGITS)}%;${safeDecorationColor ? ` text-decoration-color: ${escapeXml(safeDecorationColor)};` : ""} ` : "",
-			fill ? colorPropToSVG(FILL, fill) : "",
-			useWhiteSpace ? "white-space: pre; " : ""
-		].join("");
-	}
-	/**
-	* Returns text-decoration property for svg-export
-	* @param {Object} style the object from which to retrieve style properties
-	* @return {String}
-	*/
-	getSvgTextDecoration(style) {
-		return [
-			"overline",
-			"underline",
-			"line-through"
-		].filter((decoration) => style[decoration.replace("-", "")]).join(" ");
-	}
-};
-//#endregion
-export { TextSVGExportMixin };
-
-//# sourceMappingURL=TextSVGExportMixin.mjs.map

package/dist/src/shapes/Text/TextSVGExportMixin.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextSVGExportMixin.mjs","names":[],"sources":["../../../../src/shapes/Text/TextSVGExportMixin.ts"],"sourcesContent":["import { config } from '../../config';\nimport type { TSVGReviver } from '../../typedefs';\nimport { escapeXml } from '../../util/lang_string';\nimport { colorPropToSVG, createSVGRect } from '../../util/misc/svgParsing';\nimport { hasStyleChanged } from '../../util/misc/textStyles';\nimport { toFixed } from '../../util/misc/toFixed';\nimport { FabricObjectSVGExportMixin } from '../Object/FabricObjectSVGExportMixin';\nimport { type TextStyleDeclaration } from './StyledText';\nimport {\n  JUSTIFY,\n  TEXT_DECORATION_COLOR,\n  TEXT_DECORATION_THICKNESS,\n} from '../Text/constants';\nimport type { FabricText, GraphemeBBox } from './Text';\nimport { STROKE, FILL } from '../../constants';\nimport { createRotateMatrix } from '../../util/misc/matrix';\nimport { radiansToDegrees } from '../../util/misc/radiansDegreesConversion';\nimport { Point } from '../../Point';\nimport {\n  getSafeSvgStyleNumber,\n  getSafeSvgStyleToken,\n  isSafeSvgStyleValue,\n} from '../../util/internals/svgExportCheck';\nimport { matrixToSVG } from '../../util/misc/svgExport';\n\nconst multipleSpacesRegex = /  +/g;\nconst dblQuoteRegex = /\"/g;\n\nfunction createSVGInlineRect(\n  color: string,\n  left: number,\n  top: number,\n  width: number,\n  height: number,\n) {\n  return `\\t\\t${createSVGRect(color, { left, top, width, height })}\\n`;\n}\n\nexport class TextSVGExportMixin extends FabricObjectSVGExportMixin {\n  _toSVG(this: TextSVGExportMixin & FabricText): string[] {\n    const offsets = this._getSVGLeftTopOffsets(),\n      textAndBg = this._getSVGTextAndBg(offsets.textTop, offsets.textLeft);\n    return this._wrapSVGTextAndBg(textAndBg);\n  }\n\n  toSVG(this: TextSVGExportMixin & FabricText, reviver?: TSVGReviver): string {\n    const textSvg = this._createBaseSVGMarkup(this._toSVG(), {\n        reviver,\n        noStyle: true,\n        withShadow: true,\n      }),\n      path = this.path;\n    if (path) {\n      return (\n        textSvg +\n        path._createBaseSVGMarkup(path._toSVG(), {\n          reviver,\n          withShadow: true,\n          additionalTransform: matrixToSVG(this.calcOwnMatrix()),\n        })\n      );\n    }\n    return textSvg;\n  }\n\n  private _getSVGLeftTopOffsets(this: TextSVGExportMixin & FabricText) {\n    return {\n      textLeft: -this.width / 2,\n      textTop: -this.height / 2,\n      lineTop: this.getHeightOfLine(0),\n    };\n  }\n\n  private _wrapSVGTextAndBg(\n    this: TextSVGExportMixin & FabricText,\n    {\n      textBgRects,\n      textSpans,\n    }: {\n      textSpans: string[];\n      textBgRects: string[];\n    },\n  ) {\n    const noShadow = true,\n      textDecoration = this.getSvgTextDecoration(this);\n    return [\n      textBgRects.join(''),\n      '\\t\\t<text xml:space=\"preserve\" ',\n      `font-family=\"${escapeXml(this.fontFamily.replace(dblQuoteRegex, \"'\"))}\" `,\n      `font-size=\"${escapeXml(this.fontSize)}\" `,\n      this.fontStyle ? `font-style=\"${escapeXml(this.fontStyle)}\" ` : '',\n      this.fontWeight ? `font-weight=\"${escapeXml(this.fontWeight)}\" ` : '',\n      textDecoration ? `text-decoration=\"${textDecoration}\" ` : '',\n      this.direction === 'rtl' ? `direction=\"rtl\" ` : '',\n      'style=\"',\n      this.getSvgStyles(noShadow),\n      '\"',\n      this.addPaintOrder(),\n      ' >',\n      textSpans.join(''),\n      '</text>\\n',\n    ];\n  }\n\n  /**\n   * @private\n   * @param {Number} textTopOffset Text top offset\n   * @param {Number} textLeftOffset Text left offset\n   * @return {Object}\n   */\n  private _getSVGTextAndBg(\n    this: TextSVGExportMixin & FabricText,\n    textTopOffset: number,\n    textLeftOffset: number,\n  ) {\n    const textSpans: string[] = [],\n      textBgRects: string[] = [];\n    let height = textTopOffset,\n      lineOffset;\n\n    // bounding-box background\n    this.backgroundColor &&\n      textBgRects.push(\n        createSVGInlineRect(\n          this.backgroundColor,\n          -this.width / 2,\n          -this.height / 2,\n          this.width,\n          this.height,\n        ),\n      );\n\n    // text and text-background\n    for (let i = 0, len = this._textLines.length; i < len; i++) {\n      lineOffset = this._getLineLeftOffset(i);\n      if (this.direction === 'rtl') {\n        lineOffset += this.width;\n      }\n      if (this.textBackgroundColor || this.styleHas('textBackgroundColor', i)) {\n        this._setSVGTextLineBg(\n          textBgRects,\n          i,\n          textLeftOffset + lineOffset,\n          height,\n        );\n      }\n      this._setSVGTextLineText(\n        textSpans,\n        i,\n        textLeftOffset + lineOffset,\n        height,\n      );\n      height += this.getHeightOfLine(i);\n    }\n\n    return {\n      textSpans,\n      textBgRects,\n    };\n  }\n\n  private _createTextCharSpan(\n    this: TextSVGExportMixin & FabricText,\n    char: string,\n    styleDecl: TextStyleDeclaration,\n    left: number,\n    top: number,\n    charBox: GraphemeBBox,\n  ) {\n    const numFractionDigit = config.NUM_FRACTION_DIGITS;\n    const styleProps = this.getSvgSpanStyles(\n        styleDecl,\n        char !== char.trim() || !!char.match(multipleSpacesRegex),\n      ),\n      fillStyles = styleProps ? `style=\"${styleProps}\"` : '',\n      dy = styleDecl.deltaY,\n      dySpan = dy ? ` dy=\"${toFixed(dy, numFractionDigit)}\" ` : '',\n      { angle, renderLeft, renderTop, width } = charBox;\n    let angleAttr = '';\n    if (renderLeft !== undefined) {\n      const wBy2 = width / 2;\n      angle &&\n        (angleAttr = ` rotate=\"${toFixed(radiansToDegrees(angle), numFractionDigit)}\"`);\n      const m = createRotateMatrix({ angle: radiansToDegrees(angle!) });\n      m[4] = renderLeft!;\n      m[5] = renderTop!;\n      const renderPoint = new Point(-wBy2, 0).transform(m);\n      left = renderPoint.x;\n      top = renderPoint.y;\n    }\n\n    return `<tspan x=\"${toFixed(left, numFractionDigit)}\" y=\"${toFixed(\n      top,\n      numFractionDigit,\n    )}\" ${dySpan}${angleAttr}${fillStyles}>${escapeXml(char)}</tspan>`;\n  }\n\n  private _setSVGTextLineText(\n    this: TextSVGExportMixin & FabricText,\n    textSpans: string[],\n    lineIndex: number,\n    textLeftOffset: number,\n    textTopOffset: number,\n  ) {\n    const lineHeight = this.getHeightOfLine(lineIndex),\n      isJustify = this.textAlign.includes(JUSTIFY),\n      line = this._textLines[lineIndex];\n    let actualStyle,\n      nextStyle,\n      charsToRender = '',\n      charBox,\n      style,\n      boxWidth = 0,\n      timeToRender;\n\n    textTopOffset +=\n      (lineHeight * (1 - this._fontSizeFraction)) / this.lineHeight;\n    for (let i = 0, len = line.length - 1; i <= len; i++) {\n      timeToRender = i === len || this.charSpacing || this.path;\n      charsToRender += line[i];\n      charBox = this.__charBounds[lineIndex][i];\n      if (boxWidth === 0) {\n        textLeftOffset += charBox.kernedWidth - charBox.width;\n        boxWidth += charBox.width;\n      } else {\n        boxWidth += charBox.kernedWidth;\n      }\n      if (isJustify && !timeToRender) {\n        if (this._reSpaceAndTab.test(line[i])) {\n          timeToRender = true;\n        }\n      }\n      if (!timeToRender) {\n        // if we have charSpacing or a path, we render char by char\n        actualStyle =\n          actualStyle || this.getCompleteStyleDeclaration(lineIndex, i);\n        nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1);\n        timeToRender = hasStyleChanged(actualStyle, nextStyle, true);\n      }\n      if (timeToRender) {\n        style = this._getStyleDeclaration(lineIndex, i);\n        textSpans.push(\n          this._createTextCharSpan(\n            charsToRender,\n            style,\n            textLeftOffset,\n            textTopOffset,\n            charBox,\n          ),\n        );\n        charsToRender = '';\n        actualStyle = nextStyle;\n        if (this.direction === 'rtl') {\n          textLeftOffset -= boxWidth;\n        } else {\n          textLeftOffset += boxWidth;\n        }\n        boxWidth = 0;\n      }\n    }\n  }\n\n  private _setSVGTextLineBg(\n    this: TextSVGExportMixin & FabricText,\n    textBgRects: (string | number)[],\n    i: number,\n    leftOffset: number,\n    textTopOffset: number,\n  ) {\n    const line = this._textLines[i],\n      heightOfLine = this.getHeightOfLine(i) / this.lineHeight;\n    let boxWidth = 0,\n      boxStart = 0,\n      currentColor,\n      lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor');\n    for (let j = 0; j < line.length; j++) {\n      const { left, width, kernedWidth } = this.__charBounds[i][j];\n      currentColor = this.getValueOfPropertyAt(i, j, 'textBackgroundColor');\n      if (currentColor !== lastColor) {\n        lastColor &&\n          textBgRects.push(\n            createSVGInlineRect(\n              lastColor,\n              leftOffset + boxStart,\n              textTopOffset,\n              boxWidth,\n              heightOfLine,\n            ),\n          );\n        boxStart = left;\n        boxWidth = width;\n        lastColor = currentColor;\n      } else {\n        boxWidth += kernedWidth;\n      }\n    }\n    currentColor &&\n      textBgRects.push(\n        createSVGInlineRect(\n          lastColor,\n          leftOffset + boxStart,\n          textTopOffset,\n          boxWidth,\n          heightOfLine,\n        ),\n      );\n  }\n\n  /**\n   * Returns styles-string for svg-export\n   * @param {Boolean} skipShadow a boolean to skip shadow filter output\n   * @return {String}\n   */\n  getSvgStyles(this: TextSVGExportMixin & FabricText, skipShadow?: boolean) {\n    const objectLevelTextDecorationColor = isSafeSvgStyleValue(\n      this[TEXT_DECORATION_COLOR],\n    )\n      ? ` text-decoration-color: ${escapeXml(this[TEXT_DECORATION_COLOR])};`\n      : '';\n    return `${super.getSvgStyles(skipShadow)} text-decoration-thickness: ${toFixed((this.textDecorationThickness * this.getObjectScaling().y) / 10, config.NUM_FRACTION_DIGITS)}%;${objectLevelTextDecorationColor} white-space: pre;`;\n  }\n\n  /**\n   * Returns styles-string for svg-export\n   * @param {Object} style the object from which to retrieve style properties\n   * @param {Boolean} useWhiteSpace a boolean to include an additional attribute in the style.\n   * @return {String}\n   */\n  getSvgSpanStyles(\n    this: TextSVGExportMixin & FabricText,\n    style: TextStyleDeclaration,\n    useWhiteSpace?: boolean,\n  ) {\n    const {\n      fontFamily,\n      strokeWidth,\n      stroke,\n      fill,\n      fontSize,\n      fontStyle,\n      fontWeight,\n      textDecorationThickness,\n      textDecorationColor,\n      linethrough,\n      overline,\n      underline,\n    } = style;\n\n    const textDecoration = this.getSvgTextDecoration({\n      underline: underline ?? this.underline,\n      overline: overline ?? this.overline,\n      linethrough: linethrough ?? this.linethrough,\n    });\n    const thickness =\n      textDecorationThickness || this[TEXT_DECORATION_THICKNESS];\n    const decorationColor = textDecorationColor || this[TEXT_DECORATION_COLOR];\n    const safeStrokeWidth = getSafeSvgStyleNumber(strokeWidth);\n    const safeFontFamily = getSafeSvgStyleToken(fontFamily);\n    const safeFontSize = getSafeSvgStyleNumber(fontSize);\n    const safeFontStyle = getSafeSvgStyleToken(fontStyle);\n    const safeFontWeight =\n      getSafeSvgStyleNumber(fontWeight) || getSafeSvgStyleToken(fontWeight);\n    const safeDecorationColor = getSafeSvgStyleToken(decorationColor);\n    return [\n      stroke ? colorPropToSVG(STROKE, stroke) : '',\n      safeStrokeWidth ? `stroke-width: ${escapeXml(safeStrokeWidth)}; ` : '',\n      safeFontFamily\n        ? `font-family: ${\n            !safeFontFamily.includes(\"'\") && !safeFontFamily.includes('\"')\n              ? `'${escapeXml(safeFontFamily)}'`\n              : escapeXml(safeFontFamily)\n          }; `\n        : '',\n      safeFontSize ? `font-size: ${escapeXml(safeFontSize)}px; ` : '',\n      safeFontStyle ? `font-style: ${escapeXml(safeFontStyle)}; ` : '',\n      safeFontWeight ? `font-weight: ${escapeXml(safeFontWeight)}; ` : '',\n      textDecoration\n        ? `text-decoration: ${textDecoration}; text-decoration-thickness: ${toFixed((thickness * this.getObjectScaling().y) / 10, config.NUM_FRACTION_DIGITS)}%;${\n            safeDecorationColor\n              ? ` text-decoration-color: ${escapeXml(safeDecorationColor)};`\n              : ''\n          } `\n        : '',\n      fill ? colorPropToSVG(FILL, fill) : '',\n      useWhiteSpace ? 'white-space: pre; ' : '',\n    ].join('');\n  }\n\n  /**\n   * Returns text-decoration property for svg-export\n   * @param {Object} style the object from which to retrieve style properties\n   * @return {String}\n   */\n  getSvgTextDecoration(\n    this: TextSVGExportMixin & FabricText,\n    style: TextStyleDeclaration,\n  ) {\n    return (['overline', 'underline', 'line-through'] as const)\n      .filter(\n        (decoration) =>\n          style[\n            decoration.replace('-', '') as\n              | 'overline'\n              | 'underline'\n              | 'linethrough'\n          ],\n      )\n      .join(' ');\n  }\n}\n"],"mappings":"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"}

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

@@ -1,15 +0,0 @@
-import type { TClassProperties } from '../../typedefs';
-import type { FabricText } from './Text';
-export declare const TEXT_DECORATION_THICKNESS = "textDecorationThickness";
-export declare const TEXT_DECORATION_COLOR = "textDecorationColor";
-export declare const textDecorationProperties: readonly ["underline", "overline", "linethrough"];
-export declare const textLayoutProperties: string[];
-export declare const additionalProps: readonly [...string[], "underline", "overline", "linethrough", "textBackgroundColor", "direction", "textDecorationThickness", "textDecorationColor"];
-export type StylePropertiesType = 'fill' | 'stroke' | 'strokeWidth' | 'fontSize' | 'fontFamily' | 'fontWeight' | 'fontStyle' | 'textBackgroundColor' | 'deltaY' | 'overline' | 'underline' | 'linethrough' | typeof TEXT_DECORATION_THICKNESS | typeof TEXT_DECORATION_COLOR;
-export declare const styleProperties: Readonly<StylePropertiesType[]>;
-export declare const textDefaultValues: Partial<TClassProperties<FabricText>>;
-export declare const JUSTIFY = "justify";
-export declare const JUSTIFY_LEFT = "justify-left";
-export declare const JUSTIFY_RIGHT = "justify-right";
-export declare const JUSTIFY_CENTER = "justify-center";
-//# sourceMappingURL=constants.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/shapes/Text/constants.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEzC,eAAO,MAAM,yBAAyB,4BAA4B,CAAC;AACnE,eAAO,MAAM,qBAAqB,wBAAwB,CAAC;AAS3D,eAAO,MAAM,wBAAwB,mDAI3B,CAAC;AAEX,eAAO,MAAM,oBAAoB,EAAE,MAAM,EAWxC,CAAC;AAEF,eAAO,MAAM,eAAe,sJAOlB,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAC3B,MAAM,GACN,QAAQ,GACR,aAAa,GACb,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,qBAAqB,GACrB,QAAQ,GACR,UAAU,GACV,WAAW,GACX,aAAa,GACb,OAAO,yBAAyB,GAChC,OAAO,qBAAqB,CAAC;AAEjC,eAAO,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,EAAE,CAUlD,CAAC;AAKX,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,gBAAgB,CAAC,UAAU,CAAC,CA2CnE,CAAC;AAEF,eAAO,MAAM,OAAO,YAAY,CAAC;AACjC,eAAO,MAAM,YAAY,iBAAiB,CAAC;AAC3C,eAAO,MAAM,aAAa,kBAAkB,CAAC;AAC7C,eAAO,MAAM,cAAc,mBAAmB,CAAC"}

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

@@ -1,2 +0,0 @@
-import{FILL as e,LEFT as t,NORMAL as n,STROKE as r,reNewline as i}from"../../constants.min.mjs";const a=`textDecorationThickness`,o=`textDecorationColor`,s=[`fontSize`,`fontWeight`,`fontFamily`,`fontStyle`],c=[`underline`,`overline`,`linethrough`],l=[...s,`lineHeight`,`text`,`charSpacing`,`textAlign`,`styles`,`path`,`pathStartOffset`,`pathSide`,`pathAlign`],u=[...l,...c,`textBackgroundColor`,`direction`,a,o],d=[...s,...c,r,`strokeWidth`,e,`deltaY`,`textBackgroundColor`,a,o],f={_reNewline:i,_reSpacesAndTabs:/[ \t\r]/g,_reSpaceAndTab:/[ \t\r]/,_reWords:/\S+/g,fontSize:40,fontWeight:n,fontFamily:`Times New Roman`,underline:!1,overline:!1,linethrough:!1,textAlign:t,fontStyle:n,lineHeight:1.16,textBackgroundColor:``,stroke:null,shadow:null,path:void 0,pathStartOffset:0,pathSide:t,pathAlign:`baseline`,charSpacing:0,deltaY:0,direction:`ltr`,CACHE_FONT_SIZE:400,MIN_TEXT_WIDTH:2,superscript:{size:.6,baseline:-.35},subscript:{size:.6,baseline:.11},_fontSizeFraction:.222,offsets:{underline:.1,linethrough:-.28167,overline:-.81333},_fontSizeMult:1.13,[a]:66.667},p=`justify`,m=`justify-left`,h=`justify-right`,g=`justify-center`;export{p as JUSTIFY,g as JUSTIFY_CENTER,m as JUSTIFY_LEFT,h as JUSTIFY_RIGHT,o as TEXT_DECORATION_COLOR,a as TEXT_DECORATION_THICKNESS,u as additionalProps,d as styleProperties,f as textDefaultValues,l as textLayoutProperties};
-//# sourceMappingURL=constants.min.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"constants.min.mjs","names":[],"sources":["../../../../src/shapes/Text/constants.ts"],"sourcesContent":["import { FILL, LEFT, LTR, NORMAL, STROKE, reNewline } from '../../constants';\nimport type { TClassProperties } from '../../typedefs';\nimport type { FabricText } from './Text';\n\nexport const TEXT_DECORATION_THICKNESS = 'textDecorationThickness';\nexport const TEXT_DECORATION_COLOR = 'textDecorationColor';\n\nconst fontProperties = [\n  'fontSize',\n  'fontWeight',\n  'fontFamily',\n  'fontStyle',\n] as const;\n\nexport const textDecorationProperties = [\n  'underline',\n  'overline',\n  'linethrough',\n] as const;\n\nexport const textLayoutProperties: string[] = [\n  ...fontProperties,\n  'lineHeight',\n  'text',\n  'charSpacing',\n  'textAlign',\n  'styles',\n  'path',\n  'pathStartOffset',\n  'pathSide',\n  'pathAlign',\n];\n\nexport const additionalProps = [\n  ...textLayoutProperties,\n  ...textDecorationProperties,\n  'textBackgroundColor',\n  'direction',\n  TEXT_DECORATION_THICKNESS,\n  TEXT_DECORATION_COLOR,\n] as const;\n\nexport type StylePropertiesType =\n  | 'fill'\n  | 'stroke'\n  | 'strokeWidth'\n  | 'fontSize'\n  | 'fontFamily'\n  | 'fontWeight'\n  | 'fontStyle'\n  | 'textBackgroundColor'\n  | 'deltaY'\n  | 'overline'\n  | 'underline'\n  | 'linethrough'\n  | typeof TEXT_DECORATION_THICKNESS\n  | typeof TEXT_DECORATION_COLOR;\n\nexport const styleProperties: Readonly<StylePropertiesType[]> = [\n  ...fontProperties,\n  ...textDecorationProperties,\n  STROKE,\n  'strokeWidth',\n  FILL,\n  'deltaY',\n  'textBackgroundColor',\n  TEXT_DECORATION_THICKNESS,\n  TEXT_DECORATION_COLOR,\n] as const;\n\n// @TODO: Many things here are configuration related and shouldn't be on the class nor prototype\n// regexes, list of properties that are not suppose to change by instances, magic consts.\n// this will be a separated effort\nexport const textDefaultValues: Partial<TClassProperties<FabricText>> = {\n  _reNewline: reNewline,\n  _reSpacesAndTabs: /[ \\t\\r]/g,\n  _reSpaceAndTab: /[ \\t\\r]/,\n  _reWords: /\\S+/g,\n  fontSize: 40,\n  fontWeight: NORMAL,\n  fontFamily: 'Times New Roman',\n  underline: false,\n  overline: false,\n  linethrough: false,\n  textAlign: LEFT,\n  fontStyle: NORMAL,\n  lineHeight: 1.16,\n  textBackgroundColor: '',\n  stroke: null,\n  shadow: null,\n  path: undefined,\n  pathStartOffset: 0,\n  pathSide: LEFT,\n  pathAlign: 'baseline',\n  charSpacing: 0,\n  deltaY: 0,\n  direction: LTR,\n  CACHE_FONT_SIZE: 400,\n  MIN_TEXT_WIDTH: 2,\n  // Text magic numbers\n  superscript: {\n    size: 0.6, // fontSize factor\n    baseline: -0.35, // baseline-shift factor (upwards)\n  },\n  subscript: {\n    size: 0.6, // fontSize factor\n    baseline: 0.11, // baseline-shift factor (downwards)\n  },\n  _fontSizeFraction: 0.222,\n  offsets: {\n    underline: 0.1,\n    linethrough: -0.28167, // added 1/30 to original number\n    overline: -0.81333, // added 1/15 to original number\n  },\n  _fontSizeMult: 1.13,\n  [TEXT_DECORATION_THICKNESS]: 66.667, // before implementation was 1/15\n};\n\nexport const JUSTIFY = 'justify';\nexport const JUSTIFY_LEFT = 'justify-left';\nexport const JUSTIFY_RIGHT = 'justify-right';\nexport const JUSTIFY_CENTER = 'justify-center';\n"],"mappings":"gGAIA,MAAa,EAA4B,0BAC5B,EAAwB,sBAE/B,EAAiB,CACrB,WACA,aACA,aACA,YAAA,CAGW,EAA2B,CACtC,YACA,WACA,cAAA,CAGW,EAAiC,CAAA,GACzC,EACH,aACA,OACA,cACA,YACA,SACA,OACA,kBACA,WACA,YAAA,CAGW,EAAkB,CAAA,GAC1B,EAAA,GACA,EACH,sBACA,YACA,EACA,EAAA,CAmBW,EAAmD,CAAA,GAC3D,EAAA,GACA,EACH,EACA,cACA,EACA,SACA,sBACA,EACA,EAAA,CAMW,EAA2D,CACtE,WAAY,EACZ,iBAAkB,WAClB,eAAgB,UAChB,SAAU,OACV,SAAU,GACV,WAAY,EACZ,WAAY,kBACZ,UAAA,CAAW,EACX,SAAA,CAAU,EACV,YAAA,CAAa,EACb,UAAW,EACX,UAAW,EACX,WAAY,KACZ,oBAAqB,GACrB,OAAQ,KACR,OAAQ,KACR,KAAA,IAAM,GACN,gBAAiB,EACjB,SAAU,EACV,UAAW,WACX,YAAa,EACb,OAAQ,EACR,UAAA,MACA,gBAAiB,IACjB,eAAgB,EAEhB,YAAa,CACX,KAAM,GACN,SAAA,KAAU,CAEZ,UAAW,CACT,KAAM,GACN,SAAU,IAAA,CAEZ,kBAAmB,KACnB,QAAS,CACP,UAAW,GACX,YAAA,QACA,SAAA,QAAU,CAEZ,cAAe,MACd,GAA4B,OAAA,CAGlB,EAAU,UACV,EAAe,eACf,EAAgB,gBAChB,EAAiB,iBAAA,OAAA,KAAA,QAAA,KAAA,eAAA,KAAA,aAAA,KAAA,cAAA,KAAA,sBAAA,KAAA,0BAAA,KAAA,gBAAA,KAAA,gBAAA,KAAA,kBAAA,KAAA"}