fabric 7.3.1 → 7.5.0-beta.1

package/dist/src/shapes/IText/ITextBehavior.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ITextBehavior.mjs","names":[],"sources":["../../../../src/shapes/IText/ITextBehavior.ts"],"sourcesContent":["import type { ObjectEvents, TPointerEvent } from '../../EventTypeDefs';\nimport { Point } from '../../Point';\nimport type { FabricObject } from '../Object/FabricObject';\nimport { FabricText } from '../Text/Text';\nimport { animate } from '../../util/animation/animate';\nimport type { TOnAnimationChangeCallback } from '../../util/animation/types';\nimport type { ValueAnimation } from '../../util/animation/ValueAnimation';\nimport type { TextStyleDeclaration } from '../Text/StyledText';\nimport type { SerializedTextProps, TextProps } from '../Text/Text';\nimport type { TOptions, TOriginX } from '../../typedefs';\nimport { getDocumentFromElement } from '../../util/dom_misc';\nimport { LEFT, LTR, MODIFIED, RIGHT, reNewline } from '../../constants';\nimport type { IText } from './IText';\nimport { JUSTIFY } from '../Text/constants';\n\n/**\n *  extend this regex to support non english languages\n *\n *  - ` `      Matches a SPACE character (char code 32).\n *  - `\\n`     Matches a LINE FEED character (char code 10).\n *  - `\\.`     Matches a \".\" character (char code 46).\n *  - `,`      Matches a \",\" character (char code 44).\n *  - `;`      Matches a \";\" character (char code 59).\n *  - `!`      Matches a \"!\" character (char code 33).\n *  - `\\?`     Matches a \"?\" character (char code 63).\n *  - `\\-`     Matches a \"-\" character (char code 45).\n */\n// eslint-disable-next-line no-useless-escape\nconst reNonWord = /[ \\n\\.,;!\\?\\-]/;\n\nexport type ITextEvents = ObjectEvents & {\n  'selection:changed': never;\n  changed: never | { index: number; action: string };\n  'editing:entered': never | { e: TPointerEvent };\n  'editing:exited': never;\n};\n\nexport abstract class ITextBehavior<\n  Props extends TOptions<TextProps> = Partial<TextProps>,\n  SProps extends SerializedTextProps = SerializedTextProps,\n  EventSpec extends ITextEvents = ITextEvents,\n> extends FabricText<Props, SProps, EventSpec> {\n  declare abstract isEditing: boolean;\n  declare abstract cursorDelay: number;\n  declare abstract selectionStart: number;\n  declare abstract selectionEnd: number;\n  declare abstract cursorDuration: number;\n  declare abstract editable: boolean;\n  declare abstract editingBorderColor: string;\n\n  declare abstract compositionStart: number;\n  declare abstract compositionEnd: number;\n\n  declare abstract hiddenTextarea: HTMLTextAreaElement | null;\n\n  /**\n   * Helps determining when the text is in composition, so that the cursor\n   * rendering is altered.\n   */\n  declare protected inCompositionMode: boolean;\n\n  declare protected _reSpace: RegExp;\n  declare private _currentTickState?: ValueAnimation;\n  declare private _currentTickCompleteState?: ValueAnimation;\n  protected _currentCursorOpacity = 1;\n  declare private _textBeforeEdit: string;\n  declare protected __selectionStartOnMouseDown: number;\n\n  /**\n   * Keeps track if the IText object was selected before the actual click.\n   * This because we want to delay enter editing by a click.\n   */\n  declare protected selected: boolean;\n  declare protected cursorOffsetCache: { left?: number; top?: number };\n  declare protected _savedProps?: {\n    hasControls: boolean;\n    borderColor: string;\n    lockMovementX: boolean;\n    lockMovementY: boolean;\n    selectable: boolean;\n    hoverCursor: CSSStyleDeclaration['cursor'] | null;\n    defaultCursor?: CSSStyleDeclaration['cursor'];\n    moveCursor?: CSSStyleDeclaration['cursor'];\n  };\n  declare protected _selectionDirection: 'left' | 'right' | null;\n\n  abstract initHiddenTextarea(): void;\n  abstract _fireSelectionChanged(): void;\n  abstract renderCursorOrSelection(): void;\n  abstract getSelectionStartFromPointer(e: TPointerEvent): number;\n  abstract _getCursorBoundaries(\n    index: number,\n    skipCaching?: boolean,\n  ): {\n    left: number;\n    top: number;\n    leftOffset: number;\n    topOffset: number;\n  };\n\n  /**\n   * Initializes all the interactive behavior of IText\n   */\n  initBehavior() {\n    this._tick = this._tick.bind(this);\n    this._onTickComplete = this._onTickComplete.bind(this);\n    this.updateSelectionOnMouseMove =\n      this.updateSelectionOnMouseMove.bind(this);\n  }\n\n  onDeselect(options?: { e?: TPointerEvent; object?: FabricObject }) {\n    this.isEditing && this.exitEditing();\n    this.selected = false;\n    return super.onDeselect(options);\n  }\n\n  /**\n   * @private\n   */\n  _animateCursor({\n    toValue,\n    duration,\n    delay,\n    onComplete,\n  }: {\n    toValue: number;\n    duration: number;\n    delay?: number;\n    onComplete?: TOnAnimationChangeCallback<number>;\n  }) {\n    return animate({\n      startValue: this._currentCursorOpacity,\n      endValue: toValue,\n      duration,\n      delay,\n      onComplete,\n      abort: () =>\n        !this.canvas ||\n        // we do not want to animate a selection, only cursor\n        this.selectionStart !== this.selectionEnd,\n      onChange: (value) => {\n        this._currentCursorOpacity = value;\n        this.renderCursorOrSelection();\n      },\n    });\n  }\n\n  /**\n   * changes the cursor from visible to invisible\n   */\n  private _tick(delay?: number) {\n    this._currentTickState = this._animateCursor({\n      toValue: 0,\n      duration: this.cursorDuration / 2,\n      delay: Math.max(delay || 0, 100),\n      onComplete: this._onTickComplete,\n    });\n  }\n\n  /**\n   * Changes the cursor from invisible to visible\n   */\n  private _onTickComplete() {\n    this._currentTickCompleteState?.abort();\n    this._currentTickCompleteState = this._animateCursor({\n      toValue: 1,\n      duration: this.cursorDuration,\n      onComplete: this._tick,\n    });\n  }\n\n  /**\n   * Initializes delayed cursor\n   */\n  initDelayedCursor(restart?: boolean) {\n    this.abortCursorAnimation();\n    this._tick(restart ? 0 : this.cursorDelay);\n  }\n\n  /**\n   * Aborts cursor animation, clears all timeouts and clear textarea context if necessary\n   */\n  abortCursorAnimation() {\n    let shouldClear = false;\n    [this._currentTickState, this._currentTickCompleteState].forEach(\n      (cursorAnimation) => {\n        if (cursorAnimation && !cursorAnimation.isDone()) {\n          shouldClear = true;\n          cursorAnimation.abort();\n        }\n      },\n    );\n\n    this._currentCursorOpacity = 1;\n\n    //  make sure we clear context even if instance is not editing\n    if (shouldClear) {\n      this.clearContextTop();\n    }\n  }\n\n  /**\n   * Restart tue cursor animation if either is in complete state ( between animations )\n   * or if it never started before\n   */\n  restartCursorIfNeeded() {\n    if (\n      [this._currentTickState, this._currentTickCompleteState].some(\n        (cursorAnimation) => !cursorAnimation || cursorAnimation.isDone(),\n      )\n    ) {\n      this.initDelayedCursor();\n    }\n  }\n\n  /**\n   * Selects entire text\n   */\n  selectAll() {\n    this.selectionStart = 0;\n    this.selectionEnd = this._text.length;\n    this._fireSelectionChanged();\n    this._updateTextarea();\n    return this;\n  }\n\n  /**\n   * Selects entire text and updates the visual state\n   */\n  cmdAll() {\n    this.selectAll();\n    this.renderCursorOrSelection();\n  }\n\n  /**\n   * Returns selected text\n   * @return {String}\n   */\n  getSelectedText(): string {\n    return this._text.slice(this.selectionStart, this.selectionEnd).join('');\n  }\n\n  /**\n   * Find new selection index representing start of current word according to current selection index\n   * @param {Number} startFrom Current selection index\n   * @return {Number} New selection index\n   */\n  findWordBoundaryLeft(startFrom: number): number {\n    let offset = 0,\n      index = startFrom - 1;\n\n    // remove space before cursor first\n    if (this._reSpace.test(this._text[index])) {\n      while (this._reSpace.test(this._text[index])) {\n        offset++;\n        index--;\n      }\n    }\n    while (/\\S/.test(this._text[index]) && index > -1) {\n      offset++;\n      index--;\n    }\n\n    return startFrom - offset;\n  }\n\n  /**\n   * Find new selection index representing end of current word according to current selection index\n   * @param {Number} startFrom Current selection index\n   * @return {Number} New selection index\n   */\n  findWordBoundaryRight(startFrom: number): number {\n    let offset = 0,\n      index = startFrom;\n\n    // remove space after cursor first\n    if (this._reSpace.test(this._text[index])) {\n      while (this._reSpace.test(this._text[index])) {\n        offset++;\n        index++;\n      }\n    }\n    while (/\\S/.test(this._text[index]) && index < this._text.length) {\n      offset++;\n      index++;\n    }\n\n    return startFrom + offset;\n  }\n\n  /**\n   * Find new selection index representing start of current line according to current selection index\n   * @param {Number} startFrom Current selection index\n   * @return {Number} New selection index\n   */\n  findLineBoundaryLeft(startFrom: number): number {\n    let offset = 0,\n      index = startFrom - 1;\n\n    while (!/\\n/.test(this._text[index]) && index > -1) {\n      offset++;\n      index--;\n    }\n\n    return startFrom - offset;\n  }\n\n  /**\n   * Find new selection index representing end of current line according to current selection index\n   * @param {Number} startFrom Current selection index\n   * @return {Number} New selection index\n   */\n  findLineBoundaryRight(startFrom: number): number {\n    let offset = 0,\n      index = startFrom;\n\n    while (!/\\n/.test(this._text[index]) && index < this._text.length) {\n      offset++;\n      index++;\n    }\n\n    return startFrom + offset;\n  }\n\n  /**\n   * Finds index corresponding to beginning or end of a word\n   * @param {Number} selectionStart Index of a character\n   * @param {Number} direction 1 or -1\n   * @return {Number} Index of the beginning or end of a word\n   */\n  searchWordBoundary(selectionStart: number, direction: 1 | -1): number {\n    const text = this._text;\n    // if we land on a space we move the cursor backwards\n    // if we are searching boundary end we move the cursor backwards ONLY if we don't land on a line break\n    let index =\n        selectionStart > 0 &&\n        this._reSpace.test(text[selectionStart]) &&\n        (direction === -1 || !reNewline.test(text[selectionStart - 1]))\n          ? selectionStart - 1\n          : selectionStart,\n      _char = text[index];\n    while (index > 0 && index < text.length && !reNonWord.test(_char)) {\n      index += direction;\n      _char = text[index];\n    }\n    if (direction === -1 && reNonWord.test(_char)) {\n      index++;\n    }\n    return index;\n  }\n\n  /**\n   * Selects the word that contains the char at index selectionStart\n   * @param {Number} selectionStart Index of a character\n   */\n  selectWord(selectionStart?: number) {\n    selectionStart = selectionStart ?? this.selectionStart;\n    // search backwards\n    const newSelectionStart = this.searchWordBoundary(selectionStart, -1),\n      // search forward\n      newSelectionEnd = Math.max(\n        newSelectionStart,\n        this.searchWordBoundary(selectionStart, 1),\n      );\n\n    this.selectionStart = newSelectionStart;\n    this.selectionEnd = newSelectionEnd;\n    this._fireSelectionChanged();\n    this._updateTextarea();\n    // remove next major, for now it renders twice :(\n    this.renderCursorOrSelection();\n  }\n\n  /**\n   * Selects the line that contains selectionStart\n   * @param {Number} selectionStart Index of a character\n   */\n  selectLine(selectionStart?: number) {\n    selectionStart = selectionStart ?? this.selectionStart;\n    const newSelectionStart = this.findLineBoundaryLeft(selectionStart),\n      newSelectionEnd = this.findLineBoundaryRight(selectionStart);\n\n    this.selectionStart = newSelectionStart;\n    this.selectionEnd = newSelectionEnd;\n    this._fireSelectionChanged();\n    this._updateTextarea();\n  }\n\n  /**\n   * Enters editing state\n   */\n  enterEditing(e?: TPointerEvent) {\n    if (this.isEditing || !this.editable) {\n      return;\n    }\n    this.enterEditingImpl();\n    this.fire('editing:entered', e ? { e } : undefined);\n    this._fireSelectionChanged();\n    if (this.canvas) {\n      this.canvas.fire('text:editing:entered', {\n        target: this as unknown as IText,\n        e,\n      });\n      this.canvas.requestRenderAll();\n    }\n  }\n\n  /**\n   * runs the actual logic that enter from editing state, see {@link enterEditing}\n   */\n  enterEditingImpl() {\n    if (this.canvas) {\n      this.canvas.calcOffset();\n      this.canvas.textEditingManager.exitTextEditing();\n    }\n\n    this.isEditing = true;\n\n    this.initHiddenTextarea();\n    this.hiddenTextarea!.focus();\n    this.hiddenTextarea!.value = this.text;\n    this._updateTextarea();\n    this._saveEditingProps();\n    this._setEditingProps();\n    this._textBeforeEdit = this.text;\n\n    this._tick();\n  }\n\n  /**\n   * called by {@link Canvas#textEditingManager}\n   */\n  updateSelectionOnMouseMove(e: TPointerEvent) {\n    if (this.getActiveControl()) {\n      return;\n    }\n\n    const el = this.hiddenTextarea!;\n    // regain focus\n    getDocumentFromElement(el).activeElement !== el && el.focus();\n\n    const newSelectionStart = this.getSelectionStartFromPointer(e),\n      currentStart = this.selectionStart,\n      currentEnd = this.selectionEnd;\n    if (\n      (newSelectionStart !== this.__selectionStartOnMouseDown ||\n        currentStart === currentEnd) &&\n      (currentStart === newSelectionStart || currentEnd === newSelectionStart)\n    ) {\n      return;\n    }\n    if (newSelectionStart > this.__selectionStartOnMouseDown) {\n      this.selectionStart = this.__selectionStartOnMouseDown;\n      this.selectionEnd = newSelectionStart;\n    } else {\n      this.selectionStart = newSelectionStart;\n      this.selectionEnd = this.__selectionStartOnMouseDown;\n    }\n    if (\n      this.selectionStart !== currentStart ||\n      this.selectionEnd !== currentEnd\n    ) {\n      this._fireSelectionChanged();\n      this._updateTextarea();\n      this.renderCursorOrSelection();\n    }\n  }\n\n  /**\n   * @private\n   */\n  _setEditingProps() {\n    this.hoverCursor = 'text';\n\n    if (this.canvas) {\n      this.canvas.defaultCursor = this.canvas.moveCursor = 'text';\n    }\n\n    this.borderColor = this.editingBorderColor;\n    this.hasControls = this.selectable = false;\n    this.lockMovementX = this.lockMovementY = true;\n  }\n\n  /**\n   * convert from textarea to grapheme indexes\n   */\n  fromStringToGraphemeSelection(start: number, end: number, text: string) {\n    const smallerTextStart = text.slice(0, start),\n      graphemeStart = this.graphemeSplit(smallerTextStart).length;\n    if (start === end) {\n      return { selectionStart: graphemeStart, selectionEnd: graphemeStart };\n    }\n    const smallerTextEnd = text.slice(start, end),\n      graphemeEnd = this.graphemeSplit(smallerTextEnd).length;\n    return {\n      selectionStart: graphemeStart,\n      selectionEnd: graphemeStart + graphemeEnd,\n    };\n  }\n\n  /**\n   * convert from fabric to textarea values\n   */\n  fromGraphemeToStringSelection(\n    start: number,\n    end: number,\n    graphemes: string[],\n  ) {\n    const smallerTextStart = graphemes.slice(0, start),\n      graphemeStart = smallerTextStart.join('').length;\n    if (start === end) {\n      return { selectionStart: graphemeStart, selectionEnd: graphemeStart };\n    }\n    const smallerTextEnd = graphemes.slice(start, end),\n      graphemeEnd = smallerTextEnd.join('').length;\n    return {\n      selectionStart: graphemeStart,\n      selectionEnd: graphemeStart + graphemeEnd,\n    };\n  }\n\n  /**\n   * @private\n   */\n  _updateTextarea() {\n    this.cursorOffsetCache = {};\n    if (!this.hiddenTextarea) {\n      return;\n    }\n    if (!this.inCompositionMode) {\n      const newSelection = this.fromGraphemeToStringSelection(\n        this.selectionStart,\n        this.selectionEnd,\n        this._text,\n      );\n      this.hiddenTextarea.selectionStart = newSelection.selectionStart;\n      this.hiddenTextarea.selectionEnd = newSelection.selectionEnd;\n    }\n    this.updateTextareaPosition();\n  }\n\n  /**\n   * This function updates the text value from the hidden textarea and recalculates the text bounding box\n   * size and position.\n   * It is called by fabricJS internals, do not use it directly.\n   * @private\n   */\n  updateFromTextArea() {\n    const { hiddenTextarea, direction, textAlign, inCompositionMode } = this;\n    if (!hiddenTextarea) {\n      return;\n    }\n    // we want to anchor the textarea position depending on text alignment\n    // or in case of text justify depending on ltr/rtl direction.\n    // this.textAlign.replace('justify-', '') leverages the fact that our textAlign values all contain the word left/right/center,\n    // that match the originX values.\n    const anchorX: TOriginX =\n      textAlign !== JUSTIFY\n        ? (textAlign.replace('justify-', '') as TOriginX)\n        : direction === LTR\n          ? LEFT\n          : RIGHT;\n    const originalPosition = this.getPositionByOrigin(anchorX, 'top');\n    this.cursorOffsetCache = {};\n    this.text = hiddenTextarea.value;\n    this.set('dirty', true);\n    this.initDimensions();\n    this.setPositionByOrigin(originalPosition, anchorX, 'top');\n    this.setCoords();\n    const newSelection = this.fromStringToGraphemeSelection(\n      hiddenTextarea.selectionStart,\n      hiddenTextarea.selectionEnd,\n      hiddenTextarea.value,\n    );\n    this.selectionEnd = this.selectionStart = newSelection.selectionEnd;\n    if (!inCompositionMode) {\n      this.selectionStart = newSelection.selectionStart;\n    }\n    this.updateTextareaPosition();\n  }\n\n  /**\n   * @private\n   */\n  updateTextareaPosition() {\n    if (this.selectionStart === this.selectionEnd) {\n      const style = this._calcTextareaPosition();\n      this.hiddenTextarea!.style.left = style.left;\n      this.hiddenTextarea!.style.top = style.top;\n    }\n  }\n\n  /**\n   * @private\n   * @return {Object} style contains style for hiddenTextarea\n   */\n  _calcTextareaPosition() {\n    if (!this.canvas) {\n      return { left: '1px', top: '1px' };\n    }\n    const desiredPosition = this.inCompositionMode\n        ? this.compositionStart\n        : this.selectionStart,\n      boundaries = this._getCursorBoundaries(desiredPosition),\n      cursorLocation = this.get2DCursorLocation(desiredPosition),\n      lineIndex = cursorLocation.lineIndex,\n      charIndex = cursorLocation.charIndex,\n      charHeight =\n        this.getValueOfPropertyAt(lineIndex, charIndex, 'fontSize') *\n        this.lineHeight,\n      leftOffset = boundaries.leftOffset,\n      retinaScaling = this.getCanvasRetinaScaling(),\n      upperCanvas = this.canvas.upperCanvasEl,\n      upperCanvasWidth = upperCanvas.width / retinaScaling,\n      upperCanvasHeight = upperCanvas.height / retinaScaling,\n      maxWidth = upperCanvasWidth - charHeight,\n      maxHeight = upperCanvasHeight - charHeight;\n\n    const p = new Point(\n      boundaries.left + leftOffset,\n      boundaries.top + boundaries.topOffset + charHeight,\n    )\n      .transform(this.calcTransformMatrix())\n      .transform(this.canvas.viewportTransform)\n      .multiply(\n        new Point(\n          upperCanvas.clientWidth / upperCanvasWidth,\n          upperCanvas.clientHeight / upperCanvasHeight,\n        ),\n      );\n\n    if (p.x < 0) {\n      p.x = 0;\n    }\n    if (p.x > maxWidth) {\n      p.x = maxWidth;\n    }\n    if (p.y < 0) {\n      p.y = 0;\n    }\n    if (p.y > maxHeight) {\n      p.y = maxHeight;\n    }\n\n    // add canvas offset on document\n    p.x += this.canvas._offset.left;\n    p.y += this.canvas._offset.top;\n\n    return {\n      left: `${p.x}px`,\n      top: `${p.y}px`,\n      fontSize: `${charHeight}px`,\n      charHeight: charHeight,\n    };\n  }\n\n  /**\n   * @private\n   */\n  _saveEditingProps() {\n    this._savedProps = {\n      hasControls: this.hasControls,\n      borderColor: this.borderColor,\n      lockMovementX: this.lockMovementX,\n      lockMovementY: this.lockMovementY,\n      hoverCursor: this.hoverCursor,\n      selectable: this.selectable,\n      defaultCursor: this.canvas && this.canvas.defaultCursor,\n      moveCursor: this.canvas && this.canvas.moveCursor,\n    };\n  }\n\n  /**\n   * @private\n   */\n  _restoreEditingProps() {\n    if (!this._savedProps) {\n      return;\n    }\n\n    this.hoverCursor = this._savedProps.hoverCursor;\n    this.hasControls = this._savedProps.hasControls;\n    this.borderColor = this._savedProps.borderColor;\n    this.selectable = this._savedProps.selectable;\n    this.lockMovementX = this._savedProps.lockMovementX;\n    this.lockMovementY = this._savedProps.lockMovementY;\n\n    if (this.canvas) {\n      this.canvas.defaultCursor =\n        this._savedProps.defaultCursor || this.canvas.defaultCursor;\n      this.canvas.moveCursor =\n        this._savedProps.moveCursor || this.canvas.moveCursor;\n    }\n\n    delete this._savedProps;\n  }\n\n  /**\n   * runs the actual logic that exits from editing state, see {@link exitEditing}\n   * But it does not fire events\n   */\n  exitEditingImpl() {\n    const hiddenTextarea = this.hiddenTextarea;\n    this.selected = false;\n    this.isEditing = false;\n\n    if (hiddenTextarea) {\n      hiddenTextarea.blur && hiddenTextarea.blur();\n      hiddenTextarea.parentNode &&\n        hiddenTextarea.parentNode.removeChild(hiddenTextarea);\n    }\n    this.hiddenTextarea = null;\n    this.abortCursorAnimation();\n    this.selectionStart !== this.selectionEnd && this.clearContextTop();\n    this.selectionEnd = this.selectionStart;\n    this._restoreEditingProps();\n    if (this._forceClearCache) {\n      this.initDimensions();\n      this.setCoords();\n    }\n  }\n\n  /**\n   * Exits from editing state and fires relevant events\n   */\n  exitEditing() {\n    const isTextChanged = this._textBeforeEdit !== this.text;\n    this.exitEditingImpl();\n\n    this.fire('editing:exited');\n    isTextChanged && this.fire(MODIFIED);\n    if (this.canvas) {\n      this.canvas.fire('text:editing:exited', {\n        target: this as unknown as IText,\n      });\n      // todo: evaluate add an action to this event\n      isTextChanged && this.canvas.fire('object:modified', { target: this });\n    }\n    return this;\n  }\n\n  /**\n   * @private\n   */\n  _removeExtraneousStyles() {\n    for (const prop in this.styles) {\n      if (!this._textLines[prop as unknown as number]) {\n        delete this.styles[prop];\n      }\n    }\n  }\n\n  /**\n   * remove and reflow a style block from start to end.\n   * @param {Number} start linear start position for removal (included in removal)\n   * @param {Number} end linear end position for removal ( excluded from removal )\n   */\n  removeStyleFromTo(start: number, end: number) {\n    const { lineIndex: lineStart, charIndex: charStart } =\n        this.get2DCursorLocation(start, true),\n      { lineIndex: lineEnd, charIndex: charEnd } = this.get2DCursorLocation(\n        end,\n        true,\n      );\n    if (lineStart !== lineEnd) {\n      // step1 remove the trailing of lineStart\n      if (this.styles[lineStart]) {\n        for (\n          let i = charStart;\n          i < this._unwrappedTextLines[lineStart].length;\n          i++\n        ) {\n          delete this.styles[lineStart][i];\n        }\n      }\n      // step2 move the trailing of lineEnd to lineStart if needed\n      if (this.styles[lineEnd]) {\n        for (\n          let i = charEnd;\n          i < this._unwrappedTextLines[lineEnd].length;\n          i++\n        ) {\n          const styleObj = this.styles[lineEnd][i];\n          if (styleObj) {\n            this.styles[lineStart] || (this.styles[lineStart] = {});\n            this.styles[lineStart][charStart + i - charEnd] = styleObj;\n          }\n        }\n      }\n      // step3 detects lines will be completely removed.\n      for (let i = lineStart + 1; i <= lineEnd; i++) {\n        delete this.styles[i];\n      }\n      // step4 shift remaining lines.\n      this.shiftLineStyles(lineEnd, lineStart - lineEnd);\n    } else {\n      // remove and shift left on the same line\n      if (this.styles[lineStart]) {\n        const styleObj = this.styles[lineStart];\n        const diff = charEnd - charStart;\n        for (let i = charStart; i < charEnd; i++) {\n          delete styleObj[i];\n        }\n        for (const char in this.styles[lineStart]) {\n          const numericChar = parseInt(char, 10);\n          if (numericChar >= charEnd) {\n            styleObj[numericChar - diff] = styleObj[char];\n            delete styleObj[char];\n          }\n        }\n      }\n    }\n  }\n\n  /**\n   * Shifts line styles up or down\n   * @param {Number} lineIndex Index of a line\n   * @param {Number} offset Can any number?\n   */\n  shiftLineStyles(lineIndex: number, offset: number) {\n    const clonedStyles = Object.assign({}, this.styles);\n    for (const line in this.styles) {\n      const numericLine = parseInt(line, 10);\n      if (numericLine > lineIndex) {\n        this.styles[numericLine + offset] = clonedStyles[numericLine];\n        if (!clonedStyles[numericLine - offset]) {\n          delete this.styles[numericLine];\n        }\n      }\n    }\n  }\n\n  /**\n   * Handle insertion of more consecutive style lines for when one or more\n   * newlines gets added to the text. Since current style needs to be shifted\n   * first we shift the current style of the number lines needed, then we add\n   * new lines from the last to the first.\n   * @param {Number} lineIndex Index of a line\n   * @param {Number} charIndex Index of a char\n   * @param {Number} qty number of lines to add\n   * @param {Array} copiedStyle Array of objects styles\n   */\n  insertNewlineStyleObject(\n    lineIndex: number,\n    charIndex: number,\n    qty: number,\n    copiedStyle?: { [index: number]: TextStyleDeclaration },\n  ) {\n    const newLineStyles: { [index: number]: TextStyleDeclaration } = {};\n    const originalLineLength = this._unwrappedTextLines[lineIndex].length;\n    const isEndOfLine = originalLineLength === charIndex;\n\n    let someStyleIsCarryingOver = false;\n    qty || (qty = 1);\n    this.shiftLineStyles(lineIndex, qty);\n    const currentCharStyle = this.styles[lineIndex]\n      ? this.styles[lineIndex][charIndex === 0 ? charIndex : charIndex - 1]\n      : undefined;\n\n    // we clone styles of all chars\n    // after cursor onto the current line\n    for (const index in this.styles[lineIndex]) {\n      const numIndex = parseInt(index, 10);\n      if (numIndex >= charIndex) {\n        someStyleIsCarryingOver = true;\n        newLineStyles[numIndex - charIndex] = this.styles[lineIndex][index];\n        // remove lines from the previous line since they're on a new line now\n        if (!(isEndOfLine && charIndex === 0)) {\n          delete this.styles[lineIndex][index];\n        }\n      }\n    }\n    let styleCarriedOver = false;\n    if (someStyleIsCarryingOver && !isEndOfLine) {\n      // if is end of line, the extra style we copied\n      // is probably not something we want\n      this.styles[lineIndex + qty] = newLineStyles;\n      styleCarriedOver = true;\n    }\n    if (styleCarriedOver || originalLineLength > charIndex) {\n      // skip the last line of since we already prepared it.\n      // or contains text without style that we don't want to style\n      // just because it changed lines\n      qty--;\n    }\n    // for the all the lines or all the other lines\n    // we clone current char style onto the next (otherwise empty) line\n    while (qty > 0) {\n      if (copiedStyle && copiedStyle[qty - 1]) {\n        this.styles[lineIndex + qty] = {\n          0: { ...copiedStyle[qty - 1] },\n        };\n      } else if (currentCharStyle) {\n        this.styles[lineIndex + qty] = {\n          0: { ...currentCharStyle },\n        };\n      } else {\n        delete this.styles[lineIndex + qty];\n      }\n      qty--;\n    }\n    this._forceClearCache = true;\n  }\n\n  /**\n   * Inserts style object for a given line/char index\n   * @param {Number} lineIndex Index of a line\n   * @param {Number} charIndex Index of a char\n   * @param {Number} quantity number Style object to insert, if given\n   * @param {Array} copiedStyle array of style objects\n   */\n  insertCharStyleObject(\n    lineIndex: number,\n    charIndex: number,\n    quantity: number,\n    copiedStyle?: TextStyleDeclaration[],\n  ) {\n    if (!this.styles) {\n      this.styles = {};\n    }\n    const currentLineStyles = this.styles[lineIndex],\n      currentLineStylesCloned = currentLineStyles\n        ? { ...currentLineStyles }\n        : {};\n\n    quantity || (quantity = 1);\n    // shift all char styles by quantity forward\n    // 0,1,2,3 -> (charIndex=2) -> 0,1,3,4 -> (insert 2) -> 0,1,2,3,4\n    for (const index in currentLineStylesCloned) {\n      const numericIndex = parseInt(index, 10);\n      if (numericIndex >= charIndex) {\n        currentLineStyles[numericIndex + quantity] =\n          currentLineStylesCloned[numericIndex];\n        // only delete the style if there was nothing moved there\n        if (!currentLineStylesCloned[numericIndex - quantity]) {\n          delete currentLineStyles[numericIndex];\n        }\n      }\n    }\n    this._forceClearCache = true;\n    if (copiedStyle) {\n      while (quantity--) {\n        if (!Object.keys(copiedStyle[quantity]).length) {\n          continue;\n        }\n        if (!this.styles[lineIndex]) {\n          this.styles[lineIndex] = {};\n        }\n        this.styles[lineIndex][charIndex + quantity] = {\n          ...copiedStyle[quantity],\n        };\n      }\n      return;\n    }\n    if (!currentLineStyles) {\n      return;\n    }\n    const newStyle = currentLineStyles[charIndex ? charIndex - 1 : 1];\n    while (newStyle && quantity--) {\n      this.styles[lineIndex][charIndex + quantity] = { ...newStyle };\n    }\n  }\n\n  /**\n   * Inserts style object(s)\n   * @param {Array} insertedText Characters at the location where style is inserted\n   * @param {Number} start cursor index for inserting style\n   * @param {Array} [copiedStyle] array of style objects to insert.\n   */\n  insertNewStyleBlock(\n    insertedText: string[],\n    start: number,\n    copiedStyle?: TextStyleDeclaration[],\n  ) {\n    const cursorLoc = this.get2DCursorLocation(start, true),\n      addedLines = [0];\n    let linesLength = 0;\n    // get an array of how many char per lines are being added.\n    for (let i = 0; i < insertedText.length; i++) {\n      if (insertedText[i] === '\\n') {\n        linesLength++;\n        addedLines[linesLength] = 0;\n      } else {\n        addedLines[linesLength]++;\n      }\n    }\n    // for the first line copy the style from the current char position.\n    if (addedLines[0] > 0) {\n      this.insertCharStyleObject(\n        cursorLoc.lineIndex,\n        cursorLoc.charIndex,\n        addedLines[0],\n        copiedStyle,\n      );\n      copiedStyle = copiedStyle && copiedStyle.slice(addedLines[0] + 1);\n    }\n    linesLength &&\n      this.insertNewlineStyleObject(\n        cursorLoc.lineIndex,\n        cursorLoc.charIndex + addedLines[0],\n        linesLength,\n      );\n    let i;\n    for (i = 1; i < linesLength; i++) {\n      if (addedLines[i] > 0) {\n        this.insertCharStyleObject(\n          cursorLoc.lineIndex + i,\n          0,\n          addedLines[i],\n          copiedStyle,\n        );\n      } else if (copiedStyle) {\n        // this test is required in order to close #6841\n        // when a pasted buffer begins with a newline then\n        // this.styles[cursorLoc.lineIndex + i] and copiedStyle[0]\n        // may be undefined for some reason\n        if (this.styles[cursorLoc.lineIndex + i] && copiedStyle[0]) {\n          this.styles[cursorLoc.lineIndex + i][0] = copiedStyle[0];\n        }\n      }\n      copiedStyle = copiedStyle && copiedStyle.slice(addedLines[i] + 1);\n    }\n    if (addedLines[i] > 0) {\n      this.insertCharStyleObject(\n        cursorLoc.lineIndex + i,\n        0,\n        addedLines[i],\n        copiedStyle,\n      );\n    }\n  }\n\n  /**\n   * Removes characters from start/end\n   * start/end ar per grapheme position in _text array.\n   *\n   * @param {Number} start\n   * @param {Number} end default to start + 1\n   */\n  removeChars(start: number, end: number = start + 1) {\n    this.removeStyleFromTo(start, end);\n    this._text.splice(start, end - start);\n    this.text = this._text.join('');\n    this.set('dirty', true);\n    this.initDimensions();\n    this.setCoords();\n    this._removeExtraneousStyles();\n  }\n\n  /**\n   * insert characters at start position, before start position.\n   * start  equal 1 it means the text get inserted between actual grapheme 0 and 1\n   * if style array is provided, it must be as the same length of text in graphemes\n   * if end is provided and is bigger than start, old text is replaced.\n   * start/end ar per grapheme position in _text array.\n   *\n   * @param {String} text text to insert\n   * @param {Array} style array of style objects\n   * @param {Number} start\n   * @param {Number} end default to start + 1\n   */\n  insertChars(\n    text: string,\n    style: TextStyleDeclaration[] | undefined,\n    start: number,\n    end: number = start,\n  ) {\n    if (end > start) {\n      this.removeStyleFromTo(start, end);\n    }\n    const graphemes = this.graphemeSplit(text);\n    this.insertNewStyleBlock(graphemes, start, style);\n    this._text = [\n      ...this._text.slice(0, start),\n      ...graphemes,\n      ...this._text.slice(end),\n    ];\n    this.text = this._text.join('');\n    this.set('dirty', true);\n    this.initDimensions();\n    this.setCoords();\n    this._removeExtraneousStyles();\n  }\n\n  /**\n   * Set the selectionStart and selectionEnd according to the new position of cursor\n   * mimic the key - mouse navigation when shift is pressed.\n   */\n  setSelectionStartEndWithShift(\n    start: number,\n    end: number,\n    newSelection: number,\n  ) {\n    if (newSelection <= start) {\n      if (end === start) {\n        this._selectionDirection = LEFT;\n      } else if (this._selectionDirection === RIGHT) {\n        this._selectionDirection = LEFT;\n        this.selectionEnd = start;\n      }\n      this.selectionStart = newSelection;\n    } else if (newSelection > start && newSelection < end) {\n      if (this._selectionDirection === RIGHT) {\n        this.selectionEnd = newSelection;\n      } else {\n        this.selectionStart = newSelection;\n      }\n    } else {\n      // newSelection is > selection start and end\n      if (end === start) {\n        this._selectionDirection = RIGHT;\n      } else if (this._selectionDirection === LEFT) {\n        this._selectionDirection = RIGHT;\n        this.selectionStart = end;\n      }\n      this.selectionEnd = newSelection;\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/src/shapes/IText/ITextClickBehavior.d.ts

@@ -1,63 +0,0 @@
-import type { ObjectPointerEvents, TPointerEvent, TPointerEventInfo } from '../../EventTypeDefs';
-import { DraggableTextDelegate } from './DraggableTextDelegate';
-import type { ITextEvents } from './ITextBehavior';
-import { ITextKeyBehavior } from './ITextKeyBehavior';
-import type { TOptions } from '../../typedefs';
-import type { TextProps, SerializedTextProps } from '../Text/Text';
-export declare abstract class ITextClickBehavior<Props extends TOptions<TextProps> = Partial<TextProps>, SProps extends SerializedTextProps = SerializedTextProps, EventSpec extends ITextEvents = ITextEvents> extends ITextKeyBehavior<Props, SProps, EventSpec> {
-    protected draggableTextDelegate: DraggableTextDelegate;
-    initBehavior(): void;
-    /**
-     * If this method returns true a mouse move operation over a text selection
-     * will not prevent the native mouse event allowing the browser to start a drag operation.
-     * shouldStartDragging can be read 'do not prevent default for mouse move event'
-     * To prevent drag and drop between objects both shouldStartDragging and onDragStart should return false
-     * @returns
-     */
-    shouldStartDragging(): boolean;
-    /**
-     * @public override this method to control whether instance should/shouldn't become a drag source,
-     * @see also {@link DraggableTextDelegate#isActive}
-     * To prevent drag and drop between objects both shouldStartDragging and onDragStart should return false
-     * @returns {boolean} should handle event
-     */
-    onDragStart(e: DragEvent): boolean;
-    /**
-     * @public override this method to control whether instance should/shouldn't become a drop target
-     */
-    canDrop(e: DragEvent): boolean;
-    /**
-     * Default handler for double click, select a word
-     */
-    doubleClickHandler(options: TPointerEventInfo): void;
-    /**
-     * Default handler for triple click, select a line
-     */
-    tripleClickHandler(options: TPointerEventInfo): void;
-    /**
-     * Default event handler for the basic functionalities needed on _mouseDown
-     * can be overridden to do something different.
-     * Scope of this implementation is: find the click position, set selectionStart
-     * find selectionEnd, initialize the drawing of either cursor or selection area
-     * initializing a mousedDown on a text area will cancel fabricjs knowledge of
-     * current compositionMode. It will be set to false.
-     */
-    _mouseDownHandler({ e, alreadySelected }: ObjectPointerEvents['mousedown']): void;
-    /**
-     * standard handler for mouse up, overridable
-     * @private
-     */
-    mouseUpHandler({ e, transform }: ObjectPointerEvents['mouseup']): void;
-    /**
-     * Changes cursor location in a text depending on passed pointer (x/y) object
-     * @param {TPointerEvent} e Event object
-     */
-    setCursorByClick(e: TPointerEvent): void;
-    /**
-     * Returns index of a character corresponding to where an object was clicked
-     * @param {TPointerEvent} e Event object
-     * @return {Number} Index of a character
-     */
-    getSelectionStartFromPointer(e: TPointerEvent): number;
-}
-//# sourceMappingURL=ITextClickBehavior.d.ts.map

package/dist/src/shapes/IText/ITextClickBehavior.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ITextClickBehavior.d.ts","sourceRoot":"","sources":["../../../../src/shapes/IText/ITextClickBehavior.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,mBAAmB,EACnB,aAAa,EACb,iBAAiB,EAClB,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAOnE,8BAAsB,kBAAkB,CACtC,KAAK,SAAS,QAAQ,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC,SAAS,CAAC,EACtD,MAAM,SAAS,mBAAmB,GAAG,mBAAmB,EACxD,SAAS,SAAS,WAAW,GAAG,WAAW,CAC3C,SAAQ,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC;IAClD,SAAS,CAAC,qBAAqB,EAAE,qBAAqB,CAAC;IAEvD,YAAY;IAcZ;;;;;;OAMG;IACH,mBAAmB;IAInB;;;;;OAKG;IACH,WAAW,CAAC,CAAC,EAAE,SAAS;IAIxB;;OAEG;IACH,OAAO,CAAC,CAAC,EAAE,SAAS;IAIpB;;OAEG;IACH,kBAAkB,CAAC,OAAO,EAAE,iBAAiB;IAQ7C;;OAEG;IACH,kBAAkB,CAAC,OAAO,EAAE,iBAAiB;IAQ7C;;;;;;;OAOG;IACH,iBAAiB,CAAC,EAAE,CAAC,EAAE,eAAe,EAAE,EAAE,mBAAmB,CAAC,WAAW,CAAC;IA+B1E;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,mBAAmB,CAAC,SAAS,CAAC;IAmC/D;;;OAGG;IACH,gBAAgB,CAAC,CAAC,EAAE,aAAa;IAgBjC;;;;OAIG;IACH,4BAA4B,CAAC,CAAC,EAAE,aAAa,GAAG,MAAM;CAiDvD"}

package/dist/src/shapes/IText/ITextClickBehavior.min.mjs

@@ -1,2 +0,0 @@
-import{_defineProperty as e}from"../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/defineProperty.min.mjs";import{Point as t}from"../../Point.min.mjs";import{invertTransform as n}from"../../util/misc/matrix.min.mjs";import{DraggableTextDelegate as r}from"./DraggableTextDelegate.min.mjs";import{ITextKeyBehavior as i}from"./ITextKeyBehavior.min.mjs";const a=e=>!!e.button;var o=class extends i{constructor(...t){super(...t),e(this,`draggableTextDelegate`,void 0)}initBehavior(){this.on(`mousedown`,this._mouseDownHandler),this.on(`mouseup`,this.mouseUpHandler),this.on(`mousedblclick`,this.doubleClickHandler),this.on(`mousetripleclick`,this.tripleClickHandler),this.draggableTextDelegate=new r(this),super.initBehavior()}shouldStartDragging(){return this.draggableTextDelegate.isActive()}onDragStart(e){return this.draggableTextDelegate.onDragStart(e)}canDrop(e){return this.draggableTextDelegate.canDrop(e)}doubleClickHandler(e){this.isEditing&&(this.selectWord(this.getSelectionStartFromPointer(e.e)),this.renderCursorOrSelection())}tripleClickHandler(e){this.isEditing&&(this.selectLine(this.getSelectionStartFromPointer(e.e)),this.renderCursorOrSelection())}_mouseDownHandler({e,alreadySelected:t}){this.canvas&&this.editable&&!a(e)&&!this.getActiveControl()&&(this.draggableTextDelegate.start(e)||(this.canvas.textEditingManager.register(this),t&&(this.inCompositionMode=!1,this.setCursorByClick(e)),this.isEditing&&(this.__selectionStartOnMouseDown=this.selectionStart,this.selectionStart===this.selectionEnd&&this.abortCursorAnimation(),this.renderCursorOrSelection()),this.selected||(this.selected=t||this.isEditing)))}mouseUpHandler({e,transform:t}){let n=this.draggableTextDelegate.end(e);if(this.canvas){this.canvas.textEditingManager.unregister(this);let e=this.canvas._activeObject;if(e&&e!==this)return}!this.editable||this.group&&!this.group.interactive||t&&t.actionPerformed||a(e)||n||this.selected&&!this.getActiveControl()&&(this.enterEditing(e),this.selectionStart===this.selectionEnd?this.initDelayedCursor(!0):this.renderCursorOrSelection())}setCursorByClick(e){let t=this.getSelectionStartFromPointer(e),n=this.selectionStart,r=this.selectionEnd;e.shiftKey?this.setSelectionStartEndWithShift(n,r,t):(this.selectionStart=t,this.selectionEnd=t),this.isEditing&&(this._fireSelectionChanged(),this._updateTextarea())}getSelectionStartFromPointer(e){let r=this.canvas.getScenePoint(e).transform(n(this.calcTransformMatrix())).add(new t(-this._getLeftOffset(),-this._getTopOffset())),i=0,a=0,o=0;for(let e=0;e<this._textLines.length&&i<=r.y;e++)i+=this.getHeightOfLine(e),o=e,e>0&&(a+=this._textLines[e-1].length+this.missingNewlineOffset(e-1));let s=Math.abs(this._getLineLeftOffset(o)),c=this._textLines[o].length,l=this.__charBounds[o];for(let e=0;e<c;e++){let t=s+l[e].kernedWidth;if(r.x<=t){Math.abs(r.x-t)<=Math.abs(r.x-s)&&a++;break}s=t,a++}return Math.min(this.flipX?c-a:a,this._text.length)}};export{o as ITextClickBehavior};
-//# sourceMappingURL=ITextClickBehavior.min.mjs.map

package/dist/src/shapes/IText/ITextClickBehavior.min.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ITextClickBehavior.min.mjs","names":[],"sources":["../../../../src/shapes/IText/ITextClickBehavior.ts"],"sourcesContent":["import type {\n  ObjectPointerEvents,\n  TPointerEvent,\n  TPointerEventInfo,\n} from '../../EventTypeDefs';\nimport { Point } from '../../Point';\nimport { invertTransform } from '../../util/misc/matrix';\nimport { DraggableTextDelegate } from './DraggableTextDelegate';\nimport type { ITextEvents } from './ITextBehavior';\nimport { ITextKeyBehavior } from './ITextKeyBehavior';\nimport type { TOptions } from '../../typedefs';\nimport type { TextProps, SerializedTextProps } from '../Text/Text';\nimport type { IText } from './IText';\n/**\n * `LEFT_CLICK === 0`\n */\nconst notALeftClick = (e: Event) => !!(e as MouseEvent).button;\n\nexport abstract class ITextClickBehavior<\n  Props extends TOptions<TextProps> = Partial<TextProps>,\n  SProps extends SerializedTextProps = SerializedTextProps,\n  EventSpec extends ITextEvents = ITextEvents,\n> extends ITextKeyBehavior<Props, SProps, EventSpec> {\n  protected draggableTextDelegate: DraggableTextDelegate;\n\n  initBehavior() {\n    // Initializes event handlers related to cursor or selection\n    this.on('mousedown', this._mouseDownHandler);\n    this.on('mouseup', this.mouseUpHandler);\n    this.on('mousedblclick', this.doubleClickHandler);\n    this.on('mousetripleclick', this.tripleClickHandler);\n\n    this.draggableTextDelegate = new DraggableTextDelegate(\n      this as unknown as IText,\n    );\n\n    super.initBehavior();\n  }\n\n  /**\n   * If this method returns true a mouse move operation over a text selection\n   * will not prevent the native mouse event allowing the browser to start a drag operation.\n   * shouldStartDragging can be read 'do not prevent default for mouse move event'\n   * To prevent drag and drop between objects both shouldStartDragging and onDragStart should return false\n   * @returns\n   */\n  shouldStartDragging() {\n    return this.draggableTextDelegate.isActive();\n  }\n\n  /**\n   * @public override this method to control whether instance should/shouldn't become a drag source,\n   * @see also {@link DraggableTextDelegate#isActive}\n   * To prevent drag and drop between objects both shouldStartDragging and onDragStart should return false\n   * @returns {boolean} should handle event\n   */\n  onDragStart(e: DragEvent) {\n    return this.draggableTextDelegate.onDragStart(e);\n  }\n\n  /**\n   * @public override this method to control whether instance should/shouldn't become a drop target\n   */\n  canDrop(e: DragEvent) {\n    return this.draggableTextDelegate.canDrop(e);\n  }\n\n  /**\n   * Default handler for double click, select a word\n   */\n  doubleClickHandler(options: TPointerEventInfo) {\n    if (!this.isEditing) {\n      return;\n    }\n    this.selectWord(this.getSelectionStartFromPointer(options.e));\n    this.renderCursorOrSelection();\n  }\n\n  /**\n   * Default handler for triple click, select a line\n   */\n  tripleClickHandler(options: TPointerEventInfo) {\n    if (!this.isEditing) {\n      return;\n    }\n    this.selectLine(this.getSelectionStartFromPointer(options.e));\n    this.renderCursorOrSelection();\n  }\n\n  /**\n   * Default event handler for the basic functionalities needed on _mouseDown\n   * can be overridden to do something different.\n   * Scope of this implementation is: find the click position, set selectionStart\n   * find selectionEnd, initialize the drawing of either cursor or selection area\n   * initializing a mousedDown on a text area will cancel fabricjs knowledge of\n   * current compositionMode. It will be set to false.\n   */\n  _mouseDownHandler({ e, alreadySelected }: ObjectPointerEvents['mousedown']) {\n    if (\n      !this.canvas ||\n      !this.editable ||\n      notALeftClick(e) ||\n      this.getActiveControl()\n    ) {\n      return;\n    }\n\n    if (this.draggableTextDelegate.start(e)) {\n      return;\n    }\n\n    this.canvas.textEditingManager.register(this);\n\n    if (alreadySelected) {\n      this.inCompositionMode = false;\n      this.setCursorByClick(e);\n    }\n\n    if (this.isEditing) {\n      this.__selectionStartOnMouseDown = this.selectionStart;\n      if (this.selectionStart === this.selectionEnd) {\n        this.abortCursorAnimation();\n      }\n      this.renderCursorOrSelection();\n    }\n    this.selected ||= alreadySelected || this.isEditing;\n  }\n\n  /**\n   * standard handler for mouse up, overridable\n   * @private\n   */\n  mouseUpHandler({ e, transform }: ObjectPointerEvents['mouseup']) {\n    const didDrag = this.draggableTextDelegate.end(e);\n\n    if (this.canvas) {\n      this.canvas.textEditingManager.unregister(this);\n\n      const activeObject = this.canvas._activeObject;\n      if (activeObject && activeObject !== this) {\n        // avoid running this logic when there is an active object\n        // this because is possible with shift click and fast clicks,\n        // to rapidly deselect and reselect this object and trigger an enterEdit\n        return;\n      }\n    }\n\n    if (\n      !this.editable ||\n      (this.group && !this.group.interactive) ||\n      (transform && transform.actionPerformed) ||\n      notALeftClick(e) ||\n      didDrag\n    ) {\n      return;\n    }\n\n    if (this.selected && !this.getActiveControl()) {\n      this.enterEditing(e);\n      if (this.selectionStart === this.selectionEnd) {\n        this.initDelayedCursor(true);\n      } else {\n        this.renderCursorOrSelection();\n      }\n    }\n  }\n\n  /**\n   * Changes cursor location in a text depending on passed pointer (x/y) object\n   * @param {TPointerEvent} e Event object\n   */\n  setCursorByClick(e: TPointerEvent) {\n    const newSelection = this.getSelectionStartFromPointer(e),\n      start = this.selectionStart,\n      end = this.selectionEnd;\n    if (e.shiftKey) {\n      this.setSelectionStartEndWithShift(start, end, newSelection);\n    } else {\n      this.selectionStart = newSelection;\n      this.selectionEnd = newSelection;\n    }\n    if (this.isEditing) {\n      this._fireSelectionChanged();\n      this._updateTextarea();\n    }\n  }\n\n  /**\n   * Returns index of a character corresponding to where an object was clicked\n   * @param {TPointerEvent} e Event object\n   * @return {Number} Index of a character\n   */\n  getSelectionStartFromPointer(e: TPointerEvent): number {\n    const mouseOffset = this.canvas!.getScenePoint(e)\n      .transform(invertTransform(this.calcTransformMatrix()))\n      .add(new Point(-this._getLeftOffset(), -this._getTopOffset()));\n    let height = 0,\n      charIndex = 0,\n      lineIndex = 0;\n\n    for (let i = 0; i < this._textLines.length; i++) {\n      if (height <= mouseOffset.y) {\n        height += this.getHeightOfLine(i);\n        lineIndex = i;\n        if (i > 0) {\n          charIndex +=\n            this._textLines[i - 1].length + this.missingNewlineOffset(i - 1);\n        }\n      } else {\n        break;\n      }\n    }\n    const lineLeftOffset = Math.abs(this._getLineLeftOffset(lineIndex));\n    let width = lineLeftOffset;\n    const charLength = this._textLines[lineIndex].length;\n    const chars = this.__charBounds[lineIndex];\n    for (let j = 0; j < charLength; j++) {\n      // i removed something about flipX here, check.\n      const charWidth = chars[j].kernedWidth;\n      const widthAfter = width + charWidth;\n      if (mouseOffset.x <= widthAfter) {\n        // if the pointer is closer to the end of the char we increment charIndex\n        // in order to position the cursor after the char\n        if (\n          Math.abs(mouseOffset.x - widthAfter) <=\n          Math.abs(mouseOffset.x - width)\n        ) {\n          charIndex++;\n        }\n        break;\n      }\n      width = widthAfter;\n      charIndex++;\n    }\n\n    return Math.min(\n      // if object is horizontally flipped, mirror cursor location from the end\n      this.flipX ? charLength - charIndex : charIndex,\n      this._text.length,\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/src/shapes/IText/ITextClickBehavior.mjs

@@ -1,154 +0,0 @@
-import { _defineProperty } from "../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/defineProperty.mjs";
-import { Point } from "../../Point.mjs";
-import { invertTransform } from "../../util/misc/matrix.mjs";
-import { DraggableTextDelegate } from "./DraggableTextDelegate.mjs";
-import { ITextKeyBehavior } from "./ITextKeyBehavior.mjs";
-//#region src/shapes/IText/ITextClickBehavior.ts
-/**
-* `LEFT_CLICK === 0`
-*/
-const notALeftClick = (e) => !!e.button;
-var ITextClickBehavior = class extends ITextKeyBehavior {
-	constructor(..._args) {
-		super(..._args);
-		_defineProperty(this, "draggableTextDelegate", void 0);
-	}
-	initBehavior() {
-		this.on("mousedown", this._mouseDownHandler);
-		this.on("mouseup", this.mouseUpHandler);
-		this.on("mousedblclick", this.doubleClickHandler);
-		this.on("mousetripleclick", this.tripleClickHandler);
-		this.draggableTextDelegate = new DraggableTextDelegate(this);
-		super.initBehavior();
-	}
-	/**
-	* If this method returns true a mouse move operation over a text selection
-	* will not prevent the native mouse event allowing the browser to start a drag operation.
-	* shouldStartDragging can be read 'do not prevent default for mouse move event'
-	* To prevent drag and drop between objects both shouldStartDragging and onDragStart should return false
-	* @returns
-	*/
-	shouldStartDragging() {
-		return this.draggableTextDelegate.isActive();
-	}
-	/**
-	* @public override this method to control whether instance should/shouldn't become a drag source,
-	* @see also {@link DraggableTextDelegate#isActive}
-	* To prevent drag and drop between objects both shouldStartDragging and onDragStart should return false
-	* @returns {boolean} should handle event
-	*/
-	onDragStart(e) {
-		return this.draggableTextDelegate.onDragStart(e);
-	}
-	/**
-	* @public override this method to control whether instance should/shouldn't become a drop target
-	*/
-	canDrop(e) {
-		return this.draggableTextDelegate.canDrop(e);
-	}
-	/**
-	* Default handler for double click, select a word
-	*/
-	doubleClickHandler(options) {
-		if (!this.isEditing) return;
-		this.selectWord(this.getSelectionStartFromPointer(options.e));
-		this.renderCursorOrSelection();
-	}
-	/**
-	* Default handler for triple click, select a line
-	*/
-	tripleClickHandler(options) {
-		if (!this.isEditing) return;
-		this.selectLine(this.getSelectionStartFromPointer(options.e));
-		this.renderCursorOrSelection();
-	}
-	/**
-	* Default event handler for the basic functionalities needed on _mouseDown
-	* can be overridden to do something different.
-	* Scope of this implementation is: find the click position, set selectionStart
-	* find selectionEnd, initialize the drawing of either cursor or selection area
-	* initializing a mousedDown on a text area will cancel fabricjs knowledge of
-	* current compositionMode. It will be set to false.
-	*/
-	_mouseDownHandler({ e, alreadySelected }) {
-		if (!this.canvas || !this.editable || notALeftClick(e) || this.getActiveControl()) return;
-		if (this.draggableTextDelegate.start(e)) return;
-		this.canvas.textEditingManager.register(this);
-		if (alreadySelected) {
-			this.inCompositionMode = false;
-			this.setCursorByClick(e);
-		}
-		if (this.isEditing) {
-			this.__selectionStartOnMouseDown = this.selectionStart;
-			if (this.selectionStart === this.selectionEnd) this.abortCursorAnimation();
-			this.renderCursorOrSelection();
-		}
-		this.selected || (this.selected = alreadySelected || this.isEditing);
-	}
-	/**
-	* standard handler for mouse up, overridable
-	* @private
-	*/
-	mouseUpHandler({ e, transform }) {
-		const didDrag = this.draggableTextDelegate.end(e);
-		if (this.canvas) {
-			this.canvas.textEditingManager.unregister(this);
-			const activeObject = this.canvas._activeObject;
-			if (activeObject && activeObject !== this) return;
-		}
-		if (!this.editable || this.group && !this.group.interactive || transform && transform.actionPerformed || notALeftClick(e) || didDrag) return;
-		if (this.selected && !this.getActiveControl()) {
-			this.enterEditing(e);
-			if (this.selectionStart === this.selectionEnd) this.initDelayedCursor(true);
-			else this.renderCursorOrSelection();
-		}
-	}
-	/**
-	* Changes cursor location in a text depending on passed pointer (x/y) object
-	* @param {TPointerEvent} e Event object
-	*/
-	setCursorByClick(e) {
-		const newSelection = this.getSelectionStartFromPointer(e), start = this.selectionStart, end = this.selectionEnd;
-		if (e.shiftKey) this.setSelectionStartEndWithShift(start, end, newSelection);
-		else {
-			this.selectionStart = newSelection;
-			this.selectionEnd = newSelection;
-		}
-		if (this.isEditing) {
-			this._fireSelectionChanged();
-			this._updateTextarea();
-		}
-	}
-	/**
-	* Returns index of a character corresponding to where an object was clicked
-	* @param {TPointerEvent} e Event object
-	* @return {Number} Index of a character
-	*/
-	getSelectionStartFromPointer(e) {
-		const mouseOffset = this.canvas.getScenePoint(e).transform(invertTransform(this.calcTransformMatrix())).add(new Point(-this._getLeftOffset(), -this._getTopOffset()));
-		let height = 0, charIndex = 0, lineIndex = 0;
-		for (let i = 0; i < this._textLines.length; i++) if (height <= mouseOffset.y) {
-			height += this.getHeightOfLine(i);
-			lineIndex = i;
-			if (i > 0) charIndex += this._textLines[i - 1].length + this.missingNewlineOffset(i - 1);
-		} else break;
-		let width = Math.abs(this._getLineLeftOffset(lineIndex));
-		const charLength = this._textLines[lineIndex].length;
-		const chars = this.__charBounds[lineIndex];
-		for (let j = 0; j < charLength; j++) {
-			const charWidth = chars[j].kernedWidth;
-			const widthAfter = width + charWidth;
-			if (mouseOffset.x <= widthAfter) {
-				if (Math.abs(mouseOffset.x - widthAfter) <= Math.abs(mouseOffset.x - width)) charIndex++;
-				break;
-			}
-			width = widthAfter;
-			charIndex++;
-		}
-		return Math.min(this.flipX ? charLength - charIndex : charIndex, this._text.length);
-	}
-};
-//#endregion
-export { ITextClickBehavior };
-
-//# sourceMappingURL=ITextClickBehavior.mjs.map

package/dist/src/shapes/IText/ITextClickBehavior.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ITextClickBehavior.mjs","names":[],"sources":["../../../../src/shapes/IText/ITextClickBehavior.ts"],"sourcesContent":["import type {\n  ObjectPointerEvents,\n  TPointerEvent,\n  TPointerEventInfo,\n} from '../../EventTypeDefs';\nimport { Point } from '../../Point';\nimport { invertTransform } from '../../util/misc/matrix';\nimport { DraggableTextDelegate } from './DraggableTextDelegate';\nimport type { ITextEvents } from './ITextBehavior';\nimport { ITextKeyBehavior } from './ITextKeyBehavior';\nimport type { TOptions } from '../../typedefs';\nimport type { TextProps, SerializedTextProps } from '../Text/Text';\nimport type { IText } from './IText';\n/**\n * `LEFT_CLICK === 0`\n */\nconst notALeftClick = (e: Event) => !!(e as MouseEvent).button;\n\nexport abstract class ITextClickBehavior<\n  Props extends TOptions<TextProps> = Partial<TextProps>,\n  SProps extends SerializedTextProps = SerializedTextProps,\n  EventSpec extends ITextEvents = ITextEvents,\n> extends ITextKeyBehavior<Props, SProps, EventSpec> {\n  protected draggableTextDelegate: DraggableTextDelegate;\n\n  initBehavior() {\n    // Initializes event handlers related to cursor or selection\n    this.on('mousedown', this._mouseDownHandler);\n    this.on('mouseup', this.mouseUpHandler);\n    this.on('mousedblclick', this.doubleClickHandler);\n    this.on('mousetripleclick', this.tripleClickHandler);\n\n    this.draggableTextDelegate = new DraggableTextDelegate(\n      this as unknown as IText,\n    );\n\n    super.initBehavior();\n  }\n\n  /**\n   * If this method returns true a mouse move operation over a text selection\n   * will not prevent the native mouse event allowing the browser to start a drag operation.\n   * shouldStartDragging can be read 'do not prevent default for mouse move event'\n   * To prevent drag and drop between objects both shouldStartDragging and onDragStart should return false\n   * @returns\n   */\n  shouldStartDragging() {\n    return this.draggableTextDelegate.isActive();\n  }\n\n  /**\n   * @public override this method to control whether instance should/shouldn't become a drag source,\n   * @see also {@link DraggableTextDelegate#isActive}\n   * To prevent drag and drop between objects both shouldStartDragging and onDragStart should return false\n   * @returns {boolean} should handle event\n   */\n  onDragStart(e: DragEvent) {\n    return this.draggableTextDelegate.onDragStart(e);\n  }\n\n  /**\n   * @public override this method to control whether instance should/shouldn't become a drop target\n   */\n  canDrop(e: DragEvent) {\n    return this.draggableTextDelegate.canDrop(e);\n  }\n\n  /**\n   * Default handler for double click, select a word\n   */\n  doubleClickHandler(options: TPointerEventInfo) {\n    if (!this.isEditing) {\n      return;\n    }\n    this.selectWord(this.getSelectionStartFromPointer(options.e));\n    this.renderCursorOrSelection();\n  }\n\n  /**\n   * Default handler for triple click, select a line\n   */\n  tripleClickHandler(options: TPointerEventInfo) {\n    if (!this.isEditing) {\n      return;\n    }\n    this.selectLine(this.getSelectionStartFromPointer(options.e));\n    this.renderCursorOrSelection();\n  }\n\n  /**\n   * Default event handler for the basic functionalities needed on _mouseDown\n   * can be overridden to do something different.\n   * Scope of this implementation is: find the click position, set selectionStart\n   * find selectionEnd, initialize the drawing of either cursor or selection area\n   * initializing a mousedDown on a text area will cancel fabricjs knowledge of\n   * current compositionMode. It will be set to false.\n   */\n  _mouseDownHandler({ e, alreadySelected }: ObjectPointerEvents['mousedown']) {\n    if (\n      !this.canvas ||\n      !this.editable ||\n      notALeftClick(e) ||\n      this.getActiveControl()\n    ) {\n      return;\n    }\n\n    if (this.draggableTextDelegate.start(e)) {\n      return;\n    }\n\n    this.canvas.textEditingManager.register(this);\n\n    if (alreadySelected) {\n      this.inCompositionMode = false;\n      this.setCursorByClick(e);\n    }\n\n    if (this.isEditing) {\n      this.__selectionStartOnMouseDown = this.selectionStart;\n      if (this.selectionStart === this.selectionEnd) {\n        this.abortCursorAnimation();\n      }\n      this.renderCursorOrSelection();\n    }\n    this.selected ||= alreadySelected || this.isEditing;\n  }\n\n  /**\n   * standard handler for mouse up, overridable\n   * @private\n   */\n  mouseUpHandler({ e, transform }: ObjectPointerEvents['mouseup']) {\n    const didDrag = this.draggableTextDelegate.end(e);\n\n    if (this.canvas) {\n      this.canvas.textEditingManager.unregister(this);\n\n      const activeObject = this.canvas._activeObject;\n      if (activeObject && activeObject !== this) {\n        // avoid running this logic when there is an active object\n        // this because is possible with shift click and fast clicks,\n        // to rapidly deselect and reselect this object and trigger an enterEdit\n        return;\n      }\n    }\n\n    if (\n      !this.editable ||\n      (this.group && !this.group.interactive) ||\n      (transform && transform.actionPerformed) ||\n      notALeftClick(e) ||\n      didDrag\n    ) {\n      return;\n    }\n\n    if (this.selected && !this.getActiveControl()) {\n      this.enterEditing(e);\n      if (this.selectionStart === this.selectionEnd) {\n        this.initDelayedCursor(true);\n      } else {\n        this.renderCursorOrSelection();\n      }\n    }\n  }\n\n  /**\n   * Changes cursor location in a text depending on passed pointer (x/y) object\n   * @param {TPointerEvent} e Event object\n   */\n  setCursorByClick(e: TPointerEvent) {\n    const newSelection = this.getSelectionStartFromPointer(e),\n      start = this.selectionStart,\n      end = this.selectionEnd;\n    if (e.shiftKey) {\n      this.setSelectionStartEndWithShift(start, end, newSelection);\n    } else {\n      this.selectionStart = newSelection;\n      this.selectionEnd = newSelection;\n    }\n    if (this.isEditing) {\n      this._fireSelectionChanged();\n      this._updateTextarea();\n    }\n  }\n\n  /**\n   * Returns index of a character corresponding to where an object was clicked\n   * @param {TPointerEvent} e Event object\n   * @return {Number} Index of a character\n   */\n  getSelectionStartFromPointer(e: TPointerEvent): number {\n    const mouseOffset = this.canvas!.getScenePoint(e)\n      .transform(invertTransform(this.calcTransformMatrix()))\n      .add(new Point(-this._getLeftOffset(), -this._getTopOffset()));\n    let height = 0,\n      charIndex = 0,\n      lineIndex = 0;\n\n    for (let i = 0; i < this._textLines.length; i++) {\n      if (height <= mouseOffset.y) {\n        height += this.getHeightOfLine(i);\n        lineIndex = i;\n        if (i > 0) {\n          charIndex +=\n            this._textLines[i - 1].length + this.missingNewlineOffset(i - 1);\n        }\n      } else {\n        break;\n      }\n    }\n    const lineLeftOffset = Math.abs(this._getLineLeftOffset(lineIndex));\n    let width = lineLeftOffset;\n    const charLength = this._textLines[lineIndex].length;\n    const chars = this.__charBounds[lineIndex];\n    for (let j = 0; j < charLength; j++) {\n      // i removed something about flipX here, check.\n      const charWidth = chars[j].kernedWidth;\n      const widthAfter = width + charWidth;\n      if (mouseOffset.x <= widthAfter) {\n        // if the pointer is closer to the end of the char we increment charIndex\n        // in order to position the cursor after the char\n        if (\n          Math.abs(mouseOffset.x - widthAfter) <=\n          Math.abs(mouseOffset.x - width)\n        ) {\n          charIndex++;\n        }\n        break;\n      }\n      width = widthAfter;\n      charIndex++;\n    }\n\n    return Math.min(\n      // if object is horizontally flipped, mirror cursor location from the end\n      this.flipX ? charLength - charIndex : charIndex,\n      this._text.length,\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/src/shapes/IText/ITextKeyBehavior.d.ts

@@ -1,197 +0,0 @@
-import type { ITextEvents } from './ITextBehavior';
-import { ITextBehavior } from './ITextBehavior';
-import type { TKeyMapIText } from './constants';
-import type { TOptions } from '../../typedefs';
-import type { TextProps, SerializedTextProps } from '../Text/Text';
-export declare abstract class ITextKeyBehavior<Props extends TOptions<TextProps> = Partial<TextProps>, SProps extends SerializedTextProps = SerializedTextProps, EventSpec extends ITextEvents = ITextEvents> extends ITextBehavior<Props, SProps, EventSpec> {
-    /**
-     * For functionalities on keyDown
-     * Map a special key to a function of the instance/prototype
-     * If you need different behavior for ESC or TAB or arrows, you have to change
-     * this map setting the name of a function that you build on the IText or
-     * your prototype.
-     * the map change will affect all Instances unless you need for only some text Instances
-     * in that case you have to clone this object and assign your Instance.
-     * this.keysMap = Object.assign({}, this.keysMap);
-     * The function must be in IText.prototype.myFunction And will receive event as args[0]
-     */
-    keysMap: TKeyMapIText;
-    keysMapRtl: TKeyMapIText;
-    /**
-     * For functionalities on keyUp + ctrl || cmd
-     */
-    ctrlKeysMapUp: TKeyMapIText;
-    /**
-     * For functionalities on keyDown + ctrl || cmd
-     */
-    ctrlKeysMapDown: TKeyMapIText;
-    hiddenTextarea: HTMLTextAreaElement | null;
-    /**
-     * DOM container to append the hiddenTextarea.
-     * An alternative to attaching to the document.body.
-     * Useful to reduce laggish redraw of the full document.body tree and
-     * also with modals event capturing that won't let the textarea take focus.
-     * @type HTMLElement
-     */
-    hiddenTextareaContainer?: HTMLElement | null;
-    private _clickHandlerInitialized;
-    private _copyDone;
-    private fromPaste;
-    /**
-     * Initializes hidden textarea (needed to bring up keyboard in iOS)
-     */
-    initHiddenTextarea(): void;
-    /**
-     * Override this method to customize cursor behavior on textbox blur
-     */
-    blur(): void;
-    /**
-     * Handles keydown event
-     * only used for arrows and combination of modifier keys.
-     * @param {KeyboardEvent} e Event object
-     */
-    onKeyDown(e: KeyboardEvent): void;
-    /**
-     * Handles keyup event
-     * We handle KeyUp because ie11 and edge have difficulties copy/pasting
-     * if a copy/cut event fired, keyup is dismissed
-     * @param {KeyboardEvent} e Event object
-     */
-    onKeyUp(e: KeyboardEvent): void;
-    /**
-     * Handles onInput event
-     * @param {Event} e Event object
-     */
-    onInput(this: this & {
-        hiddenTextarea: HTMLTextAreaElement;
-    }, e: Event): void;
-    /**
-     * Composition start
-     */
-    onCompositionStart(): void;
-    /**
-     * Composition end
-     */
-    onCompositionEnd(): void;
-    onCompositionUpdate({ target }: CompositionEvent): void;
-    /**
-     * Copies selected text
-     */
-    copy(): void;
-    /**
-     * Pastes text
-     */
-    paste(): void;
-    /**
-     * Finds the width in pixels before the cursor on the same line
-     * @private
-     * @param {Number} lineIndex
-     * @param {Number} charIndex
-     * @return {Number} widthBeforeCursor width before cursor
-     */
-    _getWidthBeforeCursor(lineIndex: number, charIndex: number): number;
-    /**
-     * Gets start offset of a selection
-     * @param {KeyboardEvent} e Event object
-     * @param {Boolean} isRight
-     * @return {Number}
-     */
-    getDownCursorOffset(e: KeyboardEvent, isRight: boolean): number;
-    /**
-     * private
-     * Helps finding if the offset should be counted from Start or End
-     * @param {KeyboardEvent} e Event object
-     * @param {Boolean} isRight
-     * @return {Number}
-     */
-    _getSelectionForOffset(e: KeyboardEvent, isRight: boolean): number;
-    /**
-     * @param {KeyboardEvent} e Event object
-     * @param {Boolean} isRight
-     * @return {Number}
-     */
-    getUpCursorOffset(e: KeyboardEvent, isRight: boolean): number;
-    /**
-     * for a given width it founds the matching character.
-     * @private
-     */
-    _getIndexOnLine(lineIndex: number, width: number): number;
-    /**
-     * Moves cursor down
-     * @param {KeyboardEvent} e Event object
-     */
-    moveCursorDown(e: KeyboardEvent): void;
-    /**
-     * Moves cursor up
-     * @param {KeyboardEvent} e Event object
-     */
-    moveCursorUp(e: KeyboardEvent): void;
-    /**
-     * Moves cursor up or down, fires the events
-     * @param {String} direction 'Up' or 'Down'
-     * @param {KeyboardEvent} e Event object
-     */
-    _moveCursorUpOrDown(direction: 'Up' | 'Down', e: KeyboardEvent): void;
-    /**
-     * Moves cursor with shift
-     * @param {Number} offset
-     */
-    moveCursorWithShift(offset: number): boolean;
-    /**
-     * Moves cursor up without shift
-     * @param {Number} offset
-     */
-    moveCursorWithoutShift(offset: number): boolean;
-    /**
-     * Moves cursor left
-     * @param {KeyboardEvent} e Event object
-     */
-    moveCursorLeft(e: KeyboardEvent): void;
-    /**
-     * @private
-     * @return {Boolean} true if a change happened
-     *
-     * @todo refactor not to use method name composition
-     */
-    _move(e: KeyboardEvent, prop: 'selectionStart' | 'selectionEnd', direction: 'Left' | 'Right'): boolean;
-    /**
-     * @private
-     */
-    _moveLeft(e: KeyboardEvent, prop: 'selectionStart' | 'selectionEnd'): boolean;
-    /**
-     * @private
-     */
-    _moveRight(e: KeyboardEvent, prop: 'selectionStart' | 'selectionEnd'): boolean;
-    /**
-     * Moves cursor left without keeping selection
-     * @param {KeyboardEvent} e
-     */
-    moveCursorLeftWithoutShift(e: KeyboardEvent): boolean;
-    /**
-     * Moves cursor left while keeping selection
-     * @param {KeyboardEvent} e
-     */
-    moveCursorLeftWithShift(e: KeyboardEvent): boolean | undefined;
-    /**
-     * Moves cursor right
-     * @param {KeyboardEvent} e Event object
-     */
-    moveCursorRight(e: KeyboardEvent): void;
-    /**
-     * Moves cursor right or Left, fires event
-     * @param {String} direction 'Left', 'Right'
-     * @param {KeyboardEvent} e Event object
-     */
-    _moveCursorLeftOrRight(direction: 'Left' | 'Right', e: KeyboardEvent): void;
-    /**
-     * Moves cursor right while keeping selection
-     * @param {KeyboardEvent} e
-     */
-    moveCursorRightWithShift(e: KeyboardEvent): boolean | undefined;
-    /**
-     * Moves cursor right without keeping selection
-     * @param {KeyboardEvent} e Event object
-     */
-    moveCursorRightWithoutShift(e: KeyboardEvent): boolean;
-}
-//# sourceMappingURL=ITextKeyBehavior.d.ts.map

package/dist/src/shapes/IText/ITextKeyBehavior.d.ts.map

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

package/dist/src/shapes/IText/ITextKeyBehavior.min.mjs

@@ -1,2 +0,0 @@
-import{config as e}from"../../config.min.mjs";import{getEnv as t,getFabricDocument as n}from"../../env/index.min.mjs";import{CHANGED as r,LEFT as i,RIGHT as a}from"../../constants.min.mjs";import{getDocumentFromElement as o}from"../../util/dom_misc.min.mjs";import{capValue as s}from"../../util/misc/capValue.min.mjs";import{ITextBehavior as c}from"./ITextBehavior.min.mjs";var l=class extends c{initHiddenTextarea(){let e=this.canvas&&o(this.canvas.getElement())||n(),t=e.createElement(`textarea`);Object.entries({autocapitalize:`off`,autocorrect:`off`,autocomplete:`off`,spellcheck:`false`,"data-fabric":`textarea`,wrap:`off`,name:`fabricTextarea`}).map(([e,n])=>t.setAttribute(e,n));let{top:r,left:i,fontSize:a}=this._calcTextareaPosition();t.style.cssText=`position: absolute; top: ${r}; left: ${i}; z-index: -999; opacity: 0; width: 1px; height: 1px; font-size: 1px; padding-top: ${a};`,(this.hiddenTextareaContainer||e.body).appendChild(t),Object.entries({blur:`blur`,keydown:`onKeyDown`,keyup:`onKeyUp`,input:`onInput`,copy:`copy`,cut:`copy`,paste:`paste`,compositionstart:`onCompositionStart`,compositionupdate:`onCompositionUpdate`,compositionend:`onCompositionEnd`}).map(([e,n])=>t.addEventListener(e,this[n].bind(this))),this.hiddenTextarea=t}blur(){this.abortCursorAnimation()}onKeyDown(e){if(!this.isEditing)return;let t=this.direction===`rtl`?this.keysMapRtl:this.keysMap;if(e.keyCode in t)this[t[e.keyCode]](e);else{if(!(e.keyCode in this.ctrlKeysMapDown)||!e.ctrlKey&&!e.metaKey)return;this[this.ctrlKeysMapDown[e.keyCode]](e)}e.stopImmediatePropagation(),e.preventDefault(),e.keyCode>=33&&e.keyCode<=40?(this.inCompositionMode=!1,this.clearContextTop(),this.renderCursorOrSelection()):this.canvas&&this.canvas.requestRenderAll()}onKeyUp(e){!this.isEditing||this._copyDone||this.inCompositionMode?this._copyDone=!1:e.keyCode in this.ctrlKeysMapUp&&(e.ctrlKey||e.metaKey)&&(this[this.ctrlKeysMapUp[e.keyCode]](e),e.stopImmediatePropagation(),e.preventDefault(),this.canvas&&this.canvas.requestRenderAll())}onInput(n){let i=this.fromPaste,{value:a,selectionStart:o,selectionEnd:s}=this.hiddenTextarea;if(this.fromPaste=!1,n&&n.stopPropagation(),!this.isEditing)return;let c=()=>{this.updateFromTextArea(),this.fire(r),this.canvas&&(this.canvas.fire(`text:changed`,{target:this}),this.canvas.requestRenderAll())};if(this.hiddenTextarea.value===``)return this.styles={},void c();let l=this._splitTextIntoLines(a).graphemeText,u=this._text.length,d=l.length,f=this.selectionStart,p=this.selectionEnd,m=f!==p,h,g,_,v,y=d-u,b=this.fromStringToGraphemeSelection(o,s,a),x=f>b.selectionStart;m?(g=this._text.slice(f,p),y+=p-f):d<u&&(g=x?this._text.slice(p+y,p):this._text.slice(f,f-y));let S=l.slice(b.selectionEnd-y,b.selectionEnd);if(g&&g.length&&(S.length&&(h=this.getSelectionStyles(f,f+1,!1),h=S.map(()=>h[0])),m?(_=f,v=p):x?(_=p-g.length,v=p):(_=p,v=p+g.length),this.removeStyleFromTo(_,v)),S.length){let{copyPasteData:n}=t();i&&S.join(``)===n.copiedText&&!e.disableStyleCopyPaste&&(h=n.copiedTextStyle),this.insertNewStyleBlock(S,f,h)}c()}onCompositionStart(){this.inCompositionMode=!0}onCompositionEnd(){this.inCompositionMode=!1}onCompositionUpdate({target:e}){let{selectionStart:t,selectionEnd:n}=e;this.compositionStart=t,this.compositionEnd=n,this.updateTextareaPosition()}copy(){if(this.selectionStart===this.selectionEnd)return;let{copyPasteData:n}=t();n.copiedText=this.getSelectedText(),e.disableStyleCopyPaste?n.copiedTextStyle=void 0:n.copiedTextStyle=this.getSelectionStyles(this.selectionStart,this.selectionEnd,!0),this._copyDone=!0}paste(){this.fromPaste=!0}_getWidthBeforeCursor(e,t){let n,r=this._getLineLeftOffset(e);return t>0&&(n=this.__charBounds[e][t-1],r+=n.left+n.width),r}getDownCursorOffset(e,t){let n=this._getSelectionForOffset(e,t),r=this.get2DCursorLocation(n),i=r.lineIndex;if(i===this._textLines.length-1||e.metaKey||e.keyCode===34)return this._text.length-n;let a=r.charIndex,o=this._getWidthBeforeCursor(i,a),s=this._getIndexOnLine(i+1,o);return this._textLines[i].slice(a).length+s+1+this.missingNewlineOffset(i)}_getSelectionForOffset(e,t){return e.shiftKey&&this.selectionStart!==this.selectionEnd&&t?this.selectionEnd:this.selectionStart}getUpCursorOffset(e,t){let n=this._getSelectionForOffset(e,t),r=this.get2DCursorLocation(n),i=r.lineIndex;if(i===0||e.metaKey||e.keyCode===33)return-n;let a=r.charIndex,o=this._getWidthBeforeCursor(i,a),s=this._getIndexOnLine(i-1,o),c=this._textLines[i].slice(0,a),l=this.missingNewlineOffset(i-1);return-this._textLines[i-1].length+s-c.length+(1-l)}_getIndexOnLine(e,t){let n=this._textLines[e],r,i,a=this._getLineLeftOffset(e),o=0;for(let s=0,c=n.length;s<c;s++)if(r=this.__charBounds[e][s].width,a+=r,a>t){i=!0;let e=a-r,n=a,c=Math.abs(e-t);o=Math.abs(n-t)<c?s:s-1;break}return i||(o=n.length-1),o}moveCursorDown(e){this.selectionStart>=this._text.length&&this.selectionEnd>=this._text.length||this._moveCursorUpOrDown(`Down`,e)}moveCursorUp(e){this.selectionStart===0&&this.selectionEnd===0||this._moveCursorUpOrDown(`Up`,e)}_moveCursorUpOrDown(e,t){let n=this[`get${e}CursorOffset`](t,this._selectionDirection===a);if(t.shiftKey?this.moveCursorWithShift(n):this.moveCursorWithoutShift(n),n!==0){let e=this.text.length;this.selectionStart=s(0,this.selectionStart,e),this.selectionEnd=s(0,this.selectionEnd,e),this.abortCursorAnimation(),this.initDelayedCursor(),this._fireSelectionChanged(),this._updateTextarea()}}moveCursorWithShift(e){let t=this._selectionDirection===`left`?this.selectionStart+e:this.selectionEnd+e;return this.setSelectionStartEndWithShift(this.selectionStart,this.selectionEnd,t),e!==0}moveCursorWithoutShift(e){return e<0?(this.selectionStart+=e,this.selectionEnd=this.selectionStart):(this.selectionEnd+=e,this.selectionStart=this.selectionEnd),e!==0}moveCursorLeft(e){this.selectionStart===0&&this.selectionEnd===0||this._moveCursorLeftOrRight(`Left`,e)}_move(e,t,n){let r;if(e.altKey)r=this[`findWordBoundary${n}`](this[t]);else{if(!e.metaKey&&e.keyCode!==35&&e.keyCode!==36)return this[t]+=n===`Left`?-1:1,!0;r=this[`findLineBoundary${n}`](this[t])}return r!==void 0&&this[t]!==r&&(this[t]=r,!0)}_moveLeft(e,t){return this._move(e,t,`Left`)}_moveRight(e,t){return this._move(e,t,`Right`)}moveCursorLeftWithoutShift(e){let t=!0;return this._selectionDirection=i,this.selectionEnd===this.selectionStart&&this.selectionStart!==0&&(t=this._moveLeft(e,`selectionStart`)),this.selectionEnd=this.selectionStart,t}moveCursorLeftWithShift(e){return this._selectionDirection===`right`&&this.selectionStart!==this.selectionEnd?this._moveLeft(e,`selectionEnd`):this.selectionStart===0?void 0:(this._selectionDirection=i,this._moveLeft(e,`selectionStart`))}moveCursorRight(e){this.selectionStart>=this._text.length&&this.selectionEnd>=this._text.length||this._moveCursorLeftOrRight(`Right`,e)}_moveCursorLeftOrRight(e,t){let n=`moveCursor${e}${t.shiftKey?`WithShift`:`WithoutShift`}`;this._currentCursorOpacity=1,this[n](t)&&(this.abortCursorAnimation(),this.initDelayedCursor(),this._fireSelectionChanged(),this._updateTextarea())}moveCursorRightWithShift(e){return this._selectionDirection===`left`&&this.selectionStart!==this.selectionEnd?this._moveRight(e,`selectionStart`):this.selectionEnd===this._text.length?void 0:(this._selectionDirection=a,this._moveRight(e,`selectionEnd`))}moveCursorRightWithoutShift(e){let t=!0;return this._selectionDirection=a,this.selectionStart===this.selectionEnd?(t=this._moveRight(e,`selectionStart`),this.selectionEnd=this.selectionStart):this.selectionStart=this.selectionEnd,t}};export{l as ITextKeyBehavior};
-//# sourceMappingURL=ITextKeyBehavior.min.mjs.map