@forcecalendar/interface 1.0.47 → 1.0.49

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@forcecalendar/interface",
-  "version": "1.0.47",
+  "version": "1.0.49",
   "type": "module",
   "description": "Official interface layer for forceCalendar Core - Enterprise calendar components",
   "main": "dist/force-calendar-interface.umd.js",

package/src/renderers/BaseViewRenderer.js

@@ -115,40 +115,16 @@ export class BaseViewRenderer {
   }
 
   /**
-   * Get contrasting text color for a background color
-   * Uses WCAG luminance formula
+   * Get contrasting text color for a background color.
+   * Delegates to StyleUtils.getContrastColor() as the single implementation.
    * @param {string} bgColor - Hex color string
-   * @returns {string} 'black' or 'white'
+   * @returns {string} '#000000' or '#FFFFFF'
    */
   getContrastingTextColor(bgColor) {
-    if (!bgColor || typeof bgColor !== 'string') return 'white';
-
-    const color = bgColor.charAt(0) === '#' ? bgColor.substring(1) : bgColor;
-
-    if (!/^[0-9A-Fa-f]{3}$|^[0-9A-Fa-f]{6}$/.test(color)) {
-      return 'white';
-    }
-
-    const fullColor =
-      color.length === 3 ? color[0] + color[0] + color[1] + color[1] + color[2] + color[2] : color;
-
-    const r = parseInt(fullColor.substring(0, 2), 16);
-    const g = parseInt(fullColor.substring(2, 4), 16);
-    const b = parseInt(fullColor.substring(4, 6), 16);
-
-    if (isNaN(r) || isNaN(g) || isNaN(b)) {
+    if (!bgColor || typeof bgColor !== 'string' || bgColor.charAt(0) !== '#') {
       return 'white';
     }
-
-    const uicolors = [r / 255, g / 255, b / 255];
-    const c = uicolors.map(col => {
-      if (col <= 0.03928) {
-        return col / 12.92;
-      }
-      return Math.pow((col + 0.055) / 1.055, 2.4);
-    });
-    const L = 0.2126 * c[0] + 0.7152 * c[1] + 0.0722 * c[2];
-    return L > 0.179 ? 'black' : 'white';
+    return StyleUtils.getContrastColor(bgColor);
   }
 
   /**
@@ -246,6 +222,7 @@ export class BaseViewRenderer {
     const startMinutes = start.getHours() * 60 + start.getMinutes();
     const durationMinutes = Math.max((end - start) / (1000 * 60), compact ? 20 : 30);
     const color = this.getEventColor(event);
+    const textColor = this.getContrastingTextColor(color);
 
     const padding = compact ? '4px 8px' : '8px 12px';
     const fontSize = compact ? '11px' : '13px';
@@ -271,7 +248,7 @@ export class BaseViewRenderer {
                         left: ${leftPx}; width: ${widthCalc};
                         background-color: ${color}; border-radius: ${borderRadius};
                         padding: ${padding}; font-size: ${fontSize};
-                        font-weight: 500; color: white; overflow: hidden;
+                        font-weight: 500; color: ${textColor}; overflow: hidden;
                         box-shadow: 0 1px 2px rgba(0,0,0,0.1);
                         cursor: pointer; z-index: 5;">
                 <div style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">