n8n-editor-ui/dist/assets/NodeDetailsView-BetCs_GU.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]=`7d249483-4c0b-45fb-82a3-75178c4db6eb`,e._sentryDebugIdIdentifier=`sentry-dbid-7d249483-4c0b-45fb-82a3-75178c4db6eb`)})()}catch{}import{o as e}from"./chunk-DxpFCn6T.js";import{$ as t,A as n,C as r,E as i,Ft as a,N as o,O as ee,S as s,Sn as c,T as l,W as u,Wt as d,X as te,_n as f,ft as p,gt as m,it as h,j as g,q as ne,w as _,yn as v,yt as y}from"./vue.runtime.esm-bundler-D9KLAxvJ.js";import{bt as b,ct as re}from"./_MapCache-CUJwh2qp.js";import{$i as x,At as S,Ht as C,Mi as ie,Zi as w,z as T}from"./src-wni2AGA3.js";import{t as E}from"./_plugin-vue_export-helper-Dm3nT7Ps.js";import"./sanitize-html-my1ogl5v.js";import"./date-picker-_u2qOcgh.js";import{$t as ae,Dr as D,Er as O,dn as k,en as oe,hn as se,ia as ce,jr as le,qr as ue,r as A,rn as de,s as j,un as fe,w as M}from"./users.store-BHWXXawf.js";import{o as pe}from"./ParameterInputList-BFWz3KF9.js";import{t as me}from"./dialog-DkHaT5V1.js";import{$a as he,D as ge,G as _e,Ps as ve,gr as N,ho as P,ln as F,s as I,va as L,vc as R}from"./constants-CIP7tKq1.js";import"./merge-BqvKZ38d.js";import{N as ye}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 z}from"./usePinnedData-bxdhY-Ce.js";import"./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 B}from"./Draggable-B_Sok8jx.js";import"./NodeIcon-0naEDfOR.js";import"./VirtualSchema-VZf8DCpb.js";import"./useCalloutHelpers-BtD3kQKI.js";import{t as be}from"./useTelemetryContext-Chv8_oZ6.js";import"./useRunWorkflow-BbbTafql.js";import"./pushConnection.store-L5aofOKN.js";import{t as xe}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{t as Se}from"./NodeSettings-Duq7ydj8.js";import"./CommunityNodeUpdateInfo-VtIhgbTd.js";import"./vue-DqU7Busn.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 Ce,r as V,t as we}from"./TriggerPanel-BYaFy06N.js";var Te=E(o({__name:`PanelDragButton`,props:{canMoveRight:{type:Boolean},canMoveLeft:{type:Boolean}},emits:[`drag`,`dragstart`,`dragend`],setup(e,{emit:n}){let a=n,o=e=>{a(`drag`,e)},ee=()=>{a(`dragend`)},s=()=>{a(`dragstart`)};return(n,a)=>(t(),_(B,{type:`panel-resize`,class:f(n.$style.dragContainer),onDrag:o,onDragstart:s,onDragend:ee},{default:y(({isDragging:o})=>[r(`div`,{class:f({[n.$style.dragButton]:!0}),"data-test-id":`panel-drag-button`},[e.canMoveLeft?(t(),i(`span`,{key:0,class:f({[n.$style.leftArrow]:!0,[n.$style.visible]:o})},[g(d(x),{icon:`arrow-left`})],2)):l(``,!0),e.canMoveRight?(t(),i(`span`,{key:1,class:f({[n.$style.rightArrow]:!0,[n.$style.visible]:o})},[g(d(x),{icon:`arrow-right`})],2)):l(``,!0),r(`div`,{class:f(n.$style.grid)},[...a[0]||=[r(`div`,null,[r(`div`),r(`div`),r(`div`),r(`div`),r(`div`)],-1),r(`div`,null,[r(`div`),r(`div`),r(`div`),r(`div`),r(`div`)],-1)]],2)],2)]),_:1},8,[`class`]))}}),[[`__cssModules`,{$style:{dragContainer:`_dragContainer_47t4e_125`,dragButton:`_dragButton_47t4e_129`,leftArrow:`_leftArrow_47t4e_143 _arrow_47t4e_152`,rightArrow:`_rightArrow_47t4e_144 _arrow_47t4e_152`,visible:`_visible_47t4e_148`,arrow:`_arrow_47t4e_152`,grid:`_grid_47t4e_170`}}]]),H=24,Ee=80,U=310,De=350,W=420,Oe=E(o({__name:`NDVDraggablePanels`,props:{isDraggable:{type:Boolean},hideInputAndOutput:{type:Boolean},nodeType:{}},emits:[`init`,`dragstart`,`dragend`,`switchSelectedNode`,`close`],setup(e,{emit:n}){let o=2*(H+Ee)+U,ee={regular:390,dragless:390,unknown:390,inputless:390,wide:390*2},c=re(Se,100),b=de(),x=A(),S=e,C=a(!1),ie=a(!1),w=a(x.appGridDimensions.width),E=n,ae=p();te(()=>{O.value.relativeLeft===1&&O.value.relativeRight===1&&(I(),L(F(O.value.relativeWidth)),Ce()),E(`init`,{position:O.value.relativeLeft}),setTimeout(()=>{ie.value=!0},0),fe.on(`setPositionByName`,ye)}),ne(()=>{fe.off(`setPositionByName`,ye)}),m(()=>x.appGridDimensions,async e=>{let t=document.getElementById(`ndv`);if(t){await u();let{width:e}=t.getBoundingClientRect();w.value=e}else w.value=e.width;let n=z(U);O.value.relativeWidth<n&&I(n);let r=j.value>O.value.relativeLeft,i=M.value>O.value.relativeRight;e.width>o&&r&&i&&(I(n),L(F(O.value.relativeWidth))),L(O.value.relativeLeft)});let D=s(()=>ce.value?S.isDraggable?S.nodeType===null?`unknown`:S.nodeType.parameterPane??`regular`:`dragless`:`inputless`),O=s(()=>b.mainPanelDimensions[D.value]),k=s(()=>{let e=ae.input!==void 0,t=O.value.relativeLeft+O.value.relativeWidth;return{inputPanelRelativeRight:e?1-t+O.value.relativeWidth:1-z(H),outputPanelRelativeLeft:t}}),oe=s(()=>{let e=1-z(U+H),t=k.value.outputPanelRelativeLeft-e;return t>0?t:0}),se=s(()=>{let e=[`right`];return S.isDraggable&&e.push(`left`),e}),ce=s(()=>ae.input!==void 0),le=s(()=>z(Ee)),j=s(()=>w.value<o?z(1):ce.value?z(H+20)+le.value:z(H)),M=s(()=>w.value<o?z(1):z(H+20)+le.value),pe=s(()=>O.value.relativeLeft>j.value),me=s(()=>O.value.relativeRight>M.value),he=s(()=>({left:`${B(O.value.relativeLeft)}px`,right:`${B(O.value.relativeRight)}px`})),ge=s(()=>({right:`${B(k.value.inputPanelRelativeRight)}px`})),_e=s(()=>({left:`${B(k.value.outputPanelRelativeLeft)}px`,transform:`translateX(-${B(oe.value)}px)`})),ve=s(()=>S.nodeType?.parameterPane===`wide`),N=s(()=>{let e=ve.value?2:1;return w.value>1700?W*e:De*e}),P=e=>E(`switchSelectedNode`,e);function F(e){return D.value===`dragless`?z(H+1+N.value):ce.value?.5-e/2:j.value}function I(e){let t=e||z(ee[D.value]);b.setMainPanelDimensions({panelType:D.value,dimensions:{relativeWidth:t}})}function L(e){let t=e||1-k.value.inputPanelRelativeRight,n=1-t-O.value.relativeWidth,r=M.value>n,i=j.value>t,a=D.value===`inputless`;if(i){b.setMainPanelDimensions({panelType:D.value,dimensions:{relativeLeft:j.value,relativeRight:1-O.value.relativeWidth-j.value}});return}if(r){b.setMainPanelDimensions({panelType:D.value,dimensions:{relativeLeft:1-O.value.relativeWidth-M.value,relativeRight:M.value}});return}b.setMainPanelDimensions({panelType:D.value,dimensions:{relativeLeft:a?j.value:t,relativeRight:n}})}function ye(e){L({minLeft:j.value,maxRight:M.value,initial:F(O.value.relativeWidth)}[e])}function z(e){return e/w.value}function B(e){return e*w.value}function be(){we()}function xe(e){ie.value&&c(e)}function Se({direction:e,x:t,width:n}){let r=z(t),i=z(n);e===`left`&&r<=j.value||e===`right`&&1-r<=M.value||n<=U||(I(i),L(e===`left`?r:O.value.relativeLeft))}function Ce(){let e=ue(`${R}_${D.value}`).value;if(e){let t=parseFloat(e);return I(t),L(F(t)),!0}return!1}function we(){ue(`${R}_${D.value}`).value=O.value.relativeWidth.toString()}function Oe(){C.value=!0,E(`dragstart`,{position:O.value.relativeLeft})}function ke(e){L(z(e[0])-O.value.relativeWidth/2)}function G(){setTimeout(()=>{C.value=!1,E(`dragend`,{windowWidth:w.value,position:O.value.relativeLeft})},0),we()}return(n,a)=>(t(),i(`div`,null,[d(b).activeNode?(t(),_(V,{key:0,"root-node":d(b).activeNode,onSwitchSelectedNode:P},null,8,[`root-node`])):l(``,!0),e.hideInputAndOutput?l(``,!0):(t(),i(`div`,{key:1,class:f(n.$style.inputPanel),style:v(ge.value)},[h(n.$slots,`input`)],6)),e.hideInputAndOutput?l(``,!0):(t(),i(`div`,{key:2,class:f(n.$style.outputPanel),style:v(_e.value)},[h(n.$slots,`output`)],6)),r(`div`,{class:f(n.$style.mainPanel),style:v(he.value)},[g(d(T),{"is-resizing-enabled":D.value!==`unknown`,width:B(O.value.relativeWidth),"min-width":U,"grid-size":20,"supported-directions":se.value,outset:``,onResize:xe,onResizeend:be},{default:y(()=>[r(`div`,{class:f(n.$style.dragButtonContainer)},[!e.hideInputAndOutput&&e.isDraggable?(t(),_(Te,{key:0,class:f({[n.$style.draggable]:!0,[n.$style.visible]:C.value}),"can-move-left":pe.value,"can-move-right":me.value,onDragstart:Oe,onDrag:ke,onDragend:G},null,8,[`class`,`can-move-left`,`can-move-right`])):l(``,!0)],2),r(`div`,{class:f({[n.$style.mainPanelInner]:!0,[n.$style.dragging]:C.value})},[h(n.$slots,`main`)],2)]),_:3},8,[`is-resizing-enabled`,`width`,`supported-directions`])],6)]))}}),[[`__cssModules`,{$style:{dataPanel:`_dataPanel_6rjea_125`,inputPanel:`_inputPanel_6rjea_134 _dataPanel_6rjea_125`,outputPanel:`_outputPanel_6rjea_142 _dataPanel_6rjea_125`,mainPanel:`_mainPanel_6rjea_150`,draggable:`_draggable_6rjea_154`,mainPanelInner:`_mainPanelInner_6rjea_158`,dragging:`_dragging_6rjea_165`,"double-width":`_double-width_6rjea_174`,dragButtonContainer:`_dragButtonContainer_6rjea_178`,visible:`_visible_6rjea_194`}}]]),ke={key:0,ref:`container`,class:`data-display`,"data-test-id":`ndv-modal`,tabindex:`0`},G=E(o({__name:`NodeDetailsView`,props:{workflowObject:{},readOnly:{type:Boolean,default:!1},renaming:{type:Boolean},isProductionExecutionPreview:{type:Boolean,default:!1}},emits:[`valueChanged`,`switchSelectedNode`,`openConnectionNodeCreator`,`stopExecution`],setup(e,{emit:o}){let u=o,p=e,h=de(),v=D(),re=ae(),{activeNode:T}=ye(h),E=z(T),ue=M(),A=j(),_e=ce(),ve=C(),N=xe(),R=oe(),B=be({view_shown:`ndv`}),V=b(),Te=le(),{APP_Z_INDEXES:H}=O(),Ee=S(),U=a(-1),De=s(()=>h.output.run??-1),W=a(),G=a(!0),Ae=a(!1),je=a(!1),K=a(0),Me=a(!1),Ne=a(0),Pe=a(0),Fe=a(!1),Ie=a(!1),Le=a(!0),q=s(()=>h.pushRef),J=s(()=>T.value?ue.getNodeType(T.value.type,T.value.typeVersion):null),Re=s(()=>Ae.value&&!!J.value&&!J.value.group.includes(`trigger`)&&A.isWorkflowRunning&&A.executionWaitingForWebhook),ze=s(()=>{if(qe.value===null)return null;let e=qe.value.data;return e?.resultData?e.resultData.runData:null}),Be=s(()=>T.value?p.workflowObject.getParentNodesByDepth(T.value.name,1):[]),Ve=s(()=>{for(let e of Be.value)if(_e?.value?.pinData?.[e.name]||ze.value?.[e.name])return e;return Be.value[0]}),Y=s(()=>(T.value&&J.value?L(p.workflowObject,T.value,J.value):[]).filter(e=>typeof e==`string`?e!==P.Main:e.type!==P.Main).length>0&&T.value?p.workflowObject.getChildNodes(T.value.name,`ALL_NON_MAIN`)?.[0]:W.value??Ve.value?.name),He=s(()=>Y.value?A.getNodeByName(Y.value):null),Ue=s(()=>h.ndvInputDataWithPinnedData.length),X=s(()=>!!J.value&&J.value.group.includes(`trigger`)),We=s(()=>{let e=!!J.value?.triggerPanel;if(typeof J.value?.triggerPanel==`boolean`)return e;let t=!!J.value?.webhooks?.length,n=J.value?.polling;return!p.readOnly&&X.value&&(t||n||e)}),Ge=s(()=>J.value?F.includes(J.value.name):!1),Ke=s(()=>!!h.activeNode&&h.activeNode.type===`n8n-nodes-base.stickyNote`),qe=s(()=>A.getWorkflowExecution),Z=s(()=>{if(T.value===null)return 0;let e=ze.value;return e?.[T.value.name]&&e[T.value.name].length?e[T.value.name].length-1:0}),Je=s(()=>De.value===-1?Z.value:Math.min(De.value,Z.value)),Q=s(()=>{if(He.value===null||T.value===null)return 0;let e=p.workflowObject.getNode(T.value.name);if(!e||!J.value)return 0;let t=L(p.workflowObject,e,J.value),n=He.value,r=ze.value;return t.some(e=>e!==P.Main)&&(n=T.value),!n||!r?.hasOwnProperty(n.name)?0:r[n.name].length?r[n.name].length-1:0}),Ye=s(()=>Be.value.find(({name:e})=>e===Y.value)?.indicies),Xe=s(()=>{if(G.value&&Z.value===Q.value)return Je.value;let e=Y.value;return U.value===-1&&e?Ye.value?.map(t=>re.getLastRunIndexWithData(e,t)).find(e=>e!==-1)??Q.value:Math.min(U.value,Q.value)}),Ze=s(()=>Z.value>0&&Z.value===Q.value),Qe=s(()=>G.value&&Ze.value),$e=s(()=>J.value?`${I}${J.value.name}`:``),et=s(()=>h.outputPanelEditMode),tt=s(()=>A.executionWaitingForWebhook),nt=s(()=>A.isWorkflowRunning||tt.value),rt=s(()=>re.getForeignCredentialsIfSharingEnabled(T.value?.credentials)),it=s(()=>rt.value.length>0),at=s(()=>h.inputPanelDisplayMode),ot=s(()=>h.outputPanelDisplayMode),st=({isTooltipVisible:e})=>{Me.value=e},ct=e=>{e.key===`s`&&ve.isCtrlKeyPressed(e)&&e.preventDefault()},lt=e=>{if(e===null||!Y.value||!Le.value){h.setHoveringItem(null);return}let t={nodeName:Y.value,runIndex:Xe.value,outputIndex:e.outputIndex,itemIndex:e.itemIndex};h.setHoveringItem(t)},ut=e=>{Ne.value=e.avgRowHeight},dt=()=>{h.unsetActiveNodeName(),k.emit(`publishWorkflow`)},ft=e=>{if(e===null||!T.value||!Le.value){h.setHoveringItem(null);return}let t={nodeName:T.value?.name,runIndex:Je.value,outputIndex:e.outputIndex,itemIndex:e.itemIndex};h.setHoveringItem(t)},pt=()=>{window.open($e.value,`_blank`),T.value&&R.track(`User clicked ndv link`,{node_type:T.value.type,workflow_id:N.value,push_ref:q.value,pane:P.Main,type:`i-wish-this-node-would`})},mt=e=>{je.value=!1,R.track(`User moved parameters pane`,{window_width:e.windowWidth,start_position:K.value,end_position:e.position,node_type:J.value?J.value.name:``,push_ref:q.value,workflow_id:N.value}),K.value=e.position},ht=e=>{je.value=!0,K.value=e.position},gt=e=>{K.value=e.position},_t=()=>{G.value=!0,xt(`output`)},vt=e=>{U.value=De.value,G.value=!1,xt(e)},yt=()=>{setTimeout(()=>{!T.value||!A.isWorkflowRunning||(Ae.value=!0)},1e3)},bt=()=>{Ee.emit(`openSettings`)},xt=e=>{R.track(`User changed ndv run linking`,{node_type:J.value?J.value.name:``,push_ref:q.value,linked:Qe.value,pane:e})},St=()=>{h.setOutputRunIndex(U.value),G.value=!0,xt(`input`)},Ct=e=>{u(`valueChanged`,e)},wt=e=>{u(`switchSelectedNode`,e)},Tt=(e,t,n=0)=>{u(`openConnectionNodeCreator`,e,t,n)},$=async()=>{if(!je.value){if(et.value.enabled&&T.value){if(await Te.confirm(``,V.baseText(`ndv.pinData.beforeClosing.title`),{confirmButtonText:V.baseText(`ndv.pinData.beforeClosing.confirm`),cancelButtonText:V.baseText(`ndv.pinData.beforeClosing.cancel`)})===`confirm`){let{value:e}=et.value;try{E.setData(he(e),`on-ndv-close-modal`)}catch(e){console.error(e)}}h.setOutputPanelEditModeEnabled(!1)}await v.run(`dataDisplay.nodeEditingFinished`),R.track(`User closed node modal`,{node_type:J.value?J.value?.name:``,push_ref:q.value,workflow_id:N.value}),Ae.value=!1,h.unsetActiveNodeName(),h.resetNDVPushRef()}},Et=(e,t)=>{R.track(`User changed ndv run dropdown`,{push_ref:q.value,run_index:e,node_type:J.value?J.value?.name:``,pane:t})},Dt=e=>{h.setOutputRunIndex(e),Et(e,`output`)},Ot=e=>{U.value=e,Qe.value&&h.setOutputRunIndex(e),Et(e,`input`)},kt=e=>{Pe.value=e.avgRowHeight},At=(e,t)=>{U.value=-1,G.value=!0,W.value=e,R.track(`User changed ndv input dropdown`,{node_type:T.value?T.value.type:``,push_ref:q.value,workflow_id:N.value,selection_value:t,input_node_type:He.value?He.value.type:``})},jt=()=>{u(`stopExecution`)},Mt=()=>{Fe.value=!0,Ie.value=!1},Nt=()=>{Fe.value=!1,Ie.value=!0},Pt=e=>{Le.value=!e},Ft=()=>{document.addEventListener(`keydown`,ct,!0)},It=()=>{document.removeEventListener(`keydown`,ct,!0)},Lt=e=>{W.value=e},Rt=(e,t)=>{h.setPanelDisplayMode({pane:e,mode:t})};return m(T,(e,t)=>{if(e&&!t?Ft():e||It(),e&&e.name!==t?.name&&!Ke.value){if(U.value=-1,h.setOutputRunIndex(-1),G.value=!0,W.value=void 0,Ae.value=!1,Pe.value=0,Ne.value=0,setTimeout(()=>h.setNDVPushRef(),0),!J.value)return;v.run(`dataDisplay.nodeTypeChanged`,{nodeSubtitle:re.getNodeSubtitle(e,J.value,p.workflowObject)}),setTimeout(()=>{if(T.value){let e=A.outgoingConnectionsByNodeName(T.value?.name);R.track(`User opened node modal`,{node_id:T.value?.id,node_type:J.value?J.value?.name:``,workflow_id:N.value,push_ref:q.value,is_editable:!it.value,parameters_pane_position:K.value,input_first_connector_runs:Q.value,output_first_connector_runs:Z.value,selected_view_inputs:X.value?`trigger`:at.value,selected_view_outputs:ot.value,input_connectors:Be.value.length,output_connectors:e?.main?.length,input_displayed_run_index:Xe.value,output_displayed_run_index:Je.value,data_pinning_tooltip_presented:Me.value,input_displayed_row_height_avg:Ne.value,output_displayed_row_height_avg:Pe.value,source:B.ndv_source?.value??`other`})}},2e3)}window.top&&!Ke.value&&window.top.postMessage(JSON.stringify({command:e?`openNDV`:`closeNDV`}),`*`)},{immediate:!0}),m(Z,()=>{h.setOutputRunIndex(-1)}),m(Q,()=>{U.value=-1}),m(Y,e=>{setTimeout(()=>{h.setInputNodeName(e)},0)}),m(Xe,e=>{setTimeout(()=>{h.setInputRunIndex(e)},0)}),te(()=>{se.on(`data-pinning-discovery`,st),fe.on(`updateInputNodeName`,Lt)}),ne(()=>{se.off(`data-pinning-discovery`,st),fe.off(`updateInputNodeName`,Lt),It()}),(a,o)=>(t(),_(d(me),{id:`ndv`,"model-value":(!!d(T)||e.renaming)&&!Ke.value,"before-close":$,"show-close":!1,class:`data-display-wrapper ndv-wrapper`,"overlay-class":`data-display-overlay`,width:`auto`,"append-to":`#${d(ge)}`,"data-test-id":`ndv`,"z-index":d(H).NDV},{default:y(()=>[g(d(ie),{placement:`bottom-start`,visible:Re.value,disabled:!Re.value},{content:y(()=>[r(`div`,{class:f(a.$style.triggerWarning)},c(d(V).baseText(`ndv.backToCanvas.waitingForTriggerWarning`)),3)]),default:y(()=>[r(`div`,{class:f(a.$style.backToCanvas),"data-test-id":`back-to-canvas`,onClick:$},[g(d(x),{icon:`arrow-left`,color:`text-xlight`,size:`medium`}),g(d(w),{color:`text-xlight`,size:`medium`,bold:!0},{default:y(()=>[n(c(d(V).baseText(`ndv.backToCanvas`)),1)]),_:1})],2)]),_:1},8,[`visible`,`disabled`]),d(T)?(t(),i(`div`,ke,[r(`div`,{class:f(a.$style.modalBackground),onClick:$},null,2),(t(),_(Oe,{key:d(T).name,"is-trigger-node":X.value,"hide-input-and-output":J.value===null,position:X.value&&!We.value?0:void 0,"is-draggable":!X.value,"has-double-width":J.value?.parameterPane===`wide`,"node-type":J.value,onSwitchSelectedNode:wt,onOpenConnectionNodeCreator:Tt,onClose:$,onInit:gt,onDragstart:ht,onDragend:mt},ee({output:y(()=>[g(Ce,{"data-test-id":`output-panel`,"workflow-object":e.workflowObject,"can-link-runs":Ze.value,"run-index":Je.value,"linked-runs":Qe.value,"push-ref":q.value,"is-read-only":e.readOnly||it.value,"block-u-i":nt.value&&X.value&&!Ge.value,"is-production-execution-preview":e.isProductionExecutionPreview,"is-pane-active":Ie.value,"display-mode":ot.value,onActivatePane:Nt,onLinkRun:_t,onUnlinkRun:o[2]||=()=>vt(`output`),onRunChange:Dt,onOpenSettings:bt,onTableMounted:kt,onItemHover:ft,onSearch:Pt,onDisplayModeChange:o[3]||=e=>Rt(`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`])]),main:y(()=>[g(Se,{"event-bus":d(Ee),dragging:je.value,"push-ref":q.value,"foreign-credentials":rt.value,"read-only":e.readOnly,"block-u-i":nt.value&&We.value,executable:!e.readOnly,"input-size":Ue.value,onValueChanged:Ct,onExecute:yt,onStopExecution:jt,onActivate:dt,onSwitchSelectedNode:wt,onOpenConnectionNodeCreator:Tt},null,8,[`event-bus`,`dragging`,`push-ref`,`foreign-credentials`,`read-only`,`block-u-i`,`executable`,`input-size`]),$e.value?(t(),i(`a`,{key:0,class:f(a.$style.featureRequest),target:`_blank`,onClick:pt},[g(d(x),{icon:`lightbulb`}),n(` `+c(d(V).baseText(`ndv.featureRequest`)),1)],2)):l(``,!0)]),_:2},[We.value||!X.value?{name:`input`,fn:y(()=>[We.value?(t(),_(we,{key:0,"node-name":d(T).name,"push-ref":q.value,onExecute:yt,onActivate:dt},null,8,[`node-name`,`push-ref`])):X.value?l(``,!0):(t(),_(pe,{key:1,"workflow-object":e.workflowObject,"can-link-runs":Ze.value,"run-index":Xe.value,"linked-runs":Qe.value,"active-node-name":d(T).name,"current-node-name":Y.value,"push-ref":q.value,"read-only":e.readOnly||it.value,"is-production-execution-preview":e.isProductionExecutionPreview,"search-shortcut":Fe.value?`/`:void 0,"display-mode":at.value,"is-mapping-onboarded":d(h).isMappingOnboarded,"focused-mappable-input":d(h).focusedMappableInput,onActivatePane:Mt,onLinkRun:St,onUnlinkRun:o[0]||=()=>vt(`input`),onRunChange:Ot,onOpenSettings:bt,onChangeInputNode:At,onExecute:yt,onTableMounted:ut,onItemHover:lt,onSearch:Pt,onDisplayModeChange:o[1]||=e=>Rt(`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`,`is-mapping-onboarded`,`focused-mappable-input`]))]),key:`0`}:void 0]),1032,[`is-trigger-node`,`hide-input-and-output`,`position`,`is-draggable`,`has-double-width`,`node-type`]))],512)):l(``,!0)]),_:1},8,[`model-value`,`append-to`,`z-index`]))}}),[[`__cssModules`,{$style:{modalBackground:`_modalBackground_10ueg_125`,triggerWarning:`_triggerWarning_10ueg_130`,backToCanvas:`_backToCanvas_10ueg_134`,featureRequest:`_featureRequest_10ueg_155`}}]]);export{G as default};
//# sourceMappingURL=NodeDetailsView-BetCs_GU.js.map