customized-fabric 1.7.1 → 1.7.3

package/lib/CurvedTextObject/index.d.ts

@@ -32,6 +32,7 @@ export declare const toCurvedTextObject: (object: CurvedText) => {
         curvedWidth: any;
         pathSide: any;
         pathStartOffset: any;
+        isAllCapital: any;
     };
 };
 export default class CurvedText extends fabric.Group {

package/lib/CurvedTextObject/index.js

@@ -111,7 +111,9 @@ const CurvedTextClass = fabric_1.fabric.util.createClass(fabric_1.fabric.Group,
     },
     getText: function () {
         const { prefix = "", infix = "", suffix = "" } = this.textObject;
-        this.setText(infix?.length > 0 ? prefix + infix + suffix : "");
+        const isAllCapital = this.textObject.isAllCapital;
+        const text = prefix + infix + suffix;
+        this.setText(infix?.length > 0 ? (isAllCapital ? text.toUpperCase() : text) : "");
     },
     setMaxFontSize: function (fontSize) {
         this.textObject.set({
@@ -225,6 +227,7 @@ const toCurvedTextObject = (object) => {
             curvedWidth: textObject?.curvedWidth,
             pathSide: textObject?.pathSide,
             pathStartOffset: textObject?.pathStartOffset,
+            isAllCapital: textObject?.isAllCapital,
         },
     };
 };

package/lib/CurvedTextObject/interfaces.d.ts

@@ -10,7 +10,7 @@ export interface ICurvedTextOptions extends fabric.IGroupOptions {
         height?: number;
         textAlign?: string;
         fontWeight?: string;
-        text: string;
+        text?: string;
         fontFamily?: string;
         maxFontSize: number;
         stroke?: string;
@@ -19,6 +19,7 @@ export interface ICurvedTextOptions extends fabric.IGroupOptions {
         infix?: string;
         suffix?: string;
         curvedWidth?: number;
+        isAllCapital?: boolean;
     };
     fontUrl?: string;
     isOriginal?: boolean;

package/lib/ImagePlaceholderObject/index.d.ts

@@ -17,6 +17,7 @@ export declare const toImagePlaceholderObject: (object: ImagePlaceholder) => {
         color: string | undefined;
         removeBackground: boolean | undefined;
         faceCutout: boolean | undefined;
+        advancedFilter: string | undefined;
     };
 };
 export default class ImagePlaceholder extends fabric.Group {
@@ -35,6 +36,7 @@ export default class ImagePlaceholder extends fabric.Group {
     uploadedImage?: fabric.Image;
     layoutGroupId?: string;
     layoutGroupName?: string;
+    advancedFilter?: string;
     getSettings?: (attribute: string) => any;
     setSizes?: (options: {
         width?: number;

package/lib/ImagePlaceholderObject/index.js

@@ -50,14 +50,14 @@ const ImagePlaceholderClass = fabric_1.fabric.util.createClass(fabric_1.fabric.G
             }
         }
         if (options?.imageSettings) {
-            const { type, color, removeBackground, faceCutout } = options?.imageSettings;
+            const { type, color, removeBackground, faceCutout, advancedFilter } = options?.imageSettings;
             if (type) {
                 this.setImageType(type);
             }
             if (color) {
                 this.setImageColor(color);
             }
-            this.set({ removeBackground, faceCutout });
+            this.set({ removeBackground, faceCutout, advancedFilter });
         }
     },
     loadImage: async function (image) {
@@ -305,6 +305,7 @@ const toImagePlaceholderObject = (object) => {
             color: object?.imageColor,
             removeBackground: object?.removeBackground,
             faceCutout: object?.faceCutout,
+            advancedFilter: object?.advancedFilter,
         },
     };
 };

package/lib/ImagePlaceholderObject/interfaces.d.ts

@@ -57,6 +57,7 @@ export interface IImagePlaceholderOptions extends fabric.IGroupOptions {
         color?: string;
         removeBackground?: boolean;
         faceCutout?: boolean;
+        advancedFilter?: string;
     };
 }
 export declare type ImageFilterType = "Full color" | "Grayscale" | "Blend color";

package/lib/TextInputObject/index.d.ts

@@ -29,6 +29,7 @@ export declare const toTextInputObject: (object: TextInput) => {
         prefix: any;
         infix: any;
         suffix: any;
+        isAllCapital: any;
     };
 };
 export default class TextInput extends fabric.Group {

package/lib/TextInputObject/index.js

@@ -117,7 +117,9 @@ const TextInputClass = fabric_1.fabric.util.createClass(fabric_1.fabric.Group, {
     },
     getText: function () {
         const { prefix = "", infix = "", suffix = "" } = this.textObject;
-        this.setText(infix?.length > 0 ? prefix + infix + suffix : "");
+        const isAllCapital = this.textObject.isAllCapital;
+        const text = prefix + infix + suffix;
+        this.setText(infix?.length > 0 ? (isAllCapital ? text.toUpperCase() : text) : "");
     },
     setMaxFontSize: function (fontSize) {
         this.textObject.set({
@@ -205,6 +207,7 @@ const toTextInputObject = (object) => {
             prefix: textObject?.prefix,
             infix: textObject?.infix,
             suffix: textObject?.suffix,
+            isAllCapital: textObject?.isAllCapital,
         },
     };
 };

package/lib/TextInputObject/interfaces.d.ts

@@ -10,7 +10,7 @@ export interface ITextInputOptions extends fabric.IGroupOptions {
         height?: number;
         textAlign?: string;
         fontWeight?: string;
-        text: string;
+        text?: string;
         fontFamily?: string;
         maxFontSize: number;
         stroke?: string;
@@ -18,6 +18,7 @@ export interface ITextInputOptions extends fabric.IGroupOptions {
         prefix?: string;
         infix?: string;
         suffix?: string;
+        isAllCapital?: boolean;
     };
     fontUrl?: string;
     isOriginal?: boolean;

package/package.json

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