npm - @nasser-sw/fabric - Versions diffs - 7.0.1-beta2 → 7.0.1-beta4 - Mend

@nasser-sw/fabric 7.0.1-beta2 → 7.0.1-beta4

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 (2524) hide show

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

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

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

File without changes

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

File without changes

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

File without changes

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

File without changes

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

File without changes

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

File without changes

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

File without changes

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

File without changes

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

File without changes

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

File without changes

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

File without changes

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

File without changes

package/dist/src/shapes/Image.d.ts CHANGED Viewed

File without changes

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

File without changes

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

File without changes

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

File without changes

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

File without changes

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

File without changes

package/dist/src/shapes/Line.d.ts CHANGED Viewed

@@ -4,114 +4,59 @@ import { Point } from '../Point';
 import type { FabricObjectProps, SerializedObjectProps } from './Object/types';
 import type { ObjectEvents } from '../EventTypeDefs';
 import type { CSSRules } from '../parser/typedefs';
-interface UniqueLineProps {
+import type { TPointerEvent, Transform } from '../EventTypeDefs';
+interface UniqueLineCoords {
     x1: number;
     x2: number;
     y1: number;
     y2: number;
 }
-export interface SerializedLineProps extends SerializedObjectProps, UniqueLineProps {
+export interface SerializedLineProps extends SerializedObjectProps, UniqueLineCoords {
 }
-/**
- * A Class to draw a line
- * A bunch of methods will be added to Polyline to handle the line case
- * The line class is very strange to work with, is all special, it hardly aligns
- * to what a developer want everytime there is an angle
- * @deprecated
- */
-export declare class Line<Props extends TOptions<FabricObjectProps> = Partial<FabricObjectProps>, SProps extends SerializedLineProps = SerializedLineProps, EventSpec extends ObjectEvents = ObjectEvents> extends FabricObject<Props, SProps, EventSpec> implements UniqueLineProps {
-    /**
-     * x value or first line edge
-     * @type number
-     */
+export declare class Line<Props extends TOptions<FabricObjectProps> = Partial<FabricObjectProps>, SProps extends SerializedLineProps = SerializedLineProps, EventSpec extends ObjectEvents = ObjectEvents> extends FabricObject<Props, SProps, EventSpec> implements UniqueLineCoords {
     x1: number;
-    /**
-     * y value or first line edge
-     * @type number
-     */
     y1: number;
-    /**
-     * x value or second line edge
-     * @type number
-     */
     x2: number;
-    /**
-     * y value or second line edge
-     * @type number
-     */
     y2: number;
+    hitStrokeWidth: number | 'auto';
+    private _updatingEndpoints;
+    private _useEndpointCoords;
     static type: string;
     static cacheProperties: string[];
-    /**
-     * Constructor
-     * @param {Array} [points] Array of points
-     * @param {Object} [options] Options object
-     * @return {Line} thisArg
-     */
-    constructor([x1, y1, x2, y2]?: [number, number, number, number], options?: Partial<Props>);
-    /**
-     * @private
-     * @param {Object} [options] Options
-     */
-    _setWidthHeight(): void;
-    /**
-     * @private
-     * @param {String} key
-     * @param {*} value
-     */
+    constructor([x1, y1, x2, y2]?: [number, number, number, number], options?: Partial<Props & {
+        hitStrokeWidth?: number | 'auto';
+    }>);
+    _setupLineControls(): void;
+    _p1PositionHandler(): Point;
+    _p2PositionHandler(): Point;
+    _renderEndpointControl(ctx: CanvasRenderingContext2D, left: number, top: number): void;
+    drawBorders(ctx: CanvasRenderingContext2D, styleOverride?: any): void | this;
+    _drawLineBorders(ctx: CanvasRenderingContext2D, styleOverride?: any): void;
+    _renderControls(ctx: CanvasRenderingContext2D, styleOverride?: any): void;
+    getBoundingRect(): import("../typedefs").TBBox;
+    setCoords(): void;
+    getCoords(): [Point, Point, Point, Point];
+    containsPoint(point: Point): boolean;
+    _distanceToLineSegment(px: number, py: number): number;
+    _endpointActionHandler(eventData: TPointerEvent, transformData: Transform, x: number, y: number): boolean;
+    _snapToAngle(fromX: number, fromY: number, toX: number, toY: number): {
+        x: number;
+        y: number;
+    };
+    _setWidthHeight(skipReposition?: boolean): void;
     _set(key: string, value: any): this;
-    /**
-     * @private
-     * @param {CanvasRenderingContext2D} ctx Context to render on
-     */
+    render(ctx: CanvasRenderingContext2D): void;
+    _renderDirectly(ctx: CanvasRenderingContext2D): void;
     _render(ctx: CanvasRenderingContext2D): void;
-    /**
-     * This function is an helper for svg import. it returns the center of the object in the svg
-     * untransformed coordinates
-     * @private
-     * @return {Point} center point from element coordinates
-     */
     _findCenterFromElement(): Point;
-    /**
-     * Returns object representation of an instance
-     * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output
-     * @return {Object} object representation of an instance
-     */
     toObject<T extends Omit<Props & TClassProperties<this>, keyof SProps>, K extends keyof T = never>(propertiesToInclude?: K[]): Pick<T, K> & SProps;
     _getNonTransformedDimensions(): Point;
-    /**
-     * Recalculates line points given width and height
-     * Those points are simply placed around the center,
-     * This is not useful outside internal render functions and svg output
-     * Is not meant to be for the developer.
-     * @private
-     */
-    calcLinePoints(): UniqueLineProps;
-    /**
-     * Returns svg representation of an instance
-     * @return {Array} an array of strings with the specific svg representation
-     * of the instance
-     */
+    calcLinePoints(): UniqueLineCoords;
     _toSVG(): string[];
-    /**
-     * List of attribute names to account for when parsing SVG element (used by {@link Line.fromElement})
-     * @see http://www.w3.org/TR/SVG/shapes.html#LineElement
-     */
     static ATTRIBUTE_NAMES: string[];
-    /**
-     * Returns Line instance from an SVG element
-     * @param {HTMLElement} element Element to parse
-     * @param {Object} [options] Options object
-     * @param {Function} [callback] callback function invoked after parsing
-     */
     static fromElement(element: HTMLElement, options?: Abortable, cssRules?: CSSRules): Promise<Line<{
         [x: string]: /*elided*/ any;
     }, SerializedLineProps, ObjectEvents>>;
-    /**
-     * Returns Line instance from an object representation
-     * @param {Object} object Object to create an instance from
-     * @returns {Promise<Line>}
-     */
     static fromObject<T extends TOptions<SerializedLineProps>>({ x1, y1, x2, y2, ...object }: T): Promise<Line<Partial<FabricObjectProps>, SerializedLineProps, ObjectEvents>>;
 }
 export {};

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Line.d.ts","sourceRoot":"","sources":["../../../src/shapes/Line.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEzE,OAAO,EAAE,YAAY,EAAmB,MAAM,uBAAuB,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,OAAO,KAAK,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAC/E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGrD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;~~AAMnD~~,UAAU,~~eAAe~~;~~IACvB~~,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,mBACf,SAAQ,qBAAqB,EAC3B,~~eAAe~~;CAAG;~~AAEtB;;;;;;GAMG;AACH~~,qBAAa,IAAI,CACb,KAAK,SAAS,QAAQ,CAAC,iBAAiB,CAAC,GAAG,OAAO,CAAC,iBAAiB,CAAC,EACtE,MAAM,SAAS,mBAAmB,GAAG,mBAAmB,EACxD,SAAS,SAAS,YAAY,GAAG,YAAY,CAE/C,SAAQ,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAC7C,YAAW,~~eAAe~~;~~IAE1B;;;OAGG;IACK~~,EAAE,EAAE,MAAM,CAAC;~~IAEnB;;;OAGG;IACK~~,EAAE,EAAE,MAAM,CAAC;~~IAEnB;;;OAGG;IACK~~,EAAE,EAAE,MAAM,CAAC;~~IAEnB;;;OAGG;IACK~~,EAAE,EAAE,MAAM,CAAC;IAEnB,MAAM,CAAC,IAAI,SAAU;~~IAErB~~,MAAM,CAAC,eAAe,WAAuC;~~IAC7D;;;;;OAKG;gBACS~~,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,~~mCAAe~~,EAAE,OAAO,GAAE,OAAO,CAAC,KAAK,CAAM;~~IAczE;;;OAGG~~;~~IACH~~,eAAe;~~IAYf;;;;OAIG~~;~~IACH~~,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG;~~IAc5B;;;OAGG~~;~~IACH~~,~~OAAO~~,CAAC,GAAG,EAAE,wBAAwB;~~IAsBrC;;;;;OAKG~~;~~IACH~~,sBAAsB,IAAI,KAAK;IAI/B~~;;;;OAIG;IACH~~,QAAQ,CACN,CAAC,SAAS,IAAI,CAAC,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC,EAAE,MAAM,MAAM,CAAC,EAC5D,CAAC,SAAS,MAAM,CAAC,GAAG,KAAK,EACzB,mBAAmB,GAAE,CAAC,EAAO,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,MAAM;~~IAWrD~~,4BAA4B,IAAI,KAAK;~~IAarC;;;;;;OAMG;IACH~~,cAAc,IAAI,~~eAAe~~;~~IAmBjC;;;;OAIG;IACH~~,MAAM;IASN~~;;;OAGG;IACH~~,MAAM,CAAC,eAAe,WAAwC;~~IAE9D;;;;;OAKG;WACU~~,WAAW,CACtB,OAAO,EAAE,WAAW,EACpB,OAAO,CAAC,EAAE,SAAS,EACnB,QAAQ,CAAC,EAAE,QAAQ;;;~~IAcrB;;;;OAIG;IACH~~,MAAM,CAAC,UAAU,CAAC,CAAC,SAAS,QAAQ,CAAC,mBAAmB,CAAC,EAAE,EACzD,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,GAAG,MAAM,EACV,EAAE,CAAC;~~CAWL~~"}
1	+ {"version":3,"file":"Line.d.ts","sourceRoot":"","sources":["../../../src/shapes/Line.ts"],"names":[],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import{defineProperty as t}from"../../_virtual/_rollupPluginBabelHelpers.min.mjs";import{SHARED_ATTRIBUTES as i}from"../parser/attributes.min.mjs";import{parseAttributes as s}from"../parser/parseAttributes.min.mjs";import{classRegistry as e}from"../ClassRegistry.min.mjs";import{FabricObject as o}from"./Object/FabricObject.min.mjs";import{Point as r}from"../Point.min.mjs";import{isFiller as n}from"../util/typeAssertions.min.mjs";import{LEFT as m,TOP as h,CENTER as c}from"../constants.min.mjs";import"../util/misc/vectors.min.mjs";import"../util/misc/projectStroke/StrokeLineJoinProjections.min.mjs";import"../config.min.mjs";import"./Group.min.mjs";import{makeBoundingBoxFromPoints as l}from"../util/misc/boundingBoxFromPoints.min.mjs";import"../cache.min.mjs";import"../parser/constants.min.mjs";import"../util/animation/AnimationRegistry.min.mjs";import{cacheProperties as a}from"./Object/defaultValues.min.mjs";const p=["x1","x2","y1","y2"];class y extends o{constructor(){let[t,i,s,e]=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[0,0,0,0],o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};super(),Object.assign(this,y.ownDefaults),this.setOptions(o),this.x1=t,this.x2=s,this.y1=i,this.y2=e,this._setWidthHeight();const{left:r,top:n}=o;"number"==typeof r&&this.set(m,r),"number"==typeof n&&this.set(h,n)}_setWidthHeight(){const{x1:t,y1:i,x2:s,y2:e}=this;this.width=Math.abs(s-t),this.height=Math.abs(e-i);const{left:o,top:n,width:m,height:h}=l([{x:t,y:i},{x:s,y:e}]),a=new r(o+m/2,n+h/2);this.setPositionByOrigin(a,c,c)}_set(t,i){return super._set(t,i),p.includes(t)&&this._setWidthHeight(),this}_render(t){t.beginPath();const i=this.calcLinePoints();t.moveTo(i.x1,i.y1),t.lineTo(i.x2,i.y2),t.lineWidth=this.strokeWidth;const s=t.strokeStyle;var e;n(this.stroke)?t.strokeStyle=this.stroke.toLive(t):t.strokeStyle=null!==(e=this.stroke)&&void 0!==e?e:t.fillStyle;this.stroke&&this._renderStroke(t),t.strokeStyle=s}_findCenterFromElement(){return new r((this.x1+this.x2)/2,(this.y1+this.y2)/2)}toObject(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return{...super.toObject(t),...this.calcLinePoints()}}_getNonTransformedDimensions(){const t=super._getNonTransformedDimensions();return"butt"===this.strokeLineCap&&(0===this.width&&(t.y-=this.strokeWidth),0===this.height&&(t.x-=this.strokeWidth)),t}calcLinePoints(){const{x1:t,x2:i,y1:s,y2:e,width:o,height:r}=this,n=t<=i?-1:1,m=s<=e?-1:1;return{x1:n*o/2,x2:n*-o/2,y1:m*r/2,y2:m*-r/2}}_toSVG(){const{x1:t,x2:i,y1:s,y2:e}=this.calcLinePoints();return["<line ","COMMON_PARTS",`x1="${t}" y1="${s}" x2="${i}" y2="${e}" />\n`]}static async fromElement(t,i,e){const{x1:o=0,y1:r=0,x2:n=0,y2:m=0,...h}=s(t,this.ATTRIBUTE_NAMES,e);return new this([o,r,n,m],h)}static fromObject(t){let{x1:i,y1:s,x2:e,y2:o,...r}=t;return this._fromObject({...r,points:[i,s,e,o]},{extraParam:"points"})}}t(y,"type","Line"),t(y,"cacheProperties",[...a,...p]),t(y,"ATTRIBUTE_NAMES",i.concat(p)),e.setClass(y),e.setSVGClass(y);export{y as Line};
+import{defineProperty as t}from"../../_virtual/_rollupPluginBabelHelpers.min.mjs";import{SHARED_ATTRIBUTES as i}from"../parser/attributes.min.mjs";import{parseAttributes as s}from"../parser/parseAttributes.min.mjs";import{classRegistry as e}from"../ClassRegistry.min.mjs";import{FabricObject as o}from"./Object/FabricObject.min.mjs";import{Point as n}from"../Point.min.mjs";import{isFiller as r}from"../util/typeAssertions.min.mjs";import{LEFT as h,TOP as a,CENTER as d}from"../constants.min.mjs";import"../util/misc/vectors.min.mjs";import"../util/misc/projectStroke/StrokeLineJoinProjections.min.mjs";import"../config.min.mjs";import"./Group.min.mjs";import{makeBoundingBoxFromPoints as l}from"../util/misc/boundingBoxFromPoints.min.mjs";import"../cache.min.mjs";import"../parser/constants.min.mjs";import"../util/animation/AnimationRegistry.min.mjs";import{Control as p}from"../controls/Control.min.mjs";import{cacheProperties as m}from"./Object/defaultValues.min.mjs";const u=["x1","x2","y1","y2"];class c extends o{constructor(){let[i,s,e,o]=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[0,0,100,0],n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};super(),t(this,"hitStrokeWidth","auto"),t(this,"_updatingEndpoints",!1),t(this,"_useEndpointCoords",!0),this.setOptions(n),this.x1=i,this.x2=e,this.y1=s,this.y2=o,void 0!==n.hitStrokeWidth&&(this.hitStrokeWidth=n.hitStrokeWidth),this.hasBorders=!1,this.hasControls=!0,this.selectable=!0,this.hoverCursor="move",this.perPixelTargetFind=!1,this.strokeLineCap="butt",this._setWidthHeight();const{left:r,top:d}=n;"number"==typeof r&&this.set(h,r),"number"==typeof d&&this.set(a,d),this._setupLineControls()}_setupLineControls(){this.controls={p1:new p({x:0,y:0,cursorStyle:"move",actionHandler:this._endpointActionHandler.bind(this),positionHandler:this._p1PositionHandler.bind(this),render:this._renderEndpointControl.bind(this),sizeX:12,sizeY:12}),p2:new p({x:0,y:0,cursorStyle:"move",actionHandler:this._endpointActionHandler.bind(this),positionHandler:this._p2PositionHandler.bind(this),render:this._renderEndpointControl.bind(this),sizeX:12,sizeY:12})}}_p1PositionHandler(){var t;const i=(null===(t=this.canvas)||void 0===t?void 0:t.viewportTransform)||[1,0,0,1,0,0];return new n(this.x1,this.y1).transform(i)}_p2PositionHandler(){var t;const i=(null===(t=this.canvas)||void 0===t?void 0:t.viewportTransform)||[1,0,0,1,0,0];return new n(this.x2,this.y2).transform(i)}_renderEndpointControl(t,i,s){t.save(),t.fillStyle="#007bff",t.strokeStyle="#ffffff",t.lineWidth=2,t.beginPath(),t.arc(i,s,6,0,2*Math.PI),t.fill(),t.stroke(),t.restore()}drawBorders(t){let i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this._useEndpointCoords?(this._drawLineBorders(t,i),this):super.drawBorders(t,i,{})}_drawLineBorders(t){var i;let s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const e=(null===(i=this.canvas)||void 0===i?void 0:i.viewportTransform)||[1,0,0,1,0,0];t.save(),t.setTransform(e[0],e[1],e[2],e[3],e[4],e[5]),t.strokeStyle=s.borderColor||this.borderColor||"rgba(100, 200, 200, 0.5)",t.lineWidth=(this.strokeWidth||1)+5,t.lineCap=this.strokeLineCap||"butt",t.globalAlpha=this.isMoving?this.borderOpacityWhenMoving:1,t.beginPath(),t.moveTo(this.x1,this.y1),t.lineTo(this.x2,this.y2),t.stroke(),t.restore()}_renderControls(t){let i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};t.save(),t.globalAlpha=this.isMoving?this.borderOpacityWhenMoving:1,this.drawControls(t,i),t.restore()}getBoundingRect(){if(this._useEndpointCoords){const{x1:t,y1:i,x2:s,y2:e}=this,o="auto"===this.hitStrokeWidth?this.strokeWidth:this.hitStrokeWidth,n=Math.max(o/2+5,10);return{left:Math.min(t,s)-n,top:Math.min(i,e)-n,width:Math.abs(s-t)+2*n||2*n,height:Math.abs(e-i)+2*n||2*n}}return super.getBoundingRect()}setCoords(){if(this._useEndpointCoords){const t=Math.min(this.x1,this.x2),i=Math.max(this.x1,this.x2),s=Math.min(this.y1,this.y2),e=Math.max(this.y1,this.y2),o="auto"===this.hitStrokeWidth?this.strokeWidth:this.hitStrokeWidth,n=Math.max(o/2+5,10);this.left=t-n+(i-t+2*n)/2,this.top=s-n+(e-s+2*n)/2,this.width=Math.abs(this.x2-this.x1)+2*n,this.height=Math.abs(this.y2-this.y1)+2*n}super.setCoords()}getCoords(){if(this._useEndpointCoords){const t=this.x2-this.x1,i=this.y2-this.y1,s=Math.sqrt(t*t+i*i);if(0===s)return super.getCoords();const e="auto"===this.hitStrokeWidth?this.strokeWidth:this.hitStrokeWidth,o=Math.max(e/2+2,5),r=-i/s,h=t/s;return[new n(this.x1+r*o,this.y1+h*o),new n(this.x2+r*o,this.y2+h*o),new n(this.x2-r*o,this.y2-h*o),new n(this.x1-r*o,this.y1-h*o)]}return super.getCoords()}containsPoint(t){if(this._useEndpointCoords){var i;if((null===(i=this.canvas)||void 0===i?void 0:i.getActiveObject())===this)return super.containsPoint(t);const s=this._distanceToLineSegment(t.x,t.y),e="auto"===this.hitStrokeWidth?this.strokeWidth:this.hitStrokeWidth||1;return s<=Math.max(e/2+2,5)}return super.containsPoint(t)}_distanceToLineSegment(t,i){const s=this.x1,e=this.y1,o=this.x2,n=this.y2,r=(s-o)*(s-o)+(e-n)*(e-n);if(0===r)return Math.sqrt((t-s)*(t-s)+(i-e)*(i-e));const h=((t-s)*(o-s)+(i-e)*(n-e))/r;let a,d;return h<0?(a=s,d=e):h>1?(a=o,d=n):(a=s+h*(o-s),d=e+h*(n-e)),Math.sqrt((t-a)*(t-a)+(i-d)*(i-d))}_endpointActionHandler(t,i,s,e){var o;const r=i.corner,h=new n(s,e);let a=h.x,d=h.y;if(t.shiftKey){const t="p1"===r?"p2":"p1",i=this["p1"===t?"x1":"x2"],s=this["p1"===t?"y1":"y2"],e=this._snapToAngle(i,s,a,d);a=e.x,d=e.y}var l;return this._useEndpointCoords?("p1"===r?(this.x1=a,this.y1=d):"p2"===r&&(this.x2=a,this.y2=d),this.dirty=!0,this.setCoords(),null===(l=this.canvas)||void 0===l||l.requestRenderAll(),!0):(this._updatingEndpoints=!0,"p1"===r?(this.x1=a,this.y1=d):"p2"===r&&(this.x2=a,this.y2=d),this._setWidthHeight(),this.dirty=!0,this._updatingEndpoints=!1,null===(o=this.canvas)||void 0===o||o.requestRenderAll(),this.fire("modified",{transform:i,target:this,e:t}),!0)}_snapToAngle(t,i,s,e){const o=s-t,n=e-i,r=Math.sqrt(o*o+n*n);if(0===r)return{x:s,y:e};let h=Math.atan2(n,o)*(180/Math.PI);const a=15*Math.round(h/15)*(Math.PI/180);return{x:t+Math.cos(a)*r,y:i+Math.sin(a)*r}}_setWidthHeight(){let t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(this.width=Math.abs(this.x2-this.x1)||1,this.height=Math.abs(this.y2-this.y1)||1,!t&&!this._updatingEndpoints){const{left:t,top:i,width:s,height:e}=l([{x:this.x1,y:this.y1},{x:this.x2,y:this.y2}]);this.setPositionByOrigin(new n(t+s/2,i+e/2),d,d)}}_set(t,i){const s=this.left,e=this.top;if(super._set(t,i),u.includes(t)&&(this._setWidthHeight(),this.dirty=!0),("left"===t||"top"===t)&&this.canvas&&!this._updatingEndpoints){const t=this.left-s,i=this.top-e;0===t&&0===i||(this._updatingEndpoints=!0,this.x1+=t,this.y1+=i,this.x2+=t,this.y2+=i,this._updatingEndpoints=!1)}return this}render(t){this._useEndpointCoords?this._renderDirectly(t):super.render(t)}_renderDirectly(t){var i,s;if(!this.visible)return;t.save();const e=(null===(i=this.canvas)||void 0===i?void 0:i.viewportTransform)||[1,0,0,1,0,0];t.transform(e[0],e[1],e[2],e[3],e[4],e[5]),t.globalAlpha=this.opacity,t.strokeStyle=(null===(s=this.stroke)||void 0===s?void 0:s.toString())||"#000",t.lineWidth=this.strokeWidth,t.lineCap=this.strokeLineCap||"butt",t.beginPath(),t.moveTo(this.x1,this.y1),t.lineTo(this.x2,this.y2),t.stroke(),t.restore()}_render(t){if(this._useEndpointCoords)return;t.beginPath();const i=this.calcLinePoints();t.moveTo(i.x1,i.y1),t.lineTo(i.x2,i.y2),t.lineWidth=this.strokeWidth;const s=t.strokeStyle;r(this.stroke)&&(t.strokeStyle=this.stroke.toLive(t)),this.stroke&&this._renderStroke(t),t.strokeStyle=s}_findCenterFromElement(){return new n((this.x1+this.x2)/2,(this.y1+this.y2)/2)}toObject(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return{...super.toObject(t),...this.calcLinePoints()}}_getNonTransformedDimensions(){const t=super._getNonTransformedDimensions();return"round"===this.strokeLineCap&&(t.x+=this.strokeWidth,t.y+=this.strokeWidth),t}calcLinePoints(){if(this._updatingEndpoints){const t=(this.x1+this.x2)/2,i=(this.y1+this.y2)/2;return{x1:this.x1-t,y1:this.y1-i,x2:this.x2-t,y2:this.y2-i}}const{x1:t,x2:i,y1:s,y2:e,width:o,height:n}=this,r=t<=i?-1:1,h=s<=e?-1:1;return{x1:r*o/2,y1:h*n/2,x2:r*-o/2,y2:h*-n/2}}_toSVG(){const{x1:t,x2:i,y1:s,y2:e}=this.calcLinePoints();return["<line ","COMMON_PARTS",`x1="${t}" y1="${s}" x2="${i}" y2="${e}" />\n`]}static async fromElement(t,i,e){const{x1:o=0,y1:n=0,x2:r=0,y2:h=0,...a}=s(t,this.ATTRIBUTE_NAMES,e);return new this([o,n,r,h],a)}static fromObject(t){let{x1:i,y1:s,x2:e,y2:o,...n}=t;return this._fromObject({...n,points:[i,s,e,o]},{extraParam:"points"})}}t(c,"type","Line"),t(c,"cacheProperties",[...m,...u]),t(c,"ATTRIBUTE_NAMES",i.concat(u)),e.setClass(c),e.setSVGClass(c);export{c as Line};
 //# sourceMappingURL=Line.min.mjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Line.min.mjs","sources":["../../../src/shapes/Line.ts"],"sourcesContent":["import { SHARED_ATTRIBUTES } from '../parser/attributes';\nimport { parseAttributes } from '../parser/parseAttributes';\nimport type { Abortable, TClassProperties, TOptions } from '../typedefs';\nimport { classRegistry } from '../ClassRegistry';\nimport { FabricObject, cacheProperties } from './Object/FabricObject';\nimport { Point } from '../Point';\nimport { isFiller } from '../util/typeAssertions';\nimport type { FabricObjectProps, SerializedObjectProps } from './Object/types';\nimport type { ObjectEvents } from '../EventTypeDefs';\nimport { makeBoundingBoxFromPoints } from '../util';\nimport { CENTER, LEFT, TOP } from '../constants';\nimport type { CSSRules } from '../parser/typedefs';\n\n// @TODO this code is terrible and Line should be a special case of polyline.\n\nconst coordProps = ['x1', 'x2', 'y1', 'y2'] as const;\n\ninterface UniqueLineProps {\n x1: number;\n x2: number;\n y1: number;\n y2: number;\n}\n\nexport interface SerializedLineProps\n extends SerializedObjectProps,\n UniqueLineProps {}\n\n/*\n A Class to draw a line\n * A bunch of methods will be added to Polyline to handle the line case\n * The line class is very strange to work with, is all special, it hardly aligns\n * to what a developer want everytime there is an angle\n * @deprecated\n /\nexport class Line<\n Props extends TOptions<FabricObjectProps> = Partial<FabricObjectProps>,\n SProps extends SerializedLineProps = SerializedLineProps,\n EventSpec extends ObjectEvents = ObjectEvents,\n >\n extends FabricObject<Props, SProps, EventSpec>\n implements UniqueLineProps\n{\n /\n x value or first line edge\n * @type number\n /\n declare x1: number;\n\n /\n y value or first line edge\n * @type number\n /\n declare y1: number;\n\n /\n x value or second line edge\n * @type number\n /\n declare x2: number;\n\n /\n y value or second line edge\n * @type number\n /\n declare y2: number;\n\n static type = 'Line';\n\n static cacheProperties = [...cacheProperties, ...coordProps];\n /\n Constructor\n * @param {Array} [points] Array of points\n * @param {Object} [options] Options object\n * @return {Line} thisArg\n /\n constructor([x1, y1, x2, y2] = [0, 0, 0, 0], options: Partial<Props> = {}) {\n super();\n Object.assign(this, Line.ownDefaults);\n this.setOptions(options);\n this.x1 = x1;\n this.x2 = x2;\n this.y1 = y1;\n this.y2 = y2;\n this._setWidthHeight();\n const { left, top } = options;\n typeof left === 'number' && this.set(LEFT, left);\n typeof top === 'number' && this.set(TOP, top);\n }\n\n /\n @private\n * @param {Object} [options] Options\n /\n _setWidthHeight() {\n const { x1, y1, x2, y2 } = this;\n this.width = Math.abs(x2 - x1);\n this.height = Math.abs(y2 - y1);\n const { left, top, width, height } = makeBoundingBoxFromPoints([\n { x: x1, y: y1 },\n { x: x2, y: y2 },\n ]);\n const position = new Point(left + width / 2, top + height / 2);\n this.setPositionByOrigin(position, CENTER, CENTER);\n }\n\n /\n @private\n * @param {String} key\n * @param {} value\n /\n _set(key: string, value: any) {\n super._set(key, value);\n if (coordProps.includes(key as keyof UniqueLineProps)) {\n // this doesn't make sense very much, since setting x1 when top or left\n // are already set, is just going to show a strange result since the\n // line will move way more than the developer expect.\n // in fabric5 it worked only when the line didn't have extra transformations,\n // in fabric6 too. With extra transform they behave bad in different ways.\n // This needs probably a good rework or a tutorial if you have to create a dynamic line\n this._setWidthHeight();\n }\n return this;\n }\n\n /*\n @private\n * @param {CanvasRenderingContext2D} ctx Context to render on\n /\n _render(ctx: CanvasRenderingContext2D) {\n ctx.beginPath();\n\n const p = this.calcLinePoints();\n ctx.moveTo(p.x1, p.y1);\n ctx.lineTo(p.x2, p.y2);\n\n ctx.lineWidth = this.strokeWidth;\n\n // TODO: test this\n // make sure setting \"fill\" changes color of a line\n // (by copying fillStyle to strokeStyle, since line is stroked, not filled)\n const origStrokeStyle = ctx.strokeStyle;\n if (isFiller(this.stroke)) {\n ctx.strokeStyle = this.stroke.toLive(ctx)!;\n } else {\n ctx.strokeStyle = this.stroke ?? ctx.fillStyle;\n }\n this.stroke && this._renderStroke(ctx);\n ctx.strokeStyle = origStrokeStyle;\n }\n\n /\n This function is an helper for svg import. it returns the center of the object in the svg\n * untransformed coordinates\n * @private\n * @return {Point} center point from element coordinates\n /\n _findCenterFromElement(): Point {\n return new Point((this.x1 + this.x2) / 2, (this.y1 + this.y2) / 2);\n }\n\n /\n Returns object representation of an instance\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\n * @return {Object} object representation of an instance\n /\n toObject<\n T extends Omit<Props & TClassProperties<this>, keyof SProps>,\n K extends keyof T = never,\n >(propertiesToInclude: K[] = []): Pick<T, K> & SProps {\n return {\n ...super.toObject(propertiesToInclude),\n ...this.calcLinePoints(),\n };\n }\n\n /\n * Calculate object dimensions from its properties\n * @private\n /\n _getNonTransformedDimensions(): Point {\n const dim = super._getNonTransformedDimensions();\n if (this.strokeLineCap === 'butt') {\n if (this.width === 0) {\n dim.y -= this.strokeWidth;\n }\n if (this.height === 0) {\n dim.x -= this.strokeWidth;\n }\n }\n return dim;\n }\n\n /\n Recalculates line points given width and height\n * Those points are simply placed around the center,\n * This is not useful outside internal render functions and svg output\n * Is not meant to be for the developer.\n * @private\n /\n calcLinePoints(): UniqueLineProps {\n const { x1: _x1, x2: _x2, y1: _y1, y2: _y2, width, height } = this;\n const xMult = _x1 <= _x2 ? -1 : 1,\n yMult = _y1 <= _y2 ? -1 : 1,\n x1 = (xMult width) / 2,\n y1 = (yMult * height) / 2,\n x2 = (xMult * -width) / 2,\n y2 = (yMult * -height) / 2;\n\n return {\n x1,\n x2,\n y1,\n y2,\n };\n }\n\n /* _FROM_SVG_START_ /\n\n /\n Returns svg representation of an instance\n * @return {Array} an array of strings with the specific svg representation\n * of the instance\n /\n _toSVG() {\n const { x1, x2, y1, y2 } = this.calcLinePoints();\n return [\n '<line ',\n 'COMMON_PARTS',\n `x1=\"${x1}\" y1=\"${y1}\" x2=\"${x2}\" y2=\"${y2}\" />\\n`,\n ];\n }\n\n /\n List of attribute names to account for when parsing SVG element (used by {@link Line.fromElement})\n * @see http://www.w3.org/TR/SVG/shapes.html#LineElement\n /\n static ATTRIBUTE_NAMES = SHARED_ATTRIBUTES.concat(coordProps);\n\n /\n Returns Line instance from an SVG element\n * @param {HTMLElement} element Element to parse\n * @param {Object} [options] Options object\n * @param {Function} [callback] callback function invoked after parsing\n /\n static async fromElement(\n element: HTMLElement,\n options?: Abortable,\n cssRules?: CSSRules,\n ) {\n const {\n x1 = 0,\n y1 = 0,\n x2 = 0,\n y2 = 0,\n ...parsedAttributes\n } = parseAttributes(element, this.ATTRIBUTE_NAMES, cssRules);\n return new this([x1, y1, x2, y2], parsedAttributes);\n }\n\n / _FROM_SVG_END_ /\n\n /\n Returns Line instance from an object representation\n * @param {Object} object Object to create an instance from\n * @returns {Promise<Line>}\n */\n static fromObject<T extends TOptions<SerializedLineProps>>({\n x1,\n y1,\n x2,\n y2,\n ...object\n }: T) {\n return this._fromObject<Line>(\n {\n ...object,\n points: [x1, y1, x2, y2],\n },\n {\n extraParam: 'points',\n },\n );\n }\n}\n\nclassRegistry.setClass(Line);\nclassRegistry.setSVGClass(Line);\n"],"names":["coordProps","Line","FabricObject","constructor","x1","y1","x2","y2","arguments","length","undefined","options","super","Object","assign","this","ownDefaults","setOptions","_setWidthHeight","left","top","set","LEFT","TOP","width","Math","abs","height","makeBoundingBoxFromPoints","x","y","position","Point","setPositionByOrigin","CENTER","_set","key","value","includes","_render","ctx","beginPath","p","calcLinePoints","moveTo","lineTo","lineWidth","strokeWidth","origStrokeStyle","strokeStyle","_this$stroke","isFiller","stroke","toLive","fillStyle","_renderStroke","_findCenterFromElement","toObject","propertiesToInclude","_getNonTransformedDimensions","dim","strokeLineCap","_x1","_x2","_y1","_y2","xMult","yMult","_toSVG","fromElement","element","cssRules","parsedAttributes","parseAttributes","ATTRIBUTE_NAMES","fromObject","_ref","object","_fromObject","points","extraParam","_defineProperty","cacheProperties","SHARED_ATTRIBUTES","concat","classRegistry","setClass","setSVGClass"],"mappings":"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"}
1	+ {"version":3,"file":"Line.min.mjs","sources":["../../../src/shapes/Line.ts"],"sourcesContent":["import { SHARED_ATTRIBUTES } from '../parser/attributes';\nimport { parseAttributes } from '../parser/parseAttributes';\nimport type { Abortable, TClassProperties, TOptions } from '../typedefs';\nimport { classRegistry } from '../ClassRegistry';\nimport { FabricObject, cacheProperties } from './Object/FabricObject';\nimport { Point } from '../Point';\nimport { isFiller } from '../util/typeAssertions';\nimport type { FabricObjectProps, SerializedObjectProps } from './Object/types';\nimport type { ObjectEvents } from '../EventTypeDefs';\nimport { makeBoundingBoxFromPoints } from '../util';\nimport { CENTER, LEFT, TOP } from '../constants';\nimport type { CSSRules } from '../parser/typedefs';\nimport { Control } from '../controls/Control';\nimport type { TPointerEvent, Transform } from '../EventTypeDefs';\n\nconst coordProps = ['x1', 'x2', 'y1', 'y2'] as const;\n\ninterface UniqueLineCoords {\n x1: number;\n x2: number;\n y1: number;\n y2: number;\n}\n\nexport interface SerializedLineProps\n extends SerializedObjectProps,\n UniqueLineCoords {}\n\nexport class Line< \n Props extends TOptions<FabricObjectProps> = Partial<FabricObjectProps>,\n SProps extends SerializedLineProps = SerializedLineProps,\n EventSpec extends ObjectEvents = ObjectEvents\n >\n extends FabricObject<Props, SProps, EventSpec>\n implements UniqueLineCoords\n{\n declare x1: number;\n declare y1: number;\n declare x2: number;\n declare y2: number;\n\n hitStrokeWidth: number \| 'auto' = 'auto';\n\n private _updatingEndpoints = false;\n private _useEndpointCoords = true;\n\n static type = 'Line';\n static cacheProperties = [...cacheProperties, ...coordProps];\n\n constructor([x1, y1, x2, y2] = [0, 0, 100, 0], options: Partial<Props & {hitStrokeWidth?: number \| 'auto'}> = {}) {\n super();\n this.setOptions(options);\n this.x1 = x1;\n this.x2 = x2;\n this.y1 = y1;\n this.y2 = y2;\n\n if (options.hitStrokeWidth !== undefined) {\n this.hitStrokeWidth = options.hitStrokeWidth;\n }\n\n this.hasBorders = false;\n this.hasControls = true;\n this.selectable = true;\n this.hoverCursor = 'move';\n this.perPixelTargetFind = false;\n this.strokeLineCap = 'butt';\n\n this._setWidthHeight();\n const { left, top } = options;\n typeof left === 'number' && this.set(LEFT, left);\n typeof top === 'number' && this.set(TOP, top);\n this._setupLineControls();\n }\n\n _setupLineControls() {\n this.controls = {\n p1: new Control({\n x: 0,\n y: 0,\n cursorStyle: 'move',\n actionHandler: this._endpointActionHandler.bind(this),\n positionHandler: this._p1PositionHandler.bind(this),\n render: this._renderEndpointControl.bind(this),\n sizeX: 12,\n sizeY: 12,\n }),\n p2: new Control({\n x: 0,\n y: 0,\n cursorStyle: 'move',\n actionHandler: this._endpointActionHandler.bind(this),\n positionHandler: this._p2PositionHandler.bind(this),\n render: this._renderEndpointControl.bind(this),\n sizeX: 12,\n sizeY: 12,\n }),\n };\n }\n\n _p1PositionHandler() {\n const vpt = this.canvas?.viewportTransform \|\| [1, 0, 0, 1, 0, 0];\n return new Point(this.x1, this.y1).transform(vpt);\n }\n\n _p2PositionHandler() {\n const vpt = this.canvas?.viewportTransform \|\| [1, 0, 0, 1, 0, 0];\n return new Point(this.x2, this.y2).transform(vpt);\n }\n\n _renderEndpointControl(\n ctx: CanvasRenderingContext2D,\n left: number,\n top: number\n ) {\n const size = 12;\n ctx.save();\n ctx.fillStyle = '#007bff';\n ctx.strokeStyle = '#ffffff';\n ctx.lineWidth = 2;\n ctx.beginPath();\n ctx.arc(left, top, size / 2, 0, 2 * Math.PI);\n ctx.fill();\n ctx.stroke();\n ctx.restore();\n }\n\n drawBorders(ctx: CanvasRenderingContext2D, styleOverride: any = {}) {\n if (this._useEndpointCoords) {\n this._drawLineBorders(ctx, styleOverride);\n return this;\n }\n return super.drawBorders(ctx, styleOverride, {});\n }\n\n _drawLineBorders(ctx: CanvasRenderingContext2D, styleOverride: any = {}) {\n const vpt = this.canvas?.viewportTransform \|\| [1, 0, 0, 1, 0, 0];\n ctx.save();\n ctx.setTransform(vpt[0], vpt[1], vpt[2], vpt[3], vpt[4], vpt[5]);\n ctx.strokeStyle =\n styleOverride.borderColor \|\| this.borderColor \|\| 'rgba(100, 200, 200, 0.5)';\n ctx.lineWidth = (this.strokeWidth \|\| 1) + 5;\n ctx.lineCap = this.strokeLineCap \|\| 'butt';\n ctx.globalAlpha = this.isMoving ? this.borderOpacityWhenMoving : 1;\n ctx.beginPath();\n ctx.moveTo(this.x1, this.y1);\n ctx.lineTo(this.x2, this.y2);\n ctx.stroke();\n ctx.restore();\n }\n\n _renderControls(ctx: CanvasRenderingContext2D, styleOverride: any = {}) {\n ctx.save();\n ctx.globalAlpha = this.isMoving ? this.borderOpacityWhenMoving : 1;\n this.drawControls(ctx, styleOverride);\n ctx.restore();\n }\n\n getBoundingRect() {\n if (this._useEndpointCoords) {\n const { x1, y1, x2, y2 } = this;\n const effectiveStrokeWidth =\n this.hitStrokeWidth === 'auto'\n ? this.strokeWidth\n : this.hitStrokeWidth;\n const padding = Math.max(effectiveStrokeWidth / 2 + 5, 10);\n return {\n left: Math.min(x1, x2) - padding,\n top: Math.min(y1, y2) - padding,\n width: Math.abs(x2 - x1) + padding * 2 \|\| padding * 2,\n height: Math.abs(y2 - y1) + padding * 2 \|\| padding * 2,\n };\n }\n return super.getBoundingRect();\n }\n\n setCoords() {\n if (this._useEndpointCoords) {\n const minX = Math.min(this.x1, this.x2);\n const maxX = Math.max(this.x1, this.x2);\n const minY = Math.min(this.y1, this.y2);\n const maxY = Math.max(this.y1, this.y2);\n const effectiveStrokeWidth =\n this.hitStrokeWidth === 'auto'\n ? this.strokeWidth\n : this.hitStrokeWidth;\n const hitPadding = Math.max(effectiveStrokeWidth / 2 + 5, 10);\n this.left = minX - hitPadding + (maxX - minX + hitPadding * 2) / 2;\n this.top = minY - hitPadding + (maxY - minY + hitPadding * 2) / 2;\n this.width = Math.abs(this.x2 - this.x1) + hitPadding * 2;\n this.height = Math.abs(this.y2 - this.y1) + hitPadding * 2;\n }\n super.setCoords();\n }\n\n getCoords(): [Point, Point, Point, Point] {\n if (this._useEndpointCoords) {\n const deltaX = this.x2 - this.x1;\n const deltaY = this.y2 - this.y1;\n const length = Math.sqrt(deltaX * deltaX + deltaY * deltaY);\n \n if (length === 0) {\n return super.getCoords() as [Point, Point, Point, Point];\n }\n \n const effectiveStrokeWidth = this.hitStrokeWidth === 'auto' \n ? this.strokeWidth \n : this.hitStrokeWidth;\n const halfWidth = Math.max(effectiveStrokeWidth / 2 + 2, 5);\n \n // Unit vector perpendicular to line\n const perpX = -deltaY / length;\n const perpY = deltaX / length;\n \n // Four corners of oriented rectangle\n return [\n new Point(this.x1 + perpX * halfWidth, this.y1 + perpY * halfWidth),\n new Point(this.x2 + perpX * halfWidth, this.y2 + perpY * halfWidth),\n new Point(this.x2 - perpX * halfWidth, this.y2 - perpY * halfWidth),\n new Point(this.x1 - perpX * halfWidth, this.y1 - perpY * halfWidth),\n ];\n }\n return super.getCoords() as [Point, Point, Point, Point];\n }\n\n containsPoint(point: Point): boolean {\n if (this._useEndpointCoords) {\n if (this.canvas?.getActiveObject() === this) {\n return super.containsPoint(point);\n }\n const distance = this._distanceToLineSegment(point.x, point.y);\n const effectiveStrokeWidth = this.hitStrokeWidth === 'auto' \n ? this.strokeWidth \n : this.hitStrokeWidth \|\| 1;\n \n const tolerance = Math.max(effectiveStrokeWidth / 2 + 2, 5);\n return distance <= tolerance;\n }\n return super.containsPoint(point);\n }\n\n _distanceToLineSegment(px: number, py: number): number {\n const x1 = this.x1, y1 = this.y1, x2 = this.x2, y2 = this.y2;\n \n const pd2 = (x1 - x2) * (x1 - x2) + (y1 - y2) * (y1 - y2);\n if (pd2 === 0) {\n return Math.sqrt((px - x1) * (px - x1) + (py - y1) * (py - y1));\n }\n \n const u = ((px - x1) * (x2 - x1) + (py - y1) * (y2 - y1)) / pd2;\n \n let closestX: number, closestY: number;\n if (u < 0) {\n closestX = x1;\n closestY = y1;\n } else if (u > 1) {\n closestX = x2;\n closestY = y2;\n } else {\n closestX = x1 + u * (x2 - x1);\n closestY = y1 + u * (y2 - y1);\n }\n \n return Math.sqrt((px - closestX) * (px - closestX) + (py - closestY) * (py - closestY));\n }\n\n _endpointActionHandler(\n eventData: TPointerEvent,\n transformData: Transform,\n x: number,\n y: number\n ) {\n const controlKey = transformData.corner;\n const pointer = new Point(x, y);\n let newX = pointer.x;\n let newY = pointer.y;\n\n if (eventData.shiftKey) {\n const otherControl = controlKey === 'p1' ? 'p2' : 'p1';\n const otherX = this[otherControl === 'p1' ? 'x1' : 'x2'];\n const otherY = this[otherControl === 'p1' ? 'y1' : 'y2'];\n const snapped = this._snapToAngle(otherX, otherY, newX, newY);\n newX = snapped.x;\n newY = snapped.y;\n }\n\n if (this._useEndpointCoords) {\n if (controlKey === 'p1') {\n this.x1 = newX;\n this.y1 = newY;\n } else if (controlKey === 'p2') {\n this.x2 = newX;\n this.y2 = newY;\n }\n this.dirty = true;\n this.setCoords();\n this.canvas?.requestRenderAll();\n return true;\n }\n\n // Fallback for old system\n this._updatingEndpoints = true;\n if (controlKey === 'p1') {\n this.x1 = newX;\n this.y1 = newY;\n } else if (controlKey === 'p2') {\n this.x2 = newX;\n this.y2 = newY;\n }\n this._setWidthHeight();\n this.dirty = true;\n this._updatingEndpoints = false;\n this.canvas?.requestRenderAll();\n this.fire('modified', { transform: transformData, target: this, e: eventData });\n return true;\n }\n\n _snapToAngle(\n fromX: number,\n fromY: number,\n toX: number,\n toY: number\n ): { x: number; y: number } {\n const deltaX = toX - fromX;\n const deltaY = toY - fromY;\n const distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);\n if (distance === 0) return { x: toX, y: toY };\n let angle = Math.atan2(deltaY, deltaX) * (180 / Math.PI);\n const snapIncrement = 15;\n const snappedAngle = Math.round(angle / snapIncrement) * snapIncrement;\n const snappedRadians = snappedAngle * (Math.PI / 180);\n return {\n x: fromX + Math.cos(snappedRadians) * distance,\n y: fromY + Math.sin(snappedRadians) * distance,\n };\n }\n\n _setWidthHeight(skipReposition = false) {\n this.width = Math.abs(this.x2 - this.x1) \|\| 1;\n this.height = Math.abs(this.y2 - this.y1) \|\| 1;\n if (!skipReposition && !this._updatingEndpoints) {\n const { left, top, width, height } = makeBoundingBoxFromPoints([\n { x: this.x1, y: this.y1 },\n { x: this.x2, y: this.y2 },\n ]);\n this.setPositionByOrigin(\n new Point(left + width / 2, top + height / 2),\n CENTER,\n CENTER\n );\n }\n }\n\n _set(key: string, value: any) {\n const oldLeft = this.left;\n const oldTop = this.top;\n super._set(key, value);\n if (coordProps.includes(key as keyof UniqueLineCoords)) {\n this._setWidthHeight();\n this.dirty = true;\n }\n if ((key === 'left' \|\| key === 'top') && this.canvas && !this._updatingEndpoints) {\n const deltaX = this.left - oldLeft;\n const deltaY = this.top - oldTop;\n if (deltaX !== 0 \|\| deltaY !== 0) {\n this._updatingEndpoints = true;\n this.x1 += deltaX;\n this.y1 += deltaY;\n this.x2 += deltaX;\n this.y2 += deltaY;\n this._updatingEndpoints = false;\n }\n }\n return this;\n }\n\n render(ctx: CanvasRenderingContext2D) {\n if (this._useEndpointCoords) {\n this._renderDirectly(ctx);\n return;\n }\n super.render(ctx);\n }\n\n _renderDirectly(ctx: CanvasRenderingContext2D) {\n if (!this.visible) return;\n ctx.save();\n const vpt = this.canvas?.viewportTransform \|\| [1, 0, 0, 1, 0, 0];\n ctx.transform(vpt[0], vpt[1], vpt[2], vpt[3], vpt[4], vpt[5]);\n ctx.globalAlpha = this.opacity;\n ctx.strokeStyle = this.stroke?.toString() \|\| '#000';\n ctx.lineWidth = this.strokeWidth;\n ctx.lineCap = this.strokeLineCap \|\| 'butt';\n ctx.beginPath();\n ctx.moveTo(this.x1, this.y1);\n ctx.lineTo(this.x2, this.y2);\n ctx.stroke();\n ctx.restore();\n }\n\n _render(ctx: CanvasRenderingContext2D) {\n if (this._useEndpointCoords) return;\n ctx.beginPath();\n const p = this.calcLinePoints();\n ctx.moveTo(p.x1, p.y1);\n ctx.lineTo(p.x2, p.y2);\n ctx.lineWidth = this.strokeWidth;\n const origStrokeStyle = ctx.strokeStyle;\n if (isFiller(this.stroke)) {\n ctx.strokeStyle = this.stroke.toLive(ctx)!;\n }\n this.stroke && this._renderStroke(ctx);\n ctx.strokeStyle = origStrokeStyle;\n }\n\n _findCenterFromElement(): Point {\n return new Point((this.x1 + this.x2) / 2, (this.y1 + this.y2) / 2);\n }\n\n toObject< \n T extends Omit<Props & TClassProperties<this>, keyof SProps>,\n K extends keyof T = never\n >(propertiesToInclude: K[] = []): Pick<T, K> & SProps {\n return {\n ...super.toObject(propertiesToInclude),\n ...this.calcLinePoints(),\n };\n }\n\n _getNonTransformedDimensions(): Point {\n const dim = super._getNonTransformedDimensions();\n if (this.strokeLineCap === 'round') {\n dim.x += this.strokeWidth;\n dim.y += this.strokeWidth;\n }\n return dim;\n }\n\n calcLinePoints(): UniqueLineCoords {\n if (this._updatingEndpoints) {\n const centerX = (this.x1 + this.x2) / 2;\n const centerY = (this.y1 + this.y2) / 2;\n return {\n x1: this.x1 - centerX,\n y1: this.y1 - centerY,\n x2: this.x2 - centerX,\n y2: this.y2 - centerY,\n };\n }\n const { x1: _x1, x2: _x2, y1: _y1, y2: _y2, width, height } = this;\n const xMult = _x1 <= _x2 ? -1 : 1;\n const yMult = _y1 <= _y2 ? -1 : 1;\n return {\n x1: (xMult * width) / 2,\n y1: (yMult * height) / 2,\n x2: (xMult * -width) / 2,\n y2: (yMult * -height) / 2,\n };\n }\n\n _toSVG() {\n const { x1, x2, y1, y2 } = this.calcLinePoints();\n return [\n '<line ',\n 'COMMON_PARTS',\n `x1=\"${x1}\" y1=\"${y1}\" x2=\"${x2}\" y2=\"${y2}\" />\\n`,\n ];\n }\n\n static ATTRIBUTE_NAMES = SHARED_ATTRIBUTES.concat(coordProps);\n\n static async fromElement(\n element: HTMLElement,\n options?: Abortable,\n cssRules?: CSSRules\n ) {\n const {\n x1 = 0,\n y1 = 0,\n x2 = 0,\n y2 = 0,\n ...parsedAttributes\n } = parseAttributes(element, this.ATTRIBUTE_NAMES, cssRules);\n return new this([x1, y1, x2, y2], parsedAttributes);\n }\n\n static fromObject<T extends TOptions<SerializedLineProps>>({ \n x1,\n y1,\n x2,\n y2,\n ...object\n }: T) {\n return this._fromObject<Line>(\n { ...object, points: [x1, y1, x2, y2] },\n { extraParam: 'points' }\n );\n }\n}\n\nclassRegistry.setClass(Line);\nclassRegistry.setSVGClass(Line);"],"names":["coordProps","Line","FabricObject","constructor","x1","y1","x2","y2","arguments","length","undefined","options","super","_defineProperty","this","setOptions","hitStrokeWidth","hasBorders","hasControls","selectable","hoverCursor","perPixelTargetFind","strokeLineCap","_setWidthHeight","left","top","set","LEFT","TOP","_setupLineControls","controls","p1","Control","x","y","cursorStyle","actionHandler","_endpointActionHandler","bind","positionHandler","_p1PositionHandler","render","_renderEndpointControl","sizeX","sizeY","p2","_p2PositionHandler","_this$canvas","vpt","canvas","viewportTransform","Point","transform","_this$canvas2","ctx","save","fillStyle","strokeStyle","lineWidth","beginPath","arc","size","Math","PI","fill","stroke","restore","drawBorders","styleOverride","_useEndpointCoords","_drawLineBorders","_this$canvas3","setTransform","borderColor","strokeWidth","lineCap","globalAlpha","isMoving","borderOpacityWhenMoving","moveTo","lineTo","_renderControls","drawControls","getBoundingRect","effectiveStrokeWidth","padding","max","min","width","abs","height","setCoords","minX","maxX","minY","maxY","hitPadding","getCoords","deltaX","deltaY","sqrt","halfWidth","perpX","perpY","containsPoint","point","_this$canvas4","getActiveObject","distance","_distanceToLineSegment","px","py","pd2","u","closestX","closestY","eventData","transformData","_this$canvas6","controlKey","corner","pointer","newX","newY","shiftKey","otherControl","otherX","otherY","snapped","_snapToAngle","_this$canvas5","dirty","requestRenderAll","_updatingEndpoints","fire","target","e","fromX","fromY","toX","toY","angle","atan2","snappedRadians","round","cos","sin","skipReposition","makeBoundingBoxFromPoints","setPositionByOrigin","CENTER","_set","key","value","oldLeft","oldTop","includes","_renderDirectly","_this$canvas7","_this$stroke","visible","opacity","toString","_render","p","calcLinePoints","origStrokeStyle","isFiller","toLive","_renderStroke","_findCenterFromElement","toObject","propertiesToInclude","_getNonTransformedDimensions","dim","centerX","centerY","_x1","_x2","_y1","_y2","xMult","yMult","_toSVG","fromElement","element","cssRules","parsedAttributes","parseAttributes","ATTRIBUTE_NAMES","fromObject","_ref","object","_fromObject","points","extraParam","cacheProperties","SHARED_ATTRIBUTES","concat","classRegistry","setClass","setSVGClass"],"mappings":"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"}