v4.3.1

vkurko · vkurko · commit 05434a28576d · 2025-06-03T16:25:59.000+03:00
Fixed error with svelte &gt;= 5.33.0
Fixed infinite recursion when using calendar in Lit component
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,10 @@
 # Event Calendar changelog
 
+## 4.3.1
+June 3, 2025
+* Fixed error with `svelte >= 5.33.0` ([505](https://github.com/vkurko/calendar/issues/505), [507](https://github.com/vkurko/calendar/issues/507))
+* Fixed infinite recursion when using calendar in Lit component ([142](https://github.com/vkurko/calendar/issues/142#issuecomment-2894606865))
+
 ## 4.3.0
 May 16, 2025
 * Added `nowIndicator` in `resourceTimeline` views ([427](https://github.com/vkurko/calendar/issues/427))
diff --git a/README.md b/README.md
@@ -227,8 +227,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.3.0/dist/event-calendar.min.css">
-<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.3.0/dist/event-calendar.min.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.3.1/dist/event-calendar.min.css">
+<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.3.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.3.0/dist/event-calendar.min.css">
-    <script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.3.0/dist/event-calendar.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.3.1/dist/event-calendar.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.3.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.3.0",
+  "version": "4.3.1",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -11,9 +11,9 @@
     "publish": "node ./scripts/publish.cjs"
   },
   "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "^5.0.3",
-    "sass": "^1.88.0",
-    "svelte": "^5.28.6",
+    "@sveltejs/vite-plugin-svelte": "^5.1.0",
+    "sass": "^1.89.1",
+    "svelte": "^5.33.14",
     "vite": "^6.3.5",
     "vite-plugin-banner": "^0.8.1"
   }
diff --git a/packages/build/README.md b/packages/build/README.md
@@ -227,8 +227,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.3.0/dist/event-calendar.min.css">
-<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.3.0/dist/event-calendar.min.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.3.1/dist/event-calendar.min.css">
+<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.3.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.3.0",
+  "version": "4.3.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
@@ -227,8 +227,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.3.0/dist/event-calendar.min.css">
-<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.3.0/dist/event-calendar.min.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.3.1/dist/event-calendar.min.css">
+<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.3.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.3.0",
+  "version": "4.3.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.28.6"
+    "svelte": "^5.33.14"
   }
 }
diff --git a/packages/core/src/lib/dom.js b/packages/core/src/lib/dom.js
@@ -35,14 +35,15 @@ export function height(el) {
     return rect(el).height;
 }
 
-export function getElementWithPayload(x, y, root = document) {
+export function getElementWithPayload(x, y, root = document, processed = []) {
+    processed.push(root);
     for (let el of root.elementsFromPoint(x, y)) {
         if (hasPayload(el)) {
             return el;
         }
         /** @see https://github.com/vkurko/calendar/issues/142 */
-        if (el.shadowRoot && el.shadowRoot !== root) {
-            let shadowEl = getElementWithPayload(x, y, el.shadowRoot);
+        if (el.shadowRoot && !processed.includes(el.shadowRoot)) {
+            let shadowEl = getElementWithPayload(x, y, el.shadowRoot, processed);
             if (shadowEl) {
                 return shadowEl;
             }
diff --git a/packages/core/src/styles/index.scss b/packages/core/src/styles/index.scss
@@ -503,7 +503,6 @@
     border-top: var(--ec-now-indicator-color) solid 2px;
   }
   .ec-timeline & {
-    height: 100%;
     border-left: var(--ec-now-indicator-color) solid 2px;
     will-change: transform;
   }

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.3.0",`
	`3`	`+ "version": "4.3.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.3.0",`
	`3`	`+ "version": "4.3.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.28.6"`
	`35`	`+ "svelte": "^5.33.14"`
`36`	`36`	`}`
`37`	`37`	`}`
Original file line number	Diff line number	Diff line change
`@@ -35,14 +35,15 @@ export function height(el) {`
`35`	`35`	`return rect(el).height;`
`36`	`36`	`}`
`37`	`37`
`38`		`-export function getElementWithPayload(x, y, root = document) {`
	`38`	`+export function getElementWithPayload(x, y, root = document, processed = []) {`
	`39`	`+ processed.push(root);`
`39`	`40`	`for (let el of root.elementsFromPoint(x, y)) {`
`40`	`41`	`if (hasPayload(el)) {`
`41`	`42`	`return el;`
`42`	`43`	`}`
`43`	`44`	`/** @see https://github.com/vkurko/calendar/issues/142 */`
`44`		`- if (el.shadowRoot && el.shadowRoot !== root) {`
`45`		`- let shadowEl = getElementWithPayload(x, y, el.shadowRoot);`
	`45`	`+ if (el.shadowRoot && !processed.includes(el.shadowRoot)) {`
	`46`	`+ let shadowEl = getElementWithPayload(x, y, el.shadowRoot, processed);`
`46`	`47`	`if (shadowEl) {`
`47`	`48`	`return shadowEl;`
`48`	`49`	`}`