@event-calendar/core 4.4.0 → 4.4.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.
- package/README.md +2 -2
- package/dist/index.css +1 -1
- package/dist/index.js +22 -22
- package/package.json +1 -1
- package/src/Auxiliary.svelte +2 -2
- package/src/lib/stores.js +3 -3
- package/src/lib/times.js +2 -2
- package/src/plugins/day-grid/Body.svelte +2 -2
- package/src/plugins/list/Body.svelte +2 -2
- package/src/plugins/resource-timeline/Body.svelte +2 -2
- package/src/plugins/resource-timeline/stores.js +3 -3
- package/src/plugins/time-grid/stores.js +1 -1
package/README.md
CHANGED
|
@@ -228,8 +228,8 @@ This bundle contains a version of the calendar that includes all plugins and is
|
|
|
228
228
|
|
|
229
229
|
The first step is to include the following lines of code in the `<head>` section of your page:
|
|
230
230
|
```html
|
|
231
|
-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.4.
|
|
232
|
-
<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.4.
|
|
231
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.4.1/dist/event-calendar.min.css">
|
|
232
|
+
<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.4.1/dist/event-calendar.min.js"></script>
|
|
233
233
|
```
|
|
234
234
|
|
|
235
235
|
<details>
|
package/dist/index.css
CHANGED
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* EventCalendar v4.4.
|
|
2
|
+
* EventCalendar v4.4.1
|
|
3
3
|
* https://github.com/vkurko/calendar
|
|
4
4
|
*/
|
|
5
5
|
import { tick, getContext, untrack, setContext, onMount, mount, unmount } from "svelte";
|
|
@@ -720,12 +720,12 @@ function _getParts(source, parts) {
|
|
|
720
720
|
}
|
|
721
721
|
function viewResources(state) {
|
|
722
722
|
return derived(
|
|
723
|
-
[state.resources, state.filterResourcesWithEvents, state.
|
|
724
|
-
([$resources, $filterResourcesWithEvents, $
|
|
723
|
+
[state.resources, state.filterResourcesWithEvents, state._filteredEvents, state._activeRange],
|
|
724
|
+
([$resources, $filterResourcesWithEvents, $_filteredEvents, $_activeRange]) => {
|
|
725
725
|
let result = $resources.filter((resource) => !getPayload(resource).hidden);
|
|
726
726
|
if ($filterResourcesWithEvents) {
|
|
727
727
|
result = $resources.filter((resource) => {
|
|
728
|
-
for (let event of $
|
|
728
|
+
for (let event of $_filteredEvents) {
|
|
729
729
|
if (event.display !== "background" && event.resourceIds.includes(resource.id) && event.start < $_activeRange.end && event.end > $_activeRange.start) {
|
|
730
730
|
return true;
|
|
731
731
|
}
|
|
@@ -763,7 +763,7 @@ function createTimes(date, $slotDuration, $slotLabelInterval, $_slotTimeLimits,
|
|
|
763
763
|
}
|
|
764
764
|
return times2;
|
|
765
765
|
}
|
|
766
|
-
function createSlotTimeLimits($slotMinTime, $slotMaxTime, $flexibleSlotTimeLimits, $_viewDates, $
|
|
766
|
+
function createSlotTimeLimits($slotMinTime, $slotMaxTime, $flexibleSlotTimeLimits, $_viewDates, $_filteredEvents) {
|
|
767
767
|
let min$1 = createDuration($slotMinTime);
|
|
768
768
|
let max$1 = createDuration($slotMaxTime);
|
|
769
769
|
if ($flexibleSlotTimeLimits) {
|
|
@@ -775,7 +775,7 @@ function createSlotTimeLimits($slotMinTime, $slotMaxTime, $flexibleSlotTimeLimit
|
|
|
775
775
|
let end = addDuration(cloneDate(date), max$1);
|
|
776
776
|
let minStart = addDuration(cloneDate(date), minMin);
|
|
777
777
|
let maxEnd = addDuration(cloneDate(date), maxMax);
|
|
778
|
-
for (let event of $
|
|
778
|
+
for (let event of $_filteredEvents) {
|
|
779
779
|
if (!event.allDay && filter(event) && event.start < maxEnd && event.end > minStart) {
|
|
780
780
|
if (event.start < start) {
|
|
781
781
|
let seconds = max((event.start - date) / 1e3, toSeconds(minMin));
|
|
@@ -1554,7 +1554,7 @@ function Auxiliary$1($$anchor, $$props) {
|
|
|
1554
1554
|
const $_activeRange = () => $.store_get(_activeRange, "$_activeRange", $$stores);
|
|
1555
1555
|
const $datesSet = () => $.store_get(datesSet, "$datesSet", $$stores);
|
|
1556
1556
|
const $_view = () => $.store_get(_view, "$_view", $$stores);
|
|
1557
|
-
const $
|
|
1557
|
+
const $_filteredEvents = () => $.store_get(_filteredEvents, "$_filteredEvents", $$stores);
|
|
1558
1558
|
const $eventAllUpdated = () => $.store_get(eventAllUpdated, "$eventAllUpdated", $$stores);
|
|
1559
1559
|
const $_queue = () => $.store_get(_queue, "$_queue", $$stores);
|
|
1560
1560
|
const $_recheckScrollable = () => $.store_get(_recheckScrollable, "$_recheckScrollable", $$stores);
|
|
@@ -1565,7 +1565,7 @@ function Auxiliary$1($$anchor, $$props) {
|
|
|
1565
1565
|
eventAllUpdated,
|
|
1566
1566
|
_auxiliary,
|
|
1567
1567
|
_activeRange,
|
|
1568
|
-
|
|
1568
|
+
_filteredEvents,
|
|
1569
1569
|
_scrollable,
|
|
1570
1570
|
_bodyEl,
|
|
1571
1571
|
_tasks,
|
|
@@ -1588,7 +1588,7 @@ function Auxiliary$1($$anchor, $$props) {
|
|
|
1588
1588
|
});
|
|
1589
1589
|
});
|
|
1590
1590
|
$.user_effect(() => {
|
|
1591
|
-
$
|
|
1591
|
+
$_filteredEvents();
|
|
1592
1592
|
untrack(() => {
|
|
1593
1593
|
if (isFunction($eventAllUpdated())) {
|
|
1594
1594
|
task(() => $eventAllUpdated()({ view: toViewWithLocalDates($_view()) }), "eau", _tasks);
|
|
@@ -2692,13 +2692,13 @@ function Body$3($$anchor, $$props) {
|
|
|
2692
2692
|
const $_viewDates = () => $.store_get(_viewDates, "$_viewDates", $$stores);
|
|
2693
2693
|
const $dayMaxEvents = () => $.store_get(dayMaxEvents, "$dayMaxEvents", $$stores);
|
|
2694
2694
|
const $_hiddenEvents = () => $.store_get(_hiddenEvents, "$_hiddenEvents", $$stores);
|
|
2695
|
-
const $
|
|
2695
|
+
const $_filteredEvents = () => $.store_get(_filteredEvents, "$_filteredEvents", $$stores);
|
|
2696
2696
|
const $_bodyEl = () => $.store_get(_bodyEl, "$_bodyEl", $$stores);
|
|
2697
2697
|
const $theme = () => $.store_get(theme, "$theme", $$stores);
|
|
2698
2698
|
let {
|
|
2699
2699
|
_bodyEl,
|
|
2700
2700
|
_viewDates,
|
|
2701
|
-
|
|
2701
|
+
_filteredEvents,
|
|
2702
2702
|
_hiddenEvents,
|
|
2703
2703
|
_recheckScrollable,
|
|
2704
2704
|
dayMaxEvents,
|
|
@@ -2727,7 +2727,7 @@ function Body$3($$anchor, $$props) {
|
|
|
2727
2727
|
runReposition(refs, $.get(weeks));
|
|
2728
2728
|
}
|
|
2729
2729
|
$.user_effect(() => {
|
|
2730
|
-
$
|
|
2730
|
+
$_filteredEvents();
|
|
2731
2731
|
$_hiddenEvents();
|
|
2732
2732
|
$dayMaxEvents();
|
|
2733
2733
|
untrack(reposition);
|
|
@@ -3855,7 +3855,7 @@ function Body$2($$anchor, $$props) {
|
|
|
3855
3855
|
$.push($$props, true);
|
|
3856
3856
|
const [$$stores, $$cleanup] = $.setup_stores();
|
|
3857
3857
|
const $_viewDates = () => $.store_get(_viewDates, "$_viewDates", $$stores);
|
|
3858
|
-
const $
|
|
3858
|
+
const $_filteredEvents = () => $.store_get(_filteredEvents, "$_filteredEvents", $$stores);
|
|
3859
3859
|
const $noEventsContent = () => $.store_get(noEventsContent, "$noEventsContent", $$stores);
|
|
3860
3860
|
const $noEventsClick = () => $.store_get(noEventsClick, "$noEventsClick", $$stores);
|
|
3861
3861
|
const $_view = () => $.store_get(_view, "$_view", $$stores);
|
|
@@ -3863,7 +3863,7 @@ function Body$2($$anchor, $$props) {
|
|
|
3863
3863
|
const $theme = () => $.store_get(theme, "$theme", $$stores);
|
|
3864
3864
|
let {
|
|
3865
3865
|
_bodyEl,
|
|
3866
|
-
|
|
3866
|
+
_filteredEvents,
|
|
3867
3867
|
_view,
|
|
3868
3868
|
_viewDates,
|
|
3869
3869
|
noEventsClick,
|
|
@@ -3875,7 +3875,7 @@ function Body$2($$anchor, $$props) {
|
|
|
3875
3875
|
if ($_viewDates().length) {
|
|
3876
3876
|
let start = $_viewDates()[0];
|
|
3877
3877
|
let end = addDay(cloneDate($_viewDates().at(-1)));
|
|
3878
|
-
for (let event of $
|
|
3878
|
+
for (let event of $_filteredEvents()) {
|
|
3879
3879
|
if (!bgEvent(event.display) && event.start < end && event.end > start) {
|
|
3880
3880
|
noEvents2 = false;
|
|
3881
3881
|
break;
|
|
@@ -3986,7 +3986,7 @@ function times(state) {
|
|
|
3986
3986
|
}
|
|
3987
3987
|
function slotTimeLimits(state) {
|
|
3988
3988
|
return derived(
|
|
3989
|
-
[state.slotMinTime, state.slotMaxTime, state.flexibleSlotTimeLimits, state._viewDates, state.
|
|
3989
|
+
[state.slotMinTime, state.slotMaxTime, state.flexibleSlotTimeLimits, state._viewDates, state._filteredEvents],
|
|
3990
3990
|
(args) => createSlotTimeLimits(...args)
|
|
3991
3991
|
);
|
|
3992
3992
|
}
|
|
@@ -5201,8 +5201,8 @@ const index$1 = {
|
|
|
5201
5201
|
};
|
|
5202
5202
|
function dayTimeLimits(state) {
|
|
5203
5203
|
return derived(
|
|
5204
|
-
[state.slotMinTime, state.slotMaxTime, state.flexibleSlotTimeLimits, state._viewDates, state.
|
|
5205
|
-
([$slotMinTime, $slotMaxTime, $flexibleSlotTimeLimits, $_viewDates, $
|
|
5204
|
+
[state.slotMinTime, state.slotMaxTime, state.flexibleSlotTimeLimits, state._viewDates, state._filteredEvents],
|
|
5205
|
+
([$slotMinTime, $slotMaxTime, $flexibleSlotTimeLimits, $_viewDates, $_filteredEvents]) => {
|
|
5206
5206
|
let dayTimeLimits2 = {};
|
|
5207
5207
|
for (let date of $_viewDates) {
|
|
5208
5208
|
dayTimeLimits2[date.getTime()] = createSlotTimeLimits(
|
|
@@ -5210,7 +5210,7 @@ function dayTimeLimits(state) {
|
|
|
5210
5210
|
$slotMaxTime,
|
|
5211
5211
|
$flexibleSlotTimeLimits,
|
|
5212
5212
|
[date],
|
|
5213
|
-
$
|
|
5213
|
+
$_filteredEvents
|
|
5214
5214
|
);
|
|
5215
5215
|
}
|
|
5216
5216
|
return dayTimeLimits2;
|
|
@@ -6001,7 +6001,7 @@ function Body($$anchor, $$props) {
|
|
|
6001
6001
|
const $slotWidth = () => $.store_get(slotWidth, "$slotWidth", $$stores);
|
|
6002
6002
|
const $_resHs = () => $.store_get(_resHs, "$_resHs", $$stores);
|
|
6003
6003
|
const $_viewResources = () => $.store_get(_viewResources, "$_viewResources", $$stores);
|
|
6004
|
-
const $
|
|
6004
|
+
const $_filteredEvents = () => $.store_get(_filteredEvents, "$_filteredEvents", $$stores);
|
|
6005
6005
|
const $_headerEl = () => $.store_get(_headerEl, "$_headerEl", $$stores);
|
|
6006
6006
|
const $_sidebarEl = () => $.store_get(_sidebarEl, "$_sidebarEl", $$stores);
|
|
6007
6007
|
const $theme = () => $.store_get(theme, "$theme", $$stores);
|
|
@@ -6012,7 +6012,7 @@ function Body($$anchor, $$props) {
|
|
|
6012
6012
|
_bodyWidth,
|
|
6013
6013
|
_bodyScrollLeft,
|
|
6014
6014
|
_headerEl,
|
|
6015
|
-
|
|
6015
|
+
_filteredEvents,
|
|
6016
6016
|
_sidebarEl,
|
|
6017
6017
|
_dayTimes,
|
|
6018
6018
|
_dayTimeLimits,
|
|
@@ -6041,7 +6041,7 @@ function Body($$anchor, $$props) {
|
|
|
6041
6041
|
runReposition(refs, $_viewResources());
|
|
6042
6042
|
}
|
|
6043
6043
|
$.user_effect(() => {
|
|
6044
|
-
$
|
|
6044
|
+
$_filteredEvents();
|
|
6045
6045
|
$_viewResources();
|
|
6046
6046
|
untrack(reposition);
|
|
6047
6047
|
});
|
package/package.json
CHANGED
package/src/Auxiliary.svelte
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
} from '#lib';
|
|
6
6
|
|
|
7
7
|
let {
|
|
8
|
-
datesSet, eventAllUpdated, _auxiliary, _activeRange,
|
|
8
|
+
datesSet, eventAllUpdated, _auxiliary, _activeRange, _filteredEvents, _scrollable, _bodyEl, _tasks, _recheckScrollable,
|
|
9
9
|
_queue, _view
|
|
10
10
|
} = getContext('state');
|
|
11
11
|
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
|
|
28
28
|
// eventAllUpdated callback
|
|
29
29
|
$effect(() => {
|
|
30
|
-
$
|
|
30
|
+
$_filteredEvents;
|
|
31
31
|
untrack(() => {
|
|
32
32
|
if (isFunction($eventAllUpdated)) {
|
|
33
33
|
task(() => $eventAllUpdated({view: toViewWithLocalDates($_view)}), 'eau', _tasks);
|
package/src/lib/stores.js
CHANGED
|
@@ -66,13 +66,13 @@ function _getParts(source, parts) {
|
|
|
66
66
|
|
|
67
67
|
export function viewResources(state) {
|
|
68
68
|
return derived(
|
|
69
|
-
[state.resources, state.filterResourcesWithEvents, state.
|
|
70
|
-
([$resources, $filterResourcesWithEvents, $
|
|
69
|
+
[state.resources, state.filterResourcesWithEvents, state._filteredEvents, state._activeRange],
|
|
70
|
+
([$resources, $filterResourcesWithEvents, $_filteredEvents, $_activeRange]) => {
|
|
71
71
|
let result = $resources.filter(resource => !getPayload(resource).hidden);
|
|
72
72
|
|
|
73
73
|
if ($filterResourcesWithEvents) {
|
|
74
74
|
result = $resources.filter(resource => {
|
|
75
|
-
for (let event of $
|
|
75
|
+
for (let event of $_filteredEvents) {
|
|
76
76
|
if (
|
|
77
77
|
event.display !== 'background' &&
|
|
78
78
|
event.resourceIds.includes(resource.id) &&
|
package/src/lib/times.js
CHANGED
|
@@ -31,7 +31,7 @@ export function createTimes(date, $slotDuration, $slotLabelInterval, $_slotTimeL
|
|
|
31
31
|
return times;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
-
export function createSlotTimeLimits($slotMinTime, $slotMaxTime, $flexibleSlotTimeLimits, $_viewDates, $
|
|
34
|
+
export function createSlotTimeLimits($slotMinTime, $slotMaxTime, $flexibleSlotTimeLimits, $_viewDates, $_filteredEvents) {
|
|
35
35
|
let min = createDuration($slotMinTime);
|
|
36
36
|
let max = createDuration($slotMaxTime);
|
|
37
37
|
|
|
@@ -47,7 +47,7 @@ export function createSlotTimeLimits($slotMinTime, $slotMaxTime, $flexibleSlotTi
|
|
|
47
47
|
let end = addDuration(cloneDate(date), max);
|
|
48
48
|
let minStart = addDuration(cloneDate(date), minMin);
|
|
49
49
|
let maxEnd = addDuration(cloneDate(date), maxMax);
|
|
50
|
-
for (let event of $
|
|
50
|
+
for (let event of $_filteredEvents) {
|
|
51
51
|
if (!event.allDay && filter(event) && event.start < maxEnd && event.end > minStart) {
|
|
52
52
|
if (event.start < start) {
|
|
53
53
|
let seconds = maxFn((event.start - date) / 1000, toSeconds(minMin));
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
import Week from './Week.svelte';
|
|
5
5
|
|
|
6
6
|
let {
|
|
7
|
-
_bodyEl, _viewDates,
|
|
7
|
+
_bodyEl, _viewDates, _filteredEvents, _hiddenEvents, _recheckScrollable, dayMaxEvents, hiddenDays, theme
|
|
8
8
|
} = getContext('state');
|
|
9
9
|
|
|
10
10
|
let refs = [];
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
runReposition(refs, weeks);
|
|
32
32
|
}
|
|
33
33
|
$effect(() => {
|
|
34
|
-
$
|
|
34
|
+
$_filteredEvents;
|
|
35
35
|
$_hiddenEvents;
|
|
36
36
|
$dayMaxEvents;
|
|
37
37
|
untrack(reposition);
|
|
@@ -3,14 +3,14 @@
|
|
|
3
3
|
import {addDay, cloneDate, toViewWithLocalDates, setContent, bgEvent, isFunction} from '#lib';
|
|
4
4
|
import Day from './Day.svelte';
|
|
5
5
|
|
|
6
|
-
let {_bodyEl,
|
|
6
|
+
let {_bodyEl, _filteredEvents, _view, _viewDates, noEventsClick, noEventsContent, theme} = getContext('state');
|
|
7
7
|
|
|
8
8
|
let noEvents = $derived.by(() => {
|
|
9
9
|
let noEvents = true;
|
|
10
10
|
if ($_viewDates.length) {
|
|
11
11
|
let start = $_viewDates[0];
|
|
12
12
|
let end = addDay(cloneDate($_viewDates.at(-1)));
|
|
13
|
-
for (let event of $
|
|
13
|
+
for (let event of $_filteredEvents) {
|
|
14
14
|
if (!bgEvent(event.display) && event.start < end && event.end > start) {
|
|
15
15
|
noEvents = false;
|
|
16
16
|
break;
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
import {getSlotTimeLimits} from './lib.js';
|
|
5
5
|
import Days from './Days.svelte';
|
|
6
6
|
|
|
7
|
-
let {_bodyEl, _bodyHeight, _bodyWidth, _bodyScrollLeft, _headerEl,
|
|
7
|
+
let {_bodyEl, _bodyHeight, _bodyWidth, _bodyScrollLeft, _headerEl, _filteredEvents, _sidebarEl, _dayTimes, _dayTimeLimits,
|
|
8
8
|
_recheckScrollable, _resHs, _viewResources, _viewDates, scrollTime, slotDuration, slotWidth, theme} = getContext('state');
|
|
9
9
|
|
|
10
10
|
let refs = [];
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
runReposition(refs, $_viewResources);
|
|
26
26
|
}
|
|
27
27
|
$effect(() => {
|
|
28
|
-
$
|
|
28
|
+
$_filteredEvents;
|
|
29
29
|
$_viewResources;
|
|
30
30
|
untrack(reposition);
|
|
31
31
|
});
|
|
@@ -4,8 +4,8 @@ import {createSlotTimeLimits, createTimes, getPayload} from '#lib';
|
|
|
4
4
|
// slotTimeLimits per day
|
|
5
5
|
export function dayTimeLimits(state) {
|
|
6
6
|
return derived(
|
|
7
|
-
[state.slotMinTime, state.slotMaxTime, state.flexibleSlotTimeLimits, state._viewDates, state.
|
|
8
|
-
([$slotMinTime, $slotMaxTime, $flexibleSlotTimeLimits, $_viewDates, $
|
|
7
|
+
[state.slotMinTime, state.slotMaxTime, state.flexibleSlotTimeLimits, state._viewDates, state._filteredEvents],
|
|
8
|
+
([$slotMinTime, $slotMaxTime, $flexibleSlotTimeLimits, $_viewDates, $_filteredEvents]) => {
|
|
9
9
|
let dayTimeLimits = {};
|
|
10
10
|
for (let date of $_viewDates) {
|
|
11
11
|
dayTimeLimits[date.getTime()] = createSlotTimeLimits(
|
|
@@ -13,7 +13,7 @@ export function dayTimeLimits(state) {
|
|
|
13
13
|
$slotMaxTime,
|
|
14
14
|
$flexibleSlotTimeLimits,
|
|
15
15
|
[date],
|
|
16
|
-
$
|
|
16
|
+
$_filteredEvents
|
|
17
17
|
);
|
|
18
18
|
}
|
|
19
19
|
|
|
@@ -10,7 +10,7 @@ export function times(state) {
|
|
|
10
10
|
|
|
11
11
|
export function slotTimeLimits(state) {
|
|
12
12
|
return derived(
|
|
13
|
-
[state.slotMinTime, state.slotMaxTime, state.flexibleSlotTimeLimits, state._viewDates, state.
|
|
13
|
+
[state.slotMinTime, state.slotMaxTime, state.flexibleSlotTimeLimits, state._viewDates, state._filteredEvents],
|
|
14
14
|
args => createSlotTimeLimits(...args)
|
|
15
15
|
);
|
|
16
16
|
}
|