@event-calendar/common - npm Package Compare versions

Comparing version 0.9.0 to 0.10.0

index.js

@@ -300,2 +300,3 @@ import { is_function } from 'svelte/internal';
         startEditable: event.startEditable,
+        durationEditable: event.durationEditable,
         display: display.includes(event.display) ? event.display : 'auto',
@@ -302,0 +303,0 @@ extendedProps: event.extendedProps || {},

package.json

 {
   "name": "@event-calendar/common",
-  "version": "0.9.0",
+  "version": "0.10.0",
   "title": "Event Calendar Common package",
@@ -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",
@@ -20,0 +30,0 @@ "type": "module",

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>

src/events.js

@@ -20,2 +20,3 @@ import {createDate, cloneDate, toLocalDate} from './date';
         startEditable: event.startEditable,
+        durationEditable: event.durationEditable,
         display: display.includes(event.display) ? event.display : 'auto',
@@ -22,0 +23,0 @@ extendedProps: event.extendedProps || {},

No alert changes

Improved metrics

Total package byte prevSize

71647

increased by5.16%

Lines of code

764

increased by0.26%

Number of lines in readme file

2057

increased by9.24%

No dependency changes