@forcecalendar/interface 1.0.47 → 1.0.49

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

@@ -1,7 +1,7 @@
-var C = Object.defineProperty;
-var F = (h, t, e) => t in h ? C(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e;
-var g = (h, t, e) => F(h, typeof t != "symbol" ? t + "" : t, e);
-import { Calendar as H, DateUtils as L } from "@forcecalendar/core";
+var F = Object.defineProperty;
+var H = (h, t, e) => t in h ? F(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e;
+var v = (h, t, e) => H(h, typeof t != "symbol" ? t + "" : t, e);
+import { Calendar as L, DateUtils as V } from "@forcecalendar/core";
 class M extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" }), this._listeners = [], this._state = null, this._props = /* @__PURE__ */ new Map(), this._initialized = !1;
@@ -125,14 +125,14 @@ class T {
   on(t, e, r = {}) {
     const { once: s = !1, priority: i = 0 } = r;
     if (t.includes("*")) {
-      const a = { pattern: t, handler: e, once: s, priority: i };
-      return this.wildcardHandlers.add(a), () => this.wildcardHandlers.delete(a);
+      const o = { pattern: t, handler: e, once: s, priority: i };
+      return this.wildcardHandlers.add(o), () => this.wildcardHandlers.delete(o);
     }
     this.events.has(t) || this.events.set(t, []);
-    const n = { handler: e, once: s, priority: i }, o = this.events.get(t);
-    return o.push(n), o.sort((a, c) => c.priority - a.priority), () => {
-      const a = o.indexOf(n);
-      a > -1 && o.splice(a, 1);
+    const n = { handler: e, once: s, priority: i }, a = this.events.get(t);
+    return a.push(n), a.sort((o, c) => c.priority - o.priority), () => {
+      const o = a.indexOf(n);
+      o > -1 && a.splice(o, 1);
     };
   }
   /**
@@ -187,12 +187,12 @@ class T {
     if (this.events.has(t)) {
       const s = [...this.events.get(t)];
       for (const i of s) {
-        const { handler: n, once: o } = i;
-        o && this.off(t, n);
+        const { handler: n, once: a } = i;
+        a && this.off(t, n);
         try {
           n(e, t);
-        } catch (a) {
-          console.error(`Error in event handler for ${t}:`, a);
+        } catch (o) {
+          console.error(`Error in event handler for ${t}:`, o);
         }
       }
     }
@@ -203,8 +203,8 @@ class T {
         n && r.push(s);
         try {
           i(e, t);
-        } catch (o) {
-          console.error(`Error in wildcard handler for ${t}:`, o);
+        } catch (a) {
+          console.error(`Error in wildcard handler for ${t}:`, a);
         }
       }
     r.forEach((s) => this.wildcardHandlers.delete(s));
@@ -249,10 +249,10 @@ class T {
     return t;
   }
 }
-const j = new T();
-class V {
+const U = new T();
+class I {
   constructor(t = {}) {
-    this.eventBus = new T(), this.calendar = new H({
+    this.eventBus = new T(), this.calendar = new L({
       view: t.view || "month",
       date: t.date || /* @__PURE__ */ new Date(),
       weekStartsOn: t.weekStartsOn ?? 0,
@@ -417,11 +417,11 @@ class V {
     if (e.weeks && (e.weeks = e.weeks.map((i) => ({
       ...i,
       days: i.days.map((n) => {
-        const o = new Date(n.date);
+        const a = new Date(n.date);
         return {
           ...n,
-          isSelected: o.toDateString() === r,
-          events: n.events || this.getEventsForDate(o)
+          isSelected: a.toDateString() === r,
+          events: n.events || this.getEventsForDate(a)
         };
       })
     }))), e.days && (e.days = e.days.map((i) => {
@@ -486,7 +486,7 @@ class V {
     this.subscribers.clear(), this._subscriberIds && (this._subscriberIds.clear(), this._subscriberIds = null), this.eventBus && (this.eventBus.clear(), this.eventBus = null), this.state = null, this.calendar = null;
   }
 }
-class p extends L {
+class p extends V {
   /**
    * Format date for display
    */
@@ -548,8 +548,8 @@ class p extends L {
    * Get relative time string (e.g., "2 hours ago", "in 3 days")
    */
   static getRelativeTime(t, e = /* @__PURE__ */ new Date(), r = "en-US") {
-    const s = new Intl.RelativeTimeFormat(r, { numeric: "auto" }), i = t - e, n = Math.floor(i / 1e3), o = Math.floor(n / 60), a = Math.floor(o / 60), c = Math.floor(a / 24), d = Math.floor(c / 7), l = Math.floor(c / 30), u = Math.floor(c / 365);
-    return Math.abs(n) < 60 ? s.format(n, "second") : Math.abs(o) < 60 ? s.format(o, "minute") : Math.abs(a) < 24 ? s.format(a, "hour") : Math.abs(c) < 7 ? s.format(c, "day") : Math.abs(d) < 4 ? s.format(d, "week") : Math.abs(l) < 12 ? s.format(l, "month") : s.format(u, "year");
+    const s = new Intl.RelativeTimeFormat(r, { numeric: "auto" }), i = t - e, n = Math.floor(i / 1e3), a = Math.floor(n / 60), o = Math.floor(a / 60), c = Math.floor(o / 24), d = Math.floor(c / 7), l = Math.floor(c / 30), f = Math.floor(c / 365);
+    return Math.abs(n) < 60 ? s.format(n, "second") : Math.abs(a) < 60 ? s.format(a, "minute") : Math.abs(o) < 24 ? s.format(o, "hour") : Math.abs(c) < 7 ? s.format(c, "day") : Math.abs(d) < 4 ? s.format(d, "week") : Math.abs(l) < 12 ? s.format(l, "month") : s.format(f, "year");
   }
   /**
    * Check if date is today
@@ -595,9 +595,9 @@ class p extends L {
    * Parse time string (e.g., "14:30" or "2:30 PM")
    */
   static parseTimeString(t, e = /* @__PURE__ */ new Date()) {
-    const r = new Date(e), [s, i] = t.split(/\s+/), [n, o] = s.split(":").map(Number);
-    let a = n;
-    return i && (i.toLowerCase() === "pm" && n < 12 ? a = n + 12 : i.toLowerCase() === "am" && n === 12 && (a = 0)), r.setHours(a, o || 0, 0, 0), r;
+    const r = new Date(e), [s, i] = t.split(/\s+/), [n, a] = s.split(":").map(Number);
+    let o = n;
+    return i && (i.toLowerCase() === "pm" && n < 12 ? o = n + 12 : i.toLowerCase() === "am" && n === 12 && (o = 0)), r.setHours(o, a || 0, 0, 0), r;
   }
 }
 class D {
@@ -614,8 +614,8 @@ class D {
       else if (i.startsWith("data-"))
         s.setAttribute(i, n);
       else if (i.startsWith("on") && typeof n == "function") {
-        const o = i.slice(2).toLowerCase();
-        s.addEventListener(o, n);
+        const a = i.slice(2).toLowerCase();
+        s.addEventListener(a, n);
       } else
         s[i] = n;
     }), r.forEach((i) => {
@@ -639,8 +639,8 @@ class D {
    */
   static delegate(t, e, r, s) {
     const i = (n) => {
-      const o = n.target.closest(e);
-      o && t.contains(o) && s.call(o, n);
+      const a = n.target.closest(e);
+      a && t.contains(a) && s.call(a, n);
     };
     return t.addEventListener(r, i), () => t.removeEventListener(r, i);
   }
@@ -795,7 +795,7 @@ class D {
     return t.addEventListener("keydown", i), r == null || r.focus(), () => t.removeEventListener("keydown", i);
   }
 }
-class f {
+class u {
   /**
    * Get CSS variable value
    */
@@ -963,15 +963,15 @@ class f {
    * Darken color by percentage
    */
   static darken(t, e) {
-    const r = parseInt(t.replace("#", ""), 16), s = Math.round(2.55 * e), i = (r >> 16) - s, n = (r >> 8 & 255) - s, o = (r & 255) - s;
-    return "#" + (16777216 + (i < 255 ? i < 1 ? 0 : i : 255) * 65536 + (n < 255 ? n < 1 ? 0 : n : 255) * 256 + (o < 255 ? o < 1 ? 0 : o : 255)).toString(16).slice(1);
+    const r = parseInt(t.replace("#", ""), 16), s = Math.round(2.55 * e), i = (r >> 16) - s, n = (r >> 8 & 255) - s, a = (r & 255) - s;
+    return "#" + (16777216 + (i < 255 ? i < 1 ? 0 : i : 255) * 65536 + (n < 255 ? n < 1 ? 0 : n : 255) * 256 + (a < 255 ? a < 1 ? 0 : a : 255)).toString(16).slice(1);
   }
   /**
    * Lighten color by percentage
    */
   static lighten(t, e) {
-    const r = parseInt(t.replace("#", ""), 16), s = Math.round(2.55 * e), i = (r >> 16) + s, n = (r >> 8 & 255) + s, o = (r & 255) + s;
-    return "#" + (16777216 + (i < 255 ? i < 1 ? 0 : i : 255) * 65536 + (n < 255 ? n < 1 ? 0 : n : 255) * 256 + (o < 255 ? o < 1 ? 0 : o : 255)).toString(16).slice(1);
+    const r = parseInt(t.replace("#", ""), 16), s = Math.round(2.55 * e), i = (r >> 16) + s, n = (r >> 8 & 255) + s, a = (r & 255) + s;
+    return "#" + (16777216 + (i < 255 ? i < 1 ? 0 : i : 255) * 65536 + (n < 255 ? n < 1 ? 0 : n : 255) * 256 + (a < 255 ? a < 1 ? 0 : a : 255)).toString(16).slice(1);
   }
   /**
    * Get contrast color (black or white) for background
@@ -1132,7 +1132,7 @@ class f {
 /**
  * Default theme colors
  */
-g(f, "colors", {
+v(u, "colors", {
   primary: "#3B82F6",
   // Modern Blue
   secondary: "#64748B",
@@ -1165,7 +1165,7 @@ g(f, "colors", {
 }), /**
  * Common CSS variables
  */
-g(f, "cssVariables", {
+v(u, "cssVariables", {
   // "Pro" Palette - Functional & Sharp
   "--fc-primary-color": "#2563EB",
   // International Blue (Focus)
@@ -1233,7 +1233,7 @@ g(f, "cssVariables", {
 }), /**
  * Get responsive breakpoints
  */
-g(f, "breakpoints", {
+v(u, "breakpoints", {
   xs: "320px",
   sm: "576px",
   md: "768px",
@@ -1319,21 +1319,13 @@ class E {
     return r === 0 ? `${i} ${s}` : `${i}:${r.toString().padStart(2, "0")} ${s}`;
   }
   /**
-   * 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(t) {
-    if (!t || typeof t != "string") return "white";
-    const e = t.charAt(0) === "#" ? t.substring(1) : t;
-    if (!/^[0-9A-Fa-f]{3}$|^[0-9A-Fa-f]{6}$/.test(e))
-      return "white";
-    const r = e.length === 3 ? e[0] + e[0] + e[1] + e[1] + e[2] + e[2] : e, s = parseInt(r.substring(0, 2), 16), i = parseInt(r.substring(2, 4), 16), n = parseInt(r.substring(4, 6), 16);
-    if (isNaN(s) || isNaN(i) || isNaN(n))
-      return "white";
-    const a = [s / 255, i / 255, n / 255].map((d) => d <= 0.03928 ? d / 12.92 : Math.pow((d + 0.055) / 1.055, 2.4));
-    return 0.2126 * a[0] + 0.7152 * a[1] + 0.0722 * a[2] > 0.179 ? "black" : "white";
+    return !t || typeof t != "string" || t.charAt(0) !== "#" ? "white" : u.getContrastColor(t);
   }
   /**
    * Render the "now" indicator line for time-based views
@@ -1352,29 +1344,29 @@ class E {
    */
   computeOverlapLayout(t) {
     if (!t || t.length === 0) return /* @__PURE__ */ new Map();
-    const e = t.map((a) => {
-      const c = new Date(a.start), d = new Date(a.end), l = c.getHours() * 60 + c.getMinutes(), u = Math.max(l + 1, d.getHours() * 60 + d.getMinutes());
-      return { id: a.id, startMin: l, endMin: u };
+    const e = t.map((o) => {
+      const c = new Date(o.start), d = new Date(o.end), l = c.getHours() * 60 + c.getMinutes(), f = Math.max(l + 1, d.getHours() * 60 + d.getMinutes());
+      return { id: o.id, startMin: l, endMin: f };
     });
-    e.sort((a, c) => a.startMin - c.startMin || c.endMin - c.startMin - (a.endMin - a.startMin));
+    e.sort((o, c) => o.startMin - c.startMin || c.endMin - c.startMin - (o.endMin - o.startMin));
     const r = [], s = /* @__PURE__ */ new Map();
-    for (const a of e) {
+    for (const o of e) {
       let c = !1;
       for (let d = 0; d < r.length; d++)
-        if (r[d] <= a.startMin) {
-          r[d] = a.endMin, s.set(a.id, { column: d, totalColumns: 0 }), c = !0;
+        if (r[d] <= o.startMin) {
+          r[d] = o.endMin, s.set(o.id, { column: d, totalColumns: 0 }), c = !0;
           break;
         }
-      c || (s.set(a.id, { column: r.length, totalColumns: 0 }), r.push(a.endMin));
+      c || (s.set(o.id, { column: r.length, totalColumns: 0 }), r.push(o.endMin));
     }
     const i = [];
-    let n = [], o = 0;
-    for (const a of e)
-      n.length === 0 || a.startMin < o ? (n.push(a), o = Math.max(o, a.endMin)) : (i.push(n), n = [a], o = a.endMin);
+    let n = [], a = 0;
+    for (const o of e)
+      n.length === 0 || o.startMin < a ? (n.push(o), a = Math.max(a, o.endMin)) : (i.push(n), n = [o], a = o.endMin);
     n.length > 0 && i.push(n);
-    for (const a of i) {
-      const c = Math.max(...a.map((d) => s.get(d.id).column)) + 1;
-      for (const d of a)
+    for (const o of i) {
+      const c = Math.max(...o.map((d) => s.get(d.id).column)) + 1;
+      for (const d of o)
         s.get(d.id).totalColumns = c;
     }
     return s;
@@ -1388,20 +1380,20 @@ class E {
    * @returns {string} HTML string
    */
   renderTimedEvent(t, e = {}) {
-    const { compact: r = !0, overlapLayout: s = null } = e, i = new Date(t.start), n = new Date(t.end), o = i.getHours() * 60 + i.getMinutes(), a = Math.max((n - i) / (1e3 * 60), r ? 20 : 30), c = this.getEventColor(t), d = r ? "4px 8px" : "8px 12px", l = r ? "11px" : "13px", u = r ? 2 : 12, m = r ? 2 : 24, b = r ? "4px" : "6px";
+    const { compact: r = !0, overlapLayout: s = null } = e, i = new Date(t.start), n = new Date(t.end), a = i.getHours() * 60 + i.getMinutes(), o = Math.max((n - i) / (1e3 * 60), r ? 20 : 30), c = this.getEventColor(t), d = this.getContrastingTextColor(c), l = r ? "4px 8px" : "8px 12px", f = r ? "11px" : "13px", g = r ? 2 : 12, b = r ? 2 : 24, S = r ? "4px" : "6px";
     let y, x;
     if (s && s.has(t.id)) {
-      const { column: S, totalColumns: _ } = s.get(t.id), $ = `(100% - ${u + m}px)`;
-      y = `calc(${u}px + ${S} * ${$} / ${_})`, x = `calc(${$} / ${_})`;
+      const { column: C, totalColumns: _ } = s.get(t.id), $ = `(100% - ${g + b}px)`;
+      y = `calc(${g}px + ${C} * ${$} / ${_})`, x = `calc(${$} / ${_})`;
     } else
-      y = `${u}px`, x = `calc(100% - ${u + m}px)`;
+      y = `${g}px`, x = `calc(100% - ${g + b}px)`;
     return `
             <div class="fc-event fc-timed-event" data-event-id="${this.escapeHTML(t.id)}"
-                 style="position: absolute; top: ${o}px; height: ${a}px;
+                 style="position: absolute; top: ${a}px; height: ${o}px;
                         left: ${y}; width: ${x};
-                        background-color: ${c}; border-radius: ${b};
-                        padding: ${d}; font-size: ${l};
-                        font-weight: 500; color: white; overflow: hidden;
+                        background-color: ${c}; border-radius: ${S};
+                        padding: ${l}; font-size: ${f};
+                        font-weight: 500; color: ${d}; 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;">
@@ -1419,7 +1411,7 @@ class E {
    * @returns {string}
    */
   getEventColor(t) {
-    return f.sanitizeColor(t == null ? void 0 : t.backgroundColor, "#2563eb");
+    return u.sanitizeColor(t == null ? void 0 : t.backgroundColor, "#2563eb");
   }
   /**
    * Attach common event handlers for day/event clicks
@@ -1477,7 +1469,7 @@ class w extends E {
     }), e += "</div>", e;
   }
   _renderDay(t) {
-    const e = !t.isCurrentMonth, r = t.isToday, s = e ? "var(--fc-background-hover)" : "var(--fc-background)", i = e ? "var(--fc-text-light)" : "var(--fc-text-color)", n = r ? "background: var(--fc-primary-color); color: white; border-radius: 50%; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center;" : "", o = t.events || [], a = o.slice(0, this.maxEventsToShow), c = o.length - this.maxEventsToShow;
+    const e = !t.isCurrentMonth, r = t.isToday, s = e ? "var(--fc-background-hover)" : "var(--fc-background)", i = e ? "var(--fc-text-light)" : "var(--fc-text-color)", n = r ? "background: var(--fc-primary-color); color: white; border-radius: 50%; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center;" : "", a = t.events || [], o = a.slice(0, this.maxEventsToShow), c = a.length - this.maxEventsToShow;
     return `
             <div class="fc-month-day" data-date="${t.date}"
                  style="background: ${s}; border-right: 1px solid var(--fc-border-color); border-bottom: 1px solid var(--fc-border-color); padding: 4px; min-height: 80px; cursor: pointer; display: flex; flex-direction: column;">
@@ -1485,7 +1477,7 @@ class w extends E {
                     ${t.dayOfMonth}
                 </div>
                 <div class="fc-day-events" style="display: flex; flex-direction: column; gap: 2px; flex: 1; overflow: hidden;">
-                    ${a.map((d) => this._renderEvent(d)).join("")}
+                    ${o.map((d) => this._renderEvent(d)).join("")}
                     ${c > 0 ? `<div class="fc-more-events" style="font-size: 10px; color: var(--fc-text-light); padding: 2px 4px; font-weight: 500;">+${c} more</div>` : ""}
                 </div>
             </div>
@@ -1509,7 +1501,7 @@ class w extends E {
     }), this.attachCommonEventHandlers();
   }
 }
-class I extends E {
+class z extends E {
   constructor(t, e) {
     super(t, e), this.hourHeight = 60, this.totalHeight = 24 * this.hourHeight;
   }
@@ -1525,14 +1517,14 @@ class I extends E {
     this.container.innerHTML = r, this._attachEventHandlers(), this._scrollToCurrentTime();
   }
   _renderWeekView(t, e) {
-    const r = t.days, s = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], i = Array.from({ length: 24 }, (o, a) => a), n = r.map((o) => {
-      const a = new Date(o.date), c = o.events || [];
+    const r = t.days, s = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], i = Array.from({ length: 24 }, (a, o) => o), n = r.map((a) => {
+      const o = new Date(a.date), c = a.events || [];
       return {
-        ...o,
-        date: a,
-        dayName: s[a.getDay()],
-        dayOfMonth: a.getDate(),
-        isToday: this.isToday(a),
+        ...a,
+        date: o,
+        dayName: s[o.getDay()],
+        dayOfMonth: o.getDate(),
+        isToday: this.isToday(o),
         timedEvents: c.filter((d) => !d.allDay),
         allDayEvents: c.filter((d) => d.allDay)
       };
@@ -1631,10 +1623,10 @@ class I extends E {
     this.addListener(this.container, "click", (t) => {
       const e = t.target.closest(".fc-week-day-column");
       if (!e || !this.container.contains(e) || t.target.closest(".fc-event")) return;
-      const r = new Date(e.dataset.date), s = this.container.querySelector("#week-scroll-container"), i = e.offsetTop, n = t.clientY - e.getBoundingClientRect().top + (s ? s.scrollTop : 0) - i, o = Math.max(0, Math.min(n + i, this.totalHeight));
+      const r = new Date(e.dataset.date), s = this.container.querySelector("#week-scroll-container"), i = e.offsetTop, n = t.clientY - e.getBoundingClientRect().top + (s ? s.scrollTop : 0) - i, a = Math.max(0, Math.min(n + i, this.totalHeight));
       r.setHours(
-        Math.floor(o / this.hourHeight),
-        Math.floor(o % this.hourHeight / (this.hourHeight / 60)),
+        Math.floor(a / this.hourHeight),
+        Math.floor(a % this.hourHeight / (this.hourHeight / 60)),
         0,
         0
       ), this.stateManager.selectDate(r);
@@ -1646,7 +1638,7 @@ class I extends E {
     t && (t.scrollTop = 8 * this.hourHeight - 50, this._scrolled = !0);
   }
 }
-class z extends E {
+class B extends E {
   constructor(t, e) {
     super(t, e), this.hourHeight = 60, this.totalHeight = 24 * this.hourHeight;
   }
@@ -1662,40 +1654,40 @@ class z extends E {
     this.container.innerHTML = r, this._attachEventHandlers(), this._scrollToCurrentTime();
   }
   _renderDayView(t, e) {
-    var l, u;
-    const r = ((u = (l = this.stateManager) == null ? void 0 : l.getState()) == null ? void 0 : u.currentDate) || /* @__PURE__ */ new Date(), s = this._extractDayData(t, r);
+    var l, f;
+    const r = ((f = (l = this.stateManager) == null ? void 0 : l.getState()) == null ? void 0 : f.currentDate) || /* @__PURE__ */ new Date(), s = this._extractDayData(t, r);
     if (!s)
       return '<div style="padding: 20px; text-align: center; color: var(--fc-text-secondary);">No data available for day view.</div>';
-    const { dayDate: i, dayName: n, isToday: o, allDayEvents: a, timedEvents: c } = s, d = Array.from({ length: 24 }, (m, b) => b);
+    const { dayDate: i, dayName: n, isToday: a, allDayEvents: o, timedEvents: c } = s, d = Array.from({ length: 24 }, (g, b) => b);
     return `
             <div class="fc-day-view" style="display: flex; flex-direction: column; height: 100%; background: var(--fc-background); overflow: hidden;">
-                ${this._renderHeader(i, n, o)}
-                ${this._renderAllDayRow(a, i)}
-                ${this._renderTimeGrid(c, o, i, d)}
+                ${this._renderHeader(i, n, a)}
+                ${this._renderAllDayRow(o, i)}
+                ${this._renderTimeGrid(c, a, i, d)}
             </div>
         `;
   }
   _extractDayData(t, e) {
-    let r, s, i, n, o;
-    const a = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
+    let r, s, i, n, a;
+    const o = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
     if (t.type === "day" && t.date)
-      if (r = new Date(t.date), s = t.dayName || a[r.getDay()], i = t.isToday !== void 0 ? t.isToday : this.isToday(r), n = t.allDayEvents || [], t.hours && Array.isArray(t.hours)) {
+      if (r = new Date(t.date), s = t.dayName || o[r.getDay()], i = t.isToday !== void 0 ? t.isToday : this.isToday(r), n = t.allDayEvents || [], t.hours && Array.isArray(t.hours)) {
         const c = /* @__PURE__ */ new Map();
         t.hours.forEach((d) => {
           (d.events || []).forEach((l) => {
             c.has(l.id) || c.set(l.id, l);
           });
-        }), o = Array.from(c.values());
+        }), a = Array.from(c.values());
       } else
-        o = [];
+        a = [];
     else if (t.days && t.days.length > 0) {
       const c = t.days.find((l) => this.isSameDay(new Date(l.date), e)) || t.days[0];
-      r = new Date(c.date), s = a[r.getDay()], i = this.isToday(r);
+      r = new Date(c.date), s = o[r.getDay()], i = this.isToday(r);
       const d = c.events || [];
-      n = d.filter((l) => l.allDay), o = d.filter((l) => !l.allDay);
+      n = d.filter((l) => l.allDay), a = d.filter((l) => !l.allDay);
     } else
       return null;
-    return { dayDate: r, dayName: s, isToday: i, allDayEvents: n, timedEvents: o };
+    return { dayDate: r, dayName: s, isToday: i, allDayEvents: n, timedEvents: a };
   }
   _renderHeader(t, e, r) {
     return `
@@ -1775,10 +1767,10 @@ class z extends E {
     this.addListener(this.container, "click", (t) => {
       const e = t.target.closest(".fc-day-column");
       if (!e || !this.container.contains(e) || t.target.closest(".fc-event")) return;
-      const r = new Date(e.dataset.date), s = this.container.querySelector("#day-scroll-container"), i = e.offsetTop, n = t.clientY - e.getBoundingClientRect().top + (s ? s.scrollTop : 0) - i, o = Math.max(0, Math.min(n + i, this.totalHeight));
+      const r = new Date(e.dataset.date), s = this.container.querySelector("#day-scroll-container"), i = e.offsetTop, n = t.clientY - e.getBoundingClientRect().top + (s ? s.scrollTop : 0) - i, a = Math.max(0, Math.min(n + i, this.totalHeight));
       r.setHours(
-        Math.floor(o / this.hourHeight),
-        Math.floor(o % this.hourHeight / (this.hourHeight / 60)),
+        Math.floor(a / this.hourHeight),
+        Math.floor(a % this.hourHeight / (this.hourHeight / 60)),
         0,
         0
       ), this.stateManager.selectDate(r);
@@ -1790,7 +1782,7 @@ class z extends E {
     t && (t.scrollTop = 8 * this.hourHeight - 50, this._scrolled = !0);
   }
 }
-class B extends M {
+class A extends M {
   constructor() {
     super(), this._isVisible = !1, this._cleanupFocusTrap = null, this.config = {
       title: "New Event",
@@ -1820,8 +1812,8 @@ class B extends M {
   }
   getStyles() {
     return `
-            ${f.getBaseStyles()}
-            ${f.getButtonStyles()}
+            ${u.getBaseStyles()}
+            ${u.getButtonStyles()}
 
             :host {
                 display: none;
@@ -2088,15 +2080,15 @@ class B extends M {
     this.emit("save", t), this.close();
   }
   formatDateForInput(t) {
-    const e = (a) => String(a).padStart(2, "0"), r = t.getFullYear(), s = e(t.getMonth() + 1), i = e(t.getDate()), n = e(t.getHours()), o = e(t.getMinutes());
-    return `${r}-${s}-${i}T${n}:${o}`;
+    const e = (o) => String(o).padStart(2, "0"), r = t.getFullYear(), s = e(t.getMonth() + 1), i = e(t.getDate()), n = e(t.getHours()), a = e(t.getMinutes());
+    return `${r}-${s}-${i}T${n}:${a}`;
   }
   unmount() {
     this._cleanupFocusTrap && this._cleanupFocusTrap(), this._handleKeyDown && (window.removeEventListener("keydown", this._handleKeyDown), this._handleKeyDown = null, this._keydownListenerAdded = !1);
   }
 }
-customElements.get("forcecal-event-form") || customElements.define("forcecal-event-form", B);
-const v = class v extends M {
+customElements.get("forcecal-event-form") || customElements.define("forcecal-event-form", A);
+const m = class m extends M {
   static get observedAttributes() {
     return ["view", "date", "locale", "timezone", "week-starts-on", "height"];
   }
@@ -2111,7 +2103,7 @@ const v = class v extends M {
       timeZone: this.getAttribute("timezone") || Intl.DateTimeFormat().resolvedOptions().timeZone,
       weekStartsOn: parseInt(this.getAttribute("week-starts-on") || "0")
     };
-    this.stateManager = new V(t), this._stateUnsubscribe = this.stateManager.subscribe(this.handleStateChange.bind(this)), this.setupEventListeners();
+    this.stateManager = new I(t), this._stateUnsubscribe = this.stateManager.subscribe(this.handleStateChange.bind(this)), this.setupEventListeners();
   }
   setupEventListeners() {
     this._busUnsubscribers.forEach((r) => r()), this._busUnsubscribers = [];
@@ -2159,10 +2151,10 @@ const v = class v extends M {
     );
   }
   handleStateChange(t, e) {
-    var a, c;
+    var o, c;
     if (!this._hasRendered)
       return;
-    const r = t.view !== (e == null ? void 0 : e.view), s = ((a = t.currentDate) == null ? void 0 : a.getTime()) !== ((c = e == null ? void 0 : e.currentDate) == null ? void 0 : c.getTime()), i = t.events !== (e == null ? void 0 : e.events), n = t.loading !== (e == null ? void 0 : e.loading);
+    const r = t.view !== (e == null ? void 0 : e.view), s = ((o = t.currentDate) == null ? void 0 : o.getTime()) !== ((c = e == null ? void 0 : e.currentDate) == null ? void 0 : c.getTime()), i = t.events !== (e == null ? void 0 : e.events), n = t.loading !== (e == null ? void 0 : e.loading);
     if (t.error !== (e == null ? void 0 : e.error)) {
       this.render();
       return;
@@ -2201,7 +2193,7 @@ const v = class v extends M {
     if (t) {
       this._currentViewInstance && this._currentViewInstance.cleanup && this._currentViewInstance.cleanup();
       try {
-        const e = v.RENDERERS[this.currentView] || w, r = new e(t, this.stateManager);
+        const e = m.RENDERERS[this.currentView] || w, r = new e(t, this.stateManager);
         r._viewType = this.currentView, this._currentViewInstance = r, r.render();
       } catch (e) {
         console.error("[ForceCalendar] Error switching view:", e);
@@ -2230,10 +2222,10 @@ const v = class v extends M {
   getStyles() {
     const t = this.getAttribute("height") || "800px";
     return `
-            ${f.getBaseStyles()}
-            ${f.getButtonStyles()}
-            ${f.getGridStyles()}
-            ${f.getAnimations()}
+            ${u.getBaseStyles()}
+            ${u.getButtonStyles()}
+            ${u.getGridStyles()}
+            ${u.getAnimations()}
 
             :host {
                 --calendar-height: ${t};
@@ -2685,7 +2677,7 @@ const v = class v extends M {
         return;
       this._currentViewInstance && (this._currentViewInstance.cleanup && this._currentViewInstance.cleanup(), this._viewUnsubscribe && (this._viewUnsubscribe(), this._viewUnsubscribe = null));
       try {
-        const s = v.RENDERERS[this.currentView] || w, i = new s(t, this.stateManager);
+        const s = m.RENDERERS[this.currentView] || w, i = new s(t, this.stateManager);
         i._viewType = this.currentView, this._currentViewInstance = i, i.render();
       } catch (s) {
         console.error("[ForceCalendar] Error creating/rendering view:", s);
@@ -2795,25 +2787,25 @@ const v = class v extends M {
     this._busUnsubscribers.forEach((t) => t()), this._busUnsubscribers = [], this._stateUnsubscribe && (this._stateUnsubscribe(), this._stateUnsubscribe = null), this._currentViewInstance && this._currentViewInstance.cleanup && (this._currentViewInstance.cleanup(), this._currentViewInstance = null), this.stateManager && this.stateManager.destroy(), super.cleanup();
   }
 };
-g(v, "RENDERERS", {
+v(m, "RENDERERS", {
   month: w,
-  week: I,
-  day: z
+  week: z,
+  day: B
 });
-let k = v;
+let k = m;
 customElements.get("forcecal-main") || customElements.define("forcecal-main", k);
 export {
   M as BaseComponent,
   E as BaseViewRenderer,
   D as DOMUtils,
   p as DateUtils,
-  z as DayViewRenderer,
+  B as DayViewRenderer,
   T as EventBus,
   k as ForceCalendar,
   w as MonthViewRenderer,
-  V as StateManager,
-  f as StyleUtils,
-  I as WeekViewRenderer,
-  j as eventBus
+  I as StateManager,
+  u as StyleUtils,
+  z as WeekViewRenderer,
+  U as eventBus
 };
 //# sourceMappingURL=force-calendar-interface.esm.js.map