https://app.rooom.com/assets/_category_-BF8oA81T.js

1import{d as P,m as o,r as J,c as y,o as t,w as c,a as p,F as V,H as Q,D as C,J as F,j,f as i,i as W,b as g,g as n,t as U,u as X,v as Y,y as b,z as Z,A as ee,K as L,B as ae,I as te,G as se,T as le}from"./index-DRo8-mZ3.js";import{_ as re,a as oe}from"./ViewerSkeletonCard-B2MeIoIz.js";import{u as ne}from"./useFetch-CpGXDGKJ.js";import{_ as ie}from"./AutoAnimateDirectChildren.vue_vue_type_script_setup_true_lang-HIXJZFTM.js";import{_ as ue,a as ce}from"./SearchInput.vue_vue_type_script_setup_true_lang-Dbue3V0O.js";import{_ as de,M as pe,a as me}from"./arrow-upward-rounded-CiDt5kmg.js";import{R as N}from"./RooomText-BoRdVvWx.js";import{_ as O}from"./ViewSwitch.vue_vue_type_script_setup_true_lang-jqiAgt7b.js";import{R as ve,_ as fe,a as ye}from"./all-DEqaBICw.js";import{R as _e,a as be}from"./space-DT1yUune.js";import{V as ge}from"./ViewersApi-46gQ3VkZ.js";import{_ as we}from"./RooomInlineSelect.vue_vue_type_script_setup_true_lang-ByyHU_AL.js";import{_ as he}from"./RooomSelect.vue_vue_type_script_setup_true_lang-pT1oo28H.js";import"./preview-Cw6UVkvt.js";import"./RooomImageResource.vue_vue_type_script_setup_true_lang-Dh6gASej.js";import"./RooomTooltip.vue_vue_type_script_setup_true_lang-CwDwsAc5.js";import"./info-rounded-CP-GcMAJ.js";import"./getUUID-BI8iMAjh.js";import"./index-s0GzTSSl.js";import"./RooomInput.vue_vue_type_script_setup_true_lang-Dnf2dinR.js";import"./RooomTextarea.vue_vue_type_script_setup_true_lang-DXtdgckG.js";import"./RooomButtonGroup.vue_vue_type_script_setup_true_lang-CP6o6j4q.js";import"./check-rounded-DJerA7O5.js";import"./RooomLabel.vue_vue_type_script_setup_true_lang-B1fHB0LS.js";import"./broken-rocket-BgoUfaED.js";import"./RooomCheckbox.vue_vue_type_script_setup_true_lang-C04RDzR7.js";import"./visibility-outline-rounded-C3FXfRUw.js";import"./AvatarImage.vue_vue_type_script_setup_true_lang-DX8uwyOs.js";import"./FileSchema--6WvpP0X.js";try{let u=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},f=new u.Error().stack;f&&(u._sentryDebugIds=u._sentryDebugIds||{},u._sentryDebugIds[f]="f6db16d5-67c2-4d4b-ad68-008a297ea095",u._sentryDebugIdIdentifier="sentry-dbid-f6db16d5-67c2-4d4b-ad68-008a297ea095")}catch{}const xe=P({__name:"PageBreadcrumb",props:{breadcrumbs:{}},setup(u){const f=u,l=o(()=>f.breadcrumbs.length===1);return(w,d)=>{const _=de,m=J("router-link");return t(),y(i(N),{class:"flex items-center text-3xl font-bold leading-none",legacy:""},{default:c(()=>[(t(!0),p(V,null,Q(w.breadcrumbs,(v,r)=>(t(),p(V,null,[v.to?(t(),y(m,{key:`crumb-${r}`,to:v.to,class:F(["group inline-flex p-0 font-bold hover:text-actions-text-icons-hover",r===0?"text-3xl uppercase":"text-2xl"])},{default:c(()=>[!l.value&&r===0?(t(),y(i(W),{key:0,"as-child":"",variant:"primary-new",size:"icon-1.5",class:"mr-2 group-hover:bg-button-primary-container-hover"},{default:c(()=>[g("div",null,[n(_,{class:"size-6"})])]),_:1})):C("",!0),j(" "+U(v.label),1)]),_:2},1032,["to","class"])):(t(),p("span",{key:`crumb-text-${r}`,class:F(["font-bold",r===0?"text-3xl uppercase":"text-2xl"])},U(v.label),3)),r<w.breadcrumbs.length-1?(t(),p("span",{key:`crumb-separator-${r}`}," | ")):C("",!0)],64))),256))]),_:1})}}}),Ve={key:0,class:"px-4"},ke={class:"flex min-w-16 items-center justify-center gap-1 whitespace-nowrap md:min-w-32"},Te={class:"hidden justify-end gap-2 md:flex"},$e={key:0,class:"mb-6 mt-2 flex justify-between gap-2 px-4 md:justify-end"},Ae={key:0,class:"my-20 grow"},De=200,Ie="created_desc",oa=P({name:"ExploreCategoryPage",__name:"[category]",props:{category:{}},setup(u){const f=u,{t:l,locale:w}=X(),d=Y(),_=o(()=>[{label:l("explore.viewerType.spaces"),value:"space",icon:b(_e)},{label:l("explore.viewerType.products"),value:"product",icon:b(be)},{label:l("explore.viewerType.all"),value:"all",icon:b(ve)}]),m=o({get:()=>(Array.isArray(d.type)?d.type[0]:d.type)??"all",set:e=>{d.type=e}}),v=o({get:()=>_.value.find(e=>e.value===m.value)??_.value[2],set:e=>{m.value=e.value}}),r=o({get:()=>(Array.isArray(d.query)?d.query[0]:d.query)??"",set:e=>{d.query=e}}),K=Z(r,300),S=o(()=>m.value==="product"?l("explore.search.products"):m.value==="space"?l("explore.search.spaces"):l("explore.search.all")),{data:z,isFetching:k}=ne(ge.rails.get,()=>[f.category,{q:K.value||" ",length:De}]),G=o(()=>z.value?.name[ee(w.value)]??""),T=o(()=>z.value?.viewers?.filter(e=>!!e).map(e=>({...e,id:e.token}))??[]),H=o(()=>[{label:l("explore.title"),to:"/explore"},{label:G.value}]),R=[{label:l("name"),value:"title"},{label:l("created"),value:"created"}].map(e=>[{...e,value:`${e.value}_asc`,direction:"ascending",sortKey:e.value,icon:b(pe)},{...e,value:`${e.value}_desc`,direction:"descending",sortKey:e.value,icon:b(me)}]).flat(),h=L(R.find(e=>e.value===Ie)),q=o(()=>

1{if(!h.value)return T.value;const{sortKey:e,direction:s}=h.value;return T.value.slice().sort((a,A)=>{const D=a[e]??0,I=A[e]??0;return typeof D=="string"&&typeof I=="string"?s==="ascending"?D.localeCompare(I):I.localeCompare(D):0})}),E=o(()=>m.value==="all"?q.value:q.value.filter(e=>e.type===m.value)),$=L("default"),M=ae(te).greaterOrEqual("md"),x=o({get(){return $.value==="default"?M.value:$.value==="card"},set(e){$.value=e?"card":"row"}}),B=o(()=>k.value||!!T.value.length);return(e,s)=>(t(),p(V,null,[n(re,{class:"top-header z-10 p-4 md:sticky md:top-0",title:i(l)("explore.title")},{title:c(()=>[n(xe,{breadcrumbs:H.value},null,8,["breadcrumbs"])]),default:c(()=>[B.value?(t(),p(V,{key:1},[n(i(we),{modelValue:v.value,"onUpdate:modelValue":s[0]||(s[0]=a=>v.value=a),direction:"row",options:_.value,variant:"primary-new","selected-variant":"accent-new","border-size":"none",class:"gap-px"},{default:c(({option:a})=>[g("div",ke,[(t(),y(se(a.icon),{class:"size-4"})),n(i(N),{class:"first-letter:uppercase"},{default:c(()=>[j(U(a.label||a.value),1)]),_:2},1024)])]),_:1},8,["modelValue","options"]),g("div",Te,[n(O,{modelValue:x.value,"onUpdate:modelValue":s[1]||(s[1]=a=>x.value=a)},null,8,["modelValue"]),(t(),y(le,{to:"#mobile-header-target",disabled:i(M)},[n(ue,{modelValue:r.value,"onUpdate:modelValue":s[2]||(s[2]=a=>r.value=a),placeholder:S.value},null,8,["modelValue","placeholder"])],8,["disabled"]))])],64)):(t(),p("div",Ve,s[5]||(s[5]=[g("div",{class:"p-2.5"},[g("div",{class:"size-4"})],-1)])))]),_:1},8,["title"]),B.value?(t(),p("section",$e,[n(O,{modelValue:x.value,"onUpdate:modelValue":s[3]||(s[3]=a=>x.value=a),class:"md:hidden"},null,8,["modelValue"]),n(i(he),{modelValue:h.value,"onUpdate:modelValue":s[4]||(s[4]=a=>h.value=a),class:"w-44",options:i(R),variant:"secondary",placeholder:i(l)("dashboard_header.sort")},null,8,["modelValue","options","placeholder"])])):C("",!0),n(ie,{class:"my-8 flex flex-col gap-2 px-4",as:"section"},{default:c(()=>[!i(k)&&r.value.length&&!E.value.length?(t(),p("div",Ae,[n(ce,{query:r.value},null,8,["query"])])):(t(),y(oe,{key:1,viewers:E.value,"display-placeholders":i(k)},{placeholder:c(()=>[n(ye)]),default:c(({imageSizes:a,viewer:A})=>[n(fe,{viewer:A,"image-sizes":a},null,8,["viewer","image-sizes"])]),_:1},8,["viewers","display-placeholders"]))]),_:1})],64))}});export{oa as default};