@luckydye/calendar 1.2.1 → 1.2.3

package/dist/calendar.js

@@ -1613,8 +1613,8 @@ function ds(n, t) {
     if (F(t.byweekno, -1))
       C = -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)), M = lt(7 - H.valueOf() + t.wkst, 7), E = oe(n - 1) ? 366 : 365, $ = void 0;
+      M >= 4 ? (M = 0, $ = E + lt(H - t.wkst, 7)) : $ = i - d, C = Math.floor(52 + lt($, 7) / 4);
     }
     if (F(t.byweekno, C))
       for (var p = 0; p < d; p++)
@@ -1839,8 +1839,8 @@ function nn(n, t) {
       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);
+          for (var E = Ji(c.yearordinal + M), $ = 0; $ < d.length; $++) {
+            var w = d[$], C = Qi(E, w);
             if (r && C > r)
               return xt(n);
             if (C >= e) {
@@ -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;
@@ -2421,10 +2421,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 +2438,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 +2455,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 +2481,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 +2521,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];
@@ -3012,15 +3012,15 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
     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 +3257,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 +3355,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()
@@ -3476,10 +3476,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 +3559,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 +3600,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 E = getComputedStyle(this).getPropertyValue("--accent-current-time").trim() || "rgba(255, 0, 0, 0.8)";
+            t.strokeStyle = E, t.lineWidth = 1, t.beginPath(), t.moveTo(g, M), t.lineTo(g + a, M), t.stroke(), t.lineWidth = 1;
           }
         }
       }
@@ -3625,13 +3625,13 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
       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 S = this.weeks.indexOf(w), O = this.weeks.indexOf(u) - S - 1;
+        if (O > 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)";
+          const D = `⋯ ${O} week${O > 1 ? "s" : ""}`, U = t.measureText(D).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(D, (z + e) / 2, b + 4);
         }
       }
@@ -3655,28 +3655,28 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
       );
       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 A = 0; A < 24; A++) {
+          const O = S + A / 24 * this.dayHeight;
+          if (O >= 0 && O <= i && (t.beginPath(), t.moveTo(z, O), t.lineTo(e, O), t.stroke(), v > 0.1)) {
+            const b = `${A.toString().padStart(2, "0")}:00`;
+            t.fillText(b, 48, O + 4);
           }
         }
       }
       if (v > 0.1) {
         const w = /* @__PURE__ */ new Date(), S = u.days.findIndex(
-          (O) => U.isSameDay(O, w)
+          (A) => N.isSameDay(A, w)
         );
         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), O = w.getHours() * 60 + w.getMinutes(), b = f + A * this.dayHeight + O / 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 = w.getHours().toString().padStart(2, "0"), T = w.getMinutes().toString().padStart(2, "0"), D = `${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(D).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();
@@ -3691,11 +3691,11 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
         /[\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}`, M = f, E = f + u.height, $ = Math.max(
         14,
-        Math.min(M + u.height / 2 + 4, x - 4)
+        Math.min(M + u.height / 2 + 4, E - 4)
       );
-      $ >= Math.max(0, M + 4) && $ <= Math.min(i, x) && y > 0.1 && t.fillText(H, 30, $);
+      $ >= Math.max(0, M + 4) && $ <= Math.min(i, E) && y > 0.1 && t.fillText(H, 30, $);
     }
     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();
   }
@@ -3704,20 +3704,20 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
     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 = [];
     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 = [];
       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 });
         }
       }
-      const N = D.length, L = b.isAllDay === !0;
+      const U = 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;
         let J = 0, wt = 6;
@@ -3733,16 +3733,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);
       }
     }
-    const x = c ? M.flatMap((b) => {
+    const E = c ? M.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 +3750,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;
+      return x;
     }) : M;
-    C.push(...H, ...x);
+    C.push(...H, ...E);
     const $ = /* @__PURE__ */ new Map();
     for (const b of C) {
-      const E = b.event.isAllDay === !0;
-      if (c && !E)
+      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 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) {
+    for (const [b, x] of $) {
+      const [T, D] = b.split("-"), U = parseInt(D), 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 +3788,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}`;
+        const K = `${R.segment.weekIndex}-${R.segment.event.id}-${U}`;
         w.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 = w.get(W);
         K && (K.totalColumns = B.length);
       }
     }
     for (const b of C) {
       const {
-        event: E,
+        event: x,
         week: T,
         weekIndex: D,
-        startDayIndex: N,
+        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,15 +3823,15 @@ 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 = `${D}-${x.id}`;
         let q = y.get(nt);
         if (q === void 0) {
           for (q = 0; ; ) {
             let st = !0;
-            for (let j = N; j <= L; j++) {
+            for (let j = U; j <= L; j++) {
               const pt = `${D}-${j}`;
               if (p.get(pt)?.has(q)) {
                 st = !1;
@@ -3843,7 +3843,7 @@ 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++) {
+        for (let st = U; st <= L; st++) {
           const j = `${D}-${st}`;
           let pt = p.get(j);
           pt || (pt = /* @__PURE__ */ new Set(), p.set(j, pt)), pt.add(q);
@@ -3859,7 +3859,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 = `${D}-${x.id}-${U}`, kt = w.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 +3869,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 +3926,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 +3946,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 +3963,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 +3983,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 = [], O = /* @__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(), D = x.getFullYear(), U = `${T}-${D}`;
+      if (!O.has(U)) {
+        O.add(U);
         const L = S[T];
-        L && O.push({
-          monthKey: N,
+        L && A.push({
+          monthKey: U,
           monthName: L,
           year: D,
           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;
+    for (let b = 0; b < A.length; b++) {
+      const x = A[b], T = A[b + 1], D = x.yOffset, U = T ? T.yOffset : this.totalHeight;
+      if (U < 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;
+      const L = [12, 0, 0, 12], P = Math.max(0, e - D), B = U - D - 24, R = Math.min(P, B), K = D + 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,
@@ -4175,16 +4175,16 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
           if (!y) continue;
           const { row: C, 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 M = g.yOffset + C * this.dayHeight, E = M + this.dayHeight;
+          if (s < M || i > E) continue;
+          const $ = Math.max(i, M), w = Math.min(s, E), S = $ - M, 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);
+          ), O = Math.floor(A / 60), b = A % 60, x = w - M, T = Math.ceil(
+            x / this.dayHeight * 24 * 60
+          ), D = Math.floor(T / 60), U = T % 60, L = new Date(y);
+          L.setHours(O, b, 0, 0);
           const P = new Date(y);
-          P.setHours(D, N, 59, 999), h.push({ start: L, end: P });
+          P.setHours(D, U, 59, 999), h.push({ start: L, end: P });
         }
     else
       for (const g of d)
@@ -4193,8 +4193,8 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
           if (!y) continue;
           const { row: C, 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 M = g.yOffset + C * this.dayHeight, E = M + this.dayHeight;
+          if (s < M || i > E) continue;
           const $ = new Date(y);
           $.setHours(0, 0, 0, 0);
           const w = new Date(y);
@@ -4364,32 +4364,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 +4405,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, O) => {
       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;
+      if (x < 0) return null;
+      const { row: T } = this.getDayVisualPosition(x), D = A * 60 + O;
       return b.yOffset + T * this.dayHeight + D / 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 O = A.days.findIndex(
+        (x) => x.toDateString() === S.toDateString()
       );
-      if (A < 0) return null;
-      const { col: b } = this.getDayVisualPosition(A);
+      if (O < 0) return null;
+      const { col: b } = this.getDayVisualPosition(O);
       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, O) => {
+      const b = S + 2, x = c - 4, T = Math.max(4, O - 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()), O = d(e, e.getHours(), e.getMinutes());
+      S != null && A != null && O != null && u(S, A, O);
     } 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();
+      const A = new Date(e);
+      for (A.setHours(23, 59, 59, 999); S <= A; ) {
+        const O = h(S);
+        if (O != null) {
+          const b = S.toDateString() === t.toDateString(), x = 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);
+          b ? (T = d(S, t.getHours(), t.getMinutes()), D = d(S, 23, 59)) : x ? (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(O, T, D);
         }
         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, M = h(t), E = h(e), $ = d(t, t.getHours(), t.getMinutes()), w = d(e, e.getHours(), e.getMinutes());
+    if (M != null && E != null && $ != null && w != 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 ? M : E;
       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 ? $ : w, O = A + 6, b = A + 10, x = r.measureText(p).width, T = 6, D = getComputedStyle(this).getPropertyValue("--bg-elevated").trim() || "rgba(0, 0, 0, 0.8)";
+        r.fillStyle = D, r.beginPath(), r.roundRect(
+          S + 4,
+          O,
+          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 ? $ + 4 : w - 18;
+        r.fillText(p, S + 8, A);
       }
     }
   }
@@ -4523,13 +4510,13 @@ 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 E = getComputedStyle(this).getPropertyValue("--bg-weekend").trim() || "rgba(255, 255, 255, 0.03)";
+            t.fillStyle = E, 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 E = getComputedStyle(this).getPropertyValue("--accent-current-time").trim() || "rgba(255, 0, 0, 0.8)";
+            t.strokeStyle = E, 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,
@@ -4555,11 +4542,11 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
             if (C >= 7) continue;
             const H = o[C];
             if (!H) continue;
-            const M = z + y * e + e / 2, x = t.measureText(H).width, $ = 6, w = 2;
+            const M = z + y * e + e / 2, E = t.measureText(H).width, $ = 6, w = 2;
             t.fillStyle = c, t.beginPath(), t.roundRect(
-              M - x / 2 - $,
+              M - E / 2 - $,
               p,
-              x + $ * 2,
+              E + $ * 2,
               d,
               4
             ), t.fill(), t.fillStyle = l, t.fillText(H, M, p + w + 1);
@@ -4597,12 +4584,12 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
         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(
+        const M = C.getTime(), E = H.getTime() + a - 1, $ = Math.max(d, M), w = Math.min(h, E), S = Math.floor(
           $ % a / l
-        ), O = Math.floor(
+        ), A = 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));
+        ), O = 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, O, t - 4, Math.max(b - O, 2));
       }
     }
   }
@@ -4828,15 +4815,15 @@ 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 = (E) => new Intl.DateTimeFormat(this.locale, {
       weekday: "short",
       year: "numeric",
       month: "short",
       day: "numeric"
-    }).format(x), i = (x) => new Intl.DateTimeFormat(this.locale, {
+    }).format(E), i = (E) => 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"};`;
+    }).format(E), 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, 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}">
         <div class="event-detail-content">
@@ -4854,8 +4841,8 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
                 class="event-detail-title-input"
                 .value=${t.title}
                 placeholder="Event title"
-                @input=${(x) => {
-      const w = x.target.value;
+                @input=${(E) => {
+      const w = E.target.value;
       w !== t.title && (this.updateEventTimeout && clearTimeout(this.updateEventTimeout), this.updateEventTimeout = setTimeout(() => {
         this.dispatchEvent(
           new CustomEvent("update-event", {
@@ -4866,10 +4853,10 @@ const Nt = 100, me = 3e3, z = 60, Yi = 12, ye = 20, ni = class ni extends Kt {
         ), this.updateEventTimeout = null;
       }, 500));
     }}
-                @keydown=${(x) => {
-      if (x.key === "Enter") {
+                @keydown=${(E) => {
+      if (E.key === "Enter") {
         this.updateEventTimeout && (clearTimeout(this.updateEventTimeout), this.updateEventTimeout = null);
-        const $ = x.target, w = $.value;
+        const $ = E.target, w = $.value;
         w !== t.title && this.dispatchEvent(
           new CustomEvent("update-event", {
             detail: { event: t, updates: { title: w } },
@@ -4929,7 +4916,7 @@ 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;
+      const E = this.findCurrentUserAttendee(t), $ = E ? t.attendees.filter((w) => w !== E) : t.attendees;
       return $.length > 0 ? _`
 								<div class="event-detail-section">
 									<div class="event-detail-label">Participants (${$.length})</div>
@@ -4994,8 +4981,8 @@ 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=${(E) => {
+      const w = E.target.value;
       this.updateEventTimeout && clearTimeout(this.updateEventTimeout), this.updateEventTimeout = setTimeout(() => {
         this.dispatchEvent(
           new CustomEvent("update-event", {
@@ -5009,8 +4996,8 @@ 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;
+                  @blur=${(E) => {
+      const w = E.target.value;
       this.updateEventTimeout && (clearTimeout(this.updateEventTimeout), this.updateEventTimeout = null), w !== (t.description ?? "") && this.dispatchEvent(
         new CustomEvent("update-event", {
           detail: {
@@ -5029,29 +5016,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 E = this.findCurrentUserAttendee(t);
+      return !E || t.readOnly || t.organizer?.email === E.email ? null : _`
 							<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 ${E.status === "ACCEPTED" ? "active" : ""}"
+										@click=${() => this.updateAttendeeStatus(t, E, "ACCEPTED")}
 									>
 										Accept
 									</button>
 									<button
-										class="invite-response-button ${x.status === "TENTATIVE" ? "active" : ""}"
+										class="invite-response-button ${E.status === "TENTATIVE" ? "active" : ""}"
 										@click=${() => this.updateAttendeeStatus(
         t,
-        x,
+        E,
         "TENTATIVE"
       )}
 									>
 										Maybe
 									</button>
 									<button
-										class="invite-response-button ${x.status === "DECLINED" ? "active" : ""}"
-										@click=${() => this.updateAttendeeStatus(t, x, "DECLINED")}
+										class="invite-response-button ${E.status === "DECLINED" ? "active" : ""}"
+										@click=${() => this.updateAttendeeStatus(t, E, "DECLINED")}
 									>
 										Decline
 									</button>
@@ -5554,6 +5541,7 @@ ni.styles = zi`
       display: flex;
       flex-direction: column;
       gap: 16px;
+      background: var(--bg-secondary, rgba(36, 36, 38, 0.5));
     }
 
     .event-detail-section {
@@ -5949,7 +5937,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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luckydye/calendar",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "author": "Tim Havlicek",
   "contributors": [],
   "description": "",

package/src/CalDAVConfig.ts

@@ -39,6 +39,7 @@ interface InhouseSource extends CalendarSource {
     sessionCookie: string;
     employeeId: string;
     unitId?: string;
+    startHour?: 9 | 10;
   };
   locked?: boolean;
 }
@@ -562,6 +563,7 @@ export class CalDAVConfigElement extends LitElement {
           sessionCookie: this.formData.credentials.sessionCookie,
           employeeId: this.formData.credentials.employeeId,
           unitId: this.formData.credentials.unitId,
+          startHour: this.formData.credentials.startHour,
         },
         color: this.formData.color || "#FF6E68",
         enabled: this.formData.enabled ?? true,
@@ -597,10 +599,10 @@ export class CalDAVConfigElement extends LitElement {
     this.requestUpdate();
   }
 
-  updateForm(field: string, value: string | boolean) {
+  updateForm(field: string, value: string | boolean | number) {
     if (field === "serverUrl" || field === "username" || field === "password" || field === "url" ||
         field === "accessToken" || field === "refreshToken" || field === "tokenExpiry" || field === "calendarId" ||
-        field === "sessionCookie" || field === "employeeId" || field === "unitId") {
+        field === "sessionCookie" || field === "employeeId" || field === "unitId" || field === "startHour") {
       this.formData = {
         ...this.formData,
         credentials: {
@@ -985,6 +987,19 @@ export class CalDAVConfigElement extends LitElement {
                         this.updateForm("unitId", (e.target as HTMLInputElement).value)}
                     />
                   </div>
+
+                  <div class="form-group">
+                    <label class="form-label">Bookings Start At</label>
+                    <select
+                      class="form-input"
+                      .value=${String(this.formData.credentials?.startHour ?? 9)}
+                      @change=${(e: Event) =>
+                        this.updateForm("startHour", Number((e.target as HTMLSelectElement).value))}
+                    >
+                      <option value="9" ?selected=${(this.formData.credentials?.startHour ?? 9) === 9}>9:00 AM</option>
+                      <option value="10" ?selected=${this.formData.credentials?.startHour === 10}>10:00 AM</option>
+                    </select>
+                  </div>
                 `
               : null}
 

package/src/CalendarView.ts

@@ -395,6 +395,7 @@ export class CalendarViewElement extends LitElement {
       display: flex;
       flex-direction: column;
       gap: 16px;
+      background: var(--bg-secondary, rgba(36, 36, 38, 0.5));
     }
 
     .event-detail-section {
@@ -3367,7 +3368,7 @@ export class CalendarViewElement extends LitElement {
 				const deltaMs = dropDate.getTime() - originDate.getTime();
 				const snap15 = (d: Date) => {
 					const m = d.getMinutes();
-					d.setMinutes(Math.floor(m / 15) * 15, 0, 0);
+					d.setMinutes(Math.round(m / 15) * 15, 0, 0);
 					return d;
 				};
 				const newStart = snap15(
@@ -4183,8 +4184,12 @@ export class CalendarViewElement extends LitElement {
 		);
 		const newEnd = snap15(new Date(this.movingEvent.end.getTime() + deltaMs));
 
+		// The grab point (originDate) relative to the event's midpoint tells us
+		// which half the user grabbed — this is stable for the whole drag.
+		const eventMidMs = (this.movingEvent.start.getTime() + this.movingEvent.end.getTime()) / 2;
+		const useStartEdge = originDate.getTime() <= eventMidMs;
+
 		if (this.movingEventDuplicateMode) {
-			// Duplicate mode: use accent color to indicate new event creation
 			const accent =
 				getComputedStyle(this).getPropertyValue("--accent-primary").trim() ||
 				"rgb(100, 150, 255)";
@@ -4196,10 +4201,9 @@ export class CalendarViewElement extends LitElement {
 					stroke: accent.replace("rgb", "rgba").replace(")", ", 0.8)"),
 					text: "white",
 				},
-				this.movingEventEnd.y,
+				useStartEdge,
 			);
 		} else {
-			// Normal move: use event color
 			const rgb = hexToRgb(this.movingEvent.color || "#888888");
 			this.renderVirtualEvent(
 				newStart,
@@ -4209,7 +4213,7 @@ export class CalendarViewElement extends LitElement {
 					stroke: `rgba(${rgb[0]}, ${rgb[1]}, ${rgb[2]}, 0.5)`,
 					text: "rgba(255, 255, 255, 0.5)",
 				},
-				this.movingEventEnd.y,
+				useStartEdge,
 			);
 		}
 	}
@@ -4269,23 +4273,20 @@ export class CalendarViewElement extends LitElement {
 			fill = accent.replace("rgb", "rgba").replace(")", ", 0.3)");
 			stroke = accent.replace("rgb", "rgba").replace(")", ", 0.8)");
 		}
-		this.renderVirtualEvent(
-			earlier,
-			later,
-			{
-				fill,
-				stroke,
-				text: "white",
-			},
-			this.eventCreationEnd.y,
-		);
+		// In shift mode the cursor tracks the end; otherwise it tracks whichever
+		// edge is away from the fixed anchor (eventCreationStart).
+		const useStartEdge = this.eventCreationShiftPressed
+			? false
+			: this.eventCreationEnd.y <= this.eventCreationStart.y;
+
+		this.renderVirtualEvent(earlier, later, { fill, stroke, text: "white" }, useStartEdge);
 	}
 
 	renderVirtualEvent(
 		start: Date,
 		end: Date,
 		color: { fill: string; stroke: string; text: string },
-		cursorY?: number,
+		useStartEdge = true,
 	): void {
 		if (!this.overlayCanvas || !this.overlayCtx || !this.scrollContainer)
 			return;
@@ -4405,15 +4406,6 @@ export class CalendarViewElement extends LitElement {
 			ctx.fillStyle = color.text;
 			ctx.textAlign = "left";
 
-			// Calculate which edge is closer to cursor
-			let useStartEdge = true;
-			if (cursorY !== undefined) {
-				const cursorYViewport = cursorY - this.scrollTop;
-				const distanceToStart = Math.abs(cursorYViewport - startY);
-				const distanceToEnd = Math.abs(cursorYViewport - endY);
-				useStartEdge = distanceToStart < distanceToEnd;
-			}
-
 			// Use appropriate column based on which edge is closer
 			const labelColX = useStartEdge ? firstColX : lastColX;
 

package/src/InhouseBookingSource.ts

@@ -17,6 +17,10 @@ export interface InhouseCredentials extends CalendarCredentials {
    * Unit ID (optional, for filtering by unit/location)
    */
   unitId?: string;
+  /**
+   * Hour at which bookings start (9 or 10, defaults to 9)
+   */
+  startHour?: 9 | 10;
 }
 
 /**
@@ -191,7 +195,7 @@ export class InhouseBookingSource implements CalendarSource {
       }
 
       const LUNCH_MS = 60 * 60 * 1000;
-      let currentTime = new Date(year, month - 1, day, 9, 0);
+      let currentTime = new Date(year, month - 1, day, this.credentials.startHour ?? 9, 0);
 
       for (let i = 0; i < dateBookings.length; i++) {
         // Insert 1-hour lunch break between morning and afternoon sessions

package/src/app.ts

@@ -364,6 +364,7 @@ function createInhouseCalendar(source: CalendarSource): Calendar {
 			sessionCookie: source.credentials.sessionCookie,
 			employeeId: source.credentials.employeeId,
 			unitId: source.credentials.unitId,
+			startHour: source.credentials.startHour,
 		},
 		source.enabled
 	);