n8n-editor-ui/dist/assets/NodeDetailsViewV2-legacy-CpIkPE6I.js

Workflow Editor UI for n8n

!function(){try{("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{}).SENTRY_RELEASE={id:"n8n@2.16.1"}}catch(e){}}(),System.register(["./vue.runtime.esm-bundler-legacy-BW6xDdqj.js","./core-legacy-VD8c7QJ-.js","./src-legacy-B67uuxhB.js","./_plugin-vue_export-helper-legacy-DFdC_I5Z.js","./users.store-legacy-azRUgFdP.js","./ParameterInputList-legacy-BQq1pmzT.js","./constants-legacy-2_ytuuS3.js","./useRootStore-legacy-CC08el-l.js","./usePinnedData-legacy-BfjAvFWp.js","./nodeIcon-legacy-DR5Etm69.js","./Draggable-legacy-8O9k0YUg.js","./NodeIcon-legacy-CCBkNBDS.js","./useTelemetryContext-legacy-DXxvic2t.js","./useInjectWorkflowId-legacy-piYT0WDS.js","./NodeSettings-legacy-1yPg_OdG.js","./useKeybindings-legacy-i79qEe1h.js","./TriggerPanel-legacy-BziS9hvu.js"],(function(e,a){var n,t,l,o,i,u,r,s,d,c,v,p,g,_,h,f,m,y,w,b,x,k,N,j,I,D,R,P,$,T,M,C,E,O,S,z,B,W,L,A,U,H,V,F,K,X,J,Q,q,Y,Z,G,ee,ae,ne,te,le,oe,ie,ue,re,se,de,ce,ve,pe,ge,_e,he,fe,me,ye,we,be;function xe(e){const a=u({left:40,main:20,right:40}),n=d((()=>`${U}_${r(e.paneType).toUpperCase()}`)),t=I(e.container),o=d((()=>t.width.value)),i=e=>e/100*o.value,s=e=>e/o.value*100,c=d((()=>s(368))),v=d((()=>({left:i(a.value.left),main:i(a.value.main),right:i(a.value.right)}))),p=d((()=>s(120))),g=d((()=>{switch(r(e.paneType)){case"inputless":{const e=s(480);return{left:0,main:e,right:100-e}}case"wide":{const e=s(640),a=(100-e)/2;return{left:a,main:e,right:a}}default:{const e=s(420),a=(100-e)/2;return{left:a,main:e,right:a}}}})),_=({left:a,main:n,right:t})=>{const l=r(e.hasInputPanel)?p.value:0,o=p.value,i=c.value,u={left:Math.max(l,a),main:Math.max(i,n),right:Math.max(o,t)},s=u.left+u.main+u.right;if(s>100){const e=s-100,a=u.left/(u.left+u.right)*e,n=e-a;u.left=Math.max(l,u.left-a),u.right=Math.max(o,u.right-n)}return u},h=()=>{const e=localStorage.getItem(n.value),t=g.value;a.value=_(e?G(e,{fallbackValue:t})??t:t)};return f(o,((e,n)=>{e&&(n?a.value=_(a.value):h())})),f(l(e.paneType),(()=>{h()}),{immediate:!0}),{containerWidth:o,panelWidthPercentage:a,panelWidthPixels:v,onResize:e=>{const n=Math.max(c.value,s(e.width)),t=a.value.left,l=a.value.main,o=a.value.right,i=n-l;if("left"===e.direction){const e=t-i;if(e<p.value)return;a.value=_({left:Math.max(p.value,e),main:n,right:o})}else if("right"===e.direction){const e=o-i;if(e<p.value)return;a.value=_({left:t,main:n,right:Math.max(p.value,e)})}},onDrag:e=>{const n=Math.max(p.value,s(e[0])-a.value.main/2),t=Math.max(p.value,100-n-a.value.main);n+a.value.main+t>100||(a.value.left=n,a.value.right=t)},onResizeEnd:()=>{localStorage.setItem(n.value,JSON.stringify(a.value))}}}return{setters:[function(e){n=e.$,t=e.A,l=e.Bt,o=e.C,i=e.E,u=e.Ft,r=e.Ht,s=e.N,d=e.S,c=e.Sn,v=e.T,p=e.U,g=e.Wt,_=e.X,h=e._n,f=e.gt,m=e.j,y=e.pt,w=e.q,b=e.w,x=e.y,k=e.yn,N=e.yt},function(e){j=e.at,I=e.p},function(e){D=e.A,R=e.Di,P=e.Mi,$=e.Pt,T=e.Qi,M=e.Xi,C=e.h,E=e.tt,O=e.xt},function(e){S=e.t},function(e){z=e.At,B=e.Fn,W=e.Ft,L=e.In,A=e.Ln,U=e._r,H=e.aa,V=e.fr,F=e.gr,K=e.jt,X=e.lr,J=e.r,Q=e.s,q=e.w},function(e){Y=e.o},function(e){Z=e.Qt,G=e.Ra,e.ar,ee=e.eo,ae=e.ra,ne=e.w,e.ys},function(e){te=e.D},function(e){le=e.t},function(e){oe=e.t},function(e){ie=e.t},function(e){ue=e.t},function(e){re=e.t},function(e){se=e.t},function(e){de=e.n,ce=e.t},function(e){ve=e.t},function(e){pe=e.n,ge=e.r,_e=e.t}],execute:function(){(he=document.createElement("style")).textContent="._ndvHeader_1e58b_2{justify-content:space-between;align-items:center;gap:var(--spacing--2xs);width:100%;padding:var(--spacing--4xs);background:var(--color--background--light-3);display:flex}._content_1e58b_12{align-items:center;gap:var(--spacing--2xs);margin-left:var(--spacing--2xs);display:flex}._actions_1e58b_19{align-items:center;gap:var(--spacing--4xs);display:flex}._actions_1e58b_19 button:hover{background-color:var(--color--background)}._actions_1e58b_19>:not(:last-child){border-right:var(--border);padding-right:var(--spacing--2xs)}._title_1e58b_34{color:var(--color--text--shade-1);font-size:var(--font-size--sm)}._docsLabel_1e58b_39{gap:var(--spacing--4xs);display:flex}._icon_1e58b_44{z-index:1;align-self:center}._dragButton_1cg1p_125{cursor:ew-resize;background:var(--ndv--background--color);align-items:baseline;gap:var(--spacing--3xs);padding:var(--spacing--4xs) var(--spacing--3xs) 0 var(--spacing--3xs);color:var(--color--foreground--shade-2);border:none;border:var(--border);border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);border-bottom:none;outline:none;display:flex}._dragButton_1cg1p_125 ._arrow_1cg1p_140{opacity:0;width:10px}._dragButton_1cg1p_125 ._handle_1cg1p_144{width:11px;transform:rotate(90deg)}._dragButton_1cg1p_125:hover ._arrow_1cg1p_140,._dragButton_1cg1p_125._dragging_1cg1p_148 ._arrow_1cg1p_140{opacity:1}._backdrop_lhwvj_125{z-index:var(--ndv--z);background-color:var(--dialog--overlay--color--background--dark);position:absolute;top:0;bottom:0;left:0;right:0}._dialog_lhwvj_135{z-index:var(--ndv--z);width:calc(100% - var(--spacing--2xl));height:calc(100% - var(--spacing--2xl));top:var(--spacing--lg);left:var(--spacing--lg);background:0 0;border:none;outline:none;margin:0;padding:0;display:flex;position:absolute}._container_lhwvj_150{background:var(--border-color);border:var(--border);border-radius:var(--radius--lg);color:var(--color--text);flex-direction:column;flex-grow:1;min-width:0;display:flex}._main_lhwvj_161{flex-grow:1;align-items:stretch;width:100%;height:100%;min-height:0;display:flex;position:relative}._column_lhwvj_171{min-width:0}._column_lhwvj_171+._column_lhwvj_171{border-left:var(--border)}._column_lhwvj_171:first-child>div{border-bottom-left-radius:var(--radius--lg)}._column_lhwvj_171:last-child{border-bottom-right-radius:var(--radius--lg)}._input_lhwvj_184,._output_lhwvj_185{min-width:280px}._dataColumn_lhwvj_189{overflow-x:auto}._header_lhwvj_193{background-color:var(--ndv--background--color);border-bottom:var(--border);border-top-left-radius:var(--radius--lg);border-top-right-radius:var(--radius--lg)}._settings_lhwvj_200{flex-grow:1;overflow:hidden}._draggable_lhwvj_205{--draggable--height:18px;top:calc(-1 * var(--draggable--height));height:var(--draggable--height);position:absolute;left:50%;transform:translate(-50%)}._webhookWaiting_lhwvj_214{border:none}\n/*$vite$:1*/",document.head.appendChild(he);try{a="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(l=(new a.Error).stack)&&(a._sentryDebugIds=a._sentryDebugIds||{},a._sentryDebugIds[l]="ab4b0bc3-f9b1-454d-8216-d35cc3afb416",a._sentryDebugIdIdentifier="sentry-dbid-ab4b0bc3-f9b1-454d-8216-d35cc3afb416")}catch(a){}var a,l;fe=s({__name:"NDVHeader",props:{nodeName:{},nodeTypeName:{},docsUrl:{},icon:{},readOnly:{type:Boolean}},emits:["close","rename"],setup(e,{emit:a}){const l=e,u=j(),r=a;function s(e){r("rename",e||l.nodeTypeName)}return(a,d)=>(n(),i("header",{class:h(a.$style.ndvHeader)},[o("div",{class:h(a.$style.content)},[e.icon?(n(),b(ue,{key:0,class:h(a.$style.icon),size:20,"icon-source":e.icon,"node-name":l.nodeTypeName,"show-tooltip":!0},null,8,["class","icon-source","node-name"])):v("",!0),o("div",{class:h(a.$style.title),"data-test-id":"node-title-container"},[m(g(C),{"model-value":e.nodeName,"min-width":0,"max-width":500,placeholder:g(u).baseText("ndv.title.rename.placeholder"),"read-only":e.readOnly,"onUpdate:modelValue":s},null,8,["model-value","placeholder","read-only"])],2)],2),o("div",{class:h(a.$style.actions)},[e.docsUrl?(n(),b(g(E),{key:0,theme:"text",target:"_blank",href:e.docsUrl},{default:N((()=>[o("span",{class:h(a.$style.docsLabel)},[m(g(M),{size:"small",bold:""},{default:N((()=>[t(c(g(u).baseText("nodeSettings.docs")),1)])),_:1}),m(g(T),{icon:"external-link"})],2)])),_:1},8,["href"])):v("",!0),m(g(R),null,{content:N((()=>[t(c(g(u).baseText("ndv.close.tooltip")),1)])),default:N((()=>[m(g(P),{variant:"ghost",icon:"x","data-test-id":"ndv-close-button",onClick:d[0]||(d[0]=e=>r("close"))})])),_:1})],2)],2))}}),me=S(fe,[["__cssModules",{$style:{ndvHeader:"_ndvHeader_1e58b_2",content:"_content_1e58b_12",actions:"_actions_1e58b_19",title:"_title_1e58b_34",docsLabel:"_docsLabel_1e58b_39",icon:"_icon_1e58b_44"}}]]),ye=s({__name:"PanelDragButtonV2",props:{canMoveRight:{type:Boolean},canMoveLeft:{type:Boolean}},emits:["drag","dragstart","dragend"],setup(e,{emit:a}){const t=a,l=e=>{t("drag",e)},i=()=>{t("dragend")},u=()=>{t("dragstart")};return(a,t)=>(n(),b(ie,{class:h(a.$style.dragContainer),type:"panel-resize",cursor:"ew-resize","data-test-id":"panel-drag-button",onDrag:l,onDragstart:u,onDragend:i},{default:N((({isDragging:t})=>[o("button",{class:h([a.$style.dragButton,{[a.$style.dragging]:t}])},[e.canMoveLeft?(n(),b(g(T),{key:0,class:h(a.$style.arrow),icon:"arrow-left"},null,8,["class"])):v("",!0),m(g(T),{class:h(a.$style.handle),icon:"menu"},null,8,["class"]),e.canMoveRight?(n(),b(g(T),{key:1,class:h(a.$style.arrow),icon:"arrow-right"},null,8,["class"])):v("",!0)],2)])),_:1},8,["class"]))}}),we=S(ye,[["__cssModules",{$style:{dragButton:"_dragButton_1cg1p_125",arrow:"_arrow_1cg1p_140",handle:"_handle_1cg1p_144",dragging:"_dragging_1cg1p_148"}}]]),be=s({__name:"NodeDetailsViewV2",props:{workflowObject:{},readOnly:{type:Boolean,default:!1},isProductionExecutionPreview:{type:Boolean,default:!1}},emits:["valueChanged","switchSelectedNode","openConnectionNodeCreator","renameNode","stopExecution"],setup(e,{emit:a}){const t=a,l=e,r=F(),s=L(),c=X(),{activeNode:I}=te(r),R=le(I),P=q(),T=J(),M=Q(),C=H(),E=$(),S=se(),U=V(),ie=re({view_shown:"ndv"}),ue=j(),he=A(),{APP_Z_INDEXES:fe}=B(),ye=O(),be=u(-1),ke=d((()=>r.output.run??-1)),Ne=u(!0),je=u(),Ie=u(!1),De=u(!1),Re=u(0),Pe=u(!1),$e=u(0),Te=u(0),Me=u(!1),Ce=u(!1),Ee=u(!0),Oe=u(),Se=y("containerRef"),ze=y("mainPanelRef"),Be=d((()=>r.pushRef)),We=d((()=>I.value?P.getNodeType(I.value.type,I.value.typeVersion):null)),{docsUrl:Le}=de({nodeType:We}),Ae=d((()=>T.isActionActive.workflowRunning)),Ue=d((()=>{if(null===Ze.value)return null;const e=Ze.value.data;return e?.resultData?e.resultData.runData:null})),He=d((()=>I.value&&l.workflowObject.getParentNodesByDepth(I.value.name,1).map((({name:e})=>e))||[])),Ve=d((()=>{for(const e of He.value){if(C?.value?.pinData?.[e])return e;if(Ue.value?.[e])return e}return He.value[0]})),Fe=d((()=>(I.value&&We.value?ae(l.workflowObject,I.value,We.value):[]).filter((e=>"string"==typeof e?e!==ee.Main:e.type!==ee.Main)).length>0&&I.value?l.workflowObject.getChildNodes(I.value.name,"ALL_NON_MAIN")?.[0]:je.value||Ve.value)),Ke=d((()=>Fe.value?C?.value?.getNodeByName(Fe.value)??null:null)),Xe=d((()=>r.ndvInputDataWithPinnedData.length)),Je=d((()=>!!We.value&&We.value.group.includes("trigger"))),Qe=d((()=>{const e=!!We.value?.triggerPanel;if("boolean"==typeof We.value?.triggerPanel)return e;const a=!!We.value?.webhooks?.length,n=We.value?.polling;return!l.readOnly&&Je.value&&(a||n||e)})),qe=d((()=>!!We.value&&Z.includes(We.value.name))),Ye=d((()=>!!r.activeNode&&"n8n-nodes-base.stickyNote"===r.activeNode.type)),Ze=d((()=>M.getWorkflowExecution)),Ge=d((()=>{if(null===I.value)return 0;const e=Ue.value;return e?.[I.value.name]&&e[I.value.name].length?e[I.value.name].length-1:0})),ea=d((()=>-1===ke.value?Ge.value:Math.min(ke.value,Ge.value))),aa=d((()=>{if(null===Ke.value||null===I.value)return 0;const e=l.workflowObject.getNode(I.value.name);if(!e||!We.value)return 0;const a=ae(l.workflowObject,e,We.value);let n=Ke.value;const t=Ue.value;return a.some((e=>e!==ee.Main))&&(n=I.value),n&&t?.hasOwnProperty(n.name)&&t[n.name].length?t[n.name].length-1:0})),na=d((()=>Ne.value&&Ge.value===aa.value?ea.value:-1===be.value?aa.value:Math.min(be.value,aa.value))),ta=d((()=>Ge.value>0&&Ge.value===aa.value)),la=d((()=>Ne.value&&ta.value)),oa=d((()=>r.outputPanelEditMode)),ia=d((()=>T.isActionActive.workflowRunning)),ua=d((()=>M.executionWaitingForWebhook)),ra=d((()=>ia.value||ua.value)),sa=d((()=>c.getForeignCredentialsIfSharingEnabled(I.value?.credentials))),da=d((()=>sa.value.length>0)),ca=d((()=>r.inputPanelDisplayMode)),va=d((()=>r.outputPanelDisplayMode)),pa=d((()=>!Je.value||Qe.value)),ga=d((()=>pa.value?["left","right"]:["right"])),_a=d((()=>({eventBus:ye,dragging:De.value,pushRef:Be.value,foreignCredentials:sa.value,readOnly:l.readOnly,blockUI:ra.value&&Qe.value,executable:!l.readOnly,inputSize:Xe.value,isNdvV2:!0}))),{containerWidth:ha,onDrag:fa,onResize:ma,onResizeEnd:ya,panelWidthPercentage:wa,panelWidthPixels:ba}=xe({container:Se,hasInputPanel:pa,paneType:d((()=>pa.value?We.value?.parameterPane??"regular":"inputless"))}),xa=({isTooltipVisible:e})=>{Pe.value=e},ka=e=>{je.value=e},Na=e=>{"s"===e.key&&E.isCtrlKeyPressed(e)&&e.preventDefault()},ja=e=>{if(null===e||!Fe.value||!Ee.value)return void r.setHoveringItem(null);const a={nodeName:Fe.value,runIndex:na.value,outputIndex:e.outputIndex,itemIndex:e.itemIndex};r.setHoveringItem(a)},Ia=e=>{$e.value=e.avgRowHeight},Da=()=>{r.unsetActiveNodeName(),K.emit("publishWorkflow")},Ra=e=>{if(null===e||!I.value||!Ee.value)return void r.setHoveringItem(null);const a={nodeName:I.value?.name,runIndex:ea.value,outputIndex:e.outputIndex,itemIndex:e.itemIndex};r.setHoveringItem(a)},Pa=()=>{ya(),De.value=!1,U.track("User moved parameters pane",{window_width:ha.value,start_position:Re.value,node_type:We.value?We.value.name:"",push_ref:Be.value,workflow_id:S.value})},$a=()=>{De.value=!0},Ta=()=>{Ne.value=!0,Oa("output")},Ma=e=>{be.value=ke.value,Ne.value=!1,Oa(e)},Ca=()=>{setTimeout((()=>{I.value&&Ae.value&&(Ie.value=!0)}),1e3)},Ea=()=>{ye.emit("openSettings")},Oa=e=>{U.track("User changed ndv run linking",{node_type:We.value?We.value.name:"",push_ref:Be.value,linked:la.value,pane:e})},Sa=()=>{r.setOutputRunIndex(be.value),Ne.value=!0,Oa("input")},za=e=>{t("switchSelectedNode",e)},Ba=(e,a)=>{t("openConnectionNodeCreator",e,a)},Wa=async()=>{if(!De.value){if(oa.value.enabled&&I.value){if("confirm"===await he.confirm("",ue.baseText("ndv.pinData.beforeClosing.title"),{confirmButtonText:ue.baseText("ndv.pinData.beforeClosing.confirm"),cancelButtonText:ue.baseText("ndv.pinData.beforeClosing.cancel")})){const{value:a}=oa.value;try{R.setData(G(a),"on-ndv-close-modal")}catch(e){console.error(e)}}r.setOutputPanelEditModeEnabled(!1)}await s.run("dataDisplay.nodeEditingFinished"),U.track("User closed node modal",{node_type:We.value?We.value?.name:"",push_ref:Be.value,workflow_id:S.value}),Ie.value=!1,r.unsetActiveNodeName(),r.resetNDVPushRef()}};ve({Escape:Wa});const La=(e,a)=>{U.track("User changed ndv run dropdown",{push_ref:Be.value,run_index:e,node_type:We.value?We.value?.name:"",pane:a})},Aa=e=>{r.setOutputRunIndex(e),La(e,"output")},Ua=e=>{be.value=e,la.value&&r.setOutputRunIndex(e),La(e,"input")},Ha=e=>{Te.value=e.avgRowHeight},Va=(e,a)=>{be.value=-1,Ne.value=!0,je.value=e,U.track("User changed ndv input dropdown",{node_type:I.value?I.value.type:"",push_ref:Be.value,workflow_id:S.value,selection_value:a,input_node_type:Ke.value?Ke.value.type:""})},Fa=()=>{t("stopExecution")},Ka=()=>{Me.value=!0,Ce.value=!1},Xa=()=>{Me.value=!1,Ce.value=!0},Ja=e=>{Ee.value=!e},Qa=()=>{document.removeEventListener("keydown",Na,!0)},qa=e=>{t("renameNode",e)},Ya=(e,a)=>{r.setPanelDisplayMode({pane:e,mode:a})};return f(I,((e,a)=>{if(e&&!a?(document.addEventListener("keydown",Na,!0),Oe.value?.show()):e||Qa(),e&&e.name!==a?.name&&!Ye.value){if(be.value=-1,r.setOutputRunIndex(-1),Ne.value=!0,je.value=void 0,Ie.value=!1,Te.value=0,$e.value=0,setTimeout((()=>r.setNDVPushRef()),0),!We.value)return;s.run("dataDisplay.nodeTypeChanged",{nodeSubtitle:c.getNodeSubtitle(e,We.value,l.workflowObject)}),setTimeout((()=>{if(I.value){const e=C?.value?.outgoingConnectionsByNodeName(I.value?.name);U.track("User opened node modal",{node_id:I.value?.id,node_type:We.value?We.value?.name:"",workflow_id:S.value,push_ref:Be.value,is_editable:!da.value,parameters_pane_position:Re.value,input_first_connector_runs:aa.value,output_first_connector_runs:Ge.value,selected_view_inputs:Je.value?"trigger":r.inputPanelDisplayMode,selected_view_outputs:r.outputPanelDisplayMode,input_connectors:He.value.length,output_connectors:e?.main?.length,input_displayed_run_index:na.value,output_displayed_run_index:ea.value,data_pinning_tooltip_presented:Pe.value,input_displayed_row_height_avg:$e.value,output_displayed_row_height_avg:Te.value,source:ie.ndv_source?.value??"other"})}}),2e3)}window.top&&!Ye.value&&window.top.postMessage(JSON.stringify({command:e?"openNDV":"closeNDV"}),"*")}),{immediate:!0}),f(Ge,(()=>{r.setOutputRunIndex(-1)})),f(aa,(()=>{be.value=-1})),f(Fe,(e=>{setTimeout((()=>{r.setInputNodeName(e)}),0)})),f(na,(e=>{setTimeout((()=>{r.setInputRunIndex(e)}),0)})),f(ze,(e=>{if(!e)return;const a=function(e){const a=[],n=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>{const a="INPUT"===e.tagName&&"hidden"===e.type;return e.disabled||e.hidden||a?NodeFilter.FILTER_SKIP:e.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;n.nextNode();)a.push(n.currentNode);return a}(e)[0];a&&a.focus()})),_((()=>{Oe.value?.show(),W.on("data-pinning-discovery",xa),z.on("updateInputNodeName",ka)})),w((()=>{W.off("data-pinning-discovery",xa),z.off("updateInputNodeName",ka),Qa()})),(a,t)=>g(I)&&!Ye.value?(n(),b(x,{key:0,to:`#${g(ne)}`},[o("div",{"data-test-id":"ndv-backdrop",class:h(a.$style.backdrop),style:k({zIndex:g(fe).NDV}),onClick:Wa},null,6),o("dialog",{ref_key:"dialogRef",ref:Oe,open:"","aria-modal":"true","data-test-id":"ndv",class:h(a.$style.dialog),style:k({zIndex:g(fe).NDV})},[m(ge,{"root-node":g(I),onSwitchSelectedNode:za},null,8,["root-node"]),o("div",{ref_key:"containerRef",ref:Se,class:h({[a.$style.container]:!0,[a.$style.webhookWaiting]:ua.value})},[m(me,{class:h(a.$style.header),"node-name":g(I).name,"node-type-name":We.value?.defaults.name??We.value?.displayName??g(I).name,icon:g(oe)(We.value??g(I).type,g(I)),"docs-url":g(Le),onClose:Wa,onRename:qa},null,8,["class","node-name","node-type-name","icon","docs-url"]),o("main",{class:h(a.$style.main)},[pa.value?(n(),i("div",{key:0,class:h([a.$style.column,a.$style.dataColumn]),style:k({width:`${g(wa).left}%`})},[Qe.value?(n(),b(_e,{key:0,"node-name":g(I).name,"push-ref":Be.value,class:h(a.$style.input),onExecute:Ca,onActivate:Da},null,8,["node-name","push-ref","class"])):Je.value?v("",!0):(n(),b(Y,{key:1,"workflow-object":e.workflowObject,"can-link-runs":ta.value,"run-index":na.value,"linked-runs":la.value,"active-node-name":g(I).name,"current-node-name":Fe.value,"push-ref":Be.value,"read-only":e.readOnly||da.value,"is-production-execution-preview":e.isProductionExecutionPreview,"search-shortcut":Me.value?"/":void 0,"display-mode":ca.value,class:h(a.$style.input),"is-mapping-onboarded":g(r).isMappingOnboarded,"focused-mappable-input":g(r).focusedMappableInput,onActivatePane:Ka,onLinkRun:Sa,onUnlinkRun:t[0]||(t[0]=()=>Ma("input")),onRunChange:Ua,onOpenSettings:Ea,onChangeInputNode:Va,onExecute:Ca,onTableMounted:Ia,onItemHover:ja,onSearch:Ja,onDisplayModeChange:t[1]||(t[1]=e=>Ya("input",e))},null,8,["workflow-object","can-link-runs","run-index","linked-runs","active-node-name","current-node-name","push-ref","read-only","is-production-execution-preview","search-shortcut","display-mode","class","is-mapping-onboarded","focused-mappable-input"]))],6)):v("",!0),m(g(D),{width:g(ba).main,"min-width":260,"supported-directions":ga.value,"grid-size":8,class:h({[a.$style.column]:!ua.value,[a.$style.webhookWaiting]:ua.value}),style:k({width:`${g(wa).main}%`}),outset:"",onResize:g(ma),onResizestart:$a,onResizeend:Pa},{default:N((()=>[o("div",{ref_key:"mainPanelRef",ref:ze,class:h(a.$style.main)},[pa.value?(n(),b(we,{key:0,class:h(a.$style.draggable),"can-move-left":!0,"can-move-right":!0,onDrag:g(fa),onDragstart:$a,onDragend:Pa},null,8,["class","onDrag"])):v("",!0),m(ce,p(_a.value,{class:a.$style.settings,onExecute:Ca,onStopExecution:Fa,onActivate:Da,onSwitchSelectedNode:za,onOpenConnectionNodeCreator:Ba}),null,16,["class"])],2)])),_:1},8,["width","supported-directions","class","style","onResize"]),o("div",{class:h([a.$style.column,a.$style.dataColumn]),style:k({width:`${g(wa).right}%`})},[m(pe,{"data-test-id":"output-panel","workflow-object":e.workflowObject,"can-link-runs":ta.value,"run-index":ea.value,"linked-runs":la.value,"push-ref":Be.value,"is-read-only":e.readOnly||da.value,"block-u-i":ra.value&&Je.value&&!qe.value,"is-production-execution-preview":e.isProductionExecutionPreview,"is-pane-active":Ce.value,"display-mode":va.value,class:h(a.$style.output),onActivatePane:Xa,onLinkRun:Ta,onUnlinkRun:t[2]||(t[2]=()=>Ma("output")),onRunChange:Aa,onOpenSettings:Ea,onTableMounted:Ha,onItemHover:Ra,onSearch:Ja,onExecute:Ca,onDisplayModeChange:t[3]||(t[3]=e=>Ya("output",e))},null,8,["workflow-object","can-link-runs","run-index","linked-runs","push-ref","is-read-only","block-u-i","is-production-execution-preview","is-pane-active","display-mode","class"])],6)],2)],2)],6)],8,["to"])):v("",!0)}}),e("default",S(be,[["__cssModules",{$style:{backdrop:"_backdrop_lhwvj_125",dialog:"_dialog_lhwvj_135",container:"_container_lhwvj_150",main:"_main_lhwvj_161",column:"_column_lhwvj_171",input:"_input_lhwvj_184",output:"_output_lhwvj_185",dataColumn:"_dataColumn_lhwvj_189",header:"_header_lhwvj_193",settings:"_settings_lhwvj_200",draggable:"_draggable_lhwvj_205",webhookWaiting:"_webhookWaiting_lhwvj_214"}}]]))}}}));
//# sourceMappingURL=NodeDetailsViewV2-legacy-CpIkPE6I.js.map