diff --git a/docs/404.html b/docs/404.html index 8afb01079..8d38e8332 100644 --- a/docs/404.html +++ b/docs/404.html @@ -5,10 +5,10 @@ 404 | Vue Datepicker - - + + - + @@ -18,8 +18,8 @@ -
Vue Datepicker

Appearance

404

PAGE NOT FOUND

But if you don't change your direction, and if you keep looking, you may end up where you are heading.
Take me home

Released under the MIT License.

Copyright © 2021-present Vuepic

- +
Vue Datepicker

Appearance

404

PAGE NOT FOUND

But if you don't change your direction, and if you keep looking, you may end up where you are heading.
Take me home

Released under the MIT License.

Copyright © 2021-present Vuepic

+ \ No newline at end of file diff --git a/docs/assets/app.goh8s4cn.js b/docs/assets/app._CFrrlFz.js similarity index 75% rename from docs/assets/app.goh8s4cn.js rename to docs/assets/app._CFrrlFz.js index b4a647d3d..789e29ca8 100644 --- a/docs/assets/app.goh8s4cn.js +++ b/docs/assets/app._CFrrlFz.js @@ -1,4 +1,4 @@ -import{j as o,ak as i,al as u,am as l,an as c,ao as f,ap as d,aq as m,ar as h,as as A,at as g,L as v,d as P,u as w,l as y,z as C,au as R,av as _,aw as b,ab as E}from"./chunks/framework.7pWjBRCP.js";import{R as D}from"./chunks/theme.D3A9bHIM.js";function p(e){if(e.extends){const a=p(e.extends);return{...a,...e,async enhanceApp(t){a.enhanceApp&&await a.enhanceApp(t),e.enhanceApp&&await e.enhanceApp(t)}}}return e}const s=p(D),L=P({name:"VitePressApp",setup(){const{site:e,lang:a,dir:t}=w();return y(()=>{C(()=>{document.documentElement.lang=a.value,document.documentElement.dir=t.value})}),e.value.router.prefetchLinks&&R(),_(),b(),s.setup&&s.setup(),()=>E(s.Layout)}});async function T(){const e=O(),a=j();a.provide(u,e);const t=l(e.route);return a.provide(c,t),a.component("Content",f),a.component("ClientOnly",d),Object.defineProperties(a.config.globalProperties,{$frontmatter:{get(){return t.frontmatter.value}},$params:{get(){return t.page.value.params}}}),s.enhanceApp&&await s.enhanceApp({app:a,router:e,siteData:m}),{app:a,router:e,data:t}}function j(){return h(L)}function O(){let e=o,a;return A(t=>{let n=g(t),r=null;return n&&(e&&(a=n),(e||a===n)&&(n=n.replace(/\.js$/,".lean.js")),r=v(()=>import(n),__vite__mapDeps([]))),o&&(e=!1),r},s.NotFound)}o&&T().then(({app:e,router:a,data:t})=>{a.go().then(()=>{i(a.route,t.site),e.mount("#app")})});export{T as createApp}; +import{j as o,al as i,am as u,an as l,ao as c,ap as f,aq as d,ar as m,as as h,at as A,au as g,L as v,d as P,u as w,l as y,z as C,av as R,aw as _,ax as b,ab as E}from"./chunks/framework.xyZR8MrU.js";import{R as D}from"./chunks/theme.PEn4Fb73.js";function p(e){if(e.extends){const a=p(e.extends);return{...a,...e,async enhanceApp(t){a.enhanceApp&&await a.enhanceApp(t),e.enhanceApp&&await e.enhanceApp(t)}}}return e}const s=p(D),L=P({name:"VitePressApp",setup(){const{site:e,lang:a,dir:t}=w();return y(()=>{C(()=>{document.documentElement.lang=a.value,document.documentElement.dir=t.value})}),e.value.router.prefetchLinks&&R(),_(),b(),s.setup&&s.setup(),()=>E(s.Layout)}});async function T(){const e=x(),a=j();a.provide(u,e);const t=l(e.route);return a.provide(c,t),a.component("Content",f),a.component("ClientOnly",d),Object.defineProperties(a.config.globalProperties,{$frontmatter:{get(){return t.frontmatter.value}},$params:{get(){return t.page.value.params}}}),s.enhanceApp&&await s.enhanceApp({app:a,router:e,siteData:m}),{app:a,router:e,data:t}}function j(){return h(L)}function x(){let e=o,a;return A(t=>{let n=g(t),r=null;return n&&(e&&(a=n),(e||a===n)&&(n=n.replace(/\.js$/,".lean.js")),r=v(()=>import(n),__vite__mapDeps([]))),o&&(e=!1),r},s.NotFound)}o&&T().then(({app:e,router:a,data:t})=>{a.go().then(()=>{i(a.route,t.site),e.mount("#app")})});export{T as createApp}; function __vite__mapDeps(indexes) { if (!__vite__mapDeps.viteFileDeps) { __vite__mapDeps.viteFileDeps = [] diff --git a/docs/assets/chunks/VPAlgoliaSearchBox.ud4UyhXq.js b/docs/assets/chunks/VPAlgoliaSearchBox.OJSKcbJR.js similarity index 99% rename from docs/assets/chunks/VPAlgoliaSearchBox.ud4UyhXq.js rename to docs/assets/chunks/VPAlgoliaSearchBox.OJSKcbJR.js index 28ed1ad54..76fb6168f 100644 --- a/docs/assets/chunks/VPAlgoliaSearchBox.ud4UyhXq.js +++ b/docs/assets/chunks/VPAlgoliaSearchBox.OJSKcbJR.js @@ -1,4 +1,4 @@ -import{d as so,ax as fo,O as mo,l as po,y as vo,V as ho,o as yo,c as go}from"./framework.7pWjBRCP.js";import{u as bo}from"./theme.D3A9bHIM.js";/*! @docsearch/js 3.5.2 | MIT License | © Algolia, Inc. and contributors | https://docsearch.algolia.com */function ur(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable})),r.push.apply(r,n)}return r}function I(t){for(var e=1;e=0||(l[u]=a[u]);return l}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}function se(t,e){return function(r){if(Array.isArray(r))return r}(t)||function(r,n){var o=r==null?null:typeof Symbol<"u"&&r[Symbol.iterator]||r["@@iterator"];if(o!=null){var i,a,c=[],u=!0,s=!1;try{for(o=o.call(r);!(u=(i=o.next()).done)&&(c.push(i.value),!n||c.length!==n);u=!0);}catch(l){s=!0,a=l}finally{try{u||o.return==null||o.return()}finally{if(s)throw a}}return c}}(t,e)||yn(t,e)||function(){throw new TypeError(`Invalid attempt to destructure non-iterable instance. +import{d as so,ay as fo,O as mo,l as po,y as vo,V as ho,o as yo,c as go}from"./framework.xyZR8MrU.js";import{u as bo}from"./theme.PEn4Fb73.js";/*! @docsearch/js 3.5.2 | MIT License | © Algolia, Inc. and contributors | https://docsearch.algolia.com */function ur(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable})),r.push.apply(r,n)}return r}function I(t){for(var e=1;e=0||(l[u]=a[u]);return l}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}function se(t,e){return function(r){if(Array.isArray(r))return r}(t)||function(r,n){var o=r==null?null:typeof Symbol<"u"&&r[Symbol.iterator]||r["@@iterator"];if(o!=null){var i,a,c=[],u=!0,s=!1;try{for(o=o.call(r);!(u=(i=o.next()).done)&&(c.push(i.value),!n||c.length!==n);u=!0);}catch(l){s=!0,a=l}finally{try{u||o.return==null||o.return()}finally{if(s)throw a}}return c}}(t,e)||yn(t,e)||function(){throw new TypeError(`Invalid attempt to destructure non-iterable instance. In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}()}function ft(t){return function(e){if(Array.isArray(e))return Lt(e)}(t)||function(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}(t)||yn(t)||function(){throw new TypeError(`Invalid attempt to spread non-iterable instance. In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}()}function yn(t,e){if(t){if(typeof t=="string")return Lt(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return r==="Object"&&t.constructor&&(r=t.constructor.name),r==="Map"||r==="Set"?Array.from(t):r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?Lt(t,e):void 0}}function Lt(t,e){(e==null||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r3)for(r=[r],i=3;i0?Ie(v.type,v.props,v.key,null,v.__v):v)!=null){if(v.__=r,v.__b=r.__b+1,(p=b[l])===null||p&&v.key==p.key&&v.type===p.type)b[l]=void 0;else for(m=0;m<_;m++){if((p=b[m])&&v.key==p.key&&v.type===p.type){b[m]=void 0;break}p=null}Yt(t,v,p=p||mt,o,i,a,c,u,s),d=v.__e,(m=v.ref)&&p.ref!=m&&(y||(y=[]),p.ref&&y.push(p.ref,null,v),y.push(m,v.__c||d,v)),d!=null?(h==null&&(h=d),typeof v.type=="function"&&v.__k!=null&&v.__k===p.__k?v.__d=u=wn(v,u,t):u=jn(t,v,p,b,d,u),s||r.type!=="option"?typeof r.type=="function"&&(r.__d=u):t.value=""):u&&p.__e==u&&u.parentNode!=t&&(u=We(p))}for(r.__e=h,l=_;l--;)b[l]!=null&&(typeof r.type=="function"&&b[l].__e!=null&&b[l].__e==r.__d&&(r.__d=We(n,l+1)),In(b[l],b[l]));if(y)for(l=0;l3)for(r=[r],i=3;i=r.__.length&&r.__.push({}),r.__[t]}function kn(t){return pe=1,An(xn,t)}function An(t,e,r){var n=Je(de++,2);return n.t=t,n.__c||(n.__=[r?r(e):xn(void 0,e),function(o){var i=n.t(n.__[0],o);n.__[0]!==i&&(n.__=[i,n.__[1]],n.__c.setState({}))}],n.__c=q),n.__}function Cn(t,e){var r=Je(de++,3);!w.__s&&Gt(r.__H,e)&&(r.__=t,r.__H=e,q.__H.__h.push(r))}function gr(t,e){var r=Je(de++,4);!w.__s&&Gt(r.__H,e)&&(r.__=t,r.__H=e,q.__h.push(r))}function Pt(t,e){var r=Je(de++,7);return Gt(r.__H,e)&&(r.__=t(),r.__H=e,r.__h=t),r.__}function Po(){Ht.forEach(function(t){if(t.__P)try{t.__H.__h.forEach(ut),t.__H.__h.forEach(Ut),t.__H.__h=[]}catch(e){t.__H.__h=[],w.__e(e,t.__v)}}),Ht=[]}w.__b=function(t){q=null,pr&&pr(t)},w.__r=function(t){vr&&vr(t),de=0;var e=(q=t.__c).__H;e&&(e.__h.forEach(ut),e.__h.forEach(Ut),e.__h=[])},w.diffed=function(t){dr&&dr(t);var e=t.__c;e&&e.__H&&e.__H.__h.length&&(Ht.push(e)!==1&&mr===w.requestAnimationFrame||((mr=w.requestAnimationFrame)||function(r){var n,o=function(){clearTimeout(i),br&&cancelAnimationFrame(n),setTimeout(r)},i=setTimeout(o,100);br&&(n=requestAnimationFrame(o))})(Po)),q=void 0},w.__c=function(t,e){e.some(function(r){try{r.__h.forEach(ut),r.__h=r.__h.filter(function(n){return!n.__||Ut(n)})}catch(n){e.some(function(o){o.__h&&(o.__h=[])}),e=[],w.__e(n,r.__v)}}),hr&&hr(t,e)},w.unmount=function(t){yr&&yr(t);var e=t.__c;if(e&&e.__H)try{e.__H.__.forEach(ut)}catch(r){w.__e(r,e.__v)}};var br=typeof requestAnimationFrame=="function";function ut(t){var e=q;typeof t.__c=="function"&&t.__c(),q=e}function Ut(t){var e=q;t.__c=t.__(),q=e}function Gt(t,e){return!t||t.length!==e.length||e.some(function(r,n){return r!==t[n]})}function xn(t,e){return typeof e=="function"?e(t):e}function Nn(t,e){for(var r in e)t[r]=e[r];return t}function Ft(t,e){for(var r in t)if(r!=="__source"&&!(r in e))return!0;for(var n in e)if(n!=="__source"&&t[n]!==e[n])return!0;return!1}function Bt(t){this.props=t}(Bt.prototype=new K).isPureReactComponent=!0,Bt.prototype.shouldComponentUpdate=function(t,e){return Ft(this.props,t)||Ft(this.state,e)};var _r=w.__b;w.__b=function(t){t.type&&t.type.__f&&t.ref&&(t.props.ref=t.ref,t.ref=null),_r&&_r(t)};var Io=typeof Symbol<"u"&&Symbol.for&&Symbol.for("react.forward_ref")||3911,Or=function(t,e){return t==null?null:$($(t).map(e))},Do={map:Or,forEach:Or,count:function(t){return t?$(t).length:0},only:function(t){var e=$(t);if(e.length!==1)throw"Children.only";return e[0]},toArray:$},ko=w.__e;function ct(){this.__u=0,this.t=null,this.__b=null}function Tn(t){var e=t.__.__c;return e&&e.__e&&e.__e(t)}function je(){this.u=null,this.o=null}w.__e=function(t,e,r){if(t.then){for(var n,o=e;o=o.__;)if((n=o.__c)&&n.__c)return e.__e==null&&(e.__e=r.__e,e.__k=r.__k),n.__c(t,e)}ko(t,e,r)},(ct.prototype=new K).__c=function(t,e){var r=e.__c,n=this;n.t==null&&(n.t=[]),n.t.push(r);var o=Tn(n.__v),i=!1,a=function(){i||(i=!0,r.componentWillUnmount=r.__c,o?o(c):c())};r.__c=r.componentWillUnmount,r.componentWillUnmount=function(){a(),r.__c&&r.__c()};var c=function(){if(!--n.__u){if(n.state.__e){var s=n.state.__e;n.__v.__k[0]=function m(p,v,d){return p&&(p.__v=null,p.__k=p.__k&&p.__k.map(function(h){return m(h,v,d)}),p.__c&&p.__c.__P===v&&(p.__e&&d.insertBefore(p.__e,p.__d),p.__c.__e=!0,p.__c.__P=d)),p}(s,s.__c.__P,s.__c.__O)}var l;for(n.setState({__e:n.__b=null});l=n.t.pop();)l.forceUpdate()}},u=e.__h===!0;n.__u++||u||n.setState({__e:n.__b=n.__v.__k[0]}),t.then(a,a)},ct.prototype.componentWillUnmount=function(){this.t=[]},ct.prototype.render=function(t,e){if(this.__b){if(this.__v.__k){var r=document.createElement("div"),n=this.__v.__k[0].__c;this.__v.__k[0]=function i(a,c,u){return a&&(a.__c&&a.__c.__H&&(a.__c.__H.__.forEach(function(s){typeof s.__c=="function"&&s.__c()}),a.__c.__H=null),(a=Nn({},a)).__c!=null&&(a.__c.__P===u&&(a.__c.__P=c),a.__c=null),a.__k=a.__k&&a.__k.map(function(s){return i(s,c,u)})),a}(this.__b,r,n.__O=n.__P)}this.__b=null}var o=e.__e&&W(X,null,t.fallback);return o&&(o.__h=null),[W(X,null,e.__e?null:t.children),o]};var Sr=function(t,e,r){if(++r[1]===r[0]&&t.o.delete(e),t.props.revealOrder&&(t.props.revealOrder[0]!=="t"||!t.o.size))for(r=t.u;r;){for(;r.length>3;)r.pop()();if(r[1]>>1,1),e.i.removeChild(n)}}),Ke(W(Ao,{context:e.context},t.__v),e.l)):e.l&&e.componentWillUnmount()}function Rn(t,e){return W(Co,{__v:t,i:e})}(je.prototype=new K).__e=function(t){var e=this,r=Tn(e.__v),n=e.o.get(t);return n[0]++,function(o){var i=function(){e.props.revealOrder?(n.push(o),Sr(e,t,n)):o()};r?r(i):i()}},je.prototype.render=function(t){this.u=null,this.o=new Map;var e=$(t.children);t.revealOrder&&t.revealOrder[0]==="b"&&e.reverse();for(var r=e.length;r--;)this.o.set(e[r],this.u=[1,0,this.u]);return t.children},je.prototype.componentDidUpdate=je.prototype.componentDidMount=function(){var t=this;this.o.forEach(function(e,r){Sr(t,r,e)})};var qn=typeof Symbol<"u"&&Symbol.for&&Symbol.for("react.element")||60103,xo=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|fill|flood|font|glyph(?!R)|horiz|marker(?!H|W|U)|overline|paint|stop|strikethrough|stroke|text(?!L)|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,No=function(t){return(typeof Symbol<"u"&&Ve(Symbol())=="symbol"?/fil|che|rad/i:/fil|che|ra/i).test(t)};function Ln(t,e,r){return e.__k==null&&(e.textContent=""),Ke(t,e),typeof r=="function"&&r(),t?t.__c:null}K.prototype.isReactComponent={},["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(t){Object.defineProperty(K.prototype,t,{configurable:!0,get:function(){return this["UNSAFE_"+t]},set:function(e){Object.defineProperty(this,t,{configurable:!0,writable:!0,value:e})}})});var wr=w.event;function To(){}function Ro(){return this.cancelBubble}function qo(){return this.defaultPrevented}w.event=function(t){return wr&&(t=wr(t)),t.persist=To,t.isPropagationStopped=Ro,t.isDefaultPrevented=qo,t.nativeEvent=t};var Mn,jr={configurable:!0,get:function(){return this.class}},Er=w.vnode;w.vnode=function(t){var e=t.type,r=t.props,n=r;if(typeof e=="string"){for(var o in n={},r){var i=r[o];o==="value"&&"defaultValue"in r&&i==null||(o==="defaultValue"&&"value"in r&&r.value==null?o="value":o==="download"&&i===!0?i="":/ondoubleclick/i.test(o)?o="ondblclick":/^onchange(textarea|input)/i.test(o+e)&&!No(r.type)?o="oninput":/^on(Ani|Tra|Tou|BeforeInp)/.test(o)?o=o.toLowerCase():xo.test(o)?o=o.replace(/[A-Z0-9]/,"-$&").toLowerCase():i===null&&(i=void 0),n[o]=i)}e=="select"&&n.multiple&&Array.isArray(n.value)&&(n.value=$(r.children).forEach(function(a){a.props.selected=n.value.indexOf(a.props.value)!=-1})),e=="select"&&n.defaultValue!=null&&(n.value=$(r.children).forEach(function(a){a.props.selected=n.multiple?n.defaultValue.indexOf(a.props.value)!=-1:n.defaultValue==a.props.value})),t.props=n}e&&r.class!=r.className&&(jr.enumerable="className"in r,r.className!=null&&(n.class=r.className),Object.defineProperty(n,"className",jr)),t.$$typeof=qn,Er&&Er(t)};var Pr=w.__r;w.__r=function(t){Pr&&Pr(t),Mn=t.__c};var Lo={ReactCurrentDispatcher:{current:{readContext:function(t){return Mn.__n[t.__c].props.value}}}};(typeof performance>"u"?"undefined":Ve(performance))=="object"&&typeof performance.now=="function"&&performance.now.bind(performance);function Ir(t){return!!t&&t.$$typeof===qn}var f={useState:kn,useReducer:An,useEffect:Cn,useLayoutEffect:gr,useRef:function(t){return pe=5,Pt(function(){return{current:t}},[])},useImperativeHandle:function(t,e,r){pe=6,gr(function(){typeof t=="function"?t(e()):t&&(t.current=e())},r==null?r:r.concat(t))},useMemo:Pt,useCallback:function(t,e){return pe=8,Pt(function(){return t},e)},useContext:function(t){var e=q.context[t.__c],r=Je(de++,9);return r.__c=t,e?(r.__==null&&(r.__=!0,e.sub(q)),e.props.value):t.__},useDebugValue:function(t,e){w.useDebugValue&&w.useDebugValue(e?e(t):t)},version:"16.8.0",Children:Do,render:Ln,hydrate:function(t,e,r){return Dn(t,e),typeof r=="function"&&r(),t?t.__c:null},unmountComponentAtNode:function(t){return!!t.__k&&(Ke(null,t),!0)},createPortal:Rn,createElement:W,createContext:function(t,e){var r={__c:e="__cC"+bn++,__:t,Consumer:function(n,o){return n.children(o)},Provider:function(n){var o,i;return this.getChildContext||(o=[],(i={})[e]=this,this.getChildContext=function(){return i},this.shouldComponentUpdate=function(a){this.props.value!==a.value&&o.some(Mt)},this.sub=function(a){o.push(a);var c=a.componentWillUnmount;a.componentWillUnmount=function(){o.splice(o.indexOf(a),1),c&&c.call(a)}}),n.children}};return r.Provider.__=r.Consumer.contextType=r},createFactory:function(t){return W.bind(null,t)},cloneElement:function(t){return Ir(t)?Eo.apply(null,arguments):t},createRef:function(){return{current:null}},Fragment:X,isValidElement:Ir,findDOMNode:function(t){return t&&(t.base||t.nodeType===1&&t)||null},Component:K,PureComponent:Bt,memo:function(t,e){function r(o){var i=this.props.ref,a=i==o.ref;return!a&&i&&(i.call?i(null):i.current=null),e?!e(this.props,o)||!a:Ft(this.props,o)}function n(o){return this.shouldComponentUpdate=r,W(t,o)}return n.displayName="Memo("+(t.displayName||t.name)+")",n.prototype.isReactComponent=!0,n.__f=!0,n},forwardRef:function(t){function e(r,n){var o=Nn({},r);return delete o.ref,t(o,(n=r.ref||n)&&(Ve(n)!="object"||"current"in n)?n:null)}return e.$$typeof=Io,e.render=e,e.prototype.isReactComponent=e.__f=!0,e.displayName="ForwardRef("+(t.displayName||t.name)+")",e},unstable_batchedUpdates:function(t,e){return t(e)},StrictMode:X,Suspense:ct,SuspenseList:je,lazy:function(t){var e,r,n;function o(i){if(e||(e=t()).then(function(a){r=a.default||a},function(a){n=a}),n)throw n;if(!r)throw e;return W(r,i)}return o.displayName="Lazy",o.__f=!0,o},__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:Lo};function Mo(){return f.createElement("svg",{width:"15",height:"15",className:"DocSearch-Control-Key-Icon"},f.createElement("path",{d:"M4.505 4.496h2M5.505 5.496v5M8.216 4.496l.055 5.993M10 7.5c.333.333.5.667.5 1v2M12.326 4.5v5.996M8.384 4.496c1.674 0 2.116 0 2.116 1.5s-.442 1.5-2.116 1.5M3.205 9.303c-.09.448-.277 1.21-1.241 1.203C1 10.5.5 9.513.5 8V7c0-1.57.5-2.5 1.464-2.494.964.006 1.134.598 1.24 1.342M12.553 10.5h1.953",strokeWidth:"1.2",stroke:"currentColor",fill:"none",strokeLinecap:"square"}))}function Hn(){return f.createElement("svg",{width:"20",height:"20",className:"DocSearch-Search-Icon",viewBox:"0 0 20 20"},f.createElement("path",{d:"M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z",stroke:"currentColor",fill:"none",fillRule:"evenodd",strokeLinecap:"round",strokeLinejoin:"round"}))}var Ho=["translations"];function Vt(){return Vt=Object.assign||function(t){for(var e=1;et.length)&&(e=t.length);for(var r=0,n=new Array(e);r=0||(l[u]=a[u]);return l}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}var Bo=f.forwardRef(function(t,e){var r=t.translations,n=r===void 0?{}:r,o=Fo(t,Ho),i=n.buttonText,a=i===void 0?"Search":i,c=n.buttonAriaLabel,u=c===void 0?"Search":c,s=Uo(kn(null),2),l=s[0],m=s[1];return Cn(function(){typeof navigator<"u"&&(/(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)?m("⌘"):m("Ctrl"))},[]),f.createElement("button",Vt({type:"button",className:"DocSearch DocSearch-Button","aria-label":u},o,{ref:e}),f.createElement("span",{className:"DocSearch-Button-Container"},f.createElement(Hn,null),f.createElement("span",{className:"DocSearch-Button-Placeholder"},a)),f.createElement("span",{className:"DocSearch-Button-Keys"},l!==null&&f.createElement(f.Fragment,null,f.createElement("kbd",{className:"DocSearch-Button-Key"},l==="Ctrl"?f.createElement(Mo,null):l),f.createElement("kbd",{className:"DocSearch-Button-Key"},"K"))))});function Un(t,e){var r=void 0;return function(){for(var n=arguments.length,o=new Array(n),i=0;in.has(r.toLowerCase()):r=>n.has(r)}const ee={},yt=[],xe=()=>{},Si=()=>!1,Wt=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&(e.charCodeAt(2)>122||e.charCodeAt(2)<97),Or=e=>e.startsWith("onUpdate:"),le=Object.assign,Lr=(e,t)=>{const n=e.indexOf(t);n>-1&&e.splice(n,1)},Ai=Object.prototype.hasOwnProperty,Y=(e,t)=>Ai.call(e,t),D=Array.isArray,_t=e=>qt(e)==="[object Map]",Mn=e=>qt(e)==="[object Set]",ts=e=>qt(e)==="[object Date]",q=e=>typeof e=="function",ne=e=>typeof e=="string",Qe=e=>typeof e=="symbol",Z=e=>e!==null&&typeof e=="object",Qs=e=>(Z(e)||q(e))&&q(e.then)&&q(e.catch),Zs=Object.prototype.toString,qt=e=>Zs.call(e),Ri=e=>qt(e).slice(8,-1),eo=e=>qt(e)==="[object Object]",Mr=e=>ne(e)&&e!=="NaN"&&e[0]!=="-"&&""+parseInt(e,10)===e,Lt=Rr(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),In=e=>{const t=Object.create(null);return n=>t[n]||(t[n]=e(n))},Oi=/-(\w)/g,Pe=In(e=>e.replace(Oi,(t,n)=>n?n.toUpperCase():"")),Li=/\B([A-Z])/g,ut=In(e=>e.replace(Li,"-$1").toLowerCase()),Pn=In(e=>e.charAt(0).toUpperCase()+e.slice(1)),gn=In(e=>e?`on${Pn(e)}`:""),Ze=(e,t)=>!Object.is(e,t),mn=(e,t)=>{for(let n=0;n{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,value:n})},Ir=e=>{const t=parseFloat(e);return isNaN(t)?e:t},Mi=e=>{const t=ne(e)?Number(e):NaN;return isNaN(t)?e:t};let ns;const to=()=>ns||(ns=typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:typeof global<"u"?global:{});function Nn(e){if(D(e)){const t={};for(let n=0;n{if(n){const r=n.split(Pi);r.length>1&&(t[r[0].trim()]=r[1].trim())}}),t}function Fn(e){let t="";if(ne(e))t=e;else if(D(e))for(let n=0;nVt(n,t))}const tf=e=>ne(e)?e:e==null?"":D(e)||Z(e)&&(e.toString===Zs||!q(e.toString))?JSON.stringify(e,ro,2):String(e),ro=(e,t)=>t&&t.__v_isRef?ro(e,t.value):_t(t)?{[`Map(${t.size})`]:[...t.entries()].reduce((n,[r,s],o)=>(n[Jn(r,o)+" =>"]=s,n),{})}:Mn(t)?{[`Set(${t.size})`]:[...t.values()].map(n=>Jn(n))}:Qe(t)?Jn(t):Z(t)&&!D(t)&&!eo(t)?String(t):t,Jn=(e,t="")=>{var n;return Qe(e)?`Symbol(${(n=e.description)!=null?n:t})`:e};/** -* @vue/reactivity v3.4.15 -* (c) 2018-present Yuxi (Evan) You and Vue contributors -* @license MIT -**/let be;class Di{constructor(t=!1){this.detached=t,this._active=!0,this.effects=[],this.cleanups=[],this.parent=be,!t&&be&&(this.index=(be.scopes||(be.scopes=[])).push(this)-1)}get active(){return this._active}run(t){if(this._active){const n=be;try{return be=this,t()}finally{be=n}}}on(){be=this}off(){be=this.parent}stop(t){if(this._active){let n,r;for(n=0,r=this.effects.length;n=2))break}this._dirtyLevel<2&&(this._dirtyLevel=0),ht()}return this._dirtyLevel>=2}set dirty(t){this._dirtyLevel=t?2:0}run(){if(this._dirtyLevel=0,!this.active)return this.fn();let t=Ge,n=ct;try{return Ge=!0,ct=this,this._runnings++,rs(this),this.fn()}finally{ss(this),this._runnings--,ct=n,Ge=t}}stop(){var t;this.active&&(rs(this),ss(this),(t=this.onStop)==null||t.call(this),this.active=!1)}}function Ui(e){return e.value}function rs(e){e._trackId++,e._depsLength=0}function ss(e){if(e.deps&&e.deps.length>e._depsLength){for(let t=e._depsLength;t{const n=new Map;return n.cleanup=e,n.computed=t,n},vn=new WeakMap,at=Symbol(""),gr=Symbol("");function ye(e,t,n){if(Ge&&ct){let r=vn.get(e);r||vn.set(e,r=new Map);let s=r.get(n);s||r.set(n,s=fo(()=>r.delete(n))),lo(ct,s)}}function $e(e,t,n,r,s,o){const i=vn.get(e);if(!i)return;let l=[];if(t==="clear")l=[...i.values()];else if(n==="length"&&D(e)){const c=Number(r);i.forEach((a,u)=>{(u==="length"||!Qe(u)&&u>=c)&&l.push(a)})}else switch(n!==void 0&&l.push(i.get(n)),t){case"add":D(e)?Mr(n)&&l.push(i.get("length")):(l.push(i.get(at)),_t(e)&&l.push(i.get(gr)));break;case"delete":D(e)||(l.push(i.get(at)),_t(e)&&l.push(i.get(gr)));break;case"set":_t(e)&&l.push(i.get(at));break}Nr();for(const c of l)c&&co(c,2);Fr()}function Ki(e,t){var n;return(n=vn.get(e))==null?void 0:n.get(t)}const Wi=Rr("__proto__,__v_isRef,__isVue"),uo=new Set(Object.getOwnPropertyNames(Symbol).filter(e=>e!=="arguments"&&e!=="caller").map(e=>Symbol[e]).filter(Qe)),os=qi();function qi(){const e={};return["includes","indexOf","lastIndexOf"].forEach(t=>{e[t]=function(...n){const r=J(this);for(let o=0,i=this.length;o{e[t]=function(...n){dt(),Nr();const r=J(this)[t].apply(this,n);return Fr(),ht(),r}}),e}function Gi(e){const t=J(this);return ye(t,"has",e),t.hasOwnProperty(e)}class ho{constructor(t=!1,n=!1){this._isReadonly=t,this._shallow=n}get(t,n,r){const s=this._isReadonly,o=this._shallow;if(n==="__v_isReactive")return!s;if(n==="__v_isReadonly")return s;if(n==="__v_isShallow")return o;if(n==="__v_raw")return r===(s?o?il:yo:o?mo:go).get(t)||Object.getPrototypeOf(t)===Object.getPrototypeOf(r)?t:void 0;const i=D(t);if(!s){if(i&&Y(os,n))return Reflect.get(os,n,r);if(n==="hasOwnProperty")return Gi}const l=Reflect.get(t,n,r);return(Qe(n)?uo.has(n):Wi(n))||(s||ye(t,"get",n),o)?l:he(l)?i&&Mr(n)?l:l.value:Z(l)?s?jn(l):Hn(l):l}}class po extends ho{constructor(t=!1){super(!1,t)}set(t,n,r,s){let o=t[n];if(!this._shallow){const c=Ct(o);if(!wn(r)&&!Ct(r)&&(o=J(o),r=J(r)),!D(t)&&he(o)&&!he(r))return c?!1:(o.value=r,!0)}const i=D(t)&&Mr(n)?Number(n)e,$n=e=>Reflect.getPrototypeOf(e);function en(e,t,n=!1,r=!1){e=e.__v_raw;const s=J(e),o=J(t);n||(Ze(t,o)&&ye(s,"get",t),ye(s,"get",o));const{has:i}=$n(s),l=r?$r:n?Vr:Dt;if(i.call(s,t))return l(e.get(t));if(i.call(s,o))return l(e.get(o));e!==s&&e.get(t)}function tn(e,t=!1){const n=this.__v_raw,r=J(n),s=J(e);return t||(Ze(e,s)&&ye(r,"has",e),ye(r,"has",s)),e===s?n.has(e):n.has(e)||n.has(s)}function nn(e,t=!1){return e=e.__v_raw,!t&&ye(J(e),"iterate",at),Reflect.get(e,"size",e)}function is(e){e=J(e);const t=J(this);return $n(t).has.call(t,e)||(t.add(e),$e(t,"add",e,e)),this}function ls(e,t){t=J(t);const n=J(this),{has:r,get:s}=$n(n);let o=r.call(n,e);o||(e=J(e),o=r.call(n,e));const i=s.call(n,e);return n.set(e,t),o?Ze(t,i)&&$e(n,"set",e,t):$e(n,"add",e,t),this}function cs(e){const t=J(this),{has:n,get:r}=$n(t);let s=n.call(t,e);s||(e=J(e),s=n.call(t,e)),r&&r.call(t,e);const o=t.delete(e);return s&&$e(t,"delete",e,void 0),o}function as(){const e=J(this),t=e.size!==0,n=e.clear();return t&&$e(e,"clear",void 0,void 0),n}function rn(e,t){return function(r,s){const o=this,i=o.__v_raw,l=J(i),c=t?$r:e?Vr:Dt;return!e&&ye(l,"iterate",at),i.forEach((a,u)=>r.call(s,c(a),c(u),o))}}function sn(e,t,n){return function(...r){const s=this.__v_raw,o=J(s),i=_t(o),l=e==="entries"||e===Symbol.iterator&&i,c=e==="keys"&&i,a=s[e](...r),u=n?$r:t?Vr:Dt;return!t&&ye(o,"iterate",c?gr:at),{next(){const{value:h,done:p}=a.next();return p?{value:h,done:p}:{value:l?[u(h[0]),u(h[1])]:u(h),done:p}},[Symbol.iterator](){return this}}}}function Ve(e){return function(...t){return e==="delete"?!1:e==="clear"?void 0:this}}function Qi(){const e={get(o){return en(this,o)},get size(){return nn(this)},has:tn,add:is,set:ls,delete:cs,clear:as,forEach:rn(!1,!1)},t={get(o){return en(this,o,!1,!0)},get size(){return nn(this)},has:tn,add:is,set:ls,delete:cs,clear:as,forEach:rn(!1,!0)},n={get(o){return en(this,o,!0)},get size(){return nn(this,!0)},has(o){return tn.call(this,o,!0)},add:Ve("add"),set:Ve("set"),delete:Ve("delete"),clear:Ve("clear"),forEach:rn(!0,!1)},r={get(o){return en(this,o,!0,!0)},get size(){return nn(this,!0)},has(o){return tn.call(this,o,!0)},add:Ve("add"),set:Ve("set"),delete:Ve("delete"),clear:Ve("clear"),forEach:rn(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach(o=>{e[o]=sn(o,!1,!1),n[o]=sn(o,!0,!1),t[o]=sn(o,!1,!0),r[o]=sn(o,!0,!0)}),[e,n,t,r]}const[Zi,el,tl,nl]=Qi();function Hr(e,t){const n=t?e?nl:tl:e?el:Zi;return(r,s,o)=>s==="__v_isReactive"?!e:s==="__v_isReadonly"?e:s==="__v_raw"?r:Reflect.get(Y(n,s)&&s in r?n:r,s,o)}const rl={get:Hr(!1,!1)},sl={get:Hr(!1,!0)},ol={get:Hr(!0,!1)},go=new WeakMap,mo=new WeakMap,yo=new WeakMap,il=new WeakMap;function ll(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function cl(e){return e.__v_skip||!Object.isExtensible(e)?0:ll(Ri(e))}function Hn(e){return Ct(e)?e:jr(e,!1,Xi,rl,go)}function al(e){return jr(e,!1,Ji,sl,mo)}function jn(e){return jr(e,!0,Yi,ol,yo)}function jr(e,t,n,r,s){if(!Z(e)||e.__v_raw&&!(t&&e.__v_isReactive))return e;const o=s.get(e);if(o)return o;const i=cl(e);if(i===0)return e;const l=new Proxy(e,i===2?r:n);return s.set(e,l),l}function bt(e){return Ct(e)?bt(e.__v_raw):!!(e&&e.__v_isReactive)}function Ct(e){return!!(e&&e.__v_isReadonly)}function wn(e){return!!(e&&e.__v_isShallow)}function _o(e){return bt(e)||Ct(e)}function J(e){const t=e&&e.__v_raw;return t?J(t):e}function Mt(e){return bn(e,"__v_skip",!0),e}const Dt=e=>Z(e)?Hn(e):e,Vr=e=>Z(e)?jn(e):e;class bo{constructor(t,n,r,s){this._setter=n,this.dep=void 0,this.__v_isRef=!0,this.__v_isReadonly=!1,this.effect=new Pr(()=>t(this._value),()=>It(this,1),()=>this.dep&&ao(this.dep)),this.effect.computed=this,this.effect.active=this._cacheable=!s,this.__v_isReadonly=r}get value(){const t=J(this);return(!t._cacheable||t.effect.dirty)&&Ze(t._value,t._value=t.effect.run())&&It(t,2),Dr(t),t.effect._dirtyLevel>=1&&It(t,1),t._value}set value(t){this._setter(t)}get _dirty(){return this.effect.dirty}set _dirty(t){this.effect.dirty=t}}function fl(e,t,n=!1){let r,s;const o=q(e);return o?(r=e,s=xe):(r=e.get,s=e.set),new bo(r,s,o||!s,n)}function Dr(e){Ge&&ct&&(e=J(e),lo(ct,e.dep||(e.dep=fo(()=>e.dep=void 0,e instanceof bo?e:void 0))))}function It(e,t=2,n){e=J(e);const r=e.dep;r&&co(r,t)}function he(e){return!!(e&&e.__v_isRef===!0)}function ue(e){return wo(e,!1)}function vo(e){return wo(e,!0)}function wo(e,t){return he(e)?e:new ul(e,t)}class ul{constructor(t,n){this.__v_isShallow=n,this.dep=void 0,this.__v_isRef=!0,this._rawValue=n?t:J(t),this._value=n?t:Dt(t)}get value(){return Dr(this),this._value}set value(t){const n=this.__v_isShallow||wn(t)||Ct(t);t=n?t:J(t),Ze(t,this._rawValue)&&(this._rawValue=t,this._value=n?t:Dt(t),It(this,2))}}function Eo(e){return he(e)?e.value:e}const dl={get:(e,t,n)=>Eo(Reflect.get(e,t,n)),set:(e,t,n,r)=>{const s=e[t];return he(s)&&!he(n)?(s.value=n,!0):Reflect.set(e,t,n,r)}};function Co(e){return bt(e)?e:new Proxy(e,dl)}class hl{constructor(t){this.dep=void 0,this.__v_isRef=!0;const{get:n,set:r}=t(()=>Dr(this),()=>It(this));this._get=n,this._set=r}get value(){return this._get()}set value(t){this._set(t)}}function pl(e){return new hl(e)}class gl{constructor(t,n,r){this._object=t,this._key=n,this._defaultValue=r,this.__v_isRef=!0}get value(){const t=this._object[this._key];return t===void 0?this._defaultValue:t}set value(t){this._object[this._key]=t}get dep(){return Ki(J(this._object),this._key)}}class ml{constructor(t){this._getter=t,this.__v_isRef=!0,this.__v_isReadonly=!0}get value(){return this._getter()}}function yl(e,t,n){return he(e)?e:q(e)?new ml(e):Z(e)&&arguments.length>1?_l(e,t,n):ue(e)}function _l(e,t,n){const r=e[t];return he(r)?r:new gl(e,t,n)}/** -* @vue/runtime-core v3.4.15 -* (c) 2018-present Yuxi (Evan) You and Vue contributors -* @license MIT -**/function ze(e,t,n,r){let s;try{s=r?e(...r):e()}catch(o){Gt(o,t,n)}return s}function Te(e,t,n,r){if(q(e)){const o=ze(e,t,n,r);return o&&Qs(o)&&o.catch(i=>{Gt(i,t,n)}),o}const s=[];for(let o=0;o>>1,s=de[r],o=Bt(s);oIe&&de.splice(t,1)}function El(e){D(e)?vt.push(...e):(!Ue||!Ue.includes(e,e.allowRecurse?ot+1:ot))&&vt.push(e),To()}function fs(e,t,n=kt?Ie+1:0){for(;nBt(n)-Bt(r));if(vt.length=0,Ue){Ue.push(...t);return}for(Ue=t,ot=0;ote.id==null?1/0:e.id,Cl=(e,t)=>{const n=Bt(e)-Bt(t);if(n===0){if(e.pre&&!t.pre)return-1;if(t.pre&&!e.pre)return 1}return n};function So(e){mr=!1,kt=!0,de.sort(Cl);try{for(Ie=0;Iene(y)?y.trim():y)),h&&(s=n.map(Ir))}let l,c=r[l=gn(t)]||r[l=gn(Pe(t))];!c&&o&&(c=r[l=gn(ut(t))]),c&&Te(c,e,6,s);const a=r[l+"Once"];if(a){if(!e.emitted)e.emitted={};else if(e.emitted[l])return;e.emitted[l]=!0,Te(a,e,6,s)}}function Ao(e,t,n=!1){const r=t.emitsCache,s=r.get(e);if(s!==void 0)return s;const o=e.emits;let i={},l=!1;if(!q(e)){const c=a=>{const u=Ao(a,t,!0);u&&(l=!0,le(i,u))};!n&&t.mixins.length&&t.mixins.forEach(c),e.extends&&c(e.extends),e.mixins&&e.mixins.forEach(c)}return!o&&!l?(Z(e)&&r.set(e,null),null):(D(o)?o.forEach(c=>i[c]=null):le(i,o),Z(e)&&r.set(e,i),i)}function Dn(e,t){return!e||!Wt(t)?!1:(t=t.slice(2).replace(/Once$/,""),Y(e,t[0].toLowerCase()+t.slice(1))||Y(e,ut(t))||Y(e,t))}let ie=null,kn=null;function Cn(e){const t=ie;return ie=e,kn=e&&e.type.__scopeId||null,t}function nf(e){kn=e}function rf(){kn=null}function Tl(e,t=ie,n){if(!t||e._n)return e;const r=(...s)=>{r._d&&xs(-1);const o=Cn(t);let i;try{i=e(...s)}finally{Cn(o),r._d&&xs(1)}return i};return r._n=!0,r._c=!0,r._d=!0,r}function Qn(e){const{type:t,vnode:n,proxy:r,withProxy:s,props:o,propsOptions:[i],slots:l,attrs:c,emit:a,render:u,renderCache:h,data:p,setupState:y,ctx:w,inheritAttrs:O}=e;let F,U;const B=Cn(e);try{if(n.shapeFlag&4){const _=s||r,P=_;F=Ae(u.call(P,_,h,o,y,p,w)),U=c}else{const _=t;F=Ae(_.length>1?_(o,{attrs:c,slots:l,emit:a}):_(o,null)),U=t.props?c:Sl(c)}}catch(_){$t.length=0,Gt(_,e,1),F=re(ve)}let g=F;if(U&&O!==!1){const _=Object.keys(U),{shapeFlag:P}=g;_.length&&P&7&&(i&&_.some(Or)&&(U=Al(U,i)),g=et(g,U))}return n.dirs&&(g=et(g),g.dirs=g.dirs?g.dirs.concat(n.dirs):n.dirs),n.transition&&(g.transition=n.transition),F=g,Cn(B),F}const Sl=e=>{let t;for(const n in e)(n==="class"||n==="style"||Wt(n))&&((t||(t={}))[n]=e[n]);return t},Al=(e,t)=>{const n={};for(const r in e)(!Or(r)||!(r.slice(9)in t))&&(n[r]=e[r]);return n};function Rl(e,t,n){const{props:r,children:s,component:o}=e,{props:i,children:l,patchFlag:c}=t,a=o.emitsOptions;if(t.dirs||t.transition)return!0;if(n&&c>=0){if(c&1024)return!0;if(c&16)return r?us(r,i,a):!!i;if(c&8){const u=t.dynamicProps;for(let h=0;he.__isSuspense;function Lo(e,t){t&&t.pendingBranch?D(e)?t.effects.push(...e):t.effects.push(e):El(e)}const Ml=Symbol.for("v-scx"),Il=()=>Et(Ml);function Mo(e,t){return Bn(e,null,t)}function lf(e,t){return Bn(e,null,{flush:"post"})}const on={};function Xe(e,t,n){return Bn(e,t,n)}function Bn(e,t,{immediate:n,deep:r,flush:s,once:o,onTrack:i,onTrigger:l}=ee){if(t&&o){const L=t;t=(...$)=>{L(...$),P()}}const c=ae,a=L=>r===!0?L:lt(L,r===!1?1:void 0);let u,h=!1,p=!1;if(he(e)?(u=()=>e.value,h=wn(e)):bt(e)?(u=()=>a(e),h=!0):D(e)?(p=!0,h=e.some(L=>bt(L)||wn(L)),u=()=>e.map(L=>{if(he(L))return L.value;if(bt(L))return a(L);if(q(L))return ze(L,c,2)})):q(e)?t?u=()=>ze(e,c,2):u=()=>(y&&y(),Te(e,c,3,[w])):u=xe,t&&r){const L=u;u=()=>lt(L())}let y,w=L=>{y=g.onStop=()=>{ze(L,c,4),y=g.onStop=void 0}},O;if(Jt)if(w=xe,t?n&&Te(t,c,3,[u(),p?[]:void 0,w]):u(),s==="sync"){const L=Il();O=L.__watcherHandles||(L.__watcherHandles=[])}else return xe;let F=p?new Array(e.length).fill(on):on;const U=()=>{if(!(!g.active||!g.dirty))if(t){const L=g.run();(r||h||(p?L.some(($,A)=>Ze($,F[A])):Ze(L,F)))&&(y&&y(),Te(t,c,3,[L,F===on?void 0:p&&F[0]===on?[]:F,w]),F=L)}else g.run()};U.allowRecurse=!!t;let B;s==="sync"?B=U:s==="post"?B=()=>ge(U,c&&c.suspense):(U.pre=!0,c&&(U.id=c.uid),B=()=>Vn(U));const g=new Pr(u,xe,B),_=so(),P=()=>{g.stop(),_&&Lr(_.effects,g)};return t?n?U():F=g.run():s==="post"?ge(g.run.bind(g),c&&c.suspense):g.run(),O&&O.push(P),P}function Pl(e,t,n){const r=this.proxy,s=ne(e)?e.includes(".")?Io(r,e):()=>r[e]:e.bind(r,r);let o;q(t)?o=t:(o=t.handler,n=t);const i=Yt(this),l=Bn(s,o.bind(r),n);return i(),l}function Io(e,t){const n=t.split(".");return()=>{let r=e;for(let s=0;s0){if(n>=t)return e;n++}if(r=r||new Set,r.has(e))return e;if(r.add(e),he(e))lt(e.value,t,n,r);else if(D(e))for(let s=0;s{lt(s,t,n,r)});else if(eo(e))for(const s in e)lt(e[s],t,n,r);return e}function cf(e,t){if(ie===null)return e;const n=Gn(ie)||ie.proxy,r=e.dirs||(e.dirs=[]);for(let s=0;s{e.isMounted=!0}),Ho(()=>{e.isUnmounting=!0}),e}const we=[Function,Array],Po={mode:String,appear:Boolean,persisted:Boolean,onBeforeEnter:we,onEnter:we,onAfterEnter:we,onEnterCancelled:we,onBeforeLeave:we,onLeave:we,onAfterLeave:we,onLeaveCancelled:we,onBeforeAppear:we,onAppear:we,onAfterAppear:we,onAppearCancelled:we},Fl={name:"BaseTransition",props:Po,setup(e,{slots:t}){const n=qn(),r=Nl();let s;return()=>{const o=t.default&&Fo(t.default(),!0);if(!o||!o.length)return;let i=o[0];if(o.length>1){for(const O of o)if(O.type!==ve){i=O;break}}const l=J(e),{mode:c}=l;if(r.isLeaving)return Zn(i);const a=hs(i);if(!a)return Zn(i);const u=yr(a,l,r,n);_r(a,u);const h=n.subTree,p=h&&hs(h);let y=!1;const{getTransitionKey:w}=a.type;if(w){const O=w();s===void 0?s=O:O!==s&&(s=O,y=!0)}if(p&&p.type!==ve&&(!it(a,p)||y)){const O=yr(p,l,r,n);if(_r(p,O),c==="out-in")return r.isLeaving=!0,O.afterLeave=()=>{r.isLeaving=!1,n.update.active!==!1&&(n.effect.dirty=!0,n.update())},Zn(i);c==="in-out"&&a.type!==ve&&(O.delayLeave=(F,U,B)=>{const g=No(r,p);g[String(p.key)]=p,F[Ke]=()=>{U(),F[Ke]=void 0,delete u.delayedLeave},u.delayedLeave=B})}return i}}},$l=Fl;function No(e,t){const{leavingVNodes:n}=e;let r=n.get(t.type);return r||(r=Object.create(null),n.set(t.type,r)),r}function yr(e,t,n,r){const{appear:s,mode:o,persisted:i=!1,onBeforeEnter:l,onEnter:c,onAfterEnter:a,onEnterCancelled:u,onBeforeLeave:h,onLeave:p,onAfterLeave:y,onLeaveCancelled:w,onBeforeAppear:O,onAppear:F,onAfterAppear:U,onAppearCancelled:B}=t,g=String(e.key),_=No(n,e),P=(A,T)=>{A&&Te(A,r,9,T)},L=(A,T)=>{const S=T[1];P(A,T),D(A)?A.every(K=>K.length<=1)&&S():A.length<=1&&S()},$={mode:o,persisted:i,beforeEnter(A){let T=l;if(!n.isMounted)if(s)T=O||l;else return;A[Ke]&&A[Ke](!0);const S=_[g];S&&it(e,S)&&S.el[Ke]&&S.el[Ke](),P(T,[A])},enter(A){let T=c,S=a,K=u;if(!n.isMounted)if(s)T=F||c,S=U||a,K=B||u;else return;let I=!1;const G=A[ln]=oe=>{I||(I=!0,oe?P(K,[A]):P(S,[A]),$.delayedLeave&&$.delayedLeave(),A[ln]=void 0)};T?L(T,[A,G]):G()},leave(A,T){const S=String(e.key);if(A[ln]&&A[ln](!0),n.isUnmounting)return T();P(h,[A]);let K=!1;const I=A[Ke]=G=>{K||(K=!0,T(),G?P(w,[A]):P(y,[A]),A[Ke]=void 0,_[S]===e&&delete _[S])};_[S]=e,p?L(p,[A,I]):I()},clone(A){return yr(A,t,n,r)}};return $}function Zn(e){if(Xt(e))return e=et(e),e.children=null,e}function hs(e){return Xt(e)?e.children?e.children[0]:void 0:e}function _r(e,t){e.shapeFlag&6&&e.component?_r(e.component.subTree,t):e.shapeFlag&128?(e.ssContent.transition=t.clone(e.ssContent),e.ssFallback.transition=t.clone(e.ssFallback)):e.transition=t}function Fo(e,t=!1,n){let r=[],s=0;for(let o=0;o1)for(let o=0;o!!e.type.__asyncLoader;/*! #__NO_SIDE_EFFECTS__ */function af(e){q(e)&&(e={loader:e});const{loader:t,loadingComponent:n,errorComponent:r,delay:s=200,timeout:o,suspensible:i=!0,onError:l}=e;let c=null,a,u=0;const h=()=>(u++,c=null,p()),p=()=>{let y;return c||(y=c=t().catch(w=>{if(w=w instanceof Error?w:new Error(String(w)),l)return new Promise((O,F)=>{l(w,()=>O(h()),()=>F(w),u+1)});throw w}).then(w=>y!==c&&c?c:(w&&(w.__esModule||w[Symbol.toStringTag]==="Module")&&(w=w.default),a=w,w)))};return Ur({name:"AsyncComponentWrapper",__asyncLoader:p,get __asyncResolved(){return a},setup(){const y=ae;if(a)return()=>er(a,y);const w=B=>{c=null,Gt(B,y,13,!r)};if(i&&y.suspense||Jt)return p().then(B=>()=>er(B,y)).catch(B=>(w(B),()=>r?re(r,{error:B}):null));const O=ue(!1),F=ue(),U=ue(!!s);return s&&setTimeout(()=>{U.value=!1},s),o!=null&&setTimeout(()=>{if(!O.value&&!F.value){const B=new Error(`Async component timed out after ${o}ms.`);w(B),F.value=B}},o),p().then(()=>{O.value=!0,y.parent&&Xt(y.parent.vnode)&&(y.parent.effect.dirty=!0,Vn(y.parent.update))}).catch(B=>{w(B),F.value=B}),()=>{if(O.value&&a)return er(a,y);if(F.value&&r)return re(r,{error:F.value});if(n&&!U.value)return re(n)}}})}function er(e,t){const{ref:n,props:r,children:s,ce:o}=t.vnode,i=re(e,r,s);return i.ref=n,i.ce=o,delete t.vnode.ce,i}const Xt=e=>e.type.__isKeepAlive;function Hl(e,t){$o(e,"a",t)}function jl(e,t){$o(e,"da",t)}function $o(e,t,n=ae){const r=e.__wdc||(e.__wdc=()=>{let s=n;for(;s;){if(s.isDeactivated)return;s=s.parent}return e()});if(Un(t,r,n),n){let s=n.parent;for(;s&&s.parent;)Xt(s.parent.vnode)&&Vl(r,t,n,s),s=s.parent}}function Vl(e,t,n,r){const s=Un(t,e,r,!0);Kn(()=>{Lr(r[t],s)},n)}function Un(e,t,n=ae,r=!1){if(n){const s=n[e]||(n[e]=[]),o=t.__weh||(t.__weh=(...i)=>{if(n.isUnmounted)return;dt();const l=Yt(n),c=Te(t,n,e,i);return l(),ht(),c});return r?s.unshift(o):s.push(o),o}}const je=e=>(t,n=ae)=>(!Jt||e==="sp")&&Un(e,(...r)=>t(...r),n),Dl=je("bm"),Tt=je("m"),kl=je("bu"),Bl=je("u"),Ho=je("bum"),Kn=je("um"),Ul=je("sp"),Kl=je("rtg"),Wl=je("rtc");function ql(e,t=ae){Un("ec",e,t)}function ff(e,t,n,r){let s;const o=n&&n[r];if(D(e)||ne(e)){s=new Array(e.length);for(let i=0,l=e.length;it(i,l,void 0,o&&o[l]));else{const i=Object.keys(e);s=new Array(i.length);for(let l=0,c=i.length;l{const o=r.fn(...s);return o&&(o.key=r.key),o}:r.fn)}return e}function df(e,t,n={},r,s){if(ie.isCE||ie.parent&&wt(ie.parent)&&ie.parent.isCE)return t!=="default"&&(n.name=t),re("slot",n,r&&r());let o=e[t];o&&o._c&&(o._d=!1),Yo();const i=o&&jo(o(n)),l=Qo(me,{key:n.key||i&&i.key||`_${t}`},i||(r?r():[]),i&&e._===1?64:-2);return!s&&l.scopeId&&(l.slotScopeIds=[l.scopeId+"-s"]),o&&o._c&&(o._d=!0),l}function jo(e){return e.some(t=>An(t)?!(t.type===ve||t.type===me&&!jo(t.children)):!0)?e:null}function hf(e,t){const n={};for(const r in e)n[t&&/[A-Z]/.test(r)?`on:${r}`:gn(r)]=e[r];return n}const br=e=>e?ni(e)?Gn(e)||e.proxy:br(e.parent):null,Pt=le(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>br(e.parent),$root:e=>br(e.root),$emit:e=>e.emit,$options:e=>Kr(e),$forceUpdate:e=>e.f||(e.f=()=>{e.effect.dirty=!0,Vn(e.update)}),$nextTick:e=>e.n||(e.n=zt.bind(e.proxy)),$watch:e=>Pl.bind(e)}),tr=(e,t)=>e!==ee&&!e.__isScriptSetup&&Y(e,t),Gl={get({_:e},t){const{ctx:n,setupState:r,data:s,props:o,accessCache:i,type:l,appContext:c}=e;let a;if(t[0]!=="$"){const y=i[t];if(y!==void 0)switch(y){case 1:return r[t];case 2:return s[t];case 4:return n[t];case 3:return o[t]}else{if(tr(r,t))return i[t]=1,r[t];if(s!==ee&&Y(s,t))return i[t]=2,s[t];if((a=e.propsOptions[0])&&Y(a,t))return i[t]=3,o[t];if(n!==ee&&Y(n,t))return i[t]=4,n[t];vr&&(i[t]=0)}}const u=Pt[t];let h,p;if(u)return t==="$attrs"&&ye(e,"get",t),u(e);if((h=l.__cssModules)&&(h=h[t]))return h;if(n!==ee&&Y(n,t))return i[t]=4,n[t];if(p=c.config.globalProperties,Y(p,t))return p[t]},set({_:e},t,n){const{data:r,setupState:s,ctx:o}=e;return tr(s,t)?(s[t]=n,!0):r!==ee&&Y(r,t)?(r[t]=n,!0):Y(e.props,t)||t[0]==="$"&&t.slice(1)in e?!1:(o[t]=n,!0)},has({_:{data:e,setupState:t,accessCache:n,ctx:r,appContext:s,propsOptions:o}},i){let l;return!!n[i]||e!==ee&&Y(e,i)||tr(t,i)||(l=o[0])&&Y(l,i)||Y(r,i)||Y(Pt,i)||Y(s.config.globalProperties,i)},defineProperty(e,t,n){return n.get!=null?e._.accessCache[t]=0:Y(n,"value")&&this.set(e,t,n.value,null),Reflect.defineProperty(e,t,n)}};function pf(){return zl().slots}function zl(){const e=qn();return e.setupContext||(e.setupContext=si(e))}function ps(e){return D(e)?e.reduce((t,n)=>(t[n]=null,t),{}):e}let vr=!0;function Xl(e){const t=Kr(e),n=e.proxy,r=e.ctx;vr=!1,t.beforeCreate&&gs(t.beforeCreate,e,"bc");const{data:s,computed:o,methods:i,watch:l,provide:c,inject:a,created:u,beforeMount:h,mounted:p,beforeUpdate:y,updated:w,activated:O,deactivated:F,beforeDestroy:U,beforeUnmount:B,destroyed:g,unmounted:_,render:P,renderTracked:L,renderTriggered:$,errorCaptured:A,serverPrefetch:T,expose:S,inheritAttrs:K,components:I,directives:G,filters:oe}=t;if(a&&Yl(a,r,null),i)for(const X in i){const j=i[X];q(j)&&(r[X]=j.bind(n))}if(s){const X=s.call(n,n);Z(X)&&(e.data=Hn(X))}if(vr=!0,o)for(const X in o){const j=o[X],Ne=q(j)?j.bind(n,n):q(j.get)?j.get.bind(n,n):xe,Qt=!q(j)&&q(j.set)?j.set.bind(n):xe,tt=se({get:Ne,set:Qt});Object.defineProperty(r,X,{enumerable:!0,configurable:!0,get:()=>tt.value,set:Oe=>tt.value=Oe})}if(l)for(const X in l)Vo(l[X],r,n,X);if(c){const X=q(c)?c.call(n):c;Reflect.ownKeys(X).forEach(j=>{nc(j,X[j])})}u&&gs(u,e,"c");function V(X,j){D(j)?j.forEach(Ne=>X(Ne.bind(n))):j&&X(j.bind(n))}if(V(Dl,h),V(Tt,p),V(kl,y),V(Bl,w),V(Hl,O),V(jl,F),V(ql,A),V(Wl,L),V(Kl,$),V(Ho,B),V(Kn,_),V(Ul,T),D(S))if(S.length){const X=e.exposed||(e.exposed={});S.forEach(j=>{Object.defineProperty(X,j,{get:()=>n[j],set:Ne=>n[j]=Ne})})}else e.exposed||(e.exposed={});P&&e.render===xe&&(e.render=P),K!=null&&(e.inheritAttrs=K),I&&(e.components=I),G&&(e.directives=G)}function Yl(e,t,n=xe){D(e)&&(e=wr(e));for(const r in e){const s=e[r];let o;Z(s)?"default"in s?o=Et(s.from||r,s.default,!0):o=Et(s.from||r):o=Et(s),he(o)?Object.defineProperty(t,r,{enumerable:!0,configurable:!0,get:()=>o.value,set:i=>o.value=i}):t[r]=o}}function gs(e,t,n){Te(D(e)?e.map(r=>r.bind(t.proxy)):e.bind(t.proxy),t,n)}function Vo(e,t,n,r){const s=r.includes(".")?Io(n,r):()=>n[r];if(ne(e)){const o=t[e];q(o)&&Xe(s,o)}else if(q(e))Xe(s,e.bind(n));else if(Z(e))if(D(e))e.forEach(o=>Vo(o,t,n,r));else{const o=q(e.handler)?e.handler.bind(n):t[e.handler];q(o)&&Xe(s,o,e)}}function Kr(e){const t=e.type,{mixins:n,extends:r}=t,{mixins:s,optionsCache:o,config:{optionMergeStrategies:i}}=e.appContext,l=o.get(t);let c;return l?c=l:!s.length&&!n&&!r?c=t:(c={},s.length&&s.forEach(a=>xn(c,a,i,!0)),xn(c,t,i)),Z(t)&&o.set(t,c),c}function xn(e,t,n,r=!1){const{mixins:s,extends:o}=t;o&&xn(e,o,n,!0),s&&s.forEach(i=>xn(e,i,n,!0));for(const i in t)if(!(r&&i==="expose")){const l=Jl[i]||n&&n[i];e[i]=l?l(e[i],t[i]):t[i]}return e}const Jl={data:ms,props:ys,emits:ys,methods:Ot,computed:Ot,beforeCreate:pe,created:pe,beforeMount:pe,mounted:pe,beforeUpdate:pe,updated:pe,beforeDestroy:pe,beforeUnmount:pe,destroyed:pe,unmounted:pe,activated:pe,deactivated:pe,errorCaptured:pe,serverPrefetch:pe,components:Ot,directives:Ot,watch:Zl,provide:ms,inject:Ql};function ms(e,t){return t?e?function(){return le(q(e)?e.call(this,this):e,q(t)?t.call(this,this):t)}:t:e}function Ql(e,t){return Ot(wr(e),wr(t))}function wr(e){if(D(e)){const t={};for(let n=0;n1)return n&&q(t)?t.call(r&&r.proxy):t}}function rc(e,t,n,r=!1){const s={},o={};bn(o,Wn,1),e.propsDefaults=Object.create(null),ko(e,t,s,o);for(const i in e.propsOptions[0])i in s||(s[i]=void 0);n?e.props=r?s:al(s):e.type.props?e.props=s:e.props=o,e.attrs=o}function sc(e,t,n,r){const{props:s,attrs:o,vnode:{patchFlag:i}}=e,l=J(s),[c]=e.propsOptions;let a=!1;if((r||i>0)&&!(i&16)){if(i&8){const u=e.vnode.dynamicProps;for(let h=0;h{c=!0;const[p,y]=Bo(h,t,!0);le(i,p),y&&l.push(...y)};!n&&t.mixins.length&&t.mixins.forEach(u),e.extends&&u(e.extends),e.mixins&&e.mixins.forEach(u)}if(!o&&!c)return Z(e)&&r.set(e,yt),yt;if(D(o))for(let u=0;u-1,y[1]=O<0||w-1||Y(y,"default"))&&l.push(h)}}}const a=[i,l];return Z(e)&&r.set(e,a),a}function _s(e){return e[0]!=="$"}function bs(e){const t=e&&e.toString().match(/^\s*(function|class) (\w+)/);return t?t[2]:e===null?"null":""}function vs(e,t){return bs(e)===bs(t)}function ws(e,t){return D(t)?t.findIndex(n=>vs(n,e)):q(t)&&vs(t,e)?0:-1}const Uo=e=>e[0]==="_"||e==="$stable",Wr=e=>D(e)?e.map(Ae):[Ae(e)],oc=(e,t,n)=>{if(t._n)return t;const r=Tl((...s)=>Wr(t(...s)),n);return r._c=!1,r},Ko=(e,t,n)=>{const r=e._ctx;for(const s in e){if(Uo(s))continue;const o=e[s];if(q(o))t[s]=oc(s,o,r);else if(o!=null){const i=Wr(o);t[s]=()=>i}}},Wo=(e,t)=>{const n=Wr(t);e.slots.default=()=>n},ic=(e,t)=>{if(e.vnode.shapeFlag&32){const n=t._;n?(e.slots=J(t),bn(t,"_",n)):Ko(t,e.slots={})}else e.slots={},t&&Wo(e,t);bn(e.slots,Wn,1)},lc=(e,t,n)=>{const{vnode:r,slots:s}=e;let o=!0,i=ee;if(r.shapeFlag&32){const l=t._;l?n&&l===1?o=!1:(le(s,t),!n&&l===1&&delete s._):(o=!t.$stable,Ko(t,s)),i=t}else t&&(Wo(e,t),i={default:1});if(o)for(const l in s)!Uo(l)&&i[l]==null&&delete s[l]};function Sn(e,t,n,r,s=!1){if(D(e)){e.forEach((p,y)=>Sn(p,t&&(D(t)?t[y]:t),n,r,s));return}if(wt(r)&&!s)return;const o=r.shapeFlag&4?Gn(r.component)||r.component.proxy:r.el,i=s?null:o,{i:l,r:c}=e,a=t&&t.r,u=l.refs===ee?l.refs={}:l.refs,h=l.setupState;if(a!=null&&a!==c&&(ne(a)?(u[a]=null,Y(h,a)&&(h[a]=null)):he(a)&&(a.value=null)),q(c))ze(c,l,12,[i,u]);else{const p=ne(c),y=he(c),w=e.f;if(p||y){const O=()=>{if(w){const F=p?Y(h,c)?h[c]:u[c]:c.value;s?D(F)&&Lr(F,o):D(F)?F.includes(o)||F.push(o):p?(u[c]=[o],Y(h,c)&&(h[c]=u[c])):(c.value=[o],e.k&&(u[e.k]=c.value))}else p?(u[c]=i,Y(h,c)&&(h[c]=i)):y&&(c.value=i,e.k&&(u[e.k]=i))};s||w?O():(O.id=-1,ge(O,n))}}}let De=!1;const cc=e=>e.namespaceURI.includes("svg")&&e.tagName!=="foreignObject",ac=e=>e.namespaceURI.includes("MathML"),cn=e=>{if(cc(e))return"svg";if(ac(e))return"mathml"},an=e=>e.nodeType===8;function fc(e){const{mt:t,p:n,o:{patchProp:r,createText:s,nextSibling:o,parentNode:i,remove:l,insert:c,createComment:a}}=e,u=(g,_)=>{if(!_.hasChildNodes()){n(null,g,_),En(),_._vnode=g;return}De=!1,h(_.firstChild,g,null,null,null),En(),_._vnode=g,De&&console.error("Hydration completed but contains mismatches.")},h=(g,_,P,L,$,A=!1)=>{const T=an(g)&&g.data==="[",S=()=>O(g,_,P,L,$,T),{type:K,ref:I,shapeFlag:G,patchFlag:oe}=_;let fe=g.nodeType;_.el=g,oe===-2&&(A=!1,_.dynamicChildren=null);let V=null;switch(K){case xt:fe!==3?_.children===""?(c(_.el=s(""),i(g),g),V=g):V=S():(g.data!==_.children&&(De=!0,g.data=_.children),V=o(g));break;case ve:B(g)?(V=o(g),U(_.el=g.content.firstChild,g,P)):fe!==8||T?V=S():V=o(g);break;case Ft:if(T&&(g=o(g),fe=g.nodeType),fe===1||fe===3){V=g;const X=!_.children.length;for(let j=0;j<_.staticCount;j++)X&&(_.children+=V.nodeType===1?V.outerHTML:V.data),j===_.staticCount-1&&(_.anchor=V),V=o(V);return T?o(V):V}else S();break;case me:T?V=w(g,_,P,L,$,A):V=S();break;default:if(G&1)(fe!==1||_.type.toLowerCase()!==g.tagName.toLowerCase())&&!B(g)?V=S():V=p(g,_,P,L,$,A);else if(G&6){_.slotScopeIds=$;const X=i(g);if(T?V=F(g):an(g)&&g.data==="teleport start"?V=F(g,g.data,"teleport end"):V=o(g),t(_,X,null,P,L,cn(X),A),wt(_)){let j;T?(j=re(me),j.anchor=V?V.previousSibling:X.lastChild):j=g.nodeType===3?ti(""):re("div"),j.el=g,_.component.subTree=j}}else G&64?fe!==8?V=S():V=_.type.hydrate(g,_,P,L,$,A,e,y):G&128&&(V=_.type.hydrate(g,_,P,L,cn(i(g)),$,A,e,h))}return I!=null&&Sn(I,null,L,_),V},p=(g,_,P,L,$,A)=>{A=A||!!_.dynamicChildren;const{type:T,props:S,patchFlag:K,shapeFlag:I,dirs:G,transition:oe}=_,fe=T==="input"||T==="option";if(fe||K!==-1){G&&Me(_,null,P,"created");let V=!1;if(B(g)){V=Go(L,oe)&&P&&P.vnode.props&&P.vnode.props.appear;const j=g.content.firstChild;V&&oe.beforeEnter(j),U(j,g,P),_.el=g=j}if(I&16&&!(S&&(S.innerHTML||S.textContent))){let j=y(g.firstChild,_,g,P,L,$,A);for(;j;){De=!0;const Ne=j;j=j.nextSibling,l(Ne)}}else I&8&&g.textContent!==_.children&&(De=!0,g.textContent=_.children);if(S)if(fe||!A||K&48)for(const j in S)(fe&&(j.endsWith("value")||j==="indeterminate")||Wt(j)&&!Lt(j)||j[0]===".")&&r(g,j,null,S[j],void 0,void 0,P);else S.onClick&&r(g,"onClick",null,S.onClick,void 0,void 0,P);let X;(X=S&&S.onVnodeBeforeMount)&&Ee(X,P,_),G&&Me(_,null,P,"beforeMount"),((X=S&&S.onVnodeMounted)||G||V)&&Lo(()=>{X&&Ee(X,P,_),V&&oe.enter(g),G&&Me(_,null,P,"mounted")},L)}return g.nextSibling},y=(g,_,P,L,$,A,T)=>{T=T||!!_.dynamicChildren;const S=_.children,K=S.length;for(let I=0;I{const{slotScopeIds:T}=_;T&&($=$?$.concat(T):T);const S=i(g),K=y(o(g),_,S,P,L,$,A);return K&&an(K)&&K.data==="]"?o(_.anchor=K):(De=!0,c(_.anchor=a("]"),S,K),K)},O=(g,_,P,L,$,A)=>{if(De=!0,_.el=null,A){const K=F(g);for(;;){const I=o(g);if(I&&I!==K)l(I);else break}}const T=o(g),S=i(g);return l(g),n(null,_,S,T,P,L,cn(S),$),T},F=(g,_="[",P="]")=>{let L=0;for(;g;)if(g=o(g),g&&an(g)&&(g.data===_&&L++,g.data===P)){if(L===0)return o(g);L--}return g},U=(g,_,P)=>{const L=_.parentNode;L&&L.replaceChild(g,_);let $=P;for(;$;)$.vnode.el===_&&($.vnode.el=$.subTree.el=g),$=$.parent},B=g=>g.nodeType===1&&g.tagName.toLowerCase()==="template";return[u,h]}const ge=Lo;function uc(e){return qo(e)}function dc(e){return qo(e,fc)}function qo(e,t){const n=to();n.__VUE__=!0;const{insert:r,remove:s,patchProp:o,createElement:i,createText:l,createComment:c,setText:a,setElementText:u,parentNode:h,nextSibling:p,setScopeId:y=xe,insertStaticContent:w}=e,O=(f,d,m,b=null,v=null,x=null,M=void 0,C=null,R=!!d.dynamicChildren)=>{if(f===d)return;f&&!it(f,d)&&(b=Zt(f),Oe(f,v,x,!0),f=null),d.patchFlag===-2&&(R=!1,d.dynamicChildren=null);const{type:E,ref:N,shapeFlag:k}=d;switch(E){case xt:F(f,d,m,b);break;case ve:U(f,d,m,b);break;case Ft:f==null&&B(d,m,b,M);break;case me:I(f,d,m,b,v,x,M,C,R);break;default:k&1?P(f,d,m,b,v,x,M,C,R):k&6?G(f,d,m,b,v,x,M,C,R):(k&64||k&128)&&E.process(f,d,m,b,v,x,M,C,R,pt)}N!=null&&v&&Sn(N,f&&f.ref,x,d||f,!d)},F=(f,d,m,b)=>{if(f==null)r(d.el=l(d.children),m,b);else{const v=d.el=f.el;d.children!==f.children&&a(v,d.children)}},U=(f,d,m,b)=>{f==null?r(d.el=c(d.children||""),m,b):d.el=f.el},B=(f,d,m,b)=>{[f.el,f.anchor]=w(f.children,d,m,b,f.el,f.anchor)},g=({el:f,anchor:d},m,b)=>{let v;for(;f&&f!==d;)v=p(f),r(f,m,b),f=v;r(d,m,b)},_=({el:f,anchor:d})=>{let m;for(;f&&f!==d;)m=p(f),s(f),f=m;s(d)},P=(f,d,m,b,v,x,M,C,R)=>{d.type==="svg"?M="svg":d.type==="math"&&(M="mathml"),f==null?L(d,m,b,v,x,M,C,R):T(f,d,v,x,M,C,R)},L=(f,d,m,b,v,x,M,C)=>{let R,E;const{props:N,shapeFlag:k,transition:H,dirs:W}=f;if(R=f.el=i(f.type,x,N&&N.is,N),k&8?u(R,f.children):k&16&&A(f.children,R,null,b,v,nr(f,x),M,C),W&&Me(f,null,b,"created"),$(R,f,f.scopeId,M,b),N){for(const Q in N)Q!=="value"&&!Lt(Q)&&o(R,Q,null,N[Q],x,f.children,b,v,Fe);"value"in N&&o(R,"value",null,N.value,x),(E=N.onVnodeBeforeMount)&&Ee(E,b,f)}W&&Me(f,null,b,"beforeMount");const z=Go(v,H);z&&H.beforeEnter(R),r(R,d,m),((E=N&&N.onVnodeMounted)||z||W)&&ge(()=>{E&&Ee(E,b,f),z&&H.enter(R),W&&Me(f,null,b,"mounted")},v)},$=(f,d,m,b,v)=>{if(m&&y(f,m),b)for(let x=0;x{for(let E=R;E{const C=d.el=f.el;let{patchFlag:R,dynamicChildren:E,dirs:N}=d;R|=f.patchFlag&16;const k=f.props||ee,H=d.props||ee;let W;if(m&&nt(m,!1),(W=H.onVnodeBeforeUpdate)&&Ee(W,m,d,f),N&&Me(d,f,m,"beforeUpdate"),m&&nt(m,!0),E?S(f.dynamicChildren,E,C,m,b,nr(d,v),x):M||j(f,d,C,null,m,b,nr(d,v),x,!1),R>0){if(R&16)K(C,d,k,H,m,b,v);else if(R&2&&k.class!==H.class&&o(C,"class",null,H.class,v),R&4&&o(C,"style",k.style,H.style,v),R&8){const z=d.dynamicProps;for(let Q=0;Q{W&&Ee(W,m,d,f),N&&Me(d,f,m,"updated")},b)},S=(f,d,m,b,v,x,M)=>{for(let C=0;C{if(m!==b){if(m!==ee)for(const C in m)!Lt(C)&&!(C in b)&&o(f,C,m[C],null,M,d.children,v,x,Fe);for(const C in b){if(Lt(C))continue;const R=b[C],E=m[C];R!==E&&C!=="value"&&o(f,C,E,R,M,d.children,v,x,Fe)}"value"in b&&o(f,"value",m.value,b.value,M)}},I=(f,d,m,b,v,x,M,C,R)=>{const E=d.el=f?f.el:l(""),N=d.anchor=f?f.anchor:l("");let{patchFlag:k,dynamicChildren:H,slotScopeIds:W}=d;W&&(C=C?C.concat(W):W),f==null?(r(E,m,b),r(N,m,b),A(d.children||[],m,N,v,x,M,C,R)):k>0&&k&64&&H&&f.dynamicChildren?(S(f.dynamicChildren,H,m,v,x,M,C),(d.key!=null||v&&d===v.subTree)&&qr(f,d,!0)):j(f,d,m,N,v,x,M,C,R)},G=(f,d,m,b,v,x,M,C,R)=>{d.slotScopeIds=C,f==null?d.shapeFlag&512?v.ctx.activate(d,m,b,M,R):oe(d,m,b,v,x,M,R):fe(f,d,R)},oe=(f,d,m,b,v,x,M)=>{const C=f.component=Cc(f,b,v);if(Xt(f)&&(C.ctx.renderer=pt),xc(C),C.asyncDep){if(v&&v.registerDep(C,V),!f.el){const R=C.subTree=re(ve);U(null,R,d,m)}}else V(C,f,d,m,v,x,M)},fe=(f,d,m)=>{const b=d.component=f.component;if(Rl(f,d,m))if(b.asyncDep&&!b.asyncResolved){X(b,d,m);return}else b.next=d,wl(b.update),b.effect.dirty=!0,b.update();else d.el=f.el,b.vnode=d},V=(f,d,m,b,v,x,M)=>{const C=()=>{if(f.isMounted){let{next:N,bu:k,u:H,parent:W,vnode:z}=f;{const gt=zo(f);if(gt){N&&(N.el=z.el,X(f,N,M)),gt.asyncDep.then(()=>{f.isUnmounted||C()});return}}let Q=N,te;nt(f,!1),N?(N.el=z.el,X(f,N,M)):N=z,k&&mn(k),(te=N.props&&N.props.onVnodeBeforeUpdate)&&Ee(te,W,N,z),nt(f,!0);const ce=Qn(f),Se=f.subTree;f.subTree=ce,O(Se,ce,h(Se.el),Zt(Se),f,v,x),N.el=ce.el,Q===null&&Ol(f,ce.el),H&&ge(H,v),(te=N.props&&N.props.onVnodeUpdated)&&ge(()=>Ee(te,W,N,z),v)}else{let N;const{el:k,props:H}=d,{bm:W,m:z,parent:Q}=f,te=wt(d);if(nt(f,!1),W&&mn(W),!te&&(N=H&&H.onVnodeBeforeMount)&&Ee(N,Q,d),nt(f,!0),k&&Yn){const ce=()=>{f.subTree=Qn(f),Yn(k,f.subTree,f,v,null)};te?d.type.__asyncLoader().then(()=>!f.isUnmounted&&ce()):ce()}else{const ce=f.subTree=Qn(f);O(null,ce,m,b,f,v,x),d.el=ce.el}if(z&&ge(z,v),!te&&(N=H&&H.onVnodeMounted)){const ce=d;ge(()=>Ee(N,Q,ce),v)}(d.shapeFlag&256||Q&&wt(Q.vnode)&&Q.vnode.shapeFlag&256)&&f.a&&ge(f.a,v),f.isMounted=!0,d=m=b=null}},R=f.effect=new Pr(C,xe,()=>Vn(E),f.scope),E=f.update=()=>{R.dirty&&R.run()};E.id=f.uid,nt(f,!0),E()},X=(f,d,m)=>{d.component=f;const b=f.vnode.props;f.vnode=d,f.next=null,sc(f,d.props,b,m),lc(f,d.children,m),dt(),fs(f),ht()},j=(f,d,m,b,v,x,M,C,R=!1)=>{const E=f&&f.children,N=f?f.shapeFlag:0,k=d.children,{patchFlag:H,shapeFlag:W}=d;if(H>0){if(H&128){Qt(E,k,m,b,v,x,M,C,R);return}else if(H&256){Ne(E,k,m,b,v,x,M,C,R);return}}W&8?(N&16&&Fe(E,v,x),k!==E&&u(m,k)):N&16?W&16?Qt(E,k,m,b,v,x,M,C,R):Fe(E,v,x,!0):(N&8&&u(m,""),W&16&&A(k,m,b,v,x,M,C,R))},Ne=(f,d,m,b,v,x,M,C,R)=>{f=f||yt,d=d||yt;const E=f.length,N=d.length,k=Math.min(E,N);let H;for(H=0;HN?Fe(f,v,x,!0,!1,k):A(d,m,b,v,x,M,C,R,k)},Qt=(f,d,m,b,v,x,M,C,R)=>{let E=0;const N=d.length;let k=f.length-1,H=N-1;for(;E<=k&&E<=H;){const W=f[E],z=d[E]=R?We(d[E]):Ae(d[E]);if(it(W,z))O(W,z,m,null,v,x,M,C,R);else break;E++}for(;E<=k&&E<=H;){const W=f[k],z=d[H]=R?We(d[H]):Ae(d[H]);if(it(W,z))O(W,z,m,null,v,x,M,C,R);else break;k--,H--}if(E>k){if(E<=H){const W=H+1,z=WH)for(;E<=k;)Oe(f[E],v,x,!0),E++;else{const W=E,z=E,Q=new Map;for(E=z;E<=H;E++){const _e=d[E]=R?We(d[E]):Ae(d[E]);_e.key!=null&&Q.set(_e.key,E)}let te,ce=0;const Se=H-z+1;let gt=!1,Qr=0;const St=new Array(Se);for(E=0;E=Se){Oe(_e,v,x,!0);continue}let Le;if(_e.key!=null)Le=Q.get(_e.key);else for(te=z;te<=H;te++)if(St[te-z]===0&&it(_e,d[te])){Le=te;break}Le===void 0?Oe(_e,v,x,!0):(St[Le-z]=E+1,Le>=Qr?Qr=Le:gt=!0,O(_e,d[Le],m,null,v,x,M,C,R),ce++)}const Zr=gt?hc(St):yt;for(te=Zr.length-1,E=Se-1;E>=0;E--){const _e=z+E,Le=d[_e],es=_e+1{const{el:x,type:M,transition:C,children:R,shapeFlag:E}=f;if(E&6){tt(f.component.subTree,d,m,b);return}if(E&128){f.suspense.move(d,m,b);return}if(E&64){M.move(f,d,m,pt);return}if(M===me){r(x,d,m);for(let k=0;kC.enter(x),v);else{const{leave:k,delayLeave:H,afterLeave:W}=C,z=()=>r(x,d,m),Q=()=>{k(x,()=>{z(),W&&W()})};H?H(x,z,Q):Q()}else r(x,d,m)},Oe=(f,d,m,b=!1,v=!1)=>{const{type:x,props:M,ref:C,children:R,dynamicChildren:E,shapeFlag:N,patchFlag:k,dirs:H}=f;if(C!=null&&Sn(C,null,m,f,!0),N&256){d.ctx.deactivate(f);return}const W=N&1&&H,z=!wt(f);let Q;if(z&&(Q=M&&M.onVnodeBeforeUnmount)&&Ee(Q,d,f),N&6)Ti(f.component,m,b);else{if(N&128){f.suspense.unmount(m,b);return}W&&Me(f,null,d,"beforeUnmount"),N&64?f.type.remove(f,d,m,v,pt,b):E&&(x!==me||k>0&&k&64)?Fe(E,d,m,!1,!0):(x===me&&k&384||!v&&N&16)&&Fe(R,d,m),b&&Yr(f)}(z&&(Q=M&&M.onVnodeUnmounted)||W)&&ge(()=>{Q&&Ee(Q,d,f),W&&Me(f,null,d,"unmounted")},m)},Yr=f=>{const{type:d,el:m,anchor:b,transition:v}=f;if(d===me){xi(m,b);return}if(d===Ft){_(f);return}const x=()=>{s(m),v&&!v.persisted&&v.afterLeave&&v.afterLeave()};if(f.shapeFlag&1&&v&&!v.persisted){const{leave:M,delayLeave:C}=v,R=()=>M(m,x);C?C(f.el,x,R):R()}else x()},xi=(f,d)=>{let m;for(;f!==d;)m=p(f),s(f),f=m;s(d)},Ti=(f,d,m)=>{const{bum:b,scope:v,update:x,subTree:M,um:C}=f;b&&mn(b),v.stop(),x&&(x.active=!1,Oe(M,f,d,m)),C&&ge(C,d),ge(()=>{f.isUnmounted=!0},d),d&&d.pendingBranch&&!d.isUnmounted&&f.asyncDep&&!f.asyncResolved&&f.suspenseId===d.pendingId&&(d.deps--,d.deps===0&&d.resolve())},Fe=(f,d,m,b=!1,v=!1,x=0)=>{for(let M=x;Mf.shapeFlag&6?Zt(f.component.subTree):f.shapeFlag&128?f.suspense.next():p(f.anchor||f.el);let zn=!1;const Jr=(f,d,m)=>{f==null?d._vnode&&Oe(d._vnode,null,null,!0):O(d._vnode||null,f,d,null,null,null,m),zn||(zn=!0,fs(),En(),zn=!1),d._vnode=f},pt={p:O,um:Oe,m:tt,r:Yr,mt:oe,mc:A,pc:j,pbc:S,n:Zt,o:e};let Xn,Yn;return t&&([Xn,Yn]=t(pt)),{render:Jr,hydrate:Xn,createApp:tc(Jr,Xn)}}function nr({type:e,props:t},n){return n==="svg"&&e==="foreignObject"||n==="mathml"&&e==="annotation-xml"&&t&&t.encoding&&t.encoding.includes("html")?void 0:n}function nt({effect:e,update:t},n){e.allowRecurse=t.allowRecurse=n}function Go(e,t){return(!e||e&&!e.pendingBranch)&&t&&!t.persisted}function qr(e,t,n=!1){const r=e.children,s=t.children;if(D(r)&&D(s))for(let o=0;o>1,e[n[l]]0&&(t[r]=n[o-1]),n[o]=r)}}for(o=n.length,i=n[o-1];o-- >0;)n[o]=i,i=t[i];return n}function zo(e){const t=e.subTree.component;if(t)return t.asyncDep&&!t.asyncResolved?t:zo(t)}const pc=e=>e.__isTeleport,Nt=e=>e&&(e.disabled||e.disabled===""),Es=e=>typeof SVGElement<"u"&&e instanceof SVGElement,Cs=e=>typeof MathMLElement=="function"&&e instanceof MathMLElement,Cr=(e,t)=>{const n=e&&e.to;return ne(n)?t?t(n):null:n},gc={name:"Teleport",__isTeleport:!0,process(e,t,n,r,s,o,i,l,c,a){const{mc:u,pc:h,pbc:p,o:{insert:y,querySelector:w,createText:O,createComment:F}}=a,U=Nt(t.props);let{shapeFlag:B,children:g,dynamicChildren:_}=t;if(e==null){const P=t.el=O(""),L=t.anchor=O("");y(P,n,r),y(L,n,r);const $=t.target=Cr(t.props,w),A=t.targetAnchor=O("");$&&(y(A,$),i==="svg"||Es($)?i="svg":(i==="mathml"||Cs($))&&(i="mathml"));const T=(S,K)=>{B&16&&u(g,S,K,s,o,i,l,c)};U?T(n,L):$&&T($,A)}else{t.el=e.el;const P=t.anchor=e.anchor,L=t.target=e.target,$=t.targetAnchor=e.targetAnchor,A=Nt(e.props),T=A?n:L,S=A?P:$;if(i==="svg"||Es(L)?i="svg":(i==="mathml"||Cs(L))&&(i="mathml"),_?(p(e.dynamicChildren,_,T,s,o,i,l),qr(e,t,!0)):c||h(e,t,T,S,s,o,i,l,!1),U)A?t.props&&e.props&&t.props.to!==e.props.to&&(t.props.to=e.props.to):fn(t,n,P,a,1);else if((t.props&&t.props.to)!==(e.props&&e.props.to)){const K=t.target=Cr(t.props,w);K&&fn(t,K,null,a,0)}else A&&fn(t,L,$,a,1)}Xo(t)},remove(e,t,n,r,{um:s,o:{remove:o}},i){const{shapeFlag:l,children:c,anchor:a,targetAnchor:u,target:h,props:p}=e;if(h&&o(u),i&&o(a),l&16){const y=i||!Nt(p);for(let w=0;w0?Re||yt:null,yc(),Ut>0&&Re&&Re.push(e),e}function mf(e,t,n,r,s,o){return Jo(ei(e,t,n,r,s,o,!0))}function Qo(e,t,n,r,s){return Jo(re(e,t,n,r,s,!0))}function An(e){return e?e.__v_isVNode===!0:!1}function it(e,t){return e.type===t.type&&e.key===t.key}const Wn="__vInternal",Zo=({key:e})=>e??null,yn=({ref:e,ref_key:t,ref_for:n})=>(typeof e=="number"&&(e=""+e),e!=null?ne(e)||he(e)||q(e)?{i:ie,r:e,k:t,f:!!n}:e:null);function ei(e,t=null,n=null,r=0,s=null,o=e===me?0:1,i=!1,l=!1){const c={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&Zo(t),ref:t&&yn(t),scopeId:kn,slotScopeIds:null,children:n,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetAnchor:null,staticCount:0,shapeFlag:o,patchFlag:r,dynamicProps:s,dynamicChildren:null,appContext:null,ctx:ie};return l?(Gr(c,n),o&128&&e.normalize(c)):n&&(c.shapeFlag|=ne(n)?8:16),Ut>0&&!i&&Re&&(c.patchFlag>0||o&6)&&c.patchFlag!==32&&Re.push(c),c}const re=_c;function _c(e,t=null,n=null,r=0,s=null,o=!1){if((!e||e===Ro)&&(e=ve),An(e)){const l=et(e,t,!0);return n&&Gr(l,n),Ut>0&&!o&&Re&&(l.shapeFlag&6?Re[Re.indexOf(e)]=l:Re.push(l)),l.patchFlag|=-2,l}if(Rc(e)&&(e=e.__vccOpts),t){t=bc(t);let{class:l,style:c}=t;l&&!ne(l)&&(t.class=Fn(l)),Z(c)&&(_o(c)&&!D(c)&&(c=le({},c)),t.style=Nn(c))}const i=ne(e)?1:Ll(e)?128:pc(e)?64:Z(e)?4:q(e)?2:0;return ei(e,t,n,r,s,i,o,!0)}function bc(e){return e?_o(e)||Wn in e?le({},e):e:null}function et(e,t,n=!1){const{props:r,ref:s,patchFlag:o,children:i}=e,l=t?vc(r||{},t):r;return{__v_isVNode:!0,__v_skip:!0,type:e.type,props:l,key:l&&Zo(l),ref:t&&t.ref?n&&s?D(s)?s.concat(yn(t)):[s,yn(t)]:yn(t):s,scopeId:e.scopeId,slotScopeIds:e.slotScopeIds,children:i,target:e.target,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==me?o===-1?16:o|16:o,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:e.transition,component:e.component,suspense:e.suspense,ssContent:e.ssContent&&et(e.ssContent),ssFallback:e.ssFallback&&et(e.ssFallback),el:e.el,anchor:e.anchor,ctx:e.ctx,ce:e.ce}}function ti(e=" ",t=0){return re(xt,null,e,t)}function yf(e,t){const n=re(Ft,null,e);return n.staticCount=t,n}function _f(e="",t=!1){return t?(Yo(),Qo(ve,null,e)):re(ve,null,e)}function Ae(e){return e==null||typeof e=="boolean"?re(ve):D(e)?re(me,null,e.slice()):typeof e=="object"?We(e):re(xt,null,String(e))}function We(e){return e.el===null&&e.patchFlag!==-1||e.memo?e:et(e)}function Gr(e,t){let n=0;const{shapeFlag:r}=e;if(t==null)t=null;else if(D(t))n=16;else if(typeof t=="object")if(r&65){const s=t.default;s&&(s._c&&(s._d=!1),Gr(e,s()),s._c&&(s._d=!0));return}else{n=32;const s=t._;!s&&!(Wn in t)?t._ctx=ie:s===3&&ie&&(ie.slots._===1?t._=1:(t._=2,e.patchFlag|=1024))}else q(t)?(t={default:t,_ctx:ie},n=32):(t=String(t),r&64?(n=16,t=[ti(t)]):n=8);e.children=t,e.shapeFlag|=n}function vc(...e){const t={};for(let n=0;nae||ie;let Rn,xr;{const e=to(),t=(n,r)=>{let s;return(s=e[n])||(s=e[n]=[]),s.push(r),o=>{s.length>1?s.forEach(i=>i(o)):s[0](o)}};Rn=t("__VUE_INSTANCE_SETTERS__",n=>ae=n),xr=t("__VUE_SSR_SETTERS__",n=>Jt=n)}const Yt=e=>{const t=ae;return Rn(e),e.scope.on(),()=>{e.scope.off(),Rn(t)}},Ts=()=>{ae&&ae.scope.off(),Rn(null)};function ni(e){return e.vnode.shapeFlag&4}let Jt=!1;function xc(e,t=!1){t&&xr(t);const{props:n,children:r}=e.vnode,s=ni(e);rc(e,n,s,t),ic(e,r);const o=s?Tc(e,t):void 0;return t&&xr(!1),o}function Tc(e,t){const n=e.type;e.accessCache=Object.create(null),e.proxy=Mt(new Proxy(e.ctx,Gl));const{setup:r}=n;if(r){const s=e.setupContext=r.length>1?si(e):null,o=Yt(e);dt();const i=ze(r,e,0,[e.props,s]);if(ht(),o(),Qs(i)){if(i.then(Ts,Ts),t)return i.then(l=>{Ss(e,l,t)}).catch(l=>{Gt(l,e,0)});e.asyncDep=i}else Ss(e,i,t)}else ri(e,t)}function Ss(e,t,n){q(t)?e.type.__ssrInlineRender?e.ssrRender=t:e.render=t:Z(t)&&(e.setupState=Co(t)),ri(e,n)}let As;function ri(e,t,n){const r=e.type;if(!e.render){if(!t&&As&&!r.render){const s=r.template||Kr(e).template;if(s){const{isCustomElement:o,compilerOptions:i}=e.appContext.config,{delimiters:l,compilerOptions:c}=r,a=le(le({isCustomElement:o,delimiters:l},i),c);r.render=As(s,a)}}e.render=r.render||xe}{const s=Yt(e);dt();try{Xl(e)}finally{ht(),s()}}}function Sc(e){return e.attrsProxy||(e.attrsProxy=new Proxy(e.attrs,{get(t,n){return ye(e,"get","$attrs"),t[n]}}))}function si(e){const t=n=>{e.exposed=n||{}};return{get attrs(){return Sc(e)},slots:e.slots,emit:e.emit,expose:t}}function Gn(e){if(e.exposed)return e.exposeProxy||(e.exposeProxy=new Proxy(Co(Mt(e.exposed)),{get(t,n){if(n in t)return t[n];if(n in Pt)return Pt[n](e)},has(t,n){return n in t||n in Pt}}))}function Ac(e,t=!0){return q(e)?e.displayName||e.name:e.name||t&&e.__name}function Rc(e){return q(e)&&"__vccOpts"in e}const se=(e,t)=>fl(e,t,Jt);function Tr(e,t,n){const r=arguments.length;return r===2?Z(t)&&!D(t)?An(t)?re(e,null,[t]):re(e,t):re(e,null,t):(r>3?n=Array.prototype.slice.call(arguments,2):r===3&&An(n)&&(n=[n]),re(e,t,n))}const Oc="3.4.15";/** -* @vue/runtime-dom v3.4.15 -* (c) 2018-present Yuxi (Evan) You and Vue contributors -* @license MIT -**/const Lc="http://www.w3.org/2000/svg",Mc="http://www.w3.org/1998/Math/MathML",qe=typeof document<"u"?document:null,Rs=qe&&qe.createElement("template"),Ic={insert:(e,t,n)=>{t.insertBefore(e,n||null)},remove:e=>{const t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,n,r)=>{const s=t==="svg"?qe.createElementNS(Lc,e):t==="mathml"?qe.createElementNS(Mc,e):qe.createElement(e,n?{is:n}:void 0);return e==="select"&&r&&r.multiple!=null&&s.setAttribute("multiple",r.multiple),s},createText:e=>qe.createTextNode(e),createComment:e=>qe.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>qe.querySelector(e),setScopeId(e,t){e.setAttribute(t,"")},insertStaticContent(e,t,n,r,s,o){const i=n?n.previousSibling:t.lastChild;if(s&&(s===o||s.nextSibling))for(;t.insertBefore(s.cloneNode(!0),n),!(s===o||!(s=s.nextSibling)););else{Rs.innerHTML=r==="svg"?`${e}`:r==="mathml"?`${e}`:e;const l=Rs.content;if(r==="svg"||r==="mathml"){const c=l.firstChild;for(;c.firstChild;)l.appendChild(c.firstChild);l.removeChild(c)}t.insertBefore(l,n)}return[i?i.nextSibling:t.firstChild,n?n.previousSibling:t.lastChild]}},ke="transition",At="animation",Kt=Symbol("_vtc"),oi=(e,{slots:t})=>Tr($l,Pc(e),t);oi.displayName="Transition";const ii={name:String,type:String,css:{type:Boolean,default:!0},duration:[String,Number,Object],enterFromClass:String,enterActiveClass:String,enterToClass:String,appearFromClass:String,appearActiveClass:String,appearToClass:String,leaveFromClass:String,leaveActiveClass:String,leaveToClass:String};oi.props=le({},Po,ii);const rt=(e,t=[])=>{D(e)?e.forEach(n=>n(...t)):e&&e(...t)},Os=e=>e?D(e)?e.some(t=>t.length>1):e.length>1:!1;function Pc(e){const t={};for(const I in e)I in ii||(t[I]=e[I]);if(e.css===!1)return t;const{name:n="v",type:r,duration:s,enterFromClass:o=`${n}-enter-from`,enterActiveClass:i=`${n}-enter-active`,enterToClass:l=`${n}-enter-to`,appearFromClass:c=o,appearActiveClass:a=i,appearToClass:u=l,leaveFromClass:h=`${n}-leave-from`,leaveActiveClass:p=`${n}-leave-active`,leaveToClass:y=`${n}-leave-to`}=e,w=Nc(s),O=w&&w[0],F=w&&w[1],{onBeforeEnter:U,onEnter:B,onEnterCancelled:g,onLeave:_,onLeaveCancelled:P,onBeforeAppear:L=U,onAppear:$=B,onAppearCancelled:A=g}=t,T=(I,G,oe)=>{st(I,G?u:l),st(I,G?a:i),oe&&oe()},S=(I,G)=>{I._isLeaving=!1,st(I,h),st(I,y),st(I,p),G&&G()},K=I=>(G,oe)=>{const fe=I?$:B,V=()=>T(G,I,oe);rt(fe,[G,V]),Ls(()=>{st(G,I?c:o),Be(G,I?u:l),Os(fe)||Ms(G,r,O,V)})};return le(t,{onBeforeEnter(I){rt(U,[I]),Be(I,o),Be(I,i)},onBeforeAppear(I){rt(L,[I]),Be(I,c),Be(I,a)},onEnter:K(!1),onAppear:K(!0),onLeave(I,G){I._isLeaving=!0;const oe=()=>S(I,G);Be(I,h),Hc(),Be(I,p),Ls(()=>{I._isLeaving&&(st(I,h),Be(I,y),Os(_)||Ms(I,r,F,oe))}),rt(_,[I,oe])},onEnterCancelled(I){T(I,!1),rt(g,[I])},onAppearCancelled(I){T(I,!0),rt(A,[I])},onLeaveCancelled(I){S(I),rt(P,[I])}})}function Nc(e){if(e==null)return null;if(Z(e))return[rr(e.enter),rr(e.leave)];{const t=rr(e);return[t,t]}}function rr(e){return Mi(e)}function Be(e,t){t.split(/\s+/).forEach(n=>n&&e.classList.add(n)),(e[Kt]||(e[Kt]=new Set)).add(t)}function st(e,t){t.split(/\s+/).forEach(r=>r&&e.classList.remove(r));const n=e[Kt];n&&(n.delete(t),n.size||(e[Kt]=void 0))}function Ls(e){requestAnimationFrame(()=>{requestAnimationFrame(e)})}let Fc=0;function Ms(e,t,n,r){const s=e._endId=++Fc,o=()=>{s===e._endId&&r()};if(n)return setTimeout(o,n);const{type:i,timeout:l,propCount:c}=$c(e,t);if(!i)return r();const a=i+"end";let u=0;const h=()=>{e.removeEventListener(a,p),o()},p=y=>{y.target===e&&++u>=c&&h()};setTimeout(()=>{u(n[w]||"").split(", "),s=r(`${ke}Delay`),o=r(`${ke}Duration`),i=Is(s,o),l=r(`${At}Delay`),c=r(`${At}Duration`),a=Is(l,c);let u=null,h=0,p=0;t===ke?i>0&&(u=ke,h=i,p=o.length):t===At?a>0&&(u=At,h=a,p=c.length):(h=Math.max(i,a),u=h>0?i>a?ke:At:null,p=u?u===ke?o.length:c.length:0);const y=u===ke&&/\b(transform|all)(,|$)/.test(r(`${ke}Property`).toString());return{type:u,timeout:h,propCount:p,hasTransform:y}}function Is(e,t){for(;e.lengthPs(n)+Ps(e[r])))}function Ps(e){return e==="auto"?0:Number(e.slice(0,-1).replace(",","."))*1e3}function Hc(){return document.body.offsetHeight}function jc(e,t,n){const r=e[Kt];r&&(t=(t?[t,...r]:[...r]).join(" ")),t==null?e.removeAttribute("class"):n?e.setAttribute("class",t):e.className=t}const zr=Symbol("_vod"),bf={beforeMount(e,{value:t},{transition:n}){e[zr]=e.style.display==="none"?"":e.style.display,n&&t?n.beforeEnter(e):Rt(e,t)},mounted(e,{value:t},{transition:n}){n&&t&&n.enter(e)},updated(e,{value:t,oldValue:n},{transition:r}){!t!=!n&&(r?t?(r.beforeEnter(e),Rt(e,!0),r.enter(e)):r.leave(e,()=>{Rt(e,!1)}):Rt(e,t))},beforeUnmount(e,{value:t}){Rt(e,t)}};function Rt(e,t){e.style.display=t?e[zr]:"none"}const Vc=Symbol("");function Dc(e,t,n){const r=e.style,s=r.display,o=ne(n);if(n&&!o){if(t&&!ne(t))for(const i in t)n[i]==null&&Sr(r,i,"");for(const i in n)Sr(r,i,n[i])}else if(o){if(t!==n){const i=r[Vc];i&&(n+=";"+i),r.cssText=n}}else t&&e.removeAttribute("style");zr in e&&(r.display=s)}const Ns=/\s*!important$/;function Sr(e,t,n){if(D(n))n.forEach(r=>Sr(e,t,r));else if(n==null&&(n=""),t.startsWith("--"))e.setProperty(t,n);else{const r=kc(e,t);Ns.test(n)?e.setProperty(ut(r),n.replace(Ns,""),"important"):e[r]=n}}const Fs=["Webkit","Moz","ms"],sr={};function kc(e,t){const n=sr[t];if(n)return n;let r=Pe(t);if(r!=="filter"&&r in e)return sr[t]=r;r=Pn(r);for(let s=0;sor||(Gc.then(()=>or=0),or=Date.now());function Xc(e,t){const n=r=>{if(!r._vts)r._vts=Date.now();else if(r._vts<=n.attached)return;Te(Yc(r,n.value),t,5,[r])};return n.value=e,n.attached=zc(),n}function Yc(e,t){if(D(t)){const n=e.stopImmediatePropagation;return e.stopImmediatePropagation=()=>{n.call(e),e._stopped=!0},t.map(r=>s=>!s._stopped&&r&&r(s))}else return t}const Vs=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)>96&&e.charCodeAt(2)<123,Jc=(e,t,n,r,s,o,i,l,c)=>{const a=s==="svg";t==="class"?jc(e,r,a):t==="style"?Dc(e,n,r):Wt(t)?Or(t)||Wc(e,t,n,r,i):(t[0]==="."?(t=t.slice(1),!0):t[0]==="^"?(t=t.slice(1),!1):Qc(e,t,r,a))?Uc(e,t,r,o,i,l,c):(t==="true-value"?e._trueValue=r:t==="false-value"&&(e._falseValue=r),Bc(e,t,r,a))};function Qc(e,t,n,r){if(r)return!!(t==="innerHTML"||t==="textContent"||t in e&&Vs(t)&&q(n));if(t==="spellcheck"||t==="draggable"||t==="translate"||t==="form"||t==="list"&&e.tagName==="INPUT"||t==="type"&&e.tagName==="TEXTAREA")return!1;if(t==="width"||t==="height"){const s=e.tagName;if(s==="IMG"||s==="VIDEO"||s==="CANVAS"||s==="SOURCE")return!1}return Vs(t)&&ne(n)?!1:t in e}const Ds=e=>{const t=e.props["onUpdate:modelValue"]||!1;return D(t)?n=>mn(t,n):t},ir=Symbol("_assign"),vf={deep:!0,created(e,{value:t,modifiers:{number:n}},r){const s=Mn(t);li(e,"change",()=>{const o=Array.prototype.filter.call(e.options,i=>i.selected).map(i=>n?Ir(On(i)):On(i));e[ir](e.multiple?s?new Set(o):o:o[0]),e._assigning=!0,zt(()=>{e._assigning=!1})}),e[ir]=Ds(r)},mounted(e,{value:t,oldValue:n,modifiers:{number:r}}){ks(e,t,n,r)},beforeUpdate(e,t,n){e[ir]=Ds(n)},updated(e,{value:t,oldValue:n,modifiers:{number:r}}){e._assigning||ks(e,t,n,r)}};function ks(e,t,n,r){const s=e.multiple,o=D(t);if(!(s&&!o&&!Mn(t))&&!(o&&Vt(t,n))){for(let i=0,l=e.options.length;i-1}else c.selected=t.has(a);else if(Vt(On(c),t)){e.selectedIndex!==i&&(e.selectedIndex=i);return}}!s&&e.selectedIndex!==-1&&(e.selectedIndex=-1)}}function On(e){return"_value"in e?e._value:e.value}const Zc=["ctrl","shift","alt","meta"],ea={stop:e=>e.stopPropagation(),prevent:e=>e.preventDefault(),self:e=>e.target!==e.currentTarget,ctrl:e=>!e.ctrlKey,shift:e=>!e.shiftKey,alt:e=>!e.altKey,meta:e=>!e.metaKey,left:e=>"button"in e&&e.button!==0,middle:e=>"button"in e&&e.button!==1,right:e=>"button"in e&&e.button!==2,exact:(e,t)=>Zc.some(n=>e[`${n}Key`]&&!t.includes(n))},wf=(e,t)=>{const n=e._withMods||(e._withMods={}),r=t.join(".");return n[r]||(n[r]=(s,...o)=>{for(let i=0;i{const n=e._withKeys||(e._withKeys={}),r=t.join(".");return n[r]||(n[r]=s=>{if(!("key"in s))return;const o=ut(s.key);if(t.some(i=>i===o||ta[i]===o))return e(s)})},ci=le({patchProp:Jc},Ic);let Ht,Bs=!1;function na(){return Ht||(Ht=uc(ci))}function ra(){return Ht=Bs?Ht:dc(ci),Bs=!0,Ht}const Cf=(...e)=>{na().render(...e)},xf=(...e)=>{const t=ra().createApp(...e),{mount:n}=t;return t.mount=r=>{const s=oa(r);if(s)return n(s,!0,sa(s))},t};function sa(e){if(e instanceof SVGElement)return"svg";if(typeof MathMLElement=="function"&&e instanceof MathMLElement)return"mathml"}function oa(e){return ne(e)?document.querySelector(e):e}const Tf=(e,t)=>{const n=e.__vccOpts||e;for(const[r,s]of t)n[r]=s;return n},ia="modulepreload",la=function(e){return"/"+e},Us={},Sf=function(t,n,r){let s=Promise.resolve();if(n&&n.length>0){const o=document.getElementsByTagName("link");s=Promise.all(n.map(i=>{if(i=la(i),i in Us)return;Us[i]=!0;const l=i.endsWith(".css"),c=l?'[rel="stylesheet"]':"";if(!!r)for(let h=o.length-1;h>=0;h--){const p=o[h];if(p.href===i&&(!l||p.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${i}"]${c}`))return;const u=document.createElement("link");if(u.rel=l?"stylesheet":ia,l||(u.as="script",u.crossOrigin=""),u.href=i,document.head.appendChild(u),l)return new Promise((h,p)=>{u.addEventListener("load",h),u.addEventListener("error",()=>p(new Error(`Unable to preload CSS for ${i}`)))})}))}return s.then(()=>t()).catch(o=>{const i=new Event("vite:preloadError",{cancelable:!0});if(i.payload=o,window.dispatchEvent(i),!i.defaultPrevented)throw o})},ca=window.__VP_SITE_DATA__;function Xr(e){return so()?(Bi(e),!0):!1}function Ye(e){return typeof e=="function"?e():Eo(e)}const ai=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const aa=Object.prototype.toString,fa=e=>aa.call(e)==="[object Object]",jt=()=>{},Ar=ua();function ua(){var e,t;return ai&&((e=window==null?void 0:window.navigator)==null?void 0:e.userAgent)&&(/iP(ad|hone|od)/.test(window.navigator.userAgent)||((t=window==null?void 0:window.navigator)==null?void 0:t.maxTouchPoints)>2&&/iPad|Macintosh/.test(window==null?void 0:window.navigator.userAgent))}function da(e,t){function n(...r){return new Promise((s,o)=>{Promise.resolve(e(()=>t.apply(this,r),{fn:t,thisArg:this,args:r})).then(s).catch(o)})}return n}const fi=e=>e();function ha(e=fi){const t=ue(!0);function n(){t.value=!1}function r(){t.value=!0}const s=(...o)=>{t.value&&e(...o)};return{isActive:jn(t),pause:n,resume:r,eventFilter:s}}function pa(e){return e||qn()}function ui(...e){if(e.length!==1)return yl(...e);const t=e[0];return typeof t=="function"?jn(pl(()=>({get:t,set:jt}))):ue(t)}function ga(e,t,n={}){const{eventFilter:r=fi,...s}=n;return Xe(e,da(r,t),s)}function ma(e,t,n={}){const{eventFilter:r,...s}=n,{eventFilter:o,pause:i,resume:l,isActive:c}=ha(r);return{stop:ga(e,t,{...s,eventFilter:o}),pause:i,resume:l,isActive:c}}function di(e,t=!0,n){pa()?Tt(e,n):t?e():zt(e)}function mt(e){var t;const n=Ye(e);return(t=n==null?void 0:n.$el)!=null?t:n}const He=ai?window:void 0;function Je(...e){let t,n,r,s;if(typeof e[0]=="string"||Array.isArray(e[0])?([n,r,s]=e,t=He):[t,n,r,s]=e,!t)return jt;Array.isArray(n)||(n=[n]),Array.isArray(r)||(r=[r]);const o=[],i=()=>{o.forEach(u=>u()),o.length=0},l=(u,h,p,y)=>(u.addEventListener(h,p,y),()=>u.removeEventListener(h,p,y)),c=Xe(()=>[mt(t),Ye(s)],([u,h])=>{if(i(),!u)return;const p=fa(h)?{...h}:h;o.push(...n.flatMap(y=>r.map(w=>l(u,y,w,p))))},{immediate:!0,flush:"post"}),a=()=>{c(),i()};return Xr(a),a}let Ks=!1;function Af(e,t,n={}){const{window:r=He,ignore:s=[],capture:o=!0,detectIframe:i=!1}=n;if(!r)return jt;Ar&&!Ks&&(Ks=!0,Array.from(r.document.body.children).forEach(p=>p.addEventListener("click",jt)),r.document.documentElement.addEventListener("click",jt));let l=!0;const c=p=>s.some(y=>{if(typeof y=="string")return Array.from(r.document.querySelectorAll(y)).some(w=>w===p.target||p.composedPath().includes(w));{const w=mt(y);return w&&(p.target===w||p.composedPath().includes(w))}}),u=[Je(r,"click",p=>{const y=mt(e);if(!(!y||y===p.target||p.composedPath().includes(y))){if(p.detail===0&&(l=!c(p)),!l){l=!0;return}t(p)}},{passive:!0,capture:o}),Je(r,"pointerdown",p=>{const y=mt(e);l=!c(p)&&!!(y&&!p.composedPath().includes(y))},{passive:!0}),i&&Je(r,"blur",p=>{setTimeout(()=>{var y;const w=mt(e);((y=r.document.activeElement)==null?void 0:y.tagName)==="IFRAME"&&!(w!=null&&w.contains(r.document.activeElement))&&t(p)},0)})].filter(Boolean);return()=>u.forEach(p=>p())}function ya(e){return typeof e=="function"?e:typeof e=="string"?t=>t.key===e:Array.isArray(e)?t=>e.includes(t.key):()=>!0}function Rf(...e){let t,n,r={};e.length===3?(t=e[0],n=e[1],r=e[2]):e.length===2?typeof e[1]=="object"?(t=!0,n=e[0],r=e[1]):(t=e[0],n=e[1]):(t=!0,n=e[0]);const{target:s=He,eventName:o="keydown",passive:i=!1,dedupe:l=!1}=r,c=ya(t);return Je(s,o,u=>{u.repeat&&Ye(l)||c(u)&&n(u)},i)}function _a(){const e=ue(!1);return qn()&&Tt(()=>{e.value=!0}),e}function ba(e){const t=_a();return se(()=>(t.value,!!e()))}function va(e,t={}){const{window:n=He}=t,r=ba(()=>n&&"matchMedia"in n&&typeof n.matchMedia=="function");let s;const o=ue(!1),i=a=>{o.value=a.matches},l=()=>{s&&("removeEventListener"in s?s.removeEventListener("change",i):s.removeListener(i))},c=Mo(()=>{r.value&&(l(),s=n.matchMedia(Ye(e)),"addEventListener"in s?s.addEventListener("change",i):s.addListener(i),o.value=s.matches)});return Xr(()=>{c(),l(),s=void 0}),o}const un=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},dn="__vueuse_ssr_handlers__",wa=Ea();function Ea(){return dn in un||(un[dn]=un[dn]||{}),un[dn]}function hi(e,t){return wa[e]||t}function Ca(e){return e==null?"any":e instanceof Set?"set":e instanceof Map?"map":e instanceof Date?"date":typeof e=="boolean"?"boolean":typeof e=="string"?"string":typeof e=="object"?"object":Number.isNaN(e)?"any":"number"}const xa={boolean:{read:e=>e==="true",write:e=>String(e)},object:{read:e=>JSON.parse(e),write:e=>JSON.stringify(e)},number:{read:e=>Number.parseFloat(e),write:e=>String(e)},any:{read:e=>e,write:e=>String(e)},string:{read:e=>e,write:e=>String(e)},map:{read:e=>new Map(JSON.parse(e)),write:e=>JSON.stringify(Array.from(e.entries()))},set:{read:e=>new Set(JSON.parse(e)),write:e=>JSON.stringify(Array.from(e))},date:{read:e=>new Date(e),write:e=>e.toISOString()}},Ws="vueuse-storage";function Ta(e,t,n,r={}){var s;const{flush:o="pre",deep:i=!0,listenToStorageChanges:l=!0,writeDefaults:c=!0,mergeDefaults:a=!1,shallow:u,window:h=He,eventFilter:p,onError:y=T=>{console.error(T)},initOnMounted:w}=r,O=(u?vo:ue)(typeof t=="function"?t():t);if(!n)try{n=hi("getDefaultStorage",()=>{var T;return(T=He)==null?void 0:T.localStorage})()}catch(T){y(T)}if(!n)return O;const F=Ye(t),U=Ca(F),B=(s=r.serializer)!=null?s:xa[U],{pause:g,resume:_}=ma(O,()=>P(O.value),{flush:o,deep:i,eventFilter:p});return h&&l&&di(()=>{Je(h,"storage",A),Je(h,Ws,$),w&&A()}),w||A(),O;function P(T){try{if(T==null)n.removeItem(e);else{const S=B.write(T),K=n.getItem(e);K!==S&&(n.setItem(e,S),h&&h.dispatchEvent(new CustomEvent(Ws,{detail:{key:e,oldValue:K,newValue:S,storageArea:n}})))}}catch(S){y(S)}}function L(T){const S=T?T.newValue:n.getItem(e);if(S==null)return c&&F!=null&&n.setItem(e,B.write(F)),F;if(!T&&a){const K=B.read(S);return typeof a=="function"?a(K,F):U==="object"&&!Array.isArray(K)?{...F,...K}:K}else return typeof S!="string"?S:B.read(S)}function $(T){A(T.detail)}function A(T){if(!(T&&T.storageArea!==n)){if(T&&T.key==null){O.value=F;return}if(!(T&&T.key!==e)){g();try{(T==null?void 0:T.newValue)!==B.write(O.value)&&(O.value=L(T))}catch(S){y(S)}finally{T?zt(_):_()}}}}}function pi(e){return va("(prefers-color-scheme: dark)",e)}function Sa(e={}){const{selector:t="html",attribute:n="class",initialValue:r="auto",window:s=He,storage:o,storageKey:i="vueuse-color-scheme",listenToStorageChanges:l=!0,storageRef:c,emitAuto:a,disableTransition:u=!0}=e,h={auto:"",light:"light",dark:"dark",...e.modes||{}},p=pi({window:s}),y=se(()=>p.value?"dark":"light"),w=c||(i==null?ui(r):Ta(i,r,o,{window:s,listenToStorageChanges:l})),O=se(()=>w.value==="auto"?y.value:w.value),F=hi("updateHTMLAttrs",(_,P,L)=>{const $=typeof _=="string"?s==null?void 0:s.document.querySelector(_):mt(_);if(!$)return;let A;if(u&&(A=s.document.createElement("style"),A.appendChild(document.createTextNode("*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")),s.document.head.appendChild(A)),P==="class"){const T=L.split(/\s/g);Object.values(h).flatMap(S=>(S||"").split(/\s/g)).filter(Boolean).forEach(S=>{T.includes(S)?$.classList.add(S):$.classList.remove(S)})}else $.setAttribute(P,L);u&&(s.getComputedStyle(A).opacity,document.head.removeChild(A))});function U(_){var P;F(t,n,(P=h[_])!=null?P:_)}function B(_){e.onChanged?e.onChanged(_,U):U(_)}Xe(O,B,{flush:"post",immediate:!0}),di(()=>B(O.value));const g=se({get(){return a?w.value:O.value},set(_){w.value=_}});try{return Object.assign(g,{store:w,system:y,state:O})}catch{return g}}function Aa(e={}){const{valueDark:t="dark",valueLight:n="",window:r=He}=e,s=Sa({...e,onChanged:(l,c)=>{var a;e.onChanged?(a=e.onChanged)==null||a.call(e,l==="dark",c,l):c(l)},modes:{dark:t,light:n}}),o=se(()=>s.system?s.system.value:pi({window:r}).value?"dark":"light");return se({get(){return s.value==="dark"},set(l){const c=l?"dark":"light";o.value===c?s.value="auto":s.value=c}})}function lr(e){return typeof Window<"u"&&e instanceof Window?e.document.documentElement:typeof Document<"u"&&e instanceof Document?e.documentElement:e}function gi(e){const t=window.getComputedStyle(e);if(t.overflowX==="scroll"||t.overflowY==="scroll"||t.overflowX==="auto"&&e.clientWidth1?!0:(t.preventDefault&&t.preventDefault(),!1)}const hn=new WeakMap;function Of(e,t=!1){const n=ue(t);let r=null,s;Xe(ui(e),l=>{const c=lr(Ye(l));if(c){const a=c;hn.get(a)||hn.set(a,s),n.value&&(a.style.overflow="hidden")}},{immediate:!0});const o=()=>{const l=lr(Ye(e));!l||n.value||(Ar&&(r=Je(l,"touchmove",c=>{Ra(c)},{passive:!1})),l.style.overflow="hidden",n.value=!0)},i=()=>{var l;const c=lr(Ye(e));!c||!n.value||(Ar&&(r==null||r()),c.style.overflow=(l=hn.get(c))!=null?l:"",hn.delete(c),n.value=!1)};return Xr(i),se({get(){return n.value},set(l){l?o():i()}})}function Lf(e={}){const{window:t=He,behavior:n="auto"}=e;if(!t)return{x:ue(0),y:ue(0)};const r=ue(t.scrollX),s=ue(t.scrollY),o=se({get(){return r.value},set(l){scrollTo({left:l,behavior:n})}}),i=se({get(){return s.value},set(l){scrollTo({top:l,behavior:n})}});return Je(t,"scroll",()=>{r.value=t.scrollX,s.value=t.scrollY},{capture:!1,passive:!0}),{x:o,y:i}}var cr={BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1},Oa={};const mi=/^(?:[a-z]+:|\/\/)/i,La="vitepress-theme-appearance",yi=/#.*$/,Ma=/(index)?\.(md|html)$/,Ce=typeof document<"u",_i={relativePath:"",filePath:"",title:"404",description:"Not Found",headers:[],frontmatter:{sidebar:!1,layout:"page"},lastUpdated:0,isNotFound:!0};function Ia(e,t,n=!1){if(t===void 0)return!1;if(e=qs(`/${e}`),n)return new RegExp(t).test(e);if(qs(t)!==e)return!1;const r=t.match(yi);return r?(Ce?location.hash:"")===r[0]:!0}function qs(e){return decodeURI(e).replace(yi,"").replace(Ma,"")}function Pa(e){return mi.test(e)}function Na(e,t){var r,s,o,i,l,c,a;const n=Object.keys(e.locales).find(u=>u!=="root"&&!Pa(u)&&Ia(t,`/${u}/`,!0))||"root";return Object.assign({},e,{localeIndex:n,lang:((r=e.locales[n])==null?void 0:r.lang)??e.lang,dir:((s=e.locales[n])==null?void 0:s.dir)??e.dir,title:((o=e.locales[n])==null?void 0:o.title)??e.title,titleTemplate:((i=e.locales[n])==null?void 0:i.titleTemplate)??e.titleTemplate,description:((l=e.locales[n])==null?void 0:l.description)??e.description,head:vi(e.head,((c=e.locales[n])==null?void 0:c.head)??[]),themeConfig:{...e.themeConfig,...(a=e.locales[n])==null?void 0:a.themeConfig}})}function bi(e,t){const n=t.title||e.title,r=t.titleTemplate??e.titleTemplate;if(typeof r=="string"&&r.includes(":title"))return r.replace(/:title/g,n);const s=Fa(e.title,r);return n===s.slice(3)?n:`${n}${s}`}function Fa(e,t){return t===!1?"":t===!0||t===void 0?` | ${e}`:e===t?"":` | ${t}`}function $a(e,t){const[n,r]=t;if(n!=="meta")return!1;const s=Object.entries(r)[0];return s==null?!1:e.some(([o,i])=>o===n&&i[s[0]]===s[1])}function vi(e,t){return[...e.filter(n=>!$a(t,n)),...t]}const Ha=/[\u0000-\u001F"#$&*+,:;<=>?[\]^`{|}\u007F]/g,ja=/^[a-z]:/i;function Gs(e){const t=ja.exec(e),n=t?t[0]:"";return n+e.slice(n.length).replace(Ha,"_").replace(/(^|\/)_+(?=[^/]*$)/,"$1")}const ar=new Set;function Va(e){if(ar.size===0){const n=typeof process=="object"&&Oa.VITE_EXTRA_EXTENSIONS||(cr==null?void 0:cr.VITE_EXTRA_EXTENSIONS)||"";("3g2,3gp,aac,ai,apng,au,avif,bin,bmp,cer,class,conf,crl,css,csv,dll,doc,eps,epub,exe,gif,gz,ics,ief,jar,jpe,jpeg,jpg,js,json,jsonld,m4a,man,mid,midi,mjs,mov,mp2,mp3,mp4,mpe,mpeg,mpg,mpp,oga,ogg,ogv,ogx,opus,otf,p10,p7c,p7m,p7s,pdf,png,ps,qt,roff,rtf,rtx,ser,svg,t,tif,tiff,tr,ts,tsv,ttf,txt,vtt,wav,weba,webm,webp,woff,woff2,xhtml,xml,yaml,yml,zip"+(n&&typeof n=="string"?","+n:"")).split(",").forEach(r=>ar.add(r))}const t=e.split(".").pop();return t==null||!ar.has(t.toLowerCase())}const Da=Symbol(),ft=vo(ca);function Mf(e){const t=se(()=>Na(ft.value,e.data.relativePath)),n=t.value.appearance,r=n==="force-dark"?ue(!0):n?Aa({storageKey:La,initialValue:()=>typeof n=="string"?n:"auto",...typeof n=="object"?n:{}}):ue(!1);return{site:t,theme:se(()=>t.value.themeConfig),page:se(()=>e.data),frontmatter:se(()=>e.data.frontmatter),params:se(()=>e.data.params),lang:se(()=>t.value.lang),dir:se(()=>e.data.frontmatter.dir||t.value.dir),localeIndex:se(()=>t.value.localeIndex||"root"),title:se(()=>bi(t.value,e.data)),description:se(()=>e.data.description||t.value.description),isDark:r}}function ka(){const e=Et(Da);if(!e)throw new Error("vitepress data not properly injected in app");return e}function Ba(e,t){return`${e}${t}`.replace(/\/+/g,"/")}function zs(e){return mi.test(e)||!e.startsWith("/")?e:Ba(ft.value.base,e)}function Ua(e){let t=e.replace(/\.html$/,"");if(t=decodeURIComponent(t),t=t.replace(/\/$/,"/index"),Ce){const n="/";t=Gs(t.slice(n.length).replace(/\//g,"_")||"index")+".md";let r=__VP_HASH_MAP__[t.toLowerCase()];if(r||(t=t.endsWith("_index.md")?t.slice(0,-9)+".md":t.slice(0,-3)+"_index.md",r=__VP_HASH_MAP__[t.toLowerCase()]),!r)return null;t=`${n}assets/${t}.${r}.js`}else t=`./${Gs(t.slice(1).replace(/\//g,"_"))}.md.js`;return t}let _n=[];function If(e){_n.push(e),Kn(()=>{_n=_n.filter(t=>t!==e)})}function Ka(){let e=ft.value.scrollOffset,t=0,n=24;if(typeof e=="object"&&"padding"in e&&(n=e.padding,e=e.selector),typeof e=="number")t=e;else if(typeof e=="string")t=Xs(e,n);else if(Array.isArray(e))for(const r of e){const s=Xs(r,n);if(s){t=s;break}}return t}function Xs(e,t){const n=document.querySelector(e);if(!n)return 0;const r=n.getBoundingClientRect().bottom;return r<0?0:r+t}const Wa=Symbol(),wi="http://a.com",qa=()=>({path:"/",component:null,data:_i});function Pf(e,t){const n=Hn(qa()),r={route:n,go:s};async function s(l=Ce?location.href:"/"){var c,a;l=Ln(l),await((c=r.onBeforeRouteChange)==null?void 0:c.call(r,l))!==!1&&(Js(l),await i(l),await((a=r.onAfterRouteChanged)==null?void 0:a.call(r,l)))}let o=null;async function i(l,c=0,a=!1){var p;if(await((p=r.onBeforePageLoad)==null?void 0:p.call(r,l))===!1)return;const u=new URL(l,wi),h=o=u.pathname;try{let y=await e(h);if(!y)throw new Error(`Page not found: ${h}`);if(o===h){o=null;const{default:w,__pageData:O}=y;if(!w)throw new Error(`Invalid route component: ${w}`);n.path=Ce?h:zs(h),n.component=Mt(w),n.data=Mt(O),Ce&&zt(()=>{let F=ft.value.base+O.relativePath.replace(/(?:(^|\/)index)?\.md$/,"$1");if(!ft.value.cleanUrls&&!F.endsWith("/")&&(F+=".html"),F!==u.pathname&&(u.pathname=F,l=F+u.search+u.hash,history.replaceState(null,"",l)),u.hash&&!c){let U=null;try{U=document.getElementById(decodeURIComponent(u.hash).slice(1))}catch(B){console.warn(B)}if(U){Ys(U,u.hash);return}}window.scrollTo(0,c)})}}catch(y){if(!/fetch|Page not found/.test(y.message)&&!/^\/404(\.html|\/)?$/.test(l)&&console.error(y),!a)try{const w=await fetch(ft.value.base+"hashmap.json");window.__VP_HASH_MAP__=await w.json(),await i(l,c,!0);return}catch{}o===h&&(o=null,n.path=Ce?h:zs(h),n.component=t?Mt(t):null,n.data=_i)}}return Ce&&(window.addEventListener("click",l=>{if(l.target.closest("button"))return;const a=l.target.closest("a");if(a&&!a.closest(".vp-raw")&&(a instanceof SVGElement||!a.download)){const{target:u}=a,{href:h,origin:p,pathname:y,hash:w,search:O}=new URL(a.href instanceof SVGAnimatedString?a.href.animVal:a.href,a.baseURI),F=window.location;!l.ctrlKey&&!l.shiftKey&&!l.altKey&&!l.metaKey&&!u&&p===F.origin&&Va(y)&&(l.preventDefault(),y===F.pathname&&O===F.search?(w!==F.hash&&(history.pushState(null,"",w),window.dispatchEvent(new Event("hashchange"))),w?Ys(a,w,a.classList.contains("header-anchor")):(Js(h),window.scrollTo(0,0))):s(h))}},{capture:!0}),window.addEventListener("popstate",async l=>{var c;await i(Ln(location.href),l.state&&l.state.scrollPosition||0),(c=r.onAfterRouteChanged)==null||c.call(r,location.href)}),window.addEventListener("hashchange",l=>{l.preventDefault()})),r}function Ga(){const e=Et(Wa);if(!e)throw new Error("useRouter() is called without provider.");return e}function Ei(){return Ga().route}function Ys(e,t,n=!1){let r=null;try{r=e.classList.contains("header-anchor")?e:document.getElementById(decodeURIComponent(t).slice(1))}catch(s){console.warn(s)}if(r){let s=function(){!n||Math.abs(i-window.scrollY)>window.innerHeight?window.scrollTo(0,i):window.scrollTo({left:0,top:i,behavior:"smooth"})};const o=parseInt(window.getComputedStyle(r).paddingTop,10),i=window.scrollY+r.getBoundingClientRect().top-Ka()+o;requestAnimationFrame(s)}}function Js(e){Ce&&Ln(e)!==Ln(location.href)&&(history.replaceState({scrollPosition:window.scrollY},document.title),history.pushState(null,"",e))}function Ln(e){const t=new URL(e,wi);return t.pathname=t.pathname.replace(/(^|\/)index(\.html)?$/,"$1"),ft.value.cleanUrls?t.pathname=t.pathname.replace(/\.html$/,""):!t.pathname.endsWith("/")&&!t.pathname.endsWith(".html")&&(t.pathname+=".html"),t.pathname+t.search+t.hash}const fr=()=>_n.forEach(e=>e()),Nf=Ur({name:"VitePressContent",props:{as:{type:[Object,String],default:"div"}},setup(e){const t=Ei(),{site:n}=ka();return()=>Tr(e.as,n.value.contentProps??{style:{position:"relative"}},[t.component?Tr(t.component,{onVnodeMounted:fr,onVnodeUpdated:fr,onVnodeUnmounted:fr}):"404 Page Not Found"])}}),Ff="/logo.png",$f=Ur({setup(e,{slots:t}){const n=ue(!1);return Tt(()=>{n.value=!0}),()=>n.value&&t.default?t.default():null}});function Hf(){Ce&&window.addEventListener("click",e=>{var n;const t=e.target;if(t.matches(".vp-code-group input")){const r=(n=t.parentElement)==null?void 0:n.parentElement;if(!r)return;const s=Array.from(r.querySelectorAll("input")).indexOf(t);if(s<0)return;const o=r.querySelector(".blocks");if(!o)return;const i=Array.from(o.children).find(a=>a.classList.contains("active"));if(!i)return;const l=o.children[s];if(!l||i===l)return;i.classList.remove("active"),l.classList.add("active");const c=r==null?void 0:r.querySelector(`label[for="${t.id}"]`);c==null||c.scrollIntoView({block:"nearest"})}})}function jf(){if(Ce){const e=new WeakMap;window.addEventListener("click",t=>{var r;const n=t.target;if(n.matches('div[class*="language-"] > button.copy')){const s=n.parentElement,o=(r=n.nextElementSibling)==null?void 0:r.nextElementSibling;if(!s||!o)return;const i=/language-(shellscript|shell|bash|sh|zsh)/.test(s.className),l=[".vp-copy-ignore",".diff.remove"],c=o.cloneNode(!0);c.querySelectorAll(l.join(",")).forEach(u=>u.remove());let a=c.textContent||"";i&&(a=a.replace(/^ *(\$|>) /gm,"").trim()),za(a).then(()=>{n.classList.add("copied"),clearTimeout(e.get(n));const u=setTimeout(()=>{n.classList.remove("copied"),n.blur(),e.delete(n)},2e3);e.set(n,u)})}})}}async function za(e){try{return navigator.clipboard.writeText(e)}catch{const t=document.createElement("textarea"),n=document.activeElement;t.value=e,t.setAttribute("readonly",""),t.style.contain="strict",t.style.position="absolute",t.style.left="-9999px",t.style.fontSize="12pt";const r=document.getSelection(),s=r?r.rangeCount>0&&r.getRangeAt(0):null;document.body.appendChild(t),t.select(),t.selectionStart=0,t.selectionEnd=e.length,document.execCommand("copy"),document.body.removeChild(t),s&&(r.removeAllRanges(),r.addRange(s)),n&&n.focus()}}function Vf(e,t){let n=!0,r=[];const s=o=>{if(n){n=!1,o.forEach(l=>{const c=ur(l);for(const a of document.head.children)if(a.isEqualNode(c)){r.push(a);return}});return}const i=o.map(ur);r.forEach((l,c)=>{const a=i.findIndex(u=>u==null?void 0:u.isEqualNode(l??null));a!==-1?delete i[a]:(l==null||l.remove(),delete r[c])}),i.forEach(l=>l&&document.head.appendChild(l)),r=[...r,...i].filter(Boolean)};Mo(()=>{const o=e.data,i=t.value,l=o&&o.description,c=o&&o.frontmatter.head||[],a=bi(i,o);a!==document.title&&(document.title=a);const u=l||i.description;let h=document.querySelector("meta[name=description]");h?h.getAttribute("content")!==u&&h.setAttribute("content",u):ur(["meta",{name:"description",content:u}]),s(vi(i.head,Ya(c)))})}function ur([e,t,n]){const r=document.createElement(e);for(const s in t)r.setAttribute(s,t[s]);return n&&(r.innerHTML=n),e==="script"&&!t.async&&(r.async=!1),r}function Xa(e){return e[0]==="meta"&&e[1]&&e[1].name==="description"}function Ya(e){return e.filter(t=>!Xa(t))}const dr=new Set,Ci=()=>document.createElement("link"),Ja=e=>{const t=Ci();t.rel="prefetch",t.href=e,document.head.appendChild(t)},Qa=e=>{const t=new XMLHttpRequest;t.open("GET",e,t.withCredentials=!0),t.send()};let pn;const Za=Ce&&(pn=Ci())&&pn.relList&&pn.relList.supports&&pn.relList.supports("prefetch")?Ja:Qa;function Df(){if(!Ce||!window.IntersectionObserver)return;let e;if((e=navigator.connection)&&(e.saveData||/2g/.test(e.effectiveType)))return;const t=window.requestIdleCallback||setTimeout;let n=null;const r=()=>{n&&n.disconnect(),n=new IntersectionObserver(o=>{o.forEach(i=>{if(i.isIntersecting){const l=i.target;n.unobserve(l);const{pathname:c}=l;if(!dr.has(c)){dr.add(c);const a=Ua(c);a&&Za(a)}}})}),t(()=>{document.querySelectorAll("#app a").forEach(o=>{const{hostname:i,pathname:l}=new URL(o.href instanceof SVGAnimatedString?o.href.animVal:o.href,o.baseURI),c=l.match(/\.\w+$/);c&&c[0]!==".html"||o.target!=="_blank"&&i===location.hostname&&(l!==location.pathname?n.observe(o):dr.add(l))})})};Tt(r);const s=Ei();Xe(()=>s.path,r),Kn(()=>{n&&n.disconnect()})}export{nc as $,Kn as A,lf as B,Bl as C,Ka as D,sf as E,me as F,ff as G,vo as H,If as I,re as J,af as K,Sf as L,of as M,mi as N,Ei as O,vc as P,Et as Q,Af as R,Rf as S,oi as T,Nn as U,zt as V,Lf as W,yf as X,jn as Y,Of as Z,Tf as _,ti as a,Ef as a0,hf as a1,wf as a2,pf as a3,Hn as a4,yl as a5,uf as a6,ef as a7,bc as a8,he as a9,gf as aa,Tr as ab,Cf as ac,kl as ad,cf as ae,bf as af,so as ag,Bi as ah,Ff as ai,vf as aj,Vf as ak,Wa as al,Mf as am,Da as an,Nf as ao,$f as ap,ft as aq,xf as ar,Pf as as,Ua as at,Df as au,jf as av,Hf as aw,Ga as ax,Qo as b,mf as c,Ur as d,_f as e,Va as f,zs as g,ue as h,Pa as i,Ce as j,se as k,Tt as l,ei as m,Fn as n,Yo as o,Eo as p,nf as q,df as r,rf as s,tf as t,ka as u,Ia as v,Tl as w,va as x,Xe as y,Mo as z}; diff --git a/docs/assets/chunks/framework.xyZR8MrU.js b/docs/assets/chunks/framework.xyZR8MrU.js new file mode 100644 index 000000000..dc0da5bf4 --- /dev/null +++ b/docs/assets/chunks/framework.xyZR8MrU.js @@ -0,0 +1,17 @@ +/** +* @vue/shared v3.4.18 +* (c) 2018-present Yuxi (Evan) You and Vue contributors +* @license MIT +**/function Is(e,t){const n=new Set(e.split(","));return t?s=>n.has(s.toLowerCase()):s=>n.has(s)}const ee={},_t=[],xe=()=>{},Ti=()=>!1,Xt=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&(e.charCodeAt(2)>122||e.charCodeAt(2)<97),Ps=e=>e.startsWith("onUpdate:"),le=Object.assign,Ns=(e,t)=>{const n=e.indexOf(t);n>-1&&e.splice(n,1)},Si=Object.prototype.hasOwnProperty,Y=(e,t)=>Si.call(e,t),D=Array.isArray,bt=e=>Yt(e)==="[object Map]",Fn=e=>Yt(e)==="[object Set]",sr=e=>Yt(e)==="[object Date]",q=e=>typeof e=="function",ne=e=>typeof e=="string",Qe=e=>typeof e=="symbol",Z=e=>e!==null&&typeof e=="object",eo=e=>(Z(e)||q(e))&&q(e.then)&&q(e.catch),to=Object.prototype.toString,Yt=e=>to.call(e),Ai=e=>Yt(e).slice(8,-1),no=e=>Yt(e)==="[object Object]",Fs=e=>ne(e)&&e!=="NaN"&&e[0]!=="-"&&""+parseInt(e,10)===e,vt=Is(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),$n=e=>{const t=Object.create(null);return n=>t[n]||(t[n]=e(n))},Ri=/-(\w)/g,Pe=$n(e=>e.replace(Ri,(t,n)=>n?n.toUpperCase():"")),Oi=/\B([A-Z])/g,dt=$n(e=>e.replace(Oi,"-$1").toLowerCase()),Hn=$n(e=>e.charAt(0).toUpperCase()+e.slice(1)),bn=$n(e=>e?`on${Hn(e)}`:""),Ze=(e,t)=>!Object.is(e,t),vn=(e,t)=>{for(let n=0;n{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,value:n})},Ut=e=>{const t=parseFloat(e);return isNaN(t)?e:t},Li=e=>{const t=ne(e)?Number(e):NaN;return isNaN(t)?e:t};let rr;const so=()=>rr||(rr=typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:typeof global<"u"?global:{});function jn(e){if(D(e)){const t={};for(let n=0;n{if(n){const s=n.split(Ii);s.length>1&&(t[s[0].trim()]=s[1].trim())}}),t}function Vn(e){let t="";if(ne(e))t=e;else if(D(e))for(let n=0;nDn(n,t))}const ru=e=>ne(e)?e:e==null?"":D(e)||Z(e)&&(e.toString===to||!q(e.toString))?JSON.stringify(e,oo,2):String(e),oo=(e,t)=>t&&t.__v_isRef?oo(e,t.value):bt(t)?{[`Map(${t.size})`]:[...t.entries()].reduce((n,[s,r],o)=>(n[ns(s,o)+" =>"]=r,n),{})}:Fn(t)?{[`Set(${t.size})`]:[...t.values()].map(n=>ns(n))}:Qe(t)?ns(t):Z(t)&&!D(t)&&!no(t)?String(t):t,ns=(e,t="")=>{var n;return Qe(e)?`Symbol(${(n=e.description)!=null?n:t})`:e};/** +* @vue/reactivity v3.4.18 +* (c) 2018-present Yuxi (Evan) You and Vue contributors +* @license MIT +**/let be;class Vi{constructor(t=!1){this.detached=t,this._active=!0,this.effects=[],this.cleanups=[],this.parent=be,!t&&be&&(this.index=(be.scopes||(be.scopes=[])).push(this)-1)}get active(){return this._active}run(t){if(this._active){const n=be;try{return be=this,t()}finally{be=n}}}on(){be=this}off(){be=this.parent}stop(t){if(this._active){let n,s;for(n=0,s=this.effects.length;n=4))break}this._dirtyLevel===1&&(this._dirtyLevel=0),pt()}return this._dirtyLevel>=4}set dirty(t){this._dirtyLevel=t?4:0}run(){if(this._dirtyLevel=0,!this.active)return this.fn();let t=Ge,n=at;try{return Ge=!0,at=this,this._runnings++,or(this),this.fn()}finally{ir(this),this._runnings--,at=n,Ge=t}}stop(){var t;this.active&&(or(this),ir(this),(t=this.onStop)==null||t.call(this),this.active=!1)}}function Ui(e){return e.value}function or(e){e._trackId++,e._depsLength=0}function ir(e){if(e.deps.length>e._depsLength){for(let t=e._depsLength;t{const n=new Map;return n.cleanup=e,n.computed=t,n},xn=new WeakMap,ut=Symbol(""),bs=Symbol("");function ye(e,t,n){if(Ge&&at){let s=xn.get(e);s||xn.set(e,s=new Map);let r=s.get(n);r||s.set(n,r=fo(()=>s.delete(n))),ao(at,r)}}function $e(e,t,n,s,r,o){const i=xn.get(e);if(!i)return;let l=[];if(t==="clear")l=[...i.values()];else if(n==="length"&&D(e)){const c=Number(s);i.forEach((a,f)=>{(f==="length"||!Qe(f)&&f>=c)&&l.push(a)})}else switch(n!==void 0&&l.push(i.get(n)),t){case"add":D(e)?Fs(n)&&l.push(i.get("length")):(l.push(i.get(ut)),bt(e)&&l.push(i.get(bs)));break;case"delete":D(e)||(l.push(i.get(ut)),bt(e)&&l.push(i.get(bs)));break;case"set":bt(e)&&l.push(i.get(ut));break}Hs();for(const c of l)c&&uo(c,4);js()}function Bi(e,t){var n;return(n=xn.get(e))==null?void 0:n.get(t)}const Ki=Is("__proto__,__v_isRef,__isVue"),ho=new Set(Object.getOwnPropertyNames(Symbol).filter(e=>e!=="arguments"&&e!=="caller").map(e=>Symbol[e]).filter(Qe)),lr=Wi();function Wi(){const e={};return["includes","indexOf","lastIndexOf"].forEach(t=>{e[t]=function(...n){const s=J(this);for(let o=0,i=this.length;o{e[t]=function(...n){ht(),Hs();const s=J(this)[t].apply(this,n);return js(),pt(),s}}),e}function qi(e){const t=J(this);return ye(t,"has",e),t.hasOwnProperty(e)}class po{constructor(t=!1,n=!1){this._isReadonly=t,this._shallow=n}get(t,n,s){const r=this._isReadonly,o=this._shallow;if(n==="__v_isReactive")return!r;if(n==="__v_isReadonly")return r;if(n==="__v_isShallow")return o;if(n==="__v_raw")return s===(r?o?ol:_o:o?yo:mo).get(t)||Object.getPrototypeOf(t)===Object.getPrototypeOf(s)?t:void 0;const i=D(t);if(!r){if(i&&Y(lr,n))return Reflect.get(lr,n,s);if(n==="hasOwnProperty")return qi}const l=Reflect.get(t,n,s);return(Qe(n)?ho.has(n):Ki(n))||(r||ye(t,"get",n),o)?l:he(l)?i&&Fs(n)?l:l.value:Z(l)?r?Bn(l):Un(l):l}}class go extends po{constructor(t=!1){super(!1,t)}set(t,n,s,r){let o=t[n];if(!this._shallow){const c=St(o);if(!Tn(s)&&!St(s)&&(o=J(o),s=J(s)),!D(t)&&he(o)&&!he(s))return c?!1:(o.value=s,!0)}const i=D(t)&&Fs(n)?Number(n)e,kn=e=>Reflect.getPrototypeOf(e);function rn(e,t,n=!1,s=!1){e=e.__v_raw;const r=J(e),o=J(t);n||(Ze(t,o)&&ye(r,"get",t),ye(r,"get",o));const{has:i}=kn(r),l=s?Vs:n?Us:Bt;if(i.call(r,t))return l(e.get(t));if(i.call(r,o))return l(e.get(o));e!==r&&e.get(t)}function on(e,t=!1){const n=this.__v_raw,s=J(n),r=J(e);return t||(Ze(e,r)&&ye(s,"has",e),ye(s,"has",r)),e===r?n.has(e):n.has(e)||n.has(r)}function ln(e,t=!1){return e=e.__v_raw,!t&&ye(J(e),"iterate",ut),Reflect.get(e,"size",e)}function cr(e){e=J(e);const t=J(this);return kn(t).has.call(t,e)||(t.add(e),$e(t,"add",e,e)),this}function ar(e,t){t=J(t);const n=J(this),{has:s,get:r}=kn(n);let o=s.call(n,e);o||(e=J(e),o=s.call(n,e));const i=r.call(n,e);return n.set(e,t),o?Ze(t,i)&&$e(n,"set",e,t):$e(n,"add",e,t),this}function ur(e){const t=J(this),{has:n,get:s}=kn(t);let r=n.call(t,e);r||(e=J(e),r=n.call(t,e)),s&&s.call(t,e);const o=t.delete(e);return r&&$e(t,"delete",e,void 0),o}function fr(){const e=J(this),t=e.size!==0,n=e.clear();return t&&$e(e,"clear",void 0,void 0),n}function cn(e,t){return function(s,r){const o=this,i=o.__v_raw,l=J(i),c=t?Vs:e?Us:Bt;return!e&&ye(l,"iterate",ut),i.forEach((a,f)=>s.call(r,c(a),c(f),o))}}function an(e,t,n){return function(...s){const r=this.__v_raw,o=J(r),i=bt(o),l=e==="entries"||e===Symbol.iterator&&i,c=e==="keys"&&i,a=r[e](...s),f=n?Vs:t?Us:Bt;return!t&&ye(o,"iterate",c?bs:ut),{next(){const{value:h,done:p}=a.next();return p?{value:h,done:p}:{value:l?[f(h[0]),f(h[1])]:f(h),done:p}},[Symbol.iterator](){return this}}}}function Ve(e){return function(...t){return e==="delete"?!1:e==="clear"?void 0:this}}function Ji(){const e={get(o){return rn(this,o)},get size(){return ln(this)},has:on,add:cr,set:ar,delete:ur,clear:fr,forEach:cn(!1,!1)},t={get(o){return rn(this,o,!1,!0)},get size(){return ln(this)},has:on,add:cr,set:ar,delete:ur,clear:fr,forEach:cn(!1,!0)},n={get(o){return rn(this,o,!0)},get size(){return ln(this,!0)},has(o){return on.call(this,o,!0)},add:Ve("add"),set:Ve("set"),delete:Ve("delete"),clear:Ve("clear"),forEach:cn(!0,!1)},s={get(o){return rn(this,o,!0,!0)},get size(){return ln(this,!0)},has(o){return on.call(this,o,!0)},add:Ve("add"),set:Ve("set"),delete:Ve("delete"),clear:Ve("clear"),forEach:cn(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach(o=>{e[o]=an(o,!1,!1),n[o]=an(o,!0,!1),t[o]=an(o,!1,!0),s[o]=an(o,!0,!0)}),[e,n,t,s]}const[Qi,Zi,el,tl]=Ji();function Ds(e,t){const n=t?e?tl:el:e?Zi:Qi;return(s,r,o)=>r==="__v_isReactive"?!e:r==="__v_isReadonly"?e:r==="__v_raw"?s:Reflect.get(Y(n,r)&&r in s?n:s,r,o)}const nl={get:Ds(!1,!1)},sl={get:Ds(!1,!0)},rl={get:Ds(!0,!1)},mo=new WeakMap,yo=new WeakMap,_o=new WeakMap,ol=new WeakMap;function il(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function ll(e){return e.__v_skip||!Object.isExtensible(e)?0:il(Ai(e))}function Un(e){return St(e)?e:ks(e,!1,zi,nl,mo)}function cl(e){return ks(e,!1,Yi,sl,yo)}function Bn(e){return ks(e,!0,Xi,rl,_o)}function ks(e,t,n,s,r){if(!Z(e)||e.__v_raw&&!(t&&e.__v_isReactive))return e;const o=r.get(e);if(o)return o;const i=ll(e);if(i===0)return e;const l=new Proxy(e,i===2?s:n);return r.set(e,l),l}function wt(e){return St(e)?wt(e.__v_raw):!!(e&&e.__v_isReactive)}function St(e){return!!(e&&e.__v_isReadonly)}function Tn(e){return!!(e&&e.__v_isShallow)}function bo(e){return wt(e)||St(e)}function J(e){const t=e&&e.__v_raw;return t?J(t):e}function Pt(e){return Object.isExtensible(e)&&Cn(e,"__v_skip",!0),e}const Bt=e=>Z(e)?Un(e):e,Us=e=>Z(e)?Bn(e):e;class vo{constructor(t,n,s,r){this._setter=n,this.dep=void 0,this.__v_isRef=!0,this.__v_isReadonly=!1,this.effect=new $s(()=>t(this._value),()=>Nt(this,this.effect._dirtyLevel===2?2:3)),this.effect.computed=this,this.effect.active=this._cacheable=!r,this.__v_isReadonly=s}get value(){const t=J(this);return(!t._cacheable||t.effect.dirty)&&Ze(t._value,t._value=t.effect.run())&&Nt(t,4),Bs(t),t.effect._dirtyLevel>=2&&Nt(t,2),t._value}set value(t){this._setter(t)}get _dirty(){return this.effect.dirty}set _dirty(t){this.effect.dirty=t}}function al(e,t,n=!1){let s,r;const o=q(e);return o?(s=e,r=xe):(s=e.get,r=e.set),new vo(s,r,o||!r,n)}function Bs(e){var t;Ge&&at&&(e=J(e),ao(at,(t=e.dep)!=null?t:e.dep=fo(()=>e.dep=void 0,e instanceof vo?e:void 0)))}function Nt(e,t=4,n){e=J(e);const s=e.dep;s&&uo(s,t)}function he(e){return!!(e&&e.__v_isRef===!0)}function fe(e){return Eo(e,!1)}function wo(e){return Eo(e,!0)}function Eo(e,t){return he(e)?e:new ul(e,t)}class ul{constructor(t,n){this.__v_isShallow=n,this.dep=void 0,this.__v_isRef=!0,this._rawValue=n?t:J(t),this._value=n?t:Bt(t)}get value(){return Bs(this),this._value}set value(t){const n=this.__v_isShallow||Tn(t)||St(t);t=n?t:J(t),Ze(t,this._rawValue)&&(this._rawValue=t,this._value=n?t:Bt(t),Nt(this,4))}}function Co(e){return he(e)?e.value:e}const fl={get:(e,t,n)=>Co(Reflect.get(e,t,n)),set:(e,t,n,s)=>{const r=e[t];return he(r)&&!he(n)?(r.value=n,!0):Reflect.set(e,t,n,s)}};function xo(e){return wt(e)?e:new Proxy(e,fl)}class dl{constructor(t){this.dep=void 0,this.__v_isRef=!0;const{get:n,set:s}=t(()=>Bs(this),()=>Nt(this));this._get=n,this._set=s}get value(){return this._get()}set value(t){this._set(t)}}function hl(e){return new dl(e)}class pl{constructor(t,n,s){this._object=t,this._key=n,this._defaultValue=s,this.__v_isRef=!0}get value(){const t=this._object[this._key];return t===void 0?this._defaultValue:t}set value(t){this._object[this._key]=t}get dep(){return Bi(J(this._object),this._key)}}class gl{constructor(t){this._getter=t,this.__v_isRef=!0,this.__v_isReadonly=!0}get value(){return this._getter()}}function ml(e,t,n){return he(e)?e:q(e)?new gl(e):Z(e)&&arguments.length>1?yl(e,t,n):fe(e)}function yl(e,t,n){const s=e[t];return he(s)?s:new pl(e,t,n)}/** +* @vue/runtime-core v3.4.18 +* (c) 2018-present Yuxi (Evan) You and Vue contributors +* @license MIT +**/function ze(e,t,n,s){let r;try{r=s?e(...s):e()}catch(o){Jt(o,t,n)}return r}function Te(e,t,n,s){if(q(e)){const o=ze(e,t,n,s);return o&&eo(o)&&o.catch(i=>{Jt(i,t,n)}),o}const r=[];for(let o=0;o>>1,r=de[s],o=Wt(r);oIe&&de.splice(t,1)}function wl(e){D(e)?Et.push(...e):(!Be||!Be.includes(e,e.allowRecurse?ot+1:ot))&&Et.push(e),So()}function dr(e,t,n=Kt?Ie+1:0){for(;nWt(n)-Wt(s));if(Et.length=0,Be){Be.push(...t);return}for(Be=t,ot=0;ote.id==null?1/0:e.id,El=(e,t)=>{const n=Wt(e)-Wt(t);if(n===0){if(e.pre&&!t.pre)return-1;if(t.pre&&!e.pre)return 1}return n};function Ao(e){vs=!1,Kt=!0,de.sort(El);try{for(Ie=0;Iene(y)?y.trim():y)),h&&(r=n.map(Ut))}let l,c=s[l=bn(t)]||s[l=bn(Pe(t))];!c&&o&&(c=s[l=bn(dt(t))]),c&&Te(c,e,6,r);const a=s[l+"Once"];if(a){if(!e.emitted)e.emitted={};else if(e.emitted[l])return;e.emitted[l]=!0,Te(a,e,6,r)}}function Ro(e,t,n=!1){const s=t.emitsCache,r=s.get(e);if(r!==void 0)return r;const o=e.emits;let i={},l=!1;if(!q(e)){const c=a=>{const f=Ro(a,t,!0);f&&(l=!0,le(i,f))};!n&&t.mixins.length&&t.mixins.forEach(c),e.extends&&c(e.extends),e.mixins&&e.mixins.forEach(c)}return!o&&!l?(Z(e)&&s.set(e,null),null):(D(o)?o.forEach(c=>i[c]=null):le(i,o),Z(e)&&s.set(e,i),i)}function Wn(e,t){return!e||!Xt(t)?!1:(t=t.slice(2).replace(/Once$/,""),Y(e,t[0].toLowerCase()+t.slice(1))||Y(e,dt(t))||Y(e,t))}let ie=null,qn=null;function An(e){const t=ie;return ie=e,qn=e&&e.type.__scopeId||null,t}function ou(e){qn=e}function iu(){qn=null}function xl(e,t=ie,n){if(!t||e._n)return e;const s=(...r)=>{s._d&&Sr(-1);const o=An(t);let i;try{i=e(...r)}finally{An(o),s._d&&Sr(1)}return i};return s._n=!0,s._c=!0,s._d=!0,s}function ss(e){const{type:t,vnode:n,proxy:s,withProxy:r,props:o,propsOptions:[i],slots:l,attrs:c,emit:a,render:f,renderCache:h,data:p,setupState:y,ctx:w,inheritAttrs:O}=e;let F,B;const U=An(e);try{if(n.shapeFlag&4){const _=r||s,P=_;F=Ae(f.call(P,_,h,o,y,p,w)),B=c}else{const _=t;F=Ae(_.length>1?_(o,{attrs:c,slots:l,emit:a}):_(o,null)),B=t.props?c:Tl(c)}}catch(_){Vt.length=0,Jt(_,e,1),F=se(ve)}let g=F;if(B&&O!==!1){const _=Object.keys(B),{shapeFlag:P}=g;_.length&&P&7&&(i&&_.some(Ps)&&(B=Sl(B,i)),g=et(g,B))}return n.dirs&&(g=et(g),g.dirs=g.dirs?g.dirs.concat(n.dirs):n.dirs),n.transition&&(g.transition=n.transition),F=g,An(U),F}const Tl=e=>{let t;for(const n in e)(n==="class"||n==="style"||Xt(n))&&((t||(t={}))[n]=e[n]);return t},Sl=(e,t)=>{const n={};for(const s in e)(!Ps(s)||!(s.slice(9)in t))&&(n[s]=e[s]);return n};function Al(e,t,n){const{props:s,children:r,component:o}=e,{props:i,children:l,patchFlag:c}=t,a=o.emitsOptions;if(t.dirs||t.transition)return!0;if(n&&c>=0){if(c&1024)return!0;if(c&16)return s?hr(s,i,a):!!i;if(c&8){const f=t.dynamicProps;for(let h=0;he.__isSuspense;function Mo(e,t){t&&t.pendingBranch?D(e)?t.effects.push(...e):t.effects.push(e):wl(e)}const Ll=Symbol.for("v-scx"),Ml=()=>xt(Ll);function Io(e,t){return Gn(e,null,t)}function au(e,t){return Gn(e,null,{flush:"post"})}const un={};function Xe(e,t,n){return Gn(e,t,n)}function Gn(e,t,{immediate:n,deep:s,flush:r,once:o,onTrack:i,onTrigger:l}=ee){if(t&&o){const L=t;t=(...$)=>{L(...$),P()}}const c=ae,a=L=>s===!0?L:ct(L,s===!1?1:void 0);let f,h=!1,p=!1;if(he(e)?(f=()=>e.value,h=Tn(e)):wt(e)?(f=()=>a(e),h=!0):D(e)?(p=!0,h=e.some(L=>wt(L)||Tn(L)),f=()=>e.map(L=>{if(he(L))return L.value;if(wt(L))return a(L);if(q(L))return ze(L,c,2)})):q(e)?t?f=()=>ze(e,c,2):f=()=>(y&&y(),Te(e,c,3,[w])):f=xe,t&&s){const L=f;f=()=>ct(L())}let y,w=L=>{y=g.onStop=()=>{ze(L,c,4),y=g.onStop=void 0}},O;if(tn)if(w=xe,t?n&&Te(t,c,3,[f(),p?[]:void 0,w]):f(),r==="sync"){const L=Ml();O=L.__watcherHandles||(L.__watcherHandles=[])}else return xe;let F=p?new Array(e.length).fill(un):un;const B=()=>{if(!(!g.active||!g.dirty))if(t){const L=g.run();(s||h||(p?L.some(($,A)=>Ze($,F[A])):Ze(L,F)))&&(y&&y(),Te(t,c,3,[L,F===un?void 0:p&&F[0]===un?[]:F,w]),F=L)}else g.run()};B.allowRecurse=!!t;let U;r==="sync"?U=B:r==="post"?U=()=>ge(B,c&&c.suspense):(B.pre=!0,c&&(B.id=c.uid),U=()=>Kn(B));const g=new $s(f,xe,U),_=io(),P=()=>{g.stop(),_&&Ns(_.effects,g)};return t?n?B():F=g.run():r==="post"?ge(g.run.bind(g),c&&c.suspense):g.run(),O&&O.push(P),P}function Il(e,t,n){const s=this.proxy,r=ne(e)?e.includes(".")?Po(s,e):()=>s[e]:e.bind(s,s);let o;q(t)?o=t:(o=t.handler,n=t);const i=en(this),l=Gn(r,o.bind(s),n);return i(),l}function Po(e,t){const n=t.split(".");return()=>{let s=e;for(let r=0;r0){if(n>=t)return e;n++}if(s=s||new Set,s.has(e))return e;if(s.add(e),he(e))ct(e.value,t,n,s);else if(D(e))for(let r=0;r{ct(r,t,n,s)});else if(no(e))for(const r in e)ct(e[r],t,n,s);return e}function uu(e,t){if(ie===null)return e;const n=Qn(ie)||ie.proxy,s=e.dirs||(e.dirs=[]);for(let r=0;r{e.isMounted=!0}),jo(()=>{e.isUnmounting=!0}),e}const we=[Function,Array],No={mode:String,appear:Boolean,persisted:Boolean,onBeforeEnter:we,onEnter:we,onAfterEnter:we,onEnterCancelled:we,onBeforeLeave:we,onLeave:we,onAfterLeave:we,onLeaveCancelled:we,onBeforeAppear:we,onAppear:we,onAfterAppear:we,onAppearCancelled:we},Nl={name:"BaseTransition",props:No,setup(e,{slots:t}){const n=Jn(),s=Pl();let r;return()=>{const o=t.default&&$o(t.default(),!0);if(!o||!o.length)return;let i=o[0];if(o.length>1){for(const O of o)if(O.type!==ve){i=O;break}}const l=J(e),{mode:c}=l;if(s.isLeaving)return rs(i);const a=gr(i);if(!a)return rs(i);const f=ws(a,l,s,n);Es(a,f);const h=n.subTree,p=h&&gr(h);let y=!1;const{getTransitionKey:w}=a.type;if(w){const O=w();r===void 0?r=O:O!==r&&(r=O,y=!0)}if(p&&p.type!==ve&&(!it(a,p)||y)){const O=ws(p,l,s,n);if(Es(p,O),c==="out-in")return s.isLeaving=!0,O.afterLeave=()=>{s.isLeaving=!1,n.update.active!==!1&&(n.effect.dirty=!0,n.update())},rs(i);c==="in-out"&&a.type!==ve&&(O.delayLeave=(F,B,U)=>{const g=Fo(s,p);g[String(p.key)]=p,F[Ke]=()=>{B(),F[Ke]=void 0,delete f.delayedLeave},f.delayedLeave=U})}return i}}},Fl=Nl;function Fo(e,t){const{leavingVNodes:n}=e;let s=n.get(t.type);return s||(s=Object.create(null),n.set(t.type,s)),s}function ws(e,t,n,s){const{appear:r,mode:o,persisted:i=!1,onBeforeEnter:l,onEnter:c,onAfterEnter:a,onEnterCancelled:f,onBeforeLeave:h,onLeave:p,onAfterLeave:y,onLeaveCancelled:w,onBeforeAppear:O,onAppear:F,onAfterAppear:B,onAppearCancelled:U}=t,g=String(e.key),_=Fo(n,e),P=(A,T)=>{A&&Te(A,s,9,T)},L=(A,T)=>{const S=T[1];P(A,T),D(A)?A.every(K=>K.length<=1)&&S():A.length<=1&&S()},$={mode:o,persisted:i,beforeEnter(A){let T=l;if(!n.isMounted)if(r)T=O||l;else return;A[Ke]&&A[Ke](!0);const S=_[g];S&&it(e,S)&&S.el[Ke]&&S.el[Ke](),P(T,[A])},enter(A){let T=c,S=a,K=f;if(!n.isMounted)if(r)T=F||c,S=B||a,K=U||f;else return;let I=!1;const G=A[fn]=oe=>{I||(I=!0,oe?P(K,[A]):P(S,[A]),$.delayedLeave&&$.delayedLeave(),A[fn]=void 0)};T?L(T,[A,G]):G()},leave(A,T){const S=String(e.key);if(A[fn]&&A[fn](!0),n.isUnmounting)return T();P(h,[A]);let K=!1;const I=A[Ke]=G=>{K||(K=!0,T(),G?P(w,[A]):P(y,[A]),A[Ke]=void 0,_[S]===e&&delete _[S])};_[S]=e,p?L(p,[A,I]):I()},clone(A){return ws(A,t,n,s)}};return $}function rs(e){if(Zt(e))return e=et(e),e.children=null,e}function gr(e){return Zt(e)?e.children?e.children[0]:void 0:e}function Es(e,t){e.shapeFlag&6&&e.component?Es(e.component.subTree,t):e.shapeFlag&128?(e.ssContent.transition=t.clone(e.ssContent),e.ssFallback.transition=t.clone(e.ssFallback)):e.transition=t}function $o(e,t=!1,n){let s=[],r=0;for(let o=0;o1)for(let o=0;o!!e.type.__asyncLoader;/*! #__NO_SIDE_EFFECTS__ */function fu(e){q(e)&&(e={loader:e});const{loader:t,loadingComponent:n,errorComponent:s,delay:r=200,timeout:o,suspensible:i=!0,onError:l}=e;let c=null,a,f=0;const h=()=>(f++,c=null,p()),p=()=>{let y;return c||(y=c=t().catch(w=>{if(w=w instanceof Error?w:new Error(String(w)),l)return new Promise((O,F)=>{l(w,()=>O(h()),()=>F(w),f+1)});throw w}).then(w=>y!==c&&c?c:(w&&(w.__esModule||w[Symbol.toStringTag]==="Module")&&(w=w.default),a=w,w)))};return qs({name:"AsyncComponentWrapper",__asyncLoader:p,get __asyncResolved(){return a},setup(){const y=ae;if(a)return()=>os(a,y);const w=U=>{c=null,Jt(U,y,13,!s)};if(i&&y.suspense||tn)return p().then(U=>()=>os(U,y)).catch(U=>(w(U),()=>s?se(s,{error:U}):null));const O=fe(!1),F=fe(),B=fe(!!r);return r&&setTimeout(()=>{B.value=!1},r),o!=null&&setTimeout(()=>{if(!O.value&&!F.value){const U=new Error(`Async component timed out after ${o}ms.`);w(U),F.value=U}},o),p().then(()=>{O.value=!0,y.parent&&Zt(y.parent.vnode)&&(y.parent.effect.dirty=!0,Kn(y.parent.update))}).catch(U=>{w(U),F.value=U}),()=>{if(O.value&&a)return os(a,y);if(F.value&&s)return se(s,{error:F.value});if(n&&!B.value)return se(n)}}})}function os(e,t){const{ref:n,props:s,children:r,ce:o}=t.vnode,i=se(e,s,r);return i.ref=n,i.ce=o,delete t.vnode.ce,i}const Zt=e=>e.type.__isKeepAlive;function $l(e,t){Ho(e,"a",t)}function Hl(e,t){Ho(e,"da",t)}function Ho(e,t,n=ae){const s=e.__wdc||(e.__wdc=()=>{let r=n;for(;r;){if(r.isDeactivated)return;r=r.parent}return e()});if(zn(t,s,n),n){let r=n.parent;for(;r&&r.parent;)Zt(r.parent.vnode)&&jl(s,t,n,r),r=r.parent}}function jl(e,t,n,s){const r=zn(t,e,s,!0);Xn(()=>{Ns(s[t],r)},n)}function zn(e,t,n=ae,s=!1){if(n){const r=n[e]||(n[e]=[]),o=t.__weh||(t.__weh=(...i)=>{if(n.isUnmounted)return;ht();const l=en(n),c=Te(t,n,e,i);return l(),pt(),c});return s?r.unshift(o):r.push(o),o}}const je=e=>(t,n=ae)=>(!tn||e==="sp")&&zn(e,(...s)=>t(...s),n),Vl=je("bm"),Rt=je("m"),Dl=je("bu"),kl=je("u"),jo=je("bum"),Xn=je("um"),Ul=je("sp"),Bl=je("rtg"),Kl=je("rtc");function Wl(e,t=ae){zn("ec",e,t)}function du(e,t,n,s){let r;const o=n&&n[s];if(D(e)||ne(e)){r=new Array(e.length);for(let i=0,l=e.length;it(i,l,void 0,o&&o[l]));else{const i=Object.keys(e);r=new Array(i.length);for(let l=0,c=i.length;l{const o=s.fn(...r);return o&&(o.key=s.key),o}:s.fn)}return e}function pu(e,t,n={},s,r){if(ie.isCE||ie.parent&&Ct(ie.parent)&&ie.parent.isCE)return t!=="default"&&(n.name=t),se("slot",n,s&&s());let o=e[t];o&&o._c&&(o._d=!1),Jo();const i=o&&Vo(o(n)),l=Zo(me,{key:n.key||i&&i.key||`_${t}`},i||(s?s():[]),i&&e._===1?64:-2);return!r&&l.scopeId&&(l.slotScopeIds=[l.scopeId+"-s"]),o&&o._c&&(o._d=!0),l}function Vo(e){return e.some(t=>Ln(t)?!(t.type===ve||t.type===me&&!Vo(t.children)):!0)?e:null}function gu(e,t){const n={};for(const s in e)n[t&&/[A-Z]/.test(s)?`on:${s}`:bn(s)]=e[s];return n}const Cs=e=>e?si(e)?Qn(e)||e.proxy:Cs(e.parent):null,Ft=le(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>Cs(e.parent),$root:e=>Cs(e.root),$emit:e=>e.emit,$options:e=>Gs(e),$forceUpdate:e=>e.f||(e.f=()=>{e.effect.dirty=!0,Kn(e.update)}),$nextTick:e=>e.n||(e.n=Qt.bind(e.proxy)),$watch:e=>Il.bind(e)}),is=(e,t)=>e!==ee&&!e.__isScriptSetup&&Y(e,t),ql={get({_:e},t){const{ctx:n,setupState:s,data:r,props:o,accessCache:i,type:l,appContext:c}=e;let a;if(t[0]!=="$"){const y=i[t];if(y!==void 0)switch(y){case 1:return s[t];case 2:return r[t];case 4:return n[t];case 3:return o[t]}else{if(is(s,t))return i[t]=1,s[t];if(r!==ee&&Y(r,t))return i[t]=2,r[t];if((a=e.propsOptions[0])&&Y(a,t))return i[t]=3,o[t];if(n!==ee&&Y(n,t))return i[t]=4,n[t];xs&&(i[t]=0)}}const f=Ft[t];let h,p;if(f)return t==="$attrs"&&ye(e,"get",t),f(e);if((h=l.__cssModules)&&(h=h[t]))return h;if(n!==ee&&Y(n,t))return i[t]=4,n[t];if(p=c.config.globalProperties,Y(p,t))return p[t]},set({_:e},t,n){const{data:s,setupState:r,ctx:o}=e;return is(r,t)?(r[t]=n,!0):s!==ee&&Y(s,t)?(s[t]=n,!0):Y(e.props,t)||t[0]==="$"&&t.slice(1)in e?!1:(o[t]=n,!0)},has({_:{data:e,setupState:t,accessCache:n,ctx:s,appContext:r,propsOptions:o}},i){let l;return!!n[i]||e!==ee&&Y(e,i)||is(t,i)||(l=o[0])&&Y(l,i)||Y(s,i)||Y(Ft,i)||Y(r.config.globalProperties,i)},defineProperty(e,t,n){return n.get!=null?e._.accessCache[t]=0:Y(n,"value")&&this.set(e,t,n.value,null),Reflect.defineProperty(e,t,n)}};function mu(){return Gl().slots}function Gl(){const e=Jn();return e.setupContext||(e.setupContext=oi(e))}function mr(e){return D(e)?e.reduce((t,n)=>(t[n]=null,t),{}):e}let xs=!0;function zl(e){const t=Gs(e),n=e.proxy,s=e.ctx;xs=!1,t.beforeCreate&&yr(t.beforeCreate,e,"bc");const{data:r,computed:o,methods:i,watch:l,provide:c,inject:a,created:f,beforeMount:h,mounted:p,beforeUpdate:y,updated:w,activated:O,deactivated:F,beforeDestroy:B,beforeUnmount:U,destroyed:g,unmounted:_,render:P,renderTracked:L,renderTriggered:$,errorCaptured:A,serverPrefetch:T,expose:S,inheritAttrs:K,components:I,directives:G,filters:oe}=t;if(a&&Xl(a,s,null),i)for(const X in i){const j=i[X];q(j)&&(s[X]=j.bind(n))}if(r){const X=r.call(n,n);Z(X)&&(e.data=Un(X))}if(xs=!0,o)for(const X in o){const j=o[X],Ne=q(j)?j.bind(n,n):q(j.get)?j.get.bind(n,n):xe,nn=!q(j)&&q(j.set)?j.set.bind(n):xe,tt=re({get:Ne,set:nn});Object.defineProperty(s,X,{enumerable:!0,configurable:!0,get:()=>tt.value,set:Oe=>tt.value=Oe})}if(l)for(const X in l)Do(l[X],s,n,X);if(c){const X=q(c)?c.call(n):c;Reflect.ownKeys(X).forEach(j=>{tc(j,X[j])})}f&&yr(f,e,"c");function V(X,j){D(j)?j.forEach(Ne=>X(Ne.bind(n))):j&&X(j.bind(n))}if(V(Vl,h),V(Rt,p),V(Dl,y),V(kl,w),V($l,O),V(Hl,F),V(Wl,A),V(Kl,L),V(Bl,$),V(jo,U),V(Xn,_),V(Ul,T),D(S))if(S.length){const X=e.exposed||(e.exposed={});S.forEach(j=>{Object.defineProperty(X,j,{get:()=>n[j],set:Ne=>n[j]=Ne})})}else e.exposed||(e.exposed={});P&&e.render===xe&&(e.render=P),K!=null&&(e.inheritAttrs=K),I&&(e.components=I),G&&(e.directives=G)}function Xl(e,t,n=xe){D(e)&&(e=Ts(e));for(const s in e){const r=e[s];let o;Z(r)?"default"in r?o=xt(r.from||s,r.default,!0):o=xt(r.from||s):o=xt(r),he(o)?Object.defineProperty(t,s,{enumerable:!0,configurable:!0,get:()=>o.value,set:i=>o.value=i}):t[s]=o}}function yr(e,t,n){Te(D(e)?e.map(s=>s.bind(t.proxy)):e.bind(t.proxy),t,n)}function Do(e,t,n,s){const r=s.includes(".")?Po(n,s):()=>n[s];if(ne(e)){const o=t[e];q(o)&&Xe(r,o)}else if(q(e))Xe(r,e.bind(n));else if(Z(e))if(D(e))e.forEach(o=>Do(o,t,n,s));else{const o=q(e.handler)?e.handler.bind(n):t[e.handler];q(o)&&Xe(r,o,e)}}function Gs(e){const t=e.type,{mixins:n,extends:s}=t,{mixins:r,optionsCache:o,config:{optionMergeStrategies:i}}=e.appContext,l=o.get(t);let c;return l?c=l:!r.length&&!n&&!s?c=t:(c={},r.length&&r.forEach(a=>Rn(c,a,i,!0)),Rn(c,t,i)),Z(t)&&o.set(t,c),c}function Rn(e,t,n,s=!1){const{mixins:r,extends:o}=t;o&&Rn(e,o,n,!0),r&&r.forEach(i=>Rn(e,i,n,!0));for(const i in t)if(!(s&&i==="expose")){const l=Yl[i]||n&&n[i];e[i]=l?l(e[i],t[i]):t[i]}return e}const Yl={data:_r,props:br,emits:br,methods:It,computed:It,beforeCreate:pe,created:pe,beforeMount:pe,mounted:pe,beforeUpdate:pe,updated:pe,beforeDestroy:pe,beforeUnmount:pe,destroyed:pe,unmounted:pe,activated:pe,deactivated:pe,errorCaptured:pe,serverPrefetch:pe,components:It,directives:It,watch:Ql,provide:_r,inject:Jl};function _r(e,t){return t?e?function(){return le(q(e)?e.call(this,this):e,q(t)?t.call(this,this):t)}:t:e}function Jl(e,t){return It(Ts(e),Ts(t))}function Ts(e){if(D(e)){const t={};for(let n=0;n1)return n&&q(t)?t.call(s&&s.proxy):t}}function nc(e,t,n,s=!1){const r={},o={};Cn(o,Yn,1),e.propsDefaults=Object.create(null),Uo(e,t,r,o);for(const i in e.propsOptions[0])i in r||(r[i]=void 0);n?e.props=s?r:cl(r):e.type.props?e.props=r:e.props=o,e.attrs=o}function sc(e,t,n,s){const{props:r,attrs:o,vnode:{patchFlag:i}}=e,l=J(r),[c]=e.propsOptions;let a=!1;if((s||i>0)&&!(i&16)){if(i&8){const f=e.vnode.dynamicProps;for(let h=0;h{c=!0;const[p,y]=Bo(h,t,!0);le(i,p),y&&l.push(...y)};!n&&t.mixins.length&&t.mixins.forEach(f),e.extends&&f(e.extends),e.mixins&&e.mixins.forEach(f)}if(!o&&!c)return Z(e)&&s.set(e,_t),_t;if(D(o))for(let f=0;f-1,y[1]=O<0||w-1||Y(y,"default"))&&l.push(h)}}}const a=[i,l];return Z(e)&&s.set(e,a),a}function vr(e){return e[0]!=="$"&&!vt(e)}function wr(e){const t=e&&e.toString().match(/^\s*(function|class) (\w+)/);return t?t[2]:e===null?"null":""}function Er(e,t){return wr(e)===wr(t)}function Cr(e,t){return D(t)?t.findIndex(n=>Er(n,e)):q(t)&&Er(t,e)?0:-1}const Ko=e=>e[0]==="_"||e==="$stable",zs=e=>D(e)?e.map(Ae):[Ae(e)],rc=(e,t,n)=>{if(t._n)return t;const s=xl((...r)=>zs(t(...r)),n);return s._c=!1,s},Wo=(e,t,n)=>{const s=e._ctx;for(const r in e){if(Ko(r))continue;const o=e[r];if(q(o))t[r]=rc(r,o,s);else if(o!=null){const i=zs(o);t[r]=()=>i}}},qo=(e,t)=>{const n=zs(t);e.slots.default=()=>n},oc=(e,t)=>{if(e.vnode.shapeFlag&32){const n=t._;n?(e.slots=J(t),Cn(t,"_",n)):Wo(t,e.slots={})}else e.slots={},t&&qo(e,t);Cn(e.slots,Yn,1)},ic=(e,t,n)=>{const{vnode:s,slots:r}=e;let o=!0,i=ee;if(s.shapeFlag&32){const l=t._;l?n&&l===1?o=!1:(le(r,t),!n&&l===1&&delete r._):(o=!t.$stable,Wo(t,r)),i=t}else t&&(qo(e,t),i={default:1});if(o)for(const l in r)!Ko(l)&&i[l]==null&&delete r[l]};function On(e,t,n,s,r=!1){if(D(e)){e.forEach((p,y)=>On(p,t&&(D(t)?t[y]:t),n,s,r));return}if(Ct(s)&&!r)return;const o=s.shapeFlag&4?Qn(s.component)||s.component.proxy:s.el,i=r?null:o,{i:l,r:c}=e,a=t&&t.r,f=l.refs===ee?l.refs={}:l.refs,h=l.setupState;if(a!=null&&a!==c&&(ne(a)?(f[a]=null,Y(h,a)&&(h[a]=null)):he(a)&&(a.value=null)),q(c))ze(c,l,12,[i,f]);else{const p=ne(c),y=he(c);if(p||y){const w=()=>{if(e.f){const O=p?Y(h,c)?h[c]:f[c]:c.value;r?D(O)&&Ns(O,o):D(O)?O.includes(o)||O.push(o):p?(f[c]=[o],Y(h,c)&&(h[c]=f[c])):(c.value=[o],e.k&&(f[e.k]=c.value))}else p?(f[c]=i,Y(h,c)&&(h[c]=i)):y&&(c.value=i,e.k&&(f[e.k]=i))};i?(w.id=-1,ge(w,n)):w()}}}let De=!1;const lc=e=>e.namespaceURI.includes("svg")&&e.tagName!=="foreignObject",cc=e=>e.namespaceURI.includes("MathML"),dn=e=>{if(lc(e))return"svg";if(cc(e))return"mathml"},hn=e=>e.nodeType===8;function ac(e){const{mt:t,p:n,o:{patchProp:s,createText:r,nextSibling:o,parentNode:i,remove:l,insert:c,createComment:a}}=e,f=(g,_)=>{if(!_.hasChildNodes()){n(null,g,_),Sn(),_._vnode=g;return}De=!1,h(_.firstChild,g,null,null,null),Sn(),_._vnode=g,De&&console.error("Hydration completed but contains mismatches.")},h=(g,_,P,L,$,A=!1)=>{const T=hn(g)&&g.data==="[",S=()=>O(g,_,P,L,$,T),{type:K,ref:I,shapeFlag:G,patchFlag:oe}=_;let ue=g.nodeType;_.el=g,oe===-2&&(A=!1,_.dynamicChildren=null);let V=null;switch(K){case At:ue!==3?_.children===""?(c(_.el=r(""),i(g),g),V=g):V=S():(g.data!==_.children&&(De=!0,g.data=_.children),V=o(g));break;case ve:U(g)?(V=o(g),B(_.el=g.content.firstChild,g,P)):ue!==8||T?V=S():V=o(g);break;case jt:if(T&&(g=o(g),ue=g.nodeType),ue===1||ue===3){V=g;const X=!_.children.length;for(let j=0;j<_.staticCount;j++)X&&(_.children+=V.nodeType===1?V.outerHTML:V.data),j===_.staticCount-1&&(_.anchor=V),V=o(V);return T?o(V):V}else S();break;case me:T?V=w(g,_,P,L,$,A):V=S();break;default:if(G&1)(ue!==1||_.type.toLowerCase()!==g.tagName.toLowerCase())&&!U(g)?V=S():V=p(g,_,P,L,$,A);else if(G&6){_.slotScopeIds=$;const X=i(g);if(T?V=F(g):hn(g)&&g.data==="teleport start"?V=F(g,g.data,"teleport end"):V=o(g),t(_,X,null,P,L,dn(X),A),Ct(_)){let j;T?(j=se(me),j.anchor=V?V.previousSibling:X.lastChild):j=g.nodeType===3?ni(""):se("div"),j.el=g,_.component.subTree=j}}else G&64?ue!==8?V=S():V=_.type.hydrate(g,_,P,L,$,A,e,y):G&128&&(V=_.type.hydrate(g,_,P,L,dn(i(g)),$,A,e,h))}return I!=null&&On(I,null,L,_),V},p=(g,_,P,L,$,A)=>{A=A||!!_.dynamicChildren;const{type:T,props:S,patchFlag:K,shapeFlag:I,dirs:G,transition:oe}=_,ue=T==="input"||T==="option";if(ue||K!==-1){G&&Me(_,null,P,"created");let V=!1;if(U(g)){V=zo(L,oe)&&P&&P.vnode.props&&P.vnode.props.appear;const j=g.content.firstChild;V&&oe.beforeEnter(j),B(j,g,P),_.el=g=j}if(I&16&&!(S&&(S.innerHTML||S.textContent))){let j=y(g.firstChild,_,g,P,L,$,A);for(;j;){De=!0;const Ne=j;j=j.nextSibling,l(Ne)}}else I&8&&g.textContent!==_.children&&(De=!0,g.textContent=_.children);if(S)if(ue||!A||K&48)for(const j in S)(ue&&(j.endsWith("value")||j==="indeterminate")||Xt(j)&&!vt(j)||j[0]===".")&&s(g,j,null,S[j],void 0,void 0,P);else S.onClick&&s(g,"onClick",null,S.onClick,void 0,void 0,P);let X;(X=S&&S.onVnodeBeforeMount)&&Ee(X,P,_),G&&Me(_,null,P,"beforeMount"),((X=S&&S.onVnodeMounted)||G||V)&&Mo(()=>{X&&Ee(X,P,_),V&&oe.enter(g),G&&Me(_,null,P,"mounted")},L)}return g.nextSibling},y=(g,_,P,L,$,A,T)=>{T=T||!!_.dynamicChildren;const S=_.children,K=S.length;for(let I=0;I{const{slotScopeIds:T}=_;T&&($=$?$.concat(T):T);const S=i(g),K=y(o(g),_,S,P,L,$,A);return K&&hn(K)&&K.data==="]"?o(_.anchor=K):(De=!0,c(_.anchor=a("]"),S,K),K)},O=(g,_,P,L,$,A)=>{if(De=!0,_.el=null,A){const K=F(g);for(;;){const I=o(g);if(I&&I!==K)l(I);else break}}const T=o(g),S=i(g);return l(g),n(null,_,S,T,P,L,dn(S),$),T},F=(g,_="[",P="]")=>{let L=0;for(;g;)if(g=o(g),g&&hn(g)&&(g.data===_&&L++,g.data===P)){if(L===0)return o(g);L--}return g},B=(g,_,P)=>{const L=_.parentNode;L&&L.replaceChild(g,_);let $=P;for(;$;)$.vnode.el===_&&($.vnode.el=$.subTree.el=g),$=$.parent},U=g=>g.nodeType===1&&g.tagName.toLowerCase()==="template";return[f,h]}const ge=Mo;function uc(e){return Go(e)}function fc(e){return Go(e,ac)}function Go(e,t){const n=so();n.__VUE__=!0;const{insert:s,remove:r,patchProp:o,createElement:i,createText:l,createComment:c,setText:a,setElementText:f,parentNode:h,nextSibling:p,setScopeId:y=xe,insertStaticContent:w}=e,O=(u,d,m,b=null,v=null,x=null,M=void 0,C=null,R=!!d.dynamicChildren)=>{if(u===d)return;u&&!it(u,d)&&(b=sn(u),Oe(u,v,x,!0),u=null),d.patchFlag===-2&&(R=!1,d.dynamicChildren=null);const{type:E,ref:N,shapeFlag:k}=d;switch(E){case At:F(u,d,m,b);break;case ve:B(u,d,m,b);break;case jt:u==null&&U(d,m,b,M);break;case me:I(u,d,m,b,v,x,M,C,R);break;default:k&1?P(u,d,m,b,v,x,M,C,R):k&6?G(u,d,m,b,v,x,M,C,R):(k&64||k&128)&&E.process(u,d,m,b,v,x,M,C,R,gt)}N!=null&&v&&On(N,u&&u.ref,x,d||u,!d)},F=(u,d,m,b)=>{if(u==null)s(d.el=l(d.children),m,b);else{const v=d.el=u.el;d.children!==u.children&&a(v,d.children)}},B=(u,d,m,b)=>{u==null?s(d.el=c(d.children||""),m,b):d.el=u.el},U=(u,d,m,b)=>{[u.el,u.anchor]=w(u.children,d,m,b,u.el,u.anchor)},g=({el:u,anchor:d},m,b)=>{let v;for(;u&&u!==d;)v=p(u),s(u,m,b),u=v;s(d,m,b)},_=({el:u,anchor:d})=>{let m;for(;u&&u!==d;)m=p(u),r(u),u=m;r(d)},P=(u,d,m,b,v,x,M,C,R)=>{d.type==="svg"?M="svg":d.type==="math"&&(M="mathml"),u==null?L(d,m,b,v,x,M,C,R):T(u,d,v,x,M,C,R)},L=(u,d,m,b,v,x,M,C)=>{let R,E;const{props:N,shapeFlag:k,transition:H,dirs:W}=u;if(R=u.el=i(u.type,x,N&&N.is,N),k&8?f(R,u.children):k&16&&A(u.children,R,null,b,v,ls(u,x),M,C),W&&Me(u,null,b,"created"),$(R,u,u.scopeId,M,b),N){for(const Q in N)Q!=="value"&&!vt(Q)&&o(R,Q,null,N[Q],x,u.children,b,v,Fe);"value"in N&&o(R,"value",null,N.value,x),(E=N.onVnodeBeforeMount)&&Ee(E,b,u)}W&&Me(u,null,b,"beforeMount");const z=zo(v,H);z&&H.beforeEnter(R),s(R,d,m),((E=N&&N.onVnodeMounted)||z||W)&&ge(()=>{E&&Ee(E,b,u),z&&H.enter(R),W&&Me(u,null,b,"mounted")},v)},$=(u,d,m,b,v)=>{if(m&&y(u,m),b)for(let x=0;x{for(let E=R;E{const C=d.el=u.el;let{patchFlag:R,dynamicChildren:E,dirs:N}=d;R|=u.patchFlag&16;const k=u.props||ee,H=d.props||ee;let W;if(m&&nt(m,!1),(W=H.onVnodeBeforeUpdate)&&Ee(W,m,d,u),N&&Me(d,u,m,"beforeUpdate"),m&&nt(m,!0),E?S(u.dynamicChildren,E,C,m,b,ls(d,v),x):M||j(u,d,C,null,m,b,ls(d,v),x,!1),R>0){if(R&16)K(C,d,k,H,m,b,v);else if(R&2&&k.class!==H.class&&o(C,"class",null,H.class,v),R&4&&o(C,"style",k.style,H.style,v),R&8){const z=d.dynamicProps;for(let Q=0;Q{W&&Ee(W,m,d,u),N&&Me(d,u,m,"updated")},b)},S=(u,d,m,b,v,x,M)=>{for(let C=0;C{if(m!==b){if(m!==ee)for(const C in m)!vt(C)&&!(C in b)&&o(u,C,m[C],null,M,d.children,v,x,Fe);for(const C in b){if(vt(C))continue;const R=b[C],E=m[C];R!==E&&C!=="value"&&o(u,C,E,R,M,d.children,v,x,Fe)}"value"in b&&o(u,"value",m.value,b.value,M)}},I=(u,d,m,b,v,x,M,C,R)=>{const E=d.el=u?u.el:l(""),N=d.anchor=u?u.anchor:l("");let{patchFlag:k,dynamicChildren:H,slotScopeIds:W}=d;W&&(C=C?C.concat(W):W),u==null?(s(E,m,b),s(N,m,b),A(d.children||[],m,N,v,x,M,C,R)):k>0&&k&64&&H&&u.dynamicChildren?(S(u.dynamicChildren,H,m,v,x,M,C),(d.key!=null||v&&d===v.subTree)&&Xs(u,d,!0)):j(u,d,m,N,v,x,M,C,R)},G=(u,d,m,b,v,x,M,C,R)=>{d.slotScopeIds=C,u==null?d.shapeFlag&512?v.ctx.activate(d,m,b,M,R):oe(d,m,b,v,x,M,R):ue(u,d,R)},oe=(u,d,m,b,v,x,M)=>{const C=u.component=Ec(u,b,v);if(Zt(u)&&(C.ctx.renderer=gt),Cc(C),C.asyncDep){if(v&&v.registerDep(C,V),!u.el){const R=C.subTree=se(ve);B(null,R,d,m)}}else V(C,u,d,m,v,x,M)},ue=(u,d,m)=>{const b=d.component=u.component;if(Al(u,d,m))if(b.asyncDep&&!b.asyncResolved){X(b,d,m);return}else b.next=d,vl(b.update),b.effect.dirty=!0,b.update();else d.el=u.el,b.vnode=d},V=(u,d,m,b,v,x,M)=>{const C=()=>{if(u.isMounted){let{next:N,bu:k,u:H,parent:W,vnode:z}=u;{const mt=Xo(u);if(mt){N&&(N.el=z.el,X(u,N,M)),mt.asyncDep.then(()=>{u.isUnmounted||C()});return}}let Q=N,te;nt(u,!1),N?(N.el=z.el,X(u,N,M)):N=z,k&&vn(k),(te=N.props&&N.props.onVnodeBeforeUpdate)&&Ee(te,W,N,z),nt(u,!0);const ce=ss(u),Se=u.subTree;u.subTree=ce,O(Se,ce,h(Se.el),sn(Se),u,v,x),N.el=ce.el,Q===null&&Rl(u,ce.el),H&&ge(H,v),(te=N.props&&N.props.onVnodeUpdated)&&ge(()=>Ee(te,W,N,z),v)}else{let N;const{el:k,props:H}=d,{bm:W,m:z,parent:Q}=u,te=Ct(d);if(nt(u,!1),W&&vn(W),!te&&(N=H&&H.onVnodeBeforeMount)&&Ee(N,Q,d),nt(u,!0),k&&ts){const ce=()=>{u.subTree=ss(u),ts(k,u.subTree,u,v,null)};te?d.type.__asyncLoader().then(()=>!u.isUnmounted&&ce()):ce()}else{const ce=u.subTree=ss(u);O(null,ce,m,b,u,v,x),d.el=ce.el}if(z&&ge(z,v),!te&&(N=H&&H.onVnodeMounted)){const ce=d;ge(()=>Ee(N,Q,ce),v)}(d.shapeFlag&256||Q&&Ct(Q.vnode)&&Q.vnode.shapeFlag&256)&&u.a&&ge(u.a,v),u.isMounted=!0,d=m=b=null}},R=u.effect=new $s(C,xe,()=>Kn(E),u.scope),E=u.update=()=>{R.dirty&&R.run()};E.id=u.uid,nt(u,!0),E()},X=(u,d,m)=>{d.component=u;const b=u.vnode.props;u.vnode=d,u.next=null,sc(u,d.props,b,m),ic(u,d.children,m),ht(),dr(u),pt()},j=(u,d,m,b,v,x,M,C,R=!1)=>{const E=u&&u.children,N=u?u.shapeFlag:0,k=d.children,{patchFlag:H,shapeFlag:W}=d;if(H>0){if(H&128){nn(E,k,m,b,v,x,M,C,R);return}else if(H&256){Ne(E,k,m,b,v,x,M,C,R);return}}W&8?(N&16&&Fe(E,v,x),k!==E&&f(m,k)):N&16?W&16?nn(E,k,m,b,v,x,M,C,R):Fe(E,v,x,!0):(N&8&&f(m,""),W&16&&A(k,m,b,v,x,M,C,R))},Ne=(u,d,m,b,v,x,M,C,R)=>{u=u||_t,d=d||_t;const E=u.length,N=d.length,k=Math.min(E,N);let H;for(H=0;HN?Fe(u,v,x,!0,!1,k):A(d,m,b,v,x,M,C,R,k)},nn=(u,d,m,b,v,x,M,C,R)=>{let E=0;const N=d.length;let k=u.length-1,H=N-1;for(;E<=k&&E<=H;){const W=u[E],z=d[E]=R?We(d[E]):Ae(d[E]);if(it(W,z))O(W,z,m,null,v,x,M,C,R);else break;E++}for(;E<=k&&E<=H;){const W=u[k],z=d[H]=R?We(d[H]):Ae(d[H]);if(it(W,z))O(W,z,m,null,v,x,M,C,R);else break;k--,H--}if(E>k){if(E<=H){const W=H+1,z=WH)for(;E<=k;)Oe(u[E],v,x,!0),E++;else{const W=E,z=E,Q=new Map;for(E=z;E<=H;E++){const _e=d[E]=R?We(d[E]):Ae(d[E]);_e.key!=null&&Q.set(_e.key,E)}let te,ce=0;const Se=H-z+1;let mt=!1,er=0;const Ot=new Array(Se);for(E=0;E=Se){Oe(_e,v,x,!0);continue}let Le;if(_e.key!=null)Le=Q.get(_e.key);else for(te=z;te<=H;te++)if(Ot[te-z]===0&&it(_e,d[te])){Le=te;break}Le===void 0?Oe(_e,v,x,!0):(Ot[Le-z]=E+1,Le>=er?er=Le:mt=!0,O(_e,d[Le],m,null,v,x,M,C,R),ce++)}const tr=mt?dc(Ot):_t;for(te=tr.length-1,E=Se-1;E>=0;E--){const _e=z+E,Le=d[_e],nr=_e+1{const{el:x,type:M,transition:C,children:R,shapeFlag:E}=u;if(E&6){tt(u.component.subTree,d,m,b);return}if(E&128){u.suspense.move(d,m,b);return}if(E&64){M.move(u,d,m,gt);return}if(M===me){s(x,d,m);for(let k=0;kC.enter(x),v);else{const{leave:k,delayLeave:H,afterLeave:W}=C,z=()=>s(x,d,m),Q=()=>{k(x,()=>{z(),W&&W()})};H?H(x,z,Q):Q()}else s(x,d,m)},Oe=(u,d,m,b=!1,v=!1)=>{const{type:x,props:M,ref:C,children:R,dynamicChildren:E,shapeFlag:N,patchFlag:k,dirs:H}=u;if(C!=null&&On(C,null,m,u,!0),N&256){d.ctx.deactivate(u);return}const W=N&1&&H,z=!Ct(u);let Q;if(z&&(Q=M&&M.onVnodeBeforeUnmount)&&Ee(Q,d,u),N&6)xi(u.component,m,b);else{if(N&128){u.suspense.unmount(m,b);return}W&&Me(u,null,d,"beforeUnmount"),N&64?u.type.remove(u,d,m,v,gt,b):E&&(x!==me||k>0&&k&64)?Fe(E,d,m,!1,!0):(x===me&&k&384||!v&&N&16)&&Fe(R,d,m),b&&Qs(u)}(z&&(Q=M&&M.onVnodeUnmounted)||W)&&ge(()=>{Q&&Ee(Q,d,u),W&&Me(u,null,d,"unmounted")},m)},Qs=u=>{const{type:d,el:m,anchor:b,transition:v}=u;if(d===me){Ci(m,b);return}if(d===jt){_(u);return}const x=()=>{r(m),v&&!v.persisted&&v.afterLeave&&v.afterLeave()};if(u.shapeFlag&1&&v&&!v.persisted){const{leave:M,delayLeave:C}=v,R=()=>M(m,x);C?C(u.el,x,R):R()}else x()},Ci=(u,d)=>{let m;for(;u!==d;)m=p(u),r(u),u=m;r(d)},xi=(u,d,m)=>{const{bum:b,scope:v,update:x,subTree:M,um:C}=u;b&&vn(b),v.stop(),x&&(x.active=!1,Oe(M,u,d,m)),C&&ge(C,d),ge(()=>{u.isUnmounted=!0},d),d&&d.pendingBranch&&!d.isUnmounted&&u.asyncDep&&!u.asyncResolved&&u.suspenseId===d.pendingId&&(d.deps--,d.deps===0&&d.resolve())},Fe=(u,d,m,b=!1,v=!1,x=0)=>{for(let M=x;Mu.shapeFlag&6?sn(u.component.subTree):u.shapeFlag&128?u.suspense.next():p(u.anchor||u.el);let Zn=!1;const Zs=(u,d,m)=>{u==null?d._vnode&&Oe(d._vnode,null,null,!0):O(d._vnode||null,u,d,null,null,null,m),Zn||(Zn=!0,dr(),Sn(),Zn=!1),d._vnode=u},gt={p:O,um:Oe,m:tt,r:Qs,mt:oe,mc:A,pc:j,pbc:S,n:sn,o:e};let es,ts;return t&&([es,ts]=t(gt)),{render:Zs,hydrate:es,createApp:ec(Zs,es)}}function ls({type:e,props:t},n){return n==="svg"&&e==="foreignObject"||n==="mathml"&&e==="annotation-xml"&&t&&t.encoding&&t.encoding.includes("html")?void 0:n}function nt({effect:e,update:t},n){e.allowRecurse=t.allowRecurse=n}function zo(e,t){return(!e||e&&!e.pendingBranch)&&t&&!t.persisted}function Xs(e,t,n=!1){const s=e.children,r=t.children;if(D(s)&&D(r))for(let o=0;o>1,e[n[l]]0&&(t[s]=n[o-1]),n[o]=s)}}for(o=n.length,i=n[o-1];o-- >0;)n[o]=i,i=t[i];return n}function Xo(e){const t=e.subTree.component;if(t)return t.asyncDep&&!t.asyncResolved?t:Xo(t)}const hc=e=>e.__isTeleport,Ht=e=>e&&(e.disabled||e.disabled===""),xr=e=>typeof SVGElement<"u"&&e instanceof SVGElement,Tr=e=>typeof MathMLElement=="function"&&e instanceof MathMLElement,As=(e,t)=>{const n=e&&e.to;return ne(n)?t?t(n):null:n},pc={name:"Teleport",__isTeleport:!0,process(e,t,n,s,r,o,i,l,c,a){const{mc:f,pc:h,pbc:p,o:{insert:y,querySelector:w,createText:O,createComment:F}}=a,B=Ht(t.props);let{shapeFlag:U,children:g,dynamicChildren:_}=t;if(e==null){const P=t.el=O(""),L=t.anchor=O("");y(P,n,s),y(L,n,s);const $=t.target=As(t.props,w),A=t.targetAnchor=O("");$&&(y(A,$),i==="svg"||xr($)?i="svg":(i==="mathml"||Tr($))&&(i="mathml"));const T=(S,K)=>{U&16&&f(g,S,K,r,o,i,l,c)};B?T(n,L):$&&T($,A)}else{t.el=e.el;const P=t.anchor=e.anchor,L=t.target=e.target,$=t.targetAnchor=e.targetAnchor,A=Ht(e.props),T=A?n:L,S=A?P:$;if(i==="svg"||xr(L)?i="svg":(i==="mathml"||Tr(L))&&(i="mathml"),_?(p(e.dynamicChildren,_,T,r,o,i,l),Xs(e,t,!0)):c||h(e,t,T,S,r,o,i,l,!1),B)A?t.props&&e.props&&t.props.to!==e.props.to&&(t.props.to=e.props.to):pn(t,n,P,a,1);else if((t.props&&t.props.to)!==(e.props&&e.props.to)){const K=t.target=As(t.props,w);K&&pn(t,K,null,a,0)}else A&&pn(t,L,$,a,1)}Yo(t)},remove(e,t,n,s,{um:r,o:{remove:o}},i){const{shapeFlag:l,children:c,anchor:a,targetAnchor:f,target:h,props:p}=e;if(h&&o(f),i&&o(a),l&16){const y=i||!Ht(p);for(let w=0;w0?Re||_t:null,mc(),qt>0&&Re&&Re.push(e),e}function _u(e,t,n,s,r,o){return Qo(ti(e,t,n,s,r,o,!0))}function Zo(e,t,n,s,r){return Qo(se(e,t,n,s,r,!0))}function Ln(e){return e?e.__v_isVNode===!0:!1}function it(e,t){return e.type===t.type&&e.key===t.key}const Yn="__vInternal",ei=({key:e})=>e??null,wn=({ref:e,ref_key:t,ref_for:n})=>(typeof e=="number"&&(e=""+e),e!=null?ne(e)||he(e)||q(e)?{i:ie,r:e,k:t,f:!!n}:e:null);function ti(e,t=null,n=null,s=0,r=null,o=e===me?0:1,i=!1,l=!1){const c={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&ei(t),ref:t&&wn(t),scopeId:qn,slotScopeIds:null,children:n,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetAnchor:null,staticCount:0,shapeFlag:o,patchFlag:s,dynamicProps:r,dynamicChildren:null,appContext:null,ctx:ie};return l?(Ys(c,n),o&128&&e.normalize(c)):n&&(c.shapeFlag|=ne(n)?8:16),qt>0&&!i&&Re&&(c.patchFlag>0||o&6)&&c.patchFlag!==32&&Re.push(c),c}const se=yc;function yc(e,t=null,n=null,s=0,r=null,o=!1){if((!e||e===Oo)&&(e=ve),Ln(e)){const l=et(e,t,!0);return n&&Ys(l,n),qt>0&&!o&&Re&&(l.shapeFlag&6?Re[Re.indexOf(e)]=l:Re.push(l)),l.patchFlag|=-2,l}if(Ac(e)&&(e=e.__vccOpts),t){t=_c(t);let{class:l,style:c}=t;l&&!ne(l)&&(t.class=Vn(l)),Z(c)&&(bo(c)&&!D(c)&&(c=le({},c)),t.style=jn(c))}const i=ne(e)?1:Ol(e)?128:hc(e)?64:Z(e)?4:q(e)?2:0;return ti(e,t,n,s,r,i,o,!0)}function _c(e){return e?bo(e)||Yn in e?le({},e):e:null}function et(e,t,n=!1){const{props:s,ref:r,patchFlag:o,children:i}=e,l=t?bc(s||{},t):s;return{__v_isVNode:!0,__v_skip:!0,type:e.type,props:l,key:l&&ei(l),ref:t&&t.ref?n&&r?D(r)?r.concat(wn(t)):[r,wn(t)]:wn(t):r,scopeId:e.scopeId,slotScopeIds:e.slotScopeIds,children:i,target:e.target,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==me?o===-1?16:o|16:o,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:e.transition,component:e.component,suspense:e.suspense,ssContent:e.ssContent&&et(e.ssContent),ssFallback:e.ssFallback&&et(e.ssFallback),el:e.el,anchor:e.anchor,ctx:e.ctx,ce:e.ce}}function ni(e=" ",t=0){return se(At,null,e,t)}function bu(e,t){const n=se(jt,null,e);return n.staticCount=t,n}function vu(e="",t=!1){return t?(Jo(),Zo(ve,null,e)):se(ve,null,e)}function Ae(e){return e==null||typeof e=="boolean"?se(ve):D(e)?se(me,null,e.slice()):typeof e=="object"?We(e):se(At,null,String(e))}function We(e){return e.el===null&&e.patchFlag!==-1||e.memo?e:et(e)}function Ys(e,t){let n=0;const{shapeFlag:s}=e;if(t==null)t=null;else if(D(t))n=16;else if(typeof t=="object")if(s&65){const r=t.default;r&&(r._c&&(r._d=!1),Ys(e,r()),r._c&&(r._d=!0));return}else{n=32;const r=t._;!r&&!(Yn in t)?t._ctx=ie:r===3&&ie&&(ie.slots._===1?t._=1:(t._=2,e.patchFlag|=1024))}else q(t)?(t={default:t,_ctx:ie},n=32):(t=String(t),s&64?(n=16,t=[ni(t)]):n=8);e.children=t,e.shapeFlag|=n}function bc(...e){const t={};for(let n=0;nae||ie;let Mn,Rs;{const e=so(),t=(n,s)=>{let r;return(r=e[n])||(r=e[n]=[]),r.push(s),o=>{r.length>1?r.forEach(i=>i(o)):r[0](o)}};Mn=t("__VUE_INSTANCE_SETTERS__",n=>ae=n),Rs=t("__VUE_SSR_SETTERS__",n=>tn=n)}const en=e=>{const t=ae;return Mn(e),e.scope.on(),()=>{e.scope.off(),Mn(t)}},Ar=()=>{ae&&ae.scope.off(),Mn(null)};function si(e){return e.vnode.shapeFlag&4}let tn=!1;function Cc(e,t=!1){t&&Rs(t);const{props:n,children:s}=e.vnode,r=si(e);nc(e,n,r,t),oc(e,s);const o=r?xc(e,t):void 0;return t&&Rs(!1),o}function xc(e,t){const n=e.type;e.accessCache=Object.create(null),e.proxy=Pt(new Proxy(e.ctx,ql));const{setup:s}=n;if(s){const r=e.setupContext=s.length>1?oi(e):null,o=en(e);ht();const i=ze(s,e,0,[e.props,r]);if(pt(),o(),eo(i)){if(i.then(Ar,Ar),t)return i.then(l=>{Rr(e,l,t)}).catch(l=>{Jt(l,e,0)});e.asyncDep=i}else Rr(e,i,t)}else ri(e,t)}function Rr(e,t,n){q(t)?e.type.__ssrInlineRender?e.ssrRender=t:e.render=t:Z(t)&&(e.setupState=xo(t)),ri(e,n)}let Or;function ri(e,t,n){const s=e.type;if(!e.render){if(!t&&Or&&!s.render){const r=s.template||Gs(e).template;if(r){const{isCustomElement:o,compilerOptions:i}=e.appContext.config,{delimiters:l,compilerOptions:c}=s,a=le(le({isCustomElement:o,delimiters:l},i),c);s.render=Or(r,a)}}e.render=s.render||xe}{const r=en(e);ht();try{zl(e)}finally{pt(),r()}}}function Tc(e){return e.attrsProxy||(e.attrsProxy=new Proxy(e.attrs,{get(t,n){return ye(e,"get","$attrs"),t[n]}}))}function oi(e){const t=n=>{e.exposed=n||{}};return{get attrs(){return Tc(e)},slots:e.slots,emit:e.emit,expose:t}}function Qn(e){if(e.exposed)return e.exposeProxy||(e.exposeProxy=new Proxy(xo(Pt(e.exposed)),{get(t,n){if(n in t)return t[n];if(n in Ft)return Ft[n](e)},has(t,n){return n in t||n in Ft}}))}function Sc(e,t=!0){return q(e)?e.displayName||e.name:e.name||t&&e.__name}function Ac(e){return q(e)&&"__vccOpts"in e}const re=(e,t)=>al(e,t,tn);function Os(e,t,n){const s=arguments.length;return s===2?Z(t)&&!D(t)?Ln(t)?se(e,null,[t]):se(e,t):se(e,null,t):(s>3?n=Array.prototype.slice.call(arguments,2):s===3&&Ln(n)&&(n=[n]),se(e,t,n))}const Rc="3.4.18";/** +* @vue/runtime-dom v3.4.18 +* (c) 2018-present Yuxi (Evan) You and Vue contributors +* @license MIT +**/const Oc="http://www.w3.org/2000/svg",Lc="http://www.w3.org/1998/Math/MathML",qe=typeof document<"u"?document:null,Lr=qe&&qe.createElement("template"),Mc={insert:(e,t,n)=>{t.insertBefore(e,n||null)},remove:e=>{const t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,n,s)=>{const r=t==="svg"?qe.createElementNS(Oc,e):t==="mathml"?qe.createElementNS(Lc,e):qe.createElement(e,n?{is:n}:void 0);return e==="select"&&s&&s.multiple!=null&&r.setAttribute("multiple",s.multiple),r},createText:e=>qe.createTextNode(e),createComment:e=>qe.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>qe.querySelector(e),setScopeId(e,t){e.setAttribute(t,"")},insertStaticContent(e,t,n,s,r,o){const i=n?n.previousSibling:t.lastChild;if(r&&(r===o||r.nextSibling))for(;t.insertBefore(r.cloneNode(!0),n),!(r===o||!(r=r.nextSibling)););else{Lr.innerHTML=s==="svg"?`${e}`:s==="mathml"?`${e}`:e;const l=Lr.content;if(s==="svg"||s==="mathml"){const c=l.firstChild;for(;c.firstChild;)l.appendChild(c.firstChild);l.removeChild(c)}t.insertBefore(l,n)}return[i?i.nextSibling:t.firstChild,n?n.previousSibling:t.lastChild]}},ke="transition",Lt="animation",Gt=Symbol("_vtc"),ii=(e,{slots:t})=>Os(Fl,Ic(e),t);ii.displayName="Transition";const li={name:String,type:String,css:{type:Boolean,default:!0},duration:[String,Number,Object],enterFromClass:String,enterActiveClass:String,enterToClass:String,appearFromClass:String,appearActiveClass:String,appearToClass:String,leaveFromClass:String,leaveActiveClass:String,leaveToClass:String};ii.props=le({},No,li);const st=(e,t=[])=>{D(e)?e.forEach(n=>n(...t)):e&&e(...t)},Mr=e=>e?D(e)?e.some(t=>t.length>1):e.length>1:!1;function Ic(e){const t={};for(const I in e)I in li||(t[I]=e[I]);if(e.css===!1)return t;const{name:n="v",type:s,duration:r,enterFromClass:o=`${n}-enter-from`,enterActiveClass:i=`${n}-enter-active`,enterToClass:l=`${n}-enter-to`,appearFromClass:c=o,appearActiveClass:a=i,appearToClass:f=l,leaveFromClass:h=`${n}-leave-from`,leaveActiveClass:p=`${n}-leave-active`,leaveToClass:y=`${n}-leave-to`}=e,w=Pc(r),O=w&&w[0],F=w&&w[1],{onBeforeEnter:B,onEnter:U,onEnterCancelled:g,onLeave:_,onLeaveCancelled:P,onBeforeAppear:L=B,onAppear:$=U,onAppearCancelled:A=g}=t,T=(I,G,oe)=>{rt(I,G?f:l),rt(I,G?a:i),oe&&oe()},S=(I,G)=>{I._isLeaving=!1,rt(I,h),rt(I,y),rt(I,p),G&&G()},K=I=>(G,oe)=>{const ue=I?$:U,V=()=>T(G,I,oe);st(ue,[G,V]),Ir(()=>{rt(G,I?c:o),Ue(G,I?f:l),Mr(ue)||Pr(G,s,O,V)})};return le(t,{onBeforeEnter(I){st(B,[I]),Ue(I,o),Ue(I,i)},onBeforeAppear(I){st(L,[I]),Ue(I,c),Ue(I,a)},onEnter:K(!1),onAppear:K(!0),onLeave(I,G){I._isLeaving=!0;const oe=()=>S(I,G);Ue(I,h),$c(),Ue(I,p),Ir(()=>{I._isLeaving&&(rt(I,h),Ue(I,y),Mr(_)||Pr(I,s,F,oe))}),st(_,[I,oe])},onEnterCancelled(I){T(I,!1),st(g,[I])},onAppearCancelled(I){T(I,!0),st(A,[I])},onLeaveCancelled(I){S(I),st(P,[I])}})}function Pc(e){if(e==null)return null;if(Z(e))return[cs(e.enter),cs(e.leave)];{const t=cs(e);return[t,t]}}function cs(e){return Li(e)}function Ue(e,t){t.split(/\s+/).forEach(n=>n&&e.classList.add(n)),(e[Gt]||(e[Gt]=new Set)).add(t)}function rt(e,t){t.split(/\s+/).forEach(s=>s&&e.classList.remove(s));const n=e[Gt];n&&(n.delete(t),n.size||(e[Gt]=void 0))}function Ir(e){requestAnimationFrame(()=>{requestAnimationFrame(e)})}let Nc=0;function Pr(e,t,n,s){const r=e._endId=++Nc,o=()=>{r===e._endId&&s()};if(n)return setTimeout(o,n);const{type:i,timeout:l,propCount:c}=Fc(e,t);if(!i)return s();const a=i+"end";let f=0;const h=()=>{e.removeEventListener(a,p),o()},p=y=>{y.target===e&&++f>=c&&h()};setTimeout(()=>{f(n[w]||"").split(", "),r=s(`${ke}Delay`),o=s(`${ke}Duration`),i=Nr(r,o),l=s(`${Lt}Delay`),c=s(`${Lt}Duration`),a=Nr(l,c);let f=null,h=0,p=0;t===ke?i>0&&(f=ke,h=i,p=o.length):t===Lt?a>0&&(f=Lt,h=a,p=c.length):(h=Math.max(i,a),f=h>0?i>a?ke:Lt:null,p=f?f===ke?o.length:c.length:0);const y=f===ke&&/\b(transform|all)(,|$)/.test(s(`${ke}Property`).toString());return{type:f,timeout:h,propCount:p,hasTransform:y}}function Nr(e,t){for(;e.lengthFr(n)+Fr(e[s])))}function Fr(e){return e==="auto"?0:Number(e.slice(0,-1).replace(",","."))*1e3}function $c(){return document.body.offsetHeight}function Hc(e,t,n){const s=e[Gt];s&&(t=(t?[t,...s]:[...s]).join(" ")),t==null?e.removeAttribute("class"):n?e.setAttribute("class",t):e.className=t}const zt=Symbol("_vod"),wu={beforeMount(e,{value:t},{transition:n}){e[zt]=e.style.display==="none"?"":e.style.display,n&&t?n.beforeEnter(e):Mt(e,t)},mounted(e,{value:t},{transition:n}){n&&t&&n.enter(e)},updated(e,{value:t,oldValue:n},{transition:s}){!t==!n&&e.style.display===e[zt]||(s?t?(s.beforeEnter(e),Mt(e,!0),s.enter(e)):s.leave(e,()=>{Mt(e,!1)}):Mt(e,t))},beforeUnmount(e,{value:t}){Mt(e,t)}};function Mt(e,t){e.style.display=t?e[zt]:"none"}const jc=Symbol(""),Vc=/(^|;)\s*display\s*:/;function Dc(e,t,n){const s=e.style,r=ne(n),o=s.display;let i=!1;if(n&&!r){if(t&&!ne(t))for(const l in t)n[l]==null&&Ls(s,l,"");for(const l in n)l==="display"&&(i=!0),Ls(s,l,n[l])}else if(r){if(t!==n){const l=s[jc];l&&(n+=";"+l),s.cssText=n,i=Vc.test(n)}}else t&&e.removeAttribute("style");zt in e&&(e[zt]=i?s.display:"",s.display=o)}const $r=/\s*!important$/;function Ls(e,t,n){if(D(n))n.forEach(s=>Ls(e,t,s));else if(n==null&&(n=""),t.startsWith("--"))e.setProperty(t,n);else{const s=kc(e,t);$r.test(n)?e.setProperty(dt(s),n.replace($r,""),"important"):e[s]=n}}const Hr=["Webkit","Moz","ms"],as={};function kc(e,t){const n=as[t];if(n)return n;let s=Pe(t);if(s!=="filter"&&s in e)return as[t]=s;s=Hn(s);for(let r=0;rus||(Gc.then(()=>us=0),us=Date.now());function Xc(e,t){const n=s=>{if(!s._vts)s._vts=Date.now();else if(s._vts<=n.attached)return;Te(Yc(s,n.value),t,5,[s])};return n.value=e,n.attached=zc(),n}function Yc(e,t){if(D(t)){const n=e.stopImmediatePropagation;return e.stopImmediatePropagation=()=>{n.call(e),e._stopped=!0},t.map(s=>r=>!r._stopped&&s&&s(r))}else return t}const kr=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)>96&&e.charCodeAt(2)<123,Jc=(e,t,n,s,r,o,i,l,c)=>{const a=r==="svg";t==="class"?Hc(e,s,a):t==="style"?Dc(e,n,s):Xt(t)?Ps(t)||Wc(e,t,n,s,i):(t[0]==="."?(t=t.slice(1),!0):t[0]==="^"?(t=t.slice(1),!1):Qc(e,t,s,a))?Bc(e,t,s,o,i,l,c):(t==="true-value"?e._trueValue=s:t==="false-value"&&(e._falseValue=s),Uc(e,t,s,a))};function Qc(e,t,n,s){if(s)return!!(t==="innerHTML"||t==="textContent"||t in e&&kr(t)&&q(n));if(t==="spellcheck"||t==="draggable"||t==="translate"||t==="form"||t==="list"&&e.tagName==="INPUT"||t==="type"&&e.tagName==="TEXTAREA")return!1;if(t==="width"||t==="height"){const r=e.tagName;if(r==="IMG"||r==="VIDEO"||r==="CANVAS"||r==="SOURCE")return!1}return kr(t)&&ne(n)?!1:t in e}const In=e=>{const t=e.props["onUpdate:modelValue"]||!1;return D(t)?n=>vn(t,n):t};function Zc(e){e.target.composing=!0}function Ur(e){const t=e.target;t.composing&&(t.composing=!1,t.dispatchEvent(new Event("input")))}const Tt=Symbol("_assign"),Eu={created(e,{modifiers:{lazy:t,trim:n,number:s}},r){e[Tt]=In(r);const o=s||r.props&&r.props.type==="number";lt(e,t?"change":"input",i=>{if(i.target.composing)return;let l=e.value;n&&(l=l.trim()),o&&(l=Ut(l)),e[Tt](l)}),n&<(e,"change",()=>{e.value=e.value.trim()}),t||(lt(e,"compositionstart",Zc),lt(e,"compositionend",Ur),lt(e,"change",Ur))},mounted(e,{value:t}){e.value=t??""},beforeUpdate(e,{value:t,modifiers:{lazy:n,trim:s,number:r}},o){if(e[Tt]=In(o),e.composing)return;const i=r||e.type==="number"?Ut(e.value):e.value,l=t??"";i!==l&&(document.activeElement===e&&e.type!=="range"&&(n||s&&e.value.trim()===l)||(e.value=l))}},Cu={deep:!0,created(e,{value:t,modifiers:{number:n}},s){const r=Fn(t);lt(e,"change",()=>{const o=Array.prototype.filter.call(e.options,i=>i.selected).map(i=>n?Ut(Pn(i)):Pn(i));e[Tt](e.multiple?r?new Set(o):o:o[0]),e._assigning=!0,Qt(()=>{e._assigning=!1})}),e[Tt]=In(s)},mounted(e,{value:t,oldValue:n,modifiers:{number:s}}){Br(e,t,n,s)},beforeUpdate(e,t,n){e[Tt]=In(n)},updated(e,{value:t,oldValue:n,modifiers:{number:s}}){e._assigning||Br(e,t,n,s)}};function Br(e,t,n,s){const r=e.multiple,o=D(t);if(!(r&&!o&&!Fn(t))){for(let i=0,l=e.options.length;i-1}else c.selected=t.has(a);else if(Dn(Pn(c),t)){e.selectedIndex!==i&&(e.selectedIndex=i);return}}!r&&e.selectedIndex!==-1&&(e.selectedIndex=-1)}}function Pn(e){return"_value"in e?e._value:e.value}const ea=["ctrl","shift","alt","meta"],ta={stop:e=>e.stopPropagation(),prevent:e=>e.preventDefault(),self:e=>e.target!==e.currentTarget,ctrl:e=>!e.ctrlKey,shift:e=>!e.shiftKey,alt:e=>!e.altKey,meta:e=>!e.metaKey,left:e=>"button"in e&&e.button!==0,middle:e=>"button"in e&&e.button!==1,right:e=>"button"in e&&e.button!==2,exact:(e,t)=>ea.some(n=>e[`${n}Key`]&&!t.includes(n))},xu=(e,t)=>{const n=e._withMods||(e._withMods={}),s=t.join(".");return n[s]||(n[s]=(r,...o)=>{for(let i=0;i{const n=e._withKeys||(e._withKeys={}),s=t.join(".");return n[s]||(n[s]=r=>{if(!("key"in r))return;const o=dt(r.key);if(t.some(i=>i===o||na[i]===o))return e(r)})},ci=le({patchProp:Jc},Mc);let Dt,Kr=!1;function sa(){return Dt||(Dt=uc(ci))}function ra(){return Dt=Kr?Dt:fc(ci),Kr=!0,Dt}const Su=(...e)=>{sa().render(...e)},Au=(...e)=>{const t=ra().createApp(...e),{mount:n}=t;return t.mount=s=>{const r=ia(s);if(r)return n(r,!0,oa(r))},t};function oa(e){if(e instanceof SVGElement)return"svg";if(typeof MathMLElement=="function"&&e instanceof MathMLElement)return"mathml"}function ia(e){return ne(e)?document.querySelector(e):e}const Ru=(e,t)=>{const n=e.__vccOpts||e;for(const[s,r]of t)n[s]=r;return n},la="modulepreload",ca=function(e){return"/"+e},Wr={},Ou=function(t,n,s){let r=Promise.resolve();if(n&&n.length>0){const o=document.getElementsByTagName("link");r=Promise.all(n.map(i=>{if(i=ca(i),i in Wr)return;Wr[i]=!0;const l=i.endsWith(".css"),c=l?'[rel="stylesheet"]':"";if(!!s)for(let h=o.length-1;h>=0;h--){const p=o[h];if(p.href===i&&(!l||p.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${i}"]${c}`))return;const f=document.createElement("link");if(f.rel=l?"stylesheet":la,l||(f.as="script",f.crossOrigin=""),f.href=i,document.head.appendChild(f),l)return new Promise((h,p)=>{f.addEventListener("load",h),f.addEventListener("error",()=>p(new Error(`Unable to preload CSS for ${i}`)))})}))}return r.then(()=>t()).catch(o=>{const i=new Event("vite:preloadError",{cancelable:!0});if(i.payload=o,window.dispatchEvent(i),!i.defaultPrevented)throw o})},aa=window.__VP_SITE_DATA__;function Js(e){return io()?(ki(e),!0):!1}function Ye(e){return typeof e=="function"?e():Co(e)}const ai=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const ua=Object.prototype.toString,fa=e=>ua.call(e)==="[object Object]",kt=()=>{},Ms=da();function da(){var e,t;return ai&&((e=window==null?void 0:window.navigator)==null?void 0:e.userAgent)&&(/iP(ad|hone|od)/.test(window.navigator.userAgent)||((t=window==null?void 0:window.navigator)==null?void 0:t.maxTouchPoints)>2&&/iPad|Macintosh/.test(window==null?void 0:window.navigator.userAgent))}function ha(e,t){function n(...s){return new Promise((r,o)=>{Promise.resolve(e(()=>t.apply(this,s),{fn:t,thisArg:this,args:s})).then(r).catch(o)})}return n}const ui=e=>e();function pa(e=ui){const t=fe(!0);function n(){t.value=!1}function s(){t.value=!0}const r=(...o)=>{t.value&&e(...o)};return{isActive:Bn(t),pause:n,resume:s,eventFilter:r}}function ga(e){return e||Jn()}function fi(...e){if(e.length!==1)return ml(...e);const t=e[0];return typeof t=="function"?Bn(hl(()=>({get:t,set:kt}))):fe(t)}function ma(e,t,n={}){const{eventFilter:s=ui,...r}=n;return Xe(e,ha(s,t),r)}function ya(e,t,n={}){const{eventFilter:s,...r}=n,{eventFilter:o,pause:i,resume:l,isActive:c}=pa(s);return{stop:ma(e,t,{...r,eventFilter:o}),pause:i,resume:l,isActive:c}}function di(e,t=!0,n){ga()?Rt(e,n):t?e():Qt(e)}function yt(e){var t;const n=Ye(e);return(t=n==null?void 0:n.$el)!=null?t:n}const He=ai?window:void 0;function Je(...e){let t,n,s,r;if(typeof e[0]=="string"||Array.isArray(e[0])?([n,s,r]=e,t=He):[t,n,s,r]=e,!t)return kt;Array.isArray(n)||(n=[n]),Array.isArray(s)||(s=[s]);const o=[],i=()=>{o.forEach(f=>f()),o.length=0},l=(f,h,p,y)=>(f.addEventListener(h,p,y),()=>f.removeEventListener(h,p,y)),c=Xe(()=>[yt(t),Ye(r)],([f,h])=>{if(i(),!f)return;const p=fa(h)?{...h}:h;o.push(...n.flatMap(y=>s.map(w=>l(f,y,w,p))))},{immediate:!0,flush:"post"}),a=()=>{c(),i()};return Js(a),a}let qr=!1;function Lu(e,t,n={}){const{window:s=He,ignore:r=[],capture:o=!0,detectIframe:i=!1}=n;if(!s)return kt;Ms&&!qr&&(qr=!0,Array.from(s.document.body.children).forEach(p=>p.addEventListener("click",kt)),s.document.documentElement.addEventListener("click",kt));let l=!0;const c=p=>r.some(y=>{if(typeof y=="string")return Array.from(s.document.querySelectorAll(y)).some(w=>w===p.target||p.composedPath().includes(w));{const w=yt(y);return w&&(p.target===w||p.composedPath().includes(w))}}),f=[Je(s,"click",p=>{const y=yt(e);if(!(!y||y===p.target||p.composedPath().includes(y))){if(p.detail===0&&(l=!c(p)),!l){l=!0;return}t(p)}},{passive:!0,capture:o}),Je(s,"pointerdown",p=>{const y=yt(e);l=!c(p)&&!!(y&&!p.composedPath().includes(y))},{passive:!0}),i&&Je(s,"blur",p=>{setTimeout(()=>{var y;const w=yt(e);((y=s.document.activeElement)==null?void 0:y.tagName)==="IFRAME"&&!(w!=null&&w.contains(s.document.activeElement))&&t(p)},0)})].filter(Boolean);return()=>f.forEach(p=>p())}function _a(e){return typeof e=="function"?e:typeof e=="string"?t=>t.key===e:Array.isArray(e)?t=>e.includes(t.key):()=>!0}function Mu(...e){let t,n,s={};e.length===3?(t=e[0],n=e[1],s=e[2]):e.length===2?typeof e[1]=="object"?(t=!0,n=e[0],s=e[1]):(t=e[0],n=e[1]):(t=!0,n=e[0]);const{target:r=He,eventName:o="keydown",passive:i=!1,dedupe:l=!1}=s,c=_a(t);return Je(r,o,f=>{f.repeat&&Ye(l)||c(f)&&n(f)},i)}function ba(){const e=fe(!1);return Jn()&&Rt(()=>{e.value=!0}),e}function va(e){const t=ba();return re(()=>(t.value,!!e()))}function wa(e,t={}){const{window:n=He}=t,s=va(()=>n&&"matchMedia"in n&&typeof n.matchMedia=="function");let r;const o=fe(!1),i=a=>{o.value=a.matches},l=()=>{r&&("removeEventListener"in r?r.removeEventListener("change",i):r.removeListener(i))},c=Io(()=>{s.value&&(l(),r=n.matchMedia(Ye(e)),"addEventListener"in r?r.addEventListener("change",i):r.addListener(i),o.value=r.matches)});return Js(()=>{c(),l(),r=void 0}),o}const gn=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},mn="__vueuse_ssr_handlers__",Ea=Ca();function Ca(){return mn in gn||(gn[mn]=gn[mn]||{}),gn[mn]}function hi(e,t){return Ea[e]||t}function xa(e){return e==null?"any":e instanceof Set?"set":e instanceof Map?"map":e instanceof Date?"date":typeof e=="boolean"?"boolean":typeof e=="string"?"string":typeof e=="object"?"object":Number.isNaN(e)?"any":"number"}const Ta={boolean:{read:e=>e==="true",write:e=>String(e)},object:{read:e=>JSON.parse(e),write:e=>JSON.stringify(e)},number:{read:e=>Number.parseFloat(e),write:e=>String(e)},any:{read:e=>e,write:e=>String(e)},string:{read:e=>e,write:e=>String(e)},map:{read:e=>new Map(JSON.parse(e)),write:e=>JSON.stringify(Array.from(e.entries()))},set:{read:e=>new Set(JSON.parse(e)),write:e=>JSON.stringify(Array.from(e))},date:{read:e=>new Date(e),write:e=>e.toISOString()}},Gr="vueuse-storage";function Sa(e,t,n,s={}){var r;const{flush:o="pre",deep:i=!0,listenToStorageChanges:l=!0,writeDefaults:c=!0,mergeDefaults:a=!1,shallow:f,window:h=He,eventFilter:p,onError:y=T=>{console.error(T)},initOnMounted:w}=s,O=(f?wo:fe)(typeof t=="function"?t():t);if(!n)try{n=hi("getDefaultStorage",()=>{var T;return(T=He)==null?void 0:T.localStorage})()}catch(T){y(T)}if(!n)return O;const F=Ye(t),B=xa(F),U=(r=s.serializer)!=null?r:Ta[B],{pause:g,resume:_}=ya(O,()=>P(O.value),{flush:o,deep:i,eventFilter:p});return h&&l&&di(()=>{Je(h,"storage",A),Je(h,Gr,$),w&&A()}),w||A(),O;function P(T){try{if(T==null)n.removeItem(e);else{const S=U.write(T),K=n.getItem(e);K!==S&&(n.setItem(e,S),h&&h.dispatchEvent(new CustomEvent(Gr,{detail:{key:e,oldValue:K,newValue:S,storageArea:n}})))}}catch(S){y(S)}}function L(T){const S=T?T.newValue:n.getItem(e);if(S==null)return c&&F!=null&&n.setItem(e,U.write(F)),F;if(!T&&a){const K=U.read(S);return typeof a=="function"?a(K,F):B==="object"&&!Array.isArray(K)?{...F,...K}:K}else return typeof S!="string"?S:U.read(S)}function $(T){A(T.detail)}function A(T){if(!(T&&T.storageArea!==n)){if(T&&T.key==null){O.value=F;return}if(!(T&&T.key!==e)){g();try{(T==null?void 0:T.newValue)!==U.write(O.value)&&(O.value=L(T))}catch(S){y(S)}finally{T?Qt(_):_()}}}}}function pi(e){return wa("(prefers-color-scheme: dark)",e)}function Aa(e={}){const{selector:t="html",attribute:n="class",initialValue:s="auto",window:r=He,storage:o,storageKey:i="vueuse-color-scheme",listenToStorageChanges:l=!0,storageRef:c,emitAuto:a,disableTransition:f=!0}=e,h={auto:"",light:"light",dark:"dark",...e.modes||{}},p=pi({window:r}),y=re(()=>p.value?"dark":"light"),w=c||(i==null?fi(s):Sa(i,s,o,{window:r,listenToStorageChanges:l})),O=re(()=>w.value==="auto"?y.value:w.value),F=hi("updateHTMLAttrs",(_,P,L)=>{const $=typeof _=="string"?r==null?void 0:r.document.querySelector(_):yt(_);if(!$)return;let A;if(f&&(A=r.document.createElement("style"),A.appendChild(document.createTextNode("*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")),r.document.head.appendChild(A)),P==="class"){const T=L.split(/\s/g);Object.values(h).flatMap(S=>(S||"").split(/\s/g)).filter(Boolean).forEach(S=>{T.includes(S)?$.classList.add(S):$.classList.remove(S)})}else $.setAttribute(P,L);f&&(r.getComputedStyle(A).opacity,document.head.removeChild(A))});function B(_){var P;F(t,n,(P=h[_])!=null?P:_)}function U(_){e.onChanged?e.onChanged(_,B):B(_)}Xe(O,U,{flush:"post",immediate:!0}),di(()=>U(O.value));const g=re({get(){return a?w.value:O.value},set(_){w.value=_}});try{return Object.assign(g,{store:w,system:y,state:O})}catch{return g}}function Ra(e={}){const{valueDark:t="dark",valueLight:n="",window:s=He}=e,r=Aa({...e,onChanged:(l,c)=>{var a;e.onChanged?(a=e.onChanged)==null||a.call(e,l==="dark",c,l):c(l)},modes:{dark:t,light:n}}),o=re(()=>r.system?r.system.value:pi({window:s}).value?"dark":"light");return re({get(){return r.value==="dark"},set(l){const c=l?"dark":"light";o.value===c?r.value="auto":r.value=c}})}function fs(e){return typeof Window<"u"&&e instanceof Window?e.document.documentElement:typeof Document<"u"&&e instanceof Document?e.documentElement:e}function gi(e){const t=window.getComputedStyle(e);if(t.overflowX==="scroll"||t.overflowY==="scroll"||t.overflowX==="auto"&&e.clientWidth1?!0:(t.preventDefault&&t.preventDefault(),!1)}const yn=new WeakMap;function Iu(e,t=!1){const n=fe(t);let s=null,r;Xe(fi(e),l=>{const c=fs(Ye(l));if(c){const a=c;yn.get(a)||yn.set(a,r),n.value&&(a.style.overflow="hidden")}},{immediate:!0});const o=()=>{const l=fs(Ye(e));!l||n.value||(Ms&&(s=Je(l,"touchmove",c=>{Oa(c)},{passive:!1})),l.style.overflow="hidden",n.value=!0)},i=()=>{var l;const c=fs(Ye(e));!c||!n.value||(Ms&&(s==null||s()),c.style.overflow=(l=yn.get(c))!=null?l:"",yn.delete(c),n.value=!1)};return Js(i),re({get(){return n.value},set(l){l?o():i()}})}function Pu(e={}){const{window:t=He,behavior:n="auto"}=e;if(!t)return{x:fe(0),y:fe(0)};const s=fe(t.scrollX),r=fe(t.scrollY),o=re({get(){return s.value},set(l){scrollTo({left:l,behavior:n})}}),i=re({get(){return r.value},set(l){scrollTo({top:l,behavior:n})}});return Je(t,"scroll",()=>{s.value=t.scrollX,r.value=t.scrollY},{capture:!1,passive:!0}),{x:o,y:i}}var ds={BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1},La={};const mi=/^(?:[a-z]+:|\/\/)/i,Ma="vitepress-theme-appearance",Ia=/#.*$/,Pa=/[?#].*$/,Na=/(?:(^|\/)index)?\.(?:md|html)$/,Ce=typeof document<"u",yi={relativePath:"",filePath:"",title:"404",description:"Not Found",headers:[],frontmatter:{sidebar:!1,layout:"page"},lastUpdated:0,isNotFound:!0};function Fa(e,t,n=!1){if(t===void 0)return!1;if(e=zr(`/${e}`),n)return new RegExp(t).test(e);if(zr(t)!==e)return!1;const s=t.match(Ia);return s?(Ce?location.hash:"")===s[0]:!0}function zr(e){return decodeURI(e).replace(Pa,"").replace(Na,"$1")}function $a(e){return mi.test(e)}function Ha(e,t){var s,r,o,i,l,c,a;const n=Object.keys(e.locales).find(f=>f!=="root"&&!$a(f)&&Fa(t,`/${f}/`,!0))||"root";return Object.assign({},e,{localeIndex:n,lang:((s=e.locales[n])==null?void 0:s.lang)??e.lang,dir:((r=e.locales[n])==null?void 0:r.dir)??e.dir,title:((o=e.locales[n])==null?void 0:o.title)??e.title,titleTemplate:((i=e.locales[n])==null?void 0:i.titleTemplate)??e.titleTemplate,description:((l=e.locales[n])==null?void 0:l.description)??e.description,head:bi(e.head,((c=e.locales[n])==null?void 0:c.head)??[]),themeConfig:{...e.themeConfig,...(a=e.locales[n])==null?void 0:a.themeConfig}})}function _i(e,t){const n=t.title||e.title,s=t.titleTemplate??e.titleTemplate;if(typeof s=="string"&&s.includes(":title"))return s.replace(/:title/g,n);const r=ja(e.title,s);return n===r.slice(3)?n:`${n}${r}`}function ja(e,t){return t===!1?"":t===!0||t===void 0?` | ${e}`:e===t?"":` | ${t}`}function Va(e,t){const[n,s]=t;if(n!=="meta")return!1;const r=Object.entries(s)[0];return r==null?!1:e.some(([o,i])=>o===n&&i[r[0]]===r[1])}function bi(e,t){return[...e.filter(n=>!Va(t,n)),...t]}const Da=/[\u0000-\u001F"#$&*+,:;<=>?[\]^`{|}\u007F]/g,ka=/^[a-z]:/i;function Xr(e){const t=ka.exec(e),n=t?t[0]:"";return n+e.slice(n.length).replace(Da,"_").replace(/(^|\/)_+(?=[^/]*$)/,"$1")}const hs=new Set;function Ua(e){if(hs.size===0){const n=typeof process=="object"&&La.VITE_EXTRA_EXTENSIONS||(ds==null?void 0:ds.VITE_EXTRA_EXTENSIONS)||"";("3g2,3gp,aac,ai,apng,au,avif,bin,bmp,cer,class,conf,crl,css,csv,dll,doc,eps,epub,exe,gif,gz,ics,ief,jar,jpe,jpeg,jpg,js,json,jsonld,m4a,man,mid,midi,mjs,mov,mp2,mp3,mp4,mpe,mpeg,mpg,mpp,oga,ogg,ogv,ogx,opus,otf,p10,p7c,p7m,p7s,pdf,png,ps,qt,roff,rtf,rtx,ser,svg,t,tif,tiff,tr,ts,tsv,ttf,txt,vtt,wav,weba,webm,webp,woff,woff2,xhtml,xml,yaml,yml,zip"+(n&&typeof n=="string"?","+n:"")).split(",").forEach(s=>hs.add(s))}const t=e.split(".").pop();return t==null||!hs.has(t.toLowerCase())}const Ba=Symbol(),ft=wo(aa);function Nu(e){const t=re(()=>Ha(ft.value,e.data.relativePath)),n=t.value.appearance,s=n==="force-dark"?fe(!0):n?Ra({storageKey:Ma,initialValue:()=>typeof n=="string"?n:"auto",...typeof n=="object"?n:{}}):fe(!1);return{site:t,theme:re(()=>t.value.themeConfig),page:re(()=>e.data),frontmatter:re(()=>e.data.frontmatter),params:re(()=>e.data.params),lang:re(()=>t.value.lang),dir:re(()=>e.data.frontmatter.dir||t.value.dir),localeIndex:re(()=>t.value.localeIndex||"root"),title:re(()=>_i(t.value,e.data)),description:re(()=>e.data.description||t.value.description),isDark:s}}function Ka(){const e=xt(Ba);if(!e)throw new Error("vitepress data not properly injected in app");return e}function Wa(e,t){return`${e}${t}`.replace(/\/+/g,"/")}function Yr(e){return mi.test(e)||!e.startsWith("/")?e:Wa(ft.value.base,e)}function qa(e){let t=e.replace(/\.html$/,"");if(t=decodeURIComponent(t),t=t.replace(/\/$/,"/index"),Ce){const n="/";t=Xr(t.slice(n.length).replace(/\//g,"_")||"index")+".md";let s=__VP_HASH_MAP__[t.toLowerCase()];if(s||(t=t.endsWith("_index.md")?t.slice(0,-9)+".md":t.slice(0,-3)+"_index.md",s=__VP_HASH_MAP__[t.toLowerCase()]),!s)return null;t=`${n}assets/${t}.${s}.js`}else t=`./${Xr(t.slice(1).replace(/\//g,"_"))}.md.js`;return t}let En=[];function Fu(e){En.push(e),Xn(()=>{En=En.filter(t=>t!==e)})}function Ga(){let e=ft.value.scrollOffset,t=0,n=24;if(typeof e=="object"&&"padding"in e&&(n=e.padding,e=e.selector),typeof e=="number")t=e;else if(typeof e=="string")t=Jr(e,n);else if(Array.isArray(e))for(const s of e){const r=Jr(s,n);if(r){t=r;break}}return t}function Jr(e,t){const n=document.querySelector(e);if(!n)return 0;const s=n.getBoundingClientRect().bottom;return s<0?0:s+t}const za=Symbol(),vi="http://a.com",Xa=()=>({path:"/",component:null,data:yi});function $u(e,t){const n=Un(Xa()),s={route:n,go:r};async function r(l=Ce?location.href:"/"){var c,a;l=Nn(l),await((c=s.onBeforeRouteChange)==null?void 0:c.call(s,l))!==!1&&(Zr(l),await i(l),await((a=s.onAfterRouteChanged)==null?void 0:a.call(s,l)))}let o=null;async function i(l,c=0,a=!1){var p;if(await((p=s.onBeforePageLoad)==null?void 0:p.call(s,l))===!1)return;const f=new URL(l,vi),h=o=f.pathname;try{let y=await e(h);if(!y)throw new Error(`Page not found: ${h}`);if(o===h){o=null;const{default:w,__pageData:O}=y;if(!w)throw new Error(`Invalid route component: ${w}`);n.path=Ce?h:Yr(h),n.component=Pt(w),n.data=Pt(O),Ce&&Qt(()=>{let F=ft.value.base+O.relativePath.replace(/(?:(^|\/)index)?\.md$/,"$1");if(!ft.value.cleanUrls&&!F.endsWith("/")&&(F+=".html"),F!==f.pathname&&(f.pathname=F,l=F+f.search+f.hash,history.replaceState(null,"",l)),f.hash&&!c){let B=null;try{B=document.getElementById(decodeURIComponent(f.hash).slice(1))}catch(U){console.warn(U)}if(B){Qr(B,f.hash);return}}window.scrollTo(0,c)})}}catch(y){if(!/fetch|Page not found/.test(y.message)&&!/^\/404(\.html|\/)?$/.test(l)&&console.error(y),!a)try{const w=await fetch(ft.value.base+"hashmap.json");window.__VP_HASH_MAP__=await w.json(),await i(l,c,!0);return}catch{}o===h&&(o=null,n.path=Ce?h:Yr(h),n.component=t?Pt(t):null,n.data=yi)}}return Ce&&(window.addEventListener("click",l=>{if(l.target.closest("button"))return;const a=l.target.closest("a");if(a&&!a.closest(".vp-raw")&&(a instanceof SVGElement||!a.download)){const{target:f}=a,{href:h,origin:p,pathname:y,hash:w,search:O}=new URL(a.href instanceof SVGAnimatedString?a.href.animVal:a.href,a.baseURI),F=window.location;!l.ctrlKey&&!l.shiftKey&&!l.altKey&&!l.metaKey&&!f&&p===F.origin&&Ua(y)&&(l.preventDefault(),y===F.pathname&&O===F.search?(w!==F.hash&&(history.pushState(null,"",w),window.dispatchEvent(new Event("hashchange"))),w?Qr(a,w,a.classList.contains("header-anchor")):(Zr(h),window.scrollTo(0,0))):r(h))}},{capture:!0}),window.addEventListener("popstate",async l=>{var c;await i(Nn(location.href),l.state&&l.state.scrollPosition||0),(c=s.onAfterRouteChanged)==null||c.call(s,location.href)}),window.addEventListener("hashchange",l=>{l.preventDefault()})),s}function Ya(){const e=xt(za);if(!e)throw new Error("useRouter() is called without provider.");return e}function wi(){return Ya().route}function Qr(e,t,n=!1){let s=null;try{s=e.classList.contains("header-anchor")?e:document.getElementById(decodeURIComponent(t).slice(1))}catch(r){console.warn(r)}if(s){let r=function(){!n||Math.abs(i-window.scrollY)>window.innerHeight?window.scrollTo(0,i):window.scrollTo({left:0,top:i,behavior:"smooth"})};const o=parseInt(window.getComputedStyle(s).paddingTop,10),i=window.scrollY+s.getBoundingClientRect().top-Ga()+o;requestAnimationFrame(r)}}function Zr(e){Ce&&Nn(e)!==Nn(location.href)&&(history.replaceState({scrollPosition:window.scrollY},document.title),history.pushState(null,"",e))}function Nn(e){const t=new URL(e,vi);return t.pathname=t.pathname.replace(/(^|\/)index(\.html)?$/,"$1"),ft.value.cleanUrls?t.pathname=t.pathname.replace(/\.html$/,""):!t.pathname.endsWith("/")&&!t.pathname.endsWith(".html")&&(t.pathname+=".html"),t.pathname+t.search+t.hash}const ps=()=>En.forEach(e=>e()),Hu=qs({name:"VitePressContent",props:{as:{type:[Object,String],default:"div"}},setup(e){const t=wi(),{site:n}=Ka();return()=>Os(e.as,n.value.contentProps??{style:{position:"relative"}},[t.component?Os(t.component,{onVnodeMounted:ps,onVnodeUpdated:ps,onVnodeUnmounted:ps}):"404 Page Not Found"])}}),ju="/logo.png",Vu=qs({setup(e,{slots:t}){const n=fe(!1);return Rt(()=>{n.value=!0}),()=>n.value&&t.default?t.default():null}});function Du(){Ce&&window.addEventListener("click",e=>{var n;const t=e.target;if(t.matches(".vp-code-group input")){const s=(n=t.parentElement)==null?void 0:n.parentElement;if(!s)return;const r=Array.from(s.querySelectorAll("input")).indexOf(t);if(r<0)return;const o=s.querySelector(".blocks");if(!o)return;const i=Array.from(o.children).find(a=>a.classList.contains("active"));if(!i)return;const l=o.children[r];if(!l||i===l)return;i.classList.remove("active"),l.classList.add("active");const c=s==null?void 0:s.querySelector(`label[for="${t.id}"]`);c==null||c.scrollIntoView({block:"nearest"})}})}function ku(){if(Ce){const e=new WeakMap;window.addEventListener("click",t=>{var s;const n=t.target;if(n.matches('div[class*="language-"] > button.copy')){const r=n.parentElement,o=(s=n.nextElementSibling)==null?void 0:s.nextElementSibling;if(!r||!o)return;const i=/language-(shellscript|shell|bash|sh|zsh)/.test(r.className),l=[".vp-copy-ignore",".diff.remove"],c=o.cloneNode(!0);c.querySelectorAll(l.join(",")).forEach(f=>f.remove());let a=c.textContent||"";i&&(a=a.replace(/^ *(\$|>) /gm,"").trim()),Ja(a).then(()=>{n.classList.add("copied"),clearTimeout(e.get(n));const f=setTimeout(()=>{n.classList.remove("copied"),n.blur(),e.delete(n)},2e3);e.set(n,f)})}})}}async function Ja(e){try{return navigator.clipboard.writeText(e)}catch{const t=document.createElement("textarea"),n=document.activeElement;t.value=e,t.setAttribute("readonly",""),t.style.contain="strict",t.style.position="absolute",t.style.left="-9999px",t.style.fontSize="12pt";const s=document.getSelection(),r=s?s.rangeCount>0&&s.getRangeAt(0):null;document.body.appendChild(t),t.select(),t.selectionStart=0,t.selectionEnd=e.length,document.execCommand("copy"),document.body.removeChild(t),r&&(s.removeAllRanges(),s.addRange(r)),n&&n.focus()}}function Uu(e,t){let n=!0,s=[];const r=o=>{if(n){n=!1,o.forEach(l=>{const c=gs(l);for(const a of document.head.children)if(a.isEqualNode(c)){s.push(a);return}});return}const i=o.map(gs);s.forEach((l,c)=>{const a=i.findIndex(f=>f==null?void 0:f.isEqualNode(l??null));a!==-1?delete i[a]:(l==null||l.remove(),delete s[c])}),i.forEach(l=>l&&document.head.appendChild(l)),s=[...s,...i].filter(Boolean)};Io(()=>{const o=e.data,i=t.value,l=o&&o.description,c=o&&o.frontmatter.head||[],a=_i(i,o);a!==document.title&&(document.title=a);const f=l||i.description;let h=document.querySelector("meta[name=description]");h?h.getAttribute("content")!==f&&h.setAttribute("content",f):gs(["meta",{name:"description",content:f}]),r(bi(i.head,Za(c)))})}function gs([e,t,n]){const s=document.createElement(e);for(const r in t)s.setAttribute(r,t[r]);return n&&(s.innerHTML=n),e==="script"&&!t.async&&(s.async=!1),s}function Qa(e){return e[0]==="meta"&&e[1]&&e[1].name==="description"}function Za(e){return e.filter(t=>!Qa(t))}const ms=new Set,Ei=()=>document.createElement("link"),eu=e=>{const t=Ei();t.rel="prefetch",t.href=e,document.head.appendChild(t)},tu=e=>{const t=new XMLHttpRequest;t.open("GET",e,t.withCredentials=!0),t.send()};let _n;const nu=Ce&&(_n=Ei())&&_n.relList&&_n.relList.supports&&_n.relList.supports("prefetch")?eu:tu;function Bu(){if(!Ce||!window.IntersectionObserver)return;let e;if((e=navigator.connection)&&(e.saveData||/2g/.test(e.effectiveType)))return;const t=window.requestIdleCallback||setTimeout;let n=null;const s=()=>{n&&n.disconnect(),n=new IntersectionObserver(o=>{o.forEach(i=>{if(i.isIntersecting){const l=i.target;n.unobserve(l);const{pathname:c}=l;if(!ms.has(c)){ms.add(c);const a=qa(c);a&&nu(a)}}})}),t(()=>{document.querySelectorAll("#app a").forEach(o=>{const{hostname:i,pathname:l}=new URL(o.href instanceof SVGAnimatedString?o.href.animVal:o.href,o.baseURI),c=l.match(/\.\w+$/);c&&c[0]!==".html"||o.target!=="_blank"&&i===location.hostname&&(l!==location.pathname?n.observe(o):ms.add(l))})})};Rt(s);const r=wi();Xe(()=>r.path,s),Xn(()=>{n&&n.disconnect()})}export{tc as $,Xn as A,au as B,kl as C,Ga as D,lu as E,me as F,du as G,wo as H,Fu as I,se as J,fu as K,Ou as L,cu as M,mi as N,wi as O,bc as P,xt as Q,Lu as R,Mu as S,ii as T,jn as U,Qt as V,Pu as W,bu as X,Bn as Y,Iu as Z,Ru as _,ni as a,Tu as a0,gu as a1,xu as a2,mu as a3,Un as a4,ml as a5,hu as a6,su as a7,_c as a8,he as a9,yu as aa,Os as ab,Su as ac,Dl as ad,uu as ae,wu as af,io as ag,ki as ah,ju as ai,Cu as aj,Eu as ak,Uu as al,za as am,Nu as an,Ba as ao,Hu as ap,Vu as aq,ft as ar,Au as as,$u as at,qa as au,Bu as av,ku as aw,Du as ax,Ya as ay,Zo as b,_u as c,qs as d,vu as e,Ua as f,Yr as g,fe as h,$a as i,Ce as j,re as k,Rt as l,ti as m,Vn as n,Jo as o,Co as p,ou as q,pu as r,iu as s,ru as t,Ka as u,Fa as v,xl as w,wa as x,Xe as y,Io as z}; diff --git a/docs/assets/chunks/theme.D3A9bHIM.js b/docs/assets/chunks/theme.D3A9bHIM.js deleted file mode 100644 index 5cbef22be..000000000 --- a/docs/assets/chunks/theme.D3A9bHIM.js +++ /dev/null @@ -1,7 +0,0 @@ -var zo=Object.defineProperty;var Wo=(e,a,t)=>a in e?zo(e,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[a]=t;var de=(e,a,t)=>(Wo(e,typeof a!="symbol"?a+"":a,t),t);import{d as j,o as u,c as m,r as D,n as ve,a as Ne,t as le,b as oe,w as $,T as Et,e as C,_ as me,u as Ce,i as qo,f as jo,g as Vn,h as Y,j as fa,k as x,l as Ue,m as y,p as i,q as _t,s as wt,v as aa,x as bn,y as st,z as Ua,A as na,B as Rr,C as Uo,D as Go,E as ra,F as ce,G as ye,H as Lr,I as Ga,J as F,K as Er,L as Hr,M as xt,N as Br,O as Qa,P as Oe,Q as Ka,R as Qo,S as Ko,U as vt,V as Rt,W as Fr,X as Xo,Y as Zo,Z as zr,$ as Wr,a0 as be,a1 as Jo,a2 as Ie,a3 as Qt,a4 as Sa,a5 as Fa,a6 as at,a7 as Ze,a8 as lt,a9 as ur,aa as el,ab as tl,ac as cr,ad as al,ae as ba,af as Ha,ag as nl,ah as rl,ai as Nt,aj as ol}from"./framework.7pWjBRCP.js";const ll=j({__name:"VPBadge",props:{text:{},type:{default:"tip"}},setup(e){return(a,t)=>(u(),m("span",{class:ve(["VPBadge",a.type])},[D(a.$slots,"default",{},()=>[Ne(le(a.text),1)])],2))}}),sl={key:0,class:"VPBackdrop"},il=j({__name:"VPBackdrop",props:{show:{type:Boolean}},setup(e){return(a,t)=>(u(),oe(Et,{name:"fade"},{default:$(()=>[a.show?(u(),m("div",sl)):C("",!0)]),_:1}))}}),ul=me(il,[["__scopeId","data-v-c79a1216"]]),xe=Ce;function cl(e,a){let t,n=!1;return()=>{t&&clearTimeout(t),n?t=setTimeout(e,a):(e(),(n=!0)&&setTimeout(()=>n=!1,a))}}function kn(e){return/^\//.test(e)?e:`/${e}`}function Cn(e){const{pathname:a,search:t,hash:n,protocol:r}=new URL(e,"http://a.com");if(qo(e)||e.startsWith("#")||!r.startsWith("http")||!jo(a))return e;const{site:o}=xe(),l=a.endsWith("/")||a.endsWith(".html")?e:e.replace(/(?:(^\.+)\/)?.*$/,`$1${a.replace(/(\.md)?$/,o.value.cleanUrls?"":".html")}${t}${n}`);return Vn(l)}const Nn=Y(fa?location.hash:"");fa&&window.addEventListener("hashchange",()=>{Nn.value=location.hash});function xa({removeCurrent:e=!0,correspondingLink:a=!1}={}){const{site:t,localeIndex:n,page:r,theme:o}=xe(),l=x(()=>{var c,f;return{label:(c=t.value.locales[n.value])==null?void 0:c.label,link:((f=t.value.locales[n.value])==null?void 0:f.link)||(n.value==="root"?"/":`/${n.value}/`)}});return{localeLinks:x(()=>Object.entries(t.value.locales).flatMap(([c,f])=>e&&l.value.label===f.label?[]:{text:f.label,link:dl(f.link||(c==="root"?"/":`/${c}/`),o.value.i18nRouting!==!1&&a,r.value.relativePath.slice(l.value.link.length-1),!t.value.cleanUrls)+Nn.value})),currentLang:l}}function dl(e,a,t,n){return a?e.replace(/\/$/,"")+kn(t.replace(/(^|\/)index\.md$/,"$1").replace(/\.md$/,n?".html":"")):e}const ml=e=>(_t("data-v-f87ff6e4"),e=e(),wt(),e),vl={class:"NotFound"},pl={class:"code"},hl={class:"title"},fl=ml(()=>y("div",{class:"divider"},null,-1)),yl={class:"quote"},gl={class:"action"},_l=["href","aria-label"],wl=j({__name:"NotFound",setup(e){const{site:a,theme:t}=xe(),{localeLinks:n}=xa({removeCurrent:!1}),r=Y("/");return Ue(()=>{var l;const o=window.location.pathname.replace(a.value.base,"").replace(/(^.*?\/).*$/,"/$1");n.value.length&&(r.value=((l=n.value.find(({link:s})=>s.startsWith(o)))==null?void 0:l.link)||n.value[0].link)}),(o,l)=>{var s,c,f,g,v;return u(),m("div",vl,[y("p",pl,le(((s=i(t).notFound)==null?void 0:s.code)??"404"),1),y("h1",hl,le(((c=i(t).notFound)==null?void 0:c.title)??"PAGE NOT FOUND"),1),fl,y("blockquote",yl,le(((f=i(t).notFound)==null?void 0:f.quote)??"But if you don't change your direction, and if you keep looking, you may end up where you are heading."),1),y("div",gl,[y("a",{class:"link",href:i(Vn)(r.value),"aria-label":((g=i(t).notFound)==null?void 0:g.linkLabel)??"go to home"},le(((v=i(t).notFound)==null?void 0:v.linkText)??"Take me home"),9,_l)])])}}}),bl=me(wl,[["__scopeId","data-v-f87ff6e4"]]);function qr(e,a){if(Array.isArray(e))return Ba(e);if(e==null)return[];a=kn(a);const t=Object.keys(e).sort((r,o)=>o.split("/").length-r.split("/").length).find(r=>a.startsWith(kn(r))),n=t?e[t]:[];return Array.isArray(n)?Ba(n):Ba(n.items,n.base)}function kl(e){const a=[];let t=0;for(const n in e){const r=e[n];if(r.items){t=a.push(r);continue}a[t]||a.push({items:[]}),a[t].items.push(r)}return a}function Dl(e){const a=[];function t(n){for(const r of n)r.text&&r.link&&a.push({text:r.text,link:r.link,docFooterText:r.docFooterText}),r.items&&t(r.items)}return t(e),a}function Dn(e,a){return Array.isArray(a)?a.some(t=>Dn(e,t)):aa(e,a.link)?!0:a.items?Dn(e,a.items):!1}function Ba(e,a){return[...e].map(t=>{const n={...t},r=n.base||a;return r&&n.link&&(n.link=r+n.link),n.items&&(n.items=Ba(n.items,r)),n})}function Ht(){const{frontmatter:e,page:a,theme:t}=xe(),n=bn("(min-width: 960px)"),r=Y(!1),o=x(()=>{const A=t.value.sidebar,R=a.value.relativePath;return A?qr(A,R):[]}),l=Y(o.value);st(o,(A,R)=>{JSON.stringify(A)!==JSON.stringify(R)&&(l.value=o.value)});const s=x(()=>e.value.sidebar!==!1&&l.value.length>0&&e.value.layout!=="home"),c=x(()=>f?e.value.aside==null?t.value.aside==="left":e.value.aside==="left":!1),f=x(()=>e.value.layout==="home"?!1:e.value.aside!=null?!!e.value.aside:t.value.aside!==!1),g=x(()=>s.value&&n.value),v=x(()=>s.value?kl(l.value):[]);function p(){r.value=!0}function _(){r.value=!1}function P(){r.value?_():p()}return{isOpen:r,sidebar:l,sidebarGroups:v,hasSidebar:s,hasAside:f,leftAside:c,isSidebarEnabled:g,open:p,close:_,toggle:P}}function $l(e,a){let t;Ua(()=>{t=e.value?document.activeElement:void 0}),Ue(()=>{window.addEventListener("keyup",n)}),na(()=>{window.removeEventListener("keyup",n)});function n(r){r.key==="Escape"&&e.value&&(a(),t==null||t.focus())}}function Ml(e){const{page:a}=xe(),t=Y(!1),n=x(()=>e.value.collapsed!=null),r=x(()=>!!e.value.link),o=Y(!1),l=()=>{o.value=aa(a.value.relativePath,e.value.link)};st([a,e,Nn],l),Ue(l);const s=x(()=>o.value?!0:e.value.items?Dn(a.value.relativePath,e.value.items):!1),c=x(()=>!!(e.value.items&&e.value.items.length));Ua(()=>{t.value=!!(n.value&&e.value.collapsed)}),Rr(()=>{(o.value||s.value)&&(t.value=!1)});function f(){n.value&&(t.value=!t.value)}return{collapsed:t,collapsible:n,isLink:r,isActiveLink:o,hasActiveLink:s,hasChildren:c,toggle:f}}function Pl(){const{hasSidebar:e}=Ht(),a=bn("(min-width: 960px)"),t=bn("(min-width: 1280px)");return{isAsideEnabled:x(()=>!t.value&&!a.value?!1:e.value?t.value:a.value)}}const $n=[];function jr(e){return typeof e.outline=="object"&&!Array.isArray(e.outline)&&e.outline.label||e.outlineTitle||"On this page"}function On(e){const a=[...document.querySelectorAll(".VPDoc :where(h1,h2,h3,h4,h5,h6)")].filter(t=>t.id&&t.hasChildNodes()).map(t=>{const n=Number(t.tagName[1]);return{element:t,title:Tl(t),link:"#"+t.id,level:n}});return Sl(a,e)}function Tl(e){let a="";for(const t of e.childNodes)if(t.nodeType===1){if(t.classList.contains("VPBadge")||t.classList.contains("header-anchor")||t.classList.contains("ignore-header"))continue;a+=t.textContent}else t.nodeType===3&&(a+=t.textContent);return a.trim()}function Sl(e,a){if(a===!1)return[];const t=(typeof a=="object"&&!Array.isArray(a)?a.level:a)||2,[n,r]=typeof t=="number"?[t,t]:t==="deep"?[2,6]:t;e=e.filter(l=>l.level>=n&&l.level<=r),$n.length=0;for(const{element:l,link:s}of e)$n.push({element:l,link:s});const o=[];e:for(let l=0;l=0;c--){const f=e[c];if(f.level{requestAnimationFrame(o),window.addEventListener("scroll",n)}),Uo(()=>{l(location.hash)}),na(()=>{window.removeEventListener("scroll",n)});function o(){if(!t.value)return;const s=window.scrollY,c=window.innerHeight,f=document.body.offsetHeight,g=Math.abs(s+c-f)<1,v=$n.map(({element:_,link:P})=>({link:P,top:Al(_)})).filter(({top:_})=>!Number.isNaN(_)).sort((_,P)=>_.top-P.top);if(!v.length){l(null);return}if(s<1){l(null);return}if(g){l(v[v.length-1].link);return}let p=null;for(const{link:_,top:P}of v){if(P>s+Go()+4)break;p=_}l(p)}function l(s){r&&r.classList.remove("active"),s==null?r=null:r=e.value.querySelector(`a[href="${decodeURIComponent(s)}"]`);const c=r;c?(c.classList.add("active"),a.value.style.top=c.offsetTop+39+"px",a.value.style.opacity="1"):(a.value.style.top="33px",a.value.style.opacity="0")}}function Al(e){let a=0;for(;e!==document.body;){if(e===null)return NaN;a+=e.offsetTop,e=e.offsetParent}return a}const Vl=["href","title"],Cl=j({__name:"VPDocOutlineItem",props:{headers:{},root:{type:Boolean}},setup(e){function a({target:t}){const n=t.href.split("#")[1],r=document.getElementById(decodeURIComponent(n));r==null||r.focus({preventScroll:!0})}return(t,n)=>{const r=ra("VPDocOutlineItem",!0);return u(),m("ul",{class:ve(["VPDocOutlineItem",t.root?"root":"nested"])},[(u(!0),m(ce,null,ye(t.headers,({children:o,link:l,title:s})=>(u(),m("li",null,[y("a",{class:"outline-link",href:l,onClick:a,title:s},le(s),9,Vl),o!=null&&o.length?(u(),oe(r,{key:0,headers:o},null,8,["headers"])):C("",!0)]))),256))],2)}}}),Ur=me(Cl,[["__scopeId","data-v-b933a997"]]),Nl=e=>(_t("data-v-935f8a84"),e=e(),wt(),e),Ol={class:"content"},Yl={class:"outline-title",role:"heading","aria-level":"2"},Il={"aria-labelledby":"doc-outline-aria-label"},Rl=Nl(()=>y("span",{class:"visually-hidden",id:"doc-outline-aria-label"}," Table of Contents for current page ",-1)),Ll=j({__name:"VPDocAsideOutline",setup(e){const{frontmatter:a,theme:t}=xe(),n=Lr([]);Ga(()=>{n.value=On(a.value.outline??t.value.outline)});const r=Y(),o=Y();return xl(r,o),(l,s)=>(u(),m("div",{class:ve(["VPDocAsideOutline",{"has-outline":n.value.length>0}]),ref_key:"container",ref:r,role:"navigation"},[y("div",Ol,[y("div",{class:"outline-marker",ref_key:"marker",ref:o},null,512),y("div",Yl,le(i(jr)(i(t))),1),y("nav",Il,[Rl,F(Ur,{headers:n.value,root:!0},null,8,["headers"])])])],2))}}),El=me(Ll,[["__scopeId","data-v-935f8a84"]]),Hl={class:"VPDocAsideCarbonAds"},Bl=j({__name:"VPDocAsideCarbonAds",props:{carbonAds:{}},setup(e){const a=Er(()=>Hr(()=>import("./ui-custom.s8PMcEKF.js"),__vite__mapDeps([0,1])));return(t,n)=>(u(),m("div",Hl,[F(i(a),{"carbon-ads":t.carbonAds},null,8,["carbon-ads"])]))}}),Fl=e=>(_t("data-v-3f215769"),e=e(),wt(),e),zl={class:"VPDocAside"},Wl=Fl(()=>y("div",{class:"spacer"},null,-1)),ql=j({__name:"VPDocAside",setup(e){const{theme:a}=xe();return(t,n)=>(u(),m("div",zl,[D(t.$slots,"aside-top",{},void 0,!0),D(t.$slots,"aside-outline-before",{},void 0,!0),F(El),D(t.$slots,"aside-outline-after",{},void 0,!0),Wl,D(t.$slots,"aside-ads-before",{},void 0,!0),i(a).carbonAds?(u(),oe(Bl,{key:0,"carbon-ads":i(a).carbonAds},null,8,["carbon-ads"])):C("",!0),D(t.$slots,"aside-ads-after",{},void 0,!0),D(t.$slots,"aside-bottom",{},void 0,!0)]))}}),jl=me(ql,[["__scopeId","data-v-3f215769"]]);function Ul(){const{theme:e,page:a}=xe();return x(()=>{const{text:t="Edit this page",pattern:n=""}=e.value.editLink||{};let r;return typeof n=="function"?r=n(a.value):r=n.replace(/:path/g,a.value.filePath),{url:r,text:t}})}function Gl(){const{page:e,theme:a,frontmatter:t}=xe();return x(()=>{var c,f,g,v,p,_,P,A;const n=qr(a.value.sidebar,e.value.relativePath),r=Dl(n),o=r.findIndex(R=>aa(e.value.relativePath,R.link)),l=((c=a.value.docFooter)==null?void 0:c.prev)===!1&&!t.value.prev||t.value.prev===!1,s=((f=a.value.docFooter)==null?void 0:f.next)===!1&&!t.value.next||t.value.next===!1;return{prev:l?void 0:{text:(typeof t.value.prev=="string"?t.value.prev:typeof t.value.prev=="object"?t.value.prev.text:void 0)??((g=r[o-1])==null?void 0:g.docFooterText)??((v=r[o-1])==null?void 0:v.text),link:(typeof t.value.prev=="object"?t.value.prev.link:void 0)??((p=r[o-1])==null?void 0:p.link)},next:s?void 0:{text:(typeof t.value.next=="string"?t.value.next:typeof t.value.next=="object"?t.value.next.text:void 0)??((_=r[o+1])==null?void 0:_.docFooterText)??((P=r[o+1])==null?void 0:P.text),link:(typeof t.value.next=="object"?t.value.next.link:void 0)??((A=r[o+1])==null?void 0:A.link)}}})}const Ql={},Kl={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},Xl=y("path",{d:"M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"},null,-1),Zl=y("path",{d:"M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"},null,-1),Jl=[Xl,Zl];function es(e,a){return u(),m("svg",Kl,Jl)}const ts=me(Ql,[["render",es]]),At=j({__name:"VPLink",props:{tag:{},href:{},noIcon:{type:Boolean},target:{},rel:{}},setup(e){const a=e,t=x(()=>a.tag??(a.href?"a":"span")),n=x(()=>a.href&&Br.test(a.href));return(r,o)=>(u(),oe(xt(t.value),{class:ve(["VPLink",{link:r.href,"vp-external-link-icon":n.value,"no-icon":r.noIcon}]),href:r.href?i(Cn)(r.href):void 0,target:r.target??(n.value?"_blank":void 0),rel:r.rel??(n.value?"noreferrer":void 0)},{default:$(()=>[D(r.$slots,"default")]),_:3},8,["class","href","target","rel"]))}}),as={class:"VPLastUpdated"},ns=["datetime"],rs=j({__name:"VPDocFooterLastUpdated",setup(e){const{theme:a,page:t,frontmatter:n,lang:r}=xe(),o=x(()=>new Date(n.value.lastUpdated??t.value.lastUpdated)),l=x(()=>o.value.toISOString()),s=Y("");return Ue(()=>{Ua(()=>{var c,f,g;s.value=new Intl.DateTimeFormat((f=(c=a.value.lastUpdated)==null?void 0:c.formatOptions)!=null&&f.forceLocale?r.value:void 0,((g=a.value.lastUpdated)==null?void 0:g.formatOptions)??{dateStyle:"short",timeStyle:"short"}).format(o.value)})}),(c,f)=>{var g;return u(),m("p",as,[Ne(le(((g=i(a).lastUpdated)==null?void 0:g.text)||i(a).lastUpdatedText||"Last updated")+": ",1),y("time",{datetime:l.value},le(s.value),9,ns)])}}}),os=me(rs,[["__scopeId","data-v-7e05ebdb"]]),ls={key:0,class:"VPDocFooter"},ss={key:0,class:"edit-info"},is={key:0,class:"edit-link"},us={key:1,class:"last-updated"},cs={key:1,class:"prev-next"},ds={class:"pager"},ms=["innerHTML"],vs=["innerHTML"],ps={class:"pager"},hs=["innerHTML"],fs=["innerHTML"],ys=j({__name:"VPDocFooter",setup(e){const{theme:a,page:t,frontmatter:n}=xe(),r=Ul(),o=Gl(),l=x(()=>a.value.editLink&&n.value.editLink!==!1),s=x(()=>t.value.lastUpdated&&n.value.lastUpdated!==!1),c=x(()=>l.value||s.value||o.value.prev||o.value.next);return(f,g)=>{var v,p,_,P;return c.value?(u(),m("footer",ls,[D(f.$slots,"doc-footer-before",{},void 0,!0),l.value||s.value?(u(),m("div",ss,[l.value?(u(),m("div",is,[F(At,{class:"edit-link-button",href:i(r).url,"no-icon":!0},{default:$(()=>[F(ts,{class:"edit-link-icon","aria-label":"edit icon"}),Ne(" "+le(i(r).text),1)]),_:1},8,["href"])])):C("",!0),s.value?(u(),m("div",us,[F(os)])):C("",!0)])):C("",!0),(v=i(o).prev)!=null&&v.link||(p=i(o).next)!=null&&p.link?(u(),m("nav",cs,[y("div",ds,[(_=i(o).prev)!=null&&_.link?(u(),oe(At,{key:0,class:"pager-link prev",href:i(o).prev.link},{default:$(()=>{var A;return[y("span",{class:"desc",innerHTML:((A=i(a).docFooter)==null?void 0:A.prev)||"Previous page"},null,8,ms),y("span",{class:"title",innerHTML:i(o).prev.text},null,8,vs)]}),_:1},8,["href"])):C("",!0)]),y("div",ps,[(P=i(o).next)!=null&&P.link?(u(),oe(At,{key:0,class:"pager-link next",href:i(o).next.link},{default:$(()=>{var A;return[y("span",{class:"desc",innerHTML:((A=i(a).docFooter)==null?void 0:A.next)||"Next page"},null,8,hs),y("span",{class:"title",innerHTML:i(o).next.text},null,8,fs)]}),_:1},8,["href"])):C("",!0)])])):C("",!0)])):C("",!0)}}}),gs=me(ys,[["__scopeId","data-v-48f9bb55"]]),_s=e=>(_t("data-v-39a288b8"),e=e(),wt(),e),ws={class:"container"},bs=_s(()=>y("div",{class:"aside-curtain"},null,-1)),ks={class:"aside-container"},Ds={class:"aside-content"},$s={class:"content"},Ms={class:"content-container"},Ps={class:"main"},Ts=j({__name:"VPDoc",setup(e){const{theme:a}=xe(),t=Qa(),{hasSidebar:n,hasAside:r,leftAside:o}=Ht(),l=x(()=>t.path.replace(/[./]+/g,"_").replace(/_html$/,""));return(s,c)=>{const f=ra("Content");return u(),m("div",{class:ve(["VPDoc",{"has-sidebar":i(n),"has-aside":i(r)}])},[D(s.$slots,"doc-top",{},void 0,!0),y("div",ws,[i(r)?(u(),m("div",{key:0,class:ve(["aside",{"left-aside":i(o)}])},[bs,y("div",ks,[y("div",Ds,[F(jl,null,{"aside-top":$(()=>[D(s.$slots,"aside-top",{},void 0,!0)]),"aside-bottom":$(()=>[D(s.$slots,"aside-bottom",{},void 0,!0)]),"aside-outline-before":$(()=>[D(s.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":$(()=>[D(s.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":$(()=>[D(s.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":$(()=>[D(s.$slots,"aside-ads-after",{},void 0,!0)]),_:3})])])],2)):C("",!0),y("div",$s,[y("div",Ms,[D(s.$slots,"doc-before",{},void 0,!0),y("main",Ps,[F(f,{class:ve(["vp-doc",[l.value,i(a).externalLinkIcon&&"external-link-icon-enabled"]])},null,8,["class"])]),F(gs,null,{"doc-footer-before":$(()=>[D(s.$slots,"doc-footer-before",{},void 0,!0)]),_:3}),D(s.$slots,"doc-after",{},void 0,!0)])])]),D(s.$slots,"doc-bottom",{},void 0,!0)],2)}}}),Ss=me(Ts,[["__scopeId","data-v-39a288b8"]]),xs=j({__name:"VPButton",props:{tag:{},size:{default:"medium"},theme:{default:"brand"},text:{},href:{},target:{},rel:{}},setup(e){const a=e,t=x(()=>a.href&&Br.test(a.href)),n=x(()=>a.tag||a.href?"a":"button");return(r,o)=>(u(),oe(xt(n.value),{class:ve(["VPButton",[r.size,r.theme]]),href:r.href?i(Cn)(r.href):void 0,target:a.target??(t.value?"_blank":void 0),rel:a.rel??(t.value?"noreferrer":void 0)},{default:$(()=>[Ne(le(r.text),1)]),_:1},8,["class","href","target","rel"]))}}),As=me(xs,[["__scopeId","data-v-cad61b99"]]),Vs=["src","alt"],Cs=j({inheritAttrs:!1,__name:"VPImage",props:{image:{},alt:{}},setup(e){return(a,t)=>{const n=ra("VPImage",!0);return a.image?(u(),m(ce,{key:0},[typeof a.image=="string"||"src"in a.image?(u(),m("img",Oe({key:0,class:"VPImage"},typeof a.image=="string"?a.$attrs:{...a.image,...a.$attrs},{src:i(Vn)(typeof a.image=="string"?a.image:a.image.src),alt:a.alt??(typeof a.image=="string"?"":a.image.alt||"")}),null,16,Vs)):(u(),m(ce,{key:1},[F(n,Oe({class:"dark",image:a.image.dark,alt:a.image.alt},a.$attrs),null,16,["image","alt"]),F(n,Oe({class:"light",image:a.image.light,alt:a.image.alt},a.$attrs),null,16,["image","alt"])],64))],64)):C("",!0)}}}),za=me(Cs,[["__scopeId","data-v-8426fc1a"]]),Ns=e=>(_t("data-v-303bb580"),e=e(),wt(),e),Os={class:"container"},Ys={class:"main"},Is={key:0,class:"name"},Rs=["innerHTML"],Ls=["innerHTML"],Es=["innerHTML"],Hs={key:0,class:"actions"},Bs={key:0,class:"image"},Fs={class:"image-container"},zs=Ns(()=>y("div",{class:"image-bg"},null,-1)),Ws=j({__name:"VPHero",props:{name:{},text:{},tagline:{},image:{},actions:{}},setup(e){const a=Ka("hero-image-slot-exists");return(t,n)=>(u(),m("div",{class:ve(["VPHero",{"has-image":t.image||i(a)}])},[y("div",Os,[y("div",Ys,[D(t.$slots,"home-hero-info-before",{},void 0,!0),D(t.$slots,"home-hero-info",{},()=>[t.name?(u(),m("h1",Is,[y("span",{innerHTML:t.name,class:"clip"},null,8,Rs)])):C("",!0),t.text?(u(),m("p",{key:1,innerHTML:t.text,class:"text"},null,8,Ls)):C("",!0),t.tagline?(u(),m("p",{key:2,innerHTML:t.tagline,class:"tagline"},null,8,Es)):C("",!0)],!0),D(t.$slots,"home-hero-info-after",{},void 0,!0),t.actions?(u(),m("div",Hs,[(u(!0),m(ce,null,ye(t.actions,r=>(u(),m("div",{key:r.link,class:"action"},[F(As,{tag:"a",size:"medium",theme:r.theme,text:r.text,href:r.link,target:r.target,rel:r.rel},null,8,["theme","text","href","target","rel"])]))),128))])):C("",!0),D(t.$slots,"home-hero-actions-after",{},void 0,!0)]),t.image||i(a)?(u(),m("div",Bs,[y("div",Fs,[zs,D(t.$slots,"home-hero-image",{},()=>[t.image?(u(),oe(za,{key:0,class:"image-src",image:t.image},null,8,["image"])):C("",!0)],!0)])])):C("",!0)])],2))}}),qs=me(Ws,[["__scopeId","data-v-303bb580"]]),js=j({__name:"VPHomeHero",setup(e){const{frontmatter:a}=xe();return(t,n)=>i(a).hero?(u(),oe(qs,{key:0,class:"VPHomeHero",name:i(a).hero.name,text:i(a).hero.text,tagline:i(a).hero.tagline,image:i(a).hero.image,actions:i(a).hero.actions},{"home-hero-info-before":$(()=>[D(t.$slots,"home-hero-info-before")]),"home-hero-info":$(()=>[D(t.$slots,"home-hero-info")]),"home-hero-info-after":$(()=>[D(t.$slots,"home-hero-info-after")]),"home-hero-actions-after":$(()=>[D(t.$slots,"home-hero-actions-after")]),"home-hero-image":$(()=>[D(t.$slots,"home-hero-image")]),_:3},8,["name","text","tagline","image","actions"])):C("",!0)}}),Us={},Gs={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},Qs=y("path",{d:"M19.9,12.4c0.1-0.2,0.1-0.5,0-0.8c-0.1-0.1-0.1-0.2-0.2-0.3l-7-7c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l5.3,5.3H5c-0.6,0-1,0.4-1,1s0.4,1,1,1h11.6l-5.3,5.3c-0.4,0.4-0.4,1,0,1.4c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3l7-7C19.8,12.6,19.9,12.5,19.9,12.4z"},null,-1),Ks=[Qs];function Xs(e,a){return u(),m("svg",Gs,Ks)}const Zs=me(Us,[["render",Xs]]),Js={class:"box"},ei={key:0,class:"icon"},ti=["innerHTML"],ai=["innerHTML"],ni=["innerHTML"],ri={key:4,class:"link-text"},oi={class:"link-text-value"},li=j({__name:"VPFeature",props:{icon:{},title:{},details:{},link:{},linkText:{},rel:{},target:{}},setup(e){return(a,t)=>(u(),oe(At,{class:"VPFeature",href:a.link,rel:a.rel,target:a.target,"no-icon":!0,tag:a.link?"a":"div"},{default:$(()=>[y("article",Js,[typeof a.icon=="object"&&a.icon.wrap?(u(),m("div",ei,[F(za,{image:a.icon,alt:a.icon.alt,height:a.icon.height||48,width:a.icon.width||48},null,8,["image","alt","height","width"])])):typeof a.icon=="object"?(u(),oe(za,{key:1,image:a.icon,alt:a.icon.alt,height:a.icon.height||48,width:a.icon.width||48},null,8,["image","alt","height","width"])):a.icon?(u(),m("div",{key:2,class:"icon",innerHTML:a.icon},null,8,ti)):C("",!0),y("h2",{class:"title",innerHTML:a.title},null,8,ai),a.details?(u(),m("p",{key:3,class:"details",innerHTML:a.details},null,8,ni)):C("",!0),a.linkText?(u(),m("div",ri,[y("p",oi,[Ne(le(a.linkText)+" ",1),F(Zs,{class:"link-text-icon"})])])):C("",!0)])]),_:1},8,["href","rel","target","tag"]))}}),si=me(li,[["__scopeId","data-v-33204567"]]),ii={key:0,class:"VPFeatures"},ui={class:"container"},ci={class:"items"},di=j({__name:"VPFeatures",props:{features:{}},setup(e){const a=e,t=x(()=>{const n=a.features.length;if(n){if(n===2)return"grid-2";if(n===3)return"grid-3";if(n%3===0)return"grid-6";if(n>3)return"grid-4"}else return});return(n,r)=>n.features?(u(),m("div",ii,[y("div",ui,[y("div",ci,[(u(!0),m(ce,null,ye(n.features,o=>(u(),m("div",{key:o.title,class:ve(["item",[t.value]])},[F(si,{icon:o.icon,title:o.title,details:o.details,link:o.link,"link-text":o.linkText,rel:o.rel,target:o.target},null,8,["icon","title","details","link","link-text","rel","target"])],2))),128))])])])):C("",!0)}}),mi=me(di,[["__scopeId","data-v-a6181336"]]),vi=j({__name:"VPHomeFeatures",setup(e){const{frontmatter:a}=xe();return(t,n)=>i(a).features?(u(),oe(mi,{key:0,class:"VPHomeFeatures",features:i(a).features},null,8,["features"])):C("",!0)}}),pi={class:"VPHome"},hi=j({__name:"VPHome",setup(e){return(a,t)=>{const n=ra("Content");return u(),m("div",pi,[D(a.$slots,"home-hero-before",{},void 0,!0),F(js,null,{"home-hero-info-before":$(()=>[D(a.$slots,"home-hero-info-before",{},void 0,!0)]),"home-hero-info":$(()=>[D(a.$slots,"home-hero-info",{},void 0,!0)]),"home-hero-info-after":$(()=>[D(a.$slots,"home-hero-info-after",{},void 0,!0)]),"home-hero-actions-after":$(()=>[D(a.$slots,"home-hero-actions-after",{},void 0,!0)]),"home-hero-image":$(()=>[D(a.$slots,"home-hero-image",{},void 0,!0)]),_:3}),D(a.$slots,"home-hero-after",{},void 0,!0),D(a.$slots,"home-features-before",{},void 0,!0),F(vi),D(a.$slots,"home-features-after",{},void 0,!0),F(n)])}}}),fi=me(hi,[["__scopeId","data-v-c71b6826"]]),yi={},gi={class:"VPPage"};function _i(e,a){const t=ra("Content");return u(),m("div",gi,[D(e.$slots,"page-top"),F(t),D(e.$slots,"page-bottom")])}const wi=me(yi,[["render",_i]]),bi=j({__name:"VPContent",setup(e){const{page:a,frontmatter:t}=xe(),{hasSidebar:n}=Ht();return(r,o)=>(u(),m("div",{class:ve(["VPContent",{"has-sidebar":i(n),"is-home":i(t).layout==="home"}]),id:"VPContent"},[i(a).isNotFound?D(r.$slots,"not-found",{key:0},()=>[F(bl)],!0):i(t).layout==="page"?(u(),oe(wi,{key:1},{"page-top":$(()=>[D(r.$slots,"page-top",{},void 0,!0)]),"page-bottom":$(()=>[D(r.$slots,"page-bottom",{},void 0,!0)]),_:3})):i(t).layout==="home"?(u(),oe(fi,{key:2},{"home-hero-before":$(()=>[D(r.$slots,"home-hero-before",{},void 0,!0)]),"home-hero-info-before":$(()=>[D(r.$slots,"home-hero-info-before",{},void 0,!0)]),"home-hero-info":$(()=>[D(r.$slots,"home-hero-info",{},void 0,!0)]),"home-hero-info-after":$(()=>[D(r.$slots,"home-hero-info-after",{},void 0,!0)]),"home-hero-actions-after":$(()=>[D(r.$slots,"home-hero-actions-after",{},void 0,!0)]),"home-hero-image":$(()=>[D(r.$slots,"home-hero-image",{},void 0,!0)]),"home-hero-after":$(()=>[D(r.$slots,"home-hero-after",{},void 0,!0)]),"home-features-before":$(()=>[D(r.$slots,"home-features-before",{},void 0,!0)]),"home-features-after":$(()=>[D(r.$slots,"home-features-after",{},void 0,!0)]),_:3})):i(t).layout&&i(t).layout!=="doc"?(u(),oe(xt(i(t).layout),{key:3})):(u(),oe(Ss,{key:4},{"doc-top":$(()=>[D(r.$slots,"doc-top",{},void 0,!0)]),"doc-bottom":$(()=>[D(r.$slots,"doc-bottom",{},void 0,!0)]),"doc-footer-before":$(()=>[D(r.$slots,"doc-footer-before",{},void 0,!0)]),"doc-before":$(()=>[D(r.$slots,"doc-before",{},void 0,!0)]),"doc-after":$(()=>[D(r.$slots,"doc-after",{},void 0,!0)]),"aside-top":$(()=>[D(r.$slots,"aside-top",{},void 0,!0)]),"aside-outline-before":$(()=>[D(r.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":$(()=>[D(r.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":$(()=>[D(r.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":$(()=>[D(r.$slots,"aside-ads-after",{},void 0,!0)]),"aside-bottom":$(()=>[D(r.$slots,"aside-bottom",{},void 0,!0)]),_:3}))],2))}}),ki=me(bi,[["__scopeId","data-v-1428d186"]]),Di={class:"container"},$i=["innerHTML"],Mi=["innerHTML"],Pi=j({__name:"VPFooter",setup(e){const{theme:a,frontmatter:t}=xe(),{hasSidebar:n}=Ht();return(r,o)=>i(a).footer&&i(t).footer!==!1?(u(),m("footer",{key:0,class:ve(["VPFooter",{"has-sidebar":i(n)}])},[y("div",Di,[i(a).footer.message?(u(),m("p",{key:0,class:"message",innerHTML:i(a).footer.message},null,8,$i)):C("",!0),i(a).footer.copyright?(u(),m("p",{key:1,class:"copyright",innerHTML:i(a).footer.copyright},null,8,Mi)):C("",!0)])],2)):C("",!0)}}),Ti=me(Pi,[["__scopeId","data-v-e315a0ad"]]);function Gr(){const{theme:e,frontmatter:a}=xe(),t=Lr([]),n=x(()=>t.value.length>0);return Ga(()=>{t.value=On(a.value.outline??e.value.outline)}),{headers:t,hasLocalNav:n}}const Si={},xi={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},Ai=y("path",{d:"M9,19c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l5.3-5.3L8.3,6.7c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l6,6c0.4,0.4,0.4,1,0,1.4l-6,6C9.5,18.9,9.3,19,9,19z"},null,-1),Vi=[Ai];function Ci(e,a){return u(),m("svg",xi,Vi)}const Qr=me(Si,[["render",Ci]]),Ni={class:"header"},Oi={class:"outline"},Yi=j({__name:"VPLocalNavOutlineDropdown",props:{headers:{},navHeight:{}},setup(e){const a=e,{theme:t}=xe(),n=Y(!1),r=Y(0),o=Y(),l=Y();Qo(o,()=>{n.value=!1}),Ko("Escape",()=>{n.value=!1}),Ga(()=>{n.value=!1});function s(){n.value=!n.value,r.value=window.innerHeight+Math.min(window.scrollY-a.navHeight,0)}function c(g){g.target.classList.contains("outline-link")&&(l.value&&(l.value.style.transition="none"),Rt(()=>{n.value=!1}))}function f(){n.value=!1,window.scrollTo({top:0,left:0,behavior:"smooth"})}return(g,v)=>(u(),m("div",{class:"VPLocalNavOutlineDropdown",style:vt({"--vp-vh":r.value+"px"}),ref_key:"main",ref:o},[g.headers.length>0?(u(),m("button",{key:0,onClick:s,class:ve({open:n.value})},[Ne(le(i(jr)(i(t)))+" ",1),F(Qr,{class:"icon"})],2)):(u(),m("button",{key:1,onClick:f},le(i(t).returnToTopLabel||"Return to top"),1)),F(Et,{name:"flyout"},{default:$(()=>[n.value?(u(),m("div",{key:0,ref_key:"items",ref:l,class:"items",onClick:c},[y("div",Ni,[y("a",{class:"top-link",href:"#",onClick:f},le(i(t).returnToTopLabel||"Return to top"),1)]),y("div",Oi,[F(Ur,{headers:g.headers},null,8,["headers"])])],512)):C("",!0)]),_:1})],4))}}),Ii=me(Yi,[["__scopeId","data-v-af18c0d5"]]),Ri={},Li={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},Ei=y("path",{d:"M17,11H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h14c0.6,0,1,0.4,1,1S17.6,11,17,11z"},null,-1),Hi=y("path",{d:"M21,7H3C2.4,7,2,6.6,2,6s0.4-1,1-1h18c0.6,0,1,0.4,1,1S21.6,7,21,7z"},null,-1),Bi=y("path",{d:"M21,15H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h18c0.6,0,1,0.4,1,1S21.6,15,21,15z"},null,-1),Fi=y("path",{d:"M17,19H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h14c0.6,0,1,0.4,1,1S17.6,19,17,19z"},null,-1),zi=[Ei,Hi,Bi,Fi];function Wi(e,a){return u(),m("svg",Li,zi)}const qi=me(Ri,[["render",Wi]]),ji={class:"container"},Ui=["aria-expanded"],Gi={class:"menu-text"},Qi=j({__name:"VPLocalNav",props:{open:{type:Boolean}},emits:["open-menu"],setup(e){const{theme:a,frontmatter:t}=xe(),{hasSidebar:n}=Ht(),{headers:r}=Gr(),{y:o}=Fr(),l=Y(0);Ue(()=>{l.value=parseInt(getComputedStyle(document.documentElement).getPropertyValue("--vp-nav-height"))}),Ga(()=>{r.value=On(t.value.outline??a.value.outline)});const s=x(()=>r.value.length===0),c=x(()=>s.value&&!n.value),f=x(()=>({VPLocalNav:!0,"has-sidebar":n.value,empty:s.value,fixed:c.value}));return(g,v)=>i(t).layout!=="home"&&(!c.value||i(o)>=l.value)?(u(),m("div",{key:0,class:ve(f.value)},[y("div",ji,[i(n)?(u(),m("button",{key:0,class:"menu","aria-expanded":g.open,"aria-controls":"VPSidebarNav",onClick:v[0]||(v[0]=p=>g.$emit("open-menu"))},[F(qi,{class:"menu-icon"}),y("span",Gi,le(i(a).sidebarMenuLabel||"Menu"),1)],8,Ui)):C("",!0),F(Ii,{headers:i(r),navHeight:l.value},null,8,["headers","navHeight"])])],2)):C("",!0)}}),Ki=me(Qi,[["__scopeId","data-v-0282ae07"]]);function Xi(){const e=Y(!1);function a(){e.value=!0,window.addEventListener("resize",r)}function t(){e.value=!1,window.removeEventListener("resize",r)}function n(){e.value?t():a()}function r(){window.outerWidth>=768&&t()}const o=Qa();return st(()=>o.path,t),{isScreenOpen:e,openScreen:a,closeScreen:t,toggleScreen:n}}const Zi={},Ji={class:"VPSwitch",type:"button",role:"switch"},eu={class:"check"},tu={key:0,class:"icon"};function au(e,a){return u(),m("button",Ji,[y("span",eu,[e.$slots.default?(u(),m("span",tu,[D(e.$slots,"default",{},void 0,!0)])):C("",!0)])])}const nu=me(Zi,[["render",au],["__scopeId","data-v-b1685198"]]),ru={},ou={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},lu=y("path",{d:"M12.1,22c-0.3,0-0.6,0-0.9,0c-5.5-0.5-9.5-5.4-9-10.9c0.4-4.8,4.2-8.6,9-9c0.4,0,0.8,0.2,1,0.5c0.2,0.3,0.2,0.8-0.1,1.1c-2,2.7-1.4,6.4,1.3,8.4c2.1,1.6,5,1.6,7.1,0c0.3-0.2,0.7-0.3,1.1-0.1c0.3,0.2,0.5,0.6,0.5,1c-0.2,2.7-1.5,5.1-3.6,6.8C16.6,21.2,14.4,22,12.1,22zM9.3,4.4c-2.9,1-5,3.6-5.2,6.8c-0.4,4.4,2.8,8.3,7.2,8.7c2.1,0.2,4.2-0.4,5.8-1.8c1.1-0.9,1.9-2.1,2.4-3.4c-2.5,0.9-5.3,0.5-7.5-1.1C9.2,11.4,8.1,7.7,9.3,4.4z"},null,-1),su=[lu];function iu(e,a){return u(),m("svg",ou,su)}const uu=me(ru,[["render",iu]]),cu={},du={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},mu=Xo('',9),vu=[mu];function pu(e,a){return u(),m("svg",du,vu)}const hu=me(cu,[["render",pu]]),fu=j({__name:"VPSwitchAppearance",setup(e){const{isDark:a,theme:t}=xe(),n=Ka("toggle-appearance",()=>{a.value=!a.value}),r=x(()=>a.value?t.value.lightModeSwitchTitle||"Switch to light theme":t.value.darkModeSwitchTitle||"Switch to dark theme");return(o,l)=>(u(),oe(nu,{title:r.value,class:"VPSwitchAppearance","aria-checked":i(a),onClick:i(n)},{default:$(()=>[F(hu,{class:"sun"}),F(uu,{class:"moon"})]),_:1},8,["title","aria-checked","onClick"]))}}),Yn=me(fu,[["__scopeId","data-v-1736f215"]]),yu={key:0,class:"VPNavBarAppearance"},gu=j({__name:"VPNavBarAppearance",setup(e){const{site:a}=xe();return(t,n)=>i(a).appearance&&i(a).appearance!=="force-dark"?(u(),m("div",yu,[F(Yn)])):C("",!0)}}),_u=me(gu,[["__scopeId","data-v-e6aabb21"]]),In=Y();let Kr=!1,sn=0;function wu(e){const a=Y(!1);if(fa){!Kr&&bu(),sn++;const t=st(In,n=>{var r,o,l;n===e.el.value||(r=e.el.value)!=null&&r.contains(n)?(a.value=!0,(o=e.onFocus)==null||o.call(e)):(a.value=!1,(l=e.onBlur)==null||l.call(e))});na(()=>{t(),sn--,sn||ku()})}return Zo(a)}function bu(){document.addEventListener("focusin",Xr),Kr=!0,In.value=document.activeElement}function ku(){document.removeEventListener("focusin",Xr)}function Xr(){In.value=document.activeElement}const Du={},$u={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},Mu=y("path",{d:"M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"},null,-1),Pu=[Mu];function Tu(e,a){return u(),m("svg",$u,Pu)}const Zr=me(Du,[["render",Tu]]),Su={},xu={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},Au=y("circle",{cx:"12",cy:"12",r:"2"},null,-1),Vu=y("circle",{cx:"19",cy:"12",r:"2"},null,-1),Cu=y("circle",{cx:"5",cy:"12",r:"2"},null,-1),Nu=[Au,Vu,Cu];function Ou(e,a){return u(),m("svg",xu,Nu)}const Yu=me(Su,[["render",Ou]]),Iu={class:"VPMenuLink"},Ru=j({__name:"VPMenuLink",props:{item:{}},setup(e){const{page:a}=xe();return(t,n)=>(u(),m("div",Iu,[F(At,{class:ve({active:i(aa)(i(a).relativePath,t.item.activeMatch||t.item.link,!!t.item.activeMatch)}),href:t.item.link,target:t.item.target,rel:t.item.rel},{default:$(()=>[Ne(le(t.item.text),1)]),_:1},8,["class","href","target","rel"])]))}}),Xa=me(Ru,[["__scopeId","data-v-43f1e123"]]),Lu={class:"VPMenuGroup"},Eu={key:0,class:"title"},Hu=j({__name:"VPMenuGroup",props:{text:{},items:{}},setup(e){return(a,t)=>(u(),m("div",Lu,[a.text?(u(),m("p",Eu,le(a.text),1)):C("",!0),(u(!0),m(ce,null,ye(a.items,n=>(u(),m(ce,null,["link"in n?(u(),oe(Xa,{key:0,item:n},null,8,["item"])):C("",!0)],64))),256))]))}}),Bu=me(Hu,[["__scopeId","data-v-69e747b5"]]),Fu={class:"VPMenu"},zu={key:0,class:"items"},Wu=j({__name:"VPMenu",props:{items:{}},setup(e){return(a,t)=>(u(),m("div",Fu,[a.items?(u(),m("div",zu,[(u(!0),m(ce,null,ye(a.items,n=>(u(),m(ce,{key:n.text},["link"in n?(u(),oe(Xa,{key:0,item:n},null,8,["item"])):(u(),oe(Bu,{key:1,text:n.text,items:n.items},null,8,["text","items"]))],64))),128))])):C("",!0),D(a.$slots,"default",{},void 0,!0)]))}}),qu=me(Wu,[["__scopeId","data-v-e7ea1737"]]),ju=["aria-expanded","aria-label"],Uu={key:0,class:"text"},Gu=["innerHTML"],Qu={class:"menu"},Ku=j({__name:"VPFlyout",props:{icon:{},button:{},label:{},items:{}},setup(e){const a=Y(!1),t=Y();wu({el:t,onBlur:n});function n(){a.value=!1}return(r,o)=>(u(),m("div",{class:"VPFlyout",ref_key:"el",ref:t,onMouseenter:o[1]||(o[1]=l=>a.value=!0),onMouseleave:o[2]||(o[2]=l=>a.value=!1)},[y("button",{type:"button",class:"button","aria-haspopup":"true","aria-expanded":a.value,"aria-label":r.label,onClick:o[0]||(o[0]=l=>a.value=!a.value)},[r.button||r.icon?(u(),m("span",Uu,[r.icon?(u(),oe(xt(r.icon),{key:0,class:"option-icon"})):C("",!0),r.button?(u(),m("span",{key:1,innerHTML:r.button},null,8,Gu)):C("",!0),F(Zr,{class:"text-icon"})])):(u(),oe(Yu,{key:1,class:"icon"}))],8,ju),y("div",Qu,[F(qu,{items:r.items},{default:$(()=>[D(r.$slots,"default",{},void 0,!0)]),_:3},8,["items"])])],544))}}),Rn=me(Ku,[["__scopeId","data-v-9c007e85"]]),Xu={discord:'Discord',facebook:'Facebook',github:'GitHub',instagram:'Instagram',linkedin:'LinkedIn',mastodon:'Mastodon',npm:'npm',slack:'Slack',twitter:'Twitter',x:'X',youtube:'YouTube'},Zu=["href","aria-label","innerHTML"],Ju=j({__name:"VPSocialLink",props:{icon:{},link:{},ariaLabel:{}},setup(e){const a=e,t=x(()=>typeof a.icon=="object"?a.icon.svg:Xu[a.icon]);return(n,r)=>(u(),m("a",{class:"VPSocialLink no-icon",href:n.link,"aria-label":n.ariaLabel??(typeof n.icon=="string"?n.icon:""),target:"_blank",rel:"noopener",innerHTML:t.value},null,8,Zu))}}),ec=me(Ju,[["__scopeId","data-v-f80f8133"]]),tc={class:"VPSocialLinks"},ac=j({__name:"VPSocialLinks",props:{links:{}},setup(e){return(a,t)=>(u(),m("div",tc,[(u(!0),m(ce,null,ye(a.links,({link:n,icon:r,ariaLabel:o})=>(u(),oe(ec,{key:n,icon:r,link:n,ariaLabel:o},null,8,["icon","link","ariaLabel"]))),128))]))}}),Ln=me(ac,[["__scopeId","data-v-7bc22406"]]),nc={key:0,class:"group translations"},rc={class:"trans-title"},oc={key:1,class:"group"},lc={class:"item appearance"},sc={class:"label"},ic={class:"appearance-action"},uc={key:2,class:"group"},cc={class:"item social-links"},dc=j({__name:"VPNavBarExtra",setup(e){const{site:a,theme:t}=xe(),{localeLinks:n,currentLang:r}=xa({correspondingLink:!0}),o=x(()=>n.value.length&&r.value.label||a.value.appearance||t.value.socialLinks);return(l,s)=>o.value?(u(),oe(Rn,{key:0,class:"VPNavBarExtra",label:"extra navigation"},{default:$(()=>[i(n).length&&i(r).label?(u(),m("div",nc,[y("p",rc,le(i(r).label),1),(u(!0),m(ce,null,ye(i(n),c=>(u(),oe(Xa,{key:c.link,item:c},null,8,["item"]))),128))])):C("",!0),i(a).appearance&&i(a).appearance!=="force-dark"?(u(),m("div",oc,[y("div",lc,[y("p",sc,le(i(t).darkModeSwitchLabel||"Appearance"),1),y("div",ic,[F(Yn)])])])):C("",!0),i(t).socialLinks?(u(),m("div",uc,[y("div",cc,[F(Ln,{class:"social-links-list",links:i(t).socialLinks},null,8,["links"])])])):C("",!0)]),_:1})):C("",!0)}}),mc=me(dc,[["__scopeId","data-v-d0bd9dde"]]),vc=e=>(_t("data-v-e5dd9c1c"),e=e(),wt(),e),pc=["aria-expanded"],hc=vc(()=>y("span",{class:"container"},[y("span",{class:"top"}),y("span",{class:"middle"}),y("span",{class:"bottom"})],-1)),fc=[hc],yc=j({__name:"VPNavBarHamburger",props:{active:{type:Boolean}},emits:["click"],setup(e){return(a,t)=>(u(),m("button",{type:"button",class:ve(["VPNavBarHamburger",{active:a.active}]),"aria-label":"mobile navigation","aria-expanded":a.active,"aria-controls":"VPNavScreen",onClick:t[0]||(t[0]=n=>a.$emit("click"))},fc,10,pc))}}),gc=me(yc,[["__scopeId","data-v-e5dd9c1c"]]),_c=["innerHTML"],wc=j({__name:"VPNavBarMenuLink",props:{item:{}},setup(e){const{page:a}=xe();return(t,n)=>(u(),oe(At,{class:ve({VPNavBarMenuLink:!0,active:i(aa)(i(a).relativePath,t.item.activeMatch||t.item.link,!!t.item.activeMatch)}),href:t.item.link,target:t.item.target,rel:t.item.rel,tabindex:"0"},{default:$(()=>[y("span",{innerHTML:t.item.text},null,8,_c)]),_:1},8,["class","href","target","rel"]))}}),bc=me(wc,[["__scopeId","data-v-42ef59de"]]),kc=j({__name:"VPNavBarMenuGroup",props:{item:{}},setup(e){const a=e,{page:t}=xe(),n=o=>"link"in o?aa(t.value.relativePath,o.link,!!a.item.activeMatch):o.items.some(n),r=x(()=>n(a.item));return(o,l)=>(u(),oe(Rn,{class:ve({VPNavBarMenuGroup:!0,active:i(aa)(i(t).relativePath,o.item.activeMatch,!!o.item.activeMatch)||r.value}),button:o.item.text,items:o.item.items},null,8,["class","button","items"]))}}),Dc=e=>(_t("data-v-7f418b0f"),e=e(),wt(),e),$c={key:0,"aria-labelledby":"main-nav-aria-label",class:"VPNavBarMenu"},Mc=Dc(()=>y("span",{id:"main-nav-aria-label",class:"visually-hidden"},"Main Navigation",-1)),Pc=j({__name:"VPNavBarMenu",setup(e){const{theme:a}=xe();return(t,n)=>i(a).nav?(u(),m("nav",$c,[Mc,(u(!0),m(ce,null,ye(i(a).nav,r=>(u(),m(ce,{key:r.text},["link"in r?(u(),oe(bc,{key:0,item:r},null,8,["item"])):(u(),oe(kc,{key:1,item:r},null,8,["item"]))],64))),128))])):C("",!0)}}),Tc=me(Pc,[["__scopeId","data-v-7f418b0f"]]);function Sc(e){const{localeIndex:a,theme:t}=xe();function n(r){var P,A,R;const o=r.split("."),l=(P=t.value.search)==null?void 0:P.options,s=l&&typeof l=="object",c=s&&((R=(A=l.locales)==null?void 0:A[a.value])==null?void 0:R.translations)||null,f=s&&l.translations||null;let g=c,v=f,p=e;const _=o.pop();for(const ne of o){let W=null;const T=p==null?void 0:p[ne];T&&(W=p=T);const I=v==null?void 0:v[ne];I&&(W=v=I);const B=g==null?void 0:g[ne];B&&(W=g=B),T||(p=W),I||(v=W),B||(g=W)}return(g==null?void 0:g[_])??(v==null?void 0:v[_])??(p==null?void 0:p[_])??""}return n}const xc=["aria-label"],Ac={class:"DocSearch-Button-Container"},Vc=y("svg",{class:"DocSearch-Search-Icon",width:"20",height:"20",viewBox:"0 0 20 20","aria-label":"search icon"},[y("path",{d:"M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z",stroke:"currentColor",fill:"none","fill-rule":"evenodd","stroke-linecap":"round","stroke-linejoin":"round"})],-1),Cc={class:"DocSearch-Button-Placeholder"},Nc=y("span",{class:"DocSearch-Button-Keys"},[y("kbd",{class:"DocSearch-Button-Key"}),y("kbd",{class:"DocSearch-Button-Key"},"K")],-1),dr=j({__name:"VPNavBarSearchButton",setup(e){const t=Sc({button:{buttonText:"Search",buttonAriaLabel:"Search"}});return(n,r)=>(u(),m("button",{type:"button",class:"DocSearch DocSearch-Button","aria-label":i(t)("button.buttonAriaLabel")},[y("span",Ac,[Vc,y("span",Cc,le(i(t)("button.buttonText")),1)]),Nc],8,xc))}}),Oc={class:"VPNavBarSearch"},Yc={id:"local-search"},Ic={key:1,id:"docsearch"},Rc=j({__name:"VPNavBarSearch",setup(e){const a=()=>null,t=Er(()=>Hr(()=>import("./VPAlgoliaSearchBox.ud4UyhXq.js"),__vite__mapDeps([2,1]))),{theme:n}=xe(),r=Y(!1),o=Y(!1),l=()=>{const p="VPAlgoliaPreconnect";(window.requestIdleCallback||setTimeout)(()=>{var A;const P=document.createElement("link");P.id=p,P.rel="preconnect",P.href=`https://${(((A=n.value.search)==null?void 0:A.options)??n.value.algolia).appId}-dsn.algolia.net`,P.crossOrigin="",document.head.appendChild(P)})};Ue(()=>{l();const p=P=>{(P.key.toLowerCase()==="k"&&(P.metaKey||P.ctrlKey)||!f(P)&&P.key==="/")&&(P.preventDefault(),s(),_())},_=()=>{window.removeEventListener("keydown",p)};window.addEventListener("keydown",p),na(_)});function s(){r.value||(r.value=!0,setTimeout(c,16))}function c(){const p=new Event("keydown");p.key="k",p.metaKey=!0,window.dispatchEvent(p),setTimeout(()=>{document.querySelector(".DocSearch-Modal")||c()},16)}function f(p){const _=p.target,P=_.tagName;return _.isContentEditable||P==="INPUT"||P==="SELECT"||P==="TEXTAREA"}const g=Y(!1),v="algolia";return(p,_)=>{var P;return u(),m("div",Oc,[i(v)==="local"?(u(),m(ce,{key:0},[g.value?(u(),oe(i(a),{key:0,onClose:_[0]||(_[0]=A=>g.value=!1)})):C("",!0),y("div",Yc,[F(dr,{onClick:_[1]||(_[1]=A=>g.value=!0)})])],64)):i(v)==="algolia"?(u(),m(ce,{key:1},[r.value?(u(),oe(i(t),{key:0,algolia:((P=i(n).search)==null?void 0:P.options)??i(n).algolia,onVnodeBeforeMount:_[2]||(_[2]=A=>o.value=!0)},null,8,["algolia"])):C("",!0),o.value?C("",!0):(u(),m("div",Ic,[F(dr,{onClick:s})]))],64)):C("",!0)])}}}),Lc=j({__name:"VPNavBarSocialLinks",setup(e){const{theme:a}=xe();return(t,n)=>i(a).socialLinks?(u(),oe(Ln,{key:0,class:"VPNavBarSocialLinks",links:i(a).socialLinks},null,8,["links"])):C("",!0)}}),Ec=me(Lc,[["__scopeId","data-v-0394ad82"]]),Hc=["href","rel","target"],Bc={key:1},Fc={key:2},zc=j({__name:"VPNavBarTitle",setup(e){const{site:a,theme:t}=xe(),{hasSidebar:n}=Ht(),{currentLang:r}=xa(),o=x(()=>{var c;return typeof t.value.logoLink=="string"?t.value.logoLink:(c=t.value.logoLink)==null?void 0:c.link}),l=x(()=>{var c;return typeof t.value.logoLink=="string"||(c=t.value.logoLink)==null?void 0:c.rel}),s=x(()=>{var c;return typeof t.value.logoLink=="string"||(c=t.value.logoLink)==null?void 0:c.target});return(c,f)=>(u(),m("div",{class:ve(["VPNavBarTitle",{"has-sidebar":i(n)}])},[y("a",{class:"title",href:o.value??i(Cn)(i(r).link),rel:l.value,target:s.value},[D(c.$slots,"nav-bar-title-before",{},void 0,!0),i(t).logo?(u(),oe(za,{key:0,class:"logo",image:i(t).logo},null,8,["image"])):C("",!0),i(t).siteTitle?(u(),m("span",Bc,le(i(t).siteTitle),1)):i(t).siteTitle===void 0?(u(),m("span",Fc,le(i(a).title),1)):C("",!0),D(c.$slots,"nav-bar-title-after",{},void 0,!0)],8,Hc)],2))}}),Wc=me(zc,[["__scopeId","data-v-ab179fa1"]]),qc={},jc={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},Uc=y("path",{d:"M0 0h24v24H0z",fill:"none"},null,-1),Gc=y("path",{d:" M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z ",class:"css-c4d79v"},null,-1),Qc=[Uc,Gc];function Kc(e,a){return u(),m("svg",jc,Qc)}const Jr=me(qc,[["render",Kc]]),Xc={class:"items"},Zc={class:"title"},Jc=j({__name:"VPNavBarTranslations",setup(e){const{theme:a}=xe(),{localeLinks:t,currentLang:n}=xa({correspondingLink:!0});return(r,o)=>i(t).length&&i(n).label?(u(),oe(Rn,{key:0,class:"VPNavBarTranslations",icon:Jr,label:i(a).langMenuLabel||"Change language"},{default:$(()=>[y("div",Xc,[y("p",Zc,le(i(n).label),1),(u(!0),m(ce,null,ye(i(t),l=>(u(),oe(Xa,{key:l.link,item:l},null,8,["item"]))),128))])]),_:1},8,["label"])):C("",!0)}}),ed=me(Jc,[["__scopeId","data-v-74abcbb9"]]),td=e=>(_t("data-v-19c990f1"),e=e(),wt(),e),ad={class:"wrapper"},nd={class:"container"},rd={class:"title"},od={class:"content"},ld={class:"content-body"},sd=td(()=>y("div",{class:"divider"},[y("div",{class:"divider-line"})],-1)),id=j({__name:"VPNavBar",props:{isScreenOpen:{type:Boolean}},emits:["toggle-screen"],setup(e){const{y:a}=Fr(),{hasSidebar:t}=Ht(),{hasLocalNav:n}=Gr(),{frontmatter:r}=xe(),o=Y({});return Rr(()=>{o.value={"has-sidebar":t.value,"has-local-nav":n.value,top:r.value.layout==="home"&&a.value===0}}),(l,s)=>(u(),m("div",{class:ve(["VPNavBar",o.value])},[y("div",ad,[y("div",nd,[y("div",rd,[F(Wc,null,{"nav-bar-title-before":$(()=>[D(l.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":$(()=>[D(l.$slots,"nav-bar-title-after",{},void 0,!0)]),_:3})]),y("div",od,[y("div",ld,[D(l.$slots,"nav-bar-content-before",{},void 0,!0),F(Rc,{class:"search"}),F(Tc,{class:"menu"}),F(ed,{class:"translations"}),F(_u,{class:"appearance"}),F(Ec,{class:"social-links"}),F(mc,{class:"extra"}),D(l.$slots,"nav-bar-content-after",{},void 0,!0),F(gc,{class:"hamburger",active:l.isScreenOpen,onClick:s[0]||(s[0]=c=>l.$emit("toggle-screen"))},null,8,["active"])])])])]),sd],2))}}),ud=me(id,[["__scopeId","data-v-19c990f1"]]),cd={key:0,class:"VPNavScreenAppearance"},dd={class:"text"},md=j({__name:"VPNavScreenAppearance",setup(e){const{site:a,theme:t}=xe();return(n,r)=>i(a).appearance&&i(a).appearance!=="force-dark"?(u(),m("div",cd,[y("p",dd,le(i(t).darkModeSwitchLabel||"Appearance"),1),F(Yn)])):C("",!0)}}),vd=me(md,[["__scopeId","data-v-2d7af913"]]),pd=j({__name:"VPNavScreenMenuLink",props:{item:{}},setup(e){const a=Ka("close-screen");return(t,n)=>(u(),oe(At,{class:"VPNavScreenMenuLink",href:t.item.link,target:t.item.target,rel:t.item.rel,onClick:i(a)},{default:$(()=>[Ne(le(t.item.text),1)]),_:1},8,["href","target","rel","onClick"]))}}),hd=me(pd,[["__scopeId","data-v-05f27b2a"]]),fd={},yd={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},gd=y("path",{d:"M18.9,10.9h-6v-6c0-0.6-0.4-1-1-1s-1,0.4-1,1v6h-6c-0.6,0-1,0.4-1,1s0.4,1,1,1h6v6c0,0.6,0.4,1,1,1s1-0.4,1-1v-6h6c0.6,0,1-0.4,1-1S19.5,10.9,18.9,10.9z"},null,-1),_d=[gd];function wd(e,a){return u(),m("svg",yd,_d)}const bd=me(fd,[["render",wd]]),kd=j({__name:"VPNavScreenMenuGroupLink",props:{item:{}},setup(e){const a=Ka("close-screen");return(t,n)=>(u(),oe(At,{class:"VPNavScreenMenuGroupLink",href:t.item.link,target:t.item.target,rel:t.item.rel,onClick:i(a)},{default:$(()=>[Ne(le(t.item.text),1)]),_:1},8,["href","target","rel","onClick"]))}}),eo=me(kd,[["__scopeId","data-v-19976ae1"]]),Dd={class:"VPNavScreenMenuGroupSection"},$d={key:0,class:"title"},Md=j({__name:"VPNavScreenMenuGroupSection",props:{text:{},items:{}},setup(e){return(a,t)=>(u(),m("div",Dd,[a.text?(u(),m("p",$d,le(a.text),1)):C("",!0),(u(!0),m(ce,null,ye(a.items,n=>(u(),oe(eo,{key:n.text,item:n},null,8,["item"]))),128))]))}}),Pd=me(Md,[["__scopeId","data-v-8133b170"]]),Td=["aria-controls","aria-expanded"],Sd=["innerHTML"],xd=["id"],Ad={key:1,class:"group"},Vd=j({__name:"VPNavScreenMenuGroup",props:{text:{},items:{}},setup(e){const a=e,t=Y(!1),n=x(()=>`NavScreenGroup-${a.text.replace(" ","-").toLowerCase()}`);function r(){t.value=!t.value}return(o,l)=>(u(),m("div",{class:ve(["VPNavScreenMenuGroup",{open:t.value}])},[y("button",{class:"button","aria-controls":n.value,"aria-expanded":t.value,onClick:r},[y("span",{class:"button-text",innerHTML:o.text},null,8,Sd),F(bd,{class:"button-icon"})],8,Td),y("div",{id:n.value,class:"items"},[(u(!0),m(ce,null,ye(o.items,s=>(u(),m(ce,{key:s.text},["link"in s?(u(),m("div",{key:s.text,class:"item"},[F(eo,{item:s},null,8,["item"])])):(u(),m("div",Ad,[F(Pd,{text:s.text,items:s.items},null,8,["text","items"])]))],64))),128))],8,xd)],2))}}),Cd=me(Vd,[["__scopeId","data-v-65ef89ca"]]),Nd={key:0,class:"VPNavScreenMenu"},Od=j({__name:"VPNavScreenMenu",setup(e){const{theme:a}=xe();return(t,n)=>i(a).nav?(u(),m("nav",Nd,[(u(!0),m(ce,null,ye(i(a).nav,r=>(u(),m(ce,{key:r.text},["link"in r?(u(),oe(hd,{key:0,item:r},null,8,["item"])):(u(),oe(Cd,{key:1,text:r.text||"",items:r.items},null,8,["text","items"]))],64))),128))])):C("",!0)}}),Yd=j({__name:"VPNavScreenSocialLinks",setup(e){const{theme:a}=xe();return(t,n)=>i(a).socialLinks?(u(),oe(Ln,{key:0,class:"VPNavScreenSocialLinks",links:i(a).socialLinks},null,8,["links"])):C("",!0)}}),Id={class:"list"},Rd=j({__name:"VPNavScreenTranslations",setup(e){const{localeLinks:a,currentLang:t}=xa({correspondingLink:!0}),n=Y(!1);function r(){n.value=!n.value}return(o,l)=>i(a).length&&i(t).label?(u(),m("div",{key:0,class:ve(["VPNavScreenTranslations",{open:n.value}])},[y("button",{class:"title",onClick:r},[F(Jr,{class:"icon lang"}),Ne(" "+le(i(t).label)+" ",1),F(Zr,{class:"icon chevron"})]),y("ul",Id,[(u(!0),m(ce,null,ye(i(a),s=>(u(),m("li",{key:s.link,class:"item"},[F(At,{class:"link",href:s.link},{default:$(()=>[Ne(le(s.text),1)]),_:2},1032,["href"])]))),128))])],2)):C("",!0)}}),Ld=me(Rd,[["__scopeId","data-v-d72aa483"]]),Ed={class:"container"},Hd=j({__name:"VPNavScreen",props:{open:{type:Boolean}},setup(e){const a=Y(null),t=zr(fa?document.body:null);return(n,r)=>(u(),oe(Et,{name:"fade",onEnter:r[0]||(r[0]=o=>t.value=!0),onAfterLeave:r[1]||(r[1]=o=>t.value=!1)},{default:$(()=>[n.open?(u(),m("div",{key:0,class:"VPNavScreen",ref_key:"screen",ref:a,id:"VPNavScreen"},[y("div",Ed,[D(n.$slots,"nav-screen-content-before",{},void 0,!0),F(Od,{class:"menu"}),F(Ld,{class:"translations"}),F(vd,{class:"appearance"}),F(Yd,{class:"social-links"}),D(n.$slots,"nav-screen-content-after",{},void 0,!0)])],512)):C("",!0)]),_:3}))}}),Bd=me(Hd,[["__scopeId","data-v-cc5739dd"]]),Fd={key:0,class:"VPNav"},zd=j({__name:"VPNav",setup(e){const{isScreenOpen:a,closeScreen:t,toggleScreen:n}=Xi(),{frontmatter:r}=xe(),o=x(()=>r.value.navbar!==!1);return Wr("close-screen",t),Ua(()=>{fa&&document.documentElement.classList.toggle("hide-nav",!o.value)}),(l,s)=>o.value?(u(),m("header",Fd,[F(ud,{"is-screen-open":i(a),onToggleScreen:i(n)},{"nav-bar-title-before":$(()=>[D(l.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":$(()=>[D(l.$slots,"nav-bar-title-after",{},void 0,!0)]),"nav-bar-content-before":$(()=>[D(l.$slots,"nav-bar-content-before",{},void 0,!0)]),"nav-bar-content-after":$(()=>[D(l.$slots,"nav-bar-content-after",{},void 0,!0)]),_:3},8,["is-screen-open","onToggleScreen"]),F(Bd,{open:i(a)},{"nav-screen-content-before":$(()=>[D(l.$slots,"nav-screen-content-before",{},void 0,!0)]),"nav-screen-content-after":$(()=>[D(l.$slots,"nav-screen-content-after",{},void 0,!0)]),_:3},8,["open"])])):C("",!0)}}),Wd=me(zd,[["__scopeId","data-v-ae24b3ad"]]),qd=e=>(_t("data-v-e31bd47b"),e=e(),wt(),e),jd=["role","tabindex"],Ud=qd(()=>y("div",{class:"indicator"},null,-1)),Gd={key:1,class:"items"},Qd=j({__name:"VPSidebarItem",props:{item:{},depth:{}},setup(e){const a=e,{collapsed:t,collapsible:n,isLink:r,isActiveLink:o,hasActiveLink:l,hasChildren:s,toggle:c}=Ml(x(()=>a.item)),f=x(()=>s.value?"section":"div"),g=x(()=>r.value?"a":"div"),v=x(()=>s.value?a.depth+2===7?"p":`h${a.depth+2}`:"p"),p=x(()=>r.value?void 0:"button"),_=x(()=>[[`level-${a.depth}`],{collapsible:n.value},{collapsed:t.value},{"is-link":r.value},{"is-active":o.value},{"has-active":l.value}]);function P(R){"key"in R&&R.key!=="Enter"||!a.item.link&&c()}function A(){a.item.link&&c()}return(R,ne)=>{const W=ra("VPSidebarItem",!0);return u(),oe(xt(f.value),{class:ve(["VPSidebarItem",_.value])},{default:$(()=>[R.item.text?(u(),m("div",Oe({key:0,class:"item",role:p.value},Jo(R.item.items?{click:P,keydown:P}:{},!0),{tabindex:R.item.items&&0}),[Ud,R.item.link?(u(),oe(At,{key:0,tag:g.value,class:"link",href:R.item.link,rel:R.item.rel,target:R.item.target},{default:$(()=>[(u(),oe(xt(v.value),{class:"text",innerHTML:R.item.text},null,8,["innerHTML"]))]),_:1},8,["tag","href","rel","target"])):(u(),oe(xt(v.value),{key:1,class:"text",innerHTML:R.item.text},null,8,["innerHTML"])),R.item.collapsed!=null?(u(),m("div",{key:2,class:"caret",role:"button","aria-label":"toggle section",onClick:A,onKeydown:be(A,["enter"]),tabindex:"0"},[F(Qr,{class:"caret-icon"})],32)):C("",!0)],16,jd)):C("",!0),R.item.items&&R.item.items.length?(u(),m("div",Gd,[R.depth<5?(u(!0),m(ce,{key:0},ye(R.item.items,T=>(u(),oe(W,{key:T.text,item:T,depth:R.depth+1},null,8,["item","depth"]))),128)):C("",!0)])):C("",!0)]),_:1},8,["class"])}}}),Kd=me(Qd,[["__scopeId","data-v-e31bd47b"]]),to=e=>(_t("data-v-575e6a36"),e=e(),wt(),e),Xd=to(()=>y("div",{class:"curtain"},null,-1)),Zd={class:"nav",id:"VPSidebarNav","aria-labelledby":"sidebar-aria-label",tabindex:"-1"},Jd=to(()=>y("span",{class:"visually-hidden",id:"sidebar-aria-label"}," Sidebar Navigation ",-1)),em=j({__name:"VPSidebar",props:{open:{type:Boolean}},setup(e){const{sidebarGroups:a,hasSidebar:t}=Ht(),n=e,r=Y(null),o=zr(fa?document.body:null);return st([n,r],()=>{var l;n.open?(o.value=!0,(l=r.value)==null||l.focus()):o.value=!1},{immediate:!0,flush:"post"}),(l,s)=>i(t)?(u(),m("aside",{key:0,class:ve(["VPSidebar",{open:l.open}]),ref_key:"navEl",ref:r,onClick:s[0]||(s[0]=Ie(()=>{},["stop"]))},[Xd,y("nav",Zd,[Jd,D(l.$slots,"sidebar-nav-before",{},void 0,!0),(u(!0),m(ce,null,ye(i(a),c=>(u(),m("div",{key:c.text,class:"group"},[F(Kd,{item:c,depth:0},null,8,["item"])]))),128)),D(l.$slots,"sidebar-nav-after",{},void 0,!0)])],2)):C("",!0)}}),tm=me(em,[["__scopeId","data-v-575e6a36"]]),am=j({__name:"VPSkipLink",setup(e){const a=Qa(),t=Y();st(()=>a.path,()=>t.value.focus());function n({target:r}){const o=document.getElementById(decodeURIComponent(r.hash).slice(1));if(o){const l=()=>{o.removeAttribute("tabindex"),o.removeEventListener("blur",l)};o.setAttribute("tabindex","-1"),o.addEventListener("blur",l),o.focus(),window.scrollTo(0,0)}}return(r,o)=>(u(),m(ce,null,[y("span",{ref_key:"backToTop",ref:t,tabindex:"-1"},null,512),y("a",{href:"#VPContent",class:"VPSkipLink visually-hidden",onClick:n}," Skip to content ")],64))}}),nm=me(am,[["__scopeId","data-v-0f60ec36"]]),rm=j({__name:"Layout",setup(e){const{isOpen:a,open:t,close:n}=Ht(),r=Qa();st(()=>r.path,n),$l(a,n);const{frontmatter:o}=xe(),l=Qt(),s=x(()=>!!l["home-hero-image"]);return Wr("hero-image-slot-exists",s),(c,f)=>{const g=ra("Content");return i(o).layout!==!1?(u(),m("div",{key:0,class:ve(["Layout",i(o).pageClass])},[D(c.$slots,"layout-top",{},void 0,!0),F(nm),F(ul,{class:"backdrop",show:i(a),onClick:i(n)},null,8,["show","onClick"]),F(Wd,null,{"nav-bar-title-before":$(()=>[D(c.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":$(()=>[D(c.$slots,"nav-bar-title-after",{},void 0,!0)]),"nav-bar-content-before":$(()=>[D(c.$slots,"nav-bar-content-before",{},void 0,!0)]),"nav-bar-content-after":$(()=>[D(c.$slots,"nav-bar-content-after",{},void 0,!0)]),"nav-screen-content-before":$(()=>[D(c.$slots,"nav-screen-content-before",{},void 0,!0)]),"nav-screen-content-after":$(()=>[D(c.$slots,"nav-screen-content-after",{},void 0,!0)]),_:3}),F(Ki,{open:i(a),onOpenMenu:i(t)},null,8,["open","onOpenMenu"]),F(tm,{open:i(a)},{"sidebar-nav-before":$(()=>[D(c.$slots,"sidebar-nav-before",{},void 0,!0)]),"sidebar-nav-after":$(()=>[D(c.$slots,"sidebar-nav-after",{},void 0,!0)]),_:3},8,["open"]),F(ki,null,{"page-top":$(()=>[D(c.$slots,"page-top",{},void 0,!0)]),"page-bottom":$(()=>[D(c.$slots,"page-bottom",{},void 0,!0)]),"not-found":$(()=>[D(c.$slots,"not-found",{},void 0,!0)]),"home-hero-before":$(()=>[D(c.$slots,"home-hero-before",{},void 0,!0)]),"home-hero-info-before":$(()=>[D(c.$slots,"home-hero-info-before",{},void 0,!0)]),"home-hero-info":$(()=>[D(c.$slots,"home-hero-info",{},void 0,!0)]),"home-hero-info-after":$(()=>[D(c.$slots,"home-hero-info-after",{},void 0,!0)]),"home-hero-actions-after":$(()=>[D(c.$slots,"home-hero-actions-after",{},void 0,!0)]),"home-hero-image":$(()=>[D(c.$slots,"home-hero-image",{},void 0,!0)]),"home-hero-after":$(()=>[D(c.$slots,"home-hero-after",{},void 0,!0)]),"home-features-before":$(()=>[D(c.$slots,"home-features-before",{},void 0,!0)]),"home-features-after":$(()=>[D(c.$slots,"home-features-after",{},void 0,!0)]),"doc-footer-before":$(()=>[D(c.$slots,"doc-footer-before",{},void 0,!0)]),"doc-before":$(()=>[D(c.$slots,"doc-before",{},void 0,!0)]),"doc-after":$(()=>[D(c.$slots,"doc-after",{},void 0,!0)]),"doc-top":$(()=>[D(c.$slots,"doc-top",{},void 0,!0)]),"doc-bottom":$(()=>[D(c.$slots,"doc-bottom",{},void 0,!0)]),"aside-top":$(()=>[D(c.$slots,"aside-top",{},void 0,!0)]),"aside-bottom":$(()=>[D(c.$slots,"aside-bottom",{},void 0,!0)]),"aside-outline-before":$(()=>[D(c.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":$(()=>[D(c.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":$(()=>[D(c.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":$(()=>[D(c.$slots,"aside-ads-after",{},void 0,!0)]),_:3}),F(Ti),D(c.$slots,"layout-bottom",{},void 0,!0)],2)):(u(),oe(g,{key:1}))}}}),om=me(rm,[["__scopeId","data-v-5d98c3a5"]]),lm={Layout:om,enhanceApp:({app:e})=>{e.component("Badge",ll)}},sm={},im={class:"star-and-sponsor"},um=y("p",null,[Ne(" ⭐ If you like the component, give it a star on "),y("a",{class:"home-link",href:"https://github.com/Vuepic/vue-datepicker",target:"_blank"},"GitHub"),Ne(" and consider "),y("a",{class:"home-link",href:"https://github.com/sponsors/Vuepic",target:"_blank"},"sponsoring"),Ne(" its development! ⭐ ")],-1),cm=[um];function dm(e,a){return u(),m("div",im,cm)}const mm=me(sm,[["render",dm]]);function he(e){const a=Object.prototype.toString.call(e);return e instanceof Date||typeof e=="object"&&a==="[object Date]"?new e.constructor(+e):typeof e=="number"||a==="[object Number]"||typeof e=="string"||a==="[object String]"?new Date(e):new Date(NaN)}function Re(e,a){return e instanceof Date?new e.constructor(a):new Date(a)}function Qe(e,a){const t=he(e);return isNaN(a)?Re(e,NaN):(a&&t.setDate(t.getDate()+a),t)}function ct(e,a){const t=he(e);if(isNaN(a))return Re(e,NaN);if(!a)return t;const n=t.getDate(),r=Re(e,t.getTime());r.setMonth(t.getMonth()+a+1,0);const o=r.getDate();return n>=o?r:(t.setFullYear(r.getFullYear(),r.getMonth(),n),t)}function ao(e,a){const{years:t=0,months:n=0,weeks:r=0,days:o=0,hours:l=0,minutes:s=0,seconds:c=0}=a,f=he(e),g=n||t?ct(f,n+t*12):f,v=o||r?Qe(g,o+r*7):g,p=s+l*60,P=(c+p*60)*1e3;return Re(e,v.getTime()+P)}const no=6048e5,vm=864e5,En=6e4,Hn=36e5,pm=1e3;let hm={};function oa(){return hm}function Ct(e,a){var s,c,f,g;const t=oa(),n=(a==null?void 0:a.weekStartsOn)??((c=(s=a==null?void 0:a.locale)==null?void 0:s.options)==null?void 0:c.weekStartsOn)??t.weekStartsOn??((g=(f=t.locale)==null?void 0:f.options)==null?void 0:g.weekStartsOn)??0,r=he(e),o=r.getDay(),l=(o=r.getTime()?t+1:a.getTime()>=l.getTime()?t:t-1}function mr(e){const a=he(e);return a.setHours(0,0,0,0),a}function Wa(e){const a=he(e),t=new Date(Date.UTC(a.getFullYear(),a.getMonth(),a.getDate(),a.getHours(),a.getMinutes(),a.getSeconds(),a.getMilliseconds()));return t.setUTCFullYear(a.getFullYear()),+e-+t}function oo(e,a){const t=mr(e),n=mr(a),r=+t-Wa(t),o=+n-Wa(n);return Math.round((r-o)/vm)}function fm(e){const a=ro(e),t=Re(e,0);return t.setFullYear(a,0,4),t.setHours(0,0,0,0),ma(t)}function ym(e,a){const t=a*3;return ct(e,t)}function Bn(e,a){return ct(e,a*12)}function lo(e){return e instanceof Date||typeof e=="object"&&Object.prototype.toString.call(e)==="[object Date]"}function ka(e){if(!lo(e)&&typeof e!="number")return!1;const a=he(e);return!isNaN(Number(a))}function vr(e){const a=he(e);return Math.trunc(a.getMonth()/3)+1}function pr(e){const a=he(e),t=a.getMonth();return a.setFullYear(a.getFullYear(),t+1,0),a.setHours(23,59,59,999),a}function so(e,a){const t=he(e.start),n=he(e.end);let r=+t>+n;const o=r?+t:+n,l=r?n:t;l.setHours(0,0,0,0);let s=(a==null?void 0:a.step)??1;if(!s)return[];s<0&&(s=-s,r=!r);const c=[];for(;+l<=o;)c.push(he(l)),l.setDate(l.getDate()+s),l.setHours(0,0,0,0);return r?c.reverse():c}function qt(e){const a=he(e),t=a.getMonth(),n=t-t%3;return a.setMonth(n,1),a.setHours(0,0,0,0),a}function gm(e,a){const t=he(e.start),n=he(e.end);let r=+t>+n;const o=r?+qt(t):+qt(n);let l=qt(r?n:t),s=(a==null?void 0:a.step)??1;if(!s)return[];s<0&&(s=-s,r=!r);const c=[];for(;+l<=o;)c.push(he(l)),l=ym(l,s);return r?c.reverse():c}function hr(e){const a=he(e);return a.setDate(1),a.setHours(0,0,0,0),a}function io(e){const a=he(e),t=a.getFullYear();return a.setFullYear(t+1,0,0),a.setHours(23,59,59,999),a}function Fn(e){const a=he(e),t=Re(e,0);return t.setFullYear(a.getFullYear(),0,1),t.setHours(0,0,0,0),t}function _m(e,a){var s,c,f,g;const t=oa(),n=(a==null?void 0:a.weekStartsOn)??((c=(s=a==null?void 0:a.locale)==null?void 0:s.options)==null?void 0:c.weekStartsOn)??t.weekStartsOn??((g=(f=t.locale)==null?void 0:f.options)==null?void 0:g.weekStartsOn)??0,r=he(e),o=r.getDay(),l=(o{let n;const r=wm[e];return typeof r=="string"?n=r:a===1?n=r.one:n=r.other.replace("{{count}}",a.toString()),t!=null&&t.addSuffix?t.comparison&&t.comparison>0?"in "+n:n+" ago":n};function da(e){return(a={})=>{const t=a.width?String(a.width):e.defaultWidth;return e.formats[t]||e.formats[e.defaultWidth]}}const km={full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},Dm={full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},$m={full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},Mm={date:da({formats:km,defaultWidth:"full"}),time:da({formats:Dm,defaultWidth:"full"}),dateTime:da({formats:$m,defaultWidth:"full"})},Pm={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"},Tm=(e,a,t,n)=>Pm[e];function $t(e){return(a,t)=>{const n=t!=null&&t.context?String(t.context):"standalone";let r;if(n==="formatting"&&e.formattingValues){const l=e.defaultFormattingWidth||e.defaultWidth,s=t!=null&&t.width?String(t.width):l;r=e.formattingValues[s]||e.formattingValues[l]}else{const l=e.defaultWidth,s=t!=null&&t.width?String(t.width):e.defaultWidth;r=e.values[s]||e.values[l]}const o=e.argumentCallback?e.argumentCallback(a):a;return r[o]}}const Sm={narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},xm={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},Am={narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},Vm={narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},Cm={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},Nm={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},Om=(e,a)=>{const t=Number(e),n=t%100;if(n>20||n<10)switch(n%10){case 1:return t+"st";case 2:return t+"nd";case 3:return t+"rd"}return t+"th"},Ym={ordinalNumber:Om,era:$t({values:Sm,defaultWidth:"wide"}),quarter:$t({values:xm,defaultWidth:"wide",argumentCallback:e=>e-1}),month:$t({values:Am,defaultWidth:"wide"}),day:$t({values:Vm,defaultWidth:"wide"}),dayPeriod:$t({values:Cm,defaultWidth:"wide",formattingValues:Nm,defaultFormattingWidth:"wide"})};function Mt(e){return(a,t={})=>{const n=t.width,r=n&&e.matchPatterns[n]||e.matchPatterns[e.defaultMatchWidth],o=a.match(r);if(!o)return null;const l=o[0],s=n&&e.parsePatterns[n]||e.parsePatterns[e.defaultParseWidth],c=Array.isArray(s)?Rm(s,v=>v.test(l)):Im(s,v=>v.test(l));let f;f=e.valueCallback?e.valueCallback(c):c,f=t.valueCallback?t.valueCallback(f):f;const g=a.slice(l.length);return{value:f,rest:g}}}function Im(e,a){for(const t in e)if(Object.prototype.hasOwnProperty.call(e,t)&&a(e[t]))return t}function Rm(e,a){for(let t=0;t{const n=a.match(e.matchPattern);if(!n)return null;const r=n[0],o=a.match(e.parsePattern);if(!o)return null;let l=e.valueCallback?e.valueCallback(o[0]):o[0];l=t.valueCallback?t.valueCallback(l):l;const s=a.slice(r.length);return{value:l,rest:s}}}const Lm=/^(\d+)(th|st|nd|rd)?/i,Em=/\d+/i,Hm={narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},Bm={any:[/^b/i,/^(a|c)/i]},Fm={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},zm={any:[/1/i,/2/i,/3/i,/4/i]},Wm={narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},qm={narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},jm={narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},Um={narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},Gm={narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},Qm={any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},Km={ordinalNumber:uo({matchPattern:Lm,parsePattern:Em,valueCallback:e=>parseInt(e,10)}),era:Mt({matchPatterns:Hm,defaultMatchWidth:"wide",parsePatterns:Bm,defaultParseWidth:"any"}),quarter:Mt({matchPatterns:Fm,defaultMatchWidth:"wide",parsePatterns:zm,defaultParseWidth:"any",valueCallback:e=>e+1}),month:Mt({matchPatterns:Wm,defaultMatchWidth:"wide",parsePatterns:qm,defaultParseWidth:"any"}),day:Mt({matchPatterns:jm,defaultMatchWidth:"wide",parsePatterns:Um,defaultParseWidth:"any"}),dayPeriod:Mt({matchPatterns:Gm,defaultMatchWidth:"any",parsePatterns:Qm,defaultParseWidth:"any"})},co={code:"en-US",formatDistance:bm,formatLong:Mm,formatRelative:Tm,localize:Ym,match:Km,options:{weekStartsOn:0,firstWeekContainsDate:1}};function Xm(e){const a=he(e);return oo(a,Fn(a))+1}function zn(e){const a=he(e),t=+ma(a)-+fm(a);return Math.round(t/no)+1}function Wn(e,a){var g,v,p,_;const t=he(e),n=t.getFullYear(),r=oa(),o=(a==null?void 0:a.firstWeekContainsDate)??((v=(g=a==null?void 0:a.locale)==null?void 0:g.options)==null?void 0:v.firstWeekContainsDate)??r.firstWeekContainsDate??((_=(p=r.locale)==null?void 0:p.options)==null?void 0:_.firstWeekContainsDate)??1,l=Re(e,0);l.setFullYear(n+1,0,o),l.setHours(0,0,0,0);const s=Ct(l,a),c=Re(e,0);c.setFullYear(n,0,o),c.setHours(0,0,0,0);const f=Ct(c,a);return t.getTime()>=s.getTime()?n+1:t.getTime()>=f.getTime()?n:n-1}function Zm(e,a){var s,c,f,g;const t=oa(),n=(a==null?void 0:a.firstWeekContainsDate)??((c=(s=a==null?void 0:a.locale)==null?void 0:s.options)==null?void 0:c.firstWeekContainsDate)??t.firstWeekContainsDate??((g=(f=t.locale)==null?void 0:f.options)==null?void 0:g.firstWeekContainsDate)??1,r=Wn(e,a),o=Re(e,0);return o.setFullYear(r,0,n),o.setHours(0,0,0,0),Ct(o,a)}function qn(e,a){const t=he(e),n=+Ct(t,a)-+Zm(t,a);return Math.round(n/no)+1}function Le(e,a){const t=e<0?"-":"",n=Math.abs(e).toString().padStart(a,"0");return t+n}const zt={y(e,a){const t=e.getFullYear(),n=t>0?t:1-t;return Le(a==="yy"?n%100:n,a.length)},M(e,a){const t=e.getMonth();return a==="M"?String(t+1):Le(t+1,2)},d(e,a){return Le(e.getDate(),a.length)},a(e,a){const t=e.getHours()/12>=1?"pm":"am";switch(a){case"a":case"aa":return t.toUpperCase();case"aaa":return t;case"aaaaa":return t[0];case"aaaa":default:return t==="am"?"a.m.":"p.m."}},h(e,a){return Le(e.getHours()%12||12,a.length)},H(e,a){return Le(e.getHours(),a.length)},m(e,a){return Le(e.getMinutes(),a.length)},s(e,a){return Le(e.getSeconds(),a.length)},S(e,a){const t=a.length,n=e.getMilliseconds(),r=Math.trunc(n*Math.pow(10,t-3));return Le(r,a.length)}},ia={am:"am",pm:"pm",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},yr={G:function(e,a,t){const n=e.getFullYear()>0?1:0;switch(a){case"G":case"GG":case"GGG":return t.era(n,{width:"abbreviated"});case"GGGGG":return t.era(n,{width:"narrow"});case"GGGG":default:return t.era(n,{width:"wide"})}},y:function(e,a,t){if(a==="yo"){const n=e.getFullYear(),r=n>0?n:1-n;return t.ordinalNumber(r,{unit:"year"})}return zt.y(e,a)},Y:function(e,a,t,n){const r=Wn(e,n),o=r>0?r:1-r;if(a==="YY"){const l=o%100;return Le(l,2)}return a==="Yo"?t.ordinalNumber(o,{unit:"year"}):Le(o,a.length)},R:function(e,a){const t=ro(e);return Le(t,a.length)},u:function(e,a){const t=e.getFullYear();return Le(t,a.length)},Q:function(e,a,t){const n=Math.ceil((e.getMonth()+1)/3);switch(a){case"Q":return String(n);case"QQ":return Le(n,2);case"Qo":return t.ordinalNumber(n,{unit:"quarter"});case"QQQ":return t.quarter(n,{width:"abbreviated",context:"formatting"});case"QQQQQ":return t.quarter(n,{width:"narrow",context:"formatting"});case"QQQQ":default:return t.quarter(n,{width:"wide",context:"formatting"})}},q:function(e,a,t){const n=Math.ceil((e.getMonth()+1)/3);switch(a){case"q":return String(n);case"qq":return Le(n,2);case"qo":return t.ordinalNumber(n,{unit:"quarter"});case"qqq":return t.quarter(n,{width:"abbreviated",context:"standalone"});case"qqqqq":return t.quarter(n,{width:"narrow",context:"standalone"});case"qqqq":default:return t.quarter(n,{width:"wide",context:"standalone"})}},M:function(e,a,t){const n=e.getMonth();switch(a){case"M":case"MM":return zt.M(e,a);case"Mo":return t.ordinalNumber(n+1,{unit:"month"});case"MMM":return t.month(n,{width:"abbreviated",context:"formatting"});case"MMMMM":return t.month(n,{width:"narrow",context:"formatting"});case"MMMM":default:return t.month(n,{width:"wide",context:"formatting"})}},L:function(e,a,t){const n=e.getMonth();switch(a){case"L":return String(n+1);case"LL":return Le(n+1,2);case"Lo":return t.ordinalNumber(n+1,{unit:"month"});case"LLL":return t.month(n,{width:"abbreviated",context:"standalone"});case"LLLLL":return t.month(n,{width:"narrow",context:"standalone"});case"LLLL":default:return t.month(n,{width:"wide",context:"standalone"})}},w:function(e,a,t,n){const r=qn(e,n);return a==="wo"?t.ordinalNumber(r,{unit:"week"}):Le(r,a.length)},I:function(e,a,t){const n=zn(e);return a==="Io"?t.ordinalNumber(n,{unit:"week"}):Le(n,a.length)},d:function(e,a,t){return a==="do"?t.ordinalNumber(e.getDate(),{unit:"date"}):zt.d(e,a)},D:function(e,a,t){const n=Xm(e);return a==="Do"?t.ordinalNumber(n,{unit:"dayOfYear"}):Le(n,a.length)},E:function(e,a,t){const n=e.getDay();switch(a){case"E":case"EE":case"EEE":return t.day(n,{width:"abbreviated",context:"formatting"});case"EEEEE":return t.day(n,{width:"narrow",context:"formatting"});case"EEEEEE":return t.day(n,{width:"short",context:"formatting"});case"EEEE":default:return t.day(n,{width:"wide",context:"formatting"})}},e:function(e,a,t,n){const r=e.getDay(),o=(r-n.weekStartsOn+8)%7||7;switch(a){case"e":return String(o);case"ee":return Le(o,2);case"eo":return t.ordinalNumber(o,{unit:"day"});case"eee":return t.day(r,{width:"abbreviated",context:"formatting"});case"eeeee":return t.day(r,{width:"narrow",context:"formatting"});case"eeeeee":return t.day(r,{width:"short",context:"formatting"});case"eeee":default:return t.day(r,{width:"wide",context:"formatting"})}},c:function(e,a,t,n){const r=e.getDay(),o=(r-n.weekStartsOn+8)%7||7;switch(a){case"c":return String(o);case"cc":return Le(o,a.length);case"co":return t.ordinalNumber(o,{unit:"day"});case"ccc":return t.day(r,{width:"abbreviated",context:"standalone"});case"ccccc":return t.day(r,{width:"narrow",context:"standalone"});case"cccccc":return t.day(r,{width:"short",context:"standalone"});case"cccc":default:return t.day(r,{width:"wide",context:"standalone"})}},i:function(e,a,t){const n=e.getDay(),r=n===0?7:n;switch(a){case"i":return String(r);case"ii":return Le(r,a.length);case"io":return t.ordinalNumber(r,{unit:"day"});case"iii":return t.day(n,{width:"abbreviated",context:"formatting"});case"iiiii":return t.day(n,{width:"narrow",context:"formatting"});case"iiiiii":return t.day(n,{width:"short",context:"formatting"});case"iiii":default:return t.day(n,{width:"wide",context:"formatting"})}},a:function(e,a,t){const r=e.getHours()/12>=1?"pm":"am";switch(a){case"a":case"aa":return t.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"aaa":return t.dayPeriod(r,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return t.dayPeriod(r,{width:"narrow",context:"formatting"});case"aaaa":default:return t.dayPeriod(r,{width:"wide",context:"formatting"})}},b:function(e,a,t){const n=e.getHours();let r;switch(n===12?r=ia.noon:n===0?r=ia.midnight:r=n/12>=1?"pm":"am",a){case"b":case"bb":return t.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"bbb":return t.dayPeriod(r,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return t.dayPeriod(r,{width:"narrow",context:"formatting"});case"bbbb":default:return t.dayPeriod(r,{width:"wide",context:"formatting"})}},B:function(e,a,t){const n=e.getHours();let r;switch(n>=17?r=ia.evening:n>=12?r=ia.afternoon:n>=4?r=ia.morning:r=ia.night,a){case"B":case"BB":case"BBB":return t.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"BBBBB":return t.dayPeriod(r,{width:"narrow",context:"formatting"});case"BBBB":default:return t.dayPeriod(r,{width:"wide",context:"formatting"})}},h:function(e,a,t){if(a==="ho"){let n=e.getHours()%12;return n===0&&(n=12),t.ordinalNumber(n,{unit:"hour"})}return zt.h(e,a)},H:function(e,a,t){return a==="Ho"?t.ordinalNumber(e.getHours(),{unit:"hour"}):zt.H(e,a)},K:function(e,a,t){const n=e.getHours()%12;return a==="Ko"?t.ordinalNumber(n,{unit:"hour"}):Le(n,a.length)},k:function(e,a,t){let n=e.getHours();return n===0&&(n=24),a==="ko"?t.ordinalNumber(n,{unit:"hour"}):Le(n,a.length)},m:function(e,a,t){return a==="mo"?t.ordinalNumber(e.getMinutes(),{unit:"minute"}):zt.m(e,a)},s:function(e,a,t){return a==="so"?t.ordinalNumber(e.getSeconds(),{unit:"second"}):zt.s(e,a)},S:function(e,a){return zt.S(e,a)},X:function(e,a,t){const n=e.getTimezoneOffset();if(n===0)return"Z";switch(a){case"X":return _r(n);case"XXXX":case"XX":return Xt(n);case"XXXXX":case"XXX":default:return Xt(n,":")}},x:function(e,a,t){const n=e.getTimezoneOffset();switch(a){case"x":return _r(n);case"xxxx":case"xx":return Xt(n);case"xxxxx":case"xxx":default:return Xt(n,":")}},O:function(e,a,t){const n=e.getTimezoneOffset();switch(a){case"O":case"OO":case"OOO":return"GMT"+gr(n,":");case"OOOO":default:return"GMT"+Xt(n,":")}},z:function(e,a,t){const n=e.getTimezoneOffset();switch(a){case"z":case"zz":case"zzz":return"GMT"+gr(n,":");case"zzzz":default:return"GMT"+Xt(n,":")}},t:function(e,a,t){const n=Math.trunc(e.getTime()/1e3);return Le(n,a.length)},T:function(e,a,t){const n=e.getTime();return Le(n,a.length)}};function gr(e,a=""){const t=e>0?"-":"+",n=Math.abs(e),r=Math.trunc(n/60),o=n%60;return o===0?t+String(r):t+String(r)+a+Le(o,2)}function _r(e,a){return e%60===0?(e>0?"-":"+")+Le(Math.abs(e)/60,2):Xt(e,a)}function Xt(e,a=""){const t=e>0?"-":"+",n=Math.abs(e),r=Le(Math.trunc(n/60),2),o=Le(n%60,2);return t+r+a+o}const wr=(e,a)=>{switch(e){case"P":return a.date({width:"short"});case"PP":return a.date({width:"medium"});case"PPP":return a.date({width:"long"});case"PPPP":default:return a.date({width:"full"})}},mo=(e,a)=>{switch(e){case"p":return a.time({width:"short"});case"pp":return a.time({width:"medium"});case"ppp":return a.time({width:"long"});case"pppp":default:return a.time({width:"full"})}},Jm=(e,a)=>{const t=e.match(/(P+)(p+)?/)||[],n=t[1],r=t[2];if(!r)return wr(e,a);let o;switch(n){case"P":o=a.dateTime({width:"short"});break;case"PP":o=a.dateTime({width:"medium"});break;case"PPP":o=a.dateTime({width:"long"});break;case"PPPP":default:o=a.dateTime({width:"full"});break}return o.replace("{{date}}",wr(n,a)).replace("{{time}}",mo(r,a))},Mn={p:mo,P:Jm},e0=/^D+$/,t0=/^Y+$/,a0=["D","DD","YY","YYYY"];function vo(e){return e0.test(e)}function po(e){return t0.test(e)}function Pn(e,a,t){const n=n0(e,a,t);if(console.warn(n),a0.includes(e))throw new RangeError(n)}function n0(e,a,t){const n=e[0]==="Y"?"years":"days of the month";return`Use \`${e.toLowerCase()}\` instead of \`${e}\` (in \`${a}\`) for formatting ${n} to the input \`${t}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}const r0=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,o0=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,l0=/^'([^]*?)'?$/,s0=/''/g,i0=/[a-zA-Z]/;function ft(e,a,t){var g,v,p,_,P,A,R,ne;const n=oa(),r=(t==null?void 0:t.locale)??n.locale??co,o=(t==null?void 0:t.firstWeekContainsDate)??((v=(g=t==null?void 0:t.locale)==null?void 0:g.options)==null?void 0:v.firstWeekContainsDate)??n.firstWeekContainsDate??((_=(p=n.locale)==null?void 0:p.options)==null?void 0:_.firstWeekContainsDate)??1,l=(t==null?void 0:t.weekStartsOn)??((A=(P=t==null?void 0:t.locale)==null?void 0:P.options)==null?void 0:A.weekStartsOn)??n.weekStartsOn??((ne=(R=n.locale)==null?void 0:R.options)==null?void 0:ne.weekStartsOn)??0,s=he(e);if(!ka(s))throw new RangeError("Invalid time value");let c=a.match(o0).map(W=>{const T=W[0];if(T==="p"||T==="P"){const I=Mn[T];return I(W,r.formatLong)}return W}).join("").match(r0).map(W=>{if(W==="''")return{isToken:!1,value:"'"};const T=W[0];if(T==="'")return{isToken:!1,value:u0(W)};if(yr[T])return{isToken:!0,value:W};if(T.match(i0))throw new RangeError("Format string contains an unescaped latin alphabet character `"+T+"`");return{isToken:!1,value:W}});r.localize.preprocessor&&(c=r.localize.preprocessor(s,c));const f={firstWeekContainsDate:o,weekStartsOn:l,locale:r};return c.map(W=>{if(!W.isToken)return W.value;const T=W.value;(!(t!=null&&t.useAdditionalWeekYearTokens)&&po(T)||!(t!=null&&t.useAdditionalDayOfYearTokens)&&vo(T))&&Pn(T,a,String(e));const I=yr[T[0]];return I(s,T,r.localize,f)}).join("")}function u0(e){const a=e.match(l0);return a?a[1].replace(s0,"'"):e}function c0(e){return he(e).getDay()}function d0(e){const a=he(e),t=a.getFullYear(),n=a.getMonth(),r=Re(e,0);return r.setFullYear(t,n+1,0),r.setHours(0,0,0,0),r.getDate()}function m0(){return Object.assign({},oa())}function yt(e){return he(e).getHours()}function v0(e){let t=he(e).getDay();return t===0&&(t=7),t}function Vt(e){return he(e).getMinutes()}function Te(e){return he(e).getMonth()}function va(e){return he(e).getSeconds()}function ke(e){return he(e).getFullYear()}function Ma(e,a){const t=he(e),n=he(a);return t.getTime()>n.getTime()}function Pa(e,a){const t=he(e),n=he(a);return+t<+n}function Jt(e,a){const t=he(e),n=he(a);return+t==+n}function p0(e,a){const t=a instanceof Date?Re(a,0):new a(0);return t.setFullYear(e.getFullYear(),e.getMonth(),e.getDate()),t.setHours(e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()),t}const h0=10;class ho{constructor(){de(this,"subPriority",0)}validate(a,t){return!0}}class f0 extends ho{constructor(a,t,n,r,o){super(),this.value=a,this.validateValue=t,this.setValue=n,this.priority=r,o&&(this.subPriority=o)}validate(a,t){return this.validateValue(a,this.value,t)}set(a,t,n){return this.setValue(a,t,this.value,n)}}class y0 extends ho{constructor(){super(...arguments);de(this,"priority",h0);de(this,"subPriority",-1)}set(t,n){return n.timestampIsSet?t:Re(t,p0(t,Date))}}class Ye{run(a,t,n,r){const o=this.parse(a,t,n,r);return o?{setter:new f0(o.value,this.validate,this.set,this.priority,this.subPriority),rest:o.rest}:null}validate(a,t,n){return!0}}class g0 extends Ye{constructor(){super(...arguments);de(this,"priority",140);de(this,"incompatibleTokens",["R","u","t","T"])}parse(t,n,r){switch(n){case"G":case"GG":case"GGG":return r.era(t,{width:"abbreviated"})||r.era(t,{width:"narrow"});case"GGGGG":return r.era(t,{width:"narrow"});case"GGGG":default:return r.era(t,{width:"wide"})||r.era(t,{width:"abbreviated"})||r.era(t,{width:"narrow"})}}set(t,n,r){return n.era=r,t.setFullYear(r,0,1),t.setHours(0,0,0,0),t}}const Ke={month:/^(1[0-2]|0?\d)/,date:/^(3[0-1]|[0-2]?\d)/,dayOfYear:/^(36[0-6]|3[0-5]\d|[0-2]?\d?\d)/,week:/^(5[0-3]|[0-4]?\d)/,hour23h:/^(2[0-3]|[0-1]?\d)/,hour24h:/^(2[0-4]|[0-1]?\d)/,hour11h:/^(1[0-1]|0?\d)/,hour12h:/^(1[0-2]|0?\d)/,minute:/^[0-5]?\d/,second:/^[0-5]?\d/,singleDigit:/^\d/,twoDigits:/^\d{1,2}/,threeDigits:/^\d{1,3}/,fourDigits:/^\d{1,4}/,anyDigitsSigned:/^-?\d+/,singleDigitSigned:/^-?\d/,twoDigitsSigned:/^-?\d{1,2}/,threeDigitsSigned:/^-?\d{1,3}/,fourDigitsSigned:/^-?\d{1,4}/},Pt={basicOptionalMinutes:/^([+-])(\d{2})(\d{2})?|Z/,basic:/^([+-])(\d{2})(\d{2})|Z/,basicOptionalSeconds:/^([+-])(\d{2})(\d{2})((\d{2}))?|Z/,extended:/^([+-])(\d{2}):(\d{2})|Z/,extendedOptionalSeconds:/^([+-])(\d{2}):(\d{2})(:(\d{2}))?|Z/};function Xe(e,a){return e&&{value:a(e.value),rest:e.rest}}function ze(e,a){const t=a.match(e);return t?{value:parseInt(t[0],10),rest:a.slice(t[0].length)}:null}function Tt(e,a){const t=a.match(e);if(!t)return null;if(t[0]==="Z")return{value:0,rest:a.slice(1)};const n=t[1]==="+"?1:-1,r=t[2]?parseInt(t[2],10):0,o=t[3]?parseInt(t[3],10):0,l=t[5]?parseInt(t[5],10):0;return{value:n*(r*Hn+o*En+l*pm),rest:a.slice(t[0].length)}}function fo(e){return ze(Ke.anyDigitsSigned,e)}function je(e,a){switch(e){case 1:return ze(Ke.singleDigit,a);case 2:return ze(Ke.twoDigits,a);case 3:return ze(Ke.threeDigits,a);case 4:return ze(Ke.fourDigits,a);default:return ze(new RegExp("^\\d{1,"+e+"}"),a)}}function qa(e,a){switch(e){case 1:return ze(Ke.singleDigitSigned,a);case 2:return ze(Ke.twoDigitsSigned,a);case 3:return ze(Ke.threeDigitsSigned,a);case 4:return ze(Ke.fourDigitsSigned,a);default:return ze(new RegExp("^-?\\d{1,"+e+"}"),a)}}function jn(e){switch(e){case"morning":return 4;case"evening":return 17;case"pm":case"noon":case"afternoon":return 12;case"am":case"midnight":case"night":default:return 0}}function yo(e,a){const t=a>0,n=t?a:1-a;let r;if(n<=50)r=e||100;else{const o=n+50,l=Math.trunc(o/100)*100,s=e>=o%100;r=e+l-(s?100:0)}return t?r:1-r}function go(e){return e%400===0||e%4===0&&e%100!==0}class _0 extends Ye{constructor(){super(...arguments);de(this,"priority",130);de(this,"incompatibleTokens",["Y","R","u","w","I","i","e","c","t","T"])}parse(t,n,r){const o=l=>({year:l,isTwoDigitYear:n==="yy"});switch(n){case"y":return Xe(je(4,t),o);case"yo":return Xe(r.ordinalNumber(t,{unit:"year"}),o);default:return Xe(je(n.length,t),o)}}validate(t,n){return n.isTwoDigitYear||n.year>0}set(t,n,r){const o=t.getFullYear();if(r.isTwoDigitYear){const s=yo(r.year,o);return t.setFullYear(s,0,1),t.setHours(0,0,0,0),t}const l=!("era"in n)||n.era===1?r.year:1-r.year;return t.setFullYear(l,0,1),t.setHours(0,0,0,0),t}}class w0 extends Ye{constructor(){super(...arguments);de(this,"priority",130);de(this,"incompatibleTokens",["y","R","u","Q","q","M","L","I","d","D","i","t","T"])}parse(t,n,r){const o=l=>({year:l,isTwoDigitYear:n==="YY"});switch(n){case"Y":return Xe(je(4,t),o);case"Yo":return Xe(r.ordinalNumber(t,{unit:"year"}),o);default:return Xe(je(n.length,t),o)}}validate(t,n){return n.isTwoDigitYear||n.year>0}set(t,n,r,o){const l=Wn(t,o);if(r.isTwoDigitYear){const c=yo(r.year,l);return t.setFullYear(c,0,o.firstWeekContainsDate),t.setHours(0,0,0,0),Ct(t,o)}const s=!("era"in n)||n.era===1?r.year:1-r.year;return t.setFullYear(s,0,o.firstWeekContainsDate),t.setHours(0,0,0,0),Ct(t,o)}}class b0 extends Ye{constructor(){super(...arguments);de(this,"priority",130);de(this,"incompatibleTokens",["G","y","Y","u","Q","q","M","L","w","d","D","e","c","t","T"])}parse(t,n){return qa(n==="R"?4:n.length,t)}set(t,n,r){const o=Re(t,0);return o.setFullYear(r,0,4),o.setHours(0,0,0,0),ma(o)}}class k0 extends Ye{constructor(){super(...arguments);de(this,"priority",130);de(this,"incompatibleTokens",["G","y","Y","R","w","I","i","e","c","t","T"])}parse(t,n){return qa(n==="u"?4:n.length,t)}set(t,n,r){return t.setFullYear(r,0,1),t.setHours(0,0,0,0),t}}class D0 extends Ye{constructor(){super(...arguments);de(this,"priority",120);de(this,"incompatibleTokens",["Y","R","q","M","L","w","I","d","D","i","e","c","t","T"])}parse(t,n,r){switch(n){case"Q":case"QQ":return je(n.length,t);case"Qo":return r.ordinalNumber(t,{unit:"quarter"});case"QQQ":return r.quarter(t,{width:"abbreviated",context:"formatting"})||r.quarter(t,{width:"narrow",context:"formatting"});case"QQQQQ":return r.quarter(t,{width:"narrow",context:"formatting"});case"QQQQ":default:return r.quarter(t,{width:"wide",context:"formatting"})||r.quarter(t,{width:"abbreviated",context:"formatting"})||r.quarter(t,{width:"narrow",context:"formatting"})}}validate(t,n){return n>=1&&n<=4}set(t,n,r){return t.setMonth((r-1)*3,1),t.setHours(0,0,0,0),t}}class $0 extends Ye{constructor(){super(...arguments);de(this,"priority",120);de(this,"incompatibleTokens",["Y","R","Q","M","L","w","I","d","D","i","e","c","t","T"])}parse(t,n,r){switch(n){case"q":case"qq":return je(n.length,t);case"qo":return r.ordinalNumber(t,{unit:"quarter"});case"qqq":return r.quarter(t,{width:"abbreviated",context:"standalone"})||r.quarter(t,{width:"narrow",context:"standalone"});case"qqqqq":return r.quarter(t,{width:"narrow",context:"standalone"});case"qqqq":default:return r.quarter(t,{width:"wide",context:"standalone"})||r.quarter(t,{width:"abbreviated",context:"standalone"})||r.quarter(t,{width:"narrow",context:"standalone"})}}validate(t,n){return n>=1&&n<=4}set(t,n,r){return t.setMonth((r-1)*3,1),t.setHours(0,0,0,0),t}}class M0 extends Ye{constructor(){super(...arguments);de(this,"incompatibleTokens",["Y","R","q","Q","L","w","I","D","i","e","c","t","T"]);de(this,"priority",110)}parse(t,n,r){const o=l=>l-1;switch(n){case"M":return Xe(ze(Ke.month,t),o);case"MM":return Xe(je(2,t),o);case"Mo":return Xe(r.ordinalNumber(t,{unit:"month"}),o);case"MMM":return r.month(t,{width:"abbreviated",context:"formatting"})||r.month(t,{width:"narrow",context:"formatting"});case"MMMMM":return r.month(t,{width:"narrow",context:"formatting"});case"MMMM":default:return r.month(t,{width:"wide",context:"formatting"})||r.month(t,{width:"abbreviated",context:"formatting"})||r.month(t,{width:"narrow",context:"formatting"})}}validate(t,n){return n>=0&&n<=11}set(t,n,r){return t.setMonth(r,1),t.setHours(0,0,0,0),t}}class P0 extends Ye{constructor(){super(...arguments);de(this,"priority",110);de(this,"incompatibleTokens",["Y","R","q","Q","M","w","I","D","i","e","c","t","T"])}parse(t,n,r){const o=l=>l-1;switch(n){case"L":return Xe(ze(Ke.month,t),o);case"LL":return Xe(je(2,t),o);case"Lo":return Xe(r.ordinalNumber(t,{unit:"month"}),o);case"LLL":return r.month(t,{width:"abbreviated",context:"standalone"})||r.month(t,{width:"narrow",context:"standalone"});case"LLLLL":return r.month(t,{width:"narrow",context:"standalone"});case"LLLL":default:return r.month(t,{width:"wide",context:"standalone"})||r.month(t,{width:"abbreviated",context:"standalone"})||r.month(t,{width:"narrow",context:"standalone"})}}validate(t,n){return n>=0&&n<=11}set(t,n,r){return t.setMonth(r,1),t.setHours(0,0,0,0),t}}function T0(e,a,t){const n=he(e),r=qn(n,t)-a;return n.setDate(n.getDate()-r*7),n}class S0 extends Ye{constructor(){super(...arguments);de(this,"priority",100);de(this,"incompatibleTokens",["y","R","u","q","Q","M","L","I","d","D","i","t","T"])}parse(t,n,r){switch(n){case"w":return ze(Ke.week,t);case"wo":return r.ordinalNumber(t,{unit:"week"});default:return je(n.length,t)}}validate(t,n){return n>=1&&n<=53}set(t,n,r,o){return Ct(T0(t,r,o),o)}}function x0(e,a){const t=he(e),n=zn(t)-a;return t.setDate(t.getDate()-n*7),t}class A0 extends Ye{constructor(){super(...arguments);de(this,"priority",100);de(this,"incompatibleTokens",["y","Y","u","q","Q","M","L","w","d","D","e","c","t","T"])}parse(t,n,r){switch(n){case"I":return ze(Ke.week,t);case"Io":return r.ordinalNumber(t,{unit:"week"});default:return je(n.length,t)}}validate(t,n){return n>=1&&n<=53}set(t,n,r){return ma(x0(t,r))}}const V0=[31,28,31,30,31,30,31,31,30,31,30,31],C0=[31,29,31,30,31,30,31,31,30,31,30,31];class N0 extends Ye{constructor(){super(...arguments);de(this,"priority",90);de(this,"subPriority",1);de(this,"incompatibleTokens",["Y","R","q","Q","w","I","D","i","e","c","t","T"])}parse(t,n,r){switch(n){case"d":return ze(Ke.date,t);case"do":return r.ordinalNumber(t,{unit:"date"});default:return je(n.length,t)}}validate(t,n){const r=t.getFullYear(),o=go(r),l=t.getMonth();return o?n>=1&&n<=C0[l]:n>=1&&n<=V0[l]}set(t,n,r){return t.setDate(r),t.setHours(0,0,0,0),t}}class O0 extends Ye{constructor(){super(...arguments);de(this,"priority",90);de(this,"subpriority",1);de(this,"incompatibleTokens",["Y","R","q","Q","M","L","w","I","d","E","i","e","c","t","T"])}parse(t,n,r){switch(n){case"D":case"DD":return ze(Ke.dayOfYear,t);case"Do":return r.ordinalNumber(t,{unit:"date"});default:return je(n.length,t)}}validate(t,n){const r=t.getFullYear();return go(r)?n>=1&&n<=366:n>=1&&n<=365}set(t,n,r){return t.setMonth(0,r),t.setHours(0,0,0,0),t}}function Un(e,a,t){var v,p,_,P;const n=oa(),r=(t==null?void 0:t.weekStartsOn)??((p=(v=t==null?void 0:t.locale)==null?void 0:v.options)==null?void 0:p.weekStartsOn)??n.weekStartsOn??((P=(_=n.locale)==null?void 0:_.options)==null?void 0:P.weekStartsOn)??0,o=he(e),l=o.getDay(),c=(a%7+7)%7,f=7-r,g=a<0||a>6?a-(l+f)%7:(c+f)%7-(l+f)%7;return Qe(o,g)}class Y0 extends Ye{constructor(){super(...arguments);de(this,"priority",90);de(this,"incompatibleTokens",["D","i","e","c","t","T"])}parse(t,n,r){switch(n){case"E":case"EE":case"EEE":return r.day(t,{width:"abbreviated",context:"formatting"})||r.day(t,{width:"short",context:"formatting"})||r.day(t,{width:"narrow",context:"formatting"});case"EEEEE":return r.day(t,{width:"narrow",context:"formatting"});case"EEEEEE":return r.day(t,{width:"short",context:"formatting"})||r.day(t,{width:"narrow",context:"formatting"});case"EEEE":default:return r.day(t,{width:"wide",context:"formatting"})||r.day(t,{width:"abbreviated",context:"formatting"})||r.day(t,{width:"short",context:"formatting"})||r.day(t,{width:"narrow",context:"formatting"})}}validate(t,n){return n>=0&&n<=6}set(t,n,r,o){return t=Un(t,r,o),t.setHours(0,0,0,0),t}}class I0 extends Ye{constructor(){super(...arguments);de(this,"priority",90);de(this,"incompatibleTokens",["y","R","u","q","Q","M","L","I","d","D","E","i","c","t","T"])}parse(t,n,r,o){const l=s=>{const c=Math.floor((s-1)/7)*7;return(s+o.weekStartsOn+6)%7+c};switch(n){case"e":case"ee":return Xe(je(n.length,t),l);case"eo":return Xe(r.ordinalNumber(t,{unit:"day"}),l);case"eee":return r.day(t,{width:"abbreviated",context:"formatting"})||r.day(t,{width:"short",context:"formatting"})||r.day(t,{width:"narrow",context:"formatting"});case"eeeee":return r.day(t,{width:"narrow",context:"formatting"});case"eeeeee":return r.day(t,{width:"short",context:"formatting"})||r.day(t,{width:"narrow",context:"formatting"});case"eeee":default:return r.day(t,{width:"wide",context:"formatting"})||r.day(t,{width:"abbreviated",context:"formatting"})||r.day(t,{width:"short",context:"formatting"})||r.day(t,{width:"narrow",context:"formatting"})}}validate(t,n){return n>=0&&n<=6}set(t,n,r,o){return t=Un(t,r,o),t.setHours(0,0,0,0),t}}class R0 extends Ye{constructor(){super(...arguments);de(this,"priority",90);de(this,"incompatibleTokens",["y","R","u","q","Q","M","L","I","d","D","E","i","e","t","T"])}parse(t,n,r,o){const l=s=>{const c=Math.floor((s-1)/7)*7;return(s+o.weekStartsOn+6)%7+c};switch(n){case"c":case"cc":return Xe(je(n.length,t),l);case"co":return Xe(r.ordinalNumber(t,{unit:"day"}),l);case"ccc":return r.day(t,{width:"abbreviated",context:"standalone"})||r.day(t,{width:"short",context:"standalone"})||r.day(t,{width:"narrow",context:"standalone"});case"ccccc":return r.day(t,{width:"narrow",context:"standalone"});case"cccccc":return r.day(t,{width:"short",context:"standalone"})||r.day(t,{width:"narrow",context:"standalone"});case"cccc":default:return r.day(t,{width:"wide",context:"standalone"})||r.day(t,{width:"abbreviated",context:"standalone"})||r.day(t,{width:"short",context:"standalone"})||r.day(t,{width:"narrow",context:"standalone"})}}validate(t,n){return n>=0&&n<=6}set(t,n,r,o){return t=Un(t,r,o),t.setHours(0,0,0,0),t}}function L0(e,a){const t=he(e),n=v0(t),r=a-n;return Qe(t,r)}class E0 extends Ye{constructor(){super(...arguments);de(this,"priority",90);de(this,"incompatibleTokens",["y","Y","u","q","Q","M","L","w","d","D","E","e","c","t","T"])}parse(t,n,r){const o=l=>l===0?7:l;switch(n){case"i":case"ii":return je(n.length,t);case"io":return r.ordinalNumber(t,{unit:"day"});case"iii":return Xe(r.day(t,{width:"abbreviated",context:"formatting"})||r.day(t,{width:"short",context:"formatting"})||r.day(t,{width:"narrow",context:"formatting"}),o);case"iiiii":return Xe(r.day(t,{width:"narrow",context:"formatting"}),o);case"iiiiii":return Xe(r.day(t,{width:"short",context:"formatting"})||r.day(t,{width:"narrow",context:"formatting"}),o);case"iiii":default:return Xe(r.day(t,{width:"wide",context:"formatting"})||r.day(t,{width:"abbreviated",context:"formatting"})||r.day(t,{width:"short",context:"formatting"})||r.day(t,{width:"narrow",context:"formatting"}),o)}}validate(t,n){return n>=1&&n<=7}set(t,n,r){return t=L0(t,r),t.setHours(0,0,0,0),t}}class H0 extends Ye{constructor(){super(...arguments);de(this,"priority",80);de(this,"incompatibleTokens",["b","B","H","k","t","T"])}parse(t,n,r){switch(n){case"a":case"aa":case"aaa":return r.dayPeriod(t,{width:"abbreviated",context:"formatting"})||r.dayPeriod(t,{width:"narrow",context:"formatting"});case"aaaaa":return r.dayPeriod(t,{width:"narrow",context:"formatting"});case"aaaa":default:return r.dayPeriod(t,{width:"wide",context:"formatting"})||r.dayPeriod(t,{width:"abbreviated",context:"formatting"})||r.dayPeriod(t,{width:"narrow",context:"formatting"})}}set(t,n,r){return t.setHours(jn(r),0,0,0),t}}class B0 extends Ye{constructor(){super(...arguments);de(this,"priority",80);de(this,"incompatibleTokens",["a","B","H","k","t","T"])}parse(t,n,r){switch(n){case"b":case"bb":case"bbb":return r.dayPeriod(t,{width:"abbreviated",context:"formatting"})||r.dayPeriod(t,{width:"narrow",context:"formatting"});case"bbbbb":return r.dayPeriod(t,{width:"narrow",context:"formatting"});case"bbbb":default:return r.dayPeriod(t,{width:"wide",context:"formatting"})||r.dayPeriod(t,{width:"abbreviated",context:"formatting"})||r.dayPeriod(t,{width:"narrow",context:"formatting"})}}set(t,n,r){return t.setHours(jn(r),0,0,0),t}}class F0 extends Ye{constructor(){super(...arguments);de(this,"priority",80);de(this,"incompatibleTokens",["a","b","t","T"])}parse(t,n,r){switch(n){case"B":case"BB":case"BBB":return r.dayPeriod(t,{width:"abbreviated",context:"formatting"})||r.dayPeriod(t,{width:"narrow",context:"formatting"});case"BBBBB":return r.dayPeriod(t,{width:"narrow",context:"formatting"});case"BBBB":default:return r.dayPeriod(t,{width:"wide",context:"formatting"})||r.dayPeriod(t,{width:"abbreviated",context:"formatting"})||r.dayPeriod(t,{width:"narrow",context:"formatting"})}}set(t,n,r){return t.setHours(jn(r),0,0,0),t}}class z0 extends Ye{constructor(){super(...arguments);de(this,"priority",70);de(this,"incompatibleTokens",["H","K","k","t","T"])}parse(t,n,r){switch(n){case"h":return ze(Ke.hour12h,t);case"ho":return r.ordinalNumber(t,{unit:"hour"});default:return je(n.length,t)}}validate(t,n){return n>=1&&n<=12}set(t,n,r){const o=t.getHours()>=12;return o&&r<12?t.setHours(r+12,0,0,0):!o&&r===12?t.setHours(0,0,0,0):t.setHours(r,0,0,0),t}}class W0 extends Ye{constructor(){super(...arguments);de(this,"priority",70);de(this,"incompatibleTokens",["a","b","h","K","k","t","T"])}parse(t,n,r){switch(n){case"H":return ze(Ke.hour23h,t);case"Ho":return r.ordinalNumber(t,{unit:"hour"});default:return je(n.length,t)}}validate(t,n){return n>=0&&n<=23}set(t,n,r){return t.setHours(r,0,0,0),t}}class q0 extends Ye{constructor(){super(...arguments);de(this,"priority",70);de(this,"incompatibleTokens",["h","H","k","t","T"])}parse(t,n,r){switch(n){case"K":return ze(Ke.hour11h,t);case"Ko":return r.ordinalNumber(t,{unit:"hour"});default:return je(n.length,t)}}validate(t,n){return n>=0&&n<=11}set(t,n,r){return t.getHours()>=12&&r<12?t.setHours(r+12,0,0,0):t.setHours(r,0,0,0),t}}class j0 extends Ye{constructor(){super(...arguments);de(this,"priority",70);de(this,"incompatibleTokens",["a","b","h","H","K","t","T"])}parse(t,n,r){switch(n){case"k":return ze(Ke.hour24h,t);case"ko":return r.ordinalNumber(t,{unit:"hour"});default:return je(n.length,t)}}validate(t,n){return n>=1&&n<=24}set(t,n,r){const o=r<=24?r%24:r;return t.setHours(o,0,0,0),t}}class U0 extends Ye{constructor(){super(...arguments);de(this,"priority",60);de(this,"incompatibleTokens",["t","T"])}parse(t,n,r){switch(n){case"m":return ze(Ke.minute,t);case"mo":return r.ordinalNumber(t,{unit:"minute"});default:return je(n.length,t)}}validate(t,n){return n>=0&&n<=59}set(t,n,r){return t.setMinutes(r,0,0),t}}class G0 extends Ye{constructor(){super(...arguments);de(this,"priority",50);de(this,"incompatibleTokens",["t","T"])}parse(t,n,r){switch(n){case"s":return ze(Ke.second,t);case"so":return r.ordinalNumber(t,{unit:"second"});default:return je(n.length,t)}}validate(t,n){return n>=0&&n<=59}set(t,n,r){return t.setSeconds(r,0),t}}class Q0 extends Ye{constructor(){super(...arguments);de(this,"priority",30);de(this,"incompatibleTokens",["t","T"])}parse(t,n){const r=o=>Math.trunc(o*Math.pow(10,-n.length+3));return Xe(je(n.length,t),r)}set(t,n,r){return t.setMilliseconds(r),t}}class K0 extends Ye{constructor(){super(...arguments);de(this,"priority",10);de(this,"incompatibleTokens",["t","T","x"])}parse(t,n){switch(n){case"X":return Tt(Pt.basicOptionalMinutes,t);case"XX":return Tt(Pt.basic,t);case"XXXX":return Tt(Pt.basicOptionalSeconds,t);case"XXXXX":return Tt(Pt.extendedOptionalSeconds,t);case"XXX":default:return Tt(Pt.extended,t)}}set(t,n,r){return n.timestampIsSet?t:Re(t,t.getTime()-Wa(t)-r)}}class X0 extends Ye{constructor(){super(...arguments);de(this,"priority",10);de(this,"incompatibleTokens",["t","T","X"])}parse(t,n){switch(n){case"x":return Tt(Pt.basicOptionalMinutes,t);case"xx":return Tt(Pt.basic,t);case"xxxx":return Tt(Pt.basicOptionalSeconds,t);case"xxxxx":return Tt(Pt.extendedOptionalSeconds,t);case"xxx":default:return Tt(Pt.extended,t)}}set(t,n,r){return n.timestampIsSet?t:Re(t,t.getTime()-Wa(t)-r)}}class Z0 extends Ye{constructor(){super(...arguments);de(this,"priority",40);de(this,"incompatibleTokens","*")}parse(t){return fo(t)}set(t,n,r){return[Re(t,r*1e3),{timestampIsSet:!0}]}}class J0 extends Ye{constructor(){super(...arguments);de(this,"priority",20);de(this,"incompatibleTokens","*")}parse(t){return fo(t)}set(t,n,r){return[Re(t,r),{timestampIsSet:!0}]}}const ev={G:new g0,y:new _0,Y:new w0,R:new b0,u:new k0,Q:new D0,q:new $0,M:new M0,L:new P0,w:new S0,I:new A0,d:new N0,D:new O0,E:new Y0,e:new I0,c:new R0,i:new E0,a:new H0,b:new B0,B:new F0,h:new z0,H:new W0,K:new q0,k:new j0,m:new U0,s:new G0,S:new Q0,X:new K0,x:new X0,t:new Z0,T:new J0},tv=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,av=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,nv=/^'([^]*?)'?$/,rv=/''/g,ov=/\S/,lv=/[a-zA-Z]/;function Tn(e,a,t,n){var A,R,ne,W,T,I,B,U;const r=m0(),o=(n==null?void 0:n.locale)??r.locale??co,l=(n==null?void 0:n.firstWeekContainsDate)??((R=(A=n==null?void 0:n.locale)==null?void 0:A.options)==null?void 0:R.firstWeekContainsDate)??r.firstWeekContainsDate??((W=(ne=r.locale)==null?void 0:ne.options)==null?void 0:W.firstWeekContainsDate)??1,s=(n==null?void 0:n.weekStartsOn)??((I=(T=n==null?void 0:n.locale)==null?void 0:T.options)==null?void 0:I.weekStartsOn)??r.weekStartsOn??((U=(B=r.locale)==null?void 0:B.options)==null?void 0:U.weekStartsOn)??0;if(a==="")return e===""?he(t):Re(t,NaN);const c={firstWeekContainsDate:l,weekStartsOn:s,locale:o},f=[new y0],g=a.match(av).map(E=>{const Q=E[0];if(Q in Mn){const ae=Mn[Q];return ae(E,o.formatLong)}return E}).join("").match(tv),v=[];for(let E of g){!(n!=null&&n.useAdditionalWeekYearTokens)&&po(E)&&Pn(E,a,e),!(n!=null&&n.useAdditionalDayOfYearTokens)&&vo(E)&&Pn(E,a,e);const Q=E[0],ae=ev[Q];if(ae){const{incompatibleTokens:re}=ae;if(Array.isArray(re)){const L=v.find(X=>re.includes(X.token)||X.token===Q);if(L)throw new RangeError(`The format string mustn't contain \`${L.fullToken}\` and \`${E}\` at the same time`)}else if(ae.incompatibleTokens==="*"&&v.length>0)throw new RangeError(`The format string mustn't contain \`${E}\` and any other token at the same time`);v.push({token:Q,fullToken:E});const M=ae.run(e,E,o.match,c);if(!M)return Re(t,NaN);f.push(M.setter),e=M.rest}else{if(Q.match(lv))throw new RangeError("Format string contains an unescaped latin alphabet character `"+Q+"`");if(E==="''"?E="'":Q==="'"&&(E=sv(E)),e.indexOf(E)===0)e=e.slice(E.length);else return Re(t,NaN)}}if(e.length>0&&ov.test(e))return Re(t,NaN);const p=f.map(E=>E.priority).sort((E,Q)=>Q-E).filter((E,Q,ae)=>ae.indexOf(E)===Q).map(E=>f.filter(Q=>Q.priority===E).sort((Q,ae)=>ae.subPriority-Q.subPriority)).map(E=>E[0]);let _=he(t);if(isNaN(_.getTime()))return Re(t,NaN);const P={};for(const E of p){if(!E.validate(_,c))return Re(t,NaN);const Q=E.set(_,P,c);Array.isArray(Q)?(_=Q[0],Object.assign(P,Q[1])):_=Q}return Re(t,_)}function sv(e){return e.match(nv)[1].replace(rv,"'")}function br(e,a){const t=qt(e),n=qt(a);return+t==+n}function Gn(e,a){return Qe(e,-a)}function iv(e,a){const t=(a==null?void 0:a.additionalDigits)??2,n=mv(e);let r;if(n.date){const c=vv(n.date,t);r=pv(c.restDateString,c.year)}if(!r||isNaN(r.getTime()))return new Date(NaN);const o=r.getTime();let l=0,s;if(n.time&&(l=hv(n.time),isNaN(l)))return new Date(NaN);if(n.timezone){if(s=fv(n.timezone),isNaN(s))return new Date(NaN)}else{const c=new Date(o+l),f=new Date(0);return f.setFullYear(c.getUTCFullYear(),c.getUTCMonth(),c.getUTCDate()),f.setHours(c.getUTCHours(),c.getUTCMinutes(),c.getUTCSeconds(),c.getUTCMilliseconds()),f}return new Date(o+l+s)}const Ra={dateTimeDelimiter:/[T ]/,timeZoneDelimiter:/[Z ]/i,timezone:/([Z+-].*)$/},uv=/^-?(?:(\d{3})|(\d{2})(?:-?(\d{2}))?|W(\d{2})(?:-?(\d{1}))?|)$/,cv=/^(\d{2}(?:[.,]\d*)?)(?::?(\d{2}(?:[.,]\d*)?))?(?::?(\d{2}(?:[.,]\d*)?))?$/,dv=/^([+-])(\d{2})(?::?(\d{2}))?$/;function mv(e){const a={},t=e.split(Ra.dateTimeDelimiter);let n;if(t.length>2)return a;if(/:/.test(t[0])?n=t[0]:(a.date=t[0],n=t[1],Ra.timeZoneDelimiter.test(a.date)&&(a.date=e.split(Ra.timeZoneDelimiter)[0],n=e.substr(a.date.length,e.length))),n){const r=Ra.timezone.exec(n);r?(a.time=n.replace(r[1],""),a.timezone=r[1]):a.time=n}return a}function vv(e,a){const t=new RegExp("^(?:(\\d{4}|[+-]\\d{"+(4+a)+"})|(\\d{2}|[+-]\\d{"+(2+a)+"})$)"),n=e.match(t);if(!n)return{year:NaN,restDateString:""};const r=n[1]?parseInt(n[1]):null,o=n[2]?parseInt(n[2]):null;return{year:o===null?r:o*100,restDateString:e.slice((n[1]||n[2]).length)}}function pv(e,a){if(a===null)return new Date(NaN);const t=e.match(uv);if(!t)return new Date(NaN);const n=!!t[4],r=_a(t[1]),o=_a(t[2])-1,l=_a(t[3]),s=_a(t[4]),c=_a(t[5])-1;if(n)return bv(a,s,c)?yv(a,s,c):new Date(NaN);{const f=new Date(0);return!_v(a,o,l)||!wv(a,r)?new Date(NaN):(f.setUTCFullYear(a,o,Math.max(r,l)),f)}}function _a(e){return e?parseInt(e):1}function hv(e){const a=e.match(cv);if(!a)return NaN;const t=un(a[1]),n=un(a[2]),r=un(a[3]);return kv(t,n,r)?t*Hn+n*En+r*1e3:NaN}function un(e){return e&&parseFloat(e.replace(",","."))||0}function fv(e){if(e==="Z")return 0;const a=e.match(dv);if(!a)return 0;const t=a[1]==="+"?-1:1,n=parseInt(a[2]),r=a[3]&&parseInt(a[3])||0;return Dv(n,r)?t*(n*Hn+r*En):NaN}function yv(e,a,t){const n=new Date(0);n.setUTCFullYear(e,0,4);const r=n.getUTCDay()||7,o=(a-1)*7+t+1-r;return n.setUTCDate(n.getUTCDate()+o),n}const gv=[31,null,31,30,31,30,31,31,30,31,30,31];function _o(e){return e%400===0||e%4===0&&e%100!==0}function _v(e,a,t){return a>=0&&a<=11&&t>=1&&t<=(gv[a]||(_o(e)?29:28))}function wv(e,a){return a>=1&&a<=(_o(e)?366:365)}function bv(e,a,t){return a>=1&&a<=53&&t>=0&&t<=6}function kv(e,a,t){return e===24?a===0&&t===0:t>=0&&t<60&&a>=0&&a<60&&e>=0&&e<25}function Dv(e,a){return a>=0&&a<=59}function wo(e,a){const t=he(e),n=t.getFullYear(),r=t.getDate(),o=Re(e,0);o.setFullYear(n,a,15),o.setHours(0,0,0,0);const l=d0(o);return t.setMonth(a,Math.min(r,l)),t}function Be(e,a){let t=he(e);return isNaN(+t)?Re(e,NaN):(a.year!=null&&t.setFullYear(a.year),a.month!=null&&(t=wo(t,a.month)),a.date!=null&&t.setDate(a.date),a.hours!=null&&t.setHours(a.hours),a.minutes!=null&&t.setMinutes(a.minutes),a.seconds!=null&&t.setSeconds(a.seconds),a.milliseconds!=null&&t.setMilliseconds(a.milliseconds),t)}function bo(e,a){const t=he(e);return t.setHours(a),t}function Qn(e,a){const t=he(e);return t.setMilliseconds(a),t}function ko(e,a){const t=he(e);return t.setMinutes(a),t}function Kn(e,a){const t=he(e);return t.setSeconds(a),t}function St(e,a){const t=he(e);return isNaN(+t)?Re(e,NaN):(t.setFullYear(a),t)}function Lt(e,a){return ct(e,-a)}function $v(e,a){const{years:t=0,months:n=0,weeks:r=0,days:o=0,hours:l=0,minutes:s=0,seconds:c=0}=a,f=Lt(e,n+t*12),g=Gn(f,o+r*7),v=s+l*60,_=(c+v*60)*1e3;return Re(e,g.getTime()-_)}function Do(e,a){return Bn(e,-a)}function ya(){return u(),m("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor","aria-hidden":"true",class:"dp__icon"},[y("path",{d:"M29.333 8c0-2.208-1.792-4-4-4h-18.667c-2.208 0-4 1.792-4 4v18.667c0 2.208 1.792 4 4 4h18.667c2.208 0 4-1.792 4-4v-18.667zM26.667 8v18.667c0 0.736-0.597 1.333-1.333 1.333 0 0-18.667 0-18.667 0-0.736 0-1.333-0.597-1.333-1.333 0 0 0-18.667 0-18.667 0-0.736 0.597-1.333 1.333-1.333 0 0 18.667 0 18.667 0 0.736 0 1.333 0.597 1.333 1.333z"}),y("path",{d:"M20 2.667v5.333c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-5.333c0-0.736-0.597-1.333-1.333-1.333s-1.333 0.597-1.333 1.333z"}),y("path",{d:"M9.333 2.667v5.333c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-5.333c0-0.736-0.597-1.333-1.333-1.333s-1.333 0.597-1.333 1.333z"}),y("path",{d:"M4 14.667h24c0.736 0 1.333-0.597 1.333-1.333s-0.597-1.333-1.333-1.333h-24c-0.736 0-1.333 0.597-1.333 1.333s0.597 1.333 1.333 1.333z"})])}ya.compatConfig={MODE:3};function $o(){return u(),m("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor","aria-hidden":"true",class:"dp__icon"},[y("path",{d:"M23.057 7.057l-16 16c-0.52 0.52-0.52 1.365 0 1.885s1.365 0.52 1.885 0l16-16c0.52-0.52 0.52-1.365 0-1.885s-1.365-0.52-1.885 0z"}),y("path",{d:"M7.057 8.943l16 16c0.52 0.52 1.365 0.52 1.885 0s0.52-1.365 0-1.885l-16-16c-0.52-0.52-1.365-0.52-1.885 0s-0.52 1.365 0 1.885z"})])}$o.compatConfig={MODE:3};function Xn(){return u(),m("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor","aria-hidden":"true",class:"dp__icon"},[y("path",{d:"M20.943 23.057l-7.057-7.057c0 0 7.057-7.057 7.057-7.057 0.52-0.52 0.52-1.365 0-1.885s-1.365-0.52-1.885 0l-8 8c-0.521 0.521-0.521 1.365 0 1.885l8 8c0.52 0.52 1.365 0.52 1.885 0s0.52-1.365 0-1.885z"})])}Xn.compatConfig={MODE:3};function Zn(){return u(),m("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor","aria-hidden":"true",class:"dp__icon"},[y("path",{d:"M12.943 24.943l8-8c0.521-0.521 0.521-1.365 0-1.885l-8-8c-0.52-0.52-1.365-0.52-1.885 0s-0.52 1.365 0 1.885l7.057 7.057c0 0-7.057 7.057-7.057 7.057-0.52 0.52-0.52 1.365 0 1.885s1.365 0.52 1.885 0z"})])}Zn.compatConfig={MODE:3};function Jn(){return u(),m("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor","aria-hidden":"true",class:"dp__icon"},[y("path",{d:"M16 1.333c-8.095 0-14.667 6.572-14.667 14.667s6.572 14.667 14.667 14.667c8.095 0 14.667-6.572 14.667-14.667s-6.572-14.667-14.667-14.667zM16 4c6.623 0 12 5.377 12 12s-5.377 12-12 12c-6.623 0-12-5.377-12-12s5.377-12 12-12z"}),y("path",{d:"M14.667 8v8c0 0.505 0.285 0.967 0.737 1.193l5.333 2.667c0.658 0.329 1.46 0.062 1.789-0.596s0.062-1.46-0.596-1.789l-4.596-2.298c0 0 0-7.176 0-7.176 0-0.736-0.597-1.333-1.333-1.333s-1.333 0.597-1.333 1.333z"})])}Jn.compatConfig={MODE:3};function er(){return u(),m("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor","aria-hidden":"true",class:"dp__icon"},[y("path",{d:"M24.943 19.057l-8-8c-0.521-0.521-1.365-0.521-1.885 0l-8 8c-0.52 0.52-0.52 1.365 0 1.885s1.365 0.52 1.885 0l7.057-7.057c0 0 7.057 7.057 7.057 7.057 0.52 0.52 1.365 0.52 1.885 0s0.52-1.365 0-1.885z"})])}er.compatConfig={MODE:3};function tr(){return u(),m("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor","aria-hidden":"true",class:"dp__icon"},[y("path",{d:"M7.057 12.943l8 8c0.521 0.521 1.365 0.521 1.885 0l8-8c0.52-0.52 0.52-1.365 0-1.885s-1.365-0.52-1.885 0l-7.057 7.057c0 0-7.057-7.057-7.057-7.057-0.52-0.52-1.365-0.52-1.885 0s-0.52 1.365 0 1.885z"})])}tr.compatConfig={MODE:3};const Da=36e5,Sn=6e4,Mv=2,Pv=[31,28,31,30,31,30,31,31,30,31,30,31],Tv=[31,29,31,30,31,30,31,31,30,31,30,31],Sv=/(Z|[+-]\d{2}(?::?\d{2})?| UTC| [a-zA-Z]+\/[a-zA-Z_]+(?:\/[a-zA-Z_]+)?)$/,tt={dateTimePattern:/^([0-9W+-]+)(T| )(.*)/,datePattern:/^([0-9W+-]+)(.*)/,plainTime:/:/,YY:/^(\d{2})$/,YYY:[/^([+-]\d{2})$/,/^([+-]\d{3})$/,/^([+-]\d{4})$/],YYYY:/^(\d{4})/,YYYYY:[/^([+-]\d{4})/,/^([+-]\d{5})/,/^([+-]\d{6})/],MM:/^-(\d{2})$/,DDD:/^-?(\d{3})$/,MMDD:/^-?(\d{2})-?(\d{2})$/,Www:/^-?W(\d{2})$/,WwwD:/^-?W(\d{2})-?(\d{1})$/,HH:/^(\d{2}([.,]\d*)?)$/,HHMM:/^(\d{2}):?(\d{2}([.,]\d*)?)$/,HHMMSS:/^(\d{2}):?(\d{2}):?(\d{2}([.,]\d*)?)$/,timezone:/([Z+-].*)$/,timeZone:/([Z+-].*)$/,timezoneZ:/^(Z)$/,timezoneHH:/^([+-]\d{2})$/,timezoneHHMM:/^([+-]\d{2}):?(\d{2})$/},xv=(e,a,t)=>{const n=ja(e,t),r=ar(a,n,!0),o=new Date(n.getTime()-r),l=new Date(0);return l.setFullYear(o.getUTCFullYear(),o.getUTCMonth(),o.getUTCDate()),l.setHours(o.getUTCHours(),o.getUTCMinutes(),o.getUTCSeconds(),o.getUTCMilliseconds()),l},Av=(e,a,t)=>{if(typeof e=="string"&&!e.match(Sv)){const l=zv(t);return l.timeZone=a,ja(e,l)}const n=ja(e,t),r=nr(n.getFullYear(),n.getMonth(),n.getDate(),n.getHours(),n.getMinutes(),n.getSeconds(),n.getMilliseconds()).getTime(),o=ar(a,new Date(r));return new Date(r+o)};function ar(e,a,t){let n,r;if(!e||(n=tt.timezoneZ.exec(e),n))return 0;let o;if(n=tt.timezoneHH.exec(e),n)return o=parseInt(n[1],10),Dr(o)?-(o*Da):NaN;if(n=tt.timezoneHHMM.exec(e),n){o=parseInt(n[1],10);const l=parseInt(n[2],10);return Dr(o,l)?(r=Math.abs(o)*Da+l*Sn,o>0?-r:r):NaN}if(Vv(e)){a=new Date(a||Date.now());const l=t?a:qv(a),s=xn(l,e);return-(t?s:Cv(a,s,e))}return NaN}const kr={};function Vv(e){if(kr[e])return!0;try{return new Intl.DateTimeFormat(void 0,{timeZone:e}),kr[e]=!0,!0}catch{return!1}}function Cv(e,a,t){let n=e.getTime()-a;const r=xn(new Date(n),t);if(a===r)return a;n-=r-a;const o=xn(new Date(n),t);return r===o?r:Math.max(r,o)}function Dr(e,a){return-23<=e&&e<=23&&(a==null||0<=a&&a<=59)}function xn(e,a){const t=Nv(e,a),n=nr(t[0],t[1]-1,t[2],t[3]%24,t[4],t[5],0).getTime();let r=e.getTime();const o=r%1e3;return r-=o>=0?o:1e3+o,n-r}function nr(e,a,t,n,r,o,l){const s=new Date(0);return s.setUTCFullYear(e,a,t),s.setUTCHours(n,r,o,l),s}function Nv(e,a){const t=Ov(a);return t.formatToParts?Iv(t,e):Rv(t,e)}const cn={};function Ov(e){if(!cn[e]){const a=new Intl.DateTimeFormat("en-US",{hour12:!1,timeZone:"America/New_York",year:"numeric",month:"numeric",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"}).format(new Date("2014-06-25T04:00:00.123Z")),t=a==="06/25/2014, 00:00:00"||a==="06/25/2014 00:00:00";cn[e]=t?new Intl.DateTimeFormat("en-US",{hour12:!1,timeZone:e,year:"numeric",month:"numeric",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"}):new Intl.DateTimeFormat("en-US",{hourCycle:"h23",timeZone:e,year:"numeric",month:"numeric",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"})}return cn[e]}const Yv={year:0,month:1,day:2,hour:3,minute:4,second:5};function Iv(e,a){try{const t=e.formatToParts(a),n=[];for(let r=0;r=0&&(n[o]=parseInt(t[r].value,10))}return n}catch(t){if(t instanceof RangeError)return[NaN];throw t}}function Rv(e,a){const t=e.format(a).replace(/\u200E/g,""),n=/(\d+)\/(\d+)\/(\d+),? (\d+):(\d+):(\d+)/.exec(t);return[n[3],n[1],n[2],n[4],n[5],n[6]]}function ja(e,a){if(arguments.length<1)throw new TypeError("1 argument required, but only "+arguments.length+" present");if(e===null)return new Date(NaN);const t=a||{},n=t.additionalDigits==null?Mv:Fv(t.additionalDigits);if(n!==2&&n!==1&&n!==0)throw new RangeError("additionalDigits must be 0, 1 or 2");if(e instanceof Date||typeof e=="object"&&Object.prototype.toString.call(e)==="[object Date]")return new Date(e.getTime());if(typeof e=="number"||Object.prototype.toString.call(e)==="[object Number]")return new Date(e);if(!(typeof e=="string"||Object.prototype.toString.call(e)==="[object String]"))return new Date(NaN);const r=Bv(e),o=Hv(r.date,n),l=o.year,s=o.restDateString,c=f(s,l);function f(g,v){if(v===null)return null;let p,_,P,A;if(g.length===0)return _=new Date(0),_.setUTCFullYear(v),_;if(p=tt.MM.exec(g),p)return _=new Date(0),P=parseInt(p[1],10)-1,Mr(v,P)?(_.setUTCFullYear(v,P),_):new Date(NaN);if(p=tt.DDD.exec(g),p){_=new Date(0);const R=parseInt(p[1],10);return Lv(v,R)?(_.setUTCFullYear(v,0,R),_):new Date(NaN)}if(p=tt.MMDD.exec(g),p){_=new Date(0),P=parseInt(p[1],10)-1;const R=parseInt(p[2],10);return Mr(v,P,R)?(_.setUTCFullYear(v,P,R),_):new Date(NaN)}if(p=tt.Www.exec(g),p)return A=parseInt(p[1],10)-1,Pr(v,A)?$r(v,A):new Date(NaN);if(p=tt.WwwD.exec(g),p){A=parseInt(p[1],10)-1;const R=parseInt(p[2],10)-1;return Pr(v,A,R)?$r(v,A,R):new Date(NaN)}return null}if(isNaN(c))return new Date(NaN);if(c){const g=c.getTime();let v=0,p;if(r.time&&(v=Ev(r.time),isNaN(v)))return new Date(NaN);if(r.timeZone||t.timeZone){if(p=ar(r.timeZone||t.timeZone,new Date(g+v)),isNaN(p))return new Date(NaN)}else p=Tr(new Date(g+v)),p=Tr(new Date(g+v+p));return new Date(g+v+p)}else return new Date(NaN)}function $r(e,a,t){a=a||0,t=t||0;const n=new Date(0);n.setUTCFullYear(e,0,4);const r=n.getUTCDay()||7,o=a*7+t+1-r;return n.setUTCDate(n.getUTCDate()+o),n}function Mo(e){return e%400===0||e%4===0&&e%100!==0}function Mr(e,a,t){if(a<0||a>11)return!1;if(t!=null){if(t<1)return!1;const n=Mo(e);if(n&&t>Tv[a]||!n&&t>Pv[a])return!1}return!0}function Lv(e,a){if(a<1)return!1;const t=Mo(e);return t&&a>366?!1:!(!t&&a>365)}function Pr(e,a,t){return a<0||a>52?!1:!(t!=null&&(t<0||t>6))}function dn(e,a,t){return e!=null&&(e<0||e>=25)||a!=null&&(a<0||a>=60)?!1:!(t!=null&&(t<0||t>=60))}function Ev(e){let a,t,n;if(a=tt.HH.exec(e),a)return t=parseFloat(a[1].replace(",",".")),dn(t)?t%24*Da:NaN;if(a=tt.HHMM.exec(e),a)return t=parseInt(a[1],10),n=parseFloat(a[2].replace(",",".")),dn(t,n)?t%24*Da+n*Sn:NaN;if(a=tt.HHMMSS.exec(e),a){t=parseInt(a[1],10),n=parseInt(a[2],10);const r=parseFloat(a[3].replace(",","."));return dn(t,n,r)?t%24*Da+n*Sn+r*1e3:NaN}return null}function Hv(e,a){const t=tt.YYY[a],n=tt.YYYYY[a];let r;if(r=tt.YYYY.exec(e)||n.exec(e),r){const o=r[1];return{year:parseInt(o,10),restDateString:e.slice(o.length)}}if(r=tt.YY.exec(e)||t.exec(e),r){const o=r[1];return{year:parseInt(o,10)*100,restDateString:e.slice(o.length)}}return{year:null}}function Bv(e){const a={};let t=tt.dateTimePattern.exec(e),n;if(t?(a.date=t[1],n=t[3]):(t=tt.datePattern.exec(e),t?(a.date=t[1],n=t[2]):(a.date=null,n=e)),n){const r=tt.timeZone.exec(n);r?(a.time=n.replace(r[1],""),a.timeZone=r[1].trim()):a.time=n}return a}function Tr(e){const a=ja(e),t=new Date(Date.UTC(a.getFullYear(),a.getMonth(),a.getDate(),a.getHours(),a.getMinutes(),a.getSeconds(),a.getMilliseconds()));return t.setUTCFullYear(a.getFullYear()),+e-+t}function Fv(e){if(e===null||e===!0||e===!1)return NaN;const a=Number(e);return isNaN(a)?a:a<0?Math.ceil(a):Math.floor(a)}function zv(e){return Wv({},e)}function Wv(e,a){if(e==null)throw new TypeError("assign requires that input parameter not be null or undefined");for(const t in a)Object.prototype.hasOwnProperty.call(a,t)&&(e[t]=a[t]);return e}function qv(e){return nr(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds())}function Sr(e){return a=>new Intl.DateTimeFormat(e,{weekday:"short",timeZone:"UTC"}).format(new Date(`2017-01-0${a}T00:00:00+00:00`)).slice(0,2)}function jv(e){return a=>ft(new Date(`2017-01-0${a}T00:00:00+00:00`),"EEEEEE",{locale:e})}const Uv=(e,a,t)=>{const n=[1,2,3,4,5,6,7];let r;if(e!==null)try{r=n.map(jv(e))}catch{r=n.map(Sr(a))}else r=n.map(Sr(a));const o=r.slice(0,t),l=r.slice(t+1,r.length);return[r[t]].concat(...l).concat(...o)},rr=(e,a)=>{const t=[];for(let n=+e[0];n<=+e[1];n++)t.push({value:+n,text:`${n}`});return a?t.reverse():t},Po=(e,a,t)=>{const n=[1,2,3,4,5,6,7,8,9,10,11,12].map(o=>{const l=o<10?`0${o}`:o;return new Date(`2017-${l}-01T00:00:00+00:00`)});if(e!==null)try{const o=t==="long"?"MMMM":"MMM";return n.map((l,s)=>{const c=ft(l,o,{locale:e});return{text:c.charAt(0).toUpperCase()+c.substring(1),value:s}})}catch{}const r=new Intl.DateTimeFormat(a,{month:t,timeZone:"UTC"});return n.map((o,l)=>{const s=r.format(o);return{text:s.charAt(0).toUpperCase()+s.substring(1),value:l}})},Gv=e=>[12,1,2,3,4,5,6,7,8,9,10,11,12,1,2,3,4,5,6,7,8,9,10,11][e],Je=e=>{const a=i(e);return a!=null&&a.$el?a==null?void 0:a.$el:a},Qv=e=>Object.assign({type:"dot"},e),To=e=>Array.isArray(e)?!!e[0]&&!!e[1]:!1,or={prop:e=>`"${e}" prop must be enabled!`,dateArr:e=>`You need to use array as "model-value" binding in order to support "${e}"`},et=e=>e,xr=e=>e===0?e:!e||isNaN(+e)?null:+e,Ar=e=>e===null,So=e=>{if(e)return[...e.querySelectorAll("input, button, select, textarea, a[href]")][0]},Kv=e=>{const a=[],t=n=>n.filter(r=>r);for(let n=0;n{const n=t!=null,r=a!=null;if(!n&&!r)return!1;const o=+t,l=+a;return n&&r?+e>o||+eo:r?+eKv(e).map(t=>t.map(n=>{const{active:r,disabled:o,isBetween:l,highlighted:s}=a(n);return{...n,active:r,disabled:o,className:{dp__overlay_cell_active:r,dp__overlay_cell:!r,dp__overlay_cell_disabled:o,dp__overlay_cell_pad:!0,dp__overlay_cell_active_disabled:o&&r,dp__cell_in_between:l,"dp--highlighted":s}}})),Ut=(e,a,t=!1)=>{e&&a.allowStopPropagation&&(t&&e.stopImmediatePropagation(),e.stopPropagation())},Xv=()=>["a[href]","area[href]","input:not([disabled]):not([type='hidden'])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","[tabindex]:not([tabindex='-1'])","[data-datepicker-instance]"].join(", ");function Zv(e,a){let t=[...document.querySelectorAll(Xv())];t=t.filter(r=>!e.contains(r)||r.hasAttribute("data-datepicker-instance"));const n=t.indexOf(e);if(n>=0&&(a?n-1>=0:n+1<=t.length))return t[n+(a?-1:1)]}const Jv=(e,a)=>e==null?void 0:e.querySelector(`[data-dp-element="${a}"]`),Vr=(e,a,t,n,r)=>{const o=Tn(e,a.slice(0,e.length),new Date);return ka(o)&&lo(o)?n||r?o:Be(o,{hours:+t.hours,minutes:+(t==null?void 0:t.minutes),seconds:+(t==null?void 0:t.seconds),milliseconds:0}):null},ep=(e,a,t,n,r)=>{const o=Array.isArray(t)?t[0]:t;if(typeof a=="string")return Vr(e,a,o,n,r);if(Array.isArray(a)){let l=null;for(const s of a)if(l=Vr(e,s,o,n,r),l)break;return l}return typeof a=="function"?a(e):null},G=e=>e?new Date(e):new Date,tp=(e,a,t)=>{if(a){const r=(e.getMonth()+1).toString().padStart(2,"0"),o=e.getDate().toString().padStart(2,"0"),l=e.getHours().toString().padStart(2,"0"),s=e.getMinutes().toString().padStart(2,"0"),c=t?e.getSeconds().toString().padStart(2,"0"):"00";return`${e.getFullYear()}-${r}-${o}T${l}:${s}:${c}.000Z`}const n=Date.UTC(e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate(),e.getUTCHours(),e.getUTCMinutes(),e.getUTCSeconds());return new Date(n).toISOString()},rt=e=>{let a=G(JSON.parse(JSON.stringify(e)));return a=bo(a,0),a=ko(a,0),a=Kn(a,0),a=Qn(a,0),a},Gt=(e,a,t,n)=>{let r=e?G(e):G();return(a||a===0)&&(r=bo(r,+a)),(t||t===0)&&(r=ko(r,+t)),(n||n===0)&&(r=Kn(r,+n)),Qn(r,0)},qe=(e,a)=>!e||!a?!1:Pa(rt(e),rt(a)),Se=(e,a)=>!e||!a?!1:Jt(rt(e),rt(a)),Ge=(e,a)=>!e||!a?!1:Ma(rt(e),rt(a)),Za=(e,a,t)=>e!=null&&e[0]&&e!=null&&e[1]?Ge(t,e[0])&&qe(t,e[1]):e!=null&&e[0]&&a?Ge(t,e[0])&&qe(t,a)||qe(t,e[0])&&Ge(t,a):!1,ht=e=>{const a=Be(new Date(e),{date:1});return rt(a)},mn=(e,a,t)=>a&&(t||t===0)?Object.fromEntries(["hours","minutes","seconds"].map(n=>n===a?[n,t]:[n,isNaN(+e[n])?void 0:+e[n]])):{hours:isNaN(+e.hours)?void 0:+e.hours,minutes:isNaN(+e.minutes)?void 0:+e.minutes,seconds:isNaN(+e.seconds)?void 0:+e.seconds},ea=e=>({hours:yt(e),minutes:Vt(e),seconds:va(e)}),xo=(e,a)=>{if(a){const t=ke(G(a));if(t>e)return 12;if(t===e)return Te(G(a))}},Ao=(e,a)=>{if(a){const t=ke(G(a));return t{if(e)return ke(G(e))},gt=(e,a)=>a?xv(e,a):e,Vo=(e,a)=>a?Av(e,a):e,ap=e=>e instanceof Date?e:iv(e),Co=(e,a)=>{const t=Ge(e,a)?a:e,n=Ge(a,e)?a:e;return so({start:t,end:n})},np=e=>{const a=ct(e,1);return{month:Te(a),year:ke(a)}},Yt=(e,a,t)=>{const n=Ct(gt(e,a),{weekStartsOn:+t}),r=_m(gt(e,a),{weekStartsOn:+t});return[n,r]},No=(e,a)=>{const t={hours:yt(G()),minutes:Vt(G()),seconds:a?va(G()):0};return Object.assign(t,e)},jt=(e,a,t)=>[Be(G(e),{date:1}),Be(G(),{month:a,year:t,date:1})],It=(e,a,t)=>{let n=e?G(e):G();return(a||a===0)&&(n=wo(n,a)),t&&(n=St(n,t)),n},Oo=(e,a,t,n,r)=>{if(!n||r&&!a||!r&&!t)return!1;const o=r?ct(e,1):Lt(e,1),l=[Te(o),ke(o)];return r?!op(...l,a):!rp(...l,t)},rp=(e,a,t)=>qe(...jt(t,e,a))||Se(...jt(t,e,a)),op=(e,a,t)=>Ge(...jt(t,e,a))||Se(...jt(t,e,a)),Yo=(e,a,t,n,r,o,l)=>{if(typeof a=="function"&&!l)return a(e);const s=t?{locale:t}:void 0;return Array.isArray(e)?`${ft(e[0],o,s)}${r&&!e[1]?"":n}${e[1]?ft(e[1],o,s):""}`:ft(e,o,s)},ua=e=>{if(e)return null;throw new Error(or.prop("partial-range"))},La=(e,a)=>{if(a)return e();throw new Error(or.prop("range"))},An=e=>Array.isArray(e)?ka(e[0])&&(e[1]?ka(e[1]):!0):e?ka(e):!1,lp=(e,a)=>Be(a??G(),{hours:+e.hours||0,minutes:+e.minutes||0,seconds:+e.seconds||0}),vn=(e,a,t,n)=>{if(!e)return!0;if(n){const r=t==="max"?Pa(e,a):Ma(e,a),o={seconds:0,milliseconds:0};return r||Jt(Be(e,o),Be(a,o))}return t==="max"?e.getTime()<=a.getTime():e.getTime()>=a.getTime()},pn=(e,a,t)=>e?lp(e,a):G(t??a),Cr=(e,a,t,n,r)=>{if(Array.isArray(n)){const l=pn(e,n[0],a),s=pn(e,n[1],a);return vn(n[0],l,t,!!a)&&vn(n[1],s,t,!!a)&&r}const o=pn(e,n,a);return vn(n,o,t,!!a)&&r},hn=e=>Be(G(),ea(e)),sp=(e,a)=>Array.isArray(e)?e.map(t=>G(t)).filter(t=>ke(G(t))===a).map(t=>Te(t)):[],Io=(e,a,t)=>typeof e=="function"?e({month:a,year:t}):!!e.months.find(n=>n.month===a&&n.year===t),lr=(e,a)=>typeof e=="function"?e(a):e.years.includes(a),wa=Sa({menuFocused:!1,shiftKeyInMenu:!1}),Ro=()=>{const e=t=>{wa.menuFocused=t},a=t=>{wa.shiftKeyInMenu!==t&&(wa.shiftKeyInMenu=t)};return{control:x(()=>({shiftKeyInMenu:wa.shiftKeyInMenu,menuFocused:wa.menuFocused})),setMenuFocused:e,setShiftKey:a}},Fe=Sa({monthYear:[],calendar:[],time:[],actionRow:[],selectionGrid:[],timePicker:{0:[],1:[]},monthPicker:[]}),fn=Y(null),Ea=Y(!1),yn=Y(!1),gn=Y(!1),_n=Y(!1),ot=Y(0),nt=Y(0),Kt=()=>{const e=x(()=>Ea.value?[...Fe.selectionGrid,Fe.actionRow].filter(v=>v.length):yn.value?[...Fe.timePicker[0],...Fe.timePicker[1],_n.value?[]:[fn.value],Fe.actionRow].filter(v=>v.length):gn.value?[...Fe.monthPicker,Fe.actionRow]:[Fe.monthYear,...Fe.calendar,Fe.time,Fe.actionRow].filter(v=>v.length)),a=v=>{ot.value=v?ot.value+1:ot.value-1;let p=null;e.value[nt.value]&&(p=e.value[nt.value][ot.value]),p||(ot.value=v?ot.value-1:ot.value+1)},t=v=>{nt.value===0&&!v||nt.value===e.value.length&&v||(nt.value=v?nt.value+1:nt.value-1,e.value[nt.value]?e.value[nt.value]&&!e.value[nt.value][ot.value]&&ot.value!==0&&(ot.value=e.value[nt.value].length-1):nt.value=v?nt.value-1:nt.value+1)},n=v=>{let p=null;e.value[nt.value]&&(p=e.value[nt.value][ot.value]),p?p.focus({preventScroll:!Ea.value}):ot.value=v?ot.value-1:ot.value+1},r=()=>{a(!0),n(!0)},o=()=>{a(!1),n(!1)},l=()=>{t(!1),n(!0)},s=()=>{t(!0),n(!0)},c=(v,p)=>{Fe[p]=v},f=(v,p)=>{Fe[p]=v},g=()=>{ot.value=0,nt.value=0};return{buildMatrix:c,buildMultiLevelMatrix:f,setTimePickerBackRef:v=>{fn.value=v},setSelectionGrid:v=>{Ea.value=v,g(),v||(Fe.selectionGrid=[])},setTimePicker:(v,p=!1)=>{yn.value=v,_n.value=p,g(),v||(Fe.timePicker[0]=[],Fe.timePicker[1]=[])},setTimePickerElements:(v,p=0)=>{Fe.timePicker[p]=v},arrowRight:r,arrowLeft:o,arrowUp:l,arrowDown:s,clearArrowNav:()=>{Fe.monthYear=[],Fe.calendar=[],Fe.time=[],Fe.actionRow=[],Fe.selectionGrid=[],Fe.timePicker[0]=[],Fe.timePicker[1]=[],Ea.value=!1,yn.value=!1,_n.value=!1,gn.value=!1,g(),fn.value=null},setMonthPicker:v=>{gn.value=v,g()},refSets:Fe}},Nr=e=>({menuAppearTop:"dp-menu-appear-top",menuAppearBottom:"dp-menu-appear-bottom",open:"dp-slide-down",close:"dp-slide-up",next:"calendar-next",previous:"calendar-prev",vNext:"dp-slide-up",vPrevious:"dp-slide-down",...e??{}}),ip=e=>({toggleOverlay:"Toggle overlay",menu:"Datepicker menu",input:"Datepicker input",calendarWrap:"Calendar wrapper",calendarDays:"Calendar days",openTimePicker:"Open time picker",closeTimePicker:"Close time Picker",incrementValue:a=>`Increment ${a}`,decrementValue:a=>`Decrement ${a}`,openTpOverlay:a=>`Open ${a} overlay`,amPmButton:"Switch AM/PM mode",openYearsOverlay:"Open years overlay",openMonthsOverlay:"Open months overlay",nextMonth:"Next month",prevMonth:"Previous month",nextYear:"Next year",prevYear:"Previous year",day:()=>"",...e??{}}),Or=e=>e?typeof e=="boolean"?e?2:0:+e>=2?+e:2:0,up=e=>{const a=typeof e=="object"&&e,t={static:!0,solo:!1};if(!e)return{...t,count:Or(!1)};const n=a?e:{},r=a?n.count??!0:e,o=Or(r);return Object.assign(t,n,{count:o})},cp=(e,a,t)=>e||(typeof t=="string"?t:a),dp=e=>typeof e=="boolean"?e?Nr({}):!1:Nr(e),mp=e=>{const a={enterSubmit:!0,tabSubmit:!0,openMenu:!0,selectOnFocus:!1,rangeSeparator:" - "};return typeof e=="object"?{...a,...e??{},enabled:!0}:{...a,enabled:e}},vp=e=>({months:[],years:[],times:{hours:[],minutes:[],seconds:[]},...e??{}}),pp=e=>({showSelect:!0,showCancel:!0,showNow:!1,showPreview:!0,...e??{}}),hp=e=>{const a={input:!1};return typeof e=="object"?{...a,...e??{},enabled:!0}:{enabled:e,...a}},fp=e=>({allowStopPropagation:!0,closeOnScroll:!1,modeHeight:255,allowPreventDefault:!1,closeOnClearValue:!0,closeOnAutoApply:!0,noSwipe:!1,keepActionRow:!1,onClickOutside:void 0,tabOutClosesMenu:!0,...e??{}}),yp=e=>{const a={dates:Array.isArray(e)?e.map(t=>G(t)):[],years:[],months:[],quarters:[],weeks:[],weekdays:[],options:{highlightDisabled:!1}};return typeof e=="function"?e:{...a,...e??{}}},gp=e=>typeof e=="object"?{type:(e==null?void 0:e.type)??"local",hideOnOffsetDates:(e==null?void 0:e.hideOnOffsetDates)??!1}:{type:e,hideOnOffsetDates:!1},_p=(e,a)=>typeof e=="object"?{enabled:!0,...{noDisabledRange:!1,showLastInRange:!0,minMaxRawRange:!1,partialRange:!0,disableTimeRangeValidation:!1,maxRange:void 0,minRange:void 0,autoRange:void 0,fixedStart:!1,fixedEnd:!1},...e}:{enabled:e,noDisabledRange:a.noDisabledRange,showLastInRange:a.showLastInRange,minMaxRawRange:a.minMaxRawRange,partialRange:a.partialRange,disableTimeRangeValidation:a.disableTimeRangeValidation,maxRange:a.maxRange,minRange:a.minRange,autoRange:a.autoRange,fixedStart:a.fixedStart,fixedEnd:a.fixedEnd},We=e=>{const a=()=>{const W=e.enableSeconds?":ss":"";return e.is24?`HH:mm${W}`:`hh:mm${W} aa`},t=()=>{var W;return e.format?e.format:e.monthPicker?"MM/yyyy":e.timePicker?a():e.weekPicker?`${((W=R.value)==null?void 0:W.type)==="iso"?"RR":"ww"}-yyyy`:e.yearPicker?"yyyy":e.quarterPicker?"QQQ/yyyy":e.enableTimePicker?`MM/dd/yyyy, ${a()}`:"MM/dd/yyyy"},n=W=>No(W,e.enableSeconds),r=()=>ne.value.enabled?e.startTime&&Array.isArray(e.startTime)?[n(e.startTime[0]),n(e.startTime[1])]:null:e.startTime&&!Array.isArray(e.startTime)?n(e.startTime):null,o=x(()=>up(e.multiCalendars)),l=x(()=>r()),s=x(()=>ip(e.ariaLabels)),c=x(()=>vp(e.filters)),f=x(()=>dp(e.transitions)),g=x(()=>pp(e.actionRow)),v=x(()=>cp(e.previewFormat,e.format,t())),p=x(()=>mp(e.textInput)),_=x(()=>hp(e.inline)),P=x(()=>fp(e.config)),A=x(()=>yp(e.highlight)),R=x(()=>gp(e.weekNumbers)),ne=x(()=>_p(e.range,{minMaxRawRange:!1,maxRange:e.maxRange,minRange:e.minRange,noDisabledRange:e.noDisabledRange,showLastInRange:e.showLastInRange,partialRange:e.partialRange,disableTimeRangeValidation:e.disableTimeRangeValidation,autoRange:e.autoRange,fixedStart:e.fixedStart,fixedEnd:e.fixedEnd}));return{defaultedTransitions:f,defaultedMultiCalendars:o,defaultedStartTime:l,defaultedAriaLabels:s,defaultedFilters:c,defaultedActionRow:g,defaultedPreviewFormat:v,defaultedTextInput:p,defaultedInline:_,defaultedConfig:P,defaultedHighlight:A,defaultedWeekNumbers:R,defaultedRange:ne,getDefaultPattern:t,getDefaultStartTime:r}},wp=(e,a,t)=>{const n=Y(),{defaultedTextInput:r,defaultedRange:o,getDefaultPattern:l}=We(a),s=Y(""),c=Fa(a,"format");st(n,()=>{e("internal-model-change",n.value)},{deep:!0}),st(c,()=>{b()});const f=d=>Vo(d,a.timezone),g=d=>gt(d,a.timezone),v=(d,S,K=!1)=>Yo(d,a.format,a.formatLocale,r.value.rangeSeparator,a.modelAuto,S??l(),K),p=d=>d?a.modelType?z(d):{hours:yt(d),minutes:Vt(d),seconds:a.enableSeconds?va(d):0}:null,_=d=>a.modelType?z(d):{month:Te(d),year:ke(d)},P=d=>Array.isArray(d)?a.multiDates?d.map(S=>A(S,St(G(),S))):La(()=>[St(G(),d[0]),d[1]?St(G(),d[1]):ua(o.value.partialRange)],o.value.enabled):St(G(),+d),A=(d,S)=>(typeof d=="string"||typeof d=="number")&&a.modelType?O(d):S,R=d=>Array.isArray(d)?[A(d[0],Gt(null,+d[0].hours,+d[0].minutes,d[0].seconds)),A(d[1],Gt(null,+d[1].hours,+d[1].minutes,d[1].seconds))]:A(d,Gt(null,d.hours,d.minutes,d.seconds)),ne=d=>{const S=Be(G(),{date:1});return Array.isArray(d)?a.multiDates?d.map(K=>A(K,It(S,+K.month,+K.year))):La(()=>[A(d[0],It(S,+d[0].month,+d[0].year)),A(d[1],d[1]?It(S,+d[1].month,+d[1].year):ua(o.value.partialRange))],o.value.enabled):A(d,It(S,+d.month,+d.year))},W=d=>{if(Array.isArray(d))return d.map(S=>O(S));throw new Error(or.dateArr("multi-dates"))},T=d=>{if(Array.isArray(d)&&o.value.enabled){const S=d[0],K=d[1];return[G(Array.isArray(S)?S[0]:null),G(Array.isArray(K)?K[0]:null)]}return G(d[0])},I=d=>a.modelAuto?Array.isArray(d)?[O(d[0]),O(d[1])]:a.autoApply?[O(d)]:[O(d),null]:Array.isArray(d)?La(()=>d[1]?[O(d[0]),d[1]?O(d[1]):ua(o.value.partialRange)]:[O(d[0])],o.value.enabled):O(d),B=()=>{Array.isArray(n.value)&&o.value.enabled&&n.value.length===1&&n.value.push(ua(o.value.partialRange))},U=()=>{const d=n.value;return[z(d[0]),d[1]?z(d[1]):ua(o.value.partialRange)]},E=()=>n.value[1]?U():z(et(n.value[0])),Q=()=>(n.value||[]).map(d=>z(d)),ae=()=>(B(),a.modelAuto?E():a.multiDates?Q():Array.isArray(n.value)?La(()=>U(),o.value.enabled):z(et(n.value))),re=d=>!d||Array.isArray(d)&&!d.length?null:a.timePicker?R(et(d)):a.monthPicker?ne(et(d)):a.yearPicker?P(et(d)):a.multiDates?W(et(d)):a.weekPicker?T(et(d)):I(et(d)),M=d=>{const S=re(d);An(et(S))?(n.value=et(S),b()):(n.value=null,s.value="")},L=()=>{const d=S=>ft(S,r.value.format);return`${d(n.value[0])} ${r.value.rangeSeparator} ${n.value[1]?d(n.value[1]):""}`},X=()=>t.value&&n.value?Array.isArray(n.value)?L():ft(n.value,r.value.format):v(n.value),ie=()=>n.value?a.multiDates?n.value.map(d=>v(d)).join("; "):r.value.enabled&&typeof r.value.format=="string"?X():v(n.value):"",b=()=>{!a.format||typeof a.format=="string"||r.value.enabled&&typeof r.value.format=="string"?s.value=ie():s.value=a.format(n.value)},O=d=>{if(a.utc){const S=new Date(d);return a.utc==="preserve"?new Date(S.getTime()+S.getTimezoneOffset()*6e4):S}return a.modelType?a.modelType==="date"||a.modelType==="timestamp"?g(new Date(d)):a.modelType==="format"&&(typeof a.format=="string"||!a.format)?Tn(d,l(),new Date):g(Tn(d,a.modelType,new Date)):g(new Date(d))},z=d=>d?a.utc?tp(d,a.utc==="preserve",a.enableSeconds):a.modelType?a.modelType==="timestamp"?+f(d):a.modelType==="format"&&(typeof a.format=="string"||!a.format)?v(f(d)):v(f(d),a.modelType,!0):f(d):"",q=(d,S=!1)=>{if(e("update:model-value",d),a.emitTimezone&&S){const K=Array.isArray(d)?d.map(te=>gt(et(te)),a.emitTimezone):gt(et(d),a.emitTimezone);e("update:model-timezone-value",K)}},Z=d=>Array.isArray(n.value)?a.multiDates?n.value.map(S=>d(S)):[d(n.value[0]),n.value[1]?d(n.value[1]):ua(o.value.partialRange)]:d(et(n.value)),k=()=>{if(Array.isArray(n.value)){const d=Yt(n.value[0],a.timezone,a.weekStart),S=n.value[1]?Yt(n.value[1],a.timezone,a.weekStart):[];return[d.map(K=>G(K)),S.map(K=>G(K))]}return Yt(n.value,a.timezone,a.weekStart).map(d=>G(d))},h=d=>q(et(Z(d)));return{inputValue:s,internalModelValue:n,checkBeforeEmit:()=>n.value?o.value.enabled?o.value.partialRange?n.value.length>=1:n.value.length===2:!!n.value:!1,parseExternalModelValue:M,formatInputValue:b,emitModelValue:()=>(b(),a.monthPicker?h(_):a.timePicker?h(p):a.yearPicker?h(ke):a.weekPicker?e("update:model-value",k()):q(ae(),!0))}},bp=(e,a)=>{const{defaultedFilters:t}=We(e),{validateMonthYearInRange:n}=la(e),r=(f,g)=>{let v=f;return t.value.months.includes(Te(v))?(v=g?ct(f,1):Lt(f,1),r(v,g)):v},o=(f,g)=>{let v=f;return t.value.years.includes(ke(v))?(v=g?Bn(f,1):Do(f,1),o(v,g)):v},l=(f,g=!1)=>{const v=Be(new Date,{month:e.month,year:e.year});let p=f?ct(v,1):Lt(v,1);e.disableYearSelect&&(p=St(p,e.year));let _=Te(p),P=ke(p);t.value.months.includes(_)&&(p=r(p,f),_=Te(p),P=ke(p)),t.value.years.includes(P)&&(p=o(p,f),P=ke(p)),n(_,P,f,e.preventMinMaxNavigation)&&s(_,P,g)},s=(f,g,v)=>{a("update-month-year",{month:f,year:g,fromNav:v})},c=x(()=>f=>Oo(Be(new Date,{month:e.month,year:e.year}),e.maxDate,e.minDate,e.preventMinMaxNavigation,f));return{handleMonthYearChange:l,isDisabled:c,updateMonthYear:s}};var ca=(e=>(e.center="center",e.left="left",e.right="right",e))(ca||{}),pt=(e=>(e.month="month",e.year="year",e))(pt||{}),Zt=(e=>(e.top="top",e.bottom="bottom",e))(Zt||{}),ta=(e=>(e.header="header",e.calendar="calendar",e.timePicker="timePicker",e))(ta||{}),Dt=(e=>(e.month="month",e.year="year",e.calendar="calendar",e.time="time",e.minutes="minutes",e.hours="hours",e.seconds="seconds",e))(Dt||{});const kp=({menuRef:e,menuRefInner:a,inputRef:t,pickerWrapperRef:n,inline:r,emit:o,props:l,slots:s})=>{const c=Y({}),f=Y(!1),g=Y({top:"0",left:"0"}),v=Y(!1),p=Fa(l,"teleportCenter");st(p,()=>{g.value=JSON.parse(JSON.stringify({})),I()});const _=b=>{if(l.teleport){const O=b.getBoundingClientRect();return{left:O.left+window.scrollX,top:O.top+window.scrollY}}return{top:0,left:0}},P=(b,O)=>{g.value.left=`${b+O-c.value.width}px`},A=b=>{g.value.left=`${b}px`},R=(b,O)=>{l.position===ca.left&&A(b),l.position===ca.right&&P(b,O),l.position===ca.center&&(g.value.left=`${b+O/2-c.value.width/2}px`)},ne=b=>{const{width:O,height:z}=b.getBoundingClientRect(),{top:q,left:Z}=l.altPosition?l.altPosition(b):_(b);return{top:+q,left:+Z,width:O,height:z}},W=()=>{g.value.left="50%",g.value.top="50%",g.value.transform="translate(-50%, -50%)",g.value.position="fixed",delete g.value.opacity},T=()=>{const b=Je(t),{top:O,left:z,transform:q}=l.altPosition(b);g.value={top:`${O}px`,left:`${z}px`,transform:q??""}},I=(b=!0)=>{var O;if(!r.value.enabled){if(p.value)return W();if(l.altPosition!==null)return T();if(b){const z=l.teleport?(O=a.value)==null?void 0:O.$el:e.value;z&&(c.value=z.getBoundingClientRect()),o("recalculate-position")}return M()}},B=({inputEl:b,left:O,width:z})=>{window.screen.width>768&&!f.value&&R(O,z),Q(b)},U=b=>{const{top:O,left:z,height:q,width:Z}=ne(b);g.value.top=`${q+O+ +l.offset}px`,v.value=!1,f.value||(g.value.left=`${z+Z/2-c.value.width/2}px`),B({inputEl:b,left:z,width:Z})},E=b=>{const{top:O,left:z,width:q}=ne(b);g.value.top=`${O-+l.offset-c.value.height}px`,v.value=!0,B({inputEl:b,left:z,width:q})},Q=b=>{if(l.autoPosition){const{left:O,width:z}=ne(b),{left:q,right:Z}=c.value;if(!f.value){if(Math.abs(q)!==Math.abs(Z)){if(q<=0)return f.value=!0,A(O);if(Z>=document.documentElement.clientWidth)return f.value=!0,P(O,z)}return R(O,z)}}},ae=()=>{const b=Je(t);if(b){const{height:O}=c.value,{top:z,height:q}=b.getBoundingClientRect(),Z=window.innerHeight-z-q,k=z;return O<=Z?Zt.bottom:O>Z&&O<=k?Zt.top:Z>=k?Zt.bottom:Zt.top}return Zt.bottom},re=b=>ae()===Zt.bottom?U(b):E(b),M=()=>{const b=Je(t);if(b)return l.autoPosition?re(b):U(b)},L=function(b){if(b){const O=b.scrollHeight>b.clientHeight,z=window.getComputedStyle(b).overflowY.indexOf("hidden")!==-1;return O&&!z}return!0},X=function(b){return!b||b===document.body||b.nodeType===Node.DOCUMENT_FRAGMENT_NODE?window:L(b)?b:X(b.parentNode)},ie=b=>{if(b)switch(l.position){case ca.left:return{left:0,transform:"translateX(0)"};case ca.right:return{left:`${b.width}px`,transform:"translateX(-100%)"};default:return{left:`${b.width/2}px`,transform:"translateX(-50%)"}}return{}};return{openOnTop:v,menuStyle:g,xCorrect:f,setMenuPosition:I,getScrollableParent:X,shadowRender:(b,O)=>{var z,q,Z;const k=document.createElement("div"),h=(z=Je(t))==null?void 0:z.getBoundingClientRect();k.setAttribute("id","dp--temp-container");const d=(q=n.value)!=null&&q.clientWidth?n.value:document.body;d.append(k);const S=ie(h),K=tl(b,{...O,shadow:!0,style:{opacity:0,position:"absolute",...S}},Object.fromEntries(Object.keys(s).filter(te=>["right-sidebar","left-sidebar"].includes(te)).map(te=>[te,s[te]])));cr(K,k),c.value=(Z=K.el)==null?void 0:Z.getBoundingClientRect(),cr(null,k),d.removeChild(k)}}},Wt=[{name:"clock-icon",use:["time","calendar","shared"]},{name:"arrow-left",use:["month-year","calendar","shared","year-mode"]},{name:"arrow-right",use:["month-year","calendar","shared","year-mode"]},{name:"arrow-up",use:["time","calendar","month-year","shared"]},{name:"arrow-down",use:["time","calendar","month-year","shared"]},{name:"calendar-icon",use:["month-year","time","calendar","shared","year-mode"]},{name:"day",use:["calendar","shared"]},{name:"month-overlay-value",use:["calendar","month-year","shared"]},{name:"year-overlay-value",use:["calendar","month-year","shared","year-mode"]},{name:"year-overlay",use:["month-year","shared"]},{name:"month-overlay",use:["month-year","shared"]},{name:"month-overlay-header",use:["month-year","shared"]},{name:"year-overlay-header",use:["month-year","shared"]},{name:"hours-overlay-value",use:["calendar","time","shared"]},{name:"minutes-overlay-value",use:["calendar","time","shared"]},{name:"seconds-overlay-value",use:["calendar","time","shared"]},{name:"hours",use:["calendar","time","shared"]},{name:"minutes",use:["calendar","time","shared"]},{name:"month",use:["calendar","month-year","shared"]},{name:"year",use:["calendar","month-year","shared","year-mode"]},{name:"action-buttons",use:["action"]},{name:"action-preview",use:["action"]},{name:"calendar-header",use:["calendar","shared"]},{name:"marker-tooltip",use:["calendar","shared"]},{name:"action-extra",use:["menu"]},{name:"time-picker-overlay",use:["calendar","time","shared"]},{name:"am-pm-button",use:["calendar","time","shared"]},{name:"left-sidebar",use:["menu"]},{name:"right-sidebar",use:["menu"]},{name:"month-year",use:["month-year","shared"]},{name:"time-picker",use:["menu","shared"]},{name:"action-row",use:["action"]},{name:"marker",use:["calendar","shared"]},{name:"quarter",use:["shared"]}],Dp=[{name:"trigger"},{name:"input-icon"},{name:"clear-icon"},{name:"dp-input"}],$p={all:()=>Wt,monthYear:()=>Wt.filter(e=>e.use.includes("month-year")),input:()=>Dp,timePicker:()=>Wt.filter(e=>e.use.includes("time")),action:()=>Wt.filter(e=>e.use.includes("action")),calendar:()=>Wt.filter(e=>e.use.includes("calendar")),menu:()=>Wt.filter(e=>e.use.includes("menu")),shared:()=>Wt.filter(e=>e.use.includes("shared")),yearMode:()=>Wt.filter(e=>e.use.includes("year-mode"))},ut=(e,a,t)=>{const n=[];return $p[a]().forEach(r=>{e[r.name]&&n.push(r.name)}),t!=null&&t.length&&t.forEach(r=>{r.slot&&n.push(r.slot)}),n},Aa=e=>{const a=x(()=>n=>e.value?n?e.value.open:e.value.close:""),t=x(()=>n=>e.value?n?e.value.menuAppearTop:e.value.menuAppearBottom:"");return{transitionName:a,showTransition:!!e.value,menuTransition:t}},Va=(e,a)=>{const t=G(gt(new Date,e.timezone)),{defaultedRange:n}=We(e),r=Y([{month:Te(t),year:ke(t)}]),o=Sa({hours:n.value.enabled?[yt(t),yt(t)]:yt(t),minutes:n.value.enabled?[Vt(t),Vt(t)]:Vt(t),seconds:n.value.enabled?[0,0]:0}),l=x({get:()=>e.internalModelValue,set:f=>{!e.readonly&&!e.disabled&&a("update:internal-model-value",f)}}),s=x(()=>f=>r.value[f]?r.value[f].month:0),c=x(()=>f=>r.value[f]?r.value[f].year:0);return{calendars:r,time:o,modelValue:l,month:s,year:c}},Mp=(e,a)=>{const{defaultedMultiCalendars:t,defaultedHighlight:n,defaultedRange:r}=We(a),{isDisabled:o,matchDate:l}=la(a),s=Y(null),c=Y(G(gt(new Date,a.timezone))),f=h=>{!h.current&&a.hideOffsetDates||(s.value=h.value)},g=()=>{s.value=null},v=h=>Array.isArray(e.value)&&r.value.enabled&&e.value[0]&&s.value?h?Ge(s.value,e.value[0]):qe(s.value,e.value[0]):!0,p=(h,d)=>{const S=()=>e.value?d?e.value[0]||null:e.value[1]:null,K=e.value&&Array.isArray(e.value)?S():null;return Se(G(h.value),K)},_=h=>{const d=Array.isArray(e.value)?e.value[0]:null;return h?!qe(s.value??null,d):!0},P=(h,d=!0)=>(r.value.enabled||a.weekPicker)&&Array.isArray(e.value)&&e.value.length===2?a.hideOffsetDates&&!h.current?!1:Se(G(h.value),e.value[d?0:1]):r.value.enabled?p(h,d)&&_(d)||Se(h.value,Array.isArray(e.value)?e.value[0]:null)&&v(d):!1,A=(h,d,S)=>Array.isArray(e.value)&&e.value[0]&&e.value.length===1?h?!1:S?Ge(e.value[0],d.value):qe(e.value[0],d.value):!1,R=h=>!e.value||a.hideOffsetDates&&!h.current?!1:r.value.enabled?a.modelAuto&&Array.isArray(e.value)?Se(h.value,e.value[0]?e.value[0]:c.value):!1:a.multiDates&&Array.isArray(e.value)?e.value.some(d=>Se(d,h.value)):Se(h.value,e.value?e.value:c.value),ne=h=>{if(r.value.autoRange||a.weekPicker){if(s.value){if(a.hideOffsetDates&&!h.current)return!1;const d=Qe(s.value,+r.value.autoRange),S=Yt(G(s.value),a.timezone,a.weekStart);return a.weekPicker?Se(S[1],G(h.value)):Se(d,G(h.value))}return!1}return!1},W=h=>{if(r.value.autoRange||a.weekPicker){if(s.value){const d=Qe(s.value,+r.value.autoRange);if(a.hideOffsetDates&&!h.current)return!1;const S=Yt(G(s.value),a.timezone,a.weekStart);return a.weekPicker?Ge(h.value,S[0])&&qe(h.value,S[1]):Ge(h.value,s.value)&&qe(h.value,d)}return!1}return!1},T=h=>{if(r.value.autoRange||a.weekPicker){if(s.value){if(a.hideOffsetDates&&!h.current)return!1;const d=Yt(G(s.value),a.timezone,a.weekStart);return a.weekPicker?Se(d[0],h.value):Se(s.value,h.value)}return!1}return!1},I=h=>Za(e.value,s.value,h.value),B=()=>a.modelAuto&&Array.isArray(a.internalModelValue)?!!a.internalModelValue[0]:!1,U=()=>a.modelAuto?To(a.internalModelValue):!0,E=h=>{if(Array.isArray(e.value)&&e.value.length||a.weekPicker)return!1;const d=r.value.enabled?!P(h)&&!P(h,!1):!0;return!o(h.value)&&!R(h)&&!(!h.current&&a.hideOffsetDates)&&d},Q=h=>r.value.enabled?a.modelAuto?B()&&R(h):!1:R(h),ae=h=>{var d;return n.value?typeof n.value=="function"?n.value(h.value):l(h.value,(d=a.arrMapValues)!=null&&d.highlightedDates?a.arrMapValues.highlightedDates:n.value.dates):!1},re=h=>{const d=o(h.value);return d&&(typeof n.value=="function"?!n.value(h.value,d):!n.value.options.highlightDisabled)},M=h=>{var d;return typeof n.value=="function"?n.value(h.value):(d=n.value.weekdays)==null?void 0:d.includes(h.value.getDay())},L=h=>(r.value.enabled||a.weekPicker)&&(!(t.value.count>0)||h.current)&&U()&&!(!h.current&&a.hideOffsetDates)&&!R(h)?I(h):!1,X=h=>{const{isRangeStart:d,isRangeEnd:S}=z(h),K=r.value.enabled?d||S:!1;return{dp__cell_offset:!h.current,dp__pointer:!a.disabled&&!(!h.current&&a.hideOffsetDates)&&!o(h.value),dp__cell_disabled:o(h.value),dp__cell_highlight:!re(h)&&(ae(h)||M(h))&&!Q(h)&&!K&&!T(h)&&!(L(h)&&a.weekPicker)&&!S,dp__cell_highlight_active:!re(h)&&(ae(h)||M(h))&&Q(h),dp__today:!a.noToday&&Se(h.value,c.value)&&h.current,"dp--past":qe(h.value,c.value),"dp--future":Ge(h.value,c.value)}},ie=h=>({dp__active_date:Q(h),dp__date_hover:E(h)}),b=h=>{if(e.value&&!Array.isArray(e.value)){const d=Yt(e.value,a.timezone,a.weekStart);return{...Z(h),dp__range_start:Se(d[0],h.value),dp__range_end:Se(d[1],h.value),dp__range_between_week:Ge(h.value,d[0])&&qe(h.value,d[1])}}return{...Z(h)}},O=h=>{if(e.value&&Array.isArray(e.value)){const d=Yt(e.value[0],a.timezone,a.weekStart),S=e.value[1]?Yt(e.value[1],a.timezone,a.weekStart):[];return{...Z(h),dp__range_start:Se(d[0],h.value)||Se(S[0],h.value),dp__range_end:Se(d[1],h.value)||Se(S[1],h.value),dp__range_between_week:Ge(h.value,d[0])&&qe(h.value,d[1])||Ge(h.value,S[0])&&qe(h.value,S[1]),dp__range_between:Ge(h.value,d[1])&&qe(h.value,S[0])}}return{...Z(h)}},z=h=>{const d=t.value.count>0?h.current&&P(h)&&U():P(h)&&U(),S=t.value.count>0?h.current&&P(h,!1)&&U():P(h,!1)&&U();return{isRangeStart:d,isRangeEnd:S}},q=h=>{const{isRangeStart:d,isRangeEnd:S}=z(h);return{dp__range_start:d,dp__range_end:S,dp__range_between:L(h),dp__date_hover_start:A(E(h),h,!0),dp__date_hover_end:A(E(h),h,!1)}},Z=h=>({...q(h),dp__cell_auto_range:W(h),dp__cell_auto_range_start:T(h),dp__cell_auto_range_end:ne(h)}),k=h=>r.value.enabled?r.value.autoRange?Z(h):a.modelAuto?{...ie(h),...q(h)}:a.weekPicker?O(h):q(h):a.weekPicker?b(h):ie(h);return{setHoverDate:f,clearHoverDate:g,getDayClassData:h=>a.hideOffsetDates&&!h.current?{}:{...X(h),...k(h),[a.dayClass?a.dayClass(h.value):""]:!0,[a.calendarCellClassName]:!!a.calendarCellClassName}}},la=e=>{const{defaultedFilters:a,defaultedHighlight:t,defaultedRange:n}=We(e),r=()=>{if(e.timezone)return e.timezone;if(e.utc)return"UTC"},o=M=>{const L=rt(l(G(M))).toISOString(),[X]=L.split("T");return X},l=M=>e.utc==="preserve"?Vo(M,r()):gt(M,r()),s=M=>{var L;const X=e.maxDate?Ge(M,l(G(e.maxDate))):!1,ie=e.minDate?qe(M,l(G(e.minDate))):!1,b=v(l(M),(L=e.arrMapValues)!=null&&L.disabledDates?e.arrMapValues.disabledDates:e.disabledDates),O=a.value.months.map(h=>+h).includes(Te(M)),z=e.disabledWeekDays.length?e.disabledWeekDays.some(h=>+h===c0(M)):!1,q=_(M),Z=ke(M),k=Z<+e.yearRange[0]||Z>+e.yearRange[1];return!(X||ie||b||O||k||z||q)},c=(M,L)=>qe(...jt(e.minDate,M,L))||Se(...jt(e.minDate,M,L)),f=(M,L)=>Ge(...jt(e.maxDate,M,L))||Se(...jt(e.maxDate,M,L)),g=(M,L,X)=>{let ie=!1;return e.maxDate&&X&&f(M,L)&&(ie=!0),e.minDate&&!X&&c(M,L)&&(ie=!0),ie},v=(M,L)=>M?L instanceof Map?!!L.get(o(M)):Array.isArray(L)?L.some(X=>Se(l(G(X)),M)):L?L(G(JSON.parse(JSON.stringify(M)))):!1:!0,p=(M,L,X,ie)=>{let b=!1;return ie?e.minDate&&e.maxDate?b=g(M,L,X):(e.minDate&&c(M,L)||e.maxDate&&f(M,L))&&(b=!0):b=!0,b},_=M=>{var L,X,ie,b,O;return Array.isArray(e.allowedDates)&&!((L=e.allowedDates)!=null&&L.length)?!0:(X=e.arrMapValues)!=null&&X.allowedDates?!v(M,(ie=e.arrMapValues)==null?void 0:ie.allowedDates):(b=e.allowedDates)!=null&&b.length?!((O=e.allowedDates)!=null&&O.some(z=>Se(rt(z),l(rt(M))))):!1},P=M=>!s(M),A=M=>n.value.noDisabledRange?!so({start:M[0],end:M[1]}).some(L=>P(L)):!0,R=(M,L,X=0)=>{if(Array.isArray(L)&&L[X]&&(n.value.maxRange||n.value.minRange)){const ie=oo(M,L[X]),b=Co(L[X],M),O=b.length===1?0:b.filter(q=>P(q)).length,z=Math.abs(ie)-(n.value.minMaxRawRange?0:O);if(n.value.minRange&&n.value.maxRange)return z>=+n.value.minRange&&z<=+n.value.maxRange;if(n.value.minRange)return z>=+n.value.minRange;if(n.value.maxRange)return z<=+n.value.maxRange}return!0},ne=M=>new Map(M.map(L=>[o(L),!0])),W=M=>Array.isArray(M)&&M.length>0,T=()=>{const M={disabledDates:null,allowedDates:null,highlightedDates:null};return W(e.allowedDates)&&(M.allowedDates=ne(e.allowedDates)),typeof t.value!="function"&&W(t.value.dates)&&(M.highlightedDates=ne(t.value.dates)),W(e.disabledDates)&&(M.disabledDates=ne(e.disabledDates)),M},I=()=>!e.enableTimePicker||e.monthPicker||e.yearPicker||e.ignoreTimeValidation,B=M=>Array.isArray(M)?[M[0]?hn(M[0]):null,M[1]?hn(M[1]):null]:hn(M),U=(M,L,X)=>M.find(ie=>+ie.hours===yt(L)&&ie.minutes==="*"?!0:+ie.minutes===Vt(L)&&+ie.hours===yt(L))&&X,E=(M,L,X)=>{const[ie,b]=M,[O,z]=L;return!U(ie,O,X)&&!U(b,z,X)&&X},Q=(M,L)=>{const X=Array.isArray(L)?L:[L];return Array.isArray(e.disabledTimes)?Array.isArray(e.disabledTimes[0])?E(e.disabledTimes,X,M):!X.some(ie=>U(e.disabledTimes,ie,M)):M},ae=(M,L)=>{const X=Array.isArray(L)?[ea(L[0]),L[1]?ea(L[1]):void 0]:ea(L),ie=!e.disabledTimes(X);return M&&ie},re=(M,L)=>e.disabledTimes?Array.isArray(e.disabledTimes)?Q(L,M):ae(L,M):L;return{isDisabled:P,validateDate:s,validateMonthYearInRange:p,isDateRangeAllowed:A,checkMinMaxRange:R,matchDate:v,mapDatesArrToMap:T,isValidTime:M=>{let L=!0;if(!M||I())return!0;const X=!e.minDate&&!e.maxDate?B(M):M;return(e.maxTime||e.maxDate)&&(L=Cr(e.maxTime,e.maxDate,"max",et(X),L)),(e.minTime||e.minDate)&&(L=Cr(e.minTime,e.minDate,"min",et(X),L)),re(M,L)}}},Ja=()=>{const e=x(()=>(n,r)=>n==null?void 0:n.includes(r)),a=x(()=>(n,r)=>n.count?n.solo?!0:r===0:!0),t=x(()=>(n,r)=>n.count?n.solo?!0:r===n.count-1:!0);return{hideNavigationButtons:e,showLeftIcon:a,showRightIcon:t}},Pp=(e,a,t)=>{const n=Y(0),r=Sa({[ta.timePicker]:!e.enableTimePicker||e.timePicker||e.monthPicker,[ta.calendar]:!1,[ta.header]:!1}),o=x(()=>e.monthPicker),l=v=>{var p;if((p=e.flow)!=null&&p.length){if(!v&&o.value)return g();r[v]=!0,Object.keys(r).filter(_=>!r[_]).length||g()}},s=()=>{var v;(v=e.flow)!=null&&v.length&&n.value!==-1&&(n.value+=1,a("flow-step",n.value),g())},c=()=>{n.value=-1},f=(v,p,..._)=>{var P,A;e.flow[n.value]===v&&t.value&&((A=(P=t.value)[p])==null||A.call(P,..._))},g=()=>{f(Dt.month,"toggleMonthPicker",!0),f(Dt.year,"toggleYearPicker",!0),f(Dt.calendar,"toggleTimePicker",!1,!0),f(Dt.time,"toggleTimePicker",!0,!0);const v=e.flow[n.value];(v===Dt.hours||v===Dt.minutes||v===Dt.seconds)&&f(v,"toggleTimePicker",!0,!0,v)};return{childMount:l,updateFlowStep:s,resetFlow:c,flowStep:n}},en={multiCalendars:{type:[Boolean,Number,String,Object],default:void 0},modelValue:{type:[String,Date,Array,Object,Number],default:null},modelType:{type:String,default:null},position:{type:String,default:"center"},dark:{type:Boolean,default:!1},format:{type:[String,Function],default:()=>null},autoPosition:{type:Boolean,default:!0},altPosition:{type:Function,default:null},transitions:{type:[Boolean,Object],default:!0},formatLocale:{type:Object,default:null},utc:{type:[Boolean,String],default:!1},ariaLabels:{type:Object,default:()=>({})},offset:{type:[Number,String],default:10},hideNavigation:{type:Array,default:()=>[]},timezone:{type:String,default:null},emitTimezone:{type:String,default:null},vertical:{type:Boolean,default:!1},disableMonthYearSelect:{type:Boolean,default:!1},disableYearSelect:{type:Boolean,default:!1},menuClassName:{type:String,default:null},dayClass:{type:Function,default:null},yearRange:{type:Array,default:()=>[1900,2100]},calendarCellClassName:{type:String,default:null},enableTimePicker:{type:Boolean,default:!0},autoApply:{type:Boolean,default:!1},disabledDates:{type:[Array,Function],default:()=>[]},monthNameFormat:{type:String,default:"short"},startDate:{type:[Date,String],default:null},startTime:{type:[Object,Array],default:null},hideOffsetDates:{type:Boolean,default:!1},autoRange:{type:[Number,String],default:null},noToday:{type:Boolean,default:!1},disabledWeekDays:{type:Array,default:()=>[]},allowedDates:{type:Array,default:null},nowButtonLabel:{type:String,default:"Now"},markers:{type:Array,default:()=>[]},escClose:{type:Boolean,default:!0},spaceConfirm:{type:Boolean,default:!0},monthChangeOnArrows:{type:Boolean,default:!0},presetDates:{type:Array,default:()=>[]},flow:{type:Array,default:()=>[]},partialFlow:{type:Boolean,default:!1},preventMinMaxNavigation:{type:Boolean,default:!1},minRange:{type:[Number,String],default:null},maxRange:{type:[Number,String],default:null},multiDatesLimit:{type:[Number,String],default:null},reverseYears:{type:Boolean,default:!1},weekPicker:{type:Boolean,default:!1},filters:{type:Object,default:()=>({})},arrowNavigation:{type:Boolean,default:!1},disableTimeRangeValidation:{type:Boolean,default:!1},highlight:{type:[Function,Object],default:null},teleport:{type:[String,Boolean,Object],default:null},teleportCenter:{type:Boolean,default:!1},locale:{type:String,default:"en-Us"},weekNumName:{type:String,default:"W"},weekStart:{type:[Number,String],default:1},weekNumbers:{type:[String,Function,Object],default:null},calendarClassName:{type:String,default:null},monthChangeOnScroll:{type:[Boolean,String],default:!0},dayNames:{type:[Function,Array],default:null},monthPicker:{type:Boolean,default:!1},customProps:{type:Object,default:null},yearPicker:{type:Boolean,default:!1},modelAuto:{type:Boolean,default:!1},selectText:{type:String,default:"Select"},cancelText:{type:String,default:"Cancel"},previewFormat:{type:[String,Function],default:()=>""},multiDates:{type:Boolean,default:!1},partialRange:{type:Boolean,default:!0},ignoreTimeValidation:{type:Boolean,default:!1},minDate:{type:[Date,String],default:null},maxDate:{type:[Date,String],default:null},minTime:{type:Object,default:null},maxTime:{type:Object,default:null},name:{type:String,default:null},placeholder:{type:String,default:""},hideInputIcon:{type:Boolean,default:!1},clearable:{type:Boolean,default:!0},state:{type:Boolean,default:null},required:{type:Boolean,default:!1},autocomplete:{type:String,default:"off"},inputClassName:{type:String,default:null},fixedStart:{type:Boolean,default:!1},fixedEnd:{type:Boolean,default:!1},timePicker:{type:Boolean,default:!1},enableSeconds:{type:Boolean,default:!1},is24:{type:Boolean,default:!0},noHoursOverlay:{type:Boolean,default:!1},noMinutesOverlay:{type:Boolean,default:!1},noSecondsOverlay:{type:Boolean,default:!1},hoursGridIncrement:{type:[String,Number],default:1},minutesGridIncrement:{type:[String,Number],default:5},secondsGridIncrement:{type:[String,Number],default:5},hoursIncrement:{type:[Number,String],default:1},minutesIncrement:{type:[Number,String],default:1},secondsIncrement:{type:[Number,String],default:1},range:{type:[Boolean,Object],default:!1},uid:{type:String,default:null},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},inline:{type:[Boolean,Object],default:!1},textInput:{type:[Boolean,Object],default:!1},noDisabledRange:{type:Boolean,default:!1},sixWeeks:{type:[Boolean,String],default:!1},actionRow:{type:Object,default:()=>({})},focusStartDate:{type:Boolean,default:!1},disabledTimes:{type:[Function,Array],default:void 0},showLastInRange:{type:Boolean,default:!0},timePickerInline:{type:Boolean,default:!1},calendar:{type:Function,default:null},config:{type:Object,default:void 0},quarterPicker:{type:Boolean,default:!1},yearFirst:{type:Boolean,default:!1},loading:{type:Boolean,default:!1}},bt={...en,shadow:{type:Boolean,default:!1},flowStep:{type:Number,default:0},internalModelValue:{type:[Date,Array],default:null},arrMapValues:{type:Object,default:()=>({})},noOverlayFocus:{type:Boolean,default:!1},collapse:{type:Boolean,default:!1},menuWrapRef:{type:Object,default:null}},Tp={key:1,class:"dp__input_wrap"},Sp=["id","name","inputmode","placeholder","disabled","readonly","required","value","autocomplete","aria-label","aria-disabled","aria-invalid"],xp={key:2,class:"dp__clear_icon"},Ap=j({compatConfig:{MODE:3},__name:"DatepickerInput",props:{isMenuOpen:{type:Boolean,default:!1},inputValue:{type:String,default:""},...en},emits:["clear","open","update:input-value","set-input-date","close","select-date","set-empty-date","toggle","focus-prev","focus","blur","real-blur"],setup(e,{expose:a,emit:t}){const n=t,r=e,{defaultedTextInput:o,defaultedAriaLabels:l,defaultedInline:s,defaultedConfig:c,defaultedRange:f,getDefaultPattern:g,getDefaultStartTime:v}=We(r),{checkMinMaxRange:p}=la(r),_=Y(),P=Y(null),A=Y(!1),R=Y(!1),ne=x(()=>({dp__pointer:!r.disabled&&!r.readonly&&!o.value.enabled,dp__disabled:r.disabled,dp__input_readonly:!o.value.enabled,dp__input:!0,dp__input_icon_pad:!r.hideInputIcon,dp__input_valid:!!r.state,dp__input_invalid:r.state===!1,dp__input_focus:A.value||r.isMenuOpen,dp__input_reg:!o.value.enabled,[r.inputClassName]:!!r.inputClassName})),W=()=>{n("set-input-date",null),r.autoApply&&(n("set-empty-date"),_.value=null)},T=b=>{const O=v();return ep(b,o.value.format??g(),O??No({},r.enableSeconds),r.inputValue,R.value)},I=b=>{const{rangeSeparator:O}=o.value,[z,q]=b.split(`${O}`);if(z){const Z=T(z.trim()),k=q?T(q.trim()):null,h=Z&&k?[Z,k]:[Z];p(k,h,0)&&(_.value=Z?h:null)}},B=()=>{R.value=!0},U=b=>{if(f.value.enabled)I(b);else if(r.multiDates){const O=b.split(";");_.value=O.map(z=>T(z.trim())).filter(z=>z)}else _.value=T(b)},E=b=>{var O;const z=typeof b=="string"?b:(O=b.target)==null?void 0:O.value;z!==""?(o.value.openMenu&&!r.isMenuOpen&&n("open"),U(z),n("set-input-date",_.value)):W(),R.value=!1,n("update:input-value",z)},Q=b=>{o.value.enabled?(U(b.target.value),o.value.enterSubmit&&An(_.value)&&r.inputValue!==""?(n("set-input-date",_.value,!0),_.value=null):o.value.enterSubmit&&r.inputValue===""&&(_.value=null,n("clear"))):M(b)},ae=b=>{o.value.enabled&&o.value.tabSubmit&&U(b.target.value),o.value.tabSubmit&&An(_.value)&&r.inputValue!==""?(n("set-input-date",_.value,!0,!0),_.value=null):o.value.tabSubmit&&r.inputValue===""&&(_.value=null,n("clear",!0))},re=()=>{var b;A.value=!0,n("focus"),o.value.enabled&&o.value.selectOnFocus&&((b=P.value)==null||b.select())},M=b=>{b.preventDefault(),Ut(b,c.value,!0),o.value.enabled&&o.value.openMenu&&!s.value.input&&!r.isMenuOpen?n("open"):o.value.enabled||n("toggle")},L=()=>{n("real-blur"),A.value=!1,(!r.isMenuOpen||s.value.enabled&&s.value.input)&&n("blur"),r.autoApply&&o.value.enabled&&_.value&&!r.isMenuOpen&&(n("set-input-date",_.value),n("select-date"),_.value=null)},X=b=>{Ut(b,c.value,!0),n("clear")},ie=b=>{if(!o.value.enabled){if(b.code==="Tab")return;b.preventDefault()}};return a({focusInput:()=>{var b;(b=P.value)==null||b.focus({preventScroll:!0})},setParsedDate:b=>{_.value=b}}),(b,O)=>{var z;return u(),m("div",{onClick:M},[b.$slots.trigger&&!b.$slots["dp-input"]&&!i(s).enabled?D(b.$slots,"trigger",{key:0}):C("",!0),!b.$slots.trigger&&(!i(s).enabled||i(s).input)?(u(),m("div",Tp,[b.$slots["dp-input"]&&!b.$slots.trigger&&(!i(s).enabled||i(s).enabled&&i(s).input)?D(b.$slots,"dp-input",{key:0,value:e.inputValue,isMenuOpen:e.isMenuOpen,onInput:E,onEnter:Q,onTab:ae,onClear:X,onBlur:L,onKeypress:ie,onPaste:B,openMenu:()=>b.$emit("open"),closeMenu:()=>b.$emit("close"),toggleMenu:()=>b.$emit("toggle")}):C("",!0),b.$slots["dp-input"]?C("",!0):(u(),m("input",{key:1,id:b.uid?`dp-input-${b.uid}`:void 0,ref_key:"inputRef",ref:P,name:b.name,class:ve(ne.value),inputmode:i(o).enabled?"text":"none",placeholder:b.placeholder,disabled:b.disabled,readonly:b.readonly,required:b.required,value:e.inputValue,autocomplete:b.autocomplete,"aria-label":(z=i(l))==null?void 0:z.input,"aria-disabled":b.disabled||void 0,"aria-invalid":b.state===!1?!0:void 0,onInput:E,onKeydown:[be(Q,["enter"]),be(ae,["tab"]),ie],onBlur:L,onFocus:re,onKeypress:ie,onPaste:B},null,42,Sp)),y("div",{onClick:O[2]||(O[2]=q=>n("toggle"))},[b.$slots["input-icon"]&&!b.hideInputIcon?(u(),m("span",{key:0,class:"dp__input_icon",onClick:O[0]||(O[0]=q=>n("toggle"))},[D(b.$slots,"input-icon")])):C("",!0),!b.$slots["input-icon"]&&!b.hideInputIcon&&!b.$slots["dp-input"]?(u(),oe(i(ya),{key:1,class:"dp__input_icon dp__input_icons",onClick:O[1]||(O[1]=q=>n("toggle"))})):C("",!0)]),b.$slots["clear-icon"]&&e.inputValue&&b.clearable&&!b.disabled&&!b.readonly?(u(),m("span",xp,[D(b.$slots,"clear-icon",{clear:X})])):C("",!0),b.clearable&&!b.$slots["clear-icon"]&&e.inputValue&&!b.disabled&&!b.readonly?(u(),oe(i($o),{key:3,class:"dp__clear_icon dp__input_icons",onClick:O[3]||(O[3]=Ie(q=>X(q),["prevent"]))})):C("",!0)])):C("",!0)])}}}),Vp=["title"],Cp={class:"dp__action_buttons","data-dp-element":"action-row"},Np=["disabled"],Op=j({compatConfig:{MODE:3},__name:"ActionRow",props:{menuMount:{type:Boolean,default:!1},calendarWidth:{type:Number,default:0},...bt},emits:["close-picker","select-date","select-now","invalid-select"],setup(e,{emit:a}){const t=a,n=e,{defaultedActionRow:r,defaultedPreviewFormat:o,defaultedMultiCalendars:l,defaultedTextInput:s,defaultedInline:c,defaultedRange:f,getDefaultPattern:g}=We(n),{isValidTime:v}=la(n),{buildMatrix:p}=Kt(),_=Y(null),P=Y(null);Ue(()=>{n.arrowNavigation&&p([Je(_),Je(P)],"actionRow")});const A=x(()=>f.value.enabled&&!f.value.partialRange&&n.internalModelValue?n.internalModelValue.length===2:!0),R=x(()=>!ne.value||!W.value||!A.value),ne=x(()=>!n.enableTimePicker||n.ignoreTimeValidation?!0:v(n.internalModelValue)),W=x(()=>n.monthPicker?f.value.enabled&&Array.isArray(n.internalModelValue)?!n.internalModelValue.filter(M=>!ae(M)).length:ae(n.internalModelValue):!0),T=()=>{const M=o.value;return n.timePicker||n.monthPicker,M(et(n.internalModelValue))},I=()=>{const M=n.internalModelValue;return l.value.count>0?`${B(M[0])} - ${B(M[1])}`:[B(M[0]),B(M[1])]},B=M=>Yo(M,o.value,n.formatLocale,s.value.rangeSeparator,n.modelAuto,g()),U=x(()=>!n.internalModelValue||!n.menuMount?"":typeof o.value=="string"?Array.isArray(n.internalModelValue)?n.internalModelValue.length===2&&n.internalModelValue[1]?I():n.multiDates?n.internalModelValue.map(M=>`${B(M)}`):n.modelAuto?`${B(n.internalModelValue[0])}`:`${B(n.internalModelValue[0])} -`:B(n.internalModelValue):T()),E=()=>n.multiDates?"; ":" - ",Q=x(()=>Array.isArray(U.value)?U.value.join(E()):U.value),ae=M=>{if(!n.monthPicker)return!0;let L=!0;const X=G(ht(M));if(n.minDate&&n.maxDate){const ie=G(ht(n.minDate)),b=G(ht(n.maxDate));return Ge(X,ie)&&qe(X,b)||Se(X,ie)||Se(X,b)}if(n.minDate){const ie=G(ht(n.minDate));L=Ge(X,ie)||Se(X,ie)}if(n.maxDate){const ie=G(ht(n.maxDate));L=qe(X,ie)||Se(X,ie)}return L},re=()=>{ne.value&&W.value&&A.value?t("select-date"):t("invalid-select")};return(M,L)=>(u(),m("div",{class:"dp__action_row",style:vt(e.calendarWidth?{width:`${e.calendarWidth}px`}:{})},[M.$slots["action-row"]?D(M.$slots,"action-row",Ze(Oe({key:0},{internalModelValue:M.internalModelValue,disabled:R.value,selectDate:()=>M.$emit("select-date"),closePicker:()=>M.$emit("close-picker")}))):(u(),m(ce,{key:1},[i(r).showPreview?(u(),m("div",{key:0,class:"dp__selection_preview",title:Q.value},[M.$slots["action-preview"]?D(M.$slots,"action-preview",{key:0,value:M.internalModelValue}):C("",!0),M.$slots["action-preview"]?C("",!0):(u(),m(ce,{key:1},[Ne(le(Q.value),1)],64))],8,Vp)):C("",!0),y("div",Cp,[M.$slots["action-buttons"]?D(M.$slots,"action-buttons",{key:0,value:M.internalModelValue}):C("",!0),M.$slots["action-buttons"]?C("",!0):(u(),m(ce,{key:1},[!i(c).enabled&&i(r).showCancel?(u(),m("button",{key:0,ref_key:"cancelButtonRef",ref:_,type:"button",class:"dp__action_button dp__action_cancel",onClick:L[0]||(L[0]=X=>M.$emit("close-picker")),onKeydown:[L[1]||(L[1]=be(X=>M.$emit("close-picker"),["enter"])),L[2]||(L[2]=be(X=>M.$emit("close-picker"),["space"]))]},le(M.cancelText),545)):C("",!0),i(r).showNow?(u(),m("button",{key:1,type:"button",class:"dp__action_button dp__action_cancel",onClick:L[3]||(L[3]=X=>M.$emit("select-now")),onKeydown:[L[4]||(L[4]=be(X=>M.$emit("select-now"),["enter"])),L[5]||(L[5]=be(X=>M.$emit("select-now"),["space"]))]},le(M.nowButtonLabel),33)):C("",!0),i(r).showSelect?(u(),m("button",{key:2,ref_key:"selectButtonRef",ref:P,type:"button",class:"dp__action_button dp__action_select",disabled:R.value,onKeydown:[be(re,["enter"]),be(re,["space"])],onClick:re},le(M.selectText),41,Np)):C("",!0)],64))])],64))],4))}}),Yp=["onKeydown"],Ip={class:"dp__selection_grid_header"},Rp=["aria-selected","aria-disabled","onClick","onKeydown","onMouseover"],Lp=["aria-label"],Ca=j({__name:"SelectionOverlay",props:{items:{},type:{},isLast:{type:Boolean},arrowNavigation:{type:Boolean},skipButtonRef:{type:Boolean},headerRefs:{},hideNavigation:{},escClose:{type:Boolean},useRelative:{type:Boolean},height:{},textInput:{type:[Boolean,Object]},config:{},noOverlayFocus:{type:Boolean},focusValue:{},menuWrapRef:{}},emits:["selected","toggle","reset-flow","hover-value"],setup(e,{expose:a,emit:t}){const{setSelectionGrid:n,buildMultiLevelMatrix:r,setMonthPicker:o}=Kt(),l=t,s=e,{defaultedAriaLabels:c,defaultedTextInput:f,defaultedConfig:g}=We(s),{hideNavigationButtons:v}=Ja(),p=Y(!1),_=Y(null),P=Y(null),A=Y([]),R=Y(),ne=Y(null),W=Y(0),T=Y(null);al(()=>{_.value=null}),Ue(()=>{Rt().then(()=>M()),s.noOverlayFocus||B(),I(!0)}),na(()=>I(!1));const I=k=>{var h;s.arrowNavigation&&((h=s.headerRefs)!=null&&h.length?o(k):n(k))},B=()=>{var k;const h=Je(P);h&&(f.value.enabled||(_.value?(k=_.value)==null||k.focus({preventScroll:!0}):h.focus({preventScroll:!0})),p.value=h.clientHeight({dp__overlay:!0,"dp--overlay-absolute":!s.useRelative,"dp--overlay-relative":s.useRelative})),E=x(()=>s.useRelative?{height:`${s.height}px`,width:"260px"}:void 0),Q=x(()=>({dp__overlay_col:!0})),ae=x(()=>({dp__btn:!0,dp__button:!0,dp__overlay_action:!0,dp__over_action_scroll:p.value,dp__button_bottom:s.isLast})),re=x(()=>{var k,h;return{dp__overlay_container:!0,dp__container_flex:((k=s.items)==null?void 0:k.length)<=6,dp__container_block:((h=s.items)==null?void 0:h.length)>6}});st(()=>s.items,()=>M(!1),{deep:!0});const M=(k=!0)=>{Rt().then(()=>{const h=Je(_),d=Je(P),S=Je(ne),K=Je(T),te=S?S.getBoundingClientRect().height:0;d&&(d.getBoundingClientRect().height?W.value=d.getBoundingClientRect().height-te:W.value=g.value.modeHeight-te),h&&K&&k&&(K.scrollTop=h.offsetTop-K.offsetTop-(W.value/2-h.getBoundingClientRect().height)-te)})},L=k=>{k.disabled||l("selected",k.value)},X=()=>{l("toggle"),l("reset-flow")},ie=()=>{s.escClose&&X()},b=(k,h,d,S)=>{k&&((h.active||h.value===s.focusValue)&&(_.value=k),s.arrowNavigation&&(Array.isArray(A.value[d])?A.value[d][S]=k:A.value[d]=[k],O()))},O=()=>{var k,h;const d=(k=s.headerRefs)!=null&&k.length?[s.headerRefs].concat(A.value):A.value.concat([s.skipButtonRef?[]:[ne.value]]);r(et(d),(h=s.headerRefs)!=null&&h.length?"monthPicker":"selectionGrid")},z=k=>{s.arrowNavigation||Ut(k,g.value,!0)},q=k=>{R.value=k,l("hover-value",k)},Z=()=>{if(X(),!s.isLast){const k=Jv(s.menuWrapRef??null,"action-row");if(k){const h=So(k);h==null||h.focus()}}};return a({focusGrid:B}),(k,h)=>{var d;return u(),m("div",{ref_key:"gridWrapRef",ref:P,class:ve(U.value),style:vt(E.value),role:"dialog",tabindex:"0",onKeydown:[be(Ie(ie,["prevent"]),["esc"]),h[0]||(h[0]=be(Ie(S=>z(S),["prevent"]),["left"])),h[1]||(h[1]=be(Ie(S=>z(S),["prevent"]),["up"])),h[2]||(h[2]=be(Ie(S=>z(S),["prevent"]),["down"])),h[3]||(h[3]=be(Ie(S=>z(S),["prevent"]),["right"]))]},[y("div",{ref_key:"containerRef",ref:T,class:ve(re.value),role:"grid",style:vt({height:`${W.value}px`})},[y("div",Ip,[D(k.$slots,"header")]),k.$slots.overlay?D(k.$slots,"overlay",{key:0}):(u(!0),m(ce,{key:1},ye(k.items,(S,K)=>(u(),m("div",{key:K,class:ve(["dp__overlay_row",{dp__flex_row:k.items.length>=3}]),role:"row"},[(u(!0),m(ce,null,ye(S,(te,H)=>(u(),m("div",{key:te.value,ref_for:!0,ref:De=>b(De,te,K,H),role:"gridcell",class:ve(Q.value),"aria-selected":te.active||void 0,"aria-disabled":te.disabled||void 0,tabindex:"0",onClick:De=>L(te),onKeydown:[be(Ie(De=>L(te),["prevent"]),["enter"]),be(Ie(De=>L(te),["prevent"]),["space"])],onMouseover:De=>q(te.value)},[y("div",{class:ve(te.className)},[k.$slots.item?D(k.$slots,"item",{key:0,item:te}):C("",!0),k.$slots.item?C("",!0):(u(),m(ce,{key:1},[Ne(le(te.text),1)],64))],2)],42,Rp))),128))],2))),128))],6),k.$slots["button-icon"]?ba((u(),m("button",{key:0,ref_key:"toggleButton",ref:ne,type:"button","aria-label":(d=i(c))==null?void 0:d.toggleOverlay,class:ve(ae.value),tabindex:"0",onClick:X,onKeydown:[be(X,["enter"]),be(Z,["tab"])]},[D(k.$slots,"button-icon")],42,Lp)),[[Ha,!i(v)(k.hideNavigation,k.type)]]):C("",!0)],46,Yp)}}}),tn=j({__name:"InstanceWrap",props:{multiCalendars:{},stretch:{type:Boolean},collapse:{type:Boolean}},setup(e){const a=e,t=x(()=>a.multiCalendars>0?[...Array(a.multiCalendars).keys()]:[0]),n=x(()=>({dp__instance_calendar:a.multiCalendars>0}));return(r,o)=>(u(),m("div",{class:ve({dp__menu_inner:!r.stretch,"dp--menu--inner-stretched":r.stretch,dp__flex_display:r.multiCalendars>0,"dp--flex-display-collapsed":r.collapse})},[(u(!0),m(ce,null,ye(t.value,(l,s)=>(u(),m("div",{key:l,class:ve(n.value)},[D(r.$slots,"default",{instance:l,index:s})],2))),128))],2))}}),Ep=["aria-label","aria-disabled"],$a=j({compatConfig:{MODE:3},__name:"ArrowBtn",props:{ariaLabel:{},disabled:{type:Boolean}},emits:["activate","set-ref"],setup(e,{emit:a}){const t=a,n=Y(null);return Ue(()=>t("set-ref",n)),(r,o)=>(u(),m("button",{ref_key:"elRef",ref:n,type:"button",class:"dp__btn dp--arrow-btn-nav",tabindex:"0","aria-label":r.ariaLabel,"aria-disabled":r.disabled||void 0,onClick:o[0]||(o[0]=l=>r.$emit("activate")),onKeydown:[o[1]||(o[1]=be(Ie(l=>r.$emit("activate"),["prevent"]),["enter"])),o[2]||(o[2]=be(Ie(l=>r.$emit("activate"),["prevent"]),["space"]))]},[y("span",{class:ve(["dp__inner_nav",{dp__inner_nav_disabled:r.disabled}])},[D(r.$slots,"default")],2)],40,Ep))}}),Hp={class:"dp--year-mode-picker"},Bp=["aria-label"],Lo=j({__name:"YearModePicker",props:{...bt,showYearPicker:{type:Boolean,default:!1},items:{type:Array,default:()=>[]},instance:{type:Number,default:0},year:{type:Number,default:0},isDisabled:{type:Function,default:()=>!1}},emits:["toggle-year-picker","year-select","handle-year"],setup(e,{emit:a}){const t=a,n=e,{showRightIcon:r,showLeftIcon:o}=Ja(),{defaultedConfig:l,defaultedMultiCalendars:s,defaultedAriaLabels:c,defaultedTransitions:f}=We(n),{showTransition:g,transitionName:v}=Aa(f),p=(A=!1,R)=>{t("toggle-year-picker",{flow:A,show:R})},_=A=>{t("year-select",A)},P=(A=!1)=>{t("handle-year",A)};return(A,R)=>{var ne,W,T;return u(),m("div",Hp,[i(o)(i(s),e.instance)?(u(),oe($a,{key:0,ref:"mpPrevIconRef","aria-label":(ne=i(c))==null?void 0:ne.prevYear,disabled:e.isDisabled(!1),onActivate:R[0]||(R[0]=I=>P(!1))},{default:$(()=>[A.$slots["arrow-left"]?D(A.$slots,"arrow-left",{key:0}):C("",!0),A.$slots["arrow-left"]?C("",!0):(u(),oe(i(Xn),{key:1}))]),_:3},8,["aria-label","disabled"])):C("",!0),y("button",{ref:"mpYearButtonRef",class:"dp__btn dp--year-select",type:"button","aria-label":(W=i(c))==null?void 0:W.openYearsOverlay,onClick:R[1]||(R[1]=()=>p(!1)),onKeydown:R[2]||(R[2]=be(()=>p(!1),["enter"]))},[A.$slots.year?D(A.$slots,"year",{key:0,year:e.year}):C("",!0),A.$slots.year?C("",!0):(u(),m(ce,{key:1},[Ne(le(e.year),1)],64))],40,Bp),i(r)(i(s),e.instance)?(u(),oe($a,{key:1,ref:"mpNextIconRef","aria-label":(T=i(c))==null?void 0:T.nextYear,disabled:e.isDisabled(!0),onActivate:R[3]||(R[3]=I=>P(!0))},{default:$(()=>[A.$slots["arrow-right"]?D(A.$slots,"arrow-right",{key:0}):C("",!0),A.$slots["arrow-right"]?C("",!0):(u(),oe(i(Zn),{key:1}))]),_:3},8,["aria-label","disabled"])):C("",!0),F(Et,{name:i(v)(e.showYearPicker),css:i(g)},{default:$(()=>[e.showYearPicker?(u(),oe(Ca,{key:0,items:e.items,"text-input":A.textInput,"esc-close":A.escClose,config:A.config,"is-last":A.autoApply&&!i(l).keepActionRow,"hide-navigation":A.hideNavigation,type:"year",onToggle:p,onSelected:R[4]||(R[4]=I=>_(I))},at({"button-icon":$(()=>[A.$slots["calendar-icon"]?D(A.$slots,"calendar-icon",{key:0}):C("",!0),A.$slots["calendar-icon"]?C("",!0):(u(),oe(i(ya),{key:1}))]),_:2},[A.$slots["year-overlay-value"]?{name:"item",fn:$(({item:I})=>[D(A.$slots,"year-overlay-value",{text:I.text,value:I.value})]),key:"0"}:void 0]),1032,["items","text-input","esc-close","config","is-last","hide-navigation"])):C("",!0)]),_:3},8,["name","css"])])}}}),sr=(e,a,t)=>{if(a.value&&Array.isArray(a.value))if(a.value.some(n=>Se(e,n))){const n=a.value.filter(r=>!Se(r,e));a.value=n.length?n:null}else(t&&+t>a.value.length||!t)&&a.value.push(e);else a.value=[e]},ir=(e,a,t)=>{let n=e.value?e.value.slice():[];return n.length===2&&n[1]!==null&&(n=[]),n.length?qe(a,n[0])?(n.unshift(a),t("range-start",n[0]),t("range-start",n[1])):(n[1]=a,t("range-end",a)):(n=[a],t("range-start",a)),e.value=n,n},an=(e,a,t,n)=>{e[0]&&e[1]&&t&&a("auto-apply"),e[0]&&!e[1]&&n&&t&&a("auto-apply")},Eo=e=>{Array.isArray(e.value)&&e.value.length<=2&&e.range?e.modelValue.value=e.value.map(a=>gt(G(a),e.timezone)):Array.isArray(e.value)||(e.modelValue.value=gt(G(e.value),e.timezone))},Ho=({multiCalendars:e,highlight:a,calendars:t,modelValue:n,props:r,year:o,month:l,emit:s})=>{const c=x(()=>rr(r.yearRange,r.reverseYears)),f=Y([!1]),g=x(()=>(I,B)=>{const U=Be(ht(new Date),{month:l.value(I),year:o.value(I)});return Oo(U,r.maxDate,r.minDate,r.preventMinMaxNavigation,B)}),v=()=>{for(let I=0;I{if(!I)return v();const B=Be(G(),t.value[I]);return t.value[0].year=ke(Do(B,e.value.count-1)),v()},_=I=>r.focusStartDate?I[0]:I[1]?I[1]:I[0],P=()=>{if(n.value){const I=Array.isArray(n.value)?_(n.value):n.value;t.value[0]={month:Te(I),year:ke(I)}}};Ue(()=>{P(),e.value.count&&v()});const A=(I,B)=>{t.value[B].year=I,e.value.count&&!e.value.solo&&p(B)},R=x(()=>I=>pa(c.value,B=>{const U=o.value(I)===B.value,E=Ta(B.value,ha(r.minDate),ha(r.maxDate)),Q=lr(a.value,B.value);return{active:U,disabled:E,highlighted:Q}})),ne=(I,B)=>{A(I,B),T(B)},W=(I,B=!1)=>{if(!g.value(I,B)){const U=B?o.value(I)+1:o.value(I)-1;A(U,I)}},T=(I,B=!1,U)=>{B||s("reset-flow"),U!==void 0?f.value[I]=U:f.value[I]=!f.value[I],f.value||s("overlay-closed")};return{isDisabled:g,groupedYears:R,showYearPicker:f,selectYear:A,toggleYearPicker:T,handleYearSelect:ne,handleYear:W}},Fp=(e,a)=>{const{defaultedMultiCalendars:t,defaultedAriaLabels:n,defaultedTransitions:r,defaultedConfig:o,defaultedRange:l,defaultedHighlight:s}=We(e),{modelValue:c,year:f,month:g,calendars:v}=Va(e,a),p=x(()=>Po(e.formatLocale,e.locale,e.monthNameFormat)),_=Y(null),{selectYear:P,groupedYears:A,showYearPicker:R,toggleYearPicker:ne,handleYearSelect:W,handleYear:T,isDisabled:I}=Ho({modelValue:c,multiCalendars:t,highlight:s,calendars:v,year:f,month:g,props:e,emit:a});Ue(()=>{e.startDate&&(c.value&&e.focusStartDate||!c.value)&&P(ke(G(e.startDate)),0)});const B=q=>q?{month:Te(q),year:ke(q)}:{month:null,year:null},U=()=>c.value?Array.isArray(c.value)?c.value.map(q=>B(q)):B(c.value):B(),E=(q,Z)=>{const k=v.value[q],h=U();return Array.isArray(h)?h.some(d=>d.year===(k==null?void 0:k.year)&&d.month===Z):(k==null?void 0:k.year)===h.year&&Z===h.month},Q=(q,Z,k)=>{var h,d;const S=U();return Array.isArray(S)?f.value(Z)===((h=S[k])==null?void 0:h.year)&&q===((d=S[k])==null?void 0:d.month):!1},ae=(q,Z)=>{if(l.value.enabled){const k=U();if(Array.isArray(c.value)&&Array.isArray(k)){const h=Q(q,Z,0)||Q(q,Z,1),d=It(ht(G()),q,f.value(Z));return Za(c.value,_.value,d)&&!h}return!1}return!1},re=x(()=>q=>pa(p.value,Z=>{const k=E(q,Z.value),h=Ta(Z.value,xo(f.value(q),e.minDate),Ao(f.value(q),e.maxDate))||sp(e.disabledDates,f.value(q)).includes(Z.value),d=ae(Z.value,q),S=Io(s.value,Z.value,f.value(q));return{active:k,disabled:h,isBetween:d,highlighted:S}})),M=(q,Z)=>It(ht(G()),q,f.value(Z)),L=(q,Z)=>{const k=c.value?c.value:ht(new Date);c.value=It(k,q,f.value(Z)),a("auto-apply"),a("update-flow-step")},X=(q,Z)=>{const k=ir(c,M(q,Z),a);an(k,a,e.autoApply,e.modelAuto)},ie=(q,Z)=>{sr(M(q,Z),c,e.multiDatesLimit),a("auto-apply",!0)},b=(q,Z)=>(v.value[Z].month=q,z(Z,v.value[Z].year,q),e.multiDates?ie(q,Z):l.value.enabled?X(q,Z):L(q,Z)),O=(q,Z)=>{P(q,Z),z(Z,q,null)},z=(q,Z,k)=>{let h=k;if(!h&&h!==0){const d=U();h=Array.isArray(d)?d[q].month:d.month}a("update-month-year",{instance:q,year:Z,month:h})};return{groupedMonths:re,groupedYears:A,year:f,isDisabled:I,defaultedMultiCalendars:t,defaultedAriaLabels:n,defaultedTransitions:r,defaultedConfig:o,showYearPicker:R,modelValue:c,presetDate:(q,Z)=>{Eo({value:q,modelValue:c,range:l.value.enabled,timezone:Z?void 0:e.timezone}),a("auto-apply")},setHoverDate:(q,Z)=>{_.value=M(q,Z)},selectMonth:b,selectYear:O,toggleYearPicker:ne,handleYearSelect:W,handleYear:T,getModelMonthYear:U}},zp=j({compatConfig:{MODE:3},__name:"MonthPicker",props:{...bt},emits:["update:internal-model-value","overlay-closed","reset-flow","range-start","range-end","auto-apply","update-month-year","update-flow-step","mount"],setup(e,{expose:a,emit:t}){const n=t,r=Qt(),o=ut(r,"yearMode"),l=e;Ue(()=>{l.shadow||n("mount",null)});const{groupedMonths:s,groupedYears:c,year:f,isDisabled:g,defaultedMultiCalendars:v,defaultedConfig:p,showYearPicker:_,modelValue:P,presetDate:A,setHoverDate:R,selectMonth:ne,selectYear:W,toggleYearPicker:T,handleYearSelect:I,handleYear:B,getModelMonthYear:U}=Fp(l,n);return a({getSidebarProps:()=>({modelValue:P,year:f,getModelMonthYear:U,selectMonth:ne,selectYear:W,handleYear:B}),presetDate:A,toggleYearPicker:E=>T(0,E)}),(E,Q)=>(u(),oe(tn,{"multi-calendars":i(v).count,collapse:E.collapse,stretch:""},{default:$(({instance:ae})=>[E.$slots["month-year"]?D(E.$slots,"month-year",Ze(Oe({key:0},{year:i(f),months:i(s)(ae),years:i(c)(ae),selectMonth:i(ne),selectYear:i(W),instance:ae}))):(u(),oe(Ca,{key:1,items:i(s)(ae),"arrow-navigation":E.arrowNavigation,"is-last":E.autoApply&&!i(p).keepActionRow,"esc-close":E.escClose,height:i(p).modeHeight,config:E.config,"no-overlay-focus":!!(E.noOverlayFocus||E.textInput),"use-relative":"",type:"month",onSelected:re=>i(ne)(re,ae),onHoverValue:re=>i(R)(re,ae)},{header:$(()=>[F(Lo,Oe(E.$props,{items:i(c)(ae),instance:ae,"show-year-picker":i(_)[ae],year:i(f)(ae),"is-disabled":re=>i(g)(ae,re),onHandleYear:re=>i(B)(ae,re),onYearSelect:re=>i(I)(re,ae),onToggleYearPicker:re=>i(T)(ae,re==null?void 0:re.flow,re==null?void 0:re.show)}),at({_:2},[ye(i(o),(re,M)=>({name:re,fn:$(L=>[D(E.$slots,re,Ze(lt(L)))])}))]),1040,["items","instance","show-year-picker","year","is-disabled","onHandleYear","onYearSelect","onToggleYearPicker"])]),_:2},1032,["items","arrow-navigation","is-last","esc-close","height","config","no-overlay-focus","onSelected","onHoverValue"]))]),_:3},8,["multi-calendars","collapse"]))}}),Wp=(e,a)=>{const{modelValue:t}=Va(e,a),n=Y(null),{defaultedHighlight:r,defaultedFilters:o,defaultedRange:l}=We(e),s=Y();Ue(()=>{e.startDate&&(t.value&&e.focusStartDate||!t.value)&&(s.value=ke(G(e.startDate)))});const c=p=>Array.isArray(t.value)?t.value.some(_=>ke(_)===p):t.value?ke(t.value)===p:!1,f=p=>l.value.enabled&&Array.isArray(t.value)?Za(t.value,n.value,v(p)):!1,g=x(()=>pa(rr(e.yearRange,e.reverseYears),p=>{const _=c(p.value),P=Ta(p.value,ha(e.minDate),ha(e.maxDate))||o.value.years.includes(p.value),A=f(p.value)&&!_,R=lr(r.value,p.value);return{active:_,disabled:P,isBetween:A,highlighted:R}})),v=p=>St(ht(new Date),p);return{groupedYears:g,modelValue:t,focusYear:s,setHoverValue:p=>{n.value=St(ht(new Date),p)},selectYear:p=>{var _;if(a("update-month-year",{instance:0,year:p}),e.multiDates)return t.value?Array.isArray(t.value)&&(((_=t.value)==null?void 0:_.map(P=>ke(P))).includes(p)?t.value=t.value.filter(P=>ke(P)!==p):t.value.push(St(rt(G()),p))):t.value=[St(rt(G()),p)],a("auto-apply",!0);if(l.value.enabled){const P=ir(t,v(p),a);return an(P,a,e.autoApply,e.modelAuto)}t.value=v(p),a("auto-apply")}}},qp=j({compatConfig:{MODE:3},__name:"YearPicker",props:{...bt},emits:["update:internal-model-value","reset-flow","range-start","range-end","auto-apply","update-month-year"],setup(e,{expose:a,emit:t}){const n=t,r=e,{groupedYears:o,modelValue:l,focusYear:s,selectYear:c,setHoverValue:f}=Wp(r,n),{defaultedConfig:g}=We(r);return a({getSidebarProps:()=>({modelValue:l,selectYear:c})}),(v,p)=>(u(),m("div",null,[v.$slots["month-year"]?D(v.$slots,"month-year",Ze(Oe({key:0},{years:i(o),selectYear:i(c)}))):(u(),oe(Ca,{key:1,items:i(o),"is-last":v.autoApply&&!i(g).keepActionRow,height:i(g).modeHeight,config:v.config,"no-overlay-focus":!!(v.noOverlayFocus||v.textInput),"focus-value":i(s),type:"year","use-relative":"",onSelected:i(c),onHoverValue:i(f)},at({_:2},[v.$slots["year-overlay-value"]?{name:"item",fn:$(({item:_})=>[D(v.$slots,"year-overlay-value",{text:_.text,value:_.value})]),key:"0"}:void 0]),1032,["items","is-last","height","config","no-overlay-focus","focus-value","onSelected","onHoverValue"]))]))}}),jp={key:0,class:"dp__time_input"},Up=["aria-label","onKeydown","onClick"],Gp=y("span",{class:"dp__tp_inline_btn_bar dp__tp_btn_in_l"},null,-1),Qp=y("span",{class:"dp__tp_inline_btn_bar dp__tp_btn_in_r"},null,-1),Kp=["aria-label","disabled","onKeydown","onClick"],Xp=["aria-label","onKeydown","onClick"],Zp=y("span",{class:"dp__tp_inline_btn_bar dp__tp_btn_in_l"},null,-1),Jp=y("span",{class:"dp__tp_inline_btn_bar dp__tp_btn_in_r"},null,-1),e1={key:0},t1=["aria-label","onKeydown"],a1=j({compatConfig:{MODE:3},__name:"TimeInput",props:{hours:{type:Number,default:0},minutes:{type:Number,default:0},seconds:{type:Number,default:0},closeTimePickerBtn:{type:Object,default:null},order:{type:Number,default:0},disabledTimesConfig:{type:Function,default:null},validateTime:{type:Function,default:()=>!1},...bt},emits:["set-hours","set-minutes","update:hours","update:minutes","update:seconds","reset-flow","mounted","overlay-closed","am-pm-change"],setup(e,{expose:a,emit:t}){const n=t,r=e,{setTimePickerElements:o,setTimePickerBackRef:l}=Kt(),{defaultedAriaLabels:s,defaultedTransitions:c,defaultedFilters:f,defaultedConfig:g,defaultedRange:v}=We(r),{transitionName:p,showTransition:_}=Aa(c),P=Sa({hours:!1,minutes:!1,seconds:!1}),A=Y("AM"),R=Y(null),ne=Y([]);Ue(()=>{n("mounted")});const W=N=>Be(new Date,{hours:N.hours,minutes:N.minutes,seconds:r.enableSeconds?N.seconds:0,milliseconds:0}),T=x(()=>N=>b(N,r[N])||B(N,r[N])),I=x(()=>({hours:r.hours,minutes:r.minutes,seconds:r.seconds})),B=(N,pe)=>v.value.enabled&&!v.value.disableTimeRangeValidation?!r.validateTime(N,pe):!1,U=(N,pe)=>{if(v.value.enabled&&!v.value.disableTimeRangeValidation){const Ve=pe?+r[`${N}Increment`]:-+r[`${N}Increment`],w=r[N]+Ve;return!r.validateTime(N,w)}return!1},E=x(()=>N=>!Z(+r[N]+ +r[`${N}Increment`],N)||U(N,!0)),Q=x(()=>N=>!Z(+r[N]-+r[`${N}Increment`],N)||U(N,!1)),ae=(N,pe)=>ao(Be(G(),N),pe),re=(N,pe)=>$v(Be(G(),N),pe),M=x(()=>({dp__time_col:!0,dp__time_col_block:!r.timePickerInline,dp__time_col_reg_block:!r.enableSeconds&&r.is24&&!r.timePickerInline,dp__time_col_reg_inline:!r.enableSeconds&&r.is24&&r.timePickerInline,dp__time_col_reg_with_button:!r.enableSeconds&&!r.is24,dp__time_col_sec:r.enableSeconds&&r.is24,dp__time_col_sec_with_button:r.enableSeconds&&!r.is24})),L=x(()=>{const N=[{type:"hours"},{type:"",separator:!0},{type:"minutes"}];return r.enableSeconds?N.concat([{type:"",separator:!0},{type:"seconds"}]):N}),X=x(()=>L.value.filter(N=>!N.separator)),ie=x(()=>N=>{if(N==="hours"){const pe=K(+r.hours);return{text:pe<10?`0${pe}`:`${pe}`,value:pe}}return{text:r[N]<10?`0${r[N]}`:`${r[N]}`,value:r[N]}}),b=(N,pe)=>{var Ve;if(!r.disabledTimesConfig)return!1;const w=r.disabledTimesConfig(r.order,N==="hours"?pe:void 0);return w[N]?!!((Ve=w[N])!=null&&Ve.includes(pe)):!0},O=N=>{const pe=r.is24?24:12,Ve=N==="hours"?pe:60,w=+r[`${N}GridIncrement`],J=N==="hours"&&!r.is24?w:0,_e=[];for(let Me=J;Me({active:!1,disabled:f.value.times[N].includes(Me.value)||!Z(Me.value,N)||b(N,Me.value)||B(N,Me.value)}))},z=N=>N>=0?N:59,q=N=>N>=0?N:23,Z=(N,pe)=>{const Ve=r.minTime?W(mn(r.minTime)):null,w=r.maxTime?W(mn(r.maxTime)):null,J=W(mn(I.value,pe,pe==="minutes"||pe==="seconds"?z(N):q(N)));return Ve&&w?(Pa(J,w)||Jt(J,w))&&(Ma(J,Ve)||Jt(J,Ve)):Ve?Ma(J,Ve)||Jt(J,Ve):w?Pa(J,w)||Jt(J,w):!0},k=N=>r[`no${N[0].toUpperCase()+N.slice(1)}Overlay`],h=N=>{k(N)||(P[N]=!P[N],P[N]||n("overlay-closed"))},d=N=>N==="hours"?yt:N==="minutes"?Vt:va,S=(N,pe=!0)=>{const Ve=pe?ae:re,w=pe?+r[`${N}Increment`]:-+r[`${N}Increment`];Z(+r[N]+w,N)&&n(`update:${N}`,d(N)(Ve({[N]:+r[N]},{[N]:+r[`${N}Increment`]})))},K=N=>r.is24?N:(N>=12?A.value="PM":A.value="AM",Gv(N)),te=()=>{A.value==="PM"?(A.value="AM",n("update:hours",r.hours-12)):(A.value="PM",n("update:hours",r.hours+12)),n("am-pm-change",A.value)},H=N=>{P[N]=!0},De=(N,pe,Ve)=>{if(N&&r.arrowNavigation){Array.isArray(ne.value[pe])?ne.value[pe][Ve]=N:ne.value[pe]=[N];const w=ne.value.reduce((J,_e)=>_e.map((Me,ue)=>[...J[ue]||[],_e[ue]]),[]);l(r.closeTimePickerBtn),R.value&&(w[1]=w[1].concat(R.value)),o(w,r.order)}},Ee=(N,pe)=>(h(N),N==="hours"&&!r.is24?n(`update:${N}`,A.value==="PM"?pe+12:pe):n(`update:${N}`,pe));return a({openChildCmp:H}),(N,pe)=>{var Ve;return N.disabled?C("",!0):(u(),m("div",jp,[(u(!0),m(ce,null,ye(L.value,(w,J)=>{var _e,Me,ue;return u(),m("div",{key:J,class:ve(M.value)},[w.separator?(u(),m(ce,{key:0},[Ne(" : ")],64)):(u(),m(ce,{key:1},[y("button",{ref_for:!0,ref:Pe=>De(Pe,J,0),type:"button",class:ve({dp__btn:!0,dp__inc_dec_button:!N.timePickerInline,dp__inc_dec_button_inline:N.timePickerInline,dp__tp_inline_btn_top:N.timePickerInline,dp__inc_dec_button_disabled:E.value(w.type)}),"aria-label":(_e=i(s))==null?void 0:_e.incrementValue(w.type),tabindex:"0",onKeydown:[be(Ie(Pe=>S(w.type),["prevent"]),["enter"]),be(Ie(Pe=>S(w.type),["prevent"]),["space"])],onClick:Pe=>S(w.type)},[r.timePickerInline?(u(),m(ce,{key:1},[Gp,Qp],64)):(u(),m(ce,{key:0},[N.$slots["arrow-up"]?D(N.$slots,"arrow-up",{key:0}):C("",!0),N.$slots["arrow-up"]?C("",!0):(u(),oe(i(er),{key:1}))],64))],42,Up),y("button",{ref_for:!0,ref:Pe=>De(Pe,J,1),type:"button","aria-label":(Me=i(s))==null?void 0:Me.openTpOverlay(w.type),class:ve({dp__time_display:!0,dp__time_display_block:!N.timePickerInline,dp__time_display_inline:N.timePickerInline,"dp--time-invalid":T.value(w.type),"dp--time-overlay-btn":!T.value(w.type)}),disabled:k(w.type),tabindex:"0",onKeydown:[be(Ie(Pe=>h(w.type),["prevent"]),["enter"]),be(Ie(Pe=>h(w.type),["prevent"]),["space"])],onClick:Pe=>h(w.type)},[N.$slots[w.type]?D(N.$slots,w.type,{key:0,text:ie.value(w.type).text,value:ie.value(w.type).value}):C("",!0),N.$slots[w.type]?C("",!0):(u(),m(ce,{key:1},[Ne(le(ie.value(w.type).text),1)],64))],42,Kp),y("button",{ref_for:!0,ref:Pe=>De(Pe,J,2),type:"button",class:ve({dp__btn:!0,dp__inc_dec_button:!N.timePickerInline,dp__inc_dec_button_inline:N.timePickerInline,dp__tp_inline_btn_bottom:N.timePickerInline,dp__inc_dec_button_disabled:Q.value(w.type)}),"aria-label":(ue=i(s))==null?void 0:ue.decrementValue(w.type),tabindex:"0",onKeydown:[be(Ie(Pe=>S(w.type,!1),["prevent"]),["enter"]),be(Ie(Pe=>S(w.type,!1),["prevent"]),["space"])],onClick:Pe=>S(w.type,!1)},[r.timePickerInline?(u(),m(ce,{key:1},[Zp,Jp],64)):(u(),m(ce,{key:0},[N.$slots["arrow-down"]?D(N.$slots,"arrow-down",{key:0}):C("",!0),N.$slots["arrow-down"]?C("",!0):(u(),oe(i(tr),{key:1}))],64))],42,Xp)],64))],2)}),128)),N.is24?C("",!0):(u(),m("div",e1,[N.$slots["am-pm-button"]?D(N.$slots,"am-pm-button",{key:0,toggle:te,value:A.value}):C("",!0),N.$slots["am-pm-button"]?C("",!0):(u(),m("button",{key:1,ref_key:"amPmButton",ref:R,type:"button",class:"dp__pm_am_button",role:"button","aria-label":(Ve=i(s))==null?void 0:Ve.amPmButton,tabindex:"0",onClick:te,onKeydown:[be(Ie(te,["prevent"]),["enter"]),be(Ie(te,["prevent"]),["space"])]},le(A.value),41,t1))])),(u(!0),m(ce,null,ye(X.value,(w,J)=>(u(),oe(Et,{key:J,name:i(p)(P[w.type]),css:i(_)},{default:$(()=>[P[w.type]?(u(),oe(Ca,{key:0,items:O(w.type),"is-last":N.autoApply&&!i(g).keepActionRow,"esc-close":N.escClose,type:w.type,"text-input":N.textInput,config:N.config,"arrow-navigation":N.arrowNavigation,onSelected:_e=>Ee(w.type,_e),onToggle:_e=>h(w.type),onResetFlow:pe[0]||(pe[0]=_e=>N.$emit("reset-flow"))},at({"button-icon":$(()=>[N.$slots["clock-icon"]?D(N.$slots,"clock-icon",{key:0}):C("",!0),N.$slots["clock-icon"]?C("",!0):(u(),oe(xt(N.timePickerInline?i(ya):i(Jn)),{key:1}))]),_:2},[N.$slots[`${w.type}-overlay-value`]?{name:"item",fn:$(({item:_e})=>[D(N.$slots,`${w.type}-overlay-value`,{text:_e.text,value:_e.value})]),key:"0"}:void 0]),1032,["items","is-last","esc-close","type","text-input","config","arrow-navigation","onSelected","onToggle"])):C("",!0)]),_:2},1032,["name","css"]))),128))]))}}}),n1={class:"dp--tp-wrap"},r1=["aria-label","tabindex"],o1=["tabindex"],l1=["aria-label"],Bo=j({compatConfig:{MODE:3},__name:"TimePicker",props:{hours:{type:[Number,Array],default:0},minutes:{type:[Number,Array],default:0},seconds:{type:[Number,Array],default:0},disabledTimesConfig:{type:Function,default:null},validateTime:{type:Function,default:()=>!1},...bt},emits:["update:hours","update:minutes","update:seconds","mount","reset-flow","overlay-opened","overlay-closed","am-pm-change"],setup(e,{expose:a,emit:t}){const n=t,r=e,{buildMatrix:o,setTimePicker:l}=Kt(),s=Qt(),{defaultedTransitions:c,defaultedAriaLabels:f,defaultedTextInput:g,defaultedConfig:v,defaultedRange:p}=We(r),{transitionName:_,showTransition:P}=Aa(c),{hideNavigationButtons:A}=Ja(),R=Y(null),ne=Y(null),W=Y([]),T=Y(null);Ue(()=>{n("mount"),!r.timePicker&&r.arrowNavigation?o([Je(R.value)],"time"):l(!0,r.timePicker)});const I=x(()=>p.value.enabled&&r.modelAuto?To(r.internalModelValue):!0),B=Y(!1),U=O=>({hours:Array.isArray(r.hours)?r.hours[O]:r.hours,minutes:Array.isArray(r.minutes)?r.minutes[O]:r.minutes,seconds:Array.isArray(r.seconds)?r.seconds[O]:r.seconds}),E=x(()=>{const O=[];if(p.value.enabled)for(let z=0;z<2;z++)O.push(U(z));else O.push(U(0));return O}),Q=(O,z=!1,q="")=>{z||n("reset-flow"),B.value=O,n(O?"overlay-opened":"overlay-closed"),r.arrowNavigation&&l(O),Rt(()=>{q!==""&&W.value[0]&&W.value[0].openChildCmp(q)})},ae=x(()=>({dp__btn:!0,dp__button:!0,dp__button_bottom:r.autoApply&&!v.value.keepActionRow})),re=ut(s,"timePicker"),M=(O,z,q)=>p.value.enabled?z===0?[O,E.value[1][q]]:[E.value[0][q],O]:O,L=O=>{n("update:hours",O)},X=O=>{n("update:minutes",O)},ie=O=>{n("update:seconds",O)},b=()=>{if(T.value&&!g.value.enabled&&!r.noOverlayFocus){const O=So(T.value);O&&O.focus({preventScroll:!0})}};return a({toggleTimePicker:Q}),(O,z)=>{var q;return u(),m("div",n1,[!O.timePicker&&!O.timePickerInline?ba((u(),m("button",{key:0,ref_key:"openTimePickerBtn",ref:R,type:"button",class:ve(ae.value),"aria-label":(q=i(f))==null?void 0:q.openTimePicker,tabindex:O.noOverlayFocus?void 0:0,onKeydown:[z[0]||(z[0]=be(Z=>Q(!0),["enter"])),z[1]||(z[1]=be(Z=>Q(!0),["space"]))],onClick:z[2]||(z[2]=Z=>Q(!0))},[O.$slots["clock-icon"]?D(O.$slots,"clock-icon",{key:0}):C("",!0),O.$slots["clock-icon"]?C("",!0):(u(),oe(i(Jn),{key:1}))],42,r1)),[[Ha,!i(A)(O.hideNavigation,"time")]]):C("",!0),F(Et,{name:i(_)(B.value),css:i(P)&&!O.timePickerInline},{default:$(()=>{var Z;return[B.value||O.timePicker||O.timePickerInline?(u(),m("div",{key:0,ref_key:"overlayRef",ref:T,class:ve({dp__overlay:!O.timePickerInline,"dp--overlay-absolute":!r.timePicker&&!O.timePickerInline,"dp--overlay-relative":r.timePicker}),style:vt(O.timePicker?{height:`${i(v).modeHeight}px`}:void 0),tabindex:O.timePickerInline?void 0:0},[y("div",{class:ve(O.timePickerInline?"dp__time_picker_inline_container":"dp__overlay_container dp__container_flex dp__time_picker_overlay_container"),style:{display:"flex"}},[O.$slots["time-picker-overlay"]?D(O.$slots,"time-picker-overlay",{key:0,hours:e.hours,minutes:e.minutes,seconds:e.seconds,setHours:L,setMinutes:X,setSeconds:ie}):C("",!0),O.$slots["time-picker-overlay"]?C("",!0):(u(),m("div",{key:1,class:ve(O.timePickerInline?"dp__flex":"dp__overlay_row dp__flex_row")},[(u(!0),m(ce,null,ye(E.value,(k,h)=>ba((u(),oe(a1,Oe({key:h},{...O.$props,order:h,hours:k.hours,minutes:k.minutes,seconds:k.seconds,closeTimePickerBtn:ne.value,disabledTimesConfig:e.disabledTimesConfig,disabled:h===0?O.fixedStart:O.fixedEnd},{ref_for:!0,ref_key:"timeInputRefs",ref:W,"validate-time":(d,S)=>e.validateTime(d,M(S,h,d)),"onUpdate:hours":d=>L(M(d,h,"hours")),"onUpdate:minutes":d=>X(M(d,h,"minutes")),"onUpdate:seconds":d=>ie(M(d,h,"seconds")),onMounted:b,onOverlayClosed:b,onAmPmChange:z[3]||(z[3]=d=>O.$emit("am-pm-change",d))}),at({_:2},[ye(i(re),(d,S)=>({name:d,fn:$(K=>[D(O.$slots,d,Ze(lt(K)))])}))]),1040,["validate-time","onUpdate:hours","onUpdate:minutes","onUpdate:seconds"])),[[Ha,h===0?!0:I.value]])),128))],2)),!O.timePicker&&!O.timePickerInline?ba((u(),m("button",{key:2,ref_key:"closeTimePickerBtn",ref:ne,type:"button",class:ve(ae.value),"aria-label":(Z=i(f))==null?void 0:Z.closeTimePicker,tabindex:"0",onKeydown:[z[4]||(z[4]=be(k=>Q(!1),["enter"])),z[5]||(z[5]=be(k=>Q(!1),["space"]))],onClick:z[6]||(z[6]=k=>Q(!1))},[O.$slots["calendar-icon"]?D(O.$slots,"calendar-icon",{key:0}):C("",!0),O.$slots["calendar-icon"]?C("",!0):(u(),oe(i(ya),{key:1}))],42,l1)),[[Ha,!i(A)(O.hideNavigation,"time")]]):C("",!0)],2)],14,o1)):C("",!0)]}),_:3},8,["name","css"])])}}}),Fo=(e,a,t,n)=>{const{defaultedRange:r}=We(e),o=(T,I)=>Array.isArray(a[T])?a[T][I]:a[T],l=T=>e.enableSeconds?Array.isArray(a.seconds)?a.seconds[T]:a.seconds:0,s=(T,I)=>T?I!==void 0?Gt(T,o("hours",I),o("minutes",I),l(I)):Gt(T,a.hours,a.minutes,l()):Kn(G(),l(I)),c=(T,I)=>{a[T]=I},f=x(()=>e.modelAuto&&r.value.enabled?Array.isArray(t.value)?!t.value.some(T=>!T):!1:r.value.enabled),g=(T,I)=>{const B=Object.fromEntries(Object.keys(a).map(U=>U===T?[U,I]:[U,a[U]].slice()));if(f.value&&!r.value.disableTimeRangeValidation){const U=Q=>t.value?Gt(t.value[Q],B.hours[Q],B.minutes[Q],B.seconds[Q]):null,E=Q=>Qn(t.value[Q],0);return!(Se(U(0),U(1))&&(Ma(U(0),E(1))||Pa(U(1),E(0))))}return!0},v=(T,I)=>{g(T,I)&&(c(T,I),n&&n())},p=T=>{v("hours",T)},_=T=>{v("minutes",T)},P=T=>{v("seconds",T)},A=(T,I,B,U)=>{I&&p(T),!I&&!B&&_(T),B&&P(T),t.value&&U(t.value)},R=T=>{if(T){const I=Array.isArray(T),B=I?[+T[0].hours,+T[1].hours]:+T.hours,U=I?[+T[0].minutes,+T[1].minutes]:+T.minutes,E=I?[+T[0].seconds,+T[1].seconds]:+T.seconds;c("hours",B),c("minutes",U),e.enableSeconds&&c("seconds",E)}},ne=(T,I)=>{const B={hours:Array.isArray(a.hours)?a.hours[T]:a.hours,disabledArr:[]};return(I||I===0)&&(B.hours=I),Array.isArray(e.disabledTimes)&&(B.disabledArr=r.value.enabled&&Array.isArray(e.disabledTimes[T])?e.disabledTimes[T]:e.disabledTimes),B},W=x(()=>(T,I)=>{var B;if(Array.isArray(e.disabledTimes)){const{disabledArr:U,hours:E}=ne(T,I),Q=U.filter(ae=>+ae.hours===E);return((B=Q[0])==null?void 0:B.minutes)==="*"?{hours:[E],minutes:void 0,seconds:void 0}:{hours:[],minutes:(Q==null?void 0:Q.map(ae=>+ae.minutes))??[],seconds:(Q==null?void 0:Q.map(ae=>ae.seconds?+ae.seconds:void 0))??[]}}return{hours:[],minutes:[],seconds:[]}});return{setTime:c,updateHours:p,updateMinutes:_,updateSeconds:P,getSetDateTime:s,updateTimeValues:A,getSecondsValue:l,assignStartTime:R,validateTime:g,disabledTimesConfig:W}},s1=(e,a)=>{const{modelValue:t,time:n}=Va(e,a),{defaultedStartTime:r,defaultedRange:o}=We(e),{updateTimeValues:l,getSetDateTime:s,setTime:c,assignStartTime:f,disabledTimesConfig:g,validateTime:v}=Fo(e,n,t),p=T=>{const{hours:I,minutes:B,seconds:U}=T;return{hours:+I,minutes:+B,seconds:U?+U:0}},_=()=>{if(e.startTime){if(Array.isArray(e.startTime)){const I=p(e.startTime[0]),B=p(e.startTime[1]);return[Be(G(),I),Be(G(),B)]}const T=p(e.startTime);return Be(G(),T)}return o.value.enabled?[null,null]:null},P=()=>{if(o.value.enabled){const[T,I]=_();t.value=[s(T,0),s(I,1)]}else t.value=s(_())},A=T=>Array.isArray(T)?[ea(G(T[0])),ea(G(T[1]))]:[ea(T??G())],R=(T,I,B)=>{c("hours",T),c("minutes",I),c("seconds",e.enableSeconds?B:0)},ne=()=>{const[T,I]=A(t.value);return o.value.enabled?R([T.hours,I.hours],[T.minutes,I.minutes],[T.seconds,I.minutes]):R(T.hours,T.minutes,T.seconds)};Ue(()=>{if(!e.shadow)return f(r.value),t.value?ne():P()});const W=()=>{Array.isArray(t.value)?t.value=t.value.map((T,I)=>T&&s(T,I)):t.value=s(t.value),a("time-update")};return{modelValue:t,time:n,disabledTimesConfig:g,updateTime:(T,I=!0,B=!1)=>{l(T,I,B,W)},validateTime:v}},i1=j({compatConfig:{MODE:3},__name:"TimePickerSolo",props:{...bt},emits:["update:internal-model-value","time-update","am-pm-change"],setup(e,{expose:a,emit:t}){const n=t,r=e,o=Qt(),l=ut(o,"timePicker"),{time:s,modelValue:c,disabledTimesConfig:f,updateTime:g,validateTime:v}=s1(r,n);return a({getSidebarProps:()=>({modelValue:c,time:s,updateTime:g})}),(p,_)=>(u(),oe(tn,{"multi-calendars":0,stretch:""},{default:$(()=>[F(Bo,Oe(p.$props,{hours:i(s).hours,minutes:i(s).minutes,seconds:i(s).seconds,"internal-model-value":p.internalModelValue,"disabled-times-config":i(f),"validate-time":i(v),"onUpdate:hours":_[0]||(_[0]=P=>i(g)(P)),"onUpdate:minutes":_[1]||(_[1]=P=>i(g)(P,!1)),"onUpdate:seconds":_[2]||(_[2]=P=>i(g)(P,!1,!0)),onAmPmChange:_[3]||(_[3]=P=>p.$emit("am-pm-change",P))}),at({_:2},[ye(i(l),(P,A)=>({name:P,fn:$(R=>[D(p.$slots,P,Ze(lt(R)))])}))]),1040,["hours","minutes","seconds","internal-model-value","disabled-times-config","validate-time"])]),_:3}))}}),u1={class:"dp__month_year_row"},c1=["aria-label","onClick","onKeydown"],d1=j({compatConfig:{MODE:3},__name:"DpHeader",props:{month:{type:Number,default:0},year:{type:Number,default:0},instance:{type:Number,default:0},years:{type:Array,default:()=>[]},months:{type:Array,default:()=>[]},...bt},emits:["update-month-year","mount","reset-flow","overlay-closed"],setup(e,{expose:a,emit:t}){const n=t,r=e,{defaultedTransitions:o,defaultedAriaLabels:l,defaultedMultiCalendars:s,defaultedFilters:c,defaultedConfig:f,defaultedHighlight:g}=We(r),{transitionName:v,showTransition:p}=Aa(o),{buildMatrix:_}=Kt(),{handleMonthYearChange:P,isDisabled:A,updateMonthYear:R}=bp(r,n),{showLeftIcon:ne,showRightIcon:W}=Ja(),T=Y(!1),I=Y(!1),B=Y([null,null,null,null]);Ue(()=>{n("mount")});const U=k=>({get:()=>r[k],set:h=>{const d=k===pt.month?pt.year:pt.month;n("update-month-year",{[k]:h,[d]:r[d]}),k===pt.month?ie(!0):b(!0)}}),E=x(U(pt.month)),Q=x(U(pt.year)),ae=x(()=>k=>({month:r.month,year:r.year,items:k===pt.month?r.months:r.years,instance:r.instance,updateMonthYear:R,toggle:k===pt.month?ie:b})),re=x(()=>r.months.find(h=>h.value===r.month)||{text:"",value:0}),M=x(()=>pa(r.months,k=>{const h=r.month===k.value,d=Ta(k.value,xo(r.year,r.minDate),Ao(r.year,r.maxDate))||c.value.months.includes(k.value),S=Io(g.value,k.value,r.year);return{active:h,disabled:d,highlighted:S}})),L=x(()=>pa(r.years,k=>{const h=r.year===k.value,d=Ta(k.value,ha(r.minDate),ha(r.maxDate))||c.value.years.includes(k.value),S=lr(g.value,k.value);return{active:h,disabled:d,highlighted:S}})),X=(k,h)=>{h!==void 0?k.value=h:k.value=!k.value,k.value||n("overlay-closed")},ie=(k=!1,h)=>{O(k),X(T,h)},b=(k=!1,h)=>{O(k),X(I,h)},O=k=>{k||n("reset-flow")},z=(k,h)=>{r.arrowNavigation&&(B.value[h]=Je(k),_(B.value,"monthYear"))},q=x(()=>{var k,h;return[{type:pt.month,index:1,toggle:ie,modelValue:E.value,updateModelValue:d=>E.value=d,text:re.value.text,showSelectionGrid:T.value,items:M.value,ariaLabel:(k=l.value)==null?void 0:k.openMonthsOverlay},{type:pt.year,index:2,toggle:b,modelValue:Q.value,updateModelValue:d=>Q.value=d,text:r.year,showSelectionGrid:I.value,items:L.value,ariaLabel:(h=l.value)==null?void 0:h.openYearsOverlay}]}),Z=x(()=>r.disableYearSelect?[q.value[0]]:r.yearFirst?[...q.value].reverse():q.value);return a({toggleMonthPicker:ie,toggleYearPicker:b,handleMonthYearChange:P}),(k,h)=>{var d,S,K;return u(),m("div",u1,[k.$slots["month-year"]?D(k.$slots,"month-year",Ze(Oe({key:0},{month:e.month,year:e.year,months:e.months,years:e.years,updateMonthYear:i(R),handleMonthYearChange:i(P),instance:e.instance}))):(u(),m(ce,{key:1},[i(ne)(i(s),e.instance)&&!k.vertical?(u(),oe($a,{key:0,"aria-label":(d=i(l))==null?void 0:d.prevMonth,disabled:i(A)(!1),onActivate:h[0]||(h[0]=te=>i(P)(!1,!0)),onSetRef:h[1]||(h[1]=te=>z(te,0))},{default:$(()=>[k.$slots["arrow-left"]?D(k.$slots,"arrow-left",{key:0}):C("",!0),k.$slots["arrow-left"]?C("",!0):(u(),oe(i(Xn),{key:1}))]),_:3},8,["aria-label","disabled"])):C("",!0),y("div",{class:ve(["dp__month_year_wrap",{dp__year_disable_select:k.disableYearSelect}])},[(u(!0),m(ce,null,ye(Z.value,(te,H)=>(u(),m(ce,{key:te.type},[y("button",{ref_for:!0,ref:De=>z(De,H+1),type:"button",class:"dp__btn dp__month_year_select",tabindex:"0","aria-label":te.ariaLabel,onClick:te.toggle,onKeydown:[be(Ie(te.toggle,["prevent"]),["enter"]),be(Ie(te.toggle,["prevent"]),["space"])]},[k.$slots[te.type]?D(k.$slots,te.type,{key:0,text:te.text,value:r[te.type]}):C("",!0),k.$slots[te.type]?C("",!0):(u(),m(ce,{key:1},[Ne(le(te.text),1)],64))],40,c1),F(Et,{name:i(v)(te.showSelectionGrid),css:i(p)},{default:$(()=>[te.showSelectionGrid?(u(),oe(Ca,{key:0,items:te.items,"arrow-navigation":k.arrowNavigation,"hide-navigation":k.hideNavigation,"is-last":k.autoApply&&!i(f).keepActionRow,"skip-button-ref":!1,config:k.config,type:te.type,"header-refs":[],"esc-close":k.escClose,"menu-wrap-ref":k.menuWrapRef,"text-input":k.textInput,onSelected:te.updateModelValue,onToggle:te.toggle},at({"button-icon":$(()=>[k.$slots["calendar-icon"]?D(k.$slots,"calendar-icon",{key:0}):C("",!0),k.$slots["calendar-icon"]?C("",!0):(u(),oe(i(ya),{key:1}))]),_:2},[k.$slots[`${te.type}-overlay-value`]?{name:"item",fn:$(({item:De})=>[D(k.$slots,`${te.type}-overlay-value`,{text:De.text,value:De.value})]),key:"0"}:void 0,k.$slots[`${te.type}-overlay`]?{name:"overlay",fn:$(()=>[D(k.$slots,`${te.type}-overlay`,Ze(lt(ae.value(te.type))))]),key:"1"}:void 0,k.$slots[`${te.type}-overlay-header`]?{name:"header",fn:$(()=>[D(k.$slots,`${te.type}-overlay-header`,{toggle:te.toggle})]),key:"2"}:void 0]),1032,["items","arrow-navigation","hide-navigation","is-last","config","type","esc-close","menu-wrap-ref","text-input","onSelected","onToggle"])):C("",!0)]),_:2},1032,["name","css"])],64))),128))],2),i(ne)(i(s),e.instance)&&k.vertical?(u(),oe($a,{key:1,"aria-label":(S=i(l))==null?void 0:S.prevMonth,disabled:i(A)(!1),onActivate:h[2]||(h[2]=te=>i(P)(!1,!0))},{default:$(()=>[k.$slots["arrow-up"]?D(k.$slots,"arrow-up",{key:0}):C("",!0),k.$slots["arrow-up"]?C("",!0):(u(),oe(i(er),{key:1}))]),_:3},8,["aria-label","disabled"])):C("",!0),i(W)(i(s),e.instance)?(u(),oe($a,{key:2,ref:"rightIcon",disabled:i(A)(!0),"aria-label":(K=i(l))==null?void 0:K.nextMonth,onActivate:h[3]||(h[3]=te=>i(P)(!0,!0)),onSetRef:h[4]||(h[4]=te=>z(te,k.disableYearSelect?2:3))},{default:$(()=>[k.$slots[k.vertical?"arrow-down":"arrow-right"]?D(k.$slots,k.vertical?"arrow-down":"arrow-right",{key:0}):C("",!0),k.$slots[k.vertical?"arrow-down":"arrow-right"]?C("",!0):(u(),oe(xt(k.vertical?i(tr):i(Zn)),{key:1}))]),_:3},8,["disabled","aria-label"])):C("",!0)],64))])}}}),m1=["aria-label"],v1={class:"dp__calendar_header",role:"row"},p1={key:0,class:"dp__calendar_header_item",role:"gridcell"},h1=y("div",{class:"dp__calendar_header_separator"},null,-1),f1=["aria-label"],y1={key:0,role:"gridcell",class:"dp__calendar_item dp__week_num"},g1={class:"dp__cell_inner"},_1=["id","aria-selected","aria-disabled","aria-label","onClick","onKeydown","onMouseenter","onMouseleave"],w1=j({compatConfig:{MODE:3},__name:"DpCalendar",props:{mappedDates:{type:Array,default:()=>[]},instance:{type:Number,default:0},month:{type:Number,default:0},year:{type:Number,default:0},...bt},emits:["select-date","set-hover-date","handle-scroll","mount","handle-swipe","handle-space","tooltip-open","tooltip-close"],setup(e,{expose:a,emit:t}){const n=t,r=e,{buildMultiLevelMatrix:o}=Kt(),{defaultedTransitions:l,defaultedConfig:s,defaultedAriaLabels:c,defaultedMultiCalendars:f,defaultedWeekNumbers:g}=We(r),v=Y(null),p=Y({bottom:"",left:"",transform:""}),_=Y([]),P=Y(null),A=Y(!0),R=Y(""),ne=Y({startX:0,endX:0,startY:0,endY:0}),W=Y([]),T=Y({left:"50%"}),I=x(()=>r.calendar?r.calendar(r.mappedDates):r.mappedDates),B=x(()=>r.dayNames?Array.isArray(r.dayNames)?r.dayNames:r.dayNames(r.locale,+r.weekStart):Uv(r.formatLocale,r.locale,+r.weekStart));Ue(()=>{n("mount",{cmp:"calendar",refs:_}),s.value.noSwipe||P.value&&(P.value.addEventListener("touchstart",O,{passive:!1}),P.value.addEventListener("touchend",z,{passive:!1}),P.value.addEventListener("touchmove",q,{passive:!1})),r.monthChangeOnScroll&&P.value&&P.value.addEventListener("wheel",h,{passive:!1})});const U=H=>H?r.vertical?"vNext":"next":r.vertical?"vPrevious":"previous",E=(H,De)=>{if(r.transitions){const Ee=rt(It(G(),r.month,r.year));R.value=Ge(rt(It(G(),H,De)),Ee)?l.value[U(!0)]:l.value[U(!1)],A.value=!1,Rt(()=>{A.value=!0})}},Q=x(()=>({[r.calendarClassName]:!!r.calendarClassName})),ae=x(()=>H=>{const De=Qv(H);return{dp__marker_dot:De.type==="dot",dp__marker_line:De.type==="line"}}),re=x(()=>H=>Se(H,v.value)),M=x(()=>({dp__calendar:!0,dp__calendar_next:f.value.count>0&&r.instance!==0})),L=x(()=>H=>r.hideOffsetDates?H.current:!0),X=H=>ft(H,"yyyy-MM-dd"),ie=async(H,De,Ee)=>{var N,pe;if(n("set-hover-date",H),(pe=(N=H.marker)==null?void 0:N.tooltip)!=null&&pe.length){const Ve=Je(_.value[De][Ee]);if(Ve){const{width:w,height:J}=Ve.getBoundingClientRect();v.value=H.value;let _e={left:`${w/2}px`},Me=-50;if(await Rt(),W.value[0]){const{left:ue,width:Pe}=W.value[0].getBoundingClientRect();ue<0&&(_e={left:"0"},Me=0,T.value.left=`${w/2}px`),window.innerWidth{v.value&&(v.value=null,p.value=JSON.parse(JSON.stringify({bottom:"",left:"",transform:""})),n("tooltip-close",H.marker))},O=H=>{ne.value.startX=H.changedTouches[0].screenX,ne.value.startY=H.changedTouches[0].screenY},z=H=>{ne.value.endX=H.changedTouches[0].screenX,ne.value.endY=H.changedTouches[0].screenY,Z()},q=H=>{r.vertical&&!r.inline&&H.preventDefault()},Z=()=>{const H=r.vertical?"Y":"X";Math.abs(ne.value[`start${H}`]-ne.value[`end${H}`])>10&&n("handle-swipe",ne.value[`start${H}`]>ne.value[`end${H}`]?"right":"left")},k=(H,De,Ee)=>{H&&(Array.isArray(_.value[De])?_.value[De][Ee]=H:_.value[De]=[H]),r.arrowNavigation&&o(_.value,"calendar")},h=H=>{r.monthChangeOnScroll&&(H.preventDefault(),n("handle-scroll",H))},d=H=>g.value.type==="local"?qn(H.value,{weekStartsOn:+r.weekStart}):g.value.type==="iso"?zn(H.value):typeof g.value.type=="function"?g.value.type(H.value):"",S=H=>{const De=H[0];return g.value.hideOnOffsetDates?H.some(Ee=>Ee.current)?d(De):"":d(De)},K=(H,De)=>{Ut(H,s.value),n("select-date",De)},te=H=>{Ut(H,s.value)};return a({triggerTransition:E}),(H,De)=>{var Ee;return u(),m("div",{class:ve(M.value)},[y("div",{ref_key:"calendarWrapRef",ref:P,role:"grid",class:ve(Q.value),"aria-label":(Ee=i(c))==null?void 0:Ee.calendarWrap},[y("div",v1,[H.weekNumbers?(u(),m("div",p1,le(H.weekNumName),1)):C("",!0),(u(!0),m(ce,null,ye(B.value,(N,pe)=>(u(),m("div",{key:pe,class:"dp__calendar_header_item",role:"gridcell"},[H.$slots["calendar-header"]?D(H.$slots,"calendar-header",{key:0,day:N,index:pe}):C("",!0),H.$slots["calendar-header"]?C("",!0):(u(),m(ce,{key:1},[Ne(le(N),1)],64))]))),128))]),h1,F(Et,{name:R.value,css:!!H.transitions},{default:$(()=>{var N;return[A.value?(u(),m("div",{key:0,class:"dp__calendar",role:"rowgroup","aria-label":((N=i(c))==null?void 0:N.calendarDays)||void 0},[(u(!0),m(ce,null,ye(I.value,(pe,Ve)=>(u(),m("div",{key:Ve,class:"dp__calendar_row",role:"row"},[H.weekNumbers?(u(),m("div",y1,[y("div",g1,le(S(pe.days)),1)])):C("",!0),(u(!0),m(ce,null,ye(pe.days,(w,J)=>{var _e,Me,ue;return u(),m("div",{id:X(w.value),ref_for:!0,ref:Pe=>k(Pe,Ve,J),key:J+Ve,role:"gridcell",class:"dp__calendar_item","aria-selected":(w.classData.dp__active_date||w.classData.dp__range_start||w.classData.dp__range_start)??void 0,"aria-disabled":w.classData.dp__cell_disabled||void 0,"aria-label":(Me=(_e=i(c))==null?void 0:_e.day)==null?void 0:Me.call(_e,w),tabindex:"0",onClick:Ie(Pe=>K(Pe,w),["prevent"]),onKeydown:[be(Pe=>H.$emit("select-date",w),["enter"]),be(Pe=>H.$emit("handle-space",w),["space"])],onMouseenter:Pe=>ie(w,Ve,J),onMouseleave:Pe=>b(w)},[y("div",{class:ve(["dp__cell_inner",w.classData])},[H.$slots.day&&L.value(w)?D(H.$slots,"day",{key:0,day:+w.text,date:w.value}):C("",!0),H.$slots.day?C("",!0):(u(),m(ce,{key:1},[Ne(le(w.text),1)],64)),w.marker&&L.value(w)?(u(),m(ce,{key:2},[H.$slots.marker?D(H.$slots,"marker",{key:0,marker:w.marker,day:+w.text,date:w.value}):(u(),m("div",{key:1,class:ve(ae.value(w.marker)),style:vt(w.marker.color?{backgroundColor:w.marker.color}:{})},null,6))],64)):C("",!0),re.value(w.value)?(u(),m("div",{key:3,ref_for:!0,ref_key:"activeTooltip",ref:W,class:"dp__marker_tooltip",style:vt(p.value)},[(ue=w.marker)!=null&&ue.tooltip?(u(),m("div",{key:0,class:"dp__tooltip_content",onClick:te},[(u(!0),m(ce,null,ye(w.marker.tooltip,(Pe,it)=>(u(),m("div",{key:it,class:"dp__tooltip_text"},[H.$slots["marker-tooltip"]?D(H.$slots,"marker-tooltip",{key:0,tooltip:Pe,day:w.value}):C("",!0),H.$slots["marker-tooltip"]?C("",!0):(u(),m(ce,{key:1},[y("div",{class:"dp__tooltip_mark",style:vt(Pe.color?{backgroundColor:Pe.color}:{})},null,4),y("div",null,le(Pe.text),1)],64))]))),128)),y("div",{class:"dp__arrow_bottom_tp",style:vt(T.value)},null,4)])):C("",!0)],4)):C("",!0)],2)],40,_1)}),128))]))),128))],8,f1)):C("",!0)]}),_:3},8,["name","css"])],10,m1)],2)}}}),Yr=e=>Array.isArray(e),b1=(e,a,t,n)=>{const r=Y([]),o=Y(new Date),{modelValue:l,calendars:s,time:c}=Va(e,a),{defaultedMultiCalendars:f,defaultedStartTime:g,defaultedRange:v}=We(e),{validateMonthYearInRange:p,isDisabled:_,isDateRangeAllowed:P,checkMinMaxRange:A}=la(e),{updateTimeValues:R,getSetDateTime:ne,setTime:W,assignStartTime:T,validateTime:I,disabledTimesConfig:B}=Fo(e,c,l,n),U=x(()=>V=>s.value[V]?s.value[V].month:0),E=x(()=>V=>s.value[V]?s.value[V].year:0),Q=(V,ee,fe)=>{var $e,He;s.value[V]||(s.value[V]={month:0,year:0}),s.value[V].month=Ar(ee)?($e=s.value[V])==null?void 0:$e.month:ee,s.value[V].year=Ar(fe)?(He=s.value[V])==null?void 0:He.year:fe},ae=()=>{e.autoApply&&a("select-date")};st(l,(V,ee)=>{JSON.stringify(V)!==JSON.stringify(ee)&&L()},{deep:!0}),Ue(()=>{e.shadow||(l.value||(S(),g.value&&T(g.value)),L(!0),e.focusStartDate&&e.startDate&&S())});const re=x(()=>{var V;return(V=e.flow)!=null&&V.length&&!e.partialFlow?e.flowStep===e.flow.length:!0}),M=()=>{e.autoApply&&re.value&&a("auto-apply",e.partialFlow)},L=(V=!1)=>{if(l.value)return Array.isArray(l.value)?(r.value=l.value,Z(V)):b(l.value,V);if(f.value.count&&V&&!e.startDate)return ie(G(),V)},X=()=>Array.isArray(l.value)&&v.value.enabled?Te(l.value[0])===Te(l.value[1]??l.value[0]):!1,ie=(V,ee=!1)=>{if((!f.value.count||!f.value.static||ee)&&Q(0,Te(V),ke(V)),f.value.count&&(!f.value.solo||!l.value||X()))for(let fe=1;fe{ie(V),W("hours",yt(V)),W("minutes",Vt(V)),W("seconds",va(V)),f.value.count&&ee&&d()},O=V=>{if(f.value.count){if(f.value.solo)return 0;const ee=Te(V[0]),fe=Te(V[1]);return Math.abs(fe-ee){V[1]&&v.value.showLastInRange?ie(V[O(V)],ee):ie(V[0],ee);const fe=($e,He)=>[$e(V[0]),V[1]?$e(V[1]):c[He][1]];W("hours",fe(yt,"hours")),W("minutes",fe(Vt,"minutes")),W("seconds",fe(va,"seconds"))},q=(V,ee)=>{if((v.value.enabled||e.weekPicker)&&!e.multiDates)return z(V,ee);if(e.multiDates&&ee){const fe=V[V.length-1];return b(fe,ee)}},Z=V=>{const ee=l.value;q(ee,V),f.value.count&&f.value.solo&&d()},k=(V,ee)=>{const fe=Be(G(),{month:U.value(ee),year:E.value(ee)}),$e=V<0?ct(fe,1):Lt(fe,1);p(Te($e),ke($e),V<0,e.preventMinMaxNavigation)&&(Q(ee,Te($e),ke($e)),a("update-month-year",{instance:ee,month:Te($e),year:ke($e)}),f.value.count&&!f.value.solo&&h(ee),t())},h=V=>{for(let ee=V-1;ee>=0;ee--){const fe=Lt(Be(G(),{month:U.value(ee+1),year:E.value(ee+1)}),1);Q(ee,Te(fe),ke(fe))}for(let ee=V+1;ee<=f.value.count-1;ee++){const fe=ct(Be(G(),{month:U.value(ee-1),year:E.value(ee-1)}),1);Q(ee,Te(fe),ke(fe))}},d=()=>{if(Array.isArray(l.value)&&l.value.length===2){const V=G(G(l.value[1]?l.value[1]:ct(l.value[0],1))),[ee,fe]=[Te(l.value[0]),ke(l.value[0])],[$e,He]=[Te(l.value[1]),ke(l.value[1])];(ee!==$e||ee===$e&&fe!==He)&&f.value.solo&&Q(1,Te(V),ke(V))}else l.value&&!Array.isArray(l.value)&&(Q(0,Te(l.value),ke(l.value)),ie(G()))},S=()=>{e.startDate&&(Q(0,Te(G(e.startDate)),ke(G(e.startDate))),f.value.count&&h(0))},K=(V,ee)=>{if(e.monthChangeOnScroll){const fe=new Date().getTime()-o.value.getTime(),$e=Math.abs(V.deltaY);let He=500;$e>1&&(He=100),$e>100&&(He=0),fe>He&&(o.value=new Date,k(e.monthChangeOnScroll!=="inverse"?-V.deltaY:V.deltaY,ee))}},te=(V,ee,fe=!1)=>{e.monthChangeOnArrows&&e.vertical===fe&&H(V,ee)},H=(V,ee)=>{k(V==="right"?-1:1,ee)},De=V=>e.markers.find(ee=>Se(ap(V.value),gt(G(ee.date),e.timezone))),Ee=(V,ee)=>{switch(e.sixWeeks===!0?"append":e.sixWeeks){case"prepend":return[!0,!1];case"center":return[V==0,!0];case"fair":return[V==0||ee>V,!0];case"append":return[!1,!1];default:return[!1,!1]}},N=(V,ee,fe,$e)=>{if(e.sixWeeks&&V.length<6){const He=6-V.length,kt=(ee.getDay()+7-$e)%7,Ft=6-(fe.getDay()+7-$e)%7,[se,we]=Ee(kt,Ft);for(let ge=1;ge<=He;ge++)if(we?!!(ge%2)==se:se){const mt=V[0].days[0],Ot=pe(Qe(mt.value,-7),Te(ee));V.unshift({days:Ot})}else{const mt=V[V.length-1],Ot=mt.days[mt.days.length-1],ln=pe(Qe(Ot.value,1),Te(ee));V.push({days:ln})}}return V},pe=(V,ee)=>{const fe=G(V),$e=[];for(let He=0;He<7;He++){const kt=Qe(fe,He),Ft=Te(kt)!==ee;$e.push({text:e.hideOffsetDates&&Ft?"":kt.getDate(),value:kt,current:!Ft,classData:{}})}return $e},Ve=(V,ee)=>{const fe=[],$e=new Date(ee,V),He=new Date(ee,V+1,0),kt=e.weekStart,Ft=Ct($e,{weekStartsOn:kt}),se=we=>{const ge=pe(we,V);if(fe.push({days:ge}),!fe[fe.length-1].days.some(mt=>Se(rt(mt.value),rt(He)))){const mt=Qe(we,7);se(mt)}};return se(Ft),N(fe,$e,He,kt)},w=V=>{const ee=Gt(G(V.value),c.hours,c.minutes,sa());a("date-update",ee),e.multiDates?sr(ee,l,e.multiDatesLimit):l.value=ee,n(),Rt().then(()=>{M()})},J=V=>v.value.noDisabledRange?Co(r.value[0],V).some(ee=>_(ee)):!1,_e=()=>{r.value=l.value?l.value.slice():[],r.value.length===2&&!(v.value.fixedStart||v.value.fixedEnd)&&(r.value=[])},Me=(V,ee)=>{const fe=[G(V.value),Qe(G(V.value),+v.value.autoRange)];P(fe)?(ee&&ue(V.value),r.value=fe):a("invalid-date",V.value)},ue=V=>{const ee=Te(G(V)),fe=ke(G(V));if(Q(0,ee,fe),f.value.count>0)for(let $e=1;$eArray.isArray(l.value)&&l.value.length===2?v.value.fixedStart&&(Ge(V,l.value[0])||Se(V,l.value[0]))?[l.value[0],V]:v.value.fixedEnd&&(qe(V,l.value[1])||Se(V,l.value[1]))?[V,l.value[1]]:(a("invalid-fixed-range",V),l.value):[],it=V=>{if(J(V.value)||!A(V.value,l.value,v.value.fixedStart?0:1))return a("invalid-date",V.value);r.value=Pe(G(V.value))},Na=(V,ee)=>{if(_e(),v.value.autoRange)return Me(V,ee);if(v.value.fixedStart||v.value.fixedEnd)return it(V);r.value[0]?A(G(V.value),l.value)&&!J(V.value)?qe(G(V.value),G(r.value[0]))?(r.value.unshift(G(V.value)),a("range-end",r.value[0])):(r.value[1]=G(V.value),a("range-end",r.value[1])):(e.autoApply&&a("auto-apply-invalid",V.value),a("invalid-date",V.value)):(r.value[0]=G(V.value),a("range-start",r.value[0]))},sa=(V=!0)=>e.enableSeconds?Array.isArray(c.seconds)?V?c.seconds[0]:c.seconds[1]:c.seconds:0,Bt=V=>{r.value[V]=Gt(r.value[V],c.hours[V],c.minutes[V],sa(V!==1))},Oa=()=>{var V,ee;r.value[0]&&r.value[1]&&+((V=r.value)==null?void 0:V[0])>+((ee=r.value)==null?void 0:ee[1])&&(r.value.reverse(),a("range-start",r.value[0]),a("range-end",r.value[1]))},Ya=()=>{r.value.length&&(r.value[0]&&!r.value[1]?Bt(0):(Bt(0),Bt(1),n()),Oa(),l.value=r.value.slice(),an(r.value,a,e.autoApply,e.modelAuto))},nn=(V,ee=!1)=>{if(_(V.value)||!V.current&&e.hideOffsetDates)return a("invalid-date",V.value);if(!v.value.enabled)return w(V);Yr(c.hours)&&Yr(c.minutes)&&!e.multiDates&&(Na(V,ee),Ya())},ga=(V,ee)=>{var fe;Q(V,ee.month,ee.year),f.value.count&&!f.value.solo&&h(V),a("update-month-year",{instance:V,month:ee.month,year:ee.year}),t(f.value.solo?V:void 0);const $e=(fe=e.flow)!=null&&fe.length?e.flow[e.flowStep]:void 0;!ee.fromNav&&($e===Dt.month||$e===Dt.year)&&n()},dt=(V,ee)=>{Eo({value:V,modelValue:l,range:v.value.enabled,timezone:ee?void 0:e.timezone}),ae(),e.multiCalendars&&Rt().then(()=>L(!0))},rn=()=>{v.value.enabled?l.value&&Array.isArray(l.value)&&l.value[0]?l.value=qe(G(),l.value[0])?[G(),l.value[0]]:[l.value[0],G()]:l.value=[G()]:l.value=G(),ae()},on=()=>{if(Array.isArray(l.value))if(e.multiDates){const V=Ia();l.value[l.value.length-1]=ne(V)}else l.value=l.value.map((V,ee)=>V&&ne(V,ee));else l.value=ne(l.value);a("time-update")},Ia=()=>Array.isArray(l.value)&&l.value.length?l.value[l.value.length-1]:null;return{calendars:s,modelValue:l,month:U,year:E,time:c,disabledTimesConfig:B,validateTime:I,getCalendarDays:Ve,getMarker:De,handleScroll:K,handleSwipe:H,handleArrow:te,selectDate:nn,updateMonthYear:ga,presetDate:dt,selectCurrentDate:rn,updateTime:(V,ee=!0,fe=!1)=>{R(V,ee,fe,on)}}},k1={key:0},D1=j({__name:"DatePicker",props:{...bt},emits:["tooltip-open","tooltip-close","mount","update:internal-model-value","update-flow-step","reset-flow","auto-apply","focus-menu","select-date","range-start","range-end","invalid-fixed-range","time-update","am-pm-change","time-picker-open","time-picker-close","recalculate-position","update-month-year","auto-apply-invalid","date-update","invalid-date"],setup(e,{expose:a,emit:t}){const n=t,r=e,{calendars:o,month:l,year:s,modelValue:c,time:f,disabledTimesConfig:g,validateTime:v,getCalendarDays:p,getMarker:_,handleArrow:P,handleScroll:A,handleSwipe:R,selectDate:ne,updateMonthYear:W,presetDate:T,selectCurrentDate:I,updateTime:B}=b1(r,n,Z,k),U=Qt(),{setHoverDate:E,getDayClassData:Q,clearHoverDate:ae}=Mp(c,r),{defaultedMultiCalendars:re}=We(r),M=Y([]),L=Y([]),X=Y(null),ie=ut(U,"calendar"),b=ut(U,"monthYear"),O=ut(U,"timePicker"),z=d=>{r.shadow||n("mount",d)};st(o,()=>{r.shadow||setTimeout(()=>{n("recalculate-position")},0)},{deep:!0});const q=x(()=>d=>p(l.value(d),s.value(d)).map(S=>({...S,days:S.days.map(K=>(K.marker=_(K),K.classData=Q(K),K))})));function Z(d){var S;d||d===0?(S=L.value[d])==null||S.triggerTransition(l.value(d),s.value(d)):L.value.forEach((K,te)=>K.triggerTransition(l.value(te),s.value(te)))}function k(){n("update-flow-step")}const h=(d,S=!1)=>{ne(d,S),r.spaceConfirm&&n("select-date")};return a({clearHoverDate:ae,presetDate:T,selectCurrentDate:I,toggleMonthPicker:(d,S,K=0)=>{var te;(te=M.value[K])==null||te.toggleMonthPicker(d,S)},toggleYearPicker:(d,S,K=0)=>{var te;(te=M.value[K])==null||te.toggleYearPicker(d,S)},toggleTimePicker:(d,S,K)=>{var te;(te=X.value)==null||te.toggleTimePicker(d,S,K)},handleArrow:P,updateMonthYear:W,getSidebarProps:()=>({modelValue:c,month:l,year:s,time:f,updateTime:B,updateMonthYear:W,selectDate:ne,presetDate:T})}),(d,S)=>(u(),m(ce,null,[F(tn,{"multi-calendars":i(re).count,collapse:d.collapse},{default:$(({instance:K,index:te})=>[d.disableMonthYearSelect?C("",!0):(u(),oe(d1,Oe({key:0,ref:H=>{H&&(M.value[te]=H)},months:i(Po)(d.formatLocale,d.locale,d.monthNameFormat),years:i(rr)(d.yearRange,d.reverseYears),month:i(l)(K),year:i(s)(K),instance:K},d.$props,{onMount:S[0]||(S[0]=H=>z(i(ta).header)),onResetFlow:S[1]||(S[1]=H=>d.$emit("reset-flow")),onUpdateMonthYear:H=>i(W)(K,H),onOverlayClosed:S[2]||(S[2]=H=>d.$emit("focus-menu"))}),at({_:2},[ye(i(b),(H,De)=>({name:H,fn:$(Ee=>[D(d.$slots,H,Ze(lt(Ee)))])}))]),1040,["months","years","month","year","instance","onUpdateMonthYear"])),F(w1,Oe({ref:H=>{H&&(L.value[te]=H)},"mapped-dates":q.value(K),month:i(l)(K),year:i(s)(K),instance:K},d.$props,{onSelectDate:H=>i(ne)(H,K!==1),onHandleSpace:H=>h(H,K!==1),onSetHoverDate:S[3]||(S[3]=H=>i(E)(H)),onHandleScroll:H=>i(A)(H,K),onHandleSwipe:H=>i(R)(H,K),onMount:S[4]||(S[4]=H=>z(i(ta).calendar)),onResetFlow:S[5]||(S[5]=H=>d.$emit("reset-flow")),onTooltipOpen:S[6]||(S[6]=H=>d.$emit("tooltip-open",H)),onTooltipClose:S[7]||(S[7]=H=>d.$emit("tooltip-close",H))}),at({_:2},[ye(i(ie),(H,De)=>({name:H,fn:$(Ee=>[D(d.$slots,H,Ze(lt({...Ee})))])}))]),1040,["mapped-dates","month","year","instance","onSelectDate","onHandleSpace","onHandleScroll","onHandleSwipe"])]),_:3},8,["multi-calendars","collapse"]),d.enableTimePicker?(u(),m("div",k1,[d.$slots["time-picker"]?D(d.$slots,"time-picker",Ze(Oe({key:0},{time:i(f),updateTime:i(B)}))):(u(),oe(Bo,Oe({key:1,ref_key:"timePickerRef",ref:X},d.$props,{hours:i(f).hours,minutes:i(f).minutes,seconds:i(f).seconds,"internal-model-value":d.internalModelValue,"disabled-times-config":i(g),"validate-time":i(v),onMount:S[8]||(S[8]=K=>z(i(ta).timePicker)),"onUpdate:hours":S[9]||(S[9]=K=>i(B)(K)),"onUpdate:minutes":S[10]||(S[10]=K=>i(B)(K,!1)),"onUpdate:seconds":S[11]||(S[11]=K=>i(B)(K,!1,!0)),onResetFlow:S[12]||(S[12]=K=>d.$emit("reset-flow")),onOverlayClosed:S[13]||(S[13]=K=>d.$emit("time-picker-close")),onOverlayOpened:S[14]||(S[14]=K=>d.$emit("time-picker-open",K)),onAmPmChange:S[15]||(S[15]=K=>d.$emit("am-pm-change",K))}),at({_:2},[ye(i(O),(K,te)=>({name:K,fn:$(H=>[D(d.$slots,K,Ze(lt(H)))])}))]),1040,["hours","minutes","seconds","internal-model-value","disabled-times-config","validate-time"]))])):C("",!0)],64))}}),$1=(e,a)=>{const t=Y(),{defaultedMultiCalendars:n,defaultedConfig:r,defaultedHighlight:o,defaultedRange:l}=We(e),{modelValue:s,year:c,month:f,calendars:g}=Va(e,a),{isDisabled:v}=la(e),{selectYear:p,groupedYears:_,showYearPicker:P,isDisabled:A,toggleYearPicker:R,handleYearSelect:ne,handleYear:W}=Ho({modelValue:s,multiCalendars:n,highlight:o,calendars:g,month:f,year:c,props:e,emit:a}),T=(re,M)=>[re,M].map(L=>ft(L,"MMMM",{locale:e.formatLocale})).join("-"),I=x(()=>re=>s.value?Array.isArray(s.value)?s.value.some(M=>br(re,M)):br(s.value,re):!1),B=re=>{if(l.value.enabled){if(Array.isArray(s.value)){const M=Se(re,s.value[0])||Se(re,s.value[1]);return Za(s.value,t.value,re)&&!M}return!1}return!1},U=x(()=>re=>{const M=Be(new Date,{year:c.value(re)});return gm({start:Fn(M),end:io(M)}).map(L=>{const X=qt(L),ie=fr(L),b=v(L),O=B(X),z=typeof o.value=="function"?o.value({quarter:vr(X),year:ke(X)}):!!o.value.quarters.find(q=>q.quarter===vr(X)&&q.year===ke(X));return{text:T(X,ie),value:X,active:I.value(X),highlighted:z,disabled:b,isBetween:O}})}),E=re=>{sr(re,s,e.multiDatesLimit),a("auto-apply",!0)},Q=re=>{const M=ir(s,re,a);an(M,a,e.autoApply,e.modelAuto)},ae=re=>{s.value=re,a("auto-apply")};return{defaultedConfig:r,defaultedMultiCalendars:n,groupedYears:_,year:c,isDisabled:A,quarters:U,showYearPicker:P,modelValue:s,setHoverDate:re=>{t.value=re},selectYear:p,selectQuarter:(re,M,L)=>{if(!L)return g.value[M].month=Te(fr(re)),e.multiDates?E(re):l.value.enabled?Q(re):ae(re)},toggleYearPicker:R,handleYearSelect:ne,handleYear:W}},M1={class:"dp--quarter-items"},P1=["disabled","onClick","onMouseover"],T1=j({compatConfig:{MODE:3},__name:"QuarterPicker",props:{...bt},emits:["update:internal-model-value","reset-flow","overlay-closed","auto-apply","range-start","range-end"],setup(e,{expose:a,emit:t}){const n=t,r=e,o=Qt(),l=ut(o,"yearMode"),{defaultedMultiCalendars:s,defaultedConfig:c,groupedYears:f,year:g,isDisabled:v,quarters:p,modelValue:_,showYearPicker:P,setHoverDate:A,selectQuarter:R,toggleYearPicker:ne,handleYearSelect:W,handleYear:T}=$1(r,n);return a({getSidebarProps:()=>({modelValue:_,year:g,selectQuarter:R,handleYearSelect:W,handleYear:T})}),(I,B)=>(u(),oe(tn,{"multi-calendars":i(s).count,collapse:I.collapse,stretch:""},{default:$(({instance:U})=>[y("div",{class:"dp-quarter-picker-wrap",style:vt({minHeight:`${i(c).modeHeight}px`})},[y("div",null,[F(Lo,Oe(I.$props,{items:i(f)(U),instance:U,"show-year-picker":i(P)[U],year:i(g)(U),"is-disabled":E=>i(v)(U,E),onHandleYear:E=>i(T)(U,E),onYearSelect:E=>i(W)(E,U),onToggleYearPicker:E=>i(ne)(U,E==null?void 0:E.flow,E==null?void 0:E.show)}),at({_:2},[ye(i(l),(E,Q)=>({name:E,fn:$(ae=>[D(I.$slots,E,Ze(lt(ae)))])}))]),1040,["items","instance","show-year-picker","year","is-disabled","onHandleYear","onYearSelect","onToggleYearPicker"])]),y("div",M1,[(u(!0),m(ce,null,ye(i(p)(U),(E,Q)=>(u(),m("div",{key:Q},[y("button",{type:"button",class:ve(["dp--qr-btn",{"dp--qr-btn-active":E.active,"dp--qr-btn-between":E.isBetween,"dp--qr-btn-disabled":E.disabled,"dp--highlighted":E.highlighted}]),disabled:E.disabled,onClick:ae=>i(R)(E.value,U,E.disabled),onMouseover:ae=>i(A)(E.value)},[I.$slots.quarter?D(I.$slots,"quarter",{key:0,value:E.value,text:E.text}):(u(),m(ce,{key:1},[Ne(le(E.text),1)],64))],42,P1)]))),128))])],4)]),_:3},8,["multi-calendars","collapse"]))}}),S1=["id"],x1={key:0,class:"dp--menu-load-container"},A1=y("span",{class:"dp--menu-loader"},null,-1),V1=[A1],C1={key:0,class:"dp__sidebar_left"},N1=["onClick","onKeydown"],O1={key:2,class:"dp__sidebar_right"},Y1={key:3,class:"dp__action_extra"},Ir=j({compatConfig:{MODE:3},__name:"DatepickerMenu",props:{...en,shadow:{type:Boolean,default:!1},openOnTop:{type:Boolean,default:!1},internalModelValue:{type:[Date,Array],default:null},arrMapValues:{type:Object,default:()=>({})},noOverlayFocus:{type:Boolean,default:!1},collapse:{type:Boolean,default:!1}},emits:["close-picker","select-date","auto-apply","time-update","flow-step","update-month-year","invalid-select","update:internal-model-value","recalculate-position","invalid-fixed-range","tooltip-open","tooltip-close","time-picker-open","time-picker-close","am-pm-change","range-start","range-end","auto-apply-invalid","date-update","invalid-date"],setup(e,{expose:a,emit:t}){const n=t,r=e,o=Y(null),l=x(()=>{const{openOnTop:w,...J}=r;return{...J,flowStep:Q.value,collapse:r.collapse,noOverlayFocus:r.noOverlayFocus,menuWrapRef:o.value}}),{setMenuFocused:s,setShiftKey:c,control:f}=Ro(),g=Qt(),{defaultedTextInput:v,defaultedInline:p,defaultedConfig:_}=We(r),P=Y(null),A=Y(0),R=Y(null),ne=Y(!1),W=Y(null);Ue(()=>{if(!r.shadow){ne.value=!0,T(),window.addEventListener("resize",T);const w=Je(o);if(w&&!v.value.enabled&&!p.value.enabled&&(s(!0),X()),w){const J=_e=>{_.value.allowPreventDefault&&_e.preventDefault(),Ut(_e,_.value,!0)};w.addEventListener("pointerdown",J),w.addEventListener("mousedown",J)}}}),na(()=>{window.removeEventListener("resize",T)});const T=()=>{const w=Je(R);w&&(A.value=w.getBoundingClientRect().width)},{arrowRight:I,arrowLeft:B,arrowDown:U,arrowUp:E}=Kt(),{flowStep:Q,updateFlowStep:ae,childMount:re,resetFlow:M}=Pp(r,n,W),L=x(()=>r.monthPicker?zp:r.yearPicker?qp:r.timePicker?i1:r.quarterPicker?T1:D1),X=()=>{const w=Je(o);w&&w.focus({preventScroll:!0})},ie=x(()=>{var w;return((w=W.value)==null?void 0:w.getSidebarProps())||{}}),b=()=>{r.openOnTop&&n("recalculate-position")},O=ut(g,"action"),z=x(()=>r.monthPicker||r.yearPicker?ut(g,"monthYear"):r.timePicker?ut(g,"timePicker"):ut(g,"shared")),q=x(()=>r.openOnTop?"dp__arrow_bottom":"dp__arrow_top"),Z=x(()=>({dp__menu_disabled:r.disabled,dp__menu_readonly:r.readonly,"dp-menu-loading":r.loading})),k=x(()=>({dp__menu:!0,dp__menu_index:!p.value.enabled,dp__relative:p.value.enabled,[r.menuClassName]:!!r.menuClassName})),h=w=>{Ut(w,_.value,!0)},d=()=>{r.escClose&&n("close-picker")},S=w=>{if(r.arrowNavigation){if(w==="up")return E();if(w==="down")return U();if(w==="left")return B();if(w==="right")return I()}else w==="left"||w==="up"?Ee("handleArrow","left",0,w==="up"):Ee("handleArrow","right",0,w==="down")},K=w=>{c(w.shiftKey),!r.disableMonthYearSelect&&w.code==="Tab"&&w.target.classList.contains("dp__menu")&&f.value.shiftKeyInMenu&&(w.preventDefault(),Ut(w,_.value,!0),n("close-picker"))},te=()=>{X(),n("time-picker-close")},H=w=>{var J,_e,Me;(J=W.value)==null||J.toggleTimePicker(!1,!1),(_e=W.value)==null||_e.toggleMonthPicker(!1,!1,w),(Me=W.value)==null||Me.toggleYearPicker(!1,!1,w)},De=(w,J=0)=>{var _e,Me,ue;return w==="month"?(_e=W.value)==null?void 0:_e.toggleMonthPicker(!1,!0,J):w==="year"?(Me=W.value)==null?void 0:Me.toggleYearPicker(!1,!0,J):w==="time"?(ue=W.value)==null?void 0:ue.toggleTimePicker(!0,!1):H(J)},Ee=(w,...J)=>{var _e,Me;(_e=W.value)!=null&&_e[w]&&((Me=W.value)==null||Me[w](...J))},N=()=>{Ee("selectCurrentDate")},pe=(w,J)=>{Ee("presetDate",w,J)},Ve=()=>{Ee("clearHoverDate")};return a({updateMonthYear:(w,J)=>{Ee("updateMonthYear",w,J)},switchView:De}),(w,J)=>{var _e,Me;return u(),m("div",{id:w.uid?`dp-menu-${w.uid}`:void 0,ref_key:"dpMenuRef",ref:o,tabindex:"0",role:"dialog",class:ve(k.value),onMouseleave:Ve,onClick:h,onKeydown:[be(d,["esc"]),J[18]||(J[18]=be(Ie(ue=>S("left"),["prevent"]),["left"])),J[19]||(J[19]=be(Ie(ue=>S("up"),["prevent"]),["up"])),J[20]||(J[20]=be(Ie(ue=>S("down"),["prevent"]),["down"])),J[21]||(J[21]=be(Ie(ue=>S("right"),["prevent"]),["right"])),K]},[(w.disabled||w.readonly)&&i(p).enabled||w.loading?(u(),m("div",{key:0,class:ve(Z.value)},[w.loading?(u(),m("div",x1,V1)):C("",!0)],2)):C("",!0),!i(p).enabled&&!w.teleportCenter?(u(),m("div",{key:1,class:ve(q.value)},null,2)):C("",!0),y("div",{ref_key:"innerMenuRef",ref:R,class:ve({dp__menu_content_wrapper:((_e=w.presetDates)==null?void 0:_e.length)||!!w.$slots["left-sidebar"]||!!w.$slots["right-sidebar"],"dp--menu-content-wrapper-collapsed":e.collapse&&((Me=w.presetDates)==null?void 0:Me.length)||!!w.$slots["left-sidebar"]||!!w.$slots["right-sidebar"]}),style:vt({"--dp-menu-width":`${A.value}px`})},[w.$slots["left-sidebar"]?(u(),m("div",C1,[D(w.$slots,"left-sidebar",Ze(lt(ie.value)))])):C("",!0),w.presetDates.length?(u(),m("div",{key:1,class:ve({"dp--preset-dates-collapsed":e.collapse,"dp--preset-dates":!0})},[(u(!0),m(ce,null,ye(w.presetDates,(ue,Pe)=>(u(),m(ce,{key:Pe},[ue.slot?D(w.$slots,ue.slot,{key:0,presetDate:pe,label:ue.label,value:ue.value}):(u(),m("button",{key:1,type:"button",style:vt(ue.style||{}),class:ve(["dp__btn dp--preset-range",{"dp--preset-range-collapsed":e.collapse}]),onClick:Ie(it=>pe(ue.value,ue.noTz),["prevent"]),onKeydown:[be(Ie(it=>pe(ue.value,ue.noTz),["prevent"]),["enter"]),be(Ie(it=>pe(ue.value,ue.noTz),["prevent"]),["space"])]},le(ue.label),47,N1))],64))),128))],2)):C("",!0),y("div",{ref_key:"calendarWrapperRef",ref:P,class:"dp__instance_calendar",role:"document"},[(u(),oe(xt(L.value),Oe({ref_key:"dynCmpRef",ref:W},l.value,{"flow-step":i(Q),onMount:i(re),onUpdateFlowStep:i(ae),onResetFlow:i(M),onFocusMenu:X,onSelectDate:J[0]||(J[0]=ue=>w.$emit("select-date")),onDateUpdate:J[1]||(J[1]=ue=>w.$emit("date-update",ue)),onTooltipOpen:J[2]||(J[2]=ue=>w.$emit("tooltip-open",ue)),onTooltipClose:J[3]||(J[3]=ue=>w.$emit("tooltip-close",ue)),onAutoApply:J[4]||(J[4]=ue=>w.$emit("auto-apply",ue)),onRangeStart:J[5]||(J[5]=ue=>w.$emit("range-start",ue)),onRangeEnd:J[6]||(J[6]=ue=>w.$emit("range-end",ue)),onInvalidFixedRange:J[7]||(J[7]=ue=>w.$emit("invalid-fixed-range",ue)),onTimeUpdate:J[8]||(J[8]=ue=>w.$emit("time-update")),onAmPmChange:J[9]||(J[9]=ue=>w.$emit("am-pm-change",ue)),onTimePickerOpen:J[10]||(J[10]=ue=>w.$emit("time-picker-open",ue)),onTimePickerClose:te,onRecalculatePosition:b,onUpdateMonthYear:J[11]||(J[11]=ue=>w.$emit("update-month-year",ue)),onAutoApplyInvalid:J[12]||(J[12]=ue=>w.$emit("auto-apply-invalid",ue)),onInvalidDate:J[13]||(J[13]=ue=>w.$emit("invalid-date",ue)),"onUpdate:internalModelValue":J[14]||(J[14]=ue=>w.$emit("update:internal-model-value",ue))}),at({_:2},[ye(z.value,(ue,Pe)=>({name:ue,fn:$(it=>[D(w.$slots,ue,Ze(lt({...it})))])}))]),1040,["flow-step","onMount","onUpdateFlowStep","onResetFlow"]))],512),w.$slots["right-sidebar"]?(u(),m("div",O1,[D(w.$slots,"right-sidebar",Ze(lt(ie.value)))])):C("",!0),w.$slots["action-extra"]?(u(),m("div",Y1,[w.$slots["action-extra"]?D(w.$slots,"action-extra",{key:0,selectCurrentDate:N}):C("",!0)])):C("",!0)],6),!w.autoApply||i(_).keepActionRow?(u(),oe(Op,Oe({key:2,"menu-mount":ne.value},l.value,{"calendar-width":A.value,onClosePicker:J[15]||(J[15]=ue=>w.$emit("close-picker")),onSelectDate:J[16]||(J[16]=ue=>w.$emit("select-date")),onInvalidSelect:J[17]||(J[17]=ue=>w.$emit("invalid-select")),onSelectNow:N}),at({_:2},[ye(i(O),(ue,Pe)=>({name:ue,fn:$(it=>[D(w.$slots,ue,Ze(lt({...it})))])}))]),1040,["menu-mount","calendar-width"])):C("",!0)],42,S1)}}}),I1=typeof window<"u"?window:void 0,wn=()=>{},R1=e=>nl()?(rl(e),!0):!1,L1=(e,a,t,n)=>{if(!e)return wn;let r=wn;const o=st(()=>i(e),s=>{r(),s&&(s.addEventListener(a,t,n),r=()=>{s.removeEventListener(a,t,n),r=wn})},{immediate:!0,flush:"post"}),l=()=>{o(),r()};return R1(l),l},E1=(e,a,t,n={})=>{const{window:r=I1,event:o="pointerdown"}=n;return r?L1(r,o,l=>{const s=Je(e),c=Je(a);!s||!c||s===l.target||l.composedPath().includes(s)||l.composedPath().includes(c)||t(l)},{passive:!0}):void 0},H1=j({compatConfig:{MODE:3},__name:"VueDatePicker",props:{...en},emits:["update:model-value","update:model-timezone-value","text-submit","closed","cleared","open","focus","blur","internal-model-change","recalculate-position","flow-step","update-month-year","invalid-select","invalid-fixed-range","tooltip-open","tooltip-close","time-picker-open","time-picker-close","am-pm-change","range-start","range-end","date-update","invalid-date"],setup(e,{expose:a,emit:t}){const n=t,r=e,o=Qt(),l=Y(!1),s=Fa(r,"modelValue"),c=Fa(r,"timezone"),f=Y(null),g=Y(null),v=Y(null),p=Y(!1),_=Y(null),P=Y(!1),A=Y(!1),R=Y(!1),{setMenuFocused:ne,setShiftKey:W}=Ro(),{clearArrowNav:T}=Kt(),{mapDatesArrToMap:I,validateDate:B,isValidTime:U}=la(r),{defaultedTransitions:E,defaultedTextInput:Q,defaultedInline:ae,defaultedConfig:re,defaultedRange:M}=We(r),{menuTransition:L,showTransition:X}=Aa(E);Ue(()=>{te(r.modelValue),Rt().then(()=>{if(!ae.value.enabled){const se=h(_.value);se==null||se.addEventListener("scroll",_e),window==null||window.addEventListener("resize",Me)}}),ae.value.enabled&&(l.value=!0),window==null||window.addEventListener("keyup",ue),window==null||window.addEventListener("keydown",Pe)});const ie=x(()=>I());na(()=>{if(!ae.value.enabled){const se=h(_.value);se==null||se.removeEventListener("scroll",_e),window==null||window.removeEventListener("resize",Me)}window==null||window.removeEventListener("keyup",ue),window==null||window.removeEventListener("keydown",Pe)});const b=ut(o,"all",r.presetDates),O=ut(o,"input");st([s,c],()=>{te(s.value)},{deep:!0});const{openOnTop:z,menuStyle:q,xCorrect:Z,setMenuPosition:k,getScrollableParent:h,shadowRender:d}=kp({menuRef:f,menuRefInner:g,inputRef:v,pickerWrapperRef:_,inline:ae,emit:n,props:r,slots:o}),{inputValue:S,internalModelValue:K,parseExternalModelValue:te,emitModelValue:H,formatInputValue:De,checkBeforeEmit:Ee}=wp(n,r,p),N=x(()=>({dp__main:!0,dp__theme_dark:r.dark,dp__theme_light:!r.dark,dp__flex_display:ae.value.enabled,"dp--flex-display-collapsed":R.value,dp__flex_display_with_input:ae.value.input})),pe=x(()=>r.dark?"dp__theme_dark":"dp__theme_light"),Ve=x(()=>({to:typeof r.teleport=="boolean"?"body":r.teleport,disabled:!r.teleport||ae.value.enabled})),w=x(()=>({class:"dp__outer_menu_wrap"})),J=x(()=>ae.value.enabled&&(r.timePicker||r.monthPicker||r.yearPicker||r.quarterPicker)),_e=()=>{l.value&&(re.value.closeOnScroll?dt():k())},Me=()=>{var se;l.value&&k();const we=(se=g.value)==null?void 0:se.$el.getBoundingClientRect().width;R.value=document.body.offsetWidth<=we},ue=se=>{se.key==="Tab"&&!ae.value.enabled&&!r.teleport&&re.value.tabOutClosesMenu&&(_.value.contains(document.activeElement)||dt()),A.value=se.shiftKey},Pe=se=>{A.value=se.shiftKey},it=()=>{!r.disabled&&!r.readonly&&(d(Ir,r),k(!1),l.value=!0,l.value&&n("open"),l.value||ga(),te(r.modelValue))},Na=()=>{var se;S.value="",ga(),(se=v.value)==null||se.setParsedDate(null),n("update:model-value",null),n("update:model-timezone-value",null),n("cleared"),re.value.closeOnClearValue&&dt()},sa=()=>{const se=K.value;return!se||!Array.isArray(se)&&B(se)?!0:Array.isArray(se)?r.multiDates||se.length===2&&B(se[0])&&B(se[1])?!0:M.value.partialRange&&!r.timePicker?B(se[0]):!1:!1},Bt=()=>{Ee()&&sa()?(H(),dt()):n("invalid-select",K.value)},Oa=se=>{Ya(),H(),re.value.closeOnAutoApply&&!se&&dt()},Ya=()=>{v.value&&Q.value.enabled&&v.value.setParsedDate(K.value)},nn=(se=!1)=>{r.autoApply&&U(K.value)&&sa()&&(M.value.enabled&&Array.isArray(K.value)?(M.value.partialRange||K.value.length===2)&&Oa(se):Oa(se))},ga=()=>{Q.value.enabled||(K.value=null)},dt=()=>{ae.value.enabled||(l.value&&(l.value=!1,Z.value=!1,ne(!1),W(!1),T(),n("closed"),S.value&&te(s.value)),ga(),n("blur"))},rn=(se,we,ge=!1)=>{if(!se){K.value=null;return}const mt=Array.isArray(se)?!se.some(ln=>!B(ln)):B(se),Ot=U(se);mt&&Ot&&(K.value=se,we&&(P.value=ge,Bt(),n("text-submit")))},on=()=>{r.autoApply&&U(K.value)&&H(),Ya()},Ia=()=>l.value?dt():it(),V=se=>{K.value=se},ee=()=>{Q.value.enabled&&(p.value=!0,De()),n("focus")},fe=()=>{if(Q.value.enabled&&(p.value=!1,te(r.modelValue),P.value)){const se=Zv(_.value,A.value);se==null||se.focus()}n("blur")},$e=se=>{g.value&&g.value.updateMonthYear(0,{month:xr(se.month),year:xr(se.year)})},He=se=>{te(se??r.modelValue)},kt=(se,we)=>{var ge;(ge=g.value)==null||ge.switchView(se,we)},Ft=se=>re.value.onClickOutside?re.value.onClickOutside(se):dt();return E1(f,v,()=>Ft(sa)),a({closeMenu:dt,selectDate:Bt,clearValue:Na,openMenu:it,onScroll:_e,formatInputValue:De,updateInternalModelValue:V,setMonthYear:$e,parseModel:He,switchView:kt,toggleMenu:Ia}),(se,we)=>(u(),m("div",{ref_key:"pickerWrapperRef",ref:_,class:ve(N.value),"data-datepicker-instance":""},[F(Ap,Oe({ref_key:"inputRef",ref:v,"input-value":i(S),"onUpdate:inputValue":we[0]||(we[0]=ge=>ur(S)?S.value=ge:null),"is-menu-open":l.value},se.$props,{onClear:Na,onOpen:it,onSetInputDate:rn,onSetEmptyDate:i(H),onSelectDate:Bt,onToggle:Ia,onClose:dt,onFocus:ee,onBlur:fe,onRealBlur:we[1]||(we[1]=ge=>p.value=!1)}),at({_:2},[ye(i(O),(ge,mt)=>({name:ge,fn:$(Ot=>[D(se.$slots,ge,Ze(lt(Ot)))])}))]),1040,["input-value","is-menu-open","onSetEmptyDate"]),F(el,Ze(lt(Ve.value)),{default:$(()=>[F(Et,{name:i(L)(i(z)),css:i(X)&&!i(ae).enabled},{default:$(()=>[l.value?(u(),m("div",Oe({key:0,ref_key:"dpWrapMenuRef",ref:f},w.value,{class:{"dp--menu-wrapper":!i(ae).enabled},style:i(ae).enabled?void 0:i(q)}),[F(Ir,Oe({ref_key:"dpMenuRef",ref:g},se.$props,{"internal-model-value":i(K),"onUpdate:internalModelValue":we[2]||(we[2]=ge=>ur(K)?K.value=ge:null),class:{[pe.value]:!0,"dp--menu-wrapper":se.teleport},"open-on-top":i(z),"arr-map-values":ie.value,"no-overlay-focus":J.value,collapse:R.value,onClosePicker:dt,onSelectDate:Bt,onAutoApply:nn,onTimeUpdate:on,onFlowStep:we[3]||(we[3]=ge=>se.$emit("flow-step",ge)),onUpdateMonthYear:we[4]||(we[4]=ge=>se.$emit("update-month-year",ge)),onInvalidSelect:we[5]||(we[5]=ge=>se.$emit("invalid-select",i(K))),onAutoApplyInvalid:we[6]||(we[6]=ge=>se.$emit("invalid-select",ge)),onInvalidFixedRange:we[7]||(we[7]=ge=>se.$emit("invalid-fixed-range",ge)),onRecalculatePosition:i(k),onTooltipOpen:we[8]||(we[8]=ge=>se.$emit("tooltip-open",ge)),onTooltipClose:we[9]||(we[9]=ge=>se.$emit("tooltip-close",ge)),onTimePickerOpen:we[10]||(we[10]=ge=>se.$emit("time-picker-open",ge)),onTimePickerClose:we[11]||(we[11]=ge=>se.$emit("time-picker-close",ge)),onAmPmChange:we[12]||(we[12]=ge=>se.$emit("am-pm-change",ge)),onRangeStart:we[13]||(we[13]=ge=>se.$emit("range-start",ge)),onRangeEnd:we[14]||(we[14]=ge=>se.$emit("range-end",ge)),onDateUpdate:we[15]||(we[15]=ge=>se.$emit("date-update",ge)),onInvalidDate:we[16]||(we[16]=ge=>se.$emit("invalid-date",ge))}),at({_:2},[ye(i(b),(ge,mt)=>({name:ge,fn:$(Ot=>[D(se.$slots,ge,Ze(lt({...Ot})))])}))]),1040,["internal-model-value","class","open-on-top","arr-map-values","no-overlay-focus","collapse","onRecalculatePosition"])],16)):C("",!0)]),_:3},8,["name","css"])]),_:3},16)],2))}}),Ae=(()=>{const e=H1;return e.install=a=>{a.component("Vue3DatePicker",e)},e})(),B1=Object.freeze(Object.defineProperty({__proto__:null,default:Ae},Symbol.toStringTag,{value:"Module"}));Object.entries(B1).forEach(([e,a])=>{e!=="default"&&(Ae[e]=a)});const F1={class:"demo-wrap"},z1={class:"action-row"},W1={class:"current-selection"},q1=["onClick"],j1=j({__name:"ActionRowSlotDemo",setup(e){const a=Y(new Date),{isDark:t}=Ce(),n=r=>ft(r,"dd.MM.yyyy, HH:mm");return(r,o)=>(u(),m("div",F1,[F(i(Ae),{modelValue:a.value,"onUpdate:modelValue":o[0]||(o[0]=l=>a.value=l),dark:i(t)},{"action-row":$(({internalModelValue:l,selectDate:s})=>[y("div",z1,[y("p",W1,le(n(l)),1),y("button",{class:"select-button",onClick:s},"Select Date",8,q1)])]),_:1},8,["modelValue","dark"])]))}}),U1={class:"demo-wrap"},G1=j({__name:"CustomCalendarDemo",props:{},setup(e){const{isDark:a}=Ce(),t=Y(),n=r=>r.filter(o=>o.days.some(l=>l.text===15)).map(o=>({...o,days:o.days.map(l=>(l.classData["custom-class"]=!0,l))}));return(r,o)=>(u(),m("div",U1,[F(i(Ae),Oe({modelValue:t.value,"onUpdate:modelValue":o[0]||(o[0]=l=>t.value=l)},r.$props,{dark:i(a),calendar:n,placeholder:"Select Date"}),null,16,["modelValue","dark"])]))}}),Q1={class:"demo-wrap"},K1=j({__name:"DarkDemo",props:["placeholder"],setup(e){const a=Y(new Date);return(t,n)=>(u(),m("div",Q1,[F(i(Ae),{modelValue:a.value,"onUpdate:modelValue":n[0]||(n[0]=r=>a.value=r),placeholder:e.placeholder,dark:""},null,8,["modelValue","placeholder"])]))}}),X1={class:"demo-wrap"},Z1=j({__name:"DemoDayClass",setup(e){const a=Y(new Date),{isDark:t}=Ce(),n=r=>Jt(r,Qe(Be(new Date,{hours:0,minutes:0,seconds:0,milliseconds:0}),1))?"marked-cell":"";return(r,o)=>(u(),m("div",X1,[F(i(Ae),{modelValue:a.value,"onUpdate:modelValue":o[0]||(o[0]=l=>a.value=l),dark:i(t),"day-class":n},null,8,["modelValue","dark"])]))}}),J1={class:"demo-wrap"},eh=j({__name:"DemoHighlight",props:["disabled"],setup(e){const a=Y(new Date),{isDark:t}=Ce(),n=e,r=x(()=>[Qe(new Date,1),Qe(new Date,2),Qe(new Date,3)]),o=x(()=>n.disabled?r.value:[]),l=x(()=>({dates:n.disabled?o.value:r.value,options:{highlightDisabled:!0}}));return(s,c)=>(u(),m("div",J1,[F(i(Ae),{modelValue:a.value,"onUpdate:modelValue":c[0]||(c[0]=f=>a.value=f),dark:i(t),highlight:l.value,"disabled-dates":o.value},null,8,["modelValue","dark","highlight","disabled-dates"])]))}}),th={class:"demo-wrap"},ah=y("span",{class:"custom-marker"},null,-1),nh=j({__name:"DemoMarkers",props:["useMarkerTooltipSlot","useMarkerSlot"],setup(e){const a=Y(new Date),{isDark:t}=Ce(),n=x(()=>[{date:Qe(new Date,1),type:"dot",tooltip:[{text:"Dot with tooltip",color:"green"}]},{date:Qe(new Date,2),type:"line",tooltip:[{text:"First tooltip",color:"blue"},{text:"Second tooltip",color:"yellow"}]},{date:Qe(new Date,3),type:"dot",color:"yellow"}]);return(r,o)=>(u(),m("div",th,[F(i(Ae),{modelValue:a.value,"onUpdate:modelValue":o[0]||(o[0]=l=>a.value=l),dark:i(t),markers:n.value},at({_:2},[e.useMarkerTooltipSlot?{name:"marker-tooltip",fn:$(({day:l})=>[y("div",null,"Custom content on "+le(l),1)]),key:"0"}:void 0,e.useMarkerSlot?{name:"marker",fn:$(({day:l})=>[ah]),key:"1"}:void 0]),1032,["modelValue","dark","markers"])]))}}),rh=y("p",{class:"clickable-text"},"This is some custom clickable text that will open datepicker",-1),oh=["value"],lh=y("img",{class:"input-slot-image",src:Nt},null,-1),sh=["onClick"],ih=y("img",{class:"slot-icon",src:Nt},null,-1),uh=y("img",{class:"slot-icon",src:Nt},null,-1),ch=y("img",{class:"slot-icon",src:Nt},null,-1),dh=y("img",{class:"slot-icon-m",src:Nt},null,-1),mh=y("img",{class:"slot-icon-m",src:Nt},null,-1),vh=y("img",{class:"slot-icon",src:Nt},null,-1),ph={key:0,class:"slot-icon",src:Nt},hh=["onClick"],fh=y("img",{class:"slot-icon centered",src:Nt},null,-1),yh=[fh],gh=["onClick"],_h={class:"time-picker-overlay"},wh=["value","onChange"],bh=["value"],kh=["value","onChange"],Dh=["value"],$h=y("div",{class:"dp-sidebar"},"Custom content",-1),Mh=y("div",{class:"dp-sidebar"},"Custom content",-1),Ph={class:"overlay-header"},Th=["onClick"],Sh={class:"overlay-header"},xh=["onClick"],Ah=j({__name:"DemoSlots",props:["placeholder","useTriggerSlot","position","useInputIconSlot","useClearIconSlot","useClockIconSlot","useArrowLeftSlot","useArrowRightSlot","useArrowUpSlot","useArrowDownSlot","useCalendarIconSlot","useDaySlot","useActionButtonSlot","useActionPreviewSlot","useHoursSlot","useMinutesSlot","useMonthSlot","useYearSlot","useHoursOverlaySlot","useMinutesOverlaySlot","useMonthOverlaySlot","useYearOverlaySlot","useDpInputSlot","useCalendarHeaderSlot","useActionExtraSlot","is24","useAmPmButtonSlot","useTimePickerOverlay","useLeftSidebarSlot","useRightSidebarSlot","useMonthOverlayHeaderSlot","useYearOverlayHeaderSlot","useQuarterSlot"],setup(e){const a=Y(new Date),{isDark:t}=Ce(),n=Y(null),r=x(()=>new Date().getDate()+1),o=x(()=>g=>`Selected ${new Date(g).getDate()}`),l=x(()=>{const g=[];for(let v=0;v<24;v++)g.push({text:v<10?`0${v}`:v,value:v});return g}),s=x(()=>{const g=[];for(let v=0;v<60;v++)g.push({text:v<10?`0${v}`:v,value:v});return g}),c=()=>{n.value&&n.value.selectDate()},f=g=>ft(g,"QQQ");return(g,v)=>(u(),m("div",{class:ve(["demo-wrap",e.useDpInputSlot||e.useTriggerSlot?"demo-wrap-inline":""])},[F(i(Ae),{modelValue:a.value,"onUpdate:modelValue":v[0]||(v[0]=p=>a.value=p),placeholder:e.placeholder,dark:i(t),position:e.position,"quarter-picker":e.useQuarterSlot,is24:e.is24,ref_key:"dpSlotDemo",ref:n},at({_:2},[e.useTriggerSlot?{name:"trigger",fn:$(()=>[rh]),key:"0"}:void 0,e.useDpInputSlot?{name:"dp-input",fn:$(({value:p})=>[y("input",{class:"input-class",type:"text",value:p},null,8,oh)]),key:"1"}:void 0,e.useInputIconSlot?{name:"input-icon",fn:$(()=>[lh]),key:"2"}:void 0,e.useClearIconSlot?{name:"clear-icon",fn:$(({clear:p})=>[y("img",{class:"input-slot-image-clear",src:Nt,onClick:p},null,8,sh)]),key:"3"}:void 0,e.useClockIconSlot?{name:"clock-icon",fn:$(()=>[ih]),key:"4"}:void 0,e.useArrowLeftSlot?{name:"arrow-left",fn:$(()=>[uh]),key:"5"}:void 0,e.useArrowRightSlot?{name:"arrow-right",fn:$(()=>[ch]),key:"6"}:void 0,e.useArrowUpSlot?{name:"arrow-up",fn:$(()=>[dh]),key:"7"}:void 0,e.useArrowDownSlot?{name:"arrow-down",fn:$(()=>[mh]),key:"8"}:void 0,e.useCalendarIconSlot?{name:"calendar-icon",fn:$(()=>[vh]),key:"9"}:void 0,e.useDaySlot?{name:"day",fn:$(({day:p})=>[p===r.value?(u(),m("img",ph)):(u(),m(ce,{key:1},[Ne(le(p),1)],64))]),key:"10"}:void 0,e.useActionButtonSlot?{name:"action-buttons",fn:$(()=>[y("p",{class:"custom-select",onClick:c},"Select")]),key:"11"}:void 0,e.useActionPreviewSlot?{name:"action-preview",fn:$(({value:p})=>[Ne(le(o.value(p)),1)]),key:"12"}:void 0,e.useHoursSlot?{name:"hours",fn:$(({value:p})=>[Ne(le(p),1)]),key:"13"}:void 0,e.useMinutesSlot?{name:"minutes",fn:$(({value:p})=>[Ne(le(p),1)]),key:"14"}:void 0,e.useMonthSlot?{name:"month",fn:$(({value:p})=>[Ne(le(p),1)]),key:"15"}:void 0,e.useYearSlot?{name:"year",fn:$(({value:p})=>[Ne(le(p),1)]),key:"16"}:void 0,e.useHoursOverlaySlot?{name:"hours-overlay-value",fn:$(({value:p})=>[Ne(le(p),1)]),key:"17"}:void 0,e.useMinutesOverlaySlot?{name:"minutes-overlay-value",fn:$(({value:p})=>[Ne(le(p),1)]),key:"18"}:void 0,e.useMonthOverlaySlot?{name:"month-overlay-value",fn:$(({value:p})=>[Ne(le(p),1)]),key:"19"}:void 0,e.useYearOverlaySlot?{name:"year-overlay-value",fn:$(({value:p})=>[Ne(le(p),1)]),key:"20"}:void 0,e.useCalendarHeaderSlot?{name:"calendar-header",fn:$(({index:p,day:_})=>[y("div",{class:ve(p===5||p===6?"red-color":"")},le(_),3)]),key:"21"}:void 0,e.useActionExtraSlot?{name:"action-extra",fn:$(({selectCurrentDate:p})=>[y("span",{onClick:_=>p(),title:"Select current date",class:"pointer"},yh,8,hh)]),key:"22"}:void 0,e.useAmPmButtonSlot?{name:"am-pm-button",fn:$(({toggle:p,value:_})=>[y("button",{onClick:p},le(_),9,gh)]),key:"23"}:void 0,e.useTimePickerOverlay?{name:"time-picker-overlay",fn:$(({hours:p,minutes:_,setHours:P,setMinutes:A})=>[y("div",_h,[y("select",{class:"select-input",value:p,onChange:R=>P(+R.target.value)},[(u(!0),m(ce,null,ye(l.value,R=>(u(),m("option",{key:R.value,value:R.value},le(R.text),9,bh))),128))],40,wh),y("select",{class:"select-input",value:_,onChange:R=>A(+R.target.value)},[(u(!0),m(ce,null,ye(s.value,R=>(u(),m("option",{key:R.value,value:R.value},le(R.text),9,Dh))),128))],40,kh)])]),key:"24"}:void 0,e.useLeftSidebarSlot?{name:"left-sidebar",fn:$(()=>[$h]),key:"25"}:void 0,e.useRightSidebarSlot?{name:"right-sidebar",fn:$(()=>[Mh]),key:"26"}:void 0,e.useMonthOverlayHeaderSlot?{name:"month-overlay-header",fn:$(({toggle:p})=>[y("div",Ph,[y("span",{onClick:p,class:"pointer"},le("< Go back"),8,Th)])]),key:"27"}:void 0,e.useYearOverlayHeaderSlot?{name:"year-overlay-header",fn:$(({toggle:p})=>[y("div",Sh,[y("span",{onClick:p,class:"pointer"},le("< Go back"),8,xh)])]),key:"28"}:void 0,e.useQuarterSlot?{name:"quarter",fn:$(({value:p})=>[y("span",null,le(f(p)),1)]),key:"29"}:void 0]),1032,["modelValue","placeholder","dark","position","quarter-picker","is24"])],2))}}),Vh={class:"demo-wrap"},Ch=j({__name:"DisabledDatesDemo",setup(e){const a=Y(new Date),{isDark:t}=Ce(),n=x(()=>{const r=new Date,o=new Date(r);o.setDate(o.getDate()+1);const l=new Date(o);return l.setDate(o.getDate()+1),[o,l]});return(r,o)=>(u(),m("div",Vh,[F(i(Ae),{modelValue:a.value,"onUpdate:modelValue":o[0]||(o[0]=l=>a.value=l),dark:i(t),"disabled-dates":n.value},null,8,["modelValue","dark","disabled-dates"])]))}}),Nh={class:"demo-wrap"},Oh=j({__name:"DisabledRangeDateDemo",props:{},setup(e){const{isDark:a}=Ce(),t=Y([]),n=[Gn(new Date,1),new Date,Qe(new Date,1)];return(r,o)=>(u(),m("div",Nh,[F(i(Ae),Oe({modelValue:t.value,"onUpdate:modelValue":o[0]||(o[0]=l=>t.value=l)},r.$props,{dark:i(a),range:{noDisabledRange:!0},"disabled-dates":n,placeholder:"Select range"}),null,16,["modelValue","dark"])]))}}),Yh={class:"demo-wrap"},Ih={class:"buttons-wrap"},Rh=["onClick"],Lh=j({__name:"DisabledTimesDemo",props:{},setup(e){const{isDark:a}=Ce(),t=Y(null),n=["single","range"],r=Y("single"),o=x(()=>r.value==="range"),l=[{hours:15,minutes:"*"},{hours:16,minutes:15},{hours:16,minutes:20},{hours:17,minutes:30}],s=[[{hours:12,minutes:"*"},{hours:9,minutes:10}],l],c=f=>{t.value=null,r.value=f};return(f,g)=>(u(),m("div",Yh,[y("div",Ih,[(u(),m(ce,null,ye(n,(v,p)=>y("button",{class:ve(["change-btn",{"btn-active":v===r.value}]),key:p,onClick:_=>c(v)},le(v),11,Rh)),64))]),F(i(Ae),Oe({modelValue:t.value,"onUpdate:modelValue":g[0]||(g[0]=v=>t.value=v),placeholder:"Select date"},f.$props,{dark:i(a),"disabled-times":o.value?s:l,range:o.value}),null,16,["modelValue","dark","disabled-times","range"])]))}}),Eh=me(Lh,[["__scopeId","data-v-2a3dee5c"]]),Hh={class:"demo-wrap"},Bh={key:0},Fh=j({__name:"DisplayModelDemo",props:["modelType","modelAuto","range"],setup(e){const a=Y(),{isDark:t}=Ce();return(n,r)=>(u(),m("div",Hh,[F(i(Ae),Oe({modelValue:a.value,"onUpdate:modelValue":r[0]||(r[0]=o=>a.value=o),dark:i(t)},n.$props,{placeholder:"Select Date"}),null,16,["modelValue","dark"]),a.value?(u(),m("p",Bh,"Selected date: "+le(a.value),1)):C("",!0)]))}}),zh={class:"demo-wrap"},Wh=j({__name:"EmitTimezone",setup(e){const{isDark:a}=Ce(),t=Y(),n=Y(),r=o=>{n.value=o};return(o,l)=>(u(),m("div",zh,[t.value&&n.value?(u(),m(ce,{key:0},[y("div",null,"Local timezone date: "+le(t.value),1),y("div",null,"UTC date: "+le(n.value),1)],64)):C("",!0),F(i(Ae),{modelValue:t.value,"onUpdate:modelValue":l[0]||(l[0]=s=>t.value=s),placeholder:"Select date","emit-timezone":"UTC",dark:i(a),"onUpdate:modelTimezoneValue":r},null,8,["modelValue","dark"])]))}}),qh={class:"demo-wrap"},jh=j({__name:"EmptyDemo",props:["placeholder","noToday","minTime","maxTime","startDate","startTime","disabledWeekDays","allowedDates","actionRow","nowButtonLabel","multiDates","flow","partialFlow","range","multiDatesLimit","weekPicker","monthPicker","timePicker","disableTimeRangeValidation","maxDate","ignoreTimeValidation","autoApply"],setup(e){const a=e,t=Y(),{isDark:n}=Ce(),r=x(()=>{if(a.allowedDates)return[new Date,new Date(new Date().setDate(new Date().getDate()+1))]});return(o,l)=>(u(),m("div",qh,[F(i(Ae),{modelValue:t.value,"onUpdate:modelValue":l[0]||(l[0]=s=>t.value=s),placeholder:e.placeholder,dark:i(n),"no-today":e.noToday,"min-time":e.minTime,"max-time":e.maxTime,"start-date":e.startDate,"start-time":e.startTime,"disabled-week-days":e.disabledWeekDays,"allowed-dates":r.value,"action-row":e.actionRow,"now-button-label":e.nowButtonLabel,"multi-dates":e.multiDates,range:e.range,flow:e.flow,"multi-dates-limit":e.multiDatesLimit,"week-picker":e.weekPicker,"month-picker":e.monthPicker,"time-picker":e.timePicker,"disable-time-range-validation":e.disableTimeRangeValidation,"max-date":e.maxDate,"ignore-time-validation":e.ignoreTimeValidation,"partial-flow":e.partialFlow,"auto-apply":e.autoApply},null,8,["modelValue","placeholder","dark","no-today","min-time","max-time","start-date","start-time","disabled-week-days","allowed-dates","action-row","now-button-label","multi-dates","range","flow","multi-dates-limit","week-picker","month-picker","time-picker","disable-time-range-validation","max-date","ignore-time-validation","partial-flow","auto-apply"])]))}}),Uh={class:"demo-wrap"},Gh=j({__name:"FiltersDemo",setup(e){const a=Y(new Date),{isDark:t}=Ce(),n=x(()=>{const r=new Date;return{months:Array.from(Array(3).keys()).map(o=>Te(ct(r,o+1)))}});return(r,o)=>(u(),m("div",Uh,[F(i(Ae),{modelValue:a.value,"onUpdate:modelValue":o[0]||(o[0]=l=>a.value=l),dark:i(t),placeholder:"Select Date",filters:n.value},null,8,["modelValue","dark","filters"])]))}}),Qh={class:"demo-wrap"},Kh=j({__name:"FormatDemo",props:["placeholder"],setup(e){const a=Y(new Date),{isDark:t}=Ce(),n=r=>{const o=r.getDate(),l=r.getMonth()+1,s=r.getFullYear();return`Selected date is ${o}/${l}/${s}`};return(r,o)=>(u(),m("div",Qh,[F(i(Ae),{modelValue:a.value,"onUpdate:modelValue":o[0]||(o[0]=l=>a.value=l),placeholder:e.placeholder,format:n,dark:i(t)},null,8,["modelValue","placeholder","dark"])]))}}),Xh={class:"demo-wrap"},Zh=j({__name:"GlobalDemo",props:["uid","is24","enableTimePicker","locale","cancelText","selectText","range","position","weekNumbers","placeholder","hoursIncrement","minutesIncrement","hoursGridIncrement","minutesGridIncrement","minDate","maxDate","minTime","maxTime","weekStart","disabled","readonly","inputClassName","menuClassName","hideInputIcon","state","clearable","closeOnScroll","autoApply","filters","disableMonthYearSelect","yearRange","disabledDates","inline","weekNumName","autoPosition","monthPicker","timePicker","closeOnAutoApply","calendarClassName","calendarCellClassName","teleport","startDate","startTime","monthNameFormat","autoRange","hideOffsetDates","noHoursOverlay","noMinutesOverlay","altPosition","multiCalendars","multiCalendarsSolo","partialRange","monthChangeOnScroll","transitions","modeHeight","enableSeconds","secondsIncrement","secondsGridIncrement","noSecondsOverlay","openMenuOnFocus","escClose","spaceConfirm","monthChangeOnArrows","inlineWithInput","name","autocomplete","preventMinMaxNavigation","fixedEnd","fixedStart","reverseYears","vertical","arrowNavigation","textInput","yearPicker","multiStatic","disableTimeRangeValidation","dayNames","offset","teleportCenter","hideNavigation","sixWeeks","actionRow","disableYearSelect","focusStartDate","timePickerInline","yearFirst","loading"],setup(e){const a=e,t=Y(null),n=Y(!1),{isDark:r}=Ce(),o=x({get:()=>{if(n.value||a.maxTime||a.minTime||a.startDate&&!a.focusStartDate||a.startTime)return null;if(t.value)return t.value;if(a.monthPicker)return{month:new Date().getMonth(),year:new Date().getFullYear()};if(a.yearPicker)return new Date().getFullYear();if(a.timePicker){const l=new Date;return{hours:l.getHours(),minutes:l.getMinutes()}}if(a.range){const l=new Date,s=new Date(new Date().setDate(l.getDate()+7));return[l,s]}return new Date},set:l=>{n.value=!l,t.value=l}});return(l,s)=>(u(),m("div",Xh,[F(i(Ae),Oe({modelValue:o.value,"onUpdate:modelValue":s[0]||(s[0]=c=>o.value=c)},l.$props,{dark:i(r)}),null,16,["modelValue","dark"])]))}}),Jh={lessThanXSeconds:{one:"1秒未満",other:"{{count}}秒未満",oneWithSuffix:"約1秒",otherWithSuffix:"約{{count}}秒"},xSeconds:{one:"1秒",other:"{{count}}秒"},halfAMinute:"30秒",lessThanXMinutes:{one:"1分未満",other:"{{count}}分未満",oneWithSuffix:"約1分",otherWithSuffix:"約{{count}}分"},xMinutes:{one:"1分",other:"{{count}}分"},aboutXHours:{one:"約1時間",other:"約{{count}}時間"},xHours:{one:"1時間",other:"{{count}}時間"},xDays:{one:"1日",other:"{{count}}日"},aboutXWeeks:{one:"約1週間",other:"約{{count}}週間"},xWeeks:{one:"1週間",other:"{{count}}週間"},aboutXMonths:{one:"約1か月",other:"約{{count}}か月"},xMonths:{one:"1か月",other:"{{count}}か月"},aboutXYears:{one:"約1年",other:"約{{count}}年"},xYears:{one:"1年",other:"{{count}}年"},overXYears:{one:"1年以上",other:"{{count}}年以上"},almostXYears:{one:"1年近く",other:"{{count}}年近く"}},ef=(e,a,t)=>{t=t||{};let n;const r=Jh[e];return typeof r=="string"?n=r:a===1?t.addSuffix&&r.oneWithSuffix?n=r.oneWithSuffix:n=r.one:t.addSuffix&&r.otherWithSuffix?n=r.otherWithSuffix.replace("{{count}}",String(a)):n=r.other.replace("{{count}}",String(a)),t.addSuffix?t.comparison&&t.comparison>0?n+"後":n+"前":n},tf={full:"y年M月d日EEEE",long:"y年M月d日",medium:"y/MM/dd",short:"y/MM/dd"},af={full:"H時mm分ss秒 zzzz",long:"H:mm:ss z",medium:"H:mm:ss",short:"H:mm"},nf={full:"{{date}} {{time}}",long:"{{date}} {{time}}",medium:"{{date}} {{time}}",short:"{{date}} {{time}}"},rf={date:da({formats:tf,defaultWidth:"full"}),time:da({formats:af,defaultWidth:"full"}),dateTime:da({formats:nf,defaultWidth:"full"})},of={lastWeek:"先週のeeeeのp",yesterday:"昨日のp",today:"今日のp",tomorrow:"明日のp",nextWeek:"翌週のeeeeのp",other:"P"},lf=(e,a,t,n)=>of[e],sf={narrow:["BC","AC"],abbreviated:["紀元前","西暦"],wide:["紀元前","西暦"]},uf={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["第1四半期","第2四半期","第3四半期","第4四半期"]},cf={narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],abbreviated:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],wide:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"]},df={narrow:["日","月","火","水","木","金","土"],short:["日","月","火","水","木","金","土"],abbreviated:["日","月","火","水","木","金","土"],wide:["日曜日","月曜日","火曜日","水曜日","木曜日","金曜日","土曜日"]},mf={narrow:{am:"午前",pm:"午後",midnight:"深夜",noon:"正午",morning:"朝",afternoon:"午後",evening:"夜",night:"深夜"},abbreviated:{am:"午前",pm:"午後",midnight:"深夜",noon:"正午",morning:"朝",afternoon:"午後",evening:"夜",night:"深夜"},wide:{am:"午前",pm:"午後",midnight:"深夜",noon:"正午",morning:"朝",afternoon:"午後",evening:"夜",night:"深夜"}},vf={narrow:{am:"午前",pm:"午後",midnight:"深夜",noon:"正午",morning:"朝",afternoon:"午後",evening:"夜",night:"深夜"},abbreviated:{am:"午前",pm:"午後",midnight:"深夜",noon:"正午",morning:"朝",afternoon:"午後",evening:"夜",night:"深夜"},wide:{am:"午前",pm:"午後",midnight:"深夜",noon:"正午",morning:"朝",afternoon:"午後",evening:"夜",night:"深夜"}},pf=(e,a)=>{const t=Number(e);switch(String(a==null?void 0:a.unit)){case"year":return`${t}年`;case"quarter":return`第${t}四半期`;case"month":return`${t}月`;case"week":return`第${t}週`;case"date":return`${t}日`;case"hour":return`${t}時`;case"minute":return`${t}分`;case"second":return`${t}秒`;default:return`${t}`}},hf={ordinalNumber:pf,era:$t({values:sf,defaultWidth:"wide"}),quarter:$t({values:uf,defaultWidth:"wide",argumentCallback:e=>Number(e)-1}),month:$t({values:cf,defaultWidth:"wide"}),day:$t({values:df,defaultWidth:"wide"}),dayPeriod:$t({values:mf,defaultWidth:"wide",formattingValues:vf,defaultFormattingWidth:"wide"})},ff=/^第?\d+(年|四半期|月|週|日|時|分|秒)?/i,yf=/\d+/i,gf={narrow:/^(B\.?C\.?|A\.?D\.?)/i,abbreviated:/^(紀元[前後]|西暦)/i,wide:/^(紀元[前後]|西暦)/i},_f={narrow:[/^B/i,/^A/i],any:[/^(紀元前)/i,/^(西暦|紀元後)/i]},wf={narrow:/^[1234]/i,abbreviated:/^Q[1234]/i,wide:/^第[1234一二三四１２３４]四半期/i},bf={any:[/(1|一|１)/i,/(2|二|２)/i,/(3|三|３)/i,/(4|四|４)/i]},kf={narrow:/^([123456789]|1[012])/,abbreviated:/^([123456789]|1[012])月/i,wide:/^([123456789]|1[012])月/i},Df={any:[/^1\D/,/^2/,/^3/,/^4/,/^5/,/^6/,/^7/,/^8/,/^9/,/^10/,/^11/,/^12/]},$f={narrow:/^[日月火水木金土]/,short:/^[日月火水木金土]/,abbreviated:/^[日月火水木金土]/,wide:/^[日月火水木金土]曜日/},Mf={any:[/^日/,/^月/,/^火/,/^水/,/^木/,/^金/,/^土/]},Pf={any:/^(AM|PM|午前|午後|正午|深夜|真夜中|夜|朝)/i},Tf={any:{am:/^(A|午前)/i,pm:/^(P|午後)/i,midnight:/^深夜|真夜中/i,noon:/^正午/i,morning:/^朝/i,afternoon:/^午後/i,evening:/^夜/i,night:/^深夜/i}},Sf={ordinalNumber:uo({matchPattern:ff,parsePattern:yf,valueCallback:function(e){return parseInt(e,10)}}),era:Mt({matchPatterns:gf,defaultMatchWidth:"wide",parsePatterns:_f,defaultParseWidth:"any"}),quarter:Mt({matchPatterns:wf,defaultMatchWidth:"wide",parsePatterns:bf,defaultParseWidth:"any",valueCallback:e=>e+1}),month:Mt({matchPatterns:kf,defaultMatchWidth:"wide",parsePatterns:Df,defaultParseWidth:"any"}),day:Mt({matchPatterns:$f,defaultMatchWidth:"wide",parsePatterns:Mf,defaultParseWidth:"any"}),dayPeriod:Mt({matchPatterns:Pf,defaultMatchWidth:"any",parsePatterns:Tf,defaultParseWidth:"any"})},xf={code:"ja",formatDistance:ef,formatLong:rf,formatRelative:lf,localize:hf,match:Sf,options:{weekStartsOn:0,firstWeekContainsDate:1}},Af={class:"demo-wrap"},Vf=j({__name:"LocalizedOutput",setup(e){const a=Y(new Date),{isDark:t}=Ce();return(n,r)=>(u(),m("div",Af,[F(i(Ae),{modelValue:a.value,"onUpdate:modelValue":r[0]||(r[0]=o=>a.value=o),dark:i(t),placeholder:"Select Date","format-locale":i(xf),format:"E"},null,8,["modelValue","dark","format-locale"])]))}}),Cf={class:"demo-wrap"},Nf=j({__name:"MinMaxDemo",setup(e){const a=Y(new Date),{isDark:t}=Ce(),n=x(()=>Lt(new Date(ke(new Date),Te(new Date)),2)),r=x(()=>ct(new Date(ke(new Date),Te(new Date)),2));return(o,l)=>(u(),m("div",Cf,[F(i(Ae),{modelValue:a.value,"onUpdate:modelValue":l[0]||(l[0]=s=>a.value=s),placeholder:"Select Date",dark:i(t),"min-date":n.value,"max-date":r.value,"prevent-min-max-navigation":""},null,8,["modelValue","dark","min-date","max-date"])]))}}),Of={class:"demo-wrap"},Yf=j({__name:"MonthPickerDemo",props:{autoApplyMonth:{type:Boolean,default:!0}},setup(e){const{isDark:a}=Ce(),t=Y({month:new Date().getMonth(),year:new Date().getFullYear()});return(n,r)=>(u(),m("div",Of,[F(i(Ae),Oe({modelValue:t.value,"onUpdate:modelValue":r[0]||(r[0]=o=>t.value=o)},n.$props,{dark:i(a),"month-picker":""}),null,16,["modelValue","dark"])]))}}),If={},Rf={version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32",class:"dp__icon"},Lf=y("path",{d:"M20.943 23.057l-7.057-7.057c0 0 7.057-7.057 7.057-7.057 0.52-0.52 0.52-1.365 0-1.885s-1.365-0.52-1.885 0l-8 8c-0.521 0.521-0.521 1.365 0 1.885l8 8c0.52 0.52 1.365 0.52 1.885 0s0.52-1.365 0-1.885z"},null,-1),Ef=[Lf];function Hf(e,a){return u(),m("svg",Rf,Ef)}const Bf=me(If,[["render",Hf]]),Ff={},zf={version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32",class:"dp__icon"},Wf=y("path",{d:"M12.943 24.943l8-8c0.521-0.521 0.521-1.365 0-1.885l-8-8c-0.52-0.52-1.365-0.52-1.885 0s-0.52 1.365 0 1.885l7.057 7.057c0 0-7.057 7.057-7.057 7.057-0.52 0.52-0.52 1.365 0 1.885s1.365 0.52 1.885 0z"},null,-1),qf=[Wf];function jf(e,a){return u(),m("svg",zf,qf)}const Uf=me(Ff,[["render",jf]]),Gf={class:"demo-wrap"},Qf={class:"custom-month-year-component"},Kf=["value","onChange"],Xf=["value"],Zf=["value","onChange"],Jf=["value"],ey={class:"icons"},ty=["onClick"],ay=["onClick"],ny={class:"custom-month-year-component"},ry=["value","onChange"],oy=["value"],ly=["onClick"],sy={class:"year-overlay"},iy=["value","onChange"],uy=["value"],cy=["onClick"],dy=j({__name:"MonthYearSlotDemo",props:["defaultSlot","monthOverlaySlot","yearOverlaySlot"],setup(e){const a=Y(new Date),{isDark:t}=Ce(),n=(o,l,s,c)=>{l(+o.target.value,s),c&&c()},r=(o,l,s,c)=>{l(s,+o.target.value),c&&c()};return(o,l)=>(u(),m("div",Gf,[F(i(Ae),{modelValue:a.value,"onUpdate:modelValue":l[0]||(l[0]=s=>a.value=s),dark:i(t)},at({_:2},[e.defaultSlot?{name:"month-year",fn:$(({month:s,year:c,months:f,years:g,updateMonthYear:v,handleMonthYearChange:p})=>[y("div",Qf,[y("select",{class:"select-input",value:s,onChange:_=>n(_,v,c)},[(u(!0),m(ce,null,ye(f,_=>(u(),m("option",{key:_.value,value:_.value},le(_.text),9,Xf))),128))],40,Kf),y("select",{class:"select-input",value:c,onChange:_=>r(_,v,s)},[(u(!0),m(ce,null,ye(g,_=>(u(),m("option",{key:_.value,value:_.value},le(_.text),9,Jf))),128))],40,Zf)]),y("div",ey,[y("span",{class:"custom-icon",onClick:_=>p(!1)},[F(Bf)],8,ty),y("span",{class:"custom-icon",onClick:_=>p(!0)},[F(Uf)],8,ay)])]),key:"0"}:void 0,e.monthOverlaySlot?{name:"month-overlay",fn:$(({month:s,year:c,items:f,updateMonthYear:g,toggle:v})=>[y("div",ny,[y("select",{class:"select-input",value:s,onChange:p=>n(p,g,c,v)},[(u(!0),m(ce,null,ye(f,p=>(u(),m("option",{key:p.value,value:p.value},le(p.text),9,oy))),128))],40,ry)]),y("button",{onClick:v},"Close",8,ly)]),key:"1"}:void 0,e.yearOverlaySlot?{name:"year-overlay",fn:$(({month:s,year:c,items:f,updateMonthYear:g,toggle:v})=>[y("div",sy,[y("div",null,[y("select",{class:"select-input",value:c,onChange:p=>r(p,g,s,v)},[(u(!0),m(ce,null,ye(f,p=>(u(),m("option",{key:p.value,value:p.value},le(p.text),9,uy))),128))],40,iy)]),y("button",{onClick:v},"Close",8,cy)])]),key:"2"}:void 0]),1032,["modelValue","dark"])]))}}),my={class:"demo-wrap"},vy=["onClick"],py=j({__name:"PresetRange",setup(e){const a=Y(),{isDark:t}=Ce(),n=Y([{label:"Today",value:[new Date,new Date]},{label:"Today (Slot)",value:[new Date,new Date],slot:"preset-date-range-button"},{label:"This month",value:[hr(new Date),pr(new Date)]},{label:"Last month",value:[hr(Lt(new Date,1)),pr(Lt(new Date,1))]},{label:"This year",value:[Fn(new Date),io(new Date)]}]);return(r,o)=>(u(),m("div",my,[F(i(Ae),{modelValue:a.value,"onUpdate:modelValue":o[0]||(o[0]=l=>a.value=l),placeholder:"Select Date",dark:i(t),range:"","preset-dates":n.value},{"preset-date-range-button":$(({label:l,value:s,presetDate:c})=>[y("span",{role:"button",tabindex:0,onClick:f=>c(s)},le(l),9,vy)]),_:1},8,["modelValue","dark","preset-dates"])]))}}),hy={class:"demo-wrap"},fy=j({__name:"PreviewFormatDemo",props:["placeholder"],setup(e){const a=Y(new Date),{isDark:t}=Ce(),n=r=>{const o=r.getDate(),l=r.getMonth()+1,s=r.getFullYear();return`Selected date is ${o}/${l}/${s}`};return(r,o)=>(u(),m("div",hy,[F(i(Ae),{modelValue:a.value,"onUpdate:modelValue":o[0]||(o[0]=l=>a.value=l),placeholder:e.placeholder,"preview-format":n,dark:i(t)},null,8,["modelValue","placeholder","dark"])]))}}),yy={class:"demo-wrap"},gy=j({__name:"QuarterPickerDemo",setup(e){const{isDark:a}=Ce(),t=Y(qt(new Date));return(n,r)=>(u(),m("div",yy,[F(i(Ae),Oe({modelValue:t.value,"onUpdate:modelValue":r[0]||(r[0]=o=>t.value=o)},n.$props,{dark:i(a),"quarter-picker":""}),null,16,["modelValue","dark"])]))}}),_y={class:"demo-wrap"},wy=j({__name:"RangeDemo",props:{range:{type:[Boolean,Object],default:!0},clearable:{type:Boolean,default:!0},timePicker:{type:Boolean,default:!1},placeholder:{type:String,default:"Select Range"},multiCalendars:{type:[Number,String,Boolean,Object],default:null},disabledWeekDays:{type:Array,default:()=>[]}},setup(e){const a=e,{isDark:t}=Ce(),n=x(()=>{var o,l,s;return typeof a.range=="object"?((o=a.range)==null?void 0:o.autoRange)||((l=a.range)==null?void 0:l.maxRange)||((s=a.range)==null?void 0:s.minRange):!1}),r=Y(n.value?null:[new Date,new Date(new Date().setDate(new Date().getDate()+7))]);return(o,l)=>(u(),m("div",_y,[F(i(Ae),Oe({modelValue:r.value,"onUpdate:modelValue":l[0]||(l[0]=s=>r.value=s)},o.$props,{dark:i(t),rang:e.range,placeholder:e.placeholder}),null,16,["modelValue","dark","rang","placeholder"])]))}}),by={class:"demo-wrap"},ky=j({__name:"RangeDemoDeprecated",props:{autoRange:{type:[Number,String],default:null},multiCalendars:{type:[Number,String,Boolean,Object],default:null},partialRange:{type:Boolean,default:!0},fixedStart:{type:Boolean,default:!1},fixedEnd:{type:Boolean,default:!1},clearable:{type:Boolean,default:!0},showLastInRange:{type:Boolean,default:!0},placeholder:{type:String,default:"Select Range"},minRange:{type:Number,default:null},maxRange:{type:Number,default:null},noVModel:{type:Boolean,default:!1}},setup(e){const a=e,{isDark:t}=Ce(),n=Y(a.autoRange||a.noVModel?null:[new Date,new Date(new Date().setDate(new Date().getDate()+7))]);return(r,o)=>(u(),m("div",by,[F(i(Ae),Oe({modelValue:n.value,"onUpdate:modelValue":o[0]||(o[0]=l=>n.value=l)},r.$props,{dark:i(t),range:"",placeholder:e.placeholder}),null,16,["modelValue","dark","placeholder"])]))}}),Dy={class:"demo-wrap"},$y=j({__name:"DisabledRangeDateDemoDeprecated",props:{},setup(e){const{isDark:a}=Ce(),t=Y([]),n=[Gn(new Date,1),new Date,Qe(new Date,1)];return(r,o)=>(u(),m("div",Dy,[F(i(Ae),Oe({modelValue:t.value,"onUpdate:modelValue":o[0]||(o[0]=l=>t.value=l)},r.$props,{dark:i(a),range:"","no-disabled-range":"","disabled-dates":n,placeholder:"Select range"}),null,16,["modelValue","dark"])]))}}),My={class:"demo-wrap"},Py=y("button",{class:"submit-btn",type:"submit"},"Submit form",-1),Ty=j({__name:"RequiredDemo",setup(e){const a=Y(),{isDark:t}=Ce(),n=()=>{alert("Form submitted")};return(r,o)=>(u(),m("div",My,[y("form",{onSubmit:Ie(n,["prevent"])},[F(i(Ae),{modelValue:a.value,"onUpdate:modelValue":o[0]||(o[0]=l=>a.value=l),dark:i(t),placeholder:"Select Date",required:""},null,8,["modelValue","dark"]),Py],32)]))}}),Sy={class:"demo-wrap"},xy={class:"buttons-wrap"},Ay=["onClick"],Vy=j({__name:"SixWeeksDemo",setup(e){const a=Y(new Date),{isDark:t}=Ce(),n=[!0,"append","prepend","center","fair"],r=Y(!0);return(o,l)=>(u(),m("div",Sy,[y("div",xy,[(u(),m(ce,null,ye(n,(s,c)=>y("button",{class:ve(["change-btn",{"btn-active":s===r.value}]),key:c,onClick:f=>r.value=s},le(s),11,Ay)),64))]),F(i(Ae),{modelValue:a.value,"onUpdate:modelValue":l[0]||(l[0]=s=>a.value=s),dark:i(t),"six-weeks":r.value},null,8,["modelValue","dark","six-weeks"])]))}}),Cy=me(Vy,[["__scopeId","data-v-e3f2bf69"]]),Ny={class:"demo-wrap"},Oy=j({__name:"TextInputDemo",props:["textInput","placeholder","minDate","maxDate"],setup(e){const a=Y(new Date),{isDark:t}=Ce();return(n,r)=>(u(),m("div",Ny,[F(i(Ae),{modelValue:a.value,"onUpdate:modelValue":r[0]||(r[0]=o=>a.value=o),dark:i(t),"text-input":e.textInput,placeholder:e.placeholder,"min-date":e.minDate,"max-date":e.maxDate},null,8,["modelValue","dark","text-input","placeholder","min-date","max-date"])]))}}),Yy={class:"demo-wrap"},Iy=j({__name:"TimePickerDemo",props:["modeHeight"],setup(e){const{isDark:a}=Ce(),t=Y({hours:new Date().getHours(),minutes:new Date().getMinutes()});return(n,r)=>(u(),m("div",Yy,[F(i(Ae),Oe({modelValue:t.value,"onUpdate:modelValue":r[0]||(r[0]=o=>t.value=o)},n.$props,{dark:i(a),"time-picker":""}),null,16,["modelValue","dark"])]))}}),Ry={class:"demo-wrap"},Ly={class:"custom-time-picker-component"},Ey=["value","onChange"],Hy=["value"],By=["value","onChange"],Fy=["value"],zy=j({__name:"TimePickerSlotDemo",setup(e){const a=Y(new Date),{isDark:t}=Ce(),n=x(()=>{const o=[];for(let l=0;l<24;l++)o.push({text:l<10?`0${l}`:l,value:l});return o}),r=x(()=>{const o=[];for(let l=0;l<60;l++)o.push({text:l<10?`0${l}`:l,value:l});return o});return(o,l)=>(u(),m("div",Ry,[F(i(Ae),{modelValue:a.value,"onUpdate:modelValue":l[0]||(l[0]=s=>a.value=s),dark:i(t)},{"time-picker":$(({time:s,updateTime:c})=>[y("div",Ly,[y("select",{class:"select-input",value:s.hours,onChange:f=>c(+f.target.value)},[(u(!0),m(ce,null,ye(n.value,f=>(u(),m("option",{key:f.value,value:f.value},le(f.text),9,Hy))),128))],40,Ey),y("select",{class:"select-input",value:s.minutes,onChange:f=>c(+f.target.value,!1)},[(u(!0),m(ce,null,ye(r.value,f=>(u(),m("option",{key:f.value,value:f.value},le(f.text),9,Fy))),128))],40,By)])]),_:1},8,["modelValue","dark"])]))}}),Wy={class:"demo-wrap"},qy={key:0},jy=j({__name:"TimezoneDemo",setup(e){const a=Y(),{isDark:t}=Ce();return(n,r)=>(u(),m("div",Wy,[F(i(Ae),{modelValue:a.value,"onUpdate:modelValue":r[0]||(r[0]=o=>a.value=o),dark:i(t),utc:"",placeholder:"Select Date"},null,8,["modelValue","dark"]),a.value?(u(),m("p",qy,"Selected date in UTC format: "+le(a.value),1)):C("",!0)]))}}),Uy=e=>(_t("data-v-323b52ea"),e=e(),wt(),e),Gy={class:"demo-wrap"},Qy=Uy(()=>y("option",{value:void 0},"Select timezone",-1)),Ky=["value"],Xy=j({__name:"TimezonePropDemo",setup(e){const a=Y([new Date,Qe(new Date,5)]),{isDark:t}=Ce(),n=Y(void 0),r=["Pacific/Midway","America/Adak","Pacific/Gambier","America/Los_Angeles","America/Denver","America/Chicago","America/New_York","America/Santiago","America/Sao_Paulo","America/Noronha","Atlantic/Cape_Verde","UTC","Europe/Brussels","Africa/Cairo","Europe/Minsk","Europe/Moscow","Asia/Tashkent","Asia/Dhaka","Asia/Novosibirsk","Australia/Perth","Asia/Tokyo","Australia/Hobart","Asia/Vladivostok","Pacific/Auckland"];return(o,l)=>(u(),m("div",Gy,[y("div",null,[ba(y("select",{class:"custom-select",name:"timezone-select",id:"timezone-select","onUpdate:modelValue":l[0]||(l[0]=s=>n.value=s)},[Qy,(u(),m(ce,null,ye(r,s=>y("option",{value:s,key:s},le(s),9,Ky)),64))],512),[[ol,n.value]])]),F(i(Ae),{modelValue:a.value,"onUpdate:modelValue":l[1]||(l[1]=s=>a.value=s),dark:i(t),"multi-calendars":"",timezone:n.value,range:"","partial-range":!1},null,8,["modelValue","dark","timezone"])]))}}),Zy=me(Xy,[["__scopeId","data-v-323b52ea"]]),Jy={class:"demo-wrap"},eg=j({__name:"YearPickerDemo",props:{},setup(e){const{isDark:a}=Ce(),t=Y(new Date().getFullYear());return(n,r)=>(u(),m("div",Jy,[F(i(Ae),Oe({modelValue:t.value,"onUpdate:modelValue":r[0]||(r[0]=o=>t.value=o)},n.$props,{dark:i(a),"year-picker":""}),null,16,["modelValue","dark"])]))}}),ng={extends:lm,enhanceApp({app:e}){e.component("StarAndSponsor",mm),e.component("ActionRowSlotDemo",j1),e.component("CustomCalendarDemo",G1),e.component("DarkDemo",K1),e.component("DemoDayClass",Z1),e.component("DemoHighlight",eh),e.component("DemoMarkers",nh),e.component("DemoSlots",Ah),e.component("DisabledDatesDemo",Ch),e.component("DisabledRangeDateDemo",Oh),e.component("DisabledTimesDemo",Eh),e.component("DisplayModelDemo",Fh),e.component("EmitTimezone",Wh),e.component("EmptyDemo",jh),e.component("FiltersDemo",Gh),e.component("FormatDemo",Kh),e.component("GlobalDemo",Zh),e.component("LocalizedOutput",Vf),e.component("MinMaxDemo",Nf),e.component("MonthPickerDemo",Yf),e.component("MonthYearSlotDemo",dy),e.component("PresetRange",py),e.component("PreviewFormatDemo",fy),e.component("QuarterPickerDemo",gy),e.component("RangeDemo",wy),e.component("RequiredDemo",Ty),e.component("SixWeeksDemo",Cy),e.component("TextInputDemo",Oy),e.component("TimePickerDemo",Iy),e.component("TimePickerSlotDemo",zy),e.component("TimezoneDemo",jy),e.component("TimezonePropDemo",Zy),e.component("YearPickerDemo",eg),e.component("RangeDemoDeprecated",ky),e.component("DisabledRangeDateDemoDeprecated",$y)}};export{ng as R,Pl as a,xe as u}; -function __vite__mapDeps(indexes) { - if (!__vite__mapDeps.viteFileDeps) { - __vite__mapDeps.viteFileDeps = ["assets/chunks/ui-custom.s8PMcEKF.js","assets/chunks/framework.7pWjBRCP.js","assets/chunks/VPAlgoliaSearchBox.ud4UyhXq.js"] - } - return indexes.map((i) => __vite__mapDeps.viteFileDeps[i]) -} diff --git a/docs/assets/chunks/theme.PEn4Fb73.js b/docs/assets/chunks/theme.PEn4Fb73.js new file mode 100644 index 000000000..9b6f0fbd0 --- /dev/null +++ b/docs/assets/chunks/theme.PEn4Fb73.js @@ -0,0 +1,7 @@ +var Sr=Object.defineProperty;var Ar=(e,a,t)=>a in e?Sr(e,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[a]=t;var le=(e,a,t)=>(Ar(e,typeof a!="symbol"?a+"":a,t),t);import{d as Q,o as u,c as v,r as $,n as ve,a as Ne,t as ne,b as oe,w as D,T as Rt,e as x,_ as ce,u as Ae,i as Vr,f as Cr,g as Mn,h as A,j as pa,k as M,l as Qe,m as g,p as l,q as mt,s as vt,v as ea,x as fn,y as ot,z as za,A as qt,B as $o,C as Or,D as Nr,E as ta,F as se,G as ye,H as Do,I as Ea,J as W,K as Mo,L as To,M as Mt,N as Po,O as Fa,P as Re,Q as Wa,R as Rr,S as Lr,U as ct,V as Ot,W as xo,X as Ir,Y as Yr,Z as So,$ as Ao,a0 as ke,a1 as Br,a2 as Ie,a3 as Qt,a4 as Ma,a5 as La,a6 as et,a7 as Ke,a8 as nt,a9 as eo,aa as Hr,ab as zr,ac as to,ad as Er,ae as ia,af as Na,ag as Fr,ah as Wr,ai as St,aj as qr,ak as Qr}from"./framework.xyZR8MrU.js";const Gr=Q({__name:"VPBadge",props:{text:{},type:{default:"tip"}},setup(e){return(a,t)=>(u(),v("span",{class:ve(["VPBadge",a.type])},[$(a.$slots,"default",{},()=>[Ne(ne(a.text),1)])],2))}}),jr={key:0,class:"VPBackdrop"},Ur=Q({__name:"VPBackdrop",props:{show:{type:Boolean}},setup(e){return(a,t)=>(u(),oe(Rt,{name:"fade"},{default:D(()=>[a.show?(u(),v("div",jr)):x("",!0)]),_:1}))}}),Xr=ce(Ur,[["__scopeId","data-v-c79a1216"]]),Pe=Ae;function Kr(e,a){let t,n=!1;return()=>{t&&clearTimeout(t),n?t=setTimeout(e,a):(e(),(n=!0)&&setTimeout(()=>n=!1,a))}}function yn(e){return/^\//.test(e)?e:`/${e}`}function Tn(e){const{pathname:a,search:t,hash:n,protocol:o}=new URL(e,"http://a.com");if(Vr(e)||e.startsWith("#")||!o.startsWith("http")||!Cr(a))return e;const{site:r}=Pe(),s=a.endsWith("/")||a.endsWith(".html")?e:e.replace(/(?:(^\.+)\/)?.*$/,`$1${a.replace(/(\.md)?$/,r.value.cleanUrls?"":".html")}${t}${n}`);return Mn(s)}const Pn=A(pa?location.hash:"");pa&&window.addEventListener("hashchange",()=>{Pn.value=location.hash});function Ta({removeCurrent:e=!0,correspondingLink:a=!1}={}){const{site:t,localeIndex:n,page:o,theme:r}=Pe(),s=M(()=>{var c,_;return{label:(c=t.value.locales[n.value])==null?void 0:c.label,link:((_=t.value.locales[n.value])==null?void 0:_.link)||(n.value==="root"?"/":`/${n.value}/`)}});return{localeLinks:M(()=>Object.entries(t.value.locales).flatMap(([c,_])=>e&&s.value.label===_.label?[]:{text:_.label,link:Jr(_.link||(c==="root"?"/":`/${c}/`),r.value.i18nRouting!==!1&&a,o.value.relativePath.slice(s.value.link.length-1),!t.value.cleanUrls)+Pn.value})),currentLang:s}}function Jr(e,a,t,n){return a?e.replace(/\/$/,"")+yn(t.replace(/(^|\/)index\.md$/,"$1").replace(/\.md$/,n?".html":"")):e}const Zr=e=>(mt("data-v-f87ff6e4"),e=e(),vt(),e),es={class:"NotFound"},ts={class:"code"},as={class:"title"},ns=Zr(()=>g("div",{class:"divider"},null,-1)),os={class:"quote"},rs={class:"action"},ss=["href","aria-label"],ls=Q({__name:"NotFound",setup(e){const{site:a,theme:t}=Pe(),{localeLinks:n}=Ta({removeCurrent:!1}),o=A("/");return Qe(()=>{var s;const r=window.location.pathname.replace(a.value.base,"").replace(/(^.*?\/).*$/,"/$1");n.value.length&&(o.value=((s=n.value.find(({link:i})=>i.startsWith(r)))==null?void 0:s.link)||n.value[0].link)}),(r,s)=>{var i,c,_,h,p;return u(),v("div",es,[g("p",ts,ne(((i=l(t).notFound)==null?void 0:i.code)??"404"),1),g("h1",as,ne(((c=l(t).notFound)==null?void 0:c.title)??"PAGE NOT FOUND"),1),ns,g("blockquote",os,ne(((_=l(t).notFound)==null?void 0:_.quote)??"But if you don't change your direction, and if you keep looking, you may end up where you are heading."),1),g("div",rs,[g("a",{class:"link",href:l(Mn)(o.value),"aria-label":((h=l(t).notFound)==null?void 0:h.linkLabel)??"go to home"},ne(((p=l(t).notFound)==null?void 0:p.linkText)??"Take me home"),9,ss)])])}}}),is=ce(ls,[["__scopeId","data-v-f87ff6e4"]]);function Vo(e,a){if(Array.isArray(e))return Ra(e);if(e==null)return[];a=yn(a);const t=Object.keys(e).sort((o,r)=>r.split("/").length-o.split("/").length).find(o=>a.startsWith(yn(o))),n=t?e[t]:[];return Array.isArray(n)?Ra(n):Ra(n.items,n.base)}function us(e){const a=[];let t=0;for(const n in e){const o=e[n];if(o.items){t=a.push(o);continue}a[t]||a.push({items:[]}),a[t].items.push(o)}return a}function cs(e){const a=[];function t(n){for(const o of n)o.text&&o.link&&a.push({text:o.text,link:o.link,docFooterText:o.docFooterText}),o.items&&t(o.items)}return t(e),a}function gn(e,a){return Array.isArray(a)?a.some(t=>gn(e,t)):ea(e,a.link)?!0:a.items?gn(e,a.items):!1}function Ra(e,a){return[...e].map(t=>{const n={...t},o=n.base||a;return o&&n.link&&(n.link=o+n.link),n.items&&(n.items=Ra(n.items,o)),n})}function Lt(){const{frontmatter:e,page:a,theme:t}=Pe(),n=fn("(min-width: 960px)"),o=A(!1),r=M(()=>{const T=t.value.sidebar,Y=a.value.relativePath;return T?Vo(T,Y):[]}),s=A(r.value);ot(r,(T,Y)=>{JSON.stringify(T)!==JSON.stringify(Y)&&(s.value=r.value)});const i=M(()=>e.value.sidebar!==!1&&s.value.length>0&&e.value.layout!=="home"),c=M(()=>_?e.value.aside==null?t.value.aside==="left":e.value.aside==="left":!1),_=M(()=>e.value.layout==="home"?!1:e.value.aside!=null?!!e.value.aside:t.value.aside!==!1),h=M(()=>i.value&&n.value),p=M(()=>i.value?us(s.value):[]);function f(){o.value=!0}function y(){o.value=!1}function S(){o.value?y():f()}return{isOpen:o,sidebar:s,sidebarGroups:p,hasSidebar:i,hasAside:_,leftAside:c,isSidebarEnabled:h,open:f,close:y,toggle:S}}function ds(e,a){let t;za(()=>{t=e.value?document.activeElement:void 0}),Qe(()=>{window.addEventListener("keyup",n)}),qt(()=>{window.removeEventListener("keyup",n)});function n(o){o.key==="Escape"&&e.value&&(a(),t==null||t.focus())}}function ms(e){const{page:a}=Pe(),t=A(!1),n=M(()=>e.value.collapsed!=null),o=M(()=>!!e.value.link),r=A(!1),s=()=>{r.value=ea(a.value.relativePath,e.value.link)};ot([a,e,Pn],s),Qe(s);const i=M(()=>r.value?!0:e.value.items?gn(a.value.relativePath,e.value.items):!1),c=M(()=>!!(e.value.items&&e.value.items.length));za(()=>{t.value=!!(n.value&&e.value.collapsed)}),$o(()=>{(r.value||i.value)&&(t.value=!1)});function _(){n.value&&(t.value=!t.value)}return{collapsed:t,collapsible:n,isLink:o,isActiveLink:r,hasActiveLink:i,hasChildren:c,toggle:_}}function vs(){const{hasSidebar:e}=Lt(),a=fn("(min-width: 960px)"),t=fn("(min-width: 1280px)");return{isAsideEnabled:M(()=>!t.value&&!a.value?!1:e.value?t.value:a.value)}}const _n=[];function Co(e){return typeof e.outline=="object"&&!Array.isArray(e.outline)&&e.outline.label||e.outlineTitle||"On this page"}function xn(e){const a=[...document.querySelectorAll(".VPDoc :where(h1,h2,h3,h4,h5,h6)")].filter(t=>t.id&&t.hasChildNodes()).map(t=>{const n=Number(t.tagName[1]);return{element:t,title:ps(t),link:"#"+t.id,level:n}});return hs(a,e)}function ps(e){let a="";for(const t of e.childNodes)if(t.nodeType===1){if(t.classList.contains("VPBadge")||t.classList.contains("header-anchor")||t.classList.contains("ignore-header"))continue;a+=t.textContent}else t.nodeType===3&&(a+=t.textContent);return a.trim()}function hs(e,a){if(a===!1)return[];const t=(typeof a=="object"&&!Array.isArray(a)?a.level:a)||2,[n,o]=typeof t=="number"?[t,t]:t==="deep"?[2,6]:t;e=e.filter(s=>s.level>=n&&s.level<=o),_n.length=0;for(const{element:s,link:i}of e)_n.push({element:s,link:i});const r=[];e:for(let s=0;s=0;c--){const _=e[c];if(_.level{requestAnimationFrame(r),window.addEventListener("scroll",n)}),Or(()=>{s(location.hash)}),qt(()=>{window.removeEventListener("scroll",n)});function r(){if(!t.value)return;const i=window.scrollY,c=window.innerHeight,_=document.body.offsetHeight,h=Math.abs(i+c-_)<1,p=_n.map(({element:y,link:S})=>({link:S,top:ys(y)})).filter(({top:y})=>!Number.isNaN(y)).sort((y,S)=>y.top-S.top);if(!p.length){s(null);return}if(i<1){s(null);return}if(h){s(p[p.length-1].link);return}let f=null;for(const{link:y,top:S}of p){if(S>i+Nr()+4)break;f=y}s(f)}function s(i){o&&o.classList.remove("active"),i==null?o=null:o=e.value.querySelector(`a[href="${decodeURIComponent(i)}"]`);const c=o;c?(c.classList.add("active"),a.value.style.top=c.offsetTop+39+"px",a.value.style.opacity="1"):(a.value.style.top="33px",a.value.style.opacity="0")}}function ys(e){let a=0;for(;e!==document.body;){if(e===null)return NaN;a+=e.offsetTop,e=e.offsetParent}return a}const gs=["href","title"],_s=Q({__name:"VPDocOutlineItem",props:{headers:{},root:{type:Boolean}},setup(e){function a({target:t}){const n=t.href.split("#")[1],o=document.getElementById(decodeURIComponent(n));o==null||o.focus({preventScroll:!0})}return(t,n)=>{const o=ta("VPDocOutlineItem",!0);return u(),v("ul",{class:ve(["VPDocOutlineItem",t.root?"root":"nested"])},[(u(!0),v(se,null,ye(t.headers,({children:r,link:s,title:i})=>(u(),v("li",null,[g("a",{class:"outline-link",href:s,onClick:a,title:i},ne(i),9,gs),r!=null&&r.length?(u(),oe(o,{key:0,headers:r},null,8,["headers"])):x("",!0)]))),256))],2)}}}),Oo=ce(_s,[["__scopeId","data-v-b933a997"]]),bs=e=>(mt("data-v-935f8a84"),e=e(),vt(),e),ws={class:"content"},ks={class:"outline-title",role:"heading","aria-level":"2"},$s={"aria-labelledby":"doc-outline-aria-label"},Ds=bs(()=>g("span",{class:"visually-hidden",id:"doc-outline-aria-label"}," Table of Contents for current page ",-1)),Ms=Q({__name:"VPDocAsideOutline",setup(e){const{frontmatter:a,theme:t}=Pe(),n=Do([]);Ea(()=>{n.value=xn(a.value.outline??t.value.outline)});const o=A(),r=A();return fs(o,r),(s,i)=>(u(),v("div",{class:ve(["VPDocAsideOutline",{"has-outline":n.value.length>0}]),ref_key:"container",ref:o,role:"navigation"},[g("div",ws,[g("div",{class:"outline-marker",ref_key:"marker",ref:r},null,512),g("div",ks,ne(l(Co)(l(t))),1),g("nav",$s,[Ds,W(Oo,{headers:n.value,root:!0},null,8,["headers"])])])],2))}}),Ts=ce(Ms,[["__scopeId","data-v-935f8a84"]]),Ps={class:"VPDocAsideCarbonAds"},xs=Q({__name:"VPDocAsideCarbonAds",props:{carbonAds:{}},setup(e){const a=Mo(()=>To(()=>import("./ui-custom.3YUlWI8T.js"),__vite__mapDeps([0,1])));return(t,n)=>(u(),v("div",Ps,[W(l(a),{"carbon-ads":t.carbonAds},null,8,["carbon-ads"])]))}}),Ss=e=>(mt("data-v-3f215769"),e=e(),vt(),e),As={class:"VPDocAside"},Vs=Ss(()=>g("div",{class:"spacer"},null,-1)),Cs=Q({__name:"VPDocAside",setup(e){const{theme:a}=Pe();return(t,n)=>(u(),v("div",As,[$(t.$slots,"aside-top",{},void 0,!0),$(t.$slots,"aside-outline-before",{},void 0,!0),W(Ts),$(t.$slots,"aside-outline-after",{},void 0,!0),Vs,$(t.$slots,"aside-ads-before",{},void 0,!0),l(a).carbonAds?(u(),oe(xs,{key:0,"carbon-ads":l(a).carbonAds},null,8,["carbon-ads"])):x("",!0),$(t.$slots,"aside-ads-after",{},void 0,!0),$(t.$slots,"aside-bottom",{},void 0,!0)]))}}),Os=ce(Cs,[["__scopeId","data-v-3f215769"]]);function Ns(){const{theme:e,page:a}=Pe();return M(()=>{const{text:t="Edit this page",pattern:n=""}=e.value.editLink||{};let o;return typeof n=="function"?o=n(a.value):o=n.replace(/:path/g,a.value.filePath),{url:o,text:t}})}function Rs(){const{page:e,theme:a,frontmatter:t}=Pe();return M(()=>{var c,_,h,p,f,y,S,T;const n=Vo(a.value.sidebar,e.value.relativePath),o=cs(n),r=o.findIndex(Y=>ea(e.value.relativePath,Y.link)),s=((c=a.value.docFooter)==null?void 0:c.prev)===!1&&!t.value.prev||t.value.prev===!1,i=((_=a.value.docFooter)==null?void 0:_.next)===!1&&!t.value.next||t.value.next===!1;return{prev:s?void 0:{text:(typeof t.value.prev=="string"?t.value.prev:typeof t.value.prev=="object"?t.value.prev.text:void 0)??((h=o[r-1])==null?void 0:h.docFooterText)??((p=o[r-1])==null?void 0:p.text),link:(typeof t.value.prev=="object"?t.value.prev.link:void 0)??((f=o[r-1])==null?void 0:f.link)},next:i?void 0:{text:(typeof t.value.next=="string"?t.value.next:typeof t.value.next=="object"?t.value.next.text:void 0)??((y=o[r+1])==null?void 0:y.docFooterText)??((S=o[r+1])==null?void 0:S.text),link:(typeof t.value.next=="object"?t.value.next.link:void 0)??((T=o[r+1])==null?void 0:T.link)}}})}const Ls={},Is={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},Ys=g("path",{d:"M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"},null,-1),Bs=g("path",{d:"M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"},null,-1),Hs=[Ys,Bs];function zs(e,a){return u(),v("svg",Is,Hs)}const Es=ce(Ls,[["render",zs]]),Tt=Q({__name:"VPLink",props:{tag:{},href:{},noIcon:{type:Boolean},target:{},rel:{}},setup(e){const a=e,t=M(()=>a.tag??(a.href?"a":"span")),n=M(()=>a.href&&Po.test(a.href));return(o,r)=>(u(),oe(Mt(t.value),{class:ve(["VPLink",{link:o.href,"vp-external-link-icon":n.value,"no-icon":o.noIcon}]),href:o.href?l(Tn)(o.href):void 0,target:o.target??(n.value?"_blank":void 0),rel:o.rel??(n.value?"noreferrer":void 0)},{default:D(()=>[$(o.$slots,"default")]),_:3},8,["class","href","target","rel"]))}}),Fs={class:"VPLastUpdated"},Ws=["datetime"],qs=Q({__name:"VPDocFooterLastUpdated",setup(e){const{theme:a,page:t,frontmatter:n,lang:o}=Pe(),r=M(()=>new Date(n.value.lastUpdated??t.value.lastUpdated)),s=M(()=>r.value.toISOString()),i=A("");return Qe(()=>{za(()=>{var c,_,h;i.value=new Intl.DateTimeFormat((_=(c=a.value.lastUpdated)==null?void 0:c.formatOptions)!=null&&_.forceLocale?o.value:void 0,((h=a.value.lastUpdated)==null?void 0:h.formatOptions)??{dateStyle:"short",timeStyle:"short"}).format(r.value)})}),(c,_)=>{var h;return u(),v("p",Fs,[Ne(ne(((h=l(a).lastUpdated)==null?void 0:h.text)||l(a).lastUpdatedText||"Last updated")+": ",1),g("time",{datetime:s.value},ne(i.value),9,Ws)])}}}),Qs=ce(qs,[["__scopeId","data-v-7e05ebdb"]]),Gs={key:0,class:"VPDocFooter"},js={key:0,class:"edit-info"},Us={key:0,class:"edit-link"},Xs={key:1,class:"last-updated"},Ks={key:1,class:"prev-next"},Js={class:"pager"},Zs=["innerHTML"],el=["innerHTML"],tl={class:"pager"},al=["innerHTML"],nl=["innerHTML"],ol=Q({__name:"VPDocFooter",setup(e){const{theme:a,page:t,frontmatter:n}=Pe(),o=Ns(),r=Rs(),s=M(()=>a.value.editLink&&n.value.editLink!==!1),i=M(()=>t.value.lastUpdated&&n.value.lastUpdated!==!1),c=M(()=>s.value||i.value||r.value.prev||r.value.next);return(_,h)=>{var p,f,y,S;return c.value?(u(),v("footer",Gs,[$(_.$slots,"doc-footer-before",{},void 0,!0),s.value||i.value?(u(),v("div",js,[s.value?(u(),v("div",Us,[W(Tt,{class:"edit-link-button",href:l(o).url,"no-icon":!0},{default:D(()=>[W(Es,{class:"edit-link-icon","aria-label":"edit icon"}),Ne(" "+ne(l(o).text),1)]),_:1},8,["href"])])):x("",!0),i.value?(u(),v("div",Xs,[W(Qs)])):x("",!0)])):x("",!0),(p=l(r).prev)!=null&&p.link||(f=l(r).next)!=null&&f.link?(u(),v("nav",Ks,[g("div",Js,[(y=l(r).prev)!=null&&y.link?(u(),oe(Tt,{key:0,class:"pager-link prev",href:l(r).prev.link},{default:D(()=>{var T;return[g("span",{class:"desc",innerHTML:((T=l(a).docFooter)==null?void 0:T.prev)||"Previous page"},null,8,Zs),g("span",{class:"title",innerHTML:l(r).prev.text},null,8,el)]}),_:1},8,["href"])):x("",!0)]),g("div",tl,[(S=l(r).next)!=null&&S.link?(u(),oe(Tt,{key:0,class:"pager-link next",href:l(r).next.link},{default:D(()=>{var T;return[g("span",{class:"desc",innerHTML:((T=l(a).docFooter)==null?void 0:T.next)||"Next page"},null,8,al),g("span",{class:"title",innerHTML:l(r).next.text},null,8,nl)]}),_:1},8,["href"])):x("",!0)])])):x("",!0)])):x("",!0)}}}),rl=ce(ol,[["__scopeId","data-v-48f9bb55"]]),sl=e=>(mt("data-v-39a288b8"),e=e(),vt(),e),ll={class:"container"},il=sl(()=>g("div",{class:"aside-curtain"},null,-1)),ul={class:"aside-container"},cl={class:"aside-content"},dl={class:"content"},ml={class:"content-container"},vl={class:"main"},pl=Q({__name:"VPDoc",setup(e){const{theme:a}=Pe(),t=Fa(),{hasSidebar:n,hasAside:o,leftAside:r}=Lt(),s=M(()=>t.path.replace(/[./]+/g,"_").replace(/_html$/,""));return(i,c)=>{const _=ta("Content");return u(),v("div",{class:ve(["VPDoc",{"has-sidebar":l(n),"has-aside":l(o)}])},[$(i.$slots,"doc-top",{},void 0,!0),g("div",ll,[l(o)?(u(),v("div",{key:0,class:ve(["aside",{"left-aside":l(r)}])},[il,g("div",ul,[g("div",cl,[W(Os,null,{"aside-top":D(()=>[$(i.$slots,"aside-top",{},void 0,!0)]),"aside-bottom":D(()=>[$(i.$slots,"aside-bottom",{},void 0,!0)]),"aside-outline-before":D(()=>[$(i.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":D(()=>[$(i.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":D(()=>[$(i.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":D(()=>[$(i.$slots,"aside-ads-after",{},void 0,!0)]),_:3})])])],2)):x("",!0),g("div",dl,[g("div",ml,[$(i.$slots,"doc-before",{},void 0,!0),g("main",vl,[W(_,{class:ve(["vp-doc",[s.value,l(a).externalLinkIcon&&"external-link-icon-enabled"]])},null,8,["class"])]),W(rl,null,{"doc-footer-before":D(()=>[$(i.$slots,"doc-footer-before",{},void 0,!0)]),_:3}),$(i.$slots,"doc-after",{},void 0,!0)])])]),$(i.$slots,"doc-bottom",{},void 0,!0)],2)}}}),hl=ce(pl,[["__scopeId","data-v-39a288b8"]]),fl=Q({__name:"VPButton",props:{tag:{},size:{default:"medium"},theme:{default:"brand"},text:{},href:{},target:{},rel:{}},setup(e){const a=e,t=M(()=>a.href&&Po.test(a.href)),n=M(()=>a.tag||a.href?"a":"button");return(o,r)=>(u(),oe(Mt(n.value),{class:ve(["VPButton",[o.size,o.theme]]),href:o.href?l(Tn)(o.href):void 0,target:a.target??(t.value?"_blank":void 0),rel:a.rel??(t.value?"noreferrer":void 0)},{default:D(()=>[Ne(ne(o.text),1)]),_:1},8,["class","href","target","rel"]))}}),yl=ce(fl,[["__scopeId","data-v-cad61b99"]]),gl=["src","alt"],_l=Q({inheritAttrs:!1,__name:"VPImage",props:{image:{},alt:{}},setup(e){return(a,t)=>{const n=ta("VPImage",!0);return a.image?(u(),v(se,{key:0},[typeof a.image=="string"||"src"in a.image?(u(),v("img",Re({key:0,class:"VPImage"},typeof a.image=="string"?a.$attrs:{...a.image,...a.$attrs},{src:l(Mn)(typeof a.image=="string"?a.image:a.image.src),alt:a.alt??(typeof a.image=="string"?"":a.image.alt||"")}),null,16,gl)):(u(),v(se,{key:1},[W(n,Re({class:"dark",image:a.image.dark,alt:a.image.alt},a.$attrs),null,16,["image","alt"]),W(n,Re({class:"light",image:a.image.light,alt:a.image.alt},a.$attrs),null,16,["image","alt"])],64))],64)):x("",!0)}}}),Ia=ce(_l,[["__scopeId","data-v-8426fc1a"]]),bl=e=>(mt("data-v-303bb580"),e=e(),vt(),e),wl={class:"container"},kl={class:"main"},$l={key:0,class:"name"},Dl=["innerHTML"],Ml=["innerHTML"],Tl=["innerHTML"],Pl={key:0,class:"actions"},xl={key:0,class:"image"},Sl={class:"image-container"},Al=bl(()=>g("div",{class:"image-bg"},null,-1)),Vl=Q({__name:"VPHero",props:{name:{},text:{},tagline:{},image:{},actions:{}},setup(e){const a=Wa("hero-image-slot-exists");return(t,n)=>(u(),v("div",{class:ve(["VPHero",{"has-image":t.image||l(a)}])},[g("div",wl,[g("div",kl,[$(t.$slots,"home-hero-info-before",{},void 0,!0),$(t.$slots,"home-hero-info",{},()=>[t.name?(u(),v("h1",$l,[g("span",{innerHTML:t.name,class:"clip"},null,8,Dl)])):x("",!0),t.text?(u(),v("p",{key:1,innerHTML:t.text,class:"text"},null,8,Ml)):x("",!0),t.tagline?(u(),v("p",{key:2,innerHTML:t.tagline,class:"tagline"},null,8,Tl)):x("",!0)],!0),$(t.$slots,"home-hero-info-after",{},void 0,!0),t.actions?(u(),v("div",Pl,[(u(!0),v(se,null,ye(t.actions,o=>(u(),v("div",{key:o.link,class:"action"},[W(yl,{tag:"a",size:"medium",theme:o.theme,text:o.text,href:o.link,target:o.target,rel:o.rel},null,8,["theme","text","href","target","rel"])]))),128))])):x("",!0),$(t.$slots,"home-hero-actions-after",{},void 0,!0)]),t.image||l(a)?(u(),v("div",xl,[g("div",Sl,[Al,$(t.$slots,"home-hero-image",{},()=>[t.image?(u(),oe(Ia,{key:0,class:"image-src",image:t.image},null,8,["image"])):x("",!0)],!0)])])):x("",!0)])],2))}}),Cl=ce(Vl,[["__scopeId","data-v-303bb580"]]),Ol=Q({__name:"VPHomeHero",setup(e){const{frontmatter:a}=Pe();return(t,n)=>l(a).hero?(u(),oe(Cl,{key:0,class:"VPHomeHero",name:l(a).hero.name,text:l(a).hero.text,tagline:l(a).hero.tagline,image:l(a).hero.image,actions:l(a).hero.actions},{"home-hero-info-before":D(()=>[$(t.$slots,"home-hero-info-before")]),"home-hero-info":D(()=>[$(t.$slots,"home-hero-info")]),"home-hero-info-after":D(()=>[$(t.$slots,"home-hero-info-after")]),"home-hero-actions-after":D(()=>[$(t.$slots,"home-hero-actions-after")]),"home-hero-image":D(()=>[$(t.$slots,"home-hero-image")]),_:3},8,["name","text","tagline","image","actions"])):x("",!0)}}),Nl={},Rl={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},Ll=g("path",{d:"M19.9,12.4c0.1-0.2,0.1-0.5,0-0.8c-0.1-0.1-0.1-0.2-0.2-0.3l-7-7c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l5.3,5.3H5c-0.6,0-1,0.4-1,1s0.4,1,1,1h11.6l-5.3,5.3c-0.4,0.4-0.4,1,0,1.4c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3l7-7C19.8,12.6,19.9,12.5,19.9,12.4z"},null,-1),Il=[Ll];function Yl(e,a){return u(),v("svg",Rl,Il)}const Bl=ce(Nl,[["render",Yl]]),Hl={class:"box"},zl={key:0,class:"icon"},El=["innerHTML"],Fl=["innerHTML"],Wl=["innerHTML"],ql={key:4,class:"link-text"},Ql={class:"link-text-value"},Gl=Q({__name:"VPFeature",props:{icon:{},title:{},details:{},link:{},linkText:{},rel:{},target:{}},setup(e){return(a,t)=>(u(),oe(Tt,{class:"VPFeature",href:a.link,rel:a.rel,target:a.target,"no-icon":!0,tag:a.link?"a":"div"},{default:D(()=>[g("article",Hl,[typeof a.icon=="object"&&a.icon.wrap?(u(),v("div",zl,[W(Ia,{image:a.icon,alt:a.icon.alt,height:a.icon.height||48,width:a.icon.width||48},null,8,["image","alt","height","width"])])):typeof a.icon=="object"?(u(),oe(Ia,{key:1,image:a.icon,alt:a.icon.alt,height:a.icon.height||48,width:a.icon.width||48},null,8,["image","alt","height","width"])):a.icon?(u(),v("div",{key:2,class:"icon",innerHTML:a.icon},null,8,El)):x("",!0),g("h2",{class:"title",innerHTML:a.title},null,8,Fl),a.details?(u(),v("p",{key:3,class:"details",innerHTML:a.details},null,8,Wl)):x("",!0),a.linkText?(u(),v("div",ql,[g("p",Ql,[Ne(ne(a.linkText)+" ",1),W(Bl,{class:"link-text-icon"})])])):x("",!0)])]),_:1},8,["href","rel","target","tag"]))}}),jl=ce(Gl,[["__scopeId","data-v-33204567"]]),Ul={key:0,class:"VPFeatures"},Xl={class:"container"},Kl={class:"items"},Jl=Q({__name:"VPFeatures",props:{features:{}},setup(e){const a=e,t=M(()=>{const n=a.features.length;if(n){if(n===2)return"grid-2";if(n===3)return"grid-3";if(n%3===0)return"grid-6";if(n>3)return"grid-4"}else return});return(n,o)=>n.features?(u(),v("div",Ul,[g("div",Xl,[g("div",Kl,[(u(!0),v(se,null,ye(n.features,r=>(u(),v("div",{key:r.title,class:ve(["item",[t.value]])},[W(jl,{icon:r.icon,title:r.title,details:r.details,link:r.link,"link-text":r.linkText,rel:r.rel,target:r.target},null,8,["icon","title","details","link","link-text","rel","target"])],2))),128))])])])):x("",!0)}}),Zl=ce(Jl,[["__scopeId","data-v-a6181336"]]),ei=Q({__name:"VPHomeFeatures",setup(e){const{frontmatter:a}=Pe();return(t,n)=>l(a).features?(u(),oe(Zl,{key:0,class:"VPHomeFeatures",features:l(a).features},null,8,["features"])):x("",!0)}}),ti={class:"VPHome"},ai=Q({__name:"VPHome",setup(e){return(a,t)=>{const n=ta("Content");return u(),v("div",ti,[$(a.$slots,"home-hero-before",{},void 0,!0),W(Ol,null,{"home-hero-info-before":D(()=>[$(a.$slots,"home-hero-info-before",{},void 0,!0)]),"home-hero-info":D(()=>[$(a.$slots,"home-hero-info",{},void 0,!0)]),"home-hero-info-after":D(()=>[$(a.$slots,"home-hero-info-after",{},void 0,!0)]),"home-hero-actions-after":D(()=>[$(a.$slots,"home-hero-actions-after",{},void 0,!0)]),"home-hero-image":D(()=>[$(a.$slots,"home-hero-image",{},void 0,!0)]),_:3}),$(a.$slots,"home-hero-after",{},void 0,!0),$(a.$slots,"home-features-before",{},void 0,!0),W(ei),$(a.$slots,"home-features-after",{},void 0,!0),W(n)])}}}),ni=ce(ai,[["__scopeId","data-v-c71b6826"]]),oi={},ri={class:"VPPage"};function si(e,a){const t=ta("Content");return u(),v("div",ri,[$(e.$slots,"page-top"),W(t),$(e.$slots,"page-bottom")])}const li=ce(oi,[["render",si]]),ii=Q({__name:"VPContent",setup(e){const{page:a,frontmatter:t}=Pe(),{hasSidebar:n}=Lt();return(o,r)=>(u(),v("div",{class:ve(["VPContent",{"has-sidebar":l(n),"is-home":l(t).layout==="home"}]),id:"VPContent"},[l(a).isNotFound?$(o.$slots,"not-found",{key:0},()=>[W(is)],!0):l(t).layout==="page"?(u(),oe(li,{key:1},{"page-top":D(()=>[$(o.$slots,"page-top",{},void 0,!0)]),"page-bottom":D(()=>[$(o.$slots,"page-bottom",{},void 0,!0)]),_:3})):l(t).layout==="home"?(u(),oe(ni,{key:2},{"home-hero-before":D(()=>[$(o.$slots,"home-hero-before",{},void 0,!0)]),"home-hero-info-before":D(()=>[$(o.$slots,"home-hero-info-before",{},void 0,!0)]),"home-hero-info":D(()=>[$(o.$slots,"home-hero-info",{},void 0,!0)]),"home-hero-info-after":D(()=>[$(o.$slots,"home-hero-info-after",{},void 0,!0)]),"home-hero-actions-after":D(()=>[$(o.$slots,"home-hero-actions-after",{},void 0,!0)]),"home-hero-image":D(()=>[$(o.$slots,"home-hero-image",{},void 0,!0)]),"home-hero-after":D(()=>[$(o.$slots,"home-hero-after",{},void 0,!0)]),"home-features-before":D(()=>[$(o.$slots,"home-features-before",{},void 0,!0)]),"home-features-after":D(()=>[$(o.$slots,"home-features-after",{},void 0,!0)]),_:3})):l(t).layout&&l(t).layout!=="doc"?(u(),oe(Mt(l(t).layout),{key:3})):(u(),oe(hl,{key:4},{"doc-top":D(()=>[$(o.$slots,"doc-top",{},void 0,!0)]),"doc-bottom":D(()=>[$(o.$slots,"doc-bottom",{},void 0,!0)]),"doc-footer-before":D(()=>[$(o.$slots,"doc-footer-before",{},void 0,!0)]),"doc-before":D(()=>[$(o.$slots,"doc-before",{},void 0,!0)]),"doc-after":D(()=>[$(o.$slots,"doc-after",{},void 0,!0)]),"aside-top":D(()=>[$(o.$slots,"aside-top",{},void 0,!0)]),"aside-outline-before":D(()=>[$(o.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":D(()=>[$(o.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":D(()=>[$(o.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":D(()=>[$(o.$slots,"aside-ads-after",{},void 0,!0)]),"aside-bottom":D(()=>[$(o.$slots,"aside-bottom",{},void 0,!0)]),_:3}))],2))}}),ui=ce(ii,[["__scopeId","data-v-1428d186"]]),ci={class:"container"},di=["innerHTML"],mi=["innerHTML"],vi=Q({__name:"VPFooter",setup(e){const{theme:a,frontmatter:t}=Pe(),{hasSidebar:n}=Lt();return(o,r)=>l(a).footer&&l(t).footer!==!1?(u(),v("footer",{key:0,class:ve(["VPFooter",{"has-sidebar":l(n)}])},[g("div",ci,[l(a).footer.message?(u(),v("p",{key:0,class:"message",innerHTML:l(a).footer.message},null,8,di)):x("",!0),l(a).footer.copyright?(u(),v("p",{key:1,class:"copyright",innerHTML:l(a).footer.copyright},null,8,mi)):x("",!0)])],2)):x("",!0)}}),pi=ce(vi,[["__scopeId","data-v-e315a0ad"]]);function No(){const{theme:e,frontmatter:a}=Pe(),t=Do([]),n=M(()=>t.value.length>0);return Ea(()=>{t.value=xn(a.value.outline??e.value.outline)}),{headers:t,hasLocalNav:n}}const hi={},fi={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},yi=g("path",{d:"M9,19c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l5.3-5.3L8.3,6.7c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l6,6c0.4,0.4,0.4,1,0,1.4l-6,6C9.5,18.9,9.3,19,9,19z"},null,-1),gi=[yi];function _i(e,a){return u(),v("svg",fi,gi)}const Ro=ce(hi,[["render",_i]]),bi={class:"header"},wi={class:"outline"},ki=Q({__name:"VPLocalNavOutlineDropdown",props:{headers:{},navHeight:{}},setup(e){const a=e,{theme:t}=Pe(),n=A(!1),o=A(0),r=A(),s=A();Rr(r,()=>{n.value=!1}),Lr("Escape",()=>{n.value=!1}),Ea(()=>{n.value=!1});function i(){n.value=!n.value,o.value=window.innerHeight+Math.min(window.scrollY-a.navHeight,0)}function c(h){h.target.classList.contains("outline-link")&&(s.value&&(s.value.style.transition="none"),Ot(()=>{n.value=!1}))}function _(){n.value=!1,window.scrollTo({top:0,left:0,behavior:"smooth"})}return(h,p)=>(u(),v("div",{class:"VPLocalNavOutlineDropdown",style:ct({"--vp-vh":o.value+"px"}),ref_key:"main",ref:r},[h.headers.length>0?(u(),v("button",{key:0,onClick:i,class:ve({open:n.value})},[Ne(ne(l(Co)(l(t)))+" ",1),W(Ro,{class:"icon"})],2)):(u(),v("button",{key:1,onClick:_},ne(l(t).returnToTopLabel||"Return to top"),1)),W(Rt,{name:"flyout"},{default:D(()=>[n.value?(u(),v("div",{key:0,ref_key:"items",ref:s,class:"items",onClick:c},[g("div",bi,[g("a",{class:"top-link",href:"#",onClick:_},ne(l(t).returnToTopLabel||"Return to top"),1)]),g("div",wi,[W(Oo,{headers:h.headers},null,8,["headers"])])],512)):x("",!0)]),_:1})],4))}}),$i=ce(ki,[["__scopeId","data-v-af18c0d5"]]),Di={},Mi={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},Ti=g("path",{d:"M17,11H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h14c0.6,0,1,0.4,1,1S17.6,11,17,11z"},null,-1),Pi=g("path",{d:"M21,7H3C2.4,7,2,6.6,2,6s0.4-1,1-1h18c0.6,0,1,0.4,1,1S21.6,7,21,7z"},null,-1),xi=g("path",{d:"M21,15H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h18c0.6,0,1,0.4,1,1S21.6,15,21,15z"},null,-1),Si=g("path",{d:"M17,19H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h14c0.6,0,1,0.4,1,1S17.6,19,17,19z"},null,-1),Ai=[Ti,Pi,xi,Si];function Vi(e,a){return u(),v("svg",Mi,Ai)}const Ci=ce(Di,[["render",Vi]]),Oi={class:"container"},Ni=["aria-expanded"],Ri={class:"menu-text"},Li=Q({__name:"VPLocalNav",props:{open:{type:Boolean}},emits:["open-menu"],setup(e){const{theme:a,frontmatter:t}=Pe(),{hasSidebar:n}=Lt(),{headers:o}=No(),{y:r}=xo(),s=A(0);Qe(()=>{s.value=parseInt(getComputedStyle(document.documentElement).getPropertyValue("--vp-nav-height"))}),Ea(()=>{o.value=xn(t.value.outline??a.value.outline)});const i=M(()=>o.value.length===0),c=M(()=>i.value&&!n.value),_=M(()=>({VPLocalNav:!0,"has-sidebar":n.value,empty:i.value,fixed:c.value}));return(h,p)=>l(t).layout!=="home"&&(!c.value||l(r)>=s.value)?(u(),v("div",{key:0,class:ve(_.value)},[g("div",Oi,[l(n)?(u(),v("button",{key:0,class:"menu","aria-expanded":h.open,"aria-controls":"VPSidebarNav",onClick:p[0]||(p[0]=f=>h.$emit("open-menu"))},[W(Ci,{class:"menu-icon"}),g("span",Ri,ne(l(a).sidebarMenuLabel||"Menu"),1)],8,Ni)):x("",!0),W($i,{headers:l(o),navHeight:s.value},null,8,["headers","navHeight"])])],2)):x("",!0)}}),Ii=ce(Li,[["__scopeId","data-v-0282ae07"]]);function Yi(){const e=A(!1);function a(){e.value=!0,window.addEventListener("resize",o)}function t(){e.value=!1,window.removeEventListener("resize",o)}function n(){e.value?t():a()}function o(){window.outerWidth>=768&&t()}const r=Fa();return ot(()=>r.path,t),{isScreenOpen:e,openScreen:a,closeScreen:t,toggleScreen:n}}const Bi={},Hi={class:"VPSwitch",type:"button",role:"switch"},zi={class:"check"},Ei={key:0,class:"icon"};function Fi(e,a){return u(),v("button",Hi,[g("span",zi,[e.$slots.default?(u(),v("span",Ei,[$(e.$slots,"default",{},void 0,!0)])):x("",!0)])])}const Wi=ce(Bi,[["render",Fi],["__scopeId","data-v-b1685198"]]),qi={},Qi={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},Gi=g("path",{d:"M12.1,22c-0.3,0-0.6,0-0.9,0c-5.5-0.5-9.5-5.4-9-10.9c0.4-4.8,4.2-8.6,9-9c0.4,0,0.8,0.2,1,0.5c0.2,0.3,0.2,0.8-0.1,1.1c-2,2.7-1.4,6.4,1.3,8.4c2.1,1.6,5,1.6,7.1,0c0.3-0.2,0.7-0.3,1.1-0.1c0.3,0.2,0.5,0.6,0.5,1c-0.2,2.7-1.5,5.1-3.6,6.8C16.6,21.2,14.4,22,12.1,22zM9.3,4.4c-2.9,1-5,3.6-5.2,6.8c-0.4,4.4,2.8,8.3,7.2,8.7c2.1,0.2,4.2-0.4,5.8-1.8c1.1-0.9,1.9-2.1,2.4-3.4c-2.5,0.9-5.3,0.5-7.5-1.1C9.2,11.4,8.1,7.7,9.3,4.4z"},null,-1),ji=[Gi];function Ui(e,a){return u(),v("svg",Qi,ji)}const Xi=ce(qi,[["render",Ui]]),Ki={},Ji={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},Zi=Ir('',9),eu=[Zi];function tu(e,a){return u(),v("svg",Ji,eu)}const au=ce(Ki,[["render",tu]]),nu=Q({__name:"VPSwitchAppearance",setup(e){const{isDark:a,theme:t}=Pe(),n=Wa("toggle-appearance",()=>{a.value=!a.value}),o=M(()=>a.value?t.value.lightModeSwitchTitle||"Switch to light theme":t.value.darkModeSwitchTitle||"Switch to dark theme");return(r,s)=>(u(),oe(Wi,{title:o.value,class:"VPSwitchAppearance","aria-checked":l(a),onClick:l(n)},{default:D(()=>[W(au,{class:"sun"}),W(Xi,{class:"moon"})]),_:1},8,["title","aria-checked","onClick"]))}}),Sn=ce(nu,[["__scopeId","data-v-1736f215"]]),ou={key:0,class:"VPNavBarAppearance"},ru=Q({__name:"VPNavBarAppearance",setup(e){const{site:a}=Pe();return(t,n)=>l(a).appearance&&l(a).appearance!=="force-dark"?(u(),v("div",ou,[W(Sn)])):x("",!0)}}),su=ce(ru,[["__scopeId","data-v-e6aabb21"]]),An=A();let Lo=!1,nn=0;function lu(e){const a=A(!1);if(pa){!Lo&&iu(),nn++;const t=ot(An,n=>{var o,r,s;n===e.el.value||(o=e.el.value)!=null&&o.contains(n)?(a.value=!0,(r=e.onFocus)==null||r.call(e)):(a.value=!1,(s=e.onBlur)==null||s.call(e))});qt(()=>{t(),nn--,nn||uu()})}return Yr(a)}function iu(){document.addEventListener("focusin",Io),Lo=!0,An.value=document.activeElement}function uu(){document.removeEventListener("focusin",Io)}function Io(){An.value=document.activeElement}const cu={},du={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},mu=g("path",{d:"M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"},null,-1),vu=[mu];function pu(e,a){return u(),v("svg",du,vu)}const Yo=ce(cu,[["render",pu]]),hu={},fu={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},yu=g("circle",{cx:"12",cy:"12",r:"2"},null,-1),gu=g("circle",{cx:"19",cy:"12",r:"2"},null,-1),_u=g("circle",{cx:"5",cy:"12",r:"2"},null,-1),bu=[yu,gu,_u];function wu(e,a){return u(),v("svg",fu,bu)}const ku=ce(hu,[["render",wu]]),$u={class:"VPMenuLink"},Du=Q({__name:"VPMenuLink",props:{item:{}},setup(e){const{page:a}=Pe();return(t,n)=>(u(),v("div",$u,[W(Tt,{class:ve({active:l(ea)(l(a).relativePath,t.item.activeMatch||t.item.link,!!t.item.activeMatch)}),href:t.item.link,target:t.item.target,rel:t.item.rel},{default:D(()=>[Ne(ne(t.item.text),1)]),_:1},8,["class","href","target","rel"])]))}}),qa=ce(Du,[["__scopeId","data-v-43f1e123"]]),Mu={class:"VPMenuGroup"},Tu={key:0,class:"title"},Pu=Q({__name:"VPMenuGroup",props:{text:{},items:{}},setup(e){return(a,t)=>(u(),v("div",Mu,[a.text?(u(),v("p",Tu,ne(a.text),1)):x("",!0),(u(!0),v(se,null,ye(a.items,n=>(u(),v(se,null,["link"in n?(u(),oe(qa,{key:0,item:n},null,8,["item"])):x("",!0)],64))),256))]))}}),xu=ce(Pu,[["__scopeId","data-v-69e747b5"]]),Su={class:"VPMenu"},Au={key:0,class:"items"},Vu=Q({__name:"VPMenu",props:{items:{}},setup(e){return(a,t)=>(u(),v("div",Su,[a.items?(u(),v("div",Au,[(u(!0),v(se,null,ye(a.items,n=>(u(),v(se,{key:n.text},["link"in n?(u(),oe(qa,{key:0,item:n},null,8,["item"])):(u(),oe(xu,{key:1,text:n.text,items:n.items},null,8,["text","items"]))],64))),128))])):x("",!0),$(a.$slots,"default",{},void 0,!0)]))}}),Cu=ce(Vu,[["__scopeId","data-v-e7ea1737"]]),Ou=["aria-expanded","aria-label"],Nu={key:0,class:"text"},Ru=["innerHTML"],Lu={class:"menu"},Iu=Q({__name:"VPFlyout",props:{icon:{},button:{},label:{},items:{}},setup(e){const a=A(!1),t=A();lu({el:t,onBlur:n});function n(){a.value=!1}return(o,r)=>(u(),v("div",{class:"VPFlyout",ref_key:"el",ref:t,onMouseenter:r[1]||(r[1]=s=>a.value=!0),onMouseleave:r[2]||(r[2]=s=>a.value=!1)},[g("button",{type:"button",class:"button","aria-haspopup":"true","aria-expanded":a.value,"aria-label":o.label,onClick:r[0]||(r[0]=s=>a.value=!a.value)},[o.button||o.icon?(u(),v("span",Nu,[o.icon?(u(),oe(Mt(o.icon),{key:0,class:"option-icon"})):x("",!0),o.button?(u(),v("span",{key:1,innerHTML:o.button},null,8,Ru)):x("",!0),W(Yo,{class:"text-icon"})])):(u(),oe(ku,{key:1,class:"icon"}))],8,Ou),g("div",Lu,[W(Cu,{items:o.items},{default:D(()=>[$(o.$slots,"default",{},void 0,!0)]),_:3},8,["items"])])],544))}}),Vn=ce(Iu,[["__scopeId","data-v-9c007e85"]]),Yu={discord:'Discord',facebook:'Facebook',github:'GitHub',instagram:'Instagram',linkedin:'LinkedIn',mastodon:'Mastodon',npm:'npm',slack:'Slack',twitter:'Twitter',x:'X',youtube:'YouTube'},Bu=["href","aria-label","innerHTML"],Hu=Q({__name:"VPSocialLink",props:{icon:{},link:{},ariaLabel:{}},setup(e){const a=e,t=M(()=>typeof a.icon=="object"?a.icon.svg:Yu[a.icon]);return(n,o)=>(u(),v("a",{class:"VPSocialLink no-icon",href:n.link,"aria-label":n.ariaLabel??(typeof n.icon=="string"?n.icon:""),target:"_blank",rel:"noopener",innerHTML:t.value},null,8,Bu))}}),zu=ce(Hu,[["__scopeId","data-v-f80f8133"]]),Eu={class:"VPSocialLinks"},Fu=Q({__name:"VPSocialLinks",props:{links:{}},setup(e){return(a,t)=>(u(),v("div",Eu,[(u(!0),v(se,null,ye(a.links,({link:n,icon:o,ariaLabel:r})=>(u(),oe(zu,{key:n,icon:o,link:n,ariaLabel:r},null,8,["icon","link","ariaLabel"]))),128))]))}}),Cn=ce(Fu,[["__scopeId","data-v-7bc22406"]]),Wu={key:0,class:"group translations"},qu={class:"trans-title"},Qu={key:1,class:"group"},Gu={class:"item appearance"},ju={class:"label"},Uu={class:"appearance-action"},Xu={key:2,class:"group"},Ku={class:"item social-links"},Ju=Q({__name:"VPNavBarExtra",setup(e){const{site:a,theme:t}=Pe(),{localeLinks:n,currentLang:o}=Ta({correspondingLink:!0}),r=M(()=>n.value.length&&o.value.label||a.value.appearance||t.value.socialLinks);return(s,i)=>r.value?(u(),oe(Vn,{key:0,class:"VPNavBarExtra",label:"extra navigation"},{default:D(()=>[l(n).length&&l(o).label?(u(),v("div",Wu,[g("p",qu,ne(l(o).label),1),(u(!0),v(se,null,ye(l(n),c=>(u(),oe(qa,{key:c.link,item:c},null,8,["item"]))),128))])):x("",!0),l(a).appearance&&l(a).appearance!=="force-dark"?(u(),v("div",Qu,[g("div",Gu,[g("p",ju,ne(l(t).darkModeSwitchLabel||"Appearance"),1),g("div",Uu,[W(Sn)])])])):x("",!0),l(t).socialLinks?(u(),v("div",Xu,[g("div",Ku,[W(Cn,{class:"social-links-list",links:l(t).socialLinks},null,8,["links"])])])):x("",!0)]),_:1})):x("",!0)}}),Zu=ce(Ju,[["__scopeId","data-v-d0bd9dde"]]),ec=e=>(mt("data-v-e5dd9c1c"),e=e(),vt(),e),tc=["aria-expanded"],ac=ec(()=>g("span",{class:"container"},[g("span",{class:"top"}),g("span",{class:"middle"}),g("span",{class:"bottom"})],-1)),nc=[ac],oc=Q({__name:"VPNavBarHamburger",props:{active:{type:Boolean}},emits:["click"],setup(e){return(a,t)=>(u(),v("button",{type:"button",class:ve(["VPNavBarHamburger",{active:a.active}]),"aria-label":"mobile navigation","aria-expanded":a.active,"aria-controls":"VPNavScreen",onClick:t[0]||(t[0]=n=>a.$emit("click"))},nc,10,tc))}}),rc=ce(oc,[["__scopeId","data-v-e5dd9c1c"]]),sc=["innerHTML"],lc=Q({__name:"VPNavBarMenuLink",props:{item:{}},setup(e){const{page:a}=Pe();return(t,n)=>(u(),oe(Tt,{class:ve({VPNavBarMenuLink:!0,active:l(ea)(l(a).relativePath,t.item.activeMatch||t.item.link,!!t.item.activeMatch)}),href:t.item.link,target:t.item.target,rel:t.item.rel,tabindex:"0"},{default:D(()=>[g("span",{innerHTML:t.item.text},null,8,sc)]),_:1},8,["class","href","target","rel"]))}}),ic=ce(lc,[["__scopeId","data-v-42ef59de"]]),uc=Q({__name:"VPNavBarMenuGroup",props:{item:{}},setup(e){const a=e,{page:t}=Pe(),n=r=>"link"in r?ea(t.value.relativePath,r.link,!!a.item.activeMatch):r.items.some(n),o=M(()=>n(a.item));return(r,s)=>(u(),oe(Vn,{class:ve({VPNavBarMenuGroup:!0,active:l(ea)(l(t).relativePath,r.item.activeMatch,!!r.item.activeMatch)||o.value}),button:r.item.text,items:r.item.items},null,8,["class","button","items"]))}}),cc=e=>(mt("data-v-7f418b0f"),e=e(),vt(),e),dc={key:0,"aria-labelledby":"main-nav-aria-label",class:"VPNavBarMenu"},mc=cc(()=>g("span",{id:"main-nav-aria-label",class:"visually-hidden"},"Main Navigation",-1)),vc=Q({__name:"VPNavBarMenu",setup(e){const{theme:a}=Pe();return(t,n)=>l(a).nav?(u(),v("nav",dc,[mc,(u(!0),v(se,null,ye(l(a).nav,o=>(u(),v(se,{key:o.text},["link"in o?(u(),oe(ic,{key:0,item:o},null,8,["item"])):(u(),oe(uc,{key:1,item:o},null,8,["item"]))],64))),128))])):x("",!0)}}),pc=ce(vc,[["__scopeId","data-v-7f418b0f"]]);function hc(e){const{localeIndex:a,theme:t}=Pe();function n(o){var S,T,Y;const r=o.split("."),s=(S=t.value.search)==null?void 0:S.options,i=s&&typeof s=="object",c=i&&((Y=(T=s.locales)==null?void 0:T[a.value])==null?void 0:Y.translations)||null,_=i&&s.translations||null;let h=c,p=_,f=e;const y=r.pop();for(const te of r){let U=null;const P=f==null?void 0:f[te];P&&(U=f=P);const B=p==null?void 0:p[te];B&&(U=p=B);const z=h==null?void 0:h[te];z&&(U=h=z),P||(f=U),B||(p=U),z||(h=U)}return(h==null?void 0:h[y])??(p==null?void 0:p[y])??(f==null?void 0:f[y])??""}return n}const fc=["aria-label"],yc={class:"DocSearch-Button-Container"},gc=g("svg",{class:"DocSearch-Search-Icon",width:"20",height:"20",viewBox:"0 0 20 20","aria-label":"search icon"},[g("path",{d:"M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z",stroke:"currentColor",fill:"none","fill-rule":"evenodd","stroke-linecap":"round","stroke-linejoin":"round"})],-1),_c={class:"DocSearch-Button-Placeholder"},bc=g("span",{class:"DocSearch-Button-Keys"},[g("kbd",{class:"DocSearch-Button-Key"}),g("kbd",{class:"DocSearch-Button-Key"},"K")],-1),ao=Q({__name:"VPNavBarSearchButton",setup(e){const t=hc({button:{buttonText:"Search",buttonAriaLabel:"Search"}});return(n,o)=>(u(),v("button",{type:"button",class:"DocSearch DocSearch-Button","aria-label":l(t)("button.buttonAriaLabel")},[g("span",yc,[gc,g("span",_c,ne(l(t)("button.buttonText")),1)]),bc],8,fc))}}),wc={class:"VPNavBarSearch"},kc={id:"local-search"},$c={key:1,id:"docsearch"},Dc=Q({__name:"VPNavBarSearch",setup(e){const a=()=>null,t=Mo(()=>To(()=>import("./VPAlgoliaSearchBox.OJSKcbJR.js"),__vite__mapDeps([2,1]))),{theme:n}=Pe(),o=A(!1),r=A(!1),s=()=>{const f="VPAlgoliaPreconnect";(window.requestIdleCallback||setTimeout)(()=>{var T;const S=document.createElement("link");S.id=f,S.rel="preconnect",S.href=`https://${(((T=n.value.search)==null?void 0:T.options)??n.value.algolia).appId}-dsn.algolia.net`,S.crossOrigin="",document.head.appendChild(S)})};Qe(()=>{s();const f=S=>{(S.key.toLowerCase()==="k"&&(S.metaKey||S.ctrlKey)||!_(S)&&S.key==="/")&&(S.preventDefault(),i(),y())},y=()=>{window.removeEventListener("keydown",f)};window.addEventListener("keydown",f),qt(y)});function i(){o.value||(o.value=!0,setTimeout(c,16))}function c(){const f=new Event("keydown");f.key="k",f.metaKey=!0,window.dispatchEvent(f),setTimeout(()=>{document.querySelector(".DocSearch-Modal")||c()},16)}function _(f){const y=f.target,S=y.tagName;return y.isContentEditable||S==="INPUT"||S==="SELECT"||S==="TEXTAREA"}const h=A(!1),p="algolia";return(f,y)=>{var S;return u(),v("div",wc,[l(p)==="local"?(u(),v(se,{key:0},[h.value?(u(),oe(l(a),{key:0,onClose:y[0]||(y[0]=T=>h.value=!1)})):x("",!0),g("div",kc,[W(ao,{onClick:y[1]||(y[1]=T=>h.value=!0)})])],64)):l(p)==="algolia"?(u(),v(se,{key:1},[o.value?(u(),oe(l(t),{key:0,algolia:((S=l(n).search)==null?void 0:S.options)??l(n).algolia,onVnodeBeforeMount:y[2]||(y[2]=T=>r.value=!0)},null,8,["algolia"])):x("",!0),r.value?x("",!0):(u(),v("div",$c,[W(ao,{onClick:i})]))],64)):x("",!0)])}}}),Mc=Q({__name:"VPNavBarSocialLinks",setup(e){const{theme:a}=Pe();return(t,n)=>l(a).socialLinks?(u(),oe(Cn,{key:0,class:"VPNavBarSocialLinks",links:l(a).socialLinks},null,8,["links"])):x("",!0)}}),Tc=ce(Mc,[["__scopeId","data-v-0394ad82"]]),Pc=["href","rel","target"],xc={key:1},Sc={key:2},Ac=Q({__name:"VPNavBarTitle",setup(e){const{site:a,theme:t}=Pe(),{hasSidebar:n}=Lt(),{currentLang:o}=Ta(),r=M(()=>{var c;return typeof t.value.logoLink=="string"?t.value.logoLink:(c=t.value.logoLink)==null?void 0:c.link}),s=M(()=>{var c;return typeof t.value.logoLink=="string"||(c=t.value.logoLink)==null?void 0:c.rel}),i=M(()=>{var c;return typeof t.value.logoLink=="string"||(c=t.value.logoLink)==null?void 0:c.target});return(c,_)=>(u(),v("div",{class:ve(["VPNavBarTitle",{"has-sidebar":l(n)}])},[g("a",{class:"title",href:r.value??l(Tn)(l(o).link),rel:s.value,target:i.value},[$(c.$slots,"nav-bar-title-before",{},void 0,!0),l(t).logo?(u(),oe(Ia,{key:0,class:"logo",image:l(t).logo},null,8,["image"])):x("",!0),l(t).siteTitle?(u(),v("span",xc,ne(l(t).siteTitle),1)):l(t).siteTitle===void 0?(u(),v("span",Sc,ne(l(a).title),1)):x("",!0),$(c.$slots,"nav-bar-title-after",{},void 0,!0)],8,Pc)],2))}}),Vc=ce(Ac,[["__scopeId","data-v-ab179fa1"]]),Cc={},Oc={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},Nc=g("path",{d:"M0 0h24v24H0z",fill:"none"},null,-1),Rc=g("path",{d:" M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z ",class:"css-c4d79v"},null,-1),Lc=[Nc,Rc];function Ic(e,a){return u(),v("svg",Oc,Lc)}const Bo=ce(Cc,[["render",Ic]]),Yc={class:"items"},Bc={class:"title"},Hc=Q({__name:"VPNavBarTranslations",setup(e){const{theme:a}=Pe(),{localeLinks:t,currentLang:n}=Ta({correspondingLink:!0});return(o,r)=>l(t).length&&l(n).label?(u(),oe(Vn,{key:0,class:"VPNavBarTranslations",icon:Bo,label:l(a).langMenuLabel||"Change language"},{default:D(()=>[g("div",Yc,[g("p",Bc,ne(l(n).label),1),(u(!0),v(se,null,ye(l(t),s=>(u(),oe(qa,{key:s.link,item:s},null,8,["item"]))),128))])]),_:1},8,["label"])):x("",!0)}}),zc=ce(Hc,[["__scopeId","data-v-74abcbb9"]]),Ec=e=>(mt("data-v-19c990f1"),e=e(),vt(),e),Fc={class:"wrapper"},Wc={class:"container"},qc={class:"title"},Qc={class:"content"},Gc={class:"content-body"},jc=Ec(()=>g("div",{class:"divider"},[g("div",{class:"divider-line"})],-1)),Uc=Q({__name:"VPNavBar",props:{isScreenOpen:{type:Boolean}},emits:["toggle-screen"],setup(e){const{y:a}=xo(),{hasSidebar:t}=Lt(),{hasLocalNav:n}=No(),{frontmatter:o}=Pe(),r=A({});return $o(()=>{r.value={"has-sidebar":t.value,"has-local-nav":n.value,top:o.value.layout==="home"&&a.value===0}}),(s,i)=>(u(),v("div",{class:ve(["VPNavBar",r.value])},[g("div",Fc,[g("div",Wc,[g("div",qc,[W(Vc,null,{"nav-bar-title-before":D(()=>[$(s.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":D(()=>[$(s.$slots,"nav-bar-title-after",{},void 0,!0)]),_:3})]),g("div",Qc,[g("div",Gc,[$(s.$slots,"nav-bar-content-before",{},void 0,!0),W(Dc,{class:"search"}),W(pc,{class:"menu"}),W(zc,{class:"translations"}),W(su,{class:"appearance"}),W(Tc,{class:"social-links"}),W(Zu,{class:"extra"}),$(s.$slots,"nav-bar-content-after",{},void 0,!0),W(rc,{class:"hamburger",active:s.isScreenOpen,onClick:i[0]||(i[0]=c=>s.$emit("toggle-screen"))},null,8,["active"])])])])]),jc],2))}}),Xc=ce(Uc,[["__scopeId","data-v-19c990f1"]]),Kc={key:0,class:"VPNavScreenAppearance"},Jc={class:"text"},Zc=Q({__name:"VPNavScreenAppearance",setup(e){const{site:a,theme:t}=Pe();return(n,o)=>l(a).appearance&&l(a).appearance!=="force-dark"?(u(),v("div",Kc,[g("p",Jc,ne(l(t).darkModeSwitchLabel||"Appearance"),1),W(Sn)])):x("",!0)}}),ed=ce(Zc,[["__scopeId","data-v-2d7af913"]]),td=Q({__name:"VPNavScreenMenuLink",props:{item:{}},setup(e){const a=Wa("close-screen");return(t,n)=>(u(),oe(Tt,{class:"VPNavScreenMenuLink",href:t.item.link,target:t.item.target,rel:t.item.rel,onClick:l(a)},{default:D(()=>[Ne(ne(t.item.text),1)]),_:1},8,["href","target","rel","onClick"]))}}),ad=ce(td,[["__scopeId","data-v-05f27b2a"]]),nd={},od={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},rd=g("path",{d:"M18.9,10.9h-6v-6c0-0.6-0.4-1-1-1s-1,0.4-1,1v6h-6c-0.6,0-1,0.4-1,1s0.4,1,1,1h6v6c0,0.6,0.4,1,1,1s1-0.4,1-1v-6h6c0.6,0,1-0.4,1-1S19.5,10.9,18.9,10.9z"},null,-1),sd=[rd];function ld(e,a){return u(),v("svg",od,sd)}const id=ce(nd,[["render",ld]]),ud=Q({__name:"VPNavScreenMenuGroupLink",props:{item:{}},setup(e){const a=Wa("close-screen");return(t,n)=>(u(),oe(Tt,{class:"VPNavScreenMenuGroupLink",href:t.item.link,target:t.item.target,rel:t.item.rel,onClick:l(a)},{default:D(()=>[Ne(ne(t.item.text),1)]),_:1},8,["href","target","rel","onClick"]))}}),Ho=ce(ud,[["__scopeId","data-v-19976ae1"]]),cd={class:"VPNavScreenMenuGroupSection"},dd={key:0,class:"title"},md=Q({__name:"VPNavScreenMenuGroupSection",props:{text:{},items:{}},setup(e){return(a,t)=>(u(),v("div",cd,[a.text?(u(),v("p",dd,ne(a.text),1)):x("",!0),(u(!0),v(se,null,ye(a.items,n=>(u(),oe(Ho,{key:n.text,item:n},null,8,["item"]))),128))]))}}),vd=ce(md,[["__scopeId","data-v-8133b170"]]),pd=["aria-controls","aria-expanded"],hd=["innerHTML"],fd=["id"],yd={key:1,class:"group"},gd=Q({__name:"VPNavScreenMenuGroup",props:{text:{},items:{}},setup(e){const a=e,t=A(!1),n=M(()=>`NavScreenGroup-${a.text.replace(" ","-").toLowerCase()}`);function o(){t.value=!t.value}return(r,s)=>(u(),v("div",{class:ve(["VPNavScreenMenuGroup",{open:t.value}])},[g("button",{class:"button","aria-controls":n.value,"aria-expanded":t.value,onClick:o},[g("span",{class:"button-text",innerHTML:r.text},null,8,hd),W(id,{class:"button-icon"})],8,pd),g("div",{id:n.value,class:"items"},[(u(!0),v(se,null,ye(r.items,i=>(u(),v(se,{key:i.text},["link"in i?(u(),v("div",{key:i.text,class:"item"},[W(Ho,{item:i},null,8,["item"])])):(u(),v("div",yd,[W(vd,{text:i.text,items:i.items},null,8,["text","items"])]))],64))),128))],8,fd)],2))}}),_d=ce(gd,[["__scopeId","data-v-65ef89ca"]]),bd={key:0,class:"VPNavScreenMenu"},wd=Q({__name:"VPNavScreenMenu",setup(e){const{theme:a}=Pe();return(t,n)=>l(a).nav?(u(),v("nav",bd,[(u(!0),v(se,null,ye(l(a).nav,o=>(u(),v(se,{key:o.text},["link"in o?(u(),oe(ad,{key:0,item:o},null,8,["item"])):(u(),oe(_d,{key:1,text:o.text||"",items:o.items},null,8,["text","items"]))],64))),128))])):x("",!0)}}),kd=Q({__name:"VPNavScreenSocialLinks",setup(e){const{theme:a}=Pe();return(t,n)=>l(a).socialLinks?(u(),oe(Cn,{key:0,class:"VPNavScreenSocialLinks",links:l(a).socialLinks},null,8,["links"])):x("",!0)}}),$d={class:"list"},Dd=Q({__name:"VPNavScreenTranslations",setup(e){const{localeLinks:a,currentLang:t}=Ta({correspondingLink:!0}),n=A(!1);function o(){n.value=!n.value}return(r,s)=>l(a).length&&l(t).label?(u(),v("div",{key:0,class:ve(["VPNavScreenTranslations",{open:n.value}])},[g("button",{class:"title",onClick:o},[W(Bo,{class:"icon lang"}),Ne(" "+ne(l(t).label)+" ",1),W(Yo,{class:"icon chevron"})]),g("ul",$d,[(u(!0),v(se,null,ye(l(a),i=>(u(),v("li",{key:i.link,class:"item"},[W(Tt,{class:"link",href:i.link},{default:D(()=>[Ne(ne(i.text),1)]),_:2},1032,["href"])]))),128))])],2)):x("",!0)}}),Md=ce(Dd,[["__scopeId","data-v-d72aa483"]]),Td={class:"container"},Pd=Q({__name:"VPNavScreen",props:{open:{type:Boolean}},setup(e){const a=A(null),t=So(pa?document.body:null);return(n,o)=>(u(),oe(Rt,{name:"fade",onEnter:o[0]||(o[0]=r=>t.value=!0),onAfterLeave:o[1]||(o[1]=r=>t.value=!1)},{default:D(()=>[n.open?(u(),v("div",{key:0,class:"VPNavScreen",ref_key:"screen",ref:a,id:"VPNavScreen"},[g("div",Td,[$(n.$slots,"nav-screen-content-before",{},void 0,!0),W(wd,{class:"menu"}),W(Md,{class:"translations"}),W(ed,{class:"appearance"}),W(kd,{class:"social-links"}),$(n.$slots,"nav-screen-content-after",{},void 0,!0)])],512)):x("",!0)]),_:3}))}}),xd=ce(Pd,[["__scopeId","data-v-cc5739dd"]]),Sd={key:0,class:"VPNav"},Ad=Q({__name:"VPNav",setup(e){const{isScreenOpen:a,closeScreen:t,toggleScreen:n}=Yi(),{frontmatter:o}=Pe(),r=M(()=>o.value.navbar!==!1);return Ao("close-screen",t),za(()=>{pa&&document.documentElement.classList.toggle("hide-nav",!r.value)}),(s,i)=>r.value?(u(),v("header",Sd,[W(Xc,{"is-screen-open":l(a),onToggleScreen:l(n)},{"nav-bar-title-before":D(()=>[$(s.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":D(()=>[$(s.$slots,"nav-bar-title-after",{},void 0,!0)]),"nav-bar-content-before":D(()=>[$(s.$slots,"nav-bar-content-before",{},void 0,!0)]),"nav-bar-content-after":D(()=>[$(s.$slots,"nav-bar-content-after",{},void 0,!0)]),_:3},8,["is-screen-open","onToggleScreen"]),W(xd,{open:l(a)},{"nav-screen-content-before":D(()=>[$(s.$slots,"nav-screen-content-before",{},void 0,!0)]),"nav-screen-content-after":D(()=>[$(s.$slots,"nav-screen-content-after",{},void 0,!0)]),_:3},8,["open"])])):x("",!0)}}),Vd=ce(Ad,[["__scopeId","data-v-ae24b3ad"]]),Cd=e=>(mt("data-v-e31bd47b"),e=e(),vt(),e),Od=["role","tabindex"],Nd=Cd(()=>g("div",{class:"indicator"},null,-1)),Rd={key:1,class:"items"},Ld=Q({__name:"VPSidebarItem",props:{item:{},depth:{}},setup(e){const a=e,{collapsed:t,collapsible:n,isLink:o,isActiveLink:r,hasActiveLink:s,hasChildren:i,toggle:c}=ms(M(()=>a.item)),_=M(()=>i.value?"section":"div"),h=M(()=>o.value?"a":"div"),p=M(()=>i.value?a.depth+2===7?"p":`h${a.depth+2}`:"p"),f=M(()=>o.value?void 0:"button"),y=M(()=>[[`level-${a.depth}`],{collapsible:n.value},{collapsed:t.value},{"is-link":o.value},{"is-active":r.value},{"has-active":s.value}]);function S(Y){"key"in Y&&Y.key!=="Enter"||!a.item.link&&c()}function T(){a.item.link&&c()}return(Y,te)=>{const U=ta("VPSidebarItem",!0);return u(),oe(Mt(_.value),{class:ve(["VPSidebarItem",y.value])},{default:D(()=>[Y.item.text?(u(),v("div",Re({key:0,class:"item",role:f.value},Br(Y.item.items?{click:S,keydown:S}:{},!0),{tabindex:Y.item.items&&0}),[Nd,Y.item.link?(u(),oe(Tt,{key:0,tag:h.value,class:"link",href:Y.item.link,rel:Y.item.rel,target:Y.item.target},{default:D(()=>[(u(),oe(Mt(p.value),{class:"text",innerHTML:Y.item.text},null,8,["innerHTML"]))]),_:1},8,["tag","href","rel","target"])):(u(),oe(Mt(p.value),{key:1,class:"text",innerHTML:Y.item.text},null,8,["innerHTML"])),Y.item.collapsed!=null?(u(),v("div",{key:2,class:"caret",role:"button","aria-label":"toggle section",onClick:T,onKeydown:ke(T,["enter"]),tabindex:"0"},[W(Ro,{class:"caret-icon"})],32)):x("",!0)],16,Od)):x("",!0),Y.item.items&&Y.item.items.length?(u(),v("div",Rd,[Y.depth<5?(u(!0),v(se,{key:0},ye(Y.item.items,P=>(u(),oe(U,{key:P.text,item:P,depth:Y.depth+1},null,8,["item","depth"]))),128)):x("",!0)])):x("",!0)]),_:1},8,["class"])}}}),Id=ce(Ld,[["__scopeId","data-v-e31bd47b"]]),zo=e=>(mt("data-v-575e6a36"),e=e(),vt(),e),Yd=zo(()=>g("div",{class:"curtain"},null,-1)),Bd={class:"nav",id:"VPSidebarNav","aria-labelledby":"sidebar-aria-label",tabindex:"-1"},Hd=zo(()=>g("span",{class:"visually-hidden",id:"sidebar-aria-label"}," Sidebar Navigation ",-1)),zd=Q({__name:"VPSidebar",props:{open:{type:Boolean}},setup(e){const{sidebarGroups:a,hasSidebar:t}=Lt(),n=e,o=A(null),r=So(pa?document.body:null);return ot([n,o],()=>{var s;n.open?(r.value=!0,(s=o.value)==null||s.focus()):r.value=!1},{immediate:!0,flush:"post"}),(s,i)=>l(t)?(u(),v("aside",{key:0,class:ve(["VPSidebar",{open:s.open}]),ref_key:"navEl",ref:o,onClick:i[0]||(i[0]=Ie(()=>{},["stop"]))},[Yd,g("nav",Bd,[Hd,$(s.$slots,"sidebar-nav-before",{},void 0,!0),(u(!0),v(se,null,ye(l(a),c=>(u(),v("div",{key:c.text,class:"group"},[W(Id,{item:c,depth:0},null,8,["item"])]))),128)),$(s.$slots,"sidebar-nav-after",{},void 0,!0)])],2)):x("",!0)}}),Ed=ce(zd,[["__scopeId","data-v-575e6a36"]]),Fd=Q({__name:"VPSkipLink",setup(e){const a=Fa(),t=A();ot(()=>a.path,()=>t.value.focus());function n({target:o}){const r=document.getElementById(decodeURIComponent(o.hash).slice(1));if(r){const s=()=>{r.removeAttribute("tabindex"),r.removeEventListener("blur",s)};r.setAttribute("tabindex","-1"),r.addEventListener("blur",s),r.focus(),window.scrollTo(0,0)}}return(o,r)=>(u(),v(se,null,[g("span",{ref_key:"backToTop",ref:t,tabindex:"-1"},null,512),g("a",{href:"#VPContent",class:"VPSkipLink visually-hidden",onClick:n}," Skip to content ")],64))}}),Wd=ce(Fd,[["__scopeId","data-v-0f60ec36"]]),qd=Q({__name:"Layout",setup(e){const{isOpen:a,open:t,close:n}=Lt(),o=Fa();ot(()=>o.path,n),ds(a,n);const{frontmatter:r}=Pe(),s=Qt(),i=M(()=>!!s["home-hero-image"]);return Ao("hero-image-slot-exists",i),(c,_)=>{const h=ta("Content");return l(r).layout!==!1?(u(),v("div",{key:0,class:ve(["Layout",l(r).pageClass])},[$(c.$slots,"layout-top",{},void 0,!0),W(Wd),W(Xr,{class:"backdrop",show:l(a),onClick:l(n)},null,8,["show","onClick"]),W(Vd,null,{"nav-bar-title-before":D(()=>[$(c.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":D(()=>[$(c.$slots,"nav-bar-title-after",{},void 0,!0)]),"nav-bar-content-before":D(()=>[$(c.$slots,"nav-bar-content-before",{},void 0,!0)]),"nav-bar-content-after":D(()=>[$(c.$slots,"nav-bar-content-after",{},void 0,!0)]),"nav-screen-content-before":D(()=>[$(c.$slots,"nav-screen-content-before",{},void 0,!0)]),"nav-screen-content-after":D(()=>[$(c.$slots,"nav-screen-content-after",{},void 0,!0)]),_:3}),W(Ii,{open:l(a),onOpenMenu:l(t)},null,8,["open","onOpenMenu"]),W(Ed,{open:l(a)},{"sidebar-nav-before":D(()=>[$(c.$slots,"sidebar-nav-before",{},void 0,!0)]),"sidebar-nav-after":D(()=>[$(c.$slots,"sidebar-nav-after",{},void 0,!0)]),_:3},8,["open"]),W(ui,null,{"page-top":D(()=>[$(c.$slots,"page-top",{},void 0,!0)]),"page-bottom":D(()=>[$(c.$slots,"page-bottom",{},void 0,!0)]),"not-found":D(()=>[$(c.$slots,"not-found",{},void 0,!0)]),"home-hero-before":D(()=>[$(c.$slots,"home-hero-before",{},void 0,!0)]),"home-hero-info-before":D(()=>[$(c.$slots,"home-hero-info-before",{},void 0,!0)]),"home-hero-info":D(()=>[$(c.$slots,"home-hero-info",{},void 0,!0)]),"home-hero-info-after":D(()=>[$(c.$slots,"home-hero-info-after",{},void 0,!0)]),"home-hero-actions-after":D(()=>[$(c.$slots,"home-hero-actions-after",{},void 0,!0)]),"home-hero-image":D(()=>[$(c.$slots,"home-hero-image",{},void 0,!0)]),"home-hero-after":D(()=>[$(c.$slots,"home-hero-after",{},void 0,!0)]),"home-features-before":D(()=>[$(c.$slots,"home-features-before",{},void 0,!0)]),"home-features-after":D(()=>[$(c.$slots,"home-features-after",{},void 0,!0)]),"doc-footer-before":D(()=>[$(c.$slots,"doc-footer-before",{},void 0,!0)]),"doc-before":D(()=>[$(c.$slots,"doc-before",{},void 0,!0)]),"doc-after":D(()=>[$(c.$slots,"doc-after",{},void 0,!0)]),"doc-top":D(()=>[$(c.$slots,"doc-top",{},void 0,!0)]),"doc-bottom":D(()=>[$(c.$slots,"doc-bottom",{},void 0,!0)]),"aside-top":D(()=>[$(c.$slots,"aside-top",{},void 0,!0)]),"aside-bottom":D(()=>[$(c.$slots,"aside-bottom",{},void 0,!0)]),"aside-outline-before":D(()=>[$(c.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":D(()=>[$(c.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":D(()=>[$(c.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":D(()=>[$(c.$slots,"aside-ads-after",{},void 0,!0)]),_:3}),W(pi),$(c.$slots,"layout-bottom",{},void 0,!0)],2)):(u(),oe(h,{key:1}))}}}),Qd=ce(qd,[["__scopeId","data-v-5d98c3a5"]]),Gd={Layout:Qd,enhanceApp:({app:e})=>{e.component("Badge",Gr)}},jd={},Ud={class:"star-and-sponsor"},Xd=g("p",null,[Ne(" ⭐ If you like the component, give it a star on "),g("a",{class:"home-link",href:"https://github.com/Vuepic/vue-datepicker",target:"_blank"},"GitHub"),Ne(" and consider "),g("a",{class:"home-link",href:"https://github.com/sponsors/Vuepic",target:"_blank"},"sponsoring"),Ne(" its development! ⭐ ")],-1),Kd=[Xd];function Jd(e,a){return u(),v("div",Ud,Kd)}const Zd=ce(jd,[["render",Jd]]);function pe(e){const a=Object.prototype.toString.call(e);return e instanceof Date||typeof e=="object"&&a==="[object Date]"?new e.constructor(+e):typeof e=="number"||a==="[object Number]"||typeof e=="string"||a==="[object String]"?new Date(e):new Date(NaN)}function Ye(e,a){return e instanceof Date?new e.constructor(a):new Date(a)}function je(e,a){const t=pe(e);return isNaN(a)?Ye(e,NaN):(a&&t.setDate(t.getDate()+a),t)}function lt(e,a){const t=pe(e);if(isNaN(a))return Ye(e,NaN);if(!a)return t;const n=t.getDate(),o=Ye(e,t.getTime());o.setMonth(t.getMonth()+a+1,0);const r=o.getDate();return n>=r?o:(t.setFullYear(o.getFullYear(),o.getMonth(),n),t)}function Eo(e,a){const{years:t=0,months:n=0,weeks:o=0,days:r=0,hours:s=0,minutes:i=0,seconds:c=0}=a,_=pe(e),h=n||t?lt(_,n+t*12):_,p=r||o?je(h,r+o*7):h,f=i+s*60,S=(c+f*60)*1e3;return Ye(e,p.getTime()+S)}const Fo=6048e5,em=864e5,tm=6e4,am=36e5,nm=1e3;let om={};function aa(){return om}function xt(e,a){var i,c,_,h;const t=aa(),n=(a==null?void 0:a.weekStartsOn)??((c=(i=a==null?void 0:a.locale)==null?void 0:i.options)==null?void 0:c.weekStartsOn)??t.weekStartsOn??((h=(_=t.locale)==null?void 0:_.options)==null?void 0:h.weekStartsOn)??0,o=pe(e),r=o.getDay(),s=(r=o.getTime()?t+1:a.getTime()>=s.getTime()?t:t-1}function no(e){const a=pe(e);return a.setHours(0,0,0,0),a}function Ya(e){const a=pe(e),t=new Date(Date.UTC(a.getFullYear(),a.getMonth(),a.getDate(),a.getHours(),a.getMinutes(),a.getSeconds(),a.getMilliseconds()));return t.setUTCFullYear(a.getFullYear()),+e-+t}function qo(e,a){const t=no(e),n=no(a),o=+t-Ya(t),r=+n-Ya(n);return Math.round((o-r)/em)}function rm(e){const a=Wo(e),t=Ye(e,0);return t.setFullYear(a,0,4),t.setHours(0,0,0,0),ca(t)}function sm(e,a){const t=a*3;return lt(e,t)}function On(e,a){return lt(e,a*12)}function Qo(e){return e instanceof Date||typeof e=="object"&&Object.prototype.toString.call(e)==="[object Date]"}function ba(e){if(!Qo(e)&&typeof e!="number")return!1;const a=pe(e);return!isNaN(Number(a))}function oo(e){const a=pe(e);return Math.trunc(a.getMonth()/3)+1}function ro(e){const a=pe(e),t=a.getMonth();return a.setFullYear(a.getFullYear(),t+1,0),a.setHours(23,59,59,999),a}function Go(e,a){const t=pe(e.start),n=pe(e.end);let o=+t>+n;const r=o?+t:+n,s=o?n:t;s.setHours(0,0,0,0);let i=(a==null?void 0:a.step)??1;if(!i)return[];i<0&&(i=-i,o=!o);const c=[];for(;+s<=r;)c.push(pe(s)),s.setDate(s.getDate()+i),s.setHours(0,0,0,0);return o?c.reverse():c}function Ht(e){const a=pe(e),t=a.getMonth(),n=t-t%3;return a.setMonth(n,1),a.setHours(0,0,0,0),a}function lm(e,a){const t=pe(e.start),n=pe(e.end);let o=+t>+n;const r=o?+Ht(t):+Ht(n);let s=Ht(o?n:t),i=(a==null?void 0:a.step)??1;if(!i)return[];i<0&&(i=-i,o=!o);const c=[];for(;+s<=r;)c.push(pe(s)),s=sm(s,i);return o?c.reverse():c}function so(e){const a=pe(e);return a.setDate(1),a.setHours(0,0,0,0),a}function jo(e){const a=pe(e),t=a.getFullYear();return a.setFullYear(t+1,0,0),a.setHours(23,59,59,999),a}function Nn(e){const a=pe(e),t=Ye(e,0);return t.setFullYear(a.getFullYear(),0,1),t.setHours(0,0,0,0),t}function im(e,a){var i,c,_,h;const t=aa(),n=(a==null?void 0:a.weekStartsOn)??((c=(i=a==null?void 0:a.locale)==null?void 0:i.options)==null?void 0:c.weekStartsOn)??t.weekStartsOn??((h=(_=t.locale)==null?void 0:_.options)==null?void 0:h.weekStartsOn)??0,o=pe(e),r=o.getDay(),s=(r{let n;const o=um[e];return typeof o=="string"?n=o:a===1?n=o.one:n=o.other.replace("{{count}}",a.toString()),t!=null&&t.addSuffix?t.comparison&&t.comparison>0?"in "+n:n+" ago":n};function ua(e){return(a={})=>{const t=a.width?String(a.width):e.defaultWidth;return e.formats[t]||e.formats[e.defaultWidth]}}const dm={full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},mm={full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},vm={full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},pm={date:ua({formats:dm,defaultWidth:"full"}),time:ua({formats:mm,defaultWidth:"full"}),dateTime:ua({formats:vm,defaultWidth:"full"})},hm={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"},fm=(e,a,t,n)=>hm[e];function bt(e){return(a,t)=>{const n=t!=null&&t.context?String(t.context):"standalone";let o;if(n==="formatting"&&e.formattingValues){const s=e.defaultFormattingWidth||e.defaultWidth,i=t!=null&&t.width?String(t.width):s;o=e.formattingValues[i]||e.formattingValues[s]}else{const s=e.defaultWidth,i=t!=null&&t.width?String(t.width):e.defaultWidth;o=e.values[i]||e.values[s]}const r=e.argumentCallback?e.argumentCallback(a):a;return o[r]}}const ym={narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},gm={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},_m={narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},bm={narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},wm={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},km={narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},$m=(e,a)=>{const t=Number(e),n=t%100;if(n>20||n<10)switch(n%10){case 1:return t+"st";case 2:return t+"nd";case 3:return t+"rd"}return t+"th"},Dm={ordinalNumber:$m,era:bt({values:ym,defaultWidth:"wide"}),quarter:bt({values:gm,defaultWidth:"wide",argumentCallback:e=>e-1}),month:bt({values:_m,defaultWidth:"wide"}),day:bt({values:bm,defaultWidth:"wide"}),dayPeriod:bt({values:wm,defaultWidth:"wide",formattingValues:km,defaultFormattingWidth:"wide"})};function wt(e){return(a,t={})=>{const n=t.width,o=n&&e.matchPatterns[n]||e.matchPatterns[e.defaultMatchWidth],r=a.match(o);if(!r)return null;const s=r[0],i=n&&e.parsePatterns[n]||e.parsePatterns[e.defaultParseWidth],c=Array.isArray(i)?Tm(i,p=>p.test(s)):Mm(i,p=>p.test(s));let _;_=e.valueCallback?e.valueCallback(c):c,_=t.valueCallback?t.valueCallback(_):_;const h=a.slice(s.length);return{value:_,rest:h}}}function Mm(e,a){for(const t in e)if(Object.prototype.hasOwnProperty.call(e,t)&&a(e[t]))return t}function Tm(e,a){for(let t=0;t{const n=a.match(e.matchPattern);if(!n)return null;const o=n[0],r=a.match(e.parsePattern);if(!r)return null;let s=e.valueCallback?e.valueCallback(r[0]):r[0];s=t.valueCallback?t.valueCallback(s):s;const i=a.slice(o.length);return{value:s,rest:i}}}const Pm=/^(\d+)(th|st|nd|rd)?/i,xm=/\d+/i,Sm={narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},Am={any:[/^b/i,/^(a|c)/i]},Vm={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},Cm={any:[/1/i,/2/i,/3/i,/4/i]},Om={narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},Nm={narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},Rm={narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},Lm={narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},Im={narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},Ym={any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},Bm={ordinalNumber:Uo({matchPattern:Pm,parsePattern:xm,valueCallback:e=>parseInt(e,10)}),era:wt({matchPatterns:Sm,defaultMatchWidth:"wide",parsePatterns:Am,defaultParseWidth:"any"}),quarter:wt({matchPatterns:Vm,defaultMatchWidth:"wide",parsePatterns:Cm,defaultParseWidth:"any",valueCallback:e=>e+1}),month:wt({matchPatterns:Om,defaultMatchWidth:"wide",parsePatterns:Nm,defaultParseWidth:"any"}),day:wt({matchPatterns:Rm,defaultMatchWidth:"wide",parsePatterns:Lm,defaultParseWidth:"any"}),dayPeriod:wt({matchPatterns:Im,defaultMatchWidth:"any",parsePatterns:Ym,defaultParseWidth:"any"})},Xo={code:"en-US",formatDistance:cm,formatLong:pm,formatRelative:fm,localize:Dm,match:Bm,options:{weekStartsOn:0,firstWeekContainsDate:1}};function Hm(e){const a=pe(e);return qo(a,Nn(a))+1}function Rn(e){const a=pe(e),t=+ca(a)-+rm(a);return Math.round(t/Fo)+1}function Ln(e,a){var h,p,f,y;const t=pe(e),n=t.getFullYear(),o=aa(),r=(a==null?void 0:a.firstWeekContainsDate)??((p=(h=a==null?void 0:a.locale)==null?void 0:h.options)==null?void 0:p.firstWeekContainsDate)??o.firstWeekContainsDate??((y=(f=o.locale)==null?void 0:f.options)==null?void 0:y.firstWeekContainsDate)??1,s=Ye(e,0);s.setFullYear(n+1,0,r),s.setHours(0,0,0,0);const i=xt(s,a),c=Ye(e,0);c.setFullYear(n,0,r),c.setHours(0,0,0,0);const _=xt(c,a);return t.getTime()>=i.getTime()?n+1:t.getTime()>=_.getTime()?n:n-1}function zm(e,a){var i,c,_,h;const t=aa(),n=(a==null?void 0:a.firstWeekContainsDate)??((c=(i=a==null?void 0:a.locale)==null?void 0:i.options)==null?void 0:c.firstWeekContainsDate)??t.firstWeekContainsDate??((h=(_=t.locale)==null?void 0:_.options)==null?void 0:h.firstWeekContainsDate)??1,o=Ln(e,a),r=Ye(e,0);return r.setFullYear(o,0,n),r.setHours(0,0,0,0),xt(r,a)}function In(e,a){const t=pe(e),n=+xt(t,a)-+zm(t,a);return Math.round(n/Fo)+1}function Be(e,a){const t=e<0?"-":"",n=Math.abs(e).toString().padStart(a,"0");return t+n}const Yt={y(e,a){const t=e.getFullYear(),n=t>0?t:1-t;return Be(a==="yy"?n%100:n,a.length)},M(e,a){const t=e.getMonth();return a==="M"?String(t+1):Be(t+1,2)},d(e,a){return Be(e.getDate(),a.length)},a(e,a){const t=e.getHours()/12>=1?"pm":"am";switch(a){case"a":case"aa":return t.toUpperCase();case"aaa":return t;case"aaaaa":return t[0];case"aaaa":default:return t==="am"?"a.m.":"p.m."}},h(e,a){return Be(e.getHours()%12||12,a.length)},H(e,a){return Be(e.getHours(),a.length)},m(e,a){return Be(e.getMinutes(),a.length)},s(e,a){return Be(e.getSeconds(),a.length)},S(e,a){const t=a.length,n=e.getMilliseconds(),o=Math.trunc(n*Math.pow(10,t-3));return Be(o,a.length)}},ra={am:"am",pm:"pm",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},io={G:function(e,a,t){const n=e.getFullYear()>0?1:0;switch(a){case"G":case"GG":case"GGG":return t.era(n,{width:"abbreviated"});case"GGGGG":return t.era(n,{width:"narrow"});case"GGGG":default:return t.era(n,{width:"wide"})}},y:function(e,a,t){if(a==="yo"){const n=e.getFullYear(),o=n>0?n:1-n;return t.ordinalNumber(o,{unit:"year"})}return Yt.y(e,a)},Y:function(e,a,t,n){const o=Ln(e,n),r=o>0?o:1-o;if(a==="YY"){const s=r%100;return Be(s,2)}return a==="Yo"?t.ordinalNumber(r,{unit:"year"}):Be(r,a.length)},R:function(e,a){const t=Wo(e);return Be(t,a.length)},u:function(e,a){const t=e.getFullYear();return Be(t,a.length)},Q:function(e,a,t){const n=Math.ceil((e.getMonth()+1)/3);switch(a){case"Q":return String(n);case"QQ":return Be(n,2);case"Qo":return t.ordinalNumber(n,{unit:"quarter"});case"QQQ":return t.quarter(n,{width:"abbreviated",context:"formatting"});case"QQQQQ":return t.quarter(n,{width:"narrow",context:"formatting"});case"QQQQ":default:return t.quarter(n,{width:"wide",context:"formatting"})}},q:function(e,a,t){const n=Math.ceil((e.getMonth()+1)/3);switch(a){case"q":return String(n);case"qq":return Be(n,2);case"qo":return t.ordinalNumber(n,{unit:"quarter"});case"qqq":return t.quarter(n,{width:"abbreviated",context:"standalone"});case"qqqqq":return t.quarter(n,{width:"narrow",context:"standalone"});case"qqqq":default:return t.quarter(n,{width:"wide",context:"standalone"})}},M:function(e,a,t){const n=e.getMonth();switch(a){case"M":case"MM":return Yt.M(e,a);case"Mo":return t.ordinalNumber(n+1,{unit:"month"});case"MMM":return t.month(n,{width:"abbreviated",context:"formatting"});case"MMMMM":return t.month(n,{width:"narrow",context:"formatting"});case"MMMM":default:return t.month(n,{width:"wide",context:"formatting"})}},L:function(e,a,t){const n=e.getMonth();switch(a){case"L":return String(n+1);case"LL":return Be(n+1,2);case"Lo":return t.ordinalNumber(n+1,{unit:"month"});case"LLL":return t.month(n,{width:"abbreviated",context:"standalone"});case"LLLLL":return t.month(n,{width:"narrow",context:"standalone"});case"LLLL":default:return t.month(n,{width:"wide",context:"standalone"})}},w:function(e,a,t,n){const o=In(e,n);return a==="wo"?t.ordinalNumber(o,{unit:"week"}):Be(o,a.length)},I:function(e,a,t){const n=Rn(e);return a==="Io"?t.ordinalNumber(n,{unit:"week"}):Be(n,a.length)},d:function(e,a,t){return a==="do"?t.ordinalNumber(e.getDate(),{unit:"date"}):Yt.d(e,a)},D:function(e,a,t){const n=Hm(e);return a==="Do"?t.ordinalNumber(n,{unit:"dayOfYear"}):Be(n,a.length)},E:function(e,a,t){const n=e.getDay();switch(a){case"E":case"EE":case"EEE":return t.day(n,{width:"abbreviated",context:"formatting"});case"EEEEE":return t.day(n,{width:"narrow",context:"formatting"});case"EEEEEE":return t.day(n,{width:"short",context:"formatting"});case"EEEE":default:return t.day(n,{width:"wide",context:"formatting"})}},e:function(e,a,t,n){const o=e.getDay(),r=(o-n.weekStartsOn+8)%7||7;switch(a){case"e":return String(r);case"ee":return Be(r,2);case"eo":return t.ordinalNumber(r,{unit:"day"});case"eee":return t.day(o,{width:"abbreviated",context:"formatting"});case"eeeee":return t.day(o,{width:"narrow",context:"formatting"});case"eeeeee":return t.day(o,{width:"short",context:"formatting"});case"eeee":default:return t.day(o,{width:"wide",context:"formatting"})}},c:function(e,a,t,n){const o=e.getDay(),r=(o-n.weekStartsOn+8)%7||7;switch(a){case"c":return String(r);case"cc":return Be(r,a.length);case"co":return t.ordinalNumber(r,{unit:"day"});case"ccc":return t.day(o,{width:"abbreviated",context:"standalone"});case"ccccc":return t.day(o,{width:"narrow",context:"standalone"});case"cccccc":return t.day(o,{width:"short",context:"standalone"});case"cccc":default:return t.day(o,{width:"wide",context:"standalone"})}},i:function(e,a,t){const n=e.getDay(),o=n===0?7:n;switch(a){case"i":return String(o);case"ii":return Be(o,a.length);case"io":return t.ordinalNumber(o,{unit:"day"});case"iii":return t.day(n,{width:"abbreviated",context:"formatting"});case"iiiii":return t.day(n,{width:"narrow",context:"formatting"});case"iiiiii":return t.day(n,{width:"short",context:"formatting"});case"iiii":default:return t.day(n,{width:"wide",context:"formatting"})}},a:function(e,a,t){const o=e.getHours()/12>=1?"pm":"am";switch(a){case"a":case"aa":return t.dayPeriod(o,{width:"abbreviated",context:"formatting"});case"aaa":return t.dayPeriod(o,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return t.dayPeriod(o,{width:"narrow",context:"formatting"});case"aaaa":default:return t.dayPeriod(o,{width:"wide",context:"formatting"})}},b:function(e,a,t){const n=e.getHours();let o;switch(n===12?o=ra.noon:n===0?o=ra.midnight:o=n/12>=1?"pm":"am",a){case"b":case"bb":return t.dayPeriod(o,{width:"abbreviated",context:"formatting"});case"bbb":return t.dayPeriod(o,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return t.dayPeriod(o,{width:"narrow",context:"formatting"});case"bbbb":default:return t.dayPeriod(o,{width:"wide",context:"formatting"})}},B:function(e,a,t){const n=e.getHours();let o;switch(n>=17?o=ra.evening:n>=12?o=ra.afternoon:n>=4?o=ra.morning:o=ra.night,a){case"B":case"BB":case"BBB":return t.dayPeriod(o,{width:"abbreviated",context:"formatting"});case"BBBBB":return t.dayPeriod(o,{width:"narrow",context:"formatting"});case"BBBB":default:return t.dayPeriod(o,{width:"wide",context:"formatting"})}},h:function(e,a,t){if(a==="ho"){let n=e.getHours()%12;return n===0&&(n=12),t.ordinalNumber(n,{unit:"hour"})}return Yt.h(e,a)},H:function(e,a,t){return a==="Ho"?t.ordinalNumber(e.getHours(),{unit:"hour"}):Yt.H(e,a)},K:function(e,a,t){const n=e.getHours()%12;return a==="Ko"?t.ordinalNumber(n,{unit:"hour"}):Be(n,a.length)},k:function(e,a,t){let n=e.getHours();return n===0&&(n=24),a==="ko"?t.ordinalNumber(n,{unit:"hour"}):Be(n,a.length)},m:function(e,a,t){return a==="mo"?t.ordinalNumber(e.getMinutes(),{unit:"minute"}):Yt.m(e,a)},s:function(e,a,t){return a==="so"?t.ordinalNumber(e.getSeconds(),{unit:"second"}):Yt.s(e,a)},S:function(e,a){return Yt.S(e,a)},X:function(e,a,t){const n=e.getTimezoneOffset();if(n===0)return"Z";switch(a){case"X":return co(n);case"XXXX":case"XX":return Ut(n);case"XXXXX":case"XXX":default:return Ut(n,":")}},x:function(e,a,t){const n=e.getTimezoneOffset();switch(a){case"x":return co(n);case"xxxx":case"xx":return Ut(n);case"xxxxx":case"xxx":default:return Ut(n,":")}},O:function(e,a,t){const n=e.getTimezoneOffset();switch(a){case"O":case"OO":case"OOO":return"GMT"+uo(n,":");case"OOOO":default:return"GMT"+Ut(n,":")}},z:function(e,a,t){const n=e.getTimezoneOffset();switch(a){case"z":case"zz":case"zzz":return"GMT"+uo(n,":");case"zzzz":default:return"GMT"+Ut(n,":")}},t:function(e,a,t){const n=Math.trunc(e.getTime()/1e3);return Be(n,a.length)},T:function(e,a,t){const n=e.getTime();return Be(n,a.length)}};function uo(e,a=""){const t=e>0?"-":"+",n=Math.abs(e),o=Math.trunc(n/60),r=n%60;return r===0?t+String(o):t+String(o)+a+Be(r,2)}function co(e,a){return e%60===0?(e>0?"-":"+")+Be(Math.abs(e)/60,2):Ut(e,a)}function Ut(e,a=""){const t=e>0?"-":"+",n=Math.abs(e),o=Be(Math.trunc(n/60),2),r=Be(n%60,2);return t+o+a+r}const mo=(e,a)=>{switch(e){case"P":return a.date({width:"short"});case"PP":return a.date({width:"medium"});case"PPP":return a.date({width:"long"});case"PPPP":default:return a.date({width:"full"})}},Ko=(e,a)=>{switch(e){case"p":return a.time({width:"short"});case"pp":return a.time({width:"medium"});case"ppp":return a.time({width:"long"});case"pppp":default:return a.time({width:"full"})}},Em=(e,a)=>{const t=e.match(/(P+)(p+)?/)||[],n=t[1],o=t[2];if(!o)return mo(e,a);let r;switch(n){case"P":r=a.dateTime({width:"short"});break;case"PP":r=a.dateTime({width:"medium"});break;case"PPP":r=a.dateTime({width:"long"});break;case"PPPP":default:r=a.dateTime({width:"full"});break}return r.replace("{{date}}",mo(n,a)).replace("{{time}}",Ko(o,a))},bn={p:Ko,P:Em},Fm=/^D+$/,Wm=/^Y+$/,qm=["D","DD","YY","YYYY"];function Jo(e){return Fm.test(e)}function Zo(e){return Wm.test(e)}function wn(e,a,t){const n=Qm(e,a,t);if(console.warn(n),qm.includes(e))throw new RangeError(n)}function Qm(e,a,t){const n=e[0]==="Y"?"years":"days of the month";return`Use \`${e.toLowerCase()}\` instead of \`${e}\` (in \`${a}\`) for formatting ${n} to the input \`${t}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}const Gm=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,jm=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,Um=/^'([^]*?)'?$/,Xm=/''/g,Km=/[a-zA-Z]/;function dt(e,a,t){var h,p,f,y,S,T,Y,te;const n=aa(),o=(t==null?void 0:t.locale)??n.locale??Xo,r=(t==null?void 0:t.firstWeekContainsDate)??((p=(h=t==null?void 0:t.locale)==null?void 0:h.options)==null?void 0:p.firstWeekContainsDate)??n.firstWeekContainsDate??((y=(f=n.locale)==null?void 0:f.options)==null?void 0:y.firstWeekContainsDate)??1,s=(t==null?void 0:t.weekStartsOn)??((T=(S=t==null?void 0:t.locale)==null?void 0:S.options)==null?void 0:T.weekStartsOn)??n.weekStartsOn??((te=(Y=n.locale)==null?void 0:Y.options)==null?void 0:te.weekStartsOn)??0,i=pe(e);if(!ba(i))throw new RangeError("Invalid time value");let c=a.match(jm).map(U=>{const P=U[0];if(P==="p"||P==="P"){const B=bn[P];return B(U,o.formatLong)}return U}).join("").match(Gm).map(U=>{if(U==="''")return{isToken:!1,value:"'"};const P=U[0];if(P==="'")return{isToken:!1,value:Jm(U)};if(io[P])return{isToken:!0,value:U};if(P.match(Km))throw new RangeError("Format string contains an unescaped latin alphabet character `"+P+"`");return{isToken:!1,value:U}});o.localize.preprocessor&&(c=o.localize.preprocessor(i,c));const _={firstWeekContainsDate:r,weekStartsOn:s,locale:o};return c.map(U=>{if(!U.isToken)return U.value;const P=U.value;(!(t!=null&&t.useAdditionalWeekYearTokens)&&Zo(P)||!(t!=null&&t.useAdditionalDayOfYearTokens)&&Jo(P))&&wn(P,a,String(e));const B=io[P[0]];return B(i,P,o.localize,_)}).join("")}function Jm(e){const a=e.match(Um);return a?a[1].replace(Xm,"'"):e}function Zm(e){return pe(e).getDay()}function ev(e){const a=pe(e),t=a.getFullYear(),n=a.getMonth(),o=Ye(e,0);return o.setFullYear(t,n+1,0),o.setHours(0,0,0,0),o.getDate()}function tv(){return Object.assign({},aa())}function ft(e){return pe(e).getHours()}function av(e){let t=pe(e).getDay();return t===0&&(t=7),t}function Pt(e){return pe(e).getMinutes()}function $e(e){return pe(e).getMonth()}function da(e){return pe(e).getSeconds()}function we(e){return pe(e).getFullYear()}function ka(e,a){const t=pe(e),n=pe(a);return t.getTime()>n.getTime()}function $a(e,a){const t=pe(e),n=pe(a);return+t<+n}function Kt(e,a){const t=pe(e),n=pe(a);return+t==+n}function nv(e,a){const t=a instanceof Date?Ye(a,0):new a(0);return t.setFullYear(e.getFullYear(),e.getMonth(),e.getDate()),t.setHours(e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()),t}const ov=10;class er{constructor(){le(this,"subPriority",0)}validate(a,t){return!0}}class rv extends er{constructor(a,t,n,o,r){super(),this.value=a,this.validateValue=t,this.setValue=n,this.priority=o,r&&(this.subPriority=r)}validate(a,t){return this.validateValue(a,this.value,t)}set(a,t,n){return this.setValue(a,t,this.value,n)}}class sv extends er{constructor(){super(...arguments);le(this,"priority",ov);le(this,"subPriority",-1)}set(t,n){return n.timestampIsSet?t:Ye(t,nv(t,Date))}}class Le{run(a,t,n,o){const r=this.parse(a,t,n,o);return r?{setter:new rv(r.value,this.validate,this.set,this.priority,this.subPriority),rest:r.rest}:null}validate(a,t,n){return!0}}class lv extends Le{constructor(){super(...arguments);le(this,"priority",140);le(this,"incompatibleTokens",["R","u","t","T"])}parse(t,n,o){switch(n){case"G":case"GG":case"GGG":return o.era(t,{width:"abbreviated"})||o.era(t,{width:"narrow"});case"GGGGG":return o.era(t,{width:"narrow"});case"GGGG":default:return o.era(t,{width:"wide"})||o.era(t,{width:"abbreviated"})||o.era(t,{width:"narrow"})}}set(t,n,o){return n.era=o,t.setFullYear(o,0,1),t.setHours(0,0,0,0),t}}const Ue={month:/^(1[0-2]|0?\d)/,date:/^(3[0-1]|[0-2]?\d)/,dayOfYear:/^(36[0-6]|3[0-5]\d|[0-2]?\d?\d)/,week:/^(5[0-3]|[0-4]?\d)/,hour23h:/^(2[0-3]|[0-1]?\d)/,hour24h:/^(2[0-4]|[0-1]?\d)/,hour11h:/^(1[0-1]|0?\d)/,hour12h:/^(1[0-2]|0?\d)/,minute:/^[0-5]?\d/,second:/^[0-5]?\d/,singleDigit:/^\d/,twoDigits:/^\d{1,2}/,threeDigits:/^\d{1,3}/,fourDigits:/^\d{1,4}/,anyDigitsSigned:/^-?\d+/,singleDigitSigned:/^-?\d/,twoDigitsSigned:/^-?\d{1,2}/,threeDigitsSigned:/^-?\d{1,3}/,fourDigitsSigned:/^-?\d{1,4}/},kt={basicOptionalMinutes:/^([+-])(\d{2})(\d{2})?|Z/,basic:/^([+-])(\d{2})(\d{2})|Z/,basicOptionalSeconds:/^([+-])(\d{2})(\d{2})((\d{2}))?|Z/,extended:/^([+-])(\d{2}):(\d{2})|Z/,extendedOptionalSeconds:/^([+-])(\d{2}):(\d{2})(:(\d{2}))?|Z/};function Xe(e,a){return e&&{value:a(e.value),rest:e.rest}}function Ee(e,a){const t=a.match(e);return t?{value:parseInt(t[0],10),rest:a.slice(t[0].length)}:null}function $t(e,a){const t=a.match(e);if(!t)return null;if(t[0]==="Z")return{value:0,rest:a.slice(1)};const n=t[1]==="+"?1:-1,o=t[2]?parseInt(t[2],10):0,r=t[3]?parseInt(t[3],10):0,s=t[5]?parseInt(t[5],10):0;return{value:n*(o*am+r*tm+s*nm),rest:a.slice(t[0].length)}}function tr(e){return Ee(Ue.anyDigitsSigned,e)}function qe(e,a){switch(e){case 1:return Ee(Ue.singleDigit,a);case 2:return Ee(Ue.twoDigits,a);case 3:return Ee(Ue.threeDigits,a);case 4:return Ee(Ue.fourDigits,a);default:return Ee(new RegExp("^\\d{1,"+e+"}"),a)}}function Ba(e,a){switch(e){case 1:return Ee(Ue.singleDigitSigned,a);case 2:return Ee(Ue.twoDigitsSigned,a);case 3:return Ee(Ue.threeDigitsSigned,a);case 4:return Ee(Ue.fourDigitsSigned,a);default:return Ee(new RegExp("^-?\\d{1,"+e+"}"),a)}}function Yn(e){switch(e){case"morning":return 4;case"evening":return 17;case"pm":case"noon":case"afternoon":return 12;case"am":case"midnight":case"night":default:return 0}}function ar(e,a){const t=a>0,n=t?a:1-a;let o;if(n<=50)o=e||100;else{const r=n+50,s=Math.trunc(r/100)*100,i=e>=r%100;o=e+s-(i?100:0)}return t?o:1-o}function nr(e){return e%400===0||e%4===0&&e%100!==0}class iv extends Le{constructor(){super(...arguments);le(this,"priority",130);le(this,"incompatibleTokens",["Y","R","u","w","I","i","e","c","t","T"])}parse(t,n,o){const r=s=>({year:s,isTwoDigitYear:n==="yy"});switch(n){case"y":return Xe(qe(4,t),r);case"yo":return Xe(o.ordinalNumber(t,{unit:"year"}),r);default:return Xe(qe(n.length,t),r)}}validate(t,n){return n.isTwoDigitYear||n.year>0}set(t,n,o){const r=t.getFullYear();if(o.isTwoDigitYear){const i=ar(o.year,r);return t.setFullYear(i,0,1),t.setHours(0,0,0,0),t}const s=!("era"in n)||n.era===1?o.year:1-o.year;return t.setFullYear(s,0,1),t.setHours(0,0,0,0),t}}class uv extends Le{constructor(){super(...arguments);le(this,"priority",130);le(this,"incompatibleTokens",["y","R","u","Q","q","M","L","I","d","D","i","t","T"])}parse(t,n,o){const r=s=>({year:s,isTwoDigitYear:n==="YY"});switch(n){case"Y":return Xe(qe(4,t),r);case"Yo":return Xe(o.ordinalNumber(t,{unit:"year"}),r);default:return Xe(qe(n.length,t),r)}}validate(t,n){return n.isTwoDigitYear||n.year>0}set(t,n,o,r){const s=Ln(t,r);if(o.isTwoDigitYear){const c=ar(o.year,s);return t.setFullYear(c,0,r.firstWeekContainsDate),t.setHours(0,0,0,0),xt(t,r)}const i=!("era"in n)||n.era===1?o.year:1-o.year;return t.setFullYear(i,0,r.firstWeekContainsDate),t.setHours(0,0,0,0),xt(t,r)}}class cv extends Le{constructor(){super(...arguments);le(this,"priority",130);le(this,"incompatibleTokens",["G","y","Y","u","Q","q","M","L","w","d","D","e","c","t","T"])}parse(t,n){return Ba(n==="R"?4:n.length,t)}set(t,n,o){const r=Ye(t,0);return r.setFullYear(o,0,4),r.setHours(0,0,0,0),ca(r)}}class dv extends Le{constructor(){super(...arguments);le(this,"priority",130);le(this,"incompatibleTokens",["G","y","Y","R","w","I","i","e","c","t","T"])}parse(t,n){return Ba(n==="u"?4:n.length,t)}set(t,n,o){return t.setFullYear(o,0,1),t.setHours(0,0,0,0),t}}class mv extends Le{constructor(){super(...arguments);le(this,"priority",120);le(this,"incompatibleTokens",["Y","R","q","M","L","w","I","d","D","i","e","c","t","T"])}parse(t,n,o){switch(n){case"Q":case"QQ":return qe(n.length,t);case"Qo":return o.ordinalNumber(t,{unit:"quarter"});case"QQQ":return o.quarter(t,{width:"abbreviated",context:"formatting"})||o.quarter(t,{width:"narrow",context:"formatting"});case"QQQQQ":return o.quarter(t,{width:"narrow",context:"formatting"});case"QQQQ":default:return o.quarter(t,{width:"wide",context:"formatting"})||o.quarter(t,{width:"abbreviated",context:"formatting"})||o.quarter(t,{width:"narrow",context:"formatting"})}}validate(t,n){return n>=1&&n<=4}set(t,n,o){return t.setMonth((o-1)*3,1),t.setHours(0,0,0,0),t}}class vv extends Le{constructor(){super(...arguments);le(this,"priority",120);le(this,"incompatibleTokens",["Y","R","Q","M","L","w","I","d","D","i","e","c","t","T"])}parse(t,n,o){switch(n){case"q":case"qq":return qe(n.length,t);case"qo":return o.ordinalNumber(t,{unit:"quarter"});case"qqq":return o.quarter(t,{width:"abbreviated",context:"standalone"})||o.quarter(t,{width:"narrow",context:"standalone"});case"qqqqq":return o.quarter(t,{width:"narrow",context:"standalone"});case"qqqq":default:return o.quarter(t,{width:"wide",context:"standalone"})||o.quarter(t,{width:"abbreviated",context:"standalone"})||o.quarter(t,{width:"narrow",context:"standalone"})}}validate(t,n){return n>=1&&n<=4}set(t,n,o){return t.setMonth((o-1)*3,1),t.setHours(0,0,0,0),t}}class pv extends Le{constructor(){super(...arguments);le(this,"incompatibleTokens",["Y","R","q","Q","L","w","I","D","i","e","c","t","T"]);le(this,"priority",110)}parse(t,n,o){const r=s=>s-1;switch(n){case"M":return Xe(Ee(Ue.month,t),r);case"MM":return Xe(qe(2,t),r);case"Mo":return Xe(o.ordinalNumber(t,{unit:"month"}),r);case"MMM":return o.month(t,{width:"abbreviated",context:"formatting"})||o.month(t,{width:"narrow",context:"formatting"});case"MMMMM":return o.month(t,{width:"narrow",context:"formatting"});case"MMMM":default:return o.month(t,{width:"wide",context:"formatting"})||o.month(t,{width:"abbreviated",context:"formatting"})||o.month(t,{width:"narrow",context:"formatting"})}}validate(t,n){return n>=0&&n<=11}set(t,n,o){return t.setMonth(o,1),t.setHours(0,0,0,0),t}}class hv extends Le{constructor(){super(...arguments);le(this,"priority",110);le(this,"incompatibleTokens",["Y","R","q","Q","M","w","I","D","i","e","c","t","T"])}parse(t,n,o){const r=s=>s-1;switch(n){case"L":return Xe(Ee(Ue.month,t),r);case"LL":return Xe(qe(2,t),r);case"Lo":return Xe(o.ordinalNumber(t,{unit:"month"}),r);case"LLL":return o.month(t,{width:"abbreviated",context:"standalone"})||o.month(t,{width:"narrow",context:"standalone"});case"LLLLL":return o.month(t,{width:"narrow",context:"standalone"});case"LLLL":default:return o.month(t,{width:"wide",context:"standalone"})||o.month(t,{width:"abbreviated",context:"standalone"})||o.month(t,{width:"narrow",context:"standalone"})}}validate(t,n){return n>=0&&n<=11}set(t,n,o){return t.setMonth(o,1),t.setHours(0,0,0,0),t}}function fv(e,a,t){const n=pe(e),o=In(n,t)-a;return n.setDate(n.getDate()-o*7),n}class yv extends Le{constructor(){super(...arguments);le(this,"priority",100);le(this,"incompatibleTokens",["y","R","u","q","Q","M","L","I","d","D","i","t","T"])}parse(t,n,o){switch(n){case"w":return Ee(Ue.week,t);case"wo":return o.ordinalNumber(t,{unit:"week"});default:return qe(n.length,t)}}validate(t,n){return n>=1&&n<=53}set(t,n,o,r){return xt(fv(t,o,r),r)}}function gv(e,a){const t=pe(e),n=Rn(t)-a;return t.setDate(t.getDate()-n*7),t}class _v extends Le{constructor(){super(...arguments);le(this,"priority",100);le(this,"incompatibleTokens",["y","Y","u","q","Q","M","L","w","d","D","e","c","t","T"])}parse(t,n,o){switch(n){case"I":return Ee(Ue.week,t);case"Io":return o.ordinalNumber(t,{unit:"week"});default:return qe(n.length,t)}}validate(t,n){return n>=1&&n<=53}set(t,n,o){return ca(gv(t,o))}}const bv=[31,28,31,30,31,30,31,31,30,31,30,31],wv=[31,29,31,30,31,30,31,31,30,31,30,31];class kv extends Le{constructor(){super(...arguments);le(this,"priority",90);le(this,"subPriority",1);le(this,"incompatibleTokens",["Y","R","q","Q","w","I","D","i","e","c","t","T"])}parse(t,n,o){switch(n){case"d":return Ee(Ue.date,t);case"do":return o.ordinalNumber(t,{unit:"date"});default:return qe(n.length,t)}}validate(t,n){const o=t.getFullYear(),r=nr(o),s=t.getMonth();return r?n>=1&&n<=wv[s]:n>=1&&n<=bv[s]}set(t,n,o){return t.setDate(o),t.setHours(0,0,0,0),t}}class $v extends Le{constructor(){super(...arguments);le(this,"priority",90);le(this,"subpriority",1);le(this,"incompatibleTokens",["Y","R","q","Q","M","L","w","I","d","E","i","e","c","t","T"])}parse(t,n,o){switch(n){case"D":case"DD":return Ee(Ue.dayOfYear,t);case"Do":return o.ordinalNumber(t,{unit:"date"});default:return qe(n.length,t)}}validate(t,n){const o=t.getFullYear();return nr(o)?n>=1&&n<=366:n>=1&&n<=365}set(t,n,o){return t.setMonth(0,o),t.setHours(0,0,0,0),t}}function Bn(e,a,t){var p,f,y,S;const n=aa(),o=(t==null?void 0:t.weekStartsOn)??((f=(p=t==null?void 0:t.locale)==null?void 0:p.options)==null?void 0:f.weekStartsOn)??n.weekStartsOn??((S=(y=n.locale)==null?void 0:y.options)==null?void 0:S.weekStartsOn)??0,r=pe(e),s=r.getDay(),c=(a%7+7)%7,_=7-o,h=a<0||a>6?a-(s+_)%7:(c+_)%7-(s+_)%7;return je(r,h)}class Dv extends Le{constructor(){super(...arguments);le(this,"priority",90);le(this,"incompatibleTokens",["D","i","e","c","t","T"])}parse(t,n,o){switch(n){case"E":case"EE":case"EEE":return o.day(t,{width:"abbreviated",context:"formatting"})||o.day(t,{width:"short",context:"formatting"})||o.day(t,{width:"narrow",context:"formatting"});case"EEEEE":return o.day(t,{width:"narrow",context:"formatting"});case"EEEEEE":return o.day(t,{width:"short",context:"formatting"})||o.day(t,{width:"narrow",context:"formatting"});case"EEEE":default:return o.day(t,{width:"wide",context:"formatting"})||o.day(t,{width:"abbreviated",context:"formatting"})||o.day(t,{width:"short",context:"formatting"})||o.day(t,{width:"narrow",context:"formatting"})}}validate(t,n){return n>=0&&n<=6}set(t,n,o,r){return t=Bn(t,o,r),t.setHours(0,0,0,0),t}}class Mv extends Le{constructor(){super(...arguments);le(this,"priority",90);le(this,"incompatibleTokens",["y","R","u","q","Q","M","L","I","d","D","E","i","c","t","T"])}parse(t,n,o,r){const s=i=>{const c=Math.floor((i-1)/7)*7;return(i+r.weekStartsOn+6)%7+c};switch(n){case"e":case"ee":return Xe(qe(n.length,t),s);case"eo":return Xe(o.ordinalNumber(t,{unit:"day"}),s);case"eee":return o.day(t,{width:"abbreviated",context:"formatting"})||o.day(t,{width:"short",context:"formatting"})||o.day(t,{width:"narrow",context:"formatting"});case"eeeee":return o.day(t,{width:"narrow",context:"formatting"});case"eeeeee":return o.day(t,{width:"short",context:"formatting"})||o.day(t,{width:"narrow",context:"formatting"});case"eeee":default:return o.day(t,{width:"wide",context:"formatting"})||o.day(t,{width:"abbreviated",context:"formatting"})||o.day(t,{width:"short",context:"formatting"})||o.day(t,{width:"narrow",context:"formatting"})}}validate(t,n){return n>=0&&n<=6}set(t,n,o,r){return t=Bn(t,o,r),t.setHours(0,0,0,0),t}}class Tv extends Le{constructor(){super(...arguments);le(this,"priority",90);le(this,"incompatibleTokens",["y","R","u","q","Q","M","L","I","d","D","E","i","e","t","T"])}parse(t,n,o,r){const s=i=>{const c=Math.floor((i-1)/7)*7;return(i+r.weekStartsOn+6)%7+c};switch(n){case"c":case"cc":return Xe(qe(n.length,t),s);case"co":return Xe(o.ordinalNumber(t,{unit:"day"}),s);case"ccc":return o.day(t,{width:"abbreviated",context:"standalone"})||o.day(t,{width:"short",context:"standalone"})||o.day(t,{width:"narrow",context:"standalone"});case"ccccc":return o.day(t,{width:"narrow",context:"standalone"});case"cccccc":return o.day(t,{width:"short",context:"standalone"})||o.day(t,{width:"narrow",context:"standalone"});case"cccc":default:return o.day(t,{width:"wide",context:"standalone"})||o.day(t,{width:"abbreviated",context:"standalone"})||o.day(t,{width:"short",context:"standalone"})||o.day(t,{width:"narrow",context:"standalone"})}}validate(t,n){return n>=0&&n<=6}set(t,n,o,r){return t=Bn(t,o,r),t.setHours(0,0,0,0),t}}function Pv(e,a){const t=pe(e),n=av(t),o=a-n;return je(t,o)}class xv extends Le{constructor(){super(...arguments);le(this,"priority",90);le(this,"incompatibleTokens",["y","Y","u","q","Q","M","L","w","d","D","E","e","c","t","T"])}parse(t,n,o){const r=s=>s===0?7:s;switch(n){case"i":case"ii":return qe(n.length,t);case"io":return o.ordinalNumber(t,{unit:"day"});case"iii":return Xe(o.day(t,{width:"abbreviated",context:"formatting"})||o.day(t,{width:"short",context:"formatting"})||o.day(t,{width:"narrow",context:"formatting"}),r);case"iiiii":return Xe(o.day(t,{width:"narrow",context:"formatting"}),r);case"iiiiii":return Xe(o.day(t,{width:"short",context:"formatting"})||o.day(t,{width:"narrow",context:"formatting"}),r);case"iiii":default:return Xe(o.day(t,{width:"wide",context:"formatting"})||o.day(t,{width:"abbreviated",context:"formatting"})||o.day(t,{width:"short",context:"formatting"})||o.day(t,{width:"narrow",context:"formatting"}),r)}}validate(t,n){return n>=1&&n<=7}set(t,n,o){return t=Pv(t,o),t.setHours(0,0,0,0),t}}class Sv extends Le{constructor(){super(...arguments);le(this,"priority",80);le(this,"incompatibleTokens",["b","B","H","k","t","T"])}parse(t,n,o){switch(n){case"a":case"aa":case"aaa":return o.dayPeriod(t,{width:"abbreviated",context:"formatting"})||o.dayPeriod(t,{width:"narrow",context:"formatting"});case"aaaaa":return o.dayPeriod(t,{width:"narrow",context:"formatting"});case"aaaa":default:return o.dayPeriod(t,{width:"wide",context:"formatting"})||o.dayPeriod(t,{width:"abbreviated",context:"formatting"})||o.dayPeriod(t,{width:"narrow",context:"formatting"})}}set(t,n,o){return t.setHours(Yn(o),0,0,0),t}}class Av extends Le{constructor(){super(...arguments);le(this,"priority",80);le(this,"incompatibleTokens",["a","B","H","k","t","T"])}parse(t,n,o){switch(n){case"b":case"bb":case"bbb":return o.dayPeriod(t,{width:"abbreviated",context:"formatting"})||o.dayPeriod(t,{width:"narrow",context:"formatting"});case"bbbbb":return o.dayPeriod(t,{width:"narrow",context:"formatting"});case"bbbb":default:return o.dayPeriod(t,{width:"wide",context:"formatting"})||o.dayPeriod(t,{width:"abbreviated",context:"formatting"})||o.dayPeriod(t,{width:"narrow",context:"formatting"})}}set(t,n,o){return t.setHours(Yn(o),0,0,0),t}}class Vv extends Le{constructor(){super(...arguments);le(this,"priority",80);le(this,"incompatibleTokens",["a","b","t","T"])}parse(t,n,o){switch(n){case"B":case"BB":case"BBB":return o.dayPeriod(t,{width:"abbreviated",context:"formatting"})||o.dayPeriod(t,{width:"narrow",context:"formatting"});case"BBBBB":return o.dayPeriod(t,{width:"narrow",context:"formatting"});case"BBBB":default:return o.dayPeriod(t,{width:"wide",context:"formatting"})||o.dayPeriod(t,{width:"abbreviated",context:"formatting"})||o.dayPeriod(t,{width:"narrow",context:"formatting"})}}set(t,n,o){return t.setHours(Yn(o),0,0,0),t}}class Cv extends Le{constructor(){super(...arguments);le(this,"priority",70);le(this,"incompatibleTokens",["H","K","k","t","T"])}parse(t,n,o){switch(n){case"h":return Ee(Ue.hour12h,t);case"ho":return o.ordinalNumber(t,{unit:"hour"});default:return qe(n.length,t)}}validate(t,n){return n>=1&&n<=12}set(t,n,o){const r=t.getHours()>=12;return r&&o<12?t.setHours(o+12,0,0,0):!r&&o===12?t.setHours(0,0,0,0):t.setHours(o,0,0,0),t}}class Ov extends Le{constructor(){super(...arguments);le(this,"priority",70);le(this,"incompatibleTokens",["a","b","h","K","k","t","T"])}parse(t,n,o){switch(n){case"H":return Ee(Ue.hour23h,t);case"Ho":return o.ordinalNumber(t,{unit:"hour"});default:return qe(n.length,t)}}validate(t,n){return n>=0&&n<=23}set(t,n,o){return t.setHours(o,0,0,0),t}}class Nv extends Le{constructor(){super(...arguments);le(this,"priority",70);le(this,"incompatibleTokens",["h","H","k","t","T"])}parse(t,n,o){switch(n){case"K":return Ee(Ue.hour11h,t);case"Ko":return o.ordinalNumber(t,{unit:"hour"});default:return qe(n.length,t)}}validate(t,n){return n>=0&&n<=11}set(t,n,o){return t.getHours()>=12&&o<12?t.setHours(o+12,0,0,0):t.setHours(o,0,0,0),t}}class Rv extends Le{constructor(){super(...arguments);le(this,"priority",70);le(this,"incompatibleTokens",["a","b","h","H","K","t","T"])}parse(t,n,o){switch(n){case"k":return Ee(Ue.hour24h,t);case"ko":return o.ordinalNumber(t,{unit:"hour"});default:return qe(n.length,t)}}validate(t,n){return n>=1&&n<=24}set(t,n,o){const r=o<=24?o%24:o;return t.setHours(r,0,0,0),t}}class Lv extends Le{constructor(){super(...arguments);le(this,"priority",60);le(this,"incompatibleTokens",["t","T"])}parse(t,n,o){switch(n){case"m":return Ee(Ue.minute,t);case"mo":return o.ordinalNumber(t,{unit:"minute"});default:return qe(n.length,t)}}validate(t,n){return n>=0&&n<=59}set(t,n,o){return t.setMinutes(o,0,0),t}}class Iv extends Le{constructor(){super(...arguments);le(this,"priority",50);le(this,"incompatibleTokens",["t","T"])}parse(t,n,o){switch(n){case"s":return Ee(Ue.second,t);case"so":return o.ordinalNumber(t,{unit:"second"});default:return qe(n.length,t)}}validate(t,n){return n>=0&&n<=59}set(t,n,o){return t.setSeconds(o,0),t}}class Yv extends Le{constructor(){super(...arguments);le(this,"priority",30);le(this,"incompatibleTokens",["t","T"])}parse(t,n){const o=r=>Math.trunc(r*Math.pow(10,-n.length+3));return Xe(qe(n.length,t),o)}set(t,n,o){return t.setMilliseconds(o),t}}class Bv extends Le{constructor(){super(...arguments);le(this,"priority",10);le(this,"incompatibleTokens",["t","T","x"])}parse(t,n){switch(n){case"X":return $t(kt.basicOptionalMinutes,t);case"XX":return $t(kt.basic,t);case"XXXX":return $t(kt.basicOptionalSeconds,t);case"XXXXX":return $t(kt.extendedOptionalSeconds,t);case"XXX":default:return $t(kt.extended,t)}}set(t,n,o){return n.timestampIsSet?t:Ye(t,t.getTime()-Ya(t)-o)}}class Hv extends Le{constructor(){super(...arguments);le(this,"priority",10);le(this,"incompatibleTokens",["t","T","X"])}parse(t,n){switch(n){case"x":return $t(kt.basicOptionalMinutes,t);case"xx":return $t(kt.basic,t);case"xxxx":return $t(kt.basicOptionalSeconds,t);case"xxxxx":return $t(kt.extendedOptionalSeconds,t);case"xxx":default:return $t(kt.extended,t)}}set(t,n,o){return n.timestampIsSet?t:Ye(t,t.getTime()-Ya(t)-o)}}class zv extends Le{constructor(){super(...arguments);le(this,"priority",40);le(this,"incompatibleTokens","*")}parse(t){return tr(t)}set(t,n,o){return[Ye(t,o*1e3),{timestampIsSet:!0}]}}class Ev extends Le{constructor(){super(...arguments);le(this,"priority",20);le(this,"incompatibleTokens","*")}parse(t){return tr(t)}set(t,n,o){return[Ye(t,o),{timestampIsSet:!0}]}}const Fv={G:new lv,y:new iv,Y:new uv,R:new cv,u:new dv,Q:new mv,q:new vv,M:new pv,L:new hv,w:new yv,I:new _v,d:new kv,D:new $v,E:new Dv,e:new Mv,c:new Tv,i:new xv,a:new Sv,b:new Av,B:new Vv,h:new Cv,H:new Ov,K:new Nv,k:new Rv,m:new Lv,s:new Iv,S:new Yv,X:new Bv,x:new Hv,t:new zv,T:new Ev},Wv=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,qv=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,Qv=/^'([^]*?)'?$/,Gv=/''/g,jv=/\S/,Uv=/[a-zA-Z]/;function kn(e,a,t,n){var T,Y,te,U,P,B,z,X;const o=tv(),r=(n==null?void 0:n.locale)??o.locale??Xo,s=(n==null?void 0:n.firstWeekContainsDate)??((Y=(T=n==null?void 0:n.locale)==null?void 0:T.options)==null?void 0:Y.firstWeekContainsDate)??o.firstWeekContainsDate??((U=(te=o.locale)==null?void 0:te.options)==null?void 0:U.firstWeekContainsDate)??1,i=(n==null?void 0:n.weekStartsOn)??((B=(P=n==null?void 0:n.locale)==null?void 0:P.options)==null?void 0:B.weekStartsOn)??o.weekStartsOn??((X=(z=o.locale)==null?void 0:z.options)==null?void 0:X.weekStartsOn)??0;if(a==="")return e===""?pe(t):Ye(t,NaN);const c={firstWeekContainsDate:s,weekStartsOn:i,locale:r},_=[new sv],h=a.match(qv).map(L=>{const F=L[0];if(F in bn){const ee=bn[F];return ee(L,r.formatLong)}return L}).join("").match(Wv),p=[];for(let L of h){!(n!=null&&n.useAdditionalWeekYearTokens)&&Zo(L)&&wn(L,a,e),!(n!=null&&n.useAdditionalDayOfYearTokens)&&Jo(L)&&wn(L,a,e);const F=L[0],ee=Fv[F];if(ee){const{incompatibleTokens:ie}=ee;if(Array.isArray(ie)){const E=p.find(H=>ie.includes(H.token)||H.token===F);if(E)throw new RangeError(`The format string mustn't contain \`${E.fullToken}\` and \`${L}\` at the same time`)}else if(ee.incompatibleTokens==="*"&&p.length>0)throw new RangeError(`The format string mustn't contain \`${L}\` and any other token at the same time`);p.push({token:F,fullToken:L});const R=ee.run(e,L,r.match,c);if(!R)return Ye(t,NaN);_.push(R.setter),e=R.rest}else{if(F.match(Uv))throw new RangeError("Format string contains an unescaped latin alphabet character `"+F+"`");if(L==="''"?L="'":F==="'"&&(L=Xv(L)),e.indexOf(L)===0)e=e.slice(L.length);else return Ye(t,NaN)}}if(e.length>0&&jv.test(e))return Ye(t,NaN);const f=_.map(L=>L.priority).sort((L,F)=>F-L).filter((L,F,ee)=>ee.indexOf(L)===F).map(L=>_.filter(F=>F.priority===L).sort((F,ee)=>ee.subPriority-F.subPriority)).map(L=>L[0]);let y=pe(t);if(isNaN(y.getTime()))return Ye(t,NaN);const S={};for(const L of f){if(!L.validate(y,c))return Ye(t,NaN);const F=L.set(y,S,c);Array.isArray(F)?(y=F[0],Object.assign(S,F[1])):y=F}return Ye(t,y)}function Xv(e){return e.match(Qv)[1].replace(Gv,"'")}function vo(e,a){const t=Ht(e),n=Ht(a);return+t==+n}function Hn(e,a){return je(e,-a)}function or(e,a){const t=pe(e),n=t.getFullYear(),o=t.getDate(),r=Ye(e,0);r.setFullYear(n,a,15),r.setHours(0,0,0,0);const s=ev(r);return t.setMonth(a,Math.min(o,s)),t}function He(e,a){let t=pe(e);return isNaN(+t)?Ye(e,NaN):(a.year!=null&&t.setFullYear(a.year),a.month!=null&&(t=or(t,a.month)),a.date!=null&&t.setDate(a.date),a.hours!=null&&t.setHours(a.hours),a.minutes!=null&&t.setMinutes(a.minutes),a.seconds!=null&&t.setSeconds(a.seconds),a.milliseconds!=null&&t.setMilliseconds(a.milliseconds),t)}function rr(e,a){const t=pe(e);return t.setHours(a),t}function zn(e,a){const t=pe(e);return t.setMilliseconds(a),t}function sr(e,a){const t=pe(e);return t.setMinutes(a),t}function En(e,a){const t=pe(e);return t.setSeconds(a),t}function Dt(e,a){const t=pe(e);return isNaN(+t)?Ye(e,NaN):(t.setFullYear(a),t)}function Nt(e,a){return lt(e,-a)}function Kv(e,a){const{years:t=0,months:n=0,weeks:o=0,days:r=0,hours:s=0,minutes:i=0,seconds:c=0}=a,_=Nt(e,n+t*12),h=Hn(_,r+o*7),p=i+s*60,y=(c+p*60)*1e3;return Ye(e,h.getTime()-y)}function lr(e,a){return On(e,-a)}function ha(){return u(),v("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor","aria-hidden":"true",class:"dp__icon"},[g("path",{d:"M29.333 8c0-2.208-1.792-4-4-4h-18.667c-2.208 0-4 1.792-4 4v18.667c0 2.208 1.792 4 4 4h18.667c2.208 0 4-1.792 4-4v-18.667zM26.667 8v18.667c0 0.736-0.597 1.333-1.333 1.333 0 0-18.667 0-18.667 0-0.736 0-1.333-0.597-1.333-1.333 0 0 0-18.667 0-18.667 0-0.736 0.597-1.333 1.333-1.333 0 0 18.667 0 18.667 0 0.736 0 1.333 0.597 1.333 1.333z"}),g("path",{d:"M20 2.667v5.333c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-5.333c0-0.736-0.597-1.333-1.333-1.333s-1.333 0.597-1.333 1.333z"}),g("path",{d:"M9.333 2.667v5.333c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-5.333c0-0.736-0.597-1.333-1.333-1.333s-1.333 0.597-1.333 1.333z"}),g("path",{d:"M4 14.667h24c0.736 0 1.333-0.597 1.333-1.333s-0.597-1.333-1.333-1.333h-24c-0.736 0-1.333 0.597-1.333 1.333s0.597 1.333 1.333 1.333z"})])}ha.compatConfig={MODE:3};function ir(){return u(),v("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor","aria-hidden":"true",class:"dp__icon"},[g("path",{d:"M23.057 7.057l-16 16c-0.52 0.52-0.52 1.365 0 1.885s1.365 0.52 1.885 0l16-16c0.52-0.52 0.52-1.365 0-1.885s-1.365-0.52-1.885 0z"}),g("path",{d:"M7.057 8.943l16 16c0.52 0.52 1.365 0.52 1.885 0s0.52-1.365 0-1.885l-16-16c-0.52-0.52-1.365-0.52-1.885 0s-0.52 1.365 0 1.885z"})])}ir.compatConfig={MODE:3};function Fn(){return u(),v("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor","aria-hidden":"true",class:"dp__icon"},[g("path",{d:"M20.943 23.057l-7.057-7.057c0 0 7.057-7.057 7.057-7.057 0.52-0.52 0.52-1.365 0-1.885s-1.365-0.52-1.885 0l-8 8c-0.521 0.521-0.521 1.365 0 1.885l8 8c0.52 0.52 1.365 0.52 1.885 0s0.52-1.365 0-1.885z"})])}Fn.compatConfig={MODE:3};function Wn(){return u(),v("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor","aria-hidden":"true",class:"dp__icon"},[g("path",{d:"M12.943 24.943l8-8c0.521-0.521 0.521-1.365 0-1.885l-8-8c-0.52-0.52-1.365-0.52-1.885 0s-0.52 1.365 0 1.885l7.057 7.057c0 0-7.057 7.057-7.057 7.057-0.52 0.52-0.52 1.365 0 1.885s1.365 0.52 1.885 0z"})])}Wn.compatConfig={MODE:3};function qn(){return u(),v("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor","aria-hidden":"true",class:"dp__icon"},[g("path",{d:"M16 1.333c-8.095 0-14.667 6.572-14.667 14.667s6.572 14.667 14.667 14.667c8.095 0 14.667-6.572 14.667-14.667s-6.572-14.667-14.667-14.667zM16 4c6.623 0 12 5.377 12 12s-5.377 12-12 12c-6.623 0-12-5.377-12-12s5.377-12 12-12z"}),g("path",{d:"M14.667 8v8c0 0.505 0.285 0.967 0.737 1.193l5.333 2.667c0.658 0.329 1.46 0.062 1.789-0.596s0.062-1.46-0.596-1.789l-4.596-2.298c0 0 0-7.176 0-7.176 0-0.736-0.597-1.333-1.333-1.333s-1.333 0.597-1.333 1.333z"})])}qn.compatConfig={MODE:3};function Qn(){return u(),v("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor","aria-hidden":"true",class:"dp__icon"},[g("path",{d:"M24.943 19.057l-8-8c-0.521-0.521-1.365-0.521-1.885 0l-8 8c-0.52 0.52-0.52 1.365 0 1.885s1.365 0.52 1.885 0l7.057-7.057c0 0 7.057 7.057 7.057 7.057 0.52 0.52 1.365 0.52 1.885 0s0.52-1.365 0-1.885z"})])}Qn.compatConfig={MODE:3};function Gn(){return u(),v("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"currentColor","aria-hidden":"true",class:"dp__icon"},[g("path",{d:"M7.057 12.943l8 8c0.521 0.521 1.365 0.521 1.885 0l8-8c0.52-0.52 0.52-1.365 0-1.885s-1.365-0.52-1.885 0l-7.057 7.057c0 0-7.057-7.057-7.057-7.057-0.52-0.52-1.365-0.52-1.885 0s-0.52 1.365 0 1.885z"})])}Gn.compatConfig={MODE:3};function po(e){return a=>new Intl.DateTimeFormat(e,{weekday:"short",timeZone:"UTC"}).format(new Date(`2017-01-0${a}T00:00:00+00:00`)).slice(0,2)}function Jv(e){return a=>dt(new Date(`2017-01-0${a}T00:00:00+00:00`),"EEEEEE",{locale:e})}const Zv=(e,a,t)=>{const n=[1,2,3,4,5,6,7];let o;if(e!==null)try{o=n.map(Jv(e))}catch{o=n.map(po(a))}else o=n.map(po(a));const r=o.slice(0,t),s=o.slice(t+1,o.length);return[o[t]].concat(...s).concat(...r)},jn=(e,a)=>{const t=[];for(let n=+e[0];n<=+e[1];n++)t.push({value:+n,text:`${n}`});return a?t.reverse():t},ur=(e,a,t)=>{const n=[1,2,3,4,5,6,7,8,9,10,11,12].map(r=>{const s=r<10?`0${r}`:r;return new Date(`2017-${s}-01T00:00:00+00:00`)});if(e!==null)try{const r=t==="long"?"MMMM":"MMM";return n.map((s,i)=>{const c=dt(s,r,{locale:e});return{text:c.charAt(0).toUpperCase()+c.substring(1),value:i}})}catch{}const o=new Intl.DateTimeFormat(a,{month:t,timeZone:"UTC"});return n.map((r,s)=>{const i=o.format(r);return{text:i.charAt(0).toUpperCase()+i.substring(1),value:s}})},e0=e=>[12,1,2,3,4,5,6,7,8,9,10,11,12,1,2,3,4,5,6,7,8,9,10,11][e],Je=e=>{const a=l(e);return a!=null&&a.$el?a==null?void 0:a.$el:a},t0=e=>Object.assign({type:"dot"},e),cr=e=>Array.isArray(e)?!!e[0]&&!!e[1]:!1,Un={prop:e=>`"${e}" prop must be enabled!`,dateArr:e=>`You need to use array as "model-value" binding in order to support "${e}"`},Ze=e=>e,ho=e=>e===0?e:!e||isNaN(+e)?null:+e,fo=e=>e===null,dr=e=>{if(e)return[...e.querySelectorAll("input, button, select, textarea, a[href]")][0]},a0=e=>{const a=[],t=n=>n.filter(o=>o);for(let n=0;n{const n=t!=null,o=a!=null;if(!n&&!o)return!1;const r=+t,s=+a;return n&&o?+e>r||+er:o?+ea0(e).map(t=>t.map(n=>{const{active:o,disabled:r,isBetween:s,highlighted:i}=a(n);return{...n,active:o,disabled:r,className:{dp__overlay_cell_active:o,dp__overlay_cell:!o,dp__overlay_cell_disabled:r,dp__overlay_cell_pad:!0,dp__overlay_cell_active_disabled:r&&o,dp__cell_in_between:s,"dp--highlighted":i}}})),Et=(e,a,t=!1)=>{e&&a.allowStopPropagation&&(t&&e.stopImmediatePropagation(),e.stopPropagation())},n0=()=>["a[href]","area[href]","input:not([disabled]):not([type='hidden'])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","[tabindex]:not([tabindex='-1'])","[data-datepicker-instance]"].join(", ");function o0(e,a){let t=[...document.querySelectorAll(n0())];t=t.filter(o=>!e.contains(o)||o.hasAttribute("data-datepicker-instance"));const n=t.indexOf(e);if(n>=0&&(a?n-1>=0:n+1<=t.length))return t[n+(a?-1:1)]}const r0=(e,a)=>e==null?void 0:e.querySelector(`[data-dp-element="${a}"]`),Xn=e=>dt(e,"dd-MM-yyyy"),on=e=>Array.isArray(e),Ha=(e,a)=>a.get(Xn(e)),s0=(e,a)=>e?a?a instanceof Map?!!Ha(e,a):a(G(e)):!1:!0,yo=(e,a,t,n,o)=>{const r=kn(e,a.slice(0,e.length),new Date);return ba(r)&&Qo(r)?n||o?r:He(r,{hours:+t.hours,minutes:+(t==null?void 0:t.minutes),seconds:+(t==null?void 0:t.seconds),milliseconds:0}):null},l0=(e,a,t,n,o)=>{const r=Array.isArray(t)?t[0]:t;if(typeof a=="string")return yo(e,a,r,n,o);if(Array.isArray(a)){let s=null;for(const i of a)if(s=yo(e,i,r,n,o),s)break;return s}return typeof a=="function"?a(e):null},G=e=>e?new Date(e):new Date,i0=(e,a,t)=>{if(a){const o=(e.getMonth()+1).toString().padStart(2,"0"),r=e.getDate().toString().padStart(2,"0"),s=e.getHours().toString().padStart(2,"0"),i=e.getMinutes().toString().padStart(2,"0"),c=t?e.getSeconds().toString().padStart(2,"0"):"00";return`${e.getFullYear()}-${o}-${r}T${s}:${i}:${c}.000Z`}const n=Date.UTC(e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate(),e.getUTCHours(),e.getUTCMinutes(),e.getUTCSeconds());return new Date(n).toISOString()},it=e=>{let a=G(JSON.parse(JSON.stringify(e)));return a=rr(a,0),a=sr(a,0),a=En(a,0),a=zn(a,0),a},Ft=(e,a,t,n)=>{let o=e?G(e):G();return(a||a===0)&&(o=rr(o,+a)),(t||t===0)&&(o=sr(o,+t)),(n||n===0)&&(o=En(o,+n)),zn(o,0)},We=(e,a)=>!e||!a?!1:$a(it(e),it(a)),Ce=(e,a)=>!e||!a?!1:Kt(it(e),it(a)),Ge=(e,a)=>!e||!a?!1:ka(it(e),it(a)),Qa=(e,a,t)=>e!=null&&e[0]&&e!=null&&e[1]?Ge(t,e[0])&&We(t,e[1]):e!=null&&e[0]&&a?Ge(t,e[0])&&We(t,a)||We(t,e[0])&&Ge(t,a):!1,ht=e=>{const a=He(new Date(e),{date:1});return it(a)},rn=(e,a,t)=>a&&(t||t===0)?Object.fromEntries(["hours","minutes","seconds"].map(n=>n===a?[n,t]:[n,isNaN(+e[n])?void 0:+e[n]])):{hours:isNaN(+e.hours)?void 0:+e.hours,minutes:isNaN(+e.minutes)?void 0:+e.minutes,seconds:isNaN(+e.seconds)?void 0:+e.seconds},Jt=e=>({hours:ft(e),minutes:Pt(e),seconds:da(e)}),mr=(e,a)=>{if(a){const t=we(G(a));if(t>e)return 12;if(t===e)return $e(G(a))}},vr=(e,a)=>{if(a){const t=we(G(a));return t{if(e)return we(G(e))},pr=(e,a)=>{const t=Ge(e,a)?a:e,n=Ge(a,e)?a:e;return Go({start:t,end:n})},u0=e=>{const a=lt(e,1);return{month:$e(a),year:we(a)}},Vt=(e,a)=>{const t=xt(e,{weekStartsOn:+a}),n=im(e,{weekStartsOn:+a});return[t,n]},hr=(e,a)=>{const t={hours:ft(G()),minutes:Pt(G()),seconds:a?da(G()):0};return Object.assign(t,e)},zt=(e,a,t)=>[He(G(e),{date:1}),He(G(),{month:a,year:t,date:1})],Ct=(e,a,t)=>{let n=e?G(e):G();return(a||a===0)&&(n=or(n,a)),t&&(n=Dt(n,t)),n},fr=(e,a,t,n,o)=>{if(!n||o&&!a||!o&&!t)return!1;const r=o?lt(e,1):Nt(e,1),s=[$e(r),we(r)];return o?!d0(...s,a):!c0(...s,t)},c0=(e,a,t)=>We(...zt(t,e,a))||Ce(...zt(t,e,a)),d0=(e,a,t)=>Ge(...zt(t,e,a))||Ce(...zt(t,e,a)),yr=(e,a,t,n,o,r,s)=>{if(typeof a=="function"&&!s)return a(e);const i=t?{locale:t}:void 0;return Array.isArray(e)?`${dt(e[0],r,i)}${o&&!e[1]?"":n}${e[1]?dt(e[1],r,i):""}`:dt(e,r,i)},sa=e=>{if(e)return null;throw new Error(Un.prop("partial-range"))},Ca=(e,a)=>{if(a)return e();throw new Error(Un.prop("range"))},$n=e=>Array.isArray(e)?ba(e[0])&&(e[1]?ba(e[1]):!0):e?ba(e):!1,m0=(e,a)=>He(a??G(),{hours:+e.hours||0,minutes:+e.minutes||0,seconds:+e.seconds||0}),sn=(e,a,t,n)=>{if(!e)return!0;if(n){const o=t==="max"?$a(e,a):ka(e,a),r={seconds:0,milliseconds:0};return o||Kt(He(e,r),He(a,r))}return t==="max"?e.getTime()<=a.getTime():e.getTime()>=a.getTime()},ln=(e,a,t)=>e?m0(e,a):G(t??a),go=(e,a,t,n,o)=>{if(Array.isArray(n)){const s=ln(e,n[0],a),i=ln(e,n[1],a);return sn(n[0],s,t,!!a)&&sn(n[1],i,t,!!a)&&o}const r=ln(e,n,a);return sn(n,r,t,!!a)&&o},un=e=>He(G(),Jt(e)),v0=(e,a)=>e instanceof Map?Array.from(e.values()).filter(t=>we(G(t))===a).map(t=>$e(t)):[],gr=(e,a,t)=>typeof e=="function"?e({month:a,year:t}):!!e.months.find(n=>n.month===a&&n.year===t),Kn=(e,a)=>typeof e=="function"?e(a):e.years.includes(a),_a=Ma({menuFocused:!1,shiftKeyInMenu:!1}),_r=()=>{const e=t=>{_a.menuFocused=t},a=t=>{_a.shiftKeyInMenu!==t&&(_a.shiftKeyInMenu=t)};return{control:M(()=>({shiftKeyInMenu:_a.shiftKeyInMenu,menuFocused:_a.menuFocused})),setMenuFocused:e,setShiftKey:a}},ze=Ma({monthYear:[],calendar:[],time:[],actionRow:[],selectionGrid:[],timePicker:{0:[],1:[]},monthPicker:[]}),cn=A(null),Oa=A(!1),dn=A(!1),mn=A(!1),vn=A(!1),at=A(0),tt=A(0),Gt=()=>{const e=M(()=>Oa.value?[...ze.selectionGrid,ze.actionRow].filter(p=>p.length):dn.value?[...ze.timePicker[0],...ze.timePicker[1],vn.value?[]:[cn.value],ze.actionRow].filter(p=>p.length):mn.value?[...ze.monthPicker,ze.actionRow]:[ze.monthYear,...ze.calendar,ze.time,ze.actionRow].filter(p=>p.length)),a=p=>{at.value=p?at.value+1:at.value-1;let f=null;e.value[tt.value]&&(f=e.value[tt.value][at.value]),f||(at.value=p?at.value-1:at.value+1)},t=p=>{tt.value===0&&!p||tt.value===e.value.length&&p||(tt.value=p?tt.value+1:tt.value-1,e.value[tt.value]?e.value[tt.value]&&!e.value[tt.value][at.value]&&at.value!==0&&(at.value=e.value[tt.value].length-1):tt.value=p?tt.value-1:tt.value+1)},n=p=>{let f=null;e.value[tt.value]&&(f=e.value[tt.value][at.value]),f?f.focus({preventScroll:!Oa.value}):at.value=p?at.value-1:at.value+1},o=()=>{a(!0),n(!0)},r=()=>{a(!1),n(!1)},s=()=>{t(!1),n(!0)},i=()=>{t(!0),n(!0)},c=(p,f)=>{ze[f]=p},_=(p,f)=>{ze[f]=p},h=()=>{at.value=0,tt.value=0};return{buildMatrix:c,buildMultiLevelMatrix:_,setTimePickerBackRef:p=>{cn.value=p},setSelectionGrid:p=>{Oa.value=p,h(),p||(ze.selectionGrid=[])},setTimePicker:(p,f=!1)=>{dn.value=p,vn.value=f,h(),p||(ze.timePicker[0]=[],ze.timePicker[1]=[])},setTimePickerElements:(p,f=0)=>{ze.timePicker[f]=p},arrowRight:o,arrowLeft:r,arrowUp:s,arrowDown:i,clearArrowNav:()=>{ze.monthYear=[],ze.calendar=[],ze.time=[],ze.actionRow=[],ze.selectionGrid=[],ze.timePicker[0]=[],ze.timePicker[1]=[],Oa.value=!1,dn.value=!1,vn.value=!1,mn.value=!1,h(),cn.value=null},setMonthPicker:p=>{mn.value=p,h()},refSets:ze}},Wt=(e,a)=>a?new Date(e.toLocaleString("en-US",{timeZone:a})):new Date(e),br=(e,a)=>Dn(e,a)||G(),p0=(e,a)=>a.dateInTz?Wt(new Date(e),a.dateInTz):G(e),Dn=(e,a)=>{if(!e)return null;if(!a)return G(e);const t=G(e);return a.exactMatch?p0(e,a):Wt(t,a.timezone)},_o=e=>({menuAppearTop:"dp-menu-appear-top",menuAppearBottom:"dp-menu-appear-bottom",open:"dp-slide-down",close:"dp-slide-up",next:"calendar-next",previous:"calendar-prev",vNext:"dp-slide-up",vPrevious:"dp-slide-down",...e??{}}),h0=e=>({toggleOverlay:"Toggle overlay",menu:"Datepicker menu",input:"Datepicker input",calendarWrap:"Calendar wrapper",calendarDays:"Calendar days",openTimePicker:"Open time picker",closeTimePicker:"Close time Picker",incrementValue:a=>`Increment ${a}`,decrementValue:a=>`Decrement ${a}`,openTpOverlay:a=>`Open ${a} overlay`,amPmButton:"Switch AM/PM mode",openYearsOverlay:"Open years overlay",openMonthsOverlay:"Open months overlay",nextMonth:"Next month",prevMonth:"Previous month",nextYear:"Next year",prevYear:"Previous year",day:()=>"",...e??{}}),bo=e=>e?typeof e=="boolean"?e?2:0:+e>=2?+e:2:0,f0=e=>{const a=typeof e=="object"&&e,t={static:!0,solo:!1};if(!e)return{...t,count:bo(!1)};const n=a?e:{},o=a?n.count??!0:e,r=bo(o);return Object.assign(t,n,{count:r})},y0=(e,a,t)=>e||(typeof t=="string"?t:a),g0=e=>typeof e=="boolean"?e?_o({}):!1:_o(e),_0=e=>{const a={enterSubmit:!0,tabSubmit:!0,openMenu:!0,selectOnFocus:!1,rangeSeparator:" - "};return typeof e=="object"?{...a,...e??{},enabled:!0}:{...a,enabled:e}},b0=e=>({months:[],years:[],times:{hours:[],minutes:[],seconds:[]},...e??{}}),w0=e=>({showSelect:!0,showCancel:!0,showNow:!1,showPreview:!0,...e??{}}),k0=e=>{const a={input:!1};return typeof e=="object"?{...a,...e??{},enabled:!0}:{enabled:e,...a}},$0=e=>({allowStopPropagation:!0,closeOnScroll:!1,modeHeight:255,allowPreventDefault:!1,closeOnClearValue:!0,closeOnAutoApply:!0,noSwipe:!1,keepActionRow:!1,onClickOutside:void 0,tabOutClosesMenu:!0,...e??{}}),D0=e=>{const a={dates:Array.isArray(e)?e.map(t=>G(t)):[],years:[],months:[],quarters:[],weeks:[],weekdays:[],options:{highlightDisabled:!1}};return typeof e=="function"?e:{...a,...e??{}}},M0=e=>typeof e=="object"?{type:(e==null?void 0:e.type)??"local",hideOnOffsetDates:(e==null?void 0:e.hideOnOffsetDates)??!1}:{type:e,hideOnOffsetDates:!1},T0=(e,a)=>typeof e=="object"?{enabled:!0,...{noDisabledRange:!1,showLastInRange:!0,minMaxRawRange:!1,partialRange:!0,disableTimeRangeValidation:!1,maxRange:void 0,minRange:void 0,autoRange:void 0,fixedStart:!1,fixedEnd:!1},...e}:{enabled:e,noDisabledRange:a.noDisabledRange,showLastInRange:a.showLastInRange,minMaxRawRange:a.minMaxRawRange,partialRange:a.partialRange,disableTimeRangeValidation:a.disableTimeRangeValidation,maxRange:a.maxRange,minRange:a.minRange,autoRange:a.autoRange,fixedStart:a.fixedStart,fixedEnd:a.fixedEnd},P0=(e,a)=>e?typeof e=="string"?{timezone:e,exactMatch:!1,dateInTz:void 0,emitTimezone:a}:{timezone:e.timezone,exactMatch:e.exactMatch??!1,dateInTz:e.dateInTz??void 0,emitTimezone:a??e.emitTimezone}:{timezone:void 0,exactMatch:!1,emitTimezone:a},pn=(e,a)=>new Map(e.map(t=>{const n=br(t,a);return[Xn(n),n]})),x0=(e,a)=>e.length?new Map(e.map(t=>{const n=br(t.date,a);return[Xn(n),t]})):null,S0=(e,a,t,n,o,r,s)=>({minDate:Dn(e,s),maxDate:Dn(a,s),disabledDates:on(t)?pn(t,s):t,allowedDates:on(n)?pn(n,s):null,highlight:typeof o=="object"&&on(o==null?void 0:o.dates)?pn(o.dates,s):o,markers:x0(r,s)}),Fe=e=>{const a=()=>{const B=e.enableSeconds?":ss":"";return e.is24?`HH:mm${B}`:`hh:mm${B} aa`},t=()=>{var B;return e.format?e.format:e.monthPicker?"MM/yyyy":e.timePicker?a():e.weekPicker?`${((B=Y.value)==null?void 0:B.type)==="iso"?"RR":"ww"}-yyyy`:e.yearPicker?"yyyy":e.quarterPicker?"QQQ/yyyy":e.enableTimePicker?`MM/dd/yyyy, ${a()}`:"MM/dd/yyyy"},n=B=>hr(B,e.enableSeconds),o=()=>P.value.enabled?e.startTime&&Array.isArray(e.startTime)?[n(e.startTime[0]),n(e.startTime[1])]:null:e.startTime&&!Array.isArray(e.startTime)?n(e.startTime):null,r=M(()=>f0(e.multiCalendars)),s=M(()=>o()),i=M(()=>h0(e.ariaLabels)),c=M(()=>b0(e.filters)),_=M(()=>g0(e.transitions)),h=M(()=>w0(e.actionRow)),p=M(()=>y0(e.previewFormat,e.format,t())),f=M(()=>_0(e.textInput)),y=M(()=>k0(e.inline)),S=M(()=>$0(e.config)),T=M(()=>D0(e.highlight)),Y=M(()=>M0(e.weekNumbers)),te=M(()=>P0(e.timezone,e.emitTimezone)),U=M(()=>S0(e.minDate,e.maxDate,e.disabledDates,e.allowedDates,T.value,e.markers,te.value)),P=M(()=>T0(e.range,{minMaxRawRange:!1,maxRange:e.maxRange,minRange:e.minRange,noDisabledRange:e.noDisabledRange,showLastInRange:e.showLastInRange,partialRange:e.partialRange,disableTimeRangeValidation:e.disableTimeRangeValidation,autoRange:e.autoRange,fixedStart:e.fixedStart,fixedEnd:e.fixedEnd}));return{defaultedTransitions:_,defaultedMultiCalendars:r,defaultedStartTime:s,defaultedAriaLabels:i,defaultedFilters:c,defaultedActionRow:h,defaultedPreviewFormat:p,defaultedTextInput:f,defaultedInline:y,defaultedConfig:S,defaultedHighlight:T,defaultedWeekNumbers:Y,defaultedRange:P,propDates:U,defaultedTz:te,getDefaultPattern:t,getDefaultStartTime:o}},A0=(e,a,t)=>{const n=A(),{defaultedTextInput:o,defaultedRange:r,defaultedTz:s,getDefaultPattern:i}=Fe(a),c=A(""),_=La(a,"format");ot(n,()=>{e("internal-model-change",n.value)},{deep:!0}),ot(_,()=>{J()});const h=(m,d,k=!1)=>yr(m,a.format,a.formatLocale,o.value.rangeSeparator,a.modelAuto,d??i(),k),p=m=>m?a.modelType?C(m):{hours:ft(m),minutes:Pt(m),seconds:a.enableSeconds?da(m):0}:null,f=m=>a.modelType?C(m):{month:$e(m),year:we(m)},y=m=>Array.isArray(m)?a.multiDates?m.map(d=>S(d,Dt(G(),d))):Ca(()=>[Dt(G(),m[0]),m[1]?Dt(G(),m[1]):sa(r.value.partialRange)],r.value.enabled):Dt(G(),+m),S=(m,d)=>(typeof m=="string"||typeof m=="number")&&a.modelType?b(m):d,T=m=>Array.isArray(m)?[S(m[0],Ft(null,+m[0].hours,+m[0].minutes,m[0].seconds)),S(m[1],Ft(null,+m[1].hours,+m[1].minutes,m[1].seconds))]:S(m,Ft(null,m.hours,m.minutes,m.seconds)),Y=m=>{const d=He(G(),{date:1});return Array.isArray(m)?a.multiDates?m.map(k=>S(k,Ct(d,+k.month,+k.year))):Ca(()=>[S(m[0],Ct(d,+m[0].month,+m[0].year)),S(m[1],m[1]?Ct(d,+m[1].month,+m[1].year):sa(r.value.partialRange))],r.value.enabled):S(m,Ct(d,+m.month,+m.year))},te=m=>{if(Array.isArray(m))return m.map(d=>b(d));throw new Error(Un.dateArr("multi-dates"))},U=m=>{if(Array.isArray(m)&&r.value.enabled){const d=m[0],k=m[1];return[G(Array.isArray(d)?d[0]:null),G(Array.isArray(k)?k[0]:null)]}return G(m[0])},P=m=>a.modelAuto?Array.isArray(m)?[b(m[0]),b(m[1])]:a.autoApply?[b(m)]:[b(m),null]:Array.isArray(m)?Ca(()=>m[1]?[b(m[0]),m[1]?b(m[1]):sa(r.value.partialRange)]:[b(m[0])],r.value.enabled):b(m),B=()=>{Array.isArray(n.value)&&r.value.enabled&&n.value.length===1&&n.value.push(sa(r.value.partialRange))},z=()=>{const m=n.value;return[C(m[0]),m[1]?C(m[1]):sa(r.value.partialRange)]},X=()=>n.value[1]?z():C(Ze(n.value[0])),L=()=>(n.value||[]).map(m=>C(m)),F=()=>(B(),a.modelAuto?X():a.multiDates?L():Array.isArray(n.value)?Ca(()=>z(),r.value.enabled):C(Ze(n.value))),ee=m=>!m||Array.isArray(m)&&!m.length?null:a.timePicker?T(Ze(m)):a.monthPicker?Y(Ze(m)):a.yearPicker?y(Ze(m)):a.multiDates?te(Ze(m)):a.weekPicker?U(Ze(m)):P(Ze(m)),ie=m=>{const d=ee(m);$n(Ze(d))?(n.value=Ze(d),J()):(n.value=null,c.value="")},R=()=>{const m=d=>dt(d,o.value.format);return`${m(n.value[0])} ${o.value.rangeSeparator} ${n.value[1]?m(n.value[1]):""}`},E=()=>t.value&&n.value?Array.isArray(n.value)?R():dt(n.value,o.value.format):h(n.value),H=()=>n.value?a.multiDates?n.value.map(m=>h(m)).join("; "):o.value.enabled&&typeof o.value.format=="string"?E():h(n.value):"",J=()=>{!a.format||typeof a.format=="string"||o.value.enabled&&typeof o.value.format=="string"?c.value=H():c.value=a.format(n.value)},b=m=>{if(a.utc){const d=new Date(m);return a.utc==="preserve"?new Date(d.getTime()+d.getTimezoneOffset()*6e4):d}return a.modelType?a.modelType==="date"||a.modelType==="timestamp"?new Date(m):a.modelType==="format"&&(typeof a.format=="string"||!a.format)?kn(m,i(),new Date):kn(m,a.modelType,new Date):new Date(m)},C=m=>m?a.utc?i0(m,a.utc==="preserve",a.enableSeconds):a.modelType?a.modelType==="timestamp"?+m:a.modelType==="format"&&(typeof a.format=="string"||!a.format)?h(m):h(m,a.modelType,!0):m:"",j=(m,d=!1)=>{if(e("update:model-value",m),s.value.emitTimezone&&d){const k=Array.isArray(m)?m.map(q=>Wt(Ze(q),s.value.emitTimezone)):Wt(Ze(m),s.value.emitTimezone);e("update:model-timezone-value",k)}},ue=m=>Array.isArray(n.value)?a.multiDates?n.value.map(d=>m(d)):[m(n.value[0]),n.value[1]?m(n.value[1]):sa(r.value.partialRange)]:m(Ze(n.value)),me=()=>{if(Array.isArray(n.value)){const m=Vt(n.value[0],a.weekStart),d=n.value[1]?Vt(n.value[1],a.weekStart):[];return[m.map(k=>G(k)),d.map(k=>G(k))]}return Vt(n.value,a.weekStart).map(m=>G(m))},I=m=>j(Ze(ue(m)));return{inputValue:c,internalModelValue:n,checkBeforeEmit:()=>n.value?r.value.enabled?r.value.partialRange?n.value.length>=1:n.value.length===2:!!n.value:!1,parseExternalModelValue:ie,formatInputValue:J,emitModelValue:()=>(J(),a.monthPicker?I(f):a.timePicker?I(p):a.yearPicker?I(we):a.weekPicker?e("update:model-value",me()):j(F(),!0))}},V0=(e,a)=>{const{defaultedFilters:t,propDates:n}=Fe(e),{validateMonthYearInRange:o}=na(e),r=(h,p)=>{let f=h;return t.value.months.includes($e(f))?(f=p?lt(h,1):Nt(h,1),r(f,p)):f},s=(h,p)=>{let f=h;return t.value.years.includes(we(f))?(f=p?On(h,1):lr(h,1),s(f,p)):f},i=(h,p=!1)=>{const f=He(G(),{month:e.month,year:e.year});let y=h?lt(f,1):Nt(f,1);e.disableYearSelect&&(y=Dt(y,e.year));let S=$e(y),T=we(y);t.value.months.includes(S)&&(y=r(y,h),S=$e(y),T=we(y)),t.value.years.includes(T)&&(y=s(y,h),T=we(y)),o(S,T,h,e.preventMinMaxNavigation)&&c(S,T,p)},c=(h,p,f)=>{a("update-month-year",{month:h,year:p,fromNav:f})},_=M(()=>h=>fr(He(G(),{month:e.month,year:e.year}),n.value.maxDate,n.value.minDate,e.preventMinMaxNavigation,h));return{handleMonthYearChange:i,isDisabled:_,updateMonthYear:c}};var la=(e=>(e.center="center",e.left="left",e.right="right",e))(la||{}),pt=(e=>(e.month="month",e.year="year",e))(pt||{}),Xt=(e=>(e.top="top",e.bottom="bottom",e))(Xt||{}),Zt=(e=>(e.header="header",e.calendar="calendar",e.timePicker="timePicker",e))(Zt||{}),_t=(e=>(e.month="month",e.year="year",e.calendar="calendar",e.time="time",e.minutes="minutes",e.hours="hours",e.seconds="seconds",e))(_t||{});const C0=({menuRef:e,menuRefInner:a,inputRef:t,pickerWrapperRef:n,inline:o,emit:r,props:s,slots:i})=>{const c=A({}),_=A(!1),h=A({top:"0",left:"0"}),p=A(!1),f=La(s,"teleportCenter");ot(f,()=>{h.value=JSON.parse(JSON.stringify({})),B()});const y=b=>{if(s.teleport){const C=b.getBoundingClientRect();return{left:C.left+window.scrollX,top:C.top+window.scrollY}}return{top:0,left:0}},S=(b,C)=>{h.value.left=`${b+C-c.value.width}px`},T=b=>{h.value.left=`${b}px`},Y=(b,C)=>{s.position===la.left&&T(b),s.position===la.right&&S(b,C),s.position===la.center&&(h.value.left=`${b+C/2-c.value.width/2}px`)},te=b=>{const{width:C,height:j}=b.getBoundingClientRect(),{top:ue,left:me}=s.altPosition?s.altPosition(b):y(b);return{top:+ue,left:+me,width:C,height:j}},U=()=>{h.value.left="50%",h.value.top="50%",h.value.transform="translate(-50%, -50%)",h.value.position="fixed",delete h.value.opacity},P=()=>{const b=Je(t),{top:C,left:j,transform:ue}=s.altPosition(b);h.value={top:`${C}px`,left:`${j}px`,transform:ue??""}},B=(b=!0)=>{var C;if(!o.value.enabled){if(f.value)return U();if(s.altPosition!==null)return P();if(b){const j=s.teleport?(C=a.value)==null?void 0:C.$el:e.value;j&&(c.value=j.getBoundingClientRect()),r("recalculate-position")}return R()}},z=({inputEl:b,left:C,width:j})=>{window.screen.width>768&&!_.value&&Y(C,j),F(b)},X=b=>{const{top:C,left:j,height:ue,width:me}=te(b);h.value.top=`${ue+C+ +s.offset}px`,p.value=!1,_.value||(h.value.left=`${j+me/2-c.value.width/2}px`),z({inputEl:b,left:j,width:me})},L=b=>{const{top:C,left:j,width:ue}=te(b);h.value.top=`${C-+s.offset-c.value.height}px`,p.value=!0,z({inputEl:b,left:j,width:ue})},F=b=>{if(s.autoPosition){const{left:C,width:j}=te(b),{left:ue,right:me}=c.value;if(!_.value){if(Math.abs(ue)!==Math.abs(me)){if(ue<=0)return _.value=!0,T(C);if(me>=document.documentElement.clientWidth)return _.value=!0,S(C,j)}return Y(C,j)}}},ee=()=>{const b=Je(t);if(b){const{height:C}=c.value,{top:j,height:ue}=b.getBoundingClientRect(),me=window.innerHeight-j-ue,I=j;return C<=me?Xt.bottom:C>me&&C<=I?Xt.top:me>=I?Xt.bottom:Xt.top}return Xt.bottom},ie=b=>ee()===Xt.bottom?X(b):L(b),R=()=>{const b=Je(t);if(b)return s.autoPosition?ie(b):X(b)},E=function(b){if(b){const C=b.scrollHeight>b.clientHeight,j=window.getComputedStyle(b).overflowY.indexOf("hidden")!==-1;return C&&!j}return!0},H=function(b){return!b||b===document.body||b.nodeType===Node.DOCUMENT_FRAGMENT_NODE?window:E(b)?b:H(b.parentNode)},J=b=>{if(b)switch(s.position){case la.left:return{left:0,transform:"translateX(0)"};case la.right:return{left:`${b.width}px`,transform:"translateX(-100%)"};default:return{left:`${b.width/2}px`,transform:"translateX(-50%)"}}return{}};return{openOnTop:p,menuStyle:h,xCorrect:_,setMenuPosition:B,getScrollableParent:H,shadowRender:(b,C)=>{var j,ue,me;const I=document.createElement("div"),m=(j=Je(t))==null?void 0:j.getBoundingClientRect();I.setAttribute("id","dp--temp-container");const d=(ue=n.value)!=null&&ue.clientWidth?n.value:document.body;d.append(I);const k=J(m),q=zr(b,{...C,shadow:!0,style:{opacity:0,position:"absolute",...k}},Object.fromEntries(Object.keys(i).filter(de=>["right-sidebar","left-sidebar"].includes(de)).map(de=>[de,i[de]])));to(q,I),c.value=(me=q.el)==null?void 0:me.getBoundingClientRect(),to(null,I),d.removeChild(I)}}},Bt=[{name:"clock-icon",use:["time","calendar","shared"]},{name:"arrow-left",use:["month-year","calendar","shared","year-mode"]},{name:"arrow-right",use:["month-year","calendar","shared","year-mode"]},{name:"arrow-up",use:["time","calendar","month-year","shared"]},{name:"arrow-down",use:["time","calendar","month-year","shared"]},{name:"calendar-icon",use:["month-year","time","calendar","shared","year-mode"]},{name:"day",use:["calendar","shared"]},{name:"month-overlay-value",use:["calendar","month-year","shared"]},{name:"year-overlay-value",use:["calendar","month-year","shared","year-mode"]},{name:"year-overlay",use:["month-year","shared"]},{name:"month-overlay",use:["month-year","shared"]},{name:"month-overlay-header",use:["month-year","shared"]},{name:"year-overlay-header",use:["month-year","shared"]},{name:"hours-overlay-value",use:["calendar","time","shared"]},{name:"minutes-overlay-value",use:["calendar","time","shared"]},{name:"seconds-overlay-value",use:["calendar","time","shared"]},{name:"hours",use:["calendar","time","shared"]},{name:"minutes",use:["calendar","time","shared"]},{name:"month",use:["calendar","month-year","shared"]},{name:"year",use:["calendar","month-year","shared","year-mode"]},{name:"action-buttons",use:["action"]},{name:"action-preview",use:["action"]},{name:"calendar-header",use:["calendar","shared"]},{name:"marker-tooltip",use:["calendar","shared"]},{name:"action-extra",use:["menu"]},{name:"time-picker-overlay",use:["calendar","time","shared"]},{name:"am-pm-button",use:["calendar","time","shared"]},{name:"left-sidebar",use:["menu"]},{name:"right-sidebar",use:["menu"]},{name:"month-year",use:["month-year","shared"]},{name:"time-picker",use:["menu","shared"]},{name:"action-row",use:["action"]},{name:"marker",use:["calendar","shared"]},{name:"quarter",use:["shared"]}],O0=[{name:"trigger"},{name:"input-icon"},{name:"clear-icon"},{name:"dp-input"}],N0={all:()=>Bt,monthYear:()=>Bt.filter(e=>e.use.includes("month-year")),input:()=>O0,timePicker:()=>Bt.filter(e=>e.use.includes("time")),action:()=>Bt.filter(e=>e.use.includes("action")),calendar:()=>Bt.filter(e=>e.use.includes("calendar")),menu:()=>Bt.filter(e=>e.use.includes("menu")),shared:()=>Bt.filter(e=>e.use.includes("shared")),yearMode:()=>Bt.filter(e=>e.use.includes("year-mode"))},st=(e,a,t)=>{const n=[];return N0[a]().forEach(o=>{e[o.name]&&n.push(o.name)}),t!=null&&t.length&&t.forEach(o=>{o.slot&&n.push(o.slot)}),n},Pa=e=>{const a=M(()=>n=>e.value?n?e.value.open:e.value.close:""),t=M(()=>n=>e.value?n?e.value.menuAppearTop:e.value.menuAppearBottom:"");return{transitionName:a,showTransition:!!e.value,menuTransition:t}},xa=(e,a)=>{const{defaultedRange:t,defaultedTz:n}=Fe(e),o=G(Wt(G(),n.value.timezone)),r=A([{month:$e(o),year:we(o)}]),s=Ma({hours:t.value.enabled?[ft(o),ft(o)]:ft(o),minutes:t.value.enabled?[Pt(o),Pt(o)]:Pt(o),seconds:t.value.enabled?[0,0]:0}),i=M({get:()=>e.internalModelValue,set:h=>{!e.readonly&&!e.disabled&&a("update:internal-model-value",h)}}),c=M(()=>h=>r.value[h]?r.value[h].month:0),_=M(()=>h=>r.value[h]?r.value[h].year:0);return{calendars:r,time:s,modelValue:i,month:c,year:_}},R0=(e,a)=>{const{defaultedMultiCalendars:t,defaultedHighlight:n,defaultedTz:o,propDates:r,defaultedRange:s}=Fe(a),{isDisabled:i}=na(a),c=A(null),_=A(Wt(new Date,o.value.timezone)),h=d=>{!d.current&&a.hideOffsetDates||(c.value=d.value)},p=()=>{c.value=null},f=d=>Array.isArray(e.value)&&s.value.enabled&&e.value[0]&&c.value?d?Ge(c.value,e.value[0]):We(c.value,e.value[0]):!0,y=(d,k)=>{const q=()=>e.value?k?e.value[0]||null:e.value[1]:null,de=e.value&&Array.isArray(e.value)?q():null;return Ce(G(d.value),de)},S=d=>{const k=Array.isArray(e.value)?e.value[0]:null;return d?!We(c.value??null,k):!0},T=(d,k=!0)=>(s.value.enabled||a.weekPicker)&&Array.isArray(e.value)&&e.value.length===2?a.hideOffsetDates&&!d.current?!1:Ce(G(d.value),e.value[k?0:1]):s.value.enabled?y(d,k)&&S(k)||Ce(d.value,Array.isArray(e.value)?e.value[0]:null)&&f(k):!1,Y=(d,k,q)=>Array.isArray(e.value)&&e.value[0]&&e.value.length===1?d?!1:q?Ge(e.value[0],k.value):We(e.value[0],k.value):!1,te=d=>!e.value||a.hideOffsetDates&&!d.current?!1:s.value.enabled?a.modelAuto&&Array.isArray(e.value)?Ce(d.value,e.value[0]?e.value[0]:_.value):!1:a.multiDates&&Array.isArray(e.value)?e.value.some(k=>Ce(k,d.value)):Ce(d.value,e.value?e.value:_.value),U=d=>{if(s.value.autoRange||a.weekPicker){if(c.value){if(a.hideOffsetDates&&!d.current)return!1;const k=je(c.value,+s.value.autoRange),q=Vt(G(c.value),a.weekStart);return a.weekPicker?Ce(q[1],G(d.value)):Ce(k,G(d.value))}return!1}return!1},P=d=>{if(s.value.autoRange||a.weekPicker){if(c.value){const k=je(c.value,+s.value.autoRange);if(a.hideOffsetDates&&!d.current)return!1;const q=Vt(G(c.value),a.weekStart);return a.weekPicker?Ge(d.value,q[0])&&We(d.value,q[1]):Ge(d.value,c.value)&&We(d.value,k)}return!1}return!1},B=d=>{if(s.value.autoRange||a.weekPicker){if(c.value){if(a.hideOffsetDates&&!d.current)return!1;const k=Vt(G(c.value),a.weekStart);return a.weekPicker?Ce(k[0],d.value):Ce(c.value,d.value)}return!1}return!1},z=d=>Qa(e.value,c.value,d.value),X=()=>a.modelAuto&&Array.isArray(a.internalModelValue)?!!a.internalModelValue[0]:!1,L=()=>a.modelAuto?cr(a.internalModelValue):!0,F=d=>{if(Array.isArray(e.value)&&e.value.length||a.weekPicker)return!1;const k=s.value.enabled?!T(d)&&!T(d,!1):!0;return!i(d.value)&&!te(d)&&!(!d.current&&a.hideOffsetDates)&&k},ee=d=>s.value.enabled?a.modelAuto?X()&&te(d):!1:te(d),ie=d=>n.value?s0(d.value,r.value.highlight):!1,R=d=>{const k=i(d.value);return k&&(typeof n.value=="function"?!n.value(d.value,k):!n.value.options.highlightDisabled)},E=d=>{var k;return typeof n.value=="function"?n.value(d.value):(k=n.value.weekdays)==null?void 0:k.includes(d.value.getDay())},H=d=>(s.value.enabled||a.weekPicker)&&(!(t.value.count>0)||d.current)&&L()&&!(!d.current&&a.hideOffsetDates)&&!te(d)?z(d):!1,J=d=>{const{isRangeStart:k,isRangeEnd:q}=ue(d),de=s.value.enabled?k||q:!1;return{dp__cell_offset:!d.current,dp__pointer:!a.disabled&&!(!d.current&&a.hideOffsetDates)&&!i(d.value),dp__cell_disabled:i(d.value),dp__cell_highlight:!R(d)&&(ie(d)||E(d))&&!ee(d)&&!de&&!B(d)&&!(H(d)&&a.weekPicker)&&!q,dp__cell_highlight_active:!R(d)&&(ie(d)||E(d))&&ee(d),dp__today:!a.noToday&&Ce(d.value,_.value)&&d.current,"dp--past":We(d.value,_.value),"dp--future":Ge(d.value,_.value)}},b=d=>({dp__active_date:ee(d),dp__date_hover:F(d)}),C=d=>{if(e.value&&!Array.isArray(e.value)){const k=Vt(e.value,a.weekStart);return{...I(d),dp__range_start:Ce(k[0],d.value),dp__range_end:Ce(k[1],d.value),dp__range_between_week:Ge(d.value,k[0])&&We(d.value,k[1])}}return{...I(d)}},j=d=>{if(e.value&&Array.isArray(e.value)){const k=Vt(e.value[0],a.weekStart),q=e.value[1]?Vt(e.value[1],a.weekStart):[];return{...I(d),dp__range_start:Ce(k[0],d.value)||Ce(q[0],d.value),dp__range_end:Ce(k[1],d.value)||Ce(q[1],d.value),dp__range_between_week:Ge(d.value,k[0])&&We(d.value,k[1])||Ge(d.value,q[0])&&We(d.value,q[1]),dp__range_between:Ge(d.value,k[1])&&We(d.value,q[0])}}return{...I(d)}},ue=d=>{const k=t.value.count>0?d.current&&T(d)&&L():T(d)&&L(),q=t.value.count>0?d.current&&T(d,!1)&&L():T(d,!1)&&L();return{isRangeStart:k,isRangeEnd:q}},me=d=>{const{isRangeStart:k,isRangeEnd:q}=ue(d);return{dp__range_start:k,dp__range_end:q,dp__range_between:H(d),dp__date_hover_start:Y(F(d),d,!0),dp__date_hover_end:Y(F(d),d,!1)}},I=d=>({...me(d),dp__cell_auto_range:P(d),dp__cell_auto_range_start:B(d),dp__cell_auto_range_end:U(d)}),m=d=>s.value.enabled?s.value.autoRange?I(d):a.modelAuto?{...b(d),...me(d)}:a.weekPicker?j(d):me(d):a.weekPicker?C(d):b(d);return{setHoverDate:h,clearHoverDate:p,getDayClassData:d=>a.hideOffsetDates&&!d.current?{}:{...J(d),...m(d),[a.dayClass?a.dayClass(d.value):""]:!0,[a.calendarCellClassName]:!!a.calendarCellClassName}}},na=e=>{const{defaultedFilters:a,defaultedRange:t,propDates:n}=Fe(e),o=R=>n.value.disabledDates?typeof n.value.disabledDates=="function"?n.value.disabledDates(G(R)):!!Ha(R,n.value.disabledDates):!1,r=R=>{const E=n.value.maxDate?Ge(R,n.value.maxDate):!1,H=n.value.minDate?We(R,n.value.minDate):!1,J=o(R),b=a.value.months.map(I=>+I).includes($e(R)),C=e.disabledWeekDays.length?e.disabledWeekDays.some(I=>+I===Zm(R)):!1,j=h(R),ue=we(R),me=ue<+e.yearRange[0]||ue>+e.yearRange[1];return!(E||H||J||b||me||C||j)},s=(R,E)=>We(...zt(n.value.minDate,R,E))||Ce(...zt(n.value.minDate,R,E)),i=(R,E)=>Ge(...zt(n.value.maxDate,R,E))||Ce(...zt(n.value.maxDate,R,E)),c=(R,E,H)=>{let J=!1;return n.value.maxDate&&H&&i(R,E)&&(J=!0),n.value.minDate&&!H&&s(R,E)&&(J=!0),J},_=(R,E,H,J)=>{let b=!1;return J?n.value.minDate&&n.value.maxDate?b=c(R,E,H):(n.value.minDate&&s(R,E)||n.value.maxDate&&i(R,E))&&(b=!0):b=!0,b},h=R=>Array.isArray(n.value.allowedDates)&&!n.value.allowedDates.length?!0:n.value.allowedDates?!Ha(R,n.value.allowedDates):!1,p=R=>!r(R),f=R=>t.value.noDisabledRange?!Go({start:R[0],end:R[1]}).some(E=>p(E)):!0,y=R=>{if(R){const E=we(R);return E>=+e.yearRange[0]&&E<=e.yearRange[1]}return!0},S=(R,E)=>Array.isArray(R)&&R[E]&&(t.value.maxRange||t.value.minRange)&&y(R[E]),T=(R,E,H=0)=>{if(S(E,H)){const J=qo(R,E[H]),b=pr(E[H],R),C=b.length===1?0:b.filter(ue=>p(ue)).length,j=Math.abs(J)-(t.value.minMaxRawRange?0:C);if(t.value.minRange&&t.value.maxRange)return j>=+t.value.minRange&&j<=+t.value.maxRange;if(t.value.minRange)return j>=+t.value.minRange;if(t.value.maxRange)return j<=+t.value.maxRange}return!0},Y=()=>!e.enableTimePicker||e.monthPicker||e.yearPicker||e.ignoreTimeValidation,te=R=>Array.isArray(R)?[R[0]?un(R[0]):null,R[1]?un(R[1]):null]:un(R),U=(R,E,H)=>R.find(J=>+J.hours===ft(E)&&J.minutes==="*"?!0:+J.minutes===Pt(E)&&+J.hours===ft(E))&&H,P=(R,E,H)=>{const[J,b]=R,[C,j]=E;return!U(J,C,H)&&!U(b,j,H)&&H},B=(R,E)=>{const H=Array.isArray(E)?E:[E];return Array.isArray(e.disabledTimes)?Array.isArray(e.disabledTimes[0])?P(e.disabledTimes,H,R):!H.some(J=>U(e.disabledTimes,J,R)):R},z=(R,E)=>{const H=Array.isArray(E)?[Jt(E[0]),E[1]?Jt(E[1]):void 0]:Jt(E),J=!e.disabledTimes(H);return R&&J},X=(R,E)=>e.disabledTimes?Array.isArray(e.disabledTimes)?B(E,R):z(E,R):E,L=R=>{let E=!0;if(!R||Y())return!0;const H=!n.value.minDate&&!n.value.maxDate?te(R):R;return(e.maxTime||n.value.maxDate)&&(E=go(e.maxTime,n.value.maxDate,"max",Ze(H),E)),(e.minTime||n.value.minDate)&&(E=go(e.minTime,n.value.minDate,"min",Ze(H),E)),X(R,E)},F=R=>{if(!e.monthPicker)return!0;let E=!0;const H=G(ht(R));if(n.value.minDate&&n.value.maxDate){const J=G(ht(n.value.minDate)),b=G(ht(n.value.maxDate));return Ge(H,J)&&We(H,b)||Ce(H,J)||Ce(H,b)}if(n.value.minDate){const J=G(ht(n.value.minDate));E=Ge(H,J)||Ce(H,J)}if(n.value.maxDate){const J=G(ht(n.value.maxDate));E=We(H,J)||Ce(H,J)}return E},ee=M(()=>R=>!e.enableTimePicker||e.ignoreTimeValidation?!0:L(R)),ie=M(()=>R=>e.monthPicker?t.value.enabled&&Array.isArray(R)?!R.filter(E=>!F(E)).length:F(R):!0);return{isDisabled:p,validateDate:r,validateMonthYearInRange:_,isDateRangeAllowed:f,checkMinMaxRange:T,isValidTime:L,isTimeValid:ee,isMonthValid:ie}},Ga=()=>{const e=M(()=>(n,o)=>n==null?void 0:n.includes(o)),a=M(()=>(n,o)=>n.count?n.solo?!0:o===0:!0),t=M(()=>(n,o)=>n.count?n.solo?!0:o===n.count-1:!0);return{hideNavigationButtons:e,showLeftIcon:a,showRightIcon:t}},L0=(e,a,t)=>{const n=A(0),o=Ma({[Zt.timePicker]:!e.enableTimePicker||e.timePicker||e.monthPicker,[Zt.calendar]:!1,[Zt.header]:!1}),r=M(()=>e.monthPicker),s=p=>{var f;if((f=e.flow)!=null&&f.length){if(!p&&r.value)return h();o[p]=!0,Object.keys(o).filter(y=>!o[y]).length||h()}},i=()=>{var p;(p=e.flow)!=null&&p.length&&n.value!==-1&&(n.value+=1,a("flow-step",n.value),h())},c=()=>{n.value=-1},_=(p,f,...y)=>{var S,T;e.flow[n.value]===p&&t.value&&((T=(S=t.value)[f])==null||T.call(S,...y))},h=()=>{_(_t.month,"toggleMonthPicker",!0),_(_t.year,"toggleYearPicker",!0),_(_t.calendar,"toggleTimePicker",!1,!0),_(_t.time,"toggleTimePicker",!0,!0);const p=e.flow[n.value];(p===_t.hours||p===_t.minutes||p===_t.seconds)&&_(p,"toggleTimePicker",!0,!0,p)};return{childMount:s,updateFlowStep:i,resetFlow:c,flowStep:n}},ja={multiCalendars:{type:[Boolean,Number,String,Object],default:void 0},modelValue:{type:[String,Date,Array,Object,Number],default:null},modelType:{type:String,default:null},position:{type:String,default:"center"},dark:{type:Boolean,default:!1},format:{type:[String,Function],default:()=>null},autoPosition:{type:Boolean,default:!0},altPosition:{type:Function,default:null},transitions:{type:[Boolean,Object],default:!0},formatLocale:{type:Object,default:null},utc:{type:[Boolean,String],default:!1},ariaLabels:{type:Object,default:()=>({})},offset:{type:[Number,String],default:10},hideNavigation:{type:Array,default:()=>[]},timezone:{type:[String,Object],default:null},emitTimezone:{type:String,default:null},vertical:{type:Boolean,default:!1},disableMonthYearSelect:{type:Boolean,default:!1},disableYearSelect:{type:Boolean,default:!1},menuClassName:{type:String,default:null},dayClass:{type:Function,default:null},yearRange:{type:Array,default:()=>[1900,2100]},calendarCellClassName:{type:String,default:null},enableTimePicker:{type:Boolean,default:!0},autoApply:{type:Boolean,default:!1},disabledDates:{type:[Array,Function],default:()=>[]},monthNameFormat:{type:String,default:"short"},startDate:{type:[Date,String],default:null},startTime:{type:[Object,Array],default:null},hideOffsetDates:{type:Boolean,default:!1},autoRange:{type:[Number,String],default:null},noToday:{type:Boolean,default:!1},disabledWeekDays:{type:Array,default:()=>[]},allowedDates:{type:Array,default:null},nowButtonLabel:{type:String,default:"Now"},markers:{type:Array,default:()=>[]},escClose:{type:Boolean,default:!0},spaceConfirm:{type:Boolean,default:!0},monthChangeOnArrows:{type:Boolean,default:!0},presetDates:{type:Array,default:()=>[]},flow:{type:Array,default:()=>[]},partialFlow:{type:Boolean,default:!1},preventMinMaxNavigation:{type:Boolean,default:!1},minRange:{type:[Number,String],default:null},maxRange:{type:[Number,String],default:null},multiDatesLimit:{type:[Number,String],default:null},reverseYears:{type:Boolean,default:!1},weekPicker:{type:Boolean,default:!1},filters:{type:Object,default:()=>({})},arrowNavigation:{type:Boolean,default:!1},disableTimeRangeValidation:{type:Boolean,default:!1},highlight:{type:[Function,Object],default:null},teleport:{type:[String,Boolean,Object],default:null},teleportCenter:{type:Boolean,default:!1},locale:{type:String,default:"en-Us"},weekNumName:{type:String,default:"W"},weekStart:{type:[Number,String],default:1},weekNumbers:{type:[String,Function,Object],default:null},calendarClassName:{type:String,default:null},monthChangeOnScroll:{type:[Boolean,String],default:!0},dayNames:{type:[Function,Array],default:null},monthPicker:{type:Boolean,default:!1},customProps:{type:Object,default:null},yearPicker:{type:Boolean,default:!1},modelAuto:{type:Boolean,default:!1},selectText:{type:String,default:"Select"},cancelText:{type:String,default:"Cancel"},previewFormat:{type:[String,Function],default:()=>""},multiDates:{type:Boolean,default:!1},partialRange:{type:Boolean,default:!0},ignoreTimeValidation:{type:Boolean,default:!1},minDate:{type:[Date,String],default:null},maxDate:{type:[Date,String],default:null},minTime:{type:Object,default:null},maxTime:{type:Object,default:null},name:{type:String,default:null},placeholder:{type:String,default:""},hideInputIcon:{type:Boolean,default:!1},clearable:{type:Boolean,default:!0},state:{type:Boolean,default:null},required:{type:Boolean,default:!1},autocomplete:{type:String,default:"off"},inputClassName:{type:String,default:null},fixedStart:{type:Boolean,default:!1},fixedEnd:{type:Boolean,default:!1},timePicker:{type:Boolean,default:!1},enableSeconds:{type:Boolean,default:!1},is24:{type:Boolean,default:!0},noHoursOverlay:{type:Boolean,default:!1},noMinutesOverlay:{type:Boolean,default:!1},noSecondsOverlay:{type:Boolean,default:!1},hoursGridIncrement:{type:[String,Number],default:1},minutesGridIncrement:{type:[String,Number],default:5},secondsGridIncrement:{type:[String,Number],default:5},hoursIncrement:{type:[Number,String],default:1},minutesIncrement:{type:[Number,String],default:1},secondsIncrement:{type:[Number,String],default:1},range:{type:[Boolean,Object],default:!1},uid:{type:String,default:null},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},inline:{type:[Boolean,Object],default:!1},textInput:{type:[Boolean,Object],default:!1},noDisabledRange:{type:Boolean,default:!1},sixWeeks:{type:[Boolean,String],default:!1},actionRow:{type:Object,default:()=>({})},focusStartDate:{type:Boolean,default:!1},disabledTimes:{type:[Function,Array],default:void 0},showLastInRange:{type:Boolean,default:!0},timePickerInline:{type:Boolean,default:!1},calendar:{type:Function,default:null},config:{type:Object,default:void 0},quarterPicker:{type:Boolean,default:!1},yearFirst:{type:Boolean,default:!1},loading:{type:Boolean,default:!1}},yt={...ja,shadow:{type:Boolean,default:!1},flowStep:{type:Number,default:0},internalModelValue:{type:[Date,Array],default:null},noOverlayFocus:{type:Boolean,default:!1},collapse:{type:Boolean,default:!1},menuWrapRef:{type:Object,default:null}},I0={key:1,class:"dp__input_wrap"},Y0=["id","name","inputmode","placeholder","disabled","readonly","required","value","autocomplete","aria-label","aria-disabled","aria-invalid"],B0={key:2,class:"dp__clear_icon"},H0=Q({compatConfig:{MODE:3},__name:"DatepickerInput",props:{isMenuOpen:{type:Boolean,default:!1},inputValue:{type:String,default:""},...ja},emits:["clear","open","update:input-value","set-input-date","close","select-date","set-empty-date","toggle","focus-prev","focus","blur","real-blur"],setup(e,{expose:a,emit:t}){const n=t,o=e,{defaultedTextInput:r,defaultedAriaLabels:s,defaultedInline:i,defaultedConfig:c,defaultedRange:_,getDefaultPattern:h,getDefaultStartTime:p}=Fe(o),{checkMinMaxRange:f}=na(o),y=A(),S=A(null),T=A(!1),Y=A(!1),te=M(()=>({dp__pointer:!o.disabled&&!o.readonly&&!r.value.enabled,dp__disabled:o.disabled,dp__input_readonly:!r.value.enabled,dp__input:!0,dp__input_icon_pad:!o.hideInputIcon,dp__input_valid:!!o.state,dp__input_invalid:o.state===!1,dp__input_focus:T.value||o.isMenuOpen,dp__input_reg:!r.value.enabled,[o.inputClassName]:!!o.inputClassName})),U=()=>{n("set-input-date",null),o.autoApply&&(n("set-empty-date"),y.value=null)},P=b=>{const C=p();return l0(b,r.value.format??h(),C??hr({},o.enableSeconds),o.inputValue,Y.value)},B=b=>{const{rangeSeparator:C}=r.value,[j,ue]=b.split(`${C}`);if(j){const me=P(j.trim()),I=ue?P(ue.trim()):null,m=me&&I?[me,I]:[me];f(I,m,0)&&(y.value=me?m:null)}},z=()=>{Y.value=!0},X=b=>{if(_.value.enabled)B(b);else if(o.multiDates){const C=b.split(";");y.value=C.map(j=>P(j.trim())).filter(j=>j)}else y.value=P(b)},L=b=>{var C;const j=typeof b=="string"?b:(C=b.target)==null?void 0:C.value;j!==""?(r.value.openMenu&&!o.isMenuOpen&&n("open"),X(j),n("set-input-date",y.value)):U(),Y.value=!1,n("update:input-value",j)},F=b=>{r.value.enabled?(X(b.target.value),r.value.enterSubmit&&$n(y.value)&&o.inputValue!==""?(n("set-input-date",y.value,!0),y.value=null):r.value.enterSubmit&&o.inputValue===""&&(y.value=null,n("clear"))):R(b)},ee=b=>{r.value.enabled&&r.value.tabSubmit&&X(b.target.value),r.value.tabSubmit&&$n(y.value)&&o.inputValue!==""?(n("set-input-date",y.value,!0,!0),y.value=null):r.value.tabSubmit&&o.inputValue===""&&(y.value=null,n("clear",!0))},ie=()=>{var b;T.value=!0,n("focus"),r.value.enabled&&r.value.selectOnFocus&&((b=S.value)==null||b.select())},R=b=>{b.preventDefault(),Et(b,c.value,!0),r.value.enabled&&r.value.openMenu&&!i.value.input&&!o.isMenuOpen?n("open"):r.value.enabled||n("toggle")},E=()=>{n("real-blur"),T.value=!1,(!o.isMenuOpen||i.value.enabled&&i.value.input)&&n("blur"),o.autoApply&&r.value.enabled&&y.value&&!o.isMenuOpen&&(n("set-input-date",y.value),n("select-date"),y.value=null)},H=b=>{Et(b,c.value,!0),n("clear")},J=b=>{if(!r.value.enabled){if(b.code==="Tab")return;b.preventDefault()}};return a({focusInput:()=>{var b;(b=S.value)==null||b.focus({preventScroll:!0})},setParsedDate:b=>{y.value=b}}),(b,C)=>{var j;return u(),v("div",{onClick:R},[b.$slots.trigger&&!b.$slots["dp-input"]&&!l(i).enabled?$(b.$slots,"trigger",{key:0}):x("",!0),!b.$slots.trigger&&(!l(i).enabled||l(i).input)?(u(),v("div",I0,[b.$slots["dp-input"]&&!b.$slots.trigger&&(!l(i).enabled||l(i).enabled&&l(i).input)?$(b.$slots,"dp-input",{key:0,value:e.inputValue,isMenuOpen:e.isMenuOpen,onInput:L,onEnter:F,onTab:ee,onClear:H,onBlur:E,onKeypress:J,onPaste:z,openMenu:()=>b.$emit("open"),closeMenu:()=>b.$emit("close"),toggleMenu:()=>b.$emit("toggle")}):x("",!0),b.$slots["dp-input"]?x("",!0):(u(),v("input",{key:1,id:b.uid?`dp-input-${b.uid}`:void 0,ref_key:"inputRef",ref:S,name:b.name,class:ve(te.value),inputmode:l(r).enabled?"text":"none",placeholder:b.placeholder,disabled:b.disabled,readonly:b.readonly,required:b.required,value:e.inputValue,autocomplete:b.autocomplete,"aria-label":(j=l(s))==null?void 0:j.input,"aria-disabled":b.disabled||void 0,"aria-invalid":b.state===!1?!0:void 0,onInput:L,onKeydown:[ke(F,["enter"]),ke(ee,["tab"]),J],onBlur:E,onFocus:ie,onKeypress:J,onPaste:z},null,42,Y0)),g("div",{onClick:C[2]||(C[2]=ue=>n("toggle"))},[b.$slots["input-icon"]&&!b.hideInputIcon?(u(),v("span",{key:0,class:"dp__input_icon",onClick:C[0]||(C[0]=ue=>n("toggle"))},[$(b.$slots,"input-icon")])):x("",!0),!b.$slots["input-icon"]&&!b.hideInputIcon&&!b.$slots["dp-input"]?(u(),oe(l(ha),{key:1,class:"dp__input_icon dp__input_icons",onClick:C[1]||(C[1]=ue=>n("toggle"))})):x("",!0)]),b.$slots["clear-icon"]&&e.inputValue&&b.clearable&&!b.disabled&&!b.readonly?(u(),v("span",B0,[$(b.$slots,"clear-icon",{clear:H})])):x("",!0),b.clearable&&!b.$slots["clear-icon"]&&e.inputValue&&!b.disabled&&!b.readonly?(u(),oe(l(ir),{key:3,class:"dp__clear_icon dp__input_icons",onClick:C[3]||(C[3]=Ie(ue=>H(ue),["prevent"]))})):x("",!0)])):x("",!0)])}}}),z0={class:"dp__action_row"},E0=["title"],F0=["disabled"],W0=Q({compatConfig:{MODE:3},__name:"ActionRow",props:{menuMount:{type:Boolean,default:!1},calendarWidth:{type:Number,default:0},...yt},emits:["close-picker","select-date","select-now","invalid-select"],setup(e,{emit:a}){const t=a,n=e,{defaultedActionRow:o,defaultedPreviewFormat:r,defaultedMultiCalendars:s,defaultedTextInput:i,defaultedInline:c,defaultedRange:_,getDefaultPattern:h}=Fe(n),{isTimeValid:p,isMonthValid:f}=na(n),{buildMatrix:y}=Gt(),S=A(null),T=A(null),Y=A(!1),te=A({}),U=A(null);Qe(()=>{n.arrowNavigation&&y([Je(S),Je(T)],"actionRow"),P(),window.addEventListener("resize",P)}),qt(()=>{window.removeEventListener("resize",P)});const P=()=>{Y.value=!1,setTimeout(()=>{var H;const J=(H=U.value)==null?void 0:H.getBoundingClientRect();J&&(te.value.maxWidth=`${J.left-J.width+5}px`),Y.value=!0},0)},B=M(()=>_.value.enabled&&!_.value.partialRange&&n.internalModelValue?n.internalModelValue.length===2:!0),z=M(()=>!p.value(n.internalModelValue)||!f.value(n.internalModelValue)||!B.value),X=()=>{const H=r.value;return n.timePicker||n.monthPicker,H(Ze(n.internalModelValue))},L=()=>{const H=n.internalModelValue;return s.value.count>0?`${F(H[0])} - ${F(H[1])}`:[F(H[0]),F(H[1])]},F=H=>yr(H,r.value,n.formatLocale,i.value.rangeSeparator,n.modelAuto,h()),ee=M(()=>!n.internalModelValue||!n.menuMount?"":typeof r.value=="string"?Array.isArray(n.internalModelValue)?n.internalModelValue.length===2&&n.internalModelValue[1]?L():n.multiDates?n.internalModelValue.map(H=>`${F(H)}`):n.modelAuto?`${F(n.internalModelValue[0])}`:`${F(n.internalModelValue[0])} -`:F(n.internalModelValue):X()),ie=()=>n.multiDates?"; ":" - ",R=M(()=>Array.isArray(ee.value)?ee.value.join(ie()):ee.value),E=()=>{p.value(n.internalModelValue)&&f.value(n.internalModelValue)&&B.value?t("select-date"):t("invalid-select")};return(H,J)=>(u(),v("div",z0,[H.$slots["action-row"]?$(H.$slots,"action-row",Ke(Re({key:0},{internalModelValue:H.internalModelValue,disabled:z.value,selectDate:()=>H.$emit("select-date"),closePicker:()=>H.$emit("close-picker")}))):(u(),v(se,{key:1},[l(o).showPreview?(u(),v("div",{key:0,class:"dp__selection_preview",title:R.value,style:ct(te.value)},[H.$slots["action-preview"]&&Y.value?$(H.$slots,"action-preview",{key:0,value:H.internalModelValue}):x("",!0),!H.$slots["action-preview"]&&Y.value?(u(),v(se,{key:1},[Ne(ne(R.value),1)],64)):x("",!0)],12,E0)):x("",!0),g("div",{ref_key:"actionBtnContainer",ref:U,class:"dp__action_buttons","data-dp-element":"action-row"},[H.$slots["action-buttons"]?$(H.$slots,"action-buttons",{key:0,value:H.internalModelValue}):x("",!0),H.$slots["action-buttons"]?x("",!0):(u(),v(se,{key:1},[!l(c).enabled&&l(o).showCancel?(u(),v("button",{key:0,ref_key:"cancelButtonRef",ref:S,type:"button",class:"dp__action_button dp__action_cancel",onClick:J[0]||(J[0]=b=>H.$emit("close-picker")),onKeydown:[J[1]||(J[1]=ke(b=>H.$emit("close-picker"),["enter"])),J[2]||(J[2]=ke(b=>H.$emit("close-picker"),["space"]))]},ne(H.cancelText),545)):x("",!0),l(o).showNow?(u(),v("button",{key:1,type:"button",class:"dp__action_button dp__action_cancel",onClick:J[3]||(J[3]=b=>H.$emit("select-now")),onKeydown:[J[4]||(J[4]=ke(b=>H.$emit("select-now"),["enter"])),J[5]||(J[5]=ke(b=>H.$emit("select-now"),["space"]))]},ne(H.nowButtonLabel),33)):x("",!0),l(o).showSelect?(u(),v("button",{key:2,ref_key:"selectButtonRef",ref:T,type:"button",class:"dp__action_button dp__action_select",disabled:z.value,onKeydown:[ke(E,["enter"]),ke(E,["space"])],onClick:E},ne(H.selectText),41,F0)):x("",!0)],64))],512)],64))]))}}),q0=["onKeydown"],Q0={class:"dp__selection_grid_header"},G0=["aria-selected","aria-disabled","onClick","onKeydown","onMouseover"],j0=["aria-label"],Sa=Q({__name:"SelectionOverlay",props:{items:{},type:{},isLast:{type:Boolean},arrowNavigation:{type:Boolean},skipButtonRef:{type:Boolean},headerRefs:{},hideNavigation:{},escClose:{type:Boolean},useRelative:{type:Boolean},height:{},textInput:{type:[Boolean,Object]},config:{},noOverlayFocus:{type:Boolean},focusValue:{},menuWrapRef:{}},emits:["selected","toggle","reset-flow","hover-value"],setup(e,{expose:a,emit:t}){const{setSelectionGrid:n,buildMultiLevelMatrix:o,setMonthPicker:r}=Gt(),s=t,i=e,{defaultedAriaLabels:c,defaultedTextInput:_,defaultedConfig:h}=Fe(i),{hideNavigationButtons:p}=Ga(),f=A(!1),y=A(null),S=A(null),T=A([]),Y=A(),te=A(null),U=A(0),P=A(null);Er(()=>{y.value=null}),Qe(()=>{Ot().then(()=>R()),i.noOverlayFocus||z(),B(!0)}),qt(()=>B(!1));const B=I=>{var m;i.arrowNavigation&&((m=i.headerRefs)!=null&&m.length?r(I):n(I))},z=()=>{var I;const m=Je(S);m&&(_.value.enabled||(y.value?(I=y.value)==null||I.focus({preventScroll:!0}):m.focus({preventScroll:!0})),f.value=m.clientHeight({dp__overlay:!0,"dp--overlay-absolute":!i.useRelative,"dp--overlay-relative":i.useRelative})),L=M(()=>i.useRelative?{height:`${i.height}px`,width:"260px"}:void 0),F=M(()=>({dp__overlay_col:!0})),ee=M(()=>({dp__btn:!0,dp__button:!0,dp__overlay_action:!0,dp__over_action_scroll:f.value,dp__button_bottom:i.isLast})),ie=M(()=>{var I,m;return{dp__overlay_container:!0,dp__container_flex:((I=i.items)==null?void 0:I.length)<=6,dp__container_block:((m=i.items)==null?void 0:m.length)>6}});ot(()=>i.items,()=>R(!1),{deep:!0});const R=(I=!0)=>{Ot().then(()=>{const m=Je(y),d=Je(S),k=Je(te),q=Je(P),de=k?k.getBoundingClientRect().height:0;d&&(d.getBoundingClientRect().height?U.value=d.getBoundingClientRect().height-de:U.value=h.value.modeHeight-de),m&&q&&I&&(q.scrollTop=m.offsetTop-q.offsetTop-(U.value/2-m.getBoundingClientRect().height)-de)})},E=I=>{I.disabled||s("selected",I.value)},H=()=>{s("toggle"),s("reset-flow")},J=()=>{i.escClose&&H()},b=(I,m,d,k)=>{I&&((m.active||m.value===i.focusValue)&&(y.value=I),i.arrowNavigation&&(Array.isArray(T.value[d])?T.value[d][k]=I:T.value[d]=[I],C()))},C=()=>{var I,m;const d=(I=i.headerRefs)!=null&&I.length?[i.headerRefs].concat(T.value):T.value.concat([i.skipButtonRef?[]:[te.value]]);o(Ze(d),(m=i.headerRefs)!=null&&m.length?"monthPicker":"selectionGrid")},j=I=>{i.arrowNavigation||Et(I,h.value,!0)},ue=I=>{Y.value=I,s("hover-value",I)},me=()=>{if(H(),!i.isLast){const I=r0(i.menuWrapRef??null,"action-row");if(I){const m=dr(I);m==null||m.focus()}}};return a({focusGrid:z}),(I,m)=>{var d;return u(),v("div",{ref_key:"gridWrapRef",ref:S,class:ve(X.value),style:ct(L.value),role:"dialog",tabindex:"0",onKeydown:[ke(Ie(J,["prevent"]),["esc"]),m[0]||(m[0]=ke(Ie(k=>j(k),["prevent"]),["left"])),m[1]||(m[1]=ke(Ie(k=>j(k),["prevent"]),["up"])),m[2]||(m[2]=ke(Ie(k=>j(k),["prevent"]),["down"])),m[3]||(m[3]=ke(Ie(k=>j(k),["prevent"]),["right"]))]},[g("div",{ref_key:"containerRef",ref:P,class:ve(ie.value),role:"grid",style:ct({height:`${U.value}px`})},[g("div",Q0,[$(I.$slots,"header")]),I.$slots.overlay?$(I.$slots,"overlay",{key:0}):(u(!0),v(se,{key:1},ye(I.items,(k,q)=>(u(),v("div",{key:q,class:ve(["dp__overlay_row",{dp__flex_row:I.items.length>=3}]),role:"row"},[(u(!0),v(se,null,ye(k,(de,N)=>(u(),v("div",{key:de.value,ref_for:!0,ref:Se=>b(Se,de,q,N),role:"gridcell",class:ve(F.value),"aria-selected":de.active||void 0,"aria-disabled":de.disabled||void 0,tabindex:"0",onClick:Se=>E(de),onKeydown:[ke(Ie(Se=>E(de),["prevent"]),["enter"]),ke(Ie(Se=>E(de),["prevent"]),["space"])],onMouseover:Se=>ue(de.value)},[g("div",{class:ve(de.className)},[I.$slots.item?$(I.$slots,"item",{key:0,item:de}):x("",!0),I.$slots.item?x("",!0):(u(),v(se,{key:1},[Ne(ne(de.text),1)],64))],2)],42,G0))),128))],2))),128))],6),I.$slots["button-icon"]?ia((u(),v("button",{key:0,ref_key:"toggleButton",ref:te,type:"button","aria-label":(d=l(c))==null?void 0:d.toggleOverlay,class:ve(ee.value),tabindex:"0",onClick:H,onKeydown:[ke(H,["enter"]),ke(me,["tab"])]},[$(I.$slots,"button-icon")],42,j0)),[[Na,!l(p)(I.hideNavigation,I.type)]]):x("",!0)],46,q0)}}}),Ua=Q({__name:"InstanceWrap",props:{multiCalendars:{},stretch:{type:Boolean},collapse:{type:Boolean}},setup(e){const a=e,t=M(()=>a.multiCalendars>0?[...Array(a.multiCalendars).keys()]:[0]),n=M(()=>({dp__instance_calendar:a.multiCalendars>0}));return(o,r)=>(u(),v("div",{class:ve({dp__menu_inner:!o.stretch,"dp--menu--inner-stretched":o.stretch,dp__flex_display:o.multiCalendars>0,"dp--flex-display-collapsed":o.collapse})},[(u(!0),v(se,null,ye(t.value,(s,i)=>(u(),v("div",{key:s,class:ve(n.value)},[$(o.$slots,"default",{instance:s,index:i})],2))),128))],2))}}),U0=["aria-label","aria-disabled"],wa=Q({compatConfig:{MODE:3},__name:"ArrowBtn",props:{ariaLabel:{},disabled:{type:Boolean}},emits:["activate","set-ref"],setup(e,{emit:a}){const t=a,n=A(null);return Qe(()=>t("set-ref",n)),(o,r)=>(u(),v("button",{ref_key:"elRef",ref:n,type:"button",class:"dp__btn dp--arrow-btn-nav",tabindex:"0","aria-label":o.ariaLabel,"aria-disabled":o.disabled||void 0,onClick:r[0]||(r[0]=s=>o.$emit("activate")),onKeydown:[r[1]||(r[1]=ke(Ie(s=>o.$emit("activate"),["prevent"]),["enter"])),r[2]||(r[2]=ke(Ie(s=>o.$emit("activate"),["prevent"]),["space"]))]},[g("span",{class:ve(["dp__inner_nav",{dp__inner_nav_disabled:o.disabled}])},[$(o.$slots,"default")],2)],40,U0))}}),X0={class:"dp--year-mode-picker"},K0=["aria-label"],wr=Q({__name:"YearModePicker",props:{...yt,showYearPicker:{type:Boolean,default:!1},items:{type:Array,default:()=>[]},instance:{type:Number,default:0},year:{type:Number,default:0},isDisabled:{type:Function,default:()=>!1}},emits:["toggle-year-picker","year-select","handle-year"],setup(e,{emit:a}){const t=a,n=e,{showRightIcon:o,showLeftIcon:r}=Ga(),{defaultedConfig:s,defaultedMultiCalendars:i,defaultedAriaLabels:c,defaultedTransitions:_}=Fe(n),{showTransition:h,transitionName:p}=Pa(_),f=(T=!1,Y)=>{t("toggle-year-picker",{flow:T,show:Y})},y=T=>{t("year-select",T)},S=(T=!1)=>{t("handle-year",T)};return(T,Y)=>{var te,U,P;return u(),v("div",X0,[l(r)(l(i),e.instance)?(u(),oe(wa,{key:0,ref:"mpPrevIconRef","aria-label":(te=l(c))==null?void 0:te.prevYear,disabled:e.isDisabled(!1),onActivate:Y[0]||(Y[0]=B=>S(!1))},{default:D(()=>[T.$slots["arrow-left"]?$(T.$slots,"arrow-left",{key:0}):x("",!0),T.$slots["arrow-left"]?x("",!0):(u(),oe(l(Fn),{key:1}))]),_:3},8,["aria-label","disabled"])):x("",!0),g("button",{ref:"mpYearButtonRef",class:"dp__btn dp--year-select",type:"button","aria-label":(U=l(c))==null?void 0:U.openYearsOverlay,onClick:Y[1]||(Y[1]=()=>f(!1)),onKeydown:Y[2]||(Y[2]=ke(()=>f(!1),["enter"]))},[T.$slots.year?$(T.$slots,"year",{key:0,year:e.year}):x("",!0),T.$slots.year?x("",!0):(u(),v(se,{key:1},[Ne(ne(e.year),1)],64))],40,K0),l(o)(l(i),e.instance)?(u(),oe(wa,{key:1,ref:"mpNextIconRef","aria-label":(P=l(c))==null?void 0:P.nextYear,disabled:e.isDisabled(!0),onActivate:Y[3]||(Y[3]=B=>S(!0))},{default:D(()=>[T.$slots["arrow-right"]?$(T.$slots,"arrow-right",{key:0}):x("",!0),T.$slots["arrow-right"]?x("",!0):(u(),oe(l(Wn),{key:1}))]),_:3},8,["aria-label","disabled"])):x("",!0),W(Rt,{name:l(p)(e.showYearPicker),css:l(h)},{default:D(()=>[e.showYearPicker?(u(),oe(Sa,{key:0,items:e.items,"text-input":T.textInput,"esc-close":T.escClose,config:T.config,"is-last":T.autoApply&&!l(s).keepActionRow,"hide-navigation":T.hideNavigation,type:"year",onToggle:f,onSelected:Y[4]||(Y[4]=B=>y(B))},et({"button-icon":D(()=>[T.$slots["calendar-icon"]?$(T.$slots,"calendar-icon",{key:0}):x("",!0),T.$slots["calendar-icon"]?x("",!0):(u(),oe(l(ha),{key:1}))]),_:2},[T.$slots["year-overlay-value"]?{name:"item",fn:D(({item:B})=>[$(T.$slots,"year-overlay-value",{text:B.text,value:B.value})]),key:"0"}:void 0]),1032,["items","text-input","esc-close","config","is-last","hide-navigation"])):x("",!0)]),_:3},8,["name","css"])])}}}),Jn=(e,a,t)=>{if(a.value&&Array.isArray(a.value))if(a.value.some(n=>Ce(e,n))){const n=a.value.filter(o=>!Ce(o,e));a.value=n.length?n:null}else(t&&+t>a.value.length||!t)&&a.value.push(e);else a.value=[e]},Zn=(e,a,t)=>{let n=e.value?e.value.slice():[];return n.length===2&&n[1]!==null&&(n=[]),n.length?We(a,n[0])?(n.unshift(a),t("range-start",n[0]),t("range-start",n[1])):(n[1]=a,t("range-end",a)):(n=[a],t("range-start",a)),e.value=n,n},Xa=(e,a,t,n)=>{e[0]&&e[1]&&t&&a("auto-apply"),e[0]&&!e[1]&&n&&t&&a("auto-apply")},kr=e=>{Array.isArray(e.value)&&e.value.length<=2&&e.range?e.modelValue.value=e.value.map(a=>Wt(G(a),e.timezone)):Array.isArray(e.value)||(e.modelValue.value=Wt(G(e.value),e.timezone))},$r=(e,a,t,n)=>Array.isArray(a.value)&&a.value.length===2?n.value.fixedStart&&(Ge(e,a.value[0])||Ce(e,a.value[0]))?[a.value[0],e]:n.value.fixedEnd&&(We(e,a.value[1])||Ce(e,a.value[1]))?[e,a.value[1]]:(t("invalid-fixed-range",e),a.value):[],Dr=({multiCalendars:e,highlight:a,propDates:t,calendars:n,modelValue:o,props:r,year:s,month:i,emit:c})=>{const _=M(()=>jn(r.yearRange,r.reverseYears)),h=A([!1]),p=M(()=>(z,X)=>{const L=He(ht(new Date),{month:i.value(z),year:s.value(z)});return fr(L,t.value.maxDate,t.value.minDate,r.preventMinMaxNavigation,X)}),f=()=>{for(let z=0;z{if(!z)return f();const X=He(G(),n.value[z]);return n.value[0].year=we(lr(X,e.value.count-1)),f()},S=z=>r.focusStartDate?z[0]:z[1]?z[1]:z[0],T=()=>{if(o.value){const z=Array.isArray(o.value)?S(o.value):o.value;n.value[0]={month:$e(z),year:we(z)}}};Qe(()=>{T(),e.value.count&&f()});const Y=(z,X)=>{n.value[X].year=z,e.value.count&&!e.value.solo&&y(X)},te=M(()=>z=>ma(_.value,X=>{const L=s.value(z)===X.value,F=Da(X.value,va(t.value.minDate),va(t.value.maxDate)),ee=Kn(a.value,X.value);return{active:L,disabled:F,highlighted:ee}})),U=(z,X)=>{Y(z,X),B(X)},P=(z,X=!1)=>{if(!p.value(z,X)){const L=X?s.value(z)+1:s.value(z)-1;Y(L,z)}},B=(z,X=!1,L)=>{X||c("reset-flow"),L!==void 0?h.value[z]=L:h.value[z]=!h.value[z],h.value||c("overlay-closed")};return{isDisabled:p,groupedYears:te,showYearPicker:h,selectYear:Y,toggleYearPicker:B,handleYearSelect:U,handleYear:P}},J0=(e,a)=>{const{defaultedMultiCalendars:t,defaultedAriaLabels:n,defaultedTransitions:o,defaultedConfig:r,defaultedRange:s,defaultedHighlight:i,propDates:c,defaultedTz:_}=Fe(e),{modelValue:h,year:p,month:f,calendars:y}=xa(e,a),S=M(()=>ur(e.formatLocale,e.locale,e.monthNameFormat)),T=A(null),{selectYear:Y,groupedYears:te,showYearPicker:U,toggleYearPicker:P,handleYearSelect:B,handleYear:z,isDisabled:X}=Dr({modelValue:h,multiCalendars:t,highlight:i,calendars:y,year:p,propDates:c,month:f,props:e,emit:a});Qe(()=>{e.startDate&&(h.value&&e.focusStartDate||!h.value)&&Y(we(G(e.startDate)),0)});const L=I=>I?{month:$e(I),year:we(I)}:{month:null,year:null},F=()=>h.value?Array.isArray(h.value)?h.value.map(I=>L(I)):L(h.value):L(),ee=(I,m)=>{const d=y.value[I],k=F();return Array.isArray(k)?k.some(q=>q.year===(d==null?void 0:d.year)&&q.month===m):(d==null?void 0:d.year)===k.year&&m===k.month},ie=(I,m,d)=>{var k,q;const de=F();return Array.isArray(de)?p.value(m)===((k=de[d])==null?void 0:k.year)&&I===((q=de[d])==null?void 0:q.month):!1},R=(I,m)=>{if(s.value.enabled){const d=F();if(Array.isArray(h.value)&&Array.isArray(d)){const k=ie(I,m,0)||ie(I,m,1),q=Ct(ht(G()),I,p.value(m));return Qa(h.value,T.value,q)&&!k}return!1}return!1},E=M(()=>I=>ma(S.value,m=>{const d=ee(I,m.value),k=Da(m.value,mr(p.value(I),c.value.minDate),vr(p.value(I),c.value.maxDate))||v0(c.value.disabledDates,p.value(I)).includes(m.value),q=R(m.value,I),de=gr(i.value,m.value,p.value(I));return{active:d,disabled:k,isBetween:q,highlighted:de}})),H=(I,m)=>Ct(ht(G()),I,p.value(m)),J=(I,m)=>{const d=h.value?h.value:ht(new Date);h.value=Ct(d,I,p.value(m)),a("auto-apply"),a("update-flow-step")},b=(I,m)=>{let d=[];if(s.value.fixedEnd||s.value.fixedStart){const k=H(I,m);h.value=$r(k,h,a,s),d=h.value}else d=Zn(h,H(I,m),a);Xa(d,a,e.autoApply,e.modelAuto)},C=(I,m)=>{Jn(H(I,m),h,e.multiDatesLimit),a("auto-apply",!0)},j=(I,m)=>(y.value[m].month=I,me(m,y.value[m].year,I),e.multiDates?C(I,m):s.value.enabled?b(I,m):J(I,m)),ue=(I,m)=>{Y(I,m),me(m,I,null)},me=(I,m,d)=>{let k=d;if(!k&&k!==0){const q=F();k=Array.isArray(q)?q[I].month:q.month}a("update-month-year",{instance:I,year:m,month:k})};return{groupedMonths:E,groupedYears:te,year:p,isDisabled:X,defaultedMultiCalendars:t,defaultedAriaLabels:n,defaultedTransitions:o,defaultedConfig:r,showYearPicker:U,modelValue:h,presetDate:(I,m)=>{kr({value:I,modelValue:h,range:s.value.enabled,timezone:m?void 0:_.value.timezone}),a("auto-apply")},setHoverDate:(I,m)=>{T.value=H(I,m)},selectMonth:j,selectYear:ue,toggleYearPicker:P,handleYearSelect:B,handleYear:z,getModelMonthYear:F}},Z0=Q({compatConfig:{MODE:3},__name:"MonthPicker",props:{...yt},emits:["update:internal-model-value","overlay-closed","reset-flow","range-start","range-end","auto-apply","update-month-year","update-flow-step","mount","invalid-fixed-range"],setup(e,{expose:a,emit:t}){const n=t,o=Qt(),r=st(o,"yearMode"),s=e;Qe(()=>{s.shadow||n("mount",null)});const{groupedMonths:i,groupedYears:c,year:_,isDisabled:h,defaultedMultiCalendars:p,defaultedConfig:f,showYearPicker:y,modelValue:S,presetDate:T,setHoverDate:Y,selectMonth:te,selectYear:U,toggleYearPicker:P,handleYearSelect:B,handleYear:z,getModelMonthYear:X}=J0(s,n);return a({getSidebarProps:()=>({modelValue:S,year:_,getModelMonthYear:X,selectMonth:te,selectYear:U,handleYear:z}),presetDate:T,toggleYearPicker:L=>P(0,L)}),(L,F)=>(u(),oe(Ua,{"multi-calendars":l(p).count,collapse:L.collapse,stretch:""},{default:D(({instance:ee})=>[L.$slots["month-year"]?$(L.$slots,"month-year",Ke(Re({key:0},{year:l(_),months:l(i)(ee),years:l(c)(ee),selectMonth:l(te),selectYear:l(U),instance:ee}))):(u(),oe(Sa,{key:1,items:l(i)(ee),"arrow-navigation":L.arrowNavigation,"is-last":L.autoApply&&!l(f).keepActionRow,"esc-close":L.escClose,height:l(f).modeHeight,config:L.config,"no-overlay-focus":!!(L.noOverlayFocus||L.textInput),"use-relative":"",type:"month",onSelected:ie=>l(te)(ie,ee),onHoverValue:ie=>l(Y)(ie,ee)},{header:D(()=>[W(wr,Re(L.$props,{items:l(c)(ee),instance:ee,"show-year-picker":l(y)[ee],year:l(_)(ee),"is-disabled":ie=>l(h)(ee,ie),onHandleYear:ie=>l(z)(ee,ie),onYearSelect:ie=>l(B)(ie,ee),onToggleYearPicker:ie=>l(P)(ee,ie==null?void 0:ie.flow,ie==null?void 0:ie.show)}),et({_:2},[ye(l(r),(ie,R)=>({name:ie,fn:D(E=>[$(L.$slots,ie,Ke(nt(E)))])}))]),1040,["items","instance","show-year-picker","year","is-disabled","onHandleYear","onYearSelect","onToggleYearPicker"])]),_:2},1032,["items","arrow-navigation","is-last","esc-close","height","config","no-overlay-focus","onSelected","onHoverValue"]))]),_:3},8,["multi-calendars","collapse"]))}}),ep=(e,a)=>{const{modelValue:t}=xa(e,a),n=A(null),{defaultedHighlight:o,defaultedFilters:r,defaultedRange:s,propDates:i}=Fe(e),c=A();Qe(()=>{e.startDate&&(t.value&&e.focusStartDate||!t.value)&&(c.value=we(G(e.startDate)))});const _=y=>Array.isArray(t.value)?t.value.some(S=>we(S)===y):t.value?we(t.value)===y:!1,h=y=>s.value.enabled&&Array.isArray(t.value)?Qa(t.value,n.value,f(y)):!1,p=M(()=>ma(jn(e.yearRange,e.reverseYears),y=>{const S=_(y.value),T=Da(y.value,va(i.value.minDate),va(i.value.maxDate))||r.value.years.includes(y.value),Y=h(y.value)&&!S,te=Kn(o.value,y.value);return{active:S,disabled:T,isBetween:Y,highlighted:te}})),f=y=>Dt(ht(new Date),y);return{groupedYears:p,modelValue:t,focusYear:c,setHoverValue:y=>{n.value=Dt(ht(new Date),y)},selectYear:y=>{var S;if(a("update-month-year",{instance:0,year:y}),e.multiDates)return t.value?Array.isArray(t.value)&&(((S=t.value)==null?void 0:S.map(T=>we(T))).includes(y)?t.value=t.value.filter(T=>we(T)!==y):t.value.push(Dt(it(G()),y))):t.value=[Dt(it(G()),y)],a("auto-apply",!0);if(s.value.enabled){const T=Zn(t,f(y),a);return Xa(T,a,e.autoApply,e.modelAuto)}t.value=f(y),a("auto-apply")}}},tp=Q({compatConfig:{MODE:3},__name:"YearPicker",props:{...yt},emits:["update:internal-model-value","reset-flow","range-start","range-end","auto-apply","update-month-year"],setup(e,{expose:a,emit:t}){const n=t,o=e,{groupedYears:r,modelValue:s,focusYear:i,selectYear:c,setHoverValue:_}=ep(o,n),{defaultedConfig:h}=Fe(o);return a({getSidebarProps:()=>({modelValue:s,selectYear:c})}),(p,f)=>(u(),v("div",null,[p.$slots["month-year"]?$(p.$slots,"month-year",Ke(Re({key:0},{years:l(r),selectYear:l(c)}))):(u(),oe(Sa,{key:1,items:l(r),"is-last":p.autoApply&&!l(h).keepActionRow,height:l(h).modeHeight,config:p.config,"no-overlay-focus":!!(p.noOverlayFocus||p.textInput),"focus-value":l(i),type:"year","use-relative":"",onSelected:l(c),onHoverValue:l(_)},et({_:2},[p.$slots["year-overlay-value"]?{name:"item",fn:D(({item:y})=>[$(p.$slots,"year-overlay-value",{text:y.text,value:y.value})]),key:"0"}:void 0]),1032,["items","is-last","height","config","no-overlay-focus","focus-value","onSelected","onHoverValue"]))]))}}),ap={key:0,class:"dp__time_input"},np=["aria-label","onKeydown","onClick"],op=g("span",{class:"dp__tp_inline_btn_bar dp__tp_btn_in_l"},null,-1),rp=g("span",{class:"dp__tp_inline_btn_bar dp__tp_btn_in_r"},null,-1),sp=["aria-label","disabled","onKeydown","onClick"],lp=["aria-label","onKeydown","onClick"],ip=g("span",{class:"dp__tp_inline_btn_bar dp__tp_btn_in_l"},null,-1),up=g("span",{class:"dp__tp_inline_btn_bar dp__tp_btn_in_r"},null,-1),cp={key:0},dp=["aria-label","onKeydown"],mp=Q({compatConfig:{MODE:3},__name:"TimeInput",props:{hours:{type:Number,default:0},minutes:{type:Number,default:0},seconds:{type:Number,default:0},closeTimePickerBtn:{type:Object,default:null},order:{type:Number,default:0},disabledTimesConfig:{type:Function,default:null},validateTime:{type:Function,default:()=>!1},...yt},emits:["set-hours","set-minutes","update:hours","update:minutes","update:seconds","reset-flow","mounted","overlay-closed","am-pm-change"],setup(e,{expose:a,emit:t}){const n=t,o=e,{setTimePickerElements:r,setTimePickerBackRef:s}=Gt(),{defaultedAriaLabels:i,defaultedTransitions:c,defaultedFilters:_,defaultedConfig:h,defaultedRange:p}=Fe(o),{transitionName:f,showTransition:y}=Pa(c),S=Ma({hours:!1,minutes:!1,seconds:!1}),T=A("AM"),Y=A(null),te=A([]);Qe(()=>{n("mounted")});const U=V=>He(new Date,{hours:V.hours,minutes:V.minutes,seconds:o.enableSeconds?V.seconds:0,milliseconds:0}),P=M(()=>V=>b(V,o[V])||z(V,o[V])),B=M(()=>({hours:o.hours,minutes:o.minutes,seconds:o.seconds})),z=(V,he)=>p.value.enabled&&!p.value.disableTimeRangeValidation?!o.validateTime(V,he):!1,X=(V,he)=>{if(p.value.enabled&&!p.value.disableTimeRangeValidation){const Ve=he?+o[`${V}Increment`]:-+o[`${V}Increment`],w=o[V]+Ve;return!o.validateTime(V,w)}return!1},L=M(()=>V=>!me(+o[V]+ +o[`${V}Increment`],V)||X(V,!0)),F=M(()=>V=>!me(+o[V]-+o[`${V}Increment`],V)||X(V,!1)),ee=(V,he)=>Eo(He(G(),V),he),ie=(V,he)=>Kv(He(G(),V),he),R=M(()=>({dp__time_col:!0,dp__time_col_block:!o.timePickerInline,dp__time_col_reg_block:!o.enableSeconds&&o.is24&&!o.timePickerInline,dp__time_col_reg_inline:!o.enableSeconds&&o.is24&&o.timePickerInline,dp__time_col_reg_with_button:!o.enableSeconds&&!o.is24,dp__time_col_sec:o.enableSeconds&&o.is24,dp__time_col_sec_with_button:o.enableSeconds&&!o.is24})),E=M(()=>{const V=[{type:"hours"},{type:"",separator:!0},{type:"minutes"}];return o.enableSeconds?V.concat([{type:"",separator:!0},{type:"seconds"}]):V}),H=M(()=>E.value.filter(V=>!V.separator)),J=M(()=>V=>{if(V==="hours"){const he=q(+o.hours);return{text:he<10?`0${he}`:`${he}`,value:he}}return{text:o[V]<10?`0${o[V]}`:`${o[V]}`,value:o[V]}}),b=(V,he)=>{var Ve;if(!o.disabledTimesConfig)return!1;const w=o.disabledTimesConfig(o.order,V==="hours"?he:void 0);return w[V]?!!((Ve=w[V])!=null&&Ve.includes(he)):!0},C=V=>{const he=o.is24?24:12,Ve=V==="hours"?he:60,w=+o[`${V}GridIncrement`],Z=V==="hours"&&!o.is24?w:0,be=[];for(let De=Z;De({active:!1,disabled:_.value.times[V].includes(De.value)||!me(De.value,V)||b(V,De.value)||z(V,De.value)}))},j=V=>V>=0?V:59,ue=V=>V>=0?V:23,me=(V,he)=>{const Ve=o.minTime?U(rn(o.minTime)):null,w=o.maxTime?U(rn(o.maxTime)):null,Z=U(rn(B.value,he,he==="minutes"||he==="seconds"?j(V):ue(V)));return Ve&&w?($a(Z,w)||Kt(Z,w))&&(ka(Z,Ve)||Kt(Z,Ve)):Ve?ka(Z,Ve)||Kt(Z,Ve):w?$a(Z,w)||Kt(Z,w):!0},I=V=>o[`no${V[0].toUpperCase()+V.slice(1)}Overlay`],m=V=>{I(V)||(S[V]=!S[V],S[V]||n("overlay-closed"))},d=V=>V==="hours"?ft:V==="minutes"?Pt:da,k=(V,he=!0)=>{const Ve=he?ee:ie,w=he?+o[`${V}Increment`]:-+o[`${V}Increment`];me(+o[V]+w,V)&&n(`update:${V}`,d(V)(Ve({[V]:+o[V]},{[V]:+o[`${V}Increment`]})))},q=V=>o.is24?V:(V>=12?T.value="PM":T.value="AM",e0(V)),de=()=>{T.value==="PM"?(T.value="AM",n("update:hours",o.hours-12)):(T.value="PM",n("update:hours",o.hours+12)),n("am-pm-change",T.value)},N=V=>{S[V]=!0},Se=(V,he,Ve)=>{if(V&&o.arrowNavigation){Array.isArray(te.value[he])?te.value[he][Ve]=V:te.value[he]=[V];const w=te.value.reduce((Z,be)=>be.map((De,re)=>[...Z[re]||[],be[re]]),[]);s(o.closeTimePickerBtn),Y.value&&(w[1]=w[1].concat(Y.value)),r(w,o.order)}},Oe=(V,he)=>(m(V),V==="hours"&&!o.is24?n(`update:${V}`,T.value==="PM"?he+12:he):n(`update:${V}`,he));return a({openChildCmp:N}),(V,he)=>{var Ve;return V.disabled?x("",!0):(u(),v("div",ap,[(u(!0),v(se,null,ye(E.value,(w,Z)=>{var be,De,re;return u(),v("div",{key:Z,class:ve(R.value)},[w.separator?(u(),v(se,{key:0},[Ne(" : ")],64)):(u(),v(se,{key:1},[g("button",{ref_for:!0,ref:Te=>Se(Te,Z,0),type:"button",class:ve({dp__btn:!0,dp__inc_dec_button:!V.timePickerInline,dp__inc_dec_button_inline:V.timePickerInline,dp__tp_inline_btn_top:V.timePickerInline,dp__inc_dec_button_disabled:L.value(w.type)}),"aria-label":(be=l(i))==null?void 0:be.incrementValue(w.type),tabindex:"0",onKeydown:[ke(Ie(Te=>k(w.type),["prevent"]),["enter"]),ke(Ie(Te=>k(w.type),["prevent"]),["space"])],onClick:Te=>k(w.type)},[o.timePickerInline?(u(),v(se,{key:1},[op,rp],64)):(u(),v(se,{key:0},[V.$slots["arrow-up"]?$(V.$slots,"arrow-up",{key:0}):x("",!0),V.$slots["arrow-up"]?x("",!0):(u(),oe(l(Qn),{key:1}))],64))],42,np),g("button",{ref_for:!0,ref:Te=>Se(Te,Z,1),type:"button","aria-label":(De=l(i))==null?void 0:De.openTpOverlay(w.type),class:ve({dp__time_display:!0,dp__time_display_block:!V.timePickerInline,dp__time_display_inline:V.timePickerInline,"dp--time-invalid":P.value(w.type),"dp--time-overlay-btn":!P.value(w.type)}),disabled:I(w.type),tabindex:"0",onKeydown:[ke(Ie(Te=>m(w.type),["prevent"]),["enter"]),ke(Ie(Te=>m(w.type),["prevent"]),["space"])],onClick:Te=>m(w.type)},[V.$slots[w.type]?$(V.$slots,w.type,{key:0,text:J.value(w.type).text,value:J.value(w.type).value}):x("",!0),V.$slots[w.type]?x("",!0):(u(),v(se,{key:1},[Ne(ne(J.value(w.type).text),1)],64))],42,sp),g("button",{ref_for:!0,ref:Te=>Se(Te,Z,2),type:"button",class:ve({dp__btn:!0,dp__inc_dec_button:!V.timePickerInline,dp__inc_dec_button_inline:V.timePickerInline,dp__tp_inline_btn_bottom:V.timePickerInline,dp__inc_dec_button_disabled:F.value(w.type)}),"aria-label":(re=l(i))==null?void 0:re.decrementValue(w.type),tabindex:"0",onKeydown:[ke(Ie(Te=>k(w.type,!1),["prevent"]),["enter"]),ke(Ie(Te=>k(w.type,!1),["prevent"]),["space"])],onClick:Te=>k(w.type,!1)},[o.timePickerInline?(u(),v(se,{key:1},[ip,up],64)):(u(),v(se,{key:0},[V.$slots["arrow-down"]?$(V.$slots,"arrow-down",{key:0}):x("",!0),V.$slots["arrow-down"]?x("",!0):(u(),oe(l(Gn),{key:1}))],64))],42,lp)],64))],2)}),128)),V.is24?x("",!0):(u(),v("div",cp,[V.$slots["am-pm-button"]?$(V.$slots,"am-pm-button",{key:0,toggle:de,value:T.value}):x("",!0),V.$slots["am-pm-button"]?x("",!0):(u(),v("button",{key:1,ref_key:"amPmButton",ref:Y,type:"button",class:"dp__pm_am_button",role:"button","aria-label":(Ve=l(i))==null?void 0:Ve.amPmButton,tabindex:"0",onClick:de,onKeydown:[ke(Ie(de,["prevent"]),["enter"]),ke(Ie(de,["prevent"]),["space"])]},ne(T.value),41,dp))])),(u(!0),v(se,null,ye(H.value,(w,Z)=>(u(),oe(Rt,{key:Z,name:l(f)(S[w.type]),css:l(y)},{default:D(()=>[S[w.type]?(u(),oe(Sa,{key:0,items:C(w.type),"is-last":V.autoApply&&!l(h).keepActionRow,"esc-close":V.escClose,type:w.type,"text-input":V.textInput,config:V.config,"arrow-navigation":V.arrowNavigation,onSelected:be=>Oe(w.type,be),onToggle:be=>m(w.type),onResetFlow:he[0]||(he[0]=be=>V.$emit("reset-flow"))},et({"button-icon":D(()=>[V.$slots["clock-icon"]?$(V.$slots,"clock-icon",{key:0}):x("",!0),V.$slots["clock-icon"]?x("",!0):(u(),oe(Mt(V.timePickerInline?l(ha):l(qn)),{key:1}))]),_:2},[V.$slots[`${w.type}-overlay-value`]?{name:"item",fn:D(({item:be})=>[$(V.$slots,`${w.type}-overlay-value`,{text:be.text,value:be.value})]),key:"0"}:void 0]),1032,["items","is-last","esc-close","type","text-input","config","arrow-navigation","onSelected","onToggle"])):x("",!0)]),_:2},1032,["name","css"]))),128))]))}}}),vp={class:"dp--tp-wrap"},pp=["aria-label","tabindex"],hp=["tabindex"],fp=["aria-label"],Mr=Q({compatConfig:{MODE:3},__name:"TimePicker",props:{hours:{type:[Number,Array],default:0},minutes:{type:[Number,Array],default:0},seconds:{type:[Number,Array],default:0},disabledTimesConfig:{type:Function,default:null},validateTime:{type:Function,default:()=>!1},...yt},emits:["update:hours","update:minutes","update:seconds","mount","reset-flow","overlay-opened","overlay-closed","am-pm-change"],setup(e,{expose:a,emit:t}){const n=t,o=e,{buildMatrix:r,setTimePicker:s}=Gt(),i=Qt(),{defaultedTransitions:c,defaultedAriaLabels:_,defaultedTextInput:h,defaultedConfig:p,defaultedRange:f}=Fe(o),{transitionName:y,showTransition:S}=Pa(c),{hideNavigationButtons:T}=Ga(),Y=A(null),te=A(null),U=A([]),P=A(null);Qe(()=>{n("mount"),!o.timePicker&&o.arrowNavigation?r([Je(Y.value)],"time"):s(!0,o.timePicker)});const B=M(()=>f.value.enabled&&o.modelAuto?cr(o.internalModelValue):!0),z=A(!1),X=C=>({hours:Array.isArray(o.hours)?o.hours[C]:o.hours,minutes:Array.isArray(o.minutes)?o.minutes[C]:o.minutes,seconds:Array.isArray(o.seconds)?o.seconds[C]:o.seconds}),L=M(()=>{const C=[];if(f.value.enabled)for(let j=0;j<2;j++)C.push(X(j));else C.push(X(0));return C}),F=(C,j=!1,ue="")=>{j||n("reset-flow"),z.value=C,n(C?"overlay-opened":"overlay-closed"),o.arrowNavigation&&s(C),Ot(()=>{ue!==""&&U.value[0]&&U.value[0].openChildCmp(ue)})},ee=M(()=>({dp__btn:!0,dp__button:!0,dp__button_bottom:o.autoApply&&!p.value.keepActionRow})),ie=st(i,"timePicker"),R=(C,j,ue)=>f.value.enabled?j===0?[C,L.value[1][ue]]:[L.value[0][ue],C]:C,E=C=>{n("update:hours",C)},H=C=>{n("update:minutes",C)},J=C=>{n("update:seconds",C)},b=()=>{if(P.value&&!h.value.enabled&&!o.noOverlayFocus){const C=dr(P.value);C&&C.focus({preventScroll:!0})}};return a({toggleTimePicker:F}),(C,j)=>{var ue;return u(),v("div",vp,[!C.timePicker&&!C.timePickerInline?ia((u(),v("button",{key:0,ref_key:"openTimePickerBtn",ref:Y,type:"button",class:ve(ee.value),"aria-label":(ue=l(_))==null?void 0:ue.openTimePicker,tabindex:C.noOverlayFocus?void 0:0,onKeydown:[j[0]||(j[0]=ke(me=>F(!0),["enter"])),j[1]||(j[1]=ke(me=>F(!0),["space"]))],onClick:j[2]||(j[2]=me=>F(!0))},[C.$slots["clock-icon"]?$(C.$slots,"clock-icon",{key:0}):x("",!0),C.$slots["clock-icon"]?x("",!0):(u(),oe(l(qn),{key:1}))],42,pp)),[[Na,!l(T)(C.hideNavigation,"time")]]):x("",!0),W(Rt,{name:l(y)(z.value),css:l(S)&&!C.timePickerInline},{default:D(()=>{var me;return[z.value||C.timePicker||C.timePickerInline?(u(),v("div",{key:0,ref_key:"overlayRef",ref:P,class:ve({dp__overlay:!C.timePickerInline,"dp--overlay-absolute":!o.timePicker&&!C.timePickerInline,"dp--overlay-relative":o.timePicker}),style:ct(C.timePicker?{height:`${l(p).modeHeight}px`}:void 0),tabindex:C.timePickerInline?void 0:0},[g("div",{class:ve(C.timePickerInline?"dp__time_picker_inline_container":"dp__overlay_container dp__container_flex dp__time_picker_overlay_container"),style:{display:"flex"}},[C.$slots["time-picker-overlay"]?$(C.$slots,"time-picker-overlay",{key:0,hours:e.hours,minutes:e.minutes,seconds:e.seconds,setHours:E,setMinutes:H,setSeconds:J}):x("",!0),C.$slots["time-picker-overlay"]?x("",!0):(u(),v("div",{key:1,class:ve(C.timePickerInline?"dp__flex":"dp__overlay_row dp__flex_row")},[(u(!0),v(se,null,ye(L.value,(I,m)=>ia((u(),oe(mp,Re({key:m},{...C.$props,order:m,hours:I.hours,minutes:I.minutes,seconds:I.seconds,closeTimePickerBtn:te.value,disabledTimesConfig:e.disabledTimesConfig,disabled:m===0?C.fixedStart:C.fixedEnd},{ref_for:!0,ref_key:"timeInputRefs",ref:U,"validate-time":(d,k)=>e.validateTime(d,R(k,m,d)),"onUpdate:hours":d=>E(R(d,m,"hours")),"onUpdate:minutes":d=>H(R(d,m,"minutes")),"onUpdate:seconds":d=>J(R(d,m,"seconds")),onMounted:b,onOverlayClosed:b,onAmPmChange:j[3]||(j[3]=d=>C.$emit("am-pm-change",d))}),et({_:2},[ye(l(ie),(d,k)=>({name:d,fn:D(q=>[$(C.$slots,d,Ke(nt(q)))])}))]),1040,["validate-time","onUpdate:hours","onUpdate:minutes","onUpdate:seconds"])),[[Na,m===0?!0:B.value]])),128))],2)),!C.timePicker&&!C.timePickerInline?ia((u(),v("button",{key:2,ref_key:"closeTimePickerBtn",ref:te,type:"button",class:ve(ee.value),"aria-label":(me=l(_))==null?void 0:me.closeTimePicker,tabindex:"0",onKeydown:[j[4]||(j[4]=ke(I=>F(!1),["enter"])),j[5]||(j[5]=ke(I=>F(!1),["space"]))],onClick:j[6]||(j[6]=I=>F(!1))},[C.$slots["calendar-icon"]?$(C.$slots,"calendar-icon",{key:0}):x("",!0),C.$slots["calendar-icon"]?x("",!0):(u(),oe(l(ha),{key:1}))],42,fp)),[[Na,!l(T)(C.hideNavigation,"time")]]):x("",!0)],2)],14,hp)):x("",!0)]}),_:3},8,["name","css"])])}}}),Tr=(e,a,t,n)=>{const{defaultedRange:o}=Fe(e),r=(P,B)=>Array.isArray(a[P])?a[P][B]:a[P],s=P=>e.enableSeconds?Array.isArray(a.seconds)?a.seconds[P]:a.seconds:0,i=(P,B)=>P?B!==void 0?Ft(P,r("hours",B),r("minutes",B),s(B)):Ft(P,a.hours,a.minutes,s()):En(G(),s(B)),c=(P,B)=>{a[P]=B},_=M(()=>e.modelAuto&&o.value.enabled?Array.isArray(t.value)?t.value.length>1:!1:o.value.enabled),h=(P,B)=>{const z=Object.fromEntries(Object.keys(a).map(X=>X===P?[X,B]:[X,a[X]].slice()));if(_.value&&!o.value.disableTimeRangeValidation){const X=F=>t.value?Ft(t.value[F],z.hours[F],z.minutes[F],z.seconds[F]):null,L=F=>zn(t.value[F],0);return!(Ce(X(0),X(1))&&(ka(X(0),L(1))||$a(X(1),L(0))))}return!0},p=(P,B)=>{h(P,B)&&(c(P,B),n&&n())},f=P=>{p("hours",P)},y=P=>{p("minutes",P)},S=P=>{p("seconds",P)},T=(P,B,z,X)=>{B&&f(P),!B&&!z&&y(P),z&&S(P),t.value&&X(t.value)},Y=P=>{if(P){const B=Array.isArray(P),z=B?[+P[0].hours,+P[1].hours]:+P.hours,X=B?[+P[0].minutes,+P[1].minutes]:+P.minutes,L=B?[+P[0].seconds,+P[1].seconds]:+P.seconds;c("hours",z),c("minutes",X),e.enableSeconds&&c("seconds",L)}},te=(P,B)=>{const z={hours:Array.isArray(a.hours)?a.hours[P]:a.hours,disabledArr:[]};return(B||B===0)&&(z.hours=B),Array.isArray(e.disabledTimes)&&(z.disabledArr=o.value.enabled&&Array.isArray(e.disabledTimes[P])?e.disabledTimes[P]:e.disabledTimes),z},U=M(()=>(P,B)=>{var z;if(Array.isArray(e.disabledTimes)){const{disabledArr:X,hours:L}=te(P,B),F=X.filter(ee=>+ee.hours===L);return((z=F[0])==null?void 0:z.minutes)==="*"?{hours:[L],minutes:void 0,seconds:void 0}:{hours:[],minutes:(F==null?void 0:F.map(ee=>+ee.minutes))??[],seconds:(F==null?void 0:F.map(ee=>ee.seconds?+ee.seconds:void 0))??[]}}return{hours:[],minutes:[],seconds:[]}});return{setTime:c,updateHours:f,updateMinutes:y,updateSeconds:S,getSetDateTime:i,updateTimeValues:T,getSecondsValue:s,assignStartTime:Y,validateTime:h,disabledTimesConfig:U}},yp=(e,a)=>{const{modelValue:t,time:n}=xa(e,a),{defaultedStartTime:o,defaultedRange:r}=Fe(e),{updateTimeValues:s,getSetDateTime:i,setTime:c,assignStartTime:_,disabledTimesConfig:h,validateTime:p}=Tr(e,n,t),f=P=>{const{hours:B,minutes:z,seconds:X}=P;return{hours:+B,minutes:+z,seconds:X?+X:0}},y=()=>{if(e.startTime){if(Array.isArray(e.startTime)){const B=f(e.startTime[0]),z=f(e.startTime[1]);return[He(G(),B),He(G(),z)]}const P=f(e.startTime);return He(G(),P)}return r.value.enabled?[null,null]:null},S=()=>{if(r.value.enabled){const[P,B]=y();t.value=[i(P,0),i(B,1)]}else t.value=i(y())},T=P=>Array.isArray(P)?[Jt(G(P[0])),Jt(G(P[1]))]:[Jt(P??G())],Y=(P,B,z)=>{c("hours",P),c("minutes",B),c("seconds",e.enableSeconds?z:0)},te=()=>{const[P,B]=T(t.value);return r.value.enabled?Y([P.hours,B.hours],[P.minutes,B.minutes],[P.seconds,B.minutes]):Y(P.hours,P.minutes,P.seconds)};Qe(()=>{if(!e.shadow)return _(o.value),t.value?te():S()});const U=()=>{Array.isArray(t.value)?t.value=t.value.map((P,B)=>P&&i(P,B)):t.value=i(t.value),a("time-update")};return{modelValue:t,time:n,disabledTimesConfig:h,updateTime:(P,B=!0,z=!1)=>{s(P,B,z,U)},validateTime:p}},gp=Q({compatConfig:{MODE:3},__name:"TimePickerSolo",props:{...yt},emits:["update:internal-model-value","time-update","am-pm-change"],setup(e,{expose:a,emit:t}){const n=t,o=e,r=Qt(),s=st(r,"timePicker"),{time:i,modelValue:c,disabledTimesConfig:_,updateTime:h,validateTime:p}=yp(o,n);return a({getSidebarProps:()=>({modelValue:c,time:i,updateTime:h})}),(f,y)=>(u(),oe(Ua,{"multi-calendars":0,stretch:""},{default:D(()=>[W(Mr,Re(f.$props,{hours:l(i).hours,minutes:l(i).minutes,seconds:l(i).seconds,"internal-model-value":f.internalModelValue,"disabled-times-config":l(_),"validate-time":l(p),"onUpdate:hours":y[0]||(y[0]=S=>l(h)(S)),"onUpdate:minutes":y[1]||(y[1]=S=>l(h)(S,!1)),"onUpdate:seconds":y[2]||(y[2]=S=>l(h)(S,!1,!0)),onAmPmChange:y[3]||(y[3]=S=>f.$emit("am-pm-change",S))}),et({_:2},[ye(l(s),(S,T)=>({name:S,fn:D(Y=>[$(f.$slots,S,Ke(nt(Y)))])}))]),1040,["hours","minutes","seconds","internal-model-value","disabled-times-config","validate-time"])]),_:3}))}}),_p={class:"dp__month_year_row"},bp=["aria-label","onClick","onKeydown"],wp=Q({compatConfig:{MODE:3},__name:"DpHeader",props:{month:{type:Number,default:0},year:{type:Number,default:0},instance:{type:Number,default:0},years:{type:Array,default:()=>[]},months:{type:Array,default:()=>[]},...yt},emits:["update-month-year","mount","reset-flow","overlay-closed"],setup(e,{expose:a,emit:t}){const n=t,o=e,{defaultedTransitions:r,defaultedAriaLabels:s,defaultedMultiCalendars:i,defaultedFilters:c,defaultedConfig:_,defaultedHighlight:h,propDates:p}=Fe(o),{transitionName:f,showTransition:y}=Pa(r),{buildMatrix:S}=Gt(),{handleMonthYearChange:T,isDisabled:Y,updateMonthYear:te}=V0(o,n),{showLeftIcon:U,showRightIcon:P}=Ga(),B=A(!1),z=A(!1),X=A([null,null,null,null]);Qe(()=>{n("mount")});const L=m=>({get:()=>o[m],set:d=>{const k=m===pt.month?pt.year:pt.month;n("update-month-year",{[m]:d,[k]:o[k]}),m===pt.month?b(!0):C(!0)}}),F=M(L(pt.month)),ee=M(L(pt.year)),ie=M(()=>m=>({month:o.month,year:o.year,items:m===pt.month?o.months:o.years,instance:o.instance,updateMonthYear:te,toggle:m===pt.month?b:C})),R=M(()=>o.months.find(d=>d.value===o.month)||{text:"",value:0}),E=M(()=>ma(o.months,m=>{const d=o.month===m.value,k=Da(m.value,mr(o.year,p.value.minDate),vr(o.year,p.value.maxDate))||c.value.months.includes(m.value),q=gr(h.value,m.value,o.year);return{active:d,disabled:k,highlighted:q}})),H=M(()=>ma(o.years,m=>{const d=o.year===m.value,k=Da(m.value,va(p.value.minDate),va(p.value.maxDate))||c.value.years.includes(m.value),q=Kn(h.value,m.value);return{active:d,disabled:k,highlighted:q}})),J=(m,d)=>{d!==void 0?m.value=d:m.value=!m.value,m.value||n("overlay-closed")},b=(m=!1,d)=>{j(m),J(B,d)},C=(m=!1,d)=>{j(m),J(z,d)},j=m=>{m||n("reset-flow")},ue=(m,d)=>{o.arrowNavigation&&(X.value[d]=Je(m),S(X.value,"monthYear"))},me=M(()=>{var m,d;return[{type:pt.month,index:1,toggle:b,modelValue:F.value,updateModelValue:k=>F.value=k,text:R.value.text,showSelectionGrid:B.value,items:E.value,ariaLabel:(m=s.value)==null?void 0:m.openMonthsOverlay},{type:pt.year,index:2,toggle:C,modelValue:ee.value,updateModelValue:k=>ee.value=k,text:o.year,showSelectionGrid:z.value,items:H.value,ariaLabel:(d=s.value)==null?void 0:d.openYearsOverlay}]}),I=M(()=>o.disableYearSelect?[me.value[0]]:o.yearFirst?[...me.value].reverse():me.value);return a({toggleMonthPicker:b,toggleYearPicker:C,handleMonthYearChange:T}),(m,d)=>{var k,q,de;return u(),v("div",_p,[m.$slots["month-year"]?$(m.$slots,"month-year",Ke(Re({key:0},{month:e.month,year:e.year,months:e.months,years:e.years,updateMonthYear:l(te),handleMonthYearChange:l(T),instance:e.instance}))):(u(),v(se,{key:1},[l(U)(l(i),e.instance)&&!m.vertical?(u(),oe(wa,{key:0,"aria-label":(k=l(s))==null?void 0:k.prevMonth,disabled:l(Y)(!1),onActivate:d[0]||(d[0]=N=>l(T)(!1,!0)),onSetRef:d[1]||(d[1]=N=>ue(N,0))},{default:D(()=>[m.$slots["arrow-left"]?$(m.$slots,"arrow-left",{key:0}):x("",!0),m.$slots["arrow-left"]?x("",!0):(u(),oe(l(Fn),{key:1}))]),_:3},8,["aria-label","disabled"])):x("",!0),g("div",{class:ve(["dp__month_year_wrap",{dp__year_disable_select:m.disableYearSelect}])},[(u(!0),v(se,null,ye(I.value,(N,Se)=>(u(),v(se,{key:N.type},[g("button",{ref_for:!0,ref:Oe=>ue(Oe,Se+1),type:"button",class:"dp__btn dp__month_year_select",tabindex:"0","aria-label":N.ariaLabel,onClick:N.toggle,onKeydown:[ke(Ie(N.toggle,["prevent"]),["enter"]),ke(Ie(N.toggle,["prevent"]),["space"])]},[m.$slots[N.type]?$(m.$slots,N.type,{key:0,text:N.text,value:o[N.type]}):x("",!0),m.$slots[N.type]?x("",!0):(u(),v(se,{key:1},[Ne(ne(N.text),1)],64))],40,bp),W(Rt,{name:l(f)(N.showSelectionGrid),css:l(y)},{default:D(()=>[N.showSelectionGrid?(u(),oe(Sa,{key:0,items:N.items,"arrow-navigation":m.arrowNavigation,"hide-navigation":m.hideNavigation,"is-last":m.autoApply&&!l(_).keepActionRow,"skip-button-ref":!1,config:m.config,type:N.type,"header-refs":[],"esc-close":m.escClose,"menu-wrap-ref":m.menuWrapRef,"text-input":m.textInput,onSelected:N.updateModelValue,onToggle:N.toggle},et({"button-icon":D(()=>[m.$slots["calendar-icon"]?$(m.$slots,"calendar-icon",{key:0}):x("",!0),m.$slots["calendar-icon"]?x("",!0):(u(),oe(l(ha),{key:1}))]),_:2},[m.$slots[`${N.type}-overlay-value`]?{name:"item",fn:D(({item:Oe})=>[$(m.$slots,`${N.type}-overlay-value`,{text:Oe.text,value:Oe.value})]),key:"0"}:void 0,m.$slots[`${N.type}-overlay`]?{name:"overlay",fn:D(()=>[$(m.$slots,`${N.type}-overlay`,Ke(nt(ie.value(N.type))))]),key:"1"}:void 0,m.$slots[`${N.type}-overlay-header`]?{name:"header",fn:D(()=>[$(m.$slots,`${N.type}-overlay-header`,{toggle:N.toggle})]),key:"2"}:void 0]),1032,["items","arrow-navigation","hide-navigation","is-last","config","type","esc-close","menu-wrap-ref","text-input","onSelected","onToggle"])):x("",!0)]),_:2},1032,["name","css"])],64))),128))],2),l(U)(l(i),e.instance)&&m.vertical?(u(),oe(wa,{key:1,"aria-label":(q=l(s))==null?void 0:q.prevMonth,disabled:l(Y)(!1),onActivate:d[2]||(d[2]=N=>l(T)(!1,!0))},{default:D(()=>[m.$slots["arrow-up"]?$(m.$slots,"arrow-up",{key:0}):x("",!0),m.$slots["arrow-up"]?x("",!0):(u(),oe(l(Qn),{key:1}))]),_:3},8,["aria-label","disabled"])):x("",!0),l(P)(l(i),e.instance)?(u(),oe(wa,{key:2,ref:"rightIcon",disabled:l(Y)(!0),"aria-label":(de=l(s))==null?void 0:de.nextMonth,onActivate:d[3]||(d[3]=N=>l(T)(!0,!0)),onSetRef:d[4]||(d[4]=N=>ue(N,m.disableYearSelect?2:3))},{default:D(()=>[m.$slots[m.vertical?"arrow-down":"arrow-right"]?$(m.$slots,m.vertical?"arrow-down":"arrow-right",{key:0}):x("",!0),m.$slots[m.vertical?"arrow-down":"arrow-right"]?x("",!0):(u(),oe(Mt(m.vertical?l(Gn):l(Wn)),{key:1}))]),_:3},8,["disabled","aria-label"])):x("",!0)],64))])}}}),kp=["aria-label"],$p={class:"dp__calendar_header",role:"row"},Dp={key:0,class:"dp__calendar_header_item",role:"gridcell"},Mp=g("div",{class:"dp__calendar_header_separator"},null,-1),Tp=["aria-label"],Pp={key:0,role:"gridcell",class:"dp__calendar_item dp__week_num"},xp={class:"dp__cell_inner"},Sp=["id","aria-selected","aria-disabled","aria-label","onClick","onKeydown","onMouseenter","onMouseleave"],Ap=Q({compatConfig:{MODE:3},__name:"DpCalendar",props:{mappedDates:{type:Array,default:()=>[]},instance:{type:Number,default:0},month:{type:Number,default:0},year:{type:Number,default:0},...yt},emits:["select-date","set-hover-date","handle-scroll","mount","handle-swipe","handle-space","tooltip-open","tooltip-close"],setup(e,{expose:a,emit:t}){const n=t,o=e,{buildMultiLevelMatrix:r}=Gt(),{defaultedTransitions:s,defaultedConfig:i,defaultedAriaLabels:c,defaultedMultiCalendars:_,defaultedWeekNumbers:h}=Fe(o),p=A(null),f=A({bottom:"",left:"",transform:""}),y=A([]),S=A(null),T=A(!0),Y=A(""),te=A({startX:0,endX:0,startY:0,endY:0}),U=A([]),P=A({left:"50%"}),B=M(()=>o.calendar?o.calendar(o.mappedDates):o.mappedDates),z=M(()=>o.dayNames?Array.isArray(o.dayNames)?o.dayNames:o.dayNames(o.locale,+o.weekStart):Zv(o.formatLocale,o.locale,+o.weekStart));Qe(()=>{n("mount",{cmp:"calendar",refs:y}),i.value.noSwipe||S.value&&(S.value.addEventListener("touchstart",C,{passive:!1}),S.value.addEventListener("touchend",j,{passive:!1}),S.value.addEventListener("touchmove",ue,{passive:!1})),o.monthChangeOnScroll&&S.value&&S.value.addEventListener("wheel",m,{passive:!1})});const X=N=>N?o.vertical?"vNext":"next":o.vertical?"vPrevious":"previous",L=(N,Se)=>{if(o.transitions){const Oe=it(Ct(G(),o.month,o.year));Y.value=Ge(it(Ct(G(),N,Se)),Oe)?s.value[X(!0)]:s.value[X(!1)],T.value=!1,Ot(()=>{T.value=!0})}},F=M(()=>({[o.calendarClassName]:!!o.calendarClassName})),ee=M(()=>N=>{const Se=t0(N);return{dp__marker_dot:Se.type==="dot",dp__marker_line:Se.type==="line"}}),ie=M(()=>N=>Ce(N,p.value)),R=M(()=>({dp__calendar:!0,dp__calendar_next:_.value.count>0&&o.instance!==0})),E=M(()=>N=>o.hideOffsetDates?N.current:!0),H=N=>dt(N,"yyyy-MM-dd"),J=async(N,Se,Oe)=>{var V,he;if(n("set-hover-date",N),(he=(V=N.marker)==null?void 0:V.tooltip)!=null&&he.length){const Ve=Je(y.value[Se][Oe]);if(Ve){const{width:w,height:Z}=Ve.getBoundingClientRect();p.value=N.value;let be={left:`${w/2}px`},De=-50;if(await Ot(),U.value[0]){const{left:re,width:Te}=U.value[0].getBoundingClientRect();re<0&&(be={left:"0"},De=0,P.value.left=`${w/2}px`),window.innerWidth{p.value&&(p.value=null,f.value=JSON.parse(JSON.stringify({bottom:"",left:"",transform:""})),n("tooltip-close",N.marker))},C=N=>{te.value.startX=N.changedTouches[0].screenX,te.value.startY=N.changedTouches[0].screenY},j=N=>{te.value.endX=N.changedTouches[0].screenX,te.value.endY=N.changedTouches[0].screenY,me()},ue=N=>{o.vertical&&!o.inline&&N.preventDefault()},me=()=>{const N=o.vertical?"Y":"X";Math.abs(te.value[`start${N}`]-te.value[`end${N}`])>10&&n("handle-swipe",te.value[`start${N}`]>te.value[`end${N}`]?"right":"left")},I=(N,Se,Oe)=>{N&&(Array.isArray(y.value[Se])?y.value[Se][Oe]=N:y.value[Se]=[N]),o.arrowNavigation&&r(y.value,"calendar")},m=N=>{o.monthChangeOnScroll&&(N.preventDefault(),n("handle-scroll",N))},d=N=>h.value.type==="local"?In(N.value,{weekStartsOn:+o.weekStart}):h.value.type==="iso"?Rn(N.value):typeof h.value.type=="function"?h.value.type(N.value):"",k=N=>{const Se=N[0];return h.value.hideOnOffsetDates?N.some(Oe=>Oe.current)?d(Se):"":d(Se)},q=(N,Se)=>{Et(N,i.value),n("select-date",Se)},de=N=>{Et(N,i.value)};return a({triggerTransition:L}),(N,Se)=>{var Oe;return u(),v("div",{class:ve(R.value)},[g("div",{ref_key:"calendarWrapRef",ref:S,role:"grid",class:ve(F.value),"aria-label":(Oe=l(c))==null?void 0:Oe.calendarWrap},[g("div",$p,[N.weekNumbers?(u(),v("div",Dp,ne(N.weekNumName),1)):x("",!0),(u(!0),v(se,null,ye(z.value,(V,he)=>(u(),v("div",{key:he,class:"dp__calendar_header_item",role:"gridcell"},[N.$slots["calendar-header"]?$(N.$slots,"calendar-header",{key:0,day:V,index:he}):x("",!0),N.$slots["calendar-header"]?x("",!0):(u(),v(se,{key:1},[Ne(ne(V),1)],64))]))),128))]),Mp,W(Rt,{name:Y.value,css:!!N.transitions},{default:D(()=>{var V;return[T.value?(u(),v("div",{key:0,class:"dp__calendar",role:"rowgroup","aria-label":((V=l(c))==null?void 0:V.calendarDays)||void 0},[(u(!0),v(se,null,ye(B.value,(he,Ve)=>(u(),v("div",{key:Ve,class:"dp__calendar_row",role:"row"},[N.weekNumbers?(u(),v("div",Pp,[g("div",xp,ne(k(he.days)),1)])):x("",!0),(u(!0),v(se,null,ye(he.days,(w,Z)=>{var be,De,re;return u(),v("div",{id:H(w.value),ref_for:!0,ref:Te=>I(Te,Ve,Z),key:Z+Ve,role:"gridcell",class:"dp__calendar_item","aria-selected":(w.classData.dp__active_date||w.classData.dp__range_start||w.classData.dp__range_start)??void 0,"aria-disabled":w.classData.dp__cell_disabled||void 0,"aria-label":(De=(be=l(c))==null?void 0:be.day)==null?void 0:De.call(be,w),tabindex:"0",onClick:Ie(Te=>q(Te,w),["prevent"]),onKeydown:[ke(Te=>N.$emit("select-date",w),["enter"]),ke(Te=>N.$emit("handle-space",w),["space"])],onMouseenter:Te=>J(w,Ve,Z),onMouseleave:Te=>b(w)},[g("div",{class:ve(["dp__cell_inner",w.classData])},[N.$slots.day&&E.value(w)?$(N.$slots,"day",{key:0,day:+w.text,date:w.value}):x("",!0),N.$slots.day?x("",!0):(u(),v(se,{key:1},[Ne(ne(w.text),1)],64)),w.marker&&E.value(w)?(u(),v(se,{key:2},[N.$slots.marker?$(N.$slots,"marker",{key:0,marker:w.marker,day:+w.text,date:w.value}):(u(),v("div",{key:1,class:ve(ee.value(w.marker)),style:ct(w.marker.color?{backgroundColor:w.marker.color}:{})},null,6))],64)):x("",!0),ie.value(w.value)?(u(),v("div",{key:3,ref_for:!0,ref_key:"activeTooltip",ref:U,class:"dp__marker_tooltip",style:ct(f.value)},[(re=w.marker)!=null&&re.tooltip?(u(),v("div",{key:0,class:"dp__tooltip_content",onClick:de},[(u(!0),v(se,null,ye(w.marker.tooltip,(Te,rt)=>(u(),v("div",{key:rt,class:"dp__tooltip_text"},[N.$slots["marker-tooltip"]?$(N.$slots,"marker-tooltip",{key:0,tooltip:Te,day:w.value}):x("",!0),N.$slots["marker-tooltip"]?x("",!0):(u(),v(se,{key:1},[g("div",{class:"dp__tooltip_mark",style:ct(Te.color?{backgroundColor:Te.color}:{})},null,4),g("div",null,ne(Te.text),1)],64))]))),128)),g("div",{class:"dp__arrow_bottom_tp",style:ct(P.value)},null,4)])):x("",!0)],4)):x("",!0)],2)],40,Sp)}),128))]))),128))],8,Tp)):x("",!0)]}),_:3},8,["name","css"])],10,kp)],2)}}}),wo=e=>Array.isArray(e),Vp=(e,a,t,n)=>{const o=A([]),r=A(new Date),{modelValue:s,calendars:i,time:c}=xa(e,a),{defaultedMultiCalendars:_,defaultedStartTime:h,defaultedRange:p,defaultedTz:f,propDates:y}=Fe(e),{validateMonthYearInRange:S,isDisabled:T,isDateRangeAllowed:Y,checkMinMaxRange:te}=na(e),{updateTimeValues:U,getSetDateTime:P,setTime:B,assignStartTime:z,validateTime:X,disabledTimesConfig:L}=Tr(e,c,s,n),F=M(()=>O=>i.value[O]?i.value[O].month:0),ee=M(()=>O=>i.value[O]?i.value[O].year:0),ie=(O,ae,fe)=>{var Me,K;i.value[O]||(i.value[O]={month:0,year:0}),i.value[O].month=fo(ae)?(Me=i.value[O])==null?void 0:Me.month:ae,i.value[O].year=fo(fe)?(K=i.value[O])==null?void 0:K.year:fe},R=()=>{e.autoApply&&a("select-date")};ot(s,(O,ae)=>{JSON.stringify(O)!==JSON.stringify(ae)&&J()},{deep:!0}),Qe(()=>{e.shadow||(s.value||(de(),h.value&&z(h.value)),J(!0),e.focusStartDate&&e.startDate&&de())});const E=M(()=>{var O;return(O=e.flow)!=null&&O.length&&!e.partialFlow?e.flowStep===e.flow.length:!0}),H=()=>{e.autoApply&&E.value&&a("auto-apply",e.partialFlow)},J=(O=!1)=>{if(s.value)return Array.isArray(s.value)?(o.value=s.value,m(O)):j(s.value,O);if(_.value.count&&O&&!e.startDate)return C(G(),O)},b=()=>Array.isArray(s.value)&&p.value.enabled?$e(s.value[0])===$e(s.value[1]??s.value[0]):!1,C=(O,ae=!1)=>{if((!_.value.count||!_.value.static||ae)&&ie(0,$e(O),we(O)),_.value.count&&(!_.value.solo||!s.value||b()))for(let fe=1;fe<_.value.count;fe++){const Me=He(G(),{month:F.value(fe-1),year:ee.value(fe-1)}),K=Eo(Me,{months:1});i.value[fe]={month:$e(K),year:we(K)}}},j=(O,ae)=>{C(O),B("hours",ft(O)),B("minutes",Pt(O)),B("seconds",da(O)),_.value.count&&ae&&q()},ue=O=>{if(_.value.count){if(_.value.solo)return 0;const ae=$e(O[0]),fe=$e(O[1]);return Math.abs(fe-ae)<_.value.count?0:1}return 1},me=(O,ae)=>{O[1]&&p.value.showLastInRange?C(O[ue(O)],ae):C(O[0],ae);const fe=(Me,K)=>[Me(O[0]),O[1]?Me(O[1]):c[K][1]];B("hours",fe(ft,"hours")),B("minutes",fe(Pt,"minutes")),B("seconds",fe(da,"seconds"))},I=(O,ae)=>{if((p.value.enabled||e.weekPicker)&&!e.multiDates)return me(O,ae);if(e.multiDates&&ae){const fe=O[O.length-1];return j(fe,ae)}},m=O=>{const ae=s.value;I(ae,O),_.value.count&&_.value.solo&&q()},d=(O,ae)=>{const fe=He(G(),{month:F.value(ae),year:ee.value(ae)}),Me=O<0?lt(fe,1):Nt(fe,1);S($e(Me),we(Me),O<0,e.preventMinMaxNavigation)&&(ie(ae,$e(Me),we(Me)),a("update-month-year",{instance:ae,month:$e(Me),year:we(Me)}),_.value.count&&!_.value.solo&&k(ae),t())},k=O=>{for(let ae=O-1;ae>=0;ae--){const fe=Nt(He(G(),{month:F.value(ae+1),year:ee.value(ae+1)}),1);ie(ae,$e(fe),we(fe))}for(let ae=O+1;ae<=_.value.count-1;ae++){const fe=lt(He(G(),{month:F.value(ae-1),year:ee.value(ae-1)}),1);ie(ae,$e(fe),we(fe))}},q=()=>{if(Array.isArray(s.value)&&s.value.length===2){const O=G(G(s.value[1]?s.value[1]:lt(s.value[0],1))),[ae,fe]=[$e(s.value[0]),we(s.value[0])],[Me,K]=[$e(s.value[1]),we(s.value[1])];(ae!==Me||ae===Me&&fe!==K)&&_.value.solo&&ie(1,$e(O),we(O))}else s.value&&!Array.isArray(s.value)&&(ie(0,$e(s.value),we(s.value)),C(G()))},de=()=>{e.startDate&&(ie(0,$e(G(e.startDate)),we(G(e.startDate))),_.value.count&&k(0))},N=(O,ae)=>{if(e.monthChangeOnScroll){const fe=new Date().getTime()-r.value.getTime(),Me=Math.abs(O.deltaY);let K=500;Me>1&&(K=100),Me>100&&(K=0),fe>K&&(r.value=new Date,d(e.monthChangeOnScroll!=="inverse"?-O.deltaY:O.deltaY,ae))}},Se=(O,ae,fe=!1)=>{e.monthChangeOnArrows&&e.vertical===fe&&Oe(O,ae)},Oe=(O,ae)=>{d(O==="right"?-1:1,ae)},V=O=>{if(y.value.markers)return Ha(O.value,y.value.markers)},he=(O,ae)=>{switch(e.sixWeeks===!0?"append":e.sixWeeks){case"prepend":return[!0,!1];case"center":return[O==0,!0];case"fair":return[O==0||ae>O,!0];case"append":return[!1,!1];default:return[!1,!1]}},Ve=(O,ae,fe,Me)=>{if(e.sixWeeks&&O.length<6){const K=6-O.length,ge=(ae.getDay()+7-Me)%7,_e=6-(fe.getDay()+7-Me)%7,[At,gt]=he(ge,_e);for(let jt=1;jt<=K;jt++)if(gt?!!(jt%2)==At:At){const It=O[0].days[0],an=w(je(It.value,-7),$e(ae));O.unshift({days:an})}else{const It=O[O.length-1],an=It.days[It.days.length-1],xr=w(je(an.value,1),$e(ae));O.push({days:xr})}}return O},w=(O,ae)=>{const fe=G(O),Me=[];for(let K=0;K<7;K++){const ge=je(fe,K),_e=$e(ge)!==ae;Me.push({text:e.hideOffsetDates&&_e?"":ge.getDate(),value:ge,current:!_e,classData:{}})}return Me},Z=(O,ae)=>{const fe=[],Me=new Date(ae,O),K=new Date(ae,O+1,0),ge=e.weekStart,_e=xt(Me,{weekStartsOn:ge}),At=gt=>{const jt=w(gt,O);if(fe.push({days:jt}),!fe[fe.length-1].days.some(It=>Ce(it(It.value),it(K)))){const It=je(gt,7);At(It)}};return At(_e),Ve(fe,Me,K,ge)},be=O=>{const ae=Ft(G(O.value),c.hours,c.minutes,fa());a("date-update",ae),e.multiDates?Jn(ae,s,e.multiDatesLimit):s.value=ae,n(),Ot().then(()=>{H()})},De=O=>p.value.noDisabledRange?pr(o.value[0],O).some(ae=>T(ae)):!1,re=()=>{o.value=s.value?s.value.slice():[],o.value.length===2&&!(p.value.fixedStart||p.value.fixedEnd)&&(o.value=[])},Te=(O,ae)=>{const fe=[G(O.value),je(G(O.value),+p.value.autoRange)];Y(fe)?(ae&&rt(O.value),o.value=fe):a("invalid-date",O.value)},rt=O=>{const ae=$e(G(O)),fe=we(G(O));if(ie(0,ae,fe),_.value.count>0)for(let Me=1;Me<_.value.count;Me++){const K=u0(He(G(O),{year:F.value(Me-1),month:ee.value(Me-1)}));ie(Me,K.month,K.year)}},oa=O=>{if(De(O.value)||!te(O.value,s.value,p.value.fixedStart?0:1))return a("invalid-date",O.value);o.value=$r(G(O.value),s,a,p)},Aa=(O,ae)=>{if(re(),p.value.autoRange)return Te(O,ae);if(p.value.fixedStart||p.value.fixedEnd)return oa(O);o.value[0]?te(G(O.value),s.value)&&!De(O.value)?We(G(O.value),G(o.value[0]))?(o.value.unshift(G(O.value)),a("range-end",o.value[0])):(o.value[1]=G(O.value),a("range-end",o.value[1])):(e.autoApply&&a("auto-apply-invalid",O.value),a("invalid-date",O.value)):(o.value[0]=G(O.value),a("range-start",o.value[0]))},fa=(O=!0)=>e.enableSeconds?Array.isArray(c.seconds)?O?c.seconds[0]:c.seconds[1]:c.seconds:0,ya=O=>{o.value[O]=Ft(o.value[O],c.hours[O],c.minutes[O],fa(O!==1))},ga=()=>{var O,ae;o.value[0]&&o.value[1]&&+((O=o.value)==null?void 0:O[0])>+((ae=o.value)==null?void 0:ae[1])&&(o.value.reverse(),a("range-start",o.value[0]),a("range-end",o.value[1]))},ut=()=>{o.value.length&&(o.value[0]&&!o.value[1]?ya(0):(ya(0),ya(1),n()),ga(),s.value=o.value.slice(),Xa(o.value,a,e.autoApply,e.modelAuto))},Ka=(O,ae=!1)=>{if(T(O.value)||!O.current&&e.hideOffsetDates)return a("invalid-date",O.value);if(!p.value.enabled)return be(O);wo(c.hours)&&wo(c.minutes)&&!e.multiDates&&(Aa(O,ae),ut())},Ja=(O,ae)=>{var fe;ie(O,ae.month,ae.year),_.value.count&&!_.value.solo&&k(O),a("update-month-year",{instance:O,month:ae.month,year:ae.year}),t(_.value.solo?O:void 0);const Me=(fe=e.flow)!=null&&fe.length?e.flow[e.flowStep]:void 0;!ae.fromNav&&(Me===_t.month||Me===_t.year)&&n()},Va=(O,ae)=>{kr({value:O,modelValue:s,range:p.value.enabled,timezone:ae?void 0:f.value.timezone}),R(),e.multiCalendars&&Ot().then(()=>J(!0))},Za=()=>{p.value.enabled?s.value&&Array.isArray(s.value)&&s.value[0]?s.value=We(G(),s.value[0])?[G(),s.value[0]]:[s.value[0],G()]:s.value=[G()]:s.value=G(),R()},en=()=>{if(Array.isArray(s.value))if(e.multiDates){const O=tn();s.value[s.value.length-1]=P(O)}else s.value=s.value.map((O,ae)=>O&&P(O,ae));else s.value=P(s.value);a("time-update")},tn=()=>Array.isArray(s.value)&&s.value.length?s.value[s.value.length-1]:null;return{calendars:i,modelValue:s,month:F,year:ee,time:c,disabledTimesConfig:L,validateTime:X,getCalendarDays:Z,getMarker:V,handleScroll:N,handleSwipe:Oe,handleArrow:Se,selectDate:Ka,updateMonthYear:Ja,presetDate:Va,selectCurrentDate:Za,updateTime:(O,ae=!0,fe=!1)=>{U(O,ae,fe,en)}}},Cp={key:0},Op=Q({__name:"DatePicker",props:{...yt},emits:["tooltip-open","tooltip-close","mount","update:internal-model-value","update-flow-step","reset-flow","auto-apply","focus-menu","select-date","range-start","range-end","invalid-fixed-range","time-update","am-pm-change","time-picker-open","time-picker-close","recalculate-position","update-month-year","auto-apply-invalid","date-update","invalid-date"],setup(e,{expose:a,emit:t}){const n=t,o=e,{calendars:r,month:s,year:i,modelValue:c,time:_,disabledTimesConfig:h,validateTime:p,getCalendarDays:f,getMarker:y,handleArrow:S,handleScroll:T,handleSwipe:Y,selectDate:te,updateMonthYear:U,presetDate:P,selectCurrentDate:B,updateTime:z}=Vp(o,n,me,I),X=Qt(),{setHoverDate:L,getDayClassData:F,clearHoverDate:ee}=R0(c,o),{defaultedMultiCalendars:ie}=Fe(o),R=A([]),E=A([]),H=A(null),J=st(X,"calendar"),b=st(X,"monthYear"),C=st(X,"timePicker"),j=d=>{o.shadow||n("mount",d)};ot(r,()=>{o.shadow||setTimeout(()=>{n("recalculate-position")},0)},{deep:!0});const ue=M(()=>d=>f(s.value(d),i.value(d)).map(k=>({...k,days:k.days.map(q=>(q.marker=y(q),q.classData=F(q),q))})));function me(d){var k;d||d===0?(k=E.value[d])==null||k.triggerTransition(s.value(d),i.value(d)):E.value.forEach((q,de)=>q.triggerTransition(s.value(de),i.value(de)))}function I(){n("update-flow-step")}const m=(d,k=!1)=>{te(d,k),o.spaceConfirm&&n("select-date")};return a({clearHoverDate:ee,presetDate:P,selectCurrentDate:B,toggleMonthPicker:(d,k,q=0)=>{var de;(de=R.value[q])==null||de.toggleMonthPicker(d,k)},toggleYearPicker:(d,k,q=0)=>{var de;(de=R.value[q])==null||de.toggleYearPicker(d,k)},toggleTimePicker:(d,k,q)=>{var de;(de=H.value)==null||de.toggleTimePicker(d,k,q)},handleArrow:S,updateMonthYear:U,getSidebarProps:()=>({modelValue:c,month:s,year:i,time:_,updateTime:z,updateMonthYear:U,selectDate:te,presetDate:P})}),(d,k)=>(u(),v(se,null,[W(Ua,{"multi-calendars":l(ie).count,collapse:d.collapse},{default:D(({instance:q,index:de})=>[d.disableMonthYearSelect?x("",!0):(u(),oe(wp,Re({key:0,ref:N=>{N&&(R.value[de]=N)},months:l(ur)(d.formatLocale,d.locale,d.monthNameFormat),years:l(jn)(d.yearRange,d.reverseYears),month:l(s)(q),year:l(i)(q),instance:q},d.$props,{onMount:k[0]||(k[0]=N=>j(l(Zt).header)),onResetFlow:k[1]||(k[1]=N=>d.$emit("reset-flow")),onUpdateMonthYear:N=>l(U)(q,N),onOverlayClosed:k[2]||(k[2]=N=>d.$emit("focus-menu"))}),et({_:2},[ye(l(b),(N,Se)=>({name:N,fn:D(Oe=>[$(d.$slots,N,Ke(nt(Oe)))])}))]),1040,["months","years","month","year","instance","onUpdateMonthYear"])),W(Ap,Re({ref:N=>{N&&(E.value[de]=N)},"mapped-dates":ue.value(q),month:l(s)(q),year:l(i)(q),instance:q},d.$props,{onSelectDate:N=>l(te)(N,q!==1),onHandleSpace:N=>m(N,q!==1),onSetHoverDate:k[3]||(k[3]=N=>l(L)(N)),onHandleScroll:N=>l(T)(N,q),onHandleSwipe:N=>l(Y)(N,q),onMount:k[4]||(k[4]=N=>j(l(Zt).calendar)),onResetFlow:k[5]||(k[5]=N=>d.$emit("reset-flow")),onTooltipOpen:k[6]||(k[6]=N=>d.$emit("tooltip-open",N)),onTooltipClose:k[7]||(k[7]=N=>d.$emit("tooltip-close",N))}),et({_:2},[ye(l(J),(N,Se)=>({name:N,fn:D(Oe=>[$(d.$slots,N,Ke(nt({...Oe})))])}))]),1040,["mapped-dates","month","year","instance","onSelectDate","onHandleSpace","onHandleScroll","onHandleSwipe"])]),_:3},8,["multi-calendars","collapse"]),d.enableTimePicker?(u(),v("div",Cp,[d.$slots["time-picker"]?$(d.$slots,"time-picker",Ke(Re({key:0},{time:l(_),updateTime:l(z)}))):(u(),oe(Mr,Re({key:1,ref_key:"timePickerRef",ref:H},d.$props,{hours:l(_).hours,minutes:l(_).minutes,seconds:l(_).seconds,"internal-model-value":d.internalModelValue,"disabled-times-config":l(h),"validate-time":l(p),onMount:k[8]||(k[8]=q=>j(l(Zt).timePicker)),"onUpdate:hours":k[9]||(k[9]=q=>l(z)(q)),"onUpdate:minutes":k[10]||(k[10]=q=>l(z)(q,!1)),"onUpdate:seconds":k[11]||(k[11]=q=>l(z)(q,!1,!0)),onResetFlow:k[12]||(k[12]=q=>d.$emit("reset-flow")),onOverlayClosed:k[13]||(k[13]=q=>d.$emit("time-picker-close")),onOverlayOpened:k[14]||(k[14]=q=>d.$emit("time-picker-open",q)),onAmPmChange:k[15]||(k[15]=q=>d.$emit("am-pm-change",q))}),et({_:2},[ye(l(C),(q,de)=>({name:q,fn:D(N=>[$(d.$slots,q,Ke(nt(N)))])}))]),1040,["hours","minutes","seconds","internal-model-value","disabled-times-config","validate-time"]))])):x("",!0)],64))}}),Np=(e,a)=>{const t=A(),{defaultedMultiCalendars:n,defaultedConfig:o,defaultedHighlight:r,defaultedRange:s,propDates:i}=Fe(e),{modelValue:c,year:_,month:h,calendars:p}=xa(e,a),{isDisabled:f}=na(e),{selectYear:y,groupedYears:S,showYearPicker:T,isDisabled:Y,toggleYearPicker:te,handleYearSelect:U,handleYear:P}=Dr({modelValue:c,multiCalendars:n,highlight:r,calendars:p,propDates:i,month:h,year:_,props:e,emit:a}),B=(R,E)=>[R,E].map(H=>dt(H,"MMMM",{locale:e.formatLocale})).join("-"),z=M(()=>R=>c.value?Array.isArray(c.value)?c.value.some(E=>vo(R,E)):vo(c.value,R):!1),X=R=>{if(s.value.enabled){if(Array.isArray(c.value)){const E=Ce(R,c.value[0])||Ce(R,c.value[1]);return Qa(c.value,t.value,R)&&!E}return!1}return!1},L=M(()=>R=>{const E=He(new Date,{year:_.value(R)});return lm({start:Nn(E),end:jo(E)}).map(H=>{const J=Ht(H),b=lo(H),C=f(H),j=X(J),ue=typeof r.value=="function"?r.value({quarter:oo(J),year:we(J)}):!!r.value.quarters.find(me=>me.quarter===oo(J)&&me.year===we(J));return{text:B(J,b),value:J,active:z.value(J),highlighted:ue,disabled:C,isBetween:j}})}),F=R=>{Jn(R,c,e.multiDatesLimit),a("auto-apply",!0)},ee=R=>{const E=Zn(c,R,a);Xa(E,a,e.autoApply,e.modelAuto)},ie=R=>{c.value=R,a("auto-apply")};return{defaultedConfig:o,defaultedMultiCalendars:n,groupedYears:S,year:_,isDisabled:Y,quarters:L,showYearPicker:T,modelValue:c,setHoverDate:R=>{t.value=R},selectYear:y,selectQuarter:(R,E,H)=>{if(!H)return p.value[E].month=$e(lo(R)),e.multiDates?F(R):s.value.enabled?ee(R):ie(R)},toggleYearPicker:te,handleYearSelect:U,handleYear:P}},Rp={class:"dp--quarter-items"},Lp=["disabled","onClick","onMouseover"],Ip=Q({compatConfig:{MODE:3},__name:"QuarterPicker",props:{...yt},emits:["update:internal-model-value","reset-flow","overlay-closed","auto-apply","range-start","range-end"],setup(e,{expose:a,emit:t}){const n=t,o=e,r=Qt(),s=st(r,"yearMode"),{defaultedMultiCalendars:i,defaultedConfig:c,groupedYears:_,year:h,isDisabled:p,quarters:f,modelValue:y,showYearPicker:S,setHoverDate:T,selectQuarter:Y,toggleYearPicker:te,handleYearSelect:U,handleYear:P}=Np(o,n);return a({getSidebarProps:()=>({modelValue:y,year:h,selectQuarter:Y,handleYearSelect:U,handleYear:P})}),(B,z)=>(u(),oe(Ua,{"multi-calendars":l(i).count,collapse:B.collapse,stretch:""},{default:D(({instance:X})=>[g("div",{class:"dp-quarter-picker-wrap",style:ct({minHeight:`${l(c).modeHeight}px`})},[g("div",null,[W(wr,Re(B.$props,{items:l(_)(X),instance:X,"show-year-picker":l(S)[X],year:l(h)(X),"is-disabled":L=>l(p)(X,L),onHandleYear:L=>l(P)(X,L),onYearSelect:L=>l(U)(L,X),onToggleYearPicker:L=>l(te)(X,L==null?void 0:L.flow,L==null?void 0:L.show)}),et({_:2},[ye(l(s),(L,F)=>({name:L,fn:D(ee=>[$(B.$slots,L,Ke(nt(ee)))])}))]),1040,["items","instance","show-year-picker","year","is-disabled","onHandleYear","onYearSelect","onToggleYearPicker"])]),g("div",Rp,[(u(!0),v(se,null,ye(l(f)(X),(L,F)=>(u(),v("div",{key:F},[g("button",{type:"button",class:ve(["dp--qr-btn",{"dp--qr-btn-active":L.active,"dp--qr-btn-between":L.isBetween,"dp--qr-btn-disabled":L.disabled,"dp--highlighted":L.highlighted}]),disabled:L.disabled,onClick:ee=>l(Y)(L.value,X,L.disabled),onMouseover:ee=>l(T)(L.value)},[B.$slots.quarter?$(B.$slots,"quarter",{key:0,value:L.value,text:L.text}):(u(),v(se,{key:1},[Ne(ne(L.text),1)],64))],42,Lp)]))),128))])],4)]),_:3},8,["multi-calendars","collapse"]))}}),Yp=["id"],Bp={key:0,class:"dp--menu-load-container"},Hp=g("span",{class:"dp--menu-loader"},null,-1),zp=[Hp],Ep={key:0,class:"dp__sidebar_left"},Fp=["onClick","onKeydown"],Wp={key:2,class:"dp__sidebar_right"},qp={key:3,class:"dp__action_extra"},ko=Q({compatConfig:{MODE:3},__name:"DatepickerMenu",props:{...ja,shadow:{type:Boolean,default:!1},openOnTop:{type:Boolean,default:!1},internalModelValue:{type:[Date,Array],default:null},noOverlayFocus:{type:Boolean,default:!1},collapse:{type:Boolean,default:!1}},emits:["close-picker","select-date","auto-apply","time-update","flow-step","update-month-year","invalid-select","update:internal-model-value","recalculate-position","invalid-fixed-range","tooltip-open","tooltip-close","time-picker-open","time-picker-close","am-pm-change","range-start","range-end","auto-apply-invalid","date-update","invalid-date"],setup(e,{expose:a,emit:t}){const n=t,o=e,r=A(null),s=M(()=>{const{openOnTop:w,...Z}=o;return{...Z,flowStep:F.value,collapse:o.collapse,noOverlayFocus:o.noOverlayFocus,menuWrapRef:r.value}}),{setMenuFocused:i,setShiftKey:c,control:_}=_r(),h=Qt(),{defaultedTextInput:p,defaultedInline:f,defaultedConfig:y}=Fe(o),S=A(null),T=A(0),Y=A(null),te=A(!1),U=A(null);Qe(()=>{if(!o.shadow){te.value=!0,P(),window.addEventListener("resize",P);const w=Je(r);if(w&&!p.value.enabled&&!f.value.enabled&&(i(!0),H()),w){const Z=be=>{y.value.allowPreventDefault&&be.preventDefault(),Et(be,y.value,!0)};w.addEventListener("pointerdown",Z),w.addEventListener("mousedown",Z)}}}),qt(()=>{window.removeEventListener("resize",P)});const P=()=>{const w=Je(Y);w&&(T.value=w.getBoundingClientRect().width)},{arrowRight:B,arrowLeft:z,arrowDown:X,arrowUp:L}=Gt(),{flowStep:F,updateFlowStep:ee,childMount:ie,resetFlow:R}=L0(o,n,U),E=M(()=>o.monthPicker?Z0:o.yearPicker?tp:o.timePicker?gp:o.quarterPicker?Ip:Op),H=()=>{const w=Je(r);w&&w.focus({preventScroll:!0})},J=M(()=>{var w;return((w=U.value)==null?void 0:w.getSidebarProps())||{}}),b=()=>{o.openOnTop&&n("recalculate-position")},C=st(h,"action"),j=M(()=>o.monthPicker||o.yearPicker?st(h,"monthYear"):o.timePicker?st(h,"timePicker"):st(h,"shared")),ue=M(()=>o.openOnTop?"dp__arrow_bottom":"dp__arrow_top"),me=M(()=>({dp__menu_disabled:o.disabled,dp__menu_readonly:o.readonly,"dp-menu-loading":o.loading})),I=M(()=>({dp__menu:!0,dp__menu_index:!f.value.enabled,dp__relative:f.value.enabled,[o.menuClassName]:!!o.menuClassName})),m=w=>{Et(w,y.value,!0)},d=()=>{o.escClose&&n("close-picker")},k=w=>{if(o.arrowNavigation){if(w==="up")return L();if(w==="down")return X();if(w==="left")return z();if(w==="right")return B()}else w==="left"||w==="up"?Oe("handleArrow","left",0,w==="up"):Oe("handleArrow","right",0,w==="down")},q=w=>{c(w.shiftKey),!o.disableMonthYearSelect&&w.code==="Tab"&&w.target.classList.contains("dp__menu")&&_.value.shiftKeyInMenu&&(w.preventDefault(),Et(w,y.value,!0),n("close-picker"))},de=()=>{H(),n("time-picker-close")},N=w=>{var Z,be,De;(Z=U.value)==null||Z.toggleTimePicker(!1,!1),(be=U.value)==null||be.toggleMonthPicker(!1,!1,w),(De=U.value)==null||De.toggleYearPicker(!1,!1,w)},Se=(w,Z=0)=>{var be,De,re;return w==="month"?(be=U.value)==null?void 0:be.toggleMonthPicker(!1,!0,Z):w==="year"?(De=U.value)==null?void 0:De.toggleYearPicker(!1,!0,Z):w==="time"?(re=U.value)==null?void 0:re.toggleTimePicker(!0,!1):N(Z)},Oe=(w,...Z)=>{var be,De;(be=U.value)!=null&&be[w]&&((De=U.value)==null||De[w](...Z))},V=()=>{Oe("selectCurrentDate")},he=(w,Z)=>{Oe("presetDate",w,Z)},Ve=()=>{Oe("clearHoverDate")};return a({updateMonthYear:(w,Z)=>{Oe("updateMonthYear",w,Z)},switchView:Se}),(w,Z)=>{var be,De;return u(),v("div",{id:w.uid?`dp-menu-${w.uid}`:void 0,ref_key:"dpMenuRef",ref:r,tabindex:"0",role:"dialog",class:ve(I.value),onMouseleave:Ve,onClick:m,onKeydown:[ke(d,["esc"]),Z[18]||(Z[18]=ke(Ie(re=>k("left"),["prevent"]),["left"])),Z[19]||(Z[19]=ke(Ie(re=>k("up"),["prevent"]),["up"])),Z[20]||(Z[20]=ke(Ie(re=>k("down"),["prevent"]),["down"])),Z[21]||(Z[21]=ke(Ie(re=>k("right"),["prevent"]),["right"])),q]},[(w.disabled||w.readonly)&&l(f).enabled||w.loading?(u(),v("div",{key:0,class:ve(me.value)},[w.loading?(u(),v("div",Bp,zp)):x("",!0)],2)):x("",!0),!l(f).enabled&&!w.teleportCenter?(u(),v("div",{key:1,class:ve(ue.value)},null,2)):x("",!0),g("div",{ref_key:"innerMenuRef",ref:Y,class:ve({dp__menu_content_wrapper:((be=w.presetDates)==null?void 0:be.length)||!!w.$slots["left-sidebar"]||!!w.$slots["right-sidebar"],"dp--menu-content-wrapper-collapsed":e.collapse&&((De=w.presetDates)==null?void 0:De.length)||!!w.$slots["left-sidebar"]||!!w.$slots["right-sidebar"]}),style:ct({"--dp-menu-width":`${T.value}px`})},[w.$slots["left-sidebar"]?(u(),v("div",Ep,[$(w.$slots,"left-sidebar",Ke(nt(J.value)))])):x("",!0),w.presetDates.length?(u(),v("div",{key:1,class:ve({"dp--preset-dates-collapsed":e.collapse,"dp--preset-dates":!0})},[(u(!0),v(se,null,ye(w.presetDates,(re,Te)=>(u(),v(se,{key:Te},[re.slot?$(w.$slots,re.slot,{key:0,presetDate:he,label:re.label,value:re.value}):(u(),v("button",{key:1,type:"button",style:ct(re.style||{}),class:ve(["dp__btn dp--preset-range",{"dp--preset-range-collapsed":e.collapse}]),onClick:Ie(rt=>he(re.value,re.noTz),["prevent"]),onKeydown:[ke(Ie(rt=>he(re.value,re.noTz),["prevent"]),["enter"]),ke(Ie(rt=>he(re.value,re.noTz),["prevent"]),["space"])]},ne(re.label),47,Fp))],64))),128))],2)):x("",!0),g("div",{ref_key:"calendarWrapperRef",ref:S,class:"dp__instance_calendar",role:"document"},[(u(),oe(Mt(E.value),Re({ref_key:"dynCmpRef",ref:U},s.value,{"flow-step":l(F),onMount:l(ie),onUpdateFlowStep:l(ee),onResetFlow:l(R),onFocusMenu:H,onSelectDate:Z[0]||(Z[0]=re=>w.$emit("select-date")),onDateUpdate:Z[1]||(Z[1]=re=>w.$emit("date-update",re)),onTooltipOpen:Z[2]||(Z[2]=re=>w.$emit("tooltip-open",re)),onTooltipClose:Z[3]||(Z[3]=re=>w.$emit("tooltip-close",re)),onAutoApply:Z[4]||(Z[4]=re=>w.$emit("auto-apply",re)),onRangeStart:Z[5]||(Z[5]=re=>w.$emit("range-start",re)),onRangeEnd:Z[6]||(Z[6]=re=>w.$emit("range-end",re)),onInvalidFixedRange:Z[7]||(Z[7]=re=>w.$emit("invalid-fixed-range",re)),onTimeUpdate:Z[8]||(Z[8]=re=>w.$emit("time-update")),onAmPmChange:Z[9]||(Z[9]=re=>w.$emit("am-pm-change",re)),onTimePickerOpen:Z[10]||(Z[10]=re=>w.$emit("time-picker-open",re)),onTimePickerClose:de,onRecalculatePosition:b,onUpdateMonthYear:Z[11]||(Z[11]=re=>w.$emit("update-month-year",re)),onAutoApplyInvalid:Z[12]||(Z[12]=re=>w.$emit("auto-apply-invalid",re)),onInvalidDate:Z[13]||(Z[13]=re=>w.$emit("invalid-date",re)),"onUpdate:internalModelValue":Z[14]||(Z[14]=re=>w.$emit("update:internal-model-value",re))}),et({_:2},[ye(j.value,(re,Te)=>({name:re,fn:D(rt=>[$(w.$slots,re,Ke(nt({...rt})))])}))]),1040,["flow-step","onMount","onUpdateFlowStep","onResetFlow"]))],512),w.$slots["right-sidebar"]?(u(),v("div",Wp,[$(w.$slots,"right-sidebar",Ke(nt(J.value)))])):x("",!0),w.$slots["action-extra"]?(u(),v("div",qp,[w.$slots["action-extra"]?$(w.$slots,"action-extra",{key:0,selectCurrentDate:V}):x("",!0)])):x("",!0)],6),!w.autoApply||l(y).keepActionRow?(u(),oe(W0,Re({key:2,"menu-mount":te.value},s.value,{"calendar-width":T.value,onClosePicker:Z[15]||(Z[15]=re=>w.$emit("close-picker")),onSelectDate:Z[16]||(Z[16]=re=>w.$emit("select-date")),onInvalidSelect:Z[17]||(Z[17]=re=>w.$emit("invalid-select")),onSelectNow:V}),et({_:2},[ye(l(C),(re,Te)=>({name:re,fn:D(rt=>[$(w.$slots,re,Ke(nt({...rt})))])}))]),1040,["menu-mount","calendar-width"])):x("",!0)],42,Yp)}}}),Qp=typeof window<"u"?window:void 0,hn=()=>{},Gp=e=>Fr()?(Wr(e),!0):!1,jp=(e,a,t,n)=>{if(!e)return hn;let o=hn;const r=ot(()=>l(e),i=>{o(),i&&(i.addEventListener(a,t,n),o=()=>{i.removeEventListener(a,t,n),o=hn})},{immediate:!0,flush:"post"}),s=()=>{r(),o()};return Gp(s),s},Up=(e,a,t,n={})=>{const{window:o=Qp,event:r="pointerdown"}=n;return o?jp(o,r,s=>{const i=Je(e),c=Je(a);!i||!c||i===s.target||s.composedPath().includes(i)||s.composedPath().includes(c)||t(s)},{passive:!0}):void 0},Xp=Q({compatConfig:{MODE:3},__name:"VueDatePicker",props:{...ja},emits:["update:model-value","update:model-timezone-value","text-submit","closed","cleared","open","focus","blur","internal-model-change","recalculate-position","flow-step","update-month-year","invalid-select","invalid-fixed-range","tooltip-open","tooltip-close","time-picker-open","time-picker-close","am-pm-change","range-start","range-end","date-update","invalid-date"],setup(e,{expose:a,emit:t}){const n=t,o=e,r=Qt(),s=A(!1),i=La(o,"modelValue"),c=La(o,"timezone"),_=A(null),h=A(null),p=A(null),f=A(!1),y=A(null),S=A(!1),T=A(!1),Y=A(!1),{setMenuFocused:te,setShiftKey:U}=_r(),{clearArrowNav:P}=Gt(),{validateDate:B,isValidTime:z}=na(o),{defaultedTransitions:X,defaultedTextInput:L,defaultedInline:F,defaultedConfig:ee,defaultedRange:ie}=Fe(o),{menuTransition:R,showTransition:E}=Pa(X);Qe(()=>{k(o.modelValue),Ot().then(()=>{if(!F.value.enabled){const K=me(y.value);K==null||K.addEventListener("scroll",w),window==null||window.addEventListener("resize",Z)}}),F.value.enabled&&(s.value=!0),window==null||window.addEventListener("keyup",be),window==null||window.addEventListener("keydown",De)}),qt(()=>{if(!F.value.enabled){const K=me(y.value);K==null||K.removeEventListener("scroll",w),window==null||window.removeEventListener("resize",Z)}window==null||window.removeEventListener("keyup",be),window==null||window.removeEventListener("keydown",De)});const H=st(r,"all",o.presetDates),J=st(r,"input");ot([i,c],()=>{k(i.value)},{deep:!0});const{openOnTop:b,menuStyle:C,xCorrect:j,setMenuPosition:ue,getScrollableParent:me,shadowRender:I}=C0({menuRef:_,menuRefInner:h,inputRef:p,pickerWrapperRef:y,inline:F,emit:n,props:o,slots:r}),{inputValue:m,internalModelValue:d,parseExternalModelValue:k,emitModelValue:q,formatInputValue:de,checkBeforeEmit:N}=A0(n,o,f),Se=M(()=>({dp__main:!0,dp__theme_dark:o.dark,dp__theme_light:!o.dark,dp__flex_display:F.value.enabled,"dp--flex-display-collapsed":Y.value,dp__flex_display_with_input:F.value.input})),Oe=M(()=>o.dark?"dp__theme_dark":"dp__theme_light"),V=M(()=>({to:typeof o.teleport=="boolean"?"body":o.teleport,disabled:!o.teleport||F.value.enabled})),he=M(()=>({class:"dp__outer_menu_wrap"})),Ve=M(()=>F.value.enabled&&(o.timePicker||o.monthPicker||o.yearPicker||o.quarterPicker)),w=()=>{s.value&&(ee.value.closeOnScroll?ut():ue())},Z=()=>{var K;s.value&&ue();const ge=(K=h.value)==null?void 0:K.$el.getBoundingClientRect().width;Y.value=document.body.offsetWidth<=ge},be=K=>{K.key==="Tab"&&!F.value.enabled&&!o.teleport&&ee.value.tabOutClosesMenu&&(y.value.contains(document.activeElement)||ut()),T.value=K.shiftKey},De=K=>{T.value=K.shiftKey},re=()=>{!o.disabled&&!o.readonly&&(I(ko,o),ue(!1),s.value=!0,s.value&&n("open"),s.value||ga(),k(o.modelValue))},Te=()=>{var K;m.value="",ga(),(K=p.value)==null||K.setParsedDate(null),n("update:model-value",null),n("update:model-timezone-value",null),n("cleared"),ee.value.closeOnClearValue&&ut()},rt=()=>{const K=d.value;return!K||!Array.isArray(K)&&B(K)?!0:Array.isArray(K)?o.multiDates||K.length===2&&B(K[0])&&B(K[1])?!0:ie.value.partialRange&&!o.timePicker?B(K[0]):!1:!1},oa=()=>{N()&&rt()?(q(),ut()):n("invalid-select",d.value)},Aa=K=>{fa(),q(),ee.value.closeOnAutoApply&&!K&&ut()},fa=()=>{p.value&&L.value.enabled&&p.value.setParsedDate(d.value)},ya=(K=!1)=>{o.autoApply&&z(d.value)&&rt()&&(ie.value.enabled&&Array.isArray(d.value)?(ie.value.partialRange||d.value.length===2)&&Aa(K):Aa(K))},ga=()=>{L.value.enabled||(d.value=null)},ut=()=>{F.value.enabled||(s.value&&(s.value=!1,j.value=!1,te(!1),U(!1),P(),n("closed"),m.value&&k(i.value)),ga(),n("blur"))},Ka=(K,ge,_e=!1)=>{if(!K){d.value=null;return}const At=Array.isArray(K)?!K.some(jt=>!B(jt)):B(K),gt=z(K);At&>&&(d.value=K,ge&&(S.value=_e,oa(),n("text-submit")))},Ja=()=>{o.autoApply&&z(d.value)&&q(),fa()},Va=()=>s.value?ut():re(),Za=K=>{d.value=K},en=()=>{L.value.enabled&&(f.value=!0,de()),n("focus")},tn=()=>{if(L.value.enabled&&(f.value=!1,k(o.modelValue),S.value)){const K=o0(y.value,T.value);K==null||K.focus()}n("blur")},O=K=>{h.value&&h.value.updateMonthYear(0,{month:ho(K.month),year:ho(K.year)})},ae=K=>{k(K??o.modelValue)},fe=(K,ge)=>{var _e;(_e=h.value)==null||_e.switchView(K,ge)},Me=K=>ee.value.onClickOutside?ee.value.onClickOutside(K):ut();return Up(_,p,()=>Me(rt)),a({closeMenu:ut,selectDate:oa,clearValue:Te,openMenu:re,onScroll:w,formatInputValue:de,updateInternalModelValue:Za,setMonthYear:O,parseModel:ae,switchView:fe,toggleMenu:Va}),(K,ge)=>(u(),v("div",{ref_key:"pickerWrapperRef",ref:y,class:ve(Se.value),"data-datepicker-instance":""},[W(H0,Re({ref_key:"inputRef",ref:p,"input-value":l(m),"onUpdate:inputValue":ge[0]||(ge[0]=_e=>eo(m)?m.value=_e:null),"is-menu-open":s.value},K.$props,{onClear:Te,onOpen:re,onSetInputDate:Ka,onSetEmptyDate:l(q),onSelectDate:oa,onToggle:Va,onClose:ut,onFocus:en,onBlur:tn,onRealBlur:ge[1]||(ge[1]=_e=>f.value=!1)}),et({_:2},[ye(l(J),(_e,At)=>({name:_e,fn:D(gt=>[$(K.$slots,_e,Ke(nt(gt)))])}))]),1040,["input-value","is-menu-open","onSetEmptyDate"]),W(Hr,Ke(nt(V.value)),{default:D(()=>[W(Rt,{name:l(R)(l(b)),css:l(E)&&!l(F).enabled},{default:D(()=>[s.value?(u(),v("div",Re({key:0,ref_key:"dpWrapMenuRef",ref:_},he.value,{class:{"dp--menu-wrapper":!l(F).enabled},style:l(F).enabled?void 0:l(C)}),[W(ko,Re({ref_key:"dpMenuRef",ref:h},K.$props,{"internal-model-value":l(d),"onUpdate:internalModelValue":ge[2]||(ge[2]=_e=>eo(d)?d.value=_e:null),class:{[Oe.value]:!0,"dp--menu-wrapper":K.teleport},"open-on-top":l(b),"no-overlay-focus":Ve.value,collapse:Y.value,onClosePicker:ut,onSelectDate:oa,onAutoApply:ya,onTimeUpdate:Ja,onFlowStep:ge[3]||(ge[3]=_e=>K.$emit("flow-step",_e)),onUpdateMonthYear:ge[4]||(ge[4]=_e=>K.$emit("update-month-year",_e)),onInvalidSelect:ge[5]||(ge[5]=_e=>K.$emit("invalid-select",l(d))),onAutoApplyInvalid:ge[6]||(ge[6]=_e=>K.$emit("invalid-select",_e)),onInvalidFixedRange:ge[7]||(ge[7]=_e=>K.$emit("invalid-fixed-range",_e)),onRecalculatePosition:l(ue),onTooltipOpen:ge[8]||(ge[8]=_e=>K.$emit("tooltip-open",_e)),onTooltipClose:ge[9]||(ge[9]=_e=>K.$emit("tooltip-close",_e)),onTimePickerOpen:ge[10]||(ge[10]=_e=>K.$emit("time-picker-open",_e)),onTimePickerClose:ge[11]||(ge[11]=_e=>K.$emit("time-picker-close",_e)),onAmPmChange:ge[12]||(ge[12]=_e=>K.$emit("am-pm-change",_e)),onRangeStart:ge[13]||(ge[13]=_e=>K.$emit("range-start",_e)),onRangeEnd:ge[14]||(ge[14]=_e=>K.$emit("range-end",_e)),onDateUpdate:ge[15]||(ge[15]=_e=>K.$emit("date-update",_e)),onInvalidDate:ge[16]||(ge[16]=_e=>K.$emit("invalid-date",_e))}),et({_:2},[ye(l(H),(_e,At)=>({name:_e,fn:D(gt=>[$(K.$slots,_e,Ke(nt({...gt})))])}))]),1040,["internal-model-value","class","open-on-top","no-overlay-focus","collapse","onRecalculatePosition"])],16)):x("",!0)]),_:3},8,["name","css"])]),_:3},16)],2))}}),xe=(()=>{const e=Xp;return e.install=a=>{a.component("Vue3DatePicker",e)},e})(),Kp=Object.freeze(Object.defineProperty({__proto__:null,default:xe},Symbol.toStringTag,{value:"Module"}));Object.entries(Kp).forEach(([e,a])=>{e!=="default"&&(xe[e]=a)});const Jp={class:"demo-wrap"},Zp={class:"action-row"},e1={class:"current-selection"},t1=["onClick"],a1=Q({__name:"ActionRowSlotDemo",setup(e){const a=A(new Date),{isDark:t}=Ae(),n=o=>dt(o,"dd.MM.yyyy, HH:mm");return(o,r)=>(u(),v("div",Jp,[W(l(xe),{modelValue:a.value,"onUpdate:modelValue":r[0]||(r[0]=s=>a.value=s),dark:l(t)},{"action-row":D(({internalModelValue:s,selectDate:i})=>[g("div",Zp,[g("p",e1,ne(n(s)),1),g("button",{class:"select-button",onClick:i},"Select Date",8,t1)])]),_:1},8,["modelValue","dark"])]))}}),n1={class:"demo-wrap"},o1=Q({__name:"CustomCalendarDemo",props:{},setup(e){const{isDark:a}=Ae(),t=A(),n=o=>o.filter(r=>r.days.some(s=>s.text===15)).map(r=>({...r,days:r.days.map(s=>(s.classData["custom-class"]=!0,s))}));return(o,r)=>(u(),v("div",n1,[W(l(xe),Re({modelValue:t.value,"onUpdate:modelValue":r[0]||(r[0]=s=>t.value=s)},o.$props,{dark:l(a),calendar:n,placeholder:"Select Date"}),null,16,["modelValue","dark"])]))}}),r1={class:"demo-wrap"},s1=Q({__name:"DarkDemo",props:["placeholder"],setup(e){const a=A(new Date);return(t,n)=>(u(),v("div",r1,[W(l(xe),{modelValue:a.value,"onUpdate:modelValue":n[0]||(n[0]=o=>a.value=o),placeholder:e.placeholder,dark:""},null,8,["modelValue","placeholder"])]))}}),l1={class:"demo-wrap"},i1=Q({__name:"DemoDayClass",setup(e){const a=A(new Date),{isDark:t}=Ae(),n=o=>Kt(o,je(He(new Date,{hours:0,minutes:0,seconds:0,milliseconds:0}),1))?"marked-cell":"";return(o,r)=>(u(),v("div",l1,[W(l(xe),{modelValue:a.value,"onUpdate:modelValue":r[0]||(r[0]=s=>a.value=s),dark:l(t),"day-class":n},null,8,["modelValue","dark"])]))}}),u1={class:"demo-wrap"},c1=Q({__name:"DemoHighlight",props:["disabled"],setup(e){const a=A(new Date),{isDark:t}=Ae(),n=e,o=M(()=>[je(new Date,1),je(new Date,2),je(new Date,3)]),r=M(()=>n.disabled?o.value:[]),s=M(()=>({dates:n.disabled?r.value:o.value,options:{highlightDisabled:!0}}));return(i,c)=>(u(),v("div",u1,[W(l(xe),{modelValue:a.value,"onUpdate:modelValue":c[0]||(c[0]=_=>a.value=_),dark:l(t),highlight:s.value,"disabled-dates":r.value},null,8,["modelValue","dark","highlight","disabled-dates"])]))}}),d1={class:"demo-wrap"},m1=g("span",{class:"custom-marker"},null,-1),v1=Q({__name:"DemoMarkers",props:["useMarkerTooltipSlot","useMarkerSlot"],setup(e){const a=A(new Date),{isDark:t}=Ae(),n=M(()=>[{date:je(new Date,1),type:"dot",tooltip:[{text:"Dot with tooltip",color:"green"}]},{date:je(new Date,2),type:"line",tooltip:[{text:"First tooltip",color:"blue"},{text:"Second tooltip",color:"yellow"}]},{date:je(new Date,3),type:"dot",color:"yellow"}]);return(o,r)=>(u(),v("div",d1,[W(l(xe),{modelValue:a.value,"onUpdate:modelValue":r[0]||(r[0]=s=>a.value=s),dark:l(t),markers:n.value},et({_:2},[e.useMarkerTooltipSlot?{name:"marker-tooltip",fn:D(({day:s})=>[g("div",null,"Custom content on "+ne(s),1)]),key:"0"}:void 0,e.useMarkerSlot?{name:"marker",fn:D(({day:s})=>[m1]),key:"1"}:void 0]),1032,["modelValue","dark","markers"])]))}}),p1=g("p",{class:"clickable-text"},"This is some custom clickable text that will open datepicker",-1),h1=["value"],f1=g("img",{class:"input-slot-image",src:St},null,-1),y1=["onClick"],g1=g("img",{class:"slot-icon",src:St},null,-1),_1=g("img",{class:"slot-icon",src:St},null,-1),b1=g("img",{class:"slot-icon",src:St},null,-1),w1=g("img",{class:"slot-icon-m",src:St},null,-1),k1=g("img",{class:"slot-icon-m",src:St},null,-1),$1=g("img",{class:"slot-icon",src:St},null,-1),D1={key:0,class:"slot-icon",src:St},M1=["onClick"],T1=g("img",{class:"slot-icon centered",src:St},null,-1),P1=[T1],x1=["onClick"],S1={class:"time-picker-overlay"},A1=["value","onChange"],V1=["value"],C1=["value","onChange"],O1=["value"],N1=g("div",{class:"dp-sidebar"},"Custom content",-1),R1=g("div",{class:"dp-sidebar"},"Custom content",-1),L1={class:"overlay-header"},I1=["onClick"],Y1={class:"overlay-header"},B1=["onClick"],H1=Q({__name:"DemoSlots",props:["placeholder","useTriggerSlot","position","useInputIconSlot","useClearIconSlot","useClockIconSlot","useArrowLeftSlot","useArrowRightSlot","useArrowUpSlot","useArrowDownSlot","useCalendarIconSlot","useDaySlot","useActionButtonSlot","useActionPreviewSlot","useHoursSlot","useMinutesSlot","useMonthSlot","useYearSlot","useHoursOverlaySlot","useMinutesOverlaySlot","useMonthOverlaySlot","useYearOverlaySlot","useDpInputSlot","useCalendarHeaderSlot","useActionExtraSlot","is24","useAmPmButtonSlot","useTimePickerOverlay","useLeftSidebarSlot","useRightSidebarSlot","useMonthOverlayHeaderSlot","useYearOverlayHeaderSlot","useQuarterSlot"],setup(e){const a=A(new Date),{isDark:t}=Ae(),n=A(null),o=M(()=>new Date().getDate()+1),r=M(()=>h=>`Selected ${new Date(h).getDate()}`),s=M(()=>{const h=[];for(let p=0;p<24;p++)h.push({text:p<10?`0${p}`:p,value:p});return h}),i=M(()=>{const h=[];for(let p=0;p<60;p++)h.push({text:p<10?`0${p}`:p,value:p});return h}),c=()=>{n.value&&n.value.selectDate()},_=h=>dt(h,"QQQ");return(h,p)=>(u(),v("div",{class:ve(["demo-wrap",e.useDpInputSlot||e.useTriggerSlot?"demo-wrap-inline":""])},[W(l(xe),{modelValue:a.value,"onUpdate:modelValue":p[0]||(p[0]=f=>a.value=f),placeholder:e.placeholder,dark:l(t),position:e.position,"quarter-picker":e.useQuarterSlot,is24:e.is24,ref_key:"dpSlotDemo",ref:n},et({_:2},[e.useTriggerSlot?{name:"trigger",fn:D(()=>[p1]),key:"0"}:void 0,e.useDpInputSlot?{name:"dp-input",fn:D(({value:f})=>[g("input",{class:"input-class",type:"text",value:f},null,8,h1)]),key:"1"}:void 0,e.useInputIconSlot?{name:"input-icon",fn:D(()=>[f1]),key:"2"}:void 0,e.useClearIconSlot?{name:"clear-icon",fn:D(({clear:f})=>[g("img",{class:"input-slot-image-clear",src:St,onClick:f},null,8,y1)]),key:"3"}:void 0,e.useClockIconSlot?{name:"clock-icon",fn:D(()=>[g1]),key:"4"}:void 0,e.useArrowLeftSlot?{name:"arrow-left",fn:D(()=>[_1]),key:"5"}:void 0,e.useArrowRightSlot?{name:"arrow-right",fn:D(()=>[b1]),key:"6"}:void 0,e.useArrowUpSlot?{name:"arrow-up",fn:D(()=>[w1]),key:"7"}:void 0,e.useArrowDownSlot?{name:"arrow-down",fn:D(()=>[k1]),key:"8"}:void 0,e.useCalendarIconSlot?{name:"calendar-icon",fn:D(()=>[$1]),key:"9"}:void 0,e.useDaySlot?{name:"day",fn:D(({day:f})=>[f===o.value?(u(),v("img",D1)):(u(),v(se,{key:1},[Ne(ne(f),1)],64))]),key:"10"}:void 0,e.useActionButtonSlot?{name:"action-buttons",fn:D(()=>[g("p",{class:"custom-select",onClick:c},"Select")]),key:"11"}:void 0,e.useActionPreviewSlot?{name:"action-preview",fn:D(({value:f})=>[Ne(ne(r.value(f)),1)]),key:"12"}:void 0,e.useHoursSlot?{name:"hours",fn:D(({value:f})=>[Ne(ne(f),1)]),key:"13"}:void 0,e.useMinutesSlot?{name:"minutes",fn:D(({value:f})=>[Ne(ne(f),1)]),key:"14"}:void 0,e.useMonthSlot?{name:"month",fn:D(({value:f})=>[Ne(ne(f),1)]),key:"15"}:void 0,e.useYearSlot?{name:"year",fn:D(({value:f})=>[Ne(ne(f),1)]),key:"16"}:void 0,e.useHoursOverlaySlot?{name:"hours-overlay-value",fn:D(({value:f})=>[Ne(ne(f),1)]),key:"17"}:void 0,e.useMinutesOverlaySlot?{name:"minutes-overlay-value",fn:D(({value:f})=>[Ne(ne(f),1)]),key:"18"}:void 0,e.useMonthOverlaySlot?{name:"month-overlay-value",fn:D(({value:f})=>[Ne(ne(f),1)]),key:"19"}:void 0,e.useYearOverlaySlot?{name:"year-overlay-value",fn:D(({value:f})=>[Ne(ne(f),1)]),key:"20"}:void 0,e.useCalendarHeaderSlot?{name:"calendar-header",fn:D(({index:f,day:y})=>[g("div",{class:ve(f===5||f===6?"red-color":"")},ne(y),3)]),key:"21"}:void 0,e.useActionExtraSlot?{name:"action-extra",fn:D(({selectCurrentDate:f})=>[g("span",{onClick:y=>f(),title:"Select current date",class:"pointer"},P1,8,M1)]),key:"22"}:void 0,e.useAmPmButtonSlot?{name:"am-pm-button",fn:D(({toggle:f,value:y})=>[g("button",{onClick:f},ne(y),9,x1)]),key:"23"}:void 0,e.useTimePickerOverlay?{name:"time-picker-overlay",fn:D(({hours:f,minutes:y,setHours:S,setMinutes:T})=>[g("div",S1,[g("select",{class:"select-input",value:f,onChange:Y=>S(+Y.target.value)},[(u(!0),v(se,null,ye(s.value,Y=>(u(),v("option",{key:Y.value,value:Y.value},ne(Y.text),9,V1))),128))],40,A1),g("select",{class:"select-input",value:y,onChange:Y=>T(+Y.target.value)},[(u(!0),v(se,null,ye(i.value,Y=>(u(),v("option",{key:Y.value,value:Y.value},ne(Y.text),9,O1))),128))],40,C1)])]),key:"24"}:void 0,e.useLeftSidebarSlot?{name:"left-sidebar",fn:D(()=>[N1]),key:"25"}:void 0,e.useRightSidebarSlot?{name:"right-sidebar",fn:D(()=>[R1]),key:"26"}:void 0,e.useMonthOverlayHeaderSlot?{name:"month-overlay-header",fn:D(({toggle:f})=>[g("div",L1,[g("span",{onClick:f,class:"pointer"},ne("< Go back"),8,I1)])]),key:"27"}:void 0,e.useYearOverlayHeaderSlot?{name:"year-overlay-header",fn:D(({toggle:f})=>[g("div",Y1,[g("span",{onClick:f,class:"pointer"},ne("< Go back"),8,B1)])]),key:"28"}:void 0,e.useQuarterSlot?{name:"quarter",fn:D(({value:f})=>[g("span",null,ne(_(f)),1)]),key:"29"}:void 0]),1032,["modelValue","placeholder","dark","position","quarter-picker","is24"])],2))}}),z1={class:"demo-wrap"},E1=Q({__name:"DisabledDatesDemo",setup(e){const a=A(new Date),{isDark:t}=Ae(),n=M(()=>{const o=new Date,r=new Date(o);r.setDate(r.getDate()+1);const s=new Date(r);return s.setDate(r.getDate()+1),[r,s]});return(o,r)=>(u(),v("div",z1,[W(l(xe),{modelValue:a.value,"onUpdate:modelValue":r[0]||(r[0]=s=>a.value=s),dark:l(t),"disabled-dates":n.value},null,8,["modelValue","dark","disabled-dates"])]))}}),F1={class:"demo-wrap"},W1=Q({__name:"DisabledRangeDateDemo",props:{},setup(e){const{isDark:a}=Ae(),t=A([]),n=[Hn(new Date,1),new Date,je(new Date,1)];return(o,r)=>(u(),v("div",F1,[W(l(xe),Re({modelValue:t.value,"onUpdate:modelValue":r[0]||(r[0]=s=>t.value=s)},o.$props,{dark:l(a),range:{noDisabledRange:!0},"disabled-dates":n,placeholder:"Select range"}),null,16,["modelValue","dark"])]))}}),q1={class:"demo-wrap"},Q1={class:"buttons-wrap"},G1=["onClick"],j1=Q({__name:"DisabledTimesDemo",props:{},setup(e){const{isDark:a}=Ae(),t=A(null),n=["single","range"],o=A("single"),r=M(()=>o.value==="range"),s=[{hours:15,minutes:"*"},{hours:16,minutes:15},{hours:16,minutes:20},{hours:17,minutes:30}],i=[[{hours:12,minutes:"*"},{hours:9,minutes:10}],s],c=_=>{t.value=null,o.value=_};return(_,h)=>(u(),v("div",q1,[g("div",Q1,[(u(),v(se,null,ye(n,(p,f)=>g("button",{class:ve(["change-btn",{"btn-active":p===o.value}]),key:f,onClick:y=>c(p)},ne(p),11,G1)),64))]),W(l(xe),Re({modelValue:t.value,"onUpdate:modelValue":h[0]||(h[0]=p=>t.value=p),placeholder:"Select date"},_.$props,{dark:l(a),"disabled-times":r.value?i:s,range:r.value}),null,16,["modelValue","dark","disabled-times","range"])]))}}),U1=ce(j1,[["__scopeId","data-v-2a3dee5c"]]),X1={class:"demo-wrap"},K1={key:0},J1=Q({__name:"DisplayModelDemo",props:["modelType","modelAuto","range"],setup(e){const a=A(),{isDark:t}=Ae();return(n,o)=>(u(),v("div",X1,[W(l(xe),Re({modelValue:a.value,"onUpdate:modelValue":o[0]||(o[0]=r=>a.value=r),dark:l(t)},n.$props,{placeholder:"Select Date"}),null,16,["modelValue","dark"]),a.value?(u(),v("p",K1,"Selected date: "+ne(a.value),1)):x("",!0)]))}}),Z1={class:"demo-wrap"},eh=Q({__name:"EmitTimezone",setup(e){const{isDark:a}=Ae(),t=A(),n=A(),o=r=>{n.value=r};return(r,s)=>(u(),v("div",Z1,[t.value&&n.value?(u(),v(se,{key:0},[g("div",null,"Local timezone date: "+ne(t.value),1),g("div",null,"UTC date: "+ne(n.value),1)],64)):x("",!0),W(l(xe),{modelValue:t.value,"onUpdate:modelValue":s[0]||(s[0]=i=>t.value=i),placeholder:"Select date","emit-timezone":"UTC",dark:l(a),"onUpdate:modelTimezoneValue":o},null,8,["modelValue","dark"])]))}}),th={class:"demo-wrap"},ah=Q({__name:"EmptyDemo",props:["placeholder","noToday","minTime","maxTime","startDate","startTime","disabledWeekDays","allowedDates","actionRow","nowButtonLabel","multiDates","flow","partialFlow","range","multiDatesLimit","weekPicker","monthPicker","timePicker","disableTimeRangeValidation","maxDate","ignoreTimeValidation","autoApply"],setup(e){const a=e,t=A(),{isDark:n}=Ae(),o=M(()=>{if(a.allowedDates)return[new Date,new Date(new Date().setDate(new Date().getDate()+1))]});return(r,s)=>(u(),v("div",th,[W(l(xe),{modelValue:t.value,"onUpdate:modelValue":s[0]||(s[0]=i=>t.value=i),placeholder:e.placeholder,dark:l(n),"no-today":e.noToday,"min-time":e.minTime,"max-time":e.maxTime,"start-date":e.startDate,"start-time":e.startTime,"disabled-week-days":e.disabledWeekDays,"allowed-dates":o.value,"action-row":e.actionRow,"now-button-label":e.nowButtonLabel,"multi-dates":e.multiDates,range:e.range,flow:e.flow,"multi-dates-limit":e.multiDatesLimit,"week-picker":e.weekPicker,"month-picker":e.monthPicker,"time-picker":e.timePicker,"disable-time-range-validation":e.disableTimeRangeValidation,"max-date":e.maxDate,"ignore-time-validation":e.ignoreTimeValidation,"partial-flow":e.partialFlow,"auto-apply":e.autoApply},null,8,["modelValue","placeholder","dark","no-today","min-time","max-time","start-date","start-time","disabled-week-days","allowed-dates","action-row","now-button-label","multi-dates","range","flow","multi-dates-limit","week-picker","month-picker","time-picker","disable-time-range-validation","max-date","ignore-time-validation","partial-flow","auto-apply"])]))}}),nh={class:"demo-wrap"},oh=Q({__name:"FiltersDemo",setup(e){const a=A(new Date),{isDark:t}=Ae(),n=M(()=>{const o=new Date;return{months:Array.from(Array(3).keys()).map(r=>$e(lt(o,r+1)))}});return(o,r)=>(u(),v("div",nh,[W(l(xe),{modelValue:a.value,"onUpdate:modelValue":r[0]||(r[0]=s=>a.value=s),dark:l(t),placeholder:"Select Date",filters:n.value},null,8,["modelValue","dark","filters"])]))}}),rh={class:"demo-wrap"},sh=Q({__name:"FormatDemo",props:["placeholder"],setup(e){const a=A(new Date),{isDark:t}=Ae(),n=o=>{const r=o.getDate(),s=o.getMonth()+1,i=o.getFullYear();return`Selected date is ${r}/${s}/${i}`};return(o,r)=>(u(),v("div",rh,[W(l(xe),{modelValue:a.value,"onUpdate:modelValue":r[0]||(r[0]=s=>a.value=s),placeholder:e.placeholder,format:n,dark:l(t)},null,8,["modelValue","placeholder","dark"])]))}}),lh={class:"demo-wrap"},ih=Q({__name:"GlobalDemo",props:["uid","is24","enableTimePicker","locale","cancelText","selectText","range","position","weekNumbers","placeholder","hoursIncrement","minutesIncrement","hoursGridIncrement","minutesGridIncrement","minDate","maxDate","minTime","maxTime","weekStart","disabled","readonly","inputClassName","menuClassName","hideInputIcon","state","clearable","closeOnScroll","autoApply","filters","disableMonthYearSelect","yearRange","disabledDates","inline","weekNumName","autoPosition","monthPicker","timePicker","closeOnAutoApply","calendarClassName","calendarCellClassName","teleport","startDate","startTime","monthNameFormat","autoRange","hideOffsetDates","noHoursOverlay","noMinutesOverlay","altPosition","multiCalendars","multiCalendarsSolo","partialRange","monthChangeOnScroll","transitions","modeHeight","enableSeconds","secondsIncrement","secondsGridIncrement","noSecondsOverlay","openMenuOnFocus","escClose","spaceConfirm","monthChangeOnArrows","inlineWithInput","name","autocomplete","preventMinMaxNavigation","fixedEnd","fixedStart","reverseYears","vertical","arrowNavigation","textInput","yearPicker","multiStatic","disableTimeRangeValidation","dayNames","offset","teleportCenter","hideNavigation","sixWeeks","actionRow","disableYearSelect","focusStartDate","timePickerInline","yearFirst","loading"],setup(e){const a=e,t=A(null),n=A(!1),{isDark:o}=Ae(),r=M({get:()=>{if(n.value||a.maxTime||a.minTime||a.startDate&&!a.focusStartDate||a.startTime)return null;if(t.value)return t.value;if(a.monthPicker)return{month:new Date().getMonth(),year:new Date().getFullYear()};if(a.yearPicker)return new Date().getFullYear();if(a.timePicker){const s=new Date;return{hours:s.getHours(),minutes:s.getMinutes()}}if(a.range){const s=new Date,i=new Date(new Date().setDate(s.getDate()+7));return[s,i]}return new Date},set:s=>{n.value=!s,t.value=s}});return(s,i)=>(u(),v("div",lh,[W(l(xe),Re({modelValue:r.value,"onUpdate:modelValue":i[0]||(i[0]=c=>r.value=c)},s.$props,{dark:l(o)}),null,16,["modelValue","dark"])]))}}),uh={lessThanXSeconds:{one:"1秒未満",other:"{{count}}秒未満",oneWithSuffix:"約1秒",otherWithSuffix:"約{{count}}秒"},xSeconds:{one:"1秒",other:"{{count}}秒"},halfAMinute:"30秒",lessThanXMinutes:{one:"1分未満",other:"{{count}}分未満",oneWithSuffix:"約1分",otherWithSuffix:"約{{count}}分"},xMinutes:{one:"1分",other:"{{count}}分"},aboutXHours:{one:"約1時間",other:"約{{count}}時間"},xHours:{one:"1時間",other:"{{count}}時間"},xDays:{one:"1日",other:"{{count}}日"},aboutXWeeks:{one:"約1週間",other:"約{{count}}週間"},xWeeks:{one:"1週間",other:"{{count}}週間"},aboutXMonths:{one:"約1か月",other:"約{{count}}か月"},xMonths:{one:"1か月",other:"{{count}}か月"},aboutXYears:{one:"約1年",other:"約{{count}}年"},xYears:{one:"1年",other:"{{count}}年"},overXYears:{one:"1年以上",other:"{{count}}年以上"},almostXYears:{one:"1年近く",other:"{{count}}年近く"}},ch=(e,a,t)=>{t=t||{};let n;const o=uh[e];return typeof o=="string"?n=o:a===1?t.addSuffix&&o.oneWithSuffix?n=o.oneWithSuffix:n=o.one:t.addSuffix&&o.otherWithSuffix?n=o.otherWithSuffix.replace("{{count}}",String(a)):n=o.other.replace("{{count}}",String(a)),t.addSuffix?t.comparison&&t.comparison>0?n+"後":n+"前":n},dh={full:"y年M月d日EEEE",long:"y年M月d日",medium:"y/MM/dd",short:"y/MM/dd"},mh={full:"H時mm分ss秒 zzzz",long:"H:mm:ss z",medium:"H:mm:ss",short:"H:mm"},vh={full:"{{date}} {{time}}",long:"{{date}} {{time}}",medium:"{{date}} {{time}}",short:"{{date}} {{time}}"},ph={date:ua({formats:dh,defaultWidth:"full"}),time:ua({formats:mh,defaultWidth:"full"}),dateTime:ua({formats:vh,defaultWidth:"full"})},hh={lastWeek:"先週のeeeeのp",yesterday:"昨日のp",today:"今日のp",tomorrow:"明日のp",nextWeek:"翌週のeeeeのp",other:"P"},fh=(e,a,t,n)=>hh[e],yh={narrow:["BC","AC"],abbreviated:["紀元前","西暦"],wide:["紀元前","西暦"]},gh={narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["第1四半期","第2四半期","第3四半期","第4四半期"]},_h={narrow:["1","2","3","4","5","6","7","8","9","10","11","12"],abbreviated:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],wide:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"]},bh={narrow:["日","月","火","水","木","金","土"],short:["日","月","火","水","木","金","土"],abbreviated:["日","月","火","水","木","金","土"],wide:["日曜日","月曜日","火曜日","水曜日","木曜日","金曜日","土曜日"]},wh={narrow:{am:"午前",pm:"午後",midnight:"深夜",noon:"正午",morning:"朝",afternoon:"午後",evening:"夜",night:"深夜"},abbreviated:{am:"午前",pm:"午後",midnight:"深夜",noon:"正午",morning:"朝",afternoon:"午後",evening:"夜",night:"深夜"},wide:{am:"午前",pm:"午後",midnight:"深夜",noon:"正午",morning:"朝",afternoon:"午後",evening:"夜",night:"深夜"}},kh={narrow:{am:"午前",pm:"午後",midnight:"深夜",noon:"正午",morning:"朝",afternoon:"午後",evening:"夜",night:"深夜"},abbreviated:{am:"午前",pm:"午後",midnight:"深夜",noon:"正午",morning:"朝",afternoon:"午後",evening:"夜",night:"深夜"},wide:{am:"午前",pm:"午後",midnight:"深夜",noon:"正午",morning:"朝",afternoon:"午後",evening:"夜",night:"深夜"}},$h=(e,a)=>{const t=Number(e);switch(String(a==null?void 0:a.unit)){case"year":return`${t}年`;case"quarter":return`第${t}四半期`;case"month":return`${t}月`;case"week":return`第${t}週`;case"date":return`${t}日`;case"hour":return`${t}時`;case"minute":return`${t}分`;case"second":return`${t}秒`;default:return`${t}`}},Dh={ordinalNumber:$h,era:bt({values:yh,defaultWidth:"wide"}),quarter:bt({values:gh,defaultWidth:"wide",argumentCallback:e=>Number(e)-1}),month:bt({values:_h,defaultWidth:"wide"}),day:bt({values:bh,defaultWidth:"wide"}),dayPeriod:bt({values:wh,defaultWidth:"wide",formattingValues:kh,defaultFormattingWidth:"wide"})},Mh=/^第?\d+(年|四半期|月|週|日|時|分|秒)?/i,Th=/\d+/i,Ph={narrow:/^(B\.?C\.?|A\.?D\.?)/i,abbreviated:/^(紀元[前後]|西暦)/i,wide:/^(紀元[前後]|西暦)/i},xh={narrow:[/^B/i,/^A/i],any:[/^(紀元前)/i,/^(西暦|紀元後)/i]},Sh={narrow:/^[1234]/i,abbreviated:/^Q[1234]/i,wide:/^第[1234一二三四１２３４]四半期/i},Ah={any:[/(1|一|１)/i,/(2|二|２)/i,/(3|三|３)/i,/(4|四|４)/i]},Vh={narrow:/^([123456789]|1[012])/,abbreviated:/^([123456789]|1[012])月/i,wide:/^([123456789]|1[012])月/i},Ch={any:[/^1\D/,/^2/,/^3/,/^4/,/^5/,/^6/,/^7/,/^8/,/^9/,/^10/,/^11/,/^12/]},Oh={narrow:/^[日月火水木金土]/,short:/^[日月火水木金土]/,abbreviated:/^[日月火水木金土]/,wide:/^[日月火水木金土]曜日/},Nh={any:[/^日/,/^月/,/^火/,/^水/,/^木/,/^金/,/^土/]},Rh={any:/^(AM|PM|午前|午後|正午|深夜|真夜中|夜|朝)/i},Lh={any:{am:/^(A|午前)/i,pm:/^(P|午後)/i,midnight:/^深夜|真夜中/i,noon:/^正午/i,morning:/^朝/i,afternoon:/^午後/i,evening:/^夜/i,night:/^深夜/i}},Ih={ordinalNumber:Uo({matchPattern:Mh,parsePattern:Th,valueCallback:function(e){return parseInt(e,10)}}),era:wt({matchPatterns:Ph,defaultMatchWidth:"wide",parsePatterns:xh,defaultParseWidth:"any"}),quarter:wt({matchPatterns:Sh,defaultMatchWidth:"wide",parsePatterns:Ah,defaultParseWidth:"any",valueCallback:e=>e+1}),month:wt({matchPatterns:Vh,defaultMatchWidth:"wide",parsePatterns:Ch,defaultParseWidth:"any"}),day:wt({matchPatterns:Oh,defaultMatchWidth:"wide",parsePatterns:Nh,defaultParseWidth:"any"}),dayPeriod:wt({matchPatterns:Rh,defaultMatchWidth:"any",parsePatterns:Lh,defaultParseWidth:"any"})},Yh={code:"ja",formatDistance:ch,formatLong:ph,formatRelative:fh,localize:Dh,match:Ih,options:{weekStartsOn:0,firstWeekContainsDate:1}},Bh={class:"demo-wrap"},Hh=Q({__name:"LocalizedOutput",setup(e){const a=A(new Date),{isDark:t}=Ae();return(n,o)=>(u(),v("div",Bh,[W(l(xe),{modelValue:a.value,"onUpdate:modelValue":o[0]||(o[0]=r=>a.value=r),dark:l(t),placeholder:"Select Date","format-locale":l(Yh),format:"E"},null,8,["modelValue","dark","format-locale"])]))}}),zh={class:"demo-wrap"},Eh=Q({__name:"MinMaxDemo",setup(e){const a=A(new Date),{isDark:t}=Ae(),n=M(()=>Nt(new Date(we(new Date),$e(new Date)),2)),o=M(()=>lt(new Date(we(new Date),$e(new Date)),2));return(r,s)=>(u(),v("div",zh,[W(l(xe),{modelValue:a.value,"onUpdate:modelValue":s[0]||(s[0]=i=>a.value=i),placeholder:"Select Date",dark:l(t),"min-date":n.value,"max-date":o.value,"prevent-min-max-navigation":""},null,8,["modelValue","dark","min-date","max-date"])]))}}),Fh={class:"demo-wrap"},Wh=Q({__name:"MonthPickerDemo",props:{autoApplyMonth:{type:Boolean,default:!0}},setup(e){const{isDark:a}=Ae(),t=A({month:new Date().getMonth(),year:new Date().getFullYear()});return(n,o)=>(u(),v("div",Fh,[W(l(xe),Re({modelValue:t.value,"onUpdate:modelValue":o[0]||(o[0]=r=>t.value=r)},n.$props,{dark:l(a),"month-picker":""}),null,16,["modelValue","dark"])]))}}),qh={},Qh={version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32",class:"dp__icon"},Gh=g("path",{d:"M20.943 23.057l-7.057-7.057c0 0 7.057-7.057 7.057-7.057 0.52-0.52 0.52-1.365 0-1.885s-1.365-0.52-1.885 0l-8 8c-0.521 0.521-0.521 1.365 0 1.885l8 8c0.52 0.52 1.365 0.52 1.885 0s0.52-1.365 0-1.885z"},null,-1),jh=[Gh];function Uh(e,a){return u(),v("svg",Qh,jh)}const Xh=ce(qh,[["render",Uh]]),Kh={},Jh={version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32",class:"dp__icon"},Zh=g("path",{d:"M12.943 24.943l8-8c0.521-0.521 0.521-1.365 0-1.885l-8-8c-0.52-0.52-1.365-0.52-1.885 0s-0.52 1.365 0 1.885l7.057 7.057c0 0-7.057 7.057-7.057 7.057-0.52 0.52-0.52 1.365 0 1.885s1.365 0.52 1.885 0z"},null,-1),ef=[Zh];function tf(e,a){return u(),v("svg",Jh,ef)}const af=ce(Kh,[["render",tf]]),nf={class:"demo-wrap"},of={class:"custom-month-year-component"},rf=["value","onChange"],sf=["value"],lf=["value","onChange"],uf=["value"],cf={class:"icons"},df=["onClick"],mf=["onClick"],vf={class:"custom-month-year-component"},pf=["value","onChange"],hf=["value"],ff=["onClick"],yf={class:"year-overlay"},gf=["value","onChange"],_f=["value"],bf=["onClick"],wf=Q({__name:"MonthYearSlotDemo",props:["defaultSlot","monthOverlaySlot","yearOverlaySlot"],setup(e){const a=A(new Date),{isDark:t}=Ae(),n=(r,s,i,c)=>{s(+r.target.value,i),c&&c()},o=(r,s,i,c)=>{s(i,+r.target.value),c&&c()};return(r,s)=>(u(),v("div",nf,[W(l(xe),{modelValue:a.value,"onUpdate:modelValue":s[0]||(s[0]=i=>a.value=i),dark:l(t)},et({_:2},[e.defaultSlot?{name:"month-year",fn:D(({month:i,year:c,months:_,years:h,updateMonthYear:p,handleMonthYearChange:f})=>[g("div",of,[g("select",{class:"select-input",value:i,onChange:y=>n(y,p,c)},[(u(!0),v(se,null,ye(_,y=>(u(),v("option",{key:y.value,value:y.value},ne(y.text),9,sf))),128))],40,rf),g("select",{class:"select-input",value:c,onChange:y=>o(y,p,i)},[(u(!0),v(se,null,ye(h,y=>(u(),v("option",{key:y.value,value:y.value},ne(y.text),9,uf))),128))],40,lf)]),g("div",cf,[g("span",{class:"custom-icon",onClick:y=>f(!1)},[W(Xh)],8,df),g("span",{class:"custom-icon",onClick:y=>f(!0)},[W(af)],8,mf)])]),key:"0"}:void 0,e.monthOverlaySlot?{name:"month-overlay",fn:D(({month:i,year:c,items:_,updateMonthYear:h,toggle:p})=>[g("div",vf,[g("select",{class:"select-input",value:i,onChange:f=>n(f,h,c,p)},[(u(!0),v(se,null,ye(_,f=>(u(),v("option",{key:f.value,value:f.value},ne(f.text),9,hf))),128))],40,pf)]),g("button",{onClick:p},"Close",8,ff)]),key:"1"}:void 0,e.yearOverlaySlot?{name:"year-overlay",fn:D(({month:i,year:c,items:_,updateMonthYear:h,toggle:p})=>[g("div",yf,[g("div",null,[g("select",{class:"select-input",value:c,onChange:f=>o(f,h,i,p)},[(u(!0),v(se,null,ye(_,f=>(u(),v("option",{key:f.value,value:f.value},ne(f.text),9,_f))),128))],40,gf)]),g("button",{onClick:p},"Close",8,bf)])]),key:"2"}:void 0]),1032,["modelValue","dark"])]))}}),kf={class:"demo-wrap"},$f=["onClick"],Df=Q({__name:"PresetRange",setup(e){const a=A(),{isDark:t}=Ae(),n=A([{label:"Today",value:[new Date,new Date]},{label:"Today (Slot)",value:[new Date,new Date],slot:"preset-date-range-button"},{label:"This month",value:[so(new Date),ro(new Date)]},{label:"Last month",value:[so(Nt(new Date,1)),ro(Nt(new Date,1))]},{label:"This year",value:[Nn(new Date),jo(new Date)]}]);return(o,r)=>(u(),v("div",kf,[W(l(xe),{modelValue:a.value,"onUpdate:modelValue":r[0]||(r[0]=s=>a.value=s),placeholder:"Select Date",dark:l(t),range:"","preset-dates":n.value},{"preset-date-range-button":D(({label:s,value:i,presetDate:c})=>[g("span",{role:"button",tabindex:0,onClick:_=>c(i)},ne(s),9,$f)]),_:1},8,["modelValue","dark","preset-dates"])]))}}),Mf={class:"demo-wrap"},Tf=Q({__name:"PreviewFormatDemo",props:["placeholder"],setup(e){const a=A(new Date),{isDark:t}=Ae(),n=o=>{const r=o.getDate(),s=o.getMonth()+1,i=o.getFullYear();return`Selected date is ${r}/${s}/${i}`};return(o,r)=>(u(),v("div",Mf,[W(l(xe),{modelValue:a.value,"onUpdate:modelValue":r[0]||(r[0]=s=>a.value=s),placeholder:e.placeholder,"preview-format":n,dark:l(t)},null,8,["modelValue","placeholder","dark"])]))}}),Pf={class:"demo-wrap"},xf=Q({__name:"QuarterPickerDemo",setup(e){const{isDark:a}=Ae(),t=A(Ht(new Date));return(n,o)=>(u(),v("div",Pf,[W(l(xe),Re({modelValue:t.value,"onUpdate:modelValue":o[0]||(o[0]=r=>t.value=r)},n.$props,{dark:l(a),"quarter-picker":""}),null,16,["modelValue","dark"])]))}}),Sf={class:"demo-wrap"},Af=Q({__name:"RangeDemo",props:{range:{type:[Boolean,Object],default:!0},clearable:{type:Boolean,default:!0},timePicker:{type:Boolean,default:!1},placeholder:{type:String,default:"Select Range"},multiCalendars:{type:[Number,String,Boolean,Object],default:null},disabledWeekDays:{type:Array,default:()=>[]}},setup(e){const a=e,{isDark:t}=Ae(),n=M(()=>{var r,s,i;return typeof a.range=="object"?((r=a.range)==null?void 0:r.autoRange)||((s=a.range)==null?void 0:s.maxRange)||((i=a.range)==null?void 0:i.minRange):!1}),o=A(n.value?null:[new Date,new Date(new Date().setDate(new Date().getDate()+7))]);return(r,s)=>(u(),v("div",Sf,[W(l(xe),Re({modelValue:o.value,"onUpdate:modelValue":s[0]||(s[0]=i=>o.value=i)},r.$props,{dark:l(t),rang:e.range,placeholder:e.placeholder}),null,16,["modelValue","dark","rang","placeholder"])]))}}),Vf={class:"demo-wrap"},Cf=Q({__name:"RangeDemoDeprecated",props:{autoRange:{type:[Number,String],default:null},multiCalendars:{type:[Number,String,Boolean,Object],default:null},partialRange:{type:Boolean,default:!0},fixedStart:{type:Boolean,default:!1},fixedEnd:{type:Boolean,default:!1},clearable:{type:Boolean,default:!0},showLastInRange:{type:Boolean,default:!0},placeholder:{type:String,default:"Select Range"},minRange:{type:Number,default:null},maxRange:{type:Number,default:null},noVModel:{type:Boolean,default:!1}},setup(e){const a=e,{isDark:t}=Ae(),n=A(a.autoRange||a.noVModel?null:[new Date,new Date(new Date().setDate(new Date().getDate()+7))]);return(o,r)=>(u(),v("div",Vf,[W(l(xe),Re({modelValue:n.value,"onUpdate:modelValue":r[0]||(r[0]=s=>n.value=s)},o.$props,{dark:l(t),range:"",placeholder:e.placeholder}),null,16,["modelValue","dark","placeholder"])]))}}),Of={class:"demo-wrap"},Nf=Q({__name:"DisabledRangeDateDemoDeprecated",props:{},setup(e){const{isDark:a}=Ae(),t=A([]),n=[Hn(new Date,1),new Date,je(new Date,1)];return(o,r)=>(u(),v("div",Of,[W(l(xe),Re({modelValue:t.value,"onUpdate:modelValue":r[0]||(r[0]=s=>t.value=s)},o.$props,{dark:l(a),range:"","no-disabled-range":"","disabled-dates":n,placeholder:"Select range"}),null,16,["modelValue","dark"])]))}}),Rf={class:"demo-wrap"},Lf=g("button",{class:"submit-btn",type:"submit"},"Submit form",-1),If=Q({__name:"RequiredDemo",setup(e){const a=A(),{isDark:t}=Ae(),n=()=>{alert("Form submitted")};return(o,r)=>(u(),v("div",Rf,[g("form",{onSubmit:Ie(n,["prevent"])},[W(l(xe),{modelValue:a.value,"onUpdate:modelValue":r[0]||(r[0]=s=>a.value=s),dark:l(t),placeholder:"Select Date",required:""},null,8,["modelValue","dark"]),Lf],32)]))}}),Yf={class:"demo-wrap"},Bf={class:"buttons-wrap"},Hf=["onClick"],zf=Q({__name:"SixWeeksDemo",setup(e){const a=A(new Date),{isDark:t}=Ae(),n=[!0,"append","prepend","center","fair"],o=A(!0);return(r,s)=>(u(),v("div",Yf,[g("div",Bf,[(u(),v(se,null,ye(n,(i,c)=>g("button",{class:ve(["change-btn",{"btn-active":i===o.value}]),key:c,onClick:_=>o.value=i},ne(i),11,Hf)),64))]),W(l(xe),{modelValue:a.value,"onUpdate:modelValue":s[0]||(s[0]=i=>a.value=i),dark:l(t),"six-weeks":o.value},null,8,["modelValue","dark","six-weeks"])]))}}),Ef=ce(zf,[["__scopeId","data-v-e3f2bf69"]]),Ff={class:"demo-wrap"},Wf=Q({__name:"TextInputDemo",props:["textInput","placeholder","minDate","maxDate"],setup(e){const a=A(new Date),{isDark:t}=Ae();return(n,o)=>(u(),v("div",Ff,[W(l(xe),{modelValue:a.value,"onUpdate:modelValue":o[0]||(o[0]=r=>a.value=r),dark:l(t),"text-input":e.textInput,placeholder:e.placeholder,"min-date":e.minDate,"max-date":e.maxDate},null,8,["modelValue","dark","text-input","placeholder","min-date","max-date"])]))}}),qf={class:"demo-wrap"},Qf=Q({__name:"TimePickerDemo",props:["modeHeight"],setup(e){const{isDark:a}=Ae(),t=A({hours:new Date().getHours(),minutes:new Date().getMinutes()});return(n,o)=>(u(),v("div",qf,[W(l(xe),Re({modelValue:t.value,"onUpdate:modelValue":o[0]||(o[0]=r=>t.value=r)},n.$props,{dark:l(a),"time-picker":""}),null,16,["modelValue","dark"])]))}}),Gf={class:"demo-wrap"},jf={class:"custom-time-picker-component"},Uf=["value","onChange"],Xf=["value"],Kf=["value","onChange"],Jf=["value"],Zf=Q({__name:"TimePickerSlotDemo",setup(e){const a=A(new Date),{isDark:t}=Ae(),n=M(()=>{const r=[];for(let s=0;s<24;s++)r.push({text:s<10?`0${s}`:s,value:s});return r}),o=M(()=>{const r=[];for(let s=0;s<60;s++)r.push({text:s<10?`0${s}`:s,value:s});return r});return(r,s)=>(u(),v("div",Gf,[W(l(xe),{modelValue:a.value,"onUpdate:modelValue":s[0]||(s[0]=i=>a.value=i),dark:l(t)},{"time-picker":D(({time:i,updateTime:c})=>[g("div",jf,[g("select",{class:"select-input",value:i.hours,onChange:_=>c(+_.target.value)},[(u(!0),v(se,null,ye(n.value,_=>(u(),v("option",{key:_.value,value:_.value},ne(_.text),9,Xf))),128))],40,Uf),g("select",{class:"select-input",value:i.minutes,onChange:_=>c(+_.target.value,!1)},[(u(!0),v(se,null,ye(o.value,_=>(u(),v("option",{key:_.value,value:_.value},ne(_.text),9,Jf))),128))],40,Kf)])]),_:1},8,["modelValue","dark"])]))}}),ey={class:"demo-wrap"},ty={key:0},ay=Q({__name:"TimezoneDemo",setup(e){const a=A(),{isDark:t}=Ae();return(n,o)=>(u(),v("div",ey,[W(l(xe),{modelValue:a.value,"onUpdate:modelValue":o[0]||(o[0]=r=>a.value=r),dark:l(t),utc:"",placeholder:"Select Date"},null,8,["modelValue","dark"]),a.value?(u(),v("p",ty,"Selected date in UTC format: "+ne(a.value),1)):x("",!0)]))}}),ny=e=>(mt("data-v-323b52ea"),e=e(),vt(),e),oy={class:"demo-wrap"},ry=ny(()=>g("option",{value:void 0},"Select timezone",-1)),sy=["value"],ly=Q({__name:"TimezonePropDemo",setup(e){const a=A([new Date,je(new Date,5)]),{isDark:t}=Ae(),n=A(void 0),o=["Pacific/Midway","America/Adak","Pacific/Gambier","America/Los_Angeles","America/Denver","America/Chicago","America/New_York","America/Santiago","America/Sao_Paulo","America/Noronha","Atlantic/Cape_Verde","UTC","Europe/Brussels","Africa/Cairo","Europe/Minsk","Europe/Moscow","Asia/Tashkent","Asia/Dhaka","Asia/Novosibirsk","Australia/Perth","Asia/Tokyo","Australia/Hobart","Asia/Vladivostok","Pacific/Auckland"];return(r,s)=>(u(),v("div",oy,[g("div",null,[ia(g("select",{class:"custom-select",name:"timezone-select",id:"timezone-select","onUpdate:modelValue":s[0]||(s[0]=i=>n.value=i)},[ry,(u(),v(se,null,ye(o,i=>g("option",{value:i,key:i},ne(i),9,sy)),64))],512),[[qr,n.value]])]),W(l(xe),{modelValue:a.value,"onUpdate:modelValue":s[1]||(s[1]=i=>a.value=i),dark:l(t),"multi-calendars":"",timezone:n.value,range:"","partial-range":!1},null,8,["modelValue","dark","timezone"])]))}}),iy=ce(ly,[["__scopeId","data-v-323b52ea"]]),uy={class:"demo-wrap"},cy=Q({__name:"YearPickerDemo",props:{},setup(e){const{isDark:a}=Ae(),t=A(new Date().getFullYear());return(n,o)=>(u(),v("div",uy,[W(l(xe),Re({modelValue:t.value,"onUpdate:modelValue":o[0]||(o[0]=r=>t.value=r)},n.$props,{dark:l(a),"year-picker":""}),null,16,["modelValue","dark"])]))}}),Pr=e=>(mt("data-v-938a3203"),e=e(),vt(),e),dy={class:"tz-demo-wrap"},my={class:"dp-container-wrap"},vy={class:"tz-range-slider-wrap"},py=Pr(()=>g("br",null,null,-1)),hy=Pr(()=>g("br",null,null,-1)),fy={key:0},yy=Q({__name:"TimezoneNewDemo",props:{timezone:{type:Object,default:void 0},emitVal:{type:Boolean,default:!1}},setup(e){const{isDark:a}=Ae(),t=e,n=A(),o=A(11),r=A(),s=M(()=>{var f,y;if(t.emitVal)return;const p=$e(new Date)+1>9?$e(new Date)+1:`0${$e(new Date)+1}`;return(f=t.timezone)!=null&&f.exactMatch?new Date:(y=t.timezone)!=null&&y.dateInTz?`${we(new Date)}-${p}-15T01:00:00Z`:`${we(new Date)}-${p}-15T01:00:00Z`}),i=[{tz:"Pacific/Midway",offset:-11},{tz:"America/Adak",offset:-10},{tz:"Pacific/Gambier",offset:-9},{tz:"America/Los_Angeles",offset:-8},{tz:"America/Denver",offset:-7},{tz:"America/Chicago",offset:-6},{tz:"America/New_York",offset:-5},{tz:"America/Santiago",offset:-4},{tz:"America/Sao_Paulo",offset:-3},{tz:"America/Noronha",offset:-2},{tz:"Atlantic/Cape_Verde",offset:-1},{tz:"UTC",offset:0},{tz:"Europe/Brussels",offset:1},{tz:"Africa/Cairo",offset:2},{tz:"Europe/Minsk",offset:3},{tz:"Europe/Moscow",offset:4},{tz:"Asia/Tashkent",offset:5},{tz:"Asia/Dhaka",offset:6},{tz:"Asia/Novosibirsk",offset:7},{tz:"Australia/Perth",offset:8},{tz:"Asia/Tokyo",offset:9},{tz:"Australia/Hobart",offset:10},{tz:"Asia/Vladivostok",offset:11},{tz:"Pacific/Auckland",offset:12}],c=M(()=>i[o.value]),_=M(()=>{const p=t.emitVal?{emitTimezone:c.value.tz}:{timezone:c.value.tz};return t.timezone?{...t.timezone,...p}:p}),h=p=>{r.value=p.toISOString()};return(p,f)=>(u(),v("div",dy,[g("div",my,[W(l(xe),{modelValue:n.value,"onUpdate:modelValue":f[0]||(f[0]=y=>n.value=y),dark:l(a),timezone:_.value,inline:"","auto-apply":"","max-date":s.value,"onUpdate:modelTimezoneValue":h},null,8,["modelValue","dark","timezone","max-date"])]),g("div",vy,[g("div",null,[g("span",null,"Timezone: "+ne(c.value.tz),1),py,g("span",null,"Offset: "+ne(c.value.offset>0?`+${c.value.offset}`:c.value.offset),1),hy,r.value?(u(),v("span",fy,"Zoned date: "+ne(r.value),1)):x("",!0)]),g("div",null,[ia(g("input",{class:"tz-range-slider",type:"range","onUpdate:modelValue":f[1]||(f[1]=y=>o.value=y),min:"0",max:"22"},null,512),[[Qr,o.value]])])])]))}}),gy=ce(yy,[["__scopeId","data-v-938a3203"]]),wy={extends:Gd,enhanceApp({app:e}){e.component("StarAndSponsor",Zd),e.component("ActionRowSlotDemo",a1),e.component("CustomCalendarDemo",o1),e.component("DarkDemo",s1),e.component("DemoDayClass",i1),e.component("DemoHighlight",c1),e.component("DemoMarkers",v1),e.component("DemoSlots",H1),e.component("DisabledDatesDemo",E1),e.component("DisabledRangeDateDemo",W1),e.component("DisabledTimesDemo",U1),e.component("DisplayModelDemo",J1),e.component("EmitTimezone",eh),e.component("EmptyDemo",ah),e.component("FiltersDemo",oh),e.component("FormatDemo",sh),e.component("GlobalDemo",ih),e.component("LocalizedOutput",Hh),e.component("MinMaxDemo",Eh),e.component("MonthPickerDemo",Wh),e.component("MonthYearSlotDemo",wf),e.component("PresetRange",Df),e.component("PreviewFormatDemo",Tf),e.component("QuarterPickerDemo",xf),e.component("RangeDemo",Af),e.component("RequiredDemo",If),e.component("SixWeeksDemo",Ef),e.component("TextInputDemo",Wf),e.component("TimePickerDemo",Qf),e.component("TimePickerSlotDemo",Zf),e.component("TimezoneDemo",ay),e.component("TimezonePropDemo",iy),e.component("YearPickerDemo",cy),e.component("RangeDemoDeprecated",Cf),e.component("DisabledRangeDateDemoDeprecated",Nf),e.component("TimezoneNewDemo",gy)}};export{wy as R,vs as a,Pe as u}; +function __vite__mapDeps(indexes) { + if (!__vite__mapDeps.viteFileDeps) { + __vite__mapDeps.viteFileDeps = ["assets/chunks/ui-custom.3YUlWI8T.js","assets/chunks/framework.xyZR8MrU.js","assets/chunks/VPAlgoliaSearchBox.OJSKcbJR.js"] + } + return indexes.map((i) => __vite__mapDeps.viteFileDeps[i]) +} diff --git a/docs/assets/chunks/ui-custom.s8PMcEKF.js b/docs/assets/chunks/ui-custom.3YUlWI8T.js similarity index 82% rename from docs/assets/chunks/ui-custom.s8PMcEKF.js rename to docs/assets/chunks/ui-custom.3YUlWI8T.js index 6f2f25c70..c8bcdb3c9 100644 --- a/docs/assets/chunks/ui-custom.s8PMcEKF.js +++ b/docs/assets/chunks/ui-custom.3YUlWI8T.js @@ -1 +1 @@ -import{u as i,a as l}from"./theme.D3A9bHIM.js";import{d as p,h as f,y as c,l as u,o as _,c as m,_ as b}from"./framework.7pWjBRCP.js";const v=p({__name:"VPCarbonAds",props:{carbonAds:{}},setup(r){const{page:d}=i(),a=r.carbonAds,{isAsideEnabled:s}=l(),o=f();let n=!1;function t(){if(!n){n=!0;const e=document.createElement("script");e.id="_carbonads_js",e.src=`//cdn.carbonads.com/carbon.js?serve=${a.code}&placement=${a.placement}`,e.async=!0,o.value.appendChild(e)}}return c(()=>d.value.relativePath,()=>{var e;n&&s.value&&((e=window._carbonads)==null||e.refresh())}),a&&u(()=>{s.value?t():c(s,e=>e&&t())}),(e,h)=>(_(),m("div",{class:"VPCarbonAds",ref_key:"container",ref:o},null,512))}}),k=b(v,[["__scopeId","data-v-2e1efd59"]]);export{k as default}; +import{u as i,a as l}from"./theme.PEn4Fb73.js";import{d as p,h as f,y as c,l as u,o as _,c as m,_ as b}from"./framework.xyZR8MrU.js";const v=p({__name:"VPCarbonAds",props:{carbonAds:{}},setup(r){const{page:d}=i(),a=r.carbonAds,{isAsideEnabled:s}=l(),o=f();let n=!1;function t(){if(!n){n=!0;const e=document.createElement("script");e.id="_carbonads_js",e.src=`//cdn.carbonads.com/carbon.js?serve=${a.code}&placement=${a.placement}`,e.async=!0,o.value.appendChild(e)}}return c(()=>d.value.relativePath,()=>{var e;n&&s.value&&((e=window._carbonads)==null||e.refresh())}),a&&u(()=>{s.value?t():c(s,e=>e&&t())}),(e,h)=>(_(),m("div",{class:"VPCarbonAds",ref_key:"container",ref:o},null,512))}}),k=b(v,[["__scopeId","data-v-2e1efd59"]]);export{k as default}; diff --git a/docs/assets/customization_theming_index.md.uy2sCA5D.js b/docs/assets/customization_theming_index.md.uXtNfxTq.js similarity index 99% rename from docs/assets/customization_theming_index.md.uy2sCA5D.js rename to docs/assets/customization_theming_index.md.uXtNfxTq.js index 616ce056b..f59527652 100644 --- a/docs/assets/customization_theming_index.md.uy2sCA5D.js +++ b/docs/assets/customization_theming_index.md.uXtNfxTq.js @@ -1,4 +1,4 @@ -import{_ as s,c as i,o as a,X as n}from"./chunks/framework.7pWjBRCP.js";const F=JSON.parse('{"title":"Customization - Theming","description":"Datepicker theme configuration for light and dark theme","frontmatter":{"title":"Customization - Theming","description":"Datepicker theme configuration for light and dark theme"},"headers":[],"relativePath":"customization/theming/index.md","filePath":"customization/theming/index.md"}'),h={name:"customization/theming/index.md"},k=n(`

Theming ​

Datepicker comes with the theme support with css variables. It provides two classes that are applied based on the chosen dark/light mode

To change variables, simply override the classes with your custom values.

Info

  • When changing the properties, you only need to declare the class in the <style> tag, can be in global or scoped, depending on your needs
  • For the date picker to use dp__theme_dark, dark prop must be set to true

Dark mode configuration ​

css
.dp__theme_dark {
+import{_ as s,c as i,o as a,X as n}from"./chunks/framework.xyZR8MrU.js";const F=JSON.parse('{"title":"Customization - Theming","description":"Datepicker theme configuration for light and dark theme","frontmatter":{"title":"Customization - Theming","description":"Datepicker theme configuration for light and dark theme"},"headers":[],"relativePath":"customization/theming/index.md","filePath":"customization/theming/index.md"}'),h={name:"customization/theming/index.md"},k=n(`
Theming ​
Datepicker comes with the theme support with css variables. It provides two classes that are applied based on the chosen dark/light mode
To change variables, simply override the classes with your custom values.
Info
  • When changing the properties, you only need to declare the class in the <style> tag, can be in global or scoped, depending on your needs
  • For the date picker to use dp__theme_dark, dark prop must be set to true
Dark mode configuration ​
css
.dp__theme_dark {
     --dp-background-color: #212121;
     --dp-text-color: #fff;
     --dp-hover-color: #484848;
diff --git a/docs/assets/customization_theming_index.md.uy2sCA5D.lean.js b/docs/assets/customization_theming_index.md.uXtNfxTq.lean.js
similarity index 78%
rename from docs/assets/customization_theming_index.md.uy2sCA5D.lean.js
rename to docs/assets/customization_theming_index.md.uXtNfxTq.lean.js
index 466ae75a1..8690536fd 100644
--- a/docs/assets/customization_theming_index.md.uy2sCA5D.lean.js
+++ b/docs/assets/customization_theming_index.md.uXtNfxTq.lean.js
@@ -1 +1 @@
-import{_ as s,c as i,o as a,X as n}from"./chunks/framework.7pWjBRCP.js";const F=JSON.parse('{"title":"Customization - Theming","description":"Datepicker theme configuration for light and dark theme","frontmatter":{"title":"Customization - Theming","description":"Datepicker theme configuration for light and dark theme"},"headers":[],"relativePath":"customization/theming/index.md","filePath":"customization/theming/index.md"}'),h={name:"customization/theming/index.md"},k=n("",10),p=[k];function l(t,e,E,d,r,g){return a(),i("div",null,p)}const o=s(h,[["render",l]]);export{F as __pageData,o as default};
+import{_ as s,c as i,o as a,X as n}from"./chunks/framework.xyZR8MrU.js";const F=JSON.parse('{"title":"Customization - Theming","description":"Datepicker theme configuration for light and dark theme","frontmatter":{"title":"Customization - Theming","description":"Datepicker theme configuration for light and dark theme"},"headers":[],"relativePath":"customization/theming/index.md","filePath":"customization/theming/index.md"}'),h={name:"customization/theming/index.md"},k=n("",10),p=[k];function l(t,e,E,d,r,g){return a(),i("div",null,p)}const o=s(h,[["render",l]]);export{F as __pageData,o as default};
diff --git a/docs/assets/index.md.RUtQArIp.js b/docs/assets/index.md.7L2QtoN7.js
similarity index 96%
rename from docs/assets/index.md.RUtQArIp.js
rename to docs/assets/index.md.7L2QtoN7.js
index e75e6c8f5..c52e54017 100644
--- a/docs/assets/index.md.RUtQArIp.js
+++ b/docs/assets/index.md.7L2QtoN7.js
@@ -1 +1 @@
-import{_ as t,E as o,c as a,J as i,o as n}from"./chunks/framework.7pWjBRCP.js";const k=JSON.parse('{"title":"Vue Datepicker","description":"Vue 3 datepicker component. Lightweight and powerful with support for the timepicker, range picker, month-year picker, text input, week numbers and many more. Options to customize the datepicker from the ground up with props, slots and custom components. Dark and light mode available.","frontmatter":{"title":"Vue Datepicker","description":"Vue 3 datepicker component. Lightweight and powerful with support for the timepicker, range picker, month-year picker, text input, week numbers and many more. Options to customize the datepicker from the ground up with props, slots and custom components. Dark and light mode available.","layout":"home","hero":{"name":"Vue datepicker","text":"The most complete datepicker solution for Vue 3","tagline":"Powerful, lightweight, and reusable datepicker component to fit within any project","actions":[{"theme":"brand","text":"Get Started","link":"/installation/"},{"theme":"alt","text":"View on GitHub","link":"https://github.com/Vuepic/vue-datepicker"},{"theme":"alt","text":"Playground","link":"https://stackblitz.com/edit/vuepic-vue-datepicker?file=src%2Fcomponents%2FPlayground.vue"}]},"features":[{"title":"Powerful","details":"Supports multiple modes such as range, various pickers, multiple calendars, custom components, and many more."},{"title":"Modular","details":"Offers a great range of features, slots and props, while providing a way to customize for specific needs."},{"title":"Customizable","details":"Fully accessible, mobile-friendly, with built-in dark and light mode, and customizable css variables."}]},"headers":[],"relativePath":"index.md","filePath":"index.md"}'),r={name:"index.md"};function s(p,c,l,d,m,u){const e=o("StarAndSponsor");return n(),a("div",null,[i(e)])}const f=t(r,[["render",s]]);export{k as __pageData,f as default};
+import{_ as t,E as o,c as a,J as i,o as n}from"./chunks/framework.xyZR8MrU.js";const k=JSON.parse('{"title":"Vue Datepicker","description":"Vue 3 datepicker component. Lightweight and powerful with support for the timepicker, range picker, month-year picker, text input, week numbers and many more. Options to customize the datepicker from the ground up with props, slots and custom components. Dark and light mode available.","frontmatter":{"title":"Vue Datepicker","description":"Vue 3 datepicker component. Lightweight and powerful with support for the timepicker, range picker, month-year picker, text input, week numbers and many more. Options to customize the datepicker from the ground up with props, slots and custom components. Dark and light mode available.","layout":"home","hero":{"name":"Vue datepicker","text":"The most complete datepicker solution for Vue 3","tagline":"Powerful, lightweight, and reusable datepicker component to fit within any project","actions":[{"theme":"brand","text":"Get Started","link":"/installation/"},{"theme":"alt","text":"View on GitHub","link":"https://github.com/Vuepic/vue-datepicker"},{"theme":"alt","text":"Playground","link":"https://stackblitz.com/edit/vuepic-vue-datepicker?file=src%2Fcomponents%2FPlayground.vue"}]},"features":[{"title":"Powerful","details":"Supports multiple modes such as range, various pickers, multiple calendars, custom components, and many more."},{"title":"Modular","details":"Offers a great range of features, slots and props, while providing a way to customize for specific needs."},{"title":"Customizable","details":"Fully accessible, mobile-friendly, with built-in dark and light mode, and customizable css variables."}]},"headers":[],"relativePath":"index.md","filePath":"index.md"}'),r={name:"index.md"};function s(p,c,l,d,m,u){const e=o("StarAndSponsor");return n(),a("div",null,[i(e)])}const f=t(r,[["render",s]]);export{k as __pageData,f as default};
diff --git a/docs/assets/index.md.RUtQArIp.lean.js b/docs/assets/index.md.7L2QtoN7.lean.js
similarity index 96%
rename from docs/assets/index.md.RUtQArIp.lean.js
rename to docs/assets/index.md.7L2QtoN7.lean.js
index e75e6c8f5..c52e54017 100644
--- a/docs/assets/index.md.RUtQArIp.lean.js
+++ b/docs/assets/index.md.7L2QtoN7.lean.js
@@ -1 +1 @@
-import{_ as t,E as o,c as a,J as i,o as n}from"./chunks/framework.7pWjBRCP.js";const k=JSON.parse('{"title":"Vue Datepicker","description":"Vue 3 datepicker component. Lightweight and powerful with support for the timepicker, range picker, month-year picker, text input, week numbers and many more. Options to customize the datepicker from the ground up with props, slots and custom components. Dark and light mode available.","frontmatter":{"title":"Vue Datepicker","description":"Vue 3 datepicker component. Lightweight and powerful with support for the timepicker, range picker, month-year picker, text input, week numbers and many more. Options to customize the datepicker from the ground up with props, slots and custom components. Dark and light mode available.","layout":"home","hero":{"name":"Vue datepicker","text":"The most complete datepicker solution for Vue 3","tagline":"Powerful, lightweight, and reusable datepicker component to fit within any project","actions":[{"theme":"brand","text":"Get Started","link":"/installation/"},{"theme":"alt","text":"View on GitHub","link":"https://github.com/Vuepic/vue-datepicker"},{"theme":"alt","text":"Playground","link":"https://stackblitz.com/edit/vuepic-vue-datepicker?file=src%2Fcomponents%2FPlayground.vue"}]},"features":[{"title":"Powerful","details":"Supports multiple modes such as range, various pickers, multiple calendars, custom components, and many more."},{"title":"Modular","details":"Offers a great range of features, slots and props, while providing a way to customize for specific needs."},{"title":"Customizable","details":"Fully accessible, mobile-friendly, with built-in dark and light mode, and customizable css variables."}]},"headers":[],"relativePath":"index.md","filePath":"index.md"}'),r={name:"index.md"};function s(p,c,l,d,m,u){const e=o("StarAndSponsor");return n(),a("div",null,[i(e)])}const f=t(r,[["render",s]]);export{k as __pageData,f as default};
+import{_ as t,E as o,c as a,J as i,o as n}from"./chunks/framework.xyZR8MrU.js";const k=JSON.parse('{"title":"Vue Datepicker","description":"Vue 3 datepicker component. Lightweight and powerful with support for the timepicker, range picker, month-year picker, text input, week numbers and many more. Options to customize the datepicker from the ground up with props, slots and custom components. Dark and light mode available.","frontmatter":{"title":"Vue Datepicker","description":"Vue 3 datepicker component. Lightweight and powerful with support for the timepicker, range picker, month-year picker, text input, week numbers and many more. Options to customize the datepicker from the ground up with props, slots and custom components. Dark and light mode available.","layout":"home","hero":{"name":"Vue datepicker","text":"The most complete datepicker solution for Vue 3","tagline":"Powerful, lightweight, and reusable datepicker component to fit within any project","actions":[{"theme":"brand","text":"Get Started","link":"/installation/"},{"theme":"alt","text":"View on GitHub","link":"https://github.com/Vuepic/vue-datepicker"},{"theme":"alt","text":"Playground","link":"https://stackblitz.com/edit/vuepic-vue-datepicker?file=src%2Fcomponents%2FPlayground.vue"}]},"features":[{"title":"Powerful","details":"Supports multiple modes such as range, various pickers, multiple calendars, custom components, and many more."},{"title":"Modular","details":"Offers a great range of features, slots and props, while providing a way to customize for specific needs."},{"title":"Customizable","details":"Fully accessible, mobile-friendly, with built-in dark and light mode, and customizable css variables."}]},"headers":[],"relativePath":"index.md","filePath":"index.md"}'),r={name:"index.md"};function s(p,c,l,d,m,u){const e=o("StarAndSponsor");return n(),a("div",null,[i(e)])}const f=t(r,[["render",s]]);export{k as __pageData,f as default};
diff --git a/docs/assets/installation_index.md.bvZ_3eD5.js b/docs/assets/installation_index.md.O-FzfvUx.js
similarity index 86%
rename from docs/assets/installation_index.md.bvZ_3eD5.js
rename to docs/assets/installation_index.md.O-FzfvUx.js
index 7249831f2..3074bc23e 100644
--- a/docs/assets/installation_index.md.bvZ_3eD5.js
+++ b/docs/assets/installation_index.md.O-FzfvUx.js
@@ -1,4 +1,4 @@
-import{_ as s,c as i,o as a,X as n}from"./chunks/framework.7pWjBRCP.js";const o=JSON.parse('{"title":"Installation","description":"Install guide for @vuepic/vue-datepicker for global installation, Options and Composition API","frontmatter":{"title":"Installation","description":"Install guide for @vuepic/vue-datepicker for global installation, Options and Composition API"},"headers":[],"relativePath":"installation/index.md","filePath":"installation/index.md"}'),t={name:"installation/index.md"},l=n(`
Installation ​
Install the component using the preferred package manager
shell
npm install @vuepic/vue-datepicker
or
shell
yarn add @vuepic/vue-datepicker
Then import and register component
Note: css file is imported separately
Global ​
In the main file
js
import { createApp } from "vue";
+import{_ as s,c as i,o as a,X as n}from"./chunks/framework.xyZR8MrU.js";const o=JSON.parse('{"title":"Installation","description":"Install guide for @vuepic/vue-datepicker for global installation, Options and Composition API","frontmatter":{"title":"Installation","description":"Install guide for @vuepic/vue-datepicker for global installation, Options and Composition API"},"headers":[],"relativePath":"installation/index.md","filePath":"installation/index.md"}'),t={name:"installation/index.md"},p=n(`
Installation ​
Install the component using the preferred package manager
shell
npm install @vuepic/vue-datepicker
or
shell
yarn add @vuepic/vue-datepicker
Then import and register component
Note: css file is imported separately
Global ​
In the main file
js
import { createApp } from "vue";
 import App from './App.vue';
 
 import VueDatePicker from '@vuepic/vue-datepicker';
@@ -8,8 +8,8 @@ import{_ as s,c as i,o as a,X as n}from"./chunks/framework.7pWjBRCP.js";const o=
 
 app.component('VueDatePicker', VueDatePicker);
 
-app.mount('#app');
Local ​
In the .vue files
vue
<template>
-  <VueDatePicker v-model="date"></VueDatePicker>
+app.mount('#app');
Local ​
In the .vue files
vue
<template>
+  <VueDatePicker v-model="date"></VueDatePicker>
 </template>
 
 <script>
@@ -25,7 +25,7 @@ import{_ as s,c as i,o as a,X as n}from"./chunks/framework.7pWjBRCP.js";const o=
   }
 }
 </script>
vue
<template>
-  <VueDatePicker v-model="date"></VueDatePicker>
+  <VueDatePicker v-model="date"></VueDatePicker>
 </template>
 
 <script>
@@ -44,7 +44,7 @@ import{_ as s,c as i,o as a,X as n}from"./chunks/framework.7pWjBRCP.js";const o=
   }
 };
 </script>
vue
<template>
-  <VueDatePicker v-model="date"></VueDatePicker>
+  <VueDatePicker v-model="date"></VueDatePicker>
 </template>
 
 <script setup>
@@ -62,4 +62,4 @@ import{_ as s,c as i,o as a,X as n}from"./chunks/framework.7pWjBRCP.js";const o=
     build: {
         transpile: ['@vuepic/vue-datepicker']
     }
-})
That's it, you are ready to go
`,26),p=[l];function h(e,k,E,r,d,g){return a(),i("div",null,p)}const y=s(t,[["render",h]]);export{o as __pageData,y as default};
+})
That's it, you are ready to go
`,26),l=[p];function h(e,k,E,r,d,g){return a(),i("div",null,l)}const y=s(t,[["render",h]]);export{o as __pageData,y as default};
diff --git a/docs/assets/installation_index.md.bvZ_3eD5.lean.js b/docs/assets/installation_index.md.O-FzfvUx.lean.js
similarity index 59%
rename from docs/assets/installation_index.md.bvZ_3eD5.lean.js
rename to docs/assets/installation_index.md.O-FzfvUx.lean.js
index 2cd7c7d11..741247001 100644
--- a/docs/assets/installation_index.md.bvZ_3eD5.lean.js
+++ b/docs/assets/installation_index.md.O-FzfvUx.lean.js
@@ -1 +1 @@
-import{_ as s,c as i,o as a,X as n}from"./chunks/framework.7pWjBRCP.js";const o=JSON.parse('{"title":"Installation","description":"Install guide for @vuepic/vue-datepicker for global installation, Options and Composition API","frontmatter":{"title":"Installation","description":"Install guide for @vuepic/vue-datepicker for global installation, Options and Composition API"},"headers":[],"relativePath":"installation/index.md","filePath":"installation/index.md"}'),t={name:"installation/index.md"},l=n("",26),p=[l];function h(e,k,E,r,d,g){return a(),i("div",null,p)}const y=s(t,[["render",h]]);export{o as __pageData,y as default};
+import{_ as s,c as i,o as a,X as n}from"./chunks/framework.xyZR8MrU.js";const o=JSON.parse('{"title":"Installation","description":"Install guide for @vuepic/vue-datepicker for global installation, Options and Composition API","frontmatter":{"title":"Installation","description":"Install guide for @vuepic/vue-datepicker for global installation, Options and Composition API"},"headers":[],"relativePath":"installation/index.md","filePath":"installation/index.md"}'),t={name:"installation/index.md"},p=n("",26),l=[p];function h(e,k,E,r,d,g){return a(),i("div",null,l)}const y=s(t,[["render",h]]);export{o as __pageData,y as default};
diff --git a/docs/assets/methods-and-events_events_index.md.Ar06ShJL.lean.js b/docs/assets/methods-and-events_events_index.md.Ar06ShJL.lean.js
deleted file mode 100644
index a5d884a2d..000000000
--- a/docs/assets/methods-and-events_events_index.md.Ar06ShJL.lean.js
+++ /dev/null
@@ -1 +0,0 @@
-import{_ as s,c as i,o as a,X as n}from"./chunks/framework.7pWjBRCP.js";const F=JSON.parse('{"title":"Events","description":"List of emitted events from the datepicker","frontmatter":{"lang":"en-US","title":"Events","description":"List of emitted events from the datepicker"},"headers":[],"relativePath":"methods-and-events/events/index.md","filePath":"methods-and-events/events/index.md"}'),t={name:"methods-and-events/events/index.md"},l=n("",101),h=[l];function k(p,e,E,d,r,g){return a(),i("div",null,h)}const c=s(t,[["render",k]]);export{F as __pageData,c as default};
diff --git a/docs/assets/methods-and-events_events_index.md.Ar06ShJL.js b/docs/assets/methods-and-events_events_index.md.LhFZVHbr.js
similarity index 83%
rename from docs/assets/methods-and-events_events_index.md.Ar06ShJL.js
rename to docs/assets/methods-and-events_events_index.md.LhFZVHbr.js
index d15ceaa69..87d69962a 100644
--- a/docs/assets/methods-and-events_events_index.md.Ar06ShJL.js
+++ b/docs/assets/methods-and-events_events_index.md.LhFZVHbr.js
@@ -1,5 +1,5 @@
-import{_ as s,c as i,o as a,X as n}from"./chunks/framework.7pWjBRCP.js";const F=JSON.parse('{"title":"Events","description":"List of emitted events from the datepicker","frontmatter":{"lang":"en-US","title":"Events","description":"List of emitted events from the datepicker"},"headers":[],"relativePath":"methods-and-events/events/index.md","filePath":"methods-and-events/events/index.md"}'),t={name:"methods-and-events/events/index.md"},l=n(`
Events ​
List of available events that are emitted on some action
@update:model-value ​
This event is emitted when the value is selected. This is a v-model binding event
Code Example
vue
<template>
-    <VueDatePicker :model-value="date" @update:model-value="handleDate" />
+import{_ as s,c as i,o as a,X as n}from"./chunks/framework.xyZR8MrU.js";const F=JSON.parse('{"title":"Events","description":"List of emitted events from the datepicker","frontmatter":{"lang":"en-US","title":"Events","description":"List of emitted events from the datepicker"},"headers":[],"relativePath":"methods-and-events/events/index.md","filePath":"methods-and-events/events/index.md"}'),h={name:"methods-and-events/events/index.md"},l=n(`
Events ​
List of available events that are emitted on some action
@update:model-value ​
This event is emitted when the value is selected. This is a v-model binding event
Code Example
vue
<template>
+    <VueDatePicker :model-value="date" @update:model-value="handleDate" />
 </template>
 
 <script setup>
@@ -12,7 +12,7 @@ import{_ as s,c as i,o as a,X as n}from"./chunks/framework.7pWjBRCP.js";const F=
   // do something else with the data
 }
 </script>
@text-submit ​
When text-input prop is set to true and enterSubmit is set to true in text-input-options, when enter button is pressed, this event will be emitted
Code Example
vue
<template>
-    <VueDatePicker v-model="date" textInput @text-submit="alertDate" />
+    <VueDatePicker v-model="date" textInput @text-submit="alertDate" />
 </template>
 
 <script setup>
@@ -24,7 +24,7 @@ import{_ as s,c as i,o as a,X as n}from"./chunks/framework.7pWjBRCP.js";const F=
   alert(date.value);
 }
 </script>
@open ​
Emitted when the datepicker menu is opened
Code Example
vue
<template>
-    <VueDatePicker v-model="date" @open="alertFn" />
+    <VueDatePicker v-model="date" @open="alertFn" />
 </template>
 
 <script setup>
@@ -36,7 +36,7 @@ import{_ as s,c as i,o as a,X as n}from"./chunks/framework.7pWjBRCP.js";const F=
   alert('Menu open');
 }
 </script>
@closed ​
Emitted when the datepicker menu is closed
Code Example
vue
<template>
-    <VueDatePicker v-model="date" @closed="alertFn" />
+    <VueDatePicker v-model="date" @closed="alertFn" />
 </template>
 
 <script setup>
@@ -48,7 +48,7 @@ import{_ as s,c as i,o as a,X as n}from"./chunks/framework.7pWjBRCP.js";const F=
   alert('Menu closed');
 }
 </script>
@cleared ​
Emitted when the value is cleared on clear button
Code Example
vue
<template>
-    <VueDatePicker v-model="date" @cleared="alertFn" />
+    <VueDatePicker v-model="date" @cleared="alertFn" />
 </template>
 
 <script setup>
@@ -60,7 +60,7 @@ import{_ as s,c as i,o as a,X as n}from"./chunks/framework.7pWjBRCP.js";const F=
   alert('Value cleared');
 }
 </script>
Info
@focus and @blur events are not native events. Those events are handled internally in the component in order to handle proper focusing
@focus ​
Emitted when the input is focused
Code Example
vue
<template>
-    <VueDatePicker v-model="date" @focus="alertFn" />
+    <VueDatePicker v-model="date" @focus="alertFn" />
 </template>
 
 <script setup>
@@ -72,7 +72,7 @@ import{_ as s,c as i,o as a,X as n}from"./chunks/framework.7pWjBRCP.js";const F=
   alert('Input focus');
 }
 </script>
@blur ​
Emitted when the input is blurred
Code Example
vue
<template>
-    <VueDatePicker v-model="date" @blur="alertFn" />
+    <VueDatePicker v-model="date" @blur="alertFn" />
 </template>
 
 <script setup>
@@ -84,7 +84,7 @@ import{_ as s,c as i,o as a,X as n}from"./chunks/framework.7pWjBRCP.js";const F=
   alert('Input unfocused');
 }
 </script>
@internal-model-change ​
Emitted when the internal model-value is changed before selecting this date that will be set to v-model
Will have one param
  • Date | Date[]: Current state of the internal model-value
Code Example
vue
<template>
-    <VueDatePicker v-model="date" @internal-model-change="handleInternal" />
+    <VueDatePicker v-model="date" @internal-model-change="handleInternal" />
 </template>
 
 <script setup>
@@ -104,7 +104,7 @@ import{_ as s,c as i,o as a,X as n}from"./chunks/framework.7pWjBRCP.js";const F=
   alert(\`Current selection - \${date}\`);
 }
 </script>
@recalculate-position ​
Emitted when the menu position is recalculated
Code Example
vue
<template>
-    <VueDatePicker v-model="date" @recalculate-position="alertFn" />
+    <VueDatePicker v-model="date" @recalculate-position="alertFn" />
 </template>
 
 <script setup>
@@ -116,7 +116,7 @@ import{_ as s,c as i,o as a,X as n}from"./chunks/framework.7pWjBRCP.js";const F=
   alert('Position recalculated');
 }
 </script>
@flow-step ​
Emitted when the flow step is triggered
Will have one param
  • number: Executed flow step
Points to keep in mind
  • Current logic will not emit an event on the first flow step
  • Flow step will keep emitting even tho there are no more steps and just keep incrementing
Both of these will be handled in one of the upcoming releases
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :flow="flow" @flow-step="handleFlowStep" />
+    <VueDatePicker v-model="date" :flow="flow" @flow-step="handleFlowStep" />
 </template>
 
 <script setup>
@@ -135,7 +135,7 @@ import{_ as s,c as i,o as a,X as n}from"./chunks/framework.7pWjBRCP.js";const F=
   }
 }
 </script>
@update-month-year ​
Emitted when the month or year is changed
Will have one param
  • { instance: number, month: number, year: number }: The received parameter is an object containing instance (in case of multiple calendars), month and year values.
Code Example
vue
<template>
-    <VueDatePicker v-model="date" @update-month-year="handleMonthYear" />
+    <VueDatePicker v-model="date" @update-month-year="handleMonthYear" />
 </template>
 
 <script setup>
@@ -151,7 +151,7 @@ import{_ as s,c as i,o as a,X as n}from"./chunks/framework.7pWjBRCP.js";const F=
   }
 }
 </script>
@invalid-select ​
Emitted when the selected value is not valid
Will have one param
  • Date | Date[]: The received parameter is an internal model-value
Code Example
vue
<template>
-    <VueDatePicker v-model="date" @invalid-select="handleInvalidSelect" />
+    <VueDatePicker v-model="date" @invalid-select="handleInvalidSelect" />
 </template>
 
 <script setup>
@@ -163,7 +163,7 @@ import{_ as s,c as i,o as a,X as n}from"./chunks/framework.7pWjBRCP.js";const F=
   alert('The date is not available for select');
 }
 </script>
@invalid-fixed-range ​
Emitted when the clicked day in the range mode with fixed-start or fixed-endis not a valid date for selection
Will have one param
  • Date: Clicked date
Code Example
vue
<template>
-    <VueDatePicker v-model="date" range fixed-start @invalid-fixed-range="handleInvalidSelect" />
+    <VueDatePicker v-model="date" range fixed-start @invalid-fixed-range="handleInvalidSelect" />
 </template>
 
 <script setup>
@@ -175,7 +175,7 @@ import{_ as s,c as i,o as a,X as n}from"./chunks/framework.7pWjBRCP.js";const F=
   alert('The date is not available for select');
 }
 </script>
@tooltip-open ​
Emitted when marker tooltip is opened
Will have one param
  • marker: Provided marker object for a given date
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :markers="markers" @tooltip-open="onOpen" />
+    <VueDatePicker v-model="date" :markers="markers" @tooltip-open="onOpen" />
 </template>
 
 <script setup>
@@ -209,7 +209,7 @@ import{_ as s,c as i,o as a,X as n}from"./chunks/framework.7pWjBRCP.js";const F=
   },
 ])
 </script>
@tooltip-close ​
Emitted when the marker tooltip is closed
Will have one param
  • marker: Provided marker object for a given date
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :markers="markers" @tooltip-close="onClose" />
+    <VueDatePicker v-model="date" :markers="markers" @tooltip-close="onClose" />
 </template>
 
 <script setup>
@@ -243,7 +243,7 @@ import{_ as s,c as i,o as a,X as n}from"./chunks/framework.7pWjBRCP.js";const F=
   },
 ])
 </script>
@time-picker-open ​
Emitted when the time-picker overlay is opened
Code Example
vue
<template>
-    <VueDatePicker v-model="date"  @time-picker-open="onTimePickerOpen" />
+    <VueDatePicker v-model="date"  @time-picker-open="onTimePickerOpen" />
 </template>
 
 <script setup>
@@ -255,7 +255,7 @@ import{_ as s,c as i,o as a,X as n}from"./chunks/framework.7pWjBRCP.js";const F=
   alert('The time picker is now open');
 }
 </script>
@time-picker-close ​
Emitted when the time-picker overlay is closed
Code Example
vue
<template>
-    <VueDatePicker v-model="date"  @time-picker-close="onTimePickerClose" />
+    <VueDatePicker v-model="date"  @time-picker-close="onTimePickerClose" />
 </template>
 
 <script setup>
@@ -267,7 +267,7 @@ import{_ as s,c as i,o as a,X as n}from"./chunks/framework.7pWjBRCP.js";const F=
   alert('The time picker is now closed');
 }
 </script>
@am-pm-change ​
Emitted when the am / pm button is clicked in time picker
Will have one param
  • 'AM' | 'PM': Currently active value
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :is-24="false"  @am-pm-change="onAmPmChange" />
+    <VueDatePicker v-model="date" :is-24="false"  @am-pm-change="onAmPmChange" />
 </template>
 
 <script setup>
@@ -279,7 +279,7 @@ import{_ as s,c as i,o as a,X as n}from"./chunks/framework.7pWjBRCP.js";const F=
   alert(\`The time picker is set on \${value}\`);
 }
 </script>
@range-start ​
Emitted when the first date is selected in range mode
Will have one param
  • Date: Selected date value
Code Example
vue
<template>
-    <VueDatePicker v-model="date" range @range-start="onRangeStart" />
+    <VueDatePicker v-model="date" range @range-start="onRangeStart" />
 </template>
 
 <script setup>
@@ -291,7 +291,7 @@ import{_ as s,c as i,o as a,X as n}from"./chunks/framework.7pWjBRCP.js";const F=
   alert(\`Selected date in range is: \${value}\`);
 }
 </script>
@range-end ​
Emitted when the second date is selected in range mode
Will have one param
  • Date: Selected date value
Code Example
vue
<template>
-    <VueDatePicker v-model="date" range @range-end="onRangeEnd" />
+    <VueDatePicker v-model="date" range @range-end="onRangeEnd" />
 </template>
 
 <script setup>
@@ -302,11 +302,12 @@ import{_ as s,c as i,o as a,X as n}from"./chunks/framework.7pWjBRCP.js";const F=
 const onRangeEnd = (value) => {
   alert(\`Range selected with the second date: \${value}\`);
 }
-</script>
@update:model-timezone-value ​
Emits a date or date range value in a given timezone
Emitted when @update:model-value is emitted if the emit-timezone prop is provided
Will have one param
  • Date | Date[]: v-model value in a given timezone
Code Example
vue
<template>
-    <VueDatePicker 
+</script>
@update:model-timezone-value ​
Emits a date or date range value in a given timezone
Emitted when @update:model-value is emitted if the timezone emitTimezone prop is provided
Will have one param
  • Date | Date[]: v-model value in a given timezone
Code Example
vue
<template>
+    <VueDatePicker 
         v-model="date"
-        emit-timezone="UTC"
-        @update:model-timezone-value="setUTCDate" />
+        :timezone="{ emitTimezone: 'UTC' }"
+        @update:model-timezone-value="setUTCDate"
+    />
 </template>
 
 <script setup>
@@ -319,7 +320,7 @@ import{_ as s,c as i,o as a,X as n}from"./chunks/framework.7pWjBRCP.js";const F=
  utcDate.value = value;
 }
 </script>
@date-update ​
Emits a date value when date is clicked on the calendar
Info
This event is emitted on single date picker and week-picker
Will have one param
  • Date: Date clicked
Code Example
vue
<template>
-  <VueDatePicker
+  <VueDatePicker
       v-model="date"
       @date-update="dateClicked" />
 </template>
@@ -333,7 +334,7 @@ import{_ as s,c as i,o as a,X as n}from"./chunks/framework.7pWjBRCP.js";const F=
     console.log(\`Selected \${date}\`);
   }
 </script>
@invalid-date ​
Emits an event whenever invalid date is clicked such as disabled date, out of min or max range and so on
Will have one param
  • Date: Date clicked
Code Example
vue
<template>
-  <VueDatePicker
+  <VueDatePicker
       v-model="date"
       :disabled-dates="[new Date()]"
       @invalid-date="onInvalidDateClick" />
@@ -347,4 +348,4 @@ import{_ as s,c as i,o as a,X as n}from"./chunks/framework.7pWjBRCP.js";const F=
   const onInvalidDateClick = (date) => {
     console.log(\`Selected \${date}\`);
   }
-</script>
`,101),h=[l];function k(p,e,E,d,r,g){return a(),i("div",null,h)}const c=s(t,[["render",k]]);export{F as __pageData,c as default};
+</script>
`,101),t=[l];function k(p,e,E,d,r,g){return a(),i("div",null,t)}const c=s(h,[["render",k]]);export{F as __pageData,c as default};
diff --git a/docs/assets/methods-and-events_events_index.md.LhFZVHbr.lean.js b/docs/assets/methods-and-events_events_index.md.LhFZVHbr.lean.js
new file mode 100644
index 000000000..ee3a59c8b
--- /dev/null
+++ b/docs/assets/methods-and-events_events_index.md.LhFZVHbr.lean.js
@@ -0,0 +1 @@
+import{_ as s,c as i,o as a,X as n}from"./chunks/framework.xyZR8MrU.js";const F=JSON.parse('{"title":"Events","description":"List of emitted events from the datepicker","frontmatter":{"lang":"en-US","title":"Events","description":"List of emitted events from the datepicker"},"headers":[],"relativePath":"methods-and-events/events/index.md","filePath":"methods-and-events/events/index.md"}'),h={name:"methods-and-events/events/index.md"},l=n("",101),t=[l];function k(p,e,E,d,r,g){return a(),i("div",null,t)}const c=s(h,[["render",k]]);export{F as __pageData,c as default};
diff --git a/docs/assets/methods-and-events_methods_index.md.pmAYM5t7.js b/docs/assets/methods-and-events_methods_index.md.qdKgPDa-.js
similarity index 89%
rename from docs/assets/methods-and-events_methods_index.md.pmAYM5t7.js
rename to docs/assets/methods-and-events_methods_index.md.qdKgPDa-.js
index b12e8a330..9f0793ebc 100644
--- a/docs/assets/methods-and-events_methods_index.md.pmAYM5t7.js
+++ b/docs/assets/methods-and-events_methods_index.md.qdKgPDa-.js
@@ -1,5 +1,5 @@
-import{_ as a,c as s,o as i,X as e}from"./chunks/framework.7pWjBRCP.js";const u=JSON.parse('{"title":"Methods","description":"List of exposed datepicker methods","frontmatter":{"lang":"en-US","title":"Methods","description":"List of exposed datepicker methods"},"headers":[],"relativePath":"methods-and-events/methods/index.md","filePath":"methods-and-events/methods/index.md"}'),t={name:"methods-and-events/methods/index.md"},l=e(`
Methods ​
List of available methods that you can call on the datepicker from the external code
Add a ref to the component, and call the method on that ref
Code Example
vue
<template>
-    <VueDatePicker v-model="date" ref="datepicker" />
+import{_ as a,c as s,o as i,X as e}from"./chunks/framework.xyZR8MrU.js";const u=JSON.parse('{"title":"Methods","description":"List of exposed datepicker methods","frontmatter":{"lang":"en-US","title":"Methods","description":"List of exposed datepicker methods"},"headers":[],"relativePath":"methods-and-events/methods/index.md","filePath":"methods-and-events/methods/index.md"}'),t={name:"methods-and-events/methods/index.md"},l=e(`
Methods ​
List of available methods that you can call on the datepicker from the external code
Add a ref to the component, and call the method on that ref
Code Example
vue
<template>
+    <VueDatePicker v-model="date" ref="datepicker" />
 </template>
 
 <script lang="ts" setup>
diff --git a/docs/assets/methods-and-events_methods_index.md.pmAYM5t7.lean.js b/docs/assets/methods-and-events_methods_index.md.qdKgPDa-.lean.js
similarity index 77%
rename from docs/assets/methods-and-events_methods_index.md.pmAYM5t7.lean.js
rename to docs/assets/methods-and-events_methods_index.md.qdKgPDa-.lean.js
index 6d3db97d9..72086be8e 100644
--- a/docs/assets/methods-and-events_methods_index.md.pmAYM5t7.lean.js
+++ b/docs/assets/methods-and-events_methods_index.md.qdKgPDa-.lean.js
@@ -1 +1 @@
-import{_ as a,c as s,o as i,X as e}from"./chunks/framework.7pWjBRCP.js";const u=JSON.parse('{"title":"Methods","description":"List of exposed datepicker methods","frontmatter":{"lang":"en-US","title":"Methods","description":"List of exposed datepicker methods"},"headers":[],"relativePath":"methods-and-events/methods/index.md","filePath":"methods-and-events/methods/index.md"}'),t={name:"methods-and-events/methods/index.md"},l=e("",30),n=[l];function h(p,r,k,d,o,c){return i(),s("div",null,n)}const g=a(t,[["render",h]]);export{u as __pageData,g as default};
+import{_ as a,c as s,o as i,X as e}from"./chunks/framework.xyZR8MrU.js";const u=JSON.parse('{"title":"Methods","description":"List of exposed datepicker methods","frontmatter":{"lang":"en-US","title":"Methods","description":"List of exposed datepicker methods"},"headers":[],"relativePath":"methods-and-events/methods/index.md","filePath":"methods-and-events/methods/index.md"}'),t={name:"methods-and-events/methods/index.md"},l=e("",30),n=[l];function h(p,r,k,d,o,c){return i(),s("div",null,n)}const g=a(t,[["render",h]]);export{u as __pageData,g as default};
diff --git a/docs/assets/migration_from-v5.md.YoNoCyzn.js b/docs/assets/migration_from-v5.md.GB9BpDA-.js
similarity index 95%
rename from docs/assets/migration_from-v5.md.YoNoCyzn.js
rename to docs/assets/migration_from-v5.md.GB9BpDA-.js
index 321f4c785..eb0deced1 100644
--- a/docs/assets/migration_from-v5.md.YoNoCyzn.js
+++ b/docs/assets/migration_from-v5.md.GB9BpDA-.js
@@ -1,4 +1,4 @@
-import{_ as i,c as s,o as a,X as t}from"./chunks/framework.7pWjBRCP.js";const g=JSON.parse('{"title":"Migration from v5","description":"Migration guide for migrating from v5 to v6 and notifying of breaking changes","frontmatter":{"lang":"en-US","title":"Migration from v5","description":"Migration guide for migrating from v5 to v6 and notifying of breaking changes"},"headers":[],"relativePath":"migration/from-v5.md","filePath":"migration/from-v5.md"}'),n={name:"migration/from-v5.md"},e=t(`
Migrating from v5 ​
Breaking changes ​
  • month-picker and year-picker no longer have predefined value if v-model is empty
  • aria-label for arrow buttons in month-picker mode is changed to Next/Previous year
  • auto-apply-month prop is removed (will work with auto-apply prop set)
  • show-now-button prop is removed
  • month-year slot will have different props depending on the used mode
  • Property handleMonthYearChange is removed from sidebar-[left/right] slot props
  • Props changes (check props-reconfiguration) 
Props reconfiguration ​
Based on the list of removed props, and depending on your usage, you might need to do a slight adjustments to keep prior behaviour:
multi-calendars-solo and multi-static ​
These 2 props are now merged into a configuration object that can be passed
to multi-calendars prop
Info
For prop definition, check multi-calendars prop
js

+import{_ as i,c as s,o as a,X as t}from"./chunks/framework.xyZR8MrU.js";const g=JSON.parse('{"title":"Migration from v5","description":"Migration guide for migrating from v5 to v6 and notifying of breaking changes","frontmatter":{"lang":"en-US","title":"Migration from v5","description":"Migration guide for migrating from v5 to v6 and notifying of breaking changes"},"headers":[],"relativePath":"migration/from-v5.md","filePath":"migration/from-v5.md"}'),n={name:"migration/from-v5.md"},e=t(`
Migrating from v5 ​
Breaking changes ​
  • month-picker and year-picker no longer have predefined value if v-model is empty
  • aria-label for arrow buttons in month-picker mode is changed to Next/Previous year
  • auto-apply-month prop is removed (will work with auto-apply prop set)
  • show-now-button prop is removed
  • month-year slot will have different props depending on the used mode
  • Property handleMonthYearChange is removed from sidebar-[left/right] slot props
  • Props changes (check props-reconfiguration) 
Props reconfiguration ​
Based on the list of removed props, and depending on your usage, you might need to do a slight adjustments to keep prior behaviour:
multi-calendars-solo and multi-static ​
These 2 props are now merged into a configuration object that can be passed
to multi-calendars prop
Info
For prop definition, check multi-calendars prop
js

 <template>
 
   <VueDatePicker
@@ -17,7 +17,7 @@ import{_ as i,c as s,o as a,X as t}from"./chunks/framework.7pWjBRCP.js";const g=
   />
 
 </template>
transitions ​
Property menuAppear in transition prop is removed and replaced with 2 additional properties, menuAppearTop and menuAppearBottom
Info
For prop definition, check transitions prop
vue
<template>
-  <VueDatePicker :transitions="transitions" />
+  <VueDatePicker :transitions="transitions" />
 </template>
 
 <script setup>
diff --git a/docs/assets/migration_from-v5.md.YoNoCyzn.lean.js b/docs/assets/migration_from-v5.md.GB9BpDA-.lean.js
similarity index 79%
rename from docs/assets/migration_from-v5.md.YoNoCyzn.lean.js
rename to docs/assets/migration_from-v5.md.GB9BpDA-.lean.js
index f597965d6..4b0ef637a 100644
--- a/docs/assets/migration_from-v5.md.YoNoCyzn.lean.js
+++ b/docs/assets/migration_from-v5.md.GB9BpDA-.lean.js
@@ -1 +1 @@
-import{_ as i,c as s,o as a,X as t}from"./chunks/framework.7pWjBRCP.js";const g=JSON.parse('{"title":"Migration from v5","description":"Migration guide for migrating from v5 to v6 and notifying of breaking changes","frontmatter":{"lang":"en-US","title":"Migration from v5","description":"Migration guide for migrating from v5 to v6 and notifying of breaking changes"},"headers":[],"relativePath":"migration/from-v5.md","filePath":"migration/from-v5.md"}'),n={name:"migration/from-v5.md"},e=t("",26),l=[e];function p(h,o,k,r,d,c){return a(),s("div",null,l)}const y=i(n,[["render",p]]);export{g as __pageData,y as default};
+import{_ as i,c as s,o as a,X as t}from"./chunks/framework.xyZR8MrU.js";const g=JSON.parse('{"title":"Migration from v5","description":"Migration guide for migrating from v5 to v6 and notifying of breaking changes","frontmatter":{"lang":"en-US","title":"Migration from v5","description":"Migration guide for migrating from v5 to v6 and notifying of breaking changes"},"headers":[],"relativePath":"migration/from-v5.md","filePath":"migration/from-v5.md"}'),n={name:"migration/from-v5.md"},e=t("",26),l=[e];function p(h,o,k,r,d,c){return a(),s("div",null,l)}const y=i(n,[["render",p]]);export{g as __pageData,y as default};
diff --git a/docs/assets/migration_from-v6.md.x6236D26.js b/docs/assets/migration_from-v6.md.sv7T6y5A.js
similarity index 92%
rename from docs/assets/migration_from-v6.md.x6236D26.js
rename to docs/assets/migration_from-v6.md.sv7T6y5A.js
index bea31ecf4..94f54f013 100644
--- a/docs/assets/migration_from-v6.md.x6236D26.js
+++ b/docs/assets/migration_from-v6.md.sv7T6y5A.js
@@ -1 +1 @@
-import{_ as e,c as o,o as i,X as a}from"./chunks/framework.7pWjBRCP.js";const h=JSON.parse('{"title":"Migration from v6","description":"Migration guide for migrating from v6 to v7 and notifying of breaking changes","frontmatter":{"lang":"en-US","title":"Migration from v6","description":"Migration guide for migrating from v6 to v7 and notifying of breaking changes"},"headers":[],"relativePath":"migration/from-v6.md","filePath":"migration/from-v6.md"}'),t={name:"migration/from-v6.md"},r=a('
Migrating from v6 ​
Breaking changes ​
  • Wrapper for preset-dates is changed from <div> to <template>, which may cause potential styles break if you use a slot for the preset-dates item
  • Removed deprecated props 
    • Removed
      • closeOnScroll
      • modeHeight
      • allowPreventDefault
      • closeOnClearValue
      • closeOnAutoApply
      • noSwipe
      • keepActionRow
      • onClickOutside
All removed props are now part of the config prop
',4),n=[r];function l(c,d,s,g,f,m){return i(),o("div",null,n)}const _=e(t,[["render",l]]);export{h as __pageData,_ as default};
+import{_ as e,c as o,o as i,X as a}from"./chunks/framework.xyZR8MrU.js";const h=JSON.parse('{"title":"Migration from v6","description":"Migration guide for migrating from v6 to v7 and notifying of breaking changes","frontmatter":{"lang":"en-US","title":"Migration from v6","description":"Migration guide for migrating from v6 to v7 and notifying of breaking changes"},"headers":[],"relativePath":"migration/from-v6.md","filePath":"migration/from-v6.md"}'),t={name:"migration/from-v6.md"},r=a('
Migrating from v6 ​
Breaking changes ​
  • Wrapper for preset-dates is changed from <div> to <template>, which may cause potential styles break if you use a slot for the preset-dates item
  • Removed deprecated props 
    • Removed
      • closeOnScroll
      • modeHeight
      • allowPreventDefault
      • closeOnClearValue
      • closeOnAutoApply
      • noSwipe
      • keepActionRow
      • onClickOutside
All removed props are now part of the config prop
',4),n=[r];function l(c,d,s,g,f,m){return i(),o("div",null,n)}const _=e(t,[["render",l]]);export{h as __pageData,_ as default};
diff --git a/docs/assets/migration_from-v6.md.x6236D26.lean.js b/docs/assets/migration_from-v6.md.sv7T6y5A.lean.js
similarity index 79%
rename from docs/assets/migration_from-v6.md.x6236D26.lean.js
rename to docs/assets/migration_from-v6.md.sv7T6y5A.lean.js
index 880bac452..d153cb6b4 100644
--- a/docs/assets/migration_from-v6.md.x6236D26.lean.js
+++ b/docs/assets/migration_from-v6.md.sv7T6y5A.lean.js
@@ -1 +1 @@
-import{_ as e,c as o,o as i,X as a}from"./chunks/framework.7pWjBRCP.js";const h=JSON.parse('{"title":"Migration from v6","description":"Migration guide for migrating from v6 to v7 and notifying of breaking changes","frontmatter":{"lang":"en-US","title":"Migration from v6","description":"Migration guide for migrating from v6 to v7 and notifying of breaking changes"},"headers":[],"relativePath":"migration/from-v6.md","filePath":"migration/from-v6.md"}'),t={name:"migration/from-v6.md"},r=a("",4),n=[r];function l(c,d,s,g,f,m){return i(),o("div",null,n)}const _=e(t,[["render",l]]);export{h as __pageData,_ as default};
+import{_ as e,c as o,o as i,X as a}from"./chunks/framework.xyZR8MrU.js";const h=JSON.parse('{"title":"Migration from v6","description":"Migration guide for migrating from v6 to v7 and notifying of breaking changes","frontmatter":{"lang":"en-US","title":"Migration from v6","description":"Migration guide for migrating from v6 to v7 and notifying of breaking changes"},"headers":[],"relativePath":"migration/from-v6.md","filePath":"migration/from-v6.md"}'),t={name:"migration/from-v6.md"},r=a("",4),n=[r];function l(c,d,s,g,f,m){return i(),o("div",null,n)}const _=e(t,[["render",l]]);export{h as __pageData,_ as default};
diff --git a/docs/assets/migration_from-v7.md.y3s3XoTx.js b/docs/assets/migration_from-v7.md.3mE3xUbs.js
similarity index 99%
rename from docs/assets/migration_from-v7.md.y3s3XoTx.js
rename to docs/assets/migration_from-v7.md.3mE3xUbs.js
index f819e821f..a823355ab 100644
--- a/docs/assets/migration_from-v7.md.y3s3XoTx.js
+++ b/docs/assets/migration_from-v7.md.3mE3xUbs.js
@@ -1,4 +1,4 @@
-import{_ as i,c as s,o as a,X as t}from"./chunks/framework.7pWjBRCP.js";const y=JSON.parse('{"title":"Migration from v7","description":"Migration guide for migrating from v7 to v8 and notifying of breaking changes","frontmatter":{"lang":"en-US","title":"Migration from v7","description":"Migration guide for migrating from v7 to v8 and notifying of breaking changes"},"headers":[],"relativePath":"migration/from-v7.md","filePath":"migration/from-v7.md"}'),l={name:"migration/from-v7.md"},h=t(`
Migrating from v7 ​
Breaking changes ​
  • Default week-picker format is changed to week numbers
  • Tabbing out from the overlay will shift focus to the action row button if present
  • Removed deprecated props 
    • Removed
      • highlight-week-days
      • highlight-disabled-days
      • highlight prop types 
        • Date[]
        • string[]
        • number[]
  • id for calendar days is changed to formatted value instead of ISO value
  • date-fns-tz library is removed
  • date-fns-tz library is updated to v3
highlight ​
Info
For prop definition, check highlight prop
js
<template>
+import{_ as i,c as s,o as a,X as t}from"./chunks/framework.xyZR8MrU.js";const y=JSON.parse('{"title":"Migration from v7","description":"Migration guide for migrating from v7 to v8 and notifying of breaking changes","frontmatter":{"lang":"en-US","title":"Migration from v7","description":"Migration guide for migrating from v7 to v8 and notifying of breaking changes"},"headers":[],"relativePath":"migration/from-v7.md","filePath":"migration/from-v7.md"}'),l={name:"migration/from-v7.md"},h=t(`
Migrating from v7 ​
Breaking changes ​
  • Default week-picker format is changed to week numbers
  • Tabbing out from the overlay will shift focus to the action row button if present
  • Removed deprecated props 
    • Removed
      • highlight-week-days
      • highlight-disabled-days
      • highlight prop types 
        • Date[]
        • string[]
        • number[]
  • id for calendar days is changed to formatted value instead of ISO value
  • date-fns-tz library is removed
  • date-fns-tz library is updated to v3
highlight ​
Info
For prop definition, check highlight prop
js
<template>
   <VueDatePicker
     :highlight="[new Date()]"
     :highlight="{ days: [ new Date() ] }"
diff --git a/docs/assets/migration_from-v7.md.y3s3XoTx.lean.js b/docs/assets/migration_from-v7.md.3mE3xUbs.lean.js
similarity index 79%
rename from docs/assets/migration_from-v7.md.y3s3XoTx.lean.js
rename to docs/assets/migration_from-v7.md.3mE3xUbs.lean.js
index 8d578649a..732276554 100644
--- a/docs/assets/migration_from-v7.md.y3s3XoTx.lean.js
+++ b/docs/assets/migration_from-v7.md.3mE3xUbs.lean.js
@@ -1 +1 @@
-import{_ as i,c as s,o as a,X as t}from"./chunks/framework.7pWjBRCP.js";const y=JSON.parse('{"title":"Migration from v7","description":"Migration guide for migrating from v7 to v8 and notifying of breaking changes","frontmatter":{"lang":"en-US","title":"Migration from v7","description":"Migration guide for migrating from v7 to v8 and notifying of breaking changes"},"headers":[],"relativePath":"migration/from-v7.md","filePath":"migration/from-v7.md"}'),l={name:"migration/from-v7.md"},h=t("",18),e=[h];function n(k,p,d,o,r,g){return a(),s("div",null,e)}const E=i(l,[["render",n]]);export{y as __pageData,E as default};
+import{_ as i,c as s,o as a,X as t}from"./chunks/framework.xyZR8MrU.js";const y=JSON.parse('{"title":"Migration from v7","description":"Migration guide for migrating from v7 to v8 and notifying of breaking changes","frontmatter":{"lang":"en-US","title":"Migration from v7","description":"Migration guide for migrating from v7 to v8 and notifying of breaking changes"},"headers":[],"relativePath":"migration/from-v7.md","filePath":"migration/from-v7.md"}'),l={name:"migration/from-v7.md"},h=t("",18),e=[h];function n(k,p,d,o,r,g){return a(),s("div",null,e)}const E=i(l,[["render",n]]);export{y as __pageData,E as default};
diff --git a/docs/assets/props_calendar-configuration_index.md.cVA8-6uO.js b/docs/assets/props_calendar-configuration_index.md.3e9lzSIn.js
similarity index 82%
rename from docs/assets/props_calendar-configuration_index.md.cVA8-6uO.js
rename to docs/assets/props_calendar-configuration_index.md.3e9lzSIn.js
index 15c047b8c..4a0fc88a1 100644
--- a/docs/assets/props_calendar-configuration_index.md.cVA8-6uO.js
+++ b/docs/assets/props_calendar-configuration_index.md.3e9lzSIn.js
@@ -1,4 +1,4 @@
-import{_ as E,E as t,c as d,J as i,X as s,o as r}from"./chunks/framework.7pWjBRCP.js";const Y=JSON.parse('{"title":"Props - Calendar configuration","description":"Configuration for the calendar","frontmatter":{"lang":"en-US","title":"Props - Calendar configuration","description":"Configuration for the calendar"},"headers":[],"relativePath":"props/calendar-configuration/index.md","filePath":"props/calendar-configuration/index.md"}'),g={name:"props/calendar-configuration/index.md"},y=s(`
Calendar configuration ​
Configure calendar options such as behavior or available dates
Info
  • When checking the examples, for boolean prop types, the example will show the behavior opposite of what is set for the default value
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, weekNumbers as week-numbers and so on
calendar ​
Customize the calendar view, filter out weeks, add or remove custom classes
Warning
Do not modify date values
  • Type: (weeks: CalendarWeek[]) => CalendarWeek[];
  • Default: null
ts
interface CalendarWeek {
+import{_ as E,E as n,c as d,J as i,X as s,o as r}from"./chunks/framework.xyZR8MrU.js";const Y=JSON.parse('{"title":"Props - Calendar configuration","description":"Configuration for the calendar","frontmatter":{"lang":"en-US","title":"Props - Calendar configuration","description":"Configuration for the calendar"},"headers":[],"relativePath":"props/calendar-configuration/index.md","filePath":"props/calendar-configuration/index.md"}'),g={name:"props/calendar-configuration/index.md"},y=s(`
Calendar configuration ​
Configure calendar options such as behavior or available dates
Info
  • When checking the examples, for boolean prop types, the example will show the behavior opposite of what is set for the default value
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, weekNumbers as week-numbers and so on
calendar ​
Customize the calendar view, filter out weeks, add or remove custom classes
Warning
Do not modify date values
  • Type: (weeks: CalendarWeek[]) => CalendarWeek[];
  • Default: null
ts
interface CalendarWeek {
   days: {
     text: number | string; // Value displayed in the calendar day box
     value: Date; // Date that is going to be selected, do not modify
@@ -6,7 +6,7 @@ import{_ as E,E as t,c as d,J as i,X as s,o as r}from"./chunks/framework.7pWjBRC
     classData: Record<string, boolean>; // All classes for a specific date
   }
 }
`,8),F=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :calendar="calendarFn" />
+    <VueDatePicker v-model="date" :calendar="calendarFn" />
 </template>
 
 <script setup>
@@ -37,7 +37,7 @@ import{_ as E,E as t,c as d,J as i,X as s,o as r}from"./chunks/framework.7pWjBRC
   type: 'iso' | 'local' | ((date: Date) => string | number);
   hideOnOffsetDates?: boolean;
 }
`,5),o=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :week-numbers="{ type: 'iso' }" />
+    <VueDatePicker v-model="date" :week-numbers="{ type: 'iso' }" />
 </template>
 
 <script setup>
@@ -45,7 +45,7 @@ import{_ as E,E as t,c as d,J as i,X as s,o as r}from"./chunks/framework.7pWjBRC
 
 const date = ref(new Date());
 </script>
hide-offset-dates ​
Hide dates from the previous/next month in the calendar
  • Type: boolean
  • Default: false
`,4),c=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" hide-offset-dates />
+    <VueDatePicker v-model="date" hide-offset-dates />
 </template>
 
 <script setup>
@@ -53,23 +53,23 @@ import{_ as E,E as t,c as d,J as i,X as s,o as r}from"./chunks/framework.7pWjBRC
 
 const date = ref(new Date());
 </script>
min-date ​
All dates before the given date will be disabled
  • Type: Date | string
  • Default: null
`,4),u=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :min-date="new Date()" />
+    <VueDatePicker v-model="date" :min-date="new Date()" />
 </template>
 
 <script setup>
 import { ref } from 'vue';
 
 const date = ref(new Date());
-</script>
max-date ​
All dates after the given date will be disabled
  • Type: Date | string
  • Default: null
`,4),D=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :max-date="new Date()" />
+</script>
max-date ​
All dates after the given date will be disabled
  • Type: Date | string
  • Default: null
`,4),C=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date" :max-date="new Date()" />
 </template>
 
 <script setup>
 import { ref } from 'vue';
 
 const date = ref(new Date());
-</script>
prevent-min-max-navigation ​
Prevent navigation after or before the min-date or max-date
  • Type: boolean
  • Default: false
`,4),C=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :min-date="minDate" :max-date="maxDate" prevent-min-max-navigation />
+</script>
prevent-min-max-navigation ​
Prevent navigation after or before the min-date or max-date
  • Type: boolean
  • Default: false
`,4),D=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date" :min-date="minDate" :max-date="maxDate" prevent-min-max-navigation />
 </template>
 
 <script setup>
@@ -81,7 +81,7 @@ import{_ as E,E as t,c as d,J as i,X as s,o as r}from"./chunks/framework.7pWjBRC
 const minDate = computed(() => subMonths(new Date(getYear(new Date()), getMonth(new Date())), 2));
 const maxDate = computed(() => addMonths(new Date(getYear(new Date()), getMonth(new Date())), 2));
 </script>
ignore-time-validation ​
By default, when using min-date or max-date the time set on those dates will be included in validation. If you want to just check dates, pass this option to disable time check
  • Type: boolean
  • Default: false
`,4),m=s(`
Code Example
vue
<template>
-    <VueDatePicker 
+    <VueDatePicker 
         v-model="date"
         :max-date="maxDate"
         ignore-time-validation
@@ -97,7 +97,7 @@ import{_ as E,E as t,c as d,J as i,X as s,o as r}from"./chunks/framework.7pWjBRC
 // Without ignoreTimeValidation, you will not be able to select the date
 const maxDate = ref(new Date(2022, (new Date()).getMonth(), (new Date()).getDate()));
 </script>
start-date ​
Open the datepicker to some preselected month and year
  • Type: Date | string
  • Default: null
`,4),A=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :start-date="startDate" placeholder="Select Date" />
+    <VueDatePicker v-model="date" :start-date="startDate" placeholder="Select Date" />
 </template>
 
 <script setup>
@@ -106,7 +106,7 @@ import{_ as E,E as t,c as d,J as i,X as s,o as r}from"./chunks/framework.7pWjBRC
 const date = ref();
 const startDate = ref(new Date(2020, 1));
 </script>
focus-start-date ​
Open the datepicker to provided start-date ignoring the v-model value
  • Type: boolean
  • Default: false
`,4),B=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :start-date="startDate" focus-start-date placeholder="Select Date" />
+    <VueDatePicker v-model="date" :start-date="startDate" focus-start-date placeholder="Select Date" />
 </template>
 
 <script setup>
@@ -115,7 +115,7 @@ import{_ as E,E as t,c as d,J as i,X as s,o as r}from"./chunks/framework.7pWjBRC
 const date = ref(new Date());
 const startDate = ref(new Date(2020, 1));
 </script>
week-start ​
Day from which the week starts. 0-6, 0 is Sunday, 6 is Saturday
  • Type: number | string
  • Default: 1
`,4),_=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" week-start="0" />
+    <VueDatePicker v-model="date" week-start="0" />
 </template>
 
 <script setup>
@@ -131,7 +131,7 @@ import{_ as E,E as t,c as d,J as i,X as s,o as r}from"./chunks/framework.7pWjBRC
     seconds?: number[] // disable specific seconds
   }
 }
`,5),b=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :filters="filters" />
+    <VueDatePicker v-model="date" :filters="filters" />
 </template>
 
 <script setup>
@@ -148,16 +148,16 @@ import{_ as E,E as t,c as d,J as i,X as s,o as r}from"./chunks/framework.7pWjBRC
             .map((item) => getMonth(addMonths(currentDate, item + 1)))
   }
 })
-</script>
disable-month-year-select ​
Removes the month and year picker
  • Type: boolean
  • Default: false
`,4),f=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" disable-month-year-select />
+</script>
disable-month-year-select ​
Removes the month and year picker
  • Type: boolean
  • Default: false
`,4),v=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date" disable-month-year-select />
 </template>
 
 <script setup>
 import { ref } from 'vue';
 
 const date = ref(new Date());
-</script>
year-range ​
Specify start and end year for years to generate
  • Type: [number, number]
  • Default: [1900, 2100]
`,4),v=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :year-range="[2020, 2040]" />
+</script>
year-range ​
Specify start and end year for years to generate
  • Type: [number, number]
  • Default: [1900, 2100]
`,4),f=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date" :year-range="[2020, 2040]" />
 </template>
 
 <script setup>
@@ -165,7 +165,7 @@ import{_ as E,E as t,c as d,J as i,X as s,o as r}from"./chunks/framework.7pWjBRC
 
 const date = ref(new Date());
 </script>
reverse-years ​
Reverse the order of the years in years overlay
  • Type: boolean
  • Default: false
`,4),T=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" reverse-years :year-range="[2020, 2040]" />
+    <VueDatePicker v-model="date" reverse-years :year-range="[2020, 2040]" />
 </template>
 
 <script setup>
@@ -173,7 +173,7 @@ import{_ as E,E as t,c as d,J as i,X as s,o as r}from"./chunks/framework.7pWjBRC
 
 const date = ref(new Date());
 </script>
allowed-dates ​
Allow only specific dates
  • Type: string[] | Date[]
  • Default: []
`,4),w=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :allowed-dates="allowedDates" />
+    <VueDatePicker v-model="date" :allowed-dates="allowedDates" />
 </template>
 
 <script setup>
@@ -189,7 +189,7 @@ import{_ as E,E as t,c as d,J as i,X as s,o as r}from"./chunks/framework.7pWjBRC
   ];
 });
 </script>
disabled-dates ​
Disable specific dates
  • Type: Date[] | string[] | (date: Date) => boolean
  • Default: []
Note: If you use a custom function, make sure to return true for a disabled date and false for enabled
`,5),q=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :disabled-dates="disabledDates" />
+    <VueDatePicker v-model="date" :disabled-dates="disabledDates" />
 </template>
 
 <script setup>
@@ -210,7 +210,7 @@ import{_ as E,E as t,c as d,J as i,X as s,o as r}from"./chunks/framework.7pWjBRC
   return [tomorrow, afterTomorrow]
 })
 </script>
disabled-week-days ​
Disable specific days from the week
  • Type: string[] | number[] - 0-6, 0 is Sunday, 6 is Saturday
  • Default: []
`,4),P=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :disabled-week-days="[6, 0]" />
+    <VueDatePicker v-model="date" :disabled-week-days="[6, 0]" />
 </template>
 
 <script setup>
@@ -218,7 +218,7 @@ import{_ as E,E as t,c as d,J as i,X as s,o as r}from"./chunks/framework.7pWjBRC
 
 const date = ref(new Date());
 </script>
no-disabled-range ​
Deprecation warning
This prop is deprecated, please refer to range configuration section
Prevents range selection if the range includes disabled dates
  • Type: boolean
  • Default: false
`,5),x=s(`
Code Example
vue
<template>
-    <VueDatePicker 
+    <VueDatePicker 
             v-model="date" 
             range
             no-disabled-range
@@ -233,4 +233,4 @@ import{_ as E,E as t,c as d,J as i,X as s,o as r}from"./chunks/framework.7pWjBRC
 const date = ref(new Date());
 
 const disabledDates = [subDays(new Date(), 1), new Date(), addDays(new Date(), 1)];
-</script>
`,1);function S(V,I,N,R,M,W){const h=t("CustomCalendarDemo"),a=t("GlobalDemo"),l=t("MinMaxDemo"),n=t("EmptyDemo"),k=t("FiltersDemo"),p=t("DisabledDatesDemo"),e=t("DisabledRangeDateDemoDeprecated");return r(),d("div",null,[y,i(h),F,i(a,{"week-numbers":{type:"iso"}}),o,i(a,{"hide-offset-dates":!0}),c,i(a,{"min-date":new Date},null,8,["min-date"]),u,i(a,{"max-date":new Date},null,8,["max-date"]),D,i(l),C,i(n,{"ignore-time-validation":!0,"max-date":new Date(new Date().getFullYear(),new Date().getMonth(),new Date().getDate()),placeholder:"Select Date"},null,8,["max-date"]),m,i(n,{"start-date":new Date(2020,1),placeholder:"Select Date"},null,8,["start-date"]),A,i(a,{"start-date":new Date(2020,1),"focus-start-date":!0,placeholder:"Select Date"},null,8,["start-date"]),B,i(a,{"week-start":"0"}),_,i(k),b,i(a,{"disable-month-year-select":!0}),f,i(a,{"year-range":[2020,2040]}),v,i(a,{"reverse-years":!0,"year-range":[2020,2040]}),T,i(n,{"allowed-dates":[new Date],placeholder:"Select Date"},null,8,["allowed-dates"]),w,i(p),q,i(n,{"disabled-week-days":[6,0],placeholder:"Select Date"}),P,i(e),x])}const $=E(g,[["render",S]]);export{Y as __pageData,$ as default};
+</script>
`,1);function S(V,I,N,R,M,W){const h=n("CustomCalendarDemo"),a=n("GlobalDemo"),l=n("MinMaxDemo"),t=n("EmptyDemo"),k=n("FiltersDemo"),p=n("DisabledDatesDemo"),e=n("DisabledRangeDateDemoDeprecated");return r(),d("div",null,[y,i(h),F,i(a,{"week-numbers":{type:"iso"}}),o,i(a,{"hide-offset-dates":!0}),c,i(a,{"min-date":new Date},null,8,["min-date"]),u,i(a,{"max-date":new Date},null,8,["max-date"]),C,i(l),D,i(t,{"ignore-time-validation":!0,"max-date":new Date(new Date().getFullYear(),new Date().getMonth(),new Date().getDate()),placeholder:"Select Date"},null,8,["max-date"]),m,i(t,{"start-date":new Date(2020,1),placeholder:"Select Date"},null,8,["start-date"]),A,i(a,{"start-date":new Date(2020,1),"focus-start-date":!0,placeholder:"Select Date"},null,8,["start-date"]),B,i(a,{"week-start":"0"}),_,i(k),b,i(a,{"disable-month-year-select":!0}),v,i(a,{"year-range":[2020,2040]}),f,i(a,{"reverse-years":!0,"year-range":[2020,2040]}),T,i(t,{"allowed-dates":[new Date],placeholder:"Select Date"},null,8,["allowed-dates"]),w,i(p),q,i(t,{"disabled-week-days":[6,0],placeholder:"Select Date"}),P,i(e),x])}const $=E(g,[["render",S]]);export{Y as __pageData,$ as default};
diff --git a/docs/assets/props_calendar-configuration_index.md.cVA8-6uO.lean.js b/docs/assets/props_calendar-configuration_index.md.3e9lzSIn.lean.js
similarity index 58%
rename from docs/assets/props_calendar-configuration_index.md.cVA8-6uO.lean.js
rename to docs/assets/props_calendar-configuration_index.md.3e9lzSIn.lean.js
index f989e844d..942520521 100644
--- a/docs/assets/props_calendar-configuration_index.md.cVA8-6uO.lean.js
+++ b/docs/assets/props_calendar-configuration_index.md.3e9lzSIn.lean.js
@@ -1 +1 @@
-import{_ as E,E as t,c as d,J as i,X as s,o as r}from"./chunks/framework.7pWjBRCP.js";const Y=JSON.parse('{"title":"Props - Calendar configuration","description":"Configuration for the calendar","frontmatter":{"lang":"en-US","title":"Props - Calendar configuration","description":"Configuration for the calendar"},"headers":[],"relativePath":"props/calendar-configuration/index.md","filePath":"props/calendar-configuration/index.md"}'),g={name:"props/calendar-configuration/index.md"},y=s("",8),F=s("",5),o=s("",4),c=s("",4),u=s("",4),D=s("",4),C=s("",4),m=s("",4),A=s("",4),B=s("",4),_=s("",5),b=s("",4),f=s("",4),v=s("",4),T=s("",4),w=s("",5),q=s("",4),P=s("",5),x=s("",1);function S(V,I,N,R,M,W){const h=t("CustomCalendarDemo"),a=t("GlobalDemo"),l=t("MinMaxDemo"),n=t("EmptyDemo"),k=t("FiltersDemo"),p=t("DisabledDatesDemo"),e=t("DisabledRangeDateDemoDeprecated");return r(),d("div",null,[y,i(h),F,i(a,{"week-numbers":{type:"iso"}}),o,i(a,{"hide-offset-dates":!0}),c,i(a,{"min-date":new Date},null,8,["min-date"]),u,i(a,{"max-date":new Date},null,8,["max-date"]),D,i(l),C,i(n,{"ignore-time-validation":!0,"max-date":new Date(new Date().getFullYear(),new Date().getMonth(),new Date().getDate()),placeholder:"Select Date"},null,8,["max-date"]),m,i(n,{"start-date":new Date(2020,1),placeholder:"Select Date"},null,8,["start-date"]),A,i(a,{"start-date":new Date(2020,1),"focus-start-date":!0,placeholder:"Select Date"},null,8,["start-date"]),B,i(a,{"week-start":"0"}),_,i(k),b,i(a,{"disable-month-year-select":!0}),f,i(a,{"year-range":[2020,2040]}),v,i(a,{"reverse-years":!0,"year-range":[2020,2040]}),T,i(n,{"allowed-dates":[new Date],placeholder:"Select Date"},null,8,["allowed-dates"]),w,i(p),q,i(n,{"disabled-week-days":[6,0],placeholder:"Select Date"}),P,i(e),x])}const $=E(g,[["render",S]]);export{Y as __pageData,$ as default};
+import{_ as E,E as n,c as d,J as i,X as s,o as r}from"./chunks/framework.xyZR8MrU.js";const Y=JSON.parse('{"title":"Props - Calendar configuration","description":"Configuration for the calendar","frontmatter":{"lang":"en-US","title":"Props - Calendar configuration","description":"Configuration for the calendar"},"headers":[],"relativePath":"props/calendar-configuration/index.md","filePath":"props/calendar-configuration/index.md"}'),g={name:"props/calendar-configuration/index.md"},y=s("",8),F=s("",5),o=s("",4),c=s("",4),u=s("",4),C=s("",4),D=s("",4),m=s("",4),A=s("",4),B=s("",4),_=s("",5),b=s("",4),v=s("",4),f=s("",4),T=s("",4),w=s("",5),q=s("",4),P=s("",5),x=s("",1);function S(V,I,N,R,M,W){const h=n("CustomCalendarDemo"),a=n("GlobalDemo"),l=n("MinMaxDemo"),t=n("EmptyDemo"),k=n("FiltersDemo"),p=n("DisabledDatesDemo"),e=n("DisabledRangeDateDemoDeprecated");return r(),d("div",null,[y,i(h),F,i(a,{"week-numbers":{type:"iso"}}),o,i(a,{"hide-offset-dates":!0}),c,i(a,{"min-date":new Date},null,8,["min-date"]),u,i(a,{"max-date":new Date},null,8,["max-date"]),C,i(l),D,i(t,{"ignore-time-validation":!0,"max-date":new Date(new Date().getFullYear(),new Date().getMonth(),new Date().getDate()),placeholder:"Select Date"},null,8,["max-date"]),m,i(t,{"start-date":new Date(2020,1),placeholder:"Select Date"},null,8,["start-date"]),A,i(a,{"start-date":new Date(2020,1),"focus-start-date":!0,placeholder:"Select Date"},null,8,["start-date"]),B,i(a,{"week-start":"0"}),_,i(k),b,i(a,{"disable-month-year-select":!0}),v,i(a,{"year-range":[2020,2040]}),f,i(a,{"reverse-years":!0,"year-range":[2020,2040]}),T,i(t,{"allowed-dates":[new Date],placeholder:"Select Date"},null,8,["allowed-dates"]),w,i(p),q,i(t,{"disabled-week-days":[6,0],placeholder:"Select Date"}),P,i(e),x])}const $=E(g,[["render",S]]);export{Y as __pageData,$ as default};
diff --git a/docs/assets/props_formatting_index.md.E3tkqjsH.js b/docs/assets/props_formatting_index.md.PGq8gR8h.js
similarity index 85%
rename from docs/assets/props_formatting_index.md.E3tkqjsH.js
rename to docs/assets/props_formatting_index.md.PGq8gR8h.js
index 4bfcb93ef..f1d3c1484 100644
--- a/docs/assets/props_formatting_index.md.E3tkqjsH.js
+++ b/docs/assets/props_formatting_index.md.PGq8gR8h.js
@@ -1,5 +1,5 @@
-import{_ as l,E as i,c as e,J as a,X as s,o as k}from"./chunks/framework.7pWjBRCP.js";const C=JSON.parse('{"title":"Props - Formatting","description":"Customize the default formatting of the datepicker","frontmatter":{"lang":"en-US","title":"Props - Formatting","description":"Customize the default formatting of the datepicker"},"headers":[],"relativePath":"props/formatting/index.md","filePath":"props/formatting/index.md"}'),p={name:"props/formatting/index.md"},r=s('
Formatting ​
Format options for the value displayed in the input or preview
Info
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, previewFormat as preview-format and so on
format ​
Format the value of the date(s) in the input field. Formatting is done automatically via provided string format. However, you can override the default format by providing a custom formatter function
  • Type: string | ((date: Date) => string) | ((dates: Date[]) => string);
  • Default: 
    • Single picker: 'MM/dd/yyyy HH:mm'
    • Range picker: 'MM/dd/yyyy HH:mm - MM/dd/yyyy HH:mm'
    • Month picker: 'MM/yyyy'
    • Time picker: 'HH:mm'
    • Time picker range: 'HH:mm - HH:mm'
    • Week picker 'RR-yyyy' | 'ww-yyyy' (depends on week numbering)
Info
If is-24 prop is set to false, hours format will be changed to 'hh:mm aa'
For additional information on how to pass custom string format you can check Unicode tokens
',8),E=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :format="format" />
+import{_ as l,E as i,c as e,J as a,X as s,o as k}from"./chunks/framework.xyZR8MrU.js";const C=JSON.parse('{"title":"Props - Formatting","description":"Customize the default formatting of the datepicker","frontmatter":{"lang":"en-US","title":"Props - Formatting","description":"Customize the default formatting of the datepicker"},"headers":[],"relativePath":"props/formatting/index.md","filePath":"props/formatting/index.md"}'),p={name:"props/formatting/index.md"},r=s('
Formatting ​
Format options for the value displayed in the input or preview
Info
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, previewFormat as preview-format and so on
format ​
Format the value of the date(s) in the input field. Formatting is done automatically via provided string format. However, you can override the default format by providing a custom formatter function
  • Type: string | ((date: Date) => string) | ((dates: Date[]) => string);
  • Default: 
    • Single picker: 'MM/dd/yyyy HH:mm'
    • Range picker: 'MM/dd/yyyy HH:mm - MM/dd/yyyy HH:mm'
    • Month picker: 'MM/yyyy'
    • Time picker: 'HH:mm'
    • Time picker range: 'HH:mm - HH:mm'
    • Week picker 'RR-yyyy' | 'ww-yyyy' (depends on week numbering)
Info
If is-24 prop is set to false, hours format will be changed to 'hh:mm aa'
For additional information on how to pass custom string format you can check Unicode tokens
',8),E=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date" :format="format" />
 </template>
 
 <script setup>
@@ -16,7 +16,7 @@ import{_ as l,E as i,c as e,J as a,X as s,o as k}from"./chunks/framework.7pWjBRC
   return \`Selected date is \${day}/\${month}/\${year}\`;
 }
 </script>
preview-format ​
Format the value of the date(s) in the action row
  • Type: string | ((date: Date) => string) | ((dates: Date[]) => string);
  • Default: null
Same configuration as in format prop
Note: If not provided, it will auto inherit data from the format prop
`,6),d=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :preview-format="format" />
+    <VueDatePicker v-model="date" :preview-format="format" />
 </template>
 
 <script setup>
@@ -33,7 +33,7 @@ import{_ as l,E as i,c as e,J as a,X as s,o as k}from"./chunks/framework.7pWjBRC
   return \`Selected date is \${day}/\${month}/\${year}\`;
 }
 </script>
month-name-format ​
Set the month name format
  • Type: 'short' | 'long'
  • Default: 'short'
`,4),o=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" month-name-format="long" />
+    <VueDatePicker v-model="date" month-name-format="long" />
 </template>
 
 <script setup>
diff --git a/docs/assets/props_formatting_index.md.E3tkqjsH.lean.js b/docs/assets/props_formatting_index.md.PGq8gR8h.lean.js
similarity index 91%
rename from docs/assets/props_formatting_index.md.E3tkqjsH.lean.js
rename to docs/assets/props_formatting_index.md.PGq8gR8h.lean.js
index ad8f1aa36..b8ef9045f 100644
--- a/docs/assets/props_formatting_index.md.E3tkqjsH.lean.js
+++ b/docs/assets/props_formatting_index.md.PGq8gR8h.lean.js
@@ -1 +1 @@
-import{_ as l,E as i,c as e,J as a,X as s,o as k}from"./chunks/framework.7pWjBRCP.js";const C=JSON.parse('{"title":"Props - Formatting","description":"Customize the default formatting of the datepicker","frontmatter":{"lang":"en-US","title":"Props - Formatting","description":"Customize the default formatting of the datepicker"},"headers":[],"relativePath":"props/formatting/index.md","filePath":"props/formatting/index.md"}'),p={name:"props/formatting/index.md"},r=s("",8),E=s("",6),d=s("",4),o=s("",1);function g(y,c,F,m,u,f){const t=i("FormatDemo"),n=i("PreviewFormatDemo"),h=i("GlobalDemo");return k(),e("div",null,[r,a(t),E,a(n),d,a(h,{"month-name-format":"long"}),o])}const A=l(p,[["render",g]]);export{C as __pageData,A as default};
+import{_ as l,E as i,c as e,J as a,X as s,o as k}from"./chunks/framework.xyZR8MrU.js";const C=JSON.parse('{"title":"Props - Formatting","description":"Customize the default formatting of the datepicker","frontmatter":{"lang":"en-US","title":"Props - Formatting","description":"Customize the default formatting of the datepicker"},"headers":[],"relativePath":"props/formatting/index.md","filePath":"props/formatting/index.md"}'),p={name:"props/formatting/index.md"},r=s("",8),E=s("",6),d=s("",4),o=s("",1);function g(y,c,F,m,u,f){const t=i("FormatDemo"),n=i("PreviewFormatDemo"),h=i("GlobalDemo");return k(),e("div",null,[r,a(t),E,a(n),d,a(h,{"month-name-format":"long"}),o])}const A=l(p,[["render",g]]);export{C as __pageData,A as default};
diff --git a/docs/assets/props_general-configuration_index.md.wvfjqAUu.js b/docs/assets/props_general-configuration_index.md.yXISjZxh.js
similarity index 83%
rename from docs/assets/props_general-configuration_index.md.wvfjqAUu.js
rename to docs/assets/props_general-configuration_index.md.yXISjZxh.js
index 845434449..7c6abb3ca 100644
--- a/docs/assets/props_general-configuration_index.md.wvfjqAUu.js
+++ b/docs/assets/props_general-configuration_index.md.yXISjZxh.js
@@ -1,5 +1,5 @@
-import{_ as r,E as n,c as g,J as i,m as h,a as t,X as s,o as y}from"./chunks/framework.7pWjBRCP.js";const z=JSON.parse('{"title":"Props - General configuration","description":"General behavior props configuration","frontmatter":{"lang":"en-US","title":"Props - General configuration","description":"General behavior props configuration"},"headers":[],"relativePath":"props/general-configuration/index.md","filePath":"props/general-configuration/index.md"}'),o={name:"props/general-configuration/index.md"},c=s('
General configuration ​
General behavior props configuration
Info
  • When checking the examples, for boolean prop types, the example will show the behavior opposite of what is set for the default value
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, monthChangeOnScroll as month-change-on-scroll and so on
uid ​
Pass an id to the input and menu elements. If provided, you can select menu id as dp-menu-${uid} and input id as dp-input-${uid}
  • Type: string
  • Default: null
',6),F=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" uid="demo" />
+import{_ as r,E as n,c as g,J as i,m as h,a as t,X as s,o as y}from"./chunks/framework.xyZR8MrU.js";const z=JSON.parse('{"title":"Props - General configuration","description":"General behavior props configuration","frontmatter":{"lang":"en-US","title":"Props - General configuration","description":"General behavior props configuration"},"headers":[],"relativePath":"props/general-configuration/index.md","filePath":"props/general-configuration/index.md"}'),o={name:"props/general-configuration/index.md"},c=s('
General configuration ​
General behavior props configuration
Info
  • When checking the examples, for boolean prop types, the example will show the behavior opposite of what is set for the default value
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, monthChangeOnScroll as month-change-on-scroll and so on
uid ​
Pass an id to the input and menu elements. If provided, you can select menu id as dp-menu-${uid} and input id as dp-input-${uid}
  • Type: string
  • Default: null
',6),F=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date" uid="demo" />
 </template>
 
 <script setup>
@@ -7,7 +7,7 @@ import{_ as r,E as n,c as g,J as i,m as h,a as t,X as s,o as y}from"./chunks/fra
 
 const date = ref(new Date());
 </script>
month-change-on-scroll ​
Scrolling the mouse wheel over the calendar will change the month. Scroll down for next month and vice versa
You can also set the value to 'inverse', so that scrolling down will go to the previous month and up on the next
  • Type: boolean | 'inverse'
  • Default: true
`,5),u=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :month-change-on-scroll="false" />
+    <VueDatePicker v-model="date" :month-change-on-scroll="false" />
 </template>
 
 <script setup>
@@ -16,8 +16,8 @@ import{_ as r,E as n,c as g,J as i,m as h,a as t,X as s,o as y}from"./chunks/fra
 const date = ref(new Date());
 </script>
`,1),C={id:"model-value",tabindex:"-1"},m=h("a",{class:"header-anchor",href:"#model-value","aria-label":'Permalink to "model-value "'},"​",-1),D=s(`
v-model binding
  • Type: 
    • Single picker: Date | string
      • In case of multiDates it will be Date[] | string[]
    • Month picker: { month: number | string; year: number | string }
    • Time picker: { hours: number | string; minutes: number | string; seconds?: number | string }
    • Week picker: [Date, Date] | [string, string]
    • Range picker: [Date, Date] | [string | string]
      • If you use time-picker, it will be { hours: number | string; minutes: number | string; seconds?: number | string }[]
      • If you use month-picker, it will be { month: number | string; year: number | string }[]
      • If you use week-picker, it will be [[Date, Date], [Date, Date]]
    • Year picker: number | string
    • Quarter picker: Same as single or range pickers
  • Default: null
Code Example
vue
<template>
    <div>
-       <VueDatePicker id="manual" :model-value="date" @update:model-value="setDate" />
-       <VueDatePicker id="auto" v-model="date" />
+       <VueDatePicker id="manual" :model-value="date" @update:model-value="setDate" />
+       <VueDatePicker id="auto" v-model="date" />
    </div>
 </template>
 
@@ -30,7 +30,7 @@ import{_ as r,E as n,c as g,J as i,m as h,a as t,X as s,o as y}from"./chunks/fra
   date.value = value;
 }
 </script>
model-type ​
Specify a custom format for v-model
  • Type: 'timestamp' | 'format' | string
  • Default: null
Note
  • timestamp - uses timestamp for binding
  • format - uses provided format or fallbacks to the default one. Must be a string
  • string - use custom format by providing a custom pattern with unicode tokens
This is only compatible with date pickers, time-picker and month-picker, other modes are not supported
`,7),A=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" model-type="dd.MM.yyyy" />
+    <VueDatePicker v-model="date" model-type="dd.MM.yyyy" />
     <p v-if="date">Selected date: {{ date }}</p>
 </template>
 
@@ -39,7 +39,7 @@ import{_ as r,E as n,c as g,J as i,m as h,a as t,X as s,o as y}from"./chunks/fra
 
 const date = ref(new Date());
 </script>
clearable ​
Add a clear icon to the input field where you can set the value to null
  • Type: boolean
  • Default: true
`,4),B=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :clearable="false" />
+    <VueDatePicker v-model="date" :clearable="false" />
 </template>
 
 <script setup>
@@ -47,7 +47,7 @@ import{_ as r,E as n,c as g,J as i,m as h,a as t,X as s,o as y}from"./chunks/fra
 
 const date = ref(new Date());
 </script>
auto-apply ​
If set to true, clicking on a date value will automatically select the value
  • Type: boolean
  • Default: false
`,4),_=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" auto-apply />
+    <VueDatePicker v-model="date" auto-apply />
 </template>
 
 <script setup>
@@ -55,7 +55,7 @@ import{_ as r,E as n,c as g,J as i,m as h,a as t,X as s,o as y}from"./chunks/fra
 
 const date = ref(new Date());
 </script>
placeholder ​
Input placeholder
  • Type: string
  • Default: null
`,4),b=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" placeholder="Select Date" />
+    <VueDatePicker v-model="date" placeholder="Select Date" />
 </template>
 
 <script setup>
@@ -63,7 +63,7 @@ import{_ as r,E as n,c as g,J as i,m as h,a as t,X as s,o as y}from"./chunks/fra
 
 const date = ref(new Date());
 </script>
no-today ​
Hide today mark from the calendar
  • Type: boolean
  • Default: false
`,4),v=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" no-today />
+    <VueDatePicker v-model="date" no-today />
 </template>
 
 <script setup>
@@ -77,7 +77,7 @@ import{_ as r,E as n,c as g,J as i,m as h,a as t,X as s,o as y}from"./chunks/fra
     color?: string;
 }
`,5),f=s(`
Code Example
vue

 <template>
-    <VueDatePicker v-model="date" :markers="markers" />
+    <VueDatePicker v-model="date" :markers="markers" />
 </template>
 
 <script setup>
@@ -118,7 +118,7 @@ import{_ as r,E as n,c as g,J as i,m as h,a as t,X as s,o as y}from"./chunks/fra
     | ((month: { month: number; year: number }) => boolean)
     | ((yearOrWeekDay: number) => boolean)
     | ((quarter: { quarter: number; year: number }) => boolean);
`,5),T=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :highlight="highlightedDates" />
+    <VueDatePicker v-model="date" :highlight="highlightedDates" />
 </template>
 
 <script setup>
@@ -133,7 +133,7 @@ import{_ as r,E as n,c as g,J as i,m as h,a as t,X as s,o as y}from"./chunks/fra
 ])
 
 </script>
disabled ​
Disables the input
  • Type: boolean
  • Default: false
`,4),q=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" disabled />
+    <VueDatePicker v-model="date" disabled />
 </template>
 
 <script setup>
@@ -141,7 +141,7 @@ import{_ as r,E as n,c as g,J as i,m as h,a as t,X as s,o as y}from"./chunks/fra
 
 const date = ref(new Date());
 </script>
readonly ​
Sets the input in readonly state
  • Type: boolean
  • Default: false
`,4),w=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" readonly />
+    <VueDatePicker v-model="date" readonly />
 </template>
 
 <script setup>
@@ -150,7 +150,7 @@ import{_ as r,E as n,c as g,J as i,m as h,a as t,X as s,o as y}from"./chunks/fra
 const date = ref(new Date());
 </script>
required ​
Add required flag to the input field. Use with form tag for built-in validation
  • Type: boolean
  • Default: false
`,4),P=s(`
Code Example
vue
<template>
     <form @submit.prevent="submitForm">
-      <VueDatePicker v-model="date" required />
+      <VueDatePicker v-model="date" required />
       <button type="submit">Submit form</button>
     </form>
 </template>
@@ -164,7 +164,7 @@ import{_ as r,E as n,c as g,J as i,m as h,a as t,X as s,o as y}from"./chunks/fra
   alert('Form submitted');
 }
 </script>
name ​
Sets the input name attribute
  • Type: string
  • Default: null
`,4),S=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" name="date-picker" />
+    <VueDatePicker v-model="date" name="date-picker" />
 </template>
 
 <script setup>
@@ -172,7 +172,7 @@ import{_ as r,E as n,c as g,J as i,m as h,a as t,X as s,o as y}from"./chunks/fra
 
 const date = ref(new Date());
 </script>
autocomplete ​
Sets the input autocomplete attribute
  • Type: string
  • Default: null
`,4),V=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" autocomplete="off" />
+    <VueDatePicker v-model="date" autocomplete="off" />
 </template>
 
 <script setup>
@@ -180,7 +180,7 @@ import{_ as r,E as n,c as g,J as i,m as h,a as t,X as s,o as y}from"./chunks/fra
 
 const date = ref(new Date());
 </script>
hide-navigation ​
Hide navigation buttons from the overlays
  • Type: ('month' | 'year' | 'calendar' | 'time' | 'minutes' | 'hours' | 'seconds')[]
  • Default: []
`,4),x=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :hide-navigation="['month', 'year']" />
+    <VueDatePicker v-model="date" :hide-navigation="['month', 'year']" />
 </template>
 
 <script setup>
@@ -193,7 +193,7 @@ import{_ as r,E as n,c as g,J as i,m as h,a as t,X as s,o as y}from"./chunks/fra
  showNow?: boolean;
  showPreview?: boolean;
 }
`,5),I=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :action-row="{ showNow: true, showPreview: false }" />
+    <VueDatePicker v-model="date" :action-row="{ showNow: true, showPreview: false }" />
 </template>
 
 <script setup>
@@ -201,7 +201,7 @@ import{_ as r,E as n,c as g,J as i,m as h,a as t,X as s,o as y}from"./chunks/fra
 
 const date = ref(new Date());
 </script>
disable-year-select ​
Removes the year button from the menu and cycles trough the current or provided year
`,3),N=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" disable-year-select />
+    <VueDatePicker v-model="date" disable-year-select />
 </template>
 
 <script setup>
@@ -209,7 +209,7 @@ import{_ as r,E as n,c as g,J as i,m as h,a as t,X as s,o as y}from"./chunks/fra
 
 const date = ref(new Date());
 </script>
year-first ​
Reverse button order in the calendar header
  • Type: boolean
  • Default: false
`,4),R=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" year-first />
+    <VueDatePicker v-model="date" year-first />
 </template>
 
 <script setup>
@@ -239,7 +239,7 @@ import{_ as r,E as n,c as g,J as i,m as h,a as t,X as s,o as y}from"./chunks/fra
     onClickOutside: undefined,
     tabOutClosesMenu: true,
 }
  • allowStopPropagation: Enable event.sportPropagation on click events
  • closeOnScroll: Close datepicker menu on page scroll
  • modeHeight: If you use month-picker, time-picker or year-picker, set custom height of the picker in px
  • allowPreventDefault: Due to the different implementations of how click outside listeners are implemented, you might encounter issues where the menu closes if the picker is used in dialogs when teleport prop is enabled. To prevent this issue, you need to set this option to true
  • closeOnClearValue: Prevent closing the menu on value clear from the input field
  • closeOnAutoApply: If set to false, clicking on a date value will automatically select the value but will not close the datepicker menu. Closing will be available on a click-away or clicking on the input again
  • noSwipe: Disable touch events on the calendar
  • keepActionRow: When enabled, it will keep the action row even if the auto-apply prop is enabled
  • onClickOutside: Provide custom click outside handler. Exposed validation function that will return true or false depending on the selected value
  • tabOutClosesMenu: When tabbing out of the picker menu it will close the picker menu (not compatible when using teleport)
loading ​
Adds a loading overlay in the menu
  • Type: boolean
  • Default: false
`,11),O=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" loading />
+    <VueDatePicker v-model="date" loading />
 </template>
 
 <script setup>
diff --git a/docs/assets/props_general-configuration_index.md.wvfjqAUu.lean.js b/docs/assets/props_general-configuration_index.md.yXISjZxh.lean.js
similarity index 96%
rename from docs/assets/props_general-configuration_index.md.wvfjqAUu.lean.js
rename to docs/assets/props_general-configuration_index.md.yXISjZxh.lean.js
index f4f1015ad..316c0c345 100644
--- a/docs/assets/props_general-configuration_index.md.wvfjqAUu.lean.js
+++ b/docs/assets/props_general-configuration_index.md.yXISjZxh.lean.js
@@ -1 +1 @@
-import{_ as r,E as n,c as g,J as i,m as h,a as t,X as s,o as y}from"./chunks/framework.7pWjBRCP.js";const z=JSON.parse('{"title":"Props - General configuration","description":"General behavior props configuration","frontmatter":{"lang":"en-US","title":"Props - General configuration","description":"General behavior props configuration"},"headers":[],"relativePath":"props/general-configuration/index.md","filePath":"props/general-configuration/index.md"}'),o={name:"props/general-configuration/index.md"},c=s("",6),F=s("",5),u=s("",1),C={id:"model-value",tabindex:"-1"},m=h("a",{class:"header-anchor",href:"#model-value","aria-label":'Permalink to "model-value "'},"​",-1),D=s("",7),A=s("",4),B=s("",4),_=s("",4),b=s("",4),v=s("",5),f=s("",5),T=s("",4),q=s("",4),w=s("",4),P=s("",4),S=s("",4),V=s("",4),x=s("",5),I=s("",3),N=s("",4),R=s("",11),O=s("",1);function M(H,G,$,W,J,U){const a=n("GlobalDemo"),k=n("Badge"),p=n("DisplayModelDemo"),l=n("EmptyDemo"),e=n("DemoMarkers"),E=n("DemoHighlight"),d=n("RequiredDemo");return y(),g("div",null,[c,i(a,{uid:"demo"}),F,i(a,{"month-change-on-scroll":!1}),u,h("h2",C,[t("model-value "),i(k,{type:"tip",text:"v-model"}),t(),m]),D,i(p,{modelType:"dd.MM.yyyy"}),A,i(a,{clearable:!1}),B,i(a,{"auto-apply":!0}),_,i(l,{placeholder:"Select Date"}),b,i(l,{"no-today":!0,placeholder:"Select Date"}),v,i(e),f,i(E),T,i(a,{disabled:!0}),q,i(a,{readonly:!0}),w,i(d,{required:!0}),P,i(a,{name:"date-picker"}),S,i(a,{autocomplete:"off"}),V,i(a,{"hide-navigation":["month","year"]}),x,i(a,{"action-row":{showNow:!0,showPreview:!1}}),I,i(a,{"disable-year-select":!0}),N,i(a,{"year-first":!0}),R,i(a,{loading:!0}),O])}const Q=r(o,[["render",M]]);export{z as __pageData,Q as default};
+import{_ as r,E as n,c as g,J as i,m as h,a as t,X as s,o as y}from"./chunks/framework.xyZR8MrU.js";const z=JSON.parse('{"title":"Props - General configuration","description":"General behavior props configuration","frontmatter":{"lang":"en-US","title":"Props - General configuration","description":"General behavior props configuration"},"headers":[],"relativePath":"props/general-configuration/index.md","filePath":"props/general-configuration/index.md"}'),o={name:"props/general-configuration/index.md"},c=s("",6),F=s("",5),u=s("",1),C={id:"model-value",tabindex:"-1"},m=h("a",{class:"header-anchor",href:"#model-value","aria-label":'Permalink to "model-value "'},"​",-1),D=s("",7),A=s("",4),B=s("",4),_=s("",4),b=s("",4),v=s("",5),f=s("",5),T=s("",4),q=s("",4),w=s("",4),P=s("",4),S=s("",4),V=s("",4),x=s("",5),I=s("",3),N=s("",4),R=s("",11),O=s("",1);function M(H,G,$,W,J,U){const a=n("GlobalDemo"),k=n("Badge"),p=n("DisplayModelDemo"),l=n("EmptyDemo"),e=n("DemoMarkers"),E=n("DemoHighlight"),d=n("RequiredDemo");return y(),g("div",null,[c,i(a,{uid:"demo"}),F,i(a,{"month-change-on-scroll":!1}),u,h("h2",C,[t("model-value "),i(k,{type:"tip",text:"v-model"}),t(),m]),D,i(p,{modelType:"dd.MM.yyyy"}),A,i(a,{clearable:!1}),B,i(a,{"auto-apply":!0}),_,i(l,{placeholder:"Select Date"}),b,i(l,{"no-today":!0,placeholder:"Select Date"}),v,i(e),f,i(E),T,i(a,{disabled:!0}),q,i(a,{readonly:!0}),w,i(d,{required:!0}),P,i(a,{name:"date-picker"}),S,i(a,{autocomplete:"off"}),V,i(a,{"hide-navigation":["month","year"]}),x,i(a,{"action-row":{showNow:!0,showPreview:!1}}),I,i(a,{"disable-year-select":!0}),N,i(a,{"year-first":!0}),R,i(a,{loading:!0}),O])}const Q=r(o,[["render",M]]);export{z as __pageData,Q as default};
diff --git a/docs/assets/props_keyboard_index.md.C7o0hCzl.lean.js b/docs/assets/props_keyboard_index.md.C7o0hCzl.lean.js
deleted file mode 100644
index 90514e268..000000000
--- a/docs/assets/props_keyboard_index.md.C7o0hCzl.lean.js
+++ /dev/null
@@ -1 +0,0 @@
-import{_ as t,E as l,c as n,J as a,X as s,o as e}from"./chunks/framework.7pWjBRCP.js";const C=JSON.parse('{"title":"Props - Keyboard","description":"Datepicker keyboard actions configuration","frontmatter":{"lang":"en-US","title":"Props - Keyboard","description":"Datepicker keyboard actions configuration"},"headers":[],"relativePath":"props/keyboard/index.md","filePath":"props/keyboard/index.md"}'),h={name:"props/keyboard/index.md"},k=s("",7),p=s("",4),r=s("",4),d=s("",5),E=s("",1);function o(c,g,y,F,u,m){const i=l("GlobalDemo");return e(),n("div",null,[k,a(i,{"esc-close":!1}),p,a(i,{"space-confirm":!1}),r,a(i,{"month-change-on-arrows":!1}),d,a(i,{"arrow-navigation":!0}),E])}const f=t(h,[["render",o]]);export{C as __pageData,f as default};
diff --git a/docs/assets/props_keyboard_index.md.C7o0hCzl.js b/docs/assets/props_keyboard_index.md.baxSpt5v.js
similarity index 73%
rename from docs/assets/props_keyboard_index.md.C7o0hCzl.js
rename to docs/assets/props_keyboard_index.md.baxSpt5v.js
index 100dfe488..f31dd8537 100644
--- a/docs/assets/props_keyboard_index.md.C7o0hCzl.js
+++ b/docs/assets/props_keyboard_index.md.baxSpt5v.js
@@ -1,5 +1,5 @@
-import{_ as t,E as l,c as n,J as a,X as s,o as e}from"./chunks/framework.7pWjBRCP.js";const C=JSON.parse('{"title":"Props - Keyboard","description":"Datepicker keyboard actions configuration","frontmatter":{"lang":"en-US","title":"Props - Keyboard","description":"Datepicker keyboard actions configuration"},"headers":[],"relativePath":"props/keyboard/index.md","filePath":"props/keyboard/index.md"}'),h={name:"props/keyboard/index.md"},k=s('
Keyboard ​
Configure keyboard actions
Info
  • When checking the examples, for boolean prop types, the example will show the behavior opposite of what is set for the default value
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, escClose as esc-close and so on
Info
You can press tab key in the menu, and it will autofocus elements, pressing enter will do a click action like open overlay or select a date.
All keyboard events are enabled by default
esc-close ​
Esc key closes the menu
  • Type: boolean
  • Default: true
',7),p=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :esc-close="false" />
+import{_ as t,E as n,c as e,J as a,X as s,o as l}from"./chunks/framework.xyZR8MrU.js";const C=JSON.parse('{"title":"Props - Keyboard","description":"Datepicker keyboard actions configuration","frontmatter":{"lang":"en-US","title":"Props - Keyboard","description":"Datepicker keyboard actions configuration"},"headers":[],"relativePath":"props/keyboard/index.md","filePath":"props/keyboard/index.md"}'),h={name:"props/keyboard/index.md"},p=s('
Keyboard ​
Configure keyboard actions
Info
  • When checking the examples, for boolean prop types, the example will show the behavior opposite of what is set for the default value
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, escClose as esc-close and so on
Info
You can press tab key in the menu, and it will autofocus elements, pressing enter will do a click action like open overlay or select a date.
All keyboard events are enabled by default
esc-close ​
Esc key closes the menu
  • Type: boolean
  • Default: true
',7),k=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date" :esc-close="false" />
 </template>
 
 <script setup>
@@ -7,27 +7,27 @@ import{_ as t,E as l,c as n,J as a,X as s,o as e}from"./chunks/framework.7pWjBRC
 
 const date = ref(new Date());
 </script>
space-confirm ​
space key selects the date (like you pressed the select button)
  • Type: boolean
  • Default: true
`,4),r=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :space-confirm="false" />
+    <VueDatePicker v-model="date" :space-confirm="false" />
 </template>
 
 <script setup>
 import { ref } from 'vue';
 
 const date = ref(new Date());
-</script>
month-change-on-arrows ​
Change months via arrow keys
  • Type: boolean
  • Default: true
`,4),d=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :month-change-on-arrows="false" />
+</script>
month-change-on-arrows ​
Change months via arrow keys
  • Type: boolean
  • Default: true
`,4),E=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date" :month-change-on-arrows="false" />
 </template>
 
 <script setup>
 import { ref } from 'vue';
 
 const date = ref(new Date());
-</script>
arrow-navigation ​
By default, arrow keys will change the current month. When enabling this prop, you can navigate the menu via arrow keys instead of using tabs
Info
arrowNavigation is not supported with the multi-calendars prop
  • Type: boolean
  • Default: false
`,5),E=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" arrow-navigation />
+</script>
arrow-navigation ​
By default, arrow keys will change the current month. When enabling this prop, you can navigate the menu via arrow keys instead of using tabs
Info
arrowNavigation is not supported with the multi-calendars prop
  • Type: boolean
  • Default: false
`,5),d=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date" arrow-navigation />
 </template>
 
 <script setup>
 import { ref } from 'vue';
 
 const date = ref(new Date());
-</script>
`,1);function o(c,g,y,F,u,m){const i=l("GlobalDemo");return e(),n("div",null,[k,a(i,{"esc-close":!1}),p,a(i,{"space-confirm":!1}),r,a(i,{"month-change-on-arrows":!1}),d,a(i,{"arrow-navigation":!0}),E])}const f=t(h,[["render",o]]);export{C as __pageData,f as default};
+</script>
`,1);function o(c,g,y,u,F,m){const i=n("GlobalDemo");return l(),e("div",null,[p,a(i,{"esc-close":!1}),k,a(i,{"space-confirm":!1}),r,a(i,{"month-change-on-arrows":!1}),E,a(i,{"arrow-navigation":!0}),d])}const b=t(h,[["render",o]]);export{C as __pageData,b as default};
diff --git a/docs/assets/props_keyboard_index.md.baxSpt5v.lean.js b/docs/assets/props_keyboard_index.md.baxSpt5v.lean.js
new file mode 100644
index 000000000..f517b2cd8
--- /dev/null
+++ b/docs/assets/props_keyboard_index.md.baxSpt5v.lean.js
@@ -0,0 +1 @@
+import{_ as t,E as n,c as e,J as a,X as s,o as l}from"./chunks/framework.xyZR8MrU.js";const C=JSON.parse('{"title":"Props - Keyboard","description":"Datepicker keyboard actions configuration","frontmatter":{"lang":"en-US","title":"Props - Keyboard","description":"Datepicker keyboard actions configuration"},"headers":[],"relativePath":"props/keyboard/index.md","filePath":"props/keyboard/index.md"}'),h={name:"props/keyboard/index.md"},p=s("",7),k=s("",4),r=s("",4),E=s("",5),d=s("",1);function o(c,g,y,u,F,m){const i=n("GlobalDemo");return l(),e("div",null,[p,a(i,{"esc-close":!1}),k,a(i,{"space-confirm":!1}),r,a(i,{"month-change-on-arrows":!1}),E,a(i,{"arrow-navigation":!0}),d])}const b=t(h,[["render",o]]);export{C as __pageData,b as default};
diff --git a/docs/assets/props_localization_index.md.PlES4Qcd.js b/docs/assets/props_localization_index.md.5eYOIbbt.js
similarity index 78%
rename from docs/assets/props_localization_index.md.PlES4Qcd.js
rename to docs/assets/props_localization_index.md.5eYOIbbt.js
index b76840f5d..6ec37b2e9 100644
--- a/docs/assets/props_localization_index.md.PlES4Qcd.js
+++ b/docs/assets/props_localization_index.md.5eYOIbbt.js
@@ -1,5 +1,5 @@
-import{_ as h,E as t,c as k,J as i,X as s,o as p}from"./chunks/framework.7pWjBRCP.js";const f=JSON.parse('{"title":"Props - Localization","description":"Customize the localization of the datepicker","frontmatter":{"lang":"en-US","title":"Props - Localization","description":"Customize the localization of the datepicker"},"headers":[],"relativePath":"props/localization/index.md","filePath":"props/localization/index.md"}'),e={name:"props/localization/index.md"},E=s('
Localization ​
Localization options and label props
Info
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, formatLocale as format-locale and so on
locale ​
Set datepicker locale. Datepicker will use built in javascript locale formatter to extract month and weekday names
  • Type: string
  • Default: 'en-US'
',6),r=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" locale="de" cancelText="abbrechen" selectText="auswählen" />
+import{_ as h,E as t,c as k,J as i,X as s,o as p}from"./chunks/framework.xyZR8MrU.js";const v=JSON.parse('{"title":"Props - Localization","description":"Customize the localization of the datepicker","frontmatter":{"lang":"en-US","title":"Props - Localization","description":"Customize the localization of the datepicker"},"headers":[],"relativePath":"props/localization/index.md","filePath":"props/localization/index.md"}'),e={name:"props/localization/index.md"},E=s('
Localization ​
Localization options and label props
Info
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, formatLocale as format-locale and so on
locale ​
Set datepicker locale. Datepicker will use built in javascript locale formatter to extract month and weekday names
  • Type: string
  • Default: 'en-US'
',6),r=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date" locale="de" cancelText="abbrechen" selectText="auswählen" />
 </template>
 
 <script setup>
@@ -7,7 +7,7 @@ import{_ as h,E as t,c as k,J as i,X as s,o as p}from"./chunks/framework.7pWjBRC
 
 const date = ref(new Date());
 </script>
format-locale ​
Specify localized format output. This prop uses Locale object from date-fns library
For more info about supported locales or adding a custom locale object, please visit date-fns documentation
Note
When format-locale is provided, it will have priority against locale prop
  • Type: Locale
  • Default: null
`,6),d=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :format-locale="ja" format="E" />
+    <VueDatePicker v-model="date" :format-locale="ja" format="E" />
 </template>
 
 <script setup>
@@ -16,7 +16,7 @@ import{_ as h,E as t,c as k,J as i,X as s,o as p}from"./chunks/framework.7pWjBRC
 
 const date = ref(new Date());
 </script>
select-text ​
Select text label in the action row
  • Type: string
  • Default: 'Select'
`,4),g=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" select-text="Pick" />
+    <VueDatePicker v-model="date" select-text="Pick" />
 </template>
 
 <script setup>
@@ -24,7 +24,7 @@ import{_ as h,E as t,c as k,J as i,X as s,o as p}from"./chunks/framework.7pWjBRC
 
 const date = ref(new Date());
 </script>
cancel-text ​
Cancel text label in the action row
  • Type: string
  • Default: 'Cancel'
`,4),y=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" cancel-text="Close" />
+    <VueDatePicker v-model="date" cancel-text="Close" />
 </template>
 
 <script setup>
@@ -32,15 +32,15 @@ import{_ as h,E as t,c as k,J as i,X as s,o as p}from"./chunks/framework.7pWjBRC
 
 const date = ref(new Date());
 </script>
now-button-label ​
Change the text for now button
  • Type: string
  • Default: 'Now'
`,4),o=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :action-row="{ showNow: true }" now-button-label="Current" />
+    <VueDatePicker v-model="date" :action-row="{ showNow: true }" now-button-label="Current" />
 </template>
 
 <script setup>
 import { ref } from 'vue';
 
 const date = ref(new Date());
-</script>
week-num-name ​
Sets the label for the week numbers column
  • Type: string
  • Default: 'W'
`,4),c=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" week-numbers="iso" week-num-name="We" />
+</script>
week-num-name ​
Sets the label for the week numbers column
  • Type: string
  • Default: 'W'
`,4),F=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date" week-numbers="iso" week-num-name="We" />
 </template>
 
 <script setup>
@@ -67,7 +67,7 @@ import{_ as h,E as t,c as k,J as i,X as s,o as p}from"./chunks/framework.7pWjBRC
   prevYear: string;
   day?: ({value}: {value: Date}) => string;
 }
  • Default: {}
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :aria-labels="ariaLabels" />
+    <VueDatePicker v-model="date" :aria-labels="ariaLabels" />
 </template>
 
 <script setup>
@@ -75,12 +75,12 @@ import{_ as h,E as t,c as k,J as i,X as s,o as p}from"./chunks/framework.7pWjBRC
 
 const date = ref();
 const ariaLabels = ref({ menu: 'Some custom menu label' })
-</script>
day-names ​
Provide custom labels for day names in the calendar header
Note
Make sure that provided array has a length of 7
  • Type: ((lang: string, weekStart: number) => string[]) | string[]
  • Default: null;
`,11),F=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :day-names="['1', '2', '3', '4', '5', '6', '7']" />
+</script>
day-names ​
Provide custom labels for day names in the calendar header
Note
Make sure that provided array has a length of 7
  • Type: ((lang: string, weekStart: number) => string[]) | string[]
  • Default: null;
`,11),c=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date" :day-names="['1', '2', '3', '4', '5', '6', '7']" />
 </template>
 
 <script setup>
 import { ref } from 'vue';
 
 const date = ref(new Date());
-</script>
`,1);function u(C,m,B,D,A,_){const a=t("GlobalDemo"),l=t("LocalizedOutput"),n=t("EmptyDemo");return p(),k("div",null,[E,i(a,{locale:"de",cancelText:"abbrechen",selectText:"auswählen"}),r,i(l),d,i(a,{"select-text":"Pick"}),g,i(a,{"cancel-text":"Close"}),y,i(n,{"action-row":{showNow:!0},placeholder:"Select Date","now-button-label":"Current"}),o,i(a,{"week-numbers":"iso","week-num-name":"We"}),c,i(a,{"day-names":["1","2","3","4","5","6","7"]}),F])}const v=h(e,[["render",u]]);export{f as __pageData,v as default};
+</script>
`,1);function u(C,m,A,B,D,_){const a=t("GlobalDemo"),l=t("LocalizedOutput"),n=t("EmptyDemo");return p(),k("div",null,[E,i(a,{locale:"de",cancelText:"abbrechen",selectText:"auswählen"}),r,i(l),d,i(a,{"select-text":"Pick"}),g,i(a,{"cancel-text":"Close"}),y,i(n,{"action-row":{showNow:!0},placeholder:"Select Date","now-button-label":"Current"}),o,i(a,{"week-numbers":"iso","week-num-name":"We"}),F,i(a,{"day-names":["1","2","3","4","5","6","7"]}),c])}const f=h(e,[["render",u]]);export{v as __pageData,f as default};
diff --git a/docs/assets/props_localization_index.md.PlES4Qcd.lean.js b/docs/assets/props_localization_index.md.5eYOIbbt.lean.js
similarity index 72%
rename from docs/assets/props_localization_index.md.PlES4Qcd.lean.js
rename to docs/assets/props_localization_index.md.5eYOIbbt.lean.js
index e473bced6..32ef6e414 100644
--- a/docs/assets/props_localization_index.md.PlES4Qcd.lean.js
+++ b/docs/assets/props_localization_index.md.5eYOIbbt.lean.js
@@ -1 +1 @@
-import{_ as h,E as t,c as k,J as i,X as s,o as p}from"./chunks/framework.7pWjBRCP.js";const f=JSON.parse('{"title":"Props - Localization","description":"Customize the localization of the datepicker","frontmatter":{"lang":"en-US","title":"Props - Localization","description":"Customize the localization of the datepicker"},"headers":[],"relativePath":"props/localization/index.md","filePath":"props/localization/index.md"}'),e={name:"props/localization/index.md"},E=s("",6),r=s("",6),d=s("",4),g=s("",4),y=s("",4),o=s("",4),c=s("",11),F=s("",1);function u(C,m,B,D,A,_){const a=t("GlobalDemo"),l=t("LocalizedOutput"),n=t("EmptyDemo");return p(),k("div",null,[E,i(a,{locale:"de",cancelText:"abbrechen",selectText:"auswählen"}),r,i(l),d,i(a,{"select-text":"Pick"}),g,i(a,{"cancel-text":"Close"}),y,i(n,{"action-row":{showNow:!0},placeholder:"Select Date","now-button-label":"Current"}),o,i(a,{"week-numbers":"iso","week-num-name":"We"}),c,i(a,{"day-names":["1","2","3","4","5","6","7"]}),F])}const v=h(e,[["render",u]]);export{f as __pageData,v as default};
+import{_ as h,E as t,c as k,J as i,X as s,o as p}from"./chunks/framework.xyZR8MrU.js";const v=JSON.parse('{"title":"Props - Localization","description":"Customize the localization of the datepicker","frontmatter":{"lang":"en-US","title":"Props - Localization","description":"Customize the localization of the datepicker"},"headers":[],"relativePath":"props/localization/index.md","filePath":"props/localization/index.md"}'),e={name:"props/localization/index.md"},E=s("",6),r=s("",6),d=s("",4),g=s("",4),y=s("",4),o=s("",4),F=s("",11),c=s("",1);function u(C,m,A,B,D,_){const a=t("GlobalDemo"),l=t("LocalizedOutput"),n=t("EmptyDemo");return p(),k("div",null,[E,i(a,{locale:"de",cancelText:"abbrechen",selectText:"auswählen"}),r,i(l),d,i(a,{"select-text":"Pick"}),g,i(a,{"cancel-text":"Close"}),y,i(n,{"action-row":{showNow:!0},placeholder:"Select Date","now-button-label":"Current"}),o,i(a,{"week-numbers":"iso","week-num-name":"We"}),F,i(a,{"day-names":["1","2","3","4","5","6","7"]}),c])}const f=h(e,[["render",u]]);export{v as __pageData,f as default};
diff --git a/docs/assets/props_look-and-feel_index.md.NifiRJ-X.js b/docs/assets/props_look-and-feel_index.md.au2KuGhz.js
similarity index 83%
rename from docs/assets/props_look-and-feel_index.md.NifiRJ-X.js
rename to docs/assets/props_look-and-feel_index.md.au2KuGhz.js
index 20361d6b7..82bc9a89d 100644
--- a/docs/assets/props_look-and-feel_index.md.NifiRJ-X.js
+++ b/docs/assets/props_look-and-feel_index.md.au2KuGhz.js
@@ -1,4 +1,4 @@
-import{_ as k,E as n,c as p,J as i,X as s,o as e}from"./chunks/framework.7pWjBRCP.js";const x=JSON.parse('{"title":"Props - Look and feel","description":"Look and feel customization options","frontmatter":{"lang":"en-US","title":"Props - Look and feel","description":"Look and feel customization options"},"headers":[],"relativePath":"props/look-and-feel/index.md","filePath":"props/look-and-feel/index.md"}'),E={name:"props/look-and-feel/index.md"},d=s(`
Look and feel ​
Customization options
Info
  • When checking the examples, for boolean prop types, the example will show the behavior opposite of what is set for the default value
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, sixWeeks as six-weeks and so on
transitions ​
Control transitions inside the menu. You can define your own or disable them. Datepicker uses Vue built in transitions component for transitions control. To configure you own, please check the Vue documentation and provide a transition name in the prop
  • Type: Transitions | boolean
  • Default: true
ts
interface Transitions {
+import{_ as k,E as n,c as p,J as i,X as s,o as e}from"./chunks/framework.xyZR8MrU.js";const x=JSON.parse('{"title":"Props - Look and feel","description":"Look and feel customization options","frontmatter":{"lang":"en-US","title":"Props - Look and feel","description":"Look and feel customization options"},"headers":[],"relativePath":"props/look-and-feel/index.md","filePath":"props/look-and-feel/index.md"}'),E={name:"props/look-and-feel/index.md"},d=s(`
Look and feel ​
Customization options
Info
  • When checking the examples, for boolean prop types, the example will show the behavior opposite of what is set for the default value
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, sixWeeks as six-weeks and so on
transitions ​
Control transitions inside the menu. You can define your own or disable them. Datepicker uses Vue built in transitions component for transitions control. To configure you own, please check the Vue documentation and provide a transition name in the prop
  • Type: Transitions | boolean
  • Default: true
ts
interface Transitions {
     open?: string; 
     close?: string; 
     next?: string; 
@@ -8,7 +8,7 @@ import{_ as k,E as n,c as p,J as i,X as s,o as e}from"./chunks/framework.7pWjBRC
     vNext?: string; 
     vPrevious?: string; 
 }
  • open and close are added on overlays show/hide
  • next and previous added when switching months in the calendar
  • menuAppearTop is added when the menu is open above the input filed
  • menuAppearBottom is added when the menu is open bellow the input field
  • vNext and vPrevious are added when switching months in the calendar in the vertical mode
`,8),r=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :transitions="false" />
+    <VueDatePicker v-model="date" :transitions="false" />
 </template>
 
 <script setup>
@@ -25,7 +25,7 @@ import{_ as k,E as n,c as p,J as i,X as s,o as e}from"./chunks/framework.7pWjBRC
       {{ btn }}
     </button>
   </div>
-  <VueDatePicker v-model="date" :six-weeks="mode" />
+  <VueDatePicker v-model="date" :six-weeks="mode" />
 </template>
 
 <script setup>
@@ -35,7 +35,7 @@ import{_ as k,E as n,c as p,J as i,X as s,o as e}from"./chunks/framework.7pWjBRC
 const buttons = [true, 'append', 'prepend', 'center', 'fair'];
 const mode = ref<boolean | string>(true);
 </script>
dark ​
Theme switch between the dark and light mode
  • Type: boolean
  • Default: false
`,4),y=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" dark />
+    <VueDatePicker v-model="date" dark />
 </template>
 
 <script setup>
@@ -43,7 +43,7 @@ import{_ as k,E as n,c as p,J as i,X as s,o as e}from"./chunks/framework.7pWjBRC
 
 const date = ref(new Date());
 </script>
offset ​
Number of pixels between the menu and input
  • Type: number | string
  • Default: 10
`,4),o=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :offset="20" />
+    <VueDatePicker v-model="date" :offset="20" />
 </template>
 
 <script setup>
@@ -51,7 +51,7 @@ import{_ as k,E as n,c as p,J as i,X as s,o as e}from"./chunks/framework.7pWjBRC
 
 const date = ref(new Date());
 </script>
hide-input-icon ​
Hide calendar icon in the input field
  • Type: boolean
  • Default: false
`,4),c=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" hide-input-icon />
+    <VueDatePicker v-model="date" hide-input-icon />
 </template>
 
 <script setup>
@@ -59,7 +59,7 @@ import{_ as k,E as n,c as p,J as i,X as s,o as e}from"./chunks/framework.7pWjBRC
 
 const date = ref(new Date());
 </script>
state ​
Validation state of the calendar value. Sets the green/red border depending on the value
  • Type: boolean
  • Default: null
`,4),F=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :state="false" />
+    <VueDatePicker v-model="date" :state="false" />
 </template>
 
 <script setup>
@@ -67,7 +67,7 @@ import{_ as k,E as n,c as p,J as i,X as s,o as e}from"./chunks/framework.7pWjBRC
 
 const date = ref(new Date());
 </script>
input-class-name ​
Add a custom class to the input field
  • Type: string
  • Default: null
`,4),u=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" input-class-name="dp-custom-input" />
+    <VueDatePicker v-model="date" input-class-name="dp-custom-input" />
 </template>
 
 <script setup>
@@ -86,7 +86,7 @@ import{_ as k,E as n,c as p,J as i,X as s,o as e}from"./chunks/framework.7pWjBRC
   }
 }
 </style>
Add a custom class to the datepicker menu wrapper
  • Type: string
  • Default: null
`,4),C=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" menu-class-name="dp-custom-menu" />
+    <VueDatePicker v-model="date" menu-class-name="dp-custom-menu" />
 </template>
 
 <script setup>
@@ -100,7 +100,7 @@ import{_ as k,E as n,c as p,J as i,X as s,o as e}from"./chunks/framework.7pWjBRC
   box-shadow: 0 0 6px #1976d2;
 }
 </style>
calendar-class-name ​
Add a custom class to the calendar wrapper
  • Type: string
  • Default: null
`,4),m=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" calendar-class-name="dp-custom-calendar" />
+    <VueDatePicker v-model="date" calendar-class-name="dp-custom-calendar" />
 </template>
 
 <script setup>
@@ -115,8 +115,8 @@ import{_ as k,E as n,c as p,J as i,X as s,o as e}from"./chunks/framework.7pWjBRC
     border: 1px solid var(--dp-border-color-hover);
   }
 }
-</style>
calendar-cell-class-name ​
Add a custom class to the calendar cell wrapper
  • Type: string
  • Default: null
`,4),B=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date"  calendar-cell-class-name="dp-custom-cell" />
+</style>
calendar-cell-class-name ​
Add a custom class to the calendar cell wrapper
  • Type: string
  • Default: null
`,4),D=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date"  calendar-cell-class-name="dp-custom-cell" />
 </template>
 
 <script setup>
@@ -129,8 +129,8 @@ import{_ as k,E as n,c as p,J as i,X as s,o as e}from"./chunks/framework.7pWjBRC
 .dp-custom-cell {
   border-radius: 50%;
 }
-</style>
day-class ​
Add custom class to the calendar cell depending on the date
  • Type: (date: Date) => string
  • Default: null
`,4),D=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :day-class="getDayClass" />
+</style>
day-class ​
Add custom class to the calendar cell depending on the date
  • Type: (date: Date) => string
  • Default: null
`,4),A=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date" :day-class="getDayClass" />
 </template>
 
 <script setup>
@@ -144,4 +144,4 @@ import{_ as k,E as n,c as p,J as i,X as s,o as e}from"./chunks/framework.7pWjBRC
     return 'marked-cell';
   return '';
 };
-</script>
`,1);function A(_,f,v,b,T,q){const a=n("GlobalDemo"),t=n("SixWeeksDemo"),l=n("DarkDemo"),h=n("DemoDayClass");return e(),p("div",null,[d,i(a,{transitions:!1}),r,i(t),g,i(l),y,i(a,{offset:20}),o,i(a,{"hide-input-icon":!0}),c,i(a,{state:!1}),F,i(a,{"input-class-name":"dp-custom-input"}),u,i(a,{"menu-class-name":"dp-custom-menu"}),C,i(a,{"calendar-class-name":"dp-custom-calendar"}),m,i(a,{"calendar-cell-class-name":"dp-custom-cell"}),B,i(h),D])}const P=k(E,[["render",A]]);export{x as __pageData,P as default};
+</script>
`,1);function B(_,v,f,b,T,q){const a=n("GlobalDemo"),l=n("SixWeeksDemo"),t=n("DarkDemo"),h=n("DemoDayClass");return e(),p("div",null,[d,i(a,{transitions:!1}),r,i(l),g,i(t),y,i(a,{offset:20}),o,i(a,{"hide-input-icon":!0}),c,i(a,{state:!1}),F,i(a,{"input-class-name":"dp-custom-input"}),u,i(a,{"menu-class-name":"dp-custom-menu"}),C,i(a,{"calendar-class-name":"dp-custom-calendar"}),m,i(a,{"calendar-cell-class-name":"dp-custom-cell"}),D,i(h),A])}const P=k(E,[["render",B]]);export{x as __pageData,P as default};
diff --git a/docs/assets/props_look-and-feel_index.md.NifiRJ-X.lean.js b/docs/assets/props_look-and-feel_index.md.au2KuGhz.lean.js
similarity index 65%
rename from docs/assets/props_look-and-feel_index.md.NifiRJ-X.lean.js
rename to docs/assets/props_look-and-feel_index.md.au2KuGhz.lean.js
index e0872d14e..888af6d00 100644
--- a/docs/assets/props_look-and-feel_index.md.NifiRJ-X.lean.js
+++ b/docs/assets/props_look-and-feel_index.md.au2KuGhz.lean.js
@@ -1 +1 @@
-import{_ as k,E as n,c as p,J as i,X as s,o as e}from"./chunks/framework.7pWjBRCP.js";const x=JSON.parse('{"title":"Props - Look and feel","description":"Look and feel customization options","frontmatter":{"lang":"en-US","title":"Props - Look and feel","description":"Look and feel customization options"},"headers":[],"relativePath":"props/look-and-feel/index.md","filePath":"props/look-and-feel/index.md"}'),E={name:"props/look-and-feel/index.md"},d=s("",8),r=s("",5),g=s("",4),y=s("",4),o=s("",4),c=s("",4),F=s("",4),u=s("",4),C=s("",4),m=s("",4),B=s("",4),D=s("",1);function A(_,f,v,b,T,q){const a=n("GlobalDemo"),t=n("SixWeeksDemo"),l=n("DarkDemo"),h=n("DemoDayClass");return e(),p("div",null,[d,i(a,{transitions:!1}),r,i(t),g,i(l),y,i(a,{offset:20}),o,i(a,{"hide-input-icon":!0}),c,i(a,{state:!1}),F,i(a,{"input-class-name":"dp-custom-input"}),u,i(a,{"menu-class-name":"dp-custom-menu"}),C,i(a,{"calendar-class-name":"dp-custom-calendar"}),m,i(a,{"calendar-cell-class-name":"dp-custom-cell"}),B,i(h),D])}const P=k(E,[["render",A]]);export{x as __pageData,P as default};
+import{_ as k,E as n,c as p,J as i,X as s,o as e}from"./chunks/framework.xyZR8MrU.js";const x=JSON.parse('{"title":"Props - Look and feel","description":"Look and feel customization options","frontmatter":{"lang":"en-US","title":"Props - Look and feel","description":"Look and feel customization options"},"headers":[],"relativePath":"props/look-and-feel/index.md","filePath":"props/look-and-feel/index.md"}'),E={name:"props/look-and-feel/index.md"},d=s("",8),r=s("",5),g=s("",4),y=s("",4),o=s("",4),c=s("",4),F=s("",4),u=s("",4),C=s("",4),m=s("",4),D=s("",4),A=s("",1);function B(_,v,f,b,T,q){const a=n("GlobalDemo"),l=n("SixWeeksDemo"),t=n("DarkDemo"),h=n("DemoDayClass");return e(),p("div",null,[d,i(a,{transitions:!1}),r,i(l),g,i(t),y,i(a,{offset:20}),o,i(a,{"hide-input-icon":!0}),c,i(a,{state:!1}),F,i(a,{"input-class-name":"dp-custom-input"}),u,i(a,{"menu-class-name":"dp-custom-menu"}),C,i(a,{"calendar-class-name":"dp-custom-calendar"}),m,i(a,{"calendar-cell-class-name":"dp-custom-cell"}),D,i(h),A])}const P=k(E,[["render",B]]);export{x as __pageData,P as default};
diff --git a/docs/assets/props_modes-configuration_index.md.PNOOzFUy.js b/docs/assets/props_modes-configuration_index.md.PNOOzFUy.js
deleted file mode 100644
index 6c5bdd586..000000000
--- a/docs/assets/props_modes-configuration_index.md.PNOOzFUy.js
+++ /dev/null
@@ -1,312 +0,0 @@
-import{_ as E,E as n,c as d,J as i,X as s,o as r}from"./chunks/framework.7pWjBRCP.js";const H=JSON.parse('{"title":"Props - Modes configuration","description":"Configure behaviour of the specific datepicker mode","frontmatter":{"lang":"en-US","title":"Props - Modes configuration","description":"Configure behaviour of the specific datepicker mode"},"headers":[],"relativePath":"props/modes-configuration/index.md","filePath":"props/modes-configuration/index.md"}'),g={name:"props/modes-configuration/index.md"},y=s(`
Modes configuration ​
Props for configuring and extending the datepicker when using a specific mode
Info
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, textInput as text-input and so on
range configuration ​
Providing configuration object will automatically enable range picker
ts
interface RangeConfig {
-    noDisabledRange?: boolean;
-    showLastInRange?: boolean;
-    minMaxRawRange?: boolean;
-    partialRange?: boolean;
-    disableTimeRangeValidation?: boolean;
-    fixedStart?: boolean;
-    fixedEnd?: boolean;
-    maxRange?: string | number;
-    minRange?: string | number;
-    autoRange?: string | number;
-}
autoRange ​
Predefine range to select
  • Default: false
`,9),o=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :range="{ autoRange: 5 }" />
-</template>
-
-<script setup>
-import { ref } from 'vue';
-
-const date = ref();
-</script>
partialRange ​
This option is enabled by default, meaning, two dates are not required for range input. If no second date is selected, the value will be null
  • Default: true
`,4),F=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :range="{ partialRange: false }" />
-</template>
-
-<script setup>
-import { ref } from 'vue';
-
-const date = ref();
-</script>
minRange ​
Set minimal range available for selection. This is the number of days between the selected start and end date
  • Default: undefined
`,4),c=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :range="{ minRange: 3 }" />
-</template>
-
-<script setup>
-import { ref } from 'vue';
-
-const date = ref();
-</script>
maxRange ​
Set maximal range available for selection. This is the number of days between the selected start and end date
  • Default: undefined
`,4),u=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :range="{ maxRange: 7 }" />
-</template>
-
-<script setup>
-import { ref } from 'vue';
-
-const date = ref();
-</script>
fixedStart ​
Allows only adjustment of the second date in the defined range
WARNING
v-model must be provided with both dates.
Should not be used in combination with fixedEnd
  • Default: false
`,5),C=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :range="{ fixedStart: true }" :clearable="false" />
-</template>
-
-<script setup>
-import { ref, onMounted } from 'vue';
-
-const date = ref();
-
-// For demo purposes assign range from the current date
-onMounted(() => {
-  const startDate = new Date();
-  const endDate = new Date(new Date().setDate(startDate.getDate() + 7));
-  date.value = [startDate, endDate];
-})
-</script>
fixedEnd ​
Allows only adjustment of the first date in the defined range
WARNING
v-model must be provided with both dates.
Should not be used in combination with fixedStart
  • Default: false
`,5),m=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :range="{ fixedEnd: true }" :clearable="false" />
-</template>
-
-<script setup>
-import { ref, onMounted } from 'vue';
-
-const date = ref();
-
-// For demo purposes assign range from the current date
-onMounted(() => {
-  const startDate = new Date();
-  const endDate = new Date(new Date().setDate(startDate.getDate() + 7));
-  date.value = [startDate, endDate];
-})
-</script>
showLastInRange ​
By default, when the range is selected, calendar view will remain on the last selection, to return to the first selected date, disable this option
  • Default: true
`,4),D=s(`
Code Example
vue
<template>
-  <VueDatePicker v-model="date" :range="{ showLastInRange: false }" />
-</template>
-
-<script setup>
-import { ref } from 'vue';
-
-const date = ref();
-
-onMounted(() => {
-  const startDate = new Date();
-  const endDate = new Date(new Date().setDate(startDate.getDate() + 7));
-  date.value = [startDate, endDate];
-})
-</script>
noDisabledRange ​
Prevents range selection if the range includes disabled dates
  • Default: false
`,4),B=s(`
Code Example
vue
<template>
-    <VueDatePicker 
-        v-model="date" 
-        :range="{ noDisabledRange: true }"
-        :disabled-dates="disabledDates"
-    />
-</template>
-
-<script setup>
-import { ref } from 'vue';
-import { addDays, subDays } from 'date-fns';
-
-const date = ref(new Date());
-
-const disabledDates = [subDays(new Date(), 1), new Date(), addDays(new Date(), 1)];
-</script>
disableTimeRangeValidation ​
Explicitly allow end time in range mode to be before the start time
  • Default: false
`,4),A=s(`
Code Example
vue
<template>
-    <VueDatePicker 
-      v-model="time" 
-      time-picker
-      :range="{ disableTimeRangeValidation: true }"
-      placeholder="Select Time"
-    />
-</template>
-
-<script setup>
-import { ref } from 'vue';
-
-const time = ref();
-</script>
minMaxRawRange ​
When using disabled dates with minRange or mixRange, disabled dates are not calculated within, setting this option to true will validate all dates
  • Default: false
`,4),f=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :range="{ maxRange: 14, minMaxRawRange: true }" />
-</template>
-
-<script setup>
-import { ref } from 'vue';
-
-const date = ref();
-</script>
partial-range ​
Deprecation warning
This prop is deprecated, please refer to range configuration section
This prop is enabled by default, meaning, two dates are not required for range input. If no second date is selected, the value will be null
  • Type: boolean
  • Default: true
`,5),b=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" range :partial-range="false" />
-</template>
-
-<script setup>
-import { ref } from 'vue';
-
-const date = ref();
-</script>
preset-dates ​
When configured, it will provide a sidebar with configured range/date that user can select
Info
  • If the timezone prop is provided, values from preset dates will be converted to the provided timezone. If you don't want that, pass noTz: true to all presets
  • Type: PresetDate[]
  • Default: []
ts
interface PresetDate {
-  label: string;
-  value: Date[] | string[] | Date | string;
-  style?: Record<string, string>;
-  slot?: string;
-  noTz?: boolean;
-}
`,6),_=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" range :preset-dates="presetDates">
-      <template #preset-date-range-button="{ label, value, presetDate }">
-        <span 
-            role="button"
-            :tabindex="0"
-            @click="presetDate(value)"
-            @keyup.enter.prevent="presetDate(value)"
-            @keyup.space.prevent="presetDate(value)">
-          {{ label }}
-        </span>
-      </template>
-    </VueDatePicker>
-</template>
-
-<script setup>
-import { ref } from 'vue';
-import { endOfMonth, endOfYear, startOfMonth, startOfYear, subMonths } from 'date-fns';
-
-const date = ref();
-
-const presetDates = ref([
-  { label: 'Today', value: [new Date(), new Date()] },
-  {
-    label: 'Today (Slot)',
-    value: [new Date(), new Date()],
-    slot: 'preset-date-range-button'
-  },
-  { label: 'This month', value: [startOfMonth(new Date()), endOfMonth(new Date())] },
-  {
-    label: 'Last month',
-    value: [startOfMonth(subMonths(new Date(), 1)), endOfMonth(subMonths(new Date(), 1))],
-  },
-  { label: 'This year', value: [startOfYear(new Date()), endOfYear(new Date())] },
-]);
-</script>
min-range ​
Deprecation warning
This prop is deprecated, please refer to range configuration section
Set minimal range available for selection. This is the number of days between the selected start and end date
Info
range prop must be enabled
  • Type: number | string
  • Default: null
`,6),v=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" range min-range="3" />
-</template>
-
-<script setup>
-import { ref } from 'vue';
-
-const date = ref();
-</script>
max-range ​
Deprecation warning
This prop is deprecated, please refer to range configuration section
Set maximal range available for selection. This is the number of days between the selected start and end date
Info
range prop must be enabled
  • Type: number | string
  • Default: null
`,6),T=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" range max-range="7" />
-</template>
-
-<script setup>
-import { ref } from 'vue';
-
-const date = ref();
-</script>
fixed-start ​
Deprecation warning
This prop is deprecated, please refer to range configuration section
Allows only adjustment of the second date in the defined range
Info
range prop must be enabled
WARNING
v-model must be provided with both dates.
Should not be used in combination with fixed-end
  • Type: boolean
  • Default: false
`,7),q=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" range fixed-start :clearable="false" />
-</template>
-
-<script setup>
-import { ref, onMounted } from 'vue';
-
-const date = ref();
-
-// For demo purposes assign range from the current date
-onMounted(() => {
-  const startDate = new Date();
-  const endDate = new Date(new Date().setDate(startDate.getDate() + 7));
-  date.value = [startDate, endDate];
-})
-</script>
fixed-end ​
Deprecation warning
This prop is deprecated, please refer to range configuration section
Allows only adjustment of the first date in the defined range
Info
range prop must be enabled
WARNING
v-model must be provided with both dates.
Should not be used in combination with fixed-start
  • Type: boolean
  • Default: false
`,7),w=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" range fixed-end :clearable="false" />
-</template>
-
-<script setup>
-import { ref, onMounted } from 'vue';
-
-const date = ref();
-
-// For demo purposes assign range from the current date
-onMounted(() => {
-  const startDate = new Date();
-  const endDate = new Date(new Date().setDate(startDate.getDate() + 7));
-  date.value = [startDate, endDate];
-})
-</script>
multi-calendars configuration ​
multi-calendars prop can be extended with the configuration object, instead of passing a boolean or number values, you can provide an object. When the object is provided, prop will be auto enabled.
  • Type:
ts
interface MultiCalendarsOptions {
-    solo?: boolean;
-    static?: boolean;
-    count?: string | number;
-}
  • Default: { solo: false, static: true, count: 2 }
solo ​
When enabled, both calendars will be independent of each other
`,8),x=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" range :multi-calendars="{ solo: true }" />
-</template>
-
-<script setup>
-import { ref, onMounted } from 'vue';
-
-const date = ref();
-
-onMounted(() => {
-  const startDate = new Date();
-  const endDate = new Date(new Date().setDate(startDate.getDate() + 7));
-  date.value = [startDate, endDate];
-})
-</script>
static ​
The default calendar view when using multi-calendars is to keep it on the month selected by the user. When this prop is disabled, it will auto-update the first calendar when the range starts and adjust the rest of them based on the first month
`,3),P=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" range :multi-calendars="{ static: false }" />
-</template>
-
-<script setup>
-import { ref, onMounted } from 'vue';
-
-const date = ref();
-
-onMounted(() => {
-  const startDate = new Date();
-  const endDate = new Date(new Date().setDate(startDate.getDate() + 7));
-  date.value = [startDate, endDate];
-})
-</script>
text-input configuration ​
Configuration for text-input prop. When the configuration object is provided, text-input is auto enabled
  • Type:
ts
interface TextInputOptions {
-    enterSubmit?: boolean;
-    tabSubmit?: boolean;
-    openMenu?: boolean;
-    rangeSeparator?: string;
-    selectOnFocus?: boolean;
-    format?: string | string[] | ((value: string) => Date | null);
-}
  • Default: { enterSubmit: true, tabSubmit: true, openMenu: true, rangeSeparator: '-' }
Properties explanation:
  • enterSubmit: When enabled, pressing enter will select a date if the input value is a valid date object
  • tabSubmit: When enabled, pressing tab will select a date if the input value is a valid date object
  • openMenu: When enabled, opens the menu when clicking on the input field
  • format: Override the default parsing format. Default is the string value from format. You can also pass multiple parser patterns or a custom parser function and parse the input yourself. When the input is focused, the date will be shown in this format.
  • rangeSeparator: If you use range mode, the default separator is -, you can change it here
  • selectOnFocus: Selects the input text when input is focused
`,8),S=s(`
Code Example
vue
<template>
-    <VueDatePicker 
-      v-model="date"
-      placeholder="Start Typing ..."
-      :text-input="textInputOptions" />
-</template>
-
-<script setup>
-import { ref } from 'vue';
-
-const date = ref();
-const textInputOptions = {
-  format: 'MM.dd.yyyy HH:mm'
-};
-</script>
inline configuration ​
Use input with the inline mode, useful if you enable text-input. When the configuration object is provided, inline prop is auto enabled
  • Type:
ts
interface InlineOptions {
-    input?: boolean;
-}
  • Default: { input: false }
`,6),R=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :inline="{ input: true }" text-input auto-apply />
-</template>
-
-<script setup>
-import { ref } from 'vue';
-
-const date = ref();
-</script>
multi-dates-limit ​
Limit the number of dates to select when multi-dates is enabled
  • Type: number | string
  • Default: null
`,4),V=s(`
Code Example
vue
<template>
-  <VueDatePicker v-model="date" multi-dates multi-dates-limit="3" />
-</template>
-
-<script setup>
-import { ref } from 'vue';
-
-const date = ref();
-</script>
partial-flow ​
When combined with the auto-apply prop, it will set the date as soon as the date is selected without waiting for last flow step to execute
  • Type: boolean
  • Default: false
`,4),I=s(`
Code Example
vue
<template>
-  <VueDatePicker v-model="date" auto-apply partial-flow :flow="['calendar', 'time']" />
-</template>
-
-<script setup>
-import { ref } from 'vue';
-
-const date = ref();
-</script>
show-last-in-range ​
Deprecation warning
This prop is deprecated, please refer to range configuration section
By default, when the range is selected, calendar view will remain on the last selection, to return to the first selected date, disable this option
  • Type: boolean
  • Default: true
`,5),M=s(`
Code Example
vue
<template>
-  <VueDatePicker v-model="date" range :show-last-in-range="false" />
-</template>
-
-<script setup>
-import { ref } from 'vue';
-
-const date = ref();
-
-onMounted(() => {
-  const startDate = new Date();
-  const endDate = new Date(new Date().setDate(startDate.getDate() + 7));
-  date.value = [startDate, endDate];
-})
-</script>
`,1);function N(O,W,j,L,G,Y){const a=n("RangeDemo"),h=n("DisabledRangeDateDemo"),t=n("RangeDemoDeprecated"),k=n("PresetRange"),e=n("TextInputDemo"),p=n("GlobalDemo"),l=n("EmptyDemo");return r(),d("div",null,[y,i(a,{range:{autoRange:5}}),o,i(a,{range:{partialRange:!1}}),F,i(a,{range:{minRange:3},placeholder:"At least 3 days in between"}),c,i(a,{range:{maxRange:7},placeholder:"Can't have more than 7 days in between"}),u,i(a,{range:{fixedStart:!0},clearable:!1}),C,i(a,{range:{fixedEnd:!0},clearable:!1}),m,i(a,{range:{showLastInRange:!1}}),D,i(h),B,i(a,{"time-picker":!0,range:{disableTimeRangeValidation:!0},placeholder:"Select Time"}),A,i(a,{range:{maxRange:14,minMaxRawRange:!0},"disabled-week-days":[1,2,3,4,5]}),f,i(t,{"partial-range":!1}),b,i(k),_,i(t,{range:!0,minRange:3,noVModel:!0,placeholder:"At least 3 days in between"}),v,i(t,{range:!0,maxRange:7,noVModel:!0,placeholder:"Can't have more than 7 days in between"}),T,i(t,{"fixed-start":!0,clearable:!1}),q,i(t,{"fixed-end":!0,clearable:!1}),w,i(a,{"multi-calendars":{solo:!0}}),x,i(a,{"multi-calendars":{static:!1}}),P,i(e,{"text-input":{format:"MM.dd.yyyy HH:mm"},placeholder:"Start Typing ..."},null,8,["text-input"]),S,i(p,{inline:{input:!0},"auto-apply":!0,"text-input":!0}),R,i(l,{"multi-dates":!0,placeholder:"Select Multiple Dates","multi-dates-limit":3}),V,i(l,{"auto-apply":!0,"partial-flow":!0,placeholder:"Select Date",flow:["calendar","time"]}),I,i(t,{"show-last-in-range":!1}),M])}const $=E(g,[["render",N]]);export{H as __pageData,$ as default};
diff --git a/docs/assets/props_modes-configuration_index.md.PNOOzFUy.lean.js b/docs/assets/props_modes-configuration_index.md.PNOOzFUy.lean.js
deleted file mode 100644
index 8cd193728..000000000
--- a/docs/assets/props_modes-configuration_index.md.PNOOzFUy.lean.js
+++ /dev/null
@@ -1 +0,0 @@
-import{_ as E,E as n,c as d,J as i,X as s,o as r}from"./chunks/framework.7pWjBRCP.js";const H=JSON.parse('{"title":"Props - Modes configuration","description":"Configure behaviour of the specific datepicker mode","frontmatter":{"lang":"en-US","title":"Props - Modes configuration","description":"Configure behaviour of the specific datepicker mode"},"headers":[],"relativePath":"props/modes-configuration/index.md","filePath":"props/modes-configuration/index.md"}'),g={name:"props/modes-configuration/index.md"},y=s("",9),o=s("",4),F=s("",4),c=s("",4),u=s("",5),C=s("",5),m=s("",4),D=s("",4),B=s("",4),A=s("",4),f=s("",5),b=s("",6),_=s("",6),v=s("",6),T=s("",7),q=s("",7),w=s("",8),x=s("",3),P=s("",8),S=s("",6),R=s("",4),V=s("",4),I=s("",5),M=s("",1);function N(O,W,j,L,G,Y){const a=n("RangeDemo"),h=n("DisabledRangeDateDemo"),t=n("RangeDemoDeprecated"),k=n("PresetRange"),e=n("TextInputDemo"),p=n("GlobalDemo"),l=n("EmptyDemo");return r(),d("div",null,[y,i(a,{range:{autoRange:5}}),o,i(a,{range:{partialRange:!1}}),F,i(a,{range:{minRange:3},placeholder:"At least 3 days in between"}),c,i(a,{range:{maxRange:7},placeholder:"Can't have more than 7 days in between"}),u,i(a,{range:{fixedStart:!0},clearable:!1}),C,i(a,{range:{fixedEnd:!0},clearable:!1}),m,i(a,{range:{showLastInRange:!1}}),D,i(h),B,i(a,{"time-picker":!0,range:{disableTimeRangeValidation:!0},placeholder:"Select Time"}),A,i(a,{range:{maxRange:14,minMaxRawRange:!0},"disabled-week-days":[1,2,3,4,5]}),f,i(t,{"partial-range":!1}),b,i(k),_,i(t,{range:!0,minRange:3,noVModel:!0,placeholder:"At least 3 days in between"}),v,i(t,{range:!0,maxRange:7,noVModel:!0,placeholder:"Can't have more than 7 days in between"}),T,i(t,{"fixed-start":!0,clearable:!1}),q,i(t,{"fixed-end":!0,clearable:!1}),w,i(a,{"multi-calendars":{solo:!0}}),x,i(a,{"multi-calendars":{static:!1}}),P,i(e,{"text-input":{format:"MM.dd.yyyy HH:mm"},placeholder:"Start Typing ..."},null,8,["text-input"]),S,i(p,{inline:{input:!0},"auto-apply":!0,"text-input":!0}),R,i(l,{"multi-dates":!0,placeholder:"Select Multiple Dates","multi-dates-limit":3}),V,i(l,{"auto-apply":!0,"partial-flow":!0,placeholder:"Select Date",flow:["calendar","time"]}),I,i(t,{"show-last-in-range":!1}),M])}const $=E(g,[["render",N]]);export{H as __pageData,$ as default};
diff --git a/docs/assets/props_modes-configuration_index.md.ctXj8ThF.js b/docs/assets/props_modes-configuration_index.md.ctXj8ThF.js
new file mode 100644
index 000000000..26ff4fbd9
--- /dev/null
+++ b/docs/assets/props_modes-configuration_index.md.ctXj8ThF.js
@@ -0,0 +1,603 @@
+import{_ as d,E as n,c as r,J as i,X as s,o as g}from"./chunks/framework.xyZR8MrU.js";const X=JSON.parse('{"title":"Props - Modes configuration","description":"Configure behaviour of the specific datepicker mode","frontmatter":{"lang":"en-US","title":"Props - Modes configuration","description":"Configure behaviour of the specific datepicker mode"},"headers":[],"relativePath":"props/modes-configuration/index.md","filePath":"props/modes-configuration/index.md"}'),y={name:"props/modes-configuration/index.md"},F=s(`
Modes configuration ​
Props for configuring and extending the datepicker when using a specific mode
Info
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, textInput as text-input and so on
range configuration ​
Providing configuration object will automatically enable range picker
ts
interface RangeConfig {
+    noDisabledRange?: boolean;
+    showLastInRange?: boolean;
+    minMaxRawRange?: boolean;
+    partialRange?: boolean;
+    disableTimeRangeValidation?: boolean;
+    fixedStart?: boolean;
+    fixedEnd?: boolean;
+    maxRange?: string | number;
+    minRange?: string | number;
+    autoRange?: string | number;
+}
autoRange ​
Predefine range to select
  • Default: false
`,9),o=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date" :range="{ autoRange: 5 }" />
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+const date = ref();
+</script>
partialRange ​
This option is enabled by default, meaning, two dates are not required for range input. If no second date is selected, the value will be null
  • Default: true
`,4),c=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date" :range="{ partialRange: false }" />
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+const date = ref();
+</script>
minRange ​
Set minimal range available for selection. This is the number of days between the selected start and end date
  • Default: undefined
`,4),C=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date" :range="{ minRange: 3 }" />
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+const date = ref();
+</script>
maxRange ​
Set maximal range available for selection. This is the number of days between the selected start and end date
  • Default: undefined
`,4),u=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date" :range="{ maxRange: 7 }" />
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+const date = ref();
+</script>
fixedStart ​
Allows only adjustment of the second date in the defined range
WARNING
v-model must be provided with both dates.
Should not be used in combination with fixedEnd
  • Default: false
`,5),B=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date" :range="{ fixedStart: true }" :clearable="false" />
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue';
+
+const date = ref();
+
+// For demo purposes assign range from the current date
+onMounted(() => {
+  const startDate = new Date();
+  const endDate = new Date(new Date().setDate(startDate.getDate() + 7));
+  date.value = [startDate, endDate];
+})
+</script>
fixedEnd ​
Allows only adjustment of the first date in the defined range
WARNING
v-model must be provided with both dates.
Should not be used in combination with fixedStart
  • Default: false
`,5),D=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date" :range="{ fixedEnd: true }" :clearable="false" />
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue';
+
+const date = ref();
+
+// For demo purposes assign range from the current date
+onMounted(() => {
+  const startDate = new Date();
+  const endDate = new Date(new Date().setDate(startDate.getDate() + 7));
+  date.value = [startDate, endDate];
+})
+</script>
showLastInRange ​
By default, when the range is selected, calendar view will remain on the last selection, to return to the first selected date, disable this option
  • Default: true
`,4),A=s(`
Code Example
vue
<template>
+  <VueDatePicker v-model="date" :range="{ showLastInRange: false }" />
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+const date = ref();
+
+onMounted(() => {
+  const startDate = new Date();
+  const endDate = new Date(new Date().setDate(startDate.getDate() + 7));
+  date.value = [startDate, endDate];
+})
+</script>
noDisabledRange ​
Prevents range selection if the range includes disabled dates
  • Default: false
`,4),m=s(`
Code Example
vue
<template>
+    <VueDatePicker 
+        v-model="date" 
+        :range="{ noDisabledRange: true }"
+        :disabled-dates="disabledDates"
+    />
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { addDays, subDays } from 'date-fns';
+
+const date = ref(new Date());
+
+const disabledDates = [subDays(new Date(), 1), new Date(), addDays(new Date(), 1)];
+</script>
disableTimeRangeValidation ​
Explicitly allow end time in range mode to be before the start time
  • Default: false
`,4),f=s(`
Code Example
vue
<template>
+    <VueDatePicker 
+      v-model="time" 
+      time-picker
+      :range="{ disableTimeRangeValidation: true }"
+      placeholder="Select Time"
+    />
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+const time = ref();
+</script>
minMaxRawRange ​
When using disabled dates with minRange or mixRange, disabled dates are not calculated within, setting this option to true will validate all dates
  • Default: false
`,4),v=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date" :range="{ maxRange: 14, minMaxRawRange: true }" />
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+const date = ref();
+</script>
partial-range ​
Deprecation warning
This prop is deprecated, please refer to range configuration section
This prop is enabled by default, meaning, two dates are not required for range input. If no second date is selected, the value will be null
  • Type: boolean
  • Default: true
`,5),b=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date" range :partial-range="false" />
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+const date = ref();
+</script>
preset-dates ​
When configured, it will provide a sidebar with configured range/date that user can select
Info
  • If the timezone prop is provided, values from preset dates will be converted to the provided timezone. If you don't want that, pass noTz: true to all presets
  • Type: PresetDate[]
  • Default: []
ts
interface PresetDate {
+  label: string;
+  value: Date[] | string[] | Date | string;
+  style?: Record<string, string>;
+  slot?: string;
+  noTz?: boolean;
+}
`,6),_=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date" range :preset-dates="presetDates">
+      <template #preset-date-range-button="{ label, value, presetDate }">
+        <span 
+            role="button"
+            :tabindex="0"
+            @click="presetDate(value)"
+            @keyup.enter.prevent="presetDate(value)"
+            @keyup.space.prevent="presetDate(value)">
+          {{ label }}
+        </span>
+      </template>
+    </VueDatePicker>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { endOfMonth, endOfYear, startOfMonth, startOfYear, subMonths } from 'date-fns';
+
+const date = ref();
+
+const presetDates = ref([
+  { label: 'Today', value: [new Date(), new Date()] },
+  {
+    label: 'Today (Slot)',
+    value: [new Date(), new Date()],
+    slot: 'preset-date-range-button'
+  },
+  { label: 'This month', value: [startOfMonth(new Date()), endOfMonth(new Date())] },
+  {
+    label: 'Last month',
+    value: [startOfMonth(subMonths(new Date(), 1)), endOfMonth(subMonths(new Date(), 1))],
+  },
+  { label: 'This year', value: [startOfYear(new Date()), endOfYear(new Date())] },
+]);
+</script>
min-range ​
Deprecation warning
This prop is deprecated, please refer to range configuration section
Set minimal range available for selection. This is the number of days between the selected start and end date
Info
range prop must be enabled
  • Type: number | string
  • Default: null
`,6),T=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date" range min-range="3" />
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+const date = ref();
+</script>
max-range ​
Deprecation warning
This prop is deprecated, please refer to range configuration section
Set maximal range available for selection. This is the number of days between the selected start and end date
Info
range prop must be enabled
  • Type: number | string
  • Default: null
`,6),q=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date" range max-range="7" />
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+const date = ref();
+</script>
fixed-start ​
Deprecation warning
This prop is deprecated, please refer to range configuration section
Allows only adjustment of the second date in the defined range
Info
range prop must be enabled
WARNING
v-model must be provided with both dates.
Should not be used in combination with fixed-end
  • Type: boolean
  • Default: false
`,7),z=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date" range fixed-start :clearable="false" />
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue';
+
+const date = ref();
+
+// For demo purposes assign range from the current date
+onMounted(() => {
+  const startDate = new Date();
+  const endDate = new Date(new Date().setDate(startDate.getDate() + 7));
+  date.value = [startDate, endDate];
+})
+</script>
fixed-end ​
Deprecation warning
This prop is deprecated, please refer to range configuration section
Allows only adjustment of the first date in the defined range
Info
range prop must be enabled
WARNING
v-model must be provided with both dates.
Should not be used in combination with fixed-start
  • Type: boolean
  • Default: false
`,7),w=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date" range fixed-end :clearable="false" />
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue';
+
+const date = ref();
+
+// For demo purposes assign range from the current date
+onMounted(() => {
+  const startDate = new Date();
+  const endDate = new Date(new Date().setDate(startDate.getDate() + 7));
+  date.value = [startDate, endDate];
+})
+</script>
multi-calendars configuration ​
multi-calendars prop can be extended with the configuration object, instead of passing a boolean or number values, you can provide an object. When the object is provided, prop will be auto enabled.
  • Type:
ts
interface MultiCalendarsOptions {
+    solo?: boolean;
+    static?: boolean;
+    count?: string | number;
+}
  • Default: { solo: false, static: true, count: 2 }
solo ​
When enabled, both calendars will be independent of each other
`,8),x=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date" range :multi-calendars="{ solo: true }" />
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue';
+
+const date = ref();
+
+onMounted(() => {
+  const startDate = new Date();
+  const endDate = new Date(new Date().setDate(startDate.getDate() + 7));
+  date.value = [startDate, endDate];
+})
+</script>
static ​
The default calendar view when using multi-calendars is to keep it on the month selected by the user. When this prop is disabled, it will auto-update the first calendar when the range starts and adjust the rest of them based on the first month
`,3),P=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date" range :multi-calendars="{ static: false }" />
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue';
+
+const date = ref();
+
+onMounted(() => {
+  const startDate = new Date();
+  const endDate = new Date(new Date().setDate(startDate.getDate() + 7));
+  date.value = [startDate, endDate];
+})
+</script>
text-input configuration ​
Configuration for text-input prop. When the configuration object is provided, text-input is auto enabled
  • Type:
ts
interface TextInputOptions {
+    enterSubmit?: boolean;
+    tabSubmit?: boolean;
+    openMenu?: boolean;
+    rangeSeparator?: string;
+    selectOnFocus?: boolean;
+    format?: string | string[] | ((value: string) => Date | null);
+}
  • Default: { enterSubmit: true, tabSubmit: true, openMenu: true, rangeSeparator: '-' }
Properties explanation:
  • enterSubmit: When enabled, pressing enter will select a date if the input value is a valid date object
  • tabSubmit: When enabled, pressing tab will select a date if the input value is a valid date object
  • openMenu: When enabled, opens the menu when clicking on the input field
  • format: Override the default parsing format. Default is the string value from format. You can also pass multiple parser patterns or a custom parser function and parse the input yourself. When the input is focused, the date will be shown in this format.
  • rangeSeparator: If you use range mode, the default separator is -, you can change it here
  • selectOnFocus: Selects the input text when input is focused
`,8),S=s(`
Code Example
vue
<template>
+    <VueDatePicker 
+      v-model="date"
+      placeholder="Start Typing ..."
+      :text-input="textInputOptions" />
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+const date = ref();
+const textInputOptions = {
+  format: 'MM.dd.yyyy HH:mm'
+};
+</script>
inline configuration ​
Use input with the inline mode, useful if you enable text-input. When the configuration object is provided, inline prop is auto enabled
  • Type:
ts
interface InlineOptions {
+    input?: boolean;
+}
  • Default: { input: false }
`,6),V=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date" :inline="{ input: true }" text-input auto-apply />
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+const date = ref();
+</script>
multi-dates-limit ​
Limit the number of dates to select when multi-dates is enabled
  • Type: number | string
  • Default: null
`,4),I=s(`
Code Example
vue
<template>
+  <VueDatePicker v-model="date" multi-dates multi-dates-limit="3" />
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+const date = ref();
+</script>
partial-flow ​
When combined with the auto-apply prop, it will set the date as soon as the date is selected without waiting for last flow step to execute
  • Type: boolean
  • Default: false
`,4),R=s(`
Code Example
vue
<template>
+  <VueDatePicker v-model="date" auto-apply partial-flow :flow="['calendar', 'time']" />
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+const date = ref();
+</script>
show-last-in-range ​
Deprecation warning
This prop is deprecated, please refer to range configuration section
By default, when the range is selected, calendar view will remain on the last selection, to return to the first selected date, disable this option
  • Type: boolean
  • Default: true
`,5),M=s(`
Code Example
vue
<template>
+  <VueDatePicker v-model="date" range :show-last-in-range="false" />
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+const date = ref();
+
+onMounted(() => {
+  const startDate = new Date();
+  const endDate = new Date(new Date().setDate(startDate.getDate() + 7));
+  date.value = [startDate, endDate];
+})
+</script>
timezone configuration ​
Configure the timezone conversion behaviour for props that are providing the dates, such as min-date, max-date, disabled-dates and so on
ts
interface TimeZoneConfig {
+  timezone?: string;
+  exactMatch?: boolean;
+  dateInTz?: string;
+  emitTimezone?: string;
+}
timezone ​
Same as timezone string prop type, define a timezone for the datepicker
  • Default: undefined
`,7),N=s(`
Code Example
vue
<template>
+  <div class="tz-demo-wrap">
+    <div class="dp-container-wrap">
+      <VueDatePicker
+        v-model="date"
+        :dark="isDark"
+        :timezone="tz"
+        inline
+        auto-apply
+        :max-date="maxDate"
+      />
+    </div>
+    <div class="tz-range-slider-wrap">
+      <div>
+        <span>Timezone: {{ activeTz.tz }}</span>
+        <br />
+        <span>Offset: {{ activeTz.offset > 0 ? \`+\${activeTz.offset}\` : activeTz.offset }}</span>
+      </div>
+      <div>
+        <input class="tz-range-slider" type="range" v-model="selectedTz" min="0" max="22" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+  import { getMonth, getYear } from "date-fns";
+
+  const date = ref();
+  const selectedTz = ref(11);
+
+  const timezone = ref({ timezone: undefined })
+
+  const maxDate = computed(() => {
+    const month = getMonth(new Date()) + 1 > 9 ? getMonth(new Date()) + 1 : \`0\${getMonth(new Date()) + 1}\`;
+    return \`\${getYear(new Date())}-\${month}-15T01:00:00Z\`;
+  });
+
+  const timezones = [
+    { tz: 'Pacific/Midway', offset: -11 },
+    { tz: 'America/Adak', offset: -10 },
+    { tz: 'Pacific/Gambier', offset: -9 },
+    { tz: 'America/Los_Angeles', offset: -8 },
+    { tz: 'America/Denver', offset: -7 },
+    { tz: 'America/Chicago', offset: -6 },
+    { tz: 'America/New_York', offset: -5 },
+    { tz: 'America/Santiago', offset: -4 },
+    { tz: 'America/Sao_Paulo', offset: -3 },
+    { tz: 'America/Noronha', offset: -2 },
+    { tz: 'Atlantic/Cape_Verde', offset: -1 },
+    { tz: 'UTC', offset: 0 },
+    { tz: 'Europe/Brussels', offset: 1 },
+    { tz: 'Africa/Cairo', offset: 2 },
+    { tz: 'Europe/Minsk', offset: 3 },
+    { tz: 'Europe/Moscow', offset: 4 },
+    { tz: 'Asia/Tashkent', offset: 5 },
+    { tz: 'Asia/Dhaka', offset: 6 },
+    { tz: 'Asia/Novosibirsk', offset: 7 },
+    { tz: 'Australia/Perth', offset: 8 },
+    { tz: 'Asia/Tokyo', offset: 9 },
+    { tz: 'Australia/Hobart', offset: 10 },
+    { tz: 'Asia/Vladivostok', offset: 11 },
+  ];
+
+  const activeTz = computed(() => timezones[selectedTz.value]);
+
+  const tz = computed(() => {
+    return { ...timezone.value, timezone: activeTz.value.tz };
+  });
+</script>
exactMatch ​
When enabled, it will not convert date to the given timezone. If you are providing the Date object, it will remain as is, while UTC string, will be converted to the local timezone
  • Default: false
`,4),O=s(`
Code Example
vue
<template>
+  <div class="tz-demo-wrap">
+    <div class="dp-container-wrap">
+      <VueDatePicker
+        v-model="date"
+        :dark="isDark"
+        :timezone="tz"
+        inline
+        auto-apply
+        :max-date="maxDate"
+      />
+    </div>
+    <div class="tz-range-slider-wrap">
+      <div>
+        <span>Timezone: {{ activeTz.tz }}</span>
+        <br />
+        <span>Offset: {{ activeTz.offset > 0 ? \`+\${activeTz.offset}\` : activeTz.offset }}</span>
+      </div>
+      <div>
+        <input class="tz-range-slider" type="range" v-model="selectedTz" min="0" max="22" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+  const date = ref();
+  const selectedTz = ref(11);
+
+  const timezone = ref({ timezone: undefined, exactMatch: true })
+
+  /**
+   * Let's assume we are in the timezone GMT+1
+   * Provided timezone is UTC which is -1 hour from our local timezone
+   * By setting \`exactMatch\` property, our maxDate will remain as is
+   * If we set \`exactMatch: false\`, our maxDate will be new Date() -/+ offset
+   */
+  const maxDate = new Date();
+
+  const timezones = [
+    { tz: 'Pacific/Midway', offset: -11 },
+    { tz: 'America/Adak', offset: -10 },
+    { tz: 'Pacific/Gambier', offset: -9 },
+    { tz: 'America/Los_Angeles', offset: -8 },
+    { tz: 'America/Denver', offset: -7 },
+    { tz: 'America/Chicago', offset: -6 },
+    { tz: 'America/New_York', offset: -5 },
+    { tz: 'America/Santiago', offset: -4 },
+    { tz: 'America/Sao_Paulo', offset: -3 },
+    { tz: 'America/Noronha', offset: -2 },
+    { tz: 'Atlantic/Cape_Verde', offset: -1 },
+    { tz: 'UTC', offset: 0 },
+    { tz: 'Europe/Brussels', offset: 1 },
+    { tz: 'Africa/Cairo', offset: 2 },
+    { tz: 'Europe/Minsk', offset: 3 },
+    { tz: 'Europe/Moscow', offset: 4 },
+    { tz: 'Asia/Tashkent', offset: 5 },
+    { tz: 'Asia/Dhaka', offset: 6 },
+    { tz: 'Asia/Novosibirsk', offset: 7 },
+    { tz: 'Australia/Perth', offset: 8 },
+    { tz: 'Asia/Tokyo', offset: 9 },
+    { tz: 'Australia/Hobart', offset: 10 },
+    { tz: 'Asia/Vladivostok', offset: 11 },
+  ];
+
+  const activeTz = computed(() => timezones[selectedTz.value]);
+
+  const tz = computed(() => {
+    return { ...timezone.value, timezone: activeTz.value.tz };
+  });
+  
+</script>
dateInTz ​
This property is checked only if exactMatch is set to true, meaning that if you provide the date from some other timezone other than local, and want that date to be the same, you'll need to provide the original date timezone
  • Default: undefined
`,4),W=s(`
Code Example
vue
<template>
+  <div class="tz-demo-wrap">
+    <div class="dp-container-wrap">
+      <VueDatePicker
+        v-model="date"
+        :dark="isDark"
+        :timezone="tz"
+        inline
+        auto-apply
+        :max-date="maxDate"
+      />
+    </div>
+    <div class="tz-range-slider-wrap">
+      <div>
+        <span>Timezone: {{ activeTz.tz }}</span>
+        <br />
+        <span>Offset: {{ activeTz.offset > 0 ? \`+\${activeTz.offset}\` : activeTz.offset }}</span>
+      </div>
+      <div>
+        <input class="tz-range-slider" type="range" v-model="selectedTz" min="0" max="22" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+  const date = ref();
+  const selectedTz = ref(11);
+
+  const timezone = ref({ timezone: undefined, exactMatch: true, dateInTz: 'UTC' })
+
+  /**
+   * Let's assume we are in the timezone GMT+1
+   * Provided timezone is UTC which is -1 hour from our local timezone
+   * By setting \`exactMatch\` property, we want to keep the date intact
+   * However, in this case, our \`maxDate\` is a UTC string, when parsed,
+   * will be automatically converted to a browser timezone
+   * To prevent this behaviour, we need to set \`dateInTz\`
+   * so that picker can adjust the timezone offset
+   */
+  const maxDate = computed(() => {
+    const month = getMonth(new Date()) + 1 > 9 ? getMonth(new Date()) + 1 : \`0\${getMonth(new Date()) + 1}\`;
+    return \`\${getYear(new Date())}-\${month}-15T01:00:00Z\`;
+  });
+
+  const timezones = [
+    { tz: 'Pacific/Midway', offset: -11 },
+    { tz: 'America/Adak', offset: -10 },
+    { tz: 'Pacific/Gambier', offset: -9 },
+    { tz: 'America/Los_Angeles', offset: -8 },
+    { tz: 'America/Denver', offset: -7 },
+    { tz: 'America/Chicago', offset: -6 },
+    { tz: 'America/New_York', offset: -5 },
+    { tz: 'America/Santiago', offset: -4 },
+    { tz: 'America/Sao_Paulo', offset: -3 },
+    { tz: 'America/Noronha', offset: -2 },
+    { tz: 'Atlantic/Cape_Verde', offset: -1 },
+    { tz: 'UTC', offset: 0 },
+    { tz: 'Europe/Brussels', offset: 1 },
+    { tz: 'Africa/Cairo', offset: 2 },
+    { tz: 'Europe/Minsk', offset: 3 },
+    { tz: 'Europe/Moscow', offset: 4 },
+    { tz: 'Asia/Tashkent', offset: 5 },
+    { tz: 'Asia/Dhaka', offset: 6 },
+    { tz: 'Asia/Novosibirsk', offset: 7 },
+    { tz: 'Australia/Perth', offset: 8 },
+    { tz: 'Asia/Tokyo', offset: 9 },
+    { tz: 'Australia/Hobart', offset: 10 },
+    { tz: 'Asia/Vladivostok', offset: 11 },
+  ];
+
+  const activeTz = computed(() => timezones[selectedTz.value]);
+
+  const tz = computed(() => {
+    return { ...timezone.value, timezone: activeTz.value.tz };
+  });
+  
+</script>
emitTimezone ​
Enables the @update:model-timezone-value event that will dispatch a v-model value in a given timezone
  • Default: undefined
`,4),j=s(`
Code Example
vue
<template>
+  <div class="tz-demo-wrap">
+    <div class="dp-container-wrap">
+      <VueDatePicker
+        v-model="date"
+        :dark="isDark"
+        :timezone="tz"
+        inline
+        auto-apply
+        @update:model-timezone-value="setZonedDate"
+      />
+    </div>
+    <div class="tz-range-slider-wrap">
+      <div>
+        <span>Timezone: {{ activeTz.tz }}</span>
+        <br />
+        <span>Offset: {{ activeTz.offset > 0 ? \`+\${activeTz.offset}\` : activeTz.offset }}</span>
+        <br>
+        <span v-if="zonedDate">Zoned date: {{zonedDate}}</span>
+      </div>
+      <div>
+        <input class="tz-range-slider" type="range" v-model="selectedTz" min="0" max="22" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+  const date = ref();
+  const selectedTz = ref(11);
+
+  const timezone = ref({ emitTimezone: undefined })
+  const zonedDate = ref();
+
+  const timezones = [
+    { tz: 'Pacific/Midway', offset: -11 },
+    { tz: 'America/Adak', offset: -10 },
+    { tz: 'Pacific/Gambier', offset: -9 },
+    { tz: 'America/Los_Angeles', offset: -8 },
+    { tz: 'America/Denver', offset: -7 },
+    { tz: 'America/Chicago', offset: -6 },
+    { tz: 'America/New_York', offset: -5 },
+    { tz: 'America/Santiago', offset: -4 },
+    { tz: 'America/Sao_Paulo', offset: -3 },
+    { tz: 'America/Noronha', offset: -2 },
+    { tz: 'Atlantic/Cape_Verde', offset: -1 },
+    { tz: 'UTC', offset: 0 },
+    { tz: 'Europe/Brussels', offset: 1 },
+    { tz: 'Africa/Cairo', offset: 2 },
+    { tz: 'Europe/Minsk', offset: 3 },
+    { tz: 'Europe/Moscow', offset: 4 },
+    { tz: 'Asia/Tashkent', offset: 5 },
+    { tz: 'Asia/Dhaka', offset: 6 },
+    { tz: 'Asia/Novosibirsk', offset: 7 },
+    { tz: 'Australia/Perth', offset: 8 },
+    { tz: 'Asia/Tokyo', offset: 9 },
+    { tz: 'Australia/Hobart', offset: 10 },
+    { tz: 'Asia/Vladivostok', offset: 11 },
+  ];
+
+  const activeTz = computed(() => timezones[selectedTz.value]);
+
+  const tz = computed(() => {
+    return { ...timezone.value, emitTimezone: activeTz.value.tz };
+  });
+  
+  const setZonedDate = (date) => {
+    zonedDate.value = date.toISOString();;
+  }
+</script>
`,1);function $(L,G,U,Y,H,Z){const a=n("RangeDemo"),l=n("DisabledRangeDateDemo"),h=n("RangeDemoDeprecated"),p=n("PresetRange"),e=n("TextInputDemo"),E=n("GlobalDemo"),k=n("EmptyDemo"),t=n("TimezoneNewDemo");return g(),r("div",null,[F,i(a,{range:{autoRange:5}}),o,i(a,{range:{partialRange:!1}}),c,i(a,{range:{minRange:3},placeholder:"At least 3 days in between"}),C,i(a,{range:{maxRange:7},placeholder:"Can't have more than 7 days in between"}),u,i(a,{range:{fixedStart:!0},clearable:!1}),B,i(a,{range:{fixedEnd:!0},clearable:!1}),D,i(a,{range:{showLastInRange:!1}}),A,i(l),m,i(a,{"time-picker":!0,range:{disableTimeRangeValidation:!0},placeholder:"Select Time"}),f,i(a,{range:{maxRange:14,minMaxRawRange:!0},"disabled-week-days":[1,2,3,4,5]}),v,i(h,{"partial-range":!1}),b,i(p),_,i(h,{range:!0,minRange:3,noVModel:!0,placeholder:"At least 3 days in between"}),T,i(h,{range:!0,maxRange:7,noVModel:!0,placeholder:"Can't have more than 7 days in between"}),q,i(h,{"fixed-start":!0,clearable:!1}),z,i(h,{"fixed-end":!0,clearable:!1}),w,i(a,{"multi-calendars":{solo:!0}}),x,i(a,{"multi-calendars":{static:!1}}),P,i(e,{"text-input":{format:"MM.dd.yyyy HH:mm"},placeholder:"Start Typing ..."},null,8,["text-input"]),S,i(E,{inline:{input:!0},"auto-apply":!0,"text-input":!0}),V,i(k,{"multi-dates":!0,placeholder:"Select Multiple Dates","multi-dates-limit":3}),I,i(k,{"auto-apply":!0,"partial-flow":!0,placeholder:"Select Date",flow:["calendar","time"]}),R,i(h,{"show-last-in-range":!1}),M,i(t),N,i(t,{timezone:{exactMatch:!0}}),O,i(t,{timezone:{exactMatch:!0,dateInTz:"UTC"}}),W,i(t,{emitVal:!0}),j])}const K=d(y,[["render",$]]);export{X as __pageData,K as default};
diff --git a/docs/assets/props_modes-configuration_index.md.ctXj8ThF.lean.js b/docs/assets/props_modes-configuration_index.md.ctXj8ThF.lean.js
new file mode 100644
index 000000000..0b9954787
--- /dev/null
+++ b/docs/assets/props_modes-configuration_index.md.ctXj8ThF.lean.js
@@ -0,0 +1 @@
+import{_ as d,E as n,c as r,J as i,X as s,o as g}from"./chunks/framework.xyZR8MrU.js";const X=JSON.parse('{"title":"Props - Modes configuration","description":"Configure behaviour of the specific datepicker mode","frontmatter":{"lang":"en-US","title":"Props - Modes configuration","description":"Configure behaviour of the specific datepicker mode"},"headers":[],"relativePath":"props/modes-configuration/index.md","filePath":"props/modes-configuration/index.md"}'),y={name:"props/modes-configuration/index.md"},F=s("",9),o=s("",4),c=s("",4),C=s("",4),u=s("",5),B=s("",5),D=s("",4),A=s("",4),m=s("",4),f=s("",4),v=s("",5),b=s("",6),_=s("",6),T=s("",6),q=s("",7),z=s("",7),w=s("",8),x=s("",3),P=s("",8),S=s("",6),V=s("",4),I=s("",4),R=s("",5),M=s("",7),N=s("",4),O=s("",4),W=s("",4),j=s("",1);function $(L,G,U,Y,H,Z){const a=n("RangeDemo"),l=n("DisabledRangeDateDemo"),h=n("RangeDemoDeprecated"),p=n("PresetRange"),e=n("TextInputDemo"),E=n("GlobalDemo"),k=n("EmptyDemo"),t=n("TimezoneNewDemo");return g(),r("div",null,[F,i(a,{range:{autoRange:5}}),o,i(a,{range:{partialRange:!1}}),c,i(a,{range:{minRange:3},placeholder:"At least 3 days in between"}),C,i(a,{range:{maxRange:7},placeholder:"Can't have more than 7 days in between"}),u,i(a,{range:{fixedStart:!0},clearable:!1}),B,i(a,{range:{fixedEnd:!0},clearable:!1}),D,i(a,{range:{showLastInRange:!1}}),A,i(l),m,i(a,{"time-picker":!0,range:{disableTimeRangeValidation:!0},placeholder:"Select Time"}),f,i(a,{range:{maxRange:14,minMaxRawRange:!0},"disabled-week-days":[1,2,3,4,5]}),v,i(h,{"partial-range":!1}),b,i(p),_,i(h,{range:!0,minRange:3,noVModel:!0,placeholder:"At least 3 days in between"}),T,i(h,{range:!0,maxRange:7,noVModel:!0,placeholder:"Can't have more than 7 days in between"}),q,i(h,{"fixed-start":!0,clearable:!1}),z,i(h,{"fixed-end":!0,clearable:!1}),w,i(a,{"multi-calendars":{solo:!0}}),x,i(a,{"multi-calendars":{static:!1}}),P,i(e,{"text-input":{format:"MM.dd.yyyy HH:mm"},placeholder:"Start Typing ..."},null,8,["text-input"]),S,i(E,{inline:{input:!0},"auto-apply":!0,"text-input":!0}),V,i(k,{"multi-dates":!0,placeholder:"Select Multiple Dates","multi-dates-limit":3}),I,i(k,{"auto-apply":!0,"partial-flow":!0,placeholder:"Select Date",flow:["calendar","time"]}),R,i(h,{"show-last-in-range":!1}),M,i(t),N,i(t,{timezone:{exactMatch:!0}}),O,i(t,{timezone:{exactMatch:!0,dateInTz:"UTC"}}),W,i(t,{emitVal:!0}),j])}const K=d(y,[["render",$]]);export{X as __pageData,K as default};
diff --git a/docs/assets/props_modes_index.md.ZWUxDBGs.lean.js b/docs/assets/props_modes_index.md.ZWUxDBGs.lean.js
deleted file mode 100644
index 256a64a96..000000000
--- a/docs/assets/props_modes_index.md.ZWUxDBGs.lean.js
+++ /dev/null
@@ -1 +0,0 @@
-import{_ as y,E as a,c as F,J as i,X as s,o as u}from"./chunks/framework.7pWjBRCP.js";const $=JSON.parse('{"title":"Props - Modes","description":"Use datepicker in specific mode","frontmatter":{"lang":"en-US","title":"Props - Modes","description":"Use datepicker in specific mode"},"headers":[],"relativePath":"props/modes/index.md","filePath":"props/modes/index.md"}'),m={name:"props/modes/index.md"},D=s("",8),C=s("",6),A=s("",5),B=s("",4),_=s("",4),f=s("",4),v=s("",4),b=s("",6),T=s("",5),q=s("",5),P=s("",4),w=s("",5),S=s("",5),x=s("",4),I=s("",5),V=s("",5),z=s("",4),N=s("",1);function R(M,O,U,Y,W,j){const n=a("RangeDemo"),h=a("RangeDemoDeprecated"),e=a("MonthPickerDemo"),k=a("TimePickerDemo"),p=a("YearPickerDemo"),t=a("EmptyDemo"),E=a("QuarterPickerDemo"),r=a("TextInputDemo"),l=a("GlobalDemo"),d=a("TimezoneDemo"),o=a("DisplayModelDemo"),g=a("TimezonePropDemo"),c=a("EmitTimezone");return u(),F("div",null,[D,i(n),C,i(h,{"auto-range":5}),A,i(n,{"multi-calendars":!0}),B,i(e),_,i(k),f,i(p),v,i(t,{"week-picker":!0,placeholder:"Select week"}),b,i(E),T,i(r,{placeholder:"Start Typing ...","text-input":!0}),q,i(l,{inline:!0,"auto-apply":!0}),P,i(t,{"multi-dates":!0,placeholder:"Select Multiple Dates"}),w,i(t,{flow:["month","year","calendar"],placeholder:"Month > Year > Date"}),S,i(d),x,i(l,{vertical:!0}),I,i(o,{"model-auto":!0,range:!0}),V,i(g),z,i(c),N])}const G=y(m,[["render",R]]);export{$ as __pageData,G as default};
diff --git a/docs/assets/props_modes_index.md.ZWUxDBGs.js b/docs/assets/props_modes_index.md.tofHlpGf.js
similarity index 61%
rename from docs/assets/props_modes_index.md.ZWUxDBGs.js
rename to docs/assets/props_modes_index.md.tofHlpGf.js
index f7fa3d4cc..d329ec95c 100644
--- a/docs/assets/props_modes_index.md.ZWUxDBGs.js
+++ b/docs/assets/props_modes_index.md.tofHlpGf.js
@@ -1,5 +1,5 @@
-import{_ as y,E as a,c as F,J as i,X as s,o as u}from"./chunks/framework.7pWjBRCP.js";const $=JSON.parse('{"title":"Props - Modes","description":"Use datepicker in specific mode","frontmatter":{"lang":"en-US","title":"Props - Modes","description":"Use datepicker in specific mode"},"headers":[],"relativePath":"props/modes/index.md","filePath":"props/modes/index.md"}'),m={name:"props/modes/index.md"},D=s('
Modes ​
Set the default mode for the datepicker
Info
  • When checking the examples, for boolean prop types, the example will show the behavior opposite of what is set for the default value
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, multiCalendars as multi-calendars and so on
Info
Depending on the mode, v-model might be different, so make sure to use the proper configuration
range ​
Range picker mode
  • Type: boolean | RangeConfig
  • Default: false
Info
If the RangeConfig object is provided, range is auto enabled.
For more info about range configuration properties, please refer to range configuration section
',8),C=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" range />
+import{_ as c,E as a,c as F,J as i,X as s,o as u}from"./chunks/framework.xyZR8MrU.js";const G=JSON.parse('{"title":"Props - Modes","description":"Use datepicker in specific mode","frontmatter":{"lang":"en-US","title":"Props - Modes","description":"Use datepicker in specific mode"},"headers":[],"relativePath":"props/modes/index.md","filePath":"props/modes/index.md"}'),m={name:"props/modes/index.md"},C=s('
Modes ​
Set the default mode for the datepicker
Info
  • When checking the examples, for boolean prop types, the example will show the behavior opposite of what is set for the default value
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, multiCalendars as multi-calendars and so on
Info
Depending on the mode, v-model might be different, so make sure to use the proper configuration
range ​
Range picker mode
  • Type: boolean | RangeConfig
  • Default: false
Info
If the RangeConfig object is provided, range is auto enabled.
For more info about range configuration properties, please refer to range configuration section
',8),D=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date" range />
 </template>
 
 <script setup>
@@ -14,7 +14,7 @@ import{_ as y,E as a,c as F,J as i,X as s,o as u}from"./chunks/framework.7pWjBRC
   date.value = [startDate, endDate];
 })
 </script>
auto-range ​
Predefine range to select
Deprecation warning
This prop is deprecated, please refer to range configuration section
Info
range prop must be enabled
  • Type: number | string
  • Default: null
`,6),A=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" range auto-range="5" />
+    <VueDatePicker v-model="date" range auto-range="5" />
 </template>
 
 <script setup>
@@ -22,7 +22,7 @@ import{_ as y,E as a,c as F,J as i,X as s,o as u}from"./chunks/framework.7pWjBRC
 
 const date = ref();
 </script>
multi-calendars ​
Enabling this prop will show multiple calendars side by side (on mobile devices, they will be in a column layout) for range picker. You can also pass a number to show more calendars. If you pass true, 2 calendars will be shown automatically.
Info
If the MultiCalendarsOptions object is provided, multi-calendars are auto enabled. For more info take a look at multi-calendars configuration section.
This mode is not supported with year-picker and time-picker
  • Type: boolean | number | string | MultiCalendarsOptions
  • Default: false
`,5),B=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" range multi-calendars />
+    <VueDatePicker v-model="date" range multi-calendars />
 </template>
 
 <script setup>
@@ -35,8 +35,8 @@ import{_ as y,E as a,c as F,J as i,X as s,o as u}from"./chunks/framework.7pWjBRC
   const endDate = new Date(new Date().setDate(startDate.getDate() + 7));
   date.value = [startDate, endDate];
 })
-</script>
month-picker ​
Change datepicker mode to select only month and year
  • Type: boolean
  • Default: false
`,4),_=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="month" month-picker />
+</script>
month-picker ​
Change datepicker mode to select only month and year
  • Type: boolean
  • Default: false
`,4),f=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="month" month-picker />
 </template>
 
 <script setup>
@@ -46,8 +46,8 @@ import{_ as y,E as a,c as F,J as i,X as s,o as u}from"./chunks/framework.7pWjBRC
   month: new Date().getMonth(),
   year: new Date().getFullYear()
 });
-</script>
time-picker ​
Change datepicker mode to select only time
  • Type: boolean
  • Default: false
`,4),f=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="time" time-picker />
+</script>
time-picker ​
Change datepicker mode to select only time
  • Type: boolean
  • Default: false
`,4),_=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="time" time-picker />
 </template>
 
 <script setup>
@@ -58,7 +58,7 @@ import{_ as y,E as a,c as F,J as i,X as s,o as u}from"./chunks/framework.7pWjBRC
   minutes: new Date().getMinutes()
 });
 </script>
year-picker ​
Change datepicker mode to select only year
  • Type: boolean
  • Default: false
`,4),v=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="year" year-picker />
+    <VueDatePicker v-model="year" year-picker />
 </template>
 
 <script setup>
@@ -66,7 +66,7 @@ import{_ as y,E as a,c as F,J as i,X as s,o as u}from"./chunks/framework.7pWjBRC
 
 const year = ref(new Date().getFullYear());
 </script>
week-picker ​
Select a specific week range
  • Type: boolean
  • Default: false
`,4),b=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" week-picker />
+    <VueDatePicker v-model="date" week-picker />
 </template>
 
 <script setup>
@@ -74,7 +74,7 @@ import{_ as y,E as a,c as F,J as i,X as s,o as u}from"./chunks/framework.7pWjBRC
 
 const date = ref();
 </script>
quarter-picker ​
Change datepicker mode to select a quarter
Warning
When working with the quarter-picker, you will receive date(s) in the v-model. Each date will be the first date of the quarter. When using validation for min or max dates, disabled dates and so on, use a first date of the targeted quarter
Info
By default, quarter item displays first and last month of the quarter, to change locale of the displayed value, you can use format-locale prop or custom quarter slot
  • Type: boolean
  • Default: false
`,6),T=s(`
Code Example
vue
<template>
-  <VueDatePicker v-model="quarter" quarter-picker />
+  <VueDatePicker v-model="quarter" quarter-picker />
 </template>
 
 <script setup>
@@ -83,31 +83,31 @@ import{_ as y,E as a,c as F,J as i,X as s,o as u}from"./chunks/framework.7pWjBRC
 
   const quarter = ref(startOfQuarter(new Date()));
 </script>
text-input ​
When enabled, will try to parse the date from the user input.
Info
Text input works with all picker modes.
If the TextInputOptions object is provided, text-input is auto enabled. For more info take a look at text-input configuration section.
  • Type: boolean | TextInputOptions
  • Default: false
`,5),q=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" placeholder="Start Typing ..." text-input />
+    <VueDatePicker v-model="date" placeholder="Start Typing ..." text-input />
 </template>
 
 <script setup>
 import { ref } from 'vue';
 
 const date = ref();
-</script>
inline ​
Removes the input field and places the calendar in your parent component
Info
Text input works with all picker modes.
If the InlineOptions object is provided, inline is auto enabled. For more info take a look at inline configuration section.
  • Type: boolean | InlineOptions
  • Default: false
`,5),P=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" inline auto-apply />
+</script>
inline ​
Removes the input field and places the calendar in your parent component
Info
Text input works with all picker modes.
If the InlineOptions object is provided, inline is auto enabled. For more info take a look at inline configuration section.
  • Type: boolean | InlineOptions
  • Default: false
`,5),w=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date" inline auto-apply />
 </template>
 
 <script setup>
 import { ref } from 'vue';
 
 const date = ref(new Date());
-</script>
multi-dates ​
Allow selecting multiple single dates. When changing time, the latest selected date is affected. To deselect the date, click on the selected value
  • Type: boolean
  • Default: false
`,4),w=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" multi-dates />
+</script>
multi-dates ​
Allow selecting multiple single dates. When changing time, the latest selected date is affected. To deselect the date, click on the selected value
  • Type: boolean
  • Default: false
`,4),P=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date" multi-dates />
 </template>
 
 <script setup>
 import { ref } from 'vue';
 
 const date = ref();
-</script>
flow ​
Define the selecting order. Position in the array will specify the execution step. When you overwrite the execution step, the flow is reset
  • Type: ('month' | 'year' | 'calendar' | 'time' | 'minutes' | 'hours' | 'seconds')[]
  • Default: []
Info
flow is not supported with multi-calendars mode
`,5),S=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :flow="flow"  />
+</script>
flow ​
Define the selecting order. Position in the array will specify the execution step. When you overwrite the execution step, the flow is reset
  • Type: ('month' | 'year' | 'calendar' | 'time' | 'minutes' | 'hours' | 'seconds')[]
  • Default: []
Info
flow is not supported with multi-calendars mode
`,5),z=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date" :flow="flow"  />
 </template>
 
 <script setup>
@@ -116,23 +116,23 @@ import{_ as y,E as a,c as F,J as i,X as s,o as u}from"./chunks/framework.7pWjBRC
 const date = ref();
 const flow = ref(['month', 'year', 'calendar']);
 </script>
utc ​
Output date(s) will be in UTC timezone string. You can use this if you gather dates from different timezones and want to send the date directly to the server
  • Type: boolean | 'preserve'
  • Default: false
Info
  • preserve - The input date will be the same, meaning, that it will not convert the date in the local timezone, but preserve the original UTC time.
  • true - The input date will be converted to the local timezone. Output date will be in the UTC format. Meaning that what is the actual v-model and what is displayed in the picker will be in the timezone difference.
`,5),x=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" utc />
+    <VueDatePicker v-model="date" utc />
 </template>
 
 <script setup>
 import { ref } from 'vue';
 
 const date = ref();
-</script>
vertical ​
Sets the datepicker orientation in the vertical mode. This mode will change the arrow action from left/right to the top/bottom, transitions will also be vertical
  • Type: boolean
  • Default: false
`,4),I=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" vertical />
+</script>
vertical ​
Sets the datepicker orientation in the vertical mode. This mode will change the arrow action from left/right to the top/bottom, transitions will also be vertical
  • Type: boolean
  • Default: false
`,4),S=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date" vertical />
 </template>
 
 <script setup>
 import { ref } from 'vue';
 
 const date = ref(new Date());
-</script>
model-auto ​
Automatically switch between range and single picker modes
  • Type: Boolean
  • Default: false
Note
Since this prop in the background uses a partial-range make sure that range prop is provided and keep partial-range to true
This is only compatible with date pickers, specific modes are not supported
`,5),V=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" model-auto range />
+</script>
model-auto ​
Automatically switch between range and single picker modes
  • Type: Boolean
  • Default: false
Note
Since this prop in the background uses a partial-range make sure that range prop is provided and keep partial-range to true
This is only compatible with date pickers, specific modes are not supported
`,5),I=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date" model-auto range />
     <p v-if="date">Selected date: {{ date }}</p>
 </template>
 
@@ -140,55 +140,77 @@ import{_ as y,E as a,c as F,J as i,X as s,o as u}from"./chunks/framework.7pWjBRC
 import { ref } from 'vue';
 
 const date = ref();
-</script>
timezone ​
Display the dates in a given timezone
  • Type: string
  • Default: null
Note
  • timezone is only supported with the date picker and not other modes for now
  • For supported timezones please refer to date-fns-tz
`,5),z=s(`
Code Example
vue
<template>
-    <select name="timezone-select" id="timezone-select" v-model="timezone">
-      <option :value="undefined">Select timezone</option>
-      <option v-for="zone in timezones" :value="zone" :key="zone">{{ zone }}</option>
-    </select>
-    <VueDatePicker 
-            v-model="date" 
-            multi-calendars
-            range
-            :timezone="timezone"
-            :partial-range="false" />
-</template>
-
-<script setup>
-import { ref } from 'vue';
-import { addDays } from 'date-fns';
-
-const date = ref([new Date(), addDays(new Date(), 5)]);
-const timezone = ref(undefined);
-
-// These are just for the demo purposes
-const timezones = [
-  'Pacific/Midway', // -11
-  'America/Adak', // -10,
-  'Pacific/Gambier', // -9
-  'America/Los_Angeles', // -8
-  'America/Denver', // -7
-  'America/Chicago', // -6
-  'America/New_York', // -5
-  'America/Santiago', // -4
-  'America/Sao_Paulo', // -3
-  'America/Noronha', // -2
-  'Atlantic/Cape_Verde', // -1
-  'UTC', // utc
-  'Europe/Brussels', //+1
-  'Africa/Cairo', // +2
-  'Europe/Minsk', // +3
-  'Europe/Moscow', // +4
-  'Asia/Tashkent', // +5
-  'Asia/Dhaka', // +6
-  'Asia/Novosibirsk', // +7
-  'Australia/Perth', // +8
-  'Asia/Tokyo', // +9
-  'Australia/Hobart', // +10
-  'Asia/Vladivostok', // +11
-  'Pacific/Auckland', // +12
-];
-</script>
emit-timezone ​
Enables the @update:model-timezone-value event that will dispatch a v-model value in a given timezone
  • Type: string
  • Default: null
`,4),N=s(`
Code Example
vue
<template>
-  <VueDatePicker
+</script>
timezone ​
Display the dates in a given timezone. Datepicker always work in the clients timezone, but when the timezone prop is provided, the Date object will adjust offset in the hours, remaining in the client timezone.
WARNING
v-model value is not converted, and will be parsed as it is
Info
Providing props that rely on the Date object such as min-date, max-date, disabled-dates and so on, will be converted to a provided timezone.
For more info about timezone configuration properties, please refer to timezone configuration section
  • Type: string | TimeZoneConfig
  • Default: null
`,6),V=s(`
Code Example
vue
<template>
+  <div class="tz-demo-wrap">
+    <div class="dp-container-wrap">
+      <VueDatePicker 
+        v-model="date" 
+        :dark="isDark" 
+        :timezone="tz" 
+        inline 
+        auto-apply
+        :max-date="maxDate"
+      />
+    </div>
+    <div class="tz-range-slider-wrap">
+      <div>
+        <span>Timezone: {{ activeTz.tz }}</span>
+        <br />
+        <span>Offset: {{ activeTz.offset > 0 ? \`+\${activeTz.offset}\` : activeTz.offset }}</span>
+      </div>
+      <div>
+        <input class="tz-range-slider" type="range" v-model="selectedTz" min="0" max="22" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+  import { getMonth, getYear } from "date-fns";
+
+  const date = ref();
+  const selectedTz = ref(11);
+  
+  const timezone = ref({ timezone: undefined })
+
+  const maxDate = computed(() => {
+    const month = getMonth(new Date()) + 1 > 9 ? getMonth(new Date()) + 1 : \`0\${getMonth(new Date()) + 1}\`;
+    return \`\${getYear(new Date())}-\${month}-15T01:00:00Z\`;
+  });
+
+  const timezones = [
+    { tz: 'Pacific/Midway', offset: -11 },
+    { tz: 'America/Adak', offset: -10 }, 
+    { tz: 'Pacific/Gambier', offset: -9 }, 
+    { tz: 'America/Los_Angeles', offset: -8 }, 
+    { tz: 'America/Denver', offset: -7 }, 
+    { tz: 'America/Chicago', offset: -6 }, 
+    { tz: 'America/New_York', offset: -5 }, 
+    { tz: 'America/Santiago', offset: -4 }, 
+    { tz: 'America/Sao_Paulo', offset: -3 }, 
+    { tz: 'America/Noronha', offset: -2 }, 
+    { tz: 'Atlantic/Cape_Verde', offset: -1 }, 
+    { tz: 'UTC', offset: 0 },
+    { tz: 'Europe/Brussels', offset: 1 }, 
+    { tz: 'Africa/Cairo', offset: 2 }, 
+    { tz: 'Europe/Minsk', offset: 3 }, 
+    { tz: 'Europe/Moscow', offset: 4 },
+    { tz: 'Asia/Tashkent', offset: 5 },
+    { tz: 'Asia/Dhaka', offset: 6 },
+    { tz: 'Asia/Novosibirsk', offset: 7 },
+    { tz: 'Australia/Perth', offset: 8 }, 
+    { tz: 'Asia/Tokyo', offset: 9 },
+    { tz: 'Australia/Hobart', offset: 10 },
+    { tz: 'Asia/Vladivostok', offset: 11 },
+  ];
+
+  const activeTz = computed(() => timezones[selectedTz.value]);
+
+  const tz = computed(() => {
+    return { ...timezone.value, timezone: activeTz.value.tz };
+  });
+</script>
emit-timezone ​
Enables the @update:model-timezone-value event that will dispatch a v-model value in a given timezone
Deprecation warning
This prop is deprecated, please refer to timezone configuration section
  • Type: string
  • Default: null
`,5),N=s(`
Code Example
vue
<template>
+  <VueDatePicker
       v-model="date"
       emit-timezone="UTC"
       @update:model-timezone-value="setUTCDate"
@@ -204,4 +226,4 @@ import{_ as y,E as a,c as F,J as i,X as s,o as u}from"./chunks/framework.7pWjBRC
     const setUTCDate = (value) => {
         utcDate.value = value;
     };
-</script>
`,1);function R(M,O,U,Y,W,j){const n=a("RangeDemo"),h=a("RangeDemoDeprecated"),e=a("MonthPickerDemo"),k=a("TimePickerDemo"),p=a("YearPickerDemo"),t=a("EmptyDemo"),E=a("QuarterPickerDemo"),r=a("TextInputDemo"),l=a("GlobalDemo"),d=a("TimezoneDemo"),o=a("DisplayModelDemo"),g=a("TimezonePropDemo"),c=a("EmitTimezone");return u(),F("div",null,[D,i(n),C,i(h,{"auto-range":5}),A,i(n,{"multi-calendars":!0}),B,i(e),_,i(k),f,i(p),v,i(t,{"week-picker":!0,placeholder:"Select week"}),b,i(E),T,i(r,{placeholder:"Start Typing ...","text-input":!0}),q,i(l,{inline:!0,"auto-apply":!0}),P,i(t,{"multi-dates":!0,placeholder:"Select Multiple Dates"}),w,i(t,{flow:["month","year","calendar"],placeholder:"Month > Year > Date"}),S,i(d),x,i(l,{vertical:!0}),I,i(o,{"model-auto":!0,range:!0}),V,i(g),z,i(c),N])}const G=y(m,[["render",R]]);export{$ as __pageData,G as default};
+</script>
`,1);function R(M,O,U,Y,W,$){const n=a("RangeDemo"),h=a("RangeDemoDeprecated"),k=a("MonthPickerDemo"),e=a("TimePickerDemo"),p=a("YearPickerDemo"),t=a("EmptyDemo"),E=a("QuarterPickerDemo"),d=a("TextInputDemo"),l=a("GlobalDemo"),r=a("TimezoneDemo"),g=a("DisplayModelDemo"),o=a("TimezoneNewDemo"),y=a("EmitTimezone");return u(),F("div",null,[C,i(n),D,i(h,{"auto-range":5}),A,i(n,{"multi-calendars":!0}),B,i(k),f,i(e),_,i(p),v,i(t,{"week-picker":!0,placeholder:"Select week"}),b,i(E),T,i(d,{placeholder:"Start Typing ...","text-input":!0}),q,i(l,{inline:!0,"auto-apply":!0}),w,i(t,{"multi-dates":!0,placeholder:"Select Multiple Dates"}),P,i(t,{flow:["month","year","calendar"],placeholder:"Month > Year > Date"}),z,i(r),x,i(l,{vertical:!0}),S,i(g,{"model-auto":!0,range:!0}),I,i(o),V,i(y),N])}const Q=c(m,[["render",R]]);export{G as __pageData,Q as default};
diff --git a/docs/assets/props_modes_index.md.tofHlpGf.lean.js b/docs/assets/props_modes_index.md.tofHlpGf.lean.js
new file mode 100644
index 000000000..40277e97e
--- /dev/null
+++ b/docs/assets/props_modes_index.md.tofHlpGf.lean.js
@@ -0,0 +1 @@
+import{_ as c,E as a,c as F,J as i,X as s,o as u}from"./chunks/framework.xyZR8MrU.js";const G=JSON.parse('{"title":"Props - Modes","description":"Use datepicker in specific mode","frontmatter":{"lang":"en-US","title":"Props - Modes","description":"Use datepicker in specific mode"},"headers":[],"relativePath":"props/modes/index.md","filePath":"props/modes/index.md"}'),m={name:"props/modes/index.md"},C=s("",8),D=s("",6),A=s("",5),B=s("",4),f=s("",4),_=s("",4),v=s("",4),b=s("",6),T=s("",5),q=s("",5),w=s("",4),P=s("",5),z=s("",5),x=s("",4),S=s("",5),I=s("",6),V=s("",5),N=s("",1);function R(M,O,U,Y,W,$){const n=a("RangeDemo"),h=a("RangeDemoDeprecated"),k=a("MonthPickerDemo"),e=a("TimePickerDemo"),p=a("YearPickerDemo"),t=a("EmptyDemo"),E=a("QuarterPickerDemo"),d=a("TextInputDemo"),l=a("GlobalDemo"),r=a("TimezoneDemo"),g=a("DisplayModelDemo"),o=a("TimezoneNewDemo"),y=a("EmitTimezone");return u(),F("div",null,[C,i(n),D,i(h,{"auto-range":5}),A,i(n,{"multi-calendars":!0}),B,i(k),f,i(e),_,i(p),v,i(t,{"week-picker":!0,placeholder:"Select week"}),b,i(E),T,i(d,{placeholder:"Start Typing ...","text-input":!0}),q,i(l,{inline:!0,"auto-apply":!0}),w,i(t,{"multi-dates":!0,placeholder:"Select Multiple Dates"}),P,i(t,{flow:["month","year","calendar"],placeholder:"Month > Year > Date"}),z,i(r),x,i(l,{vertical:!0}),S,i(g,{"model-auto":!0,range:!0}),I,i(o),V,i(y),N])}const Q=c(m,[["render",R]]);export{G as __pageData,Q as default};
diff --git a/docs/assets/props_positioning_index.md.fulPRjTx.js b/docs/assets/props_positioning_index.md.gSE7QaZu.js
similarity index 77%
rename from docs/assets/props_positioning_index.md.fulPRjTx.js
rename to docs/assets/props_positioning_index.md.gSE7QaZu.js
index d1e2022e9..d04b9ad6b 100644
--- a/docs/assets/props_positioning_index.md.fulPRjTx.js
+++ b/docs/assets/props_positioning_index.md.gSE7QaZu.js
@@ -1,5 +1,5 @@
-import{_ as t,E as n,c as l,J as a,X as s,o as e}from"./chunks/framework.7pWjBRCP.js";const D=JSON.parse('{"title":"Props - Positioning","description":"Datepicker menu positioning configuration","frontmatter":{"lang":"en-US","title":"Props - Positioning","description":"Datepicker menu positioning configuration"},"headers":[],"relativePath":"props/positioning/index.md","filePath":"props/positioning/index.md"}'),h={name:"props/positioning/index.md"},p=s('
Positioning ​
Configure datepicker menu positioning
Info
  • When checking the examples, for boolean prop types, the example will show the behavior opposite of what is set for the default value
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, autoPosition as auto-position and so on
position ​
Datepicker menu position
  • Type: 'left' | 'center' | 'right'
  • Default: 'center'
',6),k=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" position="left" />
+import{_ as t,E as n,c as l,J as a,X as s,o as e}from"./chunks/framework.xyZR8MrU.js";const D=JSON.parse('{"title":"Props - Positioning","description":"Datepicker menu positioning configuration","frontmatter":{"lang":"en-US","title":"Props - Positioning","description":"Datepicker menu positioning configuration"},"headers":[],"relativePath":"props/positioning/index.md","filePath":"props/positioning/index.md"}'),h={name:"props/positioning/index.md"},p=s('
Positioning ​
Configure datepicker menu positioning
Info
  • When checking the examples, for boolean prop types, the example will show the behavior opposite of what is set for the default value
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, autoPosition as auto-position and so on
position ​
Datepicker menu position
  • Type: 'left' | 'center' | 'right'
  • Default: 'center'
',6),k=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date" position="left" />
 </template>
 
 <script setup>
@@ -7,7 +7,7 @@ import{_ as t,E as n,c as l,J as a,X as s,o as e}from"./chunks/framework.7pWjBRC
 
 const date = ref(new Date());
 </script>
teleport ​
Use teleport to position the datepicker menu. This is useful if you have hidden overflow on the parent HTML element where the menu is not showing in full. If you just set the value to true, the menu will be placed on body
  • Type: boolean | string
  • Default: null
Note
In case you are enabling teleport to the default value (<body>), make sure to explicitly set it to true to prevent conflict with the built-in <teleport> component
Default transitions for menu open and close will not work with the teleport enabled
`,5),E=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :teleport="true" />
+    <VueDatePicker v-model="date" :teleport="true" />
 </template>
 
 <script setup>
@@ -15,7 +15,7 @@ import{_ as t,E as n,c as l,J as a,X as s,o as e}from"./chunks/framework.7pWjBRC
 
 const date = ref(new Date());
 </script>
alt-position ​
If you have issues with the menu being miss-placed, you can use custom function that can position the menu to your liking
  • Type: (el: HTMLElement) => ({ top: number; left: number; transform: string })
  • Default: null
`,4),o=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :alt-position="customPosition" />
+    <VueDatePicker v-model="date" :alt-position="customPosition" />
 </template>
 
 <script setup>
@@ -24,7 +24,7 @@ import{_ as t,E as n,c as l,J as a,X as s,o as e}from"./chunks/framework.7pWjBRC
 const date = ref(new Date());
 const customPosition = () => ({ top: 0, left: 0 });
 </script>
auto-position ​
When enabled, based on viewport space available it will automatically position the menu above or bellow input field
  • Type: boolean
  • Default: true
`,4),r=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :auto-position="false" />
+    <VueDatePicker v-model="date" :auto-position="false" />
 </template>
 
 <script setup>
@@ -32,11 +32,11 @@ import{_ as t,E as n,c as l,J as a,X as s,o as e}from"./chunks/framework.7pWjBRC
 
 const date = ref(new Date());
 </script>
teleport-center ​
Sets the menu position on the page center, useful for smaller screens where there is no space available above or bellow the input field
  • Type: boolean
  • Default: false
`,4),d=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" teleport-center />
+    <VueDatePicker v-model="date" teleport-center />
 </template>
 
 <script setup>
 import { ref } from 'vue';
 
 const date = ref(new Date());
-</script>
`,1);function g(c,y,u,F,m,_){const i=n("GlobalDemo");return e(),l("div",null,[p,a(i,{position:"left"}),k,a(i,{teleport:!0}),E,a(i,{"alt-position":()=>({top:0,left:0})}),o,a(i,{"auto-position":!1}),r,a(i,{teleportCenter:!0}),d])}const f=t(h,[["render",g]]);export{D as __pageData,f as default};
+</script>
`,1);function g(c,y,u,F,m,_){const i=n("GlobalDemo");return e(),l("div",null,[p,a(i,{position:"left"}),k,a(i,{teleport:!0}),E,a(i,{"alt-position":()=>({top:0,left:0})}),o,a(i,{"auto-position":!1}),r,a(i,{teleportCenter:!0}),d])}const A=t(h,[["render",g]]);export{D as __pageData,A as default};
diff --git a/docs/assets/props_positioning_index.md.fulPRjTx.lean.js b/docs/assets/props_positioning_index.md.gSE7QaZu.lean.js
similarity index 79%
rename from docs/assets/props_positioning_index.md.fulPRjTx.lean.js
rename to docs/assets/props_positioning_index.md.gSE7QaZu.lean.js
index 769d44277..9886255bf 100644
--- a/docs/assets/props_positioning_index.md.fulPRjTx.lean.js
+++ b/docs/assets/props_positioning_index.md.gSE7QaZu.lean.js
@@ -1 +1 @@
-import{_ as t,E as n,c as l,J as a,X as s,o as e}from"./chunks/framework.7pWjBRCP.js";const D=JSON.parse('{"title":"Props - Positioning","description":"Datepicker menu positioning configuration","frontmatter":{"lang":"en-US","title":"Props - Positioning","description":"Datepicker menu positioning configuration"},"headers":[],"relativePath":"props/positioning/index.md","filePath":"props/positioning/index.md"}'),h={name:"props/positioning/index.md"},p=s("",6),k=s("",5),E=s("",4),o=s("",4),r=s("",4),d=s("",1);function g(c,y,u,F,m,_){const i=n("GlobalDemo");return e(),l("div",null,[p,a(i,{position:"left"}),k,a(i,{teleport:!0}),E,a(i,{"alt-position":()=>({top:0,left:0})}),o,a(i,{"auto-position":!1}),r,a(i,{teleportCenter:!0}),d])}const f=t(h,[["render",g]]);export{D as __pageData,f as default};
+import{_ as t,E as n,c as l,J as a,X as s,o as e}from"./chunks/framework.xyZR8MrU.js";const D=JSON.parse('{"title":"Props - Positioning","description":"Datepicker menu positioning configuration","frontmatter":{"lang":"en-US","title":"Props - Positioning","description":"Datepicker menu positioning configuration"},"headers":[],"relativePath":"props/positioning/index.md","filePath":"props/positioning/index.md"}'),h={name:"props/positioning/index.md"},p=s("",6),k=s("",5),E=s("",4),o=s("",4),r=s("",4),d=s("",1);function g(c,y,u,F,m,_){const i=n("GlobalDemo");return e(),l("div",null,[p,a(i,{position:"left"}),k,a(i,{teleport:!0}),E,a(i,{"alt-position":()=>({top:0,left:0})}),o,a(i,{"auto-position":!1}),r,a(i,{teleportCenter:!0}),d])}const A=t(h,[["render",g]]);export{D as __pageData,A as default};
diff --git a/docs/assets/props_time-picker-configuration_index.md.72c9jtbW.js b/docs/assets/props_time-picker-configuration_index.md.zFx6qfTh.js
similarity index 78%
rename from docs/assets/props_time-picker-configuration_index.md.72c9jtbW.js
rename to docs/assets/props_time-picker-configuration_index.md.zFx6qfTh.js
index dca693e55..ea0c06d1a 100644
--- a/docs/assets/props_time-picker-configuration_index.md.72c9jtbW.js
+++ b/docs/assets/props_time-picker-configuration_index.md.zFx6qfTh.js
@@ -1,5 +1,5 @@
-import{_ as h,E as t,c as k,J as i,X as s,o as e}from"./chunks/framework.7pWjBRCP.js";const R=JSON.parse('{"title":"Props - Time picker configuration","description":"Configure time-picker behavior","frontmatter":{"lang":"en-US","title":"Props - Time picker configuration","description":"Configure time-picker behavior"},"headers":[],"relativePath":"props/time-picker-configuration/index.md","filePath":"props/time-picker-configuration/index.md"}'),p={name:"props/time-picker-configuration/index.md"},E=s('
Time picker configuration ​
Configuration properties for the time picker, applicable whether it is used standalone or with the datepicker.
Info
  • When checking the examples, for boolean prop types, the example will show the behavior opposite of what is set for the default value
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, enableTimePicker as enable-time-picker and so on
time-picker-inline ​
Configures the time picker to display under the calendar rather than opening it as an overlay.
  • Type: boolean
  • Default: false
',6),r=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" time-picker-inline />
+import{_ as h,E as t,c as k,J as i,X as s,o as e}from"./chunks/framework.xyZR8MrU.js";const R=JSON.parse('{"title":"Props - Time picker configuration","description":"Configure time-picker behavior","frontmatter":{"lang":"en-US","title":"Props - Time picker configuration","description":"Configure time-picker behavior"},"headers":[],"relativePath":"props/time-picker-configuration/index.md","filePath":"props/time-picker-configuration/index.md"}'),p={name:"props/time-picker-configuration/index.md"},E=s('
Time picker configuration ​
Configuration properties for the time picker, applicable whether it is used standalone or with the datepicker.
Info
  • When checking the examples, for boolean prop types, the example will show the behavior opposite of what is set for the default value
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, enableTimePicker as enable-time-picker and so on
time-picker-inline ​
Configures the time picker to display under the calendar rather than opening it as an overlay.
  • Type: boolean
  • Default: false
',6),r=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date" time-picker-inline />
 </template>
 
 <script setup>
@@ -7,7 +7,7 @@ import{_ as h,E as t,c as k,J as i,X as s,o as e}from"./chunks/framework.7pWjBRC
 
 const date = ref(new Date());
 </script>
enable-time-picker ​
Enable or disable time picker
  • Type: boolean
  • Default: true
`,4),d=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :enable-time-picker="false" />
+    <VueDatePicker v-model="date" :enable-time-picker="false" />
 </template>
 
 <script setup>
@@ -15,7 +15,7 @@ import{_ as h,E as t,c as k,J as i,X as s,o as e}from"./chunks/framework.7pWjBRC
 
 const date = ref(new Date());
 </script>
is-24 ​
Whether to use 24H or 12H mode
  • Type: boolean
  • Default: true
`,4),g=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :is-24="false" />
+    <VueDatePicker v-model="date" :is-24="false" />
 </template>
 
 <script setup>
@@ -23,7 +23,7 @@ import{_ as h,E as t,c as k,J as i,X as s,o as e}from"./chunks/framework.7pWjBRC
 
 const date = ref(new Date());
 </script>
enable-seconds ​
Enable seconds in the time picker
  • Type: boolean
  • Default: false
`,4),y=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" enable-seconds />
+    <VueDatePicker v-model="date" enable-seconds />
 </template>
 
 <script setup>
@@ -31,7 +31,7 @@ import{_ as h,E as t,c as k,J as i,X as s,o as e}from"./chunks/framework.7pWjBRC
 
 const date = ref(new Date());
 </script>
hours-increment ​
The value which is used to increment hours via arrows in the time picker
  • Type: number | string
  • Default: 1
`,4),o=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" hours-increment="2" />
+    <VueDatePicker v-model="date" hours-increment="2" />
 </template>
 
 <script setup>
@@ -39,7 +39,7 @@ import{_ as h,E as t,c as k,J as i,X as s,o as e}from"./chunks/framework.7pWjBRC
 
 const date = ref(new Date());
 </script>
minutes-increment ​
The value which is used to increment minutes via arrows in the time picker
  • Type: number | string
  • Default: 1
`,4),c=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" minutes-increment="5" />
+    <VueDatePicker v-model="date" minutes-increment="5" />
 </template>
 
 <script setup>
@@ -47,7 +47,7 @@ import{_ as h,E as t,c as k,J as i,X as s,o as e}from"./chunks/framework.7pWjBRC
 
 const date = ref(new Date());
 </script>
seconds-increment ​
The value which is used to increment seconds via arrows in the time picker
  • Type: number | string
  • Default: 1
`,4),F=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" enable-seconds seconds-increment="5" />
+    <VueDatePicker v-model="date" enable-seconds seconds-increment="5" />
 </template>
 
 <script setup>
@@ -55,7 +55,7 @@ import{_ as h,E as t,c as k,J as i,X as s,o as e}from"./chunks/framework.7pWjBRC
 
 const date = ref(new Date());
 </script>
hours-grid-increment ​
The value which is used to increment hours when showing hours overlay
It will always start from 0 until it reaches 24 or 12 depending on the is-24 prop
  • Type: number | string
  • Default: 1
`,5),u=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" hours-grid-increment="2" />
+    <VueDatePicker v-model="date" hours-grid-increment="2" />
 </template>
 
 <script setup>
@@ -63,7 +63,7 @@ import{_ as h,E as t,c as k,J as i,X as s,o as e}from"./chunks/framework.7pWjBRC
 
 const date = ref(new Date());
 </script>
minutes-grid-increment ​
The value which is used to increment minutes when showing minutes overlay
It will always start from 0 to 60 minutes
  • Type: number | string
  • Default: 5
`,5),m=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" minutes-grid-increment="2" />
+    <VueDatePicker v-model="date" minutes-grid-increment="2" />
 </template>
 
 <script setup>
@@ -71,7 +71,7 @@ import{_ as h,E as t,c as k,J as i,X as s,o as e}from"./chunks/framework.7pWjBRC
 
 const date = ref(new Date());
 </script>
seconds-grid-increment ​
The value which is used to increment seconds when showing seconds overlay
  • Type: number | string
  • Default: 5
`,4),C=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" enable-seconds seconds-grid-increment="2" />
+    <VueDatePicker v-model="date" enable-seconds seconds-grid-increment="2" />
 </template>
 
 <script setup>
@@ -79,31 +79,31 @@ import{_ as h,E as t,c as k,J as i,X as s,o as e}from"./chunks/framework.7pWjBRC
 
 const date = ref(new Date());
 </script>
no-hours-overlay ​
Disable overlay for the hours, only arrow selection will be available
  • Type: boolean
  • Default: false
`,4),D=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" no-hours-overlay />
+    <VueDatePicker v-model="date" no-hours-overlay />
 </template>
 
 <script setup>
 import { ref } from 'vue';
 
 const date = ref(new Date());
-</script>
no-minutes-overlay ​
Disable overlay for the minutes, only arrow selection will be available
  • Type: boolean
  • Default: false
`,4),B=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" no-minutes-overlay />
+</script>
no-minutes-overlay ​
Disable overlay for the minutes, only arrow selection will be available
  • Type: boolean
  • Default: false
`,4),A=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date" no-minutes-overlay />
 </template>
 
 <script setup>
 import { ref } from 'vue';
 
 const date = ref(new Date());
-</script>
no-seconds-overlay ​
Disable overlay for the seconds, only arrow selection will be available
  • Type: boolean
  • Default: false
`,4),A=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" no-seconds-overlay enable-seconds />
+</script>
no-seconds-overlay ​
Disable overlay for the seconds, only arrow selection will be available
  • Type: boolean
  • Default: false
`,4),_=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date" no-seconds-overlay enable-seconds />
 </template>
 
 <script setup>
 import { ref } from 'vue';
 
 const date = ref(new Date());
-</script>
min-time ​
Sets the minimal available time to pick
  • Type: { hours?: number | string; minutes?: number | string; seconds?: number | string }
  • Default: null
`,4),_=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :min-time="{ hours: 11, minutes: 30 }" placeholder="Select Date" />
+</script>
min-time ​
Sets the minimal available time to pick
  • Type: { hours?: number | string; minutes?: number | string; seconds?: number | string }
  • Default: null
`,4),B=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date" :min-time="{ hours: 11, minutes: 30 }" placeholder="Select Date" />
 </template>
 
 <script setup>
@@ -111,7 +111,7 @@ import{_ as h,E as t,c as k,J as i,X as s,o as e}from"./chunks/framework.7pWjBRC
 
 const date = ref(new Date());
 </script>
max-time ​
Sets the maximal available time to pick
  • Type: { hours?: number | string; minutes?: number | string; seconds?: number | string }
  • Default: null
`,4),b=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :max-time="{ hours: 11, minutes: 30 }" placeholder="Select Date" />
+    <VueDatePicker v-model="date" :max-time="{ hours: 11, minutes: 30 }" placeholder="Select Date" />
 </template>
 
 <script setup>
@@ -119,7 +119,7 @@ import{_ as h,E as t,c as k,J as i,X as s,o as e}from"./chunks/framework.7pWjBRC
 
 const date = ref(new Date());
 </script>
start-time ​
Set some default starting time
  • Type: 
    • Single picker: { hours?: number | string; minutes?: number | string; seconds?: number | string }
    • Range picker: { hours?: number | string; minutes?: number | string; seconds?: number | string }[]
  • Default: null
`,4),v=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :start-time="startTime" placeholder="Select Date" />
+    <VueDatePicker v-model="date" :start-time="startTime" placeholder="Select Date" />
 </template>
 
 <script setup>
@@ -127,8 +127,8 @@ import{_ as h,E as t,c as k,J as i,X as s,o as e}from"./chunks/framework.7pWjBRC
 
 const date = ref();
 const startTime = ref({ hours: 0, minutes: 0 });
-</script>
disable-time-range-validation ​
Deprecation warning
This prop is deprecated, please refer to range configuration section
Explicitly allow end time in range mode to be before the start time
  • Type: boolean
  • Default: false
`,5),f=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="time" time-picker disable-time-range-validation range placeholder="Select Time" />
+</script>
disable-time-range-validation ​
Deprecation warning
This prop is deprecated, please refer to range configuration section
Explicitly allow end time in range mode to be before the start time
  • Type: boolean
  • Default: false
`,5),T=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="time" time-picker disable-time-range-validation range placeholder="Select Time" />
 </template>
 
 <script setup>
@@ -141,11 +141,11 @@ import{_ as h,E as t,c as k,J as i,X as s,o as e}from"./chunks/framework.7pWjBRC
 
 type DisabledTimesProp = ((time: FnParam) => boolean) 
         | TimeObj[]
-        | [TimeObj[], TimeObj[]] // only for range validation
  • Default: undefined
Info
Dynamic disabling of times in the time-picker overlay only works with the Array value provided
Prop can be used either in time-picker or regular date picker modes
To disable full hour you can pass an object for example: { hours: 15, minutes: "*" } with the * wildcard
To have a better control of the renge validation, you can provide an array containing 2 arrays.
  • First array will be used to validate start time
  • Second array will be used to validate end time
`,7),T=s(`
Code Example
vue
<template>
+        | [TimeObj[], TimeObj[]] // only for range validation
  • Default: undefined
Info
Dynamic disabling of times in the time-picker overlay only works with the Array value provided
Prop can be used either in time-picker or regular date picker modes
To disable full hour you can pass an object for example: { hours: 15, minutes: "*" } with the * wildcard
To have a better control of the renge validation, you can provide an array containing 2 arrays.
  • First array will be used to validate start time
  • Second array will be used to validate end time
`,7),f=s(`
Code Example
vue
<template>
     <button v-for="btn in buttons" :key="btn" @click="changeMode(btn)">
       {{ btn }}
     </button>
-    <VueDatePicker v-model="date" :disabled-times="isRange ? rangeDisabledTimes : disabledTimes" />
+    <VueDatePicker v-model="date" :disabled-times="isRange ? rangeDisabledTimes : disabledTimes" />
 </template>
 
 <script setup>
@@ -179,4 +179,4 @@ import{_ as h,E as t,c as k,J as i,X as s,o as e}from"./chunks/framework.7pWjBRC
   value.value = null;
   mode.value = btn;
 };
-</script>
`,1);function q(P,S,w,V,x,I){const a=t("GlobalDemo"),n=t("EmptyDemo"),l=t("DisabledTimesDemo");return e(),k("div",null,[E,i(a,{"time-picker-inline":!0}),r,i(a,{"enable-time-picker":!1}),d,i(a,{"is-24":!1}),g,i(a,{"enable-seconds":!0}),y,i(a,{"hours-increment":"2"}),o,i(a,{"minutes-increment":"5"}),c,i(a,{"seconds-increment":"5","enable-seconds":!0}),F,i(a,{"hours-grid-increment":"2"}),u,i(a,{"minutes-grid-increment":"2"}),m,i(a,{"seconds-grid-increment":"2","enable-seconds":!0}),C,i(a,{"no-hours-overlay":!0}),D,i(a,{"no-minutes-overlay":!0}),B,i(a,{"no-seconds-overlay":!0,"enable-seconds":!0}),A,i(n,{"min-time":{hours:11,minutes:30},placeholder:"Select Date"}),_,i(n,{"max-time":{hours:11,minutes:30},placeholder:"Select Date"}),b,i(n,{"start-time":{hours:0,minutes:0},placeholder:"Select Date"}),v,i(n,{"time-picker":!0,"disable-time-range-validation":!0,range:!0,placeholder:"Select Time"}),f,i(l),T])}const j=h(p,[["render",q]]);export{R as __pageData,j as default};
+</script>
`,1);function q(P,S,w,V,x,I){const a=t("GlobalDemo"),n=t("EmptyDemo"),l=t("DisabledTimesDemo");return e(),k("div",null,[E,i(a,{"time-picker-inline":!0}),r,i(a,{"enable-time-picker":!1}),d,i(a,{"is-24":!1}),g,i(a,{"enable-seconds":!0}),y,i(a,{"hours-increment":"2"}),o,i(a,{"minutes-increment":"5"}),c,i(a,{"seconds-increment":"5","enable-seconds":!0}),F,i(a,{"hours-grid-increment":"2"}),u,i(a,{"minutes-grid-increment":"2"}),m,i(a,{"seconds-grid-increment":"2","enable-seconds":!0}),C,i(a,{"no-hours-overlay":!0}),D,i(a,{"no-minutes-overlay":!0}),A,i(a,{"no-seconds-overlay":!0,"enable-seconds":!0}),_,i(n,{"min-time":{hours:11,minutes:30},placeholder:"Select Date"}),B,i(n,{"max-time":{hours:11,minutes:30},placeholder:"Select Date"}),b,i(n,{"start-time":{hours:0,minutes:0},placeholder:"Select Date"}),v,i(n,{"time-picker":!0,"disable-time-range-validation":!0,range:!0,placeholder:"Select Time"}),T,i(l),f])}const j=h(p,[["render",q]]);export{R as __pageData,j as default};
diff --git a/docs/assets/props_time-picker-configuration_index.md.72c9jtbW.lean.js b/docs/assets/props_time-picker-configuration_index.md.zFx6qfTh.lean.js
similarity index 73%
rename from docs/assets/props_time-picker-configuration_index.md.72c9jtbW.lean.js
rename to docs/assets/props_time-picker-configuration_index.md.zFx6qfTh.lean.js
index 68f96c79c..5b0cfb699 100644
--- a/docs/assets/props_time-picker-configuration_index.md.72c9jtbW.lean.js
+++ b/docs/assets/props_time-picker-configuration_index.md.zFx6qfTh.lean.js
@@ -1 +1 @@
-import{_ as h,E as t,c as k,J as i,X as s,o as e}from"./chunks/framework.7pWjBRCP.js";const R=JSON.parse('{"title":"Props - Time picker configuration","description":"Configure time-picker behavior","frontmatter":{"lang":"en-US","title":"Props - Time picker configuration","description":"Configure time-picker behavior"},"headers":[],"relativePath":"props/time-picker-configuration/index.md","filePath":"props/time-picker-configuration/index.md"}'),p={name:"props/time-picker-configuration/index.md"},E=s("",6),r=s("",4),d=s("",4),g=s("",4),y=s("",4),o=s("",4),c=s("",4),F=s("",5),u=s("",5),m=s("",4),C=s("",4),D=s("",4),B=s("",4),A=s("",4),_=s("",4),b=s("",4),v=s("",5),f=s("",7),T=s("",1);function q(P,S,w,V,x,I){const a=t("GlobalDemo"),n=t("EmptyDemo"),l=t("DisabledTimesDemo");return e(),k("div",null,[E,i(a,{"time-picker-inline":!0}),r,i(a,{"enable-time-picker":!1}),d,i(a,{"is-24":!1}),g,i(a,{"enable-seconds":!0}),y,i(a,{"hours-increment":"2"}),o,i(a,{"minutes-increment":"5"}),c,i(a,{"seconds-increment":"5","enable-seconds":!0}),F,i(a,{"hours-grid-increment":"2"}),u,i(a,{"minutes-grid-increment":"2"}),m,i(a,{"seconds-grid-increment":"2","enable-seconds":!0}),C,i(a,{"no-hours-overlay":!0}),D,i(a,{"no-minutes-overlay":!0}),B,i(a,{"no-seconds-overlay":!0,"enable-seconds":!0}),A,i(n,{"min-time":{hours:11,minutes:30},placeholder:"Select Date"}),_,i(n,{"max-time":{hours:11,minutes:30},placeholder:"Select Date"}),b,i(n,{"start-time":{hours:0,minutes:0},placeholder:"Select Date"}),v,i(n,{"time-picker":!0,"disable-time-range-validation":!0,range:!0,placeholder:"Select Time"}),f,i(l),T])}const j=h(p,[["render",q]]);export{R as __pageData,j as default};
+import{_ as h,E as t,c as k,J as i,X as s,o as e}from"./chunks/framework.xyZR8MrU.js";const R=JSON.parse('{"title":"Props - Time picker configuration","description":"Configure time-picker behavior","frontmatter":{"lang":"en-US","title":"Props - Time picker configuration","description":"Configure time-picker behavior"},"headers":[],"relativePath":"props/time-picker-configuration/index.md","filePath":"props/time-picker-configuration/index.md"}'),p={name:"props/time-picker-configuration/index.md"},E=s("",6),r=s("",4),d=s("",4),g=s("",4),y=s("",4),o=s("",4),c=s("",4),F=s("",5),u=s("",5),m=s("",4),C=s("",4),D=s("",4),A=s("",4),_=s("",4),B=s("",4),b=s("",4),v=s("",5),T=s("",7),f=s("",1);function q(P,S,w,V,x,I){const a=t("GlobalDemo"),n=t("EmptyDemo"),l=t("DisabledTimesDemo");return e(),k("div",null,[E,i(a,{"time-picker-inline":!0}),r,i(a,{"enable-time-picker":!1}),d,i(a,{"is-24":!1}),g,i(a,{"enable-seconds":!0}),y,i(a,{"hours-increment":"2"}),o,i(a,{"minutes-increment":"5"}),c,i(a,{"seconds-increment":"5","enable-seconds":!0}),F,i(a,{"hours-grid-increment":"2"}),u,i(a,{"minutes-grid-increment":"2"}),m,i(a,{"seconds-grid-increment":"2","enable-seconds":!0}),C,i(a,{"no-hours-overlay":!0}),D,i(a,{"no-minutes-overlay":!0}),A,i(a,{"no-seconds-overlay":!0,"enable-seconds":!0}),_,i(n,{"min-time":{hours:11,minutes:30},placeholder:"Select Date"}),B,i(n,{"max-time":{hours:11,minutes:30},placeholder:"Select Date"}),b,i(n,{"start-time":{hours:0,minutes:0},placeholder:"Select Date"}),v,i(n,{"time-picker":!0,"disable-time-range-validation":!0,range:!0,placeholder:"Select Time"}),T,i(l),f])}const j=h(p,[["render",q]]);export{R as __pageData,j as default};
diff --git a/docs/assets/slots_components_index.md.ofMHlP60.js b/docs/assets/slots_components_index.md.IwR6ehLN.js
similarity index 96%
rename from docs/assets/slots_components_index.md.ofMHlP60.js
rename to docs/assets/slots_components_index.md.IwR6ehLN.js
index becbc902c..d540c8174 100644
--- a/docs/assets/slots_components_index.md.ofMHlP60.js
+++ b/docs/assets/slots_components_index.md.IwR6ehLN.js
@@ -1,4 +1,4 @@
-import{_ as l,E as i,c as t,J as a,X as s,o as p}from"./chunks/framework.7pWjBRCP.js";const D=JSON.parse('{"title":"Slots - Components","description":"Replace the built-in components with custom implementation","frontmatter":{"lang":"en-US","title":"Slots - Components","description":"Replace the built-in components with custom implementation"},"headers":[],"relativePath":"slots/components/index.md","filePath":"slots/components/index.md"}'),e={name:"slots/components/index.md"},E=s('
Component slots ​
Replace the built-in components with custom implementation
month-year ​
Create and use a custom component implementation in the header for month/year select
Info
When using this slot, the overlays will not be available, it is up to you to create them if you want
Warning
Depending on the used mode, slot will provide a different set of props
',6),r=s(`
Exposed props:
Date picker
ts
interface DefaultSelect {
+import{_ as l,E as i,c as t,J as a,X as s,o as p}from"./chunks/framework.xyZR8MrU.js";const D=JSON.parse('{"title":"Slots - Components","description":"Replace the built-in components with custom implementation","frontmatter":{"lang":"en-US","title":"Slots - Components","description":"Replace the built-in components with custom implementation"},"headers":[],"relativePath":"slots/components/index.md","filePath":"slots/components/index.md"}'),e={name:"slots/components/index.md"},E=s('
Component slots ​
Replace the built-in components with custom implementation
month-year ​
Create and use a custom component implementation in the header for month/year select
Info
When using this slot, the overlays will not be available, it is up to you to create them if you want
Warning
Depending on the used mode, slot will provide a different set of props
',6),r=s(`
Exposed props:
Date picker
ts
interface DefaultSelect {
   value: number;
   text: string;
   className?: Record<string, boolean>;
@@ -29,7 +29,7 @@ import{_ as l,E as i,c as t,J as a,X as s,o as p}from"./chunks/framework.7pWjBRC
   disabled: boolean; // If the selection is disabled
   className: Record<string, boolean>; // Applied classes on a given cell
 }
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
       <template 
           #month-year="{
               month,
@@ -57,16 +57,16 @@ import{_ as l,E as i,c as t,J as a,X as s,o as p}from"./chunks/framework.7pWjBRC
           <span 
               class="custom-icon" 
               @click="handleMonthYearChange(false)">
-            <ChevronLeftIcon />
+            <ChevronLeftIcon />
           </span>
           <span 
               class="custom-icon" 
               @click="handleMonthYearChange(true)">
-            <ChevronRightIcon />
+            <ChevronRightIcon />
           </span>
         </div>
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script lang="ts" setup>
@@ -139,7 +139,7 @@ import{_ as l,E as i,c as t,J as a,X as s,o as p}from"./chunks/framework.7pWjBRC
 }
 
 type UpdateTime = (value: number | number[], isHours: boolean, isSeconds: boolean) => void;
Info
Keep in mind that when you are using the range picker, both values for the time must be emitted. For example if you want to update the second date hours, you will call a function something like this updateTime([firstValueSaved, newSecondValue])
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
       <template #time-picker="{ time, updateTime }">
         <div class="custom-time-picker-component">
           <select 
@@ -164,7 +164,7 @@ import{_ as l,E as i,c as t,J as a,X as s,o as p}from"./chunks/framework.7pWjBRC
           </select>
         </div>
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script lang="ts" setup>
@@ -208,14 +208,14 @@ import{_ as l,E as i,c as t,J as a,X as s,o as p}from"./chunks/framework.7pWjBRC
   -webkit-appearance: menulist;
 }
 </style>
action-row ​
Create and use a custom component for action row
`,7),g=s(`
This slot exposes the following:
  • internalModelValue (Date | Date[] | null) 
    • Current selected value in the datepicker
  • selectDate (() => void) 
    • Select the current internalModelValue value
  • closePicker (() = void) 
    • Close the datepicker menu
  • disabled (boolean) 
    • If the value is invalid based on the provided configuration
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
       <template #action-row="{ internalModelValue, selectDate }">
         <div class="action-row">
           <p class="current-selection">{{ formatDate(internalModelValue) }}</p>
           <button class="select-button" @click="selectDate">Select Date</button>
         </div>
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script lang="ts" setup>
@@ -237,4 +237,4 @@ import{_ as l,E as i,c as t,J as a,X as s,o as p}from"./chunks/framework.7pWjBRC
   align-items: center;
   width: 100%;
 }
-</style>
`,3);function y(F,o,c,C,B,u){const n=i("MonthYearSlotDemo"),h=i("TimePickerSlotDemo"),k=i("ActionRowSlotDemo");return p(),t("div",null,[E,a(n,{"default-slot":!0}),r,a(h),d,a(k),g])}const m=l(e,[["render",y]]);export{D as __pageData,m as default};
+</style>
`,3);function y(F,o,c,C,u,B){const n=i("MonthYearSlotDemo"),h=i("TimePickerSlotDemo"),k=i("ActionRowSlotDemo");return p(),t("div",null,[E,a(n,{"default-slot":!0}),r,a(h),d,a(k),g])}const m=l(e,[["render",y]]);export{D as __pageData,m as default};
diff --git a/docs/assets/slots_components_index.md.ofMHlP60.lean.js b/docs/assets/slots_components_index.md.IwR6ehLN.lean.js
similarity index 83%
rename from docs/assets/slots_components_index.md.ofMHlP60.lean.js
rename to docs/assets/slots_components_index.md.IwR6ehLN.lean.js
index f52ce740b..17b7e8834 100644
--- a/docs/assets/slots_components_index.md.ofMHlP60.lean.js
+++ b/docs/assets/slots_components_index.md.IwR6ehLN.lean.js
@@ -1 +1 @@
-import{_ as l,E as i,c as t,J as a,X as s,o as p}from"./chunks/framework.7pWjBRCP.js";const D=JSON.parse('{"title":"Slots - Components","description":"Replace the built-in components with custom implementation","frontmatter":{"lang":"en-US","title":"Slots - Components","description":"Replace the built-in components with custom implementation"},"headers":[],"relativePath":"slots/components/index.md","filePath":"slots/components/index.md"}'),e={name:"slots/components/index.md"},E=s("",6),r=s("",12),d=s("",7),g=s("",3);function y(F,o,c,C,B,u){const n=i("MonthYearSlotDemo"),h=i("TimePickerSlotDemo"),k=i("ActionRowSlotDemo");return p(),t("div",null,[E,a(n,{"default-slot":!0}),r,a(h),d,a(k),g])}const m=l(e,[["render",y]]);export{D as __pageData,m as default};
+import{_ as l,E as i,c as t,J as a,X as s,o as p}from"./chunks/framework.xyZR8MrU.js";const D=JSON.parse('{"title":"Slots - Components","description":"Replace the built-in components with custom implementation","frontmatter":{"lang":"en-US","title":"Slots - Components","description":"Replace the built-in components with custom implementation"},"headers":[],"relativePath":"slots/components/index.md","filePath":"slots/components/index.md"}'),e={name:"slots/components/index.md"},E=s("",6),r=s("",12),d=s("",7),g=s("",3);function y(F,o,c,C,u,B){const n=i("MonthYearSlotDemo"),h=i("TimePickerSlotDemo"),k=i("ActionRowSlotDemo");return p(),t("div",null,[E,a(n,{"default-slot":!0}),r,a(h),d,a(k),g])}const m=l(e,[["render",y]]);export{D as __pageData,m as default};
diff --git a/docs/assets/slots_content_index.md.nGrUTViM.js b/docs/assets/slots_content_index.md.nRLIuxQu.js
similarity index 93%
rename from docs/assets/slots_content_index.md.nGrUTViM.js
rename to docs/assets/slots_content_index.md.nRLIuxQu.js
index d2f52f631..20fc5adae 100644
--- a/docs/assets/slots_content_index.md.nGrUTViM.js
+++ b/docs/assets/slots_content_index.md.nRLIuxQu.js
@@ -1,11 +1,11 @@
-import{_ as t,E as n,c as k,J as i,X as s,o as l}from"./chunks/framework.7pWjBRCP.js";const T=JSON.parse('{"title":"Slots - Content","description":"Datepicker content slots to customize parts in the menu","frontmatter":{"lang":"en-US","title":"Slots - Content","description":"Datepicker content slots to customize parts in the menu"},"headers":[],"relativePath":"slots/content/index.md","filePath":"slots/content/index.md"}'),p={name:"slots/content/index.md"},e=s('
Content ​
Customize parts in the datepicker menu
calendar-header ​
Replace the content in the calendar header cells
Available props are:
  • day: Displayed value in the header cell
  • index: Column index it is rendered by
',6),E=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+import{_ as t,E as n,c as k,J as i,X as s,o as l}from"./chunks/framework.xyZR8MrU.js";const T=JSON.parse('{"title":"Slots - Content","description":"Datepicker content slots to customize parts in the menu","frontmatter":{"lang":"en-US","title":"Slots - Content","description":"Datepicker content slots to customize parts in the menu"},"headers":[],"relativePath":"slots/content/index.md","filePath":"slots/content/index.md"}'),p={name:"slots/content/index.md"},e=s('
Content ​
Customize parts in the datepicker menu
calendar-header ​
Replace the content in the calendar header cells
Available props are:
  • day: Displayed value in the header cell
  • index: Column index it is rendered by
',6),E=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date">
       <template #calendar-header="{ index, day }">
         <div :class="index === 5 || index === 6 ? 'red-color' : ''">
           {{ day }}
         </div>
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -19,7 +19,7 @@ import{_ as t,E as n,c as k,J as i,X as s,o as l}from"./chunks/framework.7pWjBRC
         color: red;
     }
 </style>
day ​
This slot allows you to place custom content in the calendar
This slot will also provide 2 props when used
  • day: This is the day number displayed in the calendar
  • date: This is the date value from that day
`,5),r=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
         <template #day="{ day, date }">
             <template v-if="day === tomorrow">
               <img class="slot-icon" src="/logo.png"/>
@@ -28,7 +28,7 @@ import{_ as t,E as n,c as k,J as i,X as s,o as l}from"./chunks/framework.7pWjBRC
               {{ day }}
             </template>
         </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -44,11 +44,11 @@ import{_ as t,E as n,c as k,J as i,X as s,o as l}from"./chunks/framework.7pWjBRC
         width: auto;
     }
 </style>
action-buttons ​
This slot replaces the buttons section in the action row
`,3),d=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" ref="dp">
+    <VueDatePicker v-model="date" ref="dp">
       <template #action-buttons>
         <p class="custom-select" @click="selectDate">Select</p>
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -70,11 +70,11 @@ import{_ as t,E as n,c as k,J as i,X as s,o as l}from"./chunks/framework.7pWjBRC
       display: inline-block;
     }
 </style>
action-preview ​
This slot replaces the date preview section in the action row
This slot will provide one prop
  • value: Current selection in the picker, this can be Date object, or in case of range, Date array
`,5),g=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" ref="dp">
+    <VueDatePicker v-model="date" ref="dp">
       <template #action-preview="{ value }">
         {{ getDate(value) }}
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -89,13 +89,13 @@ import{_ as t,E as n,c as k,J as i,X as s,o as l}from"./chunks/framework.7pWjBRC
   return \`Selected \${newDate.getDate()}\`;
 }
 </script>
action-extra ​
This slot provides extra space in the action row
One prop is available:
  • selectCurrentDate - Function to call to select the date
`,5),y=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
       <template #action-extra="{ selectCurrentDate }">
         <span @click="selectCurrentDate()" title="Select current date">
           <img class="slot-icon" src="/logo.png" />
         </span>
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -111,11 +111,11 @@ import{_ as t,E as n,c as k,J as i,X as s,o as l}from"./chunks/framework.7pWjBRC
     cursor: pointer;
   }
 </style>
am-pm-button ​
This slot replaces the am-pm button in the time picker when the is-24 prop is set to false
Two props are available:
  • toggle - Function to call to switch AM/PM
  • value - Currently active mode, AM or PM
`,5),F=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
       <template #am-pm-button="{ toggle, value }">
         <button @click="toggle">{{ value }}</button>
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -161,11 +161,11 @@ import{_ as t,E as n,c as k,J as i,X as s,o as l}from"./chunks/framework.7pWjBRC
   time: { hours: number | number[]; minutes: number | number[]; seconds: number | number[] };
   updateTime: (value: number | number[], isHours = true, isSeconds = false) => void;
 }
  • modelValue - By modifying this variable, you will directly modify the current selection
  • time - Reactive object containing time, may be different that the v-model set time
  • updateTime - Function that updates time
`,21),o=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
       <template #left-sidebar="props">
         <div>Custom content</div>
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -211,11 +211,11 @@ import{_ as t,E as n,c as k,J as i,X as s,o as l}from"./chunks/framework.7pWjBRC
   time: { hours: number | number[]; minutes: number | number[]; seconds: number | number[] };
   updateTime: (value: number | number[], isHours = true, isSeconds = false) => void;
 }
  • modelValue - By modifying this variable, you will directly modify the current selection
  • time - Reactive object containing time, may be different that the v-model set time
  • updateTime - Function that updates time
`,20),c=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
       <template #right-sidebar>
         <div>Custom content</div>
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -223,11 +223,11 @@ import{_ as t,E as n,c as k,J as i,X as s,o as l}from"./chunks/framework.7pWjBRC
 
 const date = ref();
 </script>
marker-tooltip ​
This slot replaces the content inside the marker tooltip
Two props are available:
  • tooltip - The tooltip data provided in the array
  • day - The date marker is displayed on
`,5),C=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :markers="markers">
+    <VueDatePicker v-model="date" :markers="markers">
       <template #marker-tooltip="{ tooltip, day }">
         <div>Custom content on {{ day }}</div>
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -256,11 +256,11 @@ import{_ as t,E as n,c as k,J as i,X as s,o as l}from"./chunks/framework.7pWjBRC
   },
 ])
 </script>
marker ​
This slot replaces the default marker shape (line or dot)
Info
When slot is provided, you will have to do a custom styling in order to position it on the right place
Three props are available:
  • marker - Provided marker configuration
  • day - The text value displayed in the calendar cell
  • date - The date marker is displayed on
`,6),u=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :markers="markers">
+    <VueDatePicker v-model="date" :markers="markers">
       <template #marker="{ marker, day, date }">
         <span class="custom-marker"></span>
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -300,12 +300,12 @@ import{_ as t,E as n,c as k,J as i,X as s,o as l}from"./chunks/framework.7pWjBRC
   border-radius: 100%;
   background-color: green;
 }
-</style>
quarter ​
This slot replaces the default quarter item
Two props are available:
  • value - First date for a given quarter
  • text - The text value displayed in the quarter button
`,5),B=s(`
Code Example
vue
<template>
-  <VueDatePicker v-model="quarter">
+</style>
quarter ​
This slot replaces the default quarter item
Two props are available:
  • value - First date for a given quarter
  • text - The text value displayed in the quarter button
`,5),A=s(`
Code Example
vue
<template>
+  <VueDatePicker v-model="quarter">
     <template #quarter="{ value }">
       <span>{{ formatQuarter(value) }}</span>
     </template>
-  </VueDatePicker>
+  </VueDatePicker>
 </template>
 
 <script setup>
@@ -317,4 +317,4 @@ import{_ as t,E as n,c as k,J as i,X as s,o as l}from"./chunks/framework.7pWjBRC
   const formatQuarter = (quarter) => {
       return format(quarter, 'QQQ')
   }
-</script>
`,1);function D(A,m,b,v,f,_){const a=n("DemoSlots"),h=n("DemoMarkers");return l(),k("div",null,[e,i(a,{useCalendarHeaderSlot:!0}),E,i(a,{useDaySlot:!0}),r,i(a,{useActionButtonSlot:!0}),d,i(a,{useActionPreviewSlot:!0}),g,i(a,{useActionExtraSlot:!0,showNowButton:!0,placeholder:"Select Date"}),y,i(a,{useAmPmButtonSlot:!0,is24:!1,placeholder:"Select Date"}),F,i(a,{useLeftSidebarSlot:!0,placeholder:"Select Date"}),o,i(a,{useRightSidebarSlot:!0,placeholder:"Select Date"}),c,i(h,{useMarkerTooltipSlot:!0}),C,i(h,{useMarkerSlot:!0}),u,i(a,{useQuarterSlot:!0}),B])}const w=t(p,[["render",D]]);export{T as __pageData,w as default};
+</script>
`,1);function D(B,m,b,v,f,_){const a=n("DemoSlots"),h=n("DemoMarkers");return l(),k("div",null,[e,i(a,{useCalendarHeaderSlot:!0}),E,i(a,{useDaySlot:!0}),r,i(a,{useActionButtonSlot:!0}),d,i(a,{useActionPreviewSlot:!0}),g,i(a,{useActionExtraSlot:!0,showNowButton:!0,placeholder:"Select Date"}),y,i(a,{useAmPmButtonSlot:!0,is24:!1,placeholder:"Select Date"}),F,i(a,{useLeftSidebarSlot:!0,placeholder:"Select Date"}),o,i(a,{useRightSidebarSlot:!0,placeholder:"Select Date"}),c,i(h,{useMarkerTooltipSlot:!0}),C,i(h,{useMarkerSlot:!0}),u,i(a,{useQuarterSlot:!0}),A])}const w=t(p,[["render",D]]);export{T as __pageData,w as default};
diff --git a/docs/assets/slots_content_index.md.nGrUTViM.lean.js b/docs/assets/slots_content_index.md.nRLIuxQu.lean.js
similarity index 78%
rename from docs/assets/slots_content_index.md.nGrUTViM.lean.js
rename to docs/assets/slots_content_index.md.nRLIuxQu.lean.js
index 94bc3a2cc..48838ebe2 100644
--- a/docs/assets/slots_content_index.md.nGrUTViM.lean.js
+++ b/docs/assets/slots_content_index.md.nRLIuxQu.lean.js
@@ -1 +1 @@
-import{_ as t,E as n,c as k,J as i,X as s,o as l}from"./chunks/framework.7pWjBRCP.js";const T=JSON.parse('{"title":"Slots - Content","description":"Datepicker content slots to customize parts in the menu","frontmatter":{"lang":"en-US","title":"Slots - Content","description":"Datepicker content slots to customize parts in the menu"},"headers":[],"relativePath":"slots/content/index.md","filePath":"slots/content/index.md"}'),p={name:"slots/content/index.md"},e=s("",6),E=s("",5),r=s("",3),d=s("",5),g=s("",5),y=s("",5),F=s("",21),o=s("",20),c=s("",5),C=s("",6),u=s("",5),B=s("",1);function D(A,m,b,v,f,_){const a=n("DemoSlots"),h=n("DemoMarkers");return l(),k("div",null,[e,i(a,{useCalendarHeaderSlot:!0}),E,i(a,{useDaySlot:!0}),r,i(a,{useActionButtonSlot:!0}),d,i(a,{useActionPreviewSlot:!0}),g,i(a,{useActionExtraSlot:!0,showNowButton:!0,placeholder:"Select Date"}),y,i(a,{useAmPmButtonSlot:!0,is24:!1,placeholder:"Select Date"}),F,i(a,{useLeftSidebarSlot:!0,placeholder:"Select Date"}),o,i(a,{useRightSidebarSlot:!0,placeholder:"Select Date"}),c,i(h,{useMarkerTooltipSlot:!0}),C,i(h,{useMarkerSlot:!0}),u,i(a,{useQuarterSlot:!0}),B])}const w=t(p,[["render",D]]);export{T as __pageData,w as default};
+import{_ as t,E as n,c as k,J as i,X as s,o as l}from"./chunks/framework.xyZR8MrU.js";const T=JSON.parse('{"title":"Slots - Content","description":"Datepicker content slots to customize parts in the menu","frontmatter":{"lang":"en-US","title":"Slots - Content","description":"Datepicker content slots to customize parts in the menu"},"headers":[],"relativePath":"slots/content/index.md","filePath":"slots/content/index.md"}'),p={name:"slots/content/index.md"},e=s("",6),E=s("",5),r=s("",3),d=s("",5),g=s("",5),y=s("",5),F=s("",21),o=s("",20),c=s("",5),C=s("",6),u=s("",5),A=s("",1);function D(B,m,b,v,f,_){const a=n("DemoSlots"),h=n("DemoMarkers");return l(),k("div",null,[e,i(a,{useCalendarHeaderSlot:!0}),E,i(a,{useDaySlot:!0}),r,i(a,{useActionButtonSlot:!0}),d,i(a,{useActionPreviewSlot:!0}),g,i(a,{useActionExtraSlot:!0,showNowButton:!0,placeholder:"Select Date"}),y,i(a,{useAmPmButtonSlot:!0,is24:!1,placeholder:"Select Date"}),F,i(a,{useLeftSidebarSlot:!0,placeholder:"Select Date"}),o,i(a,{useRightSidebarSlot:!0,placeholder:"Select Date"}),c,i(h,{useMarkerTooltipSlot:!0}),C,i(h,{useMarkerSlot:!0}),u,i(a,{useQuarterSlot:!0}),A])}const w=t(p,[["render",D]]);export{T as __pageData,w as default};
diff --git a/docs/assets/slots_icons_index.md.J1szfmiS.js b/docs/assets/slots_icons_index.md.dXQF9EzH.js
similarity index 86%
rename from docs/assets/slots_icons_index.md.J1szfmiS.js
rename to docs/assets/slots_icons_index.md.dXQF9EzH.js
index 633c5406a..d713b9ac4 100644
--- a/docs/assets/slots_icons_index.md.J1szfmiS.js
+++ b/docs/assets/slots_icons_index.md.dXQF9EzH.js
@@ -1,9 +1,9 @@
-import{_ as h,E as l,c as k,J as i,m as n,a as t,X as a,o as p}from"./chunks/framework.7pWjBRCP.js";const w=JSON.parse('{"title":"Slots - Icons","description":"Customize the icons in the datepicker","frontmatter":{"lang":"en-US","title":"Slots - Icons","description":"Customize the icons in the datepicker"},"headers":[],"relativePath":"slots/icons/index.md","filePath":"slots/icons/index.md"}'),e={name:"slots/icons/index.md"},E=n("h1",{id:"icons",tabindex:"-1"},[t("Icons "),n("a",{class:"header-anchor",href:"#icons","aria-label":'Permalink to "Icons"'},"​")],-1),r=n("p",null,"Change datepicker icons",-1),d=n("h2",{id:"input-icon",tabindex:"-1"},[t("input-icon "),n("a",{class:"header-anchor",href:"#input-icon","aria-label":'Permalink to "input-icon"'},"​")],-1),g=n("p",null,"This slot replaces the calendar icon in the input element with your custom element",-1),y=a(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+import{_ as t,E as l,c as k,J as i,m as n,a as h,X as a,o as p}from"./chunks/framework.xyZR8MrU.js";const f=JSON.parse('{"title":"Slots - Icons","description":"Customize the icons in the datepicker","frontmatter":{"lang":"en-US","title":"Slots - Icons","description":"Customize the icons in the datepicker"},"headers":[],"relativePath":"slots/icons/index.md","filePath":"slots/icons/index.md"}'),e={name:"slots/icons/index.md"},E=n("h1",{id:"icons",tabindex:"-1"},[h("Icons "),n("a",{class:"header-anchor",href:"#icons","aria-label":'Permalink to "Icons"'},"​")],-1),r=n("p",null,"Change datepicker icons",-1),d=n("h2",{id:"input-icon",tabindex:"-1"},[h("input-icon "),n("a",{class:"header-anchor",href:"#input-icon","aria-label":'Permalink to "input-icon"'},"​")],-1),g=n("p",null,"This slot replaces the calendar icon in the input element with your custom element",-1),y=a(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date">
         <template #input-icon>
             <img class="input-slot-image" src="/logo.png"/>
         </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -19,11 +19,11 @@ import{_ as h,E as l,c as k,J as i,m as n,a as t,X as a,o as p}from"./chunks/fra
         margin-left: 5px;
     }
 </style>
clear-icon ​
This slot replaces the clear icon in the input element with your custom element
`,3),c=a(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
         <template #clear-icon="{ clear }">
             <img class="input-slot-image" src="/logo.png" @click="clear" />
         </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -39,11 +39,11 @@ import{_ as h,E as l,c as k,J as i,m as n,a as t,X as a,o as p}from"./chunks/fra
         margin-right: 5px;
     }
 </style>
clock-icon ​
This slot replaces the default clock icon used to select the time
`,3),o=a(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
         <template #clock-icon>
             <img class="slot-icon" src="/logo.png"/>
         </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -58,11 +58,11 @@ import{_ as h,E as l,c as k,J as i,m as n,a as t,X as a,o as p}from"./chunks/fra
         width: auto;
     }
 </style>
arrow-left ​
This slot replaces the arrow left icon on the month/year select row
`,3),F=a(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
         <template #arrow-left>
             <img class="slot-icon" src="/logo.png"/>
         </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -77,11 +77,11 @@ import{_ as h,E as l,c as k,J as i,m as n,a as t,X as a,o as p}from"./chunks/fra
         width: auto;
     }
 </style>
arrow-right ​
This slot replaces the arrow right icon on the month/year select row
`,3),C=a(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
         <template #arrow-right>
             <img class="slot-icon" src="/logo.png"/>
         </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -96,11 +96,11 @@ import{_ as h,E as l,c as k,J as i,m as n,a as t,X as a,o as p}from"./chunks/fra
         width: auto;
     }
 </style>
arrow-up ​
This slot replaces the arrow up icon in the time picker or header if vertical mode is enabled
`,3),u=a(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
         <template #arrow-up>
             <img class="slot-icon" src="/logo.png"/>
         </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -115,12 +115,12 @@ import{_ as h,E as l,c as k,J as i,m as n,a as t,X as a,o as p}from"./chunks/fra
         width: auto;
        margin: 0 auto;
     }
-</style>
arrow-down ​
This slot replaces the arrow down icon in the time picker or header if vertical mode is enabled
`,3),B=a(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+</style>
arrow-down ​
This slot replaces the arrow down icon in the time picker or header if vertical mode is enabled
`,3),m=a(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date">
         <template #arrow-down>
             <img class="slot-icon" src="/logo.png"/>
         </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -136,11 +136,11 @@ import{_ as h,E as l,c as k,J as i,m as n,a as t,X as a,o as p}from"./chunks/fra
         margin: 0 auto;
     }
 </style>
calendar-icon ​
This slot replaces the back to calendar icon
`,3),D=a(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
         <template #calendar-icon>
             <img class="slot-icon" src="/logo.png"/>
         </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -154,4 +154,4 @@ import{_ as h,E as l,c as k,J as i,m as n,a as t,X as a,o as p}from"./chunks/fra
         height: 20px;
         width: auto;
     }
-</style>
`,1);function m(A,_,f,v,q,b){const s=l("DemoSlots");return p(),k("div",null,[E,r,d,g,i(s,{useInputIconSlot:!0}),y,i(s,{useClearIconSlot:!0}),c,i(s,{useClockIconSlot:!0}),o,i(s,{useArrowLeftSlot:!0}),F,i(s,{useArrowRightSlot:!0}),C,i(s,{useArrowUpSlot:!0}),u,i(s,{useArrowDownSlot:!0}),B,i(s,{useCalendarIconSlot:!0}),D])}const P=h(e,[["render",m]]);export{w as __pageData,P as default};
+</style>
`,1);function A(B,_,v,q,b,T){const s=l("DemoSlots");return p(),k("div",null,[E,r,d,g,i(s,{useInputIconSlot:!0}),y,i(s,{useClearIconSlot:!0}),c,i(s,{useClockIconSlot:!0}),o,i(s,{useArrowLeftSlot:!0}),F,i(s,{useArrowRightSlot:!0}),C,i(s,{useArrowUpSlot:!0}),u,i(s,{useArrowDownSlot:!0}),m,i(s,{useCalendarIconSlot:!0}),D])}const P=t(e,[["render",A]]);export{f as __pageData,P as default};
diff --git a/docs/assets/slots_icons_index.md.J1szfmiS.lean.js b/docs/assets/slots_icons_index.md.dXQF9EzH.lean.js
similarity index 62%
rename from docs/assets/slots_icons_index.md.J1szfmiS.lean.js
rename to docs/assets/slots_icons_index.md.dXQF9EzH.lean.js
index 3534bdfee..edac3f370 100644
--- a/docs/assets/slots_icons_index.md.J1szfmiS.lean.js
+++ b/docs/assets/slots_icons_index.md.dXQF9EzH.lean.js
@@ -1 +1 @@
-import{_ as h,E as l,c as k,J as i,m as n,a as t,X as a,o as p}from"./chunks/framework.7pWjBRCP.js";const w=JSON.parse('{"title":"Slots - Icons","description":"Customize the icons in the datepicker","frontmatter":{"lang":"en-US","title":"Slots - Icons","description":"Customize the icons in the datepicker"},"headers":[],"relativePath":"slots/icons/index.md","filePath":"slots/icons/index.md"}'),e={name:"slots/icons/index.md"},E=n("h1",{id:"icons",tabindex:"-1"},[t("Icons "),n("a",{class:"header-anchor",href:"#icons","aria-label":'Permalink to "Icons"'},"​")],-1),r=n("p",null,"Change datepicker icons",-1),d=n("h2",{id:"input-icon",tabindex:"-1"},[t("input-icon "),n("a",{class:"header-anchor",href:"#input-icon","aria-label":'Permalink to "input-icon"'},"​")],-1),g=n("p",null,"This slot replaces the calendar icon in the input element with your custom element",-1),y=a("",3),c=a("",3),o=a("",3),F=a("",3),C=a("",3),u=a("",3),B=a("",3),D=a("",1);function m(A,_,f,v,q,b){const s=l("DemoSlots");return p(),k("div",null,[E,r,d,g,i(s,{useInputIconSlot:!0}),y,i(s,{useClearIconSlot:!0}),c,i(s,{useClockIconSlot:!0}),o,i(s,{useArrowLeftSlot:!0}),F,i(s,{useArrowRightSlot:!0}),C,i(s,{useArrowUpSlot:!0}),u,i(s,{useArrowDownSlot:!0}),B,i(s,{useCalendarIconSlot:!0}),D])}const P=h(e,[["render",m]]);export{w as __pageData,P as default};
+import{_ as t,E as l,c as k,J as i,m as n,a as h,X as a,o as p}from"./chunks/framework.xyZR8MrU.js";const f=JSON.parse('{"title":"Slots - Icons","description":"Customize the icons in the datepicker","frontmatter":{"lang":"en-US","title":"Slots - Icons","description":"Customize the icons in the datepicker"},"headers":[],"relativePath":"slots/icons/index.md","filePath":"slots/icons/index.md"}'),e={name:"slots/icons/index.md"},E=n("h1",{id:"icons",tabindex:"-1"},[h("Icons "),n("a",{class:"header-anchor",href:"#icons","aria-label":'Permalink to "Icons"'},"​")],-1),r=n("p",null,"Change datepicker icons",-1),d=n("h2",{id:"input-icon",tabindex:"-1"},[h("input-icon "),n("a",{class:"header-anchor",href:"#input-icon","aria-label":'Permalink to "input-icon"'},"​")],-1),g=n("p",null,"This slot replaces the calendar icon in the input element with your custom element",-1),y=a("",3),c=a("",3),o=a("",3),F=a("",3),C=a("",3),u=a("",3),m=a("",3),D=a("",1);function A(B,_,v,q,b,T){const s=l("DemoSlots");return p(),k("div",null,[E,r,d,g,i(s,{useInputIconSlot:!0}),y,i(s,{useClearIconSlot:!0}),c,i(s,{useClockIconSlot:!0}),o,i(s,{useArrowLeftSlot:!0}),F,i(s,{useArrowRightSlot:!0}),C,i(s,{useArrowUpSlot:!0}),u,i(s,{useArrowDownSlot:!0}),m,i(s,{useCalendarIconSlot:!0}),D])}const P=t(e,[["render",A]]);export{f as __pageData,P as default};
diff --git a/docs/assets/slots_overlay_index.md.wbhmzQnf.js b/docs/assets/slots_overlay_index.md.fUKPc7Os.js
similarity index 89%
rename from docs/assets/slots_overlay_index.md.wbhmzQnf.js
rename to docs/assets/slots_overlay_index.md.fUKPc7Os.js
index 3b1a7be26..bddd402ea 100644
--- a/docs/assets/slots_overlay_index.md.wbhmzQnf.js
+++ b/docs/assets/slots_overlay_index.md.fUKPc7Os.js
@@ -1,5 +1,5 @@
-import{_ as h,E as l,c as n,J as i,X as s,o as k}from"./chunks/framework.7pWjBRCP.js";const P=JSON.parse('{"title":"Slots - Overlay","description":"Customize the overlays in the datepicker menu","frontmatter":{"lang":"en-US","title":"Slots - Overlay","description":"Customize the overlays in the datepicker menu"},"headers":[],"relativePath":"slots/overlay/index.md","filePath":"slots/overlay/index.md"}'),p={name:"slots/overlay/index.md"},e=s('
Overlay ​
Customize overlay and overlay triggers
time-picker-overlay ​
This slot replaces the full overlay in the timepicker
Several props are available:
  • range: Value passed from general props
  • hours: Selected hours value
  • minutes: Selected minutes value
  • seconds: Selected seconds value
  • setHours: Function to call to set hours, (hours: number | number[]) => void
  • setMinutes: Function to call to set minutes, (minutes: number | number[]) => void
  • setSeconds: Function to call to set seconds, (seconds: number | number[]) => void
Info
If you are using range mode, make sure to pass number arrays in functions
',7),E=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+import{_ as l,E as h,c as t,J as i,X as s,o as k}from"./chunks/framework.xyZR8MrU.js";const P=JSON.parse('{"title":"Slots - Overlay","description":"Customize the overlays in the datepicker menu","frontmatter":{"lang":"en-US","title":"Slots - Overlay","description":"Customize the overlays in the datepicker menu"},"headers":[],"relativePath":"slots/overlay/index.md","filePath":"slots/overlay/index.md"}'),p={name:"slots/overlay/index.md"},e=s('
Overlay ​
Customize overlay and overlay triggers
time-picker-overlay ​
This slot replaces the full overlay in the timepicker
Several props are available:
  • range: Value passed from general props
  • hours: Selected hours value
  • minutes: Selected minutes value
  • seconds: Selected seconds value
  • setHours: Function to call to set hours, (hours: number | number[]) => void
  • setMinutes: Function to call to set minutes, (minutes: number | number[]) => void
  • setSeconds: Function to call to set seconds, (seconds: number | number[]) => void
Info
If you are using range mode, make sure to pass number arrays in functions
',7),E=s(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date">
       <template #time-picker-overlay="{ hours, minutes, setHours, setMinutes }">
         <div class="time-picker-overlay">
           <select class="select-input" :value="hours" @change="setHours(+$event.target.value)">
@@ -10,7 +10,7 @@ import{_ as h,E as l,c as n,J as i,X as s,o as k}from"./chunks/framework.7pWjBRC
           </select>
         </div>
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -42,11 +42,11 @@ import{_ as h,E as l,c as n,J as i,X as s,o as k}from"./chunks/framework.7pWjBRC
   flex-direction: column;
 }
 </style>
hours ​
This slot replaces the hours text between the arrows in the time picker
2 props are available
  • text: Value displayed in the datepicker by default
  • value: Actual value used in the code
`,5),r=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
       <template #hours="{ text, value }">
         {{ value }}
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -54,11 +54,11 @@ import{_ as h,E as l,c as n,J as i,X as s,o as k}from"./chunks/framework.7pWjBRC
 
 const date = ref(new Date());
 </script>
minutes ​
This slot replaces the minutes text between the arrows in the time picker
2 props are available
  • text: Value displayed in the datepicker by default
  • value: Actual value used in the code
`,5),d=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
       <template #minutes="{ text, value }">
         {{ value }}
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -66,11 +66,11 @@ import{_ as h,E as l,c as n,J as i,X as s,o as k}from"./chunks/framework.7pWjBRC
 
 const date = ref(new Date());
 </script>
hours-overlay-value ​
This slot replaces the text in the hours overlay
2 props are available
  • text: Value displayed in the datepicker by default
  • value: Actual value used in the code
`,5),g=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
       <template #hours-overlay="{ text, value }">
         {{ value }}
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -78,11 +78,11 @@ import{_ as h,E as l,c as n,J as i,X as s,o as k}from"./chunks/framework.7pWjBRC
 
 const date = ref(new Date());
 </script>
minutes-overlay-value ​
This slot replaces the text in the minutes overlay
2 props are available
  • text: Value displayed in the datepicker by default
  • value: Actual value used in the code
`,5),y=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
       <template #minutes-overlay="{ text, value }">
         {{ value }}
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -90,11 +90,11 @@ import{_ as h,E as l,c as n,J as i,X as s,o as k}from"./chunks/framework.7pWjBRC
 
 const date = ref(new Date());
 </script>
month ​
This slot replaces the text in the month picker
2 props are available
  • text: Value displayed in the datepicker by default
  • value: Actual value used in the code
`,5),o=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
       <template #month="{ text, value }">
         {{ value }}
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -102,11 +102,11 @@ import{_ as h,E as l,c as n,J as i,X as s,o as k}from"./chunks/framework.7pWjBRC
 
 const date = ref(new Date());
 </script>
year ​
This slot replaces the text in the year picker
One props is available
  • value: Displayed year
`,5),F=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
       <template #year="{ value }">
         {{ value }}
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -114,11 +114,11 @@ import{_ as h,E as l,c as n,J as i,X as s,o as k}from"./chunks/framework.7pWjBRC
 
 const date = ref(new Date());
 </script>
month-overlay-value ​
This slot replaces the text in the month picker overlay
2 props are available
  • text: Value displayed in the datepicker by default
  • value: Actual value used in the code
`,5),c=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
       <template #month-overlay-value="{ text, value }">
         {{ value }}
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -126,11 +126,11 @@ import{_ as h,E as l,c as n,J as i,X as s,o as k}from"./chunks/framework.7pWjBRC
 
 const date = ref(new Date());
 </script>
year-overlay-value ​
This slot replaces the text in the month picker overlay
2 props are available, although for the year, text and value are the same
  • text: Value displayed in the datepicker by default
  • value: Actual value used in the code
`,5),u=s(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
       <template #year-overlay-value="{ text, value }">
         {{ value }}
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -138,7 +138,7 @@ import{_ as h,E as l,c as n,J as i,X as s,o as k}from"./chunks/framework.7pWjBRC
 
 const date = ref(new Date());
 </script>
month-overlay ​
Replace the content in month overlay
`,3),C=s(`
This slot exposes the following:
  • month (number) 
    • Selected month value
  • year (number) 
    • Selected year value
  • items ( { text: string; value: number }[]) 
    • Generated array of months
  • updateMonthYear ((month: number, year: number) => void) 
    • Exposed function to update month and year
  • instance (number) 
    • In case of multi-calendars, instance is the order of the calendar
  • toggle (() => void) 
    • Toggle overlay
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
       <template 
           #month-overlay="{
               month,
@@ -157,7 +157,7 @@ import{_ as h,E as l,c as n,J as i,X as s,o as k}from"./chunks/framework.7pWjBRC
             </div>
             <button @click="toggle">Close</button>
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script lang="ts" setup>
@@ -175,8 +175,8 @@ import{_ as h,E as l,c as n,J as i,X as s,o as k}from"./chunks/framework.7pWjBRC
       updateMonthYear(+(event.target as HTMLSelectElement).value, year);
       toggle();
 };
-</script>
year-overlay ​
Replace the content in year overlay
`,5),B=s(`
This slot exposes the following:
  • month (number) 
    • Selected month value
  • year (number) 
    • Selected year value
  • items ( { text: string; value: number }[]) 
    • Generated array of years
  • updateMonthYear ((month: number, year: number) => void) 
    • Exposed function to update month and year
  • instance (number) 
    • In case of multi-calendars, instance is the order of the calendar
  • toggle (() => void) 
    • Toggle overlay
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+</script>
year-overlay ​
Replace the content in year overlay
`,5),m=s(`
This slot exposes the following:
  • month (number) 
    • Selected month value
  • year (number) 
    • Selected year value
  • items ( { text: string; value: number }[]) 
    • Generated array of years
  • updateMonthYear ((month: number, year: number) => void) 
    • Exposed function to update month and year
  • instance (number) 
    • In case of multi-calendars, instance is the order of the calendar
  • toggle (() => void) 
    • Toggle overlay
Code Example
vue
<template>
+    <VueDatePicker v-model="date">
       <template 
           #year-overlay="{
               month,
@@ -196,7 +196,7 @@ import{_ as h,E as l,c as n,J as i,X as s,o as k}from"./chunks/framework.7pWjBRC
             </div>
             <button @click="toggle">Close</button>
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script lang="ts" setup>
@@ -214,8 +214,8 @@ import{_ as h,E as l,c as n,J as i,X as s,o as k}from"./chunks/framework.7pWjBRC
       updateMonthYear(month, +(event.target as HTMLSelectElement).value);
       toggle();
 };
-</script>
month-overlay-header ​
Add a custom content in the overlay header
`,5),D=s(`
Exposed function:
  • toggle (() => void)
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+</script>
month-overlay-header ​
Add a custom content in the overlay header
`,5),A=s(`
Exposed function:
  • toggle (() => void)
Code Example
vue
<template>
+    <VueDatePicker v-model="date">
       <template #month-overlay-header="{ toggle }">
             <div class="overlay-header">
                 <span @click="toggle" class="pointer">
@@ -223,7 +223,7 @@ import{_ as h,E as l,c as n,J as i,X as s,o as k}from"./chunks/framework.7pWjBRC
                 </span>
             </div>
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script lang="ts" setup>
@@ -239,8 +239,8 @@ import{_ as h,E as l,c as n,J as i,X as s,o as k}from"./chunks/framework.7pWjBRC
 .pointer {
   cursor: pointer;
 }
-</style>
year-overlay-header ​
Add a custom content in the overlay header
`,5),m=s(`
Exposed function:
  • toggle (() => void)
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+</style>
year-overlay-header ​
Add a custom content in the overlay header
`,5),D=s(`
Exposed function:
  • toggle (() => void)
Code Example
vue
<template>
+    <VueDatePicker v-model="date">
       <template #year-overlay-header="{ toggle }">
             <div class="overlay-header">
                 <span @click="toggle" class="pointer">
@@ -248,7 +248,7 @@ import{_ as h,E as l,c as n,J as i,X as s,o as k}from"./chunks/framework.7pWjBRC
                 </span>
             </div>
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script lang="ts" setup>
@@ -264,4 +264,4 @@ import{_ as h,E as l,c as n,J as i,X as s,o as k}from"./chunks/framework.7pWjBRC
 .pointer {
   cursor: pointer;
 }
-</style>
`,3);function A(v,_,q,f,b,T){const a=l("DemoSlots"),t=l("MonthYearSlotDemo");return k(),n("div",null,[e,i(a,{useTimePickerOverlay:!0}),E,i(a,{useHoursSlot:!0}),r,i(a,{useMinutesSlot:!0}),d,i(a,{useHoursOverlaySlot:!0}),g,i(a,{useMinutesOverlaySlot:!0}),y,i(a,{useMonthSlot:!0}),o,i(a,{useYearSlot:!0}),F,i(a,{useMonthOverlaySlot:!0}),c,i(a,{useYearOverlaySlot:!0}),u,i(t,{"month-overlay-slot":!0}),C,i(t,{"year-overlay-slot":!0}),B,i(a,{"use-month-overlay-header-slot":!0}),D,i(a,{useYearOverlayHeaderSlot:!0}),m])}const S=h(p,[["render",A]]);export{P as __pageData,S as default};
+</style>
`,3);function v(B,_,q,b,T,f){const a=h("DemoSlots"),n=h("MonthYearSlotDemo");return k(),t("div",null,[e,i(a,{useTimePickerOverlay:!0}),E,i(a,{useHoursSlot:!0}),r,i(a,{useMinutesSlot:!0}),d,i(a,{useHoursOverlaySlot:!0}),g,i(a,{useMinutesOverlaySlot:!0}),y,i(a,{useMonthSlot:!0}),o,i(a,{useYearSlot:!0}),F,i(a,{useMonthOverlaySlot:!0}),c,i(a,{useYearOverlaySlot:!0}),u,i(n,{"month-overlay-slot":!0}),C,i(n,{"year-overlay-slot":!0}),m,i(a,{"use-month-overlay-header-slot":!0}),A,i(a,{useYearOverlayHeaderSlot:!0}),D])}const S=l(p,[["render",v]]);export{P as __pageData,S as default};
diff --git a/docs/assets/slots_overlay_index.md.wbhmzQnf.lean.js b/docs/assets/slots_overlay_index.md.fUKPc7Os.lean.js
similarity index 50%
rename from docs/assets/slots_overlay_index.md.wbhmzQnf.lean.js
rename to docs/assets/slots_overlay_index.md.fUKPc7Os.lean.js
index 6ce058258..07ac4fdcc 100644
--- a/docs/assets/slots_overlay_index.md.wbhmzQnf.lean.js
+++ b/docs/assets/slots_overlay_index.md.fUKPc7Os.lean.js
@@ -1 +1 @@
-import{_ as h,E as l,c as n,J as i,X as s,o as k}from"./chunks/framework.7pWjBRCP.js";const P=JSON.parse('{"title":"Slots - Overlay","description":"Customize the overlays in the datepicker menu","frontmatter":{"lang":"en-US","title":"Slots - Overlay","description":"Customize the overlays in the datepicker menu"},"headers":[],"relativePath":"slots/overlay/index.md","filePath":"slots/overlay/index.md"}'),p={name:"slots/overlay/index.md"},e=s("",7),E=s("",5),r=s("",5),d=s("",5),g=s("",5),y=s("",5),o=s("",5),F=s("",5),c=s("",5),u=s("",3),C=s("",5),B=s("",5),D=s("",5),m=s("",3);function A(v,_,q,f,b,T){const a=l("DemoSlots"),t=l("MonthYearSlotDemo");return k(),n("div",null,[e,i(a,{useTimePickerOverlay:!0}),E,i(a,{useHoursSlot:!0}),r,i(a,{useMinutesSlot:!0}),d,i(a,{useHoursOverlaySlot:!0}),g,i(a,{useMinutesOverlaySlot:!0}),y,i(a,{useMonthSlot:!0}),o,i(a,{useYearSlot:!0}),F,i(a,{useMonthOverlaySlot:!0}),c,i(a,{useYearOverlaySlot:!0}),u,i(t,{"month-overlay-slot":!0}),C,i(t,{"year-overlay-slot":!0}),B,i(a,{"use-month-overlay-header-slot":!0}),D,i(a,{useYearOverlayHeaderSlot:!0}),m])}const S=h(p,[["render",A]]);export{P as __pageData,S as default};
+import{_ as l,E as h,c as t,J as i,X as s,o as k}from"./chunks/framework.xyZR8MrU.js";const P=JSON.parse('{"title":"Slots - Overlay","description":"Customize the overlays in the datepicker menu","frontmatter":{"lang":"en-US","title":"Slots - Overlay","description":"Customize the overlays in the datepicker menu"},"headers":[],"relativePath":"slots/overlay/index.md","filePath":"slots/overlay/index.md"}'),p={name:"slots/overlay/index.md"},e=s("",7),E=s("",5),r=s("",5),d=s("",5),g=s("",5),y=s("",5),o=s("",5),F=s("",5),c=s("",5),u=s("",3),C=s("",5),m=s("",5),A=s("",5),D=s("",3);function v(B,_,q,b,T,f){const a=h("DemoSlots"),n=h("MonthYearSlotDemo");return k(),t("div",null,[e,i(a,{useTimePickerOverlay:!0}),E,i(a,{useHoursSlot:!0}),r,i(a,{useMinutesSlot:!0}),d,i(a,{useHoursOverlaySlot:!0}),g,i(a,{useMinutesOverlaySlot:!0}),y,i(a,{useMonthSlot:!0}),o,i(a,{useYearSlot:!0}),F,i(a,{useMonthOverlaySlot:!0}),c,i(a,{useYearOverlaySlot:!0}),u,i(n,{"month-overlay-slot":!0}),C,i(n,{"year-overlay-slot":!0}),m,i(a,{"use-month-overlay-header-slot":!0}),A,i(a,{useYearOverlayHeaderSlot:!0}),D])}const S=l(p,[["render",v]]);export{P as __pageData,S as default};
diff --git a/docs/assets/slots_trigger-and-input_index.md.oDp_72Jt.js b/docs/assets/slots_trigger-and-input_index.md.J2e4OpjR.js
similarity index 85%
rename from docs/assets/slots_trigger-and-input_index.md.oDp_72Jt.js
rename to docs/assets/slots_trigger-and-input_index.md.J2e4OpjR.js
index e229c4d7d..5dec0797b 100644
--- a/docs/assets/slots_trigger-and-input_index.md.oDp_72Jt.js
+++ b/docs/assets/slots_trigger-and-input_index.md.J2e4OpjR.js
@@ -1,9 +1,9 @@
-import{_ as l,E as e,c as h,J as a,m as s,a as t,X as n,o as p}from"./chunks/framework.7pWjBRCP.js";const B=JSON.parse('{"title":"Slots - Trigger and input","description":"Change the datepicker trigger or input","frontmatter":{"lang":"en-US","title":"Slots - Trigger and input","description":"Change the datepicker trigger or input"},"headers":[],"relativePath":"slots/trigger-and-input/index.md","filePath":"slots/trigger-and-input/index.md"}'),k={name:"slots/trigger-and-input/index.md"},E=s("h1",{id:"trigger-and-input",tabindex:"-1"},[t("Trigger and input "),s("a",{class:"header-anchor",href:"#trigger-and-input","aria-label":'Permalink to "Trigger and input"'},"​")],-1),d=s("p",null,"Use custom input or trigger element",-1),r=s("h2",{id:"trigger",tabindex:"-1"},[t("trigger "),s("a",{class:"header-anchor",href:"#trigger","aria-label":'Permalink to "trigger"'},"​")],-1),o=s("p",null,"This slot replaces the input element with your custom element",-1),g=n(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+import{_ as e,E as l,c as p,J as a,m as s,a as t,X as n,o as h}from"./chunks/framework.xyZR8MrU.js";const A=JSON.parse('{"title":"Slots - Trigger and input","description":"Change the datepicker trigger or input","frontmatter":{"lang":"en-US","title":"Slots - Trigger and input","description":"Change the datepicker trigger or input"},"headers":[],"relativePath":"slots/trigger-and-input/index.md","filePath":"slots/trigger-and-input/index.md"}'),k={name:"slots/trigger-and-input/index.md"},E=s("h1",{id:"trigger-and-input",tabindex:"-1"},[t("Trigger and input "),s("a",{class:"header-anchor",href:"#trigger-and-input","aria-label":'Permalink to "Trigger and input"'},"​")],-1),d=s("p",null,"Use custom input or trigger element",-1),r=s("h2",{id:"trigger",tabindex:"-1"},[t("trigger "),s("a",{class:"header-anchor",href:"#trigger","aria-label":'Permalink to "trigger"'},"​")],-1),o=s("p",null,"This slot replaces the input element with your custom element",-1),g=n(`
Code Example
vue
<template>
+    <VueDatePicker v-model="date">
         <template #trigger>
             <p class="clickable-text">This is some custom clickable text that will open the datepicker</p>
         </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -18,15 +18,15 @@ import{_ as l,E as e,c as h,J as a,m as s,a as t,X as n,o as p}from"./chunks/fra
         cursor: pointer;
     }
 </style>
dp-input ​
This slot replaces the input field. The difference from the trigger slot is that you will have access to the input field properties
Available props are:
TIP
For functions to work correctly, make sure that the text-input prop is enabled
When calling onInput function, make sure to pass the input event as an argument
  • value: Value displayed in the input field 
    • type: string
  • isMenuOpen: Get info if the menu is in the open state 
    • type: boolean
  • onInput: Function called on the @input event 
    • type: (event: Event | string) => void
  • onEnter: Function called on the @keydown.enter event 
    • type: () => void
  • onTab: Function called on the @keydown.tab event 
    • type: () => void
  • onClear: Function to call if you want to clear date 
    • type: () => void
  • onBlur: Function to call on input blur 
    • type: () => void
  • onKeypress: Function to call on key press 
    • type: (event: KeyboardEvent) => void
  • onPaste: Function to call on paste 
    • type: () => void
  • openMenu: Open menu 
    • type: () => void
  • closeMenu: Close menu 
    • type: () => void
  • toggleMenu: Toggle menu 
    • type: () => void
`,6),c=n(`
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
         <template #dp-input="{ value, onInput, onEnter, onTab, onClear, onBlur, onKeypress, onPaste, isMenuOpen }">
           <input type="text" :value="value" />
         </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
 import { ref } from 'vue';
 
 const date = ref(new Date());
-</script>
`,1);function y(u,F,m,C,_,v){const i=e("DemoSlots");return p(),h("div",null,[E,d,r,o,a(i,{useTriggerSlot:!0}),g,a(i,{useDpInputSlot:!0}),c])}const A=l(k,[["render",y]]);export{B as __pageData,A as default};
+</script>
`,1);function y(u,F,m,C,_,v){const i=l("DemoSlots");return h(),p("div",null,[E,d,r,o,a(i,{useTriggerSlot:!0}),g,a(i,{useDpInputSlot:!0}),c])}const B=e(k,[["render",y]]);export{A as __pageData,B as default};
diff --git a/docs/assets/slots_trigger-and-input_index.md.oDp_72Jt.lean.js b/docs/assets/slots_trigger-and-input_index.md.J2e4OpjR.lean.js
similarity index 70%
rename from docs/assets/slots_trigger-and-input_index.md.oDp_72Jt.lean.js
rename to docs/assets/slots_trigger-and-input_index.md.J2e4OpjR.lean.js
index e3ebbadde..b02a05891 100644
--- a/docs/assets/slots_trigger-and-input_index.md.oDp_72Jt.lean.js
+++ b/docs/assets/slots_trigger-and-input_index.md.J2e4OpjR.lean.js
@@ -1 +1 @@
-import{_ as l,E as e,c as h,J as a,m as s,a as t,X as n,o as p}from"./chunks/framework.7pWjBRCP.js";const B=JSON.parse('{"title":"Slots - Trigger and input","description":"Change the datepicker trigger or input","frontmatter":{"lang":"en-US","title":"Slots - Trigger and input","description":"Change the datepicker trigger or input"},"headers":[],"relativePath":"slots/trigger-and-input/index.md","filePath":"slots/trigger-and-input/index.md"}'),k={name:"slots/trigger-and-input/index.md"},E=s("h1",{id:"trigger-and-input",tabindex:"-1"},[t("Trigger and input "),s("a",{class:"header-anchor",href:"#trigger-and-input","aria-label":'Permalink to "Trigger and input"'},"​")],-1),d=s("p",null,"Use custom input or trigger element",-1),r=s("h2",{id:"trigger",tabindex:"-1"},[t("trigger "),s("a",{class:"header-anchor",href:"#trigger","aria-label":'Permalink to "trigger"'},"​")],-1),o=s("p",null,"This slot replaces the input element with your custom element",-1),g=n("",6),c=n("",1);function y(u,F,m,C,_,v){const i=e("DemoSlots");return p(),h("div",null,[E,d,r,o,a(i,{useTriggerSlot:!0}),g,a(i,{useDpInputSlot:!0}),c])}const A=l(k,[["render",y]]);export{B as __pageData,A as default};
+import{_ as e,E as l,c as p,J as a,m as s,a as t,X as n,o as h}from"./chunks/framework.xyZR8MrU.js";const A=JSON.parse('{"title":"Slots - Trigger and input","description":"Change the datepicker trigger or input","frontmatter":{"lang":"en-US","title":"Slots - Trigger and input","description":"Change the datepicker trigger or input"},"headers":[],"relativePath":"slots/trigger-and-input/index.md","filePath":"slots/trigger-and-input/index.md"}'),k={name:"slots/trigger-and-input/index.md"},E=s("h1",{id:"trigger-and-input",tabindex:"-1"},[t("Trigger and input "),s("a",{class:"header-anchor",href:"#trigger-and-input","aria-label":'Permalink to "Trigger and input"'},"​")],-1),d=s("p",null,"Use custom input or trigger element",-1),r=s("h2",{id:"trigger",tabindex:"-1"},[t("trigger "),s("a",{class:"header-anchor",href:"#trigger","aria-label":'Permalink to "trigger"'},"​")],-1),o=s("p",null,"This slot replaces the input element with your custom element",-1),g=n("",6),c=n("",1);function y(u,F,m,C,_,v){const i=l("DemoSlots");return h(),p("div",null,[E,d,r,o,a(i,{useTriggerSlot:!0}),g,a(i,{useDpInputSlot:!0}),c])}const B=e(k,[["render",y]]);export{A as __pageData,B as default};
diff --git a/docs/assets/style.VKomHaYU.css b/docs/assets/style.lWvy4ie2.css
similarity index 99%
rename from docs/assets/style.VKomHaYU.css
rename to docs/assets/style.lWvy4ie2.css
index 49b6a4851..097730382 100644
--- a/docs/assets/style.VKomHaYU.css
+++ b/docs/assets/style.lWvy4ie2.css
@@ -1 +1 @@
-@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-cyrillic.jIZ9REo5.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-cyrillic-ext.8T9wMG5w.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-greek.Cb5wWeGA.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-greek-ext.9JiNzaSO.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-latin.bvIUbFQP.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-latin-ext.GZWE-KO4.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-vietnamese.paY3CzEB.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-cyrillic.-nLMcIwj.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-cyrillic-ext.OVycGSDq.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-greek.PSfer2Kc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-greek-ext.hznxWNZO.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-latin.27E69YJn.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-latin-ext.RnFly65-.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-vietnamese.xzQHe1q1.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Chinese Quotes;src:local("PingFang SC Regular"),local("PingFang SC"),local("SimHei"),local("Source Han Sans SC");unicode-range:U+2018,U+2019,U+201C,U+201D}:root{--vp-c-white: #ffffff;--vp-c-black: #000000;--vp-c-neutral: var(--vp-c-black);--vp-c-neutral-inverse: var(--vp-c-white)}.dark{--vp-c-neutral: var(--vp-c-white);--vp-c-neutral-inverse: var(--vp-c-black)}:root{--vp-c-gray-1: #dddde3;--vp-c-gray-2: #e4e4e9;--vp-c-gray-3: #ebebef;--vp-c-gray-soft: rgba(142, 150, 170, .14);--vp-c-indigo-1: #3451b2;--vp-c-indigo-2: #3a5ccc;--vp-c-indigo-3: #5672cd;--vp-c-indigo-soft: rgba(100, 108, 255, .14);--vp-c-purple-1: #6f42c1;--vp-c-purple-2: #7e4cc9;--vp-c-purple-3: #8e5cd9;--vp-c-purple-soft: rgba(159, 122, 234, .14);--vp-c-green-1: #18794e;--vp-c-green-2: #299764;--vp-c-green-3: #30a46c;--vp-c-green-soft: rgba(16, 185, 129, .14);--vp-c-yellow-1: #915930;--vp-c-yellow-2: #946300;--vp-c-yellow-3: #9f6a00;--vp-c-yellow-soft: rgba(234, 179, 8, .14);--vp-c-red-1: #b8272c;--vp-c-red-2: #d5393e;--vp-c-red-3: #e0575b;--vp-c-red-soft: rgba(244, 63, 94, .14);--vp-c-sponsor: #db2777}.dark{--vp-c-gray-1: #515c67;--vp-c-gray-2: #414853;--vp-c-gray-3: #32363f;--vp-c-gray-soft: rgba(101, 117, 133, .16);--vp-c-indigo-1: #a8b1ff;--vp-c-indigo-2: #5c73e7;--vp-c-indigo-3: #3e63dd;--vp-c-indigo-soft: rgba(100, 108, 255, .16);--vp-c-purple-1: #c8abfa;--vp-c-purple-2: #a879e6;--vp-c-purple-3: #8e5cd9;--vp-c-purple-soft: rgba(159, 122, 234, .16);--vp-c-green-1: #3dd68c;--vp-c-green-2: #30a46c;--vp-c-green-3: #298459;--vp-c-green-soft: rgba(16, 185, 129, .16);--vp-c-yellow-1: #f9b44e;--vp-c-yellow-2: #da8b17;--vp-c-yellow-3: #a46a0a;--vp-c-yellow-soft: rgba(234, 179, 8, .16);--vp-c-red-1: #f66f81;--vp-c-red-2: #f14158;--vp-c-red-3: #b62a3c;--vp-c-red-soft: rgba(244, 63, 94, .16)}:root{--vp-c-bg: #ffffff;--vp-c-bg-alt: #f6f6f7;--vp-c-bg-elv: #ffffff;--vp-c-bg-soft: #f6f6f7}.dark{--vp-c-bg: #1b1b1f;--vp-c-bg-alt: #161618;--vp-c-bg-elv: #202127;--vp-c-bg-soft: #202127}:root{--vp-c-border: #c2c2c4;--vp-c-divider: #e2e2e3;--vp-c-gutter: #e2e2e3}.dark{--vp-c-border: #3c3f44;--vp-c-divider: #2e2e32;--vp-c-gutter: #000000}:root{--vp-c-text-1: rgba(60, 60, 67);--vp-c-text-2: rgba(60, 60, 67, .78);--vp-c-text-3: rgba(60, 60, 67, .56)}.dark{--vp-c-text-1: rgba(255, 255, 245, .86);--vp-c-text-2: rgba(235, 235, 245, .6);--vp-c-text-3: rgba(235, 235, 245, .38)}:root{--vp-c-default-1: var(--vp-c-gray-1);--vp-c-default-2: var(--vp-c-gray-2);--vp-c-default-3: var(--vp-c-gray-3);--vp-c-default-soft: var(--vp-c-gray-soft);--vp-c-brand-1: var(--vp-c-indigo-1);--vp-c-brand-2: var(--vp-c-indigo-2);--vp-c-brand-3: var(--vp-c-indigo-3);--vp-c-brand-soft: var(--vp-c-indigo-soft);--vp-c-brand: var(--vp-c-brand-1);--vp-c-tip-1: var(--vp-c-brand-1);--vp-c-tip-2: var(--vp-c-brand-2);--vp-c-tip-3: var(--vp-c-brand-3);--vp-c-tip-soft: var(--vp-c-brand-soft);--vp-c-note-1: var(--vp-c-brand-1);--vp-c-note-2: var(--vp-c-brand-2);--vp-c-note-3: var(--vp-c-brand-3);--vp-c-note-soft: var(--vp-c-brand-soft);--vp-c-success-1: var(--vp-c-green-1);--vp-c-success-2: var(--vp-c-green-2);--vp-c-success-3: var(--vp-c-green-3);--vp-c-success-soft: var(--vp-c-green-soft);--vp-c-important-1: var(--vp-c-purple-1);--vp-c-important-2: var(--vp-c-purple-2);--vp-c-important-3: var(--vp-c-purple-3);--vp-c-important-soft: var(--vp-c-purple-soft);--vp-c-warning-1: var(--vp-c-yellow-1);--vp-c-warning-2: var(--vp-c-yellow-2);--vp-c-warning-3: var(--vp-c-yellow-3);--vp-c-warning-soft: var(--vp-c-yellow-soft);--vp-c-danger-1: var(--vp-c-red-1);--vp-c-danger-2: var(--vp-c-red-2);--vp-c-danger-3: var(--vp-c-red-3);--vp-c-danger-soft: var(--vp-c-red-soft);--vp-c-caution-1: var(--vp-c-red-1);--vp-c-caution-2: var(--vp-c-red-2);--vp-c-caution-3: var(--vp-c-red-3);--vp-c-caution-soft: var(--vp-c-red-soft)}:root{--vp-font-family-base: "Chinese Quotes", "Inter var", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--vp-font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}:root{--vp-shadow-1: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--vp-shadow-2: 0 3px 12px rgba(0, 0, 0, .07), 0 1px 4px rgba(0, 0, 0, .07);--vp-shadow-3: 0 12px 32px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .08);--vp-shadow-4: 0 14px 44px rgba(0, 0, 0, .12), 0 3px 9px rgba(0, 0, 0, .12);--vp-shadow-5: 0 18px 56px rgba(0, 0, 0, .16), 0 4px 12px rgba(0, 0, 0, .16)}:root{--vp-z-index-footer: 10;--vp-z-index-local-nav: 20;--vp-z-index-nav: 30;--vp-z-index-layout-top: 40;--vp-z-index-backdrop: 50;--vp-z-index-sidebar: 60}@media (min-width: 960px){:root{--vp-z-index-sidebar: 25}}:root{--vp-icon-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' width='20' stroke='rgba(128,128,128,1)' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2'/%3E%3C/svg%3E");--vp-icon-copied: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' width='20' stroke='rgba(128,128,128,1)' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2m-6 9 2 2 4-4'/%3E%3C/svg%3E")}:root{--vp-layout-max-width: 1440px}:root{--vp-header-anchor-symbol: "#"}:root{--vp-code-line-height: 1.7;--vp-code-font-size: .875em;--vp-code-color: var(--vp-c-brand-1);--vp-code-link-color: var(--vp-c-brand-1);--vp-code-link-hover-color: var(--vp-c-brand-2);--vp-code-bg: var(--vp-c-default-soft);--vp-code-block-color: var(--vp-c-text-2);--vp-code-block-bg: var(--vp-c-bg-alt);--vp-code-block-divider-color: var(--vp-c-gutter);--vp-code-lang-color: var(--vp-c-text-3);--vp-code-line-highlight-color: var(--vp-c-default-soft);--vp-code-line-number-color: var(--vp-c-text-3);--vp-code-line-diff-add-color: var(--vp-c-success-soft);--vp-code-line-diff-add-symbol-color: var(--vp-c-success-1);--vp-code-line-diff-remove-color: var(--vp-c-danger-soft);--vp-code-line-diff-remove-symbol-color: var(--vp-c-danger-1);--vp-code-line-warning-color: var(--vp-c-warning-soft);--vp-code-line-error-color: var(--vp-c-danger-soft);--vp-code-copy-code-border-color: var(--vp-c-divider);--vp-code-copy-code-bg: var(--vp-c-bg-soft);--vp-code-copy-code-hover-border-color: var(--vp-c-divider);--vp-code-copy-code-hover-bg: var(--vp-c-bg);--vp-code-copy-code-active-text: var(--vp-c-text-2);--vp-code-copy-copied-text-content: "Copied";--vp-code-tab-divider: var(--vp-code-block-divider-color);--vp-code-tab-text-color: var(--vp-c-text-2);--vp-code-tab-bg: var(--vp-code-block-bg);--vp-code-tab-hover-text-color: var(--vp-c-text-1);--vp-code-tab-active-text-color: var(--vp-c-text-1);--vp-code-tab-active-bar-color: var(--vp-c-brand-1)}:root{--vp-button-brand-border: transparent;--vp-button-brand-text: var(--vp-c-white);--vp-button-brand-bg: var(--vp-c-brand-3);--vp-button-brand-hover-border: transparent;--vp-button-brand-hover-text: var(--vp-c-white);--vp-button-brand-hover-bg: var(--vp-c-brand-2);--vp-button-brand-active-border: transparent;--vp-button-brand-active-text: var(--vp-c-white);--vp-button-brand-active-bg: var(--vp-c-brand-1);--vp-button-alt-border: transparent;--vp-button-alt-text: var(--vp-c-text-1);--vp-button-alt-bg: var(--vp-c-default-3);--vp-button-alt-hover-border: transparent;--vp-button-alt-hover-text: var(--vp-c-text-1);--vp-button-alt-hover-bg: var(--vp-c-default-2);--vp-button-alt-active-border: transparent;--vp-button-alt-active-text: var(--vp-c-text-1);--vp-button-alt-active-bg: var(--vp-c-default-1);--vp-button-sponsor-border: var(--vp-c-text-2);--vp-button-sponsor-text: var(--vp-c-text-2);--vp-button-sponsor-bg: transparent;--vp-button-sponsor-hover-border: var(--vp-c-sponsor);--vp-button-sponsor-hover-text: var(--vp-c-sponsor);--vp-button-sponsor-hover-bg: transparent;--vp-button-sponsor-active-border: var(--vp-c-sponsor);--vp-button-sponsor-active-text: var(--vp-c-sponsor);--vp-button-sponsor-active-bg: transparent}:root{--vp-custom-block-font-size: 14px;--vp-custom-block-code-font-size: 13px;--vp-custom-block-info-border: transparent;--vp-custom-block-info-text: var(--vp-c-text-1);--vp-custom-block-info-bg: var(--vp-c-default-soft);--vp-custom-block-info-code-bg: var(--vp-c-default-soft);--vp-custom-block-note-border: transparent;--vp-custom-block-note-text: var(--vp-c-text-1);--vp-custom-block-note-bg: var(--vp-c-default-soft);--vp-custom-block-note-code-bg: var(--vp-c-default-soft);--vp-custom-block-tip-border: transparent;--vp-custom-block-tip-text: var(--vp-c-text-1);--vp-custom-block-tip-bg: var(--vp-c-tip-soft);--vp-custom-block-tip-code-bg: var(--vp-c-tip-soft);--vp-custom-block-important-border: transparent;--vp-custom-block-important-text: var(--vp-c-text-1);--vp-custom-block-important-bg: var(--vp-c-important-soft);--vp-custom-block-important-code-bg: var(--vp-c-important-soft);--vp-custom-block-warning-border: transparent;--vp-custom-block-warning-text: var(--vp-c-text-1);--vp-custom-block-warning-bg: var(--vp-c-warning-soft);--vp-custom-block-warning-code-bg: var(--vp-c-warning-soft);--vp-custom-block-danger-border: transparent;--vp-custom-block-danger-text: var(--vp-c-text-1);--vp-custom-block-danger-bg: var(--vp-c-danger-soft);--vp-custom-block-danger-code-bg: var(--vp-c-danger-soft);--vp-custom-block-caution-border: transparent;--vp-custom-block-caution-text: var(--vp-c-text-1);--vp-custom-block-caution-bg: var(--vp-c-caution-soft);--vp-custom-block-caution-code-bg: var(--vp-c-caution-soft);--vp-custom-block-details-border: var(--vp-custom-block-info-border);--vp-custom-block-details-text: var(--vp-custom-block-info-text);--vp-custom-block-details-bg: var(--vp-custom-block-info-bg);--vp-custom-block-details-code-bg: var(--vp-custom-block-info-code-bg)}:root{--vp-input-border-color: var(--vp-c-border);--vp-input-bg-color: var(--vp-c-bg-alt);--vp-input-switch-bg-color: var(--vp-c-default-soft)}:root{--vp-nav-height: 64px;--vp-nav-bg-color: var(--vp-c-bg);--vp-nav-screen-bg-color: var(--vp-c-bg);--vp-nav-logo-height: 24px}.hide-nav{--vp-nav-height: 0px}.hide-nav .VPSidebar{--vp-nav-height: 22px}:root{--vp-local-nav-bg-color: var(--vp-c-bg)}:root{--vp-sidebar-width: 272px;--vp-sidebar-bg-color: var(--vp-c-bg-alt)}:root{--vp-backdrop-bg-color: rgba(0, 0, 0, .6)}:root{--vp-home-hero-name-color: var(--vp-c-brand-1);--vp-home-hero-name-background: transparent;--vp-home-hero-image-background-image: none;--vp-home-hero-image-filter: none}:root{--vp-badge-info-border: transparent;--vp-badge-info-text: var(--vp-c-text-2);--vp-badge-info-bg: var(--vp-c-default-soft);--vp-badge-tip-border: transparent;--vp-badge-tip-text: var(--vp-c-tip-1);--vp-badge-tip-bg: var(--vp-c-tip-soft);--vp-badge-warning-border: transparent;--vp-badge-warning-text: var(--vp-c-warning-1);--vp-badge-warning-bg: var(--vp-c-warning-soft);--vp-badge-danger-border: transparent;--vp-badge-danger-text: var(--vp-c-danger-1);--vp-badge-danger-bg: var(--vp-c-danger-soft)}:root{--vp-carbon-ads-text-color: var(--vp-c-text-1);--vp-carbon-ads-poweredby-color: var(--vp-c-text-2);--vp-carbon-ads-bg-color: var(--vp-c-bg-soft);--vp-carbon-ads-hover-text-color: var(--vp-c-brand-1);--vp-carbon-ads-hover-poweredby-color: var(--vp-c-text-1)}:root{--vp-local-search-bg: var(--vp-c-bg);--vp-local-search-result-bg: var(--vp-c-bg);--vp-local-search-result-border: var(--vp-c-divider);--vp-local-search-result-selected-bg: var(--vp-c-bg);--vp-local-search-result-selected-border: var(--vp-c-brand-1);--vp-local-search-highlight-bg: var(--vp-c-brand-1);--vp-local-search-highlight-text: var(--vp-c-neutral-inverse)}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important}}*,:before,:after{box-sizing:border-box}html{line-height:1.4;font-size:16px;-webkit-text-size-adjust:100%}html.dark{color-scheme:dark}body{margin:0;width:100%;min-width:320px;min-height:100vh;line-height:24px;font-family:var(--vp-font-family-base);font-size:16px;font-weight:400;color:var(--vp-c-text-1);background-color:var(--vp-c-bg);font-synthesis:style;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{display:block}h1,h2,h3,h4,h5,h6{margin:0;line-height:24px;font-size:16px;font-weight:400}p{margin:0}strong,b{font-weight:600}a,area,button,[role=button],input,label,select,summary,textarea{touch-action:manipulation}a{color:inherit;text-decoration:inherit}ol,ul{list-style:none;margin:0;padding:0}blockquote{margin:0}pre,code,kbd,samp{font-family:var(--vp-font-family-mono)}img,svg,video,canvas,audio,iframe,embed,object{display:block}figure{margin:0}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{border:0;padding:0;line-height:inherit;color:inherit}button{padding:0;font-family:inherit;background-color:transparent;background-image:none}button:enabled,[role=button]:enabled{cursor:pointer}button:focus,button:focus-visible{outline:1px dotted;outline:4px auto -webkit-focus-ring-color}button:focus:not(:focus-visible){outline:none!important}input:focus,textarea:focus,select:focus{outline:none}table{border-collapse:collapse}input{background-color:transparent}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:var(--vp-c-text-3)}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:var(--vp-c-text-3)}input::placeholder,textarea::placeholder{color:var(--vp-c-text-3)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}textarea{resize:vertical}select{-webkit-appearance:none}fieldset{margin:0;padding:0}h1,h2,h3,h4,h5,h6,li,p{overflow-wrap:break-word}vite-error-overlay{z-index:9999}mjx-container{display:inline-block;margin:auto 2px -2px}mjx-container>svg{margin:auto}.visually-hidden{position:absolute;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden}.custom-block{border:1px solid transparent;border-radius:8px;padding:16px 16px 8px;line-height:24px;font-size:var(--vp-custom-block-font-size);color:var(--vp-c-text-2)}.custom-block.info{border-color:var(--vp-custom-block-info-border);color:var(--vp-custom-block-info-text);background-color:var(--vp-custom-block-info-bg)}.custom-block.info a,.custom-block.info code{color:var(--vp-c-brand-1)}.custom-block.info a:hover,.custom-block.info a:hover>code{color:var(--vp-c-brand-2)}.custom-block.info code{background-color:var(--vp-custom-block-info-code-bg)}.custom-block.note{border-color:var(--vp-custom-block-note-border);color:var(--vp-custom-block-note-text);background-color:var(--vp-custom-block-note-bg)}.custom-block.note a,.custom-block.note code{color:var(--vp-c-brand-1)}.custom-block.note a:hover,.custom-block.note a:hover>code{color:var(--vp-c-brand-2)}.custom-block.note code{background-color:var(--vp-custom-block-note-code-bg)}.custom-block.tip{border-color:var(--vp-custom-block-tip-border);color:var(--vp-custom-block-tip-text);background-color:var(--vp-custom-block-tip-bg)}.custom-block.tip a,.custom-block.tip code{color:var(--vp-c-tip-1)}.custom-block.tip a:hover,.custom-block.tip a:hover>code{color:var(--vp-c-tip-2)}.custom-block.tip code{background-color:var(--vp-custom-block-tip-code-bg)}.custom-block.important{border-color:var(--vp-custom-block-important-border);color:var(--vp-custom-block-important-text);background-color:var(--vp-custom-block-important-bg)}.custom-block.important a,.custom-block.important code{color:var(--vp-c-important-1)}.custom-block.important a:hover,.custom-block.important a:hover>code{color:var(--vp-c-important-2)}.custom-block.important code{background-color:var(--vp-custom-block-important-code-bg)}.custom-block.warning{border-color:var(--vp-custom-block-warning-border);color:var(--vp-custom-block-warning-text);background-color:var(--vp-custom-block-warning-bg)}.custom-block.warning a,.custom-block.warning code{color:var(--vp-c-warning-1)}.custom-block.warning a:hover,.custom-block.warning a:hover>code{color:var(--vp-c-warning-2)}.custom-block.warning code{background-color:var(--vp-custom-block-warning-code-bg)}.custom-block.danger{border-color:var(--vp-custom-block-danger-border);color:var(--vp-custom-block-danger-text);background-color:var(--vp-custom-block-danger-bg)}.custom-block.danger a,.custom-block.danger code{color:var(--vp-c-danger-1)}.custom-block.danger a:hover,.custom-block.danger a:hover>code{color:var(--vp-c-danger-2)}.custom-block.danger code{background-color:var(--vp-custom-block-danger-code-bg)}.custom-block.caution{border-color:var(--vp-custom-block-caution-border);color:var(--vp-custom-block-caution-text);background-color:var(--vp-custom-block-caution-bg)}.custom-block.caution a,.custom-block.caution code{color:var(--vp-c-caution-1)}.custom-block.caution a:hover,.custom-block.caution a:hover>code{color:var(--vp-c-caution-2)}.custom-block.caution code{background-color:var(--vp-custom-block-caution-code-bg)}.custom-block.details{border-color:var(--vp-custom-block-details-border);color:var(--vp-custom-block-details-text);background-color:var(--vp-custom-block-details-bg)}.custom-block.details a{color:var(--vp-c-brand-1)}.custom-block.details a:hover,.custom-block.details a:hover>code{color:var(--vp-c-brand-2)}.custom-block.details code{background-color:var(--vp-custom-block-details-code-bg)}.custom-block-title{font-weight:600}.custom-block p+p{margin:8px 0}.custom-block.details summary{margin:0 0 8px;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none}.custom-block.details summary+p{margin:8px 0}.custom-block a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px;transition:opacity .25s}.custom-block a:hover{opacity:.75}.custom-block code{font-size:var(--vp-custom-block-code-font-size)}.custom-block.custom-block th,.custom-block.custom-block blockquote>p{font-size:var(--vp-custom-block-font-size);color:inherit}.dark .vp-code span{color:var(--shiki-dark, inherit)}html:not(.dark) .vp-code span{color:var(--shiki-light, inherit)}.vp-code-group{margin-top:16px}.vp-code-group .tabs{position:relative;display:flex;margin-right:-24px;margin-left:-24px;padding:0 12px;background-color:var(--vp-code-tab-bg);overflow-x:auto;overflow-y:hidden;box-shadow:inset 0 -1px var(--vp-code-tab-divider)}@media (min-width: 640px){.vp-code-group .tabs{margin-right:0;margin-left:0;border-radius:8px 8px 0 0}}.vp-code-group .tabs input{position:fixed;opacity:0;pointer-events:none}.vp-code-group .tabs label{position:relative;display:inline-block;border-bottom:1px solid transparent;padding:0 12px;line-height:48px;font-size:14px;font-weight:500;color:var(--vp-code-tab-text-color);white-space:nowrap;cursor:pointer;transition:color .25s}.vp-code-group .tabs label:after{position:absolute;right:8px;bottom:-1px;left:8px;z-index:1;height:2px;border-radius:2px;content:"";background-color:transparent;transition:background-color .25s}.vp-code-group label:hover{color:var(--vp-code-tab-hover-text-color)}.vp-code-group input:checked+label{color:var(--vp-code-tab-active-text-color)}.vp-code-group input:checked+label:after{background-color:var(--vp-code-tab-active-bar-color)}.vp-code-group div[class*=language-],.vp-block{display:none;margin-top:0!important;border-top-left-radius:0!important;border-top-right-radius:0!important}.vp-code-group div[class*=language-].active,.vp-block.active{display:block}.vp-block{padding:20px 24px}.vp-doc h1,.vp-doc h2,.vp-doc h3,.vp-doc h4,.vp-doc h5,.vp-doc h6{position:relative;font-weight:600;outline:none}.vp-doc h1{letter-spacing:-.02em;line-height:40px;font-size:28px}.vp-doc h2{margin:48px 0 16px;border-top:1px solid var(--vp-c-divider);padding-top:24px;letter-spacing:-.02em;line-height:32px;font-size:24px}.vp-doc h3{margin:32px 0 0;letter-spacing:-.01em;line-height:28px;font-size:20px}.vp-doc .header-anchor{position:absolute;top:0;left:0;margin-left:-.87em;font-weight:500;-webkit-user-select:none;user-select:none;opacity:0;text-decoration:none;transition:color .25s,opacity .25s}.vp-doc .header-anchor:before{content:var(--vp-header-anchor-symbol)}.vp-doc h1:hover .header-anchor,.vp-doc h1 .header-anchor:focus,.vp-doc h2:hover .header-anchor,.vp-doc h2 .header-anchor:focus,.vp-doc h3:hover .header-anchor,.vp-doc h3 .header-anchor:focus,.vp-doc h4:hover .header-anchor,.vp-doc h4 .header-anchor:focus,.vp-doc h5:hover .header-anchor,.vp-doc h5 .header-anchor:focus,.vp-doc h6:hover .header-anchor,.vp-doc h6 .header-anchor:focus{opacity:1}@media (min-width: 768px){.vp-doc h1{letter-spacing:-.02em;line-height:40px;font-size:32px}}.vp-doc h2 .header-anchor{top:24px}.vp-doc p,.vp-doc summary{margin:16px 0}.vp-doc p{line-height:28px}.vp-doc blockquote{margin:16px 0;border-left:2px solid var(--vp-c-divider);padding-left:16px;transition:border-color .5s}.vp-doc blockquote>p{margin:0;font-size:16px;color:var(--vp-c-text-2);transition:color .5s}.vp-doc a{font-weight:500;color:var(--vp-c-brand-1);text-decoration:underline;text-underline-offset:2px;transition:color .25s,opacity .25s}.vp-doc a:hover{color:var(--vp-c-brand-2)}.vp-doc strong{font-weight:600}.vp-doc ul,.vp-doc ol{padding-left:1.25rem;margin:16px 0}.vp-doc ul{list-style:disc}.vp-doc ol{list-style:decimal}.vp-doc li+li{margin-top:8px}.vp-doc li>ol,.vp-doc li>ul{margin:8px 0 0}.vp-doc table{display:block;border-collapse:collapse;margin:20px 0;overflow-x:auto}.vp-doc tr{background-color:var(--vp-c-bg);border-top:1px solid var(--vp-c-divider);transition:background-color .5s}.vp-doc tr:nth-child(2n){background-color:var(--vp-c-bg-soft)}.vp-doc th,.vp-doc td{border:1px solid var(--vp-c-divider);padding:8px 16px}.vp-doc th{text-align:left;font-size:14px;font-weight:600;color:var(--vp-c-text-2);background-color:var(--vp-c-bg-soft)}.vp-doc td{font-size:14px}.vp-doc hr{margin:16px 0;border:none;border-top:1px solid var(--vp-c-divider)}.vp-doc .custom-block{margin:16px 0}.vp-doc .custom-block p{margin:8px 0;line-height:24px}.vp-doc .custom-block p:first-child{margin:0}.vp-doc .custom-block div[class*=language-]{margin:8px 0;border-radius:8px}.vp-doc .custom-block div[class*=language-] code{font-weight:400;background-color:transparent}.vp-doc .custom-block .vp-code-group .tabs{margin:0;border-radius:8px 8px 0 0}.vp-doc :not(pre,h1,h2,h3,h4,h5,h6)>code{font-size:var(--vp-code-font-size);color:var(--vp-code-color)}.vp-doc :not(pre)>code{border-radius:4px;padding:3px 6px;background-color:var(--vp-code-bg);transition:color .25s,background-color .5s}.vp-doc a>code{color:var(--vp-code-link-color)}.vp-doc a:hover>code{color:var(--vp-code-link-hover-color)}.vp-doc h1>code,.vp-doc h2>code,.vp-doc h3>code{font-size:.9em}.vp-doc div[class*=language-],.vp-block{position:relative;margin:16px -24px;background-color:var(--vp-code-block-bg);overflow-x:auto;transition:background-color .5s}@media (min-width: 640px){.vp-doc div[class*=language-],.vp-block{border-radius:8px;margin:16px 0}}@media (max-width: 639px){.vp-doc li div[class*=language-]{border-radius:8px 0 0 8px}}.vp-doc div[class*=language-]+div[class*=language-],.vp-doc div[class$=-api]+div[class*=language-],.vp-doc div[class*=language-]+div[class$=-api]>div[class*=language-]{margin-top:-8px}.vp-doc [class*=language-] pre,.vp-doc [class*=language-] code{direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}.vp-doc [class*=language-] pre{position:relative;z-index:1;margin:0;padding:20px 0;background:transparent;overflow-x:auto}.vp-doc [class*=language-] code{display:block;padding:0 24px;width:fit-content;min-width:100%;line-height:var(--vp-code-line-height);font-size:var(--vp-code-font-size);color:var(--vp-code-block-color);transition:color .5s}.vp-doc [class*=language-] code .highlighted{background-color:var(--vp-code-line-highlight-color);transition:background-color .5s;margin:0 -24px;padding:0 24px;width:calc(100% + 48px);display:inline-block}.vp-doc [class*=language-] code .highlighted.error{background-color:var(--vp-code-line-error-color)}.vp-doc [class*=language-] code .highlighted.warning{background-color:var(--vp-code-line-warning-color)}.vp-doc [class*=language-] code .diff{transition:background-color .5s;margin:0 -24px;padding:0 24px;width:calc(100% + 48px);display:inline-block}.vp-doc [class*=language-] code .diff:before{position:absolute;left:10px}.vp-doc [class*=language-] .has-focused-lines .line:not(.has-focus){filter:blur(.095rem);opacity:.4;transition:filter .35s,opacity .35s}.vp-doc [class*=language-] .has-focused-lines .line:not(.has-focus){opacity:.7;transition:filter .35s,opacity .35s}.vp-doc [class*=language-]:hover .has-focused-lines .line:not(.has-focus){filter:blur(0);opacity:1}.vp-doc [class*=language-] code .diff.remove{background-color:var(--vp-code-line-diff-remove-color);opacity:.7}.vp-doc [class*=language-] code .diff.remove:before{content:"-";color:var(--vp-code-line-diff-remove-symbol-color)}.vp-doc [class*=language-] code .diff.add{background-color:var(--vp-code-line-diff-add-color)}.vp-doc [class*=language-] code .diff.add:before{content:"+";color:var(--vp-code-line-diff-add-symbol-color)}.vp-doc div[class*=language-].line-numbers-mode{padding-left:32px}.vp-doc .line-numbers-wrapper{position:absolute;top:0;bottom:0;left:0;z-index:3;border-right:1px solid var(--vp-code-block-divider-color);padding-top:20px;width:32px;text-align:center;font-family:var(--vp-font-family-mono);line-height:var(--vp-code-line-height);font-size:var(--vp-code-font-size);color:var(--vp-code-line-number-color);transition:border-color .5s,color .5s}.vp-doc [class*=language-]>button.copy{direction:ltr;position:absolute;top:12px;right:12px;z-index:3;border:1px solid var(--vp-code-copy-code-border-color);border-radius:4px;width:40px;height:40px;background-color:var(--vp-code-copy-code-bg);opacity:0;cursor:pointer;background-image:var(--vp-icon-copy);background-position:50%;background-size:20px;background-repeat:no-repeat;transition:border-color .25s,background-color .25s,opacity .25s}.vp-doc [class*=language-]:hover>button.copy,.vp-doc [class*=language-]>button.copy:focus{opacity:1}.vp-doc [class*=language-]>button.copy:hover,.vp-doc [class*=language-]>button.copy.copied{border-color:var(--vp-code-copy-code-hover-border-color);background-color:var(--vp-code-copy-code-hover-bg)}.vp-doc [class*=language-]>button.copy.copied,.vp-doc [class*=language-]>button.copy:hover.copied{border-radius:0 4px 4px 0;background-color:var(--vp-code-copy-code-hover-bg);background-image:var(--vp-icon-copied)}.vp-doc [class*=language-]>button.copy.copied:before,.vp-doc [class*=language-]>button.copy:hover.copied:before{position:relative;top:-1px;transform:translate(calc(-100% - 1px));display:flex;justify-content:center;align-items:center;border:1px solid var(--vp-code-copy-code-hover-border-color);border-right:0;border-radius:4px 0 0 4px;padding:0 10px;width:fit-content;height:40px;text-align:center;font-size:12px;font-weight:500;color:var(--vp-code-copy-code-active-text);background-color:var(--vp-code-copy-code-hover-bg);white-space:nowrap;content:var(--vp-code-copy-copied-text-content)}.vp-doc [class*=language-]>span.lang{position:absolute;top:2px;right:8px;z-index:2;font-size:12px;font-weight:500;color:var(--vp-code-lang-color);transition:color .4s,opacity .4s}.vp-doc [class*=language-]:hover>button.copy+span.lang,.vp-doc [class*=language-]>button.copy:focus+span.lang{opacity:0}.vp-doc .VPTeamMembers{margin-top:24px}.vp-doc .VPTeamMembers.small.count-1 .container{margin:0!important;max-width:calc((100% - 24px)/2)!important}.vp-doc .VPTeamMembers.small.count-2 .container,.vp-doc .VPTeamMembers.small.count-3 .container{max-width:100%!important}.vp-doc .VPTeamMembers.medium.count-1 .container{margin:0!important;max-width:calc((100% - 24px)/2)!important}:is(.vp-external-link-icon,.vp-doc a[href*="://"],.vp-doc a[target=_blank]):not(.no-icon):after{display:inline-block;margin-top:-1px;margin-left:4px;width:11px;height:11px;background:currentColor;color:var(--vp-c-text-3);flex-shrink:0;--icon: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath d='M0 0h24v24H0V0z' fill='none' /%3E%3Cpath d='M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z' /%3E%3C/svg%3E");-webkit-mask-image:var(--icon);mask-image:var(--icon)}.vp-external-link-icon:after{content:""}.external-link-icon-enabled :is(.vp-doc a[href*="://"],.vp-doc a[target=_blank]):after{content:"";color:currentColor}.vp-sponsor{border-radius:16px;overflow:hidden}.vp-sponsor.aside{border-radius:12px}.vp-sponsor-section+.vp-sponsor-section{margin-top:4px}.vp-sponsor-tier{margin-bottom:4px;text-align:center;letter-spacing:1px;line-height:24px;width:100%;font-weight:600;color:var(--vp-c-text-2);background-color:var(--vp-c-bg-soft)}.vp-sponsor.normal .vp-sponsor-tier{padding:13px 0 11px;font-size:14px}.vp-sponsor.aside .vp-sponsor-tier{padding:9px 0 7px;font-size:12px}.vp-sponsor-grid+.vp-sponsor-tier{margin-top:4px}.vp-sponsor-grid{display:flex;flex-wrap:wrap;gap:4px}.vp-sponsor-grid.xmini .vp-sponsor-grid-link{height:64px}.vp-sponsor-grid.xmini .vp-sponsor-grid-image{max-width:64px;max-height:22px}.vp-sponsor-grid.mini .vp-sponsor-grid-link{height:72px}.vp-sponsor-grid.mini .vp-sponsor-grid-image{max-width:96px;max-height:24px}.vp-sponsor-grid.small .vp-sponsor-grid-link{height:96px}.vp-sponsor-grid.small .vp-sponsor-grid-image{max-width:96px;max-height:24px}.vp-sponsor-grid.medium .vp-sponsor-grid-link{height:112px}.vp-sponsor-grid.medium .vp-sponsor-grid-image{max-width:120px;max-height:36px}.vp-sponsor-grid.big .vp-sponsor-grid-link{height:184px}.vp-sponsor-grid.big .vp-sponsor-grid-image{max-width:192px;max-height:56px}.vp-sponsor-grid[data-vp-grid="2"] .vp-sponsor-grid-item{width:calc((100% - 4px)/2)}.vp-sponsor-grid[data-vp-grid="3"] .vp-sponsor-grid-item{width:calc((100% - 4px * 2) / 3)}.vp-sponsor-grid[data-vp-grid="4"] .vp-sponsor-grid-item{width:calc((100% - 12px)/4)}.vp-sponsor-grid[data-vp-grid="5"] .vp-sponsor-grid-item{width:calc((100% - 16px)/5)}.vp-sponsor-grid[data-vp-grid="6"] .vp-sponsor-grid-item{width:calc((100% - 4px * 5) / 6)}.vp-sponsor-grid-item{flex-shrink:0;width:100%;background-color:var(--vp-c-bg-soft);transition:background-color .25s}.vp-sponsor-grid-item:hover{background-color:var(--vp-c-default-soft)}.vp-sponsor-grid-item:hover .vp-sponsor-grid-image{filter:grayscale(0) invert(0)}.vp-sponsor-grid-item.empty:hover{background-color:var(--vp-c-bg-soft)}.dark .vp-sponsor-grid-item:hover{background-color:var(--vp-c-white)}.dark .vp-sponsor-grid-item.empty:hover{background-color:var(--vp-c-bg-soft)}.vp-sponsor-grid-link{display:flex}.vp-sponsor-grid-box{display:flex;justify-content:center;align-items:center;width:100%}.vp-sponsor-grid-image{max-width:100%;filter:grayscale(1);transition:filter .25s}.dark .vp-sponsor-grid-image{filter:grayscale(1) invert(1)}.VPBadge{display:inline-block;margin-left:2px;border:1px solid transparent;border-radius:12px;padding:0 10px;line-height:22px;font-size:12px;font-weight:500;transform:translateY(-2px)}.VPBadge.small{padding:0 6px;line-height:18px;font-size:10px;transform:translateY(-8px)}.VPDocFooter .VPBadge{display:none}.vp-doc h1>.VPBadge{margin-top:4px;vertical-align:top}.vp-doc h2>.VPBadge{margin-top:3px;padding:0 8px;vertical-align:top}.vp-doc h3>.VPBadge{vertical-align:middle}.vp-doc h4>.VPBadge,.vp-doc h5>.VPBadge,.vp-doc h6>.VPBadge{vertical-align:middle;line-height:18px}.VPBadge.info{border-color:var(--vp-badge-info-border);color:var(--vp-badge-info-text);background-color:var(--vp-badge-info-bg)}.VPBadge.tip{border-color:var(--vp-badge-tip-border);color:var(--vp-badge-tip-text);background-color:var(--vp-badge-tip-bg)}.VPBadge.warning{border-color:var(--vp-badge-warning-border);color:var(--vp-badge-warning-text);background-color:var(--vp-badge-warning-bg)}.VPBadge.danger{border-color:var(--vp-badge-danger-border);color:var(--vp-badge-danger-text);background-color:var(--vp-badge-danger-bg)}.VPBackdrop[data-v-c79a1216]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--vp-z-index-backdrop);background:var(--vp-backdrop-bg-color);transition:opacity .5s}.VPBackdrop.fade-enter-from[data-v-c79a1216],.VPBackdrop.fade-leave-to[data-v-c79a1216]{opacity:0}.VPBackdrop.fade-leave-active[data-v-c79a1216]{transition-duration:.25s}@media (min-width: 1280px){.VPBackdrop[data-v-c79a1216]{display:none}}.NotFound[data-v-f87ff6e4]{padding:64px 24px 96px;text-align:center}@media (min-width: 768px){.NotFound[data-v-f87ff6e4]{padding:96px 32px 168px}}.code[data-v-f87ff6e4]{line-height:64px;font-size:64px;font-weight:600}.title[data-v-f87ff6e4]{padding-top:12px;letter-spacing:2px;line-height:20px;font-size:20px;font-weight:700}.divider[data-v-f87ff6e4]{margin:24px auto 18px;width:64px;height:1px;background-color:var(--vp-c-divider)}.quote[data-v-f87ff6e4]{margin:0 auto;max-width:256px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}.action[data-v-f87ff6e4]{padding-top:20px}.link[data-v-f87ff6e4]{display:inline-block;border:1px solid var(--vp-c-brand-1);border-radius:16px;padding:3px 16px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1);transition:border-color .25s,color .25s}.link[data-v-f87ff6e4]:hover{border-color:var(--vp-c-brand-2);color:var(--vp-c-brand-2)}.root[data-v-b933a997]{position:relative;z-index:1}.nested[data-v-b933a997]{padding-right:16px;padding-left:16px}.outline-link[data-v-b933a997]{display:block;line-height:32px;font-size:14px;font-weight:400;color:var(--vp-c-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .5s}.outline-link[data-v-b933a997]:hover,.outline-link.active[data-v-b933a997]{color:var(--vp-c-text-1);transition:color .25s}.outline-link.nested[data-v-b933a997]{padding-left:13px}.VPDocAsideOutline[data-v-935f8a84]{display:none}.VPDocAsideOutline.has-outline[data-v-935f8a84]{display:block}.content[data-v-935f8a84]{position:relative;border-left:1px solid var(--vp-c-divider);padding-left:16px;font-size:13px;font-weight:500}.outline-marker[data-v-935f8a84]{position:absolute;top:32px;left:-1px;z-index:0;opacity:0;width:2px;border-radius:2px;height:18px;background-color:var(--vp-c-brand-1);transition:top .25s cubic-bezier(0,1,.5,1),background-color .5s,opacity .25s}.outline-title[data-v-935f8a84]{line-height:32px;font-size:14px;font-weight:600}.VPDocAside[data-v-3f215769]{display:flex;flex-direction:column;flex-grow:1}.spacer[data-v-3f215769]{flex-grow:1}.VPDocAside[data-v-3f215769] .spacer+.VPDocAsideSponsors,.VPDocAside[data-v-3f215769] .spacer+.VPDocAsideCarbonAds{margin-top:24px}.VPDocAside[data-v-3f215769] .VPDocAsideSponsors+.VPDocAsideCarbonAds{margin-top:16px}.VPLastUpdated[data-v-7e05ebdb]{line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}@media (min-width: 640px){.VPLastUpdated[data-v-7e05ebdb]{line-height:32px;font-size:14px;font-weight:500}}.VPDocFooter[data-v-48f9bb55]{margin-top:64px}.edit-info[data-v-48f9bb55]{padding-bottom:18px}@media (min-width: 640px){.edit-info[data-v-48f9bb55]{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px}}.edit-link-button[data-v-48f9bb55]{display:flex;align-items:center;border:0;line-height:32px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1);transition:color .25s}.edit-link-button[data-v-48f9bb55]:hover{color:var(--vp-c-brand-2)}.edit-link-icon[data-v-48f9bb55]{margin-right:8px;width:14px;height:14px;fill:currentColor}.prev-next[data-v-48f9bb55]{border-top:1px solid var(--vp-c-divider);padding-top:24px;display:grid;grid-row-gap:8px}@media (min-width: 640px){.prev-next[data-v-48f9bb55]{grid-template-columns:repeat(2,1fr);grid-column-gap:16px}}.pager-link[data-v-48f9bb55]{display:block;border:1px solid var(--vp-c-divider);border-radius:8px;padding:11px 16px 13px;width:100%;height:100%;transition:border-color .25s}.pager-link[data-v-48f9bb55]:hover{border-color:var(--vp-c-brand-1)}.pager-link.next[data-v-48f9bb55]{margin-left:auto;text-align:right}.desc[data-v-48f9bb55]{display:block;line-height:20px;font-size:12px;font-weight:500;color:var(--vp-c-text-2)}.title[data-v-48f9bb55]{display:block;line-height:20px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1);transition:color .25s}.VPDoc[data-v-39a288b8]{padding:32px 24px 96px;width:100%}@media (min-width: 768px){.VPDoc[data-v-39a288b8]{padding:48px 32px 128px}}@media (min-width: 960px){.VPDoc[data-v-39a288b8]{padding:48px 32px 0}.VPDoc:not(.has-sidebar) .container[data-v-39a288b8]{display:flex;justify-content:center;max-width:992px}.VPDoc:not(.has-sidebar) .content[data-v-39a288b8]{max-width:752px}}@media (min-width: 1280px){.VPDoc .container[data-v-39a288b8]{display:flex;justify-content:center}.VPDoc .aside[data-v-39a288b8]{display:block}}@media (min-width: 1440px){.VPDoc:not(.has-sidebar) .content[data-v-39a288b8]{max-width:784px}.VPDoc:not(.has-sidebar) .container[data-v-39a288b8]{max-width:1104px}}.container[data-v-39a288b8]{margin:0 auto;width:100%}.aside[data-v-39a288b8]{position:relative;display:none;order:2;flex-grow:1;padding-left:32px;width:100%;max-width:256px}.left-aside[data-v-39a288b8]{order:1;padding-left:unset;padding-right:32px}.aside-container[data-v-39a288b8]{position:fixed;top:0;padding-top:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + var(--vp-doc-top-height, 0px) + 48px);width:224px;height:100vh;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.aside-container[data-v-39a288b8]::-webkit-scrollbar{display:none}.aside-curtain[data-v-39a288b8]{position:fixed;bottom:0;z-index:10;width:224px;height:32px;background:linear-gradient(transparent,var(--vp-c-bg) 70%)}.aside-content[data-v-39a288b8]{display:flex;flex-direction:column;min-height:calc(100vh - (var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 48px));padding-bottom:32px}.content[data-v-39a288b8]{position:relative;margin:0 auto;width:100%}@media (min-width: 960px){.content[data-v-39a288b8]{padding:0 32px 128px}}@media (min-width: 1280px){.content[data-v-39a288b8]{order:1;margin:0;min-width:640px}}.content-container[data-v-39a288b8]{margin:0 auto}.VPDoc.has-aside .content-container[data-v-39a288b8]{max-width:688px}.VPButton[data-v-cad61b99]{display:inline-block;border:1px solid transparent;text-align:center;font-weight:600;white-space:nowrap;transition:color .25s,border-color .25s,background-color .25s}.VPButton[data-v-cad61b99]:active{transition:color .1s,border-color .1s,background-color .1s}.VPButton.medium[data-v-cad61b99]{border-radius:20px;padding:0 20px;line-height:38px;font-size:14px}.VPButton.big[data-v-cad61b99]{border-radius:24px;padding:0 24px;line-height:46px;font-size:16px}.VPButton.brand[data-v-cad61b99]{border-color:var(--vp-button-brand-border);color:var(--vp-button-brand-text);background-color:var(--vp-button-brand-bg)}.VPButton.brand[data-v-cad61b99]:hover{border-color:var(--vp-button-brand-hover-border);color:var(--vp-button-brand-hover-text);background-color:var(--vp-button-brand-hover-bg)}.VPButton.brand[data-v-cad61b99]:active{border-color:var(--vp-button-brand-active-border);color:var(--vp-button-brand-active-text);background-color:var(--vp-button-brand-active-bg)}.VPButton.alt[data-v-cad61b99]{border-color:var(--vp-button-alt-border);color:var(--vp-button-alt-text);background-color:var(--vp-button-alt-bg)}.VPButton.alt[data-v-cad61b99]:hover{border-color:var(--vp-button-alt-hover-border);color:var(--vp-button-alt-hover-text);background-color:var(--vp-button-alt-hover-bg)}.VPButton.alt[data-v-cad61b99]:active{border-color:var(--vp-button-alt-active-border);color:var(--vp-button-alt-active-text);background-color:var(--vp-button-alt-active-bg)}.VPButton.sponsor[data-v-cad61b99]{border-color:var(--vp-button-sponsor-border);color:var(--vp-button-sponsor-text);background-color:var(--vp-button-sponsor-bg)}.VPButton.sponsor[data-v-cad61b99]:hover{border-color:var(--vp-button-sponsor-hover-border);color:var(--vp-button-sponsor-hover-text);background-color:var(--vp-button-sponsor-hover-bg)}.VPButton.sponsor[data-v-cad61b99]:active{border-color:var(--vp-button-sponsor-active-border);color:var(--vp-button-sponsor-active-text);background-color:var(--vp-button-sponsor-active-bg)}html:not(.dark) .VPImage.dark[data-v-8426fc1a]{display:none}.dark .VPImage.light[data-v-8426fc1a]{display:none}.VPHero[data-v-303bb580]{margin-top:calc((var(--vp-nav-height) + var(--vp-layout-top-height, 0px)) * -1);padding:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 48px) 24px 48px}@media (min-width: 640px){.VPHero[data-v-303bb580]{padding:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 80px) 48px 64px}}@media (min-width: 960px){.VPHero[data-v-303bb580]{padding:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 80px) 64px 64px}}.container[data-v-303bb580]{display:flex;flex-direction:column;margin:0 auto;max-width:1152px}@media (min-width: 960px){.container[data-v-303bb580]{flex-direction:row}}.main[data-v-303bb580]{position:relative;z-index:10;order:2;flex-grow:1;flex-shrink:0}.VPHero.has-image .container[data-v-303bb580]{text-align:center}@media (min-width: 960px){.VPHero.has-image .container[data-v-303bb580]{text-align:left}}@media (min-width: 960px){.main[data-v-303bb580]{order:1;width:calc((100% / 3) * 2)}.VPHero.has-image .main[data-v-303bb580]{max-width:592px}}.name[data-v-303bb580],.text[data-v-303bb580]{max-width:392px;letter-spacing:-.4px;line-height:40px;font-size:32px;font-weight:700;white-space:pre-wrap}.VPHero.has-image .name[data-v-303bb580],.VPHero.has-image .text[data-v-303bb580]{margin:0 auto}.name[data-v-303bb580]{color:var(--vp-home-hero-name-color)}.clip[data-v-303bb580]{background:var(--vp-home-hero-name-background);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--vp-home-hero-name-color)}@media (min-width: 640px){.name[data-v-303bb580],.text[data-v-303bb580]{max-width:576px;line-height:56px;font-size:48px}}@media (min-width: 960px){.name[data-v-303bb580],.text[data-v-303bb580]{line-height:64px;font-size:56px}.VPHero.has-image .name[data-v-303bb580],.VPHero.has-image .text[data-v-303bb580]{margin:0}}.tagline[data-v-303bb580]{padding-top:8px;max-width:392px;line-height:28px;font-size:18px;font-weight:500;white-space:pre-wrap;color:var(--vp-c-text-2)}.VPHero.has-image .tagline[data-v-303bb580]{margin:0 auto}@media (min-width: 640px){.tagline[data-v-303bb580]{padding-top:12px;max-width:576px;line-height:32px;font-size:20px}}@media (min-width: 960px){.tagline[data-v-303bb580]{line-height:36px;font-size:24px}.VPHero.has-image .tagline[data-v-303bb580]{margin:0}}.actions[data-v-303bb580]{display:flex;flex-wrap:wrap;margin:-6px;padding-top:24px}.VPHero.has-image .actions[data-v-303bb580]{justify-content:center}@media (min-width: 640px){.actions[data-v-303bb580]{padding-top:32px}}@media (min-width: 960px){.VPHero.has-image .actions[data-v-303bb580]{justify-content:flex-start}}.action[data-v-303bb580]{flex-shrink:0;padding:6px}.image[data-v-303bb580]{order:1;margin:-76px -24px -48px}@media (min-width: 640px){.image[data-v-303bb580]{margin:-108px -24px -48px}}@media (min-width: 960px){.image[data-v-303bb580]{flex-grow:1;order:2;margin:0;min-height:100%}}.image-container[data-v-303bb580]{position:relative;margin:0 auto;width:320px;height:320px}@media (min-width: 640px){.image-container[data-v-303bb580]{width:392px;height:392px}}@media (min-width: 960px){.image-container[data-v-303bb580]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;transform:translate(-32px,-32px)}}.image-bg[data-v-303bb580]{position:absolute;top:50%;left:50%;border-radius:50%;width:192px;height:192px;background-image:var(--vp-home-hero-image-background-image);filter:var(--vp-home-hero-image-filter);transform:translate(-50%,-50%)}@media (min-width: 640px){.image-bg[data-v-303bb580]{width:256px;height:256px}}@media (min-width: 960px){.image-bg[data-v-303bb580]{width:320px;height:320px}}[data-v-303bb580] .image-src{position:absolute;top:50%;left:50%;max-width:192px;max-height:192px;transform:translate(-50%,-50%)}@media (min-width: 640px){[data-v-303bb580] .image-src{max-width:256px;max-height:256px}}@media (min-width: 960px){[data-v-303bb580] .image-src{max-width:320px;max-height:320px}}.VPFeature[data-v-33204567]{display:block;border:1px solid var(--vp-c-bg-soft);border-radius:12px;height:100%;background-color:var(--vp-c-bg-soft);transition:border-color .25s,background-color .25s}.VPFeature.link[data-v-33204567]:hover{border-color:var(--vp-c-brand-1)}.box[data-v-33204567]{display:flex;flex-direction:column;padding:24px;height:100%}.box[data-v-33204567]>.VPImage{margin-bottom:20px}.icon[data-v-33204567]{display:flex;justify-content:center;align-items:center;margin-bottom:20px;border-radius:6px;background-color:var(--vp-c-default-soft);width:48px;height:48px;font-size:24px;transition:background-color .25s}.title[data-v-33204567]{line-height:24px;font-size:16px;font-weight:600}.details[data-v-33204567]{flex-grow:1;padding-top:8px;line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}.link-text[data-v-33204567]{padding-top:8px}.link-text-value[data-v-33204567]{display:flex;align-items:center;font-size:14px;font-weight:500;color:var(--vp-c-brand-1)}.link-text-icon[data-v-33204567]{display:inline-block;margin-left:6px;width:14px;height:14px;fill:currentColor}.VPFeatures[data-v-a6181336]{position:relative;padding:0 24px}@media (min-width: 640px){.VPFeatures[data-v-a6181336]{padding:0 48px}}@media (min-width: 960px){.VPFeatures[data-v-a6181336]{padding:0 64px}}.container[data-v-a6181336]{margin:0 auto;max-width:1152px}.items[data-v-a6181336]{display:flex;flex-wrap:wrap;margin:-8px}.item[data-v-a6181336]{padding:8px;width:100%}@media (min-width: 640px){.item.grid-2[data-v-a6181336],.item.grid-4[data-v-a6181336],.item.grid-6[data-v-a6181336]{width:50%}}@media (min-width: 768px){.item.grid-2[data-v-a6181336],.item.grid-4[data-v-a6181336]{width:50%}.item.grid-3[data-v-a6181336],.item.grid-6[data-v-a6181336]{width:calc(100% / 3)}}@media (min-width: 960px){.item.grid-4[data-v-a6181336]{width:25%}}.VPHome[data-v-c71b6826]{padding-bottom:96px}.VPHome[data-v-c71b6826] .VPHomeSponsors{margin-top:112px;margin-bottom:-128px}@media (min-width: 768px){.VPHome[data-v-c71b6826]{padding-bottom:128px}}.VPContent[data-v-1428d186]{flex-grow:1;flex-shrink:0;margin:var(--vp-layout-top-height, 0px) auto 0;width:100%}.VPContent.is-home[data-v-1428d186]{width:100%;max-width:100%}.VPContent.has-sidebar[data-v-1428d186]{margin:0}@media (min-width: 960px){.VPContent[data-v-1428d186]{padding-top:var(--vp-nav-height)}.VPContent.has-sidebar[data-v-1428d186]{margin:var(--vp-layout-top-height, 0px) 0 0;padding-left:var(--vp-sidebar-width)}}@media (min-width: 1440px){.VPContent.has-sidebar[data-v-1428d186]{padding-right:calc((100vw - var(--vp-layout-max-width)) / 2);padding-left:calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width))}}.VPFooter[data-v-e315a0ad]{position:relative;z-index:var(--vp-z-index-footer);border-top:1px solid var(--vp-c-gutter);padding:32px 24px;background-color:var(--vp-c-bg)}.VPFooter.has-sidebar[data-v-e315a0ad]{display:none}.VPFooter[data-v-e315a0ad] a{text-decoration-line:underline;text-underline-offset:2px;transition:color .25s}.VPFooter[data-v-e315a0ad] a:hover{color:var(--vp-c-text-1)}@media (min-width: 768px){.VPFooter[data-v-e315a0ad]{padding:32px}}.container[data-v-e315a0ad]{margin:0 auto;max-width:var(--vp-layout-max-width);text-align:center}.message[data-v-e315a0ad],.copyright[data-v-e315a0ad]{line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}.VPLocalNavOutlineDropdown[data-v-af18c0d5]{padding:12px 20px 11px}@media (min-width: 960px){.VPLocalNavOutlineDropdown[data-v-af18c0d5]{padding:12px 36px 11px}}.VPLocalNavOutlineDropdown button[data-v-af18c0d5]{display:block;font-size:12px;font-weight:500;line-height:24px;color:var(--vp-c-text-2);transition:color .5s;position:relative}.VPLocalNavOutlineDropdown button[data-v-af18c0d5]:hover{color:var(--vp-c-text-1);transition:color .25s}.VPLocalNavOutlineDropdown button.open[data-v-af18c0d5]{color:var(--vp-c-text-1)}@media (min-width: 960px){.VPLocalNavOutlineDropdown button[data-v-af18c0d5]{font-size:14px}}.icon[data-v-af18c0d5]{display:inline-block;vertical-align:middle;margin-left:2px;width:14px;height:14px;fill:currentColor}.open>.icon[data-v-af18c0d5]{transform:rotate(90deg)}.items[data-v-af18c0d5]{position:absolute;top:40px;right:16px;left:16px;display:grid;gap:1px;border:1px solid var(--vp-c-border);border-radius:8px;background-color:var(--vp-c-gutter);max-height:calc(var(--vp-vh, 100vh) - 86px);overflow:hidden auto;box-shadow:var(--vp-shadow-3)}@media (min-width: 960px){.items[data-v-af18c0d5]{right:auto;left:calc(var(--vp-sidebar-width) + 32px);width:320px}}.header[data-v-af18c0d5]{background-color:var(--vp-c-bg-soft)}.top-link[data-v-af18c0d5]{display:block;padding:0 16px;line-height:48px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1)}.outline[data-v-af18c0d5]{padding:8px 0;background-color:var(--vp-c-bg-soft)}.flyout-enter-active[data-v-af18c0d5]{transition:all .2s ease-out}.flyout-leave-active[data-v-af18c0d5]{transition:all .15s ease-in}.flyout-enter-from[data-v-af18c0d5],.flyout-leave-to[data-v-af18c0d5]{opacity:0;transform:translateY(-16px)}.VPLocalNav[data-v-0282ae07]{position:sticky;top:0;left:0;z-index:var(--vp-z-index-local-nav);border-bottom:1px solid var(--vp-c-gutter);padding-top:var(--vp-layout-top-height, 0px);width:100%;background-color:var(--vp-local-nav-bg-color)}.VPLocalNav.fixed[data-v-0282ae07]{position:fixed}@media (min-width: 960px){.VPLocalNav[data-v-0282ae07]{top:var(--vp-nav-height)}.VPLocalNav.has-sidebar[data-v-0282ae07]{padding-left:var(--vp-sidebar-width)}.VPLocalNav.empty[data-v-0282ae07]{display:none}}@media (min-width: 1280px){.VPLocalNav[data-v-0282ae07]{display:none}}@media (min-width: 1440px){.VPLocalNav.has-sidebar[data-v-0282ae07]{padding-left:calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width))}}.container[data-v-0282ae07]{display:flex;justify-content:space-between;align-items:center}.menu[data-v-0282ae07]{display:flex;align-items:center;padding:12px 24px 11px;line-height:24px;font-size:12px;font-weight:500;color:var(--vp-c-text-2);transition:color .5s}.menu[data-v-0282ae07]:hover{color:var(--vp-c-text-1);transition:color .25s}@media (min-width: 768px){.menu[data-v-0282ae07]{padding:0 32px}}@media (min-width: 960px){.menu[data-v-0282ae07]{display:none}}.menu-icon[data-v-0282ae07]{margin-right:8px;width:16px;height:16px;fill:currentColor}.VPOutlineDropdown[data-v-0282ae07]{padding:12px 24px 11px}@media (min-width: 768px){.VPOutlineDropdown[data-v-0282ae07]{padding:12px 32px 11px}}.VPSwitch[data-v-b1685198]{position:relative;border-radius:11px;display:block;width:40px;height:22px;flex-shrink:0;border:1px solid var(--vp-input-border-color);background-color:var(--vp-input-switch-bg-color);transition:border-color .25s!important}.VPSwitch[data-v-b1685198]:hover{border-color:var(--vp-c-brand-1)}.check[data-v-b1685198]{position:absolute;top:1px;left:1px;width:18px;height:18px;border-radius:50%;background-color:var(--vp-c-neutral-inverse);box-shadow:var(--vp-shadow-1);transition:transform .25s!important}.icon[data-v-b1685198]{position:relative;display:block;width:18px;height:18px;border-radius:50%;overflow:hidden}.icon[data-v-b1685198] svg{position:absolute;top:3px;left:3px;width:12px;height:12px;fill:var(--vp-c-text-2)}.dark .icon[data-v-b1685198] svg{fill:var(--vp-c-text-1);transition:opacity .25s!important}.sun[data-v-1736f215]{opacity:1}.moon[data-v-1736f215],.dark .sun[data-v-1736f215]{opacity:0}.dark .moon[data-v-1736f215]{opacity:1}.dark .VPSwitchAppearance[data-v-1736f215] .check{transform:translate(18px)}.VPNavBarAppearance[data-v-e6aabb21]{display:none}@media (min-width: 1280px){.VPNavBarAppearance[data-v-e6aabb21]{display:flex;align-items:center}}.VPMenuGroup+.VPMenuLink[data-v-43f1e123]{margin:12px -12px 0;border-top:1px solid var(--vp-c-divider);padding:12px 12px 0}.link[data-v-43f1e123]{display:block;border-radius:6px;padding:0 12px;line-height:32px;font-size:14px;font-weight:500;color:var(--vp-c-text-1);white-space:nowrap;transition:background-color .25s,color .25s}.link[data-v-43f1e123]:hover{color:var(--vp-c-brand-1);background-color:var(--vp-c-default-soft)}.link.active[data-v-43f1e123]{color:var(--vp-c-brand-1)}.VPMenuGroup[data-v-69e747b5]{margin:12px -12px 0;border-top:1px solid var(--vp-c-divider);padding:12px 12px 0}.VPMenuGroup[data-v-69e747b5]:first-child{margin-top:0;border-top:0;padding-top:0}.VPMenuGroup+.VPMenuGroup[data-v-69e747b5]{margin-top:12px;border-top:1px solid var(--vp-c-divider)}.title[data-v-69e747b5]{padding:0 12px;line-height:32px;font-size:14px;font-weight:600;color:var(--vp-c-text-2);white-space:nowrap;transition:color .25s}.VPMenu[data-v-e7ea1737]{border-radius:12px;padding:12px;min-width:128px;border:1px solid var(--vp-c-divider);background-color:var(--vp-c-bg-elv);box-shadow:var(--vp-shadow-3);transition:background-color .5s;max-height:calc(100vh - var(--vp-nav-height));overflow-y:auto}.VPMenu[data-v-e7ea1737] .group{margin:0 -12px;padding:0 12px 12px}.VPMenu[data-v-e7ea1737] .group+.group{border-top:1px solid var(--vp-c-divider);padding:11px 12px 12px}.VPMenu[data-v-e7ea1737] .group:last-child{padding-bottom:0}.VPMenu[data-v-e7ea1737] .group+.item{border-top:1px solid var(--vp-c-divider);padding:11px 16px 0}.VPMenu[data-v-e7ea1737] .item{padding:0 16px;white-space:nowrap}.VPMenu[data-v-e7ea1737] .label{flex-grow:1;line-height:28px;font-size:12px;font-weight:500;color:var(--vp-c-text-2);transition:color .5s}.VPMenu[data-v-e7ea1737] .action{padding-left:24px}.VPFlyout[data-v-9c007e85]{position:relative}.VPFlyout[data-v-9c007e85]:hover{color:var(--vp-c-brand-1);transition:color .25s}.VPFlyout:hover .text[data-v-9c007e85]{color:var(--vp-c-text-2)}.VPFlyout:hover .icon[data-v-9c007e85]{fill:var(--vp-c-text-2)}.VPFlyout.active .text[data-v-9c007e85]{color:var(--vp-c-brand-1)}.VPFlyout.active:hover .text[data-v-9c007e85]{color:var(--vp-c-brand-2)}.VPFlyout:hover .menu[data-v-9c007e85],.button[aria-expanded=true]+.menu[data-v-9c007e85]{opacity:1;visibility:visible;transform:translateY(0)}.button[aria-expanded=false]+.menu[data-v-9c007e85]{opacity:0;visibility:hidden;transform:translateY(0)}.button[data-v-9c007e85]{display:flex;align-items:center;padding:0 12px;height:var(--vp-nav-height);color:var(--vp-c-text-1);transition:color .5s}.text[data-v-9c007e85]{display:flex;align-items:center;line-height:var(--vp-nav-height);font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:color .25s}.option-icon[data-v-9c007e85]{margin-right:0;width:16px;height:16px;fill:currentColor}.text-icon[data-v-9c007e85]{margin-left:4px;width:14px;height:14px;fill:currentColor}.icon[data-v-9c007e85]{width:20px;height:20px;fill:currentColor;transition:fill .25s}.menu[data-v-9c007e85]{position:absolute;top:calc(var(--vp-nav-height) / 2 + 20px);right:0;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s,transform .25s}.VPSocialLink[data-v-f80f8133]{display:flex;justify-content:center;align-items:center;width:36px;height:36px;color:var(--vp-c-text-2);transition:color .5s}.VPSocialLink[data-v-f80f8133]:hover{color:var(--vp-c-text-1);transition:color .25s}.VPSocialLink[data-v-f80f8133]>svg{width:20px;height:20px;fill:currentColor}.VPSocialLinks[data-v-7bc22406]{display:flex;justify-content:center}.VPNavBarExtra[data-v-d0bd9dde]{display:none;margin-right:-12px}@media (min-width: 768px){.VPNavBarExtra[data-v-d0bd9dde]{display:block}}@media (min-width: 1280px){.VPNavBarExtra[data-v-d0bd9dde]{display:none}}.trans-title[data-v-d0bd9dde]{padding:0 24px 0 12px;line-height:32px;font-size:14px;font-weight:700;color:var(--vp-c-text-1)}.item.appearance[data-v-d0bd9dde],.item.social-links[data-v-d0bd9dde]{display:flex;align-items:center;padding:0 12px}.item.appearance[data-v-d0bd9dde]{min-width:176px}.appearance-action[data-v-d0bd9dde]{margin-right:-2px}.social-links-list[data-v-d0bd9dde]{margin:-4px -8px}.VPNavBarHamburger[data-v-e5dd9c1c]{display:flex;justify-content:center;align-items:center;width:48px;height:var(--vp-nav-height)}@media (min-width: 768px){.VPNavBarHamburger[data-v-e5dd9c1c]{display:none}}.container[data-v-e5dd9c1c]{position:relative;width:16px;height:14px;overflow:hidden}.VPNavBarHamburger:hover .top[data-v-e5dd9c1c]{top:0;left:0;transform:translate(4px)}.VPNavBarHamburger:hover .middle[data-v-e5dd9c1c]{top:6px;left:0;transform:translate(0)}.VPNavBarHamburger:hover .bottom[data-v-e5dd9c1c]{top:12px;left:0;transform:translate(8px)}.VPNavBarHamburger.active .top[data-v-e5dd9c1c]{top:6px;transform:translate(0) rotate(225deg)}.VPNavBarHamburger.active .middle[data-v-e5dd9c1c]{top:6px;transform:translate(16px)}.VPNavBarHamburger.active .bottom[data-v-e5dd9c1c]{top:6px;transform:translate(0) rotate(135deg)}.VPNavBarHamburger.active:hover .top[data-v-e5dd9c1c],.VPNavBarHamburger.active:hover .middle[data-v-e5dd9c1c],.VPNavBarHamburger.active:hover .bottom[data-v-e5dd9c1c]{background-color:var(--vp-c-text-2);transition:top .25s,background-color .25s,transform .25s}.top[data-v-e5dd9c1c],.middle[data-v-e5dd9c1c],.bottom[data-v-e5dd9c1c]{position:absolute;width:16px;height:2px;background-color:var(--vp-c-text-1);transition:top .25s,background-color .5s,transform .25s}.top[data-v-e5dd9c1c]{top:0;left:0;transform:translate(0)}.middle[data-v-e5dd9c1c]{top:6px;left:0;transform:translate(8px)}.bottom[data-v-e5dd9c1c]{top:12px;left:0;transform:translate(4px)}.VPNavBarMenuLink[data-v-42ef59de]{display:flex;align-items:center;padding:0 12px;line-height:var(--vp-nav-height);font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:color .25s}.VPNavBarMenuLink.active[data-v-42ef59de],.VPNavBarMenuLink[data-v-42ef59de]:hover{color:var(--vp-c-brand-1)}.VPNavBarMenu[data-v-7f418b0f]{display:none}@media (min-width: 768px){.VPNavBarMenu[data-v-7f418b0f]{display:flex}}/*! @docsearch/css 3.5.2 | MIT License | © Algolia, Inc. and contributors | https://docsearch.algolia.com */:root{--docsearch-primary-color:#5468ff;--docsearch-text-color:#1c1e21;--docsearch-spacing:12px;--docsearch-icon-stroke-width:1.4;--docsearch-highlight-color:var(--docsearch-primary-color);--docsearch-muted-color:#969faf;--docsearch-container-background:rgba(101,108,133,.8);--docsearch-logo-color:#5468ff;--docsearch-modal-width:560px;--docsearch-modal-height:600px;--docsearch-modal-background:#f5f6f7;--docsearch-modal-shadow:inset 1px 1px 0 0 hsla(0,0%,100%,.5),0 3px 8px 0 #555a64;--docsearch-searchbox-height:56px;--docsearch-searchbox-background:#ebedf0;--docsearch-searchbox-focus-background:#fff;--docsearch-searchbox-shadow:inset 0 0 0 2px var(--docsearch-primary-color);--docsearch-hit-height:56px;--docsearch-hit-color:#444950;--docsearch-hit-active-color:#fff;--docsearch-hit-background:#fff;--docsearch-hit-shadow:0 1px 3px 0 #d4d9e1;--docsearch-key-gradient:linear-gradient(-225deg,#d5dbe4,#f8f8f8);--docsearch-key-shadow:inset 0 -2px 0 0 #cdcde6,inset 0 0 1px 1px #fff,0 1px 2px 1px rgba(30,35,90,.4);--docsearch-footer-height:44px;--docsearch-footer-background:#fff;--docsearch-footer-shadow:0 -1px 0 0 #e0e3e8,0 -3px 6px 0 rgba(69,98,155,.12)}html[data-theme=dark]{--docsearch-text-color:#f5f6f7;--docsearch-container-background:rgba(9,10,17,.8);--docsearch-modal-background:#15172a;--docsearch-modal-shadow:inset 1px 1px 0 0 #2c2e40,0 3px 8px 0 #000309;--docsearch-searchbox-background:#090a11;--docsearch-searchbox-focus-background:#000;--docsearch-hit-color:#bec3c9;--docsearch-hit-shadow:none;--docsearch-hit-background:#090a11;--docsearch-key-gradient:linear-gradient(-26.5deg,#565872,#31355b);--docsearch-key-shadow:inset 0 -2px 0 0 #282d55,inset 0 0 1px 1px #51577d,0 2px 2px 0 rgba(3,4,9,.3);--docsearch-footer-background:#1e2136;--docsearch-footer-shadow:inset 0 1px 0 0 rgba(73,76,106,.5),0 -4px 8px 0 rgba(0,0,0,.2);--docsearch-logo-color:#fff;--docsearch-muted-color:#7f8497}.DocSearch-Button{align-items:center;background:var(--docsearch-searchbox-background);border:0;border-radius:40px;color:var(--docsearch-muted-color);cursor:pointer;display:flex;font-weight:500;height:36px;justify-content:space-between;margin:0 0 0 16px;padding:0 8px;-webkit-user-select:none;user-select:none}.DocSearch-Button:active,.DocSearch-Button:focus,.DocSearch-Button:hover{background:var(--docsearch-searchbox-focus-background);box-shadow:var(--docsearch-searchbox-shadow);color:var(--docsearch-text-color);outline:none}.DocSearch-Button-Container{align-items:center;display:flex}.DocSearch-Search-Icon{stroke-width:1.6}.DocSearch-Button .DocSearch-Search-Icon{color:var(--docsearch-text-color)}.DocSearch-Button-Placeholder{font-size:1rem;padding:0 12px 0 6px}.DocSearch-Button-Keys{display:flex;min-width:calc(40px + .8em)}.DocSearch-Button-Key{align-items:center;background:var(--docsearch-key-gradient);border-radius:3px;box-shadow:var(--docsearch-key-shadow);color:var(--docsearch-muted-color);display:flex;height:18px;justify-content:center;margin-right:.4em;position:relative;padding:0 0 2px;border:0;top:-1px;width:20px}@media (max-width:768px){.DocSearch-Button-Keys,.DocSearch-Button-Placeholder{display:none}}.DocSearch--active{overflow:hidden!important}.DocSearch-Container,.DocSearch-Container *{box-sizing:border-box}.DocSearch-Container{background-color:var(--docsearch-container-background);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:200}.DocSearch-Container a{text-decoration:none}.DocSearch-Link{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:var(--docsearch-highlight-color);cursor:pointer;font:inherit;margin:0;padding:0}.DocSearch-Modal{background:var(--docsearch-modal-background);border-radius:6px;box-shadow:var(--docsearch-modal-shadow);flex-direction:column;margin:60px auto auto;max-width:var(--docsearch-modal-width);position:relative}.DocSearch-SearchBar{display:flex;padding:var(--docsearch-spacing) var(--docsearch-spacing) 0}.DocSearch-Form{align-items:center;background:var(--docsearch-searchbox-focus-background);border-radius:4px;box-shadow:var(--docsearch-searchbox-shadow);display:flex;height:var(--docsearch-searchbox-height);margin:0;padding:0 var(--docsearch-spacing);position:relative;width:100%}.DocSearch-Input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--docsearch-text-color);flex:1;font:inherit;font-size:1.2em;height:100%;outline:none;padding:0 0 0 8px;width:80%}.DocSearch-Input::placeholder{color:var(--docsearch-muted-color);opacity:1}.DocSearch-Input::-webkit-search-cancel-button,.DocSearch-Input::-webkit-search-decoration,.DocSearch-Input::-webkit-search-results-button,.DocSearch-Input::-webkit-search-results-decoration{display:none}.DocSearch-LoadingIndicator,.DocSearch-MagnifierLabel,.DocSearch-Reset{margin:0;padding:0}.DocSearch-MagnifierLabel,.DocSearch-Reset{align-items:center;color:var(--docsearch-highlight-color);display:flex;justify-content:center}.DocSearch-Container--Stalled .DocSearch-MagnifierLabel,.DocSearch-LoadingIndicator{display:none}.DocSearch-Container--Stalled .DocSearch-LoadingIndicator{align-items:center;color:var(--docsearch-highlight-color);display:flex;justify-content:center}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Reset{animation:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:var(--docsearch-icon-color);cursor:pointer;right:0;stroke-width:var(--docsearch-icon-stroke-width)}}.DocSearch-Reset{animation:fade-in .1s ease-in forwards;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:var(--docsearch-icon-color);cursor:pointer;padding:2px;right:0;stroke-width:var(--docsearch-icon-stroke-width)}.DocSearch-Reset[hidden]{display:none}.DocSearch-Reset:hover{color:var(--docsearch-highlight-color)}.DocSearch-LoadingIndicator svg,.DocSearch-MagnifierLabel svg{height:24px;width:24px}.DocSearch-Cancel{display:none}.DocSearch-Dropdown{max-height:calc(var(--docsearch-modal-height) - var(--docsearch-searchbox-height) - var(--docsearch-spacing) - var(--docsearch-footer-height));min-height:var(--docsearch-spacing);overflow-y:auto;overflow-y:overlay;padding:0 var(--docsearch-spacing);scrollbar-color:var(--docsearch-muted-color) var(--docsearch-modal-background);scrollbar-width:thin}.DocSearch-Dropdown::-webkit-scrollbar{width:12px}.DocSearch-Dropdown::-webkit-scrollbar-track{background:transparent}.DocSearch-Dropdown::-webkit-scrollbar-thumb{background-color:var(--docsearch-muted-color);border:3px solid var(--docsearch-modal-background);border-radius:20px}.DocSearch-Dropdown ul{list-style:none;margin:0;padding:0}.DocSearch-Label{font-size:.75em;line-height:1.6em}.DocSearch-Help,.DocSearch-Label{color:var(--docsearch-muted-color)}.DocSearch-Help{font-size:.9em;margin:0;-webkit-user-select:none;user-select:none}.DocSearch-Title{font-size:1.2em}.DocSearch-Logo a{display:flex}.DocSearch-Logo svg{color:var(--docsearch-logo-color);margin-left:8px}.DocSearch-Hits:last-of-type{margin-bottom:24px}.DocSearch-Hits mark{background:none;color:var(--docsearch-highlight-color)}.DocSearch-HitsFooter{color:var(--docsearch-muted-color);display:flex;font-size:.85em;justify-content:center;margin-bottom:var(--docsearch-spacing);padding:var(--docsearch-spacing)}.DocSearch-HitsFooter a{border-bottom:1px solid;color:inherit}.DocSearch-Hit{border-radius:4px;display:flex;padding-bottom:4px;position:relative}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit--deleting{transition:none}}.DocSearch-Hit--deleting{opacity:0;transition:all .25s linear}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit--favoriting{transition:none}}.DocSearch-Hit--favoriting{transform:scale(0);transform-origin:top center;transition:all .25s linear;transition-delay:.25s}.DocSearch-Hit a{background:var(--docsearch-hit-background);border-radius:4px;box-shadow:var(--docsearch-hit-shadow);display:block;padding-left:var(--docsearch-spacing);width:100%}.DocSearch-Hit-source{background:var(--docsearch-modal-background);color:var(--docsearch-highlight-color);font-size:.85em;font-weight:600;line-height:32px;margin:0 -4px;padding:8px 4px 0;position:sticky;top:0;z-index:10}.DocSearch-Hit-Tree{color:var(--docsearch-muted-color);height:var(--docsearch-hit-height);opacity:.5;stroke-width:var(--docsearch-icon-stroke-width);width:24px}.DocSearch-Hit[aria-selected=true] a{background-color:var(--docsearch-highlight-color)}.DocSearch-Hit[aria-selected=true] mark{text-decoration:underline}.DocSearch-Hit-Container{align-items:center;color:var(--docsearch-hit-color);display:flex;flex-direction:row;height:var(--docsearch-hit-height);padding:0 var(--docsearch-spacing) 0 0}.DocSearch-Hit-icon{height:20px;width:20px}.DocSearch-Hit-action,.DocSearch-Hit-icon{color:var(--docsearch-muted-color);stroke-width:var(--docsearch-icon-stroke-width)}.DocSearch-Hit-action{align-items:center;display:flex;height:22px;width:22px}.DocSearch-Hit-action svg{display:block;height:18px;width:18px}.DocSearch-Hit-action+.DocSearch-Hit-action{margin-left:6px}.DocSearch-Hit-action-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:inherit;cursor:pointer;padding:2px}svg.DocSearch-Hit-Select-Icon{display:none}.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Select-Icon{display:block}.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{background:#0003;transition:background-color .1s ease-in}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{transition:none}}.DocSearch-Hit-action-button:focus path,.DocSearch-Hit-action-button:hover path{fill:#fff}.DocSearch-Hit-content-wrapper{display:flex;flex:1 1 auto;flex-direction:column;font-weight:500;justify-content:center;line-height:1.2em;margin:0 8px;overflow-x:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:80%}.DocSearch-Hit-title{font-size:.9em}.DocSearch-Hit-path{color:var(--docsearch-muted-color);font-size:.75em}.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-action,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-icon,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-path,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-text,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-title,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Tree,.DocSearch-Hit[aria-selected=true] mark{color:var(--docsearch-hit-active-color)!important}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{background:#0003;transition:none}}.DocSearch-ErrorScreen,.DocSearch-NoResults,.DocSearch-StartScreen{font-size:.9em;margin:0 auto;padding:36px 0;text-align:center;width:80%}.DocSearch-Screen-Icon{color:var(--docsearch-muted-color);padding-bottom:12px}.DocSearch-NoResults-Prefill-List{display:inline-block;padding-bottom:24px;text-align:left}.DocSearch-NoResults-Prefill-List ul{display:inline-block;padding:8px 0 0}.DocSearch-NoResults-Prefill-List li{list-style-position:inside;list-style-type:"» "}.DocSearch-Prefill{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:1em;color:var(--docsearch-highlight-color);cursor:pointer;display:inline-block;font-size:1em;font-weight:700;padding:0}.DocSearch-Prefill:focus,.DocSearch-Prefill:hover{outline:none;text-decoration:underline}.DocSearch-Footer{align-items:center;background:var(--docsearch-footer-background);border-radius:0 0 8px 8px;box-shadow:var(--docsearch-footer-shadow);display:flex;flex-direction:row-reverse;flex-shrink:0;height:var(--docsearch-footer-height);justify-content:space-between;padding:0 var(--docsearch-spacing);position:relative;-webkit-user-select:none;user-select:none;width:100%;z-index:300}.DocSearch-Commands{color:var(--docsearch-muted-color);display:flex;list-style:none;margin:0;padding:0}.DocSearch-Commands li{align-items:center;display:flex}.DocSearch-Commands li:not(:last-of-type){margin-right:.8em}.DocSearch-Commands-Key{align-items:center;background:var(--docsearch-key-gradient);border-radius:2px;box-shadow:var(--docsearch-key-shadow);display:flex;height:18px;justify-content:center;margin-right:.4em;padding:0 0 1px;color:var(--docsearch-muted-color);border:0;width:20px}@media (max-width:768px){:root{--docsearch-spacing:10px;--docsearch-footer-height:40px}.DocSearch-Dropdown{height:100%}.DocSearch-Container{height:100vh;height:-webkit-fill-available;height:calc(var(--docsearch-vh, 1vh)*100);position:absolute}.DocSearch-Footer{border-radius:0;bottom:0;position:absolute}.DocSearch-Hit-content-wrapper{display:flex;position:relative;width:80%}.DocSearch-Modal{border-radius:0;box-shadow:none;height:100vh;height:-webkit-fill-available;height:calc(var(--docsearch-vh, 1vh)*100);margin:0;max-width:100%;width:100%}.DocSearch-Dropdown{max-height:calc(var(--docsearch-vh, 1vh)*100 - var(--docsearch-searchbox-height) - var(--docsearch-spacing) - var(--docsearch-footer-height))}.DocSearch-Cancel{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:var(--docsearch-highlight-color);cursor:pointer;display:inline-block;flex:none;font:inherit;font-size:1em;font-weight:500;margin-left:var(--docsearch-spacing);outline:none;overflow:hidden;padding:0;-webkit-user-select:none;user-select:none;white-space:nowrap}.DocSearch-Commands,.DocSearch-Hit-Tree{display:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}[class*=DocSearch]{--docsearch-primary-color: var(--vp-c-brand-1);--docsearch-highlight-color: var(--docsearch-primary-color);--docsearch-text-color: var(--vp-c-text-1);--docsearch-muted-color: var(--vp-c-text-2);--docsearch-searchbox-shadow: none;--docsearch-searchbox-background: transparent;--docsearch-searchbox-focus-background: transparent;--docsearch-key-gradient: transparent;--docsearch-key-shadow: none;--docsearch-modal-background: var(--vp-c-bg-soft);--docsearch-footer-background: var(--vp-c-bg)}.dark [class*=DocSearch]{--docsearch-modal-shadow: none;--docsearch-footer-shadow: none;--docsearch-logo-color: var(--vp-c-text-2);--docsearch-hit-background: var(--vp-c-default-soft);--docsearch-hit-color: var(--vp-c-text-2);--docsearch-hit-shadow: none}.DocSearch-Button{display:flex;justify-content:center;align-items:center;margin:0;padding:0;width:48px;height:55px;background:transparent;transition:border-color .25s}.DocSearch-Button:hover{background:transparent}.DocSearch-Button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.DocSearch-Button:focus:not(:focus-visible){outline:none!important}@media (min-width: 768px){.DocSearch-Button{justify-content:flex-start;border:1px solid transparent;border-radius:8px;padding:0 10px 0 12px;width:100%;height:40px;background-color:var(--vp-c-bg-alt)}.DocSearch-Button:hover{border-color:var(--vp-c-brand-1);background:var(--vp-c-bg-alt)}}.DocSearch-Button .DocSearch-Button-Container{display:flex;align-items:center}.DocSearch-Button .DocSearch-Search-Icon{position:relative;width:16px;height:16px;color:var(--vp-c-text-1);fill:currentColor;transition:color .5s}.DocSearch-Button:hover .DocSearch-Search-Icon{color:var(--vp-c-text-1)}@media (min-width: 768px){.DocSearch-Button .DocSearch-Search-Icon{top:1px;margin-right:8px;width:14px;height:14px;color:var(--vp-c-text-2)}}.DocSearch-Button .DocSearch-Button-Placeholder{display:none;margin-top:2px;padding:0 16px 0 0;font-size:13px;font-weight:500;color:var(--vp-c-text-2);transition:color .5s}.DocSearch-Button:hover .DocSearch-Button-Placeholder{color:var(--vp-c-text-1)}@media (min-width: 768px){.DocSearch-Button .DocSearch-Button-Placeholder{display:inline-block}}.DocSearch-Button .DocSearch-Button-Keys{direction:ltr;display:none;min-width:auto}@media (min-width: 768px){.DocSearch-Button .DocSearch-Button-Keys{display:flex;align-items:center}}.DocSearch-Button .DocSearch-Button-Key{display:block;margin:2px 0 0;border:1px solid var(--vp-c-divider);border-right:none;border-radius:4px 0 0 4px;padding-left:6px;min-width:0;width:auto;height:22px;line-height:22px;font-family:var(--vp-font-family-base);font-size:12px;font-weight:500;transition:color .5s,border-color .5s}.DocSearch-Button .DocSearch-Button-Key+.DocSearch-Button-Key{border-right:1px solid var(--vp-c-divider);border-left:none;border-radius:0 4px 4px 0;padding-left:2px;padding-right:6px}.DocSearch-Button .DocSearch-Button-Key:first-child{font-size:0!important}.DocSearch-Button .DocSearch-Button-Key:first-child:after{content:"Ctrl";font-size:12px;letter-spacing:normal;color:var(--docsearch-muted-color)}.mac .DocSearch-Button .DocSearch-Button-Key:first-child:after{content:"⌘"}.DocSearch-Button .DocSearch-Button-Key:first-child>*{display:none}.VPNavBarSearch{display:flex;align-items:center}@media (min-width: 768px){.VPNavBarSearch{flex-grow:1;padding-left:24px}}@media (min-width: 960px){.VPNavBarSearch{padding-left:32px}}.dark .DocSearch-Footer{border-top:1px solid var(--vp-c-divider)}.DocSearch-Form{border:1px solid var(--vp-c-brand-1);background-color:var(--vp-c-white)}.dark .DocSearch-Form{background-color:var(--vp-c-default-soft)}.DocSearch-Screen-Icon>svg{margin:auto}.VPNavBarSocialLinks[data-v-0394ad82]{display:none}@media (min-width: 1280px){.VPNavBarSocialLinks[data-v-0394ad82]{display:flex;align-items:center}}.title[data-v-ab179fa1]{display:flex;align-items:center;border-bottom:1px solid transparent;width:100%;height:var(--vp-nav-height);font-size:16px;font-weight:600;color:var(--vp-c-text-1);transition:opacity .25s}@media (min-width: 960px){.title[data-v-ab179fa1]{flex-shrink:0}.VPNavBarTitle.has-sidebar .title[data-v-ab179fa1]{border-bottom-color:var(--vp-c-divider)}}[data-v-ab179fa1] .logo{margin-right:8px;height:var(--vp-nav-logo-height)}.VPNavBarTranslations[data-v-74abcbb9]{display:none}@media (min-width: 1280px){.VPNavBarTranslations[data-v-74abcbb9]{display:flex;align-items:center}}.title[data-v-74abcbb9]{padding:0 24px 0 12px;line-height:32px;font-size:14px;font-weight:700;color:var(--vp-c-text-1)}.VPNavBar[data-v-19c990f1]{position:relative;height:var(--vp-nav-height);pointer-events:none;white-space:nowrap;transition:background-color .5s}.VPNavBar.has-local-nav[data-v-19c990f1]{background-color:var(--vp-nav-bg-color)}@media (min-width: 960px){.VPNavBar.has-local-nav[data-v-19c990f1]{background-color:transparent}.VPNavBar[data-v-19c990f1]:not(.has-sidebar):not(.top){background-color:var(--vp-nav-bg-color)}}.wrapper[data-v-19c990f1]{padding:0 8px 0 24px}@media (min-width: 768px){.wrapper[data-v-19c990f1]{padding:0 32px}}@media (min-width: 960px){.VPNavBar.has-sidebar .wrapper[data-v-19c990f1]{padding:0}}.container[data-v-19c990f1]{display:flex;justify-content:space-between;margin:0 auto;max-width:calc(var(--vp-layout-max-width) - 64px);height:var(--vp-nav-height);pointer-events:none}.container>.title[data-v-19c990f1],.container>.content[data-v-19c990f1]{pointer-events:none}.container[data-v-19c990f1] *{pointer-events:auto}@media (min-width: 960px){.VPNavBar.has-sidebar .container[data-v-19c990f1]{max-width:100%}}.title[data-v-19c990f1]{flex-shrink:0;height:calc(var(--vp-nav-height) - 1px);transition:background-color .5s}@media (min-width: 960px){.VPNavBar.has-sidebar .title[data-v-19c990f1]{position:absolute;top:0;left:0;z-index:2;padding:0 32px;width:var(--vp-sidebar-width);height:var(--vp-nav-height);background-color:transparent}}@media (min-width: 1440px){.VPNavBar.has-sidebar .title[data-v-19c990f1]{padding-left:max(32px,calc((100% - (var(--vp-layout-max-width) - 64px)) / 2));width:calc((100% - (var(--vp-layout-max-width) - 64px)) / 2 + var(--vp-sidebar-width) - 32px)}}.content[data-v-19c990f1]{flex-grow:1}@media (min-width: 960px){.VPNavBar.has-sidebar .content[data-v-19c990f1]{position:relative;z-index:1;padding-right:32px;padding-left:var(--vp-sidebar-width)}}@media (min-width: 1440px){.VPNavBar.has-sidebar .content[data-v-19c990f1]{padding-right:calc((100vw - var(--vp-layout-max-width)) / 2 + 32px);padding-left:calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width))}}.content-body[data-v-19c990f1]{display:flex;justify-content:flex-end;align-items:center;height:var(--vp-nav-height);transition:background-color .5s}@media (min-width: 960px){.VPNavBar:not(.top) .content-body[data-v-19c990f1]{position:relative;background-color:var(--vp-nav-bg-color)}.VPNavBar:not(.has-sidebar):not(.top) .content-body[data-v-19c990f1]{background-color:transparent}}@media (max-width: 767px){.content-body[data-v-19c990f1]{column-gap:.5rem}}.menu+.translations[data-v-19c990f1]:before,.menu+.appearance[data-v-19c990f1]:before,.menu+.social-links[data-v-19c990f1]:before,.translations+.appearance[data-v-19c990f1]:before,.appearance+.social-links[data-v-19c990f1]:before{margin-right:8px;margin-left:8px;width:1px;height:24px;background-color:var(--vp-c-divider);content:""}.menu+.appearance[data-v-19c990f1]:before,.translations+.appearance[data-v-19c990f1]:before{margin-right:16px}.appearance+.social-links[data-v-19c990f1]:before{margin-left:16px}.social-links[data-v-19c990f1]{margin-right:-8px}.divider[data-v-19c990f1]{width:100%;height:1px}@media (min-width: 960px){.VPNavBar.has-sidebar .divider[data-v-19c990f1]{padding-left:var(--vp-sidebar-width)}}@media (min-width: 1440px){.VPNavBar.has-sidebar .divider[data-v-19c990f1]{padding-left:calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width))}}.divider-line[data-v-19c990f1]{width:100%;height:1px;transition:background-color .5s}.VPNavBar.has-local-nav .divider-line[data-v-19c990f1]{background-color:var(--vp-c-gutter)}@media (min-width: 960px){.VPNavBar:not(.top) .divider-line[data-v-19c990f1]{background-color:var(--vp-c-gutter)}.VPNavBar:not(.has-sidebar):not(.top) .divider[data-v-19c990f1]{background-color:var(--vp-c-gutter)}}.VPNavScreenAppearance[data-v-2d7af913]{display:flex;justify-content:space-between;align-items:center;border-radius:8px;padding:12px 14px 12px 16px;background-color:var(--vp-c-bg-soft)}.text[data-v-2d7af913]{line-height:24px;font-size:12px;font-weight:500;color:var(--vp-c-text-2)}.VPNavScreenMenuLink[data-v-05f27b2a]{display:block;border-bottom:1px solid var(--vp-c-divider);padding:12px 0 11px;line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:border-color .25s,color .25s}.VPNavScreenMenuLink[data-v-05f27b2a]:hover{color:var(--vp-c-brand-1)}.VPNavScreenMenuGroupLink[data-v-19976ae1]{display:block;margin-left:12px;line-height:32px;font-size:14px;font-weight:400;color:var(--vp-c-text-1);transition:color .25s}.VPNavScreenMenuGroupLink[data-v-19976ae1]:hover{color:var(--vp-c-brand-1)}.VPNavScreenMenuGroupSection[data-v-8133b170]{display:block}.title[data-v-8133b170]{line-height:32px;font-size:13px;font-weight:700;color:var(--vp-c-text-2);transition:color .25s}.VPNavScreenMenuGroup[data-v-65ef89ca]{border-bottom:1px solid var(--vp-c-divider);height:48px;overflow:hidden;transition:border-color .5s}.VPNavScreenMenuGroup .items[data-v-65ef89ca]{visibility:hidden}.VPNavScreenMenuGroup.open .items[data-v-65ef89ca]{visibility:visible}.VPNavScreenMenuGroup.open[data-v-65ef89ca]{padding-bottom:10px;height:auto}.VPNavScreenMenuGroup.open .button[data-v-65ef89ca]{padding-bottom:6px;color:var(--vp-c-brand-1)}.VPNavScreenMenuGroup.open .button-icon[data-v-65ef89ca]{transform:rotate(45deg)}.button[data-v-65ef89ca]{display:flex;justify-content:space-between;align-items:center;padding:12px 4px 11px 0;width:100%;line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:color .25s}.button[data-v-65ef89ca]:hover{color:var(--vp-c-brand-1)}.button-icon[data-v-65ef89ca]{width:14px;height:14px;fill:var(--vp-c-text-2);transition:fill .5s,transform .25s}.group[data-v-65ef89ca]:first-child{padding-top:0}.group+.group[data-v-65ef89ca],.group+.item[data-v-65ef89ca]{padding-top:4px}.VPNavScreenTranslations[data-v-d72aa483]{height:24px;overflow:hidden}.VPNavScreenTranslations.open[data-v-d72aa483]{height:auto}.title[data-v-d72aa483]{display:flex;align-items:center;font-size:14px;font-weight:500;color:var(--vp-c-text-1)}.icon[data-v-d72aa483]{width:16px;height:16px;fill:currentColor}.icon.lang[data-v-d72aa483]{margin-right:8px}.icon.chevron[data-v-d72aa483]{margin-left:4px}.list[data-v-d72aa483]{padding:4px 0 0 24px}.link[data-v-d72aa483]{line-height:32px;font-size:13px;color:var(--vp-c-text-1)}.VPNavScreen[data-v-cc5739dd]{position:fixed;top:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 1px);right:0;bottom:0;left:0;padding:0 32px;width:100%;background-color:var(--vp-nav-screen-bg-color);overflow-y:auto;transition:background-color .5s;pointer-events:auto}.VPNavScreen.fade-enter-active[data-v-cc5739dd],.VPNavScreen.fade-leave-active[data-v-cc5739dd]{transition:opacity .25s}.VPNavScreen.fade-enter-active .container[data-v-cc5739dd],.VPNavScreen.fade-leave-active .container[data-v-cc5739dd]{transition:transform .25s ease}.VPNavScreen.fade-enter-from[data-v-cc5739dd],.VPNavScreen.fade-leave-to[data-v-cc5739dd]{opacity:0}.VPNavScreen.fade-enter-from .container[data-v-cc5739dd],.VPNavScreen.fade-leave-to .container[data-v-cc5739dd]{transform:translateY(-8px)}@media (min-width: 768px){.VPNavScreen[data-v-cc5739dd]{display:none}}.container[data-v-cc5739dd]{margin:0 auto;padding:24px 0 96px;max-width:288px}.menu+.translations[data-v-cc5739dd],.menu+.appearance[data-v-cc5739dd],.translations+.appearance[data-v-cc5739dd]{margin-top:24px}.menu+.social-links[data-v-cc5739dd]{margin-top:16px}.appearance+.social-links[data-v-cc5739dd]{margin-top:16px}.VPNav[data-v-ae24b3ad]{position:relative;top:var(--vp-layout-top-height, 0px);left:0;z-index:var(--vp-z-index-nav);width:100%;pointer-events:none;transition:background-color .5s}@media (min-width: 960px){.VPNav[data-v-ae24b3ad]{position:fixed}}.VPSidebarItem.level-0[data-v-e31bd47b]{padding-bottom:24px}.VPSidebarItem.collapsed.level-0[data-v-e31bd47b]{padding-bottom:10px}.item[data-v-e31bd47b]{position:relative;display:flex;width:100%}.VPSidebarItem.collapsible>.item[data-v-e31bd47b]{cursor:pointer}.indicator[data-v-e31bd47b]{position:absolute;top:6px;bottom:6px;left:-17px;width:2px;border-radius:2px;transition:background-color .25s}.VPSidebarItem.level-2.is-active>.item>.indicator[data-v-e31bd47b],.VPSidebarItem.level-3.is-active>.item>.indicator[data-v-e31bd47b],.VPSidebarItem.level-4.is-active>.item>.indicator[data-v-e31bd47b],.VPSidebarItem.level-5.is-active>.item>.indicator[data-v-e31bd47b]{background-color:var(--vp-c-brand-1)}.link[data-v-e31bd47b]{display:flex;align-items:center;flex-grow:1}.text[data-v-e31bd47b]{flex-grow:1;padding:4px 0;line-height:24px;font-size:14px;transition:color .25s}.VPSidebarItem.level-0 .text[data-v-e31bd47b]{font-weight:700;color:var(--vp-c-text-1)}.VPSidebarItem.level-1 .text[data-v-e31bd47b],.VPSidebarItem.level-2 .text[data-v-e31bd47b],.VPSidebarItem.level-3 .text[data-v-e31bd47b],.VPSidebarItem.level-4 .text[data-v-e31bd47b],.VPSidebarItem.level-5 .text[data-v-e31bd47b]{font-weight:500;color:var(--vp-c-text-2)}.VPSidebarItem.level-0.is-link>.item>.link:hover .text[data-v-e31bd47b],.VPSidebarItem.level-1.is-link>.item>.link:hover .text[data-v-e31bd47b],.VPSidebarItem.level-2.is-link>.item>.link:hover .text[data-v-e31bd47b],.VPSidebarItem.level-3.is-link>.item>.link:hover .text[data-v-e31bd47b],.VPSidebarItem.level-4.is-link>.item>.link:hover .text[data-v-e31bd47b],.VPSidebarItem.level-5.is-link>.item>.link:hover .text[data-v-e31bd47b]{color:var(--vp-c-brand-1)}.VPSidebarItem.level-0.has-active>.item>.text[data-v-e31bd47b],.VPSidebarItem.level-1.has-active>.item>.text[data-v-e31bd47b],.VPSidebarItem.level-2.has-active>.item>.text[data-v-e31bd47b],.VPSidebarItem.level-3.has-active>.item>.text[data-v-e31bd47b],.VPSidebarItem.level-4.has-active>.item>.text[data-v-e31bd47b],.VPSidebarItem.level-5.has-active>.item>.text[data-v-e31bd47b],.VPSidebarItem.level-0.has-active>.item>.link>.text[data-v-e31bd47b],.VPSidebarItem.level-1.has-active>.item>.link>.text[data-v-e31bd47b],.VPSidebarItem.level-2.has-active>.item>.link>.text[data-v-e31bd47b],.VPSidebarItem.level-3.has-active>.item>.link>.text[data-v-e31bd47b],.VPSidebarItem.level-4.has-active>.item>.link>.text[data-v-e31bd47b],.VPSidebarItem.level-5.has-active>.item>.link>.text[data-v-e31bd47b]{color:var(--vp-c-text-1)}.VPSidebarItem.level-0.is-active>.item .link>.text[data-v-e31bd47b],.VPSidebarItem.level-1.is-active>.item .link>.text[data-v-e31bd47b],.VPSidebarItem.level-2.is-active>.item .link>.text[data-v-e31bd47b],.VPSidebarItem.level-3.is-active>.item .link>.text[data-v-e31bd47b],.VPSidebarItem.level-4.is-active>.item .link>.text[data-v-e31bd47b],.VPSidebarItem.level-5.is-active>.item .link>.text[data-v-e31bd47b]{color:var(--vp-c-brand-1)}.caret[data-v-e31bd47b]{display:flex;justify-content:center;align-items:center;margin-right:-7px;width:32px;height:32px;color:var(--vp-c-text-3);cursor:pointer;transition:color .25s;flex-shrink:0}.item:hover .caret[data-v-e31bd47b]{color:var(--vp-c-text-2)}.item:hover .caret[data-v-e31bd47b]:hover{color:var(--vp-c-text-1)}.caret-icon[data-v-e31bd47b]{width:18px;height:18px;fill:currentColor;transform:rotate(90deg);transition:transform .25s}.VPSidebarItem.collapsed .caret-icon[data-v-e31bd47b]{transform:rotate(0)}.VPSidebarItem.level-1 .items[data-v-e31bd47b],.VPSidebarItem.level-2 .items[data-v-e31bd47b],.VPSidebarItem.level-3 .items[data-v-e31bd47b],.VPSidebarItem.level-4 .items[data-v-e31bd47b],.VPSidebarItem.level-5 .items[data-v-e31bd47b]{border-left:1px solid var(--vp-c-divider);padding-left:16px}.VPSidebarItem.collapsed .items[data-v-e31bd47b]{display:none}.VPSidebar[data-v-575e6a36]{position:fixed;top:var(--vp-layout-top-height, 0px);bottom:0;left:0;z-index:var(--vp-z-index-sidebar);padding:32px 32px 96px;width:calc(100vw - 64px);max-width:320px;background-color:var(--vp-sidebar-bg-color);opacity:0;box-shadow:var(--vp-c-shadow-3);overflow-x:hidden;overflow-y:auto;transform:translate(-100%);transition:opacity .5s,transform .25s ease;overscroll-behavior:contain}.VPSidebar.open[data-v-575e6a36]{opacity:1;visibility:visible;transform:translate(0);transition:opacity .25s,transform .5s cubic-bezier(.19,1,.22,1)}.dark .VPSidebar[data-v-575e6a36]{box-shadow:var(--vp-shadow-1)}@media (min-width: 960px){.VPSidebar[data-v-575e6a36]{padding-top:var(--vp-nav-height);width:var(--vp-sidebar-width);max-width:100%;background-color:var(--vp-sidebar-bg-color);opacity:1;visibility:visible;box-shadow:none;transform:translate(0)}}@media (min-width: 1440px){.VPSidebar[data-v-575e6a36]{padding-left:max(32px,calc((100% - (var(--vp-layout-max-width) - 64px)) / 2));width:calc((100% - (var(--vp-layout-max-width) - 64px)) / 2 + var(--vp-sidebar-width) - 32px)}}@media (min-width: 960px){.curtain[data-v-575e6a36]{position:sticky;top:-64px;left:0;z-index:1;margin-top:calc(var(--vp-nav-height) * -1);margin-right:-32px;margin-left:-32px;height:var(--vp-nav-height);background-color:var(--vp-sidebar-bg-color)}}.nav[data-v-575e6a36]{outline:0}.group+.group[data-v-575e6a36]{border-top:1px solid var(--vp-c-divider);padding-top:10px}@media (min-width: 960px){.group[data-v-575e6a36]{padding-top:10px;width:calc(var(--vp-sidebar-width) - 64px)}}.VPSkipLink[data-v-0f60ec36]{top:8px;left:8px;padding:8px 16px;z-index:999;border-radius:8px;font-size:12px;font-weight:700;text-decoration:none;color:var(--vp-c-brand-1);box-shadow:var(--vp-shadow-3);background-color:var(--vp-c-bg)}.VPSkipLink[data-v-0f60ec36]:focus{height:auto;width:auto;clip:auto;clip-path:none}@media (min-width: 1280px){.VPSkipLink[data-v-0f60ec36]{top:14px;left:16px}}.Layout[data-v-5d98c3a5]{display:flex;flex-direction:column;min-height:100vh}.VPHomeSponsors[data-v-96bd69d5]{border-top:1px solid var(--vp-c-gutter);padding:88px 24px 96px;background-color:var(--vp-c-bg)}.container[data-v-96bd69d5]{margin:0 auto;max-width:1152px}.love[data-v-96bd69d5]{margin:0 auto;width:28px;height:28px;color:var(--vp-c-text-3)}.icon[data-v-96bd69d5]{width:28px;height:28px;fill:currentColor}.message[data-v-96bd69d5]{margin:0 auto;padding-top:10px;max-width:320px;text-align:center;line-height:24px;font-size:16px;font-weight:500;color:var(--vp-c-text-2)}.sponsors[data-v-96bd69d5]{padding-top:32px}.action[data-v-96bd69d5]{padding-top:40px;text-align:center}.VPTeamPage[data-v-10b00018]{padding-bottom:96px}@media (min-width: 768px){.VPTeamPage[data-v-10b00018]{padding-bottom:128px}}.VPTeamPageSection+.VPTeamPageSection[data-v-10b00018-s],.VPTeamMembers+.VPTeamPageSection[data-v-10b00018-s]{margin-top:64px}.VPTeamMembers+.VPTeamMembers[data-v-10b00018-s]{margin-top:24px}@media (min-width: 768px){.VPTeamPageTitle+.VPTeamPageSection[data-v-10b00018-s]{margin-top:16px}.VPTeamPageSection+.VPTeamPageSection[data-v-10b00018-s],.VPTeamMembers+.VPTeamPageSection[data-v-10b00018-s]{margin-top:96px}}.VPTeamMembers[data-v-10b00018-s]{padding:0 24px}@media (min-width: 768px){.VPTeamMembers[data-v-10b00018-s]{padding:0 48px}}@media (min-width: 960px){.VPTeamMembers[data-v-10b00018-s]{padding:0 64px}}.VPTeamPageTitle[data-v-bf2cbdac]{padding:48px 32px;text-align:center}@media (min-width: 768px){.VPTeamPageTitle[data-v-bf2cbdac]{padding:64px 48px 48px}}@media (min-width: 960px){.VPTeamPageTitle[data-v-bf2cbdac]{padding:80px 64px 48px}}.title[data-v-bf2cbdac]{letter-spacing:0;line-height:44px;font-size:36px;font-weight:500}@media (min-width: 768px){.title[data-v-bf2cbdac]{letter-spacing:-.5px;line-height:56px;font-size:48px}}.lead[data-v-bf2cbdac]{margin:0 auto;max-width:512px;padding-top:12px;line-height:24px;font-size:16px;font-weight:500;color:var(--vp-c-text-2)}@media (min-width: 768px){.lead[data-v-bf2cbdac]{max-width:592px;letter-spacing:.15px;line-height:28px;font-size:20px}}.VPTeamPageSection[data-v-b1a88750]{padding:0 32px}@media (min-width: 768px){.VPTeamPageSection[data-v-b1a88750]{padding:0 48px}}@media (min-width: 960px){.VPTeamPageSection[data-v-b1a88750]{padding:0 64px}}.title[data-v-b1a88750]{position:relative;margin:0 auto;max-width:1152px;text-align:center;color:var(--vp-c-text-2)}.title-line[data-v-b1a88750]{position:absolute;top:16px;left:0;width:100%;height:1px;background-color:var(--vp-c-divider)}.title-text[data-v-b1a88750]{position:relative;display:inline-block;padding:0 24px;letter-spacing:0;line-height:32px;font-size:20px;font-weight:500;background-color:var(--vp-c-bg)}.lead[data-v-b1a88750]{margin:0 auto;max-width:480px;padding-top:12px;text-align:center;line-height:24px;font-size:16px;font-weight:500;color:var(--vp-c-text-2)}.members[data-v-b1a88750]{padding-top:40px}.VPTeamMembersItem[data-v-0d3d0d4d]{display:flex;flex-direction:column;gap:2px;border-radius:12px;width:100%;height:100%;overflow:hidden}.VPTeamMembersItem.small .profile[data-v-0d3d0d4d]{padding:32px}.VPTeamMembersItem.small .data[data-v-0d3d0d4d]{padding-top:20px}.VPTeamMembersItem.small .avatar[data-v-0d3d0d4d]{width:64px;height:64px}.VPTeamMembersItem.small .name[data-v-0d3d0d4d]{line-height:24px;font-size:16px}.VPTeamMembersItem.small .affiliation[data-v-0d3d0d4d]{padding-top:4px;line-height:20px;font-size:14px}.VPTeamMembersItem.small .desc[data-v-0d3d0d4d]{padding-top:12px;line-height:20px;font-size:14px}.VPTeamMembersItem.small .links[data-v-0d3d0d4d]{margin:0 -16px -20px;padding:10px 0 0}.VPTeamMembersItem.medium .profile[data-v-0d3d0d4d]{padding:48px 32px}.VPTeamMembersItem.medium .data[data-v-0d3d0d4d]{padding-top:24px;text-align:center}.VPTeamMembersItem.medium .avatar[data-v-0d3d0d4d]{width:96px;height:96px}.VPTeamMembersItem.medium .name[data-v-0d3d0d4d]{letter-spacing:.15px;line-height:28px;font-size:20px}.VPTeamMembersItem.medium .affiliation[data-v-0d3d0d4d]{padding-top:4px;font-size:16px}.VPTeamMembersItem.medium .desc[data-v-0d3d0d4d]{padding-top:16px;max-width:288px;font-size:16px}.VPTeamMembersItem.medium .links[data-v-0d3d0d4d]{margin:0 -16px -12px;padding:16px 12px 0}.profile[data-v-0d3d0d4d]{flex-grow:1;background-color:var(--vp-c-bg-soft)}.data[data-v-0d3d0d4d]{text-align:center}.avatar[data-v-0d3d0d4d]{position:relative;flex-shrink:0;margin:0 auto;border-radius:50%;box-shadow:var(--vp-shadow-3)}.avatar-img[data-v-0d3d0d4d]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;object-fit:cover}.name[data-v-0d3d0d4d]{margin:0;font-weight:600}.affiliation[data-v-0d3d0d4d]{margin:0;font-weight:500;color:var(--vp-c-text-2)}.org.link[data-v-0d3d0d4d]{color:var(--vp-c-text-2);transition:color .25s}.org.link[data-v-0d3d0d4d]:hover{color:var(--vp-c-brand-1)}.desc[data-v-0d3d0d4d]{margin:0 auto}.desc[data-v-0d3d0d4d] a{font-weight:500;color:var(--vp-c-brand-1);text-decoration-style:dotted;transition:color .25s}.links[data-v-0d3d0d4d]{display:flex;justify-content:center;height:56px}.sp-link[data-v-0d3d0d4d]{display:flex;justify-content:center;align-items:center;text-align:center;padding:16px;font-size:14px;font-weight:500;color:var(--vp-c-sponsor);background-color:var(--vp-c-bg-soft);transition:color .25s,background-color .25s}.sp .sp-link.link[data-v-0d3d0d4d]:hover,.sp .sp-link.link[data-v-0d3d0d4d]:focus{outline:none;color:var(--vp-c-white);background-color:var(--vp-c-sponsor)}.sp-icon[data-v-0d3d0d4d]{margin-right:8px;width:16px;height:16px;fill:currentColor}.VPTeamMembers.small .container[data-v-6cb0dbc4]{grid-template-columns:repeat(auto-fit,minmax(224px,1fr))}.VPTeamMembers.small.count-1 .container[data-v-6cb0dbc4]{max-width:276px}.VPTeamMembers.small.count-2 .container[data-v-6cb0dbc4]{max-width:576px}.VPTeamMembers.small.count-3 .container[data-v-6cb0dbc4]{max-width:876px}.VPTeamMembers.medium .container[data-v-6cb0dbc4]{grid-template-columns:repeat(auto-fit,minmax(256px,1fr))}@media (min-width: 375px){.VPTeamMembers.medium .container[data-v-6cb0dbc4]{grid-template-columns:repeat(auto-fit,minmax(288px,1fr))}}.VPTeamMembers.medium.count-1 .container[data-v-6cb0dbc4]{max-width:368px}.VPTeamMembers.medium.count-2 .container[data-v-6cb0dbc4]{max-width:760px}.container[data-v-6cb0dbc4]{display:grid;gap:24px;margin:0 auto;max-width:1152px}.dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::placeholder{opacity:.7}.dp__input:hover{border-color:var(--dp-border-color-hover)}.dp__input_reg{caret-color:#0000}.dp__input_focus{border-color:var(--dp-border-color-hover)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp__clear_icon{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color)}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);-webkit-user-select:none;user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu:after{box-sizing:border-box}.dp__menu:before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp-menu-loading,.dp__menu_readonly,.dp__menu_disabled{position:absolute;top:0;right:0;bottom:0;left:0;z-index:999999}.dp__menu_disabled{background:#ffffff80;cursor:not-allowed}.dp__menu_readonly{background:#0000;cursor:default}.dp-menu-loading{background:#ffffff80;cursor:default}.dp--menu-load-container{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.dp--menu-loader{width:48px;height:48px;border:var(--dp-loader);border-bottom-color:#0000;border-radius:50%;display:inline-block;box-sizing:border-box;animation:dp-load-rotation 1s linear infinite;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dp__arrow_top{left:50%;top:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%,-50%) rotate(-45deg)}.dp__arrow_bottom{left:50%;bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%,50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}@media only screen and (width <= 600px){.dp--preset-dates{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}}.dp--preset-dates-collapsed{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}.dp__sidebar_left{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;margin-inline-end:1px solid var(--dp-border-color)}.dp--preset-range{display:block;width:100%;padding:5px;text-align:left;white-space:nowrap;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition)}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}@media only screen and (width <= 600px){.dp--preset-range{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range:first-child{margin-left:0}.dp--preset-range:last-child{margin-right:0}}.dp--preset-range-collapsed{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range-collapsed:first-child{margin-left:0}.dp--preset-range-collapsed:last-child{margin-right:0}.dp__menu_content_wrapper{display:flex}@media only screen and (width <= 600px){.dp__menu_content_wrapper{flex-direction:column-reverse}}.dp--menu-content-wrapper-collapsed{flex-direction:column-reverse}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:700}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-margin)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-end-end-radius:0;border-start-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-end-start-radius:0;border-start-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__cell_auto_range_end,.dp__cell_auto_range_start{border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border-radius:0;border:1px solid var(--dp-range-between-border-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-inline-start:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-inline-end:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translate(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-inline-end:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%,50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}@media only screen and (width <= 600px){.dp__flex_display{flex-direction:column}}.dp--flex-display-collapsed{flex-direction:column}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color)}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{display:flex;width:100%}.dp__year_disable_select{justify-content:space-around}.dp__overlay{width:100%;background:var(--dp-background-color);transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box}.dp--overlay-absolute{position:absolute;height:100%;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-inline:auto auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-invalid,.dp--time-overlay-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--tp-wrap{max-width:var(--dp-menu-min-width)}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;font-family:var(--dp-font-family);color:var(--dp-text-color)}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);display:flex;align-items:center;justify-content:center}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{display:flex;width:100%;justify-content:center}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-primary-color)}.dp__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled:hover,.dp__inc_dec_button_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer}.dp__tp_inline_btn_bar{width:100%;height:4px;background-color:var(--dp-secondary-color);transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l,.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp--time-overlay-btn{background:none}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{display:block;color:var(--dp-text-color);font-size:var(--dp-preview-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;flex:0;white-space:nowrap;align-items:center;justify-content:flex-end;margin-inline-start:auto}.dp__action_button{display:inline-flex;align-items:center;background:#0000;border:1px solid rgba(0,0,0,0);padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);margin-inline-start:3px;height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family)}.dp__action_buttons .dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_buttons .dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:none}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{display:flex;flex-direction:column;flex:1;width:100%;height:100%;justify-content:space-evenly}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp__btn,.dp--time-overlay-btn,.dp--time-invalid,.dp--qr-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}:root{--dp-common-transition: all .1s ease-in;--dp-menu-padding: 6px 8px;--dp-animation-duration: .1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transtion: all .2s ease-in;--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius: 4px;--dp-cell-border-radius: 4px;--dp-transition-length: 22px;--dp-transition-timing-general: .1s;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 25px;--dp-button-icon-height: 20px;--dp-calendar-wrap-padding: 0 5px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 6px 30px 6px 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 1px 6px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: .5rem;--dp-multi-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-font-size: 1rem;--dp-preview-font-size: .8rem;--dp-time-font-size: 2rem;--dp-action-button-height: 22px;--dp-action-row-padding: 8px}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff);--dp-loader: 5px solid #005cb2}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #f8f5f5;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%);--dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);--dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);--dp-loader: 5px solid #1976d2}.dp__flex{display:flex;align-items:center}.dp__btn{background:none}.dp__main{font-family:var(--dp-font-family);-webkit-user-select:none;user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;place-content:center center;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height)}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translate(var(--dp-transition-length))}.calendar-next-leave-to,.calendar-prev-enter-from{opacity:0;transform:translate(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translate(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition)}.dp--highlighted{background-color:var(--dp-highlight-color)}.clickable-text{color:#1976d2;cursor:pointer}.input-slot-image{height:20px;width:auto;margin-left:5px}.input-slot-image-clear{height:20px;width:auto;margin-right:5px}.slot-icon{height:20px;width:auto}.slot-icon-m{height:20px;width:auto;margin:0 auto}.custom-select{cursor:pointer;color:var(--vp-c-text-2);margin:0;display:inline-block}.marked-cell{background:var(--vp-c-brand);color:#fff}.main>.text{width:100%;max-width:100%}.main>.tagline{width:100%;max-width:100%}@media (min-width: 640px){.main>.text{font-size:46px}}.star-and-sponsor{display:flex;justify-content:center;margin:2rem}.home-link{color:var(--vp-c-brand)}.action-row{display:flex;flex-direction:column;align-items:center;width:100%}.custom-marker{position:absolute;top:0;right:0;height:8px;width:8px;border-radius:100%;background-color:green}.demo-wrap-inline{display:inline-block}.pointer{cursor:pointer}.red-color{color:red}.time-picker-overlay{display:flex;height:100%;flex-direction:column}.input-class{border:1px solid var(--vp-c-divider-light)}.dp-sidebar{padding:5px}.centered{margin:0 auto}.select-input{-webkit-appearance:menulist}.overlay-header{cursor:pointer;text-align:center}.buttons-wrap[data-v-2a3dee5c]{display:flex;gap:5px;margin-bottom:10px}.change-btn[data-v-2a3dee5c]{padding:5px;color:var(--vp-c-brand);border:1px solid var(--vp-c-brand);border-radius:4px}.btn-active[data-v-2a3dee5c]{background:var(--vp-c-brand);color:#fff}.dp-custom-input{box-shadow:0 0 6px #1976d2;color:#1976d2}.dp-custom-input:hover{border-color:#1976d2}.dp-custom-menu{box-shadow:0 0 6px #1976d2}.dp-custom-calendar .dp__calendar_item{border:1px solid var(--dp-border-color-hover)}.dp-custom-cell{border-radius:50%!important}.custom-month-year-component{display:flex;align-items:center;margin:0 auto}.year-overlay{text-align:center}.select-input{margin:5px 3px;padding:5px;width:auto;border-radius:4px;border-color:var(--dp-border-color);outline:none;-webkit-appearance:menulist}.icons{display:flex;box-sizing:border-box}.custom-icon{padding:5px;display:flex;height:25px;align-items:center;justify-content:center;cursor:pointer;width:25px;color:var(--dp-icon-color);text-align:center;border-radius:50%}.custom-icon svg{height:20px;width:20px}.custom-icon:hover{background:var(--dp-hover-color)}.submit-btn{margin-top:15px;border:1px solid var(--vp-c-divider-light);padding:5px}.buttons-wrap[data-v-e3f2bf69]{display:flex;gap:5px;margin-bottom:10px}.change-btn[data-v-e3f2bf69]{padding:5px;color:var(--vp-c-brand);border:1px solid var(--vp-c-brand);border-radius:4px}.btn-active[data-v-e3f2bf69]{background:var(--vp-c-brand);color:#fff}.custom-time-picker-component{display:flex;align-items:center;justify-content:center}.select-input{margin:5px 3px;padding:5px;width:100px;border-radius:4px;border-color:var(--dp-border-color);outline:none;-webkit-appearance:menulist}.custom-select[data-v-323b52ea]{display:block;margin-bottom:5px;padding:5px;-webkit-appearance:menulist}.VPCarbonAds[data-v-2e1efd59]{display:flex;justify-content:center;align-items:center;padding:24px;border-radius:12px;min-height:256px;text-align:center;line-height:18px;font-size:12px;font-weight:500;background-color:var(--vp-carbon-ads-bg-color)}.VPCarbonAds[data-v-2e1efd59] img{margin:0 auto;border-radius:6px}.VPCarbonAds[data-v-2e1efd59] .carbon-text{display:block;margin:0 auto;padding-top:12px;color:var(--vp-carbon-ads-text-color);transition:color .25s}.VPCarbonAds[data-v-2e1efd59] .carbon-text:hover{color:var(--vp-carbon-ads-hover-text-color)}.VPCarbonAds[data-v-2e1efd59] .carbon-poweredby{display:block;padding-top:6px;font-size:11px;font-weight:500;color:var(--vp-carbon-ads-poweredby-color);text-transform:uppercase;transition:color .25s}.VPCarbonAds[data-v-2e1efd59] .carbon-poweredby:hover{color:var(--vp-carbon-ads-hover-poweredby-color)}.VPCarbonAds[data-v-2e1efd59]>div{display:none}.VPCarbonAds[data-v-2e1efd59]>div:first-of-type{display:block}
+@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-cyrillic.jIZ9REo5.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-cyrillic-ext.8T9wMG5w.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-greek.Cb5wWeGA.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-greek-ext.9JiNzaSO.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-latin.bvIUbFQP.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-latin-ext.GZWE-KO4.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/inter-roman-vietnamese.paY3CzEB.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-cyrillic.-nLMcIwj.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-cyrillic-ext.OVycGSDq.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-greek.PSfer2Kc.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-greek-ext.hznxWNZO.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-latin.27E69YJn.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-latin-ext.RnFly65-.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/inter-italic-vietnamese.xzQHe1q1.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Chinese Quotes;src:local("PingFang SC Regular"),local("PingFang SC"),local("SimHei"),local("Source Han Sans SC");unicode-range:U+2018,U+2019,U+201C,U+201D}:root{--vp-c-white: #ffffff;--vp-c-black: #000000;--vp-c-neutral: var(--vp-c-black);--vp-c-neutral-inverse: var(--vp-c-white)}.dark{--vp-c-neutral: var(--vp-c-white);--vp-c-neutral-inverse: var(--vp-c-black)}:root{--vp-c-gray-1: #dddde3;--vp-c-gray-2: #e4e4e9;--vp-c-gray-3: #ebebef;--vp-c-gray-soft: rgba(142, 150, 170, .14);--vp-c-indigo-1: #3451b2;--vp-c-indigo-2: #3a5ccc;--vp-c-indigo-3: #5672cd;--vp-c-indigo-soft: rgba(100, 108, 255, .14);--vp-c-purple-1: #6f42c1;--vp-c-purple-2: #7e4cc9;--vp-c-purple-3: #8e5cd9;--vp-c-purple-soft: rgba(159, 122, 234, .14);--vp-c-green-1: #18794e;--vp-c-green-2: #299764;--vp-c-green-3: #30a46c;--vp-c-green-soft: rgba(16, 185, 129, .14);--vp-c-yellow-1: #915930;--vp-c-yellow-2: #946300;--vp-c-yellow-3: #9f6a00;--vp-c-yellow-soft: rgba(234, 179, 8, .14);--vp-c-red-1: #b8272c;--vp-c-red-2: #d5393e;--vp-c-red-3: #e0575b;--vp-c-red-soft: rgba(244, 63, 94, .14);--vp-c-sponsor: #db2777}.dark{--vp-c-gray-1: #515c67;--vp-c-gray-2: #414853;--vp-c-gray-3: #32363f;--vp-c-gray-soft: rgba(101, 117, 133, .16);--vp-c-indigo-1: #a8b1ff;--vp-c-indigo-2: #5c73e7;--vp-c-indigo-3: #3e63dd;--vp-c-indigo-soft: rgba(100, 108, 255, .16);--vp-c-purple-1: #c8abfa;--vp-c-purple-2: #a879e6;--vp-c-purple-3: #8e5cd9;--vp-c-purple-soft: rgba(159, 122, 234, .16);--vp-c-green-1: #3dd68c;--vp-c-green-2: #30a46c;--vp-c-green-3: #298459;--vp-c-green-soft: rgba(16, 185, 129, .16);--vp-c-yellow-1: #f9b44e;--vp-c-yellow-2: #da8b17;--vp-c-yellow-3: #a46a0a;--vp-c-yellow-soft: rgba(234, 179, 8, .16);--vp-c-red-1: #f66f81;--vp-c-red-2: #f14158;--vp-c-red-3: #b62a3c;--vp-c-red-soft: rgba(244, 63, 94, .16)}:root{--vp-c-bg: #ffffff;--vp-c-bg-alt: #f6f6f7;--vp-c-bg-elv: #ffffff;--vp-c-bg-soft: #f6f6f7}.dark{--vp-c-bg: #1b1b1f;--vp-c-bg-alt: #161618;--vp-c-bg-elv: #202127;--vp-c-bg-soft: #202127}:root{--vp-c-border: #c2c2c4;--vp-c-divider: #e2e2e3;--vp-c-gutter: #e2e2e3}.dark{--vp-c-border: #3c3f44;--vp-c-divider: #2e2e32;--vp-c-gutter: #000000}:root{--vp-c-text-1: rgba(60, 60, 67);--vp-c-text-2: rgba(60, 60, 67, .78);--vp-c-text-3: rgba(60, 60, 67, .56)}.dark{--vp-c-text-1: rgba(255, 255, 245, .86);--vp-c-text-2: rgba(235, 235, 245, .6);--vp-c-text-3: rgba(235, 235, 245, .38)}:root{--vp-c-default-1: var(--vp-c-gray-1);--vp-c-default-2: var(--vp-c-gray-2);--vp-c-default-3: var(--vp-c-gray-3);--vp-c-default-soft: var(--vp-c-gray-soft);--vp-c-brand-1: var(--vp-c-indigo-1);--vp-c-brand-2: var(--vp-c-indigo-2);--vp-c-brand-3: var(--vp-c-indigo-3);--vp-c-brand-soft: var(--vp-c-indigo-soft);--vp-c-brand: var(--vp-c-brand-1);--vp-c-tip-1: var(--vp-c-brand-1);--vp-c-tip-2: var(--vp-c-brand-2);--vp-c-tip-3: var(--vp-c-brand-3);--vp-c-tip-soft: var(--vp-c-brand-soft);--vp-c-note-1: var(--vp-c-brand-1);--vp-c-note-2: var(--vp-c-brand-2);--vp-c-note-3: var(--vp-c-brand-3);--vp-c-note-soft: var(--vp-c-brand-soft);--vp-c-success-1: var(--vp-c-green-1);--vp-c-success-2: var(--vp-c-green-2);--vp-c-success-3: var(--vp-c-green-3);--vp-c-success-soft: var(--vp-c-green-soft);--vp-c-important-1: var(--vp-c-purple-1);--vp-c-important-2: var(--vp-c-purple-2);--vp-c-important-3: var(--vp-c-purple-3);--vp-c-important-soft: var(--vp-c-purple-soft);--vp-c-warning-1: var(--vp-c-yellow-1);--vp-c-warning-2: var(--vp-c-yellow-2);--vp-c-warning-3: var(--vp-c-yellow-3);--vp-c-warning-soft: var(--vp-c-yellow-soft);--vp-c-danger-1: var(--vp-c-red-1);--vp-c-danger-2: var(--vp-c-red-2);--vp-c-danger-3: var(--vp-c-red-3);--vp-c-danger-soft: var(--vp-c-red-soft);--vp-c-caution-1: var(--vp-c-red-1);--vp-c-caution-2: var(--vp-c-red-2);--vp-c-caution-3: var(--vp-c-red-3);--vp-c-caution-soft: var(--vp-c-red-soft)}:root{--vp-font-family-base: "Chinese Quotes", "Inter var", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--vp-font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}:root{--vp-shadow-1: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--vp-shadow-2: 0 3px 12px rgba(0, 0, 0, .07), 0 1px 4px rgba(0, 0, 0, .07);--vp-shadow-3: 0 12px 32px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .08);--vp-shadow-4: 0 14px 44px rgba(0, 0, 0, .12), 0 3px 9px rgba(0, 0, 0, .12);--vp-shadow-5: 0 18px 56px rgba(0, 0, 0, .16), 0 4px 12px rgba(0, 0, 0, .16)}:root{--vp-z-index-footer: 10;--vp-z-index-local-nav: 20;--vp-z-index-nav: 30;--vp-z-index-layout-top: 40;--vp-z-index-backdrop: 50;--vp-z-index-sidebar: 60}@media (min-width: 960px){:root{--vp-z-index-sidebar: 25}}:root{--vp-icon-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' width='20' stroke='rgba(128,128,128,1)' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2'/%3E%3C/svg%3E");--vp-icon-copied: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' width='20' stroke='rgba(128,128,128,1)' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2M9 5a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2m-6 9 2 2 4-4'/%3E%3C/svg%3E")}:root{--vp-layout-max-width: 1440px}:root{--vp-header-anchor-symbol: "#"}:root{--vp-code-line-height: 1.7;--vp-code-font-size: .875em;--vp-code-color: var(--vp-c-brand-1);--vp-code-link-color: var(--vp-c-brand-1);--vp-code-link-hover-color: var(--vp-c-brand-2);--vp-code-bg: var(--vp-c-default-soft);--vp-code-block-color: var(--vp-c-text-2);--vp-code-block-bg: var(--vp-c-bg-alt);--vp-code-block-divider-color: var(--vp-c-gutter);--vp-code-lang-color: var(--vp-c-text-3);--vp-code-line-highlight-color: var(--vp-c-default-soft);--vp-code-line-number-color: var(--vp-c-text-3);--vp-code-line-diff-add-color: var(--vp-c-success-soft);--vp-code-line-diff-add-symbol-color: var(--vp-c-success-1);--vp-code-line-diff-remove-color: var(--vp-c-danger-soft);--vp-code-line-diff-remove-symbol-color: var(--vp-c-danger-1);--vp-code-line-warning-color: var(--vp-c-warning-soft);--vp-code-line-error-color: var(--vp-c-danger-soft);--vp-code-copy-code-border-color: var(--vp-c-divider);--vp-code-copy-code-bg: var(--vp-c-bg-soft);--vp-code-copy-code-hover-border-color: var(--vp-c-divider);--vp-code-copy-code-hover-bg: var(--vp-c-bg);--vp-code-copy-code-active-text: var(--vp-c-text-2);--vp-code-copy-copied-text-content: "Copied";--vp-code-tab-divider: var(--vp-code-block-divider-color);--vp-code-tab-text-color: var(--vp-c-text-2);--vp-code-tab-bg: var(--vp-code-block-bg);--vp-code-tab-hover-text-color: var(--vp-c-text-1);--vp-code-tab-active-text-color: var(--vp-c-text-1);--vp-code-tab-active-bar-color: var(--vp-c-brand-1)}:root{--vp-button-brand-border: transparent;--vp-button-brand-text: var(--vp-c-white);--vp-button-brand-bg: var(--vp-c-brand-3);--vp-button-brand-hover-border: transparent;--vp-button-brand-hover-text: var(--vp-c-white);--vp-button-brand-hover-bg: var(--vp-c-brand-2);--vp-button-brand-active-border: transparent;--vp-button-brand-active-text: var(--vp-c-white);--vp-button-brand-active-bg: var(--vp-c-brand-1);--vp-button-alt-border: transparent;--vp-button-alt-text: var(--vp-c-text-1);--vp-button-alt-bg: var(--vp-c-default-3);--vp-button-alt-hover-border: transparent;--vp-button-alt-hover-text: var(--vp-c-text-1);--vp-button-alt-hover-bg: var(--vp-c-default-2);--vp-button-alt-active-border: transparent;--vp-button-alt-active-text: var(--vp-c-text-1);--vp-button-alt-active-bg: var(--vp-c-default-1);--vp-button-sponsor-border: var(--vp-c-text-2);--vp-button-sponsor-text: var(--vp-c-text-2);--vp-button-sponsor-bg: transparent;--vp-button-sponsor-hover-border: var(--vp-c-sponsor);--vp-button-sponsor-hover-text: var(--vp-c-sponsor);--vp-button-sponsor-hover-bg: transparent;--vp-button-sponsor-active-border: var(--vp-c-sponsor);--vp-button-sponsor-active-text: var(--vp-c-sponsor);--vp-button-sponsor-active-bg: transparent}:root{--vp-custom-block-font-size: 14px;--vp-custom-block-code-font-size: 13px;--vp-custom-block-info-border: transparent;--vp-custom-block-info-text: var(--vp-c-text-1);--vp-custom-block-info-bg: var(--vp-c-default-soft);--vp-custom-block-info-code-bg: var(--vp-c-default-soft);--vp-custom-block-note-border: transparent;--vp-custom-block-note-text: var(--vp-c-text-1);--vp-custom-block-note-bg: var(--vp-c-default-soft);--vp-custom-block-note-code-bg: var(--vp-c-default-soft);--vp-custom-block-tip-border: transparent;--vp-custom-block-tip-text: var(--vp-c-text-1);--vp-custom-block-tip-bg: var(--vp-c-tip-soft);--vp-custom-block-tip-code-bg: var(--vp-c-tip-soft);--vp-custom-block-important-border: transparent;--vp-custom-block-important-text: var(--vp-c-text-1);--vp-custom-block-important-bg: var(--vp-c-important-soft);--vp-custom-block-important-code-bg: var(--vp-c-important-soft);--vp-custom-block-warning-border: transparent;--vp-custom-block-warning-text: var(--vp-c-text-1);--vp-custom-block-warning-bg: var(--vp-c-warning-soft);--vp-custom-block-warning-code-bg: var(--vp-c-warning-soft);--vp-custom-block-danger-border: transparent;--vp-custom-block-danger-text: var(--vp-c-text-1);--vp-custom-block-danger-bg: var(--vp-c-danger-soft);--vp-custom-block-danger-code-bg: var(--vp-c-danger-soft);--vp-custom-block-caution-border: transparent;--vp-custom-block-caution-text: var(--vp-c-text-1);--vp-custom-block-caution-bg: var(--vp-c-caution-soft);--vp-custom-block-caution-code-bg: var(--vp-c-caution-soft);--vp-custom-block-details-border: var(--vp-custom-block-info-border);--vp-custom-block-details-text: var(--vp-custom-block-info-text);--vp-custom-block-details-bg: var(--vp-custom-block-info-bg);--vp-custom-block-details-code-bg: var(--vp-custom-block-info-code-bg)}:root{--vp-input-border-color: var(--vp-c-border);--vp-input-bg-color: var(--vp-c-bg-alt);--vp-input-switch-bg-color: var(--vp-c-default-soft)}:root{--vp-nav-height: 64px;--vp-nav-bg-color: var(--vp-c-bg);--vp-nav-screen-bg-color: var(--vp-c-bg);--vp-nav-logo-height: 24px}.hide-nav{--vp-nav-height: 0px}.hide-nav .VPSidebar{--vp-nav-height: 22px}:root{--vp-local-nav-bg-color: var(--vp-c-bg)}:root{--vp-sidebar-width: 272px;--vp-sidebar-bg-color: var(--vp-c-bg-alt)}:root{--vp-backdrop-bg-color: rgba(0, 0, 0, .6)}:root{--vp-home-hero-name-color: var(--vp-c-brand-1);--vp-home-hero-name-background: transparent;--vp-home-hero-image-background-image: none;--vp-home-hero-image-filter: none}:root{--vp-badge-info-border: transparent;--vp-badge-info-text: var(--vp-c-text-2);--vp-badge-info-bg: var(--vp-c-default-soft);--vp-badge-tip-border: transparent;--vp-badge-tip-text: var(--vp-c-tip-1);--vp-badge-tip-bg: var(--vp-c-tip-soft);--vp-badge-warning-border: transparent;--vp-badge-warning-text: var(--vp-c-warning-1);--vp-badge-warning-bg: var(--vp-c-warning-soft);--vp-badge-danger-border: transparent;--vp-badge-danger-text: var(--vp-c-danger-1);--vp-badge-danger-bg: var(--vp-c-danger-soft)}:root{--vp-carbon-ads-text-color: var(--vp-c-text-1);--vp-carbon-ads-poweredby-color: var(--vp-c-text-2);--vp-carbon-ads-bg-color: var(--vp-c-bg-soft);--vp-carbon-ads-hover-text-color: var(--vp-c-brand-1);--vp-carbon-ads-hover-poweredby-color: var(--vp-c-text-1)}:root{--vp-local-search-bg: var(--vp-c-bg);--vp-local-search-result-bg: var(--vp-c-bg);--vp-local-search-result-border: var(--vp-c-divider);--vp-local-search-result-selected-bg: var(--vp-c-bg);--vp-local-search-result-selected-border: var(--vp-c-brand-1);--vp-local-search-highlight-bg: var(--vp-c-brand-1);--vp-local-search-highlight-text: var(--vp-c-neutral-inverse)}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important}}*,:before,:after{box-sizing:border-box}html{line-height:1.4;font-size:16px;-webkit-text-size-adjust:100%}html.dark{color-scheme:dark}body{margin:0;width:100%;min-width:320px;min-height:100vh;line-height:24px;font-family:var(--vp-font-family-base);font-size:16px;font-weight:400;color:var(--vp-c-text-1);background-color:var(--vp-c-bg);font-synthesis:style;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{display:block}h1,h2,h3,h4,h5,h6{margin:0;line-height:24px;font-size:16px;font-weight:400}p{margin:0}strong,b{font-weight:600}a,area,button,[role=button],input,label,select,summary,textarea{touch-action:manipulation}a{color:inherit;text-decoration:inherit}ol,ul{list-style:none;margin:0;padding:0}blockquote{margin:0}pre,code,kbd,samp{font-family:var(--vp-font-family-mono)}img,svg,video,canvas,audio,iframe,embed,object{display:block}figure{margin:0}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{border:0;padding:0;line-height:inherit;color:inherit}button{padding:0;font-family:inherit;background-color:transparent;background-image:none}button:enabled,[role=button]:enabled{cursor:pointer}button:focus,button:focus-visible{outline:1px dotted;outline:4px auto -webkit-focus-ring-color}button:focus:not(:focus-visible){outline:none!important}input:focus,textarea:focus,select:focus{outline:none}table{border-collapse:collapse}input{background-color:transparent}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:var(--vp-c-text-3)}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:var(--vp-c-text-3)}input::placeholder,textarea::placeholder{color:var(--vp-c-text-3)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}textarea{resize:vertical}select{-webkit-appearance:none}fieldset{margin:0;padding:0}h1,h2,h3,h4,h5,h6,li,p{overflow-wrap:break-word}vite-error-overlay{z-index:9999}mjx-container{display:inline-block;margin:auto 2px -2px}mjx-container>svg{margin:auto}.visually-hidden{position:absolute;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden}.custom-block{border:1px solid transparent;border-radius:8px;padding:16px 16px 8px;line-height:24px;font-size:var(--vp-custom-block-font-size);color:var(--vp-c-text-2)}.custom-block.info{border-color:var(--vp-custom-block-info-border);color:var(--vp-custom-block-info-text);background-color:var(--vp-custom-block-info-bg)}.custom-block.info a,.custom-block.info code{color:var(--vp-c-brand-1)}.custom-block.info a:hover,.custom-block.info a:hover>code{color:var(--vp-c-brand-2)}.custom-block.info code{background-color:var(--vp-custom-block-info-code-bg)}.custom-block.note{border-color:var(--vp-custom-block-note-border);color:var(--vp-custom-block-note-text);background-color:var(--vp-custom-block-note-bg)}.custom-block.note a,.custom-block.note code{color:var(--vp-c-brand-1)}.custom-block.note a:hover,.custom-block.note a:hover>code{color:var(--vp-c-brand-2)}.custom-block.note code{background-color:var(--vp-custom-block-note-code-bg)}.custom-block.tip{border-color:var(--vp-custom-block-tip-border);color:var(--vp-custom-block-tip-text);background-color:var(--vp-custom-block-tip-bg)}.custom-block.tip a,.custom-block.tip code{color:var(--vp-c-tip-1)}.custom-block.tip a:hover,.custom-block.tip a:hover>code{color:var(--vp-c-tip-2)}.custom-block.tip code{background-color:var(--vp-custom-block-tip-code-bg)}.custom-block.important{border-color:var(--vp-custom-block-important-border);color:var(--vp-custom-block-important-text);background-color:var(--vp-custom-block-important-bg)}.custom-block.important a,.custom-block.important code{color:var(--vp-c-important-1)}.custom-block.important a:hover,.custom-block.important a:hover>code{color:var(--vp-c-important-2)}.custom-block.important code{background-color:var(--vp-custom-block-important-code-bg)}.custom-block.warning{border-color:var(--vp-custom-block-warning-border);color:var(--vp-custom-block-warning-text);background-color:var(--vp-custom-block-warning-bg)}.custom-block.warning a,.custom-block.warning code{color:var(--vp-c-warning-1)}.custom-block.warning a:hover,.custom-block.warning a:hover>code{color:var(--vp-c-warning-2)}.custom-block.warning code{background-color:var(--vp-custom-block-warning-code-bg)}.custom-block.danger{border-color:var(--vp-custom-block-danger-border);color:var(--vp-custom-block-danger-text);background-color:var(--vp-custom-block-danger-bg)}.custom-block.danger a,.custom-block.danger code{color:var(--vp-c-danger-1)}.custom-block.danger a:hover,.custom-block.danger a:hover>code{color:var(--vp-c-danger-2)}.custom-block.danger code{background-color:var(--vp-custom-block-danger-code-bg)}.custom-block.caution{border-color:var(--vp-custom-block-caution-border);color:var(--vp-custom-block-caution-text);background-color:var(--vp-custom-block-caution-bg)}.custom-block.caution a,.custom-block.caution code{color:var(--vp-c-caution-1)}.custom-block.caution a:hover,.custom-block.caution a:hover>code{color:var(--vp-c-caution-2)}.custom-block.caution code{background-color:var(--vp-custom-block-caution-code-bg)}.custom-block.details{border-color:var(--vp-custom-block-details-border);color:var(--vp-custom-block-details-text);background-color:var(--vp-custom-block-details-bg)}.custom-block.details a{color:var(--vp-c-brand-1)}.custom-block.details a:hover,.custom-block.details a:hover>code{color:var(--vp-c-brand-2)}.custom-block.details code{background-color:var(--vp-custom-block-details-code-bg)}.custom-block-title{font-weight:600}.custom-block p+p{margin:8px 0}.custom-block.details summary{margin:0 0 8px;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none}.custom-block.details summary+p{margin:8px 0}.custom-block a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px;transition:opacity .25s}.custom-block a:hover{opacity:.75}.custom-block code{font-size:var(--vp-custom-block-code-font-size)}.custom-block.custom-block th,.custom-block.custom-block blockquote>p{font-size:var(--vp-custom-block-font-size);color:inherit}.dark .vp-code span{color:var(--shiki-dark, inherit)}html:not(.dark) .vp-code span{color:var(--shiki-light, inherit)}.vp-code-group{margin-top:16px}.vp-code-group .tabs{position:relative;display:flex;margin-right:-24px;margin-left:-24px;padding:0 12px;background-color:var(--vp-code-tab-bg);overflow-x:auto;overflow-y:hidden;box-shadow:inset 0 -1px var(--vp-code-tab-divider)}@media (min-width: 640px){.vp-code-group .tabs{margin-right:0;margin-left:0;border-radius:8px 8px 0 0}}.vp-code-group .tabs input{position:fixed;opacity:0;pointer-events:none}.vp-code-group .tabs label{position:relative;display:inline-block;border-bottom:1px solid transparent;padding:0 12px;line-height:48px;font-size:14px;font-weight:500;color:var(--vp-code-tab-text-color);white-space:nowrap;cursor:pointer;transition:color .25s}.vp-code-group .tabs label:after{position:absolute;right:8px;bottom:-1px;left:8px;z-index:1;height:2px;border-radius:2px;content:"";background-color:transparent;transition:background-color .25s}.vp-code-group label:hover{color:var(--vp-code-tab-hover-text-color)}.vp-code-group input:checked+label{color:var(--vp-code-tab-active-text-color)}.vp-code-group input:checked+label:after{background-color:var(--vp-code-tab-active-bar-color)}.vp-code-group div[class*=language-],.vp-block{display:none;margin-top:0!important;border-top-left-radius:0!important;border-top-right-radius:0!important}.vp-code-group div[class*=language-].active,.vp-block.active{display:block}.vp-block{padding:20px 24px}.vp-doc h1,.vp-doc h2,.vp-doc h3,.vp-doc h4,.vp-doc h5,.vp-doc h6{position:relative;font-weight:600;outline:none}.vp-doc h1{letter-spacing:-.02em;line-height:40px;font-size:28px}.vp-doc h2{margin:48px 0 16px;border-top:1px solid var(--vp-c-divider);padding-top:24px;letter-spacing:-.02em;line-height:32px;font-size:24px}.vp-doc h3{margin:32px 0 0;letter-spacing:-.01em;line-height:28px;font-size:20px}.vp-doc .header-anchor{position:absolute;top:0;left:0;margin-left:-.87em;font-weight:500;-webkit-user-select:none;user-select:none;opacity:0;text-decoration:none;transition:color .25s,opacity .25s}.vp-doc .header-anchor:before{content:var(--vp-header-anchor-symbol)}.vp-doc h1:hover .header-anchor,.vp-doc h1 .header-anchor:focus,.vp-doc h2:hover .header-anchor,.vp-doc h2 .header-anchor:focus,.vp-doc h3:hover .header-anchor,.vp-doc h3 .header-anchor:focus,.vp-doc h4:hover .header-anchor,.vp-doc h4 .header-anchor:focus,.vp-doc h5:hover .header-anchor,.vp-doc h5 .header-anchor:focus,.vp-doc h6:hover .header-anchor,.vp-doc h6 .header-anchor:focus{opacity:1}@media (min-width: 768px){.vp-doc h1{letter-spacing:-.02em;line-height:40px;font-size:32px}}.vp-doc h2 .header-anchor{top:24px}.vp-doc p,.vp-doc summary{margin:16px 0}.vp-doc p{line-height:28px}.vp-doc blockquote{margin:16px 0;border-left:2px solid var(--vp-c-divider);padding-left:16px;transition:border-color .5s}.vp-doc blockquote>p{margin:0;font-size:16px;color:var(--vp-c-text-2);transition:color .5s}.vp-doc a{font-weight:500;color:var(--vp-c-brand-1);text-decoration:underline;text-underline-offset:2px;transition:color .25s,opacity .25s}.vp-doc a:hover{color:var(--vp-c-brand-2)}.vp-doc strong{font-weight:600}.vp-doc ul,.vp-doc ol{padding-left:1.25rem;margin:16px 0}.vp-doc ul{list-style:disc}.vp-doc ol{list-style:decimal}.vp-doc li+li{margin-top:8px}.vp-doc li>ol,.vp-doc li>ul{margin:8px 0 0}.vp-doc table{display:block;border-collapse:collapse;margin:20px 0;overflow-x:auto}.vp-doc tr{background-color:var(--vp-c-bg);border-top:1px solid var(--vp-c-divider);transition:background-color .5s}.vp-doc tr:nth-child(2n){background-color:var(--vp-c-bg-soft)}.vp-doc th,.vp-doc td{border:1px solid var(--vp-c-divider);padding:8px 16px}.vp-doc th{text-align:left;font-size:14px;font-weight:600;color:var(--vp-c-text-2);background-color:var(--vp-c-bg-soft)}.vp-doc td{font-size:14px}.vp-doc hr{margin:16px 0;border:none;border-top:1px solid var(--vp-c-divider)}.vp-doc .custom-block{margin:16px 0}.vp-doc .custom-block p{margin:8px 0;line-height:24px}.vp-doc .custom-block p:first-child{margin:0}.vp-doc .custom-block div[class*=language-]{margin:8px 0;border-radius:8px}.vp-doc .custom-block div[class*=language-] code{font-weight:400;background-color:transparent}.vp-doc .custom-block .vp-code-group .tabs{margin:0;border-radius:8px 8px 0 0}.vp-doc :not(pre,h1,h2,h3,h4,h5,h6)>code{font-size:var(--vp-code-font-size);color:var(--vp-code-color)}.vp-doc :not(pre)>code{border-radius:4px;padding:3px 6px;background-color:var(--vp-code-bg);transition:color .25s,background-color .5s}.vp-doc a>code{color:var(--vp-code-link-color)}.vp-doc a:hover>code{color:var(--vp-code-link-hover-color)}.vp-doc h1>code,.vp-doc h2>code,.vp-doc h3>code{font-size:.9em}.vp-doc div[class*=language-],.vp-block{position:relative;margin:16px -24px;background-color:var(--vp-code-block-bg);overflow-x:auto;transition:background-color .5s}@media (min-width: 640px){.vp-doc div[class*=language-],.vp-block{border-radius:8px;margin:16px 0}}@media (max-width: 639px){.vp-doc li div[class*=language-]{border-radius:8px 0 0 8px}}.vp-doc div[class*=language-]+div[class*=language-],.vp-doc div[class$=-api]+div[class*=language-],.vp-doc div[class*=language-]+div[class$=-api]>div[class*=language-]{margin-top:-8px}.vp-doc [class*=language-] pre,.vp-doc [class*=language-] code{direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}.vp-doc [class*=language-] pre{position:relative;z-index:1;margin:0;padding:20px 0;background:transparent;overflow-x:auto}.vp-doc [class*=language-] code{display:block;padding:0 24px;width:fit-content;min-width:100%;line-height:var(--vp-code-line-height);font-size:var(--vp-code-font-size);color:var(--vp-code-block-color);transition:color .5s}.vp-doc [class*=language-] code .highlighted{background-color:var(--vp-code-line-highlight-color);transition:background-color .5s;margin:0 -24px;padding:0 24px;width:calc(100% + 48px);display:inline-block}.vp-doc [class*=language-] code .highlighted.error{background-color:var(--vp-code-line-error-color)}.vp-doc [class*=language-] code .highlighted.warning{background-color:var(--vp-code-line-warning-color)}.vp-doc [class*=language-] code .diff{transition:background-color .5s;margin:0 -24px;padding:0 24px;width:calc(100% + 48px);display:inline-block}.vp-doc [class*=language-] code .diff:before{position:absolute;left:10px}.vp-doc [class*=language-] .has-focused-lines .line:not(.has-focus){filter:blur(.095rem);opacity:.4;transition:filter .35s,opacity .35s}.vp-doc [class*=language-] .has-focused-lines .line:not(.has-focus){opacity:.7;transition:filter .35s,opacity .35s}.vp-doc [class*=language-]:hover .has-focused-lines .line:not(.has-focus){filter:blur(0);opacity:1}.vp-doc [class*=language-] code .diff.remove{background-color:var(--vp-code-line-diff-remove-color);opacity:.7}.vp-doc [class*=language-] code .diff.remove:before{content:"-";color:var(--vp-code-line-diff-remove-symbol-color)}.vp-doc [class*=language-] code .diff.add{background-color:var(--vp-code-line-diff-add-color)}.vp-doc [class*=language-] code .diff.add:before{content:"+";color:var(--vp-code-line-diff-add-symbol-color)}.vp-doc div[class*=language-].line-numbers-mode{padding-left:32px}.vp-doc .line-numbers-wrapper{position:absolute;top:0;bottom:0;left:0;z-index:3;border-right:1px solid var(--vp-code-block-divider-color);padding-top:20px;width:32px;text-align:center;font-family:var(--vp-font-family-mono);line-height:var(--vp-code-line-height);font-size:var(--vp-code-font-size);color:var(--vp-code-line-number-color);transition:border-color .5s,color .5s}.vp-doc [class*=language-]>button.copy{direction:ltr;position:absolute;top:12px;right:12px;z-index:3;border:1px solid var(--vp-code-copy-code-border-color);border-radius:4px;width:40px;height:40px;background-color:var(--vp-code-copy-code-bg);opacity:0;cursor:pointer;background-image:var(--vp-icon-copy);background-position:50%;background-size:20px;background-repeat:no-repeat;transition:border-color .25s,background-color .25s,opacity .25s}.vp-doc [class*=language-]:hover>button.copy,.vp-doc [class*=language-]>button.copy:focus{opacity:1}.vp-doc [class*=language-]>button.copy:hover,.vp-doc [class*=language-]>button.copy.copied{border-color:var(--vp-code-copy-code-hover-border-color);background-color:var(--vp-code-copy-code-hover-bg)}.vp-doc [class*=language-]>button.copy.copied,.vp-doc [class*=language-]>button.copy:hover.copied{border-radius:0 4px 4px 0;background-color:var(--vp-code-copy-code-hover-bg);background-image:var(--vp-icon-copied)}.vp-doc [class*=language-]>button.copy.copied:before,.vp-doc [class*=language-]>button.copy:hover.copied:before{position:relative;top:-1px;transform:translate(calc(-100% - 1px));display:flex;justify-content:center;align-items:center;border:1px solid var(--vp-code-copy-code-hover-border-color);border-right:0;border-radius:4px 0 0 4px;padding:0 10px;width:fit-content;height:40px;text-align:center;font-size:12px;font-weight:500;color:var(--vp-code-copy-code-active-text);background-color:var(--vp-code-copy-code-hover-bg);white-space:nowrap;content:var(--vp-code-copy-copied-text-content)}.vp-doc [class*=language-]>span.lang{position:absolute;top:2px;right:8px;z-index:2;font-size:12px;font-weight:500;color:var(--vp-code-lang-color);transition:color .4s,opacity .4s}.vp-doc [class*=language-]:hover>button.copy+span.lang,.vp-doc [class*=language-]>button.copy:focus+span.lang{opacity:0}.vp-doc .VPTeamMembers{margin-top:24px}.vp-doc .VPTeamMembers.small.count-1 .container{margin:0!important;max-width:calc((100% - 24px)/2)!important}.vp-doc .VPTeamMembers.small.count-2 .container,.vp-doc .VPTeamMembers.small.count-3 .container{max-width:100%!important}.vp-doc .VPTeamMembers.medium.count-1 .container{margin:0!important;max-width:calc((100% - 24px)/2)!important}:is(.vp-external-link-icon,.vp-doc a[href*="://"],.vp-doc a[target=_blank]):not(.no-icon):after{display:inline-block;margin-top:-1px;margin-left:4px;width:11px;height:11px;background:currentColor;color:var(--vp-c-text-3);flex-shrink:0;--icon: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath d='M0 0h24v24H0V0z' fill='none' /%3E%3Cpath d='M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z' /%3E%3C/svg%3E");-webkit-mask-image:var(--icon);mask-image:var(--icon)}.vp-external-link-icon:after{content:""}.external-link-icon-enabled :is(.vp-doc a[href*="://"],.vp-doc a[target=_blank]):after{content:"";color:currentColor}.vp-sponsor{border-radius:16px;overflow:hidden}.vp-sponsor.aside{border-radius:12px}.vp-sponsor-section+.vp-sponsor-section{margin-top:4px}.vp-sponsor-tier{margin-bottom:4px;text-align:center;letter-spacing:1px;line-height:24px;width:100%;font-weight:600;color:var(--vp-c-text-2);background-color:var(--vp-c-bg-soft)}.vp-sponsor.normal .vp-sponsor-tier{padding:13px 0 11px;font-size:14px}.vp-sponsor.aside .vp-sponsor-tier{padding:9px 0 7px;font-size:12px}.vp-sponsor-grid+.vp-sponsor-tier{margin-top:4px}.vp-sponsor-grid{display:flex;flex-wrap:wrap;gap:4px}.vp-sponsor-grid.xmini .vp-sponsor-grid-link{height:64px}.vp-sponsor-grid.xmini .vp-sponsor-grid-image{max-width:64px;max-height:22px}.vp-sponsor-grid.mini .vp-sponsor-grid-link{height:72px}.vp-sponsor-grid.mini .vp-sponsor-grid-image{max-width:96px;max-height:24px}.vp-sponsor-grid.small .vp-sponsor-grid-link{height:96px}.vp-sponsor-grid.small .vp-sponsor-grid-image{max-width:96px;max-height:24px}.vp-sponsor-grid.medium .vp-sponsor-grid-link{height:112px}.vp-sponsor-grid.medium .vp-sponsor-grid-image{max-width:120px;max-height:36px}.vp-sponsor-grid.big .vp-sponsor-grid-link{height:184px}.vp-sponsor-grid.big .vp-sponsor-grid-image{max-width:192px;max-height:56px}.vp-sponsor-grid[data-vp-grid="2"] .vp-sponsor-grid-item{width:calc((100% - 4px)/2)}.vp-sponsor-grid[data-vp-grid="3"] .vp-sponsor-grid-item{width:calc((100% - 4px * 2) / 3)}.vp-sponsor-grid[data-vp-grid="4"] .vp-sponsor-grid-item{width:calc((100% - 12px)/4)}.vp-sponsor-grid[data-vp-grid="5"] .vp-sponsor-grid-item{width:calc((100% - 16px)/5)}.vp-sponsor-grid[data-vp-grid="6"] .vp-sponsor-grid-item{width:calc((100% - 4px * 5) / 6)}.vp-sponsor-grid-item{flex-shrink:0;width:100%;background-color:var(--vp-c-bg-soft);transition:background-color .25s}.vp-sponsor-grid-item:hover{background-color:var(--vp-c-default-soft)}.vp-sponsor-grid-item:hover .vp-sponsor-grid-image{filter:grayscale(0) invert(0)}.vp-sponsor-grid-item.empty:hover{background-color:var(--vp-c-bg-soft)}.dark .vp-sponsor-grid-item:hover{background-color:var(--vp-c-white)}.dark .vp-sponsor-grid-item.empty:hover{background-color:var(--vp-c-bg-soft)}.vp-sponsor-grid-link{display:flex}.vp-sponsor-grid-box{display:flex;justify-content:center;align-items:center;width:100%}.vp-sponsor-grid-image{max-width:100%;filter:grayscale(1);transition:filter .25s}.dark .vp-sponsor-grid-image{filter:grayscale(1) invert(1)}.VPBadge{display:inline-block;margin-left:2px;border:1px solid transparent;border-radius:12px;padding:0 10px;line-height:22px;font-size:12px;font-weight:500;transform:translateY(-2px)}.VPBadge.small{padding:0 6px;line-height:18px;font-size:10px;transform:translateY(-8px)}.VPDocFooter .VPBadge{display:none}.vp-doc h1>.VPBadge{margin-top:4px;vertical-align:top}.vp-doc h2>.VPBadge{margin-top:3px;padding:0 8px;vertical-align:top}.vp-doc h3>.VPBadge{vertical-align:middle}.vp-doc h4>.VPBadge,.vp-doc h5>.VPBadge,.vp-doc h6>.VPBadge{vertical-align:middle;line-height:18px}.VPBadge.info{border-color:var(--vp-badge-info-border);color:var(--vp-badge-info-text);background-color:var(--vp-badge-info-bg)}.VPBadge.tip{border-color:var(--vp-badge-tip-border);color:var(--vp-badge-tip-text);background-color:var(--vp-badge-tip-bg)}.VPBadge.warning{border-color:var(--vp-badge-warning-border);color:var(--vp-badge-warning-text);background-color:var(--vp-badge-warning-bg)}.VPBadge.danger{border-color:var(--vp-badge-danger-border);color:var(--vp-badge-danger-text);background-color:var(--vp-badge-danger-bg)}.VPBackdrop[data-v-c79a1216]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--vp-z-index-backdrop);background:var(--vp-backdrop-bg-color);transition:opacity .5s}.VPBackdrop.fade-enter-from[data-v-c79a1216],.VPBackdrop.fade-leave-to[data-v-c79a1216]{opacity:0}.VPBackdrop.fade-leave-active[data-v-c79a1216]{transition-duration:.25s}@media (min-width: 1280px){.VPBackdrop[data-v-c79a1216]{display:none}}.NotFound[data-v-f87ff6e4]{padding:64px 24px 96px;text-align:center}@media (min-width: 768px){.NotFound[data-v-f87ff6e4]{padding:96px 32px 168px}}.code[data-v-f87ff6e4]{line-height:64px;font-size:64px;font-weight:600}.title[data-v-f87ff6e4]{padding-top:12px;letter-spacing:2px;line-height:20px;font-size:20px;font-weight:700}.divider[data-v-f87ff6e4]{margin:24px auto 18px;width:64px;height:1px;background-color:var(--vp-c-divider)}.quote[data-v-f87ff6e4]{margin:0 auto;max-width:256px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}.action[data-v-f87ff6e4]{padding-top:20px}.link[data-v-f87ff6e4]{display:inline-block;border:1px solid var(--vp-c-brand-1);border-radius:16px;padding:3px 16px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1);transition:border-color .25s,color .25s}.link[data-v-f87ff6e4]:hover{border-color:var(--vp-c-brand-2);color:var(--vp-c-brand-2)}.root[data-v-b933a997]{position:relative;z-index:1}.nested[data-v-b933a997]{padding-right:16px;padding-left:16px}.outline-link[data-v-b933a997]{display:block;line-height:32px;font-size:14px;font-weight:400;color:var(--vp-c-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .5s}.outline-link[data-v-b933a997]:hover,.outline-link.active[data-v-b933a997]{color:var(--vp-c-text-1);transition:color .25s}.outline-link.nested[data-v-b933a997]{padding-left:13px}.VPDocAsideOutline[data-v-935f8a84]{display:none}.VPDocAsideOutline.has-outline[data-v-935f8a84]{display:block}.content[data-v-935f8a84]{position:relative;border-left:1px solid var(--vp-c-divider);padding-left:16px;font-size:13px;font-weight:500}.outline-marker[data-v-935f8a84]{position:absolute;top:32px;left:-1px;z-index:0;opacity:0;width:2px;border-radius:2px;height:18px;background-color:var(--vp-c-brand-1);transition:top .25s cubic-bezier(0,1,.5,1),background-color .5s,opacity .25s}.outline-title[data-v-935f8a84]{line-height:32px;font-size:14px;font-weight:600}.VPDocAside[data-v-3f215769]{display:flex;flex-direction:column;flex-grow:1}.spacer[data-v-3f215769]{flex-grow:1}.VPDocAside[data-v-3f215769] .spacer+.VPDocAsideSponsors,.VPDocAside[data-v-3f215769] .spacer+.VPDocAsideCarbonAds{margin-top:24px}.VPDocAside[data-v-3f215769] .VPDocAsideSponsors+.VPDocAsideCarbonAds{margin-top:16px}.VPLastUpdated[data-v-7e05ebdb]{line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}@media (min-width: 640px){.VPLastUpdated[data-v-7e05ebdb]{line-height:32px;font-size:14px;font-weight:500}}.VPDocFooter[data-v-48f9bb55]{margin-top:64px}.edit-info[data-v-48f9bb55]{padding-bottom:18px}@media (min-width: 640px){.edit-info[data-v-48f9bb55]{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px}}.edit-link-button[data-v-48f9bb55]{display:flex;align-items:center;border:0;line-height:32px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1);transition:color .25s}.edit-link-button[data-v-48f9bb55]:hover{color:var(--vp-c-brand-2)}.edit-link-icon[data-v-48f9bb55]{margin-right:8px;width:14px;height:14px;fill:currentColor}.prev-next[data-v-48f9bb55]{border-top:1px solid var(--vp-c-divider);padding-top:24px;display:grid;grid-row-gap:8px}@media (min-width: 640px){.prev-next[data-v-48f9bb55]{grid-template-columns:repeat(2,1fr);grid-column-gap:16px}}.pager-link[data-v-48f9bb55]{display:block;border:1px solid var(--vp-c-divider);border-radius:8px;padding:11px 16px 13px;width:100%;height:100%;transition:border-color .25s}.pager-link[data-v-48f9bb55]:hover{border-color:var(--vp-c-brand-1)}.pager-link.next[data-v-48f9bb55]{margin-left:auto;text-align:right}.desc[data-v-48f9bb55]{display:block;line-height:20px;font-size:12px;font-weight:500;color:var(--vp-c-text-2)}.title[data-v-48f9bb55]{display:block;line-height:20px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1);transition:color .25s}.VPDoc[data-v-39a288b8]{padding:32px 24px 96px;width:100%}@media (min-width: 768px){.VPDoc[data-v-39a288b8]{padding:48px 32px 128px}}@media (min-width: 960px){.VPDoc[data-v-39a288b8]{padding:48px 32px 0}.VPDoc:not(.has-sidebar) .container[data-v-39a288b8]{display:flex;justify-content:center;max-width:992px}.VPDoc:not(.has-sidebar) .content[data-v-39a288b8]{max-width:752px}}@media (min-width: 1280px){.VPDoc .container[data-v-39a288b8]{display:flex;justify-content:center}.VPDoc .aside[data-v-39a288b8]{display:block}}@media (min-width: 1440px){.VPDoc:not(.has-sidebar) .content[data-v-39a288b8]{max-width:784px}.VPDoc:not(.has-sidebar) .container[data-v-39a288b8]{max-width:1104px}}.container[data-v-39a288b8]{margin:0 auto;width:100%}.aside[data-v-39a288b8]{position:relative;display:none;order:2;flex-grow:1;padding-left:32px;width:100%;max-width:256px}.left-aside[data-v-39a288b8]{order:1;padding-left:unset;padding-right:32px}.aside-container[data-v-39a288b8]{position:fixed;top:0;padding-top:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + var(--vp-doc-top-height, 0px) + 48px);width:224px;height:100vh;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.aside-container[data-v-39a288b8]::-webkit-scrollbar{display:none}.aside-curtain[data-v-39a288b8]{position:fixed;bottom:0;z-index:10;width:224px;height:32px;background:linear-gradient(transparent,var(--vp-c-bg) 70%)}.aside-content[data-v-39a288b8]{display:flex;flex-direction:column;min-height:calc(100vh - (var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 48px));padding-bottom:32px}.content[data-v-39a288b8]{position:relative;margin:0 auto;width:100%}@media (min-width: 960px){.content[data-v-39a288b8]{padding:0 32px 128px}}@media (min-width: 1280px){.content[data-v-39a288b8]{order:1;margin:0;min-width:640px}}.content-container[data-v-39a288b8]{margin:0 auto}.VPDoc.has-aside .content-container[data-v-39a288b8]{max-width:688px}.VPButton[data-v-cad61b99]{display:inline-block;border:1px solid transparent;text-align:center;font-weight:600;white-space:nowrap;transition:color .25s,border-color .25s,background-color .25s}.VPButton[data-v-cad61b99]:active{transition:color .1s,border-color .1s,background-color .1s}.VPButton.medium[data-v-cad61b99]{border-radius:20px;padding:0 20px;line-height:38px;font-size:14px}.VPButton.big[data-v-cad61b99]{border-radius:24px;padding:0 24px;line-height:46px;font-size:16px}.VPButton.brand[data-v-cad61b99]{border-color:var(--vp-button-brand-border);color:var(--vp-button-brand-text);background-color:var(--vp-button-brand-bg)}.VPButton.brand[data-v-cad61b99]:hover{border-color:var(--vp-button-brand-hover-border);color:var(--vp-button-brand-hover-text);background-color:var(--vp-button-brand-hover-bg)}.VPButton.brand[data-v-cad61b99]:active{border-color:var(--vp-button-brand-active-border);color:var(--vp-button-brand-active-text);background-color:var(--vp-button-brand-active-bg)}.VPButton.alt[data-v-cad61b99]{border-color:var(--vp-button-alt-border);color:var(--vp-button-alt-text);background-color:var(--vp-button-alt-bg)}.VPButton.alt[data-v-cad61b99]:hover{border-color:var(--vp-button-alt-hover-border);color:var(--vp-button-alt-hover-text);background-color:var(--vp-button-alt-hover-bg)}.VPButton.alt[data-v-cad61b99]:active{border-color:var(--vp-button-alt-active-border);color:var(--vp-button-alt-active-text);background-color:var(--vp-button-alt-active-bg)}.VPButton.sponsor[data-v-cad61b99]{border-color:var(--vp-button-sponsor-border);color:var(--vp-button-sponsor-text);background-color:var(--vp-button-sponsor-bg)}.VPButton.sponsor[data-v-cad61b99]:hover{border-color:var(--vp-button-sponsor-hover-border);color:var(--vp-button-sponsor-hover-text);background-color:var(--vp-button-sponsor-hover-bg)}.VPButton.sponsor[data-v-cad61b99]:active{border-color:var(--vp-button-sponsor-active-border);color:var(--vp-button-sponsor-active-text);background-color:var(--vp-button-sponsor-active-bg)}html:not(.dark) .VPImage.dark[data-v-8426fc1a]{display:none}.dark .VPImage.light[data-v-8426fc1a]{display:none}.VPHero[data-v-303bb580]{margin-top:calc((var(--vp-nav-height) + var(--vp-layout-top-height, 0px)) * -1);padding:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 48px) 24px 48px}@media (min-width: 640px){.VPHero[data-v-303bb580]{padding:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 80px) 48px 64px}}@media (min-width: 960px){.VPHero[data-v-303bb580]{padding:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 80px) 64px 64px}}.container[data-v-303bb580]{display:flex;flex-direction:column;margin:0 auto;max-width:1152px}@media (min-width: 960px){.container[data-v-303bb580]{flex-direction:row}}.main[data-v-303bb580]{position:relative;z-index:10;order:2;flex-grow:1;flex-shrink:0}.VPHero.has-image .container[data-v-303bb580]{text-align:center}@media (min-width: 960px){.VPHero.has-image .container[data-v-303bb580]{text-align:left}}@media (min-width: 960px){.main[data-v-303bb580]{order:1;width:calc((100% / 3) * 2)}.VPHero.has-image .main[data-v-303bb580]{max-width:592px}}.name[data-v-303bb580],.text[data-v-303bb580]{max-width:392px;letter-spacing:-.4px;line-height:40px;font-size:32px;font-weight:700;white-space:pre-wrap}.VPHero.has-image .name[data-v-303bb580],.VPHero.has-image .text[data-v-303bb580]{margin:0 auto}.name[data-v-303bb580]{color:var(--vp-home-hero-name-color)}.clip[data-v-303bb580]{background:var(--vp-home-hero-name-background);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--vp-home-hero-name-color)}@media (min-width: 640px){.name[data-v-303bb580],.text[data-v-303bb580]{max-width:576px;line-height:56px;font-size:48px}}@media (min-width: 960px){.name[data-v-303bb580],.text[data-v-303bb580]{line-height:64px;font-size:56px}.VPHero.has-image .name[data-v-303bb580],.VPHero.has-image .text[data-v-303bb580]{margin:0}}.tagline[data-v-303bb580]{padding-top:8px;max-width:392px;line-height:28px;font-size:18px;font-weight:500;white-space:pre-wrap;color:var(--vp-c-text-2)}.VPHero.has-image .tagline[data-v-303bb580]{margin:0 auto}@media (min-width: 640px){.tagline[data-v-303bb580]{padding-top:12px;max-width:576px;line-height:32px;font-size:20px}}@media (min-width: 960px){.tagline[data-v-303bb580]{line-height:36px;font-size:24px}.VPHero.has-image .tagline[data-v-303bb580]{margin:0}}.actions[data-v-303bb580]{display:flex;flex-wrap:wrap;margin:-6px;padding-top:24px}.VPHero.has-image .actions[data-v-303bb580]{justify-content:center}@media (min-width: 640px){.actions[data-v-303bb580]{padding-top:32px}}@media (min-width: 960px){.VPHero.has-image .actions[data-v-303bb580]{justify-content:flex-start}}.action[data-v-303bb580]{flex-shrink:0;padding:6px}.image[data-v-303bb580]{order:1;margin:-76px -24px -48px}@media (min-width: 640px){.image[data-v-303bb580]{margin:-108px -24px -48px}}@media (min-width: 960px){.image[data-v-303bb580]{flex-grow:1;order:2;margin:0;min-height:100%}}.image-container[data-v-303bb580]{position:relative;margin:0 auto;width:320px;height:320px}@media (min-width: 640px){.image-container[data-v-303bb580]{width:392px;height:392px}}@media (min-width: 960px){.image-container[data-v-303bb580]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;transform:translate(-32px,-32px)}}.image-bg[data-v-303bb580]{position:absolute;top:50%;left:50%;border-radius:50%;width:192px;height:192px;background-image:var(--vp-home-hero-image-background-image);filter:var(--vp-home-hero-image-filter);transform:translate(-50%,-50%)}@media (min-width: 640px){.image-bg[data-v-303bb580]{width:256px;height:256px}}@media (min-width: 960px){.image-bg[data-v-303bb580]{width:320px;height:320px}}[data-v-303bb580] .image-src{position:absolute;top:50%;left:50%;max-width:192px;max-height:192px;transform:translate(-50%,-50%)}@media (min-width: 640px){[data-v-303bb580] .image-src{max-width:256px;max-height:256px}}@media (min-width: 960px){[data-v-303bb580] .image-src{max-width:320px;max-height:320px}}.VPFeature[data-v-33204567]{display:block;border:1px solid var(--vp-c-bg-soft);border-radius:12px;height:100%;background-color:var(--vp-c-bg-soft);transition:border-color .25s,background-color .25s}.VPFeature.link[data-v-33204567]:hover{border-color:var(--vp-c-brand-1)}.box[data-v-33204567]{display:flex;flex-direction:column;padding:24px;height:100%}.box[data-v-33204567]>.VPImage{margin-bottom:20px}.icon[data-v-33204567]{display:flex;justify-content:center;align-items:center;margin-bottom:20px;border-radius:6px;background-color:var(--vp-c-default-soft);width:48px;height:48px;font-size:24px;transition:background-color .25s}.title[data-v-33204567]{line-height:24px;font-size:16px;font-weight:600}.details[data-v-33204567]{flex-grow:1;padding-top:8px;line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}.link-text[data-v-33204567]{padding-top:8px}.link-text-value[data-v-33204567]{display:flex;align-items:center;font-size:14px;font-weight:500;color:var(--vp-c-brand-1)}.link-text-icon[data-v-33204567]{display:inline-block;margin-left:6px;width:14px;height:14px;fill:currentColor}.VPFeatures[data-v-a6181336]{position:relative;padding:0 24px}@media (min-width: 640px){.VPFeatures[data-v-a6181336]{padding:0 48px}}@media (min-width: 960px){.VPFeatures[data-v-a6181336]{padding:0 64px}}.container[data-v-a6181336]{margin:0 auto;max-width:1152px}.items[data-v-a6181336]{display:flex;flex-wrap:wrap;margin:-8px}.item[data-v-a6181336]{padding:8px;width:100%}@media (min-width: 640px){.item.grid-2[data-v-a6181336],.item.grid-4[data-v-a6181336],.item.grid-6[data-v-a6181336]{width:50%}}@media (min-width: 768px){.item.grid-2[data-v-a6181336],.item.grid-4[data-v-a6181336]{width:50%}.item.grid-3[data-v-a6181336],.item.grid-6[data-v-a6181336]{width:calc(100% / 3)}}@media (min-width: 960px){.item.grid-4[data-v-a6181336]{width:25%}}.VPHome[data-v-c71b6826]{padding-bottom:96px}.VPHome[data-v-c71b6826] .VPHomeSponsors{margin-top:112px;margin-bottom:-128px}@media (min-width: 768px){.VPHome[data-v-c71b6826]{padding-bottom:128px}}.VPContent[data-v-1428d186]{flex-grow:1;flex-shrink:0;margin:var(--vp-layout-top-height, 0px) auto 0;width:100%}.VPContent.is-home[data-v-1428d186]{width:100%;max-width:100%}.VPContent.has-sidebar[data-v-1428d186]{margin:0}@media (min-width: 960px){.VPContent[data-v-1428d186]{padding-top:var(--vp-nav-height)}.VPContent.has-sidebar[data-v-1428d186]{margin:var(--vp-layout-top-height, 0px) 0 0;padding-left:var(--vp-sidebar-width)}}@media (min-width: 1440px){.VPContent.has-sidebar[data-v-1428d186]{padding-right:calc((100vw - var(--vp-layout-max-width)) / 2);padding-left:calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width))}}.VPFooter[data-v-e315a0ad]{position:relative;z-index:var(--vp-z-index-footer);border-top:1px solid var(--vp-c-gutter);padding:32px 24px;background-color:var(--vp-c-bg)}.VPFooter.has-sidebar[data-v-e315a0ad]{display:none}.VPFooter[data-v-e315a0ad] a{text-decoration-line:underline;text-underline-offset:2px;transition:color .25s}.VPFooter[data-v-e315a0ad] a:hover{color:var(--vp-c-text-1)}@media (min-width: 768px){.VPFooter[data-v-e315a0ad]{padding:32px}}.container[data-v-e315a0ad]{margin:0 auto;max-width:var(--vp-layout-max-width);text-align:center}.message[data-v-e315a0ad],.copyright[data-v-e315a0ad]{line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-2)}.VPLocalNavOutlineDropdown[data-v-af18c0d5]{padding:12px 20px 11px}@media (min-width: 960px){.VPLocalNavOutlineDropdown[data-v-af18c0d5]{padding:12px 36px 11px}}.VPLocalNavOutlineDropdown button[data-v-af18c0d5]{display:block;font-size:12px;font-weight:500;line-height:24px;color:var(--vp-c-text-2);transition:color .5s;position:relative}.VPLocalNavOutlineDropdown button[data-v-af18c0d5]:hover{color:var(--vp-c-text-1);transition:color .25s}.VPLocalNavOutlineDropdown button.open[data-v-af18c0d5]{color:var(--vp-c-text-1)}@media (min-width: 960px){.VPLocalNavOutlineDropdown button[data-v-af18c0d5]{font-size:14px}}.icon[data-v-af18c0d5]{display:inline-block;vertical-align:middle;margin-left:2px;width:14px;height:14px;fill:currentColor}.open>.icon[data-v-af18c0d5]{transform:rotate(90deg)}.items[data-v-af18c0d5]{position:absolute;top:40px;right:16px;left:16px;display:grid;gap:1px;border:1px solid var(--vp-c-border);border-radius:8px;background-color:var(--vp-c-gutter);max-height:calc(var(--vp-vh, 100vh) - 86px);overflow:hidden auto;box-shadow:var(--vp-shadow-3)}@media (min-width: 960px){.items[data-v-af18c0d5]{right:auto;left:calc(var(--vp-sidebar-width) + 32px);width:320px}}.header[data-v-af18c0d5]{background-color:var(--vp-c-bg-soft)}.top-link[data-v-af18c0d5]{display:block;padding:0 16px;line-height:48px;font-size:14px;font-weight:500;color:var(--vp-c-brand-1)}.outline[data-v-af18c0d5]{padding:8px 0;background-color:var(--vp-c-bg-soft)}.flyout-enter-active[data-v-af18c0d5]{transition:all .2s ease-out}.flyout-leave-active[data-v-af18c0d5]{transition:all .15s ease-in}.flyout-enter-from[data-v-af18c0d5],.flyout-leave-to[data-v-af18c0d5]{opacity:0;transform:translateY(-16px)}.VPLocalNav[data-v-0282ae07]{position:sticky;top:0;left:0;z-index:var(--vp-z-index-local-nav);border-bottom:1px solid var(--vp-c-gutter);padding-top:var(--vp-layout-top-height, 0px);width:100%;background-color:var(--vp-local-nav-bg-color)}.VPLocalNav.fixed[data-v-0282ae07]{position:fixed}@media (min-width: 960px){.VPLocalNav[data-v-0282ae07]{top:var(--vp-nav-height)}.VPLocalNav.has-sidebar[data-v-0282ae07]{padding-left:var(--vp-sidebar-width)}.VPLocalNav.empty[data-v-0282ae07]{display:none}}@media (min-width: 1280px){.VPLocalNav[data-v-0282ae07]{display:none}}@media (min-width: 1440px){.VPLocalNav.has-sidebar[data-v-0282ae07]{padding-left:calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width))}}.container[data-v-0282ae07]{display:flex;justify-content:space-between;align-items:center}.menu[data-v-0282ae07]{display:flex;align-items:center;padding:12px 24px 11px;line-height:24px;font-size:12px;font-weight:500;color:var(--vp-c-text-2);transition:color .5s}.menu[data-v-0282ae07]:hover{color:var(--vp-c-text-1);transition:color .25s}@media (min-width: 768px){.menu[data-v-0282ae07]{padding:0 32px}}@media (min-width: 960px){.menu[data-v-0282ae07]{display:none}}.menu-icon[data-v-0282ae07]{margin-right:8px;width:16px;height:16px;fill:currentColor}.VPOutlineDropdown[data-v-0282ae07]{padding:12px 24px 11px}@media (min-width: 768px){.VPOutlineDropdown[data-v-0282ae07]{padding:12px 32px 11px}}.VPSwitch[data-v-b1685198]{position:relative;border-radius:11px;display:block;width:40px;height:22px;flex-shrink:0;border:1px solid var(--vp-input-border-color);background-color:var(--vp-input-switch-bg-color);transition:border-color .25s!important}.VPSwitch[data-v-b1685198]:hover{border-color:var(--vp-c-brand-1)}.check[data-v-b1685198]{position:absolute;top:1px;left:1px;width:18px;height:18px;border-radius:50%;background-color:var(--vp-c-neutral-inverse);box-shadow:var(--vp-shadow-1);transition:transform .25s!important}.icon[data-v-b1685198]{position:relative;display:block;width:18px;height:18px;border-radius:50%;overflow:hidden}.icon[data-v-b1685198] svg{position:absolute;top:3px;left:3px;width:12px;height:12px;fill:var(--vp-c-text-2)}.dark .icon[data-v-b1685198] svg{fill:var(--vp-c-text-1);transition:opacity .25s!important}.sun[data-v-1736f215]{opacity:1}.moon[data-v-1736f215],.dark .sun[data-v-1736f215]{opacity:0}.dark .moon[data-v-1736f215]{opacity:1}.dark .VPSwitchAppearance[data-v-1736f215] .check{transform:translate(18px)}.VPNavBarAppearance[data-v-e6aabb21]{display:none}@media (min-width: 1280px){.VPNavBarAppearance[data-v-e6aabb21]{display:flex;align-items:center}}.VPMenuGroup+.VPMenuLink[data-v-43f1e123]{margin:12px -12px 0;border-top:1px solid var(--vp-c-divider);padding:12px 12px 0}.link[data-v-43f1e123]{display:block;border-radius:6px;padding:0 12px;line-height:32px;font-size:14px;font-weight:500;color:var(--vp-c-text-1);white-space:nowrap;transition:background-color .25s,color .25s}.link[data-v-43f1e123]:hover{color:var(--vp-c-brand-1);background-color:var(--vp-c-default-soft)}.link.active[data-v-43f1e123]{color:var(--vp-c-brand-1)}.VPMenuGroup[data-v-69e747b5]{margin:12px -12px 0;border-top:1px solid var(--vp-c-divider);padding:12px 12px 0}.VPMenuGroup[data-v-69e747b5]:first-child{margin-top:0;border-top:0;padding-top:0}.VPMenuGroup+.VPMenuGroup[data-v-69e747b5]{margin-top:12px;border-top:1px solid var(--vp-c-divider)}.title[data-v-69e747b5]{padding:0 12px;line-height:32px;font-size:14px;font-weight:600;color:var(--vp-c-text-2);white-space:nowrap;transition:color .25s}.VPMenu[data-v-e7ea1737]{border-radius:12px;padding:12px;min-width:128px;border:1px solid var(--vp-c-divider);background-color:var(--vp-c-bg-elv);box-shadow:var(--vp-shadow-3);transition:background-color .5s;max-height:calc(100vh - var(--vp-nav-height));overflow-y:auto}.VPMenu[data-v-e7ea1737] .group{margin:0 -12px;padding:0 12px 12px}.VPMenu[data-v-e7ea1737] .group+.group{border-top:1px solid var(--vp-c-divider);padding:11px 12px 12px}.VPMenu[data-v-e7ea1737] .group:last-child{padding-bottom:0}.VPMenu[data-v-e7ea1737] .group+.item{border-top:1px solid var(--vp-c-divider);padding:11px 16px 0}.VPMenu[data-v-e7ea1737] .item{padding:0 16px;white-space:nowrap}.VPMenu[data-v-e7ea1737] .label{flex-grow:1;line-height:28px;font-size:12px;font-weight:500;color:var(--vp-c-text-2);transition:color .5s}.VPMenu[data-v-e7ea1737] .action{padding-left:24px}.VPFlyout[data-v-9c007e85]{position:relative}.VPFlyout[data-v-9c007e85]:hover{color:var(--vp-c-brand-1);transition:color .25s}.VPFlyout:hover .text[data-v-9c007e85]{color:var(--vp-c-text-2)}.VPFlyout:hover .icon[data-v-9c007e85]{fill:var(--vp-c-text-2)}.VPFlyout.active .text[data-v-9c007e85]{color:var(--vp-c-brand-1)}.VPFlyout.active:hover .text[data-v-9c007e85]{color:var(--vp-c-brand-2)}.VPFlyout:hover .menu[data-v-9c007e85],.button[aria-expanded=true]+.menu[data-v-9c007e85]{opacity:1;visibility:visible;transform:translateY(0)}.button[aria-expanded=false]+.menu[data-v-9c007e85]{opacity:0;visibility:hidden;transform:translateY(0)}.button[data-v-9c007e85]{display:flex;align-items:center;padding:0 12px;height:var(--vp-nav-height);color:var(--vp-c-text-1);transition:color .5s}.text[data-v-9c007e85]{display:flex;align-items:center;line-height:var(--vp-nav-height);font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:color .25s}.option-icon[data-v-9c007e85]{margin-right:0;width:16px;height:16px;fill:currentColor}.text-icon[data-v-9c007e85]{margin-left:4px;width:14px;height:14px;fill:currentColor}.icon[data-v-9c007e85]{width:20px;height:20px;fill:currentColor;transition:fill .25s}.menu[data-v-9c007e85]{position:absolute;top:calc(var(--vp-nav-height) / 2 + 20px);right:0;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s,transform .25s}.VPSocialLink[data-v-f80f8133]{display:flex;justify-content:center;align-items:center;width:36px;height:36px;color:var(--vp-c-text-2);transition:color .5s}.VPSocialLink[data-v-f80f8133]:hover{color:var(--vp-c-text-1);transition:color .25s}.VPSocialLink[data-v-f80f8133]>svg{width:20px;height:20px;fill:currentColor}.VPSocialLinks[data-v-7bc22406]{display:flex;justify-content:center}.VPNavBarExtra[data-v-d0bd9dde]{display:none;margin-right:-12px}@media (min-width: 768px){.VPNavBarExtra[data-v-d0bd9dde]{display:block}}@media (min-width: 1280px){.VPNavBarExtra[data-v-d0bd9dde]{display:none}}.trans-title[data-v-d0bd9dde]{padding:0 24px 0 12px;line-height:32px;font-size:14px;font-weight:700;color:var(--vp-c-text-1)}.item.appearance[data-v-d0bd9dde],.item.social-links[data-v-d0bd9dde]{display:flex;align-items:center;padding:0 12px}.item.appearance[data-v-d0bd9dde]{min-width:176px}.appearance-action[data-v-d0bd9dde]{margin-right:-2px}.social-links-list[data-v-d0bd9dde]{margin:-4px -8px}.VPNavBarHamburger[data-v-e5dd9c1c]{display:flex;justify-content:center;align-items:center;width:48px;height:var(--vp-nav-height)}@media (min-width: 768px){.VPNavBarHamburger[data-v-e5dd9c1c]{display:none}}.container[data-v-e5dd9c1c]{position:relative;width:16px;height:14px;overflow:hidden}.VPNavBarHamburger:hover .top[data-v-e5dd9c1c]{top:0;left:0;transform:translate(4px)}.VPNavBarHamburger:hover .middle[data-v-e5dd9c1c]{top:6px;left:0;transform:translate(0)}.VPNavBarHamburger:hover .bottom[data-v-e5dd9c1c]{top:12px;left:0;transform:translate(8px)}.VPNavBarHamburger.active .top[data-v-e5dd9c1c]{top:6px;transform:translate(0) rotate(225deg)}.VPNavBarHamburger.active .middle[data-v-e5dd9c1c]{top:6px;transform:translate(16px)}.VPNavBarHamburger.active .bottom[data-v-e5dd9c1c]{top:6px;transform:translate(0) rotate(135deg)}.VPNavBarHamburger.active:hover .top[data-v-e5dd9c1c],.VPNavBarHamburger.active:hover .middle[data-v-e5dd9c1c],.VPNavBarHamburger.active:hover .bottom[data-v-e5dd9c1c]{background-color:var(--vp-c-text-2);transition:top .25s,background-color .25s,transform .25s}.top[data-v-e5dd9c1c],.middle[data-v-e5dd9c1c],.bottom[data-v-e5dd9c1c]{position:absolute;width:16px;height:2px;background-color:var(--vp-c-text-1);transition:top .25s,background-color .5s,transform .25s}.top[data-v-e5dd9c1c]{top:0;left:0;transform:translate(0)}.middle[data-v-e5dd9c1c]{top:6px;left:0;transform:translate(8px)}.bottom[data-v-e5dd9c1c]{top:12px;left:0;transform:translate(4px)}.VPNavBarMenuLink[data-v-42ef59de]{display:flex;align-items:center;padding:0 12px;line-height:var(--vp-nav-height);font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:color .25s}.VPNavBarMenuLink.active[data-v-42ef59de],.VPNavBarMenuLink[data-v-42ef59de]:hover{color:var(--vp-c-brand-1)}.VPNavBarMenu[data-v-7f418b0f]{display:none}@media (min-width: 768px){.VPNavBarMenu[data-v-7f418b0f]{display:flex}}/*! @docsearch/css 3.5.2 | MIT License | © Algolia, Inc. and contributors | https://docsearch.algolia.com */:root{--docsearch-primary-color:#5468ff;--docsearch-text-color:#1c1e21;--docsearch-spacing:12px;--docsearch-icon-stroke-width:1.4;--docsearch-highlight-color:var(--docsearch-primary-color);--docsearch-muted-color:#969faf;--docsearch-container-background:rgba(101,108,133,.8);--docsearch-logo-color:#5468ff;--docsearch-modal-width:560px;--docsearch-modal-height:600px;--docsearch-modal-background:#f5f6f7;--docsearch-modal-shadow:inset 1px 1px 0 0 hsla(0,0%,100%,.5),0 3px 8px 0 #555a64;--docsearch-searchbox-height:56px;--docsearch-searchbox-background:#ebedf0;--docsearch-searchbox-focus-background:#fff;--docsearch-searchbox-shadow:inset 0 0 0 2px var(--docsearch-primary-color);--docsearch-hit-height:56px;--docsearch-hit-color:#444950;--docsearch-hit-active-color:#fff;--docsearch-hit-background:#fff;--docsearch-hit-shadow:0 1px 3px 0 #d4d9e1;--docsearch-key-gradient:linear-gradient(-225deg,#d5dbe4,#f8f8f8);--docsearch-key-shadow:inset 0 -2px 0 0 #cdcde6,inset 0 0 1px 1px #fff,0 1px 2px 1px rgba(30,35,90,.4);--docsearch-footer-height:44px;--docsearch-footer-background:#fff;--docsearch-footer-shadow:0 -1px 0 0 #e0e3e8,0 -3px 6px 0 rgba(69,98,155,.12)}html[data-theme=dark]{--docsearch-text-color:#f5f6f7;--docsearch-container-background:rgba(9,10,17,.8);--docsearch-modal-background:#15172a;--docsearch-modal-shadow:inset 1px 1px 0 0 #2c2e40,0 3px 8px 0 #000309;--docsearch-searchbox-background:#090a11;--docsearch-searchbox-focus-background:#000;--docsearch-hit-color:#bec3c9;--docsearch-hit-shadow:none;--docsearch-hit-background:#090a11;--docsearch-key-gradient:linear-gradient(-26.5deg,#565872,#31355b);--docsearch-key-shadow:inset 0 -2px 0 0 #282d55,inset 0 0 1px 1px #51577d,0 2px 2px 0 rgba(3,4,9,.3);--docsearch-footer-background:#1e2136;--docsearch-footer-shadow:inset 0 1px 0 0 rgba(73,76,106,.5),0 -4px 8px 0 rgba(0,0,0,.2);--docsearch-logo-color:#fff;--docsearch-muted-color:#7f8497}.DocSearch-Button{align-items:center;background:var(--docsearch-searchbox-background);border:0;border-radius:40px;color:var(--docsearch-muted-color);cursor:pointer;display:flex;font-weight:500;height:36px;justify-content:space-between;margin:0 0 0 16px;padding:0 8px;-webkit-user-select:none;user-select:none}.DocSearch-Button:active,.DocSearch-Button:focus,.DocSearch-Button:hover{background:var(--docsearch-searchbox-focus-background);box-shadow:var(--docsearch-searchbox-shadow);color:var(--docsearch-text-color);outline:none}.DocSearch-Button-Container{align-items:center;display:flex}.DocSearch-Search-Icon{stroke-width:1.6}.DocSearch-Button .DocSearch-Search-Icon{color:var(--docsearch-text-color)}.DocSearch-Button-Placeholder{font-size:1rem;padding:0 12px 0 6px}.DocSearch-Button-Keys{display:flex;min-width:calc(40px + .8em)}.DocSearch-Button-Key{align-items:center;background:var(--docsearch-key-gradient);border-radius:3px;box-shadow:var(--docsearch-key-shadow);color:var(--docsearch-muted-color);display:flex;height:18px;justify-content:center;margin-right:.4em;position:relative;padding:0 0 2px;border:0;top:-1px;width:20px}@media (max-width:768px){.DocSearch-Button-Keys,.DocSearch-Button-Placeholder{display:none}}.DocSearch--active{overflow:hidden!important}.DocSearch-Container,.DocSearch-Container *{box-sizing:border-box}.DocSearch-Container{background-color:var(--docsearch-container-background);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:200}.DocSearch-Container a{text-decoration:none}.DocSearch-Link{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:var(--docsearch-highlight-color);cursor:pointer;font:inherit;margin:0;padding:0}.DocSearch-Modal{background:var(--docsearch-modal-background);border-radius:6px;box-shadow:var(--docsearch-modal-shadow);flex-direction:column;margin:60px auto auto;max-width:var(--docsearch-modal-width);position:relative}.DocSearch-SearchBar{display:flex;padding:var(--docsearch-spacing) var(--docsearch-spacing) 0}.DocSearch-Form{align-items:center;background:var(--docsearch-searchbox-focus-background);border-radius:4px;box-shadow:var(--docsearch-searchbox-shadow);display:flex;height:var(--docsearch-searchbox-height);margin:0;padding:0 var(--docsearch-spacing);position:relative;width:100%}.DocSearch-Input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--docsearch-text-color);flex:1;font:inherit;font-size:1.2em;height:100%;outline:none;padding:0 0 0 8px;width:80%}.DocSearch-Input::placeholder{color:var(--docsearch-muted-color);opacity:1}.DocSearch-Input::-webkit-search-cancel-button,.DocSearch-Input::-webkit-search-decoration,.DocSearch-Input::-webkit-search-results-button,.DocSearch-Input::-webkit-search-results-decoration{display:none}.DocSearch-LoadingIndicator,.DocSearch-MagnifierLabel,.DocSearch-Reset{margin:0;padding:0}.DocSearch-MagnifierLabel,.DocSearch-Reset{align-items:center;color:var(--docsearch-highlight-color);display:flex;justify-content:center}.DocSearch-Container--Stalled .DocSearch-MagnifierLabel,.DocSearch-LoadingIndicator{display:none}.DocSearch-Container--Stalled .DocSearch-LoadingIndicator{align-items:center;color:var(--docsearch-highlight-color);display:flex;justify-content:center}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Reset{animation:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:var(--docsearch-icon-color);cursor:pointer;right:0;stroke-width:var(--docsearch-icon-stroke-width)}}.DocSearch-Reset{animation:fade-in .1s ease-in forwards;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:var(--docsearch-icon-color);cursor:pointer;padding:2px;right:0;stroke-width:var(--docsearch-icon-stroke-width)}.DocSearch-Reset[hidden]{display:none}.DocSearch-Reset:hover{color:var(--docsearch-highlight-color)}.DocSearch-LoadingIndicator svg,.DocSearch-MagnifierLabel svg{height:24px;width:24px}.DocSearch-Cancel{display:none}.DocSearch-Dropdown{max-height:calc(var(--docsearch-modal-height) - var(--docsearch-searchbox-height) - var(--docsearch-spacing) - var(--docsearch-footer-height));min-height:var(--docsearch-spacing);overflow-y:auto;overflow-y:overlay;padding:0 var(--docsearch-spacing);scrollbar-color:var(--docsearch-muted-color) var(--docsearch-modal-background);scrollbar-width:thin}.DocSearch-Dropdown::-webkit-scrollbar{width:12px}.DocSearch-Dropdown::-webkit-scrollbar-track{background:transparent}.DocSearch-Dropdown::-webkit-scrollbar-thumb{background-color:var(--docsearch-muted-color);border:3px solid var(--docsearch-modal-background);border-radius:20px}.DocSearch-Dropdown ul{list-style:none;margin:0;padding:0}.DocSearch-Label{font-size:.75em;line-height:1.6em}.DocSearch-Help,.DocSearch-Label{color:var(--docsearch-muted-color)}.DocSearch-Help{font-size:.9em;margin:0;-webkit-user-select:none;user-select:none}.DocSearch-Title{font-size:1.2em}.DocSearch-Logo a{display:flex}.DocSearch-Logo svg{color:var(--docsearch-logo-color);margin-left:8px}.DocSearch-Hits:last-of-type{margin-bottom:24px}.DocSearch-Hits mark{background:none;color:var(--docsearch-highlight-color)}.DocSearch-HitsFooter{color:var(--docsearch-muted-color);display:flex;font-size:.85em;justify-content:center;margin-bottom:var(--docsearch-spacing);padding:var(--docsearch-spacing)}.DocSearch-HitsFooter a{border-bottom:1px solid;color:inherit}.DocSearch-Hit{border-radius:4px;display:flex;padding-bottom:4px;position:relative}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit--deleting{transition:none}}.DocSearch-Hit--deleting{opacity:0;transition:all .25s linear}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit--favoriting{transition:none}}.DocSearch-Hit--favoriting{transform:scale(0);transform-origin:top center;transition:all .25s linear;transition-delay:.25s}.DocSearch-Hit a{background:var(--docsearch-hit-background);border-radius:4px;box-shadow:var(--docsearch-hit-shadow);display:block;padding-left:var(--docsearch-spacing);width:100%}.DocSearch-Hit-source{background:var(--docsearch-modal-background);color:var(--docsearch-highlight-color);font-size:.85em;font-weight:600;line-height:32px;margin:0 -4px;padding:8px 4px 0;position:sticky;top:0;z-index:10}.DocSearch-Hit-Tree{color:var(--docsearch-muted-color);height:var(--docsearch-hit-height);opacity:.5;stroke-width:var(--docsearch-icon-stroke-width);width:24px}.DocSearch-Hit[aria-selected=true] a{background-color:var(--docsearch-highlight-color)}.DocSearch-Hit[aria-selected=true] mark{text-decoration:underline}.DocSearch-Hit-Container{align-items:center;color:var(--docsearch-hit-color);display:flex;flex-direction:row;height:var(--docsearch-hit-height);padding:0 var(--docsearch-spacing) 0 0}.DocSearch-Hit-icon{height:20px;width:20px}.DocSearch-Hit-action,.DocSearch-Hit-icon{color:var(--docsearch-muted-color);stroke-width:var(--docsearch-icon-stroke-width)}.DocSearch-Hit-action{align-items:center;display:flex;height:22px;width:22px}.DocSearch-Hit-action svg{display:block;height:18px;width:18px}.DocSearch-Hit-action+.DocSearch-Hit-action{margin-left:6px}.DocSearch-Hit-action-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:inherit;cursor:pointer;padding:2px}svg.DocSearch-Hit-Select-Icon{display:none}.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Select-Icon{display:block}.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{background:#0003;transition:background-color .1s ease-in}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{transition:none}}.DocSearch-Hit-action-button:focus path,.DocSearch-Hit-action-button:hover path{fill:#fff}.DocSearch-Hit-content-wrapper{display:flex;flex:1 1 auto;flex-direction:column;font-weight:500;justify-content:center;line-height:1.2em;margin:0 8px;overflow-x:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:80%}.DocSearch-Hit-title{font-size:.9em}.DocSearch-Hit-path{color:var(--docsearch-muted-color);font-size:.75em}.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-action,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-icon,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-path,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-text,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-title,.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Tree,.DocSearch-Hit[aria-selected=true] mark{color:var(--docsearch-hit-active-color)!important}@media screen and (prefers-reduced-motion:reduce){.DocSearch-Hit-action-button:focus,.DocSearch-Hit-action-button:hover{background:#0003;transition:none}}.DocSearch-ErrorScreen,.DocSearch-NoResults,.DocSearch-StartScreen{font-size:.9em;margin:0 auto;padding:36px 0;text-align:center;width:80%}.DocSearch-Screen-Icon{color:var(--docsearch-muted-color);padding-bottom:12px}.DocSearch-NoResults-Prefill-List{display:inline-block;padding-bottom:24px;text-align:left}.DocSearch-NoResults-Prefill-List ul{display:inline-block;padding:8px 0 0}.DocSearch-NoResults-Prefill-List li{list-style-position:inside;list-style-type:"» "}.DocSearch-Prefill{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:1em;color:var(--docsearch-highlight-color);cursor:pointer;display:inline-block;font-size:1em;font-weight:700;padding:0}.DocSearch-Prefill:focus,.DocSearch-Prefill:hover{outline:none;text-decoration:underline}.DocSearch-Footer{align-items:center;background:var(--docsearch-footer-background);border-radius:0 0 8px 8px;box-shadow:var(--docsearch-footer-shadow);display:flex;flex-direction:row-reverse;flex-shrink:0;height:var(--docsearch-footer-height);justify-content:space-between;padding:0 var(--docsearch-spacing);position:relative;-webkit-user-select:none;user-select:none;width:100%;z-index:300}.DocSearch-Commands{color:var(--docsearch-muted-color);display:flex;list-style:none;margin:0;padding:0}.DocSearch-Commands li{align-items:center;display:flex}.DocSearch-Commands li:not(:last-of-type){margin-right:.8em}.DocSearch-Commands-Key{align-items:center;background:var(--docsearch-key-gradient);border-radius:2px;box-shadow:var(--docsearch-key-shadow);display:flex;height:18px;justify-content:center;margin-right:.4em;padding:0 0 1px;color:var(--docsearch-muted-color);border:0;width:20px}@media (max-width:768px){:root{--docsearch-spacing:10px;--docsearch-footer-height:40px}.DocSearch-Dropdown{height:100%}.DocSearch-Container{height:100vh;height:-webkit-fill-available;height:calc(var(--docsearch-vh, 1vh)*100);position:absolute}.DocSearch-Footer{border-radius:0;bottom:0;position:absolute}.DocSearch-Hit-content-wrapper{display:flex;position:relative;width:80%}.DocSearch-Modal{border-radius:0;box-shadow:none;height:100vh;height:-webkit-fill-available;height:calc(var(--docsearch-vh, 1vh)*100);margin:0;max-width:100%;width:100%}.DocSearch-Dropdown{max-height:calc(var(--docsearch-vh, 1vh)*100 - var(--docsearch-searchbox-height) - var(--docsearch-spacing) - var(--docsearch-footer-height))}.DocSearch-Cancel{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:var(--docsearch-highlight-color);cursor:pointer;display:inline-block;flex:none;font:inherit;font-size:1em;font-weight:500;margin-left:var(--docsearch-spacing);outline:none;overflow:hidden;padding:0;-webkit-user-select:none;user-select:none;white-space:nowrap}.DocSearch-Commands,.DocSearch-Hit-Tree{display:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}[class*=DocSearch]{--docsearch-primary-color: var(--vp-c-brand-1);--docsearch-highlight-color: var(--docsearch-primary-color);--docsearch-text-color: var(--vp-c-text-1);--docsearch-muted-color: var(--vp-c-text-2);--docsearch-searchbox-shadow: none;--docsearch-searchbox-background: transparent;--docsearch-searchbox-focus-background: transparent;--docsearch-key-gradient: transparent;--docsearch-key-shadow: none;--docsearch-modal-background: var(--vp-c-bg-soft);--docsearch-footer-background: var(--vp-c-bg)}.dark [class*=DocSearch]{--docsearch-modal-shadow: none;--docsearch-footer-shadow: none;--docsearch-logo-color: var(--vp-c-text-2);--docsearch-hit-background: var(--vp-c-default-soft);--docsearch-hit-color: var(--vp-c-text-2);--docsearch-hit-shadow: none}.DocSearch-Button{display:flex;justify-content:center;align-items:center;margin:0;padding:0;width:48px;height:55px;background:transparent;transition:border-color .25s}.DocSearch-Button:hover{background:transparent}.DocSearch-Button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}.DocSearch-Button:focus:not(:focus-visible){outline:none!important}@media (min-width: 768px){.DocSearch-Button{justify-content:flex-start;border:1px solid transparent;border-radius:8px;padding:0 10px 0 12px;width:100%;height:40px;background-color:var(--vp-c-bg-alt)}.DocSearch-Button:hover{border-color:var(--vp-c-brand-1);background:var(--vp-c-bg-alt)}}.DocSearch-Button .DocSearch-Button-Container{display:flex;align-items:center}.DocSearch-Button .DocSearch-Search-Icon{position:relative;width:16px;height:16px;color:var(--vp-c-text-1);fill:currentColor;transition:color .5s}.DocSearch-Button:hover .DocSearch-Search-Icon{color:var(--vp-c-text-1)}@media (min-width: 768px){.DocSearch-Button .DocSearch-Search-Icon{top:1px;margin-right:8px;width:14px;height:14px;color:var(--vp-c-text-2)}}.DocSearch-Button .DocSearch-Button-Placeholder{display:none;margin-top:2px;padding:0 16px 0 0;font-size:13px;font-weight:500;color:var(--vp-c-text-2);transition:color .5s}.DocSearch-Button:hover .DocSearch-Button-Placeholder{color:var(--vp-c-text-1)}@media (min-width: 768px){.DocSearch-Button .DocSearch-Button-Placeholder{display:inline-block}}.DocSearch-Button .DocSearch-Button-Keys{direction:ltr;display:none;min-width:auto}@media (min-width: 768px){.DocSearch-Button .DocSearch-Button-Keys{display:flex;align-items:center}}.DocSearch-Button .DocSearch-Button-Key{display:block;margin:2px 0 0;border:1px solid var(--vp-c-divider);border-right:none;border-radius:4px 0 0 4px;padding-left:6px;min-width:0;width:auto;height:22px;line-height:22px;font-family:var(--vp-font-family-base);font-size:12px;font-weight:500;transition:color .5s,border-color .5s}.DocSearch-Button .DocSearch-Button-Key+.DocSearch-Button-Key{border-right:1px solid var(--vp-c-divider);border-left:none;border-radius:0 4px 4px 0;padding-left:2px;padding-right:6px}.DocSearch-Button .DocSearch-Button-Key:first-child{font-size:0!important}.DocSearch-Button .DocSearch-Button-Key:first-child:after{content:"Ctrl";font-size:12px;letter-spacing:normal;color:var(--docsearch-muted-color)}.mac .DocSearch-Button .DocSearch-Button-Key:first-child:after{content:"⌘"}.DocSearch-Button .DocSearch-Button-Key:first-child>*{display:none}.VPNavBarSearch{display:flex;align-items:center}@media (min-width: 768px){.VPNavBarSearch{flex-grow:1;padding-left:24px}}@media (min-width: 960px){.VPNavBarSearch{padding-left:32px}}.dark .DocSearch-Footer{border-top:1px solid var(--vp-c-divider)}.DocSearch-Form{border:1px solid var(--vp-c-brand-1);background-color:var(--vp-c-white)}.dark .DocSearch-Form{background-color:var(--vp-c-default-soft)}.DocSearch-Screen-Icon>svg{margin:auto}.VPNavBarSocialLinks[data-v-0394ad82]{display:none}@media (min-width: 1280px){.VPNavBarSocialLinks[data-v-0394ad82]{display:flex;align-items:center}}.title[data-v-ab179fa1]{display:flex;align-items:center;border-bottom:1px solid transparent;width:100%;height:var(--vp-nav-height);font-size:16px;font-weight:600;color:var(--vp-c-text-1);transition:opacity .25s}@media (min-width: 960px){.title[data-v-ab179fa1]{flex-shrink:0}.VPNavBarTitle.has-sidebar .title[data-v-ab179fa1]{border-bottom-color:var(--vp-c-divider)}}[data-v-ab179fa1] .logo{margin-right:8px;height:var(--vp-nav-logo-height)}.VPNavBarTranslations[data-v-74abcbb9]{display:none}@media (min-width: 1280px){.VPNavBarTranslations[data-v-74abcbb9]{display:flex;align-items:center}}.title[data-v-74abcbb9]{padding:0 24px 0 12px;line-height:32px;font-size:14px;font-weight:700;color:var(--vp-c-text-1)}.VPNavBar[data-v-19c990f1]{position:relative;height:var(--vp-nav-height);pointer-events:none;white-space:nowrap;transition:background-color .5s}.VPNavBar.has-local-nav[data-v-19c990f1]{background-color:var(--vp-nav-bg-color)}@media (min-width: 960px){.VPNavBar.has-local-nav[data-v-19c990f1]{background-color:transparent}.VPNavBar[data-v-19c990f1]:not(.has-sidebar):not(.top){background-color:var(--vp-nav-bg-color)}}.wrapper[data-v-19c990f1]{padding:0 8px 0 24px}@media (min-width: 768px){.wrapper[data-v-19c990f1]{padding:0 32px}}@media (min-width: 960px){.VPNavBar.has-sidebar .wrapper[data-v-19c990f1]{padding:0}}.container[data-v-19c990f1]{display:flex;justify-content:space-between;margin:0 auto;max-width:calc(var(--vp-layout-max-width) - 64px);height:var(--vp-nav-height);pointer-events:none}.container>.title[data-v-19c990f1],.container>.content[data-v-19c990f1]{pointer-events:none}.container[data-v-19c990f1] *{pointer-events:auto}@media (min-width: 960px){.VPNavBar.has-sidebar .container[data-v-19c990f1]{max-width:100%}}.title[data-v-19c990f1]{flex-shrink:0;height:calc(var(--vp-nav-height) - 1px);transition:background-color .5s}@media (min-width: 960px){.VPNavBar.has-sidebar .title[data-v-19c990f1]{position:absolute;top:0;left:0;z-index:2;padding:0 32px;width:var(--vp-sidebar-width);height:var(--vp-nav-height);background-color:transparent}}@media (min-width: 1440px){.VPNavBar.has-sidebar .title[data-v-19c990f1]{padding-left:max(32px,calc((100% - (var(--vp-layout-max-width) - 64px)) / 2));width:calc((100% - (var(--vp-layout-max-width) - 64px)) / 2 + var(--vp-sidebar-width) - 32px)}}.content[data-v-19c990f1]{flex-grow:1}@media (min-width: 960px){.VPNavBar.has-sidebar .content[data-v-19c990f1]{position:relative;z-index:1;padding-right:32px;padding-left:var(--vp-sidebar-width)}}@media (min-width: 1440px){.VPNavBar.has-sidebar .content[data-v-19c990f1]{padding-right:calc((100vw - var(--vp-layout-max-width)) / 2 + 32px);padding-left:calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width))}}.content-body[data-v-19c990f1]{display:flex;justify-content:flex-end;align-items:center;height:var(--vp-nav-height);transition:background-color .5s}@media (min-width: 960px){.VPNavBar:not(.top) .content-body[data-v-19c990f1]{position:relative;background-color:var(--vp-nav-bg-color)}.VPNavBar:not(.has-sidebar):not(.top) .content-body[data-v-19c990f1]{background-color:transparent}}@media (max-width: 767px){.content-body[data-v-19c990f1]{column-gap:.5rem}}.menu+.translations[data-v-19c990f1]:before,.menu+.appearance[data-v-19c990f1]:before,.menu+.social-links[data-v-19c990f1]:before,.translations+.appearance[data-v-19c990f1]:before,.appearance+.social-links[data-v-19c990f1]:before{margin-right:8px;margin-left:8px;width:1px;height:24px;background-color:var(--vp-c-divider);content:""}.menu+.appearance[data-v-19c990f1]:before,.translations+.appearance[data-v-19c990f1]:before{margin-right:16px}.appearance+.social-links[data-v-19c990f1]:before{margin-left:16px}.social-links[data-v-19c990f1]{margin-right:-8px}.divider[data-v-19c990f1]{width:100%;height:1px}@media (min-width: 960px){.VPNavBar.has-sidebar .divider[data-v-19c990f1]{padding-left:var(--vp-sidebar-width)}}@media (min-width: 1440px){.VPNavBar.has-sidebar .divider[data-v-19c990f1]{padding-left:calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width))}}.divider-line[data-v-19c990f1]{width:100%;height:1px;transition:background-color .5s}.VPNavBar.has-local-nav .divider-line[data-v-19c990f1]{background-color:var(--vp-c-gutter)}@media (min-width: 960px){.VPNavBar:not(.top) .divider-line[data-v-19c990f1]{background-color:var(--vp-c-gutter)}.VPNavBar:not(.has-sidebar):not(.top) .divider[data-v-19c990f1]{background-color:var(--vp-c-gutter)}}.VPNavScreenAppearance[data-v-2d7af913]{display:flex;justify-content:space-between;align-items:center;border-radius:8px;padding:12px 14px 12px 16px;background-color:var(--vp-c-bg-soft)}.text[data-v-2d7af913]{line-height:24px;font-size:12px;font-weight:500;color:var(--vp-c-text-2)}.VPNavScreenMenuLink[data-v-05f27b2a]{display:block;border-bottom:1px solid var(--vp-c-divider);padding:12px 0 11px;line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:border-color .25s,color .25s}.VPNavScreenMenuLink[data-v-05f27b2a]:hover{color:var(--vp-c-brand-1)}.VPNavScreenMenuGroupLink[data-v-19976ae1]{display:block;margin-left:12px;line-height:32px;font-size:14px;font-weight:400;color:var(--vp-c-text-1);transition:color .25s}.VPNavScreenMenuGroupLink[data-v-19976ae1]:hover{color:var(--vp-c-brand-1)}.VPNavScreenMenuGroupSection[data-v-8133b170]{display:block}.title[data-v-8133b170]{line-height:32px;font-size:13px;font-weight:700;color:var(--vp-c-text-2);transition:color .25s}.VPNavScreenMenuGroup[data-v-65ef89ca]{border-bottom:1px solid var(--vp-c-divider);height:48px;overflow:hidden;transition:border-color .5s}.VPNavScreenMenuGroup .items[data-v-65ef89ca]{visibility:hidden}.VPNavScreenMenuGroup.open .items[data-v-65ef89ca]{visibility:visible}.VPNavScreenMenuGroup.open[data-v-65ef89ca]{padding-bottom:10px;height:auto}.VPNavScreenMenuGroup.open .button[data-v-65ef89ca]{padding-bottom:6px;color:var(--vp-c-brand-1)}.VPNavScreenMenuGroup.open .button-icon[data-v-65ef89ca]{transform:rotate(45deg)}.button[data-v-65ef89ca]{display:flex;justify-content:space-between;align-items:center;padding:12px 4px 11px 0;width:100%;line-height:24px;font-size:14px;font-weight:500;color:var(--vp-c-text-1);transition:color .25s}.button[data-v-65ef89ca]:hover{color:var(--vp-c-brand-1)}.button-icon[data-v-65ef89ca]{width:14px;height:14px;fill:var(--vp-c-text-2);transition:fill .5s,transform .25s}.group[data-v-65ef89ca]:first-child{padding-top:0}.group+.group[data-v-65ef89ca],.group+.item[data-v-65ef89ca]{padding-top:4px}.VPNavScreenTranslations[data-v-d72aa483]{height:24px;overflow:hidden}.VPNavScreenTranslations.open[data-v-d72aa483]{height:auto}.title[data-v-d72aa483]{display:flex;align-items:center;font-size:14px;font-weight:500;color:var(--vp-c-text-1)}.icon[data-v-d72aa483]{width:16px;height:16px;fill:currentColor}.icon.lang[data-v-d72aa483]{margin-right:8px}.icon.chevron[data-v-d72aa483]{margin-left:4px}.list[data-v-d72aa483]{padding:4px 0 0 24px}.link[data-v-d72aa483]{line-height:32px;font-size:13px;color:var(--vp-c-text-1)}.VPNavScreen[data-v-cc5739dd]{position:fixed;top:calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + 1px);right:0;bottom:0;left:0;padding:0 32px;width:100%;background-color:var(--vp-nav-screen-bg-color);overflow-y:auto;transition:background-color .5s;pointer-events:auto}.VPNavScreen.fade-enter-active[data-v-cc5739dd],.VPNavScreen.fade-leave-active[data-v-cc5739dd]{transition:opacity .25s}.VPNavScreen.fade-enter-active .container[data-v-cc5739dd],.VPNavScreen.fade-leave-active .container[data-v-cc5739dd]{transition:transform .25s ease}.VPNavScreen.fade-enter-from[data-v-cc5739dd],.VPNavScreen.fade-leave-to[data-v-cc5739dd]{opacity:0}.VPNavScreen.fade-enter-from .container[data-v-cc5739dd],.VPNavScreen.fade-leave-to .container[data-v-cc5739dd]{transform:translateY(-8px)}@media (min-width: 768px){.VPNavScreen[data-v-cc5739dd]{display:none}}.container[data-v-cc5739dd]{margin:0 auto;padding:24px 0 96px;max-width:288px}.menu+.translations[data-v-cc5739dd],.menu+.appearance[data-v-cc5739dd],.translations+.appearance[data-v-cc5739dd]{margin-top:24px}.menu+.social-links[data-v-cc5739dd]{margin-top:16px}.appearance+.social-links[data-v-cc5739dd]{margin-top:16px}.VPNav[data-v-ae24b3ad]{position:relative;top:var(--vp-layout-top-height, 0px);left:0;z-index:var(--vp-z-index-nav);width:100%;pointer-events:none;transition:background-color .5s}@media (min-width: 960px){.VPNav[data-v-ae24b3ad]{position:fixed}}.VPSidebarItem.level-0[data-v-e31bd47b]{padding-bottom:24px}.VPSidebarItem.collapsed.level-0[data-v-e31bd47b]{padding-bottom:10px}.item[data-v-e31bd47b]{position:relative;display:flex;width:100%}.VPSidebarItem.collapsible>.item[data-v-e31bd47b]{cursor:pointer}.indicator[data-v-e31bd47b]{position:absolute;top:6px;bottom:6px;left:-17px;width:2px;border-radius:2px;transition:background-color .25s}.VPSidebarItem.level-2.is-active>.item>.indicator[data-v-e31bd47b],.VPSidebarItem.level-3.is-active>.item>.indicator[data-v-e31bd47b],.VPSidebarItem.level-4.is-active>.item>.indicator[data-v-e31bd47b],.VPSidebarItem.level-5.is-active>.item>.indicator[data-v-e31bd47b]{background-color:var(--vp-c-brand-1)}.link[data-v-e31bd47b]{display:flex;align-items:center;flex-grow:1}.text[data-v-e31bd47b]{flex-grow:1;padding:4px 0;line-height:24px;font-size:14px;transition:color .25s}.VPSidebarItem.level-0 .text[data-v-e31bd47b]{font-weight:700;color:var(--vp-c-text-1)}.VPSidebarItem.level-1 .text[data-v-e31bd47b],.VPSidebarItem.level-2 .text[data-v-e31bd47b],.VPSidebarItem.level-3 .text[data-v-e31bd47b],.VPSidebarItem.level-4 .text[data-v-e31bd47b],.VPSidebarItem.level-5 .text[data-v-e31bd47b]{font-weight:500;color:var(--vp-c-text-2)}.VPSidebarItem.level-0.is-link>.item>.link:hover .text[data-v-e31bd47b],.VPSidebarItem.level-1.is-link>.item>.link:hover .text[data-v-e31bd47b],.VPSidebarItem.level-2.is-link>.item>.link:hover .text[data-v-e31bd47b],.VPSidebarItem.level-3.is-link>.item>.link:hover .text[data-v-e31bd47b],.VPSidebarItem.level-4.is-link>.item>.link:hover .text[data-v-e31bd47b],.VPSidebarItem.level-5.is-link>.item>.link:hover .text[data-v-e31bd47b]{color:var(--vp-c-brand-1)}.VPSidebarItem.level-0.has-active>.item>.text[data-v-e31bd47b],.VPSidebarItem.level-1.has-active>.item>.text[data-v-e31bd47b],.VPSidebarItem.level-2.has-active>.item>.text[data-v-e31bd47b],.VPSidebarItem.level-3.has-active>.item>.text[data-v-e31bd47b],.VPSidebarItem.level-4.has-active>.item>.text[data-v-e31bd47b],.VPSidebarItem.level-5.has-active>.item>.text[data-v-e31bd47b],.VPSidebarItem.level-0.has-active>.item>.link>.text[data-v-e31bd47b],.VPSidebarItem.level-1.has-active>.item>.link>.text[data-v-e31bd47b],.VPSidebarItem.level-2.has-active>.item>.link>.text[data-v-e31bd47b],.VPSidebarItem.level-3.has-active>.item>.link>.text[data-v-e31bd47b],.VPSidebarItem.level-4.has-active>.item>.link>.text[data-v-e31bd47b],.VPSidebarItem.level-5.has-active>.item>.link>.text[data-v-e31bd47b]{color:var(--vp-c-text-1)}.VPSidebarItem.level-0.is-active>.item .link>.text[data-v-e31bd47b],.VPSidebarItem.level-1.is-active>.item .link>.text[data-v-e31bd47b],.VPSidebarItem.level-2.is-active>.item .link>.text[data-v-e31bd47b],.VPSidebarItem.level-3.is-active>.item .link>.text[data-v-e31bd47b],.VPSidebarItem.level-4.is-active>.item .link>.text[data-v-e31bd47b],.VPSidebarItem.level-5.is-active>.item .link>.text[data-v-e31bd47b]{color:var(--vp-c-brand-1)}.caret[data-v-e31bd47b]{display:flex;justify-content:center;align-items:center;margin-right:-7px;width:32px;height:32px;color:var(--vp-c-text-3);cursor:pointer;transition:color .25s;flex-shrink:0}.item:hover .caret[data-v-e31bd47b]{color:var(--vp-c-text-2)}.item:hover .caret[data-v-e31bd47b]:hover{color:var(--vp-c-text-1)}.caret-icon[data-v-e31bd47b]{width:18px;height:18px;fill:currentColor;transform:rotate(90deg);transition:transform .25s}.VPSidebarItem.collapsed .caret-icon[data-v-e31bd47b]{transform:rotate(0)}.VPSidebarItem.level-1 .items[data-v-e31bd47b],.VPSidebarItem.level-2 .items[data-v-e31bd47b],.VPSidebarItem.level-3 .items[data-v-e31bd47b],.VPSidebarItem.level-4 .items[data-v-e31bd47b],.VPSidebarItem.level-5 .items[data-v-e31bd47b]{border-left:1px solid var(--vp-c-divider);padding-left:16px}.VPSidebarItem.collapsed .items[data-v-e31bd47b]{display:none}.VPSidebar[data-v-575e6a36]{position:fixed;top:var(--vp-layout-top-height, 0px);bottom:0;left:0;z-index:var(--vp-z-index-sidebar);padding:32px 32px 96px;width:calc(100vw - 64px);max-width:320px;background-color:var(--vp-sidebar-bg-color);opacity:0;box-shadow:var(--vp-c-shadow-3);overflow-x:hidden;overflow-y:auto;transform:translate(-100%);transition:opacity .5s,transform .25s ease;overscroll-behavior:contain}.VPSidebar.open[data-v-575e6a36]{opacity:1;visibility:visible;transform:translate(0);transition:opacity .25s,transform .5s cubic-bezier(.19,1,.22,1)}.dark .VPSidebar[data-v-575e6a36]{box-shadow:var(--vp-shadow-1)}@media (min-width: 960px){.VPSidebar[data-v-575e6a36]{padding-top:var(--vp-nav-height);width:var(--vp-sidebar-width);max-width:100%;background-color:var(--vp-sidebar-bg-color);opacity:1;visibility:visible;box-shadow:none;transform:translate(0)}}@media (min-width: 1440px){.VPSidebar[data-v-575e6a36]{padding-left:max(32px,calc((100% - (var(--vp-layout-max-width) - 64px)) / 2));width:calc((100% - (var(--vp-layout-max-width) - 64px)) / 2 + var(--vp-sidebar-width) - 32px)}}@media (min-width: 960px){.curtain[data-v-575e6a36]{position:sticky;top:-64px;left:0;z-index:1;margin-top:calc(var(--vp-nav-height) * -1);margin-right:-32px;margin-left:-32px;height:var(--vp-nav-height);background-color:var(--vp-sidebar-bg-color)}}.nav[data-v-575e6a36]{outline:0}.group+.group[data-v-575e6a36]{border-top:1px solid var(--vp-c-divider);padding-top:10px}@media (min-width: 960px){.group[data-v-575e6a36]{padding-top:10px;width:calc(var(--vp-sidebar-width) - 64px)}}.VPSkipLink[data-v-0f60ec36]{top:8px;left:8px;padding:8px 16px;z-index:999;border-radius:8px;font-size:12px;font-weight:700;text-decoration:none;color:var(--vp-c-brand-1);box-shadow:var(--vp-shadow-3);background-color:var(--vp-c-bg)}.VPSkipLink[data-v-0f60ec36]:focus{height:auto;width:auto;clip:auto;clip-path:none}@media (min-width: 1280px){.VPSkipLink[data-v-0f60ec36]{top:14px;left:16px}}.Layout[data-v-5d98c3a5]{display:flex;flex-direction:column;min-height:100vh}.VPHomeSponsors[data-v-96bd69d5]{border-top:1px solid var(--vp-c-gutter);padding:88px 24px 96px;background-color:var(--vp-c-bg)}.container[data-v-96bd69d5]{margin:0 auto;max-width:1152px}.love[data-v-96bd69d5]{margin:0 auto;width:28px;height:28px;color:var(--vp-c-text-3)}.icon[data-v-96bd69d5]{width:28px;height:28px;fill:currentColor}.message[data-v-96bd69d5]{margin:0 auto;padding-top:10px;max-width:320px;text-align:center;line-height:24px;font-size:16px;font-weight:500;color:var(--vp-c-text-2)}.sponsors[data-v-96bd69d5]{padding-top:32px}.action[data-v-96bd69d5]{padding-top:40px;text-align:center}.VPTeamPage[data-v-10b00018]{padding-bottom:96px}@media (min-width: 768px){.VPTeamPage[data-v-10b00018]{padding-bottom:128px}}.VPTeamPageSection+.VPTeamPageSection[data-v-10b00018-s],.VPTeamMembers+.VPTeamPageSection[data-v-10b00018-s]{margin-top:64px}.VPTeamMembers+.VPTeamMembers[data-v-10b00018-s]{margin-top:24px}@media (min-width: 768px){.VPTeamPageTitle+.VPTeamPageSection[data-v-10b00018-s]{margin-top:16px}.VPTeamPageSection+.VPTeamPageSection[data-v-10b00018-s],.VPTeamMembers+.VPTeamPageSection[data-v-10b00018-s]{margin-top:96px}}.VPTeamMembers[data-v-10b00018-s]{padding:0 24px}@media (min-width: 768px){.VPTeamMembers[data-v-10b00018-s]{padding:0 48px}}@media (min-width: 960px){.VPTeamMembers[data-v-10b00018-s]{padding:0 64px}}.VPTeamPageTitle[data-v-bf2cbdac]{padding:48px 32px;text-align:center}@media (min-width: 768px){.VPTeamPageTitle[data-v-bf2cbdac]{padding:64px 48px 48px}}@media (min-width: 960px){.VPTeamPageTitle[data-v-bf2cbdac]{padding:80px 64px 48px}}.title[data-v-bf2cbdac]{letter-spacing:0;line-height:44px;font-size:36px;font-weight:500}@media (min-width: 768px){.title[data-v-bf2cbdac]{letter-spacing:-.5px;line-height:56px;font-size:48px}}.lead[data-v-bf2cbdac]{margin:0 auto;max-width:512px;padding-top:12px;line-height:24px;font-size:16px;font-weight:500;color:var(--vp-c-text-2)}@media (min-width: 768px){.lead[data-v-bf2cbdac]{max-width:592px;letter-spacing:.15px;line-height:28px;font-size:20px}}.VPTeamPageSection[data-v-b1a88750]{padding:0 32px}@media (min-width: 768px){.VPTeamPageSection[data-v-b1a88750]{padding:0 48px}}@media (min-width: 960px){.VPTeamPageSection[data-v-b1a88750]{padding:0 64px}}.title[data-v-b1a88750]{position:relative;margin:0 auto;max-width:1152px;text-align:center;color:var(--vp-c-text-2)}.title-line[data-v-b1a88750]{position:absolute;top:16px;left:0;width:100%;height:1px;background-color:var(--vp-c-divider)}.title-text[data-v-b1a88750]{position:relative;display:inline-block;padding:0 24px;letter-spacing:0;line-height:32px;font-size:20px;font-weight:500;background-color:var(--vp-c-bg)}.lead[data-v-b1a88750]{margin:0 auto;max-width:480px;padding-top:12px;text-align:center;line-height:24px;font-size:16px;font-weight:500;color:var(--vp-c-text-2)}.members[data-v-b1a88750]{padding-top:40px}.VPTeamMembersItem[data-v-0d3d0d4d]{display:flex;flex-direction:column;gap:2px;border-radius:12px;width:100%;height:100%;overflow:hidden}.VPTeamMembersItem.small .profile[data-v-0d3d0d4d]{padding:32px}.VPTeamMembersItem.small .data[data-v-0d3d0d4d]{padding-top:20px}.VPTeamMembersItem.small .avatar[data-v-0d3d0d4d]{width:64px;height:64px}.VPTeamMembersItem.small .name[data-v-0d3d0d4d]{line-height:24px;font-size:16px}.VPTeamMembersItem.small .affiliation[data-v-0d3d0d4d]{padding-top:4px;line-height:20px;font-size:14px}.VPTeamMembersItem.small .desc[data-v-0d3d0d4d]{padding-top:12px;line-height:20px;font-size:14px}.VPTeamMembersItem.small .links[data-v-0d3d0d4d]{margin:0 -16px -20px;padding:10px 0 0}.VPTeamMembersItem.medium .profile[data-v-0d3d0d4d]{padding:48px 32px}.VPTeamMembersItem.medium .data[data-v-0d3d0d4d]{padding-top:24px;text-align:center}.VPTeamMembersItem.medium .avatar[data-v-0d3d0d4d]{width:96px;height:96px}.VPTeamMembersItem.medium .name[data-v-0d3d0d4d]{letter-spacing:.15px;line-height:28px;font-size:20px}.VPTeamMembersItem.medium .affiliation[data-v-0d3d0d4d]{padding-top:4px;font-size:16px}.VPTeamMembersItem.medium .desc[data-v-0d3d0d4d]{padding-top:16px;max-width:288px;font-size:16px}.VPTeamMembersItem.medium .links[data-v-0d3d0d4d]{margin:0 -16px -12px;padding:16px 12px 0}.profile[data-v-0d3d0d4d]{flex-grow:1;background-color:var(--vp-c-bg-soft)}.data[data-v-0d3d0d4d]{text-align:center}.avatar[data-v-0d3d0d4d]{position:relative;flex-shrink:0;margin:0 auto;border-radius:50%;box-shadow:var(--vp-shadow-3)}.avatar-img[data-v-0d3d0d4d]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;object-fit:cover}.name[data-v-0d3d0d4d]{margin:0;font-weight:600}.affiliation[data-v-0d3d0d4d]{margin:0;font-weight:500;color:var(--vp-c-text-2)}.org.link[data-v-0d3d0d4d]{color:var(--vp-c-text-2);transition:color .25s}.org.link[data-v-0d3d0d4d]:hover{color:var(--vp-c-brand-1)}.desc[data-v-0d3d0d4d]{margin:0 auto}.desc[data-v-0d3d0d4d] a{font-weight:500;color:var(--vp-c-brand-1);text-decoration-style:dotted;transition:color .25s}.links[data-v-0d3d0d4d]{display:flex;justify-content:center;height:56px}.sp-link[data-v-0d3d0d4d]{display:flex;justify-content:center;align-items:center;text-align:center;padding:16px;font-size:14px;font-weight:500;color:var(--vp-c-sponsor);background-color:var(--vp-c-bg-soft);transition:color .25s,background-color .25s}.sp .sp-link.link[data-v-0d3d0d4d]:hover,.sp .sp-link.link[data-v-0d3d0d4d]:focus{outline:none;color:var(--vp-c-white);background-color:var(--vp-c-sponsor)}.sp-icon[data-v-0d3d0d4d]{margin-right:8px;width:16px;height:16px;fill:currentColor}.VPTeamMembers.small .container[data-v-6cb0dbc4]{grid-template-columns:repeat(auto-fit,minmax(224px,1fr))}.VPTeamMembers.small.count-1 .container[data-v-6cb0dbc4]{max-width:276px}.VPTeamMembers.small.count-2 .container[data-v-6cb0dbc4]{max-width:576px}.VPTeamMembers.small.count-3 .container[data-v-6cb0dbc4]{max-width:876px}.VPTeamMembers.medium .container[data-v-6cb0dbc4]{grid-template-columns:repeat(auto-fit,minmax(256px,1fr))}@media (min-width: 375px){.VPTeamMembers.medium .container[data-v-6cb0dbc4]{grid-template-columns:repeat(auto-fit,minmax(288px,1fr))}}.VPTeamMembers.medium.count-1 .container[data-v-6cb0dbc4]{max-width:368px}.VPTeamMembers.medium.count-2 .container[data-v-6cb0dbc4]{max-width:760px}.container[data-v-6cb0dbc4]{display:grid;gap:24px;margin:0 auto;max-width:1152px}.dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::placeholder{opacity:.7}.dp__input:hover{border-color:var(--dp-border-color-hover)}.dp__input_reg{caret-color:#0000}.dp__input_focus{border-color:var(--dp-border-color-hover)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp__clear_icon{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color)}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);-webkit-user-select:none;user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu:after{box-sizing:border-box}.dp__menu:before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp-menu-loading,.dp__menu_readonly,.dp__menu_disabled{position:absolute;top:0;right:0;bottom:0;left:0;z-index:999999}.dp__menu_disabled{background:#ffffff80;cursor:not-allowed}.dp__menu_readonly{background:#0000;cursor:default}.dp-menu-loading{background:#ffffff80;cursor:default}.dp--menu-load-container{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.dp--menu-loader{width:48px;height:48px;border:var(--dp-loader);border-bottom-color:#0000;border-radius:50%;display:inline-block;box-sizing:border-box;animation:dp-load-rotation 1s linear infinite;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dp__arrow_top{left:50%;top:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%,-50%) rotate(-45deg)}.dp__arrow_bottom{left:50%;bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%,50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}@media only screen and (width <= 600px){.dp--preset-dates{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}}.dp--preset-dates-collapsed{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}.dp__sidebar_left{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;margin-inline-end:1px solid var(--dp-border-color)}.dp--preset-range{display:block;width:100%;padding:5px;text-align:left;white-space:nowrap;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition)}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}@media only screen and (width <= 600px){.dp--preset-range{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range:first-child{margin-left:0}.dp--preset-range:last-child{margin-right:0}}.dp--preset-range-collapsed{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range-collapsed:first-child{margin-left:0}.dp--preset-range-collapsed:last-child{margin-right:0}.dp__menu_content_wrapper{display:flex}@media only screen and (width <= 600px){.dp__menu_content_wrapper{flex-direction:column-reverse}}.dp--menu-content-wrapper-collapsed{flex-direction:column-reverse}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:700}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-margin)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-end-end-radius:0;border-start-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-end-start-radius:0;border-start-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__cell_auto_range_end,.dp__cell_auto_range_start{border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border-radius:0;border:1px solid var(--dp-range-between-border-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-inline-start:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-inline-end:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translate(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-inline-end:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%,50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}@media only screen and (width <= 600px){.dp__flex_display{flex-direction:column}}.dp--flex-display-collapsed{flex-direction:column}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color)}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{display:flex;width:100%}.dp__year_disable_select{justify-content:space-around}.dp__overlay{width:100%;background:var(--dp-background-color);transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box}.dp--overlay-absolute{position:absolute;height:100%;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-inline:auto auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-invalid,.dp--time-overlay-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--tp-wrap{max-width:var(--dp-menu-min-width)}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;font-family:var(--dp-font-family);color:var(--dp-text-color)}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);display:flex;align-items:center;justify-content:center}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{display:flex;width:100%;justify-content:center}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-primary-color)}.dp__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled:hover,.dp__inc_dec_button_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer}.dp__tp_inline_btn_bar{width:100%;height:4px;background-color:var(--dp-secondary-color);transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l,.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp--time-overlay-btn{background:none}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{display:block;color:var(--dp-text-color);font-size:var(--dp-preview-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;flex:0;white-space:nowrap;align-items:center;justify-content:flex-end;margin-inline-start:auto}.dp__action_button{display:inline-flex;align-items:center;background:#0000;border:1px solid rgba(0,0,0,0);padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);margin-inline-start:3px;height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family)}.dp__action_buttons .dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_buttons .dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:none}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{display:flex;flex-direction:column;flex:1;width:100%;height:100%;justify-content:space-evenly}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp__btn,.dp--time-overlay-btn,.dp--time-invalid,.dp--qr-btn{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}:root{--dp-common-transition: all .1s ease-in;--dp-menu-padding: 6px 8px;--dp-animation-duration: .1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transtion: all .2s ease-in;--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius: 4px;--dp-cell-border-radius: 4px;--dp-transition-length: 22px;--dp-transition-timing-general: .1s;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 25px;--dp-button-icon-height: 20px;--dp-calendar-wrap-padding: 0 5px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 6px 30px 6px 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 1px 6px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: .5rem;--dp-multi-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-font-size: 1rem;--dp-preview-font-size: .8rem;--dp-time-font-size: 2rem;--dp-action-button-height: 22px;--dp-action-row-padding: 8px}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff);--dp-loader: 5px solid #005cb2}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #f8f5f5;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%);--dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);--dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);--dp-loader: 5px solid #1976d2}.dp__flex{display:flex;align-items:center}.dp__btn{background:none}.dp__main{font-family:var(--dp-font-family);-webkit-user-select:none;user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;place-content:center center;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height)}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translate(var(--dp-transition-length))}.calendar-next-leave-to,.calendar-prev-enter-from{opacity:0;transform:translate(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translate(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition)}.dp--highlighted{background-color:var(--dp-highlight-color)}.clickable-text{color:#1976d2;cursor:pointer}.input-slot-image{height:20px;width:auto;margin-left:5px}.input-slot-image-clear{height:20px;width:auto;margin-right:5px}.slot-icon{height:20px;width:auto}.slot-icon-m{height:20px;width:auto;margin:0 auto}.custom-select{cursor:pointer;color:var(--vp-c-text-2);margin:0;display:inline-block}.marked-cell{background:var(--vp-c-brand);color:#fff}.main>.text{width:100%;max-width:100%}.main>.tagline{width:100%;max-width:100%}@media (min-width: 640px){.main>.text{font-size:46px}}.star-and-sponsor{display:flex;justify-content:center;margin:2rem}.home-link{color:var(--vp-c-brand)}.action-row{display:flex;flex-direction:column;align-items:center;width:100%}.custom-marker{position:absolute;top:0;right:0;height:8px;width:8px;border-radius:100%;background-color:green}.demo-wrap-inline{display:inline-block}.pointer{cursor:pointer}.red-color{color:red}.time-picker-overlay{display:flex;height:100%;flex-direction:column}.input-class{border:1px solid var(--vp-c-divider-light)}.dp-sidebar{padding:5px}.centered{margin:0 auto}.select-input{-webkit-appearance:menulist}.overlay-header{cursor:pointer;text-align:center}.buttons-wrap[data-v-2a3dee5c]{display:flex;gap:5px;margin-bottom:10px}.change-btn[data-v-2a3dee5c]{padding:5px;color:var(--vp-c-brand);border:1px solid var(--vp-c-brand);border-radius:4px}.btn-active[data-v-2a3dee5c]{background:var(--vp-c-brand);color:#fff}.dp-custom-input{box-shadow:0 0 6px #1976d2;color:#1976d2}.dp-custom-input:hover{border-color:#1976d2}.dp-custom-menu{box-shadow:0 0 6px #1976d2}.dp-custom-calendar .dp__calendar_item{border:1px solid var(--dp-border-color-hover)}.dp-custom-cell{border-radius:50%!important}.custom-month-year-component{display:flex;align-items:center;margin:0 auto}.year-overlay{text-align:center}.select-input{margin:5px 3px;padding:5px;width:auto;border-radius:4px;border-color:var(--dp-border-color);outline:none;-webkit-appearance:menulist}.icons{display:flex;box-sizing:border-box}.custom-icon{padding:5px;display:flex;height:25px;align-items:center;justify-content:center;cursor:pointer;width:25px;color:var(--dp-icon-color);text-align:center;border-radius:50%}.custom-icon svg{height:20px;width:20px}.custom-icon:hover{background:var(--dp-hover-color)}.submit-btn{margin-top:15px;border:1px solid var(--vp-c-divider-light);padding:5px}.buttons-wrap[data-v-e3f2bf69]{display:flex;gap:5px;margin-bottom:10px}.change-btn[data-v-e3f2bf69]{padding:5px;color:var(--vp-c-brand);border:1px solid var(--vp-c-brand);border-radius:4px}.btn-active[data-v-e3f2bf69]{background:var(--vp-c-brand);color:#fff}.custom-time-picker-component{display:flex;align-items:center;justify-content:center}.select-input{margin:5px 3px;padding:5px;width:100px;border-radius:4px;border-color:var(--dp-border-color);outline:none;-webkit-appearance:menulist}.custom-select[data-v-323b52ea]{display:block;margin-bottom:5px;padding:5px;-webkit-appearance:menulist}.tz-demo-wrap[data-v-938a3203]{display:flex;flex-direction:column;align-items:center;width:100%}.tz-range-slider-wrap[data-v-938a3203]{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:10px}.tz-range-slider[data-v-938a3203]{width:400px}.VPCarbonAds[data-v-2e1efd59]{display:flex;justify-content:center;align-items:center;padding:24px;border-radius:12px;min-height:256px;text-align:center;line-height:18px;font-size:12px;font-weight:500;background-color:var(--vp-carbon-ads-bg-color)}.VPCarbonAds[data-v-2e1efd59] img{margin:0 auto;border-radius:6px}.VPCarbonAds[data-v-2e1efd59] .carbon-text{display:block;margin:0 auto;padding-top:12px;color:var(--vp-carbon-ads-text-color);transition:color .25s}.VPCarbonAds[data-v-2e1efd59] .carbon-text:hover{color:var(--vp-carbon-ads-hover-text-color)}.VPCarbonAds[data-v-2e1efd59] .carbon-poweredby{display:block;padding-top:6px;font-size:11px;font-weight:500;color:var(--vp-carbon-ads-poweredby-color);text-transform:uppercase;transition:color .25s}.VPCarbonAds[data-v-2e1efd59] .carbon-poweredby:hover{color:var(--vp-carbon-ads-hover-poweredby-color)}.VPCarbonAds[data-v-2e1efd59]>div{display:none}.VPCarbonAds[data-v-2e1efd59]>div:first-of-type{display:block}
diff --git a/docs/customization/theming/index.html b/docs/customization/theming/index.html
index 6a87fee9b..2b31fa156 100644
--- a/docs/customization/theming/index.html
+++ b/docs/customization/theming/index.html
@@ -5,14 +5,14 @@
     
     Customization - Theming | Vue Datepicker
     
-    
-    
+    
+    
     
-    
+    
     
-    
-    
-    
+    
+    
+    
     
     
     
@@ -21,7 +21,7 @@
     
   
   
-    
Vue Datepicker
Appearance
Theming ​
Datepicker comes with the theme support with css variables. It provides two classes that are applied based on the chosen dark/light mode
To change variables, simply override the classes with your custom values.
Info
  • When changing the properties, you only need to declare the class in the <style> tag, can be in global or scoped, depending on your needs
  • For the date picker to use dp__theme_dark, dark prop must be set to true
Dark mode configuration ​
css
.dp__theme_dark {
+    
Vue Datepicker
Appearance
Theming ​
Datepicker comes with the theme support with css variables. It provides two classes that are applied based on the chosen dark/light mode
To change variables, simply override the classes with your custom values.
Info
  • When changing the properties, you only need to declare the class in the <style> tag, can be in global or scoped, depending on your needs
  • For the date picker to use dp__theme_dark, dark prop must be set to true
Dark mode configuration ​
css
.dp__theme_dark {
     --dp-background-color: #212121;
     --dp-text-color: #fff;
     --dp-hover-color: #484848;
@@ -113,7 +113,7 @@
     --dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1); /*Timing on menu appear animation*/
     --dp-transition-timing: ease-out; /*Timing on slide animations*/
 }
Released under the MIT License.
Copyright © 2021-present Vuepic

-    
+    
     
   
 
\ No newline at end of file
diff --git a/docs/hashmap.json b/docs/hashmap.json
index 769b37554..facfdce6e 100644
--- a/docs/hashmap.json
+++ b/docs/hashmap.json
@@ -1 +1 @@
-{"migration_from-v7.md":"y3s3XoTx","props_keyboard_index.md":"C7o0hCzl","methods-and-events_methods_index.md":"pmAYM5t7","index.md":"RUtQArIp","migration_from-v6.md":"x6236D26","migration_from-v5.md":"YoNoCyzn","props_formatting_index.md":"E3tkqjsH","slots_trigger-and-input_index.md":"oDp_72Jt","installation_index.md":"bvZ_3eD5","props_localization_index.md":"PlES4Qcd","slots_icons_index.md":"J1szfmiS","props_positioning_index.md":"fulPRjTx","props_look-and-feel_index.md":"NifiRJ-X","props_time-picker-configuration_index.md":"72c9jtbW","props_modes_index.md":"ZWUxDBGs","customization_theming_index.md":"uy2sCA5D","props_calendar-configuration_index.md":"cVA8-6uO","methods-and-events_events_index.md":"Ar06ShJL","slots_components_index.md":"ofMHlP60","slots_overlay_index.md":"wbhmzQnf","props_general-configuration_index.md":"wvfjqAUu","props_modes-configuration_index.md":"PNOOzFUy","slots_content_index.md":"nGrUTViM"}
+{"migration_from-v6.md":"sv7T6y5A","index.md":"7L2QtoN7","migration_from-v7.md":"3mE3xUbs","props_formatting_index.md":"PGq8gR8h","props_keyboard_index.md":"baxSpt5v","customization_theming_index.md":"uXtNfxTq","installation_index.md":"O-FzfvUx","migration_from-v5.md":"GB9BpDA-","methods-and-events_methods_index.md":"qdKgPDa-","props_localization_index.md":"5eYOIbbt","props_positioning_index.md":"gSE7QaZu","slots_trigger-and-input_index.md":"J2e4OpjR","slots_icons_index.md":"dXQF9EzH","props_calendar-configuration_index.md":"3e9lzSIn","props_look-and-feel_index.md":"au2KuGhz","props_time-picker-configuration_index.md":"zFx6qfTh","slots_components_index.md":"IwR6ehLN","props_modes_index.md":"tofHlpGf","methods-and-events_events_index.md":"LhFZVHbr","props_general-configuration_index.md":"yXISjZxh","slots_overlay_index.md":"fUKPc7Os","slots_content_index.md":"nRLIuxQu","props_modes-configuration_index.md":"ctXj8ThF"}
diff --git a/docs/index.html b/docs/index.html
index 061660dea..832605792 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -5,14 +5,14 @@
     
     Vue Datepicker
     
-    
-    
+    
+    
     
-    
+    
     
-    
-    
-    
+    
+    
+    
     
     
     
@@ -21,8 +21,8 @@
     
   
   
-    
Vue Datepicker
Appearance
Vue datepicker
The most complete datepicker solution for Vue 3
Powerful, lightweight, and reusable datepicker component to fit within any project
Get Started
View on GitHub
Playground
Powerful
Supports multiple modes such as range, various pickers, multiple calendars, custom components, and many more.
Modular
Offers a great range of features, slots and props, while providing a way to customize for specific needs.
Customizable
Fully accessible, mobile-friendly, with built-in dark and light mode, and customizable css variables.
 ⭐ If you like the component, give it a star on GitHub and consider sponsoring its development! ⭐ 
Released under the MIT License.
Copyright © 2021-present Vuepic

-    
+    
Vue Datepicker
Appearance
Vue datepicker
The most complete datepicker solution for Vue 3
Powerful, lightweight, and reusable datepicker component to fit within any project
Get Started
View on GitHub
Playground
Powerful
Supports multiple modes such as range, various pickers, multiple calendars, custom components, and many more.
Modular
Offers a great range of features, slots and props, while providing a way to customize for specific needs.
Customizable
Fully accessible, mobile-friendly, with built-in dark and light mode, and customizable css variables.
 ⭐ If you like the component, give it a star on GitHub and consider sponsoring its development! ⭐ 
Released under the MIT License.
Copyright © 2021-present Vuepic

+    
     
   
 
\ No newline at end of file
diff --git a/docs/installation/index.html b/docs/installation/index.html
index 4c1b2acf7..15fe6fe2a 100644
--- a/docs/installation/index.html
+++ b/docs/installation/index.html
@@ -5,14 +5,14 @@
     
     Installation | Vue Datepicker
     
-    
-    
+    
+    
     
-    
+    
     
-    
-    
-    
+    
+    
+    
     
     
     
@@ -21,7 +21,7 @@
     
   
   
-    
Vue Datepicker
Appearance
Installation ​
Install the component using the preferred package manager
shell
npm install @vuepic/vue-datepicker
or
shell
yarn add @vuepic/vue-datepicker
Then import and register component
Note: css file is imported separately
Global ​
In the main file
js
import { createApp } from "vue";
+    
Vue Datepicker
Appearance
Installation ​
Install the component using the preferred package manager
shell
npm install @vuepic/vue-datepicker
or
shell
yarn add @vuepic/vue-datepicker
Then import and register component
Note: css file is imported separately
Global ​
In the main file
js
import { createApp } from "vue";
 import App from './App.vue';
 
 import VueDatePicker from '@vuepic/vue-datepicker';
@@ -31,8 +31,8 @@
 
 app.component('VueDatePicker', VueDatePicker);
 
-app.mount('#app');
Local ​
In the .vue files
vue
<template>
-  <VueDatePicker v-model="date"></VueDatePicker>
+app.mount('#app');
Local ​
In the .vue files
vue
<template>
+  <VueDatePicker v-model="date"></VueDatePicker>
 </template>
 
 <script>
@@ -48,7 +48,7 @@
   }
 }
 </script>
vue
<template>
-  <VueDatePicker v-model="date"></VueDatePicker>
+  <VueDatePicker v-model="date"></VueDatePicker>
 </template>
 
 <script>
@@ -67,7 +67,7 @@
   }
 };
 </script>
vue
<template>
-  <VueDatePicker v-model="date"></VueDatePicker>
+  <VueDatePicker v-model="date"></VueDatePicker>
 </template>
 
 <script setup>
@@ -86,7 +86,7 @@
         transpile: ['@vuepic/vue-datepicker']
     }
 })
That's it, you are ready to go
Released under the MIT License.
Copyright © 2021-present Vuepic

-    
+    
     
   
 
\ No newline at end of file
diff --git a/docs/methods-and-events/events/index.html b/docs/methods-and-events/events/index.html
index d15f31ec5..ef6016ccc 100644
--- a/docs/methods-and-events/events/index.html
+++ b/docs/methods-and-events/events/index.html
@@ -5,14 +5,14 @@
     
     Events | Vue Datepicker
     
-    
-    
+    
+    
     
-    
+    
     
-    
-    
-    
+    
+    
+    
     
     
     
@@ -21,8 +21,8 @@
     
   
   
-    
Vue Datepicker
Appearance
Events ​
List of available events that are emitted on some action
@update:model-value ​
This event is emitted when the value is selected. This is a v-model binding event
Code Example
vue
<template>
-    <VueDatePicker :model-value="date" @update:model-value="handleDate" />
+    
Vue Datepicker
Appearance
Events ​
List of available events that are emitted on some action
@update:model-value ​
This event is emitted when the value is selected. This is a v-model binding event
Code Example
vue
<template>
+    <VueDatePicker :model-value="date" @update:model-value="handleDate" />
 </template>
 
 <script setup>
@@ -35,7 +35,7 @@
   // do something else with the data
 }
 </script>
@text-submit ​
When text-input prop is set to true and enterSubmit is set to true in text-input-options, when enter button is pressed, this event will be emitted
Code Example
vue
<template>
-    <VueDatePicker v-model="date" textInput @text-submit="alertDate" />
+    <VueDatePicker v-model="date" textInput @text-submit="alertDate" />
 </template>
 
 <script setup>
@@ -47,7 +47,7 @@
   alert(date.value);
 }
 </script>
@open ​
Emitted when the datepicker menu is opened
Code Example
vue
<template>
-    <VueDatePicker v-model="date" @open="alertFn" />
+    <VueDatePicker v-model="date" @open="alertFn" />
 </template>
 
 <script setup>
@@ -59,7 +59,7 @@
   alert('Menu open');
 }
 </script>
@closed ​
Emitted when the datepicker menu is closed
Code Example
vue
<template>
-    <VueDatePicker v-model="date" @closed="alertFn" />
+    <VueDatePicker v-model="date" @closed="alertFn" />
 </template>
 
 <script setup>
@@ -71,7 +71,7 @@
   alert('Menu closed');
 }
 </script>
@cleared ​
Emitted when the value is cleared on clear button
Code Example
vue
<template>
-    <VueDatePicker v-model="date" @cleared="alertFn" />
+    <VueDatePicker v-model="date" @cleared="alertFn" />
 </template>
 
 <script setup>
@@ -83,7 +83,7 @@
   alert('Value cleared');
 }
 </script>
Info
@focus and @blur events are not native events. Those events are handled internally in the component in order to handle proper focusing
@focus ​
Emitted when the input is focused
Code Example
vue
<template>
-    <VueDatePicker v-model="date" @focus="alertFn" />
+    <VueDatePicker v-model="date" @focus="alertFn" />
 </template>
 
 <script setup>
@@ -95,7 +95,7 @@
   alert('Input focus');
 }
 </script>
@blur ​
Emitted when the input is blurred
Code Example
vue
<template>
-    <VueDatePicker v-model="date" @blur="alertFn" />
+    <VueDatePicker v-model="date" @blur="alertFn" />
 </template>
 
 <script setup>
@@ -107,7 +107,7 @@
   alert('Input unfocused');
 }
 </script>
@internal-model-change ​
Emitted when the internal model-value is changed before selecting this date that will be set to v-model
Will have one param
  • Date | Date[]: Current state of the internal model-value
Code Example
vue
<template>
-    <VueDatePicker v-model="date" @internal-model-change="handleInternal" />
+    <VueDatePicker v-model="date" @internal-model-change="handleInternal" />
 </template>
 
 <script setup>
@@ -127,7 +127,7 @@
   alert(`Current selection - ${date}`);
 }
 </script>
@recalculate-position ​
Emitted when the menu position is recalculated
Code Example
vue
<template>
-    <VueDatePicker v-model="date" @recalculate-position="alertFn" />
+    <VueDatePicker v-model="date" @recalculate-position="alertFn" />
 </template>
 
 <script setup>
@@ -139,7 +139,7 @@
   alert('Position recalculated');
 }
 </script>
@flow-step ​
Emitted when the flow step is triggered
Will have one param
  • number: Executed flow step
Points to keep in mind
  • Current logic will not emit an event on the first flow step
  • Flow step will keep emitting even tho there are no more steps and just keep incrementing
Both of these will be handled in one of the upcoming releases
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :flow="flow" @flow-step="handleFlowStep" />
+    <VueDatePicker v-model="date" :flow="flow" @flow-step="handleFlowStep" />
 </template>
 
 <script setup>
@@ -158,7 +158,7 @@
   }
 }
 </script>
@update-month-year ​
Emitted when the month or year is changed
Will have one param
  • { instance: number, month: number, year: number }: The received parameter is an object containing instance (in case of multiple calendars), month and year values.
Code Example
vue
<template>
-    <VueDatePicker v-model="date" @update-month-year="handleMonthYear" />
+    <VueDatePicker v-model="date" @update-month-year="handleMonthYear" />
 </template>
 
 <script setup>
@@ -174,7 +174,7 @@
   }
 }
 </script>
@invalid-select ​
Emitted when the selected value is not valid
Will have one param
  • Date | Date[]: The received parameter is an internal model-value
Code Example
vue
<template>
-    <VueDatePicker v-model="date" @invalid-select="handleInvalidSelect" />
+    <VueDatePicker v-model="date" @invalid-select="handleInvalidSelect" />
 </template>
 
 <script setup>
@@ -186,7 +186,7 @@
   alert('The date is not available for select');
 }
 </script>
@invalid-fixed-range ​
Emitted when the clicked day in the range mode with fixed-start or fixed-endis not a valid date for selection
Will have one param
  • Date: Clicked date
Code Example
vue
<template>
-    <VueDatePicker v-model="date" range fixed-start @invalid-fixed-range="handleInvalidSelect" />
+    <VueDatePicker v-model="date" range fixed-start @invalid-fixed-range="handleInvalidSelect" />
 </template>
 
 <script setup>
@@ -198,7 +198,7 @@
   alert('The date is not available for select');
 }
 </script>
@tooltip-open ​
Emitted when marker tooltip is opened
Will have one param
  • marker: Provided marker object for a given date
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :markers="markers" @tooltip-open="onOpen" />
+    <VueDatePicker v-model="date" :markers="markers" @tooltip-open="onOpen" />
 </template>
 
 <script setup>
@@ -232,7 +232,7 @@
   },
 ])
 </script>
@tooltip-close ​
Emitted when the marker tooltip is closed
Will have one param
  • marker: Provided marker object for a given date
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :markers="markers" @tooltip-close="onClose" />
+    <VueDatePicker v-model="date" :markers="markers" @tooltip-close="onClose" />
 </template>
 
 <script setup>
@@ -266,7 +266,7 @@
   },
 ])
 </script>
@time-picker-open ​
Emitted when the time-picker overlay is opened
Code Example
vue
<template>
-    <VueDatePicker v-model="date"  @time-picker-open="onTimePickerOpen" />
+    <VueDatePicker v-model="date"  @time-picker-open="onTimePickerOpen" />
 </template>
 
 <script setup>
@@ -278,7 +278,7 @@
   alert('The time picker is now open');
 }
 </script>
@time-picker-close ​
Emitted when the time-picker overlay is closed
Code Example
vue
<template>
-    <VueDatePicker v-model="date"  @time-picker-close="onTimePickerClose" />
+    <VueDatePicker v-model="date"  @time-picker-close="onTimePickerClose" />
 </template>
 
 <script setup>
@@ -290,7 +290,7 @@
   alert('The time picker is now closed');
 }
 </script>
@am-pm-change ​
Emitted when the am / pm button is clicked in time picker
Will have one param
  • 'AM' | 'PM': Currently active value
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :is-24="false"  @am-pm-change="onAmPmChange" />
+    <VueDatePicker v-model="date" :is-24="false"  @am-pm-change="onAmPmChange" />
 </template>
 
 <script setup>
@@ -302,7 +302,7 @@
   alert(`The time picker is set on ${value}`);
 }
 </script>
@range-start ​
Emitted when the first date is selected in range mode
Will have one param
  • Date: Selected date value
Code Example
vue
<template>
-    <VueDatePicker v-model="date" range @range-start="onRangeStart" />
+    <VueDatePicker v-model="date" range @range-start="onRangeStart" />
 </template>
 
 <script setup>
@@ -314,7 +314,7 @@
   alert(`Selected date in range is: ${value}`);
 }
 </script>
@range-end ​
Emitted when the second date is selected in range mode
Will have one param
  • Date: Selected date value
Code Example
vue
<template>
-    <VueDatePicker v-model="date" range @range-end="onRangeEnd" />
+    <VueDatePicker v-model="date" range @range-end="onRangeEnd" />
 </template>
 
 <script setup>
@@ -325,11 +325,12 @@
 const onRangeEnd = (value) => {
   alert(`Range selected with the second date: ${value}`);
 }
-</script>
@update:model-timezone-value ​
Emits a date or date range value in a given timezone
Emitted when @update:model-value is emitted if the emit-timezone prop is provided
Will have one param
  • Date | Date[]: v-model value in a given timezone
Code Example
vue
<template>
-    <VueDatePicker 
+</script>
@update:model-timezone-value ​
Emits a date or date range value in a given timezone
Emitted when @update:model-value is emitted if the timezone emitTimezone prop is provided
Will have one param
  • Date | Date[]: v-model value in a given timezone
Code Example
vue
<template>
+    <VueDatePicker 
         v-model="date"
-        emit-timezone="UTC"
-        @update:model-timezone-value="setUTCDate" />
+        :timezone="{ emitTimezone: 'UTC' }"
+        @update:model-timezone-value="setUTCDate"
+    />
 </template>
 
 <script setup>
@@ -342,7 +343,7 @@
  utcDate.value = value;
 }
 </script>
@date-update ​
Emits a date value when date is clicked on the calendar
Info
This event is emitted on single date picker and week-picker
Will have one param
  • Date: Date clicked
Code Example
vue
<template>
-  <VueDatePicker
+  <VueDatePicker
       v-model="date"
       @date-update="dateClicked" />
 </template>
@@ -356,7 +357,7 @@
     console.log(`Selected ${date}`);
   }
 </script>
@invalid-date ​
Emits an event whenever invalid date is clicked such as disabled date, out of min or max range and so on
Will have one param
  • Date: Date clicked
Code Example
vue
<template>
-  <VueDatePicker
+  <VueDatePicker
       v-model="date"
       :disabled-dates="[new Date()]"
       @invalid-date="onInvalidDateClick" />
@@ -371,7 +372,7 @@
     console.log(`Selected ${date}`);
   }
 </script>
Released under the MIT License.
Copyright © 2021-present Vuepic

-    
+    
     
   
 
\ No newline at end of file
diff --git a/docs/methods-and-events/methods/index.html b/docs/methods-and-events/methods/index.html
index 85b5604fa..680850e91 100644
--- a/docs/methods-and-events/methods/index.html
+++ b/docs/methods-and-events/methods/index.html
@@ -5,14 +5,14 @@
     
     Methods | Vue Datepicker
     
-    
-    
+    
+    
     
-    
+    
     
-    
-    
-    
+    
+    
+    
     
     
     
@@ -21,8 +21,8 @@
     
   
   
-    
Vue Datepicker
Appearance
Methods ​
List of available methods that you can call on the datepicker from the external code
Add a ref to the component, and call the method on that ref
Code Example
vue
<template>
-    <VueDatePicker v-model="date" ref="datepicker" />
+    
Vue Datepicker
Appearance
Methods ​
List of available methods that you can call on the datepicker from the external code
Add a ref to the component, and call the method on that ref
Code Example
vue
<template>
+    <VueDatePicker v-model="date" ref="datepicker" />
 </template>
 
 <script lang="ts" setup>
@@ -39,7 +39,7 @@
   }
 }
 </script>
selectDate ​
When called and there is an active selection, it will select that date.
closeMenu ​
Closes the datepicker menu
openMenu ​
Opens the datepicker menu
clearValue ​
Clears the selected value
updateInternalModelValue ​
  • Parameter: Date | Date[]
Modify the internal model-value while the picker is in the open state.
setMonthYear ​
  • Parameter: { month?: number | string; year?: number | string; }
Set calendar month and year programmatically
onScroll ​
Manually trigger method that is called on window scroll
parseModel ​
Calls internal parseExternalModelValue that will replace or reformat text input value and internal model value
switchView ​
Manually show overlay
Note
To close overlay pass 'calendar' as parameter
  • Parameter 1: 'month' | 'year' | 'calendar' | 'time'
  • Parameter 2 (optional): number - instance number in case of multiple calendars
Type: (view: 'month' | 'year' | 'calendar' | 'time', instance?: number) => void;
toggleMenu ​
Manually toggle picker menu
Released under the MIT License.
Copyright © 2021-present Vuepic

-    
+    
     
   
 
\ No newline at end of file
diff --git a/docs/migration/from-v5.html b/docs/migration/from-v5.html
index 4e192b6c4..ce92e4508 100644
--- a/docs/migration/from-v5.html
+++ b/docs/migration/from-v5.html
@@ -5,14 +5,14 @@
     
     Migration from v5 | Vue Datepicker
     
-    
-    
+    
+    
     
-    
+    
     
-    
-    
-    
+    
+    
+    
     
     
     
@@ -21,7 +21,7 @@
     
   
   
-    
Vue Datepicker
Appearance
Migrating from v5 ​
Breaking changes ​
  • month-picker and year-picker no longer have predefined value if v-model is empty
  • aria-label for arrow buttons in month-picker mode is changed to Next/Previous year
  • auto-apply-month prop is removed (will work with auto-apply prop set)
  • show-now-button prop is removed
  • month-year slot will have different props depending on the used mode
  • Property handleMonthYearChange is removed from sidebar-[left/right] slot props
  • Props changes (check props-reconfiguration) 
Props reconfiguration ​
Based on the list of removed props, and depending on your usage, you might need to do a slight adjustments to keep prior behaviour:
multi-calendars-solo and multi-static ​
These 2 props are now merged into a configuration object that can be passed
to multi-calendars prop
Info
For prop definition, check multi-calendars prop
js

+    
Vue Datepicker
Appearance
Migrating from v5 ​
Breaking changes ​
  • month-picker and year-picker no longer have predefined value if v-model is empty
  • aria-label for arrow buttons in month-picker mode is changed to Next/Previous year
  • auto-apply-month prop is removed (will work with auto-apply prop set)
  • show-now-button prop is removed
  • month-year slot will have different props depending on the used mode
  • Property handleMonthYearChange is removed from sidebar-[left/right] slot props
  • Props changes (check props-reconfiguration) 
Props reconfiguration ​
Based on the list of removed props, and depending on your usage, you might need to do a slight adjustments to keep prior behaviour:
multi-calendars-solo and multi-static ​
These 2 props are now merged into a configuration object that can be passed
to multi-calendars prop
Info
For prop definition, check multi-calendars prop
js

 <template>
 
   <VueDatePicker
@@ -40,7 +40,7 @@
   />
 
 </template>
transitions ​
Property menuAppear in transition prop is removed and replaced with 2 additional properties, menuAppearTop and menuAppearBottom
Info
For prop definition, check transitions prop
vue
<template>
-  <VueDatePicker :transitions="transitions" />
+  <VueDatePicker :transitions="transitions" />
 </template>
 
 <script setup>
@@ -70,7 +70,7 @@
     { label: 'Today', value: [new Date(), new Date()] },
   ]
 </script>
Released under the MIT License.
Copyright © 2021-present Vuepic

-    
+    
     
   
 
\ No newline at end of file
diff --git a/docs/migration/from-v6.html b/docs/migration/from-v6.html
index 06aaaddbf..6138259e0 100644
--- a/docs/migration/from-v6.html
+++ b/docs/migration/from-v6.html
@@ -5,14 +5,14 @@
     
     Migration from v6 | Vue Datepicker
     
-    
-    
+    
+    
     
-    
+    
     
-    
-    
-    
+    
+    
+    
     
     
     
@@ -21,8 +21,8 @@
     
   
   
-    
Vue Datepicker
Appearance
Migrating from v6 ​
Breaking changes ​
  • Wrapper for preset-dates is changed from <div> to <template>, which may cause potential styles break if you use a slot for the preset-dates item
  • Removed deprecated props 
    • Removed
      • closeOnScroll
      • modeHeight
      • allowPreventDefault
      • closeOnClearValue
      • closeOnAutoApply
      • noSwipe
      • keepActionRow
      • onClickOutside
All removed props are now part of the config prop
Released under the MIT License.
Copyright © 2021-present Vuepic

-    
+    
Vue Datepicker
Appearance
Migrating from v6 ​
Breaking changes ​
  • Wrapper for preset-dates is changed from <div> to <template>, which may cause potential styles break if you use a slot for the preset-dates item
  • Removed deprecated props 
    • Removed
      • closeOnScroll
      • modeHeight
      • allowPreventDefault
      • closeOnClearValue
      • closeOnAutoApply
      • noSwipe
      • keepActionRow
      • onClickOutside
All removed props are now part of the config prop
Released under the MIT License.
Copyright © 2021-present Vuepic

+    
     
   
 
\ No newline at end of file
diff --git a/docs/migration/from-v7.html b/docs/migration/from-v7.html
index 2260adf95..510450108 100644
--- a/docs/migration/from-v7.html
+++ b/docs/migration/from-v7.html
@@ -5,14 +5,14 @@
     
     Migration from v7 | Vue Datepicker
     
-    
-    
+    
+    
     
-    
+    
     
-    
-    
-    
+    
+    
+    
     
     
     
@@ -21,7 +21,7 @@
     
   
   
-    
Vue Datepicker
Appearance
Migrating from v7 ​
Breaking changes ​
  • Default week-picker format is changed to week numbers
  • Tabbing out from the overlay will shift focus to the action row button if present
  • Removed deprecated props 
    • Removed
      • highlight-week-days
      • highlight-disabled-days
      • highlight prop types 
        • Date[]
        • string[]
        • number[]
  • id for calendar days is changed to formatted value instead of ISO value
  • date-fns-tz library is removed
  • date-fns-tz library is updated to v3
highlight ​
Info
For prop definition, check highlight prop
js
<template>
+    
Vue Datepicker
Appearance
Migrating from v7 ​
Breaking changes ​
  • Default week-picker format is changed to week numbers
  • Tabbing out from the overlay will shift focus to the action row button if present
  • Removed deprecated props 
    • Removed
      • highlight-week-days
      • highlight-disabled-days
      • highlight prop types 
        • Date[]
        • string[]
        • number[]
  • id for calendar days is changed to formatted value instead of ISO value
  • date-fns-tz library is removed
  • date-fns-tz library is updated to v3
highlight ​
Info
For prop definition, check highlight prop
js
<template>
   <VueDatePicker
     :highlight="[new Date()]"
     :highlight="{ days: [ new Date() ] }"
@@ -42,7 +42,7 @@
 
 const cellEl = document.getElementById(today.toISOString().split("T")[0]); 
 const cellEl = document.getElementById(format(today, 'yyyy-MM-dd')) 
date-fns and date-fns-tz ​
  • date-fns-tz library is removed as peer dependency from the picker
  • date-fns library is updated to v3. If you use it somewhere else in your project, make sure to check the changelog for potential breaking changes
Released under the MIT License.
Copyright © 2021-present Vuepic

-    
+    
     
   
 
\ No newline at end of file
diff --git a/docs/props/calendar-configuration/index.html b/docs/props/calendar-configuration/index.html
index 7b41b21e6..02957617e 100644
--- a/docs/props/calendar-configuration/index.html
+++ b/docs/props/calendar-configuration/index.html
@@ -5,14 +5,14 @@
     
     Props - Calendar configuration | Vue Datepicker
     
-    
-    
+    
+    
     
-    
+    
     
-    
-    
-    
+    
+    
+    
     
     
     
@@ -21,7 +21,7 @@
     
   
   
-    
Vue Datepicker
Appearance
Calendar configuration ​
Configure calendar options such as behavior or available dates
Info
  • When checking the examples, for boolean prop types, the example will show the behavior opposite of what is set for the default value
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, weekNumbers as week-numbers and so on
calendar ​
Customize the calendar view, filter out weeks, add or remove custom classes
Warning
Do not modify date values
  • Type: (weeks: CalendarWeek[]) => CalendarWeek[];
  • Default: null
ts
interface CalendarWeek {
+    
Vue Datepicker
Appearance
Calendar configuration ​
Configure calendar options such as behavior or available dates
Info
  • When checking the examples, for boolean prop types, the example will show the behavior opposite of what is set for the default value
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, weekNumbers as week-numbers and so on
calendar ​
Customize the calendar view, filter out weeks, add or remove custom classes
Warning
Do not modify date values
  • Type: (weeks: CalendarWeek[]) => CalendarWeek[];
  • Default: null
ts
interface CalendarWeek {
   days: {
     text: number | string; // Value displayed in the calendar day box
     value: Date; // Date that is going to be selected, do not modify
@@ -29,7 +29,7 @@
     classData: Record<string, boolean>; // All classes for a specific date
   }
 }
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :calendar="calendarFn" />
+    <VueDatePicker v-model="date" :calendar="calendarFn" />
 </template>
 
 <script setup>
@@ -60,7 +60,7 @@
   type: 'iso' | 'local' | ((date: Date) => string | number);
   hideOnOffsetDates?: boolean;
 }
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :week-numbers="{ type: 'iso' }" />
+    <VueDatePicker v-model="date" :week-numbers="{ type: 'iso' }" />
 </template>
 
 <script setup>
@@ -68,7 +68,7 @@
 
 const date = ref(new Date());
 </script>
hide-offset-dates ​
Hide dates from the previous/next month in the calendar
  • Type: boolean
  • Default: false
Code Example
vue
<template>
-    <VueDatePicker v-model="date" hide-offset-dates />
+    <VueDatePicker v-model="date" hide-offset-dates />
 </template>
 
 <script setup>
@@ -76,7 +76,7 @@
 
 const date = ref(new Date());
 </script>
min-date ​
All dates before the given date will be disabled
  • Type: Date | string
  • Default: null
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :min-date="new Date()" />
+    <VueDatePicker v-model="date" :min-date="new Date()" />
 </template>
 
 <script setup>
@@ -84,7 +84,7 @@
 
 const date = ref(new Date());
 </script>
max-date ​
All dates after the given date will be disabled
  • Type: Date | string
  • Default: null
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :max-date="new Date()" />
+    <VueDatePicker v-model="date" :max-date="new Date()" />
 </template>
 
 <script setup>
@@ -92,7 +92,7 @@
 
 const date = ref(new Date());
 </script>
prevent-min-max-navigation ​
Prevent navigation after or before the min-date or max-date
  • Type: boolean
  • Default: false
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :min-date="minDate" :max-date="maxDate" prevent-min-max-navigation />
+    <VueDatePicker v-model="date" :min-date="minDate" :max-date="maxDate" prevent-min-max-navigation />
 </template>
 
 <script setup>
@@ -104,7 +104,7 @@
 const minDate = computed(() => subMonths(new Date(getYear(new Date()), getMonth(new Date())), 2));
 const maxDate = computed(() => addMonths(new Date(getYear(new Date()), getMonth(new Date())), 2));
 </script>
ignore-time-validation ​
By default, when using min-date or max-date the time set on those dates will be included in validation. If you want to just check dates, pass this option to disable time check
  • Type: boolean
  • Default: false
Code Example
vue
<template>
-    <VueDatePicker 
+    <VueDatePicker 
         v-model="date"
         :max-date="maxDate"
         ignore-time-validation
@@ -120,7 +120,7 @@
 // Without ignoreTimeValidation, you will not be able to select the date
 const maxDate = ref(new Date(2022, (new Date()).getMonth(), (new Date()).getDate()));
 </script>
start-date ​
Open the datepicker to some preselected month and year
  • Type: Date | string
  • Default: null
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :start-date="startDate" placeholder="Select Date" />
+    <VueDatePicker v-model="date" :start-date="startDate" placeholder="Select Date" />
 </template>
 
 <script setup>
@@ -129,7 +129,7 @@
 const date = ref();
 const startDate = ref(new Date(2020, 1));
 </script>
focus-start-date ​
Open the datepicker to provided start-date ignoring the v-model value
  • Type: boolean
  • Default: false
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :start-date="startDate" focus-start-date placeholder="Select Date" />
+    <VueDatePicker v-model="date" :start-date="startDate" focus-start-date placeholder="Select Date" />
 </template>
 
 <script setup>
@@ -138,7 +138,7 @@
 const date = ref(new Date());
 const startDate = ref(new Date(2020, 1));
 </script>
week-start ​
Day from which the week starts. 0-6, 0 is Sunday, 6 is Saturday
  • Type: number | string
  • Default: 1
Code Example
vue
<template>
-    <VueDatePicker v-model="date" week-start="0" />
+    <VueDatePicker v-model="date" week-start="0" />
 </template>
 
 <script setup>
@@ -154,7 +154,7 @@
     seconds?: number[] // disable specific seconds
   }
 }
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :filters="filters" />
+    <VueDatePicker v-model="date" :filters="filters" />
 </template>
 
 <script setup>
@@ -172,7 +172,7 @@
   }
 })
 </script>
disable-month-year-select ​
Removes the month and year picker
  • Type: boolean
  • Default: false
Code Example
vue
<template>
-    <VueDatePicker v-model="date" disable-month-year-select />
+    <VueDatePicker v-model="date" disable-month-year-select />
 </template>
 
 <script setup>
@@ -180,7 +180,7 @@
 
 const date = ref(new Date());
 </script>
year-range ​
Specify start and end year for years to generate
  • Type: [number, number]
  • Default: [1900, 2100]
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :year-range="[2020, 2040]" />
+    <VueDatePicker v-model="date" :year-range="[2020, 2040]" />
 </template>
 
 <script setup>
@@ -188,7 +188,7 @@
 
 const date = ref(new Date());
 </script>
reverse-years ​
Reverse the order of the years in years overlay
  • Type: boolean
  • Default: false
Code Example
vue
<template>
-    <VueDatePicker v-model="date" reverse-years :year-range="[2020, 2040]" />
+    <VueDatePicker v-model="date" reverse-years :year-range="[2020, 2040]" />
 </template>
 
 <script setup>
@@ -196,7 +196,7 @@
 
 const date = ref(new Date());
 </script>
allowed-dates ​
Allow only specific dates
  • Type: string[] | Date[]
  • Default: []
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :allowed-dates="allowedDates" />
+    <VueDatePicker v-model="date" :allowed-dates="allowedDates" />
 </template>
 
 <script setup>
@@ -212,7 +212,7 @@
   ];
 });
 </script>
disabled-dates ​
Disable specific dates
  • Type: Date[] | string[] | (date: Date) => boolean
  • Default: []
Note: If you use a custom function, make sure to return true for a disabled date and false for enabled
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :disabled-dates="disabledDates" />
+    <VueDatePicker v-model="date" :disabled-dates="disabledDates" />
 </template>
 
 <script setup>
@@ -233,7 +233,7 @@
   return [tomorrow, afterTomorrow]
 })
 </script>
disabled-week-days ​
Disable specific days from the week
  • Type: string[] | number[] - 0-6, 0 is Sunday, 6 is Saturday
  • Default: []
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :disabled-week-days="[6, 0]" />
+    <VueDatePicker v-model="date" :disabled-week-days="[6, 0]" />
 </template>
 
 <script setup>
@@ -241,7 +241,7 @@
 
 const date = ref(new Date());
 </script>
no-disabled-range ​
Deprecation warning
This prop is deprecated, please refer to range configuration section
Prevents range selection if the range includes disabled dates
  • Type: boolean
  • Default: false
Code Example
vue
<template>
-    <VueDatePicker 
+    <VueDatePicker 
             v-model="date" 
             range
             no-disabled-range
@@ -257,7 +257,7 @@
 
 const disabledDates = [subDays(new Date(), 1), new Date(), addDays(new Date(), 1)];
 </script>
Released under the MIT License.
Copyright © 2021-present Vuepic

-    
+    
     
   
 
\ No newline at end of file
diff --git a/docs/props/formatting/index.html b/docs/props/formatting/index.html
index 2b9a88f8c..096ea6742 100644
--- a/docs/props/formatting/index.html
+++ b/docs/props/formatting/index.html
@@ -5,14 +5,14 @@
     
     Props - Formatting | Vue Datepicker
     
-    
-    
+    
+    
     
-    
+    
     
-    
-    
-    
+    
+    
+    
     
     
     
@@ -21,8 +21,8 @@
     
   
   
-    
Vue Datepicker
Appearance
Formatting ​
Format options for the value displayed in the input or preview
Info
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, previewFormat as preview-format and so on
format ​
Format the value of the date(s) in the input field. Formatting is done automatically via provided string format. However, you can override the default format by providing a custom formatter function
  • Type: string | ((date: Date) => string) | ((dates: Date[]) => string);
  • Default: 
    • Single picker: 'MM/dd/yyyy HH:mm'
    • Range picker: 'MM/dd/yyyy HH:mm - MM/dd/yyyy HH:mm'
    • Month picker: 'MM/yyyy'
    • Time picker: 'HH:mm'
    • Time picker range: 'HH:mm - HH:mm'
    • Week picker 'RR-yyyy' | 'ww-yyyy' (depends on week numbering)
Info
If is-24 prop is set to false, hours format will be changed to 'hh:mm aa'
For additional information on how to pass custom string format you can check Unicode tokens
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :format="format" />
+    
Vue Datepicker
Appearance
Formatting ​
Format options for the value displayed in the input or preview
Info
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, previewFormat as preview-format and so on
format ​
Format the value of the date(s) in the input field. Formatting is done automatically via provided string format. However, you can override the default format by providing a custom formatter function
  • Type: string | ((date: Date) => string) | ((dates: Date[]) => string);
  • Default: 
    • Single picker: 'MM/dd/yyyy HH:mm'
    • Range picker: 'MM/dd/yyyy HH:mm - MM/dd/yyyy HH:mm'
    • Month picker: 'MM/yyyy'
    • Time picker: 'HH:mm'
    • Time picker range: 'HH:mm - HH:mm'
    • Week picker 'RR-yyyy' | 'ww-yyyy' (depends on week numbering)
Info
If is-24 prop is set to false, hours format will be changed to 'hh:mm aa'
For additional information on how to pass custom string format you can check Unicode tokens
Code Example
vue
<template>
+    <VueDatePicker v-model="date" :format="format" />
 </template>
 
 <script setup>
@@ -39,7 +39,7 @@
   return `Selected date is ${day}/${month}/${year}`;
 }
 </script>
preview-format ​
Format the value of the date(s) in the action row
  • Type: string | ((date: Date) => string) | ((dates: Date[]) => string);
  • Default: null
Same configuration as in format prop
Note: If not provided, it will auto inherit data from the format prop
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :preview-format="format" />
+    <VueDatePicker v-model="date" :preview-format="format" />
 </template>
 
 <script setup>
@@ -56,7 +56,7 @@
   return `Selected date is ${day}/${month}/${year}`;
 }
 </script>
month-name-format ​
Set the month name format
  • Type: 'short' | 'long'
  • Default: 'short'
Code Example
vue
<template>
-    <VueDatePicker v-model="date" month-name-format="long" />
+    <VueDatePicker v-model="date" month-name-format="long" />
 </template>
 
 <script setup>
@@ -64,7 +64,7 @@
 
 const date = ref(new Date());
 </script>
Released under the MIT License.
Copyright © 2021-present Vuepic

-    
+    
     
   
 
\ No newline at end of file
diff --git a/docs/props/general-configuration/index.html b/docs/props/general-configuration/index.html
index ea6e22d3d..c7b305625 100644
--- a/docs/props/general-configuration/index.html
+++ b/docs/props/general-configuration/index.html
@@ -5,14 +5,14 @@
     
     Props - General configuration | Vue Datepicker
     
-    
-    
+    
+    
     
-    
+    
     
-    
-    
-    
+    
+    
+    
     
     
     
@@ -21,8 +21,8 @@
     
   
   
-    
Vue Datepicker
Appearance
General configuration ​
General behavior props configuration
Info
  • When checking the examples, for boolean prop types, the example will show the behavior opposite of what is set for the default value
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, monthChangeOnScroll as month-change-on-scroll and so on
uid ​
Pass an id to the input and menu elements. If provided, you can select menu id as dp-menu-${uid} and input id as dp-input-${uid}
  • Type: string
  • Default: null
Code Example
vue
<template>
-    <VueDatePicker v-model="date" uid="demo" />
+    
Vue Datepicker
Appearance
General configuration ​
General behavior props configuration
Info
  • When checking the examples, for boolean prop types, the example will show the behavior opposite of what is set for the default value
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, monthChangeOnScroll as month-change-on-scroll and so on
uid ​
Pass an id to the input and menu elements. If provided, you can select menu id as dp-menu-${uid} and input id as dp-input-${uid}
  • Type: string
  • Default: null
Code Example
vue
<template>
+    <VueDatePicker v-model="date" uid="demo" />
 </template>
 
 <script setup>
@@ -30,7 +30,7 @@
 
 const date = ref(new Date());
 </script>
month-change-on-scroll ​
Scrolling the mouse wheel over the calendar will change the month. Scroll down for next month and vice versa
You can also set the value to 'inverse', so that scrolling down will go to the previous month and up on the next
  • Type: boolean | 'inverse'
  • Default: true
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :month-change-on-scroll="false" />
+    <VueDatePicker v-model="date" :month-change-on-scroll="false" />
 </template>
 
 <script setup>
@@ -39,8 +39,8 @@
 const date = ref(new Date());
 </script>
model-value v-model ​
v-model binding
  • Type: 
    • Single picker: Date | string
      • In case of multiDates it will be Date[] | string[]
    • Month picker: { month: number | string; year: number | string }
    • Time picker: { hours: number | string; minutes: number | string; seconds?: number | string }
    • Week picker: [Date, Date] | [string, string]
    • Range picker: [Date, Date] | [string | string]
      • If you use time-picker, it will be { hours: number | string; minutes: number | string; seconds?: number | string }[]
      • If you use month-picker, it will be { month: number | string; year: number | string }[]
      • If you use week-picker, it will be [[Date, Date], [Date, Date]]
    • Year picker: number | string
    • Quarter picker: Same as single or range pickers
  • Default: null
Code Example
vue
<template>
    <div>
-       <VueDatePicker id="manual" :model-value="date" @update:model-value="setDate" />
-       <VueDatePicker id="auto" v-model="date" />
+       <VueDatePicker id="manual" :model-value="date" @update:model-value="setDate" />
+       <VueDatePicker id="auto" v-model="date" />
    </div>
 </template>
 
@@ -53,7 +53,7 @@
   date.value = value;
 }
 </script>
model-type ​
Specify a custom format for v-model
  • Type: 'timestamp' | 'format' | string
  • Default: null
Note
  • timestamp - uses timestamp for binding
  • format - uses provided format or fallbacks to the default one. Must be a string
  • string - use custom format by providing a custom pattern with unicode tokens
This is only compatible with date pickers, time-picker and month-picker, other modes are not supported
Code Example
vue
<template>
-    <VueDatePicker v-model="date" model-type="dd.MM.yyyy" />
+    <VueDatePicker v-model="date" model-type="dd.MM.yyyy" />
     <p v-if="date">Selected date: {{ date }}</p>
 </template>
 
@@ -62,7 +62,7 @@
 
 const date = ref(new Date());
 </script>
clearable ​
Add a clear icon to the input field where you can set the value to null
  • Type: boolean
  • Default: true
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :clearable="false" />
+    <VueDatePicker v-model="date" :clearable="false" />
 </template>
 
 <script setup>
@@ -70,7 +70,7 @@
 
 const date = ref(new Date());
 </script>
auto-apply ​
If set to true, clicking on a date value will automatically select the value
  • Type: boolean
  • Default: false
Code Example
vue
<template>
-    <VueDatePicker v-model="date" auto-apply />
+    <VueDatePicker v-model="date" auto-apply />
 </template>
 
 <script setup>
@@ -78,7 +78,7 @@
 
 const date = ref(new Date());
 </script>
placeholder ​
Input placeholder
  • Type: string
  • Default: null
Code Example
vue
<template>
-    <VueDatePicker v-model="date" placeholder="Select Date" />
+    <VueDatePicker v-model="date" placeholder="Select Date" />
 </template>
 
 <script setup>
@@ -86,7 +86,7 @@
 
 const date = ref(new Date());
 </script>
no-today ​
Hide today mark from the calendar
  • Type: boolean
  • Default: false
Code Example
vue
<template>
-    <VueDatePicker v-model="date" no-today />
+    <VueDatePicker v-model="date" no-today />
 </template>
 
 <script setup>
@@ -100,7 +100,7 @@
     color?: string;
 }
Code Example
vue

 <template>
-    <VueDatePicker v-model="date" :markers="markers" />
+    <VueDatePicker v-model="date" :markers="markers" />
 </template>
 
 <script setup>
@@ -141,7 +141,7 @@
     | ((month: { month: number; year: number }) => boolean)
     | ((yearOrWeekDay: number) => boolean)
     | ((quarter: { quarter: number; year: number }) => boolean);
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :highlight="highlightedDates" />
+    <VueDatePicker v-model="date" :highlight="highlightedDates" />
 </template>
 
 <script setup>
@@ -156,7 +156,7 @@
 ])
 
 </script>
disabled ​
Disables the input
  • Type: boolean
  • Default: false
Code Example
vue
<template>
-    <VueDatePicker v-model="date" disabled />
+    <VueDatePicker v-model="date" disabled />
 </template>
 
 <script setup>
@@ -164,7 +164,7 @@
 
 const date = ref(new Date());
 </script>
readonly ​
Sets the input in readonly state
  • Type: boolean
  • Default: false
Code Example
vue
<template>
-    <VueDatePicker v-model="date" readonly />
+    <VueDatePicker v-model="date" readonly />
 </template>
 
 <script setup>
@@ -173,7 +173,7 @@
 const date = ref(new Date());
 </script>
required ​
Add required flag to the input field. Use with form tag for built-in validation
  • Type: boolean
  • Default: false
Code Example
vue
<template>
     <form @submit.prevent="submitForm">
-      <VueDatePicker v-model="date" required />
+      <VueDatePicker v-model="date" required />
       <button type="submit">Submit form</button>
     </form>
 </template>
@@ -187,7 +187,7 @@
   alert('Form submitted');
 }
 </script>
name ​
Sets the input name attribute
  • Type: string
  • Default: null
Code Example
vue
<template>
-    <VueDatePicker v-model="date" name="date-picker" />
+    <VueDatePicker v-model="date" name="date-picker" />
 </template>
 
 <script setup>
@@ -195,7 +195,7 @@
 
 const date = ref(new Date());
 </script>
autocomplete ​
Sets the input autocomplete attribute
  • Type: string
  • Default: null
Code Example
vue
<template>
-    <VueDatePicker v-model="date" autocomplete="off" />
+    <VueDatePicker v-model="date" autocomplete="off" />
 </template>
 
 <script setup>
@@ -203,7 +203,7 @@
 
 const date = ref(new Date());
 </script>
hide-navigation ​
Hide navigation buttons from the overlays
  • Type: ('month' | 'year' | 'calendar' | 'time' | 'minutes' | 'hours' | 'seconds')[]
  • Default: []
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :hide-navigation="['month', 'year']" />
+    <VueDatePicker v-model="date" :hide-navigation="['month', 'year']" />
 </template>
 
 <script setup>
@@ -216,7 +216,7 @@
  showNow?: boolean;
  showPreview?: boolean;
 }
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :action-row="{ showNow: true, showPreview: false }" />
+    <VueDatePicker v-model="date" :action-row="{ showNow: true, showPreview: false }" />
 </template>
 
 <script setup>
@@ -224,7 +224,7 @@
 
 const date = ref(new Date());
 </script>
disable-year-select ​
Removes the year button from the menu and cycles trough the current or provided year
Code Example
vue
<template>
-    <VueDatePicker v-model="date" disable-year-select />
+    <VueDatePicker v-model="date" disable-year-select />
 </template>
 
 <script setup>
@@ -232,7 +232,7 @@
 
 const date = ref(new Date());
 </script>
year-first ​
Reverse button order in the calendar header
  • Type: boolean
  • Default: false
Code Example
vue
<template>
-    <VueDatePicker v-model="date" year-first />
+    <VueDatePicker v-model="date" year-first />
 </template>
 
 <script setup>
@@ -262,7 +262,7 @@
     onClickOutside: undefined,
     tabOutClosesMenu: true,
 }
  • allowStopPropagation: Enable event.sportPropagation on click events
  • closeOnScroll: Close datepicker menu on page scroll
  • modeHeight: If you use month-picker, time-picker or year-picker, set custom height of the picker in px
  • allowPreventDefault: Due to the different implementations of how click outside listeners are implemented, you might encounter issues where the menu closes if the picker is used in dialogs when teleport prop is enabled. To prevent this issue, you need to set this option to true
  • closeOnClearValue: Prevent closing the menu on value clear from the input field
  • closeOnAutoApply: If set to false, clicking on a date value will automatically select the value but will not close the datepicker menu. Closing will be available on a click-away or clicking on the input again
  • noSwipe: Disable touch events on the calendar
  • keepActionRow: When enabled, it will keep the action row even if the auto-apply prop is enabled
  • onClickOutside: Provide custom click outside handler. Exposed validation function that will return true or false depending on the selected value
  • tabOutClosesMenu: When tabbing out of the picker menu it will close the picker menu (not compatible when using teleport)
loading ​
Adds a loading overlay in the menu
  • Type: boolean
  • Default: false
Code Example
vue
<template>
-    <VueDatePicker v-model="date" loading />
+    <VueDatePicker v-model="date" loading />
 </template>
 
 <script setup>
@@ -270,7 +270,7 @@
 
 const date = ref(new Date());
 </script>
Released under the MIT License.
Copyright © 2021-present Vuepic

-    
+    
     
   
 
\ No newline at end of file
diff --git a/docs/props/keyboard/index.html b/docs/props/keyboard/index.html
index 287f25e91..ebd915f03 100644
--- a/docs/props/keyboard/index.html
+++ b/docs/props/keyboard/index.html
@@ -5,14 +5,14 @@
     
     Props - Keyboard | Vue Datepicker
     
-    
-    
+    
+    
     
-    
+    
     
-    
-    
-    
+    
+    
+    
     
     
     
@@ -21,8 +21,8 @@
     
   
   
-    
Vue Datepicker
Appearance
Keyboard ​
Configure keyboard actions
Info
  • When checking the examples, for boolean prop types, the example will show the behavior opposite of what is set for the default value
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, escClose as esc-close and so on
Info
You can press tab key in the menu, and it will autofocus elements, pressing enter will do a click action like open overlay or select a date.
All keyboard events are enabled by default
esc-close ​
Esc key closes the menu
  • Type: boolean
  • Default: true
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :esc-close="false" />
+    
Vue Datepicker
Appearance
Keyboard ​
Configure keyboard actions
Info
  • When checking the examples, for boolean prop types, the example will show the behavior opposite of what is set for the default value
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, escClose as esc-close and so on
Info
You can press tab key in the menu, and it will autofocus elements, pressing enter will do a click action like open overlay or select a date.
All keyboard events are enabled by default
esc-close ​
Esc key closes the menu
  • Type: boolean
  • Default: true
Code Example
vue
<template>
+    <VueDatePicker v-model="date" :esc-close="false" />
 </template>
 
 <script setup>
@@ -30,7 +30,7 @@
 
 const date = ref(new Date());
 </script>
space-confirm ​
space key selects the date (like you pressed the select button)
  • Type: boolean
  • Default: true
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :space-confirm="false" />
+    <VueDatePicker v-model="date" :space-confirm="false" />
 </template>
 
 <script setup>
@@ -38,7 +38,7 @@
 
 const date = ref(new Date());
 </script>
month-change-on-arrows ​
Change months via arrow keys
  • Type: boolean
  • Default: true
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :month-change-on-arrows="false" />
+    <VueDatePicker v-model="date" :month-change-on-arrows="false" />
 </template>
 
 <script setup>
@@ -46,7 +46,7 @@
 
 const date = ref(new Date());
 </script>
arrow-navigation ​
By default, arrow keys will change the current month. When enabling this prop, you can navigate the menu via arrow keys instead of using tabs
Info
arrowNavigation is not supported with the multi-calendars prop
  • Type: boolean
  • Default: false
Code Example
vue
<template>
-    <VueDatePicker v-model="date" arrow-navigation />
+    <VueDatePicker v-model="date" arrow-navigation />
 </template>
 
 <script setup>
@@ -54,7 +54,7 @@
 
 const date = ref(new Date());
 </script>
Released under the MIT License.
Copyright © 2021-present Vuepic

-    
+    
     
   
 
\ No newline at end of file
diff --git a/docs/props/localization/index.html b/docs/props/localization/index.html
index 86e4a778c..ad2612e88 100644
--- a/docs/props/localization/index.html
+++ b/docs/props/localization/index.html
@@ -5,14 +5,14 @@
     
     Props - Localization | Vue Datepicker
     
-    
-    
+    
+    
     
-    
+    
     
-    
-    
-    
+    
+    
+    
     
     
     
@@ -21,8 +21,8 @@
     
   
   
-    
Vue Datepicker
Appearance
Localization ​
Localization options and label props
Info
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, formatLocale as format-locale and so on
locale ​
Set datepicker locale. Datepicker will use built in javascript locale formatter to extract month and weekday names
  • Type: string
  • Default: 'en-US'
Code Example
vue
<template>
-    <VueDatePicker v-model="date" locale="de" cancelText="abbrechen" selectText="auswählen" />
+    
Vue Datepicker
Appearance
Localization ​
Localization options and label props
Info
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, formatLocale as format-locale and so on
locale ​
Set datepicker locale. Datepicker will use built in javascript locale formatter to extract month and weekday names
  • Type: string
  • Default: 'en-US'
Code Example
vue
<template>
+    <VueDatePicker v-model="date" locale="de" cancelText="abbrechen" selectText="auswählen" />
 </template>
 
 <script setup>
@@ -30,7 +30,7 @@
 
 const date = ref(new Date());
 </script>
format-locale ​
Specify localized format output. This prop uses Locale object from date-fns library
For more info about supported locales or adding a custom locale object, please visit date-fns documentation
Note
When format-locale is provided, it will have priority against locale prop
  • Type: Locale
  • Default: null
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :format-locale="ja" format="E" />
+    <VueDatePicker v-model="date" :format-locale="ja" format="E" />
 </template>
 
 <script setup>
@@ -39,7 +39,7 @@
 
 const date = ref(new Date());
 </script>
select-text ​
Select text label in the action row
  • Type: string
  • Default: 'Select'
Code Example
vue
<template>
-    <VueDatePicker v-model="date" select-text="Pick" />
+    <VueDatePicker v-model="date" select-text="Pick" />
 </template>
 
 <script setup>
@@ -47,7 +47,7 @@
 
 const date = ref(new Date());
 </script>
cancel-text ​
Cancel text label in the action row
  • Type: string
  • Default: 'Cancel'
Code Example
vue
<template>
-    <VueDatePicker v-model="date" cancel-text="Close" />
+    <VueDatePicker v-model="date" cancel-text="Close" />
 </template>
 
 <script setup>
@@ -55,7 +55,7 @@
 
 const date = ref(new Date());
 </script>
now-button-label ​
Change the text for now button
  • Type: string
  • Default: 'Now'
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :action-row="{ showNow: true }" now-button-label="Current" />
+    <VueDatePicker v-model="date" :action-row="{ showNow: true }" now-button-label="Current" />
 </template>
 
 <script setup>
@@ -63,7 +63,7 @@
 
 const date = ref(new Date());
 </script>
week-num-name ​
Sets the label for the week numbers column
  • Type: string
  • Default: 'W'
Code Example
vue
<template>
-    <VueDatePicker v-model="date" week-numbers="iso" week-num-name="We" />
+    <VueDatePicker v-model="date" week-numbers="iso" week-num-name="We" />
 </template>
 
 <script setup>
@@ -90,7 +90,7 @@
   prevYear: string;
   day?: ({value}: {value: Date}) => string;
 }
  • Default: {}
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :aria-labels="ariaLabels" />
+    <VueDatePicker v-model="date" :aria-labels="ariaLabels" />
 </template>
 
 <script setup>
@@ -99,7 +99,7 @@
 const date = ref();
 const ariaLabels = ref({ menu: 'Some custom menu label' })
 </script>
day-names ​
Provide custom labels for day names in the calendar header
Note
Make sure that provided array has a length of 7
  • Type: ((lang: string, weekStart: number) => string[]) | string[]
  • Default: null;
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :day-names="['1', '2', '3', '4', '5', '6', '7']" />
+    <VueDatePicker v-model="date" :day-names="['1', '2', '3', '4', '5', '6', '7']" />
 </template>
 
 <script setup>
@@ -107,7 +107,7 @@
 
 const date = ref(new Date());
 </script>
Released under the MIT License.
Copyright © 2021-present Vuepic

-    
+    
     
   
 
\ No newline at end of file
diff --git a/docs/props/look-and-feel/index.html b/docs/props/look-and-feel/index.html
index 582bc7918..bf74a91c7 100644
--- a/docs/props/look-and-feel/index.html
+++ b/docs/props/look-and-feel/index.html
@@ -5,14 +5,14 @@
     
     Props - Look and feel | Vue Datepicker
     
-    
-    
+    
+    
     
-    
+    
     
-    
-    
-    
+    
+    
+    
     
     
     
@@ -21,7 +21,7 @@
     
   
   
-    
Vue Datepicker
Appearance
Look and feel ​
Customization options
Info
  • When checking the examples, for boolean prop types, the example will show the behavior opposite of what is set for the default value
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, sixWeeks as six-weeks and so on
transitions ​
Control transitions inside the menu. You can define your own or disable them. Datepicker uses Vue built in transitions component for transitions control. To configure you own, please check the Vue documentation and provide a transition name in the prop
  • Type: Transitions | boolean
  • Default: true
ts
interface Transitions {
+    
Vue Datepicker
Appearance
Look and feel ​
Customization options
Info
  • When checking the examples, for boolean prop types, the example will show the behavior opposite of what is set for the default value
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, sixWeeks as six-weeks and so on
transitions ​
Control transitions inside the menu. You can define your own or disable them. Datepicker uses Vue built in transitions component for transitions control. To configure you own, please check the Vue documentation and provide a transition name in the prop
  • Type: Transitions | boolean
  • Default: true
ts
interface Transitions {
     open?: string; 
     close?: string; 
     next?: string; 
@@ -31,7 +31,7 @@
     vNext?: string; 
     vPrevious?: string; 
 }
  • open and close are added on overlays show/hide
  • next and previous added when switching months in the calendar
  • menuAppearTop is added when the menu is open above the input filed
  • menuAppearBottom is added when the menu is open bellow the input field
  • vNext and vPrevious are added when switching months in the calendar in the vertical mode
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :transitions="false" />
+    <VueDatePicker v-model="date" :transitions="false" />
 </template>
 
 <script setup>
@@ -48,7 +48,7 @@
       {{ btn }}
     </button>
   </div>
-  <VueDatePicker v-model="date" :six-weeks="mode" />
+  <VueDatePicker v-model="date" :six-weeks="mode" />
 </template>
 
 <script setup>
@@ -58,7 +58,7 @@
 const buttons = [true, 'append', 'prepend', 'center', 'fair'];
 const mode = ref<boolean | string>(true);
 </script>
dark ​
Theme switch between the dark and light mode
  • Type: boolean
  • Default: false
Code Example
vue
<template>
-    <VueDatePicker v-model="date" dark />
+    <VueDatePicker v-model="date" dark />
 </template>
 
 <script setup>
@@ -66,7 +66,7 @@
 
 const date = ref(new Date());
 </script>
offset ​
Number of pixels between the menu and input
  • Type: number | string
  • Default: 10
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :offset="20" />
+    <VueDatePicker v-model="date" :offset="20" />
 </template>
 
 <script setup>
@@ -74,7 +74,7 @@
 
 const date = ref(new Date());
 </script>
hide-input-icon ​
Hide calendar icon in the input field
  • Type: boolean
  • Default: false
Code Example
vue
<template>
-    <VueDatePicker v-model="date" hide-input-icon />
+    <VueDatePicker v-model="date" hide-input-icon />
 </template>
 
 <script setup>
@@ -82,7 +82,7 @@
 
 const date = ref(new Date());
 </script>
state ​
Validation state of the calendar value. Sets the green/red border depending on the value
  • Type: boolean
  • Default: null
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :state="false" />
+    <VueDatePicker v-model="date" :state="false" />
 </template>
 
 <script setup>
@@ -90,7 +90,7 @@
 
 const date = ref(new Date());
 </script>
input-class-name ​
Add a custom class to the input field
  • Type: string
  • Default: null
Code Example
vue
<template>
-    <VueDatePicker v-model="date" input-class-name="dp-custom-input" />
+    <VueDatePicker v-model="date" input-class-name="dp-custom-input" />
 </template>
 
 <script setup>
@@ -109,7 +109,7 @@
   }
 }
 </style>
Add a custom class to the datepicker menu wrapper
  • Type: string
  • Default: null
Code Example
vue
<template>
-    <VueDatePicker v-model="date" menu-class-name="dp-custom-menu" />
+    <VueDatePicker v-model="date" menu-class-name="dp-custom-menu" />
 </template>
 
 <script setup>
@@ -123,7 +123,7 @@
   box-shadow: 0 0 6px #1976d2;
 }
 </style>
calendar-class-name ​
Add a custom class to the calendar wrapper
  • Type: string
  • Default: null
Code Example
vue
<template>
-    <VueDatePicker v-model="date" calendar-class-name="dp-custom-calendar" />
+    <VueDatePicker v-model="date" calendar-class-name="dp-custom-calendar" />
 </template>
 
 <script setup>
@@ -139,7 +139,7 @@
   }
 }
 </style>
calendar-cell-class-name ​
Add a custom class to the calendar cell wrapper
  • Type: string
  • Default: null
Code Example
vue
<template>
-    <VueDatePicker v-model="date"  calendar-cell-class-name="dp-custom-cell" />
+    <VueDatePicker v-model="date"  calendar-cell-class-name="dp-custom-cell" />
 </template>
 
 <script setup>
@@ -153,7 +153,7 @@
   border-radius: 50%;
 }
 </style>
day-class ​
Add custom class to the calendar cell depending on the date
  • Type: (date: Date) => string
  • Default: null
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :day-class="getDayClass" />
+    <VueDatePicker v-model="date" :day-class="getDayClass" />
 </template>
 
 <script setup>
@@ -168,7 +168,7 @@
   return '';
 };
 </script>
Released under the MIT License.
Copyright © 2021-present Vuepic

-    
+    
     
   
 
\ No newline at end of file
diff --git a/docs/props/modes-configuration/index.html b/docs/props/modes-configuration/index.html
index c7bc4b120..7d4a009f3 100644
--- a/docs/props/modes-configuration/index.html
+++ b/docs/props/modes-configuration/index.html
@@ -5,14 +5,14 @@
     
     Props - Modes configuration | Vue Datepicker
     
-    
-    
+    
+    
     
-    
+    
     
-    
-    
-    
+    
+    
+    
     
     
     
@@ -21,7 +21,7 @@
     
   
   
-    
Vue Datepicker
Appearance
Modes configuration ​
Props for configuring and extending the datepicker when using a specific mode
Info
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, textInput as text-input and so on
range configuration ​
Providing configuration object will automatically enable range picker
ts
interface RangeConfig {
+    
Vue Datepicker
Appearance
Modes configuration ​
Props for configuring and extending the datepicker when using a specific mode
Info
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, textInput as text-input and so on
range configuration ​
Providing configuration object will automatically enable range picker
ts
interface RangeConfig {
     noDisabledRange?: boolean;
     showLastInRange?: boolean;
     minMaxRawRange?: boolean;
@@ -33,7 +33,7 @@
     minRange?: string | number;
     autoRange?: string | number;
 }
autoRange ​
Predefine range to select
  • Default: false
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :range="{ autoRange: 5 }" />
+    <VueDatePicker v-model="date" :range="{ autoRange: 5 }" />
 </template>
 
 <script setup>
@@ -41,7 +41,7 @@
 
 const date = ref();
 </script>
partialRange ​
This option is enabled by default, meaning, two dates are not required for range input. If no second date is selected, the value will be null
  • Default: true
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :range="{ partialRange: false }" />
+    <VueDatePicker v-model="date" :range="{ partialRange: false }" />
 </template>
 
 <script setup>
@@ -49,7 +49,7 @@
 
 const date = ref();
 </script>
minRange ​
Set minimal range available for selection. This is the number of days between the selected start and end date
  • Default: undefined
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :range="{ minRange: 3 }" />
+    <VueDatePicker v-model="date" :range="{ minRange: 3 }" />
 </template>
 
 <script setup>
@@ -57,7 +57,7 @@
 
 const date = ref();
 </script>
maxRange ​
Set maximal range available for selection. This is the number of days between the selected start and end date
  • Default: undefined
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :range="{ maxRange: 7 }" />
+    <VueDatePicker v-model="date" :range="{ maxRange: 7 }" />
 </template>
 
 <script setup>
@@ -65,7 +65,7 @@
 
 const date = ref();
 </script>
fixedStart ​
Allows only adjustment of the second date in the defined range
WARNING
v-model must be provided with both dates.
Should not be used in combination with fixedEnd
  • Default: false
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :range="{ fixedStart: true }" :clearable="false" />
+    <VueDatePicker v-model="date" :range="{ fixedStart: true }" :clearable="false" />
 </template>
 
 <script setup>
@@ -80,7 +80,7 @@
   date.value = [startDate, endDate];
 })
 </script>
fixedEnd ​
Allows only adjustment of the first date in the defined range
WARNING
v-model must be provided with both dates.
Should not be used in combination with fixedStart
  • Default: false
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :range="{ fixedEnd: true }" :clearable="false" />
+    <VueDatePicker v-model="date" :range="{ fixedEnd: true }" :clearable="false" />
 </template>
 
 <script setup>
@@ -95,7 +95,7 @@
   date.value = [startDate, endDate];
 })
 </script>
showLastInRange ​
By default, when the range is selected, calendar view will remain on the last selection, to return to the first selected date, disable this option
  • Default: true
Code Example
vue
<template>
-  <VueDatePicker v-model="date" :range="{ showLastInRange: false }" />
+  <VueDatePicker v-model="date" :range="{ showLastInRange: false }" />
 </template>
 
 <script setup>
@@ -109,7 +109,7 @@
   date.value = [startDate, endDate];
 })
 </script>
noDisabledRange ​
Prevents range selection if the range includes disabled dates
  • Default: false
Code Example
vue
<template>
-    <VueDatePicker 
+    <VueDatePicker 
         v-model="date" 
         :range="{ noDisabledRange: true }"
         :disabled-dates="disabledDates"
@@ -124,7 +124,7 @@
 
 const disabledDates = [subDays(new Date(), 1), new Date(), addDays(new Date(), 1)];
 </script>
disableTimeRangeValidation ​
Explicitly allow end time in range mode to be before the start time
  • Default: false
Code Example
vue
<template>
-    <VueDatePicker 
+    <VueDatePicker 
       v-model="time" 
       time-picker
       :range="{ disableTimeRangeValidation: true }"
@@ -137,7 +137,7 @@
 
 const time = ref();
 </script>
minMaxRawRange ​
When using disabled dates with minRange or mixRange, disabled dates are not calculated within, setting this option to true will validate all dates
  • Default: false
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :range="{ maxRange: 14, minMaxRawRange: true }" />
+    <VueDatePicker v-model="date" :range="{ maxRange: 14, minMaxRawRange: true }" />
 </template>
 
 <script setup>
@@ -145,7 +145,7 @@
 
 const date = ref();
 </script>
partial-range ​
Deprecation warning
This prop is deprecated, please refer to range configuration section
This prop is enabled by default, meaning, two dates are not required for range input. If no second date is selected, the value will be null
  • Type: boolean
  • Default: true
Code Example
vue
<template>
-    <VueDatePicker v-model="date" range :partial-range="false" />
+    <VueDatePicker v-model="date" range :partial-range="false" />
 </template>
 
 <script setup>
@@ -159,7 +159,7 @@
   slot?: string;
   noTz?: boolean;
 }
Code Example
vue
<template>
-    <VueDatePicker v-model="date" range :preset-dates="presetDates">
+    <VueDatePicker v-model="date" range :preset-dates="presetDates">
       <template #preset-date-range-button="{ label, value, presetDate }">
         <span 
             role="button"
@@ -170,7 +170,7 @@
           {{ label }}
         </span>
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -194,7 +194,7 @@
   { label: 'This year', value: [startOfYear(new Date()), endOfYear(new Date())] },
 ]);
 </script>
min-range ​
Deprecation warning
This prop is deprecated, please refer to range configuration section
Set minimal range available for selection. This is the number of days between the selected start and end date
Info
range prop must be enabled
  • Type: number | string
  • Default: null
Code Example
vue
<template>
-    <VueDatePicker v-model="date" range min-range="3" />
+    <VueDatePicker v-model="date" range min-range="3" />
 </template>
 
 <script setup>
@@ -202,7 +202,7 @@
 
 const date = ref();
 </script>
max-range ​
Deprecation warning
This prop is deprecated, please refer to range configuration section
Set maximal range available for selection. This is the number of days between the selected start and end date
Info
range prop must be enabled
  • Type: number | string
  • Default: null
Code Example
vue
<template>
-    <VueDatePicker v-model="date" range max-range="7" />
+    <VueDatePicker v-model="date" range max-range="7" />
 </template>
 
 <script setup>
@@ -210,7 +210,7 @@
 
 const date = ref();
 </script>
fixed-start ​
Deprecation warning
This prop is deprecated, please refer to range configuration section
Allows only adjustment of the second date in the defined range
Info
range prop must be enabled
WARNING
v-model must be provided with both dates.
Should not be used in combination with fixed-end
  • Type: boolean
  • Default: false
Code Example
vue
<template>
-    <VueDatePicker v-model="date" range fixed-start :clearable="false" />
+    <VueDatePicker v-model="date" range fixed-start :clearable="false" />
 </template>
 
 <script setup>
@@ -225,7 +225,7 @@
   date.value = [startDate, endDate];
 })
 </script>
fixed-end ​
Deprecation warning
This prop is deprecated, please refer to range configuration section
Allows only adjustment of the first date in the defined range
Info
range prop must be enabled
WARNING
v-model must be provided with both dates.
Should not be used in combination with fixed-start
  • Type: boolean
  • Default: false
Code Example
vue
<template>
-    <VueDatePicker v-model="date" range fixed-end :clearable="false" />
+    <VueDatePicker v-model="date" range fixed-end :clearable="false" />
 </template>
 
 <script setup>
@@ -244,7 +244,7 @@
     static?: boolean;
     count?: string | number;
 }
  • Default: { solo: false, static: true, count: 2 }
solo ​
When enabled, both calendars will be independent of each other
Code Example
vue
<template>
-    <VueDatePicker v-model="date" range :multi-calendars="{ solo: true }" />
+    <VueDatePicker v-model="date" range :multi-calendars="{ solo: true }" />
 </template>
 
 <script setup>
@@ -258,7 +258,7 @@
   date.value = [startDate, endDate];
 })
 </script>
static ​
The default calendar view when using multi-calendars is to keep it on the month selected by the user. When this prop is disabled, it will auto-update the first calendar when the range starts and adjust the rest of them based on the first month
Code Example
vue
<template>
-    <VueDatePicker v-model="date" range :multi-calendars="{ static: false }" />
+    <VueDatePicker v-model="date" range :multi-calendars="{ static: false }" />
 </template>
 
 <script setup>
@@ -279,7 +279,7 @@
     selectOnFocus?: boolean;
     format?: string | string[] | ((value: string) => Date | null);
 }
  • Default: { enterSubmit: true, tabSubmit: true, openMenu: true, rangeSeparator: '-' }
Properties explanation:
  • enterSubmit: When enabled, pressing enter will select a date if the input value is a valid date object
  • tabSubmit: When enabled, pressing tab will select a date if the input value is a valid date object
  • openMenu: When enabled, opens the menu when clicking on the input field
  • format: Override the default parsing format. Default is the string value from format. You can also pass multiple parser patterns or a custom parser function and parse the input yourself. When the input is focused, the date will be shown in this format.
  • rangeSeparator: If you use range mode, the default separator is -, you can change it here
  • selectOnFocus: Selects the input text when input is focused
Code Example
vue
<template>
-    <VueDatePicker 
+    <VueDatePicker 
       v-model="date"
       placeholder="Start Typing ..."
       :text-input="textInputOptions" />
@@ -295,7 +295,7 @@
 </script>
inline configuration ​
Use input with the inline mode, useful if you enable text-input. When the configuration object is provided, inline prop is auto enabled
  • Type:
ts
interface InlineOptions {
     input?: boolean;
 }
  • Default: { input: false }
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :inline="{ input: true }" text-input auto-apply />
+    <VueDatePicker v-model="date" :inline="{ input: true }" text-input auto-apply />
 </template>
 
 <script setup>
@@ -303,7 +303,7 @@
 
 const date = ref();
 </script>
multi-dates-limit ​
Limit the number of dates to select when multi-dates is enabled
  • Type: number | string
  • Default: null
Code Example
vue
<template>
-  <VueDatePicker v-model="date" multi-dates multi-dates-limit="3" />
+  <VueDatePicker v-model="date" multi-dates multi-dates-limit="3" />
 </template>
 
 <script setup>
@@ -311,7 +311,7 @@
 
 const date = ref();
 </script>
partial-flow ​
When combined with the auto-apply prop, it will set the date as soon as the date is selected without waiting for last flow step to execute
  • Type: boolean
  • Default: false
Code Example
vue
<template>
-  <VueDatePicker v-model="date" auto-apply partial-flow :flow="['calendar', 'time']" />
+  <VueDatePicker v-model="date" auto-apply partial-flow :flow="['calendar', 'time']" />
 </template>
 
 <script setup>
@@ -319,7 +319,7 @@
 
 const date = ref();
 </script>
show-last-in-range ​
Deprecation warning
This prop is deprecated, please refer to range configuration section
By default, when the range is selected, calendar view will remain on the last selection, to return to the first selected date, disable this option
  • Type: boolean
  • Default: true
Code Example
vue
<template>
-  <VueDatePicker v-model="date" range :show-last-in-range="false" />
+  <VueDatePicker v-model="date" range :show-last-in-range="false" />
 </template>
 
 <script setup>
@@ -332,8 +332,299 @@
   const endDate = new Date(new Date().setDate(startDate.getDate() + 7));
   date.value = [startDate, endDate];
 })
+</script>
timezone configuration ​
Configure the timezone conversion behaviour for props that are providing the dates, such as min-date, max-date, disabled-dates and so on
ts
interface TimeZoneConfig {
+  timezone?: string;
+  exactMatch?: boolean;
+  dateInTz?: string;
+  emitTimezone?: string;
+}
timezone ​
Same as timezone string prop type, define a timezone for the datepicker
  • Default: undefined
Timezone: UTC
Offset: 0
Code Example
vue
<template>
+  <div class="tz-demo-wrap">
+    <div class="dp-container-wrap">
+      <VueDatePicker
+        v-model="date"
+        :dark="isDark"
+        :timezone="tz"
+        inline
+        auto-apply
+        :max-date="maxDate"
+      />
+    </div>
+    <div class="tz-range-slider-wrap">
+      <div>
+        <span>Timezone: {{ activeTz.tz }}</span>
+        <br />
+        <span>Offset: {{ activeTz.offset > 0 ? `+${activeTz.offset}` : activeTz.offset }}</span>
+      </div>
+      <div>
+        <input class="tz-range-slider" type="range" v-model="selectedTz" min="0" max="22" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+  import { getMonth, getYear } from "date-fns";
+
+  const date = ref();
+  const selectedTz = ref(11);
+
+  const timezone = ref({ timezone: undefined })
+
+  const maxDate = computed(() => {
+    const month = getMonth(new Date()) + 1 > 9 ? getMonth(new Date()) + 1 : `0${getMonth(new Date()) + 1}`;
+    return `${getYear(new Date())}-${month}-15T01:00:00Z`;
+  });
+
+  const timezones = [
+    { tz: 'Pacific/Midway', offset: -11 },
+    { tz: 'America/Adak', offset: -10 },
+    { tz: 'Pacific/Gambier', offset: -9 },
+    { tz: 'America/Los_Angeles', offset: -8 },
+    { tz: 'America/Denver', offset: -7 },
+    { tz: 'America/Chicago', offset: -6 },
+    { tz: 'America/New_York', offset: -5 },
+    { tz: 'America/Santiago', offset: -4 },
+    { tz: 'America/Sao_Paulo', offset: -3 },
+    { tz: 'America/Noronha', offset: -2 },
+    { tz: 'Atlantic/Cape_Verde', offset: -1 },
+    { tz: 'UTC', offset: 0 },
+    { tz: 'Europe/Brussels', offset: 1 },
+    { tz: 'Africa/Cairo', offset: 2 },
+    { tz: 'Europe/Minsk', offset: 3 },
+    { tz: 'Europe/Moscow', offset: 4 },
+    { tz: 'Asia/Tashkent', offset: 5 },
+    { tz: 'Asia/Dhaka', offset: 6 },
+    { tz: 'Asia/Novosibirsk', offset: 7 },
+    { tz: 'Australia/Perth', offset: 8 },
+    { tz: 'Asia/Tokyo', offset: 9 },
+    { tz: 'Australia/Hobart', offset: 10 },
+    { tz: 'Asia/Vladivostok', offset: 11 },
+  ];
+
+  const activeTz = computed(() => timezones[selectedTz.value]);
+
+  const tz = computed(() => {
+    return { ...timezone.value, timezone: activeTz.value.tz };
+  });
+</script>
exactMatch ​
When enabled, it will not convert date to the given timezone. If you are providing the Date object, it will remain as is, while UTC string, will be converted to the local timezone
  • Default: false
Timezone: UTC
Offset: 0
Code Example
vue
<template>
+  <div class="tz-demo-wrap">
+    <div class="dp-container-wrap">
+      <VueDatePicker
+        v-model="date"
+        :dark="isDark"
+        :timezone="tz"
+        inline
+        auto-apply
+        :max-date="maxDate"
+      />
+    </div>
+    <div class="tz-range-slider-wrap">
+      <div>
+        <span>Timezone: {{ activeTz.tz }}</span>
+        <br />
+        <span>Offset: {{ activeTz.offset > 0 ? `+${activeTz.offset}` : activeTz.offset }}</span>
+      </div>
+      <div>
+        <input class="tz-range-slider" type="range" v-model="selectedTz" min="0" max="22" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+  const date = ref();
+  const selectedTz = ref(11);
+
+  const timezone = ref({ timezone: undefined, exactMatch: true })
+
+  /**
+   * Let's assume we are in the timezone GMT+1
+   * Provided timezone is UTC which is -1 hour from our local timezone
+   * By setting `exactMatch` property, our maxDate will remain as is
+   * If we set `exactMatch: false`, our maxDate will be new Date() -/+ offset
+   */
+  const maxDate = new Date();
+
+  const timezones = [
+    { tz: 'Pacific/Midway', offset: -11 },
+    { tz: 'America/Adak', offset: -10 },
+    { tz: 'Pacific/Gambier', offset: -9 },
+    { tz: 'America/Los_Angeles', offset: -8 },
+    { tz: 'America/Denver', offset: -7 },
+    { tz: 'America/Chicago', offset: -6 },
+    { tz: 'America/New_York', offset: -5 },
+    { tz: 'America/Santiago', offset: -4 },
+    { tz: 'America/Sao_Paulo', offset: -3 },
+    { tz: 'America/Noronha', offset: -2 },
+    { tz: 'Atlantic/Cape_Verde', offset: -1 },
+    { tz: 'UTC', offset: 0 },
+    { tz: 'Europe/Brussels', offset: 1 },
+    { tz: 'Africa/Cairo', offset: 2 },
+    { tz: 'Europe/Minsk', offset: 3 },
+    { tz: 'Europe/Moscow', offset: 4 },
+    { tz: 'Asia/Tashkent', offset: 5 },
+    { tz: 'Asia/Dhaka', offset: 6 },
+    { tz: 'Asia/Novosibirsk', offset: 7 },
+    { tz: 'Australia/Perth', offset: 8 },
+    { tz: 'Asia/Tokyo', offset: 9 },
+    { tz: 'Australia/Hobart', offset: 10 },
+    { tz: 'Asia/Vladivostok', offset: 11 },
+  ];
+
+  const activeTz = computed(() => timezones[selectedTz.value]);
+
+  const tz = computed(() => {
+    return { ...timezone.value, timezone: activeTz.value.tz };
+  });
+  
+</script>
dateInTz ​
This property is checked only if exactMatch is set to true, meaning that if you provide the date from some other timezone other than local, and want that date to be the same, you'll need to provide the original date timezone
  • Default: undefined
Timezone: UTC
Offset: 0
Code Example
vue
<template>
+  <div class="tz-demo-wrap">
+    <div class="dp-container-wrap">
+      <VueDatePicker
+        v-model="date"
+        :dark="isDark"
+        :timezone="tz"
+        inline
+        auto-apply
+        :max-date="maxDate"
+      />
+    </div>
+    <div class="tz-range-slider-wrap">
+      <div>
+        <span>Timezone: {{ activeTz.tz }}</span>
+        <br />
+        <span>Offset: {{ activeTz.offset > 0 ? `+${activeTz.offset}` : activeTz.offset }}</span>
+      </div>
+      <div>
+        <input class="tz-range-slider" type="range" v-model="selectedTz" min="0" max="22" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+  const date = ref();
+  const selectedTz = ref(11);
+
+  const timezone = ref({ timezone: undefined, exactMatch: true, dateInTz: 'UTC' })
+
+  /**
+   * Let's assume we are in the timezone GMT+1
+   * Provided timezone is UTC which is -1 hour from our local timezone
+   * By setting `exactMatch` property, we want to keep the date intact
+   * However, in this case, our `maxDate` is a UTC string, when parsed,
+   * will be automatically converted to a browser timezone
+   * To prevent this behaviour, we need to set `dateInTz`
+   * so that picker can adjust the timezone offset
+   */
+  const maxDate = computed(() => {
+    const month = getMonth(new Date()) + 1 > 9 ? getMonth(new Date()) + 1 : `0${getMonth(new Date()) + 1}`;
+    return `${getYear(new Date())}-${month}-15T01:00:00Z`;
+  });
+
+  const timezones = [
+    { tz: 'Pacific/Midway', offset: -11 },
+    { tz: 'America/Adak', offset: -10 },
+    { tz: 'Pacific/Gambier', offset: -9 },
+    { tz: 'America/Los_Angeles', offset: -8 },
+    { tz: 'America/Denver', offset: -7 },
+    { tz: 'America/Chicago', offset: -6 },
+    { tz: 'America/New_York', offset: -5 },
+    { tz: 'America/Santiago', offset: -4 },
+    { tz: 'America/Sao_Paulo', offset: -3 },
+    { tz: 'America/Noronha', offset: -2 },
+    { tz: 'Atlantic/Cape_Verde', offset: -1 },
+    { tz: 'UTC', offset: 0 },
+    { tz: 'Europe/Brussels', offset: 1 },
+    { tz: 'Africa/Cairo', offset: 2 },
+    { tz: 'Europe/Minsk', offset: 3 },
+    { tz: 'Europe/Moscow', offset: 4 },
+    { tz: 'Asia/Tashkent', offset: 5 },
+    { tz: 'Asia/Dhaka', offset: 6 },
+    { tz: 'Asia/Novosibirsk', offset: 7 },
+    { tz: 'Australia/Perth', offset: 8 },
+    { tz: 'Asia/Tokyo', offset: 9 },
+    { tz: 'Australia/Hobart', offset: 10 },
+    { tz: 'Asia/Vladivostok', offset: 11 },
+  ];
+
+  const activeTz = computed(() => timezones[selectedTz.value]);
+
+  const tz = computed(() => {
+    return { ...timezone.value, timezone: activeTz.value.tz };
+  });
+  
+</script>
emitTimezone ​
Enables the @update:model-timezone-value event that will dispatch a v-model value in a given timezone
  • Default: undefined
Timezone: UTC
Offset: 0
Code Example
vue
<template>
+  <div class="tz-demo-wrap">
+    <div class="dp-container-wrap">
+      <VueDatePicker
+        v-model="date"
+        :dark="isDark"
+        :timezone="tz"
+        inline
+        auto-apply
+        @update:model-timezone-value="setZonedDate"
+      />
+    </div>
+    <div class="tz-range-slider-wrap">
+      <div>
+        <span>Timezone: {{ activeTz.tz }}</span>
+        <br />
+        <span>Offset: {{ activeTz.offset > 0 ? `+${activeTz.offset}` : activeTz.offset }}</span>
+        <br>
+        <span v-if="zonedDate">Zoned date: {{zonedDate}}</span>
+      </div>
+      <div>
+        <input class="tz-range-slider" type="range" v-model="selectedTz" min="0" max="22" />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+  const date = ref();
+  const selectedTz = ref(11);
+
+  const timezone = ref({ emitTimezone: undefined })
+  const zonedDate = ref();
+
+  const timezones = [
+    { tz: 'Pacific/Midway', offset: -11 },
+    { tz: 'America/Adak', offset: -10 },
+    { tz: 'Pacific/Gambier', offset: -9 },
+    { tz: 'America/Los_Angeles', offset: -8 },
+    { tz: 'America/Denver', offset: -7 },
+    { tz: 'America/Chicago', offset: -6 },
+    { tz: 'America/New_York', offset: -5 },
+    { tz: 'America/Santiago', offset: -4 },
+    { tz: 'America/Sao_Paulo', offset: -3 },
+    { tz: 'America/Noronha', offset: -2 },
+    { tz: 'Atlantic/Cape_Verde', offset: -1 },
+    { tz: 'UTC', offset: 0 },
+    { tz: 'Europe/Brussels', offset: 1 },
+    { tz: 'Africa/Cairo', offset: 2 },
+    { tz: 'Europe/Minsk', offset: 3 },
+    { tz: 'Europe/Moscow', offset: 4 },
+    { tz: 'Asia/Tashkent', offset: 5 },
+    { tz: 'Asia/Dhaka', offset: 6 },
+    { tz: 'Asia/Novosibirsk', offset: 7 },
+    { tz: 'Australia/Perth', offset: 8 },
+    { tz: 'Asia/Tokyo', offset: 9 },
+    { tz: 'Australia/Hobart', offset: 10 },
+    { tz: 'Asia/Vladivostok', offset: 11 },
+  ];
+
+  const activeTz = computed(() => timezones[selectedTz.value]);
+
+  const tz = computed(() => {
+    return { ...timezone.value, emitTimezone: activeTz.value.tz };
+  });
+  
+  const setZonedDate = (date) => {
+    zonedDate.value = date.toISOString();;
+  }
 </script>
Released under the MIT License.
Copyright © 2021-present Vuepic

-    
+    
     
   
 
\ No newline at end of file
diff --git a/docs/props/modes/index.html b/docs/props/modes/index.html
index 099959a01..c3d736dcd 100644
--- a/docs/props/modes/index.html
+++ b/docs/props/modes/index.html
@@ -5,14 +5,14 @@
     
     Props - Modes | Vue Datepicker
     
-    
-    
+    
+    
     
-    
+    
     
-    
-    
-    
+    
+    
+    
     
     
     
@@ -21,8 +21,8 @@
     
   
   
-    
Vue Datepicker
Appearance
Modes ​
Set the default mode for the datepicker
Info
  • When checking the examples, for boolean prop types, the example will show the behavior opposite of what is set for the default value
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, multiCalendars as multi-calendars and so on
Info
Depending on the mode, v-model might be different, so make sure to use the proper configuration
range ​
Range picker mode
  • Type: boolean | RangeConfig
  • Default: false
Info
If the RangeConfig object is provided, range is auto enabled.
For more info about range configuration properties, please refer to range configuration section
Code Example
vue
<template>
-    <VueDatePicker v-model="date" range />
+    
Vue Datepicker
Appearance
Modes ​
Set the default mode for the datepicker
Info
  • When checking the examples, for boolean prop types, the example will show the behavior opposite of what is set for the default value
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, multiCalendars as multi-calendars and so on
Info
Depending on the mode, v-model might be different, so make sure to use the proper configuration
range ​
Range picker mode
  • Type: boolean | RangeConfig
  • Default: false
Info
If the RangeConfig object is provided, range is auto enabled.
For more info about range configuration properties, please refer to range configuration section
Code Example
vue
<template>
+    <VueDatePicker v-model="date" range />
 </template>
 
 <script setup>
@@ -37,7 +37,7 @@
   date.value = [startDate, endDate];
 })
 </script>
auto-range ​
Predefine range to select
Deprecation warning
This prop is deprecated, please refer to range configuration section
Info
range prop must be enabled
  • Type: number | string
  • Default: null
Code Example
vue
<template>
-    <VueDatePicker v-model="date" range auto-range="5" />
+    <VueDatePicker v-model="date" range auto-range="5" />
 </template>
 
 <script setup>
@@ -45,7 +45,7 @@
 
 const date = ref();
 </script>
multi-calendars ​
Enabling this prop will show multiple calendars side by side (on mobile devices, they will be in a column layout) for range picker. You can also pass a number to show more calendars. If you pass true, 2 calendars will be shown automatically.
Info
If the MultiCalendarsOptions object is provided, multi-calendars are auto enabled. For more info take a look at multi-calendars configuration section.
This mode is not supported with year-picker and time-picker
  • Type: boolean | number | string | MultiCalendarsOptions
  • Default: false
Code Example
vue
<template>
-    <VueDatePicker v-model="date" range multi-calendars />
+    <VueDatePicker v-model="date" range multi-calendars />
 </template>
 
 <script setup>
@@ -59,7 +59,7 @@
   date.value = [startDate, endDate];
 })
 </script>
month-picker ​
Change datepicker mode to select only month and year
  • Type: boolean
  • Default: false
Code Example
vue
<template>
-    <VueDatePicker v-model="month" month-picker />
+    <VueDatePicker v-model="month" month-picker />
 </template>
 
 <script setup>
@@ -70,7 +70,7 @@
   year: new Date().getFullYear()
 });
 </script>
time-picker ​
Change datepicker mode to select only time
  • Type: boolean
  • Default: false
Code Example
vue
<template>
-    <VueDatePicker v-model="time" time-picker />
+    <VueDatePicker v-model="time" time-picker />
 </template>
 
 <script setup>
@@ -81,7 +81,7 @@
   minutes: new Date().getMinutes()
 });
 </script>
year-picker ​
Change datepicker mode to select only year
  • Type: boolean
  • Default: false
Code Example
vue
<template>
-    <VueDatePicker v-model="year" year-picker />
+    <VueDatePicker v-model="year" year-picker />
 </template>
 
 <script setup>
@@ -89,7 +89,7 @@
 
 const year = ref(new Date().getFullYear());
 </script>
week-picker ​
Select a specific week range
  • Type: boolean
  • Default: false
Code Example
vue
<template>
-    <VueDatePicker v-model="date" week-picker />
+    <VueDatePicker v-model="date" week-picker />
 </template>
 
 <script setup>
@@ -97,7 +97,7 @@
 
 const date = ref();
 </script>
quarter-picker ​
Change datepicker mode to select a quarter
Warning
When working with the quarter-picker, you will receive date(s) in the v-model. Each date will be the first date of the quarter. When using validation for min or max dates, disabled dates and so on, use a first date of the targeted quarter
Info
By default, quarter item displays first and last month of the quarter, to change locale of the displayed value, you can use format-locale prop or custom quarter slot
  • Type: boolean
  • Default: false
Code Example
vue
<template>
-  <VueDatePicker v-model="quarter" quarter-picker />
+  <VueDatePicker v-model="quarter" quarter-picker />
 </template>
 
 <script setup>
@@ -106,7 +106,7 @@
 
   const quarter = ref(startOfQuarter(new Date()));
 </script>
text-input ​
When enabled, will try to parse the date from the user input.
Info
Text input works with all picker modes.
If the TextInputOptions object is provided, text-input is auto enabled. For more info take a look at text-input configuration section.
  • Type: boolean | TextInputOptions
  • Default: false
Code Example
vue
<template>
-    <VueDatePicker v-model="date" placeholder="Start Typing ..." text-input />
+    <VueDatePicker v-model="date" placeholder="Start Typing ..." text-input />
 </template>
 
 <script setup>
@@ -114,7 +114,7 @@
 
 const date = ref();
 </script>
inline ​
Removes the input field and places the calendar in your parent component
Info
Text input works with all picker modes.
If the InlineOptions object is provided, inline is auto enabled. For more info take a look at inline configuration section.
  • Type: boolean | InlineOptions
  • Default: false
Code Example
vue
<template>
-    <VueDatePicker v-model="date" inline auto-apply />
+    <VueDatePicker v-model="date" inline auto-apply />
 </template>
 
 <script setup>
@@ -122,7 +122,7 @@
 
 const date = ref(new Date());
 </script>
multi-dates ​
Allow selecting multiple single dates. When changing time, the latest selected date is affected. To deselect the date, click on the selected value
  • Type: boolean
  • Default: false
Code Example
vue
<template>
-    <VueDatePicker v-model="date" multi-dates />
+    <VueDatePicker v-model="date" multi-dates />
 </template>
 
 <script setup>
@@ -130,7 +130,7 @@
 
 const date = ref();
 </script>
flow ​
Define the selecting order. Position in the array will specify the execution step. When you overwrite the execution step, the flow is reset
  • Type: ('month' | 'year' | 'calendar' | 'time' | 'minutes' | 'hours' | 'seconds')[]
  • Default: []
Info
flow is not supported with multi-calendars mode
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :flow="flow"  />
+    <VueDatePicker v-model="date" :flow="flow"  />
 </template>
 
 <script setup>
@@ -139,7 +139,7 @@
 const date = ref();
 const flow = ref(['month', 'year', 'calendar']);
 </script>
utc ​
Output date(s) will be in UTC timezone string. You can use this if you gather dates from different timezones and want to send the date directly to the server
  • Type: boolean | 'preserve'
  • Default: false
Info
  • preserve - The input date will be the same, meaning, that it will not convert the date in the local timezone, but preserve the original UTC time.
  • true - The input date will be converted to the local timezone. Output date will be in the UTC format. Meaning that what is the actual v-model and what is displayed in the picker will be in the timezone difference.
Code Example
vue
<template>
-    <VueDatePicker v-model="date" utc />
+    <VueDatePicker v-model="date" utc />
 </template>
 
 <script setup>
@@ -147,7 +147,7 @@
 
 const date = ref();
 </script>
vertical ​
Sets the datepicker orientation in the vertical mode. This mode will change the arrow action from left/right to the top/bottom, transitions will also be vertical
  • Type: boolean
  • Default: false
Code Example
vue
<template>
-    <VueDatePicker v-model="date" vertical />
+    <VueDatePicker v-model="date" vertical />
 </template>
 
 <script setup>
@@ -155,7 +155,7 @@
 
 const date = ref(new Date());
 </script>
model-auto ​
Automatically switch between range and single picker modes
  • Type: Boolean
  • Default: false
Note
Since this prop in the background uses a partial-range make sure that range prop is provided and keep partial-range to true
This is only compatible with date pickers, specific modes are not supported
Code Example
vue
<template>
-    <VueDatePicker v-model="date" model-auto range />
+    <VueDatePicker v-model="date" model-auto range />
     <p v-if="date">Selected date: {{ date }}</p>
 </template>
 
@@ -163,55 +163,77 @@
 import { ref } from 'vue';
 
 const date = ref();
-</script>
timezone ​
Display the dates in a given timezone
  • Type: string
  • Default: null
Note
  • timezone is only supported with the date picker and not other modes for now
  • For supported timezones please refer to date-fns-tz
Code Example
vue
<template>
-    <select name="timezone-select" id="timezone-select" v-model="timezone">
-      <option :value="undefined">Select timezone</option>
-      <option v-for="zone in timezones" :value="zone" :key="zone">{{ zone }}</option>
-    </select>
-    <VueDatePicker 
-            v-model="date" 
-            multi-calendars
-            range
-            :timezone="timezone"
-            :partial-range="false" />
+</script>
timezone ​
Display the dates in a given timezone. Datepicker always work in the clients timezone, but when the timezone prop is provided, the Date object will adjust offset in the hours, remaining in the client timezone.
WARNING
v-model value is not converted, and will be parsed as it is
Info
Providing props that rely on the Date object such as min-date, max-date, disabled-dates and so on, will be converted to a provided timezone.
For more info about timezone configuration properties, please refer to timezone configuration section
  • Type: string | TimeZoneConfig
  • Default: null
Timezone: UTC
Offset: 0
Code Example
vue
<template>
+  <div class="tz-demo-wrap">
+    <div class="dp-container-wrap">
+      <VueDatePicker 
+        v-model="date" 
+        :dark="isDark" 
+        :timezone="tz" 
+        inline 
+        auto-apply
+        :max-date="maxDate"
+      />
+    </div>
+    <div class="tz-range-slider-wrap">
+      <div>
+        <span>Timezone: {{ activeTz.tz }}</span>
+        <br />
+        <span>Offset: {{ activeTz.offset > 0 ? `+${activeTz.offset}` : activeTz.offset }}</span>
+      </div>
+      <div>
+        <input class="tz-range-slider" type="range" v-model="selectedTz" min="0" max="22" />
+      </div>
+    </div>
+  </div>
 </template>
 
 <script setup>
-import { ref } from 'vue';
-import { addDays } from 'date-fns';
-
-const date = ref([new Date(), addDays(new Date(), 5)]);
-const timezone = ref(undefined);
-
-// These are just for the demo purposes
-const timezones = [
-  'Pacific/Midway', // -11
-  'America/Adak', // -10,
-  'Pacific/Gambier', // -9
-  'America/Los_Angeles', // -8
-  'America/Denver', // -7
-  'America/Chicago', // -6
-  'America/New_York', // -5
-  'America/Santiago', // -4
-  'America/Sao_Paulo', // -3
-  'America/Noronha', // -2
-  'Atlantic/Cape_Verde', // -1
-  'UTC', // utc
-  'Europe/Brussels', //+1
-  'Africa/Cairo', // +2
-  'Europe/Minsk', // +3
-  'Europe/Moscow', // +4
-  'Asia/Tashkent', // +5
-  'Asia/Dhaka', // +6
-  'Asia/Novosibirsk', // +7
-  'Australia/Perth', // +8
-  'Asia/Tokyo', // +9
-  'Australia/Hobart', // +10
-  'Asia/Vladivostok', // +11
-  'Pacific/Auckland', // +12
-];
-</script>
emit-timezone ​
Enables the @update:model-timezone-value event that will dispatch a v-model value in a given timezone
  • Type: string
  • Default: null
Code Example
vue
<template>
-  <VueDatePicker
+  import { getMonth, getYear } from "date-fns";
+
+  const date = ref();
+  const selectedTz = ref(11);
+  
+  const timezone = ref({ timezone: undefined })
+
+  const maxDate = computed(() => {
+    const month = getMonth(new Date()) + 1 > 9 ? getMonth(new Date()) + 1 : `0${getMonth(new Date()) + 1}`;
+    return `${getYear(new Date())}-${month}-15T01:00:00Z`;
+  });
+
+  const timezones = [
+    { tz: 'Pacific/Midway', offset: -11 },
+    { tz: 'America/Adak', offset: -10 }, 
+    { tz: 'Pacific/Gambier', offset: -9 }, 
+    { tz: 'America/Los_Angeles', offset: -8 }, 
+    { tz: 'America/Denver', offset: -7 }, 
+    { tz: 'America/Chicago', offset: -6 }, 
+    { tz: 'America/New_York', offset: -5 }, 
+    { tz: 'America/Santiago', offset: -4 }, 
+    { tz: 'America/Sao_Paulo', offset: -3 }, 
+    { tz: 'America/Noronha', offset: -2 }, 
+    { tz: 'Atlantic/Cape_Verde', offset: -1 }, 
+    { tz: 'UTC', offset: 0 },
+    { tz: 'Europe/Brussels', offset: 1 }, 
+    { tz: 'Africa/Cairo', offset: 2 }, 
+    { tz: 'Europe/Minsk', offset: 3 }, 
+    { tz: 'Europe/Moscow', offset: 4 },
+    { tz: 'Asia/Tashkent', offset: 5 },
+    { tz: 'Asia/Dhaka', offset: 6 },
+    { tz: 'Asia/Novosibirsk', offset: 7 },
+    { tz: 'Australia/Perth', offset: 8 }, 
+    { tz: 'Asia/Tokyo', offset: 9 },
+    { tz: 'Australia/Hobart', offset: 10 },
+    { tz: 'Asia/Vladivostok', offset: 11 },
+  ];
+
+  const activeTz = computed(() => timezones[selectedTz.value]);
+
+  const tz = computed(() => {
+    return { ...timezone.value, timezone: activeTz.value.tz };
+  });
+</script>
emit-timezone ​
Enables the @update:model-timezone-value event that will dispatch a v-model value in a given timezone
Deprecation warning
This prop is deprecated, please refer to timezone configuration section
  • Type: string
  • Default: null
Code Example
vue
<template>
+  <VueDatePicker
       v-model="date"
       emit-timezone="UTC"
       @update:model-timezone-value="setUTCDate"
@@ -228,7 +250,7 @@
         utcDate.value = value;
     };
 </script>
Released under the MIT License.
Copyright © 2021-present Vuepic

-    
+    
     
   
 
\ No newline at end of file
diff --git a/docs/props/positioning/index.html b/docs/props/positioning/index.html
index 6e14b1f33..19006aae0 100644
--- a/docs/props/positioning/index.html
+++ b/docs/props/positioning/index.html
@@ -5,14 +5,14 @@
     
     Props - Positioning | Vue Datepicker
     
-    
-    
+    
+    
     
-    
+    
     
-    
-    
-    
+    
+    
+    
     
     
     
@@ -21,8 +21,8 @@
     
   
   
-    
Vue Datepicker
Appearance
Positioning ​
Configure datepicker menu positioning
Info
  • When checking the examples, for boolean prop types, the example will show the behavior opposite of what is set for the default value
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, autoPosition as auto-position and so on
position ​
Datepicker menu position
  • Type: 'left' | 'center' | 'right'
  • Default: 'center'
Code Example
vue
<template>
-    <VueDatePicker v-model="date" position="left" />
+    
Vue Datepicker
Appearance
Positioning ​
Configure datepicker menu positioning
Info
  • When checking the examples, for boolean prop types, the example will show the behavior opposite of what is set for the default value
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, autoPosition as auto-position and so on
position ​
Datepicker menu position
  • Type: 'left' | 'center' | 'right'
  • Default: 'center'
Code Example
vue
<template>
+    <VueDatePicker v-model="date" position="left" />
 </template>
 
 <script setup>
@@ -30,7 +30,7 @@
 
 const date = ref(new Date());
 </script>
teleport ​
Use teleport to position the datepicker menu. This is useful if you have hidden overflow on the parent HTML element where the menu is not showing in full. If you just set the value to true, the menu will be placed on body
  • Type: boolean | string
  • Default: null
Note
In case you are enabling teleport to the default value (<body>), make sure to explicitly set it to true to prevent conflict with the built-in <teleport> component
Default transitions for menu open and close will not work with the teleport enabled
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :teleport="true" />
+    <VueDatePicker v-model="date" :teleport="true" />
 </template>
 
 <script setup>
@@ -38,7 +38,7 @@
 
 const date = ref(new Date());
 </script>
alt-position ​
If you have issues with the menu being miss-placed, you can use custom function that can position the menu to your liking
  • Type: (el: HTMLElement) => ({ top: number; left: number; transform: string })
  • Default: null
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :alt-position="customPosition" />
+    <VueDatePicker v-model="date" :alt-position="customPosition" />
 </template>
 
 <script setup>
@@ -47,7 +47,7 @@
 const date = ref(new Date());
 const customPosition = () => ({ top: 0, left: 0 });
 </script>
auto-position ​
When enabled, based on viewport space available it will automatically position the menu above or bellow input field
  • Type: boolean
  • Default: true
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :auto-position="false" />
+    <VueDatePicker v-model="date" :auto-position="false" />
 </template>
 
 <script setup>
@@ -55,7 +55,7 @@
 
 const date = ref(new Date());
 </script>
teleport-center ​
Sets the menu position on the page center, useful for smaller screens where there is no space available above or bellow the input field
  • Type: boolean
  • Default: false
Code Example
vue
<template>
-    <VueDatePicker v-model="date" teleport-center />
+    <VueDatePicker v-model="date" teleport-center />
 </template>
 
 <script setup>
@@ -63,7 +63,7 @@
 
 const date = ref(new Date());
 </script>
Released under the MIT License.
Copyright © 2021-present Vuepic

-    
+    
     
   
 
\ No newline at end of file
diff --git a/docs/props/time-picker-configuration/index.html b/docs/props/time-picker-configuration/index.html
index 172ba5f0b..1e22a13c0 100644
--- a/docs/props/time-picker-configuration/index.html
+++ b/docs/props/time-picker-configuration/index.html
@@ -5,14 +5,14 @@
     
     Props - Time picker configuration | Vue Datepicker
     
-    
-    
+    
+    
     
-    
+    
     
-    
-    
-    
+    
+    
+    
     
     
     
@@ -21,8 +21,8 @@
     
   
   
-    
Vue Datepicker
Appearance
Time picker configuration ​
Configuration properties for the time picker, applicable whether it is used standalone or with the datepicker.
Info
  • When checking the examples, for boolean prop types, the example will show the behavior opposite of what is set for the default value
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, enableTimePicker as enable-time-picker and so on
time-picker-inline ​
Configures the time picker to display under the calendar rather than opening it as an overlay.
  • Type: boolean
  • Default: false
Code Example
vue
<template>
-    <VueDatePicker v-model="date" time-picker-inline />
+    
Vue Datepicker
Appearance
Time picker configuration ​
Configuration properties for the time picker, applicable whether it is used standalone or with the datepicker.
Info
  • When checking the examples, for boolean prop types, the example will show the behavior opposite of what is set for the default value
  • If you use the component in the browser <script> tag, make sure to pass multi-word props with -, for example, enableTimePicker as enable-time-picker and so on
time-picker-inline ​
Configures the time picker to display under the calendar rather than opening it as an overlay.
  • Type: boolean
  • Default: false
Code Example
vue
<template>
+    <VueDatePicker v-model="date" time-picker-inline />
 </template>
 
 <script setup>
@@ -30,7 +30,7 @@
 
 const date = ref(new Date());
 </script>
enable-time-picker ​
Enable or disable time picker
  • Type: boolean
  • Default: true
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :enable-time-picker="false" />
+    <VueDatePicker v-model="date" :enable-time-picker="false" />
 </template>
 
 <script setup>
@@ -38,7 +38,7 @@
 
 const date = ref(new Date());
 </script>
is-24 ​
Whether to use 24H or 12H mode
  • Type: boolean
  • Default: true
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :is-24="false" />
+    <VueDatePicker v-model="date" :is-24="false" />
 </template>
 
 <script setup>
@@ -46,7 +46,7 @@
 
 const date = ref(new Date());
 </script>
enable-seconds ​
Enable seconds in the time picker
  • Type: boolean
  • Default: false
Code Example
vue
<template>
-    <VueDatePicker v-model="date" enable-seconds />
+    <VueDatePicker v-model="date" enable-seconds />
 </template>
 
 <script setup>
@@ -54,7 +54,7 @@
 
 const date = ref(new Date());
 </script>
hours-increment ​
The value which is used to increment hours via arrows in the time picker
  • Type: number | string
  • Default: 1
Code Example
vue
<template>
-    <VueDatePicker v-model="date" hours-increment="2" />
+    <VueDatePicker v-model="date" hours-increment="2" />
 </template>
 
 <script setup>
@@ -62,7 +62,7 @@
 
 const date = ref(new Date());
 </script>
minutes-increment ​
The value which is used to increment minutes via arrows in the time picker
  • Type: number | string
  • Default: 1
Code Example
vue
<template>
-    <VueDatePicker v-model="date" minutes-increment="5" />
+    <VueDatePicker v-model="date" minutes-increment="5" />
 </template>
 
 <script setup>
@@ -70,7 +70,7 @@
 
 const date = ref(new Date());
 </script>
seconds-increment ​
The value which is used to increment seconds via arrows in the time picker
  • Type: number | string
  • Default: 1
Code Example
vue
<template>
-    <VueDatePicker v-model="date" enable-seconds seconds-increment="5" />
+    <VueDatePicker v-model="date" enable-seconds seconds-increment="5" />
 </template>
 
 <script setup>
@@ -78,7 +78,7 @@
 
 const date = ref(new Date());
 </script>
hours-grid-increment ​
The value which is used to increment hours when showing hours overlay
It will always start from 0 until it reaches 24 or 12 depending on the is-24 prop
  • Type: number | string
  • Default: 1
Code Example
vue
<template>
-    <VueDatePicker v-model="date" hours-grid-increment="2" />
+    <VueDatePicker v-model="date" hours-grid-increment="2" />
 </template>
 
 <script setup>
@@ -86,7 +86,7 @@
 
 const date = ref(new Date());
 </script>
minutes-grid-increment ​
The value which is used to increment minutes when showing minutes overlay
It will always start from 0 to 60 minutes
  • Type: number | string
  • Default: 5
Code Example
vue
<template>
-    <VueDatePicker v-model="date" minutes-grid-increment="2" />
+    <VueDatePicker v-model="date" minutes-grid-increment="2" />
 </template>
 
 <script setup>
@@ -94,7 +94,7 @@
 
 const date = ref(new Date());
 </script>
seconds-grid-increment ​
The value which is used to increment seconds when showing seconds overlay
  • Type: number | string
  • Default: 5
Code Example
vue
<template>
-    <VueDatePicker v-model="date" enable-seconds seconds-grid-increment="2" />
+    <VueDatePicker v-model="date" enable-seconds seconds-grid-increment="2" />
 </template>
 
 <script setup>
@@ -102,7 +102,7 @@
 
 const date = ref(new Date());
 </script>
no-hours-overlay ​
Disable overlay for the hours, only arrow selection will be available
  • Type: boolean
  • Default: false
Code Example
vue
<template>
-    <VueDatePicker v-model="date" no-hours-overlay />
+    <VueDatePicker v-model="date" no-hours-overlay />
 </template>
 
 <script setup>
@@ -110,7 +110,7 @@
 
 const date = ref(new Date());
 </script>
no-minutes-overlay ​
Disable overlay for the minutes, only arrow selection will be available
  • Type: boolean
  • Default: false
Code Example
vue
<template>
-    <VueDatePicker v-model="date" no-minutes-overlay />
+    <VueDatePicker v-model="date" no-minutes-overlay />
 </template>
 
 <script setup>
@@ -118,7 +118,7 @@
 
 const date = ref(new Date());
 </script>
no-seconds-overlay ​
Disable overlay for the seconds, only arrow selection will be available
  • Type: boolean
  • Default: false
Code Example
vue
<template>
-    <VueDatePicker v-model="date" no-seconds-overlay enable-seconds />
+    <VueDatePicker v-model="date" no-seconds-overlay enable-seconds />
 </template>
 
 <script setup>
@@ -126,7 +126,7 @@
 
 const date = ref(new Date());
 </script>
min-time ​
Sets the minimal available time to pick
  • Type: { hours?: number | string; minutes?: number | string; seconds?: number | string }
  • Default: null
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :min-time="{ hours: 11, minutes: 30 }" placeholder="Select Date" />
+    <VueDatePicker v-model="date" :min-time="{ hours: 11, minutes: 30 }" placeholder="Select Date" />
 </template>
 
 <script setup>
@@ -134,7 +134,7 @@
 
 const date = ref(new Date());
 </script>
max-time ​
Sets the maximal available time to pick
  • Type: { hours?: number | string; minutes?: number | string; seconds?: number | string }
  • Default: null
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :max-time="{ hours: 11, minutes: 30 }" placeholder="Select Date" />
+    <VueDatePicker v-model="date" :max-time="{ hours: 11, minutes: 30 }" placeholder="Select Date" />
 </template>
 
 <script setup>
@@ -142,7 +142,7 @@
 
 const date = ref(new Date());
 </script>
start-time ​
Set some default starting time
  • Type: 
    • Single picker: { hours?: number | string; minutes?: number | string; seconds?: number | string }
    • Range picker: { hours?: number | string; minutes?: number | string; seconds?: number | string }[]
  • Default: null
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :start-time="startTime" placeholder="Select Date" />
+    <VueDatePicker v-model="date" :start-time="startTime" placeholder="Select Date" />
 </template>
 
 <script setup>
@@ -151,7 +151,7 @@
 const date = ref();
 const startTime = ref({ hours: 0, minutes: 0 });
 </script>
disable-time-range-validation ​
Deprecation warning
This prop is deprecated, please refer to range configuration section
Explicitly allow end time in range mode to be before the start time
  • Type: boolean
  • Default: false
Code Example
vue
<template>
-    <VueDatePicker v-model="time" time-picker disable-time-range-validation range placeholder="Select Time" />
+    <VueDatePicker v-model="time" time-picker disable-time-range-validation range placeholder="Select Time" />
 </template>
 
 <script setup>
@@ -168,7 +168,7 @@
     <button v-for="btn in buttons" :key="btn" @click="changeMode(btn)">
       {{ btn }}
     </button>
-    <VueDatePicker v-model="date" :disabled-times="isRange ? rangeDisabledTimes : disabledTimes" />
+    <VueDatePicker v-model="date" :disabled-times="isRange ? rangeDisabledTimes : disabledTimes" />
 </template>
 
 <script setup>
@@ -203,7 +203,7 @@
   mode.value = btn;
 };
 </script>
Released under the MIT License.
Copyright © 2021-present Vuepic

-    
+    
     
   
 
\ No newline at end of file
diff --git a/docs/slots/components/index.html b/docs/slots/components/index.html
index 36c16cfcb..72ffb4b95 100644
--- a/docs/slots/components/index.html
+++ b/docs/slots/components/index.html
@@ -5,14 +5,14 @@
     
     Slots - Components | Vue Datepicker
     
-    
-    
+    
+    
     
-    
+    
     
-    
-    
-    
+    
+    
+    
     
     
     
@@ -21,7 +21,7 @@
     
   
   
-    
Vue Datepicker
Appearance
Component slots ​
Replace the built-in components with custom implementation
month-year ​
Create and use a custom component implementation in the header for month/year select
Info
When using this slot, the overlays will not be available, it is up to you to create them if you want
Warning
Depending on the used mode, slot will provide a different set of props
Exposed props:
Date picker
ts
interface DefaultSelect {
+    
Vue Datepicker
Appearance
Component slots ​
Replace the built-in components with custom implementation
month-year ​
Create and use a custom component implementation in the header for month/year select
Info
When using this slot, the overlays will not be available, it is up to you to create them if you want
Warning
Depending on the used mode, slot will provide a different set of props
Exposed props:
Date picker
ts
interface DefaultSelect {
   value: number;
   text: string;
   className?: Record<string, boolean>;
@@ -52,7 +52,7 @@
   disabled: boolean; // If the selection is disabled
   className: Record<string, boolean>; // Applied classes on a given cell
 }
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
       <template 
           #month-year="{
               month,
@@ -80,16 +80,16 @@
           <span 
               class="custom-icon" 
               @click="handleMonthYearChange(false)">
-            <ChevronLeftIcon />
+            <ChevronLeftIcon />
           </span>
           <span 
               class="custom-icon" 
               @click="handleMonthYearChange(true)">
-            <ChevronRightIcon />
+            <ChevronRightIcon />
           </span>
         </div>
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script lang="ts" setup>
@@ -162,7 +162,7 @@
 }
 
 type UpdateTime = (value: number | number[], isHours: boolean, isSeconds: boolean) => void;
Info
Keep in mind that when you are using the range picker, both values for the time must be emitted. For example if you want to update the second date hours, you will call a function something like this updateTime([firstValueSaved, newSecondValue])
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
       <template #time-picker="{ time, updateTime }">
         <div class="custom-time-picker-component">
           <select 
@@ -187,7 +187,7 @@
           </select>
         </div>
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script lang="ts" setup>
@@ -231,14 +231,14 @@
   -webkit-appearance: menulist;
 }
 </style>
action-row ​
Create and use a custom component for action row
This slot exposes the following:
  • internalModelValue (Date | Date[] | null) 
    • Current selected value in the datepicker
  • selectDate (() => void) 
    • Select the current internalModelValue value
  • closePicker (() = void) 
    • Close the datepicker menu
  • disabled (boolean) 
    • If the value is invalid based on the provided configuration
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
       <template #action-row="{ internalModelValue, selectDate }">
         <div class="action-row">
           <p class="current-selection">{{ formatDate(internalModelValue) }}</p>
           <button class="select-button" @click="selectDate">Select Date</button>
         </div>
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script lang="ts" setup>
@@ -261,7 +261,7 @@
   width: 100%;
 }
 </style>
Released under the MIT License.
Copyright © 2021-present Vuepic

-    
+    
     
   
 
\ No newline at end of file
diff --git a/docs/slots/content/index.html b/docs/slots/content/index.html
index 495d3de91..0c69d6978 100644
--- a/docs/slots/content/index.html
+++ b/docs/slots/content/index.html
@@ -5,14 +5,14 @@
     
     Slots - Content | Vue Datepicker
     
-    
-    
+    
+    
     
-    
+    
     
-    
-    
-    
+    
+    
+    
     
     
     
@@ -21,14 +21,14 @@
     
   
   
-    
Vue Datepicker
Appearance
Content ​
Customize parts in the datepicker menu
calendar-header ​
Replace the content in the calendar header cells
Available props are:
  • day: Displayed value in the header cell
  • index: Column index it is rendered by
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    
Vue Datepicker
Appearance
Content ​
Customize parts in the datepicker menu
calendar-header ​
Replace the content in the calendar header cells
Available props are:
  • day: Displayed value in the header cell
  • index: Column index it is rendered by
Code Example
vue
<template>
+    <VueDatePicker v-model="date">
       <template #calendar-header="{ index, day }">
         <div :class="index === 5 || index === 6 ? 'red-color' : ''">
           {{ day }}
         </div>
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -42,7 +42,7 @@
         color: red;
     }
 </style>
day ​
This slot allows you to place custom content in the calendar
This slot will also provide 2 props when used
  • day: This is the day number displayed in the calendar
  • date: This is the date value from that day
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
         <template #day="{ day, date }">
             <template v-if="day === tomorrow">
               <img class="slot-icon" src="/logo.png"/>
@@ -51,7 +51,7 @@
               {{ day }}
             </template>
         </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -67,11 +67,11 @@
         width: auto;
     }
 </style>
action-buttons ​
This slot replaces the buttons section in the action row
Code Example
vue
<template>
-    <VueDatePicker v-model="date" ref="dp">
+    <VueDatePicker v-model="date" ref="dp">
       <template #action-buttons>
         <p class="custom-select" @click="selectDate">Select</p>
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -93,11 +93,11 @@
       display: inline-block;
     }
 </style>
action-preview ​
This slot replaces the date preview section in the action row
This slot will provide one prop
  • value: Current selection in the picker, this can be Date object, or in case of range, Date array
Code Example
vue
<template>
-    <VueDatePicker v-model="date" ref="dp">
+    <VueDatePicker v-model="date" ref="dp">
       <template #action-preview="{ value }">
         {{ getDate(value) }}
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -112,13 +112,13 @@
   return `Selected ${newDate.getDate()}`;
 }
 </script>
action-extra ​
This slot provides extra space in the action row
One prop is available:
  • selectCurrentDate - Function to call to select the date
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
       <template #action-extra="{ selectCurrentDate }">
         <span @click="selectCurrentDate()" title="Select current date">
           <img class="slot-icon" src="/logo.png" />
         </span>
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -134,11 +134,11 @@
     cursor: pointer;
   }
 </style>
am-pm-button ​
This slot replaces the am-pm button in the time picker when the is-24 prop is set to false
Two props are available:
  • toggle - Function to call to switch AM/PM
  • value - Currently active mode, AM or PM
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
       <template #am-pm-button="{ toggle, value }">
         <button @click="toggle">{{ value }}</button>
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -184,11 +184,11 @@
   time: { hours: number | number[]; minutes: number | number[]; seconds: number | number[] };
   updateTime: (value: number | number[], isHours = true, isSeconds = false) => void;
 }
  • modelValue - By modifying this variable, you will directly modify the current selection
  • time - Reactive object containing time, may be different that the v-model set time
  • updateTime - Function that updates time
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
       <template #left-sidebar="props">
         <div>Custom content</div>
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -234,11 +234,11 @@
   time: { hours: number | number[]; minutes: number | number[]; seconds: number | number[] };
   updateTime: (value: number | number[], isHours = true, isSeconds = false) => void;
 }
  • modelValue - By modifying this variable, you will directly modify the current selection
  • time - Reactive object containing time, may be different that the v-model set time
  • updateTime - Function that updates time
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
       <template #right-sidebar>
         <div>Custom content</div>
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -246,11 +246,11 @@
 
 const date = ref();
 </script>
marker-tooltip ​
This slot replaces the content inside the marker tooltip
Two props are available:
  • tooltip - The tooltip data provided in the array
  • day - The date marker is displayed on
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :markers="markers">
+    <VueDatePicker v-model="date" :markers="markers">
       <template #marker-tooltip="{ tooltip, day }">
         <div>Custom content on {{ day }}</div>
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -279,11 +279,11 @@
   },
 ])
 </script>
marker ​
This slot replaces the default marker shape (line or dot)
Info
When slot is provided, you will have to do a custom styling in order to position it on the right place
Three props are available:
  • marker - Provided marker configuration
  • day - The text value displayed in the calendar cell
  • date - The date marker is displayed on
Code Example
vue
<template>
-    <VueDatePicker v-model="date" :markers="markers">
+    <VueDatePicker v-model="date" :markers="markers">
       <template #marker="{ marker, day, date }">
         <span class="custom-marker"></span>
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -324,11 +324,11 @@
   background-color: green;
 }
 </style>
quarter ​
This slot replaces the default quarter item
Two props are available:
  • value - First date for a given quarter
  • text - The text value displayed in the quarter button
Code Example
vue
<template>
-  <VueDatePicker v-model="quarter">
+  <VueDatePicker v-model="quarter">
     <template #quarter="{ value }">
       <span>{{ formatQuarter(value) }}</span>
     </template>
-  </VueDatePicker>
+  </VueDatePicker>
 </template>
 
 <script setup>
@@ -341,7 +341,7 @@
       return format(quarter, 'QQQ')
   }
 </script>
Released under the MIT License.
Copyright © 2021-present Vuepic

-    
+    
     
   
 
\ No newline at end of file
diff --git a/docs/slots/icons/index.html b/docs/slots/icons/index.html
index d2106cee1..7252aecf2 100644
--- a/docs/slots/icons/index.html
+++ b/docs/slots/icons/index.html
@@ -5,14 +5,14 @@
     
     Slots - Icons | Vue Datepicker
     
-    
-    
+    
+    
     
-    
+    
     
-    
-    
-    
+    
+    
+    
     
     
     
@@ -21,12 +21,12 @@
     
   
   
-    
Vue Datepicker
Appearance
Icons ​
Change datepicker icons
input-icon ​
This slot replaces the calendar icon in the input element with your custom element
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    
Vue Datepicker
Appearance
Icons ​
Change datepicker icons
input-icon ​
This slot replaces the calendar icon in the input element with your custom element
Code Example
vue
<template>
+    <VueDatePicker v-model="date">
         <template #input-icon>
             <img class="input-slot-image" src="/logo.png"/>
         </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -42,11 +42,11 @@
         margin-left: 5px;
     }
 </style>
clear-icon ​
This slot replaces the clear icon in the input element with your custom element
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
         <template #clear-icon="{ clear }">
             <img class="input-slot-image" src="/logo.png" @click="clear" />
         </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -62,11 +62,11 @@
         margin-right: 5px;
     }
 </style>
clock-icon ​
This slot replaces the default clock icon used to select the time
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
         <template #clock-icon>
             <img class="slot-icon" src="/logo.png"/>
         </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -81,11 +81,11 @@
         width: auto;
     }
 </style>
arrow-left ​
This slot replaces the arrow left icon on the month/year select row
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
         <template #arrow-left>
             <img class="slot-icon" src="/logo.png"/>
         </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -100,11 +100,11 @@
         width: auto;
     }
 </style>
arrow-right ​
This slot replaces the arrow right icon on the month/year select row
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
         <template #arrow-right>
             <img class="slot-icon" src="/logo.png"/>
         </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -119,11 +119,11 @@
         width: auto;
     }
 </style>
arrow-up ​
This slot replaces the arrow up icon in the time picker or header if vertical mode is enabled
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
         <template #arrow-up>
             <img class="slot-icon" src="/logo.png"/>
         </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -139,11 +139,11 @@
        margin: 0 auto;
     }
 </style>
arrow-down ​
This slot replaces the arrow down icon in the time picker or header if vertical mode is enabled
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
         <template #arrow-down>
             <img class="slot-icon" src="/logo.png"/>
         </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -159,11 +159,11 @@
         margin: 0 auto;
     }
 </style>
calendar-icon ​
This slot replaces the back to calendar icon
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
         <template #calendar-icon>
             <img class="slot-icon" src="/logo.png"/>
         </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -178,7 +178,7 @@
         width: auto;
     }
 </style>
Released under the MIT License.
Copyright © 2021-present Vuepic

-    
+    
     
   
 
\ No newline at end of file
diff --git a/docs/slots/overlay/index.html b/docs/slots/overlay/index.html
index 3ababdd8a..c9166770e 100644
--- a/docs/slots/overlay/index.html
+++ b/docs/slots/overlay/index.html
@@ -5,14 +5,14 @@
     
     Slots - Overlay | Vue Datepicker
     
-    
-    
+    
+    
     
-    
+    
     
-    
-    
-    
+    
+    
+    
     
     
     
@@ -21,8 +21,8 @@
     
   
   
-    
Vue Datepicker
Appearance
Overlay ​
Customize overlay and overlay triggers
time-picker-overlay ​
This slot replaces the full overlay in the timepicker
Several props are available:
  • range: Value passed from general props
  • hours: Selected hours value
  • minutes: Selected minutes value
  • seconds: Selected seconds value
  • setHours: Function to call to set hours, (hours: number | number[]) => void
  • setMinutes: Function to call to set minutes, (minutes: number | number[]) => void
  • setSeconds: Function to call to set seconds, (seconds: number | number[]) => void
Info
If you are using range mode, make sure to pass number arrays in functions
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    
Vue Datepicker
Appearance
Overlay ​
Customize overlay and overlay triggers
time-picker-overlay ​
This slot replaces the full overlay in the timepicker
Several props are available:
  • range: Value passed from general props
  • hours: Selected hours value
  • minutes: Selected minutes value
  • seconds: Selected seconds value
  • setHours: Function to call to set hours, (hours: number | number[]) => void
  • setMinutes: Function to call to set minutes, (minutes: number | number[]) => void
  • setSeconds: Function to call to set seconds, (seconds: number | number[]) => void
Info
If you are using range mode, make sure to pass number arrays in functions
Code Example
vue
<template>
+    <VueDatePicker v-model="date">
       <template #time-picker-overlay="{ hours, minutes, setHours, setMinutes }">
         <div class="time-picker-overlay">
           <select class="select-input" :value="hours" @change="setHours(+$event.target.value)">
@@ -33,7 +33,7 @@
           </select>
         </div>
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -65,11 +65,11 @@
   flex-direction: column;
 }
 </style>
hours ​
This slot replaces the hours text between the arrows in the time picker
2 props are available
  • text: Value displayed in the datepicker by default
  • value: Actual value used in the code
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
       <template #hours="{ text, value }">
         {{ value }}
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -77,11 +77,11 @@
 
 const date = ref(new Date());
 </script>
minutes ​
This slot replaces the minutes text between the arrows in the time picker
2 props are available
  • text: Value displayed in the datepicker by default
  • value: Actual value used in the code
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
       <template #minutes="{ text, value }">
         {{ value }}
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -89,11 +89,11 @@
 
 const date = ref(new Date());
 </script>
hours-overlay-value ​
This slot replaces the text in the hours overlay
2 props are available
  • text: Value displayed in the datepicker by default
  • value: Actual value used in the code
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
       <template #hours-overlay="{ text, value }">
         {{ value }}
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -101,11 +101,11 @@
 
 const date = ref(new Date());
 </script>
minutes-overlay-value ​
This slot replaces the text in the minutes overlay
2 props are available
  • text: Value displayed in the datepicker by default
  • value: Actual value used in the code
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
       <template #minutes-overlay="{ text, value }">
         {{ value }}
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -113,11 +113,11 @@
 
 const date = ref(new Date());
 </script>
month ​
This slot replaces the text in the month picker
2 props are available
  • text: Value displayed in the datepicker by default
  • value: Actual value used in the code
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
       <template #month="{ text, value }">
         {{ value }}
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -125,11 +125,11 @@
 
 const date = ref(new Date());
 </script>
year ​
This slot replaces the text in the year picker
One props is available
  • value: Displayed year
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
       <template #year="{ value }">
         {{ value }}
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -137,11 +137,11 @@
 
 const date = ref(new Date());
 </script>
month-overlay-value ​
This slot replaces the text in the month picker overlay
2 props are available
  • text: Value displayed in the datepicker by default
  • value: Actual value used in the code
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
       <template #month-overlay-value="{ text, value }">
         {{ value }}
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -149,11 +149,11 @@
 
 const date = ref(new Date());
 </script>
year-overlay-value ​
This slot replaces the text in the month picker overlay
2 props are available, although for the year, text and value are the same
  • text: Value displayed in the datepicker by default
  • value: Actual value used in the code
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
       <template #year-overlay-value="{ text, value }">
         {{ value }}
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -161,7 +161,7 @@
 
 const date = ref(new Date());
 </script>
month-overlay ​
Replace the content in month overlay
This slot exposes the following:
  • month (number) 
    • Selected month value
  • year (number) 
    • Selected year value
  • items ( { text: string; value: number }[]) 
    • Generated array of months
  • updateMonthYear ((month: number, year: number) => void) 
    • Exposed function to update month and year
  • instance (number) 
    • In case of multi-calendars, instance is the order of the calendar
  • toggle (() => void) 
    • Toggle overlay
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
       <template 
           #month-overlay="{
               month,
@@ -180,7 +180,7 @@
             </div>
             <button @click="toggle">Close</button>
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script lang="ts" setup>
@@ -199,7 +199,7 @@
       toggle();
 };
 </script>
year-overlay ​
Replace the content in year overlay
This slot exposes the following:
  • month (number) 
    • Selected month value
  • year (number) 
    • Selected year value
  • items ( { text: string; value: number }[]) 
    • Generated array of years
  • updateMonthYear ((month: number, year: number) => void) 
    • Exposed function to update month and year
  • instance (number) 
    • In case of multi-calendars, instance is the order of the calendar
  • toggle (() => void) 
    • Toggle overlay
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
       <template 
           #year-overlay="{
               month,
@@ -219,7 +219,7 @@
             </div>
             <button @click="toggle">Close</button>
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script lang="ts" setup>
@@ -238,7 +238,7 @@
       toggle();
 };
 </script>
month-overlay-header ​
Add a custom content in the overlay header
Exposed function:
  • toggle (() => void)
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
       <template #month-overlay-header="{ toggle }">
             <div class="overlay-header">
                 <span @click="toggle" class="pointer">
@@ -246,7 +246,7 @@
                 </span>
             </div>
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script lang="ts" setup>
@@ -263,7 +263,7 @@
   cursor: pointer;
 }
 </style>
year-overlay-header ​
Add a custom content in the overlay header
Exposed function:
  • toggle (() => void)
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
       <template #year-overlay-header="{ toggle }">
             <div class="overlay-header">
                 <span @click="toggle" class="pointer">
@@ -271,7 +271,7 @@
                 </span>
             </div>
       </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script lang="ts" setup>
@@ -288,7 +288,7 @@
   cursor: pointer;
 }
 </style>
Released under the MIT License.
Copyright © 2021-present Vuepic

-    
+    
     
   
 
\ No newline at end of file
diff --git a/docs/slots/trigger-and-input/index.html b/docs/slots/trigger-and-input/index.html
index 4d0d96670..a87eccb91 100644
--- a/docs/slots/trigger-and-input/index.html
+++ b/docs/slots/trigger-and-input/index.html
@@ -5,14 +5,14 @@
     
     Slots - Trigger and input | Vue Datepicker
     
-    
-    
+    
+    
     
-    
+    
     
-    
-    
-    
+    
+    
+    
     
     
     
@@ -21,12 +21,12 @@
     
   
   
-    
Vue Datepicker
Appearance
Trigger and input ​
Use custom input or trigger element
trigger ​
This slot replaces the input element with your custom element
This is some custom clickable text that will open datepicker
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    
Vue Datepicker
Appearance
Trigger and input ​
Use custom input or trigger element
trigger ​
This slot replaces the input element with your custom element
This is some custom clickable text that will open datepicker
Code Example
vue
<template>
+    <VueDatePicker v-model="date">
         <template #trigger>
             <p class="clickable-text">This is some custom clickable text that will open the datepicker</p>
         </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -41,11 +41,11 @@
         cursor: pointer;
     }
 </style>
dp-input ​
This slot replaces the input field. The difference from the trigger slot is that you will have access to the input field properties
Available props are:
TIP
For functions to work correctly, make sure that the text-input prop is enabled
When calling onInput function, make sure to pass the input event as an argument
  • value: Value displayed in the input field 
    • type: string
  • isMenuOpen: Get info if the menu is in the open state 
    • type: boolean
  • onInput: Function called on the @input event 
    • type: (event: Event | string) => void
  • onEnter: Function called on the @keydown.enter event 
    • type: () => void
  • onTab: Function called on the @keydown.tab event 
    • type: () => void
  • onClear: Function to call if you want to clear date 
    • type: () => void
  • onBlur: Function to call on input blur 
    • type: () => void
  • onKeypress: Function to call on key press 
    • type: (event: KeyboardEvent) => void
  • onPaste: Function to call on paste 
    • type: () => void
  • openMenu: Open menu 
    • type: () => void
  • closeMenu: Close menu 
    • type: () => void
  • toggleMenu: Toggle menu 
    • type: () => void
Code Example
vue
<template>
-    <VueDatePicker v-model="date">
+    <VueDatePicker v-model="date">
         <template #dp-input="{ value, onInput, onEnter, onTab, onClear, onBlur, onKeypress, onPaste, isMenuOpen }">
           <input type="text" :value="value" />
         </template>
-    </VueDatePicker>
+    </VueDatePicker>
 </template>
 
 <script setup>
@@ -53,7 +53,7 @@
 
 const date = ref(new Date());
 </script>
Released under the MIT License.
Copyright © 2021-present Vuepic

-    
+    
     
   
 
\ No newline at end of file