1import{_ as v}from"./DKhEKRxn.js";import{e as V,aM as g,ax as P,f,g as m,i as a,O as S,aI as N,j as r,v as d,t as c,y as o,z as u,q as T,k as p,w,x as n,A as x,$ as B,B as I}from"./OLfd6UNE.js";const k={name:"SfInput",directives:{focus:g},inheritAttrs:!1,props:{id:{type:String,default:""},modelValue:{type:[String,Number],default:""},label:{type:String,default:""},name:{type:String,default:""},type:{type:String,default:"text"},valid:{type:Boolean,default:!0},errorMessage:{type:String,default:""},required:{type:Boolean,default:!1,description:"Native input required attribute"},disabled:{type:Boolean,default:!1,description:"Native input disabled attribute"},hasShowPassword:{type:Boolean,default:!1}},emits:["update:modelValue"],data(){return{isPasswordVisible:!1,inputType:"",isNumberTypeSafari:!1}},computed:{inputAttrs(){const{class:t,style:s,...e}=this.$attrs;return e},isPassword(){return this.type==="password"&&this.hasShowPassword},idWithoutWhitespace(){return this.id||this.name.replace(/\s/g,"")}},watch:{type:{immediate:!0,handler(t){let s=t;if(typeof window<"u"||typeof document<"u"){const e=navigator.userAgent.toLocaleLowerCase();e.includes("safari")&&!e.includes("chrome")&&t==="number"&&(this.isNumberTypeSafari=!0,s="text")}this.inputType=s}},modelValue:{immediate:!0,handler(t){this.isNumberTypeSafari&&isNaN(t)&&this.$emit("update:modelValue")}}},methods:{onNativeInput(t){this.$emit("update:modelValue",t.target.value)},switchVisibilityPassword(){this.isPasswordVisible=!this.isPasswordVisible,this.inputType=this.isPasswordVisible?"text":"password"}}},q=["data-testid"],C={class:"sf-input__wrapper"},z=["id","value","required","disabled","name","type"],A=["for"],M={class:"sf-input__error-message"};function W(t,s,e,D,l,i){const y=v,_=x,b=P("focus");return f(),m("div",{class:n(["sf-input",[{"has-text":!!e.modelValue,invalid:!e.valid},t.$attrs.class]]),style:I(t.$attrs.style),"data-testid":e.name},[a("div",C,[S(a("input",N({id:i.idWithoutWhitespace},i.inputAttrs,{value:e.modelValue,required:e.required,disabled:e.disabled,name:e.name,class:{"sf-input--is-password":i.isPassword},type:l.inputType,onInput:s[0]||(s[0]=(...h)=>i.onNativeInput&&i.onNativeInput(...h))}),null,16,z),[[b]]),s[1]||(s[1]=r()),s[2]||(s[2]=a("span",{class:"sf-input__bar"},null,-1)),s[3]||(s[3]=r()),e.label?(f(),m("label",{key:0,class:"sf-input__label",for:e.name},[d(t.$slots,"label",o(u({label:e.label})),()=>[r(c(e.label),1)])],8,A)):T("",!0),s[4]||(s[4]=r()),d(t.$slots,"show-password",o(u({isPasswordVisible:l.isPasswordVisible,switchVisibilityPassword:i.switchVisibilityPassword})),()=>[p(_,{class:n([{"display-none":!i.isPassword},"sf-input__password-button"]),type:"button","aria-label":"switch-visibility-password","aria-pressed":l.isPasswordVisible.toString(),onClick:i.switchVisibilityPassword},{default:w(()=>[p(y,{class:n(["sf-input__password-icon",{hidden:!l.isPasswordVisible}]),icon:"show_password",size:"1.5rem"},null,8,["class"])]),_:1},8,["class","aria-pressed","onClick"])])]),s[5]||(s[5]=r()),a("div",M,[p(B,{name:"sf-fade"},{default:w(()=>[d(t.$slots,"error-message",o(u({errorMessage:e.errorMessage})),()=>[a("div",{class:n({"display-none":e.valid})},c(e.errorMessage),3)])]),_:3})])],14,q)}const O=Object.assign(V(k,[["render",W]]),{__name:"SfInput"});export{O as _}; 2//# sourceMappingURL=CgD3Iusu.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.