@aotearoan/neon/dist/components/user-input/input/NeonInput.vue.cjs.js

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

"use strict";const d=require("./NeonInput.cjs.js"),o=require("vue"),a=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),t=["id","aria-placeholder","autocomplete","disabled","inputmode","placeholder","tabindex","type","value"],r={key:1,class:"neon-input__textarea-wrapper"},s=["id","aria-placeholder","autocomplete","disabled","inputmode","placeholder","rows","tabindex","value"],u={key:0,class:"neon-input__textarea-counter"};function p(e,n,b,y,k,h){const i=o.resolveComponent("neon-icon");return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass([[{"neon-input--with-icon":!e.hideIcon&&(e.icon||e.modelValue&&e.modelValue.length>0),"neon-input--disabled":e.disabled,"neon-input--focused":e.focused,"neon-input--placeholder-visible":e.placeholder&&(!e.modelValue||e.modelValue.length===0),"neon-input--with-state-highlight":e.stateHighlight,"neon-input--with-state-icon":e.stateIcon},`neon-input--${e.size}`,`neon-input--${e.color}`,`neon-input--state-${e.state}`],"neon-input"])},[e.rows===null?(o.openBlock(),o.createElementBlock("input",o.mergeProps({key:0,id:e.id,ref:"neonInput","aria-placeholder":e.computedPlaceholder,autocomplete:e.autocomplete,disabled:e.disabled,inputmode:e.inputmode,placeholder:e.computedPlaceholder,tabindex:e.tabindex,type:e.type,value:e.modelValue,class:"neon-input__textfield neon-input__text"},e.sanitizedAttributes,{onBlur:n[0]||(n[0]=(...l)=>e.onBlur&&e.onBlur(...l)),onFocus:n[1]||(n[1]=l=>!e.disabled&&e.onFocus()),onInput:n[2]||(n[2]=o.withModifiers(l=>!e.disabled&&e.changeValue(l),["stop","prevent"]))}),null,16,t)):(o.openBlock(),o.createElementBlock("div",r,[o.createElementVNode("textarea",o.mergeProps({id:e.id,"aria-placeholder":e.computedPlaceholder,autocomplete:e.autocomplete,disabled:e.disabled,inputmode:e.inputmode,placeholder:e.computedPlaceholder,rows:e.rows,tabindex:e.tabindex,value:e.modelValue,class:"neon-input__textfield neon-input__textarea"},e.sanitizedAttributes,{onBlur:n[3]||(n[3]=(...l)=>e.onBlur&&e.onBlur(...l)),onFocus:n[4]||(n[4]=(...l)=>e.onFocus&&e.onFocus(...l)),onKeydown:n[5]||(n[5]=(...l)=>e.onKeyDown&&e.onKeyDown(...l)),onInput:n[6]||(n[6]=o.withModifiers((...l)=>e.changeValue&&e.changeValue(...l),["stop","prevent"]))}),"      ",16,s),e.counterLabel?(o.openBlock(),o.createElementBlock("span",u,o.toDisplayString(e.counterLabel),1)):o.createCommentVNode("",!0)])),e.iconVisible?(o.openBlock(),o.createBlock(i,{key:2,class:o.normalizeClass([{"neon-input__icon--read-only":e.iconReadonly},"neon-input__icon"]),color:e.iconColor,disabled:e.disabled,name:e.iconName,role:!e.iconReadonly&&"button",tabindex:-1,transparent:!0,onClick:n[7]||(n[7]=l=>!e.iconReadonly&&e.iconClicked(l)),onKeydown:[n[8]||(n[8]=o.withKeys(l=>!e.iconReadonly&&e.iconClicked(l),["enter"])),n[9]||(n[9]=o.withKeys(l=>!e.iconReadonly&&e.iconClicked(l),["space"]))]},null,8,["class","color","disabled","name","role"])):o.createCommentVNode("",!0)],2)}const m=a(d,[["render",p]]);module.exports=m;
//# sourceMappingURL=NeonInput.vue.cjs.js.map