https://meetglimpse.com/_nuxt/CJUvsE5v.js

1import{_ as j}from"./WPDDNxRB.js";import{d as B,i as P,o as r,w as y,g as n,G as S,q as D,e as v,c as i,j as h,n as G,u as c,F as C,p as A,v as w,t as x,am as H,al as z,k as O,bz as N,aq as F,f as I,h as L,L as M,ah as V,ab as q,ax as R,ag as K}from"./CUKIzEKZ.js";import{_ as J}from"./Cb-QF1-B.js";import{_ as Q}from"./D6b-ro8r.js";import{_ as U}from"./BTD5orK5.js";import{t as W}from"./CcRZQi1B.js";import{u as X}from"./BB3KO0at.js";import{u as Y}from"./BZoM5LzC.js";import"./Y2UwXTKI.js";import"./QZYjo-eG.js";import"./BNp95cjj.js";import"./3Z5h052f.js";import"./CXUn7rIt.js";import"./Dy0uSt_h.js";const Z={class:"truncate"},ee=B({__name:"SidebarItem",props:{to:{}},setup(b){function d(){window.scrollTo({top:0,behavior:"smooth"})}return(a,_)=>{const l=D;return r(),P(l,{to:a.to,class:"border bg-[#EEF0F6] leading-[18px] text-[15px] tracking-[-0.024em] max-w-full place-self-start font-semibold [&[aria-current]]:bg-primary-700 [&[aria-current]]:text-white overflow-hidden border-[#394253]/[.12] rounded min-h-9 inline-flex items-center px-3 text-primary-700 shrink-0",onClick:d},{default:y(()=>[n("span",Z,[S(a.$slots,"default")])]),_:3},8,["to"])}}}),te=Object.assign(ee,{__name:"TrendsPageSidebarItem"}),re={class:"grid-rows-[auto] gap-2 overflow-auto h-a max-h-[calc(100vh-96px)] content-start sticky top-0 mt-24 justify-start hidden md:flex flex-col pb-[80px] no-scrollbar"},se={class:"grid grid-rows-[auto] gap-2 [&>:has([aria-current])]:grid peer-[[aria-current]]:[&>div]:grid"},oe={class:"relative py-2 hidden peer-[[aria-current]]:grid"},ne={class:"grid gap-1.5 pl-7"},ae=["href"],ie={class:"peer-[[aria-current]]:grid hidden has-[[aria-current]]:grid gap-2 relative overflow-hidden"},le={class:"relative py-2 hidden peer-[[aria-current]]:grid"},ce={class:"grid gap-1.5 pl-0"},de=["href"],ue=B({__name:"Sidebar",props:{tree:{}},setup(b){const d=b,a=v(()=>{var t;return((t=d.tree)==null?void 0:t.children)||[]}),_=v(()=>{const u=a.value;return 36*u.length+8*(u.length-1)-36/2+u.reduce((s,e,m)=>{const o=e.isActive&&m!==u.length-1;return s+(o?36*e.children.length:0)+(o?8*e.children.length:0)},0)-4});return(l,t)=>

1{const u=te,s=z("scroll-into-view");return r(),i("div",re,[h(u,{to:`/${l.tree.slug}/`,class:"[&[aria-current]+div~div]:opacity-100 peer"},{default:y(()=>[w(x(l.tree.title),1)]),_:1},8,["to"]),n("div",{style:G({height:`${c(_)}px`}),class:"border-l border-gray-300 absolute hidden peer-[[aria-current]]:block w-4 left-1 top-[48px] bottom-5 border-b rounded-bl-full"},null,4),n("div",se,[(r(!0),i(C,null,A(c(a),e=>(r(),i("div",{key:e.title,class:"item gap-2 relative shrink-0 justify-start overflow-hidden hidden pl-7 has-[[aria-current]]:grid transition-opacity hover:opacity-100"},[t[3]||(t[3]=n("div",{class:"border-l border-gray-300 absolute left-1 top-0 h-[18px] rounded-bl-full border-b w-4"},null,-1)),h(u,{class:"peer",to:`/trends/${e.slug}/`},{default:y(()=>[w(x(e.title)+" Trends ",1)]),_:2},1032,["to"]),n("div",oe,[t[0]||(t[0]=n("div",{class:"border-l border-gray-300 absolute left-1 -top-1 -bottom-2 w-4"},null,-1)),n("div",ne,[(r(!0),i(C,null,A(e.sections,({title:m,slug:o})=>H((r(),i("a",{key:o,href:`#${o}`,class:"text-sm truncate list-item list-inside hover:underline"},[w(x(m),1)],8,ae)),[[s]])),128))])]),n("div",ie,[t[2]||(t[2]=n("div",{class:"border-l border-gray-300 absolute left-1 -top-1 bottom-[18px] rounded-bl-full border-b w-4"},null,-1)),(r(!0),i(C,null,A(e.children,m=>(r(),i("div",{key:m.title,class:"relative overflow-hidden grid pl-7"},[t[1]||(t[1]=n("div",{class:"border-l border-gray-300 absolute left-1 top-[0] h-[18px] rounded-bl-full border-b w-4"},null,-1)),h(u,{to:`/trends/${m.slug}/`,class:"peer"},{default:y(()=>[w(x(m.title)+" Trends ",1)]),_:2},1032,["to"]),n("div",le,[n("div",ce,[(r(!0),i(C,null,A(m.sections,({title:o,slug:g})=>H((r(),i("a",{key:g,href:`#${g}`,class:"text-sm truncate list-item list-inside hover:underline"},[w(x(o),1)],8,de)),[[s]])),128))])])]))),128))])]))),128))])])}}}),pe=Object.assign(ue,{__name:"TrendsPageSidebar"}),_e=["onClick"],me=B({__name:"Dropdown",props:{direction:{type:String,default:"bottom"},options:{type:Array,default:()=>[]}},emits:["select"],setup(b){const d=b,a=O(!1),_=O(null),l=v(()=>d.options.filter(Boolean));return N(_,()=>a.value=!1),(t,u)=>{const s=J;return r(),i("div",M({ref_key:"select",ref:_},t.$attrs,{class:["inline-block relative min-w-0",{"is-open":a.value}]}),[S(t.$slots,"default",{isOpen:a.value,toggle:()=>a.value=!a.value}),h(s,null,{default:y(()=>[h(F,{name:"show",appear:"","enter-from-class":"opacity-0 translate-y-1.5","leave-to-class":"opacity-0 translate-y-1.5","enter-active-class":"transition-all duration-[125ms] ease-in-out-expo","leave-active-class":"transition-all duration-[125ms] ease-in-out-expo"},{default:y(()=>[a.value?(r(),i("div",{key:0,class:L(["dropdown-content absolute min-w-[160px] p-[0.375rem] bg-white border-[1px] border-[#e2e7f5] shadow-[0px_2px_3px_rgba(114,129,167,0.08)] rounded z-20 right-0 grid",{"top-full translate-y-1":b.direction==="bottom","bottom-full -translate-y-1":b.direction==="top"}])},[(r(!0),i(C,null,A(c(l),e=>(r(),i("button",{key:e.label,class:"py-1.5 pr-6 pl-3 font-medium whitespace-nowrap text-left text-sm w-full hover:bg-[hsla(234,75%,61%,4%)] flex items-center text-[hsl(234,16%,45%)]",onClick:m=>{t.$emit("select",e),e.onClick(),a.value=!1}},[S(t.$slots,"item",{id:e.id},()=>[w(x(e.label),1)])],8,_e))),128))],2)):I("",!0)]),_:3})]),_:3})],16)}}}),ge=Object.assign(me,{__name:"BaseDropdown"}),he={viewBox:"0 0 512 512",width:"1.2em",height:"1.2em"};function ve(b,d){return r(),i("svg",he,d[0]||(d[0]=[n("circle",{cx:"256",cy:"256",r:"48",fill:"currentColor"},null,-1),n("circle",{cx:"416",cy:"256",r:"48",fill:"currentColor"},null,-1),n("circle",{cx:"96",cy:"256",r:"48",fill:"currentColor"},null,-1)]))}const fe={name:"ion-ellipsis-horizontal",render:ve},be={class:"md:hidden flex items-center gap-2 pt-4 pb-8 bg-gradient-to-b to-transparent -mb-4 via-white via-70% from-white sticky top-16 z-50"},xe={class:"flex items-center w-full"},ye=["onClick"],we=["onClick"],ke=["onClick"],$e=["to"],Ce=B({__name:"PageBreadcrumbs",props:{tree:{}},setup(b){const d=b,a=V(),_=v(()=>{var s;return((s=d.tree)==null?void 0:s.children.map(e=>({label:e.title,onClick:()=>a.push(`/trends/${e.slug}/`)})))||[]}),l=v(()=>{var s;return(s=d.tree)==null?void 0:s.children.find(e=>e.isActive)}),t=v(()=>{var s;return((s=l.value)==null?void 0:s.children.map(e=>({label:e.title,onClick:()=>a.push(`/trends/${e.slug}/`)})))||[]}),u=v(()=>{var s;return(s=l.value)==null?void 0:s.children.find(e=>e.isActive)});return(s,e)=>{const m=D,o=Q,g=fe,f=ge;return r(),i("div",be,[n("div",xe,[h(m,{to:`/${s.tree.slug}/`,class:"text-primary-700 font-bold truncate"},{default:y(()=>

1[w(x(s.tree.title),1)]),_:1},8,["to"]),h(o,{height:12,class:"text-gray-400 flex-shrink-0 mx-1"}),h(f,{options:c(_),class:"[&_.dropdown-content]:!-right-12 [&_button]:text-base"},{default:y(({toggle:p})=>[c(l)?(r(),i("button",{key:1,class:"text-primary-700 font-bold truncate",onClick:p},x(c(l).title),9,we)):(r(),i("button",{key:0,class:"flex items-center gap-1 px-3 py-1.5 text-sm bg-gray-100 hover:bg-gray-200 rounded-md",onClick:p},[h(g,{height:14,class:"text-blue-600 flex-shrink-0 mx-1"})],8,ye))]),_:1},8,["options"]),c(l)?(r(),P(o,{key:0,height:12,class:"text-gray-400 flex-shrink-0 mx-1"})):I("",!0),c(l)&&!c(u)?(r(),P(f,{key:1,options:c(t),class:"[&_button]:text-base"},{default:y(({toggle:p})=>[n("button",{class:"flex items-center gap-1 px-3 py-1.5 text-sm bg-gray-100 hover:bg-gray-200 rounded-md",onClick:p},[h(g,{height:14,class:"text-blue-600 flex-shrink-0 mx-1"})],8,ke)]),_:1},8,["options"])):c(u)?(r(),i("div",{key:2,to:`/trends/${c(u).slug}/`,class:"text-slate-400 font-bold truncate"},x(c(u).title),9,$e)):I("",!0)])])}}}),Te=Object.assign(Ce,{__name:"TrendPageBreadcrumbs"}),Ae={class:"grid grid-rows-[auto_1fr] gap-4 lg:gap-12 [--sidebar-width:210px]"},Pe={class:"max-w-[1248px] w-full px-6 mx-auto md:grid md:grid-cols-[var(--sidebar-width)_auto] lg:grid-cols-[var(--sidebar-width)_auto_var(--sidebar-width)] gap-x-8 content-start"},Ie={class:"grid"},qe=B({__name:"[[slug]]",async setup(b){let d,a;const _=X("slug"),{data:l}=([d,a]=q(()=>Y("trend-categories",()=>$fetch("/api/trend/get-category-data"))),d=await d,a(),d),t=v(()=>{var f;const o=(f=l.value)==null?void 0:f.categories;return o?(p=>{var k;return p.slug===_.value&&(p.isActive=!0),(k=p.children)==null||k.forEach($=>{var E;$.slug===_.value&&($.isActive=!0,p.isActive=!0),(E=$.children)==null||E.forEac

1h(T=>{T.slug===_.value&&($.isActive=!0,T.isActive=!0)})}),p})(o):null}),u=v(()=>{var o,g;return!!((g=(o=t.value)==null?void 0:o.children)!=null&&g.some(f=>f.slug===_.value))}),s=v(()=>{var o,g;return!!((g=(o=t.value)==null?void 0:o.children)!=null&&g.some(f=>{var p;return(p=f.children)==null?void 0:p.some(k=>k.slug===_.value)}))}),e=v(()=>{var o;return((o=t.value)==null?void 0:o.slug)===_.value}),m=v(()=>({isIndex:e.value,isCategory:u.value,isSubcategory:s.value}));return K(W,m),(o,g)=>{var T;const f=j,p=pe,k=Te,$=R,E=U;return r(),i(C,null,[n("div",Ae,[h(f),n("div",Pe,[c(t)?(r(),P(p,{key:0,class:"lg:top-24",tree:c(t)},null,8,["tree"])):I("",!0),n("div",Ie,[c(t)?(r(),P(k,{key:0,tree:c(t)},null,8,["tree"])):I("",!0),h($,{"category-tree":(T=c(l))==null?void 0:T.categories},null,8,["category-tree"])])])]),h(E)],64)}}});export{qe as default};