fabric 6.2.0 → 6.3.0

package/src/shapes/Object/ObjectOrigin.ts

@@ -77,13 +77,13 @@ export class ObjectOrigin<EventSpec>
     if (noSkew) {
       finalDimensions = new Point(
         dimX * dimOptions.scaleX,
-        dimY * dimOptions.scaleY
+        dimY * dimOptions.scaleY,
       );
     } else {
       finalDimensions = sizeAfterTransform(
         dimX,
         dimY,
-        calcDimensionsMatrix(dimOptions)
+        calcDimensionsMatrix(dimOptions),
       );
     }
 
@@ -104,7 +104,7 @@ export class ObjectOrigin<EventSpec>
     fromOriginX: TOriginX,
     fromOriginY: TOriginY,
     toOriginX: TOriginX,
-    toOriginY: TOriginY
+    toOriginY: TOriginY,
   ): Point {
     let x = point.x,
       y = point.y;
@@ -130,14 +130,14 @@ export class ObjectOrigin<EventSpec>
   translateToCenterPoint(
     point: Point,
     originX: TOriginX,
-    originY: TOriginY
+    originY: TOriginY,
   ): Point {
     const p = this.translateToGivenOrigin(
       point,
       originX,
       originY,
       CENTER,
-      CENTER
+      CENTER,
     );
     if (this.angle) {
       return p.rotate(degreesToRadians(this.angle), point);
@@ -155,14 +155,14 @@ export class ObjectOrigin<EventSpec>
   translateToOriginPoint(
     center: Point,
     originX: TOriginX,
-    originY: TOriginY
+    originY: TOriginY,
   ): Point {
     const p = this.translateToGivenOrigin(
       center,
       CENTER,
       CENTER,
       originX,
-      originY
+      originY,
     );
     if (this.angle) {
       return p.rotate(degreesToRadians(this.angle), center);
@@ -189,7 +189,7 @@ export class ObjectOrigin<EventSpec>
     return this.translateToCenterPoint(
       new Point(this.left, this.top),
       this.originX,
-      this.originY
+      this.originY,
     );
   }
 
@@ -203,7 +203,7 @@ export class ObjectOrigin<EventSpec>
     return this.translateToOriginPoint(
       this.getRelativeCenterPoint(),
       originX,
-      originY
+      originY,
     );
   }
 
@@ -219,7 +219,7 @@ export class ObjectOrigin<EventSpec>
       position = this.translateToOriginPoint(
         center,
         this.originX,
-        this.originY
+        this.originY,
       );
     this.set({ left: position.x, top: position.y });
   }
@@ -231,7 +231,7 @@ export class ObjectOrigin<EventSpec>
     return this.translateToOriginPoint(
       this.getRelativeCenterPoint(),
       LEFT,
-      TOP
+      TOP,
     );
   }
 }

package/src/shapes/Object/StackedObject.ts

@@ -3,7 +3,6 @@ import type { Group } from '../Group';
 import type { Canvas } from '../../canvas/Canvas';
 import type { StaticCanvas } from '../../canvas/StaticCanvas';
 import { ObjectGeometry } from './ObjectGeometry';
-import type { FabricObject } from './FabricObject';
 
 type TAncestor = StackedObject | Canvas | StaticCanvas;
 type TCollection = Group | Canvas | StaticCanvas;
@@ -29,7 +28,7 @@ export type AncestryComparison = {
 };
 
 export class StackedObject<
-  EventSpec extends ObjectEvents = ObjectEvents
+  EventSpec extends ObjectEvents = ObjectEvents,
 > extends ObjectGeometry<EventSpec> {
   /**
    * A reference to the parent of the object
@@ -171,10 +170,10 @@ export class StackedObject<
     const headOfFork = ancestorData.fork.pop(),
       headOfOtherFork = ancestorData.otherFork.pop(),
       thisIndex = (firstCommonAncestor as TCollection)._objects.indexOf(
-        headOfFork as any
+        headOfFork as any,
       ),
       otherIndex = (firstCommonAncestor as TCollection)._objects.indexOf(
-        headOfOtherFork as any
+        headOfOtherFork as any,
       );
     return thisIndex > -1 && thisIndex > otherIndex;
   }

package/src/shapes/Path.ts

@@ -49,7 +49,7 @@ export interface IPathBBox extends TBBox {
 export class Path<
   Props extends TOptions<PathProps> = Partial<PathProps>,
   SProps extends SerializedPathProps = SerializedPathProps,
-  EventSpec extends ObjectEvents = ObjectEvents
+  EventSpec extends ObjectEvents = ObjectEvents,
 > extends FabricObject<Props, SProps, EventSpec> {
   /**
    * Array of path points
@@ -77,7 +77,7 @@ export class Path<
   constructor(
     path: TComplexPathData | string,
     // todo: evaluate this spread here
-    { path: _, left, top, ...options }: Partial<Props> = {}
+    { path: _, left, top, ...options }: Partial<Props> = {},
   ) {
     super();
     Object.assign(this, Path.ownDefaults);
@@ -138,7 +138,7 @@ export class Path<
             command[3] + l,
             command[4] + t,
             command[5] + l,
-            command[6] + t
+            command[6] + t,
           );
           break;
 
@@ -147,7 +147,7 @@ export class Path<
             command[1] + l,
             command[2] + t,
             command[3] + l,
-            command[4] + t
+            command[4] + t,
           );
           break;
 
@@ -184,7 +184,7 @@ export class Path<
    */
   toObject<
     T extends Omit<Props & TClassProperties<this>, keyof SProps>,
-    K extends keyof T = never
+    K extends keyof T = never,
   >(propertiesToInclude: K[] = []): Pick<T, K> & SProps {
     return {
       ...super.toObject(propertiesToInclude),
@@ -199,7 +199,7 @@ export class Path<
    */
   toDatalessObject<
     T extends Omit<Props & TClassProperties<this>, keyof SProps>,
-    K extends keyof T = never
+    K extends keyof T = never,
   >(propertiesToInclude: K[] = []): Pick<T, K> & SProps {
     const o = this.toObject<T, K>(propertiesToInclude);
     if (this.sourcePath) {
@@ -231,7 +231,7 @@ export class Path<
     const digits = config.NUM_FRACTION_DIGITS;
     return ` translate(${toFixed(-this.pathOffset.x, digits)}, ${toFixed(
       -this.pathOffset.y,
-      digits
+      digits,
     )})`;
   }
 
@@ -319,8 +319,8 @@ export class Path<
               command[3],
               command[4],
               command[5],
-              command[6]
-            )
+              command[6],
+            ),
           );
           x = command[5];
           y = command[6];
@@ -336,8 +336,8 @@ export class Path<
               command[1],
               command[2],
               command[3],
-              command[4]
-            )
+              command[4],
+            ),
           );
           x = command[3];
           y = command[4];
@@ -362,7 +362,7 @@ export class Path<
       ...bbox,
       pathOffset: new Point(
         bbox.left + bbox.width / 2,
-        bbox.top + bbox.height / 2
+        bbox.top + bbox.height / 2,
       ),
     };
   }
@@ -398,12 +398,12 @@ export class Path<
   static async fromElement(
     element: HTMLElement,
     options: Partial<PathProps>,
-    cssRules?: CSSRules
+    cssRules?: CSSRules,
   ) {
     const { d, ...parsedAttributes } = parseAttributes(
       element,
       this.ATTRIBUTE_NAMES,
-      cssRules
+      cssRules,
     );
     return new this(d, {
       ...parsedAttributes,

package/src/shapes/Polyline.spec.ts

@@ -110,7 +110,7 @@ describe('Polyline', () => {
     expect(new Polyline(points, { points: [{ x: 1, y: 1 }] })).toEqual(
       expect.objectContaining({
         points: points,
-      })
+      }),
     );
   });
 });

package/src/shapes/Polyline.ts

@@ -15,7 +15,6 @@ import { toFixed } from '../util/misc/toFixed';
 import { FabricObject, cacheProperties } from './Object/FabricObject';
 import type { FabricObjectProps, SerializedObjectProps } from './Object/types';
 import type { ObjectEvents } from '../EventTypeDefs';
-import { cloneDeep } from '../util/internals/cloneDeep';
 import {
   CENTER,
   LEFT,
@@ -41,7 +40,7 @@ export interface SerializedPolylineProps extends SerializedObjectProps {
 export class Polyline<
   Props extends TOptions<FabricObjectProps> = Partial<FabricObjectProps>,
   SProps extends SerializedPolylineProps = SerializedPolylineProps,
-  EventSpec extends ObjectEvents = ObjectEvents
+  EventSpec extends ObjectEvents = ObjectEvents,
 > extends FabricObject<Props, SProps, EventSpec> {
   /**
    * Points array
@@ -155,7 +154,7 @@ export class Polyline<
     };
     const points = this.exactBoundingBox
       ? this._projectStrokeOnPoints(
-          options as TProjectStrokeOnPointsOptions
+          options as TProjectStrokeOnPointsOptions,
         ).map((projection) => projection.projectedPoint)
       : this.points;
     if (points.length === 0) {
@@ -173,7 +172,7 @@ export class Polyline<
       // Remove scale effect, since it's applied after
       matrix = calcDimensionsMatrix({ ...options, scaleX: 1, scaleY: 1 }),
       bboxNoStroke = makeBoundingBoxFromPoints(
-        this.points.map((p) => transformPoint(p, matrix, true))
+        this.points.map((p) => transformPoint(p, matrix, true)),
       ),
       scale = new Point(this.scaleX, this.scaleY);
     let offsetX = bbox.left + bbox.width / 2,
@@ -220,7 +219,7 @@ export class Polyline<
       this.setPositionByOrigin(
         new Point(left + width / 2, top + height / 2),
         CENTER,
-        CENTER
+        CENTER,
       );
   }
 
@@ -260,8 +259,8 @@ export class Polyline<
           (key) =>
             this.strokeUniform ||
             (this.constructor as typeof Polyline).layoutProperties.includes(
-              key as keyof TProjectStrokeOnPointsOptions
-            )
+              key as keyof TProjectStrokeOnPointsOptions,
+            ),
         )
       ) {
         const { width, height } = this._calcDimensions(options);
@@ -269,11 +268,11 @@ export class Polyline<
       } else {
         size = new Point(
           options.width ?? this.width,
-          options.height ?? this.height
+          options.height ?? this.height,
         );
       }
       return size.multiply(
-        new Point(options.scaleX || this.scaleX, options.scaleY || this.scaleY)
+        new Point(options.scaleX || this.scaleX, options.scaleY || this.scaleY),
       );
     } else {
       return super._getTransformedDimensions(options);
@@ -293,10 +292,10 @@ export class Polyline<
       (((key === SCALE_X || key === SCALE_Y) &&
         this.strokeUniform &&
         (this.constructor as typeof Polyline).layoutProperties.includes(
-          'strokeUniform'
+          'strokeUniform',
         )) ||
         (this.constructor as typeof Polyline).layoutProperties.includes(
-          key as keyof Polyline
+          key as keyof Polyline,
         ))
     ) {
       this.setDimensions();
@@ -311,11 +310,11 @@ export class Polyline<
    */
   toObject<
     T extends Omit<Props & TClassProperties<this>, keyof SProps>,
-    K extends keyof T = never
+    K extends keyof T = never,
   >(propertiesToInclude: K[] = []): Pick<T, K> & SProps {
     return {
       ...super.toObject(propertiesToInclude),
-      points: cloneDeep(this.points),
+      points: this.points.map(({ x, y }) => ({ x, y })),
     };
   }
 
@@ -335,7 +334,7 @@ export class Polyline<
         toFixed(this.points[i].x - diffX, NUM_FRACTION_DIGITS),
         ',',
         toFixed(this.points[i].y - diffY, NUM_FRACTION_DIGITS),
-        ' '
+        ' ',
       );
     }
     return [
@@ -401,7 +400,7 @@ export class Polyline<
   static async fromElement(
     element: HTMLElement,
     options: Abortable,
-    cssRules?: CSSRules
+    cssRules?: CSSRules,
   ) {
     const points = parsePointsAttribute(element.getAttribute('points')),
       // we omit left and top to instruct the constructor to position the object using the bbox
@@ -409,7 +408,7 @@ export class Polyline<
       { left, top, ...parsedAttributes } = parseAttributes(
         element,
         this.ATTRIBUTE_NAMES,
-        cssRules
+        cssRules,
       );
     return new this(points, {
       ...parsedAttributes,

package/src/shapes/Rect.ts

@@ -29,7 +29,7 @@ const RECT_PROPS = ['rx', 'ry'] as const;
 export class Rect<
     Props extends TOptions<RectProps> = Partial<RectProps>,
     SProps extends SerializedRectProps = SerializedRectProps,
-    EventSpec extends ObjectEvents = ObjectEvents
+    EventSpec extends ObjectEvents = ObjectEvents,
   >
   extends FabricObject<Props, SProps, EventSpec>
   implements RectProps
@@ -108,7 +108,7 @@ export class Rect<
         x + w,
         y + kRect * ry,
         x + w,
-        y + ry
+        y + ry,
       );
 
     ctx.lineTo(x + w, y + h - ry);
@@ -119,7 +119,7 @@ export class Rect<
         x + w - kRect * rx,
         y + h,
         x + w - rx,
-        y + h
+        y + h,
       );
 
     ctx.lineTo(x + rx, y + h);
@@ -130,7 +130,7 @@ export class Rect<
         x,
         y + h - kRect * ry,
         x,
-        y + h - ry
+        y + h - ry,
       );
 
     ctx.lineTo(x, y + ry);
@@ -149,7 +149,7 @@ export class Rect<
    */
   toObject<
     T extends Omit<Props & TClassProperties<this>, keyof SProps>,
-    K extends keyof T = never
+    K extends keyof T = never,
   >(propertiesToInclude: K[] = []): Pick<T, K> & SProps {
     return super.toObject([...RECT_PROPS, ...propertiesToInclude]);
   }
@@ -198,7 +198,7 @@ export class Rect<
   static async fromElement(
     element: HTMLElement,
     options: Abortable,
-    cssRules?: CSSRules
+    cssRules?: CSSRules,
   ) {
     const {
       left = 0,

package/src/shapes/Text/StyledText.spec.ts

@@ -25,7 +25,7 @@ describe('setSelectionStyles', () => {
         deltaY: 0,
       },
       0,
-      2
+      2,
     );
     const [style1After, style2After] = text.getSelectionStyles(0, 2);
     expect(Object.hasOwn(style1After, 'fontSize')).toBe(false);
@@ -53,7 +53,7 @@ describe('toObject', () => {
       { start: 2, end: 3, style: { fontSize: 40 } },
     ]);
     expect(serializedStyles[0].start).toEqual(
-      graphemeSplit(text.textLines[0]).length
+      graphemeSplit(text.textLines[0]).length,
     );
   });
 });

package/src/shapes/Text/StyledText.ts

@@ -22,7 +22,7 @@ export type TextStyle = {
 export abstract class StyledText<
   Props extends TOptions<FabricObjectProps> = Partial<FabricObjectProps>,
   SProps extends SerializedObjectProps = SerializedObjectProps,
-  EventSpec extends ObjectEvents = ObjectEvents
+  EventSpec extends ObjectEvents = ObjectEvents,
 > extends FabricObject<Props, SProps, EventSpec> {
   declare abstract styles: TextStyle;
   protected declare abstract _textLines: string[][];
@@ -30,7 +30,7 @@ export abstract class StyledText<
   static _styleProperties: Readonly<StylePropertiesType[]> = styleProperties;
   abstract get2DCursorLocation(
     selectionStart: number,
-    skipWrapping?: boolean
+    skipWrapping?: boolean,
   ): { charIndex: number; lineIndex: number };
 
   /**
@@ -196,7 +196,7 @@ export abstract class StyledText<
         ...style,
         // use the predicate to discard undefined values
       },
-      (value) => value !== undefined
+      (value) => value !== undefined,
     );
 
     // finally assign to the old position the new style
@@ -213,7 +213,7 @@ export abstract class StyledText<
   getSelectionStyles(
     startIndex: number,
     endIndex?: number,
-    complete?: boolean
+    complete?: boolean,
   ): TextStyleDeclaration[] {
     const styles: TextStyleDeclaration[] = [];
     for (let i = startIndex; i < (endIndex || startIndex); i++) {
@@ -263,7 +263,7 @@ export abstract class StyledText<
    */
   _getStyleDeclaration(
     lineIndex: number,
-    charIndex: number
+    charIndex: number,
   ): TextStyleDeclaration {
     const lineStyle = this.styles && this.styles[lineIndex];
     return lineStyle ? lineStyle[charIndex] ?? {} : {};
@@ -278,7 +278,7 @@ export abstract class StyledText<
    */
   getCompleteStyleDeclaration(
     lineIndex: number,
-    charIndex: number
+    charIndex: number,
   ): CompleteTextStyleDeclaration {
     return {
       // @ts-expect-error readonly
@@ -296,7 +296,7 @@ export abstract class StyledText<
   protected _setStyleDeclaration(
     lineIndex: number,
     charIndex: number,
-    style: object
+    style: object,
   ) {
     this.styles[lineIndex][charIndex] = style;
   }

package/src/shapes/Text/Text.spec.ts

@@ -14,7 +14,7 @@ describe('FabricText', () => {
 
   it('fromObject', async () => {
     expect((await FabricText.fromObject({ text: 'text' })).toObject()).toEqual(
-      new FabricText('text').toObject()
+      new FabricText('text').toObject(),
     );
   });