v4.4.1

vkurko · vkurko · commit 88656e20d9a9 · 2025-06-16T15:29:20.000+03:00
Fixed event positioning issue
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # EventCalendar changelog
 
+## 4.4.1
+June 16, 2025
+* Fixed event positioning issue ([511](https://github.com/vkurko/calendar/issues/511))
+
 ## 4.4.0
 June 5, 2025
 * Added `eventFilter` option ([500](https://github.com/vkurko/calendar/pull/500))
diff --git a/README.md b/README.md
@@ -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.1/dist/event-calendar.min.css">
+<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.4.1/dist/event-calendar.min.js"></script>
 ```
 
 <details>
diff --git a/docs/index.html b/docs/index.html
@@ -12,8 +12,8 @@
     <link rel="manifest" href="site.webmanifest">
     <link rel="stylesheet" href="global.css?20231021">
 
-    <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.1/dist/event-calendar.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.4.1/dist/event-calendar.min.js"></script>
 
     <style>
         .ec-timeline .ec-time, .ec-timeline .ec-line {
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "event-calendar",
   "private": true,
-  "version": "4.4.0",
+  "version": "4.4.1",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/packages/build/README.md b/packages/build/README.md
@@ -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.1/dist/event-calendar.min.css">
+<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.4.1/dist/event-calendar.min.js"></script>
 ```
 
 <details>
diff --git a/packages/build/package.json b/packages/build/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@event-calendar/build",
-  "version": "4.4.0",
+  "version": "4.4.1",
   "title": "Event Calendar",
   "description": "Full-sized drag & drop event calendar with resource & timeline views",
   "keywords": [
diff --git a/packages/core/README.md b/packages/core/README.md
@@ -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.1/dist/event-calendar.min.css">
+<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.4.1/dist/event-calendar.min.js"></script>
 ```
 
 <details>
diff --git a/packages/core/package.json b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@event-calendar/core",
-  "version": "4.4.0",
+  "version": "4.4.1",
   "title": "Event Calendar Core package",
   "description": "Full-sized drag & drop event calendar with resource & timeline views",
   "keywords": [
diff --git a/packages/core/src/Auxiliary.svelte b/packages/core/src/Auxiliary.svelte
@@ -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);
diff --git a/packages/core/src/lib/stores.js b/packages/core/src/lib/stores.js
@@ -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) &&
diff --git a/packages/core/src/lib/times.js b/packages/core/src/lib/times.js
@@ -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));
diff --git a/packages/core/src/plugins/day-grid/Body.svelte b/packages/core/src/plugins/day-grid/Body.svelte
@@ -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);
diff --git a/packages/core/src/plugins/list/Body.svelte b/packages/core/src/plugins/list/Body.svelte
@@ -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;
diff --git a/packages/core/src/plugins/resource-timeline/Body.svelte b/packages/core/src/plugins/resource-timeline/Body.svelte
@@ -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);
     });
diff --git a/packages/core/src/plugins/resource-timeline/stores.js b/packages/core/src/plugins/resource-timeline/stores.js
@@ -4,16 +4,16 @@ 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(
                     $slotMinTime,
                     $slotMaxTime,
                     $flexibleSlotTimeLimits,
                     [date],
-                    $_events
+                    $_filteredEvents
                 );
             }
 
diff --git a/packages/core/src/plugins/time-grid/stores.js b/packages/core/src/plugins/time-grid/stores.js
@@ -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)
     );
 }

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "event-calendar",`
`3`	`3`	`"private": true,`
`4`		`- "version": "4.4.0",`
	`4`	`+ "version": "4.4.1",`
`5`	`5`	`"type": "module",`
`6`	`6`	`"scripts": {`
`7`	`7`	`"dev": "vite",`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@event-calendar/build",`
`3`		`- "version": "4.4.0",`
	`3`	`+ "version": "4.4.1",`
`4`	`4`	`"title": "Event Calendar",`
`5`	`5`	`"description": "Full-sized drag & drop event calendar with resource & timeline views",`
`6`	`6`	`"keywords": [`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@event-calendar/core",`
`3`		`- "version": "4.4.0",`
	`3`	`+ "version": "4.4.1",`
`4`	`4`	`"title": "Event Calendar Core package",`
`5`	`5`	`"description": "Full-sized drag & drop event calendar with resource & timeline views",`
`6`	`6`	`"keywords": [`