customized-fabric 1.8.1 → 1.8.3

package/lib/CalendarObject/index.d.ts

@@ -14,6 +14,13 @@ export declare const toCalendarObject: (object: Calendar) => {
     calendarSettings: {
         width: number | undefined;
         height: number | undefined;
+        backgroundColor: string | undefined;
+        titleColor: string | undefined;
+        dayColor: string | undefined;
+        dateColor: string | undefined;
+        markedDateColor: string | undefined;
+        markerUrl: string | undefined;
+        fontUrl: string | undefined;
         objectFit: string | undefined;
     };
 };
@@ -29,6 +36,13 @@ export default class Calendar extends fabric.Group {
     objectFit?: string;
     calendarWidth?: number;
     calendarHeight?: number;
+    calendarFontUrl?: string;
+    calendarBackgroundColor?: string;
+    calendarTitleColor?: string;
+    calendarDayColor?: string;
+    calendarDateColor?: string;
+    calendarMarkedDateColor?: string;
+    calendarMarkerUrl?: string;
     getSettings?: (attribute: string) => any;
     setSizes?: (options: {
         width?: number;

package/lib/CalendarObject/index.js

@@ -24,7 +24,7 @@ const CalendarClass = fabric_1.fabric.util.createClass(fabric_1.fabric.Group, {
             this.setSizes({ width, height });
             this.canvas?.renderAll();
         });
-        const { width, height, objectFit } = options?.calendarSettings ?? {};
+        const { width, height, backgroundColor, titleColor, dayColor, dateColor, markedDateColor, markerUrl, fontUrl, objectFit, } = options?.calendarSettings ?? {};
         this.set({
             _id: new objectId_1.ObjectId().toString(),
             name: constants_1.CALENDAR_OBJECT_ATTRIBUTES.name,
@@ -34,6 +34,13 @@ const CalendarClass = fabric_1.fabric.util.createClass(fabric_1.fabric.Group, {
             objectCaching: false,
             calendarWidth: width ?? 400,
             calendarHeight: height ?? 400,
+            calendarBackgroundColor: backgroundColor,
+            calendarTitleColor: titleColor,
+            calendarDayColor: dayColor,
+            calendarDateColor: dateColor,
+            calendarMarkedDateColor: markedDateColor,
+            calendarMarkerUrl: markerUrl,
+            calendarFontUrl: fontUrl,
             objectFit: objectFit ?? "contain",
         });
         if (options?.isOriginal) {
@@ -113,6 +120,13 @@ const toCalendarObject = (object) => {
         calendarSettings: {
             width: object?.calendarWidth,
             height: object?.calendarHeight,
+            backgroundColor: object?.calendarBackgroundColor,
+            titleColor: object?.calendarTitleColor,
+            dayColor: object?.calendarDayColor,
+            dateColor: object?.calendarDateColor,
+            markedDateColor: object?.calendarMarkedDateColor,
+            markerUrl: object?.calendarMarkerUrl,
+            fontUrl: object?.calendarFontUrl,
             objectFit: object?.objectFit,
         },
     };

package/lib/CalendarObject/interfaces.d.ts

@@ -10,6 +10,13 @@ export interface ICalendarOptions extends fabric.IGroupOptions {
     calendarSettings?: {
         width?: number;
         height?: number;
+        backgroundColor: string;
+        titleColor: string;
+        dayColor: string;
+        dateColor: string;
+        markedDateColor: string;
+        markerUrl: string;
+        fontUrl: string;
         objectFit?: string;
     };
 }

package/package.json

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