npm - @event-calendar/core - Versions diffs - 5.1.1 → 5.1.3 - Mend

@event-calendar/core 5.1.1 → 5.1.3

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 (8) hide show

package/README.md +14 -2
package/dist/index.css +1 -1
package/dist/index.js +29 -18
package/package.json +1 -1
package/src/Calendar.svelte +3 -1
package/src/storage/effects.js +1 -1
package/src/storage/options.svelte.js +6 -5
package/src/storage/state.svelte.js +1 -1

package/README.md CHANGED Viewed

@@ -246,8 +246,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.1.1/dist/event-calendar.min.css">
-<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@5.1.1/dist/event-calendar.min.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@5.1.3/dist/event-calendar.min.css">
+<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@5.1.3/dist/event-calendar.min.js"></script>
 ```
 <details>
@@ -2490,6 +2490,18 @@ The mounted [View](#view-object) object
 You can specify options that apply only to specific views. To do so provide separate options objects within the `views` option, keyed by the name of the view.
+If you want to create a custom view, you can use the `type` property to inherit options from a standard view.
+```js
+views: {
+    resourceTimelineThreeDays: {
+        type: 'resourceTimelineDay',
+        duration: {days: 3}
+    }
+}
+```
 ### weekNumberContent
 - Type `Content` or `function`
 - Default `undefined`

package/dist/index.css CHANGED Viewed

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

package/dist/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /*!
- * EventCalendar v5.1.1
+ * EventCalendar v5.1.3
  * https://github.com/vkurko/calendar
  */
 import { untrack, getAbortSignal, tick, getContext, setContext, onMount, mount, unmount } from "svelte";
@@ -845,8 +845,8 @@ function optionsState(mainState, plugins, userOptions) {
   let parsers = createParsers(plugins);
   defOptions = parseOptions(defOptions, parsers);
   userOptions = parseOptions(userOptions, parsers);
-  let defViewOptions = extractOption(defOptions, "views") ?? {};
-  let userViewOptions = extractOption(userOptions, "views") ?? {};
+  let defViewsOptions = extractOption(defOptions, "views") ?? {};
+  let userViewsOptions = extractOption(userOptions, "views") ?? {};
   let options = new SvelteMap();
   setOptions(options, defOptions);
   let setters = {};
@@ -855,10 +855,11 @@ function optionsState(mainState, plugins, userOptions) {
     if (userOptions.view) {
       options.set("view", userOptions.view);
     }
-    let views = /* @__PURE__ */ new Set([...keys(defViewOptions), ...keys(userViewOptions)]);
+    let views = /* @__PURE__ */ new Set([...keys(defViewsOptions), ...keys(userViewsOptions)]);
     for (let view2 of views) {
-      let defOpts = mergeOpts(defOptions, defViewOptions[view2] ?? {});
-      let opts = mergeOpts(defOpts, userOptions, userViewOptions[view2] ?? {});
+      let userViewOptions = userViewsOptions[view2] ?? {};
+      let defOpts = mergeOpts(defOptions, defViewsOptions[view2] ?? defViewsOptions[userViewOptions.type] ?? {});
+      let opts = mergeOpts(defOpts, userOptions, userViewOptions);
       let component = extractOption(opts, "component");
       delete opts.view;
       for (let key of keys(opts)) {
@@ -1012,7 +1013,7 @@ function loadEvents(mainState) {
           }
           ++fetching;
         }
-        mainState.fetchedRange = activeRange2;
+        assign(fetchedRange, activeRange2);
       }
     });
   };
@@ -1201,7 +1202,7 @@ class State {
     return $.get(this.#fetchedRange);
   }
   set fetchedRange(value) {
-    $.set(this.#fetchedRange, value, true);
+    $.set(this.#fetchedRange, value);
   }
   #events;
   get events() {
@@ -1337,7 +1338,7 @@ class State {
     this.#auxComponents = $.state($.proxy([]));
     this.#currentRange = $.derived(currentRange(this));
     this.#activeRange = $.derived(activeRange(this));
-    this.#fetchedRange = $.state($.proxy({ start: void 0, end: void 0 }));
+    this.#fetchedRange = $.state({ start: void 0, end: void 0 });
     this.#events = $.state([]);
     this.#filteredEvents = $.derived(filteredEvents(this));
     this.#mainEl = $.state();
@@ -1768,17 +1769,27 @@ function Calendar($$anchor, $$props) {
   var node = $.child(div);
   Toolbar(node, {});
   var node_1 = $.sibling(node, 2);
-  $.component(node_1, () => $.get(View2), ($$anchor2, View_12) => {
-    View_12($$anchor2, {});
-  });
-  var node_2 = $.sibling(node_1, 2);
-  $.each(node_2, 17, () => $.get(auxComponents), $.index, ($$anchor2, AuxComponent) => {
-    var fragment = $.comment();
-    var node_3 = $.first_child(fragment);
-    $.component(node_3, () => $.get(AuxComponent), ($$anchor3, AuxComponent_1) => {
+  {
+    var consequent = ($$anchor2) => {
+      var fragment = $.comment();
+      var node_2 = $.first_child(fragment);
+      $.component(node_2, () => $.get(View2), ($$anchor3, View_12) => {
+        View_12($$anchor3, {});
+      });
+      $.append($$anchor2, fragment);
+    };
+    $.if(node_1, ($$render) => {
+      if ($.get(View2)) $$render(consequent);
+    });
+  }
+  var node_3 = $.sibling(node_1, 2);
+  $.each(node_3, 17, () => $.get(auxComponents), $.index, ($$anchor2, AuxComponent) => {
+    var fragment_1 = $.comment();
+    var node_4 = $.first_child(fragment_1);
+    $.component(node_4, () => $.get(AuxComponent), ($$anchor3, AuxComponent_1) => {
       AuxComponent_1($$anchor3, {});
     });
-    $.append($$anchor2, fragment);
+    $.append($$anchor2, fragment_1);
   });
   $.reset(div);
   $.template_effect(

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@event-calendar/core",
-  "version": "5.1.1",
+  "version": "5.1.3",
   "title": "Event Calendar Core package",
   "description": "Full-sized drag & drop event calendar with resource & timeline views",
   "keywords": [

package/src/Calendar.svelte CHANGED Viewed

@@ -131,7 +131,9 @@
     role="{features.includes('list') ? 'list' : 'table'}"
 >
     <Toolbar/>
-    <View/>
+    {#if View} <!-- temporary fix for https://github.com/sveltejs/kit/issues/15109 -->
+        <View/>
+    {/if}
     {#each auxComponents as AuxComponent}
         <AuxComponent/>
     {/each}

package/src/storage/effects.js CHANGED Viewed

@@ -80,7 +80,7 @@ export function loadEvents(mainState) {
                     ++fetching;
                 }
                 // Save current range for future requests
-                mainState.fetchedRange = activeRange;
+                assign(fetchedRange, activeRange);
             }
         });
     };

package/src/storage/options.svelte.js CHANGED Viewed

@@ -139,8 +139,8 @@ export function optionsState(mainState, plugins, userOptions) {
     userOptions = parseOptions(userOptions, parsers);
     // Extract view-specific options
-    let defViewOptions = extractOption(defOptions, 'views') ?? {};
-    let userViewOptions = extractOption(userOptions, 'views') ?? {};
+    let defViewsOptions = extractOption(defOptions, 'views') ?? {};
+    let userViewsOptions = extractOption(userOptions, 'views') ?? {};
     // Create options state
     let options = new SvelteMap();
@@ -155,10 +155,11 @@ export function optionsState(mainState, plugins, userOptions) {
             options.set('view', userOptions.view);
         }
         // Set options for each view
-        let views = new Set([...keys(defViewOptions), ...keys(userViewOptions)]);
+        let views = new Set([...keys(defViewsOptions), ...keys(userViewsOptions)]);
         for (let view of views) {
-            let defOpts = mergeOpts(defOptions, defViewOptions[view] ?? {});
-            let opts = mergeOpts(defOpts, userOptions, userViewOptions[view] ?? {});
+            let userViewOptions = userViewsOptions[view] ?? {};
+            let defOpts = mergeOpts(defOptions, defViewsOptions[view] ?? defViewsOptions[userViewOptions.type] ?? {});
+            let opts = mergeOpts(defOpts, userOptions, userViewOptions);
             let component = extractOption(opts, 'component');
             // View has been set
             delete opts.view;

package/src/storage/state.svelte.js CHANGED Viewed

@@ -18,7 +18,7 @@ export default class State {
         this.auxComponents = $state([]);
         this.currentRange = $derived.by(currentRange(this));
         this.activeRange = $derived.by(activeRange(this));
-        this.fetchedRange = $state({start: undefined, end: undefined});
+        this.fetchedRange = $state.raw({start: undefined, end: undefined});
         this.events = $state.raw([]);
         this.filteredEvents = $derived.by(filteredEvents(this));
         this.mainEl = $state();