n8n-editor-ui/dist/assets/ResourceCenterView-legacy-DRB3fv8U.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.16.1"}}catch(e){}}(),System.register(["./vue.runtime.esm-bundler-legacy-BW6xDdqj.js","./core-legacy-VD8c7QJ-.js","./src-legacy-B67uuxhB.js","./_plugin-vue_export-helper-legacy-DFdC_I5Z.js","./users.store-legacy-azRUgFdP.js","./constants-legacy-2_ytuuS3.js","./resourceCenter.store-legacy-toSo3KNm.js","./resourceCenterData-legacy-CqWXUUKp.js"],(function(e,t){var i,l,n,s,a,o,r,c,d,_,p,u,g,v,x,f,m,y,w,h,k,b,C,T,$,z,S,R,q,E,B,D,I,j,A,P,W,H,N,M,V,O,Q,U;return{setters:[function(e){i=e.$,l=e.A,n=e.C,s=e.E,a=e.Ft,o=e.N,r=e.S,c=e.Sn,d=e.T,_=e.Wt,p=e.X,u=e._,g=e._n,v=e.it,x=e.j,f=e.rt,m=e.st,y=e.w,w=e.yt},function(e){h=e.at},function(e){k=e.Ji,b=e.Qi,C=e.k,T=e.lt},function(e){$=e.t},function(e){z=e.qt,S=e.r},function(e){R=e.Qo},function(e){q=e.n,E=e.t},function(e){B=e.a,D=e.c,I=e.i,j=e.l,A=e.n,P=e.o,W=e.r,H=e.s,N=e.u}],execute:function(){(M=document.createElement("style")).textContent='._section_11xsp_125{gap:var(--spacing--md);flex-direction:column;width:100%;min-width:0;max-width:100%;display:flex;position:relative}._header_11xsp_135{justify-content:space-between;align-items:center;gap:var(--spacing--md);display:flex;position:relative}._titleWrapper_11xsp_143{align-items:center;gap:var(--spacing--2xs);font:inherit;color:inherit;background:0 0;border:none;margin:0;padding:0;display:flex}._titleWrapper_11xsp_143._clickable_11xsp_154{cursor:pointer}._titleWrapper_11xsp_143._clickable_11xsp_154:hover ._title_11xsp_143{color:var(--color--primary)}._titleWrapper_11xsp_143._clickable_11xsp_154:hover ._chevron_11xsp_160{color:var(--color--primary);transform:translate(4px)}._title_11xsp_143{letter-spacing:-.01em;color:var(--color--text--shade-1);font-size:var(--font-size--md);margin:0;transition:color .2s}._chevron_11xsp_160{font-size:var(--font-size--md);color:var(--color--text--tint-1);transition:transform .2s,color .2s}._gallery_11xsp_179{gap:var(--spacing--sm);flex-direction:row;display:flex}._card_1lrxi_125{flex:0 0 calc((100% - 2 * var(--spacing--sm)) / 3);cursor:pointer;flex-direction:column;min-width:0;transition:all .35s cubic-bezier(.22,1,.36,1);display:flex}._card_1lrxi_125:hover ._imageContainer_1lrxi_133{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}._imageContainer_1lrxi_133{aspect-ratio:16/9;background-color:var(--color--foreground--tint-2);border-radius:var(--radius--lg);border:1px solid var(--color--foreground--tint-1);width:100%;transition:all .35s cubic-bezier(.22,1,.36,1);overflow:hidden}._image_1lrxi_133{object-fit:cover;width:100%;height:100%}._workflowPreview_1lrxi_154{pointer-events:none;width:100%;height:100%}._content_1lrxi_160{gap:var(--spacing--3xs);padding-top:var(--spacing--xs);flex-direction:column;display:flex}._titleRow_1lrxi_167{align-items:center;gap:var(--spacing--2xs);display:flex}._icon_1lrxi_173{color:var(--color--text--tint-1);flex-shrink:0;width:20px;height:20px}._title_1lrxi_167{font-size:var(--font-size--sm);font-weight:var(--font-weight--bold);color:var(--color--text--shade-1);line-height:var(--line-height--md);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._metaRow_1lrxi_190{align-items:center;gap:var(--spacing--2xs);padding-left:calc(20px + var(--spacing--2xs));display:flex}._tag_1lrxi_197{padding:var(--spacing--5xs) var(--spacing--3xs);background-color:var(--color--success--tint-3);color:var(--color--success--shade-1);border-radius:var(--radius);font-size:var(--font-size--3xs);font-weight:var(--font-weight--bold);align-items:center;display:inline-flex}._nodeCount_1lrxi_208{font-size:var(--font-size--2xs);color:var(--color--text--tint-1)}._container_165qi_125{width:100%;max-width:var(--content-container--width);display:block}._content_165qi_131{width:100%;padding:0 var(--spacing--2xl) var(--spacing--lg) var(--spacing--2xl)}._title_165qi_136{font-family:"DM Sans", var(--font-family);font-size:var(--font-size--sm);letter-spacing:-.02em;color:var(--color--text--shade-1);margin:0}._mainSection_165qi_144{margin-bottom:var(--spacing--3xl);width:100%;min-width:0}._mainSection_165qi_144:last-child{margin-bottom:0}._sectionTitle_165qi_153{font-size:var(--font-size--2xl);font-weight:var(--font-weight--bold);letter-spacing:-.01em;color:var(--color--text--shade-1);margin:0 0 var(--spacing--lg) 0}._sectionContent_165qi_161{gap:var(--spacing--xl);flex-direction:column;width:100%;min-width:0;display:flex}._cardsRow_165qi_169{gap:var(--spacing--sm);flex-direction:row;display:flex}._loading_165qi_175{padding:var(--spacing--lg);justify-content:center;align-items:center;display:flex}\n/*$vite$:1*/',document.head.appendChild(M);try{t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(F=(new t.Error).stack)&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[F]="42aab6b8-1996-41a7-94cf-6b92f5c840d3",t._sentryDebugIdIdentifier="sentry-dbid-42aab6b8-1996-41a7-94cf-6b92f5c840d3")}catch(t){}var t,F;V=$(o({__name:"HorizontalGallery",props:{title:{},onTitleClick:{type:Function}},setup:e=>(t,a)=>(i(),s("section",{class:g(t.$style.section)},[n("div",{class:g(t.$style.header)},[(i(),y(m(e.onTitleClick?"button":"div"),{type:e.onTitleClick?"button":void 0,class:g([t.$style.titleWrapper,e.onTitleClick&&t.$style.clickable]),onClick:e.onTitleClick},{default:w((()=>[x(_(k),{tag:"h3",size:"large",class:g(t.$style.title)},{default:w((()=>[l(c(e.title),1)])),_:1},8,["class"]),e.onTitleClick?(i(),s("span",{key:0,class:g(t.$style.chevron)},"→",2)):d("",!0)])),_:1},8,["type","class","onClick"])),v(t.$slots,"actions")],2),n("div",{class:g(t.$style.gallery)},[v(t.$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"}}]]),O=["src","alt"],Q=o({__name:"SandboxCard",props:{workflow:{}},emits:["click"],setup(e,{emit:t}){const l={"chat-with-the-news":"/%7B%7BBASE_PATH%7D%7D/assets/chat-CCwdCCBg.png","summarize-the-news":"/%7B%7BBASE_PATH%7D%7D/assets/summarize-BdsvHc1I.png"},a={"chat-with-the-news":"/%7B%7BBASE_PATH%7D%7D/assets/chat-dark-DeKtmtPl.png","summarize-the-news":"/%7B%7BBASE_PATH%7D%7D/assets/summarize-dark-j-shjb0b.png"},o=e,d=t,p=h(),u=S(),v=r((()=>"dark"===u.appliedTheme)),f=r((()=>o.workflow.nodeCount??o.workflow.workflow.nodes?.length??0)),m=r((()=>(v.value?a:l)[o.workflow.id]??o.workflow.previewImageUrl??null)),w=()=>{d("click")};return(t,l)=>(i(),s("div",{class:g(t.$style.card),onClick:w},[n("div",{class:g(t.$style.imageContainer)},[m.value?(i(),s("img",{key:0,src:m.value,alt:e.workflow.name,class:g(t.$style.image)},null,10,O)):(i(),y(j,{key:1,class:g(t.$style.workflowPreview)},null,8,["class"]))],2),n("div",{class:g(t.$style.content)},[n("div",{class:g(t.$style.titleRow)},[x(_(b),{icon:"workflow",class:g(t.$style.icon),size:"medium"},null,8,["class"]),n("span",{class:g(t.$style.title)},c(e.workflow.name),3)],2),n("div",{class:g(t.$style.metaRow)},[n("div",{class:g(t.$style.tag)},c(_(p).baseText("experiments.resourceCenter.sandbox.easySetup")),3),n("span",{class:g(t.$style.nodeCount)},c(_(p).baseText("experiments.resourceCenter.sandbox.nodes",{interpolate:{count:f.value}})),3)],2)],2)],2))}}),U=$(Q,[["__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"}}]]),e("default",$(o({__name:"ResourceCenterView",setup(e){const t=h(),o=T(),r=z(),v=E(),m=a([]),b=a([]),$=a(!1),S=a(!1),j=async e=>{await o.push({name:R.RESOURCE_CENTER_SECTION,params:{sectionId:e}})};return p((()=>{setTimeout((()=>{document.getElementById("content")?.querySelector(":scope > div")?.scrollTo({top:0,behavior:"auto"})}),50),v.trackResourceCenterView(),(async()=>{if(0!==A.length){$.value=!0;try{m.value=await v.loadTemplates(A)}finally{$.value=!1}}})(),(async()=>{if(0!==I.length){S.value=!0;try{b.value=await v.loadTemplates(I)}finally{S.value=!1}}})()})),(e,a)=>(i(),s("div",{class:g(e.$style.container)},[n("div",{class:g(e.$style.content)},[x(N,null,{default:w((()=>[x(_(k),{tag:"h1",bold:!0,class:g(e.$style.title)},{default:w((()=>[l(c(_(t).baseText("experiments.resourceCenter.title")),1)])),_:1},8,["class"])])),_:1}),n("section",{class:g(e.$style.mainSection)},[n("h2",{class:g(e.$style.sectionTitle)},c(_(t).baseText("experiments.resourceCenter.getStarted.title")),3),n("div",{class:g(e.$style.sectionContent)},[n("div",{class:g(e.$style.cardsRow)},[(i(!0),s(u,null,f(_(q),(e=>(i(),y(U,{key:e.id,workflow:e,onClick:t=>(async e=>{v.trackTileClick("quick-start","ready-to-run",e),await v.createAndOpenQuickStartWorkflow(e)})(e.id)},null,8,["workflow","onClick"])))),128))],2)],2)],2),n("section",{class:g(e.$style.mainSection)},[n("h2",{class:g(e.$style.sectionTitle)},c(_(t).baseText("experiments.resourceCenter.getInspired.title")),3),n("div",{class:g(e.$style.sectionContent)},[m.value.length>0||$.value?(i(),y(V,{key:0,title:_(t).baseText("experiments.resourceCenter.popularTemplates.title"),"on-title-click":()=>j("templates")},{default:w((()=>[$.value?(i(),s("div",{key:0,class:g(e.$style.loading)},[x(_(C),{size:"small"})],2)):(i(!0),s(u,{key:1},f(m.value.slice(0,3),(e=>(i(),y(D,{key:e.id,template:e,section:"inspiration"},null,8,["template"])))),128))])),_:1},8,["title","on-title-click"])):d("",!0),x(V,{title:_(t).baseText("experiments.resourceCenter.automationIdeas.title"),"on-title-click":_(W).length>3?()=>j("inspiration-videos"):void 0},{default:w((()=>[(i(!0),s(u,null,f(_(W).slice(0,3),(e=>(i(),y(H,{key:e.videoId,video:e,"icon-type":"youtube",section:"inspiration"},null,8,["video"])))),128))])),_:1},8,["title","on-title-click"])],2)],2),n("section",{class:g(e.$style.mainSection)},[n("h2",{class:g(e.$style.sectionTitle)},c(_(t).baseText("experiments.resourceCenter.learnN8n.title")),3),n("div",{class:g(e.$style.sectionContent)},[x(V,{title:_(t).baseText("experiments.resourceCenter.featuredVideos.title"),"on-title-click":_(B).length>3?()=>j("learning-videos"):void 0},{default:w((()=>[(i(!0),s(u,null,f(_(B).slice(0,3),(e=>(i(),y(H,{key:e.videoId,video:e,"icon-type":"youtube",section:"learn"},null,8,["video"])))),128))])),_:1},8,["title","on-title-click"]),x(V,{title:_(t).baseText("experiments.resourceCenter.masterclass.title"),"on-title-click":_(P).length>3?()=>j("masterclass-videos"):void 0},{default:w((()=>[(i(!0),s(u,null,f(_(P).slice(0,3),(e=>(i(),y(H,{key:e.videoId,video:e,"icon-type":"youtube",section:"learn"},null,8,["video"])))),128))])),_:1},8,["title","on-title-click"]),b.value.length>0||S.value?(i(),y(V,{key:0,title:_(t).baseText("experiments.resourceCenter.learnTemplates.title"),"on-title-click":()=>(v.trackTemplateRepoVisit(),void window.open(r.websiteTemplateRepositoryURL,"_blank","noopener,noreferrer"))},{default:w((()=>[S.value?(i(),s("div",{key:0,class:g(e.$style.loading)},[x(_(C),{size:"small"})],2)):(i(!0),s(u,{key:1},f(b.value.slice(0,3),(e=>(i(),y(D,{key:e.id,template:e,section:"learn"},null,8,["template"])))),128))])),_:1},8,["title","on-title-click"])):d("",!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"}}]]))}}}));
//# sourceMappingURL=ResourceCenterView-legacy-DRB3fv8U.js.map