fabric 6.2.0 → 6.3.0

package/src/shapes/IText/IText.ts

@@ -111,7 +111,7 @@ export interface ITextProps extends TextProps, UniqueITextProps {}
 export class IText<
     Props extends TOptions<ITextProps> = Partial<ITextProps>,
     SProps extends SerializedITextProps = SerializedITextProps,
-    EventSpec extends ITextEvents = ITextEvents
+    EventSpec extends ITextEvents = ITextEvents,
   >
   extends ITextClickBehavior<Props, SProps, EventSpec>
   implements UniqueITextProps
@@ -271,7 +271,7 @@ export class IText<
    */
   protected _updateAndFire(
     property: 'selectionStart' | 'selectionEnd',
-    index: number
+    index: number,
   ) {
     if (this[property] !== index) {
       this._fireSelectionChanged();
@@ -312,7 +312,7 @@ export class IText<
   getSelectionStyles(
     startIndex: number = this.selectionStart || 0,
     endIndex: number = this.selectionEnd,
-    complete?: boolean
+    complete?: boolean,
   ) {
     return super.getSelectionStyles(startIndex, endIndex, complete);
   }
@@ -326,7 +326,7 @@ export class IText<
   setSelectionStyles(
     styles: object,
     startIndex: number = this.selectionStart || 0,
-    endIndex: number = this.selectionEnd
+    endIndex: number = this.selectionEnd,
   ) {
     return super.setSelectionStyles(styles, startIndex, endIndex);
   }
@@ -338,7 +338,7 @@ export class IText<
    */
   get2DCursorLocation(
     selectionStart = this.selectionStart,
-    skipWrapping?: boolean
+    skipWrapping?: boolean,
   ) {
     return super.get2DCursorLocation(selectionStart, skipWrapping);
   }
@@ -399,7 +399,7 @@ export class IText<
    */
   _getCursorBoundaries(
     index: number = this.selectionStart,
-    skipCaching?: boolean
+    skipCaching?: boolean,
   ): CursorBoundaries {
     const left = this._getLeftOffset(),
       top = this._getTopOffset(),
@@ -420,7 +420,7 @@ export class IText<
    */
   _getCursorBoundariesOffsets(
     index: number,
-    skipCaching?: boolean
+    skipCaching?: boolean,
   ): { left: number; top: number } {
     if (skipCaching) {
       return this.__getCursorBoundariesOffsets(index);
@@ -498,7 +498,7 @@ export class IText<
   _renderCursor(
     ctx: CanvasRenderingContext2D,
     boundaries: CursorBoundaries,
-    selectionStart: number
+    selectionStart: number,
   ) {
     const cursorLocation = this.get2DCursorLocation(selectionStart),
       lineIndex = cursorLocation.lineIndex,
@@ -527,7 +527,7 @@ export class IText<
       boundaries.left + boundaries.leftOffset - cursorWidth / 2,
       topOffset + boundaries.top + dy,
       cursorWidth,
-      charHeight
+      charHeight,
     );
   }
 
@@ -557,7 +557,7 @@ export class IText<
     this._renderSelection(
       this.canvas!.contextTop,
       dragStartSelection,
-      this._getCursorBoundaries(dragStartSelection.selectionStart, true)
+      this._getCursorBoundaries(dragStartSelection.selectionStart, true),
     );
   }
 
@@ -576,7 +576,7 @@ export class IText<
   _renderSelection(
     ctx: CanvasRenderingContext2D,
     selection: { selectionStart: number; selectionEnd: number },
-    boundaries: CursorBoundaries
+    boundaries: CursorBoundaries,
   ) {
     const selectionStart = selection.selectionStart,
       selectionEnd = selection.selectionEnd,
@@ -649,7 +649,7 @@ export class IText<
         drawStart,
         boundaries.top + boundaries.topOffset + extraTop,
         drawWidth,
-        drawHeight
+        drawHeight,
       );
       boundaries.topOffset += realLineHeight;
     }

package/src/shapes/IText/ITextBehavior.test.ts

@@ -79,14 +79,14 @@ describe('text imperative changes', () => {
         { fill: 'col4' },
         { fill: 'col5' },
       ],
-      1
+      1,
     );
     matchTextStateSnapshot(iText);
   });
 
   it('missingNewlineOffset', () => {
     const iText = new IText(
-      '由石墨\n分裂的石墨分\n裂\n由石墨分裂由石墨分裂的石\n墨分裂'
+      '由石墨\n分裂的石墨分\n裂\n由石墨分裂由石墨分裂的石\n墨分裂',
     );
 
     expect(iText.missingNewlineOffset(0)).toBe(1);

package/src/shapes/IText/ITextBehavior.ts

@@ -42,7 +42,7 @@ export type ITextEvents = ObjectEvents & {
 export abstract class ITextBehavior<
   Props extends TOptions<TextProps> = Partial<TextProps>,
   SProps extends SerializedTextProps = SerializedTextProps,
-  EventSpec extends ITextEvents = ITextEvents
+  EventSpec extends ITextEvents = ITextEvents,
 > extends FabricText<Props, SProps, EventSpec> {
   declare abstract isEditing: boolean;
   declare abstract cursorDelay: number;
@@ -90,7 +90,7 @@ export abstract class ITextBehavior<
   abstract getSelectionStartFromPointer(e: TPointerEvent): number;
   abstract _getCursorBoundaries(
     index: number,
-    skipCaching?: boolean
+    skipCaching?: boolean,
   ): {
     left: number;
     top: number;
@@ -188,7 +188,7 @@ export abstract class ITextBehavior<
           shouldClear = true;
           cursorAnimation.abort();
         }
-      }
+      },
     );
 
     this._currentCursorOpacity = 1;
@@ -206,7 +206,7 @@ export abstract class ITextBehavior<
   restartCursorIfNeeded() {
     if (
       [this._currentTickState, this._currentTickCompleteState].some(
-        (cursorAnimation) => !cursorAnimation || cursorAnimation.isDone()
+        (cursorAnimation) => !cursorAnimation || cursorAnimation.isDone(),
       )
     ) {
       this.initDelayedCursor();
@@ -353,7 +353,7 @@ export abstract class ITextBehavior<
       // search forward
       newSelectionEnd = Math.max(
         newSelectionStart,
-        this.searchWordBoundary(selectionStart, 1)
+        this.searchWordBoundary(selectionStart, 1),
       );
 
     this.selectionStart = newSelectionStart;
@@ -491,7 +491,7 @@ export abstract class ITextBehavior<
   fromGraphemeToStringSelection(
     start: number,
     end: number,
-    graphemes: string[]
+    graphemes: string[],
   ) {
     const smallerTextStart = graphemes.slice(0, start),
       graphemeStart = smallerTextStart.join('').length;
@@ -518,7 +518,7 @@ export abstract class ITextBehavior<
       const newSelection = this.fromGraphemeToStringSelection(
         this.selectionStart,
         this.selectionEnd,
-        this._text
+        this._text,
       );
       this.hiddenTextarea.selectionStart = newSelection.selectionStart;
       this.hiddenTextarea.selectionEnd = newSelection.selectionEnd;
@@ -542,7 +542,7 @@ export abstract class ITextBehavior<
     const newSelection = this.fromStringToGraphemeSelection(
       textarea.selectionStart,
       textarea.selectionEnd,
-      textarea.value
+      textarea.value,
     );
     this.selectionEnd = this.selectionStart = newSelection.selectionEnd;
     if (!this.inCompositionMode) {
@@ -590,15 +590,15 @@ export abstract class ITextBehavior<
 
     const p = new Point(
       boundaries.left + leftOffset,
-      boundaries.top + boundaries.topOffset + charHeight
+      boundaries.top + boundaries.topOffset + charHeight,
     )
       .transform(this.calcTransformMatrix())
       .transform(this.canvas.viewportTransform)
       .multiply(
         new Point(
           upperCanvas.clientWidth / upperCanvasWidth,
-          upperCanvas.clientHeight / upperCanvasHeight
-        )
+          upperCanvas.clientHeight / upperCanvasHeight,
+        ),
       );
 
     if (p.x < 0) {
@@ -730,7 +730,7 @@ export abstract class ITextBehavior<
         this.get2DCursorLocation(start, true),
       { lineIndex: lineEnd, charIndex: charEnd } = this.get2DCursorLocation(
         end,
-        true
+        true,
       );
     if (lineStart !== lineEnd) {
       // step1 remove the trailing of lineStart
@@ -814,7 +814,7 @@ export abstract class ITextBehavior<
     lineIndex: number,
     charIndex: number,
     qty: number,
-    copiedStyle?: { [index: number]: TextStyleDeclaration }
+    copiedStyle?: { [index: number]: TextStyleDeclaration },
   ) {
     const newLineStyles: { [index: number]: TextStyleDeclaration } = {};
     const originalLineLength = this._unwrappedTextLines[lineIndex].length;
@@ -883,7 +883,7 @@ export abstract class ITextBehavior<
     lineIndex: number,
     charIndex: number,
     quantity: number,
-    copiedStyle?: TextStyleDeclaration[]
+    copiedStyle?: TextStyleDeclaration[],
   ) {
     if (!this.styles) {
       this.styles = {};
@@ -940,7 +940,7 @@ export abstract class ITextBehavior<
   insertNewStyleBlock(
     insertedText: string[],
     start: number,
-    copiedStyle?: TextStyleDeclaration[]
+    copiedStyle?: TextStyleDeclaration[],
   ) {
     const cursorLoc = this.get2DCursorLocation(start, true),
       addedLines = [0];
@@ -960,7 +960,7 @@ export abstract class ITextBehavior<
         cursorLoc.lineIndex,
         cursorLoc.charIndex,
         addedLines[0],
-        copiedStyle
+        copiedStyle,
       );
       copiedStyle = copiedStyle && copiedStyle.slice(addedLines[0] + 1);
     }
@@ -968,7 +968,7 @@ export abstract class ITextBehavior<
       this.insertNewlineStyleObject(
         cursorLoc.lineIndex,
         cursorLoc.charIndex + addedLines[0],
-        linesLength
+        linesLength,
       );
     let i;
     for (i = 1; i < linesLength; i++) {
@@ -977,7 +977,7 @@ export abstract class ITextBehavior<
           cursorLoc.lineIndex + i,
           0,
           addedLines[i],
-          copiedStyle
+          copiedStyle,
         );
       } else if (copiedStyle) {
         // this test is required in order to close #6841
@@ -995,7 +995,7 @@ export abstract class ITextBehavior<
         cursorLoc.lineIndex + i,
         0,
         addedLines[i],
-        copiedStyle
+        copiedStyle,
       );
     }
   }
@@ -1033,7 +1033,7 @@ export abstract class ITextBehavior<
     text: string,
     style: TextStyleDeclaration[] | undefined,
     start: number,
-    end: number = start
+    end: number = start,
   ) {
     if (end > start) {
       this.removeStyleFromTo(start, end);
@@ -1059,7 +1059,7 @@ export abstract class ITextBehavior<
   setSelectionStartEndWithShift(
     start: number,
     end: number,
-    newSelection: number
+    newSelection: number,
   ) {
     if (newSelection <= start) {
       if (end === start) {

package/src/shapes/IText/ITextClickBehavior.ts

@@ -17,7 +17,7 @@ const notALeftClick = (e: Event) => !!(e as MouseEvent).button;
 export abstract class ITextClickBehavior<
   Props extends TOptions<TextProps> = Partial<TextProps>,
   SProps extends SerializedTextProps = SerializedTextProps,
-  EventSpec extends ITextEvents = ITextEvents
+  EventSpec extends ITextEvents = ITextEvents,
 > extends ITextKeyBehavior<Props, SProps, EventSpec> {
   private declare __lastSelected: boolean;
   private declare __lastClickTime: number;
@@ -289,7 +289,7 @@ export abstract class ITextClickBehavior<
     return Math.min(
       // if object is horizontally flipped, mirror cursor location from the end
       this.flipX ? charLength - charIndex : charIndex,
-      this._text.length
+      this._text.length,
     );
   }
 }

package/src/shapes/IText/ITextKeyBehavior.test.ts

@@ -290,10 +290,10 @@ describe('IText move cursor', () => {
     iText.copy();
     expect(copyPasteData.copiedText).toBe('te'); // it copied first 2 characters');
     expect(copyPasteData.copiedTextStyle![0].fill).toEqual(
-      iText.styles[0][0].fill
+      iText.styles[0][0].fill,
     ); // 'style is cloned'
     expect(copyPasteData.copiedTextStyle![1].fill).toBe(
-      iText.styles[0][1].fill
+      iText.styles[0][1].fill,
     ); // 'style is referenced'
     expect(iText.styles[0][1].fontSize).toBe(undefined); // style had not fontSize');
     expect(copyPasteData.copiedTextStyle![1].fontSize).toBe(25); // style took fontSize from text element'

package/src/shapes/IText/ITextKeyBehavior.ts

@@ -14,7 +14,7 @@ import type { TextStyleDeclaration } from '../Text/StyledText';
 export abstract class ITextKeyBehavior<
   Props extends TOptions<TextProps> = Partial<TextProps>,
   SProps extends SerializedTextProps = SerializedTextProps,
-  EventSpec extends ITextEvents = ITextEvents
+  EventSpec extends ITextEvents = ITextEvents,
 > extends ITextBehavior<Props, SProps, EventSpec> {
   /**
    * For functionalities on keyDown
@@ -94,8 +94,8 @@ export abstract class ITextKeyBehavior<
     } as Record<string, keyof this>).map(([eventName, handler]) =>
       textarea.addEventListener(
         eventName,
-        (this[handler] as Function).bind(this)
-      )
+        (this[handler] as EventListener).bind(this),
+      ),
     );
     this.hiddenTextarea = textarea;
   }
@@ -186,7 +186,7 @@ export abstract class ITextKeyBehavior<
     }
     // decisions about style changes.
     const nextText = this._splitTextIntoLines(
-        this.hiddenTextarea.value
+        this.hiddenTextarea.value,
       ).graphemeText,
       charCount = this._text.length,
       nextCharCount = nextText.length,
@@ -202,7 +202,7 @@ export abstract class ITextKeyBehavior<
     const textareaSelection = this.fromStringToGraphemeSelection(
       this.hiddenTextarea.selectionStart,
       this.hiddenTextarea.selectionEnd,
-      this.hiddenTextarea.value
+      this.hiddenTextarea.value,
     );
     const backDelete = selectionStart > textareaSelection.selectionStart;
 
@@ -215,13 +215,13 @@ export abstract class ITextKeyBehavior<
       } else {
         removedText = this._text.slice(
           selectionStart,
-          selectionStart - charDiff
+          selectionStart - charDiff,
         );
       }
     }
     const insertedText = nextText.slice(
       textareaSelection.selectionEnd - charDiff,
-      textareaSelection.selectionEnd
+      textareaSelection.selectionEnd,
     );
     if (removedText && removedText.length) {
       if (insertedText.length) {
@@ -231,14 +231,14 @@ export abstract class ITextKeyBehavior<
         copiedStyle = this.getSelectionStyles(
           selectionStart,
           selectionStart + 1,
-          false
+          false,
         );
         // now duplicate the style one for each inserted text.
         copiedStyle = insertedText.map(
           () =>
             // this return an array of references, but that is fine since we are
             // copying the style later.
-            copiedStyle![0]
+            copiedStyle![0],
         );
       }
       if (selection) {
@@ -303,7 +303,7 @@ export abstract class ITextKeyBehavior<
       copyPasteData.copiedTextStyle = this.getSelectionStyles(
         this.selectionStart,
         this.selectionEnd,
-        true
+        true,
       );
     } else {
       copyPasteData.copiedTextStyle = undefined;
@@ -477,7 +477,7 @@ export abstract class ITextKeyBehavior<
   _moveCursorUpOrDown(direction: 'Up' | 'Down', e: KeyboardEvent) {
     const offset = this[`get${direction}CursorOffset`](
       e,
-      this._selectionDirection === RIGHT
+      this._selectionDirection === RIGHT,
     );
     if (e.shiftKey) {
       this.moveCursorWithShift(offset);
@@ -509,7 +509,7 @@ export abstract class ITextKeyBehavior<
     this.setSelectionStartEndWithShift(
       this.selectionStart,
       this.selectionEnd,
-      newSelection
+      newSelection,
     );
     return offset !== 0;
   }
@@ -549,7 +549,7 @@ export abstract class ITextKeyBehavior<
   _move(
     e: KeyboardEvent,
     prop: 'selectionStart' | 'selectionEnd',
-    direction: 'Left' | 'Right'
+    direction: 'Left' | 'Right',
   ): boolean {
     let newValue: number | undefined;
     if (e.altKey) {

package/src/shapes/Image.ts

@@ -77,7 +77,7 @@ const IMAGE_PROPS = ['cropX', 'cropY'] as const;
 export class FabricImage<
     Props extends TOptions<ImageProps> = Partial<ImageProps>,
     SProps extends SerializedImageProps = SerializedImageProps,
-    EventSpec extends ObjectEvents = ObjectEvents
+    EventSpec extends ObjectEvents = ObjectEvents,
   >
   extends FabricObject<Props, SProps, EventSpec>
   implements ImageProps
@@ -209,7 +209,7 @@ export class FabricImage<
             getFabricDocument()
           ).getElementById(arg0) as ImageSource)
         : arg0,
-      options
+      options,
     );
   }
 
@@ -327,7 +327,7 @@ export class FabricImage<
    */
   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 {
     const filters: Record<string, any>[] = [];
     this.filters.forEach((filterObj) => {
@@ -387,7 +387,7 @@ export class FabricImage<
           '" height="' +
           this.height +
           '" />\n',
-        '</clipPath>\n'
+        '</clipPath>\n',
       );
       clipPath = ' clip-path="url(#imageCrop_' + clipPathId + ')" ';
     }
@@ -406,7 +406,7 @@ export class FabricImage<
         element.width || (element as HTMLImageElement).naturalWidth
       }" height="${
         element.height || (element as HTMLImageElement).naturalHeight
-      }"${imageRendering}${clipPath}></image>\n`
+      }"${imageRendering}${clipPath}></image>\n`,
     );
 
     if (this.stroke || this.strokeDashArray) {
@@ -510,7 +510,7 @@ export class FabricImage<
       elementToFilter,
       sourceWidth,
       sourceHeight,
-      this._element
+      this._element,
     );
     this._filterScalingX = canvasEl.width / this._originalElement.width;
     this._filterScalingY = canvasEl.height / this._originalElement.height;
@@ -523,7 +523,7 @@ export class FabricImage<
    * @param {Boolean} forResizing specify if the filter operation is a resize operation
    */
   applyFilters(
-    filters: BaseFilter<string, Record<string, any>>[] = this.filters || []
+    filters: BaseFilter<string, Record<string, any>>[] = this.filters || [],
   ) {
     filters = filters.filter((filter) => filter && !filter.isNeutralState());
     this.set('dirty', true);
@@ -572,7 +572,7 @@ export class FabricImage<
       this._originalElement,
       sourceWidth,
       sourceHeight,
-      this._element as HTMLCanvasElement
+      this._element as HTMLCanvasElement,
     );
     if (
       this._originalElement.width !== this._element.width ||
@@ -604,7 +604,7 @@ export class FabricImage<
    */
   drawCacheOnCanvas(
     this: TCachedFabricObject<FabricImage>,
-    ctx: CanvasRenderingContext2D
+    ctx: CanvasRenderingContext2D,
   ) {
     ctx.imageSmoothingEnabled = this.imageSmoothing;
     super.drawCacheOnCanvas(ctx);
@@ -691,7 +691,7 @@ export class FabricImage<
    */
   parsePreserveAspectRatioAttribute() {
     const pAR = parsePreserveAspectRatioAttribute(
-        this.preserveAspectRatio || ''
+        this.preserveAspectRatio || '',
       ),
       pWidth = this.width,
       pHeight = this.height,
@@ -794,7 +794,7 @@ export class FabricImage<
    */
   static fromObject<T extends TOptions<SerializedImageProps>>(
     { filters: f, resizeFilter: rf, src, crossOrigin, type, ...object }: T,
-    options?: Abortable
+    options?: Abortable,
   ) {
     return Promise.all([
       loadImage(src!, { ...options, crossOrigin }),
@@ -824,10 +824,10 @@ export class FabricImage<
   static fromURL<T extends TOptions<ImageProps>>(
     url: string,
     { crossOrigin = null, signal }: LoadImageOptions = {},
-    imageOptions?: T
+    imageOptions?: T,
   ): Promise<FabricImage> {
     return loadImage(url, { crossOrigin, signal }).then(
-      (img) => new this(img, imageOptions)
+      (img) => new this(img, imageOptions),
     );
   }
 
@@ -842,17 +842,17 @@ export class FabricImage<
   static async fromElement(
     element: HTMLElement,
     options: Abortable = {},
-    cssRules?: CSSRules
+    cssRules?: CSSRules,
   ) {
     const parsedAttributes = parseAttributes(
       element,
       this.ATTRIBUTE_NAMES,
-      cssRules
+      cssRules,
     );
     return this.fromURL(
       parsedAttributes['xlink:href'],
       options,
-      parsedAttributes
+      parsedAttributes,
     ).catch((err) => {
       log('log', 'Unable to parse Image', err);
       return null;

package/src/shapes/Line.ts

@@ -29,7 +29,7 @@ export interface SerializedLineProps
 export class Line<
     Props extends TOptions<FabricObjectProps> = Partial<FabricObjectProps>,
     SProps extends SerializedLineProps = SerializedLineProps,
-    EventSpec extends ObjectEvents = ObjectEvents
+    EventSpec extends ObjectEvents = ObjectEvents,
   >
   extends FabricObject<Props, SProps, EventSpec>
   implements UniqueLineProps
@@ -164,7 +164,7 @@ export class Line<
    */
   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),
@@ -248,7 +248,7 @@ export class Line<
   static async fromElement(
     element: HTMLElement,
     options: Abortable,
-    cssRules?: CSSRules
+    cssRules?: CSSRules,
   ) {
     const {
       x1 = 0,
@@ -283,7 +283,7 @@ export class Line<
       },
       {
         extraParam: 'points',
-      }
+      },
     );
   }
 }

package/src/shapes/Object/AnimatableObject.ts

@@ -12,7 +12,7 @@ import type {
 import { StackedObject } from './StackedObject';
 
 export abstract class AnimatableObject<
-  EventSpec extends ObjectEvents = ObjectEvents
+  EventSpec extends ObjectEvents = ObjectEvents,
 > extends StackedObject<EventSpec> {
   /**
    * List of properties to consider for animating colors.
@@ -34,12 +34,15 @@ export abstract class AnimatableObject<
    */
   animate<T extends number | number[] | TColorArg>(
     animatable: Record<string, T>,
-    options?: Partial<AnimationOptions<T>>
+    options?: Partial<AnimationOptions<T>>,
   ): Record<string, TAnimation<T>> {
-    return Object.entries(animatable).reduce((acc, [key, endValue]) => {
-      acc[key] = this._animate(key, endValue, options);
-      return acc;
-    }, {} as Record<string, TAnimation<T>>);
+    return Object.entries(animatable).reduce(
+      (acc, [key, endValue]) => {
+        acc[key] = this._animate(key, endValue, options);
+        return acc;
+      },
+      {} as Record<string, TAnimation<T>>,
+    );
   }
 
   /**
@@ -51,7 +54,7 @@ export abstract class AnimatableObject<
   _animate<T extends number | number[] | TColorArg>(
     key: string,
     endValue: T,
-    options: Partial<AnimationOptions<T>> = {}
+    options: Partial<AnimationOptions<T>> = {},
   ): TAnimation<T> {
     const path = key.split('.');
     const propIsColor = (
@@ -69,7 +72,7 @@ export abstract class AnimatableObject<
       onChange: (
         value: number | number[] | string,
         valueProgress: number,
-        durationProgress: number
+        durationProgress: number,
       ) => {
         path.reduce((deep: Record<string, any>, key, index) => {
           if (index === path.length - 1) {
@@ -84,7 +87,7 @@ export abstract class AnimatableObject<
       onComplete: (
         value: number | number[] | string,
         valueProgress: number,
-        durationProgress: number
+        durationProgress: number,
       ) => {
         this.setCoords();
         onComplete &&
@@ -97,7 +100,7 @@ export abstract class AnimatableObject<
       propIsColor
         ? animateColor(animationOptions as ColorAnimationOptions)
         : animate(
-            animationOptions as ValueAnimationOptions | ArrayAnimationOptions
+            animationOptions as ValueAnimationOptions | ArrayAnimationOptions,
           )
     ) as TAnimation<T>;
   }

package/src/shapes/Object/FabricObject.ts

@@ -8,17 +8,21 @@ import { classRegistry } from '../../ClassRegistry';
 
 // TODO somehow we have to make a tree-shakeable import
 
-// eslint-disable-next-line @typescript-eslint/no-empty-interface, @typescript-eslint/no-unused-vars
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
 export interface FabricObject<
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   Props extends TFabricObjectProps = Partial<FabricObjectProps>,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   SProps extends SerializedObjectProps = SerializedObjectProps,
-  EventSpec extends ObjectEvents = ObjectEvents
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  EventSpec extends ObjectEvents = ObjectEvents,
 > extends FabricObjectSVGExportMixin {}
 
+// eslint-disable-next-line @typescript-eslint/no-unsafe-declaration-merging
 export class FabricObject<
   Props extends TFabricObjectProps = Partial<FabricObjectProps>,
   SProps extends SerializedObjectProps = SerializedObjectProps,
-  EventSpec extends ObjectEvents = ObjectEvents
+  EventSpec extends ObjectEvents = ObjectEvents,
 > extends InteractiveFabricObject<Props, SProps, EventSpec> {}
 
 applyMixins(FabricObject, [FabricObjectSVGExportMixin]);