v4.7.1

vkurko · vkurko · commit 5ac9d96fcbf1 · 2025-10-23T18:42:56.000+03:00
Fixed dragging events on mobile devices
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # EventCalendar changelog
 
+## 4.7.1
+October 23, 2025
+* Fixed dragging events on mobile devices ([573](https://github.com/vkurko/calendar/issues/573))
+
 ## 4.7.0
 October 10, 2025
 * Added ability to set `customButtons` as function ([499](https://github.com/vkurko/calendar/issues/499))
diff --git a/README.md b/README.md
@@ -244,8 +244,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.7.0/dist/event-calendar.min.css">
-<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.7.0/dist/event-calendar.min.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.7.1/dist/event-calendar.min.css">
+<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.7.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.7.0/dist/event-calendar.min.css">
-    <script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.7.0/dist/event-calendar.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.7.1/dist/event-calendar.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.7.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.7.0",
+  "version": "4.7.1",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -13,8 +13,8 @@
   "devDependencies": {
     "@sveltejs/vite-plugin-svelte": "^6.2.1",
     "sass": "^1.93.2",
-    "svelte": "5.39.11",
-    "vite": "^7.1.9",
+    "svelte": "5.41.2",
+    "vite": "^7.1.12",
     "vite-plugin-banner": "^0.8.1"
   }
 }
diff --git a/packages/build/README.md b/packages/build/README.md
@@ -244,8 +244,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.7.0/dist/event-calendar.min.css">
-<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.7.0/dist/event-calendar.min.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.7.1/dist/event-calendar.min.css">
+<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.7.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.7.0",
+  "version": "4.7.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
@@ -244,8 +244,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.7.0/dist/event-calendar.min.css">
-<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.7.0/dist/event-calendar.min.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.7.1/dist/event-calendar.min.css">
+<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.7.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.7.0",
+  "version": "4.7.1",
   "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.34.8"
+    "svelte": "^5.41.2"
   }
 }
diff --git a/packages/core/src/plugins/interaction/Action.svelte b/packages/core/src/plugins/interaction/Action.svelte
@@ -1,5 +1,5 @@
 <script>
-    import {getContext} from 'svelte';
+    import {getContext, onMount} from 'svelte';
     import {
         addDay, addDuration, ancestor, assign, cloneDate, cloneEvent, copyTime, createDuration, getElementWithPayload,
         getPayload, isFunction, listen, listView, max, min, noop, rect, runAll, subtractDay, subtractDuration,
@@ -582,7 +582,6 @@
             let target = jsEvent.target;
             let stops = [];
             let stop = () => runAll(stops);
-            stops.push(listen(window, 'touchmove', noop, {passive: false}))
             stops.push(listen(target, 'touchmove', createPreventDefaultHandler(() => interacting)));
             stops.push(listen(target, 'touchend', stop));
             stops.push(listen(target, 'touchcancel', stop));
@@ -596,6 +595,8 @@
             }
         };
     }
+
+    onMount(() => listen(window, 'touchmove', noop, {passive: false}));
 </script>
 
 <svelte:window
diff --git a/svelte.config.js b/svelte.config.js
@@ -4,4 +4,9 @@ export default {
     // Consult https://svelte.dev/docs#compile-time-svelte-preprocess
     // for more information about preprocessors
     preprocess: vitePreprocess(),
+    compilerOptions: {
+        experimental: {
+            async: true
+        }
+    }
 }

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.7.0",`
	`4`	`+ "version": "4.7.1",`
`5`	`5`	`"type": "module",`
`6`	`6`	`"scripts": {`
`7`	`7`	`"dev": "vite",`
`@@ -13,8 +13,8 @@`
`13`	`13`	`"devDependencies": {`
`14`	`14`	`"@sveltejs/vite-plugin-svelte": "^6.2.1",`
`15`	`15`	`"sass": "^1.93.2",`
`16`		`- "svelte": "5.39.11",`
`17`		`- "vite": "^7.1.9",`
	`16`	`+ "svelte": "5.41.2",`
	`17`	`+ "vite": "^7.1.12",`
`18`	`18`	`"vite-plugin-banner": "^0.8.1"`
`19`	`19`	`}`
`20`	`20`	`}`
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.7.0",`
	`3`	`+ "version": "4.7.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.7.0",`
	`3`	`+ "version": "4.7.1",`
`4`	`4`	`"title": "Event Calendar Core package",`
`5`	`5`	`"description": "Full-sized drag & drop event calendar with resource & timeline views",`
`6`	`6`	`"keywords": [`
`@@ -32,6 +32,6 @@`
`32`	`32`	`"#components": "./src/lib/components/index.js"`
`33`	`33`	`},`
`34`	`34`	`"dependencies": {`
`35`		`- "svelte": "^5.34.8"`
	`35`	`+ "svelte": "^5.41.2"`
`36`	`36`	`}`
`37`	`37`	`}`