import{b as q}from"./vendor-vue-runtime-dom-B2rky8vu.js";import{u as L}from"./admin-8MB3iCV_.js";import{A as _}from"./settings.consts-BmuAyinH.js";import{d as R,W as h,X as z,e as c,f as t,i as a,t as o,x as f,B as A}from"./vendor-vue-runtime-core-DwK6Ry68.js";import{t as D,u as e}from"./vendor-vue-reactivity-CheHbvBM.js";import{a as n,t as I,b as N}from"./vendor-vue-shared-DrzsEcag.js";const E={class:"ccb-input__label ccb-text-m"},P={key:0,class:"ccb-input__label-text ccb-text-s ccb-medium"},U={key:1,class:"ccb-input__required-mark"},W=["rows","placeholder"],K=R({__name:"Textarea",props:h({placeholder:{},iconLeft:{},iconRight:{},label:{},border:{type:Boolean},value:{},required:{type:Boolean},name:{},rows:{},height:{}},{modelValue:{},modelModifiers:{}}),emits:h(["change"],["update:modelValue"]),setup(r,{emit:g}){const i=r,{name:v,iconLeft:s,iconRight:l,border:x,label:u,required:y,rows:k,height:B}=D(i),m=z(r,"modelValue"),d=L(),V=g,T=c(()=>[s.value?"ccb-input-icon-left":"",l.value?"ccb-input-icon-right":"",x.value?"ccb-input-border":""]),w=p=>{V("change",v.value||"",p.target.value)},C=c(()=>_(u.value||"",d.getTranslations)),M=c(()=>_(i.placeholder||"",d.getTranslations));return(p,b)=>(a(),t("div",{class:n(["ccb-input",T.value])},[e(s)?(a(),t("i",{key:0,class:n([e(s),"ccb-input__icon ccb-input__icon-left ccb-text-m"])},null,2)):o("",!0),f("label",E,[e(u)?(a(),t("span",P,I(C.value),1)):o("",!0),e(y)?(a(),t("span",U,"*")):o("",!0),A(f("textarea",{rows:e(k)||3,type:"text",placeholder:M.value,class:"ccb-text-m",onInput:w,"onUpdate:modelValue":b[0]||(b[0]=S=>m.value=S),style:N({height:e(B)})},null,44,W),[[q,m.value]])]),e(l)?(a(),t("i",{key:1,class:n([e(l),"ccb-input__icon ccb-input__icon-right ccb-text-m"])},null,2)):o("",!0)],2))}});export{K as _};
//# sourceMappingURL=Textarea.vue_vue_type_script_setup_true_lang-4aqupiHx.js.map
