@forcecalendar/interface 0.10.0 → 1.0.0

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() {
@@ -712,18 +712,18 @@ class x {
     timeZone: w = 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({
@@ -743,18 +743,18 @@ class x {
       timeZone: w,
       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();
@@ -1882,8 +1882,8 @@ class N {
       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 T = v - k;
+          w.setMinutes(w.getMinutes() + T), D.setMinutes(D.getMinutes() + T);
         }
         v = k, this.isException(w, n, e.id) || r.push({
           start: w,
@@ -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
@@ -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
@@ -4341,12 +4341,12 @@ class K {
         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;
+        const D = new Date(l), k = D.getMonth() === s, T = f.isToday(D), A = D.getDay() === 0 || D.getDay() === 6;
         v.days.push({
           date: D,
           dayOfMonth: D.getDate(),
           isCurrentMonth: k,
-          isToday: E,
+          isToday: T,
           isWeekend: A,
           events: this.getEventsForDate(D)
         }), l = f.addDays(l, 1);
@@ -4590,30 +4590,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 +4641,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 +4690,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 +4789,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 +4822,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 });
@@ -4942,7 +4950,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 +5136,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 +5482,7 @@ class g {
 /**
  * Default theme colors
  */
-C(g, "colors", {
+C(p, "colors", {
   primary: "#3B82F6",
   // Modern Blue
   secondary: "#64748B",
@@ -5504,7 +5515,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 +5583,7 @@ C(g, "cssVariables", {
 }), /**
  * Get responsive breakpoints
  */
-C(g, "breakpoints", {
+C(p, "breakpoints", {
   xs: "320px",
   sm: "576px",
   md: "768px",
@@ -5641,9 +5652,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;
@@ -5938,7 +5955,7 @@ 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 = "";
@@ -5948,9 +5965,9 @@ class J extends S {
             <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>
         `;
   }
@@ -6260,23 +6277,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-title">${E.escapeHTML(e.title)}</span>
                 <span class="event-time">${y.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>
         `;
   }
@@ -6566,23 +6583,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-title">${E.escapeHTML(e.title)}</span>
                 <span class="event-time">${y.formatTime(t)} - ${y.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 +6656,8 @@ class te extends S {
   }
   getStyles() {
     return `
-            ${g.getBaseStyles()}
-            ${g.getButtonStyles()}
+            ${p.getBaseStyles()}
+            ${p.getButtonStyles()}
 
             :host {
                 display: none;
@@ -6883,7 +6900,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 +6951,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 +6973,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};
@@ -7368,22 +7385,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,
+  E as DOMUtils,
   y 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