@leapfrog/interactive-canvas 2.0.9 → 2.0.10

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

@@ -1,83 +1,83 @@
-import { Observable } from "rxjs";
-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";
-/**
- * Vertical rule. A basic block of color that spans the canvas/row height.
- */
-export interface IVerticalRule extends ICanvasObject, IMutableColor, IMutablePosition {
-    /**
-     * Get the width of the rule.
-     */
-    getStrokeWidth(): number;
-    /**
-     * Get an observable of the width of the rule.
-     */
-    getStrokeWidth$(): Observable<number>;
-    /**
-     * Set the rule width.
-     * @param width New width.
-     */
-    setStrokeWidth(width: number): void;
-}
-export declare class VerticalRule extends AbstractCanvasObject<fabric.Rect> implements IVerticalRule {
-    private readonly strokeWidth$;
-    constructor(canvas: IInteractiveCanvas, fabricObject: fabric.Rect, persistedField?: CanvasObjectData);
-    /**
-     * @override
-     * @inheritDoc
-     */
-    getStrokeWidth(): number;
-    /**
-     * @override
-     * @inheritDoc
-     */
-    getStrokeWidth$(): Observable<number>;
-    /**
-     * @override
-     * @inheritDoc
-     */
-    setStrokeWidth(width: number): void;
-    /**
-     * @override
-     * @inheritDoc
-     */
-    getColor(): string;
-    /**
-     * @override
-     * @inheritDoc
-     */
-    setColor(color: string): void;
-    /**
-     * @override
-     * @inheritDoc
-     */
-    centerHorizontally(): void;
-    /**
-     * @override
-     * @inheritDoc
-     */
-    centerVertically(): void;
-    /**
-     * @override
-     * @inheritDoc
-     */
-    nudgeUp(): void;
-    /**
-     * @override
-     * @inheritDoc
-     */
-    nudgeDown(): void;
-    /**
-     * @override
-     * @inheritDoc
-     */
-    nudgeLeft(): void;
-    /**
-     * @override
-     * @inheritDoc
-     */
-    nudgeRight(): void;
-}
+import { Observable } from "rxjs";
+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";
+/**
+ * Vertical rule. A basic block of color that spans the canvas/row height.
+ */
+export interface IVerticalRule extends ICanvasObject, IMutableColor, IMutablePosition {
+    /**
+     * Get the width of the rule.
+     */
+    getStrokeWidth(): number;
+    /**
+     * Get an observable of the width of the rule.
+     */
+    getStrokeWidth$(): Observable<number>;
+    /**
+     * Set the rule width.
+     * @param width New width.
+     */
+    setStrokeWidth(width: number): void;
+}
+export declare class VerticalRule extends AbstractCanvasObject<fabric.Rect> implements IVerticalRule {
+    private readonly strokeWidth$;
+    constructor(canvas: IInteractiveCanvas, fabricObject: fabric.Rect, persistedField?: CanvasObjectData);
+    /**
+     * @override
+     * @inheritDoc
+     */
+    getStrokeWidth(): number;
+    /**
+     * @override
+     * @inheritDoc
+     */
+    getStrokeWidth$(): Observable<number>;
+    /**
+     * @override
+     * @inheritDoc
+     */
+    setStrokeWidth(width: number): void;
+    /**
+     * @override
+     * @inheritDoc
+     */
+    getColor(): string;
+    /**
+     * @override
+     * @inheritDoc
+     */
+    setColor(color: string): void;
+    /**
+     * @override
+     * @inheritDoc
+     */
+    centerHorizontally(): void;
+    /**
+     * @override
+     * @inheritDoc
+     */
+    centerVertically(): void;
+    /**
+     * @override
+     * @inheritDoc
+     */
+    nudgeUp(): void;
+    /**
+     * @override
+     * @inheritDoc
+     */
+    nudgeDown(): void;
+    /**
+     * @override
+     * @inheritDoc
+     */
+    nudgeLeft(): void;
+    /**
+     * @override
+     * @inheritDoc
+     */
+    nudgeRight(): void;
+}

package/dist/profile/canvas-profile.interface.d.ts

@@ -1,22 +1,22 @@
-import { TextAlignment } from "..";
-/**
- * Defines the set of behaviors that can be adjusted on the interactive canvas, and provides an interface for grouping feature settings into a reusable profile.
- */
-export interface ICanvasProfile {
-    readonly allowMultiSelect: boolean;
-    readonly allowObjectsToLeaveCanvas: boolean;
-    readonly enterTextEditImmediatelyOnSelect: boolean;
-    readonly allowMove: boolean;
-    readonly allowRotate: boolean;
-    readonly allowScale: boolean;
-    readonly defaultFont?: string;
-    readonly defaultFontSize: number;
-    readonly defaultFontColor: string;
-    readonly defaultLineHeight: number;
-    readonly defaultCharacterSpacing: number;
-    readonly defaultTextAlignment: TextAlignment;
-    readonly defaultBorderColor: string;
-    readonly defaultBorderWidth: number;
-    readonly defaultCutoffColor: string;
-    readonly defaultCutoffWidth: number;
-}
+import { TextAlignment } from "..";
+/**
+ * Defines the set of behaviors that can be adjusted on the interactive canvas, and provides an interface for grouping feature settings into a reusable profile.
+ */
+export interface ICanvasProfile {
+    readonly allowMultiSelect: boolean;
+    readonly allowObjectsToLeaveCanvas: boolean;
+    readonly enterTextEditImmediatelyOnSelect: boolean;
+    readonly allowMove: boolean;
+    readonly allowRotate: boolean;
+    readonly allowScale: boolean;
+    readonly defaultFont?: string;
+    readonly defaultFontSize: number;
+    readonly defaultFontColor: string;
+    readonly defaultLineHeight: number;
+    readonly defaultCharacterSpacing: number;
+    readonly defaultTextAlignment: TextAlignment;
+    readonly defaultBorderColor: string;
+    readonly defaultBorderWidth: number;
+    readonly defaultCutoffColor: string;
+    readonly defaultCutoffWidth: number;
+}

package/dist/profile/default-canvas-profile.d.ts

@@ -1,23 +1,23 @@
-import { TextAlignment } from "..";
-import { ICanvasProfile } from "./canvas-profile.interface";
-/**
- * Profile with as many features disabled as possible.
- */
-export declare class DefaultCanvasProfile implements ICanvasProfile {
-    readonly allowMultiSelect: boolean;
-    readonly enterTextEditImmediatelyOnSelect: boolean;
-    readonly allowObjectsToLeaveCanvas: boolean;
-    readonly allowMove: boolean;
-    readonly allowRotate: boolean;
-    readonly allowScale: boolean;
-    readonly defaultFont?: string;
-    readonly defaultFontSize: number;
-    readonly defaultFontColor: string;
-    readonly defaultLineHeight: number;
-    readonly defaultCharacterSpacing: number;
-    readonly defaultTextAlignment: TextAlignment;
-    readonly defaultBorderColor: string;
-    readonly defaultBorderWidth: number;
-    readonly defaultCutoffColor: string;
-    readonly defaultCutoffWidth: number;
-}
+import { TextAlignment } from "..";
+import { ICanvasProfile } from "./canvas-profile.interface";
+/**
+ * Profile with as many features disabled as possible.
+ */
+export declare class DefaultCanvasProfile implements ICanvasProfile {
+    readonly allowMultiSelect: boolean;
+    readonly enterTextEditImmediatelyOnSelect: boolean;
+    readonly allowObjectsToLeaveCanvas: boolean;
+    readonly allowMove: boolean;
+    readonly allowRotate: boolean;
+    readonly allowScale: boolean;
+    readonly defaultFont?: string;
+    readonly defaultFontSize: number;
+    readonly defaultFontColor: string;
+    readonly defaultLineHeight: number;
+    readonly defaultCharacterSpacing: number;
+    readonly defaultTextAlignment: TextAlignment;
+    readonly defaultBorderColor: string;
+    readonly defaultBorderWidth: number;
+    readonly defaultCutoffColor: string;
+    readonly defaultCutoffWidth: number;
+}

package/dist/types/canvas-dimension-restrictions.interface.d.ts

@@ -1,15 +1,15 @@
-export interface ICanvasDimensionRestrictions {
-    readonly width?: {
-        min?: number;
-        max?: number;
-    };
-    readonly height?: {
-        min?: number;
-        max?: number;
-    };
-    readonly volume?: {
-        min?: number;
-        max?: number;
-    };
-    readonly fixed?: boolean;
-}
+export interface ICanvasDimensionRestrictions {
+    readonly width?: {
+        min?: number;
+        max?: number;
+    };
+    readonly height?: {
+        min?: number;
+        max?: number;
+    };
+    readonly volume?: {
+        min?: number;
+        max?: number;
+    };
+    readonly fixed?: boolean;
+}

package/dist/types/canvas-dimensions.interface.d.ts

@@ -1,21 +1,21 @@
-export interface ICanvasDimensions {
-    readonly width: number;
-    readonly widthPx: number;
-    readonly widthMm?: number;
-    readonly widthUnit: string;
-    readonly height: number;
-    readonly heightPx: number;
-    readonly heightMm?: number;
-    readonly heightUnit: string;
-    withSize(width: number, height: number): ICanvasDimensions;
-    /**
-     * Convert a number of pixels on the width to millimeters.
-     * @param px Pixel count.
-     */
-    widthPxToMm(px: number): number | undefined;
-    /**
-     * Convert a number of pixels on the height to millimeters.
-     * @param px Pixel count.
-     */
-    heightPxToMm(px: number): number | undefined;
-}
+export interface ICanvasDimensions {
+    readonly width: number;
+    readonly widthPx: number;
+    readonly widthMm?: number;
+    readonly widthUnit: string;
+    readonly height: number;
+    readonly heightPx: number;
+    readonly heightMm?: number;
+    readonly heightUnit: string;
+    withSize(width: number, height: number): ICanvasDimensions;
+    /**
+     * Convert a number of pixels on the width to millimeters.
+     * @param px Pixel count.
+     */
+    widthPxToMm(px: number): number | undefined;
+    /**
+     * Convert a number of pixels on the height to millimeters.
+     * @param px Pixel count.
+     */
+    heightPxToMm(px: number): number | undefined;
+}

package/dist/types/canvas-state.interface.d.ts

@@ -1,11 +1,11 @@
-import { ICanvasDimensions } from "./canvas-dimensions.interface";
-import { CanvasObjectData } from "..";
-/**
- * Serialized canvas state that can be used to save the canvas.
- */
-export interface ICanvasState {
-    readonly dimensions: ICanvasDimensions;
-    readonly canvasJson: string;
-    readonly objects: CanvasObjectData[];
-    readonly backgroundColor?: string;
-}
+import { ICanvasDimensions } from "./canvas-dimensions.interface";
+import { CanvasObjectData } from "..";
+/**
+ * Serialized canvas state that can be used to save the canvas.
+ */
+export interface ICanvasState {
+    readonly dimensions: ICanvasDimensions;
+    readonly canvasJson: string;
+    readonly objects: CanvasObjectData[];
+    readonly backgroundColor?: string;
+}

package/dist/types/dimension-restrictions.interface.d.ts

@@ -1,6 +1,6 @@
-export interface IDimensionRestrictions {
-    minWidth: number;
-    minHeight: number;
-    maxWidth?: number;
-    maxHeight?: number;
-}
+export interface IDimensionRestrictions {
+    minWidth: number;
+    minHeight: number;
+    maxWidth?: number;
+    maxHeight?: number;
+}

package/dist/types/image-type.enum.d.ts

@@ -1,6 +1,6 @@
-export declare enum ImageType {
-    DEFAULT = "DEFAULT",
-    BACKGROUND = "BACKGROUND",
-    LOGO = "LOGO",
-    PHOTO = "PHOTO"
-}
+export declare enum ImageType {
+    DEFAULT = "DEFAULT",
+    BACKGROUND = "BACKGROUND",
+    LOGO = "LOGO",
+    PHOTO = "PHOTO"
+}

package/dist/types/margin.interface.d.ts

@@ -1,6 +1,6 @@
-export interface IMargin {
-    top?: number | null;
-    right?: number | null;
-    bottom?: number | null;
-    left?: number | null;
-}
+export interface IMargin {
+    top?: number | null;
+    right?: number | null;
+    bottom?: number | null;
+    left?: number | null;
+}

package/dist/types/object-dimensions.interface.d.ts

@@ -1,23 +1,23 @@
-export interface IObjectDimensions {
-    readonly top: {
-        readonly px: number;
-        readonly mm: number;
-    };
-    readonly left: {
-        readonly px: number;
-        readonly mm: number;
-    };
-    readonly width: {
-        readonly px: number;
-        readonly mm: number;
-    };
-    readonly height: {
-        readonly px: number;
-        readonly mm: number;
-    };
-    readonly angle: number;
-    readonly scale: {
-        readonly x: number;
-        readonly y: number;
-    };
-}
+export interface IObjectDimensions {
+    readonly top: {
+        readonly px: number;
+        readonly mm: number;
+    };
+    readonly left: {
+        readonly px: number;
+        readonly mm: number;
+    };
+    readonly width: {
+        readonly px: number;
+        readonly mm: number;
+    };
+    readonly height: {
+        readonly px: number;
+        readonly mm: number;
+    };
+    readonly angle: number;
+    readonly scale: {
+        readonly x: number;
+        readonly y: number;
+    };
+}

package/dist/types/object-type.enum.d.ts

@@ -1,12 +1,12 @@
-export declare enum ObjectType {
-    TEXT = "TEXT",
-    BORDER = "BORDER",
-    IMAGE = "IMAGE",
-    RECTANGLE = "RECTANGLE",
-    LIBRARY_IMAGE = "LIBRARY_IMAGE",
-    CUTOFF = "CUTOFF",
-    VERTICAL_RULE = "VERTICAL_RULE",
-    HORIZONTAL_RULE = "HORIZONTAL_RULE",
-    RICH_TEXT = "RICH_TEXT",
-    BACKGROUND_IMAGE = "BACKGROUND_IMAGE"
-}
+export declare enum ObjectType {
+    TEXT = "TEXT",
+    BORDER = "BORDER",
+    IMAGE = "IMAGE",
+    RECTANGLE = "RECTANGLE",
+    LIBRARY_IMAGE = "LIBRARY_IMAGE",
+    CUTOFF = "CUTOFF",
+    VERTICAL_RULE = "VERTICAL_RULE",
+    HORIZONTAL_RULE = "HORIZONTAL_RULE",
+    RICH_TEXT = "RICH_TEXT",
+    BACKGROUND_IMAGE = "BACKGROUND_IMAGE"
+}

package/dist/types/overflow.interface.d.ts

@@ -1,4 +1,4 @@
-import { IRect } from "./rect.interface";
-export interface IOverflow extends IRect {
-    readonly hasOverflow: boolean;
-}
+import { IRect } from "./rect.interface";
+export interface IOverflow extends IRect {
+    readonly hasOverflow: boolean;
+}

package/dist/types/position.interface.d.ts

@@ -1,9 +1,9 @@
-export interface IPosition {
-    readonly top?: number;
-    readonly left?: number;
-    readonly width?: number;
-    readonly height?: number;
-    readonly angle?: number;
-    readonly scaleX?: number;
-    readonly scaleY?: number;
-}
+export interface IPosition {
+    readonly top?: number;
+    readonly left?: number;
+    readonly width?: number;
+    readonly height?: number;
+    readonly angle?: number;
+    readonly scaleX?: number;
+    readonly scaleY?: number;
+}

package/dist/types/rect.interface.d.ts

@@ -1,6 +1,6 @@
-export interface IRect {
-    readonly top: number;
-    readonly right: number;
-    readonly bottom: number;
-    readonly left: number;
-}
+export interface IRect {
+    readonly top: number;
+    readonly right: number;
+    readonly bottom: number;
+    readonly left: number;
+}

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

@@ -1,19 +1,24 @@
-import { ICanvasObject, ITextSelection } from "..";
-export interface ISelectionData {
-    /**
-     * The currently selected fields.
-     */
-    readonly objects: ICanvasObject[];
-    /**
-     * True if there is nothing selected.
-     */
-    readonly empty: boolean;
-    /**
-     * True if text is currently being edited.
-     */
-    readonly isText: boolean;
-    /**
-     * Text selection data.
-     */
-    readonly textSelection: ITextSelection | null;
-}
+import { ICanvasObject, ITextSelection } from "..";
+import { IEvent } from "fabric/fabric-impl";
+export interface ISelectionData {
+    /**
+     * The currently selected fields.
+     */
+    readonly objects: ICanvasObject[];
+    /**
+     * True if there is nothing selected.
+     */
+    readonly empty: boolean;
+    /**
+     * True if text is currently being edited.
+     */
+    readonly isText: boolean;
+    /**
+     * Text selection data.
+     */
+    readonly textSelection: ITextSelection | null;
+    /**
+     * Set raw event
+     */
+    setEvent(event: IEvent<MouseEvent>): void;
+}

package/dist/types/text-alignment.interface.d.ts

@@ -1 +1 @@
-export declare type TextAlignment = "left" | "center" | "right" | "justify";
+export declare type TextAlignment = "left" | "center" | "right" | "justify";

package/dist/undo-stack.d.ts

@@ -1,27 +1,27 @@
-import { ICanvasState } from "./types/canvas-state.interface";
-import { IInteractiveCanvas } from "./interactive-canvas.interface";
-import { IUndoStack } from "./undo-stack.interface";
-export declare class UndoStack implements IUndoStack {
-    protected canvas: IInteractiveCanvas;
-    private readonly size;
-    private undoStates;
-    private redoStates;
-    private lastState;
-    constructor(canvas: IInteractiveCanvas, size?: number);
-    /**
-     * @override
-     * @inheritDoc
-     */
-    save(state: ICanvasState): void;
-    /**
-     * @override
-     * @inheritDoc
-     */
-    undo(): Promise<void>;
-    /**
-     * @override
-     * @inheritDoc
-     */
-    redo(): Promise<void>;
-    private clearRedoStackIfCanvasChanged;
-}
+import { ICanvasState } from "./types/canvas-state.interface";
+import { IInteractiveCanvas } from "./interactive-canvas.interface";
+import { IUndoStack } from "./undo-stack.interface";
+export declare class UndoStack implements IUndoStack {
+    protected canvas: IInteractiveCanvas;
+    private readonly size;
+    private undoStates;
+    private redoStates;
+    private lastState;
+    constructor(canvas: IInteractiveCanvas, size?: number);
+    /**
+     * @override
+     * @inheritDoc
+     */
+    save(state: ICanvasState): void;
+    /**
+     * @override
+     * @inheritDoc
+     */
+    undo(): Promise<void>;
+    /**
+     * @override
+     * @inheritDoc
+     */
+    redo(): Promise<void>;
+    private clearRedoStackIfCanvasChanged;
+}

package/dist/undo-stack.interface.d.ts

@@ -1,6 +1,6 @@
-import { ICanvasState } from "./types/canvas-state.interface";
-export interface IUndoStack {
-    save(state: ICanvasState): void;
-    undo(): Promise<void>;
-    redo(): Promise<void>;
-}
+import { ICanvasState } from "./types/canvas-state.interface";
+export interface IUndoStack {
+    save(state: ICanvasState): void;
+    undo(): Promise<void>;
+    redo(): Promise<void>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leapfrog/interactive-canvas",
-  "version": "2.0.9",
+  "version": "2.0.10",
   "description": "Leapfrog interactive canvas",
   "files": [
     "dist"
@@ -13,7 +13,7 @@
     "watch": "rollup -cw"
   },
   "devDependencies": {
-    "@types/fabric": "^4.2.0",
+    "@types/fabric": "^5.3.0",
     "@types/lodash": "^4.14.153",
     "typescript": "^3.5.3"
   },