n8n-editor-ui/dist/assets/TemplateList-Dp9EDBrf.js

Workflow Editor UI for n8n

(function(){try{var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{};e.SENTRY_RELEASE={id:`n8n@2.13.4`}}catch{}})();try{(function(){var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]=`b29bc420-50fb-40f4-88eb-3f6c3990df95`,e._sentryDebugIdIdentifier=`sentry-dbid-b29bc420-50fb-40f4-88eb-3f6c3990df95`)})()}catch{}import{$ as e,A as t,C as n,E as r,Ft as i,N as a,S as o,Sn as s,T as c,Wt as l,X as u,_ as d,_n as f,h as p,j as m,q as h,rt as g,w as _,yt as v}from"./vue.runtime.esm-bundler-D9KLAxvJ.js";import{bt as y}from"./_MapCache-CUJwh2qp.js";import{$i as b,Qi as x,Yi as S,Zi as C,zt as w}from"./src-wni2AGA3.js";import{t as T}from"./_plugin-vue_export-helper-Dm3nT7Ps.js";import{Fi as E,da as D}from"./users.store-BHWXXawf.js";import{t as O}from"./NodeIcon-0naEDfOR.js";import{t as k}from"./TimeAgo-B5--ltV7.js";var A=T(a({__name:`NodeList`,props:{nodes:{},limit:{default:4},size:{default:`sm`}},setup(t){let n=t,i=o(()=>E(n.nodes)),a=o(()=>i.value.length-u(i.value)),l=o(()=>i.value.slice(0,u(i.value))),u=e=>e.length>n.limit?n.limit-1:n.limit;return(n,o)=>(e(),r(`div`,{class:f(n.$style.list)},[(e(!0),r(d,null,g(l.value,i=>(e(),r(`div`,{key:i.name,class:f([n.$style.container,n.$style[t.size]])},[m(O,{"node-type":i,size:t.size===`md`?24:18,"show-tooltip":!0},null,8,[`node-type`,`size`])],2))),128)),i.value.length>t.limit+1?(e(),r(`div`,{key:0,class:f([n.$style.button,t.size===`md`?n.$style.buttonMd:n.$style.buttonSm])},` +`+s(a.value),3)):c(``,!0)],2))}}),[[`__cssModules`,{$style:{list:`_list_1uohu_125`,container:`_container_1uohu_133`,sm:`_sm_1uohu_138`,md:`_md_1uohu_142`,button:`_button_1uohu_146`,buttonSm:`_buttonSm_1uohu_160`,buttonMd:`_buttonMd_1uohu_167`}}]]),j={key:1},M={key:0},N=5,P=T(a({__name:`TemplateCard`,props:{workflow:{},lastItem:{type:Boolean,default:!1},firstItem:{type:Boolean,default:!1},useWorkflowButton:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},simpleView:{type:Boolean,default:!1}},emits:[`useWorkflow`,`click`],setup(n,{emit:i}){let a=y(),o=i;function u(e){o(`useWorkflow`,e)}function d(e){o(`click`,e)}return(i,o)=>(e(),r(`div`,{class:f([i.$style.card,n.lastItem&&i.$style.last,n.firstItem&&i.$style.first,!n.loading&&i.$style.loaded]),"data-test-id":`template-card`,onClick:d},[n.loading?(e(),r(`div`,{key:0,class:f(i.$style.loading)},[m(l(w),{rows:2,"shrink-last":!1,loading:n.loading},null,8,[`loading`])],2)):n.workflow?(e(),r(`div`,j,[m(l(S),{bold:!0,size:`small`},{default:v(()=>[t(s(n.workflow.name),1)]),_:1}),n.simpleView?c(``,!0):(e(),r(`div`,{key:0,class:f(i.$style.content)},[n.workflow.totalViews?(e(),r(`span`,M,[m(l(C),{size:`small`,color:`text-light`},{default:v(()=>[m(l(b),{icon:`eye`,size:`xsmall`}),t(` `+s(l(D)(n.workflow.totalViews)),1)]),_:1})])):c(``,!0),n.workflow.totalViews?(e(),r(`div`,{key:1,class:f(i.$style.line),textContent:`|`},null,2)):c(``,!0),m(l(C),{size:`small`,color:`text-light`},{default:v(()=>[m(k,{date:n.workflow.createdAt},null,8,[`date`])]),_:1}),n.workflow.user?(e(),r(`div`,{key:2,class:f(i.$style.line),textContent:`|`},null,2)):c(``,!0),n.workflow.user?(e(),_(l(C),{key:3,size:`small`,color:`text-light`},{default:v(()=>[t(s(l(a).baseText(`template.byAuthor`,{interpolate:{name:n.workflow.user.username}})),1)]),_:1})):c(``,!0)],2))])):c(``,!0),!n.loading&&n.workflow?(e(),r(`div`,{key:2,class:f([i.$style.nodesContainer,n.useWorkflowButton&&i.$style.hideOnHover])},[n.workflow.nodes?(e(),_(A,{key:0,nodes:n.workflow.nodes,limit:N,size:`md`},null,8,[`nodes`])):c(``,!0)],2)):c(``,!0),n.useWorkflowButton?(e(),r(`div`,{key:3,class:f(i.$style.buttonContainer)},[n.useWorkflowButton?(e(),_(l(x),{key:0,variant:`outline`,label:`Use workflow`,"data-test-id":`use-workflow-button`,onClick:p(u,[`stop`])})):c(``,!0)],2)):c(``,!0)],2))}}),[[`__cssModules`,{$style:{nodes:`_nodes_1s7e9_125`,icon:`_icon_1s7e9_132`,card:`_card_1s7e9_136`,hideOnHover:`_hideOnHover_1s7e9_148`,buttonContainer:`_buttonContainer_1s7e9_151`,loaded:`_loaded_1s7e9_162`,first:`_first_1s7e9_166`,last:`_last_1s7e9_172`,content:`_content_1s7e9_177`,line:`_line_1s7e9_182`,loading:`_loading_1s7e9_188`,nodesContainer:`_nodesContainer_1s7e9_193`}}]]),F={key:0,"data-test-id":`template-count-label`},I=[`textContent`],L={key:1,"data-test-id":`templates-loading-container`},R=T(a({__name:`TemplateList`,props:{workflows:{default:()=>[]},infiniteScrollEnabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},useWorkflowButton:{type:Boolean,default:!1},totalWorkflows:{default:0},simpleView:{type:Boolean,default:!1},totalCount:{default:0}},emits:[`loadMore`,`openTemplate`,`useWorkflow`],setup(a,{emit:o}){let p=o,b=a,x=y(),C=i(null);u(()=>{if(b.infiniteScrollEnabled){let e=document.getElementById(`content`);e&&e.addEventListener(`scroll`,w)}}),h(()=>{let e=document.getElementById(`content`);e&&e.removeEventListener(`scroll`,w)});function w(){let e=C.value;if(!e||b.loading)return;let t=e.getBoundingClientRect();t.top>=0&&t.left>=0&&t.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&t.right<=(window.innerWidth||document.documentElement.clientWidth)&&p(`loadMore`)}function T(e,t){p(`openTemplate`,{event:e,id:t})}function E(e,t){p(`useWorkflow`,{event:e,id:t})}return(i,o)=>a.loading||a.workflows.length?(e(),r(`div`,{key:0,class:f(i.$style.list)},[a.simpleView?c(``,!0):(e(),r(`div`,{key:0,class:f(i.$style.header)},[m(l(S),{bold:!0,size:`medium`,color:`text-light`},{default:v(()=>[t(s(l(x).baseText(`templates.workflows`))+` `,1),a.totalCount>0?(e(),r(`span`,F,`(`+s(a.totalCount)+`)`,1)):c(``,!0),!a.loading&&a.totalWorkflows?(e(),r(`span`,{key:1,textContent:s(`(${a.totalWorkflows})`)},null,8,I)):c(``,!0)]),_:1})],2)),n(`div`,{class:f(i.$style.container)},[(e(!0),r(d,null,g(a.workflows,(t,n)=>(e(),_(P,{key:t.id,workflow:t,"first-item":n===0,"simple-view":a.simpleView,"last-item":n===a.workflows.length-1&&!a.loading,"use-workflow-button":a.useWorkflowButton,onClick:e=>T(e,t.id),onUseWorkflow:e=>E(e,t.id)},null,8,[`workflow`,`first-item`,`simple-view`,`last-item`,`use-workflow-button`,`onClick`,`onUseWorkflow`]))),128)),a.infiniteScrollEnabled?(e(),r(`div`,{key:0,ref_key:`loader`,ref:C},null,512)):c(``,!0),a.loading?(e(),r(`div`,L,[(e(),r(d,null,g(4,e=>m(P,{key:`index-`+e,loading:!0,"first-item":a.workflows.length===0&&e===1,"last-item":e===4},null,8,[`first-item`,`last-item`])),64))])):c(``,!0)],2)],2)):c(``,!0)}}),[[`__cssModules`,{$style:{header:`_header_1tbk0_125`,workflowButton:`_workflowButton_1tbk0_129`,button:`_button_1tbk0_129`,nodes:`_nodes_1tbk0_132`}}]]);export{A as n,R as t};
//# sourceMappingURL=TemplateList-Dp9EDBrf.js.map