npm - @event-calendar/core - Versions diffs - 4.5.2 → 4.6.0 - Mend

@event-calendar/core 4.5.2 → 4.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/README.md +49 -3
package/dist/index.css +1 -1
package/dist/index.js +46 -20
package/package.json +1 -1
package/src/lib/events.js +21 -5
package/src/plugins/day-grid/Week.svelte +5 -5
package/src/plugins/list/Day.svelte +2 -2
package/src/plugins/resource-timeline/Days.svelte +5 -6
package/src/plugins/resource-timeline/lib.js +2 -2
package/src/plugins/time-grid/Day.svelte +2 -2
package/src/plugins/time-grid/all-day/Day.svelte +1 -1
package/src/plugins/time-grid/all-day/Week.svelte +6 -5
package/src/plugins/time-grid/utils.js +2 -2
package/src/storage/options.js +1 -0

package/README.md CHANGED Viewed

@@ -66,13 +66,14 @@ Inspired by [FullCalendar](https://fullcalendar.io/), it implements similar opti
   - [eventDragStart](#eventdragstart)
   - [eventDragStop](#eventdragstop)
   - [eventDrop](#eventdrop)
+  - [eventDurationEditable](#eventdurationeditable)
   </td><td>
-  - [eventDurationEditable](#eventdurationeditable)
   - [eventFilter](#eventfilter)
   - [eventLongPressDelay](#eventlongpressdelay)
   - [eventMouseEnter](#eventmouseenter)
   - [eventMouseLeave](#eventmouseleave)
+  - [eventOrder](#eventorder)
   - [eventResizableFromStart](#eventresizablefromstart)
   - [eventResize](#eventresize)
   - [eventResizeStart](#eventresizestart)
@@ -243,8 +244,8 @@ This bundle contains a version of the calendar that includes all plugins and is
 The first step is to include the following lines of code in the `<head>` section of your page:
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.5.2/dist/event-calendar.min.css">
-<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.5.2/dist/event-calendar.min.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.6.0/dist/event-calendar.min.css">
+<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.6.0/dist/event-calendar.min.js"></script>
 ```
 <details>
@@ -1286,6 +1287,51 @@ The current [View](#view-object) object
 </tr>
 </table>
+### eventOrder
+- Type `function`
+- Default `undefined`
+A function that determines the order in which events that visually intersect in the current view are displayed.
+When `eventOrder` is not specified, events are ordered by start time with all-day events appearing first.
+```js
+function (a, b) {
+    // Return a negative value if 'a' should come before 'b'
+    // Return a positive value if 'a' should come after 'b'
+    // Return zero if 'a' and 'b' are equal
+}
+```
+`a` and `b` are objects (so called `event chunks`) with the following properties:
+<table>
+<tr>
+<td>
+`start`
+</td>
+<td>JavaScript Date object holding the event chunk’s start time</td>
+</tr>
+<tr>
+<td>
+`end`
+</td>
+<td>JavaScript Date object holding the event chunk’s end time</td>
+</tr>
+<tr>
+<td>
+`event`
+</td>
+<td>
+The [Event](#event-object) object associated with this chunk
+</td>
+</tr>
+</table>
 ### eventResizableFromStart
 - Type `boolean`
 - Default `false`

package/dist/index.css CHANGED Viewed

@@ -1,5 +1,5 @@
 /*!
- * EventCalendar v4.5.2
+ * EventCalendar v4.6.0
  * https://github.com/vkurko/calendar
  */
 .ec {

package/dist/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /*!
- * EventCalendar v4.5.2
+ * EventCalendar v4.6.0
  * https://github.com/vkurko/calendar
  */
 import { tick, getContext, untrack, setContext, onMount, mount, unmount } from "svelte";
@@ -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 = [];
@@ -831,6 +846,7 @@ function createOptions(plugins) {
     // ec option
     eventMouseEnter: void 0,
     eventMouseLeave: void 0,
+    eventOrder: void 0,
     eventSources: [],
     eventTextColor: void 0,
     eventTimeFormat: {
@@ -2613,12 +2629,14 @@ function Week$1($$anchor, $$props) {
   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);
   let {
     _filteredEvents,
     _iEvents,
     resources,
+    eventOrder,
     filterEventsWithResources,
     hiddenDays,
     theme,
@@ -2642,15 +2660,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;
     }
@@ -3743,6 +3761,7 @@ function Day$3($$anchor, $$props) {
   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);
@@ -3754,6 +3773,7 @@ function Day$3($$anchor, $$props) {
     _intlListDaySide,
     _today,
     resources,
+    eventOrder,
     filterEventsWithResources,
     highlightedDates,
     theme,
@@ -3775,7 +3795,7 @@ function Day$3($$anchor, $$props) {
           chunks2.push(chunk);
         }
       }
-      sortEventChunks(chunks2);
+      sortEventChunks(chunks2, $eventOrder());
     }
     return chunks2;
   });
@@ -3979,11 +3999,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
@@ -4247,6 +4267,7 @@ 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);
@@ -4262,6 +4283,7 @@ function Day$2($$anchor, $$props) {
     slotDuration,
     slotHeight,
     filterEventsWithResources,
+    eventOrder,
     theme,
     resources,
     validRange,
@@ -4294,7 +4316,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(() => {
@@ -4600,11 +4622,13 @@ function Week($$anchor, $$props) {
   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);
   let resource = $.prop($$props, "resource", 3, void 0);
   let {
     _filteredEvents,
     _iEvents,
+    eventOrder,
     hiddenDays,
     resources,
     filterEventsWithResources,
@@ -4627,8 +4651,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 +4666,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;
     }
@@ -5517,11 +5541,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) {
@@ -5860,6 +5884,7 @@ function Days($$anchor, $$props) {
   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);
@@ -5871,6 +5896,7 @@ function Days($$anchor, $$props) {
     _dayTimeLimits,
     _daysHs,
     _resHs,
+    eventOrder,
     slotDuration,
     theme,
     validRange
@@ -5903,15 +5929,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;
     }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@event-calendar/core",
-  "version": "4.5.2",
+  "version": "4.6.0",
   "title": "Event Calendar Core package",
   "description": "Full-sized drag & drop event calendar with resource & timeline views",
   "keywords": [

package/src/lib/events.js CHANGED Viewed

@@ -66,9 +66,25 @@ export function createEventChunk(event, start, end) {
     return chunk;
 }
-export function sortEventChunks(chunks) {
-    // Sort by start date (all-day events always on top)
-    chunks.sort((a, b) => a.start - b.start || b.event.allDay - a.event.allDay);
+export function sortEventChunks(chunks, eventOrder) {
+    if (isFunction(eventOrder)) {
+        chunks.sort((a, b) => eventOrder(
+            _toChunkWithLocalDates(a),
+            _toChunkWithLocalDates(b)
+        ));
+    } else {
+        // Sort by start date (all-day events always on top)
+        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)
+    };
 }
 export function createEventContent(chunk, displayEventEnd, eventContent, theme, _intlEventTime, _view) {
@@ -156,11 +172,11 @@ function _cloneEvent(event, dateFn) {
 /**
  * Prepare event chunks for month view and all-day slot in week view
  */
-export function prepareEventChunks(chunks, hiddenDays) {
+export function prepareEventChunks(chunks, hiddenDays, eventOrder) {
     let longChunks = {};
     if (chunks.length) {
-        sortEventChunks(chunks);
+        sortEventChunks(chunks, eventOrder);
         let prevChunk;
         for (let chunk of chunks) {

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

@@ -8,8 +8,8 @@
     let {dates} = $props();
-    let {_filteredEvents, _iEvents,
-        resources, filterEventsWithResources, hiddenDays, theme, validRange } = getContext('state');
+    let {_filteredEvents, _iEvents, resources, eventOrder, filterEventsWithResources, hiddenDays, theme,
+        validRange} = getContext('state');
     let refs = [];
@@ -31,8 +31,8 @@
                 }
             }
         }
-        prepareEventChunks(bgChunks, $hiddenDays);
-        let longChunks = prepareEventChunks(chunks, $hiddenDays);
+        prepareEventChunks(bgChunks, $hiddenDays, $eventOrder);
+        let longChunks = prepareEventChunks(chunks, $hiddenDays, $eventOrder);
         return [chunks, bgChunks, longChunks];
     });
@@ -40,7 +40,7 @@
         let chunk;
         if (event && eventIntersects(event, start, end)) {
             chunk = createEventChunk(event, start, end);
-            prepareEventChunks([chunk], $hiddenDays);
+            prepareEventChunks([chunk], $hiddenDays, $eventOrder);
         } else {
             chunk = null;
         }

package/src/plugins/list/Day.svelte CHANGED Viewed

@@ -9,7 +9,7 @@
     let {date} = $props();
     let {_filteredEvents, _interaction, _intlListDay, _intlListDaySide, _today,
-        resources, filterEventsWithResources, highlightedDates, theme, validRange} = getContext('state');
+        resources, eventOrder, filterEventsWithResources, highlightedDates, theme, validRange} = getContext('state');
     let el = $state();
     let isToday = $derived(datesEqual(date, $_today));
@@ -28,7 +28,7 @@
                     chunks.push(chunk);
                 }
             }
-            sortEventChunks(chunks);
+            sortEventChunks(chunks, $eventOrder);
         }
         return chunks;
     });

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

@@ -9,9 +9,8 @@
     let {resource} = $props();
-    let {
-        _viewDates, _filteredEvents, _iEvents, _dayTimeLimits, _daysHs, _resHs, slotDuration, theme, validRange
-    } = getContext('state');
+    let {_viewDates, _filteredEvents, _iEvents, _dayTimeLimits, _daysHs, _resHs,
+        eventOrder, slotDuration, theme, validRange} = getContext('state');
     let refs = [];
@@ -43,8 +42,8 @@
                 }
             }
         }
-        [bgChunks] = prepareEventChunks(bgChunks, $_viewDates, $_dayTimeLimits, $slotDuration);
-        [chunks, longChunks] = prepareEventChunks(chunks, $_viewDates, $_dayTimeLimits, $slotDuration);
+        [bgChunks] = prepareEventChunks(bgChunks, $_viewDates, $_dayTimeLimits, $slotDuration, $eventOrder);
+        [chunks, longChunks] = prepareEventChunks(chunks, $_viewDates, $_dayTimeLimits, $slotDuration, $eventOrder);
         return [chunks, bgChunks, longChunks];
     });
@@ -52,7 +51,7 @@
         let chunk;
         if (event && eventIntersects(event, start, end, resource)) {
             chunk = createEventChunk(event, start, end);
-            [[chunk]] = prepareEventChunks([chunk], $_viewDates, $_dayTimeLimits, $slotDuration);
+            [[chunk]] = prepareEventChunks([chunk], $_viewDates, $_dayTimeLimits, $slotDuration, $eventOrder);
         } else {
             chunk = null;
         }

package/src/plugins/resource-timeline/lib.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import {addDay, addDuration, cloneDate, createDuration, datesEqual, sortEventChunks, toSeconds} from '#lib';
-export function prepareEventChunks(chunks, $_viewDates, $_dayTimeLimits, $slotDuration) {
+export 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;

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

@@ -11,7 +11,7 @@
     let {date, resource = undefined} = $props();
     let {_filteredEvents, _iEvents, highlightedDates, nowIndicator, slotDuration, slotHeight, filterEventsWithResources,
-        theme, resources, validRange, _interaction, _today, _slotTimeLimits} = getContext('state');
+        eventOrder, theme, resources, validRange, _interaction, _today, _slotTimeLimits} = getContext('state');
     let el = $state();
@@ -39,7 +39,7 @@
                 }
             }
         }
-        groupEventChunks(chunks);
+        groupEventChunks(chunks, $eventOrder);
         return [chunks, bgChunks];
     });

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

@@ -1,6 +1,6 @@
 <script>
     import {getContext, onMount} from 'svelte';
-    import {datesEqual, outsideRange, runReposition, setPayload} from '../../../lib';
+    import {datesEqual, outsideRange, runReposition, setPayload} from '#lib';
     import Event from './Event.svelte';
     let {date, chunks, bgChunks, longChunks, iChunks = [], resource = undefined} = $props();

package/src/plugins/time-grid/all-day/Week.svelte CHANGED Viewed

@@ -2,12 +2,13 @@
     import {getContext, untrack} from 'svelte';
     import {
         addDay, bgEvent, cloneDate, createEventChunk, eventIntersects, limitToRange, prepareEventChunks, runReposition
-    } from '../../../lib';
+    } from '#lib';
     import Day from './Day.svelte';
     let {dates, resource = undefined} = $props();
-    let {_filteredEvents, _iEvents, hiddenDays, resources, filterEventsWithResources, validRange } = getContext('state');
+    let {_filteredEvents, _iEvents, eventOrder, hiddenDays, resources, filterEventsWithResources,
+        validRange} = getContext('state');
     let refs = [];
@@ -31,8 +32,8 @@
                 }
             }
         }
-        prepareEventChunks(bgChunks, $hiddenDays);
-        let longChunks = prepareEventChunks(chunks, $hiddenDays);
+        prepareEventChunks(bgChunks, $hiddenDays, $eventOrder);
+        let longChunks = prepareEventChunks(chunks, $hiddenDays, $eventOrder);
         return [chunks, bgChunks, longChunks];
     });
@@ -48,7 +49,7 @@
         let chunk;
         if (event && event.allDay && eventIntersects(event, start, end, resource)) {
             chunk = createEventChunk(event, start, end);
-            prepareEventChunks([chunk], $hiddenDays);
+            prepareEventChunks([chunk], $hiddenDays, $eventOrder);
         } else {
             chunk = null;
         }

package/src/plugins/time-grid/utils.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import {isFunction, sortEventChunks} from '#lib';
-export function groupEventChunks(chunks) {
+export function groupEventChunks(chunks, $eventOrder) {
     if (!chunks.length) {
         return;
     }
-    sortEventChunks(chunks);
+    sortEventChunks(chunks, $eventOrder);
     // Group
     let group = {

package/src/storage/options.js CHANGED Viewed

@@ -33,6 +33,7 @@ export function createOptions(plugins) {
         eventFilter: undefined,    // ec option
         eventMouseEnter: undefined,
         eventMouseLeave: undefined,
+        eventOrder: undefined,
         eventSources: [],
         eventTextColor: undefined,
         eventTimeFormat: {