@forcecalendar/interface 1.0.41 → 1.0.42

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

@@ -1,8 +1,8 @@
 var S = Object.defineProperty;
-var F = (f, e, t) => e in f ? S(f, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : f[e] = t;
-var v = (f, e, t) => F(f, typeof e != "symbol" ? e + "" : e, t);
+var F = (h, e, t) => e in h ? S(h, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[e] = t;
+var v = (h, e, t) => F(h, typeof e != "symbol" ? e + "" : e, t);
 import { Calendar as H, DateUtils as L } from "@forcecalendar/core";
-class T extends HTMLElement {
+class M extends HTMLElement {
   constructor() {
     super(), this.attachShadow({ mode: "open" }), this._listeners = [], this._state = null, this._props = /* @__PURE__ */ new Map(), this._initialized = !1;
   }
@@ -52,8 +52,8 @@ class T extends HTMLElement {
       console.warn("addListener called with invalid parameters", { element: e, event: t, handler: r });
       return;
     }
-    const i = r.bind(this);
-    e.addEventListener(t, i), this._listeners.push({ element: e, event: t, handler: i });
+    const s = r.bind(this);
+    e.addEventListener(t, s), this._listeners.push({ element: e, event: t, handler: s });
   }
   emit(e, t = {}) {
     this.dispatchEvent(
@@ -111,7 +111,7 @@ class T extends HTMLElement {
     this.setProp(e, r), this._initialized && this.render();
   }
 }
-class V {
+class T {
   constructor() {
     this.events = /* @__PURE__ */ new Map(), this.wildcardHandlers = /* @__PURE__ */ new Set();
   }
@@ -123,13 +123,13 @@ class V {
    * @returns {Function} Unsubscribe function
    */
   on(e, t, r = {}) {
-    const { once: i = !1, priority: s = 0 } = r;
+    const { once: s = !1, priority: i = 0 } = r;
     if (e.includes("*")) {
-      const a = { pattern: e, handler: t, once: i, priority: s };
+      const a = { pattern: e, handler: t, 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: i, priority: s }, o = this.events.get(e);
+    const n = { handler: t, once: s, priority: i }, o = this.events.get(e);
     return o.push(n), o.sort((a, c) => c.priority - a.priority), () => {
       const a = o.indexOf(n);
       a > -1 && o.splice(a, 1);
@@ -146,16 +146,16 @@ class V {
    */
   off(e, t) {
     if (e.includes("*")) {
-      for (const s of this.wildcardHandlers)
-        if (s.pattern === e && s.handler === t) {
-          this.wildcardHandlers.delete(s);
+      for (const i of this.wildcardHandlers)
+        if (i.pattern === e && i.handler === t) {
+          this.wildcardHandlers.delete(i);
           return;
         }
       return;
     }
     if (!this.events.has(e)) return;
-    const r = this.events.get(e), i = r.findIndex((s) => s.handler === t);
-    i > -1 && r.splice(i, 1), r.length === 0 && this.events.delete(e);
+    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);
   }
   /**
    * Remove all wildcard handlers matching a pattern
@@ -172,8 +172,8 @@ class V {
    */
   offAll(e) {
     for (const [t, r] of this.events) {
-      const i = r.findIndex((s) => s.handler === e);
-      i > -1 && r.splice(i, 1), r.length === 0 && this.events.delete(t);
+      const s = r.findIndex((i) => i.handler === e);
+      s > -1 && r.splice(s, 1), r.length === 0 && this.events.delete(t);
     }
     for (const t of [...this.wildcardHandlers])
       t.handler === e && this.wildcardHandlers.delete(t);
@@ -187,8 +187,8 @@ class V {
   async emit(e, t) {
     const r = [];
     if (this.events.has(e)) {
-      const s = [...this.events.get(e)];
-      for (const n of s) {
+      const i = [...this.events.get(e)];
+      for (const n of i) {
         const { handler: o, once: a } = n;
         a && this.off(e, o);
         try {
@@ -199,11 +199,11 @@ class V {
         }
       }
     }
-    const i = [];
-    for (const s of [...this.wildcardHandlers])
-      if (this.matchesPattern(e, s.pattern)) {
-        const { handler: n, once: o } = s;
-        o && i.push(s);
+    const s = [];
+    for (const i of [...this.wildcardHandlers])
+      if (this.matchesPattern(e, i.pattern)) {
+        const { handler: n, once: o } = i;
+        o && s.push(i);
         try {
           const a = n(t, e);
           a instanceof Promise && r.push(a);
@@ -211,7 +211,7 @@ class V {
           console.error(`Error in wildcard handler for ${e}:`, a);
         }
       }
-    return i.forEach((s) => this.wildcardHandlers.delete(s)), Promise.all(r);
+    return s.forEach((i) => this.wildcardHandlers.delete(i)), Promise.all(r);
   }
   /**
    * Check if event name matches a pattern
@@ -253,10 +253,10 @@ class V {
     return e;
   }
 }
-const l = new V();
-class I {
+const R = new T();
+class V {
   constructor(e = {}) {
-    this.calendar = new H({
+    this.eventBus = new T(), this.calendar = new H({
       view: e.view || "month",
       date: e.date || /* @__PURE__ */ new Date(),
       weekStartsOn: e.weekStartsOn ?? 0,
@@ -295,8 +295,8 @@ class I {
    */
   _eventsMatch(e, t) {
     if (e.length !== t.length) return !1;
-    const r = new Set(e.map((i) => i.id));
-    return t.every((i) => r.has(i.id));
+    const r = new Set(e.map((s) => s.id));
+    return t.every((s) => r.has(s.id));
   }
   // State management
   getState() {
@@ -307,8 +307,8 @@ class I {
     };
   }
   setState(e, t = {}) {
-    const { silent: r = !1 } = t, i = { ...this.state };
-    return this.state = { ...this.state, ...e }, r || (this.notifySubscribers(i, this.state), this.emitStateChange(i, this.state)), this.state;
+    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;
   }
   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);
@@ -335,56 +335,56 @@ class I {
     this.subscribers.forEach((r) => {
       try {
         r(t, e);
-      } catch (i) {
-        console.error("Error in state subscriber:", i);
+      } catch (s) {
+        console.error("Error in state subscriber:", s);
       }
     });
   }
   emitStateChange(e, t) {
-    const r = Object.keys(t).filter((i) => e[i] !== t[i]);
-    r.forEach((i) => {
-      l.emit(`state:${i}:changed`, {
-        oldValue: e[i],
-        newValue: t[i],
+    const r = Object.keys(t).filter((s) => e[s] !== t[s]);
+    r.forEach((s) => {
+      this.eventBus.emit(`state:${s}:changed`, {
+        oldValue: e[s],
+        newValue: t[s],
         state: t
       });
-    }), r.length > 0 && l.emit("state:changed", { oldState: e, newState: t, changedKeys: r });
+    }), r.length > 0 && this.eventBus.emit("state:changed", { oldState: e, newState: t, changedKeys: r });
   }
   // Calendar operations
   setView(e) {
-    this.calendar.setView(e), this.setState({ view: e }), l.emit("view:changed", { view: e });
+    this.calendar.setView(e), this.setState({ view: e }), this.eventBus.emit("view:changed", { view: e });
   }
   getView() {
     return this.state.view;
   }
   setDate(e) {
-    this.calendar.goToDate(e), this.setState({ currentDate: this.calendar.getCurrentDate() }), l.emit("date:changed", { date: this.state.currentDate });
+    this.calendar.goToDate(e), this.setState({ currentDate: this.calendar.getCurrentDate() }), this.eventBus.emit("date:changed", { date: this.state.currentDate });
   }
   getCurrentDate() {
     return this.state.currentDate;
   }
   // Navigation
   next() {
-    this.calendar.next(), this.setState({ currentDate: this.calendar.getCurrentDate() }), l.emit("navigation:next", { date: this.state.currentDate });
+    this.calendar.next(), this.setState({ currentDate: this.calendar.getCurrentDate() }), this.eventBus.emit("navigation:next", { date: this.state.currentDate });
   }
   previous() {
-    this.calendar.previous(), this.setState({ currentDate: this.calendar.getCurrentDate() }), l.emit("navigation:previous", { date: this.state.currentDate });
+    this.calendar.previous(), this.setState({ currentDate: this.calendar.getCurrentDate() }), this.eventBus.emit("navigation:previous", { date: this.state.currentDate });
   }
   today() {
-    this.calendar.today(), this.setState({ currentDate: this.calendar.getCurrentDate() }), l.emit("navigation:today", { date: this.state.currentDate });
+    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() }), l.emit("navigation:goto", { date: this.state.currentDate });
+    this.calendar.goToDate(e), 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(), l.emit("event:add", { event: t }), l.emit("event:added", { event: t }), t) : (console.error("Failed to add event to calendar"), l.emit("event:error", { action: "add", event: e, error: "Failed to add event" }), null);
+    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);
   }
   updateEvent(e, t) {
     this._syncEventsFromCore({ silent: !0 });
     const r = this.calendar.updateEvent(e, t);
-    return r ? (this._syncEventsFromCore({ force: !0 }), l.emit("event:update", { event: r }), l.emit("event:updated", { event: r }), r) : (console.error(`Failed to update event: ${e}`), l.emit("event:error", {
+    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", {
       action: "update",
       eventId: e,
       updates: t,
@@ -392,7 +392,7 @@ class I {
     }), null);
   }
   deleteEvent(e) {
-    return this._syncEventsFromCore({ silent: !0 }), this.calendar.removeEvent(e) ? (this._syncEventsFromCore(), l.emit("event:remove", { eventId: e }), l.emit("event:deleted", { eventId: e }), !0) : (console.error(`Failed to delete event: ${e}`), l.emit("event:error", { action: "delete", eventId: e, error: "Event not found" }), !1);
+    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);
   }
   getEvents() {
     return this.calendar.getEvents() || [];
@@ -416,11 +416,11 @@ class I {
     return this.enrichViewData(e);
   }
   enrichViewData(e) {
-    var i;
-    const t = { ...e }, r = (i = this.state.selectedDate) == null ? void 0 : i.toDateString();
-    if (t.weeks && (t.weeks = t.weeks.map((s) => ({
-      ...s,
-      days: s.days.map((n) => {
+    var s;
+    const t = { ...e }, r = (s = this.state.selectedDate) == null ? void 0 : s.toDateString();
+    if (t.weeks && (t.weeks = t.weeks.map((i) => ({
+      ...i,
+      days: i.days.map((n) => {
         const o = new Date(n.date);
         return {
           ...n,
@@ -428,35 +428,35 @@ class I {
           events: n.events || this.getEventsForDate(o)
         };
       })
-    }))), t.days && (t.days = t.days.map((s) => {
-      const n = new Date(s.date);
+    }))), t.days && (t.days = t.days.map((i) => {
+      const n = new Date(i.date);
       return {
-        ...s,
+        ...i,
         isSelected: n.toDateString() === r,
-        events: s.events || this.getEventsForDate(n)
+        events: i.events || this.getEventsForDate(n)
       };
     })), t.date && !t.days && !t.weeks) {
-      const s = new Date(t.date);
-      t.isSelected = s.toDateString() === r, t.events = t.events || this.getEventsForDate(s);
+      const i = new Date(t.date);
+      t.isSelected = i.toDateString() === r, t.events = t.events || this.getEventsForDate(i);
     }
     return t;
   }
   // Selection management
   selectEvent(e) {
-    this.setState({ selectedEvent: e }), l.emit("event:selected", { event: e });
+    this.setState({ selectedEvent: e }), this.eventBus.emit("event:selected", { event: e });
   }
   selectEventById(e) {
     const t = this.state.events.find((r) => r.id === e);
     t && this.selectEvent(t);
   }
   deselectEvent() {
-    this.setState({ selectedEvent: null }), l.emit("event:deselected", {});
+    this.setState({ selectedEvent: null }), this.eventBus.emit("event:deselected", {});
   }
   selectDate(e) {
-    this.setState({ selectedDate: e }), l.emit("date:selected", { date: e });
+    this.setState({ selectedDate: e }), this.eventBus.emit("date:selected", { date: e });
   }
   deselectDate() {
-    this.setState({ selectedDate: null }), l.emit("date:deselected", {});
+    this.setState({ selectedDate: null }), this.eventBus.emit("date:deselected", {});
   }
   // Utility methods
   isToday(e) {
@@ -476,7 +476,7 @@ class I {
   }
   // Error handling
   setError(e) {
-    this.setState({ error: e }), e && l.emit("error", { error: e });
+    this.setState({ error: e }), e && this.eventBus.emit("error", { error: e });
   }
   clearError() {
     this.setState({ error: null });
@@ -490,13 +490,13 @@ class I {
     this.subscribers.clear(), this._subscriberIds && (this._subscriberIds.clear(), this._subscriberIds = null), this.state = null, this.calendar = null;
   }
 }
-class g extends L {
+class p extends L {
   /**
    * Format date for display
    */
   static formatDate(e, t = "default", r = "en-US") {
     if (!e) return "";
-    const i = {
+    const s = {
       default: { year: "numeric", month: "long", day: "numeric" },
       short: { year: "numeric", month: "short", day: "numeric" },
       long: { weekday: "long", year: "numeric", month: "long", day: "numeric" },
@@ -513,20 +513,20 @@ class g extends L {
         hour: "numeric",
         minute: "2-digit"
       }
-    }, s = i[t] || i.default;
-    return new Intl.DateTimeFormat(r, s).format(e);
+    }, i = s[t] || s.default;
+    return new Intl.DateTimeFormat(r, i).format(e);
   }
   /**
    * Format time for display
    */
-  static formatTime(e, t = !0, r = !1, i = "en-US") {
+  static formatTime(e, t = !0, r = !1, s = "en-US") {
     if (!e) return "";
-    const s = {
+    const i = {
       hour: "numeric",
       minute: t ? "2-digit" : void 0,
       hour12: !r
     };
-    return new Intl.DateTimeFormat(i, s).format(e);
+    return new Intl.DateTimeFormat(s, i).format(e);
   }
   /**
    * Format date range for display
@@ -535,25 +535,25 @@ class g extends L {
     if (!e) return "";
     if (!t || this.isSameDay(e, t))
       return this.formatDate(e, "default", r);
-    const i = this.isSameYear(e, t) ? "short" : "default";
-    return `${this.formatDate(e, i, r)} - ${this.formatDate(t, "default", r)}`;
+    const s = this.isSameYear(e, t) ? "short" : "default";
+    return `${this.formatDate(e, s, r)} - ${this.formatDate(t, "default", r)}`;
   }
   /**
    * Format time range for display
    */
   static formatTimeRange(e, t, r = "en-US") {
     if (!e) return "";
-    const i = this.formatTime(e, !0, !1, r);
-    if (!t) return i;
-    const s = this.formatTime(t, !0, !1, r);
-    return `${i} - ${s}`;
+    const s = this.formatTime(e, !0, !1, r);
+    if (!t) return s;
+    const i = this.formatTime(t, !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 i = new Intl.RelativeTimeFormat(r, { numeric: "auto" }), s = e - t, n = Math.floor(s / 1e3), o = Math.floor(n / 60), a = Math.floor(o / 60), c = Math.floor(a / 24), d = Math.floor(c / 7), h = Math.floor(c / 30), u = Math.floor(c / 365);
-    return Math.abs(n) < 60 ? i.format(n, "second") : Math.abs(o) < 60 ? i.format(o, "minute") : Math.abs(a) < 24 ? i.format(a, "hour") : Math.abs(c) < 7 ? i.format(c, "day") : Math.abs(d) < 4 ? i.format(d, "week") : Math.abs(h) < 12 ? i.format(h, "month") : i.format(u, "year");
+    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");
   }
   /**
    * Check if date is today
@@ -592,61 +592,61 @@ class g extends L {
    * Get month name
    */
   static getMonthName(e, t = "long", r = "en-US") {
-    const i = new Date(2024, e, 1);
-    return new Intl.DateTimeFormat(r, { month: t }).format(i);
+    const s = new Date(2024, e, 1);
+    return new Intl.DateTimeFormat(r, { month: t }).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), [i, s] = e.split(/\s+/), [n, o] = i.split(":").map(Number);
+    const r = new Date(t), [s, i] = e.split(/\s+/), [n, o] = s.split(":").map(Number);
     let a = n;
-    return s && (s.toLowerCase() === "pm" && n < 12 ? a = n + 12 : s.toLowerCase() === "am" && n === 12 && (a = 0)), r.setHours(a, o || 0, 0, 0), r;
+    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;
   }
 }
-class E {
+class k {
   /**
    * Create element with attributes and children
    */
   static createElement(e, t = {}, r = []) {
-    const i = document.createElement(e);
-    return Object.entries(t).forEach(([s, n]) => {
-      if (s === "className")
-        i.className = n;
-      else if (s === "style" && typeof n == "object")
-        Object.assign(i.style, n);
-      else if (s.startsWith("data-"))
-        i.setAttribute(s, n);
-      else if (s.startsWith("on") && typeof n == "function") {
-        const o = s.slice(2).toLowerCase();
-        i.addEventListener(o, n);
+    const s = document.createElement(e);
+    return Object.entries(t).forEach(([i, n]) => {
+      if (i === "className")
+        s.className = n;
+      else if (i === "style" && typeof n == "object")
+        Object.assign(s.style, n);
+      else if (i.startsWith("data-"))
+        s.setAttribute(i, n);
+      else if (i.startsWith("on") && typeof n == "function") {
+        const o = i.slice(2).toLowerCase();
+        s.addEventListener(o, n);
       } else
-        i[s] = n;
-    }), r.forEach((s) => {
-      typeof s == "string" ? i.appendChild(document.createTextNode(s)) : s instanceof Node && i.appendChild(s);
-    }), i;
+        s[i] = n;
+    }), r.forEach((i) => {
+      typeof i == "string" ? s.appendChild(document.createTextNode(i)) : i instanceof Node && s.appendChild(i);
+    }), s;
   }
   /**
    * Add multiple event listeners
    */
   static addEventListeners(e, t) {
-    return Object.entries(t).forEach(([r, i]) => {
-      e.addEventListener(r, i);
+    return Object.entries(t).forEach(([r, s]) => {
+      e.addEventListener(r, s);
     }), () => {
-      Object.entries(t).forEach(([r, i]) => {
-        e.removeEventListener(r, i);
+      Object.entries(t).forEach(([r, s]) => {
+        e.removeEventListener(r, s);
       });
     };
   }
   /**
    * Delegate event handling
    */
-  static delegate(e, t, r, i) {
-    const s = (n) => {
+  static delegate(e, t, r, s) {
+    const i = (n) => {
       const o = n.target.closest(t);
-      o && e.contains(o) && i.call(o, n);
+      o && e.contains(o) && s.call(o, n);
     };
-    return e.addEventListener(r, s), () => e.removeEventListener(r, s);
+    return e.addEventListener(r, i), () => e.removeEventListener(r, i);
   }
   /**
    * Get element position relative to viewport
@@ -673,8 +673,8 @@ class E {
    * Smooth scroll to element
    */
   static scrollToElement(e, t = {}) {
-    const { behavior: r = "smooth", block: i = "start", inline: s = "nearest" } = t;
-    e.scrollIntoView({ behavior: r, block: i, inline: s });
+    const { behavior: r = "smooth", block: s = "start", inline: i = "nearest" } = t;
+    e.scrollIntoView({ behavior: r, block: s, inline: i });
   }
   /**
    * Get computed style value
@@ -699,10 +699,10 @@ class E {
    */
   static waitForAnimation(e, t = "animationend") {
     return new Promise((r) => {
-      const i = () => {
-        e.removeEventListener(t, i), r();
+      const s = () => {
+        e.removeEventListener(t, s), r();
       };
-      e.addEventListener(t, i);
+      e.addEventListener(t, s);
     });
   }
   /**
@@ -730,9 +730,9 @@ class E {
    */
   static debounce(e, t = 250) {
     let r;
-    return function(...s) {
+    return function(...i) {
       const n = () => {
-        clearTimeout(r), e(...s);
+        clearTimeout(r), e(...i);
       };
       clearTimeout(r), r = setTimeout(n, t);
     };
@@ -742,8 +742,8 @@ class E {
    */
   static throttle(e, t = 250) {
     let r;
-    return function(...i) {
-      r || (e.apply(this, i), r = !0, setTimeout(() => r = !1, t));
+    return function(...s) {
+      r || (e.apply(this, s), r = !0, setTimeout(() => r = !1, t));
     };
   }
   /**
@@ -757,9 +757,9 @@ class E {
    */
   static parents(e, t) {
     const r = [];
-    let i = e.parentElement;
-    for (; i; )
-      i.matches(t) && r.push(i), i = i.parentElement;
+    let s = e.parentElement;
+    for (; s; )
+      s.matches(t) && r.push(s), s = s.parentElement;
     return r;
   }
   /**
@@ -793,13 +793,13 @@ class E {
     );
     if (t.length === 0)
       return e.setAttribute("tabindex", "-1"), e.focus(), () => e.removeAttribute("tabindex");
-    const r = t[0], i = t[t.length - 1], s = (n) => {
-      n.key === "Tab" && (n.shiftKey ? document.activeElement === r && (i == null || i.focus(), n.preventDefault()) : document.activeElement === i && (r == null || r.focus(), n.preventDefault()));
+    const r = t[0], s = t[t.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", s), r == null || r.focus(), () => e.removeEventListener("keydown", s);
+    return e.addEventListener("keydown", i), r == null || r.focus(), () => e.removeEventListener("keydown", i);
   }
 }
-class p {
+class u {
   /**
    * Get CSS variable value
    */
@@ -810,8 +810,8 @@ class p {
    * Set CSS variables
    */
   static setCSSVariables(e, t = document.documentElement) {
-    Object.entries(e).forEach(([r, i]) => {
-      t.style.setProperty(r, i);
+    Object.entries(e).forEach(([r, s]) => {
+      t.style.setProperty(r, s);
     });
   }
   /**
@@ -967,22 +967,22 @@ class p {
    * Darken color by percentage
    */
   static darken(e, t) {
-    const r = parseInt(e.replace("#", ""), 16), i = Math.round(2.55 * t), s = (r >> 16) - i, n = (r >> 8 & 255) - i, o = (r & 255) - i;
-    return "#" + (16777216 + (s < 255 ? s < 1 ? 0 : s : 255) * 65536 + (n < 255 ? n < 1 ? 0 : n : 255) * 256 + (o < 255 ? o < 1 ? 0 : o : 255)).toString(16).slice(1);
+    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;
+    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), i = Math.round(2.55 * t), s = (r >> 16) + i, n = (r >> 8 & 255) + i, o = (r & 255) + i;
-    return "#" + (16777216 + (s < 255 ? s < 1 ? 0 : s : 255) * 65536 + (n < 255 ? n < 1 ? 0 : n : 255) * 256 + (o < 255 ? o < 1 ? 0 : o : 255)).toString(16).slice(1);
+    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;
+    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), i = parseInt(t.substr(2, 2), 16), s = parseInt(t.substr(4, 2), 16);
-    return (r * 299 + i * 587 + s * 114) / 1e3 >= 128 ? "#000000" : "#FFFFFF";
+    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);
+    return (r * 299 + s * 587 + i * 114) / 1e3 >= 128 ? "#000000" : "#FFFFFF";
   }
   /**
    * Sanitize color value to prevent CSS injection
@@ -1024,8 +1024,8 @@ class p {
    * Convert hex to rgba
    */
   static hexToRgba(e, t = 1) {
-    const r = e.replace("#", ""), i = parseInt(r.substr(0, 2), 16), s = parseInt(r.substr(2, 2), 16), n = parseInt(r.substr(4, 2), 16);
-    return `rgba(${i}, ${s}, ${n}, ${t})`;
+    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})`;
   }
   /**
    * Generate grid styles
@@ -1136,7 +1136,7 @@ class p {
 /**
  * Default theme colors
  */
-v(p, "colors", {
+v(u, "colors", {
   primary: "#3B82F6",
   // Modern Blue
   secondary: "#64748B",
@@ -1169,7 +1169,7 @@ v(p, "colors", {
 }), /**
  * Common CSS variables
  */
-v(p, "cssVariables", {
+v(u, "cssVariables", {
   // "Pro" Palette - Functional & Sharp
   "--fc-primary-color": "#2563EB",
   // International Blue (Focus)
@@ -1237,7 +1237,7 @@ v(p, "cssVariables", {
 }), /**
  * Get responsive breakpoints
  */
-v(p, "breakpoints", {
+v(u, "breakpoints", {
   xs: "320px",
   sm: "576px",
   md: "768px",
@@ -1245,7 +1245,7 @@ v(p, "breakpoints", {
   xl: "1200px",
   "2xl": "1400px"
 });
-class _ {
+class E {
   /**
    * @param {HTMLElement} container - The DOM element to render into
    * @param {StateManager} stateManager - The state manager instance
@@ -1275,8 +1275,8 @@ class _ {
    * @param {Function} handler
    */
   addListener(e, t, r) {
-    const i = r.bind(this);
-    e.addEventListener(t, i), this._listeners.push({ element: e, event: t, handler: i });
+    const s = r.bind(this);
+    e.addEventListener(t, s), this._listeners.push({ element: e, event: t, handler: s });
   }
   /**
    * Escape HTML to prevent XSS
@@ -1284,7 +1284,7 @@ class _ {
    * @returns {string}
    */
   escapeHTML(e) {
-    return e == null ? "" : E.escapeHTML(String(e));
+    return e == null ? "" : k.escapeHTML(String(e));
   }
   /**
    * Check if a date is today
@@ -1319,8 +1319,8 @@ class _ {
    * @returns {string}
    */
   formatTime(e) {
-    const t = e.getHours(), r = e.getMinutes(), i = t >= 12 ? "PM" : "AM", s = t % 12 || 12;
-    return r === 0 ? `${s} ${i}` : `${s}:${r.toString().padStart(2, "0")} ${i}`;
+    const t = e.getHours(), r = e.getMinutes(), s = t >= 12 ? "PM" : "AM", i = t % 12 || 12;
+    return r === 0 ? `${i} ${s}` : `${i}:${r.toString().padStart(2, "0")} ${s}`;
   }
   /**
    * Get contrasting text color for a background color
@@ -1333,10 +1333,10 @@ class _ {
     const t = e.charAt(0) === "#" ? e.substring(1) : e;
     if (!/^[0-9A-Fa-f]{3}$|^[0-9A-Fa-f]{6}$/.test(t))
       return "white";
-    const r = t.length === 3 ? t[0] + t[0] + t[1] + t[1] + t[2] + t[2] : t, i = parseInt(r.substring(0, 2), 16), s = parseInt(r.substring(2, 4), 16), n = parseInt(r.substring(4, 6), 16);
-    if (isNaN(i) || isNaN(s) || isNaN(n))
+    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);
+    if (isNaN(s) || isNaN(i) || isNaN(n))
       return "white";
-    const a = [i / 255, s / 255, n / 255].map((d) => d <= 0.03928 ? d / 12.92 : Math.pow((d + 0.055) / 1.055, 2.4));
+    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));
     return 0.2126 * a[0] + 0.7152 * a[1] + 0.0722 * a[2] > 0.179 ? "black" : "white";
   }
   /**
@@ -1357,31 +1357,31 @@ class _ {
   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), h = c.getHours() * 60 + c.getMinutes(), u = Math.max(h + 1, d.getHours() * 60 + d.getMinutes());
-      return { id: a.id, startMin: h, endMin: u };
+      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 };
     });
     t.sort((a, c) => a.startMin - c.startMin || c.endMin - c.startMin - (a.endMin - a.startMin));
-    const r = [], i = /* @__PURE__ */ new Map();
+    const r = [], s = /* @__PURE__ */ new Map();
     for (const a of t) {
       let c = !1;
       for (let d = 0; d < r.length; d++)
         if (r[d] <= a.startMin) {
-          r[d] = a.endMin, i.set(a.id, { column: d, totalColumns: 0 }), c = !0;
+          r[d] = a.endMin, s.set(a.id, { column: d, totalColumns: 0 }), c = !0;
           break;
         }
-      c || (i.set(a.id, { column: r.length, totalColumns: 0 }), r.push(a.endMin));
+      c || (s.set(a.id, { column: r.length, totalColumns: 0 }), r.push(a.endMin));
     }
-    const s = [];
+    const i = [];
     let n = [], o = 0;
     for (const a of t)
-      n.length === 0 || a.startMin < o ? (n.push(a), o = Math.max(o, a.endMin)) : (s.push(n), n = [a], o = a.endMin);
-    n.length > 0 && s.push(n);
-    for (const a of s) {
-      const c = Math.max(...a.map((d) => i.get(d.id).column)) + 1;
+      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) {
+      const c = Math.max(...a.map((d) => s.get(d.id).column)) + 1;
       for (const d of a)
-        i.get(d.id).totalColumns = c;
+        s.get(d.id).totalColumns = c;
     }
-    return i;
+    return s;
   }
   /**
    * Render a timed event block
@@ -1392,19 +1392,19 @@ class _ {
    * @returns {string} HTML string
    */
   renderTimedEvent(e, t = {}) {
-    const { compact: r = !0, overlapLayout: i = null } = t, s = new Date(e.start), n = new Date(e.end), o = s.getHours() * 60 + s.getMinutes(), a = Math.max((n - s) / (1e3 * 60), r ? 20 : 30), c = this.getEventColor(e), d = r ? "4px 8px" : "8px 12px", h = r ? "11px" : "13px", u = r ? 2 : 12, b = r ? 2 : 24, y = r ? "4px" : "6px";
-    let x, w;
-    if (i && i.has(e.id)) {
-      const { column: C, totalColumns: $ } = i.get(e.id), M = `(100% - ${u + b}px)`;
-      x = `calc(${u}px + ${C} * ${M} / ${$})`, w = `calc(${M} / ${$})`;
+    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";
+    let y, x;
+    if (s && s.has(e.id)) {
+      const { column: C, totalColumns: _ } = s.get(e.id), $ = `(100% - ${f + m}px)`;
+      y = `calc(${f}px + ${C} * ${$} / ${_})`, x = `calc(${$} / ${_})`;
     } else
-      x = `${u}px`, w = `calc(100% - ${u + b}px)`;
+      y = `${f}px`, x = `calc(100% - ${f + m}px)`;
     return `
             <div class="fc-event fc-timed-event" data-event-id="${this.escapeHTML(e.id)}"
                  style="position: absolute; top: ${o}px; height: ${a}px;
-                        left: ${x}; width: ${w};
-                        background-color: ${c}; border-radius: ${y};
-                        padding: ${d}; font-size: ${h};
+                        left: ${y}; width: ${x};
+                        background-color: ${c}; border-radius: ${b};
+                        padding: ${d}; font-size: ${l};
                         font-weight: 500; color: white; overflow: hidden;
                         box-shadow: 0 1px 2px rgba(0,0,0,0.1);
                         cursor: pointer; z-index: 5;">
@@ -1412,7 +1412,7 @@ class _ {
                     ${this.escapeHTML(e.title)}
                 </div>
                 <div style="font-size: ${r ? "10px" : "11px"}; opacity: 0.9;">
-                    ${this.formatTime(s)}${r ? "" : " - " + this.formatTime(n)}
+                    ${this.formatTime(i)}${r ? "" : " - " + this.formatTime(n)}
                 </div>
             </div>
         `;
@@ -1423,7 +1423,7 @@ class _ {
    * @returns {string}
    */
   getEventColor(e) {
-    return p.sanitizeColor(e == null ? void 0 : e.backgroundColor, "#2563eb");
+    return u.sanitizeColor(e == null ? void 0 : e.backgroundColor, "#2563eb");
   }
   /**
    * Attach common event handlers for day/event clicks
@@ -1433,12 +1433,12 @@ class _ {
       const t = e.target.closest(".fc-event");
       if (!t || !this.container.contains(t)) return;
       e.stopPropagation();
-      const r = t.dataset.eventId, i = this.stateManager.getEvents().find((s) => s.id === r);
-      i && this.stateManager.selectEvent(i);
+      const r = t.dataset.eventId, s = this.stateManager.getEvents().find((i) => i.id === r);
+      s && this.stateManager.selectEvent(s);
     });
   }
 }
-class m extends _ {
+class g extends E {
   constructor(e, t) {
     super(e, t), this.maxEventsToShow = 3;
   }
@@ -1455,7 +1455,7 @@ class m extends _ {
   }
   _renderMonthView(e, t) {
     const r = t.weekStartsOn || 0;
-    let s = `
+    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;">
                     ${this._getDayNames(r).map((n) => `<div class="fc-month-header-cell" style="padding: 12px 8px; text-align: center; font-size: 11px; font-weight: 600; color: #6b7280; text-transform: uppercase;">${n}</div>`).join("")}
@@ -1463,14 +1463,14 @@ class m extends _ {
                 <div class="fc-month-body" style="display: flex; flex-direction: column; flex: 1;">
         `;
     return e.weeks.forEach((n) => {
-      s += this._renderWeek(n);
-    }), s += "</div></div>", s;
+      i += this._renderWeek(n);
+    }), i += "</div></div>", i;
   }
   _getDayNames(e) {
     const t = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], r = [];
-    for (let i = 0; i < 7; i++) {
-      const s = (e + i) % 7;
-      r.push(t[s]);
+    for (let s = 0; s < 7; s++) {
+      const i = (e + s) % 7;
+      r.push(t[i]);
     }
     return r;
   }
@@ -1481,11 +1481,11 @@ class m extends _ {
     }), t += "</div>", t;
   }
   _renderDay(e) {
-    const t = !e.isCurrentMonth, r = e.isToday, i = t ? "#f3f4f6" : "#fff", s = 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;
+    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;
     return `
             <div class="fc-month-day" data-date="${e.date}"
-                 style="background: ${i}; 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: ${s}; padding: 2px 4px; margin-bottom: 4px; ${n}">
+                 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}
                 </div>
                 <div class="fc-day-events" style="display: flex; flex-direction: column; gap: 2px; flex: 1; overflow: hidden;">
@@ -1513,7 +1513,7 @@ class m extends _ {
     }), this.attachCommonEventHandlers();
   }
 }
-class D extends _ {
+class w extends E {
   constructor(e, t) {
     super(e, t), this.hourHeight = 60, this.totalHeight = 24 * this.hourHeight;
   }
@@ -1529,12 +1529,12 @@ class D extends _ {
     this.container.innerHTML = r, this._attachEventHandlers(), this._scrollToCurrentTime();
   }
   _renderWeekView(e, t) {
-    const r = e.days, i = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], s = Array.from({ length: 24 }, (o, a) => a), n = r.map((o) => {
+    const r = e.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,
         date: a,
-        dayName: i[a.getDay()],
+        dayName: s[a.getDay()],
         dayOfMonth: a.getDate(),
         isToday: this.isToday(a),
         timedEvents: c.filter((d) => !d.allDay),
@@ -1545,7 +1545,7 @@ class D extends _ {
             <div class="fc-week-view" style="display: flex; flex-direction: column; height: 100%; background: #fff; overflow: hidden;">
                 ${this._renderHeader(n)}
                 ${this._renderAllDayRow(n)}
-                ${this._renderTimeGrid(n, s)}
+                ${this._renderTimeGrid(n, i)}
             </div>
         `;
   }
@@ -1626,7 +1626,7 @@ class D extends _ {
                 <!-- Timed events -->
                 ${(() => {
       const r = this.computeOverlapLayout(e.timedEvents);
-      return e.timedEvents.map((i) => this.renderTimedEvent(i, { compact: !0, overlapLayout: r })).join("");
+      return e.timedEvents.map((s) => this.renderTimedEvent(s, { compact: !0, overlapLayout: r })).join("");
     })()}
             </div>
         `;
@@ -1635,7 +1635,7 @@ class D extends _ {
     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), i = this.container.querySelector("#week-scroll-container"), s = t.offsetTop, n = e.clientY - t.getBoundingClientRect().top + (i ? i.scrollTop : 0) - s, o = Math.max(0, Math.min(n + s, this.totalHeight));
+      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));
       r.setHours(
         Math.floor(o / this.hourHeight),
         Math.floor(o % this.hourHeight / (this.hourHeight / 60)),
@@ -1650,7 +1650,7 @@ class D extends _ {
     e && (e.scrollTop = 8 * this.hourHeight - 50, this._scrolled = !0);
   }
 }
-class k extends _ {
+class D extends E {
   constructor(e, t) {
     super(e, t), this.hourHeight = 60, this.totalHeight = 24 * this.hourHeight;
   }
@@ -1666,40 +1666,40 @@ class k extends _ {
     this.container.innerHTML = r, this._attachEventHandlers(), this._scrollToCurrentTime();
   }
   _renderDayView(e, t) {
-    var h, u;
-    const r = ((u = (h = this.stateManager) == null ? void 0 : h.getState()) == null ? void 0 : u.currentDate) || /* @__PURE__ */ new Date(), i = this._extractDayData(e, r);
-    if (!i)
+    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);
+    if (!s)
       return '<div style="padding: 20px; text-align: center; color: #666;">No data available for day view.</div>';
-    const { dayDate: s, dayName: n, isToday: o, allDayEvents: a, timedEvents: c } = i, d = Array.from({ length: 24 }, (b, y) => y);
+    const { dayDate: i, dayName: n, isToday: o, allDayEvents: a, timedEvents: c } = s, d = Array.from({ length: 24 }, (m, b) => b);
     return `
             <div class="fc-day-view" style="display: flex; flex-direction: column; height: 100%; background: #fff; overflow: hidden;">
-                ${this._renderHeader(s, n, o)}
-                ${this._renderAllDayRow(a, s)}
-                ${this._renderTimeGrid(c, o, s, d)}
+                ${this._renderHeader(i, n, o)}
+                ${this._renderAllDayRow(a, i)}
+                ${this._renderTimeGrid(c, o, i, d)}
             </div>
         `;
   }
   _extractDayData(e, t) {
-    let r, i, s, n, o;
+    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), i = e.dayName || a[r.getDay()], s = e.isToday !== void 0 ? e.isToday : this.isToday(r), n = e.allDayEvents || [], e.hours && Array.isArray(e.hours)) {
+      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)) {
         const c = /* @__PURE__ */ new Map();
         e.hours.forEach((d) => {
-          (d.events || []).forEach((h) => {
-            c.has(h.id) || c.set(h.id, h);
+          (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((h) => this.isSameDay(new Date(h.date), t)) || e.days[0];
-      r = new Date(c.date), i = a[r.getDay()], s = this.isToday(r);
+      const c = e.days.find((l) => this.isSameDay(new Date(l.date), t)) || e.days[0];
+      r = new Date(c.date), s = a[r.getDay()], i = this.isToday(r);
       const d = c.events || [];
-      n = d.filter((h) => h.allDay), o = d.filter((h) => !h.allDay);
+      n = d.filter((l) => l.allDay), o = d.filter((l) => !l.allDay);
     } else
       return null;
-    return { dayDate: r, dayName: i, isToday: s, allDayEvents: n, timedEvents: o };
+    return { dayDate: r, dayName: s, isToday: i, allDayEvents: n, timedEvents: o };
   }
   _renderHeader(e, t, r) {
     return `
@@ -1735,12 +1735,12 @@ class k extends _ {
             </div>
         `;
   }
-  _renderTimeGrid(e, t, r, i) {
+  _renderTimeGrid(e, t, 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(i)}
-                    ${this._renderDayColumn(e, t, r, i)}
+                    ${this._renderTimeGutter(s)}
+                    ${this._renderDayColumn(e, t, r, s)}
                 </div>
             </div>
         `;
@@ -1758,19 +1758,19 @@ class k extends _ {
             </div>
         `;
   }
-  _renderDayColumn(e, t, r, i) {
+  _renderDayColumn(e, t, r, s) {
     return `
             <div class="fc-day-column" data-date="${r.toISOString()}" style="position: relative; cursor: pointer;">
                 <!-- Hour grid lines -->
-                ${i.map(() => `<div style="height: ${this.hourHeight}px; border-bottom: 1px solid #f3f4f6;"></div>`).join("")}
+                ${s.map(() => `<div style="height: ${this.hourHeight}px; border-bottom: 1px solid #f3f4f6;"></div>`).join("")}
 
                 <!-- Now indicator for today -->
                 ${t ? this.renderNowIndicator() : ""}
 
                 <!-- Timed events -->
                 ${(() => {
-      const s = this.computeOverlapLayout(e);
-      return e.map((n) => this.renderTimedEvent(n, { compact: !1, overlapLayout: s })).join("");
+      const i = this.computeOverlapLayout(e);
+      return e.map((n) => this.renderTimedEvent(n, { compact: !1, overlapLayout: i })).join("");
     })()}
             </div>
         `;
@@ -1779,7 +1779,7 @@ class k extends _ {
     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), i = this.container.querySelector("#day-scroll-container"), s = t.offsetTop, n = e.clientY - t.getBoundingClientRect().top + (i ? i.scrollTop : 0) - s, o = Math.max(0, Math.min(n + s, this.totalHeight));
+      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));
       r.setHours(
         Math.floor(o / this.hourHeight),
         Math.floor(o % this.hourHeight / (this.hourHeight / 60)),
@@ -1794,7 +1794,7 @@ class k extends _ {
     e && (e.scrollTop = 8 * this.hourHeight - 50, this._scrolled = !0);
   }
 }
-class z extends T {
+class I extends M {
   constructor() {
     super(), this._isVisible = !1, this._cleanupFocusTrap = null, this.config = {
       title: "New Event",
@@ -1824,8 +1824,8 @@ class z extends T {
   }
   getStyles() {
     return `
-            ${p.getBaseStyles()}
-            ${p.getButtonStyles()}
+            ${u.getBaseStyles()}
+            ${u.getButtonStyles()}
 
             :host {
                 display: none;
@@ -2070,7 +2070,7 @@ class z extends T {
     });
   }
   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));
+    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 = k.trapFocus(this.modalContent));
   }
   close() {
     this.removeAttribute("open"), this._cleanupFocusTrap && (this._cleanupFocusTrap(), this._cleanupFocusTrap = null);
@@ -2092,15 +2092,15 @@ class z extends T {
     this.emit("save", e), this.close();
   }
   formatDateForInput(e) {
-    const t = (a) => String(a).padStart(2, "0"), r = e.getFullYear(), i = t(e.getMonth() + 1), s = t(e.getDate()), n = t(e.getHours()), o = t(e.getMinutes());
-    return `${r}-${i}-${s}T${n}:${o}`;
+    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());
+    return `${r}-${s}-${i}T${n}:${o}`;
   }
   unmount() {
     this._cleanupFocusTrap && this._cleanupFocusTrap(), this._handleKeyDown && (window.removeEventListener("keydown", this._handleKeyDown), this._handleKeyDown = null, this._keydownListenerAdded = !1);
   }
 }
-customElements.get("forcecal-event-form") || customElements.define("forcecal-event-form", z);
-class A extends T {
+customElements.get("forcecal-event-form") || customElements.define("forcecal-event-form", I);
+class z extends M {
   static get observedAttributes() {
     return ["view", "date", "locale", "timezone", "week-starts-on", "height"];
   }
@@ -2115,48 +2115,50 @@ class A extends T {
       timeZone: this.getAttribute("timezone") || Intl.DateTimeFormat().resolvedOptions().timeZone,
       weekStartsOn: parseInt(this.getAttribute("week-starts-on") || "0")
     };
-    this.stateManager = new I(e), this.stateManager.subscribe(this.handleStateChange.bind(this)), this.setupEventListeners();
+    this.stateManager = new V(e), this.stateManager.subscribe(this.handleStateChange.bind(this)), this.setupEventListeners();
   }
   setupEventListeners() {
-    this._busUnsubscribers.forEach((t) => t()), this._busUnsubscribers = [], this._busUnsubscribers.push(
-      l.on("navigation:*", (t, r) => {
-        this.emit("calendar-navigate", { action: r.split(":")[1], ...t });
+    this._busUnsubscribers.forEach((r) => r()), this._busUnsubscribers = [];
+    const e = this.stateManager.eventBus;
+    this._busUnsubscribers.push(
+      e.on("navigation:*", (r, s) => {
+        this.emit("calendar-navigate", { action: s.split(":")[1], ...r });
       })
     ), this._busUnsubscribers.push(
-      l.on("view:changed", (t) => {
-        this.emit("calendar-view-change", t);
+      e.on("view:changed", (r) => {
+        this.emit("calendar-view-change", r);
       })
     );
-    const e = (t, r) => {
-      this.emit(`calendar-event-${t}`, r);
+    const t = (r, s) => {
+      this.emit(`calendar-event-${r}`, s);
     };
     this._busUnsubscribers.push(
-      l.on("event:add", (t) => {
-        e("add", t);
+      e.on("event:add", (r) => {
+        t("add", r);
       })
     ), this._busUnsubscribers.push(
-      l.on("event:update", (t) => {
-        e("update", t);
+      e.on("event:update", (r) => {
+        t("update", r);
       })
     ), this._busUnsubscribers.push(
-      l.on("event:remove", (t) => {
-        e("remove", t);
+      e.on("event:remove", (r) => {
+        t("remove", r);
       })
     ), this._busUnsubscribers.push(
-      l.on("event:added", (t) => {
-        this.emit("calendar-event-added", t);
+      e.on("event:added", (r) => {
+        this.emit("calendar-event-added", r);
       })
     ), this._busUnsubscribers.push(
-      l.on("event:updated", (t) => {
-        this.emit("calendar-event-updated", t);
+      e.on("event:updated", (r) => {
+        this.emit("calendar-event-updated", r);
       })
     ), this._busUnsubscribers.push(
-      l.on("event:deleted", (t) => {
-        this.emit("calendar-event-deleted", t);
+      e.on("event:deleted", (r) => {
+        this.emit("calendar-event-deleted", r);
       })
     ), this._busUnsubscribers.push(
-      l.on("date:selected", (t) => {
-        this.emit("calendar-date-select", t);
+      e.on("date:selected", (r) => {
+        this.emit("calendar-date-select", r);
       })
     );
   }
@@ -2164,7 +2166,7 @@ class A extends T {
     var a, c;
     if (!this._hasRendered)
       return;
-    const r = e.view !== (t == null ? void 0 : t.view), i = ((a = e.currentDate) == null ? void 0 : a.getTime()) !== ((c = t == null ? void 0 : t.currentDate) == null ? void 0 : c.getTime()), s = e.events !== (t == null ? void 0 : t.events), n = e.loading !== (t == null ? void 0 : t.loading);
+    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)) {
       this.render();
       return;
@@ -2173,7 +2175,7 @@ class A extends T {
       this._updateLoadingState(e.loading);
       return;
     }
-    r && (this.currentView = e.view), r ? (this._updateTitle(), this._updateViewButtons(), this._switchView()) : i ? (this._updateTitle(), this._updateViewContent()) : s && this._updateViewContent();
+    r && (this.currentView = e.view), r ? (this._updateTitle(), this._updateViewButtons(), this._switchView()) : s ? (this._updateTitle(), this._updateViewContent()) : i && this._updateViewContent();
   }
   /**
    * Update only the title text (no DOM recreation)
@@ -2204,11 +2206,11 @@ class A extends T {
       this._currentViewInstance && this._currentViewInstance.cleanup && this._currentViewInstance.cleanup();
       try {
         const r = {
-          month: m,
-          week: D,
-          day: k
-        }[this.currentView] || m, i = new r(e, this.stateManager);
-        i._viewType = this.currentView, this._currentViewInstance = i, i.render();
+          month: g,
+          week: w,
+          day: D
+        }[this.currentView] || g, s = new r(e, this.stateManager);
+        s._viewType = this.currentView, this._currentViewInstance = s, s.render();
       } catch (t) {
         console.error("[ForceCalendar] Error switching view:", t);
       }
@@ -2236,10 +2238,10 @@ class A extends T {
   getStyles() {
     const e = this.getAttribute("height") || "800px";
     return `
-            ${p.getBaseStyles()}
-            ${p.getButtonStyles()}
-            ${p.getGridStyles()}
-            ${p.getAnimations()}
+            ${u.getBaseStyles()}
+            ${u.getButtonStyles()}
+            ${u.getGridStyles()}
+            ${u.getAnimations()}
 
             :host {
                 --calendar-height: ${e};
@@ -2623,12 +2625,12 @@ class A extends T {
         `;
   }
   template() {
-    const e = this.stateManager.getState(), { currentDate: t, view: r, loading: i, error: s } = e;
-    if (s)
+    const e = this.stateManager.getState(), { currentDate: t, view: r, loading: s, error: i } = e;
+    if (i)
       return `
                 <div class="force-calendar">
                     <div class="fc-error">
-                        <p><strong>Error:</strong> ${E.escapeHTML(s.message || "An error occurred")}</p>
+                        <p><strong>Error:</strong> ${k.escapeHTML(i.message || "An error occurred")}</p>
                     </div>
                 </div>
             `;
@@ -2668,11 +2670,11 @@ class A extends T {
                 </header>
 
                 <div class="fc-body">
-                    <div class="fc-loading" style="display: ${i ? "flex" : "none"};">
+                    <div class="fc-loading" style="display: ${s ? "flex" : "none"};">
                         <div class="fc-spinner"></div>
                         <span>Loading...</span>
                     </div>
-                    <div class="fc-view-container" style="display: ${i ? "none" : "flex"};">
+                    <div class="fc-view-container" style="display: ${s ? "none" : "flex"};">
                         ${this.renderView()}
                     </div>
                 </div>
@@ -2691,31 +2693,31 @@ class A extends T {
         return;
       this._currentViewInstance && (this._currentViewInstance.cleanup && this._currentViewInstance.cleanup(), this._viewUnsubscribe && (this._viewUnsubscribe(), this._viewUnsubscribe = null));
       try {
-        const s = {
-          month: m,
-          week: D,
-          day: k
-        }[this.currentView] || m, n = new s(e, this.stateManager);
+        const i = {
+          month: g,
+          week: w,
+          day: D
+        }[this.currentView] || g, n = new i(e, this.stateManager);
         n._viewType = this.currentView, this._currentViewInstance = n, n.render();
-      } catch (i) {
-        console.error("[ForceCalendar] Error creating/rendering view:", i);
+      } catch (s) {
+        console.error("[ForceCalendar] Error creating/rendering view:", s);
       }
     }
-    this.$$("[data-action]").forEach((i) => {
-      this.addListener(i, "click", this.handleNavigation);
-    }), this.$$("[data-view]").forEach((i) => {
-      this.addListener(i, "click", this.handleViewChange);
+    this.$$("[data-action]").forEach((s) => {
+      this.addListener(s, "click", this.handleNavigation);
+    }), 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());
-    }), this.addListener(this.shadowRoot, "day-click", (i) => {
-      t && t.open(i.detail.date);
-    }), t && this.addListener(t, "save", (i) => {
-      const s = i.detail, n = window.crypto && typeof window.crypto.randomUUID == "function" ? window.crypto.randomUUID() : Math.random().toString(36).substring(2, 15);
+    }), this.addListener(this.shadowRoot, "day-click", (s) => {
+      t && t.open(s.detail.date);
+    }), t && this.addListener(t, "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,
-        ...s
+        ...i
       });
     }), this._hasRendered = !0;
   }
@@ -2727,10 +2729,10 @@ class A extends T {
    */
   _createViewRenderer(e) {
     const r = {
-      month: m,
-      week: D,
-      day: k
-    }[e] || m;
+      month: g,
+      week: w,
+      day: D
+    }[e] || g;
     return new r(null, null);
   }
   handleNavigation(e) {
@@ -2754,15 +2756,15 @@ class A extends T {
     const r = this.stateManager.state.config.locale;
     switch (t) {
       case "month":
-        return g.formatDate(e, "month", r);
+        return p.formatDate(e, "month", r);
       case "week": {
-        const i = g.startOfWeek(e), s = g.endOfWeek(e);
-        return g.formatDateRange(i, s, r);
+        const s = p.startOfWeek(e), i = p.endOfWeek(e);
+        return p.formatDateRange(s, i, r);
       }
       case "day":
-        return g.formatDate(e, "long", r);
+        return p.formatDate(e, "long", r);
       default:
-        return g.formatDate(e, "month", r);
+        return p.formatDate(e, "month", r);
     }
   }
   getIcon(e) {
@@ -2816,19 +2818,19 @@ class A extends T {
     this._busUnsubscribers.forEach((e) => e()), this._busUnsubscribers = [], this.stateManager && this.stateManager.destroy(), super.cleanup();
   }
 }
-customElements.get("forcecal-main") || customElements.define("forcecal-main", A);
+customElements.get("forcecal-main") || customElements.define("forcecal-main", z);
 export {
-  T as BaseComponent,
-  _ as BaseViewRenderer,
-  E as DOMUtils,
-  g as DateUtils,
-  k as DayViewRenderer,
-  V as EventBus,
-  A as ForceCalendar,
-  m as MonthViewRenderer,
-  I as StateManager,
-  p as StyleUtils,
-  D as WeekViewRenderer,
-  l as eventBus
+  M as BaseComponent,
+  E as BaseViewRenderer,
+  k as DOMUtils,
+  p as DateUtils,
+  D as DayViewRenderer,
+  T as EventBus,
+  z as ForceCalendar,
+  g as MonthViewRenderer,
+  V as StateManager,
+  u as StyleUtils,
+  w as WeekViewRenderer,
+  R as eventBus
 };
 //# sourceMappingURL=force-calendar-interface.esm.js.map