npm - @event-calendar/core - Versions diffs - 1.5.0 → 1.5.1 - Mend

@event-calendar/core 1.5.0 → 1.5.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 (8) hide show

package/README.md CHANGED Viewed

@@ -194,8 +194,8 @@ import '@event-calendar/core/index.css';
 ### Pre-built browser ready bundle
 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@1.5.0/event-calendar.min.css">
-<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@1.5.0/event-calendar.min.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@1.5.1/event-calendar.min.css">
+<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@1.5.1/event-calendar.min.js"></script>
 ```
 <details>
@@ -284,24 +284,35 @@ When hidden with `false`, all-day events will not be displayed in `timeGrid`/`re
 ### buttonText
 - Type `object` or `function`
-- Default `{today: 'today', dayGridMonth: 'month', listDay: 'list', listWeek: 'list', listMonth: 'list', listYear: 'list', resourceTimeGridDay: 'day', resourceTimeGridWeek: 'week', timeGridDay: 'day', timeGridWeek: 'week'}`
+- Default `{close: 'Close', dayGridMonth: 'month', listDay: 'list', listMonth: 'list', listWeek: 'list', listYear: 'list', resourceTimeGridDay: 'day', resourceTimeGridWeek: 'week', timeGridDay: 'day', timeGridWeek: 'week', today: 'today'}`
+> Views override the default value as follows:
+> - dayGridMonth `function (text) { return {...text, next: 'Next month', prev: 'Previous month'}; }`
+> - listDay `function (text) { return {...text, next: 'Next day', prev: 'Previous day'}; }`
+> - listMonth `function (text) { return {...text, next: 'Next month', prev: 'Previous month'}; }`
+> - listWeek `function (text) { return {...text, next: 'Next week', prev: 'Previous week'}; }`
+> - listYear `function (text) { return {...text, next: 'Next year', prev: 'Previous year'}; }`
+> - resourceTimeGridDay `function (text) { return {...text, next: 'Next day', prev: 'Previous day'}; }`
+> - resourceTimeGridWeek `function (text) { return {...text, next: 'Next week', prev: 'Previous week'}; }`
+> - timeGridDay `function (text) { return {...text, next: 'Next day', prev: 'Previous day'}; }`
+> - timeGridWeek `function (text) { return {...text, next: 'Next week', prev: 'Previous week'}; }`
 Text that is displayed in buttons of the header toolbar.
-This value can be either a plain object with all necessary properties, or a callback function that receives default button texts object and should return a new one:
+This value can be either a plain object with all necessary properties, or a callback function that receives default button text object and should return a new one:
 ```js
-function (texts) {
-  // return new button texts object
+function (text) {
+  // return new button text object
 }
 ```
 <table>
 <tr>
 <td>
-`texts`
+`text`
 </td>
-<td>An object with default button texts</td>
+<td>An object with default button text</td>
 </tr>
 </table>

package/index.js CHANGED Viewed

@@ -1,7 +1,37 @@
-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, 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 keyEnter(fn) {
+    return function (e) {
+        return e.key === 'Enter' || e.key === ' ' ? fn.call(this, e) : undefined;
+    };
+}
+function btnTextDay(text) {
+    return btnText(text, 'day');
+}
+function btnTextWeek(text) {
+    return btnText(text, 'week');
+}
+function btnTextMonth(text) {
+    return btnText(text, 'month');
+}
+function btnTextYear(text) {
+    return btnText(text, 'year');
+}
+function btnText(text, period) {
+    return {
+        ...text,
+        next: 'Next ' + period,
+        prev: 'Previous ' + period
+    };
+}
 function assign(...args) {
     return Object.assign(...args);
 }
@@ -807,7 +837,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) {
@@ -1053,7 +1083,7 @@ class State {
         parseOpts(commonOpts, this);
         let views = new Set([...Object.keys(options.views), ...Object.keys(input.views || {})]);
         for (let view of views) {
-            let viewOpts = assign({}, options.views[view] || {}, input.views && input.views[view] || {});
+            let viewOpts = assign({}, options.views[view] ?? {}, input.views?.[view] ?? {});
             parseOpts(viewOpts, this);
             let opts = assign({}, commonOpts, viewOpts);
             // Change view component when view changes
@@ -1104,7 +1134,7 @@ function parseOpts(opts, state) {
     }
 }
-/* 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 +1142,12 @@ function get_each_context$2(ctx, list, i) {
 	return child_ctx;
 }
-// (38:4) {:else}
-function create_else_block$1(ctx) {
-	let button;
+// (37: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 +1157,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 +1177,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;
+// (35: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;
+// (33: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,40 +1273,49 @@ 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();
 		}
 	};
 }
-// (32:31)
-function create_if_block_2(ctx) {
-	let button;
+// (31:31)
+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,20 +1324,27 @@ 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;
@@ -1313,47 +1367,43 @@ function create_if_block_1(ctx) {
 			}
 		},
 		d(detaching) {
-			if (detaching) detach(h2);
+			if (detaching) {
+				detach(h2);
+			}
 		}
 	};
 }
-// (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 +1412,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 +1450,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 +1476,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 +1567,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 +1583,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 +1618,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 +1645,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 +1726,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 +1740,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 +1775,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 +1820,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 +1833,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 +1867,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 +1916,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 +1953,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 +1968,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 +2019,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 +2031,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 +2062,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 +2107,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 +2161,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 +2177,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 +2271,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 +2552,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, 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, keyEnter, max, min, nextClosestDay, noTimePart, outsideEvent, pointerEvent, prepareEventChunks, prevClosestDay, previewEvent, rect, repositionEvent, setContent, setMidnight, setPayload, sortEventChunks, subtractDay, subtractDuration, symbol, toEventWithLocalDates, toISOString, toLocalDate, toViewWithLocalDates, writable2 };

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@event-calendar/core",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "title": "Event Calendar Core package",
   "description": "Full-sized drag & drop event calendar with resource view",
   "keywords": [
@@ -27,6 +27,6 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "svelte": "^3.59.1"
+    "svelte": "^4.1.1"
   }
 }

package/src/Buttons.svelte CHANGED Viewed

@@ -26,16 +26,15 @@
 </script>
 {#each buttons as button}
-    {#if button == ''}
-    {:else if button == 'title'}
+    {#if button == 'title'}
         <h2 class="{$theme.title}">{$_viewTitle}</h2>
     {:else if button == 'prev'}
-        <button class="{$theme.button} ec-{button}" on:click={prev}><i class="{$theme.icon} ec-{button}"></i></button>
-    {:else if button === 'next'}
-        <button class="{$theme.button} ec-{button}" on:click={next}><i class="{$theme.icon} ec-{button}"></i></button>
-    {:else if button === 'today'}
+        <button class="{$theme.button} ec-{button}" aria-label={$buttonText.prev} on:click={prev}><i class="{$theme.icon} ec-{button}"></i></button>
+    {:else if button == 'next'}
+        <button class="{$theme.button} ec-{button}" aria-label={$buttonText.next} on:click={next}><i class="{$theme.icon} ec-{button}"></i></button>
+    {:else if button == 'today'}
         <button class="{$theme.button} ec-{button}" on:click={() => $date = cloneDate(today)} disabled={isToday}>{$buttonText[button]}</button>
-    {:else}
+    {:else if button != ''}
         <button class="{$theme.button}{$view === button ? ' ' + $theme.active : ''} ec-{button}" on:click={() => $view = button}>{$buttonText[button]}</button>
     {/if}
 {/each}

package/src/lib/a11y.js ADDED Viewed

@@ -0,0 +1,30 @@
+export function keyEnter(fn) {
+    return function (e) {
+        return e.key === 'Enter' || e.key === ' ' ? fn.call(this, e) : undefined;
+    };
+}
+export function btnTextDay(text) {
+    return btnText(text, 'day');
+}
+export function btnTextWeek(text) {
+    return btnText(text, 'week');
+}
+export function btnTextMonth(text) {
+    return btnText(text, 'month');
+}
+export function btnTextYear(text) {
+    return btnText(text, 'year');
+}
+function btnText(text, period) {
+    return {
+        ...text,
+        next: 'Next ' + period,
+        prev: 'Previous ' + period
+    };
+}

package/src/lib.js CHANGED Viewed

@@ -1,3 +1,4 @@
+export * from './lib/a11y.js';
 export * from './lib/actions';
 export * from './lib/date';
 export * from './lib/debounce';

package/src/storage/state.js CHANGED Viewed

@@ -72,7 +72,7 @@ export default class {
         parseOpts(commonOpts, this);
         let views = new Set([...Object.keys(options.views), ...Object.keys(input.views || {})]);
         for (let view of views) {
-            let viewOpts = assign({}, options.views[view] || {}, input.views && input.views[view] || {});
+            let viewOpts = assign({}, options.views[view] ?? {}, input.views?.[view] ?? {});
             parseOpts(viewOpts, this);
             let opts = assign({}, commonOpts, viewOpts);
             // Change view component when view changes

package/src/storage/stores.js CHANGED Viewed

@@ -20,7 +20,7 @@ import {
 } from '../lib.js';
 export function monthMode(state) {
-    return derived(state.view, $view => $view.startsWith?.('dayGrid'));
+    return derived(state.view, $view => $view?.startsWith('dayGrid'));
 }
 export function activeRange(state) {