@event-calendar/core 1.5.1 → 2.1.0

package/index.js

@@ -1,4 +1,4 @@
-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 { 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';
 
@@ -8,67 +8,14 @@ function keyEnter(fn) {
     };
 }
 
-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);
-}
-
-function floor(value) {
-    return Math.floor(value);
-}
-
-function min(...args) {
-    return Math.min(...args);
-}
-
-function max(...args) {
-    return Math.max(...args);
-}
-
-function isObject(test) {
-    return typeof test === 'object' && test !== null;
-}
-
-function symbol() {
-    return Symbol('ec');
-}
-
 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;
             }
         }
@@ -191,43 +138,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());
 }
@@ -251,6 +161,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
  */
@@ -278,62 +197,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;
 }
@@ -535,10 +440,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({
@@ -554,14 +463,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)
                     ]
                 };
         }
@@ -636,9 +545,37 @@ function pointerEvent(display) {
     return display === 'pointer';
 }
 
+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 themeView(view) {
+    return theme => ({...theme, view});
+}
+
 function writable2(value, parser, start) {
     return {
-        ...writable(parser ? parser(value) : value, start),
+        ...writable(value, start),
         parse: parser
     };
 }
@@ -677,12 +614,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))
         };
     });
 }
@@ -778,7 +714,7 @@ function createOptions(plugins) {
             time: 'ec-time',
             title: 'ec-title',
             toolbar: 'ec-toolbar',
-            week: 'ec-week',
+            view: '',
             withScroll: 'ec-with-scroll'
         },
         titleFormat: {
@@ -798,9 +734,8 @@ function createOptions(plugins) {
     return options;
 }
 
-function createParsers(options, plugins) {
+function createParsers(plugins) {
     let parsers = {
-        buttonText: input => is_function(input) ? input(options.buttonText) : input,
         date: date => setMidnight(createDate(date)),
         duration: createDuration,
         events: createEvents,
@@ -810,12 +745,11 @@ function createParsers(options, plugins) {
         scrollTime: createDuration,
         slotDuration: createDuration,
         slotMaxTime: createDuration,
-        slotMinTime: createDuration,
-        theme: input => is_function(input) ? input(options.theme) : input
+        slotMinTime: createDuration
     };
 
     for (let plugin of plugins) {
-        plugin.createParsers?.(parsers, options);
+        plugin.createParsers?.(parsers);
     }
 
     return parsers;
@@ -836,18 +770,18 @@ function diff(options) {
     return diff;
 }
 
-function monthMode(state) {
+function dayGrid(state) {
     return derived(state.view, $view => $view?.startsWith('dayGrid'));
 }
 
 function activeRange(state) {
     return derived(
-        [state._currentRange, state.firstDay, state.slotMaxTime, state._monthMode],
-        ([$_currentRange, $firstDay, $slotMaxTime, $_monthMode]) => {
+        [state._currentRange, state.firstDay, state.slotMaxTime, state._dayGrid],
+        ([$_currentRange, $firstDay, $slotMaxTime, $_dayGrid]) => {
             let start = cloneDate($_currentRange.start);
             let end = cloneDate($_currentRange.end);
 
-            if ($_monthMode) {
+            if ($_dayGrid) {
                 // First day of week
                 prevClosestDay(start, $firstDay);
                 nextClosestDay(end, $firstDay);
@@ -866,10 +800,10 @@ function activeRange(state) {
 
 function currentRange(state) {
     return derived(
-        [state.date, state.duration, state.firstDay, state._monthMode],
-        ([$date, $duration, $firstDay, $_monthMode]) => {
+        [state.date, state.duration, state.firstDay, state._dayGrid],
+        ([$date, $duration, $firstDay, $_dayGrid]) => {
             let start = cloneDate($date), end;
-            if ($_monthMode) {
+            if ($_dayGrid) {
                 start.setUTCDate(1);
             } else if ($duration.inWeeks) {
                 // First day of week
@@ -910,11 +844,11 @@ function viewDates(state) {
 
 function viewTitle(state) {
     return derived(
-        [state.date, state._activeRange, state._titleIntlRange, state._monthMode],
-        ([$date, $_activeRange, $_titleIntlRange, $_monthMode]) => {
-            return $_monthMode
-                ? $_titleIntlRange.format($date, $date)
-                : $_titleIntlRange.format($_activeRange.start, subtractDay(cloneDate($_activeRange.end)));
+        [state.date, state._activeRange, state._intlTitle, state._dayGrid],
+        ([$date, $_activeRange, $_intlTitle, $_dayGrid]) => {
+            return $_dayGrid
+                ? $_intlTitle.formatRange($date, $date)
+                : $_intlTitle.formatRange($_activeRange.start, subtractDay(cloneDate($_activeRange.end)));
         }
     );
 }
@@ -1031,7 +965,11 @@ class State {
 
         // Create options
         let options = createOptions(plugins);
-        let parsers = createParsers(options, plugins);
+        let parsers = createParsers(plugins);
+
+        // Parse options
+        options = parseOpts(options, parsers);
+        input = parseOpts(input, parsers);
 
         // Create stores for options
         for (let [option, value] of Object.entries(options)) {
@@ -1041,23 +979,22 @@ class State {
         // Private stores
         this._queue = writable(new Map());  // debounce queue
         this._auxiliary = writable([]);  // auxiliary components
-        this._monthMode = monthMode(this);
+        this._dayGrid = dayGrid(this);
         this._currentRange = currentRange(this);
         this._activeRange = activeRange(this);
         this._fetchedRange = writable({start: undefined, end: undefined});
         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);
         this._viewDates = viewDates(this);
         this._view = view(this);
-        this._viewClass = writable(undefined);
         this._viewComponent = writable(undefined);
         // Resources
         this._resBgColor = writable(noop);
@@ -1079,13 +1016,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?.[view] ?? {});
-            parseOpts(viewOpts, this);
-            let opts = assign({}, commonOpts, viewOpts);
+            let opts = mergeOpts(options, options.views[view] ?? {}, input, input.views?.[view] ?? {});
             // Change view component when view changes
             this.view.subscribe(newView => {
                 if (newView === view) {
@@ -1096,7 +1029,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];
 
@@ -1124,14 +1057,28 @@ 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;
+}
+
+function mergeOpts(...args) {
+    let mergable = ['buttonText', 'theme'];
+    let result = {};
+    for (let opts of args) {
+        for (let key of keys(opts)) {
+            result[key] = mergable.includes(key) && is_function(opts[key]) ? opts[key](result[key]) : opts[key];
+        }
+    }
+    return result;
 }
 
 /* packages/core/src/Buttons.svelte generated by Svelte v4.1.1 */
@@ -1142,7 +1089,7 @@ function get_each_context$2(ctx, list, i) {
 	return child_ctx;
 }
 
-// (37:27) 
+// (52:27) 
 function create_if_block_4(ctx) {
 	let button_1;
 	let t_value = /*$buttonText*/ ctx[5][/*button*/ ctx[23]] + "";
@@ -1194,7 +1141,7 @@ function create_if_block_4(ctx) {
 	};
 }
 
-// (35:32) 
+// (46:32) 
 function create_if_block_3(ctx) {
 	let button_1;
 	let t_value = /*$buttonText*/ ctx[5][/*button*/ ctx[23]] + "";
@@ -1241,13 +1188,14 @@ function create_if_block_3(ctx) {
 	};
 }
 
-// (33:31) 
+// (39:31) 
 function create_if_block_2(ctx) {
 	let button_1;
 	let i;
 	let i_class_value;
 	let button_1_class_value;
 	let button_1_aria_label_value;
+	let button_1_title_value;
 	let mounted;
 	let dispose;
 
@@ -1258,6 +1206,7 @@ function create_if_block_2(ctx) {
 			attr(i, "class", i_class_value = "" + (/*$theme*/ ctx[3].icon + " 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);
+			attr(button_1, "title", button_1_title_value = /*$buttonText*/ ctx[5].next);
 		},
 		m(target, anchor) {
 			insert(target, button_1, anchor);
@@ -1280,6 +1229,10 @@ function create_if_block_2(ctx) {
 			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);
 			}
+
+			if (dirty & /*$buttonText*/ 32 && button_1_title_value !== (button_1_title_value = /*$buttonText*/ ctx[5].next)) {
+				attr(button_1, "title", button_1_title_value);
+			}
 		},
 		d(detaching) {
 			if (detaching) {
@@ -1292,13 +1245,14 @@ function create_if_block_2(ctx) {
 	};
 }
 
-// (31:31) 
+// (32:31) 
 function create_if_block_1(ctx) {
 	let button_1;
 	let i;
 	let i_class_value;
 	let button_1_class_value;
 	let button_1_aria_label_value;
+	let button_1_title_value;
 	let mounted;
 	let dispose;
 
@@ -1309,6 +1263,7 @@ function create_if_block_1(ctx) {
 			attr(i, "class", i_class_value = "" + (/*$theme*/ ctx[3].icon + " 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);
+			attr(button_1, "title", button_1_title_value = /*$buttonText*/ ctx[5].prev);
 		},
 		m(target, anchor) {
 			insert(target, button_1, anchor);
@@ -1331,6 +1286,10 @@ function create_if_block_1(ctx) {
 			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);
 			}
+
+			if (dirty & /*$buttonText*/ 32 && button_1_title_value !== (button_1_title_value = /*$buttonText*/ ctx[5].prev)) {
+				attr(button_1, "title", button_1_title_value);
+			}
 		},
 		d(detaching) {
 			if (detaching) {
@@ -1346,30 +1305,38 @@ 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);
 			}
+
+			mounted = false;
+			dispose();
 		}
 	};
 }
@@ -2175,7 +2142,7 @@ function create_fragment(ctx) {
 	let mounted;
 	let dispose;
 	toolbar = new Toolbar({});
-	var switch_value = /*$_viewComponent*/ ctx[5];
+	var switch_value = /*$_viewComponent*/ ctx[4];
 
 	function switch_props(ctx, dirty) {
 		return {};
@@ -2196,15 +2163,13 @@ function create_fragment(ctx) {
 			t1 = space();
 			create_component(auxiliary.$$.fragment);
 
-			attr(div, "class", div_class_value = "" + (/*$theme*/ ctx[1].calendar + (/*$_viewClass*/ ctx[2]
-			? ' ' + /*$theme*/ ctx[1][/*$_viewClass*/ ctx[2]]
-			: '') + (/*$_scrollable*/ ctx[0]
+			attr(div, "class", div_class_value = "" + (/*$theme*/ ctx[1].calendar + " " + /*$theme*/ ctx[1].view + (/*$_scrollable*/ ctx[0]
 			? ' ' + /*$theme*/ ctx[1].withScroll
-			: '') + (/*$_iClass*/ ctx[3]
-			? ' ' + /*$theme*/ ctx[1][/*$_iClass*/ ctx[3]]
+			: '') + (/*$_iClass*/ ctx[2]
+			? ' ' + /*$theme*/ ctx[1][/*$_iClass*/ ctx[2]]
 			: '')));
 
-			set_style(div, "height", /*$height*/ ctx[4]);
+			set_style(div, "height", /*$height*/ ctx[3]);
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -2216,12 +2181,12 @@ function create_fragment(ctx) {
 			current = true;
 
 			if (!mounted) {
-				dispose = listen(window, "resize", /*recheckScrollable*/ ctx[18]);
+				dispose = listen(window, "resize", /*recheckScrollable*/ ctx[16]);
 				mounted = true;
 			}
 		},
 		p(ctx, dirty) {
-			if (dirty[0] & /*$_viewComponent*/ 32 && switch_value !== (switch_value = /*$_viewComponent*/ ctx[5])) {
+			if (dirty[0] & /*$_viewComponent*/ 16 && switch_value !== (switch_value = /*$_viewComponent*/ ctx[4])) {
 				if (switch_instance) {
 					group_outros();
 					const old_component = switch_instance;
@@ -2243,18 +2208,16 @@ function create_fragment(ctx) {
 				}
 			}
 
-			if (!current || dirty[0] & /*$theme, $_viewClass, $_scrollable, $_iClass*/ 15 && div_class_value !== (div_class_value = "" + (/*$theme*/ ctx[1].calendar + (/*$_viewClass*/ ctx[2]
-			? ' ' + /*$theme*/ ctx[1][/*$_viewClass*/ ctx[2]]
-			: '') + (/*$_scrollable*/ ctx[0]
+			if (!current || dirty[0] & /*$theme, $_scrollable, $_iClass*/ 7 && div_class_value !== (div_class_value = "" + (/*$theme*/ ctx[1].calendar + " " + /*$theme*/ ctx[1].view + (/*$_scrollable*/ ctx[0]
 			? ' ' + /*$theme*/ ctx[1].withScroll
-			: '') + (/*$_iClass*/ ctx[3]
-			? ' ' + /*$theme*/ ctx[1][/*$_iClass*/ ctx[3]]
+			: '') + (/*$_iClass*/ ctx[2]
+			? ' ' + /*$theme*/ ctx[1][/*$_iClass*/ ctx[2]]
 			: '')))) {
 				attr(div, "class", div_class_value);
 			}
 
-			if (!current || dirty[0] & /*$height*/ 16) {
-				set_style(div, "height", /*$height*/ ctx[4]);
+			if (!current || dirty[0] & /*$height*/ 8) {
+				set_style(div, "height", /*$height*/ ctx[3]);
 			}
 		},
 		i(local) {
@@ -2294,7 +2257,6 @@ function instance($$self, $$props, $$invalidate) {
 	let $eventSources;
 	let $_interaction;
 	let $theme;
-	let $_viewClass;
 	let $_iClass;
 	let $height;
 	let $_viewComponent;
@@ -2303,18 +2265,17 @@ function instance($$self, $$props, $$invalidate) {
 	let component = get_current_component();
 	let state = new State(plugins, options);
 	setContext('state', state);
-	let { _viewComponent, _viewClass, _bodyEl, _interaction, _iClass, _events, _queue, _scrollable, events, eventSources, height, theme } = state;
-	component_subscribe($$self, _viewComponent, value => $$invalidate(5, $_viewComponent = value));
-	component_subscribe($$self, _viewClass, value => $$invalidate(2, $_viewClass = value));
-	component_subscribe($$self, _bodyEl, value => $$invalidate(33, $_bodyEl = value));
-	component_subscribe($$self, _interaction, value => $$invalidate(38, $_interaction = value));
-	component_subscribe($$self, _iClass, value => $$invalidate(3, $_iClass = value));
-	component_subscribe($$self, _events, value => $$invalidate(35, $_events = value));
-	component_subscribe($$self, _queue, value => $$invalidate(34, $_queue = value));
+	let { _viewComponent, _bodyEl, _interaction, _iClass, _events, _queue, _scrollable, events, eventSources, height, theme } = state;
+	component_subscribe($$self, _viewComponent, value => $$invalidate(4, $_viewComponent = value));
+	component_subscribe($$self, _bodyEl, value => $$invalidate(31, $_bodyEl = value));
+	component_subscribe($$self, _interaction, value => $$invalidate(36, $_interaction = value));
+	component_subscribe($$self, _iClass, value => $$invalidate(2, $_iClass = value));
+	component_subscribe($$self, _events, value => $$invalidate(33, $_events = value));
+	component_subscribe($$self, _queue, value => $$invalidate(32, $_queue = value));
 	component_subscribe($$self, _scrollable, value => $$invalidate(0, $_scrollable = value));
-	component_subscribe($$self, events, value => $$invalidate(36, $events = value));
-	component_subscribe($$self, eventSources, value => $$invalidate(37, $eventSources = value));
-	component_subscribe($$self, height, value => $$invalidate(4, $height = value));
+	component_subscribe($$self, events, value => $$invalidate(34, $events = value));
+	component_subscribe($$self, eventSources, value => $$invalidate(35, $eventSources = value));
+	component_subscribe($$self, height, value => $$invalidate(3, $height = value));
 	component_subscribe($$self, theme, value => $$invalidate(1, $theme = value));
 
 	function setOption(name, value) {
@@ -2422,12 +2383,12 @@ function instance($$self, $$props, $$invalidate) {
 	}
 
 	$$self.$$set = $$props => {
-		if ('plugins' in $$props) $$invalidate(19, plugins = $$props.plugins);
-		if ('options' in $$props) $$invalidate(20, options = $$props.options);
+		if ('plugins' in $$props) $$invalidate(17, plugins = $$props.plugins);
+		if ('options' in $$props) $$invalidate(18, options = $$props.options);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty[0] & /*options*/ 1048576) {
+		if ($$self.$$.dirty[0] & /*options*/ 262144) {
 			// Reactively update options that did change
 			for (let [name, value] of diff(options)) {
 				setOption(name, value);
@@ -2438,12 +2399,10 @@ function instance($$self, $$props, $$invalidate) {
 	return [
 		$_scrollable,
 		$theme,
-		$_viewClass,
 		$_iClass,
 		$height,
 		$_viewComponent,
 		_viewComponent,
-		_viewClass,
 		_bodyEl,
 		_interaction,
 		_iClass,
@@ -2483,20 +2442,20 @@ class Calendar extends SvelteComponent {
 			create_fragment,
 			safe_not_equal,
 			{
-				plugins: 19,
-				options: 20,
-				setOption: 21,
-				getOption: 22,
-				refetchEvents: 23,
-				getEvents: 24,
-				getEventById: 25,
-				addEvent: 26,
-				updateEvent: 27,
-				removeEventById: 28,
-				getView: 29,
-				unselect: 30,
-				dateFromPoint: 31,
-				destroy: 32
+				plugins: 17,
+				options: 18,
+				setOption: 19,
+				getOption: 20,
+				refetchEvents: 21,
+				getEvents: 22,
+				getEventById: 23,
+				addEvent: 24,
+				updateEvent: 25,
+				removeEventById: 26,
+				getView: 27,
+				unselect: 28,
+				dateFromPoint: 29,
+				destroy: 30
 			},
 			null,
 			[-1, -1]
@@ -2504,52 +2463,52 @@ class Calendar extends SvelteComponent {
 	}
 
 	get setOption() {
-		return this.$$.ctx[21];
+		return this.$$.ctx[19];
 	}
 
 	get getOption() {
-		return this.$$.ctx[22];
+		return this.$$.ctx[20];
 	}
 
 	get refetchEvents() {
-		return this.$$.ctx[23];
+		return this.$$.ctx[21];
 	}
 
 	get getEvents() {
-		return this.$$.ctx[24];
+		return this.$$.ctx[22];
 	}
 
 	get getEventById() {
-		return this.$$.ctx[25];
+		return this.$$.ctx[23];
 	}
 
 	get addEvent() {
-		return this.$$.ctx[26];
+		return this.$$.ctx[24];
 	}
 
 	get updateEvent() {
-		return this.$$.ctx[27];
+		return this.$$.ctx[25];
 	}
 
 	get removeEventById() {
-		return this.$$.ctx[28];
+		return this.$$.ctx[26];
 	}
 
 	get getView() {
-		return this.$$.ctx[29];
+		return this.$$.ctx[27];
 	}
 
 	get unselect() {
-		return this.$$.ctx[30];
+		return this.$$.ctx[28];
 	}
 
 	get dateFromPoint() {
-		return this.$$.ctx[31];
+		return this.$$.ctx[29];
 	}
 
 	get destroy() {
-		return this.$$.ctx[32];
+		return this.$$.ctx[30];
 	}
 }
 
-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 };
+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, themeView, toEventWithLocalDates, toISOString, toLocalDate, toViewWithLocalDates, writable2 };