n8n-editor-ui 1.22.0 → 1.22.1

package/dist/assets/{NodeCreator-YAF-VpA5.js → NodeCreator-zDLKC62A.js}

@@ -1,2 +1,2 @@
-import{_ as H,k as Je,a7 as re,g5 as Qe,F as ie,ab as he,eM as xe,aZ as et,bh as tt,d3 as ot,N as nt,aM as st,M as pe,fn as $e,O as Ae,a4 as Le,B as at,p as rt,eN as te,f1 as ge,g6 as it,v as lt,eO as Ee,eP as Re,u as ct,y as dt,z as ut}from"./n8n-ZKR6bms9.js";import{u as Z,b as M,c as q,t as pt,f as gt,T as Ve,R as Me,A as Oe,d as Be}from"./NodeView-caDno-kw.js";import{G as P,l as p,M as S,O as I,H as F,W as De,Z as be,b as ye,y as Pe,_ as Te,ag as D,m as A,p as N,T as V,I as u,Q as R,r as G,e as $,a9 as le,u as z,J as we,a2 as me,U as He,V as Ke,K as oe,R as Y,a as ke,d as X,al as yt,ab as ze,Y as Ue,F as mt,a7 as ft,af as vt,aL as _t,S as ee}from"./vendor-2CfOYFi2.js";import{m as ht,B as fe,C as We}from"./lodash-es-s_m9YyW7.js";import{u as Ce}from"./NodeCreation-lpcdOti7.js";import{N as ce,l as Ye,ab as de}from"./index--RuZ5wHr.js";import"./axios-QLjAsgXu.js";import"./flatted-jPn12Tq4.js";import"./esprima-next-ulPLCZ1Z.js";import"./luxon-ZRIU05qF.js";import"./pinia-jX93eZRS.js";import"./@vueuse/core-viEZCtbZ.js";import"./uuid-McvpxQtQ.js";import"./vue-i18n-2T2QU_2c.js";import"./@n8n/permissions-8yMqUF1Y.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-FPo5qMF0.js";import"./file-saver-PQ97zATM.js";import"./vue-json-pretty-_sFPiXe-.js";import"./RunDataAi-EdxjRrVc.js";import"./vue-markdown-render-arvjXOrF.js";import"./useCopyToClipboard--_VQNyU0.js";import"./copy-to-clipboard-w-_qJz-n.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-RhDdw38P.js";import"./timeago.js--Bumj2r9.js";import"./qrcode.vue-f7Vn5Pkq.js";import"./vue3-touch-events-_RfbPMOD.js";import"./chart.js-JtqvIvkt.js";import"./workflowActivate-FltKJaAB.js";import"./collaboration.store-ba_Vl3Ko.js";const $t=P({name:"SlideTransition"});function bt(r,e,l,n,s,y){return p(),S(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 Je.baseText(...r)}const J=ht(wt,(...r)=>JSON.stringify(r)),_e={"n8n-nodes-base.hubspotTrigger":(r,e)=>{var n,s,y;const l=(n=r==null?void 0:r.options)==null?void 0:n[0];return(y=(s=l==null?void 0:l.values[0])==null?void 0:s.options)==null?void 0:y.map(v=>({...ne(e),actionKey:v.value,displayName:J("nodeCreator.actionsCategory.onEvent",{interpolate:{event:fe(v.name)}}),description:v.description||"",displayOptions:r.displayOptions,values:{eventsUi:{eventValues:[{name:v.value}]}}}))}};function ne(r,e){const l=r.group.includes("trigger"),n=J(l?"nodeCreator.actionsCategory.triggers":"nodeCreator.actionsCategory.actions");return{name:r.name,group:r.group,codex:{label:e||"",categories:[n]},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 y;return((y=s.name)==null?void 0:y.toLowerCase())==="operation"});if(!(e!=null&&e.options))return[];const n=e.options.filter(s=>!["*",""," "].includes(s.name)).map(s=>({...ne(r),actionKey:s.value,displayName:s.action??fe(s.name),description:s.description??"",displayOptions:e.displayOptions,values:{[e.name]:e.type==="multiOptions"?[s.value]:s.value}}));return n.length===0?[]:n}function Ct(r){var f,d;const e=["event","events","trigger on"],l=(f=r.displayName)==null?void 0:f.toLowerCase().includes("trigger"),n=r.properties.find(t=>{var i;return e.includes((i=t.displayName)==null?void 0:i.toLowerCase())});if(!l)return[];if(!(n!=null&&n.options))return[{...ne(r),actionKey:je,displayName:J("nodeCreator.actionsCategory.onNewEvent",{interpolate:{event:r.displayName.replace("Trigger","").trimEnd()}}),description:""}];const s=n.options.filter(t=>!["*",""," "].includes(t.name));return((d=_e[r.name])==null?void 0:d.call(_e,n,r))??s.map(t=>({...ne(r),actionKey:t.value,displayName:t.action??J("nodeCreator.actionsCategory.onEvent",{interpolate:{event:fe(t.name)}}),description:t.description||"",displayOptions:n.displayOptions,values:{[n.name]:n.type==="multiOptions"?[t.value]:t.value}}))}function Nt(r){const e=[];return r.properties.filter(n=>{var s;return((s=n.displayName)==null?void 0:s.toLowerCase())==="resource"}).forEach(n=>{(n.options||[]).filter(s=>s.value!==ie).forEach((s,y,v)=>{const f=v.length===1,d=r.properties.find(i=>{var B,T,o,b,L;const k=i.name==="operation",c=((o=(T=(B=i.displayOptions)==null?void 0:B.show)==null?void 0:T.resource)==null?void 0:o.includes(s.value))||f,a=(L=(b=i.displayOptions)==null?void 0:b.show)==null?void 0:L["@version"],h=Array.isArray(r.version)?r.version:[r.version],_=a?a.some(g=>h.includes(g)):!0;return k&&c&&_});if(!(d!=null&&d.options))return;const t=(d.options||[]).map(i=>{var a;const k=i.action??`${s.name} ${fe(i.name)}`,c=f?{show:{resource:[(a=v[0])==null?void 0:a.value]}}:d==null?void 0:d.displayOptions;return{...ne(r,`${s.name} ${J("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 It(){function r(s){return s?[...Ct(s),...kt(s),...Nt(s)]:[]}function e(s){return s.length<=1?[]:s.filter((y,v,f)=>{if(y.actionKey===ie)return!1;const t=y.actionKey===je;return!t||t&&f.length>1})}function l(s){const{displayName:y,defaults:v,description:f,name:d,group:t,icon:i,iconUrl:k,badgeIconUrl:c,outputs:a,codex:h}=s;return{displayName:y,defaults:v,description:f,name:d,group:t,icon:i,iconUrl:k,badgeIconUrl:c,outputs:a,codex:h}}function n(s,y){const v=[...s],f={},d=[];return v.filter(t=>!t.group.includes("trigger")).forEach(t=>{const i=r(t);if(f[t.name]=i,t.name===re){const k=y.map(c=>l(Qe(t,c)));d.push(...k)}d.push(l(t))}),v.filter(t=>t.group.includes("trigger")).forEach(t=>{const i=t.name.replace("Trigger",""),k=r(t),c=(f==null?void 0:f[i])||[],a=d.find(h=>h.name===i);if(a&&(c==null?void 0:c.length)>0){const h=e([...c,...k]);f[i]=h,a.description=t.description}else f[t.name]=e(k),d.push(l(t))}),{actions:f,mergedNodes:d}}return{generateMergedNodesAndActions:n}}const St=["placeholder","value"],At=P({__name:"SearchBar",props:{placeholder:{default:""},modelValue:{default:""}},emits:["update:modelValue"],setup(r,{expose:e,emit:l}){const n=be({inputRef:null}),s=he();function y(){var t;(t=n.inputRef)==null||t.focus()}function v(t){const i=t.target;l("update:modelValue",i.value)}function f(){l("update:modelValue","")}ye(()=>{s.run("nodeCreatorSearchBar.mount",{inputRef:n.inputRef}),setTimeout(y,0)}),Pe(()=>{var t;(t=n.inputRef)==null||t.remove()});const{inputRef:d}=Te(n);return e({focus:y}),(t,i)=>{const k=D("font-awesome-icon");return p(),A("div",{class:u(t.$style.searchContainer),"data-test-id":"search-bar"},[N("div",{class:u({[t.$style.prefix]:!0,[t.$style.active]:t.modelValue.length>0})},[V(k,{icon:"search",size:"sm"})],2),N("div",{class:u(t.$style.text)},[N("input",{placeholder:t.placeholder,value:t.modelValue,class:u(t.$style.input),ref_key:"inputRef",ref:d,autofocus:"","data-test-id":"node-creator-search-bar",tabindex:"0",onInput:v},null,42,St)],2),t.modelValue.length>0?(p(),A("div",{key:0,class:u(t.$style.suffix),onClick:f},[N("button",{class:u([t.$style.clear,t.$style.clickable])},[V(k,{icon:"times-circle"})],2)],2)):R("",!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=pe(),n=Ae(),{actions:s}=Z(),{getAddedNodesAndConnections:y}=Ce(),v=G(!1),f=G({x:-100,y:-100}),d=G(null),t=$(()=>e.subcategory===xe&&!e.nodeType.name.startsWith(et)?"":l.headerText({key:`headers.${h.value}.description`,fallback:e.nodeType.description})),i=$(()=>c.value),k=$(()=>c.value?"node-creator-action-item":"node-creator-node-item"),c=$(()=>a.value.length>1),a=$(()=>s[e.nodeType.name]||[]),h=$(()=>l.shortNodeType(e.nodeType.name)||""),_=$(()=>({top:`${f.value.y}px`,left:`${f.value.x}px`})),B=$(()=>tt(e.nodeType.name)),T=$(()=>{const m=e.nodeType.displayName.trimEnd();return l.headerText({key:`headers.${h.value}.displayName`,fallback:c.value?m.replace("Trigger",""):m})}),o=$(()=>{if(!e.nodeType.outputs||typeof e.nodeType.outputs=="string")return!1;const m=ot(e.nodeType.outputs);return m?m.filter(j=>j!==nt.Main).length>0:!1}),b=$(()=>e.nodeType.group.includes("trigger")&&!c.value);function L(m){document.body.addEventListener("dragover",g);const{pageX:j,pageY:W}=m;m.dataTransfer&&(m.dataTransfer.effectAllowed="copy",m.dataTransfer.dropEffect="copy",m.dataTransfer.setDragImage(d.value,0,0),m.dataTransfer.setData($e,JSON.stringify(y([{type:e.nodeType.name}])))),v.value=!0,f.value={x:j,y:W}}function g(m){if(!v.value||m.pageX===0&&m.pageY===0)return;const[j,W]=Ye([],[m.pageX-de/2,m.pageY-de/2]);f.value={x:j,y:W}}function C(m){document.body.removeEventListener("dragover",g),v.value=!1,setTimeout(()=>{f.value={x:-100,y:-100}},300)}function O(m){m.target.localName==="a"&&n.track("user clicked cnr docs link",{source:"nodes panel node"})}return(m,j)=>{const W=D("n8n-node-creator-node");return p(),S(W,{draggable:!i.value,onDragstart:L,onDragend:C,class:u(m.$style.nodeItem),description:t.value,title:T.value,"show-action-arrow":i.value,"is-trigger":b.value,"data-test-id":k.value},le({icon:I(()=>[o.value?(p(),A("div",{key:0,class:u(m.$style.subNodeBackground)},null,2)):R("",!0),V(ce,{class:u(m.$style.nodeIcon),nodeType:m.nodeType},null,8,["class","nodeType"])]),dragContent:I(()=>[N("div",{class:u(m.$style.draggableDataTransfer),ref_key:"draggableDataTransfer",ref:d},null,2),Ke(N("div",{class:u(m.$style.draggable),style:we(_.value)},[V(ce,{nodeType:m.nodeType,onClickCapture:j[0]||(j[0]=me(()=>{},["stop"])),size:40,shrink:!1},null,8,["nodeType"])],6),[[He,v.value]])]),_:2},[B.value?{name:"tooltip",fn:I(()=>[N("p",{class:u(m.$style.communityNodeIcon),innerHTML:z(l).baseText("generic.communityNode.tooltip",{interpolate:{packageName:m.nodeType.name.split(".")[0],docURL:z(st)}}),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=pe(),n=$(()=>We(e.item.subcategory||e.item.title));return(s,y)=>{const v=D("n8n-node-icon"),f=D("n8n-node-creator-node");return p(),S(f,{class:u(s.$style.subCategory),title:z(l).baseText(`nodeCreator.subcategoryNames.${n.value}`),isTrigger:!1,description:z(l).baseText(`nodeCreator.subcategoryDescriptions.${n.value}`),showActionArrow:!0},{icon:I(()=>[V(v,oe({type:"icon",name:s.item.icon,circle:!1,showTooltip:!1},s.item.iconProps),null,16,["name"])]),_:1},8,["class","title","description"])}}}),Jt="_subCategory_1js79_5",Qt={subCategory:Jt},xt={$style:Qt},eo=H(Zt,[["__cssModules",xt]]),to=["textContent"],oo=P({__name:"LabelItem",props:{item:{}},setup(r){return(e,l)=>(p(),A("div",{class:u(e.$style.label)},[N("span",{class:u(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=ke(),n=l==null?void 0:l.proxy.$telemetry,{getActionData:s,getAddedNodesAndConnections:y,setAddedNodeActionParameters:v}=Ce(),{activeViewStack:f}=M(),d=be({dragging:!1,draggablePosition:{x:-100,y:-100},storeWatcher:null,draggableDataTransfer:null}),t=$(()=>({top:`${d.draggablePosition.y}px`,left:`${d.draggablePosition.x}px`})),i=$(()=>s(e.action)),k=T=>{var o;return((o=T.name)==null?void 0:o.toLowerCase().includes("trigger"))||T.name===Le};function c(T){document.body.addEventListener("dragover",a);const{pageX:o,pageY:b}=T;T.dataTransfer&&i.value.key&&(T.dataTransfer.effectAllowed="copy",T.dataTransfer.dropEffect="copy",T.dataTransfer.setDragImage(d.draggableDataTransfer,0,0),T.dataTransfer.setData($e,JSON.stringify(y([{type:i.value.key}]))),n&&(d.storeWatcher=v(i.value,n,f.rootView)),document.body.addEventListener("dragend",h)),d.dragging=!0,d.draggablePosition={x:o,y:b}}function a(T){if(!d.dragging||T.pageX===0&&T.pageY===0)return;const[o,b]=Ye([],[T.pageX-de/2,T.pageY-de/2]);d.draggablePosition={x:o,y:b}}function h(T){d.storeWatcher&&d.storeWatcher(),document.body.removeEventListener("dragend",h),document.body.removeEventListener("dragover",a),d.dragging=!1,setTimeout(()=>{d.draggablePosition={x:-100,y:-100}},300)}const{draggableDataTransfer:_,dragging:B}=Te(d);return(T,o)=>{const b=D("n8n-node-creator-node");return p(),S(b,{onDragstart:c,onDragend:h,draggable:"",class:u(T.$style.action),title:T.action.displayName,isTrigger:k(T.action),"data-keyboard-nav":"true"},{dragContent:I(()=>[N("div",{class:u(T.$style.draggableDataTransfer),ref_key:"draggableDataTransfer",ref:_},null,2),Ke(N("div",{class:u(T.$style.draggable),style:we(t.value)},[V(ce,{nodeType:T.nodeType,onClickCapture:o[0]||(o[0]=me(()=>{},["stop"])),size:40,shrink:!1},null,8,["nodeType"])],6),[[He,z(B)]])]),icon:I(()=>[V(ce,{nodeType:T.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 n=D("n8n-node-icon"),s=D("n8n-node-creator-node");return p(),S(s,{class:u(e.$style.view),title:e.view.title,tag:e.view.tag,isTrigger:!1,description:e.view.description,showActionArrow:!0},{icon:I(()=>[V(n,{type:"icon",name:e.view.icon,circle:!1,showTooltip:!1},null,8,["name"])]),_:1},8,["class","title","tag","description"])}}}),vo="_view_5t09j_5",_o={view:vo},ho={$style:_o},$o=H(fo,[["__cssModules",ho]]),bo=["textContent"],To=P({__name:"CategoryItem",props:{expanded:{type:Boolean,default:!0},active:{type:Boolean},count:{},name:{},isTrigger:{type:Boolean}},setup(r){const e=r,l=$(()=>{const n=e.count||0;return n>0?`${e.name} (${n})`:e.name});return(n,s)=>{const y=D("font-awesome-icon");return p(),A("div",oe({class:n.$style.categoryWrapper},n.$attrs,{"data-keyboard-nav":"true","data-test-id":"node-creator-category-item"}),[N("div",{class:u({[n.$style.category]:!0,[n.$style.active]:n.active})},[N("span",{class:u(n.$style.name)},[N("span",{textContent:Y(l.value)},null,8,bo),n.isTrigger?(p(),S(y,{key:0,icon:"bolt",size:"xs",class:u(n.$style.triggerIcon)},null,8,["class"])):R("",!0),F(n.$slots,"default")],2),n.expanded?(p(),S(y,{key:0,icon:"chevron-down",class:u(n.$style.arrow)},null,8,["class"])):(p(),S(y,{key:1,class:u(n.$style.arrow),icon:"chevron-up"},null,8,["class"]))],2)],16)}}}),wo="_triggerIcon_jzfdi_5",ko="_category_jzfdi_10",Co="_active_jzfdi_31",No="_name_jzfdi_35",Io="_arrow_jzfdi_40",So={triggerIcon:wo,category:ko,active:Co,name:No,arrow:Io},Ao={$style:So},Lo=H(To,[["__cssModules",Ao]]),Eo=["data-category-collapsed"],Ro=["innerHTML"],Vo=P({__name:"CategorizedItemsRenderer",props:{elements:{default:()=>[]},category:{},disabled:{type:Boolean},activeIndex:{},isTriggerCategory:{type:Boolean},mouseOverTooltip:{},expanded:{type:Boolean}},setup(r){const e=r,l=ke(),{popViewStack:n}=M(),{registerKeyHook:s}=q(),{workflowId:y}=at(),v=$(()=>{var a;return(a=q())==null?void 0:a.activeItemId}),f=$(()=>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:y}))}function k(){d.value||i(!0)}function c(){if(!d.value){n();return}i(!1)}return X(()=>e.elements,()=>{i(!0)}),s(`CategoryRight_${e.category}`,{keyboardKeys:["ArrowRight"],condition:(a,h)=>a==="category"&&e.category===h,handler:k}),s(`CategoryToggle_${e.category}`,{keyboardKeys:["Enter"],condition:(a,h)=>a==="category"&&e.category===h,handler:t}),s(`CategoryLeft_${e.category}`,{keyboardKeys:["ArrowLeft"],condition:(a,h)=>a==="category"&&e.category===h,handler:c}),(a,h)=>{const _=D("n8n-icon"),B=D("n8n-tooltip");return p(),A("div",{class:u(a.$style.categorizedItemsRenderer),"data-category-collapsed":!d.value},[V(Lo,{class:u(a.$style.categoryItem),name:a.category,disabled:a.disabled,active:v.value===a.category,count:f.value,expanded:d.value,isTrigger:a.isTriggerCategory,"data-keyboard-nav-type":"category","data-keyboard-nav-id":a.category,onClick:t},{default:I(()=>[a.mouseOverTooltip?(p(),A("span",{key:0,class:u(a.$style.mouseOverTooltip)},[V(B,{placement:"top","popper-class":a.$style.tooltipPopper},{content:I(()=>[N("div",{innerHTML:a.mouseOverTooltip},null,8,Ro)]),default:I(()=>[V(_,{icon:"question-circle",size:"small"})]),_:1},8,["popper-class"])],2)):R("",!0)]),_:1},8,["class","name","disabled","active","count","expanded","isTrigger","data-keyboard-nav-id"]),d.value&&f.value>0&&a.$slots.default?(p(),A("div",{key:0,class:u(a.$style.contentSlot)},[F(a.$slots,"default")],2)):R("",!0),d.value?(p(),S(Ne,oe({key:1},a.$attrs,{elements:a.elements,isTrigger:a.isTriggerCategory}),{default:I(()=>[]),empty:I(()=>[F(a.$slots,"empty",ze(yt({elements:a.elements})))]),_:3},16,["elements","isTrigger"])):R("",!0)],10,Eo)}}}),Mo="_mouseOverTooltip_omnnb_5",Oo="_categorizedItemsRenderer_omnnb_13",Bo="_tooltipPopper_omnnb_17",Do="_contentSlot_omnnb_21",Po={mouseOverTooltip:Mo,categorizedItemsRenderer:Oo,tooltipPopper:Bo,contentSlot:Do},Ho={$style:Po},ue=H(Vo,[["__cssModules",Ho]]),Ko={key:0},zo=["data-keyboard-nav-type","data-keyboard-nav-id","onClick"],Uo=20,Wo=5,Yo=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,n=G([]),s=G(0),y=$(()=>{var c;return(c=q())==null?void 0:c.activeItemId});function v(){if(l.elements.length<=Uo||!l.lazyRender){n.value=l.elements;return}n.value.length<l.elements.length&&(n.value.push(...l.elements.slice(n.value.length,n.value.length+Wo)),s.value=window.requestAnimationFrame(v))}function f(c,a,h){l.disabled||e(c,a,h)}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 ye(()=>{v()}),Ue(()=>{window.cancelAnimationFrame(s.value),n.value=[]}),X(()=>l.elements,()=>{window.cancelAnimationFrame(s.value),n.value=[],v()}),(c,a)=>{const h=D("n8n-loading");return c.elements.length>0?(p(),A("div",{key:0,class:u(c.$style.itemsRenderer),name:"accordion",onBeforeEnter:d,onEnter:t,onBeforeLeave:i,onLeave:k},[F(c.$slots,"default"),(p(!0),A(mt,null,ft(c.elements,_=>(p(),A("div",{key:_.uuid},[n.value.includes(_)?(p(),A("div",Ko,[_.type==="section"?(p(),S(ue,{key:0,elements:_.children,expanded:"",category:_.title,onSelected:a[0]||(a[0]=B=>f("selected",B))},null,8,["elements","category"])):(p(),A("div",{key:1,class:u({clickable:!c.disabled,[c.$style.active]:y.value===_.uuid,[c.$style.iteratorItem]:!0,[c.$style[_.type]]:!0}),ref_for:!0,ref:"iteratorItems","data-test-id":"item-iterator-item","data-keyboard-nav-type":_.type!=="label"?_.type:void 0,"data-keyboard-nav-id":_.uuid,onClick:B=>f("selected",_)},[_.type==="label"?(p(),S(ro,{key:0,item:_},null,8,["item"])):R("",!0),_.type==="subcategory"?(p(),S(eo,{key:1,item:_.properties},null,8,["item"])):R("",!0),_.type==="node"?(p(),S(Xt,{key:2,nodeType:_.properties,active:!0,subcategory:_.subcategory},null,8,["nodeType","subcategory"])):R("",!0),_.type==="action"?(p(),S(mo,{key:3,nodeType:_.properties,action:_.properties,active:!0},null,8,["nodeType","action"])):_.type==="view"?(p(),S($o,{key:4,view:_.properties,class:u(c.$style.viewItem)},null,8,["view","class"])):R("",!0)],10,zo))])):(p(),S(h,{key:1,loading:!0,rows:1,variant:"p",class:u(c.$style.itemSkeleton)},null,8,["class"]))]))),128))],34)):(p(),A("div",{key:1,class:u(c.$style.empty)},[F(c.$slots,"empty")],2))}}}),jo="_itemSkeleton_mfosb_5",qo="_iteratorItem_mfosb_9",Fo="_label_mfosb_21",Go="_category_mfosb_21",Xo="_active_mfosb_24",Zo="_empty_mfosb_28",Jo="_itemsRenderer_mfosb_32",Qo="_view_mfosb_41",xo={itemSkeleton:jo,iteratorItem:qo,label:Fo,category:Go,active:Xo,empty:Zo,itemsRenderer:Jo,view:Qo},en={$style:xo},Ne=H(Yo,[["__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=ke(),n=l==null?void 0:l.proxy.$telemetry,{userActivated:s}=rt(),{popViewStack:y,updateCurrentViewStack:v}=M(),{registerKeyHook:f}=q(),{getNodeTypesWithManualTrigger:d,setAddedNodeActionParameters:t,getActionData:i,getPlaceholderTriggerActions:k,parseCategoryActions:c,actionsCategoryLocales:a}=Ce(),h=$(()=>se(b.value,a.value.triggers,!1)),_=$(()=>se(b.value,a.value.actions,!L.value)),B=$(()=>se(M().activeViewStack.baselineItems||[],a.value.triggers,!1)),T=$(()=>se(M().activeViewStack.baselineItems||[],a.value.actions,!L.value)),o=$(()=>h.value.length||L.value?a.value.triggers:`${a.value.triggers} (${O.length})`),b=$(()=>(M().activeViewStack.items||[]).filter(w=>w.properties.actionKey!==ie)),L=$(()=>M().activeViewStack.search),g=$(()=>M().activeViewStack.subcategory),C=$(()=>M().activeViewStack.rootView),O=k(g.value||""),m=$(()=>c(M().activeViewStack.baselineItems||[],a.value.triggers,!L.value).length===0),j=$(()=>(M().activeViewStack.baselineItems||[]).some(K=>(K.properties.actionKey??"")===ie)),W=$(()=>C.value===te);f("ActionsKeyRight",{keyboardKeys:["ArrowRight","Enter"],condition:w=>w==="action",handler:Fe}),f("ActionsKeyLeft",{keyboardKeys:["ArrowLeft"],condition:w=>w==="action",handler:qe});function se(w,E,K=!1){return c(w,E,K)}function qe(){y()}function Fe(w){const K=[...b.value,...O].find(U=>U.uuid===w);K&&ae(K)}function ae(w){const E=i(w.properties);if(O.some(U=>U.key===w.key)&&W.value){const U=b.value[0].key;e("nodeTypeSelected",[E.key,U])}else e("nodeTypeSelected",[E.key]);n&&t(E,n,C.value)}function Ge(){var Q,x,Se;const w=M().activeViewStack,E=(Q=w.baselineItems||[])==null?void 0:Q.filter(ve=>ve.key.toLowerCase().includes("trigger")).length,U={app_identifier:[...b.value,...O][0].key,actions:(x=w.baselineItems||[])==null?void 0:x.map(ve=>ve.properties.displayName),regular_action_count:((Se=w.baselineItems||[])==null?void 0:Se.length)-E,trigger_action_count:E};he().run("nodeCreateList.onViewActions",U),n==null||n.trackNodesPanel("nodeCreateList.onViewActions",U)}function Ie(){v({search:""})}function Xe(){const w={name:"",key:re,value:{authentication:"predefinedCredentialType"}};e("nodeTypeSelected",[re]),n&&t(w);const E=b.value[0].key;he().run("nodeCreateList.onActionsCustmAPIClicked",{app_identifier:E}),n==null||n.trackNodesPanel("nodeCreateList.onActionsCustmAPIClicked",{app_identifier:E})}const Ze=P({props:{rootView:{type:String}},setup(w,{slots:E}){return()=>{var K,U,Q,x;return vt("div",{},w.rootView===ge?[(K=E.actions)==null?void 0:K.call(E),(U=E.triggers)==null?void 0:U.call(E)]:[(Q=E.triggers)==null?void 0:Q.call(E),(x=E.actions)==null?void 0:x.call(E)])}}});return ye(()=>{Ge()}),(w,E)=>{const K=D("n8n-callout"),U=D("n8n-info-tip");return p(),A("div",{class:u(w.$style.container)},[V(z(Ze),{rootView:C.value},le({_:2},[W.value||B.value.length!==0?{name:"triggers",fn:I(()=>[V(ue,{elements:h.value,category:o.value,mouseOverTooltip:w.$locale.baseText("nodeCreator.actionsTooltip.triggersStartWorkflow"),isTriggerCategory:"",expanded:W.value||_.value.length===0,onSelected:ae},le({_:2},[m.value?{name:"empty",fn:I(()=>[m.value?(p(),S(K,{key:0,theme:"info",iconless:"",slim:"","data-test-id":"actions-panel-no-triggers-callout"},{default:I(()=>[N("span",{innerHTML:w.$locale.baseText("nodeCreator.actionsCallout.noTriggerItems",{interpolate:{nodeName:g.value}})},null,8,tn)]),_:1})):R("",!0),V(Ne,{onSelected:ae,elements:z(O)},null,8,["elements"])]),key:"0"}:{name:"empty",fn:I(()=>[N("p",{class:u(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||T.value.length!==0?{name:"actions",fn:I(()=>[V(ue,{elements:_.value,category:z(a).actions,mouseOverTooltip:w.$locale.baseText("nodeCreator.actionsTooltip.actionsPerformStep"),expanded:!W.value||h.value.length===0,onSelected:ae},{empty:I(()=>[L.value?(p(),A("p",{key:1,class:u(w.$style.resetSearch),innerHTML:w.$locale.baseText("nodeCreator.actionsCategory.noMatchingActions"),onClick:Ie,"data-test-id":"actions-panel-no-matching-actions"},null,10,sn)):(p(),S(U,{key:0,theme:"info",type:"note",class:u(w.$style.actionsEmpty)},{default:I(()=>[N("span",{innerHTML:w.$locale.baseText("nodeCreator.actionsCallout.noActionItems",{interpolate:{nodeName:g.value}})},null,8,nn)]),_:1},8,["class"]))]),default:I(()=>[!z(s)&&W.value?(p(),S(K,{key:0,theme:"info",iconless:"",slim:"","data-test-id":"actions-panel-activation-callout"},{default:I(()=>[N("span",{innerHTML:w.$locale.baseText("nodeCreator.actionsCallout.triggersStartWorkflow")},null,8,on)]),_:1})):R("",!0)]),_:1},8,["elements","category","mouseOverTooltip","expanded"])]),key:"1"}:void 0]),1032,["rootView"]),j.value?(p(),A("div",{key:0,class:u(w.$style.apiHint)},[N("span",{onClick:me(Xe,["prevent"]),innerHTML:w.$locale.baseText("nodeCreator.actionsList.apiCall",{interpolate:{node:g.value}})},null,8,an)],2)):R("",!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 p(),A("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 n=D("n8n-link"),s=D("font-awesome-icon");return p(),A("div",{class:u({[e.$style.noResults]:!0,[e.$style.iconless]:!e.showIcon}),"data-test-id":"node-creator-no-results"},[e.showIcon?(p(),A("div",{key:0,class:u(e.$style.icon)},[V($n)],2)):R("",!0),N("div",{class:u(e.$style.title)},[F(e.$slots,"title"),N("p",{textContent:Y(e.$locale.baseText("nodeCreator.noResults.weDidntMakeThatYet"))},null,8,bn),N("div",{class:u(e.$style.action)},[ee(Y(e.$locale.baseText("nodeCreator.noResults.dontWorryYouCanProbablyDoItWithThe"))+" ",1),e.rootView===z(ge)?(p(),S(n,{key:0,onClick:l[0]||(l[0]=y=>e.$emit("addHttpNode"))},{default:I(()=>[ee(Y(e.$locale.baseText("nodeCreator.noResults.httpRequest")),1)]),_:1})):R("",!0),e.rootView===z(te)?(p(),S(n,{key:1,onClick:l[1]||(l[1]=y=>e.$emit("addWebhookNode"))},{default:I(()=>[ee(Y(e.$locale.baseText("nodeCreator.noResults.webhook")),1)]),_:1})):R("",!0),ee(" "+Y(e.$locale.baseText("nodeCreator.noResults.node")),1)],2)],2),e.showRequest?(p(),A("div",{key:1,class:u(e.$style.request)},[N("p",{textContent:Y(e.$locale.baseText("nodeCreator.noResults.wantUsToMakeItFaster"))},null,8,Tn),N("div",null,[V(n,{to:z(it)},{default:I(()=>[N("span",null,Y(e.$locale.baseText("nodeCreator.noResults.requestTheNode")),1),ee("  "),N("span",null,[V(s,{class:u(e.$style.external),icon:"external-link-alt",title:e.$locale.baseText("nodeCreator.noResults.requestTheNode")},null,8,["class","title"])])]),_:1},8,["to"])])],2)):R("",!0)],2)}}}),kn="_noResults_1jje6_5",Cn="_title_1jje6_18",Nn="_action_1jje6_27",In="_request_1jje6_28",Sn="_icon_1jje6_44",An="_external_1jje6_50",Ln={noResults:kn,title:Cn,action:Nn,request:In,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=pe(),n=Ae(),{mergedNodes:s,actions:y}=Z(),{baseUrl:v}=lt(),{pushViewStack:f,popViewStack:d}=M(),{registerKeyHook:t}=q(),i=$(()=>M().activeViewStack),k=$(()=>M().globalSearchItemsDiff);function c(o){e("nodeTypeSelected",o)}function a(o){var b,L;if(o.type==="subcategory"){const g=We(o.properties.title),C=l.baseText(`nodeCreator.subcategoryNames.${g}`);f({subcategory:o.key,title:C,mode:"nodes",...o.properties.icon?{nodeIcon:{icon:o.properties.icon,iconType:"icon"}}:{},...o.properties.panelClass?{panelClass:o.properties.panelClass}:{},rootView:i.value.rootView,forceIncludeNodes:o.properties.forceIncludeNodes,baseFilter:_,itemsMapper:h,sections:o.properties.sections}),n.trackNodesPanel("nodeCreateList.onSubcategorySelected",{subcategory:o.key})}if(o.type==="node"){const g=(y==null?void 0:y[o.key])||[];if(g.length<=1){c([o.key]);return}const C=o.properties.iconUrl?`${v}${o.properties.iconUrl}`:(b=o.properties.icon)==null?void 0:b.split(":")[1],O=g==null?void 0:g.map(m=>pt(m,o.properties.displayName,"action"));f({subcategory:o.properties.displayName,title:o.properties.displayName,nodeIcon:{color:((L=o.properties.defaults)==null?void 0:L.color)||"",icon:C,iconType:o.properties.iconUrl?"file":"icon"},rootView:i.value.rootView,hasSearch:!0,mode:"actions",items:O})}if(o.type==="view"){const g={[te]:Ve,[ge]:Me,[Ee]:Oe,[Re]:Be},C=o.key,O=g[C];if(!O){console.warn(`No view found for ${C}`);return}const m=O(s);f({title:m.title,subtitle:(m==null?void 0:m.subtitle)??"",info:(m==null?void 0:m.info)??"",items:m.items,hasSearch:!0,rootView:m.value,mode:"nodes",searchItems:s})}}function h(o){var C,O;if(o.type!=="node")return o;const b=o.properties.group.includes("trigger"),g=((y==null?void 0:y[o.key])||[]).length>0;return b&&g&&((C=o.properties)!=null&&C.codex&&(o.properties.codex.alias=[...((O=o.properties.codex)==null?void 0:O.alias)||[],o.properties.displayName]),o.properties.displayName=o.properties.displayName.replace(" Trigger","")),o}function _(o){if(o.type==="section")return!0;if(o.type!=="node")return!1;const b=o.properties.group.includes("trigger"),g=((y==null?void 0:y[o.key])||[]).length>0;return i.value.rootView===te?g||b:g||!b}function B(){d()}function T(o){const L=gt([...i.value.items??[],...k.value??[]]).find(g=>g.uuid===o);L&&a(L)}return t("MainViewArrowRight",{keyboardKeys:["ArrowRight","Enter"],condition:o=>["subcategory","node","view"].includes(o),handler:T}),t("MainViewArrowLeft",{keyboardKeys:["ArrowLeft"],condition:o=>["subcategory","node","view"].includes(o),handler:B}),(o,b)=>(p(),A("span",null,[V(Ne,{elements:i.value.items,onSelected:a,class:u(o.$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:b[0]||(b[0]=L=>c([z(Le)])),onAddHttpNode:b[1]||(b[1]=L=>c([z(re)]))},null,8,["rootView"])]),key:"0"}:void 0]),1032,["elements","class"]),k.value.length>0?(p(),S(ue,{key:0,elements:k.value,category:o.$locale.baseText("nodeCreator.categoryNames.otherCategories"),onSelected:a},null,8,["elements","category"])):R("",!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=pe(),{mergedNodes:l}=Z(),{pushViewStack:n,popViewStack:s,updateCurrentViewStack:y}=M(),{setActiveItemIndex:v,attachKeydownEvent:f,detachKeydownEvent:d}=q(),t=$(()=>M().activeViewStack),i=$(()=>M().viewStacks),k=$(()=>M().activeViewStackMode==="actions"),c=$(()=>k.value?e.baseText("nodeCreator.actionsCategory.searchActions",{interpolate:{node:t.value.title}}):e.baseText("nodeCreator.searchBar.searchNodes")),a=$(()=>Z().selectedView);function h(o=""){return t.value.activeIndex?t.value.activeIndex:t.value.mode==="actions"?1:t.value.sections?o?0:1:0}function _(o){t.value.uuid&&(y({search:o}),v(h(o)))}function B(){v(h())}ye(()=>{f(),v(h())}),Ue(()=>{d()}),X(()=>a.value,o=>{const b={[te]:Ve,[ge]:Me,[Ee]:Oe,[Re]:Be},L=o,g=b[L];if(!g){console.warn(`No view found for ${L}`);return}const C=g(l);n({title:C.title,subtitle:(C==null?void 0:C.subtitle)??"",items:C.items,info:C.info,hasSearch:!0,mode:"nodes",rootView:o,searchItems:l})},{immediate:!0});function T(){s()}return(o,b)=>{const L=D("font-awesome-icon"),g=D("n8n-node-icon"),C=D("n8n-notice");return i.value.length>0?(p(),S(De,{key:0,name:`panel-slide-${t.value.transitionDirection}`,onAfterLeave:B},{default:I(()=>[(p(),A("aside",{class:u([o.$style.nodesListPanel,t.value.panelClass]),onKeydownCapture:b[0]||(b[0]=me(()=>{},["stop"])),key:`${t.value.uuid}`},[N("header",{class:u({[o.$style.header]:!0,[o.$style.hasBg]:!t.value.subtitle,"nodes-list-panel-header":!0}),"data-test-id":"nodes-list-header"},[N("div",{class:u(o.$style.top)},[i.value.length>1&&!t.value.preventBack?(p(),A("button",{key:0,class:u(o.$style.backButton),onClick:T},[V(L,{class:u(o.$style.backButtonIcon),icon:"arrow-left",size:"2x"},null,8,["class"])],2)):R("",!0),t.value.nodeIcon?(p(),S(g,{key:1,class:u(o.$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"])):R("",!0),t.value.title?(p(),A("p",{key:2,class:u(o.$style.title),textContent:Y(t.value.title)},null,10,Pn)):R("",!0)],2),t.value.subtitle?(p(),A("p",{key:0,class:u({[o.$style.subtitle]:!0,[o.$style.offsetSubtitle]:i.value.length>1}),textContent:Y(t.value.subtitle)},null,10,Hn)):R("",!0)],2),t.value.hasSearch?(p(),S(Pt,{key:0,class:u(o.$style.searchBar),placeholder:c.value?c.value:o.$locale.baseText("nodeCreator.searchBar.searchNodes"),modelValue:t.value.search,"onUpdate:modelValue":_},null,8,["class","placeholder","modelValue"])):R("",!0),N("div",{class:u(o.$style.renderedItems)},[t.value.info&&!t.value.search?(p(),S(C,{key:0,class:u(o.$style.info),content:t.value.info,theme:"warning"},null,8,["class","content"])):R("",!0),k.value&&t.value.subcategory?(p(),S(yn,ze(oe({key:1},o.$attrs)),null,16)):(p(),S(Dn,oe({key:2,rootView:a.value},o.$attrs),null,16,["rootView"]))],2)],34))]),_:1},8,["name"])):R("",!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",Jn="_hasBg_tt5pd_105",Qn="_title_tt5pd_110",xn="_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:Jn,title:Qn,subtitle:xn,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:n}=M(),{registerKeyHook:s}=q(),y=ct(),{setShowScrim:v,setActions:f,setMergeNodes:d}=Z(),{generateMergedNodesAndActions:t}=It(),i=be({nodeCreator:null,mousedownInsideEvent:null}),k=$(()=>Z().showScrim),c=$(()=>M().viewStacks.length),a=$(()=>({top:`${y.bannersHeight+y.headerHeight}px`}));function h(){var g;if(i.mousedownInsideEvent){const C=new MouseEvent("click",{bubbles:!0,cancelable:!0});(g=i.mousedownInsideEvent.target)==null||g.dispatchEvent(C),i.mousedownInsideEvent=null,_()}}function _(){document.removeEventListener("mouseup",h),document.removeEventListener("touchstart",h)}function B(){i.mousedownInsideEvent=null,_()}function T(g){i.mousedownInsideEvent=g,document.addEventListener("mouseup",h),document.addEventListener("touchstart",h)}function o(g){g.preventDefault()}function b(g){if(!g.dataTransfer)return;const C=g.dataTransfer.getData($e),O=i.nodeCreator.getBoundingClientRect();C&&g.pageX>=O.x&&g.pageY>=O.y&&g.stopPropagation()}X(()=>l.active,g=>{g||(v(!1),n())}),X(c,g=>{g===0&&(e("closeNodeCreator"),v(!1))}),s("NodeCreatorCloseEscape",{keyboardKeys:["Escape"],handler:()=>e("closeNodeCreator")}),s("NodeCreatorCloseTab",{keyboardKeys:["Tab"],handler:()=>e("closeNodeCreator")}),X(()=>({httpOnlyCredentials:dt().httpOnlyCredentialTypes,nodeTypes:ut().visibleNodeTypes}),({nodeTypes:g,httpOnlyCredentials:C})=>{const{actions:O,mergedNodes:m}=t(g,C);f(O),d(m)},{immediate:!0});const{nodeCreator:L}=Te(i);return Pe(()=>{_()}),(g,C)=>(p(),A("div",null,[N("aside",{class:u({[g.$style.nodeCreatorScrim]:!0,[g.$style.active]:k.value})},null,2),V(Tt,null,{default:I(()=>[g.active?(p(),A("div",{key:0,class:u(g.$style.nodeCreator),style:we(a.value),ref_key:"nodeCreator",ref:L,onDragover:o,onDrop:b,onMousedown:T,onMouseup:B,"data-test-id":"node-creator"},[V(ns,{onNodeTypeSelected:g.onNodeTypeSelected},null,8,["onNodeTypeSelected"])],38)):R("",!0)]),_:1})]))}}),as="_nodeCreator_cvzgl_9",rs="_nodeCreatorScrim_cvzgl_20",is="_active_cvzgl_32",ls={nodeCreator:as,nodeCreatorScrim:rs,active:is},cs={$style:ls},Xs=H(ss,[["__cssModules",cs]]);export{Xs as default};
-//# sourceMappingURL=NodeCreator-YAF-VpA5.js.map
+import{_ as H,k as Je,a7 as re,g5 as Qe,F as ie,ab as he,eM as xe,aZ as et,bh as tt,d3 as ot,N as nt,aM as st,M as pe,fn as $e,O as Ae,a4 as Le,B as at,p as rt,eN as te,f1 as ge,g6 as it,v as lt,eO as Ee,eP as Re,u as ct,y as dt,z as ut}from"./n8n-ZKR6bms9.js";import{u as Z,b as M,c as q,t as pt,f as gt,T as Ve,R as Me,A as Oe,d as Be}from"./NodeView-fUdpq96X.js";import{G as P,l as p,M as S,O as I,H as F,W as De,Z as be,b as ye,y as Pe,_ as Te,ag as D,m as A,p as N,T as V,I as u,Q as R,r as G,e as $,a9 as le,u as z,J as we,a2 as me,U as He,V as Ke,K as oe,R as Y,a as ke,d as X,al as yt,ab as ze,Y as Ue,F as mt,a7 as ft,af as vt,aL as _t,S as ee}from"./vendor-2CfOYFi2.js";import{m as ht,B as fe,C as We}from"./lodash-es-s_m9YyW7.js";import{u as Ce}from"./NodeCreation-RvlbocPg.js";import{N as ce,l as Ye,ab as de}from"./index-RXjMHIPR.js";import"./axios-QLjAsgXu.js";import"./flatted-jPn12Tq4.js";import"./esprima-next-ulPLCZ1Z.js";import"./luxon-ZRIU05qF.js";import"./pinia-jX93eZRS.js";import"./@vueuse/core-viEZCtbZ.js";import"./uuid-McvpxQtQ.js";import"./vue-i18n-2T2QU_2c.js";import"./@n8n/permissions-8yMqUF1Y.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-Yog1CJXv.js";import"./file-saver-PQ97zATM.js";import"./vue-json-pretty-_sFPiXe-.js";import"./RunDataAi-dgEyN_Yl.js";import"./vue-markdown-render-arvjXOrF.js";import"./useCopyToClipboard--_VQNyU0.js";import"./copy-to-clipboard-w-_qJz-n.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-RhDdw38P.js";import"./timeago.js--Bumj2r9.js";import"./qrcode.vue-f7Vn5Pkq.js";import"./vue3-touch-events-_RfbPMOD.js";import"./chart.js-JtqvIvkt.js";import"./workflowActivate-IRvCsxq5.js";import"./collaboration.store-ba_Vl3Ko.js";const $t=P({name:"SlideTransition"});function bt(r,e,l,n,s,y){return p(),S(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 Je.baseText(...r)}const J=ht(wt,(...r)=>JSON.stringify(r)),_e={"n8n-nodes-base.hubspotTrigger":(r,e)=>{var n,s,y;const l=(n=r==null?void 0:r.options)==null?void 0:n[0];return(y=(s=l==null?void 0:l.values[0])==null?void 0:s.options)==null?void 0:y.map(v=>({...ne(e),actionKey:v.value,displayName:J("nodeCreator.actionsCategory.onEvent",{interpolate:{event:fe(v.name)}}),description:v.description||"",displayOptions:r.displayOptions,values:{eventsUi:{eventValues:[{name:v.value}]}}}))}};function ne(r,e){const l=r.group.includes("trigger"),n=J(l?"nodeCreator.actionsCategory.triggers":"nodeCreator.actionsCategory.actions");return{name:r.name,group:r.group,codex:{label:e||"",categories:[n]},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 y;return((y=s.name)==null?void 0:y.toLowerCase())==="operation"});if(!(e!=null&&e.options))return[];const n=e.options.filter(s=>!["*",""," "].includes(s.name)).map(s=>({...ne(r),actionKey:s.value,displayName:s.action??fe(s.name),description:s.description??"",displayOptions:e.displayOptions,values:{[e.name]:e.type==="multiOptions"?[s.value]:s.value}}));return n.length===0?[]:n}function Ct(r){var f,d;const e=["event","events","trigger on"],l=(f=r.displayName)==null?void 0:f.toLowerCase().includes("trigger"),n=r.properties.find(t=>{var i;return e.includes((i=t.displayName)==null?void 0:i.toLowerCase())});if(!l)return[];if(!(n!=null&&n.options))return[{...ne(r),actionKey:je,displayName:J("nodeCreator.actionsCategory.onNewEvent",{interpolate:{event:r.displayName.replace("Trigger","").trimEnd()}}),description:""}];const s=n.options.filter(t=>!["*",""," "].includes(t.name));return((d=_e[r.name])==null?void 0:d.call(_e,n,r))??s.map(t=>({...ne(r),actionKey:t.value,displayName:t.action??J("nodeCreator.actionsCategory.onEvent",{interpolate:{event:fe(t.name)}}),description:t.description||"",displayOptions:n.displayOptions,values:{[n.name]:n.type==="multiOptions"?[t.value]:t.value}}))}function Nt(r){const e=[];return r.properties.filter(n=>{var s;return((s=n.displayName)==null?void 0:s.toLowerCase())==="resource"}).forEach(n=>{(n.options||[]).filter(s=>s.value!==ie).forEach((s,y,v)=>{const f=v.length===1,d=r.properties.find(i=>{var B,T,o,b,L;const k=i.name==="operation",c=((o=(T=(B=i.displayOptions)==null?void 0:B.show)==null?void 0:T.resource)==null?void 0:o.includes(s.value))||f,a=(L=(b=i.displayOptions)==null?void 0:b.show)==null?void 0:L["@version"],h=Array.isArray(r.version)?r.version:[r.version],_=a?a.some(g=>h.includes(g)):!0;return k&&c&&_});if(!(d!=null&&d.options))return;const t=(d.options||[]).map(i=>{var a;const k=i.action??`${s.name} ${fe(i.name)}`,c=f?{show:{resource:[(a=v[0])==null?void 0:a.value]}}:d==null?void 0:d.displayOptions;return{...ne(r,`${s.name} ${J("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 It(){function r(s){return s?[...Ct(s),...kt(s),...Nt(s)]:[]}function e(s){return s.length<=1?[]:s.filter((y,v,f)=>{if(y.actionKey===ie)return!1;const t=y.actionKey===je;return!t||t&&f.length>1})}function l(s){const{displayName:y,defaults:v,description:f,name:d,group:t,icon:i,iconUrl:k,badgeIconUrl:c,outputs:a,codex:h}=s;return{displayName:y,defaults:v,description:f,name:d,group:t,icon:i,iconUrl:k,badgeIconUrl:c,outputs:a,codex:h}}function n(s,y){const v=[...s],f={},d=[];return v.filter(t=>!t.group.includes("trigger")).forEach(t=>{const i=r(t);if(f[t.name]=i,t.name===re){const k=y.map(c=>l(Qe(t,c)));d.push(...k)}d.push(l(t))}),v.filter(t=>t.group.includes("trigger")).forEach(t=>{const i=t.name.replace("Trigger",""),k=r(t),c=(f==null?void 0:f[i])||[],a=d.find(h=>h.name===i);if(a&&(c==null?void 0:c.length)>0){const h=e([...c,...k]);f[i]=h,a.description=t.description}else f[t.name]=e(k),d.push(l(t))}),{actions:f,mergedNodes:d}}return{generateMergedNodesAndActions:n}}const St=["placeholder","value"],At=P({__name:"SearchBar",props:{placeholder:{default:""},modelValue:{default:""}},emits:["update:modelValue"],setup(r,{expose:e,emit:l}){const n=be({inputRef:null}),s=he();function y(){var t;(t=n.inputRef)==null||t.focus()}function v(t){const i=t.target;l("update:modelValue",i.value)}function f(){l("update:modelValue","")}ye(()=>{s.run("nodeCreatorSearchBar.mount",{inputRef:n.inputRef}),setTimeout(y,0)}),Pe(()=>{var t;(t=n.inputRef)==null||t.remove()});const{inputRef:d}=Te(n);return e({focus:y}),(t,i)=>{const k=D("font-awesome-icon");return p(),A("div",{class:u(t.$style.searchContainer),"data-test-id":"search-bar"},[N("div",{class:u({[t.$style.prefix]:!0,[t.$style.active]:t.modelValue.length>0})},[V(k,{icon:"search",size:"sm"})],2),N("div",{class:u(t.$style.text)},[N("input",{placeholder:t.placeholder,value:t.modelValue,class:u(t.$style.input),ref_key:"inputRef",ref:d,autofocus:"","data-test-id":"node-creator-search-bar",tabindex:"0",onInput:v},null,42,St)],2),t.modelValue.length>0?(p(),A("div",{key:0,class:u(t.$style.suffix),onClick:f},[N("button",{class:u([t.$style.clear,t.$style.clickable])},[V(k,{icon:"times-circle"})],2)],2)):R("",!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=pe(),n=Ae(),{actions:s}=Z(),{getAddedNodesAndConnections:y}=Ce(),v=G(!1),f=G({x:-100,y:-100}),d=G(null),t=$(()=>e.subcategory===xe&&!e.nodeType.name.startsWith(et)?"":l.headerText({key:`headers.${h.value}.description`,fallback:e.nodeType.description})),i=$(()=>c.value),k=$(()=>c.value?"node-creator-action-item":"node-creator-node-item"),c=$(()=>a.value.length>1),a=$(()=>s[e.nodeType.name]||[]),h=$(()=>l.shortNodeType(e.nodeType.name)||""),_=$(()=>({top:`${f.value.y}px`,left:`${f.value.x}px`})),B=$(()=>tt(e.nodeType.name)),T=$(()=>{const m=e.nodeType.displayName.trimEnd();return l.headerText({key:`headers.${h.value}.displayName`,fallback:c.value?m.replace("Trigger",""):m})}),o=$(()=>{if(!e.nodeType.outputs||typeof e.nodeType.outputs=="string")return!1;const m=ot(e.nodeType.outputs);return m?m.filter(j=>j!==nt.Main).length>0:!1}),b=$(()=>e.nodeType.group.includes("trigger")&&!c.value);function L(m){document.body.addEventListener("dragover",g);const{pageX:j,pageY:W}=m;m.dataTransfer&&(m.dataTransfer.effectAllowed="copy",m.dataTransfer.dropEffect="copy",m.dataTransfer.setDragImage(d.value,0,0),m.dataTransfer.setData($e,JSON.stringify(y([{type:e.nodeType.name}])))),v.value=!0,f.value={x:j,y:W}}function g(m){if(!v.value||m.pageX===0&&m.pageY===0)return;const[j,W]=Ye([],[m.pageX-de/2,m.pageY-de/2]);f.value={x:j,y:W}}function C(m){document.body.removeEventListener("dragover",g),v.value=!1,setTimeout(()=>{f.value={x:-100,y:-100}},300)}function O(m){m.target.localName==="a"&&n.track("user clicked cnr docs link",{source:"nodes panel node"})}return(m,j)=>{const W=D("n8n-node-creator-node");return p(),S(W,{draggable:!i.value,onDragstart:L,onDragend:C,class:u(m.$style.nodeItem),description:t.value,title:T.value,"show-action-arrow":i.value,"is-trigger":b.value,"data-test-id":k.value},le({icon:I(()=>[o.value?(p(),A("div",{key:0,class:u(m.$style.subNodeBackground)},null,2)):R("",!0),V(ce,{class:u(m.$style.nodeIcon),nodeType:m.nodeType},null,8,["class","nodeType"])]),dragContent:I(()=>[N("div",{class:u(m.$style.draggableDataTransfer),ref_key:"draggableDataTransfer",ref:d},null,2),Ke(N("div",{class:u(m.$style.draggable),style:we(_.value)},[V(ce,{nodeType:m.nodeType,onClickCapture:j[0]||(j[0]=me(()=>{},["stop"])),size:40,shrink:!1},null,8,["nodeType"])],6),[[He,v.value]])]),_:2},[B.value?{name:"tooltip",fn:I(()=>[N("p",{class:u(m.$style.communityNodeIcon),innerHTML:z(l).baseText("generic.communityNode.tooltip",{interpolate:{packageName:m.nodeType.name.split(".")[0],docURL:z(st)}}),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=pe(),n=$(()=>We(e.item.subcategory||e.item.title));return(s,y)=>{const v=D("n8n-node-icon"),f=D("n8n-node-creator-node");return p(),S(f,{class:u(s.$style.subCategory),title:z(l).baseText(`nodeCreator.subcategoryNames.${n.value}`),isTrigger:!1,description:z(l).baseText(`nodeCreator.subcategoryDescriptions.${n.value}`),showActionArrow:!0},{icon:I(()=>[V(v,oe({type:"icon",name:s.item.icon,circle:!1,showTooltip:!1},s.item.iconProps),null,16,["name"])]),_:1},8,["class","title","description"])}}}),Jt="_subCategory_1js79_5",Qt={subCategory:Jt},xt={$style:Qt},eo=H(Zt,[["__cssModules",xt]]),to=["textContent"],oo=P({__name:"LabelItem",props:{item:{}},setup(r){return(e,l)=>(p(),A("div",{class:u(e.$style.label)},[N("span",{class:u(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=ke(),n=l==null?void 0:l.proxy.$telemetry,{getActionData:s,getAddedNodesAndConnections:y,setAddedNodeActionParameters:v}=Ce(),{activeViewStack:f}=M(),d=be({dragging:!1,draggablePosition:{x:-100,y:-100},storeWatcher:null,draggableDataTransfer:null}),t=$(()=>({top:`${d.draggablePosition.y}px`,left:`${d.draggablePosition.x}px`})),i=$(()=>s(e.action)),k=T=>{var o;return((o=T.name)==null?void 0:o.toLowerCase().includes("trigger"))||T.name===Le};function c(T){document.body.addEventListener("dragover",a);const{pageX:o,pageY:b}=T;T.dataTransfer&&i.value.key&&(T.dataTransfer.effectAllowed="copy",T.dataTransfer.dropEffect="copy",T.dataTransfer.setDragImage(d.draggableDataTransfer,0,0),T.dataTransfer.setData($e,JSON.stringify(y([{type:i.value.key}]))),n&&(d.storeWatcher=v(i.value,n,f.rootView)),document.body.addEventListener("dragend",h)),d.dragging=!0,d.draggablePosition={x:o,y:b}}function a(T){if(!d.dragging||T.pageX===0&&T.pageY===0)return;const[o,b]=Ye([],[T.pageX-de/2,T.pageY-de/2]);d.draggablePosition={x:o,y:b}}function h(T){d.storeWatcher&&d.storeWatcher(),document.body.removeEventListener("dragend",h),document.body.removeEventListener("dragover",a),d.dragging=!1,setTimeout(()=>{d.draggablePosition={x:-100,y:-100}},300)}const{draggableDataTransfer:_,dragging:B}=Te(d);return(T,o)=>{const b=D("n8n-node-creator-node");return p(),S(b,{onDragstart:c,onDragend:h,draggable:"",class:u(T.$style.action),title:T.action.displayName,isTrigger:k(T.action),"data-keyboard-nav":"true"},{dragContent:I(()=>[N("div",{class:u(T.$style.draggableDataTransfer),ref_key:"draggableDataTransfer",ref:_},null,2),Ke(N("div",{class:u(T.$style.draggable),style:we(t.value)},[V(ce,{nodeType:T.nodeType,onClickCapture:o[0]||(o[0]=me(()=>{},["stop"])),size:40,shrink:!1},null,8,["nodeType"])],6),[[He,z(B)]])]),icon:I(()=>[V(ce,{nodeType:T.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 n=D("n8n-node-icon"),s=D("n8n-node-creator-node");return p(),S(s,{class:u(e.$style.view),title:e.view.title,tag:e.view.tag,isTrigger:!1,description:e.view.description,showActionArrow:!0},{icon:I(()=>[V(n,{type:"icon",name:e.view.icon,circle:!1,showTooltip:!1},null,8,["name"])]),_:1},8,["class","title","tag","description"])}}}),vo="_view_5t09j_5",_o={view:vo},ho={$style:_o},$o=H(fo,[["__cssModules",ho]]),bo=["textContent"],To=P({__name:"CategoryItem",props:{expanded:{type:Boolean,default:!0},active:{type:Boolean},count:{},name:{},isTrigger:{type:Boolean}},setup(r){const e=r,l=$(()=>{const n=e.count||0;return n>0?`${e.name} (${n})`:e.name});return(n,s)=>{const y=D("font-awesome-icon");return p(),A("div",oe({class:n.$style.categoryWrapper},n.$attrs,{"data-keyboard-nav":"true","data-test-id":"node-creator-category-item"}),[N("div",{class:u({[n.$style.category]:!0,[n.$style.active]:n.active})},[N("span",{class:u(n.$style.name)},[N("span",{textContent:Y(l.value)},null,8,bo),n.isTrigger?(p(),S(y,{key:0,icon:"bolt",size:"xs",class:u(n.$style.triggerIcon)},null,8,["class"])):R("",!0),F(n.$slots,"default")],2),n.expanded?(p(),S(y,{key:0,icon:"chevron-down",class:u(n.$style.arrow)},null,8,["class"])):(p(),S(y,{key:1,class:u(n.$style.arrow),icon:"chevron-up"},null,8,["class"]))],2)],16)}}}),wo="_triggerIcon_jzfdi_5",ko="_category_jzfdi_10",Co="_active_jzfdi_31",No="_name_jzfdi_35",Io="_arrow_jzfdi_40",So={triggerIcon:wo,category:ko,active:Co,name:No,arrow:Io},Ao={$style:So},Lo=H(To,[["__cssModules",Ao]]),Eo=["data-category-collapsed"],Ro=["innerHTML"],Vo=P({__name:"CategorizedItemsRenderer",props:{elements:{default:()=>[]},category:{},disabled:{type:Boolean},activeIndex:{},isTriggerCategory:{type:Boolean},mouseOverTooltip:{},expanded:{type:Boolean}},setup(r){const e=r,l=ke(),{popViewStack:n}=M(),{registerKeyHook:s}=q(),{workflowId:y}=at(),v=$(()=>{var a;return(a=q())==null?void 0:a.activeItemId}),f=$(()=>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:y}))}function k(){d.value||i(!0)}function c(){if(!d.value){n();return}i(!1)}return X(()=>e.elements,()=>{i(!0)}),s(`CategoryRight_${e.category}`,{keyboardKeys:["ArrowRight"],condition:(a,h)=>a==="category"&&e.category===h,handler:k}),s(`CategoryToggle_${e.category}`,{keyboardKeys:["Enter"],condition:(a,h)=>a==="category"&&e.category===h,handler:t}),s(`CategoryLeft_${e.category}`,{keyboardKeys:["ArrowLeft"],condition:(a,h)=>a==="category"&&e.category===h,handler:c}),(a,h)=>{const _=D("n8n-icon"),B=D("n8n-tooltip");return p(),A("div",{class:u(a.$style.categorizedItemsRenderer),"data-category-collapsed":!d.value},[V(Lo,{class:u(a.$style.categoryItem),name:a.category,disabled:a.disabled,active:v.value===a.category,count:f.value,expanded:d.value,isTrigger:a.isTriggerCategory,"data-keyboard-nav-type":"category","data-keyboard-nav-id":a.category,onClick:t},{default:I(()=>[a.mouseOverTooltip?(p(),A("span",{key:0,class:u(a.$style.mouseOverTooltip)},[V(B,{placement:"top","popper-class":a.$style.tooltipPopper},{content:I(()=>[N("div",{innerHTML:a.mouseOverTooltip},null,8,Ro)]),default:I(()=>[V(_,{icon:"question-circle",size:"small"})]),_:1},8,["popper-class"])],2)):R("",!0)]),_:1},8,["class","name","disabled","active","count","expanded","isTrigger","data-keyboard-nav-id"]),d.value&&f.value>0&&a.$slots.default?(p(),A("div",{key:0,class:u(a.$style.contentSlot)},[F(a.$slots,"default")],2)):R("",!0),d.value?(p(),S(Ne,oe({key:1},a.$attrs,{elements:a.elements,isTrigger:a.isTriggerCategory}),{default:I(()=>[]),empty:I(()=>[F(a.$slots,"empty",ze(yt({elements:a.elements})))]),_:3},16,["elements","isTrigger"])):R("",!0)],10,Eo)}}}),Mo="_mouseOverTooltip_omnnb_5",Oo="_categorizedItemsRenderer_omnnb_13",Bo="_tooltipPopper_omnnb_17",Do="_contentSlot_omnnb_21",Po={mouseOverTooltip:Mo,categorizedItemsRenderer:Oo,tooltipPopper:Bo,contentSlot:Do},Ho={$style:Po},ue=H(Vo,[["__cssModules",Ho]]),Ko={key:0},zo=["data-keyboard-nav-type","data-keyboard-nav-id","onClick"],Uo=20,Wo=5,Yo=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,n=G([]),s=G(0),y=$(()=>{var c;return(c=q())==null?void 0:c.activeItemId});function v(){if(l.elements.length<=Uo||!l.lazyRender){n.value=l.elements;return}n.value.length<l.elements.length&&(n.value.push(...l.elements.slice(n.value.length,n.value.length+Wo)),s.value=window.requestAnimationFrame(v))}function f(c,a,h){l.disabled||e(c,a,h)}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 ye(()=>{v()}),Ue(()=>{window.cancelAnimationFrame(s.value),n.value=[]}),X(()=>l.elements,()=>{window.cancelAnimationFrame(s.value),n.value=[],v()}),(c,a)=>{const h=D("n8n-loading");return c.elements.length>0?(p(),A("div",{key:0,class:u(c.$style.itemsRenderer),name:"accordion",onBeforeEnter:d,onEnter:t,onBeforeLeave:i,onLeave:k},[F(c.$slots,"default"),(p(!0),A(mt,null,ft(c.elements,_=>(p(),A("div",{key:_.uuid},[n.value.includes(_)?(p(),A("div",Ko,[_.type==="section"?(p(),S(ue,{key:0,elements:_.children,expanded:"",category:_.title,onSelected:a[0]||(a[0]=B=>f("selected",B))},null,8,["elements","category"])):(p(),A("div",{key:1,class:u({clickable:!c.disabled,[c.$style.active]:y.value===_.uuid,[c.$style.iteratorItem]:!0,[c.$style[_.type]]:!0}),ref_for:!0,ref:"iteratorItems","data-test-id":"item-iterator-item","data-keyboard-nav-type":_.type!=="label"?_.type:void 0,"data-keyboard-nav-id":_.uuid,onClick:B=>f("selected",_)},[_.type==="label"?(p(),S(ro,{key:0,item:_},null,8,["item"])):R("",!0),_.type==="subcategory"?(p(),S(eo,{key:1,item:_.properties},null,8,["item"])):R("",!0),_.type==="node"?(p(),S(Xt,{key:2,nodeType:_.properties,active:!0,subcategory:_.subcategory},null,8,["nodeType","subcategory"])):R("",!0),_.type==="action"?(p(),S(mo,{key:3,nodeType:_.properties,action:_.properties,active:!0},null,8,["nodeType","action"])):_.type==="view"?(p(),S($o,{key:4,view:_.properties,class:u(c.$style.viewItem)},null,8,["view","class"])):R("",!0)],10,zo))])):(p(),S(h,{key:1,loading:!0,rows:1,variant:"p",class:u(c.$style.itemSkeleton)},null,8,["class"]))]))),128))],34)):(p(),A("div",{key:1,class:u(c.$style.empty)},[F(c.$slots,"empty")],2))}}}),jo="_itemSkeleton_mfosb_5",qo="_iteratorItem_mfosb_9",Fo="_label_mfosb_21",Go="_category_mfosb_21",Xo="_active_mfosb_24",Zo="_empty_mfosb_28",Jo="_itemsRenderer_mfosb_32",Qo="_view_mfosb_41",xo={itemSkeleton:jo,iteratorItem:qo,label:Fo,category:Go,active:Xo,empty:Zo,itemsRenderer:Jo,view:Qo},en={$style:xo},Ne=H(Yo,[["__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=ke(),n=l==null?void 0:l.proxy.$telemetry,{userActivated:s}=rt(),{popViewStack:y,updateCurrentViewStack:v}=M(),{registerKeyHook:f}=q(),{getNodeTypesWithManualTrigger:d,setAddedNodeActionParameters:t,getActionData:i,getPlaceholderTriggerActions:k,parseCategoryActions:c,actionsCategoryLocales:a}=Ce(),h=$(()=>se(b.value,a.value.triggers,!1)),_=$(()=>se(b.value,a.value.actions,!L.value)),B=$(()=>se(M().activeViewStack.baselineItems||[],a.value.triggers,!1)),T=$(()=>se(M().activeViewStack.baselineItems||[],a.value.actions,!L.value)),o=$(()=>h.value.length||L.value?a.value.triggers:`${a.value.triggers} (${O.length})`),b=$(()=>(M().activeViewStack.items||[]).filter(w=>w.properties.actionKey!==ie)),L=$(()=>M().activeViewStack.search),g=$(()=>M().activeViewStack.subcategory),C=$(()=>M().activeViewStack.rootView),O=k(g.value||""),m=$(()=>c(M().activeViewStack.baselineItems||[],a.value.triggers,!L.value).length===0),j=$(()=>(M().activeViewStack.baselineItems||[]).some(K=>(K.properties.actionKey??"")===ie)),W=$(()=>C.value===te);f("ActionsKeyRight",{keyboardKeys:["ArrowRight","Enter"],condition:w=>w==="action",handler:Fe}),f("ActionsKeyLeft",{keyboardKeys:["ArrowLeft"],condition:w=>w==="action",handler:qe});function se(w,E,K=!1){return c(w,E,K)}function qe(){y()}function Fe(w){const K=[...b.value,...O].find(U=>U.uuid===w);K&&ae(K)}function ae(w){const E=i(w.properties);if(O.some(U=>U.key===w.key)&&W.value){const U=b.value[0].key;e("nodeTypeSelected",[E.key,U])}else e("nodeTypeSelected",[E.key]);n&&t(E,n,C.value)}function Ge(){var Q,x,Se;const w=M().activeViewStack,E=(Q=w.baselineItems||[])==null?void 0:Q.filter(ve=>ve.key.toLowerCase().includes("trigger")).length,U={app_identifier:[...b.value,...O][0].key,actions:(x=w.baselineItems||[])==null?void 0:x.map(ve=>ve.properties.displayName),regular_action_count:((Se=w.baselineItems||[])==null?void 0:Se.length)-E,trigger_action_count:E};he().run("nodeCreateList.onViewActions",U),n==null||n.trackNodesPanel("nodeCreateList.onViewActions",U)}function Ie(){v({search:""})}function Xe(){const w={name:"",key:re,value:{authentication:"predefinedCredentialType"}};e("nodeTypeSelected",[re]),n&&t(w);const E=b.value[0].key;he().run("nodeCreateList.onActionsCustmAPIClicked",{app_identifier:E}),n==null||n.trackNodesPanel("nodeCreateList.onActionsCustmAPIClicked",{app_identifier:E})}const Ze=P({props:{rootView:{type:String}},setup(w,{slots:E}){return()=>{var K,U,Q,x;return vt("div",{},w.rootView===ge?[(K=E.actions)==null?void 0:K.call(E),(U=E.triggers)==null?void 0:U.call(E)]:[(Q=E.triggers)==null?void 0:Q.call(E),(x=E.actions)==null?void 0:x.call(E)])}}});return ye(()=>{Ge()}),(w,E)=>{const K=D("n8n-callout"),U=D("n8n-info-tip");return p(),A("div",{class:u(w.$style.container)},[V(z(Ze),{rootView:C.value},le({_:2},[W.value||B.value.length!==0?{name:"triggers",fn:I(()=>[V(ue,{elements:h.value,category:o.value,mouseOverTooltip:w.$locale.baseText("nodeCreator.actionsTooltip.triggersStartWorkflow"),isTriggerCategory:"",expanded:W.value||_.value.length===0,onSelected:ae},le({_:2},[m.value?{name:"empty",fn:I(()=>[m.value?(p(),S(K,{key:0,theme:"info",iconless:"",slim:"","data-test-id":"actions-panel-no-triggers-callout"},{default:I(()=>[N("span",{innerHTML:w.$locale.baseText("nodeCreator.actionsCallout.noTriggerItems",{interpolate:{nodeName:g.value}})},null,8,tn)]),_:1})):R("",!0),V(Ne,{onSelected:ae,elements:z(O)},null,8,["elements"])]),key:"0"}:{name:"empty",fn:I(()=>[N("p",{class:u(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||T.value.length!==0?{name:"actions",fn:I(()=>[V(ue,{elements:_.value,category:z(a).actions,mouseOverTooltip:w.$locale.baseText("nodeCreator.actionsTooltip.actionsPerformStep"),expanded:!W.value||h.value.length===0,onSelected:ae},{empty:I(()=>[L.value?(p(),A("p",{key:1,class:u(w.$style.resetSearch),innerHTML:w.$locale.baseText("nodeCreator.actionsCategory.noMatchingActions"),onClick:Ie,"data-test-id":"actions-panel-no-matching-actions"},null,10,sn)):(p(),S(U,{key:0,theme:"info",type:"note",class:u(w.$style.actionsEmpty)},{default:I(()=>[N("span",{innerHTML:w.$locale.baseText("nodeCreator.actionsCallout.noActionItems",{interpolate:{nodeName:g.value}})},null,8,nn)]),_:1},8,["class"]))]),default:I(()=>[!z(s)&&W.value?(p(),S(K,{key:0,theme:"info",iconless:"",slim:"","data-test-id":"actions-panel-activation-callout"},{default:I(()=>[N("span",{innerHTML:w.$locale.baseText("nodeCreator.actionsCallout.triggersStartWorkflow")},null,8,on)]),_:1})):R("",!0)]),_:1},8,["elements","category","mouseOverTooltip","expanded"])]),key:"1"}:void 0]),1032,["rootView"]),j.value?(p(),A("div",{key:0,class:u(w.$style.apiHint)},[N("span",{onClick:me(Xe,["prevent"]),innerHTML:w.$locale.baseText("nodeCreator.actionsList.apiCall",{interpolate:{node:g.value}})},null,8,an)],2)):R("",!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 p(),A("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 n=D("n8n-link"),s=D("font-awesome-icon");return p(),A("div",{class:u({[e.$style.noResults]:!0,[e.$style.iconless]:!e.showIcon}),"data-test-id":"node-creator-no-results"},[e.showIcon?(p(),A("div",{key:0,class:u(e.$style.icon)},[V($n)],2)):R("",!0),N("div",{class:u(e.$style.title)},[F(e.$slots,"title"),N("p",{textContent:Y(e.$locale.baseText("nodeCreator.noResults.weDidntMakeThatYet"))},null,8,bn),N("div",{class:u(e.$style.action)},[ee(Y(e.$locale.baseText("nodeCreator.noResults.dontWorryYouCanProbablyDoItWithThe"))+" ",1),e.rootView===z(ge)?(p(),S(n,{key:0,onClick:l[0]||(l[0]=y=>e.$emit("addHttpNode"))},{default:I(()=>[ee(Y(e.$locale.baseText("nodeCreator.noResults.httpRequest")),1)]),_:1})):R("",!0),e.rootView===z(te)?(p(),S(n,{key:1,onClick:l[1]||(l[1]=y=>e.$emit("addWebhookNode"))},{default:I(()=>[ee(Y(e.$locale.baseText("nodeCreator.noResults.webhook")),1)]),_:1})):R("",!0),ee(" "+Y(e.$locale.baseText("nodeCreator.noResults.node")),1)],2)],2),e.showRequest?(p(),A("div",{key:1,class:u(e.$style.request)},[N("p",{textContent:Y(e.$locale.baseText("nodeCreator.noResults.wantUsToMakeItFaster"))},null,8,Tn),N("div",null,[V(n,{to:z(it)},{default:I(()=>[N("span",null,Y(e.$locale.baseText("nodeCreator.noResults.requestTheNode")),1),ee("  "),N("span",null,[V(s,{class:u(e.$style.external),icon:"external-link-alt",title:e.$locale.baseText("nodeCreator.noResults.requestTheNode")},null,8,["class","title"])])]),_:1},8,["to"])])],2)):R("",!0)],2)}}}),kn="_noResults_1jje6_5",Cn="_title_1jje6_18",Nn="_action_1jje6_27",In="_request_1jje6_28",Sn="_icon_1jje6_44",An="_external_1jje6_50",Ln={noResults:kn,title:Cn,action:Nn,request:In,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=pe(),n=Ae(),{mergedNodes:s,actions:y}=Z(),{baseUrl:v}=lt(),{pushViewStack:f,popViewStack:d}=M(),{registerKeyHook:t}=q(),i=$(()=>M().activeViewStack),k=$(()=>M().globalSearchItemsDiff);function c(o){e("nodeTypeSelected",o)}function a(o){var b,L;if(o.type==="subcategory"){const g=We(o.properties.title),C=l.baseText(`nodeCreator.subcategoryNames.${g}`);f({subcategory:o.key,title:C,mode:"nodes",...o.properties.icon?{nodeIcon:{icon:o.properties.icon,iconType:"icon"}}:{},...o.properties.panelClass?{panelClass:o.properties.panelClass}:{},rootView:i.value.rootView,forceIncludeNodes:o.properties.forceIncludeNodes,baseFilter:_,itemsMapper:h,sections:o.properties.sections}),n.trackNodesPanel("nodeCreateList.onSubcategorySelected",{subcategory:o.key})}if(o.type==="node"){const g=(y==null?void 0:y[o.key])||[];if(g.length<=1){c([o.key]);return}const C=o.properties.iconUrl?`${v}${o.properties.iconUrl}`:(b=o.properties.icon)==null?void 0:b.split(":")[1],O=g==null?void 0:g.map(m=>pt(m,o.properties.displayName,"action"));f({subcategory:o.properties.displayName,title:o.properties.displayName,nodeIcon:{color:((L=o.properties.defaults)==null?void 0:L.color)||"",icon:C,iconType:o.properties.iconUrl?"file":"icon"},rootView:i.value.rootView,hasSearch:!0,mode:"actions",items:O})}if(o.type==="view"){const g={[te]:Ve,[ge]:Me,[Ee]:Oe,[Re]:Be},C=o.key,O=g[C];if(!O){console.warn(`No view found for ${C}`);return}const m=O(s);f({title:m.title,subtitle:(m==null?void 0:m.subtitle)??"",info:(m==null?void 0:m.info)??"",items:m.items,hasSearch:!0,rootView:m.value,mode:"nodes",searchItems:s})}}function h(o){var C,O;if(o.type!=="node")return o;const b=o.properties.group.includes("trigger"),g=((y==null?void 0:y[o.key])||[]).length>0;return b&&g&&((C=o.properties)!=null&&C.codex&&(o.properties.codex.alias=[...((O=o.properties.codex)==null?void 0:O.alias)||[],o.properties.displayName]),o.properties.displayName=o.properties.displayName.replace(" Trigger","")),o}function _(o){if(o.type==="section")return!0;if(o.type!=="node")return!1;const b=o.properties.group.includes("trigger"),g=((y==null?void 0:y[o.key])||[]).length>0;return i.value.rootView===te?g||b:g||!b}function B(){d()}function T(o){const L=gt([...i.value.items??[],...k.value??[]]).find(g=>g.uuid===o);L&&a(L)}return t("MainViewArrowRight",{keyboardKeys:["ArrowRight","Enter"],condition:o=>["subcategory","node","view"].includes(o),handler:T}),t("MainViewArrowLeft",{keyboardKeys:["ArrowLeft"],condition:o=>["subcategory","node","view"].includes(o),handler:B}),(o,b)=>(p(),A("span",null,[V(Ne,{elements:i.value.items,onSelected:a,class:u(o.$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:b[0]||(b[0]=L=>c([z(Le)])),onAddHttpNode:b[1]||(b[1]=L=>c([z(re)]))},null,8,["rootView"])]),key:"0"}:void 0]),1032,["elements","class"]),k.value.length>0?(p(),S(ue,{key:0,elements:k.value,category:o.$locale.baseText("nodeCreator.categoryNames.otherCategories"),onSelected:a},null,8,["elements","category"])):R("",!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=pe(),{mergedNodes:l}=Z(),{pushViewStack:n,popViewStack:s,updateCurrentViewStack:y}=M(),{setActiveItemIndex:v,attachKeydownEvent:f,detachKeydownEvent:d}=q(),t=$(()=>M().activeViewStack),i=$(()=>M().viewStacks),k=$(()=>M().activeViewStackMode==="actions"),c=$(()=>k.value?e.baseText("nodeCreator.actionsCategory.searchActions",{interpolate:{node:t.value.title}}):e.baseText("nodeCreator.searchBar.searchNodes")),a=$(()=>Z().selectedView);function h(o=""){return t.value.activeIndex?t.value.activeIndex:t.value.mode==="actions"?1:t.value.sections?o?0:1:0}function _(o){t.value.uuid&&(y({search:o}),v(h(o)))}function B(){v(h())}ye(()=>{f(),v(h())}),Ue(()=>{d()}),X(()=>a.value,o=>{const b={[te]:Ve,[ge]:Me,[Ee]:Oe,[Re]:Be},L=o,g=b[L];if(!g){console.warn(`No view found for ${L}`);return}const C=g(l);n({title:C.title,subtitle:(C==null?void 0:C.subtitle)??"",items:C.items,info:C.info,hasSearch:!0,mode:"nodes",rootView:o,searchItems:l})},{immediate:!0});function T(){s()}return(o,b)=>{const L=D("font-awesome-icon"),g=D("n8n-node-icon"),C=D("n8n-notice");return i.value.length>0?(p(),S(De,{key:0,name:`panel-slide-${t.value.transitionDirection}`,onAfterLeave:B},{default:I(()=>[(p(),A("aside",{class:u([o.$style.nodesListPanel,t.value.panelClass]),onKeydownCapture:b[0]||(b[0]=me(()=>{},["stop"])),key:`${t.value.uuid}`},[N("header",{class:u({[o.$style.header]:!0,[o.$style.hasBg]:!t.value.subtitle,"nodes-list-panel-header":!0}),"data-test-id":"nodes-list-header"},[N("div",{class:u(o.$style.top)},[i.value.length>1&&!t.value.preventBack?(p(),A("button",{key:0,class:u(o.$style.backButton),onClick:T},[V(L,{class:u(o.$style.backButtonIcon),icon:"arrow-left",size:"2x"},null,8,["class"])],2)):R("",!0),t.value.nodeIcon?(p(),S(g,{key:1,class:u(o.$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"])):R("",!0),t.value.title?(p(),A("p",{key:2,class:u(o.$style.title),textContent:Y(t.value.title)},null,10,Pn)):R("",!0)],2),t.value.subtitle?(p(),A("p",{key:0,class:u({[o.$style.subtitle]:!0,[o.$style.offsetSubtitle]:i.value.length>1}),textContent:Y(t.value.subtitle)},null,10,Hn)):R("",!0)],2),t.value.hasSearch?(p(),S(Pt,{key:0,class:u(o.$style.searchBar),placeholder:c.value?c.value:o.$locale.baseText("nodeCreator.searchBar.searchNodes"),modelValue:t.value.search,"onUpdate:modelValue":_},null,8,["class","placeholder","modelValue"])):R("",!0),N("div",{class:u(o.$style.renderedItems)},[t.value.info&&!t.value.search?(p(),S(C,{key:0,class:u(o.$style.info),content:t.value.info,theme:"warning"},null,8,["class","content"])):R("",!0),k.value&&t.value.subcategory?(p(),S(yn,ze(oe({key:1},o.$attrs)),null,16)):(p(),S(Dn,oe({key:2,rootView:a.value},o.$attrs),null,16,["rootView"]))],2)],34))]),_:1},8,["name"])):R("",!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",Jn="_hasBg_tt5pd_105",Qn="_title_tt5pd_110",xn="_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:Jn,title:Qn,subtitle:xn,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:n}=M(),{registerKeyHook:s}=q(),y=ct(),{setShowScrim:v,setActions:f,setMergeNodes:d}=Z(),{generateMergedNodesAndActions:t}=It(),i=be({nodeCreator:null,mousedownInsideEvent:null}),k=$(()=>Z().showScrim),c=$(()=>M().viewStacks.length),a=$(()=>({top:`${y.bannersHeight+y.headerHeight}px`}));function h(){var g;if(i.mousedownInsideEvent){const C=new MouseEvent("click",{bubbles:!0,cancelable:!0});(g=i.mousedownInsideEvent.target)==null||g.dispatchEvent(C),i.mousedownInsideEvent=null,_()}}function _(){document.removeEventListener("mouseup",h),document.removeEventListener("touchstart",h)}function B(){i.mousedownInsideEvent=null,_()}function T(g){i.mousedownInsideEvent=g,document.addEventListener("mouseup",h),document.addEventListener("touchstart",h)}function o(g){g.preventDefault()}function b(g){if(!g.dataTransfer)return;const C=g.dataTransfer.getData($e),O=i.nodeCreator.getBoundingClientRect();C&&g.pageX>=O.x&&g.pageY>=O.y&&g.stopPropagation()}X(()=>l.active,g=>{g||(v(!1),n())}),X(c,g=>{g===0&&(e("closeNodeCreator"),v(!1))}),s("NodeCreatorCloseEscape",{keyboardKeys:["Escape"],handler:()=>e("closeNodeCreator")}),s("NodeCreatorCloseTab",{keyboardKeys:["Tab"],handler:()=>e("closeNodeCreator")}),X(()=>({httpOnlyCredentials:dt().httpOnlyCredentialTypes,nodeTypes:ut().visibleNodeTypes}),({nodeTypes:g,httpOnlyCredentials:C})=>{const{actions:O,mergedNodes:m}=t(g,C);f(O),d(m)},{immediate:!0});const{nodeCreator:L}=Te(i);return Pe(()=>{_()}),(g,C)=>(p(),A("div",null,[N("aside",{class:u({[g.$style.nodeCreatorScrim]:!0,[g.$style.active]:k.value})},null,2),V(Tt,null,{default:I(()=>[g.active?(p(),A("div",{key:0,class:u(g.$style.nodeCreator),style:we(a.value),ref_key:"nodeCreator",ref:L,onDragover:o,onDrop:b,onMousedown:T,onMouseup:B,"data-test-id":"node-creator"},[V(ns,{onNodeTypeSelected:g.onNodeTypeSelected},null,8,["onNodeTypeSelected"])],38)):R("",!0)]),_:1})]))}}),as="_nodeCreator_cvzgl_9",rs="_nodeCreatorScrim_cvzgl_20",is="_active_cvzgl_32",ls={nodeCreator:as,nodeCreatorScrim:rs,active:is},cs={$style:ls},Xs=H(ss,[["__cssModules",cs]]);export{Xs as default};
+//# sourceMappingURL=NodeCreator-zDLKC62A.js.map