0}(e))&&(t.canDecrementMonth=!0)),(t.selected||t.format)&&this._differs(e.formattedSelected,e.formattedSelected=function(t){var e=t.selected,n=t.format;return H(e,n)}(e))&&(t.formattedSelected=!0)},e(),it}();
//# sourceMappingURL=bundle.js.map
diff --git a/docs/bundle.js.map b/docs/bundle.js.map
index b134f68..fd4d762 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","../../svelte/shared.js","../src/Components/lib/dictionaries.js","../src/Components/lib/helpers.js","../node_modules/timeUtils/dist/timeUtils.esm.js","../src/Components/lib/keyCodes.js","../src/Components/Week.html","../src/Components/Month.html","../src/Components/NavBar.html","../src/Components/Popover.html","../src/Components/Datepicker.html"],"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() {}\r\n\r\nfunction assign(tar, src) {\r\n\tfor (var k in src) tar[k] = src[k];\r\n\treturn tar;\r\n}\r\n\r\nfunction assignTrue(tar, src) {\r\n\tfor (var k in src) tar[k] = 1;\r\n\treturn tar;\r\n}\r\n\r\nfunction isPromise(value) {\r\n\treturn value && typeof value.then === 'function';\r\n}\r\n\r\nfunction callAfter(fn, i) {\r\n\tif (i === 0) fn();\r\n\treturn () => {\r\n\t\tif (!--i) fn();\r\n\t};\r\n}\r\n\r\nfunction addLoc(element, file, line, column, char) {\r\n\telement.__svelte_meta = {\r\n\t\tloc: { file, line, column, char }\r\n\t};\r\n}\r\n\r\nfunction exclude(src, prop) {\r\n\tconst tar = {};\r\n\tfor (const k in src) k === prop || (tar[k] = src[k]);\r\n\treturn tar;\r\n}\r\n\r\nfunction run(fn) {\r\n\tfn();\r\n}\n\nfunction append(target, node) {\r\n\ttarget.appendChild(node);\r\n}\r\n\r\nfunction insert(target, node, anchor) {\r\n\ttarget.insertBefore(node, anchor);\r\n}\r\n\r\nfunction detachNode(node) {\r\n\tnode.parentNode.removeChild(node);\r\n}\r\n\r\nfunction detachBetween(before, after) {\r\n\twhile (before.nextSibling && before.nextSibling !== after) {\r\n\t\tbefore.parentNode.removeChild(before.nextSibling);\r\n\t}\r\n}\r\n\r\nfunction detachBefore(after) {\r\n\twhile (after.previousSibling) {\r\n\t\tafter.parentNode.removeChild(after.previousSibling);\r\n\t}\r\n}\r\n\r\nfunction detachAfter(before) {\r\n\twhile (before.nextSibling) {\r\n\t\tbefore.parentNode.removeChild(before.nextSibling);\r\n\t}\r\n}\r\n\r\nfunction reinsertBetween(before, after, target) {\r\n\twhile (before.nextSibling && before.nextSibling !== after) {\r\n\t\ttarget.appendChild(before.parentNode.removeChild(before.nextSibling));\r\n\t}\r\n}\r\n\r\nfunction reinsertChildren(parent, target) {\r\n\twhile (parent.firstChild) target.appendChild(parent.firstChild);\r\n}\r\n\r\nfunction reinsertAfter(before, target) {\r\n\twhile (before.nextSibling) target.appendChild(before.nextSibling);\r\n}\r\n\r\nfunction reinsertBefore(after, target) {\r\n\tvar parent = after.parentNode;\r\n\twhile (parent.firstChild !== after) target.appendChild(parent.firstChild);\r\n}\r\n\r\nfunction destroyEach(iterations, detach) {\r\n\tfor (var i = 0; i < iterations.length; i += 1) {\r\n\t\tif (iterations[i]) iterations[i].d(detach);\r\n\t}\r\n}\r\n\r\nfunction createFragment() {\r\n\treturn document.createDocumentFragment();\r\n}\r\n\r\nfunction createElement(name) {\r\n\treturn document.createElement(name);\r\n}\r\n\r\nfunction createSvgElement(name) {\r\n\treturn document.createElementNS('http://www.w3.org/2000/svg', name);\r\n}\r\n\r\nfunction createText(data) {\r\n\treturn document.createTextNode(data);\r\n}\r\n\r\nfunction createComment() {\r\n\treturn document.createComment('');\r\n}\r\n\r\nfunction addListener(node, event, handler, options) {\r\n\tnode.addEventListener(event, handler, options);\r\n}\r\n\r\nfunction removeListener(node, event, handler, options) {\r\n\tnode.removeEventListener(event, handler, options);\r\n}\r\n\r\nfunction setAttribute(node, attribute, value) {\r\n\tif (value == null) node.removeAttribute(attribute);\r\n\telse node.setAttribute(attribute, value);\r\n}\r\n\r\nfunction setAttributes(node, attributes) {\r\n\tfor (var key in attributes) {\r\n\t\tif (key === 'style') {\r\n\t\t\tnode.style.cssText = attributes[key];\r\n\t\t} else if (key in node) {\r\n\t\t\tnode[key] = attributes[key];\r\n\t\t} else {\r\n\t\t\tsetAttribute(node, key, attributes[key]);\r\n\t\t}\r\n\t}\r\n}\r\n\r\nfunction setCustomElementData(node, prop, value) {\r\n\tif (prop in node) {\r\n\t\tnode[prop] = value;\r\n\t} else if (value) {\r\n\t\tsetAttribute(node, prop, value);\r\n\t} else {\r\n\t\tnode.removeAttribute(prop);\r\n\t}\r\n}\r\n\r\nfunction setXlinkAttribute(node, attribute, value) {\r\n\tnode.setAttributeNS('http://www.w3.org/1999/xlink', attribute, value);\r\n}\r\n\r\nfunction getBindingGroupValue(group) {\r\n\tvar value = [];\r\n\tfor (var i = 0; i < group.length; i += 1) {\r\n\t\tif (group[i].checked) value.push(group[i].__value);\r\n\t}\r\n\treturn value;\r\n}\r\n\r\nfunction toNumber(value) {\r\n\treturn value === '' ? undefined : +value;\r\n}\r\n\r\nfunction timeRangesToArray(ranges) {\r\n\tvar array = [];\r\n\tfor (var i = 0; i < ranges.length; i += 1) {\r\n\t\tarray.push({ start: ranges.start(i), end: ranges.end(i) });\r\n\t}\r\n\treturn array;\r\n}\r\n\r\nfunction children (element) {\r\n\treturn Array.from(element.childNodes);\r\n}\r\n\r\nfunction claimElement (nodes, name, attributes, svg) {\r\n\tfor (var i = 0; i < nodes.length; i += 1) {\r\n\t\tvar node = nodes[i];\r\n\t\tif (node.nodeName === name) {\r\n\t\t\tfor (var j = 0; j < node.attributes.length; j += 1) {\r\n\t\t\t\tvar attribute = node.attributes[j];\r\n\t\t\t\tif (!attributes[attribute.name]) node.removeAttribute(attribute.name);\r\n\t\t\t}\r\n\t\t\treturn nodes.splice(i, 1)[0]; // TODO strip unwanted attributes\r\n\t\t}\r\n\t}\r\n\r\n\treturn svg ? createSvgElement(name) : createElement(name);\r\n}\r\n\r\nfunction claimText (nodes, data) {\r\n\tfor (var i = 0; i < nodes.length; i += 1) {\r\n\t\tvar node = nodes[i];\r\n\t\tif (node.nodeType === 3) {\r\n\t\t\tnode.data = data;\r\n\t\t\treturn nodes.splice(i, 1)[0];\r\n\t\t}\r\n\t}\r\n\r\n\treturn createText(data);\r\n}\r\n\r\nfunction setData(text, data) {\r\n\ttext.data = '' + data;\r\n}\r\n\r\nfunction setInputType(input, type) {\r\n\ttry {\r\n\t\tinput.type = type;\r\n\t} catch (e) {}\r\n}\r\n\r\nfunction setStyle(node, key, value) {\r\n\tnode.style.setProperty(key, value);\r\n}\r\n\r\nfunction selectOption(select, value) {\r\n\tfor (var i = 0; i < select.options.length; i += 1) {\r\n\t\tvar option = select.options[i];\r\n\r\n\t\tif (option.__value === value) {\r\n\t\t\toption.selected = true;\r\n\t\t\treturn;\r\n\t\t}\r\n\t}\r\n}\r\n\r\nfunction selectOptions(select, value) {\r\n\tfor (var i = 0; i < select.options.length; i += 1) {\r\n\t\tvar option = select.options[i];\r\n\t\toption.selected = ~value.indexOf(option.__value);\r\n\t}\r\n}\r\n\r\nfunction selectValue(select) {\r\n\tvar selectedOption = select.querySelector(':checked') || select.options[0];\r\n\treturn selectedOption && selectedOption.__value;\r\n}\r\n\r\nfunction selectMultipleValue(select) {\r\n\treturn [].map.call(select.querySelectorAll(':checked'), function(option) {\r\n\t\treturn option.__value;\r\n\t});\r\n}\r\n\r\nfunction addResizeListener(element, fn) {\r\n\tif (getComputedStyle(element).position === 'static') {\r\n\t\telement.style.position = 'relative';\r\n\t}\r\n\r\n\tconst object = document.createElement('object');\r\n\tobject.setAttribute('style', 'display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; pointer-events: none; z-index: -1;');\r\n\tobject.type = 'text/html';\r\n\r\n\tlet win;\r\n\r\n\tobject.onload = () => {\r\n\t\twin = object.contentDocument.defaultView;\r\n\t\twin.addEventListener('resize', fn);\r\n\t};\r\n\r\n\tif (/Trident/.test(navigator.userAgent)) {\r\n\t\telement.appendChild(object);\r\n\t\tobject.data = 'about:blank';\r\n\t} else {\r\n\t\tobject.data = 'about:blank';\r\n\t\telement.appendChild(object);\r\n\t}\r\n\r\n\treturn {\r\n\t\tcancel: () => {\r\n\t\t\twin && win.removeEventListener && win.removeEventListener('resize', fn);\r\n\t\t\telement.removeChild(object);\r\n\t\t}\r\n\t};\r\n}\r\n\r\nfunction toggleClass(element, name, toggle) {\r\n\telement.classList[toggle ? 'add' : 'remove'](name);\r\n}\n\nfunction linear(t) {\r\n\treturn t;\r\n}\r\n\r\nfunction generateRule({ a, b, delta, duration }, ease, fn) {\r\n\tconst step = 16.666 / duration;\r\n\tlet keyframes = '{\\n';\r\n\r\n\tfor (let p = 0; p <= 1; p += step) {\r\n\t\tconst t = a + delta * ease(p);\r\n\t\tkeyframes += p * 100 + `%{${fn(t, 1 - t)}}\\n`;\r\n\t}\r\n\r\n\treturn keyframes + `100% {${fn(b, 1 - b)}}\\n}`;\r\n}\r\n\r\n// https://github.com/darkskyapp/string-hash/blob/master/index.js\r\nfunction hash(str) {\r\n\tlet hash = 5381;\r\n\tlet i = str.length;\r\n\r\n\twhile (i--) hash = ((hash << 5) - hash) ^ str.charCodeAt(i);\r\n\treturn hash >>> 0;\r\n}\r\n\r\nfunction wrapTransition(component, node, fn, params, intro) {\r\n\tlet obj = fn.call(component, node, params);\r\n\tlet duration;\r\n\tlet ease;\r\n\tlet cssText;\r\n\r\n\tlet initialised = false;\r\n\r\n\treturn {\r\n\t\tt: intro ? 0 : 1,\r\n\t\trunning: false,\r\n\t\tprogram: null,\r\n\t\tpending: null,\r\n\r\n\t\trun(b, callback) {\r\n\t\t\tif (typeof obj === 'function') {\r\n\t\t\t\ttransitionManager.wait().then(() => {\r\n\t\t\t\t\tobj = obj();\r\n\t\t\t\t\tthis._run(b, callback);\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\tthis._run(b, callback);\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\t_run(b, callback) {\r\n\t\t\tduration = obj.duration || 300;\r\n\t\t\tease = obj.easing || linear;\r\n\r\n\t\t\tconst program = {\r\n\t\t\t\tstart: window.performance.now() + (obj.delay || 0),\r\n\t\t\t\tb,\r\n\t\t\t\tcallback: callback || noop\r\n\t\t\t};\r\n\r\n\t\t\tif (intro && !initialised) {\r\n\t\t\t\tif (obj.css && obj.delay) {\r\n\t\t\t\t\tcssText = node.style.cssText;\r\n\t\t\t\t\tnode.style.cssText += obj.css(0, 1);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (obj.tick) obj.tick(0, 1);\r\n\t\t\t\tinitialised = true;\r\n\t\t\t}\r\n\r\n\t\t\tif (!b) {\r\n\t\t\t\tprogram.group = outros.current;\r\n\t\t\t\toutros.current.remaining += 1;\r\n\t\t\t}\r\n\r\n\t\t\tif (obj.delay) {\r\n\t\t\t\tthis.pending = program;\r\n\t\t\t} else {\r\n\t\t\t\tthis.start(program);\r\n\t\t\t}\r\n\r\n\t\t\tif (!this.running) {\r\n\t\t\t\tthis.running = true;\r\n\t\t\t\ttransitionManager.add(this);\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tstart(program) {\r\n\t\t\tcomponent.fire(`${program.b ? 'intro' : 'outro'}.start`, { node });\r\n\r\n\t\t\tprogram.a = this.t;\r\n\t\t\tprogram.delta = program.b - program.a;\r\n\t\t\tprogram.duration = duration * Math.abs(program.b - program.a);\r\n\t\t\tprogram.end = program.start + program.duration;\r\n\r\n\t\t\tif (obj.css) {\r\n\t\t\t\tif (obj.delay) node.style.cssText = cssText;\r\n\r\n\t\t\t\tconst rule = generateRule(program, ease, obj.css);\r\n\t\t\t\ttransitionManager.addRule(rule, program.name = '__svelte_' + hash(rule));\r\n\r\n\t\t\t\tnode.style.animation = (node.style.animation || '')\r\n\t\t\t\t\t.split(', ')\r\n\t\t\t\t\t.filter(anim => anim && (program.delta < 0 || !/__svelte/.test(anim)))\r\n\t\t\t\t\t.concat(`${program.name} ${program.duration}ms linear 1 forwards`)\r\n\t\t\t\t\t.join(', ');\r\n\t\t\t}\r\n\r\n\t\t\tthis.program = program;\r\n\t\t\tthis.pending = null;\r\n\t\t},\r\n\r\n\t\tupdate(now) {\r\n\t\t\tconst program = this.program;\r\n\t\t\tif (!program) return;\r\n\r\n\t\t\tconst p = now - program.start;\r\n\t\t\tthis.t = program.a + program.delta * ease(p / program.duration);\r\n\t\t\tif (obj.tick) obj.tick(this.t, 1 - this.t);\r\n\t\t},\r\n\r\n\t\tdone() {\r\n\t\t\tconst program = this.program;\r\n\t\t\tthis.t = program.b;\r\n\r\n\t\t\tif (obj.tick) obj.tick(this.t, 1 - this.t);\r\n\r\n\t\t\tcomponent.fire(`${program.b ? 'intro' : 'outro'}.end`, { node });\r\n\r\n\t\t\tif (!program.b && !program.invalidated) {\r\n\t\t\t\tprogram.group.callbacks.push(() => {\r\n\t\t\t\t\tprogram.callback();\r\n\t\t\t\t\tif (obj.css) transitionManager.deleteRule(node, program.name);\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (--program.group.remaining === 0) {\r\n\t\t\t\t\tprogram.group.callbacks.forEach(run);\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tif (obj.css) transitionManager.deleteRule(node, program.name);\r\n\t\t\t}\r\n\r\n\t\t\tthis.running = !!this.pending;\r\n\t\t},\r\n\r\n\t\tabort(reset) {\r\n\t\t\tif (this.program) {\r\n\t\t\t\tif (reset && obj.tick) obj.tick(1, 0);\r\n\t\t\t\tif (obj.css) transitionManager.deleteRule(node, this.program.name);\r\n\t\t\t\tthis.program = this.pending = null;\r\n\t\t\t\tthis.running = false;\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tinvalidate() {\r\n\t\t\tif (this.program) {\r\n\t\t\t\tthis.program.invalidated = true;\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n}\r\n\r\nlet outros = {};\r\n\r\nfunction groupOutros() {\r\n\toutros.current = {\r\n\t\tremaining: 0,\r\n\t\tcallbacks: []\r\n\t};\r\n}\r\n\r\nvar transitionManager = {\r\n\trunning: false,\r\n\ttransitions: [],\r\n\tbound: null,\r\n\tstylesheet: null,\r\n\tactiveRules: {},\r\n\tpromise: null,\r\n\r\n\tadd(transition) {\r\n\t\tthis.transitions.push(transition);\r\n\r\n\t\tif (!this.running) {\r\n\t\t\tthis.running = true;\r\n\t\t\trequestAnimationFrame(this.bound || (this.bound = this.next.bind(this)));\r\n\t\t}\r\n\t},\r\n\r\n\taddRule(rule, name) {\r\n\t\tif (!this.stylesheet) {\r\n\t\t\tconst style = createElement('style');\r\n\t\t\tdocument.head.appendChild(style);\r\n\t\t\ttransitionManager.stylesheet = style.sheet;\r\n\t\t}\r\n\r\n\t\tif (!this.activeRules[name]) {\r\n\t\t\tthis.activeRules[name] = true;\r\n\t\t\tthis.stylesheet.insertRule(`@keyframes ${name} ${rule}`, this.stylesheet.cssRules.length);\r\n\t\t}\r\n\t},\r\n\r\n\tnext() {\r\n\t\tthis.running = false;\r\n\r\n\t\tconst now = window.performance.now();\r\n\t\tlet i = this.transitions.length;\r\n\r\n\t\twhile (i--) {\r\n\t\t\tconst transition = this.transitions[i];\r\n\r\n\t\t\tif (transition.program && now >= transition.program.end) {\r\n\t\t\t\ttransition.done();\r\n\t\t\t}\r\n\r\n\t\t\tif (transition.pending && now >= transition.pending.start) {\r\n\t\t\t\ttransition.start(transition.pending);\r\n\t\t\t}\r\n\r\n\t\t\tif (transition.running) {\r\n\t\t\t\ttransition.update(now);\r\n\t\t\t\tthis.running = true;\r\n\t\t\t} else if (!transition.pending) {\r\n\t\t\t\tthis.transitions.splice(i, 1);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (this.running) {\r\n\t\t\trequestAnimationFrame(this.bound);\r\n\t\t} else if (this.stylesheet) {\r\n\t\t\tlet i = this.stylesheet.cssRules.length;\r\n\t\t\twhile (i--) this.stylesheet.deleteRule(i);\r\n\t\t\tthis.activeRules = {};\r\n\t\t}\r\n\t},\r\n\r\n\tdeleteRule(node, name) {\r\n\t\tnode.style.animation = node.style.animation\r\n\t\t\t.split(', ')\r\n\t\t\t.filter(anim => anim && anim.indexOf(name) === -1)\r\n\t\t\t.join(', ');\r\n\t},\r\n\r\n\twait() {\r\n\t\tif (!transitionManager.promise) {\r\n\t\t\ttransitionManager.promise = Promise.resolve();\r\n\t\t\ttransitionManager.promise.then(() => {\r\n\t\t\t\ttransitionManager.promise = null;\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\treturn transitionManager.promise;\r\n\t}\r\n};\n\nfunction wrapAnimation(node, from, fn, params) {\r\n\tif (!from) return;\r\n\r\n\tconst to = node.getBoundingClientRect();\r\n\tif (from.left === to.left && from.right === to.right && from.top === to.top && from.bottom === to.bottom) return;\r\n\r\n\tconst info = fn(node, { from, to }, params);\r\n\r\n\tconst duration = 'duration' in info ? info.duration : 300;\r\n\tconst delay = 'delay' in info ? info.delay : 0;\r\n\tconst ease = info.easing || linear;\r\n\tconst start = window.performance.now() + delay;\r\n\tconst end = start + duration;\r\n\r\n\tconst program = {\r\n\t\ta: 0,\r\n\t\tt: 0,\r\n\t\tb: 1,\r\n\t\tdelta: 1,\r\n\t\tduration,\r\n\t\tstart,\r\n\t\tend\r\n\t};\r\n\r\n\tconst cssText = node.style.cssText;\r\n\r\n\tconst animation = {\r\n\t\tpending: delay ? program : null,\r\n\t\tprogram: delay ? null : program,\r\n\t\trunning: true,\r\n\r\n\t\tstart() {\r\n\t\t\tif (info.css) {\r\n\t\t\t\tif (delay) node.style.cssText = cssText;\r\n\r\n\t\t\t\tconst rule = generateRule(program, ease, info.css);\r\n\t\t\t\tprogram.name = `__svelte_${hash(rule)}`;\r\n\r\n\t\t\t\ttransitionManager.addRule(rule, program.name);\r\n\r\n\t\t\t\tnode.style.animation = (node.style.animation || '')\r\n\t\t\t\t\t.split(', ')\r\n\t\t\t\t\t.filter(anim => anim && (program.delta < 0 || !/__svelte/.test(anim)))\r\n\t\t\t\t\t.concat(`${program.name} ${program.duration}ms linear 1 forwards`)\r\n\t\t\t\t\t.join(', ');\r\n\t\t\t}\r\n\r\n\t\t\tanimation.program = program;\r\n\t\t\tanimation.pending = null;\r\n\t\t},\r\n\r\n\t\tupdate: now => {\r\n\t\t\tconst p = now - program.start;\r\n\t\t\tconst t = program.a + program.delta * ease(p / program.duration);\r\n\t\t\tif (info.tick) info.tick(t, 1 - t);\r\n\t\t},\r\n\r\n\t\tdone() {\r\n\t\t\tif (info.tick) info.tick(1, 0);\r\n\t\t\tanimation.stop();\r\n\t\t},\r\n\r\n\t\tstop() {\r\n\t\t\tif (info.css) transitionManager.deleteRule(node, program.name);\r\n\t\t\tanimation.running = false;\r\n\t\t}\r\n\t};\r\n\r\n\ttransitionManager.add(animation);\r\n\r\n\tif (info.tick) info.tick(0, 1);\r\n\r\n\tif (delay) {\r\n\t\tif (info.css) node.style.cssText += info.css(0, 1);\r\n\t} else {\r\n\t\tanimation.start();\r\n\t}\r\n\r\n\treturn animation;\r\n}\r\n\r\nfunction fixPosition(node) {\r\n\tconst style = getComputedStyle(node);\r\n\r\n\tif (style.position !== 'absolute' && style.position !== 'fixed') {\r\n\t\tconst { width, height } = style;\r\n\t\tconst a = node.getBoundingClientRect();\r\n\t\tnode.style.position = 'absolute';\r\n\t\tnode.style.width = width;\r\n\t\tnode.style.height = height;\r\n\t\tconst b = node.getBoundingClientRect();\r\n\r\n\t\tif (a.left !== b.left || a.top !== b.top) {\r\n\t\t\tconst style = getComputedStyle(node);\r\n\t\t\tconst transform = style.transform === 'none' ? '' : style.transform;\r\n\r\n\t\t\tnode.style.transform = `${transform} translate(${a.left - b.left}px, ${a.top - b.top}px)`;\r\n\t\t}\r\n\t}\r\n}\n\nfunction handlePromise(promise, info) {\r\n\tvar token = info.token = {};\r\n\r\n\tfunction update(type, index, key, value) {\r\n\t\tif (info.token !== token) return;\r\n\r\n\t\tinfo.resolved = key && { [key]: value };\r\n\r\n\t\tconst child_ctx = assign(assign({}, info.ctx), info.resolved);\r\n\t\tconst block = type && (info.current = type)(info.component, child_ctx);\r\n\r\n\t\tif (info.block) {\r\n\t\t\tif (info.blocks) {\r\n\t\t\t\tinfo.blocks.forEach((block, i) => {\r\n\t\t\t\t\tif (i !== index && block) {\r\n\t\t\t\t\t\tgroupOutros();\r\n\t\t\t\t\t\tblock.o(() => {\r\n\t\t\t\t\t\t\tblock.d(1);\r\n\t\t\t\t\t\t\tinfo.blocks[i] = null;\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\tinfo.block.d(1);\r\n\t\t\t}\r\n\r\n\t\t\tblock.c();\r\n\t\t\tblock[block.i ? 'i' : 'm'](info.mount(), info.anchor);\r\n\r\n\t\t\tinfo.component.root.set({}); // flush any handlers that were created\r\n\t\t}\r\n\r\n\t\tinfo.block = block;\r\n\t\tif (info.blocks) info.blocks[index] = block;\r\n\t}\r\n\r\n\tif (isPromise(promise)) {\r\n\t\tpromise.then(value => {\r\n\t\t\tupdate(info.then, 1, info.value, value);\r\n\t\t}, error => {\r\n\t\t\tupdate(info.catch, 2, info.error, error);\r\n\t\t});\r\n\r\n\t\t// if we previously had a then/catch block, destroy it\r\n\t\tif (info.current !== info.pending) {\r\n\t\t\tupdate(info.pending, 0);\r\n\t\t\treturn true;\r\n\t\t}\r\n\t} else {\r\n\t\tif (info.current !== info.then) {\r\n\t\t\tupdate(info.then, 1, info.value, promise);\r\n\t\t\treturn true;\r\n\t\t}\r\n\r\n\t\tinfo.resolved = { [info.value]: promise };\r\n\t}\r\n}\n\nfunction destroyBlock(block, lookup) {\r\n\tblock.d(1);\r\n\tlookup[block.key] = null;\r\n}\r\n\r\nfunction outroAndDestroyBlock(block, lookup) {\r\n\tblock.o(function() {\r\n\t\tdestroyBlock(block, lookup);\r\n\t});\r\n}\r\n\r\nfunction fixAndOutroAndDestroyBlock(block, lookup) {\r\n\tblock.f();\r\n\toutroAndDestroyBlock(block, lookup);\r\n}\r\n\r\nfunction updateKeyedEach(old_blocks, component, changed, get_key, dynamic, ctx, list, lookup, node, destroy, create_each_block, intro_method, next, get_context) {\r\n\tvar o = old_blocks.length;\r\n\tvar n = list.length;\r\n\r\n\tvar i = o;\r\n\tvar old_indexes = {};\r\n\twhile (i--) old_indexes[old_blocks[i].key] = i;\r\n\r\n\tvar new_blocks = [];\r\n\tvar new_lookup = {};\r\n\tvar deltas = {};\r\n\r\n\tvar i = n;\r\n\twhile (i--) {\r\n\t\tvar child_ctx = get_context(ctx, list, i);\r\n\t\tvar key = get_key(child_ctx);\r\n\t\tvar block = lookup[key];\r\n\r\n\t\tif (!block) {\r\n\t\t\tblock = create_each_block(component, key, child_ctx);\r\n\t\t\tblock.c();\r\n\t\t} else if (dynamic) {\r\n\t\t\tblock.p(changed, child_ctx);\r\n\t\t}\r\n\r\n\t\tnew_blocks[i] = new_lookup[key] = block;\r\n\r\n\t\tif (key in old_indexes) deltas[key] = Math.abs(i - old_indexes[key]);\r\n\t}\r\n\r\n\tvar will_move = {};\r\n\tvar did_move = {};\r\n\r\n\tfunction insert(block) {\r\n\t\tblock[intro_method](node, next);\r\n\t\tlookup[block.key] = block;\r\n\t\tnext = block.first;\r\n\t\tn--;\r\n\t}\r\n\r\n\twhile (o && n) {\r\n\t\tvar new_block = new_blocks[n - 1];\r\n\t\tvar old_block = old_blocks[o - 1];\r\n\t\tvar new_key = new_block.key;\r\n\t\tvar old_key = old_block.key;\r\n\r\n\t\tif (new_block === old_block) {\r\n\t\t\t// do nothing\r\n\t\t\tnext = new_block.first;\r\n\t\t\to--;\r\n\t\t\tn--;\r\n\t\t}\r\n\r\n\t\telse if (!new_lookup[old_key]) {\r\n\t\t\t// remove old block\r\n\t\t\tdestroy(old_block, lookup);\r\n\t\t\to--;\r\n\t\t}\r\n\r\n\t\telse if (!lookup[new_key] || will_move[new_key]) {\r\n\t\t\tinsert(new_block);\r\n\t\t}\r\n\r\n\t\telse if (did_move[old_key]) {\r\n\t\t\to--;\r\n\r\n\t\t} else if (deltas[new_key] > deltas[old_key]) {\r\n\t\t\tdid_move[new_key] = true;\r\n\t\t\tinsert(new_block);\r\n\r\n\t\t} else {\r\n\t\t\twill_move[old_key] = true;\r\n\t\t\to--;\r\n\t\t}\r\n\t}\r\n\r\n\twhile (o--) {\r\n\t\tvar old_block = old_blocks[o];\r\n\t\tif (!new_lookup[old_block.key]) destroy(old_block, lookup);\r\n\t}\r\n\r\n\twhile (n) insert(new_blocks[n - 1]);\r\n\r\n\treturn new_blocks;\r\n}\r\n\r\nfunction measure(blocks) {\r\n\tconst rects = {};\r\n\tlet i = blocks.length;\r\n\twhile (i--) rects[blocks[i].key] = blocks[i].node.getBoundingClientRect();\r\n\treturn rects;\r\n}\r\n\r\nfunction animate(blocks, rects, fn, params) {\r\n\tlet i = blocks.length;\r\n\twhile (i--) {\r\n\t\tconst block = blocks[i];\r\n\t\tconst from = rects[block.key];\r\n\r\n\t\tif (!from) continue;\r\n\t\tconst to = block.node.getBoundingClientRect();\r\n\r\n\t\tif (from.left === to.left && from.right === to.right && from.top === to.top && from.bottom === to.bottom) continue;\r\n\r\n\r\n\t}\r\n}\n\nfunction getSpreadUpdate(levels, updates) {\r\n\tvar update = {};\r\n\r\n\tvar to_null_out = {};\r\n\tvar accounted_for = {};\r\n\r\n\tvar i = levels.length;\r\n\twhile (i--) {\r\n\t\tvar o = levels[i];\r\n\t\tvar n = updates[i];\r\n\r\n\t\tif (n) {\r\n\t\t\tfor (var key in o) {\r\n\t\t\t\tif (!(key in n)) to_null_out[key] = 1;\r\n\t\t\t}\r\n\r\n\t\t\tfor (var key in n) {\r\n\t\t\t\tif (!accounted_for[key]) {\r\n\t\t\t\t\tupdate[key] = n[key];\r\n\t\t\t\t\taccounted_for[key] = 1;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tlevels[i] = n;\r\n\t\t} else {\r\n\t\t\tfor (var key in o) {\r\n\t\t\t\taccounted_for[key] = 1;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tfor (var key in to_null_out) {\r\n\t\tif (!(key in update)) update[key] = undefined;\r\n\t}\r\n\r\n\treturn update;\r\n}\n\n// https://html.spec.whatwg.org/multipage/syntax.html#attributes-2\r\n// https://infra.spec.whatwg.org/#noncharacter\r\nconst invalidAttributeNameCharacter = /[\\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;\r\n\r\nfunction spread(args) {\r\n\tconst attributes = Object.assign({}, ...args);\r\n\tlet str = '';\r\n\r\n\tObject.keys(attributes).forEach(name => {\r\n\t\tif (invalidAttributeNameCharacter.test(name)) return;\r\n\r\n\t\tconst value = attributes[name];\r\n\t\tif (value === undefined) return;\r\n\t\tif (value === true) str += \" \" + name;\r\n\r\n\t\tconst escaped = String(value)\r\n\t\t\t.replace(/\"/g, '"')\r\n\t\t\t.replace(/'/g, ''');\r\n\r\n\t\tstr += \" \" + name + \"=\" + JSON.stringify(escaped);\r\n\t});\r\n\r\n\treturn str;\r\n}\r\n\r\nconst escaped = {\r\n\t'\"': '"',\r\n\t\"'\": ''',\r\n\t'&': '&',\r\n\t'<': '<',\r\n\t'>': '>'\r\n};\r\n\r\nfunction escape(html) {\r\n\treturn String(html).replace(/[\"'&<>]/g, match => escaped[match]);\r\n}\r\n\r\nfunction each(items, assign, fn) {\r\n\tlet str = '';\r\n\tfor (let i = 0; i < items.length; i += 1) {\r\n\t\tstr += fn(assign(items[i], i));\r\n\t}\r\n\treturn str;\r\n}\r\n\r\nconst missingComponent = {\r\n\t_render: () => ''\r\n};\r\n\r\nfunction validateSsrComponent(component, name) {\r\n\tif (!component || !component._render) {\r\n\t\tif (name === 'svelte:component') name += ' this={...}';\r\n\t\tthrow 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`);\r\n\t}\r\n\r\n\treturn component;\r\n}\r\n\r\nfunction debug(file, line, column, values) {\r\n\tconsole.log(`{@debug} ${file ? file + ' ' : ''}(${line}:${column})`);\r\n\tconsole.log(values);\r\n\treturn '';\r\n}\n\nfunction blankObject() {\r\n\treturn Object.create(null);\r\n}\r\n\r\nfunction destroy(detach) {\r\n\tthis.destroy = noop;\r\n\tthis.fire('destroy');\r\n\tthis.set = noop;\r\n\r\n\tthis._fragment.d(detach !== false);\r\n\tthis._fragment = null;\r\n\tthis._state = {};\r\n}\r\n\r\nfunction destroyDev(detach) {\r\n\tdestroy.call(this, detach);\r\n\tthis.destroy = function() {\r\n\t\tconsole.warn('Component was already destroyed');\r\n\t};\r\n}\r\n\r\nfunction _differs(a, b) {\r\n\treturn a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');\r\n}\r\n\r\nfunction _differsImmutable(a, b) {\r\n\treturn a != a ? b == b : a !== b;\r\n}\r\n\r\nfunction fire(eventName, data) {\r\n\tvar handlers =\r\n\t\teventName in this._handlers && this._handlers[eventName].slice();\r\n\tif (!handlers) return;\r\n\r\n\tfor (var i = 0; i < handlers.length; i += 1) {\r\n\t\tvar handler = handlers[i];\r\n\r\n\t\tif (!handler.__calling) {\r\n\t\t\ttry {\r\n\t\t\t\thandler.__calling = true;\r\n\t\t\t\thandler.call(this, data);\r\n\t\t\t} finally {\r\n\t\t\t\thandler.__calling = false;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\nfunction flush(component) {\r\n\tcomponent._lock = true;\r\n\tcallAll(component._beforecreate);\r\n\tcallAll(component._oncreate);\r\n\tcallAll(component._aftercreate);\r\n\tcomponent._lock = false;\r\n}\r\n\r\nfunction get() {\r\n\treturn this._state;\r\n}\r\n\r\nfunction init(component, options) {\r\n\tcomponent._handlers = blankObject();\r\n\tcomponent._slots = blankObject();\r\n\tcomponent._bind = options._bind;\r\n\tcomponent._staged = {};\r\n\r\n\tcomponent.options = options;\r\n\tcomponent.root = options.root || component;\r\n\tcomponent.store = options.store || component.root.store;\r\n\r\n\tif (!options.root) {\r\n\t\tcomponent._beforecreate = [];\r\n\t\tcomponent._oncreate = [];\r\n\t\tcomponent._aftercreate = [];\r\n\t}\r\n}\r\n\r\nfunction on(eventName, handler) {\r\n\tvar handlers = this._handlers[eventName] || (this._handlers[eventName] = []);\r\n\thandlers.push(handler);\r\n\r\n\treturn {\r\n\t\tcancel: function() {\r\n\t\t\tvar index = handlers.indexOf(handler);\r\n\t\t\tif (~index) handlers.splice(index, 1);\r\n\t\t}\r\n\t};\r\n}\r\n\r\nfunction set(newState) {\r\n\tthis._set(assign({}, newState));\r\n\tif (this.root._lock) return;\r\n\tflush(this.root);\r\n}\r\n\r\nfunction _set(newState) {\r\n\tvar oldState = this._state,\r\n\t\tchanged = {},\r\n\t\tdirty = false;\r\n\r\n\tnewState = assign(this._staged, newState);\r\n\tthis._staged = {};\r\n\r\n\tfor (var key in newState) {\r\n\t\tif (this._differs(newState[key], oldState[key])) changed[key] = dirty = true;\r\n\t}\r\n\tif (!dirty) return;\r\n\r\n\tthis._state = assign(assign({}, oldState), newState);\r\n\tthis._recompute(changed, this._state);\r\n\tif (this._bind) this._bind(changed, this._state);\r\n\r\n\tif (this._fragment) {\r\n\t\tthis.fire(\"state\", { changed: changed, current: this._state, previous: oldState });\r\n\t\tthis._fragment.p(changed, this._state);\r\n\t\tthis.fire(\"update\", { changed: changed, current: this._state, previous: oldState });\r\n\t}\r\n}\r\n\r\nfunction _stage(newState) {\r\n\tassign(this._staged, newState);\r\n}\r\n\r\nfunction setDev(newState) {\r\n\tif (typeof newState !== 'object') {\r\n\t\tthrow new Error(\r\n\t\t\tthis._debugName + '.set was called without an object of data key-values to update.'\r\n\t\t);\r\n\t}\r\n\r\n\tthis._checkReadOnly(newState);\r\n\tset.call(this, newState);\r\n}\r\n\r\nfunction callAll(fns) {\r\n\twhile (fns && fns.length) fns.shift()();\r\n}\r\n\r\nfunction _mount(target, anchor) {\r\n\tthis._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null);\r\n}\r\n\r\nvar PENDING = {};\r\nvar SUCCESS = {};\r\nvar FAILURE = {};\r\n\r\nfunction removeFromStore() {\r\n\tthis.store._remove(this);\r\n}\r\n\r\nvar proto = {\r\n\tdestroy,\r\n\tget,\r\n\tfire,\r\n\ton,\r\n\tset,\r\n\t_recompute: noop,\r\n\t_set,\r\n\t_stage,\r\n\t_mount,\r\n\t_differs\r\n};\r\n\r\nvar protoDev = {\r\n\tdestroy: destroyDev,\r\n\tget,\r\n\tfire,\r\n\ton,\r\n\tset: setDev,\r\n\t_recompute: noop,\r\n\t_set,\r\n\t_stage,\r\n\t_mount,\r\n\t_differs\r\n};\n\nexport { blankObject, destroy, destroyDev, _differs, _differsImmutable, fire, flush, get, init, on, set, _set, _stage, setDev, callAll, _mount, PENDING, SUCCESS, FAILURE, removeFromStore, proto, protoDev, wrapAnimation, fixPosition, handlePromise, append, insert, detachNode, detachBetween, detachBefore, detachAfter, reinsertBetween, reinsertChildren, reinsertAfter, reinsertBefore, destroyEach, createFragment, createElement, createSvgElement, createText, createComment, addListener, removeListener, setAttribute, setAttributes, setCustomElementData, setXlinkAttribute, getBindingGroupValue, toNumber, timeRangesToArray, children, claimElement, claimText, setData, setInputType, setStyle, selectOption, selectOptions, selectValue, selectMultipleValue, addResizeListener, toggleClass, destroyBlock, outroAndDestroyBlock, fixAndOutroAndDestroyBlock, updateKeyedEach, measure, animate, getSpreadUpdate, invalidAttributeNameCharacter, spread, escaped, escape, each, missingComponent, validateSsrComponent, debug, linear, generateRule, hash, wrapTransition, outros, groupOutros, transitionManager, noop, assign, assignTrue, isPromise, callAfter, addLoc, exclude, run };\n","export const monthDict = [\r\n {name: 'January', abbrev: 'Jan' },\r\n {name: 'February', abbrev: 'Feb' },\r\n {name: 'March', abbrev: 'Mar' },\r\n {name: 'April', abbrev: 'Apr' },\r\n {name: 'May', abbrev: 'May' },\r\n {name: 'June', abbrev: 'Jun' },\r\n {name: 'July', abbrev: 'Jul' },\r\n {name: 'August', abbrev: 'Aug' },\r\n {name: 'September', abbrev: 'Sep' },\r\n {name: 'October', abbrev: 'Oct' },\r\n {name: 'November', abbrev: 'Nov' },\r\n {name: 'December', abbrev: 'Dec' }\r\n]; \r\n\r\nexport const dayDict = [\r\n {name: 'Sunday', abbrev: 'Sun'}, \r\n {name: 'Monday', abbrev: 'Mon'}, \r\n {name: 'Tuesday', abbrev: 'Tue'}, \r\n {name: 'Wednesday', abbrev: 'Wed'}, \r\n {name: 'Thursday', abbrev: 'Thu'}, \r\n {name: 'Friday', abbrev: 'Fri'}, \r\n {name: 'Saturday', abbrev: 'Sat'}\r\n];","const getCalendarPage = (month,year,dayProps) => {\r\n let days = [];\r\n let date = new Date(year,month,1);\r\n date.setDate(date.getDate() - date.getDay());\r\n let nextMonth = month == 11 ? 0 : month + 1; \r\n // ensure days starts on Sunday\r\n // and end on saturday\r\n let weeks = []; \r\n while(date.getMonth() != nextMonth || date.getDay() != 0 || weeks.length != 6) { \r\n if(date.getDay() == 0) weeks.unshift({days: []});\r\n weeks[0].days.push({\r\n partOfMonth: date.getMonth() == month,\r\n date: new Date(date), \r\n ...dayProps(date)\r\n }); \r\n date.setDate(date.getDate() + 1)\r\n }\r\n weeks.reverse(); \r\n return { month, year, weeks }\r\n}\r\n\r\nconst getDayPropsHandler = (start,end) => {\r\n let today = new Date(); \r\n today.setHours(0,0,0,0);\r\n return date => ({\r\n selectable: date >= start && date <= end,\r\n isToday: date.getTime() == today.getTime()\r\n });\r\n};\r\n\r\nexport function getMonths(start, end) { \r\n start.setHours(0,0,0,0);\r\n end.setHours(0,0,0,0);\r\n let endDate = new Date(end.getFullYear(), end.getMonth() + 1, 1); \r\n let months = [ ]; \r\n let date = new Date(start.getFullYear(),start.getMonth(),1);\r\n let dayPropsHandler = getDayPropsHandler(start,end);\r\n while(date < endDate) { \r\n months.push(getCalendarPage(date.getMonth(),date.getFullYear(),dayPropsHandler)); \r\n date.setMonth(date.getMonth() + 1); \r\n }\r\n return months;\r\n}","/**\n * generic function to inject data into token-laden string\n * @param str {String} Required\n * @param name {String} Required\n * @param value {String|Integer} Required\n * @returns {String}\n *\n * @example\n * injectStringData(\"The following is a token: #{tokenName}\", \"tokenName\", 123); \n * @returns {String} \"The following is a token: 123\"\n *\n */\nconst injectStringData = (str,name,value) => str\n .replace(new RegExp('#{'+name+'}','g'), value);\n\n/**\n * Generic function to enforce length of string. \n * \n * Pass a string or number to this function and specify the desired length.\n * This function will either pad the # with leading 0's (if str.length < length)\n * or remove data from the end (@fromBack==false) or beginning (@fromBack==true)\n * of the string when str.length > length.\n *\n * When length == str.length or typeof length == 'undefined', this function\n * returns the original @str parameter.\n * \n * @param str {String} Required\n * @param length {Integer} Required\n * @param fromBack {Boolean} Optional\n * @returns {String}\n *\n */\nconst enforceLength = function(str,length,fromBack) {\n str = str.toString();\n if(typeof length == 'undefined') return str;\n if(str.length == length) return str;\n fromBack = (typeof fromBack == 'undefined') ? false : fromBack;\n if(str.length < length) {\n // pad the beginning of the string w/ enough 0's to reach desired length:\n while(length - str.length > 0) str = '0' + str;\n } else if(str.length > length) {\n if(fromBack) {\n // grab the desired #/chars from end of string: ex: '2015' -> '15'\n str = str.substring(str.length-length);\n } else {\n // grab the desired #/chars from beginning of string: ex: '2015' -> '20'\n str = str.substring(0,length);\n }\n }\n return str;\n};\n\nconst daysOfWeek = [ \n 'Sunday', \n 'Monday', \n 'Tuesday', \n 'Wednesday', \n 'Thursday', \n 'Friday', \n 'Saturday' \n];\n\nconst monthsOfYear = [ \n 'January',\n 'February',\n 'March',\n 'April',\n 'May',\n 'June',\n 'July',\n 'August',\n 'September',\n 'October',\n 'November',\n 'December'\n];\n\nlet dictionary = { \n daysOfWeek, \n monthsOfYear\n};\n\nconst extendDictionary = (conf) => \n Object.keys(conf).forEach(key => {\n if(dictionary[key] && dictionary[key].length == conf[key].length) {\n dictionary[key] = conf[key];\n }\n });\n\nconst resetDictionary = () => extendDictionary({daysOfWeek,monthsOfYear});\n\nvar acceptedDateTokens = [\n { \n // d: day of the month, 2 digits with leading zeros:\n key: 'd', \n method: function(date) { return enforceLength(date.getDate(), 2); } \n }, { \n // D: textual representation of day, 3 letters: Sun thru Sat\n key: 'D', \n method: function(date) { return enforceLength(dictionary.daysOfWeek[date.getDay()],3); } \n }, { \n // j: day of month without leading 0's\n key: 'j', \n method: function(date) { return date.getDate(); } \n }, { \n // l: full textual representation of day of week: Sunday thru Saturday\n key: 'l', \n method: function(date) { return dictionary.daysOfWeek[date.getDay()]; } \n }, { \n // F: full text month: 'January' thru 'December'\n key: 'F', \n method: function(date) { return dictionary.monthsOfYear[date.getMonth()]; } \n }, { \n // m: 2 digit numeric month: '01' - '12':\n key: 'm', \n method: function(date) { return enforceLength(date.getMonth()+1,2); } \n }, { \n // M: a short textual representation of the month, 3 letters: 'Jan' - 'Dec'\n key: 'M', \n method: function(date) { return enforceLength(dictionary.monthsOfYear[date.getMonth()],3); } \n }, { \n // n: numeric represetation of month w/o leading 0's, '1' - '12':\n key: 'n', \n method: function(date) { return date.getMonth() + 1; } \n }, { \n // Y: Full numeric year, 4 digits\n key: 'Y', \n method: function(date) { return date.getFullYear(); } \n }, { \n // y: 2 digit numeric year:\n key: 'y', \n method: function(date) { return enforceLength(date.getFullYear(),2,true); }\n }\n];\n\nvar acceptedTimeTokens = [\n { \n // a: lowercase ante meridiem and post meridiem 'am' or 'pm'\n key: 'a', \n method: function(date) { return (date.getHours() > 11) ? 'pm' : 'am'; } \n }, { \n // A: uppercase ante merdiiem and post meridiem 'AM' or 'PM'\n key: 'A', \n method: function(date) { return (date.getHours() > 11) ? 'PM' : 'AM'; } \n }, { \n // g: 12-hour format of an hour without leading zeros 1-12\n key: 'g', \n method: function(date) { return date.getHours() % 12 || 12; } \n }, { \n // G: 24-hour format of an hour without leading zeros 0-23\n key: 'G', \n method: function(date) { return date.getHours(); } \n }, { \n // h: 12-hour format of an hour with leading zeros 01-12\n key: 'h', \n method: function(date) { return enforceLength(date.getHours()%12 || 12,2); } \n }, { \n // H: 24-hour format of an hour with leading zeros: 00-23\n key: 'H', \n method: function(date) { return enforceLength(date.getHours(),2); } \n }, { \n // i: Minutes with leading zeros 00-59\n key: 'i', \n method: function(date) { return enforceLength(date.getMinutes(),2); } \n }, { \n // s: Seconds with leading zeros 00-59\n key: 's', \n method: function(date) { return enforceLength(date.getSeconds(),2); }\n }\n];\n\n/**\n * Internationalization object for timeUtils.internationalize().\n * @typedef internationalizeObj\n * @property {Array} [daysOfWeek=[ 'Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday' ]] daysOfWeek Weekday labels as strings, starting with Sunday.\n * @property {Array} [monthsOfYear=[ 'January','February','March','April','May','June','July','August','September','October','November','December' ]] monthsOfYear Month labels as strings, starting with January.\n */\n\n/**\n * This function can be used to support additional languages by passing an object with \n * `daysOfWeek` and `monthsOfYear` attributes. Each attribute should be an array of\n * strings (ex: `daysOfWeek: ['monday', 'tuesday', 'wednesday'...]`)\n *\n * @param {internationalizeObj} conf\n */\nconst internationalize = (conf={}) => { \n extendDictionary(conf);\n};\n\n/**\n * generic formatDate function which accepts dynamic templates\n * @param date {Date} Required\n * @param template {String} Optional\n * @returns {String}\n *\n * @example\n * formatDate(new Date(), '#{M}. #{j}, #{Y}')\n * @returns {Number} Returns a formatted date\n *\n */\nconst formatDate = (date,template='#{m}/#{d}/#{Y}') => {\n acceptedDateTokens.forEach(token => {\n if(template.indexOf(`#{${token.key}}`) == -1) return; \n template = injectStringData(template,token.key,token.method(date));\n }); \n acceptedTimeTokens.forEach(token => {\n if(template.indexOf(`#{${token.key}}`) == -1) return;\n template = injectStringData(template,token.key,token.method(date));\n });\n return template;\n};\n\n/**\n * Small function for resetting language to English (used in testing).\n */\nconst resetInternationalization = () => resetDictionary();\n\nexport { internationalize, formatDate, resetInternationalization };\n","export const keyCodes = { \r\n left: 37,\r\n up: 38,\r\n right: 39,\r\n down: 40,\r\n pgup: 33,\r\n pgdown: 34,\r\n enter: 13, \r\n escape: 27, \r\n tab: 9\r\n};\r\n\r\nexport const keyCodesArray = Object.keys(keyCodes).map(k => keyCodes[k]); ","\r\n {#each days as day}\r\n
\r\n \r\n {day.date.getDate()}\r\n \r\n
\r\n {/each}\r\n
\r\n {#each visibleMonth.weeks as week}\r\n
\r\n\r\n\r\n\r\n","\r\n
\r\n
\r\n
\r\n
\r\n {monthDict[month].name} {year}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {#each monthDict as monthDefinition, 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 {formattedSelected}\r\n \r\n {/if}\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n {#each dayDict as day}\r\n {day.abbrev} \r\n {/each}\r\n
\r\n
\r\n
\r\n
\r\n
\n {#each days as day}\n
\n \n {day.date.getDate()}\n \n
\n {/each}\n
\n {#each visibleMonth.weeks as week}\n
\n\n\n\n","\n
\n
\n
\n
\n {monthDict[month].name} {year}\n
\n
\n
\n
\n
\n {#each monthDict as monthDefinition, index}\n
\n {monthDefinition.abbrev} \n
\n {/each}\n
\n
\n
\n \n \n {#if !trigger}\n \n {formattedSelected}\n \n {/if}\n \n
\n \n
\n
\n
\n {#each dayDict as day}\n {day.abbrev} \n {/each}\n
\n
\n
\n
\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\tLightweight (~8KB) \r\n\t\tIE11+ Compatible \r\n\t\tUsable as a Svelte component \r\n\t\tUsable with Vanilla JS / <Your Framework Here> \r\n\t\tCan be compiled to a native web component / custom element \r\n\t\tMobile/thumb friendly \r\n\t\tKeyboard 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\t\t{#if dateChosen} Chosen: {formattedSelected} {:else} Pick a date {/if}\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\t\t{#if exampleChosen} {exampleFormatted} {:else} Custom Button {/if}\r\n\t\t\t \r\n\t\t \r\n\t
\r\n
\r\n
\r\n \r\n \r\n {#if !trigger}\r\n \r\n {formattedSelected}\r\n \r\n {/if}\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n {#each dayDict as day}\r\n {day.abbrev} \r\n {/each}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {#each visibleMonth.weeks as week}\r\n
\r\n\r\n\r\n\r\n",
- "\r\n
\r\n
\r\n
\r\n
\r\n {monthDict[month].name} {year}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {#each monthDict as monthDefinition, 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 {day.date.getDate()}\r\n \r\n
\r\n {/each}\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\tLightweight (~8KB) \n\t\tIE11+ Compatible \n\t\tUsable as a Svelte component \n\t\tUsable with Vanilla JS / <Your Framework Here> \n\t\tCan be compiled to a native web component / custom element \n\t\tMobile/thumb friendly \n\t\tKeyboard 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\t\t{#if dateChosen} Chosen: {formattedSelected} {:else} Pick a date {/if}\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\t\t{#if exampleChosen} {exampleFormatted} {:else} Custom Button {/if}\n\t\t\t \n\t\t \n\t
\n
\n
\n \n \n {#if !trigger}\n \n {formattedSelected}\n \n {/if}\n \n
\n \n
\n
\n
\n {#each dayDict as day}\n {day.abbrev} \n {/each}\n
\n
\n
\n
\n
\n {#each visibleMonth.weeks as week}\n
\n\n\n\n",
+ "\n
\n
\n
\n
\n {monthDict[month].name} {year}\n
\n
\n
\n
\n
\n {#each monthDict as monthDefinition, index}\n
\n {monthDefinition.abbrev} \n
\n {/each}\n
\n
\n {#each days as day}\n
\n \n {day.date.getDate()}\n \n
\n {/each}\n
=t&&o<=e,isToday:o.getTime()==n.getTime()}}};var N=function(t,e,n){return t.replace(new RegExp("#{"+e+"}","g"),n)},T=function(t,e,n){if(t=t.toString(),void 0===e)return t;if(t.length==e)return t;if(n=void 0!==n&&n,t.length0;)t="0"+t;else t.length>e&&(t=n?t.substring(t.length-e):t.substring(0,e));return t},H={daysOfWeek:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],monthsOfYear:["January","February","March","April","May","June","July","August","September","October","November","December"]},Y=[{key:"d",method:function(t){return T(t.getDate(),2)}},{key:"D",method:function(t){return T(H.daysOfWeek[t.getDay()],3)}},{key:"j",method:function(t){return t.getDate()}},{key:"l",method:function(t){return H.daysOfWeek[t.getDay()]}},{key:"F",method:function(t){return H.monthsOfYear[t.getMonth()]}},{key:"m",method:function(t){return T(t.getMonth()+1,2)}},{key:"M",method:function(t){return T(H.monthsOfYear[t.getMonth()],3)}},{key:"n",method:function(t){return t.getMonth()+1}},{key:"Y",method:function(t){return t.getFullYear()}},{key:"y",method:function(t){return T(t.getFullYear(),2,!0)}}],I=[{key:"a",method:function(t){return t.getHours()>11?"pm":"am"}},{key:"A",method:function(t){return t.getHours()>11?"PM":"AM"}},{key:"g",method:function(t){return t.getHours()%12||12}},{key:"G",method:function(t){return t.getHours()}},{key:"h",method:function(t){return T(t.getHours()%12||12,2)}},{key:"H",method:function(t){return T(t.getHours(),2)}},{key:"i",method:function(t){return T(t.getMinutes(),2)}},{key:"s",method:function(t){return T(t.getSeconds(),2)}}],L=function(t,e){return void 0===e&&(e="#{m}/#{d}/#{Y}"),Y.forEach(function(n){-1!=e.indexOf("#{"+n.key+"}")&&(e=N(e,n.key,n.method(t)))}),I.forEach(function(n){-1!=e.indexOf("#{"+n.key+"}")&&(e=N(e,n.key,n.method(t)))}),e},j={left:37,up:38,right:39,down:40,pgup:33,pgdown:34,enter:13,escape:27,tab:9},E=Object.keys(j).map(function(t){return j[t]});function W(t,e){return t.getDate()==e.getDate()&&t.getMonth()==e.getMonth()&&t.getFullYear()==e.getFullYear()}function A(t){var e=this._svelte,n=e.component,o=e.ctx;n.fire("dateSelected",o.day.date)}function J(t,e,n){var o=Object.create(t);return o.day=e[n],o}function V(t,e){var n,o,r,i,a=e.day.date.getDate();return{c:function(){n=f("div"),o=f("button"),r=m(a),i=m("\r\n "),o.className="day--label svelte-m3nyfi",_(o,"selected",!0===W(e.day.date,e.selected)),n._svelte={component:t,ctx:e},g(n,"click",A),n.className="day svelte-m3nyfi",_(n,"outside-month",!e.day.partOfMonth),_(n,"is-today",e.day.isToday)},m:function(t,e){c(t,n,e),s(n,o),s(o,r),s(n,i)},p:function(t,i){e=i,t.days&&a!==(a=e.day.date.getDate())&&y(r,a),(t.days||t.selected)&&_(o,"selected",!0===W(e.day.date,e.selected)),n._svelte.ctx=e,t.days&&(_(n,"outside-month",!e.day.partOfMonth),_(n,"is-today",e.day.isToday))},d:function(t){t&&l(n),v(n,"click",A)}}}function P(t){D(this,t),this._state=o({},t.data),this._intro=!!t.intro,this._fragment=function(t,e){for(var n,o,r=e.days,i=[],s=0;s',i=m("\r\n "),h=f("div"),u=m(C),p=m(" "),b=m(e.year),k=m(" \r\n "),(M=f("div")).innerHTML='0&&n>r?this.incrementMonth(1,n.getDate()):t<0&&nLightweight (~8KB)\n\t\t\t\t\tIE11+ Compatible \n\t\t\t\t\tUsable as a Svelte component \n\t\t\t\t\tUsable with Vanilla JS / <Your Framework Here> \n\t\t\t\t\tCan be compiled to a native web component / custom element \n\t\t\t\t\tMobile/thumb friendly \n\t\t\t\t\tKeyboard navigation (arrows, pgup/pgdown, tab, esc) ",b=m("\r\n\r\n\t"),(_=f("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:",k=m("\r\n\r\n\t"),(M=f("h4")).textContent="With Svelte:",D=m("\r\n\t"),w=f("pre"),S=f("code"),C=m("\r\n {#if dateChosen} Chosen: {formattedSelected} {:else} Pick a date {/if}\r\n \r\n '),F=m("\r\n\r\n\t"),N=f("div"),T=f("button"),G.c(),Z._fragment.c(),H=m("\r\n\r\n\t"),(Y=f("h4")).textContent="Without Svelte HTML:",I=m("\r\n\t"),(L=f("pre")).innerHTML='\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',j=m("\r\n\r\n\t"),(E=f("h4")).textContent="Without Svelte JS:",W=m("\r\n\t"),(A=f("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",J=m("\r\n\r\n\t"),V=f("div"),P=f("button"),et.c(),ot._fragment.c(),n.className="svelte-122tapd",S.className="html",T.className="custom-button svelte-122tapd",N.className="text-center svelte-122tapd",P.id="test",V.className="text-center svelte-122tapd",r.className="container svelte-122tapd"},m:function(t,e){c(t,n,e),c(t,o,e),c(t,r,e),s(r,a),s(r,h),z._mount(r,null),s(r,d),s(r,g),s(r,v),s(r,p),s(r,b),s(r,_),s(r,k),s(r,M),s(r,D),s(r,w),s(w,S),s(S,C),s(S,x),s(S,O),s(r,F),s(r,N),s(Z._slotted.default,T),G.m(T,null),Z._mount(N,null),s(r,H),s(r,Y),s(r,I),s(r,L),s(r,j),s(r,E),s(r,W),s(r,A),s(r,J),s(r,V),s(ot._slotted.default,P),et.m(P,null),ot._mount(V,null),B=!0},p:function(n,o){e=o;var r={};n.dateFormat&&(r.format=e.dateFormat),z._set(r),B&&!n.dateFormat||y(x,e.dateFormat),U===(U=R(e))&&G?G.p(n,e):(G.d(1),(G=U(t,e)).c(),G.m(T,null));var i={};n.dateFormat&&(i.format=e.dateFormat),!X.formattedSelected&&n.formattedSelected&&(i.formattedSelected=e.formattedSelected,X.formattedSelected=void 0!==e.formattedSelected),!X.dateChosen&&n.dateChosen&&(i.dateChosen=e.dateChosen,X.dateChosen=void 0!==e.dateChosen),Z._set(i),X={},tt===(tt=$(e))&&et?et.p(n,e):(et.d(1),(et=tt(t,e)).c(),et.m(P,null));var a={};!q.formattedSelected&&n.exampleFormatted&&(a.formattedSelected=e.exampleFormatted,q.formattedSelected=void 0!==e.exampleFormatted),!q.dateChosen&&n.exampleChosen&&(a.dateChosen=e.exampleChosen,q.dateChosen=void 0!==e.exampleChosen),ot._set(a),q={}},i:function(t,e){B||this.m(t,e)},o:function(t){B&&(t=i(t,3),z&&z._fragment.o(t),Z&&Z._fragment.o(t),ot&&ot._fragment.o(t),B=!1)},d:function(t){t&&(l(n),l(o),l(r)),z.destroy(),G.d(),Z.destroy(),et.d(),ot.destroy()}}}(this,this._state),this.root._oncreate.push(function(){(function(){hljs.initHighlightingOnLoad()}).call(e),e.fire("update",{changed:r({},e._state),current:e._state})}),t.target&&(this._fragment.c(),this._mount(t.target,t.anchor),M(this)),this._intro=!0}return o(it.prototype,S),o(it.prototype,et),it.prototype._recompute=function(t,e){(t.start||t.end)&&this._differs(e.months,e.months=tt(e))&&(t.months=!0),(t.month||t.year||t.months)&&this._differs(e.monthIndex,e.monthIndex=function(t){for(var e=t.month,n=t.year,o=t.months,r=0;r0}(e))&&(t.canDecrementMonth=!0)),(t.selected||t.format)&&this._differs(e.formattedSelected,e.formattedSelected=function(t){var e=t.selected,n=t.format;return L(e,n)}(e))&&(t.formattedSelected=!0)},o(ht.prototype,S),ht.prototype._recompute=function(t,e){var n;t.start&&this._differs(e.end,e.end=(n=e.start,new Date(n.getTime()+62208e6)))&&(t.end=!0)},e(),new ht({target:document.body,data:{}})}();
+var app=function(){"use strict";function t(t,e){var n=arguments;if(null==t)throw new TypeError("Cannot convert first argument to object");for(var o=Object(t),r=1;r=t&&o<=e,isToday:o.getTime()==n.getTime()}}};var N=function(t,e,n){return t.replace(new RegExp("#{"+e+"}","g"),n)},T=function(t,e,n){if(t=t.toString(),void 0===e)return t;if(t.length==e)return t;if(n=void 0!==n&&n,t.length0;)t="0"+t;else t.length>e&&(t=n?t.substring(t.length-e):t.substring(0,e));return t},j={daysOfWeek:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],monthsOfYear:["January","February","March","April","May","June","July","August","September","October","November","December"]},H=[{key:"d",method:function(t){return T(t.getDate(),2)}},{key:"D",method:function(t){return T(j.daysOfWeek[t.getDay()],3)}},{key:"j",method:function(t){return t.getDate()}},{key:"l",method:function(t){return j.daysOfWeek[t.getDay()]}},{key:"F",method:function(t){return j.monthsOfYear[t.getMonth()]}},{key:"m",method:function(t){return T(t.getMonth()+1,2)}},{key:"M",method:function(t){return T(j.monthsOfYear[t.getMonth()],3)}},{key:"n",method:function(t){return t.getMonth()+1}},{key:"Y",method:function(t){return t.getFullYear()}},{key:"y",method:function(t){return T(t.getFullYear(),2,!0)}}],Y=[{key:"a",method:function(t){return t.getHours()>11?"pm":"am"}},{key:"A",method:function(t){return t.getHours()>11?"PM":"AM"}},{key:"g",method:function(t){return t.getHours()%12||12}},{key:"G",method:function(t){return t.getHours()}},{key:"h",method:function(t){return T(t.getHours()%12||12,2)}},{key:"H",method:function(t){return T(t.getHours(),2)}},{key:"i",method:function(t){return T(t.getMinutes(),2)}},{key:"s",method:function(t){return T(t.getSeconds(),2)}}],I=function(t,e){return void 0===e&&(e="#{m}/#{d}/#{Y}"),H.forEach(function(n){-1!=e.indexOf("#{"+n.key+"}")&&(e=N(e,n.key,n.method(t)))}),Y.forEach(function(n){-1!=e.indexOf("#{"+n.key+"}")&&(e=N(e,n.key,n.method(t)))}),e},L={left:37,up:38,right:39,down:40,pgup:33,pgdown:34,enter:13,escape:27,tab:9},E=Object.keys(L).map(function(t){return L[t]});function W(t,e){return t.getDate()==e.getDate()&&t.getMonth()==e.getMonth()&&t.getFullYear()==e.getFullYear()}function A(t){var e=this._svelte,n=e.component,o=e.ctx;n.fire("dateSelected",o.day.date)}function q(t,e,n){var o=Object.create(t);return o.day=e[n],o}function J(t,e){var n,o,r,i,a=e.day.date.getDate();return{c:function(){n=f("div"),o=f("button"),r=m(a),i=m("\n "),o.className="day--label svelte-123yw3v",_(o,"selected",!0===W(e.day.date,e.selected)),n._svelte={component:t,ctx:e},g(n,"click",A),n.className="day svelte-123yw3v",_(n,"outside-month",!e.day.partOfMonth),_(n,"is-today",e.day.isToday)},m:function(t,e){c(t,n,e),s(n,o),s(o,r),s(n,i)},p:function(t,i){e=i,t.days&&a!==(a=e.day.date.getDate())&&y(r,a),(t.days||t.selected)&&_(o,"selected",!0===W(e.day.date,e.selected)),n._svelte.ctx=e,t.days&&(_(n,"outside-month",!e.day.partOfMonth),_(n,"is-today",e.day.isToday))},d:function(t){t&&l(n),v(n,"click",A)}}}function V(t){D(this,t),this._state=o({},t.data),this._intro=!!t.intro,this._fragment=function(t,e){for(var n,o,r=e.days,i=[],s=0;s',i=m("\n "),h=f("div"),u=m(C),p=m(" "),b=m(e.year),M=m(" \n "),(k=f("div")).innerHTML='0&&n>r?this.incrementMonth(1,n.getDate()):t<0&&nLightweight (~8KB)\n\t\t\t\t\tIE11+ Compatible \n\t\t\t\t\tUsable as a Svelte component \n\t\t\t\t\tUsable with Vanilla JS / <Your Framework Here> \n\t\t\t\t\tCan be compiled to a native web component / custom element \n\t\t\t\t\tMobile/thumb friendly \n\t\t\t\t\tKeyboard navigation (arrows, pgup/pgdown, tab, esc) ",b=m("\n\n\t"),(_=f("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:",M=m("\n\n\t"),(k=f("h4")).textContent="With Svelte:",D=m("\n\t"),w=f("pre"),S=f("code"),C=m("\n {#if dateChosen} Chosen: {formattedSelected} {:else} Pick a date {/if}\n \n '),F=m("\n\n\t"),N=f("div"),T=f("button"),G.c(),Z._fragment.c(),j=m("\n\n\t"),(H=f("h4")).textContent="Without Svelte HTML:",Y=m("\n\t"),(I=f("pre")).innerHTML='\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',L=m("\n\n\t"),(E=f("h4")).textContent="Without Svelte JS:",W=m("\n\t"),(A=f("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",q=m("\n\n\t"),J=f("div"),V=f("button"),et.c(),ot._fragment.c(),n.className="svelte-1j0sf4m",S.className="html",T.className="custom-button svelte-1j0sf4m",N.className="text-center svelte-1j0sf4m",V.id="test",J.className="text-center svelte-1j0sf4m",r.className="container svelte-1j0sf4m"},m:function(t,e){c(t,n,e),c(t,o,e),c(t,r,e),s(r,a),s(r,h),z._mount(r,null),s(r,d),s(r,g),s(r,v),s(r,p),s(r,b),s(r,_),s(r,M),s(r,k),s(r,D),s(r,w),s(w,S),s(S,C),s(S,x),s(S,O),s(r,F),s(r,N),s(Z._slotted.default,T),G.m(T,null),Z._mount(N,null),s(r,j),s(r,H),s(r,Y),s(r,I),s(r,L),s(r,E),s(r,W),s(r,A),s(r,q),s(r,J),s(ot._slotted.default,V),et.m(V,null),ot._mount(J,null),P=!0},p:function(n,o){e=o;var r={};n.dateFormat&&(r.format=e.dateFormat),z._set(r),P&&!n.dateFormat||y(x,e.dateFormat),U===(U=R(e))&&G?G.p(n,e):(G.d(1),(G=U(t,e)).c(),G.m(T,null));var i={};n.dateFormat&&(i.format=e.dateFormat),!B.formattedSelected&&n.formattedSelected&&(i.formattedSelected=e.formattedSelected,B.formattedSelected=void 0!==e.formattedSelected),!B.dateChosen&&n.dateChosen&&(i.dateChosen=e.dateChosen,B.dateChosen=void 0!==e.dateChosen),Z._set(i),B={},tt===(tt=$(e))&&et?et.p(n,e):(et.d(1),(et=tt(t,e)).c(),et.m(V,null));var a={};!X.formattedSelected&&n.exampleFormatted&&(a.formattedSelected=e.exampleFormatted,X.formattedSelected=void 0!==e.exampleFormatted),!X.dateChosen&&n.exampleChosen&&(a.dateChosen=e.exampleChosen,X.dateChosen=void 0!==e.exampleChosen),ot._set(a),X={}},i:function(t,e){P||this.m(t,e)},o:function(t){P&&(t=i(t,3),z&&z._fragment.o(t),Z&&Z._fragment.o(t),ot&&ot._fragment.o(t),P=!1)},d:function(t){t&&(l(n),l(o),l(r)),z.destroy(),G.d(),Z.destroy(),et.d(),ot.destroy()}}}(this,this._state),this.root._oncreate.push(function(){(function(){hljs.initHighlightingOnLoad()}).call(e),e.fire("update",{changed:r({},e._state),current:e._state})}),t.target&&(this._fragment.c(),this._mount(t.target,t.anchor),k(this)),this._intro=!0}return o(it.prototype,S),o(it.prototype,et),it.prototype._recompute=function(t,e){(t.start||t.end)&&this._differs(e.months,e.months=tt(e))&&(t.months=!0),(t.month||t.year||t.months)&&this._differs(e.monthIndex,e.monthIndex=function(t){for(var e=t.month,n=t.year,o=t.months,r=0;r0}(e))&&(t.canDecrementMonth=!0)),(t.selected||t.format)&&this._differs(e.formattedSelected,e.formattedSelected=function(t){var e=t.selected,n=t.format;return I(e,n)}(e))&&(t.formattedSelected=!0)},o(ht.prototype,S),ht.prototype._recompute=function(t,e){var n;t.start&&this._differs(e.end,e.end=(n=e.start,new Date(n.getTime()+62208e6)))&&(t.end=!0)},e(),new ht({target:document.body,data:{}})}();
//# sourceMappingURL=test.js.map
diff --git a/docs/test.js.map b/docs/test.js.map
index 9fadc91..194f5e4 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","../../svelte/shared.js","../src/Components/lib/dictionaries.js","../src/Components/lib/helpers.js","../node_modules/timeUtils/dist/timeUtils.esm.js","../src/Components/lib/keyCodes.js","../src/Components/Week.html","../src/Components/Month.html","../src/Components/NavBar.html","../src/Components/Popover.html","../src/Components/Datepicker.html","../src/App.html","../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() {}\r\n\r\nfunction assign(tar, src) {\r\n\tfor (var k in src) tar[k] = src[k];\r\n\treturn tar;\r\n}\r\n\r\nfunction assignTrue(tar, src) {\r\n\tfor (var k in src) tar[k] = 1;\r\n\treturn tar;\r\n}\r\n\r\nfunction isPromise(value) {\r\n\treturn value && typeof value.then === 'function';\r\n}\r\n\r\nfunction callAfter(fn, i) {\r\n\tif (i === 0) fn();\r\n\treturn () => {\r\n\t\tif (!--i) fn();\r\n\t};\r\n}\r\n\r\nfunction addLoc(element, file, line, column, char) {\r\n\telement.__svelte_meta = {\r\n\t\tloc: { file, line, column, char }\r\n\t};\r\n}\r\n\r\nfunction exclude(src, prop) {\r\n\tconst tar = {};\r\n\tfor (const k in src) k === prop || (tar[k] = src[k]);\r\n\treturn tar;\r\n}\r\n\r\nfunction run(fn) {\r\n\tfn();\r\n}\n\nfunction append(target, node) {\r\n\ttarget.appendChild(node);\r\n}\r\n\r\nfunction insert(target, node, anchor) {\r\n\ttarget.insertBefore(node, anchor);\r\n}\r\n\r\nfunction detachNode(node) {\r\n\tnode.parentNode.removeChild(node);\r\n}\r\n\r\nfunction detachBetween(before, after) {\r\n\twhile (before.nextSibling && before.nextSibling !== after) {\r\n\t\tbefore.parentNode.removeChild(before.nextSibling);\r\n\t}\r\n}\r\n\r\nfunction detachBefore(after) {\r\n\twhile (after.previousSibling) {\r\n\t\tafter.parentNode.removeChild(after.previousSibling);\r\n\t}\r\n}\r\n\r\nfunction detachAfter(before) {\r\n\twhile (before.nextSibling) {\r\n\t\tbefore.parentNode.removeChild(before.nextSibling);\r\n\t}\r\n}\r\n\r\nfunction reinsertBetween(before, after, target) {\r\n\twhile (before.nextSibling && before.nextSibling !== after) {\r\n\t\ttarget.appendChild(before.parentNode.removeChild(before.nextSibling));\r\n\t}\r\n}\r\n\r\nfunction reinsertChildren(parent, target) {\r\n\twhile (parent.firstChild) target.appendChild(parent.firstChild);\r\n}\r\n\r\nfunction reinsertAfter(before, target) {\r\n\twhile (before.nextSibling) target.appendChild(before.nextSibling);\r\n}\r\n\r\nfunction reinsertBefore(after, target) {\r\n\tvar parent = after.parentNode;\r\n\twhile (parent.firstChild !== after) target.appendChild(parent.firstChild);\r\n}\r\n\r\nfunction destroyEach(iterations, detach) {\r\n\tfor (var i = 0; i < iterations.length; i += 1) {\r\n\t\tif (iterations[i]) iterations[i].d(detach);\r\n\t}\r\n}\r\n\r\nfunction createFragment() {\r\n\treturn document.createDocumentFragment();\r\n}\r\n\r\nfunction createElement(name) {\r\n\treturn document.createElement(name);\r\n}\r\n\r\nfunction createSvgElement(name) {\r\n\treturn document.createElementNS('http://www.w3.org/2000/svg', name);\r\n}\r\n\r\nfunction createText(data) {\r\n\treturn document.createTextNode(data);\r\n}\r\n\r\nfunction createComment() {\r\n\treturn document.createComment('');\r\n}\r\n\r\nfunction addListener(node, event, handler, options) {\r\n\tnode.addEventListener(event, handler, options);\r\n}\r\n\r\nfunction removeListener(node, event, handler, options) {\r\n\tnode.removeEventListener(event, handler, options);\r\n}\r\n\r\nfunction setAttribute(node, attribute, value) {\r\n\tif (value == null) node.removeAttribute(attribute);\r\n\telse node.setAttribute(attribute, value);\r\n}\r\n\r\nfunction setAttributes(node, attributes) {\r\n\tfor (var key in attributes) {\r\n\t\tif (key === 'style') {\r\n\t\t\tnode.style.cssText = attributes[key];\r\n\t\t} else if (key in node) {\r\n\t\t\tnode[key] = attributes[key];\r\n\t\t} else {\r\n\t\t\tsetAttribute(node, key, attributes[key]);\r\n\t\t}\r\n\t}\r\n}\r\n\r\nfunction setCustomElementData(node, prop, value) {\r\n\tif (prop in node) {\r\n\t\tnode[prop] = value;\r\n\t} else if (value) {\r\n\t\tsetAttribute(node, prop, value);\r\n\t} else {\r\n\t\tnode.removeAttribute(prop);\r\n\t}\r\n}\r\n\r\nfunction setXlinkAttribute(node, attribute, value) {\r\n\tnode.setAttributeNS('http://www.w3.org/1999/xlink', attribute, value);\r\n}\r\n\r\nfunction getBindingGroupValue(group) {\r\n\tvar value = [];\r\n\tfor (var i = 0; i < group.length; i += 1) {\r\n\t\tif (group[i].checked) value.push(group[i].__value);\r\n\t}\r\n\treturn value;\r\n}\r\n\r\nfunction toNumber(value) {\r\n\treturn value === '' ? undefined : +value;\r\n}\r\n\r\nfunction timeRangesToArray(ranges) {\r\n\tvar array = [];\r\n\tfor (var i = 0; i < ranges.length; i += 1) {\r\n\t\tarray.push({ start: ranges.start(i), end: ranges.end(i) });\r\n\t}\r\n\treturn array;\r\n}\r\n\r\nfunction children (element) {\r\n\treturn Array.from(element.childNodes);\r\n}\r\n\r\nfunction claimElement (nodes, name, attributes, svg) {\r\n\tfor (var i = 0; i < nodes.length; i += 1) {\r\n\t\tvar node = nodes[i];\r\n\t\tif (node.nodeName === name) {\r\n\t\t\tfor (var j = 0; j < node.attributes.length; j += 1) {\r\n\t\t\t\tvar attribute = node.attributes[j];\r\n\t\t\t\tif (!attributes[attribute.name]) node.removeAttribute(attribute.name);\r\n\t\t\t}\r\n\t\t\treturn nodes.splice(i, 1)[0]; // TODO strip unwanted attributes\r\n\t\t}\r\n\t}\r\n\r\n\treturn svg ? createSvgElement(name) : createElement(name);\r\n}\r\n\r\nfunction claimText (nodes, data) {\r\n\tfor (var i = 0; i < nodes.length; i += 1) {\r\n\t\tvar node = nodes[i];\r\n\t\tif (node.nodeType === 3) {\r\n\t\t\tnode.data = data;\r\n\t\t\treturn nodes.splice(i, 1)[0];\r\n\t\t}\r\n\t}\r\n\r\n\treturn createText(data);\r\n}\r\n\r\nfunction setData(text, data) {\r\n\ttext.data = '' + data;\r\n}\r\n\r\nfunction setInputType(input, type) {\r\n\ttry {\r\n\t\tinput.type = type;\r\n\t} catch (e) {}\r\n}\r\n\r\nfunction setStyle(node, key, value) {\r\n\tnode.style.setProperty(key, value);\r\n}\r\n\r\nfunction selectOption(select, value) {\r\n\tfor (var i = 0; i < select.options.length; i += 1) {\r\n\t\tvar option = select.options[i];\r\n\r\n\t\tif (option.__value === value) {\r\n\t\t\toption.selected = true;\r\n\t\t\treturn;\r\n\t\t}\r\n\t}\r\n}\r\n\r\nfunction selectOptions(select, value) {\r\n\tfor (var i = 0; i < select.options.length; i += 1) {\r\n\t\tvar option = select.options[i];\r\n\t\toption.selected = ~value.indexOf(option.__value);\r\n\t}\r\n}\r\n\r\nfunction selectValue(select) {\r\n\tvar selectedOption = select.querySelector(':checked') || select.options[0];\r\n\treturn selectedOption && selectedOption.__value;\r\n}\r\n\r\nfunction selectMultipleValue(select) {\r\n\treturn [].map.call(select.querySelectorAll(':checked'), function(option) {\r\n\t\treturn option.__value;\r\n\t});\r\n}\r\n\r\nfunction addResizeListener(element, fn) {\r\n\tif (getComputedStyle(element).position === 'static') {\r\n\t\telement.style.position = 'relative';\r\n\t}\r\n\r\n\tconst object = document.createElement('object');\r\n\tobject.setAttribute('style', 'display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; pointer-events: none; z-index: -1;');\r\n\tobject.type = 'text/html';\r\n\r\n\tlet win;\r\n\r\n\tobject.onload = () => {\r\n\t\twin = object.contentDocument.defaultView;\r\n\t\twin.addEventListener('resize', fn);\r\n\t};\r\n\r\n\tif (/Trident/.test(navigator.userAgent)) {\r\n\t\telement.appendChild(object);\r\n\t\tobject.data = 'about:blank';\r\n\t} else {\r\n\t\tobject.data = 'about:blank';\r\n\t\telement.appendChild(object);\r\n\t}\r\n\r\n\treturn {\r\n\t\tcancel: () => {\r\n\t\t\twin && win.removeEventListener && win.removeEventListener('resize', fn);\r\n\t\t\telement.removeChild(object);\r\n\t\t}\r\n\t};\r\n}\r\n\r\nfunction toggleClass(element, name, toggle) {\r\n\telement.classList[toggle ? 'add' : 'remove'](name);\r\n}\n\nfunction linear(t) {\r\n\treturn t;\r\n}\r\n\r\nfunction generateRule({ a, b, delta, duration }, ease, fn) {\r\n\tconst step = 16.666 / duration;\r\n\tlet keyframes = '{\\n';\r\n\r\n\tfor (let p = 0; p <= 1; p += step) {\r\n\t\tconst t = a + delta * ease(p);\r\n\t\tkeyframes += p * 100 + `%{${fn(t, 1 - t)}}\\n`;\r\n\t}\r\n\r\n\treturn keyframes + `100% {${fn(b, 1 - b)}}\\n}`;\r\n}\r\n\r\n// https://github.com/darkskyapp/string-hash/blob/master/index.js\r\nfunction hash(str) {\r\n\tlet hash = 5381;\r\n\tlet i = str.length;\r\n\r\n\twhile (i--) hash = ((hash << 5) - hash) ^ str.charCodeAt(i);\r\n\treturn hash >>> 0;\r\n}\r\n\r\nfunction wrapTransition(component, node, fn, params, intro) {\r\n\tlet obj = fn.call(component, node, params);\r\n\tlet duration;\r\n\tlet ease;\r\n\tlet cssText;\r\n\r\n\tlet initialised = false;\r\n\r\n\treturn {\r\n\t\tt: intro ? 0 : 1,\r\n\t\trunning: false,\r\n\t\tprogram: null,\r\n\t\tpending: null,\r\n\r\n\t\trun(b, callback) {\r\n\t\t\tif (typeof obj === 'function') {\r\n\t\t\t\ttransitionManager.wait().then(() => {\r\n\t\t\t\t\tobj = obj();\r\n\t\t\t\t\tthis._run(b, callback);\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\tthis._run(b, callback);\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\t_run(b, callback) {\r\n\t\t\tduration = obj.duration || 300;\r\n\t\t\tease = obj.easing || linear;\r\n\r\n\t\t\tconst program = {\r\n\t\t\t\tstart: window.performance.now() + (obj.delay || 0),\r\n\t\t\t\tb,\r\n\t\t\t\tcallback: callback || noop\r\n\t\t\t};\r\n\r\n\t\t\tif (intro && !initialised) {\r\n\t\t\t\tif (obj.css && obj.delay) {\r\n\t\t\t\t\tcssText = node.style.cssText;\r\n\t\t\t\t\tnode.style.cssText += obj.css(0, 1);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (obj.tick) obj.tick(0, 1);\r\n\t\t\t\tinitialised = true;\r\n\t\t\t}\r\n\r\n\t\t\tif (!b) {\r\n\t\t\t\tprogram.group = outros.current;\r\n\t\t\t\toutros.current.remaining += 1;\r\n\t\t\t}\r\n\r\n\t\t\tif (obj.delay) {\r\n\t\t\t\tthis.pending = program;\r\n\t\t\t} else {\r\n\t\t\t\tthis.start(program);\r\n\t\t\t}\r\n\r\n\t\t\tif (!this.running) {\r\n\t\t\t\tthis.running = true;\r\n\t\t\t\ttransitionManager.add(this);\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tstart(program) {\r\n\t\t\tcomponent.fire(`${program.b ? 'intro' : 'outro'}.start`, { node });\r\n\r\n\t\t\tprogram.a = this.t;\r\n\t\t\tprogram.delta = program.b - program.a;\r\n\t\t\tprogram.duration = duration * Math.abs(program.b - program.a);\r\n\t\t\tprogram.end = program.start + program.duration;\r\n\r\n\t\t\tif (obj.css) {\r\n\t\t\t\tif (obj.delay) node.style.cssText = cssText;\r\n\r\n\t\t\t\tconst rule = generateRule(program, ease, obj.css);\r\n\t\t\t\ttransitionManager.addRule(rule, program.name = '__svelte_' + hash(rule));\r\n\r\n\t\t\t\tnode.style.animation = (node.style.animation || '')\r\n\t\t\t\t\t.split(', ')\r\n\t\t\t\t\t.filter(anim => anim && (program.delta < 0 || !/__svelte/.test(anim)))\r\n\t\t\t\t\t.concat(`${program.name} ${program.duration}ms linear 1 forwards`)\r\n\t\t\t\t\t.join(', ');\r\n\t\t\t}\r\n\r\n\t\t\tthis.program = program;\r\n\t\t\tthis.pending = null;\r\n\t\t},\r\n\r\n\t\tupdate(now) {\r\n\t\t\tconst program = this.program;\r\n\t\t\tif (!program) return;\r\n\r\n\t\t\tconst p = now - program.start;\r\n\t\t\tthis.t = program.a + program.delta * ease(p / program.duration);\r\n\t\t\tif (obj.tick) obj.tick(this.t, 1 - this.t);\r\n\t\t},\r\n\r\n\t\tdone() {\r\n\t\t\tconst program = this.program;\r\n\t\t\tthis.t = program.b;\r\n\r\n\t\t\tif (obj.tick) obj.tick(this.t, 1 - this.t);\r\n\r\n\t\t\tcomponent.fire(`${program.b ? 'intro' : 'outro'}.end`, { node });\r\n\r\n\t\t\tif (!program.b && !program.invalidated) {\r\n\t\t\t\tprogram.group.callbacks.push(() => {\r\n\t\t\t\t\tprogram.callback();\r\n\t\t\t\t\tif (obj.css) transitionManager.deleteRule(node, program.name);\r\n\t\t\t\t});\r\n\r\n\t\t\t\tif (--program.group.remaining === 0) {\r\n\t\t\t\t\tprogram.group.callbacks.forEach(run);\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tif (obj.css) transitionManager.deleteRule(node, program.name);\r\n\t\t\t}\r\n\r\n\t\t\tthis.running = !!this.pending;\r\n\t\t},\r\n\r\n\t\tabort(reset) {\r\n\t\t\tif (this.program) {\r\n\t\t\t\tif (reset && obj.tick) obj.tick(1, 0);\r\n\t\t\t\tif (obj.css) transitionManager.deleteRule(node, this.program.name);\r\n\t\t\t\tthis.program = this.pending = null;\r\n\t\t\t\tthis.running = false;\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tinvalidate() {\r\n\t\t\tif (this.program) {\r\n\t\t\t\tthis.program.invalidated = true;\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n}\r\n\r\nlet outros = {};\r\n\r\nfunction groupOutros() {\r\n\toutros.current = {\r\n\t\tremaining: 0,\r\n\t\tcallbacks: []\r\n\t};\r\n}\r\n\r\nvar transitionManager = {\r\n\trunning: false,\r\n\ttransitions: [],\r\n\tbound: null,\r\n\tstylesheet: null,\r\n\tactiveRules: {},\r\n\tpromise: null,\r\n\r\n\tadd(transition) {\r\n\t\tthis.transitions.push(transition);\r\n\r\n\t\tif (!this.running) {\r\n\t\t\tthis.running = true;\r\n\t\t\trequestAnimationFrame(this.bound || (this.bound = this.next.bind(this)));\r\n\t\t}\r\n\t},\r\n\r\n\taddRule(rule, name) {\r\n\t\tif (!this.stylesheet) {\r\n\t\t\tconst style = createElement('style');\r\n\t\t\tdocument.head.appendChild(style);\r\n\t\t\ttransitionManager.stylesheet = style.sheet;\r\n\t\t}\r\n\r\n\t\tif (!this.activeRules[name]) {\r\n\t\t\tthis.activeRules[name] = true;\r\n\t\t\tthis.stylesheet.insertRule(`@keyframes ${name} ${rule}`, this.stylesheet.cssRules.length);\r\n\t\t}\r\n\t},\r\n\r\n\tnext() {\r\n\t\tthis.running = false;\r\n\r\n\t\tconst now = window.performance.now();\r\n\t\tlet i = this.transitions.length;\r\n\r\n\t\twhile (i--) {\r\n\t\t\tconst transition = this.transitions[i];\r\n\r\n\t\t\tif (transition.program && now >= transition.program.end) {\r\n\t\t\t\ttransition.done();\r\n\t\t\t}\r\n\r\n\t\t\tif (transition.pending && now >= transition.pending.start) {\r\n\t\t\t\ttransition.start(transition.pending);\r\n\t\t\t}\r\n\r\n\t\t\tif (transition.running) {\r\n\t\t\t\ttransition.update(now);\r\n\t\t\t\tthis.running = true;\r\n\t\t\t} else if (!transition.pending) {\r\n\t\t\t\tthis.transitions.splice(i, 1);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (this.running) {\r\n\t\t\trequestAnimationFrame(this.bound);\r\n\t\t} else if (this.stylesheet) {\r\n\t\t\tlet i = this.stylesheet.cssRules.length;\r\n\t\t\twhile (i--) this.stylesheet.deleteRule(i);\r\n\t\t\tthis.activeRules = {};\r\n\t\t}\r\n\t},\r\n\r\n\tdeleteRule(node, name) {\r\n\t\tnode.style.animation = node.style.animation\r\n\t\t\t.split(', ')\r\n\t\t\t.filter(anim => anim && anim.indexOf(name) === -1)\r\n\t\t\t.join(', ');\r\n\t},\r\n\r\n\twait() {\r\n\t\tif (!transitionManager.promise) {\r\n\t\t\ttransitionManager.promise = Promise.resolve();\r\n\t\t\ttransitionManager.promise.then(() => {\r\n\t\t\t\ttransitionManager.promise = null;\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\treturn transitionManager.promise;\r\n\t}\r\n};\n\nfunction wrapAnimation(node, from, fn, params) {\r\n\tif (!from) return;\r\n\r\n\tconst to = node.getBoundingClientRect();\r\n\tif (from.left === to.left && from.right === to.right && from.top === to.top && from.bottom === to.bottom) return;\r\n\r\n\tconst info = fn(node, { from, to }, params);\r\n\r\n\tconst duration = 'duration' in info ? info.duration : 300;\r\n\tconst delay = 'delay' in info ? info.delay : 0;\r\n\tconst ease = info.easing || linear;\r\n\tconst start = window.performance.now() + delay;\r\n\tconst end = start + duration;\r\n\r\n\tconst program = {\r\n\t\ta: 0,\r\n\t\tt: 0,\r\n\t\tb: 1,\r\n\t\tdelta: 1,\r\n\t\tduration,\r\n\t\tstart,\r\n\t\tend\r\n\t};\r\n\r\n\tconst cssText = node.style.cssText;\r\n\r\n\tconst animation = {\r\n\t\tpending: delay ? program : null,\r\n\t\tprogram: delay ? null : program,\r\n\t\trunning: true,\r\n\r\n\t\tstart() {\r\n\t\t\tif (info.css) {\r\n\t\t\t\tif (delay) node.style.cssText = cssText;\r\n\r\n\t\t\t\tconst rule = generateRule(program, ease, info.css);\r\n\t\t\t\tprogram.name = `__svelte_${hash(rule)}`;\r\n\r\n\t\t\t\ttransitionManager.addRule(rule, program.name);\r\n\r\n\t\t\t\tnode.style.animation = (node.style.animation || '')\r\n\t\t\t\t\t.split(', ')\r\n\t\t\t\t\t.filter(anim => anim && (program.delta < 0 || !/__svelte/.test(anim)))\r\n\t\t\t\t\t.concat(`${program.name} ${program.duration}ms linear 1 forwards`)\r\n\t\t\t\t\t.join(', ');\r\n\t\t\t}\r\n\r\n\t\t\tanimation.program = program;\r\n\t\t\tanimation.pending = null;\r\n\t\t},\r\n\r\n\t\tupdate: now => {\r\n\t\t\tconst p = now - program.start;\r\n\t\t\tconst t = program.a + program.delta * ease(p / program.duration);\r\n\t\t\tif (info.tick) info.tick(t, 1 - t);\r\n\t\t},\r\n\r\n\t\tdone() {\r\n\t\t\tif (info.tick) info.tick(1, 0);\r\n\t\t\tanimation.stop();\r\n\t\t},\r\n\r\n\t\tstop() {\r\n\t\t\tif (info.css) transitionManager.deleteRule(node, program.name);\r\n\t\t\tanimation.running = false;\r\n\t\t}\r\n\t};\r\n\r\n\ttransitionManager.add(animation);\r\n\r\n\tif (info.tick) info.tick(0, 1);\r\n\r\n\tif (delay) {\r\n\t\tif (info.css) node.style.cssText += info.css(0, 1);\r\n\t} else {\r\n\t\tanimation.start();\r\n\t}\r\n\r\n\treturn animation;\r\n}\r\n\r\nfunction fixPosition(node) {\r\n\tconst style = getComputedStyle(node);\r\n\r\n\tif (style.position !== 'absolute' && style.position !== 'fixed') {\r\n\t\tconst { width, height } = style;\r\n\t\tconst a = node.getBoundingClientRect();\r\n\t\tnode.style.position = 'absolute';\r\n\t\tnode.style.width = width;\r\n\t\tnode.style.height = height;\r\n\t\tconst b = node.getBoundingClientRect();\r\n\r\n\t\tif (a.left !== b.left || a.top !== b.top) {\r\n\t\t\tconst style = getComputedStyle(node);\r\n\t\t\tconst transform = style.transform === 'none' ? '' : style.transform;\r\n\r\n\t\t\tnode.style.transform = `${transform} translate(${a.left - b.left}px, ${a.top - b.top}px)`;\r\n\t\t}\r\n\t}\r\n}\n\nfunction handlePromise(promise, info) {\r\n\tvar token = info.token = {};\r\n\r\n\tfunction update(type, index, key, value) {\r\n\t\tif (info.token !== token) return;\r\n\r\n\t\tinfo.resolved = key && { [key]: value };\r\n\r\n\t\tconst child_ctx = assign(assign({}, info.ctx), info.resolved);\r\n\t\tconst block = type && (info.current = type)(info.component, child_ctx);\r\n\r\n\t\tif (info.block) {\r\n\t\t\tif (info.blocks) {\r\n\t\t\t\tinfo.blocks.forEach((block, i) => {\r\n\t\t\t\t\tif (i !== index && block) {\r\n\t\t\t\t\t\tgroupOutros();\r\n\t\t\t\t\t\tblock.o(() => {\r\n\t\t\t\t\t\t\tblock.d(1);\r\n\t\t\t\t\t\t\tinfo.blocks[i] = null;\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\tinfo.block.d(1);\r\n\t\t\t}\r\n\r\n\t\t\tblock.c();\r\n\t\t\tblock[block.i ? 'i' : 'm'](info.mount(), info.anchor);\r\n\r\n\t\t\tinfo.component.root.set({}); // flush any handlers that were created\r\n\t\t}\r\n\r\n\t\tinfo.block = block;\r\n\t\tif (info.blocks) info.blocks[index] = block;\r\n\t}\r\n\r\n\tif (isPromise(promise)) {\r\n\t\tpromise.then(value => {\r\n\t\t\tupdate(info.then, 1, info.value, value);\r\n\t\t}, error => {\r\n\t\t\tupdate(info.catch, 2, info.error, error);\r\n\t\t});\r\n\r\n\t\t// if we previously had a then/catch block, destroy it\r\n\t\tif (info.current !== info.pending) {\r\n\t\t\tupdate(info.pending, 0);\r\n\t\t\treturn true;\r\n\t\t}\r\n\t} else {\r\n\t\tif (info.current !== info.then) {\r\n\t\t\tupdate(info.then, 1, info.value, promise);\r\n\t\t\treturn true;\r\n\t\t}\r\n\r\n\t\tinfo.resolved = { [info.value]: promise };\r\n\t}\r\n}\n\nfunction destroyBlock(block, lookup) {\r\n\tblock.d(1);\r\n\tlookup[block.key] = null;\r\n}\r\n\r\nfunction outroAndDestroyBlock(block, lookup) {\r\n\tblock.o(function() {\r\n\t\tdestroyBlock(block, lookup);\r\n\t});\r\n}\r\n\r\nfunction fixAndOutroAndDestroyBlock(block, lookup) {\r\n\tblock.f();\r\n\toutroAndDestroyBlock(block, lookup);\r\n}\r\n\r\nfunction updateKeyedEach(old_blocks, component, changed, get_key, dynamic, ctx, list, lookup, node, destroy, create_each_block, intro_method, next, get_context) {\r\n\tvar o = old_blocks.length;\r\n\tvar n = list.length;\r\n\r\n\tvar i = o;\r\n\tvar old_indexes = {};\r\n\twhile (i--) old_indexes[old_blocks[i].key] = i;\r\n\r\n\tvar new_blocks = [];\r\n\tvar new_lookup = {};\r\n\tvar deltas = {};\r\n\r\n\tvar i = n;\r\n\twhile (i--) {\r\n\t\tvar child_ctx = get_context(ctx, list, i);\r\n\t\tvar key = get_key(child_ctx);\r\n\t\tvar block = lookup[key];\r\n\r\n\t\tif (!block) {\r\n\t\t\tblock = create_each_block(component, key, child_ctx);\r\n\t\t\tblock.c();\r\n\t\t} else if (dynamic) {\r\n\t\t\tblock.p(changed, child_ctx);\r\n\t\t}\r\n\r\n\t\tnew_blocks[i] = new_lookup[key] = block;\r\n\r\n\t\tif (key in old_indexes) deltas[key] = Math.abs(i - old_indexes[key]);\r\n\t}\r\n\r\n\tvar will_move = {};\r\n\tvar did_move = {};\r\n\r\n\tfunction insert(block) {\r\n\t\tblock[intro_method](node, next);\r\n\t\tlookup[block.key] = block;\r\n\t\tnext = block.first;\r\n\t\tn--;\r\n\t}\r\n\r\n\twhile (o && n) {\r\n\t\tvar new_block = new_blocks[n - 1];\r\n\t\tvar old_block = old_blocks[o - 1];\r\n\t\tvar new_key = new_block.key;\r\n\t\tvar old_key = old_block.key;\r\n\r\n\t\tif (new_block === old_block) {\r\n\t\t\t// do nothing\r\n\t\t\tnext = new_block.first;\r\n\t\t\to--;\r\n\t\t\tn--;\r\n\t\t}\r\n\r\n\t\telse if (!new_lookup[old_key]) {\r\n\t\t\t// remove old block\r\n\t\t\tdestroy(old_block, lookup);\r\n\t\t\to--;\r\n\t\t}\r\n\r\n\t\telse if (!lookup[new_key] || will_move[new_key]) {\r\n\t\t\tinsert(new_block);\r\n\t\t}\r\n\r\n\t\telse if (did_move[old_key]) {\r\n\t\t\to--;\r\n\r\n\t\t} else if (deltas[new_key] > deltas[old_key]) {\r\n\t\t\tdid_move[new_key] = true;\r\n\t\t\tinsert(new_block);\r\n\r\n\t\t} else {\r\n\t\t\twill_move[old_key] = true;\r\n\t\t\to--;\r\n\t\t}\r\n\t}\r\n\r\n\twhile (o--) {\r\n\t\tvar old_block = old_blocks[o];\r\n\t\tif (!new_lookup[old_block.key]) destroy(old_block, lookup);\r\n\t}\r\n\r\n\twhile (n) insert(new_blocks[n - 1]);\r\n\r\n\treturn new_blocks;\r\n}\r\n\r\nfunction measure(blocks) {\r\n\tconst rects = {};\r\n\tlet i = blocks.length;\r\n\twhile (i--) rects[blocks[i].key] = blocks[i].node.getBoundingClientRect();\r\n\treturn rects;\r\n}\r\n\r\nfunction animate(blocks, rects, fn, params) {\r\n\tlet i = blocks.length;\r\n\twhile (i--) {\r\n\t\tconst block = blocks[i];\r\n\t\tconst from = rects[block.key];\r\n\r\n\t\tif (!from) continue;\r\n\t\tconst to = block.node.getBoundingClientRect();\r\n\r\n\t\tif (from.left === to.left && from.right === to.right && from.top === to.top && from.bottom === to.bottom) continue;\r\n\r\n\r\n\t}\r\n}\n\nfunction getSpreadUpdate(levels, updates) {\r\n\tvar update = {};\r\n\r\n\tvar to_null_out = {};\r\n\tvar accounted_for = {};\r\n\r\n\tvar i = levels.length;\r\n\twhile (i--) {\r\n\t\tvar o = levels[i];\r\n\t\tvar n = updates[i];\r\n\r\n\t\tif (n) {\r\n\t\t\tfor (var key in o) {\r\n\t\t\t\tif (!(key in n)) to_null_out[key] = 1;\r\n\t\t\t}\r\n\r\n\t\t\tfor (var key in n) {\r\n\t\t\t\tif (!accounted_for[key]) {\r\n\t\t\t\t\tupdate[key] = n[key];\r\n\t\t\t\t\taccounted_for[key] = 1;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tlevels[i] = n;\r\n\t\t} else {\r\n\t\t\tfor (var key in o) {\r\n\t\t\t\taccounted_for[key] = 1;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tfor (var key in to_null_out) {\r\n\t\tif (!(key in update)) update[key] = undefined;\r\n\t}\r\n\r\n\treturn update;\r\n}\n\n// https://html.spec.whatwg.org/multipage/syntax.html#attributes-2\r\n// https://infra.spec.whatwg.org/#noncharacter\r\nconst invalidAttributeNameCharacter = /[\\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;\r\n\r\nfunction spread(args) {\r\n\tconst attributes = Object.assign({}, ...args);\r\n\tlet str = '';\r\n\r\n\tObject.keys(attributes).forEach(name => {\r\n\t\tif (invalidAttributeNameCharacter.test(name)) return;\r\n\r\n\t\tconst value = attributes[name];\r\n\t\tif (value === undefined) return;\r\n\t\tif (value === true) str += \" \" + name;\r\n\r\n\t\tconst escaped = String(value)\r\n\t\t\t.replace(/\"/g, '"')\r\n\t\t\t.replace(/'/g, ''');\r\n\r\n\t\tstr += \" \" + name + \"=\" + JSON.stringify(escaped);\r\n\t});\r\n\r\n\treturn str;\r\n}\r\n\r\nconst escaped = {\r\n\t'\"': '"',\r\n\t\"'\": ''',\r\n\t'&': '&',\r\n\t'<': '<',\r\n\t'>': '>'\r\n};\r\n\r\nfunction escape(html) {\r\n\treturn String(html).replace(/[\"'&<>]/g, match => escaped[match]);\r\n}\r\n\r\nfunction each(items, assign, fn) {\r\n\tlet str = '';\r\n\tfor (let i = 0; i < items.length; i += 1) {\r\n\t\tstr += fn(assign(items[i], i));\r\n\t}\r\n\treturn str;\r\n}\r\n\r\nconst missingComponent = {\r\n\t_render: () => ''\r\n};\r\n\r\nfunction validateSsrComponent(component, name) {\r\n\tif (!component || !component._render) {\r\n\t\tif (name === 'svelte:component') name += ' this={...}';\r\n\t\tthrow 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`);\r\n\t}\r\n\r\n\treturn component;\r\n}\r\n\r\nfunction debug(file, line, column, values) {\r\n\tconsole.log(`{@debug} ${file ? file + ' ' : ''}(${line}:${column})`);\r\n\tconsole.log(values);\r\n\treturn '';\r\n}\n\nfunction blankObject() {\r\n\treturn Object.create(null);\r\n}\r\n\r\nfunction destroy(detach) {\r\n\tthis.destroy = noop;\r\n\tthis.fire('destroy');\r\n\tthis.set = noop;\r\n\r\n\tthis._fragment.d(detach !== false);\r\n\tthis._fragment = null;\r\n\tthis._state = {};\r\n}\r\n\r\nfunction destroyDev(detach) {\r\n\tdestroy.call(this, detach);\r\n\tthis.destroy = function() {\r\n\t\tconsole.warn('Component was already destroyed');\r\n\t};\r\n}\r\n\r\nfunction _differs(a, b) {\r\n\treturn a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');\r\n}\r\n\r\nfunction _differsImmutable(a, b) {\r\n\treturn a != a ? b == b : a !== b;\r\n}\r\n\r\nfunction fire(eventName, data) {\r\n\tvar handlers =\r\n\t\teventName in this._handlers && this._handlers[eventName].slice();\r\n\tif (!handlers) return;\r\n\r\n\tfor (var i = 0; i < handlers.length; i += 1) {\r\n\t\tvar handler = handlers[i];\r\n\r\n\t\tif (!handler.__calling) {\r\n\t\t\ttry {\r\n\t\t\t\thandler.__calling = true;\r\n\t\t\t\thandler.call(this, data);\r\n\t\t\t} finally {\r\n\t\t\t\thandler.__calling = false;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\nfunction flush(component) {\r\n\tcomponent._lock = true;\r\n\tcallAll(component._beforecreate);\r\n\tcallAll(component._oncreate);\r\n\tcallAll(component._aftercreate);\r\n\tcomponent._lock = false;\r\n}\r\n\r\nfunction get() {\r\n\treturn this._state;\r\n}\r\n\r\nfunction init(component, options) {\r\n\tcomponent._handlers = blankObject();\r\n\tcomponent._slots = blankObject();\r\n\tcomponent._bind = options._bind;\r\n\tcomponent._staged = {};\r\n\r\n\tcomponent.options = options;\r\n\tcomponent.root = options.root || component;\r\n\tcomponent.store = options.store || component.root.store;\r\n\r\n\tif (!options.root) {\r\n\t\tcomponent._beforecreate = [];\r\n\t\tcomponent._oncreate = [];\r\n\t\tcomponent._aftercreate = [];\r\n\t}\r\n}\r\n\r\nfunction on(eventName, handler) {\r\n\tvar handlers = this._handlers[eventName] || (this._handlers[eventName] = []);\r\n\thandlers.push(handler);\r\n\r\n\treturn {\r\n\t\tcancel: function() {\r\n\t\t\tvar index = handlers.indexOf(handler);\r\n\t\t\tif (~index) handlers.splice(index, 1);\r\n\t\t}\r\n\t};\r\n}\r\n\r\nfunction set(newState) {\r\n\tthis._set(assign({}, newState));\r\n\tif (this.root._lock) return;\r\n\tflush(this.root);\r\n}\r\n\r\nfunction _set(newState) {\r\n\tvar oldState = this._state,\r\n\t\tchanged = {},\r\n\t\tdirty = false;\r\n\r\n\tnewState = assign(this._staged, newState);\r\n\tthis._staged = {};\r\n\r\n\tfor (var key in newState) {\r\n\t\tif (this._differs(newState[key], oldState[key])) changed[key] = dirty = true;\r\n\t}\r\n\tif (!dirty) return;\r\n\r\n\tthis._state = assign(assign({}, oldState), newState);\r\n\tthis._recompute(changed, this._state);\r\n\tif (this._bind) this._bind(changed, this._state);\r\n\r\n\tif (this._fragment) {\r\n\t\tthis.fire(\"state\", { changed: changed, current: this._state, previous: oldState });\r\n\t\tthis._fragment.p(changed, this._state);\r\n\t\tthis.fire(\"update\", { changed: changed, current: this._state, previous: oldState });\r\n\t}\r\n}\r\n\r\nfunction _stage(newState) {\r\n\tassign(this._staged, newState);\r\n}\r\n\r\nfunction setDev(newState) {\r\n\tif (typeof newState !== 'object') {\r\n\t\tthrow new Error(\r\n\t\t\tthis._debugName + '.set was called without an object of data key-values to update.'\r\n\t\t);\r\n\t}\r\n\r\n\tthis._checkReadOnly(newState);\r\n\tset.call(this, newState);\r\n}\r\n\r\nfunction callAll(fns) {\r\n\twhile (fns && fns.length) fns.shift()();\r\n}\r\n\r\nfunction _mount(target, anchor) {\r\n\tthis._fragment[this._fragment.i ? 'i' : 'm'](target, anchor || null);\r\n}\r\n\r\nvar PENDING = {};\r\nvar SUCCESS = {};\r\nvar FAILURE = {};\r\n\r\nfunction removeFromStore() {\r\n\tthis.store._remove(this);\r\n}\r\n\r\nvar proto = {\r\n\tdestroy,\r\n\tget,\r\n\tfire,\r\n\ton,\r\n\tset,\r\n\t_recompute: noop,\r\n\t_set,\r\n\t_stage,\r\n\t_mount,\r\n\t_differs\r\n};\r\n\r\nvar protoDev = {\r\n\tdestroy: destroyDev,\r\n\tget,\r\n\tfire,\r\n\ton,\r\n\tset: setDev,\r\n\t_recompute: noop,\r\n\t_set,\r\n\t_stage,\r\n\t_mount,\r\n\t_differs\r\n};\n\nexport { blankObject, destroy, destroyDev, _differs, _differsImmutable, fire, flush, get, init, on, set, _set, _stage, setDev, callAll, _mount, PENDING, SUCCESS, FAILURE, removeFromStore, proto, protoDev, wrapAnimation, fixPosition, handlePromise, append, insert, detachNode, detachBetween, detachBefore, detachAfter, reinsertBetween, reinsertChildren, reinsertAfter, reinsertBefore, destroyEach, createFragment, createElement, createSvgElement, createText, createComment, addListener, removeListener, setAttribute, setAttributes, setCustomElementData, setXlinkAttribute, getBindingGroupValue, toNumber, timeRangesToArray, children, claimElement, claimText, setData, setInputType, setStyle, selectOption, selectOptions, selectValue, selectMultipleValue, addResizeListener, toggleClass, destroyBlock, outroAndDestroyBlock, fixAndOutroAndDestroyBlock, updateKeyedEach, measure, animate, getSpreadUpdate, invalidAttributeNameCharacter, spread, escaped, escape, each, missingComponent, validateSsrComponent, debug, linear, generateRule, hash, wrapTransition, outros, groupOutros, transitionManager, noop, assign, assignTrue, isPromise, callAfter, addLoc, exclude, run };\n","export const monthDict = [\r\n {name: 'January', abbrev: 'Jan' },\r\n {name: 'February', abbrev: 'Feb' },\r\n {name: 'March', abbrev: 'Mar' },\r\n {name: 'April', abbrev: 'Apr' },\r\n {name: 'May', abbrev: 'May' },\r\n {name: 'June', abbrev: 'Jun' },\r\n {name: 'July', abbrev: 'Jul' },\r\n {name: 'August', abbrev: 'Aug' },\r\n {name: 'September', abbrev: 'Sep' },\r\n {name: 'October', abbrev: 'Oct' },\r\n {name: 'November', abbrev: 'Nov' },\r\n {name: 'December', abbrev: 'Dec' }\r\n]; \r\n\r\nexport const dayDict = [\r\n {name: 'Sunday', abbrev: 'Sun'}, \r\n {name: 'Monday', abbrev: 'Mon'}, \r\n {name: 'Tuesday', abbrev: 'Tue'}, \r\n {name: 'Wednesday', abbrev: 'Wed'}, \r\n {name: 'Thursday', abbrev: 'Thu'}, \r\n {name: 'Friday', abbrev: 'Fri'}, \r\n {name: 'Saturday', abbrev: 'Sat'}\r\n];","const getCalendarPage = (month,year,dayProps) => {\r\n let days = [];\r\n let date = new Date(year,month,1);\r\n date.setDate(date.getDate() - date.getDay());\r\n let nextMonth = month == 11 ? 0 : month + 1; \r\n // ensure days starts on Sunday\r\n // and end on saturday\r\n let weeks = []; \r\n while(date.getMonth() != nextMonth || date.getDay() != 0 || weeks.length != 6) { \r\n if(date.getDay() == 0) weeks.unshift({days: []});\r\n weeks[0].days.push({\r\n partOfMonth: date.getMonth() == month,\r\n date: new Date(date), \r\n ...dayProps(date)\r\n }); \r\n date.setDate(date.getDate() + 1)\r\n }\r\n weeks.reverse(); \r\n return { month, year, weeks }\r\n}\r\n\r\nconst getDayPropsHandler = (start,end) => {\r\n let today = new Date(); \r\n today.setHours(0,0,0,0);\r\n return date => ({\r\n selectable: date >= start && date <= end,\r\n isToday: date.getTime() == today.getTime()\r\n });\r\n};\r\n\r\nexport function getMonths(start, end) { \r\n start.setHours(0,0,0,0);\r\n end.setHours(0,0,0,0);\r\n let endDate = new Date(end.getFullYear(), end.getMonth() + 1, 1); \r\n let months = [ ]; \r\n let date = new Date(start.getFullYear(),start.getMonth(),1);\r\n let dayPropsHandler = getDayPropsHandler(start,end);\r\n while(date < endDate) { \r\n months.push(getCalendarPage(date.getMonth(),date.getFullYear(),dayPropsHandler)); \r\n date.setMonth(date.getMonth() + 1); \r\n }\r\n return months;\r\n}","/**\n * generic function to inject data into token-laden string\n * @param str {String} Required\n * @param name {String} Required\n * @param value {String|Integer} Required\n * @returns {String}\n *\n * @example\n * injectStringData(\"The following is a token: #{tokenName}\", \"tokenName\", 123); \n * @returns {String} \"The following is a token: 123\"\n *\n */\nconst injectStringData = (str,name,value) => str\n .replace(new RegExp('#{'+name+'}','g'), value);\n\n/**\n * Generic function to enforce length of string. \n * \n * Pass a string or number to this function and specify the desired length.\n * This function will either pad the # with leading 0's (if str.length < length)\n * or remove data from the end (@fromBack==false) or beginning (@fromBack==true)\n * of the string when str.length > length.\n *\n * When length == str.length or typeof length == 'undefined', this function\n * returns the original @str parameter.\n * \n * @param str {String} Required\n * @param length {Integer} Required\n * @param fromBack {Boolean} Optional\n * @returns {String}\n *\n */\nconst enforceLength = function(str,length,fromBack) {\n str = str.toString();\n if(typeof length == 'undefined') return str;\n if(str.length == length) return str;\n fromBack = (typeof fromBack == 'undefined') ? false : fromBack;\n if(str.length < length) {\n // pad the beginning of the string w/ enough 0's to reach desired length:\n while(length - str.length > 0) str = '0' + str;\n } else if(str.length > length) {\n if(fromBack) {\n // grab the desired #/chars from end of string: ex: '2015' -> '15'\n str = str.substring(str.length-length);\n } else {\n // grab the desired #/chars from beginning of string: ex: '2015' -> '20'\n str = str.substring(0,length);\n }\n }\n return str;\n};\n\nconst daysOfWeek = [ \n 'Sunday', \n 'Monday', \n 'Tuesday', \n 'Wednesday', \n 'Thursday', \n 'Friday', \n 'Saturday' \n];\n\nconst monthsOfYear = [ \n 'January',\n 'February',\n 'March',\n 'April',\n 'May',\n 'June',\n 'July',\n 'August',\n 'September',\n 'October',\n 'November',\n 'December'\n];\n\nlet dictionary = { \n daysOfWeek, \n monthsOfYear\n};\n\nconst extendDictionary = (conf) => \n Object.keys(conf).forEach(key => {\n if(dictionary[key] && dictionary[key].length == conf[key].length) {\n dictionary[key] = conf[key];\n }\n });\n\nconst resetDictionary = () => extendDictionary({daysOfWeek,monthsOfYear});\n\nvar acceptedDateTokens = [\n { \n // d: day of the month, 2 digits with leading zeros:\n key: 'd', \n method: function(date) { return enforceLength(date.getDate(), 2); } \n }, { \n // D: textual representation of day, 3 letters: Sun thru Sat\n key: 'D', \n method: function(date) { return enforceLength(dictionary.daysOfWeek[date.getDay()],3); } \n }, { \n // j: day of month without leading 0's\n key: 'j', \n method: function(date) { return date.getDate(); } \n }, { \n // l: full textual representation of day of week: Sunday thru Saturday\n key: 'l', \n method: function(date) { return dictionary.daysOfWeek[date.getDay()]; } \n }, { \n // F: full text month: 'January' thru 'December'\n key: 'F', \n method: function(date) { return dictionary.monthsOfYear[date.getMonth()]; } \n }, { \n // m: 2 digit numeric month: '01' - '12':\n key: 'm', \n method: function(date) { return enforceLength(date.getMonth()+1,2); } \n }, { \n // M: a short textual representation of the month, 3 letters: 'Jan' - 'Dec'\n key: 'M', \n method: function(date) { return enforceLength(dictionary.monthsOfYear[date.getMonth()],3); } \n }, { \n // n: numeric represetation of month w/o leading 0's, '1' - '12':\n key: 'n', \n method: function(date) { return date.getMonth() + 1; } \n }, { \n // Y: Full numeric year, 4 digits\n key: 'Y', \n method: function(date) { return date.getFullYear(); } \n }, { \n // y: 2 digit numeric year:\n key: 'y', \n method: function(date) { return enforceLength(date.getFullYear(),2,true); }\n }\n];\n\nvar acceptedTimeTokens = [\n { \n // a: lowercase ante meridiem and post meridiem 'am' or 'pm'\n key: 'a', \n method: function(date) { return (date.getHours() > 11) ? 'pm' : 'am'; } \n }, { \n // A: uppercase ante merdiiem and post meridiem 'AM' or 'PM'\n key: 'A', \n method: function(date) { return (date.getHours() > 11) ? 'PM' : 'AM'; } \n }, { \n // g: 12-hour format of an hour without leading zeros 1-12\n key: 'g', \n method: function(date) { return date.getHours() % 12 || 12; } \n }, { \n // G: 24-hour format of an hour without leading zeros 0-23\n key: 'G', \n method: function(date) { return date.getHours(); } \n }, { \n // h: 12-hour format of an hour with leading zeros 01-12\n key: 'h', \n method: function(date) { return enforceLength(date.getHours()%12 || 12,2); } \n }, { \n // H: 24-hour format of an hour with leading zeros: 00-23\n key: 'H', \n method: function(date) { return enforceLength(date.getHours(),2); } \n }, { \n // i: Minutes with leading zeros 00-59\n key: 'i', \n method: function(date) { return enforceLength(date.getMinutes(),2); } \n }, { \n // s: Seconds with leading zeros 00-59\n key: 's', \n method: function(date) { return enforceLength(date.getSeconds(),2); }\n }\n];\n\n/**\n * Internationalization object for timeUtils.internationalize().\n * @typedef internationalizeObj\n * @property {Array} [daysOfWeek=[ 'Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday' ]] daysOfWeek Weekday labels as strings, starting with Sunday.\n * @property {Array} [monthsOfYear=[ 'January','February','March','April','May','June','July','August','September','October','November','December' ]] monthsOfYear Month labels as strings, starting with January.\n */\n\n/**\n * This function can be used to support additional languages by passing an object with \n * `daysOfWeek` and `monthsOfYear` attributes. Each attribute should be an array of\n * strings (ex: `daysOfWeek: ['monday', 'tuesday', 'wednesday'...]`)\n *\n * @param {internationalizeObj} conf\n */\nconst internationalize = (conf={}) => { \n extendDictionary(conf);\n};\n\n/**\n * generic formatDate function which accepts dynamic templates\n * @param date {Date} Required\n * @param template {String} Optional\n * @returns {String}\n *\n * @example\n * formatDate(new Date(), '#{M}. #{j}, #{Y}')\n * @returns {Number} Returns a formatted date\n *\n */\nconst formatDate = (date,template='#{m}/#{d}/#{Y}') => {\n acceptedDateTokens.forEach(token => {\n if(template.indexOf(`#{${token.key}}`) == -1) return; \n template = injectStringData(template,token.key,token.method(date));\n }); \n acceptedTimeTokens.forEach(token => {\n if(template.indexOf(`#{${token.key}}`) == -1) return;\n template = injectStringData(template,token.key,token.method(date));\n });\n return template;\n};\n\n/**\n * Small function for resetting language to English (used in testing).\n */\nconst resetInternationalization = () => resetDictionary();\n\nexport { internationalize, formatDate, resetInternationalization };\n","export const keyCodes = { \r\n left: 37,\r\n up: 38,\r\n right: 39,\r\n down: 40,\r\n pgup: 33,\r\n pgdown: 34,\r\n enter: 13, \r\n escape: 27, \r\n tab: 9\r\n};\r\n\r\nexport const keyCodesArray = Object.keys(keyCodes).map(k => keyCodes[k]); ","\r\n {#each days as day}\r\n
\r\n \r\n {day.date.getDate()}\r\n \r\n
\r\n {/each}\r\n
\r\n {#each visibleMonth.weeks as week}\r\n
\r\n\r\n\r\n\r\n","\r\n
\r\n
\r\n
\r\n
\r\n {monthDict[month].name} {year}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {#each monthDict as monthDefinition, 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 {formattedSelected}\r\n \r\n {/if}\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n {#each dayDict as day}\r\n {day.abbrev} \r\n {/each}\r\n
\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\tLightweight (~8KB) \r\n\t\tIE11+ Compatible \r\n\t\tUsable as a Svelte component \r\n\t\tUsable with Vanilla JS / <Your Framework Here> \r\n\t\tCan be compiled to a native web component / custom element \r\n\t\tMobile/thumb friendly \r\n\t\tKeyboard 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\t\t{#if dateChosen} Chosen: {formattedSelected} {:else} Pick a date {/if}\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\t\t{#if exampleChosen} {exampleFormatted} {:else} Custom Button {/if}\r\n\t\t\t \r\n\t\t \r\n\t
\r\n
\n {#each days as day}\n
\n \n {day.date.getDate()}\n \n
\n {/each}\n
\n {#each visibleMonth.weeks as week}\n
\n\n\n\n","\n
\n
\n
\n
\n {monthDict[month].name} {year}\n
\n
\n
\n
\n
\n {#each monthDict as monthDefinition, index}\n
\n {monthDefinition.abbrev} \n
\n {/each}\n
\n
\n
\n \n \n {#if !trigger}\n \n {formattedSelected}\n \n {/if}\n \n
\n \n
\n
\n
\n {#each dayDict as day}\n {day.abbrev} \n {/each}\n
\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\tLightweight (~8KB) \n\t\tIE11+ Compatible \n\t\tUsable as a Svelte component \n\t\tUsable with Vanilla JS / <Your Framework Here> \n\t\tCan be compiled to a native web component / custom element \n\t\tMobile/thumb friendly \n\t\tKeyboard 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\t\t{#if dateChosen} Chosen: {formattedSelected} {:else} Pick a date {/if}\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\t\t{#if exampleChosen} {exampleFormatted} {:else} Custom Button {/if}\n\t\t\t \n\t\t \n\t
\n