diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0357981..f8bc5ab 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,11 @@
+## [3.0.18](https://github.com/6eDesign/svelte-calendar/compare/v3.0.17...v3.0.18) (2021-09-18)
+
+
+### Bug Fixes
+
+* move dayjs and just-throttle to dependencies ([6dee7b3](https://github.com/6eDesign/svelte-calendar/commit/6dee7b31ab1ab9bfe306e0015f8d53bf7069473d))
+* update ci nodejs to v14 ([9c7c8e6](https://github.com/6eDesign/svelte-calendar/commit/9c7c8e645edb0749354b57f3bd7b18df9fcb4e0d))
+
 ## [3.0.17](https://github.com/6eDesign/svelte-calendar/compare/v3.0.16...v3.0.17) (2021-09-17)
 
 
diff --git a/docs/docs/examples/index.html b/docs/docs/examples/index.html
index b0e1985..700e5df 100644
--- a/docs/docs/examples/index.html
+++ b/docs/docs/examples/index.html
@@ -9,14 +9,14 @@
 
 		
 
-		<link rel="modulepreload" href="/svelte-calendar/internal/start-e13f7ddc.js">
+		<link rel="modulepreload" href="/svelte-calendar/internal/start-0201d864.js">
 		<link rel="modulepreload" href="/svelte-calendar/internal/chunks/vendor-df71a323.js">
 		<link rel="modulepreload" href="/svelte-calendar/internal/chunks/paths-45dac81d.js">
 		<link rel="modulepreload" href="/svelte-calendar/internal/pages/__layout.svelte-e31b6f94.js">
 		<link rel="modulepreload" href="/svelte-calendar/internal/chunks/stores-29d89cc3.js">
 		<link rel="modulepreload" href="/svelte-calendar/internal/chunks/CrossfadeProvider-6d049882.js">
 		<link rel="modulepreload" href="/svelte-calendar/internal/chunks/NavBarItem-079219e3.js">
-		<link rel="modulepreload" href="/svelte-calendar/internal/pages/docs/examples.svelte-1d3c9190.js">
+		<link rel="modulepreload" href="/svelte-calendar/internal/pages/docs/examples.svelte-3d18e5c9.js">
 		<link rel="modulepreload" href="/svelte-calendar/internal/chunks/defaults-18c3e92f.js">
 		<link rel="modulepreload" href="/svelte-calendar/internal/chunks/DocPage-47619466.js">
 		<link rel="modulepreload" href="/svelte-calendar/internal/chunks/CodeExample-314e881d.js">
@@ -35,7 +35,7 @@
 		<link rel="stylesheet" href="/svelte-calendar/internal/assets/Datepicker-c6a1c104.css">
 
 		<script type="module">
-			import { start } from "/svelte-calendar/internal/start-e13f7ddc.js";
+			import { start } from "/svelte-calendar/internal/start-0201d864.js";
 			start({
 				target: document.querySelector("#svelte"),
 				paths: {"base":"/svelte-calendar","assets":"/svelte-calendar"},
@@ -49,7 +49,7 @@
 					error: null,
 					nodes: [
 						import("/svelte-calendar/internal/pages/__layout.svelte-e31b6f94.js"),
-						import("/svelte-calendar/internal/pages/docs/examples.svelte-1d3c9190.js")
+						import("/svelte-calendar/internal/pages/docs/examples.svelte-3d18e5c9.js")
 					],
 					page: {
 						host: location.host, // TODO this is redundant
diff --git a/docs/docs/props/index.html b/docs/docs/props/index.html
index 137e175..7c26dd1 100644
--- a/docs/docs/props/index.html
+++ b/docs/docs/props/index.html
@@ -9,13 +9,13 @@
 
 		
 
-		<link rel="modulepreload" href="/svelte-calendar/internal/start-e13f7ddc.js">
+		<link rel="modulepreload" href="/svelte-calendar/internal/start-0201d864.js">
 		<link rel="modulepreload" href="/svelte-calendar/internal/chunks/vendor-df71a323.js">
 		<link rel="modulepreload" href="/svelte-calendar/internal/chunks/paths-45dac81d.js">
 		<link rel="stylesheet" href="/svelte-calendar/internal/assets/start-61d1577b.css">
 
 		<script type="module">
-			import { start } from "/svelte-calendar/internal/start-e13f7ddc.js";
+			import { start } from "/svelte-calendar/internal/start-0201d864.js";
 			start({
 				target: document.querySelector("#svelte"),
 				paths: {"base":"/svelte-calendar","assets":"/svelte-calendar"},
diff --git a/docs/docs/quick-start/index.html b/docs/docs/quick-start/index.html
index 137e175..7c26dd1 100644
--- a/docs/docs/quick-start/index.html
+++ b/docs/docs/quick-start/index.html
@@ -9,13 +9,13 @@
 
 		
 
-		<link rel="modulepreload" href="/svelte-calendar/internal/start-e13f7ddc.js">
+		<link rel="modulepreload" href="/svelte-calendar/internal/start-0201d864.js">
 		<link rel="modulepreload" href="/svelte-calendar/internal/chunks/vendor-df71a323.js">
 		<link rel="modulepreload" href="/svelte-calendar/internal/chunks/paths-45dac81d.js">
 		<link rel="stylesheet" href="/svelte-calendar/internal/assets/start-61d1577b.css">
 
 		<script type="module">
-			import { start } from "/svelte-calendar/internal/start-e13f7ddc.js";
+			import { start } from "/svelte-calendar/internal/start-0201d864.js";
 			start({
 				target: document.querySelector("#svelte"),
 				paths: {"base":"/svelte-calendar","assets":"/svelte-calendar"},
diff --git a/docs/docs/theme-editor/dark/index.html b/docs/docs/theme-editor/dark/index.html
index 5131856..42f8425 100644
--- a/docs/docs/theme-editor/dark/index.html
+++ b/docs/docs/theme-editor/dark/index.html
@@ -9,7 +9,7 @@
 
 		
 
-		<link rel="modulepreload" href="/svelte-calendar/internal/start-e13f7ddc.js">
+		<link rel="modulepreload" href="/svelte-calendar/internal/start-0201d864.js">
 		<link rel="modulepreload" href="/svelte-calendar/internal/chunks/vendor-df71a323.js">
 		<link rel="modulepreload" href="/svelte-calendar/internal/chunks/paths-45dac81d.js">
 		<link rel="modulepreload" href="/svelte-calendar/internal/pages/__layout.svelte-e31b6f94.js">
@@ -29,7 +29,7 @@
 		<link rel="stylesheet" href="/svelte-calendar/internal/assets/defaults-3c1ea1b6.css">
 
 		<script type="module">
-			import { start } from "/svelte-calendar/internal/start-e13f7ddc.js";
+			import { start } from "/svelte-calendar/internal/start-0201d864.js";
 			start({
 				target: document.querySelector("#svelte"),
 				paths: {"base":"/svelte-calendar","assets":"/svelte-calendar"},
diff --git a/docs/docs/theme-editor/light/index.html b/docs/docs/theme-editor/light/index.html
index 808a586..58c5626 100644
--- a/docs/docs/theme-editor/light/index.html
+++ b/docs/docs/theme-editor/light/index.html
@@ -9,7 +9,7 @@
 
 		
 
-		<link rel="modulepreload" href="/svelte-calendar/internal/start-e13f7ddc.js">
+		<link rel="modulepreload" href="/svelte-calendar/internal/start-0201d864.js">
 		<link rel="modulepreload" href="/svelte-calendar/internal/chunks/vendor-df71a323.js">
 		<link rel="modulepreload" href="/svelte-calendar/internal/chunks/paths-45dac81d.js">
 		<link rel="modulepreload" href="/svelte-calendar/internal/pages/__layout.svelte-e31b6f94.js">
@@ -29,7 +29,7 @@
 		<link rel="stylesheet" href="/svelte-calendar/internal/assets/defaults-3c1ea1b6.css">
 
 		<script type="module">
-			import { start } from "/svelte-calendar/internal/start-e13f7ddc.js";
+			import { start } from "/svelte-calendar/internal/start-0201d864.js";
 			start({
 				target: document.querySelector("#svelte"),
 				paths: {"base":"/svelte-calendar","assets":"/svelte-calendar"},
diff --git a/docs/index.html b/docs/index.html
index c6c0f82..4635029 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -9,7 +9,7 @@
 
 		
 
-		<link rel="modulepreload" href="/svelte-calendar/internal/start-e13f7ddc.js">
+		<link rel="modulepreload" href="/svelte-calendar/internal/start-0201d864.js">
 		<link rel="modulepreload" href="/svelte-calendar/internal/chunks/vendor-df71a323.js">
 		<link rel="modulepreload" href="/svelte-calendar/internal/chunks/paths-45dac81d.js">
 		<link rel="modulepreload" href="/svelte-calendar/internal/pages/__layout.svelte-e31b6f94.js">
@@ -27,7 +27,7 @@
 		<link rel="stylesheet" href="/svelte-calendar/internal/assets/defaults-3c1ea1b6.css">
 
 		<script type="module">
-			import { start } from "/svelte-calendar/internal/start-e13f7ddc.js";
+			import { start } from "/svelte-calendar/internal/start-0201d864.js";
 			start({
 				target: document.querySelector("#svelte"),
 				paths: {"base":"/svelte-calendar","assets":"/svelte-calendar"},
@@ -77,7 +77,7 @@ <h1 class="svelte-alugsa">svelte-calendar</h1>
         </pre></div></div></div>
 	<div class="column-secondary svelte-92c9vu"><div class="sc-popover svelte-197aegr" style="--sc-theme-calendar-width: 620px;--sc-theme-calendar-maxWidth: 100vw;--sc-theme-calendar-legend-height: 45px;--sc-theme-calendar-shadow: 0px 10px 26px rgba(0, 0, 0, 0.25);--sc-theme-calendar-colors-text-primary: #eee;--sc-theme-calendar-colors-text-highlight: #fff;--sc-theme-calendar-colors-background-primary: #333;--sc-theme-calendar-colors-background-highlight: #5829d6;--sc-theme-calendar-colors-background-hover: #222;--sc-theme-calendar-colors-border: #222;--sc-theme-calendar-font-regular: 1.5em;--sc-theme-calendar-font-large: 37em;--sc-theme-calendar-grid-disabledOpacity: .5;--sc-theme-calendar-grid-outsiderOpacity: .7; min-width: NaNpx; min-height: NaNpx;"><div class="trigger svelte-197aegr">
 	<div class="button-container svelte-18igz6t"><button class="svelte-18igz6t"></button>
-		<span class="button-text svelte-18igz6t">09/17/2021</span></div>
+		<span class="button-text svelte-18igz6t">09/18/2021</span></div>
 </div></div></div>
 </div></div></div></div>
 
diff --git a/docs/internal/pages/docs/examples.svelte-1d3c9190.js b/docs/internal/pages/docs/examples.svelte-1d3c9190.js
deleted file mode 100644
index b24e3ba..0000000
--- a/docs/internal/pages/docs/examples.svelte-1d3c9190.js
+++ /dev/null
@@ -1 +0,0 @@
-var n=Object.defineProperty,s=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,t=Object.prototype.propertyIsEnumerable,p=(s,a,t)=>a in s?n(s,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[a]=t,o=(n,o)=>{for(var e in o||(o={}))a.call(o,e)&&p(n,e,o[e]);if(s)for(var e of s(o))t.call(o,e)&&p(n,e,o[e]);return n};"undefined"!=typeof require&&require;import{S as e,i as c,s as l,e as u,k,c as r,a as i,n as d,d as g,b as m,X as f,f as h,D as $,a0 as v,N as y,x as w,Y as j,ao as b,u as x,Z as D,r as E,ae as Y,w as I,ap as M,K as T,af as C,a1 as O,j as N,m as P,o as S,F as B,v as U,a2 as V,t as z,g as A,al as L,E as _,I as q,J as Q,M as X,h as F,a4 as H,a5 as G,_ as J,O as K,aq as R,l as W,ah as Z,a3 as nn}from"../../chunks/vendor-df71a323.js";import{t as sn,d as an,C as tn,T as pn}from"../../chunks/CrossfadeProvider-6d049882.js";import{b as on}from"../../chunks/defaults-18c3e92f.js";import{D as en,C as cn}from"../../chunks/DocPage-47619466.js";import{I as ln,C as un}from"../../chunks/CodeExample-314e881d.js";import{Q as kn}from"../../chunks/QuickStart-c387fabf.js";import{D as rn}from"../../chunks/Datepicker-9632e8da.js";/* empty css                                                                */import{b as dn}from"../../chunks/paths-45dac81d.js";/* empty css                                       */import"../../chunks/stores-29d89cc3.js";import"../../chunks/NavBarItem-079219e3.js";function gn(n,s,a){const t=n.slice();return t[0]=s[a].value,t[18]=s[a].id,t}const mn=n=>({value:8&n}),fn=n=>({value:n[0]});function hn(n,s){let a,t,p,o,e,c;const l=s[13].default,E=T(l,s,s[12],fn);return{key:n,first:null,c(){a=u("div"),E&&E.c(),t=k(),this.h()},l(n){a=r(n,"DIV",{class:!0});var s=i(a);E&&E.l(s),t=d(s),s.forEach(g),this.h()},h(){m(a,"class","cell svelte-11eiuvz"),f((()=>s[14].call(a))),this.first=a},m(n,o){h(n,a,o),E&&E.m(a,null),$(a,t),p=v(a,s[14].bind(a)),c=!0},p(n,a){s=n,E&&E.p&&(!c||4104&a)&&y(E,l,s,s[12],a,mn,fn)},i(n){c||(w(E,n),n&&f((()=>{e&&e.end(1),o||(o=j(a,b,s[4])),o.start()})),c=!0)},o(n){x(E,n),o&&o.invalidate(),n&&(e=D(a,b,s[5])),c=!1},d(n){n&&g(a),E&&E.d(n),p(),n&&e&&e.end()}}}function $n(n){let s,a,t=[],p=new Map,o=n[3];const e=n=>n[18];for(let c=0;c<o.length;c+=1){let s=gn(n,o,c),a=e(s);p.set(a,t[c]=hn(a,s))}return{c(){s=u("div");for(let n=0;n<t.length;n+=1)t[n].c();this.h()},l(n){s=r(n,"DIV",{class:!0});var a=i(s);for(let s=0;s<t.length;s+=1)t[s].l(a);a.forEach(g),this.h()},h(){m(s,"class","grid svelte-11eiuvz")},m(n,p){h(n,s,p);for(let a=0;a<t.length;a+=1)t[a].m(s,null);a=!0},p(n,[a]){4142&a&&(o=n[3],E(),t=Y(t,a,e,1,n,o,p,s,C,hn,null,gn),I())},i(n){if(!a){for(let n=0;n<o.length;n+=1)w(t[n]);a=!0}},o(n){for(let s=0;s<t.length;s+=1)x(t[s]);a=!1},d(n){n&&g(s);for(let s=0;s<t.length;s+=1)t[s].d()}}}function vn(n,s,a){let t,p,e,c,l,u,{$$slots:k={},$$scope:r}=s,{value:i}=s,{getId:d=(n=>(null==n?void 0:n.id)||n)}=s,{vertical:g=!0}=s,{magnitude:m=1}=s,{opacity:f=1}=s,{delay:h=1}=s;return n.$$set=n=>{"value"in n&&a(0,i=n.value),"getId"in n&&a(6,d=n.getId),"vertical"in n&&a(7,g=n.vertical),"magnitude"in n&&a(8,m=n.magnitude),"opacity"in n&&a(9,f=n.opacity),"delay"in n&&a(10,h=n.delay),"$$scope"in n&&a(12,r=n.$$scope)},n.$$.update=()=>{if(n.$$.dirty,n.$$.dirty,73&n.$$.dirty&&(null==l?void 0:l[0].value)!==i){const n=d(i);a(11,u=l&&l[0].id>n?-1:1);const s=[{value:i,id:n}];l?(async n=>{await O(),a(3,l=n)})(s):a(3,l=s)}3974&n.$$.dirty&&a(4,t=o({duration:650,opacity:f,easing:M,delay:h},g?{y:m*u*e}:{x:m*u*c})),2454&n.$$.dirty&&a(5,p=o(o({},t),g?{y:-1*m*u*e}:{x:-1*m*u*c}))},[i,e,c,l,t,p,d,g,m,f,h,u,r,k,function(){c=this.clientWidth,e=this.clientHeight,a(2,c),a(1,e)}]}class yn extends e{constructor(n){super(),c(this,n,vn,$n,l,{value:0,getId:6,vertical:7,magnitude:8,opacity:9,delay:10})}}function wn(n){let s,a;return s=new rn({props:{start:n[0],end:n[1]}}),{c(){N(s.$$.fragment)},l(n){P(s.$$.fragment,n)},m(n,t){S(s,n,t),a=!0},p:B,i(n){a||(w(s.$$.fragment,n),a=!0)},o(n){x(s.$$.fragment,n),a=!1},d(n){U(s,n)}}}function jn(n){return[new Date,V().add(1,"day").toDate()]}class bn extends e{constructor(n){super(),c(this,n,jn,wn,l,{})}}function xn(n){let s,a;return s=new ln({props:{theme:n[0]}}),{c(){N(s.$$.fragment)},l(n){P(s.$$.fragment,n)},m(n,t){S(s,n,t),a=!0},p:B,i(n){a||(w(s.$$.fragment,n),a=!0)},o(n){x(s.$$.fragment,n),a=!1},d(n){U(s,n)}}}function Dn(n){return[{calendar:{width:"600px",shadow:"0px 0px 5px rgba(0, 0, 0, 0.25)"}}]}class En extends e{constructor(n){super(),c(this,n,Dn,xn,l,{})}}function Yn(n){let s,a,t,p,o,e,c;return s=new ln({props:{theme:n[0]}}),{c(){N(s.$$.fragment),a=k(),t=u("p"),p=z("Not your cup of tea? "),o=u("a"),e=z("Design your own theme."),this.h()},l(n){P(s.$$.fragment,n),a=d(n),t=r(n,"P",{});var c=i(t);p=A(c,"Not your cup of tea? "),o=r(c,"A",{href:!0});var l=i(o);e=A(l,"Design your own theme."),l.forEach(g),c.forEach(g),this.h()},h(){m(o,"href",dn+"/docs/theme-editor/light")},m(n,l){S(s,n,l),h(n,a,l),h(n,t,l),$(t,p),$(t,o),$(o,e),c=!0},p:B,i(n){c||(w(s.$$.fragment,n),c=!0)},o(n){x(s.$$.fragment,n),c=!1},d(n){U(s,n),n&&g(a),n&&g(t)}}}function In(n){const{dark:s}=sn;return[s]}class Mn extends e{constructor(n){super(),c(this,n,In,Yn,l,{})}}function Tn(n){let s,a,t,p,o,e,c,l;return s=new ln({props:{theme:n[0]}}),{c(){N(s.$$.fragment),a=k(),t=u("p"),p=z("See "),o=u("a"),e=z("theme-editor page"),c=z(" to design your own theme."),this.h()},l(n){P(s.$$.fragment,n),a=d(n),t=r(n,"P",{});var l=i(t);p=A(l,"See "),o=r(l,"A",{href:!0});var u=i(o);e=A(u,"theme-editor page"),u.forEach(g),c=A(l," to design your own theme."),l.forEach(g),this.h()},h(){m(o,"href",dn+"/docs/theme-editor/light")},m(n,u){S(s,n,u),h(n,a,u),h(n,t,u),$(t,p),$(t,o),$(o,e),$(t,c),l=!0},p:B,i(n){l||(w(s.$$.fragment,n),l=!0)},o(n){x(s.$$.fragment,n),l=!1},d(n){U(s,n),n&&g(a),n&&g(t)}}}function Cn(n){return[{calendar:{colors:{background:{highlight:"purple"}}}}]}class On extends e{constructor(n){super(),c(this,n,Cn,Tn,l,{})}}function Nn(n){let s,a,t,p,o,e,c,l,f,v,y,j;return s=new rn({props:{format:n[0]}}),{c(){N(s.$$.fragment),a=k(),t=u("input"),p=k(),o=u("p"),e=z("See "),c=u("a"),l=z("dayjs"),f=z(" documentation for formatting docs"),this.h()},l(n){P(s.$$.fragment,n),a=d(n),t=r(n,"INPUT",{type:!0,class:!0}),p=d(n),o=r(n,"P",{});var u=i(o);e=A(u,"See "),c=r(u,"A",{href:!0});var k=i(c);l=A(k,"dayjs"),k.forEach(g),f=A(u," documentation for formatting docs"),u.forEach(g),this.h()},h(){m(t,"type","text"),m(t,"class","svelte-1l3vmxl"),m(c,"href","https://day.js.org/docs/en/display/format")},m(u,k){S(s,u,k),h(u,a,k),h(u,t,k),L(t,n[0]),h(u,p,k),h(u,o,k),$(o,e),$(o,c),$(c,l),$(o,f),v=!0,y||(j=_(t,"input",n[1]),y=!0)},p(n,[a]){const p={};1&a&&(p.format=n[0]),s.$set(p),1&a&&t.value!==n[0]&&L(t,n[0])},i(n){v||(w(s.$$.fragment,n),v=!0)},o(n){x(s.$$.fragment,n),v=!1},d(n){U(s,n),n&&g(a),n&&g(t),n&&g(p),n&&g(o),y=!1,j()}}}function Pn(n,s,a){let t="dddd, MMMM D, YYYY";return[t,function(){t=this.value,a(0,t)}]}class Sn extends e{constructor(n){super(),c(this,n,Pn,Nn,l,{})}}function Bn(n){var s;let a,t,p,o,e,c,l,f,v,y,j,b,D,E,Y,I,M,T,C,O,B,L,G,J,K,R,W,Z,nn,sn,an=V(null==(s=n[1])?void 0:s.selected).format("MM/DD/YYYY")+"";function tn(s){n[3](s)}let pn={theme:n[2]};return void 0!==n[0]&&(pn.store=n[0]),a=new ln({props:pn}),q.push((()=>Q(a,"store",tn))),{c(){N(a.$$.fragment),p=k(),o=u("div"),e=u("button"),c=z("-1y"),l=k(),f=u("button"),v=z("-1m"),y=k(),j=u("button"),b=z("-1d"),D=k(),E=u("p"),Y=z(an),I=k(),M=u("button"),T=z("+1d"),C=k(),O=u("button"),B=z("+1m"),L=k(),G=u("button"),J=z("+1y"),K=k(),R=u("p"),W=z("You can access both the store's state and methods."),this.h()},l(n){P(a.$$.fragment,n),p=d(n),o=r(n,"DIV",{class:!0});var s=i(o);e=r(s,"BUTTON",{class:!0});var t=i(e);c=A(t,"-1y"),t.forEach(g),l=d(s),f=r(s,"BUTTON",{class:!0});var u=i(f);v=A(u,"-1m"),u.forEach(g),y=d(s),j=r(s,"BUTTON",{class:!0});var k=i(j);b=A(k,"-1d"),k.forEach(g),D=d(s),E=r(s,"P",{});var m=i(E);Y=A(m,an),m.forEach(g),I=d(s),M=r(s,"BUTTON",{class:!0});var h=i(M);T=A(h,"+1d"),h.forEach(g),C=d(s),O=r(s,"BUTTON",{class:!0});var $=i(O);B=A($,"+1m"),$.forEach(g),L=d(s),G=r(s,"BUTTON",{class:!0});var w=i(G);J=A(w,"+1y"),w.forEach(g),s.forEach(g),K=d(n),R=r(n,"P",{});var x=i(R);W=A(x,"You can access both the store's state and methods."),x.forEach(g),this.h()},h(){m(e,"class","svelte-4tfm8e"),m(f,"class","svelte-4tfm8e"),m(j,"class","day svelte-4tfm8e"),m(M,"class","day svelte-4tfm8e"),m(O,"class","svelte-4tfm8e"),m(G,"class","svelte-4tfm8e"),m(o,"class","grid svelte-4tfm8e")},m(s,t){S(a,s,t),h(s,p,t),h(s,o,t),$(o,e),$(e,c),$(o,l),$(o,f),$(f,v),$(o,y),$(o,j),$(j,b),$(o,D),$(o,E),$(E,Y),$(o,I),$(o,M),$(M,T),$(o,C),$(o,O),$(O,B),$(o,L),$(o,G),$(G,J),h(s,K,t),h(s,R,t),$(R,W),Z=!0,nn||(sn=[_(e,"click",n[4]),_(f,"click",n[5]),_(j,"click",n[6]),_(M,"click",n[7]),_(O,"click",n[8]),_(G,"click",n[9])],nn=!0)},p(n,[s]){var p;const o={};!t&&1&s&&(t=!0,o.store=n[0],X((()=>t=!1))),a.$set(o),(!Z||2&s)&&an!==(an=V(null==(p=n[1])?void 0:p.selected).format("MM/DD/YYYY")+"")&&F(Y,an)},i(n){Z||(w(a.$$.fragment,n),Z=!0)},o(n){x(a.$$.fragment,n),Z=!1},d(n){U(a,n),n&&g(p),n&&g(o),n&&g(K),n&&g(R),nn=!1,H(sn)}}}function Un(n,s,a){let t,p=B;n.$$.on_destroy.push((()=>p()));let o;return[o,t,{calendar:{width:"600px",shadow:"0px 0px 5px rgba(0, 0, 0, 0.25)"}},function(n){o=n,a(0,o),p(),p=G(o,(n=>a(1,t=n)))},()=>o.add(-1,"year"),()=>o.add(-1,"month"),()=>o.add(-1,"day"),()=>o.add(1,"day"),()=>o.add(1,"month"),()=>o.add(1,"year")]}class Vn extends e{constructor(n){super(),c(this,n,Un,Bn,l,{})}}function zn(n,s,a){const t=n.slice();return t[3]=s[a],t}function An(n){let s,a;return s=new ln({props:{theme:an}}),{c(){N(s.$$.fragment)},l(n){P(s.$$.fragment,n)},m(n,t){S(s,n,t),a=!0},p:B,i(n){a||(w(s.$$.fragment,n),a=!0)},o(n){x(s.$$.fragment,n),a=!1},d(n){U(s,n)}}}function Ln(n){let s,a,t,p,o,e=n[3]+"";function c(){return n[2](n[3])}return{c(){s=u("button"),a=z(e),t=k(),this.h()},l(n){s=r(n,"BUTTON",{class:!0});var p=i(s);a=A(p,e),t=d(p),p.forEach(g),this.h()},h(){m(s,"class","svelte-65fm27"),J(s,"selected",n[0]===n[3])},m(n,e){h(n,s,e),$(s,a),$(s,t),p||(o=_(s,"click",c),p=!0)},p(a,t){n=a,3&t&&J(s,"selected",n[0]===n[3])},d(n){n&&g(s),p=!1,o()}}}function _n(n){let s,a,t,p,o,e,c,l,f,v,y,j;s=new yn({props:{value:{locale:n[0]},vertical:!1,$$slots:{default:[An]},$$scope:{ctx:n}}});let b=n[1],D=[];for(let u=0;u<b.length;u+=1)D[u]=Ln(zn(n,b,u));return{c(){N(s.$$.fragment),a=k(),t=u("div");for(let n=0;n<D.length;n+=1)D[n].c();p=k(),o=u("p"),e=z("List of "),c=u("a"),l=z("available locales"),f=z(" in\n\t"),v=u("strong"),y=z("dayjs"),this.h()},l(n){P(s.$$.fragment,n),a=d(n),t=r(n,"DIV",{class:!0});var u=i(t);for(let s=0;s<D.length;s+=1)D[s].l(u);u.forEach(g),p=d(n),o=r(n,"P",{});var k=i(o);e=A(k,"List of "),c=r(k,"A",{href:!0});var m=i(c);l=A(m,"available locales"),m.forEach(g),f=A(k," in\n\t"),v=r(k,"STRONG",{});var h=i(v);y=A(h,"dayjs"),h.forEach(g),k.forEach(g),this.h()},h(){m(t,"class","button-group svelte-65fm27"),m(c,"href","https://unpkg.com/dayjs@1.10.6/locale.json")},m(n,u){S(s,n,u),h(n,a,u),h(n,t,u);for(let s=0;s<D.length;s+=1)D[s].m(t,null);h(n,p,u),h(n,o,u),$(o,e),$(o,c),$(c,l),$(o,f),$(o,v),$(v,y),j=!0},p(n,[a]){const p={};if(1&a&&(p.value={locale:n[0]}),64&a&&(p.$$scope={dirty:a,ctx:n}),s.$set(p),3&a){let s;for(b=n[1],s=0;s<b.length;s+=1){const p=zn(n,b,s);D[s]?D[s].p(p,a):(D[s]=Ln(p),D[s].c(),D[s].m(t,null))}for(;s<D.length;s+=1)D[s].d(1);D.length=b.length}},i(n){j||(w(s.$$.fragment,n),j=!0)},o(n){x(s.$$.fragment,n),j=!1},d(n){U(s,n),n&&g(a),n&&g(t),K(D,n),n&&g(p),n&&g(o)}}}function qn(n,s,a){let t="es";R((()=>V.locale("en")));return n.$$.update=()=>{1&n.$$.dirty&&V.locale(t)},[t,["en","es","zh-cn","ar-dz","he"],n=>a(0,t=n)]}class Qn extends e{constructor(n){super(),c(this,n,qn,_n,l,{})}}function Xn(n){let s;return{c(){s=z("Pick a Date")},l(n){s=A(n,"Pick a Date")},m(n,a){h(n,s,a)},p:B,d(n){n&&g(s)}}}function Fn(n){let s,a=V(n[1].selected).format("ddd MMM D, YYYY")+"";return{c(){s=z(a)},l(n){s=A(n,a)},m(n,a){h(n,s,a)},p(n,t){2&t&&a!==(a=V(n[1].selected).format("ddd MMM D, YYYY")+"")&&F(s,a)},d(n){n&&g(s)}}}function Hn(n){let s,a,t,p;function o(n,s){var a;return(null==(a=n[1])?void 0:a.hasChosen)?Fn:Xn}let e=o(n),c=e(n);return{c(){s=u("button"),c.c(),this.h()},l(n){s=r(n,"BUTTON",{class:!0});var a=i(s);c.l(a),a.forEach(g),this.h()},h(){m(s,"class","svelte-wvt62l")},m(n,a){h(n,s,a),c.m(s,null),p=!0},p(a,t){e===(e=o(n=a))&&c?c.p(n,t):(c.d(1),c=e(n),c&&(c.c(),c.m(s,null)))},i(o){p||(o&&f((()=>{t&&t.end(1),a||(a=j(s,n[5],{key:n[3]})),a.start()})),p=!0)},o(o){a&&a.invalidate(),o&&(t=D(s,n[4],{key:n[3]})),p=!1},d(n){n&&g(s),c.d(),n&&t&&t.end()}}}function Gn(n){let s,a,t;function p(s){n[2](s)}let o={$$slots:{default:[Hn,({key:n,send:s,receive:a})=>({3:n,4:s,5:a}),({key:n,send:s,receive:a})=>(n?8:0)|(s?16:0)|(a?32:0)]},$$scope:{ctx:n}};return void 0!==n[0]&&(o.store=n[0]),s=new rn({props:o}),q.push((()=>Q(s,"store",p))),{c(){N(s.$$.fragment)},l(n){P(s.$$.fragment,n)},m(n,a){S(s,n,a),t=!0},p(n,[t]){const p={};74&t&&(p.$$scope={dirty:t,ctx:n}),!a&&1&t&&(a=!0,p.store=n[0],X((()=>a=!1))),s.$set(p)},i(n){t||(w(s.$$.fragment,n),t=!0)},o(n){x(s.$$.fragment,n),t=!1},d(n){U(s,n)}}}function Jn(n,s,a){let t,p,o=B;return n.$$.on_destroy.push((()=>o())),[p,t,function(n){p=n,a(0,p),o(),o=G(p,(n=>a(1,t=n)))}]}class Kn extends e{constructor(n){super(),c(this,n,Jn,Gn,l,{})}}function Rn(n,s,a){const t=n.slice();return t[17]=s[a],t}function Wn(n){let s,a,t,p,o,e,c,l=n[17].title+"";return{c(){s=u("a"),a=z(l),this.h()},l(n){s=r(n,"A",{href:!0,class:!0});var t=i(s);a=A(t,l),t.forEach(g),this.h()},h(){m(s,"href","#example"),m(s,"class","svelte-187o1v3")},m(t,p){h(t,s,p),$(s,a),o=!0,e||(c=_(s,"click",Z(n[2](n[17]))),e=!0)},p(s,a){n=s},i(a){o||(a&&f((()=>{p&&p.end(1),t||(t=j(s,n[15],{key:n[13]})),t.start()})),o=!0)},o(a){t&&t.invalidate(),a&&(p=D(s,n[14],{key:n[13]})),o=!1},d(n){n&&g(s),n&&p&&p.end(),e=!1,c()}}}function Zn(n){let s,a,t=n[0]!==n[17]&&Wn(n);return{c(){s=u("div"),t&&t.c(),a=k(),this.h()},l(n){s=r(n,"DIV",{class:!0});var p=i(s);t&&t.l(p),a=d(p),p.forEach(g),this.h()},h(){m(s,"class","svelte-187o1v3")},m(n,p){h(n,s,p),t&&t.m(s,null),$(s,a)},p(n,p){n[0]!==n[17]?t?(t.p(n,p),1&p&&w(t,1)):(t=Wn(n),t.c(),w(t,1),t.m(s,a)):t&&(E(),x(t,1,1,(()=>{t=null})),I())},d(n){n&&g(s),t&&t.d()}}}function ns(n){let s,a=n[1],t=[];for(let p=0;p<a.length;p+=1)t[p]=Zn(Rn(n,a,p));return{c(){s=u("div");for(let n=0;n<t.length;n+=1)t[n].c();this.h()},l(n){s=r(n,"DIV",{class:!0});var a=i(s);for(let s=0;s<t.length;s+=1)t[s].l(a);a.forEach(g),this.h()},h(){m(s,"class","grid svelte-187o1v3")},m(n,a){h(n,s,a);for(let p=0;p<t.length;p+=1)t[p].m(s,null)},p(n,p){if(8199&p){let o;for(a=n[1],o=0;o<a.length;o+=1){const e=Rn(n,a,o);t[o]?t[o].p(e,p):(t[o]=Zn(e),t[o].c(),t[o].m(s,null))}for(;o<t.length;o+=1)t[o].d(1);t.length=a.length}},d(n){n&&g(s),K(t,n)}}}function ss(n){let s;return{c(){s=z("Examples")},l(n){s=A(n,"Examples")},m(n,a){h(n,s,a)},d(n){n&&g(s)}}}function as(n){let s,a;return s=new pn({props:{theme:an,$$slots:{default:[os,({style:n})=>({16:n}),({style:n})=>n?65536:0]},$$scope:{ctx:n}}}),{c(){N(s.$$.fragment)},l(n){P(s.$$.fragment,n)},m(n,t){S(s,n,t),a=!0},p(n,a){const t={};1122305&a&&(t.$$scope={dirty:a,ctx:n}),s.$set(t)},i(n){a||(w(s.$$.fragment,n),a=!0)},o(n){x(s.$$.fragment,n),a=!1},d(n){U(s,n)}}}function ts(n){let s,a,t,p,o,e,c,l,f,v,y,j,b=n[0].title+"";var D=n[0].component;return D&&(f=new D({})),{c(){s=u("div"),a=u("h1"),t=z(b),p=k(),o=u("button"),e=z("X"),c=k(),l=u("div"),f&&N(f.$$.fragment),this.h()},l(n){s=r(n,"DIV",{class:!0});var u=i(s);a=r(u,"H1",{class:!0});var k=i(a);t=A(k,b),p=d(k),o=r(k,"BUTTON",{class:!0});var m=i(o);e=A(m,"X"),m.forEach(g),k.forEach(g),c=d(u),l=r(u,"DIV",{class:!0});var h=i(l);f&&P(f.$$.fragment,h),h.forEach(g),u.forEach(g),this.h()},h(){m(o,"class","svelte-187o1v3"),m(a,"class","svelte-187o1v3"),m(l,"class","example svelte-187o1v3"),m(s,"class","result-column svelte-187o1v3")},m(u,k){h(u,s,k),$(s,a),$(a,t),$(a,p),$(a,o),$(o,e),$(s,c),$(s,l),f&&S(f,l,null),v=!0,y||(j=_(o,"click",n[3]),y=!0)},p(n,s){if((!v||1&s)&&b!==(b=n[0].title+"")&&F(t,b),D!==(D=n[0].component)){if(f){E();const n=f;x(n.$$.fragment,1,0,(()=>{U(n,1)})),I()}D?(f=new D({}),N(f.$$.fragment),w(f.$$.fragment,1),S(f,l,null)):f=null}},i(n){v||(f&&w(f.$$.fragment,n),v=!0)},o(n){f&&x(f.$$.fragment,n),v=!1},d(n){n&&g(s),f&&U(f),y=!1,j()}}}function ps(n){let s,a,t;return a=new cn({props:{pretranslated:n[0].code}}),{c(){s=u("div"),N(a.$$.fragment),this.h()},l(n){s=r(n,"DIV",{class:!0,slot:!0});var t=i(s);P(a.$$.fragment,t),t.forEach(g),this.h()},h(){m(s,"class","code svelte-187o1v3"),m(s,"slot","code")},m(n,p){h(n,s,p),S(a,s,null),t=!0},p(n,s){const t={};1&s&&(t.pretranslated=n[0].code),a.$set(t)},i(n){t||(w(a.$$.fragment,n),t=!0)},o(n){x(a.$$.fragment,n),t=!1},d(n){n&&g(s),U(a)}}}function os(n){let s,a,t,p,o,e,c,l;return a=new un({props:{$$slots:{code:[ps],default:[ts]},$$scope:{ctx:n}}}),{c(){s=u("div"),N(a.$$.fragment),this.h()},l(n){s=r(n,"DIV",{class:!0,style:!0});var t=i(s);P(a.$$.fragment,t),t.forEach(g),this.h()},h(){m(s,"class","modal svelte-187o1v3"),m(s,"style",t=n[16])},m(t,p){h(t,s,p),S(a,s,null),e=!0,c||(l=[nn(on.call(null,s)),_(s,"blurr",n[3])],c=!0)},p(p,o){n=p;const c={};1048577&o&&(c.$$scope={dirty:o,ctx:n}),a.$set(c),(!e||65536&o&&t!==(t=n[16]))&&m(s,"style",t)},i(t){e||(w(a.$$.fragment,t),t&&f((()=>{o&&o.end(1),p||(p=j(s,n[15],{key:n[13]})),p.start()})),e=!0)},o(t){x(a.$$.fragment,t),p&&p.invalidate(),t&&(o=D(s,n[14],{key:n[13]})),e=!1},d(n){n&&g(s),U(a),n&&o&&o.end(),c=!1,H(l)}}}function es(n){let s,a,t,p;s=new en({props:{$$slots:{title:[ss],default:[ns]},$$scope:{ctx:n}}});let o=n[0]&&as(n);return{c(){N(s.$$.fragment),a=k(),o&&o.c(),t=W()},l(n){P(s.$$.fragment,n),a=d(n),o&&o.l(n),t=W()},m(n,e){S(s,n,e),h(n,a,e),o&&o.m(n,e),h(n,t,e),p=!0},p(n,a){const p={};1056769&a&&(p.$$scope={dirty:a,ctx:n}),s.$set(p),n[0]?o?(o.p(n,a),1&a&&w(o,1)):(o=as(n),o.c(),w(o,1),o.m(t.parentNode,t)):o&&(E(),x(o,1,1,(()=>{o=null})),I())},i(n){p||(w(s.$$.fragment,n),w(o),p=!0)},o(n){x(s.$$.fragment,n),x(o),p=!1},d(n){U(s,n),n&&g(a),o&&o.d(n),n&&g(t)}}}function cs(n){let s,a;return s=new tn({props:{$$slots:{default:[es,({key:n,send:s,receive:a})=>({13:n,14:s,15:a}),({key:n,send:s,receive:a})=>(n?8192:0)|(s?16384:0)|(a?32768:0)]},$$scope:{ctx:n}}}),{c(){N(s.$$.fragment)},l(n){P(s.$$.fragment,n)},m(n,t){S(s,n,t),a=!0},p(n,[a]){const t={};1056769&a&&(t.$$scope={dirty:a,ctx:n}),s.$set(t)},i(n){a||(w(s.$$.fragment,n),a=!0)},o(n){x(s.$$.fragment,n),a=!1},d(n){U(s,n)}}}function ls(n,s,a){const t={component:kn,code:'<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n\t<span class="token keyword">import</span> <span class="token punctuation">{</span> Datepicker <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'svelte-calendar\'</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Datepicker</span> <span class="token punctuation">/></span></span>\n'},p={component:bn,code:'<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n\t<span class="token keyword">import</span> dayjs <span class="token keyword">from</span> <span class="token string">\'dayjs\'</span><span class="token punctuation">;</span>\n\t<span class="token keyword">import</span> <span class="token punctuation">{</span> Datepicker <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'svelte-calendar\'</span><span class="token punctuation">;</span>\n\n\t<span class="token keyword">const</span> today <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">Date</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n\t<span class="token keyword">const</span> tomorrow <span class="token operator">=</span> <span class="token function">dayjs</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">add</span><span class="token punctuation">(</span><span class="token number">1</span><span class="token punctuation">,</span> <span class="token string">\'day\'</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">toDate</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Datepicker</span> <span class="token attr-name">start=</span><span class="token language-javascript"><span class="token punctuation">{</span>today<span class="token punctuation">}</span></span> <span class="token attr-name">end=</span><span class="token language-javascript"><span class="token punctuation">{</span>tomorrow<span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span>\n'},o={component:En,code:'<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n\t<span class="token keyword">import</span> <span class="token punctuation">{</span> InlineCalendar <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'svelte-calendar\'</span><span class="token punctuation">;</span>\n\t<span class="token keyword">const</span> theme <span class="token operator">=</span> <span class="token punctuation">{</span>\n\t\tcalendar<span class="token operator">:</span> <span class="token punctuation">{</span>\n\t\t\twidth<span class="token operator">:</span> <span class="token string">\'600px\'</span><span class="token punctuation">,</span>\n\t\t\tshadow<span class="token operator">:</span> <span class="token string">\'0px 0px 5px rgba(0, 0, 0, 0.25)\'</span>\n\t\t<span class="token punctuation">}</span>\n\t<span class="token punctuation">}</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>InlineCalendar</span> <span class="token language-javascript"><span class="token punctuation">{</span>theme<span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span>\n'},e={component:Mn,code:'<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n\t<span class="token keyword">import</span> <span class="token punctuation">{</span> base <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'$app/paths\'</span><span class="token punctuation">;</span>\n\t<span class="token keyword">import</span> <span class="token punctuation">{</span> InlineCalendar<span class="token punctuation">,</span> themes <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'svelte-calendar\'</span><span class="token punctuation">;</span>\n\t<span class="token keyword">const</span> <span class="token punctuation">{</span> dark<span class="token operator">:</span> theme <span class="token punctuation">}</span> <span class="token operator">=</span> themes<span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>InlineCalendar</span> <span class="token language-javascript"><span class="token punctuation">{</span>theme<span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span>\n\n'},c={component:On,code:'<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n\t<span class="token keyword">import</span> <span class="token punctuation">{</span> InlineCalendar <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'svelte-calendar\'</span><span class="token punctuation">;</span>\n\t<span class="token keyword">import</span> <span class="token punctuation">{</span> base <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'$app/paths\'</span><span class="token punctuation">;</span>\n\n\t<span class="token keyword">const</span> theme <span class="token operator">=</span> <span class="token punctuation">{</span>\n\t\tcalendar<span class="token operator">:</span> <span class="token punctuation">{</span>\n\t\t\tcolors<span class="token operator">:</span> <span class="token punctuation">{</span>\n\t\t\t\tbackground<span class="token operator">:</span> <span class="token punctuation">{</span>\n\t\t\t\t\thighlight<span class="token operator">:</span> <span class="token string">\'purple\'</span>\n\t\t\t\t<span class="token punctuation">}</span>\n\t\t\t<span class="token punctuation">}</span>\n\t\t<span class="token punctuation">}</span>\n\t<span class="token punctuation">}</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>InlineCalendar</span> <span class="token language-javascript"><span class="token punctuation">{</span>theme<span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span>\n\n'},l={component:Sn,code:'<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n\t<span class="token keyword">import</span> <span class="token punctuation">{</span> Datepicker <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'svelte-calendar\'</span><span class="token punctuation">;</span>\n\n\t<span class="token keyword">let</span> format <span class="token operator">=</span> <span class="token string">\'dddd, MMMM D, YYYY\'</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Datepicker</span> <span class="token language-javascript"><span class="token punctuation">{</span>format<span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>text<span class="token punctuation">"</span></span> <span class="token attr-name"><span class="token namespace">bind:</span>value=</span><span class="token language-javascript"><span class="token punctuation">{</span>format<span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span>\n\n'},u={component:Vn,code:'<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n\t<span class="token keyword">import</span> <span class="token punctuation">{</span> InlineCalendar <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'svelte-calendar\'</span><span class="token punctuation">;</span>\n\t<span class="token keyword">import</span> dayjs <span class="token keyword">from</span> <span class="token string">\'dayjs\'</span><span class="token punctuation">;</span>\n\n\t<span class="token keyword">const</span> theme <span class="token operator">=</span> <span class="token punctuation">{</span>\n\t\tcalendar<span class="token operator">:</span> <span class="token punctuation">{</span>\n\t\t\twidth<span class="token operator">:</span> <span class="token string">\'600px\'</span><span class="token punctuation">,</span>\n\t\t\tshadow<span class="token operator">:</span> <span class="token string">\'0px 0px 5px rgba(0, 0, 0, 0.25)\'</span>\n\t\t<span class="token punctuation">}</span>\n\t<span class="token punctuation">}</span><span class="token punctuation">;</span>\n\n\t<span class="token keyword">let</span> store<span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>InlineCalendar</span> <span class="token attr-name"><span class="token namespace">bind:</span>store</span> <span class="token language-javascript"><span class="token punctuation">{</span>theme<span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>grid<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n\t<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>button</span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> store<span class="token punctuation">.</span><span class="token function">add</span><span class="token punctuation">(</span><span class="token operator">-</span><span class="token number">1</span><span class="token punctuation">,</span> <span class="token string">\'year\'</span><span class="token punctuation">)</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>-1y<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>button</span><span class="token punctuation">></span></span>\n\t<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>button</span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> store<span class="token punctuation">.</span><span class="token function">add</span><span class="token punctuation">(</span><span class="token operator">-</span><span class="token number">1</span><span class="token punctuation">,</span> <span class="token string">\'month\'</span><span class="token punctuation">)</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>-1m<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>button</span><span class="token punctuation">></span></span>\n\t<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>button</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>day<span class="token punctuation">"</span></span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> store<span class="token punctuation">.</span><span class="token function">add</span><span class="token punctuation">(</span><span class="token operator">-</span><span class="token number">1</span><span class="token punctuation">,</span> <span class="token string">\'day\'</span><span class="token punctuation">)</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>-1d<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>button</span><span class="token punctuation">></span></span>\n\t<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">></span></span>\n\t\t<span class="token language-javascript"><span class="token punctuation">{</span><span class="token function">dayjs</span><span class="token punctuation">(</span>$store<span class="token operator">?.</span>selected<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">format</span><span class="token punctuation">(</span><span class="token string">\'MM/DD/YYYY\'</span><span class="token punctuation">)</span><span class="token punctuation">}</span></span>\n\t<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">></span></span>\n\t<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>button</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>day<span class="token punctuation">"</span></span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> store<span class="token punctuation">.</span><span class="token function">add</span><span class="token punctuation">(</span><span class="token number">1</span><span class="token punctuation">,</span> <span class="token string">\'day\'</span><span class="token punctuation">)</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>+1d<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>button</span><span class="token punctuation">></span></span>\n\t<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>button</span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> store<span class="token punctuation">.</span><span class="token function">add</span><span class="token punctuation">(</span><span class="token number">1</span><span class="token punctuation">,</span> <span class="token string">\'month\'</span><span class="token punctuation">)</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>+1m<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>button</span><span class="token punctuation">></span></span>\n\t<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>button</span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> store<span class="token punctuation">.</span><span class="token function">add</span><span class="token punctuation">(</span><span class="token number">1</span><span class="token punctuation">,</span> <span class="token string">\'year\'</span><span class="token punctuation">)</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>+1y<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>button</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n\n'},k={component:Qn,code:'<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n\t<span class="token keyword">import</span> <span class="token string">\'dayjs/locale/zh-cn.js\'</span><span class="token punctuation">;</span>\n\t<span class="token keyword">import</span> <span class="token string">\'dayjs/locale/es.js\'</span><span class="token punctuation">;</span>\n\t<span class="token keyword">import</span> <span class="token string">\'dayjs/locale/ar-dz.js\'</span><span class="token punctuation">;</span>\n\t<span class="token keyword">import</span> <span class="token string">\'dayjs/locale/he.js\'</span><span class="token punctuation">;</span>\n\t<span class="token keyword">import</span> dayjs <span class="token keyword">from</span> <span class="token string">\'dayjs\'</span><span class="token punctuation">;</span>\n\t<span class="token keyword">import</span> <span class="token punctuation">{</span> InlineCalendar<span class="token punctuation">,</span> Swappable<span class="token punctuation">,</span> themes <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'../../../../index.js\'</span><span class="token punctuation">;</span>\n\t<span class="token keyword">import</span> <span class="token punctuation">{</span> onDestroy <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'svelte\'</span><span class="token punctuation">;</span>\n\n\t<span class="token keyword">const</span> locales <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token string">\'en\'</span><span class="token punctuation">,</span> <span class="token string">\'es\'</span><span class="token punctuation">,</span> <span class="token string">\'zh-cn\'</span><span class="token punctuation">,</span> <span class="token string">\'ar-dz\'</span><span class="token punctuation">,</span> <span class="token string">\'he\'</span><span class="token punctuation">]</span><span class="token punctuation">;</span>\n\n\t<span class="token keyword">let</span> locale <span class="token operator">=</span> <span class="token string">\'es\'</span><span class="token punctuation">;</span>\n\n\t$<span class="token operator">:</span> dayjs<span class="token punctuation">.</span><span class="token function">locale</span><span class="token punctuation">(</span>locale<span class="token punctuation">)</span><span class="token punctuation">;</span>\n\n\t<span class="token function">onDestroy</span><span class="token punctuation">(</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> dayjs<span class="token punctuation">.</span><span class="token function">locale</span><span class="token punctuation">(</span><span class="token string">\'en\'</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token comment">&lt;!-- note: Locale is not reactive --\x3e</span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Swappable</span> <span class="token attr-name">value=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token punctuation">{</span> locale <span class="token punctuation">}</span><span class="token punctuation">}</span></span> <span class="token attr-name">vertical=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token boolean">false</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n\t<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>InlineCalendar</span> <span class="token attr-name">theme=</span><span class="token language-javascript"><span class="token punctuation">{</span>themes<span class="token punctuation">.</span>dark<span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Swappable</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>button-group<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n\t<span class="token each"><span class="token punctuation">{</span><span class="token keyword">#each</span> <span class="token language-javascript">locales </span><span class="token keyword">as</span> <span class="token language-javascript">loc<span class="token punctuation">}</span></span></span>\n\t\t<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>button</span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">(</span>locale <span class="token operator">=</span> loc<span class="token punctuation">)</span><span class="token punctuation">}</span></span> <span class="token attr-name"><span class="token namespace">class:</span>selected=</span><span class="token language-javascript"><span class="token punctuation">{</span>locale <span class="token operator">===</span> loc<span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n\t\t\t<span class="token language-javascript"><span class="token punctuation">{</span>loc<span class="token punctuation">}</span></span>\n\t\t<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>button</span><span class="token punctuation">></span></span>\n\t<span class="token each"><span class="token punctuation">{</span><span class="token keyword">/each</span><span class="token punctuation">}</span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n\n'},r={component:Kn,code:'<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n\t<span class="token keyword">import</span> dayjs <span class="token keyword">from</span> <span class="token string">\'dayjs\'</span><span class="token punctuation">;</span>\n\t<span class="token keyword">import</span> <span class="token punctuation">{</span> Datepicker <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'svelte-calendar\'</span><span class="token punctuation">;</span>\n\n\t<span class="token keyword">let</span> store<span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Datepicker</span> <span class="token attr-name"><span class="token namespace">bind:</span>store</span> <span class="token attr-name"><span class="token namespace">let:</span>key</span> <span class="token attr-name"><span class="token namespace">let:</span>send</span> <span class="token attr-name"><span class="token namespace">let:</span>receive</span><span class="token punctuation">></span></span>\n\t<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>button</span> <span class="token attr-name"><span class="token namespace">in:</span>receive|local=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token punctuation">{</span> key <span class="token punctuation">}</span><span class="token punctuation">}</span></span> <span class="token attr-name"><span class="token namespace">out:</span>send|local=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token punctuation">{</span> key <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n\t\t<span class="token language-javascript"><span class="token punctuation">{</span>#<span class="token keyword">if</span> $store<span class="token operator">?.</span>hasChosen<span class="token punctuation">}</span></span>\n\t\t\t<span class="token language-javascript"><span class="token punctuation">{</span><span class="token function">dayjs</span><span class="token punctuation">(</span>$store<span class="token punctuation">.</span>selected<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">format</span><span class="token punctuation">(</span><span class="token string">\'ddd MMM D, YYYY\'</span><span class="token punctuation">)</span><span class="token punctuation">}</span></span>\n\t\t<span class="token language-javascript"><span class="token punctuation">{</span><span class="token operator">:</span><span class="token keyword">else</span><span class="token punctuation">}</span></span>\n\t\t\tPick a Date\n\t\t<span class="token language-javascript"><span class="token punctuation">{</span><span class="token operator">/</span><span class="token keyword">if</span><span class="token punctuation">}</span></span>\n\t<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>button</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Datepicker</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>style</span><span class="token punctuation">></span></span><span class="token style"><span class="token language-css">\n\t<span class="token selector">button</span> <span class="token punctuation">{</span>\n\t\t<span class="token property">background</span><span class="token punctuation">:</span> purple<span class="token punctuation">;</span>\n\t\t<span class="token property">color</span><span class="token punctuation">:</span> #fff<span class="token punctuation">;</span>\n\t\t<span class="token property">border</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span>\n\t\t<span class="token property">padding</span><span class="token punctuation">:</span> 18px 30px<span class="token punctuation">;</span>\n\t\t<span class="token property">font-size</span><span class="token punctuation">:</span> 1.2em<span class="token punctuation">;</span>\n\t\t<span class="token property">border-radius</span><span class="token punctuation">:</span> 6px<span class="token punctuation">;</span>\n\t\t<span class="token property">cursor</span><span class="token punctuation">:</span> pointer<span class="token punctuation">;</span>\n\t<span class="token punctuation">}</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>style</span><span class="token punctuation">></span></span>\n'};let i=null;return[i,[{title:"Quick Start",component:t.component,code:t.code},{title:"Start & End",component:p.component,code:p.code},{title:"Inline Calendar",component:o.component,code:o.code},{title:"Dark Theme",component:e.component,code:e.code},{title:"Custom Theme",component:c.component,code:c.code},{title:"Formatting",component:l.component,code:l.code},{title:"Accessing Store",component:u.component,code:u.code},{title:"Locale",component:k.component,code:k.code},{title:"Custom Trigger",component:r.component,code:r.code}],n=>()=>{a(0,i=n)},()=>{a(0,i=null)}]}class us extends e{constructor(n){super(),c(this,n,ls,cs,l,{})}}export{us as default};
diff --git a/docs/internal/pages/docs/examples.svelte-3d18e5c9.js b/docs/internal/pages/docs/examples.svelte-3d18e5c9.js
new file mode 100644
index 0000000..c9e1244
--- /dev/null
+++ b/docs/internal/pages/docs/examples.svelte-3d18e5c9.js
@@ -0,0 +1 @@
+var n=Object.defineProperty,s=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,t=Object.prototype.propertyIsEnumerable,p=(s,a,t)=>a in s?n(s,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[a]=t,o=(n,o)=>{for(var e in o||(o={}))a.call(o,e)&&p(n,e,o[e]);if(s)for(var e of s(o))t.call(o,e)&&p(n,e,o[e]);return n};"undefined"!=typeof require&&require;import{S as e,i as c,s as l,e as u,k,c as i,a as r,n as d,d as g,b as m,X as f,f as h,D as $,a0 as v,N as y,x as w,Y as j,ao as b,u as x,Z as D,r as E,ae as Y,w as I,ap as M,K as T,af as C,a1 as O,j as N,m as P,o as S,F as B,v as U,a2 as V,t as z,g as A,al as L,E as _,I as q,J as Q,M as X,h as F,a4 as H,a5 as G,_ as J,O as K,aq as R,l as W,ah as Z,a3 as nn}from"../../chunks/vendor-df71a323.js";import{t as sn,d as an,C as tn,T as pn}from"../../chunks/CrossfadeProvider-6d049882.js";import{b as on}from"../../chunks/defaults-18c3e92f.js";import{D as en,C as cn}from"../../chunks/DocPage-47619466.js";import{I as ln,C as un}from"../../chunks/CodeExample-314e881d.js";import{Q as kn}from"../../chunks/QuickStart-c387fabf.js";import{D as rn}from"../../chunks/Datepicker-9632e8da.js";/* empty css                                                                */import{b as dn}from"../../chunks/paths-45dac81d.js";/* empty css                                       */import"../../chunks/stores-29d89cc3.js";import"../../chunks/NavBarItem-079219e3.js";function gn(n,s,a){const t=n.slice();return t[0]=s[a].value,t[18]=s[a].id,t}const mn=n=>({value:8&n}),fn=n=>({value:n[0]});function hn(n,s){let a,t,p,o,e,c;const l=s[13].default,E=T(l,s,s[12],fn);return{key:n,first:null,c(){a=u("div"),E&&E.c(),t=k(),this.h()},l(n){a=i(n,"DIV",{class:!0});var s=r(a);E&&E.l(s),t=d(s),s.forEach(g),this.h()},h(){m(a,"class","cell svelte-11eiuvz"),f((()=>s[14].call(a))),this.first=a},m(n,o){h(n,a,o),E&&E.m(a,null),$(a,t),p=v(a,s[14].bind(a)),c=!0},p(n,a){s=n,E&&E.p&&(!c||4104&a)&&y(E,l,s,s[12],a,mn,fn)},i(n){c||(w(E,n),n&&f((()=>{e&&e.end(1),o||(o=j(a,b,s[4])),o.start()})),c=!0)},o(n){x(E,n),o&&o.invalidate(),n&&(e=D(a,b,s[5])),c=!1},d(n){n&&g(a),E&&E.d(n),p(),n&&e&&e.end()}}}function $n(n){let s,a,t=[],p=new Map,o=n[3];const e=n=>n[18];for(let c=0;c<o.length;c+=1){let s=gn(n,o,c),a=e(s);p.set(a,t[c]=hn(a,s))}return{c(){s=u("div");for(let n=0;n<t.length;n+=1)t[n].c();this.h()},l(n){s=i(n,"DIV",{class:!0});var a=r(s);for(let s=0;s<t.length;s+=1)t[s].l(a);a.forEach(g),this.h()},h(){m(s,"class","grid svelte-11eiuvz")},m(n,p){h(n,s,p);for(let a=0;a<t.length;a+=1)t[a].m(s,null);a=!0},p(n,[a]){4142&a&&(o=n[3],E(),t=Y(t,a,e,1,n,o,p,s,C,hn,null,gn),I())},i(n){if(!a){for(let n=0;n<o.length;n+=1)w(t[n]);a=!0}},o(n){for(let s=0;s<t.length;s+=1)x(t[s]);a=!1},d(n){n&&g(s);for(let s=0;s<t.length;s+=1)t[s].d()}}}function vn(n,s,a){let t,p,e,c,l,u,{$$slots:k={},$$scope:i}=s,{value:r}=s,{getId:d=(n=>(null==n?void 0:n.id)||n)}=s,{vertical:g=!0}=s,{magnitude:m=1}=s,{opacity:f=1}=s,{delay:h=1}=s;return n.$$set=n=>{"value"in n&&a(0,r=n.value),"getId"in n&&a(6,d=n.getId),"vertical"in n&&a(7,g=n.vertical),"magnitude"in n&&a(8,m=n.magnitude),"opacity"in n&&a(9,f=n.opacity),"delay"in n&&a(10,h=n.delay),"$$scope"in n&&a(12,i=n.$$scope)},n.$$.update=()=>{if(n.$$.dirty,n.$$.dirty,73&n.$$.dirty&&(null==l?void 0:l[0].value)!==r){const n=d(r);a(11,u=l&&l[0].id>n?-1:1);const s=[{value:r,id:n}];l?(async n=>{await O(),a(3,l=n)})(s):a(3,l=s)}3974&n.$$.dirty&&a(4,t=o({duration:650,opacity:f,easing:M,delay:h},g?{y:m*u*e}:{x:m*u*c})),2454&n.$$.dirty&&a(5,p=o(o({},t),g?{y:-1*m*u*e}:{x:-1*m*u*c}))},[r,e,c,l,t,p,d,g,m,f,h,u,i,k,function(){c=this.clientWidth,e=this.clientHeight,a(2,c),a(1,e)}]}class yn extends e{constructor(n){super(),c(this,n,vn,$n,l,{value:0,getId:6,vertical:7,magnitude:8,opacity:9,delay:10})}}function wn(n){let s,a;return s=new rn({props:{start:n[0],end:n[1]}}),{c(){N(s.$$.fragment)},l(n){P(s.$$.fragment,n)},m(n,t){S(s,n,t),a=!0},p:B,i(n){a||(w(s.$$.fragment,n),a=!0)},o(n){x(s.$$.fragment,n),a=!1},d(n){U(s,n)}}}function jn(n){return[new Date,V().add(1,"day").toDate()]}class bn extends e{constructor(n){super(),c(this,n,jn,wn,l,{})}}function xn(n){let s,a;return s=new ln({props:{theme:n[0]}}),{c(){N(s.$$.fragment)},l(n){P(s.$$.fragment,n)},m(n,t){S(s,n,t),a=!0},p:B,i(n){a||(w(s.$$.fragment,n),a=!0)},o(n){x(s.$$.fragment,n),a=!1},d(n){U(s,n)}}}function Dn(n){return[{calendar:{width:"600px",shadow:"0px 0px 5px rgba(0, 0, 0, 0.25)"}}]}class En extends e{constructor(n){super(),c(this,n,Dn,xn,l,{})}}function Yn(n){let s,a,t,p,o,e,c;return s=new ln({props:{theme:n[0]}}),{c(){N(s.$$.fragment),a=k(),t=u("p"),p=z("Not your cup of tea? "),o=u("a"),e=z("Design your own theme."),this.h()},l(n){P(s.$$.fragment,n),a=d(n),t=i(n,"P",{});var c=r(t);p=A(c,"Not your cup of tea? "),o=i(c,"A",{href:!0});var l=r(o);e=A(l,"Design your own theme."),l.forEach(g),c.forEach(g),this.h()},h(){m(o,"href",dn+"/docs/theme-editor/light")},m(n,l){S(s,n,l),h(n,a,l),h(n,t,l),$(t,p),$(t,o),$(o,e),c=!0},p:B,i(n){c||(w(s.$$.fragment,n),c=!0)},o(n){x(s.$$.fragment,n),c=!1},d(n){U(s,n),n&&g(a),n&&g(t)}}}function In(n){const{dark:s}=sn;return[s]}class Mn extends e{constructor(n){super(),c(this,n,In,Yn,l,{})}}function Tn(n){let s,a,t,p,o,e,c,l;return s=new ln({props:{theme:n[0]}}),{c(){N(s.$$.fragment),a=k(),t=u("p"),p=z("See "),o=u("a"),e=z("theme-editor page"),c=z(" to design your own theme."),this.h()},l(n){P(s.$$.fragment,n),a=d(n),t=i(n,"P",{});var l=r(t);p=A(l,"See "),o=i(l,"A",{href:!0});var u=r(o);e=A(u,"theme-editor page"),u.forEach(g),c=A(l," to design your own theme."),l.forEach(g),this.h()},h(){m(o,"href",dn+"/docs/theme-editor/light")},m(n,u){S(s,n,u),h(n,a,u),h(n,t,u),$(t,p),$(t,o),$(o,e),$(t,c),l=!0},p:B,i(n){l||(w(s.$$.fragment,n),l=!0)},o(n){x(s.$$.fragment,n),l=!1},d(n){U(s,n),n&&g(a),n&&g(t)}}}function Cn(n){return[{calendar:{colors:{background:{highlight:"purple"}}}}]}class On extends e{constructor(n){super(),c(this,n,Cn,Tn,l,{})}}function Nn(n){let s,a,t,p,o,e,c,l,f,v,y,j;return s=new rn({props:{format:n[0]}}),{c(){N(s.$$.fragment),a=k(),t=u("input"),p=k(),o=u("p"),e=z("See "),c=u("a"),l=z("dayjs"),f=z(" documentation for formatting docs"),this.h()},l(n){P(s.$$.fragment,n),a=d(n),t=i(n,"INPUT",{type:!0,class:!0}),p=d(n),o=i(n,"P",{});var u=r(o);e=A(u,"See "),c=i(u,"A",{href:!0});var k=r(c);l=A(k,"dayjs"),k.forEach(g),f=A(u," documentation for formatting docs"),u.forEach(g),this.h()},h(){m(t,"type","text"),m(t,"class","svelte-1l3vmxl"),m(c,"href","https://day.js.org/docs/en/display/format")},m(u,k){S(s,u,k),h(u,a,k),h(u,t,k),L(t,n[0]),h(u,p,k),h(u,o,k),$(o,e),$(o,c),$(c,l),$(o,f),v=!0,y||(j=_(t,"input",n[1]),y=!0)},p(n,[a]){const p={};1&a&&(p.format=n[0]),s.$set(p),1&a&&t.value!==n[0]&&L(t,n[0])},i(n){v||(w(s.$$.fragment,n),v=!0)},o(n){x(s.$$.fragment,n),v=!1},d(n){U(s,n),n&&g(a),n&&g(t),n&&g(p),n&&g(o),y=!1,j()}}}function Pn(n,s,a){let t="dddd, MMMM D, YYYY";return[t,function(){t=this.value,a(0,t)}]}class Sn extends e{constructor(n){super(),c(this,n,Pn,Nn,l,{})}}function Bn(n){var s;let a,t,p,o,e,c,l,f,v,y,j,b,D,E,Y,I,M,T,C,O,B,L,G,J,K,R,W,Z,nn,sn,an=V(null==(s=n[1])?void 0:s.selected).format("MM/DD/YYYY")+"";function tn(s){n[3](s)}let pn={theme:n[2]};return void 0!==n[0]&&(pn.store=n[0]),a=new ln({props:pn}),q.push((()=>Q(a,"store",tn))),{c(){N(a.$$.fragment),p=k(),o=u("div"),e=u("button"),c=z("-1y"),l=k(),f=u("button"),v=z("-1m"),y=k(),j=u("button"),b=z("-1d"),D=k(),E=u("p"),Y=z(an),I=k(),M=u("button"),T=z("+1d"),C=k(),O=u("button"),B=z("+1m"),L=k(),G=u("button"),J=z("+1y"),K=k(),R=u("p"),W=z("You can access both the store's state and methods."),this.h()},l(n){P(a.$$.fragment,n),p=d(n),o=i(n,"DIV",{class:!0});var s=r(o);e=i(s,"BUTTON",{class:!0});var t=r(e);c=A(t,"-1y"),t.forEach(g),l=d(s),f=i(s,"BUTTON",{class:!0});var u=r(f);v=A(u,"-1m"),u.forEach(g),y=d(s),j=i(s,"BUTTON",{class:!0});var k=r(j);b=A(k,"-1d"),k.forEach(g),D=d(s),E=i(s,"P",{});var m=r(E);Y=A(m,an),m.forEach(g),I=d(s),M=i(s,"BUTTON",{class:!0});var h=r(M);T=A(h,"+1d"),h.forEach(g),C=d(s),O=i(s,"BUTTON",{class:!0});var $=r(O);B=A($,"+1m"),$.forEach(g),L=d(s),G=i(s,"BUTTON",{class:!0});var w=r(G);J=A(w,"+1y"),w.forEach(g),s.forEach(g),K=d(n),R=i(n,"P",{});var x=r(R);W=A(x,"You can access both the store's state and methods."),x.forEach(g),this.h()},h(){m(e,"class","svelte-4tfm8e"),m(f,"class","svelte-4tfm8e"),m(j,"class","day svelte-4tfm8e"),m(M,"class","day svelte-4tfm8e"),m(O,"class","svelte-4tfm8e"),m(G,"class","svelte-4tfm8e"),m(o,"class","grid svelte-4tfm8e")},m(s,t){S(a,s,t),h(s,p,t),h(s,o,t),$(o,e),$(e,c),$(o,l),$(o,f),$(f,v),$(o,y),$(o,j),$(j,b),$(o,D),$(o,E),$(E,Y),$(o,I),$(o,M),$(M,T),$(o,C),$(o,O),$(O,B),$(o,L),$(o,G),$(G,J),h(s,K,t),h(s,R,t),$(R,W),Z=!0,nn||(sn=[_(e,"click",n[4]),_(f,"click",n[5]),_(j,"click",n[6]),_(M,"click",n[7]),_(O,"click",n[8]),_(G,"click",n[9])],nn=!0)},p(n,[s]){var p;const o={};!t&&1&s&&(t=!0,o.store=n[0],X((()=>t=!1))),a.$set(o),(!Z||2&s)&&an!==(an=V(null==(p=n[1])?void 0:p.selected).format("MM/DD/YYYY")+"")&&F(Y,an)},i(n){Z||(w(a.$$.fragment,n),Z=!0)},o(n){x(a.$$.fragment,n),Z=!1},d(n){U(a,n),n&&g(p),n&&g(o),n&&g(K),n&&g(R),nn=!1,H(sn)}}}function Un(n,s,a){let t,p=B;n.$$.on_destroy.push((()=>p()));let o;return[o,t,{calendar:{width:"600px",shadow:"0px 0px 5px rgba(0, 0, 0, 0.25)"}},function(n){o=n,a(0,o),p(),p=G(o,(n=>a(1,t=n)))},()=>o.add(-1,"year"),()=>o.add(-1,"month"),()=>o.add(-1,"day"),()=>o.add(1,"day"),()=>o.add(1,"month"),()=>o.add(1,"year")]}class Vn extends e{constructor(n){super(),c(this,n,Un,Bn,l,{})}}function zn(n,s,a){const t=n.slice();return t[3]=s[a],t}function An(n){let s,a;return s=new ln({props:{theme:an}}),{c(){N(s.$$.fragment)},l(n){P(s.$$.fragment,n)},m(n,t){S(s,n,t),a=!0},p:B,i(n){a||(w(s.$$.fragment,n),a=!0)},o(n){x(s.$$.fragment,n),a=!1},d(n){U(s,n)}}}function Ln(n){let s,a,t,p,o,e=n[3]+"";function c(){return n[2](n[3])}return{c(){s=u("button"),a=z(e),t=k(),this.h()},l(n){s=i(n,"BUTTON",{class:!0});var p=r(s);a=A(p,e),t=d(p),p.forEach(g),this.h()},h(){m(s,"class","svelte-65fm27"),J(s,"selected",n[0]===n[3])},m(n,e){h(n,s,e),$(s,a),$(s,t),p||(o=_(s,"click",c),p=!0)},p(a,t){n=a,3&t&&J(s,"selected",n[0]===n[3])},d(n){n&&g(s),p=!1,o()}}}function _n(n){let s,a,t,p,o,e,c,l,f,v,y,j;s=new yn({props:{value:{locale:n[0]},vertical:!1,$$slots:{default:[An]},$$scope:{ctx:n}}});let b=n[1],D=[];for(let u=0;u<b.length;u+=1)D[u]=Ln(zn(n,b,u));return{c(){N(s.$$.fragment),a=k(),t=u("div");for(let n=0;n<D.length;n+=1)D[n].c();p=k(),o=u("p"),e=z("List of "),c=u("a"),l=z("available locales"),f=z(" in\n\t"),v=u("strong"),y=z("dayjs"),this.h()},l(n){P(s.$$.fragment,n),a=d(n),t=i(n,"DIV",{class:!0});var u=r(t);for(let s=0;s<D.length;s+=1)D[s].l(u);u.forEach(g),p=d(n),o=i(n,"P",{});var k=r(o);e=A(k,"List of "),c=i(k,"A",{href:!0});var m=r(c);l=A(m,"available locales"),m.forEach(g),f=A(k," in\n\t"),v=i(k,"STRONG",{});var h=r(v);y=A(h,"dayjs"),h.forEach(g),k.forEach(g),this.h()},h(){m(t,"class","button-group svelte-65fm27"),m(c,"href","https://unpkg.com/dayjs@1.10.6/locale.json")},m(n,u){S(s,n,u),h(n,a,u),h(n,t,u);for(let s=0;s<D.length;s+=1)D[s].m(t,null);h(n,p,u),h(n,o,u),$(o,e),$(o,c),$(c,l),$(o,f),$(o,v),$(v,y),j=!0},p(n,[a]){const p={};if(1&a&&(p.value={locale:n[0]}),64&a&&(p.$$scope={dirty:a,ctx:n}),s.$set(p),3&a){let s;for(b=n[1],s=0;s<b.length;s+=1){const p=zn(n,b,s);D[s]?D[s].p(p,a):(D[s]=Ln(p),D[s].c(),D[s].m(t,null))}for(;s<D.length;s+=1)D[s].d(1);D.length=b.length}},i(n){j||(w(s.$$.fragment,n),j=!0)},o(n){x(s.$$.fragment,n),j=!1},d(n){U(s,n),n&&g(a),n&&g(t),K(D,n),n&&g(p),n&&g(o)}}}function qn(n,s,a){let t="es";R((()=>V.locale("en")));return n.$$.update=()=>{1&n.$$.dirty&&V.locale(t)},[t,["en","es","zh-cn","ar-dz","he"],n=>a(0,t=n)]}class Qn extends e{constructor(n){super(),c(this,n,qn,_n,l,{})}}function Xn(n){let s;return{c(){s=z("Pick a Date")},l(n){s=A(n,"Pick a Date")},m(n,a){h(n,s,a)},p:B,d(n){n&&g(s)}}}function Fn(n){let s,a=V(n[1].selected).format("ddd MMM D, YYYY")+"";return{c(){s=z(a)},l(n){s=A(n,a)},m(n,a){h(n,s,a)},p(n,t){2&t&&a!==(a=V(n[1].selected).format("ddd MMM D, YYYY")+"")&&F(s,a)},d(n){n&&g(s)}}}function Hn(n){let s,a,t,p;function o(n,s){var a;return(null==(a=n[1])?void 0:a.hasChosen)?Fn:Xn}let e=o(n),c=e(n);return{c(){s=u("button"),c.c(),this.h()},l(n){s=i(n,"BUTTON",{class:!0});var a=r(s);c.l(a),a.forEach(g),this.h()},h(){m(s,"class","svelte-wvt62l")},m(n,a){h(n,s,a),c.m(s,null),p=!0},p(a,t){e===(e=o(n=a))&&c?c.p(n,t):(c.d(1),c=e(n),c&&(c.c(),c.m(s,null)))},i(o){p||(o&&f((()=>{t&&t.end(1),a||(a=j(s,n[5],{key:n[3]})),a.start()})),p=!0)},o(o){a&&a.invalidate(),o&&(t=D(s,n[4],{key:n[3]})),p=!1},d(n){n&&g(s),c.d(),n&&t&&t.end()}}}function Gn(n){let s,a,t;function p(s){n[2](s)}let o={$$slots:{default:[Hn,({key:n,send:s,receive:a})=>({3:n,4:s,5:a}),({key:n,send:s,receive:a})=>(n?8:0)|(s?16:0)|(a?32:0)]},$$scope:{ctx:n}};return void 0!==n[0]&&(o.store=n[0]),s=new rn({props:o}),q.push((()=>Q(s,"store",p))),{c(){N(s.$$.fragment)},l(n){P(s.$$.fragment,n)},m(n,a){S(s,n,a),t=!0},p(n,[t]){const p={};74&t&&(p.$$scope={dirty:t,ctx:n}),!a&&1&t&&(a=!0,p.store=n[0],X((()=>a=!1))),s.$set(p)},i(n){t||(w(s.$$.fragment,n),t=!0)},o(n){x(s.$$.fragment,n),t=!1},d(n){U(s,n)}}}function Jn(n,s,a){let t,p,o=B;return n.$$.on_destroy.push((()=>o())),[p,t,function(n){p=n,a(0,p),o(),o=G(p,(n=>a(1,t=n)))}]}class Kn extends e{constructor(n){super(),c(this,n,Jn,Gn,l,{})}}function Rn(n,s,a){const t=n.slice();return t[17]=s[a],t}function Wn(n){let s,a,t,p,o,e,c,l=n[17].title+"";return{c(){s=u("a"),a=z(l),this.h()},l(n){s=i(n,"A",{href:!0,class:!0});var t=r(s);a=A(t,l),t.forEach(g),this.h()},h(){m(s,"href","#example"),m(s,"class","svelte-187o1v3")},m(t,p){h(t,s,p),$(s,a),o=!0,e||(c=_(s,"click",Z(n[2](n[17]))),e=!0)},p(s,a){n=s},i(a){o||(a&&f((()=>{p&&p.end(1),t||(t=j(s,n[15],{key:n[13]})),t.start()})),o=!0)},o(a){t&&t.invalidate(),a&&(p=D(s,n[14],{key:n[13]})),o=!1},d(n){n&&g(s),n&&p&&p.end(),e=!1,c()}}}function Zn(n){let s,a,t=n[0]!==n[17]&&Wn(n);return{c(){s=u("div"),t&&t.c(),a=k(),this.h()},l(n){s=i(n,"DIV",{class:!0});var p=r(s);t&&t.l(p),a=d(p),p.forEach(g),this.h()},h(){m(s,"class","svelte-187o1v3")},m(n,p){h(n,s,p),t&&t.m(s,null),$(s,a)},p(n,p){n[0]!==n[17]?t?(t.p(n,p),1&p&&w(t,1)):(t=Wn(n),t.c(),w(t,1),t.m(s,a)):t&&(E(),x(t,1,1,(()=>{t=null})),I())},d(n){n&&g(s),t&&t.d()}}}function ns(n){let s,a=n[1],t=[];for(let p=0;p<a.length;p+=1)t[p]=Zn(Rn(n,a,p));return{c(){s=u("div");for(let n=0;n<t.length;n+=1)t[n].c();this.h()},l(n){s=i(n,"DIV",{class:!0});var a=r(s);for(let s=0;s<t.length;s+=1)t[s].l(a);a.forEach(g),this.h()},h(){m(s,"class","grid svelte-187o1v3")},m(n,a){h(n,s,a);for(let p=0;p<t.length;p+=1)t[p].m(s,null)},p(n,p){if(8199&p){let o;for(a=n[1],o=0;o<a.length;o+=1){const e=Rn(n,a,o);t[o]?t[o].p(e,p):(t[o]=Zn(e),t[o].c(),t[o].m(s,null))}for(;o<t.length;o+=1)t[o].d(1);t.length=a.length}},d(n){n&&g(s),K(t,n)}}}function ss(n){let s;return{c(){s=z("Examples")},l(n){s=A(n,"Examples")},m(n,a){h(n,s,a)},d(n){n&&g(s)}}}function as(n){let s,a;return s=new pn({props:{theme:an,$$slots:{default:[os,({style:n})=>({16:n}),({style:n})=>n?65536:0]},$$scope:{ctx:n}}}),{c(){N(s.$$.fragment)},l(n){P(s.$$.fragment,n)},m(n,t){S(s,n,t),a=!0},p(n,a){const t={};1122305&a&&(t.$$scope={dirty:a,ctx:n}),s.$set(t)},i(n){a||(w(s.$$.fragment,n),a=!0)},o(n){x(s.$$.fragment,n),a=!1},d(n){U(s,n)}}}function ts(n){let s,a,t,p,o,e,c,l,f,v,y,j,b=n[0].title+"";var D=n[0].component;return D&&(f=new D({})),{c(){s=u("div"),a=u("h1"),t=z(b),p=k(),o=u("button"),e=z("X"),c=k(),l=u("div"),f&&N(f.$$.fragment),this.h()},l(n){s=i(n,"DIV",{class:!0});var u=r(s);a=i(u,"H1",{class:!0});var k=r(a);t=A(k,b),p=d(k),o=i(k,"BUTTON",{class:!0});var m=r(o);e=A(m,"X"),m.forEach(g),k.forEach(g),c=d(u),l=i(u,"DIV",{class:!0});var h=r(l);f&&P(f.$$.fragment,h),h.forEach(g),u.forEach(g),this.h()},h(){m(o,"class","svelte-187o1v3"),m(a,"class","svelte-187o1v3"),m(l,"class","example svelte-187o1v3"),m(s,"class","result-column svelte-187o1v3")},m(u,k){h(u,s,k),$(s,a),$(a,t),$(a,p),$(a,o),$(o,e),$(s,c),$(s,l),f&&S(f,l,null),v=!0,y||(j=_(o,"click",n[3]),y=!0)},p(n,s){if((!v||1&s)&&b!==(b=n[0].title+"")&&F(t,b),D!==(D=n[0].component)){if(f){E();const n=f;x(n.$$.fragment,1,0,(()=>{U(n,1)})),I()}D?(f=new D({}),N(f.$$.fragment),w(f.$$.fragment,1),S(f,l,null)):f=null}},i(n){v||(f&&w(f.$$.fragment,n),v=!0)},o(n){f&&x(f.$$.fragment,n),v=!1},d(n){n&&g(s),f&&U(f),y=!1,j()}}}function ps(n){let s,a,t;return a=new cn({props:{pretranslated:n[0].code}}),{c(){s=u("div"),N(a.$$.fragment),this.h()},l(n){s=i(n,"DIV",{class:!0,slot:!0});var t=r(s);P(a.$$.fragment,t),t.forEach(g),this.h()},h(){m(s,"class","code svelte-187o1v3"),m(s,"slot","code")},m(n,p){h(n,s,p),S(a,s,null),t=!0},p(n,s){const t={};1&s&&(t.pretranslated=n[0].code),a.$set(t)},i(n){t||(w(a.$$.fragment,n),t=!0)},o(n){x(a.$$.fragment,n),t=!1},d(n){n&&g(s),U(a)}}}function os(n){let s,a,t,p,o,e,c,l;return a=new un({props:{$$slots:{code:[ps],default:[ts]},$$scope:{ctx:n}}}),{c(){s=u("div"),N(a.$$.fragment),this.h()},l(n){s=i(n,"DIV",{class:!0,style:!0});var t=r(s);P(a.$$.fragment,t),t.forEach(g),this.h()},h(){m(s,"class","modal svelte-187o1v3"),m(s,"style",t=n[16])},m(t,p){h(t,s,p),S(a,s,null),e=!0,c||(l=[nn(on.call(null,s)),_(s,"blurr",n[3])],c=!0)},p(p,o){n=p;const c={};1048577&o&&(c.$$scope={dirty:o,ctx:n}),a.$set(c),(!e||65536&o&&t!==(t=n[16]))&&m(s,"style",t)},i(t){e||(w(a.$$.fragment,t),t&&f((()=>{o&&o.end(1),p||(p=j(s,n[15],{key:n[13]})),p.start()})),e=!0)},o(t){x(a.$$.fragment,t),p&&p.invalidate(),t&&(o=D(s,n[14],{key:n[13]})),e=!1},d(n){n&&g(s),U(a),n&&o&&o.end(),c=!1,H(l)}}}function es(n){let s,a,t,p;s=new en({props:{$$slots:{title:[ss],default:[ns]},$$scope:{ctx:n}}});let o=n[0]&&as(n);return{c(){N(s.$$.fragment),a=k(),o&&o.c(),t=W()},l(n){P(s.$$.fragment,n),a=d(n),o&&o.l(n),t=W()},m(n,e){S(s,n,e),h(n,a,e),o&&o.m(n,e),h(n,t,e),p=!0},p(n,a){const p={};1056769&a&&(p.$$scope={dirty:a,ctx:n}),s.$set(p),n[0]?o?(o.p(n,a),1&a&&w(o,1)):(o=as(n),o.c(),w(o,1),o.m(t.parentNode,t)):o&&(E(),x(o,1,1,(()=>{o=null})),I())},i(n){p||(w(s.$$.fragment,n),w(o),p=!0)},o(n){x(s.$$.fragment,n),x(o),p=!1},d(n){U(s,n),n&&g(a),o&&o.d(n),n&&g(t)}}}function cs(n){let s,a;return s=new tn({props:{$$slots:{default:[es,({key:n,send:s,receive:a})=>({13:n,14:s,15:a}),({key:n,send:s,receive:a})=>(n?8192:0)|(s?16384:0)|(a?32768:0)]},$$scope:{ctx:n}}}),{c(){N(s.$$.fragment)},l(n){P(s.$$.fragment,n)},m(n,t){S(s,n,t),a=!0},p(n,[a]){const t={};1056769&a&&(t.$$scope={dirty:a,ctx:n}),s.$set(t)},i(n){a||(w(s.$$.fragment,n),a=!0)},o(n){x(s.$$.fragment,n),a=!1},d(n){U(s,n)}}}function ls(n,s,a){const t={component:kn,code:'<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n\t<span class="token keyword">import</span> <span class="token punctuation">{</span> Datepicker <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'../../index\'</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Datepicker</span> <span class="token punctuation">/></span></span>\n'},p={component:bn,code:'<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n\t<span class="token keyword">import</span> dayjs <span class="token keyword">from</span> <span class="token string">\'dayjs\'</span><span class="token punctuation">;</span>\n\t<span class="token keyword">import</span> <span class="token punctuation">{</span> Datepicker <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'../../index\'</span><span class="token punctuation">;</span>\n\n\t<span class="token keyword">const</span> today <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">Date</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n\t<span class="token keyword">const</span> tomorrow <span class="token operator">=</span> <span class="token function">dayjs</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">add</span><span class="token punctuation">(</span><span class="token number">1</span><span class="token punctuation">,</span> <span class="token string">\'day\'</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">toDate</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Datepicker</span> <span class="token attr-name">start=</span><span class="token language-javascript"><span class="token punctuation">{</span>today<span class="token punctuation">}</span></span> <span class="token attr-name">end=</span><span class="token language-javascript"><span class="token punctuation">{</span>tomorrow<span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span>\n'},o={component:En,code:'<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n\t<span class="token keyword">import</span> <span class="token punctuation">{</span> InlineCalendar <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'../../index\'</span><span class="token punctuation">;</span>\n\t<span class="token keyword">const</span> theme <span class="token operator">=</span> <span class="token punctuation">{</span>\n\t\tcalendar<span class="token operator">:</span> <span class="token punctuation">{</span>\n\t\t\twidth<span class="token operator">:</span> <span class="token string">\'600px\'</span><span class="token punctuation">,</span>\n\t\t\tshadow<span class="token operator">:</span> <span class="token string">\'0px 0px 5px rgba(0, 0, 0, 0.25)\'</span>\n\t\t<span class="token punctuation">}</span>\n\t<span class="token punctuation">}</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>InlineCalendar</span> <span class="token language-javascript"><span class="token punctuation">{</span>theme<span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span>\n'},e={component:Mn,code:'<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n\t<span class="token keyword">import</span> <span class="token punctuation">{</span> base <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'$app/paths\'</span><span class="token punctuation">;</span>\n\t<span class="token keyword">import</span> <span class="token punctuation">{</span> InlineCalendar<span class="token punctuation">,</span> themes <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'../../index\'</span><span class="token punctuation">;</span>\n\t<span class="token keyword">const</span> <span class="token punctuation">{</span> dark<span class="token operator">:</span> theme <span class="token punctuation">}</span> <span class="token operator">=</span> themes<span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>InlineCalendar</span> <span class="token language-javascript"><span class="token punctuation">{</span>theme<span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span>\n\n'},c={component:On,code:'<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n\t<span class="token keyword">import</span> <span class="token punctuation">{</span> InlineCalendar <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'../../index\'</span><span class="token punctuation">;</span>\n\t<span class="token keyword">import</span> <span class="token punctuation">{</span> base <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'$app/paths\'</span><span class="token punctuation">;</span>\n\n\t<span class="token keyword">const</span> theme <span class="token operator">=</span> <span class="token punctuation">{</span>\n\t\tcalendar<span class="token operator">:</span> <span class="token punctuation">{</span>\n\t\t\tcolors<span class="token operator">:</span> <span class="token punctuation">{</span>\n\t\t\t\tbackground<span class="token operator">:</span> <span class="token punctuation">{</span>\n\t\t\t\t\thighlight<span class="token operator">:</span> <span class="token string">\'purple\'</span>\n\t\t\t\t<span class="token punctuation">}</span>\n\t\t\t<span class="token punctuation">}</span>\n\t\t<span class="token punctuation">}</span>\n\t<span class="token punctuation">}</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>InlineCalendar</span> <span class="token language-javascript"><span class="token punctuation">{</span>theme<span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span>\n\n'},l={component:Sn,code:'<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n\t<span class="token keyword">import</span> <span class="token punctuation">{</span> Datepicker <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'../../index\'</span><span class="token punctuation">;</span>\n\n\t<span class="token keyword">let</span> format <span class="token operator">=</span> <span class="token string">\'dddd, MMMM D, YYYY\'</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Datepicker</span> <span class="token language-javascript"><span class="token punctuation">{</span>format<span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>text<span class="token punctuation">"</span></span> <span class="token attr-name"><span class="token namespace">bind:</span>value=</span><span class="token language-javascript"><span class="token punctuation">{</span>format<span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span>\n\n'},u={component:Vn,code:'<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n\t<span class="token keyword">import</span> <span class="token punctuation">{</span> InlineCalendar <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'../../index\'</span><span class="token punctuation">;</span>\n\t<span class="token keyword">import</span> dayjs <span class="token keyword">from</span> <span class="token string">\'dayjs\'</span><span class="token punctuation">;</span>\n\n\t<span class="token keyword">const</span> theme <span class="token operator">=</span> <span class="token punctuation">{</span>\n\t\tcalendar<span class="token operator">:</span> <span class="token punctuation">{</span>\n\t\t\twidth<span class="token operator">:</span> <span class="token string">\'600px\'</span><span class="token punctuation">,</span>\n\t\t\tshadow<span class="token operator">:</span> <span class="token string">\'0px 0px 5px rgba(0, 0, 0, 0.25)\'</span>\n\t\t<span class="token punctuation">}</span>\n\t<span class="token punctuation">}</span><span class="token punctuation">;</span>\n\n\t<span class="token keyword">let</span> store<span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>InlineCalendar</span> <span class="token attr-name"><span class="token namespace">bind:</span>store</span> <span class="token language-javascript"><span class="token punctuation">{</span>theme<span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>grid<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n\t<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>button</span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> store<span class="token punctuation">.</span><span class="token function">add</span><span class="token punctuation">(</span><span class="token operator">-</span><span class="token number">1</span><span class="token punctuation">,</span> <span class="token string">\'year\'</span><span class="token punctuation">)</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>-1y<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>button</span><span class="token punctuation">></span></span>\n\t<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>button</span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> store<span class="token punctuation">.</span><span class="token function">add</span><span class="token punctuation">(</span><span class="token operator">-</span><span class="token number">1</span><span class="token punctuation">,</span> <span class="token string">\'month\'</span><span class="token punctuation">)</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>-1m<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>button</span><span class="token punctuation">></span></span>\n\t<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>button</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>day<span class="token punctuation">"</span></span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> store<span class="token punctuation">.</span><span class="token function">add</span><span class="token punctuation">(</span><span class="token operator">-</span><span class="token number">1</span><span class="token punctuation">,</span> <span class="token string">\'day\'</span><span class="token punctuation">)</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>-1d<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>button</span><span class="token punctuation">></span></span>\n\t<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">></span></span>\n\t\t<span class="token language-javascript"><span class="token punctuation">{</span><span class="token function">dayjs</span><span class="token punctuation">(</span>$store<span class="token operator">?.</span>selected<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">format</span><span class="token punctuation">(</span><span class="token string">\'MM/DD/YYYY\'</span><span class="token punctuation">)</span><span class="token punctuation">}</span></span>\n\t<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">></span></span>\n\t<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>button</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>day<span class="token punctuation">"</span></span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> store<span class="token punctuation">.</span><span class="token function">add</span><span class="token punctuation">(</span><span class="token number">1</span><span class="token punctuation">,</span> <span class="token string">\'day\'</span><span class="token punctuation">)</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>+1d<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>button</span><span class="token punctuation">></span></span>\n\t<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>button</span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> store<span class="token punctuation">.</span><span class="token function">add</span><span class="token punctuation">(</span><span class="token number">1</span><span class="token punctuation">,</span> <span class="token string">\'month\'</span><span class="token punctuation">)</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>+1m<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>button</span><span class="token punctuation">></span></span>\n\t<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>button</span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> store<span class="token punctuation">.</span><span class="token function">add</span><span class="token punctuation">(</span><span class="token number">1</span><span class="token punctuation">,</span> <span class="token string">\'year\'</span><span class="token punctuation">)</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>+1y<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>button</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n\n'},k={component:Qn,code:'<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n\t<span class="token keyword">import</span> <span class="token string">\'dayjs/locale/zh-cn.js\'</span><span class="token punctuation">;</span>\n\t<span class="token keyword">import</span> <span class="token string">\'dayjs/locale/es.js\'</span><span class="token punctuation">;</span>\n\t<span class="token keyword">import</span> <span class="token string">\'dayjs/locale/ar-dz.js\'</span><span class="token punctuation">;</span>\n\t<span class="token keyword">import</span> <span class="token string">\'dayjs/locale/he.js\'</span><span class="token punctuation">;</span>\n\t<span class="token keyword">import</span> dayjs <span class="token keyword">from</span> <span class="token string">\'dayjs\'</span><span class="token punctuation">;</span>\n\t<span class="token keyword">import</span> <span class="token punctuation">{</span> InlineCalendar<span class="token punctuation">,</span> Swappable<span class="token punctuation">,</span> themes <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'../../index.js\'</span><span class="token punctuation">;</span>\n\t<span class="token keyword">import</span> <span class="token punctuation">{</span> onDestroy <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'svelte\'</span><span class="token punctuation">;</span>\n\n\t<span class="token keyword">const</span> locales <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token string">\'en\'</span><span class="token punctuation">,</span> <span class="token string">\'es\'</span><span class="token punctuation">,</span> <span class="token string">\'zh-cn\'</span><span class="token punctuation">,</span> <span class="token string">\'ar-dz\'</span><span class="token punctuation">,</span> <span class="token string">\'he\'</span><span class="token punctuation">]</span><span class="token punctuation">;</span>\n\n\t<span class="token keyword">let</span> locale <span class="token operator">=</span> <span class="token string">\'es\'</span><span class="token punctuation">;</span>\n\n\t$<span class="token operator">:</span> dayjs<span class="token punctuation">.</span><span class="token function">locale</span><span class="token punctuation">(</span>locale<span class="token punctuation">)</span><span class="token punctuation">;</span>\n\n\t<span class="token function">onDestroy</span><span class="token punctuation">(</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> dayjs<span class="token punctuation">.</span><span class="token function">locale</span><span class="token punctuation">(</span><span class="token string">\'en\'</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token comment">&lt;!-- note: Locale is not reactive --\x3e</span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Swappable</span> <span class="token attr-name">value=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token punctuation">{</span> locale <span class="token punctuation">}</span><span class="token punctuation">}</span></span> <span class="token attr-name">vertical=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token boolean">false</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n\t<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>InlineCalendar</span> <span class="token attr-name">theme=</span><span class="token language-javascript"><span class="token punctuation">{</span>themes<span class="token punctuation">.</span>dark<span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Swappable</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>button-group<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n\t<span class="token each"><span class="token punctuation">{</span><span class="token keyword">#each</span> <span class="token language-javascript">locales </span><span class="token keyword">as</span> <span class="token language-javascript">loc<span class="token punctuation">}</span></span></span>\n\t\t<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>button</span> <span class="token attr-name"><span class="token namespace">on:</span>click=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">(</span>locale <span class="token operator">=</span> loc<span class="token punctuation">)</span><span class="token punctuation">}</span></span> <span class="token attr-name"><span class="token namespace">class:</span>selected=</span><span class="token language-javascript"><span class="token punctuation">{</span>locale <span class="token operator">===</span> loc<span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n\t\t\t<span class="token language-javascript"><span class="token punctuation">{</span>loc<span class="token punctuation">}</span></span>\n\t\t<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>button</span><span class="token punctuation">></span></span>\n\t<span class="token each"><span class="token punctuation">{</span><span class="token keyword">/each</span><span class="token punctuation">}</span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>\n\n'},i={component:Kn,code:'<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n\t<span class="token keyword">import</span> dayjs <span class="token keyword">from</span> <span class="token string">\'dayjs\'</span><span class="token punctuation">;</span>\n\t<span class="token keyword">import</span> <span class="token punctuation">{</span> Datepicker <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'../../index\'</span><span class="token punctuation">;</span>\n\n\t<span class="token keyword">let</span> store<span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Datepicker</span> <span class="token attr-name"><span class="token namespace">bind:</span>store</span> <span class="token attr-name"><span class="token namespace">let:</span>key</span> <span class="token attr-name"><span class="token namespace">let:</span>send</span> <span class="token attr-name"><span class="token namespace">let:</span>receive</span><span class="token punctuation">></span></span>\n\t<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>button</span> <span class="token attr-name"><span class="token namespace">in:</span>receive|local=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token punctuation">{</span> key <span class="token punctuation">}</span><span class="token punctuation">}</span></span> <span class="token attr-name"><span class="token namespace">out:</span>send|local=</span><span class="token language-javascript"><span class="token punctuation">{</span><span class="token punctuation">{</span> key <span class="token punctuation">}</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n\t\t<span class="token language-javascript"><span class="token punctuation">{</span>#<span class="token keyword">if</span> $store<span class="token operator">?.</span>hasChosen<span class="token punctuation">}</span></span>\n\t\t\t<span class="token language-javascript"><span class="token punctuation">{</span><span class="token function">dayjs</span><span class="token punctuation">(</span>$store<span class="token punctuation">.</span>selected<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">format</span><span class="token punctuation">(</span><span class="token string">\'ddd MMM D, YYYY\'</span><span class="token punctuation">)</span><span class="token punctuation">}</span></span>\n\t\t<span class="token language-javascript"><span class="token punctuation">{</span><span class="token operator">:</span><span class="token keyword">else</span><span class="token punctuation">}</span></span>\n\t\t\tPick a Date\n\t\t<span class="token language-javascript"><span class="token punctuation">{</span><span class="token operator">/</span><span class="token keyword">if</span><span class="token punctuation">}</span></span>\n\t<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>button</span><span class="token punctuation">></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>Datepicker</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>style</span><span class="token punctuation">></span></span><span class="token style"><span class="token language-css">\n\t<span class="token selector">button</span> <span class="token punctuation">{</span>\n\t\t<span class="token property">background</span><span class="token punctuation">:</span> purple<span class="token punctuation">;</span>\n\t\t<span class="token property">color</span><span class="token punctuation">:</span> #fff<span class="token punctuation">;</span>\n\t\t<span class="token property">border</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span>\n\t\t<span class="token property">padding</span><span class="token punctuation">:</span> 18px 30px<span class="token punctuation">;</span>\n\t\t<span class="token property">font-size</span><span class="token punctuation">:</span> 1.2em<span class="token punctuation">;</span>\n\t\t<span class="token property">border-radius</span><span class="token punctuation">:</span> 6px<span class="token punctuation">;</span>\n\t\t<span class="token property">cursor</span><span class="token punctuation">:</span> pointer<span class="token punctuation">;</span>\n\t<span class="token punctuation">}</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>style</span><span class="token punctuation">></span></span>\n'};let r=null;return[r,[{title:"Quick Start",component:t.component,code:t.code},{title:"Start & End",component:p.component,code:p.code},{title:"Inline Calendar",component:o.component,code:o.code},{title:"Dark Theme",component:e.component,code:e.code},{title:"Custom Theme",component:c.component,code:c.code},{title:"Formatting",component:l.component,code:l.code},{title:"Accessing Store",component:u.component,code:u.code},{title:"Locale",component:k.component,code:k.code},{title:"Custom Trigger",component:i.component,code:i.code}],n=>()=>{a(0,r=n)},()=>{a(0,r=null)}]}class us extends e{constructor(n){super(),c(this,n,ls,cs,l,{})}}export{us as default};
diff --git a/docs/internal/pages/docs/quick-start.svelte-8103923c.js b/docs/internal/pages/docs/quick-start.svelte-e25e06cd.js
similarity index 86%
rename from docs/internal/pages/docs/quick-start.svelte-8103923c.js
rename to docs/internal/pages/docs/quick-start.svelte-e25e06cd.js
index d16249a..b7b2182 100644
--- a/docs/internal/pages/docs/quick-start.svelte-8103923c.js
+++ b/docs/internal/pages/docs/quick-start.svelte-e25e06cd.js
@@ -1 +1 @@
-import{S as s,i as a,s as t,j as n,m as e,o as r,x as c,u as o,v as p,e as l,t as i,k as u,c as m,a as f,g as k,d as h,n as d,b as $,f as g,D as v,F as x}from"../../chunks/vendor-df71a323.js";import{D as j,C as y}from"../../chunks/DocPage-47619466.js";import{b as E}from"../../chunks/paths-45dac81d.js";import{Q as I}from"../../chunks/QuickStart-c387fabf.js";/* empty css                                       */import"../../chunks/stores-29d89cc3.js";import"../../chunks/Datepicker-9632e8da.js";import"../../chunks/defaults-18c3e92f.js";import"../../chunks/CrossfadeProvider-6d049882.js";/* empty css                                                                */function w(s){let a,t,j,I,w,D,S,L,P,Q,b,C,H,A,M,N,Y,F,O,_,q,z,B;return D=new y({props:{source:"npm i -D svelte-calendar"}}),C=new y({props:{pretranslated:s[0].code}}),{c(){a=l("ol"),t=l("li"),j=l("h3"),I=i("Install with NPM or Yarn"),w=u(),n(D.$$.fragment),S=u(),L=l("li"),P=l("h3"),Q=i("Import and implement the datepicker"),b=u(),n(C.$$.fragment),H=u(),A=l("li"),M=l("h3"),N=i("See "),Y=l("a"),F=i("props"),O=i(" & "),_=l("a"),q=i("examples"),z=i(" for\n\t\t\t\tmore information"),this.h()},l(s){a=m(s,"OL",{class:!0});var n=f(a);t=m(n,"LI",{});var r=f(t);j=m(r,"H3",{class:!0});var c=f(j);I=k(c,"Install with NPM or Yarn"),c.forEach(h),w=d(r),e(D.$$.fragment,r),r.forEach(h),S=d(n),L=m(n,"LI",{});var o=f(L);P=m(o,"H3",{class:!0});var p=f(P);Q=k(p,"Import and implement the datepicker"),p.forEach(h),b=d(o),e(C.$$.fragment,o),o.forEach(h),H=d(n),A=m(n,"LI",{});var l=f(A);M=m(l,"H3",{class:!0});var i=f(M);N=k(i,"See "),Y=m(i,"A",{href:!0,class:!0});var u=f(Y);F=k(u,"props"),u.forEach(h),O=k(i," & "),_=m(i,"A",{href:!0,class:!0});var $=f(_);q=k($,"examples"),$.forEach(h),z=k(i," for\n\t\t\t\tmore information"),i.forEach(h),l.forEach(h),n.forEach(h),this.h()},h(){$(j,"class","svelte-yxu04x"),$(P,"class","svelte-yxu04x"),$(Y,"href",E+"/docs/props"),$(Y,"class","svelte-yxu04x"),$(_,"href",E+"/docs/examples"),$(_,"class","svelte-yxu04x"),$(M,"class","svelte-yxu04x"),$(a,"class","svelte-yxu04x")},m(s,n){g(s,a,n),v(a,t),v(t,j),v(j,I),v(t,w),r(D,t,null),v(a,S),v(a,L),v(L,P),v(P,Q),v(L,b),r(C,L,null),v(a,H),v(a,A),v(A,M),v(M,N),v(M,Y),v(Y,F),v(M,O),v(M,_),v(_,q),v(M,z),B=!0},p:x,i(s){B||(c(D.$$.fragment,s),c(C.$$.fragment,s),B=!0)},o(s){o(D.$$.fragment,s),o(C.$$.fragment,s),B=!1},d(s){s&&h(a),p(D),p(C)}}}function D(s){let a;return{c(){a=i("Quick-Start")},l(s){a=k(s,"Quick-Start")},m(s,t){g(s,a,t)},d(s){s&&h(a)}}}function S(s){let a,t;return a=new j({props:{$$slots:{title:[D],default:[w]},$$scope:{ctx:s}}}),{c(){n(a.$$.fragment)},l(s){e(a.$$.fragment,s)},m(s,n){r(a,s,n),t=!0},p(s,[t]){const n={};2&t&&(n.$$scope={dirty:t,ctx:s}),a.$set(n)},i(s){t||(c(a.$$.fragment,s),t=!0)},o(s){o(a.$$.fragment,s),t=!1},d(s){p(a,s)}}}const L=!1;function P(s){return[{component:I,code:'<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n\t<span class="token keyword">import</span> <span class="token punctuation">{</span> Datepicker <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'svelte-calendar\'</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Datepicker</span> <span class="token punctuation">/></span></span>\n'}]}class Q extends s{constructor(s){super(),a(this,s,P,S,t,{})}}export{Q as default,L as ssr};
+import{S as s,i as a,s as t,j as n,m as e,o as r,x as c,u as o,v as p,e as l,t as i,k as u,c as m,a as f,g as k,d as h,n as d,b as $,f as g,D as v,F as x}from"../../chunks/vendor-df71a323.js";import{D as j,C as y}from"../../chunks/DocPage-47619466.js";import{b as E}from"../../chunks/paths-45dac81d.js";import{Q as I}from"../../chunks/QuickStart-c387fabf.js";/* empty css                                       */import"../../chunks/stores-29d89cc3.js";import"../../chunks/Datepicker-9632e8da.js";import"../../chunks/defaults-18c3e92f.js";import"../../chunks/CrossfadeProvider-6d049882.js";/* empty css                                                                */function w(s){let a,t,j,I,w,D,S,L,P,Q,b,C,H,A,M,N,Y,F,O,_,q,z,B;return D=new y({props:{source:"npm i -D svelte-calendar"}}),C=new y({props:{pretranslated:s[0].code}}),{c(){a=l("ol"),t=l("li"),j=l("h3"),I=i("Install with NPM or Yarn"),w=u(),n(D.$$.fragment),S=u(),L=l("li"),P=l("h3"),Q=i("Import and implement the datepicker"),b=u(),n(C.$$.fragment),H=u(),A=l("li"),M=l("h3"),N=i("See "),Y=l("a"),F=i("props"),O=i(" & "),_=l("a"),q=i("examples"),z=i(" for\n\t\t\t\tmore information"),this.h()},l(s){a=m(s,"OL",{class:!0});var n=f(a);t=m(n,"LI",{});var r=f(t);j=m(r,"H3",{class:!0});var c=f(j);I=k(c,"Install with NPM or Yarn"),c.forEach(h),w=d(r),e(D.$$.fragment,r),r.forEach(h),S=d(n),L=m(n,"LI",{});var o=f(L);P=m(o,"H3",{class:!0});var p=f(P);Q=k(p,"Import and implement the datepicker"),p.forEach(h),b=d(o),e(C.$$.fragment,o),o.forEach(h),H=d(n),A=m(n,"LI",{});var l=f(A);M=m(l,"H3",{class:!0});var i=f(M);N=k(i,"See "),Y=m(i,"A",{href:!0,class:!0});var u=f(Y);F=k(u,"props"),u.forEach(h),O=k(i," & "),_=m(i,"A",{href:!0,class:!0});var $=f(_);q=k($,"examples"),$.forEach(h),z=k(i," for\n\t\t\t\tmore information"),i.forEach(h),l.forEach(h),n.forEach(h),this.h()},h(){$(j,"class","svelte-yxu04x"),$(P,"class","svelte-yxu04x"),$(Y,"href",E+"/docs/props"),$(Y,"class","svelte-yxu04x"),$(_,"href",E+"/docs/examples"),$(_,"class","svelte-yxu04x"),$(M,"class","svelte-yxu04x"),$(a,"class","svelte-yxu04x")},m(s,n){g(s,a,n),v(a,t),v(t,j),v(j,I),v(t,w),r(D,t,null),v(a,S),v(a,L),v(L,P),v(P,Q),v(L,b),r(C,L,null),v(a,H),v(a,A),v(A,M),v(M,N),v(M,Y),v(Y,F),v(M,O),v(M,_),v(_,q),v(M,z),B=!0},p:x,i(s){B||(c(D.$$.fragment,s),c(C.$$.fragment,s),B=!0)},o(s){o(D.$$.fragment,s),o(C.$$.fragment,s),B=!1},d(s){s&&h(a),p(D),p(C)}}}function D(s){let a;return{c(){a=i("Quick-Start")},l(s){a=k(s,"Quick-Start")},m(s,t){g(s,a,t)},d(s){s&&h(a)}}}function S(s){let a,t;return a=new j({props:{$$slots:{title:[D],default:[w]},$$scope:{ctx:s}}}),{c(){n(a.$$.fragment)},l(s){e(a.$$.fragment,s)},m(s,n){r(a,s,n),t=!0},p(s,[t]){const n={};2&t&&(n.$$scope={dirty:t,ctx:s}),a.$set(n)},i(s){t||(c(a.$$.fragment,s),t=!0)},o(s){o(a.$$.fragment,s),t=!1},d(s){p(a,s)}}}const L=!1;function P(s){return[{component:I,code:'<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n\t<span class="token keyword">import</span> <span class="token punctuation">{</span> Datepicker <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">\'../../index\'</span><span class="token punctuation">;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Datepicker</span> <span class="token punctuation">/></span></span>\n'}]}class Q extends s{constructor(s){super(),a(this,s,P,S,t,{})}}export{Q as default,L as ssr};
diff --git a/docs/internal/start-e13f7ddc.js b/docs/internal/start-0201d864.js
similarity index 98%
rename from docs/internal/start-e13f7ddc.js
rename to docs/internal/start-0201d864.js
index 8fe1c58..ad9662d 100644
--- a/docs/internal/start-e13f7ddc.js
+++ b/docs/internal/start-0201d864.js
@@ -1 +1 @@
-var t=Object.defineProperty,e=Object.defineProperties,r=Object.getOwnPropertyDescriptors,s=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable,n=(e,r,s)=>r in e?t(e,r,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[r]=s,i=(t,e)=>{for(var r in e||(e={}))o.call(e,r)&&n(t,r,e[r]);if(s)for(var r of s(e))a.call(e,r)&&n(t,r,e[r]);return t};"undefined"!=typeof require&&require;import{S as l,i as c,s as u,e as h,c as d,a as p,d as f,b as g,f as m,t as _,g as y,h as v,j as b,k as $,l as w,m as E,n as x,o as q,p as R,q as L,r as S,u as k,v as O,w as j,x as P,y as U,z as A,A as T,B as I,C as N}from"./chunks/vendor-df71a323.js";import{s as V}from"./chunks/paths-45dac81d.js";function D(t){let e,r,s;const o=[t[2]||{}];var a=t[0][1];function n(t){let e={$$slots:{default:[B]},$$scope:{ctx:t}};for(let r=0;r<o.length;r+=1)e=I(e,o[r]);return{props:e}}return a&&(e=new a(n(t))),{c(){e&&b(e.$$.fragment),r=w()},l(t){e&&E(e.$$.fragment,t),r=w()},m(t,o){e&&q(e,t,o),m(t,r,o),s=!0},p(t,s){const i=4&s?R(o,[L(t[2]||{})]):{};if(521&s&&(i.$$scope={dirty:s,ctx:t}),a!==(a=t[0][1])){if(e){S();const t=e;k(t.$$.fragment,1,0,(()=>{O(t,1)})),j()}a?(e=new a(n(t)),b(e.$$.fragment),P(e.$$.fragment,1),q(e,r.parentNode,r)):e=null}else a&&e.$set(i)},i(t){s||(e&&P(e.$$.fragment,t),s=!0)},o(t){e&&k(e.$$.fragment,t),s=!1},d(t){t&&f(r),e&&O(e,t)}}}function C(t){let e,r,s;const o=[t[3]||{}];var a=t[0][2];function n(t){let e={};for(let r=0;r<o.length;r+=1)e=I(e,o[r]);return{props:e}}return a&&(e=new a(n())),{c(){e&&b(e.$$.fragment),r=w()},l(t){e&&E(e.$$.fragment,t),r=w()},m(t,o){e&&q(e,t,o),m(t,r,o),s=!0},p(t,s){const i=8&s?R(o,[L(t[3]||{})]):{};if(a!==(a=t[0][2])){if(e){S();const t=e;k(t.$$.fragment,1,0,(()=>{O(t,1)})),j()}a?(e=new a(n()),b(e.$$.fragment),P(e.$$.fragment,1),q(e,r.parentNode,r)):e=null}else a&&e.$set(i)},i(t){s||(e&&P(e.$$.fragment,t),s=!0)},o(t){e&&k(e.$$.fragment,t),s=!1},d(t){t&&f(r),e&&O(e,t)}}}function B(t){let e,r,s=t[0][2]&&C(t);return{c(){s&&s.c(),e=w()},l(t){s&&s.l(t),e=w()},m(t,o){s&&s.m(t,o),m(t,e,o),r=!0},p(t,r){t[0][2]?s?(s.p(t,r),1&r&&P(s,1)):(s=C(t),s.c(),P(s,1),s.m(e.parentNode,e)):s&&(S(),k(s,1,1,(()=>{s=null})),j())},i(t){r||(P(s),r=!0)},o(t){k(s),r=!1},d(t){s&&s.d(t),t&&f(e)}}}function K(t){let e,r,s=t[0][1]&&D(t);return{c(){s&&s.c(),e=w()},l(t){s&&s.l(t),e=w()},m(t,o){s&&s.m(t,o),m(t,e,o),r=!0},p(t,r){t[0][1]?s?(s.p(t,r),1&r&&P(s,1)):(s=D(t),s.c(),P(s,1),s.m(e.parentNode,e)):s&&(S(),k(s,1,1,(()=>{s=null})),j())},i(t){r||(P(s),r=!0)},o(t){k(s),r=!1},d(t){s&&s.d(t),t&&f(e)}}}function W(t){let e,r=t[5]&&z(t);return{c(){e=h("div"),r&&r.c(),this.h()},l(t){e=d(t,"DIV",{id:!0,"aria-live":!0,"aria-atomic":!0,class:!0});var s=p(e);r&&r.l(s),s.forEach(f),this.h()},h(){g(e,"id","svelte-announcer"),g(e,"aria-live","assertive"),g(e,"aria-atomic","true"),g(e,"class","svelte-1j55zn5")},m(t,s){m(t,e,s),r&&r.m(e,null)},p(t,s){t[5]?r?r.p(t,s):(r=z(t),r.c(),r.m(e,null)):r&&(r.d(1),r=null)},d(t){t&&f(e),r&&r.d()}}}function z(t){let e;return{c(){e=_(t[6])},l(r){e=y(r,t[6])},m(t,r){m(t,e,r)},p(t,r){64&r&&v(e,t[6])},d(t){t&&f(e)}}}function J(t){let e,r,s,o;const a=[t[1]||{}];var n=t[0][0];function i(t){let e={$$slots:{default:[K]},$$scope:{ctx:t}};for(let r=0;r<a.length;r+=1)e=I(e,a[r]);return{props:e}}n&&(e=new n(i(t)));let l=t[4]&&W(t);return{c(){e&&b(e.$$.fragment),r=$(),l&&l.c(),s=w()},l(t){e&&E(e.$$.fragment,t),r=x(t),l&&l.l(t),s=w()},m(t,a){e&&q(e,t,a),m(t,r,a),l&&l.m(t,a),m(t,s,a),o=!0},p(t,[o]){const c=2&o?R(a,[L(t[1]||{})]):{};if(525&o&&(c.$$scope={dirty:o,ctx:t}),n!==(n=t[0][0])){if(e){S();const t=e;k(t.$$.fragment,1,0,(()=>{O(t,1)})),j()}n?(e=new n(i(t)),b(e.$$.fragment),P(e.$$.fragment,1),q(e,r.parentNode,r)):e=null}else n&&e.$set(c);t[4]?l?l.p(t,o):(l=W(t),l.c(),l.m(s.parentNode,s)):l&&(l.d(1),l=null)},i(t){o||(e&&P(e.$$.fragment,t),o=!0)},o(t){e&&k(e.$$.fragment,t),o=!1},d(t){e&&O(e,t),t&&f(r),l&&l.d(t),t&&f(s)}}}function M(t,e,r){let{stores:s}=e,{page:o}=e,{components:a}=e,{props_0:n=null}=e,{props_1:i=null}=e,{props_2:l=null}=e;U("__svelte__",s),A(s.page.notify);let c=!1,u=!1,h=null;return T((()=>{const t=s.page.subscribe((()=>{c&&(r(5,u=!0),r(6,h=document.title||"untitled page"))}));return r(4,c=!0),t})),t.$$set=t=>{"stores"in t&&r(7,s=t.stores),"page"in t&&r(8,o=t.page),"components"in t&&r(0,a=t.components),"props_0"in t&&r(1,n=t.props_0),"props_1"in t&&r(2,i=t.props_1),"props_2"in t&&r(3,l=t.props_2)},t.$$.update=()=>{384&t.$$.dirty&&s.page.set(o)},[a,n,i,l,c,u,h,s,o]}class G extends l{constructor(t){super(),c(this,t,M,J,u,{stores:7,page:8,components:0,props_0:1,props_1:2,props_2:3})}}const X={},Y=function(t,e){return e&&0!==e.length?Promise.all(e.map((t=>{if((t=`/svelte-calendar/internal/${t}`)in X)return;X[t]=!0;const e=t.endsWith(".css"),r=e?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${t}"]${r}`))return;const s=document.createElement("link");return s.rel=e?"stylesheet":"modulepreload",e||(s.as="script",s.crossOrigin=""),s.href=t,document.head.appendChild(s),e?new Promise(((t,e)=>{s.addEventListener("load",t),s.addEventListener("error",e)})):void 0}))).then((()=>t())):t()},F=[()=>Y((()=>import("./pages/__layout.svelte-e31b6f94.js")),["pages/__layout.svelte-e31b6f94.js","assets/pages/__layout.svelte-282b6649.css","chunks/vendor-df71a323.js","chunks/stores-29d89cc3.js","chunks/paths-45dac81d.js","chunks/CrossfadeProvider-6d049882.js","chunks/NavBarItem-079219e3.js","assets/NavBarItem-32e7e302.css"]),()=>Y((()=>import("./error.svelte-00cfd278.js")),["error.svelte-00cfd278.js","chunks/vendor-df71a323.js"]),()=>Y((()=>import("./pages/index.svelte-00ed45eb.js")),["pages/index.svelte-00ed45eb.js","assets/pages/index.svelte-be00ad97.css","chunks/vendor-df71a323.js","chunks/Datepicker-9632e8da.js","assets/Datepicker-c6a1c104.css","chunks/defaults-18c3e92f.js","assets/defaults-3c1ea1b6.css","chunks/CrossfadeProvider-6d049882.js"]),()=>Y((()=>import("./pages/docs/theme-editor/[slug].svelte-7b6a1f1f.js")),["pages/docs/theme-editor/[slug].svelte-7b6a1f1f.js","assets/pages/docs/theme-editor/[slug].svelte-83c38390.css","assets/prism-material-dark-cdee7720.css","assets/InlineCalendar.svelte_svelte&type=style&lang-87586471.css","chunks/vendor-df71a323.js","chunks/stores-29d89cc3.js","chunks/CrossfadeProvider-6d049882.js","chunks/CodeExample-314e881d.js","assets/CodeExample-b2b88c71.css","chunks/defaults-18c3e92f.js","assets/defaults-3c1ea1b6.css","chunks/NavBarItem-079219e3.js","assets/NavBarItem-32e7e302.css","chunks/paths-45dac81d.js"]),()=>Y((()=>import("./pages/docs/quick-start.svelte-8103923c.js")),["pages/docs/quick-start.svelte-8103923c.js","assets/pages/docs/quick-start.svelte-2b9292b5.css","assets/prism-material-dark-cdee7720.css","assets/InlineCalendar.svelte_svelte&type=style&lang-87586471.css","chunks/vendor-df71a323.js","chunks/DocPage-47619466.js","assets/DocPage-fb7d9fd4.css","chunks/stores-29d89cc3.js","chunks/paths-45dac81d.js","chunks/QuickStart-c387fabf.js","assets/QuickStart-67e28897.css","chunks/Datepicker-9632e8da.js","assets/Datepicker-c6a1c104.css","chunks/defaults-18c3e92f.js","assets/defaults-3c1ea1b6.css","chunks/CrossfadeProvider-6d049882.js"]),()=>Y((()=>import("./pages/docs/examples.svelte-1d3c9190.js")),["pages/docs/examples.svelte-1d3c9190.js","assets/pages/docs/examples.svelte-d5bf0724.css","assets/InlineCalendar.svelte_svelte&type=style&lang-87586471.css","assets/prism-material-dark-cdee7720.css","chunks/vendor-df71a323.js","chunks/CrossfadeProvider-6d049882.js","chunks/defaults-18c3e92f.js","assets/defaults-3c1ea1b6.css","chunks/DocPage-47619466.js","assets/DocPage-fb7d9fd4.css","chunks/stores-29d89cc3.js","chunks/CodeExample-314e881d.js","assets/CodeExample-b2b88c71.css","chunks/NavBarItem-079219e3.js","assets/NavBarItem-32e7e302.css","chunks/paths-45dac81d.js","chunks/QuickStart-c387fabf.js","assets/QuickStart-67e28897.css","chunks/Datepicker-9632e8da.js","assets/Datepicker-c6a1c104.css"]),()=>Y((()=>import("./pages/docs/props.svelte-3d84a687.js")),["pages/docs/props.svelte-3d84a687.js","assets/pages/docs/props.svelte-79c29255.css","assets/prism-material-dark-cdee7720.css","chunks/vendor-df71a323.js","chunks/DocPage-47619466.js","assets/DocPage-fb7d9fd4.css","chunks/stores-29d89cc3.js","chunks/paths-45dac81d.js"])],H=decodeURIComponent,Q=[[/^\/$/,[F[0],F[2]],[F[1]]],[/^\/docs\/theme-editor\/([^/]+?)\/?$/,[F[0],F[3]],[F[1]],t=>({slug:H(t[1])})],[/^\/docs\/quick-start\/?$/,[F[0],F[4]],[F[1]]],[/^\/docs\/examples\/?$/,[F[0],F[5]],[F[1]]],[/^\/docs\/props\/?$/,[F[0],F[6]],[F[1]]]],Z=[F[0](),F[1]()];function tt(){return{x:pageXOffset,y:pageYOffset}}function et(t){for(;t&&"A"!==t.nodeName.toUpperCase();)t=t.parentNode;return t}class rt{constructor({base:t,routes:e,trailing_slash:r,renderer:s}){this.base=t,this.routes=e,this.trailing_slash=r,this.renderer=s,s.router=this,this.enabled=!0,document.body.setAttribute("tabindex","-1"),history.replaceState(history.state||{},"",location.href)}init_listeners(){let t;"scrollRestoration"in history&&(history.scrollRestoration="manual"),addEventListener("beforeunload",(()=>{history.scrollRestoration="auto"})),addEventListener("load",(()=>{history.scrollRestoration="manual"})),addEventListener("scroll",(()=>{clearTimeout(t),t=setTimeout((()=>{const t=(s=i({},history.state||{}),o={"sveltekit:scroll":tt()},e(s,r(o)));var s,o;history.replaceState(t,document.title,window.location.href)}),50)}));const s=t=>{const e=et(t.target);e&&e.href&&e.hasAttribute("sveltekit:prefetch")&&this.prefetch(new URL(e.href))};let o;addEventListener("touchstart",s),addEventListener("mousemove",(t=>{clearTimeout(o),o=setTimeout((()=>{s(t)}),20)})),addEventListener("click",(t=>{if(!this.enabled)return;if(t.button||1!==t.which)return;if(t.metaKey||t.ctrlKey||t.shiftKey||t.altKey)return;if(t.defaultPrevented)return;const e=et(t.target);if(!e)return;if(!e.href)return;const r="object"==typeof e.href&&"SVGAnimatedString"===e.href.constructor.name,s=String(r?e.href.baseVal:e.href);if(s===location.href)return void(location.hash||t.preventDefault());const o=(e.getAttribute("rel")||"").split(/\s+/);if(e.hasAttribute("download")||o&&o.includes("external"))return;if(r?e.target.baseVal:e.target)return;const a=new URL(s);if(!this.owns(a))return;const n=e.hasAttribute("sveltekit:noscroll");history.pushState({},"",a.href),this._navigate(a,n?tt():null,!1,[],a.hash),t.preventDefault()})),addEventListener("popstate",(t=>{if(t.state&&this.enabled){const e=new URL(location.href);this._navigate(e,t.state["sveltekit:scroll"],!1,[])}}))}owns(t){return t.origin===location.origin&&t.pathname.startsWith(this.base)}parse(t){if(this.owns(t)){const e=t.pathname.slice(this.base.length)||"/",r=decodeURI(e),s=this.routes.filter((([t])=>t.test(r))),o=new URLSearchParams(t.search);return{id:`${e}?${o}`,routes:s,path:e,query:o}}}async goto(t,{noscroll:e=!1,replaceState:r=!1,keepfocus:s=!1,state:o={}}={},a){const n=new URL(t,function(t){let e=t.baseURI;if(!e){const r=t.getElementsByTagName("base");e=r.length?r[0].href:t.URL}return e}(document));return this.enabled&&this.owns(n)?(history[r?"replaceState":"pushState"](o,"",t),this._navigate(n,e?tt():null,s,a,n.hash)):(location.href=n.href,new Promise((()=>{})))}enable(){this.enabled=!0}disable(){this.enabled=!1}async prefetch(t){const e=this.parse(t);if(!e)throw new Error("Attempted to prefetch a URL that does not belong to this app");return this.renderer.load(e)}async _navigate(t,e,r,s,o){const a=this.parse(t);if(!a)throw new Error("Attempted to navigate to a URL that does not belong to this app");if("/"!==a.path){const t=a.path.endsWith("/");(t&&"never"===this.trailing_slash||!t&&"always"===this.trailing_slash&&!(a.path.split("/").pop()||"").includes("."))&&(a.path=t?a.path.slice(0,-1):a.path+"/",history.replaceState({},"",`${this.base}${a.path}${location.search}`))}this.renderer.notify({path:a.path,query:a.query}),await this.renderer.update(a,s,!1),r||document.body.focus();const n=o&&document.getElementById(o.slice(1));e?scrollTo(e.x,e.y):n?n.scrollIntoView():scrollTo(0,0)}}function st(t){const e=N(t);let r=!0;return{notify:function(){r=!0,e.update((t=>t))},set:function(t){r=!1,e.set(t)},subscribe:function(t){let s;return e.subscribe((e=>{(void 0===s||r&&e!==s)&&t(s=e)}))}}}function ot(t,e){let r=`script[data-type="svelte-data"][data-url="${"string"==typeof t?t:t.url}"]`;e&&"string"==typeof e.body&&(r+=`[data-body="${function(t){let e=5381,r=t.length;if("string"==typeof t)for(;r;)e=33*e^t.charCodeAt(--r);else for(;r;)e=33*e^t[--r];return(e>>>0).toString(36)}(e.body)}"]`);const n=document.querySelector(r);if(n&&n.textContent){const t=JSON.parse(n.textContent),{body:e}=t,r=((t,e)=>{var r={};for(var n in t)o.call(t,n)&&e.indexOf(n)<0&&(r[n]=t[n]);if(null!=t&&s)for(var n of s(t))e.indexOf(n)<0&&a.call(t,n)&&(r[n]=t[n]);return r})(t,["body"]);return Promise.resolve(new Response(e,r))}return fetch(t,e)}class at{constructor({Root:t,fallback:e,target:r,session:s,host:o}){this.Root=t,this.fallback=e,this.host=o,this.router,this.target=r,this.started=!1,this.session_id=1,this.invalid=new Set,this.invalidating=null,this.current={page:null,session_id:null,branch:[]},this.cache=new Map,this.loading={id:null,promise:null},this.stores={page:st({}),navigating:N(null),session:N(s)},this.$session=null,this.root=null;let a=!1;this.stores.session.subscribe((async t=>{if(this.$session=t,!a||!this.router)return;this.session_id+=1;const e=this.router.parse(new URL(location.href));e&&this.update(e,[],!0)})),a=!0}async start({status:t,error:e,nodes:r,page:s}){const o=[];let a,n,l={};try{for(let a=0;a<r.length;a+=1){const c=a===r.length-1,u=await this._load_node({module:await r[a],page:s,context:l,status:c?t:void 0,error:c?e:void 0});if(o.push(u),u&&u.loaded)if(u.loaded.error){if(e)throw u.loaded.error;n={status:u.loaded.status,error:u.loaded.error,path:s.path,query:s.query}}else u.loaded.context&&(l=i(i({},l),u.loaded.context))}a=n?await this._load_error(n):await this._get_navigation_result_from_branch({page:s,branch:o})}catch(u){if(e)throw u;a=await this._load_error({status:500,error:(c=u,c instanceof Error?c:new Error(JSON.stringify(c))),path:s.path,query:s.query})}var c;a.redirect?location.href=new URL(a.redirect,location.href).href:this._init(a)}notify({path:t,query:e}){dispatchEvent(new CustomEvent("sveltekit:navigation-start")),this.started&&this.stores.navigating.set({from:{path:this.current.page.path,query:this.current.page.query},to:{path:t,query:e}})}async update(t,e,r){const s=this.token={};let o=await this._get_navigation_result(t,r);if(s!==this.token)return;if(this.invalid.clear(),o.redirect){if(!(e.length>10||e.includes(t.path)))return void(this.router?this.router.goto(o.redirect,{replaceState:!0},[...e,t.path]):location.href=new URL(o.redirect,location.href).href);o=await this._load_error({status:500,error:new Error("Redirect loop"),path:t.path,query:t.query})}if(o.reload?location.reload():this.started?(this.current=o.state,this.root.$set(o.props),this.stores.navigating.set(null),await 0):this._init(o),dispatchEvent(new CustomEvent("sveltekit:navigation-end")),this.loading.promise=null,this.loading.id=null,!this.router)return;const a=o.state.branch[o.state.branch.length-1];a&&!1===a.module.router?this.router.disable():this.router.enable()}load(t){return this.loading.promise=this._get_navigation_result(t,!1),this.loading.id=t.id,this.loading.promise}invalidate(t){return this.invalid.add(t),this.invalidating||(this.invalidating=Promise.resolve().then((async()=>{const t=this.router&&this.router.parse(new URL(location.href));t&&await this.update(t,[],!0),this.invalidating=null}))),this.invalidating}_init(t){this.current=t.state;const e=document.querySelector("style[data-svelte]");e&&e.remove(),this.root=new this.Root({target:this.target,props:i({stores:this.stores},t.props),hydrate:!0}),this.started=!0}async _get_navigation_result(t,e){if(this.loading.id===t.id)return this.loading.promise;for(let r=0;r<t.routes.length;r+=1){const s=t.routes[r];if(1===s.length)return{reload:!0,props:{},state:this.current};let o=r+1;for(;o<t.routes.length;){const e=t.routes[o];if(e[0].toString()!==s[0].toString())break;1!==e.length&&e[1].forEach((t=>t())),o+=1}const a=await this._load({route:s,path:t.path,query:t.query},e);if(a)return a}return await this._load_error({status:404,error:new Error(`Not found: ${t.path}`),path:t.path,query:t.query})}async _get_navigation_result_from_branch({page:t,branch:e}){const r=e.filter(Boolean),s={state:{page:t,branch:e,session_id:this.session_id},props:{components:r.map((t=>t.module.default))}};for(let n=0;n<r.length;n+=1){const t=r[n].loaded;t&&(s.props[`props_${n}`]=await t.props)}this.current.page&&t.path===this.current.page.path&&t.query.toString()===this.current.page.query.toString()||(s.props.page=t);const o=r[r.length-1],a=o.loaded&&o.loaded.maxage;if(a){const e=`${t.path}?${t.query}`;let r=!1;const o=()=>{this.cache.get(e)===s&&this.cache.delete(e),i(),clearTimeout(n)},n=setTimeout(o,1e3*a),i=this.stores.session.subscribe((()=>{r&&o()}));r=!0,this.cache.set(e,s)}return s}async _load_node({status:t,error:e,module:r,page:s,context:o}){const a={module:r,uses:{params:new Set,path:!1,query:!1,session:!1,context:!1,dependencies:[]},loaded:null,context:o},n={};for(const i in s.params)Object.defineProperty(n,i,{get:()=>(a.uses.params.add(i),s.params[i]),enumerable:!0});const l=this.$session;if(r.load){const{started:c}=this,u={page:{host:s.host,params:n,get path(){return a.uses.path=!0,s.path},get query(){return a.uses.query=!0,s.query}},get session(){return a.uses.session=!0,l},get context(){return a.uses.context=!0,i({},o)},fetch(t,e){const r="string"==typeof t?t:t.url,{href:o}=new URL(r,new URL(s.path,document.baseURI));return a.uses.dependencies.push(o),c?fetch(t,e):ot(t,e)}};e&&(u.status=t,u.error=e);const h=await r.load.call(null,u);if(!h)return;a.loaded=function(t){const e=t.status&&t.status>=400&&t.status<=599&&!t.redirect;if(t.error||e){const r=t.status;if(!t.error&&e)return{status:r||500,error:new Error};const s="string"==typeof t.error?new Error(t.error):t.error;return s instanceof Error?!r||r<400||r>599?(console.warn('"error" returned from load() without a valid status code — defaulting to 500'),{status:500,error:s}):{status:r,error:s}:{status:500,error:new Error(`"error" property returned from load() must be a string or instance of Error, received type "${typeof s}"`)}}if(t.redirect){if(!t.status||3!==Math.floor(t.status/100))return{status:500,error:new Error('"redirect" property returned from load() must be accompanied by a 3xx status code')};if("string"!=typeof t.redirect)return{status:500,error:new Error('"redirect" property returned from load() must be a string')}}return t}(h),a.loaded.context&&(a.context=a.loaded.context)}return a}async _load({route:t,path:e,query:r},s){const o=`${e}?${r}`;if(!s){const t=this.cache.get(o);if(t)return t}const[a,n,l,c]=t,u=c?c(a.exec(e)):{},h=this.current.page&&{path:e!==this.current.page.path,params:Object.keys(u).filter((t=>this.current.page.params[t]!==u[t])),query:r.toString()!==this.current.page.query.toString(),session:this.session_id!==this.current.session_id},d={host:this.host,path:e,query:r,params:u},p=[];let f,g={},m=!1,_=200;n.forEach((t=>t()));t:for(let v=0;v<n.length;v+=1){let t;try{if(!n[v])continue;const e=await n[v](),r=this.current.branch[v];if(!r||e!==r.module||h.path&&r.uses.path||h.params.some((t=>r.uses.params.has(t)))||h.query&&r.uses.query||h.session&&r.uses.session||r.uses.dependencies.some((t=>this.invalid.has(t)))||m&&r.uses.context){t=await this._load_node({module:e,page:d,context:g});const r=v===n.length-1;if(t&&t.loaded){if(t.loaded.error&&(_=t.loaded.status,f=t.loaded.error),t.loaded.redirect)return{redirect:t.loaded.redirect,props:{},state:this.current};t.loaded.context&&(m=!0)}else if(r&&e.load)return}else t=r}catch(y){_=500,f=y}if(f){for(;v--;)if(l[v]){let t,e,r=v;for(;!(e=p[r]);)r-=1;try{if(t=await this._load_node({status:_,error:f,module:await l[v](),page:d,context:e.context}),t&&t.loaded&&t.loaded.error)continue;p.push(t);break t}catch(y){continue}}return await this._load_error({status:_,error:f,path:e,query:r})}t&&t.loaded&&t.loaded.context&&(g=i(i({},g),t.loaded.context)),p.push(t)}return await this._get_navigation_result_from_branch({page:d,branch:p})}async _load_error({status:t,error:e,path:r,query:s}){const o={host:this.host,path:r,query:s,params:{}},a=await this._load_node({module:await this.fallback[0],page:o,context:{}}),n=[a,await this._load_node({status:t,error:e,module:await this.fallback[1],page:o,context:a&&a.loaded&&a.loaded.context||{}})];return await this._get_navigation_result_from_branch({page:o,branch:n})}}async function nt({paths:t,target:e,session:r,host:s,route:o,spa:a,trailing_slash:n,hydrate:i}){const l=new at({Root:G,fallback:Z,target:e,session:r,host:s}),c=o?new rt({base:t.base,routes:Q,trailing_slash:n,renderer:l}):null;V(t),i&&await l.start(i),c&&(a&&c.goto(location.href,{replaceState:!0},[]),c.init_listeners()),dispatchEvent(new CustomEvent("sveltekit:start"))}export{nt as start};
+var t=Object.defineProperty,e=Object.defineProperties,r=Object.getOwnPropertyDescriptors,s=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable,n=(e,r,s)=>r in e?t(e,r,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[r]=s,i=(t,e)=>{for(var r in e||(e={}))o.call(e,r)&&n(t,r,e[r]);if(s)for(var r of s(e))a.call(e,r)&&n(t,r,e[r]);return t};"undefined"!=typeof require&&require;import{S as l,i as c,s as u,e as h,c as d,a as p,d as f,b as g,f as m,t as _,g as y,h as v,j as b,k as $,l as w,m as E,n as x,o as q,p as R,q as L,r as S,u as k,v as O,w as j,x as P,y as U,z as A,A as T,B as I,C as N}from"./chunks/vendor-df71a323.js";import{s as V}from"./chunks/paths-45dac81d.js";function D(t){let e,r,s;const o=[t[2]||{}];var a=t[0][1];function n(t){let e={$$slots:{default:[B]},$$scope:{ctx:t}};for(let r=0;r<o.length;r+=1)e=I(e,o[r]);return{props:e}}return a&&(e=new a(n(t))),{c(){e&&b(e.$$.fragment),r=w()},l(t){e&&E(e.$$.fragment,t),r=w()},m(t,o){e&&q(e,t,o),m(t,r,o),s=!0},p(t,s){const i=4&s?R(o,[L(t[2]||{})]):{};if(521&s&&(i.$$scope={dirty:s,ctx:t}),a!==(a=t[0][1])){if(e){S();const t=e;k(t.$$.fragment,1,0,(()=>{O(t,1)})),j()}a?(e=new a(n(t)),b(e.$$.fragment),P(e.$$.fragment,1),q(e,r.parentNode,r)):e=null}else a&&e.$set(i)},i(t){s||(e&&P(e.$$.fragment,t),s=!0)},o(t){e&&k(e.$$.fragment,t),s=!1},d(t){t&&f(r),e&&O(e,t)}}}function C(t){let e,r,s;const o=[t[3]||{}];var a=t[0][2];function n(t){let e={};for(let r=0;r<o.length;r+=1)e=I(e,o[r]);return{props:e}}return a&&(e=new a(n())),{c(){e&&b(e.$$.fragment),r=w()},l(t){e&&E(e.$$.fragment,t),r=w()},m(t,o){e&&q(e,t,o),m(t,r,o),s=!0},p(t,s){const i=8&s?R(o,[L(t[3]||{})]):{};if(a!==(a=t[0][2])){if(e){S();const t=e;k(t.$$.fragment,1,0,(()=>{O(t,1)})),j()}a?(e=new a(n()),b(e.$$.fragment),P(e.$$.fragment,1),q(e,r.parentNode,r)):e=null}else a&&e.$set(i)},i(t){s||(e&&P(e.$$.fragment,t),s=!0)},o(t){e&&k(e.$$.fragment,t),s=!1},d(t){t&&f(r),e&&O(e,t)}}}function B(t){let e,r,s=t[0][2]&&C(t);return{c(){s&&s.c(),e=w()},l(t){s&&s.l(t),e=w()},m(t,o){s&&s.m(t,o),m(t,e,o),r=!0},p(t,r){t[0][2]?s?(s.p(t,r),1&r&&P(s,1)):(s=C(t),s.c(),P(s,1),s.m(e.parentNode,e)):s&&(S(),k(s,1,1,(()=>{s=null})),j())},i(t){r||(P(s),r=!0)},o(t){k(s),r=!1},d(t){s&&s.d(t),t&&f(e)}}}function K(t){let e,r,s=t[0][1]&&D(t);return{c(){s&&s.c(),e=w()},l(t){s&&s.l(t),e=w()},m(t,o){s&&s.m(t,o),m(t,e,o),r=!0},p(t,r){t[0][1]?s?(s.p(t,r),1&r&&P(s,1)):(s=D(t),s.c(),P(s,1),s.m(e.parentNode,e)):s&&(S(),k(s,1,1,(()=>{s=null})),j())},i(t){r||(P(s),r=!0)},o(t){k(s),r=!1},d(t){s&&s.d(t),t&&f(e)}}}function W(t){let e,r=t[5]&&z(t);return{c(){e=h("div"),r&&r.c(),this.h()},l(t){e=d(t,"DIV",{id:!0,"aria-live":!0,"aria-atomic":!0,class:!0});var s=p(e);r&&r.l(s),s.forEach(f),this.h()},h(){g(e,"id","svelte-announcer"),g(e,"aria-live","assertive"),g(e,"aria-atomic","true"),g(e,"class","svelte-1j55zn5")},m(t,s){m(t,e,s),r&&r.m(e,null)},p(t,s){t[5]?r?r.p(t,s):(r=z(t),r.c(),r.m(e,null)):r&&(r.d(1),r=null)},d(t){t&&f(e),r&&r.d()}}}function z(t){let e;return{c(){e=_(t[6])},l(r){e=y(r,t[6])},m(t,r){m(t,e,r)},p(t,r){64&r&&v(e,t[6])},d(t){t&&f(e)}}}function J(t){let e,r,s,o;const a=[t[1]||{}];var n=t[0][0];function i(t){let e={$$slots:{default:[K]},$$scope:{ctx:t}};for(let r=0;r<a.length;r+=1)e=I(e,a[r]);return{props:e}}n&&(e=new n(i(t)));let l=t[4]&&W(t);return{c(){e&&b(e.$$.fragment),r=$(),l&&l.c(),s=w()},l(t){e&&E(e.$$.fragment,t),r=x(t),l&&l.l(t),s=w()},m(t,a){e&&q(e,t,a),m(t,r,a),l&&l.m(t,a),m(t,s,a),o=!0},p(t,[o]){const c=2&o?R(a,[L(t[1]||{})]):{};if(525&o&&(c.$$scope={dirty:o,ctx:t}),n!==(n=t[0][0])){if(e){S();const t=e;k(t.$$.fragment,1,0,(()=>{O(t,1)})),j()}n?(e=new n(i(t)),b(e.$$.fragment),P(e.$$.fragment,1),q(e,r.parentNode,r)):e=null}else n&&e.$set(c);t[4]?l?l.p(t,o):(l=W(t),l.c(),l.m(s.parentNode,s)):l&&(l.d(1),l=null)},i(t){o||(e&&P(e.$$.fragment,t),o=!0)},o(t){e&&k(e.$$.fragment,t),o=!1},d(t){e&&O(e,t),t&&f(r),l&&l.d(t),t&&f(s)}}}function M(t,e,r){let{stores:s}=e,{page:o}=e,{components:a}=e,{props_0:n=null}=e,{props_1:i=null}=e,{props_2:l=null}=e;U("__svelte__",s),A(s.page.notify);let c=!1,u=!1,h=null;return T((()=>{const t=s.page.subscribe((()=>{c&&(r(5,u=!0),r(6,h=document.title||"untitled page"))}));return r(4,c=!0),t})),t.$$set=t=>{"stores"in t&&r(7,s=t.stores),"page"in t&&r(8,o=t.page),"components"in t&&r(0,a=t.components),"props_0"in t&&r(1,n=t.props_0),"props_1"in t&&r(2,i=t.props_1),"props_2"in t&&r(3,l=t.props_2)},t.$$.update=()=>{384&t.$$.dirty&&s.page.set(o)},[a,n,i,l,c,u,h,s,o]}class G extends l{constructor(t){super(),c(this,t,M,J,u,{stores:7,page:8,components:0,props_0:1,props_1:2,props_2:3})}}const X={},Y=function(t,e){return e&&0!==e.length?Promise.all(e.map((t=>{if((t=`/svelte-calendar/internal/${t}`)in X)return;X[t]=!0;const e=t.endsWith(".css"),r=e?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${t}"]${r}`))return;const s=document.createElement("link");return s.rel=e?"stylesheet":"modulepreload",e||(s.as="script",s.crossOrigin=""),s.href=t,document.head.appendChild(s),e?new Promise(((t,e)=>{s.addEventListener("load",t),s.addEventListener("error",e)})):void 0}))).then((()=>t())):t()},F=[()=>Y((()=>import("./pages/__layout.svelte-e31b6f94.js")),["pages/__layout.svelte-e31b6f94.js","assets/pages/__layout.svelte-282b6649.css","chunks/vendor-df71a323.js","chunks/stores-29d89cc3.js","chunks/paths-45dac81d.js","chunks/CrossfadeProvider-6d049882.js","chunks/NavBarItem-079219e3.js","assets/NavBarItem-32e7e302.css"]),()=>Y((()=>import("./error.svelte-00cfd278.js")),["error.svelte-00cfd278.js","chunks/vendor-df71a323.js"]),()=>Y((()=>import("./pages/index.svelte-00ed45eb.js")),["pages/index.svelte-00ed45eb.js","assets/pages/index.svelte-be00ad97.css","chunks/vendor-df71a323.js","chunks/Datepicker-9632e8da.js","assets/Datepicker-c6a1c104.css","chunks/defaults-18c3e92f.js","assets/defaults-3c1ea1b6.css","chunks/CrossfadeProvider-6d049882.js"]),()=>Y((()=>import("./pages/docs/theme-editor/[slug].svelte-7b6a1f1f.js")),["pages/docs/theme-editor/[slug].svelte-7b6a1f1f.js","assets/pages/docs/theme-editor/[slug].svelte-83c38390.css","assets/prism-material-dark-cdee7720.css","assets/InlineCalendar.svelte_svelte&type=style&lang-87586471.css","chunks/vendor-df71a323.js","chunks/stores-29d89cc3.js","chunks/CrossfadeProvider-6d049882.js","chunks/CodeExample-314e881d.js","assets/CodeExample-b2b88c71.css","chunks/defaults-18c3e92f.js","assets/defaults-3c1ea1b6.css","chunks/NavBarItem-079219e3.js","assets/NavBarItem-32e7e302.css","chunks/paths-45dac81d.js"]),()=>Y((()=>import("./pages/docs/quick-start.svelte-e25e06cd.js")),["pages/docs/quick-start.svelte-e25e06cd.js","assets/pages/docs/quick-start.svelte-2b9292b5.css","assets/prism-material-dark-cdee7720.css","assets/InlineCalendar.svelte_svelte&type=style&lang-87586471.css","chunks/vendor-df71a323.js","chunks/DocPage-47619466.js","assets/DocPage-fb7d9fd4.css","chunks/stores-29d89cc3.js","chunks/paths-45dac81d.js","chunks/QuickStart-c387fabf.js","assets/QuickStart-67e28897.css","chunks/Datepicker-9632e8da.js","assets/Datepicker-c6a1c104.css","chunks/defaults-18c3e92f.js","assets/defaults-3c1ea1b6.css","chunks/CrossfadeProvider-6d049882.js"]),()=>Y((()=>import("./pages/docs/examples.svelte-3d18e5c9.js")),["pages/docs/examples.svelte-3d18e5c9.js","assets/pages/docs/examples.svelte-d5bf0724.css","assets/InlineCalendar.svelte_svelte&type=style&lang-87586471.css","assets/prism-material-dark-cdee7720.css","chunks/vendor-df71a323.js","chunks/CrossfadeProvider-6d049882.js","chunks/defaults-18c3e92f.js","assets/defaults-3c1ea1b6.css","chunks/DocPage-47619466.js","assets/DocPage-fb7d9fd4.css","chunks/stores-29d89cc3.js","chunks/CodeExample-314e881d.js","assets/CodeExample-b2b88c71.css","chunks/NavBarItem-079219e3.js","assets/NavBarItem-32e7e302.css","chunks/paths-45dac81d.js","chunks/QuickStart-c387fabf.js","assets/QuickStart-67e28897.css","chunks/Datepicker-9632e8da.js","assets/Datepicker-c6a1c104.css"]),()=>Y((()=>import("./pages/docs/props.svelte-3d84a687.js")),["pages/docs/props.svelte-3d84a687.js","assets/pages/docs/props.svelte-79c29255.css","assets/prism-material-dark-cdee7720.css","chunks/vendor-df71a323.js","chunks/DocPage-47619466.js","assets/DocPage-fb7d9fd4.css","chunks/stores-29d89cc3.js","chunks/paths-45dac81d.js"])],H=decodeURIComponent,Q=[[/^\/$/,[F[0],F[2]],[F[1]]],[/^\/docs\/theme-editor\/([^/]+?)\/?$/,[F[0],F[3]],[F[1]],t=>({slug:H(t[1])})],[/^\/docs\/quick-start\/?$/,[F[0],F[4]],[F[1]]],[/^\/docs\/examples\/?$/,[F[0],F[5]],[F[1]]],[/^\/docs\/props\/?$/,[F[0],F[6]],[F[1]]]],Z=[F[0](),F[1]()];function tt(){return{x:pageXOffset,y:pageYOffset}}function et(t){for(;t&&"A"!==t.nodeName.toUpperCase();)t=t.parentNode;return t}class rt{constructor({base:t,routes:e,trailing_slash:r,renderer:s}){this.base=t,this.routes=e,this.trailing_slash=r,this.renderer=s,s.router=this,this.enabled=!0,document.body.setAttribute("tabindex","-1"),history.replaceState(history.state||{},"",location.href)}init_listeners(){let t;"scrollRestoration"in history&&(history.scrollRestoration="manual"),addEventListener("beforeunload",(()=>{history.scrollRestoration="auto"})),addEventListener("load",(()=>{history.scrollRestoration="manual"})),addEventListener("scroll",(()=>{clearTimeout(t),t=setTimeout((()=>{const t=(s=i({},history.state||{}),o={"sveltekit:scroll":tt()},e(s,r(o)));var s,o;history.replaceState(t,document.title,window.location.href)}),50)}));const s=t=>{const e=et(t.target);e&&e.href&&e.hasAttribute("sveltekit:prefetch")&&this.prefetch(new URL(e.href))};let o;addEventListener("touchstart",s),addEventListener("mousemove",(t=>{clearTimeout(o),o=setTimeout((()=>{s(t)}),20)})),addEventListener("click",(t=>{if(!this.enabled)return;if(t.button||1!==t.which)return;if(t.metaKey||t.ctrlKey||t.shiftKey||t.altKey)return;if(t.defaultPrevented)return;const e=et(t.target);if(!e)return;if(!e.href)return;const r="object"==typeof e.href&&"SVGAnimatedString"===e.href.constructor.name,s=String(r?e.href.baseVal:e.href);if(s===location.href)return void(location.hash||t.preventDefault());const o=(e.getAttribute("rel")||"").split(/\s+/);if(e.hasAttribute("download")||o&&o.includes("external"))return;if(r?e.target.baseVal:e.target)return;const a=new URL(s);if(!this.owns(a))return;const n=e.hasAttribute("sveltekit:noscroll");history.pushState({},"",a.href),this._navigate(a,n?tt():null,!1,[],a.hash),t.preventDefault()})),addEventListener("popstate",(t=>{if(t.state&&this.enabled){const e=new URL(location.href);this._navigate(e,t.state["sveltekit:scroll"],!1,[])}}))}owns(t){return t.origin===location.origin&&t.pathname.startsWith(this.base)}parse(t){if(this.owns(t)){const e=t.pathname.slice(this.base.length)||"/",r=decodeURI(e),s=this.routes.filter((([t])=>t.test(r))),o=new URLSearchParams(t.search);return{id:`${e}?${o}`,routes:s,path:e,query:o}}}async goto(t,{noscroll:e=!1,replaceState:r=!1,keepfocus:s=!1,state:o={}}={},a){const n=new URL(t,function(t){let e=t.baseURI;if(!e){const r=t.getElementsByTagName("base");e=r.length?r[0].href:t.URL}return e}(document));return this.enabled&&this.owns(n)?(history[r?"replaceState":"pushState"](o,"",t),this._navigate(n,e?tt():null,s,a,n.hash)):(location.href=n.href,new Promise((()=>{})))}enable(){this.enabled=!0}disable(){this.enabled=!1}async prefetch(t){const e=this.parse(t);if(!e)throw new Error("Attempted to prefetch a URL that does not belong to this app");return this.renderer.load(e)}async _navigate(t,e,r,s,o){const a=this.parse(t);if(!a)throw new Error("Attempted to navigate to a URL that does not belong to this app");if("/"!==a.path){const t=a.path.endsWith("/");(t&&"never"===this.trailing_slash||!t&&"always"===this.trailing_slash&&!(a.path.split("/").pop()||"").includes("."))&&(a.path=t?a.path.slice(0,-1):a.path+"/",history.replaceState({},"",`${this.base}${a.path}${location.search}`))}this.renderer.notify({path:a.path,query:a.query}),await this.renderer.update(a,s,!1),r||document.body.focus();const n=o&&document.getElementById(o.slice(1));e?scrollTo(e.x,e.y):n?n.scrollIntoView():scrollTo(0,0)}}function st(t){const e=N(t);let r=!0;return{notify:function(){r=!0,e.update((t=>t))},set:function(t){r=!1,e.set(t)},subscribe:function(t){let s;return e.subscribe((e=>{(void 0===s||r&&e!==s)&&t(s=e)}))}}}function ot(t,e){let r=`script[data-type="svelte-data"][data-url="${"string"==typeof t?t:t.url}"]`;e&&"string"==typeof e.body&&(r+=`[data-body="${function(t){let e=5381,r=t.length;if("string"==typeof t)for(;r;)e=33*e^t.charCodeAt(--r);else for(;r;)e=33*e^t[--r];return(e>>>0).toString(36)}(e.body)}"]`);const n=document.querySelector(r);if(n&&n.textContent){const t=JSON.parse(n.textContent),{body:e}=t,r=((t,e)=>{var r={};for(var n in t)o.call(t,n)&&e.indexOf(n)<0&&(r[n]=t[n]);if(null!=t&&s)for(var n of s(t))e.indexOf(n)<0&&a.call(t,n)&&(r[n]=t[n]);return r})(t,["body"]);return Promise.resolve(new Response(e,r))}return fetch(t,e)}class at{constructor({Root:t,fallback:e,target:r,session:s,host:o}){this.Root=t,this.fallback=e,this.host=o,this.router,this.target=r,this.started=!1,this.session_id=1,this.invalid=new Set,this.invalidating=null,this.current={page:null,session_id:null,branch:[]},this.cache=new Map,this.loading={id:null,promise:null},this.stores={page:st({}),navigating:N(null),session:N(s)},this.$session=null,this.root=null;let a=!1;this.stores.session.subscribe((async t=>{if(this.$session=t,!a||!this.router)return;this.session_id+=1;const e=this.router.parse(new URL(location.href));e&&this.update(e,[],!0)})),a=!0}async start({status:t,error:e,nodes:r,page:s}){const o=[];let a,n,l={};try{for(let a=0;a<r.length;a+=1){const c=a===r.length-1,u=await this._load_node({module:await r[a],page:s,context:l,status:c?t:void 0,error:c?e:void 0});if(o.push(u),u&&u.loaded)if(u.loaded.error){if(e)throw u.loaded.error;n={status:u.loaded.status,error:u.loaded.error,path:s.path,query:s.query}}else u.loaded.context&&(l=i(i({},l),u.loaded.context))}a=n?await this._load_error(n):await this._get_navigation_result_from_branch({page:s,branch:o})}catch(u){if(e)throw u;a=await this._load_error({status:500,error:(c=u,c instanceof Error?c:new Error(JSON.stringify(c))),path:s.path,query:s.query})}var c;a.redirect?location.href=new URL(a.redirect,location.href).href:this._init(a)}notify({path:t,query:e}){dispatchEvent(new CustomEvent("sveltekit:navigation-start")),this.started&&this.stores.navigating.set({from:{path:this.current.page.path,query:this.current.page.query},to:{path:t,query:e}})}async update(t,e,r){const s=this.token={};let o=await this._get_navigation_result(t,r);if(s!==this.token)return;if(this.invalid.clear(),o.redirect){if(!(e.length>10||e.includes(t.path)))return void(this.router?this.router.goto(o.redirect,{replaceState:!0},[...e,t.path]):location.href=new URL(o.redirect,location.href).href);o=await this._load_error({status:500,error:new Error("Redirect loop"),path:t.path,query:t.query})}if(o.reload?location.reload():this.started?(this.current=o.state,this.root.$set(o.props),this.stores.navigating.set(null),await 0):this._init(o),dispatchEvent(new CustomEvent("sveltekit:navigation-end")),this.loading.promise=null,this.loading.id=null,!this.router)return;const a=o.state.branch[o.state.branch.length-1];a&&!1===a.module.router?this.router.disable():this.router.enable()}load(t){return this.loading.promise=this._get_navigation_result(t,!1),this.loading.id=t.id,this.loading.promise}invalidate(t){return this.invalid.add(t),this.invalidating||(this.invalidating=Promise.resolve().then((async()=>{const t=this.router&&this.router.parse(new URL(location.href));t&&await this.update(t,[],!0),this.invalidating=null}))),this.invalidating}_init(t){this.current=t.state;const e=document.querySelector("style[data-svelte]");e&&e.remove(),this.root=new this.Root({target:this.target,props:i({stores:this.stores},t.props),hydrate:!0}),this.started=!0}async _get_navigation_result(t,e){if(this.loading.id===t.id)return this.loading.promise;for(let r=0;r<t.routes.length;r+=1){const s=t.routes[r];if(1===s.length)return{reload:!0,props:{},state:this.current};let o=r+1;for(;o<t.routes.length;){const e=t.routes[o];if(e[0].toString()!==s[0].toString())break;1!==e.length&&e[1].forEach((t=>t())),o+=1}const a=await this._load({route:s,path:t.path,query:t.query},e);if(a)return a}return await this._load_error({status:404,error:new Error(`Not found: ${t.path}`),path:t.path,query:t.query})}async _get_navigation_result_from_branch({page:t,branch:e}){const r=e.filter(Boolean),s={state:{page:t,branch:e,session_id:this.session_id},props:{components:r.map((t=>t.module.default))}};for(let n=0;n<r.length;n+=1){const t=r[n].loaded;t&&(s.props[`props_${n}`]=await t.props)}this.current.page&&t.path===this.current.page.path&&t.query.toString()===this.current.page.query.toString()||(s.props.page=t);const o=r[r.length-1],a=o.loaded&&o.loaded.maxage;if(a){const e=`${t.path}?${t.query}`;let r=!1;const o=()=>{this.cache.get(e)===s&&this.cache.delete(e),i(),clearTimeout(n)},n=setTimeout(o,1e3*a),i=this.stores.session.subscribe((()=>{r&&o()}));r=!0,this.cache.set(e,s)}return s}async _load_node({status:t,error:e,module:r,page:s,context:o}){const a={module:r,uses:{params:new Set,path:!1,query:!1,session:!1,context:!1,dependencies:[]},loaded:null,context:o},n={};for(const i in s.params)Object.defineProperty(n,i,{get:()=>(a.uses.params.add(i),s.params[i]),enumerable:!0});const l=this.$session;if(r.load){const{started:c}=this,u={page:{host:s.host,params:n,get path(){return a.uses.path=!0,s.path},get query(){return a.uses.query=!0,s.query}},get session(){return a.uses.session=!0,l},get context(){return a.uses.context=!0,i({},o)},fetch(t,e){const r="string"==typeof t?t:t.url,{href:o}=new URL(r,new URL(s.path,document.baseURI));return a.uses.dependencies.push(o),c?fetch(t,e):ot(t,e)}};e&&(u.status=t,u.error=e);const h=await r.load.call(null,u);if(!h)return;a.loaded=function(t){const e=t.status&&t.status>=400&&t.status<=599&&!t.redirect;if(t.error||e){const r=t.status;if(!t.error&&e)return{status:r||500,error:new Error};const s="string"==typeof t.error?new Error(t.error):t.error;return s instanceof Error?!r||r<400||r>599?(console.warn('"error" returned from load() without a valid status code — defaulting to 500'),{status:500,error:s}):{status:r,error:s}:{status:500,error:new Error(`"error" property returned from load() must be a string or instance of Error, received type "${typeof s}"`)}}if(t.redirect){if(!t.status||3!==Math.floor(t.status/100))return{status:500,error:new Error('"redirect" property returned from load() must be accompanied by a 3xx status code')};if("string"!=typeof t.redirect)return{status:500,error:new Error('"redirect" property returned from load() must be a string')}}return t}(h),a.loaded.context&&(a.context=a.loaded.context)}return a}async _load({route:t,path:e,query:r},s){const o=`${e}?${r}`;if(!s){const t=this.cache.get(o);if(t)return t}const[a,n,l,c]=t,u=c?c(a.exec(e)):{},h=this.current.page&&{path:e!==this.current.page.path,params:Object.keys(u).filter((t=>this.current.page.params[t]!==u[t])),query:r.toString()!==this.current.page.query.toString(),session:this.session_id!==this.current.session_id},d={host:this.host,path:e,query:r,params:u},p=[];let f,g={},m=!1,_=200;n.forEach((t=>t()));t:for(let v=0;v<n.length;v+=1){let t;try{if(!n[v])continue;const e=await n[v](),r=this.current.branch[v];if(!r||e!==r.module||h.path&&r.uses.path||h.params.some((t=>r.uses.params.has(t)))||h.query&&r.uses.query||h.session&&r.uses.session||r.uses.dependencies.some((t=>this.invalid.has(t)))||m&&r.uses.context){t=await this._load_node({module:e,page:d,context:g});const r=v===n.length-1;if(t&&t.loaded){if(t.loaded.error&&(_=t.loaded.status,f=t.loaded.error),t.loaded.redirect)return{redirect:t.loaded.redirect,props:{},state:this.current};t.loaded.context&&(m=!0)}else if(r&&e.load)return}else t=r}catch(y){_=500,f=y}if(f){for(;v--;)if(l[v]){let t,e,r=v;for(;!(e=p[r]);)r-=1;try{if(t=await this._load_node({status:_,error:f,module:await l[v](),page:d,context:e.context}),t&&t.loaded&&t.loaded.error)continue;p.push(t);break t}catch(y){continue}}return await this._load_error({status:_,error:f,path:e,query:r})}t&&t.loaded&&t.loaded.context&&(g=i(i({},g),t.loaded.context)),p.push(t)}return await this._get_navigation_result_from_branch({page:d,branch:p})}async _load_error({status:t,error:e,path:r,query:s}){const o={host:this.host,path:r,query:s,params:{}},a=await this._load_node({module:await this.fallback[0],page:o,context:{}}),n=[a,await this._load_node({status:t,error:e,module:await this.fallback[1],page:o,context:a&&a.loaded&&a.loaded.context||{}})];return await this._get_navigation_result_from_branch({page:o,branch:n})}}async function nt({paths:t,target:e,session:r,host:s,route:o,spa:a,trailing_slash:n,hydrate:i}){const l=new at({Root:G,fallback:Z,target:e,session:r,host:s}),c=o?new rt({base:t.base,routes:Q,trailing_slash:n,renderer:l}):null;V(t),i&&await l.start(i),c&&(a&&c.goto(location.href,{replaceState:!0},[]),c.init_listeners()),dispatchEvent(new CustomEvent("sveltekit:start"))}export{nt as start};
diff --git a/package-lock.json b/package-lock.json
index 763bb56..60d14bb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "svelte-calendar",
-  "version": "3.0.17",
+  "version": "3.0.18",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/package.json b/package.json
index 5a3c3d4..ed22288 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "svelte-calendar",
-  "version": "3.0.17",
+  "version": "3.0.18",
   "main": "src/lib/index.js",
   "scripts": {
     "dev": "svelte-kit dev",