customized-fabric 1.8.8 → 1.9.0

package/lib/GroupLayoutObject/constants.d.ts

@@ -1,4 +1,4 @@
-export declare const GROUP_LAYOUT_OBJECT_ATTRIBUTES: {
-    name: string;
-    type: string;
-};
+export declare const GROUP_LAYOUT_OBJECT_ATTRIBUTES: {
+    name: string;
+    type: string;
+};

package/lib/GroupLayoutObject/constants.js

@@ -1,7 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GROUP_LAYOUT_OBJECT_ATTRIBUTES = void 0;
-exports.GROUP_LAYOUT_OBJECT_ATTRIBUTES = {
-    name: "Group layout",
-    type: "GROUP_LAYOUT",
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GROUP_LAYOUT_OBJECT_ATTRIBUTES = void 0;
+exports.GROUP_LAYOUT_OBJECT_ATTRIBUTES = {
+    name: "Group layout",
+    type: "GROUP_LAYOUT",
+};

package/lib/GroupLayoutObject/index.d.ts

@@ -1,19 +1,19 @@
-import { fabric } from "fabric";
-import { ObjectId } from "../utils/objectId";
-import { IGroupLayoutOptions } from "./interfaces";
-export declare const toGroupLayoutObject: (groupLayoutObject: GroupLayout) => {
-    _id: ObjectId | undefined;
-    id: ObjectId | undefined;
-    personalizeId: number | undefined;
-    layerId: number | undefined;
-    name: string | undefined;
-    locked: boolean | undefined;
-    isAdditional: boolean | undefined;
-};
-export default class GroupLayout extends fabric.ActiveSelection {
-    _id?: ObjectId;
-    layerId?: number;
-    locked?: boolean;
-    isAdditional?: boolean;
-    constructor(options?: IGroupLayoutOptions);
-}
+import { fabric } from "fabric";
+import { ObjectId } from "../utils/objectId";
+import { IGroupLayoutOptions } from "./interfaces";
+export declare const toGroupLayoutObject: (groupLayoutObject: GroupLayout) => {
+    _id: ObjectId | undefined;
+    id: ObjectId | undefined;
+    personalizeId: number | undefined;
+    layerId: number | undefined;
+    name: string | undefined;
+    locked: boolean | undefined;
+    isAdditional: boolean | undefined;
+};
+export default class GroupLayout extends fabric.ActiveSelection {
+    _id?: ObjectId;
+    layerId?: number;
+    locked?: boolean;
+    isAdditional?: boolean;
+    constructor(options?: IGroupLayoutOptions);
+}

package/lib/GroupLayoutObject/index.js

@@ -1,26 +1,26 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.toGroupLayoutObject = void 0;
-const fabric_1 = require("fabric");
-const GroupLayoutClass = fabric_1.fabric.util.createClass(fabric_1.fabric.ActiveSelection, {
-    initialize: async function (options) { },
-});
-const toGroupLayoutObject = (groupLayoutObject) => {
-    return {
-        _id: groupLayoutObject._id,
-        id: groupLayoutObject._id,
-        personalizeId: groupLayoutObject.layerId,
-        layerId: groupLayoutObject.layerId,
-        name: groupLayoutObject.name,
-        locked: groupLayoutObject.locked,
-        isAdditional: groupLayoutObject?.isAdditional,
-    };
-};
-exports.toGroupLayoutObject = toGroupLayoutObject;
-class GroupLayout extends fabric_1.fabric.ActiveSelection {
-    constructor(options) {
-        super();
-        return new GroupLayoutClass(options);
-    }
-}
-exports.default = GroupLayout;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toGroupLayoutObject = void 0;
+const fabric_1 = require("fabric");
+const GroupLayoutClass = fabric_1.fabric.util.createClass(fabric_1.fabric.ActiveSelection, {
+    initialize: async function (options) { },
+});
+const toGroupLayoutObject = (groupLayoutObject) => {
+    return {
+        _id: groupLayoutObject._id,
+        id: groupLayoutObject._id,
+        personalizeId: groupLayoutObject.layerId,
+        layerId: groupLayoutObject.layerId,
+        name: groupLayoutObject.name,
+        locked: groupLayoutObject.locked,
+        isAdditional: groupLayoutObject?.isAdditional,
+    };
+};
+exports.toGroupLayoutObject = toGroupLayoutObject;
+class GroupLayout extends fabric_1.fabric.ActiveSelection {
+    constructor(options) {
+        super();
+        return new GroupLayoutClass(options);
+    }
+}
+exports.default = GroupLayout;

package/lib/GroupLayoutObject/interfaces.d.ts

@@ -1,3 +1,3 @@
-export interface IGroupLayoutOptions extends fabric.IObjectOptions {
-    objects?: fabric.Object[];
-}
+export interface IGroupLayoutOptions extends fabric.IObjectOptions {
+    objects?: fabric.Object[];
+}

package/lib/GroupLayoutObject/interfaces.js

@@ -1,2 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/TextInputObject/index.js

@@ -17,7 +17,7 @@ const TextInputClass = fabric_1.fabric.util.createClass(fabric_1.fabric.Group, {
             objectCaching: false,
             ...constants_1.TEXT_INPUT_OBJECT_ATTRIBUTES.stroke,
         });
-        const { prefix = "", infix = "A", suffix = "", isAllCapital, lineHeight = 1, charSpacing = 0, } = text ?? {};
+        const { prefix = "", infix = "A", suffix = "", isAllCapital, lineHeight, charSpacing, } = text ?? {};
         const fullText = prefix + infix + suffix;
         this.textObject = new fabric_1.fabric.IText("", {
             originX: "center",
@@ -28,8 +28,8 @@ const TextInputClass = fabric_1.fabric.util.createClass(fabric_1.fabric.Group, {
             text: isAllCapital ? fullText.toUpperCase() : fullText,
             fontFamily: "",
             paintFirst: "stroke",
-            lineHeight,
-            charSpacing,
+            lineHeight: lineHeight ?? 1,
+            charSpacing: charSpacing ?? 0,
         });
         const group = new fabric_1.fabric.Group([this.rectObject, this.textObject]);
         this.set(group);

package/lib/constants/index.d.ts

@@ -1,6 +1,6 @@
-export declare const OBJECT_TYPES: {
-    textInput: string;
-    clipart: string;
-    imagePlaceHolder: string;
-    activeSelection: string;
-};
+export declare const OBJECT_TYPES: {
+    textInput: string;
+    clipart: string;
+    imagePlaceHolder: string;
+    activeSelection: string;
+};

package/lib/constants/index.js

@@ -1,12 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OBJECT_TYPES = void 0;
-const constants_1 = require("../ClipartObject/constants");
-const constants_2 = require("../ImagePlaceholderObject/constants");
-const constants_3 = require("../TextInputObject/constants");
-exports.OBJECT_TYPES = {
-    textInput: constants_3.TEXT_INPUT_OBJECT_ATTRIBUTES.type,
-    clipart: constants_1.CLIPART_OBJECT_ATTRIBUTES.type,
-    imagePlaceHolder: constants_2.IMAGE_PLACEHOLDER_OBJECT_ATTRIBUTES.type,
-    activeSelection: "activeSelection",
-};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OBJECT_TYPES = void 0;
+const constants_1 = require("../ClipartObject/constants");
+const constants_2 = require("../ImagePlaceholderObject/constants");
+const constants_3 = require("../TextInputObject/constants");
+exports.OBJECT_TYPES = {
+    textInput: constants_3.TEXT_INPUT_OBJECT_ATTRIBUTES.type,
+    clipart: constants_1.CLIPART_OBJECT_ATTRIBUTES.type,
+    imagePlaceHolder: constants_2.IMAGE_PLACEHOLDER_OBJECT_ATTRIBUTES.type,
+    activeSelection: "activeSelection",
+};

package/lib/utils/index.d.ts

@@ -14,8 +14,8 @@ export declare const loadImage: (imageInput: File | string) => Promise<fabric.Im
 export declare const getImageFilters: (type: ImageFilterType, options?: {
     color?: string;
 }) => fabric.IGrayscaleFilter[];
-export declare const lockObject: (object: fabric.Object | any, locked: boolean, selectable?: boolean) => void;
-export declare const lockAllObjects: (canvas: fabric.Canvas, locked: boolean, selectable?: boolean) => void;
+export declare const lockObject: (object: fabric.Object | any, locked: boolean, selectable?: boolean, evented?: boolean) => void;
+export declare const lockAllObjects: (canvas: fabric.Canvas, locked: boolean, selectable?: boolean, evented?: boolean) => void;
 export declare const getObject: (object: any, options?: {
     isOriginal?: boolean;
     hideStroke?: boolean;

package/lib/utils/index.js

@@ -105,7 +105,7 @@ const getImageFilters = (type, options = {}) => {
     }
 };
 exports.getImageFilters = getImageFilters;
-const lockObject = (object, locked, selectable) => {
+const lockObject = (object, locked, selectable, evented) => {
     object.set({
         hasControls: !locked,
         lockMovementX: locked,
@@ -119,12 +119,13 @@ const lockObject = (object, locked, selectable) => {
         lockScalingFlip: locked,
         locked: locked,
         selectable: selectable ?? !locked,
+        evented: evented ?? !locked,
     });
 };
 exports.lockObject = lockObject;
-const lockAllObjects = (canvas, locked, selectable) => {
+const lockAllObjects = (canvas, locked, selectable, evented) => {
     canvas._objects.map((object) => {
-        (0, exports.lockObject)(object, locked, selectable);
+        (0, exports.lockObject)(object, locked, selectable, evented);
     });
 };
 exports.lockAllObjects = lockAllObjects;

package/package.json

@@ -1,25 +1,25 @@
-{
-  "name": "customized-fabric",
-  "version": "1.8.8",
-  "description": "Customized fabric",
-  "main": "lib/index.js",
-  "types": "lib/index.d.ts",
-  "files": [
-    "lib"
-  ],
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "tsc",
-    "prepare": "npm run build"
-  },
-  "author": "",
-  "license": "ISC",
-  "dependencies": {
-    "@types/node": "^20.6.0",
-    "fabric": "^5.3.0"
-  },
-  "devDependencies": {
-    "@types/fabric": "^5.3.3",
-    "typescript": "^5.2.2"
-  }
-}
+{
+  "name": "customized-fabric",
+  "version": "1.9.0",
+  "description": "Customized fabric",
+  "main": "lib/index.js",
+  "types": "lib/index.d.ts",
+  "files": [
+    "lib"
+  ],
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "tsc",
+    "prepare": "npm run build"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "@types/node": "^20.6.0",
+    "fabric": "^5.3.0"
+  },
+  "devDependencies": {
+    "@types/fabric": "^5.3.3",
+    "typescript": "^5.2.2"
+  }
+}