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

Comparing version 0.6.0 to 0.7.0

package.json

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

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)

		* Lightweight (40.8kb [br](https://en.wikipedia.org/wiki/Brotli) compressed `modern` version)
		* Lightweight (41.9kb [br](https://en.wikipedia.org/wiki/Brotli) compressed `modern` version)
		* Zero-dependency (pre-built bundle)
		@@ -29,2 +29,4 @@ * Used by [Bookly](https://wordpress.org/plugins/bookly-responsive-appointment-booking-tool/)
		- [dayHeaderFormat](#dayheaderformat)
		- [dayMaxEvents](#daymaxevents)
		- [dayPopoverFormat](#daypopoverformat)
		- [displayEventEnd](#displayeventend)
		@@ -40,5 +42,5 @@ - [dragScroll](#dragscroll)
		- [eventDidMount](#eventdidmount)
		- [eventDragMinDistance](#eventdragmindistance)
		</td><td>

		- [eventDragMinDistance](#eventdragmindistance)
		- [eventDragStart](#eventdragstart)
		@@ -67,2 +69,3 @@ - [eventDragStop](#eventdragstop)
		- [monthMode](#monthmode)
		- [moreLinkContent](#morelinkcontent)
		- [noEventsClick](#noeventsclick)
		@@ -368,2 +371,20 @@ - [noEventsContent](#noeventscontent)

		### dayMaxEvents
		- Type `boolean`
		- Default `false`

		Determines the maximum number of stacked event levels for a given day in the `dayGrid` view.

		If there are too many events, a link like `+2 more` is displayed.

		Currently, only the value `true` is supported, which limits the number of events to the height of the day cell.

		### dayPopoverFormat
		- Type `object` or `function`
		- Default `{month: 'long', day: 'numeric', year: 'numeric'}`

		Defines the date format of title of the popover created by the [dayMaxEvents](#daymaxevents) option.

		This value can be either an object with options for the native JavaScript [Intl.DateTimeFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormat) object, or a callback function that returns formatted string:

		### displayEventEnd
		@@ -1148,2 +1169,36 @@ - Type `boolean`

		### moreLinkContent
		- Type `string`, `object`or `function`
		- Default `undefined`

		Defines the text that is displayed instead of the default `+2 more` created by the [dayMaxEvents](#daymaxevents) option.

		This value can be either a string containing HTML `'<p>...</p>'`, an object containing the HTML string `{html: '<p>...</p>'}`, an object containing an array of DOM nodes `{domNodes: [node1, node2, ...]}` or a function that returns any of the above formats:

		```js
		function (arg) {
		// return string or object
		}
		```
		`arg` is an object with the following properties:
		<table>
		<tr>
		<td>

		`num`
		</td>
		<td>The number of hidden events</td>
		</tr>
		<tr>
		<td>

		`text`
		</td>
		<td>

		The default text like `+2 more`
		</td>
		</tr>
		</table>

		### noEventsClick
		@@ -1274,3 +1329,3 @@ - Type `function`
		- Type `object` or `function`
		- Default `{calendar: 'ec', header: 'ec-header', withScroll: 'ec-with-scroll', hiddenScroll: 'ec-hidden-scroll', body: 'ec-body', week: 'ec-week', compact: 'ec-compact', toolbar: 'ec-toolbar', sidebar: 'ec-sidebar', content: 'ec-content', lines: 'ec-lines', line: 'ec-line', days: 'ec-days', day: 'ec-day', dayHead: 'ec-day-head', today: 'ec-today', otherMonth: 'ec-other-month', highlight: 'ec-highlight', events: 'ec-events', event: 'ec-event', eventTime: 'ec-event-time', eventTitle: 'ec-event-title', bgEvents: 'ec-bg-events', bgEvent: 'ec-bg-event', hiddenTimes: 'ec-hidden-times', time: 'ec-time', button: 'ec-button', buttonGroup: 'ec-button-group', icon: 'ec-icon', active: 'ec-active', title: 'ec-title', month: 'ec-month', daySide: 'ec-day-side', eventTag: 'ec-event-tag', list: 'ec-list', noEvents: 'ec-no-events', resource: 'ec-resource', resourceTitle: 'ec-resource-title'}`
		- Default `{calendar: 'ec', header: 'ec-header', withScroll: 'ec-with-scroll', hiddenScroll: 'ec-hidden-scroll', body: 'ec-body', week: 'ec-week', compact: 'ec-compact', toolbar: 'ec-toolbar', sidebar: 'ec-sidebar', content: 'ec-content', lines: 'ec-lines', line: 'ec-line', days: 'ec-days', day: 'ec-day', dayHead: 'ec-day-head', today: 'ec-today', otherMonth: 'ec-other-month', highlight: 'ec-highlight', events: 'ec-events', event: 'ec-event', eventTime: 'ec-event-time', eventTitle: 'ec-event-title', bgEvents: 'ec-bg-events', bgEvent: 'ec-bg-event', hiddenTimes: 'ec-hidden-times', time: 'ec-time', button: 'ec-button', buttonGroup: 'ec-button-group', icon: 'ec-icon', active: 'ec-active', title: 'ec-title', uniform: 'ec-uniform', dayFoot: 'ec-day-foot', month: 'ec-month', popup: 'ec-popup', daySide: 'ec-day-side', eventTag: 'ec-event-tag', list: 'ec-list', noEvents: 'ec-no-events', resource: 'ec-resource', resourceTitle: 'ec-resource-title', draggable: 'ec-draggable', ghost: 'ec-ghost', preview: 'ec-preview', pointer: 'ec-pointer'}`

		@@ -1516,3 +1571,3 @@ Defines the CSS classes that the Event Calendar uses to generate HTML markup.

		In addition, in your callback functions, you may get the `'ghost'` and `'preview'` for this property, which are internal values and are used to display events during drag-and-drop operations
		In addition, in your callback functions, you may get the `'ghost'`, `'preview'` and `'pointer'` for this property, which are internal values and are used, for example, to display events during drag-and-drop operations
		</td>
		@@ -1519,0 +1574,0 @@ </tr>

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

New alerts

Fixed alerts

Improved metrics

Dependency changes