fabric 7.3.1 → 7.5.0-beta.1

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

@@ -1,312 +0,0 @@
-import type { ObjectEvents, TPointerEvent } from '../../EventTypeDefs';
-import type { FabricObject } from '../Object/FabricObject';
-import { FabricText } from '../Text/Text';
-import type { TOnAnimationChangeCallback } from '../../util/animation/types';
-import type { ValueAnimation } from '../../util/animation/ValueAnimation';
-import type { TextStyleDeclaration } from '../Text/StyledText';
-import type { SerializedTextProps, TextProps } from '../Text/Text';
-import type { TOptions } from '../../typedefs';
-export type ITextEvents = ObjectEvents & {
-    'selection:changed': never;
-    changed: never | {
-        index: number;
-        action: string;
-    };
-    'editing:entered': never | {
-        e: TPointerEvent;
-    };
-    'editing:exited': never;
-};
-export declare abstract class ITextBehavior<Props extends TOptions<TextProps> = Partial<TextProps>, SProps extends SerializedTextProps = SerializedTextProps, EventSpec extends ITextEvents = ITextEvents> extends FabricText<Props, SProps, EventSpec> {
-    abstract isEditing: boolean;
-    abstract cursorDelay: number;
-    abstract selectionStart: number;
-    abstract selectionEnd: number;
-    abstract cursorDuration: number;
-    abstract editable: boolean;
-    abstract editingBorderColor: string;
-    abstract compositionStart: number;
-    abstract compositionEnd: number;
-    abstract hiddenTextarea: HTMLTextAreaElement | null;
-    /**
-     * Helps determining when the text is in composition, so that the cursor
-     * rendering is altered.
-     */
-    protected inCompositionMode: boolean;
-    protected _reSpace: RegExp;
-    private _currentTickState?;
-    private _currentTickCompleteState?;
-    protected _currentCursorOpacity: number;
-    private _textBeforeEdit;
-    protected __selectionStartOnMouseDown: number;
-    /**
-     * Keeps track if the IText object was selected before the actual click.
-     * This because we want to delay enter editing by a click.
-     */
-    protected selected: boolean;
-    protected cursorOffsetCache: {
-        left?: number;
-        top?: number;
-    };
-    protected _savedProps?: {
-        hasControls: boolean;
-        borderColor: string;
-        lockMovementX: boolean;
-        lockMovementY: boolean;
-        selectable: boolean;
-        hoverCursor: CSSStyleDeclaration['cursor'] | null;
-        defaultCursor?: CSSStyleDeclaration['cursor'];
-        moveCursor?: CSSStyleDeclaration['cursor'];
-    };
-    protected _selectionDirection: 'left' | 'right' | null;
-    abstract initHiddenTextarea(): void;
-    abstract _fireSelectionChanged(): void;
-    abstract renderCursorOrSelection(): void;
-    abstract getSelectionStartFromPointer(e: TPointerEvent): number;
-    abstract _getCursorBoundaries(index: number, skipCaching?: boolean): {
-        left: number;
-        top: number;
-        leftOffset: number;
-        topOffset: number;
-    };
-    /**
-     * Initializes all the interactive behavior of IText
-     */
-    initBehavior(): void;
-    onDeselect(options?: {
-        e?: TPointerEvent;
-        object?: FabricObject;
-    }): boolean;
-    /**
-     * @private
-     */
-    _animateCursor({ toValue, duration, delay, onComplete, }: {
-        toValue: number;
-        duration: number;
-        delay?: number;
-        onComplete?: TOnAnimationChangeCallback<number>;
-    }): ValueAnimation;
-    /**
-     * changes the cursor from visible to invisible
-     */
-    private _tick;
-    /**
-     * Changes the cursor from invisible to visible
-     */
-    private _onTickComplete;
-    /**
-     * Initializes delayed cursor
-     */
-    initDelayedCursor(restart?: boolean): void;
-    /**
-     * Aborts cursor animation, clears all timeouts and clear textarea context if necessary
-     */
-    abortCursorAnimation(): void;
-    /**
-     * Restart tue cursor animation if either is in complete state ( between animations )
-     * or if it never started before
-     */
-    restartCursorIfNeeded(): void;
-    /**
-     * Selects entire text
-     */
-    selectAll(): this;
-    /**
-     * Selects entire text and updates the visual state
-     */
-    cmdAll(): void;
-    /**
-     * Returns selected text
-     * @return {String}
-     */
-    getSelectedText(): string;
-    /**
-     * Find new selection index representing start of current word according to current selection index
-     * @param {Number} startFrom Current selection index
-     * @return {Number} New selection index
-     */
-    findWordBoundaryLeft(startFrom: number): number;
-    /**
-     * Find new selection index representing end of current word according to current selection index
-     * @param {Number} startFrom Current selection index
-     * @return {Number} New selection index
-     */
-    findWordBoundaryRight(startFrom: number): number;
-    /**
-     * Find new selection index representing start of current line according to current selection index
-     * @param {Number} startFrom Current selection index
-     * @return {Number} New selection index
-     */
-    findLineBoundaryLeft(startFrom: number): number;
-    /**
-     * Find new selection index representing end of current line according to current selection index
-     * @param {Number} startFrom Current selection index
-     * @return {Number} New selection index
-     */
-    findLineBoundaryRight(startFrom: number): number;
-    /**
-     * Finds index corresponding to beginning or end of a word
-     * @param {Number} selectionStart Index of a character
-     * @param {Number} direction 1 or -1
-     * @return {Number} Index of the beginning or end of a word
-     */
-    searchWordBoundary(selectionStart: number, direction: 1 | -1): number;
-    /**
-     * Selects the word that contains the char at index selectionStart
-     * @param {Number} selectionStart Index of a character
-     */
-    selectWord(selectionStart?: number): void;
-    /**
-     * Selects the line that contains selectionStart
-     * @param {Number} selectionStart Index of a character
-     */
-    selectLine(selectionStart?: number): void;
-    /**
-     * Enters editing state
-     */
-    enterEditing(e?: TPointerEvent): void;
-    /**
-     * runs the actual logic that enter from editing state, see {@link enterEditing}
-     */
-    enterEditingImpl(): void;
-    /**
-     * called by {@link Canvas#textEditingManager}
-     */
-    updateSelectionOnMouseMove(e: TPointerEvent): void;
-    /**
-     * @private
-     */
-    _setEditingProps(): void;
-    /**
-     * convert from textarea to grapheme indexes
-     */
-    fromStringToGraphemeSelection(start: number, end: number, text: string): {
-        selectionStart: number;
-        selectionEnd: number;
-    };
-    /**
-     * convert from fabric to textarea values
-     */
-    fromGraphemeToStringSelection(start: number, end: number, graphemes: string[]): {
-        selectionStart: number;
-        selectionEnd: number;
-    };
-    /**
-     * @private
-     */
-    _updateTextarea(): void;
-    /**
-     * This function updates the text value from the hidden textarea and recalculates the text bounding box
-     * size and position.
-     * It is called by fabricJS internals, do not use it directly.
-     * @private
-     */
-    updateFromTextArea(): void;
-    /**
-     * @private
-     */
-    updateTextareaPosition(): void;
-    /**
-     * @private
-     * @return {Object} style contains style for hiddenTextarea
-     */
-    _calcTextareaPosition(): {
-        left: string;
-        top: string;
-        fontSize?: undefined;
-        charHeight?: undefined;
-    } | {
-        left: string;
-        top: string;
-        fontSize: string;
-        charHeight: number;
-    };
-    /**
-     * @private
-     */
-    _saveEditingProps(): void;
-    /**
-     * @private
-     */
-    _restoreEditingProps(): void;
-    /**
-     * runs the actual logic that exits from editing state, see {@link exitEditing}
-     * But it does not fire events
-     */
-    exitEditingImpl(): void;
-    /**
-     * Exits from editing state and fires relevant events
-     */
-    exitEditing(): this;
-    /**
-     * @private
-     */
-    _removeExtraneousStyles(): void;
-    /**
-     * remove and reflow a style block from start to end.
-     * @param {Number} start linear start position for removal (included in removal)
-     * @param {Number} end linear end position for removal ( excluded from removal )
-     */
-    removeStyleFromTo(start: number, end: number): void;
-    /**
-     * Shifts line styles up or down
-     * @param {Number} lineIndex Index of a line
-     * @param {Number} offset Can any number?
-     */
-    shiftLineStyles(lineIndex: number, offset: number): void;
-    /**
-     * Handle insertion of more consecutive style lines for when one or more
-     * newlines gets added to the text. Since current style needs to be shifted
-     * first we shift the current style of the number lines needed, then we add
-     * new lines from the last to the first.
-     * @param {Number} lineIndex Index of a line
-     * @param {Number} charIndex Index of a char
-     * @param {Number} qty number of lines to add
-     * @param {Array} copiedStyle Array of objects styles
-     */
-    insertNewlineStyleObject(lineIndex: number, charIndex: number, qty: number, copiedStyle?: {
-        [index: number]: TextStyleDeclaration;
-    }): void;
-    /**
-     * Inserts style object for a given line/char index
-     * @param {Number} lineIndex Index of a line
-     * @param {Number} charIndex Index of a char
-     * @param {Number} quantity number Style object to insert, if given
-     * @param {Array} copiedStyle array of style objects
-     */
-    insertCharStyleObject(lineIndex: number, charIndex: number, quantity: number, copiedStyle?: TextStyleDeclaration[]): void;
-    /**
-     * Inserts style object(s)
-     * @param {Array} insertedText Characters at the location where style is inserted
-     * @param {Number} start cursor index for inserting style
-     * @param {Array} [copiedStyle] array of style objects to insert.
-     */
-    insertNewStyleBlock(insertedText: string[], start: number, copiedStyle?: TextStyleDeclaration[]): void;
-    /**
-     * Removes characters from start/end
-     * start/end ar per grapheme position in _text array.
-     *
-     * @param {Number} start
-     * @param {Number} end default to start + 1
-     */
-    removeChars(start: number, end?: number): void;
-    /**
-     * insert characters at start position, before start position.
-     * start  equal 1 it means the text get inserted between actual grapheme 0 and 1
-     * if style array is provided, it must be as the same length of text in graphemes
-     * if end is provided and is bigger than start, old text is replaced.
-     * start/end ar per grapheme position in _text array.
-     *
-     * @param {String} text text to insert
-     * @param {Array} style array of style objects
-     * @param {Number} start
-     * @param {Number} end default to start + 1
-     */
-    insertChars(text: string, style: TextStyleDeclaration[] | undefined, start: number, end?: number): void;
-    /**
-     * Set the selectionStart and selectionEnd according to the new position of cursor
-     * mimic the key - mouse navigation when shift is pressed.
-     */
-    setSelectionStartEndWithShift(start: number, end: number, newSelection: number): void;
-}
-//# sourceMappingURL=ITextBehavior.d.ts.map

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

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

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

@@ -1,3 +0,0 @@
-import{_defineProperty as e}from"../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/defineProperty.min.mjs";import{LEFT as t,RIGHT as n,reNewline as r}from"../../constants.min.mjs";import{Point as i}from"../../Point.min.mjs";import{getDocumentFromElement as a}from"../../util/dom_misc.min.mjs";import"../Text/constants.min.mjs";import{animate as o}from"../../util/animation/animate.min.mjs";import{FabricText as s}from"../Text/Text.min.mjs";const c=/[ \n\.,;!\?\-]/;var l=class extends s{constructor(...t){super(...t),e(this,`_currentCursorOpacity`,1)}initBehavior(){this._tick=this._tick.bind(this),this._onTickComplete=this._onTickComplete.bind(this),this.updateSelectionOnMouseMove=this.updateSelectionOnMouseMove.bind(this)}onDeselect(e){return this.isEditing&&this.exitEditing(),this.selected=!1,super.onDeselect(e)}_animateCursor({toValue:e,duration:t,delay:n,onComplete:r}){return o({startValue:this._currentCursorOpacity,endValue:e,duration:t,delay:n,onComplete:r,abort:()=>!this.canvas||this.selectionStart!==this.selectionEnd,onChange:e=>{this._currentCursorOpacity=e,this.renderCursorOrSelection()}})}_tick(e){this._currentTickState=this._animateCursor({toValue:0,duration:this.cursorDuration/2,delay:Math.max(e||0,100),onComplete:this._onTickComplete})}_onTickComplete(){var e;(e=this._currentTickCompleteState)==null||e.abort(),this._currentTickCompleteState=this._animateCursor({toValue:1,duration:this.cursorDuration,onComplete:this._tick})}initDelayedCursor(e){this.abortCursorAnimation(),this._tick(e?0:this.cursorDelay)}abortCursorAnimation(){let e=!1;[this._currentTickState,this._currentTickCompleteState].forEach(t=>{t&&!t.isDone()&&(e=!0,t.abort())}),this._currentCursorOpacity=1,e&&this.clearContextTop()}restartCursorIfNeeded(){[this._currentTickState,this._currentTickCompleteState].some(e=>!e||e.isDone())&&this.initDelayedCursor()}selectAll(){return this.selectionStart=0,this.selectionEnd=this._text.length,this._fireSelectionChanged(),this._updateTextarea(),this}cmdAll(){this.selectAll(),this.renderCursorOrSelection()}getSelectedText(){return this._text.slice(this.selectionStart,this.selectionEnd).join(``)}findWordBoundaryLeft(e){let t=0,n=e-1;if(this._reSpace.test(this._text[n]))for(;this._reSpace.test(this._text[n]);)t++,n--;for(;/\S/.test(this._text[n])&&n>-1;)t++,n--;return e-t}findWordBoundaryRight(e){let t=0,n=e;if(this._reSpace.test(this._text[n]))for(;this._reSpace.test(this._text[n]);)t++,n++;for(;/\S/.test(this._text[n])&&n<this._text.length;)t++,n++;return e+t}findLineBoundaryLeft(e){let t=0,n=e-1;for(;!/\n/.test(this._text[n])&&n>-1;)t++,n--;return e-t}findLineBoundaryRight(e){let t=0,n=e;for(;!/\n/.test(this._text[n])&&n<this._text.length;)t++,n++;return e+t}searchWordBoundary(e,t){let n=this._text,i=e>0&&this._reSpace.test(n[e])&&(t===-1||!r.test(n[e-1]))?e-1:e,a=n[i];for(;i>0&&i<n.length&&!c.test(a);)i+=t,a=n[i];return t===-1&&c.test(a)&&i++,i}selectWord(e){var t;e=(t=e)==null?this.selectionStart:t;let n=this.searchWordBoundary(e,-1),r=Math.max(n,this.searchWordBoundary(e,1));this.selectionStart=n,this.selectionEnd=r,this._fireSelectionChanged(),this._updateTextarea(),this.renderCursorOrSelection()}selectLine(e){var t;e=(t=e)==null?this.selectionStart:t;let n=this.findLineBoundaryLeft(e),r=this.findLineBoundaryRight(e);this.selectionStart=n,this.selectionEnd=r,this._fireSelectionChanged(),this._updateTextarea()}enterEditing(e){!this.isEditing&&this.editable&&(this.enterEditingImpl(),this.fire(`editing:entered`,e?{e}:void 0),this._fireSelectionChanged(),this.canvas&&(this.canvas.fire(`text:editing:entered`,{target:this,e}),this.canvas.requestRenderAll()))}enterEditingImpl(){this.canvas&&(this.canvas.calcOffset(),this.canvas.textEditingManager.exitTextEditing()),this.isEditing=!0,this.initHiddenTextarea(),this.hiddenTextarea.focus(),this.hiddenTextarea.value=this.text,this._updateTextarea(),this._saveEditingProps(),this._setEditingProps(),this._textBeforeEdit=this.text,this._tick()}updateSelectionOnMouseMove(e){if(this.getActiveControl())return;let t=this.hiddenTextarea;a(t).activeElement!==t&&t.focus();let n=this.getSelectionStartFromPointer(e),r=this.selectionStart,i=this.selectionEnd;(n===this.__selectionStartOnMouseDown&&r!==i||r!==n&&i!==n)&&(n>this.__selectionStartOnMouseDown?(this.selectionStart=this.__selectionStartOnMouseDown,this.selectionEnd=n):(this.selectionStart=n,this.selectionEnd=this.__selectionStartOnMouseDown),this.selectionStart===r&&this.selectionEnd===i||(this._fireSelectionChanged(),this._updateTextarea(),this.renderCursorOrSelection()))}_setEditingProps(){this.hoverCursor=`text`,this.canvas&&(this.canvas.defaultCursor=this.canvas.moveCursor=`text`),this.borderColor=this.editingBorderColor,this.hasControls=this.selectable=!1,this.lockMovementX=this.lockMovementY=!0}fromStringToGraphemeSelection(e,t,n){let r=n.slice(0,e),i=this.graphemeSplit(r).length;if(e===t)return{selectionStart:i,selectionEnd:i};let a=n.slice(e,t);return{selectionStart:i,selectionEnd:i+this.graphemeSplit(a).length}}fromGraphemeToStringSelection(e,t,n){let r=n.slice(0,e).join(``).length;return e===t?{selectionStart:r,selectionEnd:r}:{selectionStart:r,selectionEnd:r+n.slice(e,t).join(``).length}}_updateTextarea(){if(this.cursorOffsetCache={},this.hiddenTextarea){if(!this.inCompositionMode){let e=this.fromGraphemeToStringSelection(this.selectionStart,this.selectionEnd,this._text);this.hiddenTextarea.selectionStart=e.selectionStart,this.hiddenTextarea.selectionEnd=e.selectionEnd}this.updateTextareaPosition()}}updateFromTextArea(){let{hiddenTextarea:e,direction:r,textAlign:i,inCompositionMode:a}=this;if(!e)return;let o=i===`justify`?r===`ltr`?t:n:i.replace(`justify-`,``),s=this.getPositionByOrigin(o,`top`);this.cursorOffsetCache={},this.text=e.value,this.set(`dirty`,!0),this.initDimensions(),this.setPositionByOrigin(s,o,`top`),this.setCoords();let c=this.fromStringToGraphemeSelection(e.selectionStart,e.selectionEnd,e.value);this.selectionEnd=this.selectionStart=c.selectionEnd,a||(this.selectionStart=c.selectionStart),this.updateTextareaPosition()}updateTextareaPosition(){if(this.selectionStart===this.selectionEnd){let e=this._calcTextareaPosition();this.hiddenTextarea.style.left=e.left,this.hiddenTextarea.style.top=e.top}}_calcTextareaPosition(){if(!this.canvas)return{left:`1px`,top:`1px`};let e=this.inCompositionMode?this.compositionStart:this.selectionStart,t=this._getCursorBoundaries(e),n=this.get2DCursorLocation(e),r=n.lineIndex,a=n.charIndex,o=this.getValueOfPropertyAt(r,a,`fontSize`)*this.lineHeight,s=t.leftOffset,c=this.getCanvasRetinaScaling(),l=this.canvas.upperCanvasEl,u=l.width/c,d=l.height/c,f=u-o,p=d-o,m=new i(t.left+s,t.top+t.topOffset+o).transform(this.calcTransformMatrix()).transform(this.canvas.viewportTransform).multiply(new i(l.clientWidth/u,l.clientHeight/d));return m.x<0&&(m.x=0),m.x>f&&(m.x=f),m.y<0&&(m.y=0),m.y>p&&(m.y=p),m.x+=this.canvas._offset.left,m.y+=this.canvas._offset.top,{left:`${m.x}px`,top:`${m.y}px`,fontSize:`${o}px`,charHeight:o}}_saveEditingProps(){this._savedProps={hasControls:this.hasControls,borderColor:this.borderColor,lockMovementX:this.lockMovementX,lockMovementY:this.lockMovementY,hoverCursor:this.hoverCursor,selectable:this.selectable,defaultCursor:this.canvas&&this.canvas.defaultCursor,moveCursor:this.canvas&&this.canvas.moveCursor}}_restoreEditingProps(){this._savedProps&&(this.hoverCursor=this._savedProps.hoverCursor,this.hasControls=this._savedProps.hasControls,this.borderColor=this._savedProps.borderColor,this.selectable=this._savedProps.selectable,this.lockMovementX=this._savedProps.lockMovementX,this.lockMovementY=this._savedProps.lockMovementY,this.canvas&&(this.canvas.defaultCursor=this._savedProps.defaultCursor||this.canvas.defaultCursor,this.canvas.moveCursor=this._savedProps.moveCursor||this.canvas.moveCursor),delete this._savedProps)}exitEditingImpl(){let e=this.hiddenTextarea;this.selected=!1,this.isEditing=!1,e&&(e.blur&&e.blur(),e.parentNode&&e.parentNode.removeChild(e)),this.hiddenTextarea=null,this.abortCursorAnimation(),this.selectionStart!==this.selectionEnd&&this.clearContextTop(),this.selectionEnd=this.selectionStart,this._restoreEditingProps(),this._forceClearCache&&(this.initDimensions(),this.setCoords())}exitEditing(){let e=this._textBeforeEdit!==this.text;return this.exitEditingImpl(),this.fire(`editing:exited`),e&&this.fire(`modified`),this.canvas&&(this.canvas.fire(`text:editing:exited`,{target:this}),e&&this.canvas.fire(`object:modified`,{target:this})),this}_removeExtraneousStyles(){for(let e in this.styles)this._textLines[e]||delete this.styles[e]}removeStyleFromTo(e,t){let{lineIndex:n,charIndex:r}=this.get2DCursorLocation(e,!0),{lineIndex:i,charIndex:a}=this.get2DCursorLocation(t,!0);if(n!==i){if(this.styles[n])for(let e=r;e<this._unwrappedTextLines[n].length;e++)delete this.styles[n][e];if(this.styles[i])for(let e=a;e<this._unwrappedTextLines[i].length;e++){let t=this.styles[i][e];t&&(this.styles[n]||(this.styles[n]={}),this.styles[n][r+e-a]=t)}for(let e=n+1;e<=i;e++)delete this.styles[e];this.shiftLineStyles(i,n-i)}else if(this.styles[n]){let e=this.styles[n],t=a-r;for(let t=r;t<a;t++)delete e[t];for(let r in this.styles[n]){let n=parseInt(r,10);n>=a&&(e[n-t]=e[r],delete e[r])}}}shiftLineStyles(e,t){let n=Object.assign({},this.styles);for(let r in this.styles){let i=parseInt(r,10);i>e&&(this.styles[i+t]=n[i],n[i-t]||delete this.styles[i])}}insertNewlineStyleObject(e,t,n,r){let i={},a=this._unwrappedTextLines[e].length,o=a===t,s=!1;n||(n=1),this.shiftLineStyles(e,n);let c=this.styles[e]?this.styles[e][t===0?t:t-1]:void 0;for(let n in this.styles[e]){let r=parseInt(n,10);r>=t&&(s=!0,i[r-t]=this.styles[e][n],o&&t===0||delete this.styles[e][n])}let l=!1;for(s&&!o&&(this.styles[e+n]=i,l=!0),(l||a>t)&&n--;n>0;)r&&r[n-1]?this.styles[e+n]={0:{...r[n-1]}}:c?this.styles[e+n]={0:{...c}}:delete this.styles[e+n],n--;this._forceClearCache=!0}insertCharStyleObject(e,t,n,r){this.styles||(this.styles={});let i=this.styles[e],a=i?{...i}:{};n||(n=1);for(let e in a){let r=parseInt(e,10);r>=t&&(i[r+n]=a[r],a[r-n]||delete i[r])}if(this._forceClearCache=!0,r){for(;n--;)Object.keys(r[n]).length&&(this.styles[e]||(this.styles[e]={}),this.styles[e][t+n]={...r[n]});return}if(!i)return;let o=i[t?t-1:1];for(;o&&n--;)this.styles[e][t+n]={...o}}insertNewStyleBlock(e,t,n){let r=this.get2DCursorLocation(t,!0),i=[0],a,o=0;for(let t=0;t<e.length;t++)e[t]===`
-`?(o++,i[o]=0):i[o]++;for(i[0]>0&&(this.insertCharStyleObject(r.lineIndex,r.charIndex,i[0],n),n=n&&n.slice(i[0]+1)),o&&this.insertNewlineStyleObject(r.lineIndex,r.charIndex+i[0],o),a=1;a<o;a++)i[a]>0?this.insertCharStyleObject(r.lineIndex+a,0,i[a],n):n&&this.styles[r.lineIndex+a]&&n[0]&&(this.styles[r.lineIndex+a][0]=n[0]),n=n&&n.slice(i[a]+1);i[a]>0&&this.insertCharStyleObject(r.lineIndex+a,0,i[a],n)}removeChars(e,t=e+1){this.removeStyleFromTo(e,t),this._text.splice(e,t-e),this.text=this._text.join(``),this.set(`dirty`,!0),this.initDimensions(),this.setCoords(),this._removeExtraneousStyles()}insertChars(e,t,n,r=n){r>n&&this.removeStyleFromTo(n,r);let i=this.graphemeSplit(e);this.insertNewStyleBlock(i,n,t),this._text=[...this._text.slice(0,n),...i,...this._text.slice(r)],this.text=this._text.join(``),this.set(`dirty`,!0),this.initDimensions(),this.setCoords(),this._removeExtraneousStyles()}setSelectionStartEndWithShift(e,r,i){i<=e?(r===e?this._selectionDirection=t:this._selectionDirection===`right`&&(this._selectionDirection=t,this.selectionEnd=e),this.selectionStart=i):i>e&&i<r?this._selectionDirection===`right`?this.selectionEnd=i:this.selectionStart=i:(r===e?this._selectionDirection=n:this._selectionDirection===`left`&&(this._selectionDirection=n,this.selectionStart=r),this.selectionEnd=i)}};export{l as ITextBehavior};
-//# sourceMappingURL=ITextBehavior.min.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ITextBehavior.min.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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"}