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

@event-calendar/core 3.4.0 → 3.5.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 (6) 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)
@@ -204,8 +205,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@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.5.0/event-calendar.min.css">
+<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@3.5.0/event-calendar.min.js"></script>
 ```
 <details>
@@ -1506,6 +1507,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`
@@ -2815,6 +2822,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 +2879,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

@@ -613,17 +613,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 +686,8 @@ function createResources(input) {
         id: String(resource.id),
         title: resource.title || '',
         eventBackgroundColor: resource.eventBackgroundColor,
-        eventTextColor: resource.eventTextColor
+        eventTextColor: resource.eventTextColor,
+        extendedProps: resource.extendedProps ?? {}
     }));
 }
@@ -884,6 +892,7 @@ function createOptions(plugins) {
             hour: 'numeric',
             minute: '2-digit'
         },
+        filterEventsWithResources: false,
         filterResourcesWithEvents: false,
         firstDay: 0,
         flexibleSlotTimeLimits: false,  // ec option
@@ -1356,7 +1365,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();
@@ -1858,7 +1867,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 +2259,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();
@@ -2458,7 +2467,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;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@event-calendar/core",
-  "version": "3.4.0",
+  "version": "3.5.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/lib/events.js CHANGED Viewed

@@ -245,17 +245,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/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