視聴可能なチャンネルが
ありません。
前回チャンネルスキャンしたときに
受信可能なチャンネルを見つけられませんでした。
再度チャンネルスキャンを行ってください。
',1),Le=[Ie];function Ve(t,n,d,m,je,ze){const D=c("HeaderBar"),x=c("Navigation"),P=c("router-link"),k=c("Icon"),A=c("SwiperSlide"),U=c("Swiper"),H=V("tooltip");return o(),l("div",Y,[h(D),e("main",null,[h(x),e("div",{class:p(["channels-container channels-container--home",{"channels-container--loading":t.is_loading}])},[e("div",ee,[e("div",{class:"channels-tab__buttons",style:B({"--tab-length":Array.from(t.channelsStore.channels_list_with_pinned).length,"--active-tab-index":t.active_tab_index})},[(o(!0),l(v,null,f(Array.from(t.channelsStore.channels_list_with_pinned),([a],_)=>(o(),b(z,{variant:"flat",class:"channels-tab__button",key:a,onClick:s=>t.active_tab_index=_},{default:g(()=>[r(u(a),1)]),_:2},1032,["onClick"]))),128)),te],4)]),w(h(U,{class:"channels-list","space-between":32,"auto-height":!0,"touch-start-prevent-default":!1,observer:!0,"observe-parents":!0,onSwiper:n[1]||(n[1]=a=>t.swiper_instance=a),onSlideChange:n[2]||(n[2]=a=>t.active_tab_index=a.activeIndex)},{default:g(()=>[(o(!0),l(v,null,f(Array.from(t.channelsStore.channels_list_with_pinned),([a,_])=>(o(),b(A,{key:a},{default:g(()=>[e("div",{class:p(["channels",`channels--tab-${a} channels--length-${_.length}`])},[(o(!0),l(v,null,f(_,s=>w((o(),b(P,{class:"channel",draggable:"false",key:s.id,to:`/tv/watch/${s.display_channel_id}`},{default:g(()=>[e("div",se,[e("img",{class:"channel__broadcaster-icon",src:`${t.Utils.api_base_url}/channels/${s.id}/logo`},null,8,ne),e("div",ie,[e("span",ae,"Ch: "+u(s.channel_number)+" "+u(s.name),1),e("div",oe,[e("div",{class:p(["channel__broadcaster-status-force",`channel__broadcaster-status-force--${t.ChannelUtils.getChannelForceType(s.jikkyo_force)}`])},[re,le,e("span",ue,u(s.jikkyo_force??"--"),1),ce],2),e("div",de,[_e,he,e("span",pe,u(s.viewer_count),1)])])]),w((o(),l("div",{class:p(["channel__broadcaster-pin",{"channel__broadcaster-pin--pinned":t.isPinnedChannel(s)}]),onClick:F(Ne=>t.isPinnedChannel(s)?t.removePinnedChannel(s):t.addPinnedChannel(s),["prevent","stop"]),onMousedown:n[0]||(n[0]=F(()=>{},["prevent","stop"]))},ve,42,ge)),[[y],[H,t.isPinnedChannel(s)?"ピン留めを外す":"ピン留めする"]])]),e("div",fe,[e("div",we,[e("span",{class:"channel__program-present-title",innerHTML:t.ProgramUtils.decorateProgramInfo(s.program_present,"title")},null,8,be),e("span",Ce,u(t.ProgramUtils.getProgramTime(s.program_present)),1)]),e("span",{class:"channel__program-present-description",innerHTML:t.ProgramUtils.decorateProgramInfo(s.program_present,"description")},null,8,Se)]),h(Q),e("div",Be,[e("div",Ee,[Fe,ye,e("span",{class:"channel__program-following-title-text",innerHTML:t.ProgramUtils.decorateProgramInfo(s.program_following,"title")},null,8,De)]),e("span",xe,u(t.ProgramUtils.getProgramTime(s.program_following)),1)]),e("div",Pe,[e("div",{class:"channel__progressbar-progress",style:B(`width:${t.ProgramUtils.getProgramProgress(s.program_present)}%;`)},null,4)])]),_:2},1032,["to"])),[[y]])),128)),a==="ピン留め"&&_.length===0?(o(),l("div",ke,[e("div",Ae,[Ue,e("div",He,[r("各チャンネルの "),h(k,{style:{position:"relative",bottom:"-5px"},icon:"fluent:pin-20-filled",width:"22px"}),r(" アイコンから、よくみる"),Me,r("チャンネルをこのタブにピン留めできます。")]),$e])])):E("",!0)],2)]),_:2},1024))),128))]),_:1},512),[[j,Array.from(t.channelsStore.channels_list_with_pinned).length>0]]),Array.from(t.channelsStore.channels_list_with_pinned).length===0?(o(),l("div",Te,Le)):E("",!0)],2)])])}const Ge=L(W,[["render",Ve],["__scopeId","data-v-cb649240"]]);export{Ge as default};
+import{d as M,U as C,P as $,m as T,M as S,u as I,_ as L,r as c,a as V,o,c as l,b as h,e,n as p,f as B,F as v,g as f,w,v as j,h as g,i as E,j as b,k as r,t as u,V as z,l as F,R as y,p as N,q as O,s as R}from"./index-UyKa8zRQ.js";import{S as Z,a as q}from"./swiper-CkTJUHPJ.js";import{H as X,N as G}from"./Navigation-DPuwhHC7.js";import{C as J,u as K}from"./ChannelsStore-DQRCClis.js";import{V as Q}from"./ssrBoot-DpDdaohm.js";const W=M({name:"TV-Home",components:{HeaderBar:X,Navigation:G,Swiper:Z,SwiperSlide:q},data(){return{Utils:Object.freeze(C),ChannelUtils:Object.freeze(J),ProgramUtils:Object.freeze($),active_tab_index:0,swiper_instance:null,scroll_abort_controller:new AbortController,is_loading:!0,interval_ids:[]}},computed:{...T(K,I)},watch:{active_tab_index(){var t,n;(t=this.swiper_instance)==null||t.updateAutoHeight(),(n=this.swiper_instance)==null||n.slideTo(this.active_tab_index,this.is_loading===!0?0:void 0)}},async mounted(){var n,d;this.settingsStore.settings.pinned_channel_ids.length===0&&(this.active_tab_index=1);const t=60-new Date().getSeconds();this.interval_ids.push(window.setTimeout(()=>{this.channelsStore.update(!0),this.interval_ids.push(window.setInterval(()=>this.channelsStore.update(!0),30*1e3))},t*1e3)),await this.channelsStore.update(),((n=this.channelsStore.channels_list_with_pinned.get("ピン留め"))==null?void 0:n.length)===0&&(this.active_tab_index=1),(d=this.swiper_instance)==null||d.updateAutoHeight(),window.addEventListener("scroll",()=>{var m;(m=this.swiper_instance)==null||m.updateAutoHeight()},{passive:!0,signal:this.scroll_abort_controller.signal}),await C.sleep(.01),this.is_loading=!1},beforeUnmount(){for(const t of this.interval_ids)window.clearInterval(t);this.scroll_abort_controller.abort(),this.scroll_abort_controller=new AbortController},methods:{addPinnedChannel(t){this.settingsStore.settings.pinned_channel_ids=[...this.settingsStore.settings.pinned_channel_ids,t.id],S.show(`${t.name}をピン留めしました。`)},removePinnedChannel(t){var n;this.settingsStore.settings.pinned_channel_ids=this.settingsStore.settings.pinned_channel_ids.filter(d=>d!==t.id),((n=this.channelsStore.channels_list_with_pinned.get("ピン留め"))==null?void 0:n.length)===0&&(this.active_tab_index=1),S.show(`${t.name}のピン留めを外しました。`)},isPinnedChannel(t){return this.settingsStore.settings.pinned_channel_ids.includes(t.id)}}}),i=t=>(N("data-v-cb649240"),t=t(),O(),t),Y={class:"route-container"},ee={class:"channels-tab"},te=i(()=>e("div",{class:"channels-tab__highlight"},null,-1)),se={class:"channel__broadcaster"},ne=["src"],ie={class:"channel__broadcaster-content"},ae={class:"channel__broadcaster-name"},oe={class:"channel__broadcaster-status"},re=i(()=>e("svg",{class:"iconify iconify--fa-solid",width:"10.5px",height:"12px",viewBox:"0 0 448 512"},[e("path",{fill:"currentColor",d:"M323.56 51.2c-20.8 19.3-39.58 39.59-56.22 59.97C240.08 73.62 206.28 35.53 168 0C69.74 91.17 0 209.96 0 281.6C0 408.85 100.29 512 224 512s224-103.15 224-230.4c0-53.27-51.98-163.14-124.44-230.4zm-19.47 340.65C282.43 407.01 255.72 416 226.86 416C154.71 416 96 368.26 96 290.75c0-38.61 24.31-72.63 72.79-130.75c6.93 7.98 98.83 125.34 98.83 125.34l58.63-66.88c4.14 6.85 7.91 13.55 11.27 19.97c27.35 52.19 15.81 118.97-33.43 153.42z"})],-1)),le=i(()=>e("span",{class:"ml-1"},"勢い:",-1)),ue={class:"ml-1"},ce=i(()=>e("span",{style:{"margin-left":"3px"}}," コメ/分",-1)),de={class:"channel__broadcaster-status-viewers ml-4"},_e=i(()=>e("svg",{class:"iconify iconify--fa-solid",width:"15.75px",height:"14px",viewBox:"0 0 576 512"},[e("path",{fill:"currentColor",d:"M572.52 241.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400a144 144 0 1 1 144-144a143.93 143.93 0 0 1-144 144zm0-240a95.31 95.31 0 0 0-25.31 3.79a47.85 47.85 0 0 1-66.9 66.9A95.78 95.78 0 1 0 288 160z"})],-1)),he=i(()=>e("span",{class:"ml-1"},"視聴数:",-1)),pe={class:"ml-1"},ge=["onClick"],me=i(()=>e("svg",{class:"iconify iconify--fluent",width:"24px",height:"24px",viewBox:"0 0 20 20"},[e("path",{fill:"currentColor",d:"M13.325 2.617a2 2 0 0 0-3.203.52l-1.73 3.459a1.5 1.5 0 0 1-.784.721l-3.59 1.436a1 1 0 0 0-.335 1.636L6.293 13L3 16.292V17h.707L7 13.706l2.61 2.61a1 1 0 0 0 1.636-.335l1.436-3.59a1.5 1.5 0 0 1 .722-.784l3.458-1.73a2 2 0 0 0 .52-3.203l-4.057-4.057Z"})],-1)),ve=[me],fe={class:"channel__program-present"},we={class:"channel__program-present-title-wrapper"},be=["innerHTML"],Ce={class:"channel__program-present-time"},Se=["innerHTML"],Be={class:"channel__program-following"},Ee={class:"channel__program-following-title"},Fe=i(()=>e("span",{class:"channel__program-following-title-decorate"},"NEXT",-1)),ye=i(()=>e("svg",{class:"channel__program-following-title-icon iconify iconify--fluent",width:"16px",height:"16px",viewBox:"0 0 20 20"},[e("path",{fill:"currentColor",d:"M10.018 5.486a1 1 0 0 1 1.592-.806l5.88 4.311a1.25 1.25 0 0 1 0 2.017l-5.88 4.311a1 1 0 0 1-1.592-.806v-3.16L4.61 15.319a1 1 0 0 1-1.592-.806V5.486A1 1 0 0 1 4.61 4.68l5.408 3.966v-3.16Z"})],-1)),De=["innerHTML"],xe={class:"channel__program-following-time"},Pe={class:"channel__progressbar"},ke={key:0,class:"pinned-container d-flex justify-center align-center w-100"},Ae={class:"d-flex justify-center align-center flex-column"},Ue=i(()=>e("h2",null,[r("ピン留めされているチャンネルが"),e("br"),r("ありません。")],-1)),He={class:"mt-4 text-text-darken-1"},Me=i(()=>e("br",null,null,-1)),$e=i(()=>e("div",{class:"mt-2 text-text-darken-1"},[r("チャンネルをピン留めすると、"),e("br"),r("このタブが最初に表示されます。")],-1)),Te={key:0,class:"channels-list pinned-container d-flex justify-center align-center w-100",style:{"flex-grow":"1"}},Ie=R('