npm - @event-calendar/core - Versions diffs - 5.3.0 → 5.3.1 - Mend

@event-calendar/core 5.3.0 → 5.3.1

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 +13 -13
package/dist/index.css +1 -1
package/dist/index.js +12 -9
package/package.json +2 -2
package/src/plugins/interaction/Action.svelte +14 -11
package/src/plugins/interaction/Resizer.svelte +2 -0

package/README.md CHANGED Viewed

@@ -251,8 +251,8 @@ This bundle contains a version of the calendar that includes all plugins and is
 The first step is to 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@5.3.0/dist/event-calendar.min.css">
-<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@5.3.0/dist/event-calendar.min.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@5.3.1/dist/event-calendar.min.css">
+<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@5.3.1/dist/event-calendar.min.js"></script>
 ```
 <details>
@@ -1546,7 +1546,7 @@ This option is used instead of the `events` option.
 `EventSource` should be an object with one of the following sets of properties:
-#### 1. Fetch events JSON from a URL
+#### 1. Fetch events from a URL
 <table>
 <tr>
 <td>
@@ -2033,13 +2033,13 @@ The function is triggered during resizing for each cursor movement and takes the
 - Type `array`, `object` or `function`
 - Default `[]`
-The source of resource data displayed in resource views. It can be provided in one of three ways:
+Defines the source of resource data displayed in resource views. It can be provided in one of three ways:
 #### 1. Array of plain objects
-The provided plain objects will be parsed into [Resource](#resource-object) objects.
+If the resources are predefined and do not change, then pass them as an array of plain objects. The provided plain objects will be [parsed]((#parsing-resource-from-a-plain-object)) into [Resource](#resource-object) objects.
-#### 2. Fetch resources JSON from a URL
-For this option, provide an object with the following properties:
+#### 2. Fetch resources from a URL
+To make the calendar load resources from a URL, specify `resources` option as an object with the following properties:
 <table>
 <tr>
 <td>
@@ -2056,7 +2056,7 @@ A URL from which the calendar will fetch an array of [parsable](#parsing-resourc
 `start`
 </td>
 <td>
-Start date of the range the calendar needs events for
+Start date of the range the calendar needs resources for
 </td>
 </tr>
 <tr>
@@ -2065,7 +2065,7 @@ Start date of the range the calendar needs events for
 `end`
 </td>
 <td>
-End date of the range the calendar needs events for
+End date of the range the calendar needs resources for
 </td>
 </tr>
 </table>
@@ -2094,26 +2094,26 @@ Other GET/POST data you want to send to the server. Can be a plain object or a f
 </table>
 #### 3. Execute custom function
-You can also provide a custom function that returns an array of resources.
+You can also specify `resources` as a custom function that provides resource data.
 ```js
 function(fetchInfo, successCallback, failureCallback) { }
 ```
 If [refetchResourcesOnNavigate](#refetchresourcesonnavigate) is enabled, the function will be called every time the user navigates to a different date. In this case,
-`fetchInfo` will be an object with the following properties (otherwise, it is an empty object):
+`fetchInfo` will be an object with the following properties (it is an empty object otherwise):
 <table>
 <tr>
 <td>
 `start`
 </td>
-<td>JavaScript Date object for the beginning of the range the calendar needs events for</td>
+<td>JavaScript Date object for the beginning of the range the calendar needs resources for</td>
 </tr>
 <tr>
 <td>
 `end`
 </td>
-<td>JavaScript Date object for the end of the range the calendar needs events for. Note: This value is exclusive</td>
+<td>JavaScript Date object for the end of the range the calendar needs resources for. Note: This value is exclusive</td>
 </tr>
 <tr>
 <td>

package/dist/index.css CHANGED Viewed

@@ -1,5 +1,5 @@
 /*!
- * EventCalendar v5.3.0
+ * EventCalendar v5.3.1
  * https://github.com/vkurko/calendar
  */
 .ec {

package/dist/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /*!
- * EventCalendar v5.3.0
+ * EventCalendar v5.3.1
  * https://github.com/vkurko/calendar
  */
 import { untrack, tick, getAbortSignal, getContext, setContext, onMount, mount, unmount } from "svelte";
@@ -3282,16 +3282,19 @@ function Action($$anchor, $$props) {
           }
         }
       }
-      interacting = false;
-      action = fromX = fromY = toX = toY = event = display = date = newDate = resource = newResource = delta = extraDuration = allDay = minResize = selectStep = margin = gridEl = viewport = snapDuration = void 0;
-      mainState.iClass = void 0;
-      if (timer) {
-        clearTimeout(timer);
-        timer = void 0;
-      }
+      handlePointerCancel();
     }
     noDateClick = false;
   }
+  function handlePointerCancel() {
+    interacting = false;
+    action = fromX = fromY = toX = toY = event = display = date = newDate = resource = newResource = delta = extraDuration = allDay = minResize = selectStep = margin = gridEl = viewport = snapDuration = void 0;
+    mainState.iClass = void 0;
+    if (timer) {
+      clearTimeout(timer);
+      timer = void 0;
+    }
+  }
   function findDayEl() {
     return getElementWithPayload(limit(toX, viewport.left, viewport.right), limit(toY, viewport.top, viewport.bottom));
   }
@@ -3482,7 +3485,7 @@ function Action($$anchor, $$props) {
   };
   $.event("pointermove", $.window, handlePointerMove);
   $.event("pointerup", $.window, handlePointerUp);
-  $.event("pointercancel", $.window, handlePointerUp);
+  $.event("pointercancel", $.window, handlePointerCancel);
   $.event("scroll", $.window, handleScroll2);
   var event_handler = $.derived(() => createPreventDefaultHandler(complexAction));
   $.event("selectstart", $.window, function(...$$args) {

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@event-calendar/core",
-  "version": "5.3.0",
+  "version": "5.3.1",
   "title": "Event Calendar Core package",
   "description": "Full-sized drag & drop event calendar with resource & timeline views",
   "keywords": [
@@ -32,6 +32,6 @@
     "#components": "./src/lib/components/index.js"
   },
   "dependencies": {
-    "svelte": "^5.48.0"
+    "svelte": "^5.49.0"
   }
 }

package/src/plugins/interaction/Action.svelte CHANGED Viewed

@@ -393,21 +393,24 @@
                     }
                 }
             }
-            interacting = false;
-            action = fromX = fromY = toX = toY = event = display = date = newDate = resource = newResource = delta =
-                extraDuration = allDay = minResize = selectStep = margin = gridEl = viewport = snapDuration = undefined;
-            mainState.iClass = undefined;
-            if (timer) {
-                clearTimeout(timer);
-                timer = undefined;
-            }
+            handlePointerCancel();
         }
         noDateClick = false;
     }
+    function handlePointerCancel() {
+        interacting = false;
+        action = fromX = fromY = toX = toY = event = display = date = newDate = resource = newResource = delta =
+            extraDuration = allDay = minResize = selectStep = margin = gridEl = viewport = snapDuration = undefined;
+        mainState.iClass = undefined;
+        if (timer) {
+            clearTimeout(timer);
+            timer = undefined;
+        }
+    }
     function findDayEl() {
         // Limit coordinates to viewport
         return getElementWithPayload(
@@ -641,7 +644,7 @@
 <svelte:window
     onpointermove={handlePointerMove}
     onpointerup={handlePointerUp}
-    onpointercancel={handlePointerUp}
+    onpointercancel={handlePointerCancel}
     onscroll={handleScroll}
     onselectstart={createPreventDefaultHandler(complexAction)}
     oncontextmenu={createPreventDefaultHandler(() => timer)}

package/src/plugins/interaction/Resizer.svelte CHANGED Viewed

@@ -30,9 +30,11 @@
 </script>
 {#if resizable && eventResizableFromStart}
+    <!-- svelte-ignore a11y_no_static_element_interactions -->
     <div class="{theme.resizer} {theme.start}" onpointerdown={createResizeHandler(true)}></div>
 {/if}
 {@render children()}
 {#if resizable}
+    <!-- svelte-ignore a11y_no_static_element_interactions -->
     <div class="{theme.resizer}" onpointerdown={createResizeHandler(false)}></div>
 {/if}