n8n-editor-ui 1.11.0 → 1.11.1

package/dist/assets/{NodeCreator-6143c84e.js → NodeCreator-c9cc8248.js}

@@ -1,2 +1,2 @@
-import{_ as K,k as Qe,C as re,v as ve,w as _e,ez as Z,b5 as xe,cR as et,N as tt,aB as ot,eN as nt,aj as de,fa as be,f9 as Le,fb as ie,an as Ee,W as Ve,K as st,n as at,eM as te,gm as he,eT as ue,gn as rt,t as it,eZ as lt,eA as Re,eB as Me,u as ct,L as dt}from"./n8n-57fc64d4.js";import{d as D,o as y,c as A,w as I,r as q,Z as Be,a0 as we,v as pe,P as Oe,a1 as Te,b as O,f as L,g as C,e as R,n as p,k as E,y as G,i as h,ab as le,j as H,X as Pe,V as ke,a4 as ge,Y as De,m as oe,t as W,s as Ce,$ as Ke,C as X,M as ut,a9 as pt,ad as He,am as gt,ah as yt,aI as mt,l as ee}from"./vendor-2860876e.js";import{N as ce,u as M,a as F,T as ze,R as Ue,A as je,b as We}from"./index-31a6708e.js";import{m as ft,z as ye,A as Ye}from"./lodash-es-042bfc73.js";import{u as Ie}from"./NodeCreation-8d8cd6c7.js";import"./@fortawesome/vue-fontawesome-dcced0a8.js";import"./@fortawesome/fontawesome-svg-core-984d6dde.js";import"./flatted-8b14da7d.js";import"./esprima-next-8c7e8ff9.js";import"./luxon-19e1de07.js";import"./pinia-2bcabc60.js";import"./vue-i18n-afec0ff5.js";import"./@jsplumb/util-d5a5fff8.js";import"./@jsplumb/core-b1470600.js";import"./@jsplumb/common-fe415eb9.js";import"./@jsplumb/connector-bezier-c43fa575.js";import"./@jsplumb/browser-ui-d5e5c8b4.js";import"./uuid-cf522c50.js";import"./prettier-51497383.js";import"./codemirror-lang-html-n8n-2834c921.js";import"./@n8n/codemirror-lang-sql-c830a767.js";import"./@lezer/common-4a878264.js";import"./@vueuse/core-368199ac.js";import"./codemirror-lang-n8n-expression-53c11692.js";import"./fast-json-stable-stringify-56252254.js";import"./timeago.js-a9e71aec.js";import"./qrcode.vue-65309b5b.js";import"./file-saver-72ac5ed0.js";import"./vue-json-pretty-34c0a099.js";import"./vue-markdown-render-09d350ef.js";import"./humanize-duration-58d28ac7.js";import"./v3-infinite-loading-fc34d34c.js";import"./vue-agile-797a57bf.js";import"./vue3-touch-events-ee55ce04.js";import"./@fortawesome/free-solid-svg-icons-0d1822ba.js";import"./@fortawesome/free-regular-svg-icons-74cb85f8.js";const vt=D({name:"SlideTransition"});function _t(i,e,l,o,n,m){return y(),A(Be,{name:"slide"},{default:I(()=>[q(i.$slots,"default",{},void 0,!0)]),_:3})}const ht=K(vt,[["render",_t],["__scopeId","data-v-88e2114c"]]),qe="placeholder_recommended";function $t(...i){return Qe.baseText(...i)}const J=ft($t,(...i)=>JSON.stringify(i)),fe={"n8n-nodes-base.hubspotTrigger":(i,e)=>{var o,n,m;const l=(o=i==null?void 0:i.options)==null?void 0:o[0];return(m=(n=l==null?void 0:l.values[0])==null?void 0:n.options)==null?void 0:m.map(f=>({...ne(e),actionKey:f.value,displayName:J("nodeCreator.actionsCategory.onEvent",{interpolate:{event:ye(f.name)}}),description:f.description||"",displayOptions:i.displayOptions,values:{eventsUi:{eventValues:[{name:f.value}]}}}))}};function ne(i,e){const l=i.group.includes("trigger"),o=J(l?"nodeCreator.actionsCategory.triggers":"nodeCreator.actionsCategory.actions");return{name:i.name,group:i.group,codex:{label:e||"",categories:[o]},iconUrl:i.iconUrl,outputs:i.outputs,icon:i.icon,defaults:i.defaults}}function bt(i){if(i.properties.find(n=>n.name==="resource"))return[];const e=i.properties.find(n=>{var m;return((m=n.name)==null?void 0:m.toLowerCase())==="operation"});if(!e||!e.options)return[];const o=e.options.filter(n=>!["*",""," "].includes(n.name)).map(n=>({...ne(i),actionKey:n.value,displayName:n.action??ye(n.name),description:n.description??"",displayOptions:e.displayOptions,values:{[e.name]:e.type==="multiOptions"?[n.value]:n.value}}));return o.length===0?[]:o}function wt(i){var _,t;const e=["event","events","trigger on"],l=(_=i.displayName)==null?void 0:_.toLowerCase().includes("trigger"),o=i.properties.find(a=>{var c;return e.includes((c=a.displayName)==null?void 0:c.toLowerCase())});if(!l)return[];if(!o||!o.options)return[{...ne(i),actionKey:qe,displayName:J("nodeCreator.actionsCategory.onNewEvent",{interpolate:{event:i.displayName.replace("Trigger","").trimEnd()}}),description:""}];const n=o.options.filter(a=>!["*",""," "].includes(a.name));return((t=fe[i.name])==null?void 0:t.call(fe,o,i))??n.map(a=>({...ne(i),actionKey:a.value,displayName:a.action??J("nodeCreator.actionsCategory.onEvent",{interpolate:{event:ye(a.name)}}),description:a.description||"",displayOptions:o.displayOptions,values:{[o.name]:o.type==="multiOptions"?[a.value]:a.value}}))}function Tt(i){const e=[];return i.properties.filter(o=>{var n;return((n=o.displayName)==null?void 0:n.toLowerCase())==="resource"}).forEach(o=>{(o.options||[]).filter(n=>n.value!==re).forEach((n,m,f)=>{const _=f.length===1,t=i.properties.find(c=>{var P,u,s,b,N;const k=c.name==="operation",g=((s=(u=(P=c.displayOptions)==null?void 0:P.show)==null?void 0:u.resource)==null?void 0:s.includes(n.value))||_,r=(N=(b=c.displayOptions)==null?void 0:b.show)==null?void 0:N["@version"],T=Array.isArray(i.version)?i.version:[i.version],$=r?r.some(d=>T.includes(d)):!0;return k&&g&&$});if(!(t!=null&&t.options))return;const a=(t.options||[]).map(c=>{var r;const k=c.action??`${n.name} ${ye(c.name)}`,g=_?{show:{resource:[(r=f[0])==null?void 0:r.value]}}:t==null?void 0:t.displayOptions;return{...ne(i,`${n.name} ${J("nodeCreator.actionsCategory.actions")}`),actionKey:c.value,description:(c==null?void 0:c.description)??"",displayOptions:g,values:{operation:(t==null?void 0:t.type)==="multiOptions"?[c.value]:c.value},displayName:k,group:["trigger"]}});e.push(...a)})}),e}function kt(){function i(n){return n?[...wt(n),...bt(n),...Tt(n)]:[]}function e(n){return n.length<=1?[]:n.filter((m,f,_)=>{if(m.actionKey===re)return!1;const a=m.actionKey===qe;return!a||a&&_.length>1})}function l(n){const{displayName:m,defaults:f,description:_,name:t,group:a,icon:c,iconUrl:k,outputs:g,codex:r}=n;return{displayName:m,defaults:f,description:_,name:t,group:a,icon:c,iconUrl:k,outputs:g,codex:r}}function o(n){const m=[...n],f={},_=[];return m.filter(t=>!t.group.includes("trigger")).forEach(t=>{const a=i(t);f[t.name]=a,_.push(l(t))}),m.filter(t=>t.group.includes("trigger")).forEach(t=>{const a=t.name.replace("Trigger",""),c=i(t),k=(f==null?void 0:f[a])||[],g=_.find(r=>r.name===a);if(g&&(k==null?void 0:k.length)>0){const r=e([...k,...c]);f[a]=r,g.description=t.description}else f[t.name]=e(c),_.push(l(t))}),{actions:f,mergedNodes:_}}return{generateMergedNodesAndActions:o}}const Ct=["placeholder","value"],It=D({__name:"SearchBar",props:{placeholder:{default:""},modelValue:{default:""}},emits:["update:modelValue"],setup(i,{expose:e,emit:l}){const o=we({inputRef:null});function n(){var t;(t=o.inputRef)==null||t.focus()}function m(t){const a=t.target;l("update:modelValue",a.value)}function f(){l("update:modelValue","")}pe(()=>{ve("nodeCreator_searchBar.mount",_e(),{inputRef:o.inputRef}),setTimeout(n,0)}),Oe(()=>{var t;(t=o.inputRef)==null||t.remove()});const{inputRef:_}=Te(o);return e({focus:n}),(t,a)=>{const c=O("font-awesome-icon");return y(),L("div",{class:p(t.$style.searchContainer),"data-test-id":"search-bar"},[C("div",{class:p({[t.$style.prefix]:!0,[t.$style.active]:t.modelValue.length>0})},[R(c,{icon:"search",size:"sm"})],2),C("div",{class:p(t.$style.text)},[C("input",{placeholder:t.placeholder,value:t.modelValue,class:p(t.$style.input),ref_key:"inputRef",ref:_,autofocus:"","data-test-id":"node-creator-search-bar",tabindex:"0",onInput:m},null,42,Ct)],2),t.modelValue.length>0?(y(),L("div",{key:0,class:p(t.$style.suffix),onClick:f},[C("button",{class:p([t.$style.clear,t.$style.clickable])},[R(c,{icon:"times-circle"})],2)],2)):E("",!0)],2)}}}),Nt="_searchContainer_1wh9v_5",St="_prefix_1wh9v_21",At="_active_1wh9v_26",Lt="_text_1wh9v_30",Et="_suffix_1wh9v_46",Vt="_clear_1wh9v_52",Rt={searchContainer:Nt,prefix:St,active:At,text:Lt,suffix:Et,clear:Vt},Mt={$style:Rt},Bt=K(It,[["__cssModules",Mt]]),Ot=["innerHTML"],Pt=D({__name:"NodeItem",props:{nodeType:{},subcategory:{},active:{type:Boolean,default:!1}},setup(i){const e=i,l=de(),o=Ee(),{actions:n}=Z(),{getAddedNodesAndConnections:m}=Ie(),f=G(!1),_=G({x:-100,y:-100}),t=G(null),a=h(()=>l.headerText({key:`headers.${T.value}.description`,fallback:e.nodeType.description})),c=h(()=>g.value),k=h(()=>g.value?"node-creator-action-item":"node-creator-node-item"),g=h(()=>r.value.length>1),r=h(()=>n[e.nodeType.name]||[]),T=h(()=>l.shortNodeType(e.nodeType.name)||""),$=h(()=>({top:`${_.value.y}px`,left:`${_.value.x}px`})),P=h(()=>xe(e.nodeType.name)),u=h(()=>{const v=e.nodeType.displayName.trimEnd();return l.headerText({key:`headers.${T.value}.displayName`,fallback:g.value?v.replace("Trigger",""):v})}),s=h(()=>{if(!e.nodeType.outputs||typeof e.nodeType.outputs=="string")return!1;const v=et(e.nodeType.outputs);return v?v.filter(Y=>Y!==tt.Main).length>0:!1}),b=h(()=>e.nodeType.group.includes("trigger")&&!g.value);function N(v){document.body.addEventListener("dragover",d);const{pageX:Y,pageY:j}=v;v.dataTransfer&&(v.dataTransfer.effectAllowed="copy",v.dataTransfer.dropEffect="copy",v.dataTransfer.setDragImage(t.value,0,0),v.dataTransfer.setData(be,JSON.stringify(m([{type:e.nodeType.name}])))),f.value=!0,_.value={x:Y,y:j}}function d(v){if(!f.value||v.pageX===0&&v.pageY===0)return;const[Y,j]=Le([],[v.pageX-ie/2,v.pageY-ie/2]);_.value={x:Y,y:j}}function V(v){document.body.removeEventListener("dragover",d),f.value=!1,setTimeout(()=>{_.value={x:-100,y:-100}},300)}function B(v){v.target.localName==="a"&&o.track("user clicked cnr docs link",{source:"nodes panel node"})}return(v,Y)=>{const j=O("n8n-node-creator-node");return y(),A(j,{draggable:!c.value,onDragstart:N,onDragend:V,class:p(v.$style.nodeItem),description:v.subcategory!==H(nt)?a.value:"",title:u.value,"show-action-arrow":c.value,"is-trigger":b.value,"data-test-id":k.value},le({icon:I(()=>[s.value?(y(),L("div",{key:0,class:p(v.$style.subNodeBackground)},null,2)):E("",!0),R(ce,{class:p(v.$style.nodeIcon),nodeType:v.nodeType},null,8,["class","nodeType"])]),dragContent:I(()=>[C("div",{class:p(v.$style.draggableDataTransfer),ref_key:"draggableDataTransfer",ref:t},null,2),Pe(C("div",{class:p(v.$style.draggable),style:ke($.value)},[R(ce,{nodeType:v.nodeType,onClickCapture:Y[0]||(Y[0]=ge(()=>{},["stop"])),size:40,shrink:!1},null,8,["nodeType"])],6),[[De,f.value]])]),_:2},[P.value?{name:"tooltip",fn:I(()=>[C("p",{class:p(v.$style.communityNodeIcon),innerHTML:H(l).baseText("generic.communityNode.tooltip",{interpolate:{packageName:v.nodeType.name.split(".")[0],docURL:H(ot)}}),onClick:B},null,10,Ot)]),key:"0"}:void 0]),1032,["draggable","class","description","title","show-action-arrow","is-trigger","data-test-id"])}}}),Dt="_nodeItem_da0t4_5",Kt="_nodeIcon_da0t4_13",Ht="_subNodeBackground_da0t4_17",zt="_communityNodeIcon_da0t4_27",Ut="_draggable_da0t4_31",jt="_draggableDataTransfer_da0t4_45",Wt={nodeItem:Dt,nodeIcon:Kt,subNodeBackground:Ht,communityNodeIcon:zt,draggable:Ut,draggableDataTransfer:jt},Yt={$style:Wt},qt=K(Pt,[["__cssModules",Yt]]),Ft=D({__name:"SubcategoryItem",props:{item:{}},setup(i){const e=i,l=de(),o=h(()=>Ye(e.item.subcategory||e.item.title));return(n,m)=>{const f=O("n8n-node-icon"),_=O("n8n-node-creator-node");return y(),A(_,{class:p(n.$style.subCategory),title:H(l).baseText(`nodeCreator.subcategoryNames.${o.value}`),isTrigger:!1,description:H(l).baseText(`nodeCreator.subcategoryDescriptions.${o.value}`),showActionArrow:!0},{icon:I(()=>[R(f,oe({type:"icon",name:n.item.icon,circle:!1,showTooltip:!1},n.item.iconProps),null,16,["name"])]),_:1},8,["class","title","description"])}}}),Gt="_subCategory_1js79_5",Xt={subCategory:Gt},Zt={$style:Xt},Jt=K(Ft,[["__cssModules",Zt]]),Qt=["textContent"],xt=D({__name:"LabelItem",props:{item:{}},setup(i){return(e,l)=>(y(),L("div",{class:p(e.$style.label)},[C("span",{class:p(e.$style.name),textContent:W(e.item.key)},null,10,Qt)],2))}}),eo="_label_92wv5_5",to={label:eo},oo={$style:to},no=K(xt,[["__cssModules",oo]]),so=D({__name:"ActionItem",props:{nodeType:{},action:{}},setup(i){const e=i,l=Ce(),o=l==null?void 0:l.proxy.$telemetry,{getActionData:n,getAddedNodesAndConnections:m,setAddedNodeActionParameters:f}=Ie(),{activeViewStack:_}=M(),t=we({dragging:!1,draggablePosition:{x:-100,y:-100},storeWatcher:null,draggableDataTransfer:null}),a=h(()=>({top:`${t.draggablePosition.y}px`,left:`${t.draggablePosition.x}px`})),c=h(()=>n(e.action)),k=u=>{var s;return((s=u.name)==null?void 0:s.toLowerCase().includes("trigger"))||u.name===Ve};function g(u){document.body.addEventListener("dragover",r);const{pageX:s,pageY:b}=u;u.dataTransfer&&c.value.key&&(u.dataTransfer.effectAllowed="copy",u.dataTransfer.dropEffect="copy",u.dataTransfer.setDragImage(t.draggableDataTransfer,0,0),u.dataTransfer.setData(be,JSON.stringify(m([{type:c.value.key}]))),o&&(t.storeWatcher=f(c.value,o,_.rootView)),document.body.addEventListener("dragend",T)),t.dragging=!0,t.draggablePosition={x:s,y:b}}function r(u){if(!t.dragging||u.pageX===0&&u.pageY===0)return;const[s,b]=Le([],[u.pageX-ie/2,u.pageY-ie/2]);t.draggablePosition={x:s,y:b}}function T(u){t.storeWatcher&&t.storeWatcher(),document.body.removeEventListener("dragend",T),document.body.removeEventListener("dragover",r),t.dragging=!1,setTimeout(()=>{t.draggablePosition={x:-100,y:-100}},300)}const{draggableDataTransfer:$,dragging:P}=Te(t);return(u,s)=>{const b=O("n8n-node-creator-node");return y(),A(b,{onDragstart:g,onDragend:T,draggable:"",class:p(u.$style.action),title:u.action.displayName,isTrigger:k(u.action),"data-keyboard-nav":"true"},{dragContent:I(()=>[C("div",{class:p(u.$style.draggableDataTransfer),ref_key:"draggableDataTransfer",ref:$},null,2),Pe(C("div",{class:p(u.$style.draggable),style:ke(a.value)},[R(ce,{nodeType:u.nodeType,onClickCapture:s[0]||(s[0]=ge(()=>{},["stop"])),size:40,shrink:!1},null,8,["nodeType"])],6),[[De,H(P)]])]),icon:I(()=>[R(ce,{nodeType:u.action},null,8,["nodeType"])]),_:1},8,["class","title","isTrigger"])}}}),ao="_action_vsx3h_5",ro="_nodeIcon_vsx3h_17",io="_draggable_vsx3h_21",lo="_draggableDataTransfer_vsx3h_35",co={action:ao,nodeIcon:ro,draggable:io,draggableDataTransfer:lo},uo={$style:co},po=K(so,[["__cssModules",uo]]),go=D({__name:"ViewItem",props:{view:{}},setup(i){return(e,l)=>{const o=O("n8n-node-icon"),n=O("n8n-node-creator-node");return y(),A(n,{class:p(e.$style.view),title:e.view.title,isTrigger:!1,description:e.view.description,showActionArrow:!0},{icon:I(()=>[R(o,{type:"icon",name:e.view.icon,circle:!1,showTooltip:!1},null,8,["name"])]),_:1},8,["class","title","description"])}}}),yo="_view_5t09j_5",mo={view:yo},fo={$style:mo},vo=K(go,[["__cssModules",fo]]),_o=["data-keyboard-nav-type","data-keyboard-nav-id","onClick"],ho={key:0},$o=20,bo=5,wo=D({__name:"ItemsRenderer",props:{elements:{default:()=>[]},activeIndex:{},disabled:{type:Boolean},lazyRender:{type:Boolean,default:!0}},emits:["selected","dragstart","dragend"],setup(i,{emit:e}){const l=i,o=G([]),n=G(0),m=h(()=>{var g;return(g=F())==null?void 0:g.activeItemId});function f(){if(l.elements.length<=$o||!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+bo)),n.value=window.requestAnimationFrame(f))}function _(g,r,T){l.disabled||e(g||"dragstart",r,T)}function t(g){g.style.height="0"}function a(g){g.style.height=`${g.scrollHeight}px`}function c(g){g.style.height=`${g.scrollHeight}px`}function k(g){g.style.height="0"}return pe(()=>{f()}),Ke(()=>{window.cancelAnimationFrame(n.value),o.value=[]}),X(()=>l.elements,()=>{window.cancelAnimationFrame(n.value),o.value=[],f()}),(g,r)=>{const T=O("n8n-loading");return g.elements.length>0?(y(),L("div",{key:0,class:p(g.$style.itemsRenderer),name:"accordion",onBeforeEnter:t,onEnter:a,onBeforeLeave:c,onLeave:k},[q(g.$slots,"default"),(y(!0),L(ut,null,pt(g.elements,$=>(y(),L("div",{key:$.uuid,"data-test-id":"item-iterator-item",class:p({clickable:!g.disabled,[g.$style.active]:m.value===$.uuid,[g.$style.iteratorItem]:!0,[g.$style[$.type]]:!0}),ref_for:!0,ref:"iteratorItems","data-keyboard-nav-type":$.type!=="label"?$.type:void 0,"data-keyboard-nav-id":$.uuid,onClick:P=>_("selected",$)},[o.value.includes($)?(y(),L("div",ho,[$.type==="label"?(y(),A(no,{key:0,item:$},null,8,["item"])):E("",!0),$.type==="subcategory"?(y(),A(Jt,{key:1,item:$.properties},null,8,["item"])):E("",!0),$.type==="node"?(y(),A(qt,{key:2,nodeType:$.properties,active:!0,subcategory:$.subcategory},null,8,["nodeType","subcategory"])):E("",!0),$.type==="action"?(y(),A(po,{key:3,nodeType:$.properties,action:$.properties,active:!0},null,8,["nodeType","action"])):$.type==="view"?(y(),A(vo,{key:4,view:$.properties,class:p(g.$style.viewItem)},null,8,["view","class"])):E("",!0)])):(y(),A(T,{key:1,loading:!0,rows:1,variant:"p",class:p(g.$style.itemSkeleton)},null,8,["class"]))],10,_o))),128))],34)):(y(),L("div",{key:1,class:p(g.$style.empty)},[q(g.$slots,"empty")],2))}}}),To="_itemSkeleton_mfosb_5",ko="_iteratorItem_mfosb_9",Co="_label_mfosb_21",Io="_category_mfosb_21",No="_active_mfosb_24",So="_empty_mfosb_28",Ao="_itemsRenderer_mfosb_32",Lo="_view_mfosb_41",Eo={itemSkeleton:To,iteratorItem:ko,label:Co,category:Io,active:No,empty:So,itemsRenderer:Ao,view:Lo},Vo={$style:Eo},Ne=K(wo,[["__cssModules",Vo]]),Ro=["textContent"],Mo=D({__name:"CategoryItem",props:{expanded:{type:Boolean,default:!0},active:{type:Boolean},count:{},name:{},isTrigger:{type:Boolean}},setup(i){const e=i,l=h(()=>{const o=e.count||0;return o>0?`${e.name} (${o})`:e.name});return(o,n)=>{const m=O("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:p({[o.$style.category]:!0,[o.$style.active]:o.active})},[C("span",{class:p(o.$style.name)},[C("span",{textContent:W(l.value)},null,8,Ro),o.isTrigger?(y(),A(m,{key:0,icon:"bolt",size:"xs",class:p(o.$style.triggerIcon)},null,8,["class"])):E("",!0),q(o.$slots,"default")],2),o.expanded?(y(),A(m,{key:0,icon:"chevron-down",class:p(o.$style.arrow)},null,8,["class"])):(y(),A(m,{key:1,class:p(o.$style.arrow),icon:"chevron-up"},null,8,["class"]))],2)],16)}}}),Bo="_triggerIcon_jzfdi_5",Oo="_category_jzfdi_10",Po="_active_jzfdi_31",Do="_name_jzfdi_35",Ko="_arrow_jzfdi_40",Ho={triggerIcon:Bo,category:Oo,active:Po,name:Do,arrow:Ko},zo={$style:Ho},Uo=K(Mo,[["__cssModules",zo]]),jo=["data-category-collapsed"],Wo=["innerHTML"],Yo=D({__name:"CategorizedItemsRenderer",props:{elements:{default:()=>[]},category:{},disabled:{type:Boolean},activeIndex:{},isTriggerCategory:{type:Boolean},mouseOverTooltip:{},expanded:{type:Boolean}},setup(i){const e=i,l=Ce(),{popViewStack:o}=M(),{registerKeyHook:n}=F(),{workflowId:m}=st(),f=h(()=>{var r;return(r=F())==null?void 0:r.activeItemId}),_=h(()=>e.elements.filter(({type:r})=>r==="action").length),t=G(e.expanded??!1);function a(){c(!t.value)}function c(r){t.value=r,t.value&&(l==null||l.proxy.$telemetry.trackNodesPanel("nodeCreateList.onCategoryExpanded",{category_name:e.category,workflow_id:m}))}function k(){t.value||c(!0)}function g(){if(!t.value){o();return}c(!1)}return X(()=>e.elements,()=>{c(!0)}),n(`CategoryRight_${e.category}`,{keyboardKeys:["ArrowRight"],condition:(r,T)=>r==="category"&&e.category===T,handler:k}),n(`CategoryToggle_${e.category}`,{keyboardKeys:["Enter"],condition:(r,T)=>r==="category"&&e.category===T,handler:a}),n(`CategoryLeft_${e.category}`,{keyboardKeys:["ArrowLeft"],condition:(r,T)=>r==="category"&&e.category===T,handler:g}),(r,T)=>{const $=O("n8n-icon"),P=O("n8n-tooltip");return y(),L("div",{class:p(r.$style.categorizedItemsRenderer),"data-category-collapsed":!t.value},[R(Uo,{class:p(r.$style.categoryItem),name:r.category,disabled:r.disabled,active:f.value===r.category,count:_.value,expanded:t.value,isTrigger:r.isTriggerCategory,"data-keyboard-nav-type":"category","data-keyboard-nav-id":r.category,onClick:a},{default:I(()=>[r.mouseOverTooltip?(y(),L("span",{key:0,class:p(r.$style.mouseOverTooltip)},[R(P,{placement:"top","popper-class":r.$style.tooltipPopper},{content:I(()=>[C("div",{innerHTML:r.mouseOverTooltip},null,8,Wo)]),default:I(()=>[R($,{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"]),t.value&&_.value>0&&r.$slots.default?(y(),L("div",{key:0,class:p(r.$style.contentSlot)},[q(r.$slots,"default")],2)):E("",!0),t.value?(y(),A(Ne,oe({key:1},r.$attrs,{elements:r.elements,isTrigger:r.isTriggerCategory}),{default:I(()=>[]),empty:I(()=>[q(r.$slots,"empty",He(gt({elements:r.elements})))]),_:3},16,["elements","isTrigger"])):E("",!0)],10,jo)}}}),qo="_mouseOverTooltip_1c8m2_5",Fo="_categorizedItemsRenderer_1c8m2_12",Go="_tooltipPopper_1c8m2_16",Xo="_contentSlot_1c8m2_20",Zo={mouseOverTooltip:qo,categorizedItemsRenderer:Fo,tooltipPopper:Go,contentSlot:Xo},Jo={$style:Zo},$e=K(Yo,[["__cssModules",Jo]]),Qo=["innerHTML"],xo=["innerHTML"],en=["innerHTML"],tn=["innerHTML"],on=["onClick","innerHTML"],nn=D({__name:"ActionsMode",emits:{nodeTypeSelected:i=>!0},setup(i,{emit:e}){const l=Ce(),o=l==null?void 0:l.proxy.$telemetry,{userActivated:n}=at(),{popViewStack:m,updateCurrentViewStack:f}=M(),{registerKeyHook:_}=F(),{getNodeTypesWithManualTrigger:t,setAddedNodeActionParameters:a,getActionData:c,getPlaceholderTriggerActions:k,parseCategoryActions:g,actionsCategoryLocales:r}=Ie(),T=h(()=>se(b.value,r.value.triggers,!1)),$=h(()=>se(b.value,r.value.actions,!N.value)),P=h(()=>se(M().activeViewStack.baselineItems||[],r.value.triggers,!1)),u=h(()=>se(M().activeViewStack.baselineItems||[],r.value.actions,!N.value)),s=h(()=>T.value.length||N.value?r.value.triggers:`${r.value.triggers} (${B.length})`),b=h(()=>(M().activeViewStack.items||[]).filter(w=>w.properties.actionKey!==re)),N=h(()=>M().activeViewStack.search),d=h(()=>M().activeViewStack.subcategory),V=h(()=>M().activeViewStack.rootView),B=k(d.value||""),v=h(()=>g(M().activeViewStack.baselineItems||[],r.value.triggers,!N.value).length===0),Y=h(()=>(M().activeViewStack.baselineItems||[]).some(z=>(z.properties.actionKey??"")===re)===!0),j=h(()=>V.value===te);_("ActionsKeyRight",{keyboardKeys:["ArrowRight","Enter"],condition:w=>w==="action",handler:Ge}),_("ActionsKeyLeft",{keyboardKeys:["ArrowLeft"],condition:w=>w==="action",handler:Fe});function se(w,S,z=!1){return g(w,S,z)}function Fe(){m()}function Ge(w){const z=[...b.value,...B].find(U=>U.uuid===w);z&&ae(z)}function ae(w){const S=c(w.properties);if(B.some(U=>U.key===w.key)&&j.value){const U=b.value[0].key;e("nodeTypeSelected",[S.key,U])}else e("nodeTypeSelected",[S.key]);o&&a(S,o,V.value)}function Xe(){var Q,x,Ae;const w=M().activeViewStack,S=(Q=w.baselineItems||[])==null?void 0:Q.filter(me=>me.key.toLowerCase().includes("trigger")).length,U={app_identifier:[...b.value,...B][0].key,actions:(x=w.baselineItems||[])==null?void 0:x.map(me=>me.properties.displayName),regular_action_count:((Ae=w.baselineItems||[])==null?void 0:Ae.length)-S,trigger_action_count:S};ve("nodeCreateList.onViewActions",_e(),U),o==null||o.trackNodesPanel("nodeCreateList.onViewActions",U)}function Se(){f({search:""})}function Ze(){const w={name:"",key:he,value:{authentication:"predefinedCredentialType"}};e("nodeTypeSelected",[he]),o&&a(w);const S=b.value[0].key;ve("nodeCreateList.onActionsCustmAPIClicked",_e(),{app_identifier:S}),o==null||o.trackNodesPanel("nodeCreateList.onActionsCustmAPIClicked",{app_identifier:S})}const Je=D({props:{rootView:{type:String}},setup(w,{slots:S}){return()=>{var z,U,Q,x;return yt("div",{},w.rootView===ue?[(z=S.actions)==null?void 0:z.call(S),(U=S.triggers)==null?void 0:U.call(S)]:[(Q=S.triggers)==null?void 0:Q.call(S),(x=S.actions)==null?void 0:x.call(S)])}}});return pe(()=>{Xe()}),(w,S)=>{const z=O("n8n-callout"),U=O("n8n-info-tip");return y(),L("div",{class:p(w.$style.container)},[R(H(Je),{rootView:V.value},le({_:2},[j.value||P.value.length!==0?{name:"triggers",fn:I(()=>[R($e,{elements:T.value,category:s.value,mouseOverTooltip:w.$locale.baseText("nodeCreator.actionsTooltip.triggersStartWorkflow"),isTriggerCategory:"",expanded:j.value||$.value.length===0,onSelected:ae},le({_:2},[v.value?{name:"empty",fn:I(()=>[v.value?(y(),A(z,{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:d.value}})},null,8,Qo)]),_:1})):E("",!0),R(Ne,{onSelected:ae,elements:H(B)},null,8,["elements"])]),key:"0"}:{name:"empty",fn:I(()=>[C("p",{class:p(w.$style.resetSearch),innerHTML:w.$locale.baseText("nodeCreator.actionsCategory.noMatchingTriggers"),onClick:Se},null,10,["innerHTML"])]),key:"1"}]),1032,["elements","category","mouseOverTooltip","expanded"])]),key:"0"}:void 0,!j.value||u.value.length!==0?{name:"actions",fn:I(()=>[R($e,{elements:$.value,category:H(r).actions,mouseOverTooltip:w.$locale.baseText("nodeCreator.actionsTooltip.actionsPerformStep"),expanded:!j.value||T.value.length===0,onSelected:ae},{empty:I(()=>[N.value?(y(),L("p",{key:1,class:p(w.$style.resetSearch),innerHTML:w.$locale.baseText("nodeCreator.actionsCategory.noMatchingActions"),onClick:Se,"data-test-id":"actions-panel-no-matching-actions"},null,10,tn)):(y(),A(U,{key:0,theme:"info",type:"note",class:p(w.$style.actionsEmpty)},{default:I(()=>[C("span",{innerHTML:w.$locale.baseText("nodeCreator.actionsCallout.noActionItems",{interpolate:{nodeName:d.value}})},null,8,en)]),_:1},8,["class"]))]),default:I(()=>[!H(n)&&j.value?(y(),A(z,{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,xo)]),_:1})):E("",!0)]),_:1},8,["elements","category","mouseOverTooltip","expanded"])]),key:"1"}:void 0]),1032,["rootView"]),Y.value?(y(),L("div",{key:0,class:p(w.$style.apiHint)},[C("span",{onClick:ge(Ze,["prevent"]),innerHTML:w.$locale.baseText("nodeCreator.actionsList.apiCall",{interpolate:{node:d.value}})},null,8,on)],2)):E("",!0)],2)}}}),sn="_container_1tz2w_5",an="_resetSearch_1tz2w_11",rn="_actionsEmpty_1tz2w_25",ln="_apiHint_1tz2w_33",cn={container:sn,resetSearch:an,actionsEmpty:rn,apiHint:ln},dn={$style:cn},un=K(nn,[["__cssModules",dn]]),pn={},gn={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"},yn=mt('<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),mn=[yn];function fn(i,e){return y(),L("svg",gn,mn)}const vn=K(pn,[["render",fn]]),_n=["textContent"],hn=["textContent"],$n=D({__name:"NoResults",props:{showIcon:{type:Boolean},showRequest:{type:Boolean},rootView:{}},setup(i){return(e,l)=>{const o=O("n8n-link"),n=O("font-awesome-icon");return y(),L("div",{class:p({[e.$style.noResults]:!0,[e.$style.iconless]:!e.showIcon}),"data-test-id":"node-creator-no-results"},[e.showIcon?(y(),L("div",{key:0,class:p(e.$style.icon)},[R(vn)],2)):E("",!0),C("div",{class:p(e.$style.title)},[q(e.$slots,"title"),C("p",{textContent:W(e.$locale.baseText("nodeCreator.noResults.weDidntMakeThatYet"))},null,8,_n),C("div",{class:p(e.$style.action)},[ee(W(e.$locale.baseText("nodeCreator.noResults.dontWorryYouCanProbablyDoItWithThe"))+" ",1),e.rootView===H(ue)?(y(),A(o,{key:0,onClick:l[0]||(l[0]=m=>e.$emit("addHttpNode"))},{default:I(()=>[ee(W(e.$locale.baseText("nodeCreator.noResults.httpRequest")),1)]),_:1})):E("",!0),e.rootView===H(te)?(y(),A(o,{key:1,onClick:l[1]||(l[1]=m=>e.$emit("addWebhookNode"))},{default:I(()=>[ee(W(e.$locale.baseText("nodeCreator.noResults.webhook")),1)]),_:1})):E("",!0),ee(" "+W(e.$locale.baseText("nodeCreator.noResults.node")),1)],2)],2),e.showRequest?(y(),L("div",{key:1,class:p(e.$style.request)},[C("p",{textContent:W(e.$locale.baseText("nodeCreator.noResults.wantUsToMakeItFaster"))},null,8,hn),C("div",null,[R(o,{to:H(rt)},{default:I(()=>[C("span",null,W(e.$locale.baseText("nodeCreator.noResults.requestTheNode")),1),ee("  "),C("span",null,[R(n,{class:p(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)}}}),bn="_noResults_1jje6_5",wn="_title_1jje6_18",Tn="_action_1jje6_27",kn="_request_1jje6_28",Cn="_icon_1jje6_44",In="_external_1jje6_50",Nn={noResults:bn,title:wn,action:Tn,request:kn,icon:Cn,external:In},Sn={$style:Nn},An=K($n,[["__cssModules",Sn]]),Ln=D({__name:"NodesMode",emits:{nodeTypeSelected:i=>!0},setup(i,{emit:e}){const l=de(),o=Ee(),{mergedNodes:n,actions:m}=Z(),{baseUrl:f}=it(),{pushViewStack:_,popViewStack:t}=M(),{registerKeyHook:a}=F(),c=h(()=>M().activeViewStack),k=h(()=>M().globalSearchItemsDiff);function g(s){e("nodeTypeSelected",s)}function r(s){var b,N;if(s.type==="subcategory"){const d=Ye(s.properties.title),V=l.baseText(`nodeCreator.subcategoryNames.${d}`);_({subcategory:s.key,title:V,mode:"nodes",...s.properties.icon?{nodeIcon:{icon:s.properties.icon,iconType:"icon"}}:{},...s.properties.panelClass?{panelClass:s.properties.panelClass}:{},rootView:c.value.rootView,forceIncludeNodes:s.properties.forceIncludeNodes,baseFilter:$,itemsMapper:T}),o.trackNodesPanel("nodeCreateList.onSubcategorySelected",{subcategory:s.key})}if(s.type==="node"){const d=(m==null?void 0:m[s.key])||[];if(d.length<=1){g([s.key]);return}const V=s.properties.iconUrl?`${f}${s.properties.iconUrl}`:(b=s.properties.icon)==null?void 0:b.split(":")[1],B=d==null?void 0:d.map(v=>lt(v,s.properties.displayName,"action"));_({subcategory:s.properties.displayName,title:s.properties.displayName,nodeIcon:{color:((N=s.properties.defaults)==null?void 0:N.color)||"",icon:V,iconType:s.properties.iconUrl?"file":"icon"},rootView:c.value.rootView,hasSearch:!0,mode:"actions",items:B})}if(s.type==="view"){const d={[te]:ze,[ue]:Ue,[Re]:je,[Me]:We},V=s.key,B=d[V];if(!B){console.warn(`No view found for ${V}`);return}const v=B(n);_({title:v.title,subtitle:(v==null?void 0:v.subtitle)??"",info:(v==null?void 0:v.info)??"",items:v.items,hasSearch:!0,rootView:v.value,mode:"nodes",searchItems:n})}}function T(s){var V,B;if(s.type!=="node")return s;const b=s.properties.group.includes("trigger"),d=((m==null?void 0:m[s.key])||[]).length>0;return b&&d&&((V=s.properties)!=null&&V.codex&&(s.properties.codex.alias=[...((B=s.properties.codex)==null?void 0:B.alias)||[],s.properties.displayName]),s.properties.displayName=s.properties.displayName.replace(" Trigger","")),s}function $(s){if(s.type!=="node")return!1;const b=s.properties.group.includes("trigger"),d=((m==null?void 0:m[s.key])||[]).length>0;return c.value.rootView===te?d||b:d||!b}function P(){t()}function u(s){const N=[...c.value.items||[],...k.value||[]].find(d=>d.uuid===s);N&&r(N)}return a("MainViewArrowRight",{keyboardKeys:["ArrowRight","Enter"],condition:s=>["subcategory","node","view"].includes(s),handler:u}),a("MainViewArrowLeft",{keyboardKeys:["ArrowLeft"],condition:s=>["subcategory","node","view"].includes(s),handler:P}),(s,b)=>(y(),L("span",null,[R(Ne,{elements:c.value.items,onSelected:r,class:p(s.$style.items)},le({_:2},[(c.value.items||[]).length===0&&k.value.length===0?{name:"empty",fn:I(()=>[R(An,{rootView:c.value.rootView,showIcon:"",showRequest:"",onAddWebhookNode:b[0]||(b[0]=N=>g([H(Ve)])),onAddHttpNode:b[1]||(b[1]=N=>g([H(he)]))},null,8,["rootView"])]),key:"0"}:void 0]),1032,["elements","class"]),k.value.length>0?(y(),A($e,{key:0,elements:k.value,category:s.$locale.baseText("nodeCreator.categoryNames.otherCategories"),onSelected:r},null,8,["elements","category"])):E("",!0)]))}}),En="_items_1t7lf_5",Vn={items:En},Rn={$style:Vn},Mn=K(Ln,[["__cssModules",Rn]]),Bn=["textContent"],On=["textContent"],Pn=D({__name:"NodesListPanel",setup(i){const e=de(),{mergedNodes:l}=Z(),{pushViewStack:o,popViewStack:n,updateCurrentViewStack:m}=M(),{setActiveItemIndex:f,attachKeydownEvent:_,detachKeydownEvent:t}=F(),a=h(()=>M().activeViewStack),c=h(()=>M().viewStacks),k=h(()=>M().activeViewStackMode==="actions"),g=h(()=>k.value?e.baseText("nodeCreator.actionsCategory.searchActions",{interpolate:{node:a.value.title}}):e.baseText("nodeCreator.searchBar.searchNodes")),r=h(()=>Z().selectedView);function T(u){a.value.uuid&&(m({search:u}),f(a.value.activeIndex??0))}function $(){const u=a.value.mode==="actions"?1:0;f(a.value.activeIndex||0||u)}pe(()=>{_(),f(a.value.activeIndex??0)}),Ke(()=>{t()}),X(()=>r.value,u=>{const s={[te]:ze,[ue]:Ue,[Re]:je,[Me]:We},b=u,N=s[b];if(!N){console.warn(`No view found for ${b}`);return}const d=N(l);o({title:d.title,subtitle:(d==null?void 0:d.subtitle)??"",items:d.items,info:d.info,hasSearch:!0,mode:"nodes",rootView:u,searchItems:l})},{immediate:!0});function P(){n()}return(u,s)=>{const b=O("font-awesome-icon"),N=O("n8n-node-icon"),d=O("n8n-notice");return c.value.length>0?(y(),A(Be,{key:0,name:`panel-slide-${a.value.transitionDirection}`,onAfterLeave:$},{default:I(()=>[(y(),L("aside",{class:p([u.$style.nodesListPanel,a.value.panelClass]),onKeydownCapture:s[0]||(s[0]=ge(()=>{},["stop"])),key:`${a.value.uuid}`},[C("header",{class:p({[u.$style.header]:!0,[u.$style.hasBg]:!a.value.subtitle,"nodes-list-panel-header":!0}),"data-test-id":"nodes-list-header"},[C("div",{class:p(u.$style.top)},[c.value.length>1&&!a.value.preventBack?(y(),L("button",{key:0,class:p(u.$style.backButton),onClick:P},[R(b,{class:p(u.$style.backButtonIcon),icon:"arrow-left",size:"2x"},null,8,["class"])],2)):E("",!0),a.value.nodeIcon?(y(),A(N,{key:1,class:p(u.$style.nodeIcon),type:a.value.nodeIcon.iconType||"unknown",src:a.value.nodeIcon.icon,name:a.value.nodeIcon.icon,color:a.value.nodeIcon.color,circle:!1,showTooltip:!1,size:20},null,8,["class","type","src","name","color"])):E("",!0),a.value.title?(y(),L("p",{key:2,class:p(u.$style.title),textContent:W(a.value.title)},null,10,Bn)):E("",!0)],2),a.value.subtitle?(y(),L("p",{key:0,class:p({[u.$style.subtitle]:!0,[u.$style.offsetSubtitle]:c.value.length>1}),textContent:W(a.value.subtitle)},null,10,On)):E("",!0)],2),a.value.hasSearch?(y(),A(Bt,{key:0,class:p(u.$style.searchBar),placeholder:g.value?g.value:u.$locale.baseText("nodeCreator.searchBar.searchNodes"),modelValue:a.value.search,"onUpdate:modelValue":T},null,8,["class","placeholder","modelValue"])):E("",!0),C("div",{class:p(u.$style.renderedItems)},[a.value.info&&!a.value.search?(y(),A(d,{key:0,class:p(u.$style.info),content:a.value.info,theme:"info"},null,8,["class","content"])):E("",!0),k.value&&a.value.subcategory?(y(),A(un,He(oe({key:1},u.$attrs)),null,16)):(y(),A(Mn,oe({key:2,rootView:r.value},u.$attrs),null,16,["rootView"]))],2)],34))]),_:1},8,["name"])):E("",!0)}}}),Dn="_info_1t3pe_27",Kn="_backButton_1t3pe_31",Hn="_backButtonIcon_1t3pe_38",zn="_nodeIcon_1t3pe_44",Un="_renderedItems_1t3pe_49",jn="_searchBar_1t3pe_61",Wn="_nodesListPanel_1t3pe_65",Yn="_footer_1t3pe_82",qn="_top_1t3pe_93",Fn="_header_1t3pe_98",Gn="_hasBg_1t3pe_104",Xn="_title_1t3pe_109",Zn="_subtitle_1t3pe_119",Jn="_offsetSubtitle_1t3pe_127",Qn={info:Dn,backButton:Kn,backButtonIcon:Hn,nodeIcon:zn,renderedItems:Un,searchBar:jn,nodesListPanel:Wn,footer:Yn,top:qn,header:Fn,hasBg:Gn,title:Xn,subtitle:Zn,offsetSubtitle:Jn};const xn={$style:Qn},es=K(Pn,[["__cssModules",xn]]),ts=D({__name:"NodeCreator",props:{active:{type:Boolean},onNodeTypeSelected:{type:Function}},emits:["closeNodeCreator","nodeTypeSelected"],setup(i,{emit:e}){const l=i,{resetViewStacks:o}=M(),{registerKeyHook:n}=F(),m=ct(),{setShowScrim:f,setActions:_,setMergeNodes:t}=Z(),{generateMergedNodesAndActions:a}=kt(),c=we({nodeCreator:null,mousedownInsideEvent:null}),k=h(()=>Z().showScrim),g=h(()=>M().viewStacks.length),r=h(()=>({top:`${m.bannersHeight+m.headerHeight}px`}));function T(){var d;if(c.mousedownInsideEvent){const V=new MouseEvent("click",{bubbles:!0,cancelable:!0});(d=c.mousedownInsideEvent.target)==null||d.dispatchEvent(V),c.mousedownInsideEvent=null,$()}}function $(){document.removeEventListener("mouseup",T),document.removeEventListener("touchstart",T)}function P(){c.mousedownInsideEvent=null,$()}function u(d){c.mousedownInsideEvent=d,document.addEventListener("mouseup",T),document.addEventListener("touchstart",T)}function s(d){d.preventDefault()}function b(d){if(!d.dataTransfer)return;const V=d.dataTransfer.getData(be),B=c.nodeCreator.getBoundingClientRect();V&&d.pageX>=B.x&&d.pageY>=B.y&&d.stopPropagation()}X(()=>l.active,d=>{d===!1&&(f(!1),o())}),X(g,d=>{d===0&&(e("closeNodeCreator"),f(!1))}),n("NodeCreatorCloseEscape",{keyboardKeys:["Escape"],handler:()=>e("closeNodeCreator")}),n("NodeCreatorCloseTab",{keyboardKeys:["Tab"],handler:()=>e("closeNodeCreator")}),X(()=>dt().visibleNodeTypes,d=>{const{actions:V,mergedNodes:B}=a(d);_(V),t(B)},{immediate:!0});const{nodeCreator:N}=Te(c);return Oe(()=>{$()}),(d,V)=>(y(),L("div",null,[C("aside",{class:p({[d.$style.nodeCreatorScrim]:!0,[d.$style.active]:k.value})},null,2),R(ht,null,{default:I(()=>[d.active?(y(),L("div",{key:0,class:p(d.$style.nodeCreator),style:ke(r.value),ref_key:"nodeCreator",ref:N,onDragover:s,onDrop:b,onMousedown:u,onMouseup:P,"data-test-id":"node-creator"},[R(es,{onNodeTypeSelected:d.onNodeTypeSelected},null,8,["onNodeTypeSelected"])],38)):E("",!0)]),_:1})]))}}),os="_nodeCreator_py8o5_9",ns="_nodeCreatorScrim_py8o5_20",ss="_active_py8o5_32",as={nodeCreator:os,nodeCreatorScrim:ns,active:ss},rs={$style:as},js=K(ts,[["__cssModules",rs]]);export{js as default};
-//# sourceMappingURL=NodeCreator-6143c84e.js.map
+import{_ as K,k as Qe,C as re,v as ve,w as _e,ez as Z,b5 as xe,cR as et,N as tt,aB as ot,eN as nt,aj as de,fa as be,f9 as Le,fb as ie,an as Ee,W as Ve,K as st,n as at,eM as te,gm as he,eT as ue,gn as rt,t as it,eZ as lt,eA as Re,eB as Me,u as ct,L as dt}from"./n8n-57fc64d4.js";import{d as D,o as y,c as A,w as I,r as q,Z as Be,a0 as we,v as pe,P as Oe,a1 as Te,b as O,f as L,g as C,e as R,n as p,k as E,y as G,i as h,ab as le,j as H,X as Pe,V as ke,a4 as ge,Y as De,m as oe,t as W,s as Ce,$ as Ke,C as X,M as ut,a9 as pt,ad as He,am as gt,ah as yt,aI as mt,l as ee}from"./vendor-2860876e.js";import{N as ce,u as M,a as F,T as ze,R as Ue,A as je,b as We}from"./index-de640cfd.js";import{m as ft,z as ye,A as Ye}from"./lodash-es-042bfc73.js";import{u as Ie}from"./NodeCreation-4c3cc577.js";import"./@fortawesome/vue-fontawesome-dcced0a8.js";import"./@fortawesome/fontawesome-svg-core-984d6dde.js";import"./flatted-8b14da7d.js";import"./esprima-next-8c7e8ff9.js";import"./luxon-19e1de07.js";import"./pinia-2bcabc60.js";import"./vue-i18n-afec0ff5.js";import"./@jsplumb/util-d5a5fff8.js";import"./@jsplumb/core-b1470600.js";import"./@jsplumb/common-fe415eb9.js";import"./@jsplumb/connector-bezier-c43fa575.js";import"./@jsplumb/browser-ui-d5e5c8b4.js";import"./uuid-cf522c50.js";import"./prettier-51497383.js";import"./codemirror-lang-html-n8n-2834c921.js";import"./@n8n/codemirror-lang-sql-c830a767.js";import"./@lezer/common-4a878264.js";import"./@vueuse/core-368199ac.js";import"./codemirror-lang-n8n-expression-53c11692.js";import"./fast-json-stable-stringify-56252254.js";import"./timeago.js-a9e71aec.js";import"./qrcode.vue-65309b5b.js";import"./file-saver-72ac5ed0.js";import"./vue-json-pretty-34c0a099.js";import"./vue-markdown-render-09d350ef.js";import"./humanize-duration-58d28ac7.js";import"./v3-infinite-loading-fc34d34c.js";import"./vue-agile-797a57bf.js";import"./vue3-touch-events-ee55ce04.js";import"./@fortawesome/free-solid-svg-icons-0d1822ba.js";import"./@fortawesome/free-regular-svg-icons-74cb85f8.js";const vt=D({name:"SlideTransition"});function _t(i,e,l,o,n,m){return y(),A(Be,{name:"slide"},{default:I(()=>[q(i.$slots,"default",{},void 0,!0)]),_:3})}const ht=K(vt,[["render",_t],["__scopeId","data-v-88e2114c"]]),qe="placeholder_recommended";function $t(...i){return Qe.baseText(...i)}const J=ft($t,(...i)=>JSON.stringify(i)),fe={"n8n-nodes-base.hubspotTrigger":(i,e)=>{var o,n,m;const l=(o=i==null?void 0:i.options)==null?void 0:o[0];return(m=(n=l==null?void 0:l.values[0])==null?void 0:n.options)==null?void 0:m.map(f=>({...ne(e),actionKey:f.value,displayName:J("nodeCreator.actionsCategory.onEvent",{interpolate:{event:ye(f.name)}}),description:f.description||"",displayOptions:i.displayOptions,values:{eventsUi:{eventValues:[{name:f.value}]}}}))}};function ne(i,e){const l=i.group.includes("trigger"),o=J(l?"nodeCreator.actionsCategory.triggers":"nodeCreator.actionsCategory.actions");return{name:i.name,group:i.group,codex:{label:e||"",categories:[o]},iconUrl:i.iconUrl,outputs:i.outputs,icon:i.icon,defaults:i.defaults}}function bt(i){if(i.properties.find(n=>n.name==="resource"))return[];const e=i.properties.find(n=>{var m;return((m=n.name)==null?void 0:m.toLowerCase())==="operation"});if(!e||!e.options)return[];const o=e.options.filter(n=>!["*",""," "].includes(n.name)).map(n=>({...ne(i),actionKey:n.value,displayName:n.action??ye(n.name),description:n.description??"",displayOptions:e.displayOptions,values:{[e.name]:e.type==="multiOptions"?[n.value]:n.value}}));return o.length===0?[]:o}function wt(i){var _,t;const e=["event","events","trigger on"],l=(_=i.displayName)==null?void 0:_.toLowerCase().includes("trigger"),o=i.properties.find(a=>{var c;return e.includes((c=a.displayName)==null?void 0:c.toLowerCase())});if(!l)return[];if(!o||!o.options)return[{...ne(i),actionKey:qe,displayName:J("nodeCreator.actionsCategory.onNewEvent",{interpolate:{event:i.displayName.replace("Trigger","").trimEnd()}}),description:""}];const n=o.options.filter(a=>!["*",""," "].includes(a.name));return((t=fe[i.name])==null?void 0:t.call(fe,o,i))??n.map(a=>({...ne(i),actionKey:a.value,displayName:a.action??J("nodeCreator.actionsCategory.onEvent",{interpolate:{event:ye(a.name)}}),description:a.description||"",displayOptions:o.displayOptions,values:{[o.name]:o.type==="multiOptions"?[a.value]:a.value}}))}function Tt(i){const e=[];return i.properties.filter(o=>{var n;return((n=o.displayName)==null?void 0:n.toLowerCase())==="resource"}).forEach(o=>{(o.options||[]).filter(n=>n.value!==re).forEach((n,m,f)=>{const _=f.length===1,t=i.properties.find(c=>{var P,u,s,b,N;const k=c.name==="operation",g=((s=(u=(P=c.displayOptions)==null?void 0:P.show)==null?void 0:u.resource)==null?void 0:s.includes(n.value))||_,r=(N=(b=c.displayOptions)==null?void 0:b.show)==null?void 0:N["@version"],T=Array.isArray(i.version)?i.version:[i.version],$=r?r.some(d=>T.includes(d)):!0;return k&&g&&$});if(!(t!=null&&t.options))return;const a=(t.options||[]).map(c=>{var r;const k=c.action??`${n.name} ${ye(c.name)}`,g=_?{show:{resource:[(r=f[0])==null?void 0:r.value]}}:t==null?void 0:t.displayOptions;return{...ne(i,`${n.name} ${J("nodeCreator.actionsCategory.actions")}`),actionKey:c.value,description:(c==null?void 0:c.description)??"",displayOptions:g,values:{operation:(t==null?void 0:t.type)==="multiOptions"?[c.value]:c.value},displayName:k,group:["trigger"]}});e.push(...a)})}),e}function kt(){function i(n){return n?[...wt(n),...bt(n),...Tt(n)]:[]}function e(n){return n.length<=1?[]:n.filter((m,f,_)=>{if(m.actionKey===re)return!1;const a=m.actionKey===qe;return!a||a&&_.length>1})}function l(n){const{displayName:m,defaults:f,description:_,name:t,group:a,icon:c,iconUrl:k,outputs:g,codex:r}=n;return{displayName:m,defaults:f,description:_,name:t,group:a,icon:c,iconUrl:k,outputs:g,codex:r}}function o(n){const m=[...n],f={},_=[];return m.filter(t=>!t.group.includes("trigger")).forEach(t=>{const a=i(t);f[t.name]=a,_.push(l(t))}),m.filter(t=>t.group.includes("trigger")).forEach(t=>{const a=t.name.replace("Trigger",""),c=i(t),k=(f==null?void 0:f[a])||[],g=_.find(r=>r.name===a);if(g&&(k==null?void 0:k.length)>0){const r=e([...k,...c]);f[a]=r,g.description=t.description}else f[t.name]=e(c),_.push(l(t))}),{actions:f,mergedNodes:_}}return{generateMergedNodesAndActions:o}}const Ct=["placeholder","value"],It=D({__name:"SearchBar",props:{placeholder:{default:""},modelValue:{default:""}},emits:["update:modelValue"],setup(i,{expose:e,emit:l}){const o=we({inputRef:null});function n(){var t;(t=o.inputRef)==null||t.focus()}function m(t){const a=t.target;l("update:modelValue",a.value)}function f(){l("update:modelValue","")}pe(()=>{ve("nodeCreator_searchBar.mount",_e(),{inputRef:o.inputRef}),setTimeout(n,0)}),Oe(()=>{var t;(t=o.inputRef)==null||t.remove()});const{inputRef:_}=Te(o);return e({focus:n}),(t,a)=>{const c=O("font-awesome-icon");return y(),L("div",{class:p(t.$style.searchContainer),"data-test-id":"search-bar"},[C("div",{class:p({[t.$style.prefix]:!0,[t.$style.active]:t.modelValue.length>0})},[R(c,{icon:"search",size:"sm"})],2),C("div",{class:p(t.$style.text)},[C("input",{placeholder:t.placeholder,value:t.modelValue,class:p(t.$style.input),ref_key:"inputRef",ref:_,autofocus:"","data-test-id":"node-creator-search-bar",tabindex:"0",onInput:m},null,42,Ct)],2),t.modelValue.length>0?(y(),L("div",{key:0,class:p(t.$style.suffix),onClick:f},[C("button",{class:p([t.$style.clear,t.$style.clickable])},[R(c,{icon:"times-circle"})],2)],2)):E("",!0)],2)}}}),Nt="_searchContainer_1wh9v_5",St="_prefix_1wh9v_21",At="_active_1wh9v_26",Lt="_text_1wh9v_30",Et="_suffix_1wh9v_46",Vt="_clear_1wh9v_52",Rt={searchContainer:Nt,prefix:St,active:At,text:Lt,suffix:Et,clear:Vt},Mt={$style:Rt},Bt=K(It,[["__cssModules",Mt]]),Ot=["innerHTML"],Pt=D({__name:"NodeItem",props:{nodeType:{},subcategory:{},active:{type:Boolean,default:!1}},setup(i){const e=i,l=de(),o=Ee(),{actions:n}=Z(),{getAddedNodesAndConnections:m}=Ie(),f=G(!1),_=G({x:-100,y:-100}),t=G(null),a=h(()=>l.headerText({key:`headers.${T.value}.description`,fallback:e.nodeType.description})),c=h(()=>g.value),k=h(()=>g.value?"node-creator-action-item":"node-creator-node-item"),g=h(()=>r.value.length>1),r=h(()=>n[e.nodeType.name]||[]),T=h(()=>l.shortNodeType(e.nodeType.name)||""),$=h(()=>({top:`${_.value.y}px`,left:`${_.value.x}px`})),P=h(()=>xe(e.nodeType.name)),u=h(()=>{const v=e.nodeType.displayName.trimEnd();return l.headerText({key:`headers.${T.value}.displayName`,fallback:g.value?v.replace("Trigger",""):v})}),s=h(()=>{if(!e.nodeType.outputs||typeof e.nodeType.outputs=="string")return!1;const v=et(e.nodeType.outputs);return v?v.filter(Y=>Y!==tt.Main).length>0:!1}),b=h(()=>e.nodeType.group.includes("trigger")&&!g.value);function N(v){document.body.addEventListener("dragover",d);const{pageX:Y,pageY:j}=v;v.dataTransfer&&(v.dataTransfer.effectAllowed="copy",v.dataTransfer.dropEffect="copy",v.dataTransfer.setDragImage(t.value,0,0),v.dataTransfer.setData(be,JSON.stringify(m([{type:e.nodeType.name}])))),f.value=!0,_.value={x:Y,y:j}}function d(v){if(!f.value||v.pageX===0&&v.pageY===0)return;const[Y,j]=Le([],[v.pageX-ie/2,v.pageY-ie/2]);_.value={x:Y,y:j}}function V(v){document.body.removeEventListener("dragover",d),f.value=!1,setTimeout(()=>{_.value={x:-100,y:-100}},300)}function B(v){v.target.localName==="a"&&o.track("user clicked cnr docs link",{source:"nodes panel node"})}return(v,Y)=>{const j=O("n8n-node-creator-node");return y(),A(j,{draggable:!c.value,onDragstart:N,onDragend:V,class:p(v.$style.nodeItem),description:v.subcategory!==H(nt)?a.value:"",title:u.value,"show-action-arrow":c.value,"is-trigger":b.value,"data-test-id":k.value},le({icon:I(()=>[s.value?(y(),L("div",{key:0,class:p(v.$style.subNodeBackground)},null,2)):E("",!0),R(ce,{class:p(v.$style.nodeIcon),nodeType:v.nodeType},null,8,["class","nodeType"])]),dragContent:I(()=>[C("div",{class:p(v.$style.draggableDataTransfer),ref_key:"draggableDataTransfer",ref:t},null,2),Pe(C("div",{class:p(v.$style.draggable),style:ke($.value)},[R(ce,{nodeType:v.nodeType,onClickCapture:Y[0]||(Y[0]=ge(()=>{},["stop"])),size:40,shrink:!1},null,8,["nodeType"])],6),[[De,f.value]])]),_:2},[P.value?{name:"tooltip",fn:I(()=>[C("p",{class:p(v.$style.communityNodeIcon),innerHTML:H(l).baseText("generic.communityNode.tooltip",{interpolate:{packageName:v.nodeType.name.split(".")[0],docURL:H(ot)}}),onClick:B},null,10,Ot)]),key:"0"}:void 0]),1032,["draggable","class","description","title","show-action-arrow","is-trigger","data-test-id"])}}}),Dt="_nodeItem_da0t4_5",Kt="_nodeIcon_da0t4_13",Ht="_subNodeBackground_da0t4_17",zt="_communityNodeIcon_da0t4_27",Ut="_draggable_da0t4_31",jt="_draggableDataTransfer_da0t4_45",Wt={nodeItem:Dt,nodeIcon:Kt,subNodeBackground:Ht,communityNodeIcon:zt,draggable:Ut,draggableDataTransfer:jt},Yt={$style:Wt},qt=K(Pt,[["__cssModules",Yt]]),Ft=D({__name:"SubcategoryItem",props:{item:{}},setup(i){const e=i,l=de(),o=h(()=>Ye(e.item.subcategory||e.item.title));return(n,m)=>{const f=O("n8n-node-icon"),_=O("n8n-node-creator-node");return y(),A(_,{class:p(n.$style.subCategory),title:H(l).baseText(`nodeCreator.subcategoryNames.${o.value}`),isTrigger:!1,description:H(l).baseText(`nodeCreator.subcategoryDescriptions.${o.value}`),showActionArrow:!0},{icon:I(()=>[R(f,oe({type:"icon",name:n.item.icon,circle:!1,showTooltip:!1},n.item.iconProps),null,16,["name"])]),_:1},8,["class","title","description"])}}}),Gt="_subCategory_1js79_5",Xt={subCategory:Gt},Zt={$style:Xt},Jt=K(Ft,[["__cssModules",Zt]]),Qt=["textContent"],xt=D({__name:"LabelItem",props:{item:{}},setup(i){return(e,l)=>(y(),L("div",{class:p(e.$style.label)},[C("span",{class:p(e.$style.name),textContent:W(e.item.key)},null,10,Qt)],2))}}),eo="_label_92wv5_5",to={label:eo},oo={$style:to},no=K(xt,[["__cssModules",oo]]),so=D({__name:"ActionItem",props:{nodeType:{},action:{}},setup(i){const e=i,l=Ce(),o=l==null?void 0:l.proxy.$telemetry,{getActionData:n,getAddedNodesAndConnections:m,setAddedNodeActionParameters:f}=Ie(),{activeViewStack:_}=M(),t=we({dragging:!1,draggablePosition:{x:-100,y:-100},storeWatcher:null,draggableDataTransfer:null}),a=h(()=>({top:`${t.draggablePosition.y}px`,left:`${t.draggablePosition.x}px`})),c=h(()=>n(e.action)),k=u=>{var s;return((s=u.name)==null?void 0:s.toLowerCase().includes("trigger"))||u.name===Ve};function g(u){document.body.addEventListener("dragover",r);const{pageX:s,pageY:b}=u;u.dataTransfer&&c.value.key&&(u.dataTransfer.effectAllowed="copy",u.dataTransfer.dropEffect="copy",u.dataTransfer.setDragImage(t.draggableDataTransfer,0,0),u.dataTransfer.setData(be,JSON.stringify(m([{type:c.value.key}]))),o&&(t.storeWatcher=f(c.value,o,_.rootView)),document.body.addEventListener("dragend",T)),t.dragging=!0,t.draggablePosition={x:s,y:b}}function r(u){if(!t.dragging||u.pageX===0&&u.pageY===0)return;const[s,b]=Le([],[u.pageX-ie/2,u.pageY-ie/2]);t.draggablePosition={x:s,y:b}}function T(u){t.storeWatcher&&t.storeWatcher(),document.body.removeEventListener("dragend",T),document.body.removeEventListener("dragover",r),t.dragging=!1,setTimeout(()=>{t.draggablePosition={x:-100,y:-100}},300)}const{draggableDataTransfer:$,dragging:P}=Te(t);return(u,s)=>{const b=O("n8n-node-creator-node");return y(),A(b,{onDragstart:g,onDragend:T,draggable:"",class:p(u.$style.action),title:u.action.displayName,isTrigger:k(u.action),"data-keyboard-nav":"true"},{dragContent:I(()=>[C("div",{class:p(u.$style.draggableDataTransfer),ref_key:"draggableDataTransfer",ref:$},null,2),Pe(C("div",{class:p(u.$style.draggable),style:ke(a.value)},[R(ce,{nodeType:u.nodeType,onClickCapture:s[0]||(s[0]=ge(()=>{},["stop"])),size:40,shrink:!1},null,8,["nodeType"])],6),[[De,H(P)]])]),icon:I(()=>[R(ce,{nodeType:u.action},null,8,["nodeType"])]),_:1},8,["class","title","isTrigger"])}}}),ao="_action_vsx3h_5",ro="_nodeIcon_vsx3h_17",io="_draggable_vsx3h_21",lo="_draggableDataTransfer_vsx3h_35",co={action:ao,nodeIcon:ro,draggable:io,draggableDataTransfer:lo},uo={$style:co},po=K(so,[["__cssModules",uo]]),go=D({__name:"ViewItem",props:{view:{}},setup(i){return(e,l)=>{const o=O("n8n-node-icon"),n=O("n8n-node-creator-node");return y(),A(n,{class:p(e.$style.view),title:e.view.title,isTrigger:!1,description:e.view.description,showActionArrow:!0},{icon:I(()=>[R(o,{type:"icon",name:e.view.icon,circle:!1,showTooltip:!1},null,8,["name"])]),_:1},8,["class","title","description"])}}}),yo="_view_5t09j_5",mo={view:yo},fo={$style:mo},vo=K(go,[["__cssModules",fo]]),_o=["data-keyboard-nav-type","data-keyboard-nav-id","onClick"],ho={key:0},$o=20,bo=5,wo=D({__name:"ItemsRenderer",props:{elements:{default:()=>[]},activeIndex:{},disabled:{type:Boolean},lazyRender:{type:Boolean,default:!0}},emits:["selected","dragstart","dragend"],setup(i,{emit:e}){const l=i,o=G([]),n=G(0),m=h(()=>{var g;return(g=F())==null?void 0:g.activeItemId});function f(){if(l.elements.length<=$o||!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+bo)),n.value=window.requestAnimationFrame(f))}function _(g,r,T){l.disabled||e(g||"dragstart",r,T)}function t(g){g.style.height="0"}function a(g){g.style.height=`${g.scrollHeight}px`}function c(g){g.style.height=`${g.scrollHeight}px`}function k(g){g.style.height="0"}return pe(()=>{f()}),Ke(()=>{window.cancelAnimationFrame(n.value),o.value=[]}),X(()=>l.elements,()=>{window.cancelAnimationFrame(n.value),o.value=[],f()}),(g,r)=>{const T=O("n8n-loading");return g.elements.length>0?(y(),L("div",{key:0,class:p(g.$style.itemsRenderer),name:"accordion",onBeforeEnter:t,onEnter:a,onBeforeLeave:c,onLeave:k},[q(g.$slots,"default"),(y(!0),L(ut,null,pt(g.elements,$=>(y(),L("div",{key:$.uuid,"data-test-id":"item-iterator-item",class:p({clickable:!g.disabled,[g.$style.active]:m.value===$.uuid,[g.$style.iteratorItem]:!0,[g.$style[$.type]]:!0}),ref_for:!0,ref:"iteratorItems","data-keyboard-nav-type":$.type!=="label"?$.type:void 0,"data-keyboard-nav-id":$.uuid,onClick:P=>_("selected",$)},[o.value.includes($)?(y(),L("div",ho,[$.type==="label"?(y(),A(no,{key:0,item:$},null,8,["item"])):E("",!0),$.type==="subcategory"?(y(),A(Jt,{key:1,item:$.properties},null,8,["item"])):E("",!0),$.type==="node"?(y(),A(qt,{key:2,nodeType:$.properties,active:!0,subcategory:$.subcategory},null,8,["nodeType","subcategory"])):E("",!0),$.type==="action"?(y(),A(po,{key:3,nodeType:$.properties,action:$.properties,active:!0},null,8,["nodeType","action"])):$.type==="view"?(y(),A(vo,{key:4,view:$.properties,class:p(g.$style.viewItem)},null,8,["view","class"])):E("",!0)])):(y(),A(T,{key:1,loading:!0,rows:1,variant:"p",class:p(g.$style.itemSkeleton)},null,8,["class"]))],10,_o))),128))],34)):(y(),L("div",{key:1,class:p(g.$style.empty)},[q(g.$slots,"empty")],2))}}}),To="_itemSkeleton_mfosb_5",ko="_iteratorItem_mfosb_9",Co="_label_mfosb_21",Io="_category_mfosb_21",No="_active_mfosb_24",So="_empty_mfosb_28",Ao="_itemsRenderer_mfosb_32",Lo="_view_mfosb_41",Eo={itemSkeleton:To,iteratorItem:ko,label:Co,category:Io,active:No,empty:So,itemsRenderer:Ao,view:Lo},Vo={$style:Eo},Ne=K(wo,[["__cssModules",Vo]]),Ro=["textContent"],Mo=D({__name:"CategoryItem",props:{expanded:{type:Boolean,default:!0},active:{type:Boolean},count:{},name:{},isTrigger:{type:Boolean}},setup(i){const e=i,l=h(()=>{const o=e.count||0;return o>0?`${e.name} (${o})`:e.name});return(o,n)=>{const m=O("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:p({[o.$style.category]:!0,[o.$style.active]:o.active})},[C("span",{class:p(o.$style.name)},[C("span",{textContent:W(l.value)},null,8,Ro),o.isTrigger?(y(),A(m,{key:0,icon:"bolt",size:"xs",class:p(o.$style.triggerIcon)},null,8,["class"])):E("",!0),q(o.$slots,"default")],2),o.expanded?(y(),A(m,{key:0,icon:"chevron-down",class:p(o.$style.arrow)},null,8,["class"])):(y(),A(m,{key:1,class:p(o.$style.arrow),icon:"chevron-up"},null,8,["class"]))],2)],16)}}}),Bo="_triggerIcon_jzfdi_5",Oo="_category_jzfdi_10",Po="_active_jzfdi_31",Do="_name_jzfdi_35",Ko="_arrow_jzfdi_40",Ho={triggerIcon:Bo,category:Oo,active:Po,name:Do,arrow:Ko},zo={$style:Ho},Uo=K(Mo,[["__cssModules",zo]]),jo=["data-category-collapsed"],Wo=["innerHTML"],Yo=D({__name:"CategorizedItemsRenderer",props:{elements:{default:()=>[]},category:{},disabled:{type:Boolean},activeIndex:{},isTriggerCategory:{type:Boolean},mouseOverTooltip:{},expanded:{type:Boolean}},setup(i){const e=i,l=Ce(),{popViewStack:o}=M(),{registerKeyHook:n}=F(),{workflowId:m}=st(),f=h(()=>{var r;return(r=F())==null?void 0:r.activeItemId}),_=h(()=>e.elements.filter(({type:r})=>r==="action").length),t=G(e.expanded??!1);function a(){c(!t.value)}function c(r){t.value=r,t.value&&(l==null||l.proxy.$telemetry.trackNodesPanel("nodeCreateList.onCategoryExpanded",{category_name:e.category,workflow_id:m}))}function k(){t.value||c(!0)}function g(){if(!t.value){o();return}c(!1)}return X(()=>e.elements,()=>{c(!0)}),n(`CategoryRight_${e.category}`,{keyboardKeys:["ArrowRight"],condition:(r,T)=>r==="category"&&e.category===T,handler:k}),n(`CategoryToggle_${e.category}`,{keyboardKeys:["Enter"],condition:(r,T)=>r==="category"&&e.category===T,handler:a}),n(`CategoryLeft_${e.category}`,{keyboardKeys:["ArrowLeft"],condition:(r,T)=>r==="category"&&e.category===T,handler:g}),(r,T)=>{const $=O("n8n-icon"),P=O("n8n-tooltip");return y(),L("div",{class:p(r.$style.categorizedItemsRenderer),"data-category-collapsed":!t.value},[R(Uo,{class:p(r.$style.categoryItem),name:r.category,disabled:r.disabled,active:f.value===r.category,count:_.value,expanded:t.value,isTrigger:r.isTriggerCategory,"data-keyboard-nav-type":"category","data-keyboard-nav-id":r.category,onClick:a},{default:I(()=>[r.mouseOverTooltip?(y(),L("span",{key:0,class:p(r.$style.mouseOverTooltip)},[R(P,{placement:"top","popper-class":r.$style.tooltipPopper},{content:I(()=>[C("div",{innerHTML:r.mouseOverTooltip},null,8,Wo)]),default:I(()=>[R($,{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"]),t.value&&_.value>0&&r.$slots.default?(y(),L("div",{key:0,class:p(r.$style.contentSlot)},[q(r.$slots,"default")],2)):E("",!0),t.value?(y(),A(Ne,oe({key:1},r.$attrs,{elements:r.elements,isTrigger:r.isTriggerCategory}),{default:I(()=>[]),empty:I(()=>[q(r.$slots,"empty",He(gt({elements:r.elements})))]),_:3},16,["elements","isTrigger"])):E("",!0)],10,jo)}}}),qo="_mouseOverTooltip_1c8m2_5",Fo="_categorizedItemsRenderer_1c8m2_12",Go="_tooltipPopper_1c8m2_16",Xo="_contentSlot_1c8m2_20",Zo={mouseOverTooltip:qo,categorizedItemsRenderer:Fo,tooltipPopper:Go,contentSlot:Xo},Jo={$style:Zo},$e=K(Yo,[["__cssModules",Jo]]),Qo=["innerHTML"],xo=["innerHTML"],en=["innerHTML"],tn=["innerHTML"],on=["onClick","innerHTML"],nn=D({__name:"ActionsMode",emits:{nodeTypeSelected:i=>!0},setup(i,{emit:e}){const l=Ce(),o=l==null?void 0:l.proxy.$telemetry,{userActivated:n}=at(),{popViewStack:m,updateCurrentViewStack:f}=M(),{registerKeyHook:_}=F(),{getNodeTypesWithManualTrigger:t,setAddedNodeActionParameters:a,getActionData:c,getPlaceholderTriggerActions:k,parseCategoryActions:g,actionsCategoryLocales:r}=Ie(),T=h(()=>se(b.value,r.value.triggers,!1)),$=h(()=>se(b.value,r.value.actions,!N.value)),P=h(()=>se(M().activeViewStack.baselineItems||[],r.value.triggers,!1)),u=h(()=>se(M().activeViewStack.baselineItems||[],r.value.actions,!N.value)),s=h(()=>T.value.length||N.value?r.value.triggers:`${r.value.triggers} (${B.length})`),b=h(()=>(M().activeViewStack.items||[]).filter(w=>w.properties.actionKey!==re)),N=h(()=>M().activeViewStack.search),d=h(()=>M().activeViewStack.subcategory),V=h(()=>M().activeViewStack.rootView),B=k(d.value||""),v=h(()=>g(M().activeViewStack.baselineItems||[],r.value.triggers,!N.value).length===0),Y=h(()=>(M().activeViewStack.baselineItems||[]).some(z=>(z.properties.actionKey??"")===re)===!0),j=h(()=>V.value===te);_("ActionsKeyRight",{keyboardKeys:["ArrowRight","Enter"],condition:w=>w==="action",handler:Ge}),_("ActionsKeyLeft",{keyboardKeys:["ArrowLeft"],condition:w=>w==="action",handler:Fe});function se(w,S,z=!1){return g(w,S,z)}function Fe(){m()}function Ge(w){const z=[...b.value,...B].find(U=>U.uuid===w);z&&ae(z)}function ae(w){const S=c(w.properties);if(B.some(U=>U.key===w.key)&&j.value){const U=b.value[0].key;e("nodeTypeSelected",[S.key,U])}else e("nodeTypeSelected",[S.key]);o&&a(S,o,V.value)}function Xe(){var Q,x,Ae;const w=M().activeViewStack,S=(Q=w.baselineItems||[])==null?void 0:Q.filter(me=>me.key.toLowerCase().includes("trigger")).length,U={app_identifier:[...b.value,...B][0].key,actions:(x=w.baselineItems||[])==null?void 0:x.map(me=>me.properties.displayName),regular_action_count:((Ae=w.baselineItems||[])==null?void 0:Ae.length)-S,trigger_action_count:S};ve("nodeCreateList.onViewActions",_e(),U),o==null||o.trackNodesPanel("nodeCreateList.onViewActions",U)}function Se(){f({search:""})}function Ze(){const w={name:"",key:he,value:{authentication:"predefinedCredentialType"}};e("nodeTypeSelected",[he]),o&&a(w);const S=b.value[0].key;ve("nodeCreateList.onActionsCustmAPIClicked",_e(),{app_identifier:S}),o==null||o.trackNodesPanel("nodeCreateList.onActionsCustmAPIClicked",{app_identifier:S})}const Je=D({props:{rootView:{type:String}},setup(w,{slots:S}){return()=>{var z,U,Q,x;return yt("div",{},w.rootView===ue?[(z=S.actions)==null?void 0:z.call(S),(U=S.triggers)==null?void 0:U.call(S)]:[(Q=S.triggers)==null?void 0:Q.call(S),(x=S.actions)==null?void 0:x.call(S)])}}});return pe(()=>{Xe()}),(w,S)=>{const z=O("n8n-callout"),U=O("n8n-info-tip");return y(),L("div",{class:p(w.$style.container)},[R(H(Je),{rootView:V.value},le({_:2},[j.value||P.value.length!==0?{name:"triggers",fn:I(()=>[R($e,{elements:T.value,category:s.value,mouseOverTooltip:w.$locale.baseText("nodeCreator.actionsTooltip.triggersStartWorkflow"),isTriggerCategory:"",expanded:j.value||$.value.length===0,onSelected:ae},le({_:2},[v.value?{name:"empty",fn:I(()=>[v.value?(y(),A(z,{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:d.value}})},null,8,Qo)]),_:1})):E("",!0),R(Ne,{onSelected:ae,elements:H(B)},null,8,["elements"])]),key:"0"}:{name:"empty",fn:I(()=>[C("p",{class:p(w.$style.resetSearch),innerHTML:w.$locale.baseText("nodeCreator.actionsCategory.noMatchingTriggers"),onClick:Se},null,10,["innerHTML"])]),key:"1"}]),1032,["elements","category","mouseOverTooltip","expanded"])]),key:"0"}:void 0,!j.value||u.value.length!==0?{name:"actions",fn:I(()=>[R($e,{elements:$.value,category:H(r).actions,mouseOverTooltip:w.$locale.baseText("nodeCreator.actionsTooltip.actionsPerformStep"),expanded:!j.value||T.value.length===0,onSelected:ae},{empty:I(()=>[N.value?(y(),L("p",{key:1,class:p(w.$style.resetSearch),innerHTML:w.$locale.baseText("nodeCreator.actionsCategory.noMatchingActions"),onClick:Se,"data-test-id":"actions-panel-no-matching-actions"},null,10,tn)):(y(),A(U,{key:0,theme:"info",type:"note",class:p(w.$style.actionsEmpty)},{default:I(()=>[C("span",{innerHTML:w.$locale.baseText("nodeCreator.actionsCallout.noActionItems",{interpolate:{nodeName:d.value}})},null,8,en)]),_:1},8,["class"]))]),default:I(()=>[!H(n)&&j.value?(y(),A(z,{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,xo)]),_:1})):E("",!0)]),_:1},8,["elements","category","mouseOverTooltip","expanded"])]),key:"1"}:void 0]),1032,["rootView"]),Y.value?(y(),L("div",{key:0,class:p(w.$style.apiHint)},[C("span",{onClick:ge(Ze,["prevent"]),innerHTML:w.$locale.baseText("nodeCreator.actionsList.apiCall",{interpolate:{node:d.value}})},null,8,on)],2)):E("",!0)],2)}}}),sn="_container_1tz2w_5",an="_resetSearch_1tz2w_11",rn="_actionsEmpty_1tz2w_25",ln="_apiHint_1tz2w_33",cn={container:sn,resetSearch:an,actionsEmpty:rn,apiHint:ln},dn={$style:cn},un=K(nn,[["__cssModules",dn]]),pn={},gn={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"},yn=mt('<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),mn=[yn];function fn(i,e){return y(),L("svg",gn,mn)}const vn=K(pn,[["render",fn]]),_n=["textContent"],hn=["textContent"],$n=D({__name:"NoResults",props:{showIcon:{type:Boolean},showRequest:{type:Boolean},rootView:{}},setup(i){return(e,l)=>{const o=O("n8n-link"),n=O("font-awesome-icon");return y(),L("div",{class:p({[e.$style.noResults]:!0,[e.$style.iconless]:!e.showIcon}),"data-test-id":"node-creator-no-results"},[e.showIcon?(y(),L("div",{key:0,class:p(e.$style.icon)},[R(vn)],2)):E("",!0),C("div",{class:p(e.$style.title)},[q(e.$slots,"title"),C("p",{textContent:W(e.$locale.baseText("nodeCreator.noResults.weDidntMakeThatYet"))},null,8,_n),C("div",{class:p(e.$style.action)},[ee(W(e.$locale.baseText("nodeCreator.noResults.dontWorryYouCanProbablyDoItWithThe"))+" ",1),e.rootView===H(ue)?(y(),A(o,{key:0,onClick:l[0]||(l[0]=m=>e.$emit("addHttpNode"))},{default:I(()=>[ee(W(e.$locale.baseText("nodeCreator.noResults.httpRequest")),1)]),_:1})):E("",!0),e.rootView===H(te)?(y(),A(o,{key:1,onClick:l[1]||(l[1]=m=>e.$emit("addWebhookNode"))},{default:I(()=>[ee(W(e.$locale.baseText("nodeCreator.noResults.webhook")),1)]),_:1})):E("",!0),ee(" "+W(e.$locale.baseText("nodeCreator.noResults.node")),1)],2)],2),e.showRequest?(y(),L("div",{key:1,class:p(e.$style.request)},[C("p",{textContent:W(e.$locale.baseText("nodeCreator.noResults.wantUsToMakeItFaster"))},null,8,hn),C("div",null,[R(o,{to:H(rt)},{default:I(()=>[C("span",null,W(e.$locale.baseText("nodeCreator.noResults.requestTheNode")),1),ee("  "),C("span",null,[R(n,{class:p(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)}}}),bn="_noResults_1jje6_5",wn="_title_1jje6_18",Tn="_action_1jje6_27",kn="_request_1jje6_28",Cn="_icon_1jje6_44",In="_external_1jje6_50",Nn={noResults:bn,title:wn,action:Tn,request:kn,icon:Cn,external:In},Sn={$style:Nn},An=K($n,[["__cssModules",Sn]]),Ln=D({__name:"NodesMode",emits:{nodeTypeSelected:i=>!0},setup(i,{emit:e}){const l=de(),o=Ee(),{mergedNodes:n,actions:m}=Z(),{baseUrl:f}=it(),{pushViewStack:_,popViewStack:t}=M(),{registerKeyHook:a}=F(),c=h(()=>M().activeViewStack),k=h(()=>M().globalSearchItemsDiff);function g(s){e("nodeTypeSelected",s)}function r(s){var b,N;if(s.type==="subcategory"){const d=Ye(s.properties.title),V=l.baseText(`nodeCreator.subcategoryNames.${d}`);_({subcategory:s.key,title:V,mode:"nodes",...s.properties.icon?{nodeIcon:{icon:s.properties.icon,iconType:"icon"}}:{},...s.properties.panelClass?{panelClass:s.properties.panelClass}:{},rootView:c.value.rootView,forceIncludeNodes:s.properties.forceIncludeNodes,baseFilter:$,itemsMapper:T}),o.trackNodesPanel("nodeCreateList.onSubcategorySelected",{subcategory:s.key})}if(s.type==="node"){const d=(m==null?void 0:m[s.key])||[];if(d.length<=1){g([s.key]);return}const V=s.properties.iconUrl?`${f}${s.properties.iconUrl}`:(b=s.properties.icon)==null?void 0:b.split(":")[1],B=d==null?void 0:d.map(v=>lt(v,s.properties.displayName,"action"));_({subcategory:s.properties.displayName,title:s.properties.displayName,nodeIcon:{color:((N=s.properties.defaults)==null?void 0:N.color)||"",icon:V,iconType:s.properties.iconUrl?"file":"icon"},rootView:c.value.rootView,hasSearch:!0,mode:"actions",items:B})}if(s.type==="view"){const d={[te]:ze,[ue]:Ue,[Re]:je,[Me]:We},V=s.key,B=d[V];if(!B){console.warn(`No view found for ${V}`);return}const v=B(n);_({title:v.title,subtitle:(v==null?void 0:v.subtitle)??"",info:(v==null?void 0:v.info)??"",items:v.items,hasSearch:!0,rootView:v.value,mode:"nodes",searchItems:n})}}function T(s){var V,B;if(s.type!=="node")return s;const b=s.properties.group.includes("trigger"),d=((m==null?void 0:m[s.key])||[]).length>0;return b&&d&&((V=s.properties)!=null&&V.codex&&(s.properties.codex.alias=[...((B=s.properties.codex)==null?void 0:B.alias)||[],s.properties.displayName]),s.properties.displayName=s.properties.displayName.replace(" Trigger","")),s}function $(s){if(s.type!=="node")return!1;const b=s.properties.group.includes("trigger"),d=((m==null?void 0:m[s.key])||[]).length>0;return c.value.rootView===te?d||b:d||!b}function P(){t()}function u(s){const N=[...c.value.items||[],...k.value||[]].find(d=>d.uuid===s);N&&r(N)}return a("MainViewArrowRight",{keyboardKeys:["ArrowRight","Enter"],condition:s=>["subcategory","node","view"].includes(s),handler:u}),a("MainViewArrowLeft",{keyboardKeys:["ArrowLeft"],condition:s=>["subcategory","node","view"].includes(s),handler:P}),(s,b)=>(y(),L("span",null,[R(Ne,{elements:c.value.items,onSelected:r,class:p(s.$style.items)},le({_:2},[(c.value.items||[]).length===0&&k.value.length===0?{name:"empty",fn:I(()=>[R(An,{rootView:c.value.rootView,showIcon:"",showRequest:"",onAddWebhookNode:b[0]||(b[0]=N=>g([H(Ve)])),onAddHttpNode:b[1]||(b[1]=N=>g([H(he)]))},null,8,["rootView"])]),key:"0"}:void 0]),1032,["elements","class"]),k.value.length>0?(y(),A($e,{key:0,elements:k.value,category:s.$locale.baseText("nodeCreator.categoryNames.otherCategories"),onSelected:r},null,8,["elements","category"])):E("",!0)]))}}),En="_items_1t7lf_5",Vn={items:En},Rn={$style:Vn},Mn=K(Ln,[["__cssModules",Rn]]),Bn=["textContent"],On=["textContent"],Pn=D({__name:"NodesListPanel",setup(i){const e=de(),{mergedNodes:l}=Z(),{pushViewStack:o,popViewStack:n,updateCurrentViewStack:m}=M(),{setActiveItemIndex:f,attachKeydownEvent:_,detachKeydownEvent:t}=F(),a=h(()=>M().activeViewStack),c=h(()=>M().viewStacks),k=h(()=>M().activeViewStackMode==="actions"),g=h(()=>k.value?e.baseText("nodeCreator.actionsCategory.searchActions",{interpolate:{node:a.value.title}}):e.baseText("nodeCreator.searchBar.searchNodes")),r=h(()=>Z().selectedView);function T(u){a.value.uuid&&(m({search:u}),f(a.value.activeIndex??0))}function $(){const u=a.value.mode==="actions"?1:0;f(a.value.activeIndex||0||u)}pe(()=>{_(),f(a.value.activeIndex??0)}),Ke(()=>{t()}),X(()=>r.value,u=>{const s={[te]:ze,[ue]:Ue,[Re]:je,[Me]:We},b=u,N=s[b];if(!N){console.warn(`No view found for ${b}`);return}const d=N(l);o({title:d.title,subtitle:(d==null?void 0:d.subtitle)??"",items:d.items,info:d.info,hasSearch:!0,mode:"nodes",rootView:u,searchItems:l})},{immediate:!0});function P(){n()}return(u,s)=>{const b=O("font-awesome-icon"),N=O("n8n-node-icon"),d=O("n8n-notice");return c.value.length>0?(y(),A(Be,{key:0,name:`panel-slide-${a.value.transitionDirection}`,onAfterLeave:$},{default:I(()=>[(y(),L("aside",{class:p([u.$style.nodesListPanel,a.value.panelClass]),onKeydownCapture:s[0]||(s[0]=ge(()=>{},["stop"])),key:`${a.value.uuid}`},[C("header",{class:p({[u.$style.header]:!0,[u.$style.hasBg]:!a.value.subtitle,"nodes-list-panel-header":!0}),"data-test-id":"nodes-list-header"},[C("div",{class:p(u.$style.top)},[c.value.length>1&&!a.value.preventBack?(y(),L("button",{key:0,class:p(u.$style.backButton),onClick:P},[R(b,{class:p(u.$style.backButtonIcon),icon:"arrow-left",size:"2x"},null,8,["class"])],2)):E("",!0),a.value.nodeIcon?(y(),A(N,{key:1,class:p(u.$style.nodeIcon),type:a.value.nodeIcon.iconType||"unknown",src:a.value.nodeIcon.icon,name:a.value.nodeIcon.icon,color:a.value.nodeIcon.color,circle:!1,showTooltip:!1,size:20},null,8,["class","type","src","name","color"])):E("",!0),a.value.title?(y(),L("p",{key:2,class:p(u.$style.title),textContent:W(a.value.title)},null,10,Bn)):E("",!0)],2),a.value.subtitle?(y(),L("p",{key:0,class:p({[u.$style.subtitle]:!0,[u.$style.offsetSubtitle]:c.value.length>1}),textContent:W(a.value.subtitle)},null,10,On)):E("",!0)],2),a.value.hasSearch?(y(),A(Bt,{key:0,class:p(u.$style.searchBar),placeholder:g.value?g.value:u.$locale.baseText("nodeCreator.searchBar.searchNodes"),modelValue:a.value.search,"onUpdate:modelValue":T},null,8,["class","placeholder","modelValue"])):E("",!0),C("div",{class:p(u.$style.renderedItems)},[a.value.info&&!a.value.search?(y(),A(d,{key:0,class:p(u.$style.info),content:a.value.info,theme:"info"},null,8,["class","content"])):E("",!0),k.value&&a.value.subcategory?(y(),A(un,He(oe({key:1},u.$attrs)),null,16)):(y(),A(Mn,oe({key:2,rootView:r.value},u.$attrs),null,16,["rootView"]))],2)],34))]),_:1},8,["name"])):E("",!0)}}}),Dn="_info_1t3pe_27",Kn="_backButton_1t3pe_31",Hn="_backButtonIcon_1t3pe_38",zn="_nodeIcon_1t3pe_44",Un="_renderedItems_1t3pe_49",jn="_searchBar_1t3pe_61",Wn="_nodesListPanel_1t3pe_65",Yn="_footer_1t3pe_82",qn="_top_1t3pe_93",Fn="_header_1t3pe_98",Gn="_hasBg_1t3pe_104",Xn="_title_1t3pe_109",Zn="_subtitle_1t3pe_119",Jn="_offsetSubtitle_1t3pe_127",Qn={info:Dn,backButton:Kn,backButtonIcon:Hn,nodeIcon:zn,renderedItems:Un,searchBar:jn,nodesListPanel:Wn,footer:Yn,top:qn,header:Fn,hasBg:Gn,title:Xn,subtitle:Zn,offsetSubtitle:Jn};const xn={$style:Qn},es=K(Pn,[["__cssModules",xn]]),ts=D({__name:"NodeCreator",props:{active:{type:Boolean},onNodeTypeSelected:{type:Function}},emits:["closeNodeCreator","nodeTypeSelected"],setup(i,{emit:e}){const l=i,{resetViewStacks:o}=M(),{registerKeyHook:n}=F(),m=ct(),{setShowScrim:f,setActions:_,setMergeNodes:t}=Z(),{generateMergedNodesAndActions:a}=kt(),c=we({nodeCreator:null,mousedownInsideEvent:null}),k=h(()=>Z().showScrim),g=h(()=>M().viewStacks.length),r=h(()=>({top:`${m.bannersHeight+m.headerHeight}px`}));function T(){var d;if(c.mousedownInsideEvent){const V=new MouseEvent("click",{bubbles:!0,cancelable:!0});(d=c.mousedownInsideEvent.target)==null||d.dispatchEvent(V),c.mousedownInsideEvent=null,$()}}function $(){document.removeEventListener("mouseup",T),document.removeEventListener("touchstart",T)}function P(){c.mousedownInsideEvent=null,$()}function u(d){c.mousedownInsideEvent=d,document.addEventListener("mouseup",T),document.addEventListener("touchstart",T)}function s(d){d.preventDefault()}function b(d){if(!d.dataTransfer)return;const V=d.dataTransfer.getData(be),B=c.nodeCreator.getBoundingClientRect();V&&d.pageX>=B.x&&d.pageY>=B.y&&d.stopPropagation()}X(()=>l.active,d=>{d===!1&&(f(!1),o())}),X(g,d=>{d===0&&(e("closeNodeCreator"),f(!1))}),n("NodeCreatorCloseEscape",{keyboardKeys:["Escape"],handler:()=>e("closeNodeCreator")}),n("NodeCreatorCloseTab",{keyboardKeys:["Tab"],handler:()=>e("closeNodeCreator")}),X(()=>dt().visibleNodeTypes,d=>{const{actions:V,mergedNodes:B}=a(d);_(V),t(B)},{immediate:!0});const{nodeCreator:N}=Te(c);return Oe(()=>{$()}),(d,V)=>(y(),L("div",null,[C("aside",{class:p({[d.$style.nodeCreatorScrim]:!0,[d.$style.active]:k.value})},null,2),R(ht,null,{default:I(()=>[d.active?(y(),L("div",{key:0,class:p(d.$style.nodeCreator),style:ke(r.value),ref_key:"nodeCreator",ref:N,onDragover:s,onDrop:b,onMousedown:u,onMouseup:P,"data-test-id":"node-creator"},[R(es,{onNodeTypeSelected:d.onNodeTypeSelected},null,8,["onNodeTypeSelected"])],38)):E("",!0)]),_:1})]))}}),os="_nodeCreator_py8o5_9",ns="_nodeCreatorScrim_py8o5_20",ss="_active_py8o5_32",as={nodeCreator:os,nodeCreatorScrim:ns,active:ss},rs={$style:as},js=K(ts,[["__cssModules",rs]]);export{js as default};
+//# sourceMappingURL=NodeCreator-c9cc8248.js.map