@luckydye/calendar 1.2.2 → 1.3.0

package/dist/calendar.js

@@ -249,7 +249,7 @@ let Vt = class extends HTMLElement {
 Vt.elementStyles = [], Vt.shadowRootOptions = { mode: "open" }, Vt[re("elementProperties")] = /* @__PURE__ */ new Map(), Vt[re("finalized")] = /* @__PURE__ */ new Map(), yn?.({ ReactiveElement: Vt }), (Ce.reactiveElementVersions ??= []).push("2.1.2");
 const Ke = globalThis, di = (n) => n, we = Ke.trustedTypes, ui = we ? we.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, Bi = "$lit$", At = `lit$${Math.random().toFixed(9).slice(2)}$`, qi = "?" + At, bn = `<${qi}>`, Lt = document, le = () => Lt.createComment(""), ce = (n) => n === null || typeof n != "object" && typeof n != "function", Xe = Array.isArray, wn = (n) => Xe(n) || typeof n?.[Symbol.iterator] == "function", _e = `[ 	
 \f\r]`, ne = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, fi = /-->/g, gi = />/g, It = RegExp(`>|${_e}(?:([^\\s"'>=/]+)(${_e}*=${_e}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), pi = /'/g, vi = /"/g, Vi = /^(?:script|style|textarea|title)$/i, En = (n) => (t, ...e) => ({ _$litType$: n, strings: t, values: e }), _ = En(1), Xt = /* @__PURE__ */ Symbol.for("lit-noChange"), G = /* @__PURE__ */ Symbol.for("lit-nothing"), mi = /* @__PURE__ */ new WeakMap(), Ut = Lt.createTreeWalker(Lt, 129);
+\f\r"'\`<>=]|("|')|))|$)`, "g"), pi = /'/g, vi = /"/g, Vi = /^(?:script|style|textarea|title)$/i, En = (n) => (t, ...e) => ({ _$litType$: n, strings: t, values: e }), O = En(1), Xt = /* @__PURE__ */ Symbol.for("lit-noChange"), G = /* @__PURE__ */ Symbol.for("lit-nothing"), mi = /* @__PURE__ */ new WeakMap(), Ut = Lt.createTreeWalker(Lt, 129);
 function ji(n, t) {
   if (!Xe(n) || !n.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return ui !== void 0 ? ui.createHTML(t) : t;
@@ -1609,14 +1609,14 @@ function ds(n, t) {
         ;
   }
   if (d) {
-    var C = void 0;
+    var M = void 0;
     if (F(t.byweekno, -1))
-      C = -1;
+      M = -1;
     else {
-      var H = Gt(Wt(n - 1, 1, 1)), M = lt(7 - H.valueOf() + t.wkst, 7), x = oe(n - 1) ? 366 : 365, $ = void 0;
-      M >= 4 ? (M = 0, $ = x + lt(H - t.wkst, 7)) : $ = i - d, C = Math.floor(52 + lt($, 7) / 4);
+      var H = Gt(Wt(n - 1, 1, 1)), $ = lt(7 - H.valueOf() + t.wkst, 7), w = oe(n - 1) ? 366 : 365, D = void 0;
+      $ >= 4 ? ($ = 0, D = w + lt(H - t.wkst, 7)) : D = i - d, M = Math.floor(52 + lt(D, 7) / 4);
     }
-    if (F(t.byweekno, C))
+    if (F(t.byweekno, M))
       for (var p = 0; p < d; p++)
         a.wnomask[p] = 1;
   }
@@ -1826,25 +1826,25 @@ function nn(n, t) {
     var h = c.getdayset(i)(l.year, l.month, l.day), u = h[0], f = h[1], v = h[2], g = ys(u, f, v, c, t);
     if (Z(o))
       for (var p = vs(o, d, f, v, c, u), y = 0; y < p.length; y++) {
-        var C = p[y];
-        if (r && C > r)
+        var M = p[y];
+        if (r && M > r)
           return xt(n);
-        if (C >= e) {
-          var H = Ci(C, t);
+        if (M >= e) {
+          var H = Ci(M, t);
           if (!n.accept(H) || a && (--a, !a))
             return xt(n);
         }
       }
     else
       for (var y = f; y < v; y++) {
-        var M = u[y];
-        if (V(M))
-          for (var x = Ji(c.yearordinal + M), $ = 0; $ < d.length; $++) {
-            var w = d[$], C = Qi(x, w);
-            if (r && C > r)
+        var $ = u[y];
+        if (V($))
+          for (var w = Ji(c.yearordinal + $), D = 0; D < d.length; D++) {
+            var E = d[D], M = Qi(w, E);
+            if (r && M > r)
               return xt(n);
-            if (C >= e) {
-              var H = Ci(C, t);
+            if (M >= e) {
+              var H = Ci(M, t);
               if (!n.accept(H) || a && (--a, !a))
                 return xt(n);
             }
@@ -2236,9 +2236,9 @@ const As = [
   { label: "2 hours before", value: 120 },
   { label: "1 day before", value: 1440 }
 ], Os = 12, _s = 12, Hs = 96;
-class U {
+class N {
   constructor(t) {
-    this.startDate = /* @__PURE__ */ new Date(), this.endDate = U.addDays(/* @__PURE__ */ new Date(), 182), this.weekStart = 0, this.filter = "", this.calendarEvents = /* @__PURE__ */ new Map(), this.selectedEvents = /* @__PURE__ */ new Set(), this.enabledCalendars = /* @__PURE__ */ new Set(), this.lockedCalendars = /* @__PURE__ */ new Set(), this.sync = (i, s, r) => {
+    this.startDate = /* @__PURE__ */ new Date(), this.endDate = N.addDays(/* @__PURE__ */ new Date(), 182), this.weekStart = 0, this.filter = "", this.calendarEvents = /* @__PURE__ */ new Map(), this.selectedEvents = /* @__PURE__ */ new Set(), this.enabledCalendars = /* @__PURE__ */ new Set(), this.lockedCalendars = /* @__PURE__ */ new Set(), this.sync = (i, s, r) => {
       const o = [];
       for (const l of r) {
         const c = {
@@ -2254,7 +2254,7 @@ class U {
       return this.storage?.sync(o, a).catch((l) => {
         console.error("Failed to persist events:", l);
       }), o;
-    }, this.locale = t?.locale || navigator.language, this.weekStart = t?.weekStart || U.getWeekStartFromLocale(this.locale), this.startDate = this.getStartOfWeek(U.addDays(/* @__PURE__ */ new Date(), -182));
+    }, this.locale = t?.locale || navigator.language, this.weekStart = t?.weekStart || N.getWeekStartFromLocale(this.locale), this.startDate = this.getStartOfWeek(N.addDays(/* @__PURE__ */ new Date(), -182));
     const e = {
       start: (i) => {
         this.controller = i;
@@ -2274,6 +2274,14 @@ class U {
       this.calendarEvents.set(e.id, e);
     return this.sendEvents(), t;
   }
+  applyEventOptimistically(t) {
+    this.calendarEvents.set(t.id, t), this.storage?.putEvent(t).catch(() => {
+    }), this.sendEvents();
+  }
+  removeEventOptimistically(t) {
+    this.calendarEvents.delete(t), this.storage?.deleteEvent(t).catch(() => {
+    }), this.sendEvents();
+  }
   setFilter(t) {
     this.filter = t, this.sendEvents();
   }
@@ -2421,10 +2429,10 @@ RRULE:${t.rrule}`, h = Fe(d), u = /* @__PURE__ */ new Date();
     for (; s < e; ) {
       const r = [];
       for (let l = 0; l < 7; l++)
-        r.push(new Date(s)), s = U.addDays(s, 1);
+        r.push(new Date(s)), s = N.addDays(s, 1);
       const o = r[0], a = r[3];
       o && a && i.push({
-        weekNumber: U.getWeekNumber(o),
+        weekNumber: N.getWeekNumber(o),
         year: a.getFullYear(),
         // Use Thursday for year
         days: r,
@@ -2438,15 +2446,15 @@ RRULE:${t.rrule}`, h = Fe(d), u = /* @__PURE__ */ new Date();
   extendRange(t) {
     const e = _s, i = [];
     if (t === "past") {
-      const s = U.addDays(this.startDate, -e * 7);
+      const s = N.addDays(this.startDate, -e * 7);
       let r = new Date(s);
       for (; r < this.startDate; ) {
         const o = [];
         for (let c = 0; c < 7; c++)
-          o.push(new Date(r)), r = U.addDays(r, 1);
+          o.push(new Date(r)), r = N.addDays(r, 1);
         const a = o[0], l = o[3];
         a && l && i.push({
-          weekNumber: U.getWeekNumber(a),
+          weekNumber: N.getWeekNumber(a),
           year: l.getFullYear(),
           days: o,
           yOffset: 0,
@@ -2455,15 +2463,15 @@ RRULE:${t.rrule}`, h = Fe(d), u = /* @__PURE__ */ new Date();
       }
       this.startDate = s;
     } else {
-      const s = U.addDays(this.endDate, e * 7);
+      const s = N.addDays(this.endDate, e * 7);
       let r = new Date(this.endDate);
       for (; r < s; ) {
         const o = [];
         for (let c = 0; c < 7; c++)
-          o.push(new Date(r)), r = U.addDays(r, 1);
+          o.push(new Date(r)), r = N.addDays(r, 1);
         const a = o[0], l = o[3];
         a && l && i.push({
-          weekNumber: U.getWeekNumber(a),
+          weekNumber: N.getWeekNumber(a),
           year: l.getFullYear(),
           days: o,
           yOffset: 0,
@@ -2481,12 +2489,12 @@ RRULE:${t.rrule}`, h = Fe(d), u = /* @__PURE__ */ new Date();
     return Hs;
   }
   trimRange(t, e) {
-    t === "past" ? this.startDate = U.addDays(this.startDate, -e * 7) : this.endDate = U.addDays(this.endDate, -e * 7);
+    t === "past" ? this.startDate = N.addDays(this.startDate, -e * 7) : this.endDate = N.addDays(this.endDate, -e * 7);
   }
   // Resets the range to be centered around the target date
   resetRangeAroundDate(t) {
     const e = new Date(t);
-    return e.setHours(0, 0, 0, 0), this.startDate = this.getStartOfWeek(U.addDays(e, -182)), this.endDate = U.addDays(e, 182), this.generateWeeks();
+    return e.setHours(0, 0, 0, 0), this.startDate = this.getStartOfWeek(N.addDays(e, -182)), this.endDate = N.addDays(e, 182), this.generateWeeks();
   }
   getWeekdayNames() {
     const t = new Intl.DateTimeFormat(this.locale, { weekday: "short" }), e = [];
@@ -2521,7 +2529,7 @@ RRULE:${t.rrule}`, h = Fe(d), u = /* @__PURE__ */ new Date();
   }
   // Returns timestamp for end of day using pure math (no Date object creation)
   static endOfDayTime(t) {
-    return t ? U.startOfDayTime(t) + 864e5 - 1 : 0;
+    return t ? N.startOfDayTime(t) + 864e5 - 1 : 0;
   }
   static getWeekStartFromLocale(t) {
     const e = ["en-US", "en-CA", "ja-JP", "ko-KR", "zh-TW"], i = t.split("-")[0];
@@ -2769,7 +2777,7 @@ const ke = class ke extends Kt {
     }, 200));
   }
   render() {
-    return !this.isShowing || !this.currentMessage ? _`` : _`<div class="message">${this.currentMessage}</div>`;
+    return !this.isShowing || !this.currentMessage ? O`` : O`<div class="message">${this.currentMessage}</div>`;
   }
 };
 ke.styles = zi`
@@ -3006,21 +3014,28 @@ class zs {
       r.objectStore(this.storeName).put(this.serializeEvent(t)), r.oncomplete = () => i(), r.onerror = () => s(r.error);
     });
   }
+  async deleteEvent(t) {
+    const e = await this.open();
+    return new Promise((i, s) => {
+      const r = e.transaction(this.storeName, "readwrite");
+      r.objectStore(this.storeName).delete(t), r.oncomplete = () => i(), r.onerror = () => s(r.error);
+    });
+  }
 }
 const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
   constructor() {
     super(), this._dayHeight = Nt, this._scrollTop = 0, this.viewportHeight = 0, this.currentTime = /* @__PURE__ */ new Date(), this.selection = null, this.canvas = null, this.ctx = null, this.overlayCanvas = null, this.overlayCtx = null, this.minimapBufferCanvas = null, this.minimapBufferCtx = null, this.stripePatternCanvas = null, this.scrollContainer = null, this.scrollContent = null, this.resizeObserver = null, this.totalHeight = 0, this.isDraggingZoom = !1, this.zoomDragStartY = 0, this.zoomDragStartHeight = 0, this.zoomOriginY = 0, this.zoomViewportY = 0, this.isPanning = !1, this.panStartX = 0, this.panStartY = 0, this.panStartScrollTop = 0, this.isSelecting = !1, this.selectionStartX = 0, this.selectionStartY = 0, this.potentialSelectionStart = null, this.selectionModifierKey = !1, this.cursorPosition = null, this.animationFrame = null, this.isDraggingMinimap = !1, this.isFiltered = !1, this.timeUpdateInterval = null, this.isExtendingRange = !1, this.isCreatingEvent = !1, this.eventCreationStart = null, this.eventCreationEnd = null, this.eventCreationShiftPressed = !1, this.eventCreationPreviousShiftPressed = !1, this.eventCreationInitialDuration = null, this.movingEvent = null, this.movingEventOrigin = null, this.movingEventEnd = null, this.isDraggingEvent = !1, this.movingEventDuplicateMode = !1, this.movingEventMouseEvent = null, this.isDraggingFile = !1, this.resizingEvent = null, this.resizingEdge = null, this.resizingOriginalStart = null, this.resizingOriginalEnd = null, this.isResizingEvent = !1, this._columnsPerRow = 7, this.historyStack = [], this.historyIndex = 0, this.saveHistoryTimeout = null, this.weeks = [], this.events = [], this.eventRects = [], this.hoveredEventId = null, this.selectedEventForDetail = null, this.selectedEventRect = null, this.isDescriptionExpanded = !1, this.notificationPopoverOpen = !1, this.scheduledNotifications = [], this.updateEventTimeout = null, this.currentUserEmails = /* @__PURE__ */ new Set(), this.currentTheme = Ls(), this.activeCalendarColor = null, this.scrollToToday = (t = !0) => {
       const e = /* @__PURE__ */ new Date();
       let i = this.weeks.findIndex(
-        (r) => r.days.some((o) => U.isSameDay(o, e))
+        (r) => r.days.some((o) => N.isSameDay(o, e))
       );
       i < 0 && (this.weeks = this.internal.resetRangeAroundDate(e), i = this.weeks.findIndex(
-        (r) => r.days.some((o) => U.isSameDay(o, e))
+        (r) => r.days.some((o) => N.isSameDay(o, e))
       ));
       let s = 0.5;
       if (i >= 0) {
         const o = this.weeks[i].days.findIndex(
-          (a) => U.isSameDay(a, e)
+          (a) => N.isSameDay(a, e)
         );
         if (o >= 0) {
           const a = Math.floor(o / this._columnsPerRow), l = (e.getHours() + e.getMinutes() / 60) / 24;
@@ -3257,7 +3272,7 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
         if (a && l) {
           const c = l.getTime() - a.getTime(), d = (f) => {
             const v = f.getMinutes();
-            return f.setMinutes(Math.floor(v / 15) * 15, 0, 0), f;
+            return f.setMinutes(Math.round(v / 15) * 15, 0, 0), f;
           }, h = d(
             new Date(this.movingEvent.start.getTime() + c)
           ), u = d(
@@ -3355,7 +3370,7 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
       }
       const o = this.scrollContainer.clientHeight / 2, a = this.scrollTop + o, l = i / s, d = a * l - o;
       this.setView(i, d);
-    }, this.minimapCanvas = document.createElement("canvas"), this.internal = new U({
+    }, this.minimapCanvas = document.createElement("canvas"), this.internal = new N({
       locale: this.getAttribute("locale") || void 0,
       weekStart: Number(this.getAttribute("week-start")),
       storage: new zs()
@@ -3383,8 +3398,8 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
         if (!this.scrollAnimationFrame) return;
         const y = Math.min((p - u) / h, 1);
         this._dayHeight = r + (t - r) * f(y), this.updateWeekOffsets();
-        const C = c + (d - c) * v(y);
-        this._scrollTop = Math.max(0, C * this.totalHeight), this.scrollContainer && (this.scrollContent && this.scrollContainer.scrollHeight < this._scrollTop && (this.scrollContent.style.minHeight = this._scrollTop + window.innerHeight + "px"), this.scrollContainer.scrollTop = this._scrollTop), this.renderCanvas(), y < 1 ? this.scrollAnimationFrame = requestAnimationFrame(g) : (this._dayHeight = t, this._scrollTop = e, this.saveDayHeight(), this.saveScrollPosition(), this.scrollAnimationFrame = null, this.renderCanvas());
+        const M = c + (d - c) * v(y);
+        this._scrollTop = Math.max(0, M * this.totalHeight), this.scrollContainer && (this.scrollContent && this.scrollContainer.scrollHeight < this._scrollTop && (this.scrollContent.style.minHeight = this._scrollTop + window.innerHeight + "px"), this.scrollContainer.scrollTop = this._scrollTop), this.renderCanvas(), y < 1 ? this.scrollAnimationFrame = requestAnimationFrame(g) : (this._dayHeight = t, this._scrollTop = e, this.saveDayHeight(), this.saveScrollPosition(), this.scrollAnimationFrame = null, this.renderCanvas());
       };
       this.scrollAnimationFrame = requestAnimationFrame(g);
       return;
@@ -3476,10 +3491,10 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
   scrollToDate(t, e = 0.5, i = !1, s = !1, r) {
     const o = r ?? this._dayHeight;
     let a = this.weeks.findIndex(
-      (l) => l.days.some((c) => U.isSameDay(c, t)) || l.days[0] && l.days[6] && l.days[0] <= t && t <= l.days[6]
+      (l) => l.days.some((c) => N.isSameDay(c, t)) || l.days[0] && l.days[6] && l.days[0] <= t && t <= l.days[6]
     );
     if (a < 0 && s && (this.weeks = this.internal.resetRangeAroundDate(t), a = this.weeks.findIndex(
-      (l) => l.days.some((c) => U.isSameDay(c, t)) || l.days[0] && l.days[6] && l.days[0] <= t && t <= l.days[6]
+      (l) => l.days.some((c) => N.isSameDay(c, t)) || l.days[0] && l.days[6] && l.days[0] <= t && t <= l.days[6]
     )), a >= 0) {
       const l = this._dayHeight;
       this._dayHeight = o, this.updateWeekOffsets();
@@ -3559,8 +3574,8 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
     const e = this.dayHeight * this.rowsPerWeek;
     if (this.filter) {
       const s = this.events.map((r) => ({
-        start: U.startOfDayTime(r.start),
-        end: U.endOfDayTime(r.end)
+        start: N.startOfDayTime(r.start),
+        end: N.endOfDayTime(r.end)
       }));
       for (const r of this.weeks) {
         r.yOffset = t;
@@ -3600,15 +3615,15 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
     ), d = this.dayHeight >= 300;
     for (const h of c) {
       const u = h.days.findIndex(
-        (f) => U.isSameDay(f, l)
+        (f) => N.isSameDay(f, l)
       );
       if (u >= 0) {
         const { row: f, col: v } = this.getDayVisualPosition(u), g = z + v * a, p = h.yOffset + f * this.dayHeight - r, y = getComputedStyle(this).getPropertyValue("--bg-today").trim() || "rgba(255, 255, 255, 0.05)";
         if (t.fillStyle = y, t.fillRect(g, p, a, this.dayHeight), d) {
-          const C = /* @__PURE__ */ new Date(), H = C.getHours() * 60 + C.getMinutes(), M = p + H / 1440 * this.dayHeight;
-          if (M >= 0 && M <= i) {
-            const x = getComputedStyle(this).getPropertyValue("--accent-current-time").trim() || "rgba(255, 0, 0, 0.8)";
-            t.strokeStyle = x, t.lineWidth = 1, t.beginPath(), t.moveTo(g, M), t.lineTo(g + a, M), t.stroke(), t.lineWidth = 1;
+          const M = /* @__PURE__ */ new Date(), H = M.getHours() * 60 + M.getMinutes(), $ = p + H / 1440 * this.dayHeight;
+          if ($ >= 0 && $ <= i) {
+            const w = getComputedStyle(this).getPropertyValue("--accent-current-time").trim() || "rgba(255, 0, 0, 0.8)";
+            t.strokeStyle = w, t.lineWidth = 1, t.beginPath(), t.moveTo(g, $), t.lineTo(g + a, $), t.stroke(), t.lineWidth = 1;
           }
         }
       }
@@ -3623,21 +3638,21 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
       if (!u) continue;
       const f = u.yOffset - r;
       if (this.filter && h > 0) {
-        const w = c[h - 1];
-        if (!w) continue;
-        const S = this.weeks.indexOf(w), A = this.weeks.indexOf(u) - S - 1;
-        if (A > 0) {
-          const b = f, E = getComputedStyle(this).getPropertyValue("--grid-color-strong").trim() || "rgba(255, 255, 255, 0.3)";
-          t.strokeStyle = E, t.lineWidth = 1, t.setLineDash([4, 4]), t.beginPath(), t.moveTo(z, b), t.lineTo(e, b), t.stroke(), t.setLineDash([]);
+        const E = c[h - 1];
+        if (!E) continue;
+        const S = this.weeks.indexOf(E), _ = this.weeks.indexOf(u) - S - 1;
+        if (_ > 0) {
+          const b = f, x = getComputedStyle(this).getPropertyValue("--grid-color-strong").trim() || "rgba(255, 255, 255, 0.3)";
+          t.strokeStyle = x, t.lineWidth = 1, t.setLineDash([4, 4]), t.beginPath(), t.moveTo(z, b), t.lineTo(e, b), t.stroke(), t.setLineDash([]);
           const T = getComputedStyle(this).getPropertyValue("--text-muted").trim() || "rgba(255, 255, 255, 0.4)";
           t.fillStyle = T, t.textAlign = "center";
-          const D = `⋯ ${A} week${A > 1 ? "s" : ""}`, N = t.measureText(D).width, L = 8, P = (z + e) / 2 - N / 2 - L, B = b - 8, R = N + L * 2, W = 16, K = getComputedStyle(this).getPropertyValue("--bg-primary").trim() || "rgba(30, 30, 30, 0.9)";
-          t.fillStyle = K, t.beginPath(), t.roundRect(P, B, R, W, 8), t.fill(), t.fillStyle = T, t.fillText(D, (z + e) / 2, b + 4);
+          const C = `⋯ ${_} week${_ > 1 ? "s" : ""}`, U = t.measureText(C).width, L = 8, P = (z + e) / 2 - U / 2 - L, B = b - 8, R = U + L * 2, W = 16, K = getComputedStyle(this).getPropertyValue("--bg-primary").trim() || "rgba(30, 30, 30, 0.9)";
+          t.fillStyle = K, t.beginPath(), t.roundRect(P, B, R, W, 8), t.fill(), t.fillStyle = T, t.fillText(C, (z + e) / 2, b + 4);
         }
       }
       t.strokeStyle = getComputedStyle(this).getPropertyValue("--grid-color").trim() || "rgba(255, 255, 255, 0.1)", t.beginPath(), t.moveTo(z, f), t.lineTo(e, f), t.stroke();
-      for (let w = 1; w < this.rowsPerWeek; w++) {
-        const S = f + w * this.dayHeight;
+      for (let E = 1; E < this.rowsPerWeek; E++) {
+        const S = f + E * this.dayHeight;
         S >= 0 && S <= i && (t.beginPath(), t.moveTo(z, S), t.lineTo(e, S), t.stroke());
       }
       const v = Math.max(
@@ -3653,73 +3668,73 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
         /[\d.]+\)$/,
         `${0.4 * v})`
       );
-      for (let w = 0; w < this.rowsPerWeek; w++) {
-        const S = f + w * this.dayHeight;
-        for (let O = 0; O < 24; O++) {
-          const A = S + O / 24 * this.dayHeight;
-          if (A >= 0 && A <= i && (t.beginPath(), t.moveTo(z, A), t.lineTo(e, A), t.stroke(), v > 0.1)) {
-            const b = `${O.toString().padStart(2, "0")}:00`;
-            t.fillText(b, 48, A + 4);
+      for (let E = 0; E < this.rowsPerWeek; E++) {
+        const S = f + E * this.dayHeight;
+        for (let A = 0; A < 24; A++) {
+          const _ = S + A / 24 * this.dayHeight;
+          if (_ >= 0 && _ <= i && (t.beginPath(), t.moveTo(z, _), t.lineTo(e, _), t.stroke(), v > 0.1)) {
+            const b = `${A.toString().padStart(2, "0")}:00`;
+            t.fillText(b, 48, _ + 4);
           }
         }
       }
       if (v > 0.1) {
-        const w = /* @__PURE__ */ new Date(), S = u.days.findIndex(
-          (O) => U.isSameDay(O, w)
+        const E = /* @__PURE__ */ new Date(), S = u.days.findIndex(
+          (A) => N.isSameDay(A, E)
         );
         if (S >= 0) {
-          const { row: O } = this.getDayVisualPosition(S), A = w.getHours() * 60 + w.getMinutes(), b = f + O * this.dayHeight + A / 1440 * this.dayHeight;
+          const { row: A } = this.getDayVisualPosition(S), _ = E.getHours() * 60 + E.getMinutes(), b = f + A * this.dayHeight + _ / 1440 * this.dayHeight;
           if (b >= 0 && b <= i) {
-            const E = w.getHours().toString().padStart(2, "0"), T = w.getMinutes().toString().padStart(2, "0"), D = `${E}:${T}`;
+            const x = E.getHours().toString().padStart(2, "0"), T = E.getMinutes().toString().padStart(2, "0"), C = `${x}:${T}`;
             t.save(), t.textAlign = "right", t.textBaseline = "middle";
-            const N = t.measureText(D).width, L = 6, P = 48, B = b, R = getComputedStyle(this).getPropertyValue("--bg-elevated").trim() || "rgba(0, 0, 0, 0.7)";
+            const U = t.measureText(C).width, L = 6, P = 48, B = b, R = getComputedStyle(this).getPropertyValue("--bg-elevated").trim() || "rgba(0, 0, 0, 0.7)";
             t.fillStyle = R, t.beginPath(), t.roundRect(
-              P - N - L,
+              P - U - L,
               B - 8,
-              N + L * 2,
+              U + L * 2,
               16,
               4
-            ), t.fill(), t.fillStyle = getComputedStyle(this).getPropertyValue("--text-primary").trim() || "rgba(255, 255, 255, 1)", t.fillText(D, P, B), t.restore();
+            ), t.fill(), t.fillStyle = getComputedStyle(this).getPropertyValue("--text-primary").trim() || "rgba(255, 255, 255, 1)", t.fillText(C, P, B), t.restore();
           }
         }
       }
       const y = Math.max(
         0,
         Math.min(1, 1 - (this.dayHeight - 300) / 50)
-      ), C = getComputedStyle(this).getPropertyValue("--text-muted").trim() || "rgba(255, 255, 255, 0.4)";
-      t.fillStyle = C.replace(
+      ), M = getComputedStyle(this).getPropertyValue("--text-muted").trim() || "rgba(255, 255, 255, 0.4)";
+      t.fillStyle = M.replace(
         /[\d.]+\)$/,
         `${0.4 * y})`
       ), t.textAlign = "center";
-      const H = `W${u.weekNumber}`, M = f, x = f + u.height, $ = Math.max(
+      const H = `W${u.weekNumber}`, $ = f, w = f + u.height, D = Math.max(
         14,
-        Math.min(M + u.height / 2 + 4, x - 4)
+        Math.min($ + u.height / 2 + 4, w - 4)
       );
-      $ >= Math.max(0, M + 4) && $ <= Math.min(i, x) && y > 0.1 && t.fillText(H, 30, $);
+      D >= Math.max(0, $ + 4) && D <= Math.min(i, w) && y > 0.1 && t.fillText(H, 30, D);
     }
     this.renderEventsOnCanvas(t, r, i, a, c), this.renderDateLabels(), this.renderWeekdayLabels(t, a, c, r, i), this.isCreatingEvent && this.renderEventCreationPreview(), this.isDraggingEvent && this.renderEventMovePreview(), this.renderMinimap();
   }
   renderEventsOnCanvas(t, e, i, s, r) {
     const o = this.events, a = getComputedStyle(this).fontFamily, l = e + i, c = this.dayHeight >= 300;
     if (this.eventRects = [], r.length === 0) return;
-    const d = r[0], h = r[r.length - 1], u = d.days[0], f = h.days[6], v = u.getTime(), g = f.getTime() + 864e5 - 1, p = /* @__PURE__ */ new Map(), y = /* @__PURE__ */ new Map(), C = [], H = [], M = [];
+    const d = r[0], h = r[r.length - 1], u = d.days[0], f = h.days[6], v = u.getTime(), g = f.getTime() + 864e5 - 1, p = /* @__PURE__ */ new Map(), y = /* @__PURE__ */ new Map(), M = [], H = [], $ = [];
     for (const b of o) {
-      const E = b.start.getTime(), T = b.end.getTime();
-      if (T < v || E > g)
+      const x = b.start.getTime(), T = b.end.getTime();
+      if (T < v || x > g)
         continue;
-      const D = [];
+      const C = [];
       for (const P of r) {
         const B = P.days[0], R = P.days[6];
         if (!B || !R) continue;
         const W = B.getTime(), K = R.getTime() + 86399999;
-        if (T >= W && E <= K) {
+        if (T >= W && x <= K) {
           const J = this.weeks.indexOf(P);
-          D.push({ weekIndex: J, week: P });
+          C.push({ weekIndex: J, week: P });
         }
       }
-      const N = D.length, L = b.isAllDay === !0;
-      for (let P = 0; P < D.length; P++) {
-        const { weekIndex: B, week: R } = D[P], W = P === 0, K = P === D.length - 1;
+      const U = C.length, L = b.isAllDay === !0;
+      for (let P = 0; P < C.length; P++) {
+        const { weekIndex: B, week: R } = C[P], W = P === 0, K = P === C.length - 1;
         let J = 0, wt = 6;
         if (W && (J = Ui(R, b.start)), K) {
           const ut = L ? new Date(b.end.getTime() - 1) : b.end;
@@ -3733,16 +3748,16 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
           endDayIndex: wt,
           isStart: W,
           isEnd: K,
-          totalWeeks: N
+          totalWeeks: U
         };
-        L ? H.push(rt) : M.push(rt);
+        L ? H.push(rt) : $.push(rt);
       }
     }
-    const x = c ? M.flatMap((b) => {
+    const w = c ? $.flatMap((b) => {
       if (b.startDayIndex === b.endDayIndex) return [b];
-      const E = [];
+      const x = [];
       for (let T = b.startDayIndex; T <= b.endDayIndex; T++)
-        E.push({
+        x.push({
           ...b,
           startDayIndex: T,
           endDayIndex: T,
@@ -3750,30 +3765,30 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
           isEnd: T === b.endDayIndex && b.isEnd,
           totalWeeks: 1
         });
-      return E;
-    }) : M;
-    C.push(...H, ...x);
-    const $ = /* @__PURE__ */ new Map();
-    for (const b of C) {
-      const E = b.event.isAllDay === !0;
-      if (c && !E)
+      return x;
+    }) : $;
+    M.push(...H, ...w);
+    const D = /* @__PURE__ */ new Map();
+    for (const b of M) {
+      const x = b.event.isAllDay === !0;
+      if (c && !x)
         for (let T = b.startDayIndex; T <= b.endDayIndex; T++) {
-          const D = `${b.weekIndex}-${T}`;
-          $.has(D) || $.set(D, []), $.get(D).push(b);
+          const C = `${b.weekIndex}-${T}`;
+          D.has(C) || D.set(C, []), D.get(C).push(b);
         }
     }
-    const w = /* @__PURE__ */ new Map();
-    for (const [b, E] of $) {
-      const [T, D] = b.split("-"), N = parseInt(D), L = parseInt(T), P = [];
-      for (const R of E) {
+    const E = /* @__PURE__ */ new Map();
+    for (const [b, x] of D) {
+      const [T, C] = b.split("-"), U = parseInt(C), L = parseInt(T), P = [];
+      for (const R of x) {
         const W = this.weeks[L];
         if (!W) continue;
-        const K = new Date(W.days[N]).setHours(
+        const K = new Date(W.days[U]).setHours(
           0,
           0,
           0,
           0
-        ), J = new Date(W.days[N]).setHours(
+        ), J = new Date(W.days[U]).setHours(
           23,
           59,
           59,
@@ -3788,32 +3803,32 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
         for (; W < B.length && !(B[W].endMinutes <= R.startMinutes); W++)
           ;
         W === B.length ? B.push({ endMinutes: R.endMinutes }) : B[W].endMinutes = R.endMinutes;
-        const K = `${R.segment.weekIndex}-${R.segment.event.id}-${N}`;
-        w.set(K, {
+        const K = `${R.segment.weekIndex}-${R.segment.event.id}-${U}`;
+        E.set(K, {
           column: W,
           totalColumns: B.length
         });
       }
       for (const R of P) {
-        const W = `${R.segment.weekIndex}-${R.segment.event.id}-${N}`, K = w.get(W);
+        const W = `${R.segment.weekIndex}-${R.segment.event.id}-${U}`, K = E.get(W);
         K && (K.totalColumns = B.length);
       }
     }
-    for (const b of C) {
+    for (const b of M) {
       const {
-        event: E,
+        event: x,
         week: T,
-        weekIndex: D,
-        startDayIndex: N,
+        weekIndex: C,
+        startDayIndex: U,
         endDayIndex: L,
         isStart: P,
         isEnd: B,
         totalWeeks: R
-      } = b, W = T.yOffset, K = E.isAllDay === !0, J = this.getDayVisualPosition(N), wt = this.getDayVisualPosition(L);
+      } = b, W = T.yOffset, K = x.isAllDay === !0, J = this.getDayVisualPosition(U), wt = this.getDayVisualPosition(L);
       J.row, wt.row;
       let rt, ut;
       if (c && !K) {
-        const nt = new Date(T.days[N]).setHours(
+        const nt = new Date(T.days[U]).setHours(
           0,
           0,
           0,
@@ -3823,16 +3838,16 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
           59,
           59,
           999
-        ), Et = E.start.getTime(), gt = E.end.getTime() - 6e4, st = Math.max(Et, nt), j = Math.min(gt, q), pt = new Date(st), vt = new Date(j), Pt = pt.getHours() * 60 + pt.getMinutes(), Rt = vt.getHours() * 60 + vt.getMinutes(), $t = W + J.row * this.dayHeight;
+        ), Et = x.start.getTime(), gt = x.end.getTime() - 6e4, st = Math.max(Et, nt), j = Math.min(gt, q), pt = new Date(st), vt = new Date(j), Pt = pt.getHours() * 60 + pt.getMinutes(), Rt = vt.getHours() * 60 + vt.getMinutes(), $t = W + J.row * this.dayHeight;
         rt = $t + Pt / 1440 * this.dayHeight, ut = $t + Rt / 1440 * this.dayHeight;
       } else {
-        const nt = `${D}-${E.id}`;
+        const nt = `${C}-${x.id}`;
         let q = y.get(nt);
         if (q === void 0) {
           for (q = 0; ; ) {
             let st = !0;
-            for (let j = N; j <= L; j++) {
-              const pt = `${D}-${j}`;
+            for (let j = U; j <= L; j++) {
+              const pt = `${C}-${j}`;
               if (p.get(pt)?.has(q)) {
                 st = !1;
                 break;
@@ -3843,8 +3858,8 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
           }
           y.set(nt, q);
         }
-        for (let st = N; st <= L; st++) {
-          const j = `${D}-${st}`;
+        for (let st = U; st <= L; st++) {
+          const j = `${C}-${st}`;
           let pt = p.get(j);
           pt || (pt = /* @__PURE__ */ new Set(), p.set(j, pt)), pt.add(q);
         }
@@ -3859,7 +3874,7 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
         ut - rt
       );
       let X, Tt;
-      const Qt = `${D}-${E.id}-${N}`, kt = w.get(Qt);
+      const Qt = `${C}-${x.id}-${U}`, kt = E.get(Qt);
       if (c && !K && kt && kt.totalColumns > 1) {
         const nt = s / kt.totalColumns;
         X = z + J.col * s + kt.column * nt, Tt = nt;
@@ -3869,16 +3884,16 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
       }
       const ft = rt - e;
       if (ft + Q < 0 || ft > i) continue;
-      const $e = E.color || "#888888", Ht = this.internal.isEventSelected(E), sn = this.hoveredEventId === E.id, ct = 2, Dt = Tt - ct * 2, te = 3, si = 6;
+      const $e = x.color || "#888888", Ht = this.internal.isEventSelected(x), sn = this.hoveredEventId === x.id, ct = 2, Dt = Tt - ct * 2, te = 3, si = 6;
       let Ct = 4, zt = 4, Mt = 4, Ft = 4;
-      R > 1 && (P && !B ? (zt = 0, Ft = 0) : !P && B ? (Ct = 0, Mt = 0) : !P && !B && (Ct = 0, zt = 0, Mt = 0, Ft = 0)), t.save(), E.readOnly && (t.globalAlpha = 0.5);
+      R > 1 && (P && !B ? (zt = 0, Ft = 0) : !P && B ? (Ct = 0, Mt = 0) : !P && !B && (Ct = 0, zt = 0, Mt = 0, Ft = 0)), t.save(), x.readOnly && (t.globalAlpha = 0.5);
       const Bt = Ps(Re($e)), ri = getComputedStyle(this).getPropertyValue("--text-primary").trim() || "rgba(255, 255, 255, 0.9)", Ae = getComputedStyle(this).getPropertyValue("--text-inverse").trim() || "rgb(0, 0, 0)", rn = Ht ? $e : `hsla(${Bt[0]}, ${Math.min(Bt[1] * 0.9, 90)}%, ${Math.min(
         Bt[2] + 15,
         40
       )}%, 0.45)`, on = Ht ? $e : `hsla(${Bt[0]}, ${Math.min(Bt[1] * 0.9, 90)}%, ${Math.min(
         Bt[2] + 10,
         70
-      )}%, 1)`, an = this.shouldRenderEventWithStripes(E);
+      )}%, 1)`, an = this.shouldRenderEventWithStripes(x);
       if (t.beginPath(), t.roundRect(X + ct, ft, Dt, Q, [
         Ct,
         zt,
@@ -3926,13 +3941,13 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
           ft,
           Dt - te,
           Q
-        ), t.clip(), E.rrule) {
+        ), t.clip(), x.rrule) {
           t.font = `11px ${a}`;
           const vt = "⟳", Pt = t.measureText(vt).width;
           t.fillText(vt, q, Et), gt -= Pt + 4;
         }
-        const st = q + (E.rrule ? t.measureText("⟳").width + 4 : 0);
-        let j = E.title;
+        const st = q + (x.rrule ? t.measureText("⟳").width + 4 : 0);
+        let j = x.title;
         if (t.font = `11px ${a}`, t.measureText(j).width > gt) {
           const Pt = t.measureText("…").width;
           let Rt = 0, $t = j.length, fe = 0;
@@ -3946,7 +3961,7 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
           const vt = (ge) => {
             const pe = ge.getHours(), ee = ge.getMinutes(), ie = pe >= 12 ? "PM" : "AM";
             return `${pe % 12 || 12}:${ee.toString().padStart(2, "0")} ${ie}`;
-          }, Pt = vt(E.start), Rt = vt(E.end), $t = `${Pt} – ${Rt}`, fe = Ht ? Ae : ri;
+          }, Pt = vt(x.start), Rt = vt(x.end), $t = `${Pt} – ${Rt}`, fe = Ht ? Ae : ri;
           t.fillStyle = fe, t.font = `10px ${a}`;
           let ht = $t;
           if (t.measureText(ht).width > gt) {
@@ -3963,7 +3978,7 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
         t.restore();
       }
       t.restore(), this.eventRects.push({
-        event: E,
+        event: x,
         x: X + ct,
         y: rt,
         width: Dt,
@@ -3983,29 +3998,29 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
       "October",
       "November",
       "December"
-    ], O = [], A = /* @__PURE__ */ new Set();
+    ], A = [], _ = /* @__PURE__ */ new Set();
     for (const b of r) {
-      const E = b.days[0];
-      if (!E) continue;
-      const T = E.getMonth(), D = E.getFullYear(), N = `${T}-${D}`;
-      if (!A.has(N)) {
-        A.add(N);
+      const x = b.days[0];
+      if (!x) continue;
+      const T = x.getMonth(), C = x.getFullYear(), U = `${T}-${C}`;
+      if (!_.has(U)) {
+        _.add(U);
         const L = S[T];
-        L && O.push({
-          monthKey: N,
+        L && A.push({
+          monthKey: U,
           monthName: L,
-          year: D,
+          year: C,
           yOffset: b.yOffset
         });
       }
     }
-    for (let b = 0; b < O.length; b++) {
-      const E = O[b], T = O[b + 1], D = E.yOffset, N = T ? T.yOffset : this.totalHeight;
-      if (N < e) continue;
-      if (D > l) break;
-      const L = [12, 0, 0, 12], P = Math.max(0, e - D), B = N - D - 24, R = Math.min(P, B), K = D + R - e + 32;
+    for (let b = 0; b < A.length; b++) {
+      const x = A[b], T = A[b + 1], C = x.yOffset, U = T ? T.yOffset : this.totalHeight;
+      if (U < e) continue;
+      if (C > l) break;
+      const L = [12, 0, 0, 12], P = Math.max(0, e - C), B = U - C - 24, R = Math.min(P, B), K = C + R - e + 32;
       t.save(), t.font = `bold 18px ${a}`, t.textAlign = "left", t.textBaseline = "top";
-      const J = `${E.monthName} ${E.year}`, wt = t.measureText(J).width, ut = 64 + L[3] + 8, Q = K + L[0], X = 8, Tt = 8, Qt = getComputedStyle(this).getPropertyValue("--bg-elevated").trim() || "rgba(0, 0, 0, 0.7)";
+      const J = `${x.monthName} ${x.year}`, wt = t.measureText(J).width, ut = 64 + L[3] + 8, Q = K + L[0], X = 8, Tt = 8, Qt = getComputedStyle(this).getPropertyValue("--bg-elevated").trim() || "rgba(0, 0, 0, 0.7)";
       t.fillStyle = Qt, t.beginPath(), t.roundRect(
         ut - X,
         Q - 4,
@@ -4173,40 +4188,40 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
         for (let p = 0; p < 7; p++) {
           const y = g.days[p];
           if (!y) continue;
-          const { row: C, col: H } = this.getDayVisualPosition(p);
+          const { row: M, col: H } = this.getDayVisualPosition(p);
           if (H < l || H > c) continue;
-          const M = g.yOffset + C * this.dayHeight, x = M + this.dayHeight;
-          if (s < M || i > x) continue;
-          const $ = Math.max(i, M), w = Math.min(s, x), S = $ - M, O = Math.floor(
+          const $ = g.yOffset + M * this.dayHeight, w = $ + this.dayHeight;
+          if (s < $ || i > w) continue;
+          const D = Math.max(i, $), E = Math.min(s, w), S = D - $, A = Math.floor(
             S / this.dayHeight * 24 * 60
-          ), A = Math.floor(O / 60), b = O % 60, E = w - M, T = Math.ceil(
-            E / this.dayHeight * 24 * 60
-          ), D = Math.floor(T / 60), N = T % 60, L = new Date(y);
-          L.setHours(A, b, 0, 0);
+          ), _ = Math.floor(A / 60), b = A % 60, x = E - $, T = Math.ceil(
+            x / this.dayHeight * 24 * 60
+          ), C = Math.floor(T / 60), U = T % 60, L = new Date(y);
+          L.setHours(_, b, 0, 0);
           const P = new Date(y);
-          P.setHours(D, N, 59, 999), h.push({ start: L, end: P });
+          P.setHours(C, U, 59, 999), h.push({ start: L, end: P });
         }
     else
       for (const g of d)
         for (let p = 0; p < 7; p++) {
           const y = g.days[p];
           if (!y) continue;
-          const { row: C, col: H } = this.getDayVisualPosition(p);
+          const { row: M, col: H } = this.getDayVisualPosition(p);
           if (H < l || H > c) continue;
-          const M = g.yOffset + C * this.dayHeight, x = M + this.dayHeight;
-          if (s < M || i > x) continue;
-          const $ = new Date(y);
-          $.setHours(0, 0, 0, 0);
-          const w = new Date(y);
-          w.setHours(23, 59, 59, 999), h.push({ start: $, end: w });
+          const $ = g.yOffset + M * this.dayHeight, w = $ + this.dayHeight;
+          if (s < $ || i > w) continue;
+          const D = new Date(y);
+          D.setHours(0, 0, 0, 0);
+          const E = new Date(y);
+          E.setHours(23, 59, 59, 999), h.push({ start: D, end: E });
         }
     const f = /* @__PURE__ */ new Set();
     for (const g of this.events) {
       if (g.isAllDay) continue;
       const p = g.start.getTime(), y = g.end.getTime();
-      for (const C of h) {
-        const H = C.start.getTime(), M = C.end.getTime();
-        if (!(y < H || p > M)) {
+      for (const M of h) {
+        const H = M.start.getTime(), $ = M.end.getTime();
+        if (!(y < H || p > $)) {
           f.add(g);
           break;
         }
@@ -4233,7 +4248,7 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
     ), this.renderCanvas();
   }
   renderEvents() {
-    return _``;
+    return O``;
   }
   checkAndExtendRange() {
     if (this.isExtendingRange || this.filter) return;
@@ -4364,32 +4379,32 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
       this.movingEventEnd.y
     );
     if (!t || !e) return;
-    const i = e.getTime() - t.getTime(), s = (a) => (a.setMinutes(Math.round(a.getMinutes() / 15) * 15, 0, 0), a), r = s(
+    const i = e.getTime() - t.getTime(), s = (c) => (c.setMinutes(Math.round(c.getMinutes() / 15) * 15, 0, 0), c), r = s(
       new Date(this.movingEvent.start.getTime() + i)
-    ), o = s(new Date(this.movingEvent.end.getTime() + i));
+    ), o = s(new Date(this.movingEvent.end.getTime() + i)), a = (this.movingEvent.start.getTime() + this.movingEvent.end.getTime()) / 2, l = t.getTime() <= a;
     if (this.movingEventDuplicateMode) {
-      const a = getComputedStyle(this).getPropertyValue("--accent-primary").trim() || "rgb(100, 150, 255)";
+      const c = getComputedStyle(this).getPropertyValue("--accent-primary").trim() || "rgb(100, 150, 255)";
       this.renderVirtualEvent(
         r,
         o,
         {
-          fill: a.replace("rgb", "rgba").replace(")", ", 0.3)"),
-          stroke: a.replace("rgb", "rgba").replace(")", ", 0.8)"),
+          fill: c.replace("rgb", "rgba").replace(")", ", 0.3)"),
+          stroke: c.replace("rgb", "rgba").replace(")", ", 0.8)"),
           text: "white"
         },
-        this.movingEventEnd.y
+        l
       );
     } else {
-      const a = Re(this.movingEvent.color || "#888888");
+      const c = Re(this.movingEvent.color || "#888888");
       this.renderVirtualEvent(
         r,
         o,
         {
-          fill: `rgba(${a[0]}, ${a[1]}, ${a[2]}, 0.5)`,
-          stroke: `rgba(${a[0]}, ${a[1]}, ${a[2]}, 0.5)`,
+          fill: `rgba(${c[0]}, ${c[1]}, ${c[2]}, 0.5)`,
+          stroke: `rgba(${c[0]}, ${c[1]}, ${c[2]}, 0.5)`,
           text: "rgba(255, 255, 255, 0.5)"
         },
-        this.movingEventEnd.y
+        l
       );
     }
   }
@@ -4405,104 +4420,91 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
     if (!t || !e) return;
     let i, s;
     if (this.eventCreationShiftPressed && this.eventCreationInitialDuration !== null) {
-      const a = this.convertPositionToDateTime(
+      const l = this.convertPositionToDateTime(
         this.eventCreationEnd.x,
         this.eventCreationEnd.y
       );
-      if (!a) return;
-      s = new Date(a), i = new Date(
-        a.getTime() - this.eventCreationInitialDuration
+      if (!l) return;
+      s = new Date(l), i = new Date(
+        l.getTime() - this.eventCreationInitialDuration
       );
     } else
       i = t < e ? t : e, s = t < e ? e : t;
     i.setMinutes(Math.round(i.getMinutes() / 15) * 15, 0, 0), s.setMinutes(Math.round(s.getMinutes() / 15) * 15, 0, 0);
     let r, o;
     if (this.activeCalendarColor) {
-      const a = Re(this.activeCalendarColor);
-      r = `rgba(${a[0]}, ${a[1]}, ${a[2]}, 0.3)`, o = `rgba(${a[0]}, ${a[1]}, ${a[2]}, 0.8)`;
+      const l = Re(this.activeCalendarColor);
+      r = `rgba(${l[0]}, ${l[1]}, ${l[2]}, 0.3)`, o = `rgba(${l[0]}, ${l[1]}, ${l[2]}, 0.8)`;
     } else {
-      const a = getComputedStyle(this).getPropertyValue("--accent-primary").trim() || "rgb(100, 150, 255)";
-      r = a.replace("rgb", "rgba").replace(")", ", 0.3)"), o = a.replace("rgb", "rgba").replace(")", ", 0.8)");
-    }
-    this.renderVirtualEvent(
-      i,
-      s,
-      {
-        fill: r,
-        stroke: o,
-        text: "white"
-      },
-      this.eventCreationEnd.y
-    );
+      const l = getComputedStyle(this).getPropertyValue("--accent-primary").trim() || "rgb(100, 150, 255)";
+      r = l.replace("rgb", "rgba").replace(")", ", 0.3)"), o = l.replace("rgb", "rgba").replace(")", ", 0.8)");
+    }
+    const a = this.eventCreationShiftPressed ? !1 : this.eventCreationEnd.y <= this.eventCreationStart.y;
+    this.renderVirtualEvent(i, s, { fill: r, stroke: o, text: "white" }, a);
   }
-  renderVirtualEvent(t, e, i, s) {
+  renderVirtualEvent(t, e, i, s = !0) {
     if (!this.overlayCanvas || !this.overlayCtx || !this.scrollContainer)
       return;
-    const r = this.overlayCtx, o = getComputedStyle(this).fontFamily, c = (this.scrollContainer.getBoundingClientRect().width - z - Yi) / this._columnsPerRow, d = (S, O, A) => {
+    const r = this.overlayCtx, o = getComputedStyle(this).fontFamily, c = (this.scrollContainer.getBoundingClientRect().width - z - Yi) / this._columnsPerRow, d = (S, A, _) => {
       const b = this.weeks.find(
         (L) => L.days.some((P) => P.toDateString() === S.toDateString())
       );
       if (!b) return null;
-      const E = b.days.findIndex(
+      const x = b.days.findIndex(
         (L) => L.toDateString() === S.toDateString()
       );
-      if (E < 0) return null;
-      const { row: T } = this.getDayVisualPosition(E), D = O * 60 + A;
-      return b.yOffset + T * this.dayHeight + D / 1440 * this.dayHeight - this.scrollTop;
+      if (x < 0) return null;
+      const { row: T } = this.getDayVisualPosition(x), C = A * 60 + _;
+      return b.yOffset + T * this.dayHeight + C / 1440 * this.dayHeight - this.scrollTop;
     }, h = (S) => {
-      const O = this.weeks.find(
-        (E) => E.days.some((T) => T.toDateString() === S.toDateString())
+      const A = this.weeks.find(
+        (x) => x.days.some((T) => T.toDateString() === S.toDateString())
       );
-      if (!O) return null;
-      const A = O.days.findIndex(
-        (E) => E.toDateString() === S.toDateString()
+      if (!A) return null;
+      const _ = A.days.findIndex(
+        (x) => x.toDateString() === S.toDateString()
       );
-      if (A < 0) return null;
-      const { col: b } = this.getDayVisualPosition(A);
+      if (_ < 0) return null;
+      const { col: b } = this.getDayVisualPosition(_);
       return b * c;
-    }, u = (S, O, A) => {
-      const b = S + 2, E = c - 4, T = Math.max(4, A - O);
-      r.fillStyle = i.fill, r.beginPath(), r.roundRect(b, O, E, T, 4), r.fill(), r.strokeStyle = i.stroke, r.lineWidth = 1, r.setLineDash([6, 3]), r.stroke(), r.setLineDash([]);
+    }, u = (S, A, _) => {
+      const b = S + 2, x = c - 4, T = Math.max(4, _ - A);
+      r.fillStyle = i.fill, r.beginPath(), r.roundRect(b, A, x, T, 4), r.fill(), r.strokeStyle = i.stroke, r.lineWidth = 1, r.setLineDash([6, 3]), r.stroke(), r.setLineDash([]);
     }, f = t.toDateString() === e.toDateString();
     if (f) {
-      const S = h(t), O = d(t, t.getHours(), t.getMinutes()), A = d(e, e.getHours(), e.getMinutes());
-      S != null && O != null && A != null && u(S, O, A);
+      const S = h(t), A = d(t, t.getHours(), t.getMinutes()), _ = d(e, e.getHours(), e.getMinutes());
+      S != null && A != null && _ != null && u(S, A, _);
     } else {
       const S = new Date(t);
       S.setHours(0, 0, 0, 0);
-      const O = new Date(e);
-      for (O.setHours(23, 59, 59, 999); S <= O; ) {
-        const A = h(S);
-        if (A != null) {
-          const b = S.toDateString() === t.toDateString(), E = S.toDateString() === e.toDateString();
-          let T, D;
-          b ? (T = d(S, t.getHours(), t.getMinutes()), D = d(S, 23, 59)) : E ? (T = d(S, 0, 0), D = d(S, e.getHours(), e.getMinutes())) : (T = d(S, 0, 0), D = d(S, 23, 59)), T != null && D != null && u(A, T, D);
+      const A = new Date(e);
+      for (A.setHours(23, 59, 59, 999); S <= A; ) {
+        const _ = h(S);
+        if (_ != null) {
+          const b = S.toDateString() === t.toDateString(), x = S.toDateString() === e.toDateString();
+          let T, C;
+          b ? (T = d(S, t.getHours(), t.getMinutes()), C = d(S, 23, 59)) : x ? (T = d(S, 0, 0), C = d(S, e.getHours(), e.getMinutes())) : (T = d(S, 0, 0), C = d(S, 23, 59)), T != null && C != null && u(_, T, C);
         }
         S.setDate(S.getDate() + 1);
       }
     }
-    const v = (S) => `${S.getHours().toString().padStart(2, "0")}:${S.getMinutes().toString().padStart(2, "0")}`, g = (S) => `${S.getDate()}.${S.getMonth() + 1}`, p = f ? `${v(t)} – ${v(e)}` : `${g(t)} ${v(t)} – ${g(e)} ${v(e)}`, H = Math.abs(e.getTime() - t.getTime()) / (1e3 * 60) < 15, M = h(t), x = h(e), $ = d(t, t.getHours(), t.getMinutes()), w = d(e, e.getHours(), e.getMinutes());
-    if (M != null && x != null && $ != null && w != null) {
+    const v = (S) => `${S.getHours().toString().padStart(2, "0")}:${S.getMinutes().toString().padStart(2, "0")}`, g = (S) => `${S.getDate()}.${S.getMonth() + 1}`, p = f ? `${v(t)} – ${v(e)}` : `${g(t)} ${v(t)} – ${g(e)} ${v(e)}`, H = Math.abs(e.getTime() - t.getTime()) / (1e3 * 60) < 15, $ = h(t), w = h(e), D = d(t, t.getHours(), t.getMinutes()), E = d(e, e.getHours(), e.getMinutes());
+    if ($ != null && w != null && D != null && E != null) {
       r.font = `600 11px ${o}`, r.fillStyle = i.text, r.textAlign = "left";
-      let S = !0;
-      if (s !== void 0) {
-        const A = s - this.scrollTop, b = Math.abs(A - $), E = Math.abs(A - w);
-        S = b < E;
-      }
-      const O = S ? M : x;
+      const S = s ? $ : w;
       if (H) {
-        const A = S ? $ : w, b = A + 6, E = A + 10, T = r.measureText(p).width, D = 6, N = getComputedStyle(this).getPropertyValue("--bg-elevated").trim() || "rgba(0, 0, 0, 0.8)";
-        r.fillStyle = N, r.beginPath(), r.roundRect(
-          O + 4,
-          b,
-          T + D * 2,
+        const A = s ? D : E, _ = A + 6, b = A + 10, x = r.measureText(p).width, T = 6, C = getComputedStyle(this).getPropertyValue("--bg-elevated").trim() || "rgba(0, 0, 0, 0.8)";
+        r.fillStyle = C, r.beginPath(), r.roundRect(
+          S + 4,
+          _,
+          x + T * 2,
           16,
           4
-        ), r.fill(), r.fillStyle = "white", r.textBaseline = "top", r.fillText(p, O + 4 + D, E);
+        ), r.fill(), r.fillStyle = "white", r.textBaseline = "top", r.fillText(p, S + 4 + T, b);
       } else {
         r.textBaseline = "top";
-        const A = S ? $ + 4 : w - 18;
-        r.fillText(p, O + 8, A);
+        const A = s ? D + 4 : E - 18;
+        r.fillText(p, S + 8, A);
       }
     }
   }
@@ -4523,19 +4525,19 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
           if (!d) continue;
           const { row: h, col: u } = this.getDayVisualPosition(c), f = u * s, v = l.yOffset + h * this.dayHeight - r, g = v + this.dayHeight;
           if (c === 5 || c === 6) {
-            const x = getComputedStyle(this).getPropertyValue("--bg-weekend").trim() || "rgba(255, 255, 255, 0.03)";
-            t.fillStyle = x, t.fillRect(f, v, s, this.dayHeight);
+            const w = getComputedStyle(this).getPropertyValue("--bg-weekend").trim() || "rgba(255, 255, 255, 0.03)";
+            t.fillStyle = w, t.fillRect(f, v, s, this.dayHeight);
           }
           const p = this.dayHeight >= 300, y = /* @__PURE__ */ new Date();
-          if (!p && U.isSameDay(d, y)) {
-            const x = getComputedStyle(this).getPropertyValue("--accent-current-time").trim() || "rgba(255, 0, 0, 0.8)";
-            t.strokeStyle = x, t.lineWidth = 1, t.strokeRect(f + 1, v + 1, s - 2, this.dayHeight - 2), t.lineWidth = 1;
+          if (!p && N.isSameDay(d, y)) {
+            const w = getComputedStyle(this).getPropertyValue("--accent-current-time").trim() || "rgba(255, 0, 0, 0.8)";
+            t.strokeStyle = w, t.lineWidth = 1, t.strokeRect(f + 1, v + 1, s - 2, this.dayHeight - 2), t.lineWidth = 1;
           }
-          const C = 12, M = Math.min(
-            g - C - 8,
-            i - C - 64
+          const M = 12, $ = Math.min(
+            g - M - 8,
+            i - M - 64
           );
-          v < i && g > 0 && M > v && (t.fillStyle = a, t.fillText(d.getDate().toString(), f + s - 12, M));
+          v < i && g > 0 && $ > v && (t.fillStyle = a, t.fillText(d.getDate().toString(), f + s - 12, $));
         }
       }
   }
@@ -4551,25 +4553,25 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
         const p = Math.min(h, g - d - 2);
         if (!(p < 0))
           for (let y = 0; y < this._columnsPerRow; y++) {
-            const C = f * this._columnsPerRow + y;
-            if (C >= 7) continue;
-            const H = o[C];
+            const M = f * this._columnsPerRow + y;
+            if (M >= 7) continue;
+            const H = o[M];
             if (!H) continue;
-            const M = z + y * e + e / 2, x = t.measureText(H).width, $ = 6, w = 2;
+            const $ = z + y * e + e / 2, w = t.measureText(H).width, D = 6, E = 2;
             t.fillStyle = c, t.beginPath(), t.roundRect(
-              M - x / 2 - $,
+              $ - w / 2 - D,
               p,
-              x + $ * 2,
+              w + D * 2,
               d,
               4
-            ), t.fill(), t.fillStyle = l, t.fillText(H, M, p + w + 1);
+            ), t.fill(), t.fillStyle = l, t.fillText(H, $, p + E + 1);
           }
       }
   }
   renderSelection() {
-    if (!this.selection) return _``;
+    if (!this.selection) return O``;
     const t = Math.min(this.selection.startX, this.selection.endX), e = Math.max(this.selection.startX, this.selection.endX), i = Math.min(this.selection.startY, this.selection.endY), s = Math.max(this.selection.startY, this.selection.endY);
-    return _`
+    return O`
       <div
         class="selection"
         style="
@@ -4595,20 +4597,20 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
       for (let p = v; p <= g; p++) {
         const y = this.weeks[p];
         if (!y || y.height === 0) continue;
-        const C = y.days[0], H = y.days[6];
-        if (!C || !H) continue;
-        const M = C.getTime(), x = H.getTime() + a - 1, $ = Math.max(d, M), w = Math.min(h, x), S = Math.floor(
-          $ % a / l
-        ), O = Math.floor(
-          w % a / l
-        ), A = y.yOffset / this.totalHeight * e + S / 1440 * (y.height / this.totalHeight * e), b = y.yOffset / this.totalHeight * e + O / 1440 * (y.height / this.totalHeight * e);
-        i.globalAlpha = c.readOnly ? 0.333 * 0.5 : 0.333, i.fillStyle = c.color || "#888", i.fillRect(2, A, t - 4, Math.max(b - A, 2));
+        const M = y.days[0], H = y.days[6];
+        if (!M || !H) continue;
+        const $ = M.getTime(), w = H.getTime() + a - 1, D = Math.max(d, $), E = Math.min(h, w), S = Math.floor(
+          D % a / l
+        ), A = Math.floor(
+          E % a / l
+        ), _ = y.yOffset / this.totalHeight * e + S / 1440 * (y.height / this.totalHeight * e), b = y.yOffset / this.totalHeight * e + A / 1440 * (y.height / this.totalHeight * e);
+        i.globalAlpha = c.readOnly ? 0.333 * 0.5 : 0.333, i.fillStyle = c.color || "#888", i.fillRect(2, _, t - 4, Math.max(b - _, 2));
       }
     }
   }
   renderMinimap() {
-    if (this.totalHeight === 0 || this.weeks.length === 0) return _``;
-    if (!this.minimapBufferCanvas) return _``;
+    if (this.totalHeight === 0 || this.weeks.length === 0) return O``;
+    if (!this.minimapBufferCanvas) return O``;
     const t = 32, e = 2e3, i = this.viewportHeight / this.totalHeight, s = this.scrollTop / this.totalHeight * e, r = Math.max(i * e, 4), o = this.minimapCanvas, a = o.getContext("2d");
     if (o.width = t, o.height = e, !a) throw new Error("Failed to get 2d context");
     a.drawImage(this.minimapBufferCanvas, 0, 0), getComputedStyle(this).getPropertyValue("--grid-color").trim();
@@ -4750,7 +4752,7 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
   }
   renderNotificationsList(t) {
     return t.reminders?.length ? t.reminders.map(
-      (e) => _`
+      (e) => O`
 			<div class="notification-item">
 				<select
 					class="notification-select"
@@ -4761,7 +4763,7 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
       }}
 				>
 					${As.map(
-        (i) => _`<option value="${i.value}" ?selected=${i.value === e.triggerOffset}>${i.label}</option>`
+        (i) => O`<option value="${i.value}" ?selected=${i.value === e.triggerOffset}>${i.label}</option>`
       )}
 				</select>
 				<button
@@ -4770,7 +4772,7 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
 				>×</button>
 			</div>
 		`
-    ) : _`<div class="notification-empty-state">No notifications set</div>`;
+    ) : O`<div class="notification-empty-state">No notifications set</div>`;
   }
   addNotification(t) {
     const e = {
@@ -4828,64 +4830,64 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
   renderEventDetail() {
     if (!this.selectedEventForDetail || !this.selectedEventRect)
       return null;
-    const t = this.selectedEventForDetail, e = (x) => new Intl.DateTimeFormat(this.locale, {
+    const t = this.selectedEventForDetail, e = (w) => new Intl.DateTimeFormat(this.locale, {
       weekday: "short",
       year: "numeric",
       month: "short",
       day: "numeric"
-    }).format(x), i = (x) => new Intl.DateTimeFormat(this.locale, {
+    }).format(w), i = (w) => new Intl.DateTimeFormat(this.locale, {
       hour: "numeric",
       minute: "2-digit"
-    }).format(x), s = U.isSameDay(t.start, t.end), r = 320, o = 550, a = 8, l = this.scrollContainer?.clientWidth || 800, c = this.scrollContainer?.clientHeight || 600, d = this.selectedEventRect.x + this.selectedEventRect.width + a, h = this.selectedEventRect.x - r - a, u = d + r <= l ? d : h, f = z + a, v = l - r - a, g = Math.max(f, Math.min(v, u)), p = this.selectedEventRect.y - this.scrollTop, y = a, C = c - o - a, H = Math.max(y, Math.min(C, p)), M = `left: ${g}px; top: ${H}px; --calendar-color: ${t.color || "#888888"};`;
-    return _`
-      <div class="event-detail-overlay" style="${M}">
+    }).format(w), s = N.isSameDay(t.start, t.end), r = 320, o = 550, a = 8, l = this.scrollContainer?.clientWidth || 800, c = this.scrollContainer?.clientHeight || 600, d = this.selectedEventRect.x + this.selectedEventRect.width + a, h = this.selectedEventRect.x - r - a, u = d + r <= l ? d : h, f = z + a, v = l - r - a, g = Math.max(f, Math.min(v, u)), p = this.selectedEventRect.y - this.scrollTop, y = a, M = c - o - a, H = Math.max(y, Math.min(M, p)), $ = `left: ${g}px; top: ${H}px; --calendar-color: ${t.color || "#888888"};`;
+    return O`
+      <div class="event-detail-overlay" style="${$}">
         <div class="event-detail-content">
           <div class="event-detail-header">
           <div class="event-detail-header-content">
-            ${t.calendar ? _`
+            ${t.calendar ? O`
                     <div class="event-detail-section event-detail-calendar">
                         <div class="event-detail-value">${t.calendar}</div>
                     </div>
                     ` : null}
-            ${t.readOnly || t.organizer != null && !this.currentUserEmails.has(t.organizer.email) ? _`
-              <h3 class="event-detail-title">${t.rrule ? _`<span style="opacity: 0.6">⟳</span> ` : ""}${t.title}</h3>
-            ` : _`
+            ${t.readOnly || t.organizer != null && !this.currentUserEmails.has(t.organizer.email) ? O`
+              <h3 class="event-detail-title">${t.rrule ? O`<span style="opacity: 0.6">⟳</span> ` : ""}${t.title}</h3>
+            ` : O`
               <textarea
                 class="event-detail-title-input"
                 .value=${t.title}
                 placeholder="Event title"
-                @input=${(x) => {
-      const w = x.target.value;
-      w !== t.title && (this.updateEventTimeout && clearTimeout(this.updateEventTimeout), this.updateEventTimeout = setTimeout(() => {
+                @input=${(w) => {
+      const E = w.target.value;
+      E !== t.title && (this.updateEventTimeout && clearTimeout(this.updateEventTimeout), this.updateEventTimeout = setTimeout(() => {
         this.dispatchEvent(
           new CustomEvent("update-event", {
-            detail: { event: t, updates: { title: w } },
+            detail: { event: t, updates: { title: E } },
             bubbles: !0,
             composed: !0
           })
         ), this.updateEventTimeout = null;
       }, 500));
     }}
-                @keydown=${(x) => {
-      if (x.key === "Enter") {
+                @keydown=${(w) => {
+      if (w.key === "Enter") {
         this.updateEventTimeout && (clearTimeout(this.updateEventTimeout), this.updateEventTimeout = null);
-        const $ = x.target, w = $.value;
-        w !== t.title && this.dispatchEvent(
+        const D = w.target, E = D.value;
+        E !== t.title && this.dispatchEvent(
           new CustomEvent("update-event", {
-            detail: { event: t, updates: { title: w } },
+            detail: { event: t, updates: { title: E } },
             bubbles: !0,
             composed: !0
           })
-        ), $.blur();
+        ), D.blur();
       }
     }}
               />
             `}
             <div class="event-detail-time">
-              ${s ? _`
+              ${s ? O`
                   <div>${e(t.start)}</div>
                   <div>${i(t.start)} – ${i(t.end)}</div>
-                ` : _`
+                ` : O`
                   <div>${e(t.start)}, ${i(t.start)}</div>
                   <div>${e(t.end)}, ${i(t.end)}</div>
                 `}
@@ -4900,14 +4902,20 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
         </div>
 
         <div class="event-detail-body">
-          ${t.location ? _`
+          ${(() => {
+      const w = t.description?.match(/https:\/\/teams\.microsoft\.com\/[^\s<>"]+/), D = w ? w[0] : null;
+      return !t.location && !D ? null : O`
               <div class="event-detail-section">
                 <div class="event-detail-label">Location</div>
-                <div class="event-detail-value">${t.location}</div>
+                <div class="event-detail-value">
+                  ${t.location ? O`<div>${t.location}</div>` : null}
+                  ${D ? O`<a href="${D}" class="event-detail-link" target="_blank" rel="noopener">Join Microsoft Teams Meeting</a>` : null}
+                </div>
               </div>
-            ` : null}
+            `;
+    })()}
 
-          ${t.url ? _`
+          ${t.url ? O`
               <div class="event-detail-section">
                 <div class="event-detail-label">URL</div>
                 <div class="event-detail-value">
@@ -4918,7 +4926,7 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
               </div>
             ` : null}
 
-          ${t.organizer ? _`
+          ${t.organizer ? O`
               <div class="event-detail-section">
                 <div class="event-detail-label">Organizer</div>
                 <div class="event-detail-value">
@@ -4929,17 +4937,17 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
 
           ${(() => {
       if (!t.attendees || t.attendees.length === 0) return null;
-      const x = this.findCurrentUserAttendee(t), $ = x ? t.attendees.filter((w) => w !== x) : t.attendees;
-      return $.length > 0 ? _`
+      const w = this.findCurrentUserAttendee(t), D = w ? t.attendees.filter((E) => E !== w) : t.attendees;
+      return D.length > 0 ? O`
 								<div class="event-detail-section">
-									<div class="event-detail-label">Participants (${$.length})</div>
+									<div class="event-detail-label">Participants (${D.length})</div>
 									<div class="event-detail-value">
-										${$.map(
-        (w) => _`
+										${D.map(
+        (E) => O`
 												<div style="margin-bottom: 4px">
-													<span title=${w.email}>${w.name || w.email}</span>
-													${w.status ? _`<span style="opacity: 0.7"> - ${this.formatAttendeeStatus(
-          w.status
+													<span title=${E.email}>${E.name || E.email}</span>
+													${E.status ? O`<span style="opacity: 0.7"> - ${this.formatAttendeeStatus(
+          E.status
         )}</span>` : null}
 												</div>
 											`
@@ -4949,7 +4957,7 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
 							` : null;
     })()}
 
-          ${t.readOnly ? null : _`
+          ${t.readOnly ? null : O`
             <div class="event-detail-section">
               <div class="event-detail-label">
                   <span>Notifications</span>
@@ -4964,7 +4972,7 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
             </div>
           `}
 
-          ${t.readOnly || t.organizer != null && !this.currentUserEmails.has(t.organizer.email) ? t.description ? _`
+          ${t.readOnly || t.organizer != null && !this.currentUserEmails.has(t.organizer.email) ? t.description ? O`
               <div class="event-detail-section">
                 <div class="event-detail-label">Description</div>
                 <div class="event-detail-description ${this.isDescriptionExpanded ? "expanded" : ""}">
@@ -4975,7 +4983,7 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
     )}</pre>
                 </div>
                 ${t.description.length > 300 || t.description.split(`
-`).length > 8 ? _`
+`).length > 8 ? O`
                     <button
                       class="description-see-more"
                       @click=${() => {
@@ -4986,7 +4994,7 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
                     </button>
                   ` : null}
               </div>
-            ` : null : _`
+            ` : null : O`
               <div class="event-detail-section">
                 <div class="event-detail-label">Description</div>
                 <textarea
@@ -4994,14 +5002,14 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
                   .value=${t.description ?? ""}
                   placeholder="Add description..."
                   rows="3"
-                  @input=${(x) => {
-      const w = x.target.value;
+                  @input=${(w) => {
+      const E = w.target.value;
       this.updateEventTimeout && clearTimeout(this.updateEventTimeout), this.updateEventTimeout = setTimeout(() => {
         this.dispatchEvent(
           new CustomEvent("update-event", {
             detail: {
               event: t,
-              updates: { description: w }
+              updates: { description: E }
             },
             bubbles: !0,
             composed: !0
@@ -5009,13 +5017,13 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
         ), this.updateEventTimeout = null;
       }, 500);
     }}
-                  @blur=${(x) => {
-      const w = x.target.value;
-      this.updateEventTimeout && (clearTimeout(this.updateEventTimeout), this.updateEventTimeout = null), w !== (t.description ?? "") && this.dispatchEvent(
+                  @blur=${(w) => {
+      const E = w.target.value;
+      this.updateEventTimeout && (clearTimeout(this.updateEventTimeout), this.updateEventTimeout = null), E !== (t.description ?? "") && this.dispatchEvent(
         new CustomEvent("update-event", {
           detail: {
             event: t,
-            updates: { description: w }
+            updates: { description: E }
           },
           bubbles: !0,
           composed: !0
@@ -5029,29 +5037,29 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
 
           ${(() => {
       if (!t.attendees || t.attendees.length === 0) return null;
-      const x = this.findCurrentUserAttendee(t);
-      return !x || t.readOnly || t.organizer?.email === x.email ? null : _`
+      const w = this.findCurrentUserAttendee(t);
+      return !w || t.readOnly || t.organizer?.email === w.email ? null : O`
 							<div class="event-detail-footer">
 								<div class="invite-response-buttons">
 									<button
-										class="invite-response-button ${x.status === "ACCEPTED" ? "active" : ""}"
-										@click=${() => this.updateAttendeeStatus(t, x, "ACCEPTED")}
+										class="invite-response-button ${w.status === "ACCEPTED" ? "active" : ""}"
+										@click=${() => this.updateAttendeeStatus(t, w, "ACCEPTED")}
 									>
 										Accept
 									</button>
 									<button
-										class="invite-response-button ${x.status === "TENTATIVE" ? "active" : ""}"
+										class="invite-response-button ${w.status === "TENTATIVE" ? "active" : ""}"
 										@click=${() => this.updateAttendeeStatus(
         t,
-        x,
+        w,
         "TENTATIVE"
       )}
 									>
 										Maybe
 									</button>
 									<button
-										class="invite-response-button ${x.status === "DECLINED" ? "active" : ""}"
-										@click=${() => this.updateAttendeeStatus(t, x, "DECLINED")}
+										class="invite-response-button ${w.status === "DECLINED" ? "active" : ""}"
+										@click=${() => this.updateAttendeeStatus(t, w, "DECLINED")}
 									>
 										Decline
 									</button>
@@ -5064,62 +5072,10 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
     `;
   }
   render() {
-    return _`
+    return O`
       <div class="container ${this.isDraggingFile ? "dragging-file" : ""}">
-        <div class="toolbar">
-          <div class="toolbar-left">
-            <slot name="toolbar-center"></slot>
-            
-            <button class="toolbar-button" title="Month" @click=${this.scrollToMonth}>
-              Month
-            </button>
-            <button class="toolbar-button" title="Today" @click=${this.scrollToToday}>
-              Today
-            </button>
-            <button ?disabled=${this.historyStack.length === 0 || this.historyIndex >= this.historyStack.length - 1} class="toolbar-button" title="Back" @click=${this.goBack}>
-              ←
-            </button>
-            <button ?disabled=${this.historyStack.length === 0 || this.historyIndex === 0} class="toolbar-button" title="Forward" @click=${this.goForward}>
-              →
-            </button>
-            <div class="toolbar-zoom">
-              <input
-                type="range"
-                class="toolbar-zoom-slider"
-                min="${Nt}"
-                max="${me}"
-                .value=${this.dayHeight}
-                @input=${this.onZoomSliderChange}
-                title="Adjust zoom level"
-              />
-            </div>
-          </div>
-
-          <div class="toolbar-right">
-            <!--<select
-              class="theme-selector"
-              .value=${this.currentTheme}
-              @change=${this.onThemeChange}
-              title="Select theme"
-            >
-              ${Ws.map(
-      (t) => _`<option value="${t.name}">${t.label}</option>`
-    )}
-            </select>-->
-            <div class="toolbar-search">
-              <span class="toolbar-search-icon">🔍</span>
-              <input
-                class="toolbar-search-input"
-                type="text"
-                placeholder="Filter events..."
-                .value=${this.filter}
-                @input=${this.onFilterInput}
-              />
-            </div>
-          </div>
-        </div>
-
         <div class="body">
+          <slot name="sidebar"></slot>
           <div class="calendar-area">
             <div class="canvas-layer">
               <canvas></canvas>
@@ -5139,6 +5095,57 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
             ${this.minimapCanvas}
             ${this.renderEventDetail()}
             ${this.renderNotificationPopover()}
+          
+            <div class="toolbar">
+                <div class="toolbar-left">
+                <button class="toolbar-button" title="Month" @click=${this.scrollToMonth}>
+                    Month
+                </button>
+                <button class="toolbar-button" title="Today" @click=${this.scrollToToday}>
+                    Today
+                </button>
+                <button ?disabled=${this.historyStack.length === 0 || this.historyIndex >= this.historyStack.length - 1} class="toolbar-button" title="Back" @click=${this.goBack}>
+                    ←
+                </button>
+                <button ?disabled=${this.historyStack.length === 0 || this.historyIndex === 0} class="toolbar-button" title="Forward" @click=${this.goForward}>
+                    →
+                </button>
+                <div class="toolbar-zoom">
+                    <input
+                    type="range"
+                    class="toolbar-zoom-slider"
+                    min="${Nt}"
+                    max="${me}"
+                    .value=${this.dayHeight}
+                    @input=${this.onZoomSliderChange}
+                    title="Adjust zoom level"
+                    />
+                </div>
+                </div>
+    
+                <div class="toolbar-right">
+                <!--<select
+                    class="theme-selector"
+                    .value=${this.currentTheme}
+                    @change=${this.onThemeChange}
+                    title="Select theme"
+                >
+                    ${Ws.map(
+      (t) => O`<option value="${t.name}">${t.label}</option>`
+    )}
+                </select>-->
+                <div class="toolbar-search">
+                    <span class="toolbar-search-icon">🔍</span>
+                    <input
+                    class="toolbar-search-input"
+                    type="text"
+                    placeholder="Filter events..."
+                    .value=${this.filter}
+                    @input=${this.onFilterInput}
+                    />
+                </div>
+                </div>
+            </div>
           </div>
         </div>
       </div>
@@ -5155,7 +5162,7 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
       hour: "numeric",
       minute: "2-digit"
     });
-    return _`
+    return O`
 			<div class="notification-popover-overlay" @click=${this.onNotificationPopoverToggle}></div>
 			<div class="notification-popover">
 				<div class="notification-popover-header">
@@ -5163,8 +5170,8 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
 					<button class="notification-popover-close" @click=${this.onNotificationPopoverToggle}>×</button>
 				</div>
 				<div class="notification-popover-content">
-					${this.scheduledNotifications.length === 0 ? _`<div class="notification-popover-empty">No scheduled notifications</div>` : this.scheduledNotifications.map(
-      (i) => _`
+					${this.scheduledNotifications.length === 0 ? O`<div class="notification-popover-empty">No scheduled notifications</div>` : this.scheduledNotifications.map(
+      (i) => O`
 									<div class="notification-popover-item">
 										<div class="notification-popover-item-header">
 											<div class="notification-popover-item-title">${i.eventTitle}</div>
@@ -5176,7 +5183,7 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
 											<div class="notification-popover-item-event-time">📅 ${e(
         i.eventStart
       )}</div>
-											${i.eventLocation ? _`<div class="notification-popover-item-location">📍 ${i.eventLocation}</div>` : null}
+											${i.eventLocation ? O`<div class="notification-popover-item-location">📍 ${i.eventLocation}</div>` : null}
 										</div>
 									</div>
 								`
@@ -5214,31 +5221,24 @@ ni.styles = zi`
       align-items: center;
       justify-content: space-between;
       padding: 8px 10px;
-      background: var(--bg-secondary, rgba(36, 36, 38, 0.5));
-      border: 1px solid var(--grid-color, rgba(255, 255, 255, 0.1));
+      background: var(--bg-primary, rgb(30, 30, 30));
       flex-shrink: 0;
       gap: 16px;
       position: absolute;
-      bottom: .25rem;
-      left: .5rem;
-      right: 0.5rem;
+      bottom: 0;
+      left: 0;
+      right: 0;
       z-index: 100;
-      border-radius: var(--border-radius-lg, 8px);
-      overflow: hidden;
-      
-      --backdrop-padding: 30px;
-      --backdrop-size: 42px;
     }
 
     .toolbar::before {
       content: '';
-      width: 100%;
       position: absolute;
-      top: calc(var(--backdrop-padding) * -1);
       left: 0;
-      bottom: calc(var(--backdrop-padding) * -1);
-      backdrop-filter: blur(var(--backdrop-size));
-      z-index: -1;
+      right: 0;
+      bottom: 100%;
+      height: 48px;
+      background: linear-gradient(to bottom, transparent, var(--bg-primary, rgb(30, 30, 30)));
       pointer-events: none;
     }
 
@@ -5554,6 +5554,7 @@ ni.styles = zi`
       display: flex;
       flex-direction: column;
       gap: 16px;
+      background: var(--bg-secondary, rgba(36, 36, 38, 0.5));
     }
 
     .event-detail-section {
@@ -5618,13 +5619,14 @@ ni.styles = zi`
       flex-direction: column;
       min-width: 0;
       max-height: 550px;
+      border-radius: var(--border-radius-lg, 8px);
+      overflow: hidden;
     }
 
     .event-detail-footer {
       border-top: 1px solid var(--grid-color, rgba(255, 255, 255, 0.1));
       padding: 12px 16px;
       background: var(--bg-elevated, rgba(20, 20, 20, 0.95));
-      border-radius: 0 0 var(--border-radius-lg, 8px) 0;
     }
 
     .invite-response-buttons {
@@ -5949,7 +5951,7 @@ De.SYNC_INTERVAL_MS = 300 * 1e3;
 let Li = De;
 export {
   Li as CalendarIntegration,
-  U as CalendarInternal,
+  N as CalendarInternal,
   Ni as CalendarViewElement,
   Vs as InMemorySource,
   As as NOTIFICATION_PRESETS