npm - @event-calendar/core - Versions diffs - 4.4.0 → 4.4.2 - Mend

@event-calendar/core 4.4.0 → 4.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/README.md +2 -2
package/dist/index.css +1 -1
package/dist/index.js +45 -44
package/package.json +2 -2
package/src/Auxiliary.svelte +2 -2
package/src/Calendar.svelte +2 -1
package/src/lib/stores.js +3 -3
package/src/lib/times.js +2 -2
package/src/plugins/day-grid/Body.svelte +2 -2
package/src/plugins/list/Body.svelte +2 -2
package/src/plugins/resource-timeline/Body.svelte +2 -2
package/src/plugins/resource-timeline/stores.js +3 -3
package/src/plugins/time-grid/stores.js +1 -1

package/README.md CHANGED Viewed

@@ -228,8 +228,8 @@ This bundle contains a version of the calendar that includes all plugins and is
 The first step is to include the following lines of code in the `<head>` section of your page:
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.4.0/dist/event-calendar.min.css">
-<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.4.0/dist/event-calendar.min.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.4.2/dist/event-calendar.min.css">
+<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.4.2/dist/event-calendar.min.js"></script>
 ```
 <details>

package/dist/index.css CHANGED Viewed

@@ -1,5 +1,5 @@
 /*!
- * EventCalendar v4.4.0
+ * EventCalendar v4.4.2
  * https://github.com/vkurko/calendar
  */
 .ec {

package/dist/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /*!
- * EventCalendar v4.4.0
+ * EventCalendar v4.4.2
  * https://github.com/vkurko/calendar
  */
 import { tick, getContext, untrack, setContext, onMount, mount, unmount } from "svelte";
@@ -720,12 +720,12 @@ function _getParts(source, parts) {
 }
 function viewResources(state) {
   return derived(
-    [state.resources, state.filterResourcesWithEvents, state._events, state._activeRange],
-    ([$resources, $filterResourcesWithEvents, $_events, $_activeRange]) => {
+    [state.resources, state.filterResourcesWithEvents, state._filteredEvents, state._activeRange],
+    ([$resources, $filterResourcesWithEvents, $_filteredEvents, $_activeRange]) => {
       let result = $resources.filter((resource) => !getPayload(resource).hidden);
       if ($filterResourcesWithEvents) {
         result = $resources.filter((resource) => {
-          for (let event of $_events) {
+          for (let event of $_filteredEvents) {
             if (event.display !== "background" && event.resourceIds.includes(resource.id) && event.start < $_activeRange.end && event.end > $_activeRange.start) {
               return true;
             }
@@ -763,7 +763,7 @@ function createTimes(date, $slotDuration, $slotLabelInterval, $_slotTimeLimits,
   }
   return times2;
 }
-function createSlotTimeLimits($slotMinTime, $slotMaxTime, $flexibleSlotTimeLimits, $_viewDates, $_events) {
+function createSlotTimeLimits($slotMinTime, $slotMaxTime, $flexibleSlotTimeLimits, $_viewDates, $_filteredEvents) {
   let min$1 = createDuration($slotMinTime);
   let max$1 = createDuration($slotMaxTime);
   if ($flexibleSlotTimeLimits) {
@@ -775,7 +775,7 @@ function createSlotTimeLimits($slotMinTime, $slotMaxTime, $flexibleSlotTimeLimit
       let end = addDuration(cloneDate(date), max$1);
       let minStart = addDuration(cloneDate(date), minMin);
       let maxEnd = addDuration(cloneDate(date), maxMax);
-      for (let event of $_events) {
+      for (let event of $_filteredEvents) {
         if (!event.allDay && filter(event) && event.start < maxEnd && event.end > minStart) {
           if (event.start < start) {
             let seconds = max((event.start - date) / 1e3, toSeconds(minMin));
@@ -1354,7 +1354,7 @@ function Buttons($$anchor, $$props) {
       var consequent = ($$anchor3) => {
         var h2 = root_2$7();
         $.action(h2, ($$node, $$action_arg) => setContent == null ? void 0 : setContent($$node, $$action_arg), $_viewTitle);
-        $.template_effect(() => $.set_class(h2, 1, $theme().title));
+        $.template_effect(() => $.set_class(h2, 1, ($theme(), $.untrack(() => $theme().title))));
         $.append($$anchor3, h2);
       };
       var alternate = ($$anchor3, $$elseif) => {
@@ -1364,11 +1364,11 @@ function Buttons($$anchor, $$props) {
             var i = $.child(button_1);
             $.reset(button_1);
             $.template_effect(() => {
-              $.set_class(button_1, 1, `${$theme().button ?? ""} ec-${$.get(button) ?? ""}`);
-              $.set_attribute(button_1, "aria-label", $buttonText().prev);
-              $.set_attribute(button_1, "title", $buttonText().prev);
+              $.set_class(button_1, 1, `${($theme(), $.untrack(() => $theme().button)) ?? ""} ec-${$.get(button) ?? ""}`);
+              $.set_attribute(button_1, "aria-label", ($buttonText(), $.untrack(() => $buttonText().prev)));
+              $.set_attribute(button_1, "title", ($buttonText(), $.untrack(() => $buttonText().prev)));
               button_1.disabled = $.get(prevDisabled);
-              $.set_class(i, 1, `${$theme().icon ?? ""} ec-${$.get(button) ?? ""}`);
+              $.set_class(i, 1, `${($theme(), $.untrack(() => $theme().icon)) ?? ""} ec-${$.get(button) ?? ""}`);
             });
             $.event("click", button_1, prev);
             $.append($$anchor4, button_1);
@@ -1380,11 +1380,11 @@ function Buttons($$anchor, $$props) {
                 var i_1 = $.child(button_2);
                 $.reset(button_2);
                 $.template_effect(() => {
-                  $.set_class(button_2, 1, `${$theme().button ?? ""} ec-${$.get(button) ?? ""}`);
-                  $.set_attribute(button_2, "aria-label", $buttonText().next);
-                  $.set_attribute(button_2, "title", $buttonText().next);
+                  $.set_class(button_2, 1, `${($theme(), $.untrack(() => $theme().button)) ?? ""} ec-${$.get(button) ?? ""}`);
+                  $.set_attribute(button_2, "aria-label", ($buttonText(), $.untrack(() => $buttonText().next)));
+                  $.set_attribute(button_2, "title", ($buttonText(), $.untrack(() => $buttonText().next)));
                   button_2.disabled = $.get(nextDisabled);
-                  $.set_class(i_1, 1, `${$theme().icon ?? ""} ec-${$.get(button) ?? ""}`);
+                  $.set_class(i_1, 1, `${($theme(), $.untrack(() => $theme().icon)) ?? ""} ec-${$.get(button) ?? ""}`);
                 });
                 $.event("click", button_2, next);
                 $.append($$anchor5, button_2);
@@ -1396,9 +1396,9 @@ function Buttons($$anchor, $$props) {
                     var text = $.child(button_3, true);
                     $.reset(button_3);
                     $.template_effect(() => {
-                      $.set_class(button_3, 1, `${$theme().button ?? ""} ec-${$.get(button) ?? ""}`);
+                      $.set_class(button_3, 1, `${($theme(), $.untrack(() => $theme().button)) ?? ""} ec-${$.get(button) ?? ""}`);
                       button_3.disabled = $.get(todayDisabled);
-                      $.set_text(text, $buttonText()[$.get(button)]);
+                      $.set_text(text, ($buttonText(), $.get(button), $.untrack(() => $buttonText()[$.get(button)])));
                     });
                     $.event("click", button_3, () => $.store_set(date, cloneDate(today2)));
                     $.append($$anchor6, button_3);
@@ -1412,7 +1412,7 @@ function Buttons($$anchor, $$props) {
                           (_a = $customButtons()[$.get(button)].click) == null ? void 0 : _a.apply(this, $$args);
                         }));
                         $.action(button_4, ($$node, $$action_arg) => setContent == null ? void 0 : setContent($$node, $$action_arg), () => $customButtons()[$.get(button)].text);
-                        $.template_effect(() => $.set_class(button_4, 1, `${$theme().button ?? ""} ec-${$.get(button) ?? ""}${$customButtons()[$.get(button)].active ? " " + $theme().active : ""}`));
+                        $.template_effect(() => $.set_class(button_4, 1, `${($theme(), $.untrack(() => $theme().button)) ?? ""} ec-${$.get(button) ?? ""}${($customButtons(), $.get(button), $theme(), $.untrack(() => $customButtons()[$.get(button)].active ? " " + $theme().active : "")) ?? ""}`));
                         $.append($$anchor7, button_4);
                       };
                       var alternate_4 = ($$anchor7, $$elseif5) => {
@@ -1422,8 +1422,8 @@ function Buttons($$anchor, $$props) {
                             var text_1 = $.child(button_5, true);
                             $.reset(button_5);
                             $.template_effect(() => {
-                              $.set_class(button_5, 1, `${$theme().button ?? ""}${$view() === $.get(button) ? " " + $theme().active : ""} ec-${$.get(button) ?? ""}`);
-                              $.set_text(text_1, $buttonText()[$.get(button)]);
+                              $.set_class(button_5, 1, `${($theme(), $.untrack(() => $theme().button)) ?? ""}${($view(), $.get(button), $theme(), $.untrack(() => $view() === $.get(button) ? " " + $theme().active : "")) ?? ""} ec-${$.get(button) ?? ""}`);
+                              $.set_text(text_1, ($buttonText(), $.get(button), $.untrack(() => $buttonText()[$.get(button)])));
                             });
                             $.event("click", button_5, () => $.store_set(view2, $.get(button)));
                             $.append($$anchor8, button_5);
@@ -1440,7 +1440,7 @@ function Buttons($$anchor, $$props) {
                       $.if(
                         $$anchor6,
                         ($$render) => {
-                          if ($customButtons()[$.get(button)]) $$render(consequent_4);
+                          if ($customButtons(), $.get(button), $.untrack(() => $customButtons()[$.get(button)])) $$render(consequent_4);
                           else $$render(alternate_4, false);
                         },
                         $$elseif4
@@ -1554,7 +1554,7 @@ function Auxiliary$1($$anchor, $$props) {
   const $_activeRange = () => $.store_get(_activeRange, "$_activeRange", $$stores);
   const $datesSet = () => $.store_get(datesSet, "$datesSet", $$stores);
   const $_view = () => $.store_get(_view, "$_view", $$stores);
-  const $_events = () => $.store_get(_events, "$_events", $$stores);
+  const $_filteredEvents = () => $.store_get(_filteredEvents, "$_filteredEvents", $$stores);
   const $eventAllUpdated = () => $.store_get(eventAllUpdated, "$eventAllUpdated", $$stores);
   const $_queue = () => $.store_get(_queue, "$_queue", $$stores);
   const $_recheckScrollable = () => $.store_get(_recheckScrollable, "$_recheckScrollable", $$stores);
@@ -1565,7 +1565,7 @@ function Auxiliary$1($$anchor, $$props) {
     eventAllUpdated,
     _auxiliary,
     _activeRange,
-    _events,
+    _filteredEvents,
     _scrollable,
     _bodyEl,
     _tasks,
@@ -1588,7 +1588,7 @@ function Auxiliary$1($$anchor, $$props) {
     });
   });
   $.user_effect(() => {
-    $_events();
+    $_filteredEvents();
     untrack(() => {
       if (isFunction($eventAllUpdated())) {
         task(() => $eventAllUpdated()({ view: toViewWithLocalDates($_view()) }), "eau", _tasks);
@@ -1615,8 +1615,8 @@ function Auxiliary$1($$anchor, $$props) {
   $.each(node, 1, $_auxiliary, $.index, ($$anchor2, Component) => {
     var fragment_1 = $.comment();
     var node_1 = $.first_child(fragment_1);
-    $.component(node_1, () => $.get(Component), ($$anchor3, $$component) => {
-      $$component($$anchor3, {});
+    $.component(node_1, () => $.get(Component), ($$anchor3, Component_1) => {
+      Component_1($$anchor3, {});
     });
     $.append($$anchor2, fragment_1);
   });
@@ -1697,7 +1697,8 @@ function Calendar($$anchor, $$props) {
     let id = String(event.id);
     let idx = $_events().findIndex((event2) => event2.id === id);
     if (idx >= 0) {
-      $.store_mutate(_events, $.untrack($_events)[idx] = createEvents([event])[0], $.untrack($_events));
+      event = createEvents([event])[0];
+      $.store_mutate(_events, $.untrack($_events)[idx] = event, $.untrack($_events));
       return toEventWithLocalDates(event);
     }
     return null;
@@ -1743,8 +1744,8 @@ function Calendar($$anchor, $$props) {
   var node = $.child(div);
   Toolbar(node, {});
   var node_1 = $.sibling(node, 2);
-  $.component(node_1, () => $.get(View2), ($$anchor2, $$component) => {
-    $$component($$anchor2, {});
+  $.component(node_1, () => $.get(View2), ($$anchor2, View_1) => {
+    View_1($$anchor2, {});
   });
   $.reset(div);
   var node_2 = $.sibling(div, 2);
@@ -2003,8 +2004,8 @@ function InteractableEvent($$anchor, $$props) {
         var consequent = ($$anchor3) => {
           var fragment_2 = $.comment();
           var node_1 = $.first_child(fragment_2);
-          $.component(node_1, () => $.get(Resizer2), ($$anchor4, $$component) => {
-            $$component($$anchor4, {
+          $.component(node_1, () => $.get(Resizer2), ($$anchor4, Resizer_1) => {
+            Resizer_1($$anchor4, {
               get chunk() {
                 return $$props.chunk;
               },
@@ -2692,13 +2693,13 @@ function Body$3($$anchor, $$props) {
   const $_viewDates = () => $.store_get(_viewDates, "$_viewDates", $$stores);
   const $dayMaxEvents = () => $.store_get(dayMaxEvents, "$dayMaxEvents", $$stores);
   const $_hiddenEvents = () => $.store_get(_hiddenEvents, "$_hiddenEvents", $$stores);
-  const $_events = () => $.store_get(_events, "$_events", $$stores);
+  const $_filteredEvents = () => $.store_get(_filteredEvents, "$_filteredEvents", $$stores);
   const $_bodyEl = () => $.store_get(_bodyEl, "$_bodyEl", $$stores);
   const $theme = () => $.store_get(theme, "$theme", $$stores);
   let {
     _bodyEl,
     _viewDates,
-    _events,
+    _filteredEvents,
     _hiddenEvents,
     _recheckScrollable,
     dayMaxEvents,
@@ -2727,7 +2728,7 @@ function Body$3($$anchor, $$props) {
     runReposition(refs, $.get(weeks));
   }
   $.user_effect(() => {
-    $_events();
+    $_filteredEvents();
     $_hiddenEvents();
     $dayMaxEvents();
     untrack(reposition);
@@ -3855,7 +3856,7 @@ function Body$2($$anchor, $$props) {
   $.push($$props, true);
   const [$$stores, $$cleanup] = $.setup_stores();
   const $_viewDates = () => $.store_get(_viewDates, "$_viewDates", $$stores);
-  const $_events = () => $.store_get(_events, "$_events", $$stores);
+  const $_filteredEvents = () => $.store_get(_filteredEvents, "$_filteredEvents", $$stores);
   const $noEventsContent = () => $.store_get(noEventsContent, "$noEventsContent", $$stores);
   const $noEventsClick = () => $.store_get(noEventsClick, "$noEventsClick", $$stores);
   const $_view = () => $.store_get(_view, "$_view", $$stores);
@@ -3863,7 +3864,7 @@ function Body$2($$anchor, $$props) {
   const $theme = () => $.store_get(theme, "$theme", $$stores);
   let {
     _bodyEl,
-    _events,
+    _filteredEvents,
     _view,
     _viewDates,
     noEventsClick,
@@ -3875,7 +3876,7 @@ function Body$2($$anchor, $$props) {
     if ($_viewDates().length) {
       let start = $_viewDates()[0];
       let end = addDay(cloneDate($_viewDates().at(-1)));
-      for (let event of $_events()) {
+      for (let event of $_filteredEvents()) {
         if (!bgEvent(event.display) && event.start < end && event.end > start) {
           noEvents2 = false;
           break;
@@ -3986,7 +3987,7 @@ function times(state) {
 }
 function slotTimeLimits(state) {
   return derived(
-    [state.slotMinTime, state.slotMaxTime, state.flexibleSlotTimeLimits, state._viewDates, state._events],
+    [state.slotMinTime, state.slotMaxTime, state.flexibleSlotTimeLimits, state._viewDates, state._filteredEvents],
     (args) => createSlotTimeLimits(...args)
   );
 }
@@ -5201,8 +5202,8 @@ const index$1 = {
 };
 function dayTimeLimits(state) {
   return derived(
-    [state.slotMinTime, state.slotMaxTime, state.flexibleSlotTimeLimits, state._viewDates, state._events],
-    ([$slotMinTime, $slotMaxTime, $flexibleSlotTimeLimits, $_viewDates, $_events]) => {
+    [state.slotMinTime, state.slotMaxTime, state.flexibleSlotTimeLimits, state._viewDates, state._filteredEvents],
+    ([$slotMinTime, $slotMaxTime, $flexibleSlotTimeLimits, $_viewDates, $_filteredEvents]) => {
       let dayTimeLimits2 = {};
       for (let date of $_viewDates) {
         dayTimeLimits2[date.getTime()] = createSlotTimeLimits(
@@ -5210,7 +5211,7 @@ function dayTimeLimits(state) {
           $slotMaxTime,
           $flexibleSlotTimeLimits,
           [date],
-          $_events
+          $_filteredEvents
         );
       }
       return dayTimeLimits2;
@@ -6001,7 +6002,7 @@ function Body($$anchor, $$props) {
   const $slotWidth = () => $.store_get(slotWidth, "$slotWidth", $$stores);
   const $_resHs = () => $.store_get(_resHs, "$_resHs", $$stores);
   const $_viewResources = () => $.store_get(_viewResources, "$_viewResources", $$stores);
-  const $_events = () => $.store_get(_events, "$_events", $$stores);
+  const $_filteredEvents = () => $.store_get(_filteredEvents, "$_filteredEvents", $$stores);
   const $_headerEl = () => $.store_get(_headerEl, "$_headerEl", $$stores);
   const $_sidebarEl = () => $.store_get(_sidebarEl, "$_sidebarEl", $$stores);
   const $theme = () => $.store_get(theme, "$theme", $$stores);
@@ -6012,7 +6013,7 @@ function Body($$anchor, $$props) {
     _bodyWidth,
     _bodyScrollLeft,
     _headerEl,
-    _events,
+    _filteredEvents,
     _sidebarEl,
     _dayTimes,
     _dayTimeLimits,
@@ -6041,7 +6042,7 @@ function Body($$anchor, $$props) {
     runReposition(refs, $_viewResources());
   }
   $.user_effect(() => {
-    $_events();
+    $_filteredEvents();
     $_viewResources();
     untrack(reposition);
   });

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@event-calendar/core",
-  "version": "4.4.0",
+  "version": "4.4.2",
   "title": "Event Calendar Core package",
   "description": "Full-sized drag & drop event calendar with resource & timeline views",
   "keywords": [
@@ -32,6 +32,6 @@
     "#components": "./src/lib/components/index.js"
   },
   "dependencies": {
-    "svelte": "^5.33.14"
+    "svelte": "^5.34.8"
   }
 }

package/src/Auxiliary.svelte CHANGED Viewed

@@ -5,7 +5,7 @@
     } from '#lib';
     let {
-        datesSet, eventAllUpdated, _auxiliary, _activeRange, _events, _scrollable, _bodyEl, _tasks, _recheckScrollable,
+        datesSet, eventAllUpdated, _auxiliary, _activeRange, _filteredEvents, _scrollable, _bodyEl, _tasks, _recheckScrollable,
         _queue, _view
     } = getContext('state');
@@ -27,7 +27,7 @@
     // eventAllUpdated callback
     $effect(() => {
-        $_events;
+        $_filteredEvents;
         untrack(() => {
             if (isFunction($eventAllUpdated)) {
                 task(() => $eventAllUpdated({view: toViewWithLocalDates($_view)}), 'eau', _tasks);

package/src/Calendar.svelte CHANGED Viewed

@@ -71,7 +71,8 @@
         let id = String(event.id);
         let idx = $_events.findIndex(event => event.id === id);
         if (idx >= 0) {
-            $_events[idx] = createEvents([event])[0];
+            event = createEvents([event])[0];
+            $_events[idx] = event;
             return toEventWithLocalDates(event);
         }
         return null;

package/src/lib/stores.js CHANGED Viewed

@@ -66,13 +66,13 @@ function _getParts(source, parts) {
 export function viewResources(state) {
     return derived(
-        [state.resources, state.filterResourcesWithEvents, state._events, state._activeRange],
-        ([$resources, $filterResourcesWithEvents, $_events, $_activeRange]) => {
+        [state.resources, state.filterResourcesWithEvents, state._filteredEvents, state._activeRange],
+        ([$resources, $filterResourcesWithEvents, $_filteredEvents, $_activeRange]) => {
             let result = $resources.filter(resource => !getPayload(resource).hidden);
             if ($filterResourcesWithEvents) {
                 result = $resources.filter(resource => {
-                    for (let event of $_events) {
+                    for (let event of $_filteredEvents) {
                         if (
                             event.display !== 'background' &&
                             event.resourceIds.includes(resource.id) &&

package/src/lib/times.js CHANGED Viewed

@@ -31,7 +31,7 @@ export function createTimes(date, $slotDuration, $slotLabelInterval, $_slotTimeL
     return times;
 }
-export function createSlotTimeLimits($slotMinTime, $slotMaxTime, $flexibleSlotTimeLimits, $_viewDates, $_events) {
+export function createSlotTimeLimits($slotMinTime, $slotMaxTime, $flexibleSlotTimeLimits, $_viewDates, $_filteredEvents) {
     let min = createDuration($slotMinTime);
     let max = createDuration($slotMaxTime);
@@ -47,7 +47,7 @@ export function createSlotTimeLimits($slotMinTime, $slotMaxTime, $flexibleSlotTi
             let end = addDuration(cloneDate(date), max);
             let minStart = addDuration(cloneDate(date), minMin);
             let maxEnd = addDuration(cloneDate(date), maxMax);
-            for (let event of $_events) {
+            for (let event of $_filteredEvents) {
                 if (!event.allDay && filter(event) && event.start < maxEnd && event.end > minStart) {
                     if (event.start < start) {
                         let seconds = maxFn((event.start - date) / 1000, toSeconds(minMin));

package/src/plugins/day-grid/Body.svelte CHANGED Viewed

@@ -4,7 +4,7 @@
     import Week from './Week.svelte';
     let {
-        _bodyEl, _viewDates, _events, _hiddenEvents, _recheckScrollable, dayMaxEvents, hiddenDays, theme
+        _bodyEl, _viewDates, _filteredEvents, _hiddenEvents, _recheckScrollable, dayMaxEvents, hiddenDays, theme
     } = getContext('state');
     let refs = [];
@@ -31,7 +31,7 @@
         runReposition(refs, weeks);
     }
     $effect(() => {
-        $_events;
+        $_filteredEvents;
         $_hiddenEvents;
         $dayMaxEvents;
         untrack(reposition);

package/src/plugins/list/Body.svelte CHANGED Viewed

@@ -3,14 +3,14 @@
     import {addDay, cloneDate, toViewWithLocalDates, setContent, bgEvent, isFunction} from '#lib';
     import Day from './Day.svelte';
-    let {_bodyEl, _events, _view, _viewDates, noEventsClick, noEventsContent, theme} = getContext('state');
+    let {_bodyEl, _filteredEvents, _view, _viewDates, noEventsClick, noEventsContent, theme} = getContext('state');
     let noEvents = $derived.by(() => {
         let noEvents = true;
         if ($_viewDates.length) {
             let start = $_viewDates[0];
             let end = addDay(cloneDate($_viewDates.at(-1)));
-            for (let event of $_events) {
+            for (let event of $_filteredEvents) {
                 if (!bgEvent(event.display) && event.start < end && event.end > start) {
                     noEvents = false;
                     break;

package/src/plugins/resource-timeline/Body.svelte CHANGED Viewed

@@ -4,7 +4,7 @@
     import {getSlotTimeLimits} from './lib.js';
     import Days from './Days.svelte';
-    let {_bodyEl, _bodyHeight, _bodyWidth, _bodyScrollLeft, _headerEl, _events, _sidebarEl, _dayTimes, _dayTimeLimits,
+    let {_bodyEl, _bodyHeight, _bodyWidth, _bodyScrollLeft, _headerEl, _filteredEvents, _sidebarEl, _dayTimes, _dayTimeLimits,
         _recheckScrollable, _resHs, _viewResources, _viewDates, scrollTime, slotDuration, slotWidth, theme} = getContext('state');
     let refs = [];
@@ -25,7 +25,7 @@
         runReposition(refs, $_viewResources);
     }
     $effect(() => {
-        $_events;
+        $_filteredEvents;
         $_viewResources;
         untrack(reposition);
     });

package/src/plugins/resource-timeline/stores.js CHANGED Viewed

@@ -4,8 +4,8 @@ import {createSlotTimeLimits, createTimes, getPayload} from '#lib';
 // slotTimeLimits per day
 export function dayTimeLimits(state) {
     return derived(
-        [state.slotMinTime, state.slotMaxTime, state.flexibleSlotTimeLimits, state._viewDates, state._events],
-        ([$slotMinTime, $slotMaxTime, $flexibleSlotTimeLimits, $_viewDates, $_events]) => {
+        [state.slotMinTime, state.slotMaxTime, state.flexibleSlotTimeLimits, state._viewDates, state._filteredEvents],
+        ([$slotMinTime, $slotMaxTime, $flexibleSlotTimeLimits, $_viewDates, $_filteredEvents]) => {
             let dayTimeLimits = {};
             for (let date of $_viewDates) {
                 dayTimeLimits[date.getTime()] = createSlotTimeLimits(
@@ -13,7 +13,7 @@ export function dayTimeLimits(state) {
                     $slotMaxTime,
                     $flexibleSlotTimeLimits,
                     [date],
-                    $_events
+                    $_filteredEvents
                 );
             }

package/src/plugins/time-grid/stores.js CHANGED Viewed

@@ -10,7 +10,7 @@ export function times(state) {
 export function slotTimeLimits(state) {
     return derived(
-        [state.slotMinTime, state.slotMaxTime, state.flexibleSlotTimeLimits, state._viewDates, state._events],
+        [state.slotMinTime, state.slotMaxTime, state.flexibleSlotTimeLimits, state._viewDates, state._filteredEvents],
         args => createSlotTimeLimits(...args)
     );
 }