n8n-editor-ui/dist/assets/NodeDetailsViewV2-legacy-DQ2zlc0h.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.13.4"}}catch(e){}}(),System.register(["./vue.runtime.esm-bundler-legacy-IafOlCW8.js","./_MapCache-legacy-DwgdC8YO.js","./src-legacy-Dwzr7bD0.js","./_plugin-vue_export-helper-legacy-DEZAmQqp.js","./sanitize-html-legacy-ChR3ikxn.js","./date-picker-legacy-uAA3gY1d.js","./users.store-legacy-OKuN0qAC.js","./ParameterInputList-legacy-D5sySi2K.js","./constants-legacy-DNCca_FT.js","./merge-legacy-uu1aGqHK.js","./_baseOrderBy-legacy-PsQY_Pvh.js","./dateformat-legacy-BxdD_OP7.js","./useDebounce-legacy-CT3oYGrC.js","./dataTable.store-legacy-CvwqAgvm.js","./useClipboard-legacy-D5bRgqfO.js","./executions.store-legacy-z6ytCHo9.js","./CopyInput-legacy-4SJ519ok.js","./assistant.store-legacy-kpq6KUPM.js","./chatPanel.store-legacy-BXT37O-E.js","./RunData-legacy-5Sfz7IzF.js","./NDVEmptyState-legacy-CfqV96iU.js","./externalSecrets.ee.store-legacy-C6uyA9v4.js","./uniqBy-legacy-DmwIYJPs.js","./communityNodes.store-legacy-FzflxT4z.js","./usePinnedData-legacy-CxgKkO-J.js","./nodeIcon-legacy-CU0X8703.js","./canvas.utils-legacy-BYFKir1g.js","./canvas.eventBus-legacy-DA8zEJ09.js","./useCanvasOperations-legacy-DHjpE9Af.js","./setupPanel.store-legacy-D5xiJOzj.js","./nodeTransforms-legacy-CEnqyD1g.js","./templateTransforms-legacy-bPWknje4.js","./ContactAdministratorToInstall-legacy-D-4RoJ1v.js","./useQuickConnect-legacy-Joyt3P8m.js","./semver-legacy-CCqi4WLs.js","./CredentialIcon-legacy-W6FyX5zO.js","./useDynamicCredentials-legacy-DYuGI0-p.js","./RunDataHtml-legacy-DYuZnk8K.js","./Draggable-legacy-1VY-jpKk.js","./NodeIcon-legacy-B4uktMo3.js","./VirtualSchema-legacy-j9JfcIEe.js","./useCalloutHelpers-legacy-vHYCBchw.js","./useTelemetryContext-legacy-DP-NcoCt.js","./useRunWorkflow-legacy-D--lDsti.js","./pushConnection.store-legacy-CdZe0qqo.js","./useInjectWorkflowId-legacy-Bqd7CF__.js","./vue-json-pretty-legacy-C9tMykq1.js","./collaboration.store-legacy-Cbihou7P.js","./dateFormatter-legacy-CmupnmDm.js","./useExecutionHelpers-legacy-L8nz8vaT.js","./useFreeAiCredits-legacy-CEp4XoS_.js","./NodeSettings-legacy-BiSl-jI5.js","./CommunityNodeUpdateInfo-legacy-CKc-nhzm.js","./vue-legacy-BRu5yuNI.js","./useKeybindings-legacy-PJ9pRJzI.js","./useActions-legacy-BnKsuRcU.js","./chatHubPanel.store-legacy-CNIu4UHq.js","./useLogsTreeExpand-legacy-BQTBnZH1.js","./AnimatedSpinner-legacy-DJhh4l70.js","./useExecutionData-legacy-D2I2XvJd.js","./RunDataParsedAiContent-legacy-Cd_5EeVf.js","./TriggerPanel-legacy-BlGLyzLN.js"],(function(e,n){var a,t,l,o,i,u,r,s,d,c,v,g,p,_,f,y,h,m,b,w,x,j,k,N,I,D,C,P,T,R,$,E,M,O,S,z,B,H,A,W,L,V,U,F,K,J,X,q,Z,Q,Y,G,ee,ne,ae,te,le,oe,ie,ue,re,se,de,ce,ve,ge,pe,_e,fe,ye,he,me,be,we;function xe(e){const n=u({left:40,main:20,right:40}),a=d((()=>`${A}_${r(e.paneType).toUpperCase()}`)),t=N(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(n.value.left),main:i(n.value.main),right:i(n.value.right)}))),g=d((()=>s(120))),p=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),n=(100-e)/2;return{left:n,main:e,right:n}}default:{const e=s(420),n=(100-e)/2;return{left:n,main:e,right:n}}}})),_=({left:n,main:a,right:t})=>{const l=r(e.hasInputPanel)?g.value:0,o=g.value,i=c.value,u={left:Math.max(l,n),main:Math.max(i,a),right:Math.max(o,t)},s=u.left+u.main+u.right;if(s>100){const e=s-100,n=u.left/(u.left+u.right)*e,a=e-n;u.left=Math.max(l,u.left-n),u.right=Math.max(o,u.right-a)}return u},f=()=>{const e=localStorage.getItem(a.value),t=p.value;n.value=_(e?Y(e,{fallbackValue:t})??t:t)};return y(o,((e,a)=>{e&&(a?n.value=_(n.value):f())})),y(l(e.paneType),(()=>{f()}),{immediate:!0}),{containerWidth:o,panelWidthPercentage:n,panelWidthPixels:v,onResize:e=>{const a=Math.max(c.value,s(e.width)),t=n.value.left,l=n.value.main,o=n.value.right,i=a-l;if("left"===e.direction){const e=t-i;if(e<g.value)return;n.value=_({left:Math.max(g.value,e),main:a,right:o})}else if("right"===e.direction){const e=o-i;if(e<g.value)return;n.value=_({left:t,main:a,right:Math.max(g.value,e)})}},onDrag:e=>{const a=Math.max(g.value,s(e[0])-n.value.main/2),t=Math.max(g.value,100-a-n.value.main);a+n.value.main+t>100||(n.value.left=a,n.value.right=t)},onResizeEnd:()=>{localStorage.setItem(a.value,JSON.stringify(n.value))}}}return{setters:[function(e){a=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,g=e.U,p=e.Wt,_=e.X,f=e._n,y=e.gt,h=e.j,m=e.pt,b=e.q,w=e.w,x=e.y,j=e.yn,k=e.yt},function(e){N=e.D,I=e.bt},function(e){D=e.$i,C=e.At,P=e.Ht,T=e.Ii,R=e.Mi,$=e.Zi,E=e.h,M=e.lt,O=e.z},function(e){S=e.t},function(e){},function(e){},function(e){z=e.$t,B=e.Dr,H=e.Er,A=e.Kr,W=e.dn,L=e.en,V=e.hn,U=e.ia,F=e.jr,K=e.r,J=e.rn,X=e.s,q=e.un,Z=e.w},function(e){Q=e.o},function(e){Y=e.$a,G=e.D,e.Ps,e.gr,ee=e.ho,ne=e.ln,ae=e.va},function(e){},function(e){te=e.N},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){le=e.t},function(e){oe=e.t},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){ie=e.t},function(e){ue=e.t},function(e){},function(e){},function(e){re=e.t},function(e){},function(e){},function(e){se=e.t},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){de=e.n,ce=e.t},function(e){},function(e){},function(e){ve=e.t},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){ge=e.n,pe=e.r,_e=e.t}],execute:function(){(fe=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(fe);try{n="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(l=(new n.Error).stack)&&(n._sentryDebugIds=n._sentryDebugIds||{},n._sentryDebugIds[l]="2b689ed6-3d77-4851-93a5-a4b75b452254",n._sentryDebugIdIdentifier="sentry-dbid-2b689ed6-3d77-4851-93a5-a4b75b452254")}catch(n){}var n,l;ye=s({__name:"NDVHeader",props:{nodeName:{},nodeTypeName:{},docsUrl:{},icon:{},readOnly:{type:Boolean}},emits:["close","rename"],setup(e,{emit:n}){const l=e,u=I(),r=n;function s(e){r("rename",e||l.nodeTypeName)}return(n,d)=>(a(),i("header",{class:f(n.$style.ndvHeader)},[o("div",{class:f(n.$style.content)},[e.icon?(a(),w(ue,{key:0,class:f(n.$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:f(n.$style.title),"data-test-id":"node-title-container"},[h(p(E),{"model-value":e.nodeName,"min-width":0,"max-width":500,placeholder:p(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:f(n.$style.actions)},[e.docsUrl?(a(),w(p(M),{key:0,theme:"text",target:"_blank",href:e.docsUrl},{default:k((()=>[o("span",{class:f(n.$style.docsLabel)},[h(p($),{size:"small",bold:""},{default:k((()=>[t(c(p(u).baseText("nodeSettings.docs")),1)])),_:1}),h(p(D),{icon:"external-link"})],2)])),_:1},8,["href"])):v("",!0),h(p(R),null,{content:k((()=>[t(c(p(u).baseText("ndv.close.tooltip")),1)])),default:k((()=>[h(p(T),{variant:"ghost",icon:"x","data-test-id":"ndv-close-button",onClick:d[0]||(d[0]=e=>r("close"))})])),_:1})],2)],2))}}),he=S(ye,[["__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"}}]]),me=s({__name:"PanelDragButtonV2",props:{canMoveRight:{type:Boolean},canMoveLeft:{type:Boolean}},emits:["drag","dragstart","dragend"],setup(e,{emit:n}){const t=n,l=e=>{t("drag",e)},i=()=>{t("dragend")},u=()=>{t("dragstart")};return(n,t)=>(a(),w(ie,{class:f(n.$style.dragContainer),type:"panel-resize",cursor:"ew-resize","data-test-id":"panel-drag-button",onDrag:l,onDragstart:u,onDragend:i},{default:k((({isDragging:t})=>[o("button",{class:f([n.$style.dragButton,{[n.$style.dragging]:t}])},[e.canMoveLeft?(a(),w(p(D),{key:0,class:f(n.$style.arrow),icon:"arrow-left"},null,8,["class"])):v("",!0),h(p(D),{class:f(n.$style.handle),icon:"menu"},null,8,["class"]),e.canMoveRight?(a(),w(p(D),{key:1,class:f(n.$style.arrow),icon:"arrow-right"},null,8,["class"])):v("",!0)],2)])),_:1},8,["class"]))}}),be=S(me,[["__cssModules",{$style:{dragButton:"_dragButton_1cg1p_125",arrow:"_arrow_1cg1p_140",handle:"_handle_1cg1p_144",dragging:"_dragging_1cg1p_148"}}]]),we=s({__name:"NodeDetailsViewV2",props:{workflowObject:{},readOnly:{type:Boolean,default:!1},isProductionExecutionPreview:{type:Boolean,default:!1}},emits:["valueChanged","switchSelectedNode","openConnectionNodeCreator","renameNode","stopExecution"],setup(e,{emit:n}){const t=n,l=e,r=J(),s=B(),c=z(),{activeNode:N}=te(r),D=le(N),T=Z(),R=K(),$=X(),E=U(),M=P(),S=se(),A=L(),ie=re({view_shown:"ndv"}),ue=I(),fe=F(),{APP_Z_INDEXES:ye}=H(),me=C(),we=u(-1),je=d((()=>r.output.run??-1)),ke=u(!0),Ne=u(),Ie=u(!1),De=u(!1),Ce=u(0),Pe=u(!1),Te=u(0),Re=u(0),$e=u(!1),Ee=u(!1),Me=u(!0),Oe=u(),Se=m("containerRef"),ze=m("mainPanelRef"),Be=d((()=>r.pushRef)),He=d((()=>N.value?T.getNodeType(N.value.type,N.value.typeVersion):null)),{docsUrl:Ae}=de({nodeType:He}),We=d((()=>R.isActionActive.workflowRunning)),Le=d((()=>{if(null===Ye.value)return null;const e=Ye.value.data;return e?.resultData?e.resultData.runData:null})),Ve=d((()=>N.value&&l.workflowObject.getParentNodesByDepth(N.value.name,1).map((({name:e})=>e))||[])),Ue=d((()=>{for(const e of Ve.value){if(E?.value?.pinData?.[e])return e;if(Le.value?.[e])return e}return Ve.value[0]})),Fe=d((()=>(N.value&&He.value?ae(l.workflowObject,N.value,He.value):[]).filter((e=>"string"==typeof e?e!==ee.Main:e.type!==ee.Main)).length>0&&N.value?l.workflowObject.getChildNodes(N.value.name,"ALL_NON_MAIN")?.[0]:Ne.value||Ue.value)),Ke=d((()=>Fe.value?$.getNodeByName(Fe.value):null)),Je=d((()=>r.ndvInputDataWithPinnedData.length)),Xe=d((()=>!!He.value&&He.value.group.includes("trigger"))),qe=d((()=>{const e=!!He.value?.triggerPanel;if("boolean"==typeof He.value?.triggerPanel)return e;const n=!!He.value?.webhooks?.length,a=He.value?.polling;return!l.readOnly&&Xe.value&&(n||a||e)})),Ze=d((()=>!!He.value&&ne.includes(He.value.name))),Qe=d((()=>!!r.activeNode&&"n8n-nodes-base.stickyNote"===r.activeNode.type)),Ye=d((()=>$.getWorkflowExecution)),Ge=d((()=>{if(null===N.value)return 0;const e=Le.value;return e?.[N.value.name]&&e[N.value.name].length?e[N.value.name].length-1:0})),en=d((()=>-1===je.value?Ge.value:Math.min(je.value,Ge.value))),nn=d((()=>{if(null===Ke.value||null===N.value)return 0;const e=l.workflowObject.getNode(N.value.name);if(!e||!He.value)return 0;const n=ae(l.workflowObject,e,He.value);let a=Ke.value;const t=Le.value;return n.some((e=>e!==ee.Main))&&(a=N.value),a&&t?.hasOwnProperty(a.name)&&t[a.name].length?t[a.name].length-1:0})),an=d((()=>ke.value&&Ge.value===nn.value?en.value:-1===we.value?nn.value:Math.min(we.value,nn.value))),tn=d((()=>Ge.value>0&&Ge.value===nn.value)),ln=d((()=>ke.value&&tn.value)),on=d((()=>r.outputPanelEditMode)),un=d((()=>R.isActionActive.workflowRunning)),rn=d((()=>$.executionWaitingForWebhook)),sn=d((()=>un.value||rn.value)),dn=d((()=>c.getForeignCredentialsIfSharingEnabled(N.value?.credentials))),cn=d((()=>dn.value.length>0)),vn=d((()=>r.inputPanelDisplayMode)),gn=d((()=>r.outputPanelDisplayMode)),pn=d((()=>!Xe.value||qe.value)),_n=d((()=>pn.value?["left","right"]:["right"])),fn=d((()=>({eventBus:me,dragging:De.value,pushRef:Be.value,foreignCredentials:dn.value,readOnly:l.readOnly,blockUI:sn.value&&qe.value,executable:!l.readOnly,inputSize:Je.value,isNdvV2:!0}))),{containerWidth:yn,onDrag:hn,onResize:mn,onResizeEnd:bn,panelWidthPercentage:wn,panelWidthPixels:xn}=xe({container:Se,hasInputPanel:pn,paneType:d((()=>pn.value?He.value?.parameterPane??"regular":"inputless"))}),jn=({isTooltipVisible:e})=>{Pe.value=e},kn=e=>{Ne.value=e},Nn=e=>{"s"===e.key&&M.isCtrlKeyPressed(e)&&e.preventDefault()},In=e=>{if(null===e||!Fe.value||!Me.value)return void r.setHoveringItem(null);const n={nodeName:Fe.value,runIndex:an.value,outputIndex:e.outputIndex,itemIndex:e.itemIndex};r.setHoveringItem(n)},Dn=e=>{Te.value=e.avgRowHeight},Cn=()=>{r.unsetActiveNodeName(),W.emit("publishWorkflow")},Pn=e=>{if(null===e||!N.value||!Me.value)return void r.setHoveringItem(null);const n={nodeName:N.value?.name,runIndex:en.value,outputIndex:e.outputIndex,itemIndex:e.itemIndex};r.setHoveringItem(n)},Tn=()=>{bn(),De.value=!1,A.track("User moved parameters pane",{window_width:yn.value,start_position:Ce.value,node_type:He.value?He.value.name:"",push_ref:Be.value,workflow_id:S.value})},Rn=()=>{De.value=!0},$n=()=>{ke.value=!0,Sn("output")},En=e=>{we.value=je.value,ke.value=!1,Sn(e)},Mn=()=>{setTimeout((()=>{N.value&&We.value&&(Ie.value=!0)}),1e3)},On=()=>{me.emit("openSettings")},Sn=e=>{A.track("User changed ndv run linking",{node_type:He.value?He.value.name:"",push_ref:Be.value,linked:ln.value,pane:e})},zn=()=>{r.setOutputRunIndex(we.value),ke.value=!0,Sn("input")},Bn=e=>{t("switchSelectedNode",e)},Hn=(e,n)=>{t("openConnectionNodeCreator",e,n)},An=async()=>{if(!De.value){if(on.value.enabled&&N.value){if("confirm"===await fe.confirm("",ue.baseText("ndv.pinData.beforeClosing.title"),{confirmButtonText:ue.baseText("ndv.pinData.beforeClosing.confirm"),cancelButtonText:ue.baseText("ndv.pinData.beforeClosing.cancel")})){const{value:n}=on.value;try{D.setData(Y(n),"on-ndv-close-modal")}catch(e){console.error(e)}}r.setOutputPanelEditModeEnabled(!1)}await s.run("dataDisplay.nodeEditingFinished"),A.track("User closed node modal",{node_type:He.value?He.value?.name:"",push_ref:Be.value,workflow_id:S.value}),Ie.value=!1,r.unsetActiveNodeName(),r.resetNDVPushRef()}};ve({Escape:An});const Wn=(e,n)=>{A.track("User changed ndv run dropdown",{push_ref:Be.value,run_index:e,node_type:He.value?He.value?.name:"",pane:n})},Ln=e=>{r.setOutputRunIndex(e),Wn(e,"output")},Vn=e=>{we.value=e,ln.value&&r.setOutputRunIndex(e),Wn(e,"input")},Un=e=>{Re.value=e.avgRowHeight},Fn=(e,n)=>{we.value=-1,ke.value=!0,Ne.value=e,A.track("User changed ndv input dropdown",{node_type:N.value?N.value.type:"",push_ref:Be.value,workflow_id:S.value,selection_value:n,input_node_type:Ke.value?Ke.value.type:""})},Kn=()=>{t("stopExecution")},Jn=()=>{$e.value=!0,Ee.value=!1},Xn=()=>{$e.value=!1,Ee.value=!0},qn=e=>{Me.value=!e},Zn=()=>{document.removeEventListener("keydown",Nn,!0)},Qn=e=>{t("renameNode",e)},Yn=(e,n)=>{r.setPanelDisplayMode({pane:e,mode:n})};return y(N,((e,n)=>{if(e&&!n?(document.addEventListener("keydown",Nn,!0),Oe.value?.show()):e||Zn(),e&&e.name!==n?.name&&!Qe.value){if(we.value=-1,r.setOutputRunIndex(-1),ke.value=!0,Ne.value=void 0,Ie.value=!1,Re.value=0,Te.value=0,setTimeout((()=>r.setNDVPushRef()),0),!He.value)return;s.run("dataDisplay.nodeTypeChanged",{nodeSubtitle:c.getNodeSubtitle(e,He.value,l.workflowObject)}),setTimeout((()=>{if(N.value){const e=$.outgoingConnectionsByNodeName(N.value?.name);A.track("User opened node modal",{node_id:N.value?.id,node_type:He.value?He.value?.name:"",workflow_id:S.value,push_ref:Be.value,is_editable:!cn.value,parameters_pane_position:Ce.value,input_first_connector_runs:nn.value,output_first_connector_runs:Ge.value,selected_view_inputs:Xe.value?"trigger":r.inputPanelDisplayMode,selected_view_outputs:r.outputPanelDisplayMode,input_connectors:Ve.value.length,output_connectors:e?.main?.length,input_displayed_run_index:an.value,output_displayed_run_index:en.value,data_pinning_tooltip_presented:Pe.value,input_displayed_row_height_avg:Te.value,output_displayed_row_height_avg:Re.value,source:ie.ndv_source?.value??"other"})}}),2e3)}window.top&&!Qe.value&&window.top.postMessage(JSON.stringify({command:e?"openNDV":"closeNDV"}),"*")}),{immediate:!0}),y(Ge,(()=>{r.setOutputRunIndex(-1)})),y(nn,(()=>{we.value=-1})),y(Fe,(e=>{setTimeout((()=>{r.setInputNodeName(e)}),0)})),y(an,(e=>{setTimeout((()=>{r.setInputRunIndex(e)}),0)})),y(ze,(e=>{if(!e)return;const n=function(e){const n=[],a=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>{const n="INPUT"===e.tagName&&"hidden"===e.type;return e.disabled||e.hidden||n?NodeFilter.FILTER_SKIP:e.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;a.nextNode();)n.push(a.currentNode);return n}(e)[0];n&&n.focus()})),_((()=>{Oe.value?.show(),V.on("data-pinning-discovery",jn),q.on("updateInputNodeName",kn)})),b((()=>{V.off("data-pinning-discovery",jn),q.off("updateInputNodeName",kn),Zn()})),(n,t)=>p(N)&&!Qe.value?(a(),w(x,{key:0,to:`#${p(G)}`},[o("div",{"data-test-id":"ndv-backdrop",class:f(n.$style.backdrop),style:j({zIndex:p(ye).NDV}),onClick:An},null,6),o("dialog",{ref_key:"dialogRef",ref:Oe,open:"","aria-modal":"true","data-test-id":"ndv",class:f(n.$style.dialog),style:j({zIndex:p(ye).NDV})},[h(pe,{"root-node":p(N),onSwitchSelectedNode:Bn},null,8,["root-node"]),o("div",{ref_key:"containerRef",ref:Se,class:f({[n.$style.container]:!0,[n.$style.webhookWaiting]:rn.value})},[h(he,{class:f(n.$style.header),"node-name":p(N).name,"node-type-name":He.value?.defaults.name??He.value?.displayName??p(N).name,icon:p(oe)(He.value??p(N).type,p(N)),"docs-url":p(Ae),onClose:An,onRename:Qn},null,8,["class","node-name","node-type-name","icon","docs-url"]),o("main",{class:f(n.$style.main)},[pn.value?(a(),i("div",{key:0,class:f([n.$style.column,n.$style.dataColumn]),style:j({width:`${p(wn).left}%`})},[qe.value?(a(),w(_e,{key:0,"node-name":p(N).name,"push-ref":Be.value,class:f(n.$style.input),onExecute:Mn,onActivate:Cn},null,8,["node-name","push-ref","class"])):Xe.value?v("",!0):(a(),w(Q,{key:1,"workflow-object":e.workflowObject,"can-link-runs":tn.value,"run-index":an.value,"linked-runs":ln.value,"active-node-name":p(N).name,"current-node-name":Fe.value,"push-ref":Be.value,"read-only":e.readOnly||cn.value,"is-production-execution-preview":e.isProductionExecutionPreview,"search-shortcut":$e.value?"/":void 0,"display-mode":vn.value,class:f(n.$style.input),"is-mapping-onboarded":p(r).isMappingOnboarded,"focused-mappable-input":p(r).focusedMappableInput,onActivatePane:Jn,onLinkRun:zn,onUnlinkRun:t[0]||(t[0]=()=>En("input")),onRunChange:Vn,onOpenSettings:On,onChangeInputNode:Fn,onExecute:Mn,onTableMounted:Dn,onItemHover:In,onSearch:qn,onDisplayModeChange:t[1]||(t[1]=e=>Yn("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),h(p(O),{width:p(xn).main,"min-width":260,"supported-directions":_n.value,"grid-size":8,class:f({[n.$style.column]:!rn.value,[n.$style.webhookWaiting]:rn.value}),style:j({width:`${p(wn).main}%`}),outset:"",onResize:p(mn),onResizestart:Rn,onResizeend:Tn},{default:k((()=>[o("div",{ref_key:"mainPanelRef",ref:ze,class:f(n.$style.main)},[pn.value?(a(),w(be,{key:0,class:f(n.$style.draggable),"can-move-left":!0,"can-move-right":!0,onDrag:p(hn),onDragstart:Rn,onDragend:Tn},null,8,["class","onDrag"])):v("",!0),h(ce,g(fn.value,{class:n.$style.settings,onExecute:Mn,onStopExecution:Kn,onActivate:Cn,onSwitchSelectedNode:Bn,onOpenConnectionNodeCreator:Hn}),null,16,["class"])],2)])),_:1},8,["width","supported-directions","class","style","onResize"]),o("div",{class:f([n.$style.column,n.$style.dataColumn]),style:j({width:`${p(wn).right}%`})},[h(ge,{"data-test-id":"output-panel","workflow-object":e.workflowObject,"can-link-runs":tn.value,"run-index":en.value,"linked-runs":ln.value,"push-ref":Be.value,"is-read-only":e.readOnly||cn.value,"block-u-i":sn.value&&Xe.value&&!Ze.value,"is-production-execution-preview":e.isProductionExecutionPreview,"is-pane-active":Ee.value,"display-mode":gn.value,class:f(n.$style.output),onActivatePane:Xn,onLinkRun:$n,onUnlinkRun:t[2]||(t[2]=()=>En("output")),onRunChange:Ln,onOpenSettings:On,onTableMounted:Un,onItemHover:Pn,onSearch:qn,onExecute:Mn,onDisplayModeChange:t[3]||(t[3]=e=>Yn("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(we,[["__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-DQ2zlc0h.js.map