@event-calendar/core 1.5.0 → 2.0.0

package/index.js

@@ -1,44 +1,45 @@
-import { run_all, is_function, noop, identity, tick, SvelteComponent, init, safe_not_equal, empty, insert, destroy_each, detach, component_subscribe, set_store_value, element, text, attr, append, listen, set_data, transition_in, group_outros, check_outros, transition_out, space, create_component, mount_component, destroy_component, construct_svelte_component, set_style, get_current_component } from 'svelte/internal';
+import { run_all, is_function, noop, identity, tick, SvelteComponent, init, safe_not_equal, ensure_array_like, empty, insert, detach, destroy_each, component_subscribe, set_store_value, element, text, attr, append, listen, set_data, action_destroyer, transition_in, group_outros, check_outros, transition_out, space, create_component, mount_component, destroy_component, construct_svelte_component, set_style, get_current_component } from 'svelte/internal';
 import { getContext, setContext, beforeUpdate } from 'svelte';
 import { writable, derived, get, readable } from 'svelte/store';
 
-function assign(...args) {
-    return Object.assign(...args);
+function keyEnter(fn) {
+    return function (e) {
+        return e.key === 'Enter' || e.key === ' ' ? fn.call(this, e) : undefined;
+    };
 }
 
-function floor(value) {
-    return Math.floor(value);
+function btnTextDay(text) {
+    return btnText(text, 'day');
 }
 
-function min(...args) {
-    return Math.min(...args);
+function btnTextWeek(text) {
+    return btnText(text, 'week');
 }
 
-function max(...args) {
-    return Math.max(...args);
+function btnTextMonth(text) {
+    return btnText(text, 'month');
 }
 
-function isObject(test) {
-    return typeof test === 'object' && test !== null;
+function btnTextYear(text) {
+    return btnText(text, 'year');
 }
 
-function symbol() {
-    return Symbol('ec');
+function btnText(text, period) {
+    return {
+        ...text,
+        next: 'Next ' + period,
+        prev: 'Previous ' + period
+    };
 }
 
 function setContent(node, content) {
     let actions = {
         update(content) {
-            while (node.firstChild) {
-                node.removeChild(node.lastChild);
-            }
-            if (!isObject(content)) {
+            if (typeof content == 'string') {
                 node.innerText = content;
-            } else if (content.domNodes) {
-                for (let child of content.domNodes) {
-                    node.appendChild(child);
-                }
-            } else if (content.html) {
+            } else if (content?.domNodes) {
+                node.replaceChildren(...content.domNodes);
+            } else if (content?.html) {
                 node.innerHTML = content.html;
             }
         }
@@ -161,43 +162,6 @@ function toISOString(date) {
     return date.toISOString().substring(0, 19);
 }
 
-function formatRange(start, end, intl) {
-    if (start.getFullYear() !== end.getFullYear()) {
-        return intl.format(start) + ' - ' + intl.format(end);
-    }
-
-    let diff = [];
-    if (start.getMonth() !== end.getMonth()) {
-        diff.push('month');
-    }
-    if (start.getDate() !== end.getDate()) {
-        diff.push('day');
-    }
-
-    if (!diff.length) {
-        return intl.format(start);
-    }
-
-    let opts1 = intl.resolvedOptions();
-    let opts2 = {};
-    for (let key of diff) {
-        opts2[key] = opts1[key];
-    }
-    let intl2 = new Intl.DateTimeFormat(opts1.locale, opts2);
-
-    let full1 = intl.format(start);
-    let full2 = intl.format(end);
-    let part1 = intl2.format(start);
-    let part2 = intl2.format(end);
-
-    let common = _commonChunks(full1, part1, full2, part2);
-    if (common) {
-        return common.head + part1 + ' - ' + part2 + common.tail;
-    }
-
-    return full1 + ' - ' + full2;
-}
-
 function datesEqual(date1, ...dates2) {
     return dates2.every(date2 => date1.getTime() === date2.getTime());
 }
@@ -221,6 +185,15 @@ function noTimePart(date) {
     return typeof date === 'string' && date.length <= 10;
 }
 
+/**
+ * Copy time from one date to another
+ */
+function copyTime(toDate, fromDate) {
+    toDate.setUTCHours(fromDate.getUTCHours(), fromDate.getUTCMinutes(), fromDate.getUTCSeconds(), 0);
+
+    return toDate;
+}
+
 /**
  * Private functions
  */
@@ -248,62 +221,48 @@ function _fromISOString(str) {
     ));
 }
 
-function _commonChunks(str1, substr1, str2, substr2) {
-    let i = 0;
-    while (i < str1.length) {
-        let res1;
-        [i, res1] = _cut(str1, substr1, i);
-        if (!res1) {
-            break;
-        }
-
-        let j = 0;
-        while (j < str2.length) {
-            let res2;
-            [j, res2] = _cut(str2, substr2, j);
-            if (!res2) {
-                break;
-            }
+function debounce(fn, handle, queueStore) {
+    queueStore.update(queue => queue.set(handle, fn));
+}
 
-            if (res1.head === res2.head && res1.tail === res2.tail) {
-                return res1;
-            }
-        }
-    }
+function flushDebounce(queue) {
+    run_all(queue);
+    queue.clear();
+}
 
-    return null
+function assign(...args) {
+    return Object.assign(...args);
 }
 
-function _cut(str, substr, from) {
-    let start = str.indexOf(substr, from);
-    if (start >= 0) {
-        let end = start + substr.length;
+function keys(object) {
+    return Object.keys(object);
+}
 
-        return [end, {
-            head: str.substr(0, start),
-            tail: str.substr(end)
-        }];
-    }
+function floor(value) {
+    return Math.floor(value);
+}
 
-    return [-1, null];
+function min(...args) {
+    return Math.min(...args);
 }
 
-function debounce(fn, handle, queueStore) {
-    queueStore.update(queue => queue.set(handle, fn));
+function max(...args) {
+    return Math.max(...args);
 }
 
-function flushDebounce(queue) {
-    run_all(queue);
-    queue.clear();
+function symbol() {
+    return Symbol('ec');
 }
 
-function createElement(tag, className, html, text) {
+function createElement(tag, className, content) {
     let el = document.createElement(tag);
     el.className = className;
-    if (html) {
-        el.innerHTML = html;
-    } else if (text) {
-        el.innerText = text;
+    if (typeof content == 'string') {
+        el.innerText = content;
+    } else if (content.domNodes) {
+        el.replaceChildren(...content.domNodes);
+    } else if (content.html) {
+        el.innerHTML = content.html;
     }
     return el;
 }
@@ -505,10 +464,14 @@ function repositionEvent(chunk, longChunks, height) {
 }
 
 function createEventContent(chunk, displayEventEnd, eventContent, theme, _intlEventTime, _view) {
-    let timeText = _intlEventTime.format(chunk.start), content;
-    if (displayEventEnd && chunk.event.display !== 'pointer') {
-        timeText += ` - ${_intlEventTime.format(chunk.end)}`;
-    }
+    let timeText = _intlEventTime.formatRange(
+        chunk.start,
+        displayEventEnd && chunk.event.display !== 'pointer'
+            ? copyTime(cloneDate(chunk.start), chunk.end)  // make Intl.formatRange output only the time part
+            : chunk.start
+    );
+    let content;
+
     if (eventContent) {
         content = is_function(eventContent)
             ? eventContent({
@@ -524,14 +487,14 @@ function createEventContent(chunk, displayEventEnd, eventContent, theme, _intlEv
                 break;
             case 'pointer':
                 content = {
-                    domNodes: [createElement('div', theme.eventTime, null, timeText)]
+                    domNodes: [createElement('div', theme.eventTime, timeText)]
                 };
                 break;
             default:
                 content = {
                     domNodes: [
-                        ...chunk.event.allDay ? [] : [createElement('div', theme.eventTime, null, timeText)],
-                        createElement('div', theme.eventTitle, chunk.event.titleHTML, chunk.event.title)
+                        ...chunk.event.allDay ? [] : [createElement('div', theme.eventTime, timeText)],
+                        createElement('div', theme.eventTitle, chunk.event.title)
                     ]
                 };
         }
@@ -608,7 +571,7 @@ function pointerEvent(display) {
 
 function writable2(value, parser, start) {
     return {
-        ...writable(parser ? parser(value) : value, start),
+        ...writable(value, start),
         parse: parser
     };
 }
@@ -647,12 +610,11 @@ function intl(locale, format) {
 
 function intlRange(locale, format) {
     return derived([locale, format], ([$locale, $format]) => {
-        if (is_function($format)) {
-            return {format: (start, end) => $format(toLocalDate(start), toLocalDate(end))};
-        }
-        let intl = new Intl.DateTimeFormat($locale, $format);
+        let intl = is_function($format)
+            ? {formatRange: $format}
+            : new Intl.DateTimeFormat($locale, $format);
         return {
-            format: (start, end) => formatRange(toLocalDate(start), toLocalDate(end), intl)
+            formatRange: (start, end) => intl.formatRange(toLocalDate(start), toLocalDate(end))
         };
     });
 }
@@ -807,7 +769,7 @@ function diff(options) {
 }
 
 function monthMode(state) {
-    return derived(state.view, $view => $view.startsWith?.('dayGrid'));
+    return derived(state.view, $view => $view?.startsWith('dayGrid'));
 }
 
 function activeRange(state) {
@@ -880,11 +842,11 @@ function viewDates(state) {
 
 function viewTitle(state) {
     return derived(
-        [state.date, state._activeRange, state._titleIntlRange, state._monthMode],
-        ([$date, $_activeRange, $_titleIntlRange, $_monthMode]) => {
+        [state.date, state._activeRange, state._intlTitle, state._monthMode],
+        ([$date, $_activeRange, $_intlTitle, $_monthMode]) => {
             return $_monthMode
-                ? $_titleIntlRange.format($date, $date)
-                : $_titleIntlRange.format($_activeRange.start, subtractDay(cloneDate($_activeRange.end)));
+                ? $_intlTitle.formatRange($date, $date)
+                : $_intlTitle.formatRange($_activeRange.start, subtractDay(cloneDate($_activeRange.end)));
         }
     );
 }
@@ -1000,9 +962,13 @@ class State {
         plugins = plugins || [];
 
         // Create options
-        let options = createOptions(plugins);
+        let options= createOptions(plugins);
         let parsers = createParsers(options, plugins);
 
+        // Parse options
+        options = parseOpts(options, parsers);
+        input = parseOpts(input, parsers);
+
         // Create stores for options
         for (let [option, value] of Object.entries(options)) {
             this[option] = writable2(value, parsers[option]);
@@ -1018,10 +984,10 @@ class State {
         this._events = events(this);
         this._now = now();
         this._today = today(this);
-        this._intlEventTime = intl(this.locale, this.eventTimeFormat);
+        this._intlEventTime = intlRange(this.locale, this.eventTimeFormat);
         this._intlSlotLabel = intl(this.locale, this.slotLabelFormat);
         this._intlDayHeader = intl(this.locale, this.dayHeaderFormat);
-        this._titleIntlRange = intlRange(this.locale, this.titleFormat);
+        this._intlTitle = intlRange(this.locale, this.titleFormat);
         this._bodyEl = writable(undefined);
         this._scrollable = writable(false);
         this._viewTitle = viewTitle(this);
@@ -1049,13 +1015,9 @@ class State {
         }
 
         // Set options for each view
-        let commonOpts = assign({}, options, input);
-        parseOpts(commonOpts, this);
-        let views = new Set([...Object.keys(options.views), ...Object.keys(input.views || {})]);
+        let views = new Set([...keys(options.views), ...keys(input.views ?? {})]);
         for (let view of views) {
-            let viewOpts = assign({}, options.views[view] || {}, input.views && input.views[view] || {});
-            parseOpts(viewOpts, this);
-            let opts = assign({}, commonOpts, viewOpts);
+            let opts = assign({}, options, options.views[view] ?? {}, input, input.views?.[view] ?? {});
             // Change view component when view changes
             this.view.subscribe(newView => {
                 if (newView === view) {
@@ -1066,7 +1028,7 @@ class State {
                 }
             });
             // Process options
-            for (let key of Object.keys(opts)) {
+            for (let key of keys(opts)) {
                 if (this.hasOwnProperty(key) && key[0] !== '_') {
                     let {set, _set, ...rest} = this[key];
 
@@ -1094,17 +1056,20 @@ class State {
     }
 }
 
-function parseOpts(opts, state) {
-    for (let key of Object.keys(opts)) {
-        if (state.hasOwnProperty(key) && key[0] !== '_') {
-            if (state[key].parse) {
-                opts[key] = state[key].parse(opts[key]);
-            }
+function parseOpts(opts, parsers) {
+    let result = {};
+    for (let key of keys(opts)) {
+        result[key] = parsers[key] ? parsers[key](opts[key]) : opts[key];
+    }
+    if (opts.views) {
+        for (let view of keys(opts.views)) {
+            result.views[view] = parseOpts(opts.views[view], parsers);
         }
     }
+    return result;
 }
 
-/* packages/core/src/Buttons.svelte generated by Svelte v3.59.1 */
+/* packages/core/src/Buttons.svelte generated by Svelte v4.1.1 */
 
 function get_each_context$2(ctx, list, i) {
 	const child_ctx = ctx.slice();
@@ -1112,12 +1077,12 @@ function get_each_context$2(ctx, list, i) {
 	return child_ctx;
 }
 
-// (38:4) {:else}
-function create_else_block$1(ctx) {
-	let button;
+// (38:27) 
+function create_if_block_4(ctx) {
+	let button_1;
 	let t_value = /*$buttonText*/ ctx[5][/*button*/ ctx[23]] + "";
 	let t;
-	let button_class_value;
+	let button_1_class_value;
 	let mounted;
 	let dispose;
 
@@ -1127,19 +1092,19 @@ function create_else_block$1(ctx) {
 
 	return {
 		c() {
-			button = element("button");
+			button_1 = element("button");
 			t = text(t_value);
 
-			attr(button, "class", button_class_value = "" + (/*$theme*/ ctx[3].button + (/*$view*/ ctx[6] === /*button*/ ctx[23]
+			attr(button_1, "class", button_1_class_value = "" + (/*$theme*/ ctx[3].button + (/*$view*/ ctx[6] === /*button*/ ctx[23]
 			? ' ' + /*$theme*/ ctx[3].active
 			: '') + " ec-" + /*button*/ ctx[23]));
 		},
 		m(target, anchor) {
-			insert(target, button, anchor);
-			append(button, t);
+			insert(target, button_1, anchor);
+			append(button_1, t);
 
 			if (!mounted) {
-				dispose = listen(button, "click", click_handler_1);
+				dispose = listen(button_1, "click", click_handler_1);
 				mounted = true;
 			}
 		},
@@ -1147,86 +1112,94 @@ function create_else_block$1(ctx) {
 			ctx = new_ctx;
 			if (dirty & /*$buttonText, buttons*/ 33 && t_value !== (t_value = /*$buttonText*/ ctx[5][/*button*/ ctx[23]] + "")) set_data(t, t_value);
 
-			if (dirty & /*$theme, $view, buttons*/ 73 && button_class_value !== (button_class_value = "" + (/*$theme*/ ctx[3].button + (/*$view*/ ctx[6] === /*button*/ ctx[23]
+			if (dirty & /*$theme, $view, buttons*/ 73 && button_1_class_value !== (button_1_class_value = "" + (/*$theme*/ ctx[3].button + (/*$view*/ ctx[6] === /*button*/ ctx[23]
 			? ' ' + /*$theme*/ ctx[3].active
 			: '') + " ec-" + /*button*/ ctx[23]))) {
-				attr(button, "class", button_class_value);
+				attr(button_1, "class", button_1_class_value);
 			}
 		},
 		d(detaching) {
-			if (detaching) detach(button);
+			if (detaching) {
+				detach(button_1);
+			}
+
 			mounted = false;
 			dispose();
 		}
 	};
 }
 
-// (36:33) 
-function create_if_block_4(ctx) {
-	let button;
+// (36:32) 
+function create_if_block_3(ctx) {
+	let button_1;
 	let t_value = /*$buttonText*/ ctx[5][/*button*/ ctx[23]] + "";
 	let t;
-	let button_class_value;
+	let button_1_class_value;
 	let mounted;
 	let dispose;
 
 	return {
 		c() {
-			button = element("button");
+			button_1 = element("button");
 			t = text(t_value);
-			attr(button, "class", button_class_value = "" + (/*$theme*/ ctx[3].button + " ec-" + /*button*/ ctx[23]));
-			button.disabled = /*isToday*/ ctx[1];
+			attr(button_1, "class", button_1_class_value = "" + (/*$theme*/ ctx[3].button + " ec-" + /*button*/ ctx[23]));
+			button_1.disabled = /*isToday*/ ctx[1];
 		},
 		m(target, anchor) {
-			insert(target, button, anchor);
-			append(button, t);
+			insert(target, button_1, anchor);
+			append(button_1, t);
 
 			if (!mounted) {
-				dispose = listen(button, "click", /*click_handler*/ ctx[19]);
+				dispose = listen(button_1, "click", /*click_handler*/ ctx[19]);
 				mounted = true;
 			}
 		},
 		p(ctx, dirty) {
 			if (dirty & /*$buttonText, buttons*/ 33 && t_value !== (t_value = /*$buttonText*/ ctx[5][/*button*/ ctx[23]] + "")) set_data(t, t_value);
 
-			if (dirty & /*$theme, buttons*/ 9 && button_class_value !== (button_class_value = "" + (/*$theme*/ ctx[3].button + " ec-" + /*button*/ ctx[23]))) {
-				attr(button, "class", button_class_value);
+			if (dirty & /*$theme, buttons*/ 9 && button_1_class_value !== (button_1_class_value = "" + (/*$theme*/ ctx[3].button + " ec-" + /*button*/ ctx[23]))) {
+				attr(button_1, "class", button_1_class_value);
 			}
 
 			if (dirty & /*isToday*/ 2) {
-				button.disabled = /*isToday*/ ctx[1];
+				button_1.disabled = /*isToday*/ ctx[1];
 			}
 		},
 		d(detaching) {
-			if (detaching) detach(button);
+			if (detaching) {
+				detach(button_1);
+			}
+
 			mounted = false;
 			dispose();
 		}
 	};
 }
 
-// (34:32) 
-function create_if_block_3(ctx) {
-	let button;
+// (34:31) 
+function create_if_block_2(ctx) {
+	let button_1;
 	let i;
 	let i_class_value;
-	let button_class_value;
+	let button_1_class_value;
+	let button_1_aria_label_value;
 	let mounted;
 	let dispose;
 
 	return {
 		c() {
-			button = element("button");
+			button_1 = element("button");
 			i = element("i");
 			attr(i, "class", i_class_value = "" + (/*$theme*/ ctx[3].icon + " ec-" + /*button*/ ctx[23]));
-			attr(button, "class", button_class_value = "" + (/*$theme*/ ctx[3].button + " ec-" + /*button*/ ctx[23]));
+			attr(button_1, "class", button_1_class_value = "" + (/*$theme*/ ctx[3].button + " ec-" + /*button*/ ctx[23]));
+			attr(button_1, "aria-label", button_1_aria_label_value = /*$buttonText*/ ctx[5].next);
 		},
 		m(target, anchor) {
-			insert(target, button, anchor);
-			append(button, i);
+			insert(target, button_1, anchor);
+			append(button_1, i);
 
 			if (!mounted) {
-				dispose = listen(button, "click", /*next*/ ctx[17]);
+				dispose = listen(button_1, "click", /*next*/ ctx[17]);
 				mounted = true;
 			}
 		},
@@ -1235,12 +1208,19 @@ function create_if_block_3(ctx) {
 				attr(i, "class", i_class_value);
 			}
 
-			if (dirty & /*$theme, buttons*/ 9 && button_class_value !== (button_class_value = "" + (/*$theme*/ ctx[3].button + " ec-" + /*button*/ ctx[23]))) {
-				attr(button, "class", button_class_value);
+			if (dirty & /*$theme, buttons*/ 9 && button_1_class_value !== (button_1_class_value = "" + (/*$theme*/ ctx[3].button + " ec-" + /*button*/ ctx[23]))) {
+				attr(button_1, "class", button_1_class_value);
+			}
+
+			if (dirty & /*$buttonText*/ 32 && button_1_aria_label_value !== (button_1_aria_label_value = /*$buttonText*/ ctx[5].next)) {
+				attr(button_1, "aria-label", button_1_aria_label_value);
 			}
 		},
 		d(detaching) {
-			if (detaching) detach(button);
+			if (detaching) {
+				detach(button_1);
+			}
+
 			mounted = false;
 			dispose();
 		}
@@ -1248,27 +1228,29 @@ function create_if_block_3(ctx) {
 }
 
 // (32:31) 
-function create_if_block_2(ctx) {
-	let button;
+function create_if_block_1(ctx) {
+	let button_1;
 	let i;
 	let i_class_value;
-	let button_class_value;
+	let button_1_class_value;
+	let button_1_aria_label_value;
 	let mounted;
 	let dispose;
 
 	return {
 		c() {
-			button = element("button");
+			button_1 = element("button");
 			i = element("i");
 			attr(i, "class", i_class_value = "" + (/*$theme*/ ctx[3].icon + " ec-" + /*button*/ ctx[23]));
-			attr(button, "class", button_class_value = "" + (/*$theme*/ ctx[3].button + " ec-" + /*button*/ ctx[23]));
+			attr(button_1, "class", button_1_class_value = "" + (/*$theme*/ ctx[3].button + " ec-" + /*button*/ ctx[23]));
+			attr(button_1, "aria-label", button_1_aria_label_value = /*$buttonText*/ ctx[5].prev);
 		},
 		m(target, anchor) {
-			insert(target, button, anchor);
-			append(button, i);
+			insert(target, button_1, anchor);
+			append(button_1, i);
 
 			if (!mounted) {
-				dispose = listen(button, "click", /*prev*/ ctx[16]);
+				dispose = listen(button_1, "click", /*prev*/ ctx[16]);
 				mounted = true;
 			}
 		},
@@ -1277,83 +1259,94 @@ function create_if_block_2(ctx) {
 				attr(i, "class", i_class_value);
 			}
 
-			if (dirty & /*$theme, buttons*/ 9 && button_class_value !== (button_class_value = "" + (/*$theme*/ ctx[3].button + " ec-" + /*button*/ ctx[23]))) {
-				attr(button, "class", button_class_value);
+			if (dirty & /*$theme, buttons*/ 9 && button_1_class_value !== (button_1_class_value = "" + (/*$theme*/ ctx[3].button + " ec-" + /*button*/ ctx[23]))) {
+				attr(button_1, "class", button_1_class_value);
+			}
+
+			if (dirty & /*$buttonText*/ 32 && button_1_aria_label_value !== (button_1_aria_label_value = /*$buttonText*/ ctx[5].prev)) {
+				attr(button_1, "aria-label", button_1_aria_label_value);
 			}
 		},
 		d(detaching) {
-			if (detaching) detach(button);
+			if (detaching) {
+				detach(button_1);
+			}
+
 			mounted = false;
 			dispose();
 		}
 	};
 }
 
-// (30:32) 
-function create_if_block_1(ctx) {
+// (29:4) {#if button == 'title'}
+function create_if_block$1(ctx) {
 	let h2;
-	let t;
 	let h2_class_value;
+	let setContent_action;
+	let mounted;
+	let dispose;
 
 	return {
 		c() {
 			h2 = element("h2");
-			t = text(/*$_viewTitle*/ ctx[4]);
 			attr(h2, "class", h2_class_value = /*$theme*/ ctx[3].title);
 		},
 		m(target, anchor) {
 			insert(target, h2, anchor);
-			append(h2, t);
+
+			if (!mounted) {
+				dispose = action_destroyer(setContent_action = setContent.call(null, h2, /*$_viewTitle*/ ctx[4]));
+				mounted = true;
+			}
 		},
 		p(ctx, dirty) {
-			if (dirty & /*$_viewTitle*/ 16) set_data(t, /*$_viewTitle*/ ctx[4]);
-
 			if (dirty & /*$theme*/ 8 && h2_class_value !== (h2_class_value = /*$theme*/ ctx[3].title)) {
 				attr(h2, "class", h2_class_value);
 			}
+
+			if (setContent_action && is_function(setContent_action.update) && dirty & /*$_viewTitle*/ 16) setContent_action.update.call(null, /*$_viewTitle*/ ctx[4]);
 		},
 		d(detaching) {
-			if (detaching) detach(h2);
+			if (detaching) {
+				detach(h2);
+			}
+
+			mounted = false;
+			dispose();
 		}
 	};
 }
 
-// (29:4) {#if button == ''}
-function create_if_block$1(ctx) {
-	return { c: noop, m: noop, p: noop, d: noop };
-}
-
 // (28:0) {#each buttons as button}
 function create_each_block$2(ctx) {
 	let if_block_anchor;
 
 	function select_block_type(ctx, dirty) {
-		if (/*button*/ ctx[23] == '') return create_if_block$1;
-		if (/*button*/ ctx[23] == 'title') return create_if_block_1;
-		if (/*button*/ ctx[23] == 'prev') return create_if_block_2;
-		if (/*button*/ ctx[23] === 'next') return create_if_block_3;
-		if (/*button*/ ctx[23] === 'today') return create_if_block_4;
-		return create_else_block$1;
+		if (/*button*/ ctx[23] == 'title') return create_if_block$1;
+		if (/*button*/ ctx[23] == 'prev') return create_if_block_1;
+		if (/*button*/ ctx[23] == 'next') return create_if_block_2;
+		if (/*button*/ ctx[23] == 'today') return create_if_block_3;
+		if (/*button*/ ctx[23] != '') return create_if_block_4;
 	}
 
 	let current_block_type = select_block_type(ctx);
-	let if_block = current_block_type(ctx);
+	let if_block = current_block_type && current_block_type(ctx);
 
 	return {
 		c() {
-			if_block.c();
+			if (if_block) if_block.c();
 			if_block_anchor = empty();
 		},
 		m(target, anchor) {
-			if_block.m(target, anchor);
+			if (if_block) if_block.m(target, anchor);
 			insert(target, if_block_anchor, anchor);
 		},
 		p(ctx, dirty) {
 			if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block) {
 				if_block.p(ctx, dirty);
 			} else {
-				if_block.d(1);
-				if_block = current_block_type(ctx);
+				if (if_block) if_block.d(1);
+				if_block = current_block_type && current_block_type(ctx);
 
 				if (if_block) {
 					if_block.c();
@@ -1362,15 +1355,20 @@ function create_each_block$2(ctx) {
 			}
 		},
 		d(detaching) {
-			if_block.d(detaching);
-			if (detaching) detach(if_block_anchor);
+			if (detaching) {
+				detach(if_block_anchor);
+			}
+
+			if (if_block) {
+				if_block.d(detaching);
+			}
 		}
 	};
 }
 
 function create_fragment$3(ctx) {
 	let each_1_anchor;
-	let each_value = /*buttons*/ ctx[0];
+	let each_value = ensure_array_like(/*buttons*/ ctx[0]);
 	let each_blocks = [];
 
 	for (let i = 0; i < each_value.length; i += 1) {
@@ -1395,8 +1393,8 @@ function create_fragment$3(ctx) {
 			insert(target, each_1_anchor, anchor);
 		},
 		p(ctx, [dirty]) {
-			if (dirty & /*buttons, $theme, $_viewTitle, prev, next, isToday, $date, cloneDate, today, $buttonText, $view*/ 229503) {
-				each_value = /*buttons*/ ctx[0];
+			if (dirty & /*$theme, $_viewTitle, buttons, $buttonText, prev, next, isToday, $date, today, $view*/ 229503) {
+				each_value = ensure_array_like(/*buttons*/ ctx[0]);
 				let i;
 
 				for (i = 0; i < each_value.length; i += 1) {
@@ -1421,8 +1419,11 @@ function create_fragment$3(ctx) {
 		i: noop,
 		o: noop,
 		d(detaching) {
+			if (detaching) {
+				detach(each_1_anchor);
+			}
+
 			destroy_each(each_blocks, detaching);
-			if (detaching) detach(each_1_anchor);
 		}
 	};
 }
@@ -1509,7 +1510,7 @@ class Buttons extends SvelteComponent {
 	}
 }
 
-/* packages/core/src/Toolbar.svelte generated by Svelte v3.59.1 */
+/* packages/core/src/Toolbar.svelte generated by Svelte v4.1.1 */
 
 function get_each_context$1(ctx, list, i) {
 	const child_ctx = ctx.slice();
@@ -1525,34 +1526,34 @@ function get_each_context_1(ctx, list, i) {
 
 // (28:16) {:else}
 function create_else_block(ctx) {
-	let buttons;
+	let buttons_1;
 	let current;
-	buttons = new Buttons({ props: { buttons: /*buttons*/ ctx[8] } });
+	buttons_1 = new Buttons({ props: { buttons: /*buttons*/ ctx[8] } });
 
 	return {
 		c() {
-			create_component(buttons.$$.fragment);
+			create_component(buttons_1.$$.fragment);
 		},
 		m(target, anchor) {
-			mount_component(buttons, target, anchor);
+			mount_component(buttons_1, target, anchor);
 			current = true;
 		},
 		p(ctx, dirty) {
-			const buttons_changes = {};
-			if (dirty & /*sections*/ 1) buttons_changes.buttons = /*buttons*/ ctx[8];
-			buttons.$set(buttons_changes);
+			const buttons_1_changes = {};
+			if (dirty & /*sections*/ 1) buttons_1_changes.buttons = /*buttons*/ ctx[8];
+			buttons_1.$set(buttons_1_changes);
 		},
 		i(local) {
 			if (current) return;
-			transition_in(buttons.$$.fragment, local);
+			transition_in(buttons_1.$$.fragment, local);
 			current = true;
 		},
 		o(local) {
-			transition_out(buttons.$$.fragment, local);
+			transition_out(buttons_1.$$.fragment, local);
 			current = false;
 		},
 		d(detaching) {
-			destroy_component(buttons, detaching);
+			destroy_component(buttons_1, detaching);
 		}
 	};
 }
@@ -1560,26 +1561,26 @@ function create_else_block(ctx) {
 // (24:16) {#if buttons.length > 1}
 function create_if_block(ctx) {
 	let div;
-	let buttons;
+	let buttons_1;
 	let div_class_value;
 	let current;
-	buttons = new Buttons({ props: { buttons: /*buttons*/ ctx[8] } });
+	buttons_1 = new Buttons({ props: { buttons: /*buttons*/ ctx[8] } });
 
 	return {
 		c() {
 			div = element("div");
-			create_component(buttons.$$.fragment);
+			create_component(buttons_1.$$.fragment);
 			attr(div, "class", div_class_value = /*$theme*/ ctx[1].buttonGroup);
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
-			mount_component(buttons, div, null);
+			mount_component(buttons_1, div, null);
 			current = true;
 		},
 		p(ctx, dirty) {
-			const buttons_changes = {};
-			if (dirty & /*sections*/ 1) buttons_changes.buttons = /*buttons*/ ctx[8];
-			buttons.$set(buttons_changes);
+			const buttons_1_changes = {};
+			if (dirty & /*sections*/ 1) buttons_1_changes.buttons = /*buttons*/ ctx[8];
+			buttons_1.$set(buttons_1_changes);
 
 			if (!current || dirty & /*$theme*/ 2 && div_class_value !== (div_class_value = /*$theme*/ ctx[1].buttonGroup)) {
 				attr(div, "class", div_class_value);
@@ -1587,16 +1588,19 @@ function create_if_block(ctx) {
 		},
 		i(local) {
 			if (current) return;
-			transition_in(buttons.$$.fragment, local);
+			transition_in(buttons_1.$$.fragment, local);
 			current = true;
 		},
 		o(local) {
-			transition_out(buttons.$$.fragment, local);
+			transition_out(buttons_1.$$.fragment, local);
 			current = false;
 		},
 		d(detaching) {
-			if (detaching) detach(div);
-			destroy_component(buttons);
+			if (detaching) {
+				detach(div);
+			}
+
+			destroy_component(buttons_1);
 		}
 	};
 }
@@ -1665,8 +1669,11 @@ function create_each_block_1(ctx) {
 			current = false;
 		},
 		d(detaching) {
+			if (detaching) {
+				detach(if_block_anchor);
+			}
+
 			if_blocks[current_block_type_index].d(detaching);
-			if (detaching) detach(if_block_anchor);
 		}
 	};
 }
@@ -1676,7 +1683,7 @@ function create_each_block$1(ctx) {
 	let div;
 	let t;
 	let current;
-	let each_value_1 = /*sections*/ ctx[0][/*key*/ ctx[5]];
+	let each_value_1 = ensure_array_like(/*sections*/ ctx[0][/*key*/ ctx[5]]);
 	let each_blocks = [];
 
 	for (let i = 0; i < each_value_1.length; i += 1) {
@@ -1711,7 +1718,7 @@ function create_each_block$1(ctx) {
 		},
 		p(ctx, dirty) {
 			if (dirty & /*$theme, sections, Object*/ 3) {
-				each_value_1 = /*sections*/ ctx[0][/*key*/ ctx[5]];
+				each_value_1 = ensure_array_like(/*sections*/ ctx[0][/*key*/ ctx[5]]);
 				let i;
 
 				for (i = 0; i < each_value_1.length; i += 1) {
@@ -1756,7 +1763,10 @@ function create_each_block$1(ctx) {
 			current = false;
 		},
 		d(detaching) {
-			if (detaching) detach(div);
+			if (detaching) {
+				detach(div);
+			}
+
 			destroy_each(each_blocks, detaching);
 		}
 	};
@@ -1766,7 +1776,7 @@ function create_fragment$2(ctx) {
 	let div;
 	let div_class_value;
 	let current;
-	let each_value = Object.keys(/*sections*/ ctx[0]);
+	let each_value = ensure_array_like(Object.keys(/*sections*/ ctx[0]));
 	let each_blocks = [];
 
 	for (let i = 0; i < each_value.length; i += 1) {
@@ -1800,7 +1810,7 @@ function create_fragment$2(ctx) {
 		},
 		p(ctx, [dirty]) {
 			if (dirty & /*sections, Object, $theme*/ 3) {
-				each_value = Object.keys(/*sections*/ ctx[0]);
+				each_value = ensure_array_like(Object.keys(/*sections*/ ctx[0]));
 				let i;
 
 				for (i = 0; i < each_value.length; i += 1) {
@@ -1849,7 +1859,10 @@ function create_fragment$2(ctx) {
 			current = false;
 		},
 		d(detaching) {
-			if (detaching) detach(div);
+			if (detaching) {
+				detach(div);
+			}
+
 			destroy_each(each_blocks, detaching);
 		}
 	};
@@ -1883,7 +1896,7 @@ class Toolbar extends SvelteComponent {
 	}
 }
 
-/* packages/core/src/Auxiliary.svelte generated by Svelte v3.59.1 */
+/* packages/core/src/Auxiliary.svelte generated by Svelte v4.1.1 */
 
 function get_each_context(ctx, list, i) {
 	const child_ctx = ctx.slice();
@@ -1898,7 +1911,7 @@ function create_each_block(ctx) {
 	let current;
 	var switch_value = /*component*/ ctx[11];
 
-	function switch_props(ctx) {
+	function switch_props(ctx, dirty) {
 		return {};
 	}
 
@@ -1949,7 +1962,10 @@ function create_each_block(ctx) {
 			current = false;
 		},
 		d(detaching) {
-			if (detaching) detach(switch_instance_anchor);
+			if (detaching) {
+				detach(switch_instance_anchor);
+			}
+
 			if (switch_instance) destroy_component(switch_instance, detaching);
 		}
 	};
@@ -1958,7 +1974,7 @@ function create_each_block(ctx) {
 function create_fragment$1(ctx) {
 	let each_1_anchor;
 	let current;
-	let each_value = /*$_auxiliary*/ ctx[0];
+	let each_value = ensure_array_like(/*$_auxiliary*/ ctx[0]);
 	let each_blocks = [];
 
 	for (let i = 0; i < each_value.length; i += 1) {
@@ -1989,7 +2005,7 @@ function create_fragment$1(ctx) {
 		},
 		p(ctx, [dirty]) {
 			if (dirty & /*$_auxiliary*/ 1) {
-				each_value = /*$_auxiliary*/ ctx[0];
+				each_value = ensure_array_like(/*$_auxiliary*/ ctx[0]);
 				let i;
 
 				for (i = 0; i < each_value.length; i += 1) {
@@ -2034,8 +2050,11 @@ function create_fragment$1(ctx) {
 			current = false;
 		},
 		d(detaching) {
+			if (detaching) {
+				detach(each_1_anchor);
+			}
+
 			destroy_each(each_blocks, detaching);
-			if (detaching) detach(each_1_anchor);
 		}
 	};
 }
@@ -2085,7 +2104,7 @@ class Auxiliary extends SvelteComponent {
 	}
 }
 
-/* packages/core/src/Calendar.svelte generated by Svelte v3.59.1 */
+/* packages/core/src/Calendar.svelte generated by Svelte v4.1.1 */
 
 function create_fragment(ctx) {
 	let div;
@@ -2101,7 +2120,7 @@ function create_fragment(ctx) {
 	toolbar = new Toolbar({});
 	var switch_value = /*$_viewComponent*/ ctx[5];
 
-	function switch_props(ctx) {
+	function switch_props(ctx, dirty) {
 		return {};
 	}
 
@@ -2195,10 +2214,13 @@ function create_fragment(ctx) {
 			current = false;
 		},
 		d(detaching) {
-			if (detaching) detach(div);
+			if (detaching) {
+				detach(div);
+				detach(t1);
+			}
+
 			destroy_component(toolbar);
 			if (switch_instance) destroy_component(switch_instance);
-			if (detaching) detach(t1);
 			destroy_component(auxiliary, detaching);
 			mounted = false;
 			dispose();
@@ -2473,4 +2495,4 @@ class Calendar extends SvelteComponent {
 	}
 }
 
-export { DAY_IN_SECONDS, addDay, addDuration, ancestor, assign, bgEvent, cloneDate, cloneEvent, createDate, createDuration, createElement, createEventChunk, createEventClasses, createEventContent, createEventSources, createEvents, createView, datesEqual, debounce, Calendar as default, derived2, eventIntersects, floor, flushDebounce, formatRange, getElementWithPayload, getPayload, ghostEvent, hasPayload, hasYScroll, height, helperEvent, intl, intlRange, isObject, max, min, nextClosestDay, noTimePart, outsideEvent, pointerEvent, prepareEventChunks, prevClosestDay, previewEvent, rect, repositionEvent, setContent, setMidnight, setPayload, sortEventChunks, subtractDay, subtractDuration, symbol, toEventWithLocalDates, toISOString, toLocalDate, toViewWithLocalDates, writable2 };
+export { DAY_IN_SECONDS, addDay, addDuration, ancestor, assign, bgEvent, btnTextDay, btnTextMonth, btnTextWeek, btnTextYear, cloneDate, cloneEvent, copyTime, createDate, createDuration, createElement, createEventChunk, createEventClasses, createEventContent, createEventSources, createEvents, createView, datesEqual, debounce, Calendar as default, derived2, eventIntersects, floor, flushDebounce, getElementWithPayload, getPayload, ghostEvent, hasPayload, hasYScroll, height, helperEvent, intl, intlRange, keyEnter, keys, max, min, nextClosestDay, noTimePart, outsideEvent, pointerEvent, prepareEventChunks, prevClosestDay, previewEvent, rect, repositionEvent, setContent, setMidnight, setPayload, sortEventChunks, subtractDay, subtractDuration, symbol, toEventWithLocalDates, toISOString, toLocalDate, toViewWithLocalDates, writable2 };