/* [sn-hd-js 20261102 · 2차] 서울네오 공통 헤더 + 우측 룰렛 * ① 아래 섹션 명암(data-sn-tone) → 내비 밝은/어두운 유리 · 히어로 위 첫 화면 = 박스 없는 흰 글자(data-clear) · 내비에 닿은 영상 버튼 숨김(is-under) * ② 현재 위치: 같은 경로 링크 aria-current · 그 링크가 든 드롭다운 묶음 버튼 data-current(파랑 점) * ③ 같은 페이지 앵커는 부드럽게(저감 모드 즉시) · ④ 모바일 시트(aria-expanded · inert · Escape · 바깥/링크 클릭 닫기 · 초점 복귀) * ⑤ 모바일 빠른 연결은 푸터 사업자 정보가 보이면 비켜 준다 * ⑥ 드롭다운(big-butter 레퍼런스): 마우스 = 가리키면 0.07초 뒤 열림 · 묶음 사이는 즉시 교체 · 틀 밖 0.25초 유예 뒤 닫힘 · 클릭 = 고정/닫기 * Enter·Space = 토글 · ↓ = 열고 첫 줄 · 줄 안 ↑↓ Home End · ←→ = 윗줄 메뉴 이동 · Escape·바깥 클릭·초점 이탈·「닫기」 = 닫힘(초점 복귀) * ⑦ 룰렛: 반원 = aria-expanded 버튼 · 열면 원형 카드가 위에서 아래로 차례로 호에 펼쳐짐 · 열려 있고 포인터가 룰렛 위일 때만 휠을 가로채 회전 * (그 밖은 페이지 스크롤 그대로) · 끌기(터치) 회전 · ↑↓←→ 한 칸 · Escape·바깥 클릭·초점 이탈 = 닫힘 · 저감 모드 = 애니메이션 없이 한 칸씩 * 10칸 고리(고유 5 + 반대편 반복 5)라 끝없이 돈다 · 보이는 쪽 사본만 초점 가능 * 계약: 노드 선캡처 금지(호출 시점 재조회) · document 위임(휠만 룰렛 요소에 비수동 1개) · metalinkSignal 로 리스너 해제 · 숨김 = clip-path/transform + inert */ (function (signal) { var doc = document, W = window; var on = function (t, type, fn, opt) { var o = opt || {}; if (signal) o.signal = signal; t.addEventListener(type, fn, o); }; var mq = function (q) { return !!(W.matchMedia && W.matchMedia(q).matches); }; var reduce = function () { return mq('(prefers-reduced-motion: reduce)'); }; var fine = function () { return mq('(hover: hover) and (pointer: fine)'); }; var closest = function (t, sel) { return t && t.closest ? t.closest(sel) : null; }; function hd() { return doc.querySelector('[data-sn-hd]'); } function sheet() { return doc.querySelector('[data-sn-sheet]'); } function menuBtn() { return doc.querySelector('[data-sn-menu]'); } function ddPanel() { return doc.querySelector('[data-sn-dd-panel]'); } function rl() { return doc.querySelector('[data-sn-rl]'); } // ① 명암 — 지점 아래 섹션(헤더·룰렛·빠른 연결 제외)의 data-sn-tone function toneAt(x, y) { var list = doc.elementsFromPoint ? doc.elementsFromPoint(x, y) : []; for (var i = 0; i < list.length; i++) { var el = list[i]; if (!el.closest || el.closest('[data-sn-hd],[data-sn-rl],.sn-mbar')) continue; var s = el.closest('[data-sn-tone]'); return s ? (s.getAttribute('data-sn-tone') || 'light') : 'light'; } return 'light'; } var toneQueued = false; function tone() { toneQueued = false; var h = hd(); if (!h) return; var nav = h.querySelector('.sn-nav-pill'); if (!nav) return; var r = nav.getBoundingClientRect(); var t = toneAt(Math.round(W.innerWidth / 2), Math.round(r.top + r.height / 2)); if (h.getAttribute('data-tone') !== t) h.setAttribute('data-tone', t); // ①-2 히어로 위 겹침 — 첫 화면에서는 박스 없음 · 내리거나 시트/드롭다운을 열면 유리 박스 var hc = doc.querySelector('[data-sn-hd-clear]'), hb = hc ? hc.getBoundingClientRect() : null; var clear = !!(hb && hb.top <= 0 && hb.bottom > r.bottom && (W.scrollY || 0) < 24 && !sheetOpen() && !ddOpen()); if (clear) { if (!h.hasAttribute('data-clear')) h.setAttribute('data-clear', ''); } else if (h.hasAttribute('data-clear')) h.removeAttribute('data-clear'); // ①-3 내비 높이까지 올라온 히어로 영상 버튼은 숨김 doc.querySelectorAll('[data-sn-hero-ctl]').forEach(function (el) { var b = el.getBoundingClientRect(); el.classList.toggle('is-under', b.height > 0 && b.top < r.bottom + 8); }); // ①-4 룰렛 — 반원 아래 면 명암 · 푸터가 화면 가운데까지 올라오면 오른쪽으로 비킴(푸터 글자·사업자 정보와 겹침 0) var R0 = rl(), core = R0 && R0.querySelector('[data-sn-rl-btn]'); if (core) { var cb = core.getBoundingClientRect(), half = Math.max(cb.height / 2, 18); var rt = toneAt(Math.round(doc.documentElement.clientWidth - Math.max(4, cb.width / 2)), Math.round(W.innerHeight / 2)); if (R0.getAttribute('data-tone') !== rt) R0.setAttribute('data-tone', rt); var ft = doc.querySelector('.sn-ft'), away = false; if (ft) away = ft.getBoundingClientRect().top < W.innerHeight / 2 + half + 24; if (sheetOpen()) away = true; if (away && rlOpen()) setRl(false, true); R0.classList.toggle('is-away', away); } } function queueTone() { if (!toneQueued) { toneQueued = true; (W.requestAnimationFrame || setTimeout)(tone); } } // ② 현재 위치 function isHome() { return !!doc.querySelector('[data-sn-page="home"]'); } function mark() { var path = (location.pathname || '/').replace(/\/+$/, '') || '/'; var h = hd(); if (!h) return; h.querySelectorAll('a[href]').forEach(function (a) { var href = a.getAttribute('href') || ''; if (href.charAt(0) === '/' && href.indexOf('#') < 0 && href !== '/' && href === path) a.setAttribute('aria-current', 'page'); else if (a.getAttribute('aria-current') === 'page') a.removeAttribute('aria-current'); }); h.querySelectorAll('[data-sn-dd]').forEach(function (b) { var g = doc.getElementById(b.getAttribute('aria-controls') || ''); if (g && g.querySelector('a[aria-current="page"]')) b.setAttribute('data-current', ''); else b.removeAttribute('data-current'); }); } // ④ 모바일 시트 function sheetOpen() { var s = sheet(); return !!(s && s.classList.contains('is-open')); } function setSheet(open, keepFocus) { var s = sheet(), b = menuBtn(); if (!s || !b) return; if (open) { setDd(null); setRl(false, true); } if (!open && !keepFocus && s.contains(doc.activeElement)) b.focus(); s.classList.toggle('is-open', open); if (open) s.removeAttribute('inert'); else s.setAttribute('inert', ''); b.setAttribute('aria-expanded', open ? 'true' : 'false'); var l = b.querySelector('[data-sn-menu-label]'); if (l) l.textContent = open ? '닫기' : '메뉴'; queueTone(); } // ⑥ 드롭다운 var ddTimer = null, ddMode = 'hover'; function ddOpen() { var p = ddPanel(); return !!(p && p.classList.contains('is-open')); } function ddCurrent() { var p = ddPanel(), g = p && p.querySelector('.sn-dd-group.is-on'); return g ? g.getAttribute('data-sn-dd-group') : null; } function ddBtn(key) { return key ? doc.querySelector('[data-sn-dd="' + key + '"]') : null; } function ddRows() { var p = ddPanel(), g = p && p.querySelector('.sn-dd-group.is-on'); return g ? Array.prototype.slice.call(g.querySelectorAll('.sn-dd-row')) : []; } function setDd(key, focusBack) { var p = ddPanel(), h = hd(); if (!p || !h) return; clearTimeout(ddTimer); ddTimer = null; var was = p.classList.contains('is-open'), prev = ddCurrent(); if (key) { if (sheetOpen()) setSheet(false, true); if (rlOpen()) setRl(false, true); p.querySelectorAll('[data-sn-dd-group]').forEach(function (g) { g.classList.toggle('is-on', g.getAttribute('data-sn-dd-group') === key); }); p.classList.add('is-open'); p.removeAttribute('inert'); h.setAttribute('data-dd-open', ''); } else { if (!was) return; if (p.contains(doc.activeElement)) { var b0 = ddBtn(prev); if (b0 && focusBack !== false) b0.focus(); else if (doc.activeElement && doc.activeElement.blur) doc.activeElement.blur(); } p.classList.remove('is-open'); p.setAttribute('inert', ''); h.removeAttribute('data-dd-open'); } h.querySelectorAll('[data-sn-dd]').forEach(function (b) { b.setAttribute('aria-expanded', key && b.getAttribute('data-sn-dd') === key ? 'true' : 'false'); }); queueTone(); } // 가리키기(마우스) — 판정 = 내비 + 열린 카드 틀(.sn-dd · 잘림 없음 · 카드와 내비 사이 6px 포함) on(doc, 'pointerover', function (e) { if (e.pointerType !== 'mouse' || !fine()) return; var t = e.target; if (!closest(t, '[data-sn-hd] .sn-nav')) return; clearTimeout(ddTimer); ddTimer = null; var b = closest(t, '[data-sn-dd]'); if (b) { var key = b.getAttribute('data-sn-dd'); if (ddOpen()) { if (ddCurrent() !== key) setDd(key); } else ddTimer = setTimeout(function () { ddMode = 'hover'; setDd(key); }, 70); return; } // 열린 채로 다른 윗줄 항목(상담 안내 · 공지사항 · 예약 · 마크)에 가면 잠깐 뒤 닫힘(고정 상태 제외) if (ddOpen() && ddMode === 'hover' && !closest(t, '[data-sn-dd-panel]') && closest(t, '.sn-nav-list a,.sn-nav-book,.sn-nav-mark')) ddTimer = setTimeout(function () { setDd(null, false); }, 180); }); on(doc, 'pointerout', function (e) { if (e.pointerType !== 'mouse' || !fine()) return; if (!closest(e.target, '[data-sn-hd] .sn-nav') || closest(e.relatedTarget, '[data-sn-hd] .sn-nav')) return; clearTimeout(ddTimer); ddTimer = null; if (ddOpen() && ddMode === 'hover') ddTimer = setTimeout(function () { setDd(null, false); }, 250); }); // ⑦ 룰렛 var RL = { phi: 0, target: 0, raf: 0, snapT: 0, delayT: 0, acc: 0, drag: false, dragged: false, pid: null, last: 0, sx: 0, sy: 0 }; function rlOpen() { var R0 = rl(); return !!(R0 && R0.classList.contains('is-open')); } function slots() { var R0 = rl(); return R0 ? Array.prototype.slice.call(R0.querySelectorAll('[data-sn-rl-slot]')) : []; } function geo() { var cs = getComputedStyle(rl()); return { R: parseFloat(cs.getPropertyValue('--rl-R')) || 158 }; } var angDiff = function (a, b) { return ((a - b) % 360 + 540) % 360 - 180; }; function render() { var R0 = rl(); if (!R0) return -1; var list = slots(), n = list.length; if (!n) return -1; var g = geo(), step = 360 / n, open = R0.classList.contains('is-open'), front = -1, best = 999; list.forEach(function (li, i) { var ang = 180 + i * step + RL.phi, d = Math.abs(angDiff(ang, 180)), rad = ang * Math.PI / 180; var link = li.querySelector('a'), live = open && d < 90; if (open) { // 멈춘 상태에서 보이는 5칸(0 · ±36 · ±72°)은 모두 불투명 1(반투명 카드 = 뒤 영상이 비쳐 아이콘 대비 미달 · d2 실측) · 회전 중 끝(76~100°)에서만 사라짐 var op = d <= 76 ? 1 : d >= 100 ? 0 : 1 - (d - 76) / 24, sc = 1 - Math.min(d, 90) / 90 * 0.14; li.style.transform = 'translate(' + (g.R * Math.cos(rad)).toFixed(1) + 'px,' + (g.R * Math.sin(rad)).toFixed(1) + 'px) scale(' + sc.toFixed(3) + ')'; li.style.opacity = op.toFixed(3); li.style.pointerEvents = op > 0.5 ? 'auto' : 'none'; } else { li.style.transform = ''; li.style.opacity = ''; li.style.pointerEvents = ''; } if (live) { li.removeAttribute('aria-hidden'); if (link) link.removeAttribute('tabindex'); } else { li.setAttribute('aria-hidden', 'true'); if (link) link.setAttribute('tabindex', '-1'); } if (d < best) { best = d; front = i; } }); list.forEach(function (li, i) { li.classList.toggle('is-front', open && i === front); }); return front; } function spin() { var R0 = rl(); if (!R0) return; if (reduce()) { RL.phi = RL.target; render(); return; } R0.classList.add('is-turning'); if (RL.raf) return; var tick = function () { var d = RL.target - RL.phi; if (Math.abs(d) < 0.05) { RL.phi = RL.target; render(); RL.raf = 0; var r1 = rl(); if (r1) r1.classList.remove('is-turning'); return; } RL.phi += d * 0.2; render(); RL.raf = (W.requestAnimationFrame || setTimeout)(tick); }; RL.raf = (W.requestAnimationFrame || setTimeout)(tick); } function snapTo(stepBy) { var n = slots().length || 10, STEP = 360 / n; RL.target = Math.round(RL.target / STEP) * STEP + (stepBy || 0) * STEP; spin(); return ((Math.round(-RL.target / STEP) % n) + n) % n; // 목표 각도에서 맨 앞(180°)에 오는 칸 } function label(open) { var R0 = rl(); if (!R0) return; var lb = R0.querySelector('[data-sn-rl-lb]'), sr = R0.querySelector('[data-sn-rl-sr]'); if (lb) lb.textContent = open ? '닫기' : '바로가기'; if (sr) sr.textContent = open ? ' — 빠른 연결 닫기' : ' — 예약 · 전화 · 상담 안내 · 블로그 · 오시는 길 열기'; } function focusSlot(i) { var li = slots()[i]; if (!li) return; li.removeAttribute('aria-hidden'); var a = li.querySelector('a'); if (a) { a.removeAttribute('tabindex'); try { a.focus({ preventScroll: true }); } catch (x) { a.focus(); } } } function setRl(open, quiet, viaKey) { var R0 = rl(); if (!R0) return; var btn = R0.querySelector('[data-sn-rl-btn]'), ring = R0.querySelector('[data-sn-rl-ring]'); if (!btn || !ring || open === R0.classList.contains('is-open')) return; var list = slots(), n = list.length || 10, STEP = 360 / n; clearTimeout(RL.delayT); clearTimeout(RL.snapT); if (RL.raf) { (W.cancelAnimationFrame || clearTimeout)(RL.raf); RL.raf = 0; } RL.phi = RL.target = Math.round(RL.target / STEP) * STEP; R0.classList.remove('is-turning'); if (open) { if (ddOpen()) setDd(null, false); if (sheetOpen()) setSheet(false, true); // 좌르륵 — 보이는 칸을 위에서 아래 순서로 0.055초씩 늦게 var order = []; list.forEach(function (li, i) { var ang = 180 + i * STEP + RL.phi; order.push({ li: li, y: Math.sin(ang * Math.PI / 180), d: Math.abs(angDiff(ang, 180)) }); }); order.sort(function (p, q) { return p.y - q.y; }).forEach(function (o, k) { o.li.style.transitionDelay = reduce() || o.d >= 100 ? '0ms' : (k * 55) + 'ms'; }); R0.classList.add('is-open'); ring.removeAttribute('inert'); render(); RL.delayT = setTimeout(function () { slots().forEach(function (li) { li.style.transitionDelay = ''; }); }, 1000); btn.setAttribute('aria-expanded', 'true'); label(true); if (viaKey) { var f = ((Math.round(-RL.target / STEP) % n) + n) % n; setTimeout(function () { focusSlot(f); }, reduce() ? 0 : 160); } } else { var had = R0.contains(doc.activeElement) && doc.activeElement !== btn; if (had) { if (!quiet) btn.focus(); else if (doc.activeElement.blur) doc.activeElement.blur(); } list.slice().reverse().forEach(function (li, k) { li.style.transitionDelay = reduce() ? '0ms' : (k * 18) + 'ms'; }); R0.classList.remove('is-open'); ring.setAttribute('inert', ''); render(); RL.delayT = setTimeout(function () { slots().forEach(function (li) { li.style.transitionDelay = ''; }); }, 700); btn.setAttribute('aria-expanded', 'false'); label(false); } } function angleOf(e) { var R0 = rl(), c = R0.getBoundingClientRect(); return Math.atan2(e.clientY - c.top, e.clientX - c.left) * 180 / Math.PI; } function bindRl() { var R0 = rl(); if (!R0 || R0.getAttribute('data-sn-rl-bound') === '1') return; R0.setAttribute('data-sn-rl-bound', '1'); // 휠 — 열려 있을 때만(이 요소 위 = 포인터가 룰렛 위) 가로챈다 · 닫힘이면 그대로 페이지 스크롤 on(R0, 'wheel', function (e) { if (!R0.classList.contains('is-open')) return; e.preventDefault(); var dy = Math.abs(e.deltaY) >= Math.abs(e.deltaX) ? e.deltaY : e.deltaX; if (e.deltaMode === 1) dy *= 16; else if (e.deltaMode === 2) dy *= W.innerHeight; var STEP = 360 / (slots().length || 10); if (reduce()) { RL.acc += dy; if (Math.abs(RL.acc) >= 60) { snapTo(RL.acc > 0 ? 1 : -1); RL.acc = 0; } return; } RL.target += Math.max(-STEP, Math.min(STEP, dy * 0.2)); spin(); clearTimeout(RL.snapT); RL.snapT = setTimeout(function () { snapTo(0); }, 140); }, { passive: false }); // 끌기(터치·펜·마우스) — 손가락 각도를 따라 돈다 · 6px 넘게 움직였으면 뒤따르는 클릭(링크 이동) 취소 on(R0, 'pointerdown', function (e) { if (!R0.classList.contains('is-open') || (e.pointerType === 'mouse' && e.button !== 0) || !closest(e.target, '.sn-rl-hit,.sn-rl-slot')) return; RL.drag = true; RL.dragged = false; RL.pid = e.pointerId; RL.last = angleOf(e); RL.sx = e.clientX; RL.sy = e.clientY; }); on(R0, 'pointermove', function (e) { if (!RL.drag || e.pointerId !== RL.pid) return; if (!RL.dragged && Math.abs(e.clientX - RL.sx) + Math.abs(e.clientY - RL.sy) > 6) { RL.dragged = true; try { R0.setPointerCapture(e.pointerId); } catch (x) { /* 무시 */ } R0.classList.add('is-turning'); } if (!RL.dragged) return; var a = angleOf(e), d = angDiff(a, RL.last); RL.last = a; RL.phi += d; RL.target = RL.phi; render(); }); var end = function (e) { if (!RL.drag || (e && e.pointerId !== RL.pid)) return; RL.drag = false; if (RL.dragged) snapTo(0); }; on(R0, 'pointerup', end); on(R0, 'pointercancel', end); on(R0, 'click', function (e) { if (RL.dragged) { e.preventDefault(); e.stopPropagation(); RL.dragged = false; } }, { capture: true }); on(R0, 'dragstart', function (e) { e.preventDefault(); }); // 카드 링크를 마우스로 끌 때 브라우저 링크 끌기 대신 회전 } // 클릭(위임) on(doc, 'click', function (e) { var t = e.target; if (!t || !t.closest) return; if (t.closest('[data-sn-menu]')) { setSheet(!sheetOpen()); return; } var ddb = t.closest('[data-sn-dd]'); if (ddb) { var key = ddb.getAttribute('data-sn-dd'); if (ddOpen() && ddCurrent() === key) { if (ddMode === 'hover' && e.detail) ddMode = 'click'; else setDd(null); } else { ddMode = e.detail ? 'click' : 'key'; setDd(key); } return; } if (t.closest('[data-sn-dd-close]')) { setDd(null); return; } if (ddOpen() && (!t.closest('[data-sn-hd] .sn-nav') || t.closest('.sn-dd-row,.sn-dd-foot a'))) setDd(null, false); var rb = t.closest('[data-sn-rl-btn]'); if (rb) { setRl(!rlOpen(), false, !e.detail); return; } if (rlOpen() && (!t.closest('[data-sn-rl]') || t.closest('.sn-rl-card'))) setRl(false, true); var a = t.closest('a[href]'); if (a && sheetOpen() && a.closest('[data-sn-sheet]')) setSheet(false, true); else if (sheetOpen() && !t.closest('[data-sn-sheet]')) setSheet(false, true); // ③ 같은 페이지 앵커(/#id · #id) — 부드럽게 이동 if (!a || e.defaultPrevented || e.metaKey || e.ctrlKey || e.shiftKey || e.button) return; var href = a.getAttribute('href') || ''; var m = /^\/?#([A-Za-z][\w-]*)$/.exec(href); if (!m) return; if (href.charAt(0) === '/' && !isHome()) return; // 다른 페이지 → 홈으로 이동(기본 동작) var target = doc.getElementById(m[1]); if (!target) return; e.preventDefault(); target.scrollIntoView({ behavior: reduce() ? 'auto' : 'smooth', block: 'start' }); try { history.replaceState(history.state, '', '#' + m[1]); } catch (err) { /* 무시 */ } var f = target.querySelector('h2,h1'); if (f) { f.setAttribute('tabindex', '-1'); f.focus({ preventScroll: true }); } }); // 키보드 on(doc, 'keydown', function (e) { var t = e.target; if (e.key === 'Escape') { if (ddOpen()) { var k = ddCurrent(), inNav = closest(t, '[data-sn-hd] .sn-nav'); setDd(null); if (inNav) { var kb = ddBtn(k); if (kb) kb.focus(); } return; } if (rlOpen()) { setRl(false, !closest(t, '[data-sn-rl]')); return; } if (sheetOpen()) setSheet(false); return; } if (!t || !t.closest) return; var b = t.closest('[data-sn-dd]'); if (b && e.key === 'ArrowDown') { e.preventDefault(); ddMode = 'key'; setDd(b.getAttribute('data-sn-dd')); var r0 = ddRows(); if (r0[0]) r0[0].focus(); return; } var top = t.closest('.sn-nav-list'); if (top && (e.key === 'ArrowRight' || e.key === 'ArrowLeft')) { var items = Array.prototype.slice.call(top.querySelectorAll('a,button')), i0 = items.indexOf(t); if (i0 > -1) { e.preventDefault(); var nx = items[(i0 + (e.key === 'ArrowRight' ? 1 : -1) + items.length) % items.length]; nx.focus(); if (ddOpen()) { var nk = nx.getAttribute('data-sn-dd'); if (nk) setDd(nk); else setDd(null, false); } } return; } var row = t.closest('.sn-dd-row'); if (row && /^(ArrowDown|ArrowUp|Home|End)$/.test(e.key)) { e.preventDefault(); var rows = ddRows(), i = rows.indexOf(row); var j = e.key === 'Home' ? 0 : e.key === 'End' ? rows.length - 1 : e.key === 'ArrowDown' ? (i + 1) % rows.length : (i - 1 + rows.length) % rows.length; if (rows[j]) rows[j].focus(); return; } if (t.closest('[data-sn-rl]') && rlOpen() && /^Arrow(Up|Down|Left|Right)$/.test(e.key)) { e.preventDefault(); focusSlot(snapTo(e.key === 'ArrowDown' || e.key === 'ArrowRight' ? 1 : -1)); } }); // 초점이 빠져나가면 닫힘 on(doc, 'focusin', function (e) { var t = e.target; if (ddOpen() && !closest(t, '[data-sn-hd] .sn-nav')) setDd(null, false); if (rlOpen() && !closest(t, '[data-sn-rl]')) setRl(false, true); }); on(W, 'resize', function () { if (W.innerWidth > 880 && sheetOpen()) setSheet(false, true); if (W.innerWidth <= 880 && ddOpen()) setDd(null, false); if (rlOpen()) render(); queueTone(); }); on(W, 'scroll', queueTone, { passive: true }); // ⑤ 모바일 빠른 연결 — 푸터 하단(사업자 정보)이 보이면 아래로 비킨다 var away = null; function guardBar() { if (away) { away.disconnect(); away = null; } var bot = doc.querySelector('.sn-ft-bot'); if (!bot || !('IntersectionObserver' in W)) return; away = new IntersectionObserver(function (es) { var bar = doc.querySelector('.sn-mbar'); if (!bar) return; bar.classList.toggle('is-away', es.some(function (x) { return x.isIntersecting; })); }, { threshold: 0 }); away.observe(bot); } function sync() { var s = sheet(); if (s && !s.classList.contains('is-open')) s.setAttribute('inert', ''); var p = ddPanel(); if (p && !p.classList.contains('is-open')) p.setAttribute('inert', ''); var R0 = rl(); if (R0 && !R0.classList.contains('is-open')) { var rg = R0.querySelector('[data-sn-rl-ring]'); if (rg) rg.setAttribute('inert', ''); } bindRl(); render(); mark(); guardBar(); tone(); } on(doc, 'metalink:content-ready', sync); on(W, 'pageshow', sync); on(W, 'popstate', function () { setTimeout(sync, 60); }); [0, 150, 400, 900, 1800].forEach(function (ms) { setTimeout(function () { if (!signal || !signal.aborted) sync(); }, ms); }); if (signal) signal.addEventListener('abort', function () { if (away) away.disconnect(); if (RL.raf) (W.cancelAnimationFrame || clearTimeout)(RL.raf); clearTimeout(RL.snapT); clearTimeout(RL.delayT); clearTimeout(ddTimer); var R0 = rl(); if (R0) R0.removeAttribute('data-sn-rl-bound'); }); })(typeof metalinkSignal !== 'undefined' ? metalinkSignal : null);

이벤트