@event-calendar/core 4.6.0 → 4.7.1

package/dist/index.js

@@ -1,10 +1,11 @@
 /*!
- * EventCalendar v4.6.0
+ * EventCalendar v4.7.1
  * https://github.com/vkurko/calendar
  */
 import { tick, getContext, untrack, setContext, onMount, mount, unmount } from "svelte";
 import * as $ from "svelte/internal/client";
 import "svelte/internal/disclose-version";
+import "svelte/internal/flags/async";
 import { derived, writable, readable, get } from "svelte/store";
 import "svelte/internal/flags/legacy";
 import { SvelteSet } from "svelte/reactivity";
@@ -18,9 +19,9 @@ function setContent(node, content) {
     update(content2) {
       if (typeof content2 == "string") {
         node.innerText = content2;
-      } else if (content2 == null ? void 0 : content2.domNodes) {
+      } else if (content2?.domNodes) {
         node.replaceChildren(...content2.domNodes);
-      } else if (content2 == null ? void 0 : content2.html) {
+      } else if (content2?.html) {
         node.innerHTML = content2.html;
       }
     }
@@ -251,7 +252,7 @@ function flushDebounce(queue) {
   queue.clear();
 }
 function task(fn, handle, tasks) {
-  handle ?? (handle = fn);
+  handle ??= fn;
   if (!tasks.has(handle)) {
     tasks.set(handle, setTimeout(() => {
       tasks.delete(handle);
@@ -264,7 +265,7 @@ function setPayload(obj, payload) {
   obj[payloadProp] = payload;
 }
 function hasPayload(obj) {
-  return !!(obj == null ? void 0 : obj[payloadProp]);
+  return !!obj?.[payloadProp];
 }
 function getPayload(obj) {
   return obj[payloadProp];
@@ -555,11 +556,10 @@ function repositionEvent$1(chunk, longChunks, height2) {
   return margin;
 }
 function runReposition(refs, data) {
-  var _a;
   refs.length = data.length;
   let result = [];
   for (let ref of refs) {
-    result.push((_a = ref == null ? void 0 : ref.reposition) == null ? void 0 : _a.call(ref));
+    result.push(ref?.reposition?.());
   }
   return result;
 }
@@ -671,12 +671,10 @@ function createResource(input) {
   };
 }
 function resourceBackgroundColor(event, resources) {
-  var _a;
-  return (_a = findResource(event, resources)) == null ? void 0 : _a.eventBackgroundColor;
+  return findResource(event, resources)?.eventBackgroundColor;
 }
 function resourceTextColor(event, resources) {
-  var _a;
-  return (_a = findResource(event, resources)) == null ? void 0 : _a.eventTextColor;
+  return findResource(event, resources)?.eventTextColor;
 }
 function findResource(event, resources) {
   return resources.find((resource) => event.resourceIds.includes(resource.id));
@@ -784,7 +782,7 @@ function createSlotTimeLimits($slotMinTime, $slotMaxTime, $flexibleSlotTimeLimit
   if ($flexibleSlotTimeLimits) {
     let minMin = createDuration(min(toSeconds(min$1), max(0, toSeconds(max$1) - DAY_IN_SECONDS)));
     let maxMax = createDuration(max(toSeconds(max$1), toSeconds(minMin) + DAY_IN_SECONDS));
-    let filter = isFunction($flexibleSlotTimeLimits == null ? void 0 : $flexibleSlotTimeLimits.eventFilter) ? $flexibleSlotTimeLimits.eventFilter : (event) => !bgEvent(event.display);
+    let filter = isFunction($flexibleSlotTimeLimits?.eventFilter) ? $flexibleSlotTimeLimits.eventFilter : (event) => !bgEvent(event.display);
     loop: for (let date of $_viewDates) {
       let start = addDuration(cloneDate(date), min$1);
       let end = addDuration(cloneDate(date), max$1);
@@ -813,8 +811,8 @@ function createSlotTimeLimits($slotMinTime, $slotMaxTime, $flexibleSlotTimeLimit
   }
   return { min: min$1, max: max$1 };
 }
+const specialOptions = ["buttonText", "customButtons", "theme"];
 function createOptions(plugins) {
-  var _a;
   let options = {
     allDayContent: void 0,
     allDaySlot: true,
@@ -940,12 +938,11 @@ function createOptions(plugins) {
     views: {}
   };
   for (let plugin of plugins) {
-    (_a = plugin.createOptions) == null ? void 0 : _a.call(plugin, options);
+    plugin.createOptions?.(options);
   }
   return options;
 }
 function createParsers(plugins) {
-  var _a;
   let parsers = {
     date: (date) => setMidnight(createDate(date)),
     duration: createDuration,
@@ -962,7 +959,7 @@ function createParsers(plugins) {
     validRange: createDateRange
   };
   for (let plugin of plugins) {
-    (_a = plugin.createParsers) == null ? void 0 : _a.call(plugin, parsers);
+    plugin.createParsers?.(parsers);
   }
   return parsers;
 }
@@ -976,7 +973,7 @@ function diff(options, prevOptions) {
   return diff2;
 }
 function dayGrid(state) {
-  return derived(state.view, ($view) => $view == null ? void 0 : $view.startsWith("dayGrid"));
+  return derived(state.view, ($view) => $view?.startsWith("dayGrid"));
 }
 function activeRange(state) {
   return derived(
@@ -1150,7 +1147,6 @@ function today(state) {
 }
 class State {
   constructor(plugins, input) {
-    var _a, _b;
     plugins = plugins || [];
     let options = createOptions(plugins);
     let parsers = createParsers(plugins);
@@ -1196,7 +1192,7 @@ class State {
     };
     this._get = (key) => validKey(key, this) ? get(this[key]) : void 0;
     for (let plugin of plugins) {
-      (_a = plugin.createStores) == null ? void 0 : _a.call(plugin, this);
+      plugin.createStores?.(this);
     }
     if (input.view) {
       this.view.set(input.view);
@@ -1204,14 +1200,14 @@ class State {
     let views = /* @__PURE__ */ new Set([...keys(options.views), ...keys(input.views ?? {})]);
     for (let view2 of views) {
       let defOpts = mergeOpts(options, options.views[view2] ?? {});
-      let opts = mergeOpts(defOpts, input, ((_b = input.views) == null ? void 0 : _b[view2]) ?? {});
+      let opts = mergeOpts(defOpts, input, input.views?.[view2] ?? {});
       let component = opts.component;
       filterOpts(opts, this);
       for (let key of keys(opts)) {
         let { set, _set = set, ...rest } = this[key];
         this[key] = {
           // Set value in all views
-          set: ["buttonText", "theme"].includes(key) ? (value) => {
+          set: specialOptions.includes(key) ? (value) => {
             if (isFunction(value)) {
               let result = value(defOpts[key]);
               opts[key] = result;
@@ -1263,7 +1259,7 @@ function mergeOpts(...args) {
   let result = {};
   for (let opts of args) {
     let override = {};
-    for (let key of ["buttonText", "theme"]) {
+    for (let key of specialOptions) {
       if (isFunction(opts[key])) {
         override[key] = opts[key](result[key]);
       }
@@ -1290,7 +1286,6 @@ 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();
   const $validRange = () => $.store_get(validRange, "$validRange", $$stores);
   const $date = () => $.store_get(date, "$date", $$stores);
   const $duration = () => $.store_get(duration, "$duration", $$stores);
@@ -1302,6 +1297,7 @@ function Buttons($$anchor, $$props) {
   const $buttonText = () => $.store_get(buttonText, "$buttonText", $$stores);
   const $customButtons = () => $.store_get(customButtons, "$customButtons", $$stores);
   const $view = () => $.store_get(view2, "$view", $$stores);
+  const [$$stores, $$cleanup] = $.setup_stores();
   let buttons = $.prop($$props, "buttons", 8);
   let {
     _currentRange,
@@ -1371,7 +1367,7 @@ function Buttons($$anchor, $$props) {
     {
       var consequent = ($$anchor3) => {
         var h2 = root_2$7();
-        $.action(h2, ($$node, $$action_arg) => setContent == null ? void 0 : setContent($$node, $$action_arg), $_viewTitle);
+        $.action(h2, ($$node, $$action_arg) => setContent?.($$node, $$action_arg), $_viewTitle);
         $.template_effect(() => $.set_class(h2, 1, ($theme(), $.untrack(() => $theme().title))));
         $.append($$anchor3, h2);
       };
@@ -1434,10 +1430,9 @@ function Buttons($$anchor, $$props) {
                       var consequent_4 = ($$anchor7) => {
                         var button_4 = root_10$1();
                         $.effect(() => $.event("click", button_4, function(...$$args) {
-                          var _a;
-                          (_a = $customButtons()[$.get(button)].click) == null ? void 0 : _a.apply(this, $$args);
+                          $customButtons()[$.get(button)].click?.apply(this, $$args);
                         }));
-                        $.action(button_4, ($$node, $$action_arg) => setContent == null ? void 0 : setContent($$node, $$action_arg), () => $customButtons()[$.get(button)].text);
+                        $.action(button_4, ($$node, $$action_arg) => setContent?.($$node, $$action_arg), () => $customButtons()[$.get(button)].text);
                         $.template_effect(() => $.set_class(button_4, 1, `${($theme(), $.untrack(() => $theme().button)) ?? ""} ec-${$.get(button) ?? ""}${($customButtons(), $.get(button), $theme(), $.untrack(() => $customButtons()[$.get(button)].active ? " " + $theme().active : "")) ?? ""}`));
                         $.append($$anchor7, button_4);
                       };
@@ -1526,15 +1521,14 @@ 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();
   const $headerToolbar = () => $.store_get(headerToolbar, "$headerToolbar", $$stores);
   const $theme = () => $.store_get(theme, "$theme", $$stores);
+  const [$$stores, $$cleanup] = $.setup_stores();
   let { headerToolbar, theme } = getContext("state");
   let sections = $.derived(() => {
-    var _a;
     let sections2 = {};
     for (let key of ["start", "center", "end"]) {
-      sections2[key] = ((_a = $headerToolbar()[key]) == null ? void 0 : _a.split(" ").map((group) => group.split(","))) ?? [];
+      sections2[key] = $headerToolbar()[key]?.split(" ").map((group) => group.split(",")) ?? [];
     }
     return sections2;
   });
@@ -1583,7 +1577,6 @@ function Toolbar($$anchor, $$props) {
 }
 function Auxiliary$1($$anchor, $$props) {
   $.push($$props, true);
-  const [$$stores, $$cleanup] = $.setup_stores();
   const $_activeRange = () => $.store_get(_activeRange, "$_activeRange", $$stores);
   const $datesSet = () => $.store_get(datesSet, "$datesSet", $$stores);
   const $_view = () => $.store_get(_view, "$_view", $$stores);
@@ -1593,6 +1586,7 @@ function Auxiliary$1($$anchor, $$props) {
   const $_recheckScrollable = () => $.store_get(_recheckScrollable, "$_recheckScrollable", $$stores);
   const $_bodyEl = () => $.store_get(_bodyEl, "$_bodyEl", $$stores);
   const $_auxiliary = () => $.store_get(_auxiliary, "$_auxiliary", $$stores);
+  const [$$stores, $$cleanup] = $.setup_stores();
   let {
     datesSet,
     eventAllUpdated,
@@ -1660,7 +1654,6 @@ function Auxiliary$1($$anchor, $$props) {
 var root$q = $.from_html(`<div><!> <!></div> <!>`, 1);
 function Calendar($$anchor, $$props) {
   $.push($$props, true);
-  const [$$stores, $$cleanup] = $.setup_stores();
   const $_events = () => $.store_get(_events, "$_events", $$stores);
   const $_interaction = () => $.store_get(_interaction, "$_interaction", $$stores);
   const $date = () => $.store_get(date, "$date", $$stores);
@@ -1672,6 +1665,7 @@ function Calendar($$anchor, $$props) {
   const $_iClass = () => $.store_get(_iClass, "$_iClass", $$stores);
   const $height = () => $.store_get(height2, "$height", $$stores);
   const $view = () => $.store_get(view2, "$view", $$stores);
+  const [$$stores, $$cleanup] = $.setup_stores();
   let plugins = $.prop($$props, "plugins", 19, () => []), options = $.prop($$props, "options", 19, () => ({}));
   let state = new State(plugins(), options());
   setContext("state", state);
@@ -1749,8 +1743,7 @@ function Calendar($$anchor, $$props) {
     return toViewWithLocalDates(get(state._view));
   }
   function unselect() {
-    var _a;
-    (_a = $_interaction().action) == null ? void 0 : _a.unselect();
+    $_interaction().action?.unselect();
     return this;
   }
   function dateFromPoint(x, y) {
@@ -1771,6 +1764,21 @@ function Calendar($$anchor, $$props) {
     return this;
   }
   let View2 = $.derived($_viewComponent);
+  var $$exports = {
+    setOption,
+    getOption,
+    refetchEvents,
+    getEvents,
+    getEventById,
+    addEvent,
+    updateEvent,
+    removeEventById,
+    getView,
+    unselect,
+    dateFromPoint,
+    next,
+    prev
+  };
   var fragment = root$q();
   var div = $.first_child(fragment);
   let styles;
@@ -1795,21 +1803,7 @@ function Calendar($$anchor, $$props) {
     ]
   );
   $.append($$anchor, fragment);
-  var $$pop = $.pop({
-    setOption,
-    getOption,
-    refetchEvents,
-    getEvents,
-    getEventById,
-    addEvent,
-    updateEvent,
-    removeEventById,
-    getView,
-    unselect,
-    dateFromPoint,
-    next,
-    prev
-  });
+  var $$pop = $.pop($$exports);
   $$cleanup();
   return $$pop;
 }
@@ -1835,11 +1829,11 @@ 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();
   const $theme = () => $.store_get(theme, "$theme", $$stores);
   const $_days = () => $.store_get(_days, "$_days", $$stores);
   const $_intlDayHeaderAL = () => $.store_get(_intlDayHeaderAL, "$_intlDayHeaderAL", $$stores);
   const $_intlDayHeader = () => $.store_get(_intlDayHeader, "$_intlDayHeader", $$stores);
+  const [$$stores, $$cleanup] = $.setup_stores();
   let { theme, _intlDayHeader, _intlDayHeaderAL, _days } = getContext("state");
   $.init();
   var div = root$p();
@@ -1847,7 +1841,7 @@ function Header$1($$anchor, $$props) {
   $.each(div_1, 5, $_days, $.index, ($$anchor2, day) => {
     var div_2 = root_1$c();
     var span = $.child(div_2);
-    $.action(span, ($$node, $$action_arg) => setContent == null ? void 0 : setContent($$node, $$action_arg), () => $_intlDayHeader().format($.get(day)));
+    $.action(span, ($$node, $$action_arg) => setContent?.($$node, $$action_arg), () => $_intlDayHeader().format($.get(day)));
     $.reset(div_2);
     $.template_effect(
       ($0, $1) => {
@@ -1855,10 +1849,7 @@ function Header$1($$anchor, $$props) {
         $.set_attribute(span, "aria-label", $1);
       },
       [
-        () => {
-          var _a;
-          return (_a = $theme().weekdays) == null ? void 0 : _a[$.get(day).getUTCDay()];
-        },
+        () => $theme().weekdays?.[$.get(day).getUTCDay()],
         () => $_intlDayHeaderAL().format($.get(day))
       ]
     );
@@ -1880,7 +1871,6 @@ 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();
   const $resources = () => $.store_get(resources, "$resources", $$stores);
   const $eventBackgroundColor = () => $.store_get(eventBackgroundColor, "$eventBackgroundColor", $$stores);
   const $eventColor = () => $.store_get(eventColor, "$eventColor", $$stores);
@@ -1895,6 +1885,7 @@ function BaseEvent($$anchor, $$props) {
   const $eventClick = () => $.store_get(eventClick, "$eventClick", $$stores);
   const $eventMouseEnter = () => $.store_get(eventMouseEnter, "$eventMouseEnter", $$stores);
   const $eventMouseLeave = () => $.store_get(eventMouseLeave, "$eventMouseLeave", $$stores);
+  const [$$stores, $$cleanup] = $.setup_stores();
   let el = $.prop($$props, "el", 15), classes = $.prop($$props, "classes", 3, identity), styles = $.prop($$props, "styles", 3, identity);
   let {
     displayEventEnd,
@@ -1946,21 +1937,18 @@ function BaseEvent($$anchor, $$props) {
   let onmouseleave = $.derived(() => createHandler($eventMouseLeave(), $.get(display)));
   var article = root$o();
   article.__click = function(...$$args) {
-    var _a;
-    (_a = $.get(onclick2)) == null ? void 0 : _a.apply(this, $$args);
+    $.get(onclick2)?.apply(this, $$args);
   };
   article.__keydown = function(...$$args) {
-    var _a;
-    (_a = $.get(onkeydown)) == null ? void 0 : _a.apply(this, $$args);
+    $.get(onkeydown)?.apply(this, $$args);
   };
   article.__pointerdown = function(...$$args) {
-    var _a;
-    (_a = $$props.onpointerdown) == null ? void 0 : _a.apply(this, $$args);
+    $$props.onpointerdown?.apply(this, $$args);
   };
   {
     const defaultBody = ($$anchor2) => {
       var div = root_1$b();
-      $.action(div, ($$node, $$action_arg) => setContent == null ? void 0 : setContent($$node, $$action_arg), () => $.get(content));
+      $.action(div, ($$node, $$action_arg) => setContent?.($$node, $$action_arg), () => $.get(content));
       $.template_effect(() => $.set_class(div, 1, $.clsx($theme().eventBody)));
       $.append($$anchor2, div);
     };
@@ -1990,12 +1978,10 @@ function BaseEvent($$anchor, $$props) {
     $.set_attribute(article, "tabindex", $.get(onclick2) ? 0 : void 0);
   });
   $.event("mouseenter", article, function(...$$args) {
-    var _a;
-    (_a = $.get(onmouseenter)) == null ? void 0 : _a.apply(this, $$args);
+    $.get(onmouseenter)?.apply(this, $$args);
   });
   $.event("mouseleave", article, function(...$$args) {
-    var _a;
-    (_a = $.get(onmouseleave)) == null ? void 0 : _a.apply(this, $$args);
+    $.get(onmouseleave)?.apply(this, $$args);
   });
   $.append($$anchor, article);
   $.pop();
@@ -2004,20 +1990,16 @@ function BaseEvent($$anchor, $$props) {
 $.delegate(["click", "keydown", "pointerdown"]);
 function InteractableEvent($$anchor, $$props) {
   $.push($$props, true);
-  const [$$stores, $$cleanup] = $.setup_stores();
   const $_iClasses = () => $.store_get(_iClasses, "$_iClasses", $$stores);
   const $_interaction = () => $.store_get(_interaction, "$_interaction", $$stores);
+  const [$$stores, $$cleanup] = $.setup_stores();
   let el = $.prop($$props, "el", 15);
   let { _interaction, _iClasses } = getContext("state");
   let event = $.derived(() => $$props.chunk.event);
   let display = $.derived(() => $$props.chunk.event.display);
   let classes = $.derived(() => (classNames) => $_iClasses()(classNames, $.get(event)));
   function createDragHandler(event2) {
-    var _a, _b;
-    return ((_a = $_interaction().action) == null ? void 0 : _a.draggable(event2)) ? (jsEvent) => {
-      var _a2, _b2;
-      return $_interaction().action.drag(event2, jsEvent, (_a2 = $$props.forceDate) == null ? void 0 : _a2.call($$props), (_b2 = $$props.forceMargin) == null ? void 0 : _b2.call($$props));
-    } : (_b = $_interaction().action) == null ? void 0 : _b.noAction;
+    return $_interaction().action?.draggable(event2) ? (jsEvent) => $_interaction().action.drag(event2, jsEvent, $$props.forceDate?.(), $$props.forceMargin?.()) : $_interaction().action?.noAction;
   }
   let onpointerdown = $.derived(() => !bgEvent($.get(display)) && !helperEvent($.get(display)) ? createDragHandler($.get(event)) : void 0);
   let Resizer2 = $.derived(() => $_interaction().resizer);
@@ -2095,10 +2077,10 @@ function InteractableEvent($$anchor, $$props) {
 }
 function Event$4($$anchor, $$props) {
   $.push($$props, true);
-  const [$$stores, $$cleanup] = $.setup_stores();
   const $dayMaxEvents = () => $.store_get(dayMaxEvents, "$dayMaxEvents", $$stores);
   const $_hiddenEvents = () => $.store_get(_hiddenEvents, "$_hiddenEvents", $$stores);
   const $_popupDate = () => $.store_get(_popupDate, "$_popupDate", $$stores);
+  const [$$stores, $$cleanup] = $.setup_stores();
   let longChunks = $.prop($$props, "longChunks", 19, () => ({})), inPopup = $.prop($$props, "inPopup", 3, false), dates = $.prop($$props, "dates", 19, () => []);
   let { dayMaxEvents, _hiddenEvents, _popupDate } = getContext("state");
   let el = $.state(void 0);
@@ -2167,6 +2149,7 @@ function Event$4($$anchor, $$props) {
     }
     return h;
   }
+  var $$exports = { reposition };
   InteractableEvent($$anchor, {
     get chunk() {
       return $$props.chunk;
@@ -2187,20 +2170,20 @@ function Event$4($$anchor, $$props) {
       $.set(el, $$value, true);
     }
   });
-  var $$pop = $.pop({ reposition });
+  var $$pop = $.pop($$exports);
   $$cleanup();
   return $$pop;
 }
 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();
   const $_popupChunks = () => $.store_get(_popupChunks, "$_popupChunks", $$stores);
   const $_popupDate = () => $.store_get(_popupDate, "$_popupDate", $$stores);
   const $_interaction = () => $.store_get(_interaction, "$_interaction", $$stores);
   const $theme = () => $.store_get(theme, "$theme", $$stores);
   const $_intlDayPopover = () => $.store_get(_intlDayPopover, "$_intlDayPopover", $$stores);
   const $buttonText = () => $.store_get(buttonText, "$buttonText", $$stores);
+  const [$$stores, $$cleanup] = $.setup_stores();
   let {
     buttonText,
     theme,
@@ -2263,29 +2246,25 @@ function Popup($$anchor, $$props) {
     $.store_set(_popupChunks, []);
   }
   function handlePointerDownOutside() {
-    var _a;
     close();
-    (_a = $_interaction().action) == null ? void 0 : _a.noClick();
+    $_interaction().action?.noClick();
   }
   var div = root$n();
   var event_handler = $.derived(stopPropagation);
   div.__pointerdown = function(...$$args) {
-    var _a;
-    (_a = $.get(event_handler)) == null ? void 0 : _a.apply(this, $$args);
+    $.get(event_handler)?.apply(this, $$args);
   };
   var div_1 = $.child(div);
   var time = $.child(div_1);
-  $.action(time, ($$node, $$action_arg) => setContent == null ? void 0 : setContent($$node, $$action_arg), () => $_intlDayPopover().format($_popupDate()));
+  $.action(time, ($$node, $$action_arg) => setContent?.($$node, $$action_arg), () => $_intlDayPopover().format($_popupDate()));
   var a = $.sibling(time, 2);
   var event_handler_1 = $.derived(() => stopPropagation(close));
   a.__click = function(...$$args) {
-    var _a;
-    (_a = $.get(event_handler_1)) == null ? void 0 : _a.apply(this, $$args);
+    $.get(event_handler_1)?.apply(this, $$args);
   };
   var event_handler_2 = $.derived(() => keyEnter(close));
   a.__keydown = function(...$$args) {
-    var _a;
-    (_a = $.get(event_handler_2)) == null ? void 0 : _a.apply(this, $$args);
+    $.get(event_handler_2)?.apply(this, $$args);
   };
   $.reset(div_1);
   var div_2 = $.sibling(div_1, 2);
@@ -2300,7 +2279,7 @@ function Popup($$anchor, $$props) {
   $.reset(div_2);
   $.reset(div);
   $.bind_this(div, ($$value) => $.set(el, $$value), () => $.get(el));
-  $.action(div, ($$node, $$action_arg) => outsideEvent == null ? void 0 : outsideEvent($$node, $$action_arg), () => "pointerdown");
+  $.action(div, ($$node, $$action_arg) => outsideEvent?.($$node, $$action_arg), () => "pointerdown");
   $.template_effect(
     ($0) => {
       $.set_class(div, 1, $theme().popup);
@@ -2326,7 +2305,6 @@ var root_10 = $.from_html(`<a role="button" tabindex="0" aria-haspopup="true"></
 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();
   const $_hiddenEvents = () => $.store_get(_hiddenEvents, "$_hiddenEvents", $$stores);
   const $_today = () => $.store_get(_today, "$_today", $$stores);
   const $currentDate = () => $.store_get(currentDate, "$currentDate", $$stores);
@@ -2340,6 +2318,7 @@ function Day$4($$anchor, $$props) {
   const $theme = () => $.store_get(theme, "$theme", $$stores);
   const $_interaction = () => $.store_get(_interaction, "$_interaction", $$stores);
   const $_intlDayCell = () => $.store_get(_intlDayCell, "$_intlDayCell", $$stores);
+  const [$$stores, $$cleanup] = $.setup_stores();
   let iChunks = $.prop($$props, "iChunks", 19, () => []);
   let {
     date: currentDate,
@@ -2417,9 +2396,8 @@ function Day$4($$anchor, $$props) {
     }
   });
   function setPopupChunks() {
-    var _a;
     let nextDay = addDay(cloneDate($$props.date));
-    let chunks = $.get(dayChunks).concat(((_a = $$props.longChunks[$$props.date.getTime()]) == null ? void 0 : _a.chunks) || []);
+    let chunks = $.get(dayChunks).concat($$props.longChunks[$$props.date.getTime()]?.chunks || []);
     $.store_set(_popupChunks, chunks.map((chunk) => assign({}, chunk, createEventChunk(chunk.event, $$props.date, nextDay), { days: 1, dates: [$$props.date] })).sort((a, b) => a.top - b.top));
   }
   let showWeekNumber = $.derived(() => $weekNumbers() && $$props.date.getUTCDay() == ($firstDay() ? 1 : 0));
@@ -2440,19 +2418,19 @@ function Day$4($$anchor, $$props) {
       runReposition(refs, $.get(dayChunks));
     }
   }
+  var $$exports = { reposition };
   var div = root$m();
   div.__pointerdown = function(...$$args) {
-    var _a, _b;
-    (_b = (_a = $_interaction().action) == null ? void 0 : _a.select) == null ? void 0 : _b.apply(this, $$args);
+    $_interaction().action?.select?.apply(this, $$args);
   };
   var div_1 = $.child(div);
   var time = $.child(div_1);
-  $.action(time, ($$node, $$action_arg) => setContent == null ? void 0 : setContent($$node, $$action_arg), () => $_intlDayCell().format($$props.date));
+  $.action(time, ($$node, $$action_arg) => setContent?.($$node, $$action_arg), () => $_intlDayCell().format($$props.date));
   var node = $.sibling(time, 2);
   {
     var consequent = ($$anchor2) => {
       var span = root_1$a();
-      $.action(span, ($$node, $$action_arg) => setContent == null ? void 0 : setContent($$node, $$action_arg), () => $.get(weekNumber));
+      $.action(span, ($$node, $$action_arg) => setContent?.($$node, $$action_arg), () => $.get(weekNumber));
       $.template_effect(() => $.set_class(span, 1, $theme().weekNumber));
       $.append($$anchor2, span);
     };
@@ -2547,7 +2525,7 @@ function Day$4($$anchor, $$props) {
             }
           }),
           ($$value, i2) => refs[i2] = $$value,
-          (i2) => refs == null ? void 0 : refs[i2],
+          (i2) => refs?.[i2],
           () => [$.get(i)]
         );
       });
@@ -2574,20 +2552,17 @@ function Day$4($$anchor, $$props) {
       var a_1 = root_10();
       var event_handler = $.derived(() => stopPropagation(showMore));
       a_1.__click = function(...$$args) {
-        var _a;
-        (_a = $.get(event_handler)) == null ? void 0 : _a.apply(this, $$args);
+        $.get(event_handler)?.apply(this, $$args);
       };
       var event_handler_1 = $.derived(() => keyEnter(showMore));
       a_1.__keydown = function(...$$args) {
-        var _a;
-        (_a = $.get(event_handler_1)) == null ? void 0 : _a.apply(this, $$args);
+        $.get(event_handler_1)?.apply(this, $$args);
       };
       var event_handler_2 = $.derived(stopPropagation);
       a_1.__pointerdown = function(...$$args) {
-        var _a;
-        (_a = $.get(event_handler_2)) == null ? void 0 : _a.apply(this, $$args);
+        $.get(event_handler_2)?.apply(this, $$args);
       };
-      $.action(a_1, ($$node, $$action_arg) => setContent == null ? void 0 : setContent($$node, $$action_arg), () => $.get(moreLink));
+      $.action(a_1, ($$node, $$action_arg) => setContent?.($$node, $$action_arg), () => $.get(moreLink));
       $.append($$anchor2, a_1);
     };
     $.if(node_11, ($$render) => {
@@ -2607,15 +2582,12 @@ function Day$4($$anchor, $$props) {
       $.set_class(div_6, 1, $theme().dayFoot);
     },
     [
-      () => {
-        var _a;
-        return (_a = $theme().weekdays) == null ? void 0 : _a[$$props.date.getUTCDay()];
-      },
+      () => $theme().weekdays?.[$$props.date.getUTCDay()],
       () => toISOString($$props.date, 10)
     ]
   );
   $.append($$anchor, div);
-  var $$pop = $.pop({ reposition });
+  var $$pop = $.pop($$exports);
   $$cleanup();
   return $$pop;
 }
@@ -2623,7 +2595,6 @@ $.delegate(["pointerdown", "click", "keydown"]);
 var root$l = $.from_html(`<div role="row"></div>`);
 function Week$1($$anchor, $$props) {
   $.push($$props, true);
-  const [$$stores, $$cleanup] = $.setup_stores();
   const $validRange = () => $.store_get(validRange, "$validRange", $$stores);
   const $_filteredEvents = () => $.store_get(_filteredEvents, "$_filteredEvents", $$stores);
   const $filterEventsWithResources = () => $.store_get(filterEventsWithResources, "$filterEventsWithResources", $$stores);
@@ -2632,6 +2603,7 @@ function Week$1($$anchor, $$props) {
   const $eventOrder = () => $.store_get(eventOrder, "$eventOrder", $$stores);
   const $_iEvents = () => $.store_get(_iEvents, "$_iEvents", $$stores);
   const $theme = () => $.store_get(theme, "$theme", $$stores);
+  const [$$stores, $$cleanup] = $.setup_stores();
   let {
     _filteredEvents,
     _iEvents,
@@ -2677,6 +2649,7 @@ function Week$1($$anchor, $$props) {
   function reposition() {
     runReposition(refs, $$props.dates);
   }
+  var $$exports = { reposition };
   var div = root$l();
   $.each(div, 21, () => $$props.dates, $.index, ($$anchor2, date, i) => {
     $.bind_this(
@@ -2701,21 +2674,20 @@ function Week$1($$anchor, $$props) {
         }
       }),
       ($$value, i2) => refs[i2] = $$value,
-      (i2) => refs == null ? void 0 : refs[i2],
+      (i2) => refs?.[i2],
       () => [i]
     );
   });
   $.reset(div);
   $.template_effect(() => $.set_class(div, 1, $theme().days));
   $.append($$anchor, div);
-  var $$pop = $.pop({ reposition });
+  var $$pop = $.pop($$exports);
   $$cleanup();
   return $$pop;
 }
 var root$k = $.from_html(`<div><div></div></div>`);
 function Body$3($$anchor, $$props) {
   $.push($$props, true);
-  const [$$stores, $$cleanup] = $.setup_stores();
   const $hiddenDays = () => $.store_get(hiddenDays, "$hiddenDays", $$stores);
   const $_viewDates = () => $.store_get(_viewDates, "$_viewDates", $$stores);
   const $dayMaxEvents = () => $.store_get(dayMaxEvents, "$dayMaxEvents", $$stores);
@@ -2723,6 +2695,7 @@ function Body$3($$anchor, $$props) {
   const $_filteredEvents = () => $.store_get(_filteredEvents, "$_filteredEvents", $$stores);
   const $_bodyEl = () => $.store_get(_bodyEl, "$_bodyEl", $$stores);
   const $theme = () => $.store_get(theme, "$theme", $$stores);
+  const [$$stores, $$cleanup] = $.setup_stores();
   let {
     _bodyEl,
     _viewDates,
@@ -2771,14 +2744,14 @@ function Body$3($$anchor, $$props) {
         }
       }),
       ($$value, i2) => refs[i2] = $$value,
-      (i2) => refs == null ? void 0 : refs[i2],
+      (i2) => refs?.[i2],
       () => [i]
     );
   });
   $.reset(div_1);
   $.reset(div);
   $.bind_this(div, ($$value) => $.store_set(_bodyEl, $$value), () => $_bodyEl());
-  $.action(div, ($$node, $$action_arg) => observeResize == null ? void 0 : observeResize($$node, $$action_arg), () => () => $.store_set(_recheckScrollable, true));
+  $.action(div, ($$node, $$action_arg) => observeResize?.($$node, $$action_arg), () => () => $.store_set(_recheckScrollable, true));
   $.template_effect(() => {
     $.set_class(div, 1, `${$theme().body ?? ""}${$dayMaxEvents() === true ? " " + $theme().uniform : ""}`);
     $.set_class(div_1, 1, $theme().content);
@@ -2852,7 +2825,6 @@ function limit(value, minLimit, maxLimit) {
 }
 function Action($$anchor, $$props) {
   $.push($$props, false);
-  const [$$stores, $$cleanup] = $.setup_stores();
   const $eventStartEditable = () => $.store_get(eventStartEditable, "$eventStartEditable", $$stores);
   const $editable = () => $.store_get(editable, "$editable", $$stores);
   const $slotDuration = () => $.store_get(slotDuration, "$slotDuration", $$stores);
@@ -2888,6 +2860,7 @@ function Action($$anchor, $$props) {
   const $_events = () => $.store_get(_events, "$_events", $$stores);
   const $selectBackgroundColor = () => $.store_get(selectBackgroundColor, "$selectBackgroundColor", $$stores);
   const $unselectFn = () => $.store_get(unselectFn, "$unselectFn", $$stores);
+  const [$$stores, $$cleanup] = $.setup_stores();
   let {
     _iEvents,
     _iClass,
@@ -3405,7 +3378,6 @@ function Action($$anchor, $$props) {
       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));
@@ -3418,6 +3390,17 @@ function Action($$anchor, $$props) {
       }
     };
   }
+  onMount(() => listen(window, "touchmove", noop, { passive: false }));
+  var $$exports = {
+    draggable,
+    drag,
+    resize,
+    select,
+    noAction,
+    handleScroll,
+    unselect,
+    noClick
+  };
   $.init();
   $.event("pointermove", $.window, handlePointerMove);
   $.event("pointerup", $.window, handlePointerUp);
@@ -3425,13 +3408,11 @@ function Action($$anchor, $$props) {
   $.event("scroll", $.window, handleScroll);
   var event_handler = $.derived(() => createPreventDefaultHandler(complexAction));
   $.event("selectstart", $.window, function(...$$args) {
-    var _a;
-    (_a = $.get(event_handler)) == null ? void 0 : _a.apply(this, $$args);
+    $.get(event_handler)?.apply(this, $$args);
   });
   var event_handler_1 = $.derived(() => createPreventDefaultHandler(() => $.get(timer)));
   $.event("contextmenu", $.window, function(...$$args) {
-    var _a;
-    (_a = $.get(event_handler_1)) == null ? void 0 : _a.apply(this, $$args);
+    $.get(event_handler_1)?.apply(this, $$args);
   });
   $.event("touchstart", $.window, handleTouchStart, void 0, true);
   $.bind_prop($$props, "draggable", draggable);
@@ -3442,24 +3423,15 @@ function Action($$anchor, $$props) {
   $.bind_prop($$props, "handleScroll", handleScroll);
   $.bind_prop($$props, "unselect", unselect);
   $.bind_prop($$props, "noClick", noClick);
-  var $$pop = $.pop({
-    draggable,
-    drag,
-    resize,
-    select,
-    noAction,
-    handleScroll,
-    unselect,
-    noClick
-  });
+  var $$pop = $.pop($$exports);
   $$cleanup();
   return $$pop;
 }
 function Pointer($$anchor, $$props) {
   $.push($$props, true);
-  const [$$stores, $$cleanup] = $.setup_stores();
   const $_iEvents = () => $.store_get(_iEvents, "$_iEvents", $$stores);
   const $slotDuration = () => $.store_get(slotDuration, "$slotDuration", $$stores);
+  const [$$stores, $$cleanup] = $.setup_stores();
   let { _iEvents, slotDuration } = getContext("state");
   let x = 0, y = 0;
   $.user_effect(() => {
@@ -3520,9 +3492,10 @@ function Pointer($$anchor, $$props) {
   function validEvent(jsEvent) {
     return jsEvent.isPrimary && jsEvent.pointerType === "mouse";
   }
+  var $$exports = { handleScroll };
   $.event("pointermove", $.window, handlePointerMove);
   $.event("scroll", $.window, handleScroll);
-  var $$pop = $.pop({ handleScroll });
+  var $$pop = $.pop($$exports);
   $$cleanup();
   return $$pop;
 }
@@ -3531,12 +3504,12 @@ 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();
   const $eventDurationEditable = () => $.store_get(eventDurationEditable, "$eventDurationEditable", $$stores);
   const $editable = () => $.store_get(editable, "$editable", $$stores);
   const $_interaction = () => $.store_get(_interaction, "$_interaction", $$stores);
   const $eventResizableFromStart = () => $.store_get(eventResizableFromStart, "$eventResizableFromStart", $$stores);
   const $theme = () => $.store_get(theme, "$theme", $$stores);
+  const [$$stores, $$cleanup] = $.setup_stores();
   let forceDate = $.prop($$props, "forceDate", 3, void 0), forceMargin = $.prop($$props, "forceMargin", 3, void 0);
   let {
     theme,
@@ -3549,10 +3522,7 @@ function Resizer($$anchor, $$props) {
   let display = $.derived(() => $$props.chunk.event.display);
   let resizable = $.derived(() => !bgEvent($.get(display)) && !helperEvent($.get(display)) && eventResizable($.get(event), $eventDurationEditable(), $editable()));
   function createResizeHandler(start) {
-    return (jsEvent) => {
-      var _a, _b;
-      return $_interaction().action.resize($.get(event), jsEvent, start, $$props.axis, (_a = forceDate()) == null ? void 0 : _a(), (_b = forceMargin()) == null ? void 0 : _b(), $$props.chunk.zeroDuration);
-    };
+    return (jsEvent) => $_interaction().action.resize($.get(event), jsEvent, start, $$props.axis, forceDate()?.(), forceMargin()?.(), $$props.chunk.zeroDuration);
   }
   var fragment = root$i();
   var node = $.first_child(fragment);
@@ -3561,8 +3531,7 @@ function Resizer($$anchor, $$props) {
       var div = root_1$9();
       var event_handler = $.derived(() => createResizeHandler(true));
       div.__pointerdown = function(...$$args) {
-        var _a;
-        (_a = $.get(event_handler)) == null ? void 0 : _a.apply(this, $$args);
+        $.get(event_handler)?.apply(this, $$args);
       };
       $.template_effect(() => $.set_class(div, 1, `${$theme().resizer ?? ""} ${$theme().start ?? ""}`));
       $.append($$anchor2, div);
@@ -3579,8 +3548,7 @@ function Resizer($$anchor, $$props) {
       var div_1 = root_2$6();
       var event_handler_1 = $.derived(() => createResizeHandler(false));
       div_1.__pointerdown = function(...$$args) {
-        var _a;
-        (_a = $.get(event_handler_1)) == null ? void 0 : _a.apply(this, $$args);
+        $.get(event_handler_1)?.apply(this, $$args);
       };
       $.template_effect(() => $.set_class(div_1, 1, $theme().resizer));
       $.append($$anchor2, div_1);
@@ -3597,13 +3565,13 @@ $.delegate(["pointerdown"]);
 var root$h = $.from_html(`<!> <!>`, 1);
 function Auxiliary($$anchor, $$props) {
   $.push($$props, true);
-  const [$$stores, $$cleanup] = $.setup_stores();
   const $_interaction = () => $.store_get(_interaction, "$_interaction", $$stores);
   const $theme = () => $.store_get(theme, "$theme", $$stores);
   const $eventStartEditable = () => $.store_get(eventStartEditable, "$eventStartEditable", $$stores);
   const $editable = () => $.store_get(editable, "$editable", $$stores);
   const $_bodyEl = () => $.store_get(_bodyEl, "$_bodyEl", $$stores);
   const $pointer = () => $.store_get(pointer, "$pointer", $$stores);
+  const [$$stores, $$cleanup] = $.setup_stores();
   let {
     theme,
     editable,
@@ -3632,24 +3600,17 @@ function Auxiliary($$anchor, $$props) {
     }
   });
   function bodyScrollHandler() {
-    var _a;
     for (let component of Object.values($_interaction())) {
-      (_a = component == null ? void 0 : component.handleScroll) == null ? void 0 : _a.call(component);
+      component?.handleScroll?.();
     }
   }
   var fragment = root$h();
   var node = $.first_child(fragment);
-  $.bind_this(Action(node, {}), ($$value) => $.store_mutate(_interaction, $.untrack($_interaction).action = $$value, $.untrack($_interaction)), () => {
-    var _a;
-    return (_a = $_interaction()) == null ? void 0 : _a.action;
-  });
+  $.bind_this(Action(node, {}), ($$value) => $.store_mutate(_interaction, $.untrack($_interaction).action = $$value, $.untrack($_interaction)), () => $_interaction()?.action);
   var node_1 = $.sibling(node, 2);
   {
     var consequent = ($$anchor2) => {
-      $.bind_this(Pointer($$anchor2, {}), ($$value) => $.store_mutate(_interaction, $.untrack($_interaction).pointer = $$value, $.untrack($_interaction)), () => {
-        var _a;
-        return (_a = $_interaction()) == null ? void 0 : _a.pointer;
-      });
+      $.bind_this(Pointer($$anchor2, {}), ($$value) => $.store_mutate(_interaction, $.untrack($_interaction).pointer = $$value, $.untrack($_interaction)), () => $_interaction()?.pointer);
     };
     $.if(node_1, ($$render) => {
       if ($pointer()) $$render(consequent);
@@ -3705,9 +3666,9 @@ const index$3 = {
 var root_1$8 = $.from_html(`<div></div> <!>`, 1);
 function Event$3($$anchor, $$props) {
   $.push($$props, true);
-  const [$$stores, $$cleanup] = $.setup_stores();
   const $_interaction = () => $.store_get(_interaction, "$_interaction", $$stores);
   const $theme = () => $.store_get(theme, "$theme", $$stores);
+  const [$$stores, $$cleanup] = $.setup_stores();
   let { theme, _interaction } = getContext("state");
   let styles = $.derived(() => (style) => {
     delete style["background-color"];
@@ -3730,10 +3691,7 @@ function Event$3($$anchor, $$props) {
       );
       $.append($$anchor2, fragment_1);
     };
-    let $0 = $.derived(() => {
-      var _a;
-      return (_a = $_interaction().action) == null ? void 0 : _a.noAction;
-    });
+    let $0 = $.derived(() => $_interaction().action?.noAction);
     BaseEvent($$anchor, {
       get chunk() {
         return $$props.chunk;
@@ -3754,7 +3712,6 @@ function Event$3($$anchor, $$props) {
 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();
   const $_today = () => $.store_get(_today, "$_today", $$stores);
   const $highlightedDates = () => $.store_get(highlightedDates, "$highlightedDates", $$stores);
   const $validRange = () => $.store_get(validRange, "$validRange", $$stores);
@@ -3766,6 +3723,7 @@ function Day$3($$anchor, $$props) {
   const $_interaction = () => $.store_get(_interaction, "$_interaction", $$stores);
   const $_intlListDay = () => $.store_get(_intlListDay, "$_intlListDay", $$stores);
   const $_intlListDaySide = () => $.store_get(_intlListDaySide, "$_intlListDaySide", $$stores);
+  const [$$stores, $$cleanup] = $.setup_stores();
   let {
     _filteredEvents,
     _interaction,
@@ -3816,14 +3774,13 @@ function Day$3($$anchor, $$props) {
     var consequent = ($$anchor2) => {
       var div = root_1$7();
       div.__pointerdown = function(...$$args) {
-        var _a, _b;
-        (_b = (_a = $_interaction().action) == null ? void 0 : _a.select) == null ? void 0 : _b.apply(this, $$args);
+        $_interaction().action?.select?.apply(this, $$args);
       };
       var h4 = $.child(div);
       var time = $.child(h4);
-      $.action(time, ($$node, $$action_arg) => setContent == null ? void 0 : setContent($$node, $$action_arg), () => $_intlListDay().format($$props.date));
+      $.action(time, ($$node, $$action_arg) => setContent?.($$node, $$action_arg), () => $_intlListDay().format($$props.date));
       var time_1 = $.sibling(time, 2);
-      $.action(time_1, ($$node, $$action_arg) => setContent == null ? void 0 : setContent($$node, $$action_arg), () => $_intlListDaySide().format($$props.date));
+      $.action(time_1, ($$node, $$action_arg) => setContent?.($$node, $$action_arg), () => $_intlListDaySide().format($$props.date));
       $.reset(h4);
       var node_1 = $.sibling(h4, 2);
       $.each(node_1, 17, () => $.get(chunks), (chunk) => chunk.event, ($$anchor3, chunk) => {
@@ -3843,10 +3800,7 @@ function Day$3($$anchor, $$props) {
           $.set_class(time_1, 1, $theme().daySide);
           $.set_attribute(time_1, "datetime", $.get(datetime));
         },
-        [() => {
-          var _a;
-          return (_a = $theme().weekdays) == null ? void 0 : _a[$$props.date.getUTCDay()];
-        }]
+        [() => $theme().weekdays?.[$$props.date.getUTCDay()]]
       );
       $.append($$anchor2, div);
     };
@@ -3868,7 +3822,6 @@ 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();
   const $_viewDates = () => $.store_get(_viewDates, "$_viewDates", $$stores);
   const $_filteredEvents = () => $.store_get(_filteredEvents, "$_filteredEvents", $$stores);
   const $noEventsContent = () => $.store_get(noEventsContent, "$noEventsContent", $$stores);
@@ -3876,6 +3829,7 @@ function Body$2($$anchor, $$props) {
   const $_view = () => $.store_get(_view, "$_view", $$stores);
   const $_bodyEl = () => $.store_get(_bodyEl, "$_bodyEl", $$stores);
   const $theme = () => $.store_get(theme, "$theme", $$stores);
+  const [$$stores, $$cleanup] = $.setup_stores();
   let {
     _bodyEl,
     _filteredEvents,
@@ -3907,7 +3861,7 @@ function Body$2($$anchor, $$props) {
     var consequent = ($$anchor2) => {
       var div_2 = root_1$6();
       div_2.__click = [onclick$1, $noEventsClick, noEventsClick, $_view, _view];
-      $.action(div_2, ($$node, $$action_arg) => setContent == null ? void 0 : setContent($$node, $$action_arg), () => $.get(content));
+      $.action(div_2, ($$node, $$action_arg) => setContent?.($$node, $$action_arg), () => $.get(content));
       $.template_effect(() => $.set_class(div_2, 1, $theme().noEvents));
       $.append($$anchor2, div_2);
     };
@@ -4052,22 +4006,22 @@ 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();
   const $allDayContent = () => $.store_get(allDayContent, "$allDayContent", $$stores);
   const $slotLabelInterval = () => $.store_get(slotLabelInterval, "$slotLabelInterval", $$stores);
   const $theme = () => $.store_get(theme, "$theme", $$stores);
   const $_times = () => $.store_get(_times, "$_times", $$stores);
+  const [$$stores, $$cleanup] = $.setup_stores();
   let { allDayContent, slotLabelInterval, theme, _times } = getContext("state");
   let allDayText = $.derived(() => createAllDayContent($allDayContent()));
   let showAllTimes = $.derived(() => $slotLabelInterval() && $slotLabelInterval().seconds <= 0);
   var fragment = root$f();
   var div = $.first_child(fragment);
   var div_1 = $.child(div);
-  $.action(div_1, ($$node, $$action_arg) => setContent == null ? void 0 : setContent($$node, $$action_arg), () => $.get(allDayText));
+  $.action(div_1, ($$node, $$action_arg) => setContent?.($$node, $$action_arg), () => $.get(allDayText));
   var node = $.sibling(div_1, 2);
   $.each(node, 1, $_times, $.index, ($$anchor2, time, i) => {
     var time_1 = root_1$5();
-    $.action(time_1, ($$node, $$action_arg) => setContent == null ? void 0 : setContent($$node, $$action_arg), () => $.get(time)[1]);
+    $.action(time_1, ($$node, $$action_arg) => setContent?.($$node, $$action_arg), () => $.get(time)[1]);
     $.template_effect(() => {
       $.set_class(time_1, 1, `${$theme().time ?? ""}${(i || $.get(showAllTimes)) && $.get(time)[2] ? "" : " " + $theme().minor}`);
       $.set_attribute(time_1, "datetime", $.get(time)[0]);
@@ -4117,7 +4071,6 @@ 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();
   const $_viewDates = () => $.store_get(_viewDates, "$_viewDates", $$stores);
   const $scrollTime = () => $.store_get(scrollTime, "$scrollTime", $$stores);
   const $_slotTimeLimits = () => $.store_get(_slotTimeLimits, "$_slotTimeLimits", $$stores);
@@ -4125,6 +4078,7 @@ function Body$1($$anchor, $$props) {
   const $slotHeight = () => $.store_get(slotHeight, "$slotHeight", $$stores);
   const $theme = () => $.store_get(theme, "$theme", $$stores);
   const $_times = () => $.store_get(_times, "$_times", $$stores);
+  const [$$stores, $$cleanup] = $.setup_stores();
   let {
     _bodyEl,
     _viewDates,
@@ -4173,7 +4127,7 @@ function Body$1($$anchor, $$props) {
   $.reset(div_1);
   $.reset(div);
   $.bind_this(div, ($$value) => $.set(el, $$value), () => $.get(el));
-  $.action(div, ($$node, $$action_arg) => observeResize == null ? void 0 : observeResize($$node, $$action_arg), () => () => $.store_set(_recheckScrollable, true));
+  $.action(div, ($$node, $$action_arg) => observeResize?.($$node, $$action_arg), () => () => $.store_set(_recheckScrollable, true));
   $.template_effect(() => {
     $.set_class(div, 1, $theme().body);
     $.set_class(div_1, 1, $theme().content);
@@ -4184,11 +4138,11 @@ function Body$1($$anchor, $$props) {
 }
 function Event$2($$anchor, $$props) {
   $.push($$props, true);
-  const [$$stores, $$cleanup] = $.setup_stores();
   const $slotDuration = () => $.store_get(slotDuration, "$slotDuration", $$stores);
   const $_slotTimeLimits = () => $.store_get(_slotTimeLimits, "$_slotTimeLimits", $$stores);
   const $slotHeight = () => $.store_get(slotHeight, "$slotHeight", $$stores);
   const $slotEventOverlap = () => $.store_get(slotEventOverlap, "$slotEventOverlap", $$stores);
+  const [$$stores, $$cleanup] = $.setup_stores();
   let { slotEventOverlap, slotDuration, slotHeight, _slotTimeLimits } = getContext("state");
   let display = $.derived(() => $$props.chunk.event.display);
   let styles = $.derived(() => (style) => {
@@ -4225,13 +4179,13 @@ function Event$2($$anchor, $$props) {
 var root$d = $.from_html(`<div></div>`);
 function NowIndicator$1($$anchor, $$props) {
   $.push($$props, true);
-  const [$$stores, $$cleanup] = $.setup_stores();
   const $_now = () => $.store_get(_now, "$_now", $$stores);
   const $_today = () => $.store_get(_today, "$_today", $$stores);
   const $slotDuration = () => $.store_get(slotDuration, "$slotDuration", $$stores);
   const $_slotTimeLimits = () => $.store_get(_slotTimeLimits, "$_slotTimeLimits", $$stores);
   const $slotHeight = () => $.store_get(slotHeight, "$slotHeight", $$stores);
   const $theme = () => $.store_get(theme, "$theme", $$stores);
+  const [$$stores, $$cleanup] = $.setup_stores();
   let {
     slotDuration,
     slotHeight,
@@ -4259,7 +4213,6 @@ 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();
   const $_today = () => $.store_get(_today, "$_today", $$stores);
   const $highlightedDates = () => $.store_get(highlightedDates, "$highlightedDates", $$stores);
   const $validRange = () => $.store_get(validRange, "$validRange", $$stores);
@@ -4274,6 +4227,7 @@ function Day$2($$anchor, $$props) {
   const $theme = () => $.store_get(theme, "$theme", $$stores);
   const $_interaction = () => $.store_get(_interaction, "$_interaction", $$stores);
   const $nowIndicator = () => $.store_get(nowIndicator, "$nowIndicator", $$stores);
+  const [$$stores, $$cleanup] = $.setup_stores();
   let resource = $.prop($$props, "resource", 3, void 0);
   let {
     _filteredEvents,
@@ -4340,8 +4294,7 @@ function Day$2($$anchor, $$props) {
   });
   var div = root$c();
   div.__pointerdown = function(...$$args) {
-    var _a, _b;
-    (_b = !$.get(disabled) ? (_a = $_interaction().action) == null ? void 0 : _a.select : void 0) == null ? void 0 : _b.apply(this, $$args);
+    (!$.get(disabled) ? $_interaction().action?.select : void 0)?.apply(this, $$args);
   };
   var div_1 = $.child(div);
   var node = $.child(div_1);
@@ -4441,10 +4394,7 @@ function Day$2($$anchor, $$props) {
       $.set_class(div_2, 1, $theme().events);
       $.set_class(div_3, 1, $theme().extra);
     },
-    [() => {
-      var _a;
-      return (_a = $theme().weekdays) == null ? void 0 : _a[$$props.date.getUTCDay()];
-    }]
+    [() => $theme().weekdays?.[$$props.date.getUTCDay()]]
   );
   $.append($$anchor, div);
   $.pop();
@@ -4473,6 +4423,7 @@ function Event$1($$anchor, $$props) {
     }
     $.set(margin, repositionEvent$1($$props.chunk, longChunks(), height($.get(el))), true);
   }
+  var $$exports = { reposition };
   InteractableEvent($$anchor, {
     get chunk() {
       return $$props.chunk;
@@ -4489,18 +4440,18 @@ function Event$1($$anchor, $$props) {
       $.set(el, $$value, true);
     }
   });
-  return $.pop({ reposition });
+  return $.pop($$exports);
 }
 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();
   const $_today = () => $.store_get(_today, "$_today", $$stores);
   const $highlightedDates = () => $.store_get(highlightedDates, "$highlightedDates", $$stores);
   const $validRange = () => $.store_get(validRange, "$validRange", $$stores);
   const $theme = () => $.store_get(theme, "$theme", $$stores);
   const $_interaction = () => $.store_get(_interaction, "$_interaction", $$stores);
+  const [$$stores, $$cleanup] = $.setup_stores();
   let iChunks = $.prop($$props, "iChunks", 19, () => []), resource = $.prop($$props, "resource", 3, void 0);
   let { highlightedDates, theme, validRange, _interaction, _today } = getContext("state");
   let el = $.state(void 0);
@@ -4524,10 +4475,10 @@ function Day$1($$anchor, $$props) {
       runReposition(refs, $.get(dayChunks));
     }
   }
+  var $$exports = { reposition };
   var div = root$b();
   div.__pointerdown = function(...$$args) {
-    var _a, _b;
-    (_b = !$.get(disabled) ? (_a = $_interaction().action) == null ? void 0 : _a.select : void 0) == null ? void 0 : _b.apply(this, $$args);
+    (!$.get(disabled) ? $_interaction().action?.select : void 0)?.apply(this, $$args);
   };
   var div_1 = $.child(div);
   var node = $.child(div_1);
@@ -4584,7 +4535,7 @@ function Day$1($$anchor, $$props) {
             }
           }),
           ($$value, i2) => refs[i2] = $$value,
-          (i2) => refs == null ? void 0 : refs[i2],
+          (i2) => refs?.[i2],
           () => [$.get(i)]
         );
       });
@@ -4603,20 +4554,16 @@ function Day$1($$anchor, $$props) {
       $.set_class(div_1, 1, $theme().bgEvents);
       $.set_class(div_3, 1, $theme().events);
     },
-    [() => {
-      var _a;
-      return (_a = $theme().weekdays) == null ? void 0 : _a[$$props.date.getUTCDay()];
-    }]
+    [() => $theme().weekdays?.[$$props.date.getUTCDay()]]
   );
   $.append($$anchor, div);
-  var $$pop = $.pop({ reposition });
+  var $$pop = $.pop($$exports);
   $$cleanup();
   return $$pop;
 }
 $.delegate(["pointerdown"]);
 function Week($$anchor, $$props) {
   $.push($$props, true);
-  const [$$stores, $$cleanup] = $.setup_stores();
   const $validRange = () => $.store_get(validRange, "$validRange", $$stores);
   const $filterEventsWithResources = () => $.store_get(filterEventsWithResources, "$filterEventsWithResources", $$stores);
   const $resources = () => $.store_get(resources, "$resources", $$stores);
@@ -4624,6 +4571,7 @@ function Week($$anchor, $$props) {
   const $hiddenDays = () => $.store_get(hiddenDays, "$hiddenDays", $$stores);
   const $eventOrder = () => $.store_get(eventOrder, "$eventOrder", $$stores);
   const $_iEvents = () => $.store_get(_iEvents, "$_iEvents", $$stores);
+  const [$$stores, $$cleanup] = $.setup_stores();
   let resource = $.prop($$props, "resource", 3, void 0);
   let {
     _filteredEvents,
@@ -4698,7 +4646,7 @@ function Week($$anchor, $$props) {
         }
       }),
       ($$value, i2) => refs[i2] = $$value,
-      (i2) => refs == null ? void 0 : refs[i2],
+      (i2) => refs?.[i2],
       () => [i]
     );
   });
@@ -4711,13 +4659,13 @@ 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();
   const $theme = () => $.store_get(theme, "$theme", $$stores);
   const $_viewDates = () => $.store_get(_viewDates, "$_viewDates", $$stores);
   const $_today = () => $.store_get(_today, "$_today", $$stores);
   const $_intlDayHeaderAL = () => $.store_get(_intlDayHeaderAL, "$_intlDayHeaderAL", $$stores);
   const $_intlDayHeader = () => $.store_get(_intlDayHeader, "$_intlDayHeader", $$stores);
   const $allDaySlot = () => $.store_get(allDaySlot, "$allDaySlot", $$stores);
+  const [$$stores, $$cleanup] = $.setup_stores();
   let {
     _viewDates,
     _intlDayHeader,
@@ -4737,7 +4685,7 @@ function View$2($$anchor, $$props) {
       $.each(node_1, 1, $_viewDates, $.index, ($$anchor3, date) => {
         var div_1 = root_2$4();
         var time = $.child(div_1);
-        $.action(time, ($$node, $$action_arg) => setContent == null ? void 0 : setContent($$node, $$action_arg), () => $_intlDayHeader().format($.get(date)));
+        $.action(time, ($$node, $$action_arg) => setContent?.($$node, $$action_arg), () => $_intlDayHeader().format($.get(date)));
         $.reset(div_1);
         $.template_effect(
           ($0, $1, $2, $3) => {
@@ -4746,10 +4694,7 @@ function View$2($$anchor, $$props) {
             $.set_attribute(time, "aria-label", $3);
           },
           [
-            () => {
-              var _a;
-              return (_a = $theme().weekdays) == null ? void 0 : _a[$.get(date).getUTCDay()];
-            },
+            () => $theme().weekdays?.[$.get(date).getUTCDay()],
             () => datesEqual($.get(date), $_today()) ? " " + $theme().today : "",
             () => toISOString($.get(date), 10),
             () => $_intlDayHeaderAL().format($.get(date))
@@ -4845,10 +4790,10 @@ const TimeGrid = {
 var root$9 = $.from_html(`<span></span>`);
 function Label$1($$anchor, $$props) {
   $.push($$props, true);
-  const [$$stores, $$cleanup] = $.setup_stores();
   const $resourceLabelContent = () => $.store_get(resourceLabelContent, "$resourceLabelContent", $$stores);
   const $_intlDayHeaderAL = () => $.store_get(_intlDayHeaderAL, "$_intlDayHeaderAL", $$stores);
   const $resourceLabelDidMount = () => $.store_get(resourceLabelDidMount, "$resourceLabelDidMount", $$stores);
+  const [$$stores, $$cleanup] = $.setup_stores();
   let date = $.prop($$props, "date", 3, void 0), setLabel = $.prop($$props, "setLabel", 3, void 0);
   let {
     resourceLabelContent,
@@ -4889,7 +4834,7 @@ function Label$1($$anchor, $$props) {
   });
   var span = root$9();
   $.bind_this(span, ($$value) => $.set(el, $$value), () => $.get(el));
-  $.action(span, ($$node, $$action_arg) => setContent == null ? void 0 : setContent($$node, $$action_arg), () => $.get(content));
+  $.action(span, ($$node, $$action_arg) => setContent?.($$node, $$action_arg), () => $.get(content));
   $.template_effect(() => $.set_attribute(span, "aria-label", $.get(ariaLabel)));
   $.append($$anchor, span);
   $.pop();
@@ -4908,7 +4853,6 @@ 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();
   const $datesAboveResources = () => $.store_get(datesAboveResources, "$datesAboveResources", $$stores);
   const $_viewDates = () => $.store_get(_viewDates, "$_viewDates", $$stores);
   const $_viewResources = () => $.store_get(_viewResources, "$_viewResources", $$stores);
@@ -4917,6 +4861,7 @@ function View$1($$anchor, $$props) {
   const $_intlDayHeaderAL = () => $.store_get(_intlDayHeaderAL, "$_intlDayHeaderAL", $$stores);
   const $_intlDayHeader = () => $.store_get(_intlDayHeader, "$_intlDayHeader", $$stores);
   const $allDaySlot = () => $.store_get(allDaySlot, "$allDaySlot", $$stores);
+  const [$$stores, $$cleanup] = $.setup_stores();
   let {
     datesAboveResources,
     _today,
@@ -4943,7 +4888,7 @@ function View$1($$anchor, $$props) {
           var consequent = ($$anchor4) => {
             var div_2 = root_3$1();
             var time = $.child(div_2);
-            $.action(time, ($$node, $$action_arg) => setContent == null ? void 0 : setContent($$node, $$action_arg), () => $_intlDayHeader().format($.get(item0)));
+            $.action(time, ($$node, $$action_arg) => setContent?.($$node, $$action_arg), () => $_intlDayHeader().format($.get(item0)));
             $.reset(div_2);
             $.template_effect(
               ($0, $1, $2, $3) => {
@@ -4952,10 +4897,7 @@ function View$1($$anchor, $$props) {
                 $.set_attribute(time, "aria-label", $3);
               },
               [
-                () => {
-                  var _a;
-                  return (_a = $theme().weekdays) == null ? void 0 : _a[$.get(item0).getUTCDay()];
-                },
+                () => $theme().weekdays?.[$.get(item0).getUTCDay()],
                 () => datesEqual($.get(item0), $_today()) ? " " + $theme().today : "",
                 () => toISOString($.get(item0), 10),
                 () => $_intlDayHeaderAL().format($.get(item0))
@@ -5007,7 +4949,7 @@ function View$1($$anchor, $$props) {
                 var alternate_1 = ($$anchor6) => {
                   var div_6 = root_8();
                   var time_1 = $.child(div_6);
-                  $.action(time_1, ($$node, $$action_arg) => setContent == null ? void 0 : setContent($$node, $$action_arg), () => $_intlDayHeader().format($.get(item1)));
+                  $.action(time_1, ($$node, $$action_arg) => setContent?.($$node, $$action_arg), () => $_intlDayHeader().format($.get(item1)));
                   $.reset(div_6);
                   $.template_effect(
                     ($0, $1, $2, $3) => {
@@ -5016,10 +4958,7 @@ function View$1($$anchor, $$props) {
                       $.set_attribute(time_1, "aria-label", `${resourceLabels[i] ?? ""}${$3 ?? ""}`);
                     },
                     [
-                      () => {
-                        var _a;
-                        return (_a = $theme().weekdays) == null ? void 0 : _a[$.get(item1).getUTCDay()];
-                      },
+                      () => $theme().weekdays?.[$.get(item1).getUTCDay()],
                       () => datesEqual($.get(item1), $_today()) ? " " + $theme().today : "",
                       () => toISOString($.get(item1), 10),
                       () => $_intlDayHeaderAL().format($.get(item1))
@@ -5232,10 +5171,10 @@ function nestedResources(state) {
 var root$7 = $.from_html(`<span></span>`);
 function Label($$anchor, $$props) {
   $.push($$props, true);
-  const [$$stores, $$cleanup] = $.setup_stores();
   const $resourceLabelContent = () => $.store_get(resourceLabelContent, "$resourceLabelContent", $$stores);
   const $_resHs = () => $.store_get(_resHs, "$_resHs", $$stores);
   const $resourceLabelDidMount = () => $.store_get(resourceLabelDidMount, "$resourceLabelDidMount", $$stores);
+  const [$$stores, $$cleanup] = $.setup_stores();
   let date = $.prop($$props, "date", 3, void 0);
   let { resourceLabelContent, resourceLabelDidMount, _resHs } = getContext("state");
   let el = $.state(void 0);
@@ -5267,7 +5206,7 @@ function Label($$anchor, $$props) {
   });
   var span = root$7();
   $.bind_this(span, ($$value) => $.set(el, $$value), () => $.get(el));
-  $.action(span, ($$node, $$action_arg) => setContent == null ? void 0 : setContent($$node, $$action_arg), () => $.get(content));
+  $.action(span, ($$node, $$action_arg) => setContent?.($$node, $$action_arg), () => $.get(content));
   $.append($$anchor, span);
   $.pop();
   $$cleanup();
@@ -5283,8 +5222,8 @@ 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();
   const $theme = () => $.store_get(theme, "$theme", $$stores);
+  const [$$stores, $$cleanup] = $.setup_stores();
   let { resources, theme } = getContext("state");
   let payload = $.state({});
   let expanded = $.state(true);
@@ -5334,8 +5273,7 @@ function Expander($$anchor, $$props) {
       $.append($$anchor2, button);
     };
     $.if(node_1, ($$render) => {
-      var _a;
-      if ((_a = $.get(payload).children) == null ? void 0 : _a.length) $$render(consequent_1);
+      if ($.get(payload).children?.length) $$render(consequent_1);
     });
   }
   $.reset(span_1);
@@ -5349,7 +5287,6 @@ 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, true);
-  const [$$stores, $$cleanup] = $.setup_stores();
   const $_viewResources = () => $.store_get(_viewResources, "$_viewResources", $$stores);
   const $_resHs = () => $.store_get(_resHs, "$_resHs", $$stores);
   const $_bodyEl = () => $.store_get(_bodyEl, "$_bodyEl", $$stores);
@@ -5358,6 +5295,7 @@ function Sidebar($$anchor, $$props) {
   const $_sidebarEl = () => $.store_get(_sidebarEl, "$_sidebarEl", $$stores);
   const $_daysHs = () => $.store_get(_daysHs, "$_daysHs", $$stores);
   const $_nestedResources = () => $.store_get(_nestedResources, "$_nestedResources", $$stores);
+  const [$$stores, $$cleanup] = $.setup_stores();
   let {
     _viewResources,
     _headerHeight,
@@ -5434,7 +5372,6 @@ 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();
   const $theme = () => $.store_get(theme, "$theme", $$stores);
   const $_headerEl = () => $.store_get(_headerEl, "$_headerEl", $$stores);
   const $_viewDates = () => $.store_get(_viewDates, "$_viewDates", $$stores);
@@ -5443,6 +5380,7 @@ function Header($$anchor, $$props) {
   const $_intlDayHeaderAL = () => $.store_get(_intlDayHeaderAL, "$_intlDayHeaderAL", $$stores);
   const $_intlDayHeader = () => $.store_get(_intlDayHeader, "$_intlDayHeader", $$stores);
   const $_dayTimes = () => $.store_get(_dayTimes, "$_dayTimes", $$stores);
+  const [$$stores, $$cleanup] = $.setup_stores();
   let {
     _headerEl,
     _headerHeight,
@@ -5465,13 +5403,13 @@ function Header($$anchor, $$props) {
         var fragment = root_2$1();
         var div_3 = $.first_child(fragment);
         var time_1 = $.child(div_3);
-        $.action(time_1, ($$node, $$action_arg) => setContent == null ? void 0 : setContent($$node, $$action_arg), () => $_intlDayHeader().format($.get(date)));
+        $.action(time_1, ($$node, $$action_arg) => setContent?.($$node, $$action_arg), () => $_intlDayHeader().format($.get(date)));
         $.reset(div_3);
         var div_4 = $.sibling(div_3, 2);
         $.each(div_4, 5, () => $_dayTimes()[$.get(date).getTime()], $.index, ($$anchor4, time) => {
           var div_5 = root_3();
           var time_2 = $.child(div_5);
-          $.action(time_2, ($$node, $$action_arg) => setContent == null ? void 0 : setContent($$node, $$action_arg), () => $.get(time)[1]);
+          $.action(time_2, ($$node, $$action_arg) => setContent?.($$node, $$action_arg), () => $.get(time)[1]);
           $.reset(div_5);
           $.template_effect(() => {
             $.set_class(div_5, 1, `${$theme().time ?? ""}${$.get(time)[2] ? "" : " " + $theme().minor}`);
@@ -5497,7 +5435,7 @@ function Header($$anchor, $$props) {
       var alternate = ($$anchor3) => {
         var div_6 = root_4();
         var time_3 = $.child(div_6);
-        $.action(time_3, ($$node, $$action_arg) => setContent == null ? void 0 : setContent($$node, $$action_arg), () => $_intlDayHeader().format($.get(date)));
+        $.action(time_3, ($$node, $$action_arg) => setContent?.($$node, $$action_arg), () => $_intlDayHeader().format($.get(date)));
         $.reset(div_6);
         $.template_effect(
           ($0, $1) => {
@@ -5519,10 +5457,7 @@ function Header($$anchor, $$props) {
     }
     $.reset(div_2);
     $.template_effect(($0, $1) => $.set_class(div_2, 1, `${$theme().day ?? ""} ${$0 ?? ""}${$1 ?? ""}`), [
-      () => {
-        var _a;
-        return (_a = $theme().weekdays) == null ? void 0 : _a[$.get(date).getUTCDay()];
-      },
+      () => $theme().weekdays?.[$.get(date).getUTCDay()],
       () => datesEqual($.get(date), $_today()) ? " " + $theme().today : ""
     ]);
     $.append($$anchor2, div_2);
@@ -5531,7 +5466,7 @@ function Header($$anchor, $$props) {
   var div_7 = $.sibling(div_1, 2);
   $.reset(div);
   $.bind_this(div, ($$value) => $.store_set(_headerEl, $$value), () => $_headerEl());
-  $.action(div, ($$node, $$action_arg) => observeResize == null ? void 0 : observeResize($$node, $$action_arg), () => () => $.store_set(_headerHeight, $_headerEl().clientHeight));
+  $.action(div, ($$node, $$action_arg) => observeResize?.($$node, $$action_arg), () => () => $.store_set(_headerHeight, $_headerEl().clientHeight));
   $.template_effect(() => {
     $.set_class(div, 1, $theme().header);
     $.set_class(div_1, 1, $theme().days);
@@ -5638,7 +5573,7 @@ function repositionEvent(chunk, dayChunks, longChunks, height2, allDay) {
   chunk.bottom = height2;
   let margin = 1;
   let key = chunk.date.getTime();
-  longChunks = (longChunks == null ? void 0 : longChunks[key]) ?? [];
+  longChunks = longChunks?.[key] ?? [];
   let chunks = [...dayChunks, ...longChunks];
   chunks.sort((a, b) => (a.top ?? 0) - (b.top ?? 0) || a.start - b.start || b.event.allDay - a.event.allDay);
   for (let dayChunk of chunks) {
@@ -5659,9 +5594,9 @@ function getSlotTimeLimits($_dayTimeLimits, date) {
 }
 function Event($$anchor, $$props) {
   $.push($$props, true);
-  const [$$stores, $$cleanup] = $.setup_stores();
   const $slotWidth = () => $.store_get(slotWidth, "$slotWidth", $$stores);
   const $slotDuration = () => $.store_get(slotDuration, "$slotDuration", $$stores);
+  const [$$stores, $$cleanup] = $.setup_stores();
   let dayChunks = $.prop($$props, "dayChunks", 19, () => []), longChunks = $.prop($$props, "longChunks", 19, () => ({})), resource = $.prop($$props, "resource", 3, void 0);
   let { slotDuration, slotWidth } = getContext("state");
   let el = $.state(void 0);
@@ -5694,6 +5629,7 @@ function Event($$anchor, $$props) {
     $.set(margin, repositionEvent($$props.chunk, dayChunks(), longChunks(), h, !toSeconds($slotDuration())), true);
     return $.get(margin) + h;
   }
+  var $$exports = { reposition };
   var fragment = $.comment();
   var node = $.first_child(fragment);
   {
@@ -5720,7 +5656,7 @@ function Event($$anchor, $$props) {
     });
   }
   $.append($$anchor, fragment);
-  var $$pop = $.pop({ reposition });
+  var $$pop = $.pop($$exports);
   $$cleanup();
   return $$pop;
 }
@@ -5728,7 +5664,6 @@ 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();
   const $_today = () => $.store_get(_today, "$_today", $$stores);
   const $highlightedDates = () => $.store_get(highlightedDates, "$highlightedDates", $$stores);
   const $validRange = () => $.store_get(validRange, "$validRange", $$stores);
@@ -5737,6 +5672,7 @@ function Day($$anchor, $$props) {
   const $slotWidth = () => $.store_get(slotWidth, "$slotWidth", $$stores);
   const $theme = () => $.store_get(theme, "$theme", $$stores);
   const $_interaction = () => $.store_get(_interaction, "$_interaction", $$stores);
+  const [$$stores, $$cleanup] = $.setup_stores();
   let iChunks = $.prop($$props, "iChunks", 19, () => []);
   let {
     highlightedDates,
@@ -5777,10 +5713,10 @@ function Day($$anchor, $$props) {
   function reposition() {
     return max(...runReposition(refs, $.get(dayChunks)));
   }
+  var $$exports = { reposition };
   var div = root$3();
   div.__pointerdown = function(...$$args) {
-    var _a, _b;
-    (_b = (_a = $_interaction().action) == null ? void 0 : _a.select) == null ? void 0 : _b.apply(this, $$args);
+    $_interaction().action?.select?.apply(this, $$args);
   };
   var div_1 = $.child(div);
   var node = $.child(div_1);
@@ -5826,7 +5762,7 @@ function Day($$anchor, $$props) {
             }
           }),
           ($$value, i2) => refs[i2] = $$value,
-          (i2) => refs == null ? void 0 : refs[i2],
+          (i2) => refs?.[i2],
           () => [$.get(i)]
         );
       });
@@ -5862,15 +5798,12 @@ function Day($$anchor, $$props) {
       $.set_class(div_1, 1, $theme().events);
     },
     [
-      () => {
-        var _a;
-        return (_a = $theme().weekdays) == null ? void 0 : _a[$$props.date.getUTCDay()];
-      },
+      () => $theme().weekdays?.[$$props.date.getUTCDay()],
       () => $.get(allDay) ? null : ceil((toSeconds($.get(slotTimeLimits2).max) - toSeconds($.get(slotTimeLimits2).min)) / toSeconds($slotDuration()))
     ]
   );
   $.append($$anchor, div);
-  var $$pop = $.pop({ reposition });
+  var $$pop = $.pop($$exports);
   $$cleanup();
   return $$pop;
 }
@@ -5878,7 +5811,6 @@ $.delegate(["pointerdown"]);
 var root$2 = $.from_html(`<div role="row"></div>`);
 function Days($$anchor, $$props) {
   $.push($$props, true);
-  const [$$stores, $$cleanup] = $.setup_stores();
   const $_viewDates = () => $.store_get(_viewDates, "$_viewDates", $$stores);
   const $validRange = () => $.store_get(validRange, "$validRange", $$stores);
   const $_dayTimeLimits = () => $.store_get(_dayTimeLimits, "$_dayTimeLimits", $$stores);
@@ -5889,6 +5821,7 @@ function Days($$anchor, $$props) {
   const $_daysHs = () => $.store_get(_daysHs, "$_daysHs", $$stores);
   const $theme = () => $.store_get(theme, "$theme", $$stores);
   const $_resHs = () => $.store_get(_resHs, "$_resHs", $$stores);
+  const [$$stores, $$cleanup] = $.setup_stores();
   let {
     _viewDates,
     _filteredEvents,
@@ -5947,6 +5880,7 @@ function Days($$anchor, $$props) {
     $_daysHs().set($$props.resource, ceil(max(...runReposition(refs, $_viewDates()))) + 10);
     $.store_set(_daysHs, $_daysHs());
   }
+  var $$exports = { reposition };
   var div = root$2();
   $.each(div, 5, $_viewDates, $.index, ($$anchor2, date, i) => {
     $.bind_this(
@@ -5971,7 +5905,7 @@ function Days($$anchor, $$props) {
         }
       }),
       ($$value, i2) => refs[i2] = $$value,
-      (i2) => refs == null ? void 0 : refs[i2],
+      (i2) => refs?.[i2],
       () => [i]
     );
   });
@@ -5986,7 +5920,7 @@ function Days($$anchor, $$props) {
     ]
   );
   $.append($$anchor, div);
-  var $$pop = $.pop({ reposition });
+  var $$pop = $.pop($$exports);
   $$cleanup();
   return $$pop;
 }
@@ -5994,7 +5928,6 @@ 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();
   const $_dayTimeLimits = () => $.store_get(_dayTimeLimits, "$_dayTimeLimits", $$stores);
   const $_viewDates = () => $.store_get(_viewDates, "$_viewDates", $$stores);
   const $_bodyEl = () => $.store_get(_bodyEl, "$_bodyEl", $$stores);
@@ -6008,6 +5941,7 @@ function Body($$anchor, $$props) {
   const $_sidebarEl = () => $.store_get(_sidebarEl, "$_sidebarEl", $$stores);
   const $theme = () => $.store_get(theme, "$theme", $$stores);
   const $_dayTimes = () => $.store_get(_dayTimes, "$_dayTimes", $$stores);
+  const [$$stores, $$cleanup] = $.setup_stores();
   let {
     _bodyEl,
     _bodyHeight,
@@ -6081,14 +6015,14 @@ function Body($$anchor, $$props) {
         }
       }),
       ($$value, i2) => refs[i2] = $$value,
-      (i2) => refs == null ? void 0 : refs[i2],
+      (i2) => refs?.[i2],
       () => [i]
     );
   });
   $.reset(div_1);
   $.reset(div);
   $.bind_this(div, ($$value) => $.store_set(_bodyEl, $$value), () => $_bodyEl());
-  $.action(div, ($$node, $$action_arg) => observeResize == null ? void 0 : observeResize($$node, $$action_arg), () => onresize);
+  $.action(div, ($$node, $$action_arg) => observeResize?.($$node, $$action_arg), () => onresize);
   $.template_effect(() => {
     $.set_class(div, 1, $theme().body);
     $.set_class(div_1, 1, $theme().content);
@@ -6102,7 +6036,6 @@ function Body($$anchor, $$props) {
 var root_1 = $.from_html(`<div></div>`);
 function NowIndicator($$anchor, $$props) {
   $.push($$props, true);
-  const [$$stores, $$cleanup] = $.setup_stores();
   const $_viewDates = () => $.store_get(_viewDates, "$_viewDates", $$stores);
   const $_dayTimeLimits = () => $.store_get(_dayTimeLimits, "$_dayTimeLimits", $$stores);
   const $_today = () => $.store_get(_today, "$_today", $$stores);
@@ -6114,6 +6047,7 @@ function NowIndicator($$anchor, $$props) {
   const $theme = () => $.store_get(theme, "$theme", $$stores);
   const $_headerHeight = () => $.store_get(_headerHeight, "$_headerHeight", $$stores);
   const $_bodyHeight = () => $.store_get(_bodyHeight, "$_bodyHeight", $$stores);
+  const [$$stores, $$cleanup] = $.setup_stores();
   let {
     slotDuration,
     slotWidth,
@@ -6179,9 +6113,9 @@ function NowIndicator($$anchor, $$props) {
 var root = $.from_html(`<div><!> <div><!> <!> <!></div></div>`);
 function View($$anchor, $$props) {
   $.push($$props, false);
-  const [$$stores, $$cleanup] = $.setup_stores();
   const $theme = () => $.store_get(theme, "$theme", $$stores);
   const $nowIndicator = () => $.store_get(nowIndicator, "$nowIndicator", $$stores);
+  const [$$stores, $$cleanup] = $.setup_stores();
   let { nowIndicator, theme } = getContext("state");
   $.init();
   var div = root();