https://www.ottohub.cn/assets/ChannelView-Dyul5DL_.js

1import{C as e,D as t,E as n,F as r,H as i,J as a,K as o,M as s,N as c,O as l,S as u,T as d,U as f,W as p,Z as m,c as h,et as g,it as _,j as v,k as y,n as b,nt as x,st as S,ut as C,v as w,w as T,y as E}from"./vendor-vue-Bu-KQjoC.js";import{l as D}from"./apiResponse-C8fEm_-L.js";import{Z as O,s as k,st as A}from"./index-BE2-dWra.js";import{n as j}from"./imageApi-DfRzG9lf.js";import{t as M}from"./videoFormat-eMkACp59.js";import{a as N,c as P,i as F,n as ee,r as te,s as I,t as L}from"./channelApi-j0ilMshB.js";import{t as ne}from"./officialVideoChannels-Dtv6hBqI.js";var R=[`href`],z={class:`relative h-10 w-10 shrink-0 overflow-hidden rounded-[var(--radius-default)] bg-reader`},B=[`src`,`alt`],V={key:1,class:`flex h-full w-full items-center justify-center text-[10px] text-muted`},H={class:`min-w-0 flex-1`},U={class:`truncate text-[13px] font-semibold text-primary`},W={class:`mt-0.5 truncate text-[11px] text-muted`},G={class:`mt-0.5 flex items-center gap-3 text-[10px] text-muted`},K={class:`inline-flex items-center gap-0.5`},q={class:`inline-flex items-center gap-0.5`},J={key:0,class:`shrink-0 rounded-full bg-accent/15 px-2 py-0.5 text-[10px] font-medium text-accent`},Y=r({__name:`ChannelCardCompact`,props:{channel:{}},setup(e){let t=e,{t:r}=b(),i=h(),o=d(()=>`/channel/${t.channel.channelId}`),u=d(()=>t.channel.isMember?r(`channel.memberBadge`):t.channel.isFollowing?r(`channel.followingBadge`):``);function f(e){k(e,i,o.value)}return(t,i)=>{let d=a(`MaterialIcon`);return p(),y(`a`,{href:o.value,class:`feed-row group flex items-center gap-3 rounded-[var(--radius-default)] border border-border bg-surface px-3 py-2.5 no-underline transition-colors hover:border-accent hover:bg-elevated`,onClick:f},[n(`div`,z,[e.channel.coverUrl?(p(),y(`img`,{key:0,src:e.channel.coverUrl,alt:e.channel.channelTitle,class:`h-full w-full object-cover`},null,8,B)):(p(),y(`div`,V,C(S(r)(`channel.emptyCover`)),1))]),n(`div`,H,[n(`p`,U,C(e.channel.channelTitle),1),n(`p`,W,`@`+C(e.channel.channelName),1),n(`div`,G,[n(`span`,K,[c(d,{name:`group`,size:12}),s(` `+C(S(M)(e.channel.memberCount)),1)]),n(`span`,q,[c(d,{name:`visibility`,size:12}),s(` `+C(S(M)(e.channel.followerCount)),1)])])]),u.value?(p(),y(`span`,J,C(u.value),1)):l(``,!0)],8,R)}}}),X=[`href`],Z={class:`relative h-32 w-full overflow-hidden bg-reader sm:h-36`},Q=[`src`,`alt`],re={key:1,class:`flex h-full w-full items-center justify-center text-xs text-muted`},ie={class:`absolute bottom-2 left-3 right-3 flex items-end justify-between gap-2`},ae={class:`min-w-0`},oe={class:`truncate text-sm font-bold text-white`},se={class:`mt-0.5 truncate text-[11px] text-white/80`},ce={key:0,class:`shrink-0 rounded-full bg-accent px-2 py-0.5 text-[10px] font-medium text-white`},le={class:`flex flex-1 flex-col gap-2 px-3.5 py-3`},ue={class:`line-clamp-2 min-h-[2.5rem] text-[11px] leading-relaxed text-secondary`},de={class:`flex items-center justify-between text-[11px] text-muted`},fe={class:`inline-flex items-center gap-1`},pe={class:`inline-flex items-center gap-1`},me=r({__name:`ChannelCardFeatured`,props:{channel:{}},setup(e){let t=e,{t:r}=b(),i=h(),o=d(()=>`/channel/${t.channel.channelId}`),u=d(()=>t.channel.isMember?r(`channel.memberBadge`):t.channel.isFollowing?r(`channel.followingBadge`):``);function f(e){k(e,i,o.value)}return(t,i)=>{let d=a(`MaterialIcon`);return p(),y(`a`,{href:o.value,class:`feed-item group flex flex-col overflow-hidden rounded-[var(--radius-default)] border border-border bg-surface no-underline transition-shadow hover:shadow-md`,onClick:f},[n(`div`,Z,[e.channel.coverUrl?(p(),y(`img`,{key:0,src:e.channel.coverUrl,alt:e.channel.channelTitle,class:`feed-cover-zoom h-full w-full object-cover`,loading:`lazy`,decoding:`async`},null,8,Q)):(p(),y(`div`,re,C(S(r)(`channel.emptyCover`)),1)),i[0]||(i[0]=n(`div`,{class:`absolute inset-0 bg-gradient-to-t from-black/55 via-black/10 to-transparent`},null,-1)),n(`div`,ie,[n(`div`,ae,[n(`p`,oe,C(e.channel.channelTitle),1),n(`p`,se,`@`+C(e.channel.channelName),1)]),u.value?(p(),y(`span`,ce,C(u.value),1)):l(``,!0)])]),n(`div`,le,[n(`p`,ue,C(e.channel.description||S(r)(`channel.noDescription`)),1),n(`div`,de,[n(`span`,fe,[c(d,{name:`group`,size:14}),s(` `+C(S(r)(`channel.members`,{count:S(M)(e.channel.memberCount)})),1)]),n(`span`,pe,[c(d,{name:`visibility`,size:14}),s(` `+C(S(r)(`channel.followers`,{count:S(M)(e.channel.followerCount)})),1)])])])],8,X)}}}),he={key:0,class:`animate-pulse overflow-hidden rounded-[var(--radius-default)] border border-border bg-surface`},ge={key:1,class:`flex animate-pulse items-center gap-3 rounded-[var(--radius-default)] border border-border bg-surface px-3 py-2.5`},$=r({__name:`ChannelCardSkeleton`,props:{variant:{}},setup(e){return(t,n)=>e.variant===`featured`?(p(),y(`div`,he,[...n[0]||(n[0]=[v(`<div class="home-skeleton-cover h-32 w-full sm:h-36"></div><div class="space-y-2 px-3.5 py-3"><div class="h-3 w-full rounded-sm bg-elevated"></div><div class="h-3 w-4/5 rounded-sm bg-elevated"></div><div class="flex justify-between pt-1"><div class="h-2.5 w-16 rounded-sm bg-elevated"></div><div class="h-2.5 w-16 rounded-sm bg-elevated"></div></div></div>`,2)])])):(p(),y(`div`,ge,[...n[1]||(n[1]=[v(`<div class="h-10 w-10 shrink-0 rounded-[var(--radius-default)] bg-elevated"></div><div class="min-w-0 flex-1 space-y-1.5"><div class="h-3 w-2/3 rounded-sm bg-elevated"></div><div class="h-2.5 w-1/3 rounded-sm bg-elevated"></div>

1<div class="h-2.5 w-1/2 rounded-sm bg-elevated"></div></div>`,2)])]))}}),_e={class:`relative w-full max-w-md rounded-[var(--radius-default)] border border-border bg-surface shadow-xl`,role:`dialog`,"aria-modal":`true`},ve=[`aria-label`],ye={class:`p-5 sm:p-6`},be={class:`mb-4 text-base font-bold text-primary`},xe={key:0,class:`mb-4 border border-danger/30 bg-danger/10 px-3 py-2 text-[13px] text-danger`},Se={class:`space-y-4`},Ce={class:`mb-1.5 block text-xs font-medium text-secondary`},we=[`placeholder`,`disabled`],Te={class:`mt-1 text-[10px] text-muted`},Ee={class:`mb-1.5 block text-xs font-medium text-secondary`},De=[`placeholder`,`disabled`],Oe={class:`mb-1.5 block text-xs font-medium text-secondary`},ke=[`placeholder`,`disabled`],Ae={class:`mt-1 text-right text-[10px] text-muted`},je={class:`mb-1.5 block text-xs font-medium text-secondary`},Me={key:0,class:`space-y-2`},Ne={class:`aspect-[16/9] max-w-[200px] overflow-hidden rounded-[var(--radius-default)] bg-reader`},Pe=[`src`],Fe={class:`flex items-center gap-2`},Ie=[`disabled`],Le=[`disabled`],Re=[`disabled`],ze={class:`text-xs`},Be={class:`mb-1.5 block text-xs font-medium text-secondary`},Ve=[`disabled`],He={value:0},Ue={value:1},We={value:2},Ge={class:`mt-6 flex items-center justify-end gap-2`},Ke=[`disabled`],qe=[`disabled`],Je=r({__name:`CreateChannelModal`,props:{open:{type:Boolean}},emits:[`close`,`created`],setup(e,{emit:r}){let i=r,{t:o}=b(),d=A(),f=_(!1),m=_(!1),h=_(null),v=x({channelName:``,channelTitle:``,description:``,coverUrl:``,joinPermission:0});function O(){v.channelName=``,v.channelTitle=``,v.description=``,v.coverUrl=``,v.joinPermission=0,h.value=null,m.value=!1}function k(){O(),i(`close`)}async function M(){let e=d.activeAccount?.token;if(!e)return;let t=document.createElement(`input`);t.type=`file`,t.accept=`image/*`,t.onchange=async()=>{let n=t.files?.[0];if(n){m.value=!0,h.value=null;try{v.coverUrl=await j(e,n)}catch(e){h.value=e instanceof Error?e.message:o(`channel.uploadCoverFailed`)}finally{m.value=!1}}},t.click()}function N(){return v.channelName.trim()?v.channelTitle.trim()?/^(?=.*[a-zA-Z])(?=.*\d)[a-zA-Z0-9]{3,20}$/i.test(v.channelName)?v.channelTitle.length<1||v.channelTitle.length>15?o(`channel.errorTitleLength`):v.description.length>150?o(`channel.errorDescriptionLength`):null:o(`channel.errorNameFormat`):o(`channel.errorTitleRequired`):o(`channel.errorNameRequired`)}async function P(){let e=d.activeAccount?.token;if(!e){h.value=o(`channel.loginRequired`);return}let t=N();if(t){h.value=t;return}f.value=!0,h.value=null;try{let t=await(await fetch(D(`/api/channel/create`),{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({token:e,channel_name:v.channelName.trim(),channel_title:v.channelTitle.trim(),description:v.description.trim()||void 0,cover_url:v.coverUrl.trim()||void 0,join_permission:v.joinPermission})})).json();if(t?.status===`error`){h.value=String(t.message||o(`channel.createFailed`));return}O(),i(`created`),i(`close`)}catch{h.value=o(`channel.networkError`)}finally{f.value=!1}}return(r,i)=>{let d=a(`MaterialIcon`);return p(),t(T,{to:`body`},[e.open?(p(),y(`div`,{key:0,class:`fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4 backdrop-blur-sm`,onClick:u(k,[`self`])},[n(`div`,_e,[n(`button`,{type:`button`,class:`absolute right-3 top-3 rounded-full p-1.5 text-muted transition-colors hover:bg-elevated`,"aria-label":S(o)(`common.cancel`),onClick:k},[c(d,{name:`close`,size:20})],8,ve),n(`div`,ye,[n(`h2`,be,C(S(o)(`channel.createModalTitle`)),1),h.value?(p(),y(`p`,xe,C(h.value),1)):l(``,!0),n(`div`,Se,[n(`div`,null,[n(`label`,Ce,[s(C(S(o)(`channel.fieldName`))+` `,1),i[5]||(i[5]=n(`span`,{class:`text-danger`},`*`,-1))]),g(n(`input`,{"onUpdate:modelValue":i[0]||(i[0]=e=>v.channelName=e),type:`text`,class:`nico-search !h-9 !text-sm`,placeholder:S(o)(`channel.fieldNamePlaceholder`),disabled:f.value},null,8,we),[[E,v.channelName]]),n(`p`,Te,C(S(o)(`channel.fieldNameHint`)),1)]),n(`div`,null,[n(`label`,Ee,[s(C(S(o)(`channel.fieldTitle`))+` `,1),i[6]||(i[6]=n(`span`,{class:`text-danger`},`*`,-1))]),g(n(`input`,{"onUpdate:modelValue":i[1]||(i[1]=e=>v.channelTitle=e),type:`text`,maxlength:`15`,class:`nico-search !h-9 !text-sm`,placeholder:S(o)(`channel.fieldTitlePlaceholder`),disabled:f.value},null,8,De),[[E,v.channelTitle]])]),n(`div`,null,[n(`label`,Oe,C(S(o)(`channel.fieldDescription`)),1),g(n(`textarea`,{"onUpdate:modelValue":i[2]||(i[2]=e=>v.description=e),rows:`3`,maxlength:`150`,class:`w-full resize-none rounded-[var(--radius-default)] border border-border bg-base px-3 py-2 text-sm text-primary outline-none focus:border-accent`,placeholder:S(o)(`channel.fieldDescriptionPlaceholder`),disabled:f.value},null,8,ke),[[E,v.description]]),n(`p`,Ae,C(v.description.length)+`/150`,1)]),n(`div`,null,[n(`label`,je,C(S(o)(`channel.fieldCover`)),1),v.coverUrl?(p(),y(`div`,Me,[n(`div`,Ne,[n(`img`,{src:v.coverUrl,alt:``,class:`h-full w-full object-cover`},null,8,Pe)]),n(`div`,Fe,[n(`button`,{type:`button`,class:`nico-btn nico-btn-sm border border-border bg-base px-2.5 text-[13px] text-primary`,disabled:m.value||f.value,onClick:M},C(m.value?S(o)(`channel.uploadingCover`):S(o)(`channel.changeCover`)),9,Ie),n(`button`,{type:`button`,class:`text-[11px] text-muted hover:text-danger`,disabled:f.value,onClick:i[3]||(i[3]=e=>v.coverUrl=``)},C(S(o)(`channel.removeCover`)),9,Le)])])):(p(),y(`button`,{key:1,type:`button`,class:`flex w-full max-w-[200px] flex-col items-center justify-center gap-1 rounded-[var(--radius-default)] border border-dashed border-border py-6 text-muted transition-colors hover:border-accent hover:text-accent`,disabled:m.value||f.value,onClick:M},[c(d,{name:`image`,size:20}),n(`span`,ze,C(m.value?S(o)(`channel.uploadingCover`):S(o)(`channel.selectCover`)),1)],8,Re))]),n(`div`,null,[n(`label`,Be,C(S(o)(`channel.fieldJoinPermission`)),1),g(n(`select`,{"onUpdate:modelValue":i[4]||(i[4]=e=>v.joinPermission=e),class:`nico-search !h-9 !text-sm`,disabled:f.value},[n(`option`,He,C(S(o)(`channel.joinOpen`)),1),n(`option`,Ue,C(S(o)(`channel.joinApproval`)),1),n(`option`,We,C(S(o)(`channel.joinClosed`)),1)],8,Ve),[[w,v.joinPermission,void 0,{number:!0}]])])]),n(`div`,Ge,[n(`button`,{type:`button`,class:`nico-btn nico-btn-sm border border-border bg-base px-4 text-[13px] text-primary`,disabled:f.value,onClick:k},C(S(o)(`common.cancel`)),9,Ke),n(`button`,{type:`button`,class:`nico-btn nico-btn-sm nico-btn-primary px-4 text-[13px]`,disabled:f.value,onClick:P},C(f.value?S(o)(`channel.creating`):S(o)(`channel.createSubmit`)),9,qe)])])])])):l(``,!0)])}}}),Ye=`page:channel`;function Xe(){let{t:e}=b(),t=A(),n=O(),r=n.getPageState(Ye),a=_([]),o=_(!1),s=_(r?.officialCollapsed??!1),c=_([]),l=_([]),u=_(r?.recommended??[]),p=_(r?.recommendedPage??1

1),h=_(r?.hasMoreRecommended??!0),g=_(!1),v=_(!1),y=_(!1),x=_(!1),S=_(null),C=_(r?.myCollapsed??!1),w=_(r?.followedCollapsed??!1),T=_(r?.recommendedCollapsed??!1),E=_(!1),D=_([]),k=_([]),j=_(null),M=_(!1),R=_(void 0),z=d(()=>t.isReady?t.activeAccount?.token??null:null),B=d(()=>new Set([...a.value,...c.value,...l.value].map(e=>e.channelId)));m(c,e=>{D.value=e}),m(l,e=>{k.value=e});function V(){n.setPageState(Ye,{officialCollapsed:s.value,myCollapsed:C.value,followedCollapsed:w.value,recommendedCollapsed:T.value,recommended:u.value,recommendedPage:p.value,hasMoreRecommended:h.value})}m([s,C,w,T,u,p,h],V,{deep:!0});async function H(e){o.value=!0;try{let t=z.value;a.value=await N(ne,t,e)}catch(e){if(e.name===`AbortError`)return;a.value=[]}finally{o.value=!1}}async function U(t){let n=z.value;if(!n){c.value=[];return}g.value=!0,S.value=null;try{c.value=await F(e=>te(e,n),t)}catch(t){if(t.name===`AbortError`)return;S.value=e(`channel.fetchMyFailed`)}finally{g.value=!1}}async function W(e){let t=z.value;if(!t){l.value=[];return}v.value=!0;try{l.value=await F(e=>ee(e,t),e)}catch(e){if(e.name===`AbortError`)return;l.value=[]}finally{v.value=!1}}function G(e,t=new Set(u.value.map(e=>e.channelId))){let n=B.value;return e.filter(e=>!n.has(e.channelId)&&!t.has(e.channelId))}async function K(e){if(!M.value){M.value=!0,y.value=!0,p.value=1,h.value=!0;try{let t=z.value,n=[],r=1,i=!0;for(;n.length<12&&i&&!e?.aborted;){let a=await(await fetch(L(r,t,{limit:12,sort:`follower_count`,order:`desc`}),{signal:e,cache:`default`})).json(),o=I(a);n=[...n,...G(o)];let s=P(a);i=s?s.page<s.total_pages:o.length>=12,r++}u.value=n,h.value=i,p.value=r-1}catch(e){if(e.name===`AbortError`)return;u.value=[],h.value=!1}finally{M.value=!1,y.value=!1}}}async function q(){if(M.value||x.value||!h.value)return;M.value=!0,x.value=!0;let e=new AbortController;try{let t=z.value,n=new Set([...D.value,...k.value].map(e=>e.channelId)),r=new Set(u.value.map(e=>e.channelId)),i=p.value+1,a=await(await fetch(L(i,t,{limit:12,sort:`follower_count`,order:`desc`}),{signal:e.signal,cache:`default`})).json(),o=I(a),s=o.filter(e=>!n.has(e.channelId)&&!r.has(e.channelId));u.value=[...u.value,...s],p.value=i;let c=P(a);c?h.value=c.page<c.total_pages:h.value=o.length>=12}catch(e){if(e.name===`AbortError`)return;h.value=!1}finally{M.value=!1,x.value=!1}}m(()=>[t.isReady,z.value],([e,t])=>{if(!e)return;let n=R.value;if(n===void 0){R.value=t;return}n!==t&&(R.value=t,u.value=[],p.value=1,h.value=!0)});let J=null,Y=null;m(()=>[t.isReady,z.value],([e,t])=>{J?.abort(),Y?.abort(),e&&(J=new AbortController,Y=new AbortController,H(J.signal),U(J.signal),t?W(J.signal):l.value=[],K(Y.signal))},{immediate:!0}),m(B,e=>{if(u.value.length===0||e.size===0)return;let t=u.value.filter(t=>!e.has(t.channelId));t.length!==u.value.length&&(u.value=t)});function X(){if(!t.isAuthenticated){t.openAuth(`login`);return}E.value=!0}async function Z(){await U(new AbortController().signal)}let Q=null;return m(()=>[j.value,h.value,y.value,x.value,u.value.length,T.value],([e,t,n,r,i,a],o,s)=>{Q?.disconnect(),!(!t||n||r||a||!e||i===0)&&(Q=new IntersectionObserver(e=>{e.some(e=>e.isIntersecting)&&q()},{threshold:.1,rootMargin:`0px 0px 400px 0px`}),Q.observe(e),s(()=>Q?.disconnect()))},{flush:`post`}),i(()=>{n.hydrate()}),f(()=>{Q?.disconnect(),J?.abort(),Y?.abort()}),{officialChannels:a,loadingOfficial:o,officialCollapsed:s,myChannels:c,followedChannels:l,recommended:u,loadingMy:g,loadingFollowed:v,loadingRecommended:y,loadingMoreRecommended:x,hasMoreRecommended:h,error:S,myCollapsed:C,followedCollapsed:w,recommendedCollapsed:T,showCreateModal:E,loadMoreRef:j,openCreateModal:X,refreshMyChannels:Z,loadMoreRecommended:q}}var Ze={class:`space-y-5`},Qe={class:`rounded-[var(--radius-default)] border border-border bg-surface px-4 py-4 sm:px-6 sm:py-5`},$e={class:`flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between`},et={class:`space-y-2`},tt={class:`inline-flex items-center gap-1 rounded-full border border-border bg-elevated px-2 py-0.5 text-[11px] font-medium text-secondary`},nt={class:`text-xl font-bold text-primary sm:text-2xl`},rt={class:`max-w-2xl text-[13px] leading-relaxed text-secondary`},it={class:`flex flex-col items-start gap-3 sm:items-end`},at={class:`text-[11px] leading-relaxed text-muted`},ot={key:0,class:`border border-danger/30 bg-danger/10 px-3 py-2 text-[13px] text-danger`},st={class:`space-y-5`},ct={class:`mb-2 flex items-center justify-between border-b border-border pb-2 sm:mb-3`},lt={class:`text-base font-bold text-primary`},ut=[`aria-label`],dt={key:0,class:`grid gap-2 md:grid-cols-2`},ft={key:1,class:`text-[13px] text-muted`},pt={key:2,class:`grid gap-2 md:grid-cols-2`},mt={class:`mb-2 flex items-center justify-between border-b border-border pb-2 sm:mb-3`},ht={class:`text-base font-bold text-primary`},gt=[`aria-label`],_t={key:0,class:`grid gap-2 md:grid-cols-2`},vt={key:1,class:`text-[13px] text-muted`},yt={key:2,class:`grid gap-2 md:grid-cols-2`},bt={class:`mb-2 flex items-center justify-between border-b border-border pb-2 sm:mb-3`},xt={class:`text-base font-bold text-primary`},St=[`aria-label`],Ct={key:0,class:`grid gap-2 md:grid-cols-2`},wt={key:1,class:`text-[13px] text-muted`},Tt={key:2,class:`grid gap-2 md:grid-cols-2`},Et={class:`mb-2 flex items-center justify-between border-b border-border pb-2 sm:mb-3`},Dt={class:`text-base font-bold text-primary`},Ot=[`aria-label`],kt={key:0,class:`grid gap-3 md:grid-cols-3`},At={key:1,class:`text-[13px] text-muted`},jt={class:`grid gap-3 md:grid-cols-3`},Mt={key:0,class:`grid gap-3 md:grid-cols-3`},Nt={key:1,class:`h-4`},Pt=r({__name:`ChannelView`,setup(r){let{t:i}=b(),{officialChannels:u,loadingOfficial:d,officialCollapsed:f,myChannels:m,followedChannels:h,recommended:g,loadingMy:_,loadingFollowed:v,loadingRecommended:x,loadingMoreRecommended:w,hasMoreRecommended:T,error:E,myCollapsed:D,followedCollapsed:O,recommendedCollapsed:k,showCreateModal:A,loadMoreRef:j,openCreateModal:M,refreshMyChannels:N}=Xe();return(r,b)=>{let P=a(`MaterialIcon`);return p(),y(`div`,Ze,[n(`section`,Qe,[n(`div`,$e,[n(`div`,et,[n(`div`,tt,[c(P,{name:`grid_view`,size:14}

1),s(` `+C(S(i)(`channel.squareBadge`)),1)]),n(`h1`,nt,C(S(i)(`channel.title`)),1),n(`p`,rt,C(S(i)(`channel.subtitle`)),1)]),n(`div`,it,[n(`div`,at,[n(`p`,null,C(S(i)(`channel.hintYouCan`)),1),n(`p`,null,C(S(i)(`channel.hintJoin`)),1),n(`p`,null,C(S(i)(`channel.hintFollow`)),1),n(`p`,null,C(S(i)(`channel.hintDiscover`)),1)]),n(`button`,{type:`button`,class:`nico-btn nico-btn-sm nico-btn-primary inline-flex items-center gap-1 px-3 text-[13px]`,onClick:b[0]||(b[0]=(...e)=>S(M)&&S(M)(...e))},[c(P,{name:`add`,size:16}),s(` `+C(S(i)(`channel.createChannel`)),1)])])])]),S(E)?(p(),y(`p`,ot,C(S(E)),1)):l(``,!0),n(`div`,st,[n(`section`,null,[n(`div`,ct,[n(`h2`,lt,C(S(i)(`channel.officialSection`)),1),n(`button`,{type:`button`,class:`nico-icon-btn`,"aria-label":S(f)?S(i)(`channel.expand`):S(i)(`channel.collapse`),onClick:b[1]||(b[1]=e=>f.value=!S(f))},[c(P,{name:S(f)?`expand_more`:`expand_less`,size:20},null,8,[`name`])],8,ut)]),S(f)?l(``,!0):(p(),y(e,{key:0},[S(d)&&S(u).length===0?(p(),y(`div`,dt,[(p(),y(e,null,o(4,e=>c($,{key:e})),64))])):S(u).length===0?(p(),y(`p`,ft,C(S(i)(`channel.noOfficial`)),1)):(p(),y(`div`,pt,[(p(!0),y(e,null,o(S(u),e=>(p(),t(Y,{key:e.channelId,channel:e},null,8,[`channel`]))),128))]))],64))]),n(`section`,null,[n(`div`,mt,[n(`h2`,ht,C(S(i)(`channel.joinedSection`)),1),n(`button`,{type:`button`,class:`nico-icon-btn`,"aria-label":S(D)?S(i)(`channel.expand`):S(i)(`channel.collapse`),onClick:b[2]||(b[2]=e=>D.value=!S(D))},[c(P,{name:S(D)?`expand_more`:`expand_less`,size:20},null,8,[`name`])],8,gt)]),S(D)?l(``,!0):(p(),y(e,{key:0},[S(_)&&S(m).length===0?(p(),y(`div`,_t,[(p(),y(e,null,o(4,e=>c($,{key:e})),64))])):S(m).length===0?(p(),y(`p`,vt,C(S(i)(`channel.noJoined`)),1)):(p(),y(`div`,yt,[(p(!0),y(e,null,o(S(m),e=>(p(),t(Y,{key:e.channelId,channel:e},null,8,[`channel`]))),128))]))],64))]),n(`section`,null,[n(`div`,bt,[n(`h2`,xt,C(S(i)(`channel.followedSection`)),1),n(`button`,{type:`button`,class:`nico-icon-btn`,"aria-label":S(O)?S(i)(`channel.expand`):S(i)(`channel.collapse`),onClick:b[3]||(b[3]=e=>O.value=!S(O))},[c(P,{name:S(O)?`expand_more`:`expand_less`,size:20},null,8,[`name`])],8,St)]),S(O)?l(``,!0):(p(),y(e,{key:0},[S(v)&&S(h).length===0?(p(),y(`div`,Ct,[(p(),y(e,null,o(4,e=>c($,{key:e})),64))])):S(h).length===0?(p(),y(`p`,wt,C(S(i)(`channel.noFollowed`)),1)):(p(),y(`div`,Tt,[(p(!0),y(e,null,o(S(h),e=>(p(),t(Y,{key:e.channelId,channel:e},null,8,[`channel`]))),128))]))],64))]),n(`section`,null,[n(`div`,Et,[n(`h2`,Dt,C(S(i)(`channel.recommendedSection`)),1),n(`button`,{type:`button`,class:`nico-icon-btn`,"aria-label":S(k)?S(i)(`channel.expand`):S(i)(`channel.collapse`),onClick:b[4]||(b[4]=e=>k.value=!S(k))},[c(P,{name:S(k)?`expand_more`:`expand_less`,size:20},null,8,[`name`])],8,Ot)]),S(k)?l(``,!0):(p(),y(e,{key:0},[S(x)&&S(g).length===0?(p(),y(`div`,kt,[(p(),y(e,null,o(6,e=>c($,{key:e,variant:`featured`})),64))])):S(g).length===0?(p(),y(`p`,At,C(S(i)(`channel.noRecommended`)),1)):(p(),y(e,{key:2},[n(`div`,jt,[(p(!0),y(e,null,o(S(g),e=>(p(),t(me,{key:e.channelId,channel:e},null,8,[`channel`]))),128))]),S(T)?(p(),y(`div`,{key:0,ref_key:`loadMoreRef`,ref:j,class:`mt-4`},[S(w)?(p(),y(`div`,Mt,[(p(),y(e,null,o(3,e=>c($,{key:e,variant:`featured`})),64))])):(p(),y(`div`,Nt))],512)):l(``,!0)],64))],64))])]),c(Je,{open:S(A),onClose:b[5]||(b[5]=e=>A.value=!1),onCreated:b[6]||(b[6]=()=>{A.value=!1,S(N)()})},null,8,[`open`])])}}});export{Pt as default};