import{e as D}from"./app.703b5361.js";import{_ as N}from"./client-telemetry.962f2984.js";import{d as P,r as U,gW as F,gX as G,c,e as a,f as o,j as e,k as p,m as v,J as n,G as H,L as f,F as u,N as m,i as W,aH as E,P as I,gY as M,y as O,D as _,a5 as R,_ as A}from"./windi.6302481f.js";import{s as Q}from"./multiselect.effd64cc.js";import{t as J}from"./marketplaceTemplate.196f9814.js";import{u as X}from"./urql.5d8a0e09.js";import"./config.10ecf26f.js";import"./markdown.393eb41e.js";import"./emitter.7da6dd3f.js";import"./deployComponent.69e59d9a.js";const Y={class:"h-full p-1 overflow-y-auto"},z={key:0,class:"px-4 pb-10 mx-auto",style:{"max-width":"1200px"}},K={class:"xs_hidden"},Z={class:"flex gap-1 items-center cursor-pointer"},$=["name","checked"],w=["for"],ee={class:"grid mt-4 xs_grid-cols-[12rem_1fr]",id:"templates"},te={class:"flex flex-col gap-1 hidden xs_flex text-sm"},se={class:"flex flex-col"},le={class:"flex items-center gap-2"},ae={class:"flex items-center gap-1 select-none h-3qr text-grey-darkish hover_text-grey-darker cursor-pointer"},oe=["value"],re={class:"text-2xl"},ie={class:"grid gap-2qr grid-cols-1 xxxs_grid-cols-2 sm_grid-cols-3"},ne={class:"flex flex-col h-full"},ce={class:"flex-1 p-2 space-y-2"},de={class:"flex space-x-qr items-start -ml-1qr px-1qr h-20px"},pe={class:"rounded overflow-clip relative"},ue={class:"text-2xl font-medium break-words line-clamp-2 text-balance"},me={class:"font-light tracking-normal break-words line-clamp-3 text-balance tracking-[0.005em]",id:"description"},_e={key:0,class:"flex justify-start"},xe={class:"h-4 text-sm px-1qr border-t border-t-grey-lighter flex items-center justify-between"},ve={class:"flex flex-auto items-center justify-between"},fe={class:"order-2 flex flex-auto items-center py-qr gap-x-qr justify-end text-sm font-medium"},ge={class:"flex items-center rounded-2px py-2px px-2px bg-grey-lighter border border-transparent leading-none shadow-xs overflow-clip"},he={class:"px-qr"},be={key:0,class:"text-sm font-normal tracking-wider"},ye={class:"order-1 flex flex-auto font-normal pr-1"},ke=P({__name:"list",setup(Ce){const{flags:g}=X(),r=U([]),y=F(),k=G({variables:c(()=>({first:1e3,includeDraft:!!g.draft_marketplace_template}))}),C=t=>t.map(s=>s.label).join(", "),h=c(()=>{var t,s;return J(((s=(t=k.data.value)==null?void 0:t.marketplaceTemplates)==null?void 0:s.nodes)||[])}),q=c(()=>h.value.filter(t=>!r.value.length||r.value.some(s=>{var i;return(i=t.categories)==null?void 0:i.includes(s)}))),b=c(()=>{var t,s;return(((s=(t=y.data.value)==null?void 0:t.templateCategories)==null?void 0:s.map(i=>i.name))||[]).sort()}),S=c(()=>{var t;return{name:"Categories",attrs:{mode:"multiple",hideSelected:!1,closeOnSelect:!1,closeOnDeselect:!1,placeholder:"Filter by use case",classes:{optionSelected:"",optionSelectedPointed:"is-pointed",multipleLabel:"pl-2 flex-1 text-ellipsis overflow-hidden"},options:(t=b.value)==null?void 0:t.map(s=>({value:s,label:s}))}}}),B=c(()=>h.value.length>0),L=t=>(t==null?void 0:t.categories)&&t.categories.length>2,T=t=>t!=null&&t.categories?t.categories.length-2:0;return(t,s)=>{const i=R,V=N,j=D;return a(),o("div",Y,[B.value?(a(),o("div",z,[s[4]||(s[4]=e("div",{class:"text-center p-4 space-y-1"},[e("div",{class:"text-black font-semibold text-8xl tracking-tighter max-xxs_text-6xl mx-auto"},"Find your next workflow"),e("div",{class:"text-4xl text-grey-darker"},"Unlock new use cases and speed up your app development process with inspiration from Pipedream.")],-1)),e("div",K,[p(f(Q),H({class:"cursor-pointer hover_shadow flex-auto",modelValue:r.value,"onUpdate:modelValue":s[0]||(s[0]=l=>r.value=l),multipleLabel:C},S.value.attrs),{option:v(({option:l})=>[e("div",Z,[e("input",{class:"cursor-pointer",type:"checkbox",value:"option",name:l.value,checked:r.value.includes(l.value),style:{pointer:"cursor"}},null,8,$),e("label",{class:"cursor-pointer flex gap-qr items-center",for:l.value},n(l.label),9,w)])]),_:1},16,["modelValue"])]),e("div",ee,[e("div",te,[s[3]||(s[3]=e("div",{class:"text-4xl text-grey-darker"},"Use case",-1)),e("div",se,[(a(!0),o(u,null,m(b.value,l=>(a(),o("div",le,[e("label",ae,[W(e("input",{type:"checkbox","onUpdate:modelValue":s[1]||(s[1]=d=>r.value=d),value:l},null,8,oe),[[E,r.value]]),e("div",re,n(l),1)])]))),256)),p(i,{class:"text-3xl mt-3",type:"link",loud:"",to:f(M),target:"_blank",compact:"",left:""},{default:v(()=>s[2]||(s[2]=[I("Submit a template")])),_:1},8,["to"])])]),e("div",ie,[(a(!0),o(u,null,m(q.value,l=>(a(),o("div",{key:l.id,class:"xs_basis-36 flex flex-1 flex-col text-sm leading-5 rounded-lg hover_shadow-sm"},[p(i,{class:"flex-1 rounded-lg pb-0 shadow-xs overflow-clip transition-colors hover_bg-white hover_border-inherit",left:"",to:{name:"templates-detail",params:{id:l.uri}},style:{"text-align":"left !important"}},{default:v(()=>{var d;return[e("div",ne,[e("div",ce,[e("div",de,[(a(!0),o(u,null,m(l.appIds,x=>(a(),o("div",pe,[p(V,{"app-id":x,dim:"20px"},null,8,["app-id"])]))),256))]),e("h4",ue,n(l.name),1),e("p",me,n(l.description),1),f(g).draft_marketplace_template?(a(),o("div",_e,[l.status==="draft"?(a(),O(j,{key:0,class:"text-xl font-weight-bold",label:l.status,type:"danger",variant:"loud"},null,8,["label"])):_("",!0)])):_("",!0)]),e("div",xe,[e("div",ve,[e("div",fe,[(a(!0),o(u,null,m((d=l.categories)==null?void 0:d.slice(0,2),x=>(a(),o("div",ge,[e("div",he,n(x),1)]))),256)),L(l)?(a(),o("div",be,"+"+n(T(l)),1)):_("",!0)]),e("div",ye,"By "+n(l.owner),1)])])])]}),_:2},1032,["to"])]))),128))])])])):_("",!0)])}}}),Ue=A(ke,[["__file","list.vue"]]);export{Ue as default};