import{g as u,i as h,A as g,J as t,D as l,P as d,j as c,t as a,G as v,a8 as w,O as x,Y as S,c as n}from"./index-DOFLUERq.js";import{_ as T}from"./_plugin-vue_export-helper-DlAUqK2U.js";const k={class:"node-property-modal-header"},_={class:"node-property-modal-body"},N={class:"node-property-modal-footer"},C={__name:"NodePropertyModal",props:{modelValue:Boolean,title:{type:String,default:""},nodeLabel:{type:String,default:""},width:{type:[String,Number],default:900},maxHeight:{type:[String,Number],default:"90vh"},teleportTo:{type:[String,Object],default:null}},emits:["update:modelValue","close","save"],setup(s,{emit:m}){const e=s,i=m,f=n(()=>e.title?e.title:`${a("Node Properties")}-${e.nodeLabel||a("Node")}`),y=n(()=>e.teleportTo?e.teleportTo:window.nodePropertyTeleportTarget?window.nodePropertyTeleportTarget.value:"#ai-agent-flow-builder-container"),r=()=>{i("update:modelValue",!1),i("close")},b=n(()=>({width:typeof e.width=="number"?e.width+"px":e.width,maxWidth:"98vw",maxHeight:typeof e.maxHeight=="number"?e.maxHeight+"px":e.maxHeight,background:"white",borderRadius:"10px",boxShadow:"0 8px 32px rgba(0,0,0,0.18)",display:"flex",flexDirection:"column"}));return(o,p)=>(u(),h(S,{to:y.value},[s.modelValue?(u(),g("div",{key:0,class:"node-property-modal-mask",onClick:w(r,["self"])},[t("div",{class:"node-property-modal-content",style:v(b.value)},[t("div",k,[l(o.$slots,"header",{},()=>[t("h4",null,d(f.value),1)],!0),t("button",{class:"modal-close",onClick:r},"×")]),t("div",_,[l(o.$slots,"default",{},void 0,!0)]),t("div",N,[l(o.$slots,"footer",{},()=>[t("button",{class:"btn btn-secondary",onClick:r},d(c(a)("Cancel")),1),t("button",{class:"btn btn-primary",onClick:p[0]||(p[0]=$=>o.$emit("save"))},d(c(a)("Save")),1)],!0)])],4)])):x("",!0)],8,["to"]))}},B=T(C,[["__scopeId","data-v-6c76d832"]]);export{B as default};
