@nubisco/ui 5.18.1 → 5.19.0

package/dist/DatePicker-BgMtkY76.cjs

@@ -0,0 +1 @@
+require(`./chunk-D-qHiVGv.cjs`);const e=require(`./Icon-C8R_r_In.cjs`),t=require(`./composables/useSurfaceLayer.composable.cjs`),n=require(`./composables/usePhoneLayout.composable.cjs`),r=require(`./Label-CZhQEyoi.cjs`),i=require(`./Message-C44ftsaT.cjs`),a=require(`./Grid-DiCxrPaO.cjs`),o=require(`./composables/useMenuSurface.composable.cjs`),s=require(`./composables/useVisualViewportVar.composable.cjs`);let c=require(`vue`),l=require(`@nubisco/ui/icons/caret-right`),u=require(`@nubisco/ui/icons/calendar`),d=require(`@nubisco/ui/icons/caret-double-left`),ee=require(`@nubisco/ui/icons/caret-left`),te=require(`@nubisco/ui/icons/caret-double-right`);var ne={class:`nb-date-picker__col`},re=[`id`,`value`,`placeholder`,`disabled`,`readonly`,`required`,`name`,`aria-invalid`,`aria-describedby`],ie=[`disabled`,`aria-label`],ae={key:0,class:`nb-date-picker__col`},oe=[`id`,`value`,`placeholder`,`disabled`,`readonly`,`required`,`aria-invalid`,`aria-describedby`],se=[`disabled`,`aria-label`],ce={key:0,class:`nb-date-picker__inner-header`},le=[`for`],ue={key:0,class:`nb-date-picker__asterisk`,"aria-hidden":`true`},de={class:`nb-date-picker__fluid-row`},fe=[`id`,`value`,`placeholder`,`disabled`,`readonly`,`required`,`name`,`aria-invalid`],pe=[`disabled`,`aria-label`],me={key:0,class:`nb-date-picker__inner-header`},he=[`for`],ge={key:0,class:`nb-date-picker__asterisk`,"aria-hidden":`true`},_e={class:`nb-date-picker__fluid-row`},ve=[`id`,`value`,`placeholder`,`disabled`,`readonly`,`required`,`aria-invalid`],ye=[`disabled`,`aria-label`],be=[`aria-label`],xe={class:`nb-date-picker__cal-header`},Se=[`id`],Ce=[`aria-labelledby`],we={class:`nb-date-picker__cal-weekdays`},Te=[`abbr`],Ee=[`aria-selected`,`aria-disabled`],De=[`tabindex`,`disabled`,`aria-label`,`data-date`,`onClick`],f=(0,c.defineComponent)({inheritAttrs:!1,__name:`DatePicker`,props:{modelValue:{default:null},type:{default:`single`},endValue:{default:null},min:{default:void 0},max:{default:void 0},weekStart:{default:1},locale:{default:void 0},endPlaceholder:{default:``},endLabel:{default:``},endError:{default:``},endWarning:{default:``},disabledDates:{type:[Array,Function],default:void 0},readonly:{type:Boolean,default:!1},placeholder:{default:``},name:{default:``},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},id:{default:void 0},label:{default:``},error:{default:``},warning:{default:``},helper:{default:``},variant:{default:`default`},size:{default:`md`}},emits:[`update:modelValue`,`update:endValue`,`change`],setup(f,{expose:Oe,emit:ke}){let p=f,{layerProps:Ae}=t.useSurfaceLayer({overlay:!0}),m=ke,je=`nb-date-picker-${(0,c.useId)()}`,h=(0,c.computed)(()=>p.id??je),g=(0,c.computed)(()=>`${h.value}-end`),_=(0,c.computed)(()=>`${h.value}-helper`),Me=(0,c.computed)(()=>`${h.value}-message`),v=(0,c.computed)(()=>`${h.value}-end-message`),Ne=(0,c.computed)(()=>`${h.value}-cal-title`),y=(0,c.ref)(null),Pe=(0,c.computed)(()=>y.value!==null),b=(0,c.ref)(!1),x=(0,c.ref)($(new Date)),S=(0,c.ref)(null),C=(0,c.ref)(null),w=(0,c.ref)(null),T=(0,c.ref)(null);o.useMenuSurface(T);let{phone:E}=n.usePhoneLayout(),Fe=(0,c.ref)(null);s.useVisualViewportVar(()=>b.value);let Ie=(0,c.ref)({position:`fixed`,top:`0px`,left:`0px`,zIndex:`9999`}),D=(0,c.ref)(`start`),O=(0,c.computed)(()=>p.locale||navigator.language||`pt-PT`),k=(0,c.computed)(()=>new Intl.DateTimeFormat(O.value).formatToParts(new Date(2e3,0,15)).map(e=>e.type===`day`?`dd`:e.type===`month`?`mm`:e.type===`year`?`yyyy`:e.value).join(``));function A(e){if(!e)return``;let t=new Date(e+`T00:00:00`);return isNaN(t.getTime())?e:t.toLocaleDateString(O.value)}function Le(e){return new Date(e+`T00:00:00`).toLocaleDateString(O.value,{weekday:`long`,year:`numeric`,month:`long`,day:`numeric`})}let Re=(0,c.computed)(()=>A(p.modelValue??null)),j=(0,c.computed)(()=>A(p.endValue??null)),M=(0,c.computed)(()=>p.error?{variant:`error`,text:p.error}:p.warning?{variant:`warning`,text:p.warning}:null),N=(0,c.computed)(()=>p.type===`range`?p.endError?{variant:`error`,text:p.endError}:p.endWarning?{variant:`warning`,text:p.endWarning}:null:null),P=(0,c.computed)(()=>M.value?M.value:p.helper?{variant:`helper`,text:p.helper}:null),ze=(0,c.computed)(()=>{if(p.variant===`default`)return M.value?Me.value:p.helper?_.value:void 0}),Be=(0,c.computed)(()=>{if(p.variant===`default`)return N.value?v.value:p.helper?_.value:void 0}),F=(0,c.computed)(()=>p.type===`range`&&!!p.endLabel),Ve=(0,c.computed)(()=>p.endLabel||p.endPlaceholder);function I(e){return p.min!=null&&e<p.min||p.max!=null&&e>p.max?!0:p.disabledDates?typeof p.disabledDates==`function`?p.disabledDates(e):p.disabledDates.includes(e):!1}function He(e){let t=e.trim();if(!t)return null;if(/^\d{4}-\d{2}-\d{2}$/.test(t)){let e=new Date(t+`T00:00:00`);return isNaN(e.getTime())?null:t}let n=new Date(t);return isNaN(n.getTime())?null:$(n)}function Ue(e){let t=e.target.value,n=He(t);n&&I(n)||(n||t===``)&&(m(`update:modelValue`,n),m(`change`,n))}function We(e){let t=e.target.value,n=He(t);n&&I(n)||(n||t===``)&&m(`update:endValue`,n)}function L(e){y.value=e.target===w.value?`end`:`start`,p.type!==`simple`&&!p.readonly&&(D.value=y.value,b.value?B():V())}function R(){y.value=null}function z(e){if(!(p.type===`simple`||p.readonly))switch(e.key){case`Escape`:b.value&&(H(),e.preventDefault());break;case`ArrowDown`:e.preventDefault(),b.value||V(),(0,c.nextTick)(W);break;case`Enter`:b.value||(e.preventDefault(),V(),(0,c.nextTick)(W));break}}function B(){let e=S.value?.querySelectorAll(`.nb-date-picker__input-wrapper`);if(!e?.length)return;let t=(D.value===`end`&&e.length>1?e[1]:e[0]).getBoundingClientRect();Ie.value={position:`fixed`,top:`${t.bottom+4}px`,left:`${t.left}px`,zIndex:`9999`}}function V(){if(p.disabled||p.readonly||p.type===`simple`||b.value)return;b.value=!0;let e=D.value===`end`&&p.endValue?p.endValue:p.modelValue,t=e?new Date(e+`T00:00:00`):new Date;X.value=t.getFullYear(),Z.value=t.getMonth(),x.value=e||$(new Date),B()}function H(){b.value&&(b.value=!1,(0,c.nextTick)(()=>{D.value===`end`&&w.value?w.value.focus():C.value?.focus()}))}function U(){b.value?H():(D.value=`start`,V(),(0,c.nextTick)(W))}function W(){(0,c.nextTick)(()=>{(T.value?.querySelector(`[data-date="${x.value}"]`))?.focus()})}function Ge(e){I(e)||(p.type===`range`?D.value===`start`?(m(`update:modelValue`,e),m(`change`,e),D.value=`end`,x.value=e,(0,c.nextTick)(()=>w.value?.focus())):(p.modelValue&&e<p.modelValue?(m(`update:endValue`,p.modelValue),m(`update:modelValue`,e),m(`change`,e)):m(`update:endValue`,e),H()):(m(`update:modelValue`,e),m(`change`,e),H()))}function Ke(e){let t=new Date(x.value+`T00:00:00`),n=!0;switch(e.key){case`ArrowRight`:G(t,1);break;case`ArrowLeft`:G(t,-1);break;case`ArrowDown`:G(t,7);break;case`ArrowUp`:G(t,-7);break;case`Home`:qe(t,`start`);break;case`End`:qe(t,`end`);break;case`PageUp`:e.shiftKey?K(t,-12):K(t,-1);break;case`PageDown`:e.shiftKey?K(t,12):K(t,1);break;case`Enter`:case` `:e.preventDefault(),Ge(x.value);return;case`Escape`:H();break;case`Tab`:H();return;default:n=!1}n&&e.preventDefault()}function G(e,t){let n=new Date(e);n.setDate(n.getDate()+t),q(n)}function qe(e,t){let n=e.getDay();p.weekStart===1&&(n=n===0?6:n-1);let r=t===`start`?-n:6-n,i=new Date(e);i.setDate(i.getDate()+r),q(i)}function K(e,t){let n=new Date(e);n.setMonth(n.getMonth()+t),n.getDate()!==e.getDate()&&n.setDate(0),q(n)}function q(e){let t=$(e);p.min!=null&&t<p.min||p.max!=null&&t>p.max||(x.value=t,X.value=e.getFullYear(),Z.value=e.getMonth(),W())}function J(e){let t=e.target,n=S.value?.contains(t)??!1,r=T.value?.contains(t)??!1,i=Fe.value?.contains(t)??!1;!n&&!r&&!i&&H()}function Y(){b.value&&B()}(0,c.watch)(b,e=>{e?(document.addEventListener(`mousedown`,J),window.addEventListener(`scroll`,Y,!0),window.addEventListener(`resize`,Y)):(document.removeEventListener(`mousedown`,J),window.removeEventListener(`scroll`,Y,!0),window.removeEventListener(`resize`,Y))}),(0,c.onBeforeUnmount)(()=>{document.removeEventListener(`mousedown`,J),window.removeEventListener(`scroll`,Y,!0),window.removeEventListener(`resize`,Y)});let X=(0,c.ref)(new Date().getFullYear()),Z=(0,c.ref)(new Date().getMonth());function Q(e){let t=X.value*12+Z.value+e;X.value=Math.floor(t/12),Z.value=(t%12+12)%12;let n=new Date(x.value+`T00:00:00`).getDate(),r=new Date(X.value,Z.value+1,0).getDate();x.value=$(new Date(X.value,Z.value,Math.min(n,r))),W()}let Je=()=>Q(-1),Ye=()=>Q(1),Xe=()=>Q(-12),Ze=()=>Q(12),Qe=(0,c.computed)(()=>{let e=new Date(X.value,Z.value,1).toLocaleDateString(O.value,{month:`long`,year:`numeric`});return e.charAt(0).toUpperCase()+e.slice(1)}),$e=(0,c.computed)(()=>{let e=[],t=new Date(2024,0,p.weekStart===0?7:1);for(let n=0;n<7;n++){let r=new Date(t);r.setDate(t.getDate()+n);let i=r.toLocaleDateString(O.value,{weekday:`narrow`}).toUpperCase(),a=r.toLocaleDateString(O.value,{weekday:`long`});e.push({narrow:i,full:a.charAt(0).toUpperCase()+a.slice(1)})}return e});function $(e){return`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,`0`)}-${String(e.getDate()).padStart(2,`0`)}`}let et=(0,c.computed)(()=>$(new Date)),tt=(0,c.computed)(()=>{let e=X.value,t=Z.value,n=new Date(e,t,1),r=new Date(e,t+1,0),i=n.getDay();p.weekStart===1&&(i=i===0?6:i-1);let a=[],o=p.modelValue??null,s=p.endValue??null,c=o&&s?o<s?o:s:null,l=o&&s?o<s?s:o:null;function u(e,t){let n=$(e);return{key:n,date:n,day:e.getDate(),inMonth:t,isToday:n===et.value,isSelected:n===o||n===s,inRange:c!=null&&l!=null&&n>c&&n<l,isRangeStart:n===c&&l!=null,isRangeEnd:n===l&&c!=null,isDisabled:I(n)}}for(let n=i-1;n>=0;n--)a.push(u(new Date(e,t,-n),!1));for(let n=1;n<=r.getDate();n++)a.push(u(new Date(e,t,n),!0));let d=7-a.length%7;if(d<7)for(let n=1;n<=d;n++)a.push(u(new Date(e,t+1,n),!1));return a}),nt=(0,c.computed)(()=>{let e=[];for(let t=0;t<tt.value.length;t+=7)e.push(tt.value.slice(t,t+7));return e}),rt=(0,c.computed)(()=>[`nb-date-picker`,`nb-date-picker--${p.variant}`,`nb-date-picker--${p.size}`,`nb-date-picker--${p.type}`,{"nb-date-picker--focused":Pe.value,"nb-date-picker--open":b.value,"nb-date-picker--error":!!p.error||!!p.endError,"nb-date-picker--warning":!p.error&&!p.endError&&(!!p.warning||!!p.endWarning),"nb-date-picker--disabled":p.disabled,"nb-date-picker--readonly":p.readonly}]),it=(0,c.computed)(()=>({"nb-date-picker__input-wrapper--focused":y.value===`start`,"nb-date-picker__input-wrapper--error":!!p.error,"nb-date-picker__input-wrapper--warning":!p.error&&!!p.warning,"nb-date-picker__input-wrapper--disabled":p.disabled,"nb-date-picker__input-wrapper--readonly":p.readonly})),at=(0,c.computed)(()=>({"nb-date-picker__input-wrapper--focused":y.value===`end`,"nb-date-picker__input-wrapper--error":!!p.endError,"nb-date-picker__input-wrapper--warning":!p.endError&&!!p.endWarning,"nb-date-picker__input-wrapper--disabled":p.disabled,"nb-date-picker__input-wrapper--readonly":p.readonly}));return Oe({open:V,close:H,focus:()=>C.value?.focus()}),(t,n)=>((0,c.openBlock)(),(0,c.createElementBlock)(c.Fragment,null,[(0,c.createElementVNode)(`div`,{ref_key:`rootRef`,ref:S,class:(0,c.normalizeClass)(rt.value)},[f.variant===`default`?((0,c.openBlock)(),(0,c.createElementBlock)(c.Fragment,{key:0},[t.$slots.label?(0,c.renderSlot)(t.$slots,`label`,{key:0}):f.label&&!F.value?((0,c.openBlock)(),(0,c.createBlock)(r.t,{key:1,for:h.value,required:f.required,disabled:f.disabled},{default:(0,c.withCtx)(()=>[(0,c.createTextVNode)((0,c.toDisplayString)(f.label),1)]),_:1},8,[`for`,`required`,`disabled`])):(0,c.createCommentVNode)(``,!0),(0,c.createVNode)(a.t,{dir:`row`,gap:f.type===`range`?`sm`:void 0,class:`nb-date-picker__fields`},{default:(0,c.withCtx)(()=>[(0,c.createElementVNode)(`div`,ne,[F.value&&f.label?((0,c.openBlock)(),(0,c.createBlock)(r.t,{key:0,for:h.value,required:f.required,disabled:f.disabled},{default:(0,c.withCtx)(()=>[(0,c.createTextVNode)((0,c.toDisplayString)(f.label),1)]),_:1},8,[`for`,`required`,`disabled`])):(0,c.createCommentVNode)(``,!0),(0,c.createElementVNode)(`div`,{class:(0,c.normalizeClass)([`nb-date-picker__input-wrapper`,it.value])},[(0,c.createElementVNode)(`input`,(0,c.mergeProps)({id:h.value,ref_key:`inputRef`,ref:C},t.$attrs,{type:`text`,class:`nb-date-picker__field`,value:Re.value,placeholder:f.placeholder||k.value,disabled:f.disabled,readonly:f.readonly,required:f.required,name:f.name,"aria-invalid":f.error?!0:void 0,"aria-describedby":ze.value,onInput:n[0]||=e=>Ue(e),onFocus:L,onBlur:R,onKeydown:z}),null,16,re),f.type===`simple`?(0,c.createCommentVNode)(``,!0):((0,c.openBlock)(),(0,c.createElementBlock)(`button`,{key:0,type:`button`,class:`nb-date-picker__icon`,disabled:f.disabled||f.readonly,tabindex:`-1`,"aria-label":f.modelValue?`Change date, ${A(f.modelValue)}`:`Choose date`,onClick:U},[(0,c.createVNode)(e.t,{name:(0,c.unref)(u.regular),size:16},null,8,[`name`])],8,ie))],2)]),f.type===`range`?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,ae,[F.value?((0,c.openBlock)(),(0,c.createBlock)(r.t,{key:0,for:g.value,required:f.required,disabled:f.disabled},{default:(0,c.withCtx)(()=>[(0,c.createTextVNode)((0,c.toDisplayString)(f.endLabel),1)]),_:1},8,[`for`,`required`,`disabled`])):(0,c.createCommentVNode)(``,!0),(0,c.createElementVNode)(`div`,{class:(0,c.normalizeClass)([`nb-date-picker__input-wrapper`,at.value])},[(0,c.createElementVNode)(`input`,{id:g.value,ref_key:`endInputRef`,ref:w,type:`text`,class:`nb-date-picker__field`,value:j.value,placeholder:f.endPlaceholder||k.value,disabled:f.disabled,readonly:f.readonly,required:f.required,"aria-invalid":f.endError?!0:void 0,"aria-describedby":Be.value,onInput:n[1]||=e=>We(e),onFocus:L,onBlur:R,onKeydown:z},null,40,oe),(0,c.createElementVNode)(`button`,{type:`button`,class:`nb-date-picker__icon`,disabled:f.disabled||f.readonly,tabindex:`-1`,"aria-label":f.endValue?`Change end date, ${A(f.endValue)}`:`Choose end date`,onClick:U},[(0,c.createVNode)(e.t,{name:(0,c.unref)(u.regular),size:16},null,8,[`name`])],8,se)],2)])):(0,c.createCommentVNode)(``,!0)]),_:1},8,[`gap`]),M.value?((0,c.openBlock)(),(0,c.createBlock)(i.t,{key:2,id:Me.value,variant:M.value.variant,class:`nb-date-picker__message`},{default:(0,c.withCtx)(()=>[(0,c.createTextVNode)((0,c.toDisplayString)(M.value.text),1)]),_:1},8,[`id`,`variant`])):(0,c.createCommentVNode)(``,!0),N.value?((0,c.openBlock)(),(0,c.createBlock)(i.t,{key:3,id:v.value,variant:N.value.variant,class:`nb-date-picker__message`},{default:(0,c.withCtx)(()=>[(0,c.createTextVNode)((0,c.toDisplayString)(N.value.text),1)]),_:1},8,[`id`,`variant`])):(0,c.createCommentVNode)(``,!0),!M.value&&!N.value&&f.helper?((0,c.openBlock)(),(0,c.createBlock)(i.t,{key:4,id:_.value,variant:`helper`,class:`nb-date-picker__message`},{default:(0,c.withCtx)(()=>[(0,c.createTextVNode)((0,c.toDisplayString)(f.helper),1)]),_:1},8,[`id`])):(0,c.createCommentVNode)(``,!0)],64)):f.variant===`fluid`?((0,c.openBlock)(),(0,c.createBlock)(a.t,{key:1,dir:`row`,gap:f.type===`range`?`sm`:void 0,class:`nb-date-picker__fields`},{default:(0,c.withCtx)(()=>[(0,c.createElementVNode)(`div`,{class:(0,c.normalizeClass)([`nb-date-picker__input-wrapper nb-date-picker__input-wrapper--fluid`,it.value])},[f.label||t.$slots.label||P.value?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,ce,[t.$slots.label?(0,c.renderSlot)(t.$slots,`label`,{key:0}):((0,c.openBlock)(),(0,c.createElementBlock)(`label`,{key:1,for:h.value,class:`nb-date-picker__inner-label`},[(0,c.createTextVNode)((0,c.toDisplayString)(f.label)+` `,1),f.required?((0,c.openBlock)(),(0,c.createElementBlock)(`span`,ue,`*`)):(0,c.createCommentVNode)(``,!0)],8,le)),P.value?((0,c.openBlock)(),(0,c.createBlock)(i.t,{key:2,variant:P.value.variant,"icon-only":``,class:`nb-date-picker__inner-message`},{default:(0,c.withCtx)(()=>[(0,c.createTextVNode)((0,c.toDisplayString)(P.value.text),1)]),_:1},8,[`variant`])):(0,c.createCommentVNode)(``,!0)])):(0,c.createCommentVNode)(``,!0),(0,c.createElementVNode)(`div`,de,[(0,c.createElementVNode)(`input`,(0,c.mergeProps)({id:h.value,ref_key:`inputRef`,ref:C},t.$attrs,{type:`text`,class:`nb-date-picker__field`,value:Re.value,placeholder:f.placeholder||k.value,disabled:f.disabled,readonly:f.readonly,required:f.required,name:f.name,"aria-invalid":f.error?!0:void 0,onInput:n[2]||=e=>Ue(e),onFocus:L,onBlur:R,onKeydown:z}),null,16,fe),f.type===`simple`?(0,c.createCommentVNode)(``,!0):((0,c.openBlock)(),(0,c.createElementBlock)(`button`,{key:0,type:`button`,class:`nb-date-picker__icon`,disabled:f.disabled||f.readonly,tabindex:`-1`,"aria-label":f.modelValue?`Change date, ${A(f.modelValue)}`:`Choose date`,onClick:U},[(0,c.createVNode)(e.t,{name:(0,c.unref)(u.regular),size:16},null,8,[`name`])],8,pe))])],2),f.type===`range`?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{key:0,class:(0,c.normalizeClass)([`nb-date-picker__input-wrapper nb-date-picker__input-wrapper--fluid`,at.value])},[Ve.value||N.value?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,me,[(0,c.createElementVNode)(`label`,{for:g.value,class:`nb-date-picker__inner-label`},[(0,c.createTextVNode)((0,c.toDisplayString)(Ve.value)+` `,1),f.required?((0,c.openBlock)(),(0,c.createElementBlock)(`span`,ge,`*`)):(0,c.createCommentVNode)(``,!0)],8,he),N.value?((0,c.openBlock)(),(0,c.createBlock)(i.t,{key:0,variant:N.value.variant,"icon-only":``,class:`nb-date-picker__inner-message`},{default:(0,c.withCtx)(()=>[(0,c.createTextVNode)((0,c.toDisplayString)(N.value.text),1)]),_:1},8,[`variant`])):(0,c.createCommentVNode)(``,!0)])):(0,c.createCommentVNode)(``,!0),(0,c.createElementVNode)(`div`,_e,[(0,c.createElementVNode)(`input`,{id:g.value,ref_key:`endInputRef`,ref:w,type:`text`,class:`nb-date-picker__field`,value:j.value,placeholder:f.endPlaceholder||k.value,disabled:f.disabled,readonly:f.readonly,required:f.required,"aria-invalid":f.endError?!0:void 0,onInput:n[3]||=e=>We(e),onFocus:L,onBlur:R,onKeydown:z},null,40,ve),(0,c.createElementVNode)(`button`,{type:`button`,class:`nb-date-picker__icon`,disabled:f.disabled||f.readonly,tabindex:`-1`,"aria-label":f.endValue?`Change end date, ${A(f.endValue)}`:`Choose end date`,onClick:U},[(0,c.createVNode)(e.t,{name:(0,c.unref)(u.regular),size:16},null,8,[`name`])],8,ye)])],2)):(0,c.createCommentVNode)(``,!0)]),_:3},8,[`gap`])):(0,c.createCommentVNode)(``,!0)],2),((0,c.openBlock)(),(0,c.createBlock)(c.Teleport,{to:`body`},[b.value&&(0,c.unref)(E)?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{key:0,ref_key:`scrimRef`,ref:Fe,class:`nb-date-picker__scrim`,"aria-hidden":`true`,onClick:H},null,512)):(0,c.createCommentVNode)(``,!0),b.value?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,(0,c.mergeProps)({key:1,ref_key:`calendarRef`,ref:T,role:`dialog`,"aria-modal":`true`,"aria-label":f.label?`${f.label} calendar`:`Date picker`,class:[`nb-date-picker__calendar`,{"nb-date-picker__calendar--sheet":(0,c.unref)(E)}]},(0,c.unref)(Ae),{style:(0,c.unref)(E)?void 0:Ie.value,onKeydown:Ke,onMousedown:n[4]||=(0,c.withModifiers)(()=>{},[`prevent`])}),[(0,c.createElementVNode)(`div`,xe,[(0,c.createElementVNode)(`button`,{type:`button`,class:`nb-date-picker__cal-nav`,"aria-label":`Previous year`,onClick:Xe},[(0,c.createVNode)(e.t,{name:(0,c.unref)(d.regular),size:16},null,8,[`name`])]),(0,c.createElementVNode)(`button`,{type:`button`,class:`nb-date-picker__cal-nav`,"aria-label":`Previous month`,onClick:Je},[(0,c.createVNode)(e.t,{name:(0,c.unref)(ee.regular),size:16},null,8,[`name`])]),(0,c.createElementVNode)(`span`,{id:Ne.value,class:`nb-date-picker__cal-title`,"aria-live":`polite`},(0,c.toDisplayString)(Qe.value),9,Se),(0,c.createElementVNode)(`button`,{type:`button`,class:`nb-date-picker__cal-nav`,"aria-label":`Next month`,onClick:Ye},[(0,c.createVNode)(e.t,{name:(0,c.unref)(l.regular),size:16},null,8,[`name`])]),(0,c.createElementVNode)(`button`,{type:`button`,class:`nb-date-picker__cal-nav`,"aria-label":`Next year`,onClick:Ze},[(0,c.createVNode)(e.t,{name:(0,c.unref)(te.regular),size:16},null,8,[`name`])])]),(0,c.createElementVNode)(`table`,{role:`grid`,"aria-labelledby":Ne.value,class:`nb-date-picker__cal-table`},[(0,c.createElementVNode)(`thead`,null,[(0,c.createElementVNode)(`tr`,we,[((0,c.openBlock)(!0),(0,c.createElementBlock)(c.Fragment,null,(0,c.renderList)($e.value,e=>((0,c.openBlock)(),(0,c.createElementBlock)(`th`,{key:e.narrow,scope:`col`,class:`nb-date-picker__cal-weekday`,abbr:e.full},(0,c.toDisplayString)(e.narrow),9,Te))),128))])]),(0,c.createElementVNode)(`tbody`,null,[((0,c.openBlock)(!0),(0,c.createElementBlock)(c.Fragment,null,(0,c.renderList)(nt.value,(e,t)=>((0,c.openBlock)(),(0,c.createElementBlock)(`tr`,{key:t},[((0,c.openBlock)(!0),(0,c.createElementBlock)(c.Fragment,null,(0,c.renderList)(e,e=>((0,c.openBlock)(),(0,c.createElementBlock)(`td`,{key:e.key,role:`gridcell`,"aria-selected":e.isSelected||void 0,"aria-disabled":e.isDisabled||void 0},[(0,c.createElementVNode)(`button`,{type:`button`,class:(0,c.normalizeClass)([`nb-date-picker__cal-day`,{"nb-date-picker__cal-day--outside":!e.inMonth,"nb-date-picker__cal-day--today":e.isToday,"nb-date-picker__cal-day--selected":e.isSelected,"nb-date-picker__cal-day--in-range":e.inRange,"nb-date-picker__cal-day--range-start":e.isRangeStart,"nb-date-picker__cal-day--range-end":e.isRangeEnd,"nb-date-picker__cal-day--disabled":e.isDisabled,"nb-date-picker__cal-day--focused":e.date===x.value}]),tabindex:e.date===x.value?0:-1,disabled:e.isDisabled,"aria-label":Le(e.date),"data-date":e.date,onClick:t=>Ge(e.date)},(0,c.toDisplayString)(e.day),11,De)],8,Ee))),128))]))),128))])],8,Ce)],16,be)):(0,c.createCommentVNode)(``,!0)]))],64))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});