← Back
Editing: NcInputField-o5OFv3z6-DJtp_yB7.chunk.mjs
import{b as j,q as h,s as q,D as F,x as L,j as n,o as i,k as p,l as u,E as z,c as t,z as A,p as d,t as v,G as D,m as y,w as E,u as s,g as G,n as M}from"./runtime-dom.esm-bundler-CU8rrbZA.chunk.mjs";import{N as S,c as g,d as m,i as x}from"./logger-D3RVzcfQ-CklyzrxW.chunk.mjs";import{_ as H,N as o,c as J}from"./createElementId-DhjFt1I9-C_WKCRq3.chunk.mjs";const K={class:"input-field__main-wrapper"},P=["id","aria-describedby","disabled","placeholder","type","value"],Q=["for"],R={class:"input-field__icon input-field__icon--leading"},U={key:2,class:"input-field__icon input-field__icon--trailing"},W=["id"],X=j({inheritAttrs:!1,__name:"NcInputField",props:h({class:{default:""},inputClass:{default:""},id:{default:()=>J()},label:{default:void 0},labelOutside:{type:Boolean},type:{default:"text"},placeholder:{default:void 0},showTrailingButton:{type:Boolean},trailingButtonLabel:{default:void 0},success:{type:Boolean},error:{type:Boolean},helperText:{default:""},disabled:{type:Boolean},pill:{type:Boolean}},{modelValue:{required:!0},modelModifiers:{}}),emits:h(["trailingButtonClick"],["update:modelValue"]),setup(c,{expose:k,emit:B}){const r=q(c,"modelValue"),l=c,$=B;k({focus:N,select:O});const f=F(),b=L("input"),T=d(()=>l.showTrailingButton||l.success),w=d(()=>{if(l.placeholder)return l.placeholder;if(l.label)return x?l.label:""}),_=d(()=>l.label||l.labelOutside),C=d(()=>{const e=[];return l.helperText&&e.push(`${l.id}-helper-text`),f["aria-describedby"]&&e.push(String(f["aria-describedby"])),e.join(" ")||void 0});function N(e){b.value.focus(e)}function O(){b.value.select()}function I(e){const a=e.target;r.value=l.type==="number"&&typeof r.value=="number"?parseFloat(a.value):a.value}return(e,a)=>(i(),n("div",{class:M(["input-field",[{"input-field--disabled":e.disabled,"input-field--error":e.error,"input-field--label-outside":e.labelOutside||!_.value,"input-field--leading-icon":!!e.$slots.icon,"input-field--trailing-icon":T.value,"input-field--pill":e.pill,"input-field--success":e.success,"input-field--legacy":s(x)},e.$props.class]])},[p("div",K,[p("input",A(e.$attrs,{id:e.id,ref:"input","aria-describedby":C.value,"aria-live":"polite",class:["input-field__input",e.inputClass],disabled:e.disabled,placeholder:w.value,type:e.type,value:r.value.toString(),onInput:I}),null,16,P),!e.labelOutside&&_.value?(i(),n("label",{key:0,class:"input-field__label",for:e.id},v(e.label),9,Q)):u("",!0),z(p("div",R,[y(e.$slots,"icon",{},void 0,!0)],512),[[D,!!e.$slots.icon]]),e.showTrailingButton?(i(),t(S,{key:1,class:"input-field__trailing-button","aria-label":e.trailingButtonLabel,disabled:e.disabled,variant:"tertiary-no-background",onClick:a[0]||(a[0]=V=>$("trailingButtonClick",V))},{icon:E(()=>[y(e.$slots,"trailing-button-icon",{},void 0,!0)]),_:3},8,["aria-label","disabled"])):e.success||e.error?(i(),n("div",U,[e.success?(i(),t(o,{key:0,path:s(g)},null,8,["path"])):(i(),t(o,{key:1,path:s(m)},null,8,["path"]))])):u("",!0)]),e.helperText?(i(),n("p",{key:0,id:`${e.id}-helper-text`,class:"input-field__helper-text-message"},[e.success?(i(),t(o,{key:0,class:"input-field__helper-text-message__icon",path:s(g),inline:""},null,8,["path"])):e.error?(i(),t(o,{key:1,class:"input-field__helper-text-message__icon",path:s(m),inline:""},null,8,["path"])):u("",!0),G(" "+v(e.helperText),1)],8,W)):u("",!0)],2))}}),le=H(X,[["__scopeId","data-v-bfba6aa6"]]);export{le as N}; //# sourceMappingURL=NcInputField-o5OFv3z6-DJtp_yB7.chunk.mjs.map
Save File
Cancel