n8n-editor-ui 1.9.2 → 1.9.3

package/dist/assets/{NodeCreator-bfe4c2b6.js → NodeCreator-bda35007.js}

@@ -1,2 +1,2 @@
-import{C as Y,v as oe,w as j,T as F,p as yt,x as de,W as Q,E as ft,y as $e,M as Ne,z as Be,O as He,R as Le,A as Ue,H as Ke,F as xe,B as ze,G as ne,r as ue,m as pe,d as Se,I as je,N as ke,S as mt,J as vt,K as _t,L as ge,P as Fe,Q as ye,U as qe,V as ht,X as Ie,Y as Tt,Z as bt,u as wt}from"./index-3a09e2e2.js";import{d as H,o as k,c as L,w as A,r as X,Z as Xe,y as G,i as $,a0 as Re,v as ve,P as Ze,a1 as Me,b as B,f as R,g as I,e as V,n as w,k as M,s as _e,ab as fe,j as K,X as Qe,V as Ve,a4 as he,Y as Je,t as W,$ as et,C as J,M as kt,a9 as Ct,m as me,ad as tt,am as $t,ah as Nt,aI as St,l as re}from"./vendor-18a4b4e1.js";import{_ as U}from"./n8n-32ff1011.js";import{d as ot}from"./pinia-36ab6235.js";import"./axios-da559357.js";import"./dateformat-40ed026e.js";import{v as Ae}from"./uuid-cf522c50.js";import{m as It,x as Te,y as nt}from"./lodash-es-876af2e5.js";import"./flatted-8b14da7d.js";import"./@fortawesome/vue-fontawesome-f597912a.js";import"./@fortawesome/fontawesome-svg-core-984d6dde.js";import"./vue-i18n-c3b0f366.js";import"./luxon-19e1de07.js";import"./@jsplumb/util-98a92a84.js";import"./@jsplumb/core-0a463c13.js";import"./@jsplumb/common-fe415eb9.js";import"./@jsplumb/connector-bezier-53998944.js";import"./@jsplumb/browser-ui-70b0a0d6.js";import"./@n8n/codemirror-lang-sql-9a304659.js";import"./codemirror-lang-n8n-expression-47e67c3a.js";import"./codemirror-lang-html-n8n-4223f8c7.js";import"./fast-json-stable-stringify-fb9de5ed.js";import"./prettier-51497383.js";import"./esprima-next-8c7e8ff9.js";import"./@vueuse/core-60457efe.js";import"./timeago.js-a9e71aec.js";import"./qrcode.vue-338130ab.js";import"./file-saver-67c99cf2.js";import"./vue-json-pretty-38f00944.js";import"./humanize-duration-d6635c4f.js";import"./v3-infinite-loading-8fbfd594.js";import"./vue-agile-35d18cd7.js";import"./copy-to-clipboard-fcd72098.js";import"./vue3-touch-events-ee55ce04.js";import"./@fortawesome/free-solid-svg-icons-d79f1537.js";import"./@fortawesome/free-regular-svg-icons-74cb85f8.js";const At=60,Et=30,Lt=30,Rt=15,Mt=-20,Ye=-200,Vt=-5;function Ot(t,e){let o=0,n=0;for(;o<t.length&&n<e.length;){const r=t.charAt(o).toLowerCase(),p=e.charAt(n).toLowerCase();r===p&&o++,++n}return t.length!==0&&e.length!==0&&o===t.length}function Pt(t,e){return st(t,e,0,0,null,[],256,0,0,5)}function st(t,e,o,n,r,p,v,h,s,d){let g=0;if(++s>=d)return{matched:!1,outScore:g};if(o===t.length||n===e.length)return{matched:!1,outScore:g};let m=!1,c=[],l=0,a=!0;for(;o<t.length&&n<e.length;){if(t[o].toLowerCase()===e[n].toLowerCase()){if(h>=v)return{matched:!1,outScore:g};a&&r&&(p=[...r],a=!1);const y=[],i=st(t,e,o,n+1,p,y,v,h,s,d),_=i.outScore;i.matched&&((!m||_>l)&&(c=[...y],l=_),m=!0),p[h++]=n,++o}++n}const f=o===t.length;if(f){g=100;let y=Mt*p[0];y=y<Ye?Ye:y,g+=y;const i=e.length-h;g+=Vt*i;for(let _=0;_<h;_++){const u=p[_];if(_>0){const T=p[_-1];u===T+1&&(g+=At)}if(u>0){const T=e[u-1],b=e[u];T!==T.toUpperCase()&&b!==b.toLowerCase()&&(g+=Lt),(T==="_"||T===" ")&&(g+=Et)}else g+=Rt}return m&&(!f||l>g)?(p=[...c],g=l,{matched:!0,outScore:g}):f?{matched:!0,outScore:g}:{matched:!1,outScore:g}}return{matched:!1,outScore:g}}function Dt(t,e){if(t.hasOwnProperty(e))return t[e];const o=e.split(".");let n=t,r=0;for(;n&&r<o.length;)n=n[o[r]],r++;return n}function Bt(t,e,o){const n=e.reduce((r,p)=>{let v=[];o.forEach(({key:s,weight:d})=>{const g=Dt(p,s);Array.isArray(g)?v=v.concat(g.map(m=>({value:m,weight:d}))):typeof g=="string"&&v.push({value:g,weight:d})});const h=v.reduce((s,{value:d,weight:g})=>{if(!Ot(t,d))return s;const m=Pt(t,d);m.outScore*=g;const{matched:c,outScore:l}=m;return!s&&c||c&&s&&l>s.outScore?m:s},null);return h&&r.push({score:h.outScore,item:p}),r},[]);return n.sort((r,p)=>p.score-r.score),n}const Ht=H({name:"SlideTransition"});function Ut(t,e,o,n,r,p){return k(),L(Xe,{name:"slide"},{default:A(()=>[X(t.$slots,"default",{},void 0,!0)]),_:3})}const Kt=U(Ht,[["render",Ut],["__scopeId","data-v-88e2114c"]]),xt="data-keyboard-nav-id",We=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Enter","Escape","Tab"],q=ot("nodeCreatorKeyboardNavigation",()=>{const t=G([]),e=G(null),o=G({});function n(y){return y==null?void 0:y.getAttribute("data-keyboard-nav-type")}function r(y){return(y==null?void 0:y.getAttribute(xt))||void 0}async function p(){return new Promise(y=>{a(),setTimeout(()=>{t.value=Array.from(document.querySelectorAll("[data-keyboard-nav-type]")).map(i=>new WeakRef(i)),y()},0)})}function v(y,i){Object.values(o.value).filter(T=>T.keyboardKeys.includes(y)).forEach(T=>{if(!e.value)return;(T.condition===void 0||T.condition(n(i)||"",e.value))&&e.value&&T.handler(e.value,y)})}async function h(y){var N,C,P;const i=y.key;if(!We.includes(i))return;y.preventDefault(),y.stopPropagation(),await p();const _=t.value.findIndex(D=>r(D==null?void 0:D.deref())===e.value),u=(N=t.value[_])==null?void 0:N.deref(),T=i==="ArrowDown",b=i==="ArrowUp";if(u){if(T){const D=_<t.value.length-1?_+1:0;d((C=t.value[D])==null?void 0:C.deref())}if(b){const D=_>0?_-1:t.value.length-1;d((P=t.value[D])==null?void 0:P.deref())}v(i,u)}}function s(y){e.value=y}function d(y){const i=r(y);i&&(s(i),y!=null&&y.scrollIntoView&&(y==null||y.scrollIntoView({block:"center"})))}async function g(y){var i;await p(),d((i=t.value[y])==null?void 0:i.deref())}function m(){document.addEventListener("keydown",h,{capture:!0})}function c(){a(),document.removeEventListener("keydown",h,{capture:!0})}function l(y,i){i.keyboardKeys.forEach(_=>{if(We.includes(_))o.value={...o.value,[y]:i};else throw new Error(`Key ${_} is not supported`)})}function a(){t.value=[]}function f(){return t.value.findIndex(y=>r(y==null?void 0:y.deref())===e.value)}return{activeItemId:e,attachKeydownEvent:m,refreshSelectableItems:p,detachKeydownEvent:c,registerKeyHook:l,getActiveItemIndex:f,setActiveItemId:s,setActiveItemIndex:g}});function ee(t,e,o="node"){var r,p,v;const n={uuid:Ae(),key:t.name,subcategory:e??((v=(p=(r=t.codex)==null?void 0:r.subcategories)==null?void 0:p[Y])==null?void 0:v[0])??oe,properties:{...t},type:o};return n}function zt(t){return t.reduce((e,o)=>{var p,v,h,s;return(((v=(p=o.codex)==null?void 0:p.categories)==null?void 0:v.includes(Y))?((s=(h=o==null?void 0:o.codex)==null?void 0:h.subcategories)==null?void 0:s[Y])??[]:[oe]).forEach(d=>{e[d]||(e[d]=[]),e[d].push(ee(o,d))}),e},{})}function at(t){return t.sort((e,o)=>{var p,v,h,s;if(e.type!=="node"||o.type!=="node")return-1;const n=((v=(p=e.properties)==null?void 0:p.displayName)==null?void 0:v.toLowerCase())||e.key,r=((s=(h=o.properties)==null?void 0:h.displayName)==null?void 0:s.toLowerCase())||o.key;return n.localeCompare(r,void 0,{sensitivity:"base"})})}function Ge(t,e){const o=t.toLowerCase().replace("trigger","").trimEnd();return(Bt(o,e,[{key:"properties.displayName",weight:1.3},{key:"properties.codex.alias",weight:1}])||[]).map(({item:r})=>r)}const O=ot("nodeCreatorViewStacks",()=>{const t=j(),{getActiveItemIndex:e}=q(),o=G([]),n=$(()=>{const a=o.value[o.value.length-1];if(!(a!=null&&a.baselineItems))return a.items?d(a.items):[];if(a.search&&v.value){const f=v.value.length>0?v.value:a.baselineItems;return d(Ge(a.search||"",f))}return d(a.baselineItems)}),r=$(()=>{const a=o.value[o.value.length-1];return a?{...a,items:n.value,hasSearch:(a.baselineItems||[]).length>8||(a==null?void 0:a.hasSearch)}:{}}),p=$(()=>r.value.mode||F),v=$(()=>{const a=o.value[o.value.length-1];return!a||!a.searchItems?[]:a.searchItems.map(f=>ee(f,a.subcategory))}),h=$(()=>{const a=o.value[o.value.length-1];if(!a||!a.search)return[];const f=t.mergedNodes.map(i=>ee(i));return d(Ge(a.search||"",f)).filter(i=>!n.value.find(_=>_.key===i.key))});function s(){const a=o.value[o.value.length-1];if(!a||!r.value.uuid)return;const f=zt(t.mergedNodes);let y=(a==null?void 0:a.items)??f[(a==null?void 0:a.subcategory)??oe]??[];if((a.forceIncludeNodes??[]).length>0){const i=t.mergedNodes.filter(_=>{var u;return(u=a.forceIncludeNodes)==null?void 0:u.includes(_.name)}).map(_=>ee(_,a.subcategory));y.push(...i)}a.baseFilter&&(y=y.filter(a.baseFilter)),a.itemsMapper&&(y=y.map(a.itemsMapper)),a.items||at(y),c({baselineItems:y})}function d(a){return a.map(f=>({...f,uuid:`${f.key}-${Ae()}`}))}function g(a){r.value.uuid&&c({activeIndex:e()});const f=Ae();o.value.push({...a,uuid:f,transitionDirection:"in",activeIndex:0}),s()}function m(){r.value.uuid&&(o.value.pop(),c({transitionDirection:"out"}))}function c(a){const f=o.value[o.value.length-1],y=o.value.findIndex(i=>i.uuid===f.uuid);f&&Object.keys(a).forEach(i=>{const _=i;o.value[y]={...o.value[y],[i]:a[_]}})}function l(){o.value=[]}return{viewStacks:o,activeViewStack:r,activeViewStackMode:p,globalSearchItemsDiff:h,resetViewStacks:l,updateCurrentViewStack:c,pushViewStack:g,popViewStack:m}}),rt="placeholder_recommended";function Yt(...t){return yt.baseText(...t)}const te=It(Yt,(...t)=>JSON.stringify(t)),Ce={"n8n-nodes-base.hubspotTrigger":(t,e)=>{var n,r,p;const o=(n=t==null?void 0:t.options)==null?void 0:n[0];return(p=(r=o==null?void 0:o.values[0])==null?void 0:r.options)==null?void 0:p.map(v=>({...ie(e),actionKey:v.value,displayName:te("nodeCreator.actionsCategory.onEvent",{interpolate:{event:Te(v.name)}}),description:v.description||"",displayOptions:t.displayOptions,values:{eventsUi:{eventValues:[{name:v.value}]}}}))}};function ie(t,e){const o=t.group.includes("trigger"),n=te(o?"nodeCreator.actionsCategory.triggers":"nodeCreator.actionsCategory.actions");return{name:t.name,group:t.group,codex:{label:e||"",categories:[n]},iconUrl:t.iconUrl,icon:t.icon,defaults:t.defaults}}function Wt(t){if(t.properties.find(r=>r.name==="resource"))return[];const e=t.properties.find(r=>{var p;return((p=r.name)==null?void 0:p.toLowerCase())==="operation"});if(!e||!e.options)return[];const n=e.options.filter(r=>!["*",""," "].includes(r.name)).map(r=>({...ie(t),actionKey:r.value,displayName:r.action??Te(r.name),description:r.description??"",displayOptions:e.displayOptions,values:{[e.name]:e.type==="multiOptions"?[r.value]:r.value}}));return n.length===0?[]:n}function Gt(t){var h,s;const e=["event","events","trigger on"],o=(h=t.displayName)==null?void 0:h.toLowerCase().includes("trigger"),n=t.properties.find(d=>{var g;return e.includes((g=d.displayName)==null?void 0:g.toLowerCase())});if(!o)return[];if(!n||!n.options)return[{...ie(t),actionKey:rt,displayName:te("nodeCreator.actionsCategory.onNewEvent",{interpolate:{event:t.displayName.replace("Trigger","").trimEnd()}}),description:""}];const r=n.options.filter(d=>!["*",""," "].includes(d.name));return((s=Ce[t.name])==null?void 0:s.call(Ce,n,t))??r.map(d=>({...ie(t),actionKey:d.value,displayName:d.action??te("nodeCreator.actionsCategory.onEvent",{interpolate:{event:Te(d.name)}}),description:d.description||"",displayOptions:n.displayOptions,values:{[n.name]:n.type==="multiOptions"?[d.value]:d.value}}))}function jt(t){const e=[];return t.properties.filter(n=>{var r;return((r=n.displayName)==null?void 0:r.toLowerCase())==="resource"}).forEach(n=>{(n.options||[]).filter(r=>r.value!==de).forEach((r,p,v)=>{const h=v.length===1,s=t.properties.find(g=>{var y,i,_,u,T;const m=g.name==="operation",c=((_=(i=(y=g.displayOptions)==null?void 0:y.show)==null?void 0:i.resource)==null?void 0:_.includes(r.value))||h,l=(T=(u=g.displayOptions)==null?void 0:u.show)==null?void 0:T["@version"],a=Array.isArray(t.version)?t.version:[t.version],f=l?l.some(b=>a.includes(b)):!0;return m&&c&&f});if(!(s!=null&&s.options))return;const d=(s.options||[]).map(g=>{var l;const m=g.action??`${r.name} ${Te(g.name)}`,c=h?{show:{resource:[(l=v[0])==null?void 0:l.value]}}:s==null?void 0:s.displayOptions;return{...ie(t,`${r.name} ${te("nodeCreator.actionsCategory.actions")}`),actionKey:g.value,description:(g==null?void 0:g.description)??"",displayOptions:c,values:{operation:(s==null?void 0:s.type)==="multiOptions"?[g.value]:g.value},displayName:m,group:["trigger"]}});e.push(...d)})}),e}function Ft(){function t(r){return r?[...Gt(r),...Wt(r),...jt(r)]:[]}function e(r){return r.length<=1?[]:r.filter((p,v,h)=>{if(p.actionKey===de)return!1;const d=p.actionKey===rt;return!d||d&&h.length>1})}function o(r){const{displayName:p,defaults:v,description:h,name:s,group:d,icon:g,iconUrl:m,codex:c}=r;return{displayName:p,defaults:v,description:h,name:s,group:d,icon:g,iconUrl:m,codex:c}}function n(r){const p=[...r],v={},h=[];return p.filter(s=>!s.group.includes("trigger")).forEach(s=>{const d=t(s);v[s.name]=d,h.push(o(s))}),p.filter(s=>s.group.includes("trigger")).forEach(s=>{const d=s.name.replace("Trigger",""),g=t(s),m=(v==null?void 0:v[d])||[],c=h.find(l=>l.name===d);if(c&&(m==null?void 0:m.length)>0){const l=e([...m,...g]);v[d]=l,c.description=s.description}else v[s.name]=e(g),h.push(o(s))}),{actions:v,mergedNodes:h}}return{generateMergedNodesAndActions:n}}function it(){const t=ne();return{value:F,title:t.baseText("nodeCreator.triggerHelperPanel.selectATrigger"),subtitle:t.baseText("nodeCreator.triggerHelperPanel.selectATriggerDescription"),items:[{key:oe,type:"subcategory",properties:{forceIncludeNodes:[Q,ft],title:"App Trigger Nodes",icon:"satellite-dish"}},{key:$e,type:"node",category:[Y],properties:{group:[],name:$e,displayName:t.baseText("nodeCreator.triggerHelperPanel.scheduleTriggerDisplayName"),description:t.baseText("nodeCreator.triggerHelperPanel.scheduleTriggerDescription"),icon:"fa:clock"}},{key:Q,type:"node",category:[Y],properties:{group:[],name:Q,displayName:t.baseText("nodeCreator.triggerHelperPanel.webhookTriggerDisplayName"),description:t.baseText("nodeCreator.triggerHelperPanel.webhookTriggerDescription"),iconData:{type:"file",icon:"webhook",fileBuffer:"/static/webhook-icon.svg"}}},{key:Ne,type:"node",category:[Y],properties:{group:[],name:Ne,displayName:t.baseText("nodeCreator.triggerHelperPanel.manualTriggerDisplayName"),description:t.baseText("nodeCreator.triggerHelperPanel.manualTriggerDescription"),icon:"fa:mouse-pointer"}},{key:Be,type:"node",category:[Y],properties:{group:[],name:Be,displayName:t.baseText("nodeCreator.triggerHelperPanel.workflowTriggerDisplayName"),description:t.baseText("nodeCreator.triggerHelperPanel.workflowTriggerDescription"),icon:"fa:sign-out-alt"}},{type:"subcategory",key:He,category:Y,properties:{title:He,icon:"folder-open"}}]}}function ct(){const t=ne();return{value:Le,title:t.baseText("nodeCreator.triggerHelperPanel.whatHappensNext"),items:[{key:oe,type:"subcategory",properties:{title:"App Regular Nodes",icon:"globe"}},{type:"subcategory",key:Ue,category:Y,properties:{title:Ue,icon:"pen"}},{type:"subcategory",key:Ke,category:Y,properties:{title:Ke,icon:"toolbox"}},{type:"subcategory",key:xe,category:Y,properties:{title:xe,icon:"code-branch"}},{type:"subcategory",key:ze,category:Y,properties:{title:ze,icon:"file-alt"}},{key:F,type:"view",properties:{title:t.baseText("nodeCreator.triggerHelperPanel.addAnotherTrigger"),icon:"bolt",description:t.baseText("nodeCreator.triggerHelperPanel.addAnotherTriggerDescription")}}]}}const qt=["placeholder","value"],Xt=H({__name:"SearchBar",props:{placeholder:{default:""},modelValue:{default:""}},emits:["update:modelValue"],setup(t,{expose:e,emit:o}){const n=Re({inputRef:null});function r(){var s;(s=n.inputRef)==null||s.focus()}function p(s){const d=s.target;o("update:modelValue",d.value)}function v(){o("update:modelValue","")}ve(()=>{ue("nodeCreator_searchBar.mount",pe(),{inputRef:n.inputRef}),setTimeout(r,0)}),Ze(()=>{var s;(s=n.inputRef)==null||s.remove()});const{inputRef:h}=Me(n);return e({focus:r}),(s,d)=>{const g=B("font-awesome-icon");return k(),R("div",{class:w(s.$style.searchContainer),"data-test-id":"search-bar"},[I("div",{class:w({[s.$style.prefix]:!0,[s.$style.active]:s.modelValue.length>0})},[V(g,{icon:"search",size:"sm"})],2),I("div",{class:w(s.$style.text)},[I("input",{placeholder:s.placeholder,value:s.modelValue,class:w(s.$style.input),ref_key:"inputRef",ref:h,autofocus:"","data-test-id":"node-creator-search-bar",tabindex:"0",onInput:p},null,42,qt)],2),s.modelValue.length>0?(k(),R("div",{key:0,class:w(s.$style.suffix),onClick:v},[I("button",{class:w([s.$style.clear,s.$style.clickable])},[V(g,{icon:"times-circle"})],2)],2)):M("",!0)],2)}}}),Zt="_searchContainer_1wh9v_5",Qt="_prefix_1wh9v_21",Jt="_active_1wh9v_26",eo="_text_1wh9v_30",to="_suffix_1wh9v_46",oo="_clear_1wh9v_52",no={searchContainer:Zt,prefix:Qt,active:Jt,text:eo,suffix:to,clear:oo},so={$style:no},ao=U(Xt,[["__cssModules",so]]),be=()=>{const t=j(),e=_e(),o=$(()=>({actions:(e==null?void 0:e.proxy.$locale.baseText("nodeCreator.actionsCategory.actions"))??"",triggers:(e==null?void 0:e.proxy.$locale.baseText("nodeCreator.actionsCategory.triggers"))??""}));function n(m){const c=[Q,$e];return t.mergedNodes.filter(a=>c.some(f=>f===a.name)).map(a=>{const f=ee(a,m,"action");if(f.type==="action"){const i=`nodeCreator.actionsPlaceholderNode.${a.name.replace("n8n-nodes-base.","")}`,_=e==null?void 0:e.proxy.$locale.baseText(i);_!==i&&(f.properties.displayName=_)}return f})}function r(m,c){return m.filter(l=>l.type==="action"&&l.properties.codex.categories.includes(c))}function p(m){var y,i,_,u;const c=at([...m]),l=new Set;for(const T of c){if(T.type!=="action")continue;const b=(i=(y=T.properties)==null?void 0:y.codex)==null?void 0:i.label;l.add(b)}if(l.size<=1)return c;const a=new Map;for(let T=0;T<c.length;T++){const b=c[T];if(b.type!=="action")continue;const N=(u=(_=b.properties)==null?void 0:_.codex)==null?void 0:u.label;a.has(N)||a.set(N,T)}let f=0;for(const T of l){const b={uuid:T,type:"label",key:T,subcategory:c[0].key,properties:{key:T}},N=a.get(T)+f;c.splice(N,0,b),f++}return c}function v(m,c,l=!0){const a=r(m,c);return l?p(a):a}function h(m){const c=m.displayOptions,l=Object.keys((c==null?void 0:c.show)||{}).reduce((a,f)=>{var y,i;return a[f]=(i=(y=c==null?void 0:c.show)==null?void 0:y[f])==null?void 0:i[0],a},{});return{name:m.displayName,key:m.name,value:{...m.values,...l}}}function s(m){if(!m)return[];const{selectedView:c,openSource:l}=j(),{workflowTriggerNodes:a}=Se(),f=je().isTriggerNode(m),y=a.length>0,i=c===F,_=m===mt;return![ke.PLUS_ENDPOINT,ke.NODE_CONNECTION_ACTION,ke.NODE_CONNECTION_DROP].includes(l)&&!f&&!y&&i&&!_?[Ne,m]:[m]}function d(m,c,l=""){const{$onAction:a}=Se(),f=a(({name:y,after:i,store:{setLastNodeParameters:_},args:u})=>{y!=="addNode"||u[0].type!==m.key||i(()=>{_(m),c&&g(m,c,l),f()})});return f}function g(m,c,l){const a={node_type:m.key,action:m.name,source_mode:l.toLowerCase(),resource:m.value.resource||""};ue("nodeCreateList.addAction",pe(),a),c==null||c.trackNodesPanel("nodeCreateList.addAction",a)}return{actionsCategoryLocales:o,getPlaceholderTriggerActions:n,parseCategoryActions:v,getNodeTypesWithManualTrigger:s,getActionData:h,setAddedNodeActionParameters:d}},ro=["innerHTML"],io=H({__name:"NodeItem",props:{nodeType:{},subcategory:{},active:{type:Boolean,default:!1}},setup(t){const e=t,o=ne(),n=qe(),{actions:r}=j(),{getNodeTypesWithManualTrigger:p}=be(),v=G(!1),h=G({x:-100,y:-100}),s=G(null),d=$(()=>o.headerText({key:`headers.${a.value}.description`,fallback:e.nodeType.description})),g=$(()=>c.value),m=$(()=>c.value?"node-creator-action-item":"node-creator-node-item"),c=$(()=>l.value.length>1),l=$(()=>r[e.nodeType.name]||[]),a=$(()=>o.shortNodeType(e.nodeType.name)||""),f=$(()=>({top:`${h.value.y}px`,left:`${h.value.x}px`})),y=$(()=>vt(e.nodeType.name)),i=$(()=>{const C=e.nodeType.displayName.trimEnd();return o.headerText({key:`headers.${a.value}.displayName`,fallback:c.value?C.replace("Trigger",""):C})}),_=$(()=>e.nodeType.group.includes("trigger")&&!c.value);function u(C){document.body.addEventListener("dragover",T);const{pageX:P,pageY:D}=C;C.dataTransfer&&(C.dataTransfer.effectAllowed="copy",C.dataTransfer.dropEffect="copy",C.dataTransfer.setDragImage(s.value,0,0),C.dataTransfer.setData("nodeTypeName",p(e.nodeType.name).join(","))),v.value=!0,h.value={x:P,y:D}}function T(C){if(!v.value||C.pageX===0&&C.pageY===0)return;const[P,D]=Fe([],[C.pageX-ye/2,C.pageY-ye/2]);h.value={x:P,y:D}}function b(C){document.body.removeEventListener("dragover",T),v.value=!1,setTimeout(()=>{h.value={x:-100,y:-100}},300)}function N(C){C.target.localName==="a"&&n.track("user clicked cnr docs link",{source:"nodes panel node"})}return(C,P)=>{const D=B("n8n-node-creator-node");return k(),L(D,{draggable:!g.value,onDragstart:u,onDragend:b,class:w(C.$style.nodeItem),description:C.subcategory!==K(oe)?d.value:"",title:i.value,"show-action-arrow":g.value,"is-trigger":_.value,"data-test-id":m.value},fe({icon:A(()=>[V(ge,{nodeType:C.nodeType},null,8,["nodeType"])]),dragContent:A(()=>[I("div",{class:w(C.$style.draggableDataTransfer),ref_key:"draggableDataTransfer",ref:s},null,2),Qe(I("div",{class:w(C.$style.draggable),style:Ve(f.value)},[V(ge,{nodeType:C.nodeType,onClickCapture:P[0]||(P[0]=he(()=>{},["stop"])),size:40,shrink:!1},null,8,["nodeType"])],6),[[Je,v.value]])]),_:2},[y.value?{name:"tooltip",fn:A(()=>[I("p",{class:w(C.$style.communityNodeIcon),innerHTML:K(o).baseText("generic.communityNode.tooltip",{interpolate:{packageName:C.nodeType.name.split(".")[0],docURL:K(_t)}}),onClick:N},null,10,ro)]),key:"0"}:void 0]),1032,["draggable","class","description","title","show-action-arrow","is-trigger","data-test-id"])}}}),co="_nodeItem_nbf3g_5",lo="_communityNodeIcon_nbf3g_13",uo="_draggable_nbf3g_17",po="_draggableDataTransfer_nbf3g_31",go={nodeItem:co,communityNodeIcon:lo,draggable:uo,draggableDataTransfer:po},yo={$style:go},fo=U(io,[["__cssModules",yo]]),mo=H({__name:"SubcategoryItem",props:{item:{}},setup(t){const e=t,o=ne(),n=$(()=>nt(e.item.subcategory||e.item.title));return(r,p)=>{const v=B("n8n-node-icon"),h=B("n8n-node-creator-node");return k(),L(h,{class:w(r.$style.subCategory),title:K(o).baseText(`nodeCreator.subcategoryNames.${n.value}`),isTrigger:!1,description:K(o).baseText(`nodeCreator.subcategoryDescriptions.${n.value}`),showActionArrow:!0},{icon:A(()=>[V(v,{type:"icon",name:r.item.icon,circle:!1,showTooltip:!1},null,8,["name"])]),_:1},8,["class","title","description"])}}}),vo="_subCategory_1js79_5",_o={subCategory:vo},ho={$style:_o},To=U(mo,[["__cssModules",ho]]),bo=["textContent"],wo=H({__name:"LabelItem",props:{item:{}},setup(t){return(e,o)=>(k(),R("div",{class:w(e.$style.label)},[I("span",{class:w(e.$style.name),textContent:W(e.item.key)},null,10,bo)],2))}}),ko="_label_92wv5_5",Co={label:ko},$o={$style:Co},No=U(wo,[["__cssModules",$o]]),So=H({__name:"ActionItem",props:{nodeType:{},action:{}},setup(t){const e=t,o=_e(),n=o==null?void 0:o.proxy.$telemetry,{getActionData:r,getNodeTypesWithManualTrigger:p,setAddedNodeActionParameters:v}=be(),{activeViewStack:h}=O(),s=Re({dragging:!1,draggablePosition:{x:-100,y:-100},storeWatcher:null,draggableDataTransfer:null}),d=$(()=>({top:`${s.draggablePosition.y}px`,left:`${s.draggablePosition.x}px`})),g=$(()=>r(e.action)),m=i=>{var _;return((_=i.name)==null?void 0:_.toLowerCase().includes("trigger"))||i.name===Q};function c(i){var T;document.body.addEventListener("dragover",l);const{pageX:_,pageY:u}=i;i.dataTransfer&&(i.dataTransfer.effectAllowed="copy",i.dataTransfer.dropEffect="copy",i.dataTransfer.setDragImage(s.draggableDataTransfer,0,0),i.dataTransfer.setData("nodeTypeName",p((T=g.value)==null?void 0:T.key).join(",")),n&&(s.storeWatcher=v(g.value,n,h.rootView)),document.body.addEventListener("dragend",a)),s.dragging=!0,s.draggablePosition={x:_,y:u}}function l(i){if(!s.dragging||i.pageX===0&&i.pageY===0)return;const[_,u]=Fe([],[i.pageX-ye/2,i.pageY-ye/2]);s.draggablePosition={x:_,y:u}}function a(i){s.storeWatcher&&s.storeWatcher(),document.body.removeEventListener("dragend",a),document.body.removeEventListener("dragover",l),s.dragging=!1,setTimeout(()=>{s.draggablePosition={x:-100,y:-100}},300)}const{draggableDataTransfer:f,dragging:y}=Me(s);return(i,_)=>{const u=B("n8n-node-creator-node");return k(),L(u,{onDragstart:c,onDragend:a,draggable:"",class:w(i.$style.action),title:i.action.displayName,isTrigger:m(i.action),"data-keyboard-nav":"true"},{dragContent:A(()=>[I("div",{class:w(i.$style.draggableDataTransfer),ref_key:"draggableDataTransfer",ref:f},null,2),Qe(I("div",{class:w(i.$style.draggable),style:Ve(d.value)},[V(ge,{nodeType:i.nodeType,onClickCapture:_[0]||(_[0]=he(()=>{},["stop"])),size:40,shrink:!1},null,8,["nodeType"])],6),[[Je,K(y)]])]),icon:A(()=>[V(ge,{nodeType:i.action},null,8,["nodeType"])]),_:1},8,["class","title","isTrigger"])}}}),Io="_action_vsx3h_5",Ao="_nodeIcon_vsx3h_17",Eo="_draggable_vsx3h_21",Lo="_draggableDataTransfer_vsx3h_35",Ro={action:Io,nodeIcon:Ao,draggable:Eo,draggableDataTransfer:Lo},Mo={$style:Ro},Vo=U(So,[["__cssModules",Mo]]),Oo=H({__name:"ViewItem",props:{view:{}},setup(t){return(e,o)=>{const n=B("n8n-node-icon"),r=B("n8n-node-creator-node");return k(),L(r,{class:w(e.$style.view),title:e.view.title,isTrigger:!1,description:e.view.description,showActionArrow:!0},{icon:A(()=>[V(n,{type:"icon",name:e.view.icon,circle:!1,showTooltip:!1},null,8,["name"])]),_:1},8,["class","title","description"])}}}),Po="_view_5t09j_5",Do={view:Po},Bo={$style:Do},Ho=U(Oo,[["__cssModules",Bo]]),Uo=["data-keyboard-nav-type","data-keyboard-nav-id","onClick"],Ko={key:0},xo=20,zo=5,Yo=H({__name:"ItemsRenderer",props:{elements:{default:()=>[]},activeIndex:{},disabled:{type:Boolean},lazyRender:{type:Boolean,default:!0}},emits:["selected","dragstart","dragend"],setup(t,{emit:e}){const o=t,n=G([]),r=G(0),p=$(()=>{var c;return(c=q())==null?void 0:c.activeItemId});function v(){if(o.elements.length<=xo||o.lazyRender===!1){n.value=o.elements;return}n.value.length<o.elements.length&&(n.value.push(...o.elements.slice(n.value.length,n.value.length+zo)),r.value=window.requestAnimationFrame(v))}function h(c,l,a){o.disabled||e(c||"dragstart",l,a)}function s(c){c.style.height="0"}function d(c){c.style.height=`${c.scrollHeight}px`}function g(c){c.style.height=`${c.scrollHeight}px`}function m(c){c.style.height="0"}return ve(()=>{v()}),et(()=>{window.cancelAnimationFrame(r.value),n.value=[]}),J(()=>o.elements,()=>{window.cancelAnimationFrame(r.value),n.value=[],v()}),(c,l)=>{const a=B("n8n-loading");return c.elements.length>0?(k(),R("div",{key:0,class:w(c.$style.itemsRenderer),name:"accordion",onBeforeEnter:s,onEnter:d,onBeforeLeave:g,onLeave:m},[X(c.$slots,"default"),(k(!0),R(kt,null,Ct(c.elements,f=>(k(),R("div",{key:f.uuid,"data-test-id":"item-iterator-item",class:w({clickable:!c.disabled,[c.$style.active]:p.value===f.uuid,[c.$style.iteratorItem]:!0,[c.$style[f.type]]:!0}),ref_for:!0,ref:"iteratorItems","data-keyboard-nav-type":f.type!=="label"?f.type:void 0,"data-keyboard-nav-id":f.uuid,onClick:y=>h("selected",f)},[n.value.includes(f)?(k(),R("div",Ko,[f.type==="label"?(k(),L(No,{key:0,item:f},null,8,["item"])):M("",!0),f.type==="subcategory"?(k(),L(To,{key:1,item:f.properties},null,8,["item"])):M("",!0),f.type==="node"?(k(),L(fo,{key:2,nodeType:f.properties,active:!0,subcategory:f.subcategory},null,8,["nodeType","subcategory"])):M("",!0),f.type==="action"?(k(),L(Vo,{key:3,nodeType:f.properties,action:f.properties,active:!0},null,8,["nodeType","action"])):f.type==="view"?(k(),L(Ho,{key:4,view:f.properties,class:w(c.$style.viewItem)},null,8,["view","class"])):M("",!0)])):(k(),L(a,{key:1,loading:!0,rows:1,variant:"p",class:w(c.$style.itemSkeleton)},null,8,["class"]))],10,Uo))),128))],34)):(k(),R("div",{key:1,class:w(c.$style.empty)},[X(c.$slots,"empty")],2))}}}),Wo="_itemSkeleton_7kw47_5",Go="_iteratorItem_7kw47_9",jo="_label_7kw47_21",Fo="_category_7kw47_21",qo="_active_7kw47_24",Xo="_empty_7kw47_28",Zo="_itemsRenderer_7kw47_32",Qo="_view_7kw47_41",Jo={itemSkeleton:Wo,iteratorItem:Go,label:jo,category:Fo,active:qo,empty:Xo,itemsRenderer:Zo,view:Qo},en={$style:Jo},Oe=U(Yo,[["__cssModules",en]]),tn=["textContent"],on=H({__name:"CategoryItem",props:{expanded:{type:Boolean,default:!0},active:{type:Boolean},count:{},name:{},isTrigger:{type:Boolean}},setup(t){const e=t,o=$(()=>{const n=e.count||0;return n>0?`${e.name} (${n})`:e.name});return(n,r)=>{const p=B("font-awesome-icon");return k(),R("div",me({class:n.$style.categoryWrapper},n.$attrs,{"data-keyboard-nav":"true","data-test-id":"node-creator-category-item"}),[I("div",{class:w({[n.$style.category]:!0,[n.$style.active]:n.active})},[I("span",{class:w(n.$style.name)},[I("span",{textContent:W(o.value)},null,8,tn),n.isTrigger?(k(),L(p,{key:0,icon:"bolt",size:"xs",class:w(n.$style.triggerIcon)},null,8,["class"])):M("",!0),X(n.$slots,"default")],2),n.expanded?(k(),L(p,{key:0,icon:"chevron-down",class:w(n.$style.arrow)},null,8,["class"])):(k(),L(p,{key:1,class:w(n.$style.arrow),icon:"chevron-up"},null,8,["class"]))],2)],16)}}}),nn="_triggerIcon_jzfdi_5",sn="_category_jzfdi_10",an="_active_jzfdi_31",rn="_name_jzfdi_35",cn="_arrow_jzfdi_40",ln={triggerIcon:nn,category:sn,active:an,name:rn,arrow:cn},dn={$style:ln},un=U(on,[["__cssModules",dn]]),pn=["data-category-collapsed"],gn=["innerHTML"],yn=H({__name:"CategorizedItemsRenderer",props:{elements:{default:()=>[]},category:{},disabled:{type:Boolean},activeIndex:{},isTriggerCategory:{type:Boolean},mouseOverTooltip:{},expanded:{type:Boolean}},setup(t){const e=t,o=_e(),{popViewStack:n}=O(),{registerKeyHook:r}=q(),{workflowId:p}=Se(),v=$(()=>{var l;return(l=q())==null?void 0:l.activeItemId}),h=$(()=>e.elements.filter(({type:l})=>l==="action").length),s=G(e.expanded??!1);function d(){g(!s.value)}function g(l){s.value=l,s.value&&(o==null||o.proxy.$telemetry.trackNodesPanel("nodeCreateList.onCategoryExpanded",{category_name:e.category,workflow_id:p}))}function m(){s.value||g(!0)}function c(){if(!s.value){n();return}g(!1)}return J(()=>e.elements,()=>{g(!0)}),r(`CategoryRight_${e.category}`,{keyboardKeys:["ArrowRight"],condition:(l,a)=>l==="category"&&e.category===a,handler:m}),r(`CategoryToggle_${e.category}`,{keyboardKeys:["Enter"],condition:(l,a)=>l==="category"&&e.category===a,handler:d}),r(`CategoryLeft_${e.category}`,{keyboardKeys:["ArrowLeft"],condition:(l,a)=>l==="category"&&e.category===a,handler:c}),(l,a)=>{const f=B("n8n-icon"),y=B("n8n-tooltip");return k(),R("div",{class:w(l.$style.categorizedItemsRenderer),"data-category-collapsed":!s.value},[V(un,{class:w(l.$style.categoryItem),name:l.category,disabled:l.disabled,active:v.value===l.category,count:h.value,expanded:s.value,isTrigger:l.isTriggerCategory,"data-keyboard-nav-type":"category","data-keyboard-nav-id":l.category,onClick:d},{default:A(()=>[l.mouseOverTooltip?(k(),R("span",{key:0,class:w(l.$style.mouseOverTooltip)},[V(y,{placement:"top","popper-class":l.$style.tooltipPopper},{content:A(()=>[I("div",{innerHTML:l.mouseOverTooltip},null,8,gn)]),default:A(()=>[V(f,{icon:"question-circle",size:"small"})]),_:1},8,["popper-class"])],2)):M("",!0)]),_:1},8,["class","name","disabled","active","count","expanded","isTrigger","data-keyboard-nav-id"]),s.value&&h.value>0&&l.$slots.default?(k(),R("div",{key:0,class:w(l.$style.contentSlot)},[X(l.$slots,"default")],2)):M("",!0),s.value?(k(),L(Oe,me({key:1},l.$attrs,{elements:l.elements,isTrigger:l.isTriggerCategory}),{default:A(()=>[]),empty:A(()=>[X(l.$slots,"empty",tt($t({elements:l.elements})))]),_:3},16,["elements","isTrigger"])):M("",!0)],10,pn)}}}),fn="_mouseOverTooltip_1c8m2_5",mn="_categorizedItemsRenderer_1c8m2_12",vn="_tooltipPopper_1c8m2_16",_n="_contentSlot_1c8m2_20",hn={mouseOverTooltip:fn,categorizedItemsRenderer:mn,tooltipPopper:vn,contentSlot:_n},Tn={$style:hn},Ee=U(yn,[["__cssModules",Tn]]),bn=["innerHTML"],wn=["innerHTML"],kn=["innerHTML"],Cn=["innerHTML"],$n=["onClick","innerHTML"],Nn=H({__name:"ActionsMode",emits:{nodeTypeSelected:t=>!0},setup(t,{emit:e}){const o=_e(),n=o==null?void 0:o.proxy.$telemetry,{userActivated:r}=ht(),{popViewStack:p,updateCurrentViewStack:v}=O(),{registerKeyHook:h}=q(),{getNodeTypesWithManualTrigger:s,setAddedNodeActionParameters:d,getActionData:g,getPlaceholderTriggerActions:m,parseCategoryActions:c,actionsCategoryLocales:l}=be(),a=$(()=>ce(u.value,l.value.triggers,!1)),f=$(()=>ce(u.value,l.value.actions,!T.value)),y=$(()=>ce(O().activeViewStack.baselineItems||[],l.value.triggers,!1)),i=$(()=>ce(O().activeViewStack.baselineItems||[],l.value.actions,!T.value)),_=$(()=>a.value.length||T.value?l.value.triggers:`${l.value.triggers} (${C.length})`),u=$(()=>(O().activeViewStack.items||[]).filter(S=>S.properties.actionKey!==de)),T=$(()=>O().activeViewStack.search),b=$(()=>O().activeViewStack.subcategory),N=$(()=>O().activeViewStack.rootView),C=m(b.value||""),P=$(()=>c(O().activeViewStack.baselineItems||[],l.value.triggers,!T.value).length===0),D=$(()=>(O().activeViewStack.baselineItems||[]).some(x=>(x.properties.actionKey??"")===de)===!0),Z=$(()=>N.value===F);h("ActionsKeyRight",{keyboardKeys:["ArrowRight","Enter"],condition:S=>S==="action",handler:dt}),h("ActionsKeyLeft",{keyboardKeys:["ArrowLeft"],condition:S=>S==="action",handler:lt});function ce(S,E,x=!1){return c(S,E,x)}function lt(){p()}function dt(S){const x=[...u.value,...C].find(z=>z.uuid===S);x&&le(x)}function le(S){const E=g(S.properties);if(C.some(z=>z.key===S.key)&&Z.value){const z=u.value[0].key;e("nodeTypeSelected",[E.key,z])}else e("nodeTypeSelected",s(E.key));n&&d(E,n,N.value)}function ut(){var se,ae,De;const S=O().activeViewStack,E=(se=S.baselineItems||[])==null?void 0:se.filter(we=>we.key.toLowerCase().includes("trigger")).length,z={app_identifier:[...u.value,...C][0].key,actions:(ae=S.baselineItems||[])==null?void 0:ae.map(we=>we.properties.displayName),regular_action_count:((De=S.baselineItems||[])==null?void 0:De.length)-E,trigger_action_count:E};ue("nodeCreateList.onViewActions",pe(),z),n==null||n.trackNodesPanel("nodeCreateList.onViewActions",z)}function Pe(){v({search:""})}function pt(){const S={name:"",key:Ie,value:{authentication:"predefinedCredentialType"}};e("nodeTypeSelected",[Ie]),n&&d(S);const E=u.value[0].key;ue("nodeCreateList.onActionsCustmAPIClicked",pe(),{app_identifier:E}),n==null||n.trackNodesPanel("nodeCreateList.onActionsCustmAPIClicked",{app_identifier:E})}const gt=H({props:{rootView:{type:String}},setup(S,{slots:E}){return()=>{var x,z,se,ae;return Nt("div",{},S.rootView===Le?[(x=E.actions)==null?void 0:x.call(E),(z=E.triggers)==null?void 0:z.call(E)]:[(se=E.triggers)==null?void 0:se.call(E),(ae=E.actions)==null?void 0:ae.call(E)])}}});return ve(()=>{ut()}),(S,E)=>{const x=B("n8n-callout"),z=B("n8n-info-tip");return k(),R("div",{class:w(S.$style.container)},[V(K(gt),{rootView:N.value},fe({_:2},[Z.value||y.value.length!==0?{name:"triggers",fn:A(()=>[V(Ee,{elements:a.value,category:_.value,mouseOverTooltip:S.$locale.baseText("nodeCreator.actionsTooltip.triggersStartWorkflow"),isTriggerCategory:"",expanded:Z.value||f.value.length===0,onSelected:le},fe({_:2},[P.value?{name:"empty",fn:A(()=>[P.value?(k(),L(x,{key:0,theme:"info",iconless:"",slim:"","data-test-id":"actions-panel-no-triggers-callout"},{default:A(()=>[I("span",{innerHTML:S.$locale.baseText("nodeCreator.actionsCallout.noTriggerItems",{interpolate:{nodeName:b.value}})},null,8,bn)]),_:1})):M("",!0),V(Oe,{onSelected:le,elements:K(C)},null,8,["elements"])]),key:"0"}:{name:"empty",fn:A(()=>[I("p",{class:w(S.$style.resetSearch),innerHTML:S.$locale.baseText("nodeCreator.actionsCategory.noMatchingTriggers"),onClick:Pe},null,10,["innerHTML"])]),key:"1"}]),1032,["elements","category","mouseOverTooltip","expanded"])]),key:"0"}:void 0,!Z.value||i.value.length!==0?{name:"actions",fn:A(()=>[V(Ee,{elements:f.value,category:K(l).actions,mouseOverTooltip:S.$locale.baseText("nodeCreator.actionsTooltip.actionsPerformStep"),expanded:!Z.value||a.value.length===0,onSelected:le},{empty:A(()=>[T.value?(k(),R("p",{key:1,class:w(S.$style.resetSearch),innerHTML:S.$locale.baseText("nodeCreator.actionsCategory.noMatchingActions"),onClick:Pe,"data-test-id":"actions-panel-no-matching-actions"},null,10,Cn)):(k(),L(z,{key:0,theme:"info",type:"note",class:w(S.$style.actionsEmpty)},{default:A(()=>[I("span",{innerHTML:S.$locale.baseText("nodeCreator.actionsCallout.noActionItems",{interpolate:{nodeName:b.value}})},null,8,kn)]),_:1},8,["class"]))]),default:A(()=>[!K(r)&&Z.value?(k(),L(x,{key:0,theme:"info",iconless:"",slim:"","data-test-id":"actions-panel-activation-callout"},{default:A(()=>[I("span",{innerHTML:S.$locale.baseText("nodeCreator.actionsCallout.triggersStartWorkflow")},null,8,wn)]),_:1})):M("",!0)]),_:1},8,["elements","category","mouseOverTooltip","expanded"])]),key:"1"}:void 0]),1032,["rootView"]),D.value?(k(),R("div",{key:0,class:w(S.$style.apiHint)},[I("span",{onClick:he(pt,["prevent"]),innerHTML:S.$locale.baseText("nodeCreator.actionsList.apiCall",{interpolate:{node:b.value}})},null,8,$n)],2)):M("",!0)],2)}}}),Sn="_container_1tz2w_5",In="_resetSearch_1tz2w_11",An="_actionsEmpty_1tz2w_25",En="_apiHint_1tz2w_33",Ln={container:Sn,resetSearch:In,actionsEmpty:An,apiHint:En},Rn={$style:Ln},Mn=U(Nn,[["__cssModules",Rn]]),Vn={},On={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"},Pn=St('<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),Dn=[Pn];function Bn(t,e){return k(),R("svg",On,Dn)}const Hn=U(Vn,[["render",Bn]]),Un=["textContent"],Kn=["textContent"],xn=H({__name:"NoResults",props:{showIcon:{type:Boolean},showRequest:{type:Boolean},rootView:{}},setup(t){return(e,o)=>{const n=B("n8n-link"),r=B("font-awesome-icon");return k(),R("div",{class:w({[e.$style.noResults]:!0,[e.$style.iconless]:!e.showIcon}),"data-test-id":"node-creator-no-results"},[e.showIcon?(k(),R("div",{key:0,class:w(e.$style.icon)},[V(Hn)],2)):M("",!0),I("div",{class:w(e.$style.title)},[X(e.$slots,"title"),I("p",{textContent:W(e.$locale.baseText("nodeCreator.noResults.weDidntMakeThatYet"))},null,8,Un),I("div",{class:w(e.$style.action)},[re(W(e.$locale.baseText("nodeCreator.noResults.dontWorryYouCanProbablyDoItWithThe"))+" ",1),e.rootView===K(Le)?(k(),L(n,{key:0,onClick:o[0]||(o[0]=p=>e.$emit("addHttpNode"))},{default:A(()=>[re(W(e.$locale.baseText("nodeCreator.noResults.httpRequest")),1)]),_:1})):M("",!0),e.rootView===K(F)?(k(),L(n,{key:1,onClick:o[1]||(o[1]=p=>e.$emit("addWebhookNode"))},{default:A(()=>[re(W(e.$locale.baseText("nodeCreator.noResults.webhook")),1)]),_:1})):M("",!0),re(" "+W(e.$locale.baseText("nodeCreator.noResults.node")),1)],2)],2),e.showRequest?(k(),R("div",{key:1,class:w(e.$style.request)},[I("p",{textContent:W(e.$locale.baseText("nodeCreator.noResults.wantUsToMakeItFaster"))},null,8,Kn),I("div",null,[V(n,{to:K(Tt)},{default:A(()=>[I("span",null,W(e.$locale.baseText("nodeCreator.noResults.requestTheNode")),1),re("  "),I("span",null,[V(r,{class:w(e.$style.external),icon:"external-link-alt",title:e.$locale.baseText("nodeCreator.noResults.requestTheNode")},null,8,["class","title"])])]),_:1},8,["to"])])],2)):M("",!0)],2)}}}),zn="_noResults_1jje6_5",Yn="_title_1jje6_18",Wn="_action_1jje6_27",Gn="_request_1jje6_28",jn="_icon_1jje6_44",Fn="_external_1jje6_50",qn={noResults:zn,title:Yn,action:Wn,request:Gn,icon:jn,external:Fn},Xn={$style:qn},Zn=U(xn,[["__cssModules",Xn]]),Qn=H({__name:"NodesMode",emits:{nodeTypeSelected:t=>!0},setup(t,{emit:e}){const o=ne(),n=qe(),{mergedNodes:r,actions:p}=j(),{baseUrl:v}=bt(),{getNodeTypesWithManualTrigger:h}=be(),{pushViewStack:s,popViewStack:d}=O(),{registerKeyHook:g}=q(),m=$(()=>O().activeViewStack),c=$(()=>O().globalSearchItemsDiff);function l(u){e("nodeTypeSelected",u.length===1?h(u[0]):u)}function a(u){var T,b;if(u.type==="subcategory"){const N=o.baseText(`nodeCreator.subcategoryNames.${nt(u.properties.title)}`);s({subcategory:u.key,title:N,mode:"nodes",rootView:m.value.rootView,forceIncludeNodes:u.properties.forceIncludeNodes,baseFilter:y,itemsMapper:f}),n.trackNodesPanel("nodeCreateList.onSubcategorySelected",{subcategory:u.key})}if(u.type==="node"){const N=(p==null?void 0:p[u.key])||[];if(N.length<=1){l([u.key]);return}const C=u.properties.iconUrl?`${v}${u.properties.iconUrl}`:(T=u.properties.icon)==null?void 0:T.split(":")[1],P=N==null?void 0:N.map(D=>ee(D,u.properties.displayName,"action"));s({subcategory:u.properties.displayName,title:u.properties.displayName,nodeIcon:{color:((b=u.properties.defaults)==null?void 0:b.color)||"",icon:C,iconType:u.properties.iconUrl?"file":"icon"},rootView:m.value.rootView,hasSearch:!0,mode:"actions",items:P})}if(u.type==="view"){const N=u.key===F?it():ct();s({title:N.title,subtitle:(N==null?void 0:N.subtitle)??"",items:N.items,hasSearch:!0,rootView:N.value,mode:"nodes",searchItems:r})}}function f(u){var C,P;if(u.type!=="node")return u;const T=u.properties.group.includes("trigger"),N=((p==null?void 0:p[u.key])||[]).length>0;return T&&N&&((C=u.properties)!=null&&C.codex&&(u.properties.codex.alias=[...((P=u.properties.codex)==null?void 0:P.alias)||[],u.properties.displayName]),u.properties.displayName=u.properties.displayName.replace(" Trigger","")),u}function y(u){if(u.type!=="node")return!1;const T=u.properties.group.includes("trigger"),N=((p==null?void 0:p[u.key])||[]).length>0;return m.value.rootView===F?N||T:N||!T}function i(){d()}function _(u){const b=[...m.value.items||[],...c.value||[]].find(N=>N.uuid===u);b&&a(b)}return g("MainViewArrowRight",{keyboardKeys:["ArrowRight","Enter"],condition:u=>["subcategory","node","view"].includes(u),handler:_}),g("MainViewArrowLeft",{keyboardKeys:["ArrowLeft"],condition:u=>["subcategory","node","view"].includes(u),handler:i}),(u,T)=>(k(),R("span",null,[V(Oe,{elements:m.value.items,onSelected:a,class:w(u.$style.items)},fe({_:2},[(m.value.items||[]).length===0&&c.value.length===0?{name:"empty",fn:A(()=>[V(Zn,{rootView:m.value.rootView,showIcon:"",showRequest:"",onAddWebhookNode:T[0]||(T[0]=b=>l([K(Q)])),onAddHttpNode:T[1]||(T[1]=b=>l([K(Ie)]))},null,8,["rootView"])]),key:"0"}:void 0]),1032,["elements","class"]),c.value.length>0?(k(),L(Ee,{key:0,elements:c.value,category:u.$locale.baseText("nodeCreator.categoryNames.otherCategories"),onSelected:a},null,8,["elements","category"])):M("",!0)]))}}),Jn="_items_1t7lf_5",es={items:Jn},ts={$style:es},os=U(Qn,[["__cssModules",ts]]),ns=["textContent"],ss=["textContent"],as=H({__name:"NodesListPanel",setup(t){const e=ne(),{mergedNodes:o}=j(),{pushViewStack:n,popViewStack:r,updateCurrentViewStack:p}=O(),{setActiveItemIndex:v,attachKeydownEvent:h,detachKeydownEvent:s}=q(),d=$(()=>O().activeViewStack),g=$(()=>O().viewStacks),m=$(()=>O().activeViewStackMode==="actions"),c=$(()=>m.value?e.baseText("nodeCreator.actionsCategory.searchActions",{interpolate:{node:d.value.title}}):e.baseText("nodeCreator.searchBar.searchNodes")),l=$(()=>j().selectedView);function a(i){d.value.uuid&&(p({search:i}),v(d.value.activeIndex??0))}function f(){const i=d.value.mode==="actions"?1:0;v(d.value.activeIndex||0||i)}ve(()=>{h(),v(d.value.activeIndex??0)}),et(()=>{s()}),J(()=>l.value,i=>{const _=i===F?it():ct();n({title:_.title,subtitle:(_==null?void 0:_.subtitle)??"",items:_.items,hasSearch:!0,mode:"nodes",rootView:i,searchItems:o})},{immediate:!0});function y(){r()}return(i,_)=>{const u=B("font-awesome-icon"),T=B("n8n-node-icon");return g.value.length>0?(k(),L(Xe,{key:0,name:`panel-slide-${d.value.transitionDirection}`,onAfterLeave:f},{default:A(()=>[(k(),R("aside",{class:w(i.$style.nodesListPanel),onKeydownCapture:_[0]||(_[0]=he(()=>{},["stop"])),key:`${d.value.uuid}`},[I("header",{class:w({[i.$style.header]:!0,[i.$style.hasBg]:!d.value.subtitle}),"data-test-id":"nodes-list-header"},[I("div",{class:w(i.$style.top)},[g.value.length>1?(k(),R("button",{key:0,class:w(i.$style.backButton),onClick:y},[V(u,{class:w(i.$style.backButtonIcon),icon:"arrow-left",size:"2x"},null,8,["class"])],2)):M("",!0),d.value.nodeIcon?(k(),L(T,{key:1,class:w(i.$style.nodeIcon),type:d.value.nodeIcon.iconType||"unknown",src:d.value.nodeIcon.icon,name:d.value.nodeIcon.icon,color:d.value.nodeIcon.color,circle:!1,showTooltip:!1,size:16},null,8,["class","type","src","name","color"])):M("",!0),d.value.title?(k(),R("p",{key:2,class:w(i.$style.title),textContent:W(d.value.title)},null,10,ns)):M("",!0)],2),d.value.subtitle?(k(),R("p",{key:0,class:w({[i.$style.subtitle]:!0,[i.$style.offsetSubtitle]:g.value.length>1}),textContent:W(d.value.subtitle)},null,10,ss)):M("",!0)],2),d.value.hasSearch?(k(),L(ao,{key:0,class:w(i.$style.searchBar),placeholder:c.value?c.value:i.$locale.baseText("nodeCreator.searchBar.searchNodes"),modelValue:d.value.search,"onUpdate:modelValue":a},null,8,["class","placeholder","modelValue"])):M("",!0),I("div",{class:w(i.$style.renderedItems)},[m.value&&d.value.subcategory?(k(),L(Mn,tt(me({key:0},i.$attrs)),null,16)):(k(),L(os,me({key:1,rootView:l.value},i.$attrs),null,16,["rootView"]))],2)],34))]),_:1},8,["name"])):M("",!0)}}}),rs="_backButton_uvop2_27",is="_backButtonIcon_uvop2_34",cs="_nodeIcon_uvop2_40",ls="_renderedItems_uvop2_45",ds="_searchBar_uvop2_57",us="_nodesListPanel_uvop2_61",ps="_footer_uvop2_78",gs="_top_uvop2_89",ys="_header_uvop2_94",fs="_hasBg_uvop2_100",ms="_title_uvop2_105",vs="_subtitle_uvop2_115",_s="_offsetSubtitle_uvop2_123",hs={backButton:rs,backButtonIcon:is,nodeIcon:cs,renderedItems:ls,searchBar:ds,nodesListPanel:us,footer:ps,top:gs,header:ys,hasBg:fs,title:ms,subtitle:vs,offsetSubtitle:_s},Ts={$style:hs},bs=U(as,[["__cssModules",Ts]]),ws=H({__name:"NodeCreator",props:{active:{type:Boolean},onNodeTypeSelected:{type:Function}},emits:["closeNodeCreator","nodeTypeSelected"],setup(t,{emit:e}){const o=t,{resetViewStacks:n}=O(),{registerKeyHook:r}=q(),p=wt(),{setShowScrim:v,setActions:h,setMergeNodes:s}=j(),{generateMergedNodesAndActions:d}=Ft(),g=Re({nodeCreator:null,mousedownInsideEvent:null}),m=$(()=>j().showScrim),c=$(()=>O().viewStacks.length),l=$(()=>({top:`${p.bannersHeight+p.headerHeight}px`}));function a(){var b;if(g.mousedownInsideEvent){const N=new MouseEvent("click",{bubbles:!0,cancelable:!0});(b=g.mousedownInsideEvent.target)==null||b.dispatchEvent(N),g.mousedownInsideEvent=null,f()}}function f(){document.removeEventListener("mouseup",a),document.removeEventListener("touchstart",a)}function y(){g.mousedownInsideEvent=null,f()}function i(b){g.mousedownInsideEvent=b,document.addEventListener("mouseup",a),document.addEventListener("touchstart",a)}function _(b){b.preventDefault()}function u(b){if(!b.dataTransfer)return;const N=b.dataTransfer.getData("nodeTypeName"),C=g.nodeCreator.getBoundingClientRect();N&&b.pageX>=C.x&&b.pageY>=C.y&&b.stopPropagation()}J(()=>o.active,b=>{b===!1&&(v(!1),n())}),J(c,b=>{b===0&&(e("closeNodeCreator"),v(!1))}),r("NodeCreatorCloseEscape",{keyboardKeys:["Escape"],handler:()=>e("closeNodeCreator")}),r("NodeCreatorCloseTab",{keyboardKeys:["Tab"],handler:()=>e("closeNodeCreator")}),J(()=>je().visibleNodeTypes,b=>{const{actions:N,mergedNodes:C}=d(b);h(N),s(C)},{immediate:!0});const{nodeCreator:T}=Me(g);return Ze(()=>{f()}),(b,N)=>(k(),R("div",null,[I("aside",{class:w({[b.$style.nodeCreatorScrim]:!0,[b.$style.active]:m.value})},null,2),V(Kt,null,{default:A(()=>[b.active?(k(),R("div",{key:0,class:w(b.$style.nodeCreator),style:Ve(l.value),ref_key:"nodeCreator",ref:T,onDragover:_,onDrop:u,onMousedown:i,onMouseup:y,"data-test-id":"node-creator"},[V(bs,{onNodeTypeSelected:b.onNodeTypeSelected},null,8,["onNodeTypeSelected"])],38)):M("",!0)]),_:1})]))}}),ks="_nodeCreator_py8o5_9",Cs="_nodeCreatorScrim_py8o5_20",$s="_active_py8o5_32",Ns={nodeCreator:ks,nodeCreatorScrim:Cs,active:$s},Ss={$style:Ns},da=U(ws,[["__cssModules",Ss]]);export{da as default};
-//# sourceMappingURL=NodeCreator-bfe4c2b6.js.map
+import{C as Y,v as oe,w as j,T as F,p as yt,x as de,W as Q,E as ft,y as $e,M as Ne,z as Be,O as He,R as Le,A as Ue,H as Ke,F as xe,B as ze,G as ne,r as ue,m as pe,d as Se,I as je,N as ke,S as mt,J as vt,K as _t,L as ge,P as Fe,Q as ye,U as qe,V as ht,X as Ie,Y as Tt,Z as bt,u as wt}from"./index-d51fa68e.js";import{d as H,o as k,c as L,w as A,r as X,Z as Xe,y as G,i as $,a0 as Re,v as ve,P as Ze,a1 as Me,b as B,f as R,g as I,e as V,n as w,k as M,s as _e,ab as fe,j as K,X as Qe,V as Ve,a4 as he,Y as Je,t as W,$ as et,C as J,M as kt,a9 as Ct,m as me,ad as tt,am as $t,ah as Nt,aI as St,l as re}from"./vendor-18a4b4e1.js";import{_ as U}from"./n8n-32ff1011.js";import{d as ot}from"./pinia-36ab6235.js";import"./axios-da559357.js";import"./dateformat-40ed026e.js";import{v as Ae}from"./uuid-cf522c50.js";import{m as It,x as Te,y as nt}from"./lodash-es-876af2e5.js";import"./flatted-8b14da7d.js";import"./@fortawesome/vue-fontawesome-f597912a.js";import"./@fortawesome/fontawesome-svg-core-984d6dde.js";import"./vue-i18n-c3b0f366.js";import"./luxon-19e1de07.js";import"./@jsplumb/util-98a92a84.js";import"./@jsplumb/core-0a463c13.js";import"./@jsplumb/common-fe415eb9.js";import"./@jsplumb/connector-bezier-53998944.js";import"./@jsplumb/browser-ui-70b0a0d6.js";import"./@n8n/codemirror-lang-sql-9a304659.js";import"./codemirror-lang-n8n-expression-47e67c3a.js";import"./codemirror-lang-html-n8n-4223f8c7.js";import"./fast-json-stable-stringify-fb9de5ed.js";import"./prettier-51497383.js";import"./esprima-next-8c7e8ff9.js";import"./@vueuse/core-60457efe.js";import"./timeago.js-a9e71aec.js";import"./qrcode.vue-338130ab.js";import"./file-saver-67c99cf2.js";import"./vue-json-pretty-38f00944.js";import"./humanize-duration-d6635c4f.js";import"./v3-infinite-loading-8fbfd594.js";import"./vue-agile-35d18cd7.js";import"./copy-to-clipboard-fcd72098.js";import"./vue3-touch-events-ee55ce04.js";import"./@fortawesome/free-solid-svg-icons-d79f1537.js";import"./@fortawesome/free-regular-svg-icons-74cb85f8.js";const At=60,Et=30,Lt=30,Rt=15,Mt=-20,Ye=-200,Vt=-5;function Ot(t,e){let o=0,n=0;for(;o<t.length&&n<e.length;){const r=t.charAt(o).toLowerCase(),p=e.charAt(n).toLowerCase();r===p&&o++,++n}return t.length!==0&&e.length!==0&&o===t.length}function Pt(t,e){return st(t,e,0,0,null,[],256,0,0,5)}function st(t,e,o,n,r,p,v,h,s,d){let g=0;if(++s>=d)return{matched:!1,outScore:g};if(o===t.length||n===e.length)return{matched:!1,outScore:g};let m=!1,c=[],l=0,a=!0;for(;o<t.length&&n<e.length;){if(t[o].toLowerCase()===e[n].toLowerCase()){if(h>=v)return{matched:!1,outScore:g};a&&r&&(p=[...r],a=!1);const y=[],i=st(t,e,o,n+1,p,y,v,h,s,d),_=i.outScore;i.matched&&((!m||_>l)&&(c=[...y],l=_),m=!0),p[h++]=n,++o}++n}const f=o===t.length;if(f){g=100;let y=Mt*p[0];y=y<Ye?Ye:y,g+=y;const i=e.length-h;g+=Vt*i;for(let _=0;_<h;_++){const u=p[_];if(_>0){const T=p[_-1];u===T+1&&(g+=At)}if(u>0){const T=e[u-1],b=e[u];T!==T.toUpperCase()&&b!==b.toLowerCase()&&(g+=Lt),(T==="_"||T===" ")&&(g+=Et)}else g+=Rt}return m&&(!f||l>g)?(p=[...c],g=l,{matched:!0,outScore:g}):f?{matched:!0,outScore:g}:{matched:!1,outScore:g}}return{matched:!1,outScore:g}}function Dt(t,e){if(t.hasOwnProperty(e))return t[e];const o=e.split(".");let n=t,r=0;for(;n&&r<o.length;)n=n[o[r]],r++;return n}function Bt(t,e,o){const n=e.reduce((r,p)=>{let v=[];o.forEach(({key:s,weight:d})=>{const g=Dt(p,s);Array.isArray(g)?v=v.concat(g.map(m=>({value:m,weight:d}))):typeof g=="string"&&v.push({value:g,weight:d})});const h=v.reduce((s,{value:d,weight:g})=>{if(!Ot(t,d))return s;const m=Pt(t,d);m.outScore*=g;const{matched:c,outScore:l}=m;return!s&&c||c&&s&&l>s.outScore?m:s},null);return h&&r.push({score:h.outScore,item:p}),r},[]);return n.sort((r,p)=>p.score-r.score),n}const Ht=H({name:"SlideTransition"});function Ut(t,e,o,n,r,p){return k(),L(Xe,{name:"slide"},{default:A(()=>[X(t.$slots,"default",{},void 0,!0)]),_:3})}const Kt=U(Ht,[["render",Ut],["__scopeId","data-v-88e2114c"]]),xt="data-keyboard-nav-id",We=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Enter","Escape","Tab"],q=ot("nodeCreatorKeyboardNavigation",()=>{const t=G([]),e=G(null),o=G({});function n(y){return y==null?void 0:y.getAttribute("data-keyboard-nav-type")}function r(y){return(y==null?void 0:y.getAttribute(xt))||void 0}async function p(){return new Promise(y=>{a(),setTimeout(()=>{t.value=Array.from(document.querySelectorAll("[data-keyboard-nav-type]")).map(i=>new WeakRef(i)),y()},0)})}function v(y,i){Object.values(o.value).filter(T=>T.keyboardKeys.includes(y)).forEach(T=>{if(!e.value)return;(T.condition===void 0||T.condition(n(i)||"",e.value))&&e.value&&T.handler(e.value,y)})}async function h(y){var N,C,P;const i=y.key;if(!We.includes(i))return;y.preventDefault(),y.stopPropagation(),await p();const _=t.value.findIndex(D=>r(D==null?void 0:D.deref())===e.value),u=(N=t.value[_])==null?void 0:N.deref(),T=i==="ArrowDown",b=i==="ArrowUp";if(u){if(T){const D=_<t.value.length-1?_+1:0;d((C=t.value[D])==null?void 0:C.deref())}if(b){const D=_>0?_-1:t.value.length-1;d((P=t.value[D])==null?void 0:P.deref())}v(i,u)}}function s(y){e.value=y}function d(y){const i=r(y);i&&(s(i),y!=null&&y.scrollIntoView&&(y==null||y.scrollIntoView({block:"center"})))}async function g(y){var i;await p(),d((i=t.value[y])==null?void 0:i.deref())}function m(){document.addEventListener("keydown",h,{capture:!0})}function c(){a(),document.removeEventListener("keydown",h,{capture:!0})}function l(y,i){i.keyboardKeys.forEach(_=>{if(We.includes(_))o.value={...o.value,[y]:i};else throw new Error(`Key ${_} is not supported`)})}function a(){t.value=[]}function f(){return t.value.findIndex(y=>r(y==null?void 0:y.deref())===e.value)}return{activeItemId:e,attachKeydownEvent:m,refreshSelectableItems:p,detachKeydownEvent:c,registerKeyHook:l,getActiveItemIndex:f,setActiveItemId:s,setActiveItemIndex:g}});function ee(t,e,o="node"){var r,p,v;const n={uuid:Ae(),key:t.name,subcategory:e??((v=(p=(r=t.codex)==null?void 0:r.subcategories)==null?void 0:p[Y])==null?void 0:v[0])??oe,properties:{...t},type:o};return n}function zt(t){return t.reduce((e,o)=>{var p,v,h,s;return(((v=(p=o.codex)==null?void 0:p.categories)==null?void 0:v.includes(Y))?((s=(h=o==null?void 0:o.codex)==null?void 0:h.subcategories)==null?void 0:s[Y])??[]:[oe]).forEach(d=>{e[d]||(e[d]=[]),e[d].push(ee(o,d))}),e},{})}function at(t){return t.sort((e,o)=>{var p,v,h,s;if(e.type!=="node"||o.type!=="node")return-1;const n=((v=(p=e.properties)==null?void 0:p.displayName)==null?void 0:v.toLowerCase())||e.key,r=((s=(h=o.properties)==null?void 0:h.displayName)==null?void 0:s.toLowerCase())||o.key;return n.localeCompare(r,void 0,{sensitivity:"base"})})}function Ge(t,e){const o=t.toLowerCase().replace("trigger","").trimEnd();return(Bt(o,e,[{key:"properties.displayName",weight:1.3},{key:"properties.codex.alias",weight:1}])||[]).map(({item:r})=>r)}const O=ot("nodeCreatorViewStacks",()=>{const t=j(),{getActiveItemIndex:e}=q(),o=G([]),n=$(()=>{const a=o.value[o.value.length-1];if(!(a!=null&&a.baselineItems))return a.items?d(a.items):[];if(a.search&&v.value){const f=v.value.length>0?v.value:a.baselineItems;return d(Ge(a.search||"",f))}return d(a.baselineItems)}),r=$(()=>{const a=o.value[o.value.length-1];return a?{...a,items:n.value,hasSearch:(a.baselineItems||[]).length>8||(a==null?void 0:a.hasSearch)}:{}}),p=$(()=>r.value.mode||F),v=$(()=>{const a=o.value[o.value.length-1];return!a||!a.searchItems?[]:a.searchItems.map(f=>ee(f,a.subcategory))}),h=$(()=>{const a=o.value[o.value.length-1];if(!a||!a.search)return[];const f=t.mergedNodes.map(i=>ee(i));return d(Ge(a.search||"",f)).filter(i=>!n.value.find(_=>_.key===i.key))});function s(){const a=o.value[o.value.length-1];if(!a||!r.value.uuid)return;const f=zt(t.mergedNodes);let y=(a==null?void 0:a.items)??f[(a==null?void 0:a.subcategory)??oe]??[];if((a.forceIncludeNodes??[]).length>0){const i=t.mergedNodes.filter(_=>{var u;return(u=a.forceIncludeNodes)==null?void 0:u.includes(_.name)}).map(_=>ee(_,a.subcategory));y.push(...i)}a.baseFilter&&(y=y.filter(a.baseFilter)),a.itemsMapper&&(y=y.map(a.itemsMapper)),a.items||at(y),c({baselineItems:y})}function d(a){return a.map(f=>({...f,uuid:`${f.key}-${Ae()}`}))}function g(a){r.value.uuid&&c({activeIndex:e()});const f=Ae();o.value.push({...a,uuid:f,transitionDirection:"in",activeIndex:0}),s()}function m(){r.value.uuid&&(o.value.pop(),c({transitionDirection:"out"}))}function c(a){const f=o.value[o.value.length-1],y=o.value.findIndex(i=>i.uuid===f.uuid);f&&Object.keys(a).forEach(i=>{const _=i;o.value[y]={...o.value[y],[i]:a[_]}})}function l(){o.value=[]}return{viewStacks:o,activeViewStack:r,activeViewStackMode:p,globalSearchItemsDiff:h,resetViewStacks:l,updateCurrentViewStack:c,pushViewStack:g,popViewStack:m}}),rt="placeholder_recommended";function Yt(...t){return yt.baseText(...t)}const te=It(Yt,(...t)=>JSON.stringify(t)),Ce={"n8n-nodes-base.hubspotTrigger":(t,e)=>{var n,r,p;const o=(n=t==null?void 0:t.options)==null?void 0:n[0];return(p=(r=o==null?void 0:o.values[0])==null?void 0:r.options)==null?void 0:p.map(v=>({...ie(e),actionKey:v.value,displayName:te("nodeCreator.actionsCategory.onEvent",{interpolate:{event:Te(v.name)}}),description:v.description||"",displayOptions:t.displayOptions,values:{eventsUi:{eventValues:[{name:v.value}]}}}))}};function ie(t,e){const o=t.group.includes("trigger"),n=te(o?"nodeCreator.actionsCategory.triggers":"nodeCreator.actionsCategory.actions");return{name:t.name,group:t.group,codex:{label:e||"",categories:[n]},iconUrl:t.iconUrl,icon:t.icon,defaults:t.defaults}}function Wt(t){if(t.properties.find(r=>r.name==="resource"))return[];const e=t.properties.find(r=>{var p;return((p=r.name)==null?void 0:p.toLowerCase())==="operation"});if(!e||!e.options)return[];const n=e.options.filter(r=>!["*",""," "].includes(r.name)).map(r=>({...ie(t),actionKey:r.value,displayName:r.action??Te(r.name),description:r.description??"",displayOptions:e.displayOptions,values:{[e.name]:e.type==="multiOptions"?[r.value]:r.value}}));return n.length===0?[]:n}function Gt(t){var h,s;const e=["event","events","trigger on"],o=(h=t.displayName)==null?void 0:h.toLowerCase().includes("trigger"),n=t.properties.find(d=>{var g;return e.includes((g=d.displayName)==null?void 0:g.toLowerCase())});if(!o)return[];if(!n||!n.options)return[{...ie(t),actionKey:rt,displayName:te("nodeCreator.actionsCategory.onNewEvent",{interpolate:{event:t.displayName.replace("Trigger","").trimEnd()}}),description:""}];const r=n.options.filter(d=>!["*",""," "].includes(d.name));return((s=Ce[t.name])==null?void 0:s.call(Ce,n,t))??r.map(d=>({...ie(t),actionKey:d.value,displayName:d.action??te("nodeCreator.actionsCategory.onEvent",{interpolate:{event:Te(d.name)}}),description:d.description||"",displayOptions:n.displayOptions,values:{[n.name]:n.type==="multiOptions"?[d.value]:d.value}}))}function jt(t){const e=[];return t.properties.filter(n=>{var r;return((r=n.displayName)==null?void 0:r.toLowerCase())==="resource"}).forEach(n=>{(n.options||[]).filter(r=>r.value!==de).forEach((r,p,v)=>{const h=v.length===1,s=t.properties.find(g=>{var y,i,_,u,T;const m=g.name==="operation",c=((_=(i=(y=g.displayOptions)==null?void 0:y.show)==null?void 0:i.resource)==null?void 0:_.includes(r.value))||h,l=(T=(u=g.displayOptions)==null?void 0:u.show)==null?void 0:T["@version"],a=Array.isArray(t.version)?t.version:[t.version],f=l?l.some(b=>a.includes(b)):!0;return m&&c&&f});if(!(s!=null&&s.options))return;const d=(s.options||[]).map(g=>{var l;const m=g.action??`${r.name} ${Te(g.name)}`,c=h?{show:{resource:[(l=v[0])==null?void 0:l.value]}}:s==null?void 0:s.displayOptions;return{...ie(t,`${r.name} ${te("nodeCreator.actionsCategory.actions")}`),actionKey:g.value,description:(g==null?void 0:g.description)??"",displayOptions:c,values:{operation:(s==null?void 0:s.type)==="multiOptions"?[g.value]:g.value},displayName:m,group:["trigger"]}});e.push(...d)})}),e}function Ft(){function t(r){return r?[...Gt(r),...Wt(r),...jt(r)]:[]}function e(r){return r.length<=1?[]:r.filter((p,v,h)=>{if(p.actionKey===de)return!1;const d=p.actionKey===rt;return!d||d&&h.length>1})}function o(r){const{displayName:p,defaults:v,description:h,name:s,group:d,icon:g,iconUrl:m,codex:c}=r;return{displayName:p,defaults:v,description:h,name:s,group:d,icon:g,iconUrl:m,codex:c}}function n(r){const p=[...r],v={},h=[];return p.filter(s=>!s.group.includes("trigger")).forEach(s=>{const d=t(s);v[s.name]=d,h.push(o(s))}),p.filter(s=>s.group.includes("trigger")).forEach(s=>{const d=s.name.replace("Trigger",""),g=t(s),m=(v==null?void 0:v[d])||[],c=h.find(l=>l.name===d);if(c&&(m==null?void 0:m.length)>0){const l=e([...m,...g]);v[d]=l,c.description=s.description}else v[s.name]=e(g),h.push(o(s))}),{actions:v,mergedNodes:h}}return{generateMergedNodesAndActions:n}}function it(){const t=ne();return{value:F,title:t.baseText("nodeCreator.triggerHelperPanel.selectATrigger"),subtitle:t.baseText("nodeCreator.triggerHelperPanel.selectATriggerDescription"),items:[{key:oe,type:"subcategory",properties:{forceIncludeNodes:[Q,ft],title:"App Trigger Nodes",icon:"satellite-dish"}},{key:$e,type:"node",category:[Y],properties:{group:[],name:$e,displayName:t.baseText("nodeCreator.triggerHelperPanel.scheduleTriggerDisplayName"),description:t.baseText("nodeCreator.triggerHelperPanel.scheduleTriggerDescription"),icon:"fa:clock"}},{key:Q,type:"node",category:[Y],properties:{group:[],name:Q,displayName:t.baseText("nodeCreator.triggerHelperPanel.webhookTriggerDisplayName"),description:t.baseText("nodeCreator.triggerHelperPanel.webhookTriggerDescription"),iconData:{type:"file",icon:"webhook",fileBuffer:"/static/webhook-icon.svg"}}},{key:Ne,type:"node",category:[Y],properties:{group:[],name:Ne,displayName:t.baseText("nodeCreator.triggerHelperPanel.manualTriggerDisplayName"),description:t.baseText("nodeCreator.triggerHelperPanel.manualTriggerDescription"),icon:"fa:mouse-pointer"}},{key:Be,type:"node",category:[Y],properties:{group:[],name:Be,displayName:t.baseText("nodeCreator.triggerHelperPanel.workflowTriggerDisplayName"),description:t.baseText("nodeCreator.triggerHelperPanel.workflowTriggerDescription"),icon:"fa:sign-out-alt"}},{type:"subcategory",key:He,category:Y,properties:{title:He,icon:"folder-open"}}]}}function ct(){const t=ne();return{value:Le,title:t.baseText("nodeCreator.triggerHelperPanel.whatHappensNext"),items:[{key:oe,type:"subcategory",properties:{title:"App Regular Nodes",icon:"globe"}},{type:"subcategory",key:Ue,category:Y,properties:{title:Ue,icon:"pen"}},{type:"subcategory",key:Ke,category:Y,properties:{title:Ke,icon:"toolbox"}},{type:"subcategory",key:xe,category:Y,properties:{title:xe,icon:"code-branch"}},{type:"subcategory",key:ze,category:Y,properties:{title:ze,icon:"file-alt"}},{key:F,type:"view",properties:{title:t.baseText("nodeCreator.triggerHelperPanel.addAnotherTrigger"),icon:"bolt",description:t.baseText("nodeCreator.triggerHelperPanel.addAnotherTriggerDescription")}}]}}const qt=["placeholder","value"],Xt=H({__name:"SearchBar",props:{placeholder:{default:""},modelValue:{default:""}},emits:["update:modelValue"],setup(t,{expose:e,emit:o}){const n=Re({inputRef:null});function r(){var s;(s=n.inputRef)==null||s.focus()}function p(s){const d=s.target;o("update:modelValue",d.value)}function v(){o("update:modelValue","")}ve(()=>{ue("nodeCreator_searchBar.mount",pe(),{inputRef:n.inputRef}),setTimeout(r,0)}),Ze(()=>{var s;(s=n.inputRef)==null||s.remove()});const{inputRef:h}=Me(n);return e({focus:r}),(s,d)=>{const g=B("font-awesome-icon");return k(),R("div",{class:w(s.$style.searchContainer),"data-test-id":"search-bar"},[I("div",{class:w({[s.$style.prefix]:!0,[s.$style.active]:s.modelValue.length>0})},[V(g,{icon:"search",size:"sm"})],2),I("div",{class:w(s.$style.text)},[I("input",{placeholder:s.placeholder,value:s.modelValue,class:w(s.$style.input),ref_key:"inputRef",ref:h,autofocus:"","data-test-id":"node-creator-search-bar",tabindex:"0",onInput:p},null,42,qt)],2),s.modelValue.length>0?(k(),R("div",{key:0,class:w(s.$style.suffix),onClick:v},[I("button",{class:w([s.$style.clear,s.$style.clickable])},[V(g,{icon:"times-circle"})],2)],2)):M("",!0)],2)}}}),Zt="_searchContainer_1wh9v_5",Qt="_prefix_1wh9v_21",Jt="_active_1wh9v_26",eo="_text_1wh9v_30",to="_suffix_1wh9v_46",oo="_clear_1wh9v_52",no={searchContainer:Zt,prefix:Qt,active:Jt,text:eo,suffix:to,clear:oo},so={$style:no},ao=U(Xt,[["__cssModules",so]]),be=()=>{const t=j(),e=_e(),o=$(()=>({actions:(e==null?void 0:e.proxy.$locale.baseText("nodeCreator.actionsCategory.actions"))??"",triggers:(e==null?void 0:e.proxy.$locale.baseText("nodeCreator.actionsCategory.triggers"))??""}));function n(m){const c=[Q,$e];return t.mergedNodes.filter(a=>c.some(f=>f===a.name)).map(a=>{const f=ee(a,m,"action");if(f.type==="action"){const i=`nodeCreator.actionsPlaceholderNode.${a.name.replace("n8n-nodes-base.","")}`,_=e==null?void 0:e.proxy.$locale.baseText(i);_!==i&&(f.properties.displayName=_)}return f})}function r(m,c){return m.filter(l=>l.type==="action"&&l.properties.codex.categories.includes(c))}function p(m){var y,i,_,u;const c=at([...m]),l=new Set;for(const T of c){if(T.type!=="action")continue;const b=(i=(y=T.properties)==null?void 0:y.codex)==null?void 0:i.label;l.add(b)}if(l.size<=1)return c;const a=new Map;for(let T=0;T<c.length;T++){const b=c[T];if(b.type!=="action")continue;const N=(u=(_=b.properties)==null?void 0:_.codex)==null?void 0:u.label;a.has(N)||a.set(N,T)}let f=0;for(const T of l){const b={uuid:T,type:"label",key:T,subcategory:c[0].key,properties:{key:T}},N=a.get(T)+f;c.splice(N,0,b),f++}return c}function v(m,c,l=!0){const a=r(m,c);return l?p(a):a}function h(m){const c=m.displayOptions,l=Object.keys((c==null?void 0:c.show)||{}).reduce((a,f)=>{var y,i;return a[f]=(i=(y=c==null?void 0:c.show)==null?void 0:y[f])==null?void 0:i[0],a},{});return{name:m.displayName,key:m.name,value:{...m.values,...l}}}function s(m){if(!m)return[];const{selectedView:c,openSource:l}=j(),{workflowTriggerNodes:a}=Se(),f=je().isTriggerNode(m),y=a.length>0,i=c===F,_=m===mt;return![ke.PLUS_ENDPOINT,ke.NODE_CONNECTION_ACTION,ke.NODE_CONNECTION_DROP].includes(l)&&!f&&!y&&i&&!_?[Ne,m]:[m]}function d(m,c,l=""){const{$onAction:a}=Se(),f=a(({name:y,after:i,store:{setLastNodeParameters:_},args:u})=>{y!=="addNode"||u[0].type!==m.key||i(()=>{_(m),c&&g(m,c,l),f()})});return f}function g(m,c,l){const a={node_type:m.key,action:m.name,source_mode:l.toLowerCase(),resource:m.value.resource||""};ue("nodeCreateList.addAction",pe(),a),c==null||c.trackNodesPanel("nodeCreateList.addAction",a)}return{actionsCategoryLocales:o,getPlaceholderTriggerActions:n,parseCategoryActions:v,getNodeTypesWithManualTrigger:s,getActionData:h,setAddedNodeActionParameters:d}},ro=["innerHTML"],io=H({__name:"NodeItem",props:{nodeType:{},subcategory:{},active:{type:Boolean,default:!1}},setup(t){const e=t,o=ne(),n=qe(),{actions:r}=j(),{getNodeTypesWithManualTrigger:p}=be(),v=G(!1),h=G({x:-100,y:-100}),s=G(null),d=$(()=>o.headerText({key:`headers.${a.value}.description`,fallback:e.nodeType.description})),g=$(()=>c.value),m=$(()=>c.value?"node-creator-action-item":"node-creator-node-item"),c=$(()=>l.value.length>1),l=$(()=>r[e.nodeType.name]||[]),a=$(()=>o.shortNodeType(e.nodeType.name)||""),f=$(()=>({top:`${h.value.y}px`,left:`${h.value.x}px`})),y=$(()=>vt(e.nodeType.name)),i=$(()=>{const C=e.nodeType.displayName.trimEnd();return o.headerText({key:`headers.${a.value}.displayName`,fallback:c.value?C.replace("Trigger",""):C})}),_=$(()=>e.nodeType.group.includes("trigger")&&!c.value);function u(C){document.body.addEventListener("dragover",T);const{pageX:P,pageY:D}=C;C.dataTransfer&&(C.dataTransfer.effectAllowed="copy",C.dataTransfer.dropEffect="copy",C.dataTransfer.setDragImage(s.value,0,0),C.dataTransfer.setData("nodeTypeName",p(e.nodeType.name).join(","))),v.value=!0,h.value={x:P,y:D}}function T(C){if(!v.value||C.pageX===0&&C.pageY===0)return;const[P,D]=Fe([],[C.pageX-ye/2,C.pageY-ye/2]);h.value={x:P,y:D}}function b(C){document.body.removeEventListener("dragover",T),v.value=!1,setTimeout(()=>{h.value={x:-100,y:-100}},300)}function N(C){C.target.localName==="a"&&n.track("user clicked cnr docs link",{source:"nodes panel node"})}return(C,P)=>{const D=B("n8n-node-creator-node");return k(),L(D,{draggable:!g.value,onDragstart:u,onDragend:b,class:w(C.$style.nodeItem),description:C.subcategory!==K(oe)?d.value:"",title:i.value,"show-action-arrow":g.value,"is-trigger":_.value,"data-test-id":m.value},fe({icon:A(()=>[V(ge,{nodeType:C.nodeType},null,8,["nodeType"])]),dragContent:A(()=>[I("div",{class:w(C.$style.draggableDataTransfer),ref_key:"draggableDataTransfer",ref:s},null,2),Qe(I("div",{class:w(C.$style.draggable),style:Ve(f.value)},[V(ge,{nodeType:C.nodeType,onClickCapture:P[0]||(P[0]=he(()=>{},["stop"])),size:40,shrink:!1},null,8,["nodeType"])],6),[[Je,v.value]])]),_:2},[y.value?{name:"tooltip",fn:A(()=>[I("p",{class:w(C.$style.communityNodeIcon),innerHTML:K(o).baseText("generic.communityNode.tooltip",{interpolate:{packageName:C.nodeType.name.split(".")[0],docURL:K(_t)}}),onClick:N},null,10,ro)]),key:"0"}:void 0]),1032,["draggable","class","description","title","show-action-arrow","is-trigger","data-test-id"])}}}),co="_nodeItem_nbf3g_5",lo="_communityNodeIcon_nbf3g_13",uo="_draggable_nbf3g_17",po="_draggableDataTransfer_nbf3g_31",go={nodeItem:co,communityNodeIcon:lo,draggable:uo,draggableDataTransfer:po},yo={$style:go},fo=U(io,[["__cssModules",yo]]),mo=H({__name:"SubcategoryItem",props:{item:{}},setup(t){const e=t,o=ne(),n=$(()=>nt(e.item.subcategory||e.item.title));return(r,p)=>{const v=B("n8n-node-icon"),h=B("n8n-node-creator-node");return k(),L(h,{class:w(r.$style.subCategory),title:K(o).baseText(`nodeCreator.subcategoryNames.${n.value}`),isTrigger:!1,description:K(o).baseText(`nodeCreator.subcategoryDescriptions.${n.value}`),showActionArrow:!0},{icon:A(()=>[V(v,{type:"icon",name:r.item.icon,circle:!1,showTooltip:!1},null,8,["name"])]),_:1},8,["class","title","description"])}}}),vo="_subCategory_1js79_5",_o={subCategory:vo},ho={$style:_o},To=U(mo,[["__cssModules",ho]]),bo=["textContent"],wo=H({__name:"LabelItem",props:{item:{}},setup(t){return(e,o)=>(k(),R("div",{class:w(e.$style.label)},[I("span",{class:w(e.$style.name),textContent:W(e.item.key)},null,10,bo)],2))}}),ko="_label_92wv5_5",Co={label:ko},$o={$style:Co},No=U(wo,[["__cssModules",$o]]),So=H({__name:"ActionItem",props:{nodeType:{},action:{}},setup(t){const e=t,o=_e(),n=o==null?void 0:o.proxy.$telemetry,{getActionData:r,getNodeTypesWithManualTrigger:p,setAddedNodeActionParameters:v}=be(),{activeViewStack:h}=O(),s=Re({dragging:!1,draggablePosition:{x:-100,y:-100},storeWatcher:null,draggableDataTransfer:null}),d=$(()=>({top:`${s.draggablePosition.y}px`,left:`${s.draggablePosition.x}px`})),g=$(()=>r(e.action)),m=i=>{var _;return((_=i.name)==null?void 0:_.toLowerCase().includes("trigger"))||i.name===Q};function c(i){var T;document.body.addEventListener("dragover",l);const{pageX:_,pageY:u}=i;i.dataTransfer&&(i.dataTransfer.effectAllowed="copy",i.dataTransfer.dropEffect="copy",i.dataTransfer.setDragImage(s.draggableDataTransfer,0,0),i.dataTransfer.setData("nodeTypeName",p((T=g.value)==null?void 0:T.key).join(",")),n&&(s.storeWatcher=v(g.value,n,h.rootView)),document.body.addEventListener("dragend",a)),s.dragging=!0,s.draggablePosition={x:_,y:u}}function l(i){if(!s.dragging||i.pageX===0&&i.pageY===0)return;const[_,u]=Fe([],[i.pageX-ye/2,i.pageY-ye/2]);s.draggablePosition={x:_,y:u}}function a(i){s.storeWatcher&&s.storeWatcher(),document.body.removeEventListener("dragend",a),document.body.removeEventListener("dragover",l),s.dragging=!1,setTimeout(()=>{s.draggablePosition={x:-100,y:-100}},300)}const{draggableDataTransfer:f,dragging:y}=Me(s);return(i,_)=>{const u=B("n8n-node-creator-node");return k(),L(u,{onDragstart:c,onDragend:a,draggable:"",class:w(i.$style.action),title:i.action.displayName,isTrigger:m(i.action),"data-keyboard-nav":"true"},{dragContent:A(()=>[I("div",{class:w(i.$style.draggableDataTransfer),ref_key:"draggableDataTransfer",ref:f},null,2),Qe(I("div",{class:w(i.$style.draggable),style:Ve(d.value)},[V(ge,{nodeType:i.nodeType,onClickCapture:_[0]||(_[0]=he(()=>{},["stop"])),size:40,shrink:!1},null,8,["nodeType"])],6),[[Je,K(y)]])]),icon:A(()=>[V(ge,{nodeType:i.action},null,8,["nodeType"])]),_:1},8,["class","title","isTrigger"])}}}),Io="_action_vsx3h_5",Ao="_nodeIcon_vsx3h_17",Eo="_draggable_vsx3h_21",Lo="_draggableDataTransfer_vsx3h_35",Ro={action:Io,nodeIcon:Ao,draggable:Eo,draggableDataTransfer:Lo},Mo={$style:Ro},Vo=U(So,[["__cssModules",Mo]]),Oo=H({__name:"ViewItem",props:{view:{}},setup(t){return(e,o)=>{const n=B("n8n-node-icon"),r=B("n8n-node-creator-node");return k(),L(r,{class:w(e.$style.view),title:e.view.title,isTrigger:!1,description:e.view.description,showActionArrow:!0},{icon:A(()=>[V(n,{type:"icon",name:e.view.icon,circle:!1,showTooltip:!1},null,8,["name"])]),_:1},8,["class","title","description"])}}}),Po="_view_5t09j_5",Do={view:Po},Bo={$style:Do},Ho=U(Oo,[["__cssModules",Bo]]),Uo=["data-keyboard-nav-type","data-keyboard-nav-id","onClick"],Ko={key:0},xo=20,zo=5,Yo=H({__name:"ItemsRenderer",props:{elements:{default:()=>[]},activeIndex:{},disabled:{type:Boolean},lazyRender:{type:Boolean,default:!0}},emits:["selected","dragstart","dragend"],setup(t,{emit:e}){const o=t,n=G([]),r=G(0),p=$(()=>{var c;return(c=q())==null?void 0:c.activeItemId});function v(){if(o.elements.length<=xo||o.lazyRender===!1){n.value=o.elements;return}n.value.length<o.elements.length&&(n.value.push(...o.elements.slice(n.value.length,n.value.length+zo)),r.value=window.requestAnimationFrame(v))}function h(c,l,a){o.disabled||e(c||"dragstart",l,a)}function s(c){c.style.height="0"}function d(c){c.style.height=`${c.scrollHeight}px`}function g(c){c.style.height=`${c.scrollHeight}px`}function m(c){c.style.height="0"}return ve(()=>{v()}),et(()=>{window.cancelAnimationFrame(r.value),n.value=[]}),J(()=>o.elements,()=>{window.cancelAnimationFrame(r.value),n.value=[],v()}),(c,l)=>{const a=B("n8n-loading");return c.elements.length>0?(k(),R("div",{key:0,class:w(c.$style.itemsRenderer),name:"accordion",onBeforeEnter:s,onEnter:d,onBeforeLeave:g,onLeave:m},[X(c.$slots,"default"),(k(!0),R(kt,null,Ct(c.elements,f=>(k(),R("div",{key:f.uuid,"data-test-id":"item-iterator-item",class:w({clickable:!c.disabled,[c.$style.active]:p.value===f.uuid,[c.$style.iteratorItem]:!0,[c.$style[f.type]]:!0}),ref_for:!0,ref:"iteratorItems","data-keyboard-nav-type":f.type!=="label"?f.type:void 0,"data-keyboard-nav-id":f.uuid,onClick:y=>h("selected",f)},[n.value.includes(f)?(k(),R("div",Ko,[f.type==="label"?(k(),L(No,{key:0,item:f},null,8,["item"])):M("",!0),f.type==="subcategory"?(k(),L(To,{key:1,item:f.properties},null,8,["item"])):M("",!0),f.type==="node"?(k(),L(fo,{key:2,nodeType:f.properties,active:!0,subcategory:f.subcategory},null,8,["nodeType","subcategory"])):M("",!0),f.type==="action"?(k(),L(Vo,{key:3,nodeType:f.properties,action:f.properties,active:!0},null,8,["nodeType","action"])):f.type==="view"?(k(),L(Ho,{key:4,view:f.properties,class:w(c.$style.viewItem)},null,8,["view","class"])):M("",!0)])):(k(),L(a,{key:1,loading:!0,rows:1,variant:"p",class:w(c.$style.itemSkeleton)},null,8,["class"]))],10,Uo))),128))],34)):(k(),R("div",{key:1,class:w(c.$style.empty)},[X(c.$slots,"empty")],2))}}}),Wo="_itemSkeleton_7kw47_5",Go="_iteratorItem_7kw47_9",jo="_label_7kw47_21",Fo="_category_7kw47_21",qo="_active_7kw47_24",Xo="_empty_7kw47_28",Zo="_itemsRenderer_7kw47_32",Qo="_view_7kw47_41",Jo={itemSkeleton:Wo,iteratorItem:Go,label:jo,category:Fo,active:qo,empty:Xo,itemsRenderer:Zo,view:Qo},en={$style:Jo},Oe=U(Yo,[["__cssModules",en]]),tn=["textContent"],on=H({__name:"CategoryItem",props:{expanded:{type:Boolean,default:!0},active:{type:Boolean},count:{},name:{},isTrigger:{type:Boolean}},setup(t){const e=t,o=$(()=>{const n=e.count||0;return n>0?`${e.name} (${n})`:e.name});return(n,r)=>{const p=B("font-awesome-icon");return k(),R("div",me({class:n.$style.categoryWrapper},n.$attrs,{"data-keyboard-nav":"true","data-test-id":"node-creator-category-item"}),[I("div",{class:w({[n.$style.category]:!0,[n.$style.active]:n.active})},[I("span",{class:w(n.$style.name)},[I("span",{textContent:W(o.value)},null,8,tn),n.isTrigger?(k(),L(p,{key:0,icon:"bolt",size:"xs",class:w(n.$style.triggerIcon)},null,8,["class"])):M("",!0),X(n.$slots,"default")],2),n.expanded?(k(),L(p,{key:0,icon:"chevron-down",class:w(n.$style.arrow)},null,8,["class"])):(k(),L(p,{key:1,class:w(n.$style.arrow),icon:"chevron-up"},null,8,["class"]))],2)],16)}}}),nn="_triggerIcon_jzfdi_5",sn="_category_jzfdi_10",an="_active_jzfdi_31",rn="_name_jzfdi_35",cn="_arrow_jzfdi_40",ln={triggerIcon:nn,category:sn,active:an,name:rn,arrow:cn},dn={$style:ln},un=U(on,[["__cssModules",dn]]),pn=["data-category-collapsed"],gn=["innerHTML"],yn=H({__name:"CategorizedItemsRenderer",props:{elements:{default:()=>[]},category:{},disabled:{type:Boolean},activeIndex:{},isTriggerCategory:{type:Boolean},mouseOverTooltip:{},expanded:{type:Boolean}},setup(t){const e=t,o=_e(),{popViewStack:n}=O(),{registerKeyHook:r}=q(),{workflowId:p}=Se(),v=$(()=>{var l;return(l=q())==null?void 0:l.activeItemId}),h=$(()=>e.elements.filter(({type:l})=>l==="action").length),s=G(e.expanded??!1);function d(){g(!s.value)}function g(l){s.value=l,s.value&&(o==null||o.proxy.$telemetry.trackNodesPanel("nodeCreateList.onCategoryExpanded",{category_name:e.category,workflow_id:p}))}function m(){s.value||g(!0)}function c(){if(!s.value){n();return}g(!1)}return J(()=>e.elements,()=>{g(!0)}),r(`CategoryRight_${e.category}`,{keyboardKeys:["ArrowRight"],condition:(l,a)=>l==="category"&&e.category===a,handler:m}),r(`CategoryToggle_${e.category}`,{keyboardKeys:["Enter"],condition:(l,a)=>l==="category"&&e.category===a,handler:d}),r(`CategoryLeft_${e.category}`,{keyboardKeys:["ArrowLeft"],condition:(l,a)=>l==="category"&&e.category===a,handler:c}),(l,a)=>{const f=B("n8n-icon"),y=B("n8n-tooltip");return k(),R("div",{class:w(l.$style.categorizedItemsRenderer),"data-category-collapsed":!s.value},[V(un,{class:w(l.$style.categoryItem),name:l.category,disabled:l.disabled,active:v.value===l.category,count:h.value,expanded:s.value,isTrigger:l.isTriggerCategory,"data-keyboard-nav-type":"category","data-keyboard-nav-id":l.category,onClick:d},{default:A(()=>[l.mouseOverTooltip?(k(),R("span",{key:0,class:w(l.$style.mouseOverTooltip)},[V(y,{placement:"top","popper-class":l.$style.tooltipPopper},{content:A(()=>[I("div",{innerHTML:l.mouseOverTooltip},null,8,gn)]),default:A(()=>[V(f,{icon:"question-circle",size:"small"})]),_:1},8,["popper-class"])],2)):M("",!0)]),_:1},8,["class","name","disabled","active","count","expanded","isTrigger","data-keyboard-nav-id"]),s.value&&h.value>0&&l.$slots.default?(k(),R("div",{key:0,class:w(l.$style.contentSlot)},[X(l.$slots,"default")],2)):M("",!0),s.value?(k(),L(Oe,me({key:1},l.$attrs,{elements:l.elements,isTrigger:l.isTriggerCategory}),{default:A(()=>[]),empty:A(()=>[X(l.$slots,"empty",tt($t({elements:l.elements})))]),_:3},16,["elements","isTrigger"])):M("",!0)],10,pn)}}}),fn="_mouseOverTooltip_1c8m2_5",mn="_categorizedItemsRenderer_1c8m2_12",vn="_tooltipPopper_1c8m2_16",_n="_contentSlot_1c8m2_20",hn={mouseOverTooltip:fn,categorizedItemsRenderer:mn,tooltipPopper:vn,contentSlot:_n},Tn={$style:hn},Ee=U(yn,[["__cssModules",Tn]]),bn=["innerHTML"],wn=["innerHTML"],kn=["innerHTML"],Cn=["innerHTML"],$n=["onClick","innerHTML"],Nn=H({__name:"ActionsMode",emits:{nodeTypeSelected:t=>!0},setup(t,{emit:e}){const o=_e(),n=o==null?void 0:o.proxy.$telemetry,{userActivated:r}=ht(),{popViewStack:p,updateCurrentViewStack:v}=O(),{registerKeyHook:h}=q(),{getNodeTypesWithManualTrigger:s,setAddedNodeActionParameters:d,getActionData:g,getPlaceholderTriggerActions:m,parseCategoryActions:c,actionsCategoryLocales:l}=be(),a=$(()=>ce(u.value,l.value.triggers,!1)),f=$(()=>ce(u.value,l.value.actions,!T.value)),y=$(()=>ce(O().activeViewStack.baselineItems||[],l.value.triggers,!1)),i=$(()=>ce(O().activeViewStack.baselineItems||[],l.value.actions,!T.value)),_=$(()=>a.value.length||T.value?l.value.triggers:`${l.value.triggers} (${C.length})`),u=$(()=>(O().activeViewStack.items||[]).filter(S=>S.properties.actionKey!==de)),T=$(()=>O().activeViewStack.search),b=$(()=>O().activeViewStack.subcategory),N=$(()=>O().activeViewStack.rootView),C=m(b.value||""),P=$(()=>c(O().activeViewStack.baselineItems||[],l.value.triggers,!T.value).length===0),D=$(()=>(O().activeViewStack.baselineItems||[]).some(x=>(x.properties.actionKey??"")===de)===!0),Z=$(()=>N.value===F);h("ActionsKeyRight",{keyboardKeys:["ArrowRight","Enter"],condition:S=>S==="action",handler:dt}),h("ActionsKeyLeft",{keyboardKeys:["ArrowLeft"],condition:S=>S==="action",handler:lt});function ce(S,E,x=!1){return c(S,E,x)}function lt(){p()}function dt(S){const x=[...u.value,...C].find(z=>z.uuid===S);x&&le(x)}function le(S){const E=g(S.properties);if(C.some(z=>z.key===S.key)&&Z.value){const z=u.value[0].key;e("nodeTypeSelected",[E.key,z])}else e("nodeTypeSelected",s(E.key));n&&d(E,n,N.value)}function ut(){var se,ae,De;const S=O().activeViewStack,E=(se=S.baselineItems||[])==null?void 0:se.filter(we=>we.key.toLowerCase().includes("trigger")).length,z={app_identifier:[...u.value,...C][0].key,actions:(ae=S.baselineItems||[])==null?void 0:ae.map(we=>we.properties.displayName),regular_action_count:((De=S.baselineItems||[])==null?void 0:De.length)-E,trigger_action_count:E};ue("nodeCreateList.onViewActions",pe(),z),n==null||n.trackNodesPanel("nodeCreateList.onViewActions",z)}function Pe(){v({search:""})}function pt(){const S={name:"",key:Ie,value:{authentication:"predefinedCredentialType"}};e("nodeTypeSelected",[Ie]),n&&d(S);const E=u.value[0].key;ue("nodeCreateList.onActionsCustmAPIClicked",pe(),{app_identifier:E}),n==null||n.trackNodesPanel("nodeCreateList.onActionsCustmAPIClicked",{app_identifier:E})}const gt=H({props:{rootView:{type:String}},setup(S,{slots:E}){return()=>{var x,z,se,ae;return Nt("div",{},S.rootView===Le?[(x=E.actions)==null?void 0:x.call(E),(z=E.triggers)==null?void 0:z.call(E)]:[(se=E.triggers)==null?void 0:se.call(E),(ae=E.actions)==null?void 0:ae.call(E)])}}});return ve(()=>{ut()}),(S,E)=>{const x=B("n8n-callout"),z=B("n8n-info-tip");return k(),R("div",{class:w(S.$style.container)},[V(K(gt),{rootView:N.value},fe({_:2},[Z.value||y.value.length!==0?{name:"triggers",fn:A(()=>[V(Ee,{elements:a.value,category:_.value,mouseOverTooltip:S.$locale.baseText("nodeCreator.actionsTooltip.triggersStartWorkflow"),isTriggerCategory:"",expanded:Z.value||f.value.length===0,onSelected:le},fe({_:2},[P.value?{name:"empty",fn:A(()=>[P.value?(k(),L(x,{key:0,theme:"info",iconless:"",slim:"","data-test-id":"actions-panel-no-triggers-callout"},{default:A(()=>[I("span",{innerHTML:S.$locale.baseText("nodeCreator.actionsCallout.noTriggerItems",{interpolate:{nodeName:b.value}})},null,8,bn)]),_:1})):M("",!0),V(Oe,{onSelected:le,elements:K(C)},null,8,["elements"])]),key:"0"}:{name:"empty",fn:A(()=>[I("p",{class:w(S.$style.resetSearch),innerHTML:S.$locale.baseText("nodeCreator.actionsCategory.noMatchingTriggers"),onClick:Pe},null,10,["innerHTML"])]),key:"1"}]),1032,["elements","category","mouseOverTooltip","expanded"])]),key:"0"}:void 0,!Z.value||i.value.length!==0?{name:"actions",fn:A(()=>[V(Ee,{elements:f.value,category:K(l).actions,mouseOverTooltip:S.$locale.baseText("nodeCreator.actionsTooltip.actionsPerformStep"),expanded:!Z.value||a.value.length===0,onSelected:le},{empty:A(()=>[T.value?(k(),R("p",{key:1,class:w(S.$style.resetSearch),innerHTML:S.$locale.baseText("nodeCreator.actionsCategory.noMatchingActions"),onClick:Pe,"data-test-id":"actions-panel-no-matching-actions"},null,10,Cn)):(k(),L(z,{key:0,theme:"info",type:"note",class:w(S.$style.actionsEmpty)},{default:A(()=>[I("span",{innerHTML:S.$locale.baseText("nodeCreator.actionsCallout.noActionItems",{interpolate:{nodeName:b.value}})},null,8,kn)]),_:1},8,["class"]))]),default:A(()=>[!K(r)&&Z.value?(k(),L(x,{key:0,theme:"info",iconless:"",slim:"","data-test-id":"actions-panel-activation-callout"},{default:A(()=>[I("span",{innerHTML:S.$locale.baseText("nodeCreator.actionsCallout.triggersStartWorkflow")},null,8,wn)]),_:1})):M("",!0)]),_:1},8,["elements","category","mouseOverTooltip","expanded"])]),key:"1"}:void 0]),1032,["rootView"]),D.value?(k(),R("div",{key:0,class:w(S.$style.apiHint)},[I("span",{onClick:he(pt,["prevent"]),innerHTML:S.$locale.baseText("nodeCreator.actionsList.apiCall",{interpolate:{node:b.value}})},null,8,$n)],2)):M("",!0)],2)}}}),Sn="_container_1tz2w_5",In="_resetSearch_1tz2w_11",An="_actionsEmpty_1tz2w_25",En="_apiHint_1tz2w_33",Ln={container:Sn,resetSearch:In,actionsEmpty:An,apiHint:En},Rn={$style:Ln},Mn=U(Nn,[["__cssModules",Rn]]),Vn={},On={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"},Pn=St('<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),Dn=[Pn];function Bn(t,e){return k(),R("svg",On,Dn)}const Hn=U(Vn,[["render",Bn]]),Un=["textContent"],Kn=["textContent"],xn=H({__name:"NoResults",props:{showIcon:{type:Boolean},showRequest:{type:Boolean},rootView:{}},setup(t){return(e,o)=>{const n=B("n8n-link"),r=B("font-awesome-icon");return k(),R("div",{class:w({[e.$style.noResults]:!0,[e.$style.iconless]:!e.showIcon}),"data-test-id":"node-creator-no-results"},[e.showIcon?(k(),R("div",{key:0,class:w(e.$style.icon)},[V(Hn)],2)):M("",!0),I("div",{class:w(e.$style.title)},[X(e.$slots,"title"),I("p",{textContent:W(e.$locale.baseText("nodeCreator.noResults.weDidntMakeThatYet"))},null,8,Un),I("div",{class:w(e.$style.action)},[re(W(e.$locale.baseText("nodeCreator.noResults.dontWorryYouCanProbablyDoItWithThe"))+" ",1),e.rootView===K(Le)?(k(),L(n,{key:0,onClick:o[0]||(o[0]=p=>e.$emit("addHttpNode"))},{default:A(()=>[re(W(e.$locale.baseText("nodeCreator.noResults.httpRequest")),1)]),_:1})):M("",!0),e.rootView===K(F)?(k(),L(n,{key:1,onClick:o[1]||(o[1]=p=>e.$emit("addWebhookNode"))},{default:A(()=>[re(W(e.$locale.baseText("nodeCreator.noResults.webhook")),1)]),_:1})):M("",!0),re(" "+W(e.$locale.baseText("nodeCreator.noResults.node")),1)],2)],2),e.showRequest?(k(),R("div",{key:1,class:w(e.$style.request)},[I("p",{textContent:W(e.$locale.baseText("nodeCreator.noResults.wantUsToMakeItFaster"))},null,8,Kn),I("div",null,[V(n,{to:K(Tt)},{default:A(()=>[I("span",null,W(e.$locale.baseText("nodeCreator.noResults.requestTheNode")),1),re("  "),I("span",null,[V(r,{class:w(e.$style.external),icon:"external-link-alt",title:e.$locale.baseText("nodeCreator.noResults.requestTheNode")},null,8,["class","title"])])]),_:1},8,["to"])])],2)):M("",!0)],2)}}}),zn="_noResults_1jje6_5",Yn="_title_1jje6_18",Wn="_action_1jje6_27",Gn="_request_1jje6_28",jn="_icon_1jje6_44",Fn="_external_1jje6_50",qn={noResults:zn,title:Yn,action:Wn,request:Gn,icon:jn,external:Fn},Xn={$style:qn},Zn=U(xn,[["__cssModules",Xn]]),Qn=H({__name:"NodesMode",emits:{nodeTypeSelected:t=>!0},setup(t,{emit:e}){const o=ne(),n=qe(),{mergedNodes:r,actions:p}=j(),{baseUrl:v}=bt(),{getNodeTypesWithManualTrigger:h}=be(),{pushViewStack:s,popViewStack:d}=O(),{registerKeyHook:g}=q(),m=$(()=>O().activeViewStack),c=$(()=>O().globalSearchItemsDiff);function l(u){e("nodeTypeSelected",u.length===1?h(u[0]):u)}function a(u){var T,b;if(u.type==="subcategory"){const N=o.baseText(`nodeCreator.subcategoryNames.${nt(u.properties.title)}`);s({subcategory:u.key,title:N,mode:"nodes",rootView:m.value.rootView,forceIncludeNodes:u.properties.forceIncludeNodes,baseFilter:y,itemsMapper:f}),n.trackNodesPanel("nodeCreateList.onSubcategorySelected",{subcategory:u.key})}if(u.type==="node"){const N=(p==null?void 0:p[u.key])||[];if(N.length<=1){l([u.key]);return}const C=u.properties.iconUrl?`${v}${u.properties.iconUrl}`:(T=u.properties.icon)==null?void 0:T.split(":")[1],P=N==null?void 0:N.map(D=>ee(D,u.properties.displayName,"action"));s({subcategory:u.properties.displayName,title:u.properties.displayName,nodeIcon:{color:((b=u.properties.defaults)==null?void 0:b.color)||"",icon:C,iconType:u.properties.iconUrl?"file":"icon"},rootView:m.value.rootView,hasSearch:!0,mode:"actions",items:P})}if(u.type==="view"){const N=u.key===F?it():ct();s({title:N.title,subtitle:(N==null?void 0:N.subtitle)??"",items:N.items,hasSearch:!0,rootView:N.value,mode:"nodes",searchItems:r})}}function f(u){var C,P;if(u.type!=="node")return u;const T=u.properties.group.includes("trigger"),N=((p==null?void 0:p[u.key])||[]).length>0;return T&&N&&((C=u.properties)!=null&&C.codex&&(u.properties.codex.alias=[...((P=u.properties.codex)==null?void 0:P.alias)||[],u.properties.displayName]),u.properties.displayName=u.properties.displayName.replace(" Trigger","")),u}function y(u){if(u.type!=="node")return!1;const T=u.properties.group.includes("trigger"),N=((p==null?void 0:p[u.key])||[]).length>0;return m.value.rootView===F?N||T:N||!T}function i(){d()}function _(u){const b=[...m.value.items||[],...c.value||[]].find(N=>N.uuid===u);b&&a(b)}return g("MainViewArrowRight",{keyboardKeys:["ArrowRight","Enter"],condition:u=>["subcategory","node","view"].includes(u),handler:_}),g("MainViewArrowLeft",{keyboardKeys:["ArrowLeft"],condition:u=>["subcategory","node","view"].includes(u),handler:i}),(u,T)=>(k(),R("span",null,[V(Oe,{elements:m.value.items,onSelected:a,class:w(u.$style.items)},fe({_:2},[(m.value.items||[]).length===0&&c.value.length===0?{name:"empty",fn:A(()=>[V(Zn,{rootView:m.value.rootView,showIcon:"",showRequest:"",onAddWebhookNode:T[0]||(T[0]=b=>l([K(Q)])),onAddHttpNode:T[1]||(T[1]=b=>l([K(Ie)]))},null,8,["rootView"])]),key:"0"}:void 0]),1032,["elements","class"]),c.value.length>0?(k(),L(Ee,{key:0,elements:c.value,category:u.$locale.baseText("nodeCreator.categoryNames.otherCategories"),onSelected:a},null,8,["elements","category"])):M("",!0)]))}}),Jn="_items_1t7lf_5",es={items:Jn},ts={$style:es},os=U(Qn,[["__cssModules",ts]]),ns=["textContent"],ss=["textContent"],as=H({__name:"NodesListPanel",setup(t){const e=ne(),{mergedNodes:o}=j(),{pushViewStack:n,popViewStack:r,updateCurrentViewStack:p}=O(),{setActiveItemIndex:v,attachKeydownEvent:h,detachKeydownEvent:s}=q(),d=$(()=>O().activeViewStack),g=$(()=>O().viewStacks),m=$(()=>O().activeViewStackMode==="actions"),c=$(()=>m.value?e.baseText("nodeCreator.actionsCategory.searchActions",{interpolate:{node:d.value.title}}):e.baseText("nodeCreator.searchBar.searchNodes")),l=$(()=>j().selectedView);function a(i){d.value.uuid&&(p({search:i}),v(d.value.activeIndex??0))}function f(){const i=d.value.mode==="actions"?1:0;v(d.value.activeIndex||0||i)}ve(()=>{h(),v(d.value.activeIndex??0)}),et(()=>{s()}),J(()=>l.value,i=>{const _=i===F?it():ct();n({title:_.title,subtitle:(_==null?void 0:_.subtitle)??"",items:_.items,hasSearch:!0,mode:"nodes",rootView:i,searchItems:o})},{immediate:!0});function y(){r()}return(i,_)=>{const u=B("font-awesome-icon"),T=B("n8n-node-icon");return g.value.length>0?(k(),L(Xe,{key:0,name:`panel-slide-${d.value.transitionDirection}`,onAfterLeave:f},{default:A(()=>[(k(),R("aside",{class:w(i.$style.nodesListPanel),onKeydownCapture:_[0]||(_[0]=he(()=>{},["stop"])),key:`${d.value.uuid}`},[I("header",{class:w({[i.$style.header]:!0,[i.$style.hasBg]:!d.value.subtitle}),"data-test-id":"nodes-list-header"},[I("div",{class:w(i.$style.top)},[g.value.length>1?(k(),R("button",{key:0,class:w(i.$style.backButton),onClick:y},[V(u,{class:w(i.$style.backButtonIcon),icon:"arrow-left",size:"2x"},null,8,["class"])],2)):M("",!0),d.value.nodeIcon?(k(),L(T,{key:1,class:w(i.$style.nodeIcon),type:d.value.nodeIcon.iconType||"unknown",src:d.value.nodeIcon.icon,name:d.value.nodeIcon.icon,color:d.value.nodeIcon.color,circle:!1,showTooltip:!1,size:16},null,8,["class","type","src","name","color"])):M("",!0),d.value.title?(k(),R("p",{key:2,class:w(i.$style.title),textContent:W(d.value.title)},null,10,ns)):M("",!0)],2),d.value.subtitle?(k(),R("p",{key:0,class:w({[i.$style.subtitle]:!0,[i.$style.offsetSubtitle]:g.value.length>1}),textContent:W(d.value.subtitle)},null,10,ss)):M("",!0)],2),d.value.hasSearch?(k(),L(ao,{key:0,class:w(i.$style.searchBar),placeholder:c.value?c.value:i.$locale.baseText("nodeCreator.searchBar.searchNodes"),modelValue:d.value.search,"onUpdate:modelValue":a},null,8,["class","placeholder","modelValue"])):M("",!0),I("div",{class:w(i.$style.renderedItems)},[m.value&&d.value.subcategory?(k(),L(Mn,tt(me({key:0},i.$attrs)),null,16)):(k(),L(os,me({key:1,rootView:l.value},i.$attrs),null,16,["rootView"]))],2)],34))]),_:1},8,["name"])):M("",!0)}}}),rs="_backButton_uvop2_27",is="_backButtonIcon_uvop2_34",cs="_nodeIcon_uvop2_40",ls="_renderedItems_uvop2_45",ds="_searchBar_uvop2_57",us="_nodesListPanel_uvop2_61",ps="_footer_uvop2_78",gs="_top_uvop2_89",ys="_header_uvop2_94",fs="_hasBg_uvop2_100",ms="_title_uvop2_105",vs="_subtitle_uvop2_115",_s="_offsetSubtitle_uvop2_123",hs={backButton:rs,backButtonIcon:is,nodeIcon:cs,renderedItems:ls,searchBar:ds,nodesListPanel:us,footer:ps,top:gs,header:ys,hasBg:fs,title:ms,subtitle:vs,offsetSubtitle:_s},Ts={$style:hs},bs=U(as,[["__cssModules",Ts]]),ws=H({__name:"NodeCreator",props:{active:{type:Boolean},onNodeTypeSelected:{type:Function}},emits:["closeNodeCreator","nodeTypeSelected"],setup(t,{emit:e}){const o=t,{resetViewStacks:n}=O(),{registerKeyHook:r}=q(),p=wt(),{setShowScrim:v,setActions:h,setMergeNodes:s}=j(),{generateMergedNodesAndActions:d}=Ft(),g=Re({nodeCreator:null,mousedownInsideEvent:null}),m=$(()=>j().showScrim),c=$(()=>O().viewStacks.length),l=$(()=>({top:`${p.bannersHeight+p.headerHeight}px`}));function a(){var b;if(g.mousedownInsideEvent){const N=new MouseEvent("click",{bubbles:!0,cancelable:!0});(b=g.mousedownInsideEvent.target)==null||b.dispatchEvent(N),g.mousedownInsideEvent=null,f()}}function f(){document.removeEventListener("mouseup",a),document.removeEventListener("touchstart",a)}function y(){g.mousedownInsideEvent=null,f()}function i(b){g.mousedownInsideEvent=b,document.addEventListener("mouseup",a),document.addEventListener("touchstart",a)}function _(b){b.preventDefault()}function u(b){if(!b.dataTransfer)return;const N=b.dataTransfer.getData("nodeTypeName"),C=g.nodeCreator.getBoundingClientRect();N&&b.pageX>=C.x&&b.pageY>=C.y&&b.stopPropagation()}J(()=>o.active,b=>{b===!1&&(v(!1),n())}),J(c,b=>{b===0&&(e("closeNodeCreator"),v(!1))}),r("NodeCreatorCloseEscape",{keyboardKeys:["Escape"],handler:()=>e("closeNodeCreator")}),r("NodeCreatorCloseTab",{keyboardKeys:["Tab"],handler:()=>e("closeNodeCreator")}),J(()=>je().visibleNodeTypes,b=>{const{actions:N,mergedNodes:C}=d(b);h(N),s(C)},{immediate:!0});const{nodeCreator:T}=Me(g);return Ze(()=>{f()}),(b,N)=>(k(),R("div",null,[I("aside",{class:w({[b.$style.nodeCreatorScrim]:!0,[b.$style.active]:m.value})},null,2),V(Kt,null,{default:A(()=>[b.active?(k(),R("div",{key:0,class:w(b.$style.nodeCreator),style:Ve(l.value),ref_key:"nodeCreator",ref:T,onDragover:_,onDrop:u,onMousedown:i,onMouseup:y,"data-test-id":"node-creator"},[V(bs,{onNodeTypeSelected:b.onNodeTypeSelected},null,8,["onNodeTypeSelected"])],38)):M("",!0)]),_:1})]))}}),ks="_nodeCreator_py8o5_9",Cs="_nodeCreatorScrim_py8o5_20",$s="_active_py8o5_32",Ns={nodeCreator:ks,nodeCreatorScrim:Cs,active:$s},Ss={$style:Ns},da=U(ws,[["__cssModules",Ss]]);export{da as default};
+//# sourceMappingURL=NodeCreator-bda35007.js.map