n8n-editor-ui/dist/assets/TemplateList-legacy-BaK3bf8O.js

Workflow Editor UI for n8n

!function(){try{("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{}).SENTRY_RELEASE={id:"n8n@2.13.4"}}catch(e){}}(),System.register(["./vue.runtime.esm-bundler-legacy-IafOlCW8.js","./_MapCache-legacy-DwgdC8YO.js","./src-legacy-Dwzr7bD0.js","./_plugin-vue_export-helper-legacy-DEZAmQqp.js","./users.store-legacy-OKuN0qAC.js","./NodeIcon-legacy-B4uktMo3.js","./TimeAgo-legacy-DuWY6_ss.js"],(function(e,t){var o,l,n,i,s,a,r,d,u,_,c,f,w,g,p,m,y,k,b,v,h,x,$,C,B,W,z,E,T,I,S,j,M,V,H,A,L,D,N,O;return{setters:[function(e){o=e.$,l=e.A,n=e.C,i=e.E,s=e.Ft,a=e.N,r=e.S,d=e.Sn,u=e.T,_=e.Wt,c=e.X,f=e._,w=e._n,g=e.h,p=e.j,m=e.q,y=e.rt,k=e.w,b=e.yt},function(e){v=e.bt},function(e){h=e.$i,x=e.Qi,$=e.Yi,C=e.Zi,B=e.zt},function(e){W=e.t},function(e){z=e.Fi,E=e.da},function(e){T=e.t},function(e){I=e.t}],execute:function(){(S=document.createElement("style")).textContent="._list_1uohu_125{flex-direction:row;justify-content:flex-end;align-items:center;max-width:100px;display:flex}._container_1uohu_133{display:block;position:relative}._sm_1uohu_138{margin-left:var(--spacing--2xs)}._md_1uohu_142{margin-left:var(--spacing--xs)}._button_1uohu_146{background:var(--color--background--light-2);border:1px var(--color--foreground)solid;border-radius:var(--radius);font-size:10px;font-weight:var(--font-weight--bold);color:var(--color--text);justify-content:center;align-items:center;display:flex;position:relative;top:0}._buttonSm_1uohu_160{margin-left:var(--spacing--2xs);width:20px;min-width:20px;height:20px}._buttonMd_1uohu_167{margin-left:var(--spacing--xs);width:24px;min-width:24px;height:24px}._nodes_1s7e9_125{flex-direction:row;place-content:center;display:flex}._icon_1s7e9_132{margin-left:var(--spacing--xs)}._card_1s7e9_136{border-left:var(--border);border-right:var(--border);border-bottom:var(--border);background-color:var(--color--background--light-3);padding:0 var(--spacing--sm)var(--spacing--sm)var(--spacing--sm);background-color:var(--color--background--light-3);cursor:pointer;align-items:center;display:flex;position:relative}._card_1s7e9_136:hover ._hideOnHover_1s7e9_148{visibility:hidden}._card_1s7e9_136:hover ._buttonContainer_1s7e9_151{display:block}._buttonContainer_1s7e9_151{display:none;position:absolute;top:30%;right:10px}._loaded_1s7e9_162{padding-top:var(--spacing--sm)}._first_1s7e9_166{border-top:var(--border);border-top-right-radius:var(--radius--lg);border-top-left-radius:var(--radius--lg)}._last_1s7e9_172{border-bottom-right-radius:var(--radius--lg);border-bottom-left-radius:var(--radius--lg)}._content_1s7e9_177{align-items:center;display:flex}._line_1s7e9_182{color:var(--color--foreground);font-size:var(--font-size--2xs);padding:0 6px}._loading_1s7e9_188{background-color:var(--color--background--light-3);width:100%}._nodesContainer_1s7e9_193{flex-grow:1;justify-content:flex-end;align-items:center;min-width:175px;display:flex}._header_1tbk0_125{padding-bottom:var(--spacing--2xs)}._workflowButton_1tbk0_129:hover ._button_1tbk0_129{display:block}._workflowButton_1tbk0_129:hover ._nodes_1tbk0_132{display:none}\n/*$vite$:1*/",document.head.appendChild(S);try{t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(R=(new t.Error).stack)&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[R]="631c3605-9c2e-4d89-9536-2e70cd7ab512",t._sentryDebugIdIdentifier="sentry-dbid-631c3605-9c2e-4d89-9536-2e70cd7ab512")}catch(t){}var t,R;e("n",j=W(a({__name:"NodeList",props:{nodes:{},limit:{default:4},size:{default:"sm"}},setup(e){const t=e,l=r((()=>z(t.nodes))),n=r((()=>l.value.length-a(l.value))),s=r((()=>l.value.slice(0,a(l.value)))),a=e=>e.length>t.limit?t.limit-1:t.limit;return(t,a)=>(o(),i("div",{class:w(t.$style.list)},[(o(!0),i(f,null,y(s.value,(l=>(o(),i("div",{key:l.name,class:w([t.$style.container,t.$style[e.size]])},[p(T,{"node-type":l,size:"md"===e.size?24:18,"show-tooltip":!0},null,8,["node-type","size"])],2)))),128)),l.value.length>e.limit+1?(o(),i("div",{key:0,class:w([t.$style.button,"md"===e.size?t.$style.buttonMd:t.$style.buttonSm])}," +"+d(n.value),3)):u("",!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"}}]])),M={key:1},V={key:0},H=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(e,{emit:t}){const n=v(),s=t;function a(e){s("useWorkflow",e)}function r(e){s("click",e)}return(t,s)=>(o(),i("div",{class:w([t.$style.card,e.lastItem&&t.$style.last,e.firstItem&&t.$style.first,!e.loading&&t.$style.loaded]),"data-test-id":"template-card",onClick:r},[e.loading?(o(),i("div",{key:0,class:w(t.$style.loading)},[p(_(B),{rows:2,"shrink-last":!1,loading:e.loading},null,8,["loading"])],2)):e.workflow?(o(),i("div",M,[p(_($),{bold:!0,size:"small"},{default:b((()=>[l(d(e.workflow.name),1)])),_:1}),e.simpleView?u("",!0):(o(),i("div",{key:0,class:w(t.$style.content)},[e.workflow.totalViews?(o(),i("span",V,[p(_(C),{size:"small",color:"text-light"},{default:b((()=>[p(_(h),{icon:"eye",size:"xsmall"}),l(" "+d(_(E)(e.workflow.totalViews)),1)])),_:1})])):u("",!0),e.workflow.totalViews?(o(),i("div",{key:1,class:w(t.$style.line),textContent:"|"},null,2)):u("",!0),p(_(C),{size:"small",color:"text-light"},{default:b((()=>[p(I,{date:e.workflow.createdAt},null,8,["date"])])),_:1}),e.workflow.user?(o(),i("div",{key:2,class:w(t.$style.line),textContent:"|"},null,2)):u("",!0),e.workflow.user?(o(),k(_(C),{key:3,size:"small",color:"text-light"},{default:b((()=>[l(d(_(n).baseText("template.byAuthor",{interpolate:{name:e.workflow.user.username}})),1)])),_:1})):u("",!0)],2))])):u("",!0),!e.loading&&e.workflow?(o(),i("div",{key:2,class:w([t.$style.nodesContainer,e.useWorkflowButton&&t.$style.hideOnHover])},[e.workflow.nodes?(o(),k(j,{key:0,nodes:e.workflow.nodes,limit:5,size:"md"},null,8,["nodes"])):u("",!0)],2)):u("",!0),e.useWorkflowButton?(o(),i("div",{key:3,class:w(t.$style.buttonContainer)},[e.useWorkflowButton?(o(),k(_(x),{key:0,variant:"outline",label:"Use workflow","data-test-id":"use-workflow-button",onClick:g(a,["stop"])})):u("",!0)],2)):u("",!0)],2))}}),A=W(H,[["__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"}}]]),L={key:0,"data-test-id":"template-count-label"},D=["textContent"],N={key:1,"data-test-id":"templates-loading-container"},O=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(e,{emit:t}){const a=t,r=e,g=v(),h=s(null);function x(){const e=h.value;if(!e||r.loading)return;const t=e.getBoundingClientRect();t.top>=0&&t.left>=0&&t.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&t.right<=(window.innerWidth||document.documentElement.clientWidth)&&a("loadMore")}return c((()=>{if(r.infiniteScrollEnabled){const e=document.getElementById("content");e&&e.addEventListener("scroll",x)}})),m((()=>{const e=document.getElementById("content");e&&e.removeEventListener("scroll",x)})),(t,s)=>e.loading||e.workflows.length?(o(),i("div",{key:0,class:w(t.$style.list)},[e.simpleView?u("",!0):(o(),i("div",{key:0,class:w(t.$style.header)},[p(_($),{bold:!0,size:"medium",color:"text-light"},{default:b((()=>[l(d(_(g).baseText("templates.workflows"))+" ",1),e.totalCount>0?(o(),i("span",L,"("+d(e.totalCount)+")",1)):u("",!0),!e.loading&&e.totalWorkflows?(o(),i("span",{key:1,textContent:d(`(${e.totalWorkflows})`)},null,8,D)):u("",!0)])),_:1})],2)),n("div",{class:w(t.$style.container)},[(o(!0),i(f,null,y(e.workflows,((t,l)=>(o(),k(A,{key:t.id,workflow:t,"first-item":0===l,"simple-view":e.simpleView,"last-item":l===e.workflows.length-1&&!e.loading,"use-workflow-button":e.useWorkflowButton,onClick:e=>{return o=e,l=t.id,void a("openTemplate",{event:o,id:l});var o,l},onUseWorkflow:e=>{return o=e,l=t.id,void a("useWorkflow",{event:o,id:l});var o,l}},null,8,["workflow","first-item","simple-view","last-item","use-workflow-button","onClick","onUseWorkflow"])))),128)),e.infiniteScrollEnabled?(o(),i("div",{key:0,ref_key:"loader",ref:h},null,512)):u("",!0),e.loading?(o(),i("div",N,[(o(),i(f,null,y(4,(t=>p(A,{key:"index-"+t,loading:!0,"first-item":0===e.workflows.length&&1===t,"last-item":4===t},null,8,["first-item","last-item"]))),64))])):u("",!0)],2)],2)):u("",!0)}}),e("t",W(O,[["__cssModules",{$style:{header:"_header_1tbk0_125",workflowButton:"_workflowButton_1tbk0_129",button:"_button_1tbk0_129",nodes:"_nodes_1tbk0_132"}}]]))}}}));
//# sourceMappingURL=TemplateList-legacy-BaK3bf8O.js.map