@forcecalendar/interface 1.0.47 → 1.0.48

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

@@ -52,8 +52,8 @@ class M extends HTMLElement {
       console.warn("addListener called with invalid parameters", { element: t, event: e, handler: r });
       return;
     }
-    const s = r.bind(this);
-    t.addEventListener(e, s), this._listeners.push({ element: t, event: e, handler: s });
+    const i = r.bind(this);
+    t.addEventListener(e, i), this._listeners.push({ element: t, event: e, handler: i });
   }
   emit(t, e = {}) {
     this.dispatchEvent(
@@ -123,16 +123,16 @@ class T {
    * @returns {Function} Unsubscribe function
    */
   on(t, e, r = {}) {
-    const { once: s = !1, priority: i = 0 } = r;
+    const { once: i = !1, priority: s = 0 } = r;
     if (t.includes("*")) {
-      const a = { pattern: t, handler: e, once: s, priority: i };
-      return this.wildcardHandlers.add(a), () => this.wildcardHandlers.delete(a);
+      const o = { pattern: t, handler: e, once: i, priority: s };
+      return this.wildcardHandlers.add(o), () => this.wildcardHandlers.delete(o);
     }
     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);
+    const n = { handler: e, once: i, priority: s }, a = this.events.get(t);
+    return a.push(n), a.sort((o, c) => c.priority - o.priority), () => {
+      const o = a.indexOf(n);
+      o > -1 && a.splice(o, 1);
     };
   }
   /**
@@ -146,16 +146,16 @@ class T {
    */
   off(t, e) {
     if (t.includes("*")) {
-      for (const i of this.wildcardHandlers)
-        if (i.pattern === t && i.handler === e) {
-          this.wildcardHandlers.delete(i);
+      for (const s of this.wildcardHandlers)
+        if (s.pattern === t && s.handler === e) {
+          this.wildcardHandlers.delete(s);
           return;
         }
       return;
     }
     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);
+    const r = this.events.get(t), i = r.findIndex((s) => s.handler === e);
+    i > -1 && r.splice(i, 1), r.length === 0 && this.events.delete(t);
   }
   /**
    * Remove all wildcard handlers matching a pattern
@@ -172,8 +172,8 @@ class 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);
+      const i = r.findIndex((s) => s.handler === t);
+      i > -1 && r.splice(i, 1), r.length === 0 && this.events.delete(e);
     }
     for (const e of [...this.wildcardHandlers])
       e.handler === t && this.wildcardHandlers.delete(e);
@@ -185,29 +185,29 @@ class T {
    */
   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(t, n);
+      const i = [...this.events.get(t)];
+      for (const s of i) {
+        const { handler: n, once: a } = s;
+        a && this.off(t, n);
         try {
           n(e, t);
-        } catch (a) {
-          console.error(`Error in event handler for ${t}:`, a);
+        } catch (o) {
+          console.error(`Error in event handler for ${t}:`, o);
         }
       }
     }
     const r = [];
-    for (const s of [...this.wildcardHandlers])
-      if (this.matchesPattern(t, s.pattern)) {
-        const { handler: i, once: n } = s;
-        n && r.push(s);
+    for (const i of [...this.wildcardHandlers])
+      if (this.matchesPattern(t, i.pattern)) {
+        const { handler: s, once: n } = i;
+        n && r.push(i);
         try {
-          i(e, t);
-        } catch (o) {
-          console.error(`Error in wildcard handler for ${t}:`, o);
+          s(e, t);
+        } catch (a) {
+          console.error(`Error in wildcard handler for ${t}:`, a);
         }
       }
-    r.forEach((s) => this.wildcardHandlers.delete(s));
+    r.forEach((i) => this.wildcardHandlers.delete(i));
   }
   /**
    * Check if event name matches a pattern
@@ -291,8 +291,8 @@ class V {
    */
   _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));
+    const r = new Set(t.map((i) => i.id));
+    return e.every((i) => r.has(i.id));
   }
   // State management
   getState() {
@@ -303,8 +303,8 @@ class V {
     };
   }
   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;
+    const { silent: r = !1 } = e, i = { ...this.state };
+    return this.state = { ...this.state, ...t }, r || (this.notifySubscribers(i, this.state), this.emitStateChange(i, this.state)), this.state;
   }
   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);
@@ -331,17 +331,17 @@ class V {
     this.subscribers.forEach((r) => {
       try {
         r(e, t);
-      } catch (s) {
-        console.error("Error in state subscriber:", s);
+      } catch (i) {
+        console.error("Error in state subscriber:", i);
       }
     });
   }
   emitStateChange(t, e) {
-    const r = Object.keys(e).filter((s) => t[s] !== e[s]);
-    r.forEach((s) => {
-      this.eventBus.emit(`state:${s}:changed`, {
-        oldValue: t[s],
-        newValue: e[s],
+    const r = Object.keys(e).filter((i) => t[i] !== e[i]);
+    r.forEach((i) => {
+      this.eventBus.emit(`state:${i}:changed`, {
+        oldValue: t[i],
+        newValue: e[i],
         state: e
       });
     }), r.length > 0 && this.eventBus.emit("state:changed", { oldState: t, newState: e, changedKeys: r });
@@ -412,28 +412,28 @@ class V {
     return this.enrichViewData(t);
   }
   enrichViewData(t) {
-    var s;
-    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);
+    var i;
+    const e = { ...t }, r = (i = this.state.selectedDate) == null ? void 0 : i.toDateString();
+    if (e.weeks && (e.weeks = e.weeks.map((s) => ({
+      ...s,
+      days: s.days.map((n) => {
+        const a = new Date(n.date);
         return {
           ...n,
-          isSelected: o.toDateString() === r,
-          events: n.events || this.getEventsForDate(o)
+          isSelected: a.toDateString() === r,
+          events: n.events || this.getEventsForDate(a)
         };
       })
-    }))), e.days && (e.days = e.days.map((i) => {
-      const n = new Date(i.date);
+    }))), e.days && (e.days = e.days.map((s) => {
+      const n = new Date(s.date);
       return {
-        ...i,
+        ...s,
         isSelected: n.toDateString() === r,
-        events: i.events || this.getEventsForDate(n)
+        events: s.events || this.getEventsForDate(n)
       };
     })), e.date && !e.days && !e.weeks) {
-      const i = new Date(e.date);
-      e.isSelected = i.toDateString() === r, e.events = e.events || this.getEventsForDate(i);
+      const s = new Date(e.date);
+      e.isSelected = s.toDateString() === r, e.events = e.events || this.getEventsForDate(s);
     }
     return e;
   }
@@ -492,7 +492,7 @@ class p extends L {
    */
   static formatDate(t, e = "default", r = "en-US") {
     if (!t) return "";
-    const s = {
+    const i = {
       default: { year: "numeric", month: "long", day: "numeric" },
       short: { year: "numeric", month: "short", day: "numeric" },
       long: { weekday: "long", year: "numeric", month: "long", day: "numeric" },
@@ -509,20 +509,20 @@ class p extends L {
         hour: "numeric",
         minute: "2-digit"
       }
-    }, i = s[e] || s.default;
-    return new Intl.DateTimeFormat(r, i).format(t);
+    }, s = i[e] || i.default;
+    return new Intl.DateTimeFormat(r, s).format(t);
   }
   /**
    * Format time for display
    */
-  static formatTime(t, e = !0, r = !1, s = "en-US") {
+  static formatTime(t, e = !0, r = !1, i = "en-US") {
     if (!t) return "";
-    const i = {
+    const s = {
       hour: "numeric",
       minute: e ? "2-digit" : void 0,
       hour12: !r
     };
-    return new Intl.DateTimeFormat(s, i).format(t);
+    return new Intl.DateTimeFormat(i, s).format(t);
   }
   /**
    * Format date range for display
@@ -531,25 +531,25 @@ class p extends L {
     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)}`;
+    const i = this.isSameYear(t, e) ? "short" : "default";
+    return `${this.formatDate(t, i, r)} - ${this.formatDate(e, "default", r)}`;
   }
   /**
    * Format time range for display
    */
   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}`;
+    const i = this.formatTime(t, !0, !1, r);
+    if (!e) return i;
+    const s = this.formatTime(e, !0, !1, r);
+    return `${i} - ${s}`;
   }
   /**
    * Get relative time string (e.g., "2 hours ago", "in 3 days")
    */
   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");
+    const i = new Intl.RelativeTimeFormat(r, { numeric: "auto" }), s = t - e, n = Math.floor(s / 1e3), a = Math.floor(n / 60), o = Math.floor(a / 60), c = Math.floor(o / 24), d = Math.floor(c / 7), l = Math.floor(c / 30), u = Math.floor(c / 365);
+    return Math.abs(n) < 60 ? i.format(n, "second") : Math.abs(a) < 60 ? i.format(a, "minute") : Math.abs(o) < 24 ? i.format(o, "hour") : Math.abs(c) < 7 ? i.format(c, "day") : Math.abs(d) < 4 ? i.format(d, "week") : Math.abs(l) < 12 ? i.format(l, "month") : i.format(u, "year");
   }
   /**
    * Check if date is today
@@ -588,16 +588,16 @@ class p extends L {
    * Get month name
    */
   static getMonthName(t, e = "long", r = "en-US") {
-    const s = new Date(2024, t, 1);
-    return new Intl.DateTimeFormat(r, { month: e }).format(s);
+    const i = new Date(2024, t, 1);
+    return new Intl.DateTimeFormat(r, { month: e }).format(i);
   }
   /**
    * Parse time string (e.g., "14:30" or "2:30 PM")
    */
   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;
+    const r = new Date(e), [i, s] = t.split(/\s+/), [n, a] = i.split(":").map(Number);
+    let o = n;
+    return s && (s.toLowerCase() === "pm" && n < 12 ? o = n + 12 : s.toLowerCase() === "am" && n === 12 && (o = 0)), r.setHours(o, a || 0, 0, 0), r;
   }
 }
 class D {
@@ -605,44 +605,44 @@ class D {
    * Create element with attributes and children
    */
   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")
-        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);
+    const i = document.createElement(t);
+    return Object.entries(e).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 a = s.slice(2).toLowerCase();
+        i.addEventListener(a, n);
       } else
-        s[i] = n;
-    }), r.forEach((i) => {
-      typeof i == "string" ? s.appendChild(document.createTextNode(i)) : i instanceof Node && s.appendChild(i);
-    }), s;
+        i[s] = n;
+    }), r.forEach((s) => {
+      typeof s == "string" ? i.appendChild(document.createTextNode(s)) : s instanceof Node && i.appendChild(s);
+    }), i;
   }
   /**
    * Add multiple event listeners
    */
   static addEventListeners(t, e) {
-    return Object.entries(e).forEach(([r, s]) => {
-      t.addEventListener(r, s);
+    return Object.entries(e).forEach(([r, i]) => {
+      t.addEventListener(r, i);
     }), () => {
-      Object.entries(e).forEach(([r, s]) => {
-        t.removeEventListener(r, s);
+      Object.entries(e).forEach(([r, i]) => {
+        t.removeEventListener(r, i);
       });
     };
   }
   /**
    * Delegate event handling
    */
-  static delegate(t, e, r, s) {
-    const i = (n) => {
-      const o = n.target.closest(e);
-      o && t.contains(o) && s.call(o, n);
+  static delegate(t, e, r, i) {
+    const s = (n) => {
+      const a = n.target.closest(e);
+      a && t.contains(a) && i.call(a, n);
     };
-    return t.addEventListener(r, i), () => t.removeEventListener(r, i);
+    return t.addEventListener(r, s), () => t.removeEventListener(r, s);
   }
   /**
    * Get element position relative to viewport
@@ -669,8 +669,8 @@ class D {
    * Smooth scroll to element
    */
   static scrollToElement(t, e = {}) {
-    const { behavior: r = "smooth", block: s = "start", inline: i = "nearest" } = e;
-    t.scrollIntoView({ behavior: r, block: s, inline: i });
+    const { behavior: r = "smooth", block: i = "start", inline: s = "nearest" } = e;
+    t.scrollIntoView({ behavior: r, block: i, inline: s });
   }
   /**
    * Get computed style value
@@ -695,10 +695,10 @@ class D {
    */
   static waitForAnimation(t, e = "animationend") {
     return new Promise((r) => {
-      const s = () => {
-        t.removeEventListener(e, s), r();
+      const i = () => {
+        t.removeEventListener(e, i), r();
       };
-      t.addEventListener(e, s);
+      t.addEventListener(e, i);
     });
   }
   /**
@@ -726,9 +726,9 @@ class D {
    */
   static debounce(t, e = 250) {
     let r;
-    return function(...i) {
+    return function(...s) {
       const n = () => {
-        clearTimeout(r), t(...i);
+        clearTimeout(r), t(...s);
       };
       clearTimeout(r), r = setTimeout(n, e);
     };
@@ -738,8 +738,8 @@ class D {
    */
   static throttle(t, e = 250) {
     let r;
-    return function(...s) {
-      r || (t.apply(this, s), r = !0, setTimeout(() => r = !1, e));
+    return function(...i) {
+      r || (t.apply(this, i), r = !0, setTimeout(() => r = !1, e));
     };
   }
   /**
@@ -753,9 +753,9 @@ class D {
    */
   static parents(t, e) {
     const r = [];
-    let s = t.parentElement;
-    for (; s; )
-      s.matches(e) && r.push(s), s = s.parentElement;
+    let i = t.parentElement;
+    for (; i; )
+      i.matches(e) && r.push(i), i = i.parentElement;
     return r;
   }
   /**
@@ -789,10 +789,10 @@ class D {
     );
     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()));
+    const r = e[0], i = e[e.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()));
     };
-    return t.addEventListener("keydown", i), r == null || r.focus(), () => t.removeEventListener("keydown", i);
+    return t.addEventListener("keydown", s), r == null || r.focus(), () => t.removeEventListener("keydown", s);
   }
 }
 class f {
@@ -806,8 +806,8 @@ class f {
    * Set CSS variables
    */
   static setCSSVariables(t, e = document.documentElement) {
-    Object.entries(t).forEach(([r, s]) => {
-      e.style.setProperty(r, s);
+    Object.entries(t).forEach(([r, i]) => {
+      e.style.setProperty(r, i);
     });
   }
   /**
@@ -963,22 +963,22 @@ class f {
    * Darken color by percentage
    */
   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);
+    const r = parseInt(t.replace("#", ""), 16), i = Math.round(2.55 * e), s = (r >> 16) - i, n = (r >> 8 & 255) - i, a = (r & 255) - i;
+    return "#" + (16777216 + (s < 255 ? s < 1 ? 0 : s : 255) * 65536 + (n < 255 ? n < 1 ? 0 : n : 255) * 256 + (a < 255 ? a < 1 ? 0 : a : 255)).toString(16).slice(1);
   }
   /**
    * Lighten color by percentage
    */
   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);
+    const r = parseInt(t.replace("#", ""), 16), i = Math.round(2.55 * e), s = (r >> 16) + i, n = (r >> 8 & 255) + i, a = (r & 255) + i;
+    return "#" + (16777216 + (s < 255 ? s < 1 ? 0 : s : 255) * 65536 + (n < 255 ? n < 1 ? 0 : n : 255) * 256 + (a < 255 ? a < 1 ? 0 : a : 255)).toString(16).slice(1);
   }
   /**
    * Get contrast color (black or white) for background
    */
   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";
+    const e = t.replace("#", ""), r = parseInt(e.substr(0, 2), 16), i = parseInt(e.substr(2, 2), 16), s = parseInt(e.substr(4, 2), 16);
+    return (r * 299 + i * 587 + s * 114) / 1e3 >= 128 ? "#000000" : "#FFFFFF";
   }
   /**
    * Sanitize color value to prevent CSS injection
@@ -1020,8 +1020,8 @@ class f {
    * Convert hex to rgba
    */
   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})`;
+    const r = t.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}, ${e})`;
   }
   /**
    * Generate grid styles
@@ -1271,8 +1271,8 @@ class E {
    * @param {Function} handler
    */
   addListener(t, e, r) {
-    const s = r.bind(this);
-    t.addEventListener(e, s), this._listeners.push({ element: t, event: e, handler: s });
+    const i = r.bind(this);
+    t.addEventListener(e, i), this._listeners.push({ element: t, event: e, handler: i });
   }
   /**
    * Escape HTML to prevent XSS
@@ -1315,25 +1315,17 @@ class E {
    * @returns {string}
    */
   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}`;
+    const e = t.getHours(), r = t.getMinutes(), i = e >= 12 ? "PM" : "AM", s = e % 12 || 12;
+    return r === 0 ? `${s} ${i}` : `${s}:${r.toString().padStart(2, "0")} ${i}`;
   }
   /**
-   * Get contrasting text color for a background color
-   * Uses WCAG luminance formula
+   * Get contrasting text color for a background color.
+   * Delegates to StyleUtils.getContrastColor() as the single implementation.
    * @param {string} bgColor - Hex color string
-   * @returns {string} 'black' or 'white'
+   * @returns {string} '#000000' or '#FFFFFF'
    */
   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 = 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));
-    return 0.2126 * a[0] + 0.7152 * a[1] + 0.0722 * a[2] > 0.179 ? "black" : "white";
+    return !t || typeof t != "string" || t.charAt(0) !== "#" ? "white" : f.getContrastColor(t);
   }
   /**
    * Render the "now" indicator line for time-based views
@@ -1352,32 +1344,32 @@ class E {
    */
   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 };
+    const e = t.map((o) => {
+      const c = new Date(o.start), d = new Date(o.end), l = c.getHours() * 60 + c.getMinutes(), u = Math.max(l + 1, d.getHours() * 60 + d.getMinutes());
+      return { id: o.id, startMin: l, endMin: u };
     });
-    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 e) {
+    e.sort((o, c) => o.startMin - c.startMin || c.endMin - c.startMin - (o.endMin - o.startMin));
+    const r = [], i = /* @__PURE__ */ new Map();
+    for (const o of e) {
       let c = !1;
       for (let d = 0; d < r.length; d++)
-        if (r[d] <= a.startMin) {
-          r[d] = a.endMin, s.set(a.id, { column: d, totalColumns: 0 }), c = !0;
+        if (r[d] <= o.startMin) {
+          r[d] = o.endMin, i.set(o.id, { column: d, totalColumns: 0 }), c = !0;
           break;
         }
-      c || (s.set(a.id, { column: r.length, totalColumns: 0 }), r.push(a.endMin));
+      c || (i.set(o.id, { column: r.length, totalColumns: 0 }), r.push(o.endMin));
     }
-    const i = [];
-    let n = [], o = 0;
-    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) {
-      const c = Math.max(...a.map((d) => s.get(d.id).column)) + 1;
-      for (const d of a)
-        s.get(d.id).totalColumns = c;
+    const s = [];
+    let n = [], a = 0;
+    for (const o of e)
+      n.length === 0 || o.startMin < a ? (n.push(o), a = Math.max(a, o.endMin)) : (s.push(n), n = [o], a = o.endMin);
+    n.length > 0 && s.push(n);
+    for (const o of s) {
+      const c = Math.max(...o.map((d) => i.get(d.id).column)) + 1;
+      for (const d of o)
+        i.get(d.id).totalColumns = c;
     }
-    return s;
+    return i;
   }
   /**
    * Render a timed event block
@@ -1388,16 +1380,16 @@ class E {
    * @returns {string} HTML string
    */
   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";
+    const { compact: r = !0, overlapLayout: i = null } = e, s = new Date(t.start), n = new Date(t.end), a = s.getHours() * 60 + s.getMinutes(), o = Math.max((n - s) / (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(t.id)) {
-      const { column: S, totalColumns: _ } = s.get(t.id), $ = `(100% - ${u + m}px)`;
+    if (i && i.has(t.id)) {
+      const { column: S, totalColumns: _ } = i.get(t.id), $ = `(100% - ${u + m}px)`;
       y = `calc(${u}px + ${S} * ${$} / ${_})`, x = `calc(${$} / ${_})`;
     } else
       y = `${u}px`, x = `calc(100% - ${u + m}px)`;
     return `
             <div class="fc-event fc-timed-event" data-event-id="${this.escapeHTML(t.id)}"
-                 style="position: absolute; top: ${o}px; height: ${a}px;
+                 style="position: absolute; top: ${a}px; height: ${o}px;
                         left: ${y}; width: ${x};
                         background-color: ${c}; border-radius: ${b};
                         padding: ${d}; font-size: ${l};
@@ -1408,7 +1400,7 @@ class E {
                     ${this.escapeHTML(t.title)}
                 </div>
                 <div style="font-size: ${r ? "10px" : "11px"}; opacity: 0.9;">
-                    ${this.formatTime(i)}${r ? "" : " - " + this.formatTime(n)}
+                    ${this.formatTime(s)}${r ? "" : " - " + this.formatTime(n)}
                 </div>
             </div>
         `;
@@ -1429,8 +1421,8 @@ class E {
       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);
+      const r = e.dataset.eventId, i = this.stateManager.getEvents().find((s) => s.id === r);
+      i && this.stateManager.selectEvent(i);
     });
   }
 }
@@ -1451,7 +1443,7 @@ class w extends E {
   }
   _renderMonthView(t, e) {
     const r = e.weekStartsOn || 0;
-    let i = `
+    let s = `
             <div class="fc-month-view" style="display: flex; flex-direction: column; height: 100%; min-height: 400px; background: var(--fc-background); border: 1px solid var(--fc-border-color);">
                 <div class="fc-month-header" style="display: grid; grid-template-columns: repeat(7, 1fr); border-bottom: 1px solid var(--fc-border-color); background: var(--fc-background-alt);">
                     ${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: var(--fc-text-light); text-transform: uppercase;">${n}</div>`).join("")}
@@ -1459,14 +1451,14 @@ class w extends E {
                 <div class="fc-month-body" style="display: flex; flex-direction: column; flex: 1;">
         `;
     return t.weeks.forEach((n) => {
-      i += this._renderWeek(n);
-    }), i += "</div></div>", i;
+      s += this._renderWeek(n);
+    }), s += "</div></div>", s;
   }
   _getDayNames(t) {
     const e = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], r = [];
-    for (let s = 0; s < 7; s++) {
-      const i = (t + s) % 7;
-      r.push(e[i]);
+    for (let i = 0; i < 7; i++) {
+      const s = (t + i) % 7;
+      r.push(e[s]);
     }
     return r;
   }
@@ -1477,15 +1469,15 @@ class w extends E {
     }), e += "</div>", e;
   }
   _renderDay(t) {
-    const e = !t.isCurrentMonth, r = t.isToday, s = e ? "var(--fc-background-hover)" : "var(--fc-background)", i = e ? "var(--fc-text-light)" : "var(--fc-text-color)", n = r ? "background: var(--fc-primary-color); 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;
+    const e = !t.isCurrentMonth, r = t.isToday, i = e ? "var(--fc-background-hover)" : "var(--fc-background)", s = e ? "var(--fc-text-light)" : "var(--fc-text-color)", n = r ? "background: var(--fc-primary-color); color: white; border-radius: 50%; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center;" : "", a = t.events || [], o = a.slice(0, this.maxEventsToShow), c = a.length - this.maxEventsToShow;
     return `
             <div class="fc-month-day" data-date="${t.date}"
-                 style="background: ${s}; border-right: 1px solid var(--fc-border-color); border-bottom: 1px solid var(--fc-border-color); 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}">
+                 style="background: ${i}; border-right: 1px solid var(--fc-border-color); border-bottom: 1px solid var(--fc-border-color); 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}">
                     ${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("")}
+                    ${o.map((d) => this._renderEvent(d)).join("")}
                     ${c > 0 ? `<div class="fc-more-events" style="font-size: 10px; color: var(--fc-text-light); padding: 2px 4px; font-weight: 500;">+${c} more</div>` : ""}
                 </div>
             </div>
@@ -1525,14 +1517,14 @@ class I extends E {
     this.container.innerHTML = r, this._attachEventHandlers(), this._scrollToCurrentTime();
   }
   _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 || [];
+    const r = t.days, i = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], s = Array.from({ length: 24 }, (a, o) => o), n = r.map((a) => {
+      const o = new Date(a.date), c = a.events || [];
       return {
-        ...o,
-        date: a,
-        dayName: s[a.getDay()],
-        dayOfMonth: a.getDate(),
-        isToday: this.isToday(a),
+        ...a,
+        date: o,
+        dayName: i[o.getDay()],
+        dayOfMonth: o.getDate(),
+        isToday: this.isToday(o),
         timedEvents: c.filter((d) => !d.allDay),
         allDayEvents: c.filter((d) => d.allDay)
       };
@@ -1541,7 +1533,7 @@ class I extends E {
             <div class="fc-week-view" style="display: flex; flex-direction: column; height: 100%; background: var(--fc-background); overflow: hidden;">
                 ${this._renderHeader(n)}
                 ${this._renderAllDayRow(n)}
-                ${this._renderTimeGrid(n, i)}
+                ${this._renderTimeGrid(n, s)}
             </div>
         `;
   }
@@ -1622,7 +1614,7 @@ class I extends E {
                 <!-- Timed events -->
                 ${(() => {
       const r = this.computeOverlapLayout(t.timedEvents);
-      return t.timedEvents.map((s) => this.renderTimedEvent(s, { compact: !0, overlapLayout: r })).join("");
+      return t.timedEvents.map((i) => this.renderTimedEvent(i, { compact: !0, overlapLayout: r })).join("");
     })()}
             </div>
         `;
@@ -1631,10 +1623,10 @@ class I extends E {
     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));
+      const r = new Date(e.dataset.date), i = this.container.querySelector("#week-scroll-container"), s = e.offsetTop, n = t.clientY - e.getBoundingClientRect().top + (i ? i.scrollTop : 0) - s, a = Math.max(0, Math.min(n + s, this.totalHeight));
       r.setHours(
-        Math.floor(o / this.hourHeight),
-        Math.floor(o % this.hourHeight / (this.hourHeight / 60)),
+        Math.floor(a / this.hourHeight),
+        Math.floor(a % this.hourHeight / (this.hourHeight / 60)),
         0,
         0
       ), this.stateManager.selectDate(r);
@@ -1663,39 +1655,39 @@ class z extends E {
   }
   _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)
+    const r = ((u = (l = this.stateManager) == null ? void 0 : l.getState()) == null ? void 0 : u.currentDate) || /* @__PURE__ */ new Date(), i = this._extractDayData(t, r);
+    if (!i)
       return '<div style="padding: 20px; text-align: center; color: var(--fc-text-secondary);">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);
+    const { dayDate: s, dayName: n, isToday: a, allDayEvents: o, timedEvents: c } = i, d = Array.from({ length: 24 }, (m, b) => b);
     return `
             <div class="fc-day-view" style="display: flex; flex-direction: column; height: 100%; background: var(--fc-background); overflow: hidden;">
-                ${this._renderHeader(i, n, o)}
-                ${this._renderAllDayRow(a, i)}
-                ${this._renderTimeGrid(c, o, i, d)}
+                ${this._renderHeader(s, n, a)}
+                ${this._renderAllDayRow(o, s)}
+                ${this._renderTimeGrid(c, a, s, d)}
             </div>
         `;
   }
   _extractDayData(t, e) {
-    let r, s, i, n, o;
-    const a = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
+    let r, i, s, n, a;
+    const o = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
     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)) {
+      if (r = new Date(t.date), i = t.dayName || o[r.getDay()], s = t.isToday !== void 0 ? t.isToday : this.isToday(r), n = t.allDayEvents || [], t.hours && Array.isArray(t.hours)) {
         const c = /* @__PURE__ */ new Map();
         t.hours.forEach((d) => {
           (d.events || []).forEach((l) => {
             c.has(l.id) || c.set(l.id, l);
           });
-        }), o = Array.from(c.values());
+        }), a = Array.from(c.values());
       } else
-        o = [];
+        a = [];
     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);
+      r = new Date(c.date), i = o[r.getDay()], s = this.isToday(r);
       const d = c.events || [];
-      n = d.filter((l) => l.allDay), o = d.filter((l) => !l.allDay);
+      n = d.filter((l) => l.allDay), a = d.filter((l) => !l.allDay);
     } else
       return null;
-    return { dayDate: r, dayName: s, isToday: i, allDayEvents: n, timedEvents: o };
+    return { dayDate: r, dayName: i, isToday: s, allDayEvents: n, timedEvents: a };
   }
   _renderHeader(t, e, r) {
     return `
@@ -1731,12 +1723,12 @@ class z extends E {
             </div>
         `;
   }
-  _renderTimeGrid(t, e, r, s) {
+  _renderTimeGrid(t, e, r, i) {
     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(t, e, r, s)}
+                    ${this._renderTimeGutter(i)}
+                    ${this._renderDayColumn(t, e, r, i)}
                 </div>
             </div>
         `;
@@ -1754,19 +1746,19 @@ class z extends E {
             </div>
         `;
   }
-  _renderDayColumn(t, e, r, s) {
+  _renderDayColumn(t, e, r, i) {
     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 var(--fc-background-hover);"></div>`).join("")}
+                ${i.map(() => `<div style="height: ${this.hourHeight}px; border-bottom: 1px solid var(--fc-background-hover);"></div>`).join("")}
 
                 <!-- Now indicator for today -->
                 ${e ? this.renderNowIndicator() : ""}
 
                 <!-- Timed events -->
                 ${(() => {
-      const i = this.computeOverlapLayout(t);
-      return t.map((n) => this.renderTimedEvent(n, { compact: !1, overlapLayout: i })).join("");
+      const s = this.computeOverlapLayout(t);
+      return t.map((n) => this.renderTimedEvent(n, { compact: !1, overlapLayout: s })).join("");
     })()}
             </div>
         `;
@@ -1775,10 +1767,10 @@ class z extends E {
     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));
+      const r = new Date(e.dataset.date), i = this.container.querySelector("#day-scroll-container"), s = e.offsetTop, n = t.clientY - e.getBoundingClientRect().top + (i ? i.scrollTop : 0) - s, a = Math.max(0, Math.min(n + s, this.totalHeight));
       r.setHours(
-        Math.floor(o / this.hourHeight),
-        Math.floor(o % this.hourHeight / (this.hourHeight / 60)),
+        Math.floor(a / this.hourHeight),
+        Math.floor(a % this.hourHeight / (this.hourHeight / 60)),
         0,
         0
       ), this.stateManager.selectDate(r);
@@ -2088,8 +2080,8 @@ class B extends M {
     this.emit("save", t), this.close();
   }
   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}`;
+    const e = (o) => String(o).padStart(2, "0"), r = t.getFullYear(), i = e(t.getMonth() + 1), s = e(t.getDate()), n = e(t.getHours()), a = e(t.getMinutes());
+    return `${r}-${i}-${s}T${n}:${a}`;
   }
   unmount() {
     this._cleanupFocusTrap && this._cleanupFocusTrap(), this._handleKeyDown && (window.removeEventListener("keydown", this._handleKeyDown), this._handleKeyDown = null, this._keydownListenerAdded = !1);
@@ -2117,16 +2109,16 @@ const v = class v extends M {
     this._busUnsubscribers.forEach((r) => r()), this._busUnsubscribers = [];
     const t = this.stateManager.eventBus;
     this._busUnsubscribers.push(
-      t.on("navigation:*", (r, s) => {
-        this.emit("calendar-navigate", { action: s.split(":")[1], ...r });
+      t.on("navigation:*", (r, i) => {
+        this.emit("calendar-navigate", { action: i.split(":")[1], ...r });
       })
     ), this._busUnsubscribers.push(
       t.on("view:changed", (r) => {
         this.emit("calendar-view-change", r);
       })
     );
-    const e = (r, s) => {
-      this.emit(`calendar-event-${r}`, s);
+    const e = (r, i) => {
+      this.emit(`calendar-event-${r}`, i);
     };
     this._busUnsubscribers.push(
       t.on("event:add", (r) => {
@@ -2159,10 +2151,10 @@ const v = class v extends M {
     );
   }
   handleStateChange(t, e) {
-    var a, c;
+    var o, c;
     if (!this._hasRendered)
       return;
-    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);
+    const r = t.view !== (e == null ? void 0 : e.view), i = ((o = t.currentDate) == null ? void 0 : o.getTime()) !== ((c = e == null ? void 0 : e.currentDate) == null ? void 0 : c.getTime()), s = 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;
@@ -2171,7 +2163,7 @@ const v = class v extends M {
       this._updateLoadingState(t.loading);
       return;
     }
-    r && (this.currentView = t.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()) : i ? (this._updateTitle(), this._updateViewContent()) : s && this._updateViewContent();
   }
   /**
    * Update only the title text (no DOM recreation)
@@ -2617,12 +2609,12 @@ const v = class v extends M {
         `;
   }
   template() {
-    const t = this.stateManager.getState(), { currentDate: e, view: r, loading: s, error: i } = t;
-    if (i)
+    const t = this.stateManager.getState(), { currentDate: e, view: r, loading: i, error: s } = t;
+    if (s)
       return `
                 <div class="force-calendar">
                     <div class="fc-error">
-                        <p><strong>Error:</strong> ${D.escapeHTML(i.message || "An error occurred")}</p>
+                        <p><strong>Error:</strong> ${D.escapeHTML(s.message || "An error occurred")}</p>
                     </div>
                 </div>
             `;
@@ -2662,11 +2654,11 @@ const v = class v extends M {
                 </header>
 
                 <div class="fc-body">
-                    <div class="fc-loading" style="display: ${s ? "flex" : "none"};">
+                    <div class="fc-loading" style="display: ${i ? "flex" : "none"};">
                         <div class="fc-spinner"></div>
                         <span>Loading...</span>
                     </div>
-                    <div class="fc-view-container" style="display: ${s ? "none" : "flex"};">
+                    <div class="fc-view-container" style="display: ${i ? "none" : "flex"};">
                         ${this.renderView()}
                     </div>
                 </div>
@@ -2685,27 +2677,27 @@ const v = class v extends M {
         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(t, this.stateManager);
-        i._viewType = this.currentView, this._currentViewInstance = i, i.render();
-      } catch (s) {
-        console.error("[ForceCalendar] Error creating/rendering view:", s);
+        const i = v.RENDERERS[this.currentView] || w, s = new i(t, this.stateManager);
+        s._viewType = this.currentView, this._currentViewInstance = s, s.render();
+      } catch (i) {
+        console.error("[ForceCalendar] Error creating/rendering view:", i);
       }
     }
-    this.$$("[data-action]").forEach((s) => {
-      this.addListener(s, "click", this.handleNavigation);
-    }), this.$$("[data-view]").forEach((s) => {
-      this.addListener(s, "click", this.handleViewChange);
+    this.$$("[data-action]").forEach((i) => {
+      this.addListener(i, "click", this.handleNavigation);
+    }), this.$$("[data-view]").forEach((i) => {
+      this.addListener(i, "click", this.handleViewChange);
     });
     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) => {
-      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.addListener(this.shadowRoot, "day-click", (i) => {
+      e && e.open(i.detail.date);
+    }), e && this.addListener(e, "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.stateManager.addEvent({
         id: n,
-        ...i
+        ...s
       });
     }), this._hasRendered = !0;
   }
@@ -2732,8 +2724,8 @@ const v = class v extends M {
       case "month":
         return p.formatDate(t, "month", r);
       case "week": {
-        const s = p.startOfWeek(t), i = p.endOfWeek(t);
-        return p.formatDateRange(s, i, r);
+        const i = p.startOfWeek(t), s = p.endOfWeek(t);
+        return p.formatDateRange(i, s, r);
       }
       case "day":
         return p.formatDate(t, "long", r);