@nasser-sw/fabric 7.0.0-beta1

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

@@ -0,0 +1 @@
+{"version":3,"file":"DraggableTextDelegate.mjs","sources":["../../../../src/shapes/IText/DraggableTextDelegate.ts"],"sourcesContent":["import type {\n  DragEventData,\n  DropEventData,\n  TPointerEvent,\n} from '../../EventTypeDefs';\nimport { Point } from '../../Point';\nimport type { IText } from './IText';\nimport { setStyle } from '../../util/internals/dom_style';\nimport { cloneStyles } from '../../util/internals/cloneStyles';\nimport type { TextStyleDeclaration } from '../Text/StyledText';\nimport { getDocumentFromElement } from '../../util/dom_misc';\nimport { CHANGED, NONE } from '../../constants';\n\n/**\n * #### Dragging IText/Textbox Lifecycle\n * - {@link start} is called from `mousedown` {@link IText#_mouseDownHandler} and determines if dragging should start by testing {@link isPointerOverSelection}\n * - if true `mousedown` {@link IText#_mouseDownHandler} is blocked to keep selection\n * - if the pointer moves, canvas fires numerous mousemove {@link Canvas#_onMouseMove} that we make sure **aren't** prevented ({@link IText#shouldStartDragging}) in order for the window to start a drag session\n * - once/if the session starts canvas calls {@link onDragStart} on the active object to determine if dragging should occur\n * - canvas fires relevant drag events that are handled by the handlers defined in this scope\n * - {@link end} is called from `mouseup` {@link IText#mouseUpHandler}, blocking IText default click behavior\n * - in case the drag session didn't occur, {@link end} handles a click, since logic to do so was blocked during `mousedown`\n */\nexport class DraggableTextDelegate {\n  readonly target: IText;\n  private __mouseDownInPlace = false;\n  private __dragStartFired = false;\n  private __isDraggingOver = false;\n  private __dragStartSelection?: {\n    selectionStart: number;\n    selectionEnd: number;\n  };\n  private __dragImageDisposer?: VoidFunction;\n  private _dispose?: () => void;\n\n  constructor(target: IText) {\n    this.target = target;\n    const disposers = [\n      this.target.on('dragenter', this.dragEnterHandler.bind(this)),\n      this.target.on('dragover', this.dragOverHandler.bind(this)),\n      this.target.on('dragleave', this.dragLeaveHandler.bind(this)),\n      this.target.on('dragend', this.dragEndHandler.bind(this)),\n      this.target.on('drop', this.dropHandler.bind(this)),\n    ];\n    this._dispose = () => {\n      disposers.forEach((d) => d());\n      this._dispose = undefined;\n    };\n  }\n\n  isPointerOverSelection(e: TPointerEvent) {\n    const target = this.target;\n    const newSelection = target.getSelectionStartFromPointer(e);\n    return (\n      target.isEditing &&\n      newSelection >= target.selectionStart &&\n      newSelection <= target.selectionEnd &&\n      target.selectionStart < target.selectionEnd\n    );\n  }\n\n  /**\n   * @public override this method to disable dragging and default to mousedown logic\n   */\n  start(e: TPointerEvent) {\n    return (this.__mouseDownInPlace = this.isPointerOverSelection(e));\n  }\n\n  /**\n   * @public override this method to disable dragging without discarding selection\n   */\n  isActive() {\n    return this.__mouseDownInPlace;\n  }\n\n  /**\n   * Ends interaction and sets cursor in case of a click\n   * @returns true if was active\n   */\n  end(e: TPointerEvent) {\n    const active = this.isActive();\n    if (active && !this.__dragStartFired) {\n      // mousedown has been blocked since `active` is true => cursor has not been set.\n      // `__dragStartFired` is false => dragging didn't occur, pointer didn't move and is over selection.\n      // meaning this is actually a click, `active` is a false positive.\n      this.target.setCursorByClick(e);\n      this.target.initDelayedCursor(true);\n    }\n    this.__mouseDownInPlace = false;\n    this.__dragStartFired = false;\n    this.__isDraggingOver = false;\n    return active;\n  }\n\n  getDragStartSelection() {\n    return this.__dragStartSelection;\n  }\n\n  /**\n   * Override to customize the drag image\n   * https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/setDragImage\n   */\n  setDragImage(\n    e: DragEvent,\n    {\n      selectionStart,\n      selectionEnd,\n    }: {\n      selectionStart: number;\n      selectionEnd: number;\n    },\n  ) {\n    const target = this.target;\n    const canvas = target.canvas!;\n    const flipFactor = new Point(target.flipX ? -1 : 1, target.flipY ? -1 : 1);\n    const boundaries = target._getCursorBoundaries(selectionStart);\n    const selectionPosition = new Point(\n      boundaries.left + boundaries.leftOffset,\n      boundaries.top + boundaries.topOffset,\n    ).multiply(flipFactor);\n    const pos = selectionPosition.transform(target.calcTransformMatrix());\n    const pointer = canvas.getScenePoint(e);\n    const diff = pointer.subtract(pos);\n    const retinaScaling = target.getCanvasRetinaScaling();\n    const bbox = target.getBoundingRect();\n    const correction = pos.subtract(new Point(bbox.left, bbox.top));\n    const vpt = canvas.viewportTransform;\n    const offset = correction.add(diff).transform(vpt, true);\n    //  prepare instance for drag image snapshot by making all non selected text invisible\n    const bgc = target.backgroundColor;\n    const styles = cloneStyles(target.styles);\n    target.backgroundColor = '';\n    const styleOverride = {\n      stroke: 'transparent',\n      fill: 'transparent',\n      textBackgroundColor: 'transparent',\n    };\n    target.setSelectionStyles(styleOverride, 0, selectionStart);\n    target.setSelectionStyles(styleOverride, selectionEnd, target.text.length);\n    target.dirty = true;\n    const dragImage = target.toCanvasElement({\n      enableRetinaScaling: canvas.enableRetinaScaling,\n      viewportTransform: true,\n    });\n    // restore values\n    target.backgroundColor = bgc;\n    target.styles = styles;\n    target.dirty = true;\n    //  position drag image offscreen\n    setStyle(dragImage, {\n      position: 'fixed',\n      left: `${-dragImage.width}px`,\n      border: NONE,\n      width: `${dragImage.width / retinaScaling}px`,\n      height: `${dragImage.height / retinaScaling}px`,\n    });\n    this.__dragImageDisposer && this.__dragImageDisposer();\n    this.__dragImageDisposer = () => {\n      dragImage.remove();\n    };\n    getDocumentFromElement(\n      (e.target || this.target.hiddenTextarea)! as HTMLElement,\n    ).body.appendChild(dragImage);\n    e.dataTransfer?.setDragImage(dragImage, offset.x, offset.y);\n  }\n\n  /**\n   * @returns {boolean} determines whether {@link target} should/shouldn't become a drag source\n   */\n  onDragStart(e: DragEvent): boolean {\n    this.__dragStartFired = true;\n    const target = this.target;\n    const active = this.isActive();\n    if (active && e.dataTransfer) {\n      const selection = (this.__dragStartSelection = {\n        selectionStart: target.selectionStart,\n        selectionEnd: target.selectionEnd,\n      });\n      const value = target._text\n        .slice(selection.selectionStart, selection.selectionEnd)\n        .join('');\n      const data = { text: target.text, value, ...selection };\n      e.dataTransfer.setData('text/plain', value);\n      e.dataTransfer.setData(\n        'application/fabric',\n        JSON.stringify({\n          value: value,\n          styles: target.getSelectionStyles(\n            selection.selectionStart,\n            selection.selectionEnd,\n            true,\n          ),\n        }),\n      );\n      e.dataTransfer.effectAllowed = 'copyMove';\n      this.setDragImage(e, data);\n    }\n    target.abortCursorAnimation();\n    return active;\n  }\n\n  /**\n   * use {@link targetCanDrop} to respect overriding\n   * @returns {boolean} determines whether {@link target} should/shouldn't become a drop target\n   */\n  canDrop(e: DragEvent): boolean {\n    if (\n      this.target.editable &&\n      !this.target.getActiveControl() &&\n      !e.defaultPrevented\n    ) {\n      if (this.isActive() && this.__dragStartSelection) {\n        //  drag source trying to drop over itself\n        //  allow dropping only outside of drag start selection\n        const index = this.target.getSelectionStartFromPointer(e);\n        const dragStartSelection = this.__dragStartSelection;\n        return (\n          index < dragStartSelection.selectionStart ||\n          index > dragStartSelection.selectionEnd\n        );\n      }\n      return true;\n    }\n    return false;\n  }\n\n  /**\n   * in order to respect overriding {@link IText#canDrop} we call that instead of calling {@link canDrop} directly\n   */\n  protected targetCanDrop(e: DragEvent) {\n    return this.target.canDrop(e);\n  }\n\n  dragEnterHandler({ e }: DragEventData) {\n    const canDrop = this.targetCanDrop(e);\n    if (!this.__isDraggingOver && canDrop) {\n      this.__isDraggingOver = true;\n    }\n  }\n\n  dragOverHandler(ev: DragEventData) {\n    const { e } = ev;\n    const canDrop = this.targetCanDrop(e);\n    if (!this.__isDraggingOver && canDrop) {\n      this.__isDraggingOver = true;\n    } else if (this.__isDraggingOver && !canDrop) {\n      //  drop state has changed\n      this.__isDraggingOver = false;\n    }\n    if (this.__isDraggingOver) {\n      //  can be dropped, inform browser\n      e.preventDefault();\n      //  inform event subscribers\n      ev.canDrop = true;\n      ev.dropTarget = this.target;\n    }\n  }\n\n  dragLeaveHandler() {\n    if (this.__isDraggingOver || this.isActive()) {\n      this.__isDraggingOver = false;\n    }\n  }\n\n  /**\n   * Override the `text/plain | application/fabric` types of {@link DragEvent#dataTransfer}\n   * in order to change the drop value or to customize styling respectively, by listening to the `drop:before` event\n   * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#performing_a_drop\n   */\n  dropHandler(ev: DropEventData) {\n    const { e } = ev;\n    const didDrop = e.defaultPrevented;\n    this.__isDraggingOver = false;\n    // inform browser that the drop has been accepted\n    e.preventDefault();\n    let insert = e.dataTransfer?.getData('text/plain');\n    if (insert && !didDrop) {\n      const target = this.target;\n      const canvas = target.canvas!;\n      let insertAt = target.getSelectionStartFromPointer(e);\n      const { styles } = (\n        e.dataTransfer!.types.includes('application/fabric')\n          ? JSON.parse(e.dataTransfer!.getData('application/fabric'))\n          : {}\n      ) as { styles: TextStyleDeclaration[] };\n      const trailing = insert[Math.max(0, insert.length - 1)];\n      const selectionStartOffset = 0;\n      //  drag and drop in same instance\n      if (this.__dragStartSelection) {\n        const selectionStart = this.__dragStartSelection.selectionStart;\n        const selectionEnd = this.__dragStartSelection.selectionEnd;\n        if (insertAt > selectionStart && insertAt <= selectionEnd) {\n          insertAt = selectionStart;\n        } else if (insertAt > selectionEnd) {\n          insertAt -= selectionEnd - selectionStart;\n        }\n        target.removeChars(selectionStart, selectionEnd);\n        // prevent `dragend` from handling event\n        delete this.__dragStartSelection;\n      }\n      //  remove redundant line break\n      if (\n        target._reNewline.test(trailing) &&\n        (target._reNewline.test(target._text[insertAt]) ||\n          insertAt === target._text.length)\n      ) {\n        insert = insert.trimEnd();\n      }\n      //  inform subscribers\n      ev.didDrop = true;\n      ev.dropTarget = target;\n      //  finalize\n      target.insertChars(insert, styles, insertAt);\n      // can this part be moved in an outside event? andrea to check.\n      canvas.setActiveObject(target);\n      target.enterEditing(e);\n      target.selectionStart = Math.min(\n        insertAt + selectionStartOffset,\n        target._text.length,\n      );\n      target.selectionEnd = Math.min(\n        target.selectionStart + insert.length,\n        target._text.length,\n      );\n      target.hiddenTextarea!.value = target.text;\n      target._updateTextarea();\n      target.hiddenTextarea!.focus();\n      target.fire(CHANGED, {\n        index: insertAt + selectionStartOffset,\n        action: 'drop',\n      });\n      canvas.fire('text:changed', { target });\n      canvas.contextTopDirty = true;\n      canvas.requestRenderAll();\n    }\n  }\n\n  /**\n   * fired only on the drag source after drop (if occurred)\n   * handle changes to the drag source in case of a drop on another object or a cancellation\n   * https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Drag_operations#finishing_a_drag\n   */\n  dragEndHandler({ e }: DragEventData) {\n    if (this.isActive() && this.__dragStartFired) {\n      //  once the drop event finishes we check if we need to change the drag source\n      //  if the drag source received the drop we bail out since the drop handler has already handled logic\n      if (this.__dragStartSelection) {\n        const target = this.target;\n        const canvas = this.target.canvas!;\n        const { selectionStart, selectionEnd } = this.__dragStartSelection;\n        const dropEffect = e.dataTransfer?.dropEffect || NONE;\n        if (dropEffect === NONE) {\n          // pointer is back over selection\n          target.selectionStart = selectionStart;\n          target.selectionEnd = selectionEnd;\n          target._updateTextarea();\n          target.hiddenTextarea!.focus();\n        } else {\n          target.clearContextTop();\n          if (dropEffect === 'move') {\n            target.removeChars(selectionStart, selectionEnd);\n            target.selectionStart = target.selectionEnd = selectionStart;\n            target.hiddenTextarea &&\n              (target.hiddenTextarea.value = target.text);\n            target._updateTextarea();\n            target.fire(CHANGED, {\n              index: selectionStart,\n              action: 'dragend',\n            });\n            canvas.fire('text:changed', { target });\n            canvas.requestRenderAll();\n          }\n          target.exitEditing();\n        }\n      }\n    }\n\n    this.__dragImageDisposer && this.__dragImageDisposer();\n    delete this.__dragImageDisposer;\n    delete this.__dragStartSelection;\n    this.__isDraggingOver = false;\n  }\n\n  dispose() {\n    this._dispose && this._dispose();\n  }\n}\n"],"names":["DraggableTextDelegate","constructor","target","_defineProperty","disposers","on","dragEnterHandler","bind","dragOverHandler","dragLeaveHandler","dragEndHandler","dropHandler","_dispose","forEach","d","undefined","isPointerOverSelection","e","newSelection","getSelectionStartFromPointer","isEditing","selectionStart","selectionEnd","start","__mouseDownInPlace","isActive","end","active","__dragStartFired","setCursorByClick","initDelayedCursor","__isDraggingOver","getDragStartSelection","__dragStartSelection","setDragImage","_ref","_e$dataTransfer","canvas","flipFactor","Point","flipX","flipY","boundaries","_getCursorBoundaries","selectionPosition","left","leftOffset","top","topOffset","multiply","pos","transform","calcTransformMatrix","pointer","getScenePoint","diff","subtract","retinaScaling","getCanvasRetinaScaling","bbox","getBoundingRect","correction","vpt","viewportTransform","offset","add","bgc","backgroundColor","styles","cloneStyles","styleOverride","stroke","fill","textBackgroundColor","setSelectionStyles","text","length","dirty","dragImage","toCanvasElement","enableRetinaScaling","setStyle","position","width","border","NONE","height","__dragImageDisposer","remove","getDocumentFromElement","hiddenTextarea","body","appendChild","dataTransfer","x","y","onDragStart","selection","value","_text","slice","join","data","setData","JSON","stringify","getSelectionStyles","effectAllowed","abortCursorAnimation","canDrop","editable","getActiveControl","defaultPrevented","index","dragStartSelection","targetCanDrop","_ref2","ev","preventDefault","dropTarget","_e$dataTransfer2","didDrop","insert","getData","insertAt","types","includes","parse","trailing","Math","max","selectionStartOffset","removeChars","_reNewline","test","trimEnd","insertChars","setActiveObject","enterEditing","min","_updateTextarea","focus","fire","CHANGED","action","contextTopDirty","requestRenderAll","_ref3","_e$dataTransfer3","dropEffect","clearContextTop","exitEditing","dispose"],"mappings":"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"}

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

@@ -0,0 +1,347 @@
+import type { ITextEvents } from './ITextBehavior';
+import { ITextClickBehavior } from './ITextClickBehavior';
+import type { TClassProperties, TFiller, TOptions } from '../../typedefs';
+import type { TPointerEvent } from '../../EventTypeDefs';
+import type { SerializedTextProps, TextProps } from '../Text/Text';
+import type { ObjectToCanvasElementOptions } from '../Object/Object';
+import type { FabricObject } from '../Object/FabricObject';
+export type CursorBoundaries = {
+    left: number;
+    top: number;
+    leftOffset: number;
+    topOffset: number;
+};
+export type CursorRenderingData = {
+    color: string;
+    opacity: number;
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+};
+export declare const iTextDefaultValues: Partial<TClassProperties<IText>>;
+interface UniqueITextProps {
+    selectionStart: number;
+    selectionEnd: number;
+}
+export interface SerializedITextProps extends SerializedTextProps, UniqueITextProps {
+}
+export interface ITextProps extends TextProps, UniqueITextProps {
+}
+/**
+ * @fires changed
+ * @fires selection:changed
+ * @fires editing:entered
+ * @fires editing:exited
+ * @fires dragstart
+ * @fires drag drag event firing on the drag source
+ * @fires dragend
+ * @fires copy
+ * @fires cut
+ * @fires paste
+ *
+ * #### Supported key combinations
+ * ```
+ *   Move cursor:                    left, right, up, down
+ *   Select character:               shift + left, shift + right
+ *   Select text vertically:         shift + up, shift + down
+ *   Move cursor by word:            alt + left, alt + right
+ *   Select words:                   shift + alt + left, shift + alt + right
+ *   Move cursor to line start/end:  cmd + left, cmd + right or home, end
+ *   Select till start/end of line:  cmd + shift + left, cmd + shift + right or shift + home, shift + end
+ *   Jump to start/end of text:      cmd + up, cmd + down
+ *   Select till start/end of text:  cmd + shift + up, cmd + shift + down or shift + pgUp, shift + pgDown
+ *   Delete character:               backspace
+ *   Delete word:                    alt + backspace
+ *   Delete line:                    cmd + backspace
+ *   Forward delete:                 delete
+ *   Copy text:                      ctrl/cmd + c
+ *   Paste text:                     ctrl/cmd + v
+ *   Cut text:                       ctrl/cmd + x
+ *   Select entire text:             ctrl/cmd + a
+ *   Quit editing                    tab or esc
+ * ```
+ *
+ * #### Supported mouse/touch combination
+ * ```
+ *   Position cursor:                click/touch
+ *   Create selection:               click/touch & drag
+ *   Create selection:               click & shift + click
+ *   Select word:                    double click
+ *   Select line:                    triple click
+ * ```
+ */
+export declare class IText<Props extends TOptions<ITextProps> = Partial<ITextProps>, SProps extends SerializedITextProps = SerializedITextProps, EventSpec extends ITextEvents = ITextEvents> extends ITextClickBehavior<Props, SProps, EventSpec> implements UniqueITextProps {
+    /**
+     * Index where text selection starts (or where cursor is when there is no selection)
+     * @type Number
+     */
+    selectionStart: number;
+    /**
+     * Index where text selection ends
+     * @type Number
+     */
+    selectionEnd: number;
+    compositionStart: number;
+    compositionEnd: number;
+    /**
+     * Color of text selection
+     * @type String
+     */
+    selectionColor: string;
+    /**
+     * Indicates whether text is in editing mode
+     * @type Boolean
+     */
+    isEditing: boolean;
+    /**
+     * Indicates whether a text can be edited
+     * @type Boolean
+     */
+    editable: boolean;
+    /**
+     * Border color of text object while it's in editing mode
+     * @type String
+     */
+    editingBorderColor: string;
+    /**
+     * Width of cursor (in px)
+     * @type Number
+     */
+    cursorWidth: number;
+    /**
+     * Color of text cursor color in editing mode.
+     * if not set (default) will take color from the text.
+     * if set to a color value that fabric can understand, it will
+     * be used instead of the color of the text at the current position.
+     * @type String
+     */
+    cursorColor: string;
+    /**
+     * Delay between cursor blink (in ms)
+     * @type Number
+     */
+    cursorDelay: number;
+    /**
+     * Duration of cursor fade in (in ms)
+     * @type Number
+     */
+    cursorDuration: number;
+    compositionColor: string;
+    /**
+     * Indicates whether internal text char widths can be cached
+     * @type Boolean
+     */
+    caching: boolean;
+    static ownDefaults: Partial<TClassProperties<IText<Partial<ITextProps>, SerializedITextProps, ITextEvents>>>;
+    static getDefaults(): Record<string, any>;
+    static type: string;
+    get type(): string;
+    /**
+     * Constructor
+     * @param {String} text Text string
+     * @param {Object} [options] Options object
+     */
+    constructor(text: string, options?: Props);
+    /**
+     * While editing handle differently
+     * @private
+     * @param {string} key
+     * @param {*} value
+     */
+    _set(key: string, value: any): this;
+    /**
+     * Sets selection start (left boundary of a selection)
+     * @param {Number} index Index to set selection start to
+     */
+    setSelectionStart(index: number): void;
+    /**
+     * Sets selection end (right boundary of a selection)
+     * @param {Number} index Index to set selection end to
+     */
+    setSelectionEnd(index: number): void;
+    /**
+     * @private
+     * @param {String} property 'selectionStart' or 'selectionEnd'
+     * @param {Number} index new position of property
+     */
+    protected _updateAndFire(property: 'selectionStart' | 'selectionEnd', index: number): void;
+    /**
+     * Fires the even of selection changed
+     * @private
+     */
+    _fireSelectionChanged(): void;
+    /**
+     * Initialize text dimensions. Render all text on given context
+     * or on a offscreen canvas to get the text width with measureText.
+     * Updates this.width and this.height with the proper values.
+     * Does not return dimensions.
+     * @private
+     */
+    initDimensions(): void;
+    /**
+     * Gets style of a current selection/cursor (at the start position)
+     * if startIndex or endIndex are not provided, selectionStart or selectionEnd will be used.
+     * @param {Number} startIndex Start index to get styles at
+     * @param {Number} endIndex End index to get styles at, if not specified selectionEnd or startIndex + 1
+     * @param {Boolean} [complete] get full style or not
+     * @return {Array} styles an array with one, zero or more Style objects
+     */
+    getSelectionStyles(startIndex?: number, endIndex?: number, complete?: boolean): Partial<import("../Text/StyledText").CompleteTextStyleDeclaration>[];
+    /**
+     * Sets style of a current selection, if no selection exist, do not set anything.
+     * @param {Object} [styles] Styles object
+     * @param {Number} [startIndex] Start index to get styles at
+     * @param {Number} [endIndex] End index to get styles at, if not specified selectionEnd or startIndex + 1
+     */
+    setSelectionStyles(styles: object, startIndex?: number, endIndex?: number): void;
+    /**
+     * Returns 2d representation (lineIndex and charIndex) of cursor (or selection start)
+     * @param {Number} [selectionStart] Optional index. When not given, current selectionStart is used.
+     * @param {Boolean} [skipWrapping] consider the location for unwrapped lines. useful to manage styles.
+     */
+    get2DCursorLocation(selectionStart?: number, skipWrapping?: boolean): {
+        lineIndex: number;
+        charIndex: number;
+    };
+    /**
+     * @private
+     * @param {CanvasRenderingContext2D} ctx Context to render on
+     */
+    render(ctx: CanvasRenderingContext2D): void;
+    /**
+     * @override block cursor/selection logic while rendering the exported canvas
+     * @todo this workaround should be replaced with a more robust solution
+     */
+    toCanvasElement(options?: ObjectToCanvasElementOptions): HTMLCanvasElement;
+    /**
+     * Renders cursor or selection (depending on what exists)
+     * it does on the contextTop. If contextTop is not available, do nothing.
+     */
+    renderCursorOrSelection(): void;
+    /**
+     * Finds and returns an array of clip paths that are applied to the parent
+     * group(s) of the current FabricObject instance. The object's hierarchy is
+     * traversed upwards (from the current object towards the root of the canvas),
+     * checking each parent object for the presence of a `clipPath` that is not
+     * absolutely positioned.
+     */
+    findAncestorsWithClipPath(): FabricObject[];
+    /**
+     * Returns cursor boundaries (left, top, leftOffset, topOffset)
+     * left/top are left/top of entire text box
+     * leftOffset/topOffset are offset from that left/top point of a text box
+     * @private
+     * @param {number} [index] index from start
+     * @param {boolean} [skipCaching]
+     */
+    _getCursorBoundaries(index?: number, skipCaching?: boolean): CursorBoundaries;
+    /**
+     * Caches and returns cursor left/top offset relative to instance's center point
+     * @private
+     * @param {number} index index from start
+     * @param {boolean} [skipCaching]
+     */
+    _getCursorBoundariesOffsets(index: number, skipCaching?: boolean): {
+        left: number;
+        top: number;
+    };
+    /**
+     * Enhanced cursor boundaries using advanced hit testing when available
+     * @private
+     */
+    _getCursorBoundariesAdvanced(index: number): CursorBoundaries;
+    /**
+     * Enhanced selection start from pointer using BiDi-aware hit testing
+     * @override
+     */
+    getSelectionStartFromPointer(e: TPointerEvent): number;
+    /**
+     * Original cursor boundaries implementation
+     * @private
+     */
+    _getCursorBoundariesOriginal(index: number, skipCaching?: boolean): CursorBoundaries;
+    /**
+     * Calculates cursor left/top offset relative to instance's center point
+     * @private
+     * @param {number} index index from start
+     */
+    __getCursorBoundariesOffsets(index: number): {
+        top: number;
+        left: number;
+    };
+    /**
+     * Renders cursor on context Top, outside the animation cycle, on request
+     * Used for the drag/drop effect.
+     * If contextTop is not available, do nothing.
+     */
+    renderCursorAt(selectionStart: number): void;
+    /**
+     * Renders cursor
+     * @param {Object} boundaries
+     * @param {CanvasRenderingContext2D} ctx transformed context to draw on
+     */
+    renderCursor(ctx: CanvasRenderingContext2D, boundaries: CursorBoundaries): void;
+    /**
+     * Return the data needed to render the cursor for given selection start
+     * The left,top are relative to the object, while width and height are prescaled
+     * to look think with canvas zoom and object scaling,
+     * so they depend on canvas and object scaling
+     */
+    getCursorRenderingData(selectionStart?: number, boundaries?: CursorBoundaries): CursorRenderingData;
+    /**
+     * Render the cursor at the given selectionStart.
+     * @param {CanvasRenderingContext2D} ctx transformed context to draw on
+     */
+    _renderCursor(ctx: CanvasRenderingContext2D, boundaries: CursorBoundaries, selectionStart: number): void;
+    /**
+     * Renders text selection
+     * @param {Object} boundaries Object with left/top/leftOffset/topOffset
+     * @param {CanvasRenderingContext2D} ctx transformed context to draw on
+     */
+    renderSelection(ctx: CanvasRenderingContext2D, boundaries: CursorBoundaries): void;
+    /**
+     * Renders drag start text selection
+     */
+    renderDragSourceEffect(): void;
+    renderDropTargetEffect(e: DragEvent): void;
+    /**
+     * Renders text selection
+     * @private
+     * @param {{ selectionStart: number, selectionEnd: number }} selection
+     * @param {Object} boundaries Object with left/top/leftOffset/topOffset
+     * @param {CanvasRenderingContext2D} ctx transformed context to draw on
+     */
+    _renderSelection(ctx: CanvasRenderingContext2D, selection: {
+        selectionStart: number;
+        selectionEnd: number;
+    }, boundaries: CursorBoundaries): void;
+    /**
+     * High level function to know the height of the cursor.
+     * the currentChar is the one that precedes the cursor
+     * Returns fontSize of char at the current cursor
+     * Unused from the library, is for the end user
+     * @return {Number} Character font size
+     */
+    getCurrentCharFontSize(): number;
+    /**
+     * High level function to know the color of the cursor.
+     * the currentChar is the one that precedes the cursor
+     * Returns color (fill) of char at the current cursor
+     * if the text object has a pattern or gradient for filler, it will return that.
+     * Unused by the library, is for the end user
+     * @return {String | TFiller} Character color (fill)
+     */
+    getCurrentCharColor(): string | TFiller | null;
+    /**
+     * Returns the cursor position for the getCurrent.. functions
+     * @private
+     */
+    _getCurrentCharIndex(): {
+        l: number;
+        c: number;
+    };
+    dispose(): void;
+}
+export {};
+//# sourceMappingURL=IText.d.ts.map

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

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

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

@@ -0,0 +1,2 @@
+import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.min.mjs";import{Canvas as e}from"../../canvas/Canvas.min.mjs";import{ITextClickBehavior as i}from"./ITextClickBehavior.min.mjs";import{getCursorRect as s,hitTest as r}from"../../text/hitTest.min.mjs";import{ctrlKeysMapUp as n,ctrlKeysMapDown as o,keysMapRtl as a,keysMap as h}from"./constants.min.mjs";import{classRegistry as l}from"../../ClassRegistry.min.mjs";import{JUSTIFY as c,JUSTIFY_RIGHT as d,JUSTIFY_LEFT as f,JUSTIFY_CENTER as g}from"../Text/constants.min.mjs";import{RIGHT as u,LEFT as p,CENTER as C,FILL as m}from"../../constants.min.mjs";import{createCanvasElementFor as x}from"../../util/misc/dom.min.mjs";import{applyCanvasTransform as _}from"../../util/internals/applyCanvasTransform.min.mjs";import{Point as S}from"../../Point.min.mjs";import{invertTransform as v}from"../../util/misc/matrix.min.mjs";const O={selectionStart:0,selectionEnd:0,selectionColor:"rgba(17,119,255,0.3)",isEditing:!1,editable:!0,editingBorderColor:"rgba(102,153,255,0.25)",cursorWidth:2,cursorColor:"",cursorDelay:1e3,cursorDuration:600,caching:!0,hiddenTextareaContainer:null,keysMap:h,keysMapRtl:a,ctrlKeysMapDown:o,ctrlKeysMapUp:n,_selectionDirection:null,_reSpace:/\s|\r?\n/,inCompositionMode:!1};class y extends i{static getDefaults(){return{...super.getDefaults(),...y.ownDefaults}}get type(){const t=super.type;return"itext"===t?"i-text":t}constructor(t,e){super(t,{...y.ownDefaults,...e}),this.initBehavior()}_set(t,i){return this.isEditing&&this._savedProps&&t in this._savedProps?(this._savedProps[t]=i,this):("canvas"===t&&(this.canvas instanceof e&&this.canvas.textEditingManager.remove(this),i instanceof e&&i.textEditingManager.add(this)),super._set(t,i))}setSelectionStart(t){t=Math.max(t,0),this._updateAndFire("selectionStart",t)}setSelectionEnd(t){t=Math.min(t,this.text.length),this._updateAndFire("selectionEnd",t)}_updateAndFire(t,e){this[t]!==e&&(this._fireSelectionChanged(),this[t]=e),this._updateTextarea()}_fireSelectionChanged(){this.fire("selection:changed"),this.canvas&&this.canvas.fire("text:selection:changed",{target:this})}initDimensions(){this.isEditing&&this.initDelayedCursor(),super.initDimensions()}getSelectionStyles(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.selectionStart||0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.selectionEnd,i=arguments.length>2?arguments[2]:void 0;return super.getSelectionStyles(t,e,i)}setSelectionStyles(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this.selectionStart||0,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:this.selectionEnd;return super.setSelectionStyles(t,e,i)}get2DCursorLocation(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.selectionStart,e=arguments.length>1?arguments[1]:void 0;return super.get2DCursorLocation(t,e)}render(t){super.render(t),this.cursorOffsetCache={},this.renderCursorOrSelection()}toCanvasElement(t){const e=this.isEditing;this.isEditing=!1;const i=super.toCanvasElement(t);return this.isEditing=e,i}renderCursorOrSelection(){if(!this.isEditing||!this.canvas)return;const t=this.clearContextTop(!0);if(!t)return;const e=this._getCursorBoundaries(),i=this.findAncestorsWithClipPath(),s=i.length>0;let r,n=t;if(s){r=x(t.canvas),n=r.getContext("2d"),_(n,this.canvas);const e=this.calcTransformMatrix();n.transform(e[0],e[1],e[2],e[3],e[4],e[5])}if(this.selectionStart!==this.selectionEnd||this.inCompositionMode?this.renderSelection(n,e):this.renderCursor(n,e),s)for(const e of i){const i=e.clipPath,s=x(t.canvas),r=s.getContext("2d");if(_(r,this.canvas),!i.absolutePositioned){const t=e.calcTransformMatrix();r.transform(t[0],t[1],t[2],t[3],t[4],t[5])}i.transform(r),i.drawObject(r,!0,{}),this.drawClipPathOnCache(n,i,s)}s&&(t.setTransform(1,0,0,1,0,0),t.drawImage(r,0,0)),this.canvas.contextTopDirty=!0,t.restore()}findAncestorsWithClipPath(){const t=[];let e=this;for(;e;)e.clipPath&&t.push(e),e=e.parent;return t}_getCursorBoundaries(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.selectionStart,e=arguments.length>1?arguments[1]:void 0;return this.enableAdvancedLayout?this._getCursorBoundariesAdvanced(t):this._getCursorBoundariesOriginal(t,e)}_getCursorBoundariesOffsets(t,e){return e?this.__getCursorBoundariesOffsets(t):this.cursorOffsetCache&&"top"in this.cursorOffsetCache?this.cursorOffsetCache:this.cursorOffsetCache=this.__getCursorBoundariesOffsets(t)}_getCursorBoundariesAdvanced(t){if(!this.enableAdvancedLayout||!this._layoutTextAdvanced)return this._getCursorBoundariesOriginal(t);const e=this._layoutTextAdvanced(),i=s(t,e,this._getAdvancedLayoutOptions());return{left:this._getLeftOffset(),top:this._getTopOffset(),leftOffset:i.x,topOffset:i.y}}getSelectionStartFromPointer(t){if(!this.enableAdvancedLayout||!this._layoutTextAdvanced)return super.getSelectionStartFromPointer(t);const e=this.canvas.getScenePoint(t).transform(v(this.calcTransformMatrix())).add(new S(-this._getLeftOffset(),-this._getTopOffset())),i=this._layoutTextAdvanced(),s=r(e.x,e.y,i,this._getAdvancedLayoutOptions());return Math.min(s.charIndex,this._text.length)}_getCursorBoundariesOriginal(t,e){const i=this._getLeftOffset(),s=this._getTopOffset(),r=this._getCursorBoundariesOffsets(t,e);return{left:i,top:s,leftOffset:r.left,topOffset:r.top}}__getCursorBoundariesOffsets(t){let e=0,i=0;const{charIndex:s,lineIndex:r}=this.get2DCursorLocation(t);for(let t=0;t<r;t++)e+=this.getHeightOfLine(t);const n=this._getLineLeftOffset(r),o=this.__charBounds[r][s];o&&(i=o.left),0!==this.charSpacing&&s===this._textLines[r].length&&(i-=this._getWidthOfCharSpacing());const a={top:e,left:n+(i>0?i:0)};return"rtl"===this.direction&&(this.textAlign===u||this.textAlign===c||this.textAlign===d?a.left*=-1:this.textAlign===p||this.textAlign===f?a.left=n-(i>0?i:0):this.textAlign!==C&&this.textAlign!==g||(a.left=n-(i>0?i:0))),a}renderCursorAt(t){this._renderCursor(this.canvas.contextTop,this._getCursorBoundaries(t,!0),t)}renderCursor(t,e){this._renderCursor(t,e,this.selectionStart)}getCursorRenderingData(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.selectionStart,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:this._getCursorBoundaries(t);const i=this.get2DCursorLocation(t),s=i.lineIndex,r=i.charIndex>0?i.charIndex-1:0,n=this.getValueOfPropertyAt(s,r,"fontSize"),o=this.getObjectScaling().x*this.canvas.getZoom(),a=this.cursorWidth/o,h=this.getValueOfPropertyAt(s,r,"deltaY"),l=e.topOffset+(1-this._fontSizeFraction)*this.getHeightOfLine(s)/this.lineHeight-n*(1-this._fontSizeFraction);return{color:this.cursorColor||this.getValueOfPropertyAt(s,r,"fill"),opacity:this._currentCursorOpacity,left:e.left+e.leftOffset-a/2,top:l+e.top+h,width:a,height:n}}_renderCursor(t,e,i){const{color:s,opacity:r,left:n,top:o,width:a,height:h}=this.getCursorRenderingData(i,e);t.fillStyle=s,t.globalAlpha=r,t.fillRect(n,o,a,h)}renderSelection(t,e){const i={selectionStart:this.inCompositionMode?this.hiddenTextarea.selectionStart:this.selectionStart,selectionEnd:this.inCompositionMode?this.hiddenTextarea.selectionEnd:this.selectionEnd};this._renderSelection(t,i,e)}renderDragSourceEffect(){const t=this.draggableTextDelegate.getDragStartSelection();this._renderSelection(this.canvas.contextTop,t,this._getCursorBoundaries(t.selectionStart,!0))}renderDropTargetEffect(t){const e=this.getSelectionStartFromPointer(t);this.renderCursorAt(e)}_renderSelection(t,e,i){const s=e.selectionStart,r=e.selectionEnd,n=this.textAlign.includes(c),o=this.get2DCursorLocation(s),a=this.get2DCursorLocation(r),h=o.lineIndex,l=a.lineIndex,m=o.charIndex<0?0:o.charIndex,x=a.charIndex<0?0:a.charIndex;for(let e=h;e<=l;e++){const s=this._getLineLeftOffset(e)||0;let r=this.getHeightOfLine(e),o=0,a=0,_=0;if(e===h&&(a=this.__charBounds[h][m].left),e>=h&&e<l)_=n&&!this.isEndOfWrapping(e)?this.width:this.getLineWidth(e)||5;else if(e===l)if(0===x)_=this.__charBounds[l][x].left;else{const t=this._getWidthOfCharSpacing();_=this.__charBounds[l][x-1].left+this.__charBounds[l][x-1].width-t}o=r,(this.lineHeight<1||e===l&&this.lineHeight>1)&&(r/=this.lineHeight);let S=i.left+s+a,v=r,O=0;const y=_-a;this.inCompositionMode?(t.fillStyle=this.compositionColor||"black",v=1,O=r):t.fillStyle=this.selectionColor,"rtl"===this.direction&&(this.textAlign===u||this.textAlign===c||this.textAlign===d?S=this.width-S-y:this.textAlign===p||this.textAlign===f?S=i.left+s-_:this.textAlign!==C&&this.textAlign!==g||(S=i.left+s-_)),t.fillRect(S,i.top+i.topOffset+O,y,v),i.topOffset+=o}}getCurrentCharFontSize(){const t=this._getCurrentCharIndex();return this.getValueOfPropertyAt(t.l,t.c,"fontSize")}getCurrentCharColor(){const t=this._getCurrentCharIndex();return this.getValueOfPropertyAt(t.l,t.c,m)}_getCurrentCharIndex(){const t=this.get2DCursorLocation(this.selectionStart,!0),e=t.charIndex>0?t.charIndex-1:0;return{l:t.lineIndex,c:e}}dispose(){this.exitEditingImpl(),this.draggableTextDelegate.dispose(),super.dispose()}}t(y,"ownDefaults",O),t(y,"type","IText"),l.setClass(y),l.setClass(y,"i-text");export{y as IText,O as iTextDefaultValues};
+//# sourceMappingURL=IText.min.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IText.min.mjs","sources":["../../../../src/shapes/IText/IText.ts"],"sourcesContent":["import { Canvas } from '../../canvas/Canvas';\r\nimport type { ITextEvents } from './ITextBehavior';\r\nimport { ITextClickBehavior } from './ITextClickBehavior';\r\nimport { hitTest, getCursorRect, getSelectionRects } from '../../text/hitTest';\r\nimport type { HitTestResult, CursorRect } from '../../text/hitTest';\r\nimport {\r\n  ctrlKeysMapDown,\r\n  ctrlKeysMapUp,\r\n  keysMap,\r\n  keysMapRtl,\r\n} from './constants';\r\nimport type { TClassProperties, TFiller, TOptions } from '../../typedefs';\r\nimport type { TPointerEvent } from '../../EventTypeDefs';\r\nimport { classRegistry } from '../../ClassRegistry';\r\nimport type { SerializedTextProps, TextProps } from '../Text/Text';\r\nimport {\r\n  JUSTIFY,\r\n  JUSTIFY_CENTER,\r\n  JUSTIFY_LEFT,\r\n  JUSTIFY_RIGHT,\r\n} from '../Text/constants';\r\nimport { CENTER, FILL, LEFT, RIGHT } from '../../constants';\r\nimport type { ObjectToCanvasElementOptions } from '../Object/Object';\r\nimport type { FabricObject } from '../Object/FabricObject';\r\nimport { createCanvasElementFor } from '../../util/misc/dom';\r\nimport { applyCanvasTransform } from '../../util/internals/applyCanvasTransform';\r\nimport { Point } from '../../Point';\r\nimport { invertTransform } from '../../util/misc/matrix';\r\n\r\nexport type CursorBoundaries = {\r\n  left: number;\r\n  top: number;\r\n  leftOffset: number;\r\n  topOffset: number;\r\n};\r\n\r\nexport type CursorRenderingData = {\r\n  color: string;\r\n  opacity: number;\r\n  left: number;\r\n  top: number;\r\n  width: number;\r\n  height: number;\r\n};\r\n\r\n// Declare IText protected properties to workaround TS\r\nconst protectedDefaultValues = {\r\n  _selectionDirection: null,\r\n  _reSpace: /\\s|\\r?\\n/,\r\n  inCompositionMode: false,\r\n};\r\n\r\nexport const iTextDefaultValues: Partial<TClassProperties<IText>> = {\r\n  selectionStart: 0,\r\n  selectionEnd: 0,\r\n  selectionColor: 'rgba(17,119,255,0.3)',\r\n  isEditing: false,\r\n  editable: true,\r\n  editingBorderColor: 'rgba(102,153,255,0.25)',\r\n  cursorWidth: 2,\r\n  cursorColor: '',\r\n  cursorDelay: 1000,\r\n  cursorDuration: 600,\r\n  caching: true,\r\n  hiddenTextareaContainer: null,\r\n  keysMap,\r\n  keysMapRtl,\r\n  ctrlKeysMapDown,\r\n  ctrlKeysMapUp,\r\n  ...protectedDefaultValues,\r\n};\r\n\r\n// @TODO this is not complete\r\ninterface UniqueITextProps {\r\n  selectionStart: number;\r\n  selectionEnd: number;\r\n}\r\n\r\nexport interface SerializedITextProps\r\n  extends SerializedTextProps,\r\n    UniqueITextProps {}\r\n\r\nexport interface ITextProps extends TextProps, UniqueITextProps {}\r\n\r\n/**\r\n * @fires changed\r\n * @fires selection:changed\r\n * @fires editing:entered\r\n * @fires editing:exited\r\n * @fires dragstart\r\n * @fires drag drag event firing on the drag source\r\n * @fires dragend\r\n * @fires copy\r\n * @fires cut\r\n * @fires paste\r\n *\r\n * #### Supported key combinations\r\n * ```\r\n *   Move cursor:                    left, right, up, down\r\n *   Select character:               shift + left, shift + right\r\n *   Select text vertically:         shift + up, shift + down\r\n *   Move cursor by word:            alt + left, alt + right\r\n *   Select words:                   shift + alt + left, shift + alt + right\r\n *   Move cursor to line start/end:  cmd + left, cmd + right or home, end\r\n *   Select till start/end of line:  cmd + shift + left, cmd + shift + right or shift + home, shift + end\r\n *   Jump to start/end of text:      cmd + up, cmd + down\r\n *   Select till start/end of text:  cmd + shift + up, cmd + shift + down or shift + pgUp, shift + pgDown\r\n *   Delete character:               backspace\r\n *   Delete word:                    alt + backspace\r\n *   Delete line:                    cmd + backspace\r\n *   Forward delete:                 delete\r\n *   Copy text:                      ctrl/cmd + c\r\n *   Paste text:                     ctrl/cmd + v\r\n *   Cut text:                       ctrl/cmd + x\r\n *   Select entire text:             ctrl/cmd + a\r\n *   Quit editing                    tab or esc\r\n * ```\r\n *\r\n * #### Supported mouse/touch combination\r\n * ```\r\n *   Position cursor:                click/touch\r\n *   Create selection:               click/touch & drag\r\n *   Create selection:               click & shift + click\r\n *   Select word:                    double click\r\n *   Select line:                    triple click\r\n * ```\r\n */\r\nexport class IText<\r\n    Props extends TOptions<ITextProps> = Partial<ITextProps>,\r\n    SProps extends SerializedITextProps = SerializedITextProps,\r\n    EventSpec extends ITextEvents = ITextEvents,\r\n  >\r\n  extends ITextClickBehavior<Props, SProps, EventSpec>\r\n  implements UniqueITextProps\r\n{\r\n  /**\r\n   * Index where text selection starts (or where cursor is when there is no selection)\r\n   * @type Number\r\n   */\r\n  declare selectionStart: number;\r\n\r\n  /**\r\n   * Index where text selection ends\r\n   * @type Number\r\n   */\r\n  declare selectionEnd: number;\r\n\r\n  declare compositionStart: number;\r\n\r\n  declare compositionEnd: number;\r\n\r\n  /**\r\n   * Color of text selection\r\n   * @type String\r\n   */\r\n  declare selectionColor: string;\r\n\r\n  /**\r\n   * Indicates whether text is in editing mode\r\n   * @type Boolean\r\n   */\r\n  declare isEditing: boolean;\r\n\r\n  /**\r\n   * Indicates whether a text can be edited\r\n   * @type Boolean\r\n   */\r\n  declare editable: boolean;\r\n\r\n  /**\r\n   * Border color of text object while it's in editing mode\r\n   * @type String\r\n   */\r\n  declare editingBorderColor: string;\r\n\r\n  /**\r\n   * Width of cursor (in px)\r\n   * @type Number\r\n   */\r\n  declare cursorWidth: number;\r\n\r\n  /**\r\n   * Color of text cursor color in editing mode.\r\n   * if not set (default) will take color from the text.\r\n   * if set to a color value that fabric can understand, it will\r\n   * be used instead of the color of the text at the current position.\r\n   * @type String\r\n   */\r\n  declare cursorColor: string;\r\n\r\n  /**\r\n   * Delay between cursor blink (in ms)\r\n   * @type Number\r\n   */\r\n  declare cursorDelay: number;\r\n\r\n  /**\r\n   * Duration of cursor fade in (in ms)\r\n   * @type Number\r\n   */\r\n  declare cursorDuration: number;\r\n\r\n  declare compositionColor: string;\r\n\r\n  /**\r\n   * Indicates whether internal text char widths can be cached\r\n   * @type Boolean\r\n   */\r\n  declare caching: boolean;\r\n\r\n  static ownDefaults = iTextDefaultValues;\r\n\r\n  static getDefaults(): Record<string, any> {\r\n    return { ...super.getDefaults(), ...IText.ownDefaults };\r\n  }\r\n\r\n  static type = 'IText';\r\n\r\n  get type() {\r\n    const type = super.type;\r\n    // backward compatibility\r\n    return type === 'itext' ? 'i-text' : type;\r\n  }\r\n\r\n  /**\r\n   * Constructor\r\n   * @param {String} text Text string\r\n   * @param {Object} [options] Options object\r\n   */\r\n  constructor(text: string, options?: Props) {\r\n    super(text, { ...IText.ownDefaults, ...options } as Props);\r\n    this.initBehavior();\r\n  }\r\n\r\n  /**\r\n   * While editing handle differently\r\n   * @private\r\n   * @param {string} key\r\n   * @param {*} value\r\n   */\r\n  _set(key: string, value: any) {\r\n    if (this.isEditing && this._savedProps && key in this._savedProps) {\r\n      // @ts-expect-error irritating TS\r\n      this._savedProps[key] = value;\r\n      return this;\r\n    }\r\n    if (key === 'canvas') {\r\n      this.canvas instanceof Canvas &&\r\n        this.canvas.textEditingManager.remove(this);\r\n      value instanceof Canvas && value.textEditingManager.add(this);\r\n    }\r\n    return super._set(key, value);\r\n  }\r\n\r\n  /**\r\n   * Sets selection start (left boundary of a selection)\r\n   * @param {Number} index Index to set selection start to\r\n   */\r\n  setSelectionStart(index: number) {\r\n    index = Math.max(index, 0);\r\n    this._updateAndFire('selectionStart', index);\r\n  }\r\n\r\n  /**\r\n   * Sets selection end (right boundary of a selection)\r\n   * @param {Number} index Index to set selection end to\r\n   */\r\n  setSelectionEnd(index: number) {\r\n    index = Math.min(index, this.text.length);\r\n    this._updateAndFire('selectionEnd', index);\r\n  }\r\n\r\n  /**\r\n   * @private\r\n   * @param {String} property 'selectionStart' or 'selectionEnd'\r\n   * @param {Number} index new position of property\r\n   */\r\n  protected _updateAndFire(\r\n    property: 'selectionStart' | 'selectionEnd',\r\n    index: number,\r\n  ) {\r\n    if (this[property] !== index) {\r\n      this._fireSelectionChanged();\r\n      this[property] = index;\r\n    }\r\n    this._updateTextarea();\r\n  }\r\n\r\n  /**\r\n   * Fires the even of selection changed\r\n   * @private\r\n   */\r\n  _fireSelectionChanged() {\r\n    this.fire('selection:changed');\r\n    this.canvas && this.canvas.fire('text:selection:changed', { target: this });\r\n  }\r\n\r\n  /**\r\n   * Initialize text dimensions. Render all text on given context\r\n   * or on a offscreen canvas to get the text width with measureText.\r\n   * Updates this.width and this.height with the proper values.\r\n   * Does not return dimensions.\r\n   * @private\r\n   */\r\n  initDimensions() {\r\n    this.isEditing && this.initDelayedCursor();\r\n    super.initDimensions();\r\n  }\r\n\r\n  /**\r\n   * Gets style of a current selection/cursor (at the start position)\r\n   * if startIndex or endIndex are not provided, selectionStart or selectionEnd will be used.\r\n   * @param {Number} startIndex Start index to get styles at\r\n   * @param {Number} endIndex End index to get styles at, if not specified selectionEnd or startIndex + 1\r\n   * @param {Boolean} [complete] get full style or not\r\n   * @return {Array} styles an array with one, zero or more Style objects\r\n   */\r\n  getSelectionStyles(\r\n    startIndex: number = this.selectionStart || 0,\r\n    endIndex: number = this.selectionEnd,\r\n    complete?: boolean,\r\n  ) {\r\n    return super.getSelectionStyles(startIndex, endIndex, complete);\r\n  }\r\n\r\n  /**\r\n   * Sets style of a current selection, if no selection exist, do not set anything.\r\n   * @param {Object} [styles] Styles object\r\n   * @param {Number} [startIndex] Start index to get styles at\r\n   * @param {Number} [endIndex] End index to get styles at, if not specified selectionEnd or startIndex + 1\r\n   */\r\n  setSelectionStyles(\r\n    styles: object,\r\n    startIndex: number = this.selectionStart || 0,\r\n    endIndex: number = this.selectionEnd,\r\n  ) {\r\n    return super.setSelectionStyles(styles, startIndex, endIndex);\r\n  }\r\n\r\n  /**\r\n   * Returns 2d representation (lineIndex and charIndex) of cursor (or selection start)\r\n   * @param {Number} [selectionStart] Optional index. When not given, current selectionStart is used.\r\n   * @param {Boolean} [skipWrapping] consider the location for unwrapped lines. useful to manage styles.\r\n   */\r\n  get2DCursorLocation(\r\n    selectionStart = this.selectionStart,\r\n    skipWrapping?: boolean,\r\n  ) {\r\n    return super.get2DCursorLocation(selectionStart, skipWrapping);\r\n  }\r\n\r\n  /**\r\n   * @private\r\n   * @param {CanvasRenderingContext2D} ctx Context to render on\r\n   */\r\n  render(ctx: CanvasRenderingContext2D) {\r\n    super.render(ctx);\r\n    // clear the cursorOffsetCache, so we ensure to calculate once per renderCursor\r\n    // the correct position but not at every cursor animation.\r\n    this.cursorOffsetCache = {};\r\n    this.renderCursorOrSelection();\r\n  }\r\n\r\n  /**\r\n   * @override block cursor/selection logic while rendering the exported canvas\r\n   * @todo this workaround should be replaced with a more robust solution\r\n   */\r\n  toCanvasElement(options?: ObjectToCanvasElementOptions): HTMLCanvasElement {\r\n    const isEditing = this.isEditing;\r\n    this.isEditing = false;\r\n    const canvas = super.toCanvasElement(options);\r\n    this.isEditing = isEditing;\r\n    return canvas;\r\n  }\r\n\r\n  /**\r\n   * Renders cursor or selection (depending on what exists)\r\n   * it does on the contextTop. If contextTop is not available, do nothing.\r\n   */\r\n  renderCursorOrSelection() {\r\n    if (!this.isEditing || !this.canvas) {\r\n      return;\r\n    }\r\n    const ctx = this.clearContextTop(true);\r\n    if (!ctx) {\r\n      return;\r\n    }\r\n    const boundaries = this._getCursorBoundaries();\r\n\r\n    const ancestors = this.findAncestorsWithClipPath();\r\n    const hasAncestorsWithClipping = ancestors.length > 0;\r\n    let drawingCtx: CanvasRenderingContext2D = ctx;\r\n    let drawingCanvas: HTMLCanvasElement | undefined = undefined;\r\n    if (hasAncestorsWithClipping) {\r\n      // we have some clipPath, we need to draw the selection on an intermediate layer.\r\n      drawingCanvas = createCanvasElementFor(ctx.canvas);\r\n      drawingCtx = drawingCanvas.getContext('2d')!;\r\n      applyCanvasTransform(drawingCtx, this.canvas);\r\n      const m = this.calcTransformMatrix();\r\n      drawingCtx.transform(m[0], m[1], m[2], m[3], m[4], m[5]);\r\n    }\r\n\r\n    if (this.selectionStart === this.selectionEnd && !this.inCompositionMode) {\r\n      this.renderCursor(drawingCtx, boundaries);\r\n    } else {\r\n      this.renderSelection(drawingCtx, boundaries);\r\n    }\r\n\r\n    if (hasAncestorsWithClipping) {\r\n      // we need a neutral context.\r\n      // this won't work for nested clippaths in which a clippath\r\n      // has its own clippath\r\n      for (const ancestor of ancestors) {\r\n        const clipPath = ancestor.clipPath!;\r\n        const clippingCanvas = createCanvasElementFor(ctx.canvas);\r\n        const clippingCtx = clippingCanvas.getContext('2d')!;\r\n        applyCanvasTransform(clippingCtx, this.canvas);\r\n        // position the ctx in the center of the outer ancestor\r\n        if (!clipPath.absolutePositioned) {\r\n          const m = ancestor.calcTransformMatrix();\r\n          clippingCtx.transform(m[0], m[1], m[2], m[3], m[4], m[5]);\r\n        }\r\n        clipPath.transform(clippingCtx);\r\n        // we assign an empty drawing context, we don't plan to have this working for nested clippaths for now\r\n        clipPath.drawObject(clippingCtx, true, {});\r\n        this.drawClipPathOnCache(drawingCtx, clipPath, clippingCanvas);\r\n      }\r\n    }\r\n\r\n    if (hasAncestorsWithClipping) {\r\n      ctx.setTransform(1, 0, 0, 1, 0, 0);\r\n      ctx.drawImage(drawingCanvas!, 0, 0);\r\n    }\r\n\r\n    this.canvas.contextTopDirty = true;\r\n    ctx.restore();\r\n  }\r\n\r\n  /**\r\n   * Finds and returns an array of clip paths that are applied to the parent\r\n   * group(s) of the current FabricObject instance. The object's hierarchy is\r\n   * traversed upwards (from the current object towards the root of the canvas),\r\n   * checking each parent object for the presence of a `clipPath` that is not\r\n   * absolutely positioned.\r\n   */\r\n  findAncestorsWithClipPath(): FabricObject[] {\r\n    const clipPathAncestors: FabricObject[] = [];\r\n    // eslint-disable-next-line @typescript-eslint/no-this-alias\r\n    let obj: FabricObject | undefined = this;\r\n    while (obj) {\r\n      if (obj.clipPath) {\r\n        clipPathAncestors.push(obj);\r\n      }\r\n      obj = obj.parent;\r\n    }\r\n\r\n    return clipPathAncestors;\r\n  }\r\n\r\n  /**\r\n   * Returns cursor boundaries (left, top, leftOffset, topOffset)\r\n   * left/top are left/top of entire text box\r\n   * leftOffset/topOffset are offset from that left/top point of a text box\r\n   * @private\r\n   * @param {number} [index] index from start\r\n   * @param {boolean} [skipCaching]\r\n   */\r\n  _getCursorBoundaries(\r\n    index: number = this.selectionStart,\r\n    skipCaching?: boolean,\r\n  ): CursorBoundaries {\r\n    // Use advanced cursor positioning if available\r\n    if (this.enableAdvancedLayout) {\r\n      return this._getCursorBoundariesAdvanced(index);\r\n    }\r\n    \r\n    // Fall back to original method\r\n    return this._getCursorBoundariesOriginal(index, skipCaching);\r\n  }\r\n\r\n\r\n  /**\r\n   * Caches and returns cursor left/top offset relative to instance's center point\r\n   * @private\r\n   * @param {number} index index from start\r\n   * @param {boolean} [skipCaching]\r\n   */\r\n  _getCursorBoundariesOffsets(\r\n    index: number,\r\n    skipCaching?: boolean,\r\n  ): { left: number; top: number } {\r\n    if (skipCaching) {\r\n      return this.__getCursorBoundariesOffsets(index);\r\n    }\r\n    if (this.cursorOffsetCache && 'top' in this.cursorOffsetCache) {\r\n      return this.cursorOffsetCache as { left: number; top: number };\r\n    }\r\n    return (this.cursorOffsetCache = this.__getCursorBoundariesOffsets(index));\r\n  }\r\n\r\n  /**\r\n   * Enhanced cursor boundaries using advanced hit testing when available\r\n   * @private\r\n   */\r\n  _getCursorBoundariesAdvanced(index: number): CursorBoundaries {\r\n    if (!this.enableAdvancedLayout || !(this as any)._layoutTextAdvanced) {\r\n      return this._getCursorBoundariesOriginal(index);\r\n    }\r\n\r\n    const layout = (this as any)._layoutTextAdvanced();\r\n    const cursorRect = getCursorRect(index, layout, (this as any)._getAdvancedLayoutOptions());\r\n    \r\n    return {\r\n      left: this._getLeftOffset(),\r\n      top: this._getTopOffset(),\r\n      leftOffset: cursorRect.x,\r\n      topOffset: cursorRect.y,\r\n    };\r\n  }\r\n\r\n  /**\r\n   * Enhanced selection start from pointer using BiDi-aware hit testing\r\n   * @override\r\n   */\r\n  getSelectionStartFromPointer(e: TPointerEvent): number {\r\n    if (!this.enableAdvancedLayout || !(this as any)._layoutTextAdvanced) {\r\n      return super.getSelectionStartFromPointer(e);\r\n    }\r\n\r\n    const mouseOffset = this.canvas!.getScenePoint(e)\r\n      .transform(invertTransform(this.calcTransformMatrix()))\r\n      .add(new Point(-this._getLeftOffset(), -this._getTopOffset()));\r\n\r\n    // Use BiDi-aware hit testing instead of naive RTL coordinate flipping\r\n    const layout = (this as any)._layoutTextAdvanced();\r\n    const hitResult = hitTest(mouseOffset.x, mouseOffset.y, layout, (this as any)._getAdvancedLayoutOptions());\r\n    \r\n    return Math.min(hitResult.charIndex, this._text.length);\r\n  }\r\n\r\n  /**\r\n   * Original cursor boundaries implementation\r\n   * @private\r\n   */\r\n  _getCursorBoundariesOriginal(index: number, skipCaching?: boolean): CursorBoundaries {\r\n    const left = this._getLeftOffset(),\r\n      top = this._getTopOffset(),\r\n      offsets = this._getCursorBoundariesOffsets(index, skipCaching);\r\n    return {\r\n      left: left,\r\n      top: top,\r\n      leftOffset: offsets.left,\r\n      topOffset: offsets.top,\r\n    };\r\n  }\r\n\r\n  /**\r\n   * Calculates cursor left/top offset relative to instance's center point\r\n   * @private\r\n   * @param {number} index index from start\r\n   */\r\n  __getCursorBoundariesOffsets(index: number) {\r\n    let topOffset = 0,\r\n      leftOffset = 0;\r\n    const { charIndex, lineIndex } = this.get2DCursorLocation(index);\r\n\r\n    for (let i = 0; i < lineIndex; i++) {\r\n      topOffset += this.getHeightOfLine(i);\r\n    }\r\n    const lineLeftOffset = this._getLineLeftOffset(lineIndex);\r\n    const bound = this.__charBounds[lineIndex][charIndex];\r\n    bound && (leftOffset = bound.left);\r\n    if (\r\n      this.charSpacing !== 0 &&\r\n      charIndex === this._textLines[lineIndex].length\r\n    ) {\r\n      leftOffset -= this._getWidthOfCharSpacing();\r\n    }\r\n    const boundaries = {\r\n      top: topOffset,\r\n      left: lineLeftOffset + (leftOffset > 0 ? leftOffset : 0),\r\n    };\r\n    if (this.direction === 'rtl') {\r\n      if (\r\n        this.textAlign === RIGHT ||\r\n        this.textAlign === JUSTIFY ||\r\n        this.textAlign === JUSTIFY_RIGHT\r\n      ) {\r\n        boundaries.left *= -1;\r\n      } else if (this.textAlign === LEFT || this.textAlign === JUSTIFY_LEFT) {\r\n        boundaries.left = lineLeftOffset - (leftOffset > 0 ? leftOffset : 0);\r\n      } else if (\r\n        this.textAlign === CENTER ||\r\n        this.textAlign === JUSTIFY_CENTER\r\n      ) {\r\n        boundaries.left = lineLeftOffset - (leftOffset > 0 ? leftOffset : 0);\r\n      }\r\n    }\r\n    return boundaries;\r\n  }\r\n\r\n  /**\r\n   * Renders cursor on context Top, outside the animation cycle, on request\r\n   * Used for the drag/drop effect.\r\n   * If contextTop is not available, do nothing.\r\n   */\r\n  renderCursorAt(selectionStart: number) {\r\n    this._renderCursor(\r\n      this.canvas!.contextTop,\r\n      this._getCursorBoundaries(selectionStart, true),\r\n      selectionStart,\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Renders cursor\r\n   * @param {Object} boundaries\r\n   * @param {CanvasRenderingContext2D} ctx transformed context to draw on\r\n   */\r\n  renderCursor(ctx: CanvasRenderingContext2D, boundaries: CursorBoundaries) {\r\n    this._renderCursor(ctx, boundaries, this.selectionStart);\r\n  }\r\n\r\n  /**\r\n   * Return the data needed to render the cursor for given selection start\r\n   * The left,top are relative to the object, while width and height are prescaled\r\n   * to look think with canvas zoom and object scaling,\r\n   * so they depend on canvas and object scaling\r\n   */\r\n  getCursorRenderingData(\r\n    selectionStart: number = this.selectionStart,\r\n    boundaries: CursorBoundaries = this._getCursorBoundaries(selectionStart),\r\n  ): CursorRenderingData {\r\n    const cursorLocation = this.get2DCursorLocation(selectionStart),\r\n      lineIndex = cursorLocation.lineIndex,\r\n      charIndex =\r\n        cursorLocation.charIndex > 0 ? cursorLocation.charIndex - 1 : 0,\r\n      charHeight = this.getValueOfPropertyAt(lineIndex, charIndex, 'fontSize'),\r\n      multiplier = this.getObjectScaling().x * this.canvas!.getZoom(),\r\n      cursorWidth = this.cursorWidth / multiplier,\r\n      dy = this.getValueOfPropertyAt(lineIndex, charIndex, 'deltaY'),\r\n      topOffset =\r\n        boundaries.topOffset +\r\n        ((1 - this._fontSizeFraction) * this.getHeightOfLine(lineIndex)) /\r\n          this.lineHeight -\r\n        charHeight * (1 - this._fontSizeFraction);\r\n\r\n    return {\r\n      color:\r\n        this.cursorColor ||\r\n        (this.getValueOfPropertyAt(lineIndex, charIndex, 'fill') as string),\r\n      opacity: this._currentCursorOpacity,\r\n      left: boundaries.left + boundaries.leftOffset - cursorWidth / 2,\r\n      top: topOffset + boundaries.top + dy,\r\n      width: cursorWidth,\r\n      height: charHeight,\r\n    };\r\n  }\r\n\r\n  /**\r\n   * Render the cursor at the given selectionStart.\r\n   * @param {CanvasRenderingContext2D} ctx transformed context to draw on\r\n   */\r\n  _renderCursor(\r\n    ctx: CanvasRenderingContext2D,\r\n    boundaries: CursorBoundaries,\r\n    selectionStart: number,\r\n  ) {\r\n    const { color, opacity, left, top, width, height } =\r\n      this.getCursorRenderingData(selectionStart, boundaries);\r\n    ctx.fillStyle = color;\r\n    ctx.globalAlpha = opacity;\r\n    ctx.fillRect(left, top, width, height);\r\n  }\r\n\r\n  /**\r\n   * Renders text selection\r\n   * @param {Object} boundaries Object with left/top/leftOffset/topOffset\r\n   * @param {CanvasRenderingContext2D} ctx transformed context to draw on\r\n   */\r\n  renderSelection(ctx: CanvasRenderingContext2D, boundaries: CursorBoundaries) {\r\n    const selection = {\r\n      selectionStart: this.inCompositionMode\r\n        ? this.hiddenTextarea!.selectionStart\r\n        : this.selectionStart,\r\n      selectionEnd: this.inCompositionMode\r\n        ? this.hiddenTextarea!.selectionEnd\r\n        : this.selectionEnd,\r\n    };\r\n    this._renderSelection(ctx, selection, boundaries);\r\n  }\r\n\r\n  /**\r\n   * Renders drag start text selection\r\n   */\r\n  renderDragSourceEffect() {\r\n    const dragStartSelection =\r\n      this.draggableTextDelegate.getDragStartSelection()!;\r\n    this._renderSelection(\r\n      this.canvas!.contextTop,\r\n      dragStartSelection,\r\n      this._getCursorBoundaries(dragStartSelection.selectionStart, true),\r\n    );\r\n  }\r\n\r\n  renderDropTargetEffect(e: DragEvent) {\r\n    const dragSelection = this.getSelectionStartFromPointer(e);\r\n    this.renderCursorAt(dragSelection);\r\n  }\r\n\r\n  /**\r\n   * Renders text selection\r\n   * @private\r\n   * @param {{ selectionStart: number, selectionEnd: number }} selection\r\n   * @param {Object} boundaries Object with left/top/leftOffset/topOffset\r\n   * @param {CanvasRenderingContext2D} ctx transformed context to draw on\r\n   */\r\n  _renderSelection(\r\n    ctx: CanvasRenderingContext2D,\r\n    selection: { selectionStart: number; selectionEnd: number },\r\n    boundaries: CursorBoundaries,\r\n  ) {\r\n    const selectionStart = selection.selectionStart,\r\n      selectionEnd = selection.selectionEnd,\r\n      isJustify = this.textAlign.includes(JUSTIFY),\r\n      start = this.get2DCursorLocation(selectionStart),\r\n      end = this.get2DCursorLocation(selectionEnd),\r\n      startLine = start.lineIndex,\r\n      endLine = end.lineIndex,\r\n      startChar = start.charIndex < 0 ? 0 : start.charIndex,\r\n      endChar = end.charIndex < 0 ? 0 : end.charIndex;\r\n\r\n    for (let i = startLine; i <= endLine; i++) {\r\n      const lineOffset = this._getLineLeftOffset(i) || 0;\r\n      let lineHeight = this.getHeightOfLine(i),\r\n        realLineHeight = 0,\r\n        boxStart = 0,\r\n        boxEnd = 0;\r\n      \r\n      // Simplified selection rendering that works for both LTR and RTL\r\n      if (i === startLine) {\r\n        boxStart = this.__charBounds[startLine][startChar].left;\r\n      }\r\n      if (i >= startLine && i < endLine) {\r\n        boxEnd =\r\n          isJustify && !this.isEndOfWrapping(i)\r\n            ? this.width\r\n            : this.getLineWidth(i) || 5;\r\n      } else if (i === endLine) {\r\n        if (endChar === 0) {\r\n          boxEnd = this.__charBounds[endLine][endChar].left;\r\n        } else {\r\n          const charSpacing = this._getWidthOfCharSpacing();\r\n          boxEnd =\r\n            this.__charBounds[endLine][endChar - 1].left +\r\n            this.__charBounds[endLine][endChar - 1].width -\r\n            charSpacing;\r\n        }\r\n      }\r\n      realLineHeight = lineHeight;\r\n      if (this.lineHeight < 1 || (i === endLine && this.lineHeight > 1)) {\r\n        lineHeight /= this.lineHeight;\r\n      }\r\n      let drawStart = boundaries.left + lineOffset + boxStart,\r\n        drawHeight = lineHeight,\r\n        extraTop = 0;\r\n      const drawWidth = boxEnd - boxStart;\r\n      if (this.inCompositionMode) {\r\n        ctx.fillStyle = this.compositionColor || 'black';\r\n        drawHeight = 1;\r\n        extraTop = lineHeight;\r\n      } else {\r\n        ctx.fillStyle = this.selectionColor;\r\n      }\r\n      if (this.direction === 'rtl') {\r\n        if (\r\n          this.textAlign === RIGHT ||\r\n          this.textAlign === JUSTIFY ||\r\n          this.textAlign === JUSTIFY_RIGHT\r\n        ) {\r\n          drawStart = this.width - drawStart - drawWidth;\r\n        } else if (this.textAlign === LEFT || this.textAlign === JUSTIFY_LEFT) {\r\n          drawStart = boundaries.left + lineOffset - boxEnd;\r\n        } else if (\r\n          this.textAlign === CENTER ||\r\n          this.textAlign === JUSTIFY_CENTER\r\n        ) {\r\n          drawStart = boundaries.left + lineOffset - boxEnd;\r\n        }\r\n      }\r\n      ctx.fillRect(\r\n        drawStart,\r\n        boundaries.top + boundaries.topOffset + extraTop,\r\n        drawWidth,\r\n        drawHeight,\r\n      );\r\n      boundaries.topOffset += realLineHeight;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * High level function to know the height of the cursor.\r\n   * the currentChar is the one that precedes the cursor\r\n   * Returns fontSize of char at the current cursor\r\n   * Unused from the library, is for the end user\r\n   * @return {Number} Character font size\r\n   */\r\n  getCurrentCharFontSize(): number {\r\n    const cp = this._getCurrentCharIndex();\r\n    return this.getValueOfPropertyAt(cp.l, cp.c, 'fontSize');\r\n  }\r\n\r\n  /**\r\n   * High level function to know the color of the cursor.\r\n   * the currentChar is the one that precedes the cursor\r\n   * Returns color (fill) of char at the current cursor\r\n   * if the text object has a pattern or gradient for filler, it will return that.\r\n   * Unused by the library, is for the end user\r\n   * @return {String | TFiller} Character color (fill)\r\n   */\r\n  getCurrentCharColor(): string | TFiller | null {\r\n    const cp = this._getCurrentCharIndex();\r\n    return this.getValueOfPropertyAt(cp.l, cp.c, FILL);\r\n  }\r\n\r\n  /**\r\n   * Returns the cursor position for the getCurrent.. functions\r\n   * @private\r\n   */\r\n  _getCurrentCharIndex() {\r\n    const cursorPosition = this.get2DCursorLocation(this.selectionStart, true),\r\n      charIndex =\r\n        cursorPosition.charIndex > 0 ? cursorPosition.charIndex - 1 : 0;\r\n    return { l: cursorPosition.lineIndex, c: charIndex };\r\n  }\r\n\r\n  dispose() {\r\n    this.exitEditingImpl();\r\n    this.draggableTextDelegate.dispose();\r\n    super.dispose();\r\n  }\r\n}\r\n\r\nclassRegistry.setClass(IText);\r\n// legacy\r\nclassRegistry.setClass(IText, 'i-text');\r\n"],"names":["iTextDefaultValues","selectionStart","selectionEnd","selectionColor","isEditing","editable","editingBorderColor","cursorWidth","cursorColor","cursorDelay","cursorDuration","caching","hiddenTextareaContainer","keysMap","keysMapRtl","ctrlKeysMapDown","ctrlKeysMapUp","_selectionDirection","_reSpace","inCompositionMode","IText","ITextClickBehavior","getDefaults","super","ownDefaults","type","constructor","text","options","this","initBehavior","_set","key","value","_savedProps","canvas","Canvas","textEditingManager","remove","add","setSelectionStart","index","Math","max","_updateAndFire","setSelectionEnd","min","length","property","_fireSelectionChanged","_updateTextarea","fire","target","initDimensions","initDelayedCursor","getSelectionStyles","startIndex","arguments","undefined","endIndex","complete","setSelectionStyles","styles","get2DCursorLocation","skipWrapping","render","ctx","cursorOffsetCache","renderCursorOrSelection","toCanvasElement","clearContextTop","boundaries","_getCursorBoundaries","ancestors","findAncestorsWithClipPath","hasAncestorsWithClipping","drawingCanvas","drawingCtx","createCanvasElementFor","getContext","applyCanvasTransform","m","calcTransformMatrix","transform","renderSelection","renderCursor","ancestor","clipPath","clippingCanvas","clippingCtx","absolutePositioned","drawObject","drawClipPathOnCache","setTransform","drawImage","contextTopDirty","restore","clipPathAncestors","obj","push","parent","skipCaching","enableAdvancedLayout","_getCursorBoundariesAdvanced","_getCursorBoundariesOriginal","_getCursorBoundariesOffsets","__getCursorBoundariesOffsets","_layoutTextAdvanced","layout","cursorRect","getCursorRect","_getAdvancedLayoutOptions","left","_getLeftOffset","top","_getTopOffset","leftOffset","x","topOffset","y","getSelectionStartFromPointer","e","mouseOffset","getScenePoint","invertTransform","Point","hitResult","hitTest","charIndex","_text","offsets","lineIndex","i","getHeightOfLine","lineLeftOffset","_getLineLeftOffset","bound","__charBounds","charSpacing","_textLines","_getWidthOfCharSpacing","direction","textAlign","RIGHT","JUSTIFY","JUSTIFY_RIGHT","LEFT","JUSTIFY_LEFT","CENTER","JUSTIFY_CENTER","renderCursorAt","_renderCursor","contextTop","getCursorRenderingData","cursorLocation","charHeight","getValueOfPropertyAt","multiplier","getObjectScaling","getZoom","dy","_fontSizeFraction","lineHeight","color","opacity","_currentCursorOpacity","width","height","fillStyle","globalAlpha","fillRect","selection","hiddenTextarea","_renderSelection","renderDragSourceEffect","dragStartSelection","draggableTextDelegate","getDragStartSelection","renderDropTargetEffect","dragSelection","isJustify","includes","start","end","startLine","endLine","startChar","endChar","lineOffset","realLineHeight","boxStart","boxEnd","isEndOfWrapping","getLineWidth","drawStart","drawHeight","extraTop","drawWidth","compositionColor","getCurrentCharFontSize","cp","_getCurrentCharIndex","l","c","getCurrentCharColor","FILL","cursorPosition","dispose","exitEditingImpl","_defineProperty","classRegistry","setClass"],"mappings":"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"}