npm - @event-calendar/core - Versions diffs - 5.4.0 → 5.4.2 - Mend

@event-calendar/core 5.4.0 → 5.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 (6) hide show

package/README.md +4 -4
package/dist/index.css +1 -1
package/dist/index.js +135 -202
package/package.json +2 -2
package/src/plugins/day-grid/Day.svelte +1 -1
package/src/plugins/resource-timeline/Expander.svelte +1 -1

package/README.md CHANGED Viewed

@@ -5,7 +5,7 @@ See [demo](https://vkurko.github.io/calendar/) and [changelog](CHANGELOG.md).
 Full-sized drag & drop JavaScript event calendar with resource & timeline views:
 * Lightweight (35kb [br](https://en.wikipedia.org/wiki/Brotli) compressed)
-* Feature-rich, performant, and with minimal DOM structure (thanks to [CSS Grid](https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Grid_layout))
+* Minimal DOM structure (thanks to [CSS Grid](https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Grid_layout))
 * Zero-dependency (standalone bundle)
 * Used on over 70,000 websites with [Bookly](https://wordpress.org/plugins/bookly-responsive-appointment-booking-tool/)
@@ -253,8 +253,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@5.4.0/dist/event-calendar.min.css">
-<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@5.4.0/dist/event-calendar.min.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@5.4.2/dist/event-calendar.min.css">
+<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@5.4.2/dist/event-calendar.min.js"></script>
 ```
 <details>
@@ -349,7 +349,7 @@ When hidden with `false`, all-day events will not be displayed in `timeGrid`/`re
 <details>
     <summary>Default</summary>
-`{close: 'Close', dayGridDay: 'day', dayGridMonth: 'month', dayGridWeek: 'week', listDay: 'list', listMonth: 'list', listWeek: 'list', listYear: 'list', resourceTimeGridDay: 'resources', resourceTimeGridWeek: 'resources', resourceTimelineDay: 'timeline', resourceTimelineMonth: 'timeline', resourceTimelineWeek: 'timeline', timeGridDay: 'day', timeGridWeek: 'week', today: 'today'}`
+`{collapse: 'Collapse', close: 'Close', dayGridDay: 'day', dayGridMonth: 'month', dayGridWeek: 'week', expand: 'Expand', listDay: 'list', listMonth: 'list', listWeek: 'list', listYear: 'list', resourceTimeGridDay: 'resources', resourceTimeGridWeek: 'resources', resourceTimelineDay: 'timeline', resourceTimelineMonth: 'timeline', resourceTimelineWeek: 'timeline', timeGridDay: 'day', timeGridWeek: 'week', today: 'today'}`
 > Views override the default value as follows:
 > - dayGridDay `text => ({...text, next: 'Next day', prev: 'Previous day'})`
 > - dayGridMonth `text => ({...text, next: 'Next month', prev: 'Previous month'})`

package/dist/index.css CHANGED Viewed

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

package/dist/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /*!
- * EventCalendar v5.4.0
+ * EventCalendar v5.4.2
  * https://github.com/vkurko/calendar
  */
 import { untrack, tick, getAbortSignal, getContext, setContext, onMount, mount, unmount } from "svelte";
@@ -1528,11 +1528,11 @@ class State {
   }
 }
 var root_2$5 = $.from_html(`<h2></h2>`);
+var root_3$2 = $.from_html(`<button><i></i></button>`);
 var root_4$1 = $.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 = $.from_html(`<button></button>`);
-var root_12$1 = $.from_html(`<button> </button>`);
+var root_5 = $.from_html(`<button> </button>`);
+var root_6$1 = $.from_html(`<button></button>`);
+var root_7$1 = $.from_html(`<button> </button>`);
 function Buttons($$anchor, $$props) {
   $.push($$props, true);
   let mainState = getContext("state");
@@ -1598,151 +1598,81 @@ function Buttons($$anchor, $$props) {
         $.template_effect(() => $.set_class(h2, 1, $.get(theme).title));
         $.append($$anchor3, h2);
       };
-      var alternate_4 = ($$anchor3) => {
-        var fragment_2 = $.comment();
-        var node_2 = $.first_child(fragment_2);
-        {
-          var consequent_1 = ($$anchor4) => {
-            var button_1 = root_4$1();
-            button_1.__click = prev;
-            var i = $.child(button_1);
-            $.reset(button_1);
-            $.template_effect(() => {
-              $.set_class(button_1, 1, `${$.get(theme).button ?? ""} ec-${$.get(button) ?? ""}`);
-              $.set_attribute(button_1, "aria-label", $.get(buttonText).prev);
-              $.set_attribute(button_1, "title", $.get(buttonText).prev);
-              button_1.disabled = $.get(prevDisabled);
-              $.set_class(i, 1, `${$.get(theme).icon ?? ""} ec-${$.get(button) ?? ""}`);
-            });
-            $.append($$anchor4, button_1);
-          };
-          var alternate_3 = ($$anchor4) => {
-            var fragment_3 = $.comment();
-            var node_3 = $.first_child(fragment_3);
-            {
-              var consequent_2 = ($$anchor5) => {
-                var button_2 = root_6$1();
-                button_2.__click = next;
-                var i_1 = $.child(button_2);
-                $.reset(button_2);
-                $.template_effect(() => {
-                  $.set_class(button_2, 1, `${$.get(theme).button ?? ""} ec-${$.get(button) ?? ""}`);
-                  $.set_attribute(button_2, "aria-label", $.get(buttonText).next);
-                  $.set_attribute(button_2, "title", $.get(buttonText).next);
-                  button_2.disabled = $.get(nextDisabled);
-                  $.set_class(i_1, 1, `${$.get(theme).icon ?? ""} ec-${$.get(button) ?? ""}`);
-                });
-                $.append($$anchor5, button_2);
-              };
-              var alternate_2 = ($$anchor5) => {
-                var fragment_4 = $.comment();
-                var node_4 = $.first_child(fragment_4);
-                {
-                  var consequent_3 = ($$anchor6) => {
-                    var button_3 = root_8$1();
-                    button_3.__click = setToday;
-                    var text = $.child(button_3, true);
-                    $.reset(button_3);
-                    $.template_effect(() => {
-                      $.set_class(button_3, 1, `${$.get(theme).button ?? ""} ec-${$.get(button) ?? ""}`);
-                      button_3.disabled = $.get(todayDisabled);
-                      $.set_text(text, $.get(buttonText)[$.get(button)]);
-                    });
-                    $.append($$anchor6, button_3);
-                  };
-                  var alternate_1 = ($$anchor6) => {
-                    var fragment_5 = $.comment();
-                    var node_5 = $.first_child(fragment_5);
-                    {
-                      var consequent_4 = ($$anchor7) => {
-                        var button_4 = root_10();
-                        button_4.__click = function(...$$args) {
-                          $.get(customButtons)[$.get(button)].click?.apply(this, $$args);
-                        };
-                        $.attach(button_4, () => contentFrom($.get(customButtons)[$.get(button)].text));
-                        $.template_effect(() => $.set_class(button_4, 1, $.clsx([
-                          $.get(theme).button,
-                          `ec-${$.get(button)}`,
-                          $.get(customButtons)[$.get(button)].active && $.get(theme).active
-                        ])));
-                        $.append($$anchor7, button_4);
-                      };
-                      var alternate = ($$anchor7) => {
-                        var fragment_6 = $.comment();
-                        var node_6 = $.first_child(fragment_6);
-                        {
-                          var consequent_5 = ($$anchor8) => {
-                            var button_5 = root_12$1();
-                            button_5.__click = () => mainState.setOption("view", $.get(button));
-                            var text_1 = $.child(button_5, true);
-                            $.reset(button_5);
-                            $.template_effect(() => {
-                              $.set_class(button_5, 1, $.clsx([
-                                $.get(theme).button,
-                                `ec-${$.get(button)}`,
-                                $.get(view2) === $.get(button) && $.get(theme).active
-                              ]));
-                              $.set_text(text_1, $.get(buttonText)[$.get(button)]);
-                            });
-                            $.append($$anchor8, button_5);
-                          };
-                          $.if(
-                            node_6,
-                            ($$render) => {
-                              if ($.get(button) !== "") $$render(consequent_5);
-                            },
-                            true
-                          );
-                        }
-                        $.append($$anchor7, fragment_6);
-                      };
-                      $.if(
-                        node_5,
-                        ($$render) => {
-                          if ($.get(customButtons)[$.get(button)]) $$render(consequent_4);
-                          else $$render(alternate, false);
-                        },
-                        true
-                      );
-                    }
-                    $.append($$anchor6, fragment_5);
-                  };
-                  $.if(
-                    node_4,
-                    ($$render) => {
-                      if ($.get(button) === "today") $$render(consequent_3);
-                      else $$render(alternate_1, false);
-                    },
-                    true
-                  );
-                }
-                $.append($$anchor5, fragment_4);
-              };
-              $.if(
-                node_3,
-                ($$render) => {
-                  if ($.get(button) === "next") $$render(consequent_2);
-                  else $$render(alternate_2, false);
-                },
-                true
-              );
-            }
-            $.append($$anchor4, fragment_3);
-          };
-          $.if(
-            node_2,
-            ($$render) => {
-              if ($.get(button) === "prev") $$render(consequent_1);
-              else $$render(alternate_3, false);
-            },
-            true
-          );
-        }
-        $.append($$anchor3, fragment_2);
+      var consequent_1 = ($$anchor3) => {
+        var button_1 = root_3$2();
+        var i = $.child(button_1);
+        $.reset(button_1);
+        $.template_effect(() => {
+          $.set_class(button_1, 1, `${$.get(theme).button ?? ""} ec-${$.get(button) ?? ""}`);
+          $.set_attribute(button_1, "aria-label", $.get(buttonText).prev);
+          $.set_attribute(button_1, "title", $.get(buttonText).prev);
+          button_1.disabled = $.get(prevDisabled);
+          $.set_class(i, 1, `${$.get(theme).icon ?? ""} ec-${$.get(button) ?? ""}`);
+        });
+        $.delegated("click", button_1, prev);
+        $.append($$anchor3, button_1);
+      };
+      var consequent_2 = ($$anchor3) => {
+        var button_2 = root_4$1();
+        var i_1 = $.child(button_2);
+        $.reset(button_2);
+        $.template_effect(() => {
+          $.set_class(button_2, 1, `${$.get(theme).button ?? ""} ec-${$.get(button) ?? ""}`);
+          $.set_attribute(button_2, "aria-label", $.get(buttonText).next);
+          $.set_attribute(button_2, "title", $.get(buttonText).next);
+          button_2.disabled = $.get(nextDisabled);
+          $.set_class(i_1, 1, `${$.get(theme).icon ?? ""} ec-${$.get(button) ?? ""}`);
+        });
+        $.delegated("click", button_2, next);
+        $.append($$anchor3, button_2);
+      };
+      var consequent_3 = ($$anchor3) => {
+        var button_3 = root_5();
+        var text = $.child(button_3, true);
+        $.reset(button_3);
+        $.template_effect(() => {
+          $.set_class(button_3, 1, `${$.get(theme).button ?? ""} ec-${$.get(button) ?? ""}`);
+          button_3.disabled = $.get(todayDisabled);
+          $.set_text(text, $.get(buttonText)[$.get(button)]);
+        });
+        $.delegated("click", button_3, setToday);
+        $.append($$anchor3, button_3);
+      };
+      var consequent_4 = ($$anchor3) => {
+        var button_4 = root_6$1();
+        $.attach(button_4, () => contentFrom($.get(customButtons)[$.get(button)].text));
+        $.template_effect(() => $.set_class(button_4, 1, $.clsx([
+          $.get(theme).button,
+          `ec-${$.get(button)}`,
+          $.get(customButtons)[$.get(button)].active && $.get(theme).active
+        ])));
+        $.delegated("click", button_4, function(...$$args) {
+          $.get(customButtons)[$.get(button)].click?.apply(this, $$args);
+        });
+        $.append($$anchor3, button_4);
+      };
+      var consequent_5 = ($$anchor3) => {
+        var button_5 = root_7$1();
+        var text_1 = $.child(button_5, true);
+        $.reset(button_5);
+        $.template_effect(() => {
+          $.set_class(button_5, 1, $.clsx([
+            $.get(theme).button,
+            `ec-${$.get(button)}`,
+            $.get(view2) === $.get(button) && $.get(theme).active
+          ]));
+          $.set_text(text_1, $.get(buttonText)[$.get(button)]);
+        });
+        $.delegated("click", button_5, () => mainState.setOption("view", $.get(button)));
+        $.append($$anchor3, button_5);
       };
       $.if(node_1, ($$render) => {
         if ($.get(button) === "title") $$render(consequent);
-        else $$render(alternate_4, false);
+        else if ($.get(button) === "prev") $$render(consequent_1, 1);
+        else if ($.get(button) === "next") $$render(consequent_2, 2);
+        else if ($.get(button) === "today") $$render(consequent_3, 3);
+        else if ($.get(customButtons)[$.get(button)]) $$render(consequent_4, 4);
+        else if ($.get(button) !== "") $$render(consequent_5, 5);
       });
     }
     $.append($$anchor2, fragment_1);
@@ -1792,7 +1722,7 @@ function Toolbar($$anchor, $$props) {
         };
         $.if(node, ($$render) => {
           if ($.get(buttons).length > 1) $$render(consequent);
-          else $$render(alternate, false);
+          else $$render(alternate, -1);
         });
       }
       $.append($$anchor3, fragment);
@@ -2134,9 +2064,6 @@ function BaseDay($$anchor, $$props) {
   });
   let onpointerdown = $.derived(() => !disabled() && $.get(action) ? (jsEvent) => $.get(action).select(jsEvent, $.get(snap2)) : void 0);
   var div = root$9();
-  div.__pointerdown = function(...$$args) {
-    $.get(onpointerdown)?.apply(this, $$args);
-  };
   var node = $.child(div);
   $.snippet(node, () => $$props.children ?? $.noop);
   $.reset(div);
@@ -2145,6 +2072,9 @@ function BaseDay($$anchor, $$props) {
     $.set_class(div, 1, $.clsx($.get(classNames)));
     $.set_attribute(div, "role", role());
   });
+  $.delegated("pointerdown", div, function(...$$args) {
+    $.get(onpointerdown)?.apply(this, $$args);
+  });
   $.append($$anchor, div);
   $.pop();
 }
@@ -2188,15 +2118,6 @@ function BaseEvent($$anchor, $$props) {
   let onmouseenter = $.derived(() => createHandler($.get(eventMouseEnter), $.get(display)));
   let onmouseleave = $.derived(() => createHandler($.get(eventMouseLeave), $.get(display)));
   var article = root$8();
-  article.__click = function(...$$args) {
-    $.get(onclick)?.apply(this, $$args);
-  };
-  article.__keydown = function(...$$args) {
-    $.get(onkeydown)?.apply(this, $$args);
-  };
-  article.__pointerdown = function(...$$args) {
-    $$props.onpointerdown?.apply(this, $$args);
-  };
   {
     const defaultBody = ($$anchor2) => {
       var div = root_1$b();
@@ -2217,7 +2138,7 @@ function BaseEvent($$anchor, $$props) {
       };
       $.if(node, ($$render) => {
         if ($$props.body) $$render(consequent);
-        else $$render(alternate, false);
+        else $$render(alternate, -1);
       });
     }
     $.reset(article);
@@ -2229,12 +2150,21 @@ function BaseEvent($$anchor, $$props) {
     $.set_attribute(article, "role", $.get(onclick) ? "button" : void 0);
     $.set_attribute(article, "tabindex", $.get(onclick) ? 0 : void 0);
   });
+  $.delegated("click", article, function(...$$args) {
+    $.get(onclick)?.apply(this, $$args);
+  });
+  $.delegated("keydown", article, function(...$$args) {
+    $.get(onkeydown)?.apply(this, $$args);
+  });
   $.event("mouseenter", article, function(...$$args) {
     $.get(onmouseenter)?.apply(this, $$args);
   });
   $.event("mouseleave", article, function(...$$args) {
     $.get(onmouseleave)?.apply(this, $$args);
   });
+  $.delegated("pointerdown", article, function(...$$args) {
+    $$props.onpointerdown?.apply(this, $$args);
+  });
   $.append($$anchor, article);
   $.pop();
 }
@@ -2342,7 +2272,7 @@ function InteractableEvent($$anchor, $$props) {
         };
         $.if(node, ($$render) => {
           if ($.get(Resizer2)) $$render(consequent);
-          else $$render(alternate, false);
+          else $$render(alternate, -1);
         });
       }
       $.append($$anchor2, fragment_1);
@@ -2378,8 +2308,6 @@ var root_4 = $.from_html(`<a role="button" tabindex="0" aria-haspopup="dialog"><
 var root_1$a = $.from_html(`<div><!> <!></div> <div><!></div>`, 1);
 function Day$3($$anchor, $$props) {
   $.push($$props, true);
-  const $firstDay = () => $.store_get($.get(firstDay), "$firstDay", $$stores);
-  const [$$stores, $$cleanup] = $.setup_stores();
   let mainState = getContext("state");
   let viewState = getContext("view-state");
   let features = $.derived(() => mainState.features), date = $.derived(() => mainState.options.date), firstDay = $.derived(() => mainState.options.firstDay), moreLinkContent = $.derived(() => mainState.options.moreLinkContent), theme = $.derived(() => mainState.options.theme), weekNumbers = $.derived(() => mainState.options.weekNumbers), weekNumberContent = $.derived(() => mainState.options.weekNumberContent);
@@ -2391,7 +2319,7 @@ function Day$3($$anchor, $$props) {
   let weekNumber = $.derived(() => {
     let weekNumber2;
     if ($.get(showWeekNumber)) {
-      let week = getWeekNumber($.get(dayStart), $firstDay());
+      let week = getWeekNumber($.get(dayStart), $.get(firstDay));
       if ($.get(weekNumberContent)) {
         weekNumber2 = isFunction($.get(weekNumberContent)) ? $.get(weekNumberContent)({ date: toLocalDate($.get(dayStart)), week }) : $.get(weekNumberContent);
       } else {
@@ -2447,8 +2375,9 @@ function Day$3($$anchor, $$props) {
           $.template_effect(($0) => $.set_attribute(time, "datetime", $0), [() => toISOString($.get(dayStart), 10)]);
           $.append($$anchor3, time);
         };
+        var d = $.derived(() => $.get(features).includes("dayNumber"));
         $.if(node, ($$render) => {
-          if ($.get(features).includes("dayNumber")) $$render(consequent);
+          if ($.get(d)) $$render(consequent);
         });
       }
       var node_1 = $.sibling(node, 2);
@@ -2470,18 +2399,18 @@ function Day$3($$anchor, $$props) {
         var consequent_2 = ($$anchor3) => {
           var a = root_4();
           var event_handler = $.derived(() => stopPropagation(showMore));
-          a.__click = function(...$$args) {
-            $.get(event_handler)?.apply(this, $$args);
-          };
           var event_handler_1 = $.derived(() => keyEnter(showMore));
-          a.__keydown = function(...$$args) {
-            $.get(event_handler_1)?.apply(this, $$args);
-          };
           var event_handler_2 = $.derived(stopPropagation);
-          a.__pointerdown = function(...$$args) {
-            $.get(event_handler_2)?.apply(this, $$args);
-          };
           $.attach(a, () => contentFrom($.get(moreLink)));
+          $.delegated("click", a, function(...$$args) {
+            $.get(event_handler)?.apply(this, $$args);
+          });
+          $.delegated("keydown", a, function(...$$args) {
+            $.get(event_handler_1)?.apply(this, $$args);
+          });
+          $.delegated("pointerdown", a, function(...$$args) {
+            $.get(event_handler_2)?.apply(this, $$args);
+          });
           $.append($$anchor3, a);
         };
         $.if(node_2, ($$render) => {
@@ -2498,7 +2427,6 @@ function Day$3($$anchor, $$props) {
     $$slots: { default: true }
   });
   $.pop();
-  $$cleanup();
 }
 $.delegate(["click", "keydown", "pointerdown"]);
 function Event$3($$anchor, $$props) {
@@ -2679,13 +2607,7 @@ function Popup($$anchor, $$props) {
   var a_1 = $.sibling(time, 2);
   $.autofocus(a_1, true);
   var event_handler = $.derived(() => stopPropagation(close));
-  a_1.__click = function(...$$args) {
-    $.get(event_handler)?.apply(this, $$args);
-  };
   var event_handler_1 = $.derived(() => keyEnter(close));
-  a_1.__keydown = function(...$$args) {
-    $.get(event_handler_1)?.apply(this, $$args);
-  };
   $.reset(header);
   var div = $.sibling(header, 2);
   $.each(div, 21, () => $.get(popupChunks), $.index, ($$anchor2, chunk) => {
@@ -2713,6 +2635,12 @@ function Popup($$anchor, $$props) {
   );
   $.event("pointerdownoutside", dialog, handlePointerDownOutside);
   $.event("close", dialog, close);
+  $.delegated("click", a_1, function(...$$args) {
+    $.get(event_handler)?.apply(this, $$args);
+  });
+  $.delegated("keydown", a_1, function(...$$args) {
+    $.get(event_handler_1)?.apply(this, $$args);
+  });
   $.append($$anchor, dialog);
   $.pop();
 }
@@ -2862,8 +2790,9 @@ function View$3($$anchor, $$props) {
       );
       $.append($$anchor2, section);
     };
+    var d = $.derived(() => !empty($.get(grid2)) && !empty($.get(grid2)[0]));
     $.if(node, ($$render) => {
-      if (!empty($.get(grid2)) && !empty($.get(grid2)[0])) $$render(consequent_1);
+      if ($.get(d)) $$render(consequent_1);
     });
   }
   $.append($$anchor, fragment);
@@ -3596,10 +3525,10 @@ function Resizer($$anchor, $$props) {
     var consequent = ($$anchor2) => {
       var div = root_1$8();
       var event_handler = $.derived(() => createResizeHandler(true));
-      div.__pointerdown = function(...$$args) {
-        $.get(event_handler)?.apply(this, $$args);
-      };
       $.template_effect(() => $.set_class(div, 1, `${$.get(theme).resizer ?? ""} ${$.get(theme).start ?? ""}`));
+      $.delegated("pointerdown", div, function(...$$args) {
+        $.get(event_handler)?.apply(this, $$args);
+      });
       $.append($$anchor2, div);
     };
     $.if(node, ($$render) => {
@@ -3613,10 +3542,10 @@ function Resizer($$anchor, $$props) {
     var consequent_1 = ($$anchor2) => {
       var div_1 = root_2$2();
       var event_handler_1 = $.derived(() => createResizeHandler(false));
-      div_1.__pointerdown = function(...$$args) {
-        $.get(event_handler_1)?.apply(this, $$args);
-      };
       $.template_effect(() => $.set_class(div_1, 1, $.get(theme).resizer));
+      $.delegated("pointerdown", div_1, function(...$$args) {
+        $.get(event_handler_1)?.apply(this, $$args);
+      });
       $.append($$anchor2, div_1);
     };
     $.if(node_2, ($$render) => {
@@ -3862,9 +3791,9 @@ function View$2($$anchor, $$props) {
   {
     var consequent = ($$anchor2) => {
       var div = root_1$6();
-      div.__click = onclick;
       $.attach(div, () => contentFrom($.get(content)));
       $.template_effect(() => $.set_class(div, 1, $.get(theme).noEvents));
+      $.delegated("click", div, onclick);
       $.append($$anchor2, div);
     };
     var alternate = ($$anchor2) => {
@@ -3881,7 +3810,7 @@ function View$2($$anchor, $$props) {
     };
     $.if(node, ($$render) => {
       if ($.get(noEvents)) $$render(consequent);
-      else $$render(alternate, false);
+      else $$render(alternate, -1);
     });
   }
   $.reset(section);
@@ -4706,7 +4635,7 @@ function View$1($$anchor, $$props) {
         };
         $.if(node_1, ($$render) => {
           if ($$props.header) $$render(consequent);
-          else $$render(alternate, false);
+          else $$render(alternate, -1);
         });
       }
       $.reset(div);
@@ -4867,7 +4796,7 @@ function View$1($$anchor, $$props) {
             };
             $.if(node_14, ($$render) => {
               if ($$props.nowIndicator) $$render(consequent_2);
-              else $$render(alternate_1, false);
+              else $$render(alternate_1, -1);
             });
           }
           $.append($$anchor3, fragment_15);
@@ -4907,8 +4836,9 @@ function View$1($$anchor, $$props) {
       $.bind_element_size(header_1, "offsetHeight", ($$value) => $.set(headerHeight, $$value));
       $.append($$anchor2, section);
     };
+    var d = $.derived(() => !empty($.get(grid2)) && !empty($.get(grid2)[0]));
     $.if(node, ($$render) => {
-      if (!empty($.get(grid2)) && !empty($.get(grid2)[0])) $$render(consequent_4);
+      if ($.get(d)) $$render(consequent_4);
     });
   }
   $.append($$anchor, fragment);
@@ -4998,7 +4928,7 @@ function View_1($$anchor, $$props) {
                 };
                 $.if(node_1, ($$render) => {
                   if ($.get(datesAboveResources)) $$render(consequent);
-                  else $$render(alternate, false);
+                  else $$render(alternate, -1);
                 });
               }
               $.append($$anchor4, fragment_3);
@@ -5061,7 +4991,7 @@ function View_1($$anchor, $$props) {
                       };
                       $.if(node_5, ($$render) => {
                         if ($.get(datesAboveResources)) $$render(consequent_1);
-                        else $$render(alternate_1, false);
+                        else $$render(alternate_1, -1);
                       });
                     }
                     $.append($$anchor6, fragment_9);
@@ -5074,8 +5004,9 @@ function View_1($$anchor, $$props) {
           });
           $.append($$anchor3, fragment_6);
         };
+        var d = $.derived(() => length($.get(grid2)[0]) > 1);
         $.if(node_2, ($$render) => {
-          if (length($.get(grid2)[0]) > 1) $$render(consequent_2);
+          if ($.get(d)) $$render(consequent_2);
         });
       }
       $.append($$anchor2, fragment_1);
@@ -5114,6 +5045,7 @@ function View_1($$anchor, $$props) {
               });
               $.append($$anchor4, fragment_15);
             };
+            var d_1 = $.derived(() => length($.get(grid2)[0]) > 1);
             var alternate_2 = ($$anchor4) => {
               {
                 let $0 = $.derived(() => $.get(grid2).flat());
@@ -5129,15 +5061,15 @@ function View_1($$anchor, $$props) {
               }
             };
             $.if(node_7, ($$render) => {
-              if (length($.get(grid2)[0]) > 1) $$render(consequent_4);
-              else $$render(alternate_2, false);
+              if ($.get(d_1)) $$render(consequent_4);
+              else $$render(alternate_2, -1);
             });
           }
           $.append($$anchor3, fragment_14);
         };
         $.if(node_6, ($$render) => {
           if ($.get(datesAboveResources)) $$render(consequent_3);
-          else $$render(alternate_3, false);
+          else $$render(alternate_3, -1);
         });
       }
       $.append($$anchor2, fragment_12);
@@ -5622,13 +5554,13 @@ function Expander($$anchor, $$props) {
   {
     var consequent = ($$anchor2) => {
       var button = root_2();
-      button.__click = onclick;
       $.attach(button, () => contentFrom($.get(icons)[$.get(expanded) ? "collapse" : "expand"]));
       $.template_effect(() => {
         $.set_class(button, 1, $.get(theme).button);
         $.set_attribute(button, "aria-label", $.get(title));
         $.set_attribute(button, "title", $.get(title));
       });
+      $.delegated("click", button, onclick);
       $.append($$anchor2, button);
     };
     $.if(node_1, ($$render) => {
@@ -5953,8 +5885,9 @@ function View($$anchor, $$props) {
       $.bind_element_size(header, "offsetHeight", ($$value) => $.set(headerHeight, $$value));
       $.append($$anchor2, section);
     };
+    var d = $.derived(() => !empty($.get(grid2)) && !empty($.get(grid2)[0]));
     $.if(node, ($$render) => {
-      if (!empty($.get(grid2)) && !empty($.get(grid2)[0])) $$render(consequent_3);
+      if ($.get(d)) $$render(consequent_3);
     });
   }
   $.append($$anchor, fragment);

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@event-calendar/core",
-  "version": "5.4.0",
+  "version": "5.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.50.1"
+    "svelte": "^5.53.10"
   }
 }

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

@@ -22,7 +22,7 @@
     let weekNumber = $derived.by(() => {
         let weekNumber;
         if (showWeekNumber) {
-            let week = getWeekNumber(dayStart, $firstDay);
+            let week = getWeekNumber(dayStart, firstDay);
             if (weekNumberContent) {
                 weekNumber = isFunction(weekNumberContent)
                     ? weekNumberContent({date: toLocalDate(dayStart), week})

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

@@ -43,7 +43,7 @@
         <button
             class="{theme.button}"
             aria-label="{title}"
-            title="{title}"
+            {title}
             {onclick}
             {@attach contentFrom(icons[expanded ? 'collapse' : 'expand'])}
         >