UNPKG

n8n-editor-ui

Version:

Workflow Editor UI for n8n

2 lines 19.7 kB
(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.16.1`}}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]=`42de577f-23b4-4e3f-ae5e-d5e991e1e6b3`,e._sentryDebugIdIdentifier=`sentry-dbid-42de577f-23b4-4e3f-ae5e-d5e991e1e6b3`)})()}catch{}import"./chunk-CACdhNlC.js";import{$ as e,A as t,C as n,E as r,Ft as i,N as a,O as o,S as s,Sn as c,T as l,W as ee,Wt as u,X as te,_n as d,ft as f,gt as p,it as m,j as h,q as ne,w as g,yn as _,yt as v}from"./vue.runtime.esm-bundler-C3C09Zii.js";import{Y as re,at as ie}from"./core-Bz5WjPxS.js";import{A as ae,Di as y,Pt as oe,Qi as b,Xi as x,xt as se}from"./src-XqE2yCpG.js";import{t as S}from"./_plugin-vue_export-helper-CIL7EULb.js";import{At as C,Fn as w,Ft as ce,In as T,Ln as E,aa as D,fr as le,gr as ue,jt as de,lr as fe,r as pe,s as me,vr as he,w as O}from"./users.store-xP93bV7X.js";import{o as k}from"./ParameterInputList-CnpfSyOD.js";import{t as ge}from"./dialog-Bs3PLrml.js";import{Qt as _e,Ra as ve,eo as A,i as ye,ra as be,rc as j,w as xe}from"./constants-DuQbSl-q.js";import{D as Se}from"./useRootStore-XEREVjMN.js";import{t as M}from"./usePinnedData-DYpKK5t1.js";import{t as N}from"./Draggable-C5UHad2G.js";import{t as P}from"./useTelemetryContext-DAk8VAfQ.js";import{t as Ce}from"./useInjectWorkflowId-BV3E4pXM.js";import{t as F}from"./NodeSettings-Q8aHxeY_.js";import{n as I,r as we,t as Te}from"./TriggerPanel-vEbUDcme.js";var L=S(a({__name:`PanelDragButton`,props:{canMoveRight:{type:Boolean},canMoveLeft:{type:Boolean}},emits:[`drag`,`dragstart`,`dragend`],setup(t,{emit:i}){let a=i,o=e=>{a(`drag`,e)},s=()=>{a(`dragend`)},c=()=>{a(`dragstart`)};return(i,a)=>(e(),g(N,{type:`panel-resize`,class:d(i.$style.dragContainer),onDrag:o,onDragstart:c,onDragend:s},{default:v(({isDragging:o})=>[n(`div`,{class:d({[i.$style.dragButton]:!0}),"data-test-id":`panel-drag-button`},[t.canMoveLeft?(e(),r(`span`,{key:0,class:d({[i.$style.leftArrow]:!0,[i.$style.visible]:o})},[h(u(b),{icon:`arrow-left`})],2)):l(``,!0),t.canMoveRight?(e(),r(`span`,{key:1,class:d({[i.$style.rightArrow]:!0,[i.$style.visible]:o})},[h(u(b),{icon:`arrow-right`})],2)):l(``,!0),n(`div`,{class:d(i.$style.grid)},[...a[0]||=[n(`div`,null,[n(`div`),n(`div`),n(`div`),n(`div`),n(`div`)],-1),n(`div`,null,[n(`div`),n(`div`),n(`div`),n(`div`),n(`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`}}]]),R=24,Ee=80,z=310,De=350,Oe=420,ke=a({__name:`NDVDraggablePanels`,props:{isDraggable:{type:Boolean},hideInputAndOutput:{type:Boolean},nodeType:{}},emits:[`init`,`dragstart`,`dragend`,`switchSelectedNode`,`close`],setup(t,{emit:a}){let o=2*(R+Ee)+z,c={regular:390,dragless:390,unknown:390,inputless:390,wide:390*2},ie=re(B,100),y=ue(),oe=pe(),b=t,x=i(!1),se=i(!1),S=i(oe.appGridDimensions.width),w=a,ce=f();te(()=>{E.value.relativeLeft===1&&E.value.relativeRight===1&&(N(),P(M(E.value.relativeWidth)),V()),w(`init`,{position:E.value.relativeLeft}),setTimeout(()=>{se.value=!0},0),C.on(`setPositionByName`,Ce)}),ne(()=>{C.off(`setPositionByName`,Ce)}),p(()=>oe.appGridDimensions,async e=>{let t=document.getElementById(`ndv`);if(t){await ee();let{width:e}=t.getBoundingClientRect();S.value=e}else S.value=e.width;let n=F(z);E.value.relativeWidth<n&&N(n);let r=O.value>E.value.relativeLeft,i=k.value>E.value.relativeRight;e.width>o&&r&&i&&(N(n),P(M(E.value.relativeWidth))),P(E.value.relativeLeft)});let T=s(()=>fe.value?b.isDraggable?b.nodeType===null?`unknown`:b.nodeType.parameterPane??`regular`:`dragless`:`inputless`),E=s(()=>y.mainPanelDimensions[T.value]),D=s(()=>{let e=ce.input!==void 0,t=E.value.relativeLeft+E.value.relativeWidth;return{inputPanelRelativeRight:e?1-t+E.value.relativeWidth:1-F(R),outputPanelRelativeLeft:t}}),le=s(()=>{let e=1-F(z+R),t=D.value.outputPanelRelativeLeft-e;return t>0?t:0}),de=s(()=>{let e=[`right`];return b.isDraggable&&e.push(`left`),e}),fe=s(()=>ce.input!==void 0),me=s(()=>F(Ee)),O=s(()=>S.value<o?F(1):fe.value?F(R+20)+me.value:F(R)),k=s(()=>S.value<o?F(1):F(R+20)+me.value),ge=s(()=>E.value.relativeLeft>O.value),_e=s(()=>E.value.relativeRight>k.value),ve=s(()=>({left:`${I(E.value.relativeLeft)}px`,right:`${I(E.value.relativeRight)}px`})),A=s(()=>({right:`${I(D.value.inputPanelRelativeRight)}px`})),ye=s(()=>({left:`${I(D.value.outputPanelRelativeLeft)}px`,transform:`translateX(-${I(le.value)}px)`})),be=s(()=>b.nodeType?.parameterPane===`wide`),xe=s(()=>{let e=be.value?2:1;return S.value>1700?Oe*e:De*e}),Se=e=>w(`switchSelectedNode`,e);function M(e){return T.value===`dragless`?F(R+1+xe.value):fe.value?.5-e/2:O.value}function N(e){let t=e||F(c[T.value]);y.setMainPanelDimensions({panelType:T.value,dimensions:{relativeWidth:t}})}function P(e){let t=e||1-D.value.inputPanelRelativeRight,n=1-t-E.value.relativeWidth,r=k.value>n,i=O.value>t,a=T.value===`inputless`;if(i){y.setMainPanelDimensions({panelType:T.value,dimensions:{relativeLeft:O.value,relativeRight:1-E.value.relativeWidth-O.value}});return}if(r){y.setMainPanelDimensions({panelType:T.value,dimensions:{relativeLeft:1-E.value.relativeWidth-k.value,relativeRight:k.value}});return}y.setMainPanelDimensions({panelType:T.value,dimensions:{relativeLeft:a?O.value:t,relativeRight:n}})}function Ce(e){P({minLeft:O.value,maxRight:k.value,initial:M(E.value.relativeWidth)}[e])}function F(e){return e/S.value}function I(e){return e*S.value}function Te(){H()}function ke(e){se.value&&ie(e)}function B({direction:e,x:t,width:n}){let r=F(t),i=F(n);e===`left`&&r<=O.value||e===`right`&&1-r<=k.value||n<=z||(N(i),P(e===`left`?r:E.value.relativeLeft))}function V(){let e=he(`${j}_${T.value}`).value;if(e){let t=parseFloat(e);return N(t),P(M(t)),!0}return!1}function H(){he(`${j}_${T.value}`).value=E.value.relativeWidth.toString()}function U(){x.value=!0,w(`dragstart`,{position:E.value.relativeLeft})}function W(e){P(F(e[0])-E.value.relativeWidth/2)}function G(){setTimeout(()=>{x.value=!1,w(`dragend`,{windowWidth:S.value,position:E.value.relativeLeft})},0),H()}return(i,a)=>(e(),r(`div`,null,[u(y).activeNode?(e(),g(we,{key:0,"root-node":u(y).activeNode,onSwitchSelectedNode:Se},null,8,[`root-node`])):l(``,!0),t.hideInputAndOutput?l(``,!0):(e(),r(`div`,{key:1,class:d(i.$style.inputPanel),style:_(A.value)},[m(i.$slots,`input`)],6)),t.hideInputAndOutput?l(``,!0):(e(),r(`div`,{key:2,class:d(i.$style.outputPanel),style:_(ye.value)},[m(i.$slots,`output`)],6)),n(`div`,{class:d(i.$style.mainPanel),style:_(ve.value)},[h(u(ae),{"is-resizing-enabled":T.value!==`unknown`,width:I(E.value.relativeWidth),"min-width":z,"grid-size":20,"supported-directions":de.value,outset:``,onResize:ke,onResizeend:Te},{default:v(()=>[n(`div`,{class:d(i.$style.dragButtonContainer)},[!t.hideInputAndOutput&&t.isDraggable?(e(),g(L,{key:0,class:d({[i.$style.draggable]:!0,[i.$style.visible]:x.value}),"can-move-left":ge.value,"can-move-right":_e.value,onDragstart:U,onDrag:W,onDragend:G},null,8,[`class`,`can-move-left`,`can-move-right`])):l(``,!0)],2),n(`div`,{class:d({[i.$style.mainPanelInner]:!0,[i.$style.dragging]:x.value})},[m(i.$slots,`main`)],2)]),_:3},8,[`is-resizing-enabled`,`width`,`supported-directions`])],6)]))}}),B=`_dataPanel_6rjea_125`,V=`_inputPanel_6rjea_134 _dataPanel_6rjea_125`,H=`_outputPanel_6rjea_142 _dataPanel_6rjea_125`,U=`_mainPanel_6rjea_150`,W=`_draggable_6rjea_154`,G=`_mainPanelInner_6rjea_158`,K=`_dragging_6rjea_165`,Ae=`_dragButtonContainer_6rjea_178`,je=`_visible_6rjea_194`,Me=S(ke,[[`__cssModules`,{$style:{dataPanel:B,inputPanel:V,outputPanel:H,mainPanel:U,draggable:W,mainPanelInner:G,dragging:K,"double-width":`_double-width_6rjea_174`,dragButtonContainer:Ae,visible:je}}]]),Ne={key:0,ref:`container`,class:`data-display`,"data-test-id":`ndv-modal`,tabindex:`0`},Pe=S(a({__name:`NodeDetailsView`,props:{workflowObject:{},readOnly:{type:Boolean,default:!1},renaming:{type:Boolean},isProductionExecutionPreview:{type:Boolean,default:!1}},emits:[`valueChanged`,`switchSelectedNode`,`openConnectionNodeCreator`,`stopExecution`],setup(a,{emit:ee}){let f=ee,m=a,_=ue(),re=T(),ae=fe(),{activeNode:S}=Se(_),pe=M(S),he=O(),j=me(),N=D(),we=oe(),L=Ce(),R=le(),Ee=P({view_shown:`ndv`}),z=ie(),De=E(),{APP_Z_INDEXES:Oe}=w(),ke=se(),B=i(-1),V=s(()=>_.output.run??-1),H=i(),U=i(!0),W=i(!1),G=i(!1),K=i(0),Ae=i(!1),je=i(0),Pe=i(0),Fe=i(!1),Ie=i(!1),Le=i(!0),q=s(()=>_.pushRef),J=s(()=>S.value?he.getNodeType(S.value.type,S.value.typeVersion):null),Re=s(()=>W.value&&!!J.value&&!J.value.group.includes(`trigger`)&&j.isWorkflowRunning&&j.executionWaitingForWebhook),ze=s(()=>{if(qe.value===null)return null;let e=qe.value.data;return e?.resultData?e.resultData.runData:null}),Be=s(()=>S.value?m.workflowObject.getParentNodesByDepth(S.value.name,1):[]),Ve=s(()=>{for(let e of Be.value)if(N?.value?.pinData?.[e.name]||ze.value?.[e.name])return e;return Be.value[0]}),Y=s(()=>(S.value&&J.value?be(m.workflowObject,S.value,J.value):[]).filter(e=>typeof e==`string`?e!==A.Main:e.type!==A.Main).length>0&&S.value?m.workflowObject.getChildNodes(S.value.name,`ALL_NON_MAIN`)?.[0]:H.value??Ve.value?.name),He=s(()=>Y.value?N?.value?.getNodeByName(Y.value)??null:null),Ue=s(()=>_.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!m.readOnly&&X.value&&(t||n||e)}),Ge=s(()=>J.value?_e.includes(J.value.name):!1),Ke=s(()=>!!_.activeNode&&_.activeNode.type===`n8n-nodes-base.stickyNote`),qe=s(()=>j.getWorkflowExecution),Z=s(()=>{if(S.value===null)return 0;let e=ze.value;return e?.[S.value.name]&&e[S.value.name].length?e[S.value.name].length-1:0}),Je=s(()=>V.value===-1?Z.value:Math.min(V.value,Z.value)),Q=s(()=>{if(He.value===null||S.value===null)return 0;let e=m.workflowObject.getNode(S.value.name);if(!e||!J.value)return 0;let t=be(m.workflowObject,e,J.value),n=He.value,r=ze.value;return t.some(e=>e!==A.Main)&&(n=S.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(U.value&&Z.value===Q.value)return Je.value;let e=Y.value;return B.value===-1&&e?Ye.value?.map(t=>ae.getLastRunIndexWithData(e,t)).find(e=>e!==-1)??Q.value:Math.min(B.value,Q.value)}),Ze=s(()=>Z.value>0&&Z.value===Q.value),Qe=s(()=>U.value&&Ze.value),$e=s(()=>J.value?`${ye}${J.value.name}`:``),et=s(()=>_.outputPanelEditMode),tt=s(()=>j.executionWaitingForWebhook),nt=s(()=>j.isWorkflowRunning||tt.value),rt=s(()=>ae.getForeignCredentialsIfSharingEnabled(S.value?.credentials)),it=s(()=>rt.value.length>0),at=s(()=>_.inputPanelDisplayMode),ot=s(()=>_.outputPanelDisplayMode),st=({isTooltipVisible:e})=>{Ae.value=e},ct=e=>{e.key===`s`&&we.isCtrlKeyPressed(e)&&e.preventDefault()},lt=e=>{if(e===null||!Y.value||!Le.value){_.setHoveringItem(null);return}let t={nodeName:Y.value,runIndex:Xe.value,outputIndex:e.outputIndex,itemIndex:e.itemIndex};_.setHoveringItem(t)},ut=e=>{je.value=e.avgRowHeight},dt=()=>{_.unsetActiveNodeName(),de.emit(`publishWorkflow`)},ft=e=>{if(e===null||!S.value||!Le.value){_.setHoveringItem(null);return}let t={nodeName:S.value?.name,runIndex:Je.value,outputIndex:e.outputIndex,itemIndex:e.itemIndex};_.setHoveringItem(t)},pt=()=>{window.open($e.value,`_blank`),S.value&&R.track(`User clicked ndv link`,{node_type:S.value.type,workflow_id:L.value,push_ref:q.value,pane:A.Main,type:`i-wish-this-node-would`})},mt=e=>{G.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:L.value}),K.value=e.position},ht=e=>{G.value=!0,K.value=e.position},gt=e=>{K.value=e.position},_t=()=>{U.value=!0,xt(`output`)},vt=e=>{B.value=V.value,U.value=!1,xt(e)},yt=()=>{setTimeout(()=>{!S.value||!j.isWorkflowRunning||(W.value=!0)},1e3)},bt=()=>{ke.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=()=>{_.setOutputRunIndex(B.value),U.value=!0,xt(`input`)},Ct=e=>{f(`valueChanged`,e)},wt=e=>{f(`switchSelectedNode`,e)},Tt=(e,t,n=0)=>{f(`openConnectionNodeCreator`,e,t,n)},$=async()=>{if(!G.value){if(et.value.enabled&&S.value){if(await De.confirm(``,z.baseText(`ndv.pinData.beforeClosing.title`),{confirmButtonText:z.baseText(`ndv.pinData.beforeClosing.confirm`),cancelButtonText:z.baseText(`ndv.pinData.beforeClosing.cancel`)})===`confirm`){let{value:e}=et.value;try{pe.setData(ve(e),`on-ndv-close-modal`)}catch(e){console.error(e)}}_.setOutputPanelEditModeEnabled(!1)}await re.run(`dataDisplay.nodeEditingFinished`),R.track(`User closed node modal`,{node_type:J.value?J.value?.name:``,push_ref:q.value,workflow_id:L.value}),W.value=!1,_.unsetActiveNodeName(),_.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=>{_.setOutputRunIndex(e),Et(e,`output`)},Ot=e=>{B.value=e,Qe.value&&_.setOutputRunIndex(e),Et(e,`input`)},kt=e=>{Pe.value=e.avgRowHeight},At=(e,t)=>{B.value=-1,U.value=!0,H.value=e,R.track(`User changed ndv input dropdown`,{node_type:S.value?S.value.type:``,push_ref:q.value,workflow_id:L.value,selection_value:t,input_node_type:He.value?He.value.type:``})},jt=()=>{f(`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=>{H.value=e},Rt=(e,t)=>{_.setPanelDisplayMode({pane:e,mode:t})};return p(S,(e,t)=>{if(e&&!t?Ft():e||It(),e&&e.name!==t?.name&&!Ke.value){if(B.value=-1,_.setOutputRunIndex(-1),U.value=!0,H.value=void 0,W.value=!1,Pe.value=0,je.value=0,setTimeout(()=>_.setNDVPushRef(),0),!J.value)return;re.run(`dataDisplay.nodeTypeChanged`,{nodeSubtitle:ae.getNodeSubtitle(e,J.value,m.workflowObject)}),setTimeout(()=>{if(S.value){let e=N?.value?.outgoingConnectionsByNodeName(S.value?.name);R.track(`User opened node modal`,{node_id:S.value?.id,node_type:J.value?J.value?.name:``,workflow_id:L.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:Ae.value,input_displayed_row_height_avg:je.value,output_displayed_row_height_avg:Pe.value,source:Ee.ndv_source?.value??`other`})}},2e3)}window.top&&!Ke.value&&window.top.postMessage(JSON.stringify({command:e?`openNDV`:`closeNDV`}),`*`)},{immediate:!0}),p(Z,()=>{_.setOutputRunIndex(-1)}),p(Q,()=>{B.value=-1}),p(Y,e=>{setTimeout(()=>{_.setInputNodeName(e)},0)}),p(Xe,e=>{setTimeout(()=>{_.setInputRunIndex(e)},0)}),te(()=>{ce.on(`data-pinning-discovery`,st),C.on(`updateInputNodeName`,Lt)}),ne(()=>{ce.off(`data-pinning-discovery`,st),C.off(`updateInputNodeName`,Lt),It()}),(i,s)=>(e(),g(u(ge),{id:`ndv`,"model-value":(!!u(S)||a.renaming)&&!Ke.value,"before-close":$,"show-close":!1,class:`data-display-wrapper ndv-wrapper`,"overlay-class":`data-display-overlay`,width:`auto`,"append-to":`#${u(xe)}`,"data-test-id":`ndv`,"z-index":u(Oe).NDV},{default:v(()=>[h(u(y),{placement:`bottom-start`,visible:Re.value,disabled:!Re.value},{content:v(()=>[n(`div`,{class:d(i.$style.triggerWarning)},c(u(z).baseText(`ndv.backToCanvas.waitingForTriggerWarning`)),3)]),default:v(()=>[n(`div`,{class:d(i.$style.backToCanvas),"data-test-id":`back-to-canvas`,onClick:$},[h(u(b),{icon:`arrow-left`,color:`text-xlight`,size:`medium`}),h(u(x),{color:`text-xlight`,size:`medium`,bold:!0},{default:v(()=>[t(c(u(z).baseText(`ndv.backToCanvas`)),1)]),_:1})],2)]),_:1},8,[`visible`,`disabled`]),u(S)?(e(),r(`div`,Ne,[n(`div`,{class:d(i.$style.modalBackground),onClick:$},null,2),(e(),g(Me,{key:u(S).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},o({output:v(()=>[h(I,{"data-test-id":`output-panel`,"workflow-object":a.workflowObject,"can-link-runs":Ze.value,"run-index":Je.value,"linked-runs":Qe.value,"push-ref":q.value,"is-read-only":a.readOnly||it.value,"block-u-i":nt.value&&X.value&&!Ge.value,"is-production-execution-preview":a.isProductionExecutionPreview,"is-pane-active":Ie.value,"display-mode":ot.value,onActivatePane:Nt,onLinkRun:_t,onUnlinkRun:s[2]||=()=>vt(`output`),onRunChange:Dt,onOpenSettings:bt,onTableMounted:kt,onItemHover:ft,onSearch:Pt,onDisplayModeChange:s[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:v(()=>[h(F,{"event-bus":u(ke),dragging:G.value,"push-ref":q.value,"foreign-credentials":rt.value,"read-only":a.readOnly,"block-u-i":nt.value&&We.value,executable:!a.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?(e(),r(`a`,{key:0,class:d(i.$style.featureRequest),target:`_blank`,onClick:pt},[h(u(b),{icon:`lightbulb`}),t(` `+c(u(z).baseText(`ndv.featureRequest`)),1)],2)):l(``,!0)]),_:2},[We.value||!X.value?{name:`input`,fn:v(()=>[We.value?(e(),g(Te,{key:0,"node-name":u(S).name,"push-ref":q.value,onExecute:yt,onActivate:dt},null,8,[`node-name`,`push-ref`])):X.value?l(``,!0):(e(),g(k,{key:1,"workflow-object":a.workflowObject,"can-link-runs":Ze.value,"run-index":Xe.value,"linked-runs":Qe.value,"active-node-name":u(S).name,"current-node-name":Y.value,"push-ref":q.value,"read-only":a.readOnly||it.value,"is-production-execution-preview":a.isProductionExecutionPreview,"search-shortcut":Fe.value?`/`:void 0,"display-mode":at.value,"is-mapping-onboarded":u(_).isMappingOnboarded,"focused-mappable-input":u(_).focusedMappableInput,onActivatePane:Mt,onLinkRun:St,onUnlinkRun:s[0]||=()=>vt(`input`),onRunChange:Ot,onOpenSettings:bt,onChangeInputNode:At,onExecute:yt,onTableMounted:ut,onItemHover:lt,onSearch:Pt,onDisplayModeChange:s[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{Pe as default}; //# sourceMappingURL=NodeDetailsView-DPMnYQmG.js.map