@aotearoan/neon/dist/components/user-input/date-picker/NeonDatePicker.vue.cjs.js

Neon is a lightweight design library of Vue 3 components with minimal dependencies.

"use strict";const c=require("./NeonDatePicker.cjs.js"),a=require("vue"),p=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),u=["aria-label","tabindex"],b={ref:"calendarRef",class:"neon-date-picker__calendar"},k={class:"neon-date-picker__calendar-header"},m={class:"neon-date-picker__calendar-title-readonly"},v={class:"neon-date-picker__calendar-header-actions"},g=a.createElementVNode("hr",null,null,-1),h={class:"neon-date-picker__calendar-options"},y={class:"neon-date-picker__calendar-header"},D={key:0,class:"neon-date-picker__calendar-title-readonly"},B={class:"neon-date-picker__calendar-header-actions"},N=a.createElementVNode("hr",null,null,-1),V={class:"neon-date-picker__calendar-options"},$={class:"neon-date-picker__calendar-header"},E={key:0,class:"neon-date-picker__calendar-title-readonly"},C={class:"neon-date-picker__calendar-header-actions"},Y={class:"neon-date-picker__calendar-dows"},z=a.createElementVNode("hr",null,null,-1),M=a.createElementVNode("hr",null,null,-1),w={class:"neon-button-group"};function L(e,n,S,F,P,O){const d=a.resolveComponent("neon-input"),o=a.resolveComponent("neon-button"),s=a.resolveComponent("neon-dropdown");return a.openBlock(),a.createElementBlock("div",{class:a.normalizeClass([[`neon-date-picker--${e.size}`,`neon-date-picker--${e.color}`,{"neon-date-picker--disabled":e.disabled,"neon-date-picker--open":e.calendarOpen}],"neon-date-picker"])},[a.createVNode(s,{ref:"dropdown",modelValue:e.calendarOpen,"onUpdate:modelValue":[n[13]||(n[13]=l=>e.calendarOpen=l),n[14]||(n[14]=l=>e.resetToCalendar())],placement:e.placement},{"dropdown-button":a.withCtx(()=>[a.createVNode(d,{color:e.color,disabled:e.disabled,"icon-readonly":!0,"model-value":e.formattedValue,placeholder:e.placeholder,size:e.size,tabindex:-1,class:"neon-date-picker__button",icon:"calendar",type:"text"},null,8,["color","disabled","model-value","placeholder","size"]),a.createElementVNode("div",{"aria-label":e.openCalendarLabel,tabindex:e.disabled?-1:0,class:"neon-date-picker__button-click-capture",role:"button",onClick:n[0]||(n[0]=l=>!e.disabled&&e.openCalendar()),onKeydown:[n[1]||(n[1]=a.withKeys(a.withModifiers(l=>e.openCalendar(),["stop","prevent"]),["enter"])),n[2]||(n[2]=a.withKeys(a.withModifiers(l=>e.openCalendar(),["stop","prevent"]),["space"]))]},null,40,u)]),default:a.withCtx(()=>[a.createElementVNode("div",b,[e.yearSelectionOpen?(a.openBlock(),a.createElementBlock(a.Fragment,{key:0},[a.createElementVNode("div",k,[a.createElementVNode("span",m,a.toDisplayString(`${e.calendar.pageDecadeStart}–${e.calendar.pageDecadeStart+9}`),1),a.createElementVNode("div",v,[a.createVNode(o,{"aria-label":e.previousDecadeLabel,circular:!0,color:e.color,disabled:e.isPreviousDecadeDisabled,"button-style":"text",class:"neon-date-picker__previous-button",icon:"chevron-left",size:"m",onClick:n[3]||(n[3]=l=>e.onPreviousDecade())},null,8,["aria-label","color","disabled"]),a.createVNode(o,{"aria-label":e.nextDecadeLabel,circular:!0,color:e.color,disabled:e.isNextDecadeDisabled,"button-style":"text",class:"neon-date-picker__next-button",icon:"chevron-right",size:"m",onClick:n[4]||(n[4]=l=>e.onNextDecade())},null,8,["aria-label","color","disabled"])])]),g,a.createElementVNode("div",h,[(a.openBlock(),a.createElementBlock(a.Fragment,null,a.renderList(10,l=>a.createVNode(o,{key:l,class:a.normalizeClass([{"neon-date-picker__calendar-option--selected":e.calendar.pageYear===e.calendar.pageDecadeStart+l-1,"neon-date-picker__calendar-option--today":e.calendar.today.year===e.calendar.pageDecadeStart+l-1,"neon-date-picker__calendar-option--disabled":e.isYearDisabled(e.calendar.pageDecadeStart+l-1)},"neon-date-picker__calendar-option"]),color:e.color,disabled:e.isYearDisabled(e.calendar.pageDecadeStart+l-1),"full-width":!0,label:`${e.calendar.pageDecadeStart+l-1}`,"button-style":"text",size:"s",onClick:r=>e.selectYear(e.calendar.pageDecadeStart+l-1)},null,8,["class","color","disabled","label","onClick"])),64))])],64)):e.monthSelectionOpen?(a.openBlock(),a.createElementBlock(a.Fragment,{key:1},[a.createElementVNode("div",y,[e.isChangeYearDisabled?(a.openBlock(),a.createElementBlock("span",D,a.toDisplayString(e.calendar.pageYear),1)):(a.openBlock(),a.createBlock(o,{key:1,"aria-label":e.changeYearLabel,label:`${e.calendar.pageYear}`,"button-style":"text",class:"neon-date-picker__calendar-header-title",color:"high-contrast",icon:"switch","icon-position":"right",size:"m",onClick:n[5]||(n[5]=l=>e.changeYear())},null,8,["aria-label","label"])),a.createElementVNode("div",B,[a.createVNode(o,{"aria-label":e.previousYearLabel,circular:!0,color:e.color,disabled:e.isPreviousYearDisabled,"button-style":"text",class:"neon-date-picker__previous-button",icon:"chevron-left",size:"m",onClick:n[6]||(n[6]=l=>e.onPreviousYear())},null,8,["aria-label","color","disabled"]),a.createVNode(o,{"aria-label":e.nextYearLabel,circular:!0,color:e.color,disabled:e.isNextYearDisabled,"button-style":"text",class:"neon-date-picker__next-button",icon:"chevron-right",size:"m",onClick:n[7]||(n[7]=l=>e.onNextYear())},null,8,["aria-label","color","disabled"])])]),N,a.createElementVNode("div",V,[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(e.calendar.months,(l,r)=>(a.openBlock(),a.createBlock(o,{key:r,class:a.normalizeClass([{"neon-date-picker__calendar-option--selected":r+1===e.calendar.pageMonth,"neon-date-picker__calendar-option--today":r+1===e.calendar.today.month&&e.calendar.today.year===e.calendar.pageYear,"neon-date-picker__calendar-option--disabled":e.isMonthDisabled(e.calendar.pageYear,r+1)},"neon-date-picker__calendar-option"]),color:e.color,disabled:e.isMonthDisabled(e.calendar.pageYear,r+1),"full-width":!0,label:l,"button-style":"text",size:"s",onClick:t=>e.selectMonth(r+1)},null,8,["class","color","disabled","label","onClick"]))),128))])],64)):(a.openBlock(),a.createElementBlock(a.Fragment,{key:2},[a.createElementVNode("div",$,[e.isChangeDateDisabled?(a.openBlock(),a.createElementBlock("span",E,a.toDisplayString(`${e.calendar.pageMonthName} ${e.calendar.pageYear}`),1)):(a.openBlock(),a.createBlock(o,{key:1,"aria-label":e.changeMonthLabel,label:`${e.calendar.pageMonthName} ${e.calendar.pageYear}`,"button-style":"text",class:"neon-date-picker__calendar-header-title",color:"high-contrast",icon:"switch","icon-position":"right",size:"m",onClick:n[8]||(n[8]=l=>e.changeMonth())},null,8,["aria-label","label"])),a.createElementVNode("div",C,[a.createVNode(o,{"aria-label":e.previousMonthLabel,circular:!0,color:e.color,disabled:e.isPreviousDisabled,"button-style":"text",class:"neon-date-picker__previous-button",icon:"chevron-left",size:"m",onClick:n[9]||(n[9]=l=>e.onPrevious())},null,8,["aria-label","color","disabled"]),a.createVNode(o,{"aria-label":e.nextMonthLabel,circular:!0,color:e.color,disabled:e.isNextDisabled,"button-style":"text",class:"neon-date-picker__next-button",icon:"chevron-right",size:"m",onClick:n[10]||(n[10]=l=>e.onNext())},null,8,["aria-label","color","disabled"])])]),a.createElementVNode("div",Y,[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(e.calendar.dowNames,l=>(a.openBlock(),a.createElementBlock("div",{key:l,class:"neon-date-picker__calendar-dow"},a.toDisplayString(l),1))),128))]),z,(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(e.calendar.dates,(l,r)=>(a.openBlock(),a.createElementBlock("div",{key:r,class:"neon-date-picker__calendar-dates"},[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(l,(t,i)=>(a.openBlock(),a.createElementBlock(a.Fragment,null,[t?(a.openBlock(),a.createBlock(o,{key:i,circular:!0,class:a.normalizeClass([{"neon-date-picker__calendar-date--selected":e.modelValue===e.isoDate(t,e.calendar.pageMonth,e.calendar.pageYear),"neon-date-picker__calendar-date--today":e.today===e.isoDate(t,e.calendar.pageMonth,e.calendar.pageYear),"neon-date-picker__calendar-date--disabled":e.isDisabled(e.isoDate(t,e.calendar.pageMonth,e.calendar.pageYear))},"neon-date-picker__calendar-date"]),color:e.color,disabled:e.isDisabled(e.isoDate(t,e.calendar.pageMonth,e.calendar.pageYear)),label:`${t}`,tabindex:e.isDisabled(e.isoDate(t,e.calendar.pageMonth,e.calendar.pageYear))?-1:0,transparent:!0,"button-style":"text",size:"m",onClick:q=>e.emitDate(e.isoDate(t,e.calendar.pageMonth,e.calendar.pageYear))},null,8,["class","color","disabled","label","tabindex","onClick"])):(a.openBlock(),a.createElementBlock("div",{key:`${i}-empty`,class:"neon-date-picker__calendar-date neon-date-picker__calendar-date--empty"}))],64))),256))]))),128))],64)),M,a.createElementVNode("div",w,[e.optional?(a.openBlock(),a.createBlock(o,{key:0,label:e.clearLabel,"button-style":"text",class:"neon-date-picker__calendar-clear-button",color:"high-contrast",size:"s",onClick:n[11]||(n[11]=l=>e.clear())},null,8,["label"])):a.createCommentVNode("",!0),a.createVNode(o,{color:e.color,label:e.doneLabel,"button-style":"text",class:"neon-date-picker__calendar-done-button",size:"s",onClick:n[12]||(n[12]=l=>e.done())},null,8,["color","label"])])],512)]),_:1},8,["modelValue","placement"]),a.createVNode(d,a.mergeProps({disabled:e.disabled,"hide-icon":!0,max:e.max,min:e.min,"model-value":e.modelValue,size:e.size,tabindex:-1,class:"neon-date-picker__native-input",type:"date"},e.attrs,{"onUpdate:modelValue":e.emitDate}),null,16,["disabled","max","min","model-value","size","onUpdate:modelValue"])],2)}const f=p(c,[["render",L]]);module.exports=f;
//# sourceMappingURL=NeonDatePicker.vue.cjs.js.map