@event-calendar/resource-time-grid
Advanced tools
Comparing version 0.9.0 to 0.10.0
{ | ||
"name": "@event-calendar/resource-time-grid", | ||
"version": "0.9.0", | ||
"version": "0.10.0", | ||
"title": "Event Calendar ResourceTimeGrid plugin", | ||
@@ -18,2 +18,12 @@ "description": "Full-sized drag & drop event calendar with resource view", | ||
}, | ||
"funding": [ | ||
{ | ||
"type": "paypal_$10", | ||
"url": "https://paypal.me/vkurko/10usd" | ||
}, | ||
{ | ||
"type": "paypal_$1", | ||
"url": "https://paypal.me/vkurko/1usd" | ||
} | ||
], | ||
"license": "MIT", | ||
@@ -27,5 +37,5 @@ "type": "module", | ||
"dependencies": { | ||
"@event-calendar/time-grid": "~0.9.0", | ||
"@event-calendar/time-grid": "~0.10.0", | ||
"svelte": "^3.46.6" | ||
} | ||
} |
188
README.md
@@ -1,2 +0,2 @@ | ||
# Event Calendar [![](https://data.jsdelivr.com/v1/package/npm/@event-calendar/build/badge)](https://www.jsdelivr.com/package/npm/@event-calendar/build) | ||
# Event Calendar [![](https://data.jsdelivr.com/v1/package/npm/@event-calendar/build/badge)](https://www.jsdelivr.com/package/npm/@event-calendar/build) [![Donate](https://img.shields.io/badge/Donate_$10-PayPal-green.svg)](https://www.paypal.me/vkurko/10usd) [![Donate](https://img.shields.io/badge/Donate_$1-PayPal-green.svg)](https://www.paypal.me/vkurko/1usd) | ||
@@ -41,9 +41,13 @@ See [demo](https://vkurko.github.io/calendar/). | ||
- [eventDragMinDistance](#eventdragmindistance) | ||
- [eventDragStart](#eventdragstart) | ||
</td><td> | ||
- [eventDragStart](#eventdragstart) | ||
- [eventDragStop](#eventdragstop) | ||
- [eventDrop](#eventdrop) | ||
- [eventDurationEditable](#eventdurationeditable) | ||
- [eventMouseEnter](#eventmouseenter) | ||
- [eventMouseLeave](#eventmouseleave) | ||
- [eventResize](#eventresize) | ||
- [eventResizeStart](#eventresizestart) | ||
- [eventResizeStop](#eventresizestop) | ||
- [eventSources](#eventsources) | ||
@@ -61,6 +65,6 @@ - [eventStartEditable](#eventstarteditable) | ||
- [listDayFormat](#listdayformat) | ||
</td><td> | ||
- [listDaySideFormat](#listdaysideformat) | ||
- [loading](#loading) | ||
</td><td> | ||
- [locale](#locale) | ||
@@ -427,3 +431,3 @@ - [monthMode](#monthmode) | ||
Currently, only **dragging** is supported. See [eventStartEditable](#eventstarteditable). | ||
If you don't need both, use the more specific [eventStartEditable](#eventstarteditable) and [eventDurationEditable](#eventdurationeditable) instead. | ||
@@ -684,3 +688,3 @@ ### events | ||
It is triggered after the event’s information has been modified and after the [eventDragStop](#eventdrop) callback has been triggered. | ||
It is triggered after the event’s information has been modified and after the [eventDragStop](#eventdragstop) callback has been triggered. | ||
@@ -771,2 +775,8 @@ ```js | ||
### eventDurationEditable | ||
- Type `boolean` | ||
- Default `true` | ||
Determines whether calendar events can be resized. | ||
### eventMouseEnter | ||
@@ -866,2 +876,156 @@ - Type `function` | ||
### eventResize | ||
- Type `function` | ||
- Default `undefined` | ||
Callback function that is triggered when resizing stops, and the duration of the event has changed. | ||
It is triggered after the event’s information has been modified and after the [eventResizeStop](#eventresizestop) callback has been triggered. | ||
```js | ||
function (info) { } | ||
``` | ||
`info` is an object with the following properties: | ||
<table> | ||
<tr> | ||
<td> | ||
`event` | ||
</td> | ||
<td> | ||
The associated [Event](#event-object) object | ||
</td> | ||
</tr> | ||
<tr> | ||
<td> | ||
`oldEvent` | ||
</td> | ||
<td> | ||
An [Event](#event-object) object that holds information about the event before the resize | ||
</td> | ||
</tr> | ||
<tr> | ||
<td> | ||
`endDelta` | ||
</td> | ||
<td> | ||
A [Duration](#duration-object) object that represents the amount of time the event’s end date was moved by | ||
</td> | ||
</tr> | ||
<tr> | ||
<td> | ||
`revert` | ||
</td> | ||
<td> | ||
A function that, if called, reverts the event’s end date to the values before the resize | ||
</td> | ||
</tr> | ||
<tr> | ||
<td> | ||
`jsEvent` | ||
</td> | ||
<td>JavaScript native event object with low-level information such as click coordinates</td> | ||
</tr> | ||
<tr> | ||
<td> | ||
`view` | ||
</td> | ||
<td> | ||
The current [View](#view-object) object | ||
</td> | ||
</tr> | ||
</table> | ||
### eventResizeStart | ||
- Type `function` | ||
- Default `undefined` | ||
Callback function that is triggered when the event resizing begins. | ||
```js | ||
function (info) { } | ||
``` | ||
`info` is an object with the following properties: | ||
<table> | ||
<tr> | ||
<td> | ||
`event` | ||
</td> | ||
<td> | ||
The associated [Event](#event-object) object | ||
</td> | ||
</tr> | ||
<tr> | ||
<td> | ||
`jsEvent` | ||
</td> | ||
<td>JavaScript native event object with low-level information such as click coordinates</td> | ||
</tr> | ||
<tr> | ||
<td> | ||
`view` | ||
</td> | ||
<td> | ||
The current [View](#view-object) object | ||
</td> | ||
</tr> | ||
</table> | ||
### eventResizeStop | ||
- Type `function` | ||
- Default `undefined` | ||
Callback function that is triggered when the event resizing stops. | ||
It is triggered before the event’s information has been modified (if duration is changed) and before the [eventResize](#eventresize) callback is triggered. | ||
```js | ||
function (info) { } | ||
``` | ||
`info` is an object with the following properties: | ||
<table> | ||
<tr> | ||
<td> | ||
`event` | ||
</td> | ||
<td> | ||
The associated [Event](#event-object) object | ||
</td> | ||
</tr> | ||
<tr> | ||
<td> | ||
`jsEvent` | ||
</td> | ||
<td>JavaScript native event object with low-level information such as click coordinates</td> | ||
</tr> | ||
<tr> | ||
<td> | ||
`view` | ||
</td> | ||
<td> | ||
The current [View](#view-object) object | ||
</td> | ||
</tr> | ||
</table> | ||
### eventSources | ||
@@ -1337,3 +1501,3 @@ - Type `EventSource[]` | ||
- Type `object` or `function` | ||
- Default `{active: 'ec-active', bgEvent: 'ec-bg-event', bgEvents: 'ec-bg-events', body: 'ec-body', button: 'ec-button', buttonGroup: 'ec-button-group', calendar: 'ec', compact: 'ec-compact', content: 'ec-content', day: 'ec-day', dayHead: 'ec-day-head', days: 'ec-days', event: 'ec-event', eventTime: 'ec-event-time', eventTitle: 'ec-event-title', events: 'ec-events', extra: 'ec-extra', handle: 'ec-handle', header: 'ec-header', hiddenScroll: 'ec-hidden-scroll', hiddenTimes: 'ec-hidden-times', highlight: 'ec-highlight', icon: 'ec-icon', line: 'ec-line', lines: 'ec-lines', nowIndicator: 'ec-now-indicator', otherMonth: 'ec-other-month', sidebar: 'ec-sidebar', today: 'ec-today', time: 'ec-time', title: 'ec-title', toolbar: 'ec-toolbar', week: 'ec-week', withScroll: 'ec-with-scroll', 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'}` | ||
- Default `{active: 'ec-active', bgEvent: 'ec-bg-event', bgEvents: 'ec-bg-events', body: 'ec-body', button: 'ec-button', buttonGroup: 'ec-button-group', calendar: 'ec', compact: 'ec-compact', content: 'ec-content', day: 'ec-day', dayHead: 'ec-day-head', days: 'ec-days', event: 'ec-event', eventBody: 'ec-event-body', eventTime: 'ec-event-time', eventTitle: 'ec-event-title', events: 'ec-events', extra: 'ec-extra', handle: 'ec-handle', header: 'ec-header', hiddenScroll: 'ec-hidden-scroll', hiddenTimes: 'ec-hidden-times', highlight: 'ec-highlight', icon: 'ec-icon', line: 'ec-line', lines: 'ec-lines', nowIndicator: 'ec-now-indicator', otherMonth: 'ec-other-month', sidebar: 'ec-sidebar', today: 'ec-today', time: 'ec-time', title: 'ec-title', toolbar: 'ec-toolbar', week: 'ec-week', withScroll: 'ec-with-scroll', 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', resizer: 'ec-resizer', dragging: 'ec-dragging', resizingY: 'ec-resizing-y', resizingX: 'ec-resizing-x'}` | ||
@@ -1578,2 +1742,12 @@ Defines the CSS classes that the Event Calendar uses to generate HTML markup. | ||
`durationEditable` | ||
</td> | ||
<td> | ||
Boolean (`true` or `false`) or `undefined`. The value overriding the [eventDurationEditable](#eventdurationeditable) setting for this specific event | ||
</td> | ||
</tr> | ||
<tr> | ||
<td> | ||
`display` | ||
@@ -1580,0 +1754,0 @@ </td> |
67144
2057
+ Added@event-calendar/common@0.10.2(transitive)
+ Added@event-calendar/time-grid@0.10.2(transitive)
- Removed@event-calendar/common@0.9.0(transitive)
- Removed@event-calendar/time-grid@0.9.0(transitive)