https://utaodo-collection.jp/2026-autumn/assets/js/hoisted-BONkSagZ.js

1import"./hoisted-Hs3K_dwb.js";import"./hoisted-_MDm4n3T.js";/* empty css                       */import{g as $,k as Y,e as j,l as Q}from"./get-ranking-list-BcAQ4D6E.js";const O=()=>{const t=[...document.querySelectorAll("[data-top-reveal]")],r=new Set(t);document.documentElement.dataset.topRevealReady=String(t.length);let a,c=0;const d=()=>{window.removeEventListener("scroll",f),window.removeEventListener("resize",f)},u=n=>{if(!r.delete(n))return;n.classList.add("is-revealed"),a?.unobserve(n);const o=i=>{i.target!==n||i.propertyName!=="transform"||(n.setAttribute("data-top-reveal-complete",""),n.removeEventListener("transitionend",o))};n.addEventListener("transitionend",o),r.size===0&&d()},s=()=>{c=0;const n=window.innerHeight*.9;r.forEach(o=>{const i=o.getBoundingClientRect();Math.min(i.bottom,n)-Math.max(i.top,0)>=Math.max(i.height*.1,1)&&u(o)})};function f(){c===0&&(c=window.requestAnimationFrame(s))}if(window.matchMedia("(prefers-reduced-motion: reduce)").matches||!("IntersectionObserver"in window)){t.forEach(n=>{n.classList.add("is-revealed"),n.setAttribute("data-top-reveal-complete","")});return}a=new IntersectionObserver(n=>{n.forEach(o=>{o.isIntersecting&&u(o.target)})},{rootMargin:"0px 0px -10%",threshold:.1}),window.__topRevealObserver=a,t.forEach(n=>{const o=(n.parentElement??n).getBoundingClientRect();o.top<window.innerHeight&&o.bottom>0?u(n):a.observe(n)}),window.addEventListener("scroll",f,{passive:!0}),window.addEventListener("resize",f,{passive:!0}),f()};document.readyState==="loading"?document.addEventListener("DOMContentLoaded",O,{once:!0}):O();

1const F=.4,K=2,J="/2026-autumn/pages/top/kv/hologram-texture.webp",Z=`
2attribute vec2 a_pos;
3void main() { gl_Position = vec4(a_pos, 0.0, 1.0); }
4`,ee=`
5precision highp float;
6uniform vec2 u_res;
7uniform float u_time;
8uniform float u_wobble;
9uniform sampler2D u_tex;
10
11const float S = 2.569;
12const vec2 T01 = vec2(-1.1858, -1.1858);
13const vec2 T02 = vec2(-0.3814, -0.8320);
14
15float hash(vec2 p) {
16  return fract(sin(dot(p, vec2(127.1, 311.7))) * 43758.5453123);
17}
18
19float noise(vec2 p) {
20  vec2 i = floor(p);
21  vec2 f = fract(p);
22  vec2 u = f * f * (3.0 - 2.0 * f);
23  return mix(
24    mix(hash(i), hash(i + vec2(1.0, 0.0)), u.x),
25    mix(hash(i + vec2(0.0, 1.0)), hash(i + vec2(1.0, 1.0)), u.x),
26    u.y
27  );
28}
29
30float fbm(vec2 p) {
31  float v = 0.0;
32  float a = 0.55;
33  for (int i = 0; i < 3; i++) {
34    v += a * noise(p);
35    p = p * 1.9 + vec2(11.7, 5.3);
36    a *= 0.45;
37  }
38  return v;
39}
40
41void main() {
42  vec2 uv = gl_FragCoord.xy / u_res;
43  vec2 pw = vec2(uv.x, uv.y * (u_res.y / u_res.x));
44  float cycleT = mod(u_time, 10.0);
45  float k = cycleT < 4.0 ? cycleT / 4.0 : 1.0 - (cycleT - 4.0) / 6.0;
46  float w1 = sin(pw.y * 12.0 + u_time * 0.6) + 0.6 * sin(pw.y * 5.0 - u_time * 0.37);
47  float w2 = sin(pw.x * 9.0 - u_time * 0.5) + 0.6 * sin(pw.x * 3.7 + u_time * 0.31);
48  vec2 nz = vec2(
49    fbm(pw * 3.2 + u_time * vec2(0.05, 0.04)),
50    fbm(pw * 3.2 + vec2(5.1, 8.7) - u_time * vec2(0.04, 0.05))
51  ) - 0.5;
52  vec2 warp = (vec2(w1, w2) * 0.5 + nz * 1.4) * 0.09 * u_wobble;
53  vec2 pWarped = pw + warp;
54  vec2 T = mix(T01, T02, k);
55  vec2 c = T + vec2(S * 0.5);
56  vec2 d = pWarped - c;
57  float A = 3.14159265 * k;
58  float ca = cos(A), sa = sin(A);
59  vec2 dl = vec2(ca * d.x - sa * d.y, sa * d.x + ca * d.y);
60  vec2 st = dl / S + 0.5;
61  vec3 col = texture2D(u_tex, st).rgb;
62  float sheen = (w1 + w2) * 0.25 + nz.x * 0.8;
63  col += sheen * 0.055 * u_wobble;
64  gl_FragColor = vec4(col, 1.0);
65}
66`,g=document.querySelector("[data-kv-holo]"),R=g?.closest(".kv-holo");if(g&&R){const t=window.matchMedia("(prefers-reduced-motion: reduce)");let r=null,a=null,c=null,d=0,u=performance.now(),s=null,f=0,n=!1,o=!1,i=!1,w=null;const p=()=>n&&!t.matches&&!document.hidden&&!o&&!i&&s===null,h=()=>{c!==null&&cancelAnimationFrame(c),c=null},E=l=>{n=!1,w=l,h(),R.dataset.webglStatus="fallback"},b=l=>{c=null,!(!p()||!r)&&(r((l-u)/1e3*F),c=requestAnimationFrame(b))},_=()=>{p()&&c===null&&(c=requestAnimationFrame(b))},M=(l,e,m)=>{const v=l.createShader(e);if(!v)throw new Error("shader-create");if(l.shaderSource(v,m),l.compileShader(v),!l.getShaderParameter(v,l.COMPILE_STATUS))throw new Error(l.getShaderInfoLog(v)??"shader-compile");return v},X=1e4,z=l=>new Promise((e,m)=>{const v=new Image,y=window.setTimeout(()=>{v.onload=null,v.onerror=null,m(new Error("texture-timeout"))},X);v.onload=()=>{window.clearTimeout(y),v.onerror=null,e(v)},v.onerror=()=>{window.clearTimeout(y),v.onload=null,m(new Error("texture-load"))},v.src=l}),U=async()=>{const l=++d;h(),a?.disconnect(),a=null,n=!1,i=!1,w=null,R.dataset.webglStatus="loading";try{const e=g.getContext("webgl",{antialias:!1,alpha:!1});if(!e)throw new Error("webgl-unavailable");const m=e.createProgram();if(!m)throw new Error("program-create");if(e.attachShader(m,M(e,e.VERTEX_SHADER,Z)),e.attachShader(m,M(e,e.FRAGMENT_SHADER,ee)),e.linkProgram(m),!e.getProgramParameter(m,e.LINK_STATUS))throw new Error(e.getProgramInfoLog(m)??"program-link");e.useProgram(m);const v=e.createBuffer();e.bindBuffer(e.ARRAY_BUFFER,v),e.bufferData(e.ARRAY_BUFFER,new Float32Array([-1,-1,3,-1,-1,3]),e.STATIC_DRAW);const y=e.getAttribLocation(m,"a_pos");e.enableVertexAttribArray(y),e.vertexAttribPointer(y,2,e.FLOAT,!1,0,0);const W=e.getUniformLocation(m,"u_res"),G=e.getUniformLocation(m,"u_time"),H=e.getUniformLocation(m,"u_wobble"),V=e.getUniformLocation(m,"u_tex"),I=e.createTexture();e.activeTexture(e.TEXTURE0),e.bindTexture(e.TEXTURE_2D,I),e.texImage2D(e.TEXTURE_2D,0,e.RGB,1,1,0,e.RGB,e.UNSIGNED_BYTE,new Uint8Array([234,229,248])),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.MIRRORED_REPEAT),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.MIRRORED_REPEAT),e.uniform1i(V,0);const q=()=>{const A=Math.min(window.devicePixelRatio||1,1.5),L=Math.max(1,Math.round(g.clientWidth*A)),k=Math.max(1,Math.round(g.clientHeight*A));(g.width!==L||g.height!==k)&&(g.width=L,g.height=k,e.viewport(0,0,L,k))};r=A=>{e.uniform2f(W,g.width,g.height),e.uniform1f(G,A),e.uniform1f(H,K),e.drawArrays(e.TRIANGLES,0,3),f+=1},a=new ResizeObserver(()=>{q(),n&&r&&r(s??(performance.now()-u)/1e3*F)}),a.observe(g),q();const D=await z(J);

66if(l!==d||i)return;await D.decode().catch(()=>{});const T=document.createElement("canvas");T.width=1024,T.height=1024;const P=T.getContext("2d");if(!P)throw new Error("texture-resize");P.drawImage(D,0,0,T.width,T.height),e.bindTexture(e.TEXTURE_2D,I),e.texImage2D(e.TEXTURE_2D,0,e.RGB,e.RGB,e.UNSIGNED_BYTE,T),r(s??0),n=!0,R.dataset.webglStatus="ready",u=performance.now(),_()}catch(e){if(l!==d||i)return;E(e instanceof Error?e.message:"webgl-init")}};g.addEventListener("webglcontextlost",l=>{l.preventDefault(),i=!0,d+=1,E("context-lost")}),g.addEventListener("webglcontextrestored",()=>{U()}),document.addEventListener("visibilitychange",()=>{document.hidden?h():_()}),t.addEventListener("change",()=>{t.matches?h():_()}),new IntersectionObserver(([l])=>{o=!l.isIntersecting,o?h():_()},{rootMargin:"200px"}).observe(R);const N={setTime(l){s=l,h(),r?.(l)},resume(){s=null,u=performance.now(),_()},getState(){return{status:R.dataset.webglStatus??"unknown",running:c!==null,reducedMotion:t.matches,frameCount:f,overrideTime:s,failureReason:w}}};window.__kvHolo=N,U()}const B="utaodo2026autumn-live928",te=`https://wktk.nicovideo.jp/v2/wakutkool/frames.json?names=${B}&_frontendId=0`,re=5e3;async function ne(){const t=new AbortController,r=setTimeout(()=>t.abort(),re);try{const a=await fetch(te,{credentials:"omit",cache:"no-store",signal:t.signal});if(!a.ok)return!1;const d=(await a.json())?.data?.frames;return Array.isArray(d)?d.find(s=>s?.name===B)?.items?.[0]?.values?.live?.value===!0:!1}catch{return!1}finally{clearTimeout(r)}}const S=document.querySelector(".live-now"),C=document.querySelector("[data-live-cover]"),x=S?.querySelector("iframe");if(S&&C&&x){const t=S.dataset.liveActive;(t===void 0?ne():Promise.resolve(t==="true")).then(a=>{a&&x.dataset.src&&(x.src=x.dataset.src,C.hidden=!0,S.hidden=!1),S.dataset.liveResolved="true"})}const ae=async t=>{if(t.dataset.initialized==="true")return;t.dataset.initialized="true";const r=t.querySelector("[data-top-ranking-empty]"),a=t.querySelector("[data-top-ranking-list]");if(!r||!a)return;r.hidden=!0;const c=t.dataset.topRanking==="odo",d=t.dataset.topRanking==="utaodo",u=t.querySelector("[data-top-ranking-skeleton]");let s;const f=window.setTimeout(()=>{u&&(r.hidden=!0,u.hidden=!1,s=performance.now())},200);t.setAttribute("aria-busy","true");const n=await(d?$():c?Y():j());if(window.clearTimeout(f),s!==void 0){const o=Math.max(0,300-(performance.now()-s));await new Promise(i=>window.setTimeout(i,o))}if(u&&(u.hidden=!0),t.setAttribute("aria-busy","false"),n.length===0){r.hidden=!1,t.dataset.viewState="empty";return}a.innerHTML=Q(n.slice(0,10),!1,d?"uta-odo-2026a_click_rank":c?"odocolle2026a_click_rank":"utacolle2026a_click_rank"),a.querySelectorAll(".ranked-card").forEach(o=>{if(d)return;const i=o.classList.contains("is-rank-1")?o.querySelector(".rank-badge-img"):null;i&&(i.src="/2026-autumn/pages/top/ranking/rank-first.svg",i.width=60,i.height=60);const w=document.createElement("span");w.className="ranking-card-category",w.textContent=c?"踊コレ":"歌コレ",o.append(w)}),a.querySelectorAll("[data-fallback-src]").forEach(o=>{o.addEventListener("error",()=>{const i=o.dataset.fallbackSrc;i&&(o.src=i)},{once:!0})}),r.hidden=!0,a.hidden=!1,t.dataset.viewState="data"};document.querySelectorAll("[data-top-ranking]").forEach(t=>{ae(t)});document.querySelectorAll("[data-final-ranking-slider]").forEach(t=>{const r=t.querySelector(".category-scroll"),a=[...t.querySelectorAll(".category-page")],c=t.querySelector("[data-slider-position]"),d=t.querySelector("[data-slider-rotation]");if(!r||!a.length||!d)return;const u=matchMedia("(prefers-reduced-motion: reduce)");let s=0,f=!u.matches,n=!1,o=!1;const i=()=>{d.textContent=f?"自動切替を停止":"自動切替を再開",c?.setAttribute("aria-live",f?"off":"polite"),c?.setAttribute("aria-label",`${s+1} / ${a.length}`);const h=c?.querySelector("[data-slider-position-text]");h&&(h.textContent=`${s+1} / ${a.length}`),c?.querySelectorAll(".slider-dot").forEach((E,b)=>E.classList.toggle("is-active",b===s)),a.forEach((E,b)=>{E.inert=b!==s})},w=()=>{f=!1,i()},p=h=>{s=(h+a.length)%a.length,r.scrollTo({left:s*r.clientWidth,behavior:u.matches?"auto":"smooth"}),i()};d.addEventListener("click",()=>{f=!f,i()}),t.addEventListener("pointerenter",()=>{n=!0}),t.addEventListener("pointerleave",()=>{n=!1}),t.addEventListener("focusin",h=>{h.target!==d&&w()}),r.addEventListener("pointerdown",w),t.querySelector("[data-sli

66der-prev]")?.addEventListener("click",()=>{w(),p(s-1)}),t.querySelector("[data-slider-next]")?.addEventListener("click",()=>{w(),p(s+1)}),u.addEventListener("change",w),r.addEventListener("scroll",()=>{r.clientWidth&&(s=Math.max(0,Math.min(a.length-1,Math.round(r.scrollLeft/r.clientWidth))),i())}),new IntersectionObserver(([h])=>{o=h.isIntersecting}).observe(t),new ResizeObserver(()=>r.scrollTo({left:s*r.clientWidth,behavior:"instant"})).observe(r),window.setInterval(()=>{f&&!n&&o&&!document.hidden&&!t.contains(document.activeElement)&&p(s+1)},5e3),i()});document.querySelectorAll("[data-final-wide-slider]").forEach(t=>{const r=t.querySelector(".wide-cards, [data-final-exhibition]"),a=c=>r?.scrollBy({left:c*r.clientWidth,behavior:matchMedia("(prefers-reduced-motion: reduce)").matches?"auto":"smooth"});t.querySelector("[data-wide-prev]")?.addEventListener("click",()=>a(-1)),t.querySelector("[data-wide-next]")?.addEventListener("click",()=>a(1))});