import{c as l,n as u,J as h,e as g,f as t,aE as d,g as n,j as c,t as a,G as v,C as _,k as w,aP as x}from"./index-a0da86f0.js";import{_ as k}from"./_plugin-vue_export-helper-c27b6911.js";const S={class:"node-property-modal-header"},T={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,y=l(()=>e.title?e.title:`${a("Node Properties")}-${e.nodeLabel||a("Node")}`),f=l(()=>e.teleportTo?e.teleportTo:window.nodePropertyTeleportTarget?window.nodePropertyTeleportTarget.value:"#ai-agent-flow-builder-container"),r=()=>{i("update:modelValue",!1),i("close")},b=l(()=>({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(x,{to:f.value},[s.modelValue?(u(),g("div",{key:0,class:"node-property-modal-mask",onClick:_(r,["self"])},[t("div",{class:"node-property-modal-content",style:v(b.value)},[t("div",S,[d(o.$slots,"header",{},()=>[t("h4",null,n(y.value),1)],!0),t("button",{class:"modal-close",onClick:r},"×")]),t("div",T,[d(o.$slots,"default",{},void 0,!0)]),t("div",N,[d(o.$slots,"footer",{},()=>[t("button",{class:"btn btn-secondary",onClick:r},n(c(a)("Cancel")),1),t("button",{class:"btn btn-primary",onClick:p[0]||(p[0]=P=>o.$emit("save"))},n(c(a)("Save")),1)],!0)])],4)])):w("",!0)],8,["to"]))}},B=k(C,[["__scopeId","data-v-6c76d832"]]);export{B as default};
