n8n-editor-ui/dist/assets/NodeCreator-BNpN8bKF.js

Workflow Editor UI for n8n

(function(){try{var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{};e.SENTRY_RELEASE={id:`n8n@2.16.1`}}catch{}})();try{(function(){var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]=`347def9e-a00e-457c-8394-a1bda149720b`,e._sentryDebugIdIdentifier=`sentry-dbid-347def9e-a00e-457c-8394-a1bda149720b`)})()}catch{}import{o as e}from"./chunk-CACdhNlC.js";import{$ as t,A as n,C as r,E as i,F as a,Ft as o,N as s,Nt as c,O as l,S as u,Sn as d,T as f,U as p,Vt as m,Wt as h,X as g,Z as _,_ as v,_n as y,bt as b,c as x,gt as S,h as C,it as w,j as T,k as E,n as D,ot as O,p as k,q as A,rt as j,vn as M,w as N,xt as P,yn as F,yt as I}from"./vue.runtime.esm-bundler-C3C09Zii.js";import{at as L,n as R,nt as z}from"./core-Bz5WjPxS.js";import{B,Di as V,J as ee,Mi as H,Qi as U,R as W,Xi as G,Yi as te,Zi as K,jt as ne,tt as re,z as q}from"./src-XqE2yCpG.js";import{t as J}from"./_plugin-vue_export-helper-CIL7EULb.js";import{D as ie,F as ae,In as oe,M as se,Pa as ce,R as Y,T as le,V as ue,W as de,Xt as fe,fr as pe,it as me,j as he,k as ge,on as _e,r as ve,s as ye,t as be,w as xe,z as Se}from"./users.store-xP93bV7X.js";import{F as Ce,Ia as we,In as Te,N as Ee,_t as De,at as Oe,ft as ke,ln as Ae,nt as je,rt as Me,vt as Ne,xt as Pe}from"./constants-DuQbSl-q.js";import{t as Fe}from"./settings.store-CAFiYCMH.js";import{t as Ie}from"./banners.store-CAM7bMAe.js";import{t as Le}from"./useDebounce-DyDXl6eh.js";import{t as Re}from"./chatPanel.store-D4PUJTF0.js";import{n as ze}from"./exports-D7g5x3uk.js";import{n as Be}from"./usePinnedData-DYpKK5t1.js";import{t as Ve}from"./nodeIcon-Uemsp2k0.js";import{a as X,c as He,d as Ue,l as We,n as Z,o as Ge,r as Q,s as Ke,u as qe}from"./canvas.eventBus-P-77EomI.js";import{n as Je,t as Ye}from"./ContactAdministratorToInstall-Fp2QDIRo.js";import{t as Xe}from"./useQuickConnect-BzxUKzfb.js";import{t as $}from"./NodeIcon-T2UcO71E.js";import{t as Ze}from"./useCalloutHelpers-BYcLQq8e.js";import{i as Qe,n as $e,r as et,t as tt}from"./CommunityNodeUpdateInfo-Z_2kKBJ6.js";import{t as nt}from"./useActions-bRhEQOx6.js";import{n as rt,t as it}from"./shield-alt-B_WXSj_m.js";var at={};function ot(e,n){return t(),N(D,{name:`slide`},{default:I(()=>[w(e.$slots,`default`,{},void 0,!0)]),_:3})}var st=J(at,[[`render`,ot],[`__scopeId`,`data-v-ffd9b1ff`]]),ct=J(s({__name:`NodeItem`,props:{nodeType:{},subcategory:{default:void 0},active:{type:Boolean,default:!1}},setup(e){let a=e,s=L(),c=pe(),{actions:p}=Z(),{getAddedNodesAndConnections:m}=nt(),{activeViewStack:g}=Q(),{isSubNodeType:_}=Be({nodeType:a.nodeType}),v=xe(),x=o(!1),S=o({x:-100,y:-100}),w=o(null),E=u(()=>H.value?a.nodeType.description:A.value||a.subcategory===`*`&&!a.nodeType.name.startsWith(`n8n-creds-base`)?``:s.headerText({key:`headers.${R.value}.description`,fallback:a.nodeType.description})),D=u(()=>ue(ee.value,g)?!0:M.value&&!A.value),A=u(()=>g.subcategory===`Human in the Loop`||g.rootView===`HITL`),j=u(()=>M.value?`node-creator-action-item`:`node-creator-node-item`),M=u(()=>P.value.length>1&&!g.hideActions),P=u(()=>p[a.nodeType.name]||[]),R=u(()=>s.shortNodeType(a.nodeType.name)||``),z=u(()=>({top:`${S.value.y}px`,left:`${S.value.x}px`})),ee=u(()=>we(a.nodeType.name)),H=u(()=>ae(a.nodeType.name)),W=u(()=>{let e=a.nodeType.displayName.trimEnd();return s.headerText({key:`headers.${R.value}.displayName`,fallback:M.value?e.replace(`Trigger`,``):e})}),G=u(()=>a.nodeType.group.includes(`trigger`)&&!M.value),te=u(()=>v.communityNodeType(Se(a.nodeType.name))),K=u(()=>te.value?.isOfficialNode??!1),ne=u(()=>te.value?.displayName??W.value),re=u(()=>{if(a.nodeType.tag)return a.nodeType.tag;if(E.value.toLowerCase().includes(`deprecated`))return{text:s.baseText(`nodeCreator.nodeItem.deprecated`),type:`info`}});function q(e){e.dataTransfer&&(e.dataTransfer.effectAllowed=`copy`,e.dataTransfer.dropEffect=`copy`,e.dataTransfer.setDragImage(w.value,0,0),e.dataTransfer.setData(Ce,JSON.stringify(m([{type:a.nodeType.name}])))),x.value=!0}function J(){x.value=!1,setTimeout(()=>{S.value={x:-100,y:-100}},300)}function ie(e){e.target.localName===`a`&&c.track(`user clicked cnr docs link`,{source:`nodes panel node`})}return(a,o)=>{let c=O(`n8n-html`);return t(),N(h(B),{draggable:!D.value,class:y(a.$style.nodeItem),description:E.value,title:W.value,"show-action-arrow":D.value,"is-trigger":G.value,"is-official":K.value,"data-test-id":j.value,tag:re.value,onDragstart:q,onDragend:J},l({icon:I(()=>[h(_)?(t(),i(`div`,{key:0,class:y(a.$style.subNodeBackground)},null,2)):f(``,!0),T($,{class:y(a.$style.nodeIcon),"node-type":e.nodeType,"color-default":`var(--color--foreground--shade-2)`},null,8,[`class`,`node-type`])]),dragContent:I(()=>[b(r(`div`,{ref_key:`draggableDataTransfer`,ref:w,class:y(a.$style.draggable),style:F(z.value)},[T($,{"node-type":e.nodeType,size:40,shrink:!1,"color-default":`var(--color--foreground--shade-2)`,onClickCapture:o[0]||=C(()=>{},[`stop`])},null,8,[`node-type`])],6),[[k,x.value]])]),_:2},[K.value?{name:`extraDetails`,fn:I(()=>[T(h(V),{placement:`top`,"show-after":500},{content:I(()=>[n(d(h(s).baseText(`generic.officialNode.tooltip`,{interpolate:{author:ne.value}})),1)]),default:I(()=>[T(h(rt),{class:y([a.$style.icon,a.$style.official])},null,8,[`class`])]),_:1})]),key:`0`}:ee.value&&!H.value&&!h(g)?.communityNodeDetails?{name:`extraDetails`,fn:I(()=>[T(h(V),{placement:`top`,"show-after":500},{content:I(()=>[b(r(`p`,{class:y(a.$style.communityNodeIcon),onClick:ie},null,2),[[c,h(s).baseText(`generic.communityNode.tooltip`,{interpolate:{packageName:e.nodeType.name.split(`.`)[0],docURL:h(ce)}})]])]),default:I(()=>[T(h(U),{size:`small`,class:y(a.$style.icon),icon:`box`},null,8,[`class`])]),_:1})]),key:`1`}:void 0]),1032,[`draggable`,`class`,`description`,`title`,`show-action-arrow`,`is-trigger`,`is-official`,`data-test-id`,`tag`])}}}),[[`__cssModules`,{$style:{nodeItem:`_nodeItem_1w6xz_125`,nodeIcon:`_nodeIcon_1w6xz_133`,subNodeBackground:`_subNodeBackground_1w6xz_137`,communityNodeIcon:`_communityNodeIcon_1w6xz_147`,draggable:`_draggable_1w6xz_151`,draggableDataTransfer:`_draggableDataTransfer_1w6xz_165`,icon:`_icon_1w6xz_170`,official:`_official_1w6xz_175`}}]]),lt=e(Ue(),1),ut=J(s({__name:`SubcategoryItem`,props:{item:{}},setup(e){let n=e,r=L(),i=u(()=>(0,lt.default)(n.item.subcategory||n.item.title));return(n,a)=>(t(),N(h(B),{class:y(n.$style.subCategory),title:h(r).baseText(`nodeCreator.subcategoryNames.${i.value}`),"is-trigger":!1,description:h(r).baseText(`nodeCreator.subcategoryDescriptions.${i.value}`),"show-action-arrow":!0,"is-new":e.item.new},{icon:I(()=>[T(h(q),p({type:`icon`,name:e.item.icon,circle:!1,"show-tooltip":!1},e.item.iconProps),null,16,[`name`])]),_:1},8,[`class`,`title`,`description`,`is-new`]))}}),[[`__cssModules`,{$style:{subCategory:`_subCategory_1dknb_125`}}]]),dt=[`textContent`],ft=J(s({__name:`LabelItem`,props:{item:{}},setup(e){return(n,a)=>(t(),i(`div`,{class:y(n.$style.label)},[r(`span`,{class:y(n.$style.name),textContent:d(e.item.key)},null,10,dt)],2))}}),[[`__cssModules`,{$style:{label:`_label_1vlxx_125`}}]]),pt=J(s({__name:`ActionItem`,props:{nodeType:{},action:{}},setup(e){let n=e,i=pe(),{getActionData:a,getAddedNodesAndConnections:o,setAddedNodeActionParameters:s}=nt(),{activeViewStack:l}=Q(),d=c({dragging:!1,draggablePosition:{x:-100,y:-100},storeWatcher:null,draggableDataTransfer:null}),f=u(()=>({top:`${d.draggablePosition.y}px`,left:`${d.draggablePosition.x}px`})),p=u(()=>a(n.action)),g=e=>e.name?.toLowerCase().includes(`trigger`)||e.name===`n8n-nodes-base.webhook`;function _(e){document.body.addEventListener(`dragover`,v);let{pageX:t,pageY:n}=e;e.dataTransfer&&p.value.key&&(e.dataTransfer.effectAllowed=`copy`,e.dataTransfer.dropEffect=`copy`,e.dataTransfer.setDragImage(d.draggableDataTransfer,0,0),e.dataTransfer.setData(Ce,JSON.stringify(o([{type:p.value.key}]))),i&&(d.storeWatcher=s(p.value,i,l.rootView)),document.body.addEventListener(`dragend`,x)),d.dragging=!0,d.draggablePosition={x:t,y:n}}function v(e){if(!d.dragging||e.pageX===0&&e.pageY===0)return;let[t,n]=_e([],[e.pageX-fe[0]/2,e.pageY-fe[1]/2]);d.draggablePosition={x:t,y:n}}function x(){d.storeWatcher&&d.storeWatcher(),document.body.removeEventListener(`dragend`,x),document.body.removeEventListener(`dragover`,v),d.dragging=!1,setTimeout(()=>{d.draggablePosition={x:-100,y:-100}},300)}let{draggableDataTransfer:S,dragging:w}=m(d);return(n,i)=>(t(),N(h(B),{draggable:``,class:y(n.$style.action),title:e.action.displayName,"is-trigger":g(e.action),"data-keyboard-nav":`true`,onDragstart:_,onDragend:x},{dragContent:I(()=>[r(`div`,{ref_key:`draggableDataTransfer`,ref:S,class:y(n.$style.draggableDataTransfer)},null,2),b(r(`div`,{class:y(n.$style.draggable),style:F(f.value)},[T($,{"node-type":e.nodeType,size:40,shrink:!1,onClickCapture:i[0]||=C(()=>{},[`stop`])},null,8,[`node-type`])],6),[[k,h(w)]])]),icon:I(()=>[T($,{"node-type":e.action},null,8,[`node-type`])]),_:1},8,[`class`,`title`,`is-trigger`]))}}),[[`__cssModules`,{$style:{action:`_action_mvs8q_125`,nodeIcon:`_nodeIcon_mvs8q_137`,draggable:`_draggable_mvs8q_141`,draggableDataTransfer:`_draggableDataTransfer_mvs8q_155`}}]]),mt=J(s({__name:`ViewItem`,props:{view:{}},setup(e){return(n,r)=>(t(),N(h(B),{class:y(n.$style.view),title:e.view.title,tag:e.view.tag,"is-trigger":!1,description:e.view.description,"show-action-arrow":!0},{icon:I(()=>[T(h(q),{type:`icon`,name:e.view.icon,circle:!1,"show-tooltip":!1},null,8,[`name`])]),_:1},8,[`class`,`title`,`tag`,`description`]))}}),[[`__cssModules`,{$style:{view:`_view_1cgml_125`}}]]),ht=J(s({__name:`LinkItem`,props:{link:{}},setup(e){return(n,r)=>(t(),N(h(B),{class:y(n.$style.creatorLink),title:e.link.title,"is-trigger":!1,description:e.link.description,tag:e.link.tag,"show-action-arrow":!0},{icon:I(()=>[T(h(q),{type:`icon`,name:e.link.icon,circle:!1,"show-tooltip":!1},null,8,[`name`])]),_:1},8,[`class`,`title`,`description`,`tag`]))}}),[[`__cssModules`,{$style:{creatorLink:`_creatorLink_lgjb3_125`}}]]),gt=J(s({__name:`CommunityNodeInstallHint`,props:{hint:{}},setup(e){let r=u(()=>be().isAdminOrOwner);return(a,o)=>r.value?(t(),i(`div`,{key:0,class:y(a.$style.container)},[T(h(U),{color:`text-light`,icon:`info`,size:`large`}),T(h(G),{color:`text-base`,size:`medium`},{default:I(()=>[n(d(e.hint),1)]),_:1})],2)):f(``,!0)}}),[[`__cssModules`,{$style:{container:`_container_cosmc_125`}}]]),_t=J(s({__name:`CommunityNodeItem`,props:{isPreview:{type:Boolean}},setup(e){let n=L();return(r,a)=>(t(),i(`div`,null,[e.isPreview?(t(),N(gt,{key:0,hint:h(n).baseText(`communityNodeItem.node.hint`)},null,8,[`hint`])):(t(),i(`div`,{key:1,class:y(r.$style.marginLeft)},[T(h(K),{variant:`subtle`,size:`medium`,icon:`plus`,label:h(n).baseText(`communityNodeItem.label`),outline:``},null,8,[`label`])],2))]))}}),[[`__cssModules`,{$style:{marginLeft:`_marginLeft_oawh3_125`}}]]),vt=[`textContent`],yt=J(s({__name:`CategoryItem`,props:{expanded:{type:Boolean,default:!0},active:{type:Boolean},count:{},name:{},isTrigger:{type:Boolean}},setup(e){let n=e,a=u(()=>{let e=n.count||0;return e>0?`${n.name} (${e})`:n.name});return(n,o)=>(t(),i(`div`,p({class:n.$style.categoryWrapper},n.$attrs,{"data-keyboard-nav":`true`,"data-test-id":`node-creator-category-item`}),[r(`div`,{class:y({[n.$style.category]:!0,[n.$style.active]:e.active})},[r(`span`,{class:y(n.$style.name)},[r(`span`,{textContent:d(a.value)},null,8,vt),e.isTrigger?(t(),N(h(U),{key:0,icon:`bolt-filled`,size:`xsmall`,class:y(n.$style.triggerIcon)},null,8,[`class`])):f(``,!0),w(n.$slots,`default`)],2),e.expanded?(t(),N(h(U),{key:0,icon:`chevron-down`,color:`text-light`,size:`large`})):(t(),N(h(U),{key:1,icon:`chevron-up`,color:`text-light`,size:`large`}))],2)],16))}}),[[`__cssModules`,{$style:{triggerIcon:`_triggerIcon_i18rl_125`,category:`_category_i18rl_130`,active:`_active_i18rl_151`,name:`_name_i18rl_155`}}]]),bt=[`data-category-collapsed`],xt=J(s({__name:`CategorizedItemsRenderer`,props:{elements:{default:()=>[]},category:{},disabled:{type:Boolean},activeIndex:{},isTriggerCategory:{type:Boolean},mouseOverTooltip:{},expanded:{type:Boolean},showSeparator:{type:Boolean}},setup(e){let n=e,{popViewStack:s,activeViewStack:c}=Q(),{registerKeyHook:l}=X(),{workflowId:d}=ye(),m=Z(),g=L(),_=u(()=>X()?.activeItemId),v=u(()=>n.elements.filter(({type:e})=>e===`action`).length),C=o(n.expanded??!1),E=u(()=>c.communityNodeDetails&&!c.communityNodeDetails.installed);function D(){k(!C.value)}function k(e){let t=C.value;C.value=e,C.value&&!t&&m.onCategoryExpanded({category_name:n.category,workflow_id:d})}let A=x(),j=u(()=>({[A.categorizedItemsRenderer]:!0,[A.separator]:C.value&&n.showSeparator}));function P(){C.value||k(!0)}function F(){if(!C.value){s();return}k(!1)}return S(()=>n.elements,()=>{k(!0)}),l(`CategoryRight_${n.category}`,{keyboardKeys:[`ArrowRight`],condition:(e,t)=>e===`category`&&n.category===t,handler:P}),l(`CategoryToggle_${n.category}`,{keyboardKeys:[`Enter`],condition:(e,t)=>e===`category`&&n.category===t,handler:D}),l(`CategoryLeft_${n.category}`,{keyboardKeys:[`ArrowLeft`],condition:(e,t)=>e===`category`&&n.category===t,handler:F}),(n,o)=>{let s=O(`n8n-html`);return t(),i(`div`,{class:y(j.value),"data-category-collapsed":!C.value},[T(yt,{class:y(h(A).categoryItem),name:e.category,disabled:e.disabled,active:_.value===e.category,count:v.value,expanded:C.value,"is-trigger":e.isTriggerCategory,"data-keyboard-nav-type":`category`,"data-keyboard-nav-id":e.category,onClick:D},{default:I(()=>[e.mouseOverTooltip?(t(),i(`span`,{key:0,class:y(h(A).mouseOverTooltip)},[T(h(V),{placement:`top`,"content-class":h(A).tooltipPopper},{content:I(()=>[b(r(`div`,null,null,512),[[s,e.mouseOverTooltip]])]),default:I(()=>[T(h(U),{icon:`circle-help`,size:`small`})]),_:1},8,[`content-class`])],2)):f(``,!0)]),_:1},8,[`class`,`name`,`disabled`,`active`,`count`,`expanded`,`is-trigger`,`data-keyboard-nav-id`]),C.value&&v.value>0&&n.$slots.default?(t(),i(`div`,{key:0,class:y(h(A).contentSlot)},[w(n.$slots,`default`)],2)):f(``,!0),E.value&&C.value?(t(),N(gt,{key:1,hint:h(g).baseText(`communityNodeItem.actions.hint`)},null,8,[`hint`])):f(``,!0),C.value?(t(),N(Dt,p({key:2},n.$attrs,{elements:e.elements,"is-trigger":e.isTriggerCategory,class:[{[h(A).preview]:E.value}]}),{default:I(()=>[...o[0]||=[]]),empty:I(()=>[w(n.$slots,`empty`,M(a({elements:e.elements})))]),_:3},16,[`elements`,`is-trigger`,`class`])):f(``,!0)],10,bt)}}}),[[`__cssModules`,{$style:{mouseOverTooltip:`_mouseOverTooltip_oh2k4_125`,categorizedItemsRenderer:`_categorizedItemsRenderer_oh2k4_133`,tooltipPopper:`_tooltipPopper_oh2k4_137`,contentSlot:`_contentSlot_oh2k4_141`,separator:`_separator_oh2k4_150`,preview:`_preview_oh2k4_154`}}]]),St=J(s({__name:`OpenTemplateItem`,props:{openTemplate:{}},setup(e){return(n,r)=>(t(),N(h(B),{class:y({[n.$style.creatorOpenTemplate]:!0,[n.$style.compact]:e.openTemplate.compact}),title:e.openTemplate.title,description:e.openTemplate.description,tag:e.openTemplate.tag,"show-action-arrow":!0,"is-trigger":!1},l({_:2},[e.openTemplate.icon?{name:`icon`,fn:I(()=>[T(h(q),{type:`icon`,name:e.openTemplate.icon,circle:!1,"show-tooltip":!1},null,8,[`name`])]),key:`0`}:void 0,e.openTemplate.nodes?{name:`extraDetails`,fn:I(()=>[(t(!0),i(v,null,j(e.openTemplate.nodes,e=>(t(),N($,{key:e.name,"node-type":e,size:16,"show-tooltip":!0},null,8,[`node-type`]))),128))]),key:`1`}:void 0]),1032,[`class`,`title`,`description`,`tag`]))}}),[[`__cssModules`,{$style:{creatorOpenTemplate:`_creatorOpenTemplate_fcb6s_125`,compact:`_compact_fcb6s_133`}}]]),Ct={key:0},wt=[`data-keyboard-nav-type`,`data-keyboard-nav-id`,`onClick`],Tt=20,Et=5,Dt=J(s({__name:`ItemsRenderer`,props:{elements:{default:()=>[]},activeIndex:{},disabled:{type:Boolean},lazyRender:{type:Boolean,default:!0}},emits:[`selected`,`dragstart`,`dragend`],setup(e,{emit:n}){let r=e,a=n,s=o([]),c=o(0),{activeViewStack:l}=Q(),d=u(()=>X()?.activeItemId),p=u(()=>l.mode===`community-node`),m=u(()=>p.value&&!l.communityNodeDetails?.installed),b=u(()=>!(l.communityNodeDetails&&!l.communityNodeDetails.installed));function x(){if(r.elements.length<=Tt||!r.lazyRender){s.value=r.elements;return}s.value.length<r.elements.length&&(s.value.push(...r.elements.slice(s.value.length,s.value.length+Et)),c.value=window.requestAnimationFrame(x))}function C(e,t,n){if(!r.disabled)switch(e){case`dragstart`:if(n){a(`dragstart`,t,n);break}case`dragend`:if(n){a(`dragend`,t,n);break}case`selected`:a(`selected`,t,n);break;default:a(e,t,n)}}function T(e){e.style.height=`0`}function E(e){e.style.height=`${e.scrollHeight}px`}function D(e){e.style.height=`${e.scrollHeight}px`}function O(e){e.style.height=`0`}return g(()=>{x()}),_(()=>{window.cancelAnimationFrame(c.value),s.value=[]}),S(()=>r.elements,()=>{window.cancelAnimationFrame(c.value),s.value=[],x()}),(n,r)=>e.elements.length>0?(t(),i(`div`,{key:0,class:y(n.$style.itemsRenderer),name:`accordion`,onBeforeEnter:T,onEnter:E,onBeforeLeave:D,onLeave:O},[w(n.$slots,`default`),(t(!0),i(v,null,j(e.elements,a=>(t(),i(`div`,{key:a.uuid},[s.value.includes(a)?(t(),i(`div`,Ct,[a.type===`section`?(t(),N(xt,{key:0,elements:a.children,expanded:``,category:a.title,showSeparator:a.showSeparator,onSelected:r[0]||=e=>C(`selected`,e)},null,8,[`elements`,`category`,`showSeparator`])):(t(),i(`div`,{key:1,ref_for:!0,ref:`iteratorItems`,class:y({clickable:!e.disabled,[n.$style.active]:d.value===a.uuid&&b.value,[n.$style.iteratorItem]:!p.value,[n.$style[a.type]]:!0,[n.$style.preview]:m.value,[n.$style.borderless]:a.type===`view`&&a.properties.borderless===!0}),"data-test-id":`item-iterator-item`,"data-keyboard-nav-type":a.type===`label`?void 0:a.type,"data-keyboard-nav-id":a.uuid,onClick:e=>C(`selected`,a)},[a.type===`label`?(t(),N(ft,{key:0,item:a},null,8,[`item`])):f(``,!0),a.type===`subcategory`?(t(),N(ut,{key:1,item:a.properties},null,8,[`item`])):f(``,!0),p.value?(t(),N(_t,{key:2,"is-preview":m.value},null,8,[`is-preview`])):f(``,!0),a.type===`node`&&!p.value?(t(),N(ct,{key:3,"node-type":a.properties,active:!0,subcategory:a.subcategory},null,8,[`node-type`,`subcategory`])):f(``,!0),a.type===`action`?(t(),N(pt,{key:4,"node-type":a.properties,action:a.properties,active:!0},null,8,[`node-type`,`action`])):a.type===`view`?(t(),N(mt,{key:5,view:a.properties,class:y(n.$style.viewItem)},null,8,[`view`,`class`])):a.type===`link`?(t(),N(ht,{key:6,link:a.properties,class:y(n.$style.linkItem)},null,8,[`link`,`class`])):a.type===`openTemplate`?(t(),N(St,{key:7,"open-template":a.properties,class:y(n.$style.linkItem)},null,8,[`open-template`,`class`])):f(``,!0)],10,wt))])):(t(),N(h(ne),{key:1,loading:!0,rows:1,variant:`p`,class:y(n.$style.itemSkeleton)},null,8,[`class`]))]))),128))],34)):(t(),i(`div`,{key:1,class:y(n.$style.empty)},[w(n.$slots,`empty`)],2))}}),[[`__cssModules`,{$style:{itemSkeleton:`_itemSkeleton_1ff1x_125`,iteratorItem:`_iteratorItem_1ff1x_129`,label:`_label_1ff1x_141`,category:`_category_1ff1x_141`,active:`_active_1ff1x_144`,empty:`_empty_1ff1x_148`,itemsRenderer:`_itemsRenderer_1ff1x_152`,view:`_view_1ff1x_161`,link:`_link_1ff1x_179`,borderless:`_borderless_1ff1x_197`,preview:`_preview_1ff1x_207`}}]]),Ot=s({__name:`OrderSwitcher`,props:{rootView:{}},setup(e){return(n,r)=>(t(),i(`div`,null,[e.rootView===h(`Regular`)?(t(),i(v,{key:0},[w(n.$slots,`actions`),w(n.$slots,`triggers`)],64)):(t(),i(v,{key:1},[w(n.$slots,`triggers`),w(n.$slots,`actions`)],64))]))}}),kt={key:2},At={key:3},jt=J(s({__name:`CommunityNodeInfo`,setup(e){let{activeViewStack:a}=Q(),{communityNodeDetails:s}=a,c=o(void 0),l=o(null),p=o(!1),m=o(!1),_=u(()=>s?.packageName),{installedPackage:v,initInstalledPackage:b,isUpdateCheckAvailable:x}=et(_),{getQuickConnectOptionByPackageName:S}=Xe(),C=u(()=>{let e=_.value;return e?S(e):void 0}),w=xe(),E=be(),D=u(()=>E.isAdminOrOwner),O=e=>e?new Intl.NumberFormat(`en-US`).format(e):null;async function k(e){let t=await w.getCommunityNodeAttributes(a.communityNodeDetails?.key||``),n=v.value;if(s?.installed&&!n&&(n=await b()),t){c.value=t.companyName??t.authorName,l.value=O(t.numberOfDownloads),m.value=t.isOfficialNode,n?p.value=(t.nodeVersions?.map(e=>e.npmVersion)??[]).includes(n.installedVersion):p.value=!0;return}let r=`https://registry.npmjs.org/${e}`;try{let t=await fetch(r);if(!t.ok){ze(Error(`Could not get metadata for package`),{extra:{packageName:e}});return}c.value=(await t.json()).maintainers?.[0]?.name;let n=`https://api.npmjs.org/downloads/range/2022-01-01:${new Date().toISOString().split(`T`)[0]}/${e}`,i=await fetch(n);if(!i.ok){ze(Error(`Could not get downloads for package`),{extra:{packageName:e}});return}let a=await i.json();if(!a.downloads?.length)return;l.value=O(a.downloads.reduce((e,t)=>e+t.downloads,0))}catch(t){ze(t,{extra:{packageName:e}})}}return g(async()=>{s?.packageName&&await k(s.packageName)}),(e,a)=>(t(),i(`div`,{class:y(e.$style.container)},[T(h(G),{class:y(e.$style.description),color:`text-base`,size:`medium`},{default:I(()=>[n(d(h(s)?.description),1)]),_:1},8,[`class`]),h(x)&&h(v)?.updateAvailable?(t(),N(tt,{key:0,"data-test-id":`update-available`,"package-name":h(s)?.packageName,source:`node creator panel`},null,8,[`package-name`])):(t(),i(`div`,{key:1,class:y(e.$style.separator)},null,2)),r(`div`,{class:y(e.$style.info)},[p.value?(t(),N(h(V),{key:0,placement:`top`},{content:I(()=>[n(d(m.value?h(z).baseText(`communityNodeInfo.officialApproved`):h(z).baseText(`communityNodeInfo.approved`)),1)]),default:I(()=>[r(`div`,null,[T(h(it),{class:y(e.$style.tooltipIcon)},null,8,[`class`]),T(h(G),{color:`text-light`,size:`xsmall`,bold:``,"data-test-id":`verified-tag`},{default:I(()=>[n(d(h(z).baseText(`communityNodeInfo.approved.label`)),1)]),_:1})])]),_:1})):(t(),N(h(V),{key:1,placement:`top`},{content:I(()=>[n(d(h(z).baseText(`communityNodeInfo.unverified`)),1)]),default:I(()=>[r(`div`,null,[T(h(U),{class:y(e.$style.tooltipIcon),icon:`box`},null,8,[`class`]),T(h(G),{color:`text-light`,size:`xsmall`,bold:``},{default:I(()=>[n(d(h(z).baseText(`communityNodeInfo.unverified.label`)),1)]),_:1})])]),_:1})),l.value?(t(),i(`div`,kt,[T(h(U),{class:y(e.$style.tooltipIcon),icon:`hard-drive-download`},null,8,[`class`]),T(h(G),{color:`text-light`,size:`xsmall`,bold:``,"data-test-id":`number-of-downloads`},{default:I(()=>[n(d(h(z).baseText(`communityNodeInfo.downloads`,{interpolate:{downloads:l.value}})),1)]),_:1})])):f(``,!0),c.value?(t(),i(`div`,At,[T(h(U),{class:y(e.$style.tooltipIcon),icon:`user`},null,8,[`class`]),T(h(G),{color:`text-light`,size:`xsmall`,bold:``,"data-test-id":`publisher-name`},{default:I(()=>[n(d(h(z).baseText(`communityNodeInfo.publishedBy`,{interpolate:{publisherName:c.value}})),1)]),_:1})])):f(``,!0),C.value?(t(),N(h(V),{key:4,placement:`top`},{content:I(()=>[n(d(h(z).baseText(`communityNodeInfo.quickConnect.tooltip`)),1)]),default:I(()=>[r(`div`,null,[T(h(U),{class:y(e.$style.tooltipIcon),icon:`quick-connect`},null,8,[`class`]),T(h(G),{color:`text-light`,size:`xsmall`,bold:``,"data-test-id":`quick-connect-tag`},{default:I(()=>[n(d(h(z).baseText(`communityNodeInfo.quickConnect`)),1)]),_:1})])]),_:1})):f(``,!0)],2),C.value?(t(),N(Qe,{key:2,text:C.value?.text},null,8,[`text`])):f(``,!0),!D.value&&!h(s)?.installed?(t(),N(Ye,{key:3})):f(``,!0)],2))}}),[[`__cssModules`,{$style:{container:`_container_o3pf2_125`,nodeIcon:`_nodeIcon_o3pf2_134`,description:`_description_o3pf2_139`,separator:`_separator_o3pf2_143`,info:`_info_o3pf2_149`,tooltipIcon:`_tooltipIcon_o3pf2_164`,contactOwnerHint:`_contactOwnerHint_o3pf2_170`}}]]),Mt=J(s({__name:`ActionsMode`,emits:[`nodeTypeSelected`],setup(e,{emit:n}){let a=n,o=pe(),s=L(),c=be(),{popViewStack:d,updateCurrentViewStack:p}=Q(),{registerKeyHook:m}=X(),{setAddedNodeActionParameters:_,getActionData:v,actionDataToNodeTypeSelectedPayload:x,getPlaceholderTriggerActions:S,parseCategoryActions:w,actionsCategoryLocales:E}=nt(),D=Z(),{openSampleWorkflowTemplate:k}=Ze(),A=u(()=>ie(z.value,E.value.triggers,!1)),j=u(()=>ie(z.value,E.value.actions,!B.value)),M=u(()=>ie(Q().activeViewStack.baselineItems||[],E.value.triggers,!1)),F=u(()=>ie(Q().activeViewStack.baselineItems||[],E.value.actions,!B.value)),R=u(()=>A.value.length||B.value?E.value.triggers:`${E.value.triggers} (${W.length})`),z=u(()=>(Q().activeViewStack.items||[]).filter(e=>e.properties.actionKey!==Ee)),B=u(()=>Q().activeViewStack.search),V=u(()=>Q().activeViewStack.subcategory),H=u(()=>Q().activeViewStack.rootView),U=u(()=>Q().activeViewStack?.communityNodeDetails),W=S(V.value||``),{getQuickConnectOptionByPackageName:G}=Xe(),K=u(()=>{let e=Q().activeViewStack.items;return!U.value&&e?.length?G(e[0].key):null}),ne=u(()=>w(Q().activeViewStack.baselineItems||[],E.value.triggers,!B.value).length===0),re=u(()=>(Q().activeViewStack.baselineItems||[]).some(e=>(e.properties.actionKey??``)===Ee)),q=u(()=>H.value===Pe),J=u(()=>U.value&&!A.value.length?!ae(Q().activeViewStack?.items?.[0].key)&&q.value:q.value||M.value.length!==0);m(`ActionsKeyRight`,{keyboardKeys:[`ArrowRight`,`Enter`],condition:e=>e===`action`,handler:ce}),m(`ActionsKeyLeft`,{keyboardKeys:[`ArrowLeft`],condition:e=>e===`action`,handler:se});function ie(e,t,n=!1){return w(e,t,n)}function se(){d()}function ce(e){let t=[...z.value,...W].find(t=>t.uuid===e);t&&Y(t)}function Y(e){if(e.type===`openTemplate`&&k(e.properties.templateId,{telemetry:{source:`nodeCreator`,section:Q().activeViewStack.title}}),e.type!==`action`)return;let t=v(e.properties);if(W.some(t=>t.key===e.key)&&q.value){let e=z.value[0]?.key;e&&a(`nodeTypeSelected`,[{type:t.key},{type:e}])}else if(t?.key===`@n8n/n8n-nodes-langchain.openAi`&&t?.value?.resource===`assistant`&&t?.value?.operation===`message`)a(`nodeTypeSelected`,[{type:Te}]);else if(ae(t?.key))return;else a(`nodeTypeSelected`,[x(t)]);o&&_(t,o,H.value)}function le(){let e=Q().activeViewStack,t=(e.baselineItems||[])?.filter(e=>e.key.toLowerCase().includes(`trigger`)).length,n={app_identifier:[...z.value,...W][0].key,actions:(e.baselineItems||[])?.map(e=>e.properties.displayName),regular_action_count:(e.baselineItems||[])?.length-t,trigger_action_count:t};oe().run(`nodeCreateList.onViewActions`,n),D.onViewActions(n)}function ue(){p({search:``})}function de(){let e={name:``,key:Ae,value:{authentication:`predefinedCredentialType`}};a(`nodeTypeSelected`,[{type:Ae}]),o&&_(e);let t=z.value[0]?.key;t&&(oe().run(`nodeCreateList.onActionsCustmAPIClicked`,{app_identifier:t}),D.onActionsCustomAPIClicked({app_identifier:t}))}g(()=>{le()});let fe=u(()=>[]);return(e,n)=>{let a=O(`n8n-html`);return t(),i(`div`,{class:y({[e.$style.container]:!0,[e.$style.containerPaddingBottom]:!U.value})},[T(Dt,{elements:fe.value,class:y(e.$style.items),onSelected:Y},null,8,[`elements`,`class`]),U.value?(t(),N(jt,{key:0})):f(``,!0),K.value?(t(),i(`div`,{key:1,class:y(e.$style.banner)},[T(Qe,{text:K.value.text},null,8,[`text`])],2)):f(``,!0),H.value?(t(),N(Ot,{key:2,"root-view":H.value},l({_:2},[J.value?{name:`triggers`,fn:I(()=>[P([B.value],()=>T(xt,{elements:A.value,category:R.value,"mouse-over-tooltip":h(s).baseText(`nodeCreator.actionsTooltip.triggersStartWorkflow`),"is-trigger-category":``,expanded:q.value||j.value.length===0,onSelected:Y},l({_:2},[ne.value?{name:`empty`,fn:I(()=>[ne.value?(t(),N(h(te),{key:0,theme:`info`,iconless:``,slim:``,"data-test-id":`actions-panel-no-triggers-callout`},{default:I(()=>[b(r(`span`,null,null,512),[[a,h(s).baseText(`nodeCreator.actionsCallout.noTriggerItems`,{interpolate:{nodeName:V.value??``}})]])]),_:1})):f(``,!0),T(Dt,{elements:h(W),onSelected:Y},null,8,[`elements`])]),key:`0`}:{name:`empty`,fn:I(()=>[b(r(`p`,{class:y(e.$style.resetSearch),onClick:ue},null,2),[[a,h(s).baseText(`nodeCreator.actionsCategory.noMatchingTriggers`)]])]),key:`1`}]),1032,[`elements`,`category`,`mouse-over-tooltip`,`expanded`]),n,0)]),key:`0`}:void 0,!q.value||F.value.length!==0?{name:`actions`,fn:I(()=>[P([B.value],()=>T(xt,{elements:j.value,category:h(E).actions,"mouse-over-tooltip":h(s).baseText(`nodeCreator.actionsTooltip.actionsPerformStep`),expanded:!q.value||A.value.length===0,onSelected:Y},{empty:I(()=>[B.value?b((t(),i(`p`,{key:1,class:y(e.$style.resetSearch),"data-test-id":`actions-panel-no-matching-actions`,onClick:ue},null,2)),[[a,h(s).baseText(`nodeCreator.actionsCategory.noMatchingActions`)]]):(t(),N(h(ee),{key:0,theme:`info`,type:`note`,class:y(e.$style.actionsEmpty)},{default:I(()=>[b(r(`span`,null,null,512),[[a,h(s).baseText(`nodeCreator.actionsCallout.noActionItems`,{interpolate:{nodeName:V.value??``}})]])]),_:1},8,[`class`]))]),default:I(()=>[!h(c).userActivated&&q.value?(t(),N(h(te),{key:0,theme:`info`,iconless:``,slim:``,"data-test-id":`actions-panel-activation-callout`},{default:I(()=>[b(r(`span`,null,null,512),[[a,h(s).baseText(`nodeCreator.actionsCallout.triggersStartWorkflow`)]])]),_:1})):f(``,!0)]),_:1},8,[`elements`,`category`,`mouse-over-tooltip`,`expanded`]),n,1)]),key:`1`}:void 0]),1032,[`root-view`])):f(``,!0),re.value&&!U.value?(t(),i(`div`,{key:3,class:y(e.$style.apiHint)},[b(r(`span`,{onClick:C(de,[`prevent`])},null,512),[[a,h(s).baseText(`nodeCreator.actionsList.apiCall`,{interpolate:{node:V.value??``}})]])],2)):f(``,!0),U.value?(t(),N($e,{key:4,class:y(e.$style.communityNodeFooter),"package-name":U.value.packageName,"show-manage":U.value.installed&&h(c).isAdminOrOwner},null,8,[`class`,`package-name`,`show-manage`])):f(``,!0)],2)}}}),[[`__cssModules`,{$style:{container:`_container_oabi3_125`,containerPaddingBottom:`_containerPaddingBottom_oabi3_131`,communityNodeFooter:`_communityNodeFooter_oabi3_135`,resetSearch:`_resetSearch_oabi3_139`,actionsEmpty:`_actionsEmpty_oabi3_153`,apiHint:`_apiHint_oabi3_161`,banner:`_banner_oabi3_169`}}]]),Nt={},Pt={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`};function Ft(e,n){return t(),i(`svg`,Pt,[...n[0]||=[E(`<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 id="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"></path></g></g></g></g></g></g></g>`,2)]])}var It=J(Nt,[[`render`,Ft]]),Lt=[`textContent`],Rt=[`textContent`],zt=J(s({__name:`NoResults`,props:{showIcon:{type:Boolean},showRequest:{type:Boolean},rootView:{}},setup(e){let a=L();return(o,s)=>(t(),i(`div`,{class:y({[o.$style.noResults]:!0,[o.$style.iconless]:!e.showIcon}),"data-test-id":`node-creator-no-results`},[e.showIcon?(t(),i(`div`,{key:0,class:y(o.$style.icon)},[T(It)],2)):f(``,!0),r(`div`,{class:y(o.$style.title)},[w(o.$slots,`title`),r(`p`,{textContent:d(h(a).baseText(`nodeCreator.noResults.weDidntMakeThatYet`))},null,8,Lt),e.rootView===h(`Regular`)||e.rootView===h(`Trigger`)?(t(),i(`div`,{key:0,class:y(o.$style.action)},[n(d(h(a).baseText(`nodeCreator.noResults.dontWorryYouCanProbablyDoItWithThe`))+` `,1),e.rootView===h(`Trigger`)?(t(),i(v,{key:0},[T(h(re),{onClick:s[0]||=e=>o.$emit(`addWebhookNode`)},{default:I(()=>[n(d(h(a).baseText(`nodeCreator.noResults.webhook`)),1)]),_:1}),n(` `+d(`${h(a).baseText(`nodeCreator.noResults.or`)} `),1)],64)):f(``,!0),T(h(re),{onClick:s[1]||=e=>o.$emit(`addHttpNode`)},{default:I(()=>[n(d(h(a).baseText(`nodeCreator.noResults.httpRequest`)),1)]),_:1}),n(` `+d(h(a).baseText(`nodeCreator.noResults.node`)),1)],2)):f(``,!0)],2),e.showRequest?(t(),i(`div`,{key:1,class:y(o.$style.request)},[r(`p`,{textContent:d(h(a).baseText(`nodeCreator.noResults.wantUsToMakeItFaster`))},null,8,Rt),r(`div`,null,[T(h(re),{to:h(Ne)},{default:I(()=>[r(`span`,null,d(h(a).baseText(`nodeCreator.noResults.requestTheNode`)),1),r(`span`,null,[T(h(U),{class:y(o.$style.external),icon:`external-link`,title:h(a).baseText(`nodeCreator.noResults.requestTheNode`)},null,8,[`class`,`title`])])]),_:1},8,[`to`])])],2)):f(``,!0)],2))}}),[[`__cssModules`,{$style:{noResults:`_noResults_1ymde_125`,title:`_title_1ymde_138`,action:`_action_1ymde_147`,request:`_request_1ymde_148`,icon:`_icon_1ymde_164`,external:`_external_1ymde_170`}}]]),Bt=J(s({__name:`NodesMode`,emits:[`nodeTypeSelected`],setup(e,{emit:n}){let r=n,a=L(),{isRagStarterCalloutVisible:o,openSampleWorkflowTemplate:s}=Ze(),{mergedNodes:c,actions:d,onSubcategorySelected:p}=Z(),{pushViewStack:m,popViewStack:g,isAiSubcategoryView:_,isHitlSubcategoryView:v}=Q(),{setAddedNodeActionParameters:b,nodeCreateElementToNodeTypeSelectedPayload:x}=nt(),{registerKeyHook:S}=X(),C=u(()=>Q().activeViewStack),w=u(()=>Q().globalSearchItemsDiff),E=u(()=>xe().communityNodesAndActions),D=u(()=>ie(E.value.mergedNodes,C.value.search??``,_(C.value)||v(C.value))),O=u(()=>(C.value.items||[]).length===0&&F.value.length+w.value.length+D.value.length===0);function k(e,t){let n=t?.[e.key]||[];return C.value.subcategory===`Human in the Loop`?he(n):C.value.actionsFilter?C.value.actionsFilter(n):n}function A(e){if(e.type===`subcategory`){let t=(0,lt.default)(e.properties.title),n=a.baseText(`nodeCreator.subcategoryNames.${t}`),r=`nodeCreator.subcategoryInfos.${t}`,i=a.baseText(r),o=i===r?{}:{info:i},s=e.properties.icon?{type:`icon`,name:e.properties.icon}:void 0;m({subcategory:e.key,mode:`nodes`,title:n,nodeIcon:s,...o,...e.properties.panelClass?{panelClass:e.properties.panelClass}:{},rootView:C.value.rootView,forceIncludeNodes:e.properties.forceIncludeNodes,baseFilter:M,itemsMapper:j,sections:e.properties.sections,items:e.properties.items,hideActions:e.properties.hideActions,actionsFilter:e.properties.actionsFilter}),p({subcategory:e.key})}if(e.type===`node`){let t=x(e),n=k(e,d),i=we(e.key)&&!xe().getIsNodeInstalled(e.key);if(ue(we(e.key),C.value)||i){n.length||(n=k(e,E.value.actions)),m(Y(e,Ve(e.properties),C.value.rootView,n));return}if(n.length===1){r(`nodeTypeSelected`,[t]),b({name:n[0].defaults.name??e.properties.displayName,key:e.key,value:n[0].values});return}if(n.length===0||C.value.hideActions){r(`nodeTypeSelected`,[t]);return}let a=n?.map(t=>de(t,e.properties.displayName,`action`));m({subcategory:e.properties.displayName,title:e.properties.displayName,nodeIcon:Ve(e.properties),rootView:C.value.rootView,hasSearch:!0,mode:`actions`,items:a})}if(e.type===`view`){let t={[Pe]:qe,[De]:We,AI:Ke,[Me]:Ge},n=e.key,r=t[n];if(!r){console.warn(`No view found for ${n}`);return}let i=r(c);m({title:i.title,subtitle:i?.subtitle??``,info:i?.info??``,items:i.items,hasSearch:!0,rootView:i.value,mode:`nodes`,searchItems:c})}e.type===`link`&&window.open(e.properties.url,`_blank`),e.type===`openTemplate`&&s(e.properties.templateId,{telemetry:{source:`nodeCreator`,section:C.value.title}})}function j(e){if(e.type!==`node`)return e;let t=e.properties.group.includes(`trigger`),n=k(e,d).length>0;return t&&n&&(e.properties?.codex&&(e.properties.codex.alias=[...e.properties.codex?.alias||[],e.properties.displayName]),e.properties.displayName=e.properties.displayName.replace(` Trigger`,``)),e}function M(e){if(e.type===`section`)return!0;if(e.type!==`node`)return!1;let t=e.properties.group.includes(`trigger`),n=k(e,d).length>0;return C.value.rootView===`Trigger`?n||t:n||!t}let F=u(()=>[...se(C.value.search??``,{isRagStarterCalloutVisible:o.value})]);function R(){g()}function z(e){let t=ge([...F.value??[],...C.value.items??[],...w.value??[],...D.value??[]]).find(t=>t.uuid===e);t&&A(t)}return S(`MainViewArrowRight`,{keyboardKeys:[`ArrowRight`,`Enter`],condition:e=>[`subcategory`,`node`,`link`,`view`,`openTemplate`].includes(e),handler:z}),S(`MainViewArrowLeft`,{keyboardKeys:[`ArrowLeft`],condition:e=>[`subcategory`,`node`,`link`,`view`,`openTemplate`].includes(e),handler:R}),(e,n)=>(t(),i(`span`,null,[T(Dt,{elements:F.value,class:y(e.$style.items),onSelected:A},null,8,[`elements`,`class`]),P([C.value.search],()=>T(Dt,{elements:C.value.items,class:y(e.$style.items),onSelected:A},l({_:2},[O.value?{name:`empty`,fn:I(()=>[T(zt,{"root-view":C.value.rootView,"show-icon":``,"show-request":``,onAddWebhookNode:n[0]||=e=>r(`nodeTypeSelected`,[{type:h(`n8n-nodes-base.webhook`)}]),onAddHttpNode:n[1]||=e=>r(`nodeTypeSelected`,[{type:h(`n8n-nodes-base.httpRequest`)}])},null,8,[`root-view`])]),key:`0`}:void 0]),1032,[`elements`,`class`]),n,2),w.value.length>0?(t(),N(xt,{key:0,elements:w.value,category:h(a).baseText(`nodeCreator.categoryNames.otherCategories`),expanded:!0,onSelected:A},null,8,[`elements`,`category`])):f(``,!0),D.value.length>0?(t(),N(xt,{key:1,elements:D.value,category:h(a).baseText(`nodeCreator.categoryNames.moreFromCommunity`),expanded:!0,onSelected:A},null,8,[`elements`,`category`])):f(``,!0)]))}}),[[`__cssModules`,{$style:{items:`_items_bqzs3_125`}}]]),Vt=[`placeholder`,`value`],Ht=J(s({__name:`SearchBar`,props:{placeholder:{default:``},modelValue:{default:``}},emits:[`update:modelValue`],setup(e,{expose:n,emit:a}){let o=a,s=c({inputRef:null}),l=oe();function u(){s.inputRef?.focus()}function d(e){let t=e.target;o(`update:modelValue`,t.value.trim())}function p(){o(`update:modelValue`,``)}g(()=>{l.run(`nodeCreatorSearchBar.mount`,{inputRef:s.inputRef}),setTimeout(u,0)}),A(()=>{s.inputRef?.remove()});let{inputRef:_}=m(s);return n({focus:u}),(n,a)=>(t(),i(`div`,{class:y(n.$style.searchContainer),"data-test-id":`search-bar`},[r(`div`,{class:y({[n.$style.prefix]:!0,[n.$style.active]:e.modelValue.length>0})},[T(h(U),{icon:`search`,size:`small`})],2),r(`div`,{class:y(n.$style.text)},[r(`input`,{ref_key:`inputRef`,ref:_,placeholder:e.placeholder,value:e.modelValue,class:y(n.$style.input),autofocus:``,"data-test-id":`node-creator-search-bar`,tabindex:`0`,onInput:d},null,42,Vt)],2),e.modelValue.length>0?(t(),i(`div`,{key:0,class:y([n.$style.suffix,n.$style.clickable]),onClick:p},[T(h(U),{size:`small`,icon:`circle-x`})],2)):f(``,!0)],2))}}),[[`__cssModules`,{$style:{searchContainer:`_searchContainer_5mkav_125`,prefix:`_prefix_5mkav_141`,active:`_active_5mkav_146`,text:`_text_5mkav_150`,suffix:`_suffix_5mkav_166`,clear:`_clear_5mkav_172`,clickable:`_clickable_5mkav_185`}}]]),Ut=J(s({__name:`CommunityNodeDetails`,setup(e){let{activeViewStack:a,pushViewStack:o,popViewStack:s,getAllNodeCreateElements:c,updateCurrentViewStack:l}=Q(),{communityNodeDetails:p}=a,m=u(()=>a.communityNodeDetails?.packageName),{getQuickConnectOptionByPackageName:g}=Xe(),_=u(()=>{let e=m.value;return e?g(e):void 0}),v=Z(),{installNode:b,loading:x}=Je(),S=u(()=>be().isAdminOrOwner),C=e=>{let t=Se(e),n=c().find(e=>e.key===t);if(n){let e=v.actions?.[n.key]||[];s(),l({searchItems:v.mergedNodes}),o(Y(n,Ve(n.properties),a.rootView,e),{transitionDirection:`none`})}else{let e={...a};e.communityNodeDetails.installed=!0,o(a,{resetStacks:!0})}},w=e=>{C(e),v.removeNodeFromMergedNodes(e)},E=async()=>{if(S.value&&a.communityNodeDetails&&!p?.installed){let{key:e,packageName:t}=a.communityNodeDetails;(await b({type:`verified`,packageName:t,nodeType:e,telemetry:{source:`cnr package detail page`,hasQuickConnect:_.value!==void 0}})).success&&w(e)}};return(e,a)=>h(p)?(t(),i(`div`,{key:0,class:y(e.$style.container)},[r(`div`,{class:y(e.$style.header)},[r(`div`,{class:y(e.$style.title)},[h(p).nodeIcon?(t(),N($,{key:0,class:y(e.$style.nodeIcon),"icon-source":h(p).nodeIcon,circle:!1,"show-tooltip":!1},null,8,[`class`,`icon-source`])):f(``,!0),r(`span`,null,d(h(p).title),1),h(p).official?(t(),N(h(V),{key:1,placement:`bottom`,"show-after":500},{content:I(()=>[n(d(h(z).baseText(`generic.officialNode.tooltip`,{interpolate:{author:h(p).companyName??h(p).title}})),1)]),default:I(()=>[T(h(rt),{class:y(e.$style.officialIcon)},null,8,[`class`])]),_:1})):f(``,!0)],2),r(`div`,null,[h(p).installed?(t(),i(`div`,{key:0,class:y(e.$style.installed)},[h(p).official?f(``,!0):(t(),N(h(U),{key:0,class:y(e.$style.installedIcon),icon:`box`},null,8,[`class`])),T(h(G),{color:`text-light`,size:`small`,bold:``},{default:I(()=>[n(d(h(z).baseText(`communityNodeDetails.installed`)),1)]),_:1})],2)):f(``,!0),S.value&&!h(p).installed?(t(),N(h(K),{key:1,loading:h(x),disabled:h(x),label:h(z).baseText(`communityNodeDetails.install`),size:`small`,"data-test-id":`install-community-node-button`,onClick:E},null,8,[`loading`,`disabled`,`label`])):f(``,!0)])],2)],2)):f(``,!0)}}),[[`__cssModules`,{$style:{container:`_container_rt775_125`,header:`_header_rt775_133`,title:`_title_rt775_140`,nodeIcon:`_nodeIcon_rt775_148`,installedIcon:`_installedIcon_rt775_153`,officialIcon:`_officialIcon_rt775_159`,installed:`_installed_rt775_153`}}]]),Wt=J(s({__name:`CommunityNodeDocsLink`,props:{packageName:{}},setup(e){let r=e,i=()=>{let e=window.open(`https://www.npmjs.com/package/${r.packageName}`,`_blank`);e&&(e.opener=null)};return(e,r)=>(t(),N(h(re),{theme:`text`,class:y(e.$style.container),title:h(z).baseText(`communityNodesDocsLink.link.title`),onClick:i},{default:I(()=>[T(h(G),{size:`small`,bold:``,style:{"margin-right":`5px`}},{default:I(()=>[n(d(h(z).baseText(`communityNodesDocsLink.title`)),1)]),_:1}),T(h(U),{icon:`external-link`})]),_:1},8,[`class`,`title`]))}}),[[`__cssModules`,{$style:{container:`_container_1wstz_125`}}]]),Gt=[`textContent`],Kt=[`textContent`],qt=J(s({__name:`NodesListPanel`,setup(e){let n=L(),{callDebounced:a}=Le(),{mergedNodes:o}=Z(),{pushViewStack:s,popViewStack:c,updateCurrentViewStack:l}=Q(),{setActiveItemIndex:m,attachKeydownEvent:v,detachKeydownEvent:b}=X(),x=Z(),{isInstanceOwner:w}=be(),E=u(()=>Q().activeViewStack),O=u(()=>E.value.communityNodeDetails),k=u(()=>Q().viewStacks),A=u(()=>Q().activeViewStackMode===`actions`),j=u(()=>{let e=E.value?.title;return O.value&&(e=O.value.title),A.value?n.baseText(`nodeCreator.actionsCategory.searchActions`,{interpolate:{node:e}}):n.baseText(`nodeCreator.searchBar.searchNodes`)}),P=u(()=>E.value.communityNodeDetails?!1:E.value.hasSearch),F=u(()=>Z().selectedView),R=u(()=>O.value&&A.value&&E.value.subcategory),z=u(()=>x.openingContext===`replacement`?n.baseText(`nodeCreator.replaceNode.title`):E.value.title);function B(e=``){return E.value.mode===`actions`?1:E.value.sections?e?0:1:0}function V(e){E.value.uuid&&(l({search:e}),m(B(e)),e.length&&a(x.onNodeFilterChanged,{trailing:!0,debounceTime:2e3},{newValue:e,filteredNodes:E.value.items??[],filterMode:E.value.rootView??`Regular`,subcategory:E.value.subcategory,title:E.value.title}))}function ee(){H(),m(B())}function H(){x.openingContext=null}g(()=>{v(),m(B())}),_(()=>{H(),b()}),S(()=>F.value,e=>{let t={[Pe]:qe,[De]:We,AI:Ke,[Me]:Ge,[Oe]:Ge,[je]:Ge,[ke]:He},n={[ke]:{hasSearch:!1}},r=t[e];if(!r){console.warn(`No view found for ${e}`);return}let i=r(o);s({title:i.title,subtitle:i?.subtitle??``,items:i.items,nodeIcon:i.nodeIcon,info:i.info,hasSearch:!0,mode:`nodes`,rootView:e,searchItems:o,...n[e]})},{immediate:!0});function G(){c()}return(e,a)=>k.value.length>0?(t(),N(D,{key:0,name:`panel-slide-${E.value.transitionDirection}`,onAfterLeave:ee},{default:I(()=>[(t(),i(`aside`,{key:`${E.value.uuid}`,class:y([e.$style.nodesListPanel,E.value.panelClass]),onKeydownCapture:a[0]||=C(()=>{},[`stop`])},[r(`header`,{class:y({[e.$style.header]:!0,[e.$style.hasBg]:!E.value.subtitle,"nodes-list-panel-header":!0}),"data-test-id":`nodes-list-header`},[r(`div`,{class:y(e.$style.top)},[k.value.length>1&&!E.value.preventBack?(t(),i(`button`,{key:0,class:y(e.$style.backButton),onClick:G},[T(h(U),{class:y(e.$style.backButtonIcon),icon:`arrow-left`,size:22},null,8,[`class`])],2)):f(``,!0),E.value.nodeIcon?(t(),N($,{key:1,class:y(e.$style.nodeIcon),"icon-source":E.value.nodeIcon,circle:!1,"show-tooltip":!1,size:20},null,8,[`class`,`icon-source`])):f(``,!0),E.value.title?(t(),i(`p`,{key:2,class:y(e.$style.title),textContent:d(z.value)},null,10,Gt)):f(``,!0),O.value?(t(),N(Wt,{key:3,"package-name":O.value.packageName},null,8,[`package-name`])):f(``,!0)],2),E.value.subtitle?(t(),i(`p`,{key:0,class:y({[e.$style.subtitle]:!0,[e.$style.offsetSubtitle]:k.value.length>1}),textContent:d(E.value.subtitle)},null,10,Kt)):f(``,!0)],2),P.value?(t(),N(Ht,{key:0,class:y(e.$style.searchBar),placeholder:j.value?j.value:h(n).baseText(`nodeCreator.searchBar.searchNodes`),"model-value":E.value.search,"onUpdate:modelValue":V},null,8,[`class`,`placeholder`,`model-value`])):f(``,!0),O.value?(t(),N(Ut,{key:1})):f(``,!0),O.value&&!A.value?(t(),N(jt,{key:2})):f(``,!0),r(`div`,{class:y(e.$style.renderedItems)},[E.value.info&&!E.value.search?(t(),N(h(W),{key:0,class:y(e.$style.info),content:E.value.info,theme:`warning`},null,8,[`class`,`content`])):f(``,!0),A.value&&E.value.subcategory?(t(),N(Mt,M(p({key:1},e.$attrs)),null,16)):(t(),N(Bt,p({key:2,"root-view":F.value},e.$attrs),null,16,[`root-view`]))],2),O.value&&!R.value?(t(),N($e,{key:3,"package-name":O.value.packageName,"show-manage":O.value.installed&&h(w)},null,8,[`package-name`,`show-manage`])):f(``,!0)],34))]),_:1},8,[`name`])):f(``,!0)}}),[[`__cssModules`,{$style:{info:`_info_18qic_147`,backButton:`_backButton_18qic_151`,backButtonIcon:`_backButtonIcon_18qic_158`,nodeIcon:`_nodeIcon_18qic_163`,renderedItems:`_renderedItems_18qic_169`,searchBar:`_searchBar_18qic_181`,nodesListPanel:`_nodesListPanel_18qic_185`,footer:`_footer_18qic_203`,top:`_top_18qic_214`,header:`_header_18qic_219`,hasBg:`_hasBg_18qic_225`,title:`_title_18qic_230`,subtitle:`_subtitle_18qic_241`,offsetSubtitle:`_offsetSubtitle_18qic_249`}}]]),Jt=J(s({__name:`NodeCreator`,props:{active:{type:Boolean},onNodeTypeSelected:{type:Function}},emits:[`closeNodeCreator`,`nodeTypeSelected`],setup(e,{emit:n}){let a=[`.el-overlay-dialog`],o=e,{resetViewStacks:s}=Q(),{registerKeyHook:l}=X(),d=n,p=ve(),g=Ie(),_=Re(),v=Fe(),{setActions:b,setMergeNodes:x}=Z(),{generateMergedNodesAndActions:C}=le(),w=c({nodeCreator:null,mousedownInsideEvent:null}),E=u(()=>Q().viewStacks.length),D=u(()=>{let e=O();return{top:`${v.isCanvasOnly?0:g.bannersHeight+p.headerHeight}px`,right:`${e}px`}});function O(){return _.isOpen?_.width:0}function k(){if(w.mousedownInsideEvent){let e=new MouseEvent(`click`,{bubbles:!0,cancelable:!0});w.mousedownInsideEvent.target?.dispatchEvent(e),w.mousedownInsideEvent=null,j()}}function j(){document.removeEventListener(`mouseup`,k),document.removeEventListener(`touchstart`,k)}function M(){w.mousedownInsideEvent=null,j()}function P(e){w.mousedownInsideEvent=e,document.addEventListener(`mouseup`,k),document.addEventListener(`touchstart`,k)}function L(e){e.preventDefault()}function z(e){if(!e.dataTransfer)return;let t=e.dataTransfer.getData(Ce),n=w.nodeCreator.getBoundingClientRect();t&&e.pageX>=n.x&&e.pageY>=n.y&&e.stopPropagation()}S(()=>o.active,e=>{e||s()}),S(E,e=>{e===0&&d(`closeNodeCreator`)}),l(`NodeCreatorCloseEscape`,{keyboardKeys:[`Escape`],handler:()=>d(`closeNodeCreator`)}),S(()=>({httpOnlyCredentials:me().httpOnlyCredentialTypes,nodeTypes:xe().visibleNodeTypes}),({nodeTypes:e,httpOnlyCredentials:t})=>{let{actions:n,mergedNodes:r}=C(e,t);b(n),x(r)},{immediate:!0});let{nodeCreator:B}=m(w);return A(()=>{j()}),R(B,()=>{d(`closeNodeCreator`)},{ignore:a}),(n,a)=>(t(),i(`div`,null,[r(`aside`,{class:y(n.$style.nodeCreatorScrim)},null,2),e.active?(t(),N(h(H),{key:0,variant:`subtle`,class:y(n.$style.close),icon:`x`,"aria-label":`Close Node Creator`,onClick:a[0]||=e=>d(`closeNodeCreator`)},null,8,[`class`])):f(``,!0),T(st,null,{default:I(()=>[e.active?(t(),i(`div`,{key:0,ref_key:`nodeCreator`,ref:B,class:y({[n.$style.nodeCreator]:!0}),style:F(D.value),"data-test-id":`node-creator`,onDragover:L,onDrop:z,onMousedown:P,onMouseup:M},[T(qt,{onNodeTypeSelected:e.onNodeTypeSelected},null,8,[`onNodeTypeSelected`])],38)):f(``,!0)]),_:1})]))}}),[[`__cssModules`,{$style:{nodeCreator:`_nodeCreator_1w0hg_129`,nodeCreatorScrim:`_nodeCreatorScrim_1w0hg_141`,active:`_active_1w0hg_153`,close:`_close_1w0hg_157`}}]]);export{Jt as default};
//# sourceMappingURL=NodeCreator-BNpN8bKF.js.map