@forcecalendar/interface 1.0.24 → 1.0.25

package/dist/force-calendar-interface.esm.js

@@ -1046,7 +1046,7 @@ class w {
     // Backward-compatible alias for recurrenceRule
     timeZone: v = null,
     endTimeZone: M = null,
-    status: D = "confirmed",
+    status: x = "confirmed",
     visibility: T = "public",
     organizer: A = null,
     attendees: _ = [],
@@ -1078,7 +1078,7 @@ class w {
       recurrence: b,
       timeZone: v,
       endTimeZone: M,
-      status: D,
+      status: x,
       visibility: T,
       organizer: A,
       attendees: _,
@@ -2237,13 +2237,13 @@ class K {
     const v = 3;
     for (; h <= s && d < i; ) {
       if (h >= t) {
-        const D = new Date(h), T = new Date(h.getTime() + o), A = l.getTimezoneOffset(D, c);
+        const x = new Date(h), T = new Date(h.getTime() + o), A = l.getTimezoneOffset(x, c);
         if (A !== p) {
           const _ = p - A;
-          D.setMinutes(D.getMinutes() + _), T.setMinutes(T.getMinutes() + _);
+          x.setMinutes(x.getMinutes() + _), T.setMinutes(T.getMinutes() + _);
         }
-        p = A, this.isException(D, n, e.id) || a.push({
-          start: D,
+        p = A, this.isException(x, n, e.id) || a.push({
+          start: x,
           end: T,
           recurringEventId: e.id,
           timezone: c,
@@ -4749,12 +4749,12 @@ class te {
         days: []
       };
       for (let b = 0; b < 7; b++) {
-        const v = new Date(l), M = v.getMonth() === s, D = f.isToday(v), T = v.getDay() === 0 || v.getDay() === 6;
+        const v = new Date(l), M = v.getMonth() === s, x = f.isToday(v), T = v.getDay() === 0 || v.getDay() === 6;
         p.days.push({
           date: v,
           dayOfMonth: v.getDate(),
           isCurrentMonth: M,
-          isToday: D,
+          isToday: x,
           isWeekend: T,
           events: this.getEventsForDate(v)
         }), l = f.addDays(l, 1);
@@ -5624,7 +5624,7 @@ class F {
     return e.addEventListener("keydown", r), s == null || s.focus(), () => e.removeEventListener("keydown", r);
   }
 }
-class x {
+class D {
   /**
    * Get CSS variable value
    */
@@ -5961,7 +5961,7 @@ class x {
 /**
  * Default theme colors
  */
-I(x, "colors", {
+I(D, "colors", {
   primary: "#3B82F6",
   // Modern Blue
   secondary: "#64748B",
@@ -5994,7 +5994,7 @@ I(x, "colors", {
 }), /**
  * Common CSS variables
  */
-I(x, "cssVariables", {
+I(D, "cssVariables", {
   // "Pro" Palette - Functional & Sharp
   "--fc-primary-color": "#2563EB",
   // International Blue (Focus)
@@ -6062,7 +6062,7 @@ I(x, "cssVariables", {
 }), /**
  * Get responsive breakpoints
  */
-I(x, "breakpoints", {
+I(D, "breakpoints", {
   xs: "320px",
   sm: "576px",
   md: "768px",
@@ -6179,7 +6179,7 @@ class H {
    * @returns {string} HTML string
    */
   renderTimedEvent(e, t = {}) {
-    const { compact: s = !0 } = t, i = new Date(e.start), r = new Date(e.end), n = i.getHours() * 60 + i.getMinutes(), a = Math.max((r - i) / (1e3 * 60), s ? 20 : 30), o = e.backgroundColor || "#2563eb", c = s ? "4px 8px" : "8px 12px", l = s ? "11px" : "13px", h = s ? "2px" : "12px", d = s ? "2px" : "24px", p = s ? "4px" : "6px";
+    const { compact: s = !0 } = t, i = new Date(e.start), r = new Date(e.end), n = i.getHours() * 60 + i.getMinutes(), a = Math.max((r - i) / (1e3 * 60), s ? 20 : 30), o = this.getEventColor(e), c = s ? "4px 8px" : "8px 12px", l = s ? "11px" : "13px", h = s ? "2px" : "12px", d = s ? "2px" : "24px", p = s ? "4px" : "6px";
     return `
             <div class="fc-event fc-timed-event" data-event-id="${this.escapeHTML(e.id)}"
                  style="position: absolute; top: ${n}px; height: ${a}px;
@@ -6198,6 +6198,14 @@ class H {
             </div>
         `;
   }
+  /**
+   * Get a safe, sanitized event color value.
+   * @param {Object} event
+   * @returns {string}
+   */
+  getEventColor(e) {
+    return D.sanitizeColor(e == null ? void 0 : e.backgroundColor, "#2563eb");
+  }
   /**
    * Attach common event handlers for day/event clicks
    */
@@ -6269,7 +6277,7 @@ class E extends H {
         `;
   }
   _renderEvent(e) {
-    const t = e.backgroundColor || "#2563eb";
+    const t = this.getEventColor(e);
     return `
             <div class="fc-event" data-event-id="${this.escapeHTML(e.id)}"
                  style="background-color: ${t}; font-size: 11px; padding: 2px 6px; border-radius: 3px; color: white; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer;">
@@ -6350,7 +6358,7 @@ class z extends H {
                     <div class="fc-all-day-cell" data-date="${t.date.toISOString()}" style="border-right: 1px solid #e5e7eb; padding: 4px; display: flex; flex-direction: column; gap: 2px;">
                         ${t.allDayEvents.map((s) => `
                             <div class="fc-event fc-all-day-event" data-event-id="${this.escapeHTML(s.id)}"
-                                 style="background-color: ${s.backgroundColor || "#2563eb"}; font-size: 10px; padding: 2px 4px; border-radius: 2px; color: white; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
+                                 style="background-color: ${this.getEventColor(s)}; font-size: 10px; padding: 2px 4px; border-radius: 2px; color: white; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
                                 ${this.escapeHTML(s.title)}
                             </div>
                         `).join("")}
@@ -6484,7 +6492,7 @@ class L extends H {
                 <div class="fc-all-day-cell" data-date="${t.toISOString()}" style="padding: 6px 12px; display: flex; flex-wrap: wrap; gap: 4px;">
                     ${e.map((s) => `
                         <div class="fc-event fc-all-day-event" data-event-id="${this.escapeHTML(s.id)}"
-                             style="background-color: ${s.backgroundColor || "#2563eb"}; font-size: 12px; padding: 4px 8px; border-radius: 4px; color: white; cursor: pointer; font-weight: 500;">
+                             style="background-color: ${this.getEventColor(s)}; font-size: 12px; padding: 4px 8px; border-radius: 4px; color: white; cursor: pointer; font-weight: 500;">
                             ${this.escapeHTML(s.title)}
                         </div>
                     `).join("")}
@@ -6572,8 +6580,8 @@ class re extends O {
   }
   getStyles() {
     return `
-            ${x.getBaseStyles()}
-            ${x.getButtonStyles()}
+            ${D.getBaseStyles()}
+            ${D.getButtonStyles()}
 
             :host {
                 display: none;
@@ -6964,10 +6972,10 @@ class ne extends O {
   getStyles() {
     const e = this.getAttribute("height") || "800px";
     return `
-            ${x.getBaseStyles()}
-            ${x.getButtonStyles()}
-            ${x.getGridStyles()}
-            ${x.getAnimations()}
+            ${D.getBaseStyles()}
+            ${D.getButtonStyles()}
+            ${D.getGridStyles()}
+            ${D.getAnimations()}
 
             :host {
                 --calendar-height: ${e};
@@ -7555,7 +7563,7 @@ export {
   ne as ForceCalendar,
   E as MonthViewRenderer,
   ie as StateManager,
-  x as StyleUtils,
+  D as StyleUtils,
   z as WeekViewRenderer,
   u as eventBus
 };