n8n-editor-ui/dist/assets/TemplatesWorkflowView-legacy-17NoAtbl.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","./RecommendedTemplateCard-legacy-Qqky9iky.js","./WorkflowPreview-legacy-DvhLtneb.js","./templateActions-legacy-BLa1ZN-O.js","./TemplatesView-legacy-jGljU3FD.js"],(function(e,t){var n,a,l,o,i,s,r,d,p,c,u,m,_,g,f,v,y,w,b,h,k,x,T,C,I,$,j,E,F,S,W,D,A,B,N,R;return{setters:[function(e){n=e.$,a=e.A,l=e.C,o=e.Ft,i=e.N,s=e.O,r=e.S,d=e.Sn,p=e.T,c=e.Wt,u=e.X,m=e._n,_=e.gt,g=e.h,f=e.j,v=e.q,y=e.w,w=e.yt},function(e){b=e.at},function(e){h=e.G,k=e.Xi,x=e.Zi,T=e.ct,C=e.lt},function(e){I=e.t},function(e){$=e.In,j=e.Rt,E=e.fr,F=e.qt,S=e.w},function(e){W=e.t},function(e){D=e.t},function(e){A=e.n},function(e){B=e.t}],execute:function(){(N=document.createElement("style")).textContent="._notFound_1t3tp_125{padding-top:var(--spacing--sm)}._previewWrapper_1t3tp_129{position:relative}._image_1t3tp_133{border:var(--border);width:100%;height:500px;overflow:hidden}._image_1t3tp_133 img{width:100%}._button_1t3tp_143{bottom:var(--spacing--sm);z-index:var(--canvas-select-box--z);position:absolute;left:50%;transform:translate(-50%)}._contentContainer_1t3tp_151{max-width:var(--content-container--width);margin:var(--spacing--lg) auto 0;padding:0 var(--spacing--2xl)}._content_1t3tp_151{gap:var(--spacing--lg);display:flex}@media (max-width:768px){._content_1t3tp_151{display:block}}._templateCard_1t3tp_167{width:380px;top:var(--spacing--lg);flex-shrink:0;align-self:flex-start;position:sticky}@media (max-width:768px){._templateCard_1t3tp_167{width:100%;margin-bottom:var(--spacing--lg);position:static}}._markdown_1t3tp_182{min-width:0;margin-bottom:var(--spacing--lg);flex:1}\n/*$vite$:1*/",document.head.appendChild(N);try{t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(z=(new t.Error).stack)&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[z]="80dc1410-531c-4783-9036-8703376256e3",t._sentryDebugIdIdentifier="sentry-dbid-80dc1410-531c-4783-9036-8703376256e3")}catch(t){}var t,z;R=i({__name:"TemplatesWorkflowView",setup(e){const i=$(),I=F(),N=S(),R=T(),z=C(),K=E(),q=b(),L=j(),O=o(!0),V=o(!0),X=o(!1),G=o(!0),H=o(null);let M=null;const P=r((()=>Array.isArray(R.params.id)?R.params.id[0]:R.params.id)),Y=r((()=>I.getFullTemplateById(P.value))),Z=()=>{V.value=!1};_((()=>Y.value),(e=>{e?L.set(`Template template: ${e.name}`):L.set("Templates")})),_(H,(e=>{M&&(M.disconnect(),M=null),e&&(M=new IntersectionObserver((e=>{for(const t of e)G.value=t.isIntersecting}),{threshold:0}),M.observe(e))}),{immediate:!0}),u((async()=>{if((()=>{const e=document.getElementById("content");e&&e.scrollTo({top:0})})(),Y.value?.full)O.value=!1;else{try{await I.fetchTemplateById(P.value)}catch(t){X.value=!0}O.value=!1}})),v((()=>{M&&(M.disconnect(),M=null)}));const J=r((()=>{if(Y.value?.workflow)return Y.value.readyToDemo?Y.value.workflow:{...Y.value.workflow,pinData:{}}}));return(e,t)=>(n(),y(B,{"full-width":!0},s({_:2},[X.value?{name:"header",fn:w((()=>[l("div",{class:m(e.$style.notFound)},[f(c(k),{color:"text-base"},{default:w((()=>[a(d(c(q).baseText("templates.workflowsNotFound")),1)])),_:1})],2)])),key:"0"}:void 0,X.value?void 0:{name:"content",fn:w((()=>[l("div",{class:m(e.$style.previewWrapper)},[l("div",{class:m(e.$style.image)},[V.value?(n(),y(D,{key:0,loading:O.value,workflow:J.value,onClose:Z},null,8,["loading","workflow"])):p("",!0)],2)],2),l("div",{class:m(e.$style.contentContainer)},[l("div",{class:m(e.$style.content)},[l("div",{class:m(e.$style.templateCard)},[Y.value?(n(),y(W,{key:0,template:Y.value,"show-details":!0},{belowContent:w((()=>[f(c(x),{"data-test-id":"use-template-button",label:c(q).baseText("template.buttons.tryTemplate"),size:"large",onClick:t[0]||(t[0]=g((e=>(async(e,t)=>{await A({router:z,templateId:e,inNewBrowserTab:t.metaKey||t.ctrlKey,externalHooks:i,nodeTypesStore:N,telemetry:K,templatesStore:I,source:"template_preview"})})(P.value,e)),["stop"]))},null,8,["label"])])),_:1},8,["template"])):p("",!0)],2),l("div",{class:m(e.$style.markdown),"data-test-id":"template-description"},[f(c(h),{content:Y.value?.description,images:Y.value?.image,loading:O.value},null,8,["content","images","loading"])],2)],2)],2)])),key:"1"}]),1024))}}),e("default",I(R,[["__cssModules",{$style:{notFound:"_notFound_1t3tp_125",previewWrapper:"_previewWrapper_1t3tp_129",image:"_image_1t3tp_133",button:"_button_1t3tp_143",contentContainer:"_contentContainer_1t3tp_151",content:"_content_1t3tp_151",templateCard:"_templateCard_1t3tp_167",markdown:"_markdown_1t3tp_182"}}]]))}}}));
//# sourceMappingURL=TemplatesWorkflowView-legacy-17NoAtbl.js.map