@forcecalendar/interface 1.0.44 → 1.0.45

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

@@ -1,6 +1,6 @@
 var C = Object.defineProperty;
-var F = (h, e, t) => e in h ? C(h, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[e] = t;
-var g = (h, e, t) => F(h, typeof e != "symbol" ? e + "" : e, t);
+var F = (h, t, e) => t in h ? C(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e;
+var g = (h, t, e) => F(h, typeof t != "symbol" ? t + "" : t, e);
 import { Calendar as H, DateUtils as L } from "@forcecalendar/core";
 class M extends HTMLElement {
   constructor() {
@@ -22,43 +22,43 @@ class M extends HTMLElement {
   unmount() {
   }
   cleanup() {
-    this._listeners.forEach(({ element: e, event: t, handler: r }) => {
-      e.removeEventListener(t, r);
+    this._listeners.forEach(({ element: t, event: e, handler: r }) => {
+      t.removeEventListener(e, r);
     }), this._listeners = [];
   }
   // State management
-  setState(e) {
-    const t = this._state;
-    this._state = { ...this._state, ...e }, this.stateChanged(t, this._state), this.render();
+  setState(t) {
+    const e = this._state;
+    this._state = { ...this._state, ...t }, this.stateChanged(e, this._state), this.render();
   }
   getState() {
     return this._state;
   }
-  stateChanged(e, t) {
+  stateChanged(t, e) {
   }
   // Props management
-  setProp(e, t) {
-    const r = this._props.get(e);
-    this._props.set(e, t), this.propChanged(e, r, t);
+  setProp(t, e) {
+    const r = this._props.get(t);
+    this._props.set(t, e), this.propChanged(t, r, e);
   }
-  getProp(e) {
-    return this._props.get(e);
+  getProp(t) {
+    return this._props.get(t);
   }
-  propChanged(e, t, r) {
+  propChanged(t, e, r) {
   }
   // Event handling
-  addListener(e, t, r) {
-    if (!e || !t || !r) {
-      console.warn("addListener called with invalid parameters", { element: e, event: t, handler: r });
+  addListener(t, e, r) {
+    if (!t || !e || !r) {
+      console.warn("addListener called with invalid parameters", { element: t, event: e, handler: r });
       return;
     }
     const s = r.bind(this);
-    e.addEventListener(t, s), this._listeners.push({ element: e, event: t, handler: s });
+    t.addEventListener(e, s), this._listeners.push({ element: t, event: e, handler: s });
   }
-  emit(e, t = {}) {
+  emit(t, e = {}) {
     this.dispatchEvent(
-      new CustomEvent(e, {
-        detail: t,
+      new CustomEvent(t, {
+        detail: e,
         bubbles: !0,
         composed: !0
       })
@@ -83,13 +83,13 @@ class M extends HTMLElement {
   // Template rendering
   render() {
     this.cleanup();
-    const e = `
+    const t = `
             <style>
                 ${this.getBaseStyles()}
                 ${this.getStyles()}
             </style>
-        `, t = this.template();
-    this.shadowRoot.innerHTML = e + t, this.afterRender();
+        `, e = this.template();
+    this.shadowRoot.innerHTML = t + e, this.afterRender();
   }
   template() {
     return "";
@@ -97,18 +97,18 @@ class M extends HTMLElement {
   afterRender() {
   }
   // Utility methods
-  $(e) {
-    return this.shadowRoot.querySelector(e);
+  $(t) {
+    return this.shadowRoot.querySelector(t);
   }
-  $$(e) {
-    return this.shadowRoot.querySelectorAll(e);
+  $$(t) {
+    return this.shadowRoot.querySelectorAll(t);
   }
   // Attribute observation
   static get observedAttributes() {
     return [];
   }
-  attributeChangedCallback(e, t, r) {
-    this.setProp(e, r), this._initialized && this.render();
+  attributeChangedCallback(t, e, r) {
+    this.setProp(t, r), this._initialized && this.render();
   }
 }
 class T {
@@ -122,14 +122,14 @@ class T {
    * @param {Object} options - Subscription options
    * @returns {Function} Unsubscribe function
    */
-  on(e, t, r = {}) {
+  on(t, e, r = {}) {
     const { once: s = !1, priority: i = 0 } = r;
-    if (e.includes("*")) {
-      const a = { pattern: e, handler: t, once: s, priority: i };
+    if (t.includes("*")) {
+      const a = { pattern: t, handler: e, once: s, priority: i };
       return this.wildcardHandlers.add(a), () => this.wildcardHandlers.delete(a);
     }
-    this.events.has(e) || this.events.set(e, []);
-    const n = { handler: t, once: s, priority: i }, o = this.events.get(e);
+    this.events.has(t) || this.events.set(t, []);
+    const n = { handler: e, once: s, priority: i }, o = this.events.get(t);
     return o.push(n), o.sort((a, c) => c.priority - a.priority), () => {
       const a = o.indexOf(n);
       a > -1 && o.splice(a, 1);
@@ -138,73 +138,73 @@ class T {
   /**
    * Subscribe to an event that fires only once
    */
-  once(e, t, r = {}) {
-    return this.on(e, t, { ...r, once: !0 });
+  once(t, e, r = {}) {
+    return this.on(t, e, { ...r, once: !0 });
   }
   /**
    * Unsubscribe from an event
    */
-  off(e, t) {
-    if (e.includes("*")) {
+  off(t, e) {
+    if (t.includes("*")) {
       for (const i of this.wildcardHandlers)
-        if (i.pattern === e && i.handler === t) {
+        if (i.pattern === t && i.handler === e) {
           this.wildcardHandlers.delete(i);
           return;
         }
       return;
     }
-    if (!this.events.has(e)) return;
-    const r = this.events.get(e), s = r.findIndex((i) => i.handler === t);
-    s > -1 && r.splice(s, 1), r.length === 0 && this.events.delete(e);
+    if (!this.events.has(t)) return;
+    const r = this.events.get(t), s = r.findIndex((i) => i.handler === e);
+    s > -1 && r.splice(s, 1), r.length === 0 && this.events.delete(t);
   }
   /**
    * Remove all wildcard handlers matching a pattern
    * @param {string} pattern - Pattern to match (e.g., 'event:*')
    */
-  offWildcard(e) {
-    for (const t of [...this.wildcardHandlers])
-      t.pattern === e && this.wildcardHandlers.delete(t);
+  offWildcard(t) {
+    for (const e of [...this.wildcardHandlers])
+      e.pattern === t && this.wildcardHandlers.delete(e);
   }
   /**
    * Remove all handlers (regular and wildcard) for a specific handler function
    * Useful for cleanup when a component is destroyed
    * @param {Function} handler - Handler function to remove
    */
-  offAll(e) {
-    for (const [t, r] of this.events) {
-      const s = r.findIndex((i) => i.handler === e);
-      s > -1 && r.splice(s, 1), r.length === 0 && this.events.delete(t);
+  offAll(t) {
+    for (const [e, r] of this.events) {
+      const s = r.findIndex((i) => i.handler === t);
+      s > -1 && r.splice(s, 1), r.length === 0 && this.events.delete(e);
     }
-    for (const t of [...this.wildcardHandlers])
-      t.handler === e && this.wildcardHandlers.delete(t);
+    for (const e of [...this.wildcardHandlers])
+      e.handler === t && this.wildcardHandlers.delete(e);
   }
   /**
    * Emit an event synchronously
    * @param {string} eventName - Event name
    * @param {*} data - Event data
    */
-  emit(e, t) {
-    if (this.events.has(e)) {
-      const s = [...this.events.get(e)];
+  emit(t, e) {
+    if (this.events.has(t)) {
+      const s = [...this.events.get(t)];
       for (const i of s) {
         const { handler: n, once: o } = i;
-        o && this.off(e, n);
+        o && this.off(t, n);
         try {
-          n(t, e);
+          n(e, t);
         } catch (a) {
-          console.error(`Error in event handler for ${e}:`, a);
+          console.error(`Error in event handler for ${t}:`, a);
         }
       }
     }
     const r = [];
     for (const s of [...this.wildcardHandlers])
-      if (this.matchesPattern(e, s.pattern)) {
+      if (this.matchesPattern(t, s.pattern)) {
         const { handler: i, once: n } = s;
         n && r.push(s);
         try {
-          i(t, e);
+          i(e, t);
         } catch (o) {
-          console.error(`Error in wildcard handler for ${e}:`, o);
+          console.error(`Error in wildcard handler for ${t}:`, o);
         }
       }
     r.forEach((s) => this.wildcardHandlers.delete(s));
@@ -212,8 +212,8 @@ class T {
   /**
    * Check if event name matches a pattern
    */
-  matchesPattern(e, t) {
-    return new RegExp("^" + t.replace(/\*/g, ".*") + "$").test(e);
+  matchesPattern(t, e) {
+    return new RegExp("^" + e.replace(/\*/g, ".*") + "$").test(t);
   }
   /**
    * Clear all event subscriptions
@@ -230,8 +230,8 @@ class T {
   /**
    * Get handler count for an event
    */
-  getHandlerCount(e) {
-    return this.events.has(e) ? this.events.get(e).length : 0;
+  getHandlerCount(t) {
+    return this.events.has(t) ? this.events.get(t).length : 0;
   }
   /**
    * Get wildcard handler count
@@ -243,22 +243,22 @@ class T {
    * Get total handler count (for debugging/monitoring)
    */
   getTotalHandlerCount() {
-    let e = this.wildcardHandlers.size;
-    for (const t of this.events.values())
-      e += t.length;
-    return e;
+    let t = this.wildcardHandlers.size;
+    for (const e of this.events.values())
+      t += e.length;
+    return t;
   }
 }
 const j = new T();
 class V {
-  constructor(e = {}) {
+  constructor(t = {}) {
     this.eventBus = new T(), this.calendar = new H({
-      view: e.view || "month",
-      date: e.date || /* @__PURE__ */ new Date(),
-      weekStartsOn: e.weekStartsOn ?? 0,
-      locale: e.locale || "en-US",
-      timeZone: e.timeZone || Intl.DateTimeFormat().resolvedOptions().timeZone,
-      ...e
+      view: t.view || "month",
+      date: t.date || /* @__PURE__ */ new Date(),
+      weekStartsOn: t.weekStartsOn ?? 0,
+      locale: t.locale || "en-US",
+      timeZone: t.timeZone || Intl.DateTimeFormat().resolvedOptions().timeZone,
+      ...t
     }), this.state = {
       view: this.calendar.getView(),
       currentDate: this.calendar.getCurrentDate(),
@@ -267,7 +267,7 @@ class V {
       selectedDate: null,
       loading: !1,
       error: null,
-      config: { ...e }
+      config: { ...t }
     }, this.subscribers = /* @__PURE__ */ new Set(), this.subscribe = this.subscribe.bind(this), this.unsubscribe = this.unsubscribe.bind(this), this.setState = this.setState.bind(this), this._syncEventsFromCore({ silent: !0 });
   }
   /**
@@ -280,19 +280,19 @@ class V {
    *                                    (required after updateEvent where IDs
    *                                    are unchanged but content has changed)
    */
-  _syncEventsFromCore(e = {}) {
-    const { force: t = !1 } = e, r = this.calendar.getEvents() || [];
-    return (t || this.state.events.length !== r.length || !this._eventsMatch(this.state.events, r)) && this.setState({ events: [...r] }, e), r;
+  _syncEventsFromCore(t = {}) {
+    const { force: e = !1 } = t, r = this.calendar.getEvents() || [];
+    return (e || this.state.events.length !== r.length || !this._eventsMatch(this.state.events, r)) && this.setState({ events: [...r] }, t), r;
   }
   /**
    * Check if two event arrays have the same events by id.
    * Only used for add/delete guards — updateEvent must pass force:true
    * to bypass this check because IDs are unchanged after an update.
    */
-  _eventsMatch(e, t) {
-    if (e.length !== t.length) return !1;
-    const r = new Set(e.map((s) => s.id));
-    return t.every((s) => r.has(s.id));
+  _eventsMatch(t, e) {
+    if (t.length !== e.length) return !1;
+    const r = new Set(t.map((s) => s.id));
+    return e.every((s) => r.has(s.id));
   }
   // State management
   getState() {
@@ -302,24 +302,24 @@ class V {
       events: [...this.state.events]
     };
   }
-  setState(e, t = {}) {
-    const { silent: r = !1 } = t, s = { ...this.state };
-    return this.state = { ...this.state, ...e }, r || (this.notifySubscribers(s, this.state), this.emitStateChange(s, this.state)), this.state;
+  setState(t, e = {}) {
+    const { silent: r = !1 } = e, s = { ...this.state };
+    return this.state = { ...this.state, ...t }, r || (this.notifySubscribers(s, this.state), this.emitStateChange(s, this.state)), this.state;
   }
-  subscribe(e, t = null) {
-    return this.subscribers.add(e), t && (this._subscriberIds || (this._subscriberIds = /* @__PURE__ */ new Map()), this._subscriberIds.set(t, e)), () => this.unsubscribe(e, t);
+  subscribe(t, e = null) {
+    return this.subscribers.add(t), e && (this._subscriberIds || (this._subscriberIds = /* @__PURE__ */ new Map()), this._subscriberIds.set(e, t)), () => this.unsubscribe(t, e);
   }
-  unsubscribe(e, t = null) {
-    this.subscribers.delete(e), t && this._subscriberIds && this._subscriberIds.delete(t);
+  unsubscribe(t, e = null) {
+    this.subscribers.delete(t), e && this._subscriberIds && this._subscriberIds.delete(e);
   }
   /**
    * Unsubscribe by subscriber ID
    * @param {string} subscriberId - ID used when subscribing
    */
-  unsubscribeById(e) {
+  unsubscribeById(t) {
     if (!this._subscriberIds) return !1;
-    const t = this._subscriberIds.get(e);
-    return t ? (this.subscribers.delete(t), this._subscriberIds.delete(e), !0) : !1;
+    const e = this._subscriberIds.get(t);
+    return e ? (this.subscribers.delete(e), this._subscriberIds.delete(t), !0) : !1;
   }
   /**
    * Get subscriber count (for debugging/monitoring)
@@ -327,34 +327,34 @@ class V {
   getSubscriberCount() {
     return this.subscribers.size;
   }
-  notifySubscribers(e, t) {
+  notifySubscribers(t, e) {
     this.subscribers.forEach((r) => {
       try {
-        r(t, e);
+        r(e, t);
       } catch (s) {
         console.error("Error in state subscriber:", s);
       }
     });
   }
-  emitStateChange(e, t) {
-    const r = Object.keys(t).filter((s) => e[s] !== t[s]);
+  emitStateChange(t, e) {
+    const r = Object.keys(e).filter((s) => t[s] !== e[s]);
     r.forEach((s) => {
       this.eventBus.emit(`state:${s}:changed`, {
-        oldValue: e[s],
-        newValue: t[s],
-        state: t
+        oldValue: t[s],
+        newValue: e[s],
+        state: e
       });
-    }), r.length > 0 && this.eventBus.emit("state:changed", { oldState: e, newState: t, changedKeys: r });
+    }), r.length > 0 && this.eventBus.emit("state:changed", { oldState: t, newState: e, changedKeys: r });
   }
   // Calendar operations
-  setView(e) {
-    this.calendar.setView(e), this.setState({ view: e }), this.eventBus.emit("view:changed", { view: e });
+  setView(t) {
+    this.calendar.setView(t), this.setState({ view: t }), this.eventBus.emit("view:changed", { view: t });
   }
   getView() {
     return this.state.view;
   }
-  setDate(e) {
-    this.calendar.goToDate(e), this.setState({ currentDate: this.calendar.getCurrentDate() }), this.eventBus.emit("date:changed", { date: this.state.currentDate });
+  setDate(t) {
+    this.calendar.goToDate(t), this.setState({ currentDate: this.calendar.getCurrentDate() }), this.eventBus.emit("date:changed", { date: this.state.currentDate });
   }
   getCurrentDate() {
     return this.state.currentDate;
@@ -369,26 +369,26 @@ class V {
   today() {
     this.calendar.today(), this.setState({ currentDate: this.calendar.getCurrentDate() }), this.eventBus.emit("navigation:today", { date: this.state.currentDate });
   }
-  goToDate(e) {
-    this.calendar.goToDate(e), this.setState({ currentDate: this.calendar.getCurrentDate() }), this.eventBus.emit("navigation:goto", { date: this.state.currentDate });
+  goToDate(t) {
+    this.calendar.goToDate(t), this.setState({ currentDate: this.calendar.getCurrentDate() }), this.eventBus.emit("navigation:goto", { date: this.state.currentDate });
   }
   // Event management
-  addEvent(e) {
-    const t = this.calendar.addEvent(e);
-    return t ? (this._syncEventsFromCore(), this.eventBus.emit("event:add", { event: t }), this.eventBus.emit("event:added", { event: t }), t) : (console.error("Failed to add event to calendar"), this.eventBus.emit("event:error", { action: "add", event: e, error: "Failed to add event" }), null);
+  addEvent(t) {
+    const e = this.calendar.addEvent(t);
+    return e ? (this._syncEventsFromCore(), this.eventBus.emit("event:add", { event: e }), this.eventBus.emit("event:added", { event: e }), e) : (console.error("Failed to add event to calendar"), this.eventBus.emit("event:error", { action: "add", event: t, error: "Failed to add event" }), null);
   }
-  updateEvent(e, t) {
+  updateEvent(t, e) {
     this._syncEventsFromCore({ silent: !0 });
-    const r = this.calendar.updateEvent(e, t);
-    return r ? (this._syncEventsFromCore({ force: !0 }), this.eventBus.emit("event:update", { event: r }), this.eventBus.emit("event:updated", { event: r }), r) : (console.error(`Failed to update event: ${e}`), this.eventBus.emit("event:error", {
+    const r = this.calendar.updateEvent(t, e);
+    return r ? (this._syncEventsFromCore({ force: !0 }), this.eventBus.emit("event:update", { event: r }), this.eventBus.emit("event:updated", { event: r }), r) : (console.error(`Failed to update event: ${t}`), this.eventBus.emit("event:error", {
       action: "update",
-      eventId: e,
-      updates: t,
+      eventId: t,
+      updates: e,
       error: "Event not found in calendar"
     }), null);
   }
-  deleteEvent(e) {
-    return this._syncEventsFromCore({ silent: !0 }), this.calendar.removeEvent(e) ? (this._syncEventsFromCore(), this.eventBus.emit("event:remove", { eventId: e }), this.eventBus.emit("event:deleted", { eventId: e }), !0) : (console.error(`Failed to delete event: ${e}`), this.eventBus.emit("event:error", { action: "delete", eventId: e, error: "Event not found" }), !1);
+  deleteEvent(t) {
+    return this._syncEventsFromCore({ silent: !0 }), this.calendar.removeEvent(t) ? (this._syncEventsFromCore(), this.eventBus.emit("event:remove", { eventId: t }), this.eventBus.emit("event:deleted", { eventId: t }), !0) : (console.error(`Failed to delete event: ${t}`), this.eventBus.emit("event:error", { action: "delete", eventId: t, error: "Event not found" }), !1);
   }
   getEvents() {
     return this.calendar.getEvents() || [];
@@ -400,21 +400,21 @@ class V {
   syncEvents() {
     return this._syncEventsFromCore();
   }
-  getEventsForDate(e) {
-    return this.calendar.getEventsForDate(e);
+  getEventsForDate(t) {
+    return this.calendar.getEventsForDate(t);
   }
-  getEventsInRange(e, t) {
-    return this.calendar.getEventsInRange(e, t);
+  getEventsInRange(t, e) {
+    return this.calendar.getEventsInRange(t, e);
   }
   // View data
   getViewData() {
-    const e = this.calendar.getViewData();
-    return this.enrichViewData(e);
+    const t = this.calendar.getViewData();
+    return this.enrichViewData(t);
   }
-  enrichViewData(e) {
+  enrichViewData(t) {
     var s;
-    const t = { ...e }, r = (s = this.state.selectedDate) == null ? void 0 : s.toDateString();
-    if (t.weeks && (t.weeks = t.weeks.map((i) => ({
+    const e = { ...t }, r = (s = this.state.selectedDate) == null ? void 0 : s.toDateString();
+    if (e.weeks && (e.weeks = e.weeks.map((i) => ({
       ...i,
       days: i.days.map((n) => {
         const o = new Date(n.date);
@@ -424,74 +424,74 @@ class V {
           events: n.events || this.getEventsForDate(o)
         };
       })
-    }))), t.days && (t.days = t.days.map((i) => {
+    }))), e.days && (e.days = e.days.map((i) => {
       const n = new Date(i.date);
       return {
         ...i,
         isSelected: n.toDateString() === r,
         events: i.events || this.getEventsForDate(n)
       };
-    })), t.date && !t.days && !t.weeks) {
-      const i = new Date(t.date);
-      t.isSelected = i.toDateString() === r, t.events = t.events || this.getEventsForDate(i);
+    })), e.date && !e.days && !e.weeks) {
+      const i = new Date(e.date);
+      e.isSelected = i.toDateString() === r, e.events = e.events || this.getEventsForDate(i);
     }
-    return t;
+    return e;
   }
   // Selection management
-  selectEvent(e) {
-    this.setState({ selectedEvent: e }), this.eventBus.emit("event:selected", { event: e });
+  selectEvent(t) {
+    this.setState({ selectedEvent: t }), this.eventBus.emit("event:selected", { event: t });
   }
-  selectEventById(e) {
-    const t = this.state.events.find((r) => r.id === e);
-    t && this.selectEvent(t);
+  selectEventById(t) {
+    const e = this.state.events.find((r) => r.id === t);
+    e && this.selectEvent(e);
   }
   deselectEvent() {
     this.setState({ selectedEvent: null }), this.eventBus.emit("event:deselected", {});
   }
-  selectDate(e) {
-    this.setState({ selectedDate: e }), this.eventBus.emit("date:selected", { date: e });
+  selectDate(t) {
+    this.setState({ selectedDate: t }), this.eventBus.emit("date:selected", { date: t });
   }
   deselectDate() {
     this.setState({ selectedDate: null }), this.eventBus.emit("date:deselected", {});
   }
   // Utility methods
-  isToday(e) {
-    const t = /* @__PURE__ */ new Date();
-    return e.toDateString() === t.toDateString();
+  isToday(t) {
+    const e = /* @__PURE__ */ new Date();
+    return t.toDateString() === e.toDateString();
   }
-  isSelectedDate(e) {
-    return this.state.selectedDate && e.toDateString() === this.state.selectedDate.toDateString();
+  isSelectedDate(t) {
+    return this.state.selectedDate && t.toDateString() === this.state.selectedDate.toDateString();
   }
-  isWeekend(e) {
-    const t = e.getDay();
-    return t === 0 || t === 6;
+  isWeekend(t) {
+    const e = t.getDay();
+    return e === 0 || e === 6;
   }
   // Loading state
-  setLoading(e) {
-    this.setState({ loading: e });
+  setLoading(t) {
+    this.setState({ loading: t });
   }
   // Error handling
-  setError(e) {
-    this.setState({ error: e }), e && this.eventBus.emit("error", { error: e });
+  setError(t) {
+    this.setState({ error: t }), t && this.eventBus.emit("error", { error: t });
   }
   clearError() {
     this.setState({ error: null });
   }
   // Configuration
-  updateConfig(e) {
-    this.setState({ config: { ...this.state.config, ...e } }), e.weekStartsOn !== void 0 && this.calendar.setWeekStartsOn(e.weekStartsOn), e.locale !== void 0 && this.calendar.setLocale(e.locale), e.timeZone !== void 0 && this.calendar.setTimezone(e.timeZone);
+  updateConfig(t) {
+    this.setState({ config: { ...this.state.config, ...t } }), t.weekStartsOn !== void 0 && this.calendar.setWeekStartsOn(t.weekStartsOn), t.locale !== void 0 && this.calendar.setLocale(t.locale), t.timeZone !== void 0 && this.calendar.setTimezone(t.timeZone);
   }
   // Destroy
   destroy() {
-    this.subscribers.clear(), this._subscriberIds && (this._subscriberIds.clear(), this._subscriberIds = null), this.state = null, this.calendar = null;
+    this.subscribers.clear(), this._subscriberIds && (this._subscriberIds.clear(), this._subscriberIds = null), this.eventBus && (this.eventBus.clear(), this.eventBus = null), this.state = null, this.calendar = null;
   }
 }
 class p extends L {
   /**
    * Format date for display
    */
-  static formatDate(e, t = "default", r = "en-US") {
-    if (!e) return "";
+  static formatDate(t, e = "default", r = "en-US") {
+    if (!t) return "";
     const s = {
       default: { year: "numeric", month: "long", day: "numeric" },
       short: { year: "numeric", month: "short", day: "numeric" },
@@ -509,93 +509,93 @@ class p extends L {
         hour: "numeric",
         minute: "2-digit"
       }
-    }, i = s[t] || s.default;
-    return new Intl.DateTimeFormat(r, i).format(e);
+    }, i = s[e] || s.default;
+    return new Intl.DateTimeFormat(r, i).format(t);
   }
   /**
    * Format time for display
    */
-  static formatTime(e, t = !0, r = !1, s = "en-US") {
-    if (!e) return "";
+  static formatTime(t, e = !0, r = !1, s = "en-US") {
+    if (!t) return "";
     const i = {
       hour: "numeric",
-      minute: t ? "2-digit" : void 0,
+      minute: e ? "2-digit" : void 0,
       hour12: !r
     };
-    return new Intl.DateTimeFormat(s, i).format(e);
+    return new Intl.DateTimeFormat(s, i).format(t);
   }
   /**
    * Format date range for display
    */
-  static formatDateRange(e, t, r = "en-US") {
-    if (!e) return "";
-    if (!t || this.isSameDay(e, t))
-      return this.formatDate(e, "default", r);
-    const s = this.isSameYear(e, t) ? "short" : "default";
-    return `${this.formatDate(e, s, r)} - ${this.formatDate(t, "default", r)}`;
+  static formatDateRange(t, e, r = "en-US") {
+    if (!t) return "";
+    if (!e || this.isSameDay(t, e))
+      return this.formatDate(t, "default", r);
+    const s = this.isSameYear(t, e) ? "short" : "default";
+    return `${this.formatDate(t, s, r)} - ${this.formatDate(e, "default", r)}`;
   }
   /**
    * Format time range for display
    */
-  static formatTimeRange(e, t, r = "en-US") {
-    if (!e) return "";
-    const s = this.formatTime(e, !0, !1, r);
-    if (!t) return s;
-    const i = this.formatTime(t, !0, !1, r);
+  static formatTimeRange(t, e, r = "en-US") {
+    if (!t) return "";
+    const s = this.formatTime(t, !0, !1, r);
+    if (!e) return s;
+    const i = this.formatTime(e, !0, !1, r);
     return `${s} - ${i}`;
   }
   /**
    * Get relative time string (e.g., "2 hours ago", "in 3 days")
    */
-  static getRelativeTime(e, t = /* @__PURE__ */ new Date(), r = "en-US") {
-    const s = new Intl.RelativeTimeFormat(r, { numeric: "auto" }), i = e - t, n = Math.floor(i / 1e3), o = Math.floor(n / 60), a = Math.floor(o / 60), c = Math.floor(a / 24), d = Math.floor(c / 7), l = Math.floor(c / 30), f = Math.floor(c / 365);
-    return Math.abs(n) < 60 ? s.format(n, "second") : Math.abs(o) < 60 ? s.format(o, "minute") : Math.abs(a) < 24 ? s.format(a, "hour") : Math.abs(c) < 7 ? s.format(c, "day") : Math.abs(d) < 4 ? s.format(d, "week") : Math.abs(l) < 12 ? s.format(l, "month") : s.format(f, "year");
+  static getRelativeTime(t, e = /* @__PURE__ */ new Date(), r = "en-US") {
+    const s = new Intl.RelativeTimeFormat(r, { numeric: "auto" }), i = t - e, n = Math.floor(i / 1e3), o = Math.floor(n / 60), a = Math.floor(o / 60), c = Math.floor(a / 24), d = Math.floor(c / 7), l = Math.floor(c / 30), u = Math.floor(c / 365);
+    return Math.abs(n) < 60 ? s.format(n, "second") : Math.abs(o) < 60 ? s.format(o, "minute") : Math.abs(a) < 24 ? s.format(a, "hour") : Math.abs(c) < 7 ? s.format(c, "day") : Math.abs(d) < 4 ? s.format(d, "week") : Math.abs(l) < 12 ? s.format(l, "month") : s.format(u, "year");
   }
   /**
    * Check if date is today
    */
-  static isToday(e) {
-    const t = /* @__PURE__ */ new Date();
-    return this.isSameDay(e, t);
+  static isToday(t) {
+    const e = /* @__PURE__ */ new Date();
+    return this.isSameDay(t, e);
   }
   /**
    * Check if date is in the past
    */
-  static isPast(e) {
-    return e < /* @__PURE__ */ new Date();
+  static isPast(t) {
+    return t < /* @__PURE__ */ new Date();
   }
   /**
    * Check if date is in the future
    */
-  static isFuture(e) {
-    return e > /* @__PURE__ */ new Date();
+  static isFuture(t) {
+    return t > /* @__PURE__ */ new Date();
   }
   /**
    * Get calendar week number
    */
-  static getWeekNumber(e) {
-    const t = new Date(e.getFullYear(), 0, 1), r = (e - t) / 864e5;
-    return Math.ceil((r + t.getDay() + 1) / 7);
+  static getWeekNumber(t) {
+    const e = new Date(t.getFullYear(), 0, 1), r = (t - e) / 864e5;
+    return Math.ceil((r + e.getDay() + 1) / 7);
   }
   /**
    * Get day abbreviation
    */
-  static getDayAbbreviation(e, t = "en-US") {
-    const r = new Date(2024, 0, 7 + e);
-    return new Intl.DateTimeFormat(t, { weekday: "short" }).format(r);
+  static getDayAbbreviation(t, e = "en-US") {
+    const r = new Date(2024, 0, 7 + t);
+    return new Intl.DateTimeFormat(e, { weekday: "short" }).format(r);
   }
   /**
    * Get month name
    */
-  static getMonthName(e, t = "long", r = "en-US") {
-    const s = new Date(2024, e, 1);
-    return new Intl.DateTimeFormat(r, { month: t }).format(s);
+  static getMonthName(t, e = "long", r = "en-US") {
+    const s = new Date(2024, t, 1);
+    return new Intl.DateTimeFormat(r, { month: e }).format(s);
   }
   /**
    * Parse time string (e.g., "14:30" or "2:30 PM")
    */
-  static parseTimeString(e, t = /* @__PURE__ */ new Date()) {
-    const r = new Date(t), [s, i] = e.split(/\s+/), [n, o] = s.split(":").map(Number);
+  static parseTimeString(t, e = /* @__PURE__ */ new Date()) {
+    const r = new Date(e), [s, i] = t.split(/\s+/), [n, o] = s.split(":").map(Number);
     let a = n;
     return i && (i.toLowerCase() === "pm" && n < 12 ? a = n + 12 : i.toLowerCase() === "am" && n === 12 && (a = 0)), r.setHours(a, o || 0, 0, 0), r;
   }
@@ -604,9 +604,9 @@ class E {
   /**
    * Create element with attributes and children
    */
-  static createElement(e, t = {}, r = []) {
-    const s = document.createElement(e);
-    return Object.entries(t).forEach(([i, n]) => {
+  static createElement(t, e = {}, r = []) {
+    const s = document.createElement(t);
+    return Object.entries(e).forEach(([i, n]) => {
       if (i === "className")
         s.className = n;
       else if (i === "style" && typeof n == "object")
@@ -625,189 +625,189 @@ class E {
   /**
    * Add multiple event listeners
    */
-  static addEventListeners(e, t) {
-    return Object.entries(t).forEach(([r, s]) => {
-      e.addEventListener(r, s);
+  static addEventListeners(t, e) {
+    return Object.entries(e).forEach(([r, s]) => {
+      t.addEventListener(r, s);
     }), () => {
-      Object.entries(t).forEach(([r, s]) => {
-        e.removeEventListener(r, s);
+      Object.entries(e).forEach(([r, s]) => {
+        t.removeEventListener(r, s);
       });
     };
   }
   /**
    * Delegate event handling
    */
-  static delegate(e, t, r, s) {
+  static delegate(t, e, r, s) {
     const i = (n) => {
-      const o = n.target.closest(t);
-      o && e.contains(o) && s.call(o, n);
+      const o = n.target.closest(e);
+      o && t.contains(o) && s.call(o, n);
     };
-    return e.addEventListener(r, i), () => e.removeEventListener(r, i);
+    return t.addEventListener(r, i), () => t.removeEventListener(r, i);
   }
   /**
    * Get element position relative to viewport
    */
-  static getPosition(e) {
-    const t = e.getBoundingClientRect();
+  static getPosition(t) {
+    const e = t.getBoundingClientRect();
     return {
-      top: t.top + window.scrollY,
-      left: t.left + window.scrollX,
-      bottom: t.bottom + window.scrollY,
-      right: t.right + window.scrollX,
-      width: t.width,
-      height: t.height
+      top: e.top + window.scrollY,
+      left: e.left + window.scrollX,
+      bottom: e.bottom + window.scrollY,
+      right: e.right + window.scrollX,
+      width: e.width,
+      height: e.height
     };
   }
   /**
    * Check if element is in viewport
    */
-  static isInViewport(e, t = 0) {
-    const r = e.getBoundingClientRect();
-    return r.top >= -t && r.left >= -t && r.bottom <= (window.innerHeight || document.documentElement.clientHeight) + t && r.right <= (window.innerWidth || document.documentElement.clientWidth) + t;
+  static isInViewport(t, e = 0) {
+    const r = t.getBoundingClientRect();
+    return r.top >= -e && r.left >= -e && r.bottom <= (window.innerHeight || document.documentElement.clientHeight) + e && r.right <= (window.innerWidth || document.documentElement.clientWidth) + e;
   }
   /**
    * Smooth scroll to element
    */
-  static scrollToElement(e, t = {}) {
-    const { behavior: r = "smooth", block: s = "start", inline: i = "nearest" } = t;
-    e.scrollIntoView({ behavior: r, block: s, inline: i });
+  static scrollToElement(t, e = {}) {
+    const { behavior: r = "smooth", block: s = "start", inline: i = "nearest" } = e;
+    t.scrollIntoView({ behavior: r, block: s, inline: i });
   }
   /**
    * Get computed style value
    */
-  static getStyle(e, t) {
-    return window.getComputedStyle(e).getPropertyValue(t);
+  static getStyle(t, e) {
+    return window.getComputedStyle(t).getPropertyValue(e);
   }
   /**
    * Set multiple styles
    */
-  static setStyles(e, t) {
-    Object.assign(e.style, t);
+  static setStyles(t, e) {
+    Object.assign(t.style, e);
   }
   /**
    * Add/remove classes with animation support
    */
-  static async animateClass(e, t, r = 300) {
-    e.classList.add(t), await this.wait(r), e.classList.remove(t);
+  static async animateClass(t, e, r = 300) {
+    t.classList.add(e), await this.wait(r), t.classList.remove(e);
   }
   /**
    * Wait for animation/transition to complete
    */
-  static waitForAnimation(e, t = "animationend") {
+  static waitForAnimation(t, e = "animationend") {
     return new Promise((r) => {
       const s = () => {
-        e.removeEventListener(t, s), r();
+        t.removeEventListener(e, s), r();
       };
-      e.addEventListener(t, s);
+      t.addEventListener(e, s);
     });
   }
   /**
    * Utility wait function
    */
-  static wait(e) {
-    return new Promise((t) => setTimeout(t, e));
+  static wait(t) {
+    return new Promise((e) => setTimeout(e, t));
   }
   /**
    * Parse HTML string safely
    */
-  static parseHTML(e) {
-    const t = document.createElement("template");
-    return t.innerHTML = e.trim(), t.content.firstChild;
+  static parseHTML(t) {
+    const e = document.createElement("template");
+    return e.innerHTML = t.trim(), e.content.firstChild;
   }
   /**
    * Escape HTML to prevent XSS
    */
-  static escapeHTML(e) {
-    const t = document.createElement("div");
-    return t.textContent = e, t.innerHTML;
+  static escapeHTML(t) {
+    const e = document.createElement("div");
+    return e.textContent = t, e.innerHTML;
   }
   /**
    * Debounce function calls
    */
-  static debounce(e, t = 250) {
+  static debounce(t, e = 250) {
     let r;
     return function(...i) {
       const n = () => {
-        clearTimeout(r), e(...i);
+        clearTimeout(r), t(...i);
       };
-      clearTimeout(r), r = setTimeout(n, t);
+      clearTimeout(r), r = setTimeout(n, e);
     };
   }
   /**
    * Throttle function calls
    */
-  static throttle(e, t = 250) {
+  static throttle(t, e = 250) {
     let r;
     return function(...s) {
-      r || (e.apply(this, s), r = !0, setTimeout(() => r = !1, t));
+      r || (t.apply(this, s), r = !0, setTimeout(() => r = !1, e));
     };
   }
   /**
    * Get closest parent matching selector
    */
-  static closest(e, t) {
-    return e.closest(t);
+  static closest(t, e) {
+    return t.closest(e);
   }
   /**
    * Get all parents matching selector
    */
-  static parents(e, t) {
+  static parents(t, e) {
     const r = [];
-    let s = e.parentElement;
+    let s = t.parentElement;
     for (; s; )
-      s.matches(t) && r.push(s), s = s.parentElement;
+      s.matches(e) && r.push(s), s = s.parentElement;
     return r;
   }
   /**
    * Measure element dimensions including margins
    */
-  static getOuterDimensions(e) {
-    const t = window.getComputedStyle(e), r = {
-      top: parseInt(t.marginTop),
-      right: parseInt(t.marginRight),
-      bottom: parseInt(t.marginBottom),
-      left: parseInt(t.marginLeft)
+  static getOuterDimensions(t) {
+    const e = window.getComputedStyle(t), r = {
+      top: parseInt(e.marginTop),
+      right: parseInt(e.marginRight),
+      bottom: parseInt(e.marginBottom),
+      left: parseInt(e.marginLeft)
     };
     return {
-      width: e.offsetWidth + r.left + r.right,
-      height: e.offsetHeight + r.top + r.bottom,
+      width: t.offsetWidth + r.left + r.right,
+      height: t.offsetHeight + r.top + r.bottom,
       margin: r
     };
   }
   /**
    * Clone element with event listeners
    */
-  static cloneWithEvents(e, t = !0) {
-    return e.cloneNode(t);
+  static cloneWithEvents(t, e = !0) {
+    return t.cloneNode(e);
   }
   /**
    * Focus trap for modals/dialogs
    */
-  static trapFocus(e) {
-    const t = e.querySelectorAll(
+  static trapFocus(t) {
+    const e = t.querySelectorAll(
       'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
     );
-    if (t.length === 0)
-      return e.setAttribute("tabindex", "-1"), e.focus(), () => e.removeAttribute("tabindex");
-    const r = t[0], s = t[t.length - 1], i = (n) => {
+    if (e.length === 0)
+      return t.setAttribute("tabindex", "-1"), t.focus(), () => t.removeAttribute("tabindex");
+    const r = e[0], s = e[e.length - 1], i = (n) => {
       n.key === "Tab" && (n.shiftKey ? document.activeElement === r && (s == null || s.focus(), n.preventDefault()) : document.activeElement === s && (r == null || r.focus(), n.preventDefault()));
     };
-    return e.addEventListener("keydown", i), r == null || r.focus(), () => e.removeEventListener("keydown", i);
+    return t.addEventListener("keydown", i), r == null || r.focus(), () => t.removeEventListener("keydown", i);
   }
 }
-class u {
+class f {
   /**
    * Get CSS variable value
    */
-  static getCSSVariable(e, t = document.documentElement) {
-    return getComputedStyle(t).getPropertyValue(e).trim();
+  static getCSSVariable(t, e = document.documentElement) {
+    return getComputedStyle(e).getPropertyValue(t).trim();
   }
   /**
    * Set CSS variables
    */
-  static setCSSVariables(e, t = document.documentElement) {
-    Object.entries(e).forEach(([r, s]) => {
-      t.style.setProperty(r, s);
+  static setCSSVariables(t, e = document.documentElement) {
+    Object.entries(t).forEach(([r, s]) => {
+      e.style.setProperty(r, s);
     });
   }
   /**
@@ -817,7 +817,7 @@ class u {
     return `
             :host {
                 /* Apply CSS variables */
-                ${Object.entries(this.cssVariables).map(([e, t]) => `${e}: ${t};`).join(`
+                ${Object.entries(this.cssVariables).map(([t, e]) => `${t}: ${e};`).join(`
                 `)}
 
                 /* Base styles */
@@ -962,33 +962,33 @@ class u {
   /**
    * Darken color by percentage
    */
-  static darken(e, t) {
-    const r = parseInt(e.replace("#", ""), 16), s = Math.round(2.55 * t), i = (r >> 16) - s, n = (r >> 8 & 255) - s, o = (r & 255) - s;
+  static darken(t, e) {
+    const r = parseInt(t.replace("#", ""), 16), s = Math.round(2.55 * e), i = (r >> 16) - s, n = (r >> 8 & 255) - s, o = (r & 255) - s;
     return "#" + (16777216 + (i < 255 ? i < 1 ? 0 : i : 255) * 65536 + (n < 255 ? n < 1 ? 0 : n : 255) * 256 + (o < 255 ? o < 1 ? 0 : o : 255)).toString(16).slice(1);
   }
   /**
    * Lighten color by percentage
    */
-  static lighten(e, t) {
-    const r = parseInt(e.replace("#", ""), 16), s = Math.round(2.55 * t), i = (r >> 16) + s, n = (r >> 8 & 255) + s, o = (r & 255) + s;
+  static lighten(t, e) {
+    const r = parseInt(t.replace("#", ""), 16), s = Math.round(2.55 * e), i = (r >> 16) + s, n = (r >> 8 & 255) + s, o = (r & 255) + s;
     return "#" + (16777216 + (i < 255 ? i < 1 ? 0 : i : 255) * 65536 + (n < 255 ? n < 1 ? 0 : n : 255) * 256 + (o < 255 ? o < 1 ? 0 : o : 255)).toString(16).slice(1);
   }
   /**
    * Get contrast color (black or white) for background
    */
-  static getContrastColor(e) {
-    const t = e.replace("#", ""), r = parseInt(t.substr(0, 2), 16), s = parseInt(t.substr(2, 2), 16), i = parseInt(t.substr(4, 2), 16);
+  static getContrastColor(t) {
+    const e = t.replace("#", ""), r = parseInt(e.substr(0, 2), 16), s = parseInt(e.substr(2, 2), 16), i = parseInt(e.substr(4, 2), 16);
     return (r * 299 + s * 587 + i * 114) / 1e3 >= 128 ? "#000000" : "#FFFFFF";
   }
   /**
    * Sanitize color value to prevent CSS injection
    * Returns the color if valid, or a fallback color if invalid
    */
-  static sanitizeColor(e, t = "var(--fc-primary-color)") {
-    if (!e || typeof e != "string")
-      return t;
-    const r = e.trim();
-    return /[;{}()<>\"\'\\]/.test(r) ? t : /^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$/.test(r) || /^var\(--[a-zA-Z0-9-]+\)$/.test(r) || /^rgba?\(\s*\d+\s*,\s*\d+\s*,\s*\d+\s*(,\s*(0|1|0?\.\d+))?\s*\)$/.test(r) || [
+  static sanitizeColor(t, e = "var(--fc-primary-color)") {
+    if (!t || typeof t != "string")
+      return e;
+    const r = t.trim();
+    return /[;{}()<>\"\'\\]/.test(r) ? e : /^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$/.test(r) || /^var\(--[a-zA-Z0-9-]+\)$/.test(r) || /^rgba?\(\s*\d+\s*,\s*\d+\s*,\s*\d+\s*(,\s*(0|1|0?\.\d+))?\s*\)$/.test(r) || [
       "transparent",
       "currentColor",
       "inherit",
@@ -1014,14 +1014,14 @@ class u {
       "olive",
       "silver",
       "fuchsia"
-    ].includes(r.toLowerCase()) ? r : t;
+    ].includes(r.toLowerCase()) ? r : e;
   }
   /**
    * Convert hex to rgba
    */
-  static hexToRgba(e, t = 1) {
-    const r = e.replace("#", ""), s = parseInt(r.substr(0, 2), 16), i = parseInt(r.substr(2, 2), 16), n = parseInt(r.substr(4, 2), 16);
-    return `rgba(${s}, ${i}, ${n}, ${t})`;
+  static hexToRgba(t, e = 1) {
+    const r = t.replace("#", ""), s = parseInt(r.substr(0, 2), 16), i = parseInt(r.substr(2, 2), 16), n = parseInt(r.substr(4, 2), 16);
+    return `rgba(${s}, ${i}, ${n}, ${e})`;
   }
   /**
    * Generate grid styles
@@ -1063,9 +1063,9 @@ class u {
   /**
    * Generate media query
    */
-  static mediaQuery(e, t) {
-    const r = this.breakpoints[e];
-    return r ? `@media (min-width: ${r}) { ${t} }` : "";
+  static mediaQuery(t, e) {
+    const r = this.breakpoints[t];
+    return r ? `@media (min-width: ${r}) { ${e} }` : "";
   }
   /**
    * Animation keyframes
@@ -1132,7 +1132,7 @@ class u {
 /**
  * Default theme colors
  */
-g(u, "colors", {
+g(f, "colors", {
   primary: "#3B82F6",
   // Modern Blue
   secondary: "#64748B",
@@ -1165,7 +1165,7 @@ g(u, "colors", {
 }), /**
  * Common CSS variables
  */
-g(u, "cssVariables", {
+g(f, "cssVariables", {
   // "Pro" Palette - Functional & Sharp
   "--fc-primary-color": "#2563EB",
   // International Blue (Focus)
@@ -1233,7 +1233,7 @@ g(u, "cssVariables", {
 }), /**
  * Get responsive breakpoints
  */
-g(u, "breakpoints", {
+g(f, "breakpoints", {
   xs: "320px",
   sm: "576px",
   md: "768px",
@@ -1246,8 +1246,8 @@ class k {
    * @param {HTMLElement} container - The DOM element to render into
    * @param {StateManager} stateManager - The state manager instance
    */
-  constructor(e, t) {
-    this.container = e, this.stateManager = t, this._listeners = [], this._scrolled = !1;
+  constructor(t, e) {
+    this.container = t, this.stateManager = e, this._listeners = [], this._scrolled = !1;
   }
   /**
    * Render the view into the container
@@ -1260,8 +1260,8 @@ class k {
    * Clean up event listeners
    */
   cleanup() {
-    this._listeners.forEach(({ element: e, event: t, handler: r }) => {
-      e.removeEventListener(t, r);
+    this._listeners.forEach(({ element: t, event: e, handler: r }) => {
+      t.removeEventListener(e, r);
     }), this._listeners = [];
   }
   /**
@@ -1270,26 +1270,26 @@ class k {
    * @param {string} event
    * @param {Function} handler
    */
-  addListener(e, t, r) {
+  addListener(t, e, r) {
     const s = r.bind(this);
-    e.addEventListener(t, s), this._listeners.push({ element: e, event: t, handler: s });
+    t.addEventListener(e, s), this._listeners.push({ element: t, event: e, handler: s });
   }
   /**
    * Escape HTML to prevent XSS
    * @param {string} str
    * @returns {string}
    */
-  escapeHTML(e) {
-    return e == null ? "" : E.escapeHTML(String(e));
+  escapeHTML(t) {
+    return t == null ? "" : E.escapeHTML(String(t));
   }
   /**
    * Check if a date is today
    * @param {Date} date
    * @returns {boolean}
    */
-  isToday(e) {
-    const t = /* @__PURE__ */ new Date();
-    return e.getDate() === t.getDate() && e.getMonth() === t.getMonth() && e.getFullYear() === t.getFullYear();
+  isToday(t) {
+    const e = /* @__PURE__ */ new Date();
+    return t.getDate() === e.getDate() && t.getMonth() === e.getMonth() && t.getFullYear() === e.getFullYear();
   }
   /**
    * Check if two dates are the same day
@@ -1297,25 +1297,25 @@ class k {
    * @param {Date} date2
    * @returns {boolean}
    */
-  isSameDay(e, t) {
-    return e.getDate() === t.getDate() && e.getMonth() === t.getMonth() && e.getFullYear() === t.getFullYear();
+  isSameDay(t, e) {
+    return t.getDate() === e.getDate() && t.getMonth() === e.getMonth() && t.getFullYear() === e.getFullYear();
   }
   /**
    * Format hour for display (e.g., "9 AM", "2 PM")
    * @param {number} hour - Hour in 24-hour format (0-23)
    * @returns {string}
    */
-  formatHour(e) {
-    const t = e >= 12 ? "PM" : "AM";
-    return `${e % 12 || 12} ${t}`;
+  formatHour(t) {
+    const e = t >= 12 ? "PM" : "AM";
+    return `${t % 12 || 12} ${e}`;
   }
   /**
    * Format time for display (e.g., "9 AM", "2:30 PM")
    * @param {Date} date
    * @returns {string}
    */
-  formatTime(e) {
-    const t = e.getHours(), r = e.getMinutes(), s = t >= 12 ? "PM" : "AM", i = t % 12 || 12;
+  formatTime(t) {
+    const e = t.getHours(), r = t.getMinutes(), s = e >= 12 ? "PM" : "AM", i = e % 12 || 12;
     return r === 0 ? `${i} ${s}` : `${i}:${r.toString().padStart(2, "0")} ${s}`;
   }
   /**
@@ -1324,12 +1324,12 @@ class k {
    * @param {string} bgColor - Hex color string
    * @returns {string} 'black' or 'white'
    */
-  getContrastingTextColor(e) {
-    if (!e || typeof e != "string") return "white";
-    const t = e.charAt(0) === "#" ? e.substring(1) : e;
-    if (!/^[0-9A-Fa-f]{3}$|^[0-9A-Fa-f]{6}$/.test(t))
+  getContrastingTextColor(t) {
+    if (!t || typeof t != "string") return "white";
+    const e = t.charAt(0) === "#" ? t.substring(1) : t;
+    if (!/^[0-9A-Fa-f]{3}$|^[0-9A-Fa-f]{6}$/.test(e))
       return "white";
-    const r = t.length === 3 ? t[0] + t[0] + t[1] + t[1] + t[2] + t[2] : t, s = parseInt(r.substring(0, 2), 16), i = parseInt(r.substring(2, 4), 16), n = parseInt(r.substring(4, 6), 16);
+    const r = e.length === 3 ? e[0] + e[0] + e[1] + e[1] + e[2] + e[2] : e, s = parseInt(r.substring(0, 2), 16), i = parseInt(r.substring(2, 4), 16), n = parseInt(r.substring(4, 6), 16);
     if (isNaN(s) || isNaN(i) || isNaN(n))
       return "white";
     const a = [s / 255, i / 255, n / 255].map((d) => d <= 0.03928 ? d / 12.92 : Math.pow((d + 0.055) / 1.055, 2.4));
@@ -1340,8 +1340,8 @@ class k {
    * @returns {string} HTML string
    */
   renderNowIndicator() {
-    const e = /* @__PURE__ */ new Date();
-    return `<div class="fc-now-indicator" style="position: absolute; left: 0; right: 0; top: ${e.getHours() * 60 + e.getMinutes()}px; height: 2px; background: #dc2626; z-index: 15; pointer-events: none;"></div>`;
+    const t = /* @__PURE__ */ new Date();
+    return `<div class="fc-now-indicator" style="position: absolute; left: 0; right: 0; top: ${t.getHours() * 60 + t.getMinutes()}px; height: 2px; background: #dc2626; z-index: 15; pointer-events: none;"></div>`;
   }
   /**
    * Compute overlap layout columns for a list of timed events.
@@ -1350,15 +1350,15 @@ class k {
    * @param {Array} events - Array of event objects with start/end dates
    * @returns {Map<string, {column: number, totalColumns: number}>}
    */
-  computeOverlapLayout(e) {
-    if (!e || e.length === 0) return /* @__PURE__ */ new Map();
-    const t = e.map((a) => {
-      const c = new Date(a.start), d = new Date(a.end), l = c.getHours() * 60 + c.getMinutes(), f = Math.max(l + 1, d.getHours() * 60 + d.getMinutes());
-      return { id: a.id, startMin: l, endMin: f };
+  computeOverlapLayout(t) {
+    if (!t || t.length === 0) return /* @__PURE__ */ new Map();
+    const e = t.map((a) => {
+      const c = new Date(a.start), d = new Date(a.end), l = c.getHours() * 60 + c.getMinutes(), u = Math.max(l + 1, d.getHours() * 60 + d.getMinutes());
+      return { id: a.id, startMin: l, endMin: u };
     });
-    t.sort((a, c) => a.startMin - c.startMin || c.endMin - c.startMin - (a.endMin - a.startMin));
+    e.sort((a, c) => a.startMin - c.startMin || c.endMin - c.startMin - (a.endMin - a.startMin));
     const r = [], s = /* @__PURE__ */ new Map();
-    for (const a of t) {
+    for (const a of e) {
       let c = !1;
       for (let d = 0; d < r.length; d++)
         if (r[d] <= a.startMin) {
@@ -1369,7 +1369,7 @@ class k {
     }
     const i = [];
     let n = [], o = 0;
-    for (const a of t)
+    for (const a of e)
       n.length === 0 || a.startMin < o ? (n.push(a), o = Math.max(o, a.endMin)) : (i.push(n), n = [a], o = a.endMin);
     n.length > 0 && i.push(n);
     for (const a of i) {
@@ -1387,16 +1387,16 @@ class k {
    * @param {Object} options.overlapLayout - Map from computeOverlapLayout()
    * @returns {string} HTML string
    */
-  renderTimedEvent(e, t = {}) {
-    const { compact: r = !0, overlapLayout: s = null } = t, i = new Date(e.start), n = new Date(e.end), o = i.getHours() * 60 + i.getMinutes(), a = Math.max((n - i) / (1e3 * 60), r ? 20 : 30), c = this.getEventColor(e), d = r ? "4px 8px" : "8px 12px", l = r ? "11px" : "13px", f = r ? 2 : 12, m = r ? 2 : 24, b = r ? "4px" : "6px";
+  renderTimedEvent(t, e = {}) {
+    const { compact: r = !0, overlapLayout: s = null } = e, i = new Date(t.start), n = new Date(t.end), o = i.getHours() * 60 + i.getMinutes(), a = Math.max((n - i) / (1e3 * 60), r ? 20 : 30), c = this.getEventColor(t), d = r ? "4px 8px" : "8px 12px", l = r ? "11px" : "13px", u = r ? 2 : 12, m = r ? 2 : 24, b = r ? "4px" : "6px";
     let y, x;
-    if (s && s.has(e.id)) {
-      const { column: S, totalColumns: _ } = s.get(e.id), $ = `(100% - ${f + m}px)`;
-      y = `calc(${f}px + ${S} * ${$} / ${_})`, x = `calc(${$} / ${_})`;
+    if (s && s.has(t.id)) {
+      const { column: S, totalColumns: _ } = s.get(t.id), $ = `(100% - ${u + m}px)`;
+      y = `calc(${u}px + ${S} * ${$} / ${_})`, x = `calc(${$} / ${_})`;
     } else
-      y = `${f}px`, x = `calc(100% - ${f + m}px)`;
+      y = `${u}px`, x = `calc(100% - ${u + m}px)`;
     return `
-            <div class="fc-event fc-timed-event" data-event-id="${this.escapeHTML(e.id)}"
+            <div class="fc-event fc-timed-event" data-event-id="${this.escapeHTML(t.id)}"
                  style="position: absolute; top: ${o}px; height: ${a}px;
                         left: ${y}; width: ${x};
                         background-color: ${c}; border-radius: ${b};
@@ -1405,7 +1405,7 @@ class k {
                         box-shadow: 0 1px 2px rgba(0,0,0,0.1);
                         cursor: pointer; z-index: 5;">
                 <div style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
-                    ${this.escapeHTML(e.title)}
+                    ${this.escapeHTML(t.title)}
                 </div>
                 <div style="font-size: ${r ? "10px" : "11px"}; opacity: 0.9;">
                     ${this.formatTime(i)}${r ? "" : " - " + this.formatTime(n)}
@@ -1418,39 +1418,39 @@ class k {
    * @param {Object} event
    * @returns {string}
    */
-  getEventColor(e) {
-    return u.sanitizeColor(e == null ? void 0 : e.backgroundColor, "#2563eb");
+  getEventColor(t) {
+    return f.sanitizeColor(t == null ? void 0 : t.backgroundColor, "#2563eb");
   }
   /**
    * Attach common event handlers for day/event clicks
    */
   attachCommonEventHandlers() {
-    this.addListener(this.container, "click", (e) => {
-      const t = e.target.closest(".fc-event");
-      if (!t || !this.container.contains(t)) return;
-      e.stopPropagation();
-      const r = t.dataset.eventId, s = this.stateManager.getEvents().find((i) => i.id === r);
+    this.addListener(this.container, "click", (t) => {
+      const e = t.target.closest(".fc-event");
+      if (!e || !this.container.contains(e)) return;
+      t.stopPropagation();
+      const r = e.dataset.eventId, s = this.stateManager.getEvents().find((i) => i.id === r);
       s && this.stateManager.selectEvent(s);
     });
   }
 }
 class w extends k {
-  constructor(e, t) {
-    super(e, t), this.maxEventsToShow = 3;
+  constructor(t, e) {
+    super(t, e), this.maxEventsToShow = 3;
   }
   render() {
     if (!this.container || !this.stateManager) return;
-    const e = this.stateManager.getViewData();
-    if (!e || !e.weeks) {
+    const t = this.stateManager.getViewData();
+    if (!t || !t.weeks) {
       this.container.innerHTML = '<div style="padding: 20px; text-align: center; color: #666;">No data available for month view.</div>';
       return;
     }
     this.cleanup();
-    const t = this.stateManager.getState().config, r = this._renderMonthView(e, t);
+    const e = this.stateManager.getState().config, r = this._renderMonthView(t, e);
     this.container.innerHTML = r, this._attachEventHandlers();
   }
-  _renderMonthView(e, t) {
-    const r = t.weekStartsOn || 0;
+  _renderMonthView(t, e) {
+    const r = e.weekStartsOn || 0;
     let i = `
             <div class="fc-month-view" style="display: flex; flex-direction: column; height: 100%; min-height: 400px; background: #fff; border: 1px solid #e5e7eb;">
                 <div class="fc-month-header" style="display: grid; grid-template-columns: repeat(7, 1fr); border-bottom: 1px solid #e5e7eb; background: #f9fafb;">
@@ -1458,31 +1458,31 @@ class w extends k {
                 </div>
                 <div class="fc-month-body" style="display: flex; flex-direction: column; flex: 1;">
         `;
-    return e.weeks.forEach((n) => {
+    return t.weeks.forEach((n) => {
       i += this._renderWeek(n);
     }), i += "</div></div>", i;
   }
-  _getDayNames(e) {
-    const t = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], r = [];
+  _getDayNames(t) {
+    const e = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], r = [];
     for (let s = 0; s < 7; s++) {
-      const i = (e + s) % 7;
-      r.push(t[i]);
+      const i = (t + s) % 7;
+      r.push(e[i]);
     }
     return r;
   }
-  _renderWeek(e) {
-    let t = '<div class="fc-month-week" style="display: grid; grid-template-columns: repeat(7, 1fr); flex: 1; min-height: 80px;">';
-    return e.days.forEach((r) => {
-      t += this._renderDay(r);
-    }), t += "</div>", t;
+  _renderWeek(t) {
+    let e = '<div class="fc-month-week" style="display: grid; grid-template-columns: repeat(7, 1fr); flex: 1; min-height: 80px;">';
+    return t.days.forEach((r) => {
+      e += this._renderDay(r);
+    }), e += "</div>", e;
   }
-  _renderDay(e) {
-    const t = !e.isCurrentMonth, r = e.isToday, s = t ? "#f3f4f6" : "#fff", i = t ? "#9ca3af" : "#111827", n = r ? "background: #2563eb; color: white; border-radius: 50%; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center;" : "", o = e.events || [], a = o.slice(0, this.maxEventsToShow), c = o.length - this.maxEventsToShow;
+  _renderDay(t) {
+    const e = !t.isCurrentMonth, r = t.isToday, s = e ? "#f3f4f6" : "#fff", i = e ? "#9ca3af" : "#111827", n = r ? "background: #2563eb; color: white; border-radius: 50%; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center;" : "", o = t.events || [], a = o.slice(0, this.maxEventsToShow), c = o.length - this.maxEventsToShow;
     return `
-            <div class="fc-month-day" data-date="${e.date}"
+            <div class="fc-month-day" data-date="${t.date}"
                  style="background: ${s}; border-right: 1px solid #e5e7eb; border-bottom: 1px solid #e5e7eb; padding: 4px; min-height: 80px; cursor: pointer; display: flex; flex-direction: column;">
                 <div class="fc-day-number" style="font-size: 13px; font-weight: 500; color: ${i}; padding: 2px 4px; margin-bottom: 4px; ${n}">
-                    ${e.dayOfMonth}
+                    ${t.dayOfMonth}
                 </div>
                 <div class="fc-day-events" style="display: flex; flex-direction: column; gap: 2px; flex: 1; overflow: hidden;">
                     ${a.map((d) => this._renderEvent(d)).join("")}
@@ -1491,41 +1491,41 @@ class w extends k {
             </div>
         `;
   }
-  _renderEvent(e) {
-    const t = this.getEventColor(e);
+  _renderEvent(t) {
+    const e = this.getEventColor(t);
     return `
-            <div class="fc-event" data-event-id="${this.escapeHTML(e.id)}"
-                 style="background-color: ${t}; font-size: 11px; padding: 2px 6px; border-radius: 3px; color: white; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer;">
-                ${this.escapeHTML(e.title)}
+            <div class="fc-event" data-event-id="${this.escapeHTML(t.id)}"
+                 style="background-color: ${e}; font-size: 11px; padding: 2px 6px; border-radius: 3px; color: white; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer;">
+                ${this.escapeHTML(t.title)}
             </div>
         `;
   }
   _attachEventHandlers() {
-    this.addListener(this.container, "click", (e) => {
-      const t = e.target.closest(".fc-month-day");
-      if (!t || !this.container.contains(t) || e.target.closest(".fc-event")) return;
-      const r = new Date(t.dataset.date);
+    this.addListener(this.container, "click", (t) => {
+      const e = t.target.closest(".fc-month-day");
+      if (!e || !this.container.contains(e) || t.target.closest(".fc-event")) return;
+      const r = new Date(e.dataset.date);
       this.stateManager.selectDate(r);
     }), this.attachCommonEventHandlers();
   }
 }
 class I extends k {
-  constructor(e, t) {
-    super(e, t), this.hourHeight = 60, this.totalHeight = 24 * this.hourHeight;
+  constructor(t, e) {
+    super(t, e), this.hourHeight = 60, this.totalHeight = 24 * this.hourHeight;
   }
   render() {
     if (!this.container || !this.stateManager) return;
-    const e = this.stateManager.getViewData();
-    if (!e || !e.days || e.days.length === 0) {
+    const t = this.stateManager.getViewData();
+    if (!t || !t.days || t.days.length === 0) {
       this.container.innerHTML = '<div style="padding: 20px; text-align: center; color: #666;">No data available for week view.</div>';
       return;
     }
     this.cleanup(), this._scrolled = !1;
-    const t = this.stateManager.getState().config, r = this._renderWeekView(e, t);
+    const e = this.stateManager.getState().config, r = this._renderWeekView(t, e);
     this.container.innerHTML = r, this._attachEventHandlers(), this._scrollToCurrentTime();
   }
-  _renderWeekView(e, t) {
-    const r = e.days, s = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], i = Array.from({ length: 24 }, (o, a) => a), n = r.map((o) => {
+  _renderWeekView(t, e) {
+    const r = t.days, s = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], i = Array.from({ length: 24 }, (o, a) => a), n = r.map((o) => {
       const a = new Date(o.date), c = o.events || [];
       return {
         ...o,
@@ -1545,18 +1545,18 @@ class I extends k {
             </div>
         `;
   }
-  _renderHeader(e) {
+  _renderHeader(t) {
     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) => `
+                ${t.map(
+      (e) => `
                     <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}
+                            ${e.dayName}
                         </div>
-                        <div style="font-size: 16px; font-weight: 500; margin-top: 4px; ${t.isToday ? "background: #dc2626; color: white; border-radius: 50%; width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center;" : "color: #111827;"}">
-                            ${t.dayOfMonth}
+                        <div style="font-size: 16px; font-weight: 500; margin-top: 4px; ${e.isToday ? "background: #dc2626; color: white; border-radius: 50%; width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center;" : "color: #111827;"}">
+                            ${e.dayOfMonth}
                         </div>
                     </div>
                 `
@@ -1564,16 +1564,16 @@ class I extends k {
             </div>
         `;
   }
-  _renderAllDayRow(e) {
+  _renderAllDayRow(t) {
     return `
             <div class="fc-all-day-row" style="display: grid; grid-template-columns: 60px repeat(7, 1fr); border-bottom: 1px solid #e5e7eb; background: #fafafa; min-height: 32px; flex-shrink: 0;">
                 <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) => `
-                    <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(
+                ${t.map(
+      (e) => `
+                    <div class="fc-all-day-cell" data-date="${e.date.toISOString()}" style="border-right: 1px solid #e5e7eb; padding: 4px; display: flex; flex-direction: column; gap: 2px;">
+                        ${e.allDayEvents.map(
         (r) => `
                             <div class="fc-event fc-all-day-event" data-event-id="${this.escapeHTML(r.id)}"
                                  style="background-color: ${this.getEventColor(r)}; font-size: 10px; padding: 2px 4px; border-radius: 2px; color: white; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
@@ -1587,51 +1587,51 @@ class I extends k {
             </div>
         `;
   }
-  _renderTimeGrid(e, t) {
+  _renderTimeGrid(t, e) {
     return `
             <div id="week-scroll-container" class="fc-time-grid-container" style="flex: 1; overflow-y: auto; overflow-x: hidden; position: relative;">
                 <div class="fc-time-grid" style="display: grid; grid-template-columns: 60px repeat(7, 1fr); position: relative; height: ${this.totalHeight}px;">
-                    ${this._renderTimeGutter(t)}
-                    ${e.map((r) => this._renderDayColumn(r, t)).join("")}
+                    ${this._renderTimeGutter(e)}
+                    ${t.map((r) => this._renderDayColumn(r, e)).join("")}
                 </div>
             </div>
         `;
   }
-  _renderTimeGutter(e) {
+  _renderTimeGutter(t) {
     return `
             <div class="fc-time-gutter" style="border-right: 1px solid #e5e7eb; background: #fafafa;">
-                ${e.map(
-      (t) => `
+                ${t.map(
+      (e) => `
                     <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)}
+                        ${e === 0 ? "" : this.formatHour(e)}
                     </div>
                 `
     ).join("")}
             </div>
         `;
   }
-  _renderDayColumn(e, t) {
+  _renderDayColumn(t, e) {
     return `
-            <div class="fc-week-day-column" data-date="${e.date.toISOString()}" style="border-right: 1px solid #e5e7eb; position: relative; cursor: pointer;">
+            <div class="fc-week-day-column" data-date="${t.date.toISOString()}" style="border-right: 1px solid #e5e7eb; position: relative; cursor: pointer;">
                 <!-- Hour grid lines -->
-                ${t.map(() => `<div style="height: ${this.hourHeight}px; border-bottom: 1px solid #f3f4f6;"></div>`).join("")}
+                ${e.map(() => `<div style="height: ${this.hourHeight}px; border-bottom: 1px solid #f3f4f6;"></div>`).join("")}
 
                 <!-- Now indicator for today -->
-                ${e.isToday ? this.renderNowIndicator() : ""}
+                ${t.isToday ? this.renderNowIndicator() : ""}
 
                 <!-- Timed events -->
                 ${(() => {
-      const r = this.computeOverlapLayout(e.timedEvents);
-      return e.timedEvents.map((s) => this.renderTimedEvent(s, { compact: !0, overlapLayout: r })).join("");
+      const r = this.computeOverlapLayout(t.timedEvents);
+      return t.timedEvents.map((s) => this.renderTimedEvent(s, { compact: !0, overlapLayout: r })).join("");
     })()}
             </div>
         `;
   }
   _attachEventHandlers() {
-    this.addListener(this.container, "click", (e) => {
-      const t = e.target.closest(".fc-week-day-column");
-      if (!t || !this.container.contains(t) || e.target.closest(".fc-event")) return;
-      const r = new Date(t.dataset.date), s = this.container.querySelector("#week-scroll-container"), i = t.offsetTop, n = e.clientY - t.getBoundingClientRect().top + (s ? s.scrollTop : 0) - i, o = Math.max(0, Math.min(n + i, this.totalHeight));
+    this.addListener(this.container, "click", (t) => {
+      const e = t.target.closest(".fc-week-day-column");
+      if (!e || !this.container.contains(e) || t.target.closest(".fc-event")) return;
+      const r = new Date(e.dataset.date), s = this.container.querySelector("#week-scroll-container"), i = e.offsetTop, n = t.clientY - e.getBoundingClientRect().top + (s ? s.scrollTop : 0) - i, o = Math.max(0, Math.min(n + i, this.totalHeight));
       r.setHours(
         Math.floor(o / this.hourHeight),
         Math.floor(o % this.hourHeight / (this.hourHeight / 60)),
@@ -1642,28 +1642,28 @@ class I extends k {
   }
   _scrollToCurrentTime() {
     if (this._scrolled) return;
-    const e = this.container.querySelector("#week-scroll-container");
-    e && (e.scrollTop = 8 * this.hourHeight - 50, this._scrolled = !0);
+    const t = this.container.querySelector("#week-scroll-container");
+    t && (t.scrollTop = 8 * this.hourHeight - 50, this._scrolled = !0);
   }
 }
 class z extends k {
-  constructor(e, t) {
-    super(e, t), this.hourHeight = 60, this.totalHeight = 24 * this.hourHeight;
+  constructor(t, e) {
+    super(t, e), this.hourHeight = 60, this.totalHeight = 24 * this.hourHeight;
   }
   render() {
     if (!this.container || !this.stateManager) return;
-    const e = this.stateManager.getViewData();
-    if (!e) {
+    const t = this.stateManager.getViewData();
+    if (!t) {
       this.container.innerHTML = '<div style="padding: 20px; text-align: center; color: #666;">No data available for day view.</div>';
       return;
     }
     this.cleanup(), this._scrolled = !1;
-    const t = this.stateManager.getState().config, r = this._renderDayView(e, t);
+    const e = this.stateManager.getState().config, r = this._renderDayView(t, e);
     this.container.innerHTML = r, this._attachEventHandlers(), this._scrollToCurrentTime();
   }
-  _renderDayView(e, t) {
-    var l, f;
-    const r = ((f = (l = this.stateManager) == null ? void 0 : l.getState()) == null ? void 0 : f.currentDate) || /* @__PURE__ */ new Date(), s = this._extractDayData(e, r);
+  _renderDayView(t, e) {
+    var l, u;
+    const r = ((u = (l = this.stateManager) == null ? void 0 : l.getState()) == null ? void 0 : u.currentDate) || /* @__PURE__ */ new Date(), s = this._extractDayData(t, r);
     if (!s)
       return '<div style="padding: 20px; text-align: center; color: #666;">No data available for day view.</div>';
     const { dayDate: i, dayName: n, isToday: o, allDayEvents: a, timedEvents: c } = s, d = Array.from({ length: 24 }, (m, b) => b);
@@ -1675,21 +1675,21 @@ class z extends k {
             </div>
         `;
   }
-  _extractDayData(e, t) {
+  _extractDayData(t, e) {
     let r, s, i, n, o;
     const a = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
-    if (e.type === "day" && e.date)
-      if (r = new Date(e.date), s = e.dayName || a[r.getDay()], i = e.isToday !== void 0 ? e.isToday : this.isToday(r), n = e.allDayEvents || [], e.hours && Array.isArray(e.hours)) {
+    if (t.type === "day" && t.date)
+      if (r = new Date(t.date), s = t.dayName || a[r.getDay()], i = t.isToday !== void 0 ? t.isToday : this.isToday(r), n = t.allDayEvents || [], t.hours && Array.isArray(t.hours)) {
         const c = /* @__PURE__ */ new Map();
-        e.hours.forEach((d) => {
+        t.hours.forEach((d) => {
           (d.events || []).forEach((l) => {
             c.has(l.id) || c.set(l.id, l);
           });
         }), o = Array.from(c.values());
       } else
         o = [];
-    else if (e.days && e.days.length > 0) {
-      const c = e.days.find((l) => this.isSameDay(new Date(l.date), t)) || e.days[0];
+    else if (t.days && t.days.length > 0) {
+      const c = t.days.find((l) => this.isSameDay(new Date(l.date), e)) || t.days[0];
       r = new Date(c.date), s = a[r.getDay()], i = this.isToday(r);
       const d = c.events || [];
       n = d.filter((l) => l.allDay), o = d.filter((l) => !l.allDay);
@@ -1697,29 +1697,29 @@ class z extends k {
       return null;
     return { dayDate: r, dayName: s, isToday: i, allDayEvents: n, timedEvents: o };
   }
-  _renderHeader(e, t, r) {
+  _renderHeader(t, e, r) {
     return `
             <div class="fc-day-header" style="display: grid; grid-template-columns: 60px 1fr; border-bottom: 1px solid #e5e7eb; background: #f9fafb; flex-shrink: 0;">
                 <div style="border-right: 1px solid #e5e7eb;"></div>
                 <div style="padding: 16px 24px;">
                     <div style="font-size: 12px; font-weight: 700; color: #6b7280; text-transform: uppercase; letter-spacing: 0.1em;">
-                        ${t}
+                        ${e}
                     </div>
                     <div style="font-size: 24px; font-weight: 600; margin-top: 4px; ${r ? "color: #dc2626;" : "color: #111827;"}">
-                        ${e.getDate()}
+                        ${t.getDate()}
                     </div>
                 </div>
             </div>
         `;
   }
-  _renderAllDayRow(e, t) {
+  _renderAllDayRow(t, e) {
     return `
             <div class="fc-all-day-row" style="display: grid; grid-template-columns: 60px 1fr; border-bottom: 1px solid #e5e7eb; background: #fafafa; min-height: 36px; flex-shrink: 0;">
                 <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>
-                <div class="fc-all-day-cell" data-date="${t.toISOString()}" style="padding: 6px 12px; display: flex; flex-wrap: wrap; gap: 4px;">
-                    ${e.map(
+                <div class="fc-all-day-cell" data-date="${e.toISOString()}" style="padding: 6px 12px; display: flex; flex-wrap: wrap; gap: 4px;">
+                    ${t.map(
       (r) => `
                         <div class="fc-event fc-all-day-event" data-event-id="${this.escapeHTML(r.id)}"
                              style="background-color: ${this.getEventColor(r)}; font-size: 12px; padding: 4px 8px; border-radius: 4px; color: white; cursor: pointer; font-weight: 500;">
@@ -1731,51 +1731,51 @@ class z extends k {
             </div>
         `;
   }
-  _renderTimeGrid(e, t, r, s) {
+  _renderTimeGrid(t, e, r, s) {
     return `
             <div id="day-scroll-container" class="fc-time-grid-container" style="flex: 1; overflow-y: auto; overflow-x: hidden; position: relative;">
                 <div class="fc-time-grid" style="display: grid; grid-template-columns: 60px 1fr; position: relative; height: ${this.totalHeight}px;">
                     ${this._renderTimeGutter(s)}
-                    ${this._renderDayColumn(e, t, r, s)}
+                    ${this._renderDayColumn(t, e, r, s)}
                 </div>
             </div>
         `;
   }
-  _renderTimeGutter(e) {
+  _renderTimeGutter(t) {
     return `
             <div class="fc-time-gutter" style="border-right: 1px solid #e5e7eb; background: #fafafa;">
-                ${e.map(
-      (t) => `
+                ${t.map(
+      (e) => `
                     <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)}
+                        ${e === 0 ? "" : this.formatHour(e)}
                     </div>
                 `
     ).join("")}
             </div>
         `;
   }
-  _renderDayColumn(e, t, r, s) {
+  _renderDayColumn(t, e, r, s) {
     return `
             <div class="fc-day-column" data-date="${r.toISOString()}" style="position: relative; cursor: pointer;">
                 <!-- Hour grid lines -->
                 ${s.map(() => `<div style="height: ${this.hourHeight}px; border-bottom: 1px solid #f3f4f6;"></div>`).join("")}
 
                 <!-- Now indicator for today -->
-                ${t ? this.renderNowIndicator() : ""}
+                ${e ? this.renderNowIndicator() : ""}
 
                 <!-- Timed events -->
                 ${(() => {
-      const i = this.computeOverlapLayout(e);
-      return e.map((n) => this.renderTimedEvent(n, { compact: !1, overlapLayout: i })).join("");
+      const i = this.computeOverlapLayout(t);
+      return t.map((n) => this.renderTimedEvent(n, { compact: !1, overlapLayout: i })).join("");
     })()}
             </div>
         `;
   }
   _attachEventHandlers() {
-    this.addListener(this.container, "click", (e) => {
-      const t = e.target.closest(".fc-day-column");
-      if (!t || !this.container.contains(t) || e.target.closest(".fc-event")) return;
-      const r = new Date(t.dataset.date), s = this.container.querySelector("#day-scroll-container"), i = t.offsetTop, n = e.clientY - t.getBoundingClientRect().top + (s ? s.scrollTop : 0) - i, o = Math.max(0, Math.min(n + i, this.totalHeight));
+    this.addListener(this.container, "click", (t) => {
+      const e = t.target.closest(".fc-day-column");
+      if (!e || !this.container.contains(e) || t.target.closest(".fc-event")) return;
+      const r = new Date(e.dataset.date), s = this.container.querySelector("#day-scroll-container"), i = e.offsetTop, n = t.clientY - e.getBoundingClientRect().top + (s ? s.scrollTop : 0) - i, o = Math.max(0, Math.min(n + i, this.totalHeight));
       r.setHours(
         Math.floor(o / this.hourHeight),
         Math.floor(o % this.hourHeight / (this.hourHeight / 60)),
@@ -1786,8 +1786,8 @@ class z extends k {
   }
   _scrollToCurrentTime() {
     if (this._scrolled) return;
-    const e = this.container.querySelector("#day-scroll-container");
-    e && (e.scrollTop = 8 * this.hourHeight - 50, this._scrolled = !0);
+    const t = this.container.querySelector("#day-scroll-container");
+    t && (t.scrollTop = 8 * this.hourHeight - 50, this._scrolled = !0);
   }
 }
 class B extends M {
@@ -1815,13 +1815,13 @@ class B extends M {
   static get observedAttributes() {
     return ["open"];
   }
-  attributeChangedCallback(e, t, r) {
-    e === "open" && (r !== null ? this.open() : this.close());
+  attributeChangedCallback(t, e, r) {
+    t === "open" && (r !== null ? this.open() : this.close());
   }
   getStyles() {
     return `
-            ${u.getBaseStyles()}
-            ${u.getButtonStyles()}
+            ${f.getBaseStyles()}
+            ${f.getButtonStyles()}
 
             :host {
                 display: none;
@@ -2026,14 +2026,14 @@ class B extends M {
                         <label id="color-label">Color</label>
                         <div class="color-options" id="color-picker" role="radiogroup" aria-labelledby="color-label">
                             ${this.config.colors.map(
-      (e) => `
+      (t) => `
                                 <button type="button" 
-                                        class="color-btn ${e.color === this._formData.color ? "selected" : ""}" 
-                                        style="background-color: ${e.color}" 
-                                        data-color="${e.color}"
-                                        title="${e.label}"
-                                        aria-label="${e.label}"
-                                        aria-checked="${e.color === this._formData.color ? "true" : "false"}"
+                                        class="color-btn ${t.color === this._formData.color ? "selected" : ""}" 
+                                        style="background-color: ${t.color}" 
+                                        data-color="${t.color}"
+                                        title="${t.label}"
+                                        aria-label="${t.label}"
+                                        aria-checked="${t.color === this._formData.color ? "true" : "false"}"
                                         role="radio"></button>
                             `
     ).join("")}
@@ -2049,46 +2049,46 @@ class B extends M {
         `;
   }
   afterRender() {
-    this.modalContent = this.$(".modal-content"), this.titleInput = this.$("#event-title"), this.startInput = this.$("#event-start"), this.endInput = this.$("#event-end"), this.colorContainer = this.$("#color-picker"), this.titleGroup = this.$("#title-group"), this.endGroup = this.$("#end-group"), this.addListener(this.$("#close-x"), "click", () => this.close()), this.addListener(this.$("#cancel-btn"), "click", () => this.close()), this.addListener(this.$("#save-btn"), "click", () => this.save()), this.colorContainer.querySelectorAll(".color-btn").forEach((e) => {
-      this.addListener(e, "click", (t) => {
-        this._formData.color = t.currentTarget.dataset.color, this.updateColorSelection();
+    this.modalContent = this.$(".modal-content"), this.titleInput = this.$("#event-title"), this.startInput = this.$("#event-start"), this.endInput = this.$("#event-end"), this.colorContainer = this.$("#color-picker"), this.titleGroup = this.$("#title-group"), this.endGroup = this.$("#end-group"), this.addListener(this.$("#close-x"), "click", () => this.close()), this.addListener(this.$("#cancel-btn"), "click", () => this.close()), this.addListener(this.$("#save-btn"), "click", () => this.save()), this.colorContainer.querySelectorAll(".color-btn").forEach((t) => {
+      this.addListener(t, "click", (e) => {
+        this._formData.color = e.currentTarget.dataset.color, this.updateColorSelection();
       });
-    }), this.addListener(this, "click", (e) => {
-      e.target === this && this.close();
-    }), this._keydownListenerAdded || (this._handleKeyDown = (e) => {
-      e.key === "Escape" && this.hasAttribute("open") && this.close();
+    }), this.addListener(this, "click", (t) => {
+      t.target === this && this.close();
+    }), this._keydownListenerAdded || (this._handleKeyDown = (t) => {
+      t.key === "Escape" && this.hasAttribute("open") && this.close();
     }, window.addEventListener("keydown", this._handleKeyDown), this._keydownListenerAdded = !0);
   }
   updateColorSelection() {
-    this.colorContainer.querySelectorAll(".color-btn").forEach((t) => {
-      const r = t.dataset.color === this._formData.color;
-      t.classList.toggle("selected", r), t.setAttribute("aria-checked", r ? "true" : "false");
+    this.colorContainer.querySelectorAll(".color-btn").forEach((e) => {
+      const r = e.dataset.color === this._formData.color;
+      e.classList.toggle("selected", r), e.setAttribute("aria-checked", r ? "true" : "false");
     });
   }
-  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 && this._cleanupFocusTrap(), this._cleanupFocusTrap = E.trapFocus(this.modalContent));
+  open(t = /* @__PURE__ */ new Date()) {
+    this.hasAttribute("open") || this.setAttribute("open", ""), this.titleGroup.classList.remove("has-error"), this.endGroup.classList.remove("has-error"), this._formData.start = t, this._formData.end = new Date(t.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 && this._cleanupFocusTrap(), this._cleanupFocusTrap = E.trapFocus(this.modalContent));
   }
   close() {
     this.removeAttribute("open"), this._cleanupFocusTrap && (this._cleanupFocusTrap(), this._cleanupFocusTrap = null);
   }
   validate() {
-    let e = !0;
-    this.titleGroup.classList.remove("has-error"), this.endGroup.classList.remove("has-error"), this.titleInput.value.trim() || (this.titleGroup.classList.add("has-error"), e = !1);
-    const t = new Date(this.startInput.value);
-    return new Date(this.endInput.value) <= t && (this.endGroup.classList.add("has-error"), e = !1), e;
+    let t = !0;
+    this.titleGroup.classList.remove("has-error"), this.endGroup.classList.remove("has-error"), this.titleInput.value.trim() || (this.titleGroup.classList.add("has-error"), t = !1);
+    const e = new Date(this.startInput.value);
+    return new Date(this.endInput.value) <= e && (this.endGroup.classList.add("has-error"), t = !1), t;
   }
   save() {
     if (!this.validate()) return;
-    const e = {
+    const t = {
       title: this.titleInput.value.trim(),
       start: new Date(this.startInput.value),
       end: new Date(this.endInput.value),
       backgroundColor: this._formData.color
     };
-    this.emit("save", e), this.close();
+    this.emit("save", t), this.close();
   }
-  formatDateForInput(e) {
-    const t = (a) => String(a).padStart(2, "0"), r = e.getFullYear(), s = t(e.getMonth() + 1), i = t(e.getDate()), n = t(e.getHours()), o = t(e.getMinutes());
+  formatDateForInput(t) {
+    const e = (a) => String(a).padStart(2, "0"), r = t.getFullYear(), s = e(t.getMonth() + 1), i = e(t.getDate()), n = e(t.getHours()), o = e(t.getMinutes());
     return `${r}-${s}-${i}T${n}:${o}`;
   }
   unmount() {
@@ -2104,107 +2104,107 @@ const v = class v extends M {
     super(), this.stateManager = null, this.currentView = null, this._hasRendered = !1, this._cachedStyles = null, this._busUnsubscribers = [];
   }
   initialize() {
-    const e = {
+    const t = {
       view: this.getAttribute("view") || "month",
       date: this.getAttribute("date") ? new Date(this.getAttribute("date")) : /* @__PURE__ */ new Date(),
       locale: this.getAttribute("locale") || "en-US",
       timeZone: this.getAttribute("timezone") || Intl.DateTimeFormat().resolvedOptions().timeZone,
       weekStartsOn: parseInt(this.getAttribute("week-starts-on") || "0")
     };
-    this.stateManager = new V(e), this.stateManager.subscribe(this.handleStateChange.bind(this)), this.setupEventListeners();
+    this.stateManager = new V(t), this._stateUnsubscribe = this.stateManager.subscribe(this.handleStateChange.bind(this)), this.setupEventListeners();
   }
   setupEventListeners() {
     this._busUnsubscribers.forEach((r) => r()), this._busUnsubscribers = [];
-    const e = this.stateManager.eventBus;
+    const t = this.stateManager.eventBus;
     this._busUnsubscribers.push(
-      e.on("navigation:*", (r, s) => {
+      t.on("navigation:*", (r, s) => {
         this.emit("calendar-navigate", { action: s.split(":")[1], ...r });
       })
     ), this._busUnsubscribers.push(
-      e.on("view:changed", (r) => {
+      t.on("view:changed", (r) => {
         this.emit("calendar-view-change", r);
       })
     );
-    const t = (r, s) => {
+    const e = (r, s) => {
       this.emit(`calendar-event-${r}`, s);
     };
     this._busUnsubscribers.push(
-      e.on("event:add", (r) => {
-        t("add", r);
+      t.on("event:add", (r) => {
+        e("add", r);
       })
     ), this._busUnsubscribers.push(
-      e.on("event:update", (r) => {
-        t("update", r);
+      t.on("event:update", (r) => {
+        e("update", r);
       })
     ), this._busUnsubscribers.push(
-      e.on("event:remove", (r) => {
-        t("remove", r);
+      t.on("event:remove", (r) => {
+        e("remove", r);
       })
     ), this._busUnsubscribers.push(
-      e.on("event:added", (r) => {
+      t.on("event:added", (r) => {
         this.emit("calendar-event-added", r);
       })
     ), this._busUnsubscribers.push(
-      e.on("event:updated", (r) => {
+      t.on("event:updated", (r) => {
         this.emit("calendar-event-updated", r);
       })
     ), this._busUnsubscribers.push(
-      e.on("event:deleted", (r) => {
+      t.on("event:deleted", (r) => {
         this.emit("calendar-event-deleted", r);
       })
     ), this._busUnsubscribers.push(
-      e.on("date:selected", (r) => {
+      t.on("date:selected", (r) => {
         this.emit("calendar-date-select", r);
       })
     );
   }
-  handleStateChange(e, t) {
+  handleStateChange(t, e) {
     var a, c;
     if (!this._hasRendered)
       return;
-    const r = e.view !== (t == null ? void 0 : t.view), s = ((a = e.currentDate) == null ? void 0 : a.getTime()) !== ((c = t == null ? void 0 : t.currentDate) == null ? void 0 : c.getTime()), i = e.events !== (t == null ? void 0 : t.events), n = e.loading !== (t == null ? void 0 : t.loading);
-    if (e.error !== (t == null ? void 0 : t.error)) {
+    const r = t.view !== (e == null ? void 0 : e.view), s = ((a = t.currentDate) == null ? void 0 : a.getTime()) !== ((c = e == null ? void 0 : e.currentDate) == null ? void 0 : c.getTime()), i = t.events !== (e == null ? void 0 : e.events), n = t.loading !== (e == null ? void 0 : e.loading);
+    if (t.error !== (e == null ? void 0 : e.error)) {
       this.render();
       return;
     }
     if (n) {
-      this._updateLoadingState(e.loading);
+      this._updateLoadingState(t.loading);
       return;
     }
-    r && (this.currentView = e.view), r ? (this._updateTitle(), this._updateViewButtons(), this._switchView()) : s ? (this._updateTitle(), this._updateViewContent()) : i && this._updateViewContent();
+    r && (this.currentView = t.view), r ? (this._updateTitle(), this._updateViewButtons(), this._switchView()) : s ? (this._updateTitle(), this._updateViewContent()) : i && this._updateViewContent();
   }
   /**
    * Update only the title text (no DOM recreation)
    */
   _updateTitle() {
-    const e = this.$(".fc-title");
-    if (e) {
-      const t = this.stateManager.getState();
-      e.textContent = this.getTitle(t.currentDate, t.view);
+    const t = this.$(".fc-title");
+    if (t) {
+      const e = this.stateManager.getState();
+      t.textContent = this.getTitle(e.currentDate, e.view);
     }
   }
   /**
    * Update view button active states (no DOM recreation)
    */
   _updateViewButtons() {
-    const e = this.stateManager.getState();
-    this.$$("[data-view]").forEach((t) => {
-      const r = t.dataset.view === e.view;
-      t.classList.toggle("active", r);
+    const t = this.stateManager.getState();
+    this.$$("[data-view]").forEach((e) => {
+      const r = e.dataset.view === t.view;
+      e.classList.toggle("active", r);
     });
   }
   /**
    * Switch to a different view type
    */
   _switchView() {
-    const e = this.$("#calendar-view-container");
-    if (e) {
+    const t = this.$("#calendar-view-container");
+    if (t) {
       this._currentViewInstance && this._currentViewInstance.cleanup && this._currentViewInstance.cleanup();
       try {
-        const t = v.RENDERERS[this.currentView] || w, r = new t(e, this.stateManager);
+        const e = v.RENDERERS[this.currentView] || w, r = new e(t, this.stateManager);
         r._viewType = this.currentView, this._currentViewInstance = r, r.render();
-      } catch (t) {
-        console.error("[ForceCalendar] Error switching view:", t);
+      } catch (e) {
+        console.error("[ForceCalendar] Error switching view:", e);
       }
     }
   }
@@ -2217,26 +2217,26 @@ const v = class v extends M {
   /**
    * Toggle loading overlay without rebuilding the component tree.
    */
-  _updateLoadingState(e) {
-    const t = this.$(".fc-loading"), r = this.$(".fc-view-container");
-    t && (t.style.display = e ? "flex" : "none"), r && (r.style.display = e ? "none" : "flex");
+  _updateLoadingState(t) {
+    const e = this.$(".fc-loading"), r = this.$(".fc-view-container");
+    e && (e.style.display = t ? "flex" : "none"), r && (r.style.display = t ? "none" : "flex");
   }
   mount() {
     this.currentView = this.stateManager.getView(), super.mount();
   }
-  loadView(e) {
-    !e || this.currentView === e || (this.currentView = e, this._switchView(), this._updateViewButtons(), this._updateTitle());
+  loadView(t) {
+    !t || this.currentView === t || (this.currentView = t, this._switchView(), this._updateViewButtons(), this._updateTitle());
   }
   getStyles() {
-    const e = this.getAttribute("height") || "800px";
+    const t = this.getAttribute("height") || "800px";
     return `
-            ${u.getBaseStyles()}
-            ${u.getButtonStyles()}
-            ${u.getGridStyles()}
-            ${u.getAnimations()}
+            ${f.getBaseStyles()}
+            ${f.getButtonStyles()}
+            ${f.getGridStyles()}
+            ${f.getAnimations()}
 
             :host {
-                --calendar-height: ${e};
+                --calendar-height: ${t};
                 display: block;
                 font-family: var(--fc-font-family);
             }
@@ -2617,7 +2617,7 @@ const v = class v extends M {
         `;
   }
   template() {
-    const e = this.stateManager.getState(), { currentDate: t, view: r, loading: s, error: i } = e;
+    const t = this.stateManager.getState(), { currentDate: e, view: r, loading: s, error: i } = t;
     if (i)
       return `
                 <div class="force-calendar">
@@ -2626,7 +2626,7 @@ const v = class v extends M {
                     </div>
                 </div>
             `;
-    const n = this.getTitle(t, r);
+    const n = this.getTitle(e, r);
     return `
             <div class="force-calendar">
                 <header class="fc-header">
@@ -2679,13 +2679,13 @@ const v = class v extends M {
     return '<div id="calendar-view-container"></div>';
   }
   afterRender() {
-    const e = this.$("#calendar-view-container");
-    if (e && this.stateManager && this.currentView) {
-      if (this._currentViewInstance && this._currentViewInstance._viewType === this.currentView && e.children.length > 0)
+    const t = this.$("#calendar-view-container");
+    if (t && this.stateManager && this.currentView) {
+      if (this._currentViewInstance && this._currentViewInstance._viewType === this.currentView && t.children.length > 0)
         return;
       this._currentViewInstance && (this._currentViewInstance.cleanup && this._currentViewInstance.cleanup(), this._viewUnsubscribe && (this._viewUnsubscribe(), this._viewUnsubscribe = null));
       try {
-        const s = v.RENDERERS[this.currentView] || w, i = new s(e, this.stateManager);
+        const s = v.RENDERERS[this.currentView] || w, i = new s(t, this.stateManager);
         i._viewType = this.currentView, this._currentViewInstance = i, i.render();
       } catch (s) {
         console.error("[ForceCalendar] Error creating/rendering view:", s);
@@ -2696,12 +2696,12 @@ const v = class v extends M {
     }), this.$$("[data-view]").forEach((s) => {
       this.addListener(s, "click", this.handleViewChange);
     });
-    const t = this.$("#event-modal"), r = this.$("#create-event-btn");
-    r && t && this.addListener(r, "click", () => {
-      t.open(/* @__PURE__ */ new Date());
+    const e = this.$("#event-modal"), r = this.$("#create-event-btn");
+    r && e && this.addListener(r, "click", () => {
+      e.open(/* @__PURE__ */ new Date());
     }), this.addListener(this.shadowRoot, "day-click", (s) => {
-      t && t.open(s.detail.date);
-    }), t && this.addListener(t, "save", (s) => {
+      e && e.open(s.detail.date);
+    }), e && this.addListener(e, "save", (s) => {
       const i = s.detail, n = window.crypto && typeof window.crypto.randomUUID == "function" ? window.crypto.randomUUID() : Math.random().toString(36).substring(2, 15);
       this.stateManager.addEvent({
         id: n,
@@ -2709,8 +2709,8 @@ const v = class v extends M {
       });
     }), this._hasRendered = !0;
   }
-  handleNavigation(e) {
-    switch (e.currentTarget.dataset.action) {
+  handleNavigation(t) {
+    switch (t.currentTarget.dataset.action) {
       case "today":
         this.stateManager.today();
         break;
@@ -2722,26 +2722,26 @@ const v = class v extends M {
         break;
     }
   }
-  handleViewChange(e) {
-    const t = e.currentTarget.dataset.view;
-    this.stateManager.setView(t);
+  handleViewChange(t) {
+    const e = t.currentTarget.dataset.view;
+    this.stateManager.setView(e);
   }
-  getTitle(e, t) {
+  getTitle(t, e) {
     const r = this.stateManager.state.config.locale;
-    switch (t) {
+    switch (e) {
       case "month":
-        return p.formatDate(e, "month", r);
+        return p.formatDate(t, "month", r);
       case "week": {
-        const s = p.startOfWeek(e), i = p.endOfWeek(e);
+        const s = p.startOfWeek(t), i = p.endOfWeek(t);
         return p.formatDateRange(s, i, r);
       }
       case "day":
-        return p.formatDate(e, "long", r);
+        return p.formatDate(t, "long", r);
       default:
-        return p.formatDate(e, "month", r);
+        return p.formatDate(t, "month", r);
     }
   }
-  getIcon(e) {
+  getIcon(t) {
     return {
       "chevron-left": `
                 <svg class="fc-icon" viewBox="0 0 24 24">
@@ -2758,26 +2758,26 @@ const v = class v extends M {
                     <path d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z"/>
                 </svg>
             `
-    }[e] || "";
+    }[t] || "";
   }
   // Public API methods
-  addEvent(e) {
-    return this.stateManager.addEvent(e);
+  addEvent(t) {
+    return this.stateManager.addEvent(t);
   }
-  updateEvent(e, t) {
-    return this.stateManager.updateEvent(e, t);
+  updateEvent(t, e) {
+    return this.stateManager.updateEvent(t, e);
   }
-  deleteEvent(e) {
-    return this.stateManager.deleteEvent(e);
+  deleteEvent(t) {
+    return this.stateManager.deleteEvent(t);
   }
   getEvents() {
     return this.stateManager.getEvents();
   }
-  setView(e) {
-    this.stateManager.setView(e);
+  setView(t) {
+    this.stateManager.setView(t);
   }
-  setDate(e) {
-    this.stateManager.setDate(e);
+  setDate(t) {
+    this.stateManager.setDate(t);
   }
   next() {
     this.stateManager.next();
@@ -2788,8 +2788,11 @@ const v = class v extends M {
   today() {
     this.stateManager.today();
   }
+  unmount() {
+    this.destroy();
+  }
   destroy() {
-    this._busUnsubscribers.forEach((e) => e()), this._busUnsubscribers = [], this.stateManager && this.stateManager.destroy(), super.cleanup();
+    this._busUnsubscribers.forEach((t) => t()), this._busUnsubscribers = [], this._stateUnsubscribe && (this._stateUnsubscribe(), this._stateUnsubscribe = null), this._currentViewInstance && this._currentViewInstance.cleanup && (this._currentViewInstance.cleanup(), this._currentViewInstance = null), this.stateManager && this.stateManager.destroy(), super.cleanup();
   }
 };
 g(v, "RENDERERS", {
@@ -2809,7 +2812,7 @@ export {
   D as ForceCalendar,
   w as MonthViewRenderer,
   V as StateManager,
-  u as StyleUtils,
+  f as StyleUtils,
   I as WeekViewRenderer,
   j as eventBus
 };