: Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''")},Object.defineProperties(t.prototype,n),t}(fe);return t(),pt}();
//# sourceMappingURL=bundle.js.map
diff --git a/docs/bundle.js.map b/docs/bundle.js.map
index 92c57a9..9752303 100644
--- a/docs/bundle.js.map
+++ b/docs/bundle.js.map
@@ -1 +1 @@
-{"version":3,"file":"bundle.js","sources":["../node_modules/es6-object-assign/index.js","../node_modules/svelte/internal/index.mjs","../src/Components/lib/helpers.js","../node_modules/svelte/easing/index.mjs","../node_modules/svelte/transition/index.mjs","../src/Components/Week.svelte","../src/Components/lib/dictionaries.js","../src/Components/Month.svelte","../src/Components/NavBar.svelte","../src/Components/Popover.svelte","../node_modules/timeUtils/dist/timeUtils.esm.js","../src/Components/lib/keyCodes.js","../src/Components/Datepicker.svelte"],"sourcesContent":["/**\n * Code refactored from Mozilla Developer Network:\n * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign\n */\n\n'use strict';\n\nfunction assign(target, firstSource) {\n if (target === undefined || target === null) {\n throw new TypeError('Cannot convert first argument to object');\n }\n\n var to = Object(target);\n for (var i = 1; i < arguments.length; i++) {\n var nextSource = arguments[i];\n if (nextSource === undefined || nextSource === null) {\n continue;\n }\n\n var keysArray = Object.keys(Object(nextSource));\n for (var nextIndex = 0, len = keysArray.length; nextIndex < len; nextIndex++) {\n var nextKey = keysArray[nextIndex];\n var desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);\n if (desc !== undefined && desc.enumerable) {\n to[nextKey] = nextSource[nextKey];\n }\n }\n }\n return to;\n}\n\nfunction polyfill() {\n if (!Object.assign) {\n Object.defineProperty(Object, 'assign', {\n enumerable: false,\n configurable: true,\n writable: true,\n value: assign\n });\n }\n}\n\nmodule.exports = {\n assign: assign,\n polyfill: polyfill\n};\n","function noop() { }\nconst identity = x => x;\nfunction assign(tar, src) {\n // @ts-ignore\n for (const k in src)\n tar[k] = src[k];\n return tar;\n}\nfunction is_promise(value) {\n return value && typeof value === 'object' && typeof value.then === 'function';\n}\nfunction add_location(element, file, line, column, char) {\n element.__svelte_meta = {\n loc: { file, line, column, char }\n };\n}\nfunction run(fn) {\n return fn();\n}\nfunction blank_object() {\n return Object.create(null);\n}\nfunction run_all(fns) {\n fns.forEach(run);\n}\nfunction is_function(thing) {\n return typeof thing === 'function';\n}\nfunction safe_not_equal(a, b) {\n return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');\n}\nfunction not_equal(a, b) {\n return a != a ? b == b : a !== b;\n}\nfunction validate_store(store, name) {\n if (!store || typeof store.subscribe !== 'function') {\n throw new Error(`'${name}' is not a store with a 'subscribe' method`);\n }\n}\nfunction subscribe(component, store, callback) {\n const unsub = store.subscribe(callback);\n component.$$.on_destroy.push(unsub.unsubscribe\n ? () => unsub.unsubscribe()\n : unsub);\n}\nfunction create_slot(definition, ctx, fn) {\n if (definition) {\n const slot_ctx = get_slot_context(definition, ctx, fn);\n return definition[0](slot_ctx);\n }\n}\nfunction get_slot_context(definition, ctx, fn) {\n return definition[1]\n ? assign({}, assign(ctx.$$scope.ctx, definition[1](fn ? fn(ctx) : {})))\n : ctx.$$scope.ctx;\n}\nfunction get_slot_changes(definition, ctx, changed, fn) {\n return definition[1]\n ? assign({}, assign(ctx.$$scope.changed || {}, definition[1](fn ? fn(changed) : {})))\n : ctx.$$scope.changed || {};\n}\nfunction exclude_internal_props(props) {\n const result = {};\n for (const k in props)\n if (k[0] !== '$')\n result[k] = props[k];\n return result;\n}\nfunction once(fn) {\n let ran = false;\n return function (...args) {\n if (ran)\n return;\n ran = true;\n fn.call(this, ...args);\n };\n}\n\nconst is_client = typeof window !== 'undefined';\nlet now = is_client\n ? () => window.performance.now()\n : () => Date.now();\nlet raf = cb => requestAnimationFrame(cb);\n// used internally for testing\nfunction set_now(fn) {\n now = fn;\n}\nfunction set_raf(fn) {\n raf = fn;\n}\n\nconst tasks = new Set();\nlet running = false;\nfunction run_tasks() {\n tasks.forEach(task => {\n if (!task[0](now())) {\n tasks.delete(task);\n task[1]();\n }\n });\n running = tasks.size > 0;\n if (running)\n raf(run_tasks);\n}\nfunction clear_loops() {\n // for testing...\n tasks.forEach(task => tasks.delete(task));\n running = false;\n}\nfunction loop(fn) {\n let task;\n if (!running) {\n running = true;\n raf(run_tasks);\n }\n return {\n promise: new Promise(fulfil => {\n tasks.add(task = [fn, fulfil]);\n }),\n abort() {\n tasks.delete(task);\n }\n };\n}\n\nfunction append(target, node) {\n target.appendChild(node);\n}\nfunction insert(target, node, anchor) {\n target.insertBefore(node, anchor || null);\n}\nfunction detach(node) {\n node.parentNode.removeChild(node);\n}\nfunction detach_between(before, after) {\n while (before.nextSibling && before.nextSibling !== after) {\n before.parentNode.removeChild(before.nextSibling);\n }\n}\nfunction detach_before(after) {\n while (after.previousSibling) {\n after.parentNode.removeChild(after.previousSibling);\n }\n}\nfunction detach_after(before) {\n while (before.nextSibling) {\n before.parentNode.removeChild(before.nextSibling);\n }\n}\nfunction destroy_each(iterations, detaching) {\n for (let i = 0; i < iterations.length; i += 1) {\n if (iterations[i])\n iterations[i].d(detaching);\n }\n}\nfunction element(name) {\n return document.createElement(name);\n}\nfunction object_without_properties(obj, exclude) {\n // eslint-disable-next-line @typescript-eslint/no-object-literal-type-assertion\n const target = {};\n for (const k in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, k)\n // @ts-ignore\n && exclude.indexOf(k) === -1) {\n // @ts-ignore\n target[k] = obj[k];\n }\n }\n return target;\n}\nfunction svg_element(name) {\n return document.createElementNS('http://www.w3.org/2000/svg', name);\n}\nfunction text(data) {\n return document.createTextNode(data);\n}\nfunction space() {\n return text(' ');\n}\nfunction empty() {\n return text('');\n}\nfunction listen(node, event, handler, options) {\n node.addEventListener(event, handler, options);\n return () => node.removeEventListener(event, handler, options);\n}\nfunction prevent_default(fn) {\n return function (event) {\n event.preventDefault();\n // @ts-ignore\n return fn.call(this, event);\n };\n}\nfunction stop_propagation(fn) {\n return function (event) {\n event.stopPropagation();\n // @ts-ignore\n return fn.call(this, event);\n };\n}\nfunction attr(node, attribute, value) {\n if (value == null)\n node.removeAttribute(attribute);\n else\n node.setAttribute(attribute, value);\n}\nfunction set_attributes(node, attributes) {\n for (const key in attributes) {\n if (key === 'style') {\n node.style.cssText = attributes[key];\n }\n else if (key in node) {\n node[key] = attributes[key];\n }\n else {\n attr(node, key, attributes[key]);\n }\n }\n}\nfunction set_custom_element_data(node, prop, value) {\n if (prop in node) {\n node[prop] = value;\n }\n else {\n attr(node, prop, value);\n }\n}\nfunction xlink_attr(node, attribute, value) {\n node.setAttributeNS('http://www.w3.org/1999/xlink', attribute, value);\n}\nfunction get_binding_group_value(group) {\n const value = [];\n for (let i = 0; i < group.length; i += 1) {\n if (group[i].checked)\n value.push(group[i].__value);\n }\n return value;\n}\nfunction to_number(value) {\n return value === '' ? undefined : +value;\n}\nfunction time_ranges_to_array(ranges) {\n const array = [];\n for (let i = 0; i < ranges.length; i += 1) {\n array.push({ start: ranges.start(i), end: ranges.end(i) });\n }\n return array;\n}\nfunction children(element) {\n return Array.from(element.childNodes);\n}\nfunction claim_element(nodes, name, attributes, svg) {\n for (let i = 0; i < nodes.length; i += 1) {\n const node = nodes[i];\n if (node.nodeName === name) {\n for (let j = 0; j < node.attributes.length; j += 1) {\n const attribute = node.attributes[j];\n if (!attributes[attribute.name])\n node.removeAttribute(attribute.name);\n }\n return nodes.splice(i, 1)[0]; // TODO strip unwanted attributes\n }\n }\n return svg ? svg_element(name) : element(name);\n}\nfunction claim_text(nodes, data) {\n for (let i = 0; i < nodes.length; i += 1) {\n const node = nodes[i];\n if (node.nodeType === 3) {\n node.data = data;\n return nodes.splice(i, 1)[0];\n }\n }\n return text(data);\n}\nfunction set_data(text, data) {\n data = '' + data;\n if (text.data !== data)\n text.data = data;\n}\nfunction set_input_type(input, type) {\n try {\n input.type = type;\n }\n catch (e) {\n // do nothing\n }\n}\nfunction set_style(node, key, value) {\n node.style.setProperty(key, value);\n}\nfunction select_option(select, value) {\n for (let i = 0; i < select.options.length; i += 1) {\n const option = select.options[i];\n if (option.__value === value) {\n option.selected = true;\n return;\n }\n }\n}\nfunction select_options(select, value) {\n for (let i = 0; i < select.options.length; i += 1) {\n const option = select.options[i];\n option.selected = ~value.indexOf(option.__value);\n }\n}\nfunction select_value(select) {\n const selected_option = select.querySelector(':checked') || select.options[0];\n return selected_option && selected_option.__value;\n}\nfunction select_multiple_value(select) {\n return [].map.call(select.querySelectorAll(':checked'), option => option.__value);\n}\nfunction add_resize_listener(element, fn) {\n if (getComputedStyle(element).position === 'static') {\n element.style.position = 'relative';\n }\n const object = document.createElement('object');\n object.setAttribute('style', 'display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; pointer-events: none; z-index: -1;');\n object.type = 'text/html';\n object.tabIndex = -1;\n let win;\n object.onload = () => {\n win = object.contentDocument.defaultView;\n win.addEventListener('resize', fn);\n };\n if (/Trident/.test(navigator.userAgent)) {\n element.appendChild(object);\n object.data = 'about:blank';\n }\n else {\n object.data = 'about:blank';\n element.appendChild(object);\n }\n return {\n cancel: () => {\n win && win.removeEventListener && win.removeEventListener('resize', fn);\n element.removeChild(object);\n }\n };\n}\nfunction toggle_class(element, name, toggle) {\n element.classList[toggle ? 'add' : 'remove'](name);\n}\nfunction custom_event(type, detail) {\n const e = document.createEvent('CustomEvent');\n e.initCustomEvent(type, false, false, detail);\n return e;\n}\n\nlet stylesheet;\nlet active = 0;\nlet current_rules = {};\n// https://github.com/darkskyapp/string-hash/blob/master/index.js\nfunction hash(str) {\n let hash = 5381;\n let i = str.length;\n while (i--)\n hash = ((hash << 5) - hash) ^ str.charCodeAt(i);\n return hash >>> 0;\n}\nfunction create_rule(node, a, b, duration, delay, ease, fn, uid = 0) {\n const step = 16.666 / duration;\n let keyframes = '{\\n';\n for (let p = 0; p <= 1; p += step) {\n const t = a + (b - a) * ease(p);\n keyframes += p * 100 + `%{${fn(t, 1 - t)}}\\n`;\n }\n const rule = keyframes + `100% {${fn(b, 1 - b)}}\\n}`;\n const name = `__svelte_${hash(rule)}_${uid}`;\n if (!current_rules[name]) {\n if (!stylesheet) {\n const style = element('style');\n document.head.appendChild(style);\n stylesheet = style.sheet;\n }\n current_rules[name] = true;\n stylesheet.insertRule(`@keyframes ${name} ${rule}`, stylesheet.cssRules.length);\n }\n const animation = node.style.animation || '';\n node.style.animation = `${animation ? `${animation}, ` : ``}${name} ${duration}ms linear ${delay}ms 1 both`;\n active += 1;\n return name;\n}\nfunction delete_rule(node, name) {\n node.style.animation = (node.style.animation || '')\n .split(', ')\n .filter(name\n ? anim => anim.indexOf(name) < 0 // remove specific animation\n : anim => anim.indexOf('__svelte') === -1 // remove all Svelte animations\n )\n .join(', ');\n if (name && !--active)\n clear_rules();\n}\nfunction clear_rules() {\n raf(() => {\n if (active)\n return;\n let i = stylesheet.cssRules.length;\n while (i--)\n stylesheet.deleteRule(i);\n current_rules = {};\n });\n}\n\nfunction create_animation(node, from, fn, params) {\n if (!from)\n return noop;\n const to = node.getBoundingClientRect();\n if (from.left === to.left && from.right === to.right && from.top === to.top && from.bottom === to.bottom)\n return noop;\n const { delay = 0, duration = 300, easing = identity, \n // @ts-ignore todo: should this be separated from destructuring? Or start/end added to public api and documentation?\n start: start_time = now() + delay, \n // @ts-ignore todo:\n end = start_time + duration, tick = noop, css } = fn(node, { from, to }, params);\n let running = true;\n let started = false;\n let name;\n function start() {\n if (css) {\n name = create_rule(node, 0, 1, duration, delay, easing, css);\n }\n if (!delay) {\n started = true;\n }\n }\n function stop() {\n if (css)\n delete_rule(node, name);\n running = false;\n }\n loop(now => {\n if (!started && now >= start_time) {\n started = true;\n }\n if (started && now >= end) {\n tick(1, 0);\n stop();\n }\n if (!running) {\n return false;\n }\n if (started) {\n const p = now - start_time;\n const t = 0 + 1 * easing(p / duration);\n tick(t, 1 - t);\n }\n return true;\n });\n start();\n tick(0, 1);\n return stop;\n}\nfunction fix_position(node) {\n const style = getComputedStyle(node);\n if (style.position !== 'absolute' && style.position !== 'fixed') {\n const { width, height } = style;\n const a = node.getBoundingClientRect();\n node.style.position = 'absolute';\n node.style.width = width;\n node.style.height = height;\n add_transform(node, a);\n }\n}\nfunction add_transform(node, a) {\n const b = node.getBoundingClientRect();\n if (a.left !== b.left || a.top !== b.top) {\n const style = getComputedStyle(node);\n const transform = style.transform === 'none' ? '' : style.transform;\n node.style.transform = `${transform} translate(${a.left - b.left}px, ${a.top - b.top}px)`;\n }\n}\n\nlet current_component;\nfunction set_current_component(component) {\n current_component = component;\n}\nfunction get_current_component() {\n if (!current_component)\n throw new Error(`Function called outside component initialization`);\n return current_component;\n}\nfunction beforeUpdate(fn) {\n get_current_component().$$.before_update.push(fn);\n}\nfunction onMount(fn) {\n get_current_component().$$.on_mount.push(fn);\n}\nfunction afterUpdate(fn) {\n get_current_component().$$.after_update.push(fn);\n}\nfunction onDestroy(fn) {\n get_current_component().$$.on_destroy.push(fn);\n}\nfunction createEventDispatcher() {\n const component = current_component;\n return (type, detail) => {\n const callbacks = component.$$.callbacks[type];\n if (callbacks) {\n // TODO are there situations where events could be dispatched\n // in a server (non-DOM) environment?\n const event = custom_event(type, detail);\n callbacks.slice().forEach(fn => {\n fn.call(component, event);\n });\n }\n };\n}\nfunction setContext(key, context) {\n get_current_component().$$.context.set(key, context);\n}\nfunction getContext(key) {\n return get_current_component().$$.context.get(key);\n}\n// TODO figure out if we still want to support\n// shorthand events, or if we want to implement\n// a real bubbling mechanism\nfunction bubble(component, event) {\n const callbacks = component.$$.callbacks[event.type];\n if (callbacks) {\n callbacks.slice().forEach(fn => fn(event));\n }\n}\n\nconst dirty_components = [];\nconst intros = { enabled: false };\nconst binding_callbacks = [];\nconst render_callbacks = [];\nconst flush_callbacks = [];\nconst resolved_promise = Promise.resolve();\nlet update_scheduled = false;\nfunction schedule_update() {\n if (!update_scheduled) {\n update_scheduled = true;\n resolved_promise.then(flush);\n }\n}\nfunction tick() {\n schedule_update();\n return resolved_promise;\n}\nfunction add_render_callback(fn) {\n render_callbacks.push(fn);\n}\nfunction add_flush_callback(fn) {\n flush_callbacks.push(fn);\n}\nfunction flush() {\n const seen_callbacks = new Set();\n do {\n // first, call beforeUpdate functions\n // and update components\n while (dirty_components.length) {\n const component = dirty_components.shift();\n set_current_component(component);\n update(component.$$);\n }\n while (binding_callbacks.length)\n binding_callbacks.pop()();\n // then, once components are updated, call\n // afterUpdate functions. This may cause\n // subsequent updates...\n for (let i = 0; i < render_callbacks.length; i += 1) {\n const callback = render_callbacks[i];\n if (!seen_callbacks.has(callback)) {\n callback();\n // ...so guard against infinite loops\n seen_callbacks.add(callback);\n }\n }\n render_callbacks.length = 0;\n } while (dirty_components.length);\n while (flush_callbacks.length) {\n flush_callbacks.pop()();\n }\n update_scheduled = false;\n}\nfunction update($$) {\n if ($$.fragment) {\n $$.update($$.dirty);\n run_all($$.before_update);\n $$.fragment.p($$.dirty, $$.ctx);\n $$.dirty = null;\n $$.after_update.forEach(add_render_callback);\n }\n}\n\nlet promise;\nfunction wait() {\n if (!promise) {\n promise = Promise.resolve();\n promise.then(() => {\n promise = null;\n });\n }\n return promise;\n}\nfunction dispatch(node, direction, kind) {\n node.dispatchEvent(custom_event(`${direction ? 'intro' : 'outro'}${kind}`));\n}\nconst outroing = new Set();\nlet outros;\nfunction group_outros() {\n outros = {\n r: 0,\n c: [],\n p: outros // parent group\n };\n}\nfunction check_outros() {\n if (!outros.r) {\n run_all(outros.c);\n }\n outros = outros.p;\n}\nfunction transition_in(block, local) {\n if (block && block.i) {\n outroing.delete(block);\n block.i(local);\n }\n}\nfunction transition_out(block, local, detach, callback) {\n if (block && block.o) {\n if (outroing.has(block))\n return;\n outroing.add(block);\n outros.c.push(() => {\n outroing.delete(block);\n if (callback) {\n if (detach)\n block.d(1);\n callback();\n }\n });\n block.o(local);\n }\n}\nfunction create_in_transition(node, fn, params) {\n let config = fn(node, params);\n let running = false;\n let animation_name;\n let task;\n let uid = 0;\n function cleanup() {\n if (animation_name)\n delete_rule(node, animation_name);\n }\n function go() {\n const { delay = 0, duration = 300, easing = identity, tick = noop, css } = config;\n if (css)\n animation_name = create_rule(node, 0, 1, duration, delay, easing, css, uid++);\n tick(0, 1);\n const start_time = now() + delay;\n const end_time = start_time + duration;\n if (task)\n task.abort();\n running = true;\n add_render_callback(() => dispatch(node, true, 'start'));\n task = loop(now => {\n if (running) {\n if (now >= end_time) {\n tick(1, 0);\n dispatch(node, true, 'end');\n cleanup();\n return running = false;\n }\n if (now >= start_time) {\n const t = easing((now - start_time) / duration);\n tick(t, 1 - t);\n }\n }\n return running;\n });\n }\n let started = false;\n return {\n start() {\n if (started)\n return;\n delete_rule(node);\n if (is_function(config)) {\n config = config();\n wait().then(go);\n }\n else {\n go();\n }\n },\n invalidate() {\n started = false;\n },\n end() {\n if (running) {\n cleanup();\n running = false;\n }\n }\n };\n}\nfunction create_out_transition(node, fn, params) {\n let config = fn(node, params);\n let running = true;\n let animation_name;\n const group = outros;\n group.r += 1;\n function go() {\n const { delay = 0, duration = 300, easing = identity, tick = noop, css } = config;\n if (css)\n animation_name = create_rule(node, 1, 0, duration, delay, easing, css);\n const start_time = now() + delay;\n const end_time = start_time + duration;\n add_render_callback(() => dispatch(node, false, 'start'));\n loop(now => {\n if (running) {\n if (now >= end_time) {\n tick(0, 1);\n dispatch(node, false, 'end');\n if (!--group.r) {\n // this will result in `end()` being called,\n // so we don't need to clean up here\n run_all(group.c);\n }\n return false;\n }\n if (now >= start_time) {\n const t = easing((now - start_time) / duration);\n tick(1 - t, t);\n }\n }\n return running;\n });\n }\n if (is_function(config)) {\n wait().then(() => {\n // @ts-ignore\n config = config();\n go();\n });\n }\n else {\n go();\n }\n return {\n end(reset) {\n if (reset && config.tick) {\n config.tick(1, 0);\n }\n if (running) {\n if (animation_name)\n delete_rule(node, animation_name);\n running = false;\n }\n }\n };\n}\nfunction create_bidirectional_transition(node, fn, params, intro) {\n let config = fn(node, params);\n let t = intro ? 0 : 1;\n let running_program = null;\n let pending_program = null;\n let animation_name = null;\n function clear_animation() {\n if (animation_name)\n delete_rule(node, animation_name);\n }\n function init(program, duration) {\n const d = program.b - t;\n duration *= Math.abs(d);\n return {\n a: t,\n b: program.b,\n d,\n duration,\n start: program.start,\n end: program.start + duration,\n group: program.group\n };\n }\n function go(b) {\n const { delay = 0, duration = 300, easing = identity, tick = noop, css } = config;\n const program = {\n start: now() + delay,\n b\n };\n if (!b) {\n // @ts-ignore todo: improve typings\n program.group = outros;\n outros.r += 1;\n }\n if (running_program) {\n pending_program = program;\n }\n else {\n // if this is an intro, and there's a delay, we need to do\n // an initial tick and/or apply CSS animation immediately\n if (css) {\n clear_animation();\n animation_name = create_rule(node, t, b, duration, delay, easing, css);\n }\n if (b)\n tick(0, 1);\n running_program = init(program, duration);\n add_render_callback(() => dispatch(node, b, 'start'));\n loop(now => {\n if (pending_program && now > pending_program.start) {\n running_program = init(pending_program, duration);\n pending_program = null;\n dispatch(node, running_program.b, 'start');\n if (css) {\n clear_animation();\n animation_name = create_rule(node, t, running_program.b, running_program.duration, 0, easing, config.css);\n }\n }\n if (running_program) {\n if (now >= running_program.end) {\n tick(t = running_program.b, 1 - t);\n dispatch(node, running_program.b, 'end');\n if (!pending_program) {\n // we're done\n if (running_program.b) {\n // intro — we can tidy up immediately\n clear_animation();\n }\n else {\n // outro — needs to be coordinated\n if (!--running_program.group.r)\n run_all(running_program.group.c);\n }\n }\n running_program = null;\n }\n else if (now >= running_program.start) {\n const p = now - running_program.start;\n t = running_program.a + running_program.d * easing(p / running_program.duration);\n tick(t, 1 - t);\n }\n }\n return !!(running_program || pending_program);\n });\n }\n }\n return {\n run(b) {\n if (is_function(config)) {\n wait().then(() => {\n // @ts-ignore\n config = config();\n go(b);\n });\n }\n else {\n go(b);\n }\n },\n end() {\n clear_animation();\n running_program = pending_program = null;\n }\n };\n}\n\nfunction handle_promise(promise, info) {\n const token = info.token = {};\n function update(type, index, key, value) {\n if (info.token !== token)\n return;\n info.resolved = key && { [key]: value };\n const child_ctx = assign(assign({}, info.ctx), info.resolved);\n const block = type && (info.current = type)(child_ctx);\n if (info.block) {\n if (info.blocks) {\n info.blocks.forEach((block, i) => {\n if (i !== index && block) {\n group_outros();\n transition_out(block, 1, 1, () => {\n info.blocks[i] = null;\n });\n check_outros();\n }\n });\n }\n else {\n info.block.d(1);\n }\n block.c();\n transition_in(block, 1);\n block.m(info.mount(), info.anchor);\n flush();\n }\n info.block = block;\n if (info.blocks)\n info.blocks[index] = block;\n }\n if (is_promise(promise)) {\n promise.then(value => {\n update(info.then, 1, info.value, value);\n }, error => {\n update(info.catch, 2, info.error, error);\n });\n // if we previously had a then/catch block, destroy it\n if (info.current !== info.pending) {\n update(info.pending, 0);\n return true;\n }\n }\n else {\n if (info.current !== info.then) {\n update(info.then, 1, info.value, promise);\n return true;\n }\n info.resolved = { [info.value]: promise };\n }\n}\n\nconst globals = (typeof window !== 'undefined' ? window : global);\n\nfunction destroy_block(block, lookup) {\n block.d(1);\n lookup.delete(block.key);\n}\nfunction outro_and_destroy_block(block, lookup) {\n transition_out(block, 1, 1, () => {\n lookup.delete(block.key);\n });\n}\nfunction fix_and_destroy_block(block, lookup) {\n block.f();\n destroy_block(block, lookup);\n}\nfunction fix_and_outro_and_destroy_block(block, lookup) {\n block.f();\n outro_and_destroy_block(block, lookup);\n}\nfunction update_keyed_each(old_blocks, changed, get_key, dynamic, ctx, list, lookup, node, destroy, create_each_block, next, get_context) {\n let o = old_blocks.length;\n let n = list.length;\n let i = o;\n const old_indexes = {};\n while (i--)\n old_indexes[old_blocks[i].key] = i;\n const new_blocks = [];\n const new_lookup = new Map();\n const deltas = new Map();\n i = n;\n while (i--) {\n const child_ctx = get_context(ctx, list, i);\n const key = get_key(child_ctx);\n let block = lookup.get(key);\n if (!block) {\n block = create_each_block(key, child_ctx);\n block.c();\n }\n else if (dynamic) {\n block.p(changed, child_ctx);\n }\n new_lookup.set(key, new_blocks[i] = block);\n if (key in old_indexes)\n deltas.set(key, Math.abs(i - old_indexes[key]));\n }\n const will_move = new Set();\n const did_move = new Set();\n function insert(block) {\n transition_in(block, 1);\n block.m(node, next);\n lookup.set(block.key, block);\n next = block.first;\n n--;\n }\n while (o && n) {\n const new_block = new_blocks[n - 1];\n const old_block = old_blocks[o - 1];\n const new_key = new_block.key;\n const old_key = old_block.key;\n if (new_block === old_block) {\n // do nothing\n next = new_block.first;\n o--;\n n--;\n }\n else if (!new_lookup.has(old_key)) {\n // remove old block\n destroy(old_block, lookup);\n o--;\n }\n else if (!lookup.has(new_key) || will_move.has(new_key)) {\n insert(new_block);\n }\n else if (did_move.has(old_key)) {\n o--;\n }\n else if (deltas.get(new_key) > deltas.get(old_key)) {\n did_move.add(new_key);\n insert(new_block);\n }\n else {\n will_move.add(old_key);\n o--;\n }\n }\n while (o--) {\n const old_block = old_blocks[o];\n if (!new_lookup.has(old_block.key))\n destroy(old_block, lookup);\n }\n while (n)\n insert(new_blocks[n - 1]);\n return new_blocks;\n}\nfunction measure(blocks) {\n const rects = {};\n let i = blocks.length;\n while (i--)\n rects[blocks[i].key] = blocks[i].node.getBoundingClientRect();\n return rects;\n}\n\nfunction get_spread_update(levels, updates) {\n const update = {};\n const to_null_out = {};\n const accounted_for = { $$scope: 1 };\n let i = levels.length;\n while (i--) {\n const o = levels[i];\n const n = updates[i];\n if (n) {\n for (const key in o) {\n if (!(key in n))\n to_null_out[key] = 1;\n }\n for (const key in n) {\n if (!accounted_for[key]) {\n update[key] = n[key];\n accounted_for[key] = 1;\n }\n }\n levels[i] = n;\n }\n else {\n for (const key in o) {\n accounted_for[key] = 1;\n }\n }\n }\n for (const key in to_null_out) {\n if (!(key in update))\n update[key] = undefined;\n }\n return update;\n}\n\nconst invalid_attribute_name_character = /[\\s'\">/=\\u{FDD0}-\\u{FDEF}\\u{FFFE}\\u{FFFF}\\u{1FFFE}\\u{1FFFF}\\u{2FFFE}\\u{2FFFF}\\u{3FFFE}\\u{3FFFF}\\u{4FFFE}\\u{4FFFF}\\u{5FFFE}\\u{5FFFF}\\u{6FFFE}\\u{6FFFF}\\u{7FFFE}\\u{7FFFF}\\u{8FFFE}\\u{8FFFF}\\u{9FFFE}\\u{9FFFF}\\u{AFFFE}\\u{AFFFF}\\u{BFFFE}\\u{BFFFF}\\u{CFFFE}\\u{CFFFF}\\u{DFFFE}\\u{DFFFF}\\u{EFFFE}\\u{EFFFF}\\u{FFFFE}\\u{FFFFF}\\u{10FFFE}\\u{10FFFF}]/u;\n// https://html.spec.whatwg.org/multipage/syntax.html#attributes-2\n// https://infra.spec.whatwg.org/#noncharacter\nfunction spread(args) {\n const attributes = Object.assign({}, ...args);\n let str = '';\n Object.keys(attributes).forEach(name => {\n if (invalid_attribute_name_character.test(name))\n return;\n const value = attributes[name];\n if (value === undefined)\n return;\n if (value === true)\n str += \" \" + name;\n const escaped = String(value)\n .replace(/\"/g, '"')\n .replace(/'/g, ''');\n str += \" \" + name + \"=\" + JSON.stringify(escaped);\n });\n return str;\n}\nconst escaped = {\n '\"': '"',\n \"'\": ''',\n '&': '&',\n '<': '<',\n '>': '>'\n};\nfunction escape(html) {\n return String(html).replace(/[\"'&<>]/g, match => escaped[match]);\n}\nfunction each(items, fn) {\n let str = '';\n for (let i = 0; i < items.length; i += 1) {\n str += fn(items[i], i);\n }\n return str;\n}\nconst missing_component = {\n $$render: () => ''\n};\nfunction validate_component(component, name) {\n if (!component || !component.$$render) {\n if (name === 'svelte:component')\n name += ' this={...}';\n throw new Error(`<${name}> is not a valid SSR component. You may need to review your build config to ensure that dependencies are compiled, rather than imported as pre-compiled modules`);\n }\n return component;\n}\nfunction debug(file, line, column, values) {\n console.log(`{@debug} ${file ? file + ' ' : ''}(${line}:${column})`); // eslint-disable-line no-console\n console.log(values); // eslint-disable-line no-console\n return '';\n}\nlet on_destroy;\nfunction create_ssr_component(fn) {\n function $$render(result, props, bindings, slots) {\n const parent_component = current_component;\n const $$ = {\n on_destroy,\n context: new Map(parent_component ? parent_component.$$.context : []),\n // these will be immediately discarded\n on_mount: [],\n before_update: [],\n after_update: [],\n callbacks: blank_object()\n };\n set_current_component({ $$ });\n const html = fn(result, props, bindings, slots);\n set_current_component(parent_component);\n return html;\n }\n return {\n render: (props = {}, options = {}) => {\n on_destroy = [];\n const result = { head: '', css: new Set() };\n const html = $$render(result, props, {}, options);\n run_all(on_destroy);\n return {\n html,\n css: {\n code: Array.from(result.css).map(css => css.code).join('\\n'),\n map: null // TODO\n },\n head: result.head\n };\n },\n $$render\n };\n}\n/**\n * Get the current value from a store by subscribing and immediately unsubscribing.\n * @param store readable\n */\nfunction get_store_value(store) {\n let value;\n const unsubscribe = store.subscribe(_ => value = _);\n if (unsubscribe.unsubscribe)\n unsubscribe.unsubscribe();\n else\n unsubscribe();\n return value;\n}\nfunction add_attribute(name, value) {\n if (!value)\n return '';\n return ` ${name}${value === true ? '' : `=${typeof value === 'string' ? JSON.stringify(value) : `\"${value}\"`}`}`;\n}\nfunction add_classes(classes) {\n return classes ? ` class=\"${classes}\"` : ``;\n}\n\nfunction bind(component, name, callback) {\n if (component.$$.props.indexOf(name) === -1)\n return;\n component.$$.bound[name] = callback;\n callback(component.$$.ctx[name]);\n}\nfunction mount_component(component, target, anchor) {\n const { fragment, on_mount, on_destroy, after_update } = component.$$;\n fragment.m(target, anchor);\n // onMount happens before the initial afterUpdate\n add_render_callback(() => {\n const new_on_destroy = on_mount.map(run).filter(is_function);\n if (on_destroy) {\n on_destroy.push(...new_on_destroy);\n }\n else {\n // Edge case - component was destroyed immediately,\n // most likely as a result of a binding initialising\n run_all(new_on_destroy);\n }\n component.$$.on_mount = [];\n });\n after_update.forEach(add_render_callback);\n}\nfunction destroy_component(component, detaching) {\n if (component.$$.fragment) {\n run_all(component.$$.on_destroy);\n component.$$.fragment.d(detaching);\n // TODO null out other refs, including component.$$ (but need to\n // preserve final state?)\n component.$$.on_destroy = component.$$.fragment = null;\n component.$$.ctx = {};\n }\n}\nfunction make_dirty(component, key) {\n if (!component.$$.dirty) {\n dirty_components.push(component);\n schedule_update();\n component.$$.dirty = blank_object();\n }\n component.$$.dirty[key] = true;\n}\nfunction init(component, options, instance, create_fragment, not_equal, prop_names) {\n const parent_component = current_component;\n set_current_component(component);\n const props = options.props || {};\n const $$ = component.$$ = {\n fragment: null,\n ctx: null,\n // state\n props: prop_names,\n update: noop,\n not_equal,\n bound: blank_object(),\n // lifecycle\n on_mount: [],\n on_destroy: [],\n before_update: [],\n after_update: [],\n context: new Map(parent_component ? parent_component.$$.context : []),\n // everything else\n callbacks: blank_object(),\n dirty: null\n };\n let ready = false;\n $$.ctx = instance\n ? instance(component, props, (key, value) => {\n if ($$.ctx && not_equal($$.ctx[key], $$.ctx[key] = value)) {\n if ($$.bound[key])\n $$.bound[key](value);\n if (ready)\n make_dirty(component, key);\n }\n })\n : props;\n $$.update();\n ready = true;\n run_all($$.before_update);\n $$.fragment = create_fragment($$.ctx);\n if (options.target) {\n if (options.hydrate) {\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n $$.fragment.l(children(options.target));\n }\n else {\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n $$.fragment.c();\n }\n if (options.intro)\n transition_in(component.$$.fragment);\n mount_component(component, options.target, options.anchor);\n flush();\n }\n set_current_component(parent_component);\n}\nlet SvelteElement;\nif (typeof HTMLElement !== 'undefined') {\n SvelteElement = class extends HTMLElement {\n constructor() {\n super();\n this.attachShadow({ mode: 'open' });\n }\n connectedCallback() {\n // @ts-ignore todo: improve typings\n for (const key in this.$$.slotted) {\n // @ts-ignore todo: improve typings\n this.appendChild(this.$$.slotted[key]);\n }\n }\n attributeChangedCallback(attr, _oldValue, newValue) {\n this[attr] = newValue;\n }\n $destroy() {\n destroy_component(this, 1);\n this.$destroy = noop;\n }\n $on(type, callback) {\n // TODO should this delegate to addEventListener?\n const callbacks = (this.$$.callbacks[type] || (this.$$.callbacks[type] = []));\n callbacks.push(callback);\n return () => {\n const index = callbacks.indexOf(callback);\n if (index !== -1)\n callbacks.splice(index, 1);\n };\n }\n $set() {\n // overridden by instance, if it has props\n }\n };\n}\nclass SvelteComponent {\n $destroy() {\n destroy_component(this, 1);\n this.$destroy = noop;\n }\n $on(type, callback) {\n const callbacks = (this.$$.callbacks[type] || (this.$$.callbacks[type] = []));\n callbacks.push(callback);\n return () => {\n const index = callbacks.indexOf(callback);\n if (index !== -1)\n callbacks.splice(index, 1);\n };\n }\n $set() {\n // overridden by instance, if it has props\n }\n}\nclass SvelteComponentDev extends SvelteComponent {\n constructor(options) {\n if (!options || (!options.target && !options.$$inline)) {\n throw new Error(`'target' is a required option`);\n }\n super();\n }\n $destroy() {\n super.$destroy();\n this.$destroy = () => {\n console.warn(`Component was already destroyed`); // eslint-disable-line no-console\n };\n }\n}\n\nexport { SvelteComponent, SvelteComponentDev, SvelteElement, add_attribute, add_classes, add_flush_callback, add_location, add_render_callback, add_resize_listener, add_transform, afterUpdate, append, assign, attr, beforeUpdate, bind, binding_callbacks, blank_object, bubble, check_outros, children, claim_element, claim_text, clear_loops, createEventDispatcher, create_animation, create_bidirectional_transition, create_in_transition, create_out_transition, create_slot, create_ssr_component, current_component, custom_event, debug, destroy_block, destroy_component, destroy_each, detach, detach_after, detach_before, detach_between, dirty_components, each, element, empty, escape, escaped, exclude_internal_props, fix_and_destroy_block, fix_and_outro_and_destroy_block, fix_position, flush, getContext, get_binding_group_value, get_slot_changes, get_slot_context, get_spread_update, get_store_value, globals, group_outros, handle_promise, identity, init, insert, intros, invalid_attribute_name_character, is_client, is_function, is_promise, listen, loop, measure, missing_component, mount_component, noop, not_equal, now, object_without_properties, onDestroy, onMount, once, outro_and_destroy_block, prevent_default, raf, run, run_all, safe_not_equal, schedule_update, select_multiple_value, select_option, select_options, select_value, setContext, set_attributes, set_current_component, set_custom_element_data, set_data, set_input_type, set_now, set_raf, set_style, space, spread, stop_propagation, subscribe, svg_element, text, tick, time_ranges_to_array, to_number, toggle_class, transition_in, transition_out, update_keyed_each, validate_component, validate_store, xlink_attr };\n","const getCalendarPage = (month,year,dayProps) => {\n let days = [];\n let date = new Date(year,month,1);\n date.setDate(date.getDate() - date.getDay());\n let nextMonth = month == 11 ? 0 : month + 1; \n // ensure days starts on Sunday\n // and end on saturday\n let weeks = []; \n while(date.getMonth() != nextMonth || date.getDay() != 0 || weeks.length != 6) { \n if (date.getDay() == 0) weeks.unshift({ days: [], id: `${year}${month}${year}${weeks.length}` });\n weeks[0].days.push({\n partOfMonth: date.getMonth() == month,\n date: new Date(date), \n ...dayProps(date)\n }); \n date.setDate(date.getDate() + 1)\n }\n weeks.reverse(); \n return { month, year, weeks }\n}\n\nconst getDayPropsHandler = (start, end, selectableCallback) => {\n let today = new Date(); \n today.setHours(0,0,0,0);\n return date => ({\n selectable: date >= start && date <= end\n && (!selectableCallback || selectableCallback(date)),\n isToday: date.getTime() == today.getTime()\n });\n};\n\nexport function getMonths(start, end, selectableCallback=null) { \n start.setHours(0,0,0,0);\n end.setHours(0,0,0,0);\n let endDate = new Date(end.getFullYear(), end.getMonth() + 1, 1); \n let months = [ ]; \n let date = new Date(start.getFullYear(),start.getMonth(),1);\n let dayPropsHandler = getDayPropsHandler(start, end, selectableCallback);\n while(date < endDate) { \n months.push(getCalendarPage(date.getMonth(),date.getFullYear(),dayPropsHandler)); \n date.setMonth(date.getMonth() + 1); \n }\n return months;\n}\n\nexport const areDatesEquivalent = (a, b) => \n a.getDate() == b.getDate()\n && a.getMonth() == b.getMonth()\n && a.getFullYear() == b.getFullYear(); ","export { identity as linear } from '../internal';\n\n/*\nAdapted from https://github.com/mattdesl\nDistributed under MIT License https://github.com/mattdesl/eases/blob/master/LICENSE.md\n*/\nfunction backInOut(t) {\n const s = 1.70158 * 1.525;\n if ((t *= 2) < 1)\n return 0.5 * (t * t * ((s + 1) * t - s));\n return 0.5 * ((t -= 2) * t * ((s + 1) * t + s) + 2);\n}\nfunction backIn(t) {\n const s = 1.70158;\n return t * t * ((s + 1) * t - s);\n}\nfunction backOut(t) {\n const s = 1.70158;\n return --t * t * ((s + 1) * t + s) + 1;\n}\nfunction bounceOut(t) {\n const a = 4.0 / 11.0;\n const b = 8.0 / 11.0;\n const c = 9.0 / 10.0;\n const ca = 4356.0 / 361.0;\n const cb = 35442.0 / 1805.0;\n const cc = 16061.0 / 1805.0;\n const t2 = t * t;\n return t < a\n ? 7.5625 * t2\n : t < b\n ? 9.075 * t2 - 9.9 * t + 3.4\n : t < c\n ? ca * t2 - cb * t + cc\n : 10.8 * t * t - 20.52 * t + 10.72;\n}\nfunction bounceInOut(t) {\n return t < 0.5\n ? 0.5 * (1.0 - bounceOut(1.0 - t * 2.0))\n : 0.5 * bounceOut(t * 2.0 - 1.0) + 0.5;\n}\nfunction bounceIn(t) {\n return 1.0 - bounceOut(1.0 - t);\n}\nfunction circInOut(t) {\n if ((t *= 2) < 1)\n return -0.5 * (Math.sqrt(1 - t * t) - 1);\n return 0.5 * (Math.sqrt(1 - (t -= 2) * t) + 1);\n}\nfunction circIn(t) {\n return 1.0 - Math.sqrt(1.0 - t * t);\n}\nfunction circOut(t) {\n return Math.sqrt(1 - --t * t);\n}\nfunction cubicInOut(t) {\n return t < 0.5 ? 4.0 * t * t * t : 0.5 * Math.pow(2.0 * t - 2.0, 3.0) + 1.0;\n}\nfunction cubicIn(t) {\n return t * t * t;\n}\nfunction cubicOut(t) {\n const f = t - 1.0;\n return f * f * f + 1.0;\n}\nfunction elasticInOut(t) {\n return t < 0.5\n ? 0.5 *\n Math.sin(((+13.0 * Math.PI) / 2) * 2.0 * t) *\n Math.pow(2.0, 10.0 * (2.0 * t - 1.0))\n : 0.5 *\n Math.sin(((-13.0 * Math.PI) / 2) * (2.0 * t - 1.0 + 1.0)) *\n Math.pow(2.0, -10.0 * (2.0 * t - 1.0)) +\n 1.0;\n}\nfunction elasticIn(t) {\n return Math.sin((13.0 * t * Math.PI) / 2) * Math.pow(2.0, 10.0 * (t - 1.0));\n}\nfunction elasticOut(t) {\n return (Math.sin((-13.0 * (t + 1.0) * Math.PI) / 2) * Math.pow(2.0, -10.0 * t) + 1.0);\n}\nfunction expoInOut(t) {\n return t === 0.0 || t === 1.0\n ? t\n : t < 0.5\n ? +0.5 * Math.pow(2.0, 20.0 * t - 10.0)\n : -0.5 * Math.pow(2.0, 10.0 - t * 20.0) + 1.0;\n}\nfunction expoIn(t) {\n return t === 0.0 ? t : Math.pow(2.0, 10.0 * (t - 1.0));\n}\nfunction expoOut(t) {\n return t === 1.0 ? t : 1.0 - Math.pow(2.0, -10.0 * t);\n}\nfunction quadInOut(t) {\n t /= 0.5;\n if (t < 1)\n return 0.5 * t * t;\n t--;\n return -0.5 * (t * (t - 2) - 1);\n}\nfunction quadIn(t) {\n return t * t;\n}\nfunction quadOut(t) {\n return -t * (t - 2.0);\n}\nfunction quartInOut(t) {\n return t < 0.5\n ? +8.0 * Math.pow(t, 4.0)\n : -8.0 * Math.pow(t - 1.0, 4.0) + 1.0;\n}\nfunction quartIn(t) {\n return Math.pow(t, 4.0);\n}\nfunction quartOut(t) {\n return Math.pow(t - 1.0, 3.0) * (1.0 - t) + 1.0;\n}\nfunction quintInOut(t) {\n if ((t *= 2) < 1)\n return 0.5 * t * t * t * t * t;\n return 0.5 * ((t -= 2) * t * t * t * t + 2);\n}\nfunction quintIn(t) {\n return t * t * t * t * t;\n}\nfunction quintOut(t) {\n return --t * t * t * t * t + 1;\n}\nfunction sineInOut(t) {\n return -0.5 * (Math.cos(Math.PI * t) - 1);\n}\nfunction sineIn(t) {\n const v = Math.cos(t * Math.PI * 0.5);\n if (Math.abs(v) < 1e-14)\n return 1;\n else\n return 1 - v;\n}\nfunction sineOut(t) {\n return Math.sin((t * Math.PI) / 2);\n}\n\nexport { backIn, backInOut, backOut, bounceIn, bounceInOut, bounceOut, circIn, circInOut, circOut, cubicIn, cubicInOut, cubicOut, elasticIn, elasticInOut, elasticOut, expoIn, expoInOut, expoOut, quadIn, quadInOut, quadOut, quartIn, quartInOut, quartOut, quintIn, quintInOut, quintOut, sineIn, sineInOut, sineOut };\n","import { cubicOut, cubicInOut } from '../easing';\nimport { is_function, assign } from '../internal';\n\n/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation. All rights reserved.\r\nLicensed under the Apache License, Version 2.0 (the \"License\"); you may not use\r\nthis file except in compliance with the License. You may obtain a copy of the\r\nLicense at http://www.apache.org/licenses/LICENSE-2.0\r\n\r\nTHIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\r\nKIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED\r\nWARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,\r\nMERCHANTABLITY OR NON-INFRINGEMENT.\r\n\r\nSee the Apache Version 2.0 License for specific language governing permissions\r\nand limitations under the License.\r\n***************************************************************************** */\r\n\r\nfunction __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\n\nfunction fade(node, { delay = 0, duration = 400 }) {\n const o = +getComputedStyle(node).opacity;\n return {\n delay,\n duration,\n css: t => `opacity: ${t * o}`\n };\n}\nfunction fly(node, { delay = 0, duration = 400, easing = cubicOut, x = 0, y = 0, opacity = 0 }) {\n const style = getComputedStyle(node);\n const target_opacity = +style.opacity;\n const transform = style.transform === 'none' ? '' : style.transform;\n const od = target_opacity * (1 - opacity);\n return {\n delay,\n duration,\n easing,\n css: (t, u) => `\n\t\t\ttransform: ${transform} translate(${(1 - t) * x}px, ${(1 - t) * y}px);\n\t\t\topacity: ${target_opacity - (od * u)}`\n };\n}\nfunction slide(node, { delay = 0, duration = 400, easing = cubicOut }) {\n const style = getComputedStyle(node);\n const opacity = +style.opacity;\n const height = parseFloat(style.height);\n const padding_top = parseFloat(style.paddingTop);\n const padding_bottom = parseFloat(style.paddingBottom);\n const margin_top = parseFloat(style.marginTop);\n const margin_bottom = parseFloat(style.marginBottom);\n const border_top_width = parseFloat(style.borderTopWidth);\n const border_bottom_width = parseFloat(style.borderBottomWidth);\n return {\n delay,\n duration,\n easing,\n css: t => `overflow: hidden;` +\n `opacity: ${Math.min(t * 20, 1) * opacity};` +\n `height: ${t * height}px;` +\n `padding-top: ${t * padding_top}px;` +\n `padding-bottom: ${t * padding_bottom}px;` +\n `margin-top: ${t * margin_top}px;` +\n `margin-bottom: ${t * margin_bottom}px;` +\n `border-top-width: ${t * border_top_width}px;` +\n `border-bottom-width: ${t * border_bottom_width}px;`\n };\n}\nfunction scale(node, { delay = 0, duration = 400, easing = cubicOut, start = 0, opacity = 0 }) {\n const style = getComputedStyle(node);\n const target_opacity = +style.opacity;\n const transform = style.transform === 'none' ? '' : style.transform;\n const sd = 1 - start;\n const od = target_opacity * (1 - opacity);\n return {\n delay,\n duration,\n easing,\n css: (_t, u) => `\n\t\t\ttransform: ${transform} scale(${1 - (sd * u)});\n\t\t\topacity: ${target_opacity - (od * u)}\n\t\t`\n };\n}\nfunction draw(node, { delay = 0, speed, duration, easing = cubicInOut }) {\n const len = node.getTotalLength();\n if (duration === undefined) {\n if (speed === undefined) {\n duration = 800;\n }\n else {\n duration = len / speed;\n }\n }\n else if (typeof duration === 'function') {\n duration = duration(len);\n }\n return {\n delay,\n duration,\n easing,\n css: (t, u) => `stroke-dasharray: ${t * len} ${u * len}`\n };\n}\nfunction crossfade(_a) {\n var { fallback } = _a, defaults = __rest(_a, [\"fallback\"]);\n const to_receive = new Map();\n const to_send = new Map();\n function crossfade(from, node, params) {\n const { delay = 0, duration = d => Math.sqrt(d) * 30, easing = cubicOut } = assign(assign({}, defaults), params);\n const to = node.getBoundingClientRect();\n const dx = from.left - to.left;\n const dy = from.top - to.top;\n const dw = from.width / to.width;\n const dh = from.height / to.height;\n const d = Math.sqrt(dx * dx + dy * dy);\n const style = getComputedStyle(node);\n const transform = style.transform === 'none' ? '' : style.transform;\n const opacity = +style.opacity;\n return {\n delay,\n duration: is_function(duration) ? duration(d) : duration,\n easing,\n css: (t, u) => `\n\t\t\t\topacity: ${t * opacity};\n\t\t\t\ttransform-origin: top left;\n\t\t\t\ttransform: ${transform} translate(${u * dx}px,${u * dy}px) scale(${t + (1 - t) * dw}, ${t + (1 - t) * dh});\n\t\t\t`\n };\n }\n function transition(items, counterparts, intro) {\n return (node, params) => {\n items.set(params.key, {\n rect: node.getBoundingClientRect()\n });\n return () => {\n if (counterparts.has(params.key)) {\n const { rect } = counterparts.get(params.key);\n counterparts.delete(params.key);\n return crossfade(rect, node, params);\n }\n // if the node is disappearing altogether\n // (i.e. wasn't claimed by the other list)\n // then we need to supply an outro\n items.delete(params.key);\n return fallback && fallback(node, params, intro);\n };\n };\n }\n return [\n transition(to_send, to_receive, false),\n transition(to_receive, to_send, true)\n ];\n}\n\nexport { crossfade, draw, fade, fly, scale, slide };\n","\n {#each days as day}\n
\n \n
\n {/each}\n
\n {#each visibleMonth.weeks as week (week.id) }\n \n {/each}\n
\n\n\n","\n
\n
dispatch('incrementMonth', -1)}>\n \n
\n
\n {monthDict[month].name} {year}\n
\n
dispatch('incrementMonth', 1)}>\n \n
\n
\n
\n {#each availableMonths as monthDefinition, index}\n
monthSelected(e, index)}\n >\n {monthDefinition.abbrev}\n
\n {/each}\n
\n
\n
\n \n \n {#if !trigger}\n \n {/if}\n \n
\n \n
\n
changeMonth(e.detail)} \n on:incrementMonth={e => incrementMonth(e.detail)}\n />\n \n {#each dayDict as day}\n {day.abbrev}\n {/each}\n
\n registerSelection(e.detail)}\n />\n \n
\n
\r\n {#each days as day}\r\n
\r\n \r\n
\r\n {/each}\r\n
\r\n {#each visibleMonth.weeks as week (week.id) }\r\n \r\n {/each}\r\n
\r\n\r\n\r\n","\r\n\r\n\r\n
\r\n
dispatch('incrementMonth', -1)}>\r\n \r\n
\r\n
\r\n {monthDict[month].name} {year}\r\n
\r\n
dispatch('incrementMonth', 1)}>\r\n \r\n
\r\n
\r\n
\r\n {#each availableMonths as monthDefinition, index}\r\n
monthSelected(e, index)}\r\n >\r\n {monthDefinition.abbrev}\r\n
\r\n {/each}\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n {#if !trigger}\r\n \r\n {/if}\r\n \r\n
\r\n \r\n
\r\n
changeMonth(e.detail)} \r\n on:incrementMonth={e => incrementMonth(e.detail)}\r\n />\r\n \r\n {#each dayDict as day}\r\n {day.abbrev}\r\n {/each}\r\n
\r\n registerSelection(e.detail)}\r\n />\r\n \r\n
\r\n
SvelteCalendar
\n\n\t
A lightweight date picker written with Svelte. Here is an example:
\n\n\t
\n\t\n\n\t
This component can be used with or without the Svelte compiler.
\n\t
\n\t\t- Lightweight (~8KB)
\n\t\t- IE11+ Compatible
\n\t\t- Usable as a Svelte component
\n\t\t- Usable with Vanilla JS / <Your Framework Here>
\n\t\t- Can be compiled to a native web component / custom element
\n\t\t- Mobile/thumb friendly
\n\t\t- Keyboard navigation (arrows, pgup/pgdown, tab, esc)
\n\t
\n\n\t
Above you can see the default styling of this component. This will be created for you by default when using the component but you can also pass in your own calendar 'trigger' either as a slot (custom element or svelte) or as a DOM node reference (use as vanilla JS). Here are some examples:
\n\n\t
With Svelte:
\n\t
\n<Datepicker format={dateFormat} bind:formattedSelected bind:dateChosen>\n <button class=\"custom-button\">\n {#if dateChosen} Chosen: {formattedSelected} {:else} Pick a date {/if}\n </button>\n</Datepicker>\n\t
\n\n\t
\n\t\t\n\t\t\t\n\t\t\n\t
\n\n\t
Without Svelte HTML:
\n\t
\n<div class=\"button-container\">\n <button id=\"test\">My Custom Button</button>\n</div>\n\t
\n\n\t
Without Svelte JS:
\n\t
\nvar trigger = document.getElementById('test');\nvar cal = new SvelteCalendar({ \n target: document.querySelector('.button-container'),\n anchor: trigger, \n data: {\n trigger: trigger\n }\n});\n\t
\n\n\t
\n\t\t\n\t\t\t\n\t\t\n\t
\n\n\t
You can confine the date selection range with start and end:
\n\n\t
\n\t\t\n\t
\n\n\t
Note: The calendar will only generate dates up until the end date, so it is recommended to set this value to whatever is useful for you.
\n\n\t
You can also provide a `selectableCallback` prop which can be used to mark individual days between `start` and `end` as selectable. This callback should accept a single date as an argument and return true (if selectable) or false (if unavailable).
\n\n\t
\n\t\t\n\t
\n\n\t
You can bind to the `dateSelected` event, which has a data property `date`:
\n\t\n\t
\n\t\t logChoice(e.detail.date)} />\n\t
\n\n\n
\n
\n \n \n {#if !trigger}\n \n {/if}\n \n
\n \n
\n
changeMonth(e.detail)} \n on:incrementMonth={e => incrementMonth(e.detail)}\n />\n \n {#each dayDict as day}\n {day.abbrev}\n {/each}\n
\n registerSelection(e.detail)}\n />\n \n
\n
\n
\n
dispatch('incrementMonth', -1)}>\n \n
\n
\n {monthDict[month].name} {year}\n
\n
dispatch('incrementMonth', 1)}>\n \n
\n
\n
\n {#each availableMonths as monthDefinition, index}\n
monthSelected(e, index)}\n >\n {monthDefinition.abbrev}\n
\n {/each}\n
\n
\n {#each visibleMonth.weeks as week (week.id) }\n \n {/each}\n
\n\n\n",
- "\n {#each days as day}\n
\n \n
\n {/each}\n
SvelteCalendar
\r\n\r\n\t
A lightweight date picker written with Svelte. Here is an example:
\r\n\r\n\t
\r\n\t\r\n\r\n\t
This component can be used with or without the Svelte compiler.
\r\n\t
\r\n\t\t- Lightweight (~8KB)
\r\n\t\t- IE11+ Compatible
\r\n\t\t- Usable as a Svelte component
\r\n\t\t- Usable with Vanilla JS / <Your Framework Here>
\r\n\t\t- Can be compiled to a native web component / custom element
\r\n\t\t- Mobile/thumb friendly
\r\n\t\t- Keyboard navigation (arrows, pgup/pgdown, tab, esc)
\r\n\t
\r\n\r\n\t
Above you can see the default styling of this component. This will be created for you by default when using the component but you can also pass in your own calendar 'trigger' either as a slot (custom element or svelte) or as a DOM node reference (use as vanilla JS). Here are some examples:
\r\n\r\n\t
With Svelte:
\r\n\t
\r\n<Datepicker format={dateFormat} bind:formattedSelected bind:dateChosen>\r\n <button class=\"custom-button\">\r\n {#if dateChosen} Chosen: {formattedSelected} {:else} Pick a date {/if}\r\n </button>\r\n</Datepicker>\r\n\t
\r\n\r\n\t
\r\n\t\t\r\n\t\t\t\r\n\t\t\r\n\t
\r\n\r\n\t
Without Svelte HTML:
\r\n\t
\r\n<div class=\"button-container\">\r\n <button id=\"test\">My Custom Button</button>\r\n</div>\r\n\t
\r\n\r\n\t
Without Svelte JS:
\r\n\t
\r\nvar trigger = document.getElementById('test');\r\nvar cal = new SvelteCalendar({ \r\n target: document.querySelector('.button-container'),\r\n anchor: trigger, \r\n data: {\r\n trigger: trigger\r\n }\r\n});\r\n\t
\r\n\r\n\t
\r\n\t\t\r\n\t\t\t\r\n\t\t\r\n\t
\r\n\r\n\t
You can confine the date selection range with start and end:
\r\n\r\n\t
\r\n\t\t\r\n\t
\r\n\r\n\t
Note: The calendar will only generate dates up until the end date, so it is recommended to set this value to whatever is useful for you.
\r\n\r\n\t
You can also provide a `selectableCallback` prop which can be used to mark individual days between `start` and `end` as selectable. This callback should accept a single date as an argument and return true (if selectable) or false (if unavailable).
\r\n\r\n\t
\r\n\t\t\r\n\t
\r\n\r\n\t
You can bind to the `dateSelected` event, which has a data property `date`:
\r\n\t\r\n\t
\r\n\t\t logChoice(e.detail.date)} />\r\n\t
\r\n
\r\n
\r\n \r\n \r\n {#if !trigger}\r\n \r\n {/if}\r\n \r\n
\r\n \r\n
\r\n
changeMonth(e.detail)} \r\n on:incrementMonth={e => incrementMonth(e.detail)}\r\n />\r\n \r\n {#each dayDict as day}\r\n {day.abbrev}\r\n {/each}\r\n
\r\n registerSelection(e.detail)}\r\n />\r\n \r\n
\r\n
\r\n {#each visibleMonth.weeks as week (week.id) }\r\n \r\n {/each}\r\n
\r\n\r\n\r\n",
+ "\r\n\r\n\r\n
\r\n
dispatch('incrementMonth', -1)}>\r\n \r\n
\r\n
\r\n {monthDict[month].name} {year}\r\n
\r\n
dispatch('incrementMonth', 1)}>\r\n \r\n
\r\n
\r\n
\r\n {#each availableMonths as monthDefinition, index}\r\n
monthSelected(e, index)}\r\n >\r\n {monthDefinition.abbrev}\r\n
\r\n {/each}\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n {#each days as day}\r\n
\r\n \r\n
\r\n {/each}\r\n
\n\t\t\t<div class="button-container">\n\t\t\t <button id="test">My Custom Button</button>\n\t\t\t</div>\n\t\t\t\t',Y=_(),(H=S("h4")).textContent="Without Svelte JS:",W=_(),(L=S("pre")).innerHTML="\n\t\t\tvar trigger = document.getElementById('test');\n\t\t\tvar cal = new SvelteCalendar({ \n\t\t\t target: document.querySelector('.button-container'),\n\t\t\t anchor: trigger, \n\t\t\t data: {\n\t\t\t trigger: trigger\n\t\t\t }\n\t\t\t});\n\t\t\t\t",A=_(),P=S("div"),ye.$$.fragment.c(),z=_(),(B=S("p")).textContent="You can confine the date selection range with start and end:",R=_(),U=S("div"),$e.$$.fragment.c(),K=_(),(V=S("p")).textContent="Note: The calendar will only generate dates up until the end date, so it is recommended to set this value to whatever is useful for you.",X=_(),(Q=S("p")).textContent="You can also provide a `selectableCallback` prop which can be used to mark individual days between `start` and `end` as selectable. This callback should accept a single date as an argument and return true (if selectable) or false (if unavailable).",Z=_(),ee=S("div"),ke.$$.fragment.c(),te=_(),(re=S("p")).textContent="You can bind to the `dateSelected` event, which has a data property `date`:",ae=_(),de=S("div"),Me.$$.fragment.c(),x(t,"class","svelte-19l6ijk"),x(g,"class","html"),x(C,"class","text-center svelte-19l6ijk"),x(P,"class","text-center svelte-19l6ijk"),x(U,"class","text-center svelte-19l6ijk"),x(V,"class","note svelte-19l6ijk"),x(ee,"class","text-center svelte-19l6ijk"),x(de,"class","text-center svelte-19l6ijk"),x(o,"class","container svelte-19l6ijk")},m:function(e,M){k(e,t,M),k(e,n,M),k(e,o,M),$(o,r),$(o,a),ce(ue,o,null),$(o,i),$(o,c),$(o,l),$(o,d),$(o,s),$(o,u),$(o,h),$(o,f),$(o,v),$(o,m),$(m,g),$(g,p),$(g,b),$(g,y),$(o,D),$(o,C),ce(me,C,null),$(o,I),$(o,F),$(o,T),$(o,E),$(o,Y),$(o,H),$(o,W),$(o,L),$(o,A),$(o,P),ce(ye,P,null),$(o,z),$(o,B),$(o,R),$(o,U),ce($e,U,null),$(o,K),$(o,V),$(o,X),$(o,Q),$(o,Z),$(o,ee),ce(ke,ee,null),$(o,te),$(o,re),$(o,ae),$(o,de),ce(Me,de,null),se=!0},p:function(e,t){var n={};e.dateFormat&&(n.format=mt),ue.$set(n);var o={};e.dateFormat&&(o.format=mt),(e.$$scope||e.dateChosen||e.formattedSelected)&&(o.$$scope={changed:e,ctx:t}),!O&&e.formattedSelected&&(o.formattedSelected=t.formattedSelected),!j&&e.dateChosen&&(o.dateChosen=t.dateChosen),me.$set(o);var r={};(e.$$scope||e.exampleChosen||e.exampleFormatted)&&(r.$$scope={changed:e,ctx:t}),!q&&e.exampleFormatted&&(r.formattedSelected=t.exampleFormatted),!J&&e.exampleChosen&&(r.dateChosen=t.exampleChosen),ye.$set(r);var a={};e.dateFormat&&(a.format=mt),e.threeDaysInPast&&(a.start=t.threeDaysInPast),e.inThirtyDays&&(a.end=t.inThirtyDays),e.noWeekendsSelectableCallback&&(a.selectableCallback=t.noWeekendsSelectableCallback),$e.$set(a);var i={};e.dateFormat&&(i.format=mt),e.tomorrow&&(i.start=t.tomorrow),e.inThirtyDays&&(i.end=t.inThirtyDays),e.noWeekendsSelectableCallback&&(i.selectableCallback=t.noWeekendsSelectableCallback),ke.$set(i);var c={};e.dateFormat&&(c.format=mt),Me.$set(c)},i:function(e){se||(ne(ue.$$.fragment,e),ne(me.$$.fragment,e),ne(ye.$$.fragment,e),ne($e.$$.fragment,e),ne(ke.$$.fragment,e),ne(Me.$$.fragment,e),se=!0)},o:function(e){oe(ue.$$.fragment,e),oe(me.$$.fragment,e),oe(ye.$$.fragment,e),oe($e.$$.fragment,e),oe(ke.$$.fragment,e),oe(Me.$$.fragment,e),se=!1},d:function(e){e&&(M(t),M(n),M(o)),le(ue),le(me),le(ye),le($e),le(ke),le(Me)}}}var mt="#{l}, #{F} #{j}, #{Y}";function gt(e,t,n){var o,r,a,i=new Date,c=new Date,l=void 0,d=!1,s=!1,u=!1;A(function(){hljs.initHighlightingOnLoad()}),e.$$.update=function(e){if(void 0===e&&(e={start:1}),e.start&&new Date(c.getTime()+62208e6),e.start){var t=new Date(c);t.setDate(t.getDate()+30),n("inThirtyDays",a=t)}};var h=new Date(i);h.setDate(h.getDate()-3),n("threeDaysInPast",o=h);var f=new Date(i);return f.setDate(f.getDate()+1),n("tomorrow",r=f),{noWeekendsSelectableCallback:function(e){return 0!=e.getDay()&&6!=e.getDay()},formattedSelected:l,dateChosen:d,exampleFormatted:s,exampleChosen:u,threeDaysInPast:o,tomorrow:r,inThirtyDays:a,datepicker1_formattedSelected_binding:function(e){n("formattedSelected",l=e)},datepicker1_dateChosen_binding:function(e){n("dateChosen",d=e)},datepicker2_formattedSelected_binding:function(e){n("exampleFormatted",s=e)},datepicker2_dateChosen_binding:function(e){n("exampleChosen",u=e)},dateSelected_handler:function(e){return function(e){console.log("User chose "+e+".")}(e.detail.date)}}}var pt=function(e){function t(t){e.call(this),se(this,t,gt,vt,d,[])}return e&&(t.__proto__=e),t.prototype=Object.create(e&&e.prototype),t.prototype.constructor=t,t}(ue);return t(),new pt({target:document.body,data:{}})}();
+var app=function(){"use strict";function e(e,t){var n=arguments;if(null==e)throw new TypeError("Cannot convert first argument to object");for(var o=Object(e),r=1;r0)&&v(y)}function k(e){var t;return b||(b=!0,v(y)),{promise:new Promise(function(n){w.add(t=[e,n])}),abort:function(){w.delete(t)}}}function $(e,t){e.appendChild(t)}function M(e,t,n){e.insertBefore(t,n||null)}function D(e){e.parentNode.removeChild(e)}function S(e,t){for(var n=0;n>>0}(h)+"_"+s;if(!N[p]){if(!f){var m=x("style");document.head.appendChild(m),f=m.sheet}N[p]=!0,f.insertRule("@keyframes "+p+" "+h,f.cssRules.length)}var g=e.style.animation||"";return e.style.animation=(g?g+", ":"")+p+" "+o+"ms linear "+r+"ms 1 both",T+=1,p}function B(e,t){e.style.animation=(e.style.animation||"").split(", ").filter(t?function(e){return e.indexOf(t)<0}:function(e){return-1===e.indexOf("__svelte")}).join(", "),t&&!--T&&v(function(){if(!T){for(var e=f.cssRules.length;e--;)f.deleteRule(e);N={}}})}function H(e){F=e}function A(e){(function(){if(!F)throw new Error("Function called outside component initialization");return F})().$$.on_mount.push(e)}function q(){var e=F;return function(t,n){var o=e.$$.callbacks[t];if(o){var r=j(t,n);o.slice().forEach(function(t){t.call(e,r)})}}}var L,J=[],z=[],R=[],X=[],U=Promise.resolve(),K=!1;function G(){K||(K=!0,U.then(Z))}function V(e){R.push(e)}function Q(e){X.push(e)}function Z(){var e=new Set;do{for(;J.length;){var t=J.shift();H(t),ee(t.$$)}for(;z.length;)z.pop()();for(var n=0;n=e&&r<=t&&(!n||n(r)),isToday:r.getTime()==o.getTime()}}};var ve=function(e,t){return e.getDate()==t.getDate()&&e.getMonth()==t.getMonth()&&e.getFullYear()==t.getFullYear()};function we(e){var t=e-1;return t*t*t+1}function be(e,t){var n=t.delay;void 0===n&&(n=0);var o=t.duration;void 0===o&&(o=400);var r=+getComputedStyle(e).opacity;return{delay:n,duration:o,css:function(e){return"opacity: "+e*r}}}function ye(e,t){var n=t.delay;void 0===n&&(n=0);var o=t.duration;void 0===o&&(o=400);var r=t.easing;void 0===r&&(r=we);var a=t.x;void 0===a&&(a=0);var i=t.y;void 0===i&&(i=0);var s=t.opacity;void 0===s&&(s=0);var c=getComputedStyle(e),l=+c.opacity,d="none"===c.transform?"":c.transform,u=l*(1-s);return{delay:n,duration:o,easing:r,css:function(e,t){return"\n\t\t\ttransform: "+d+" translate("+(1-e)*a+"px, "+(1-e)*i+"px);\n\t\t\topacity: "+(l-u*t)}}}var ke="src\\Components\\Week.svelte";function $e(e,t,n){var o=Object.create(e);return o.day=t[n],o}function Me(e){var t,n,o,r,i,s=e.day.date.getDate();function c(){return e.click_handler(e)}return{c:function(){t=x("div"),n=x("button"),o=C(s),r=_(),P(n,"class","day--label svelte-1p7wi7u"),I(n,"selected",ve(e.day.date,e.selected)),I(n,"highlighted",ve(e.day.date,e.highlighted)),I(n,"shake-date",e.shouldShakeDate&&ve(e.day.date,e.shouldShakeDate)),I(n,"disabled",!e.day.selectable),a(n,ke,30,6,730),P(t,"class","day svelte-1p7wi7u"),I(t,"outside-month",!e.day.partOfMonth),I(t,"is-today",e.day.isToday),I(t,"is-disabled",!e.day.selectable),a(t,ke,24,4,565),i=E(n,"click",c)},m:function(e,a){M(e,t,a),$(t,n),$(n,o),$(t,r)},p:function(r,a){e=a,r.days&&s!==(s=e.day.date.getDate())&&O(o,s),(r.areDatesEquivalent||r.days||r.selected)&&I(n,"selected",ve(e.day.date,e.selected)),(r.areDatesEquivalent||r.days||r.highlighted)&&I(n,"highlighted",ve(e.day.date,e.highlighted)),(r.shouldShakeDate||r.areDatesEquivalent||r.days)&&I(n,"shake-date",e.shouldShakeDate&&ve(e.day.date,e.shouldShakeDate)),r.days&&(I(n,"disabled",!e.day.selectable),I(t,"outside-month",!e.day.partOfMonth),I(t,"is-today",e.day.isToday),I(t,"is-disabled",!e.day.selectable))},d:function(e){e&&D(t),i()}}}function De(e){for(var t,r,i,s,d=e.days,u=[],h=0;h=m)return h(1,0),ne(e,!0,"end"),u(),c=!1;if(t>=f){var n=l((t-f)/r);h(n,1-n)}}return c})}var p=!1;return{start:function(){p||(B(e),l(s)?(s=s(),te().then(h)):h())},invalidate:function(){p=!1},end:function(){c&&(u(),c=!1)}}}(t,ye,{x:50*e.direction,duration:180,delay:90})),r.start()}),s=!0)},o:function(e){r&&r.invalidate(),i=function(e,t,r){var a,i=t(e,r),s=!0,d=oe;function u(){var t=i.delay;void 0===t&&(t=0);var r=i.duration;void 0===r&&(r=300);var l=i.easing;void 0===l&&(l=o);var u=i.tick;void 0===u&&(u=n);var h=i.css;h&&(a=Y(e,1,0,r,t,l,h));var p=g()+t,f=p+r;V(function(){return ne(e,!1,"start")}),k(function(t){if(s){if(t>=f)return u(0,1),ne(e,!1,"end"),--d.r||c(d.c),!1;if(t>=p){var n=l((t-p)/r);u(1-n,n)}}return s})}return d.r+=1,l(i)?te().then(function(){i=i(),u()}):u(),{end:function(t){t&&i.tick&&i.tick(1,0),s&&(a&&B(e,a),s=!1)}}}(t,be,{duration:180}),s=!1},d:function(e){e&&D(t),S(u,e),e&&i&&i.end()}}}function Se(e,t,n){var o=q(),r=t.days,a=t.selected,i=t.start,s=t.end,c=t.highlighted,l=t.shouldShakeDate,d=t.direction,u=["days","selected","start","end","highlighted","shouldShakeDate","direction"];return Object.keys(t).forEach(function(e){u.includes(e)||e.startsWith("$$")||console.warn(" was created with unknown prop '"+e+"'")}),e.$set=function(e){"days"in e&&n("days",r=e.days),"selected"in e&&n("selected",a=e.selected),"start"in e&&n("start",i=e.start),"end"in e&&n("end",s=e.end),"highlighted"in e&&n("highlighted",c=e.highlighted),"shouldShakeDate"in e&&n("shouldShakeDate",l=e.shouldShakeDate),"direction"in e&&n("direction",d=e.direction)},{dispatch:o,days:r,selected:a,start:i,end:s,highlighted:c,shouldShakeDate:l,direction:d,click_handler:function(e){var t=e.day;return o("dateSelected",t.date)}}}var xe=function(e){function t(t){e.call(this,t),he(this,t,Se,De,d,["days","selected","start","end","highlighted","shouldShakeDate","direction"]);var n=this.$$.ctx,o=t.props||{};void 0!==n.days||"days"in o||console.warn(" was created without expected prop 'days'"),void 0!==n.selected||"selected"in o||console.warn(" was created without expected prop 'selected'"),void 0!==n.start||"start"in o||console.warn(" was created without expected prop 'start'"),void 0!==n.end||"end"in o||console.warn(" was created without expected prop 'end'"),void 0!==n.highlighted||"highlighted"in o||console.warn(" was created without expected prop 'highlighted'"),void 0!==n.shouldShakeDate||"shouldShakeDate"in o||console.warn(" was created without expected prop 'shouldShakeDate'"),void 0!==n.direction||"direction"in o||console.warn(" was created without expected prop 'direction'")}e&&(t.__proto__=e),t.prototype=Object.create(e&&e.prototype),t.prototype.constructor=t;var n={days:{configurable:!0},selected:{configurable:!0},start:{configurable:!0},end:{configurable:!0},highlighted:{configurable:!0},shouldShakeDate:{configurable:!0},direction:{configurable:!0}};return n.days.get=function(){throw new Error(": Props cannot be read directly from the component instance unless compiling with 'accessors: true' or ''")},n.days.set=function(e){throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''")},n.selected.get=function(){throw new Error(": Props cannot be read directly from the component instance unless compiling with 'accessors: true' or ''")},n.selected.set=function(e){throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''")},n.start.get=function(){throw new Error(": Props cannot be read directly from the component instance unless compiling with 'accessors: true' or ''")},n.start.set=function(e){throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''")},n.end.get=function(){throw new Error(": Props cannot be read directly from the component instance unless compiling with 'accessors: true' or ''")},n.end.set=function(e){throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''")},n.highlighted.get=function(){throw new Error(": Props cannot be read directly from the component instance unless compiling with 'accessors: true' or ''")},n.highlighted.set=function(e){throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''")},n.shouldShakeDate.get=function(){throw new Error(": Props cannot be read directly from the component instance unless compiling with 'accessors: true' or ''")},n.shouldShakeDate.set=function(e){throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''")},n.direction.get=function(){throw new Error(": Props cannot be read directly from the component instance unless compiling with 'accessors: true' or ''")},n.direction.set=function(e){throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''")},Object.defineProperties(t.prototype,n),t}(fe),Ce=[{name:"January",abbrev:"Jan"},{name:"February",abbrev:"Feb"},{name:"March",abbrev:"Mar"},{name:"April",abbrev:"Apr"},{name:"May",abbrev:"May"},{name:"June",abbrev:"Jun"},{name:"July",abbrev:"Jul"},{name:"August",abbrev:"Aug"},{name:"September",abbrev:"Sep"},{name:"October",abbrev:"Oct"},{name:"November",abbrev:"Nov"},{name:"December",abbrev:"Dec"}],_e=[{name:"Sunday",abbrev:"Sun"},{name:"Monday",abbrev:"Mon"},{name:"Tuesday",abbrev:"Tue"},{name:"Wednesday",abbrev:"Wed"},{name:"Thursday",abbrev:"Thu"},{name:"Friday",abbrev:"Fri"},{name:"Saturday",abbrev:"Sat"}],Ee="src\\Components\\Month.svelte";function Pe(e,t,n){var o=Object.create(e);return o.week=t[n],o}function Oe(e,t){var n,o,r=new xe({props:{days:t.week.days,selected:t.selected,start:t.start,end:t.end,highlighted:t.highlighted,shouldShakeDate:t.shouldShakeDate,direction:t.direction},$$inline:!0});return r.$on("dateSelected",t.dateSelected_handler),{key:e,first:null,c:function(){n=C(""),r.$$.fragment.c(),this.first=n},m:function(e,t){M(e,n,t),de(r,e,t),o=!0},p:function(e,t){var n={};e.visibleMonth&&(n.days=t.week.days),e.selected&&(n.selected=t.selected),e.start&&(n.start=t.start),e.end&&(n.end=t.end),e.highlighted&&(n.highlighted=t.highlighted),e.shouldShakeDate&&(n.shouldShakeDate=t.shouldShakeDate),e.direction&&(n.direction=t.direction),r.$set(n)},i:function(e){o||(ae(r.$$.fragment,e),o=!0)},o:function(e){ie(r.$$.fragment,e),o=!1},d:function(e){e&&D(n),ue(r,e)}}}function We(e){for(var t,n,o=[],r=new Map,i=e.visibleMonth.weeks,s=function(e){return e.week.id},l=0;lw.get(_)?(M.add(C),D(S)):($.add(_),h--):(c(x,i),h--)}for(;h--;){var E=e[h];v.has(E.key)||c(E,i)}for(;p;)D(g[p-1]);return g}(o,e,s,1,n,a,r,t,ce,Oe,null,Pe),oe.r||c(oe.c),oe=oe.p},i:function(e){if(!n){for(var t=0;t was created with unknown prop '"+e+"'")}),e.$set=function(e){"id"in e&&n("id",r=e.id),"visibleMonth"in e&&n("visibleMonth",a=e.visibleMonth),"selected"in e&&n("selected",i=e.selected),"start"in e&&n("start",s=e.start),"end"in e&&n("end",c=e.end),"highlighted"in e&&n("highlighted",l=e.highlighted),"shouldShakeDate"in e&&n("shouldShakeDate",d=e.shouldShakeDate)},e.$$.update=function(e){void 0===e&&(e={lastId:1,id:1}),(e.lastId||e.id)&&(n("direction",o=u was created without expected prop 'id'"),void 0!==n.visibleMonth||"visibleMonth"in o||console.warn(" was created without expected prop 'visibleMonth'"),void 0!==n.selected||"selected"in o||console.warn(" was created without expected prop 'selected'"),void 0!==n.start||"start"in o||console.warn(" was created without expected prop 'start'"),void 0!==n.end||"end"in o||console.warn(" was created without expected prop 'end'"),void 0!==n.highlighted||"highlighted"in o||console.warn(" was created without expected prop 'highlighted'"),void 0!==n.shouldShakeDate||"shouldShakeDate"in o||console.warn(" was created without expected prop 'shouldShakeDate'")}e&&(t.__proto__=e),t.prototype=Object.create(e&&e.prototype),t.prototype.constructor=t;var n={id:{configurable:!0},visibleMonth:{configurable:!0},selected:{configurable:!0},start:{configurable:!0},end:{configurable:!0},highlighted:{configurable:!0},shouldShakeDate:{configurable:!0}};return n.id.get=function(){throw new Error(": Props cannot be read directly from the component instance unless compiling with 'accessors: true' or ''")},n.id.set=function(e){throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''")},n.visibleMonth.get=function(){throw new Error(": Props cannot be read directly from the component instance unless compiling with 'accessors: true' or ''")},n.visibleMonth.set=function(e){throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''")},n.selected.get=function(){throw new Error(": Props cannot be read directly from the component instance unless compiling with 'accessors: true' or ''")},n.selected.set=function(e){throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''")},n.start.get=function(){throw new Error(": Props cannot be read directly from the component instance unless compiling with 'accessors: true' or ''")},n.start.set=function(e){throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''")},n.end.get=function(){throw new Error(": Props cannot be read directly from the component instance unless compiling with 'accessors: true' or ''")},n.end.set=function(e){throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''")},n.highlighted.get=function(){throw new Error(": Props cannot be read directly from the component instance unless compiling with 'accessors: true' or ''")},n.highlighted.set=function(e){throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''")},n.shouldShakeDate.get=function(){throw new Error(": Props cannot be read directly from the component instance unless compiling with 'accessors: true' or ''")},n.shouldShakeDate.set=function(e){throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''")},Object.defineProperties(t.prototype,n),t}(fe),Fe="src\\Components\\NavBar.svelte";function Te(e,t,n){var o=Object.create(e);return o.monthDefinition=t[n],o.index=n,o}function Ne(e){var t,n,o,r,i,s=e.monthDefinition.abbrev;function c(){for(var t=[],n=arguments.length;n--;)t[n]=arguments[n];return e.click_handler_2.apply(e,[e].concat(t))}return{c:function(){t=x("div"),n=x("span"),o=C(s),r=_(),P(n,"class","svelte-19cv7t7"),a(n,Fe,67,8,1933),P(t,"class","month-selector--month svelte-19cv7t7"),I(t,"selected",e.index==e.month),I(t,"selectable",e.monthDefinition.selectable),a(t,Fe,61,6,1726),i=E(t,"click",c)},m:function(e,a){M(e,t,a),$(t,n),$(n,o),$(t,r)},p:function(n,r){e=r,n.availableMonths&&s!==(s=e.monthDefinition.abbrev)&&O(o,s),n.month&&I(t,"selected",e.index==e.month),n.availableMonths&&I(t,"selectable",e.monthDefinition.selectable)},d:function(e){e&&D(t),i()}}}function Ye(e){for(var t,o,r,i,s,l,d,u,h,p,f,m,g,v,w,b=Ce[e.month].name,y=e.availableMonths,k=[],W=0;W was created with unknown prop '"+e+"'")}),e.$set=function(e){"month"in e&&n("month",a=e.month),"start"in e&&n("start",i=e.start),"end"in e&&n("end",s=e.end),"year"in e&&n("year",c=e.year),"canIncrementMonth"in e&&n("canIncrementMonth",l=e.canIncrementMonth),"canDecrementMonth"in e&&n("canDecrementMonth",d=e.canDecrementMonth)},e.$$.update=function(e){if(void 0===e&&(e={start:1,year:1,end:1}),e.start||e.year||e.end){var t=i.getFullYear()==c,r=s.getFullYear()==c;n("availableMonths",o=Ce.map(function(e,n){return Object.assign({},e,{selectable:!t&&!r||(!t||n>=i.getMonth())&&(!r||n<=s.getMonth())})}))}},{dispatch:r,month:a,start:i,end:s,year:c,canIncrementMonth:l,canDecrementMonth:d,monthSelectorOpen:u,availableMonths:o,toggleMonthSelectorOpen:h,monthSelected:p,click_handler:function(){return r("incrementMonth",-1)},click_handler_1:function(){return r("incrementMonth",1)},click_handler_2:function(e,t){return p(t,e.index)}}}var He=function(e){function t(t){e.call(this,t),he(this,t,Be,Ye,d,["month","start","end","year","canIncrementMonth","canDecrementMonth"]);var n=this.$$.ctx,o=t.props||{};void 0!==n.month||"month"in o||console.warn(" was created without expected prop 'month'"),void 0!==n.start||"start"in o||console.warn(" was created without expected prop 'start'"),void 0!==n.end||"end"in o||console.warn(" was created without expected prop 'end'"),void 0!==n.year||"year"in o||console.warn(" was created without expected prop 'year'"),void 0!==n.canIncrementMonth||"canIncrementMonth"in o||console.warn(" was created without expected prop 'canIncrementMonth'"),void 0!==n.canDecrementMonth||"canDecrementMonth"in o||console.warn(" was created without expected prop 'canDecrementMonth'")}e&&(t.__proto__=e),t.prototype=Object.create(e&&e.prototype),t.prototype.constructor=t;var n={month:{configurable:!0},start:{configurable:!0},end:{configurable:!0},year:{configurable:!0},canIncrementMonth:{configurable:!0},canDecrementMonth:{configurable:!0}};return n.month.get=function(){throw new Error(": Props cannot be read directly from the component instance unless compiling with 'accessors: true' or ''")},n.month.set=function(e){throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''")},n.start.get=function(){throw new Error(": Props cannot be read directly from the component instance unless compiling with 'accessors: true' or ''")},n.start.set=function(e){throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''")},n.end.get=function(){throw new Error(": Props cannot be read directly from the component instance unless compiling with 'accessors: true' or ''")},n.end.set=function(e){throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''")},n.year.get=function(){throw new Error(": Props cannot be read directly from the component instance unless compiling with 'accessors: true' or ''")},n.year.set=function(e){throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''")},n.canIncrementMonth.get=function(){throw new Error(": Props cannot be read directly from the component instance unless compiling with 'accessors: true' or ''")},n.canIncrementMonth.set=function(e){throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''")},n.canDecrementMonth.get=function(){throw new Error(": Props cannot be read directly from the component instance unless compiling with 'accessors: true' or ''")},n.canDecrementMonth.set=function(e){throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''")},Object.defineProperties(t.prototype,n),t}(fe),Ae=se.window,qe="src\\Components\\Popover.svelte",Le=function(){return{}},Je=function(){return{}},ze=function(){return{}},Re=function(){return{}};function Xe(e){var t,n,o,r,i,s,l,d;V(e.onwindowresize);var f=e.$$slots.trigger,m=u(f,e,Re),g=e.$$slots.contents,v=u(g,e,Je);return{c:function(){t=x("div"),n=x("div"),m&&m.c(),o=_(),r=x("div"),i=x("div"),s=x("div"),v&&v.c(),P(n,"class","trigger"),a(n,qe,102,2,2453),P(s,"class","contents-inner svelte-1s31d4x"),a(s,qe,113,6,2851),P(i,"class","contents svelte-1s31d4x"),a(i,qe,112,4,2792),P(r,"class","contents-wrapper svelte-1s31d4x"),W(r,"transform","translate(-50%,-50%) translate("+e.translateX+"px, "+e.translateY+"px)"),I(r,"visible",e.open),I(r,"shrink",e.shrink),a(r,qe,106,2,2575),P(t,"class","popover svelte-1s31d4x"),a(t,qe,101,0,2408),d=[E(Ae,"resize",e.onwindowresize),E(n,"click",e.doOpen)]},l:function(e){throw m&&m.l(div0_nodes),v&&v.l(div1_nodes),new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option")},m:function(a,c){M(a,t,c),$(t,n),m&&m.m(n,null),e.div0_binding(n),$(t,o),$(t,r),$(r,i),$(i,s),v&&v.m(s,null),e.div2_binding(i),e.div3_binding(r),e.div4_binding(t),l=!0},p:function(e,t){m&&m.p&&e.$$scope&&m.p(p(f,t,e,ze),h(f,t,Re)),v&&v.p&&e.$$scope&&v.p(p(g,t,e,Le),h(g,t,Je)),(!l||e.translateX||e.translateY)&&W(r,"transform","translate(-50%,-50%) translate("+t.translateX+"px, "+t.translateY+"px)"),e.open&&I(r,"visible",t.open),e.shrink&&I(r,"shrink",t.shrink)},i:function(e){l||(ae(m,e),ae(v,e),l=!0)},o:function(e){ie(m,e),ie(v,e),l=!1},d:function(n){n&&D(t),m&&m.d(n),e.div0_binding(null),v&&v.d(n),e.div2_binding(null),e.div3_binding(null),e.div4_binding(null),c(d)}}}function Ue(e,t,n){var o=this,r=q(),a=t.open;void 0===a&&(a=!1);var i,s,c,l,d,u=t.shrink,h=t.trigger,p=0,f=0;function m(e){if(a){var t=e.target;do{if(t==i)return}while(t=t.parentNode);v()}}A(function(){if(document.addEventListener("click",m.bind(o)),h)return c.appendChild(h.parentNode.removeChild(h)),function(){document.removeEventListener("click",m)}});var g=async function(){a||n("open",a=!0),await(G(),U);d.offsetWidth,d.offsetHeight;var e=d.getBoundingClientRect();return{top:e.top+-1*p,bottom:window.innerHeight-e.bottom+p,left:e.left+-1*f,right:document.body.clientWidth-e.right+f}},v=function(){var e,t,o;n("shrink",u=!0),t="animationend",o=function(){n("shrink",u=!1),n("open",a=!1),r("closed")},(e=l).addEventListener(t,function n(){o.apply(this,arguments),e.removeEventListener(t,n)})},w=["open","shrink","trigger"];Object.keys(t).forEach(function(e){w.includes(e)||e.startsWith("$$")||console.warn(" was created with unknown prop '"+e+"'")});var b=t.$$slots;void 0===b&&(b={});var y=t.$$scope;return e.$set=function(e){"open"in e&&n("open",a=e.open),"shrink"in e&&n("shrink",u=e.shrink),"trigger"in e&&n("trigger",h=e.trigger),"$$scope"in e&&n("$$scope",y=e.$$scope)},{open:a,shrink:u,trigger:h,popover:i,w:s,triggerContainer:c,contentsAnimated:l,contentsWrapper:d,translateY:p,translateX:f,doOpen:async function(){var e=await async function(){var e,t=await g();return e=s<480?t.bottom:t.top<0?Math.abs(t.top):t.bottom<0?t.bottom:0,{x:t.left<0?Math.abs(t.left):t.right<0?t.right:0,y:e}}(),t=e.x,o=e.y;n("translateX",f=t),n("translateY",p=o),n("open",a=!0),r("opened")},close:v,onwindowresize:function(){s=Ae.innerWidth,n("w",s)},div0_binding:function(e){z[e?"unshift":"push"](function(){n("triggerContainer",c=e)})},div2_binding:function(e){z[e?"unshift":"push"](function(){n("contentsAnimated",l=e)})},div3_binding:function(e){z[e?"unshift":"push"](function(){n("contentsWrapper",d=e)})},div4_binding:function(e){z[e?"unshift":"push"](function(){n("popover",i=e)})},$$slots:b,$$scope:y}}var Ke=function(e){function t(t){e.call(this,t),he(this,t,Ue,Xe,d,["open","shrink","trigger","close"]);var n=this.$$.ctx,o=t.props||{};void 0!==n.shrink||"shrink"in o||console.warn(" was created without expected prop 'shrink'"),void 0!==n.trigger||"trigger"in o||console.warn(" was created without expected prop 'trigger'")}e&&(t.__proto__=e),t.prototype=Object.create(e&&e.prototype),t.prototype.constructor=t;var n={open:{configurable:!0},shrink:{configurable:!0},trigger:{configurable:!0},close:{configurable:!0}};return n.open.get=function(){throw new Error(": Props cannot be read directly from the component instance unless compiling with 'accessors: true' or ''")},n.open.set=function(e){throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''")},n.shrink.get=function(){throw new Error(": Props cannot be read directly from the component instance unless compiling with 'accessors: true' or ''")},n.shrink.set=function(e){throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''")},n.trigger.get=function(){throw new Error(": Props cannot be read directly from the component instance unless compiling with 'accessors: true' or ''")},n.trigger.set=function(e){throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''")},n.close.get=function(){return this.$$.ctx.close},n.close.set=function(e){throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''")},Object.defineProperties(t.prototype,n),t}(fe),Ge=function(e,t,n){return e.replace(new RegExp("#{"+t+"}","g"),n)},Ve=function(e,t,n){if(e=e.toString(),void 0===t)return e;if(e.length==t)return e;if(n=void 0!==n&&n,e.length0;)e="0"+e;else e.length>t&&(e=n?e.substring(e.length-t):e.substring(0,t));return e},Qe={daysOfWeek:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],monthsOfYear:["January","February","March","April","May","June","July","August","September","October","November","December"]},Ze=[{key:"d",method:function(e){return Ve(e.getDate(),2)}},{key:"D",method:function(e){return Ve(Qe.daysOfWeek[e.getDay()],3)}},{key:"j",method:function(e){return e.getDate()}},{key:"l",method:function(e){return Qe.daysOfWeek[e.getDay()]}},{key:"F",method:function(e){return Qe.monthsOfYear[e.getMonth()]}},{key:"m",method:function(e){return Ve(e.getMonth()+1,2)}},{key:"M",method:function(e){return Ve(Qe.monthsOfYear[e.getMonth()],3)}},{key:"n",method:function(e){return e.getMonth()+1}},{key:"Y",method:function(e){return e.getFullYear()}},{key:"y",method:function(e){return Ve(e.getFullYear(),2,!0)}}],et=[{key:"a",method:function(e){return e.getHours()>11?"pm":"am"}},{key:"A",method:function(e){return e.getHours()>11?"PM":"AM"}},{key:"g",method:function(e){return e.getHours()%12||12}},{key:"G",method:function(e){return e.getHours()}},{key:"h",method:function(e){return Ve(e.getHours()%12||12,2)}},{key:"H",method:function(e){return Ve(e.getHours(),2)}},{key:"i",method:function(e){return Ve(e.getMinutes(),2)}},{key:"s",method:function(e){return Ve(e.getSeconds(),2)}}],tt=function(e,t){return void 0===t&&(t="#{m}/#{d}/#{Y}"),Ze.forEach(function(n){-1!=t.indexOf("#{"+n.key+"}")&&(t=Ge(t,n.key,n.method(e)))}),et.forEach(function(n){-1!=t.indexOf("#{"+n.key+"}")&&(t=Ge(t,n.key,n.method(e)))}),t},nt={left:37,up:38,right:39,down:40,pgup:33,pgdown:34,enter:13,escape:27,tab:9},ot=Object.keys(nt).map(function(e){return nt[e]}),rt="src\\Components\\Datepicker.svelte";function at(e,t,n){var o=Object.create(e);return o.day=t[n],o}function it(e){var t,n;return{c:function(){t=x("button"),n=C(e.formattedSelected),P(t,"class","calendar-button svelte-131e14a"),a(t,rt,191,10,5414)},m:function(e,o){M(e,t,o),$(t,n)},p:function(e,t){e.formattedSelected&&O(n,t.formattedSelected)},d:function(e){e&&D(t)}}}function st(e){var t,n,o=e.$$slots.default,r=u(o,e,null),i=!e.trigger&&it(e);return{c:function(){t=x("div"),r||i&&i.c(),r&&r.c(),P(t,"slot","trigger"),P(t,"class","svelte-131e14a"),a(t,rt,188,4,5344)},l:function(e){r&&r.l(div_nodes)},m:function(e,o){M(e,t,o),r?r.m(t,null):i&&i.m(t,null),n=!0},p:function(e,n){r||(n.trigger?i&&(i.d(1),i=null):i?i.p(e,n):((i=it(n)).c(),i.m(t,null))),r&&r.p&&e.$$scope&&r.p(p(o,n,e,null),h(o,n,null))},i:function(e){n||(ae(r,e),n=!0)},o:function(e){ie(r,e),n=!1},d:function(e){e&&D(t),r||i&&i.d(),r&&r.d(e)}}}function ct(e){var t,o,r=e.day.abbrev;return{c:function(){t=x("span"),o=C(r),P(t,"class","svelte-131e14a"),a(t,rt,211,12,5962)},m:function(e,n){M(e,t,n),$(t,o)},p:n,d:function(e){e&&D(t)}}}function lt(e){var t,n,o,r,i,s,c=new He({props:{month:e.month,year:e.year,start:e.start,end:e.end,canIncrementMonth:e.canIncrementMonth,canDecrementMonth:e.canDecrementMonth},$$inline:!0});c.$on("monthSelected",e.monthSelected_handler),c.$on("incrementMonth",e.incrementMonth_handler);for(var l=_e,d=[],u=0;u0&&u>F?M(1,u.getDate()):e<0&&u was created with unknown prop '"+e+"'")});var O=t.$$slots;void 0===O&&(O={});var W,I,j,F,T,N,Y,B=t.$$scope;return e.$set=function(e){"format"in e&&n("format",i=e.format),"start"in e&&n("start",s=e.start),"end"in e&&n("end",c=e.end),"selected"in e&&n("selected",l=e.selected),"dateChosen"in e&&n("dateChosen",p=e.dateChosen),"trigger"in e&&n("trigger",g=e.trigger),"selectableCallback"in e&&n("selectableCallback",v=e.selectableCallback),"formattedSelected"in e&&n("formattedSelected",k=e.formattedSelected),"$$scope"in e&&n("$$scope",B=e.$$scope)},e.$$.update=function(e){if(void 0===e&&(e={start:1,end:1,selectableCallback:1,months:1,month:1,year:1,monthIndex:1,visibleMonth:1,selected:1,format:1}),(e.start||e.end||e.selectableCallback)&&n("months",W=function(e,t,n){void 0===n&&(n=null),e.setHours(0,0,0,0),t.setHours(0,0,0,0);for(var o=new Date(t.getFullYear(),t.getMonth()+1,1),r=[],a=new Date(e.getFullYear(),e.getMonth(),1),i=ge(e,t,n);a0),(e.selected||e.format)&&n("formattedSelected",k=tt(l,i))},{popover:o,format:i,start:s,end:c,selected:l,highlighted:u,shouldShakeDate:h,dateChosen:p,month:f,year:m,trigger:g,selectableCallback:v,isOpen:w,isClosing:b,formattedSelected:k,changeMonth:$,incrementMonth:M,registerSelection:_,registerOpen:function(){n("highlighted",u=new Date(l)),n("month",f=l.getMonth()),n("year",m=l.getFullYear()),document.addEventListener("keydown",S),r("open")},registerClose:E,visibleMonth:I,visibleMonthId:j,canIncrementMonth:N,canDecrementMonth:Y,monthSelected_handler:function(e){return $(e.detail)},incrementMonth_handler:function(e){return M(e.detail)},dateSelected_handler:function(e){return _(e.detail)},popover_1_binding:function(e){z[e?"unshift":"push"](function(){n("popover",o=e)})},popover_1_open_binding:function(e){n("isOpen",w=e)},popover_1_shrink_binding:function(e){n("isClosing",b=e)},$$slots:O,$$scope:B}}var pt=function(e){function t(t){e.call(this,t),he(this,t,ht,ut,d,["format","start","end","selected","dateChosen","trigger","selectableCallback","formattedSelected"]);var n=this.$$.ctx,o=t.props||{};void 0!==n.formattedSelected||"formattedSelected"in o||console.warn(" was created without expected prop 'formattedSelected'")}e&&(t.__proto__=e),t.prototype=Object.create(e&&e.prototype),t.prototype.constructor=t;var n={format:{configurable:!0},start:{configurable:!0},end:{configurable:!0},selected:{configurable:!0},dateChosen:{configurable:!0},trigger:{configurable:!0},selectableCallback:{configurable:!0},formattedSelected:{configurable:!0}};return n.format.get=function(){throw new Error(": Props cannot be read directly from the component instance unless compiling with 'accessors: true' or ''")},n.format.set=function(e){throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''")},n.start.get=function(){throw new Error(": Props cannot be read directly from the component instance unless compiling with 'accessors: true' or ''")},n.start.set=function(e){throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''")},n.end.get=function(){throw new Error(": Props cannot be read directly from the component instance unless compiling with 'accessors: true' or ''")},n.end.set=function(e){throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''")},n.selected.get=function(){throw new Error(": Props cannot be read directly from the component instance unless compiling with 'accessors: true' or ''")},n.selected.set=function(e){throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''")},n.dateChosen.get=function(){throw new Error(": Props cannot be read directly from the component instance unless compiling with 'accessors: true' or ''")},n.dateChosen.set=function(e){throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''")},n.trigger.get=function(){throw new Error(": Props cannot be read directly from the component instance unless compiling with 'accessors: true' or ''")},n.trigger.set=function(e){throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''")},n.selectableCallback.get=function(){throw new Error(": Props cannot be read directly from the component instance unless compiling with 'accessors: true' or ''")},n.selectableCallback.set=function(e){throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''")},n.formattedSelected.get=function(){throw new Error(": Props cannot be read directly from the component instance unless compiling with 'accessors: true' or ''")},n.formattedSelected.set=function(e){throw new Error(": Props cannot be set directly on the component instance unless compiling with 'accessors: true' or ''")},Object.defineProperties(t.prototype,n),t}(fe),ft="src\\App.svelte";function mt(e){var t;return{c:function(){t=C("Pick a date")},m:function(e,n){M(e,t,n)},p:n,d:function(e){e&&D(t)}}}function gt(e){var t,n;return{c:function(){t=C("Chosen: "),n=C(e.formattedSelected)},m:function(e,o){M(e,t,o),M(e,n,o)},p:function(e,t){e.formattedSelected&&O(n,t.formattedSelected)},d:function(e){e&&(D(t),D(n))}}}function vt(e){var t;function n(e){return e.dateChosen?gt:mt}var o=n(e),r=o(e);return{c:function(){t=x("button"),r.c(),P(t,"class","custom-button svelte-1q4fsci"),a(t,ft,78,3,2423)},m:function(e,n){M(e,t,n),r.m(t,null)},p:function(e,a){o===(o=n(a))&&r?r.p(e,a):(r.d(1),(r=o(a))&&(r.c(),r.m(t,null)))},d:function(e){e&&D(t),r.d()}}}function wt(e){var t;return{c:function(){t=C("Custom Button")},m:function(e,n){M(e,t,n)},p:n,d:function(e){e&&D(t)}}}function bt(e){var t;return{c:function(){t=C(e.exampleFormatted)},m:function(e,n){M(e,t,n)},p:function(e,n){e.exampleFormatted&&O(t,n.exampleFormatted)},d:function(e){e&&D(t)}}}function yt(e){var t;function n(e){return e.exampleChosen?bt:wt}var o=n(e),r=o(e);return{c:function(){t=x("button"),r.c(),P(t,"id","test"),a(t,ft,105,3,3166)},m:function(e,n){M(e,t,n),r.m(t,null)},p:function(e,a){o===(o=n(a))&&r?r.p(e,a):(r.d(1),(r=o(a))&&(r.c(),r.m(t,null)))},d:function(e){e&&D(t),r.d()}}}function kt(e){var t,n,o,r,i,s,c,l,d,u,h,p,f,m,g,v,w,b,y,k,S,E,O,W,I,j,F,T,N,Y,B,H,A,q,L,J,R,X,U,K,G,V,Z,ee,te,ne,oe,re,se,ce,he,pe,fe,me,ge,ve,we,be,ye,ke,$e,Me,De,Se,xe,Ce=new pt({props:{format:$t},$$inline:!0});function _e(t){e.datepicker1_formattedSelected_binding.call(null,t),L=!0,Q(function(){return L=!1})}function Ee(t){e.datepicker1_dateChosen_binding.call(null,t),J=!0,Q(function(){return J=!1})}var Pe={format:$t,$$slots:{default:[vt]},$$scope:{ctx:e}};void 0!==e.formattedSelected&&(Pe.formattedSelected=e.formattedSelected),void 0!==e.dateChosen&&(Pe.dateChosen=e.dateChosen);var Oe=new pt({props:Pe,$$inline:!0});function We(t){e.datepicker2_formattedSelected_binding.call(null,t),se=!0,Q(function(){return se=!1})}function Ie(t){e.datepicker2_dateChosen_binding.call(null,t),ce=!0,Q(function(){return ce=!1})}z.push(function(){return le(Oe,"formattedSelected",_e)}),z.push(function(){return le(Oe,"dateChosen",Ee)});var je={$$slots:{default:[yt]},$$scope:{ctx:e}};void 0!==e.exampleFormatted&&(je.formattedSelected=e.exampleFormatted),void 0!==e.exampleChosen&&(je.dateChosen=e.exampleChosen);var Fe=new pt({props:je,$$inline:!0});z.push(function(){return le(Fe,"formattedSelected",We)}),z.push(function(){return le(Fe,"dateChosen",Ie)});var Te=new pt({props:{format:$t,start:e.threeDaysInPast,end:e.inThirtyDays,selectableCallback:e.noWeekendsSelectableCallback},$$inline:!0}),Ne=new pt({props:{format:$t,start:e.tomorrow,end:e.inThirtyDays,selectableCallback:e.noWeekendsSelectableCallback},$$inline:!0}),Ye=new pt({props:{format:$t},$$inline:!0});return Ye.$on("dateSelected",e.dateSelected_handler),{c:function(){(t=x("h1")).textContent="SvelteCalendar",n=_(),o=x("div"),(r=x("p")).textContent="A lightweight date picker written with Svelte. Here is an example:",i=_(),Ce.$$.fragment.c(),s=_(),(c=x("p")).textContent="This component can be used with or without the Svelte compiler.",l=_(),d=x("ul"),(u=x("li")).textContent="Lightweight (~8KB)",h=_(),(p=x("li")).textContent="IE11+ Compatible",f=_(),(m=x("li")).textContent="Usable as a Svelte component",g=_(),(v=x("li")).textContent="Usable with Vanilla JS / ",w=_(),(b=x("li")).textContent="Can be compiled to a native web component / custom element",y=_(),(k=x("li")).textContent="Mobile/thumb friendly",S=_(),(E=x("li")).textContent="Keyboard navigation (arrows, pgup/pgdown, tab, esc)",O=_(),(W=x("p")).textContent="Above you can see the default styling of this component. This will be created for you by default when using the component but you can also pass in your own calendar 'trigger' either as a slot (custom element or svelte) or as a DOM node reference (use as vanilla JS). Here are some examples:",I=_(),(j=x("h4")).textContent="With Svelte:",F=_(),T=x("pre"),N=x("code"),Y=C("\r\n {#if dateChosen} Chosen: {formattedSelected} {:else} Pick a date {/if}\r\n \r\n'),A=_(),q=x("div"),Oe.$$.fragment.c(),R=_(),(X=x("h4")).textContent="Without Svelte HTML:",U=_(),K=x("pre"),(G=x("code")).textContent='\r\n \r\n
',V=_(),(Z=x("h4")).textContent="Without Svelte JS:",ee=_(),te=x("pre"),(ne=x("code")).textContent="var trigger = document.getElementById('test');\r\nvar cal = new SvelteCalendar({ \r\n target: document.querySelector('.button-container'),\r\n anchor: trigger, \r\n data: {\r\n trigger: trigger\r\n }\r\n});",oe=_(),re=x("div"),Fe.$$.fragment.c(),he=_(),(pe=x("p")).textContent="You can confine the date selection range with start and end:",fe=_(),me=x("div"),Te.$$.fragment.c(),ge=_(),(ve=x("p")).textContent="Note: The calendar will only generate dates up until the end date, so it is recommended to set this value to whatever is useful for you.",we=_(),(be=x("p")).textContent="You can also provide a `selectableCallback` prop which can be used to mark individual days between `start` and `end` as selectable. This callback should accept a single date as an argument and return true (if selectable) or false (if unavailable).",ye=_(),ke=x("div"),Ne.$$.fragment.c(),$e=_(),(Me=x("p")).textContent="You can bind to the `dateSelected` event, which has a data property `date`:",De=_(),Se=x("div"),Ye.$$.fragment.c(),P(t,"class","svelte-1q4fsci"),a(t,ft,47,0,1026),a(r,ft,49,1,1077),a(c,ft,54,1,1265),a(u,ft,56,2,1346),a(p,ft,57,2,1377),a(m,ft,58,2,1406),a(v,ft,59,2,1447),a(b,ft,60,2,1512),a(k,ft,61,2,1583),a(E,ft,62,2,1617),a(d,ft,55,1,1338),a(W,ft,65,1,1690),a(j,ft,67,1,1994),P(N,"class","html"),a(N,ft,68,6,2023),a(T,ft,68,1,2018),P(q,"class","text-center svelte-1q4fsci"),a(q,ft,76,1,2318),a(X,ft,84,1,2574),P(G,"class","html"),a(G,ft,85,6,2611),a(K,ft,85,1,2606),a(Z,ft,91,1,2762),P(ne,"class","js"),a(ne,ft,92,6,2797),a(te,ft,92,1,2792),P(re,"class","text-center svelte-1q4fsci"),a(re,ft,103,1,3046),a(pe,ft,111,1,3302),P(me,"class","text-center svelte-1q4fsci"),a(me,ft,113,1,3374),P(ve,"class","note svelte-1q4fsci"),a(ve,ft,117,1,3544),a(be,ft,119,1,3705),P(ke,"class","text-center svelte-1q4fsci"),a(ke,ft,121,1,3965),a(Me,ft,125,1,4128),P(Se,"class","text-center svelte-1q4fsci"),a(Se,ft,127,1,4216),P(o,"class","container svelte-1q4fsci"),a(o,ft,48,0,1051)},l:function(e){throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option")},m:function(e,a){M(e,t,a),M(e,n,a),M(e,o,a),$(o,r),$(o,i),de(Ce,o,null),$(o,s),$(o,c),$(o,l),$(o,d),$(d,u),$(d,h),$(d,p),$(d,f),$(d,m),$(d,g),$(d,v),$(d,w),$(d,b),$(d,y),$(d,k),$(d,S),$(d,E),$(o,O),$(o,W),$(o,I),$(o,j),$(o,F),$(o,T),$(T,N),$(N,Y),$(N,B),$(N,H),$(o,A),$(o,q),de(Oe,q,null),$(o,R),$(o,X),$(o,U),$(o,K),$(K,G),$(o,V),$(o,Z),$(o,ee),$(o,te),$(te,ne),$(o,oe),$(o,re),de(Fe,re,null),$(o,he),$(o,pe),$(o,fe),$(o,me),de(Te,me,null),$(o,ge),$(o,ve),$(o,we),$(o,be),$(o,ye),$(o,ke),de(Ne,ke,null),$(o,$e),$(o,Me),$(o,De),$(o,Se),de(Ye,Se,null),xe=!0},p:function(e,t){var n={};e.dateFormat&&(n.format=$t),Ce.$set(n);var o={};e.dateFormat&&(o.format=$t),(e.$$scope||e.dateChosen||e.formattedSelected)&&(o.$$scope={changed:e,ctx:t}),!L&&e.formattedSelected&&(o.formattedSelected=t.formattedSelected),!J&&e.dateChosen&&(o.dateChosen=t.dateChosen),Oe.$set(o);var r={};(e.$$scope||e.exampleChosen||e.exampleFormatted)&&(r.$$scope={changed:e,ctx:t}),!se&&e.exampleFormatted&&(r.formattedSelected=t.exampleFormatted),!ce&&e.exampleChosen&&(r.dateChosen=t.exampleChosen),Fe.$set(r);var a={};e.dateFormat&&(a.format=$t),e.threeDaysInPast&&(a.start=t.threeDaysInPast),e.inThirtyDays&&(a.end=t.inThirtyDays),e.noWeekendsSelectableCallback&&(a.selectableCallback=t.noWeekendsSelectableCallback),Te.$set(a);var i={};e.dateFormat&&(i.format=$t),e.tomorrow&&(i.start=t.tomorrow),e.inThirtyDays&&(i.end=t.inThirtyDays),e.noWeekendsSelectableCallback&&(i.selectableCallback=t.noWeekendsSelectableCallback),Ne.$set(i);var s={};e.dateFormat&&(s.format=$t),Ye.$set(s)},i:function(e){xe||(ae(Ce.$$.fragment,e),ae(Oe.$$.fragment,e),ae(Fe.$$.fragment,e),ae(Te.$$.fragment,e),ae(Ne.$$.fragment,e),ae(Ye.$$.fragment,e),xe=!0)},o:function(e){ie(Ce.$$.fragment,e),ie(Oe.$$.fragment,e),ie(Fe.$$.fragment,e),ie(Te.$$.fragment,e),ie(Ne.$$.fragment,e),ie(Ye.$$.fragment,e),xe=!1},d:function(e){e&&(D(t),D(n),D(o)),ue(Ce),ue(Oe),ue(Fe),ue(Te),ue(Ne),ue(Ye)}}}var $t="#{l}, #{F} #{j}, #{Y}";function Mt(e,t,n){var o,r,a,i=new Date,s=new Date,c=void 0,l=!1,d=!1,u=!1;A(function(){hljs.initHighlightingOnLoad()}),e.$$.update=function(e){if(void 0===e&&(e={start:1}),e.start&&new Date(s.getTime()+62208e6),e.start){var t=new Date(s);t.setDate(t.getDate()+30),n("inThirtyDays",a=t)}};var h=new Date(i);h.setDate(h.getDate()-3),n("threeDaysInPast",o=h);var p=new Date(i);return p.setDate(p.getDate()+1),n("tomorrow",r=p),{noWeekendsSelectableCallback:function(e){return 0!=e.getDay()&&6!=e.getDay()},formattedSelected:c,dateChosen:l,exampleFormatted:d,exampleChosen:u,threeDaysInPast:o,tomorrow:r,inThirtyDays:a,datepicker1_formattedSelected_binding:function(e){n("formattedSelected",c=e)},datepicker1_dateChosen_binding:function(e){n("dateChosen",l=e)},datepicker2_formattedSelected_binding:function(e){n("exampleFormatted",d=e)},datepicker2_dateChosen_binding:function(e){n("exampleChosen",u=e)},dateSelected_handler:function(e){return function(e){console.log("User chose "+e+".")}(e.detail.date)}}}var Dt=function(e){function t(t){e.call(this,t),he(this,t,Mt,kt,d,[])}return e&&(t.__proto__=e),t.prototype=Object.create(e&&e.prototype),t.prototype.constructor=t,t}(fe);return t(),new Dt({target:document.body,data:{}})}();
//# sourceMappingURL=test.js.map
diff --git a/docs/test.js.map b/docs/test.js.map
index ae6441f..a8e2a8a 100644
--- a/docs/test.js.map
+++ b/docs/test.js.map
@@ -1 +1 @@
-{"version":3,"file":"test.js","sources":["../node_modules/es6-object-assign/index.js","../node_modules/svelte/internal/index.mjs","../src/Components/lib/helpers.js","../node_modules/svelte/easing/index.mjs","../node_modules/svelte/transition/index.mjs","../src/Components/Week.svelte","../src/Components/lib/dictionaries.js","../src/Components/Month.svelte","../src/Components/NavBar.svelte","../src/Components/Popover.svelte","../node_modules/timeUtils/dist/timeUtils.esm.js","../src/Components/lib/keyCodes.js","../src/Components/Datepicker.svelte","../src/App.svelte","../src/test.js"],"sourcesContent":["/**\n * Code refactored from Mozilla Developer Network:\n * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign\n */\n\n'use strict';\n\nfunction assign(target, firstSource) {\n if (target === undefined || target === null) {\n throw new TypeError('Cannot convert first argument to object');\n }\n\n var to = Object(target);\n for (var i = 1; i < arguments.length; i++) {\n var nextSource = arguments[i];\n if (nextSource === undefined || nextSource === null) {\n continue;\n }\n\n var keysArray = Object.keys(Object(nextSource));\n for (var nextIndex = 0, len = keysArray.length; nextIndex < len; nextIndex++) {\n var nextKey = keysArray[nextIndex];\n var desc = Object.getOwnPropertyDescriptor(nextSource, nextKey);\n if (desc !== undefined && desc.enumerable) {\n to[nextKey] = nextSource[nextKey];\n }\n }\n }\n return to;\n}\n\nfunction polyfill() {\n if (!Object.assign) {\n Object.defineProperty(Object, 'assign', {\n enumerable: false,\n configurable: true,\n writable: true,\n value: assign\n });\n }\n}\n\nmodule.exports = {\n assign: assign,\n polyfill: polyfill\n};\n","function noop() { }\nconst identity = x => x;\nfunction assign(tar, src) {\n // @ts-ignore\n for (const k in src)\n tar[k] = src[k];\n return tar;\n}\nfunction is_promise(value) {\n return value && typeof value === 'object' && typeof value.then === 'function';\n}\nfunction add_location(element, file, line, column, char) {\n element.__svelte_meta = {\n loc: { file, line, column, char }\n };\n}\nfunction run(fn) {\n return fn();\n}\nfunction blank_object() {\n return Object.create(null);\n}\nfunction run_all(fns) {\n fns.forEach(run);\n}\nfunction is_function(thing) {\n return typeof thing === 'function';\n}\nfunction safe_not_equal(a, b) {\n return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');\n}\nfunction not_equal(a, b) {\n return a != a ? b == b : a !== b;\n}\nfunction validate_store(store, name) {\n if (!store || typeof store.subscribe !== 'function') {\n throw new Error(`'${name}' is not a store with a 'subscribe' method`);\n }\n}\nfunction subscribe(component, store, callback) {\n const unsub = store.subscribe(callback);\n component.$$.on_destroy.push(unsub.unsubscribe\n ? () => unsub.unsubscribe()\n : unsub);\n}\nfunction create_slot(definition, ctx, fn) {\n if (definition) {\n const slot_ctx = get_slot_context(definition, ctx, fn);\n return definition[0](slot_ctx);\n }\n}\nfunction get_slot_context(definition, ctx, fn) {\n return definition[1]\n ? assign({}, assign(ctx.$$scope.ctx, definition[1](fn ? fn(ctx) : {})))\n : ctx.$$scope.ctx;\n}\nfunction get_slot_changes(definition, ctx, changed, fn) {\n return definition[1]\n ? assign({}, assign(ctx.$$scope.changed || {}, definition[1](fn ? fn(changed) : {})))\n : ctx.$$scope.changed || {};\n}\nfunction exclude_internal_props(props) {\n const result = {};\n for (const k in props)\n if (k[0] !== '$')\n result[k] = props[k];\n return result;\n}\nfunction once(fn) {\n let ran = false;\n return function (...args) {\n if (ran)\n return;\n ran = true;\n fn.call(this, ...args);\n };\n}\n\nconst is_client = typeof window !== 'undefined';\nlet now = is_client\n ? () => window.performance.now()\n : () => Date.now();\nlet raf = cb => requestAnimationFrame(cb);\n// used internally for testing\nfunction set_now(fn) {\n now = fn;\n}\nfunction set_raf(fn) {\n raf = fn;\n}\n\nconst tasks = new Set();\nlet running = false;\nfunction run_tasks() {\n tasks.forEach(task => {\n if (!task[0](now())) {\n tasks.delete(task);\n task[1]();\n }\n });\n running = tasks.size > 0;\n if (running)\n raf(run_tasks);\n}\nfunction clear_loops() {\n // for testing...\n tasks.forEach(task => tasks.delete(task));\n running = false;\n}\nfunction loop(fn) {\n let task;\n if (!running) {\n running = true;\n raf(run_tasks);\n }\n return {\n promise: new Promise(fulfil => {\n tasks.add(task = [fn, fulfil]);\n }),\n abort() {\n tasks.delete(task);\n }\n };\n}\n\nfunction append(target, node) {\n target.appendChild(node);\n}\nfunction insert(target, node, anchor) {\n target.insertBefore(node, anchor || null);\n}\nfunction detach(node) {\n node.parentNode.removeChild(node);\n}\nfunction detach_between(before, after) {\n while (before.nextSibling && before.nextSibling !== after) {\n before.parentNode.removeChild(before.nextSibling);\n }\n}\nfunction detach_before(after) {\n while (after.previousSibling) {\n after.parentNode.removeChild(after.previousSibling);\n }\n}\nfunction detach_after(before) {\n while (before.nextSibling) {\n before.parentNode.removeChild(before.nextSibling);\n }\n}\nfunction destroy_each(iterations, detaching) {\n for (let i = 0; i < iterations.length; i += 1) {\n if (iterations[i])\n iterations[i].d(detaching);\n }\n}\nfunction element(name) {\n return document.createElement(name);\n}\nfunction object_without_properties(obj, exclude) {\n // eslint-disable-next-line @typescript-eslint/no-object-literal-type-assertion\n const target = {};\n for (const k in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, k)\n // @ts-ignore\n && exclude.indexOf(k) === -1) {\n // @ts-ignore\n target[k] = obj[k];\n }\n }\n return target;\n}\nfunction svg_element(name) {\n return document.createElementNS('http://www.w3.org/2000/svg', name);\n}\nfunction text(data) {\n return document.createTextNode(data);\n}\nfunction space() {\n return text(' ');\n}\nfunction empty() {\n return text('');\n}\nfunction listen(node, event, handler, options) {\n node.addEventListener(event, handler, options);\n return () => node.removeEventListener(event, handler, options);\n}\nfunction prevent_default(fn) {\n return function (event) {\n event.preventDefault();\n // @ts-ignore\n return fn.call(this, event);\n };\n}\nfunction stop_propagation(fn) {\n return function (event) {\n event.stopPropagation();\n // @ts-ignore\n return fn.call(this, event);\n };\n}\nfunction attr(node, attribute, value) {\n if (value == null)\n node.removeAttribute(attribute);\n else\n node.setAttribute(attribute, value);\n}\nfunction set_attributes(node, attributes) {\n for (const key in attributes) {\n if (key === 'style') {\n node.style.cssText = attributes[key];\n }\n else if (key in node) {\n node[key] = attributes[key];\n }\n else {\n attr(node, key, attributes[key]);\n }\n }\n}\nfunction set_custom_element_data(node, prop, value) {\n if (prop in node) {\n node[prop] = value;\n }\n else {\n attr(node, prop, value);\n }\n}\nfunction xlink_attr(node, attribute, value) {\n node.setAttributeNS('http://www.w3.org/1999/xlink', attribute, value);\n}\nfunction get_binding_group_value(group) {\n const value = [];\n for (let i = 0; i < group.length; i += 1) {\n if (group[i].checked)\n value.push(group[i].__value);\n }\n return value;\n}\nfunction to_number(value) {\n return value === '' ? undefined : +value;\n}\nfunction time_ranges_to_array(ranges) {\n const array = [];\n for (let i = 0; i < ranges.length; i += 1) {\n array.push({ start: ranges.start(i), end: ranges.end(i) });\n }\n return array;\n}\nfunction children(element) {\n return Array.from(element.childNodes);\n}\nfunction claim_element(nodes, name, attributes, svg) {\n for (let i = 0; i < nodes.length; i += 1) {\n const node = nodes[i];\n if (node.nodeName === name) {\n for (let j = 0; j < node.attributes.length; j += 1) {\n const attribute = node.attributes[j];\n if (!attributes[attribute.name])\n node.removeAttribute(attribute.name);\n }\n return nodes.splice(i, 1)[0]; // TODO strip unwanted attributes\n }\n }\n return svg ? svg_element(name) : element(name);\n}\nfunction claim_text(nodes, data) {\n for (let i = 0; i < nodes.length; i += 1) {\n const node = nodes[i];\n if (node.nodeType === 3) {\n node.data = data;\n return nodes.splice(i, 1)[0];\n }\n }\n return text(data);\n}\nfunction set_data(text, data) {\n data = '' + data;\n if (text.data !== data)\n text.data = data;\n}\nfunction set_input_type(input, type) {\n try {\n input.type = type;\n }\n catch (e) {\n // do nothing\n }\n}\nfunction set_style(node, key, value) {\n node.style.setProperty(key, value);\n}\nfunction select_option(select, value) {\n for (let i = 0; i < select.options.length; i += 1) {\n const option = select.options[i];\n if (option.__value === value) {\n option.selected = true;\n return;\n }\n }\n}\nfunction select_options(select, value) {\n for (let i = 0; i < select.options.length; i += 1) {\n const option = select.options[i];\n option.selected = ~value.indexOf(option.__value);\n }\n}\nfunction select_value(select) {\n const selected_option = select.querySelector(':checked') || select.options[0];\n return selected_option && selected_option.__value;\n}\nfunction select_multiple_value(select) {\n return [].map.call(select.querySelectorAll(':checked'), option => option.__value);\n}\nfunction add_resize_listener(element, fn) {\n if (getComputedStyle(element).position === 'static') {\n element.style.position = 'relative';\n }\n const object = document.createElement('object');\n object.setAttribute('style', 'display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; pointer-events: none; z-index: -1;');\n object.type = 'text/html';\n object.tabIndex = -1;\n let win;\n object.onload = () => {\n win = object.contentDocument.defaultView;\n win.addEventListener('resize', fn);\n };\n if (/Trident/.test(navigator.userAgent)) {\n element.appendChild(object);\n object.data = 'about:blank';\n }\n else {\n object.data = 'about:blank';\n element.appendChild(object);\n }\n return {\n cancel: () => {\n win && win.removeEventListener && win.removeEventListener('resize', fn);\n element.removeChild(object);\n }\n };\n}\nfunction toggle_class(element, name, toggle) {\n element.classList[toggle ? 'add' : 'remove'](name);\n}\nfunction custom_event(type, detail) {\n const e = document.createEvent('CustomEvent');\n e.initCustomEvent(type, false, false, detail);\n return e;\n}\n\nlet stylesheet;\nlet active = 0;\nlet current_rules = {};\n// https://github.com/darkskyapp/string-hash/blob/master/index.js\nfunction hash(str) {\n let hash = 5381;\n let i = str.length;\n while (i--)\n hash = ((hash << 5) - hash) ^ str.charCodeAt(i);\n return hash >>> 0;\n}\nfunction create_rule(node, a, b, duration, delay, ease, fn, uid = 0) {\n const step = 16.666 / duration;\n let keyframes = '{\\n';\n for (let p = 0; p <= 1; p += step) {\n const t = a + (b - a) * ease(p);\n keyframes += p * 100 + `%{${fn(t, 1 - t)}}\\n`;\n }\n const rule = keyframes + `100% {${fn(b, 1 - b)}}\\n}`;\n const name = `__svelte_${hash(rule)}_${uid}`;\n if (!current_rules[name]) {\n if (!stylesheet) {\n const style = element('style');\n document.head.appendChild(style);\n stylesheet = style.sheet;\n }\n current_rules[name] = true;\n stylesheet.insertRule(`@keyframes ${name} ${rule}`, stylesheet.cssRules.length);\n }\n const animation = node.style.animation || '';\n node.style.animation = `${animation ? `${animation}, ` : ``}${name} ${duration}ms linear ${delay}ms 1 both`;\n active += 1;\n return name;\n}\nfunction delete_rule(node, name) {\n node.style.animation = (node.style.animation || '')\n .split(', ')\n .filter(name\n ? anim => anim.indexOf(name) < 0 // remove specific animation\n : anim => anim.indexOf('__svelte') === -1 // remove all Svelte animations\n )\n .join(', ');\n if (name && !--active)\n clear_rules();\n}\nfunction clear_rules() {\n raf(() => {\n if (active)\n return;\n let i = stylesheet.cssRules.length;\n while (i--)\n stylesheet.deleteRule(i);\n current_rules = {};\n });\n}\n\nfunction create_animation(node, from, fn, params) {\n if (!from)\n return noop;\n const to = node.getBoundingClientRect();\n if (from.left === to.left && from.right === to.right && from.top === to.top && from.bottom === to.bottom)\n return noop;\n const { delay = 0, duration = 300, easing = identity, \n // @ts-ignore todo: should this be separated from destructuring? Or start/end added to public api and documentation?\n start: start_time = now() + delay, \n // @ts-ignore todo:\n end = start_time + duration, tick = noop, css } = fn(node, { from, to }, params);\n let running = true;\n let started = false;\n let name;\n function start() {\n if (css) {\n name = create_rule(node, 0, 1, duration, delay, easing, css);\n }\n if (!delay) {\n started = true;\n }\n }\n function stop() {\n if (css)\n delete_rule(node, name);\n running = false;\n }\n loop(now => {\n if (!started && now >= start_time) {\n started = true;\n }\n if (started && now >= end) {\n tick(1, 0);\n stop();\n }\n if (!running) {\n return false;\n }\n if (started) {\n const p = now - start_time;\n const t = 0 + 1 * easing(p / duration);\n tick(t, 1 - t);\n }\n return true;\n });\n start();\n tick(0, 1);\n return stop;\n}\nfunction fix_position(node) {\n const style = getComputedStyle(node);\n if (style.position !== 'absolute' && style.position !== 'fixed') {\n const { width, height } = style;\n const a = node.getBoundingClientRect();\n node.style.position = 'absolute';\n node.style.width = width;\n node.style.height = height;\n add_transform(node, a);\n }\n}\nfunction add_transform(node, a) {\n const b = node.getBoundingClientRect();\n if (a.left !== b.left || a.top !== b.top) {\n const style = getComputedStyle(node);\n const transform = style.transform === 'none' ? '' : style.transform;\n node.style.transform = `${transform} translate(${a.left - b.left}px, ${a.top - b.top}px)`;\n }\n}\n\nlet current_component;\nfunction set_current_component(component) {\n current_component = component;\n}\nfunction get_current_component() {\n if (!current_component)\n throw new Error(`Function called outside component initialization`);\n return current_component;\n}\nfunction beforeUpdate(fn) {\n get_current_component().$$.before_update.push(fn);\n}\nfunction onMount(fn) {\n get_current_component().$$.on_mount.push(fn);\n}\nfunction afterUpdate(fn) {\n get_current_component().$$.after_update.push(fn);\n}\nfunction onDestroy(fn) {\n get_current_component().$$.on_destroy.push(fn);\n}\nfunction createEventDispatcher() {\n const component = current_component;\n return (type, detail) => {\n const callbacks = component.$$.callbacks[type];\n if (callbacks) {\n // TODO are there situations where events could be dispatched\n // in a server (non-DOM) environment?\n const event = custom_event(type, detail);\n callbacks.slice().forEach(fn => {\n fn.call(component, event);\n });\n }\n };\n}\nfunction setContext(key, context) {\n get_current_component().$$.context.set(key, context);\n}\nfunction getContext(key) {\n return get_current_component().$$.context.get(key);\n}\n// TODO figure out if we still want to support\n// shorthand events, or if we want to implement\n// a real bubbling mechanism\nfunction bubble(component, event) {\n const callbacks = component.$$.callbacks[event.type];\n if (callbacks) {\n callbacks.slice().forEach(fn => fn(event));\n }\n}\n\nconst dirty_components = [];\nconst intros = { enabled: false };\nconst binding_callbacks = [];\nconst render_callbacks = [];\nconst flush_callbacks = [];\nconst resolved_promise = Promise.resolve();\nlet update_scheduled = false;\nfunction schedule_update() {\n if (!update_scheduled) {\n update_scheduled = true;\n resolved_promise.then(flush);\n }\n}\nfunction tick() {\n schedule_update();\n return resolved_promise;\n}\nfunction add_render_callback(fn) {\n render_callbacks.push(fn);\n}\nfunction add_flush_callback(fn) {\n flush_callbacks.push(fn);\n}\nfunction flush() {\n const seen_callbacks = new Set();\n do {\n // first, call beforeUpdate functions\n // and update components\n while (dirty_components.length) {\n const component = dirty_components.shift();\n set_current_component(component);\n update(component.$$);\n }\n while (binding_callbacks.length)\n binding_callbacks.pop()();\n // then, once components are updated, call\n // afterUpdate functions. This may cause\n // subsequent updates...\n for (let i = 0; i < render_callbacks.length; i += 1) {\n const callback = render_callbacks[i];\n if (!seen_callbacks.has(callback)) {\n callback();\n // ...so guard against infinite loops\n seen_callbacks.add(callback);\n }\n }\n render_callbacks.length = 0;\n } while (dirty_components.length);\n while (flush_callbacks.length) {\n flush_callbacks.pop()();\n }\n update_scheduled = false;\n}\nfunction update($$) {\n if ($$.fragment) {\n $$.update($$.dirty);\n run_all($$.before_update);\n $$.fragment.p($$.dirty, $$.ctx);\n $$.dirty = null;\n $$.after_update.forEach(add_render_callback);\n }\n}\n\nlet promise;\nfunction wait() {\n if (!promise) {\n promise = Promise.resolve();\n promise.then(() => {\n promise = null;\n });\n }\n return promise;\n}\nfunction dispatch(node, direction, kind) {\n node.dispatchEvent(custom_event(`${direction ? 'intro' : 'outro'}${kind}`));\n}\nconst outroing = new Set();\nlet outros;\nfunction group_outros() {\n outros = {\n r: 0,\n c: [],\n p: outros // parent group\n };\n}\nfunction check_outros() {\n if (!outros.r) {\n run_all(outros.c);\n }\n outros = outros.p;\n}\nfunction transition_in(block, local) {\n if (block && block.i) {\n outroing.delete(block);\n block.i(local);\n }\n}\nfunction transition_out(block, local, detach, callback) {\n if (block && block.o) {\n if (outroing.has(block))\n return;\n outroing.add(block);\n outros.c.push(() => {\n outroing.delete(block);\n if (callback) {\n if (detach)\n block.d(1);\n callback();\n }\n });\n block.o(local);\n }\n}\nfunction create_in_transition(node, fn, params) {\n let config = fn(node, params);\n let running = false;\n let animation_name;\n let task;\n let uid = 0;\n function cleanup() {\n if (animation_name)\n delete_rule(node, animation_name);\n }\n function go() {\n const { delay = 0, duration = 300, easing = identity, tick = noop, css } = config;\n if (css)\n animation_name = create_rule(node, 0, 1, duration, delay, easing, css, uid++);\n tick(0, 1);\n const start_time = now() + delay;\n const end_time = start_time + duration;\n if (task)\n task.abort();\n running = true;\n add_render_callback(() => dispatch(node, true, 'start'));\n task = loop(now => {\n if (running) {\n if (now >= end_time) {\n tick(1, 0);\n dispatch(node, true, 'end');\n cleanup();\n return running = false;\n }\n if (now >= start_time) {\n const t = easing((now - start_time) / duration);\n tick(t, 1 - t);\n }\n }\n return running;\n });\n }\n let started = false;\n return {\n start() {\n if (started)\n return;\n delete_rule(node);\n if (is_function(config)) {\n config = config();\n wait().then(go);\n }\n else {\n go();\n }\n },\n invalidate() {\n started = false;\n },\n end() {\n if (running) {\n cleanup();\n running = false;\n }\n }\n };\n}\nfunction create_out_transition(node, fn, params) {\n let config = fn(node, params);\n let running = true;\n let animation_name;\n const group = outros;\n group.r += 1;\n function go() {\n const { delay = 0, duration = 300, easing = identity, tick = noop, css } = config;\n if (css)\n animation_name = create_rule(node, 1, 0, duration, delay, easing, css);\n const start_time = now() + delay;\n const end_time = start_time + duration;\n add_render_callback(() => dispatch(node, false, 'start'));\n loop(now => {\n if (running) {\n if (now >= end_time) {\n tick(0, 1);\n dispatch(node, false, 'end');\n if (!--group.r) {\n // this will result in `end()` being called,\n // so we don't need to clean up here\n run_all(group.c);\n }\n return false;\n }\n if (now >= start_time) {\n const t = easing((now - start_time) / duration);\n tick(1 - t, t);\n }\n }\n return running;\n });\n }\n if (is_function(config)) {\n wait().then(() => {\n // @ts-ignore\n config = config();\n go();\n });\n }\n else {\n go();\n }\n return {\n end(reset) {\n if (reset && config.tick) {\n config.tick(1, 0);\n }\n if (running) {\n if (animation_name)\n delete_rule(node, animation_name);\n running = false;\n }\n }\n };\n}\nfunction create_bidirectional_transition(node, fn, params, intro) {\n let config = fn(node, params);\n let t = intro ? 0 : 1;\n let running_program = null;\n let pending_program = null;\n let animation_name = null;\n function clear_animation() {\n if (animation_name)\n delete_rule(node, animation_name);\n }\n function init(program, duration) {\n const d = program.b - t;\n duration *= Math.abs(d);\n return {\n a: t,\n b: program.b,\n d,\n duration,\n start: program.start,\n end: program.start + duration,\n group: program.group\n };\n }\n function go(b) {\n const { delay = 0, duration = 300, easing = identity, tick = noop, css } = config;\n const program = {\n start: now() + delay,\n b\n };\n if (!b) {\n // @ts-ignore todo: improve typings\n program.group = outros;\n outros.r += 1;\n }\n if (running_program) {\n pending_program = program;\n }\n else {\n // if this is an intro, and there's a delay, we need to do\n // an initial tick and/or apply CSS animation immediately\n if (css) {\n clear_animation();\n animation_name = create_rule(node, t, b, duration, delay, easing, css);\n }\n if (b)\n tick(0, 1);\n running_program = init(program, duration);\n add_render_callback(() => dispatch(node, b, 'start'));\n loop(now => {\n if (pending_program && now > pending_program.start) {\n running_program = init(pending_program, duration);\n pending_program = null;\n dispatch(node, running_program.b, 'start');\n if (css) {\n clear_animation();\n animation_name = create_rule(node, t, running_program.b, running_program.duration, 0, easing, config.css);\n }\n }\n if (running_program) {\n if (now >= running_program.end) {\n tick(t = running_program.b, 1 - t);\n dispatch(node, running_program.b, 'end');\n if (!pending_program) {\n // we're done\n if (running_program.b) {\n // intro — we can tidy up immediately\n clear_animation();\n }\n else {\n // outro — needs to be coordinated\n if (!--running_program.group.r)\n run_all(running_program.group.c);\n }\n }\n running_program = null;\n }\n else if (now >= running_program.start) {\n const p = now - running_program.start;\n t = running_program.a + running_program.d * easing(p / running_program.duration);\n tick(t, 1 - t);\n }\n }\n return !!(running_program || pending_program);\n });\n }\n }\n return {\n run(b) {\n if (is_function(config)) {\n wait().then(() => {\n // @ts-ignore\n config = config();\n go(b);\n });\n }\n else {\n go(b);\n }\n },\n end() {\n clear_animation();\n running_program = pending_program = null;\n }\n };\n}\n\nfunction handle_promise(promise, info) {\n const token = info.token = {};\n function update(type, index, key, value) {\n if (info.token !== token)\n return;\n info.resolved = key && { [key]: value };\n const child_ctx = assign(assign({}, info.ctx), info.resolved);\n const block = type && (info.current = type)(child_ctx);\n if (info.block) {\n if (info.blocks) {\n info.blocks.forEach((block, i) => {\n if (i !== index && block) {\n group_outros();\n transition_out(block, 1, 1, () => {\n info.blocks[i] = null;\n });\n check_outros();\n }\n });\n }\n else {\n info.block.d(1);\n }\n block.c();\n transition_in(block, 1);\n block.m(info.mount(), info.anchor);\n flush();\n }\n info.block = block;\n if (info.blocks)\n info.blocks[index] = block;\n }\n if (is_promise(promise)) {\n promise.then(value => {\n update(info.then, 1, info.value, value);\n }, error => {\n update(info.catch, 2, info.error, error);\n });\n // if we previously had a then/catch block, destroy it\n if (info.current !== info.pending) {\n update(info.pending, 0);\n return true;\n }\n }\n else {\n if (info.current !== info.then) {\n update(info.then, 1, info.value, promise);\n return true;\n }\n info.resolved = { [info.value]: promise };\n }\n}\n\nconst globals = (typeof window !== 'undefined' ? window : global);\n\nfunction destroy_block(block, lookup) {\n block.d(1);\n lookup.delete(block.key);\n}\nfunction outro_and_destroy_block(block, lookup) {\n transition_out(block, 1, 1, () => {\n lookup.delete(block.key);\n });\n}\nfunction fix_and_destroy_block(block, lookup) {\n block.f();\n destroy_block(block, lookup);\n}\nfunction fix_and_outro_and_destroy_block(block, lookup) {\n block.f();\n outro_and_destroy_block(block, lookup);\n}\nfunction update_keyed_each(old_blocks, changed, get_key, dynamic, ctx, list, lookup, node, destroy, create_each_block, next, get_context) {\n let o = old_blocks.length;\n let n = list.length;\n let i = o;\n const old_indexes = {};\n while (i--)\n old_indexes[old_blocks[i].key] = i;\n const new_blocks = [];\n const new_lookup = new Map();\n const deltas = new Map();\n i = n;\n while (i--) {\n const child_ctx = get_context(ctx, list, i);\n const key = get_key(child_ctx);\n let block = lookup.get(key);\n if (!block) {\n block = create_each_block(key, child_ctx);\n block.c();\n }\n else if (dynamic) {\n block.p(changed, child_ctx);\n }\n new_lookup.set(key, new_blocks[i] = block);\n if (key in old_indexes)\n deltas.set(key, Math.abs(i - old_indexes[key]));\n }\n const will_move = new Set();\n const did_move = new Set();\n function insert(block) {\n transition_in(block, 1);\n block.m(node, next);\n lookup.set(block.key, block);\n next = block.first;\n n--;\n }\n while (o && n) {\n const new_block = new_blocks[n - 1];\n const old_block = old_blocks[o - 1];\n const new_key = new_block.key;\n const old_key = old_block.key;\n if (new_block === old_block) {\n // do nothing\n next = new_block.first;\n o--;\n n--;\n }\n else if (!new_lookup.has(old_key)) {\n // remove old block\n destroy(old_block, lookup);\n o--;\n }\n else if (!lookup.has(new_key) || will_move.has(new_key)) {\n insert(new_block);\n }\n else if (did_move.has(old_key)) {\n o--;\n }\n else if (deltas.get(new_key) > deltas.get(old_key)) {\n did_move.add(new_key);\n insert(new_block);\n }\n else {\n will_move.add(old_key);\n o--;\n }\n }\n while (o--) {\n const old_block = old_blocks[o];\n if (!new_lookup.has(old_block.key))\n destroy(old_block, lookup);\n }\n while (n)\n insert(new_blocks[n - 1]);\n return new_blocks;\n}\nfunction measure(blocks) {\n const rects = {};\n let i = blocks.length;\n while (i--)\n rects[blocks[i].key] = blocks[i].node.getBoundingClientRect();\n return rects;\n}\n\nfunction get_spread_update(levels, updates) {\n const update = {};\n const to_null_out = {};\n const accounted_for = { $$scope: 1 };\n let i = levels.length;\n while (i--) {\n const o = levels[i];\n const n = updates[i];\n if (n) {\n for (const key in o) {\n if (!(key in n))\n to_null_out[key] = 1;\n }\n for (const key in n) {\n if (!accounted_for[key]) {\n update[key] = n[key];\n accounted_for[key] = 1;\n }\n }\n levels[i] = n;\n }\n else {\n for (const key in o) {\n accounted_for[key] = 1;\n }\n }\n }\n for (const key in to_null_out) {\n if (!(key in update))\n update[key] = undefined;\n }\n return update;\n}\n\nconst invalid_attribute_name_character = /[\\s'\">/=\\u{FDD0}-\\u{FDEF}\\u{FFFE}\\u{FFFF}\\u{1FFFE}\\u{1FFFF}\\u{2FFFE}\\u{2FFFF}\\u{3FFFE}\\u{3FFFF}\\u{4FFFE}\\u{4FFFF}\\u{5FFFE}\\u{5FFFF}\\u{6FFFE}\\u{6FFFF}\\u{7FFFE}\\u{7FFFF}\\u{8FFFE}\\u{8FFFF}\\u{9FFFE}\\u{9FFFF}\\u{AFFFE}\\u{AFFFF}\\u{BFFFE}\\u{BFFFF}\\u{CFFFE}\\u{CFFFF}\\u{DFFFE}\\u{DFFFF}\\u{EFFFE}\\u{EFFFF}\\u{FFFFE}\\u{FFFFF}\\u{10FFFE}\\u{10FFFF}]/u;\n// https://html.spec.whatwg.org/multipage/syntax.html#attributes-2\n// https://infra.spec.whatwg.org/#noncharacter\nfunction spread(args) {\n const attributes = Object.assign({}, ...args);\n let str = '';\n Object.keys(attributes).forEach(name => {\n if (invalid_attribute_name_character.test(name))\n return;\n const value = attributes[name];\n if (value === undefined)\n return;\n if (value === true)\n str += \" \" + name;\n const escaped = String(value)\n .replace(/\"/g, '"')\n .replace(/'/g, ''');\n str += \" \" + name + \"=\" + JSON.stringify(escaped);\n });\n return str;\n}\nconst escaped = {\n '\"': '"',\n \"'\": ''',\n '&': '&',\n '<': '<',\n '>': '>'\n};\nfunction escape(html) {\n return String(html).replace(/[\"'&<>]/g, match => escaped[match]);\n}\nfunction each(items, fn) {\n let str = '';\n for (let i = 0; i < items.length; i += 1) {\n str += fn(items[i], i);\n }\n return str;\n}\nconst missing_component = {\n $$render: () => ''\n};\nfunction validate_component(component, name) {\n if (!component || !component.$$render) {\n if (name === 'svelte:component')\n name += ' this={...}';\n throw new Error(`<${name}> is not a valid SSR component. You may need to review your build config to ensure that dependencies are compiled, rather than imported as pre-compiled modules`);\n }\n return component;\n}\nfunction debug(file, line, column, values) {\n console.log(`{@debug} ${file ? file + ' ' : ''}(${line}:${column})`); // eslint-disable-line no-console\n console.log(values); // eslint-disable-line no-console\n return '';\n}\nlet on_destroy;\nfunction create_ssr_component(fn) {\n function $$render(result, props, bindings, slots) {\n const parent_component = current_component;\n const $$ = {\n on_destroy,\n context: new Map(parent_component ? parent_component.$$.context : []),\n // these will be immediately discarded\n on_mount: [],\n before_update: [],\n after_update: [],\n callbacks: blank_object()\n };\n set_current_component({ $$ });\n const html = fn(result, props, bindings, slots);\n set_current_component(parent_component);\n return html;\n }\n return {\n render: (props = {}, options = {}) => {\n on_destroy = [];\n const result = { head: '', css: new Set() };\n const html = $$render(result, props, {}, options);\n run_all(on_destroy);\n return {\n html,\n css: {\n code: Array.from(result.css).map(css => css.code).join('\\n'),\n map: null // TODO\n },\n head: result.head\n };\n },\n $$render\n };\n}\n/**\n * Get the current value from a store by subscribing and immediately unsubscribing.\n * @param store readable\n */\nfunction get_store_value(store) {\n let value;\n const unsubscribe = store.subscribe(_ => value = _);\n if (unsubscribe.unsubscribe)\n unsubscribe.unsubscribe();\n else\n unsubscribe();\n return value;\n}\nfunction add_attribute(name, value) {\n if (!value)\n return '';\n return ` ${name}${value === true ? '' : `=${typeof value === 'string' ? JSON.stringify(value) : `\"${value}\"`}`}`;\n}\nfunction add_classes(classes) {\n return classes ? ` class=\"${classes}\"` : ``;\n}\n\nfunction bind(component, name, callback) {\n if (component.$$.props.indexOf(name) === -1)\n return;\n component.$$.bound[name] = callback;\n callback(component.$$.ctx[name]);\n}\nfunction mount_component(component, target, anchor) {\n const { fragment, on_mount, on_destroy, after_update } = component.$$;\n fragment.m(target, anchor);\n // onMount happens before the initial afterUpdate\n add_render_callback(() => {\n const new_on_destroy = on_mount.map(run).filter(is_function);\n if (on_destroy) {\n on_destroy.push(...new_on_destroy);\n }\n else {\n // Edge case - component was destroyed immediately,\n // most likely as a result of a binding initialising\n run_all(new_on_destroy);\n }\n component.$$.on_mount = [];\n });\n after_update.forEach(add_render_callback);\n}\nfunction destroy_component(component, detaching) {\n if (component.$$.fragment) {\n run_all(component.$$.on_destroy);\n component.$$.fragment.d(detaching);\n // TODO null out other refs, including component.$$ (but need to\n // preserve final state?)\n component.$$.on_destroy = component.$$.fragment = null;\n component.$$.ctx = {};\n }\n}\nfunction make_dirty(component, key) {\n if (!component.$$.dirty) {\n dirty_components.push(component);\n schedule_update();\n component.$$.dirty = blank_object();\n }\n component.$$.dirty[key] = true;\n}\nfunction init(component, options, instance, create_fragment, not_equal, prop_names) {\n const parent_component = current_component;\n set_current_component(component);\n const props = options.props || {};\n const $$ = component.$$ = {\n fragment: null,\n ctx: null,\n // state\n props: prop_names,\n update: noop,\n not_equal,\n bound: blank_object(),\n // lifecycle\n on_mount: [],\n on_destroy: [],\n before_update: [],\n after_update: [],\n context: new Map(parent_component ? parent_component.$$.context : []),\n // everything else\n callbacks: blank_object(),\n dirty: null\n };\n let ready = false;\n $$.ctx = instance\n ? instance(component, props, (key, value) => {\n if ($$.ctx && not_equal($$.ctx[key], $$.ctx[key] = value)) {\n if ($$.bound[key])\n $$.bound[key](value);\n if (ready)\n make_dirty(component, key);\n }\n })\n : props;\n $$.update();\n ready = true;\n run_all($$.before_update);\n $$.fragment = create_fragment($$.ctx);\n if (options.target) {\n if (options.hydrate) {\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n $$.fragment.l(children(options.target));\n }\n else {\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n $$.fragment.c();\n }\n if (options.intro)\n transition_in(component.$$.fragment);\n mount_component(component, options.target, options.anchor);\n flush();\n }\n set_current_component(parent_component);\n}\nlet SvelteElement;\nif (typeof HTMLElement !== 'undefined') {\n SvelteElement = class extends HTMLElement {\n constructor() {\n super();\n this.attachShadow({ mode: 'open' });\n }\n connectedCallback() {\n // @ts-ignore todo: improve typings\n for (const key in this.$$.slotted) {\n // @ts-ignore todo: improve typings\n this.appendChild(this.$$.slotted[key]);\n }\n }\n attributeChangedCallback(attr, _oldValue, newValue) {\n this[attr] = newValue;\n }\n $destroy() {\n destroy_component(this, 1);\n this.$destroy = noop;\n }\n $on(type, callback) {\n // TODO should this delegate to addEventListener?\n const callbacks = (this.$$.callbacks[type] || (this.$$.callbacks[type] = []));\n callbacks.push(callback);\n return () => {\n const index = callbacks.indexOf(callback);\n if (index !== -1)\n callbacks.splice(index, 1);\n };\n }\n $set() {\n // overridden by instance, if it has props\n }\n };\n}\nclass SvelteComponent {\n $destroy() {\n destroy_component(this, 1);\n this.$destroy = noop;\n }\n $on(type, callback) {\n const callbacks = (this.$$.callbacks[type] || (this.$$.callbacks[type] = []));\n callbacks.push(callback);\n return () => {\n const index = callbacks.indexOf(callback);\n if (index !== -1)\n callbacks.splice(index, 1);\n };\n }\n $set() {\n // overridden by instance, if it has props\n }\n}\nclass SvelteComponentDev extends SvelteComponent {\n constructor(options) {\n if (!options || (!options.target && !options.$$inline)) {\n throw new Error(`'target' is a required option`);\n }\n super();\n }\n $destroy() {\n super.$destroy();\n this.$destroy = () => {\n console.warn(`Component was already destroyed`); // eslint-disable-line no-console\n };\n }\n}\n\nexport { SvelteComponent, SvelteComponentDev, SvelteElement, add_attribute, add_classes, add_flush_callback, add_location, add_render_callback, add_resize_listener, add_transform, afterUpdate, append, assign, attr, beforeUpdate, bind, binding_callbacks, blank_object, bubble, check_outros, children, claim_element, claim_text, clear_loops, createEventDispatcher, create_animation, create_bidirectional_transition, create_in_transition, create_out_transition, create_slot, create_ssr_component, current_component, custom_event, debug, destroy_block, destroy_component, destroy_each, detach, detach_after, detach_before, detach_between, dirty_components, each, element, empty, escape, escaped, exclude_internal_props, fix_and_destroy_block, fix_and_outro_and_destroy_block, fix_position, flush, getContext, get_binding_group_value, get_slot_changes, get_slot_context, get_spread_update, get_store_value, globals, group_outros, handle_promise, identity, init, insert, intros, invalid_attribute_name_character, is_client, is_function, is_promise, listen, loop, measure, missing_component, mount_component, noop, not_equal, now, object_without_properties, onDestroy, onMount, once, outro_and_destroy_block, prevent_default, raf, run, run_all, safe_not_equal, schedule_update, select_multiple_value, select_option, select_options, select_value, setContext, set_attributes, set_current_component, set_custom_element_data, set_data, set_input_type, set_now, set_raf, set_style, space, spread, stop_propagation, subscribe, svg_element, text, tick, time_ranges_to_array, to_number, toggle_class, transition_in, transition_out, update_keyed_each, validate_component, validate_store, xlink_attr };\n","const getCalendarPage = (month,year,dayProps) => {\n let days = [];\n let date = new Date(year,month,1);\n date.setDate(date.getDate() - date.getDay());\n let nextMonth = month == 11 ? 0 : month + 1; \n // ensure days starts on Sunday\n // and end on saturday\n let weeks = []; \n while(date.getMonth() != nextMonth || date.getDay() != 0 || weeks.length != 6) { \n if (date.getDay() == 0) weeks.unshift({ days: [], id: `${year}${month}${year}${weeks.length}` });\n weeks[0].days.push({\n partOfMonth: date.getMonth() == month,\n date: new Date(date), \n ...dayProps(date)\n }); \n date.setDate(date.getDate() + 1)\n }\n weeks.reverse(); \n return { month, year, weeks }\n}\n\nconst getDayPropsHandler = (start, end, selectableCallback) => {\n let today = new Date(); \n today.setHours(0,0,0,0);\n return date => ({\n selectable: date >= start && date <= end\n && (!selectableCallback || selectableCallback(date)),\n isToday: date.getTime() == today.getTime()\n });\n};\n\nexport function getMonths(start, end, selectableCallback=null) { \n start.setHours(0,0,0,0);\n end.setHours(0,0,0,0);\n let endDate = new Date(end.getFullYear(), end.getMonth() + 1, 1); \n let months = [ ]; \n let date = new Date(start.getFullYear(),start.getMonth(),1);\n let dayPropsHandler = getDayPropsHandler(start, end, selectableCallback);\n while(date < endDate) { \n months.push(getCalendarPage(date.getMonth(),date.getFullYear(),dayPropsHandler)); \n date.setMonth(date.getMonth() + 1); \n }\n return months;\n}\n\nexport const areDatesEquivalent = (a, b) => \n a.getDate() == b.getDate()\n && a.getMonth() == b.getMonth()\n && a.getFullYear() == b.getFullYear(); ","export { identity as linear } from '../internal';\n\n/*\nAdapted from https://github.com/mattdesl\nDistributed under MIT License https://github.com/mattdesl/eases/blob/master/LICENSE.md\n*/\nfunction backInOut(t) {\n const s = 1.70158 * 1.525;\n if ((t *= 2) < 1)\n return 0.5 * (t * t * ((s + 1) * t - s));\n return 0.5 * ((t -= 2) * t * ((s + 1) * t + s) + 2);\n}\nfunction backIn(t) {\n const s = 1.70158;\n return t * t * ((s + 1) * t - s);\n}\nfunction backOut(t) {\n const s = 1.70158;\n return --t * t * ((s + 1) * t + s) + 1;\n}\nfunction bounceOut(t) {\n const a = 4.0 / 11.0;\n const b = 8.0 / 11.0;\n const c = 9.0 / 10.0;\n const ca = 4356.0 / 361.0;\n const cb = 35442.0 / 1805.0;\n const cc = 16061.0 / 1805.0;\n const t2 = t * t;\n return t < a\n ? 7.5625 * t2\n : t < b\n ? 9.075 * t2 - 9.9 * t + 3.4\n : t < c\n ? ca * t2 - cb * t + cc\n : 10.8 * t * t - 20.52 * t + 10.72;\n}\nfunction bounceInOut(t) {\n return t < 0.5\n ? 0.5 * (1.0 - bounceOut(1.0 - t * 2.0))\n : 0.5 * bounceOut(t * 2.0 - 1.0) + 0.5;\n}\nfunction bounceIn(t) {\n return 1.0 - bounceOut(1.0 - t);\n}\nfunction circInOut(t) {\n if ((t *= 2) < 1)\n return -0.5 * (Math.sqrt(1 - t * t) - 1);\n return 0.5 * (Math.sqrt(1 - (t -= 2) * t) + 1);\n}\nfunction circIn(t) {\n return 1.0 - Math.sqrt(1.0 - t * t);\n}\nfunction circOut(t) {\n return Math.sqrt(1 - --t * t);\n}\nfunction cubicInOut(t) {\n return t < 0.5 ? 4.0 * t * t * t : 0.5 * Math.pow(2.0 * t - 2.0, 3.0) + 1.0;\n}\nfunction cubicIn(t) {\n return t * t * t;\n}\nfunction cubicOut(t) {\n const f = t - 1.0;\n return f * f * f + 1.0;\n}\nfunction elasticInOut(t) {\n return t < 0.5\n ? 0.5 *\n Math.sin(((+13.0 * Math.PI) / 2) * 2.0 * t) *\n Math.pow(2.0, 10.0 * (2.0 * t - 1.0))\n : 0.5 *\n Math.sin(((-13.0 * Math.PI) / 2) * (2.0 * t - 1.0 + 1.0)) *\n Math.pow(2.0, -10.0 * (2.0 * t - 1.0)) +\n 1.0;\n}\nfunction elasticIn(t) {\n return Math.sin((13.0 * t * Math.PI) / 2) * Math.pow(2.0, 10.0 * (t - 1.0));\n}\nfunction elasticOut(t) {\n return (Math.sin((-13.0 * (t + 1.0) * Math.PI) / 2) * Math.pow(2.0, -10.0 * t) + 1.0);\n}\nfunction expoInOut(t) {\n return t === 0.0 || t === 1.0\n ? t\n : t < 0.5\n ? +0.5 * Math.pow(2.0, 20.0 * t - 10.0)\n : -0.5 * Math.pow(2.0, 10.0 - t * 20.0) + 1.0;\n}\nfunction expoIn(t) {\n return t === 0.0 ? t : Math.pow(2.0, 10.0 * (t - 1.0));\n}\nfunction expoOut(t) {\n return t === 1.0 ? t : 1.0 - Math.pow(2.0, -10.0 * t);\n}\nfunction quadInOut(t) {\n t /= 0.5;\n if (t < 1)\n return 0.5 * t * t;\n t--;\n return -0.5 * (t * (t - 2) - 1);\n}\nfunction quadIn(t) {\n return t * t;\n}\nfunction quadOut(t) {\n return -t * (t - 2.0);\n}\nfunction quartInOut(t) {\n return t < 0.5\n ? +8.0 * Math.pow(t, 4.0)\n : -8.0 * Math.pow(t - 1.0, 4.0) + 1.0;\n}\nfunction quartIn(t) {\n return Math.pow(t, 4.0);\n}\nfunction quartOut(t) {\n return Math.pow(t - 1.0, 3.0) * (1.0 - t) + 1.0;\n}\nfunction quintInOut(t) {\n if ((t *= 2) < 1)\n return 0.5 * t * t * t * t * t;\n return 0.5 * ((t -= 2) * t * t * t * t + 2);\n}\nfunction quintIn(t) {\n return t * t * t * t * t;\n}\nfunction quintOut(t) {\n return --t * t * t * t * t + 1;\n}\nfunction sineInOut(t) {\n return -0.5 * (Math.cos(Math.PI * t) - 1);\n}\nfunction sineIn(t) {\n const v = Math.cos(t * Math.PI * 0.5);\n if (Math.abs(v) < 1e-14)\n return 1;\n else\n return 1 - v;\n}\nfunction sineOut(t) {\n return Math.sin((t * Math.PI) / 2);\n}\n\nexport { backIn, backInOut, backOut, bounceIn, bounceInOut, bounceOut, circIn, circInOut, circOut, cubicIn, cubicInOut, cubicOut, elasticIn, elasticInOut, elasticOut, expoIn, expoInOut, expoOut, quadIn, quadInOut, quadOut, quartIn, quartInOut, quartOut, quintIn, quintInOut, quintOut, sineIn, sineInOut, sineOut };\n","import { cubicOut, cubicInOut } from '../easing';\nimport { is_function, assign } from '../internal';\n\n/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation. All rights reserved.\r\nLicensed under the Apache License, Version 2.0 (the \"License\"); you may not use\r\nthis file except in compliance with the License. You may obtain a copy of the\r\nLicense at http://www.apache.org/licenses/LICENSE-2.0\r\n\r\nTHIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\r\nKIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED\r\nWARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,\r\nMERCHANTABLITY OR NON-INFRINGEMENT.\r\n\r\nSee the Apache Version 2.0 License for specific language governing permissions\r\nand limitations under the License.\r\n***************************************************************************** */\r\n\r\nfunction __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\n\nfunction fade(node, { delay = 0, duration = 400 }) {\n const o = +getComputedStyle(node).opacity;\n return {\n delay,\n duration,\n css: t => `opacity: ${t * o}`\n };\n}\nfunction fly(node, { delay = 0, duration = 400, easing = cubicOut, x = 0, y = 0, opacity = 0 }) {\n const style = getComputedStyle(node);\n const target_opacity = +style.opacity;\n const transform = style.transform === 'none' ? '' : style.transform;\n const od = target_opacity * (1 - opacity);\n return {\n delay,\n duration,\n easing,\n css: (t, u) => `\n\t\t\ttransform: ${transform} translate(${(1 - t) * x}px, ${(1 - t) * y}px);\n\t\t\topacity: ${target_opacity - (od * u)}`\n };\n}\nfunction slide(node, { delay = 0, duration = 400, easing = cubicOut }) {\n const style = getComputedStyle(node);\n const opacity = +style.opacity;\n const height = parseFloat(style.height);\n const padding_top = parseFloat(style.paddingTop);\n const padding_bottom = parseFloat(style.paddingBottom);\n const margin_top = parseFloat(style.marginTop);\n const margin_bottom = parseFloat(style.marginBottom);\n const border_top_width = parseFloat(style.borderTopWidth);\n const border_bottom_width = parseFloat(style.borderBottomWidth);\n return {\n delay,\n duration,\n easing,\n css: t => `overflow: hidden;` +\n `opacity: ${Math.min(t * 20, 1) * opacity};` +\n `height: ${t * height}px;` +\n `padding-top: ${t * padding_top}px;` +\n `padding-bottom: ${t * padding_bottom}px;` +\n `margin-top: ${t * margin_top}px;` +\n `margin-bottom: ${t * margin_bottom}px;` +\n `border-top-width: ${t * border_top_width}px;` +\n `border-bottom-width: ${t * border_bottom_width}px;`\n };\n}\nfunction scale(node, { delay = 0, duration = 400, easing = cubicOut, start = 0, opacity = 0 }) {\n const style = getComputedStyle(node);\n const target_opacity = +style.opacity;\n const transform = style.transform === 'none' ? '' : style.transform;\n const sd = 1 - start;\n const od = target_opacity * (1 - opacity);\n return {\n delay,\n duration,\n easing,\n css: (_t, u) => `\n\t\t\ttransform: ${transform} scale(${1 - (sd * u)});\n\t\t\topacity: ${target_opacity - (od * u)}\n\t\t`\n };\n}\nfunction draw(node, { delay = 0, speed, duration, easing = cubicInOut }) {\n const len = node.getTotalLength();\n if (duration === undefined) {\n if (speed === undefined) {\n duration = 800;\n }\n else {\n duration = len / speed;\n }\n }\n else if (typeof duration === 'function') {\n duration = duration(len);\n }\n return {\n delay,\n duration,\n easing,\n css: (t, u) => `stroke-dasharray: ${t * len} ${u * len}`\n };\n}\nfunction crossfade(_a) {\n var { fallback } = _a, defaults = __rest(_a, [\"fallback\"]);\n const to_receive = new Map();\n const to_send = new Map();\n function crossfade(from, node, params) {\n const { delay = 0, duration = d => Math.sqrt(d) * 30, easing = cubicOut } = assign(assign({}, defaults), params);\n const to = node.getBoundingClientRect();\n const dx = from.left - to.left;\n const dy = from.top - to.top;\n const dw = from.width / to.width;\n const dh = from.height / to.height;\n const d = Math.sqrt(dx * dx + dy * dy);\n const style = getComputedStyle(node);\n const transform = style.transform === 'none' ? '' : style.transform;\n const opacity = +style.opacity;\n return {\n delay,\n duration: is_function(duration) ? duration(d) : duration,\n easing,\n css: (t, u) => `\n\t\t\t\topacity: ${t * opacity};\n\t\t\t\ttransform-origin: top left;\n\t\t\t\ttransform: ${transform} translate(${u * dx}px,${u * dy}px) scale(${t + (1 - t) * dw}, ${t + (1 - t) * dh});\n\t\t\t`\n };\n }\n function transition(items, counterparts, intro) {\n return (node, params) => {\n items.set(params.key, {\n rect: node.getBoundingClientRect()\n });\n return () => {\n if (counterparts.has(params.key)) {\n const { rect } = counterparts.get(params.key);\n counterparts.delete(params.key);\n return crossfade(rect, node, params);\n }\n // if the node is disappearing altogether\n // (i.e. wasn't claimed by the other list)\n // then we need to supply an outro\n items.delete(params.key);\n return fallback && fallback(node, params, intro);\n };\n };\n }\n return [\n transition(to_send, to_receive, false),\n transition(to_receive, to_send, true)\n ];\n}\n\nexport { crossfade, draw, fade, fly, scale, slide };\n","\n {#each days as day}\n
\n \n
\n {/each}\n
\n {#each visibleMonth.weeks as week (week.id) }\n \n {/each}\n
\n\n\n","\n
\n
dispatch('incrementMonth', -1)}>\n \n
\n
\n {monthDict[month].name} {year}\n
\n
dispatch('incrementMonth', 1)}>\n \n
\n
\n
\n {#each availableMonths as monthDefinition, index}\n
monthSelected(e, index)}\n >\n {monthDefinition.abbrev}\n
\n {/each}\n
\n
\n
\n \n \n {#if !trigger}\n \n {/if}\n \n
\n \n
\n
changeMonth(e.detail)} \n on:incrementMonth={e => incrementMonth(e.detail)}\n />\n \n {#each dayDict as day}\n {day.abbrev}\n {/each}\n
\n registerSelection(e.detail)}\n />\n \n
\n
SvelteCalendar
\n\n\t
A lightweight date picker written with Svelte. Here is an example:
\n\n\t
\n\t\n\n\t
This component can be used with or without the Svelte compiler.
\n\t
\n\t\t- Lightweight (~8KB)
\n\t\t- IE11+ Compatible
\n\t\t- Usable as a Svelte component
\n\t\t- Usable with Vanilla JS / <Your Framework Here>
\n\t\t- Can be compiled to a native web component / custom element
\n\t\t- Mobile/thumb friendly
\n\t\t- Keyboard navigation (arrows, pgup/pgdown, tab, esc)
\n\t
\n\n\t
Above you can see the default styling of this component. This will be created for you by default when using the component but you can also pass in your own calendar 'trigger' either as a slot (custom element or svelte) or as a DOM node reference (use as vanilla JS). Here are some examples:
\n\n\t
With Svelte:
\n\t
\n<Datepicker format={dateFormat} bind:formattedSelected bind:dateChosen>\n <button class=\"custom-button\">\n {#if dateChosen} Chosen: {formattedSelected} {:else} Pick a date {/if}\n </button>\n</Datepicker>\n\t
\n\n\t
\n\t\t\n\t\t\t\n\t\t\n\t
\n\n\t
Without Svelte HTML:
\n\t
\n<div class=\"button-container\">\n <button id=\"test\">My Custom Button</button>\n</div>\n\t
\n\n\t
Without Svelte JS:
\n\t
\nvar trigger = document.getElementById('test');\nvar cal = new SvelteCalendar({ \n target: document.querySelector('.button-container'),\n anchor: trigger, \n data: {\n trigger: trigger\n }\n});\n\t
\n\n\t
\n\t\t\n\t\t\t\n\t\t\n\t
\n\n\t
You can confine the date selection range with start and end:
\n\n\t
\n\t\t\n\t
\n\n\t
Note: The calendar will only generate dates up until the end date, so it is recommended to set this value to whatever is useful for you.
\n\n\t
You can also provide a `selectableCallback` prop which can be used to mark individual days between `start` and `end` as selectable. This callback should accept a single date as an argument and return true (if selectable) or false (if unavailable).
\n\n\t
\n\t\t\n\t
\n\n\t
You can bind to the `dateSelected` event, which has a data property `date`:
\n\t\n\t
\n\t\t logChoice(e.detail.date)} />\n\t
\n\n\n
\r\n {#each days as day}\r\n
\r\n \r\n
\r\n {/each}\r\n
\r\n {#each visibleMonth.weeks as week (week.id) }\r\n \r\n {/each}\r\n
\r\n\r\n\r\n","\r\n\r\n\r\n
\r\n
dispatch('incrementMonth', -1)}>\r\n \r\n
\r\n
\r\n {monthDict[month].name} {year}\r\n
\r\n
dispatch('incrementMonth', 1)}>\r\n \r\n
\r\n
\r\n
\r\n {#each availableMonths as monthDefinition, index}\r\n
monthSelected(e, index)}\r\n >\r\n {monthDefinition.abbrev}\r\n
\r\n {/each}\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n {#if !trigger}\r\n \r\n {/if}\r\n \r\n
\r\n \r\n
\r\n
changeMonth(e.detail)} \r\n on:incrementMonth={e => incrementMonth(e.detail)}\r\n />\r\n \r\n {#each dayDict as day}\r\n {day.abbrev}\r\n {/each}\r\n
\r\n registerSelection(e.detail)}\r\n />\r\n \r\n
\r\n
SvelteCalendar
\r\n\r\n\t
A lightweight date picker written with Svelte. Here is an example:
\r\n\r\n\t
\r\n\t\r\n\r\n\t
This component can be used with or without the Svelte compiler.
\r\n\t
\r\n\t\t- Lightweight (~8KB)
\r\n\t\t- IE11+ Compatible
\r\n\t\t- Usable as a Svelte component
\r\n\t\t- Usable with Vanilla JS / <Your Framework Here>
\r\n\t\t- Can be compiled to a native web component / custom element
\r\n\t\t- Mobile/thumb friendly
\r\n\t\t- Keyboard navigation (arrows, pgup/pgdown, tab, esc)
\r\n\t
\r\n\r\n\t
Above you can see the default styling of this component. This will be created for you by default when using the component but you can also pass in your own calendar 'trigger' either as a slot (custom element or svelte) or as a DOM node reference (use as vanilla JS). Here are some examples:
\r\n\r\n\t
With Svelte:
\r\n\t
\r\n<Datepicker format={dateFormat} bind:formattedSelected bind:dateChosen>\r\n <button class=\"custom-button\">\r\n {#if dateChosen} Chosen: {formattedSelected} {:else} Pick a date {/if}\r\n </button>\r\n</Datepicker>\r\n\t
\r\n\r\n\t
\r\n\t\t\r\n\t\t\t\r\n\t\t\r\n\t
\r\n\r\n\t
Without Svelte HTML:
\r\n\t
\r\n<div class=\"button-container\">\r\n <button id=\"test\">My Custom Button</button>\r\n</div>\r\n\t
\r\n\r\n\t
Without Svelte JS:
\r\n\t
\r\nvar trigger = document.getElementById('test');\r\nvar cal = new SvelteCalendar({ \r\n target: document.querySelector('.button-container'),\r\n anchor: trigger, \r\n data: {\r\n trigger: trigger\r\n }\r\n});\r\n\t
\r\n\r\n\t
\r\n\t\t\r\n\t\t\t\r\n\t\t\r\n\t
\r\n\r\n\t
You can confine the date selection range with start and end:
\r\n\r\n\t
\r\n\t\t\r\n\t
\r\n\r\n\t
Note: The calendar will only generate dates up until the end date, so it is recommended to set this value to whatever is useful for you.
\r\n\r\n\t
You can also provide a `selectableCallback` prop which can be used to mark individual days between `start` and `end` as selectable. This callback should accept a single date as an argument and return true (if selectable) or false (if unavailable).
\r\n\r\n\t
\r\n\t\t\r\n\t
\r\n\r\n\t
You can bind to the `dateSelected` event, which has a data property `date`:
\r\n\t\r\n\t
\r\n\t\t logChoice(e.detail.date)} />\r\n\t
\r\n
SvelteCalendar
A lightweight date picker written with Svelte. Here is an example:
@@ -81,8 +128,6 @@ var cal = new SvelteCalendar({
logChoice(e.detail.date)} />
-
-
-
-
diff --git a/src/Components/Datepicker.svelte b/src/Components/Datepicker.svelte
index cba1bff..83bdba3 100644
--- a/src/Components/Datepicker.svelte
+++ b/src/Components/Datepicker.svelte
@@ -1,116 +1,7 @@
-
-
-
-
- {#if !trigger}
-
- {/if}
-
-
-
-
-
changeMonth(e.detail)}
- on:incrementMonth={e => incrementMonth(e.detail)}
- />
-
- {#each dayDict as day}
- {day.abbrev}
- {/each}
-
- registerSelection(e.detail)}
- />
-
-
-
+
+
+
+ {#if !trigger}
+
+ {/if}
+
+
+
+
+
changeMonth(e.detail)}
+ on:incrementMonth={e => incrementMonth(e.detail)}
+ />
+
+ {#each dayDict as day}
+ {day.abbrev}
+ {/each}
+
+ registerSelection(e.detail)}
+ />
+
+
+
{#each visibleMonth.weeks as week (week.id) }
{/each}
+
-
-
\ No newline at end of file
diff --git a/src/Components/NavBar.svelte b/src/Components/NavBar.svelte
index 652afe0..e121180 100644
--- a/src/Components/NavBar.svelte
+++ b/src/Components/NavBar.svelte
@@ -1,3 +1,46 @@
+
+
-
-
\ No newline at end of file
diff --git a/src/Components/Popover.svelte b/src/Components/Popover.svelte
index 4f42a10..18b4998 100644
--- a/src/Components/Popover.svelte
+++ b/src/Components/Popover.svelte
@@ -1,3 +1,103 @@
+
+
@@ -98,107 +198,4 @@
opacity: 1;
}
}
-
-
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/src/Components/Week.svelte b/src/Components/Week.svelte
index 9b7c930..09b5e90 100644
--- a/src/Components/Week.svelte
+++ b/src/Components/Week.svelte
@@ -1,3 +1,21 @@
+
+
{/each}
+
-
-
\ No newline at end of file