import{_ as u}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{z as m,g as a,A as o,j as n,D as s,P as f,J as d,G as b,O as h,H as y}from"./index-DOFLUERq.js";const _={key:0,class:"field-controls"},v={key:1,class:"control-label label"},p={class:"content-editor"},k=["value","disabled","readonly"],x=["innerHTML"],C={__name:"ContentControl",props:["df","read_only","modelValue"],emits:["update:modelValue"],setup(e,{emit:i}){let r=i,t=m();function c(l){r("update:modelValue",l.target.value)}return(l,V)=>(a(),o("div",{class:y(["control",{editable:n(t).label}])},[n(t).label?(a(),o("div",_,[s(l.$slots,"label",{},void 0,!0),s(l.$slots,"actions",{},void 0,!0)])):(a(),o("div",v,f(e.df.label),1)),d("div",p,[d("textarea",{class:"content-textarea form-control",style:b({maxHeight:e.df.max_height??"300px"}),value:e.modelValue,disabled:e.read_only||e.df.read_only||!!n(t).label,readonly:!!n(t).label,onInput:c,spellcheck:"false"},null,44,k)]),e.df.description?(a(),o("div",{key:2,class:"mt-2 description",innerHTML:e.df.description},null,8,x)):h("",!0)],2))}},S=u(C,[["__scopeId","data-v-d0592958"]]);export{S as default};
