@leapfrog/interactive-canvas 2.0.19 → 2.0.20-beta-2

package/dist/object/abstract-canvas-object.d.ts

@@ -3,8 +3,8 @@ import { ICanvasProfile, ILayoutManager, IMargin, IObjectDimensions, IOverflow,
 import { ICanvasObject } from "./canvas-object.interface";
 import { CanvasObjectData } from "./canvas-object-data";
 import { IInteractiveCanvas } from "../interactive-canvas.interface";
-import { Object } from "fabric/fabric-impl";
-export declare abstract class AbstractCanvasObject<T extends Object> implements ICanvasObject {
+import { FabricObject } from "fabric";
+export declare abstract class AbstractCanvasObject<T extends FabricObject> implements ICanvasObject {
     protected pinToBottomDistance: number;
     protected canvas: IInteractiveCanvas;
     protected fabricObject: T;

package/dist/object/impl/background-image.d.ts

@@ -1,13 +1,13 @@
 import { AbstractCanvasObject, CanvasObjectData, IDimensionRestrictions, IInteractiveCanvas, IMutableImage } from "../..";
 import { ICanvasObject } from "../canvas-object.interface";
-import { fabric } from "fabric";
+import { FabricImage } from "fabric";
 import { Observable } from "rxjs";
 export interface IBackgroundImage extends ICanvasObject, IMutableImage {
     updatePosition(): void;
 }
-export declare class BackgroundImage extends AbstractCanvasObject<fabric.Image> implements IBackgroundImage {
+export declare class BackgroundImage extends AbstractCanvasObject<FabricImage> implements IBackgroundImage {
     private readonly imageUrl$;
-    constructor(canvas: IInteractiveCanvas, fabricObject: fabric.Image, persistedField?: CanvasObjectData);
+    constructor(canvas: IInteractiveCanvas, fabricObject: FabricImage, persistedField?: CanvasObjectData);
     updatePosition(): void;
     /**
      * @override

package/dist/object/impl/border.d.ts

@@ -3,7 +3,7 @@ import { ICanvasObject } from "../canvas-object.interface";
 import { IInteractiveCanvas, IMutableColor, IRect } from "../..";
 import { AbstractCanvasObject } from "../abstract-canvas-object";
 import { CanvasObjectData } from "../canvas-object-data";
-import { fabric } from "fabric";
+import { Rect } from "fabric";
 /**
  * Border field. A rectangle with a stroke width that automatically follows the canvas border.
  */
@@ -31,9 +31,9 @@ export interface IBorder extends ICanvasObject, IMutableColor {
      */
     setPadding(padding: any): void;
 }
-export declare class Border extends AbstractCanvasObject<fabric.Rect> implements IBorder {
+export declare class Border extends AbstractCanvasObject<Rect> implements IBorder {
     private readonly strokeWidth$;
-    constructor(canvas: IInteractiveCanvas, fabricObject: fabric.Rect, persistedField?: CanvasObjectData);
+    constructor(canvas: IInteractiveCanvas, fabricObject: Rect, persistedField?: CanvasObjectData);
     /**
      * @override
      * @inheritDoc

package/dist/object/impl/cutoff.d.ts

@@ -3,7 +3,7 @@ import { ICanvasObject } from "../canvas-object.interface";
 import { IInteractiveCanvas, IMutableColor } from "../..";
 import { AbstractCanvasObject } from "../abstract-canvas-object";
 import { CanvasObjectData } from "../canvas-object-data";
-import { fabric } from "fabric";
+import fabric from "fabric";
 /**
  * Cutoff field. A cutoff rule that sits on the bottom of the canvas.
  */

package/dist/object/impl/extended-fabric-object.interface.d.ts

@@ -1,5 +1,5 @@
-import { fabric } from "fabric";
-export interface ExtendedFabricObject extends fabric.Object {
+import { FabricObject } from "fabric";
+export interface ExtendedFabricObject extends FabricObject {
     /**
      * If true, this object is a slave object controlled by another object and not directly by the user, such as the line markers in an ordered list.
      */

package/dist/object/impl/extended-fabric-textbox.interface.d.ts

@@ -1,7 +1,8 @@
-import { fabric } from "fabric";
 import { ExtendedFabricObject } from "./extended-fabric-object.interface";
-export interface ExtendedFabricTextbox extends fabric.Textbox, ExtendedFabricObject {
+import * as fabric from "fabric";
+export interface ExtendedFabricTextbox extends Omit<fabric.Textbox, keyof ExtendedFabricObject>, ExtendedFabricObject {
     _isOrderedList?: boolean;
     _orderedListStart?: number;
     _orderedListMarkerEntities?: fabric.Textbox[];
+    _bullets?: Record<number, fabric.Object>;
 }

package/dist/object/impl/horizontal-rule.d.ts

@@ -3,7 +3,7 @@ import { ICanvasObject } from "../canvas-object.interface";
 import { IInteractiveCanvas, IMutableColor, IMutablePosition } from "../..";
 import { AbstractCanvasObject } from "../abstract-canvas-object";
 import { CanvasObjectData } from "../canvas-object-data";
-import { fabric } from "fabric";
+import fabric from "fabric";
 /**
  * Horizontal rule. A basic block of color in a thin line across the canvas.
  */

package/dist/object/impl/image.d.ts

@@ -3,17 +3,17 @@ import { ICanvasObject } from "../canvas-object.interface";
 import { AbstractCanvasObject } from "../abstract-canvas-object";
 import { Observable } from "rxjs";
 import { CanvasObjectData } from "../canvas-object-data";
-import { fabric } from "fabric";
+import { FabricImage } from "fabric";
 /**
  * Image field. Displays a custom image on the canvas.
  */
 export interface IImage extends ICanvasObject, IMutableImage, IMutablePosition {
 }
-export declare class Image extends AbstractCanvasObject<fabric.Image> implements IImage {
+export declare class Image extends AbstractCanvasObject<FabricImage> implements IImage {
     private readonly DEFAULT_RESTRICTIONS;
     private layoutWidth;
     private readonly imageUrl$;
-    constructor(canvas: IInteractiveCanvas, fabricObject: fabric.Image, persistedField?: CanvasObjectData);
+    constructor(canvas: IInteractiveCanvas, fabricObject: FabricImage, persistedField?: CanvasObjectData);
     /**
      * @override
      * @inheritDoc

package/dist/object/impl/rectangle.d.ts

@@ -2,14 +2,14 @@ import { ICanvasObject } from "../canvas-object.interface";
 import { IInteractiveCanvas, IMutableColor, IMutablePosition, IMutableStroke } from "../..";
 import { AbstractCanvasObject } from "../abstract-canvas-object";
 import { CanvasObjectData } from "../canvas-object-data";
-import { fabric } from "fabric";
+import { Rect } from "fabric";
 /**
  * Rectangle field. A basic block of color that can be moved and scaled.
  */
 export interface IRectangle extends ICanvasObject, IMutableStroke, IMutableColor, IMutablePosition {
 }
-export declare class Rectangle extends AbstractCanvasObject<fabric.Rect> implements IRectangle {
-    constructor(canvas: IInteractiveCanvas, fabricObject: fabric.Rect, persistedField?: CanvasObjectData);
+export declare class Rectangle extends AbstractCanvasObject<Rect> implements IRectangle {
+    constructor(canvas: IInteractiveCanvas, fabricObject: Rect, persistedField?: CanvasObjectData);
     /**
      * @override
      * @inheritDoc

package/dist/object/impl/rich-text.d.ts

@@ -1,6 +1,6 @@
 import { CanvasObjectData, IInteractiveCanvas, Image, IMutableImage, IMutablePosition } from "../..";
 import { ICanvasObject } from "../canvas-object.interface";
-import { fabric } from "fabric";
+import { FabricImage } from "fabric";
 /**
  * Rich text field.
  * Displays complex text by taking a rendered image of a html block of rich text and displays it on the canvas.
@@ -20,7 +20,7 @@ export interface IRichText extends ICanvasObject, IMutableImage, IMutablePositio
     setRichTextContent(renderedContentUrl: string, htmlContent: string): Promise<void>;
 }
 export declare class RichText extends Image implements IRichText {
-    constructor(canvas: IInteractiveCanvas, fabricObject: fabric.Image, persistedField?: CanvasObjectData);
+    constructor(canvas: IInteractiveCanvas, fabricObject: FabricImage, persistedField?: CanvasObjectData);
     /**
      * @override
      * @inheritDoc

package/dist/object/impl/text.d.ts

@@ -10,7 +10,7 @@ import { TextAlignment } from "../../types/text-alignment.interface";
 import { ICanvasObject } from "../canvas-object.interface";
 import { AbstractCanvasObject } from "../abstract-canvas-object";
 import { CanvasObjectData } from "../canvas-object-data";
-import { fabric } from "fabric";
+import * as fabric from "fabric";
 import { ExtendedFabricTextbox } from "./extended-fabric-textbox.interface";
 /**
  * Text field. Displays customizable text.

package/dist/object/impl/vertical-rule.d.ts

@@ -3,7 +3,7 @@ import { ICanvasObject } from "../canvas-object.interface";
 import { IInteractiveCanvas, IMutableColor, IMutablePosition } from "../..";
 import { AbstractCanvasObject } from "../abstract-canvas-object";
 import { CanvasObjectData } from "../canvas-object-data";
-import { fabric } from "fabric";
+import fabric from "fabric";
 /**
  * Vertical rule. A basic block of color that spans the canvas/row height.
  */

package/dist/types/selection-data.interface.d.ts

@@ -1,5 +1,5 @@
 import { ICanvasObject, ITextSelection } from "..";
-import { IEvent } from "fabric/fabric-impl";
+import { TEvent } from "fabric";
 export interface ISelectionData {
     /**
      * The currently selected fields.
@@ -20,9 +20,9 @@ export interface ISelectionData {
     /**
      * Raw Fabric Event
      */
-    event: IEvent<MouseEvent>;
+    event: TEvent<MouseEvent>;
     /**
      * Set raw event
      */
-    setEvent(event: IEvent<MouseEvent>): void;
+    setEvent(event: TEvent<MouseEvent>): void;
 }

package/dist/undo-stack.d.ts

@@ -4,7 +4,7 @@ import { IUndoStack } from "./undo-stack.interface";
 export declare class UndoStack implements IUndoStack {
     protected canvas: IInteractiveCanvas;
     private readonly size;
-    private undoStates;
+    private readonly undoStates;
     private redoStates;
     private lastState;
     constructor(canvas: IInteractiveCanvas, size?: number);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leapfrog/interactive-canvas",
-  "version": "2.0.19",
+  "version": "2.0.20-beta-2",
   "description": "Leapfrog interactive canvas",
   "files": [
     "dist"
@@ -9,25 +9,27 @@
   "main": "dist/interactive-canvas.js",
   "module": "dist/interactive-canvas.es.js",
   "scripts": {
-    "build": "rollup -c",
+    "build": "rollup -c --bundleConfigAsCjs",
     "watch": "rollup -cw",
     "prepublishOnly": "npm run build"
   },
   "devDependencies": {
-    "@types/fabric": "^5.3.0",
-    "@types/lodash": "^4.17.16",
-    "typescript": "^5.8.2"
+    "@types/lodash": "^4.17.23",
+    "typescript": "^6.0.3"
   },
   "dependencies": {
-    "fabric": "^5.2.4",
-    "lodash": "^4.17.21",
-    "rollup": "^2.79.2",
-    "rollup-plugin-typescript2": "^0.36.0",
+    "fabric": "^7.2.0",
+    "lodash": "^4.18.1",
+    "rollup": "^4.60.3",
+    "rollup-plugin-typescript2": "^0.37.0",
     "rxjs": "^7.8.2"
   },
   "overrides": {
     "form-data": "4.0.4"
   },
+  "publishConfig": {
+    "tag": "beta"
+  },
   "author": "",
   "license": "UNLICENSED"
 }