n8n-editor-ui 1.19.1 → 1.19.3

package/dist/assets/{NodeCreator-_GxUysbY.js → NodeCreator-r6gxY14d.js}

@@ -1,2 +1,2 @@
-import{_ as H,n as xe,a6 as re,fz as Je,G as ie,dD as Qe,ex as et,aY as tt,bg as ot,c$ as nt,N as st,aL as at,as as ue,eW as he,aw as Ae,a3 as Le,O as rt,p as it,ey as te,x as Se,eO as pe,fA as lt,v as ct,ez as Ee,eA as Re,l as dt,R as ut,Q as pt}from"./n8n-NE7NqrvB.js";import{u as Z,b as M,c as q,t as gt,T as Ve,R as Me,A as Oe,d as Be}from"./NodeView-CdR2fi_x.js";import{G as P,l as y,M as A,O as I,H as F,W as De,Z as $e,b as ge,y as Pe,_ as be,ag as B,m as L,p as C,T as V,I as g,Q as E,r as G,e as h,a9 as le,u as z,J as Te,a2 as ye,U as He,V as Ke,K as oe,R as Y,a as we,Y as ze,d as X,F as yt,a7 as mt,al as ft,ab as Ue,af as vt,aL as _t,S as ee}from"./vendor-2CfOYFi2.js";import{m as ht,B as me,C as We}from"./lodash-es-s_m9YyW7.js";import{u as ke}from"./NodeCreation-OxTpBRfP.js";import{N as ce,m as Ye,ad as de}from"./index-hMVAffQ3.js";import"./@fortawesome/vue-fontawesome-GVmvJ_gj.js";import"./@fortawesome/fontawesome-svg-core-xYGjsix9.js";import"./esprima-next-ulPLCZ1Z.js";import"./luxon-ZRIU05qF.js";import"./pinia-IhuTtYiV.js";import"./@vueuse/core-viEZCtbZ.js";import"./flatted-jPn12Tq4.js";import"./@n8n/permissions-8yMqUF1Y.js";import"./vue-i18n-eiX0lGiQ.js";import"./uuid-McvpxQtQ.js";import"./@jsplumb/core-MKwKlGip.js";import"./@jsplumb/util-DR0SB56A.js";import"./@jsplumb/common-Q5_tv_GT.js";import"./@jsplumb/browser-ui-QL7QI0sV.js";import"./useExecutionDebugging-WpRAbEhr.js";import"./file-saver-_vO_MOS2.js";import"./vue-json-pretty-HTL9TWGq.js";import"./RunDataAi-4m1wWDUf.js";import"./vue-markdown-render-Y8yswakT.js";import"./useCopyToClipboard-oKZllDWR.js";import"./copy-to-clipboard-6yTgHm0Q.js";import"./prettier-s3fE3Qyr.js";import"./codemirror-lang-html-n8n-qoVuUIQR.js";import"./@n8n/codemirror-lang-sql-zd5sOTQ9.js";import"./@lezer/common-aP6EPErF.js";import"./@jsplumb/connector-bezier-3dWY17R5.js";import"./codemirror-lang-n8n-expression-qGXLqLTr.js";import"./fast-json-stable-stringify-gO4u4slB.js";import"./timeago.js--Bumj2r9.js";import"./qrcode.vue-f7Vn5Pkq.js";import"./vue3-touch-events-_RfbPMOD.js";import"./@fortawesome/free-solid-svg-icons-KH5RR_hW.js";import"./@fortawesome/free-regular-svg-icons-ipmEYOws.js";import"./chart.js-JtqvIvkt.js";import"./workflowActivate-UB1_xc5U.js";import"./collaboration.store-lUjjktP5.js";const $t=P({name:"SlideTransition"});function bt(r,e,l,o,s,m){return y(),A(De,{name:"slide"},{default:I(()=>[F(r.$slots,"default",{},void 0,!0)]),_:3})}const Tt=H($t,[["render",bt],["__scopeId","data-v-88e2114c"]]),je="placeholder_recommended";function wt(...r){return xe.baseText(...r)}const x=ht(wt,(...r)=>JSON.stringify(r)),ve={"n8n-nodes-base.hubspotTrigger":(r,e)=>{var o,s,m;const l=(o=r==null?void 0:r.options)==null?void 0:o[0];return(m=(s=l==null?void 0:l.values[0])==null?void 0:s.options)==null?void 0:m.map(_=>({...ne(e),actionKey:_.value,displayName:x("nodeCreator.actionsCategory.onEvent",{interpolate:{event:me(_.name)}}),description:_.description||"",displayOptions:r.displayOptions,values:{eventsUi:{eventValues:[{name:_.value}]}}}))}};function ne(r,e){const l=r.group.includes("trigger"),o=x(l?"nodeCreator.actionsCategory.triggers":"nodeCreator.actionsCategory.actions");return{name:r.name,group:r.group,codex:{label:e||"",categories:[o]},iconUrl:r.iconUrl,outputs:r.outputs,icon:r.icon,defaults:r.defaults}}function kt(r){if(r.properties.find(s=>s.name==="resource"))return[];const e=r.properties.find(s=>{var m;return((m=s.name)==null?void 0:m.toLowerCase())==="operation"});if(!(e!=null&&e.options))return[];const o=e.options.filter(s=>!["*",""," "].includes(s.name)).map(s=>({...ne(r),actionKey:s.value,displayName:s.action??me(s.name),description:s.description??"",displayOptions:e.displayOptions,values:{[e.name]:e.type==="multiOptions"?[s.value]:s.value}}));return o.length===0?[]:o}function Ct(r){var v,d;const e=["event","events","trigger on"],l=(v=r.displayName)==null?void 0:v.toLowerCase().includes("trigger"),o=r.properties.find(t=>{var i;return e.includes((i=t.displayName)==null?void 0:i.toLowerCase())});if(!l)return[];if(!(o!=null&&o.options))return[{...ne(r),actionKey:je,displayName:x("nodeCreator.actionsCategory.onNewEvent",{interpolate:{event:r.displayName.replace("Trigger","").trimEnd()}}),description:""}];const s=o.options.filter(t=>!["*",""," "].includes(t.name));return((d=ve[r.name])==null?void 0:d.call(ve,o,r))??s.map(t=>({...ne(r),actionKey:t.value,displayName:t.action??x("nodeCreator.actionsCategory.onEvent",{interpolate:{event:me(t.name)}}),description:t.description||"",displayOptions:o.displayOptions,values:{[o.name]:o.type==="multiOptions"?[t.value]:t.value}}))}function It(r){const e=[];return r.properties.filter(o=>{var s;return((s=o.displayName)==null?void 0:s.toLowerCase())==="resource"}).forEach(o=>{(o.options||[]).filter(s=>s.value!==ie).forEach((s,m,_)=>{const v=_.length===1,d=r.properties.find(i=>{var D,p,n,T,N;const k=i.name==="operation",c=((n=(p=(D=i.displayOptions)==null?void 0:D.show)==null?void 0:p.resource)==null?void 0:n.includes(s.value))||v,a=(N=(T=i.displayOptions)==null?void 0:T.show)==null?void 0:N["@version"],b=Array.isArray(r.version)?r.version:[r.version],$=a?a.some(u=>b.includes(u)):!0;return k&&c&&$});if(!(d!=null&&d.options))return;const t=(d.options||[]).map(i=>{var a;const k=i.action??`${s.name} ${me(i.name)}`,c=v?{show:{resource:[(a=_[0])==null?void 0:a.value]}}:d==null?void 0:d.displayOptions;return{...ne(r,`${s.name} ${x("nodeCreator.actionsCategory.actions")}`),actionKey:i.value,description:(i==null?void 0:i.description)??"",displayOptions:c,values:{operation:(d==null?void 0:d.type)==="multiOptions"?[i.value]:i.value},displayName:k,group:["trigger"]}});e.push(...t)})}),e}function Nt(){function r(s){return s?[...Ct(s),...kt(s),...It(s)]:[]}function e(s){return s.length<=1?[]:s.filter((m,_,v)=>{if(m.actionKey===ie)return!1;const t=m.actionKey===je;return!t||t&&v.length>1})}function l(s){const{displayName:m,defaults:_,description:v,name:d,group:t,icon:i,iconUrl:k,badgeIconUrl:c,outputs:a,codex:b}=s;return{displayName:m,defaults:_,description:v,name:d,group:t,icon:i,iconUrl:k,badgeIconUrl:c,outputs:a,codex:b}}function o(s,m){const _=[...s],v={},d=[];return _.filter(t=>!t.group.includes("trigger")).forEach(t=>{const i=r(t);if(v[t.name]=i,t.name===re){const k=m.map(c=>l(Je(t,c)));d.push(...k)}d.push(l(t))}),_.filter(t=>t.group.includes("trigger")).forEach(t=>{const i=t.name.replace("Trigger",""),k=r(t),c=(v==null?void 0:v[i])||[],a=d.find(b=>b.name===i);if(a&&(c==null?void 0:c.length)>0){const b=e([...c,...k]);v[i]=b,a.description=t.description}else v[t.name]=e(k),d.push(l(t))}),{actions:v,mergedNodes:d}}return{generateMergedNodesAndActions:o}}const St=["placeholder","value"],At=P({__name:"SearchBar",props:{placeholder:{default:""},modelValue:{default:""}},emits:["update:modelValue"],setup(r,{expose:e,emit:l}){const o=$e({inputRef:null}),s=Qe();function m(){var t;(t=o.inputRef)==null||t.focus()}function _(t){const i=t.target;l("update:modelValue",i.value)}function v(){l("update:modelValue","")}ge(()=>{s.run("nodeCreatorSearchBar.mount",{inputRef:o.inputRef}),setTimeout(m,0)}),Pe(()=>{var t;(t=o.inputRef)==null||t.remove()});const{inputRef:d}=be(o);return e({focus:m}),(t,i)=>{const k=B("font-awesome-icon");return y(),L("div",{class:g(t.$style.searchContainer),"data-test-id":"search-bar"},[C("div",{class:g({[t.$style.prefix]:!0,[t.$style.active]:t.modelValue.length>0})},[V(k,{icon:"search",size:"sm"})],2),C("div",{class:g(t.$style.text)},[C("input",{placeholder:t.placeholder,value:t.modelValue,class:g(t.$style.input),ref_key:"inputRef",ref:d,autofocus:"","data-test-id":"node-creator-search-bar",tabindex:"0",onInput:_},null,42,St)],2),t.modelValue.length>0?(y(),L("div",{key:0,class:g(t.$style.suffix),onClick:v},[C("button",{class:g([t.$style.clear,t.$style.clickable])},[V(k,{icon:"times-circle"})],2)],2)):E("",!0)],2)}}}),Lt="_searchContainer_1wh9v_5",Et="_prefix_1wh9v_21",Rt="_active_1wh9v_26",Vt="_text_1wh9v_30",Mt="_suffix_1wh9v_46",Ot="_clear_1wh9v_52",Bt={searchContainer:Lt,prefix:Et,active:Rt,text:Vt,suffix:Mt,clear:Ot},Dt={$style:Bt},Pt=H(At,[["__cssModules",Dt]]),Ht=["innerHTML"],Kt=P({__name:"NodeItem",props:{nodeType:{},subcategory:{},active:{type:Boolean,default:!1}},setup(r){const e=r,l=ue(),o=Ae(),{actions:s}=Z(),{getAddedNodesAndConnections:m}=ke(),_=G(!1),v=G({x:-100,y:-100}),d=G(null),t=h(()=>e.subcategory===et&&!e.nodeType.name.startsWith(tt)?"":l.headerText({key:`headers.${b.value}.description`,fallback:e.nodeType.description})),i=h(()=>c.value),k=h(()=>c.value?"node-creator-action-item":"node-creator-node-item"),c=h(()=>a.value.length>1),a=h(()=>s[e.nodeType.name]||[]),b=h(()=>l.shortNodeType(e.nodeType.name)||""),$=h(()=>({top:`${v.value.y}px`,left:`${v.value.x}px`})),D=h(()=>ot(e.nodeType.name)),p=h(()=>{const f=e.nodeType.displayName.trimEnd();return l.headerText({key:`headers.${b.value}.displayName`,fallback:c.value?f.replace("Trigger",""):f})}),n=h(()=>{if(!e.nodeType.outputs||typeof e.nodeType.outputs=="string")return!1;const f=nt(e.nodeType.outputs);return f?f.filter(j=>j!==st.Main).length>0:!1}),T=h(()=>e.nodeType.group.includes("trigger")&&!c.value);function N(f){document.body.addEventListener("dragover",u);const{pageX:j,pageY:W}=f;f.dataTransfer&&(f.dataTransfer.effectAllowed="copy",f.dataTransfer.dropEffect="copy",f.dataTransfer.setDragImage(d.value,0,0),f.dataTransfer.setData(he,JSON.stringify(m([{type:e.nodeType.name}])))),_.value=!0,v.value={x:j,y:W}}function u(f){if(!_.value||f.pageX===0&&f.pageY===0)return;const[j,W]=Ye([],[f.pageX-de/2,f.pageY-de/2]);v.value={x:j,y:W}}function R(f){document.body.removeEventListener("dragover",u),_.value=!1,setTimeout(()=>{v.value={x:-100,y:-100}},300)}function O(f){f.target.localName==="a"&&o.track("user clicked cnr docs link",{source:"nodes panel node"})}return(f,j)=>{const W=B("n8n-node-creator-node");return y(),A(W,{draggable:!i.value,onDragstart:N,onDragend:R,class:g(f.$style.nodeItem),description:t.value,title:p.value,"show-action-arrow":i.value,"is-trigger":T.value,"data-test-id":k.value},le({icon:I(()=>[n.value?(y(),L("div",{key:0,class:g(f.$style.subNodeBackground)},null,2)):E("",!0),V(ce,{class:g(f.$style.nodeIcon),nodeType:f.nodeType},null,8,["class","nodeType"])]),dragContent:I(()=>[C("div",{class:g(f.$style.draggableDataTransfer),ref_key:"draggableDataTransfer",ref:d},null,2),Ke(C("div",{class:g(f.$style.draggable),style:Te($.value)},[V(ce,{nodeType:f.nodeType,onClickCapture:j[0]||(j[0]=ye(()=>{},["stop"])),size:40,shrink:!1},null,8,["nodeType"])],6),[[He,_.value]])]),_:2},[D.value?{name:"tooltip",fn:I(()=>[C("p",{class:g(f.$style.communityNodeIcon),innerHTML:z(l).baseText("generic.communityNode.tooltip",{interpolate:{packageName:f.nodeType.name.split(".")[0],docURL:z(at)}}),onClick:O},null,10,Ht)]),key:"0"}:void 0]),1032,["draggable","class","description","title","show-action-arrow","is-trigger","data-test-id"])}}}),zt="_nodeItem_da0t4_5",Ut="_nodeIcon_da0t4_13",Wt="_subNodeBackground_da0t4_17",Yt="_communityNodeIcon_da0t4_27",jt="_draggable_da0t4_31",qt="_draggableDataTransfer_da0t4_45",Ft={nodeItem:zt,nodeIcon:Ut,subNodeBackground:Wt,communityNodeIcon:Yt,draggable:jt,draggableDataTransfer:qt},Gt={$style:Ft},Xt=H(Kt,[["__cssModules",Gt]]),Zt=P({__name:"SubcategoryItem",props:{item:{}},setup(r){const e=r,l=ue(),o=h(()=>We(e.item.subcategory||e.item.title));return(s,m)=>{const _=B("n8n-node-icon"),v=B("n8n-node-creator-node");return y(),A(v,{class:g(s.$style.subCategory),title:z(l).baseText(`nodeCreator.subcategoryNames.${o.value}`),isTrigger:!1,description:z(l).baseText(`nodeCreator.subcategoryDescriptions.${o.value}`),showActionArrow:!0},{icon:I(()=>[V(_,oe({type:"icon",name:s.item.icon,circle:!1,showTooltip:!1},s.item.iconProps),null,16,["name"])]),_:1},8,["class","title","description"])}}}),xt="_subCategory_1js79_5",Jt={subCategory:xt},Qt={$style:Jt},eo=H(Zt,[["__cssModules",Qt]]),to=["textContent"],oo=P({__name:"LabelItem",props:{item:{}},setup(r){return(e,l)=>(y(),L("div",{class:g(e.$style.label)},[C("span",{class:g(e.$style.name),textContent:Y(e.item.key)},null,10,to)],2))}}),no="_label_92wv5_5",so={label:no},ao={$style:so},ro=H(oo,[["__cssModules",ao]]),io=P({__name:"ActionItem",props:{nodeType:{},action:{}},setup(r){const e=r,l=we(),o=l==null?void 0:l.proxy.$telemetry,{getActionData:s,getAddedNodesAndConnections:m,setAddedNodeActionParameters:_}=ke(),{activeViewStack:v}=M(),d=$e({dragging:!1,draggablePosition:{x:-100,y:-100},storeWatcher:null,draggableDataTransfer:null}),t=h(()=>({top:`${d.draggablePosition.y}px`,left:`${d.draggablePosition.x}px`})),i=h(()=>s(e.action)),k=p=>{var n;return((n=p.name)==null?void 0:n.toLowerCase().includes("trigger"))||p.name===Le};function c(p){document.body.addEventListener("dragover",a);const{pageX:n,pageY:T}=p;p.dataTransfer&&i.value.key&&(p.dataTransfer.effectAllowed="copy",p.dataTransfer.dropEffect="copy",p.dataTransfer.setDragImage(d.draggableDataTransfer,0,0),p.dataTransfer.setData(he,JSON.stringify(m([{type:i.value.key}]))),o&&(d.storeWatcher=_(i.value,o,v.rootView)),document.body.addEventListener("dragend",b)),d.dragging=!0,d.draggablePosition={x:n,y:T}}function a(p){if(!d.dragging||p.pageX===0&&p.pageY===0)return;const[n,T]=Ye([],[p.pageX-de/2,p.pageY-de/2]);d.draggablePosition={x:n,y:T}}function b(p){d.storeWatcher&&d.storeWatcher(),document.body.removeEventListener("dragend",b),document.body.removeEventListener("dragover",a),d.dragging=!1,setTimeout(()=>{d.draggablePosition={x:-100,y:-100}},300)}const{draggableDataTransfer:$,dragging:D}=be(d);return(p,n)=>{const T=B("n8n-node-creator-node");return y(),A(T,{onDragstart:c,onDragend:b,draggable:"",class:g(p.$style.action),title:p.action.displayName,isTrigger:k(p.action),"data-keyboard-nav":"true"},{dragContent:I(()=>[C("div",{class:g(p.$style.draggableDataTransfer),ref_key:"draggableDataTransfer",ref:$},null,2),Ke(C("div",{class:g(p.$style.draggable),style:Te(t.value)},[V(ce,{nodeType:p.nodeType,onClickCapture:n[0]||(n[0]=ye(()=>{},["stop"])),size:40,shrink:!1},null,8,["nodeType"])],6),[[He,z(D)]])]),icon:I(()=>[V(ce,{nodeType:p.action},null,8,["nodeType"])]),_:1},8,["class","title","isTrigger"])}}}),lo="_action_vsx3h_5",co="_nodeIcon_vsx3h_17",uo="_draggable_vsx3h_21",po="_draggableDataTransfer_vsx3h_35",go={action:lo,nodeIcon:co,draggable:uo,draggableDataTransfer:po},yo={$style:go},mo=H(io,[["__cssModules",yo]]),fo=P({__name:"ViewItem",props:{view:{}},setup(r){return(e,l)=>{const o=B("n8n-node-icon"),s=B("n8n-node-creator-node");return y(),A(s,{class:g(e.$style.view),title:e.view.title,isTrigger:!1,description:e.view.description,showActionArrow:!0},{icon:I(()=>[V(o,{type:"icon",name:e.view.icon,circle:!1,showTooltip:!1},null,8,["name"])]),_:1},8,["class","title","description"])}}}),vo="_view_5t09j_5",_o={view:vo},ho={$style:_o},$o=H(fo,[["__cssModules",ho]]),bo=["data-keyboard-nav-type","data-keyboard-nav-id","onClick"],To={key:0},wo=20,ko=5,Co=P({__name:"ItemsRenderer",props:{elements:{default:()=>[]},activeIndex:{},disabled:{type:Boolean},lazyRender:{type:Boolean,default:!0}},emits:["selected","dragstart","dragend"],setup(r,{emit:e}){const l=r,o=G([]),s=G(0),m=h(()=>{var c;return(c=q())==null?void 0:c.activeItemId});function _(){if(l.elements.length<=wo||!l.lazyRender){o.value=l.elements;return}o.value.length<l.elements.length&&(o.value.push(...l.elements.slice(o.value.length,o.value.length+ko)),s.value=window.requestAnimationFrame(_))}function v(c,a,b){l.disabled||e(c,a,b)}function d(c){c.style.height="0"}function t(c){c.style.height=`${c.scrollHeight}px`}function i(c){c.style.height=`${c.scrollHeight}px`}function k(c){c.style.height="0"}return ge(()=>{_()}),ze(()=>{window.cancelAnimationFrame(s.value),o.value=[]}),X(()=>l.elements,()=>{window.cancelAnimationFrame(s.value),o.value=[],_()}),(c,a)=>{const b=B("n8n-loading");return c.elements.length>0?(y(),L("div",{key:0,class:g(c.$style.itemsRenderer),name:"accordion",onBeforeEnter:d,onEnter:t,onBeforeLeave:i,onLeave:k},[F(c.$slots,"default"),(y(!0),L(yt,null,mt(c.elements,$=>(y(),L("div",{key:$.uuid,"data-test-id":"item-iterator-item",class:g({clickable:!c.disabled,[c.$style.active]:m.value===$.uuid,[c.$style.iteratorItem]:!0,[c.$style[$.type]]:!0}),ref_for:!0,ref:"iteratorItems","data-keyboard-nav-type":$.type!=="label"?$.type:void 0,"data-keyboard-nav-id":$.uuid,onClick:D=>v("selected",$)},[o.value.includes($)?(y(),L("div",To,[$.type==="label"?(y(),A(ro,{key:0,item:$},null,8,["item"])):E("",!0),$.type==="subcategory"?(y(),A(eo,{key:1,item:$.properties},null,8,["item"])):E("",!0),$.type==="node"?(y(),A(Xt,{key:2,nodeType:$.properties,active:!0,subcategory:$.subcategory},null,8,["nodeType","subcategory"])):E("",!0),$.type==="action"?(y(),A(mo,{key:3,nodeType:$.properties,action:$.properties,active:!0},null,8,["nodeType","action"])):$.type==="view"?(y(),A($o,{key:4,view:$.properties,class:g(c.$style.viewItem)},null,8,["view","class"])):E("",!0)])):(y(),A(b,{key:1,loading:!0,rows:1,variant:"p",class:g(c.$style.itemSkeleton)},null,8,["class"]))],10,bo))),128))],34)):(y(),L("div",{key:1,class:g(c.$style.empty)},[F(c.$slots,"empty")],2))}}}),Io="_itemSkeleton_mfosb_5",No="_iteratorItem_mfosb_9",So="_label_mfosb_21",Ao="_category_mfosb_21",Lo="_active_mfosb_24",Eo="_empty_mfosb_28",Ro="_itemsRenderer_mfosb_32",Vo="_view_mfosb_41",Mo={itemSkeleton:Io,iteratorItem:No,label:So,category:Ao,active:Lo,empty:Eo,itemsRenderer:Ro,view:Vo},Oo={$style:Mo},Ce=H(Co,[["__cssModules",Oo]]),Bo=["textContent"],Do=P({__name:"CategoryItem",props:{expanded:{type:Boolean,default:!0},active:{type:Boolean},count:{},name:{},isTrigger:{type:Boolean}},setup(r){const e=r,l=h(()=>{const o=e.count||0;return o>0?`${e.name} (${o})`:e.name});return(o,s)=>{const m=B("font-awesome-icon");return y(),L("div",oe({class:o.$style.categoryWrapper},o.$attrs,{"data-keyboard-nav":"true","data-test-id":"node-creator-category-item"}),[C("div",{class:g({[o.$style.category]:!0,[o.$style.active]:o.active})},[C("span",{class:g(o.$style.name)},[C("span",{textContent:Y(l.value)},null,8,Bo),o.isTrigger?(y(),A(m,{key:0,icon:"bolt",size:"xs",class:g(o.$style.triggerIcon)},null,8,["class"])):E("",!0),F(o.$slots,"default")],2),o.expanded?(y(),A(m,{key:0,icon:"chevron-down",class:g(o.$style.arrow)},null,8,["class"])):(y(),A(m,{key:1,class:g(o.$style.arrow),icon:"chevron-up"},null,8,["class"]))],2)],16)}}}),Po="_triggerIcon_jzfdi_5",Ho="_category_jzfdi_10",Ko="_active_jzfdi_31",zo="_name_jzfdi_35",Uo="_arrow_jzfdi_40",Wo={triggerIcon:Po,category:Ho,active:Ko,name:zo,arrow:Uo},Yo={$style:Wo},jo=H(Do,[["__cssModules",Yo]]),qo=["data-category-collapsed"],Fo=["innerHTML"],Go=P({__name:"CategorizedItemsRenderer",props:{elements:{default:()=>[]},category:{},disabled:{type:Boolean},activeIndex:{},isTriggerCategory:{type:Boolean},mouseOverTooltip:{},expanded:{type:Boolean}},setup(r){const e=r,l=we(),{popViewStack:o}=M(),{registerKeyHook:s}=q(),{workflowId:m}=rt(),_=h(()=>{var a;return(a=q())==null?void 0:a.activeItemId}),v=h(()=>e.elements.filter(({type:a})=>a==="action").length),d=G(e.expanded??!1);function t(){i(!d.value)}function i(a){d.value=a,d.value&&(l==null||l.proxy.$telemetry.trackNodesPanel("nodeCreateList.onCategoryExpanded",{category_name:e.category,workflow_id:m}))}function k(){d.value||i(!0)}function c(){if(!d.value){o();return}i(!1)}return X(()=>e.elements,()=>{i(!0)}),s(`CategoryRight_${e.category}`,{keyboardKeys:["ArrowRight"],condition:(a,b)=>a==="category"&&e.category===b,handler:k}),s(`CategoryToggle_${e.category}`,{keyboardKeys:["Enter"],condition:(a,b)=>a==="category"&&e.category===b,handler:t}),s(`CategoryLeft_${e.category}`,{keyboardKeys:["ArrowLeft"],condition:(a,b)=>a==="category"&&e.category===b,handler:c}),(a,b)=>{const $=B("n8n-icon"),D=B("n8n-tooltip");return y(),L("div",{class:g(a.$style.categorizedItemsRenderer),"data-category-collapsed":!d.value},[V(jo,{class:g(a.$style.categoryItem),name:a.category,disabled:a.disabled,active:_.value===a.category,count:v.value,expanded:d.value,isTrigger:a.isTriggerCategory,"data-keyboard-nav-type":"category","data-keyboard-nav-id":a.category,onClick:t},{default:I(()=>[a.mouseOverTooltip?(y(),L("span",{key:0,class:g(a.$style.mouseOverTooltip)},[V(D,{placement:"top","popper-class":a.$style.tooltipPopper},{content:I(()=>[C("div",{innerHTML:a.mouseOverTooltip},null,8,Fo)]),default:I(()=>[V($,{icon:"question-circle",size:"small"})]),_:1},8,["popper-class"])],2)):E("",!0)]),_:1},8,["class","name","disabled","active","count","expanded","isTrigger","data-keyboard-nav-id"]),d.value&&v.value>0&&a.$slots.default?(y(),L("div",{key:0,class:g(a.$style.contentSlot)},[F(a.$slots,"default")],2)):E("",!0),d.value?(y(),A(Ce,oe({key:1},a.$attrs,{elements:a.elements,isTrigger:a.isTriggerCategory}),{default:I(()=>[]),empty:I(()=>[F(a.$slots,"empty",Ue(ft({elements:a.elements})))]),_:3},16,["elements","isTrigger"])):E("",!0)],10,qo)}}}),Xo="_mouseOverTooltip_omnnb_5",Zo="_categorizedItemsRenderer_omnnb_13",xo="_tooltipPopper_omnnb_17",Jo="_contentSlot_omnnb_21",Qo={mouseOverTooltip:Xo,categorizedItemsRenderer:Zo,tooltipPopper:xo,contentSlot:Jo},en={$style:Qo},_e=H(Go,[["__cssModules",en]]),tn=["innerHTML"],on=["innerHTML"],nn=["innerHTML"],sn=["innerHTML"],an=["onClick","innerHTML"],rn=P({__name:"ActionsMode",emits:{nodeTypeSelected:r=>!0},setup(r,{emit:e}){const l=we(),o=l==null?void 0:l.proxy.$telemetry,{userActivated:s}=it(),{popViewStack:m,updateCurrentViewStack:_}=M(),{registerKeyHook:v}=q(),{getNodeTypesWithManualTrigger:d,setAddedNodeActionParameters:t,getActionData:i,getPlaceholderTriggerActions:k,parseCategoryActions:c,actionsCategoryLocales:a}=ke(),b=h(()=>se(T.value,a.value.triggers,!1)),$=h(()=>se(T.value,a.value.actions,!N.value)),D=h(()=>se(M().activeViewStack.baselineItems||[],a.value.triggers,!1)),p=h(()=>se(M().activeViewStack.baselineItems||[],a.value.actions,!N.value)),n=h(()=>b.value.length||N.value?a.value.triggers:`${a.value.triggers} (${O.length})`),T=h(()=>(M().activeViewStack.items||[]).filter(w=>w.properties.actionKey!==ie)),N=h(()=>M().activeViewStack.search),u=h(()=>M().activeViewStack.subcategory),R=h(()=>M().activeViewStack.rootView),O=k(u.value||""),f=h(()=>c(M().activeViewStack.baselineItems||[],a.value.triggers,!N.value).length===0),j=h(()=>(M().activeViewStack.baselineItems||[]).some(K=>(K.properties.actionKey??"")===ie)),W=h(()=>R.value===te);v("ActionsKeyRight",{keyboardKeys:["ArrowRight","Enter"],condition:w=>w==="action",handler:Fe}),v("ActionsKeyLeft",{keyboardKeys:["ArrowLeft"],condition:w=>w==="action",handler:qe});function se(w,S,K=!1){return c(w,S,K)}function qe(){m()}function Fe(w){const K=[...T.value,...O].find(U=>U.uuid===w);K&&ae(K)}function ae(w){const S=i(w.properties);if(O.some(U=>U.key===w.key)&&W.value){const U=T.value[0].key;e("nodeTypeSelected",[S.key,U])}else e("nodeTypeSelected",[S.key]);o&&t(S,o,R.value)}function Ge(){var J,Q,Ne;const w=M().activeViewStack,S=(J=w.baselineItems||[])==null?void 0:J.filter(fe=>fe.key.toLowerCase().includes("trigger")).length,U={app_identifier:[...T.value,...O][0].key,actions:(Q=w.baselineItems||[])==null?void 0:Q.map(fe=>fe.properties.displayName),regular_action_count:((Ne=w.baselineItems||[])==null?void 0:Ne.length)-S,trigger_action_count:S};Se("nodeCreateList.onViewActions",U),o==null||o.trackNodesPanel("nodeCreateList.onViewActions",U)}function Ie(){_({search:""})}function Xe(){const w={name:"",key:re,value:{authentication:"predefinedCredentialType"}};e("nodeTypeSelected",[re]),o&&t(w);const S=T.value[0].key;Se("nodeCreateList.onActionsCustmAPIClicked",{app_identifier:S}),o==null||o.trackNodesPanel("nodeCreateList.onActionsCustmAPIClicked",{app_identifier:S})}const Ze=P({props:{rootView:{type:String}},setup(w,{slots:S}){return()=>{var K,U,J,Q;return vt("div",{},w.rootView===pe?[(K=S.actions)==null?void 0:K.call(S),(U=S.triggers)==null?void 0:U.call(S)]:[(J=S.triggers)==null?void 0:J.call(S),(Q=S.actions)==null?void 0:Q.call(S)])}}});return ge(()=>{Ge()}),(w,S)=>{const K=B("n8n-callout"),U=B("n8n-info-tip");return y(),L("div",{class:g(w.$style.container)},[V(z(Ze),{rootView:R.value},le({_:2},[W.value||D.value.length!==0?{name:"triggers",fn:I(()=>[V(_e,{elements:b.value,category:n.value,mouseOverTooltip:w.$locale.baseText("nodeCreator.actionsTooltip.triggersStartWorkflow"),isTriggerCategory:"",expanded:W.value||$.value.length===0,onSelected:ae},le({_:2},[f.value?{name:"empty",fn:I(()=>[f.value?(y(),A(K,{key:0,theme:"info",iconless:"",slim:"","data-test-id":"actions-panel-no-triggers-callout"},{default:I(()=>[C("span",{innerHTML:w.$locale.baseText("nodeCreator.actionsCallout.noTriggerItems",{interpolate:{nodeName:u.value}})},null,8,tn)]),_:1})):E("",!0),V(Ce,{onSelected:ae,elements:z(O)},null,8,["elements"])]),key:"0"}:{name:"empty",fn:I(()=>[C("p",{class:g(w.$style.resetSearch),innerHTML:w.$locale.baseText("nodeCreator.actionsCategory.noMatchingTriggers"),onClick:Ie},null,10,["innerHTML"])]),key:"1"}]),1032,["elements","category","mouseOverTooltip","expanded"])]),key:"0"}:void 0,!W.value||p.value.length!==0?{name:"actions",fn:I(()=>[V(_e,{elements:$.value,category:z(a).actions,mouseOverTooltip:w.$locale.baseText("nodeCreator.actionsTooltip.actionsPerformStep"),expanded:!W.value||b.value.length===0,onSelected:ae},{empty:I(()=>[N.value?(y(),L("p",{key:1,class:g(w.$style.resetSearch),innerHTML:w.$locale.baseText("nodeCreator.actionsCategory.noMatchingActions"),onClick:Ie,"data-test-id":"actions-panel-no-matching-actions"},null,10,sn)):(y(),A(U,{key:0,theme:"info",type:"note",class:g(w.$style.actionsEmpty)},{default:I(()=>[C("span",{innerHTML:w.$locale.baseText("nodeCreator.actionsCallout.noActionItems",{interpolate:{nodeName:u.value}})},null,8,nn)]),_:1},8,["class"]))]),default:I(()=>[!z(s)&&W.value?(y(),A(K,{key:0,theme:"info",iconless:"",slim:"","data-test-id":"actions-panel-activation-callout"},{default:I(()=>[C("span",{innerHTML:w.$locale.baseText("nodeCreator.actionsCallout.triggersStartWorkflow")},null,8,on)]),_:1})):E("",!0)]),_:1},8,["elements","category","mouseOverTooltip","expanded"])]),key:"1"}:void 0]),1032,["rootView"]),j.value?(y(),L("div",{key:0,class:g(w.$style.apiHint)},[C("span",{onClick:ye(Xe,["prevent"]),innerHTML:w.$locale.baseText("nodeCreator.actionsList.apiCall",{interpolate:{node:u.value}})},null,8,an)],2)):E("",!0)],2)}}}),ln="_container_1tz2w_5",cn="_resetSearch_1tz2w_11",dn="_actionsEmpty_1tz2w_25",un="_apiHint_1tz2w_33",pn={container:ln,resetSearch:cn,actionsEmpty:dn,apiHint:un},gn={$style:pn},yn=H(rn,[["__cssModules",gn]]),mn={},fn={width:"75px",height:"75px",viewBox:"0 0 75 75",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},vn=_t('<title>no-nodes-keyart</title><g id="Nodes-panel-prototype-V2.1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="nodes-panel-(component)" transform="translate(-2085.000000, -352.000000)"><g id="nodes_panel" transform="translate(1880.000000, 151.000000)"><g id="Panel" transform="translate(50.000000, 0.000000)"><g id="Group-3" transform="translate(105.000000, 171.000000)"><g id="no-nodes-keyart" transform="translate(50.000000, 30.000000)"><rect id="Rectangle" x="0" y="0" width="75" height="75"></rect><g id="Group" transform="translate(6.562500, 8.164062)" fill="#C4C8D1" fill-rule="nonzero"><polygon id="Rectangle" transform="translate(49.192016, 45.302553) rotate(-45.000000) translate(-49.192016, -45.302553) " points="44.5045606 32.0526802 53.8794707 32.0526802 53.8794707 58.5524261 44.5045606 58.5524261"></polygon><path d="M48.125,23.0859375 C54.15625,23.0859375 59.0625,18.1796875 59.0625,12.1484375 C59.0625,10.3359375 58.5625,8.6484375 57.78125,7.1484375 L49.34375,15.5859375 L44.6875,10.9296875 L53.125,2.4921875 C51.625,1.7109375 49.9375,1.2109375 48.125,1.2109375 C42.09375,1.2109375 37.1875,6.1171875 37.1875,12.1484375 C37.1875,13.4296875 37.4375,14.6484375 37.84375,15.7734375 L32.0625,21.5546875 L26.5,15.9921875 L28.71875,13.7734375 L24.3125,9.3671875 L30.9375,2.7421875 C27.28125,-0.9140625 21.34375,-0.9140625 17.6875,2.7421875 L6.625,13.8046875 L11.03125,18.2109375 L2.21875,18.2109375 L1.38777878e-15,20.4296875 L11.0625,31.4921875 L13.28125,29.2734375 L13.28125,20.4296875 L17.6875,24.8359375 L19.90625,22.6171875 L25.46875,28.1796875 L2.3125,51.3359375 L8.9375,57.9609375 L44.5,22.4296875 C45.625,22.8359375 46.84375,23.0859375 48.125,23.0859375 Z" id="Path"></path></g></g></g></g></g></g></g>',2),_n=[vn];function hn(r,e){return y(),L("svg",fn,_n)}const $n=H(mn,[["render",hn]]),bn=["textContent"],Tn=["textContent"],wn=P({__name:"NoResults",props:{showIcon:{type:Boolean},showRequest:{type:Boolean},rootView:{}},setup(r){return(e,l)=>{const o=B("n8n-link"),s=B("font-awesome-icon");return y(),L("div",{class:g({[e.$style.noResults]:!0,[e.$style.iconless]:!e.showIcon}),"data-test-id":"node-creator-no-results"},[e.showIcon?(y(),L("div",{key:0,class:g(e.$style.icon)},[V($n)],2)):E("",!0),C("div",{class:g(e.$style.title)},[F(e.$slots,"title"),C("p",{textContent:Y(e.$locale.baseText("nodeCreator.noResults.weDidntMakeThatYet"))},null,8,bn),C("div",{class:g(e.$style.action)},[ee(Y(e.$locale.baseText("nodeCreator.noResults.dontWorryYouCanProbablyDoItWithThe"))+" ",1),e.rootView===z(pe)?(y(),A(o,{key:0,onClick:l[0]||(l[0]=m=>e.$emit("addHttpNode"))},{default:I(()=>[ee(Y(e.$locale.baseText("nodeCreator.noResults.httpRequest")),1)]),_:1})):E("",!0),e.rootView===z(te)?(y(),A(o,{key:1,onClick:l[1]||(l[1]=m=>e.$emit("addWebhookNode"))},{default:I(()=>[ee(Y(e.$locale.baseText("nodeCreator.noResults.webhook")),1)]),_:1})):E("",!0),ee(" "+Y(e.$locale.baseText("nodeCreator.noResults.node")),1)],2)],2),e.showRequest?(y(),L("div",{key:1,class:g(e.$style.request)},[C("p",{textContent:Y(e.$locale.baseText("nodeCreator.noResults.wantUsToMakeItFaster"))},null,8,Tn),C("div",null,[V(o,{to:z(lt)},{default:I(()=>[C("span",null,Y(e.$locale.baseText("nodeCreator.noResults.requestTheNode")),1),ee("  "),C("span",null,[V(s,{class:g(e.$style.external),icon:"external-link-alt",title:e.$locale.baseText("nodeCreator.noResults.requestTheNode")},null,8,["class","title"])])]),_:1},8,["to"])])],2)):E("",!0)],2)}}}),kn="_noResults_1jje6_5",Cn="_title_1jje6_18",In="_action_1jje6_27",Nn="_request_1jje6_28",Sn="_icon_1jje6_44",An="_external_1jje6_50",Ln={noResults:kn,title:Cn,action:In,request:Nn,icon:Sn,external:An},En={$style:Ln},Rn=H(wn,[["__cssModules",En]]),Vn=P({__name:"NodesMode",emits:{nodeTypeSelected:r=>!0},setup(r,{emit:e}){const l=ue(),o=Ae(),{mergedNodes:s,actions:m}=Z(),{baseUrl:_}=ct(),{pushViewStack:v,popViewStack:d}=M(),{registerKeyHook:t}=q(),i=h(()=>M().activeViewStack),k=h(()=>M().globalSearchItemsDiff);function c(n){e("nodeTypeSelected",n)}function a(n){var T,N;if(n.type==="subcategory"){const u=We(n.properties.title),R=l.baseText(`nodeCreator.subcategoryNames.${u}`);v({subcategory:n.key,title:R,mode:"nodes",...n.properties.icon?{nodeIcon:{icon:n.properties.icon,iconType:"icon"}}:{},...n.properties.panelClass?{panelClass:n.properties.panelClass}:{},rootView:i.value.rootView,forceIncludeNodes:n.properties.forceIncludeNodes,baseFilter:$,itemsMapper:b}),o.trackNodesPanel("nodeCreateList.onSubcategorySelected",{subcategory:n.key})}if(n.type==="node"){const u=(m==null?void 0:m[n.key])||[];if(u.length<=1){c([n.key]);return}const R=n.properties.iconUrl?`${_}${n.properties.iconUrl}`:(T=n.properties.icon)==null?void 0:T.split(":")[1],O=u==null?void 0:u.map(f=>gt(f,n.properties.displayName,"action"));v({subcategory:n.properties.displayName,title:n.properties.displayName,nodeIcon:{color:((N=n.properties.defaults)==null?void 0:N.color)||"",icon:R,iconType:n.properties.iconUrl?"file":"icon"},rootView:i.value.rootView,hasSearch:!0,mode:"actions",items:O})}if(n.type==="view"){const u={[te]:Ve,[pe]:Me,[Ee]:Oe,[Re]:Be},R=n.key,O=u[R];if(!O){console.warn(`No view found for ${R}`);return}const f=O(s);v({title:f.title,subtitle:(f==null?void 0:f.subtitle)??"",info:(f==null?void 0:f.info)??"",items:f.items,hasSearch:!0,rootView:f.value,mode:"nodes",searchItems:s})}}function b(n){var R,O;if(n.type!=="node")return n;const T=n.properties.group.includes("trigger"),u=((m==null?void 0:m[n.key])||[]).length>0;return T&&u&&((R=n.properties)!=null&&R.codex&&(n.properties.codex.alias=[...((O=n.properties.codex)==null?void 0:O.alias)||[],n.properties.displayName]),n.properties.displayName=n.properties.displayName.replace(" Trigger","")),n}function $(n){if(n.type!=="node")return!1;const T=n.properties.group.includes("trigger"),u=((m==null?void 0:m[n.key])||[]).length>0;return i.value.rootView===te?u||T:u||!T}function D(){d()}function p(n){const N=[...i.value.items||[],...k.value||[]].find(u=>u.uuid===n);N&&a(N)}return t("MainViewArrowRight",{keyboardKeys:["ArrowRight","Enter"],condition:n=>["subcategory","node","view"].includes(n),handler:p}),t("MainViewArrowLeft",{keyboardKeys:["ArrowLeft"],condition:n=>["subcategory","node","view"].includes(n),handler:D}),(n,T)=>(y(),L("span",null,[V(Ce,{elements:i.value.items,onSelected:a,class:g(n.$style.items)},le({_:2},[(i.value.items||[]).length===0&&k.value.length===0?{name:"empty",fn:I(()=>[V(Rn,{rootView:i.value.rootView,showIcon:"",showRequest:"",onAddWebhookNode:T[0]||(T[0]=N=>c([z(Le)])),onAddHttpNode:T[1]||(T[1]=N=>c([z(re)]))},null,8,["rootView"])]),key:"0"}:void 0]),1032,["elements","class"]),k.value.length>0?(y(),A(_e,{key:0,elements:k.value,category:n.$locale.baseText("nodeCreator.categoryNames.otherCategories"),onSelected:a},null,8,["elements","category"])):E("",!0)]))}}),Mn="_items_1t7lf_5",On={items:Mn},Bn={$style:On},Dn=H(Vn,[["__cssModules",Bn]]),Pn=["textContent"],Hn=["textContent"],Kn=P({__name:"NodesListPanel",setup(r){const e=ue(),{mergedNodes:l}=Z(),{pushViewStack:o,popViewStack:s,updateCurrentViewStack:m}=M(),{setActiveItemIndex:_,attachKeydownEvent:v,detachKeydownEvent:d}=q(),t=h(()=>M().activeViewStack),i=h(()=>M().viewStacks),k=h(()=>M().activeViewStackMode==="actions"),c=h(()=>k.value?e.baseText("nodeCreator.actionsCategory.searchActions",{interpolate:{node:t.value.title}}):e.baseText("nodeCreator.searchBar.searchNodes")),a=h(()=>Z().selectedView);function b(p){t.value.uuid&&(m({search:p}),_(t.value.activeIndex??0))}function $(){const p=t.value.mode==="actions"?1:0;_(t.value.activeIndex||0||p)}ge(()=>{v(),_(t.value.activeIndex??0)}),ze(()=>{d()}),X(()=>a.value,p=>{const n={[te]:Ve,[pe]:Me,[Ee]:Oe,[Re]:Be},T=p,N=n[T];if(!N){console.warn(`No view found for ${T}`);return}const u=N(l);o({title:u.title,subtitle:(u==null?void 0:u.subtitle)??"",items:u.items,info:u.info,hasSearch:!0,mode:"nodes",rootView:p,searchItems:l})},{immediate:!0});function D(){s()}return(p,n)=>{const T=B("font-awesome-icon"),N=B("n8n-node-icon"),u=B("n8n-notice");return i.value.length>0?(y(),A(De,{key:0,name:`panel-slide-${t.value.transitionDirection}`,onAfterLeave:$},{default:I(()=>[(y(),L("aside",{class:g([p.$style.nodesListPanel,t.value.panelClass]),onKeydownCapture:n[0]||(n[0]=ye(()=>{},["stop"])),key:`${t.value.uuid}`},[C("header",{class:g({[p.$style.header]:!0,[p.$style.hasBg]:!t.value.subtitle,"nodes-list-panel-header":!0}),"data-test-id":"nodes-list-header"},[C("div",{class:g(p.$style.top)},[i.value.length>1&&!t.value.preventBack?(y(),L("button",{key:0,class:g(p.$style.backButton),onClick:D},[V(T,{class:g(p.$style.backButtonIcon),icon:"arrow-left",size:"2x"},null,8,["class"])],2)):E("",!0),t.value.nodeIcon?(y(),A(N,{key:1,class:g(p.$style.nodeIcon),type:t.value.nodeIcon.iconType||"unknown",src:t.value.nodeIcon.icon,name:t.value.nodeIcon.icon,color:t.value.nodeIcon.color,circle:!1,showTooltip:!1,size:20},null,8,["class","type","src","name","color"])):E("",!0),t.value.title?(y(),L("p",{key:2,class:g(p.$style.title),textContent:Y(t.value.title)},null,10,Pn)):E("",!0)],2),t.value.subtitle?(y(),L("p",{key:0,class:g({[p.$style.subtitle]:!0,[p.$style.offsetSubtitle]:i.value.length>1}),textContent:Y(t.value.subtitle)},null,10,Hn)):E("",!0)],2),t.value.hasSearch?(y(),A(Pt,{key:0,class:g(p.$style.searchBar),placeholder:c.value?c.value:p.$locale.baseText("nodeCreator.searchBar.searchNodes"),modelValue:t.value.search,"onUpdate:modelValue":b},null,8,["class","placeholder","modelValue"])):E("",!0),C("div",{class:g(p.$style.renderedItems)},[t.value.info&&!t.value.search?(y(),A(u,{key:0,class:g(p.$style.info),content:t.value.info,theme:"warning"},null,8,["class","content"])):E("",!0),k.value&&t.value.subcategory?(y(),A(yn,Ue(oe({key:1},p.$attrs)),null,16)):(y(),A(Dn,oe({key:2,rootView:a.value},p.$attrs),null,16,["rootView"]))],2)],34))]),_:1},8,["name"])):E("",!0)}}}),zn="_info_tt5pd_27",Un="_backButton_tt5pd_31",Wn="_backButtonIcon_tt5pd_38",Yn="_nodeIcon_tt5pd_44",jn="_renderedItems_tt5pd_49",qn="_searchBar_tt5pd_61",Fn="_nodesListPanel_tt5pd_65",Gn="_footer_tt5pd_83",Xn="_top_tt5pd_94",Zn="_header_tt5pd_99",xn="_hasBg_tt5pd_105",Jn="_title_tt5pd_110",Qn="_subtitle_tt5pd_120",es="_offsetSubtitle_tt5pd_128",ts={info:zn,backButton:Un,backButtonIcon:Wn,nodeIcon:Yn,renderedItems:jn,searchBar:qn,nodesListPanel:Fn,footer:Gn,top:Xn,header:Zn,hasBg:xn,title:Jn,subtitle:Qn,offsetSubtitle:es},os={$style:ts},ns=H(Kn,[["__cssModules",os]]),ss=P({__name:"NodeCreator",props:{active:{type:Boolean},onNodeTypeSelected:{type:Function}},emits:["closeNodeCreator","nodeTypeSelected"],setup(r,{emit:e}){const l=r,{resetViewStacks:o}=M(),{registerKeyHook:s}=q(),m=dt(),{setShowScrim:_,setActions:v,setMergeNodes:d}=Z(),{generateMergedNodesAndActions:t}=Nt(),i=$e({nodeCreator:null,mousedownInsideEvent:null}),k=h(()=>Z().showScrim),c=h(()=>M().viewStacks.length),a=h(()=>({top:`${m.bannersHeight+m.headerHeight}px`}));function b(){var u;if(i.mousedownInsideEvent){const R=new MouseEvent("click",{bubbles:!0,cancelable:!0});(u=i.mousedownInsideEvent.target)==null||u.dispatchEvent(R),i.mousedownInsideEvent=null,$()}}function $(){document.removeEventListener("mouseup",b),document.removeEventListener("touchstart",b)}function D(){i.mousedownInsideEvent=null,$()}function p(u){i.mousedownInsideEvent=u,document.addEventListener("mouseup",b),document.addEventListener("touchstart",b)}function n(u){u.preventDefault()}function T(u){if(!u.dataTransfer)return;const R=u.dataTransfer.getData(he),O=i.nodeCreator.getBoundingClientRect();R&&u.pageX>=O.x&&u.pageY>=O.y&&u.stopPropagation()}X(()=>l.active,u=>{u||(_(!1),o())}),X(c,u=>{u===0&&(e("closeNodeCreator"),_(!1))}),s("NodeCreatorCloseEscape",{keyboardKeys:["Escape"],handler:()=>e("closeNodeCreator")}),s("NodeCreatorCloseTab",{keyboardKeys:["Tab"],handler:()=>e("closeNodeCreator")}),X(()=>({httpOnlyCredentials:ut().httpOnlyCredentialTypes,nodeTypes:pt().visibleNodeTypes}),({nodeTypes:u,httpOnlyCredentials:R})=>{const{actions:O,mergedNodes:f}=t(u,R);v(O),d(f)},{immediate:!0});const{nodeCreator:N}=be(i);return Pe(()=>{$()}),(u,R)=>(y(),L("div",null,[C("aside",{class:g({[u.$style.nodeCreatorScrim]:!0,[u.$style.active]:k.value})},null,2),V(Tt,null,{default:I(()=>[u.active?(y(),L("div",{key:0,class:g(u.$style.nodeCreator),style:Te(a.value),ref_key:"nodeCreator",ref:N,onDragover:n,onDrop:T,onMousedown:p,onMouseup:D,"data-test-id":"node-creator"},[V(ns,{onNodeTypeSelected:u.onNodeTypeSelected},null,8,["onNodeTypeSelected"])],38)):E("",!0)]),_:1})]))}}),as="_nodeCreator_cvzgl_9",rs="_nodeCreatorScrim_cvzgl_20",is="_active_cvzgl_32",ls={nodeCreator:as,nodeCreatorScrim:rs,active:is},cs={$style:ls},Js=H(ss,[["__cssModules",cs]]);export{Js as default};
-//# sourceMappingURL=NodeCreator-_GxUysbY.js.map
+import{_ as H,n as xe,a6 as re,fz as Je,G as ie,dD as Qe,ex as et,aY as tt,bg as ot,c$ as nt,N as st,aL as at,as as ue,eW as he,aw as Ae,a3 as Le,O as rt,p as it,ey as te,x as Se,eO as pe,fA as lt,v as ct,ez as Ee,eA as Re,l as dt,R as ut,Q as pt}from"./n8n-NE7NqrvB.js";import{u as Z,b as M,c as q,t as gt,T as Ve,R as Me,A as Oe,d as Be}from"./NodeView-LzPrYfwG.js";import{G as P,l as y,M as A,O as I,H as F,W as De,Z as $e,b as ge,y as Pe,_ as be,ag as B,m as L,p as C,T as V,I as g,Q as E,r as G,e as h,a9 as le,u as z,J as Te,a2 as ye,U as He,V as Ke,K as oe,R as Y,a as we,Y as ze,d as X,F as yt,a7 as mt,al as ft,ab as Ue,af as vt,aL as _t,S as ee}from"./vendor-2CfOYFi2.js";import{m as ht,B as me,C as We}from"./lodash-es-s_m9YyW7.js";import{u as ke}from"./NodeCreation-3pcb_BwC.js";import{N as ce,m as Ye,ad as de}from"./index-sMRiWGJS.js";import"./@fortawesome/vue-fontawesome-GVmvJ_gj.js";import"./@fortawesome/fontawesome-svg-core-xYGjsix9.js";import"./esprima-next-ulPLCZ1Z.js";import"./luxon-ZRIU05qF.js";import"./pinia-IhuTtYiV.js";import"./@vueuse/core-viEZCtbZ.js";import"./flatted-jPn12Tq4.js";import"./@n8n/permissions-8yMqUF1Y.js";import"./vue-i18n-eiX0lGiQ.js";import"./uuid-McvpxQtQ.js";import"./@jsplumb/core-MKwKlGip.js";import"./@jsplumb/util-DR0SB56A.js";import"./@jsplumb/common-Q5_tv_GT.js";import"./@jsplumb/browser-ui-QL7QI0sV.js";import"./useExecutionDebugging-vYjc-e7j.js";import"./file-saver-_vO_MOS2.js";import"./vue-json-pretty-HTL9TWGq.js";import"./RunDataAi-ueFTZBht.js";import"./vue-markdown-render-Y8yswakT.js";import"./useCopyToClipboard-oKZllDWR.js";import"./copy-to-clipboard-6yTgHm0Q.js";import"./prettier-s3fE3Qyr.js";import"./codemirror-lang-html-n8n-qoVuUIQR.js";import"./@n8n/codemirror-lang-sql-zd5sOTQ9.js";import"./@lezer/common-aP6EPErF.js";import"./@jsplumb/connector-bezier-3dWY17R5.js";import"./codemirror-lang-n8n-expression-qGXLqLTr.js";import"./fast-json-stable-stringify-gO4u4slB.js";import"./timeago.js--Bumj2r9.js";import"./qrcode.vue-f7Vn5Pkq.js";import"./vue3-touch-events-_RfbPMOD.js";import"./@fortawesome/free-solid-svg-icons-KH5RR_hW.js";import"./@fortawesome/free-regular-svg-icons-ipmEYOws.js";import"./chart.js-JtqvIvkt.js";import"./workflowActivate-FonyQsS3.js";import"./collaboration.store-lUjjktP5.js";const $t=P({name:"SlideTransition"});function bt(r,e,l,o,s,m){return y(),A(De,{name:"slide"},{default:I(()=>[F(r.$slots,"default",{},void 0,!0)]),_:3})}const Tt=H($t,[["render",bt],["__scopeId","data-v-88e2114c"]]),je="placeholder_recommended";function wt(...r){return xe.baseText(...r)}const x=ht(wt,(...r)=>JSON.stringify(r)),ve={"n8n-nodes-base.hubspotTrigger":(r,e)=>{var o,s,m;const l=(o=r==null?void 0:r.options)==null?void 0:o[0];return(m=(s=l==null?void 0:l.values[0])==null?void 0:s.options)==null?void 0:m.map(_=>({...ne(e),actionKey:_.value,displayName:x("nodeCreator.actionsCategory.onEvent",{interpolate:{event:me(_.name)}}),description:_.description||"",displayOptions:r.displayOptions,values:{eventsUi:{eventValues:[{name:_.value}]}}}))}};function ne(r,e){const l=r.group.includes("trigger"),o=x(l?"nodeCreator.actionsCategory.triggers":"nodeCreator.actionsCategory.actions");return{name:r.name,group:r.group,codex:{label:e||"",categories:[o]},iconUrl:r.iconUrl,outputs:r.outputs,icon:r.icon,defaults:r.defaults}}function kt(r){if(r.properties.find(s=>s.name==="resource"))return[];const e=r.properties.find(s=>{var m;return((m=s.name)==null?void 0:m.toLowerCase())==="operation"});if(!(e!=null&&e.options))return[];const o=e.options.filter(s=>!["*",""," "].includes(s.name)).map(s=>({...ne(r),actionKey:s.value,displayName:s.action??me(s.name),description:s.description??"",displayOptions:e.displayOptions,values:{[e.name]:e.type==="multiOptions"?[s.value]:s.value}}));return o.length===0?[]:o}function Ct(r){var v,d;const e=["event","events","trigger on"],l=(v=r.displayName)==null?void 0:v.toLowerCase().includes("trigger"),o=r.properties.find(t=>{var i;return e.includes((i=t.displayName)==null?void 0:i.toLowerCase())});if(!l)return[];if(!(o!=null&&o.options))return[{...ne(r),actionKey:je,displayName:x("nodeCreator.actionsCategory.onNewEvent",{interpolate:{event:r.displayName.replace("Trigger","").trimEnd()}}),description:""}];const s=o.options.filter(t=>!["*",""," "].includes(t.name));return((d=ve[r.name])==null?void 0:d.call(ve,o,r))??s.map(t=>({...ne(r),actionKey:t.value,displayName:t.action??x("nodeCreator.actionsCategory.onEvent",{interpolate:{event:me(t.name)}}),description:t.description||"",displayOptions:o.displayOptions,values:{[o.name]:o.type==="multiOptions"?[t.value]:t.value}}))}function It(r){const e=[];return r.properties.filter(o=>{var s;return((s=o.displayName)==null?void 0:s.toLowerCase())==="resource"}).forEach(o=>{(o.options||[]).filter(s=>s.value!==ie).forEach((s,m,_)=>{const v=_.length===1,d=r.properties.find(i=>{var D,p,n,T,N;const k=i.name==="operation",c=((n=(p=(D=i.displayOptions)==null?void 0:D.show)==null?void 0:p.resource)==null?void 0:n.includes(s.value))||v,a=(N=(T=i.displayOptions)==null?void 0:T.show)==null?void 0:N["@version"],b=Array.isArray(r.version)?r.version:[r.version],$=a?a.some(u=>b.includes(u)):!0;return k&&c&&$});if(!(d!=null&&d.options))return;const t=(d.options||[]).map(i=>{var a;const k=i.action??`${s.name} ${me(i.name)}`,c=v?{show:{resource:[(a=_[0])==null?void 0:a.value]}}:d==null?void 0:d.displayOptions;return{...ne(r,`${s.name} ${x("nodeCreator.actionsCategory.actions")}`),actionKey:i.value,description:(i==null?void 0:i.description)??"",displayOptions:c,values:{operation:(d==null?void 0:d.type)==="multiOptions"?[i.value]:i.value},displayName:k,group:["trigger"]}});e.push(...t)})}),e}function Nt(){function r(s){return s?[...Ct(s),...kt(s),...It(s)]:[]}function e(s){return s.length<=1?[]:s.filter((m,_,v)=>{if(m.actionKey===ie)return!1;const t=m.actionKey===je;return!t||t&&v.length>1})}function l(s){const{displayName:m,defaults:_,description:v,name:d,group:t,icon:i,iconUrl:k,badgeIconUrl:c,outputs:a,codex:b}=s;return{displayName:m,defaults:_,description:v,name:d,group:t,icon:i,iconUrl:k,badgeIconUrl:c,outputs:a,codex:b}}function o(s,m){const _=[...s],v={},d=[];return _.filter(t=>!t.group.includes("trigger")).forEach(t=>{const i=r(t);if(v[t.name]=i,t.name===re){const k=m.map(c=>l(Je(t,c)));d.push(...k)}d.push(l(t))}),_.filter(t=>t.group.includes("trigger")).forEach(t=>{const i=t.name.replace("Trigger",""),k=r(t),c=(v==null?void 0:v[i])||[],a=d.find(b=>b.name===i);if(a&&(c==null?void 0:c.length)>0){const b=e([...c,...k]);v[i]=b,a.description=t.description}else v[t.name]=e(k),d.push(l(t))}),{actions:v,mergedNodes:d}}return{generateMergedNodesAndActions:o}}const St=["placeholder","value"],At=P({__name:"SearchBar",props:{placeholder:{default:""},modelValue:{default:""}},emits:["update:modelValue"],setup(r,{expose:e,emit:l}){const o=$e({inputRef:null}),s=Qe();function m(){var t;(t=o.inputRef)==null||t.focus()}function _(t){const i=t.target;l("update:modelValue",i.value)}function v(){l("update:modelValue","")}ge(()=>{s.run("nodeCreatorSearchBar.mount",{inputRef:o.inputRef}),setTimeout(m,0)}),Pe(()=>{var t;(t=o.inputRef)==null||t.remove()});const{inputRef:d}=be(o);return e({focus:m}),(t,i)=>{const k=B("font-awesome-icon");return y(),L("div",{class:g(t.$style.searchContainer),"data-test-id":"search-bar"},[C("div",{class:g({[t.$style.prefix]:!0,[t.$style.active]:t.modelValue.length>0})},[V(k,{icon:"search",size:"sm"})],2),C("div",{class:g(t.$style.text)},[C("input",{placeholder:t.placeholder,value:t.modelValue,class:g(t.$style.input),ref_key:"inputRef",ref:d,autofocus:"","data-test-id":"node-creator-search-bar",tabindex:"0",onInput:_},null,42,St)],2),t.modelValue.length>0?(y(),L("div",{key:0,class:g(t.$style.suffix),onClick:v},[C("button",{class:g([t.$style.clear,t.$style.clickable])},[V(k,{icon:"times-circle"})],2)],2)):E("",!0)],2)}}}),Lt="_searchContainer_1wh9v_5",Et="_prefix_1wh9v_21",Rt="_active_1wh9v_26",Vt="_text_1wh9v_30",Mt="_suffix_1wh9v_46",Ot="_clear_1wh9v_52",Bt={searchContainer:Lt,prefix:Et,active:Rt,text:Vt,suffix:Mt,clear:Ot},Dt={$style:Bt},Pt=H(At,[["__cssModules",Dt]]),Ht=["innerHTML"],Kt=P({__name:"NodeItem",props:{nodeType:{},subcategory:{},active:{type:Boolean,default:!1}},setup(r){const e=r,l=ue(),o=Ae(),{actions:s}=Z(),{getAddedNodesAndConnections:m}=ke(),_=G(!1),v=G({x:-100,y:-100}),d=G(null),t=h(()=>e.subcategory===et&&!e.nodeType.name.startsWith(tt)?"":l.headerText({key:`headers.${b.value}.description`,fallback:e.nodeType.description})),i=h(()=>c.value),k=h(()=>c.value?"node-creator-action-item":"node-creator-node-item"),c=h(()=>a.value.length>1),a=h(()=>s[e.nodeType.name]||[]),b=h(()=>l.shortNodeType(e.nodeType.name)||""),$=h(()=>({top:`${v.value.y}px`,left:`${v.value.x}px`})),D=h(()=>ot(e.nodeType.name)),p=h(()=>{const f=e.nodeType.displayName.trimEnd();return l.headerText({key:`headers.${b.value}.displayName`,fallback:c.value?f.replace("Trigger",""):f})}),n=h(()=>{if(!e.nodeType.outputs||typeof e.nodeType.outputs=="string")return!1;const f=nt(e.nodeType.outputs);return f?f.filter(j=>j!==st.Main).length>0:!1}),T=h(()=>e.nodeType.group.includes("trigger")&&!c.value);function N(f){document.body.addEventListener("dragover",u);const{pageX:j,pageY:W}=f;f.dataTransfer&&(f.dataTransfer.effectAllowed="copy",f.dataTransfer.dropEffect="copy",f.dataTransfer.setDragImage(d.value,0,0),f.dataTransfer.setData(he,JSON.stringify(m([{type:e.nodeType.name}])))),_.value=!0,v.value={x:j,y:W}}function u(f){if(!_.value||f.pageX===0&&f.pageY===0)return;const[j,W]=Ye([],[f.pageX-de/2,f.pageY-de/2]);v.value={x:j,y:W}}function R(f){document.body.removeEventListener("dragover",u),_.value=!1,setTimeout(()=>{v.value={x:-100,y:-100}},300)}function O(f){f.target.localName==="a"&&o.track("user clicked cnr docs link",{source:"nodes panel node"})}return(f,j)=>{const W=B("n8n-node-creator-node");return y(),A(W,{draggable:!i.value,onDragstart:N,onDragend:R,class:g(f.$style.nodeItem),description:t.value,title:p.value,"show-action-arrow":i.value,"is-trigger":T.value,"data-test-id":k.value},le({icon:I(()=>[n.value?(y(),L("div",{key:0,class:g(f.$style.subNodeBackground)},null,2)):E("",!0),V(ce,{class:g(f.$style.nodeIcon),nodeType:f.nodeType},null,8,["class","nodeType"])]),dragContent:I(()=>[C("div",{class:g(f.$style.draggableDataTransfer),ref_key:"draggableDataTransfer",ref:d},null,2),Ke(C("div",{class:g(f.$style.draggable),style:Te($.value)},[V(ce,{nodeType:f.nodeType,onClickCapture:j[0]||(j[0]=ye(()=>{},["stop"])),size:40,shrink:!1},null,8,["nodeType"])],6),[[He,_.value]])]),_:2},[D.value?{name:"tooltip",fn:I(()=>[C("p",{class:g(f.$style.communityNodeIcon),innerHTML:z(l).baseText("generic.communityNode.tooltip",{interpolate:{packageName:f.nodeType.name.split(".")[0],docURL:z(at)}}),onClick:O},null,10,Ht)]),key:"0"}:void 0]),1032,["draggable","class","description","title","show-action-arrow","is-trigger","data-test-id"])}}}),zt="_nodeItem_da0t4_5",Ut="_nodeIcon_da0t4_13",Wt="_subNodeBackground_da0t4_17",Yt="_communityNodeIcon_da0t4_27",jt="_draggable_da0t4_31",qt="_draggableDataTransfer_da0t4_45",Ft={nodeItem:zt,nodeIcon:Ut,subNodeBackground:Wt,communityNodeIcon:Yt,draggable:jt,draggableDataTransfer:qt},Gt={$style:Ft},Xt=H(Kt,[["__cssModules",Gt]]),Zt=P({__name:"SubcategoryItem",props:{item:{}},setup(r){const e=r,l=ue(),o=h(()=>We(e.item.subcategory||e.item.title));return(s,m)=>{const _=B("n8n-node-icon"),v=B("n8n-node-creator-node");return y(),A(v,{class:g(s.$style.subCategory),title:z(l).baseText(`nodeCreator.subcategoryNames.${o.value}`),isTrigger:!1,description:z(l).baseText(`nodeCreator.subcategoryDescriptions.${o.value}`),showActionArrow:!0},{icon:I(()=>[V(_,oe({type:"icon",name:s.item.icon,circle:!1,showTooltip:!1},s.item.iconProps),null,16,["name"])]),_:1},8,["class","title","description"])}}}),xt="_subCategory_1js79_5",Jt={subCategory:xt},Qt={$style:Jt},eo=H(Zt,[["__cssModules",Qt]]),to=["textContent"],oo=P({__name:"LabelItem",props:{item:{}},setup(r){return(e,l)=>(y(),L("div",{class:g(e.$style.label)},[C("span",{class:g(e.$style.name),textContent:Y(e.item.key)},null,10,to)],2))}}),no="_label_92wv5_5",so={label:no},ao={$style:so},ro=H(oo,[["__cssModules",ao]]),io=P({__name:"ActionItem",props:{nodeType:{},action:{}},setup(r){const e=r,l=we(),o=l==null?void 0:l.proxy.$telemetry,{getActionData:s,getAddedNodesAndConnections:m,setAddedNodeActionParameters:_}=ke(),{activeViewStack:v}=M(),d=$e({dragging:!1,draggablePosition:{x:-100,y:-100},storeWatcher:null,draggableDataTransfer:null}),t=h(()=>({top:`${d.draggablePosition.y}px`,left:`${d.draggablePosition.x}px`})),i=h(()=>s(e.action)),k=p=>{var n;return((n=p.name)==null?void 0:n.toLowerCase().includes("trigger"))||p.name===Le};function c(p){document.body.addEventListener("dragover",a);const{pageX:n,pageY:T}=p;p.dataTransfer&&i.value.key&&(p.dataTransfer.effectAllowed="copy",p.dataTransfer.dropEffect="copy",p.dataTransfer.setDragImage(d.draggableDataTransfer,0,0),p.dataTransfer.setData(he,JSON.stringify(m([{type:i.value.key}]))),o&&(d.storeWatcher=_(i.value,o,v.rootView)),document.body.addEventListener("dragend",b)),d.dragging=!0,d.draggablePosition={x:n,y:T}}function a(p){if(!d.dragging||p.pageX===0&&p.pageY===0)return;const[n,T]=Ye([],[p.pageX-de/2,p.pageY-de/2]);d.draggablePosition={x:n,y:T}}function b(p){d.storeWatcher&&d.storeWatcher(),document.body.removeEventListener("dragend",b),document.body.removeEventListener("dragover",a),d.dragging=!1,setTimeout(()=>{d.draggablePosition={x:-100,y:-100}},300)}const{draggableDataTransfer:$,dragging:D}=be(d);return(p,n)=>{const T=B("n8n-node-creator-node");return y(),A(T,{onDragstart:c,onDragend:b,draggable:"",class:g(p.$style.action),title:p.action.displayName,isTrigger:k(p.action),"data-keyboard-nav":"true"},{dragContent:I(()=>[C("div",{class:g(p.$style.draggableDataTransfer),ref_key:"draggableDataTransfer",ref:$},null,2),Ke(C("div",{class:g(p.$style.draggable),style:Te(t.value)},[V(ce,{nodeType:p.nodeType,onClickCapture:n[0]||(n[0]=ye(()=>{},["stop"])),size:40,shrink:!1},null,8,["nodeType"])],6),[[He,z(D)]])]),icon:I(()=>[V(ce,{nodeType:p.action},null,8,["nodeType"])]),_:1},8,["class","title","isTrigger"])}}}),lo="_action_vsx3h_5",co="_nodeIcon_vsx3h_17",uo="_draggable_vsx3h_21",po="_draggableDataTransfer_vsx3h_35",go={action:lo,nodeIcon:co,draggable:uo,draggableDataTransfer:po},yo={$style:go},mo=H(io,[["__cssModules",yo]]),fo=P({__name:"ViewItem",props:{view:{}},setup(r){return(e,l)=>{const o=B("n8n-node-icon"),s=B("n8n-node-creator-node");return y(),A(s,{class:g(e.$style.view),title:e.view.title,isTrigger:!1,description:e.view.description,showActionArrow:!0},{icon:I(()=>[V(o,{type:"icon",name:e.view.icon,circle:!1,showTooltip:!1},null,8,["name"])]),_:1},8,["class","title","description"])}}}),vo="_view_5t09j_5",_o={view:vo},ho={$style:_o},$o=H(fo,[["__cssModules",ho]]),bo=["data-keyboard-nav-type","data-keyboard-nav-id","onClick"],To={key:0},wo=20,ko=5,Co=P({__name:"ItemsRenderer",props:{elements:{default:()=>[]},activeIndex:{},disabled:{type:Boolean},lazyRender:{type:Boolean,default:!0}},emits:["selected","dragstart","dragend"],setup(r,{emit:e}){const l=r,o=G([]),s=G(0),m=h(()=>{var c;return(c=q())==null?void 0:c.activeItemId});function _(){if(l.elements.length<=wo||!l.lazyRender){o.value=l.elements;return}o.value.length<l.elements.length&&(o.value.push(...l.elements.slice(o.value.length,o.value.length+ko)),s.value=window.requestAnimationFrame(_))}function v(c,a,b){l.disabled||e(c,a,b)}function d(c){c.style.height="0"}function t(c){c.style.height=`${c.scrollHeight}px`}function i(c){c.style.height=`${c.scrollHeight}px`}function k(c){c.style.height="0"}return ge(()=>{_()}),ze(()=>{window.cancelAnimationFrame(s.value),o.value=[]}),X(()=>l.elements,()=>{window.cancelAnimationFrame(s.value),o.value=[],_()}),(c,a)=>{const b=B("n8n-loading");return c.elements.length>0?(y(),L("div",{key:0,class:g(c.$style.itemsRenderer),name:"accordion",onBeforeEnter:d,onEnter:t,onBeforeLeave:i,onLeave:k},[F(c.$slots,"default"),(y(!0),L(yt,null,mt(c.elements,$=>(y(),L("div",{key:$.uuid,"data-test-id":"item-iterator-item",class:g({clickable:!c.disabled,[c.$style.active]:m.value===$.uuid,[c.$style.iteratorItem]:!0,[c.$style[$.type]]:!0}),ref_for:!0,ref:"iteratorItems","data-keyboard-nav-type":$.type!=="label"?$.type:void 0,"data-keyboard-nav-id":$.uuid,onClick:D=>v("selected",$)},[o.value.includes($)?(y(),L("div",To,[$.type==="label"?(y(),A(ro,{key:0,item:$},null,8,["item"])):E("",!0),$.type==="subcategory"?(y(),A(eo,{key:1,item:$.properties},null,8,["item"])):E("",!0),$.type==="node"?(y(),A(Xt,{key:2,nodeType:$.properties,active:!0,subcategory:$.subcategory},null,8,["nodeType","subcategory"])):E("",!0),$.type==="action"?(y(),A(mo,{key:3,nodeType:$.properties,action:$.properties,active:!0},null,8,["nodeType","action"])):$.type==="view"?(y(),A($o,{key:4,view:$.properties,class:g(c.$style.viewItem)},null,8,["view","class"])):E("",!0)])):(y(),A(b,{key:1,loading:!0,rows:1,variant:"p",class:g(c.$style.itemSkeleton)},null,8,["class"]))],10,bo))),128))],34)):(y(),L("div",{key:1,class:g(c.$style.empty)},[F(c.$slots,"empty")],2))}}}),Io="_itemSkeleton_mfosb_5",No="_iteratorItem_mfosb_9",So="_label_mfosb_21",Ao="_category_mfosb_21",Lo="_active_mfosb_24",Eo="_empty_mfosb_28",Ro="_itemsRenderer_mfosb_32",Vo="_view_mfosb_41",Mo={itemSkeleton:Io,iteratorItem:No,label:So,category:Ao,active:Lo,empty:Eo,itemsRenderer:Ro,view:Vo},Oo={$style:Mo},Ce=H(Co,[["__cssModules",Oo]]),Bo=["textContent"],Do=P({__name:"CategoryItem",props:{expanded:{type:Boolean,default:!0},active:{type:Boolean},count:{},name:{},isTrigger:{type:Boolean}},setup(r){const e=r,l=h(()=>{const o=e.count||0;return o>0?`${e.name} (${o})`:e.name});return(o,s)=>{const m=B("font-awesome-icon");return y(),L("div",oe({class:o.$style.categoryWrapper},o.$attrs,{"data-keyboard-nav":"true","data-test-id":"node-creator-category-item"}),[C("div",{class:g({[o.$style.category]:!0,[o.$style.active]:o.active})},[C("span",{class:g(o.$style.name)},[C("span",{textContent:Y(l.value)},null,8,Bo),o.isTrigger?(y(),A(m,{key:0,icon:"bolt",size:"xs",class:g(o.$style.triggerIcon)},null,8,["class"])):E("",!0),F(o.$slots,"default")],2),o.expanded?(y(),A(m,{key:0,icon:"chevron-down",class:g(o.$style.arrow)},null,8,["class"])):(y(),A(m,{key:1,class:g(o.$style.arrow),icon:"chevron-up"},null,8,["class"]))],2)],16)}}}),Po="_triggerIcon_jzfdi_5",Ho="_category_jzfdi_10",Ko="_active_jzfdi_31",zo="_name_jzfdi_35",Uo="_arrow_jzfdi_40",Wo={triggerIcon:Po,category:Ho,active:Ko,name:zo,arrow:Uo},Yo={$style:Wo},jo=H(Do,[["__cssModules",Yo]]),qo=["data-category-collapsed"],Fo=["innerHTML"],Go=P({__name:"CategorizedItemsRenderer",props:{elements:{default:()=>[]},category:{},disabled:{type:Boolean},activeIndex:{},isTriggerCategory:{type:Boolean},mouseOverTooltip:{},expanded:{type:Boolean}},setup(r){const e=r,l=we(),{popViewStack:o}=M(),{registerKeyHook:s}=q(),{workflowId:m}=rt(),_=h(()=>{var a;return(a=q())==null?void 0:a.activeItemId}),v=h(()=>e.elements.filter(({type:a})=>a==="action").length),d=G(e.expanded??!1);function t(){i(!d.value)}function i(a){d.value=a,d.value&&(l==null||l.proxy.$telemetry.trackNodesPanel("nodeCreateList.onCategoryExpanded",{category_name:e.category,workflow_id:m}))}function k(){d.value||i(!0)}function c(){if(!d.value){o();return}i(!1)}return X(()=>e.elements,()=>{i(!0)}),s(`CategoryRight_${e.category}`,{keyboardKeys:["ArrowRight"],condition:(a,b)=>a==="category"&&e.category===b,handler:k}),s(`CategoryToggle_${e.category}`,{keyboardKeys:["Enter"],condition:(a,b)=>a==="category"&&e.category===b,handler:t}),s(`CategoryLeft_${e.category}`,{keyboardKeys:["ArrowLeft"],condition:(a,b)=>a==="category"&&e.category===b,handler:c}),(a,b)=>{const $=B("n8n-icon"),D=B("n8n-tooltip");return y(),L("div",{class:g(a.$style.categorizedItemsRenderer),"data-category-collapsed":!d.value},[V(jo,{class:g(a.$style.categoryItem),name:a.category,disabled:a.disabled,active:_.value===a.category,count:v.value,expanded:d.value,isTrigger:a.isTriggerCategory,"data-keyboard-nav-type":"category","data-keyboard-nav-id":a.category,onClick:t},{default:I(()=>[a.mouseOverTooltip?(y(),L("span",{key:0,class:g(a.$style.mouseOverTooltip)},[V(D,{placement:"top","popper-class":a.$style.tooltipPopper},{content:I(()=>[C("div",{innerHTML:a.mouseOverTooltip},null,8,Fo)]),default:I(()=>[V($,{icon:"question-circle",size:"small"})]),_:1},8,["popper-class"])],2)):E("",!0)]),_:1},8,["class","name","disabled","active","count","expanded","isTrigger","data-keyboard-nav-id"]),d.value&&v.value>0&&a.$slots.default?(y(),L("div",{key:0,class:g(a.$style.contentSlot)},[F(a.$slots,"default")],2)):E("",!0),d.value?(y(),A(Ce,oe({key:1},a.$attrs,{elements:a.elements,isTrigger:a.isTriggerCategory}),{default:I(()=>[]),empty:I(()=>[F(a.$slots,"empty",Ue(ft({elements:a.elements})))]),_:3},16,["elements","isTrigger"])):E("",!0)],10,qo)}}}),Xo="_mouseOverTooltip_omnnb_5",Zo="_categorizedItemsRenderer_omnnb_13",xo="_tooltipPopper_omnnb_17",Jo="_contentSlot_omnnb_21",Qo={mouseOverTooltip:Xo,categorizedItemsRenderer:Zo,tooltipPopper:xo,contentSlot:Jo},en={$style:Qo},_e=H(Go,[["__cssModules",en]]),tn=["innerHTML"],on=["innerHTML"],nn=["innerHTML"],sn=["innerHTML"],an=["onClick","innerHTML"],rn=P({__name:"ActionsMode",emits:{nodeTypeSelected:r=>!0},setup(r,{emit:e}){const l=we(),o=l==null?void 0:l.proxy.$telemetry,{userActivated:s}=it(),{popViewStack:m,updateCurrentViewStack:_}=M(),{registerKeyHook:v}=q(),{getNodeTypesWithManualTrigger:d,setAddedNodeActionParameters:t,getActionData:i,getPlaceholderTriggerActions:k,parseCategoryActions:c,actionsCategoryLocales:a}=ke(),b=h(()=>se(T.value,a.value.triggers,!1)),$=h(()=>se(T.value,a.value.actions,!N.value)),D=h(()=>se(M().activeViewStack.baselineItems||[],a.value.triggers,!1)),p=h(()=>se(M().activeViewStack.baselineItems||[],a.value.actions,!N.value)),n=h(()=>b.value.length||N.value?a.value.triggers:`${a.value.triggers} (${O.length})`),T=h(()=>(M().activeViewStack.items||[]).filter(w=>w.properties.actionKey!==ie)),N=h(()=>M().activeViewStack.search),u=h(()=>M().activeViewStack.subcategory),R=h(()=>M().activeViewStack.rootView),O=k(u.value||""),f=h(()=>c(M().activeViewStack.baselineItems||[],a.value.triggers,!N.value).length===0),j=h(()=>(M().activeViewStack.baselineItems||[]).some(K=>(K.properties.actionKey??"")===ie)),W=h(()=>R.value===te);v("ActionsKeyRight",{keyboardKeys:["ArrowRight","Enter"],condition:w=>w==="action",handler:Fe}),v("ActionsKeyLeft",{keyboardKeys:["ArrowLeft"],condition:w=>w==="action",handler:qe});function se(w,S,K=!1){return c(w,S,K)}function qe(){m()}function Fe(w){const K=[...T.value,...O].find(U=>U.uuid===w);K&&ae(K)}function ae(w){const S=i(w.properties);if(O.some(U=>U.key===w.key)&&W.value){const U=T.value[0].key;e("nodeTypeSelected",[S.key,U])}else e("nodeTypeSelected",[S.key]);o&&t(S,o,R.value)}function Ge(){var J,Q,Ne;const w=M().activeViewStack,S=(J=w.baselineItems||[])==null?void 0:J.filter(fe=>fe.key.toLowerCase().includes("trigger")).length,U={app_identifier:[...T.value,...O][0].key,actions:(Q=w.baselineItems||[])==null?void 0:Q.map(fe=>fe.properties.displayName),regular_action_count:((Ne=w.baselineItems||[])==null?void 0:Ne.length)-S,trigger_action_count:S};Se("nodeCreateList.onViewActions",U),o==null||o.trackNodesPanel("nodeCreateList.onViewActions",U)}function Ie(){_({search:""})}function Xe(){const w={name:"",key:re,value:{authentication:"predefinedCredentialType"}};e("nodeTypeSelected",[re]),o&&t(w);const S=T.value[0].key;Se("nodeCreateList.onActionsCustmAPIClicked",{app_identifier:S}),o==null||o.trackNodesPanel("nodeCreateList.onActionsCustmAPIClicked",{app_identifier:S})}const Ze=P({props:{rootView:{type:String}},setup(w,{slots:S}){return()=>{var K,U,J,Q;return vt("div",{},w.rootView===pe?[(K=S.actions)==null?void 0:K.call(S),(U=S.triggers)==null?void 0:U.call(S)]:[(J=S.triggers)==null?void 0:J.call(S),(Q=S.actions)==null?void 0:Q.call(S)])}}});return ge(()=>{Ge()}),(w,S)=>{const K=B("n8n-callout"),U=B("n8n-info-tip");return y(),L("div",{class:g(w.$style.container)},[V(z(Ze),{rootView:R.value},le({_:2},[W.value||D.value.length!==0?{name:"triggers",fn:I(()=>[V(_e,{elements:b.value,category:n.value,mouseOverTooltip:w.$locale.baseText("nodeCreator.actionsTooltip.triggersStartWorkflow"),isTriggerCategory:"",expanded:W.value||$.value.length===0,onSelected:ae},le({_:2},[f.value?{name:"empty",fn:I(()=>[f.value?(y(),A(K,{key:0,theme:"info",iconless:"",slim:"","data-test-id":"actions-panel-no-triggers-callout"},{default:I(()=>[C("span",{innerHTML:w.$locale.baseText("nodeCreator.actionsCallout.noTriggerItems",{interpolate:{nodeName:u.value}})},null,8,tn)]),_:1})):E("",!0),V(Ce,{onSelected:ae,elements:z(O)},null,8,["elements"])]),key:"0"}:{name:"empty",fn:I(()=>[C("p",{class:g(w.$style.resetSearch),innerHTML:w.$locale.baseText("nodeCreator.actionsCategory.noMatchingTriggers"),onClick:Ie},null,10,["innerHTML"])]),key:"1"}]),1032,["elements","category","mouseOverTooltip","expanded"])]),key:"0"}:void 0,!W.value||p.value.length!==0?{name:"actions",fn:I(()=>[V(_e,{elements:$.value,category:z(a).actions,mouseOverTooltip:w.$locale.baseText("nodeCreator.actionsTooltip.actionsPerformStep"),expanded:!W.value||b.value.length===0,onSelected:ae},{empty:I(()=>[N.value?(y(),L("p",{key:1,class:g(w.$style.resetSearch),innerHTML:w.$locale.baseText("nodeCreator.actionsCategory.noMatchingActions"),onClick:Ie,"data-test-id":"actions-panel-no-matching-actions"},null,10,sn)):(y(),A(U,{key:0,theme:"info",type:"note",class:g(w.$style.actionsEmpty)},{default:I(()=>[C("span",{innerHTML:w.$locale.baseText("nodeCreator.actionsCallout.noActionItems",{interpolate:{nodeName:u.value}})},null,8,nn)]),_:1},8,["class"]))]),default:I(()=>[!z(s)&&W.value?(y(),A(K,{key:0,theme:"info",iconless:"",slim:"","data-test-id":"actions-panel-activation-callout"},{default:I(()=>[C("span",{innerHTML:w.$locale.baseText("nodeCreator.actionsCallout.triggersStartWorkflow")},null,8,on)]),_:1})):E("",!0)]),_:1},8,["elements","category","mouseOverTooltip","expanded"])]),key:"1"}:void 0]),1032,["rootView"]),j.value?(y(),L("div",{key:0,class:g(w.$style.apiHint)},[C("span",{onClick:ye(Xe,["prevent"]),innerHTML:w.$locale.baseText("nodeCreator.actionsList.apiCall",{interpolate:{node:u.value}})},null,8,an)],2)):E("",!0)],2)}}}),ln="_container_1tz2w_5",cn="_resetSearch_1tz2w_11",dn="_actionsEmpty_1tz2w_25",un="_apiHint_1tz2w_33",pn={container:ln,resetSearch:cn,actionsEmpty:dn,apiHint:un},gn={$style:pn},yn=H(rn,[["__cssModules",gn]]),mn={},fn={width:"75px",height:"75px",viewBox:"0 0 75 75",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},vn=_t('<title>no-nodes-keyart</title><g id="Nodes-panel-prototype-V2.1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="nodes-panel-(component)" transform="translate(-2085.000000, -352.000000)"><g id="nodes_panel" transform="translate(1880.000000, 151.000000)"><g id="Panel" transform="translate(50.000000, 0.000000)"><g id="Group-3" transform="translate(105.000000, 171.000000)"><g id="no-nodes-keyart" transform="translate(50.000000, 30.000000)"><rect id="Rectangle" x="0" y="0" width="75" height="75"></rect><g id="Group" transform="translate(6.562500, 8.164062)" fill="#C4C8D1" fill-rule="nonzero"><polygon id="Rectangle" transform="translate(49.192016, 45.302553) rotate(-45.000000) translate(-49.192016, -45.302553) " points="44.5045606 32.0526802 53.8794707 32.0526802 53.8794707 58.5524261 44.5045606 58.5524261"></polygon><path d="M48.125,23.0859375 C54.15625,23.0859375 59.0625,18.1796875 59.0625,12.1484375 C59.0625,10.3359375 58.5625,8.6484375 57.78125,7.1484375 L49.34375,15.5859375 L44.6875,10.9296875 L53.125,2.4921875 C51.625,1.7109375 49.9375,1.2109375 48.125,1.2109375 C42.09375,1.2109375 37.1875,6.1171875 37.1875,12.1484375 C37.1875,13.4296875 37.4375,14.6484375 37.84375,15.7734375 L32.0625,21.5546875 L26.5,15.9921875 L28.71875,13.7734375 L24.3125,9.3671875 L30.9375,2.7421875 C27.28125,-0.9140625 21.34375,-0.9140625 17.6875,2.7421875 L6.625,13.8046875 L11.03125,18.2109375 L2.21875,18.2109375 L1.38777878e-15,20.4296875 L11.0625,31.4921875 L13.28125,29.2734375 L13.28125,20.4296875 L17.6875,24.8359375 L19.90625,22.6171875 L25.46875,28.1796875 L2.3125,51.3359375 L8.9375,57.9609375 L44.5,22.4296875 C45.625,22.8359375 46.84375,23.0859375 48.125,23.0859375 Z" id="Path"></path></g></g></g></g></g></g></g>',2),_n=[vn];function hn(r,e){return y(),L("svg",fn,_n)}const $n=H(mn,[["render",hn]]),bn=["textContent"],Tn=["textContent"],wn=P({__name:"NoResults",props:{showIcon:{type:Boolean},showRequest:{type:Boolean},rootView:{}},setup(r){return(e,l)=>{const o=B("n8n-link"),s=B("font-awesome-icon");return y(),L("div",{class:g({[e.$style.noResults]:!0,[e.$style.iconless]:!e.showIcon}),"data-test-id":"node-creator-no-results"},[e.showIcon?(y(),L("div",{key:0,class:g(e.$style.icon)},[V($n)],2)):E("",!0),C("div",{class:g(e.$style.title)},[F(e.$slots,"title"),C("p",{textContent:Y(e.$locale.baseText("nodeCreator.noResults.weDidntMakeThatYet"))},null,8,bn),C("div",{class:g(e.$style.action)},[ee(Y(e.$locale.baseText("nodeCreator.noResults.dontWorryYouCanProbablyDoItWithThe"))+" ",1),e.rootView===z(pe)?(y(),A(o,{key:0,onClick:l[0]||(l[0]=m=>e.$emit("addHttpNode"))},{default:I(()=>[ee(Y(e.$locale.baseText("nodeCreator.noResults.httpRequest")),1)]),_:1})):E("",!0),e.rootView===z(te)?(y(),A(o,{key:1,onClick:l[1]||(l[1]=m=>e.$emit("addWebhookNode"))},{default:I(()=>[ee(Y(e.$locale.baseText("nodeCreator.noResults.webhook")),1)]),_:1})):E("",!0),ee(" "+Y(e.$locale.baseText("nodeCreator.noResults.node")),1)],2)],2),e.showRequest?(y(),L("div",{key:1,class:g(e.$style.request)},[C("p",{textContent:Y(e.$locale.baseText("nodeCreator.noResults.wantUsToMakeItFaster"))},null,8,Tn),C("div",null,[V(o,{to:z(lt)},{default:I(()=>[C("span",null,Y(e.$locale.baseText("nodeCreator.noResults.requestTheNode")),1),ee("  "),C("span",null,[V(s,{class:g(e.$style.external),icon:"external-link-alt",title:e.$locale.baseText("nodeCreator.noResults.requestTheNode")},null,8,["class","title"])])]),_:1},8,["to"])])],2)):E("",!0)],2)}}}),kn="_noResults_1jje6_5",Cn="_title_1jje6_18",In="_action_1jje6_27",Nn="_request_1jje6_28",Sn="_icon_1jje6_44",An="_external_1jje6_50",Ln={noResults:kn,title:Cn,action:In,request:Nn,icon:Sn,external:An},En={$style:Ln},Rn=H(wn,[["__cssModules",En]]),Vn=P({__name:"NodesMode",emits:{nodeTypeSelected:r=>!0},setup(r,{emit:e}){const l=ue(),o=Ae(),{mergedNodes:s,actions:m}=Z(),{baseUrl:_}=ct(),{pushViewStack:v,popViewStack:d}=M(),{registerKeyHook:t}=q(),i=h(()=>M().activeViewStack),k=h(()=>M().globalSearchItemsDiff);function c(n){e("nodeTypeSelected",n)}function a(n){var T,N;if(n.type==="subcategory"){const u=We(n.properties.title),R=l.baseText(`nodeCreator.subcategoryNames.${u}`);v({subcategory:n.key,title:R,mode:"nodes",...n.properties.icon?{nodeIcon:{icon:n.properties.icon,iconType:"icon"}}:{},...n.properties.panelClass?{panelClass:n.properties.panelClass}:{},rootView:i.value.rootView,forceIncludeNodes:n.properties.forceIncludeNodes,baseFilter:$,itemsMapper:b}),o.trackNodesPanel("nodeCreateList.onSubcategorySelected",{subcategory:n.key})}if(n.type==="node"){const u=(m==null?void 0:m[n.key])||[];if(u.length<=1){c([n.key]);return}const R=n.properties.iconUrl?`${_}${n.properties.iconUrl}`:(T=n.properties.icon)==null?void 0:T.split(":")[1],O=u==null?void 0:u.map(f=>gt(f,n.properties.displayName,"action"));v({subcategory:n.properties.displayName,title:n.properties.displayName,nodeIcon:{color:((N=n.properties.defaults)==null?void 0:N.color)||"",icon:R,iconType:n.properties.iconUrl?"file":"icon"},rootView:i.value.rootView,hasSearch:!0,mode:"actions",items:O})}if(n.type==="view"){const u={[te]:Ve,[pe]:Me,[Ee]:Oe,[Re]:Be},R=n.key,O=u[R];if(!O){console.warn(`No view found for ${R}`);return}const f=O(s);v({title:f.title,subtitle:(f==null?void 0:f.subtitle)??"",info:(f==null?void 0:f.info)??"",items:f.items,hasSearch:!0,rootView:f.value,mode:"nodes",searchItems:s})}}function b(n){var R,O;if(n.type!=="node")return n;const T=n.properties.group.includes("trigger"),u=((m==null?void 0:m[n.key])||[]).length>0;return T&&u&&((R=n.properties)!=null&&R.codex&&(n.properties.codex.alias=[...((O=n.properties.codex)==null?void 0:O.alias)||[],n.properties.displayName]),n.properties.displayName=n.properties.displayName.replace(" Trigger","")),n}function $(n){if(n.type!=="node")return!1;const T=n.properties.group.includes("trigger"),u=((m==null?void 0:m[n.key])||[]).length>0;return i.value.rootView===te?u||T:u||!T}function D(){d()}function p(n){const N=[...i.value.items||[],...k.value||[]].find(u=>u.uuid===n);N&&a(N)}return t("MainViewArrowRight",{keyboardKeys:["ArrowRight","Enter"],condition:n=>["subcategory","node","view"].includes(n),handler:p}),t("MainViewArrowLeft",{keyboardKeys:["ArrowLeft"],condition:n=>["subcategory","node","view"].includes(n),handler:D}),(n,T)=>(y(),L("span",null,[V(Ce,{elements:i.value.items,onSelected:a,class:g(n.$style.items)},le({_:2},[(i.value.items||[]).length===0&&k.value.length===0?{name:"empty",fn:I(()=>[V(Rn,{rootView:i.value.rootView,showIcon:"",showRequest:"",onAddWebhookNode:T[0]||(T[0]=N=>c([z(Le)])),onAddHttpNode:T[1]||(T[1]=N=>c([z(re)]))},null,8,["rootView"])]),key:"0"}:void 0]),1032,["elements","class"]),k.value.length>0?(y(),A(_e,{key:0,elements:k.value,category:n.$locale.baseText("nodeCreator.categoryNames.otherCategories"),onSelected:a},null,8,["elements","category"])):E("",!0)]))}}),Mn="_items_1t7lf_5",On={items:Mn},Bn={$style:On},Dn=H(Vn,[["__cssModules",Bn]]),Pn=["textContent"],Hn=["textContent"],Kn=P({__name:"NodesListPanel",setup(r){const e=ue(),{mergedNodes:l}=Z(),{pushViewStack:o,popViewStack:s,updateCurrentViewStack:m}=M(),{setActiveItemIndex:_,attachKeydownEvent:v,detachKeydownEvent:d}=q(),t=h(()=>M().activeViewStack),i=h(()=>M().viewStacks),k=h(()=>M().activeViewStackMode==="actions"),c=h(()=>k.value?e.baseText("nodeCreator.actionsCategory.searchActions",{interpolate:{node:t.value.title}}):e.baseText("nodeCreator.searchBar.searchNodes")),a=h(()=>Z().selectedView);function b(p){t.value.uuid&&(m({search:p}),_(t.value.activeIndex??0))}function $(){const p=t.value.mode==="actions"?1:0;_(t.value.activeIndex||0||p)}ge(()=>{v(),_(t.value.activeIndex??0)}),ze(()=>{d()}),X(()=>a.value,p=>{const n={[te]:Ve,[pe]:Me,[Ee]:Oe,[Re]:Be},T=p,N=n[T];if(!N){console.warn(`No view found for ${T}`);return}const u=N(l);o({title:u.title,subtitle:(u==null?void 0:u.subtitle)??"",items:u.items,info:u.info,hasSearch:!0,mode:"nodes",rootView:p,searchItems:l})},{immediate:!0});function D(){s()}return(p,n)=>{const T=B("font-awesome-icon"),N=B("n8n-node-icon"),u=B("n8n-notice");return i.value.length>0?(y(),A(De,{key:0,name:`panel-slide-${t.value.transitionDirection}`,onAfterLeave:$},{default:I(()=>[(y(),L("aside",{class:g([p.$style.nodesListPanel,t.value.panelClass]),onKeydownCapture:n[0]||(n[0]=ye(()=>{},["stop"])),key:`${t.value.uuid}`},[C("header",{class:g({[p.$style.header]:!0,[p.$style.hasBg]:!t.value.subtitle,"nodes-list-panel-header":!0}),"data-test-id":"nodes-list-header"},[C("div",{class:g(p.$style.top)},[i.value.length>1&&!t.value.preventBack?(y(),L("button",{key:0,class:g(p.$style.backButton),onClick:D},[V(T,{class:g(p.$style.backButtonIcon),icon:"arrow-left",size:"2x"},null,8,["class"])],2)):E("",!0),t.value.nodeIcon?(y(),A(N,{key:1,class:g(p.$style.nodeIcon),type:t.value.nodeIcon.iconType||"unknown",src:t.value.nodeIcon.icon,name:t.value.nodeIcon.icon,color:t.value.nodeIcon.color,circle:!1,showTooltip:!1,size:20},null,8,["class","type","src","name","color"])):E("",!0),t.value.title?(y(),L("p",{key:2,class:g(p.$style.title),textContent:Y(t.value.title)},null,10,Pn)):E("",!0)],2),t.value.subtitle?(y(),L("p",{key:0,class:g({[p.$style.subtitle]:!0,[p.$style.offsetSubtitle]:i.value.length>1}),textContent:Y(t.value.subtitle)},null,10,Hn)):E("",!0)],2),t.value.hasSearch?(y(),A(Pt,{key:0,class:g(p.$style.searchBar),placeholder:c.value?c.value:p.$locale.baseText("nodeCreator.searchBar.searchNodes"),modelValue:t.value.search,"onUpdate:modelValue":b},null,8,["class","placeholder","modelValue"])):E("",!0),C("div",{class:g(p.$style.renderedItems)},[t.value.info&&!t.value.search?(y(),A(u,{key:0,class:g(p.$style.info),content:t.value.info,theme:"warning"},null,8,["class","content"])):E("",!0),k.value&&t.value.subcategory?(y(),A(yn,Ue(oe({key:1},p.$attrs)),null,16)):(y(),A(Dn,oe({key:2,rootView:a.value},p.$attrs),null,16,["rootView"]))],2)],34))]),_:1},8,["name"])):E("",!0)}}}),zn="_info_tt5pd_27",Un="_backButton_tt5pd_31",Wn="_backButtonIcon_tt5pd_38",Yn="_nodeIcon_tt5pd_44",jn="_renderedItems_tt5pd_49",qn="_searchBar_tt5pd_61",Fn="_nodesListPanel_tt5pd_65",Gn="_footer_tt5pd_83",Xn="_top_tt5pd_94",Zn="_header_tt5pd_99",xn="_hasBg_tt5pd_105",Jn="_title_tt5pd_110",Qn="_subtitle_tt5pd_120",es="_offsetSubtitle_tt5pd_128",ts={info:zn,backButton:Un,backButtonIcon:Wn,nodeIcon:Yn,renderedItems:jn,searchBar:qn,nodesListPanel:Fn,footer:Gn,top:Xn,header:Zn,hasBg:xn,title:Jn,subtitle:Qn,offsetSubtitle:es},os={$style:ts},ns=H(Kn,[["__cssModules",os]]),ss=P({__name:"NodeCreator",props:{active:{type:Boolean},onNodeTypeSelected:{type:Function}},emits:["closeNodeCreator","nodeTypeSelected"],setup(r,{emit:e}){const l=r,{resetViewStacks:o}=M(),{registerKeyHook:s}=q(),m=dt(),{setShowScrim:_,setActions:v,setMergeNodes:d}=Z(),{generateMergedNodesAndActions:t}=Nt(),i=$e({nodeCreator:null,mousedownInsideEvent:null}),k=h(()=>Z().showScrim),c=h(()=>M().viewStacks.length),a=h(()=>({top:`${m.bannersHeight+m.headerHeight}px`}));function b(){var u;if(i.mousedownInsideEvent){const R=new MouseEvent("click",{bubbles:!0,cancelable:!0});(u=i.mousedownInsideEvent.target)==null||u.dispatchEvent(R),i.mousedownInsideEvent=null,$()}}function $(){document.removeEventListener("mouseup",b),document.removeEventListener("touchstart",b)}function D(){i.mousedownInsideEvent=null,$()}function p(u){i.mousedownInsideEvent=u,document.addEventListener("mouseup",b),document.addEventListener("touchstart",b)}function n(u){u.preventDefault()}function T(u){if(!u.dataTransfer)return;const R=u.dataTransfer.getData(he),O=i.nodeCreator.getBoundingClientRect();R&&u.pageX>=O.x&&u.pageY>=O.y&&u.stopPropagation()}X(()=>l.active,u=>{u||(_(!1),o())}),X(c,u=>{u===0&&(e("closeNodeCreator"),_(!1))}),s("NodeCreatorCloseEscape",{keyboardKeys:["Escape"],handler:()=>e("closeNodeCreator")}),s("NodeCreatorCloseTab",{keyboardKeys:["Tab"],handler:()=>e("closeNodeCreator")}),X(()=>({httpOnlyCredentials:ut().httpOnlyCredentialTypes,nodeTypes:pt().visibleNodeTypes}),({nodeTypes:u,httpOnlyCredentials:R})=>{const{actions:O,mergedNodes:f}=t(u,R);v(O),d(f)},{immediate:!0});const{nodeCreator:N}=be(i);return Pe(()=>{$()}),(u,R)=>(y(),L("div",null,[C("aside",{class:g({[u.$style.nodeCreatorScrim]:!0,[u.$style.active]:k.value})},null,2),V(Tt,null,{default:I(()=>[u.active?(y(),L("div",{key:0,class:g(u.$style.nodeCreator),style:Te(a.value),ref_key:"nodeCreator",ref:N,onDragover:n,onDrop:T,onMousedown:p,onMouseup:D,"data-test-id":"node-creator"},[V(ns,{onNodeTypeSelected:u.onNodeTypeSelected},null,8,["onNodeTypeSelected"])],38)):E("",!0)]),_:1})]))}}),as="_nodeCreator_cvzgl_9",rs="_nodeCreatorScrim_cvzgl_20",is="_active_cvzgl_32",ls={nodeCreator:as,nodeCreatorScrim:rs,active:is},cs={$style:ls},Js=H(ss,[["__cssModules",cs]]);export{Js as default};
+//# sourceMappingURL=NodeCreator-r6gxY14d.js.map