https://www.ottohub.cn/assets/HomeView-CaR2ELBm.js

1import{C as e,D as t,E as n,F as r,H as i,J as a,K as o,N as s,O as c,S as l,T as u,U as d,W as f,Z as p,c as m,ct as h,it as g,j as _,k as v,lt as y,n as ee,p as b,s as te,st as x,ut as S,z as C}from"./vendor-vue-Bu-KQjoC.js";import{l as w,u as T}from"./apiResponse-C8fEm_-L.js";import{Z as ne,d as re,rt as E,s as D,st as ie,u as O}from"./index-BE2-dWra.js";import{t as ae}from"./useWindowWidth-BPOgIc3r.js";import{r as oe,t as k}from"./VideoCard-D1Kl4hUn.js";import{r as se}from"./slideshowApi-D_gn_C-h.js";import{a as A,i as j,n as M,t as ce}from"./videoApi--uK-Udm0.js";var N={},P={class:`home-popular-skeleton-card animate-pulse overflow-hidden rounded-[var(--radius-default)] border border-border bg-surface`};function F(e,t){return f(),v(`div`,P,[...t[0]||(t[0]=[_(`<div class="home-popular-skeleton-cover aspect-video bg-reader"></div><div class="space-y-1.5 p-2"><div class="home-popular-skeleton-line h-4 w-full rounded-sm bg-elevated"></div><div class="home-popular-skeleton-line h-3 w-4/5 rounded-sm bg-elevated"></div><div class="home-popular-skeleton-meta h-3 w-2/3 rounded-sm bg-elevated"></div></div>`,2)])])}var I=E(N,[[`render`,F]]),L={},R={class:`home-skeleton-card animate-pulse overflow-hidden rounded-[var(--radius-default)] border border-border bg-surface`};function z(e,t){return f(),v(`div`,R,[...t[0]||(t[0]=[_(`<div class="home-skeleton-cover aspect-video bg-reader"></div><div class="space-y-1.5 p-2"><div class="home-skeleton-line h-4 w-full rounded-sm bg-elevated"></div><div class="home-skeleton-line h-3 w-4/5 rounded-sm bg-elevated"></div><div class="home-skeleton-meta h-3 w-2/3 rounded-sm bg-elevated"></div></div>`,2)])])}var B=E(L,[[`render`,z]]),V=180;function H(){let e=document.querySelector(`header`),t=document.querySelector(`[data-home-filter-bar]`),n=e?.getBoundingClientRect().height??0,r=t?.getBoundingClientRect().height??0;return n===0||r===0?114:n+r}function U(){let e=H(),t=window.innerHeight-e,n=document.querySelectorAll(`[data-video-card][data-vid]`),r=null,i=1/0;for(let a of n){let n=a.getBoundingClientRect();if(n.width<=0||n.height<=0)continue;let o=n.top-e,s=n.bottom-e;o<t&&s>0&&o>=0&&o<i&&(i=o,r=a)}return r?.dataset.vid??null}function le(){let e=te(),t=oe(),{autoPreviewEnabled:n,playingVid:r,previewSuspended:a}=b(t),{isMobile:o,windowWidth:s}=ae(),c=null,l=!1;function u(){c&&(clearTimeout(c),c=null)}function f(){if(e.path!==`/`||!o()||!n.value||document.hidden)return;let i=U();r.value!==i&&t.setPlayingVid(i)}function m(){t.setPreviewSuspended(!1),f(),document.querySelector(`[data-video-card] video`)?.play().catch(()=>{})}function h(){a.value||(t.setPreviewSuspended(!0),document.querySelectorAll(`[data-video-card] video`).forEach(e=>{e.pause()})),u(),c=setTimeout(m,V)}function g(){l&&(window.removeEventListener(`scroll`,h),l=!1,u(),a.value&&t.setPreviewSuspended(!1))}function _(){l||(window.addEventListener(`scroll`,h,{passive:!0}),l=!0,m())}function v(){e.path===`/`&&o()&&n.value?_():(g(),o()&&!n.value&&r.value&&t.setPlayingVid(null))}function y(){let e=document.querySelector(`[data-video-card] video`);if(document.hidden){e?.pause();return}m()}i(()=>{document.addEventListener(`visibilitychange`,y),v()}),d(()=>{document.removeEventListener(`visibilitychange`,y),g()}),p(()=>[e.path,n.value,s.value],()=>v())}var W=`page:home`,G=[{key:`random`,labelKey:`home.filters.random`},{key:`new`,labelKey:`home.filters.new`},{key:`repost`,labelKey:`home.filters.repost`},{key:`1`,labelKey:`home.filters.cat1`},{key:`3`,labelKey:`home.filters.cat3`},{key:`4`,labelKey:`home.filters.cat4`},{key:`5`,labelKey:`home.filters.cat5`},{key:`6`,labelKey:`home.filters.cat6`},{key:`7`,labelKey:`home.filters.cat7`},{key:`0`,labelKey:`home.filters.cat0`}];function K(){let{t:e}=ee(),t=m(),n=te(),r=ie(),a=ne(),o=oe(),{isDesktop:s,isPad:c,isMobile:l}=ae();le();let f=a.getPageState(W),h=g(f?.slides??[]),_=g([]),v=g(f?.videos??[]),y=g(f?.currentSlide??0),b=g(f?.activeFilter??`random`),x=g(!f),S=g(!1),C=g(f?.videoHasMore??!0),E=g(null),D=g(f?.fetchedFilter??null),k=g(f?.hasFetchedSlides??!1),N=g(null),P=g(f?.showMoreFilters??!1),F=g(!1),I=g(f?.mobileLayout??`single`),L=g(null),R=g(null),z=g(null),B=g(null),V=g(null),H=g(0),U=g(0),G=g(0),K=g(24),q=g(!1),J=g(void 0),Y=u(()=>r.isReady?r.activeAccount?.token??null:null),ue=u(()=>l()?I.value===`double`?`grid-cols-2`:`grid-cols-1`:c()?`grid-cols-4`:`grid-cols-5`),de=u(()=>s()?20:c()?16:8),fe=u(()=>l()?I.value===`double`?2:1:c()?4:5),pe=u(()=>v.value.slice(G.value,K.value)),X=0;function me(){let e=v.value,t=fe.value,n=V.value,r=l()&&I.value===`single`?320:240;if(!e.length){G.value=0,K.value=0,H.value=0,U.value=0;return}if(!n){let n=Math.min(e.length,t*10);G.value=0,K.value=n,H.value=0,U.value=Math.max(0,Math.ceil((e.length-n)/t)*r);return}let i=n.querySelector(`.feed-item`),a=i?Math.round(i.getBoundingClientRect().height+8):r;if(a<=0)return;let o=Math.max(0,-n.getBoundingClientRect().top),s=Math.max(0,Math.floor(o/a)-3),c=Math.ceil(window.innerHeight/a)+6,u=Math.min(e.length,s*t),d=Math.min(e.length,u+c*t),f=Math.ceil(e.length/t),p=Math.max(1,Math.ceil((d-u)/t));G.value=u,K.value=Math.max(d,u),H.value=s*a,U.value=Math.max(0,(f-s-p)*a)}function Z(){X||(X=requestAnimationFrame(()=>{X=0,me()}))}function he(){a.setPageState(W,{slides:h.value,videos:v.value,currentSlide:y.value,activeFilter:b.value,showMoreFilters:P.value,mobileLayout:I.value,videoHasMore:C.value,fetchedFilter:D.value,hasFetchedSlides:k.value})}p([h,v,y,b,P,I,C,D,k],he),p(()=>[r.isReady,Y.value],([e,t],n,r)=>{if(!e)return;let i=J.value;if(i===void 0){J.value=t,t&&(_.value.length>0||v.value.length>0)&&(N.value=null,D.value=null);return}i!==t&&(J.value=t,N.value=null,D.value=null,_.value=[],v.value=[],C.value=!0)}),p(()=>[l(),I.value],([e,t])=>

1{if(!e){o.setAutoPreviewEnabled(!0);return}o.setAutoPreviewEnabled(t!==`double`)},{immediate:!0});async function ge(t,n,r=!1){if(!q.value){q.value=!0,S.value=!0,E.value=null;try{let i=``,a=Y.value;i=t===`random`?a?M(n,20,a):w(`/api/video/random`,{num:20}):t===`new`?w(`/api/video/new`,T({offset:n,num:20,type:2},a)):t===`repost`?w(`/api/video/new`,T({offset:n,num:20,type:1},a)):w(`/api/video/category/${t}`,T({num:20},a));let o=await j(i,e(`home.fetchVideosFailed`));if(!o.ok){E.value=o.message;return}let s=A(o.data);v.value=r?[...v.value,...s]:s,D.value=t,C.value=s.length===20,x.value=!1}catch{E.value=e(`home.fetchVideosFailed`)}finally{q.value=!1,S.value=!1}}}function _e(){let e=b.value===`new`||b.value===`repost`||b.value===`random`&&!!Y.value;ge(b.value,e?v.value.length:0,!0)}function ve(e){if(!e)return;let n=re(e);n?O(n,t):window.open(e,`_blank`,`noopener,noreferrer`)}function ye(){O(`/popular`,t)}function be(){I.value=I.value===`single`?`double`:`single`}function xe(e){b.value=e,P.value=!1}function Se(){h.value.length<=1||(y.value=(y.value-1+h.value.length)%h.value.length)}function Ce(){h.value.length<=1||(y.value=(y.value+1)%h.value.length)}p(()=>k.value,e=>{if(e)return;let t=!1,n=async e=>{try{let r=await se();!t&&r.length>0?(h.value=r,k.value=!0):t||setTimeout(()=>void n(e+1),Math.min(15e3,1e3*(e+1)))}catch{t||setTimeout(()=>void n(e+1),Math.min(15e3,1e3*(e+1)))}};return n(0),()=>{t=!0}},{immediate:!0}),p(()=>[r.isReady,Y.value,N.value,_.value.length],([t,n,r,i],a,o)=>{if(!t)return;if(r===4&&i>0){x.value=!1;return}let s=!1,c=async t=>{try{let r=await j(ce({token:n,num:4}),e(`home.fetchVideosFailed`));if(!r.ok){s||setTimeout(()=>void c(t+1),Math.min(15e3,1e3*(t+1)));return}let i=A(r.data);!s&&i.length>0?(_.value=i,N.value=4,x.value=!1):s||setTimeout(()=>void c(t+1),Math.min(15e3,1e3*(t+1)))}catch{s||setTimeout(()=>void c(t+1),Math.min(15e3,1e3*(t+1)))}};return c(0),()=>{s=!0}},{immediate:!0}),p(()=>[r.isReady,b.value,D.value],([e,t,n])=>{e&&n!==t&&(v.value=[],C.value=!0,ge(t,0,!1))},{immediate:!0});let we=g(0);p(y,(e,t)=>{typeof t==`number`&&t!==e&&(we.value=t)});function Te(e){let t=h.value.length;if(t<=2)return!0;let n=y.value,r=(n+1)%t;return e===n||e===we.value||e===r}let Q=null;function Ee(){Q&&clearInterval(Q),Q=null;let e=h.value.length;e<=1||document.hidden||(Q=setInterval(()=>{y.value=(y.value+1)%e},5e3))}p(()=>h.value.length,()=>Ee(),{immediate:!0});function De(){Ee()}i(()=>{document.addEventListener(`visibilitychange`,De)}),d(()=>{document.removeEventListener(`visibilitychange`,De),Q&&clearInterval(Q)}),p(()=>[B.value,_.value.length,s(),c()],([,,e,t],n,r)=>{if(!e&&!t){L.value=null;return}let i=B.value;if(!i)return;let a=()=>{L.value=Math.round(i.getBoundingClientRect().height)};a();let o=new ResizeObserver(a);o.observe(i),window.addEventListener(`resize`,a),r(()=>{o.disconnect(),window.removeEventListener(`resize`,a)})},{flush:`post`});function $(){let e=R.value;e&&(F.value=e.scrollWidth>e.clientWidth+1)}p(()=>R.value,(e,t,n)=>{if(!e)return;$();let r=new ResizeObserver($);r.observe(e),window.addEventListener(`resize`,$),n(()=>{r.disconnect(),window.removeEventListener(`resize`,$)})},{flush:`post`}),p(b,()=>{requestAnimationFrame($)}),i(()=>{requestAnimationFrame($)}),p(()=>[z.value,C.value,S.value,v.value.length,b.value],([e,t,n],r,i)=>{if(!t||n||!e)return;let a=new IntersectionObserver(e=>{e.some(e=>e.isIntersecting)&&_e()},{threshold:.1,rootMargin:`0px 0px 400px 0px`});a.observe(e),i(()=>a.disconnect())},{flush:`post`}),p(()=>[v.value.length,fe.value,V.value],()=>Z(),{flush:`post`}),i(()=>{window.addEventListener(`scroll`,Z,{passive:!0}),window.addEventListener(`resize`,Z,{passive:!0}),Z()}),d(()=>{window.removeEventListener(`scroll`,Z),window.removeEventListener(`resize`,Z),X&&cancelAnimationFrame(X)});function Oe(e){y.value=e}function ke(){P.value=!P.value}return{route:n,slides:h,popularVideos:_,videos:v,currentSlide:y,activeFilter:b,loading:x,videoLoading:S,videoHasMore:C,error:E,showMoreFilters:P,canScrollFilters:F,mobileLayout:I,slideshowHeight:L,filterScrollRef:R,loadMoreRef:z,popularGridRef:B,feedGridRef:V,feedPadTop:H,feedPadBottom:U,windowedVideos:pe,isDesktop:s,isPad:c,isMobile:l,videoGridClass:ue,skeletonCount:de,handleSlideClick:ve,openPopular:ye,toggleMobileLayout:be,selectFilter:xe,prevSlide:Se,nextSlide:Ce,goToSlide:Oe,loadMoreVideos:_e,toggleShowMoreFilters:ke,isSlidePainted:Te}}var q={class:`space-y-5`},J={class:`mb-3 flex items-baseline justify-between gap-2 border-b border-border pb-2`},Y={class:`text-base font-bold text-primary`},ue={class:`hidden items-start gap-2 md:grid md:grid-cols-[3fr_2fr]`},de={class:`nico-carousel relative flex-1 overflow-hidden border border-border bg-reader`},fe=[`onClick`],pe=[`src`,`alt`],X={key:0,class:`absolute bottom-0 left-0 right-0 border-t border-black/20 bg-black/55 px-3 py-2`},me={class:`line-clamp-2 text-[15px] font-bold leading-snug text-white`},Z=[`aria-label`],he=[`aria-label`],ge={class:`absolute bottom-2 left-0 right-0 z-10 flex justify-center gap-1`},_e=[`aria-label`,`onClick`],ve={key:1,class:`home-hero-skeleton h-full w-full animate-pulse`},ye={class:`space-y-3 md:hidden`},be={class:`nico-carousel relative aspect-video overflow-hidden border border-border bg-reader`},xe=[`onClick`],Se=[`src`,`alt`],Ce={key:0,class:`absolute bottom-0 left-0 right-0 border-t border-black/20 bg-black/55 px-3 py-2`},we={class:`line-clamp-2 text-[15px] font-bold leading-snug text-white`},Te={class:`absolute bottom-2 left-0 right-0 z-10 flex justify-center gap-1`},Q=[`onClick`],Ee={key:1,class:`flex h-full w-full items-center justify-center text-[13px] text-muted`},De={class:`flex items-baseline justify-between gap-2 border-b border-border pb-2`},$={class:`text-base font-bold text-primary`},Oe={class:`text-[13px] text-muted`},ke={"data-home-filter-bar":``,class:`nico-sticky-subbar -mx-3 mb-3 px-3 py-3 md:-mx-4 md:px-4`},Ae={class:`relative flex items-stretch gap-1.5`},je=[`onClick`],Me=[`title`,`aria-label`],Ne={key:1,class:`absolute right-0 top-full z-30 mt-1 min-w-[180px] border border-border bg-surface p-1.5 shadow-md`},Pe={class:`flex max-h-64 flex-col gap-1 overflow-y-auto`},Fe=[`onClick`],Ie={key:0,class:`mb-3 border border-danger/30 bg-danger/10 px-3 py-2 text-[13px] text-danger`},Le={key:1},Re={key:2,class:`py-10 text-center`},ze={class:`text-[13px] text-muted`},Be={key:0,class:`fixed bottom-20 right-3 z-30 md:bottom-4`}

1,Ve={key:1,class:`mt-4 flex justify-center`},He=[`disabled`],Ue=r({__name:`HomeView`,setup(r){let i=m(),{t:u}=ee(),{slides:d,popularVideos:p,videos:g,currentSlide:_,activeFilter:b,loading:te,videoLoading:w,videoHasMore:T,error:ne,showMoreFilters:re,canScrollFilters:E,mobileLayout:ie,slideshowHeight:O,filterScrollRef:ae,loadMoreRef:oe,popularGridRef:se,feedGridRef:A,feedPadTop:j,feedPadBottom:M,windowedVideos:ce,isMobile:N,videoGridClass:P,skeletonCount:F,handleSlideClick:L,toggleMobileLayout:R,selectFilter:z,toggleShowMoreFilters:V,prevSlide:H,nextSlide:U,goToSlide:le,loadMoreVideos:W,isSlidePainted:Ue}=K();function We(e){D(e,i,`/popular`)}return(r,i)=>{let m=a(`MaterialIcon`);return f(),v(`div`,q,[n(`section`,null,[n(`div`,J,[n(`h2`,Y,S(x(u)(`home.pickupTitle`)),1),n(`a`,{href:`/popular`,class:`text-[13px] text-accent no-underline hover:underline`,onClick:We},S(x(u)(`home.openPopular`)),1)]),n(`div`,ue,[n(`div`,{class:`flex min-h-[180px] flex-col gap-2`,style:y(x(O)?{height:`${x(O)}px`}:void 0)},[n(`div`,de,[x(d).length>0?(f(),v(e,{key:0},[(f(!0),v(e,null,o(x(d),(t,r)=>(f(),v(e,{key:r},[x(Ue)(r)?(f(),v(`div`,{key:0,class:h([`absolute inset-0 transition-opacity duration-300`,r===x(_)?`opacity-100`:`opacity-0`]),style:y({cursor:t.href?`pointer`:`default`,pointerEvents:r===x(_)?`auto`:`none`}),onClick:e=>x(L)(t.href)},[n(`img`,{src:t.img_url,alt:t.title,decoding:`async`,class:`h-full w-full object-cover`},null,8,pe),t.title?(f(),v(`div`,X,[n(`h3`,me,S(t.title),1)])):c(``,!0)],14,fe)):c(``,!0)],64))),128)),x(d).length>1?(f(),v(e,{key:0},[n(`button`,{type:`button`,class:`nico-carousel-btn absolute left-1 top-1/2 z-10 -translate-y-1/2`,"aria-label":x(u)(`home.prevSlide`),onClick:i[0]||(i[0]=l((...e)=>x(H)&&x(H)(...e),[`stop`]))},[s(m,{name:`chevron_left`,size:18})],8,Z),n(`button`,{type:`button`,class:`nico-carousel-btn absolute right-1 top-1/2 z-10 -translate-y-1/2`,"aria-label":x(u)(`home.nextSlide`),onClick:i[1]||(i[1]=l((...e)=>x(U)&&x(U)(...e),[`stop`]))},[s(m,{name:`chevron_right`,size:18})],8,he),n(`div`,ge,[(f(!0),v(e,null,o(x(d),(e,t)=>(f(),v(`button`,{key:t,type:`button`,class:h([`nico-carousel-dot`,{"is-active":t===x(_)}]),"aria-label":x(u)(`home.goToSlide`,{n:t+1}),onClick:l(e=>x(le)(t),[`stop`])},null,10,_e))),128))])],64)):c(``,!0)],64)):(f(),v(`div`,ve))])],4),n(`div`,null,[n(`div`,{ref_key:`popularGridRef`,ref:se,class:`grid grid-cols-2 gap-2`},[x(p).length===0?(f(),v(e,{key:0},o(4,e=>s(I,{key:e})),64)):c(``,!0),(f(!0),v(e,null,o(x(p),e=>(f(),t(k,C({key:e.vid},{ref_for:!0},e),null,16))),128))],512)])]),n(`div`,ye,[n(`div`,be,[x(d).length>0?(f(),v(e,{key:0},[(f(!0),v(e,null,o(x(d),(t,r)=>(f(),v(e,{key:r},[x(Ue)(r)?(f(),v(`div`,{key:0,class:h([`absolute inset-0 transition-opacity duration-300`,r===x(_)?`opacity-100`:`opacity-0`]),style:y({cursor:t.href?`pointer`:`default`,pointerEvents:r===x(_)?`auto`:`none`}),onClick:e=>x(L)(t.href)},[n(`img`,{src:t.img_url,alt:t.title,decoding:`async`,class:`h-full w-full object-cover`},null,8,Se),t.title?(f(),v(`div`,Ce,[n(`h3`,we,S(t.title),1)])):c(``,!0)],14,xe)):c(``,!0)],64))),128)),x(d).length>1?(f(),v(e,{key:0},[n(`button`,{type:`button`,class:`nico-carousel-btn absolute left-1 top-1/2 z-10 -translate-y-1/2`,onClick:i[2]||(i[2]=l((...e)=>x(H)&&x(H)(...e),[`stop`]))},[s(m,{name:`chevron_left`,size:18})]),n(`button`,{type:`button`,class:`nico-carousel-btn absolute right-1 top-1/2 z-10 -translate-y-1/2`,onClick:i[3]||(i[3]=l((...e)=>x(U)&&x(U)(...e),[`stop`]))},[s(m,{name:`chevron_right`,size:18})]),n(`div`,Te,[(f(!0),v(e,null,o(x(d),(e,t)=>(f(),v(`button`,{key:t,type:`button`,class:h([`nico-carousel-dot`,{"is-active":t===x(_)}]),onClick:l(e=>x(le)(t),[`stop`])},null,10,Q))),128))])],64)):c(``,!0)],64)):(f(),v(`div`,Ee,S(x(te)?x(u)(`home.loading`):x(u)(`home.noSlides`)),1))])])]),n(`section`,null,[n(`div`,De,[n(`h2`,$,S(x(u)(`home.feedTitle`)),1),n(`span`,Oe,S(x(u)(`home.feedDesc`)),1)]),n(`div`,ke,[n(`div`,Ae,[n(`div`,{ref_key:`filterScrollRef`,ref:ae,class:`nico-tab-scroll flex min-w-0 flex-1 flex-nowrap items-center gap-1.5`},[(f(!0),v(e,null,o(x(G),e=>(f(),v(`button`,{key:e.key,type:`button`,class:h([`nico-btn nico-btn-sm shrink-0 px-2.5 text-[13px]`,x(b)===e.ke

1y?`nico-btn-primary`:`border border-border bg-base text-primary`]),onClick:t=>x(z)(e.key)},S(x(u)(e.labelKey)),11,je))),128))],512),x(E)?(f(),v(`button`,{key:0,type:`button`,class:`nico-btn nico-btn-sm inline-flex h-full min-w-7 shrink-0 items-center justify-center border border-border bg-base px-2 text-[12px] text-primary sm:text-[13px]`,title:x(u)(`home.showAllFilters`),"aria-label":x(u)(`home.moreFilters`),onClick:i[4]||(i[4]=(...e)=>x(V)&&x(V)(...e))},[...i[7]||(i[7]=[n(`span`,{class:`flex gap-0.5`},[n(`span`,{class:`inline-block h-1 w-1 rounded-full bg-current`}),n(`span`,{class:`inline-block h-1 w-1 rounded-full bg-current`}),n(`span`,{class:`inline-block h-1 w-1 rounded-full bg-current`})],-1)])],8,Me)):c(``,!0),x(re)&&x(E)?(f(),v(`div`,Ne,[n(`div`,Pe,[(f(!0),v(e,null,o(x(G),e=>(f(),v(`button`,{key:e.key,type:`button`,class:h([`nico-btn nico-btn-sm w-full justify-start px-2.5 text-left text-[13px]`,x(b)===e.key?`nico-btn-primary`:`border border-transparent bg-base text-primary hover:bg-elevated`]),onClick:t=>x(z)(e.key)},S(x(u)(e.labelKey)),11,Fe))),128))])])):c(``,!0)])]),x(ne)?(f(),v(`p`,Ie,S(x(ne)),1)):c(``,!0),x(w)&&x(g).length===0?(f(),v(`div`,Le,[n(`div`,{class:h([`grid gap-2`,x(P)])},[(f(!0),v(e,null,o(x(F),e=>(f(),t(B,{key:e}))),128))],2)])):x(g).length===0?(f(),v(`div`,Re,[n(`p`,ze,S(x(u)(`home.noVideos`)),1)])):(f(),v(e,{key:3},[n(`div`,{ref_key:`feedGridRef`,ref:A,style:y({paddingTop:x(j)?`${x(j)}px`:void 0,paddingBottom:x(M)?`${x(M)}px`:void 0})},[n(`div`,{class:h([`grid gap-2`,x(P)])},[(f(!0),v(e,null,o(x(ce),e=>(f(),t(k,C({key:e.vid},{ref_for:!0},e),null,16))),128))],2)],4),x(N)()?(f(),v(`div`,Be,[n(`button`,{type:`button`,class:`nico-btn border border-border bg-surface px-2.5 text-[13px] text-primary shadow-md`,onClick:i[5]||(i[5]=(...e)=>x(R)&&x(R)(...e))},S(x(ie)===`single`?x(u)(`home.mobileDouble`):x(u)(`home.mobileSingle`)),1)])):c(``,!0),x(T)?(f(),v(`div`,Ve,[n(`button`,{ref_key:`loadMoreRef`,ref:oe,type:`button`,class:`nico-btn border border-border bg-base px-4 text-[13px] text-primary disabled:cursor-not-allowed disabled:opacity-50`,disabled:x(w),onClick:i[6]||(i[6]=(...e)=>x(W)&&x(W)(...e))},S(x(w)?x(u)(`home.loadingMore`):x(u)(`home.loadMore`)),9,He)])):c(``,!0)],64))])])}}});export{Ue as default};