@forcecalendar/interface 1.0.26 → 1.0.28

package/README.md

@@ -0,0 +1,9 @@
+# @forcecalendar/interface
+
+[![Tests](https://github.com/forceCalendar/interface/actions/workflows/test.yml/badge.svg)](https://github.com/forceCalendar/interface/actions/workflows/test.yml)
+[![Code Quality](https://github.com/forceCalendar/interface/actions/workflows/code-quality.yml/badge.svg)](https://github.com/forceCalendar/interface/actions/workflows/code-quality.yml)
+[![npm version](https://img.shields.io/npm/v/@forcecalendar/interface.svg)](https://www.npmjs.com/package/@forcecalendar/interface)
+[![npm downloads](https://img.shields.io/npm/dt/@forcecalendar/interface.svg)](https://www.npmjs.com/package/@forcecalendar/interface)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+
+Official interface layer for forceCalendar Core — enterprise calendar components for Salesforce and the web.

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

@@ -55,11 +55,13 @@ class O extends HTMLElement {
     e.addEventListener(t, i), this._listeners.push({ element: e, event: t, handler: i });
   }
   emit(e, t = {}) {
-    this.dispatchEvent(new CustomEvent(e, {
-      detail: t,
-      bubbles: !0,
-      composed: !0
-    }));
+    this.dispatchEvent(
+      new CustomEvent(e, {
+        detail: t,
+        bubbles: !0,
+        composed: !0
+      })
+    );
   }
   // Style management
   getStyles() {
@@ -738,7 +740,7 @@ class C {
    */
   getTimezoneOffset(e, t) {
     t = this.database.resolveAlias(t);
-    const s = `${t}_${e.getFullYear()}_${e.getMonth()}_${e.getDate()}`;
+    const s = `${t}_${e.getFullYear()}_${e.getMonth()}_${e.getDate()}_${e.getHours()}`;
     if (this.offsetCache.has(s))
       return this.cacheHits++, this._manageCacheSize(), this.offsetCache.get(s);
     if (this.cacheMisses++, typeof Intl < "u" && Intl.DateTimeFormat)
@@ -1022,6 +1024,12 @@ class w {
       } catch {
         throw new Error(`Invalid timezone: ${e.timeZone}`);
       }
+    if (e.endTimeZone)
+      try {
+        new Intl.DateTimeFormat("en-US", { timeZone: e.endTimeZone });
+      } catch {
+        throw new Error(`Invalid end timezone: ${e.endTimeZone}`);
+      }
   }
   /**
    * Create a new Event instance
@@ -1056,8 +1064,8 @@ class w {
     categories: U,
     // Support plural categories (no default)
     attachments: Y = [],
-    conferenceData: N = null,
-    metadata: P = {},
+    conferenceData: P = null,
+    metadata: N = {},
     ...V
     // Capture any extra properties
   }) {
@@ -1088,8 +1096,8 @@ class w {
       categories: U,
       // Pass categories to normalize
       attachments: Y,
-      conferenceData: N,
-      metadata: P,
+      conferenceData: P,
+      metadata: N,
       ...V
       // Pass any extra properties
     });
@@ -1768,8 +1776,10 @@ let f = class y {
    * @returns {number}
    */
   static getWeekNumber(e) {
-    const t = new Date(e.getFullYear(), 0, 1), s = (e - t) / 864e5;
-    return Math.ceil((s + t.getDay() + 1) / 7);
+    const t = new Date(e);
+    t.setHours(0, 0, 0, 0), t.setDate(t.getDate() + 4 - (t.getDay() || 7));
+    const s = new Date(t.getFullYear(), 0, 1);
+    return Math.ceil(((t - s) / 864e5 + 1) / 7);
   }
   /**
    * Get the day of week for a date
@@ -2261,7 +2271,39 @@ class K {
       if (n.count && d >= n.count)
         break;
     }
-    return a;
+    return n.bySetPos && n.bySetPos.length > 0 && n.freq !== "MONTHLY" ? this._applyBySetPos(a, n) : a;
+  }
+  /**
+   * Apply BYSETPOS to filter occurrences within each frequency period
+   * @param {Array} occurrences - Generated occurrences
+   * @param {Object} rule - Recurrence rule
+   * @returns {Array} Filtered occurrences
+   * @private
+   */
+  static _applyBySetPos(e, t) {
+    if (e.length === 0) return e;
+    const s = /* @__PURE__ */ new Map();
+    for (const r of e) {
+      let n;
+      switch (t.freq) {
+        case "YEARLY":
+          n = r.start.getFullYear();
+          break;
+        case "WEEKLY":
+          n = `${r.start.getFullYear()}-W${f.getWeekNumber(r.start)}`;
+          break;
+        default:
+          n = `${r.start.getFullYear()}-${r.start.getMonth()}`;
+      }
+      s.has(n) || s.set(n, []), s.get(n).push(r);
+    }
+    const i = [];
+    for (const r of s.values())
+      for (const n of t.bySetPos) {
+        const a = n > 0 ? n - 1 : r.length + n;
+        a >= 0 && a < r.length && i.push(r[a]);
+      }
+    return i.sort((r, n) => r.start - n.start);
   }
   /**
    * Parse an RRULE string into a rule object
@@ -2281,6 +2323,15 @@ class K {
   static getNextOccurrence(e, t, s = "UTC") {
     const i = new Date(e);
     switch (t.freq) {
+      case "SECONDLY":
+        i.setSeconds(i.getSeconds() + t.interval);
+        break;
+      case "MINUTELY":
+        i.setMinutes(i.getMinutes() + t.interval);
+        break;
+      case "HOURLY":
+        i.setHours(i.getHours() + t.interval);
+        break;
       case "DAILY":
         i.setDate(i.getDate() + t.interval);
         break;
@@ -2297,8 +2348,15 @@ class K {
       case "MONTHLY":
         if (t.byMonthDay && t.byMonthDay.length > 0) {
           const r = i.getMonth();
-          i.setMonth(r + t.interval), i.setDate(t.byMonthDay[0]);
-        } else t.byDay && t.byDay.length > 0 ? (i.setMonth(i.getMonth() + t.interval), this.setToWeekdayOfMonth(i, t.byDay[0], t.bySetPos[0] || 1)) : i.setMonth(i.getMonth() + t.interval);
+          i.setMonth(r + t.interval);
+          const n = new Date(i.getFullYear(), i.getMonth() + 1, 0).getDate();
+          i.setDate(Math.min(t.byMonthDay[0], n));
+        } else if (t.byDay && t.byDay.length > 0) {
+          i.setMonth(i.getMonth() + t.interval);
+          const n = t.byDay[0].match(/^(-?\d+)?([A-Z]{2})$/), o = (n && n[1] ? parseInt(n[1], 10) : null) || t.bySetPos && t.bySetPos[0] || 1;
+          this.setToWeekdayOfMonth(i, t.byDay[0], o);
+        } else
+          i.setMonth(i.getMonth() + t.interval);
         break;
       case "YEARLY":
         t.byMonth && t.byMonth.length > 0 ? (i.setFullYear(i.getFullYear() + t.interval), i.setMonth(t.byMonth[0] - 1)) : i.setFullYear(i.getFullYear() + t.interval);
@@ -2373,10 +2431,11 @@ class K {
     const i = e.toDateString(), r = e.getTime();
     return t.exceptions.some((n) => {
       if (typeof n == "object" && n.date) {
-        const o = n.date instanceof Date ? n.date : new Date(n.date);
-        return n.matchTime ? Math.abs(o.getTime() - r) < 1e3 : o.toDateString() === i;
+        const c = n.date instanceof Date ? n.date : new Date(n.date);
+        return n.matchTime ? Math.abs(c.getTime() - r) < 1e3 : c.toDateString() === i;
       }
-      return (n instanceof Date ? n : new Date(n)).toDateString() === i;
+      const a = n instanceof Date ? n : new Date(n);
+      return a.getHours() !== 0 || a.getMinutes() !== 0 || a.getSeconds() !== 0 ? Math.abs(a.getTime() - r) < 1e3 : a.toDateString() === i;
     });
   }
   /**
@@ -3403,7 +3462,7 @@ class X {
       throw new Error(`Event with id ${e} not found`);
     this._unindexEvent(s);
     const i = s.clone(t);
-    return this.events.set(e, i), this._indexEvent(i), this._notifyChange({
+    return this.events.set(e, i), this.optimizer.cache(e, i, "event"), this.optimizer.queryCache.clear(), this.optimizer.dateRangeCache.clear(), this._indexEvent(i), this._notifyChange({
       type: "update",
       event: i,
       oldEvent: s,
@@ -3417,7 +3476,7 @@ class X {
    */
   removeEvent(e) {
     const t = this.events.get(e);
-    return t ? (this.events.delete(e), this._unindexEvent(t), this._notifyChange({
+    return t ? (this.events.delete(e), this.optimizer.eventCache.delete(e), this.optimizer.queryCache.clear(), this.optimizer.dateRangeCache.clear(), this._unindexEvent(t), this._notifyChange({
       type: "remove",
       event: t,
       version: ++this.version
@@ -3554,21 +3613,15 @@ class X {
    */
   getOverlapGroups(e, t = !0) {
     let s = this.getEventsForDate(e);
-    t && (s = s.filter((n) => !n.allDay));
-    const i = [], r = /* @__PURE__ */ new Set();
-    return s.forEach((n) => {
-      if (r.has(n.id)) return;
-      const a = [n];
-      r.add(n.id);
-      let o = 0;
-      for (; o < a.length; ) {
-        const c = a[o];
-        s.forEach((l) => {
-          !r.has(l.id) && c.overlaps(l) && (a.push(l), r.add(l.id));
-        }), o++;
-      }
-      i.push(a);
-    }), i;
+    if (t && (s = s.filter((a) => !a.allDay)), s.length === 0) return [];
+    s.sort((a, o) => a.start - o.start || o.end - a.end);
+    const i = [];
+    let r = [s[0]], n = s[0].end;
+    for (let a = 1; a < s.length; a++) {
+      const o = s[a];
+      o.start < n ? (r.push(o), o.end > n && (n = o.end)) : (i.push(r), r = [o], n = o.end);
+    }
+    return i.push(r), i;
   }
   /**
    * Calculate positions for overlapping events (for rendering)
@@ -3602,29 +3655,31 @@ class X {
    * Get events for a date range
    * @param {Date} start - Start date
    * @param {Date} end - End date
-   * @param {boolean|string} expandRecurring - Whether to expand recurring events, or timezone string
-   * @param {string} [timezone] - Timezone for the query (if expandRecurring is boolean)
+   * @param {boolean|Object} [expandRecurringOrOptions=true] - Boolean to expand recurring events,
+   *   or options object: { expandRecurring?: boolean, timezone?: string }
+   * @param {string} [timezone] - Timezone for the query
    * @returns {Event[]}
    */
   getEventsInRange(e, t, s = !0, i = null) {
-    typeof s == "string" && (i = s, s = !0), i = i || this.defaultTimezone;
-    const r = this.timezoneManager.toUTC(e, i), n = this.timezoneManager.toUTC(t, i), a = this.queryEvents({
-      start: r,
-      end: n,
+    let r = !0;
+    typeof s == "object" && s !== null ? (r = s.expandRecurring !== !1, i = s.timezone || i) : typeof s == "string" ? (i = s, r = !0) : r = s, i = i || this.defaultTimezone;
+    const n = this.timezoneManager.toUTC(e, i), a = this.timezoneManager.toUTC(t, i), o = this.queryEvents({
+      start: n,
+      end: a,
       sort: "start"
     });
-    if (!s)
-      return a;
-    const o = [];
-    return a.forEach((c) => {
-      if (c.recurring && c.recurrenceRule) {
-        const l = this.expandRecurringEvent(c, e, t, i);
-        o.push(...l);
+    if (!r)
+      return o;
+    const c = [];
+    return o.forEach((l) => {
+      if (l.recurring && l.recurrenceRule) {
+        const h = this.expandRecurringEvent(l, e, t, i);
+        c.push(...h);
       } else
-        o.push(c);
-    }), o.sort((c, l) => {
-      const h = c.getStartInTimezone(i), d = l.getStartInTimezone(i);
-      return h - d;
+        c.push(l);
+    }), c.sort((l, h) => {
+      const d = l.getStartInTimezone(i), p = h.getStartInTimezone(i);
+      return d - p;
     });
   }
   /**
@@ -3860,7 +3915,7 @@ class X {
    */
   addEvents(e) {
     return this.optimizer.measure("addEvents", () => {
-      this.startBatch();
+      this.startBatch(!0);
       const t = [], s = [];
       for (const i of e)
         try {
@@ -3868,7 +3923,7 @@ class X {
         } catch (r) {
           s.push({ event: i, error: r.message });
         }
-      return this.commitBatch(), s.length > 0 && console.warn(`Failed to add ${s.length} events:`, s), t;
+      return s.length > 0 && t.length === 0 ? this.rollbackBatch() : this.commitBatch(), s.length > 0 && console.warn(`Failed to add ${s.length} events:`, s), t;
     });
   }
   /**
@@ -3878,7 +3933,7 @@ class X {
    */
   updateEvents(e) {
     return this.optimizer.measure("updateEvents", () => {
-      this.startBatch();
+      this.startBatch(!0);
       const t = [], s = [];
       for (const { id: i, updates: r } of e)
         try {
@@ -3886,7 +3941,7 @@ class X {
         } catch (n) {
           s.push({ id: i, error: n.message });
         }
-      return this.commitBatch(), s.length > 0 && console.warn(`Failed to update ${s.length} events:`, s), t;
+      return s.length > 0 && t.length === 0 ? this.rollbackBatch() : this.commitBatch(), s.length > 0 && console.warn(`Failed to update ${s.length} events:`, s), t;
     });
   }
   /**
@@ -3896,11 +3951,11 @@ class X {
    */
   removeEvents(e) {
     return this.optimizer.measure("removeEvents", () => {
-      this.startBatch();
+      this.startBatch(!0);
       let t = 0;
       for (const s of e)
         this.removeEvent(s) && t++;
-      return this.commitBatch(), t;
+      return t === 0 && e.length > 0 ? this.rollbackBatch() : this.commitBatch(), t;
     });
   }
   // ============ Performance Methods ============
@@ -4125,7 +4180,7 @@ let ee = class {
    */
   setState(e) {
     const t = this.state;
-    typeof e == "function" && (e = e(t));
+    typeof e == "function" && (e = e(t)), e && typeof e == "object" && (delete e.__proto__, delete e.constructor, delete e.prototype);
     const s = {
       ...t,
       ...e,
@@ -4946,9 +5001,14 @@ class te {
    * Destroy the calendar and clean up
    */
   destroy() {
-    this.listeners.clear(), this.eventStore.destroy(), this.plugins.forEach((e) => {
-      typeof e.uninstall == "function" && e.uninstall(this);
-    }), this.plugins.clear(), this.views.clear(), this._emit("destroy");
+    this._emit("destroy"), this.listeners.clear(), this.eventStore.destroy(), this.plugins.forEach((e) => {
+      if (typeof e.uninstall == "function")
+        try {
+          e.uninstall(this);
+        } catch (t) {
+          console.error("Error uninstalling plugin:", t);
+        }
+    }), this.plugins.clear(), this.views.clear();
   }
 }
 class se {
@@ -5169,9 +5229,7 @@ class ie {
     });
   }
   emitStateChange(e, t) {
-    const s = Object.keys(t).filter(
-      (i) => e[i] !== t[i]
-    );
+    const s = Object.keys(t).filter((i) => e[i] !== t[i]);
     s.forEach((i) => {
       u.emit(`state:${i}:changed`, {
         oldValue: e[i],
@@ -5214,7 +5272,12 @@ class ie {
   updateEvent(e, t) {
     this._syncEventsFromCore({ silent: !0 });
     const s = this.calendar.updateEvent(e, t);
-    return s ? (this._syncEventsFromCore(), u.emit("event:update", { event: s }), u.emit("event:updated", { event: s }), s) : (console.error(`Failed to update event: ${e}`), u.emit("event:error", { action: "update", eventId: e, updates: t, error: "Event not found in calendar" }), null);
+    return s ? (this._syncEventsFromCore(), u.emit("event:update", { event: s }), u.emit("event:updated", { event: s }), s) : (console.error(`Failed to update event: ${e}`), u.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(), u.emit("event:remove", { eventId: e }), u.emit("event:deleted", { eventId: e }), !0) : (console.error(`Failed to delete event: ${e}`), u.emit("event:error", { action: "delete", eventId: e, error: "Event not found" }), !1);
@@ -5429,7 +5492,7 @@ class E 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 F {
+class H {
   /**
    * Create element with attributes and children
    */
@@ -6070,7 +6133,7 @@ I(D, "breakpoints", {
   xl: "1200px",
   "2xl": "1400px"
 });
-class H {
+class F {
   /**
    * @param {HTMLElement} container - The DOM element to render into
    * @param {StateManager} stateManager - The state manager instance
@@ -6109,7 +6172,7 @@ class H {
    * @returns {string}
    */
   escapeHTML(e) {
-    return e == null ? "" : F.escapeHTML(String(e));
+    return e == null ? "" : H.escapeHTML(String(e));
   }
   /**
    * Check if a date is today
@@ -6219,7 +6282,7 @@ class H {
     });
   }
 }
-class S extends H {
+class S extends F {
   constructor(e, t) {
     super(e, t), this.maxEventsToShow = 3;
   }
@@ -6294,7 +6357,7 @@ class S extends H {
     }), this.attachCommonEventHandlers();
   }
 }
-class z extends H {
+class z extends F {
   constructor(e, t) {
     super(e, t), this.hourHeight = 60, this.totalHeight = 24 * this.hourHeight;
   }
@@ -6334,7 +6397,8 @@ class z extends H {
     return `
             <div class="fc-week-header" style="display: grid; grid-template-columns: 60px repeat(7, 1fr); border-bottom: 1px solid #e5e7eb; background: #f9fafb; flex-shrink: 0;">
                 <div style="border-right: 1px solid #e5e7eb;"></div>
-                ${e.map((t) => `
+                ${e.map(
+      (t) => `
                     <div style="padding: 12px 8px; text-align: center; border-right: 1px solid #e5e7eb;">
                         <div style="font-size: 10px; font-weight: 700; color: #6b7280; text-transform: uppercase; letter-spacing: 0.1em;">
                             ${t.dayName}
@@ -6343,7 +6407,8 @@ class z extends H {
                             ${t.dayOfMonth}
                         </div>
                     </div>
-                `).join("")}
+                `
+    ).join("")}
             </div>
         `;
   }
@@ -6353,16 +6418,20 @@ class z extends H {
                 <div style="font-size: 9px; color: #6b7280; display: flex; align-items: center; justify-content: center; border-right: 1px solid #e5e7eb; text-transform: uppercase; font-weight: 700;">
                     All day
                 </div>
-                ${e.map((t) => `
+                ${e.map(
+      (t) => `
                     <div class="fc-all-day-cell" data-date="${t.date.toISOString()}" style="border-right: 1px solid #e5e7eb; padding: 4px; display: flex; flex-direction: column; gap: 2px;">
-                        ${t.allDayEvents.map((s) => `
+                        ${t.allDayEvents.map(
+        (s) => `
                             <div class="fc-event fc-all-day-event" data-event-id="${this.escapeHTML(s.id)}"
                                  style="background-color: ${this.getEventColor(s)}; font-size: 10px; padding: 2px 4px; border-radius: 2px; color: white; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
                                 ${this.escapeHTML(s.title)}
                             </div>
-                        `).join("")}
+                        `
+      ).join("")}
                     </div>
-                `).join("")}
+                `
+    ).join("")}
             </div>
         `;
   }
@@ -6379,11 +6448,13 @@ class z extends H {
   _renderTimeGutter(e) {
     return `
             <div class="fc-time-gutter" style="border-right: 1px solid #e5e7eb; background: #fafafa;">
-                ${e.map((t) => `
+                ${e.map(
+      (t) => `
                     <div style="height: ${this.hourHeight}px; font-size: 10px; color: #6b7280; text-align: right; padding-right: 8px; font-weight: 500;">
                         ${t === 0 ? "" : this.formatHour(t)}
                     </div>
-                `).join("")}
+                `
+    ).join("")}
             </div>
         `;
   }
@@ -6406,7 +6477,12 @@ class z extends H {
       const t = e.target.closest(".fc-week-day-column");
       if (!t || !this.container.contains(t) || e.target.closest(".fc-event")) return;
       const s = new Date(t.dataset.date), i = t.getBoundingClientRect(), r = this.container.querySelector("#week-scroll-container"), n = e.clientY - i.top + (r ? r.scrollTop : 0);
-      s.setHours(Math.floor(n / this.hourHeight), Math.floor(n % this.hourHeight / (this.hourHeight / 60)), 0, 0), this.stateManager.selectDate(s);
+      s.setHours(
+        Math.floor(n / this.hourHeight),
+        Math.floor(n % this.hourHeight / (this.hourHeight / 60)),
+        0,
+        0
+      ), this.stateManager.selectDate(s);
     }), this.attachCommonEventHandlers();
   }
   _scrollToCurrentTime() {
@@ -6415,7 +6491,7 @@ class z extends H {
     e && (e.scrollTop = 8 * this.hourHeight - 50, this._scrolled = !0);
   }
 }
-class L extends H {
+class L extends F {
   constructor(e, t) {
     super(e, t), this.hourHeight = 60, this.totalHeight = 24 * this.hourHeight;
   }
@@ -6488,12 +6564,14 @@ class L extends H {
                     All day
                 </div>
                 <div class="fc-all-day-cell" data-date="${t.toISOString()}" style="padding: 6px 12px; display: flex; flex-wrap: wrap; gap: 4px;">
-                    ${e.map((s) => `
+                    ${e.map(
+      (s) => `
                         <div class="fc-event fc-all-day-event" data-event-id="${this.escapeHTML(s.id)}"
                              style="background-color: ${this.getEventColor(s)}; font-size: 12px; padding: 4px 8px; border-radius: 4px; color: white; cursor: pointer; font-weight: 500;">
                             ${this.escapeHTML(s.title)}
                         </div>
-                    `).join("")}
+                    `
+    ).join("")}
                 </div>
             </div>
         `;
@@ -6511,11 +6589,13 @@ class L extends H {
   _renderTimeGutter(e) {
     return `
             <div class="fc-time-gutter" style="border-right: 1px solid #e5e7eb; background: #fafafa;">
-                ${e.map((t) => `
+                ${e.map(
+      (t) => `
                     <div style="height: ${this.hourHeight}px; font-size: 11px; color: #6b7280; text-align: right; padding-right: 12px; font-weight: 500;">
                         ${t === 0 ? "" : this.formatHour(t)}
                     </div>
-                `).join("")}
+                `
+    ).join("")}
             </div>
         `;
   }
@@ -6538,7 +6618,12 @@ class L extends H {
       const t = e.target.closest(".fc-day-column");
       if (!t || !this.container.contains(t) || e.target.closest(".fc-event")) return;
       const s = new Date(t.dataset.date), i = t.getBoundingClientRect(), r = this.container.querySelector("#day-scroll-container"), n = e.clientY - i.top + (r ? r.scrollTop : 0);
-      s.setHours(Math.floor(n / this.hourHeight), Math.floor(n % this.hourHeight / (this.hourHeight / 60)), 0, 0), this.stateManager.selectDate(s);
+      s.setHours(
+        Math.floor(n / this.hourHeight),
+        Math.floor(n % this.hourHeight / (this.hourHeight / 60)),
+        0,
+        0
+      ), this.stateManager.selectDate(s);
     }), this.attachCommonEventHandlers();
   }
   _scrollToCurrentTime() {
@@ -6782,7 +6867,8 @@ class re extends O {
                     <div class="form-group">
                         <label id="color-label">Color</label>
                         <div class="color-options" id="color-picker" role="radiogroup" aria-labelledby="color-label">
-                            ${this.config.colors.map((e) => `
+                            ${this.config.colors.map(
+      (e) => `
                                 <button type="button" 
                                         class="color-btn ${e.color === this._formData.color ? "selected" : ""}" 
                                         style="background-color: ${e.color}" 
@@ -6791,7 +6877,8 @@ class re extends O {
                                         aria-label="${e.label}"
                                         aria-checked="${e.color === this._formData.color ? "true" : "false"}"
                                         role="radio"></button>
-                            `).join("")}
+                            `
+    ).join("")}
                         </div>
                     </div>
                 </div>
@@ -6821,7 +6908,7 @@ class re extends O {
     });
   }
   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 = F.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 = H.trapFocus(this.modalContent));
   }
   close() {
     this.removeAttribute("open"), this._cleanupFocusTrap && (this._cleanupFocusTrap(), this._cleanupFocusTrap = null);
@@ -6869,29 +6956,47 @@ class ne extends O {
     this.stateManager = new ie(e), this.stateManager.subscribe(this.handleStateChange.bind(this)), this.setupEventListeners();
   }
   setupEventListeners() {
-    this._busUnsubscribers.forEach((t) => t()), this._busUnsubscribers = [], this._busUnsubscribers.push(u.on("navigation:*", (t, s) => {
-      this.emit("calendar-navigate", { action: s.split(":")[1], ...t });
-    })), this._busUnsubscribers.push(u.on("view:changed", (t) => {
-      this.emit("calendar-view-change", t);
-    }));
+    this._busUnsubscribers.forEach((t) => t()), this._busUnsubscribers = [], this._busUnsubscribers.push(
+      u.on("navigation:*", (t, s) => {
+        this.emit("calendar-navigate", { action: s.split(":")[1], ...t });
+      })
+    ), this._busUnsubscribers.push(
+      u.on("view:changed", (t) => {
+        this.emit("calendar-view-change", t);
+      })
+    );
     const e = (t, s) => {
       this.emit(`calendar-event-${t}`, s);
     };
-    this._busUnsubscribers.push(u.on("event:add", (t) => {
-      e("add", t);
-    })), this._busUnsubscribers.push(u.on("event:update", (t) => {
-      e("update", t);
-    })), this._busUnsubscribers.push(u.on("event:remove", (t) => {
-      e("remove", t);
-    })), this._busUnsubscribers.push(u.on("event:added", (t) => {
-      e("add", t), this.emit("calendar-event-added", t);
-    })), this._busUnsubscribers.push(u.on("event:updated", (t) => {
-      e("update", t), this.emit("calendar-event-updated", t);
-    })), this._busUnsubscribers.push(u.on("event:deleted", (t) => {
-      e("remove", t), this.emit("calendar-event-deleted", t);
-    })), this._busUnsubscribers.push(u.on("date:selected", (t) => {
-      this.emit("calendar-date-select", t);
-    }));
+    this._busUnsubscribers.push(
+      u.on("event:add", (t) => {
+        e("add", t);
+      })
+    ), this._busUnsubscribers.push(
+      u.on("event:update", (t) => {
+        e("update", t);
+      })
+    ), this._busUnsubscribers.push(
+      u.on("event:remove", (t) => {
+        e("remove", t);
+      })
+    ), this._busUnsubscribers.push(
+      u.on("event:added", (t) => {
+        e("add", t), this.emit("calendar-event-added", t);
+      })
+    ), this._busUnsubscribers.push(
+      u.on("event:updated", (t) => {
+        e("update", t), this.emit("calendar-event-updated", t);
+      })
+    ), this._busUnsubscribers.push(
+      u.on("event:deleted", (t) => {
+        e("remove", t), this.emit("calendar-event-deleted", t);
+      })
+    ), this._busUnsubscribers.push(
+      u.on("date:selected", (t) => {
+        this.emit("calendar-date-select", t);
+      })
+    );
   }
   handleStateChange(e, t) {
     var o, c;
@@ -7361,7 +7466,7 @@ class ne extends O {
       return `
                 <div class="force-calendar">
                     <div class="fc-error">
-                        <p><strong>Error:</strong> ${F.escapeHTML(r.message || "An error occurred")}</p>
+                        <p><strong>Error:</strong> ${H.escapeHTML(r.message || "An error occurred")}</p>
                     </div>
                 </div>
             `;
@@ -7552,8 +7657,8 @@ customElements.get("forcecal-main") || customElements.define("forcecal-main", ne
 typeof window < "u" && typeof customElements < "u" && console.log("Force Calendar Interface loading...");
 export {
   O as BaseComponent,
-  H as BaseViewRenderer,
-  F as DOMUtils,
+  F as BaseViewRenderer,
+  H as DOMUtils,
   E as DateUtils,
   L as DayViewRenderer,
   se as EventBus,