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