fabric 7.3.1 → 7.5.0-beta.1

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

@@ -1,2 +0,0 @@
-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};
-//# sourceMappingURL=Line.min.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Line.min.mjs","names":[],"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, 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 ? -0.5 : 0.5,\n      yMult = _y1 <= _y2 ? -0.5 : 0.5;\n\n    return {\n      x1: xMult * width,\n      x2: xMult * -width,\n      y1: yMult * height,\n      y2: yMult * -height,\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"],"mappings":"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"}

package/dist/src/shapes/Line.mjs

@@ -1,195 +0,0 @@
-import { _defineProperty } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/defineProperty.mjs";
-import { CENTER } from "../constants.mjs";
-import { classRegistry } from "../ClassRegistry.mjs";
-import { Point } from "../Point.mjs";
-import { isFiller } from "../util/typeAssertions.mjs";
-import { makeBoundingBoxFromPoints } from "../util/misc/boundingBoxFromPoints.mjs";
-import { cacheProperties } from "./Object/defaultValues.mjs";
-import { FabricObject } from "./Object/FabricObject.mjs";
-import { SHARED_ATTRIBUTES } from "../parser/attributes.mjs";
-import { parseAttributes } from "../parser/parseAttributes.mjs";
-//#region src/shapes/Line.ts
-const coordProps = [
-	"x1",
-	"x2",
-	"y1",
-	"y2"
-];
-/**
-* 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
-*/
-var Line = class Line extends FabricObject {
-	/**
-	* Constructor
-	* @param {Array} [points] Array of points
-	* @param {Object} [options] Options object
-	* @return {Line} thisArg
-	*/
-	constructor([x1, y1, x2, y2] = [
-		0,
-		0,
-		0,
-		0
-	], options = {}) {
-		super();
-		Object.assign(this, Line.ownDefaults);
-		this.setOptions(options);
-		this.x1 = x1;
-		this.x2 = x2;
-		this.y1 = y1;
-		this.y2 = y2;
-		this._setWidthHeight();
-		const { left, top } = options;
-		typeof left === "number" && this.set("left", left);
-		typeof top === "number" && this.set("top", top);
-	}
-	/**
-	* @private
-	* @param {Object} [options] Options
-	*/
-	_setWidthHeight() {
-		const { x1, y1, x2, y2 } = this;
-		this.width = Math.abs(x2 - x1);
-		this.height = Math.abs(y2 - y1);
-		const { left, top, width, height } = makeBoundingBoxFromPoints([{
-			x: x1,
-			y: y1
-		}, {
-			x: x2,
-			y: y2
-		}]);
-		const position = new Point(left + width / 2, top + height / 2);
-		this.setPositionByOrigin(position, CENTER, CENTER);
-	}
-	/**
-	* @private
-	* @param {String} key
-	* @param {*} value
-	*/
-	_set(key, value) {
-		super._set(key, value);
-		if (coordProps.includes(key)) this._setWidthHeight();
-		return this;
-	}
-	/**
-	* @private
-	* @param {CanvasRenderingContext2D} ctx Context to render on
-	*/
-	_render(ctx) {
-		ctx.beginPath();
-		const p = this.calcLinePoints();
-		ctx.moveTo(p.x1, p.y1);
-		ctx.lineTo(p.x2, p.y2);
-		ctx.lineWidth = this.strokeWidth;
-		const origStrokeStyle = ctx.strokeStyle;
-		if (isFiller(this.stroke)) ctx.strokeStyle = this.stroke.toLive(ctx);
-		else {
-			var _this$stroke;
-			ctx.strokeStyle = (_this$stroke = this.stroke) !== null && _this$stroke !== void 0 ? _this$stroke : ctx.fillStyle;
-		}
-		this.stroke && this._renderStroke(ctx);
-		ctx.strokeStyle = origStrokeStyle;
-	}
-	/**
-	* 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() {
-		return new Point((this.x1 + this.x2) / 2, (this.y1 + this.y2) / 2);
-	}
-	/**
-	* 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(propertiesToInclude = []) {
-		return {
-			...super.toObject(propertiesToInclude),
-			...this.calcLinePoints()
-		};
-	}
-	_getNonTransformedDimensions() {
-		const dim = super._getNonTransformedDimensions();
-		if (this.strokeLineCap === "butt") {
-			if (this.width === 0) dim.y -= this.strokeWidth;
-			if (this.height === 0) dim.x -= this.strokeWidth;
-		}
-		return dim;
-	}
-	/**
-	* 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() {
-		const { x1: _x1, x2: _x2, y1: _y1, y2: _y2, width, height } = this;
-		const xMult = _x1 <= _x2 ? -.5 : .5, yMult = _y1 <= _y2 ? -.5 : .5;
-		return {
-			x1: xMult * width,
-			x2: xMult * -width,
-			y1: yMult * height,
-			y2: yMult * -height
-		};
-	}
-	/**
-	* Returns svg representation of an instance
-	* @return {Array} an array of strings with the specific svg representation
-	* of the instance
-	*/
-	_toSVG() {
-		const { x1, x2, y1, y2 } = this.calcLinePoints();
-		return [
-			"<line ",
-			"COMMON_PARTS",
-			`x1="${x1}" y1="${y1}" x2="${x2}" y2="${y2}" />\n`
-		];
-	}
-	/**
-	* 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 async fromElement(element, options, cssRules) {
-		const { x1 = 0, y1 = 0, x2 = 0, y2 = 0, ...parsedAttributes } = parseAttributes(element, this.ATTRIBUTE_NAMES, cssRules);
-		return new this([
-			x1,
-			y1,
-			x2,
-			y2
-		], parsedAttributes);
-	}
-	/**
-	* Returns Line instance from an object representation
-	* @param {Object} object Object to create an instance from
-	* @returns {Promise<Line>}
-	*/
-	static fromObject({ x1, y1, x2, y2, ...object }) {
-		return this._fromObject({
-			...object,
-			points: [
-				x1,
-				y1,
-				x2,
-				y2
-			]
-		}, { extraParam: "points" });
-	}
-};
-_defineProperty(Line, "type", "Line");
-_defineProperty(Line, "cacheProperties", [...cacheProperties, ...coordProps]);
-_defineProperty(Line, "ATTRIBUTE_NAMES", SHARED_ATTRIBUTES.concat(coordProps));
-classRegistry.setClass(Line);
-classRegistry.setSVGClass(Line);
-//#endregion
-export { Line };
-
-//# sourceMappingURL=Line.mjs.map

package/dist/src/shapes/Line.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Line.mjs","names":[],"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, 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 ? -0.5 : 0.5,\n      yMult = _y1 <= _y2 ? -0.5 : 0.5;\n\n    return {\n      x1: xMult * width,\n      x2: xMult * -width,\n      y1: yMult * height,\n      y2: yMult * -height,\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"],"mappings":"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"}

package/dist/src/shapes/Object/FabricObject.d.ts

@@ -1,11 +0,0 @@
-import type { ObjectEvents } from '../../EventTypeDefs';
-import { FabricObjectSVGExportMixin } from './FabricObjectSVGExportMixin';
-import { InteractiveFabricObject } from './InteractiveObject';
-import type { FabricObjectProps } from './types/FabricObjectProps';
-import type { TFabricObjectProps, SerializedObjectProps } from './types';
-export interface FabricObject<Props extends TFabricObjectProps = Partial<FabricObjectProps>, SProps extends SerializedObjectProps = SerializedObjectProps, EventSpec extends ObjectEvents = ObjectEvents> extends FabricObjectSVGExportMixin {
-}
-export declare class FabricObject<Props extends TFabricObjectProps = Partial<FabricObjectProps>, SProps extends SerializedObjectProps = SerializedObjectProps, EventSpec extends ObjectEvents = ObjectEvents> extends InteractiveFabricObject<Props, SProps, EventSpec> {
-}
-export { cacheProperties } from './defaultValues';
-//# sourceMappingURL=FabricObject.d.ts.map

package/dist/src/shapes/Object/FabricObject.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FabricObject.d.ts","sourceRoot":"","sources":["../../../../src/shapes/Object/FabricObject.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAE9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,KAAK,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAMzE,MAAM,WAAW,YAAY,CAE3B,KAAK,SAAS,kBAAkB,GAAG,OAAO,CAAC,iBAAiB,CAAC,EAE7D,MAAM,SAAS,qBAAqB,GAAG,qBAAqB,EAE5D,SAAS,SAAS,YAAY,GAAG,YAAY,CAC7C,SAAQ,0BAA0B;CAAG;AAGvC,qBAAa,YAAY,CACvB,KAAK,SAAS,kBAAkB,GAAG,OAAO,CAAC,iBAAiB,CAAC,EAC7D,MAAM,SAAS,qBAAqB,GAAG,qBAAqB,EAC5D,SAAS,SAAS,YAAY,GAAG,YAAY,CAC7C,SAAQ,uBAAuB,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC;CAAG;AAO9D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/src/shapes/Object/FabricObject.min.mjs

@@ -1,2 +0,0 @@
-import{classRegistry as e}from"../../ClassRegistry.min.mjs";import{FabricObjectSVGExportMixin as t}from"./FabricObjectSVGExportMixin.min.mjs";import"./defaultValues.min.mjs";import{InteractiveFabricObject as n}from"./InteractiveObject.min.mjs";import{applyMixins as r}from"../../util/applyMixins.min.mjs";var i=class extends n{};r(i,[t]),e.setClass(i),e.setClass(i,`object`);export{i as FabricObject};
-//# sourceMappingURL=FabricObject.min.mjs.map

package/dist/src/shapes/Object/FabricObject.min.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"FabricObject.min.mjs","names":[],"sources":["../../../../src/shapes/Object/FabricObject.ts"],"sourcesContent":["import type { ObjectEvents } from '../../EventTypeDefs';\nimport { FabricObjectSVGExportMixin } from './FabricObjectSVGExportMixin';\nimport { InteractiveFabricObject } from './InteractiveObject';\nimport { applyMixins } from '../../util/applyMixins';\nimport type { FabricObjectProps } from './types/FabricObjectProps';\nimport type { TFabricObjectProps, SerializedObjectProps } from './types';\nimport { classRegistry } from '../../ClassRegistry';\n\n// TODO somehow we have to make a tree-shakeable import\n\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface FabricObject<\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  Props extends TFabricObjectProps = Partial<FabricObjectProps>,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  SProps extends SerializedObjectProps = SerializedObjectProps,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  EventSpec extends ObjectEvents = ObjectEvents,\n> extends FabricObjectSVGExportMixin {}\n\n// eslint-disable-next-line @typescript-eslint/no-unsafe-declaration-merging\nexport class FabricObject<\n  Props extends TFabricObjectProps = Partial<FabricObjectProps>,\n  SProps extends SerializedObjectProps = SerializedObjectProps,\n  EventSpec extends ObjectEvents = ObjectEvents,\n> extends InteractiveFabricObject<Props, SProps, EventSpec> {}\n\napplyMixins(FabricObject, [FabricObjectSVGExportMixin]);\n\nclassRegistry.setClass(FabricObject);\nclassRegistry.setClass(FabricObject, 'object');\n\nexport { cacheProperties } from './defaultValues';\n"],"mappings":"iTAqBA,IAAa,EAAb,cAIU,CAAA,GAEV,EAAY,EAAc,CAAC,EAAA,CAAA,CAE3B,EAAc,SAAS,EAAA,CACvB,EAAc,SAAS,EAAc,SAAA,CAAA,OAAA,KAAA"}

package/dist/src/shapes/Object/FabricObject.mjs

@@ -1,14 +0,0 @@
-import { classRegistry } from "../../ClassRegistry.mjs";
-import { FabricObjectSVGExportMixin } from "./FabricObjectSVGExportMixin.mjs";
-import "./defaultValues.mjs";
-import { InteractiveFabricObject } from "./InteractiveObject.mjs";
-import { applyMixins } from "../../util/applyMixins.mjs";
-//#region src/shapes/Object/FabricObject.ts
-var FabricObject = class extends InteractiveFabricObject {};
-applyMixins(FabricObject, [FabricObjectSVGExportMixin]);
-classRegistry.setClass(FabricObject);
-classRegistry.setClass(FabricObject, "object");
-//#endregion
-export { FabricObject };
-
-//# sourceMappingURL=FabricObject.mjs.map

package/dist/src/shapes/Object/FabricObject.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"FabricObject.mjs","names":[],"sources":["../../../../src/shapes/Object/FabricObject.ts"],"sourcesContent":["import type { ObjectEvents } from '../../EventTypeDefs';\nimport { FabricObjectSVGExportMixin } from './FabricObjectSVGExportMixin';\nimport { InteractiveFabricObject } from './InteractiveObject';\nimport { applyMixins } from '../../util/applyMixins';\nimport type { FabricObjectProps } from './types/FabricObjectProps';\nimport type { TFabricObjectProps, SerializedObjectProps } from './types';\nimport { classRegistry } from '../../ClassRegistry';\n\n// TODO somehow we have to make a tree-shakeable import\n\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface FabricObject<\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  Props extends TFabricObjectProps = Partial<FabricObjectProps>,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  SProps extends SerializedObjectProps = SerializedObjectProps,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  EventSpec extends ObjectEvents = ObjectEvents,\n> extends FabricObjectSVGExportMixin {}\n\n// eslint-disable-next-line @typescript-eslint/no-unsafe-declaration-merging\nexport class FabricObject<\n  Props extends TFabricObjectProps = Partial<FabricObjectProps>,\n  SProps extends SerializedObjectProps = SerializedObjectProps,\n  EventSpec extends ObjectEvents = ObjectEvents,\n> extends InteractiveFabricObject<Props, SProps, EventSpec> {}\n\napplyMixins(FabricObject, [FabricObjectSVGExportMixin]);\n\nclassRegistry.setClass(FabricObject);\nclassRegistry.setClass(FabricObject, 'object');\n\nexport { cacheProperties } from './defaultValues';\n"],"mappings":";;;;;;AAqBA,IAAa,eAAb,cAIU,wBAAkD;AAE5D,YAAY,cAAc,CAAC,2BAA2B,CAAC;AAEvD,cAAc,SAAS,aAAa;AACpC,cAAc,SAAS,cAAc,SAAS"}

package/dist/src/shapes/Object/FabricObjectSVGExportMixin.d.ts

@@ -1,72 +0,0 @@
-import type { TSVGReviver } from '../../typedefs';
-import type { FabricObject } from './FabricObject';
-export declare class FabricObjectSVGExportMixin {
-    /**
-     * When an object is being exported as SVG as a clippath, a reference inside the SVG is needed.
-     * This reference is a UID in the fabric namespace and is temporary stored here.
-     * @type {String}
-     */
-    clipPathId?: string;
-    /**
-     * Returns styles-string for svg-export
-     * @param {Boolean} skipShadow a boolean to skip shadow filter output
-     * @return {String}
-     */
-    getSvgStyles(this: FabricObjectSVGExportMixin & FabricObject, skipShadow?: boolean): string;
-    /**
-     * Returns filter for svg shadow
-     * @return {String}
-     */
-    getSvgFilter(this: FabricObjectSVGExportMixin & FabricObject): string;
-    /**
-     * Returns id attribute for svg output
-     * @return {String}
-     */
-    getSvgCommons(this: FabricObjectSVGExportMixin & FabricObject & {
-        id?: string;
-    }): string;
-    /**
-     * Returns transform-string for svg-export
-     * @param {Boolean} use the full transform or the single object one.
-     * @return {String}
-     */
-    getSvgTransform(this: FabricObjectSVGExportMixin & FabricObject, full?: boolean, additionalTransform?: string): string;
-    /**
-     * Returns svg representation of an instance
-     * This function is implemented in each subclass
-     * This is just because typescript otherwise cryies all the time
-     * @return {Array} an array of strings with the specific svg representation
-     * of the instance
-     */
-    _toSVG(_reviver?: TSVGReviver): string[];
-    /**
-     * Returns svg representation of an instance
-     * @param {TSVGReviver} [reviver] Method for further parsing of svg representation.
-     * @return {String} svg representation of an instance
-     */
-    toSVG(this: FabricObjectSVGExportMixin & FabricObject, reviver?: TSVGReviver): string;
-    /**
-     * Returns svg clipPath representation of an instance
-     * @param {TSVGReviver} [reviver] Method for further parsing of svg representation.
-     * @return {String} svg representation of an instance
-     */
-    toClipPathSVG(this: FabricObjectSVGExportMixin & FabricObject, reviver?: TSVGReviver): string;
-    /**
-     * @private
-     */
-    _createBaseClipPathSVGMarkup(this: FabricObjectSVGExportMixin & FabricObject, objectMarkup: string[], { reviver, additionalTransform, }?: {
-        reviver?: TSVGReviver;
-        additionalTransform?: string;
-    }): string;
-    /**
-     * @private
-     */
-    _createBaseSVGMarkup(this: FabricObjectSVGExportMixin & FabricObject, objectMarkup: string[], { noStyle, reviver, withShadow, additionalTransform, }?: {
-        noStyle?: boolean;
-        reviver?: TSVGReviver;
-        withShadow?: boolean;
-        additionalTransform?: string;
-    }): string;
-    addPaintOrder(this: FabricObjectSVGExportMixin & FabricObject): string;
-}
-//# sourceMappingURL=FabricObjectSVGExportMixin.d.ts.map

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

@@ -1 +0,0 @@
-{"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"}

package/dist/src/shapes/Object/FabricObjectSVGExportMixin.min.mjs

@@ -1,6 +0,0 @@
-import{FILL as e,NONE as t,STROKE as n}from"../../constants.min.mjs";import{uid as r}from"../../util/internals/uid.min.mjs";import{matrixToSVG as i}from"../../util/misc/svgExport.min.mjs";import{isFiller as a}from"../../util/typeAssertions.min.mjs";import{escapeXml as o}from"../../util/lang_string.min.mjs";import{colorPropToSVG as s}from"../../util/misc/svgParsing.min.mjs";var c=class{getSvgStyles(r){let i=this.fillRule?this.fillRule:`nonzero`,a=this.strokeWidth?this.strokeWidth:`0`,c=this.strokeDashArray?this.strokeDashArray.join(` `):t,l=this.strokeDashOffset?this.strokeDashOffset:`0`,u=this.strokeLineCap?this.strokeLineCap:`butt`,d=this.strokeLineJoin?this.strokeLineJoin:`miter`,f=this.strokeMiterLimit?this.strokeMiterLimit:`4`,p=this.opacity===void 0?`1`:this.opacity,m=this.visible?``:` visibility: hidden;`,h=r?``:this.getSvgFilter(),g=s(e,this.fill);return[s(n,this.stroke),`stroke-width: `,a,`; `,`stroke-dasharray: `,c,`; `,`stroke-linecap: `,u,`; `,`stroke-dashoffset: `,l,`; `,`stroke-linejoin: `,d,`; `,`stroke-miterlimit: `,f,`; `,g,`fill-rule: `,i,`; `,`opacity: `,p,`;`,h,m].map(e=>o(e)).join(``)}getSvgFilter(){return this.shadow?`filter: url(#SVGID_${o(this.shadow.id)});`:``}getSvgCommons(){return[this.id?`id="${o(String(this.id))}" `:``,this.clipPath?`clip-path="url(#${this.clipPath.clipPathId})" `:``].join(``)}getSvgTransform(e,t=``){return`transform="${i(e?this.calcTransformMatrix():this.calcOwnMatrix())}${t}" `}_toSVG(e){return[``]}toSVG(e){return this._createBaseSVGMarkup(this._toSVG(e),{reviver:e})}toClipPathSVG(e){return`	`+this._createBaseClipPathSVGMarkup(this._toSVG(e),{reviver:e})}_createBaseClipPathSVGMarkup(e,{reviver:t,additionalTransform:n=``}={}){let r=[this.getSvgTransform(!0,n),this.getSvgCommons()].join(``),i=e.indexOf(`COMMON_PARTS`);return e[i]=r,t?t(e.join(``)):e.join(``)}_createBaseSVGMarkup(e,{noStyle:t,reviver:n,withShadow:i,additionalTransform:o}={}){let s=t?``:`style="${this.getSvgStyles()}" `,c=i?`style="${this.getSvgFilter()}" `:``,l=this.clipPath,u=this.strokeUniform?`vector-effect="non-scaling-stroke" `:``,d=l&&l.absolutePositioned,f=this.stroke,p=this.fill,m=this.shadow,h=[],g=e.indexOf(`COMMON_PARTS`),_;return l&&(l.clipPathId=`CLIPPATH_${r()}`,_=`<clipPath id="${l.clipPathId}" >\n${l.toClipPathSVG(n)}</clipPath>\n`),d&&h.push(`<g `,c,this.getSvgCommons(),` >
-`),h.push(`<g `,this.getSvgTransform(!1),d?``:c+this.getSvgCommons(),` >
-`),e[g]=[s,u,t?``:this.addPaintOrder(),` `,o?`transform="${o}" `:``].join(``),a(p)&&h.push(p.toSVG(this)),a(f)&&h.push(f.toSVG(this)),m&&h.push(m.toSVG(this)),l&&h.push(_),h.push(e.join(``)),h.push(`</g>
-`),d&&h.push(`</g>
-`),n?n(h.join(``)):h.join(``)}addPaintOrder(){return this.paintFirst===`fill`?``:` paint-order="${o(this.paintFirst)}" `}};export{c as FabricObjectSVGExportMixin};
-//# sourceMappingURL=FabricObjectSVGExportMixin.min.mjs.map

package/dist/src/shapes/Object/FabricObjectSVGExportMixin.min.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"FabricObjectSVGExportMixin.min.mjs","names":[],"sources":["../../../../src/shapes/Object/FabricObjectSVGExportMixin.ts"],"sourcesContent":["import type { TSVGReviver } from '../../typedefs';\nimport { uid } from '../../util/internals/uid';\nimport { colorPropToSVG } from '../../util/misc/svgParsing';\nimport { FILL, NONE, STROKE } from '../../constants';\nimport type { FabricObject } from './FabricObject';\nimport { isFiller } from '../../util/typeAssertions';\nimport { matrixToSVG } from '../../util/misc/svgExport';\nimport { escapeXml } from '../../util/lang_string';\n\nexport class FabricObjectSVGExportMixin {\n  /**\n   * When an object is being exported as SVG as a clippath, a reference inside the SVG is needed.\n   * This reference is a UID in the fabric namespace and is temporary stored here.\n   * @type {String}\n   */\n  declare clipPathId?: string;\n\n  /**\n   * Returns styles-string for svg-export\n   * @param {Boolean} skipShadow a boolean to skip shadow filter output\n   * @return {String}\n   */\n  getSvgStyles(\n    this: FabricObjectSVGExportMixin & FabricObject,\n    skipShadow?: boolean,\n  ) {\n    const fillRule = this.fillRule ? this.fillRule : 'nonzero',\n      strokeWidth = this.strokeWidth ? this.strokeWidth : '0',\n      strokeDashArray = this.strokeDashArray\n        ? this.strokeDashArray.join(' ')\n        : NONE,\n      strokeDashOffset = this.strokeDashOffset ? this.strokeDashOffset : '0',\n      strokeLineCap = this.strokeLineCap ? this.strokeLineCap : 'butt',\n      strokeLineJoin = this.strokeLineJoin ? this.strokeLineJoin : 'miter',\n      strokeMiterLimit = this.strokeMiterLimit ? this.strokeMiterLimit : '4',\n      opacity = typeof this.opacity !== 'undefined' ? this.opacity : '1',\n      visibility = this.visible ? '' : ' visibility: hidden;',\n      filter = skipShadow ? '' : this.getSvgFilter(),\n      fill = colorPropToSVG(FILL, this.fill),\n      stroke = colorPropToSVG(STROKE, this.stroke);\n\n    return [\n      stroke,\n      'stroke-width: ',\n      strokeWidth,\n      '; ',\n      'stroke-dasharray: ',\n      strokeDashArray,\n      '; ',\n      'stroke-linecap: ',\n      strokeLineCap,\n      '; ',\n      'stroke-dashoffset: ',\n      strokeDashOffset,\n      '; ',\n      'stroke-linejoin: ',\n      strokeLineJoin,\n      '; ',\n      'stroke-miterlimit: ',\n      strokeMiterLimit,\n      '; ',\n      fill,\n      'fill-rule: ',\n      fillRule,\n      '; ',\n      'opacity: ',\n      opacity,\n      ';',\n      filter,\n      visibility,\n    ]\n      .map((v) => escapeXml(v))\n      .join('');\n  }\n\n  /**\n   * Returns filter for svg shadow\n   * @return {String}\n   */\n  getSvgFilter(this: FabricObjectSVGExportMixin & FabricObject) {\n    return this.shadow\n      ? `filter: url(#SVGID_${escapeXml(this.shadow.id)});`\n      : '';\n  }\n\n  /**\n   * Returns id attribute for svg output\n   * @return {String}\n   */\n  getSvgCommons(\n    this: FabricObjectSVGExportMixin & FabricObject & { id?: string },\n  ) {\n    return [\n      this.id ? `id=\"${escapeXml(String(this.id))}\" ` : '',\n      this.clipPath\n        ? `clip-path=\"url(#${\n            (this.clipPath as FabricObjectSVGExportMixin & FabricObject)\n              .clipPathId\n          })\" `\n        : '',\n    ].join('');\n  }\n\n  /**\n   * Returns transform-string for svg-export\n   * @param {Boolean} use the full transform or the single object one.\n   * @return {String}\n   */\n  getSvgTransform(\n    this: FabricObjectSVGExportMixin & FabricObject,\n    full?: boolean,\n    additionalTransform = '',\n  ) {\n    const transform = full ? this.calcTransformMatrix() : this.calcOwnMatrix(),\n      svgTransform = `transform=\"${matrixToSVG(transform)}`;\n    return `${svgTransform}${additionalTransform}\" `;\n  }\n\n  /**\n   * Returns svg representation of an instance\n   * This function is implemented in each subclass\n   * This is just because typescript otherwise cryies all the time\n   * @return {Array} an array of strings with the specific svg representation\n   * of the instance\n   */\n  _toSVG(_reviver?: TSVGReviver): string[] {\n    return [''];\n  }\n\n  /**\n   * Returns svg representation of an instance\n   * @param {TSVGReviver} [reviver] Method for further parsing of svg representation.\n   * @return {String} svg representation of an instance\n   */\n  toSVG(\n    this: FabricObjectSVGExportMixin & FabricObject,\n    reviver?: TSVGReviver,\n  ) {\n    return this._createBaseSVGMarkup(this._toSVG(reviver), {\n      reviver,\n    });\n  }\n\n  /**\n   * Returns svg clipPath representation of an instance\n   * @param {TSVGReviver} [reviver] Method for further parsing of svg representation.\n   * @return {String} svg representation of an instance\n   */\n  toClipPathSVG(\n    this: FabricObjectSVGExportMixin & FabricObject,\n    reviver?: TSVGReviver,\n  ) {\n    return (\n      '\\t' +\n      this._createBaseClipPathSVGMarkup(this._toSVG(reviver), {\n        reviver,\n      })\n    );\n  }\n\n  /**\n   * @private\n   */\n  _createBaseClipPathSVGMarkup(\n    this: FabricObjectSVGExportMixin & FabricObject,\n    objectMarkup: string[],\n    {\n      reviver,\n      additionalTransform = '',\n    }: { reviver?: TSVGReviver; additionalTransform?: string } = {},\n  ) {\n    const commonPieces = [\n        this.getSvgTransform(true, additionalTransform),\n        this.getSvgCommons(),\n      ].join(''),\n      // insert commons in the markup, style and svgCommons\n      index = objectMarkup.indexOf('COMMON_PARTS');\n    objectMarkup[index] = commonPieces;\n    return reviver ? reviver(objectMarkup.join('')) : objectMarkup.join('');\n  }\n\n  /**\n   * @private\n   */\n  _createBaseSVGMarkup(\n    this: FabricObjectSVGExportMixin & FabricObject,\n    objectMarkup: string[],\n    {\n      noStyle,\n      reviver,\n      withShadow,\n      additionalTransform,\n    }: {\n      noStyle?: boolean;\n      reviver?: TSVGReviver;\n      withShadow?: boolean;\n      additionalTransform?: string;\n    } = {},\n  ): string {\n    const styleInfo = noStyle ? '' : `style=\"${this.getSvgStyles()}\" `,\n      shadowInfo = withShadow ? `style=\"${this.getSvgFilter()}\" ` : '',\n      clipPath = this.clipPath as FabricObjectSVGExportMixin & FabricObject,\n      vectorEffect = this.strokeUniform\n        ? 'vector-effect=\"non-scaling-stroke\" '\n        : '',\n      absoluteClipPath = clipPath && clipPath.absolutePositioned,\n      stroke = this.stroke,\n      fill = this.fill,\n      shadow = this.shadow,\n      markup = [],\n      // insert commons in the markup, style and svgCommons\n      index = objectMarkup.indexOf('COMMON_PARTS');\n    let clipPathMarkup;\n    if (clipPath) {\n      clipPath.clipPathId = `CLIPPATH_${uid()}`;\n      clipPathMarkup = `<clipPath id=\"${\n        clipPath.clipPathId\n      }\" >\\n${clipPath.toClipPathSVG(reviver)}</clipPath>\\n`;\n    }\n    if (absoluteClipPath) {\n      markup.push('<g ', shadowInfo, this.getSvgCommons(), ' >\\n');\n    }\n    markup.push(\n      '<g ',\n      this.getSvgTransform(false),\n      !absoluteClipPath ? shadowInfo + this.getSvgCommons() : '',\n      ' >\\n',\n    );\n    const commonPieces = [\n      styleInfo,\n      vectorEffect,\n      noStyle ? '' : this.addPaintOrder(),\n      ' ',\n      additionalTransform ? `transform=\"${additionalTransform}\" ` : '',\n    ].join('');\n    objectMarkup[index] = commonPieces;\n    if (isFiller(fill)) {\n      markup.push(fill.toSVG(this));\n    }\n    if (isFiller(stroke)) {\n      markup.push(stroke.toSVG(this));\n    }\n    if (shadow) {\n      markup.push(shadow.toSVG(this));\n    }\n    if (clipPath) {\n      markup.push(clipPathMarkup);\n    }\n    markup.push(objectMarkup.join(''));\n    markup.push('</g>\\n');\n    absoluteClipPath && markup.push('</g>\\n');\n    return reviver ? reviver(markup.join('')) : markup.join('');\n  }\n\n  addPaintOrder(this: FabricObjectSVGExportMixin & FabricObject) {\n    return this.paintFirst !== FILL\n      ? ` paint-order=\"${escapeXml(this.paintFirst)}\" `\n      : '';\n  }\n}\n"],"mappings":"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"}

package/dist/src/shapes/Object/FabricObjectSVGExportMixin.mjs

@@ -1,138 +0,0 @@
-import { FILL, NONE, STROKE } from "../../constants.mjs";
-import { uid } from "../../util/internals/uid.mjs";
-import { matrixToSVG } from "../../util/misc/svgExport.mjs";
-import { isFiller } from "../../util/typeAssertions.mjs";
-import { escapeXml } from "../../util/lang_string.mjs";
-import { colorPropToSVG } from "../../util/misc/svgParsing.mjs";
-//#region src/shapes/Object/FabricObjectSVGExportMixin.ts
-var FabricObjectSVGExportMixin = class {
-	/**
-	* Returns styles-string for svg-export
-	* @param {Boolean} skipShadow a boolean to skip shadow filter output
-	* @return {String}
-	*/
-	getSvgStyles(skipShadow) {
-		const fillRule = this.fillRule ? this.fillRule : "nonzero", strokeWidth = this.strokeWidth ? this.strokeWidth : "0", strokeDashArray = this.strokeDashArray ? this.strokeDashArray.join(" ") : NONE, strokeDashOffset = this.strokeDashOffset ? this.strokeDashOffset : "0", strokeLineCap = this.strokeLineCap ? this.strokeLineCap : "butt", strokeLineJoin = this.strokeLineJoin ? this.strokeLineJoin : "miter", strokeMiterLimit = this.strokeMiterLimit ? this.strokeMiterLimit : "4", opacity = typeof this.opacity !== "undefined" ? this.opacity : "1", visibility = this.visible ? "" : " visibility: hidden;", filter = skipShadow ? "" : this.getSvgFilter(), fill = colorPropToSVG(FILL, this.fill);
-		return [
-			colorPropToSVG(STROKE, this.stroke),
-			"stroke-width: ",
-			strokeWidth,
-			"; ",
-			"stroke-dasharray: ",
-			strokeDashArray,
-			"; ",
-			"stroke-linecap: ",
-			strokeLineCap,
-			"; ",
-			"stroke-dashoffset: ",
-			strokeDashOffset,
-			"; ",
-			"stroke-linejoin: ",
-			strokeLineJoin,
-			"; ",
-			"stroke-miterlimit: ",
-			strokeMiterLimit,
-			"; ",
-			fill,
-			"fill-rule: ",
-			fillRule,
-			"; ",
-			"opacity: ",
-			opacity,
-			";",
-			filter,
-			visibility
-		].map((v) => escapeXml(v)).join("");
-	}
-	/**
-	* Returns filter for svg shadow
-	* @return {String}
-	*/
-	getSvgFilter() {
-		return this.shadow ? `filter: url(#SVGID_${escapeXml(this.shadow.id)});` : "";
-	}
-	/**
-	* Returns id attribute for svg output
-	* @return {String}
-	*/
-	getSvgCommons() {
-		return [this.id ? `id="${escapeXml(String(this.id))}" ` : "", this.clipPath ? `clip-path="url(#${this.clipPath.clipPathId})" ` : ""].join("");
-	}
-	/**
-	* Returns transform-string for svg-export
-	* @param {Boolean} use the full transform or the single object one.
-	* @return {String}
-	*/
-	getSvgTransform(full, additionalTransform = "") {
-		return `${`transform="${matrixToSVG(full ? this.calcTransformMatrix() : this.calcOwnMatrix())}`}${additionalTransform}" `;
-	}
-	/**
-	* Returns svg representation of an instance
-	* This function is implemented in each subclass
-	* This is just because typescript otherwise cryies all the time
-	* @return {Array} an array of strings with the specific svg representation
-	* of the instance
-	*/
-	_toSVG(_reviver) {
-		return [""];
-	}
-	/**
-	* Returns svg representation of an instance
-	* @param {TSVGReviver} [reviver] Method for further parsing of svg representation.
-	* @return {String} svg representation of an instance
-	*/
-	toSVG(reviver) {
-		return this._createBaseSVGMarkup(this._toSVG(reviver), { reviver });
-	}
-	/**
-	* Returns svg clipPath representation of an instance
-	* @param {TSVGReviver} [reviver] Method for further parsing of svg representation.
-	* @return {String} svg representation of an instance
-	*/
-	toClipPathSVG(reviver) {
-		return "	" + this._createBaseClipPathSVGMarkup(this._toSVG(reviver), { reviver });
-	}
-	/**
-	* @private
-	*/
-	_createBaseClipPathSVGMarkup(objectMarkup, { reviver, additionalTransform = "" } = {}) {
-		const commonPieces = [this.getSvgTransform(true, additionalTransform), this.getSvgCommons()].join(""), index = objectMarkup.indexOf("COMMON_PARTS");
-		objectMarkup[index] = commonPieces;
-		return reviver ? reviver(objectMarkup.join("")) : objectMarkup.join("");
-	}
-	/**
-	* @private
-	*/
-	_createBaseSVGMarkup(objectMarkup, { noStyle, reviver, withShadow, additionalTransform } = {}) {
-		const styleInfo = noStyle ? "" : `style="${this.getSvgStyles()}" `, shadowInfo = withShadow ? `style="${this.getSvgFilter()}" ` : "", clipPath = this.clipPath, vectorEffect = this.strokeUniform ? "vector-effect=\"non-scaling-stroke\" " : "", absoluteClipPath = clipPath && clipPath.absolutePositioned, stroke = this.stroke, fill = this.fill, shadow = this.shadow, markup = [], index = objectMarkup.indexOf("COMMON_PARTS");
-		let clipPathMarkup;
-		if (clipPath) {
-			clipPath.clipPathId = `CLIPPATH_${uid()}`;
-			clipPathMarkup = `<clipPath id="${clipPath.clipPathId}" >\n${clipPath.toClipPathSVG(reviver)}</clipPath>\n`;
-		}
-		if (absoluteClipPath) markup.push("<g ", shadowInfo, this.getSvgCommons(), " >\n");
-		markup.push("<g ", this.getSvgTransform(false), !absoluteClipPath ? shadowInfo + this.getSvgCommons() : "", " >\n");
-		objectMarkup[index] = [
-			styleInfo,
-			vectorEffect,
-			noStyle ? "" : this.addPaintOrder(),
-			" ",
-			additionalTransform ? `transform="${additionalTransform}" ` : ""
-		].join("");
-		if (isFiller(fill)) markup.push(fill.toSVG(this));
-		if (isFiller(stroke)) markup.push(stroke.toSVG(this));
-		if (shadow) markup.push(shadow.toSVG(this));
-		if (clipPath) markup.push(clipPathMarkup);
-		markup.push(objectMarkup.join(""));
-		markup.push("</g>\n");
-		absoluteClipPath && markup.push("</g>\n");
-		return reviver ? reviver(markup.join("")) : markup.join("");
-	}
-	addPaintOrder() {
-		return this.paintFirst !== "fill" ? ` paint-order="${escapeXml(this.paintFirst)}" ` : "";
-	}
-};
-//#endregion
-export { FabricObjectSVGExportMixin };
-
-//# sourceMappingURL=FabricObjectSVGExportMixin.mjs.map

package/dist/src/shapes/Object/FabricObjectSVGExportMixin.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"FabricObjectSVGExportMixin.mjs","names":[],"sources":["../../../../src/shapes/Object/FabricObjectSVGExportMixin.ts"],"sourcesContent":["import type { TSVGReviver } from '../../typedefs';\nimport { uid } from '../../util/internals/uid';\nimport { colorPropToSVG } from '../../util/misc/svgParsing';\nimport { FILL, NONE, STROKE } from '../../constants';\nimport type { FabricObject } from './FabricObject';\nimport { isFiller } from '../../util/typeAssertions';\nimport { matrixToSVG } from '../../util/misc/svgExport';\nimport { escapeXml } from '../../util/lang_string';\n\nexport class FabricObjectSVGExportMixin {\n  /**\n   * When an object is being exported as SVG as a clippath, a reference inside the SVG is needed.\n   * This reference is a UID in the fabric namespace and is temporary stored here.\n   * @type {String}\n   */\n  declare clipPathId?: string;\n\n  /**\n   * Returns styles-string for svg-export\n   * @param {Boolean} skipShadow a boolean to skip shadow filter output\n   * @return {String}\n   */\n  getSvgStyles(\n    this: FabricObjectSVGExportMixin & FabricObject,\n    skipShadow?: boolean,\n  ) {\n    const fillRule = this.fillRule ? this.fillRule : 'nonzero',\n      strokeWidth = this.strokeWidth ? this.strokeWidth : '0',\n      strokeDashArray = this.strokeDashArray\n        ? this.strokeDashArray.join(' ')\n        : NONE,\n      strokeDashOffset = this.strokeDashOffset ? this.strokeDashOffset : '0',\n      strokeLineCap = this.strokeLineCap ? this.strokeLineCap : 'butt',\n      strokeLineJoin = this.strokeLineJoin ? this.strokeLineJoin : 'miter',\n      strokeMiterLimit = this.strokeMiterLimit ? this.strokeMiterLimit : '4',\n      opacity = typeof this.opacity !== 'undefined' ? this.opacity : '1',\n      visibility = this.visible ? '' : ' visibility: hidden;',\n      filter = skipShadow ? '' : this.getSvgFilter(),\n      fill = colorPropToSVG(FILL, this.fill),\n      stroke = colorPropToSVG(STROKE, this.stroke);\n\n    return [\n      stroke,\n      'stroke-width: ',\n      strokeWidth,\n      '; ',\n      'stroke-dasharray: ',\n      strokeDashArray,\n      '; ',\n      'stroke-linecap: ',\n      strokeLineCap,\n      '; ',\n      'stroke-dashoffset: ',\n      strokeDashOffset,\n      '; ',\n      'stroke-linejoin: ',\n      strokeLineJoin,\n      '; ',\n      'stroke-miterlimit: ',\n      strokeMiterLimit,\n      '; ',\n      fill,\n      'fill-rule: ',\n      fillRule,\n      '; ',\n      'opacity: ',\n      opacity,\n      ';',\n      filter,\n      visibility,\n    ]\n      .map((v) => escapeXml(v))\n      .join('');\n  }\n\n  /**\n   * Returns filter for svg shadow\n   * @return {String}\n   */\n  getSvgFilter(this: FabricObjectSVGExportMixin & FabricObject) {\n    return this.shadow\n      ? `filter: url(#SVGID_${escapeXml(this.shadow.id)});`\n      : '';\n  }\n\n  /**\n   * Returns id attribute for svg output\n   * @return {String}\n   */\n  getSvgCommons(\n    this: FabricObjectSVGExportMixin & FabricObject & { id?: string },\n  ) {\n    return [\n      this.id ? `id=\"${escapeXml(String(this.id))}\" ` : '',\n      this.clipPath\n        ? `clip-path=\"url(#${\n            (this.clipPath as FabricObjectSVGExportMixin & FabricObject)\n              .clipPathId\n          })\" `\n        : '',\n    ].join('');\n  }\n\n  /**\n   * Returns transform-string for svg-export\n   * @param {Boolean} use the full transform or the single object one.\n   * @return {String}\n   */\n  getSvgTransform(\n    this: FabricObjectSVGExportMixin & FabricObject,\n    full?: boolean,\n    additionalTransform = '',\n  ) {\n    const transform = full ? this.calcTransformMatrix() : this.calcOwnMatrix(),\n      svgTransform = `transform=\"${matrixToSVG(transform)}`;\n    return `${svgTransform}${additionalTransform}\" `;\n  }\n\n  /**\n   * Returns svg representation of an instance\n   * This function is implemented in each subclass\n   * This is just because typescript otherwise cryies all the time\n   * @return {Array} an array of strings with the specific svg representation\n   * of the instance\n   */\n  _toSVG(_reviver?: TSVGReviver): string[] {\n    return [''];\n  }\n\n  /**\n   * Returns svg representation of an instance\n   * @param {TSVGReviver} [reviver] Method for further parsing of svg representation.\n   * @return {String} svg representation of an instance\n   */\n  toSVG(\n    this: FabricObjectSVGExportMixin & FabricObject,\n    reviver?: TSVGReviver,\n  ) {\n    return this._createBaseSVGMarkup(this._toSVG(reviver), {\n      reviver,\n    });\n  }\n\n  /**\n   * Returns svg clipPath representation of an instance\n   * @param {TSVGReviver} [reviver] Method for further parsing of svg representation.\n   * @return {String} svg representation of an instance\n   */\n  toClipPathSVG(\n    this: FabricObjectSVGExportMixin & FabricObject,\n    reviver?: TSVGReviver,\n  ) {\n    return (\n      '\\t' +\n      this._createBaseClipPathSVGMarkup(this._toSVG(reviver), {\n        reviver,\n      })\n    );\n  }\n\n  /**\n   * @private\n   */\n  _createBaseClipPathSVGMarkup(\n    this: FabricObjectSVGExportMixin & FabricObject,\n    objectMarkup: string[],\n    {\n      reviver,\n      additionalTransform = '',\n    }: { reviver?: TSVGReviver; additionalTransform?: string } = {},\n  ) {\n    const commonPieces = [\n        this.getSvgTransform(true, additionalTransform),\n        this.getSvgCommons(),\n      ].join(''),\n      // insert commons in the markup, style and svgCommons\n      index = objectMarkup.indexOf('COMMON_PARTS');\n    objectMarkup[index] = commonPieces;\n    return reviver ? reviver(objectMarkup.join('')) : objectMarkup.join('');\n  }\n\n  /**\n   * @private\n   */\n  _createBaseSVGMarkup(\n    this: FabricObjectSVGExportMixin & FabricObject,\n    objectMarkup: string[],\n    {\n      noStyle,\n      reviver,\n      withShadow,\n      additionalTransform,\n    }: {\n      noStyle?: boolean;\n      reviver?: TSVGReviver;\n      withShadow?: boolean;\n      additionalTransform?: string;\n    } = {},\n  ): string {\n    const styleInfo = noStyle ? '' : `style=\"${this.getSvgStyles()}\" `,\n      shadowInfo = withShadow ? `style=\"${this.getSvgFilter()}\" ` : '',\n      clipPath = this.clipPath as FabricObjectSVGExportMixin & FabricObject,\n      vectorEffect = this.strokeUniform\n        ? 'vector-effect=\"non-scaling-stroke\" '\n        : '',\n      absoluteClipPath = clipPath && clipPath.absolutePositioned,\n      stroke = this.stroke,\n      fill = this.fill,\n      shadow = this.shadow,\n      markup = [],\n      // insert commons in the markup, style and svgCommons\n      index = objectMarkup.indexOf('COMMON_PARTS');\n    let clipPathMarkup;\n    if (clipPath) {\n      clipPath.clipPathId = `CLIPPATH_${uid()}`;\n      clipPathMarkup = `<clipPath id=\"${\n        clipPath.clipPathId\n      }\" >\\n${clipPath.toClipPathSVG(reviver)}</clipPath>\\n`;\n    }\n    if (absoluteClipPath) {\n      markup.push('<g ', shadowInfo, this.getSvgCommons(), ' >\\n');\n    }\n    markup.push(\n      '<g ',\n      this.getSvgTransform(false),\n      !absoluteClipPath ? shadowInfo + this.getSvgCommons() : '',\n      ' >\\n',\n    );\n    const commonPieces = [\n      styleInfo,\n      vectorEffect,\n      noStyle ? '' : this.addPaintOrder(),\n      ' ',\n      additionalTransform ? `transform=\"${additionalTransform}\" ` : '',\n    ].join('');\n    objectMarkup[index] = commonPieces;\n    if (isFiller(fill)) {\n      markup.push(fill.toSVG(this));\n    }\n    if (isFiller(stroke)) {\n      markup.push(stroke.toSVG(this));\n    }\n    if (shadow) {\n      markup.push(shadow.toSVG(this));\n    }\n    if (clipPath) {\n      markup.push(clipPathMarkup);\n    }\n    markup.push(objectMarkup.join(''));\n    markup.push('</g>\\n');\n    absoluteClipPath && markup.push('</g>\\n');\n    return reviver ? reviver(markup.join('')) : markup.join('');\n  }\n\n  addPaintOrder(this: FabricObjectSVGExportMixin & FabricObject) {\n    return this.paintFirst !== FILL\n      ? ` paint-order=\"${escapeXml(this.paintFirst)}\" `\n      : '';\n  }\n}\n"],"mappings":"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"}