customized-fabric 1.3.5 → 1.3.6

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

@@ -37,9 +37,12 @@ const ImagePlaceholderClass = fabric_1.fabric.util.createClass(fabric_1.fabric.G
             this.loadImage(options?.imageFile);
         }
         if (options?.isOriginal) {
-            this.rectObject.set({ strokeWidth: 0 });
+            this.rectObject?.set({ strokeWidth: 0 });
         }
         else {
+            if (options?.hideStroke) {
+                this.rectObject?.set({ strokeWidth: 0 });
+            }
             if (options?.maskFile || options?.maskUrl) {
                 this.loadMask(options?.maskFile ?? options?.maskUrl);
             }

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.6",
   "description": "Customized fabric",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",