n8n-editor-ui/dist/assets/ResourceCenterView-B2gcx2UU.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]=`b236a209-574e-48ea-a4ea-be7c641f8481`,e._sentryDebugIdIdentifier=`sentry-dbid-b236a209-574e-48ea-a4ea-be7c641f8481`)})()}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,it as p,j as m,rt as h,st 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,R as x,Yi as S,_t as C}from"./src-wni2AGA3.js";import{t as w}from"./_plugin-vue_export-helper-Dm3nT7Ps.js";import"./sanitize-html-my1ogl5v.js";import{Dn as T,r as E}from"./users.store-BHWXXawf.js";import{ms as D}from"./constants-CIP7tKq1.js";import"./merge-BqvKZ38d.js";import"./_baseOrderBy-CaKruttV.js";import"./dateformat-CYfyw486.js";import"./useDebounce-CTeIt-cH.js";import"./nodeIcon-BFJyt77y.js";import"./NodeIcon-0naEDfOR.js";import"./folders.store-DKth0xuB.js";import"./readyToRun.store-DpPozriV.js";import{n as O,t as k}from"./resourceCenter.store-CLLPe8N4.js";import{a as A,c as j,i as M,l as N,n as P,o as F,r as I,s as L,u as R}from"./resourceCenterData-CQCDwFwe.js";var z=w(a({__name:`HorizontalGallery`,props:{title:{},onTitleClick:{type:Function}},setup(i){return(a,o)=>(e(),r(`section`,{class:f(a.$style.section)},[n(`div`,{class:f(a.$style.header)},[(e(),_(g(i.onTitleClick?`button`:`div`),{type:i.onTitleClick?`button`:void 0,class:f([a.$style.titleWrapper,i.onTitleClick&&a.$style.clickable]),onClick:i.onTitleClick},{default:v(()=>[m(l(S),{tag:`h3`,size:`large`,class:f(a.$style.title)},{default:v(()=>[t(s(i.title),1)]),_:1},8,[`class`]),i.onTitleClick?(e(),r(`span`,{key:0,class:f(a.$style.chevron)},`→`,2)):c(``,!0)]),_:1},8,[`type`,`class`,`onClick`])),p(a.$slots,`actions`)],2),n(`div`,{class:f(a.$style.gallery)},[p(a.$slots,`default`)],2)],2))}}),[[`__cssModules`,{$style:{section:`_section_11xsp_125`,header:`_header_11xsp_135`,titleWrapper:`_titleWrapper_11xsp_143`,clickable:`_clickable_11xsp_154`,title:`_title_11xsp_143`,chevron:`_chevron_11xsp_160`,gallery:`_gallery_11xsp_179`}}]]),B=`/%7B%7BBASE_PATH%7D%7D/assets/chat-CCwdCCBg.png`,V=`/%7B%7BBASE_PATH%7D%7D/assets/summarize-BdsvHc1I.png`,H=`/%7B%7BBASE_PATH%7D%7D/assets/chat-dark-DeKtmtPl.png`,U=`/%7B%7BBASE_PATH%7D%7D/assets/summarize-dark-j-shjb0b.png`,W=[`src`,`alt`],G=w(a({__name:`SandboxCard`,props:{workflow:{}},emits:[`click`],setup(t,{emit:i}){let a={"chat-with-the-news":B,"summarize-the-news":V},c={"chat-with-the-news":H,"summarize-the-news":U},u=t,d=i,p=y(),h=E(),g=o(()=>h.appliedTheme===`dark`),v=o(()=>u.workflow.nodeCount??u.workflow.workflow.nodes?.length??0),x=o(()=>(g.value?c:a)[u.workflow.id]??u.workflow.previewImageUrl??null),S=()=>{d(`click`)};return(i,a)=>(e(),r(`div`,{class:f(i.$style.card),onClick:S},[n(`div`,{class:f(i.$style.imageContainer)},[x.value?(e(),r(`img`,{key:0,src:x.value,alt:t.workflow.name,class:f(i.$style.image)},null,10,W)):(e(),_(N,{key:1,class:f(i.$style.workflowPreview)},null,8,[`class`]))],2),n(`div`,{class:f(i.$style.content)},[n(`div`,{class:f(i.$style.titleRow)},[m(l(b),{icon:`workflow`,class:f(i.$style.icon),size:`medium`},null,8,[`class`]),n(`span`,{class:f(i.$style.title)},s(t.workflow.name),3)],2),n(`div`,{class:f(i.$style.metaRow)},[n(`div`,{class:f(i.$style.tag)},s(l(p).baseText(`experiments.resourceCenter.sandbox.easySetup`)),3),n(`span`,{class:f(i.$style.nodeCount)},s(l(p).baseText(`experiments.resourceCenter.sandbox.nodes`,{interpolate:{count:v.value}})),3)],2)],2)],2))}}),[[`__cssModules`,{$style:{card:`_card_1lrxi_125`,imageContainer:`_imageContainer_1lrxi_133`,image:`_image_1lrxi_133`,workflowPreview:`_workflowPreview_1lrxi_154`,content:`_content_1lrxi_160`,titleRow:`_titleRow_1lrxi_167`,icon:`_icon_1lrxi_173`,title:`_title_1lrxi_167`,metaRow:`_metaRow_1lrxi_190`,tag:`_tag_1lrxi_197`,nodeCount:`_nodeCount_1lrxi_208`}}]]),K=w(a({__name:`ResourceCenterView`,setup(a){let o=y(),p=C(),g=T(),b=k(),w=i([]),E=i([]),N=i(!1),B=i(!1),V=async e=>{b.trackTileClick(`quick-start`,`ready-to-run`,e),await b.createAndOpenQuickStartWorkflow(e)},H=async e=>{await p.push({name:D.RESOURCE_CENTER_SECTION,params:{sectionId:e}})},U=()=>{b.trackTemplateRepoVisit(),window.open(g.websiteTemplateRepositoryURL,`_blank`,`noopener,noreferrer`)},W=async()=>{if(P.length!==0){N.value=!0;try{w.value=await b.loadTemplates(P)}finally{N.value=!1}}},K=async()=>{if(M.length!==0){B.value=!0;try{E.value=await b.loadTemplates(M)}finally{B.value=!1}}};return u(()=>{setTimeout(()=>{(document.getElementById(`content`)?.querySelector(`:scope > div`))?.scrollTo({top:0,behavior:`auto`})},50),b.trackResourceCenterView(),W(),K()}),(i,a)=>(e(),r(`div`,{class:f(i.$style.container)},[n(`div`,{class:f(i.$style.content)},[m(R,null,{default:v(()=>[m(l(S),{tag:`h1`,bold:!0,class:f(i.$style.title)},{default:v(()=>[t(s(l(o).baseText(`experiments.resourceCenter.title`)),1)]),_:1},8,[`class`])]),_:1}),n(`section`,{class:f(i.$style.mainSection)},[n(`h2`,{class:f(i.$style.sectionTitle)},s(l(o).baseText(`experiments.resourceCenter.getStarted.title`)),3),n(`div`,{class:f(i.$style.sectionContent)},[n(`div`,{class:f(i.$style.cardsRow)},[(e(!0),r(d,null,h(l(O),t=>(e(),_(G,{key:t.id,workflow:t,onClick:e=>V(t.id)},null,8,[`workflow`,`onClick`]))),128))],2)],2)],2),n(`section`,{class:f(i.$style.mainSection)},[n(`h2`,{class:f(i.$style.sectionTitle)},s(l(o).baseText(`experiments.resourceCenter.getInspired.title`)),3),n(`div`,{class:f(i.$style.sectionContent)},[w.value.length>0||N.value?(e(),_(z,{key:0,title:l(o).baseText(`experiments.resourceCenter.popularTemplates.title`),"on-title-click":()=>H(`templates`)},{default:v(()=>[N.value?(e(),r(`div`,{key:0,class:f(i.$style.loading)},[m(l(x),{size:`small`})],2)):(e(!0),r(d,{key:1},h(w.value.slice(0,3),t=>(e(),_(j,{key:t.id,template:t,section:`inspiration`},null,8,[`template`]))),128))]),_:1},8,[`title`,`on-title-click`])):c(``,!0),m(z,{title:l(o).baseText(`experiments.resourceCenter.automationIdeas.title`),"on-title-click":l(I).length>3?()=>H(`inspiration-videos`):void 0},{default:v(()=>[(e(!0),r(d,null,h(l(I).slice(0,3),t=>(e(),_(L,{key:t.videoId,video:t,"icon-type":`youtube`,section:`inspiration`},null,8,[`video`]))),128))]),_:1},8,[`title`,`on-title-click`])],2)],2),n(`section`,{class:f(i.$style.mainSection)},[n(`h2`,{class:f(i.$style.sectionTitle)},s(l(o).baseText(`experiments.resourceCenter.learnN8n.title`)),3),n(`div`,{class:f(i.$style.sectionContent)},[m(z,{title:l(o).baseText(`experiments.resourceCenter.featuredVideos.title`),"on-title-click":l(A).length>3?()=>H(`learning-videos`):void 0},{default:v(()=>[(e(!0),r(d,null,h(l(A).slice(0,3),t=>(e(),_(L,{key:t.videoId,video:t,"icon-type":`youtube`,section:`learn`},null,8,[`video`]))),128))]),_:1},8,[`title`,`on-title-click`]),m(z,{title:l(o).baseText(`experiments.resourceCenter.masterclass.title`),"on-title-click":l(F).length>3?()=>H(`masterclass-videos`):void 0},{default:v(()=>[(e(!0),r(d,null,h(l(F).slice(0,3),t=>(e(),_(L,{key:t.videoId,video:t,"icon-type":`youtube`,section:`learn`},null,8,[`video`]))),128))]),_:1},8,[`title`,`on-title-click`]),E.value.length>0||B.value?(e(),_(z,{key:0,title:l(o).baseText(`experiments.resourceCenter.learnTemplates.title`),"on-title-click":()=>U()},{default:v(()=>[B.value?(e(),r(`div`,{key:0,class:f(i.$style.loading)},[m(l(x),{size:`small`})],2)):(e(!0),r(d,{key:1},h(E.value.slice(0,3),t=>(e(),_(j,{key:t.id,template:t,section:`learn`},null,8,[`template`]))),128))]),_:1},8,[`title`,`on-title-click`])):c(``,!0)],2)],2)],2)],2))}}),[[`__cssModules`,{$style:{container:`_container_165qi_125`,content:`_content_165qi_131`,title:`_title_165qi_136`,mainSection:`_mainSection_165qi_144`,sectionTitle:`_sectionTitle_165qi_153`,sectionContent:`_sectionContent_165qi_161`,cardsRow:`_cardsRow_165qi_169`,loading:`_loading_165qi_175`}}]]);export{K as default};
//# sourceMappingURL=ResourceCenterView-B2gcx2UU.js.map