@event-calendar/resource-time-grid - npm Package Compare versions

Comparing version 1.0.0 to 1.1.0

index.js

@@ -1669,6 +1669,8 @@ import { SvelteComponent, init, safe_not_equal, element, attr, insert, action_destroyer, is_function, noop, detach, component_subscribe, binding_callbacks, create_component, space, mount_component, append, transition_in, group_outros, transition_out, check_outros, destroy_component, set_store_value, empty, destroy_each, text, set_data } from 'svelte/internal';
 	let $resources;
+	let $_resTxtColor;
 	let $_resBgColor;
-	let { resources, _resBgColor } = getContext('state');
-	component_subscribe($$self, resources, value => $$invalidate(2, $resources = value));
-	component_subscribe($$self, _resBgColor, value => $$invalidate(3, $_resBgColor = value));
+	let { resources, _resBgColor, _resTxtColor } = getContext('state');
+	component_subscribe($$self, resources, value => $$invalidate(3, $resources = value));
+	component_subscribe($$self, _resBgColor, value => $$invalidate(5, $_resBgColor = value));
+	component_subscribe($$self, _resTxtColor, value => $$invalidate(4, $_resTxtColor = value));
 
@@ -1684,3 +1686,12 @@ set_store_value(
 
-	return [resources, _resBgColor];
+	set_store_value(
+		_resTxtColor,
+		$_resTxtColor = event => {
+			let resource = $resources.find(res => event.resourceIds.includes(res.id));
+			return resource?.eventTextColor;
+		},
+		$_resTxtColor
+	);
+
+	return [resources, _resBgColor, _resTxtColor];
 }
@@ -1733,2 +1744,3 @@
 		eventBackgroundColor: resource.eventBackgroundColor,
+        eventTextColor: resource.eventTextColor
 	}));
@@ -1735,0 +1747,0 @@ }

package.json

 {
   "name": "@event-calendar/resource-time-grid",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "title": "Event Calendar ResourceTimeGrid plugin",
@@ -39,5 +39,5 @@ "description": "Full-sized drag & drop event calendar with resource view",
   "dependencies": {
-    "@event-calendar/time-grid": "~1.0.0",
+    "@event-calendar/time-grid": "~1.1.0",
     "svelte": "^3.55.1"
   }
 }

README.md

@@ -7,3 +7,3 @@ # Event Calendar [![](https://data.jsdelivr.com/v1/package/npm/@event-calendar/build/badge)](https://www.jsdelivr.com/package/npm/@event-calendar/build) [![npm](https://img.shields.io/npm/dm/@event-calendar/core?color=red&label=npm&style=flat-square)](https://www.npmjs.com/package/@event-calendar/core)
 
-* Lightweight (34kb [br](https://en.wikipedia.org/wiki/Brotli) compressed)
+* Lightweight (29kb [br](https://en.wikipedia.org/wiki/Brotli) compressed)
 * Zero-dependency (pre-built bundle)
@@ -58,2 +58,3 @@ * Used on over 60,000 websites with [Bookly](https://wordpress.org/plugins/bookly-responsive-appointment-booking-tool/)
   - [eventStartEditable](#eventstarteditable)
+  - [eventTextColor](#eventtextcolor)
   - [eventTimeFormat](#eventtimeformat)
@@ -197,4 +198,4 @@ - [filterResourcesWithEvents](#filterresourceswithevents)
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@1.0.0/event-calendar.min.css">
-<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@1.0.0/event-calendar.min.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@1.1.0/event-calendar.min.css">
+<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@1.1.0/event-calendar.min.js"></script>
 ```
@@ -1254,2 +1255,10 @@
 
+### eventTextColor
+- Type `string`
+- Default `undefined`
+
+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'`.
+
 ### filterResourcesWithEvents
@@ -2194,2 +2203,12 @@ - Type `boolean`
 
+`textColor`
+</td>
+<td>
+
+The [eventTextColor](#eventtextcolor) override for this specific event
+</td>
+</tr>
+<tr>
+<td>
+
 `extendedProps`
@@ -2332,2 +2351,12 @@ </td>
 
+`textColor`
+</td>
+<td>
+
+`string` Sets the event’s text color just like the calendar-wide [eventTextColor](#eventtextcolor) option. Default `undefined`
+</td>
+</tr>
+<tr>
+<td>
+
 `color`
@@ -2435,2 +2464,9 @@ </td>
 </tr>
+<tr>
+<td>
+
+`eventTextColor`
+</td>
+<td>Default text color for this resource's events</td>
+</tr>
 </table>
@@ -2483,2 +2519,12 @@
 </tr>
+<tr>
+<td>
+
+`eventTextColor`
+</td>
+<td>
+
+`string` Sets the default text color for this resource's events just like the calendar-wide [eventTextColor](#eventtextcolor) option. Default `undefined`
+</td>
+</tr>
 </table>
@@ -2485,0 +2531,0 @@

src/index.js

@@ -42,3 +42,4 @@ import View from './View.svelte';
 		eventBackgroundColor: resource.eventBackgroundColor,
+        eventTextColor: resource.eventTextColor
 	}));
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

108293

increased by1.37%

Lines of code

1582

increased by0.76%

Number of lines in readme file

2577

increased by1.82%

Dependency changes

• + Added@event-calendar/common@1.1.1(transitive)

• + Added@event-calendar/time-grid@1.1.1(transitive)

• - Removed@event-calendar/common@1.0.0(transitive)

• - Removed@event-calendar/time-grid@1.0.0(transitive)

• Updated@event-calendar/time-grid@~1.1.0