@event-calendar/core 5.1.3 → 5.2.0

package/dist/index.js

@@ -1,5 +1,5 @@
 /*!
- * EventCalendar v5.1.3
+ * EventCalendar v5.2.0
  * https://github.com/vkurko/calendar
  */
 import { untrack, getAbortSignal, tick, getContext, setContext, onMount, mount, unmount } from "svelte";
@@ -63,10 +63,70 @@ function intersectionObserver(callback, options) {
     };
   };
 }
+function assign(...args) {
+  return Object.assign(...args);
+}
+function keys(object) {
+  return Object.keys(object);
+}
+function entries(object) {
+  return Object.entries(object);
+}
+function floor(value) {
+  return Math.floor(value);
+}
+function ceil(value) {
+  return Math.ceil(value);
+}
+function min(...args) {
+  return Math.min(...args);
+}
+function max(...args) {
+  return Math.max(...args);
+}
+function symbol() {
+  return /* @__PURE__ */ Symbol("ec");
+}
+function isArray(value) {
+  return Array.isArray(value);
+}
+function isFunction(value) {
+  return typeof value === "function";
+}
+function isPlainObject(value) {
+  if (typeof value !== "object" || value === null) {
+    return false;
+  }
+  const prototype = Object.getPrototypeOf(value);
+  return prototype === null || prototype === Object.prototype;
+}
+function isDate(value) {
+  return value instanceof Date;
+}
+function run(fn) {
+  return fn();
+}
+function runAll(fns) {
+  fns.forEach(run);
+}
+function noop() {
+}
+const identity = (x) => x;
+function stopPropagation(fn, _this = void 0) {
+  return function(event) {
+    event.stopPropagation();
+    if (fn) {
+      fn.call(_this, event);
+    }
+  };
+}
+function isRtl() {
+  return window.getComputedStyle(document.documentElement).direction === "rtl";
+}
 const DAY_IN_SECONDS = 86400;
 function createDate(input = void 0) {
   if (input !== void 0) {
-    return input instanceof Date ? _fromLocalDate(input) : _fromISOString(input);
+    return isDate(input) ? _fromLocalDate(input) : _fromISOString(input);
   }
   return _fromLocalDate(/* @__PURE__ */ new Date());
 }
@@ -79,7 +139,7 @@ function createDuration(input) {
       seconds += parseInt(part, 10) * Math.pow(60, exp--);
     }
     input = { seconds };
-  } else if (input instanceof Date) {
+  } else if (isDate(input)) {
     input = { hours: input.getUTCHours(), minutes: input.getUTCMinutes(), seconds: input.getUTCSeconds() };
   }
   let weeks = input.weeks || input.week || 0;
@@ -203,56 +263,6 @@ function _fromISOString(str) {
     Number(parts[5] || 0)
   ));
 }
-function assign(...args) {
-  return Object.assign(...args);
-}
-function keys(object) {
-  return Object.keys(object);
-}
-function entries(object) {
-  return Object.entries(object);
-}
-function floor(value) {
-  return Math.floor(value);
-}
-function ceil(value) {
-  return Math.ceil(value);
-}
-function min(...args) {
-  return Math.min(...args);
-}
-function max(...args) {
-  return Math.max(...args);
-}
-function symbol() {
-  return /* @__PURE__ */ Symbol("ec");
-}
-function isArray(value) {
-  return Array.isArray(value);
-}
-function isFunction(value) {
-  return typeof value === "function";
-}
-function run(fn) {
-  return fn();
-}
-function runAll(fns) {
-  fns.forEach(run);
-}
-function noop() {
-}
-const identity = (x) => x;
-function stopPropagation(fn, _this = void 0) {
-  return function(event) {
-    event.stopPropagation();
-    if (fn) {
-      fn.call(_this, event);
-    }
-  };
-}
-function isRtl() {
-  return window.getComputedStyle(document.documentElement).direction === "rtl";
-}
 let payloadProp = symbol();
 function setPayload(obj, payload) {
   obj[payloadProp] = payload;
@@ -463,14 +473,27 @@ function ghostEvent(display) {
 function pointerEvent(display) {
   return display === "pointer";
 }
+const ids = /* @__PURE__ */ new WeakMap();
+let idCounter = 1;
 function createEventChunk(event, start, end) {
-  let chunk = {
-    start: event.start > start ? event.start : start,
-    end: event.end < end ? event.end : end,
-    event
+  start = event.start > start ? event.start : start;
+  end = event.end < end ? event.end : end;
+  return {
+    start,
+    end,
+    event,
+    get id() {
+      let id = ids.get(event);
+      if (!id) {
+        id = idCounter++;
+        ids.set(event, id);
+      }
+      delete this.id;
+      this.id = `${id}-${start.getTime()}`;
+      return this.id;
+    },
+    zeroDuration: datesEqual(start, end)
   };
-  chunk.zeroDuration = datesEqual(chunk.start, chunk.end);
-  return chunk;
 }
 function createAllDayChunks(event, days) {
   let dates = [];
@@ -516,7 +539,7 @@ function prepareAllDayChunks(chunks) {
     prevChunks[key] = chunk;
   }
 }
-function repositionEvent$1(chunk, height2, top = 0) {
+function repositionEvent$1(chunk, height2, top = 1) {
   if (chunk.prev) {
     top = chunk.prev.bottom + 1;
   }
@@ -1065,7 +1088,7 @@ function runEventAllUpdated(mainState) {
 }
 function runViewDidMount(mainState) {
   return () => {
-    let { viewComponent, options: { viewDidMount } } = mainState;
+    let { options: { view: view2, viewDidMount } } = mainState;
     untrack(() => {
       if (isFunction(viewDidMount)) {
         tick().then(() => viewDidMount({
@@ -1138,8 +1161,8 @@ function viewDates(mainState) {
     let { hiddenDays } = options;
     let dates = [];
     untrack(() => {
-      let date = setMidnight(cloneDate(activeRange2.start));
-      let end = setMidnight(cloneDate(activeRange2.end));
+      let date = cloneDate(activeRange2.start);
+      let end = cloneDate(activeRange2.end);
       while (date < end) {
         if (!hiddenDays.includes(date.getUTCDay())) {
           dates.push(cloneDate(date));
@@ -1157,10 +1180,10 @@ function viewDates(mainState) {
 }
 function viewTitle(mainState) {
   return () => {
-    let { activeRange: activeRange2, intlTitle, features, options: { date } } = mainState;
+    let { currentRange: currentRange2, intlTitle } = mainState;
     let title;
     untrack(() => {
-      title = features.includes("day-grid") ? intlTitle.formatRange(date, date) : intlTitle.formatRange(activeRange2.start, subtractDay(cloneDate(activeRange2.end)));
+      title = intlTitle.formatRange(currentRange2.start, subtractDay(cloneDate(currentRange2.end)));
     });
     return title;
   };
@@ -1381,7 +1404,7 @@ class State {
   }
 }
 var root_2$4 = $.from_html(`<h2></h2>`);
-var root_4 = $.from_html(`<button><i></i></button>`);
+var root_4$1 = $.from_html(`<button><i></i></button>`);
 var root_6$1 = $.from_html(`<button><i></i></button>`);
 var root_8 = $.from_html(`<button> </button>`);
 var root_10 = $.from_html(`<button></button>`);
@@ -1456,7 +1479,7 @@ function Buttons($$anchor, $$props) {
         var node_2 = $.first_child(fragment_2);
         {
           var consequent_1 = ($$anchor4) => {
-            var button_1 = root_4();
+            var button_1 = root_4$1();
             button_1.__click = prev;
             var i = $.child(button_1);
             $.reset(button_1);
@@ -1676,12 +1699,18 @@ function Calendar($$anchor, $$props) {
     assign(prevOptions, options());
   });
   function setOption(name, value) {
+    if (isPlainObject(value)) {
+      value = { ...value };
+    }
+    if (isArray(value)) {
+      value = [...value];
+    }
     mainState.setOption(name, value, false);
     return this;
   }
   function getOption(name) {
     let value = mainState.options[name];
-    return value instanceof Date ? toLocalDate(value) : value;
+    return isDate(value) ? toLocalDate(value) : value;
   }
   function refetchEvents() {
     mainState.fetchedRange = { start: void 0, end: void 0 };
@@ -1809,9 +1838,9 @@ function Calendar($$anchor, $$props) {
 }
 function colsCount(mainState) {
   return () => {
-    let { options: { hiddenDays } } = mainState;
+    let { viewDates: viewDates2, options: { duration, hiddenDays } } = mainState;
     let count;
-    untrack(() => count = 7 - hiddenDays.length);
+    untrack(() => count = duration.months || duration.inWeeks ? 7 - hiddenDays.length : viewDates2.length);
     return count;
   };
 }
@@ -2232,16 +2261,17 @@ function InteractableEvent($$anchor, $$props) {
   }
   $.pop();
 }
-var root_2$3 = $.from_html(`<span></span>`);
-var root_3 = $.from_html(`<a role="button" tabindex="0" aria-haspopup="dialog"></a>`);
-var root_1$8 = $.from_html(`<div><time></time> <!></div> <div><!></div>`, 1);
+var root_2$3 = $.from_html(`<time></time>`);
+var root_3 = $.from_html(`<span></span>`);
+var root_4 = $.from_html(`<a role="button" tabindex="0" aria-haspopup="dialog"></a>`);
+var root_1$8 = $.from_html(`<div><!> <!></div> <div><!></div>`, 1);
 function Day$3($$anchor, $$props) {
   $.push($$props, true);
   const $firstDay = () => $.store_get($.get(firstDay), "$firstDay", $$stores);
   const [$$stores, $$cleanup] = $.setup_stores();
   let mainState = getContext("state");
   let viewState = getContext("view-state");
-  let date = $.derived(() => mainState.options.date), firstDay = $.derived(() => mainState.options.firstDay), moreLinkContent = $.derived(() => mainState.options.moreLinkContent), theme = $.derived(() => mainState.options.theme), weekNumbers = $.derived(() => mainState.options.weekNumbers), weekNumberContent = $.derived(() => mainState.options.weekNumberContent);
+  let features = $.derived(() => mainState.features), date = $.derived(() => mainState.options.date), firstDay = $.derived(() => mainState.options.firstDay), moreLinkContent = $.derived(() => mainState.options.moreLinkContent), theme = $.derived(() => mainState.options.theme), weekNumbers = $.derived(() => mainState.options.weekNumbers), weekNumberContent = $.derived(() => mainState.options.weekNumberContent);
   let hiddenChunks = $.derived(() => viewState.hiddenChunks), intlDayCell = $.derived(() => viewState.intlDayCell);
   let dayStart = $.derived(() => $$props.day.dayStart), disabled = $.derived(() => $$props.day.disabled), highlight = $.derived(() => $$props.day.highlight);
   let otherMonth = $.derived(() => $.get(dayStart).getUTCMonth() !== $.get(date).getUTCMonth());
@@ -2298,26 +2328,36 @@ function Day$3($$anchor, $$props) {
     children: ($$anchor2, $$slotProps) => {
       var fragment_1 = root_1$8();
       var div = $.first_child(fragment_1);
-      var time = $.child(div);
-      $.attach(time, () => contentFrom($.get(intlDayCell).format($.get(dayStart))));
-      var node = $.sibling(time, 2);
+      var node = $.child(div);
       {
         var consequent = ($$anchor3) => {
-          var span = root_2$3();
+          var time = root_2$3();
+          $.attach(time, () => contentFrom($.get(intlDayCell).format($.get(dayStart))));
+          $.template_effect(($0) => $.set_attribute(time, "datetime", $0), [() => toISOString($.get(dayStart), 10)]);
+          $.append($$anchor3, time);
+        };
+        $.if(node, ($$render) => {
+          if ($.get(features).includes("dayNumber")) $$render(consequent);
+        });
+      }
+      var node_1 = $.sibling(node, 2);
+      {
+        var consequent_1 = ($$anchor3) => {
+          var span = root_3();
           $.attach(span, () => contentFrom($.get(weekNumber)));
           $.template_effect(() => $.set_class(span, 1, $.get(theme).weekNumber));
           $.append($$anchor3, span);
         };
-        $.if(node, ($$render) => {
-          if ($.get(showWeekNumber)) $$render(consequent);
+        $.if(node_1, ($$render) => {
+          if ($.get(showWeekNumber)) $$render(consequent_1);
         });
       }
       $.reset(div);
       var div_1 = $.sibling(div, 2);
-      var node_1 = $.child(div_1);
+      var node_2 = $.child(div_1);
       {
-        var consequent_1 = ($$anchor3) => {
-          var a = root_3();
+        var consequent_2 = ($$anchor3) => {
+          var a = root_4();
           var event_handler = $.derived(() => stopPropagation(showMore));
           a.__click = function(...$$args) {
             $.get(event_handler)?.apply(this, $$args);
@@ -2333,19 +2373,15 @@ function Day$3($$anchor, $$props) {
           $.attach(a, () => contentFrom($.get(moreLink)));
           $.append($$anchor3, a);
         };
-        $.if(node_1, ($$render) => {
-          if ($.get(dayHiddenChunks)) $$render(consequent_1);
+        $.if(node_2, ($$render) => {
+          if ($.get(dayHiddenChunks)) $$render(consequent_2);
         });
       }
       $.reset(div_1);
-      $.template_effect(
-        ($0) => {
-          $.set_class(div, 1, $.get(theme).dayHead);
-          $.set_attribute(time, "datetime", $0);
-          $.set_class(div_1, 1, $.get(theme).dayFoot);
-        },
-        [() => toISOString($.get(dayStart), 10)]
-      );
+      $.template_effect(() => {
+        $.set_class(div, 1, $.get(theme).dayHead);
+        $.set_class(div_1, 1, $.get(theme).dayFoot);
+      });
       $.append($$anchor2, fragment_1);
     },
     $$slots: { default: true }
@@ -2360,14 +2396,14 @@ function Event$3($$anchor, $$props) {
   let $$d = $.derived(() => getContext("state")), dayMaxEvents = $.derived(() => $.get($$d).options.dayMaxEvents);
   let $$d_1 = $.derived(() => getContext("view-state")), colsCount2 = $.derived(() => $.get($$d_1).colsCount), gridEl = $.derived(() => $.get($$d_1).gridEl), hiddenChunks = $.derived(() => $.get($$d_1).hiddenChunks), popupDay = $.derived(() => $.get($$d_1).popupDay);
   let el = $.state(void 0);
-  let margin = $.state(0);
+  let margin = $.state(1);
   let hidden = $.state(false);
   let event = $.derived(() => $$props.chunk.event);
   let display = $.derived(() => $$props.chunk.event.display);
   let dayEl = $.derived(() => $.get(gridEl).children.item(($$props.chunk.gridRow - 1) * $.get(colsCount2) + $$props.chunk.gridColumn - 1));
   $.user_effect(() => {
     if (!inPopup()) {
-      $.set(margin, height($.get(dayEl).firstElementChild), true);
+      $.set(margin, height($.get(dayEl).firstElementChild) || 1, true);
     }
   });
   let styles = $.derived(() => (style) => {
@@ -2389,7 +2425,7 @@ function Event$3($$anchor, $$props) {
     return style;
   });
   function reposition() {
-    $.set(margin, repositionEvent$1($$props.chunk, height($.get(el)), height($.get(dayEl).firstElementChild)), true);
+    $.set(margin, repositionEvent$1($$props.chunk, height($.get(el)), height($.get(dayEl).firstElementChild) || 1), true);
   }
   function hide() {
     if ($.get(dayMaxEvents) === true) {
@@ -2506,8 +2542,7 @@ function Popup($$anchor, $$props) {
     let top;
     if (popupRect.height >= gridRect.height) {
       top = gridRect.top - dayRect.top;
-      let bottom = dayRect.bottom - gridRect.bottom;
-      $.set(style, $.get(style) + `inset-block-end:${bottom}px;`);
+      $.set(style, $.get(style) + `block-size:${gridRect.height}px;`);
     } else {
       top = (dayRect.height - popupRect.height) / 2;
       if (dayRect.top + top < gridRect.top) {
@@ -2582,14 +2617,16 @@ function View$3($$anchor, $$props) {
   let grid2 = $.derived(() => viewState.grid), chunks = $.derived(() => viewState.chunks), bgChunks = $.derived(() => viewState.bgChunks), iChunks = $.derived(() => viewState.iChunks), hiddenChunks = $.derived(() => viewState.hiddenChunks), popupDay = $.derived(() => viewState.popupDay);
   let refs = [];
   function reposition() {
-    $.get(hiddenChunks).clear();
     runReposition(refs, $.get(chunks));
+    $.get(hiddenChunks).clear();
+    tick().then(hide);
   }
-  $.user_effect(reposition);
-  $.user_effect(() => {
-    $.get(chunks);
+  function hide() {
+    $.get(hiddenChunks).size;
     refs.forEach((ref) => ref.hide());
-  });
+  }
+  $.user_effect(reposition);
+  $.user_effect(hide);
   var section = root$7();
   let styles;
   var header = $.child(section);
@@ -2646,7 +2683,7 @@ function View$3($$anchor, $$props) {
   $.bind_this(div_3, ($$value) => viewState.gridEl = $$value, () => viewState?.gridEl);
   var div_4 = $.sibling(div_3, 2);
   var node_1 = $.child(div_4);
-  $.each(node_1, 17, () => $.get(chunks), $.index, ($$anchor2, chunk, i) => {
+  $.each(node_1, 19, () => $.get(chunks), (chunk) => chunk.id, ($$anchor2, chunk, i) => {
     $.bind_this(
       Event$3($$anchor2, {
         get chunk() {
@@ -2655,11 +2692,11 @@ function View$3($$anchor, $$props) {
       }),
       ($$value, i2) => refs[i2] = $$value,
       (i2) => refs?.[i2],
-      () => [i]
+      () => [$.get(i)]
     );
   });
   var node_2 = $.sibling(node_1, 2);
-  $.each(node_2, 17, () => $.get(bgChunks), $.index, ($$anchor2, chunk) => {
+  $.each(node_2, 17, () => $.get(bgChunks), (chunk) => chunk.id, ($$anchor2, chunk) => {
     Event$3($$anchor2, {
       get chunk() {
         return $.get(chunk);
@@ -2719,7 +2756,9 @@ const index$5 = {
       view: "dayGridMonth"
     });
     assign(options.buttonText, {
+      dayGridDay: "day",
       dayGridMonth: "month",
+      dayGridWeek: "week",
       close: "Close"
     });
     assign(options.theme, {
@@ -2730,9 +2769,23 @@ const index$5 = {
       weekNumber: "ec-week-number"
     });
     assign(options.views, {
+      dayGridDay: {
+        buttonText: btnTextDay,
+        component: () => View$3,
+        dayHeaderFormat: { weekday: "long" },
+        displayEventEnd: false,
+        duration: { days: 1 },
+        theme: themeView("ec-day-grid ec-day-view")
+      },
+      dayGridWeek: {
+        buttonText: btnTextWeek,
+        component: () => View$3,
+        displayEventEnd: false,
+        theme: themeView("ec-day-grid ec-week-view")
+      },
       dayGridMonth: {
         buttonText: btnTextMonth,
-        component: initViewComponent$4,
+        component: initMonthViewComponent$1,
         dayHeaderFormat: { weekday: "short" },
         dayHeaderAriaLabelFormat: { weekday: "long" },
         displayEventEnd: false,
@@ -2743,8 +2796,8 @@ const index$5 = {
     });
   }
 };
-function initViewComponent$4(mainState) {
-  mainState.features = ["day-grid"];
+function initMonthViewComponent$1(mainState) {
+  mainState.features = ["dayNumber"];
   mainState.extensions.activeRange = (start, end) => {
     let { options: { firstDay } } = mainState;
     return {
@@ -3622,7 +3675,7 @@ function Day$2($$anchor, $$props) {
           $.attach(time_1, () => contentFrom($.get(intlListDaySide).format($$props.date)));
           $.reset(h4);
           var node_1 = $.sibling(h4, 2);
-          $.each(node_1, 17, () => $.get(chunks), (chunk) => chunk.event, ($$anchor4, chunk) => {
+          $.each(node_1, 17, () => $.get(chunks), (chunk) => chunk.id, ($$anchor4, chunk) => {
             Event$2($$anchor4, {
               get chunk() {
                 return $.get(chunk);
@@ -4547,7 +4600,7 @@ function View$1($$anchor, $$props) {
       $.reset(div_2);
       var div_3 = $.sibling(div_2, 2);
       var node_5 = $.child(div_3);
-      $.each(node_5, 17, () => $.get(allDayChunks), $.index, ($$anchor3, chunk, i) => {
+      $.each(node_5, 19, () => $.get(allDayChunks), (chunk) => chunk.id, ($$anchor3, chunk, i) => {
         $.bind_this(
           AllDayEvent($$anchor3, {
             get chunk() {
@@ -4556,11 +4609,11 @@ function View$1($$anchor, $$props) {
           }),
           ($$value, i2) => refs[i2] = $$value,
           (i2) => refs?.[i2],
-          () => [i]
+          () => [$.get(i)]
         );
       });
       var node_6 = $.sibling(node_5, 2);
-      $.each(node_6, 17, () => $.get(allDayBgChunks), $.index, ($$anchor3, chunk) => {
+      $.each(node_6, 17, () => $.get(allDayBgChunks), (chunk) => chunk.id, ($$anchor3, chunk) => {
         AllDayEvent($$anchor3, {
           get chunk() {
             return $.get(chunk);
@@ -4629,7 +4682,7 @@ function View$1($$anchor, $$props) {
   $.reset(div_6);
   var div_7 = $.sibling(div_6, 2);
   var node_9 = $.child(div_7);
-  $.each(node_9, 17, () => $.get(chunks), $.index, ($$anchor2, chunk) => {
+  $.each(node_9, 17, () => $.get(chunks), (chunk) => chunk.id, ($$anchor2, chunk) => {
     Event$1($$anchor2, {
       get chunk() {
         return $.get(chunk);
@@ -4637,7 +4690,7 @@ function View$1($$anchor, $$props) {
     });
   });
   var node_10 = $.sibling(node_9, 2);
-  $.each(node_10, 17, () => $.get(bgChunks), $.index, ($$anchor2, chunk) => {
+  $.each(node_10, 17, () => $.get(bgChunks), (chunk) => chunk.id, ($$anchor2, chunk) => {
     Event$1($$anchor2, {
       get chunk() {
         return $.get(chunk);
@@ -4988,7 +5041,7 @@ function initViewComponent$2(mainState) {
   setExtensions(mainState);
   return View_1;
 }
-function createChunks(event, days) {
+function createChunks(event, days, monthView2) {
   let dates = [];
   let firstStart;
   let lastEnd;
@@ -4996,17 +5049,31 @@ function createChunks(event, days) {
   let gridRow;
   let left;
   let width = 0;
-  for (let { gridColumn: column, gridRow: row, resource, dayStart, start, end, disabled } of days) {
-    if (!disabled && eventIntersects(event, start, end, resource)) {
-      if (!dates.length) {
-        firstStart = start;
-        gridColumn = column;
-        gridRow = row;
-        left = max(event.start - start, 0) / 1e3;
+  for (let { gridColumn: column, gridRow: row, resource, dayStart, dayEnd, start, end, disabled } of days) {
+    if (!disabled) {
+      if (monthView2) {
+        if (eventIntersects(event, dayStart, dayEnd, resource)) {
+          if (!dates.length) {
+            firstStart = dayStart;
+            gridColumn = column;
+            gridRow = row;
+          }
+          dates.push(dayStart);
+          lastEnd = end;
+        }
+      } else {
+        if (eventIntersects(event, start, end, resource)) {
+          if (!dates.length) {
+            firstStart = start;
+            gridColumn = column;
+            gridRow = row;
+            left = max(event.start - start, 0) / 1e3;
+          }
+          dates.push(dayStart);
+          lastEnd = end;
+          width += (min(end, event.end) - max(start, event.start)) / 1e3;
+        }
       }
-      dates.push(dayStart);
-      lastEnd = end;
-      width += (min(end, event.end) - max(start, event.start)) / 1e3;
     }
   }
   if (dates.length) {
@@ -5088,16 +5155,18 @@ function grid(mainState, viewState) {
 function eventChunks(mainState, viewState) {
   return () => {
     let { filteredEvents: filteredEvents2 } = mainState;
-    let { grid: grid2 } = viewState;
+    let { grid: grid2, monthView: monthView2 } = viewState;
     let chunks = [];
     let bgChunks = [];
     untrack(() => {
       for (let event of filteredEvents2) {
         for (let days of grid2) {
           if (bgEvent(event.display)) {
-            bgChunks = bgChunks.concat(createChunks(event, days));
+            if (!monthView2 || event.allDay) {
+              bgChunks = bgChunks.concat(createChunks(event, days, monthView2));
+            }
           } else {
-            chunks = chunks.concat(createChunks(event, days));
+            chunks = chunks.concat(createChunks(event, days, monthView2));
           }
         }
       }
@@ -5198,6 +5267,13 @@ class ViewState5 extends RRState(TRRState()) {
   set grid(value) {
     $.set(this.#grid, value);
   }
+  #monthView;
+  get monthView() {
+    return $.get(this.#monthView);
+  }
+  set monthView(value) {
+    $.set(this.#monthView, value);
+  }
   #chunks;
   get chunks() {
     return $.get(this.#chunks);
@@ -5219,13 +5295,6 @@ class ViewState5 extends RRState(TRRState()) {
   set iChunks(value) {
     $.set(this.#iChunks, value);
   }
-  #monthView;
-  get monthView() {
-    return $.get(this.#monthView);
-  }
-  set monthView(value) {
-    $.set(this.#monthView, value);
-  }
   #nestedResources;
   get nestedResources() {
     return $.get(this.#nestedResources);
@@ -5241,11 +5310,11 @@ class ViewState5 extends RRState(TRRState()) {
     );
     this.#daySlots = $.derived(daySlots(mainState, this));
     this.#grid = $.derived(grid(mainState, this));
+    this.#monthView = $.derived(monthView(mainState));
     let $$d = $.derived(eventChunks(mainState, this)), chunks = $.derived(() => $.get($$d).chunks), bgChunks = $.derived(() => $.get($$d).bgChunks);
     this.#chunks = $.derived(() => $.get(chunks));
     this.#bgChunks = $.derived(() => $.get(bgChunks));
     this.#iChunks = $.derived(iEventChunks(mainState, this));
-    this.#monthView = $.derived(monthView(mainState));
     this.#nestedResources = $.derived(nestedResources(mainState));
   }
 }
@@ -5487,21 +5556,30 @@ function View($$anchor, $$props) {
     tick().then(scrollToTime);
   });
   function scrollToTime() {
-    if ($.get(monthView2)) {
-      return;
-    }
     let scrollLeft = 0;
     let todayOutOfView = $.get(today) < $.get(viewDates2)[0] || $.get(today) > $.get(viewDates2).at(-1);
-    for (let date of $.get(viewDates2)) {
-      let slotTimeLimits2 = getSlotTimeLimits($.get(dayTimeLimits2), date);
-      if (todayOutOfView || datesEqual(date, $.get(today))) {
-        scrollLeft += max(min(toSeconds($.get(scrollTime)), toSeconds(slotTimeLimits2.max)) - toSeconds(slotTimeLimits2.min), 0);
-        break;
-      } else {
-        scrollLeft += toSeconds(slotTimeLimits2.max) - toSeconds(slotTimeLimits2.min);
+    if ($.get(monthView2)) {
+      if (!todayOutOfView) {
+        let days = $.get(grid2)[0];
+        for (let day of days) {
+          if (datesEqual(day.dayStart, $.get(today))) {
+            $.get(mainEl).scrollLeft = ($.get(mainEl).scrollWidth - $.get(sidebarWidth)) / days.length * (day.gridColumn - 1) * (isRtl() ? -1 : 1);
+            break;
+          }
+        }
+      }
+    } else {
+      for (let date of $.get(viewDates2)) {
+        let slotTimeLimits2 = getSlotTimeLimits($.get(dayTimeLimits2), date);
+        if (todayOutOfView || datesEqual(date, $.get(today))) {
+          scrollLeft += max(min(toSeconds($.get(scrollTime)), toSeconds(slotTimeLimits2.max)) - toSeconds(slotTimeLimits2.min), 0);
+          break;
+        } else {
+          scrollLeft += toSeconds(slotTimeLimits2.max) - toSeconds(slotTimeLimits2.min);
+        }
       }
+      $.get(mainEl).scrollLeft = scrollLeft / toSeconds($.get(slotDuration)) * $.get(slotWidth) * (isRtl() ? -1 : 1);
     }
-    $.get(mainEl).scrollLeft = scrollLeft / toSeconds($.get(slotDuration)) * $.get(slotWidth) * (isRtl() ? -1 : 1);
   }
   let refs = [];
   function reposition() {
@@ -5645,7 +5723,7 @@ function View($$anchor, $$props) {
   $.reset(div_4);
   var div_5 = $.sibling(div_4, 2);
   var node_7 = $.child(div_5);
-  $.each(node_7, 17, () => $.get(chunks), $.index, ($$anchor2, chunk, i) => {
+  $.each(node_7, 19, () => $.get(chunks), (chunk) => chunk.id, ($$anchor2, chunk, i) => {
     $.bind_this(
       Event($$anchor2, {
         get chunk() {
@@ -5654,11 +5732,11 @@ function View($$anchor, $$props) {
       }),
       ($$value, i2) => refs[i2] = $$value,
       (i2) => refs?.[i2],
-      () => [i]
+      () => [$.get(i)]
     );
   });
   var node_8 = $.sibling(node_7, 2);
-  $.each(node_8, 17, () => $.get(bgChunks), $.index, ($$anchor2, chunk) => {
+  $.each(node_8, 17, () => $.get(bgChunks), (chunk) => chunk.id, ($$anchor2, chunk) => {
     Event($$anchor2, {
       get chunk() {
         return $.get(chunk);