@stfrigerio/sito-template 0.1.19 → 0.1.20

package/dist/index.js

@@ -1957,6 +1957,23 @@ function Calendar({ events, onEventClick, onDateClick, viewMode = 'month', initi
         }
         return '#4A90E2'; // Default blue
     };
+    const getContrastColor = (bgColor) => {
+        // Convert hex to RGB
+        const hex = bgColor.replace('#', '');
+        const r = parseInt(hex.substring(0, 2), 16);
+        const g = parseInt(hex.substring(2, 4), 16);
+        const b = parseInt(hex.substring(4, 6), 16);
+        // Calculate luminance
+        const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
+        // Return black or white based on luminance
+        return luminance > 0.5 ? '#000000' : '#FFFFFF';
+    };
+    const getEventTextColor = (event) => {
+        if (event.textColor)
+            return event.textColor;
+        const bgColor = getEventColor(event);
+        return getContrastColor(bgColor);
+    };
     const handleEventClick = (event) => {
         if (onEventClick) {
             onEventClick(event);
@@ -2003,6 +2020,7 @@ function Calendar({ events, onEventClick, onDateClick, viewMode = 'month', initi
                                         });
                                         return (jsxRuntime.jsxs("div", { className: styles$7.hourSlot, children: [jsxRuntime.jsx("div", { className: styles$7.hourLine }), hourEvents.map((event, eventIndex) => (jsxRuntime.jsxs(framerMotion.motion.div, { className: `${styles$7.dayEvent} ${event.status === 'completed' ? styles$7.completed : ''}`, style: {
                                                         backgroundColor: getEventColor(event),
+                                                        color: getEventTextColor(event),
                                                         opacity: event.status === 'completed' ? 0.7 : 1
                                                     }, onClick: (e) => {
                                                         e.stopPropagation();
@@ -2030,6 +2048,7 @@ function Calendar({ events, onEventClick, onDateClick, viewMode = 'month', initi
                             ease: "easeOut"
                         }, onClick: () => handleDateClick(day), children: [isWeekStart && (jsxRuntime.jsx("div", { className: styles$7.weekNumber, children: getWeekNumber(day) })), jsxRuntime.jsx("div", { className: styles$7.dayNumber, children: day.getDate() }), dayEvents.length > 0 && (jsxRuntime.jsxs("div", { className: styles$7.events, children: [dayEvents.slice(0, maxEventsPerDay).map((event, eventIndex) => (jsxRuntime.jsxs(framerMotion.motion.div, { className: `${styles$7.event} ${event.status === 'completed' ? styles$7.completed : ''}`, style: {
                                             backgroundColor: getEventColor(event),
+                                            color: getEventTextColor(event),
                                             opacity: event.status === 'completed' ? 0.7 : 1
                                         }, onClick: (e) => {
                                             e.stopPropagation();