@aotearoan/neon
Version:
Neon is a lightweight design library of Vue 3 components with minimal dependencies.
3 lines (2 loc) • 11.2 kB
JavaScript
;const c=require("./NeonDatePicker.cjs.js"),a=require("vue"),u=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),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"},y={class:"neon-date-picker__calendar-options"},g={class:"neon-date-picker__calendar-header"},h={key:0,class:"neon-date-picker__calendar-title-readonly"},w={class:"neon-date-picker__calendar-header-actions"},C={class:"neon-date-picker__calendar-options"},D={class:"neon-date-picker__calendar-header"},M={key:0,class:"neon-date-picker__calendar-title-readonly"},N={class:"neon-date-picker__calendar-header-actions"},$={class:"neon-date-picker__calendar-dows"},f=["title"],B={class:"neon-button-group"};function V(e,n,Y,K,z,L){const l=a.resolveComponent("neon-button"),d=a.resolveComponent("neon-dropdown"),s=a.resolveComponent("neon-input");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(d,{id:e.id,ref:"dropdown",modelValue:e.calendarOpen,"onUpdate:modelValue":[n[20]||(n[20]=o=>e.calendarOpen=o),e.toggleCalendar],color:e.color,disabled:e.disabled,"icon-aria-label":e.openCalendarLabel,indicator:!1,label:e.formattedValue,placement:e.placement,size:e.size,"dropdown-style":"input",icon:"calendar"},{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(l,{"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",onClickCapture:n[0]||(n[0]=a.withModifiers(o=>e.onPreviousDecade(),["stop","prevent"])),onKeydownCapture:n[1]||(n[1]=a.withKeys(a.withModifiers(o=>e.onPreviousDecade(),["stop","prevent"]),["enter"]))},null,8,["aria-label","color","disabled"]),a.createVNode(l,{"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",onClickCapture:n[2]||(n[2]=a.withModifiers(o=>e.onNextDecade(),["stop","prevent"])),onKeydownCapture:n[3]||(n[3]=a.withKeys(a.withModifiers(o=>e.onNextDecade(),["stop","prevent"]),["enter"]))},null,8,["aria-label","color","disabled"])])]),n[21]||(n[21]=a.createElementVNode("hr",null,null,-1)),a.createElementVNode("div",y,[(a.openBlock(),a.createElementBlock(a.Fragment,null,a.renderList(10,o=>a.createVNode(l,{key:o,class:a.normalizeClass([{"neon-date-picker__calendar-option--selected":e.calendar.pageYear===e.calendar.pageDecadeStart+o-1,"neon-date-picker__calendar-option--today":e.calendar.today.year===e.calendar.pageDecadeStart+o-1,"neon-date-picker__calendar-option--disabled":e.isYearDisabled(e.calendar.pageDecadeStart+o-1)},"neon-date-picker__calendar-option"]),color:e.color,disabled:e.isYearDisabled(e.calendar.pageDecadeStart+o-1),"full-width":!0,label:`${e.calendar.pageDecadeStart+o-1}`,"button-style":"text",size:"s",onClickCapture:a.withModifiers(r=>e.selectYear(e.calendar.pageDecadeStart+o-1),["stop","prevent"]),onKeydownCapture:a.withKeys(a.withModifiers(r=>e.selectYear(e.calendar.pageDecadeStart+o-1),["stop","prevent"]),["enter"])},null,8,["class","color","disabled","label","onClickCapture","onKeydownCapture"])),64))])],64)):e.monthSelectionOpen?(a.openBlock(),a.createElementBlock(a.Fragment,{key:1},[a.createElementVNode("div",g,[e.isChangeYearDisabled?(a.openBlock(),a.createElementBlock("span",h,a.toDisplayString(e.calendar.pageYear),1)):(a.openBlock(),a.createBlock(l,{key:1,"aria-label":e.changeYearLabel,label:`${e.calendar.pageYear}`,"button-style":"text",class:"neon-date-picker__calendar-header-title",color:"high-contrast",icon:"data-transfer-horizontal","icon-position":"right",size:"m",onClickCapture:n[4]||(n[4]=a.withModifiers(o=>e.changeYear(),["stop","prevent"])),onKeydownCapture:n[5]||(n[5]=a.withKeys(a.withModifiers(o=>e.changeYear(),["stop","prevent"]),["enter"]))},null,8,["aria-label","label"])),a.createElementVNode("div",w,[a.createVNode(l,{"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",onClickCapture:n[6]||(n[6]=a.withModifiers(o=>e.onPreviousYear(),["stop","prevent"])),onKeydownCapture:n[7]||(n[7]=a.withKeys(a.withModifiers(o=>e.onPreviousYear(),["stop","prevent"]),["enter"]))},null,8,["aria-label","color","disabled"]),a.createVNode(l,{"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",onClickCapture:n[8]||(n[8]=a.withModifiers(o=>e.onNextYear(),["stop","prevent"])),onKeydownCapture:n[9]||(n[9]=a.withKeys(a.withModifiers(o=>e.onNextYear(),["stop","prevent"]),["enter"]))},null,8,["aria-label","color","disabled"])])]),n[22]||(n[22]=a.createElementVNode("hr",null,null,-1)),a.createElementVNode("div",C,[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(e.calendar.months,(o,r)=>(a.openBlock(),a.createBlock(l,{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:o,title:e.calendar.monthLongNames[r],"button-style":"text",size:"s",onClickCapture:a.withModifiers(t=>e.selectMonth(r+1),["stop","prevent"]),onKeydownCapture:a.withKeys(a.withModifiers(t=>e.selectMonth(r+1),["stop","prevent"]),["enter"])},null,8,["class","color","disabled","label","title","onClickCapture","onKeydownCapture"]))),128))])],64)):(a.openBlock(),a.createElementBlock(a.Fragment,{key:2},[a.createElementVNode("div",D,[e.isChangeDateDisabled?(a.openBlock(),a.createElementBlock("span",M,a.toDisplayString(`${e.calendar.pageMonthName} ${e.calendar.pageYear}`),1)):(a.openBlock(),a.createBlock(l,{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:"data-transfer-horizontal","icon-position":"right",size:"m",onClickCapture:n[10]||(n[10]=a.withModifiers(o=>e.changeMonth(),["stop","prevent"])),onKeydownCapture:n[11]||(n[11]=a.withKeys(a.withModifiers(o=>e.changeMonth(),["stop","prevent"]),["enter"]))},null,8,["aria-label","label"])),a.createElementVNode("div",N,[a.createVNode(l,{"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",onClickCapture:n[12]||(n[12]=a.withModifiers(o=>e.onPrevious(),["stop","prevent"])),onKeydownCapture:n[13]||(n[13]=a.withKeys(a.withModifiers(o=>e.onPrevious(),["stop","prevent"]),["enter"]))},null,8,["aria-label","color","disabled"]),a.createVNode(l,{"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",onClickCapture:n[14]||(n[14]=a.withModifiers(o=>e.onNext(),["stop","prevent"])),onKeydownCapture:n[15]||(n[15]=a.withKeys(a.withModifiers(o=>e.onNext(),["stop","prevent"]),["enter"]))},null,8,["aria-label","color","disabled"])])]),a.createElementVNode("div",$,[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(e.calendar.dowNames,(o,r)=>(a.openBlock(),a.createElementBlock("abbr",{key:o,title:e.calendar.dowLongNames[r],class:"neon-date-picker__calendar-dow"},a.toDisplayString(o),9,f))),128))]),n[23]||(n[23]=a.createElementVNode("hr",null,null,-1)),(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(e.calendar.dates,(o,r)=>(a.openBlock(),a.createElementBlock("div",{key:r,class:"neon-date-picker__calendar-dates"},[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(o,(t,i)=>(a.openBlock(),a.createElementBlock(a.Fragment,null,[t?(a.openBlock(),a.createBlock(l,{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",onClickCapture:a.withModifiers(p=>e.emitDate(e.isoDate(t,e.calendar.pageMonth,e.calendar.pageYear)),["stop","prevent"]),onKeydownCapture:a.withKeys(a.withModifiers(p=>e.emitDate(e.isoDate(t,e.calendar.pageMonth,e.calendar.pageYear)),["stop","prevent"]),["enter"])},null,8,["class","color","disabled","label","tabindex","onClickCapture","onKeydownCapture"])):(a.openBlock(),a.createElementBlock("div",{key:`${i}-empty`,class:"neon-date-picker__calendar-date neon-date-picker__calendar-date--empty"}))],64))),256))]))),128))],64)),n[24]||(n[24]=a.createElementVNode("hr",null,null,-1)),a.createElementVNode("div",B,[e.optional?(a.openBlock(),a.createBlock(l,{key:0,label:e.clearLabel,"button-style":"text",class:"neon-date-picker__calendar-clear-button",color:"low-contrast",size:"s",onClickCapture:n[16]||(n[16]=a.withModifiers(o=>e.clear(),["stop","prevent"])),onKeydownCapture:n[17]||(n[17]=a.withKeys(a.withModifiers(o=>e.clear(),["stop","prevent"]),["enter"]))},null,8,["label"])):a.createCommentVNode("",!0),a.createVNode(l,{color:e.color,label:e.doneLabel,"button-style":"text",class:"neon-date-picker__calendar-done-button",size:"s",onClickCapture:n[18]||(n[18]=a.withModifiers(o=>e.done(),["stop","prevent"])),onKeydownCapture:n[19]||(n[19]=a.withKeys(a.withModifiers(o=>e.done(),["stop","prevent"]),["enter"]))},null,8,["color","label"])])],512)]),_:1},8,["id","modelValue","color","disabled","icon-aria-label","label","placement","size","onUpdate:modelValue"]),a.createVNode(s,a.mergeProps({color:e.color,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,["color","disabled","max","min","model-value","size","onUpdate:modelValue"])],2)}const E=u(c,[["render",V]]);module.exports=E;
//# sourceMappingURL=NeonDatePicker.vue.cjs.js.map