npm - @event-calendar/core - Versions diffs - 2.5.1 → 2.6.1 - Mend

@event-calendar/core 2.5.1 → 2.6.1

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

Files changed (11) hide show

package/README.md CHANGED Viewed

@@ -4,7 +4,7 @@ See [demo](https://vkurko.github.io/calendar/) and [changelog](CHANGELOG.md).
 Full-sized drag & drop JavaScript event calendar with resource view:
-* Lightweight (32kb [br](https://en.wikipedia.org/wiki/Brotli) compressed)
+* Lightweight (33kb [br](https://en.wikipedia.org/wiki/Brotli) compressed)
 * Zero-dependency (pre-built bundle)
 * Used on over 70,000 websites with [Bookly](https://wordpress.org/plugins/bookly-responsive-appointment-booking-tool/)
@@ -36,6 +36,7 @@ Inspired by [FullCalendar](https://fullcalendar.io/), implements similar options
   - [duration](#duration)
   - [editable](#editable)
   - [events](#events)
+  - [eventAllUpdated](#eventallupdated)
   - [eventBackgroundColor](#eventbackgroundcolor)
   - [eventClassNames](#eventclassnames)
   - [eventClick](#eventclick)
@@ -45,9 +46,9 @@ Inspired by [FullCalendar](https://fullcalendar.io/), implements similar options
   - [eventDragMinDistance](#eventdragmindistance)
   - [eventDragStart](#eventdragstart)
   - [eventDragStop](#eventdragstop)
-  - [eventDrop](#eventdrop)
   </td><td>
+  - [eventDrop](#eventdrop)
   - [eventDurationEditable](#eventdurationeditable)
   - [eventLongPressDelay](#eventlongpressdelay)
   - [eventMouseEnter](#eventmouseenter)
@@ -198,8 +199,8 @@ import '@event-calendar/core/index.css';
 ### Pre-built browser ready bundle
 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@2.5.1/event-calendar.min.css">
-<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.5.1/event-calendar.min.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.6.1/event-calendar.min.css">
+<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@2.6.1/event-calendar.min.js"></script>
 ```
 <details>
@@ -603,6 +604,31 @@ Array of plain objects that will be parsed into [Event](#event-object) objects a
 This option is not used if the `eventSources` option is provided.
+### eventAllUpdated
+- Type `function`
+- Default `undefined`
+Callback function that is triggered when all events have finished updating.
+This is an experimental feature and its behavior may change in the future. The function is called at the end of the cycle of rendering all events. The rendering occurs when new events are added, already displayed events are modified, or events are deleted.
+```js
+function (info) { }
+```
+`info` is an object with the following properties:
+<table>
+<tr>
+<td>
+`view`
+</td>
+<td>
+The current [View](#view-object) object
+</td>
+</tr>
+</table>
 ### eventBackgroundColor
 - Type `string`
 - Default `undefined`
@@ -1262,7 +1288,27 @@ This option is used instead of the `events` option.
 </td>
 <td>
-A URL that the calendar will fetch [Event](#event-object) objects from
+A URL that the calendar will fetch [Event](#event-object) objects from. HTTP requests with the following parameters will be sent to this URL whenever the calendar needs new event data
+<table>
+<tr>
+<td>
+`start`
+</td>
+<td>
+Start date of the range the calendar needs events for
+</td>
+</tr>
+<tr>
+<td>
+`end`
+</td>
+<td>
+End date of the range the calendar needs events for
+</td>
+</tr>
+</table>
 </td>
 </tr>
 <tr>

package/index.css CHANGED Viewed

@@ -456,6 +456,7 @@
 .ec-ghost {
   opacity: 0.5;
   user-select: none;
+  pointer-events: none;
 }
 .ec-bg-events {

package/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { run_all, is_function, noop, identity, tick, SvelteComponent, init, safe_not_equal, ensure_array_like, empty, insert, detach, destroy_each, component_subscribe, set_store_value, element, text, attr, append, listen, set_data, action_destroyer, transition_in, group_outros, check_outros, transition_out, space, create_component, mount_component, destroy_component, construct_svelte_component, set_style, get_current_component } from 'svelte/internal';
-import { getContext, setContext, beforeUpdate } from 'svelte';
+import { getContext, setContext, beforeUpdate, afterUpdate } from 'svelte';
 import { derived, get, writable, readable } from 'svelte/store';
 function keyEnter(fn) {
@@ -208,6 +208,16 @@ function flushDebounce(queue) {
     queue.clear();
 }
+function task(fn, handle, tasks) {
+    handle ??= fn;
+    if (!tasks.has(handle)) {
+        tasks.set(handle, setTimeout(() => {
+            tasks.delete(handle);
+            fn();
+        }));
+    }
+}
 function assign(...args) {
     return Object.assign(...args);
 }
@@ -366,6 +376,82 @@ function sortEventChunks(chunks) {
     chunks.sort((a, b) => a.start - b.start || b.event.allDay - a.event.allDay);
 }
+function createEventContent(chunk, displayEventEnd, eventContent, theme, _intlEventTime, _view) {
+    let timeText = _intlEventTime.formatRange(
+        chunk.start,
+        displayEventEnd && chunk.event.display !== 'pointer'
+            ? copyTime(cloneDate(chunk.start), chunk.end)  // make Intl.formatRange output only the time part
+            : chunk.start
+    );
+    let content;
+    if (eventContent) {
+        content = is_function(eventContent)
+            ? eventContent({
+                event: toEventWithLocalDates(chunk.event),
+                timeText,
+                view: toViewWithLocalDates(_view)
+            })
+            : eventContent;
+    } else {
+        let domNodes;
+        switch (chunk.event.display) {
+            case 'background':
+                domNodes = [];
+                break;
+            case 'pointer':
+                domNodes = [createTimeElement(timeText, chunk, theme)];
+                break;
+            default:
+                domNodes = [
+                    ...chunk.event.allDay ? [] : [createTimeElement(timeText, chunk, theme)],
+                    createElement('h4', theme.eventTitle, chunk.event.title)
+                ];
+        }
+        content = {domNodes};
+    }
+    return [timeText, content];
+}
+function createTimeElement(timeText, chunk, theme) {
+    return createElement(
+        'time',
+        theme.eventTime,
+        timeText,
+        [['datetime', toISOString(chunk.start)]]
+    );
+}
+function createEventClasses(eventClassNames, event, _view) {
+    if (eventClassNames) {
+        if (is_function(eventClassNames)) {
+            eventClassNames = eventClassNames({
+                event: toEventWithLocalDates(event),
+                view: toViewWithLocalDates(_view)
+            });
+        }
+        return Array.isArray(eventClassNames) ? eventClassNames : [eventClassNames];
+    }
+    return [];
+}
+function toEventWithLocalDates(event) {
+    return _cloneEvent(event, toLocalDate);
+}
+function cloneEvent(event) {
+    return _cloneEvent(event, cloneDate);
+}
+function _cloneEvent(event, dateFn) {
+    event = assign({}, event);
+    event.start = dateFn(event.start);
+    event.end = dateFn(event.end);
+    return event;
+}
 /**
  * Prepare event chunks for month view and all-day slot in week view
  */
@@ -448,80 +534,11 @@ function repositionEvent(chunk, longChunks, height) {
     return margin;
 }
-function createEventContent(chunk, displayEventEnd, eventContent, theme, _intlEventTime, _view) {
-    let timeText = _intlEventTime.formatRange(
-        chunk.start,
-        displayEventEnd && chunk.event.display !== 'pointer'
-            ? copyTime(cloneDate(chunk.start), chunk.end)  // make Intl.formatRange output only the time part
-            : chunk.start
-    );
-    let content;
-    if (eventContent) {
-        content = is_function(eventContent)
-            ? eventContent({
-                event: toEventWithLocalDates(chunk.event),
-                timeText,
-                view: toViewWithLocalDates(_view)
-            })
-            : eventContent;
-    } else {
-        let domNodes;
-        switch (chunk.event.display) {
-            case 'background':
-                domNodes = [];
-                break;
-            case 'pointer':
-                domNodes = [createTimeElement(timeText, chunk, theme)];
-                break;
-            default:
-                domNodes = [
-                    ...chunk.event.allDay ? [] : [createTimeElement(timeText, chunk, theme)],
-                    createElement('h4', theme.eventTitle, chunk.event.title)
-                ];
-        }
-        content = {domNodes};
+function runReposition(refs, data) {
+    refs.length = data.length;
+    for (let ref of refs) {
+        ref?.reposition?.();
     }
-    return [timeText, content];
-}
-function createTimeElement(timeText, chunk, theme) {
-    return createElement(
-        'time',
-        theme.eventTime,
-        timeText,
-        [['datetime', toISOString(chunk.start)]]
-    );
-}
-function createEventClasses(eventClassNames, event, _view) {
-    if (eventClassNames) {
-        if (is_function(eventClassNames)) {
-            eventClassNames = eventClassNames({
-                event: toEventWithLocalDates(event),
-                view: toViewWithLocalDates(_view)
-            });
-        }
-        return Array.isArray(eventClassNames) ? eventClassNames : [eventClassNames];
-    }
-    return [];
-}
-function toEventWithLocalDates(event) {
-    return _cloneEvent(event, toLocalDate);
-}
-function cloneEvent(event) {
-    return _cloneEvent(event, cloneDate);
-}
-function _cloneEvent(event, dateFn) {
-    event = assign({}, event);
-    event.start = dateFn(event.start);
-    event.end = dateFn(event.end);
-    return event;
 }
 /**
@@ -602,15 +619,53 @@ function intl(locale, format) {
 function intlRange(locale, format) {
     return derived([locale, format], ([$locale, $format]) => {
-        let intl = is_function($format)
-            ? {formatRange: $format}
-            : new Intl.DateTimeFormat($locale, $format);
+        let formatRange;
+        if (is_function($format)) {
+            formatRange = $format;
+        } else {
+            let intl = new Intl.DateTimeFormat($locale, $format);
+            formatRange = (start, end) => {
+                if (start <= end) {
+                    return intl.formatRange(start, end);
+                } else {
+                    // In iOS 16 and older, intl.formatRange() throws an exception if the start date is later than the end date.
+                    // Therefore, we first swap the parameters, and then swap the resulting parts.
+                    /** @see https://github.com/vkurko/calendar/issues/227 */
+                    let parts = intl.formatRangeToParts(end, start);
+                    let result = '';
+                    let sources = ['startRange', 'endRange'];
+                    let processed = [false, false];
+                    for (let part of parts) {
+                        let i = sources.indexOf(part.source);
+                        if (i >= 0) {
+                            if (!processed[i]) {
+                                result += _getParts(sources[1 - i], parts);
+                                processed[i] = true;
+                            }
+                        } else {
+                            result += part.value;
+                        }
+                    }
+                    return result;
+                }
+            };
+        }
         return {
-            formatRange: (start, end) => intl.formatRange(toLocalDate(start), toLocalDate(end))
+            formatRange: (start, end) => formatRange(toLocalDate(start), toLocalDate(end))
         };
     });
 }
+function _getParts(source, parts) {
+    let result = '';
+    for (let part of parts) {
+        if (part.source == source) {
+            result += part.value;
+        }
+    }
+    return result;
+}
 function createOptions(plugins) {
     let options = {
         allDayContent: undefined,
@@ -631,6 +686,7 @@ function createOptions(plugins) {
         displayEventEnd: true,
         duration: {weeks: 1},
         events: [],
+        eventAllUpdated: undefined,
         eventBackgroundColor: undefined,
         eventTextColor: undefined,
         eventClassNames: undefined,
@@ -966,7 +1022,9 @@ class State {
         }
         // Private stores
-        this._queue = writable(new Map());  // debounce queue
+        this._queue = writable(new Map());  // debounce queue (beforeUpdate)
+        this._queue2 = writable(new Map());  // debounce queue (afterUpdate)
+        this._tasks = new Map();  // timeout IDs for tasks
         this._auxiliary = writable([]);  // auxiliary components
         this._dayGrid = dayGrid(this);
         this._currentRange = currentRange(this);
@@ -2213,7 +2271,7 @@ function create_fragment(ctx) {
 			current = true;
 			if (!mounted) {
-				dispose = listen(window, "resize", /*recheckScrollable*/ ctx[16]);
+				dispose = listen(window, "resize", /*recheckScrollable*/ ctx[17]);
 				mounted = true;
 			}
 		},
@@ -2287,6 +2345,7 @@ function create_fragment(ctx) {
 function instance($$self, $$props, $$invalidate) {
 	let $_bodyEl;
 	let $_scrollable;
+	let $_queue2;
 	let $_queue;
 	let $_interaction;
 	let $_events;
@@ -2300,13 +2359,14 @@ function instance($$self, $$props, $$invalidate) {
 	let component = get_current_component();
 	let state = new State(plugins, options);
 	setContext('state', state);
-	let { _viewComponent, _bodyEl, _interaction, _iClass, _events, _queue, _scrollable, height, theme, view } = state;
+	let { _viewComponent, _bodyEl, _interaction, _iClass, _events, _queue, _queue2, _tasks, _scrollable, height, theme, view } = state;
 	component_subscribe($$self, _viewComponent, value => $$invalidate(5, $_viewComponent = value));
-	component_subscribe($$self, _bodyEl, value => $$invalidate(31, $_bodyEl = value));
-	component_subscribe($$self, _interaction, value => $$invalidate(33, $_interaction = value));
+	component_subscribe($$self, _bodyEl, value => $$invalidate(32, $_bodyEl = value));
+	component_subscribe($$self, _interaction, value => $$invalidate(35, $_interaction = value));
 	component_subscribe($$self, _iClass, value => $$invalidate(2, $_iClass = value));
-	component_subscribe($$self, _events, value => $$invalidate(34, $_events = value));
-	component_subscribe($$self, _queue, value => $$invalidate(32, $_queue = value));
+	component_subscribe($$self, _events, value => $$invalidate(36, $_events = value));
+	component_subscribe($$self, _queue, value => $$invalidate(34, $_queue = value));
+	component_subscribe($$self, _queue2, value => $$invalidate(33, $_queue2 = value));
 	component_subscribe($$self, _scrollable, value => $$invalidate(0, $_scrollable = value));
 	component_subscribe($$self, height, value => $$invalidate(3, $height = value));
 	component_subscribe($$self, theme, value => $$invalidate(1, $theme = value));
@@ -2396,7 +2456,11 @@ function instance($$self, $$props, $$invalidate) {
 	beforeUpdate(() => {
 		flushDebounce($_queue);
-		setTimeout(recheckScrollable);
+	});
+	afterUpdate(() => {
+		flushDebounce($_queue2);
+		task(recheckScrollable, null, _tasks);
 	});
 	function recheckScrollable() {
@@ -2406,12 +2470,12 @@ function instance($$self, $$props, $$invalidate) {
 	}
 	$$self.$$set = $$props => {
-		if ('plugins' in $$props) $$invalidate(17, plugins = $$props.plugins);
-		if ('options' in $$props) $$invalidate(18, options = $$props.options);
+		if ('plugins' in $$props) $$invalidate(18, plugins = $$props.plugins);
+		if ('options' in $$props) $$invalidate(19, options = $$props.options);
 	};
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty[0] & /*options*/ 262144) {
+		if ($$self.$$.dirty[0] & /*options*/ 524288) {
 			for (let [name, value] of diff(options, prevOptions)) {
 				setOption(name, value);
 			}
@@ -2431,6 +2495,7 @@ function instance($$self, $$props, $$invalidate) {
 		_iClass,
 		_events,
 		_queue,
+		_queue2,
 		_scrollable,
 		height,
 		theme,
@@ -2464,20 +2529,20 @@ class Calendar extends SvelteComponent {
 			create_fragment,
 			safe_not_equal,
 			{
-				plugins: 17,
-				options: 18,
-				setOption: 19,
-				getOption: 20,
-				refetchEvents: 21,
-				getEvents: 22,
-				getEventById: 23,
-				addEvent: 24,
-				updateEvent: 25,
-				removeEventById: 26,
-				getView: 27,
-				unselect: 28,
-				dateFromPoint: 29,
-				destroy: 30
+				plugins: 18,
+				options: 19,
+				setOption: 20,
+				getOption: 21,
+				refetchEvents: 22,
+				getEvents: 23,
+				getEventById: 24,
+				addEvent: 25,
+				updateEvent: 26,
+				removeEventById: 27,
+				getView: 28,
+				unselect: 29,
+				dateFromPoint: 30,
+				destroy: 31
 			},
 			null,
 			[-1, -1]
@@ -2485,52 +2550,52 @@ class Calendar extends SvelteComponent {
 	}
 	get setOption() {
-		return this.$$.ctx[19];
+		return this.$$.ctx[20];
 	}
 	get getOption() {
-		return this.$$.ctx[20];
+		return this.$$.ctx[21];
 	}
 	get refetchEvents() {
-		return this.$$.ctx[21];
+		return this.$$.ctx[22];
 	}
 	get getEvents() {
-		return this.$$.ctx[22];
+		return this.$$.ctx[23];
 	}
 	get getEventById() {
-		return this.$$.ctx[23];
+		return this.$$.ctx[24];
 	}
 	get addEvent() {
-		return this.$$.ctx[24];
+		return this.$$.ctx[25];
 	}
 	get updateEvent() {
-		return this.$$.ctx[25];
+		return this.$$.ctx[26];
 	}
 	get removeEventById() {
-		return this.$$.ctx[26];
+		return this.$$.ctx[27];
 	}
 	get getView() {
-		return this.$$.ctx[27];
+		return this.$$.ctx[28];
 	}
 	get unselect() {
-		return this.$$.ctx[28];
+		return this.$$.ctx[29];
 	}
 	get dateFromPoint() {
-		return this.$$.ctx[29];
+		return this.$$.ctx[30];
 	}
 	get destroy() {
-		return this.$$.ctx[30];
+		return this.$$.ctx[31];
 	}
 }
-export { DAY_IN_SECONDS, addDay, addDuration, ancestor, assign, bgEvent, btnTextDay, btnTextMonth, btnTextWeek, btnTextYear, cloneDate, cloneEvent, copyTime, createDate, createDuration, createElement, createEventChunk, createEventClasses, createEventContent, createEventSources, createEvents, createView, datesEqual, debounce, Calendar as default, eventIntersects, floor, flushDebounce, getElementWithPayload, getPayload, ghostEvent, hasPayload, hasYScroll, height, helperEvent, intl, intlRange, keyEnter, keys, listView, max, min, nextClosestDay, noTimePart, outsideEvent, pointerEvent, prepareEventChunks, prevClosestDay, previewEvent, rect, repositionEvent, setContent, setMidnight, setPayload, sortEventChunks, subtractDay, subtractDuration, symbol, themeView, toEventWithLocalDates, toISOString, toLocalDate, toViewWithLocalDates };
+export { DAY_IN_SECONDS, addDay, addDuration, ancestor, assign, bgEvent, btnTextDay, btnTextMonth, btnTextWeek, btnTextYear, cloneDate, cloneEvent, copyTime, createDate, createDuration, createElement, createEventChunk, createEventClasses, createEventContent, createEventSources, createEvents, createView, datesEqual, debounce, Calendar as default, eventIntersects, floor, flushDebounce, getElementWithPayload, getPayload, ghostEvent, hasPayload, hasYScroll, height, helperEvent, intl, intlRange, keyEnter, keys, listView, max, min, nextClosestDay, noTimePart, outsideEvent, pointerEvent, prepareEventChunks, prevClosestDay, previewEvent, rect, repositionEvent, runReposition, setContent, setMidnight, setPayload, sortEventChunks, subtractDay, subtractDuration, symbol, task, themeView, toEventWithLocalDates, toISOString, toLocalDate, toViewWithLocalDates };

package/package.json CHANGED Viewed

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

package/src/Calendar.svelte CHANGED Viewed

@@ -1,6 +1,6 @@
 <script>
     import '../index.css';
-    import {setContext, beforeUpdate} from 'svelte';
+    import {setContext, beforeUpdate, afterUpdate} from 'svelte';
     import {destroy_component, get_current_component} from 'svelte/internal';
     import {get} from 'svelte/store';
     import {diff} from './storage/options';
@@ -17,7 +17,8 @@
         getPayload,
         flushDebounce,
         hasYScroll,
-        listView
+        listView,
+        task
     } from './lib.js';
     export let plugins = [];
@@ -28,7 +29,7 @@
     let state = new State(plugins, options);
     setContext('state', state);
-    let {_viewComponent, _bodyEl, _interaction, _iClass, _events, _queue, _scrollable, height, theme, view} = state;
+    let {_viewComponent, _bodyEl, _interaction, _iClass, _events, _queue, _queue2, _tasks, _scrollable, height, theme, view} = state;
     // Reactively update options that did change
     let prevOptions = {...options};
@@ -112,7 +113,11 @@
     beforeUpdate(() => {
         flushDebounce($_queue);
-        setTimeout(recheckScrollable);
+    });
+    afterUpdate(() => {
+        flushDebounce($_queue2);
+        task(recheckScrollable, null, _tasks);
     });
     function recheckScrollable() {

package/src/lib/debounce.js CHANGED Viewed

@@ -8,3 +8,13 @@ export function flushDebounce(queue) {
     run_all(queue);
     queue.clear();
 }
+export function task(fn, handle, tasks) {
+    handle ??= fn;
+    if (!tasks.has(handle)) {
+        tasks.set(handle, setTimeout(() => {
+            tasks.delete(handle);
+            fn();
+        }));
+    }
+}

package/src/lib/events.js CHANGED Viewed

@@ -48,6 +48,82 @@ export function sortEventChunks(chunks) {
     chunks.sort((a, b) => a.start - b.start || b.event.allDay - a.event.allDay);
 }
+export function createEventContent(chunk, displayEventEnd, eventContent, theme, _intlEventTime, _view) {
+    let timeText = _intlEventTime.formatRange(
+        chunk.start,
+        displayEventEnd && chunk.event.display !== 'pointer'
+            ? copyTime(cloneDate(chunk.start), chunk.end)  // make Intl.formatRange output only the time part
+            : chunk.start
+    );
+    let content;
+    if (eventContent) {
+        content = is_function(eventContent)
+            ? eventContent({
+                event: toEventWithLocalDates(chunk.event),
+                timeText,
+                view: toViewWithLocalDates(_view)
+            })
+            : eventContent;
+    } else {
+        let domNodes;
+        switch (chunk.event.display) {
+            case 'background':
+                domNodes = [];
+                break;
+            case 'pointer':
+                domNodes = [createTimeElement(timeText, chunk, theme)];
+                break;
+            default:
+                domNodes = [
+                    ...chunk.event.allDay ? [] : [createTimeElement(timeText, chunk, theme)],
+                    createElement('h4', theme.eventTitle, chunk.event.title)
+                ];
+        }
+        content = {domNodes};
+    }
+    return [timeText, content];
+}
+function createTimeElement(timeText, chunk, theme) {
+    return createElement(
+        'time',
+        theme.eventTime,
+        timeText,
+        [['datetime', toISOString(chunk.start)]]
+    );
+}
+export function createEventClasses(eventClassNames, event, _view) {
+    if (eventClassNames) {
+        if (is_function(eventClassNames)) {
+            eventClassNames = eventClassNames({
+                event: toEventWithLocalDates(event),
+                view: toViewWithLocalDates(_view)
+            });
+        }
+        return Array.isArray(eventClassNames) ? eventClassNames : [eventClassNames];
+    }
+    return [];
+}
+export function toEventWithLocalDates(event) {
+    return _cloneEvent(event, toLocalDate);
+}
+export function cloneEvent(event) {
+    return _cloneEvent(event, cloneDate);
+}
+function _cloneEvent(event, dateFn) {
+    event = assign({}, event);
+    event.start = dateFn(event.start);
+    event.end = dateFn(event.end);
+    return event;
+}
 /**
  * Prepare event chunks for month view and all-day slot in week view
  */
@@ -130,80 +206,11 @@ export function repositionEvent(chunk, longChunks, height) {
     return margin;
 }
-export function createEventContent(chunk, displayEventEnd, eventContent, theme, _intlEventTime, _view) {
-    let timeText = _intlEventTime.formatRange(
-        chunk.start,
-        displayEventEnd && chunk.event.display !== 'pointer'
-            ? copyTime(cloneDate(chunk.start), chunk.end)  // make Intl.formatRange output only the time part
-            : chunk.start
-    );
-    let content;
-    if (eventContent) {
-        content = is_function(eventContent)
-            ? eventContent({
-                event: toEventWithLocalDates(chunk.event),
-                timeText,
-                view: toViewWithLocalDates(_view)
-            })
-            : eventContent;
-    } else {
-        let domNodes;
-        switch (chunk.event.display) {
-            case 'background':
-                domNodes = [];
-                break;
-            case 'pointer':
-                domNodes = [createTimeElement(timeText, chunk, theme)];
-                break;
-            default:
-                domNodes = [
-                    ...chunk.event.allDay ? [] : [createTimeElement(timeText, chunk, theme)],
-                    createElement('h4', theme.eventTitle, chunk.event.title)
-                ];
-        }
-        content = {domNodes};
-    }
-    return [timeText, content];
-}
-function createTimeElement(timeText, chunk, theme) {
-    return createElement(
-        'time',
-        theme.eventTime,
-        timeText,
-        [['datetime', toISOString(chunk.start)]]
-    );
-}
-export function createEventClasses(eventClassNames, event, _view) {
-    if (eventClassNames) {
-        if (is_function(eventClassNames)) {
-            eventClassNames = eventClassNames({
-                event: toEventWithLocalDates(event),
-                view: toViewWithLocalDates(_view)
-            });
-        }
-        return Array.isArray(eventClassNames) ? eventClassNames : [eventClassNames];
+export function runReposition(refs, data) {
+    refs.length = data.length;
+    for (let ref of refs) {
+        ref?.reposition?.();
     }
-    return [];
-}
-export function toEventWithLocalDates(event) {
-    return _cloneEvent(event, toLocalDate);
-}
-export function cloneEvent(event) {
-    return _cloneEvent(event, cloneDate);
-}
-function _cloneEvent(event, dateFn) {
-    event = assign({}, event);
-    event.start = dateFn(event.start);
-    event.end = dateFn(event.end);
-    return event;
 }
 /**

package/src/lib/stores.js CHANGED Viewed

@@ -15,11 +15,49 @@ export function intl(locale, format) {
 export function intlRange(locale, format) {
     return derived([locale, format], ([$locale, $format]) => {
-        let intl = is_function($format)
-            ? {formatRange: $format}
-            : new Intl.DateTimeFormat($locale, $format);
+        let formatRange;
+        if (is_function($format)) {
+            formatRange = $format;
+        } else {
+            let intl = new Intl.DateTimeFormat($locale, $format);
+            formatRange = (start, end) => {
+                if (start <= end) {
+                    return intl.formatRange(start, end);
+                } else {
+                    // In iOS 16 and older, intl.formatRange() throws an exception if the start date is later than the end date.
+                    // Therefore, we first swap the parameters, and then swap the resulting parts.
+                    /** @see https://github.com/vkurko/calendar/issues/227 */
+                    let parts = intl.formatRangeToParts(end, start);
+                    let result = '';
+                    let sources = ['startRange', 'endRange'];
+                    let processed = [false, false];
+                    for (let part of parts) {
+                        let i = sources.indexOf(part.source);
+                        if (i >= 0) {
+                            if (!processed[i]) {
+                                result += _getParts(sources[1 - i], parts);
+                                processed[i] = true;
+                            }
+                        } else {
+                            result += part.value;
+                        }
+                    }
+                    return result;
+                }
+            };
+        }
         return {
-            formatRange: (start, end) => intl.formatRange(toLocalDate(start), toLocalDate(end))
+            formatRange: (start, end) => formatRange(toLocalDate(start), toLocalDate(end))
         };
     });
 }
+function _getParts(source, parts) {
+    let result = '';
+    for (let part of parts) {
+        if (part.source == source) {
+            result += part.value;
+        }
+    }
+    return result;
+}

package/src/storage/options.js CHANGED Viewed

@@ -20,6 +20,7 @@ export function createOptions(plugins) {
         displayEventEnd: true,
         duration: {weeks: 1},
         events: [],
+        eventAllUpdated: undefined,
         eventBackgroundColor: undefined,
         eventTextColor: undefined,
         eventClassNames: undefined,

package/src/storage/state.js CHANGED Viewed

@@ -32,7 +32,9 @@ export default class {
         }
         // Private stores
-        this._queue = writable(new Map());  // debounce queue
+        this._queue = writable(new Map());  // debounce queue (beforeUpdate)
+        this._queue2 = writable(new Map());  // debounce queue (afterUpdate)
+        this._tasks = new Map();  // timeout IDs for tasks
         this._auxiliary = writable([]);  // auxiliary components
         this._dayGrid = dayGrid(this);
         this._currentRange = currentRange(this);

package/src/styles/index.scss CHANGED Viewed

@@ -458,6 +458,7 @@
 .ec-ghost {
   opacity: .5;
   user-select: none;
+  pointer-events: none;
 }
 .ec-bg-events {