@event-calendar/core 4.5.2 → 4.7.0

package/dist/index.js

@@ -1,5 +1,5 @@
 /*!
- * EventCalendar v4.5.2
+ * EventCalendar v4.7.0
  * https://github.com/vkurko/calendar
  */
 import { tick, getContext, untrack, setContext, onMount, mount, unmount } from "svelte";
@@ -18,9 +18,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 +251,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 +264,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];
@@ -395,8 +395,23 @@ function createEventChunk(event, start, end) {
   chunk.zeroDuration = datesEqual(chunk.start, chunk.end);
   return chunk;
 }
-function sortEventChunks(chunks) {
-  chunks.sort((a, b) => a.start - b.start || b.event.allDay - a.event.allDay);
+function sortEventChunks(chunks, eventOrder) {
+  if (isFunction(eventOrder)) {
+    chunks.sort((a, b) => eventOrder(
+      _toChunkWithLocalDates(a),
+      _toChunkWithLocalDates(b)
+    ));
+  } else {
+    chunks.sort((a, b) => a.start - b.start || b.event.allDay - a.event.allDay);
+  }
+}
+function _toChunkWithLocalDates(chunk) {
+  return {
+    ...chunk,
+    start: toLocalDate(chunk.start),
+    end: toLocalDate(chunk.end),
+    event: toEventWithLocalDates(chunk.event)
+  };
 }
 function createEventContent(chunk, displayEventEnd, eventContent, theme, _intlEventTime, _view) {
   let timeText = _intlEventTime.formatRange(
@@ -466,10 +481,10 @@ function _cloneEvent(event, dateFn) {
   event.end = dateFn(event.end);
   return event;
 }
-function prepareEventChunks$1(chunks, hiddenDays) {
+function prepareEventChunks$1(chunks, hiddenDays, eventOrder) {
   let longChunks = {};
   if (chunks.length) {
-    sortEventChunks(chunks);
+    sortEventChunks(chunks, eventOrder);
     let prevChunk;
     for (let chunk of chunks) {
       let dates = [];
@@ -540,11 +555,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;
 }
@@ -656,12 +670,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));
@@ -769,7 +781,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);
@@ -798,8 +810,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,
@@ -831,6 +843,7 @@ function createOptions(plugins) {
     // ec option
     eventMouseEnter: void 0,
     eventMouseLeave: void 0,
+    eventOrder: void 0,
     eventSources: [],
     eventTextColor: void 0,
     eventTimeFormat: {
@@ -924,12 +937,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,
@@ -946,7 +958,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;
 }
@@ -960,7 +972,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(
@@ -1134,7 +1146,6 @@ function today(state) {
 }
 class State {
   constructor(plugins, input) {
-    var _a, _b;
     plugins = plugins || [];
     let options = createOptions(plugins);
     let parsers = createParsers(plugins);
@@ -1180,7 +1191,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);
@@ -1188,14 +1199,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;
@@ -1247,7 +1258,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]);
       }
@@ -1274,7 +1285,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);
@@ -1286,6 +1296,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,
@@ -1355,7 +1366,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);
       };
@@ -1418,10 +1429,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);
                       };
@@ -1510,15 +1520,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;
   });
@@ -1567,7 +1576,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);
@@ -1577,6 +1585,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,
@@ -1644,7 +1653,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);
@@ -1656,6 +1664,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);
@@ -1733,8 +1742,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) {
@@ -1755,6 +1763,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;
@@ -1779,21 +1802,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;
 }
@@ -1819,11 +1828,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();
@@ -1831,7 +1840,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) => {
@@ -1839,10 +1848,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))
       ]
     );
@@ -1864,7 +1870,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);
@@ -1879,6 +1884,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,
@@ -1930,21 +1936,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);
     };
@@ -1974,12 +1977,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();
@@ -1988,20 +1989,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);
@@ -2079,10 +2076,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);
@@ -2151,6 +2148,7 @@ function Event$4($$anchor, $$props) {
     }
     return h;
   }
+  var $$exports = { reposition };
   InteractableEvent($$anchor, {
     get chunk() {
       return $$props.chunk;
@@ -2171,20 +2169,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,
@@ -2247,29 +2245,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);
@@ -2284,7 +2278,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);
@@ -2310,7 +2304,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);
@@ -2324,6 +2317,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,
@@ -2401,9 +2395,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));
@@ -2424,19 +2417,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);
     };
@@ -2531,7 +2524,7 @@ function Day$4($$anchor, $$props) {
             }
           }),
           ($$value, i2) => refs[i2] = $$value,
-          (i2) => refs == null ? void 0 : refs[i2],
+          (i2) => refs?.[i2],
           () => [$.get(i)]
         );
       });
@@ -2558,20 +2551,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) => {
@@ -2591,15 +2581,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;
 }
@@ -2607,18 +2594,20 @@ $.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);
   const $resources = () => $.store_get(resources, "$resources", $$stores);
   const $hiddenDays = () => $.store_get(hiddenDays, "$hiddenDays", $$stores);
+  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,
     resources,
+    eventOrder,
     filterEventsWithResources,
     hiddenDays,
     theme,
@@ -2642,15 +2631,15 @@ function Week$1($$anchor, $$props) {
         }
       }
     }
-    prepareEventChunks$1(bgChunks2, $hiddenDays());
-    let longChunks2 = prepareEventChunks$1(chunks2, $hiddenDays());
+    prepareEventChunks$1(bgChunks2, $hiddenDays(), $eventOrder());
+    let longChunks2 = prepareEventChunks$1(chunks2, $hiddenDays(), $eventOrder());
     return [chunks2, bgChunks2, longChunks2];
   }), $$array = $.derived(() => $.to_array($.get($$d), 3)), chunks = $.derived(() => $.get($$array)[0]), bgChunks = $.derived(() => $.get($$array)[1]), longChunks = $.derived(() => $.get($$array)[2]);
   let iChunks = $.derived(() => $_iEvents().map((event) => {
     let chunk;
     if (event && eventIntersects(event, $.get(start), $.get(end))) {
       chunk = createEventChunk(event, $.get(start), $.get(end));
-      prepareEventChunks$1([chunk], $hiddenDays());
+      prepareEventChunks$1([chunk], $hiddenDays(), $eventOrder());
     } else {
       chunk = null;
     }
@@ -2659,6 +2648,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(
@@ -2683,21 +2673,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);
@@ -2705,6 +2694,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,
@@ -2753,14 +2743,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);
@@ -2834,7 +2824,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);
@@ -2870,6 +2859,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,
@@ -3400,6 +3390,16 @@ function Action($$anchor, $$props) {
       }
     };
   }
+  var $$exports = {
+    draggable,
+    drag,
+    resize,
+    select,
+    noAction,
+    handleScroll,
+    unselect,
+    noClick
+  };
   $.init();
   $.event("pointermove", $.window, handlePointerMove);
   $.event("pointerup", $.window, handlePointerUp);
@@ -3407,13 +3407,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);
@@ -3424,24 +3422,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(() => {
@@ -3502,9 +3491,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;
 }
@@ -3513,12 +3503,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,
@@ -3531,10 +3521,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);
@@ -3543,8 +3530,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);
@@ -3561,8 +3547,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);
@@ -3579,13 +3564,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,
@@ -3614,24 +3599,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);
@@ -3687,9 +3665,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"];
@@ -3712,10 +3690,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;
@@ -3736,17 +3711,18 @@ 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);
   const $_filteredEvents = () => $.store_get(_filteredEvents, "$_filteredEvents", $$stores);
   const $filterEventsWithResources = () => $.store_get(filterEventsWithResources, "$filterEventsWithResources", $$stores);
   const $resources = () => $.store_get(resources, "$resources", $$stores);
+  const $eventOrder = () => $.store_get(eventOrder, "$eventOrder", $$stores);
   const $theme = () => $.store_get(theme, "$theme", $$stores);
   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,
@@ -3754,6 +3730,7 @@ function Day$3($$anchor, $$props) {
     _intlListDaySide,
     _today,
     resources,
+    eventOrder,
     filterEventsWithResources,
     highlightedDates,
     theme,
@@ -3775,7 +3752,7 @@ function Day$3($$anchor, $$props) {
           chunks2.push(chunk);
         }
       }
-      sortEventChunks(chunks2);
+      sortEventChunks(chunks2, $eventOrder());
     }
     return chunks2;
   });
@@ -3796,14 +3773,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) => {
@@ -3823,10 +3799,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);
     };
@@ -3848,7 +3821,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);
@@ -3856,6 +3828,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,
@@ -3887,7 +3860,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);
     };
@@ -3979,11 +3952,11 @@ function slotTimeLimits(state) {
     (args) => createSlotTimeLimits(...args)
   );
 }
-function groupEventChunks(chunks) {
+function groupEventChunks(chunks, $eventOrder) {
   if (!chunks.length) {
     return;
   }
-  sortEventChunks(chunks);
+  sortEventChunks(chunks, $eventOrder);
   let group = {
     columns: [],
     end: chunks[0].end
@@ -4032,22 +4005,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]);
@@ -4097,7 +4070,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);
@@ -4105,6 +4077,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,
@@ -4153,7 +4126,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);
@@ -4164,11 +4137,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) => {
@@ -4205,13 +4178,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,
@@ -4239,7 +4212,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);
@@ -4247,12 +4219,14 @@ function Day$2($$anchor, $$props) {
   const $filterEventsWithResources = () => $.store_get(filterEventsWithResources, "$filterEventsWithResources", $$stores);
   const $resources = () => $.store_get(resources, "$resources", $$stores);
   const $_filteredEvents = () => $.store_get(_filteredEvents, "$_filteredEvents", $$stores);
+  const $eventOrder = () => $.store_get(eventOrder, "$eventOrder", $$stores);
   const $_iEvents = () => $.store_get(_iEvents, "$_iEvents", $$stores);
   const $slotDuration = () => $.store_get(slotDuration, "$slotDuration", $$stores);
   const $slotHeight = () => $.store_get(slotHeight, "$slotHeight", $$stores);
   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,
@@ -4262,6 +4236,7 @@ function Day$2($$anchor, $$props) {
     slotDuration,
     slotHeight,
     filterEventsWithResources,
+    eventOrder,
     theme,
     resources,
     validRange,
@@ -4294,7 +4269,7 @@ function Day$2($$anchor, $$props) {
         }
       }
     }
-    groupEventChunks(chunks2);
+    groupEventChunks(chunks2, $eventOrder());
     return [chunks2, bgChunks2];
   }), $$array = $.derived(() => $.to_array($.get($$d), 2)), chunks = $.derived(() => $.get($$array)[0]), bgChunks = $.derived(() => $.get($$array)[1]);
   let iChunks = $.derived(() => {
@@ -4318,8 +4293,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);
@@ -4419,10 +4393,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();
@@ -4451,6 +4422,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;
@@ -4467,18 +4439,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);
@@ -4502,10 +4474,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);
@@ -4562,7 +4534,7 @@ function Day$1($$anchor, $$props) {
             }
           }),
           ($$value, i2) => refs[i2] = $$value,
-          (i2) => refs == null ? void 0 : refs[i2],
+          (i2) => refs?.[i2],
           () => [$.get(i)]
         );
       });
@@ -4581,30 +4553,29 @@ 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);
   const $_filteredEvents = () => $.store_get(_filteredEvents, "$_filteredEvents", $$stores);
   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,
     _iEvents,
+    eventOrder,
     hiddenDays,
     resources,
     filterEventsWithResources,
@@ -4627,8 +4598,8 @@ function Week($$anchor, $$props) {
         }
       }
     }
-    prepareEventChunks$1(bgChunks2, $hiddenDays());
-    let longChunks2 = prepareEventChunks$1(chunks2, $hiddenDays());
+    prepareEventChunks$1(bgChunks2, $hiddenDays(), $eventOrder());
+    let longChunks2 = prepareEventChunks$1(chunks2, $hiddenDays(), $eventOrder());
     return [chunks2, bgChunks2, longChunks2];
   }), $$array = $.derived(() => $.to_array($.get($$d), 3)), chunks = $.derived(() => $.get($$array)[0]), bgChunks = $.derived(() => $.get($$array)[1]), longChunks = $.derived(() => $.get($$array)[2]);
   function reposition() {
@@ -4642,7 +4613,7 @@ function Week($$anchor, $$props) {
     let chunk;
     if (event && event.allDay && eventIntersects(event, $.get(start), $.get(end), resource())) {
       chunk = createEventChunk(event, $.get(start), $.get(end));
-      prepareEventChunks$1([chunk], $hiddenDays());
+      prepareEventChunks$1([chunk], $hiddenDays(), $eventOrder());
     } else {
       chunk = null;
     }
@@ -4674,7 +4645,7 @@ function Week($$anchor, $$props) {
         }
       }),
       ($$value, i2) => refs[i2] = $$value,
-      (i2) => refs == null ? void 0 : refs[i2],
+      (i2) => refs?.[i2],
       () => [i]
     );
   });
@@ -4687,13 +4658,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,
@@ -4713,7 +4684,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) => {
@@ -4722,10 +4693,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))
@@ -4821,10 +4789,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,
@@ -4865,7 +4833,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();
@@ -4884,7 +4852,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);
@@ -4893,6 +4860,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,
@@ -4919,7 +4887,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) => {
@@ -4928,10 +4896,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))
@@ -4983,7 +4948,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) => {
@@ -4992,10 +4957,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))
@@ -5208,10 +5170,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);
@@ -5243,7 +5205,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();
@@ -5259,8 +5221,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);
@@ -5310,8 +5272,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);
@@ -5325,7 +5286,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);
@@ -5334,6 +5294,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,
@@ -5410,7 +5371,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);
@@ -5419,6 +5379,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,
@@ -5441,13 +5402,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}`);
@@ -5473,7 +5434,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) => {
@@ -5495,10 +5456,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);
@@ -5507,7 +5465,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);
@@ -5517,11 +5475,11 @@ function Header($$anchor, $$props) {
   $.pop();
   $$cleanup();
 }
-function prepareEventChunks(chunks, $_viewDates, $_dayTimeLimits, $slotDuration) {
+function prepareEventChunks(chunks, $_viewDates, $_dayTimeLimits, $slotDuration, $eventOrder) {
   let longChunks = {};
   let filteredChunks = [];
   if (chunks.length) {
-    sortEventChunks(chunks);
+    sortEventChunks(chunks, $eventOrder);
     let step = toSeconds($slotDuration);
     let prevChunk;
     for (let chunk of chunks) {
@@ -5614,7 +5572,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) {
@@ -5635,9 +5593,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);
@@ -5670,6 +5628,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);
   {
@@ -5696,7 +5655,7 @@ function Event($$anchor, $$props) {
     });
   }
   $.append($$anchor, fragment);
-  var $$pop = $.pop({ reposition });
+  var $$pop = $.pop($$exports);
   $$cleanup();
   return $$pop;
 }
@@ -5704,7 +5663,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);
@@ -5713,6 +5671,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,
@@ -5753,10 +5712,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);
@@ -5802,7 +5761,7 @@ function Day($$anchor, $$props) {
             }
           }),
           ($$value, i2) => refs[i2] = $$value,
-          (i2) => refs == null ? void 0 : refs[i2],
+          (i2) => refs?.[i2],
           () => [$.get(i)]
         );
       });
@@ -5838,15 +5797,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;
 }
@@ -5854,16 +5810,17 @@ $.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);
   const $_filteredEvents = () => $.store_get(_filteredEvents, "$_filteredEvents", $$stores);
   const $slotDuration = () => $.store_get(slotDuration, "$slotDuration", $$stores);
+  const $eventOrder = () => $.store_get(eventOrder, "$eventOrder", $$stores);
   const $_iEvents = () => $.store_get(_iEvents, "$_iEvents", $$stores);
   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,
@@ -5871,6 +5828,7 @@ function Days($$anchor, $$props) {
     _dayTimeLimits,
     _daysHs,
     _resHs,
+    eventOrder,
     slotDuration,
     theme,
     validRange
@@ -5903,15 +5861,15 @@ function Days($$anchor, $$props) {
         }
       }
     }
-    [bgChunks2] = prepareEventChunks(bgChunks2, $_viewDates(), $_dayTimeLimits(), $slotDuration());
-    [chunks2, longChunks2] = prepareEventChunks(chunks2, $_viewDates(), $_dayTimeLimits(), $slotDuration());
+    [bgChunks2] = prepareEventChunks(bgChunks2, $_viewDates(), $_dayTimeLimits(), $slotDuration(), $eventOrder());
+    [chunks2, longChunks2] = prepareEventChunks(chunks2, $_viewDates(), $_dayTimeLimits(), $slotDuration(), $eventOrder());
     return [chunks2, bgChunks2, longChunks2];
   }), $$array_3 = $.derived(() => $.to_array($.get($$d_1), 3)), chunks = $.derived(() => $.get($$array_3)[0]), bgChunks = $.derived(() => $.get($$array_3)[1]), longChunks = $.derived(() => $.get($$array_3)[2]);
   let iChunks = $.derived(() => $_iEvents().map((event) => {
     let chunk;
     if (event && eventIntersects(event, $.get(start), $.get(end), $$props.resource)) {
       chunk = createEventChunk(event, $.get(start), $.get(end));
-      [[chunk]] = prepareEventChunks([chunk], $_viewDates(), $_dayTimeLimits(), $slotDuration());
+      [[chunk]] = prepareEventChunks([chunk], $_viewDates(), $_dayTimeLimits(), $slotDuration(), $eventOrder());
     } else {
       chunk = null;
     }
@@ -5921,6 +5879,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(
@@ -5945,7 +5904,7 @@ function Days($$anchor, $$props) {
         }
       }),
       ($$value, i2) => refs[i2] = $$value,
-      (i2) => refs == null ? void 0 : refs[i2],
+      (i2) => refs?.[i2],
       () => [i]
     );
   });
@@ -5960,7 +5919,7 @@ function Days($$anchor, $$props) {
     ]
   );
   $.append($$anchor, div);
-  var $$pop = $.pop({ reposition });
+  var $$pop = $.pop($$exports);
   $$cleanup();
   return $$pop;
 }
@@ -5968,7 +5927,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);
@@ -5982,6 +5940,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,
@@ -6055,14 +6014,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);
@@ -6076,7 +6035,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);
@@ -6088,6 +6046,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,
@@ -6153,9 +6112,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();