@forcecalendar/interface 1.0.18 → 1.0.20

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

@@ -1,7 +1,7 @@
-var Y = Object.defineProperty;
-var j = (u, e, t) => e in u ? Y(u, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[e] = t;
-var z = (u, e, t) => j(u, typeof e != "symbol" ? e + "" : e, t);
-class _ extends HTMLElement {
+var V = Object.defineProperty;
+var W = (u, e, t) => e in u ? V(u, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[e] = t;
+var $ = (u, e, t) => W(u, typeof e != "symbol" ? e + "" : e, t);
+class O extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" }), this._listeners = [], this._state = null, this._props = /* @__PURE__ */ new Map(), this._initialized = !1;
   }
@@ -108,7 +108,7 @@ class _ extends HTMLElement {
     this.setProp(e, s), this._initialized && this.render();
   }
 }
-class W {
+class j {
   constructor() {
     this.timezones = {
       // UTC
@@ -673,25 +673,25 @@ class W {
     };
   }
 }
-let C = null;
-class S {
+let k = null;
+class C {
   /**
    * Get the shared singleton instance of TimezoneManager
    * This should be used instead of creating new instances to avoid memory bloat
    * @returns {TimezoneManager} The shared instance
    */
   static getInstance() {
-    return C || (C = new S()), C;
+    return k || (k = new C()), k;
   }
   /**
    * Reset the singleton instance (useful for testing)
    * @private
    */
   static _resetInstance() {
-    C && C.clearCache(), C = null;
+    k && k.clearCache(), k = null;
   }
   constructor() {
-    this.database = new W(), this.offsetCache = /* @__PURE__ */ new Map(), this.dstCache = /* @__PURE__ */ new Map(), this.maxCacheSize = 1e3, this.cacheHits = 0, this.cacheMisses = 0;
+    this.database = new j(), this.offsetCache = /* @__PURE__ */ new Map(), this.dstCache = /* @__PURE__ */ new Map(), this.maxCacheSize = 1e3, this.cacheHits = 0, this.cacheMisses = 0;
   }
   /**
    * Convert date from one timezone to another
@@ -976,7 +976,7 @@ class S {
     }
   }
 }
-class D {
+class w {
   /**
    * Normalize event data
    * @param {import('../../types.js').EventData} data - Raw event data
@@ -1039,27 +1039,27 @@ class D {
     color: o = null,
     backgroundColor: c = null,
     borderColor: l = null,
-    textColor: d = null,
-    recurring: h = !1,
-    recurrenceRule: m = null,
+    textColor: h = null,
+    recurring: d = !1,
+    recurrenceRule: p = null,
     timeZone: b = null,
-    endTimeZone: x = null,
-    status: A = "confirmed",
-    visibility: k = "public",
-    organizer: M = null,
-    attendees: $ = [],
+    endTimeZone: v = null,
+    status: M = "confirmed",
+    visibility: D = "public",
+    organizer: T = null,
+    attendees: A = [],
     reminders: I = [],
     category: R,
     // Support singular category (no default)
     categories: B,
     // Support plural categories (no default)
-    attachments: V = [],
-    conferenceData: N = null,
-    metadata: P = {},
-    ...U
+    attachments: U = [],
+    conferenceData: Y = null,
+    metadata: N = {},
+    ...P
     // Capture any extra properties
   }) {
-    const g = D.normalize({
+    const g = w.normalize({
       id: e,
       title: t,
       start: s,
@@ -1070,27 +1070,27 @@ class D {
       color: o,
       backgroundColor: c,
       borderColor: l,
-      textColor: d,
-      recurring: h,
-      recurrenceRule: m,
+      textColor: h,
+      recurring: d,
+      recurrenceRule: p,
       timeZone: b,
-      endTimeZone: x,
-      status: A,
-      visibility: k,
-      organizer: M,
-      attendees: $,
+      endTimeZone: v,
+      status: M,
+      visibility: D,
+      organizer: T,
+      attendees: A,
       reminders: I,
       category: R,
       // Pass category to normalize
       categories: B,
       // Pass categories to normalize
-      attachments: V,
-      conferenceData: N,
-      metadata: P,
-      ...U
+      attachments: U,
+      conferenceData: Y,
+      metadata: N,
+      ...P
       // Pass any extra properties
     });
-    D.validate(g), this.id = g.id, this.title = g.title, this._timezoneManager = S.getInstance(), this.timeZone = g.timeZone || this._timezoneManager.getSystemTimezone(), this.endTimeZone = g.endTimeZone || this.timeZone, this.start = g.start, this.end = g.end, this.startUTC = this._timezoneManager.toUTC(this.start, this.timeZone), this.endUTC = this._timezoneManager.toUTC(this.end, this.endTimeZone), this.allDay = g.allDay, this.description = g.description, this.location = g.location, this.color = g.color, this.backgroundColor = g.backgroundColor, this.borderColor = g.borderColor, this.textColor = g.textColor, this.recurring = g.recurring, this.recurrenceRule = g.recurrenceRule, this._originalTimeZone = g.timeZone || null, this.status = g.status, this.visibility = g.visibility, this.organizer = g.organizer, this.attendees = [...g.attendees], this.reminders = [...g.reminders], this.categories = g.categories ? [...g.categories] : [], this.attachments = [...g.attachments], this.conferenceData = g.conferenceData, this.metadata = { ...g.metadata }, this._cache = {}, this._validateAttendees(), this._validateReminders();
+    w.validate(g), this.id = g.id, this.title = g.title, this._timezoneManager = C.getInstance(), this.timeZone = g.timeZone || this._timezoneManager.getSystemTimezone(), this.endTimeZone = g.endTimeZone || this.timeZone, this.start = g.start, this.end = g.end, this.startUTC = this._timezoneManager.toUTC(this.start, this.timeZone), this.endUTC = this._timezoneManager.toUTC(this.end, this.endTimeZone), this.allDay = g.allDay, this.description = g.description, this.location = g.location, this.color = g.color, this.backgroundColor = g.backgroundColor, this.borderColor = g.borderColor, this.textColor = g.textColor, this.recurring = g.recurring, this.recurrenceRule = g.recurrenceRule, this._originalTimeZone = g.timeZone || null, this.status = g.status, this.visibility = g.visibility, this.organizer = g.organizer, this.attendees = [...g.attendees], this.reminders = [...g.reminders], this.categories = g.categories ? [...g.categories] : [], this.attachments = [...g.attachments], this.conferenceData = g.conferenceData, this.metadata = { ...g.metadata }, this._cache = {}, this._validateAttendees(), this._validateReminders();
   }
   /**
    * Get event duration in milliseconds
@@ -1180,7 +1180,7 @@ class D {
    * @throws {Error} If otherEvent is not an Event instance or doesn't have start/end
    */
   overlaps(e) {
-    if (e instanceof D)
+    if (e instanceof w)
       return !(this.end <= e.start || this.start >= e.end);
     if (e && e.start && e.end)
       return !(this.end <= e.start || this.start >= e.end);
@@ -1200,7 +1200,7 @@ class D {
    * @returns {Event} New Event instance with updated properties
    */
   clone(e = {}) {
-    return new D({
+    return new w({
       id: this.id,
       title: this.title,
       start: new Date(this.start),
@@ -1264,7 +1264,7 @@ class D {
    * @returns {Event} New Event instance
    */
   static fromObject(e) {
-    return new D(e);
+    return new w(e);
   }
   /**
    * Compare events for equality
@@ -1272,7 +1272,7 @@ class D {
    * @returns {boolean} True if events are equal
    */
   equals(e) {
-    return e instanceof D ? this.id === e.id && this.title === e.title && this.start.getTime() === e.start.getTime() && this.end.getTime() === e.end.getTime() && this.allDay === e.allDay && this.description === e.description && this.location === e.location && this.recurring === e.recurring && this.recurrenceRule === e.recurrenceRule && this.status === e.status : !1;
+    return e instanceof w ? this.id === e.id && this.title === e.title && this.start.getTime() === e.start.getTime() && this.end.getTime() === e.end.getTime() && this.allDay === e.allDay && this.description === e.description && this.location === e.location && this.recurring === e.recurring && this.recurrenceRule === e.recurrenceRule && this.status === e.status : !1;
   }
   // ============ Attendee Management Methods ============
   /**
@@ -1531,7 +1531,7 @@ class D {
     return this.conferenceData !== null;
   }
 }
-let f = class w {
+let f = class y {
   /**
    * Get the start of a day
    * @param {Date} date - The date
@@ -1567,7 +1567,7 @@ let f = class w {
    * @returns {Date}
    */
   static endOfWeek(e, t = 0) {
-    const s = w.startOfWeek(e, t);
+    const s = y.startOfWeek(e, t);
     return s.setDate(s.getDate() + 6), s.setHours(23, 59, 59, 999), s;
   }
   /**
@@ -1619,7 +1619,7 @@ let f = class w {
    * @returns {Date}
    */
   static addWeeks(e, t) {
-    return w.addDays(e, t * 7);
+    return y.addDays(e, t * 7);
   }
   /**
    * Add months to a date
@@ -1701,7 +1701,7 @@ let f = class w {
    * @returns {boolean}
    */
   static isSameWeek(e, t, s = 0) {
-    const i = w.startOfWeek(e, s), r = w.startOfWeek(t, s);
+    const i = y.startOfWeek(e, s), r = y.startOfWeek(t, s);
     return i.toDateString() === r.toDateString();
   }
   /**
@@ -1739,7 +1739,7 @@ let f = class w {
    * @returns {number}
    */
   static differenceInWeeks(e, t) {
-    return Math.floor(w.differenceInDays(e, t) / 7);
+    return Math.floor(y.differenceInDays(e, t) / 7);
   }
   /**
    * Get the difference in months between two dates
@@ -1795,7 +1795,7 @@ let f = class w {
    * @returns {string}
    */
   static getMonthName(e, t = "en-US", s = "long") {
-    return w.format(e, t, { month: s });
+    return y.format(e, t, { month: s });
   }
   /**
    * Get day name
@@ -1805,7 +1805,7 @@ let f = class w {
    * @returns {string}
    */
   static getDayName(e, t = "en-US", s = "long") {
-    return w.format(e, t, { weekday: s });
+    return y.format(e, t, { weekday: s });
   }
   /**
    * Format time
@@ -1815,7 +1815,7 @@ let f = class w {
    * @returns {string}
    */
   static formatTime(e, t = "en-US", s = !1) {
-    return w.format(e, t, {
+    return y.format(e, t, {
       hour: "numeric",
       minute: "2-digit",
       hour12: !s
@@ -1837,7 +1837,7 @@ let f = class w {
    * @returns {Date}
    */
   static setTime(e, t) {
-    const s = new Date(e), { hours: i, minutes: r } = w.parseTime(t);
+    const s = new Date(e), { hours: i, minutes: r } = y.parseTime(t);
     return s.setHours(i, r, 0, 0), s;
   }
   /**
@@ -1916,7 +1916,7 @@ let f = class w {
    * @returns {boolean}
    */
   static isDST(e, t) {
-    const s = new Date(e.getFullYear(), 0, 1), i = new Date(e.getFullYear(), 6, 1), r = w.getTimezoneOffset(s, t), n = w.getTimezoneOffset(i, t), a = w.getTimezoneOffset(e, t);
+    const s = new Date(e.getFullYear(), 0, 1), i = new Date(e.getFullYear(), 6, 1), r = y.getTimezoneOffset(s, t), n = y.getTimezoneOffset(i, t), a = y.getTimezoneOffset(e, t);
     return Math.max(r, n) === a;
   }
   /**
@@ -1927,9 +1927,9 @@ let f = class w {
    * @returns {Date}
    */
   static addHoursWithDST(e, t, s) {
-    const i = new Date(e), r = w.getTimezoneOffset(e, s);
+    const i = new Date(e), r = y.getTimezoneOffset(e, s);
     i.setTime(i.getTime() + t * 60 * 60 * 1e3);
-    const n = w.getTimezoneOffset(i, s);
+    const n = y.getTimezoneOffset(i, s);
     if (r !== n) {
       const a = (n - r) * 6e4;
       i.setTime(i.getTime() + a);
@@ -1948,8 +1948,8 @@ let f = class w {
    * @returns {Date}
    */
   static createInTimeZone(e, t, s, i = 0, r = 0, n = 0, a) {
-    const o = `${e}-${String(t + 1).padStart(2, "0")}-${String(s).padStart(2, "0")}`, c = `${String(i).padStart(2, "0")}:${String(r).padStart(2, "0")}:${String(n).padStart(2, "0")}`, l = /* @__PURE__ */ new Date(`${o}T${c}`), d = w.getTimezoneOffset(l, a), h = l.getTime() + d * 6e4;
-    return new Date(h);
+    const o = `${e}-${String(t + 1).padStart(2, "0")}-${String(s).padStart(2, "0")}`, c = `${String(i).padStart(2, "0")}:${String(r).padStart(2, "0")}:${String(n).padStart(2, "0")}`, l = /* @__PURE__ */ new Date(`${o}T${c}`), h = y.getTimezoneOffset(l, a), d = l.getTime() + h * 6e4;
+    return new Date(d);
   }
 };
 class Z {
@@ -2219,35 +2219,35 @@ class q {
   static expandEvent(e, t, s, i = 365, r = null) {
     if (!e.recurring || !e.recurrenceRule)
       return [{ start: e.start, end: e.end, timezone: e.timeZone }];
-    const n = this.parseRule(e.recurrenceRule), a = [], o = e.end - e.start, c = r || e.timeZone || "UTC", l = S.getInstance();
-    let d = new Date(e.start), h = 0;
+    const n = this.parseRule(e.recurrenceRule), a = [], o = e.end - e.start, c = r || e.timeZone || "UTC", l = C.getInstance();
+    let h = new Date(e.start), d = 0;
     n.until && n.until < s && (s = n.until);
-    let m = l.getTimezoneOffset(d, c), b = 0;
-    const x = 3;
-    for (; d <= s && h < i; ) {
-      if (d >= t) {
-        const k = new Date(d), M = new Date(d.getTime() + o), $ = l.getTimezoneOffset(k, c);
-        if ($ !== m) {
-          const I = m - $;
-          k.setMinutes(k.getMinutes() + I), M.setMinutes(M.getMinutes() + I);
+    let p = l.getTimezoneOffset(h, c), b = 0;
+    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);
+        if (A !== p) {
+          const I = p - A;
+          D.setMinutes(D.getMinutes() + I), T.setMinutes(T.getMinutes() + I);
         }
-        m = $, this.isException(k, n, e.id) || a.push({
-          start: k,
-          end: M,
+        p = A, this.isException(D, n, e.id) || a.push({
+          start: D,
+          end: T,
           recurringEventId: e.id,
           timezone: c,
           originalStart: e.start
         });
       }
-      const A = d.getTime();
-      if (d = this.getNextOccurrence(d, n, c), h++, d.getTime() === A) {
-        if (b++, b >= x) {
+      const M = h.getTime();
+      if (h = this.getNextOccurrence(h, n, c), d++, h.getTime() === M) {
+        if (b++, b >= v) {
           console.warn("RecurrenceEngine: Date not advancing, breaking to prevent infinite loop");
           break;
         }
       } else
         b = 0;
-      if (n.count && h >= n.count)
+      if (n.count && d >= n.count)
         break;
     }
     return a;
@@ -2446,7 +2446,7 @@ class q {
     return r && (n = `${r === -1 ? "Last" : ["", "1st", "2nd", "3rd", "4th", "5th"][r] || `${r}th`} ${n}`), n;
   }
 }
-class L {
+class _ {
   /**
    * Create a new LRU Cache
    * @param {number} capacity - Maximum number of items in cache
@@ -2766,7 +2766,7 @@ class G {
       enableAdaptiveMemory: !0,
       // Enable adaptive memory management
       ...e
-    }, this.eventCache = new L(this.config.cacheCapacity), this.queryCache = new L(Math.floor(this.config.cacheCapacity / 2)), this.dateRangeCache = new L(Math.floor(this.config.cacheCapacity / 4)), this.config.enableAdaptiveMemory && (this.memoryManager = new K({
+    }, this.eventCache = new _(this.config.cacheCapacity), this.queryCache = new _(Math.floor(this.config.cacheCapacity / 2)), this.dateRangeCache = new _(Math.floor(this.config.cacheCapacity / 4)), this.config.enableAdaptiveMemory && (this.memoryManager = new K({
       checkInterval: 3e4,
       memoryThreshold: 0.75,
       criticalThreshold: 0.9
@@ -3085,8 +3085,8 @@ class Q {
       throw new Error("Event must have start and end dates");
     const i = [], r = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), a = new Date(e.start.getTime() - s.bufferMinutes * 6e4), o = new Date(e.end.getTime() + s.bufferMinutes * 6e4), c = this.eventStore.getEventsInRange(a, o, !1).filter((l) => !(l.id === e.id || s.excludeEventIds.includes(l.id) || !s.includeStatuses.includes(l.status) || s.ignoreAllDay && (l.allDay || e.allDay) || l.status === "cancelled"));
     for (const l of c) {
-      const d = this._detectEventConflicts(e, l, s);
-      d.length > 0 && (i.push(...d), r.add(e.id), r.add(l.id), e.attendees && e.attendees.forEach((h) => n.add(h.email)), l.attendees && l.attendees.forEach((h) => n.add(h.email)));
+      const h = this._detectEventConflicts(e, l, s);
+      h.length > 0 && (i.push(...h), r.add(e.id), r.add(l.id), e.attendees && e.attendees.forEach((d) => n.add(d.email)), l.attendees && l.attendees.forEach((d) => n.add(d.email)));
     }
     return this._buildConflictSummary(i, r, n);
   }
@@ -3356,7 +3356,7 @@ class J {
       byCategory: /* @__PURE__ */ new Map(),
       /** @type {Map<string, Set<string>>} Status -> Set of event IDs */
       byStatus: /* @__PURE__ */ new Map()
-    }, this.timezoneManager = S.getInstance(), this.defaultTimezone = e.timezone || this.timezoneManager.getSystemTimezone(), this.optimizer = new G(e.performance), this.conflictDetector = new Q(this), this.isBatchMode = !1, this.batchNotifications = [], this.batchBackup = null, this.version = 0, this.listeners = /* @__PURE__ */ new Set();
+    }, this.timezoneManager = C.getInstance(), this.defaultTimezone = e.timezone || this.timezoneManager.getSystemTimezone(), this.optimizer = new G(e.performance), this.conflictDetector = new Q(this), this.isBatchMode = !1, this.batchNotifications = [], this.batchBackup = null, this.version = 0, this.listeners = /* @__PURE__ */ new Set();
   }
   /**
    * Add an event to the store
@@ -3366,7 +3366,7 @@ class J {
    */
   addEvent(e) {
     return this.optimizer.measure("addEvent", () => {
-      if (e instanceof D || (e = new D(e)), this.events.has(e.id))
+      if (e instanceof w || (e = new w(e)), this.events.has(e.id))
         throw new Error(`Event with id ${e.id} already exists`);
       return this.events.set(e.id, e), this.optimizer.cache(e.id, e, "event"), this._indexEvent(e), this.isBatchMode ? this.batchNotifications.push({
         type: "add",
@@ -3481,10 +3481,10 @@ class J {
     t = t || this.defaultTimezone, f.getLocalDateString(e);
     const s = /* @__PURE__ */ new Set(), i = new Date(e);
     for (let l = -1; l <= 1; l++) {
-      const d = new Date(i);
-      d.setDate(d.getDate() + l);
-      const h = f.getLocalDateString(d), m = this.indices.byDate.get(h);
-      m && m.forEach((b) => s.add(b));
+      const h = new Date(i);
+      h.setDate(h.getDate() + l);
+      const d = f.getLocalDateString(h), p = this.indices.byDate.get(d);
+      p && p.forEach((b) => s.add(b));
     }
     const r = `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}`, n = this.indices.byMonth.get(r);
     n && n.forEach((l) => s.add(l));
@@ -3493,15 +3493,15 @@ class J {
     const c = new Date(e);
     c.setHours(23, 59, 59, 999);
     for (const l of s) {
-      const d = this.events.get(l);
-      if (d) {
-        const h = d.getStartInTimezone(t), m = d.getEndInTimezone(t);
-        h <= c && m >= o && a.push(d);
+      const h = this.events.get(l);
+      if (h) {
+        const d = h.getStartInTimezone(t), p = h.getEndInTimezone(t);
+        d <= c && p >= o && a.push(h);
       }
     }
-    return a.sort((l, d) => {
-      const h = l.getStartInTimezone(t), m = d.getStartInTimezone(t), b = h - m;
-      return b !== 0 ? b : d.duration - l.duration;
+    return a.sort((l, h) => {
+      const d = l.getStartInTimezone(t), p = h.getStartInTimezone(t), b = d - p;
+      return b !== 0 ? b : h.duration - l.duration;
     });
   }
   /**
@@ -3515,11 +3515,11 @@ class J {
     const i = [], r = f.startOfDay(e), n = f.endOfDay(t), a = f.getDateRange(r, n), o = /* @__PURE__ */ new Set();
     return a.forEach((c) => {
       const l = f.getLocalDateString(c);
-      (this.indices.byDate.get(l) || /* @__PURE__ */ new Set()).forEach((h) => {
-        if (!o.has(h) && h !== s) {
-          o.add(h);
-          const m = this.events.get(h);
-          m && m.overlaps({ start: e, end: t }) && i.push(m);
+      (this.indices.byDate.get(l) || /* @__PURE__ */ new Set()).forEach((d) => {
+        if (!o.has(d) && d !== s) {
+          o.add(d);
+          const p = this.events.get(d);
+          p && p.overlaps({ start: e, end: t }) && i.push(p);
         }
       });
     }), i.sort((c, l) => c.start - l.start);
@@ -3612,8 +3612,8 @@ class J {
       } else
         o.push(c);
     }), o.sort((c, l) => {
-      const d = c.getStartInTimezone(i), h = l.getStartInTimezone(i);
-      return d - h;
+      const h = c.getStartInTimezone(i), d = l.getStartInTimezone(i);
+      return h - d;
     });
   }
   /**
@@ -3712,9 +3712,9 @@ class J {
       c.setDate(c.getDate() - 7), f.getDateRange(
         c > i ? c : i,
         r
-      ).forEach((d) => {
-        const h = f.getLocalDateString(d);
-        this.indices.byDate.has(h) || this.indices.byDate.set(h, /* @__PURE__ */ new Set()), this.indices.byDate.get(h).add(e.id);
+      ).forEach((h) => {
+        const d = f.getLocalDateString(h);
+        this.indices.byDate.has(d) || this.indices.byDate.set(d, /* @__PURE__ */ new Set()), this.indices.byDate.get(d).add(e.id);
       });
     }
     const o = new Date(i.getFullYear(), i.getMonth(), 1);
@@ -4410,7 +4410,7 @@ class ee {
    * @param {import('../../types.js').CalendarConfig} [config={}] - Configuration options
    */
   constructor(e = {}) {
-    this.timezoneManager = S.getInstance(), this.config = {
+    this.timezoneManager = C.getInstance(), this.config = {
       view: "month",
       date: /* @__PURE__ */ new Date(),
       weekStartsOn: 0,
@@ -4516,7 +4516,7 @@ class ee {
    * @returns {import('../events/Event.js').Event} The added event
    */
   addEvent(e) {
-    !(e instanceof D) && !e.timeZone && (e = { ...e, timeZone: this.config.timeZone });
+    !(e instanceof w) && !e.timeZone && (e = { ...e, timeZone: this.config.timeZone });
     const t = this.eventStore.addEvent(e);
     return this._emit("eventAdd", { event: t }), t;
   }
@@ -4716,24 +4716,24 @@ class ee {
   _getMonthViewData(e) {
     const t = e.getFullYear(), s = e.getMonth(), i = this.state.get("weekStartsOn"), r = this.state.get("fixedWeekCount"), n = new Date(t, s, 1), a = new Date(t, s + 1, 0), o = f.startOfWeek(n, i), c = [];
     let l = new Date(o);
-    const d = r ? 6 : Math.ceil((a.getDate() + f.getDayOfWeek(n, i)) / 7);
-    for (let h = 0; h < d; h++) {
-      const m = {
+    const h = r ? 6 : Math.ceil((a.getDate() + f.getDayOfWeek(n, i)) / 7);
+    for (let d = 0; d < h; d++) {
+      const p = {
         weekNumber: f.getWeekNumber(l),
         days: []
       };
       for (let b = 0; b < 7; b++) {
-        const x = new Date(l), A = x.getMonth() === s, k = f.isToday(x), M = x.getDay() === 0 || x.getDay() === 6;
-        m.days.push({
-          date: x,
-          dayOfMonth: x.getDate(),
-          isCurrentMonth: A,
-          isToday: k,
-          isWeekend: M,
-          events: this.getEventsForDate(x)
+        const v = new Date(l), M = v.getMonth() === s, D = f.isToday(v), T = v.getDay() === 0 || v.getDay() === 6;
+        p.days.push({
+          date: v,
+          dayOfMonth: v.getDate(),
+          isCurrentMonth: M,
+          isToday: D,
+          isWeekend: T,
+          events: this.getEventsForDate(v)
         }), l = f.addDays(l, 1);
       }
-      c.push(m);
+      c.push(p);
     }
     return {
       type: "month",
@@ -5067,7 +5067,7 @@ class te {
     return e;
   }
 }
-const p = new te();
+const m = new te();
 class se {
   constructor(e = {}) {
     this.calendar = new ee({
@@ -5147,51 +5147,51 @@ class se {
       (i) => e[i] !== t[i]
     );
     s.forEach((i) => {
-      p.emit(`state:${i}:changed`, {
+      m.emit(`state:${i}:changed`, {
         oldValue: e[i],
         newValue: t[i],
         state: t
       });
-    }), s.length > 0 && p.emit("state:changed", { oldState: e, newState: t, changedKeys: s });
+    }), s.length > 0 && m.emit("state:changed", { oldState: e, newState: t, changedKeys: s });
   }
   // Calendar operations
   setView(e) {
-    this.calendar.setView(e), this.setState({ view: e }), p.emit("view:changed", { view: e });
+    this.calendar.setView(e), this.setState({ view: e }), m.emit("view:changed", { view: e });
   }
   getView() {
     return this.state.view;
   }
   setDate(e) {
-    this.calendar.goToDate(e), this.setState({ currentDate: this.calendar.getCurrentDate() }), p.emit("date:changed", { date: this.state.currentDate });
+    this.calendar.goToDate(e), this.setState({ currentDate: this.calendar.getCurrentDate() }), m.emit("date:changed", { date: this.state.currentDate });
   }
   getCurrentDate() {
     return this.state.currentDate;
   }
   // Navigation
   next() {
-    this.calendar.next(), this.setState({ currentDate: this.calendar.getCurrentDate() }), p.emit("navigation:next", { date: this.state.currentDate });
+    this.calendar.next(), this.setState({ currentDate: this.calendar.getCurrentDate() }), m.emit("navigation:next", { date: this.state.currentDate });
   }
   previous() {
-    this.calendar.previous(), this.setState({ currentDate: this.calendar.getCurrentDate() }), p.emit("navigation:previous", { date: this.state.currentDate });
+    this.calendar.previous(), this.setState({ currentDate: this.calendar.getCurrentDate() }), m.emit("navigation:previous", { date: this.state.currentDate });
   }
   today() {
-    this.calendar.today(), this.setState({ currentDate: this.calendar.getCurrentDate() }), p.emit("navigation:today", { date: this.state.currentDate });
+    this.calendar.today(), this.setState({ currentDate: this.calendar.getCurrentDate() }), m.emit("navigation:today", { date: this.state.currentDate });
   }
   goToDate(e) {
-    this.calendar.goToDate(e), this.setState({ currentDate: this.calendar.getCurrentDate() }), p.emit("navigation:goto", { date: this.state.currentDate });
+    this.calendar.goToDate(e), this.setState({ currentDate: this.calendar.getCurrentDate() }), m.emit("navigation:goto", { date: this.state.currentDate });
   }
   // Event management
   addEvent(e) {
     const t = this.calendar.addEvent(e);
-    return t ? (this._syncEventsFromCore(), p.emit("event:added", { event: t }), t) : (console.error("Failed to add event to calendar"), p.emit("event:error", { action: "add", event: e, error: "Failed to add event" }), null);
+    return t ? (this._syncEventsFromCore(), m.emit("event:added", { event: t }), t) : (console.error("Failed to add event to calendar"), m.emit("event:error", { action: "add", event: e, error: "Failed to add event" }), null);
   }
   updateEvent(e, t) {
     this._syncEventsFromCore({ silent: !0 });
     const s = this.calendar.updateEvent(e, t);
-    return s ? (this._syncEventsFromCore(), p.emit("event:updated", { event: s }), s) : (console.error(`Failed to update event: ${e}`), p.emit("event:error", { action: "update", eventId: e, updates: t, error: "Event not found in calendar" }), null);
+    return s ? (this._syncEventsFromCore(), m.emit("event:updated", { event: s }), s) : (console.error(`Failed to update event: ${e}`), m.emit("event:error", { action: "update", eventId: e, updates: t, error: "Event not found in calendar" }), null);
   }
   deleteEvent(e) {
-    return this._syncEventsFromCore({ silent: !0 }), this.calendar.removeEvent(e) ? (this._syncEventsFromCore(), p.emit("event:deleted", { eventId: e }), !0) : (console.error(`Failed to delete event: ${e}`), p.emit("event:error", { action: "delete", eventId: e, error: "Event not found" }), !1);
+    return this._syncEventsFromCore({ silent: !0 }), this.calendar.removeEvent(e) ? (this._syncEventsFromCore(), m.emit("event:deleted", { eventId: e }), !0) : (console.error(`Failed to delete event: ${e}`), m.emit("event:error", { action: "delete", eventId: e, error: "Event not found" }), !1);
   }
   getEvents() {
     return this.calendar.getEvents() || [];
@@ -5242,20 +5242,20 @@ class se {
   }
   // Selection management
   selectEvent(e) {
-    this.setState({ selectedEvent: e }), p.emit("event:selected", { event: e });
+    this.setState({ selectedEvent: e }), m.emit("event:selected", { event: e });
   }
   selectEventById(e) {
     const t = this.state.events.find((s) => s.id === e);
     t && this.selectEvent(t);
   }
   deselectEvent() {
-    this.setState({ selectedEvent: null }), p.emit("event:deselected", {});
+    this.setState({ selectedEvent: null }), m.emit("event:deselected", {});
   }
   selectDate(e) {
-    this.setState({ selectedDate: e }), p.emit("date:selected", { date: e });
+    this.setState({ selectedDate: e }), m.emit("date:selected", { date: e });
   }
   deselectDate() {
-    this.setState({ selectedDate: null }), p.emit("date:deselected", {});
+    this.setState({ selectedDate: null }), m.emit("date:deselected", {});
   }
   // Utility methods
   isToday(e) {
@@ -5275,7 +5275,7 @@ class se {
   }
   // Error handling
   setError(e) {
-    this.setState({ error: e }), e && p.emit("error", { error: e });
+    this.setState({ error: e }), e && m.emit("error", { error: e });
   }
   clearError() {
     this.setState({ error: null });
@@ -5289,7 +5289,7 @@ class se {
     this.subscribers.clear(), this._subscriberIds && (this._subscriberIds.clear(), this._subscriberIds = null), this.state = null, this.calendar = null;
   }
 }
-class v extends f {
+class S extends f {
   /**
    * Format date for display
    */
@@ -5351,8 +5351,8 @@ class v extends f {
    * Get relative time string (e.g., "2 hours ago", "in 3 days")
    */
   static getRelativeTime(e, t = /* @__PURE__ */ new Date(), s = "en-US") {
-    const i = new Intl.RelativeTimeFormat(s, { numeric: "auto" }), r = e - t, n = Math.floor(r / 1e3), a = Math.floor(n / 60), o = Math.floor(a / 60), c = Math.floor(o / 24), l = Math.floor(c / 7), d = Math.floor(c / 30), h = Math.floor(c / 365);
-    return Math.abs(n) < 60 ? i.format(n, "second") : Math.abs(a) < 60 ? i.format(a, "minute") : Math.abs(o) < 24 ? i.format(o, "hour") : Math.abs(c) < 7 ? i.format(c, "day") : Math.abs(l) < 4 ? i.format(l, "week") : Math.abs(d) < 12 ? i.format(d, "month") : i.format(h, "year");
+    const i = new Intl.RelativeTimeFormat(s, { numeric: "auto" }), r = e - t, n = Math.floor(r / 1e3), a = Math.floor(n / 60), o = Math.floor(a / 60), c = Math.floor(o / 24), l = Math.floor(c / 7), h = Math.floor(c / 30), d = Math.floor(c / 365);
+    return Math.abs(n) < 60 ? i.format(n, "second") : Math.abs(a) < 60 ? i.format(a, "minute") : Math.abs(o) < 24 ? i.format(o, "hour") : Math.abs(c) < 7 ? i.format(c, "day") : Math.abs(l) < 4 ? i.format(l, "week") : Math.abs(h) < 12 ? i.format(h, "month") : i.format(d, "year");
   }
   /**
    * Check if date is today
@@ -5403,7 +5403,7 @@ class v extends f {
     return r && (r.toLowerCase() === "pm" && n < 12 ? o = n + 12 : r.toLowerCase() === "am" && n === 12 && (o = 0)), s.setHours(o, a || 0, 0, 0), s;
   }
 }
-class T {
+class L {
   /**
    * Create element with attributes and children
    */
@@ -5598,7 +5598,7 @@ class T {
     return e.addEventListener("keydown", r), s == null || s.focus(), () => e.removeEventListener("keydown", r);
   }
 }
-class y {
+class x {
   /**
    * Get CSS variable value
    */
@@ -5935,7 +5935,7 @@ class y {
 /**
  * Default theme colors
  */
-z(y, "colors", {
+$(x, "colors", {
   primary: "#3B82F6",
   // Modern Blue
   secondary: "#64748B",
@@ -5968,7 +5968,7 @@ z(y, "colors", {
 }), /**
  * Common CSS variables
  */
-z(y, "cssVariables", {
+$(x, "cssVariables", {
   // "Pro" Palette - Functional & Sharp
   "--fc-primary-color": "#2563EB",
   // International Blue (Focus)
@@ -6036,7 +6036,7 @@ z(y, "cssVariables", {
 }), /**
  * Get responsive breakpoints
  */
-z(y, "breakpoints", {
+$(x, "breakpoints", {
   xs: "320px",
   sm: "576px",
   md: "768px",
@@ -6044,7 +6044,7 @@ z(y, "breakpoints", {
   xl: "1200px",
   "2xl": "1400px"
 });
-class O {
+class H {
   /**
    * @param {HTMLElement} container - The DOM element to render into
    * @param {StateManager} stateManager - The state manager instance
@@ -6083,7 +6083,7 @@ class O {
    * @returns {string}
    */
   escapeHTML(e) {
-    return e == null ? "" : T.escapeHTML(String(e));
+    return e == null ? "" : L.escapeHTML(String(e));
   }
   /**
    * Check if a date is today
@@ -6153,12 +6153,12 @@ class O {
    * @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", d = s ? "2px" : "12px", h = s ? "2px" : "24px", m = 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 = 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";
     return `
             <div class="fc-event fc-timed-event" data-event-id="${this.escapeHTML(e.id)}"
                  style="position: absolute; top: ${n}px; height: ${a}px;
-                        left: ${d}; right: ${h};
-                        background-color: ${o}; border-radius: ${m};
+                        left: ${h}; right: ${d};
+                        background-color: ${o}; border-radius: ${p};
                         padding: ${c}; font-size: ${l};
                         font-weight: 500; color: white; overflow: hidden;
                         box-shadow: 0 1px 2px rgba(0,0,0,0.1);
@@ -6185,7 +6185,7 @@ class O {
     });
   }
 }
-class E extends O {
+class E extends H {
   constructor(e, t) {
     super(e, t), this.maxEventsToShow = 3;
   }
@@ -6261,7 +6261,7 @@ class E extends O {
     }), this.attachCommonEventHandlers();
   }
 }
-class H extends O {
+class z extends H {
   constructor(e, t) {
     super(e, t), this.hourHeight = 60, this.totalHeight = 24 * this.hourHeight;
   }
@@ -6383,7 +6383,7 @@ class H extends O {
     e && (e.scrollTop = 8 * this.hourHeight - 50, this._scrolled = !0);
   }
 }
-class F extends O {
+class F extends H {
   constructor(e, t) {
     super(e, t), this.hourHeight = 60, this.totalHeight = 24 * this.hourHeight;
   }
@@ -6399,11 +6399,11 @@ class F extends O {
     this.container.innerHTML = s, this._attachEventHandlers(), this._scrollToCurrentTime();
   }
   _renderDayView(e, t) {
-    var d, h;
-    const s = ((h = (d = this.stateManager) == null ? void 0 : d.getState()) == null ? void 0 : h.currentDate) || /* @__PURE__ */ new Date(), i = this._extractDayData(e, s);
+    var h, d;
+    const s = ((d = (h = this.stateManager) == null ? void 0 : h.getState()) == null ? void 0 : d.currentDate) || /* @__PURE__ */ new Date(), i = this._extractDayData(e, s);
     if (!i)
       return '<div style="padding: 20px; text-align: center; color: #666;">No data available for day view.</div>';
-    const { dayDate: r, dayName: n, isToday: a, allDayEvents: o, timedEvents: c } = i, l = Array.from({ length: 24 }, (m, b) => b);
+    const { dayDate: r, dayName: n, isToday: a, allDayEvents: o, timedEvents: c } = i, l = Array.from({ length: 24 }, (p, b) => b);
     return `
             <div class="fc-day-view" style="display: flex; flex-direction: column; height: 100%; background: #fff; overflow: hidden;">
                 ${this._renderHeader(r, n, a)}
@@ -6419,17 +6419,17 @@ class F extends O {
       if (s = new Date(e.date), i = e.dayName || o[s.getDay()], r = e.isToday !== void 0 ? e.isToday : this.isToday(s), n = e.allDayEvents || [], e.hours && Array.isArray(e.hours)) {
         const c = /* @__PURE__ */ new Map();
         e.hours.forEach((l) => {
-          (l.events || []).forEach((d) => {
-            c.has(d.id) || c.set(d.id, d);
+          (l.events || []).forEach((h) => {
+            c.has(h.id) || c.set(h.id, h);
           });
         }), a = Array.from(c.values());
       } else
         a = [];
     else if (e.days && e.days.length > 0) {
-      const c = e.days.find((d) => this.isSameDay(new Date(d.date), t)) || e.days[0];
+      const c = e.days.find((h) => this.isSameDay(new Date(h.date), t)) || e.days[0];
       s = new Date(c.date), i = o[s.getDay()], r = this.isToday(s);
       const l = c.events || [];
-      n = l.filter((d) => d.allDay), a = l.filter((d) => !d.allDay);
+      n = l.filter((h) => h.allDay), a = l.filter((h) => !h.allDay);
     } else
       return null;
     return { dayDate: s, dayName: i, isToday: r, allDayEvents: n, timedEvents: a };
@@ -6516,1125 +6516,7 @@ class F extends O {
     e && (e.scrollTop = 8 * this.hourHeight - 50, this._scrolled = !0);
   }
 }
-class ie extends _ {
-  constructor() {
-    super(), this._stateManager = null, this.viewData = null, this.config = {
-      maxEventsToShow: 3
-    }, this._registryCheckInterval = null;
-  }
-  connectedCallback() {
-    super.connectedCallback(), console.log("[MonthView] connectedCallback - starting registry polling"), this._startRegistryPolling();
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this._stopRegistryPolling();
-  }
-  _startRegistryPolling() {
-    this._checkRegistry();
-    let e = 0;
-    this._registryCheckInterval = setInterval(() => {
-      if (e++, this._stateManager || e > 50) {
-        this._stopRegistryPolling();
-        return;
-      }
-      this._checkRegistry();
-    }, 100);
-  }
-  _stopRegistryPolling() {
-    this._registryCheckInterval && (clearInterval(this._registryCheckInterval), this._registryCheckInterval = null);
-  }
-  _checkRegistry() {
-    const e = this.getAttribute("data-state-registry");
-    if (console.log("[MonthView] Checking registry for ID:", e), e && window.__forceCalendarRegistry && window.__forceCalendarRegistry[e]) {
-      const t = window.__forceCalendarRegistry[e];
-      console.log("[MonthView] Found stateManager in registry"), this._stopRegistryPolling(), this.setStateManager(t);
-    }
-  }
-  set stateManager(e) {
-    console.log("[MonthView] stateManager setter called with:", !!e), this.setStateManager(e);
-  }
-  // Method alternative for Salesforce Locker Service compatibility
-  setStateManager(e) {
-    if (console.log("[MonthView] setStateManager method called with:", !!e), this._stateManager === e) {
-      console.log("[MonthView] stateManager already set, skipping");
-      return;
-    }
-    this._stateManager = e, e && (console.log("[MonthView] Subscribing to state changes and loading view data"), this.unsubscribe = e.subscribe(this.handleStateUpdate.bind(this)), this.loadViewData());
-  }
-  get stateManager() {
-    return this._stateManager;
-  }
-  handleStateUpdate(e, t) {
-    if (e.currentDate !== t.currentDate) {
-      this.loadViewData();
-      return;
-    }
-    e.events !== t.events && this.updateEvents(), e.selectedDate !== t.selectedDate && this.updateSelection(e.selectedDate, t.selectedDate);
-  }
-  updateEvents() {
-    this.loadViewData();
-  }
-  updateSelection(e, t) {
-    if (t) {
-      const s = this.shadowRoot.querySelector(`[data-date^="${t.toISOString().split("T")[0]}"]`);
-      s && s.classList.remove("selected");
-    }
-    if (e) {
-      const s = this.shadowRoot.querySelector(`[data-date^="${e.toISOString().split("T")[0]}"]`);
-      s && s.classList.add("selected");
-    }
-  }
-  loadViewData() {
-    if (console.log("[MonthView] loadViewData called, stateManager:", !!this.stateManager), !this.stateManager) return;
-    const e = this.stateManager.getViewData();
-    console.log("[MonthView] viewData from stateManager:", e), this.viewData = this.processViewData(e), console.log("[MonthView] processed viewData:", this.viewData), this.render(), console.log("[MonthView] render completed");
-  }
-  processViewData(e) {
-    var i, r;
-    if (!e || !e.weeks) return null;
-    const t = (r = (i = this.stateManager) == null ? void 0 : i.getState()) == null ? void 0 : r.selectedDate, s = e.weeks.map((n) => n.days.map((a) => {
-      const o = new Date(a.date), c = t && o.toDateString() === t.toDateString(), l = a.events.map((d) => ({
-        ...d,
-        textColor: this.getContrastingTextColor(d.backgroundColor)
-      }));
-      return {
-        ...a,
-        date: o,
-        isOtherMonth: !a.isCurrentMonth,
-        isSelected: c,
-        events: l
-      };
-    }));
-    return {
-      ...e,
-      weeks: s,
-      month: e.month,
-      year: e.year
-    };
-  }
-  getContrastingTextColor(e) {
-    if (!e || typeof e != "string") return "white";
-    const t = e.charAt(0) === "#" ? e.substring(1) : e;
-    if (!/^[0-9A-Fa-f]{3}$|^[0-9A-Fa-f]{6}$/.test(t))
-      return "white";
-    const s = t.length === 3 ? t[0] + t[0] + t[1] + t[1] + t[2] + t[2] : t, i = parseInt(s.substring(0, 2), 16), r = parseInt(s.substring(2, 4), 16), n = parseInt(s.substring(4, 6), 16);
-    if (isNaN(i) || isNaN(r) || isNaN(n))
-      return "white";
-    const o = [i / 255, r / 255, n / 255].map((l) => l <= 0.03928 ? l / 12.92 : Math.pow((l + 0.055) / 1.055, 2.4));
-    return 0.2126 * o[0] + 0.7152 * o[1] + 0.0722 * o[2] > 0.179 ? "black" : "white";
-  }
-  isSelectedDate(e) {
-    var s, i;
-    const t = (i = (s = this.stateManager) == null ? void 0 : s.getState()) == null ? void 0 : i.selectedDate;
-    return t && e.toDateString() === t.toDateString();
-  }
-  getStyles() {
-    return `
-            :host {
-                display: block;
-                height: 100%;
-            }
-
-            .month-view {
-                display: flex;
-                flex-direction: column;
-                height: 100%;
-                background: var(--fc-background);
-            }
-
-            .month-header {
-                display: grid;
-                grid-template-columns: repeat(7, 1fr);
-                background: var(--fc-background);
-                border-bottom: 1px solid var(--fc-border-color);
-                z-index: 5;
-            }
-
-            .month-header-cell {
-                padding: var(--fc-spacing-sm);
-                text-align: left; /* Align with dates */
-                font-weight: var(--fc-font-weight-bold);
-                font-size: 10px;
-                color: var(--fc-text-light);
-                text-transform: uppercase;
-                letter-spacing: 0.1em;
-                border-left: 1px solid transparent; /* Alignment hack */
-                padding-left: 8px;
-            }
-
-            .month-body {
-                flex: 1;
-                display: flex;
-                flex-direction: column;
-                overflow: hidden;
-            }
-
-            .month-week {
-                flex: 1;
-                display: grid;
-                grid-template-columns: repeat(7, 1fr);
-                border-bottom: 1px solid var(--fc-border-color);
-            }
-            
-            .month-week:last-child {
-                border-bottom: none;
-            }
-
-            .month-day {
-                background: var(--fc-background);
-                padding: 4px;
-                position: relative;
-                cursor: default;
-                overflow: hidden;
-                min-height: 80px;
-                border-right: 1px solid var(--fc-border-color);
-                display: flex;
-                flex-direction: column;
-                min-width: 0; /* Critical for Grid Item shrinking */
-            }
-
-            .month-day:last-child {
-                border-right: none;
-            }
-
-            .month-day:hover {
-                background: var(--fc-background-alt);
-            }
-
-            .month-day.other-month {
-                background: var(--fc-background-alt);
-                background-image: linear-gradient(45deg, #f9fafb 25%, transparent 25%, transparent 50%, #f9fafb 50%, #f9fafb 75%, transparent 75%, transparent);
-                background-size: 10px 10px;
-            }
-
-            .month-day.other-month .day-number {
-                color: var(--fc-text-light);
-                opacity: 0.5;
-            }
-
-            .month-day.selected {
-                background: var(--fc-background-hover);
-            }
-
-            .day-header {
-                display: flex;
-                align-items: center;
-                justify-content: space-between;
-                padding: 4px;
-                margin-bottom: 2px;
-            }
-            
-            .day-number {
-                font-size: 12px;
-                font-family: var(--fc-font-family); /* Ensure monospaced feel if available */
-                font-weight: var(--fc-font-weight-medium);
-                color: var(--fc-text-color);
-                line-height: 1;
-            }
-            
-            .month-day.today .day-number {
-                color: white;
-                background: var(--fc-danger-color); /* Red for Today (Calendar standard) */
-                width: 20px;
-                height: 20px;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                border-radius: 50%;
-                margin-left: -4px; /* Optical adjustment */
-            }
-
-            .day-events {
-                display: flex;
-                flex-direction: column;
-                gap: 2px;
-                flex: 1;
-                overflow: hidden;
-            }
-
-            /* Precision Event Style */
-            .event-item {
-                font-size: 11px;
-                padding: 2px 6px;
-                border-radius: 2px; /* Micro rounding */
-                
-                /* High Contrast */
-                background: var(--fc-primary-color);
-                color: white;
-                
-                overflow: hidden;
-                text-overflow: ellipsis;
-                white-space: nowrap;
-                cursor: pointer;
-                line-height: 1.3;
-                font-weight: var(--fc-font-weight-medium);
-                margin: 0 1px;
-                border: 1px solid rgba(0,0,0,0.05); /* Subtle border for definition */
-            }
-
-            .event-item:hover {
-                opacity: 0.9;
-            }
-
-            .event-time {
-                font-weight: var(--fc-font-weight-bold);
-                margin-right: 4px;
-                opacity: 0.9;
-                font-size: 10px;
-            }
-
-            .more-events {
-                font-size: 10px;
-                color: var(--fc-text-secondary);
-                cursor: pointer;
-                padding: 1px 4px;
-                font-weight: var(--fc-font-weight-medium);
-                text-align: right;
-            }
-
-            .more-events:hover {
-                color: var(--fc-text-color);
-                text-decoration: underline;
-            }
-
-            /* Responsive adjustments */
-            @media (max-width: 768px) {
-                .month-day {
-                    min-height: 60px;
-                    padding: 2px;
-                }
-
-                .day-number {
-                    font-size: 11px;
-                }
-
-                .event-item {
-                    font-size: 10px;
-                    padding: 1px 3px;
-                }
-
-                .month-header-cell {
-                    font-size: 9px;
-                    padding: 4px;
-                }
-            }
-
-            /* Loading state */
-            .month-loading {
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                height: 100%;
-                color: var(--fc-text-secondary);
-                font-weight: var(--fc-font-weight-medium);
-            }
-
-            /* Empty state */
-            .month-empty {
-                display: flex;
-                flex-direction: column;
-                align-items: center;
-                justify-content: center;
-                height: 100%;
-                color: var(--fc-text-secondary);
-                gap: var(--fc-spacing-md);
-            }
-
-            .empty-icon {
-                width: 48px;
-                height: 48px;
-                opacity: 0.3;
-            }
-        `;
-  }
-  template() {
-    return this.viewData ? `
-            <div class="month-view">
-                ${this.renderHeader()}
-                ${this.renderBody()}
-            </div>
-        ` : `
-                <div class="month-view">
-                    <div class="month-loading">Loading calendar...</div>
-                </div>
-            `;
-  }
-  renderHeader() {
-    const { config: e } = this.stateManager.getState(), t = [], s = e.weekStartsOn || 0;
-    for (let i = 0; i < 7; i++) {
-      const r = (s + i) % 7, n = v.getDayAbbreviation(r, e.locale);
-      t.push(`<div class="month-header-cell">${n}</div>`);
-    }
-    return `
-            <div class="month-header">
-                ${t.join("")}
-            </div>
-        `;
-  }
-  renderBody() {
-    return !this.viewData.weeks || this.viewData.weeks.length === 0 ? `
-                <div class="month-body">
-                    <div class="month-empty">
-                        <svg class="empty-icon" viewBox="0 0 24 24">
-                            <path fill="currentColor" d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11z"/>
-                        </svg>
-                        <p>No calendar data available</p>
-                    </div>
-                </div>
-            ` : `
-            <div class="month-body">
-                ${this.viewData.weeks.map((t) => this.renderWeek(t)).join("")}
-            </div>
-        `;
-  }
-  renderWeek(e) {
-    return `
-            <div class="month-week">
-                ${e.map((s) => this.renderDay(s)).join("")}
-            </div>
-        `;
-  }
-  renderDay(e) {
-    const { date: t, dayOfMonth: s, isOtherMonth: i, isToday: r, isSelected: n, isWeekend: a, events: o = [] } = e, c = s, l = ["month-day"];
-    i && l.push("other-month"), r && l.push("today"), n && l.push("selected"), a && l.push("weekend");
-    const d = o.slice(0, this.config.maxEventsToShow), h = o.length - this.config.maxEventsToShow, m = d.map((x) => this.renderEvent(x)).join(""), b = h > 0 ? `<div class="more-events">+${h} more</div>` : "";
-    return `
-            <div class="${l.join(" ")}"
-                 data-date="${t.toISOString()}"
-                 data-day="${c}">
-                <div class="day-header">
-                    <span class="day-number">${c}</span>
-                </div>
-                <div class="day-events">
-                    ${m}
-                    ${b}
-                </div>
-            </div>
-        `;
-  }
-  renderEvent(e) {
-    const { title: t, start: s, allDay: i, backgroundColor: r, textColor: n } = e;
-    let a = "";
-    if (r) {
-      const l = y.sanitizeColor(r), d = y.sanitizeColor(n, "white");
-      a += `background-color: ${l}; color: ${d};`;
-    }
-    let o = "";
-    !i && s && (o = v.formatTime(new Date(s), !1, !1));
-    const c = ["event-item"];
-    return i && c.push("all-day"), `
-            <div class="${c.join(" ")}"
-                 style="${a}"
-                 data-event-id="${e.id}"
-                 title="${T.escapeHTML(t)}">
-                ${o ? `<span class="event-time">${o}</span>` : ""}
-                <span class="event-title">${T.escapeHTML(t)}</span>
-            </div>
-        `;
-  }
-  afterRender() {
-    this.$$(".month-day").forEach((e) => {
-      this.addListener(e, "click", this.handleDayClick);
-    }), this.$$(".event-item").forEach((e) => {
-      this.addListener(e, "click", this.handleEventClick);
-    }), this.$$(".more-events").forEach((e) => {
-      this.addListener(e, "click", this.handleMoreClick);
-    });
-  }
-  handleDayClick(e) {
-    e.stopPropagation();
-    const t = e.currentTarget, s = new Date(t.dataset.date);
-    this.stateManager.selectDate(s), this.emit("day-click", { date: s });
-  }
-  handleEventClick(e) {
-    e.stopPropagation();
-    const s = e.currentTarget.dataset.eventId, i = this.stateManager.getEvents().find((r) => r.id === s);
-    i && (this.stateManager.selectEvent(i), this.emit("event-click", { event: i }));
-  }
-  handleMoreClick(e) {
-    e.stopPropagation();
-    const t = e.currentTarget.closest(".month-day"), s = new Date(t.dataset.date), i = this.stateManager.getEventsForDate(s);
-    this.emit("more-events-click", { date: s, events: i });
-  }
-  unmount() {
-    this.unsubscribe && this.unsubscribe();
-  }
-}
-class re extends _ {
-  constructor() {
-    super(), this._stateManager = null, this.viewData = null, this.hours = Array.from({ length: 24 }, (e, t) => t), this._registryCheckInterval = null;
-  }
-  connectedCallback() {
-    super.connectedCallback(), this._startRegistryPolling();
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this._registryCheckInterval && clearInterval(this._registryCheckInterval);
-  }
-  _startRegistryPolling() {
-    this._checkRegistry();
-    let e = 0;
-    this._registryCheckInterval = setInterval(() => {
-      if (e++, this._stateManager || e > 50) {
-        clearInterval(this._registryCheckInterval);
-        return;
-      }
-      this._checkRegistry();
-    }, 100);
-  }
-  _checkRegistry() {
-    const e = this.getAttribute("data-state-registry");
-    e && window.__forceCalendarRegistry && window.__forceCalendarRegistry[e] && (clearInterval(this._registryCheckInterval), this.setStateManager(window.__forceCalendarRegistry[e]));
-  }
-  set stateManager(e) {
-    this.setStateManager(e);
-  }
-  setStateManager(e) {
-    this._stateManager !== e && (this._stateManager = e, e && (this.unsubscribe = e.subscribe(this.handleStateUpdate.bind(this)), this.loadViewData()));
-  }
-  get stateManager() {
-    return this._stateManager;
-  }
-  handleStateUpdate(e, t) {
-    if (e.currentDate !== (t == null ? void 0 : t.currentDate) || e.view !== (t == null ? void 0 : t.view)) {
-      this.loadViewData();
-      return;
-    }
-    e.events !== (t == null ? void 0 : t.events) && this.loadViewData(), e.selectedDate !== (t == null ? void 0 : t.selectedDate) && this.updateSelection(e.selectedDate, t == null ? void 0 : t.selectedDate);
-  }
-  updateSelection(e, t) {
-    if (t) {
-      const s = this.shadowRoot.querySelector(`[data-date^="${t.toISOString().split("T")[0]}"]`);
-      s && s.classList.remove("selected");
-    }
-    if (e) {
-      const s = this.shadowRoot.querySelector(`[data-date^="${e.toISOString().split("T")[0]}"]`);
-      s && s.classList.add("selected");
-    }
-  }
-  loadViewData() {
-    if (!this.stateManager) return;
-    const e = this.stateManager.getViewData();
-    this.viewData = this.processViewData(e), this.render();
-  }
-  processViewData(e) {
-    if (!e) return null;
-    let t = [];
-    return e.weeks && e.weeks.length > 0 ? t = e.weeks[0].days : e.days && (t = e.days), !t || t.length === 0 ? null : {
-      ...e,
-      days: t.map((s) => {
-        const i = new Date(s.date);
-        return {
-          ...s,
-          date: i,
-          isToday: v.isToday(i),
-          timedEvents: (s.events || []).filter((r) => !r.allDay),
-          allDayEvents: (s.events || []).filter((r) => r.allDay)
-        };
-      })
-    };
-  }
-  getStyles() {
-    return `
-            :host {
-                display: flex;
-                flex-direction: column;
-                height: 100%;
-                min-height: 0;
-            }
-
-            .week-view {
-                display: flex;
-                flex-direction: column;
-                height: 100%;
-                background: var(--fc-background);
-                min-height: 0;
-                overflow: hidden;
-            }
-
-            /* Header Section */
-            .week-header {
-                display: grid;
-                grid-template-columns: 60px repeat(7, 1fr);
-                border-bottom: 1px solid var(--fc-border-color);
-                background: var(--fc-background);
-                z-index: 20;
-                flex-shrink: 0;
-            }
-
-            .day-column-header {
-                padding: 12px 8px;
-                text-align: center;
-                border-right: 1px solid var(--fc-border-color);
-                display: flex;
-                flex-direction: column;
-                align-items: center;
-                gap: 4px;
-            }
-
-            .day-name {
-                font-size: 10px;
-                font-weight: 700;
-                color: var(--fc-text-light);
-                text-transform: uppercase;
-                letter-spacing: 0.1em;
-            }
-
-            .day-number {
-                font-size: 16px;
-                font-weight: 500;
-                width: 28px;
-                height: 28px;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                border-radius: 50%;
-                color: var(--fc-text-color);
-            }
-
-            .is-today .day-number {
-                background: var(--fc-danger-color);
-                color: white;
-                font-weight: 700;
-            }
-
-            /* All Day Events Row */
-            .all-day-row {
-                display: grid;
-                grid-template-columns: 60px repeat(7, 1fr);
-                border-bottom: 1px solid var(--fc-border-color);
-                background: var(--fc-background-alt);
-                min-height: 32px;
-                flex-shrink: 0;
-            }
-
-            .all-day-label {
-                font-size: 9px;
-                color: var(--fc-text-light);
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                border-right: 1px solid var(--fc-border-color);
-                text-transform: uppercase;
-                font-weight: 700;
-            }
-
-            .all-day-cell {
-                border-right: 1px solid var(--fc-border-color);
-                padding: 4px;
-                display: flex;
-                flex-direction: column;
-                gap: 2px;
-            }
-
-            /* Body Section */
-            .week-body {
-                flex: 1;
-                overflow-y: auto;
-                overflow-x: hidden;
-                position: relative;
-                display: grid;
-                grid-template-columns: 60px repeat(7, 1fr);
-                background: var(--fc-background);
-            }
-
-            .time-gutter {
-                border-right: 1px solid var(--fc-border-color);
-                background: var(--fc-background-alt);
-                height: 1440px;
-            }
-
-            .time-slot-label {
-                height: 60px;
-                font-size: 10px;
-                color: var(--fc-text-light);
-                text-align: right;
-                padding-right: 8px;
-                font-weight: 500;
-            }
-
-            .day-column {
-                border-right: 1px solid var(--fc-border-color);
-                position: relative;
-                height: 1440px;
-            }
-
-            .day-column.selected {
-                background: var(--fc-background-hover);
-            }
-
-            /* Grid Lines Layer */
-            .grid-lines {
-                position: absolute;
-                top: 0;
-                left: 60px;
-                right: 0;
-                bottom: 0;
-                pointer-events: none;
-            }
-
-            .grid-line {
-                height: 60px;
-                border-bottom: 1px solid var(--fc-border-color);
-                width: 100%;
-            }
-            
-            .grid-line:last-child {
-                border-bottom: none;
-            }
-
-            .event-container {
-                position: absolute;
-                left: 2px;
-                right: 2px;
-                border-radius: 4px;
-                padding: 4px 8px;
-                font-size: 11px;
-                font-weight: 500;
-                color: white;
-                background: var(--fc-primary-color);
-                border: 1px solid rgba(0,0,0,0.1);
-                overflow: hidden;
-                box-shadow: var(--fc-shadow-sm);
-                cursor: pointer;
-                transition: transform 0.1s;
-                z-index: 5;
-            }
-
-            .event-container:hover {
-                z-index: 10;
-                transform: scale(1.02);
-            }
-
-            .now-indicator {
-                position: absolute;
-                left: 0;
-                right: 0;
-                height: 2px;
-                background: var(--fc-danger-color);
-                z-index: 15;
-                pointer-events: none;
-            }
-        `;
-  }
-  template() {
-    return this.viewData ? `
-            <div class="week-view">
-                <div class="week-header">
-                    <div class="time-gutter-header"></div>
-                    ${this.viewData.days.map((e) => `
-                        <div class="day-column-header ${e.isToday ? "is-today" : ""}">
-                            <span class="day-name">${v.getDayAbbreviation(e.date.getDay())}</span>
-                            <span class="day-number">${e.date.getDate()}</span>
-                        </div>
-                    `).join("")}
-                </div>
-
-                <div class="all-day-row">
-                    <div class="all-day-label">All day</div>
-                    ${this.viewData.days.map((e) => `
-                        <div class="all-day-cell">
-                            ${e.allDayEvents.map((t) => this.renderAllDayEvent(t)).join("")}
-                        </div>
-                    `).join("")}
-                </div>
-
-                <div class="week-body" id="scroll-container">
-                    <div class="grid-lines">
-                        ${this.hours.map(() => '<div class="grid-line"></div>').join("")}
-                    </div>
-
-                    <div class="time-gutter">
-                        ${this.hours.map((e) => `
-                            <div class="time-slot-label">
-                                ${e === 0 ? "" : v.formatTime((/* @__PURE__ */ new Date()).setHours(e, 0), !1)}
-                            </div>
-                        `).join("")}
-                    </div>
-
-                    ${this.viewData.days.map((e) => `
-                        <div class="day-column" data-date="${e.date.toISOString()}">
-                            ${e.isToday ? this.renderNowIndicator() : ""}
-                            ${e.timedEvents.map((t) => this.renderTimedEvent(t)).join("")}
-                        </div>
-                    `).join("")}
-                </div>
-            </div>
-        ` : '<div class="week-view">Loading...</div>';
-  }
-  renderTimedEvent(e) {
-    const t = new Date(e.start), s = new Date(e.end), i = t.getHours() * 60 + t.getMinutes(), r = (s - t) / (1e3 * 60), n = i, a = Math.max(r, 20), o = y.sanitizeColor(e.backgroundColor), c = y.sanitizeColor(y.getContrastColor(o), "white");
-    return `
-            <div class="event-container"
-                 style="top: ${n}px; height: ${a}px; background-color: ${o}; color: ${c};"
-                 data-event-id="${e.id}">
-                <span class="event-title">${T.escapeHTML(e.title)}</span>
-                <span class="event-time">${v.formatTime(t)}</span>
-            </div>
-        `;
-  }
-  renderAllDayEvent(e) {
-    const t = y.sanitizeColor(e.backgroundColor), s = y.sanitizeColor(y.getContrastColor(t), "white");
-    return `
-            <div class="event-item"
-                 style="background-color: ${t}; color: ${s}; font-size: 10px; padding: 2px 4px; border-radius: 2px; cursor: pointer; margin-bottom: 2px;"
-                 data-event-id="${e.id}">
-                ${T.escapeHTML(e.title)}
-            </div>
-        `;
-  }
-  renderNowIndicator() {
-    const e = /* @__PURE__ */ new Date();
-    return `<div class="now-indicator" style="top: ${e.getHours() * 60 + e.getMinutes()}px"></div>`;
-  }
-  afterRender() {
-    const e = this.$("#scroll-container");
-    e && !this._scrolled && (e.scrollTop = 8 * 60 - 50, this._scrolled = !0), this.$$("[data-event-id]").forEach((t) => {
-      this.addListener(t, "click", (s) => {
-        s.stopPropagation();
-        const i = s.currentTarget.dataset.eventId, r = this.stateManager.getEvents().find((n) => n.id === i);
-        r && this.emit("event-click", { event: r });
-      });
-    }), this.$$(".day-column").forEach((t) => {
-      this.addListener(t, "click", (s) => {
-        const i = s.currentTarget, r = this.$("#scroll-container"), n = i.getBoundingClientRect(), a = s.clientY - n.top + (r ? r.scrollTop : 0), o = new Date(i.dataset.date);
-        o.setHours(Math.floor(a / 60), Math.floor(a % 60), 0, 0), this.stateManager.selectDate(o), this.emit("day-click", { date: o });
-      });
-    });
-  }
-  unmount() {
-    this.unsubscribe && this.unsubscribe();
-  }
-}
-class ne extends _ {
-  constructor() {
-    super(), this._stateManager = null, this.viewData = null, this.hours = Array.from({ length: 24 }, (e, t) => t), this._registryCheckInterval = null;
-  }
-  connectedCallback() {
-    super.connectedCallback(), this._startRegistryPolling();
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this._registryCheckInterval && clearInterval(this._registryCheckInterval);
-  }
-  _startRegistryPolling() {
-    this._checkRegistry();
-    let e = 0;
-    this._registryCheckInterval = setInterval(() => {
-      if (e++, this._stateManager || e > 50) {
-        clearInterval(this._registryCheckInterval);
-        return;
-      }
-      this._checkRegistry();
-    }, 100);
-  }
-  _checkRegistry() {
-    const e = this.getAttribute("data-state-registry");
-    e && window.__forceCalendarRegistry && window.__forceCalendarRegistry[e] && (clearInterval(this._registryCheckInterval), this.setStateManager(window.__forceCalendarRegistry[e]));
-  }
-  set stateManager(e) {
-    this.setStateManager(e);
-  }
-  setStateManager(e) {
-    this._stateManager !== e && (this._stateManager = e, e && (this.unsubscribe = e.subscribe(this.handleStateUpdate.bind(this)), this.loadViewData()));
-  }
-  get stateManager() {
-    return this._stateManager;
-  }
-  handleStateUpdate(e, t) {
-    if (e.currentDate !== (t == null ? void 0 : t.currentDate) || e.view !== (t == null ? void 0 : t.view)) {
-      this.loadViewData();
-      return;
-    }
-    e.events !== (t == null ? void 0 : t.events) && this.loadViewData(), e.selectedDate !== (t == null ? void 0 : t.selectedDate) && this.updateSelection(e.selectedDate, t == null ? void 0 : t.selectedDate);
-  }
-  updateSelection(e, t) {
-    const s = this.shadowRoot.querySelector(".day-column");
-    if (!s) return;
-    ((r) => r && v.isSameDay(r, new Date(s.dataset.date)))(e) ? s.classList.add("selected") : s.classList.remove("selected");
-  }
-  loadViewData() {
-    if (!this.stateManager) return;
-    const e = this.stateManager.getViewData();
-    this.viewData = this.processViewData(e), this.render();
-  }
-  processViewData(e) {
-    var n;
-    if (!e) return null;
-    let t = null;
-    const s = (n = this.stateManager) == null ? void 0 : n.getState(), i = (s == null ? void 0 : s.currentDate) || /* @__PURE__ */ new Date();
-    if (e.days && Array.isArray(e.days) && e.days.length > 0)
-      t = e.days.find((a) => v.isSameDay(new Date(a.date), i)) || e.days[0];
-    else if (e.weeks && Array.isArray(e.weeks) && e.weeks.length > 0) {
-      const a = e.weeks.flatMap((o) => o.days || []);
-      t = a.find((o) => v.isSameDay(new Date(o.date), i)) || a[0];
-    } else e.date && (t = e);
-    if (!t) return null;
-    const r = new Date(t.date);
-    return {
-      ...e,
-      day: {
-        ...t,
-        date: r,
-        isToday: v.isToday(r),
-        timedEvents: (t.events || []).filter((a) => !a.allDay),
-        allDayEvents: (t.events || []).filter((a) => a.allDay)
-      }
-    };
-  }
-  getStyles() {
-    return `
-            :host {
-                display: flex;
-                flex-direction: column;
-                height: 100%;
-                min-height: 0;
-            }
-
-            .day-view {
-                display: flex;
-                flex-direction: column;
-                height: 100%;
-                background: var(--fc-background);
-                min-height: 0;
-                overflow: hidden;
-            }
-
-            /* Header */
-            .day-header {
-                display: grid;
-                grid-template-columns: 60px 1fr;
-                border-bottom: 1px solid var(--fc-border-color);
-                background: var(--fc-background);
-                z-index: 20;
-                flex-shrink: 0;
-            }
-
-            .day-column-header {
-                padding: 16px 24px;
-                text-align: left;
-                display: flex;
-                flex-direction: column;
-                gap: 4px;
-            }
-
-            .day-name {
-                font-size: 12px;
-                font-weight: 700;
-                color: var(--fc-text-light);
-                text-transform: uppercase;
-                letter-spacing: 0.1em;
-            }
-
-            .day-number {
-                font-size: 24px;
-                font-weight: 600;
-                color: var(--fc-text-color);
-            }
-
-            .is-today .day-number {
-                color: var(--fc-danger-color);
-            }
-
-            /* All Day Events */
-            .all-day-row {
-                display: grid;
-                grid-template-columns: 60px 1fr;
-                border-bottom: 1px solid var(--fc-border-color);
-                background: var(--fc-background-alt);
-                min-height: 36px;
-                flex-shrink: 0;
-            }
-
-            .all-day-label {
-                font-size: 9px;
-                color: var(--fc-text-light);
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                border-right: 1px solid var(--fc-border-color);
-                text-transform: uppercase;
-                font-weight: 700;
-            }
-
-            .all-day-cell {
-                padding: 6px 12px;
-                display: flex;
-                flex-wrap: wrap;
-                gap: 4px;
-            }
-
-            /* Body */
-            .day-body {
-                flex: 1;
-                overflow-y: auto;
-                overflow-x: hidden;
-                position: relative;
-                display: grid;
-                grid-template-columns: 60px 1fr;
-                background: var(--fc-background);
-            }
-
-            .time-gutter {
-                border-right: 1px solid var(--fc-border-color);
-                background: var(--fc-background-alt);
-                height: 1440px;
-            }
-
-            .time-slot-label {
-                height: 60px;
-                font-size: 11px;
-                color: var(--fc-text-light);
-                text-align: right;
-                padding-right: 12px;
-                font-weight: 500;
-            }
-
-            .day-column {
-                position: relative;
-                height: 1440px;
-            }
-
-            .day-column.selected {
-                background: var(--fc-background-hover);
-            }
-
-            /* Grid Lines */
-            .grid-lines {
-                position: absolute;
-                top: 0;
-                left: 60px;
-                right: 0;
-                bottom: 0;
-                pointer-events: none;
-            }
-
-            .grid-line {
-                height: 60px;
-                border-bottom: 1px solid var(--fc-border-color);
-                width: 100%;
-            }
-
-            /* Event Style */
-            .event-container {
-                position: absolute;
-                left: 12px;
-                right: 24px;
-                border-radius: 6px;
-                padding: 8px 12px;
-                font-size: 13px;
-                font-weight: 500;
-                color: white;
-                background: var(--fc-primary-color);
-                border: 1px solid rgba(0,0,0,0.1);
-                overflow: hidden;
-                box-shadow: var(--fc-shadow);
-                cursor: pointer;
-                transition: all 0.15s ease;
-                z-index: 5;
-            }
-
-            .event-container:hover {
-                z-index: 10;
-                transform: translateX(4px);
-            }
-
-            .now-indicator {
-                position: absolute;
-                left: 0;
-                right: 0;
-                height: 2px;
-                background: var(--fc-danger-color);
-                z-index: 15;
-                pointer-events: none;
-            }
-        `;
-  }
-  template() {
-    var i, r, n;
-    if (!this.viewData || !this.viewData.day)
-      return '<div class="day-view" style="padding: 20px; color: var(--fc-text-light);">No data available.</div>';
-    const { day: e } = this.viewData, t = ((n = (r = (i = this.stateManager) == null ? void 0 : i.state) == null ? void 0 : r.config) == null ? void 0 : n.locale) || "en-US", s = v.formatDate(e.date, "day", t).split(" ")[0];
-    return `
-            <div class="day-view">
-                <div class="day-header">
-                    <div class="time-gutter-header"></div>
-                    <div class="day-column-header ${e.isToday ? "is-today" : ""}">
-                        <span class="day-name">${s}</span>
-                        <span class="day-number">${e.date.getDate()}</span>
-                    </div>
-                </div>
-
-                <div class="all-day-row">
-                    <div class="all-day-label">All day</div>
-                    <div class="all-day-cell">
-                        ${e.allDayEvents.map((a) => this.renderAllDayEvent(a)).join("")}
-                    </div>
-                </div>
-
-                <div class="day-body" id="scroll-container">
-                    <div class="grid-lines">
-                        ${this.hours.map(() => '<div class="grid-line"></div>').join("")}
-                    </div>
-
-                    <div class="time-gutter">
-                        ${this.hours.map((a) => `
-                            <div class="time-slot-label">
-                                ${a === 0 ? "" : v.formatTime((/* @__PURE__ */ new Date()).setHours(a, 0), !1)}
-                            </div>
-                        `).join("")}
-                    </div>
-
-                    <div class="day-column" data-date="${e.date.toISOString()}">
-                        ${e.isToday ? this.renderNowIndicator() : ""}
-                        ${e.timedEvents.map((a) => this.renderTimedEvent(a)).join("")}
-                    </div>
-                </div>
-            </div>
-        `;
-  }
-  renderTimedEvent(e) {
-    const t = new Date(e.start), s = new Date(e.end), i = t.getHours() * 60 + t.getMinutes(), r = (s - t) / (1e3 * 60), n = i, a = Math.max(r, 30), o = y.sanitizeColor(e.backgroundColor), c = y.sanitizeColor(y.getContrastColor(o), "white");
-    return `
-            <div class="event-container"
-                 style="top: ${n}px; height: ${a}px; background-color: ${o}; color: ${c};"
-                 data-event-id="${e.id}">
-                <span class="event-title">${T.escapeHTML(e.title)}</span>
-                <span class="event-time">${v.formatTime(t)} - ${v.formatTime(s)}</span>
-            </div>
-        `;
-  }
-  renderAllDayEvent(e) {
-    const t = y.sanitizeColor(e.backgroundColor), s = y.sanitizeColor(y.getContrastColor(t), "white");
-    return `
-            <div class="event-item"
-                 style="background-color: ${t}; color: ${s}; font-size: 12px; padding: 4px 8px; border-radius: 4px; cursor: pointer; font-weight: 500; margin-bottom: 2px;"
-                 data-event-id="${e.id}">
-                ${T.escapeHTML(e.title)}
-            </div>
-        `;
-  }
-  renderNowIndicator() {
-    const e = /* @__PURE__ */ new Date();
-    return `<div class="now-indicator" style="top: ${e.getHours() * 60 + e.getMinutes()}px"></div>`;
-  }
-  afterRender() {
-    const e = this.$("#scroll-container");
-    e && !this._scrolled && (e.scrollTop = 8 * 60 - 50, this._scrolled = !0), this.$$("[data-event-id]").forEach((s) => {
-      this.addListener(s, "click", (i) => {
-        i.stopPropagation();
-        const r = i.currentTarget.dataset.eventId, n = this.stateManager.getEvents().find((a) => a.id === r);
-        n && this.emit("event-click", { event: n });
-      });
-    });
-    const t = this.$(".day-column");
-    t && this.addListener(t, "click", (s) => {
-      const i = s.currentTarget, r = this.$("#scroll-container"), n = i.getBoundingClientRect(), a = s.clientY - n.top + (r ? r.scrollTop : 0), o = new Date(i.dataset.date);
-      o.setHours(Math.floor(a / 60), Math.floor(a % 60), 0, 0), this.stateManager.selectDate(o), this.emit("day-click", { date: o });
-    });
-  }
-  unmount() {
-    this.unsubscribe && this.unsubscribe();
-  }
-}
-class ae extends _ {
+class ie extends O {
   constructor() {
     super(), this._isVisible = !1, this._cleanupFocusTrap = null, this.config = {
       title: "New Event",
@@ -7664,8 +6546,8 @@ class ae extends _ {
   }
   getStyles() {
     return `
-            ${y.getBaseStyles()}
-            ${y.getButtonStyles()}
+            ${x.getBaseStyles()}
+            ${x.getButtonStyles()}
 
             :host {
                 display: none;
@@ -7908,7 +6790,7 @@ class ae extends _ {
     });
   }
   open(e = /* @__PURE__ */ new Date()) {
-    this.hasAttribute("open") || this.setAttribute("open", ""), this.titleGroup.classList.remove("has-error"), this.endGroup.classList.remove("has-error"), this._formData.start = e, this._formData.end = new Date(e.getTime() + this.config.defaultDuration * 60 * 1e3), this._formData.title = "", this._formData.color = this.config.colors[0].color, this.startInput && (this.titleInput.value = "", this.startInput.value = this.formatDateForInput(this._formData.start), this.endInput.value = this.formatDateForInput(this._formData.end), this.updateColorSelection(), this._cleanupFocusTrap = T.trapFocus(this.modalContent));
+    this.hasAttribute("open") || this.setAttribute("open", ""), this.titleGroup.classList.remove("has-error"), this.endGroup.classList.remove("has-error"), this._formData.start = e, this._formData.end = new Date(e.getTime() + this.config.defaultDuration * 60 * 1e3), this._formData.title = "", this._formData.color = this.config.colors[0].color, this.startInput && (this.titleInput.value = "", this.startInput.value = this.formatDateForInput(this._formData.start), this.endInput.value = this.formatDateForInput(this._formData.end), this.updateColorSelection(), this._cleanupFocusTrap = L.trapFocus(this.modalContent));
   }
   close() {
     this.removeAttribute("open"), this._cleanupFocusTrap && (this._cleanupFocusTrap(), this._cleanupFocusTrap = null);
@@ -7937,11 +6819,8 @@ class ae extends _ {
     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", ae);
-customElements.get("forcecal-month") || customElements.define("forcecal-month", ie);
-customElements.get("forcecal-week") || customElements.define("forcecal-week", re);
-customElements.get("forcecal-day") || customElements.define("forcecal-day", ne);
-class oe extends _ {
+customElements.get("forcecal-event-form") || customElements.define("forcecal-event-form", ie);
+class re extends O {
   static get observedAttributes() {
     return ["view", "date", "locale", "timezone", "week-starts-on", "height"];
   }
@@ -7959,13 +6838,13 @@ class oe extends _ {
     this.stateManager = new se(e), this.stateManager.subscribe(this.handleStateChange.bind(this)), this.setupEventListeners();
   }
   setupEventListeners() {
-    p.on("navigation:*", (e, t) => {
+    m.on("navigation:*", (e, t) => {
       this.emit("calendar-navigate", { action: t.split(":")[1], ...e });
-    }), p.on("view:changed", (e) => {
+    }), m.on("view:changed", (e) => {
       this.emit("calendar-view-change", e);
-    }), p.on("event:*", (e, t) => {
+    }), m.on("event:*", (e, t) => {
       this.emit(`calendar-event-${t.split(":")[1]}`, e);
-    }), p.on("date:selected", (e) => {
+    }), m.on("date:selected", (e) => {
       this.emit("calendar-date-select", e);
     });
   }
@@ -8010,7 +6889,7 @@ class oe extends _ {
       try {
         const s = {
           month: E,
-          week: H,
+          week: z,
           day: F
         }[this.currentView] || E, i = new s(e, this.stateManager);
         i._viewType = this.currentView, this._currentViewInstance = i, i.render();
@@ -8034,10 +6913,10 @@ class oe extends _ {
   getStyles() {
     const e = this.getAttribute("height") || "800px";
     return `
-            ${y.getBaseStyles()}
-            ${y.getButtonStyles()}
-            ${y.getGridStyles()}
-            ${y.getAnimations()}
+            ${x.getBaseStyles()}
+            ${x.getButtonStyles()}
+            ${x.getGridStyles()}
+            ${x.getAnimations()}
 
             :host {
                 --calendar-height: ${e};
@@ -8426,7 +7305,7 @@ class oe extends _ {
       return `
                 <div class="force-calendar">
                     <div class="fc-error">
-                        <p><strong>Error:</strong> ${T.escapeHTML(r.message || "An error occurred")}</p>
+                        <p><strong>Error:</strong> ${L.escapeHTML(r.message || "An error occurred")}</p>
                     </div>
                 </div>
             `;
@@ -8494,7 +7373,7 @@ class oe extends _ {
       try {
         const r = {
           month: E,
-          week: H,
+          week: z,
           day: F
         }[this.currentView] || E, n = new r(e, this.stateManager);
         n._viewType = this.currentView, this._currentViewInstance = n, n.render();
@@ -8529,7 +7408,7 @@ class oe extends _ {
   _createViewRenderer(e) {
     const s = {
       month: E,
-      week: H,
+      week: z,
       day: F
     }[e] || E;
     return new s(null, null);
@@ -8555,14 +7434,14 @@ class oe extends _ {
     const s = this.stateManager.state.config.locale;
     switch (t) {
       case "month":
-        return v.formatDate(e, "month", s);
+        return S.formatDate(e, "month", s);
       case "week":
-        const i = v.startOfWeek(e), r = v.endOfWeek(e);
-        return v.formatDateRange(i, r, s);
+        const i = S.startOfWeek(e), r = S.endOfWeek(e);
+        return S.formatDateRange(i, r, s);
       case "day":
-        return v.formatDate(e, "long", s);
+        return S.formatDate(e, "long", s);
       default:
-        return v.formatDate(e, "month", s);
+        return S.formatDate(e, "month", s);
     }
   }
   getIcon(e) {
@@ -8613,26 +7492,23 @@ class oe extends _ {
     this.stateManager.today();
   }
   destroy() {
-    this.stateManager && this.stateManager.destroy(), p.clear(), super.cleanup();
+    this.stateManager && this.stateManager.destroy(), m.clear(), super.cleanup();
   }
 }
-customElements.get("forcecal-main") || customElements.define("forcecal-main", oe);
+customElements.get("forcecal-main") || customElements.define("forcecal-main", re);
 typeof window < "u" && typeof customElements < "u" && console.log("Force Calendar Interface loading...");
 export {
-  _ as BaseComponent,
-  O as BaseViewRenderer,
-  T as DOMUtils,
-  v as DateUtils,
-  ne as DayView,
+  O as BaseComponent,
+  H as BaseViewRenderer,
+  L as DOMUtils,
+  S as DateUtils,
   F as DayViewRenderer,
   te as EventBus,
-  oe as ForceCalendar,
-  ie as MonthView,
+  re as ForceCalendar,
   E as MonthViewRenderer,
   se as StateManager,
-  y as StyleUtils,
-  re as WeekView,
-  H as WeekViewRenderer,
-  p as eventBus
+  x as StyleUtils,
+  z as WeekViewRenderer,
+  m as eventBus
 };
 //# sourceMappingURL=force-calendar-interface.esm.js.map