npm - @event-calendar/core - Versions diffs - 4.3.0 → 4.3.1 - Mend

@event-calendar/core 4.3.0 → 4.3.1

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 (6) hide show

package/README.md CHANGED Viewed

@@ -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>

package/dist/index.css CHANGED Viewed

@@ -1,5 +1,5 @@
 /*!
- * EventCalendar v4.3.0
+ * EventCalendar v4.3.1
  * https://github.com/vkurko/calendar
  */
 .ec {
@@ -733,7 +733,6 @@
   border-top: var(--ec-now-indicator-color) solid 2px;
 }
 .ec-timeline .ec-now-indicator {
-  height: 100%;
   border-left: var(--ec-now-indicator-color) solid 2px;
   will-change: transform;
 }

package/dist/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /*!
- * EventCalendar v4.3.0
+ * EventCalendar v4.3.1
  * https://github.com/vkurko/calendar
  */
 import { tick, getContext, untrack, setContext, onMount, mount, unmount } from "svelte";
@@ -299,13 +299,14 @@ function ancestor(el, up) {
 function height(el) {
   return rect(el).height;
 }
-function getElementWithPayload(x, y, root2 = document) {
+function getElementWithPayload(x, y, root2 = document, processed = []) {
+  processed.push(root2);
   for (let el of root2.elementsFromPoint(x, y)) {
     if (hasPayload(el)) {
       return el;
     }
-    if (el.shadowRoot && el.shadowRoot !== root2) {
-      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;
       }
@@ -1240,12 +1241,12 @@ function filterOpts(opts, state) {
 function validKey(key, state) {
   return state.hasOwnProperty(key) && key[0] !== "_";
 }
-var root_2$7 = $.template(`<h2></h2>`);
-var root_4$3 = $.template(`<button><i></i></button>`);
-var root_6$1 = $.template(`<button><i></i></button>`);
-var root_8$1 = $.template(`<button> </button>`);
-var root_10$1 = $.template(`<button></button>`);
-var root_12$1 = $.template(`<button> </button>`);
+var root_2$7 = $.from_html(`<h2></h2>`);
+var root_4$3 = $.from_html(`<button><i></i></button>`);
+var root_6$1 = $.from_html(`<button><i></i></button>`);
+var root_8$1 = $.from_html(`<button> </button>`);
+var root_10$1 = $.from_html(`<button></button>`);
+var root_12$1 = $.from_html(`<button> </button>`);
 function Buttons($$anchor, $$props) {
   $.push($$props, false);
   const [$$stores, $$cleanup] = $.setup_stores();
@@ -1464,9 +1465,9 @@ function Buttons($$anchor, $$props) {
   $.pop();
   $$cleanup();
 }
-var root_3$5 = $.template(`<div><!></div>`);
-var root_1$d = $.template(`<div></div>`);
-var root$r = $.template(`<nav></nav>`);
+var root_3$5 = $.from_html(`<div><!></div>`);
+var root_1$d = $.from_html(`<div></div>`);
+var root$r = $.from_html(`<nav></nav>`);
 function Toolbar($$anchor, $$props) {
   $.push($$props, true);
   const [$$stores, $$cleanup] = $.setup_stores();
@@ -1600,7 +1601,7 @@ function Auxiliary$1($$anchor, $$props) {
   $.pop();
   $$cleanup();
 }
-var root$q = $.template(`<div><!> <!></div> <!>`, 1);
+var root$q = $.from_html(`<div><!> <!></div> <!>`, 1);
 function Calendar($$anchor, $$props) {
   $.push($$props, true);
   const [$$stores, $$cleanup] = $.setup_stores();
@@ -1772,8 +1773,8 @@ function days(state) {
     return days2;
   });
 }
-var root_1$c = $.template(`<div role="columnheader"><span></span></div>`);
-var root$p = $.template(`<div><div role="row"></div> <div></div></div>`);
+var root_1$c = $.from_html(`<div role="columnheader"><span></span></div>`);
+var root$p = $.from_html(`<div><div role="row"></div> <div></div></div>`);
 function Header$1($$anchor, $$props) {
   $.push($$props, false);
   const [$$stores, $$cleanup] = $.setup_stores();
@@ -1823,8 +1824,8 @@ function Header$1($$anchor, $$props) {
   $.pop();
   $$cleanup();
 }
-var root_1$b = $.template(`<div></div>`);
-var root$o = $.template(`<article><!></article>`);
+var root_1$b = $.from_html(`<div></div>`);
+var root$o = $.from_html(`<article><!></article>`);
 function BaseEvent($$anchor, $$props) {
   $.push($$props, true);
   const [$$stores, $$cleanup] = $.setup_stores();
@@ -1871,7 +1872,7 @@ function BaseEvent($$anchor, $$props) {
     bgEvent($.get(display)) ? $theme().bgEvent : $theme().event,
     ...createEventClasses($eventClassNames(), $.get(event), $_view())
   ]).join(" "));
-  let $$d = $.derived(() => createEventContent($$props.chunk, $displayEventEnd(), $eventContent(), $theme(), $_intlEventTime(), $_view())), timeText = $.derived(() => $.get($$d)[0]), content = $.derived(() => $.get($$d)[1]);
+  let $$d = $.derived(() => createEventContent($$props.chunk, $displayEventEnd(), $eventContent(), $theme(), $_intlEventTime(), $_view())), $$array = $.derived(() => $.to_array($.get($$d), 2)), timeText = $.derived(() => $.get($$array)[0]), content = $.derived(() => $.get($$array)[1]);
   onMount(() => {
     if (isFunction($eventDidMount())) {
       $eventDidMount()({
@@ -2141,7 +2142,7 @@ function Event$4($$anchor, $$props) {
   $$cleanup();
   return $$pop;
 }
-var root$n = $.template(`<div><div><time></time> <a role="button" tabindex="0">&times;</a></div> <div></div></div>`);
+var root$n = $.from_html(`<div><div><time></time> <a role="button" tabindex="0">&times;</a></div> <div></div></div>`);
 function Popup($$anchor, $$props) {
   $.push($$props, true);
   const [$$stores, $$cleanup] = $.setup_stores();
@@ -2268,12 +2269,12 @@ function Popup($$anchor, $$props) {
   $$cleanup();
 }
 $.delegate(["pointerdown", "click", "keydown"]);
-var root_1$a = $.template(`<span></span>`);
-var root_5$1 = $.template(`<div><!></div>`);
-var root_6 = $.template(`<div><!></div>`);
-var root_4$2 = $.template(`<!> <!>`, 1);
-var root_10 = $.template(`<a role="button" tabindex="0" aria-haspopup="true"></a>`);
-var root$m = $.template(`<div role="cell"><div><time></time> <!></div> <div><!></div> <!> <div><!></div> <!> <div><!></div></div>`);
+var root_1$a = $.from_html(`<span></span>`);
+var root_5$1 = $.from_html(`<div><!></div>`);
+var root_6 = $.from_html(`<div><!></div>`);
+var root_4$2 = $.from_html(`<!> <!>`, 1);
+var root_10 = $.from_html(`<a role="button" tabindex="0" aria-haspopup="true"></a>`);
+var root$m = $.from_html(`<div role="cell"><div><time></time> <!></div> <div><!></div> <!> <div><!></div> <!> <div><!></div></div>`);
 function Day$4($$anchor, $$props) {
   $.push($$props, true);
   const [$$stores, $$cleanup] = $.setup_stores();
@@ -2570,7 +2571,7 @@ function Day$4($$anchor, $$props) {
   return $$pop;
 }
 $.delegate(["pointerdown", "click", "keydown"]);
-var root$l = $.template(`<div role="row"></div>`);
+var root$l = $.from_html(`<div role="row"></div>`);
 function Week$1($$anchor, $$props) {
   $.push($$props, true);
   const [$$stores, $$cleanup] = $.setup_stores();
@@ -2611,7 +2612,7 @@ function Week$1($$anchor, $$props) {
     prepareEventChunks$1(bgChunks2, $hiddenDays());
     let longChunks2 = prepareEventChunks$1(chunks2, $hiddenDays());
     return [chunks2, bgChunks2, longChunks2];
-  }), chunks = $.derived(() => $.get($$d)[0]), bgChunks = $.derived(() => $.get($$d)[1]), longChunks = $.derived(() => $.get($$d)[2]);
+  }), $$array = $.derived(() => $.to_array($.get($$d), 3)), chunks = $.derived(() => $.get($$array)[0]), bgChunks = $.derived(() => $.get($$array)[1]), longChunks = $.derived(() => $.get($$array)[2]);
   let iChunks = $.derived(() => $_iEvents().map((event) => {
     let chunk;
     if (event && eventIntersects(event, $.get(start), $.get(end))) {
@@ -2660,7 +2661,7 @@ function Week$1($$anchor, $$props) {
   $$cleanup();
   return $$pop;
 }
-var root$k = $.template(`<div><div></div></div>`);
+var root$k = $.from_html(`<div><div></div></div>`);
 function Body$3($$anchor, $$props) {
   $.push($$props, true);
   const [$$stores, $$cleanup] = $.setup_stores();
@@ -2735,7 +2736,7 @@ function Body$3($$anchor, $$props) {
   $.pop();
   $$cleanup();
 }
-var root$j = $.template(`<!> <!>`, 1);
+var root$j = $.from_html(`<!> <!>`, 1);
 function View$4($$anchor) {
   var fragment = root$j();
   var node = $.first_child(fragment);
@@ -3487,9 +3488,9 @@ function Pointer($$anchor, $$props) {
   $$cleanup();
   return $$pop;
 }
-var root_1$9 = $.template(`<div></div>`);
-var root_2$6 = $.template(`<div></div>`);
-var root$i = $.template(`<!> <!> <!>`, 1);
+var root_1$9 = $.from_html(`<div></div>`);
+var root_2$6 = $.from_html(`<div></div>`);
+var root$i = $.from_html(`<!> <!> <!>`, 1);
 function Resizer($$anchor, $$props) {
   $.push($$props, true);
   const [$$stores, $$cleanup] = $.setup_stores();
@@ -3555,7 +3556,7 @@ function Resizer($$anchor, $$props) {
   $$cleanup();
 }
 $.delegate(["pointerdown"]);
-var root$h = $.template(`<!> <!>`, 1);
+var root$h = $.from_html(`<!> <!>`, 1);
 function Auxiliary($$anchor, $$props) {
   $.push($$props, true);
   const [$$stores, $$cleanup] = $.setup_stores();
@@ -3663,7 +3664,7 @@ const index$3 = {
     state._auxiliary.update(($_auxiliary) => [...$_auxiliary, Auxiliary]);
   }
 };
-var root_1$8 = $.template(`<div></div> <!>`, 1);
+var root_1$8 = $.from_html(`<div></div> <!>`, 1);
 function Event$3($$anchor, $$props) {
   $.push($$props, true);
   const [$$stores, $$cleanup] = $.setup_stores();
@@ -3709,7 +3710,7 @@ function Event$3($$anchor, $$props) {
   $.pop();
   $$cleanup();
 }
-var root_1$7 = $.template(`<div role="listitem"><h4><time></time> <time></time></h4> <!></div>`);
+var root_1$7 = $.from_html(`<div role="listitem"><h4><time></time> <time></time></h4> <!></div>`);
 function Day$3($$anchor, $$props) {
   $.push($$props, true);
   const [$$stores, $$cleanup] = $.setup_stores();
@@ -3825,8 +3826,8 @@ function onclick$1(jsEvent, $noEventsClick, noEventsClick, $_view, _view) {
     });
   }
 }
-var root_1$6 = $.template(`<div></div>`);
-var root$g = $.template(`<div><div><!></div></div>`);
+var root_1$6 = $.from_html(`<div></div>`);
+var root$g = $.from_html(`<div><div><!></div></div>`);
 function Body$2($$anchor, $$props) {
   $.push($$props, true);
   const [$$stores, $$cleanup] = $.setup_stores();
@@ -4015,8 +4016,8 @@ function createAllDayContent(allDayContent) {
   }
   return content;
 }
-var root_1$5 = $.template(`<time></time>`);
-var root$f = $.template(`<div><div></div> <!></div> <div role="row"><div><!></div> <!></div>`, 1);
+var root_1$5 = $.from_html(`<time></time>`);
+var root$f = $.from_html(`<div><div></div> <!></div> <div role="row"><div><!></div> <!></div>`, 1);
 function Section($$anchor, $$props) {
   $.push($$props, true);
   const [$$stores, $$cleanup] = $.setup_stores();
@@ -4085,8 +4086,8 @@ function Section($$anchor, $$props) {
   $.pop();
   $$cleanup();
 }
-var root_2$5 = $.template(`<div></div>`);
-var root$e = $.template(`<div><div><!></div></div>`);
+var root_2$5 = $.from_html(`<div></div>`);
+var root$e = $.from_html(`<div><div><!></div></div>`);
 function Body$1($$anchor, $$props) {
   $.push($$props, true);
   const [$$stores, $$cleanup] = $.setup_stores();
@@ -4199,7 +4200,7 @@ function Event$2($$anchor, $$props) {
   $.pop();
   $$cleanup();
 }
-var root$d = $.template(`<div></div>`);
+var root$d = $.from_html(`<div></div>`);
 function NowIndicator$1($$anchor, $$props) {
   $.push($$props, true);
   const [$$stores, $$cleanup] = $.setup_stores();
@@ -4232,8 +4233,8 @@ function NowIndicator$1($$anchor, $$props) {
   $.pop();
   $$cleanup();
 }
-var root_3$4 = $.template(`<!> <!> <!>`, 1);
-var root$c = $.template(`<div role="cell"><div><!></div> <div><!></div> <div><!></div></div>`);
+var root_3$4 = $.from_html(`<!> <!> <!>`, 1);
+var root$c = $.from_html(`<div role="cell"><div><!></div> <div><!></div> <div><!></div></div>`);
 function Day$2($$anchor, $$props) {
   $.push($$props, true);
   const [$$stores, $$cleanup] = $.setup_stores();
@@ -4293,7 +4294,7 @@ function Day$2($$anchor, $$props) {
     }
     groupEventChunks(chunks2);
     return [chunks2, bgChunks2];
-  }), chunks = $.derived(() => $.get($$d)[0]), bgChunks = $.derived(() => $.get($$d)[1]);
+  }), $$array = $.derived(() => $.to_array($.get($$d), 2)), chunks = $.derived(() => $.get($$array)[0]), bgChunks = $.derived(() => $.get($$array)[1]);
   let iChunks = $.derived(() => {
     if ($.get(disabled)) {
       return [];
@@ -4468,8 +4469,8 @@ function Event$1($$anchor, $$props) {
   });
   return $.pop({ reposition });
 }
-var root_3$3 = $.template(`<div><!></div>`);
-var root$b = $.template(`<div role="cell"><div><!></div> <!> <div><!></div></div>`);
+var root_3$3 = $.from_html(`<div><!></div>`);
+var root$b = $.from_html(`<div role="cell"><div><!></div> <!> <div><!></div></div>`);
 function Day$1($$anchor, $$props) {
   $.push($$props, true);
   const [$$stores, $$cleanup] = $.setup_stores();
@@ -4637,7 +4638,7 @@ function Week($$anchor, $$props) {
     prepareEventChunks$1(bgChunks2, $hiddenDays());
     let longChunks2 = prepareEventChunks$1(chunks2, $hiddenDays());
     return [chunks2, bgChunks2, longChunks2];
-  }), chunks = $.derived(() => $.get($$d)[0]), bgChunks = $.derived(() => $.get($$d)[1]), longChunks = $.derived(() => $.get($$d)[2]);
+  }), $$array = $.derived(() => $.to_array($.get($$d), 3)), chunks = $.derived(() => $.get($$array)[0]), bgChunks = $.derived(() => $.get($$array)[1]), longChunks = $.derived(() => $.get($$array)[2]);
   function reposition() {
     runReposition(refs, $$props.dates);
   }
@@ -4689,9 +4690,9 @@ function Week($$anchor, $$props) {
   $.pop();
   $$cleanup();
 }
-var root_2$4 = $.template(`<div role="columnheader"><time></time></div>`);
-var root_3$2 = $.template(`<div><div><!> <div></div></div></div>`);
-var root$a = $.template(`<div><!> <div></div></div> <!> <!>`, 1);
+var root_2$4 = $.from_html(`<div role="columnheader"><time></time></div>`);
+var root_3$2 = $.from_html(`<div><div><!> <div></div></div></div>`);
+var root$a = $.from_html(`<div><!> <div></div></div> <!> <!>`, 1);
 function View$2($$anchor, $$props) {
   $.push($$props, false);
   const [$$stores, $$cleanup] = $.setup_stores();
@@ -4826,7 +4827,7 @@ const TimeGrid = {
     state._times = times(state);
   }
 };
-var root$9 = $.template(`<span></span>`);
+var root$9 = $.from_html(`<span></span>`);
 function Label$1($$anchor, $$props) {
   $.push($$props, true);
   const [$$stores, $$cleanup] = $.setup_stores();
@@ -4879,17 +4880,17 @@ function Label$1($$anchor, $$props) {
   $.pop();
   $$cleanup();
 }
-var root_3$1 = $.template(`<div><time></time></div>`);
-var root_4$1 = $.template(`<div><!></div>`);
-var root_7 = $.template(`<div role="columnheader"><!></div>`);
-var root_8 = $.template(`<div role="columnheader"><time></time></div>`);
-var root_5 = $.template(`<div></div>`);
-var root_2$3 = $.template(`<div><!> <!></div>`);
-var root_12 = $.template(`<div></div>`);
-var root_15 = $.template(`<div><!></div>`);
-var root_9 = $.template(`<div><div><!> <div></div></div></div>`);
-var root_17 = $.template(`<div></div>`);
-var root$8 = $.template(`<div><!> <div></div></div> <!> <!>`, 1);
+var root_3$1 = $.from_html(`<div><time></time></div>`);
+var root_4$1 = $.from_html(`<div><!></div>`);
+var root_7 = $.from_html(`<div role="columnheader"><!></div>`);
+var root_8 = $.from_html(`<div role="columnheader"><time></time></div>`);
+var root_5 = $.from_html(`<div></div>`);
+var root_2$3 = $.from_html(`<div><!> <!></div>`);
+var root_12 = $.from_html(`<div></div>`);
+var root_15 = $.from_html(`<div><!></div>`);
+var root_9 = $.from_html(`<div><div><!> <div></div></div></div>`);
+var root_17 = $.from_html(`<div></div>`);
+var root$8 = $.from_html(`<div><!> <div></div></div> <!> <!>`, 1);
 function View$1($$anchor, $$props) {
   $.push($$props, true);
   const [$$stores, $$cleanup] = $.setup_stores();
@@ -5209,7 +5210,7 @@ function dayTimes(state) {
 function nestedResources(state) {
   return derived(state.resources, ($resources) => $resources.some((resource) => getPayload(resource).children.length));
 }
-var root$7 = $.template(`<span></span>`);
+var root$7 = $.from_html(`<span></span>`);
 function Label($$anchor, $$props) {
   $.push($$props, true);
   const [$$stores, $$cleanup] = $.setup_stores();
@@ -5250,9 +5251,9 @@ function onclick(_, expanded, payload, toggle, resources) {
   toggle($.get(payload).children, $.get(expanded));
   resources.update(identity);
 }
-var root_1$4 = $.template(`<span></span>`);
-var root_2$2 = $.template(`<button><!></button>`);
-var root$6 = $.template(`<!> <span><!></span>`, 1);
+var root_1$4 = $.from_html(`<span></span>`);
+var root_2$2 = $.from_html(`<button><!></button>`);
+var root$6 = $.from_html(`<!> <span><!></span>`, 1);
 function Expander($$anchor, $$props) {
   $.push($$props, true);
   const [$$stores, $$cleanup] = $.setup_stores();
@@ -5323,8 +5324,8 @@ function Expander($$anchor, $$props) {
   $$cleanup();
 }
 $.delegate(["click"]);
-var root_1$3 = $.template(`<div role="rowheader"><!> <!></div>`);
-var root$5 = $.template(`<div><div></div> <div></div></div>`);
+var root_1$3 = $.from_html(`<div role="rowheader"><!> <!></div>`);
+var root$5 = $.from_html(`<div><div></div> <div></div></div>`);
 function Sidebar($$anchor, $$props) {
   $.push($$props, false);
   const [$$stores, $$cleanup] = $.setup_stores();
@@ -5399,11 +5400,11 @@ function Sidebar($$anchor, $$props) {
   $.pop();
   $$cleanup();
 }
-var root_3 = $.template(`<div role="columnheader"><time></time></div>`);
-var root_2$1 = $.template(`<div><time></time></div> <div></div>`, 1);
-var root_4 = $.template(`<div role="columnheader"><time></time></div>`);
-var root_1$2 = $.template(`<div><!></div>`);
-var root$4 = $.template(`<div><div role="row"></div> <div></div></div>`);
+var root_3 = $.from_html(`<div role="columnheader"><time></time></div>`);
+var root_2$1 = $.from_html(`<div><time></time></div> <div></div>`, 1);
+var root_4 = $.from_html(`<div role="columnheader"><time></time></div>`);
+var root_1$2 = $.from_html(`<div><!></div>`);
+var root$4 = $.from_html(`<div><div role="row"></div> <div></div></div>`);
 function Header($$anchor, $$props) {
   $.push($$props, false);
   const [$$stores, $$cleanup] = $.setup_stores();
@@ -5702,8 +5703,8 @@ function Event($$anchor, $$props) {
   $$cleanup();
   return $$pop;
 }
-var root_1$1 = $.template(`<!> <!> <!> <!>`, 1);
-var root$3 = $.template(`<div role="cell"><div><!></div></div>`);
+var root_1$1 = $.from_html(`<!> <!> <!> <!>`, 1);
+var root$3 = $.from_html(`<div role="cell"><div><!></div></div>`);
 function Day($$anchor, $$props) {
   $.push($$props, true);
   const [$$stores, $$cleanup] = $.setup_stores();
@@ -5853,7 +5854,7 @@ function Day($$anchor, $$props) {
   return $$pop;
 }
 $.delegate(["pointerdown"]);
-var root$2 = $.template(`<div role="row"></div>`);
+var root$2 = $.from_html(`<div role="row"></div>`);
 function Days($$anchor, $$props) {
   $.push($$props, true);
   const [$$stores, $$cleanup] = $.setup_stores();
@@ -5889,7 +5890,7 @@ function Days($$anchor, $$props) {
       addDay(end2);
     }
     return [start2, end2];
-  }), start = $.derived(() => $.get($$d)[0]), end = $.derived(() => $.get($$d)[1]);
+  }), $$array = $.derived(() => $.to_array($.get($$d), 2)), start = $.derived(() => $.get($$array)[0]), end = $.derived(() => $.get($$array)[1]);
   let $$d_1 = $.derived(() => {
     let chunks2 = [];
     let bgChunks2 = [];
@@ -5907,7 +5908,7 @@ function Days($$anchor, $$props) {
     [bgChunks2] = prepareEventChunks(bgChunks2, $_viewDates(), $_dayTimeLimits(), $slotDuration());
     [chunks2, longChunks2] = prepareEventChunks(chunks2, $_viewDates(), $_dayTimeLimits(), $slotDuration());
     return [chunks2, bgChunks2, longChunks2];
-  }), chunks = $.derived(() => $.get($$d_1)[0]), bgChunks = $.derived(() => $.get($$d_1)[1]), longChunks = $.derived(() => $.get($$d_1)[2]);
+  }), $$array_3 = $.derived(() => $.to_array($.get($$d_1), 3)), chunks = $.derived(() => $.get($$array_3)[0]), bgChunks = $.derived(() => $.get($$array_3)[1]), longChunks = $.derived(() => $.get($$array_3)[2]);
   let iChunks = $.derived(() => $_iEvents().map((event) => {
     let chunk;
     if (event && eventIntersects(event, $.get(start), $.get(end), $$props.resource)) {
@@ -5964,8 +5965,8 @@ function Days($$anchor, $$props) {
   $$cleanup();
   return $$pop;
 }
-var root_2 = $.template(`<div></div>`);
-var root$1 = $.template(`<div><div><div></div> <!></div></div>`);
+var root_2 = $.from_html(`<div></div>`);
+var root$1 = $.from_html(`<div><div><div></div> <!></div></div>`);
 function Body($$anchor, $$props) {
   $.push($$props, true);
   const [$$stores, $$cleanup] = $.setup_stores();
@@ -6073,7 +6074,7 @@ function Body($$anchor, $$props) {
   $.pop();
   $$cleanup();
 }
-var root_1 = $.template(`<div></div>`);
+var root_1 = $.from_html(`<div></div>`);
 function NowIndicator($$anchor, $$props) {
   $.push($$props, true);
   const [$$stores, $$cleanup] = $.setup_stores();
@@ -6145,7 +6146,7 @@ function NowIndicator($$anchor, $$props) {
   $.pop();
   $$cleanup();
 }
-var root = $.template(`<div><!> <div><!> <!> <!></div></div>`);
+var root = $.from_html(`<div><!> <div><!> <!> <!></div></div>`);
 function View($$anchor, $$props) {
   $.push($$props, false);
   const [$$stores, $$cleanup] = $.setup_stores();

package/package.json CHANGED Viewed

@@ -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"
   }
 }

package/src/lib/dom.js CHANGED Viewed

@@ -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;
             }

package/src/styles/index.scss CHANGED Viewed

@@ -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;
   }