https://bit24.cash/__nuxt/szOyFUc7.js

1import{d as X,x as Y,h as i,J as s,m as g,t as b,b as r,n as x,j as h,D as n,R as m,i as v,ag as y,y as S,l as d,W as Z,o as l,p as _,$ as B,_ as ee}from"./QJre-PsH.js";import{B as te}from"./CWXXeE93.js";import{u as ne}from"./CgDj6rrw.js";const le={key:0,class:"b-input__label-container"},ae=["for"],ie=["src","width","height"],ue=["src","width","height"],oe=["id","type","placeholder","data-selenium","value","disabled","readonly","inputmode","aria-label"],de=["src","width","height"],ce=["src","width","height"],se={class:"b-input__messages"},re={key:0,class:"b-input__error"},ge=["innerHTML"],be={key:0,class:"b-input__hint"},he=["innerHTML"],me=X({__name:"BInput",props:{label:{default:""},labelButton:{default:""},labelButtonType:{},labelButtonDisabled:{type:Boolean,default:!1},labelButtonLoading:{type:Boolean,default:!1},placeholder:{default:""},leading1:{default:void 0},leading2:{default:void 0},trailing1:{default:void 0},trailing2:{default:void 0},clearable:{type:Boolean,default:!0},inputBackground:{default:"bg-transparent"},inputBorder:{default:"border-de-tertiary--oln"},error:{default:""},errorIcon:{default:"icon-warning-linear"},hint:{default:""},hintIcon:{default:"icon-warning-linear"},type:{default:"text"},inputMode:{default:"text"},state:{default:void 0},size:{default:"40"},dir:{default:"rtl"},placeholderDirection:{default:"rtl"},readonly:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},modelValue:{default:""},innerButton:{default:null},ariaLabel:{default:void 0},dataSelenium:{},autoFocus:{type:Boolean,default:!1}},emits:["update:modelValue","focus","blur","input","paste","keydown","clear","label-button-click","button-click","leading1-click","leading2-click","trailing1-click","trailing2-click"],setup(e,{expose:V,emit:L}){const t=e,f=S(""),k=S(null),{generateRandomId:T}=ne(),u=L,M=d(()=>["b-input",`b-input--size-${t.size}`,t.state&&`b-input--${t.state}`,`b-input--${t.dir}`,t.error&&"b-input--error",t.rounded&&"b-input--rounded"].filter(Boolean).join(" ")),c=d(()=>t.trailing1?t.trailing1:t.clearable&&t.modelValue?{value:"icon-close",type:"font-icon"}:void 0),z=d(()=>!!t.error),w=d(()=>!!t.hint),D=d(()=>({48:"40",40:"32",32:"28"})[t.size]||"32"),F=d(()=>t.rounded),o=d(()=>({48:"24",40:"24",32:"20"})[t.size]||"20"),I=d(()=>t.state==="disable"||t.state==="disable-written"),$=d(()=>[t.inputBorder].join(" ")),j=d(()=>[t.inputBackground].join(" ")),H=d(()=>{const a=["b-input__field"];return t.innerButton&&a.push("b-input__field--with-button"),t.modelValue||a.push("b-input__placeholder-"+t.placeholderDirection||t.placeholder),a.join(" ")}),N=a=>{const C=a.target;u("update:modelValue",C.value),u("input",a)},R=a=>u("focus",a),E=a=>u("blur",a),K=a=>u("paste",a),P=a=>u("keydown",a),J=()=>{u("update:modelValue",""),u("clear")},W=()=>u("label-button-click"),q=()=>u("button-click"),A=()=>u("leading1-click"),G=()=>{u("leading2-click")},O=()=>{!I.value&&t.clearable&&!t.trailing1&&t.modelValue&&J(),u("trailing1-click")},Q=()=>u("trailing2-click"),U=()=>{f.value="input_"+T()},p=async()=>{await Z(),k.value?.focus()};return Y(async()=>{U(),t.autoFocus&&await p()}),V({focus:p,getInputEl:()=>k.value}),(a,C)=>(l(),i("div",{class:s(M.value)},[e.label?(l(),i("div",le,[g("label",{class:"b-input__label",for:f.value},b(e.label),9,ae),e.labelButton?(l(),r(x,{key:0,emphasis:"low",type:"basic",color:"primary",size:"28","button-type":e.labelButtonType,disabled:e.labelButtonDisabled,loading:e.labelButtonLoading,onClick:W},{default:h(()=>[_(b(e.labelButton),1)]),_:1},8,["button-type","disabled","loading"])):n("",!0)])):n("",!0),g("div",{class:s(["b-input__field-container",$.value])},[g("div",{class:s(["b-input__content",j.value])},[e.leading1?(l(),i("div",{key:0,class:"b-input__leading-1",onClick:A},[e.leading1.type==="font-icon"?(l(),r(m,{key:0,name:e.leading1.value,color:e.leading1.color||"text-de-secondary--icn",size:o.value,class:"b-input__icon"},null,8,["name","color","size"])):n("",!0),e.leading1.type==="image"?(l(),i("img",{key:1,src:e.leading1.value,width:o.value,height:o.value,alt:"leading image",class:"b-input__image"}

1,null,8,ie)):n("",!0),e.leading1.type==="guide-label"?(l(),i("span",{key:2,class:s(["b-input__guide-label",e.leading1.color])},b(e.leading1.value),3)):n("",!0)])):n("",!0),e.leading2?(l(),i("div",{key:1,class:"b-input__leading-2",onClick:G},[e.leading2.type==="font-icon"?(l(),r(m,{key:0,name:e.leading2.value,color:e.leading2.color||"text-de-secondary--icn",size:o.value,class:"b-input__icon"},null,8,["name","color","size"])):n("",!0),e.leading2.type==="image"?(l(),i("img",{key:1,src:e.leading2.value,width:o.value,height:o.value,alt:"leading image",class:"b-input__image"},null,8,ue)):n("",!0),e.leading2.type==="guide-label"?(l(),i("span",{key:2,class:s(["b-input__guide-label",e.leading2.color])},b(e.leading2.value),3)):n("",!0)])):n("",!0),g("input",{ref_key:"inputRef",ref:k,id:f.value,class:s(H.value),type:e.type,placeholder:e.placeholder,"data-selenium":e.dataSelenium,value:e.modelValue,disabled:I.value,readonly:e.readonly,inputmode:e.inputMode,"aria-label":e.ariaLabel,onInput:N,onFocus:R,onBlur:E,onPaste:K,onKeydown:P},null,42,oe),c.value&&!e.innerButton?(l(),i("div",{key:2,class:s(["b-input__trailing-1",{"b-input__icon--clickable":t.clearable}]),onClick:O},[c.value.type==="font-icon"?(l(),r(m,{key:0,name:c.value.value,color:c.value.color||"text-de-secondary--icn",size:o.value,class:"b-input__icon"},null,8,["name","color","size"])):n("",!0),c.value.type==="image"?(l(),i("img",{key:1,src:c.value.value,width:o.value,height:o.value,alt:"trailing image",class:"b-input__image"},null,8,de)):n("",!0),c.value.type==="guide-label"?(l(),i("span",{key:2,class:s(["b-input__guide-label",c.value.color])},b(c.value.value),3)):n("",!0)],2)):n("",!0),e.trailing2&&!e.innerButton?(l(),i("div",{key:3,class:"b-input__trailing-2",onClick:Q},[e.trailing2.type==="font-icon"?(l(),r(m,{key:0,name:e.trailing2.value,color:e.trailing2.color||"text-de-secondary--icn",size:o.value,class:"b-input__icon"},null,8,["name","color","size"])):n("",!0),e.trailing2.type==="image"?(l(),i("img",{key:1,src:e.trailing2.value,width:o.value,height:o.value,alt:"trailing image",class:"b-input__image"},null,8,ce)):n("",!0),e.trailing2.type==="guide-label"?(l(),i("span",{key:2,class:s(["b-input__guide-label",e.trailing2.color])},b(e.trailing2.value),3)):n("",!0)])):n("",!0),e.innerButton&&!e.innerButton.showSkeleton?(l(),r(x,{key:4,class:"b-input__internal-button",emphasis:e.innerButton.emphasis,color:e.innerButton.color,type:e.innerButton.type,"data-selenium":e.innerButton.dataSelenium,size:D.value,icon:e.innerButton.icon,disabled:e.state==="disable"||e.innerButton.disabled,loading:e.innerButton.loading,rounded:F.value,"aria-label":e.innerButton.ariaLabel,onClick:q},{default:h(()=>[B(a.$slots,"inner-button-content",{},void 0,!0)]),_:3},8,["emphasis","color","type","data-selenium","size","icon","disabled","loading","rounded","aria-label"])):n("",!0),e.innerButton&&e.innerButton.showSkeleton?(l(),r(te,{key:5,class:"b-input__button-skeleton b-input__internal-button"})):n("",!0)],2)],2),g("div",se,[v(y,{name:"slide-up"},{default:h(()=>[z.value?(l(),i("div",re,[e.errorIcon?(l(),r(m,{key:0,class:"b-input__error-icon",name:e.errorIcon,size:"20"},null,8,["name"])):n("",!0),g("div",{class:"b-input__error-text",innerHTML:e.error},null,8,ge)])):n("",!0)]),_:1}),v(y,{name:"slide-up"},{default:h(()=>[w.value?(l(),i("div",be,[e.hintIcon?(l(),r(m,{key:0,class:"b-input__hint-icon",name:e.errorIcon,size:"20"},null,8,["name"])):n("",!0),g("div",{class:"b-input__hint-text",innerHTML:e.hint},null,8,he)])):n("",!0)]),_:1}),v(y,{name:"slide-up"},{default:h(()=>[!z.value&&!w.value?B(a.$slots,"custom-message",{key:0},void 0,!0):n("",!0)]),_:3}),v(y,{name:"slide-up"},{default:h(()=>[B(a.$slots,"fixed-content",{},void 0,!0)]),_:3})])],2))}}),ke=ee(me,[["__scopeId","data-v-cf07232d"]]);export{ke as B};