n8n-editor-ui/dist/assets/TemplatesSearchView-vIZa_wgh.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]=`c94f0329-bd07-434f-9d5b-59eb15c5df27`,e._sentryDebugIdIdentifier=`sentry-dbid-c94f0329-bd07-434f-9d5b-59eb15c5df27`)})()}catch{}import{o as e,t}from"./chunk-DxpFCn6T.js";import{$ as n,A as r,C as i,E as a,Ft as o,K as s,N as c,O as l,S as u,Sn as d,T as f,U as p,W as m,Wt as h,X as g,_,_n as v,bt as y,gt as b,it as x,j as S,ot as C,p as w,rt as T,w as E,yn as D,yt as O}from"./vue.runtime.esm-bundler-D9KLAxvJ.js";import{bt as k,c as A}from"./_MapCache-CUJwh2qp.js";import{$i as j,Fi as ee,Nt as M,Qi as te,Yi as N,Zi as P,_t as ne,gt as re,ht as ie,yt as F,zt as I}from"./src-wni2AGA3.js";import{t as L}from"./_plugin-vue_export-helper-Dm3nT7Ps.js";import"./sanitize-html-my1ogl5v.js";import{As as ae,Dn as oe,Tr as se,en as ce,t as le,vn as ue}from"./users.store-BHWXXawf.js";import{ms as de,u as fe}from"./constants-CIP7tKq1.js";import"./merge-BqvKZ38d.js";import"./_baseOrderBy-CaKruttV.js";import"./dateformat-CYfyw486.js";import{n as R,t as pe}from"./useDebounce-CTeIt-cH.js";import"./nodeIcon-BFJyt77y.js";import"./NodeIcon-0naEDfOR.js";import"./TimeAgo-B5--ltV7.js";import{t as z}from"./orderBy-D1a3yE-B.js";import{t as me}from"./TemplatesView-CArnrQsI.js";import{n as B,t as he}from"./TemplateList-Dp9EDBrf.js";var V=[`textContent`],H=L(c({__name:`CollectionWorkflowCard`,props:{loading:{type:Boolean},title:{}},setup(e){return(t,r)=>(n(),E(h(M),p({class:t.$style.card},t.$attrs),l({default:O(()=>[S(h(I),{loading:e.loading,rows:3,variant:`p`},null,8,[`loading`])]),_:2},[!e.loading&&e.title?{name:`header`,fn:O(()=>[i(`span`,{class:v(t.$style.title),textContent:d(e.title)},null,10,V)]),key:`0`}:void 0,e.loading?void 0:{name:`footer`,fn:O(()=>[x(t.$slots,`footer`)]),key:`1`}]),1040,[`class`]))}}),[[`__cssModules`,{$style:{card:`_card_pxgdc_125`,title:`_title_pxgdc_141`}}]]),U=c({__name:`TemplatesInfoCard`,props:{collection:{},loading:{type:Boolean,default:!1},showItemCount:{type:Boolean,default:!0},width:{}},setup(e){let t=k();return(a,o)=>(n(),E(H,{loading:e.loading,title:e.collection.name,style:D({width:e.width})},{footer:O(()=>[i(`span`,null,[y(S(h(P),{size:`small`,color:`text-light`},{default:O(()=>[r(d(e.collection.workflows.length)+` `+d(h(t).baseText(`templates.workflows`)),1)]),_:1},512),[[w,e.showItemCount]])]),S(B,{nodes:e.collection.nodes,"show-more":!1},null,8,[`nodes`])]),_:1},8,[`loading`,`title`,`style`]))}}),W={methods:{handleMouseDown(e){this.isMouseDown=!0,e.type.indexOf(`touch`)!==-1&&(this.dragStartX=e.touches[0].clientX,this.dragStartY=e.touches[0].clientY),e.type.indexOf(`mouse`)!==-1&&(this.dragStartX=e.clientX,this.dragStartY=e.clientY)},handleMouseMove(e){let t,n;e.type.indexOf(`touch`)!==-1&&(t=e.touches[0].clientX,n=e.touches[0].clientY),e.type.indexOf(`mouse`)!==-1&&(t=e.clientX,n=e.clientY),Math.abs(t-this.dragStartX)>3*Math.abs(n-this.dragStartY)&&(this.disableScroll(),this.dragDistance=t-this.dragStartX)},handleMouseUp(){this.isMouseDown=!1,this.enableScroll()},handleMouseOver(e){this.settings.autoplay&&(e===`dot`&&this.settings.pauseOnDotsHover||e===`track`&&this.settings.pauseOnHover)&&(this.isAutoplayPaused=!0)},handleMouseOut(e){this.settings.autoplay&&(e===`dot`&&this.settings.pauseOnDotsHover||e===`track`&&this.settings.pauseOnHover)&&(this.isAutoplayPaused=!1)}}},G={methods:{getWidth(){if(this.isSSR)return!1;this.widthWindow=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth,this.widthContainer=this.$refs.list.clientWidth},htmlCollectionToArray(e){return Array.prototype.slice.call(e,0)}}},ge={methods:{clearAutoPlayPause(){clearTimeout(this.autoplayTimeout),this.autoplayRemaining=null},disableAutoPlay(){clearInterval(this.autoplayInterval),this.autoplayInterval=null},disableScroll(){document.ontouchmove=e=>e.preventDefault()},enableScroll(){document.ontouchmove=()=>!0},restartAutoPlay(){this.disableAutoPlay(),this.toggleAutoPlay()},toggleAutoPlay(){let e=!this.settings.unagile&&this.settings.autoplay;!this.autoplayInterval&&e?this.autoplayInterval=setInterval(()=>{document.hidden||(this.canGoToNext?this.goToNext():this.disableAutoPlay())},this.settings.autoplaySpeed):this.disableAutoPlay()},toggleFade(){let e=!this.settings.unagile&&this.settings.fade;for(let t=0;t<this.countSlides;t++)this.slides[t].style.transition=e?`opacity `+this.settings.timing+` `+this.settings.speed+`ms`:`none`,this.slides[t].style.transform=e?`translate(-${t*this.widthSlide}px)`:`none`}}},K={methods:{prepareSlides(){this.slides=this.htmlCollectionToArray(this.$refs.slides.children),this.slidesCloned&&(this.slidesClonedBefore=this.htmlCollectionToArray(this.$refs.slidesClonedBefore.children),this.slidesClonedAfter=this.htmlCollectionToArray(this.$refs.slidesClonedAfter.children));for(let e of this.slidesAll)e.classList.add(`agile__slide`)},prepareSlidesClasses(){if(this.currentSlide===null)return!1;for(let e=0;e<this.countSlides;e++)this.slides[e].classList.remove(`agile__slide--active`),this.slides[e].classList.remove(`agile__slide--current`);setTimeout(()=>this.slides[this.currentSlide].classList.add(`agile__slide--active`),this.changeDelay);let e=this.slidesCloned?this.countSlides+this.currentSlide:this.currentSlide;this.centerMode&&(e-=Math.floor(this.settings.slidesToShow/2)-+(this.settings.slidesToShow%2==0));for(let t=Math.max(e,0);t<Math.min(e+this.settings.slidesToShow,this.countSlides);t++)this.slidesAll[t].classList.add(`agile__slide--current`)},prepareCarousel(){this.settings.unagile?this.translateX=0:(this.currentSlide===null&&this.countSlides&&(this.currentSlide=this.settings.initialSlide),this.currentSlide>this.countSlides&&(this.currentSlide=this.countSlides-1),this.goTo(this.currentSlide,!1,!1))}}},_e=e(z()),ve={props:{asNavFor:{type:Array,default:function(){return[]}},autoplay:{type:Boolean,default:!1},autoplaySpeed:{type:Number,default:3e3},centerMode:{type:Boolean,default:!1},centerPadding:{type:String,default:`15%`},changeDelay:{type:Number,default:0},dots:{type:Boolean,default:!0},fade:{type:Boolean,default:!1},infinite:{type:Boolean,default:!0},initialSlide:{type:Number,default:0},mobileFirst:{type:Boolean,default:!0},navButtons:{type:Boolean,default:!0},options:{type:Object,default:()=>null},pauseOnDotsHover:{type:Boolean,default:!1},pauseOnHover:{type:Boolean,default:!0},responsive:{type:Array,default:()=>null},rtl:{type:Boolean,default:!1},slidesToScroll:{type:Number,default:1},slidesToShow:{type:Number,default:1},speed:{type:Number,default:300},swipeDistance:{type:Number,default:50},throttleDelay:{type:Number,default:500},timing:{type:String,default:`ease`,validator:e=>[`ease`,`linear`,`ease-in`,`ease-out`,`ease-in-out`].indexOf(e)!==-1},unagile:{type:Boolean,default:!1}},computed:{initialSettings:function(){let{options:e,...t}=this.$props;return e&&(t={...t,...e}),t.responsive&&=(0,_e.default)(t.responsive,`breakpoint`),t},settings:function(){let{responsive:e,...t}=this.initialSettings;return e&&e.forEach(e=>{if(t.mobileFirst?e.breakpoint<this.widthWindow:e.breakpoint>this.widthWindow)for(let n in e.settings)t[n]=e.settings[n]}),t}}},q=e(t(((e,t)=>{var n=R(),r=A(),i=`Expected a function`;function a(e,t,a){var o=!0,s=!0;if(typeof e!=`function`)throw TypeError(i);return r(a)&&(o=`leading`in a?!!a.leading:o,s=`trailing`in a?!!a.trailing:s),n(e,t,{leading:o,maxWait:t,trailing:s})}t.exports=a}))()),J={name:`agile`,mixins:[W,G,ge,K,ve,{created(){this.goTo=(0,q.default)(this.goTo,this.throttleDelay),this.getWidth=(0,q.default)(this.getWidth,500)}},{watch:{currentBreakpoint(){this.$emit(`breakpoint`,{breakpoint:this.currentBreakpoint})},currentSlide(){this.prepareSlidesClasses(),this.autoplayStartTimestamp=this.settings.autoplay?+new Date:null,this.$emit(`after-change`,{currentSlide:this.currentSlide})},dragDistance(){if(this.isMouseDown){let{rtl:e}=this.settings,t=this.dragDistance*(e?-1:1);t>this.swipeDistance&&this.canGoToPrev&&(this.goToPrev(),this.handleMouseUp()),t<-1*this.swipeDistance&&this.canGoToNext&&(this.goToNext(),this.handleMouseUp())}},isAutoplayPaused(e){e?(this.remaining=this.settings.autoplaySpeed-(+new Date-this.autoplayStartTimestamp),this.disableAutoPlay(),this.clearAutoPlayPause()):this.autoplayTimeout=setTimeout(()=>{this.clearAutoPlayPause(),this.goToNext(),this.toggleAutoPlay()},this.remaining)},"settings.autoplay"(){this.toggleAutoPlay()},"settings.fade"(){this.toggleFade()},"settings.unagile"(){},widthSlide(){for(let e=0;e<this.countSlidesAll;e++)this.slidesAll[e].style.width=`${this.widthSlide}${this.widthSlide===`auto`?``:`px`}`},widthWindow(e,t){t&&(this.prepareCarousel(),this.toggleFade())}}}],emits:[`before-change`,`after-change`,`breakpoint`],data(){return{autoplayInterval:null,autoplayRemaining:null,autoplayStartTimestamp:null,autoplayTimeout:null,currentSlide:null,dragDistance:0,dragStartX:0,dragStartY:0,isAutoplayPaused:!1,isMouseDown:!1,slides:[],slidesClonedAfter:[],slidesClonedBefore:[],isSSR:typeof window>`u`,transitionDelay:0,translateX:0,widthWindow:0,widthContainer:0}},computed:{breakpoints:function(){return this.initialSettings.responsive?this.initialSettings.responsive.map(e=>e.breakpoint):[]},canGoToPrev:function(){return this.settings.infinite||this.currentSlide>0},canGoToNext:function(){return this.settings.infinite||this.currentSlide<this.countSlides-1},countSlides:function(){return this.isSSR?this.htmlCollectionToArray(this.$slots.default).length:this.slides.length},countSlidesAll:function(){return this.slidesAll.length},currentBreakpoint:function(){let e=this.breakpoints.map(e=>e).reverse();return this.initialSettings.mobileFirst?e.find(e=>e<this.widthWindow)||0:e.find(e=>e>this.widthWindow)||null},marginX:function(){if(this.settings.unagile)return 0;let e=this.slidesCloned?this.countSlides*this.widthSlide:0;return this.settings.centerMode&&(e-=(Math.floor(this.settings.slidesToShow/2)-+(this.settings.slidesToShow%2==0))*this.widthSlide),this.settings.rtl?e:-1*e},slidesCloned:function(){return!this.settings.unagile&&!this.settings.fade&&this.settings.infinite},slidesAll:function(){return this.slidesCloned?[...this.slidesClonedBefore,...this.slides,...this.slidesClonedAfter]:this.slides},widthSlide:function(){return this.settings.unagile?`auto`:this.widthContainer/this.settings.slidesToShow}},mounted(){window.addEventListener(`resize`,this.getWidth),this.$refs.track.addEventListener(`touchstart`,this.handleMouseDown),this.$refs.track.addEventListener(`touchend`,this.handleMouseUp),this.$refs.track.addEventListener(`touchmove`,this.handleMouseMove),this.$refs.track.addEventListener(`mousedown`,this.handleMouseDown),this.$refs.track.addEventListener(`mouseup`,this.handleMouseUp),this.$refs.track.addEventListener(`mousemove`,this.handleMouseMove),this.isSSR=!1,this.reload()},beforeUnmount(){this.destroy()},methods:{destroy(){window.removeEventListener(`resize`,this.getWidth),this.$refs.track.removeEventListener(`touchstart`,this.handleMouseDown),this.$refs.track.removeEventListener(`touchend`,this.handleMouseUp),this.$refs.track.removeEventListener(`touchmove`,this.handleMouseMove),this.$refs.track.removeEventListener(`mousedown`,this.handleMouseDown),this.$refs.track.removeEventListener(`mouseup`,this.handleMouseUp),this.$refs.track.removeEventListener(`mousemove`,this.handleMouseMove),this.disableAutoPlay()},getCurrentBreakpoint(){return this.currentBreakpoint},getCurrentSettings(){return this.settings},getCurrentSlide(){return this.currentSlide},getInitialSettings(){return this.initialSettings},goTo(e,t=!0,n=!1){if(this.settings.unagile)return!1;n||this.settings.asNavFor.forEach(n=>{n&&n.goTo(e,t,!0)});let r=e;t&&(this.settings.infinite&&e<0?r=this.countSlides-1:e>=this.countSlides&&(r=0),this.$emit(`before-change`,{currentSlide:this.currentSlide,nextSlide:r}),this.currentSlide=r,e!==r&&setTimeout(()=>{this.goTo(r,!1)},this.settings.speed));let i=this.settings.fade?0:e*this.widthSlide*this.settings.slidesToScroll;this.transitionDelay=t?this.speed:0,(this.infinite||this.currentSlide+this.slidesToShow<=this.countSlides)&&(this.translateX=this.settings.rtl?i:-1*i)},goToNext(){this.canGoToNext&&this.goTo(this.currentSlide+1)},goToPrev(){this.canGoToPrev&&this.goTo(this.currentSlide-1)},reload(){this.getWidth(),this.prepareSlides(),this.prepareCarousel(),this.toggleFade(),this.toggleAutoPlay()}}},Y={ref:`list`,class:`agile__list`},X={ref:`slidesClonedBefore`,class:`agile__slides agile__slides--cloned`},ye={ref:`slides`,class:`agile__slides agile__slides--regular`},be={ref:`slidesClonedAfter`,class:`agile__slides agile__slides--cloned`},Z={key:0,class:`agile__caption`},xe={key:1,class:`agile__actions`},Q=[`disabled`],Se={key:1,ref:`dots`,class:`agile__dots`},Ce=[`onClick`],we=[`disabled`];function Te(e,t,o,s,c,l){return n(),a(`div`,{class:v([{"agile--ssr":c.isSSR,"agile--auto-play":e.settings.autoplay,"agile--disabled":e.settings.unagile,"agile--fade":e.settings.fade&&!e.settings.unagile,"agile--rtl":e.settings.rtl,"agile--no-nav-buttons":!e.settings.navButtons},`agile`]),onTouchstart:()=>{}},[i(`div`,Y,[i(`div`,{ref:`track`,style:D({transform:`translate(${c.translateX+l.marginX}px)`,transition:`transform ${e.settings.timing} ${c.transitionDelay}ms`}),class:`agile__track`,onMouseout:t[0]||=t=>e.handleMouseOut(`track`),onMouseover:t[1]||=t=>e.handleMouseOver(`track`)},[y(i(`div`,X,[x(e.$slots,`default`)],512),[[w,l.slidesCloned]]),i(`div`,ye,[x(e.$slots,`default`)],512),y(i(`div`,be,[x(e.$slots,`default`)],512),[[w,l.slidesCloned]])],36)],512),e.$slots.caption?(n(),a(`div`,Z,[x(e.$slots,`caption`)])):f(``,!0),!e.settings.unagile&&(e.settings.navButtons||e.settings.dots)?(n(),a(`div`,xe,[e.settings.navButtons&&!e.settings.unagile?(n(),a(`button`,{key:0,ref:`prevButton`,disabled:!l.canGoToPrev,"aria-label":`Previous`,class:`agile__nav-button agile__nav-button--prev`,type:`button`,onClick:t[2]||=t=>(l.goToPrev(),e.restartAutoPlay())},[x(e.$slots,`prevButton`,{},()=>[t[6]||=r(` ← `,-1)])],8,Q)):f(``,!0),e.settings.dots&&!e.settings.unagile?(n(),a(`ul`,Se,[(n(!0),a(_,null,T(l.countSlides,r=>(n(),a(`li`,{key:r,class:v([{"agile__dot--current":r-1===c.currentSlide},`agile__dot`]),onMouseout:t[3]||=t=>e.handleMouseOut(`dot`),onMouseover:t[4]||=t=>e.handleMouseOver(`dot`)},[i(`button`,{type:`button`,onClick:t=>(l.goTo(r-1),e.restartAutoPlay())},d(r),9,Ce)],34))),128))],512)):f(``,!0),e.settings.navButtons&&!e.settings.unagile?(n(),a(`button`,{key:2,ref:`nextButton`,disabled:!l.canGoToNext,"aria-label":`Next`,class:`agile__nav-button agile__nav-button--next`,type:`button`,onClick:t[5]||=t=>(l.goToNext(),e.restartAutoPlay())},[x(e.$slots,`nextButton`,{},()=>[t[7]||=r(` → `,-1)])],8,we)):f(``,!0)])):f(``,!0)],34)}var Ee=L(J,[[`render`,Te]]),De=L(c({__name:`TemplatesInfoCarousel`,props:{collections:{},loading:{type:Boolean,default:!1},showItemCount:{type:Boolean,default:!0},showNavigation:{type:Boolean,default:!0},cardsWidth:{default:`240px`}},emits:[`openCollection`],setup(e,{emit:t}){let r=e,c=t,l=o(0),u=o(parseInt(r.cardsWidth,10)),d=o(!1),f=o(null),p=o(null),x=()=>{if(f.value){l.value=Number(f.value.scrollLeft.toFixed());let e=f.value.clientWidth,t=f.value.scrollWidth,n=l.value;d.value=t-e<=n+7}},C=(e,t)=>{c(`openCollection`,{event:e,id:t})},D=()=>{f.value&&f.value.scrollBy({left:-(u.value*2),top:0,behavior:`smooth`})},k=()=>{f.value&&f.value.scrollBy({left:u.value*2,top:0,behavior:`smooth`})};return b(()=>r.collections,()=>{setTimeout(()=>{x()},0)}),b(()=>r.loading,()=>{setTimeout(()=>{x()},0)}),g(async()=>{await m(),p.value&&(f.value=p.value.$el.querySelector(`.agile__list`),f.value&&f.value.addEventListener(`scroll`,x))}),s(()=>{p.value&&p.value.destroy(),window.addEventListener(`scroll`,x)}),(t,r)=>y((n(),a(`div`,{class:v(t.$style.container)},[S(h(Ee),{ref_key:`sliderRef`,ref:p,dots:!1,"nav-buttons":!1,infinite:!1,"slides-to-show":4,onAfterChange:x},{default:O(()=>[(n(!0),a(_,null,T(e.loading?4:0,t=>(n(),E(H,{key:`loading-${t}`,loading:e.loading},null,8,[`loading`]))),128)),(n(!0),a(_,null,T(e.loading?[]:e.collections,t=>(n(),E(U,{key:t.id,"data-test-id":`templates-info-card`,collection:t,"show-item-count":e.showItemCount,width:e.cardsWidth,onClick:e=>C(e,t.id)},null,8,[`collection`,`show-item-count`,`width`,`onClick`]))),128))]),_:1},512),y(i(`button`,{class:v({[t.$style.leftButton]:!0}),onClick:D},[S(h(j),{icon:`chevron-left`})],2),[[w,e.showNavigation&&l.value>0]]),y(i(`button`,{class:v({[t.$style.rightButton]:!0}),onClick:k},[S(h(j),{icon:`chevron-right`})],2),[[w,e.showNavigation&&!d.value]])],2)),[[w,e.loading||e.collections.length]])}}),[[`__cssModules`,{$style:{container:`_container_1m7ae_125`,button:`_button_1m7ae_129`,leftButton:`_leftButton_1m7ae_150 _button_1m7ae_129`,rightButton:`_rightButton_1m7ae_159 _button_1m7ae_129`}}]]),$=[`textContent`],Oe=[`data-test-id`],ke=L(c({__name:`TemplateFilters`,props:{categories:{default:()=>[]},sortOnPopulate:{type:Boolean,default:!1},expandLimit:{default:12},loading:{type:Boolean,default:!1},selected:{default:()=>[]}},emits:[`clearAll`,`select`,`clear`],setup(e,{emit:t}){let s=e,c=t,l=k(),p=o(!0),m=o([]),g=u(()=>s.selected.length===0);function y(){if(!s.sortOnPopulate)m.value=s.categories;else{let e=s.selected||[],t=s.categories.filter(t=>e.includes(t)),n=s.categories.filter(t=>!e.includes(t));m.value=t.concat(n)}}function x(){p.value=!1}function C(e,t){c(e?`select`:`clear`,t)}function w(e){return s.selected.includes(e)}function E(){c(`clearAll`)}return b(()=>s.sortOnPopulate,e=>{e&&y()},{immediate:!0}),b(()=>s.categories,e=>{e.length>0&&y()},{immediate:!0}),(t,o)=>(n(),a(`div`,{class:v([t.$style.filters,`template-filters`]),"data-test-id":`templates-filter-container`},[i(`div`,{class:v(t.$style.title),textContent:d(h(l).baseText(`templates.categoriesHeading`))},null,10,$),e.loading?(n(),a(`div`,{key:0,class:v(t.$style.list)},[S(h(I),{loading:e.loading,rows:e.expandLimit},null,8,[`loading`,`rows`])],2)):f(``,!0),e.loading?f(``,!0):(n(),a(`ul`,{key:1,class:v(t.$style.categories)},[i(`li`,{class:v(t.$style.item),"data-test-id":`template-filter-all-categories`},[S(h(F),{"model-value":g.value,label:h(l).baseText(`templates.allCategories`),"onUpdate:modelValue":o[0]||=()=>E()},null,8,[`model-value`,`label`])],2),(n(!0),a(_,null,T(p.value?m.value.slice(0,e.expandLimit):m.value,(e,r)=>(n(),a(`li`,{key:r,class:v(t.$style.item),"data-test-id":`template-filter-${e.name.toLowerCase().replaceAll(` `,`-`)}`},[S(h(F),{"model-value":w(e),label:e.name,"onUpdate:modelValue":t=>C(t,e)},null,8,[`model-value`,`label`,`onUpdate:modelValue`])],10,Oe))),128))],2)),m.value.length>e.expandLimit&&p.value&&!e.loading?(n(),a(`div`,{key:2,class:v(t.$style.button),"data-test-id":`expand-categories-button`,onClick:x},[S(h(P),{size:`small`,color:`primary`},{default:O(()=>[r(` + `+d(`${m.value.length-e.expandLimit} more`),1)]),_:1})],2)):f(``,!0)],2))}}),[[`__cssModules`,{$style:{title:`_title_hd29n_125`,categories:`_categories_hd29n_130`,item:`_item_hd29n_135`,button:`_button_hd29n_142`}}]]),Ae=[`textContent`],je=L(c({__name:`TemplatesSearchView`,setup(e){let t=o(!1),s=o([]),c=o(!0),l=o(!0),p=o(!0),m=o(``),_=o(null),x=o(!1),{callDebounced:T}=pe(),D=se(),A=ue(),M=ae(),F=oe(),I=le(),L=k(),R=re(),z=ne(),B=ce(),V=e=>({categories:s.value.map(t=>e===`name`?t.name:String(t.id)),search:m.value}),H=u(()=>F.getSearchedWorkflowsTotal(V(`name`))),U=u(()=>F.getSearchedWorkflows(V(`name`))??[]),W=u(()=>F.getSearchedCollections(V(`id`))??[]),G=u(()=>p.value?null:!l.value&&U.value.length===0&&W.value.length===0?!M.isTemplatesEndpointReachable&&x.value?L.baseText(`templates.connectionWarning`):L.baseText(`templates.noSearchResults`):null),ge=(e,t)=>{let n=Object.assign({},R.query);t.length?n.categories=t:delete n.categories,e.length?n.search=e:delete n.search,z.replace({query:n})},K=()=>{ge(m.value,s.value.map(e=>e.id).join(`,`)),Y(!1)},_e=async()=>{try{p.value=!0,await F.getWorkflows({search:m.value,categories:s.value.map(e=>e.name)}),x.value=!1}catch{x.value=!0}p.value=!1},ve=async()=>{try{l.value=!0,await F.getCollections({categories:s.value.map(e=>String(e.id)),search:m.value})}catch{}l.value=!1},q=(e,t)=>{e&&(_.value&&_.value.search_string.length>e.length||(_.value={search_string:e,workflow_results_count:U.value.length,collection_results_count:W.value.length,categories_applied:t.map(e=>F.getCategoryById(e.toString())),wf_template_repo_session_id:F.currentSessionId}))},J=()=>{s.value.length&&B.track(`User changed template filters`,{search_string:m.value,categories_applied:s.value,wf_template_repo_session_id:F.currentSessionId})},Y=async e=>{let t=[...s.value],n=m.value;await Promise.all([_e(),ve()]),e||q(n,t.map(e=>e.id))},X=(e,t,n)=>{if(e.metaKey||e.ctrlKey){let e=z.resolve({name:t,params:{id:n}});window.open(e.href,`_blank`);return}else z.push({name:t,params:{id:n}})},ye=({event:e,id:t})=>{X(e,de.COLLECTION,t)},be=({event:e,id:t})=>{X(e,de.TEMPLATE,t)},Z=()=>{_.value&&=(B.track(`User searched workflow templates`,_.value),null)},xe=e=>{p.value=!0,l.value=!0,m.value=e,T(K,{debounceTime:500,trailing:!0}),e.length===0&&Z()},Q=e=>{s.value=s.value.concat(e),K(),J()},Se=e=>{s.value=s.value.filter(t=>t.id!==e.id),K(),J()},Ce=()=>{s.value=[],K()},we=async()=>{if(!(U.value.length>=H.value))try{p.value=!0,await F.getMoreWorkflows({categories:s.value.map(e=>e.name),search:m.value})}catch{D.showMessage({title:`Error`,message:`Could not load more workflows`,type:`error`})}finally{p.value=!1}},Te=async()=>{try{await F.getCategories()}catch{}c.value=!1},Ee=(e,t=`smooth`)=>{setTimeout(()=>{let n=document.getElementById(`content`);n&&n.scrollTo({top:e,behavior:t})},0)},$=()=>{let e=!1;if(R.query.search&&typeof R.query.search==`string`&&(m.value=R.query.search,e=!0),typeof R.query.categories==`string`&&R.query.categories.length){let t=R.query.categories.split(`,`);s.value=F.allCategories.filter(e=>t.includes(e.id.toString())),e=!0}e&&(K(),J(),t.value=!0)};return g(async()=>{A.set(`Templates`),await Te(),Y(!0),I.showPersonalizationSurvey(),$(),M.isTemplatesEnabled&&M.testTemplatesEndpoint().catch(()=>{}),setTimeout(()=>{let e=R.meta?.scrollOffset;typeof e==`number`&&e>0&&Ee(e,`auto`)},100)}),ie((e,t,n)=>{let r=document.getElementById(`content`);r&&R.meta?.setScrollPosition?.(r.scrollTop),Z(),n()}),b(U,e=>{e.length===0&&window.scrollTo(0,0)}),(e,o)=>{let u=C(`n8n-html`);return n(),E(me,null,{header:O(()=>[i(`div`,{class:v(e.$style.wrapper)},[i(`div`,{class:v(e.$style.title)},[S(h(N),{tag:`h1`,size:`2xlarge`},{default:O(()=>[r(d(h(L).baseText(`templates.heading`)),1)]),_:1})],2),i(`div`,{class:v(e.$style.button)},[S(h(te),{variant:`subtle`,size:`large`,href:h(fe),label:h(L).baseText(`templates.shareWorkflow`),target:`_blank`},null,8,[`href`,`label`])],2)],2)]),content:O(()=>[i(`div`,{class:v(e.$style.contentWrapper)},[i(`div`,{class:v(e.$style.filters)},[S(ke,{categories:h(F).allCategories,"sort-on-populate":t.value,selected:s.value,loading:c.value,onClear:Se,onClearAll:Ce,onSelect:Q},null,8,[`categories`,`sort-on-populate`,`selected`,`loading`])],2),i(`div`,{class:v(e.$style.search)},[S(h(ee),{"model-value":m.value,placeholder:h(L).baseText(`templates.searchPlaceholder`),clearable:``,"data-test-id":`template-search-input`,"onUpdate:modelValue":xe,onBlur:Z},{prefix:O(()=>[S(h(j),{icon:`search`})]),_:1},8,[`model-value`,`placeholder`]),y(i(`div`,{class:v(e.$style.carouselContainer)},[i(`div`,{class:v(e.$style.header)},[S(h(N),{bold:!0,size:`medium`,color:`text-light`},{default:O(()=>[r(d(h(L).baseText(`templates.collections`))+` `,1),l.value?f(``,!0):(n(),a(`span`,{key:0,"data-test-id":`collection-count-label`,textContent:d(`(${W.value.length})`)},null,8,Ae))]),_:1})],2),S(De,{collections:W.value,loading:l.value,onOpenCollection:ye},null,8,[`collections`,`loading`])],2),[[w,W.value.length||l.value]]),S(he,{"infinite-scroll-enabled":!0,loading:p.value,workflows:U.value,"total-count":H.value,onLoadMore:we,onOpenTemplate:be},null,8,[`loading`,`workflows`,`total-count`]),G.value?(n(),a(`div`,{key:0,class:v(e.$style.endText)},[S(h(P),{size:`medium`,color:`text-base`},{default:O(()=>[y(i(`span`,null,null,512),[[u,G.value]])]),_:1})],2)):f(``,!0)],2)],2)]),_:1})}}}),[[`__cssModules`,{$style:{wrapper:`_wrapper_n14ka_125`,contentWrapper:`_contentWrapper_n14ka_130`,filters:`_filters_n14ka_140`,search:`_search_n14ka_146`,header:`_header_n14ka_158`}}]]);export{je as default};
//# sourceMappingURL=TemplatesSearchView-vIZa_wgh.js.map