customized-fabric 1.0.5 → 1.0.7

package/lib/{customizedFabric/ClipartObject → ClipartObject}/constants.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CLIPART_OBJECT_ATTRIBUTES = void 0;
 exports.CLIPART_OBJECT_ATTRIBUTES = {
     name: "Clipart",
-    type: "CLIP_ART",
+    type: "CLIPART",
     stroke: {
         stroke: "#000000",
         strokeDashArray: [5, 5],

package/lib/ClipartObject/index.d.ts

@@ -0,0 +1,31 @@
+import { fabric } from "fabric";
+import { IClipartOptions } from "./interfaces";
+import { ObjectId } from "../utils/objectId";
+export declare const toClipartObject: (clipartObject: Clipart) => {
+    id: ObjectId | undefined;
+    personalizeId: number | undefined;
+    layerId: number | undefined;
+    name: string | undefined;
+    locked: boolean | undefined;
+    isAdditional: boolean | undefined;
+    clipartUrl: string | undefined;
+    clipartFile: File | undefined;
+    clipartRootCategoryId: string | undefined;
+    clipartCategoryId: string | undefined;
+    clipartOptionId: number | undefined;
+};
+export default class Clipart extends fabric.Group {
+    _id?: ObjectId;
+    layerId?: number;
+    locked?: boolean;
+    isAdditional?: boolean;
+    clipartFile?: File;
+    clipartRootCategoryId?: string;
+    clipartRootCategoryName?: string;
+    clipartCategoryId?: string;
+    clipartCategoryName?: string;
+    clipartOptionId?: number;
+    clipartUrl?: string;
+    imageObject?: fabric.Image;
+    constructor(options?: IClipartOptions);
+}

package/lib/{customizedFabric/ClipartObject → ClipartObject}/index.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Clipart = exports.toClipartObject = void 0;
+exports.toClipartObject = void 0;
 const fabric_1 = require("fabric");
 const constants_1 = require("./constants");
 const utils_1 = require("../utils");
-const objectId_1 = require("../../utils/objectId");
+const objectId_1 = require("../utils/objectId");
 const ClipartClass = fabric_1.fabric.util.createClass(fabric_1.fabric.Group, {
     initialize: function (options) {
         this.rectObject = new fabric_1.fabric.Rect({
@@ -142,4 +142,4 @@ class Clipart extends fabric_1.fabric.Group {
         return new ClipartClass(options);
     }
 }
-exports.Clipart = Clipart;
+exports.default = Clipart;

package/lib/ClipartObject/interfaces.d.ts

@@ -0,0 +1,9 @@
+import { ObjectId } from "../utils/objectId";
+export interface IClipartOptions extends fabric.IGroupOptions {
+    _id?: ObjectId;
+    personalizeId?: number;
+    layerId: number;
+    clipartUrl?: string;
+    clipartFile?: File;
+    hideStroke?: boolean;
+}

package/lib/ImagePlaceholderObject/index.d.ts

@@ -0,0 +1,26 @@
+import { fabric } from "fabric";
+import { IImagePlaceholderOptions } from "./interfaces";
+import { ObjectId } from "../utils/objectId";
+export declare const toImagePlaceholderObject: (imagePlaceholderObject: ImagePlaceholder) => {
+    id: ObjectId | undefined;
+    personalizeId: number | undefined;
+    layerId: number | undefined;
+    name: string | undefined;
+    locked: boolean | undefined;
+    isAdditional: boolean | undefined;
+};
+export default class ImagePlaceholder extends fabric.Group {
+    _id?: ObjectId;
+    layerId?: number;
+    locked?: boolean;
+    imageFile?: File;
+    isAdditional?: boolean;
+    loadImageFromFile?: (imageFile: File) => void;
+    loadImageFromUrl?: (imageUrl: string) => void;
+    getSettings?: (attribute: string) => any;
+    setSizes?: (options: {
+        width?: number;
+        height?: number;
+    }) => void;
+    constructor(options?: IImagePlaceholderOptions);
+}

package/lib/{customizedFabric/ImagePlaceholderObject → ImagePlaceholderObject}/index.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ImagePlaceholder = exports.toImagePlaceholderObject = void 0;
+exports.toImagePlaceholderObject = void 0;
 const fabric_1 = require("fabric");
 const constants_1 = require("./constants");
 const utils_1 = require("../utils");
-const objectId_1 = require("../../utils/objectId");
+const objectId_1 = require("../utils/objectId");
 const ImagePlaceholderClass = fabric_1.fabric.util.createClass(fabric_1.fabric.Group, {
     initialize: function (options) {
         this.rectObject = new fabric_1.fabric.Rect({
@@ -137,4 +137,4 @@ class ImagePlaceholder extends fabric_1.fabric.Group {
         return new ImagePlaceholderClass(options);
     }
 }
-exports.ImagePlaceholder = ImagePlaceholder;
+exports.default = ImagePlaceholder;

package/lib/ImagePlaceholderObject/interfaces.d.ts

@@ -0,0 +1,8 @@
+import { ObjectId } from "../utils/objectId";
+export interface IImagePlaceholderOptions extends fabric.IGroupOptions {
+    _id?: ObjectId;
+    personalizeId?: number;
+    layerId: number;
+    imageFile?: File;
+    hideStroke?: boolean;
+}

package/lib/TextInputObject/index.d.ts

@@ -0,0 +1,48 @@
+import { fabric } from "fabric";
+import { ITextInputOptions } from "./interfaces";
+import { ObjectId } from "../utils/objectId";
+export declare const toTextInputObject: (textInputObject: TextInput) => {
+    id: ObjectId | undefined;
+    personalizeId: number | undefined;
+    layerId: number | undefined;
+    name: string | undefined;
+    locked: boolean | undefined;
+    fontId: number | undefined;
+    fontCategoryId: string | undefined;
+    fontUrl: string | undefined;
+    isAdditional: boolean | undefined;
+    text: {
+        fontWeight: string | number | undefined;
+        fontSize: number | undefined;
+        textAlign: string | undefined;
+        text: string | undefined;
+        fill: string | fabric.Gradient | fabric.Pattern | undefined;
+        width: number | undefined;
+        height: number | undefined;
+        fontFamily: string | undefined;
+        maxFontSize: any;
+        stroke: string | undefined;
+        strokeWidth: number | undefined;
+    };
+};
+export default class TextInput extends fabric.Group {
+    _id?: ObjectId;
+    layerId?: number;
+    locked?: boolean;
+    textObject?: fabric.IText;
+    fontId?: number;
+    fontCategoryId?: string;
+    fontUrl?: string;
+    isAdditional?: boolean;
+    setText?: (text: string) => void;
+    setMaxFontSize?: (fontSize: string) => void;
+    setFontFamily?: (fontName: string, fontUrl?: string) => void;
+    setTextAttributes?: (options: fabric.ITextOptions) => void;
+    getTextAttribute?: (attribute: string) => any;
+    getSettings?: (attribute: string) => any;
+    setSizes?: (options: {
+        width?: number;
+        height?: number;
+    }) => void;
+    constructor(options?: ITextInputOptions);
+}

package/lib/{customizedFabric/TextInputObject → TextInputObject}/index.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextInput = exports.toTextInputObject = void 0;
+exports.toTextInputObject = void 0;
 const fabric_1 = require("fabric");
 const constants_1 = require("./constants");
 const utils_1 = require("../utils");
-const objectId_1 = require("../../utils/objectId");
+const objectId_1 = require("../utils/objectId");
 const TextInputClass = fabric_1.fabric.util.createClass(fabric_1.fabric.Group, {
     initialize: function (options) {
         const { text, ...rest } = options ?? {};
@@ -185,4 +185,4 @@ class TextInput extends fabric_1.fabric.Group {
         return new TextInputClass(options);
     }
 }
-exports.TextInput = TextInput;
+exports.default = TextInput;

package/lib/TextInputObject/interfaces.d.ts

@@ -0,0 +1,21 @@
+import { ObjectId } from "../utils/objectId";
+export interface ITextInputOptions extends fabric.IGroupOptions {
+    _id?: ObjectId;
+    personalizeId?: string;
+    layerId: number;
+    text: {
+        fontSize?: number;
+        fill?: string;
+        width?: number;
+        height?: number;
+        textAlign?: string;
+        fontWeight?: string;
+        text: string;
+        fontFamily?: string;
+        maxFontSize: number;
+        stroke?: string;
+        strokeWidth?: number;
+    };
+    fontUrl?: string;
+    hideStroke?: boolean;
+}

package/lib/constants/index.d.ts

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

package/lib/constants/index.js

@@ -0,0 +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",
+};

package/lib/index.d.ts

@@ -1 +1,6 @@
-export * from "./customizedFabric";
+import TextInput from "./TextInputObject";
+import Clipart from "./ClipartObject";
+import ImagePlaceholder from "./ImagePlaceholderObject";
+import fabric, { lockObject, lockAllObjects, loadImageFromFile, loadImageFromUrl, getObject } from "./utils";
+import { OBJECT_TYPES } from "./constants";
+export { fabric, TextInput, Clipart, ImagePlaceholder, lockObject, lockAllObjects, loadImageFromFile, loadImageFromUrl, getObject, OBJECT_TYPES, };

package/lib/index.js

@@ -10,8 +10,35 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
 }));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./customizedFabric"), exports);
+exports.OBJECT_TYPES = exports.getObject = exports.loadImageFromUrl = exports.loadImageFromFile = exports.lockAllObjects = exports.lockObject = 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"));
+exports.Clipart = ClipartObject_1.default;
+const ImagePlaceholderObject_1 = __importDefault(require("./ImagePlaceholderObject"));
+exports.ImagePlaceholder = ImagePlaceholderObject_1.default;
+const utils_1 = __importStar(require("./utils"));
+exports.fabric = utils_1.default;
+Object.defineProperty(exports, "lockObject", { enumerable: true, get: function () { return utils_1.lockObject; } });
+Object.defineProperty(exports, "lockAllObjects", { enumerable: true, get: function () { return utils_1.lockAllObjects; } });
+Object.defineProperty(exports, "loadImageFromFile", { enumerable: true, get: function () { return utils_1.loadImageFromFile; } });
+Object.defineProperty(exports, "loadImageFromUrl", { enumerable: true, get: function () { return utils_1.loadImageFromUrl; } });
+Object.defineProperty(exports, "getObject", { enumerable: true, get: function () { return utils_1.getObject; } });
+const constants_1 = require("./constants");
+Object.defineProperty(exports, "OBJECT_TYPES", { enumerable: true, get: function () { return constants_1.OBJECT_TYPES; } });

package/lib/{customizedFabric/utils.d.ts → utils/index.d.ts}

@@ -1,11 +1,14 @@
 import { fabric } from "fabric";
-import { Clipart, TextInput } from ".";
-import { ImagePlaceholder } from "./ImagePlaceholderObject";
+import Clipart from "../ClipartObject";
+import ImagePlaceholder from "../ImagePlaceholderObject";
+import TextInput from "../TextInputObject";
 export declare const loadFontFromUrl: (name: string, url: string) => Promise<void>;
 export declare const isFontLoaded: (name: string) => boolean;
 export declare const loadImageFromFile: (image: File) => Promise<fabric.Image>;
+export declare const loadImageFromUrl: (url: string) => Promise<fabric.Image>;
 export declare const lockObject: (object: fabric.Object | any, locked: boolean, selectable?: boolean) => void;
 export declare const lockAllObjects: (canvas: fabric.Canvas, locked: boolean) => void;
 export declare const getObject: (object: any, options?: {
     isOriginal?: boolean;
-}) => ImagePlaceholder | TextInput | Clipart | undefined;
+}) => Clipart | ImagePlaceholder | TextInput | undefined;
+export default fabric;

package/lib/utils/index.js

@@ -0,0 +1,148 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getObject = exports.lockAllObjects = exports.lockObject = exports.loadImageFromUrl = exports.loadImageFromFile = exports.isFontLoaded = exports.loadFontFromUrl = void 0;
+const fabric_1 = require("fabric");
+const constants_1 = require("../constants");
+const ClipartObject_1 = __importStar(require("../ClipartObject"));
+const ImagePlaceholderObject_1 = __importStar(require("../ImagePlaceholderObject"));
+const TextInputObject_1 = __importStar(require("../TextInputObject"));
+const loadFontFromUrl = async (name, url) => {
+    if (!name || !url)
+        return;
+    const font = new FontFace(name, `url(${url})`);
+    await font.load();
+    document.fonts.add(font);
+};
+exports.loadFontFromUrl = loadFontFromUrl;
+const isFontLoaded = (name) => {
+    let isLoaded = false;
+    document.fonts.forEach((font) => {
+        if (name == font.family) {
+            isLoaded = true;
+        }
+    });
+    return isLoaded;
+};
+exports.isFontLoaded = isFontLoaded;
+const loadImageFromFile = (image) => {
+    return new Promise((resolve) => {
+        const reader = new FileReader();
+        reader.onload = function (event) {
+            const image = new Image();
+            image.src = event?.target?.result;
+            image.onload = function () {
+                resolve(new fabric_1.fabric.Image(image));
+            };
+        };
+        reader.readAsDataURL(image);
+    });
+};
+exports.loadImageFromFile = loadImageFromFile;
+const loadImageFromUrl = (url) => {
+    return new Promise((resolve) => {
+        fabric_1.fabric.Image.fromURL(url, (loadedImage) => {
+            resolve(loadedImage);
+        }, {
+            crossOrigin: "anonymous",
+        });
+    });
+};
+exports.loadImageFromUrl = loadImageFromUrl;
+const lockObject = (object, locked, selectable) => {
+    object.set({
+        hasControls: !locked,
+        lockMovementX: locked,
+        lockMovementY: locked,
+        lockRotation: locked,
+        lockScalingX: locked,
+        lockScalingY: locked,
+        lockUniScaling: locked,
+        lockSkewingX: locked,
+        lockSkewingY: locked,
+        lockScalingFlip: locked,
+        locked: locked,
+        selectable: selectable ?? !locked,
+    });
+};
+exports.lockObject = lockObject;
+const lockAllObjects = (canvas, locked) => {
+    canvas._objects.map((object) => {
+        (0, exports.lockObject)(object, locked);
+    });
+};
+exports.lockAllObjects = lockAllObjects;
+const getObject = (object, options) => {
+    switch (object.type) {
+        case constants_1.OBJECT_TYPES.textInput: {
+            const textInputObject = new TextInputObject_1.default({
+                ...object,
+                hideStroke: options?.isOriginal,
+            });
+            return textInputObject;
+        }
+        case constants_1.OBJECT_TYPES.clipart: {
+            const clipartObject = new ClipartObject_1.default({
+                ...object,
+                hideStroke: options?.isOriginal,
+            });
+            return clipartObject;
+        }
+        case constants_1.OBJECT_TYPES.imagePlaceHolder: {
+            const imagePlaceHolderObject = new ImagePlaceholderObject_1.default({
+                ...object,
+                hideStroke: options?.isOriginal,
+            });
+            return imagePlaceHolderObject;
+        }
+        default:
+            return;
+    }
+};
+exports.getObject = getObject;
+fabric_1.fabric.Object.prototype.transparentCorners = false;
+fabric_1.fabric.Object.prototype.cornerColor = "black";
+fabric_1.fabric.Object.prototype.cornerStyle = "circle";
+fabric_1.fabric.Object.prototype.cornerStrokeColor = "black";
+fabric_1.fabric.Object.prototype.borderColor = "black";
+fabric_1.fabric.Object.prototype.toObject = (function (toObject) {
+    return function () {
+        switch (this.type) {
+            case constants_1.OBJECT_TYPES.textInput: {
+                return fabric_1.fabric.util.object.extend(toObject.call(this), (0, TextInputObject_1.toTextInputObject)(this));
+            }
+            case constants_1.OBJECT_TYPES.clipart: {
+                return fabric_1.fabric.util.object.extend(toObject.call(this), (0, ClipartObject_1.toClipartObject)(this));
+            }
+            case constants_1.OBJECT_TYPES.imagePlaceHolder: {
+                return fabric_1.fabric.util.object.extend(toObject.call(this), (0, ImagePlaceholderObject_1.toImagePlaceholderObject)(this));
+            }
+            default: {
+                return {};
+            }
+        }
+    };
+})(fabric_1.fabric.Object.prototype.toObject);
+exports.default = fabric_1.fabric;

package/package.json

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

package/lib/customizedFabric/ClipartObject/index.d.ts

@@ -1,19 +0,0 @@
-import { fabric } from "fabric";
-import { ClipartObject, IClipartOptions } from "./interfaces";
-import { ObjectId } from "../../utils/objectId";
-export declare const toClipartObject: (clipartObject: ClipartObject) => {
-    id: ObjectId;
-    personalizeId: number | undefined;
-    layerId: number | undefined;
-    name: string | undefined;
-    locked: boolean | undefined;
-    isAdditional: boolean | undefined;
-    clipartUrl: string | undefined;
-    clipartFile: File | undefined;
-    clipartRootCategoryId: string | undefined;
-    clipartCategoryId: string | undefined;
-    clipartOptionId: number | undefined;
-};
-export declare class Clipart extends fabric.Group {
-    constructor(options?: IClipartOptions);
-}

package/lib/customizedFabric/ClipartObject/interfaces.d.ts

@@ -1,30 +0,0 @@
-import { ObjectId } from "../../utils/objectId";
-export interface ClipartObject extends fabric.Group {
-    _id: ObjectId;
-    layerId?: number;
-    locked?: boolean;
-    isAdditional?: boolean;
-    clipartFile?: File;
-    clipartRootCategoryId?: string;
-    clipartRootCategoryName?: string;
-    clipartCategoryId?: string;
-    clipartCategoryName?: string;
-    clipartOptionId?: number;
-    imageObject?: fabric.Image;
-    clipartUrl?: string;
-    loadImageFromFile: (imageFile: File) => void;
-    loadImageFromUrl: (imageUrl: string) => void;
-    getSettings: (attribute: string) => any;
-    setSizes: (options: {
-        width?: number;
-        height?: number;
-    }) => void;
-}
-export interface IClipartOptions extends fabric.IGroupOptions {
-    _id?: string;
-    personalizeId?: number;
-    layerId: number;
-    clipartUrl?: string;
-    clipartFile?: File;
-    hideStroke?: boolean;
-}

package/lib/customizedFabric/ImagePlaceholderObject/index.d.ts

@@ -1,14 +0,0 @@
-import { fabric } from "fabric";
-import { IImagePlaceholderOptions, ImagePlaceholderObject } from "./interfaces";
-import { ObjectId } from "../../utils/objectId";
-export declare const toImagePlaceholderObject: (imagePlaceholderObject: ImagePlaceholderObject) => {
-    id: ObjectId;
-    personalizeId: number;
-    layerId: number;
-    name: string | undefined;
-    locked: boolean;
-    isAdditional: boolean;
-};
-export declare class ImagePlaceholder extends fabric.Group {
-    constructor(options?: IImagePlaceholderOptions);
-}

package/lib/customizedFabric/ImagePlaceholderObject/interfaces.d.ts

@@ -1,22 +0,0 @@
-import { ObjectId } from "../../utils/objectId";
-export interface ImagePlaceholderObject extends fabric.Group {
-    _id: ObjectId;
-    layerId: number;
-    locked: boolean;
-    imageFile?: File;
-    isAdditional: boolean;
-    loadImageFromFile: (imageFile: File) => void;
-    loadImageFromUrl: (imageUrl: string) => void;
-    getSettings: (attribute: string) => any;
-    setSizes: (options: {
-        width?: number;
-        height?: number;
-    }) => void;
-}
-export interface IImagePlaceholderOptions extends fabric.IGroupOptions {
-    _id?: string;
-    personalizeId?: number;
-    layerId: number;
-    imageFile?: File;
-    hideStroke?: boolean;
-}

package/lib/customizedFabric/TextInputObject/index.d.ts

@@ -1,30 +0,0 @@
-import { fabric } from "fabric";
-import { ITextInputOptions, TextInputObject } from "./interfaces";
-import { ObjectId } from "../../utils/objectId";
-export declare const toTextInputObject: (textInputObject: TextInputObject) => {
-    id: ObjectId;
-    personalizeId: number;
-    layerId: number;
-    name: string | undefined;
-    locked: boolean;
-    fontId: number;
-    fontCategoryId: string;
-    fontUrl: string;
-    isAdditional: boolean;
-    text: {
-        fontWeight: string | number | undefined;
-        fontSize: number | undefined;
-        textAlign: string | undefined;
-        text: string | undefined;
-        fill: string | fabric.Gradient | fabric.Pattern | undefined;
-        width: number | undefined;
-        height: number | undefined;
-        fontFamily: string | undefined;
-        maxFontSize: any;
-        stroke: string | undefined;
-        strokeWidth: number | undefined;
-    };
-};
-export declare class TextInput extends fabric.Group {
-    constructor(options?: ITextInputOptions);
-}

package/lib/customizedFabric/TextInputObject/interfaces.d.ts

@@ -1,41 +0,0 @@
-import { ObjectId } from "../../utils/objectId";
-export interface TextInputObject extends fabric.Group {
-    _id: ObjectId;
-    layerId: number;
-    locked: boolean;
-    textObject: fabric.IText;
-    fontId: number;
-    fontCategoryId: string;
-    fontUrl: string;
-    isAdditional: boolean;
-    setText: (text: string) => void;
-    setMaxFontSize: (fontSize: string) => void;
-    setFontFamily: (fontName: string, fontUrl?: string) => void;
-    setTextAttributes: (options: fabric.ITextOptions) => void;
-    getTextAttribute: (attribute: string) => any;
-    getSettings: (attribute: string) => any;
-    setSizes: (options: {
-        width?: number;
-        height?: number;
-    }) => void;
-}
-export interface ITextInputOptions extends fabric.IGroupOptions {
-    _id?: ObjectId;
-    personalizeId?: string;
-    layerId: number;
-    text: {
-        fontSize?: number;
-        fill?: string;
-        width?: number;
-        height?: number;
-        textAlign?: string;
-        fontWeight?: string;
-        text: string;
-        fontFamily?: string;
-        maxFontSize: number;
-        stroke?: string;
-        strokeWidth?: number;
-    };
-    fontUrl?: string;
-    hideStroke?: boolean;
-}

package/lib/customizedFabric/index.d.ts

@@ -1,8 +0,0 @@
-import { fabric } from "fabric";
-export * from "./TextInputObject";
-export * from "./ClipartObject";
-export * from "./ImagePlaceholderObject";
-export * from "./constants";
-export * from "./interfaces";
-export * from "./utils";
-export default fabric;

package/lib/customizedFabric/index.js

@@ -1,54 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const fabric_1 = require("fabric");
-const TextInputObject_1 = require("./TextInputObject");
-const ClipartObject_1 = require("./ClipartObject");
-const ImagePlaceholderObject_1 = require("./ImagePlaceholderObject");
-const constants_1 = require("./constants");
-fabric_1.fabric.TextInput = TextInputObject_1.TextInput;
-fabric_1.fabric.Clipart = ClipartObject_1.Clipart;
-fabric_1.fabric.ImagePlaceholder = ImagePlaceholderObject_1.ImagePlaceholder;
-fabric_1.fabric.Object.prototype.transparentCorners = false;
-fabric_1.fabric.Object.prototype.cornerColor = "black";
-fabric_1.fabric.Object.prototype.cornerStyle = "circle";
-fabric_1.fabric.Object.prototype.cornerStrokeColor = "black";
-fabric_1.fabric.Object.prototype.borderColor = "black";
-fabric_1.fabric.Object.prototype.toObject = (function (toObject) {
-    return function () {
-        switch (this.type) {
-            case constants_1.OBJECT_TYPES.textInput: {
-                return fabric_1.fabric.util.object.extend(toObject.call(this), (0, TextInputObject_1.toTextInputObject)(this));
-            }
-            case constants_1.OBJECT_TYPES.clipart: {
-                return fabric_1.fabric.util.object.extend(toObject.call(this), (0, ClipartObject_1.toClipartObject)(this));
-            }
-            case constants_1.OBJECT_TYPES.imagePlaceHolder: {
-                return fabric_1.fabric.util.object.extend(toObject.call(this), (0, ImagePlaceholderObject_1.toImagePlaceholderObject)(this));
-            }
-            default: {
-                return {};
-            }
-        }
-    };
-})(fabric_1.fabric.Object.prototype.toObject);
-__exportStar(require("./TextInputObject"), exports);
-__exportStar(require("./ClipartObject"), exports);
-__exportStar(require("./ImagePlaceholderObject"), exports);
-__exportStar(require("./constants"), exports);
-__exportStar(require("./interfaces"), exports);
-__exportStar(require("./utils"), exports);
-exports.default = fabric_1.fabric;

package/lib/customizedFabric/interfaces.d.ts

@@ -1,3 +0,0 @@
-export * from "./TextInputObject/interfaces";
-export * from "./ClipartObject/interfaces";
-export * from "./ImagePlaceholderObject/interfaces";

package/lib/customizedFabric/interfaces.js

@@ -1,19 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./TextInputObject/interfaces"), exports);
-__exportStar(require("./ClipartObject/interfaces"), exports);
-__exportStar(require("./ImagePlaceholderObject/interfaces"), exports);

package/lib/customizedFabric/utils.js

@@ -1,90 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getObject = exports.lockAllObjects = exports.lockObject = exports.loadImageFromFile = exports.isFontLoaded = exports.loadFontFromUrl = void 0;
-const fabric_1 = require("fabric");
-const constants_1 = require("./constants");
-const _1 = require(".");
-const ImagePlaceholderObject_1 = require("./ImagePlaceholderObject");
-const loadFontFromUrl = async (name, url) => {
-    if (!name || !url)
-        return;
-    const font = new FontFace(name, `url(${url})`);
-    await font.load();
-    document.fonts.add(font);
-};
-exports.loadFontFromUrl = loadFontFromUrl;
-const isFontLoaded = (name) => {
-    let isLoaded = false;
-    document.fonts.forEach((font) => {
-        if (name == font.family) {
-            isLoaded = true;
-        }
-    });
-    return isLoaded;
-};
-exports.isFontLoaded = isFontLoaded;
-const loadImageFromFile = (image) => {
-    return new Promise((resolve) => {
-        const reader = new FileReader();
-        reader.onload = function (event) {
-            const image = new Image();
-            image.src = event?.target?.result;
-            image.onload = function () {
-                resolve(new fabric_1.fabric.Image(image));
-            };
-        };
-        reader.readAsDataURL(image);
-    });
-};
-exports.loadImageFromFile = loadImageFromFile;
-const lockObject = (object, locked, selectable) => {
-    object.set({
-        hasControls: !locked,
-        lockMovementX: locked,
-        lockMovementY: locked,
-        lockRotation: locked,
-        lockScalingX: locked,
-        lockScalingY: locked,
-        lockUniScaling: locked,
-        lockSkewingX: locked,
-        lockSkewingY: locked,
-        lockScalingFlip: locked,
-        locked: locked,
-        selectable: selectable ?? !locked,
-    });
-};
-exports.lockObject = lockObject;
-const lockAllObjects = (canvas, locked) => {
-    canvas._objects.map((object) => {
-        (0, exports.lockObject)(object, locked);
-    });
-};
-exports.lockAllObjects = lockAllObjects;
-const getObject = (object, options) => {
-    switch (object.type) {
-        case constants_1.OBJECT_TYPES.textInput: {
-            const textInputObject = new _1.TextInput({
-                ...object,
-                hideStroke: options?.isOriginal,
-            });
-            return textInputObject;
-        }
-        case constants_1.OBJECT_TYPES.clipart: {
-            const clipartObject = new _1.Clipart({
-                ...object,
-                hideStroke: options?.isOriginal,
-            });
-            return clipartObject;
-        }
-        case constants_1.OBJECT_TYPES.imagePlaceHolder: {
-            const imagePlaceHolderObject = new ImagePlaceholderObject_1.ImagePlaceholder({
-                ...object,
-                hideStroke: options?.isOriginal,
-            });
-            return imagePlaceHolderObject;
-        }
-        default:
-            return;
-    }
-};
-exports.getObject = getObject;