customized-fabric 1.3.5 → 1.3.7

package/lib/ClipartObject/index.js

@@ -48,9 +48,12 @@ const ClipartClass = fabric_1.fabric.util.createClass(fabric_1.fabric.Group, {
             objectCaching: false,
         });
         if (options?.isOriginal) {
-            this.rectObject.set({ strokeWidth: 0 });
+            this.rectObject?.set({ strokeWidth: 0 });
         }
         else {
+            if (options?.hideStroke) {
+                this.rectObject?.set({ strokeWidth: 0 });
+            }
             if (options?.clipartFile || options?.clipartUrl) {
                 this.loadImage(options?.clipartFile ?? options.clipartUrl);
             }

package/lib/ClipartObject/interfaces.d.ts

@@ -7,4 +7,5 @@ export interface IClipartOptions extends fabric.IGroupOptions {
     clipartFile?: File;
     isOriginal?: boolean;
     isAdditional?: boolean;
+    hideStroke?: boolean;
 }

package/lib/ImagePlaceholderObject/index.js

@@ -33,15 +33,20 @@ const ImagePlaceholderClass = fabric_1.fabric.util.createClass(fabric_1.fabric.G
             imageType: "Full color",
             objectCaching: false,
         });
-        if (options?.imageFile) {
-            this.loadImage(options?.imageFile);
-        }
         if (options?.isOriginal) {
-            this.rectObject.set({ strokeWidth: 0 });
+            this.rectObject?.set({ strokeWidth: 0 });
         }
         else {
-            if (options?.maskFile || options?.maskUrl) {
-                this.loadMask(options?.maskFile ?? options?.maskUrl);
+            if (options?.hideStroke) {
+                this.rectObject?.set({ strokeWidth: 0 });
+            }
+            else {
+                if (options?.maskFile || options?.maskUrl) {
+                    this.loadMask(options?.maskFile ?? options?.maskUrl);
+                }
+            }
+            if (options?.imageFile) {
+                this.loadImage(options?.imageFile);
             }
         }
         if (options?.imageType) {
@@ -175,14 +180,14 @@ const ImagePlaceholderClass = fabric_1.fabric.util.createClass(fabric_1.fabric.G
         this.canvas?.renderAll();
     },
     getMask: async function () {
-        if (this.maskObject) {
-            return this.maskObject;
+        if (this.mask) {
+            return this.mask;
         }
         if (this?.maskUrl) {
-            const maskObject = await (0, utils_1.loadImageFromUrl)(this.maskUrl);
-            maskObject?.set({
-                scaleX: this.width / (maskObject?.width ?? this.width),
-                scaleY: this.height / (maskObject?.height ?? this.height),
+            const mask = await (0, utils_1.loadImageFromUrl)(this.maskUrl);
+            mask?.set({
+                scaleX: this.width / (mask?.width ?? this.width),
+                scaleY: this.height / (mask?.height ?? this.height),
                 absolutePositioned: true,
                 originX: "center",
                 originY: "center",
@@ -190,11 +195,11 @@ const ImagePlaceholderClass = fabric_1.fabric.util.createClass(fabric_1.fabric.G
                 left: this.left,
                 angle: this.angle,
             });
-            this.maskObject = maskObject;
-            return maskObject;
+            this.mask = mask;
+            return mask;
         }
         else {
-            const maskObject = new fabric_1.fabric.Rect({
+            const mask = new fabric_1.fabric.Rect({
                 width: this.width,
                 height: this.height,
                 scaleX: this.scaleX,
@@ -206,8 +211,8 @@ const ImagePlaceholderClass = fabric_1.fabric.util.createClass(fabric_1.fabric.G
                 left: this.left,
                 angle: this.angle,
             });
-            this.maskObject = maskObject;
-            return maskObject;
+            this.mask = mask;
+            return mask;
         }
     },
     loadCustomizedImage: async function (image) {

package/lib/ImagePlaceholderObject/interfaces.d.ts

@@ -48,5 +48,6 @@ export interface IImagePlaceholderOptions extends fabric.IGroupOptions {
     image?: IImageOptions;
     maskUrl?: string;
     maskFile?: File;
+    hideStroke?: boolean;
 }
 export declare type ImageFilterType = "Full color" | "Grayscale" | "Blend color";

package/lib/TextInputObject/index.js

@@ -56,9 +56,12 @@ const TextInputClass = fabric_1.fabric.util.createClass(fabric_1.fabric.Group, {
             width: this.width,
         });
         if (options?.isOriginal) {
-            this.rectObject.set({ strokeWidth: 0 });
+            this.rectObject?.set({ strokeWidth: 0 });
         }
         else {
+            if (options?.hideStroke) {
+                this.rectObject?.set({ strokeWidth: 0 });
+            }
             if (options?.fontUrl) {
                 (0, utils_1.loadFontFromUrl)(options?.fontUrl, text?.fontFamily ?? "").then(() => {
                     this.canvas?.renderAll?.();

package/lib/TextInputObject/interfaces.d.ts

@@ -22,4 +22,5 @@ export interface ITextInputOptions extends fabric.IGroupOptions {
     fontUrl?: string;
     isOriginal?: boolean;
     isAdditional?: boolean;
+    hideStroke?: boolean;
 }

package/lib/utils/index.d.ts

@@ -15,6 +15,7 @@ export declare const lockObject: (object: fabric.Object | any, locked: boolean,
 export declare const lockAllObjects: (canvas: fabric.Canvas, locked: boolean, selectable?: boolean) => void;
 export declare const getObject: (object: any, options?: {
     isOriginal?: boolean;
+    hideStroke?: boolean;
 }) => Clipart | ImagePlaceholder | TextInput | undefined;
 export declare const asyncGetObject: (object: any, options?: {
     isOriginal?: boolean;

package/lib/utils/index.js

@@ -130,24 +130,21 @@ const getObject = (object, options) => {
         case constants_1.OBJECT_TYPES.textInput: {
             const textInputObject = new TextInputObject_1.default({
                 ...object,
-                isOriginal: options?.isOriginal,
+                ...options,
             });
             return textInputObject;
         }
         case constants_1.OBJECT_TYPES.clipart: {
             const clipartObject = new ClipartObject_1.default({
                 ...object,
-                isOriginal: options?.isOriginal,
+                ...options,
             });
-            if (object?.clipartUrl) {
-                clipartObject?.loadImage?.(object?.clipartUrl);
-            }
             return clipartObject;
         }
         case constants_1.OBJECT_TYPES.imagePlaceHolder: {
             const imagePlaceHolderObject = new ImagePlaceholderObject_1.default({
                 ...object,
-                isOriginal: options?.isOriginal,
+                ...options,
             });
             return imagePlaceHolderObject;
         }

package/package.json

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