npm - fabric - Versions diffs - 7.3.1 → 7.4.0 - Mend

fabric 7.3.1 → 7.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (314) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"IText.d.ts","sourceRoot":"","sources":["../../../../src/shapes/IText/IText.ts"],"names":[],"mappings":"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~~IA6E9B~~;;;;;;OAMG;IACH,sBAAsB,IAAI,MAAM;IAKhC;;;;;;;OAOG;IACH,mBAAmB,IAAI,MAAM,GAAG,OAAO,GAAG,IAAI;IAK9C;;;OAGG;IACH,oBAAoB;;;;IAOpB,OAAO;CAKR"}
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 CHANGED Viewed

@@ -1,2 +1,2 @@
-import{_defineProperty as e}from"../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/defineProperty.min.mjs";import{FILL as t}from"../../constants.min.mjs";import{classRegistry as n}from"../../ClassRegistry.min.mjs";import{createCanvasElementFor as r}from"../../util/misc/dom.min.mjs";import{JUSTIFY as i}from"../Text/constants.min.mjs";import{Canvas as a}from"../../canvas/Canvas.min.mjs";import{ITextClickBehavior as o}from"./ITextClickBehavior.min.mjs";import{ctrlKeysMapDown as s,ctrlKeysMapUp as c,keysMap as l,keysMapRtl as u}from"./constants.min.mjs";import{applyCanvasTransform as d}from"../../util/internals/applyCanvasTransform.min.mjs";const f={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:l,keysMapRtl:u,ctrlKeysMapDown:s,ctrlKeysMapUp:c,_selectionDirection:null,_reSpace:/\s|\r?\n/,inCompositionMode:!1};var p=class e extends o{static getDefaults(){return{...super.getDefaults(),...e.ownDefaults}}get type(){let e=super.type;return e===`itext`?`i-text`:e}constructor(t,n){super(t,{...e.ownDefaults,...n}),this.initBehavior()}_set(e,t){return this.isEditing&&this._savedProps&&e in this._savedProps?(this._savedProps[e]=t,this):(e===`canvas`&&(this.canvas instanceof a&&this.canvas.textEditingManager.remove(this),t instanceof a&&t.textEditingManager.add(this)),super._set(e,t))}setSelectionStart(e){e=Math.max(e,0),this._updateAndFire(`selectionStart`,e)}setSelectionEnd(e){e=Math.min(e,this.text.length),this._updateAndFire(`selectionEnd`,e)}_updateAndFire(e,t){this[e]!==t&&(this._fireSelectionChanged(),this[e]=t),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(e=this.selectionStart||0,t=this.selectionEnd,n){return super.getSelectionStyles(e,t,n)}setSelectionStyles(e,t=this.selectionStart||0,n=this.selectionEnd){return super.setSelectionStyles(e,t,n)}get2DCursorLocation(e=this.selectionStart,t){return super.get2DCursorLocation(e,t)}render(e){super.render(e),this.cursorOffsetCache={},this.renderCursorOrSelection()}toCanvasElement(e){let t=this.isEditing;this.isEditing=!1;let n=super.toCanvasElement(e);return this.isEditing=t,n}renderCursorOrSelection(){if(!this.isEditing||!this.canvas)return;let e=this.clearContextTop(!0);if(!e)return;let t=this._getCursorBoundaries(),n=this.findAncestorsWithClipPath(),i=n.length>0,a,o=e;if(i){a=r(e.canvas),o=a.getContext(`2d`),d(o,this.canvas);let t=this.calcTransformMatrix();o.transform(t[0],t[1],t[2],t[3],t[4],t[5])}if(this.selectionStart!==this.selectionEnd||this.inCompositionMode?this.renderSelection(o,t):this.renderCursor(o,t),i)for(let t of n){let n=t.clipPath,i=r(e.canvas),a=i.getContext(`2d`);if(d(a,this.canvas),!n.absolutePositioned){let e=t.calcTransformMatrix();a.transform(e[0],e[1],e[2],e[3],e[4],e[5])}n.transform(a),n.drawObject(a,!0,{}),this.drawClipPathOnCache(o,n,i)}i&&(e.setTransform(1,0,0,1,0,0),e.drawImage(a,0,0)),this.canvas.contextTopDirty=!0,e.restore()}findAncestorsWithClipPath(){let e=[],t=this;for(;t;)t.clipPath&&e.push(t),t=t.parent;return e}_getCursorBoundaries(e=this.selectionStart,t){let n=this._getLeftOffset(),r=this._getTopOffset(),i=this._getCursorBoundariesOffsets(e,t);return{left:n,top:r,leftOffset:i.left,topOffset:i.top}}_getCursorBoundariesOffsets(e,t){return t?this.__getCursorBoundariesOffsets(e):this.cursorOffsetCache&&`top`in this.cursorOffsetCache?this.cursorOffsetCache:this.cursorOffsetCache=this.__getCursorBoundariesOffsets(e)}__getCursorBoundariesOffsets(e){let t=0,n=0,{charIndex:r,lineIndex:i}=this.get2DCursorLocation(e),{textAlign:a,direction:o}=this;for(let e=0;e<i;e++)t+=this.getHeightOfLine(e);let s=this._getLineLeftOffset(i),c=this.__charBounds[i][r];c&&(n=c.left),this.charSpacing!==0&&r===this._textLines[i].length&&(n-=this._getWidthOfCharSpacing());let l=s+(n>0?n:0);return o===`rtl`&&(a===`right`||a===`justify`||a===`justify-right`?l*=-1:a===`left`||a===`justify-left`?l=s-(n>0?n:0):a!==`center`&&a!==`justify-center`||(l=s-(n>0?n:0))),{top:t,left:l}}renderCursorAt(e){this._renderCursor(this.canvas.contextTop,this._getCursorBoundaries(e,!0),e)}renderCursor(e,t){this._renderCursor(e,t,this.selectionStart)}getCursorRenderingData(e=this.selectionStart,t=this._getCursorBoundaries(e)){let n=this.get2DCursorLocation(e),r=n.lineIndex,i=n.charIndex>0?n.charIndex-1:0,a=this.getValueOfPropertyAt(r,i,`fontSize`),o=this.getObjectScaling().x*this.canvas.getZoom(),s=this.cursorWidth/o,c=this.getValueOfPropertyAt(r,i,`deltaY`),l=t.topOffset+(1-this._fontSizeFraction)*this.getHeightOfLine(r)/this.lineHeight-a*(1-this._fontSizeFraction);return{color:this.cursorColor||this.getValueOfPropertyAt(r,i,`fill`),opacity:this._currentCursorOpacity,left:t.left+t.leftOffset-s/2,top:l+t.top+c,width:s,height:a}}_renderCursor(e,t,n){let{color:r,opacity:i,left:a,top:o,width:s,height:c}=this.getCursorRenderingData(n,t);e.fillStyle=r,e.globalAlpha=i,e.fillRect(a,o,s,c)}renderSelection(e,t){let n={selectionStart:this.inCompositionMode?this.hiddenTextarea.selectionStart:this.selectionStart,selectionEnd:this.inCompositionMode?this.hiddenTextarea.selectionEnd:this.selectionEnd};this._renderSelection(e,n,t)}renderDragSourceEffect(){let e=this.draggableTextDelegate.getDragStartSelection();this._renderSelection(this.canvas.contextTop,e,this._getCursorBoundaries(e.selectionStart,!0))}renderDropTargetEffect(e){let t=this.getSelectionStartFromPointer(e);this.renderCursorAt(t)}_renderSelection(e,t,n){let{textAlign:r,direction:a}=this,o=t.selectionStart,s=t.selectionEnd,c=r.includes(i),l=this.get2DCursorLocation(o),u=this.get2DCursorLocation(s),d=l.lineIndex,f=u.lineIndex,p=l.charIndex<0?0:l.charIndex,m=u.charIndex<0?0:u.charIndex;for(let t=d;t<=f;t++){let i=this._getLineLeftOffset(t)||0,o=this.getHeightOfLine(t),s=0,l=0,u=0;if(t===d&&(l=this.__charBounds[d][p].left),t>=d&&t<f)u=c&&!this.isEndOfWrapping(t)?this.width:this.getLineWidth(t)||5;else if(t===f)if(m===0)u=this.__charBounds[f][m].left;else{let e=this._getWidthOfCharSpacing();u=this.__charBounds[f][m-1].left+this.__charBounds[f][m-1].width-e}s=o,(this.lineHeight<1||t===f&&this.lineHeight>1)&&(o/=this.lineHeight);let h=n.left+i+l,g=o,_=0,v=u-l;this.inCompositionMode?(e.fillStyle=this.compositionColor||`black`,g=1,_=o):e.fillStyle=this.selectionColor,a===`rtl`&&(r===`right`||r===`justify`||r===`justify-right`?h=this.width-h-v:r===`left`||r===`justify-left`?h=n.left+i-u:r!==`center`&&r!==`justify-center`||(h=n.left+i-u)),e.fillRect(h,n.top+n.topOffset+_,v,g),n.topOffset+=s}}getCurrentCharFontSize(){let e=this._getCurrentCharIndex();return this.getValueOfPropertyAt(e.l,e.c,`fontSize`)}getCurrentCharColor(){let e=this._getCurrentCharIndex();return this.getValueOfPropertyAt(e.l,e.c,t)}_getCurrentCharIndex(){let e=this.get2DCursorLocation(this.selectionStart,!0),t=e.charIndex>0?e.charIndex-1:0;return{l:e.lineIndex,c:t}}dispose(){this.exitEditingImpl(),this.draggableTextDelegate.dispose(),super.dispose()}};e(p,`ownDefaults`,f),e(p,`type`,`IText`),n.setClass(p),n.setClass(p,`i-text`);export{p as IText};
+import{_defineProperty as e}from"../../../_virtual/_@oxc-project_runtime@0.126.0/helpers/defineProperty.min.mjs";import{FILL as t}from"../../constants.min.mjs";import{classRegistry as n}from"../../ClassRegistry.min.mjs";import{createCanvasElementFor as r}from"../../util/misc/dom.min.mjs";import{JUSTIFY as i}from"../Text/constants.min.mjs";import{Canvas as a}from"../../canvas/Canvas.min.mjs";import{ITextClickBehavior as o}from"./ITextClickBehavior.min.mjs";import{ctrlKeysMapDown as s,ctrlKeysMapUp as c,keysMap as l,keysMapRtl as u}from"./constants.min.mjs";import{applyCanvasTransform as d}from"../../util/internals/applyCanvasTransform.min.mjs";const f={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:l,keysMapRtl:u,ctrlKeysMapDown:s,ctrlKeysMapUp:c,_selectionDirection:null,_reSpace:/\s|\r?\n/,inCompositionMode:!1};var p=class e extends o{static getDefaults(){return{...super.getDefaults(),...e.ownDefaults}}get type(){let e=super.type;return e===`itext`?`i-text`:e}constructor(t,n){super(t,{...e.ownDefaults,...n}),this.initBehavior()}_set(e,t){return this.isEditing&&this._savedProps&&e in this._savedProps?(this._savedProps[e]=t,this):(e===`canvas`&&(this.canvas instanceof a&&this.canvas.textEditingManager.remove(this),t instanceof a&&t.textEditingManager.add(this)),super._set(e,t))}setSelectionStart(e){e=Math.max(e,0),this._updateAndFire(`selectionStart`,e)}setSelectionEnd(e){e=Math.min(e,this.text.length),this._updateAndFire(`selectionEnd`,e)}_updateAndFire(e,t){this[e]!==t&&(this._fireSelectionChanged(),this[e]=t),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(e=this.selectionStart||0,t=this.selectionEnd,n){return super.getSelectionStyles(e,t,n)}setSelectionStyles(e,t=this.selectionStart||0,n=this.selectionEnd){return super.setSelectionStyles(e,t,n)}get2DCursorLocation(e=this.selectionStart,t){return super.get2DCursorLocation(e,t)}render(e){super.render(e),this.cursorOffsetCache={},this.renderCursorOrSelection()}toCanvasElement(e){let t=this.isEditing;this.isEditing=!1;let n=super.toCanvasElement(e);return this.isEditing=t,n}renderCursorOrSelection(){if(!this.isEditing||!this.canvas)return;let e=this.clearContextTop(!0);if(!e)return;let t=this._getCursorBoundaries(),n=this.findAncestorsWithClipPath(),i=n.length>0,a,o=e;if(i){a=r(e.canvas),o=a.getContext(`2d`),d(o,this.canvas);let t=this.calcTransformMatrix();o.transform(t[0],t[1],t[2],t[3],t[4],t[5])}if(this.selectionStart!==this.selectionEnd||this.inCompositionMode?this.renderSelection(o,t):this.renderCursor(o,t),i)for(let t of n){let n=t.clipPath,i=r(e.canvas),a=i.getContext(`2d`);if(d(a,this.canvas),!n.absolutePositioned){let e=t.calcTransformMatrix();a.transform(e[0],e[1],e[2],e[3],e[4],e[5])}n.transform(a),n.drawObject(a,!0,{}),this.drawClipPathOnCache(o,n,i)}i&&(e.setTransform(1,0,0,1,0,0),e.drawImage(a,0,0)),this.canvas.contextTopDirty=!0,e.restore()}findAncestorsWithClipPath(){let e=[],t=this;for(;t;)t.clipPath&&e.push(t),t=t.parent;return e}_getCursorBoundaries(e=this.selectionStart,t){let n=this._getLeftOffset(),r=this._getTopOffset(),i=this._getCursorBoundariesOffsets(e,t);return{left:n,top:r,leftOffset:i.left,topOffset:i.top}}_getCursorBoundariesOffsets(e,t){return t?this.__getCursorBoundariesOffsets(e):this.cursorOffsetCache&&`top`in this.cursorOffsetCache?this.cursorOffsetCache:this.cursorOffsetCache=this.__getCursorBoundariesOffsets(e)}__getCursorBoundariesOffsets(e){let t=0,n=0,{charIndex:r,lineIndex:i}=this.get2DCursorLocation(e),{textAlign:a,direction:o}=this;for(let e=0;e<i;e++)t+=this.getHeightOfLine(e);let s=this._getLineLeftOffset(i),c=this.__charBounds[i][r];c&&(n=c.left),this.charSpacing!==0&&r===this._textLines[i].length&&(n-=this._getWidthOfCharSpacing());let l=s+(n>0?n:0);return o===`rtl`&&(a===`right`||a===`justify`||a===`justify-right`?l*=-1:a===`left`||a===`justify-left`?l=s-(n>0?n:0):a!==`center`&&a!==`justify-center`||(l=s-(n>0?n:0))),{top:t,left:l}}renderCursorAt(e){this._renderCursor(this.canvas.contextTop,this._getCursorBoundaries(e,!0),e)}renderCursor(e,t){this._renderCursor(e,t,this.selectionStart)}getCursorRenderingData(e=this.selectionStart,t=this._getCursorBoundaries(e)){let n=this.get2DCursorLocation(e),r=n.lineIndex,i=n.charIndex>0?n.charIndex-1:0,a=this.getValueOfPropertyAt(r,i,`fontSize`),o=this.getObjectScaling().x*this.canvas.getZoom(),s=this.cursorWidth/o,c=this.getValueOfPropertyAt(r,i,`deltaY`),l=t.topOffset+(1-this._fontSizeFraction)*this.getHeightOfLine(r)/this.lineHeight-a*(1-this._fontSizeFraction);return{color:this.cursorColor||this.getValueOfPropertyAt(r,i,`fill`),opacity:this._currentCursorOpacity,left:t.left+t.leftOffset-s/2,top:l+t.top+c,width:s,height:a}}_renderCursor(e,t,n){let{color:r,opacity:i,left:a,top:o,width:s,height:c}=this.getCursorRenderingData(n,t);e.fillStyle=r,e.globalAlpha=i,e.fillRect(a,o,s,c)}renderSelection(e,t){let n={selectionStart:this.inCompositionMode?this.hiddenTextarea.selectionStart:this.selectionStart,selectionEnd:this.inCompositionMode?this.hiddenTextarea.selectionEnd:this.selectionEnd};this._renderSelection(e,n,t)}renderDragSourceEffect(){let e=this.draggableTextDelegate.getDragStartSelection();this._renderSelection(this.canvas.contextTop,e,this._getCursorBoundaries(e.selectionStart,!0))}renderDropTargetEffect(e){let t=this.getSelectionStartFromPointer(e);this.renderCursorAt(t)}_renderSelection(e,t,n){let{textAlign:r,direction:a}=this,o=t.selectionStart,s=t.selectionEnd,c=r.includes(i),l=this.get2DCursorLocation(o),u=this.get2DCursorLocation(s),d=l.lineIndex,f=u.lineIndex,p=l.charIndex<0?0:l.charIndex,m=u.charIndex<0?0:u.charIndex;for(let t=d;t<=f;t++){let i=this._getLineLeftOffset(t)||0,o=this.getHeightOfLine(t),s=0,l=0;if(t===d&&(s=this.__charBounds[d][p].left),t>=d&&t<f)l=c&&!this.isEndOfWrapping(t)?this.width:this.getLineWidth(t)||5;else if(t===f)if(m===0)l=this.__charBounds[f][m].left;else{let e=this._getWidthOfCharSpacing();l=this.__charBounds[f][m-1].left+this.__charBounds[f][m-1].width-e}let u=o;(this.lineHeight<1||t===f&&this.lineHeight>1)&&(o/=this.lineHeight);let h=n.left+i+s,g=o,_=0,v=l-s;this.inCompositionMode?(e.fillStyle=this.compositionColor||`black`,g=1,_=o):e.fillStyle=this.selectionColor,a===`rtl`&&(r===`right`||r===`justify`||r===`justify-right`?h=this.width-h-v:r===`left`||r===`justify-left`?h=n.left+i-l:r!==`center`&&r!==`justify-center`||(h=n.left+i-l)),e.fillRect(h,n.top+n.topOffset+_,v,g),n.topOffset+=u}}getCurrentCharFontSize(){let e=this._getCurrentCharIndex();return this.getValueOfPropertyAt(e.l,e.c,`fontSize`)}getCurrentCharColor(){let e=this._getCurrentCharIndex();return this.getValueOfPropertyAt(e.l,e.c,t)}_getCurrentCharIndex(){let e=this.get2DCursorLocation(this.selectionStart,!0),t=e.charIndex>0?e.charIndex-1:0;return{l:e.lineIndex,c:t}}dispose(){this.exitEditingImpl(),this.draggableTextDelegate.dispose(),super.dispose()}};e(p,`ownDefaults`,f),e(p,`type`,`IText`),n.setClass(p),n.setClass(p,`i-text`);export{p as IText};
 //# sourceMappingURL=IText.min.mjs.map

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

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

package/dist/src/shapes/IText/IText.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { _defineProperty } from "../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/defineProperty.mjs";
+import { _defineProperty } from "../../../_virtual/_@oxc-project_runtime@0.126.0/helpers/defineProperty.mjs";
 import { FILL } from "../../constants.mjs";
 import { classRegistry } from "../../ClassRegistry.mjs";
 import { createCanvasElementFor } from "../../util/misc/dom.mjs";
@@ -395,7 +395,7 @@ var IText = class IText extends ITextClickBehavior {
 		const selectionStart = selection.selectionStart, selectionEnd = selection.selectionEnd, isJustify = textAlign.includes(JUSTIFY), start = this.get2DCursorLocation(selectionStart), end = this.get2DCursorLocation(selectionEnd), startLine = start.lineIndex, endLine = end.lineIndex, startChar = start.charIndex < 0 ? 0 : start.charIndex, endChar = end.charIndex < 0 ? 0 : end.charIndex;
 		for (let i = startLine; i <= endLine; i++) {
 			const lineOffset = this._getLineLeftOffset(i) || 0;
-			let lineHeight = this.getHeightOfLine(i), realLineHeight = 0, boxStart = 0, boxEnd = 0;
+			let lineHeight = this.getHeightOfLine(i), boxStart = 0, boxEnd = 0;
 			if (i === startLine) boxStart = this.__charBounds[startLine][startChar].left;
 			if (i >= startLine && i < endLine) boxEnd = isJustify && !this.isEndOfWrapping(i) ? this.width : this.getLineWidth(i) || 5;
 			else if (i === endLine) if (endChar === 0) boxEnd = this.__charBounds[endLine][endChar].left;
@@ -403,7 +403,7 @@ var IText = class IText extends ITextClickBehavior {
 				const charSpacing = this._getWidthOfCharSpacing();
 				boxEnd = this.__charBounds[endLine][endChar - 1].left + this.__charBounds[endLine][endChar - 1].width - charSpacing;
 			}
-			realLineHeight = lineHeight;
+			const realLineHeight = lineHeight;
 			if (this.lineHeight < 1 || i === endLine && this.lineHeight > 1) lineHeight /= this.lineHeight;
 			let drawStart = boundaries.left + lineOffset + boxStart, drawHeight = lineHeight, extraTop = 0;
 			const drawWidth = boxEnd - boxStart;

package/dist/src/shapes/IText/IText.mjs.map CHANGED Viewed

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

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

@@ -1,3 +1,3 @@
-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]===`
+import{_defineProperty as e}from"../../../_virtual/_@oxc-project_runtime@0.126.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.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { _defineProperty } from "../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/defineProperty.mjs";
+import { _defineProperty } from "../../../_virtual/_@oxc-project_runtime@0.126.0/helpers/defineProperty.mjs";
 import { LEFT, RIGHT, reNewline } from "../../constants.mjs";
 import { Point } from "../../Point.mjs";
 import { getDocumentFromElement } from "../../util/dom_misc.mjs";

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

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

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

@@ -1,4 +1,4 @@
-import { _defineProperty } from "../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/defineProperty.mjs";
+import { _defineProperty } from "../../../_virtual/_@oxc-project_runtime@0.126.0/helpers/defineProperty.mjs";
 import { Point } from "../../Point.mjs";
 import { invertTransform } from "../../util/misc/matrix.mjs";
 import { DraggableTextDelegate } from "./DraggableTextDelegate.mjs";

package/dist/src/shapes/Image.min.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import{_defineProperty as e}from"../../_virtual/_@oxc-project_runtime@0.122.0/helpers/defineProperty.min.mjs";import{log as t}from"../util/internals/console.min.mjs";import{getEnv as n,getFabricDocument as r}from"../env/index.min.mjs";import"../constants.min.mjs";import{classRegistry as i}from"../ClassRegistry.min.mjs";import{uid as a}from"../util/internals/uid.min.mjs";import{createCanvasElementFor as o}from"../util/misc/dom.min.mjs";import{enlivenObjectEnlivables as s,enlivenObjects as c,loadImage as l}from"../util/misc/objectEnlive.min.mjs";import{getDocumentFromElement as u}from"../util/dom_misc.min.mjs";import{escapeXml as d}from"../util/lang_string.min.mjs";import{parsePreserveAspectRatioAttribute as f}from"../util/misc/svgParsing.min.mjs";import{cacheProperties as p}from"./Object/defaultValues.min.mjs";import{FabricObject as m}from"./Object/FabricObject.min.mjs";import{SHARED_ATTRIBUTES as h}from"../parser/attributes.min.mjs";import{parseAttributes as g}from"../parser/parseAttributes.min.mjs";import{findScaleToCover as _,findScaleToFit as v}from"../util/misc/findScaleTo.min.mjs";import{WebGLFilterBackend as y}from"../filters/WebGLFilterBackend.min.mjs";import{getFilterBackend as b}from"../filters/FilterBackend.min.mjs";const x=[`cropX`,`cropY`];var S=class i extends m{static getDefaults(){return{...super.getDefaults(),...i.ownDefaults}}constructor(t,n){super(),e(this,`_lastScaleX`,1),e(this,`_lastScaleY`,1),e(this,`_filterScalingX`,1),e(this,`_filterScalingY`,1),this.filters=[],Object.assign(this,i.ownDefaults),this.setOptions(n),this.cacheKey=`texture${a()}`,this.setElement(typeof t==`string`?(this.canvas&&u(this.canvas.getElement())||r()).getElementById(t):t,n)}getElement(){return this._element}setElement(e,t={}){this.removeTexture(this.cacheKey),this.removeTexture(`${this.cacheKey}_filtered`),this._element=e,this._originalElement=e,this._setWidthHeight(t),this.filters.length!==0&&this.applyFilters(),this.resizeFilter&&this.applyResizeFilters()}removeTexture(e){let t=b(!1);t instanceof y&&t.evictCachesForKey(e)}dispose(){super.dispose(),this.removeTexture(this.cacheKey),this.removeTexture(`${this.cacheKey}_filtered`),this._cacheContext=null,[`_originalElement`,`_element`,`_filteredEl`,`_cacheCanvas`].forEach(e=>{let t=this[e];t&&n().dispose(t),this[e]=void 0})}getCrossOrigin(){return this._originalElement&&(this._originalElement.crossOrigin||null)}getOriginalSize(){let e=this.getElement();return e?{width:e.naturalWidth||e.width,height:e.naturalHeight||e.height}:{width:0,height:0}}_stroke(e){if(!this.stroke||this.strokeWidth===0)return;let t=this.width/2,n=this.height/2;e.beginPath(),e.moveTo(-t,-n),e.lineTo(t,-n),e.lineTo(t,n),e.lineTo(-t,n),e.lineTo(-t,-n),e.closePath()}toObject(e=[]){let t=[];return this.filters.forEach(e=>{e&&t.push(e.toObject())}),{...super.toObject([...x,...e]),src:this.getSrc(),crossOrigin:this.getCrossOrigin(),filters:t,...this.resizeFilter?{resizeFilter:this.resizeFilter.toObject()}:{}}}hasCrop(){return!!this.cropX||!!this.cropY||this.width<this._element.width||this.height<this._element.height}_toSVG(){let e=[],t=this._element,n=-this.width/2,r=-this.height/2,i=[],o=[],s=``,c=``;if(!t)return[];if(this.hasCrop()){let e=a();i.push(`<clipPath id="imageCrop_`+e+`">
+import{_defineProperty as e}from"../../_virtual/_@oxc-project_runtime@0.126.0/helpers/defineProperty.min.mjs";import{log as t}from"../util/internals/console.min.mjs";import{getEnv as n,getFabricDocument as r}from"../env/index.min.mjs";import"../constants.min.mjs";import{classRegistry as i}from"../ClassRegistry.min.mjs";import{uid as a}from"../util/internals/uid.min.mjs";import{createCanvasElementFor as o}from"../util/misc/dom.min.mjs";import{enlivenObjectEnlivables as s,enlivenObjects as c,loadImage as l}from"../util/misc/objectEnlive.min.mjs";import{getDocumentFromElement as u}from"../util/dom_misc.min.mjs";import{escapeXml as d}from"../util/lang_string.min.mjs";import{parsePreserveAspectRatioAttribute as f}from"../util/misc/svgParsing.min.mjs";import{cacheProperties as p}from"./Object/defaultValues.min.mjs";import{FabricObject as m}from"./Object/FabricObject.min.mjs";import{SHARED_ATTRIBUTES as h}from"../parser/attributes.min.mjs";import{parseAttributes as g}from"../parser/parseAttributes.min.mjs";import{findScaleToCover as _,findScaleToFit as v}from"../util/misc/findScaleTo.min.mjs";import{WebGLFilterBackend as y}from"../filters/WebGLFilterBackend.min.mjs";import{getFilterBackend as b}from"../filters/FilterBackend.min.mjs";const x=[`cropX`,`cropY`];var S=class i extends m{static getDefaults(){return{...super.getDefaults(),...i.ownDefaults}}constructor(t,n){super(),e(this,`_lastScaleX`,1),e(this,`_lastScaleY`,1),e(this,`_filterScalingX`,1),e(this,`_filterScalingY`,1),this.filters=[],Object.assign(this,i.ownDefaults),this.setOptions(n),this.cacheKey=`texture${a()}`,this.setElement(typeof t==`string`?(this.canvas&&u(this.canvas.getElement())||r()).getElementById(t):t,n)}getElement(){return this._element}setElement(e,t={}){this.removeTexture(this.cacheKey),this.removeTexture(`${this.cacheKey}_filtered`),this._element=e,this._originalElement=e,this._setWidthHeight(t),this.filters.length!==0&&this.applyFilters(),this.resizeFilter&&this.applyResizeFilters()}removeTexture(e){let t=b(!1);t instanceof y&&t.evictCachesForKey(e)}dispose(){super.dispose(),this.removeTexture(this.cacheKey),this.removeTexture(`${this.cacheKey}_filtered`),this._cacheContext=null,[`_originalElement`,`_element`,`_filteredEl`,`_cacheCanvas`].forEach(e=>{let t=this[e];t&&n().dispose(t),this[e]=void 0})}getCrossOrigin(){return this._originalElement&&(this._originalElement.crossOrigin||null)}getOriginalSize(){let e=this.getElement();return e?{width:e.naturalWidth||e.width,height:e.naturalHeight||e.height}:{width:0,height:0}}_stroke(e){if(!this.stroke||this.strokeWidth===0)return;let t=this.width/2,n=this.height/2;e.beginPath(),e.moveTo(-t,-n),e.lineTo(t,-n),e.lineTo(t,n),e.lineTo(-t,n),e.lineTo(-t,-n),e.closePath()}toObject(e=[]){let t=[];return this.filters.forEach(e=>{e&&t.push(e.toObject())}),{...super.toObject([...x,...e]),src:this.getSrc(),crossOrigin:this.getCrossOrigin(),filters:t,...this.resizeFilter?{resizeFilter:this.resizeFilter.toObject()}:{}}}hasCrop(){return!!this.cropX||!!this.cropY||this.width<this._element.width||this.height<this._element.height}_toSVG(){let e=[],t=this._element,n=-this.width/2,r=-this.height/2,i=[],o=[],s=``,c=``;if(!t)return[];if(this.hasCrop()){let e=a();i.push(`<clipPath id="imageCrop_`+e+`">
 `,`	<rect x="`+n+`" y="`+r+`" width="`+d(this.width)+`" height="`+d(this.height)+`" />
 `,`</clipPath>
 `),s=` clip-path="url(#imageCrop_`+e+`)" `}if(this.imageSmoothing||(c=` image-rendering="optimizeSpeed"`),e.push(`	<image `,`COMMON_PARTS`,`xlink:href="${d(this.getSrc(!0))}" x="${n-this.cropX}" y="${r-this.cropY}" width="${t.width||t.naturalWidth}" height="${t.height||t.naturalHeight}"${c}${s}></image>\n`),this.stroke||this.strokeDashArray){let e=this.fill;this.fill=null,o=[`\t<rect x="${n}" y="${r}" width="${d(this.width)}" height="${d(this.height)}" style="${this.getSvgStyles()}" />\n`],this.fill=e}return i=this.paintFirst===`fill`?i.concat(e,o):i.concat(o,e),i}getSrc(e){let t=e?this._element:this._originalElement;return t?t.toDataURL?t.toDataURL():this.srcFromAttribute?t.getAttribute(`src`)||``:t.src:this.src||``}getSvgSrc(e){return this.getSrc(e)}setSrc(e,{crossOrigin:t,signal:n}={}){return l(e,{crossOrigin:t,signal:n}).then(e=>{t!==void 0&&this.set({crossOrigin:t}),this.setElement(e)})}toString(){return`#<Image: { src: "${this.getSrc()}" }>`}applyResizeFilters(){let e=this.resizeFilter,t=this.minimumScaleTrigger,n=this.getTotalObjectScaling(),r=n.x,i=n.y,a=this._filteredEl||this._originalElement;if(this.group&&this.set(`dirty`,!0),!e||r>t&&i>t)return this._element=a,this._filterScalingX=1,this._filterScalingY=1,this._lastScaleX=r,void(this._lastScaleY=i);let s=o(a),{width:c,height:l}=a;this._element=s,this._lastScaleX=e.scaleX=r,this._lastScaleY=e.scaleY=i,b().applyFilters([e],a,c,l,this._element),this._filterScalingX=s.width/this._originalElement.width,this._filterScalingY=s.height/this._originalElement.height}applyFilters(e=this.filters||[]){if(e=e.filter(e=>e&&!e.isNeutralState()),this.set(`dirty`,!0),this.removeTexture(`${this.cacheKey}_filtered`),e.length===0)return this._element=this._originalElement,this._filteredEl=void 0,this._filterScalingX=1,void(this._filterScalingY=1);let t=this._originalElement,n=t.naturalWidth||t.width,r=t.naturalHeight||t.height;if(this._element===this._originalElement){let e=o({width:n,height:r});this._element=e,this._filteredEl=e}else this._filteredEl&&(this._element=this._filteredEl,this._filteredEl.getContext(`2d`).clearRect(0,0,n,r),this._lastScaleX=1,this._lastScaleY=1);b().applyFilters(e,this._originalElement,n,r,this._element,this.cacheKey),this._originalElement.width===this._element.width&&this._originalElement.height===this._element.height||(this._filterScalingX=this._element.width/this._originalElement.width,this._filterScalingY=this._element.height/this._originalElement.height)}_render(e){e.imageSmoothingEnabled=this.imageSmoothing,!0!==this.isMoving&&this.resizeFilter&&this._needsResize()&&this.applyResizeFilters(),this._stroke(e),this._renderPaintInOrder(e)}drawCacheOnCanvas(e){e.imageSmoothingEnabled=this.imageSmoothing,super.drawCacheOnCanvas(e)}shouldCache(){return this.needsItsOwnCache()}_renderFill(e){let t=this._element;if(!t)return;let n=this._filterScalingX,r=this._filterScalingY,i=this.width,a=this.height,o=Math.max(this.cropX,0),s=Math.max(this.cropY,0),c=t.naturalWidth||t.width,l=t.naturalHeight||t.height,u=o*n,d=s*r,f=Math.min(i*n,c-u),p=Math.min(a*r,l-d),m=-i/2,h=-a/2,g=Math.min(i,c/n-o),_=Math.min(a,l/r-s);t&&e.drawImage(t,u,d,f,p,m,h,g,_)}_needsResize(){let e=this.getTotalObjectScaling();return e.x!==this._lastScaleX||e.y!==this._lastScaleY}_resetWidthHeight(){this.set(this.getOriginalSize())}_setWidthHeight({width:e,height:t}={}){let n=this.getOriginalSize();this.width=e||n.width,this.height=t||n.height}parsePreserveAspectRatioAttribute(){let e=f(this.preserveAspectRatio||``),t=this.width,n=this.height,r={width:t,height:n},i,a=this._element.width,o=this._element.height,s=1,c=1,l=0,u=0,d=0,p=0;return!e||e.alignX===`none`&&e.alignY===`none`?(s=t/a,c=n/o):(e.meetOrSlice===`meet`&&(s=c=v(this._element,r),i=(t-a*s)/2,e.alignX===`Min`&&(l=-i),e.alignX===`Max`&&(l=i),i=(n-o*c)/2,e.alignY===`Min`&&(u=-i),e.alignY===`Max`&&(u=i)),e.meetOrSlice===`slice`&&(s=c=_(this._element,r),i=a-t/s,e.alignX===`Mid`&&(d=i/2),e.alignX===`Max`&&(d=i),i=o-n/c,e.alignY===`Mid`&&(p=i/2),e.alignY===`Max`&&(p=i),a=t/s,o=n/c)),{width:a,height:o,scaleX:s,scaleY:c,offsetLeft:l,offsetTop:u,cropX:d,cropY:p}}static fromObject({filters:e,resizeFilter:t,src:n,crossOrigin:r,type:i,...a},o){return Promise.all([l(n,{...o,crossOrigin:r}),e&&c(e,o),t?c([t],o):[],s(a,o)]).then(([e,t=[],[r],i={}])=>new this(e,{...a,src:n,filters:t,resizeFilter:r,...i}))}static fromURL(e,{crossOrigin:t=null,signal:n}={},r){return l(e,{crossOrigin:t,signal:n}).then(e=>new this(e,r))}static async fromElement(e,n={},r){let i=g(e,this.ATTRIBUTE_NAMES,r);return this.fromURL(i[`xlink:href`]||i.href,n,i).catch(e=>(t(`log`,`Unable to parse Image`,e),null))}};e(S,`type`,`Image`),e(S,`cacheProperties`,[...p,...x]),e(S,`ownDefaults`,{strokeWidth:0,srcFromAttribute:!1,minimumScaleTrigger:.5,cropX:0,cropY:0,imageSmoothing:!0}),e(S,`ATTRIBUTE_NAMES`,[...h,`x`,`y`,`width`,`height`,`preserveAspectRatio`,`xlink:href`,`href`,`crossOrigin`,`image-rendering`]),i.setClass(S),i.setSVGClass(S);export{S as FabricImage};

package/dist/src/shapes/Image.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { _defineProperty } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/defineProperty.mjs";
+import { _defineProperty } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/defineProperty.mjs";
 import { log } from "../util/internals/console.mjs";
 import { getEnv, getFabricDocument } from "../env/index.mjs";
 import "../constants.mjs";

package/dist/src/shapes/Line.min.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{_defineProperty as e}from"../../_virtual/_@oxc-project_runtime@0.122.0/helpers/defineProperty.min.mjs";import{CENTER as t}from"../constants.min.mjs";import{classRegistry as n}from"../ClassRegistry.min.mjs";import{Point as r}from"../Point.min.mjs";import{isFiller as i}from"../util/typeAssertions.min.mjs";import{makeBoundingBoxFromPoints as a}from"../util/misc/boundingBoxFromPoints.min.mjs";import{cacheProperties as o}from"./Object/defaultValues.min.mjs";import{FabricObject as s}from"./Object/FabricObject.min.mjs";import{SHARED_ATTRIBUTES as c}from"../parser/attributes.min.mjs";import{parseAttributes as l}from"../parser/parseAttributes.min.mjs";const u=[`x1`,`x2`,`y1`,`y2`];var d=class e extends s{constructor([t,n,r,i]=[0,0,0,0],a={}){super(),Object.assign(this,e.ownDefaults),this.setOptions(a),this.x1=t,this.x2=r,this.y1=n,this.y2=i,this._setWidthHeight();let{left:o,top:s}=a;typeof o==`number`&&this.set(`left`,o),typeof s==`number`&&this.set(`top`,s)}_setWidthHeight(){let{x1:e,y1:n,x2:i,y2:o}=this;this.width=Math.abs(i-e),this.height=Math.abs(o-n);let{left:s,top:c,width:l,height:u}=a([{x:e,y:n},{x:i,y:o}]),d=new r(s+l/2,c+u/2);this.setPositionByOrigin(d,t,t)}_set(e,t){return super._set(e,t),u.includes(e)&&this._setWidthHeight(),this}_render(e){e.beginPath();let t=this.calcLinePoints();e.moveTo(t.x1,t.y1),e.lineTo(t.x2,t.y2),e.lineWidth=this.strokeWidth;let n=e.strokeStyle;var r;i(this.stroke)?e.strokeStyle=this.stroke.toLive(e):e.strokeStyle=(r=this.stroke)==null?e.fillStyle:r,this.stroke&&this._renderStroke(e),e.strokeStyle=n}_findCenterFromElement(){return new r((this.x1+this.x2)/2,(this.y1+this.y2)/2)}toObject(e=[]){return{...super.toObject(e),...this.calcLinePoints()}}_getNonTransformedDimensions(){let e=super._getNonTransformedDimensions();return this.strokeLineCap===`butt`&&(this.width===0&&(e.y-=this.strokeWidth),this.height===0&&(e.x-=this.strokeWidth)),e}calcLinePoints(){let{x1:e,x2:t,y1:n,y2:r,width:i,height:a}=this,o=e<=t?-.5:.5,s=n<=r?-.5:.5;return{x1:o*i,x2:o*-i,y1:s*a,y2:s*-a}}_toSVG(){let{x1:e,x2:t,y1:n,y2:r}=this.calcLinePoints();return[`<line `,`COMMON_PARTS`,`x1="${e}" y1="${n}" x2="${t}" y2="${r}" />\n`]}static async fromElement(e,t,n){let{x1:r=0,y1:i=0,x2:a=0,y2:o=0,...s}=l(e,this.ATTRIBUTE_NAMES,n);return new this([r,i,a,o],s)}static fromObject({x1:e,y1:t,x2:n,y2:r,...i}){return this._fromObject({...i,points:[e,t,n,r]},{extraParam:`points`})}};e(d,`type`,`Line`),e(d,`cacheProperties`,[...o,...u]),e(d,`ATTRIBUTE_NAMES`,c.concat(u)),n.setClass(d),n.setSVGClass(d);export{d as Line};
+import{_defineProperty as e}from"../../_virtual/_@oxc-project_runtime@0.126.0/helpers/defineProperty.min.mjs";import{CENTER as t}from"../constants.min.mjs";import{classRegistry as n}from"../ClassRegistry.min.mjs";import{Point as r}from"../Point.min.mjs";import{isFiller as i}from"../util/typeAssertions.min.mjs";import{makeBoundingBoxFromPoints as a}from"../util/misc/boundingBoxFromPoints.min.mjs";import{cacheProperties as o}from"./Object/defaultValues.min.mjs";import{FabricObject as s}from"./Object/FabricObject.min.mjs";import{SHARED_ATTRIBUTES as c}from"../parser/attributes.min.mjs";import{parseAttributes as l}from"../parser/parseAttributes.min.mjs";const u=[`x1`,`x2`,`y1`,`y2`];var d=class e extends s{constructor([t,n,r,i]=[0,0,0,0],a={}){super(),Object.assign(this,e.ownDefaults),this.setOptions(a),this.x1=t,this.x2=r,this.y1=n,this.y2=i,this._setWidthHeight();let{left:o,top:s}=a;typeof o==`number`&&this.set(`left`,o),typeof s==`number`&&this.set(`top`,s)}_setWidthHeight(){let{x1:e,y1:n,x2:i,y2:o}=this;this.width=Math.abs(i-e),this.height=Math.abs(o-n);let{left:s,top:c,width:l,height:u}=a([{x:e,y:n},{x:i,y:o}]),d=new r(s+l/2,c+u/2);this.setPositionByOrigin(d,t,t)}_set(e,t){return super._set(e,t),u.includes(e)&&this._setWidthHeight(),this}_render(e){e.beginPath();let t=this.calcLinePoints();e.moveTo(t.x1,t.y1),e.lineTo(t.x2,t.y2),e.lineWidth=this.strokeWidth;let n=e.strokeStyle;var r;i(this.stroke)?e.strokeStyle=this.stroke.toLive(e):e.strokeStyle=(r=this.stroke)==null?e.fillStyle:r,this.stroke&&this._renderStroke(e),e.strokeStyle=n}_findCenterFromElement(){return new r((this.x1+this.x2)/2,(this.y1+this.y2)/2)}toObject(e=[]){return{...super.toObject(e),...this.calcLinePoints()}}_getNonTransformedDimensions(){let e=super._getNonTransformedDimensions();return this.strokeLineCap===`butt`&&(this.width===0&&(e.y-=this.strokeWidth),this.height===0&&(e.x-=this.strokeWidth)),e}calcLinePoints(){let{x1:e,x2:t,y1:n,y2:r,width:i,height:a}=this,o=e<=t?-.5:.5,s=n<=r?-.5:.5;return{x1:o*i,x2:o*-i,y1:s*a,y2:s*-a}}_toSVG(){let{x1:e,x2:t,y1:n,y2:r}=this.calcLinePoints();return[`<line `,`COMMON_PARTS`,`x1="${e}" y1="${n}" x2="${t}" y2="${r}" />\n`]}static async fromElement(e,t,n){let{x1:r=0,y1:i=0,x2:a=0,y2:o=0,...s}=l(e,this.ATTRIBUTE_NAMES,n);return new this([r,i,a,o],s)}static fromObject({x1:e,y1:t,x2:n,y2:r,...i}){return this._fromObject({...i,points:[e,t,n,r]},{extraParam:`points`})}};e(d,`type`,`Line`),e(d,`cacheProperties`,[...o,...u]),e(d,`ATTRIBUTE_NAMES`,c.concat(u)),n.setClass(d),n.setSVGClass(d);export{d as Line};
 //# sourceMappingURL=Line.min.mjs.map

package/dist/src/shapes/Line.mjs CHANGED Viewed

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

package/dist/src/shapes/Object/FabricObjectSVGExportMixin.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FabricObjectSVGExportMixin.d.ts","sourceRoot":"","sources":["../../../../src/shapes/Object/FabricObjectSVGExportMixin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;~~AAIlD~~,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAKnD,qBAAa,0BAA0B;IACrC;;;;OAIG;IACK,UAAU,CAAC,EAAE,MAAM,CAAC;IAE5B;;;;OAIG;IACH,YAAY,CACV,IAAI,EAAE,0BAA0B,GAAG,YAAY,EAC/C,UAAU,CAAC,EAAE,OAAO;~~IAmDtB~~;;;OAGG;IACH,YAAY,CAAC,IAAI,EAAE,0BAA0B,GAAG,YAAY;IAM5D;;;OAGG;IACH,aAAa,CACX,IAAI,EAAE,0BAA0B,GAAG,YAAY,GAAG;QAAE,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE;IAanE;;;;OAIG;IACH,eAAe,CACb,IAAI,EAAE,0BAA0B,GAAG,YAAY,EAC/C,IAAI,CAAC,EAAE,OAAO,EACd,mBAAmB,SAAK;IAO1B;;;;;;OAMG;IACH,MAAM,CAAC,QAAQ,CAAC,EAAE,WAAW,GAAG,MAAM,EAAE;IAIxC;;;;OAIG;IACH,KAAK,CACH,IAAI,EAAE,0BAA0B,GAAG,YAAY,EAC/C,OAAO,CAAC,EAAE,WAAW;IAOvB;;;;OAIG;IACH,aAAa,CACX,IAAI,EAAE,0BAA0B,GAAG,YAAY,EAC/C,OAAO,CAAC,EAAE,WAAW;IAUvB;;OAEG;IACH,4BAA4B,CAC1B,IAAI,EAAE,0BAA0B,GAAG,YAAY,EAC/C,YAAY,EAAE,MAAM,EAAE,EACtB,EACE,OAAO,EACP,mBAAwB,GACzB,GAAE;QAAE,OAAO,CAAC,EAAE,WAAW,CAAC;QAAC,mBAAmB,CAAC,EAAE,MAAM,CAAA;KAAO;IAYjE;;OAEG;IACH,oBAAoB,CAClB,IAAI,EAAE,0BAA0B,GAAG,YAAY,EAC/C,YAAY,EAAE,MAAM,EAAE,EACtB,EACE,OAAO,EACP,OAAO,EACP,UAAU,EACV,mBAAmB,GACpB,GAAE;QACD,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,OAAO,CAAC,EAAE,WAAW,CAAC;QACtB,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,mBAAmB,CAAC,EAAE,MAAM,CAAC;KACzB,GACL,MAAM;IAwDT,aAAa,CAAC,IAAI,EAAE,0BAA0B,GAAG,YAAY;CAK9D"}
1	+ {"version":3,"file":"FabricObjectSVGExportMixin.d.ts","sourceRoot":"","sources":["../../../../src/shapes/Object/FabricObjectSVGExportMixin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAQlD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAKnD,qBAAa,0BAA0B;IACrC;;;;OAIG;IACK,UAAU,CAAC,EAAE,MAAM,CAAC;IAE5B;;;;OAIG;IACH,YAAY,CACV,IAAI,EAAE,0BAA0B,GAAG,YAAY,EAC/C,UAAU,CAAC,EAAE,OAAO;IAyDtB;;;OAGG;IACH,YAAY,CAAC,IAAI,EAAE,0BAA0B,GAAG,YAAY;IAM5D;;;OAGG;IACH,aAAa,CACX,IAAI,EAAE,0BAA0B,GAAG,YAAY,GAAG;QAAE,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE;IAanE;;;;OAIG;IACH,eAAe,CACb,IAAI,EAAE,0BAA0B,GAAG,YAAY,EAC/C,IAAI,CAAC,EAAE,OAAO,EACd,mBAAmB,SAAK;IAO1B;;;;;;OAMG;IACH,MAAM,CAAC,QAAQ,CAAC,EAAE,WAAW,GAAG,MAAM,EAAE;IAIxC;;;;OAIG;IACH,KAAK,CACH,IAAI,EAAE,0BAA0B,GAAG,YAAY,EAC/C,OAAO,CAAC,EAAE,WAAW;IAOvB;;;;OAIG;IACH,aAAa,CACX,IAAI,EAAE,0BAA0B,GAAG,YAAY,EAC/C,OAAO,CAAC,EAAE,WAAW;IAUvB;;OAEG;IACH,4BAA4B,CAC1B,IAAI,EAAE,0BAA0B,GAAG,YAAY,EAC/C,YAAY,EAAE,MAAM,EAAE,EACtB,EACE,OAAO,EACP,mBAAwB,GACzB,GAAE;QAAE,OAAO,CAAC,EAAE,WAAW,CAAC;QAAC,mBAAmB,CAAC,EAAE,MAAM,CAAA;KAAO;IAYjE;;OAEG;IACH,oBAAoB,CAClB,IAAI,EAAE,0BAA0B,GAAG,YAAY,EAC/C,YAAY,EAAE,MAAM,EAAE,EACtB,EACE,OAAO,EACP,OAAO,EACP,UAAU,EACV,mBAAmB,GACpB,GAAE;QACD,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,OAAO,CAAC,EAAE,WAAW,CAAC;QACtB,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,mBAAmB,CAAC,EAAE,MAAM,CAAC;KACzB,GACL,MAAM;IAwDT,aAAa,CAAC,IAAI,EAAE,0BAA0B,GAAG,YAAY;CAK9D"}