n8n-editor-ui/dist/assets/NodeDetailsViewV2-CO-QukvL.js

Workflow Editor UI for n8n

(function(){try{var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{};e.SENTRY_RELEASE={id:`n8n@2.13.4`}}catch{}})();try{(function(){var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]=`a658deab-2edf-4bfc-a5b7-fb84504cf7a1`,e._sentryDebugIdIdentifier=`sentry-dbid-a658deab-2edf-4bfc-a5b7-fb84504cf7a1`)})()}catch{}import{$ as e,A as t,Bt as n,C as r,E as i,Ft as a,Ht as o,N as s,S as c,Sn as l,T as u,U as d,Wt as f,X as p,_n as m,gt as h,j as g,pt as ee,q as _,w as v,y as te,yn as y,yt as b}from"./vue.runtime.esm-bundler-D9KLAxvJ.js";import{D as ne,bt as re}from"./_MapCache-CUJwh2qp.js";import{$i as x,At as ie,Ht as ae,Ii as S,Mi as oe,Zi as se,h as C,lt as w,z as ce}from"./src-wni2AGA3.js";import{t as T}from"./_plugin-vue_export-helper-Dm3nT7Ps.js";import"./sanitize-html-my1ogl5v.js";import"./date-picker-_u2qOcgh.js";import{$t as le,Dr as ue,Er as de,Kr as fe,dn as pe,en as me,hn as he,ia as ge,jr as _e,r as ve,rn as ye,s as be,un as xe,w as Se}from"./users.store-BHWXXawf.js";import{o as Ce}from"./ParameterInputList-BFWz3KF9.js";import{$a as we,D as Te,Ps as E,gr as D,ho as O,ln as Ee,va as De}from"./constants-CIP7tKq1.js";import"./merge-BqvKZ38d.js";import{N as Oe}from"./_baseOrderBy-CaKruttV.js";import"./dateformat-CYfyw486.js";import"./useDebounce-CTeIt-cH.js";import"./dataTable.store-DzRmkvR8.js";import"./useClipboard-D72kaMkX.js";import"./executions.store-CZbPSd3l.js";import"./CopyInput-DXwlVLzp.js";import"./assistant.store-BOJw9cI0.js";import"./chatPanel.store-N5nWYKck.js";import"./RunData-CqDg79Fs.js";import"./NDVEmptyState-DMWlSoOG.js";import"./externalSecrets.ee.store-JZ2zh2En.js";import"./uniqBy-CvYQiCPx.js";import"./communityNodes.store-CwKzTEmt.js";import{t as ke}from"./usePinnedData-bxdhY-Ce.js";import{t as Ae}from"./nodeIcon-BFJyt77y.js";import"./canvas.utils-BMxgA7cX.js";import"./canvas.eventBus-C-z2MFNA.js";import"./useCanvasOperations-CI7Ylcwf.js";import"./setupPanel.store-D0Kh-_X7.js";import"./nodeTransforms-DgA3LbBA.js";import"./templateTransforms-Bcjcx-gt.js";import"./ContactAdministratorToInstall-CmQ5LyOX.js";import"./useQuickConnect-CGSObYV3.js";import"./semver-CG7NEUeV.js";import"./CredentialIcon-BKhP7Biv.js";import"./useDynamicCredentials-C74iW7Qx.js";import"./RunDataHtml-B-bE8ase.js";import{t as je}from"./Draggable-B_Sok8jx.js";import{t as k}from"./NodeIcon-0naEDfOR.js";import"./VirtualSchema-VZf8DCpb.js";import"./useCalloutHelpers-BtD3kQKI.js";import{t as Me}from"./useTelemetryContext-Chv8_oZ6.js";import"./useRunWorkflow-BbbTafql.js";import"./pushConnection.store-L5aofOKN.js";import{t as Ne}from"./useInjectWorkflowId-BSmCE6rY.js";import"./vue-json-pretty-CBkxkEgX.js";import"./collaboration.store-BcnGWDqh.js";import"./dateFormatter-aoRZizgK.js";import"./useExecutionHelpers-D8SD8Eej.js";import"./useFreeAiCredits-oLq3Ynnl.js";import{n as Pe,t as Fe}from"./NodeSettings-Duq7ydj8.js";import"./CommunityNodeUpdateInfo-VtIhgbTd.js";import"./vue-DqU7Busn.js";import{t as Ie}from"./useKeybindings-C1FXJp2f.js";import"./useActions-CIZqXgqI.js";import"./chatHubPanel.store-DX1OXDdC.js";import"./useLogsTreeExpand-CFu0Brhy.js";import"./AnimatedSpinner-CGTlYi1c.js";import"./useExecutionData-Ce6DH0Wy.js";import"./RunDataParsedAiContent-DJFEwHfT.js";import{n as Le,r as Re,t as ze}from"./TriggerPanel-BYaFy06N.js";var Be=T(s({__name:`NDVHeader`,props:{nodeName:{},nodeTypeName:{},docsUrl:{},icon:{},readOnly:{type:Boolean}},emits:[`close`,`rename`],setup(n,{emit:a}){let o=n,s=re(),c=a;function d(e){c(`rename`,e||o.nodeTypeName)}return(a,p)=>(e(),i(`header`,{class:m(a.$style.ndvHeader)},[r(`div`,{class:m(a.$style.content)},[n.icon?(e(),v(k,{key:0,class:m(a.$style.icon),size:20,"icon-source":n.icon,"node-name":o.nodeTypeName,"show-tooltip":!0},null,8,[`class`,`icon-source`,`node-name`])):u(``,!0),r(`div`,{class:m(a.$style.title),"data-test-id":`node-title-container`},[g(f(C),{"model-value":n.nodeName,"min-width":0,"max-width":500,placeholder:f(s).baseText(`ndv.title.rename.placeholder`),"read-only":n.readOnly,"onUpdate:modelValue":d},null,8,[`model-value`,`placeholder`,`read-only`])],2)],2),r(`div`,{class:m(a.$style.actions)},[n.docsUrl?(e(),v(f(w),{key:0,theme:`text`,target:`_blank`,href:n.docsUrl},{default:b(()=>[r(`span`,{class:m(a.$style.docsLabel)},[g(f(se),{size:`small`,bold:``},{default:b(()=>[t(l(f(s).baseText(`nodeSettings.docs`)),1)]),_:1}),g(f(x),{icon:`external-link`})],2)]),_:1},8,[`href`])):u(``,!0),g(f(oe),null,{content:b(()=>[t(l(f(s).baseText(`ndv.close.tooltip`)),1)]),default:b(()=>[g(f(S),{variant:`ghost`,icon:`x`,"data-test-id":`ndv-close-button`,onClick:p[0]||=e=>c(`close`)})]),_:1})],2)],2))}}),[[`__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`}}]]);function Ve(e){let t=a({left:40,main:20,right:40}),r=c(()=>`${fe}_${o(e.paneType).toUpperCase()}`),i=ne(e.container),s=c(()=>i.width.value),l=e=>e/100*s.value,u=e=>e/s.value*100,d=c(()=>u(368)),f=c(()=>({left:l(t.value.left),main:l(t.value.main),right:l(t.value.right)})),p=c(()=>u(120)),m=c(()=>{switch(o(e.paneType)){case`inputless`:{let e=u(480);return{left:0,main:e,right:100-e}}case`wide`:{let e=u(640),t=(100-e)/2;return{left:t,main:e,right:t}}case`dragless`:case`unknown`:case`regular`:default:{let e=u(420),t=(100-e)/2;return{left:t,main:e,right:t}}}}),g=({left:t,main:n,right:r})=>{let i=o(e.hasInputPanel)?p.value:0,a=p.value,s=d.value,c={left:Math.max(i,t),main:Math.max(s,n),right:Math.max(a,r)},l=c.left+c.main+c.right;if(l>100){let e=l-100,t=c.left/(c.left+c.right)*e,n=e-t;c.left=Math.max(i,c.left-t),c.right=Math.max(a,c.right-n)}return c},ee=()=>{localStorage.setItem(r.value,JSON.stringify(t.value))},_=()=>{let e=localStorage.getItem(r.value),n=m.value;e?t.value=g(we(e,{fallbackValue:n})??n):t.value=g(n)};return h(s,(e,n)=>{e&&(n?t.value=g(t.value):_())}),h(n(e.paneType),()=>{_()},{immediate:!0}),{containerWidth:s,panelWidthPercentage:t,panelWidthPixels:f,onResize:e=>{let n=Math.max(d.value,u(e.width)),r=t.value.left,i=t.value.main,a=t.value.right,o=n-i;if(e.direction===`left`){let e=r-o;if(e<p.value)return;t.value=g({left:Math.max(p.value,e),main:n,right:a})}else if(e.direction===`right`){let e=a-o;if(e<p.value)return;t.value=g({left:r,main:n,right:Math.max(p.value,e)})}},onDrag:e=>{let n=Math.max(p.value,u(e[0])-t.value.main/2),r=Math.max(p.value,100-n-t.value.main);n+t.value.main+r>100||(t.value.left=n,t.value.right=r)},onResizeEnd:()=>{ee()}}}var He=T(s({__name:`PanelDragButtonV2`,props:{canMoveRight:{type:Boolean},canMoveLeft:{type:Boolean}},emits:[`drag`,`dragstart`,`dragend`],setup(t,{emit:n}){let i=n,a=e=>{i(`drag`,e)},o=()=>{i(`dragend`)},s=()=>{i(`dragstart`)};return(n,i)=>(e(),v(je,{class:m(n.$style.dragContainer),type:`panel-resize`,cursor:`ew-resize`,"data-test-id":`panel-drag-button`,onDrag:a,onDragstart:s,onDragend:o},{default:b(({isDragging:i})=>[r(`button`,{class:m([n.$style.dragButton,{[n.$style.dragging]:i}])},[t.canMoveLeft?(e(),v(f(x),{key:0,class:m(n.$style.arrow),icon:`arrow-left`},null,8,[`class`])):u(``,!0),g(f(x),{class:m(n.$style.handle),icon:`menu`},null,8,[`class`]),t.canMoveRight?(e(),v(f(x),{key:1,class:m(n.$style.arrow),icon:`arrow-right`},null,8,[`class`])):u(``,!0)],2)]),_:1},8,[`class`]))}}),[[`__cssModules`,{$style:{dragButton:`_dragButton_1cg1p_125`,arrow:`_arrow_1cg1p_140`,handle:`_handle_1cg1p_144`,dragging:`_dragging_1cg1p_148`}}]]),Ue=T(s({__name:`NodeDetailsViewV2`,props:{workflowObject:{},readOnly:{type:Boolean,default:!1},isProductionExecutionPreview:{type:Boolean,default:!1}},emits:[`valueChanged`,`switchSelectedNode`,`openConnectionNodeCreator`,`renameNode`,`stopExecution`],setup(t,{emit:n}){let o=n,s=t,l=ye(),ne=ue(),x=le(),{activeNode:S}=Oe(l),oe=ke(S),se=Se(),C=ve(),w=be(),T=ge(),fe=ae(),E=Ne(),D=me(),je=Me({view_shown:`ndv`}),k=re(),Ue=_e(),{APP_Z_INDEXES:We}=de(),Ge=ie(),A=a(-1),j=c(()=>l.output.run??-1),M=a(!0),N=a(),P=a(!1),F=a(!1),Ke=a(0),qe=a(!1),I=a(0),L=a(0),R=a(!1),z=a(!1),Je=a(!0),Ye=a(),Xe=ee(`containerRef`),Ze=ee(`mainPanelRef`),B=c(()=>l.pushRef),V=c(()=>S.value?se.getNodeType(S.value.type,S.value.typeVersion):null),{docsUrl:Qe}=Pe({nodeType:V}),$e=c(()=>C.isActionActive.workflowRunning),et=c(()=>{if(st.value===null)return null;let e=st.value.data;return e?.resultData?e.resultData.runData:null}),tt=c(()=>S.value&&s.workflowObject.getParentNodesByDepth(S.value.name,1).map(({name:e})=>e)||[]),nt=c(()=>{for(let e of tt.value)if(T?.value?.pinData?.[e]||et.value?.[e])return e;return tt.value[0]}),H=c(()=>(S.value&&V.value?De(s.workflowObject,S.value,V.value):[]).filter(e=>typeof e==`string`?e!==O.Main:e.type!==O.Main).length>0&&S.value?s.workflowObject.getChildNodes(S.value.name,`ALL_NON_MAIN`)?.[0]:N.value||nt.value),U=c(()=>H.value?w.getNodeByName(H.value):null),rt=c(()=>l.ndvInputDataWithPinnedData.length),W=c(()=>!!V.value&&V.value.group.includes(`trigger`)),it=c(()=>{let e=!!V.value?.triggerPanel;if(typeof V.value?.triggerPanel==`boolean`)return e;let t=!!V.value?.webhooks?.length,n=V.value?.polling;return!s.readOnly&&W.value&&(t||n||e)}),at=c(()=>V.value?Ee.includes(V.value.name):!1),ot=c(()=>!!l.activeNode&&l.activeNode.type===`n8n-nodes-base.stickyNote`),st=c(()=>w.getWorkflowExecution),G=c(()=>{if(S.value===null)return 0;let e=et.value;return e?.[S.value.name]&&e[S.value.name].length?e[S.value.name].length-1:0}),K=c(()=>j.value===-1?G.value:Math.min(j.value,G.value)),q=c(()=>{if(U.value===null||S.value===null)return 0;let e=s.workflowObject.getNode(S.value.name);if(!e||!V.value)return 0;let t=De(s.workflowObject,e,V.value),n=U.value,r=et.value;return t.some(e=>e!==O.Main)&&(n=S.value),!n||!r?.hasOwnProperty(n.name)?0:r[n.name].length?r[n.name].length-1:0}),J=c(()=>M.value&&G.value===q.value?K.value:A.value===-1?q.value:Math.min(A.value,q.value)),ct=c(()=>G.value>0&&G.value===q.value),Y=c(()=>M.value&&ct.value),lt=c(()=>l.outputPanelEditMode),ut=c(()=>C.isActionActive.workflowRunning),X=c(()=>w.executionWaitingForWebhook),dt=c(()=>ut.value||X.value),ft=c(()=>x.getForeignCredentialsIfSharingEnabled(S.value?.credentials)),pt=c(()=>ft.value.length>0),mt=c(()=>l.inputPanelDisplayMode),ht=c(()=>l.outputPanelDisplayMode),Z=c(()=>!W.value||it.value),gt=c(()=>Z.value?[`left`,`right`]:[`right`]),_t=c(()=>({eventBus:Ge,dragging:F.value,pushRef:B.value,foreignCredentials:ft.value,readOnly:s.readOnly,blockUI:dt.value&&it.value,executable:!s.readOnly,inputSize:rt.value,isNdvV2:!0})),{containerWidth:vt,onDrag:yt,onResize:bt,onResizeEnd:xt,panelWidthPercentage:St,panelWidthPixels:Ct}=Ve({container:Xe,hasInputPanel:Z,paneType:c(()=>Z.value?V.value?.parameterPane??`regular`:`inputless`)}),wt=({isTooltipVisible:e})=>{qe.value=e},Tt=e=>{N.value=e},Et=e=>{e.key===`s`&&fe.isCtrlKeyPressed(e)&&e.preventDefault()},Dt=e=>{if(e===null||!H.value||!Je.value){l.setHoveringItem(null);return}let t={nodeName:H.value,runIndex:J.value,outputIndex:e.outputIndex,itemIndex:e.itemIndex};l.setHoveringItem(t)},Ot=e=>{I.value=e.avgRowHeight},kt=()=>{l.unsetActiveNodeName(),pe.emit(`publishWorkflow`)},At=e=>{if(e===null||!S.value||!Je.value){l.setHoveringItem(null);return}let t={nodeName:S.value?.name,runIndex:K.value,outputIndex:e.outputIndex,itemIndex:e.itemIndex};l.setHoveringItem(t)},jt=()=>{xt(),F.value=!1,D.track(`User moved parameters pane`,{window_width:vt.value,start_position:Ke.value,node_type:V.value?V.value.name:``,push_ref:B.value,workflow_id:E.value})},Mt=()=>{F.value=!0},Nt=()=>{M.value=!0,It(`output`)},Pt=e=>{A.value=j.value,M.value=!1,It(e)},Q=()=>{setTimeout(()=>{!S.value||!$e.value||(P.value=!0)},1e3)},Ft=()=>{Ge.emit(`openSettings`)},It=e=>{D.track(`User changed ndv run linking`,{node_type:V.value?V.value.name:``,push_ref:B.value,linked:Y.value,pane:e})},Lt=()=>{l.setOutputRunIndex(A.value),M.value=!0,It(`input`)},Rt=e=>{o(`switchSelectedNode`,e)},zt=(e,t)=>{o(`openConnectionNodeCreator`,e,t)},$=async()=>{if(!F.value){if(lt.value.enabled&&S.value){if(await Ue.confirm(``,k.baseText(`ndv.pinData.beforeClosing.title`),{confirmButtonText:k.baseText(`ndv.pinData.beforeClosing.confirm`),cancelButtonText:k.baseText(`ndv.pinData.beforeClosing.cancel`)})===`confirm`){let{value:e}=lt.value;try{oe.setData(we(e),`on-ndv-close-modal`)}catch(e){console.error(e)}}l.setOutputPanelEditModeEnabled(!1)}await ne.run(`dataDisplay.nodeEditingFinished`),D.track(`User closed node modal`,{node_type:V.value?V.value?.name:``,push_ref:B.value,workflow_id:E.value}),P.value=!1,l.unsetActiveNodeName(),l.resetNDVPushRef()}};Ie({Escape:$});let Bt=(e,t)=>{D.track(`User changed ndv run dropdown`,{push_ref:B.value,run_index:e,node_type:V.value?V.value?.name:``,pane:t})},Vt=e=>{l.setOutputRunIndex(e),Bt(e,`output`)},Ht=e=>{A.value=e,Y.value&&l.setOutputRunIndex(e),Bt(e,`input`)},Ut=e=>{L.value=e.avgRowHeight},Wt=(e,t)=>{A.value=-1,M.value=!0,N.value=e,D.track(`User changed ndv input dropdown`,{node_type:S.value?S.value.type:``,push_ref:B.value,workflow_id:E.value,selection_value:t,input_node_type:U.value?U.value.type:``})},Gt=()=>{o(`stopExecution`)},Kt=()=>{R.value=!0,z.value=!1},qt=()=>{R.value=!1,z.value=!0},Jt=e=>{Je.value=!e},Yt=()=>{document.addEventListener(`keydown`,Et,!0)},Xt=()=>{document.removeEventListener(`keydown`,Et,!0)},Zt=e=>{o(`renameNode`,e)},Qt=(e,t)=>{l.setPanelDisplayMode({pane:e,mode:t})};return h(S,(e,t)=>{if(e&&!t?(Yt(),Ye.value?.show()):e||Xt(),e&&e.name!==t?.name&&!ot.value){if(A.value=-1,l.setOutputRunIndex(-1),M.value=!0,N.value=void 0,P.value=!1,L.value=0,I.value=0,setTimeout(()=>l.setNDVPushRef(),0),!V.value)return;ne.run(`dataDisplay.nodeTypeChanged`,{nodeSubtitle:x.getNodeSubtitle(e,V.value,s.workflowObject)}),setTimeout(()=>{if(S.value){let e=w.outgoingConnectionsByNodeName(S.value?.name);D.track(`User opened node modal`,{node_id:S.value?.id,node_type:V.value?V.value?.name:``,workflow_id:E.value,push_ref:B.value,is_editable:!pt.value,parameters_pane_position:Ke.value,input_first_connector_runs:q.value,output_first_connector_runs:G.value,selected_view_inputs:W.value?`trigger`:l.inputPanelDisplayMode,selected_view_outputs:l.outputPanelDisplayMode,input_connectors:tt.value.length,output_connectors:e?.main?.length,input_displayed_run_index:J.value,output_displayed_run_index:K.value,data_pinning_tooltip_presented:qe.value,input_displayed_row_height_avg:I.value,output_displayed_row_height_avg:L.value,source:je.ndv_source?.value??`other`})}},2e3)}window.top&&!ot.value&&window.top.postMessage(JSON.stringify({command:e?`openNDV`:`closeNDV`}),`*`)},{immediate:!0}),h(G,()=>{l.setOutputRunIndex(-1)}),h(q,()=>{A.value=-1}),h(H,e=>{setTimeout(()=>{l.setInputNodeName(e)},0)}),h(J,e=>{setTimeout(()=>{l.setInputRunIndex(e)},0)}),h(Ze,e=>{if(!e)return;function t(e){let t=[],n=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>{let t=e.tagName===`INPUT`&&e.type===`hidden`;return e.disabled||e.hidden||t?NodeFilter.FILTER_SKIP:e.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;n.nextNode();)t.push(n.currentNode);return t}let n=t(e)[0];n&&n.focus()}),p(()=>{Ye.value?.show(),he.on(`data-pinning-discovery`,wt),xe.on(`updateInputNodeName`,Tt)}),_(()=>{he.off(`data-pinning-discovery`,wt),xe.off(`updateInputNodeName`,Tt),Xt()}),(n,a)=>f(S)&&!ot.value?(e(),v(te,{key:0,to:`#${f(Te)}`},[r(`div`,{"data-test-id":`ndv-backdrop`,class:m(n.$style.backdrop),style:y({zIndex:f(We).NDV}),onClick:$},null,6),r(`dialog`,{ref_key:`dialogRef`,ref:Ye,open:``,"aria-modal":`true`,"data-test-id":`ndv`,class:m(n.$style.dialog),style:y({zIndex:f(We).NDV})},[g(Re,{"root-node":f(S),onSwitchSelectedNode:Rt},null,8,[`root-node`]),r(`div`,{ref_key:`containerRef`,ref:Xe,class:m({[n.$style.container]:!0,[n.$style.webhookWaiting]:X.value})},[g(Be,{class:m(n.$style.header),"node-name":f(S).name,"node-type-name":V.value?.defaults.name??V.value?.displayName??f(S).name,icon:f(Ae)(V.value??f(S).type,f(S)),"docs-url":f(Qe),onClose:$,onRename:Zt},null,8,[`class`,`node-name`,`node-type-name`,`icon`,`docs-url`]),r(`main`,{class:m(n.$style.main)},[Z.value?(e(),i(`div`,{key:0,class:m([n.$style.column,n.$style.dataColumn]),style:y({width:`${f(St).left}%`})},[it.value?(e(),v(ze,{key:0,"node-name":f(S).name,"push-ref":B.value,class:m(n.$style.input),onExecute:Q,onActivate:kt},null,8,[`node-name`,`push-ref`,`class`])):W.value?u(``,!0):(e(),v(Ce,{key:1,"workflow-object":t.workflowObject,"can-link-runs":ct.value,"run-index":J.value,"linked-runs":Y.value,"active-node-name":f(S).name,"current-node-name":H.value,"push-ref":B.value,"read-only":t.readOnly||pt.value,"is-production-execution-preview":t.isProductionExecutionPreview,"search-shortcut":R.value?`/`:void 0,"display-mode":mt.value,class:m(n.$style.input),"is-mapping-onboarded":f(l).isMappingOnboarded,"focused-mappable-input":f(l).focusedMappableInput,onActivatePane:Kt,onLinkRun:Lt,onUnlinkRun:a[0]||=()=>Pt(`input`),onRunChange:Ht,onOpenSettings:Ft,onChangeInputNode:Wt,onExecute:Q,onTableMounted:Ot,onItemHover:Dt,onSearch:Jt,onDisplayModeChange:a[1]||=e=>Qt(`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)):u(``,!0),g(f(ce),{width:f(Ct).main,"min-width":260,"supported-directions":gt.value,"grid-size":8,class:m({[n.$style.column]:!X.value,[n.$style.webhookWaiting]:X.value}),style:y({width:`${f(St).main}%`}),outset:``,onResize:f(bt),onResizestart:Mt,onResizeend:jt},{default:b(()=>[r(`div`,{ref_key:`mainPanelRef`,ref:Ze,class:m(n.$style.main)},[Z.value?(e(),v(He,{key:0,class:m(n.$style.draggable),"can-move-left":!0,"can-move-right":!0,onDrag:f(yt),onDragstart:Mt,onDragend:jt},null,8,[`class`,`onDrag`])):u(``,!0),g(Fe,d(_t.value,{class:n.$style.settings,onExecute:Q,onStopExecution:Gt,onActivate:kt,onSwitchSelectedNode:Rt,onOpenConnectionNodeCreator:zt}),null,16,[`class`])],2)]),_:1},8,[`width`,`supported-directions`,`class`,`style`,`onResize`]),r(`div`,{class:m([n.$style.column,n.$style.dataColumn]),style:y({width:`${f(St).right}%`})},[g(Le,{"data-test-id":`output-panel`,"workflow-object":t.workflowObject,"can-link-runs":ct.value,"run-index":K.value,"linked-runs":Y.value,"push-ref":B.value,"is-read-only":t.readOnly||pt.value,"block-u-i":dt.value&&W.value&&!at.value,"is-production-execution-preview":t.isProductionExecutionPreview,"is-pane-active":z.value,"display-mode":ht.value,class:m(n.$style.output),onActivatePane:qt,onLinkRun:Nt,onUnlinkRun:a[2]||=()=>Pt(`output`),onRunChange:Vt,onOpenSettings:Ft,onTableMounted:Ut,onItemHover:At,onSearch:Jt,onExecute:Q,onDisplayModeChange:a[3]||=e=>Qt(`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`])):u(``,!0)}}),[[`__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`}}]]);export{Ue as default};
//# sourceMappingURL=NodeDetailsViewV2-CO-QukvL.js.map