npm - @event-calendar/core - Versions diffs - 3.4.0 → 3.6.0 - Mend

@event-calendar/core 3.4.0 → 3.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 (15) hide show

package/README.md CHANGED Viewed

@@ -61,6 +61,7 @@ Inspired by [FullCalendar](https://fullcalendar.io/), implements similar options
   - [eventStartEditable](#eventstarteditable)
   - [eventTextColor](#eventtextcolor)
   - [eventTimeFormat](#eventtimeformat)
+  - [filterEventsWithResources](#filtereventswithresources)
   - [filterResourcesWithEvents](#filterresourceswithevents)
   - [firstDay](#firstday)
   - [flexibleSlotTimeLimits](#flexibleslottimelimits)
@@ -143,7 +144,7 @@ Inspired by [FullCalendar](https://fullcalendar.io/), implements similar options
 - [Browser support](#browser-support)
 ## Usage
-### Svelte component / ES6 module
+### Pure JavaScript / Svelte component
 The first step is to install the Event Calendar `core` package:
 ```bash
 npm install --save-dev @event-calendar/core
@@ -161,27 +162,12 @@ You must use at least one plugin that provides a view. The following plugins are
 * `@event-calendar/time-grid`
 * `@event-calendar/interaction` (doesn't provide a view)
-Then, in your Svelte component, use the calendar something like this:
-```html
-<script>
-    import Calendar from '@event-calendar/core';
-    import TimeGrid from '@event-calendar/time-grid';
-    let plugins = [TimeGrid];
-    let options = {
-        view: 'timeGridWeek',
-        events: [
-            // your list of events
-        ]
-    };
-</script>
-<Calendar {plugins} {options} />
-```
-Or in ES6 module:
+Then, in your JavaScript module:
 ```js
 import Calendar from '@event-calendar/core';
 import TimeGrid from '@event-calendar/time-grid';
+// Import CSS if your build tool supports it
+import '@event-calendar/core/index.css';
 let ec = new Calendar({
     target: document.getElementById('ec'),
@@ -196,16 +182,29 @@ let ec = new Calendar({
     }
 });
 ```
-The CSS is located at `@event-calendar/core/index.css`. If your build tool supports CSS processing, you can import it like this:
-```js
-import '@event-calendar/core/index.css';
+Or in your Svelte component, use the calendar like this:
+```html
+<script>
+    import Calendar from '@event-calendar/core';
+    import TimeGrid from '@event-calendar/time-grid';
+    let plugins = [TimeGrid];
+    let options = {
+        view: 'timeGridWeek',
+        events: [
+            // your list of events
+        ]
+    };
+</script>
+<Calendar {plugins} {options} />
 ```
 ### 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@3.4.0/event-calendar.min.css">
-<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@3.4.0/event-calendar.min.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@3.6.0/event-calendar.min.css">
+<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@3.6.0/event-calendar.min.js"></script>
 ```
 <details>
@@ -220,7 +219,7 @@ Include the following lines of code in the `<head>` section of your page:
 </details>
-Then initialize the calendar with something like this:
+Then initialize the calendar like this:
 ```js
 let ec = new EventCalendar(document.getElementById('ec'), {
     view: 'timeGridWeek',
@@ -1506,6 +1505,12 @@ Sets the default text color for events on the calendar.
 You can use any of the CSS color formats such `'#f00'`, `'#ff0000'`, `'rgb(255,0,0)'`, or `'red'`.
+### filterEventsWithResources
+- Type `boolean`
+- Default `false`
+Determines whether events that do not belong to the current array of [resources](#resources) should be hidden in `dayGrid`/`timeGrid`/`list` views.
 ### filterResourcesWithEvents
 - Type `boolean`
 - Default `false`
@@ -2387,9 +2392,12 @@ Using this method, you can, for example, find out on which day a click occurred
 ### destroy()
 - Return value `undefined`
+- Not available in Svelte
 Destroys the calendar, removing all DOM elements, event handlers, and internal data.
+Please note that this method is not available in Svelte. Instead, the calendar is destroyed gracefully when the component containing it is destroyed.
 ### getView()
 - Return value `View`
@@ -2815,6 +2823,16 @@ The title of the resource. See [Content](#content)
 </td>
 <td>Default text color for this resource's events</td>
 </tr>
+<tr>
+<td>
+`extendedProps`
+</td>
+<td>
+A plain object holding miscellaneous properties specified during parsing in the explicitly given `extendedProps` field
+</td>
+</tr>
 </table>
 ### Parsing resource from a plain object
@@ -2862,6 +2880,16 @@ Here are all admissible fields for the resource’s input object:
 `string` Sets the default text color for this resource's events just like the calendar-wide [eventTextColor](#eventtextcolor) option. Default `undefined`
 </td>
 </tr>
+<tr>
+<td>
+`extendedProps`
+</td>
+<td>
+`object` A plain object with any miscellaneous properties. It will be directly transferred to the `extendedProps` property of the Resource object. Default `{}`
+</td>
+</tr>
 </table>
 ## View object

package/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { run_all, is_function, identity, tick, SvelteComponent, init, safe_not_equal, ensure_array_like, empty, insert, noop, 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, afterUpdate } from 'svelte';
+import { SvelteComponent, init, safe_not_equal, ensure_array_like, empty, insert, noop as noop$1, detach, destroy_each, component_subscribe, set_store_value, element, text, attr, append, listen as listen$1, set_data, is_function, action_destroyer, run_all, transition_in, group_outros, check_outros, transition_out, space, create_component, mount_component, destroy_component, construct_svelte_component, set_style } from 'svelte/internal';
+import { tick, getContext, setContext, beforeUpdate, afterUpdate } from 'svelte';
 import { derived, get, writable, readable } from 'svelte/store';
 function keyEnter(fn) {
@@ -227,25 +227,6 @@ function _fromISOString(str) {
     ));
 }
-function debounce(fn, handle, queueStore) {
-    queueStore.update(queue => queue.set(handle, fn));
-}
-function flushDebounce(queue) {
-    run_all(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);
 }
@@ -278,6 +259,41 @@ function isArray(value) {
     return Array.isArray(value);
 }
+function isFunction(value) {
+    return typeof value === 'function';
+}
+function run(fn) {
+    return fn();
+}
+function runAll(fns) {
+    fns.forEach(run);
+}
+function noop() {}
+const identity = (x) => x;
+function debounce(fn, handle, queueStore) {
+    queueStore.update(queue => queue.set(handle, fn));
+}
+function flushDebounce(queue) {
+    runAll(queue);
+    queue.clear();
+}
+function task(fn, handle, tasks) {
+    handle ??= fn;
+    if (!tasks.has(handle)) {
+        tasks.set(handle, setTimeout(() => {
+            tasks.delete(handle);
+            fn();
+        }));
+    }
+}
 function createElement(tag, className, content, attrs = []) {
     let el = document.createElement(tag);
     el.className = className;
@@ -342,6 +358,11 @@ function getElementWithPayload(x, y, root = document) {
     return null;
 }
+function listen(node, event, handler, options) {
+    node.addEventListener(event, handler, options);
+    return () => node.removeEventListener(event, handler, options);
+}
 function createView(view, _viewTitle, _currentRange, _activeRange) {
     return {
         type: view,
@@ -447,7 +468,7 @@ function createEventContent(chunk, displayEventEnd, eventContent, theme, _intlEv
     let content;
     if (eventContent) {
-        content = is_function(eventContent)
+        content = isFunction(eventContent)
             ? eventContent({
                 event: toEventWithLocalDates(chunk.event),
                 timeText,
@@ -489,7 +510,7 @@ function createTimeElement(timeText, chunk, theme) {
 function createEventClasses(eventClassNames, event, _view) {
     let result = event.classNames;
     if (eventClassNames) {
-        if (is_function(eventClassNames)) {
+        if (isFunction(eventClassNames)) {
             eventClassNames = eventClassNames({
                 event: toEventWithLocalDates(event),
                 view: toViewWithLocalDates(_view)
@@ -613,17 +634,24 @@ function runReposition(refs, data) {
 }
 /**
- * Check whether the event intersects with the given date range and resource
+ * Check whether the event intersects with the given date range and resources
  * @param event
  * @param start
  * @param end
- * @param [resource]
+ * @param resources
  * @return boolean
  */
-function eventIntersects(event, start, end, resource) {
-    return event.start < end && event.end > start && (
-        resource === undefined || event.resourceIds.includes(resource.id)
-    );
+function eventIntersects(event, start, end, resources) {
+    if (event.start < end && event.end > start) {
+        if (resources) {
+            if (!isArray(resources)) {
+                resources = [resources];
+            }
+            return resources.some(resource => event.resourceIds.includes(resource.id));
+        }
+        return true;
+    }
+    return false;
 }
 function helperEvent(display) {
@@ -679,7 +707,8 @@ function createResources(input) {
         id: String(resource.id),
         title: resource.title || '',
         eventBackgroundColor: resource.eventBackgroundColor,
-        eventTextColor: resource.eventTextColor
+        eventTextColor: resource.eventTextColor,
+        extendedProps: resource.extendedProps ?? {}
     }));
 }
@@ -697,7 +726,7 @@ function findResource(event, resources) {
 function intl(locale, format) {
     return derived([locale, format], ([$locale, $format]) => {
-        let intl = is_function($format)
+        let intl = isFunction($format)
             ? {format: $format}
             : new Intl.DateTimeFormat($locale, $format);
         return {
@@ -709,7 +738,7 @@ function intl(locale, format) {
 function intlRange(locale, format) {
     return derived([locale, format], ([$locale, $format]) => {
         let formatRange;
-        if (is_function($format)) {
+        if (isFunction($format)) {
             formatRange = $format;
         } else {
             let intl = new Intl.DateTimeFormat($locale, $format);
@@ -815,7 +844,7 @@ function createSlotTimeLimits($slotMinTime, $slotMaxTime, $flexibleSlotTimeLimit
         // If slotMaxTime goes past midnight, then extend it back by a maximum of 24 hours
         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 = is_function($flexibleSlotTimeLimits?.eventFilter)
+        let filter = isFunction($flexibleSlotTimeLimits?.eventFilter)
             ? $flexibleSlotTimeLimits.eventFilter
             : event => !bgEvent(event.display);
         loop: for (let date of $_viewDates) {
@@ -884,6 +913,7 @@ function createOptions(plugins) {
             hour: 'numeric',
             minute: '2-digit'
         },
+        filterEventsWithResources: false,
         filterResourcesWithEvents: false,
         firstDay: 0,
         flexibleSlotTimeLimits: false,  // ec option
@@ -1114,11 +1144,11 @@ function events(state) {
                 // Create new abort controller
                 abortController = new AbortController();
                 // Call loading hook
-                if (is_function($loading) && !fetching) {
+                if (isFunction($loading) && !fetching) {
                     $loading(true);
                 }
                 let stopLoading = () => {
-                    if (--fetching === 0 && is_function($loading)) {
+                    if (--fetching === 0 && isFunction($loading)) {
                         $loading(false);
                     }
                 };
@@ -1135,7 +1165,7 @@ function events(state) {
                 let endStr = toISOString($_activeRange.end);
                 // Loop over event sources
                 for (let source of $eventSources) {
-                    if (is_function(source.events)) {
+                    if (isFunction(source.events)) {
                         // Events as a function
                         let result = source.events({
                             start: toLocalDate($_activeRange.start),
@@ -1149,7 +1179,7 @@ function events(state) {
                     } else {
                         // Events as a JSON feed
                         // Prepare params
-                        let params = is_function(source.extraParams) ? source.extraParams() : assign({}, source.extraParams);
+                        let params = isFunction(source.extraParams) ? source.extraParams() : assign({}, source.extraParams);
                         params.start = startStr;
                         params.end = endStr;
                         params = new URLSearchParams(params);
@@ -1277,7 +1307,7 @@ class State {
                     // Set value in all views
                     set: ['buttonText', 'theme'].includes(key)
                         ? value => {
-                            if (is_function(value)) {
+                            if (isFunction(value)) {
                                 let result = value(defOpts[key]);
                                 opts[key] = result;
                                 set(set === _set ? result : value);
@@ -1299,7 +1329,7 @@ class State {
                 if (newView === view) {
                     // switch view component
                     this._viewComponent.set(component);
-                    if (is_function(opts.viewDidMount)) {
+                    if (isFunction(opts.viewDidMount)) {
                         tick().then(() => opts.viewDidMount(get(this._view)));
                     }
                     // update store values
@@ -1333,7 +1363,7 @@ function mergeOpts(...args) {
     for (let opts of args) {
         let override = {};
         for (let key of ['buttonText', 'theme']) {
-            if (is_function(opts[key])) {
+            if (isFunction(opts[key])) {
                 override[key] = opts[key](result[key]);
             }
         }
@@ -1356,7 +1386,7 @@ function validKey(key, state) {
     return state.hasOwnProperty(key) && key[0] !== '_';
 }
-/* packages/core/src/Buttons.svelte generated by Svelte v4.2.18 */
+/* packages/core/src/Buttons.svelte generated by Svelte v4.2.19 */
 function get_each_context$2(ctx, list, i) {
 	const child_ctx = ctx.slice();
@@ -1391,7 +1421,7 @@ function create_if_block_5(ctx) {
 			append(button_1, t);
 			if (!mounted) {
-				dispose = listen(button_1, "click", click_handler_1);
+				dispose = listen$1(button_1, "click", click_handler_1);
 				mounted = true;
 			}
 		},
@@ -1437,7 +1467,7 @@ function create_if_block_4(ctx) {
 			if (!mounted) {
 				dispose = [
-					listen(button_1, "click", function () {
+					listen$1(button_1, "click", function () {
 						if (is_function(/*$customButtons*/ ctx[6][/*button*/ ctx[25]].click)) /*$customButtons*/ ctx[6][/*button*/ ctx[25]].click.apply(this, arguments);
 					}),
 					action_destroyer(setContent_action = setContent.call(null, button_1, /*$customButtons*/ ctx[6][/*button*/ ctx[25]].text))
@@ -1489,7 +1519,7 @@ function create_if_block_3(ctx) {
 			append(button_1, t);
 			if (!mounted) {
-				dispose = listen(button_1, "click", /*click_handler*/ ctx[21]);
+				dispose = listen$1(button_1, "click", /*click_handler*/ ctx[21]);
 				mounted = true;
 			}
 		},
@@ -1540,7 +1570,7 @@ function create_if_block_2(ctx) {
 			append(button_1, i);
 			if (!mounted) {
-				dispose = listen(button_1, "click", /*next*/ ctx[19]);
+				dispose = listen$1(button_1, "click", /*next*/ ctx[19]);
 				mounted = true;
 			}
 		},
@@ -1597,7 +1627,7 @@ function create_if_block_1(ctx) {
 			append(button_1, i);
 			if (!mounted) {
-				dispose = listen(button_1, "click", /*prev*/ ctx[18]);
+				dispose = listen$1(button_1, "click", /*prev*/ ctx[18]);
 				mounted = true;
 			}
 		},
@@ -1768,8 +1798,8 @@ function create_fragment$3(ctx) {
 				each_blocks.length = each_value.length;
 			}
 		},
-		i: noop,
-		o: noop,
+		i: noop$1,
+		o: noop$1,
 		d(detaching) {
 			if (detaching) {
 				detach(each_1_anchor);
@@ -1858,7 +1888,7 @@ class Buttons extends SvelteComponent {
 	}
 }
-/* packages/core/src/Toolbar.svelte generated by Svelte v4.2.18 */
+/* packages/core/src/Toolbar.svelte generated by Svelte v4.2.19 */
 function get_each_context$1(ctx, list, i) {
 	const child_ctx = ctx.slice();
@@ -2250,7 +2280,7 @@ class Toolbar extends SvelteComponent {
 	}
 }
-/* packages/core/src/Auxiliary.svelte generated by Svelte v4.2.18 */
+/* packages/core/src/Auxiliary.svelte generated by Svelte v4.2.19 */
 function get_each_context(ctx, list, i) {
 	const child_ctx = ctx.slice();
@@ -2258,7 +2288,7 @@ function get_each_context(ctx, list, i) {
 	return child_ctx;
 }
-// (25:0) {#each $_auxiliary as component}
+// (24:0) {#each $_auxiliary as component}
 function create_each_block(ctx) {
 	let switch_instance;
 	let switch_instance_anchor;
@@ -2426,7 +2456,7 @@ function instance$1($$self, $$props, $$invalidate) {
 	let debounceHandle = {};
 	function runDatesSet(_activeRange) {
-		if (is_function($datesSet)) {
+		if (isFunction($datesSet)) {
 			debounce(
 				() => $datesSet({
 					start: toLocalDate(_activeRange.start),
@@ -2458,7 +2488,7 @@ class Auxiliary extends SvelteComponent {
 	}
 }
-/* packages/core/src/Calendar.svelte generated by Svelte v4.2.18 */
+/* packages/core/src/Calendar.svelte generated by Svelte v4.2.19 */
 function create_fragment(ctx) {
 	let div;
@@ -2513,7 +2543,7 @@ function create_fragment(ctx) {
 			current = true;
 			if (!mounted) {
-				dispose = listen(window, "resize", /*recheckScrollable*/ ctx[20]);
+				dispose = listen$1(window, "resize", /*recheckScrollable*/ ctx[20]);
 				mounted = true;
 			}
 		},
@@ -2601,21 +2631,20 @@ function instance($$self, $$props, $$invalidate) {
 	let $_viewComponent;
 	let { plugins = [] } = $$props;
 	let { options = {} } = $$props;
-	let component = get_current_component();
 	let state = new State(plugins, options);
 	setContext('state', state);
 	let { _viewComponent, _bodyEl, _interaction, _iClass, _events, _queue, _queue2, _tasks, _scrollable, date, duration, hiddenDays, height, theme, view } = state;
 	component_subscribe($$self, _viewComponent, value => $$invalidate(5, $_viewComponent = value));
-	component_subscribe($$self, _bodyEl, value => $$invalidate(37, $_bodyEl = value));
-	component_subscribe($$self, _interaction, value => $$invalidate(43, $_interaction = value));
+	component_subscribe($$self, _bodyEl, value => $$invalidate(36, $_bodyEl = value));
+	component_subscribe($$self, _interaction, value => $$invalidate(42, $_interaction = value));
 	component_subscribe($$self, _iClass, value => $$invalidate(2, $_iClass = value));
-	component_subscribe($$self, _events, value => $$invalidate(44, $_events = value));
-	component_subscribe($$self, _queue, value => $$invalidate(39, $_queue = value));
-	component_subscribe($$self, _queue2, value => $$invalidate(38, $_queue2 = value));
+	component_subscribe($$self, _events, value => $$invalidate(43, $_events = value));
+	component_subscribe($$self, _queue, value => $$invalidate(38, $_queue = value));
+	component_subscribe($$self, _queue2, value => $$invalidate(37, $_queue2 = value));
 	component_subscribe($$self, _scrollable, value => $$invalidate(0, $_scrollable = value));
-	component_subscribe($$self, date, value => $$invalidate(42, $date = value));
-	component_subscribe($$self, duration, value => $$invalidate(41, $duration = value));
-	component_subscribe($$self, hiddenDays, value => $$invalidate(40, $hiddenDays = value));
+	component_subscribe($$self, date, value => $$invalidate(41, $date = value));
+	component_subscribe($$self, duration, value => $$invalidate(40, $duration = value));
+	component_subscribe($$self, hiddenDays, value => $$invalidate(39, $hiddenDays = value));
 	component_subscribe($$self, height, value => $$invalidate(3, $height = value));
 	component_subscribe($$self, theme, value => $$invalidate(1, $theme = value));
 	component_subscribe($$self, view, value => $$invalidate(4, $view = value));
@@ -2704,10 +2733,6 @@ function instance($$self, $$props, $$invalidate) {
 		return null;
 	}
-	function destroy() {
-		destroy_component(component, true);
-	}
 	function next() {
 		set_store_value(date, $date = nextDate($date, $duration), $date);
 		return this;
@@ -2781,7 +2806,6 @@ function instance($$self, $$props, $$invalidate) {
 		getView,
 		unselect,
 		dateFromPoint,
-		destroy,
 		next,
 		prev
 	];
@@ -2811,9 +2835,8 @@ class Calendar extends SvelteComponent {
 				getView: 31,
 				unselect: 32,
 				dateFromPoint: 33,
-				destroy: 34,
-				next: 35,
-				prev: 36
+				next: 34,
+				prev: 35
 			},
 			null,
 			[-1, -1]
@@ -2864,17 +2887,13 @@ class Calendar extends SvelteComponent {
 		return this.$$.ctx[33];
 	}
-	get destroy() {
-		return this.$$.ctx[34];
-	}
 	get next() {
-		return this.$$.ctx[35];
+		return this.$$.ctx[34];
 	}
 	get prev() {
-		return this.$$.ctx[36];
+		return this.$$.ctx[35];
 	}
 }
-export { DAY_IN_SECONDS, addDay, addDuration, ancestor, assign, bgEvent, btnTextDay, btnTextMonth, btnTextWeek, btnTextYear, ceil, cloneDate, cloneEvent, copyTime, createDate, createDuration, createElement, createEventChunk, createEventClasses, createEventContent, createEventSources, createEvents, createResources, createSlotTimeLimits, createTimes, createView, datesEqual, debounce, Calendar as default, eventIntersects, floor, flushDebounce, getElementWithPayload, getPayload, ghostEvent, hasPayload, hasYScroll, height, helperEvent, intl, intlRange, isArray, keyEnter, keys, listView, max, min, nextClosestDay, nextDate, noTimePart, outsideEvent, pointerEvent, prepareEventChunks, prevClosestDay, prevDate, previewEvent, rect, repositionEvent, resourceBackgroundColor, resourceTextColor, runReposition, setContent, setMidnight, setPayload, sortEventChunks, subtractDay, subtractDuration, symbol, task, themeView, timelineView, toEventWithLocalDates, toISOString, toLocalDate, toSeconds, toViewWithLocalDates, viewResources };
+export { DAY_IN_SECONDS, addDay, addDuration, ancestor, assign, bgEvent, btnTextDay, btnTextMonth, btnTextWeek, btnTextYear, ceil, cloneDate, cloneEvent, copyTime, createDate, createDuration, createElement, createEventChunk, createEventClasses, createEventContent, createEventSources, createEvents, createResources, createSlotTimeLimits, createTimes, createView, datesEqual, debounce, Calendar as default, eventIntersects, floor, flushDebounce, getElementWithPayload, getPayload, ghostEvent, hasPayload, hasYScroll, height, helperEvent, identity, intl, intlRange, isArray, isFunction, keyEnter, keys, listView, listen, max, min, nextClosestDay, nextDate, noTimePart, noop, outsideEvent, pointerEvent, prepareEventChunks, prevClosestDay, prevDate, previewEvent, rect, repositionEvent, resourceBackgroundColor, resourceTextColor, run, runAll, runReposition, setContent, setMidnight, setPayload, sortEventChunks, subtractDay, subtractDuration, symbol, task, themeView, timelineView, toEventWithLocalDates, toISOString, toLocalDate, toSeconds, toViewWithLocalDates, viewResources };

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@event-calendar/core",
-  "version": "3.4.0",
+  "version": "3.6.0",
   "title": "Event Calendar Core package",
   "description": "Full-sized drag & drop event calendar with resource & timeline views",
   "keywords": [
@@ -28,6 +28,6 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "svelte": "^4.2.16"
+    "svelte": "^4.2.19"
   }
 }

package/src/Auxiliary.svelte CHANGED Viewed

@@ -1,7 +1,6 @@
 <script>
     import {getContext} from 'svelte';
-    import {is_function} from 'svelte/internal';
-    import {debounce, toISOString, toLocalDate, toViewWithLocalDates} from './lib.js';
+    import {debounce, toISOString, toLocalDate, toViewWithLocalDates, isFunction} from './lib.js';
     let {datesSet, _auxiliary, _activeRange, _queue, _view} = getContext('state');
@@ -10,7 +9,7 @@
     let debounceHandle = {};
     function runDatesSet(_activeRange) {
-        if (is_function($datesSet)) {
+        if (isFunction($datesSet)) {
             debounce(() => $datesSet({
                 start: toLocalDate(_activeRange.start),
                 end: toLocalDate(_activeRange.end),

package/src/Calendar.svelte CHANGED Viewed

@@ -1,7 +1,6 @@
 <script>
     import '../index.css';
     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';
     import State from './storage/state';
@@ -24,8 +23,6 @@
     export let plugins = [];
     export let options = {};
-    let component = get_current_component();
     let state = new State(plugins, options);
     setContext('state', state);
@@ -114,10 +111,6 @@
         return null;
     }
-    export function destroy() {
-        destroy_component(component, true);
-    }
     export function next() {
         $date = nextDate($date, $duration);
         return this;

package/src/lib/debounce.js CHANGED Viewed

@@ -1,11 +1,11 @@
-import {run_all} from 'svelte/internal';
+import {runAll} from './utils.js';
 export function debounce(fn, handle, queueStore) {
     queueStore.update(queue => queue.set(handle, fn));
 }
 export function flushDebounce(queue) {
-    run_all(queue);
+    runAll(queue);
     queue.clear();
 }

package/src/lib/dom.js CHANGED Viewed

@@ -63,3 +63,8 @@ export function getElementWithPayload(x, y, root = document) {
     }
     return null;
 }
+export function listen(node, event, handler, options) {
+    node.addEventListener(event, handler, options);
+    return () => node.removeEventListener(event, handler, options);
+}

package/src/lib/events.js CHANGED Viewed

@@ -1,8 +1,7 @@
 import {addDay, datesEqual, createDate, cloneDate, setMidnight, toLocalDate, toISOString, noTimePart, copyTime} from './date';
 import {createElement} from './dom';
-import {assign, isArray} from './utils';
+import {assign, isArray, isFunction} from './utils';
 import {toViewWithLocalDates} from './view';
-import {is_function} from 'svelte/internal';
 let eventId = 1;
 export function createEvents(input) {
@@ -79,7 +78,7 @@ export function createEventContent(chunk, displayEventEnd, eventContent, theme,
     let content;
     if (eventContent) {
-        content = is_function(eventContent)
+        content = isFunction(eventContent)
             ? eventContent({
                 event: toEventWithLocalDates(chunk.event),
                 timeText,
@@ -121,7 +120,7 @@ function createTimeElement(timeText, chunk, theme) {
 export function createEventClasses(eventClassNames, event, _view) {
     let result = event.classNames;
     if (eventClassNames) {
-        if (is_function(eventClassNames)) {
+        if (isFunction(eventClassNames)) {
             eventClassNames = eventClassNames({
                 event: toEventWithLocalDates(event),
                 view: toViewWithLocalDates(_view)
@@ -245,17 +244,24 @@ export function runReposition(refs, data) {
 }
 /**
- * Check whether the event intersects with the given date range and resource
+ * Check whether the event intersects with the given date range and resources
  * @param event
  * @param start
  * @param end
- * @param [resource]
+ * @param resources
  * @return boolean
  */
-export function eventIntersects(event, start, end, resource) {
-    return event.start < end && event.end > start && (
-        resource === undefined || event.resourceIds.includes(resource.id)
-    );
+export function eventIntersects(event, start, end, resources) {
+    if (event.start < end && event.end > start) {
+        if (resources) {
+            if (!isArray(resources)) {
+                resources = [resources];
+            }
+            return resources.some(resource => event.resourceIds.includes(resource.id));
+        }
+        return true;
+    }
+    return false;
 }
 export function helperEvent(display) {

package/src/lib/resources.js CHANGED Viewed

@@ -3,7 +3,8 @@ export function createResources(input) {
         id: String(resource.id),
         title: resource.title || '',
         eventBackgroundColor: resource.eventBackgroundColor,
-        eventTextColor: resource.eventTextColor
+        eventTextColor: resource.eventTextColor,
+        extendedProps: resource.extendedProps ?? {}
     }));
 }

package/src/lib/stores.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import {derived} from 'svelte/store';
-import {is_function} from 'svelte/internal';
+import {isFunction} from './utils.js';
 import {toLocalDate} from './date';
 import {createResources} from './resources.js';
 export function intl(locale, format) {
     return derived([locale, format], ([$locale, $format]) => {
-        let intl = is_function($format)
+        let intl = isFunction($format)
             ? {format: $format}
             : new Intl.DateTimeFormat($locale, $format);
         return {
@@ -17,7 +17,7 @@ export function intl(locale, format) {
 export function intlRange(locale, format) {
     return derived([locale, format], ([$locale, $format]) => {
         let formatRange;
-        if (is_function($format)) {
+        if (isFunction($format)) {
             formatRange = $format;
         } else {
             let intl = new Intl.DateTimeFormat($locale, $format);

package/src/lib/times.js CHANGED Viewed

@@ -1,6 +1,5 @@
-import {is_function} from 'svelte/internal';
 import {addDuration, cloneDate, createDuration, DAY_IN_SECONDS, toISOString, toSeconds} from './date.js';
-import {max as maxFn, min as minFn} from './utils.js';
+import {max as maxFn, min as minFn, isFunction} from './utils.js';
 import {bgEvent} from './events.js';
 export function createTimes(date, $slotDuration, $_slotTimeLimits, $_intlSlotLabel) {
@@ -32,7 +31,7 @@ export function createSlotTimeLimits($slotMinTime, $slotMaxTime, $flexibleSlotTi
         // If slotMaxTime goes past midnight, then extend it back by a maximum of 24 hours
         let minMin = createDuration(minFn(toSeconds(min), maxFn(0, toSeconds(max) - DAY_IN_SECONDS)));
         let maxMax = createDuration(maxFn(toSeconds(max), toSeconds(minMin) + DAY_IN_SECONDS));
-        let filter = is_function($flexibleSlotTimeLimits?.eventFilter)
+        let filter = isFunction($flexibleSlotTimeLimits?.eventFilter)
             ? $flexibleSlotTimeLimits.eventFilter
             : event => !bgEvent(event.display);
         loop: for (let date of $_viewDates) {

package/src/lib/utils.js CHANGED Viewed

@@ -29,3 +29,19 @@ export function symbol() {
 export function isArray(value) {
     return Array.isArray(value);
 }
+export function isFunction(value) {
+    return typeof value === 'function';
+}
+export function run(fn) {
+    return fn();
+}
+export function runAll(fns) {
+    fns.forEach(run);
+}
+export function noop() {}
+export const identity = (x) => x;

package/src/storage/options.js CHANGED Viewed

@@ -45,6 +45,7 @@ export function createOptions(plugins) {
             hour: 'numeric',
             minute: '2-digit'
         },
+        filterEventsWithResources: false,
         filterResourcesWithEvents: false,
         firstDay: 0,
         flexibleSlotTimeLimits: false,  // ec option

package/src/storage/state.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import {get, writable} from 'svelte/store';
-import {is_function, tick, noop, identity} from 'svelte/internal';
+import {tick} from 'svelte';
 import {createOptions, createParsers} from './options';
 import {
     activeRange,
@@ -12,7 +12,7 @@ import {
     viewTitle,
     view as view2  // hack to avoid a runtime error in SvelteKit dev mode (ReferenceError: view is not defined)
 } from './stores';
-import {keys, intl, intlRange} from '../lib.js';
+import {keys, intl, intlRange, isFunction, identity} from '../lib.js';
 export default class {
     constructor(plugins, input) {
@@ -97,7 +97,7 @@ export default class {
                     // Set value in all views
                     set: ['buttonText', 'theme'].includes(key)
                         ? value => {
-                            if (is_function(value)) {
+                            if (isFunction(value)) {
                                 let result = value(defOpts[key]);
                                 opts[key] = result;
                                 set(set === _set ? result : value);
@@ -119,7 +119,7 @@ export default class {
                 if (newView === view) {
                     // switch view component
                     this._viewComponent.set(component);
-                    if (is_function(opts.viewDidMount)) {
+                    if (isFunction(opts.viewDidMount)) {
                         tick().then(() => opts.viewDidMount(get(this._view)));
                     }
                     // update store values
@@ -153,7 +153,7 @@ function mergeOpts(...args) {
     for (let opts of args) {
         let override = {};
         for (let key of ['buttonText', 'theme']) {
-            if (is_function(opts[key])) {
+            if (isFunction(opts[key])) {
                 override[key] = opts[key](result[key]);
             }
         }

package/src/storage/stores.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import {derived, writable, readable, get} from 'svelte/store';
-import {is_function} from 'svelte/internal';
+import {isFunction} from '../lib/utils.js';
 import {
     DAY_IN_SECONDS,
     assign,
@@ -127,11 +127,11 @@ export function events(state) {
                 // Create new abort controller
                 abortController = new AbortController();
                 // Call loading hook
-                if (is_function($loading) && !fetching) {
+                if (isFunction($loading) && !fetching) {
                     $loading(true);
                 }
                 let stopLoading = () => {
-                    if (--fetching === 0 && is_function($loading)) {
+                    if (--fetching === 0 && isFunction($loading)) {
                         $loading(false);
                     }
                 };
@@ -148,7 +148,7 @@ export function events(state) {
                 let endStr = toISOString($_activeRange.end);
                 // Loop over event sources
                 for (let source of $eventSources) {
-                    if (is_function(source.events)) {
+                    if (isFunction(source.events)) {
                         // Events as a function
                         let result = source.events({
                             start: toLocalDate($_activeRange.start),
@@ -162,7 +162,7 @@ export function events(state) {
                     } else {
                         // Events as a JSON feed
                         // Prepare params
-                        let params = is_function(source.extraParams) ? source.extraParams() : assign({}, source.extraParams);
+                        let params = isFunction(source.extraParams) ? source.extraParams() : assign({}, source.extraParams);
                         params.start = startStr;
                         params.end = endStr;
                         params = new URLSearchParams(params);