customized-fabric 1.4.9 → 1.5.1

package/lib/ImagePlaceholderObject/index.js

@@ -187,7 +187,7 @@ const ImagePlaceholderClass = fabric_1.fabric.util.createClass(fabric_1.fabric.G
         }
     },
     removeMask: async function () {
-        this.set({ clipPath: undefined, maskUrl: "" });
+        this.set({ clipPath: undefined, maskUrl: undefined });
         this.remove(this.maskObject);
         this.maskObject = undefined;
         this.canvas?.renderAll();

package/lib/LayoutGroupObject/constants.d.ts

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

package/lib/LayoutGroupObject/constants.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LAYOUT_GROUP_OBJECT_ATTRIBUTES = void 0;
+exports.LAYOUT_GROUP_OBJECT_ATTRIBUTES = {
+    name: "Layout group",
+    type: "LAYOUT_GROUP",
+};

package/lib/LayoutGroupObject/index.d.ts

@@ -0,0 +1,16 @@
+import { fabric } from "fabric";
+import { ILayoutGroupOptions } from "./interfaces";
+export default class LayoutGroup {
+    _id: string;
+    name?: string;
+    type?: string;
+    locked?: boolean;
+    isAdditional?: boolean;
+    canvas?: fabric.Canvas;
+    group?: fabric.ActiveSelection;
+    private objects?;
+    constructor(options?: ILayoutGroupOptions);
+    select(): void;
+    delete(): void;
+    getObjects(): fabric.Object[] | undefined;
+}

package/lib/LayoutGroupObject/index.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const fabric_1 = require("fabric");
+const objectId_1 = require("../utils/objectId");
+const constants_1 = require("./constants");
+class LayoutGroup {
+    constructor(options) {
+        const { objects = [], canvas, _id } = options ?? {};
+        const objectId = _id ?? new objectId_1.ObjectId().toString();
+        objects?.map((obj) => {
+            obj.set({ layoutGroupId: objectId });
+        });
+        this._id = objectId;
+        this.type = constants_1.LAYOUT_GROUP_OBJECT_ATTRIBUTES.type;
+        this.name = constants_1.LAYOUT_GROUP_OBJECT_ATTRIBUTES.name;
+        this.objects = objects;
+        this.canvas = canvas;
+        return this;
+    }
+    select() {
+        const canvas = this?.canvas;
+        if (canvas) {
+            canvas.discardActiveObject();
+            const group = new fabric_1.fabric.ActiveSelection([], {
+                canvas: canvas,
+                isLayoutGroup: true,
+            });
+            this.objects?.map((obj) => {
+                group.addWithUpdate(obj);
+            });
+            canvas.setActiveObject(group);
+            this.group = group;
+            canvas.renderAll();
+        }
+    }
+    delete() {
+        this.objects?.map((obj) => {
+            obj.set({ layoutGroupId: undefined });
+        });
+        const group = this.group;
+        if (group) {
+            group.set({
+                isLayoutGroup: false,
+            });
+        }
+    }
+    getObjects() {
+        return this.objects;
+    }
+}
+exports.default = LayoutGroup;

package/lib/LayoutGroupObject/interfaces.d.ts

@@ -0,0 +1,5 @@
+export interface ILayoutGroupOptions extends fabric.IObjectOptions {
+    _id?: string;
+    canvas?: fabric.Canvas;
+    objects?: fabric.Object[];
+}

package/lib/LayoutGroupObject/interfaces.js

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

package/lib/constants.d.ts

@@ -3,4 +3,5 @@ export declare const OBJECT_TYPES: {
     clipart: string;
     imagePlaceHolder: string;
     activeSelection: string;
+    layoutGroup: string;
 };

package/lib/constants.js

@@ -3,10 +3,12 @@ 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");
+const constants_3 = require("./LayoutGroupObject/constants");
+const constants_4 = require("./TextInputObject/constants");
 exports.OBJECT_TYPES = {
-    textInput: constants_3.TEXT_INPUT_OBJECT_ATTRIBUTES.type,
+    textInput: constants_4.TEXT_INPUT_OBJECT_ATTRIBUTES.type,
     clipart: constants_1.CLIPART_OBJECT_ATTRIBUTES.type,
     imagePlaceHolder: constants_2.IMAGE_PLACEHOLDER_OBJECT_ATTRIBUTES.type,
     activeSelection: "activeSelection",
+    layoutGroup: constants_3.LAYOUT_GROUP_OBJECT_ATTRIBUTES.type,
 };

package/lib/index.d.ts

@@ -4,4 +4,5 @@ import ImagePlaceholder from "./ImagePlaceholderObject";
 import fabric, { lockObject, lockAllObjects, loadImageFromFile, loadImageFromUrl, getObject, asyncGetObject } from "./utils";
 import { OBJECT_TYPES } from "./constants";
 import { IMAGE_FILTER_TYPES } from "./ImagePlaceholderObject/constants";
-export { fabric, TextInput, Clipart, ImagePlaceholder, lockObject, lockAllObjects, loadImageFromFile, loadImageFromUrl, getObject, asyncGetObject, OBJECT_TYPES, IMAGE_FILTER_TYPES, };
+import LayoutGroup from "./LayoutGroupObject";
+export { fabric, TextInput, Clipart, ImagePlaceholder, LayoutGroup, lockObject, lockAllObjects, loadImageFromFile, loadImageFromUrl, getObject, asyncGetObject, OBJECT_TYPES, IMAGE_FILTER_TYPES, };

package/lib/index.js

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.IMAGE_FILTER_TYPES = exports.OBJECT_TYPES = exports.asyncGetObject = exports.getObject = exports.loadImageFromUrl = exports.loadImageFromFile = exports.lockAllObjects = exports.lockObject = exports.ImagePlaceholder = exports.Clipart = exports.TextInput = exports.fabric = void 0;
+exports.IMAGE_FILTER_TYPES = exports.OBJECT_TYPES = exports.asyncGetObject = exports.getObject = exports.loadImageFromUrl = exports.loadImageFromFile = exports.lockAllObjects = exports.lockObject = exports.LayoutGroup = exports.ImagePlaceholder = exports.Clipart = exports.TextInput = exports.fabric = void 0;
 const TextInputObject_1 = __importDefault(require("./TextInputObject"));
 exports.TextInput = TextInputObject_1.default;
 const ClipartObject_1 = __importDefault(require("./ClipartObject"));
@@ -45,3 +45,5 @@ const constants_1 = require("./constants");
 Object.defineProperty(exports, "OBJECT_TYPES", { enumerable: true, get: function () { return constants_1.OBJECT_TYPES; } });
 const constants_2 = require("./ImagePlaceholderObject/constants");
 Object.defineProperty(exports, "IMAGE_FILTER_TYPES", { enumerable: true, get: function () { return constants_2.IMAGE_FILTER_TYPES; } });
+const LayoutGroupObject_1 = __importDefault(require("./LayoutGroupObject"));
+exports.LayoutGroup = LayoutGroupObject_1.default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "customized-fabric",
-  "version": "1.4.9",
+  "version": "1.5.1",
   "description": "Customized fabric",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",