@forcecalendar/interface 0.10.0 → 1.0.1

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

@@ -1,5 +1,5 @@
-var R = Object.defineProperty;
-var U = (u, e, t) => e in u ? R(u, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[e] = t;
+var H = Object.defineProperty;
+var U = (u, e, t) => e in u ? H(u, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[e] = t;
 var C = (u, e, t) => U(u, typeof e != "symbol" ? e + "" : e, t);
 class S extends HTMLElement {
   constructor() {
@@ -397,7 +397,7 @@ class M {
     if (!e) return null;
     if (t === "UTC") return new Date(e);
     const s = this.getTimezoneOffset(e, t);
-    return new Date(e.getTime() - s * 60 * 1e3);
+    return new Date(e.getTime() + s * 60 * 1e3);
   }
   /**
    * Convert UTC date to timezone
@@ -409,7 +409,7 @@ class M {
     if (!e) return null;
     if (t === "UTC") return new Date(e);
     const s = this.getTimezoneOffset(e, t);
-    return new Date(e.getTime() + s * 60 * 1e3);
+    return new Date(e.getTime() - s * 60 * 1e3);
   }
   /**
    * Get timezone offset in minutes
@@ -708,22 +708,22 @@ class x {
     borderColor: l = null,
     textColor: d = null,
     recurring: h = !1,
-    recurrenceRule: v = null,
-    timeZone: w = null,
+    recurrenceRule: y = null,
+    timeZone: b = null,
     endTimeZone: D = null,
     status: k = "confirmed",
-    visibility: E = "public",
+    visibility: T = "public",
     organizer: A = null,
-    attendees: $ = [],
+    attendees: z = [],
     reminders: I = [],
     category: L,
     // Support singular category (no default)
-    categories: O,
+    categories: F,
     // Support plural categories (no default)
-    attachments: F = [],
+    attachments: O = [],
     conferenceData: _ = null,
-    metadata: B = {},
-    ...H
+    metadata: R = {},
+    ...B
     // Capture any extra properties
   }) {
     const m = x.normalize({
@@ -739,22 +739,22 @@ class x {
       borderColor: l,
       textColor: d,
       recurring: h,
-      recurrenceRule: v,
-      timeZone: w,
+      recurrenceRule: y,
+      timeZone: b,
       endTimeZone: D,
       status: k,
-      visibility: E,
+      visibility: T,
       organizer: A,
-      attendees: $,
+      attendees: z,
       reminders: I,
       category: L,
       // Pass category to normalize
-      categories: O,
+      categories: F,
       // Pass categories to normalize
-      attachments: F,
+      attachments: O,
       conferenceData: _,
-      metadata: B,
-      ...H
+      metadata: R,
+      ...B
       // Pass any extra properties
     });
     x.validate(m), this.id = m.id, this.title = m.title, this._timezoneManager = new M(), this.timeZone = m.timeZone || this._timezoneManager.getSystemTimezone(), this.endTimeZone = m.endTimeZone || this.timeZone, this.start = m.start, this.end = m.end, this.startUTC = this._timezoneManager.toUTC(this.start, this.timeZone), this.endUTC = this._timezoneManager.toUTC(this.end, this.endTimeZone), this.allDay = m.allDay, this.description = m.description, this.location = m.location, this.color = m.color, this.backgroundColor = m.backgroundColor, this.borderColor = m.borderColor, this.textColor = m.textColor, this.recurring = m.recurring, this.recurrenceRule = m.recurrenceRule, this._originalTimeZone = m.timeZone || null, this.status = m.status, this.visibility = m.visibility, this.organizer = m.organizer, this.attendees = [...m.attendees], this.reminders = [...m.reminders], this.categories = m.categories ? [...m.categories] : [], this.attachments = [...m.attachments], this.conferenceData = m.conferenceData, this.metadata = { ...m.metadata }, this._cache = {}, this._validateAttendees(), this._validateReminders();
@@ -1202,7 +1202,7 @@ class x {
     return this.conferenceData !== null;
   }
 }
-let f = class b {
+let f = class w {
   /**
    * Get the start of a day
    * @param {Date} date - The date
@@ -1238,7 +1238,7 @@ let f = class b {
    * @returns {Date}
    */
   static endOfWeek(e, t = 0) {
-    const s = b.startOfWeek(e, t);
+    const s = w.startOfWeek(e, t);
     return s.setTime(s.getTime() + 6 * 24 * 60 * 60 * 1e3), s.setHours(23, 59, 59, 999), s;
   }
   /**
@@ -1290,7 +1290,7 @@ let f = class b {
    * @returns {Date}
    */
   static addWeeks(e, t) {
-    return b.addDays(e, t * 7);
+    return w.addDays(e, t * 7);
   }
   /**
    * Add months to a date
@@ -1372,7 +1372,7 @@ let f = class b {
    * @returns {boolean}
    */
   static isSameWeek(e, t, s = 0) {
-    const i = b.startOfWeek(e, s), a = b.startOfWeek(t, s);
+    const i = w.startOfWeek(e, s), a = w.startOfWeek(t, s);
     return i.toDateString() === a.toDateString();
   }
   /**
@@ -1410,7 +1410,7 @@ let f = class b {
    * @returns {number}
    */
   static differenceInWeeks(e, t) {
-    return Math.floor(b.differenceInDays(e, t) / 7);
+    return Math.floor(w.differenceInDays(e, t) / 7);
   }
   /**
    * Get the difference in months between two dates
@@ -1466,7 +1466,7 @@ let f = class b {
    * @returns {string}
    */
   static getMonthName(e, t = "en-US", s = "long") {
-    return b.format(e, t, { month: s });
+    return w.format(e, t, { month: s });
   }
   /**
    * Get day name
@@ -1476,7 +1476,7 @@ let f = class b {
    * @returns {string}
    */
   static getDayName(e, t = "en-US", s = "long") {
-    return b.format(e, t, { weekday: s });
+    return w.format(e, t, { weekday: s });
   }
   /**
    * Format time
@@ -1486,7 +1486,7 @@ let f = class b {
    * @returns {string}
    */
   static formatTime(e, t = "en-US", s = !1) {
-    return b.format(e, t, {
+    return w.format(e, t, {
       hour: "numeric",
       minute: "2-digit",
       hour12: !s
@@ -1508,7 +1508,7 @@ let f = class b {
    * @returns {Date}
    */
   static setTime(e, t) {
-    const s = new Date(e), { hours: i, minutes: a } = b.parseTime(t);
+    const s = new Date(e), { hours: i, minutes: a } = w.parseTime(t);
     return s.setHours(i, a, 0, 0), s;
   }
   /**
@@ -1587,7 +1587,7 @@ let f = class b {
    * @returns {boolean}
    */
   static isDST(e, t) {
-    const s = new Date(e.getFullYear(), 0, 1), i = new Date(e.getFullYear(), 6, 1), a = b.getTimezoneOffset(s, t), n = b.getTimezoneOffset(i, t), r = b.getTimezoneOffset(e, t);
+    const s = new Date(e.getFullYear(), 0, 1), i = new Date(e.getFullYear(), 6, 1), a = w.getTimezoneOffset(s, t), n = w.getTimezoneOffset(i, t), r = w.getTimezoneOffset(e, t);
     return Math.max(a, n) === r;
   }
   /**
@@ -1598,9 +1598,9 @@ let f = class b {
    * @returns {Date}
    */
   static addHoursWithDST(e, t, s) {
-    const i = new Date(e), a = b.getTimezoneOffset(e, s);
+    const i = new Date(e), a = w.getTimezoneOffset(e, s);
     i.setTime(i.getTime() + t * 60 * 60 * 1e3);
-    const n = b.getTimezoneOffset(i, s);
+    const n = w.getTimezoneOffset(i, s);
     if (a !== n) {
       const r = (n - a) * 6e4;
       i.setTime(i.getTime() + r);
@@ -1619,7 +1619,7 @@ let f = class b {
    * @returns {Date}
    */
   static createInTimeZone(e, t, s, i = 0, a = 0, n = 0, r) {
-    const o = `${e}-${String(t + 1).padStart(2, "0")}-${String(s).padStart(2, "0")}`, c = `${String(i).padStart(2, "0")}:${String(a).padStart(2, "0")}:${String(n).padStart(2, "0")}`, l = /* @__PURE__ */ new Date(`${o}T${c}`), d = b.getTimezoneOffset(l, r), h = l.getTime() + d * 6e4;
+    const o = `${e}-${String(t + 1).padStart(2, "0")}-${String(s).padStart(2, "0")}`, c = `${String(i).padStart(2, "0")}:${String(a).padStart(2, "0")}:${String(n).padStart(2, "0")}`, l = /* @__PURE__ */ new Date(`${o}T${c}`), d = w.getTimezoneOffset(l, r), h = l.getTime() + d * 6e4;
     return new Date(h);
   }
 };
@@ -1715,18 +1715,16 @@ class Y {
   }
   /**
    * Parse BYDAY value
+   * Returns array of strings like ['MO', '2TU', '-1FR'] for compatibility with RecurrenceEngine
    * @private
    */
   static parseByDay(e) {
     const t = e.split(","), s = ["SU", "MO", "TU", "WE", "TH", "FR", "SA"], i = [];
     for (const a of t) {
-      const n = a.match(/^([+-]?\d*)([A-Z]{2})$/);
-      if (n) {
-        const [r, o, c] = n;
-        s.includes(c) && i.push({
-          weekday: c,
-          nth: o ? parseInt(o, 10) : null
-        });
+      const r = a.trim().toUpperCase().match(/^([+-]?\d*)([A-Z]{2})$/);
+      if (r) {
+        const [o, c, l] = r;
+        s.includes(l) && i.push(c ? `${c}${l}` : l);
       }
     }
     return i;
@@ -1877,16 +1875,16 @@ class N {
     const n = this.parseRule(e.recurrenceRule), r = [], o = e.end - e.start, c = a || e.timeZone || "UTC", l = new M();
     let d = new Date(e.start), h = 0;
     n.until && n.until < s && (s = n.until);
-    let v = l.getTimezoneOffset(d, c);
+    let y = l.getTimezoneOffset(d, c);
     for (; d <= s && h < i; ) {
       if (d >= t) {
-        const w = new Date(d), D = new Date(d.getTime() + o), k = l.getTimezoneOffset(w, c);
-        if (k !== v) {
-          const E = v - k;
-          w.setMinutes(w.getMinutes() + E), D.setMinutes(D.getMinutes() + E);
+        const b = new Date(d), D = new Date(d.getTime() + o), k = l.getTimezoneOffset(b, c);
+        if (k !== y) {
+          const T = y - k;
+          b.setMinutes(b.getMinutes() + T), D.setMinutes(D.getMinutes() + T);
         }
-        v = k, this.isException(w, n, e.id) || r.push({
-          start: w,
+        y = k, this.isException(b, n, e.id) || r.push({
+          start: b,
           end: D,
           recurringEventId: e.id,
           timezone: c,
@@ -1920,10 +1918,12 @@ class N {
         i.setDate(i.getDate() + t.interval);
         break;
       case "WEEKLY":
-        if (t.byDay && t.byDay.length > 0)
-          for (i.setDate(i.getDate() + 1); !this.matchesByDay(i, t.byDay); )
-            i.setDate(i.getDate() + 1);
-        else
+        if (t.byDay && t.byDay.length > 0) {
+          let n = 0;
+          for (i.setDate(i.getDate() + 1); !this.matchesByDay(i, t.byDay) && n < 8; )
+            i.setDate(i.getDate() + 1), n++;
+          n >= 8 && (console.warn("RecurrenceEngine: Invalid byDay rule, falling back to weekly interval"), i.setDate(i.getDate() + 7 * t.interval - 8));
+        } else
           i.setDate(i.getDate() + 7 * t.interval);
         break;
       case "MONTHLY":
@@ -2089,7 +2089,7 @@ class N {
     return a && (n = `${a === -1 ? "Last" : ["", "1st", "2nd", "3rd", "4th", "5th"][a] || `${a}th`} ${n}`), n;
   }
 }
-class z {
+class $ {
   /**
    * Create a new LRU Cache
    * @param {number} capacity - Maximum number of items in cache
@@ -2257,7 +2257,7 @@ class W {
       if (e.jsHeapSizeLimit && e.usedJSHeapSize)
         return e.usedJSHeapSize / e.jsHeapSizeLimit;
     }
-    if (typeof process < "u" && process.memoryUsage) {
+    if (typeof process < "u" && typeof process.memoryUsage == "function") {
       const e = process.memoryUsage();
       return e.heapUsed / e.heapTotal;
     }
@@ -2401,7 +2401,7 @@ class V {
       enableAdaptiveMemory: !0,
       // Enable adaptive memory management
       ...e
-    }, this.eventCache = new z(this.config.cacheCapacity), this.queryCache = new z(Math.floor(this.config.cacheCapacity / 2)), this.dateRangeCache = new z(Math.floor(this.config.cacheCapacity / 4)), this.config.enableAdaptiveMemory && (this.memoryManager = new W({
+    }, 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 W({
       checkInterval: 3e4,
       memoryThreshold: 0.75,
       criticalThreshold: 0.9
@@ -3124,24 +3124,29 @@ class Z {
    */
   getEventsForDate(e, t = null) {
     t = t || this.defaultTimezone, f.getLocalDateString(e);
-    const s = [], i = new Date(e);
-    for (let a = -1; a <= 1; a++) {
-      const n = new Date(i);
-      n.setDate(n.getDate() + a);
-      const r = f.getLocalDateString(n), o = this.indices.byDate.get(r) || /* @__PURE__ */ new Set();
-      for (const c of o) {
-        const l = this.events.get(c);
-        if (l && !s.find((d) => d.id === l.id)) {
-          const d = l.getStartInTimezone(t), h = l.getEndInTimezone(t), v = new Date(e);
-          v.setHours(0, 0, 0, 0);
-          const w = new Date(e);
-          w.setHours(23, 59, 59, 999), d <= w && h >= v && s.push(l);
-        }
+    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), y = this.indices.byDate.get(h);
+      y && y.forEach((b) => s.add(b));
+    }
+    const a = `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}`, n = this.indices.byMonth.get(a);
+    n && n.forEach((l) => s.add(l));
+    const r = [], o = new Date(e);
+    o.setHours(0, 0, 0, 0);
+    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), y = d.getEndInTimezone(t);
+        h <= c && y >= o && r.push(d);
       }
     }
-    return s.sort((a, n) => {
-      const r = a.getStartInTimezone(t), o = n.getStartInTimezone(t), c = r - o;
-      return c !== 0 ? c : n.duration - a.duration;
+    return r.sort((l, d) => {
+      const h = l.getStartInTimezone(t), y = d.getStartInTimezone(t), b = h - y;
+      return b !== 0 ? b : d.duration - l.duration;
     });
   }
   /**
@@ -3158,8 +3163,8 @@ class Z {
       (this.indices.byDate.get(l) || /* @__PURE__ */ new Set()).forEach((h) => {
         if (!o.has(h) && h !== s) {
           o.add(h);
-          const v = this.events.get(h);
-          v && v.overlaps({ start: e, end: t }) && i.push(v);
+          const y = this.events.get(h);
+          y && y.overlaps({ start: e, end: t }) && i.push(y);
         }
       });
     }), i.sort((c, l) => c.start - l.start);
@@ -4336,22 +4341,22 @@ class K {
     let l = new Date(o);
     const d = a ? 6 : Math.ceil((r.getDate() + f.getDayOfWeek(n, i)) / 7);
     for (let h = 0; h < d; h++) {
-      const v = {
+      const y = {
         weekNumber: f.getWeekNumber(l),
         days: []
       };
-      for (let w = 0; w < 7; w++) {
-        const D = new Date(l), k = D.getMonth() === s, E = f.isToday(D), A = D.getDay() === 0 || D.getDay() === 6;
-        v.days.push({
+      for (let b = 0; b < 7; b++) {
+        const D = new Date(l), k = D.getMonth() === s, T = f.isToday(D), A = D.getDay() === 0 || D.getDay() === 6;
+        y.days.push({
           date: D,
           dayOfMonth: D.getDate(),
           isCurrentMonth: k,
-          isToday: E,
+          isToday: T,
           isWeekend: A,
           events: this.getEventsForDate(D)
         }), l = f.addDays(l, 1);
       }
-      c.push(v);
+      c.push(y);
     }
     return {
       type: "month",
@@ -4590,30 +4595,31 @@ class G {
   async emit(e, t) {
     const s = [];
     if (this.events.has(e)) {
-      const i = [...this.events.get(e)];
-      for (const a of i) {
-        const { handler: n, once: r } = a;
-        r && this.off(e, n);
+      const a = [...this.events.get(e)];
+      for (const n of a) {
+        const { handler: r, once: o } = n;
+        o && this.off(e, r);
         try {
-          const o = n(t, e);
-          o instanceof Promise && s.push(o);
-        } catch (o) {
-          console.error(`Error in event handler for ${e}:`, o);
+          const c = r(t, e);
+          c instanceof Promise && s.push(c);
+        } catch (c) {
+          console.error(`Error in event handler for ${e}:`, c);
         }
       }
     }
-    for (const i of this.wildcardHandlers)
-      if (this.matchesPattern(e, i.pattern)) {
-        const { handler: a, once: n } = i;
-        n && this.wildcardHandlers.delete(i);
+    const i = [];
+    for (const a of [...this.wildcardHandlers])
+      if (this.matchesPattern(e, a.pattern)) {
+        const { handler: n, once: r } = a;
+        r && i.push(a);
         try {
-          const r = a(t, e);
-          r instanceof Promise && s.push(r);
-        } catch (r) {
-          console.error(`Error in wildcard handler for ${e}:`, r);
+          const o = n(t, e);
+          o instanceof Promise && s.push(o);
+        } catch (o) {
+          console.error(`Error in wildcard handler for ${e}:`, o);
         }
       }
-    return Promise.all(s);
+    return i.forEach((a) => this.wildcardHandlers.delete(a)), Promise.all(s);
   }
   /**
    * Check if event name matches a pattern
@@ -4640,7 +4646,7 @@ class G {
     return this.events.has(e) ? this.events.get(e).length : 0;
   }
 }
-const p = new G();
+const g = new G();
 class Q {
   constructor(e = {}) {
     this.calendar = new K({
@@ -4689,55 +4695,62 @@ class Q {
       (i) => e[i] !== t[i]
     );
     s.forEach((i) => {
-      p.emit(`state:${i}:changed`, {
+      g.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 && g.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 }), g.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() }), g.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() }), g.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() }), g.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() }), g.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() }), g.emit("navigation:goto", { date: this.state.currentDate });
   }
   // Event management
   addEvent(e) {
     const t = this.calendar.addEvent(e);
-    return this.state.events.push(t), this.setState({ events: [...this.state.events] }), p.emit("event:added", { event: t }), t;
+    if (!t)
+      return console.error("Failed to add event to calendar"), g.emit("event:error", { action: "add", event: e, error: "Failed to add event" }), null;
+    const s = [...this.state.events, t];
+    return this.setState({ events: s }), g.emit("event:added", { event: t }), t;
   }
   updateEvent(e, t) {
     const s = this.calendar.updateEvent(e, t);
-    if (s) {
-      const i = this.state.events.findIndex((a) => a.id === e);
-      i > -1 && (this.state.events[i] = s, this.setState({ events: [...this.state.events] }), p.emit("event:updated", { event: s }));
-    }
-    return s;
+    if (!s)
+      return console.error(`Failed to update event: ${e}`), g.emit("event:error", { action: "update", eventId: e, updates: t, error: "Event not found in calendar" }), null;
+    const i = this.state.events.findIndex((n) => n.id === e);
+    if (i === -1)
+      return console.error(`Event ${e} not found in state`), g.emit("event:error", { action: "update", eventId: e, error: "Event not found in state" }), null;
+    const a = [...this.state.events];
+    return a[i] = s, this.setState({ events: a }), g.emit("event:updated", { event: s }), s;
   }
   deleteEvent(e) {
-    const t = this.calendar.removeEvent(e);
-    return t && (this.state.events = this.state.events.filter((s) => s.id !== e), this.setState({ events: [...this.state.events] }), p.emit("event:deleted", { eventId: e })), t;
+    if (!this.calendar.removeEvent(e))
+      return console.error(`Failed to delete event: ${e}`), g.emit("event:error", { action: "delete", eventId: e, error: "Event not found" }), !1;
+    const s = this.state.events.filter((i) => i.id !== e);
+    return this.setState({ events: s }), g.emit("event:deleted", { eventId: e }), !0;
   }
   getEvents() {
     return this.calendar.getEvents();
@@ -4781,20 +4794,20 @@ class Q {
   }
   // Selection management
   selectEvent(e) {
-    this.setState({ selectedEvent: e }), p.emit("event:selected", { event: e });
+    this.setState({ selectedEvent: e }), g.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 }), g.emit("event:deselected", {});
   }
   selectDate(e) {
-    this.setState({ selectedDate: e }), p.emit("date:selected", { date: e });
+    this.setState({ selectedDate: e }), g.emit("date:selected", { date: e });
   }
   deselectDate() {
-    this.setState({ selectedDate: null }), p.emit("date:deselected", {});
+    this.setState({ selectedDate: null }), g.emit("date:deselected", {});
   }
   // Utility methods
   isToday(e) {
@@ -4814,7 +4827,7 @@ class Q {
   }
   // Error handling
   setError(e) {
-    this.setState({ error: e }), e && p.emit("error", { error: e });
+    this.setState({ error: e }), e && g.emit("error", { error: e });
   }
   clearError() {
     this.setState({ error: null });
@@ -4828,7 +4841,7 @@ class Q {
     this.subscribers.clear(), this.state = null, this.calendar = null;
   }
 }
-class y extends f {
+class v extends f {
   /**
    * Format date for display
    */
@@ -4942,7 +4955,7 @@ class y extends f {
     return a && (a.toLowerCase() === "pm" && n < 12 ? o = n + 12 : a.toLowerCase() === "am" && n === 12 && (o = 0)), s.setHours(o, r || 0, 0, 0), s;
   }
 }
-class T {
+class E {
   /**
    * Create element with attributes and children
    */
@@ -5128,13 +5141,16 @@ class T {
   static trapFocus(e) {
     const t = e.querySelectorAll(
       'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-    ), s = t[0], i = t[t.length - 1], a = (n) => {
-      n.key === "Tab" && (n.shiftKey ? document.activeElement === s && (i.focus(), n.preventDefault()) : document.activeElement === i && (s.focus(), n.preventDefault()));
+    );
+    if (t.length === 0)
+      return e.setAttribute("tabindex", "-1"), e.focus(), () => e.removeAttribute("tabindex");
+    const s = t[0], i = t[t.length - 1], a = (n) => {
+      n.key === "Tab" && (n.shiftKey ? document.activeElement === s && (i == null || i.focus(), n.preventDefault()) : document.activeElement === i && (s == null || s.focus(), n.preventDefault()));
     };
     return e.addEventListener("keydown", a), s == null || s.focus(), () => e.removeEventListener("keydown", a);
   }
 }
-class g {
+class p {
   /**
    * Get CSS variable value
    */
@@ -5471,7 +5487,7 @@ class g {
 /**
  * Default theme colors
  */
-C(g, "colors", {
+C(p, "colors", {
   primary: "#3B82F6",
   // Modern Blue
   secondary: "#64748B",
@@ -5504,7 +5520,7 @@ C(g, "colors", {
 }), /**
  * Common CSS variables
  */
-C(g, "cssVariables", {
+C(p, "cssVariables", {
   // "Pro" Palette - Functional & Sharp
   "--fc-primary-color": "#2563EB",
   // International Blue (Focus)
@@ -5572,7 +5588,7 @@ C(g, "cssVariables", {
 }), /**
  * Get responsive breakpoints
  */
-C(g, "breakpoints", {
+C(p, "breakpoints", {
   xs: "320px",
   sm: "576px",
   md: "768px",
@@ -5641,9 +5657,15 @@ class J extends S {
     };
   }
   getContrastingTextColor(e) {
-    if (!e) return "white";
-    const t = e.charAt(0) === "#" ? e.substring(1, 7) : e, s = parseInt(t.substring(0, 2), 16), i = parseInt(t.substring(2, 4), 16), a = parseInt(t.substring(4, 6), 16), r = [s / 255, i / 255, a / 255].map((c) => c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4));
-    return 0.2126 * r[0] + 0.7152 * r[1] + 0.0722 * r[2] > 0.179 ? "black" : "white";
+    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), a = parseInt(s.substring(2, 4), 16), n = parseInt(s.substring(4, 6), 16);
+    if (isNaN(i) || isNaN(a) || isNaN(n))
+      return "white";
+    const o = [i / 255, a / 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;
@@ -5884,7 +5906,7 @@ class J extends S {
   renderHeader() {
     const { config: e } = this.stateManager.getState(), t = [], s = e.weekStartsOn || 0;
     for (let i = 0; i < 7; i++) {
-      const a = (s + i) % 7, n = y.getDayAbbreviation(a, e.locale);
+      const a = (s + i) % 7, n = v.getDayAbbreviation(a, e.locale);
       t.push(`<div class="month-header-cell">${n}</div>`);
     }
     return `
@@ -5919,7 +5941,7 @@ class J extends S {
   renderDay(e) {
     const { date: t, dayOfMonth: s, isOtherMonth: i, isToday: a, isSelected: n, isWeekend: r, events: o = [] } = e, c = s, l = ["month-day"];
     i && l.push("other-month"), a && l.push("today"), n && l.push("selected"), r && l.push("weekend");
-    const d = o.slice(0, this.config.maxEventsToShow), h = o.length - this.config.maxEventsToShow, v = d.map((D) => this.renderEvent(D)).join(""), w = h > 0 ? `<div class="more-events">+${h} more</div>` : "";
+    const d = o.slice(0, this.config.maxEventsToShow), h = o.length - this.config.maxEventsToShow, y = d.map((D) => this.renderEvent(D)).join(""), b = h > 0 ? `<div class="more-events">+${h} more</div>` : "";
     return `
             <div class="${l.join(" ")}"
                  data-date="${t.toISOString()}"
@@ -5928,8 +5950,8 @@ class J extends S {
                     <span class="day-number">${c}</span>
                 </div>
                 <div class="day-events">
-                    ${v}
-                    ${w}
+                    ${y}
+                    ${b}
                 </div>
             </div>
         `;
@@ -5938,19 +5960,19 @@ class J extends S {
     const { title: t, start: s, allDay: i, backgroundColor: a, textColor: n } = e;
     let r = "";
     if (a) {
-      const l = g.sanitizeColor(a), d = g.sanitizeColor(n, "white");
+      const l = p.sanitizeColor(a), d = p.sanitizeColor(n, "white");
       r += `background-color: ${l}; color: ${d};`;
     }
     let o = "";
-    !i && s && (o = y.formatTime(new Date(s), !1, !1));
+    !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="${r}"
                  data-event-id="${e.id}"
-                 title="${T.escapeHTML(t)}">
+                 title="${E.escapeHTML(t)}">
                 ${o ? `<span class="event-time">${o}</span>` : ""}
-                <span class="event-title">${T.escapeHTML(t)}</span>
+                <span class="event-title">${E.escapeHTML(t)}</span>
             </div>
         `;
   }
@@ -6024,7 +6046,7 @@ class X extends S {
         return {
           ...s,
           date: i,
-          isToday: y.isToday(i),
+          isToday: v.isToday(i),
           timedEvents: (s.events || []).filter((a) => !a.allDay),
           allDayEvents: (s.events || []).filter((a) => a.allDay)
         };
@@ -6221,7 +6243,7 @@ class X extends S {
                     <div class="time-gutter-header"></div>
                     ${this.viewData.days.map((e) => `
                         <div class="day-column-header ${e.isToday ? "is-today" : ""}">
-                            <span class="day-name">${y.getDayAbbreviation(e.date.getDay())}</span>
+                            <span class="day-name">${v.getDayAbbreviation(e.date.getDay())}</span>
                             <span class="day-number">${e.date.getDate()}</span>
                         </div>
                     `).join("")}
@@ -6244,7 +6266,7 @@ class X extends S {
                     <div class="time-gutter">
                         ${this.hours.map((e) => `
                             <div class="time-slot-label">
-                                ${e === 0 ? "" : y.formatTime((/* @__PURE__ */ new Date()).setHours(e, 0), !1)}
+                                ${e === 0 ? "" : v.formatTime((/* @__PURE__ */ new Date()).setHours(e, 0), !1)}
                             </div>
                         `).join("")}
                     </div>
@@ -6260,23 +6282,23 @@ class X extends S {
         ` : '<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(), a = (s - t) / (1e3 * 60), n = i, r = Math.max(a, 20), o = g.sanitizeColor(e.backgroundColor), c = g.sanitizeColor(g.getContrastColor(o), "white");
+    const t = new Date(e.start), s = new Date(e.end), i = t.getHours() * 60 + t.getMinutes(), a = (s - t) / (1e3 * 60), n = i, r = Math.max(a, 20), o = p.sanitizeColor(e.backgroundColor), c = p.sanitizeColor(p.getContrastColor(o), "white");
     return `
             <div class="event-container"
                  style="top: ${n}px; height: ${r}px; background-color: ${o}; color: ${c};"
                  data-event-id="${e.id}">
-                <span class="event-title">${T.escapeHTML(e.title)}</span>
-                <span class="event-time">${y.formatTime(t)}</span>
+                <span class="event-title">${E.escapeHTML(e.title)}</span>
+                <span class="event-time">${v.formatTime(t)}</span>
             </div>
         `;
   }
   renderAllDayEvent(e) {
-    const t = g.sanitizeColor(e.backgroundColor), s = g.sanitizeColor(g.getContrastColor(t), "white");
+    const t = p.sanitizeColor(e.backgroundColor), s = p.sanitizeColor(p.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)}
+                ${E.escapeHTML(e.title)}
             </div>
         `;
   }
@@ -6323,7 +6345,7 @@ class ee extends S {
   updateSelection(e, t) {
     const s = this.shadowRoot.querySelector(".day-column");
     if (!s) return;
-    ((a) => a && y.isSameDay(a, new Date(s.dataset.date)))(e) ? s.classList.add("selected") : s.classList.remove("selected");
+    ((a) => a && v.isSameDay(a, new Date(s.dataset.date)))(e) ? s.classList.add("selected") : s.classList.remove("selected");
   }
   loadViewData() {
     if (!this.stateManager) return;
@@ -6336,10 +6358,10 @@ class ee extends S {
     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((r) => y.isSameDay(new Date(r.date), i)) || e.days[0];
+      t = e.days.find((r) => v.isSameDay(new Date(r.date), i)) || e.days[0];
     else if (e.weeks && Array.isArray(e.weeks) && e.weeks.length > 0) {
       const r = e.weeks.flatMap((o) => o.days || []);
-      t = r.find((o) => y.isSameDay(new Date(o.date), i)) || r[0];
+      t = r.find((o) => v.isSameDay(new Date(o.date), i)) || r[0];
     } else e.date && (t = e);
     if (!t) return null;
     const a = new Date(t.date);
@@ -6348,7 +6370,7 @@ class ee extends S {
       day: {
         ...t,
         date: a,
-        isToday: y.isToday(a),
+        isToday: v.isToday(a),
         timedEvents: (t.events || []).filter((r) => !r.allDay),
         allDayEvents: (t.events || []).filter((r) => r.allDay)
       }
@@ -6526,7 +6548,7 @@ class ee extends S {
     var i, a, 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 = (a = (i = this.stateManager) == null ? void 0 : i.state) == null ? void 0 : a.config) == null ? void 0 : n.locale) || "en-US", s = y.formatDate(e.date, "day", t).split(" ")[0];
+    const { day: e } = this.viewData, t = ((n = (a = (i = this.stateManager) == null ? void 0 : i.state) == null ? void 0 : a.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">
@@ -6552,7 +6574,7 @@ class ee extends S {
                     <div class="time-gutter">
                         ${this.hours.map((r) => `
                             <div class="time-slot-label">
-                                ${r === 0 ? "" : y.formatTime((/* @__PURE__ */ new Date()).setHours(r, 0), !1)}
+                                ${r === 0 ? "" : v.formatTime((/* @__PURE__ */ new Date()).setHours(r, 0), !1)}
                             </div>
                         `).join("")}
                     </div>
@@ -6566,23 +6588,23 @@ class ee extends S {
         `;
   }
   renderTimedEvent(e) {
-    const t = new Date(e.start), s = new Date(e.end), i = t.getHours() * 60 + t.getMinutes(), a = (s - t) / (1e3 * 60), n = i, r = Math.max(a, 30), o = g.sanitizeColor(e.backgroundColor), c = g.sanitizeColor(g.getContrastColor(o), "white");
+    const t = new Date(e.start), s = new Date(e.end), i = t.getHours() * 60 + t.getMinutes(), a = (s - t) / (1e3 * 60), n = i, r = Math.max(a, 30), o = p.sanitizeColor(e.backgroundColor), c = p.sanitizeColor(p.getContrastColor(o), "white");
     return `
             <div class="event-container"
                  style="top: ${n}px; height: ${r}px; background-color: ${o}; color: ${c};"
                  data-event-id="${e.id}">
-                <span class="event-title">${T.escapeHTML(e.title)}</span>
-                <span class="event-time">${y.formatTime(t)} - ${y.formatTime(s)}</span>
+                <span class="event-title">${E.escapeHTML(e.title)}</span>
+                <span class="event-time">${v.formatTime(t)} - ${v.formatTime(s)}</span>
             </div>
         `;
   }
   renderAllDayEvent(e) {
-    const t = g.sanitizeColor(e.backgroundColor), s = g.sanitizeColor(g.getContrastColor(t), "white");
+    const t = p.sanitizeColor(e.backgroundColor), s = p.sanitizeColor(p.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)}
+                ${E.escapeHTML(e.title)}
             </div>
         `;
   }
@@ -6639,8 +6661,8 @@ class te extends S {
   }
   getStyles() {
     return `
-            ${g.getBaseStyles()}
-            ${g.getButtonStyles()}
+            ${p.getBaseStyles()}
+            ${p.getButtonStyles()}
 
             :host {
                 display: none;
@@ -6883,7 +6905,7 @@ class te extends S {
     });
   }
   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 = E.trapFocus(this.modalContent));
   }
   close() {
     this.removeAttribute("open"), this._cleanupFocusTrap && (this._cleanupFocusTrap(), this._cleanupFocusTrap = null);
@@ -6934,13 +6956,13 @@ class se extends S {
     this.stateManager = new Q(e), this.stateManager.subscribe(this.handleStateChange.bind(this)), this.setupEventListeners();
   }
   setupEventListeners() {
-    p.on("navigation:*", (e, t) => {
+    g.on("navigation:*", (e, t) => {
       this.emit("calendar-navigate", { action: t.split(":")[1], ...e });
-    }), p.on("view:changed", (e) => {
+    }), g.on("view:changed", (e) => {
       this.emit("calendar-view-change", e);
-    }), p.on("event:*", (e, t) => {
+    }), g.on("event:*", (e, t) => {
       this.emit(`calendar-event-${t.split(":")[1]}`, e);
-    }), p.on("date:selected", (e) => {
+    }), g.on("date:selected", (e) => {
       this.emit("calendar-date-select", e);
     });
   }
@@ -6956,10 +6978,10 @@ class se extends S {
   getStyles() {
     const e = this.getAttribute("height") || "800px";
     return `
-            ${g.getBaseStyles()}
-            ${g.getButtonStyles()}
-            ${g.getGridStyles()}
-            ${g.getAnimations()}
+            ${p.getBaseStyles()}
+            ${p.getButtonStyles()}
+            ${p.getGridStyles()}
+            ${p.getAnimations()}
 
             :host {
                 --calendar-height: ${e};
@@ -7310,14 +7332,14 @@ class se extends S {
     const s = this.stateManager.state.config.locale;
     switch (t) {
       case "month":
-        return y.formatDate(e, "month", s);
+        return v.formatDate(e, "month", s);
       case "week":
-        const i = y.startOfWeek(e), a = y.endOfWeek(e);
-        return y.formatDateRange(i, a, s);
+        const i = v.startOfWeek(e), a = v.endOfWeek(e);
+        return v.formatDateRange(i, a, s);
       case "day":
-        return y.formatDate(e, "long", s);
+        return v.formatDate(e, "long", s);
       default:
-        return y.formatDate(e, "month", s);
+        return v.formatDate(e, "month", s);
     }
   }
   getIcon(e) {
@@ -7368,22 +7390,22 @@ class se extends S {
     this.stateManager.today();
   }
   destroy() {
-    this.stateManager && this.stateManager.destroy(), p.clear(), super.cleanup();
+    this.stateManager && this.stateManager.destroy(), g.clear(), super.cleanup();
   }
 }
 customElements.get("force-calendar") || customElements.define("force-calendar", se);
 typeof window < "u" && typeof customElements < "u" && console.log("Force Calendar Interface loading...");
 export {
   S as BaseComponent,
-  T as DOMUtils,
-  y as DateUtils,
+  E as DOMUtils,
+  v as DateUtils,
   ee as DayView,
   G as EventBus,
   se as ForceCalendar,
   J as MonthView,
   Q as StateManager,
-  g as StyleUtils,
+  p as StyleUtils,
   X as WeekView,
-  p as eventBus
+  g as eventBus
 };
 //# sourceMappingURL=force-calendar-interface.esm.js.map