(function () { 'use strict'; var D = (window.DATA && typeof window.DATA === 'object') ? window.DATA : {}; var PV = (window.__LL_PREVIEW__ && typeof window.__LL_PREVIEW__ === 'object') ? window.__LL_PREVIEW__ : null; var doc = document; var QUIET = false; /* ---------- helpers ---------- */ function mk(tag, cls, text) { var e = doc.createElement(tag); if (cls) e.className = cls; if (text !== undefined && text !== null && text !== '') e.textContent = String(text); return e; } function str(v) { return typeof v === 'string' ? v.trim() : (v === null || v === undefined ? '' : String(v).trim()); } function num(v, d) { var n = parseFloat(v); return isFinite(n) ? n : d; } function clamp(n, a, b) { return Math.max(a, Math.min(b, n)); } function pad(n) { n = Math.floor(n); return (n < 10 ? '0' : '') + n; } function mm(q) { try { return !!(window.matchMedia && window.matchMedia(q).matches); } catch (e) { return false; } } function hex(h, d) { h = str(h); if (/^#[0-9a-f]{3}$/i.test(h)) h = '#' + h.charAt(1) + h.charAt(1) + h.charAt(2) + h.charAt(2) + h.charAt(3) + h.charAt(3); return /^#[0-9a-f]{6}$/i.test(h) ? h.toUpperCase() : d; } function rgb(h) { var n = parseInt(h.slice(1), 16); return [(n >> 16) & 255, (n >> 8) & 255, n & 255]; } function rgbStr(h) { return rgb(h).join(','); } function lum(h) { var c = rgb(h).map(function (v) { v /= 255; return v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4); }); return 0.2126 * c[0] + 0.7152 * c[1] + 0.0722 * c[2]; } function contrast(a, b) { var x = lum(a), y = lum(b); return (Math.max(x, y) + 0.05) / (Math.min(x, y) + 0.05); } function readable(bg) { return contrast(bg, '#FFFFFF') >= contrast(bg, '#1B1B1B') ? '#FFFFFF' : '#1B1B1B'; } function mix(a, b, t) { var x = rgb(a), y = rgb(b); return '#' + x.map(function (v, i) { var r = Math.round(v + (y[i] - v) * t); return (r < 16 ? '0' : '') + r.toString(16); }).join(''); } function safeImg(u) { u = str(u); return (/^data:image\/(png|jpe?g|gif|webp|svg\+xml);/i.test(u) || /^https?:\/\//i.test(u)) ? u : ''; } function safeAudio(u) { u = str(u); return (/^data:audio\//i.test(u) || /^https?:\/\//i.test(u)) ? u : ''; } function sleep(ms) { return new Promise(function (res) { setTimeout(res, ms); }); } function frame() { return new Promise(function (res) { if (window.requestAnimationFrame) window.requestAnimationFrame(function () { res(); }); else setTimeout(res, 16); }); } function each(list, fn) { Array.prototype.forEach.call(list || [], fn); } function closestSel(el, sel) { while (el && el.nodeType === 1) { if (el.matches ? el.matches(sel) : (el.msMatchesSelector && el.msMatchesSelector(sel))) return el; el = el.parentNode; } return null; } function focusEl(el) { if (!el || QUIET) return; try { el.focus({ preventScroll: true }); } catch (e) { try { el.focus(); } catch (e2) {} } } var FONTS = { 'Arial': "Arial, Helvetica, sans-serif", 'Arial Black': "'Arial Black', Arial, sans-serif", 'Calibri': "Calibri, Carlito, 'Segoe UI', sans-serif", 'Century Gothic': "'Century Gothic', 'URW Gothic', AppleGothic, sans-serif", 'Courier New': "'Courier New', Courier, monospace", 'Georgia': "Georgia, 'Times New Roman', serif", 'Helvetica': "Helvetica, Arial, sans-serif", 'Impact': "Impact, 'Arial Black', sans-serif", 'Lucida Sans Unicode': "'Lucida Sans Unicode', 'Lucida Grande', sans-serif", 'Palatino Linotype': "'Palatino Linotype', Palatino, 'Book Antiqua', serif", 'Tahoma': "Tahoma, Verdana, sans-serif", 'Times New Roman': "'Times New Roman', Times, serif", 'Trebuchet MS': "'Trebuchet MS', Helvetica, sans-serif", 'Verdana': "Verdana, Geneva, sans-serif", 'Lato': "'Lato', Arial, sans-serif", 'Montserrat': "'Montserrat', Arial, sans-serif", 'Open Sans': "'Open Sans', Arial, sans-serif", 'Oswald': "'Oswald', 'Arial Narrow', sans-serif", 'Playfair Display': "'Playfair Display', Georgia, serif", 'Poppins': "'Poppins', 'Segoe UI', Arial, sans-serif", 'Raleway': "'Raleway', Arial, sans-serif", 'Roboto': "'Roboto', Arial, sans-serif", 'Source Sans Pro': "'Source Sans 3', 'Source Sans Pro', Arial, sans-serif" }; /* ---------- data ---------- */ var DS = D.design || {}; var S = D.settings || {}; var LB = D.labels || {}; function lab(k, d) { var v = LB[k]; return (typeof v === 'string') ? v.trim() : (d || ''); } var C = { primary: hex(DS.primary, '#0067B8'), accent: hex(DS.accent, '#7FBA00'), bg: hex(DS.bg, '#F3F2F1'), card: hex(DS.card, '#FFFFFF'), wall: hex(DS.wall, '#243A5E'), title: hex(DS.titleColor, '#243A5E'), sub: hex(DS.subColor, '#505050'), ink: hex(DS.ink, '#243A5E'), wallInk: hex(DS.wallInk, '#FFFFFF') }; var PALETTE = (Array.isArray(DS.palette) && DS.palette.length ? DS.palette : [{ c: '#0067B8', t: '#FFFFFF' }, { c: '#FFFFFF', t: '#243A5E' }, { c: '#5C2D91', t: '#FFFFFF' }, { c: '#7FBA00', t: '#1B1B1B' }, { c: '#008575', t: '#FFFFFF' }, { c: '#D83B01', t: '#FFFFFF' }]); var DECOS = ['frame', 'bands', 'seal', 'dots', 'frame', 'bands', 'seal']; var N = clamp(Math.round(num(D.pageCount, 3)), 1, 5); var PL = Array.isArray(D.pageLabels) ? D.pageLabels : []; var ORDER = S.order === 'sequence' ? 'sequence' : 'any'; var PROG = S.progress !== false; var DONE_ON = S.doneOn !== false; var DONE_MSG = str(S.doneMsg) || 'You\u2019ve explored every volume.'; var RETRY = S.retry !== false; var SHUFFLE = S.shuffle !== false; var SCORE_ON = S.scoreOn !== false; var CHECK_ON = S.checkOn !== false; var SND = D.sound || {}; var sounds = { turn: safeAudio(SND.turn), ok: safeAudio(SND.ok), no: safeAudio(SND.no) }; var animOn = DS.animations !== false; function motion() { return animOn && !mm('(prefers-reduced-motion: reduce)'); } function small() { return mm('(max-width: 820px)'); } function normPage(p) { p = p || {}; var lay = ['text', 'quote', 'stat', 'image'].indexOf(p.layout) >= 0 ? p.layout : 'text'; return { layout: lay, heading: str(p.heading), body: str(p.body), quote: str(p.quote), attr: str(p.attr), stat: str(p.stat), img: safeImg(p.img), alt: str(p.alt) }; } function pageEmpty(p) { return !(p.heading || p.body || p.quote || p.attr || p.stat || p.img); } function shuffled(n) { var a = []; for (var i = 0; i < n; i++) a.push(i); if (!SHUFFLE) return a; for (var j = n - 1; j > 0; j--) { var k = Math.floor(Math.random() * (j + 1)); var t = a[j]; a[j] = a[k]; a[k] = t; } return a; } function normBook(b, i) { b = b || {}; var pages = (Array.isArray(b.pages) ? b.pages : []).slice(0, N).map(normPage); while (pages.length < N) pages.push(normPage({})); var spine = str(b.spine); var any = pages.some(function (p) { return !pageEmpty(p); }); if (!spine && !any) return null; var pal = PALETTE[i % PALETTE.length] || {}; var color = hex(b.color, hex(pal.c, '#0067B8')); var ink = hex(b.ink, hex(pal.t, readable(color))); var check = null; if (CHECK_ON && b.check && str(b.check.q)) { var raw = Array.isArray(b.check.opts) ? b.check.opts : []; var opts = [], correct = -1, want = Math.floor(num(b.check.correct, 0)); raw.forEach(function (o, k) { o = str(o); if (o && opts.length < 4) { if (k === want) correct = opts.length; opts.push(o); } }); if (opts.length >= 2) { if (correct < 0) correct = 0; check = { q: str(b.check.q), opts: opts, correct: correct, fbOk: str(b.check.fbOk), fbNo: str(b.check.fbNo), order: shuffled(opts.length) }; } } return { spine: spine || ('Volume ' + (i + 1)), caption: str(b.caption), cover: str(b.cover) || spine || ('Volume ' + (i + 1)), color: color, ink: ink, deco: (['frame', 'bands', 'seal', 'dots', 'plain'].indexOf(b.deco) >= 0 ? b.deco : DECOS[i % DECOS.length]), pages: pages, check: check }; } var books = []; (Array.isArray(D.books) ? D.books : []).forEach(function (b) { var nb = normBook(b, books.length); if (nb) books.push(nb); }); var total = books.length; /* ---------- theme ---------- */ var root = mk('div', 'll'); root.id = 'll'; function setv(k, v) { try { root.style.setProperty(k, v); } catch (e) {} } setv('--primary', C.primary); setv('--primaryInk', readable(C.primary)); setv('--accent', C.accent); setv('--bg', C.bg); setv('--bgRGB', rgbStr(C.bg)); setv('--card', C.card); setv('--cardRGB', rgbStr(C.card)); setv('--wall', C.wall); setv('--wallRGB', rgbStr(C.wall)); setv('--wallLight', mix(C.wall, C.wallInk, 0.15)); setv('--wallInk', C.wallInk); setv('--wallInkRGB', rgbStr(C.wallInk)); setv('--titleColor', C.title); setv('--subColor', C.sub); setv('--ink', C.ink); setv('--inkRGB', rgbStr(C.ink)); setv('--hf', FONTS[DS.hf] || FONTS.Poppins); setv('--bf', FONTS[DS.bf] || FONTS.Poppins); setv('--ts', clamp(num(DS.ts, 40), 24, 60) + 'px'); setv('--ss', clamp(num(DS.ss, 20), 18, 28) + 'px'); setv('--cs', clamp(num(DS.cs, 18), 18, 26) + 'px'); setv('--align', ['left', 'center', 'right'].indexOf(DS.align) >= 0 ? DS.align : 'left'); setv('--radius', clamp(num(DS.radius, 8), 0, 24) + 'px'); try { doc.body.style.background = C.bg; } catch (e) {} if (!animOn) doc.documentElement.className += ' ll-still'; if (str(D.title)) doc.title = str(D.title); var live = mk('div', 'll-sr'); live.setAttribute('role', 'status'); live.setAttribute('aria-live', 'polite'); root.appendChild(live); function say(t) { live.textContent = ''; setTimeout(function () { live.textContent = t; }, 60); } var shelfParts = []; if (D.showTitle !== false && (str(D.title) || str(D.subtitle))) { var intro = mk('header', 'll-intro'); shelfParts.push(intro); if (str(D.title)) intro.appendChild(mk('h2', 'll-title', D.title)); if (str(D.subtitle)) intro.appendChild(mk('p', 'll-sub', D.subtitle)); root.appendChild(intro); } if (!total) { root.appendChild(mk('p', 'll-empty', 'No content has been added yet.')); doc.body.appendChild(root); return; } /* ---------- sound ---------- */ function play(k) { var src = sounds[k]; if (!src || typeof window.Audio !== 'function') return; try { var a = new window.Audio(src); var p = a.play(); if (p && p.catch) p.catch(function () {}); } catch (e) {} } /* ---------- shelf ---------- */ var OW = [102, 91, 108, 104, 99, 88, 101], OH = [282, 259, 304, 272, 289, 252, 283], OT = [-3, 2, -1.5, 3, -2, 2.5, -2]; function dims(i) { if (DS.look === 'uniform') return { w: 94, h: 236, t: 0 }; var k = i % 7, alt = Math.floor(i / 7) % 2 ? -6 : 0; return { w: Math.round(OW[k] * 0.92), h: Math.round(OH[k] * 0.82) + alt, t: OT[k] }; } function svg(path, vb) { var ns = 'http://www.w3.org/2000/svg'; var s = doc.createElementNS(ns, 'svg'); s.setAttribute('viewBox', vb || '0 0 24 24'); s.setAttribute('fill', 'none'); s.setAttribute('stroke', 'currentColor'); s.setAttribute('stroke-width', '2'); s.setAttribute('aria-hidden', 'true'); s.setAttribute('focusable', 'false'); var p = doc.createElementNS(ns, 'path'); p.setAttribute('d', path); s.appendChild(p); return s; } var lib = mk('section', 'll-library'); lib.setAttribute('aria-label', 'Bookshelf'); var lhead = mk('header', 'll-lhead'); var lhl = mk('div'); if (lab('collection')) lhl.appendChild(mk('div', 'll-lid', lab('collection'))); if (lab('heading')) lhl.appendChild(mk('h3', 'll-lh', lab('heading'))); lhead.appendChild(lhl); var stamp = mk('div', 'll-stamp'); lhead.appendChild(stamp); lib.appendChild(lhead); var stage = mk('div', 'll-stage'); var scroller = mk('div', 'll-scroller'); scroller.tabIndex = 0; scroller.setAttribute('role', 'region'); scroller.setAttribute('aria-label', 'Bookshelf with ' + total + ' books. Use the arrow keys to move between books.'); var row = mk('div', 'll-books'); var bookEls = books.map(function (b, i) { var btn = mk('button', 'll-book'); btn.type = 'button'; btn.setAttribute('data-index', String(i)); var d = dims(i); btn.style.setProperty('--w', d.w + 'px'); btn.style.setProperty('--h', d.h + 'px'); btn.style.setProperty('--tilt', d.t + 'deg'); btn.style.setProperty('--tone', b.color); btn.style.setProperty('--toneInk', b.ink); btn.setAttribute('data-variant', lum(b.color) > 0.45 ? 'light' : 'dark'); btn.setAttribute('data-deco', b.deco); var face = mk('span', 'll-bface'); face.setAttribute('aria-hidden', 'true'); face.appendChild(mk('span', 'll-brule')); face.appendChild(mk('span', 'll-btitle', b.spine)); face.appendChild(mk('span', 'll-bnum', pad(i + 1))); btn.appendChild(face); var rib = mk('span', 'll-ribbon'); rib.setAttribute('aria-hidden', 'true'); btn.appendChild(rib); var lk = mk('span', 'll-lockic'); lk.setAttribute('aria-hidden', 'true'); lk.appendChild(svg('M7 11V8a5 5 0 0 1 10 0v3M6 11h12v9H6z')); btn.appendChild(lk); if (window.PointerEvent) btn.addEventListener('pointerenter', function (e) { if (e.pointerType === 'mouse' && mode === 'shelf') select(i, false); }); else btn.addEventListener('mouseenter', function () { if (mode === 'shelf') select(i, false); }); btn.addEventListener('focus', function () { if (mode === 'shelf') select(i, false); }); btn.addEventListener('click', function () { tryPull(i, btn); }); row.appendChild(btn); return btn; }); scroller.appendChild(row); stage.appendChild(scroller); var shelf = mk('div', 'll-shelf'); shelf.setAttribute('aria-hidden', 'true'); stage.appendChild(shelf); lib.appendChild(stage); var lfoot = mk('div', 'll-lfoot'); if (lab('hint')) lfoot.appendChild(mk('p', 'll-hint', lab('hint'))); var paging = mk('div', 'll-paging'); var prevB = mk('button', 'll-circle'); prevB.type = 'button'; prevB.setAttribute('aria-label', 'Previous book'); prevB.appendChild(svg('m14.5 5-7 7 7 7')); var cnt = mk('span', 'll-count'); var nextB = mk('button', 'll-circle'); nextB.type = 'button'; nextB.setAttribute('aria-label', 'Next book'); nextB.appendChild(svg('m9.5 5 7 7-7 7')); paging.appendChild(prevB); paging.appendChild(cnt); paging.appendChild(nextB); lfoot.appendChild(paging); lib.appendChild(lfoot); root.appendChild(lib); var after = mk('section', 'll-after'); after.setAttribute('aria-label', 'Selected book'); var aL = mk('div'); var selP = mk('p', 'll-sel'); selP.appendChild(doc.createTextNode('Selected volume ')); var selN = mk('span'); selP.appendChild(selN); var cap = mk('p', 'll-caption'); var bstatus = mk('p', 'll-bstatus'); aL.appendChild(selP); aL.appendChild(cap); aL.appendChild(bstatus); var pullB = mk('button', 'll-pull', 'Pull selected book \u2197'); pullB.type = 'button'; after.appendChild(aL); after.appendChild(pullB); root.appendChild(after); var donePanel = mk('section', 'll-done'); donePanel.hidden = true; donePanel.setAttribute('aria-label', 'Completion'); var doneTxt = mk('div'); var doneMsg = mk('p', 'll-donemsg'); var doneScore = mk('p', 'll-donescore'); doneTxt.appendChild(doneMsg); doneTxt.appendChild(doneScore); var restartB = mk('button', 'll-restart', 'Start over'); restartB.type = 'button'; donePanel.appendChild(doneTxt); donePanel.appendChild(restartB); root.appendChild(donePanel); shelfParts.push(lib, after, donePanel); function shelfInert(v) { shelfParts.forEach(function (el) { setInert(el, v); }); } /* ---------- reader ---------- */ var ov = mk('div', 'll-overlay'); ov.setAttribute('aria-hidden', 'true'); var exp = mk('section', 'll-exp'); exp.setAttribute('role', 'dialog'); exp.setAttribute('aria-modal', 'true'); exp.setAttribute('aria-labelledby', 'llExpTitle'); var dlive = mk('div', 'll-sr'); dlive.setAttribute('aria-live', 'polite'); exp.appendChild(dlive); function dsay(t) { dlive.textContent = ''; setTimeout(function () { dlive.textContent = t; }, 60); } var eh = mk('header', 'll-exphead'); var ehl = mk('div'); var eLabel = mk('div', 'll-explabel'); var eName = mk('h2', 'll-expname'); eName.id = 'llExpTitle'; ehl.appendChild(eLabel); ehl.appendChild(eName); var eAct = mk('div', 'll-expact'); var closeB = mk('button', 'll-xbtn ll-closecover', 'Close cover'); closeB.type = 'button'; var backB = mk('button', 'll-xbtn exit', 'Back to shelf \u00D7'); backB.type = 'button'; eAct.appendChild(closeB); eAct.appendChild(backB); eh.appendChild(ehl); eh.appendChild(eAct); exp.appendChild(eh); var estage = mk('div', 'll-expstage'); var folio = mk('div', 'll-folio arriving'); var bback = mk('div', 'll-bookback'); bback.setAttribute('aria-hidden', 'true'); var edges = mk('div', 'll-edges'); edges.setAttribute('aria-hidden', 'true'); var mread = mk('div', 'll-mread'); var mpageEl = mk('section', 'll-paper ll-mpage'); mread.appendChild(mpageEl); var cover = mk('div', 'll-cover'); var cOut = mk('div', 'll-cover-out'); var cHit = mk('button', 'll-cover-hit'); cHit.type = 'button'; var cKick = mk('span', 'll-ckick'); var cKickT = mk('span'); var cVol = mk('span'); cKick.appendChild(cKickT); cKick.appendChild(mk('br')); cKick.appendChild(cVol); var cTitle = mk('span', 'll-ctitle'); var cHint = mk('span', 'll-chint'); var cLine = mk('span', 'll-cline'); cLine.setAttribute('aria-hidden', 'true'); cHint.appendChild(cLine); cHint.appendChild(doc.createTextNode('Open this volume \u2197')); cHit.appendChild(cKick); cHit.appendChild(cTitle); cHit.appendChild(cHint); cOut.appendChild(cHit); var cIn = mk('div', 'll-cover-in'); cIn.setAttribute('aria-hidden', 'true'); var plate = mk('div', 'll-plate'); var pMark = mk('span', 'll-pmark'); var pLine = mk('span', 'll-pline'); plate.appendChild(pMark); plate.appendChild(pLine); if (lab('plateName')) plate.appendChild(mk('span', 'll-pname', lab('plateName'))); if (lab('plateStamp')) plate.appendChild(mk('span', 'll-pstamp', lab('plateStamp'))); cIn.appendChild(plate); cover.appendChild(cOut); cover.appendChild(cIn); folio.appendChild(bback); folio.appendChild(edges); folio.appendChild(mread); folio.appendChild(cover); estage.appendChild(folio); exp.appendChild(estage); var efoot = mk('footer', 'll-expfoot'); var scene = mk('p', 'll-scene'); var rnav = mk('nav', 'll-rnav'); rnav.setAttribute('aria-label', 'Book navigation'); var rprog = mk('span', 'll-rprog'); rprog.hidden = true; var rprev = mk('button', 'll-rbtn secondary', '\u2190 Back'); rprev.type = 'button'; rprev.hidden = true; var rnext = mk('button', 'll-rbtn', 'Turn page \u2192'); rnext.type = 'button'; rnext.hidden = true; rnav.appendChild(rprog); rnav.appendChild(rprev); rnav.appendChild(rnext); efoot.appendChild(scene); efoot.appendChild(rnav); exp.appendChild(efoot); ov.appendChild(exp); root.appendChild(ov); /* ---------- state ---------- */ var selected = 0, mode = 'shelf', busy = false, prevFocus = null; var cur = -1, T = 1, Lc = 0, spread = 0, mpage = 1, leaves = [], baseEl = null; var done = books.map(function () { return false; }); var seenEnd = done.slice(); var chk = []; function freshChecks() { chk = books.map(function (b) { return b.check ? { answered: false, choice: -1, right: false } : null; }); } freshChecks(); var announcedAll = false; function firstIncomplete() { for (var j = 0; j < total; j++) if (!done[j]) return j; return total; } function isLocked(i) { if (ORDER !== 'sequence') return false; for (var j = 0; j < i; j++) if (!done[j]) return true; return false; } function bookAria(i) { var s = 'Volume ' + (i + 1) + ' of ' + total + ': ' + books[i].spine + '.'; if (PROG && done[i]) s += ' Read.'; if (isLocked(i)) s += ' Locked. Finish volume ' + (firstIncomplete() + 1) + ' first.'; return s; } function refreshBooks() { bookEls.forEach(function (el, i) { el.classList.toggle('is-read', PROG && done[i]); el.classList.toggle('is-locked', isLocked(i)); el.setAttribute('aria-label', bookAria(i)); }); } function scrollToBook(i) { var el = bookEls[i]; if (!el) return; var left = el.offsetLeft, w = el.offsetWidth, sl = scroller.scrollLeft, sw = scroller.clientWidth, target = sl; if (left < sl + 12) target = left - 24; else if (left + w > sl + sw - 12) target = left + w - sw + 24; if (target === sl) return; try { if (scroller.scrollTo && motion() && !QUIET) scroller.scrollTo({ left: target, behavior: 'smooth' }); else scroller.scrollLeft = target; } catch (e) { scroller.scrollLeft = target; } } function select(i, scroll, announce) { selected = ((i % total) + total) % total; bookEls.forEach(function (el, k) { el.classList.toggle('is-selected', k === selected); }); cnt.textContent = pad(selected + 1) + ' / ' + pad(total); updateAfter(); if (scroll) scrollToBook(selected); if (announce) say(bookAria(selected) + (books[selected].caption ? ' ' + books[selected].caption : '')); } function updateAfter() { var b = books[selected]; selN.textContent = '/ ' + pad(selected + 1); cap.textContent = b.caption || b.spine; var st = ''; if (isLocked(selected)) st = 'Locked. Finish volume ' + pad(firstIncomplete() + 1) + ' first.'; else if (PROG && done[selected]) st = '\u2713 Read'; else if (seenEnd[selected] && chk[selected] && !chk[selected].answered) st = 'Answer the quick check to finish this volume.'; bstatus.textContent = st; bstatus.hidden = !st; pullB.setAttribute('aria-disabled', isLocked(selected) ? 'true' : 'false'); } function updateProgress() { var n = done.filter(Boolean).length; while (stamp.firstChild) stamp.removeChild(stamp.firstChild); if (PROG) { stamp.appendChild(mk('span', '', n + ' of ' + total + ' read')); var bar = mk('span', 'll-mbar'); bar.setAttribute('aria-hidden', 'true'); var fill = mk('i'); fill.style.width = Math.round(n / total * 100) + '%'; bar.appendChild(fill); stamp.appendChild(bar); stamp.hidden = false; } else if (lab('stamp')) { stamp.textContent = lab('stamp'); stamp.hidden = false; } else stamp.hidden = true; var all = n === total; if (DONE_ON && all) { donePanel.hidden = false; doneMsg.textContent = DONE_MSG; var cs = chk.filter(Boolean); if (SCORE_ON && cs.length) { doneScore.textContent = 'Quick checks: ' + cs.filter(function (s) { return s.right; }).length + ' of ' + cs.length + ' correct'; doneScore.hidden = false; } else doneScore.hidden = true; } else donePanel.hidden = true; } function lockedNotice(i) { select(i, true); say('Volume ' + (i + 1) + ' is locked. Finish volume ' + (firstIncomplete() + 1) + ' first.'); var el = bookEls[i]; if (el && motion()) { el.classList.remove('ll-nudge'); void el.offsetWidth; el.classList.add('ll-nudge'); setTimeout(function () { el.classList.remove('ll-nudge'); }, 480); } } function tryPull(i, el) { if (busy || mode !== 'shelf') return; if (isLocked(i)) { lockedNotice(i); return; } pullBook(i, el); } /* ---------- pages ---------- */ function totalPages(bi) { return N + (books[bi].check ? 1 : 0); } function pageHeading(bi, p) { var b = books[bi]; if (b.check && p === totalPages(bi)) return b.check.q; var pg = b.pages[p - 1]; if (!pg) return ''; if (pg.layout === 'quote') return pg.quote; if (pg.layout === 'stat') return [pg.stat, pg.heading].filter(Boolean).join(', '); return pg.heading || pg.body.slice(0, 80); } function buildLayout(body, pg) { if (pg.layout === 'quote') { if (pg.quote) { var q = mk('blockquote', 'll-pquote'); q.appendChild(mk('p', '', pg.quote)); body.appendChild(q); } if (pg.attr) body.appendChild(mk('p', 'll-pattr', pg.attr)); } else if (pg.layout === 'stat') { if (pg.stat) body.appendChild(mk('p', 'll-pstat', pg.stat)); if (pg.heading) body.appendChild(mk('h3', 'll-ptitle', pg.heading)); if (pg.body) body.appendChild(mk('p', 'll-plead', pg.body)); } else if (pg.layout === 'image') { var fig = mk('figure', 'll-pfig'); if (pg.img) { var im = mk('img', 'll-pimg'); im.alt = pg.alt || ''; im.decoding = 'async'; im.src = pg.img; fig.appendChild(im); } if (pg.heading) fig.appendChild(mk('h3', 'll-ptitle', pg.heading)); if (pg.body) fig.appendChild(mk('figcaption', 'll-plead', pg.body)); body.appendChild(fig); } else { if (pg.heading) body.appendChild(mk('h3', 'll-ptitle', pg.heading)); if (pg.body) body.appendChild(mk('p', 'll-plead', pg.body)); } } function buildCheck(body, bi) { var c = books[bi].check; var q = mk('h3', 'll-cq', c.q); q.tabIndex = -1; body.appendChild(q); var grp = mk('div', 'll-opts'); grp.setAttribute('role', 'group'); grp.setAttribute('aria-label', 'Answer choices'); c.order.forEach(function (oi, k) { var btn = mk('button', 'll-opt'); btn.type = 'button'; btn.setAttribute('data-oi', String(oi)); var letter = mk('span', 'll-ol', String.fromCharCode(65 + k) + '.'); letter.setAttribute('aria-hidden', 'true'); var txt = mk('span', 'll-ot'); txt.appendChild(doc.createTextNode(c.opts[oi])); txt.appendChild(mk('span', 'll-om')); btn.appendChild(letter); btn.appendChild(txt); btn.addEventListener('click', function () { answer(bi, oi); }); grp.appendChild(btn); }); body.appendChild(grp); var fb = mk('div', 'll-fb'); fb.hidden = true; body.appendChild(fb); var retry = mk('button', 'll-retry', 'Try again'); retry.type = 'button'; retry.hidden = true; retry.addEventListener('click', function () { resetCheck(bi); }); body.appendChild(retry); paintCheck(body, bi); } function paintCheck(container, bi) { var c = books[bi].check, s = chk[bi]; if (!c || !s) return; var reveal = s.right || !RETRY; each(container.querySelectorAll('.ll-opt'), function (btn) { var oi = parseInt(btn.getAttribute('data-oi'), 10), mark = btn.querySelector('.ll-om'); btn.classList.remove('is-right', 'is-wrong'); if (s.answered) { btn.setAttribute('aria-disabled', 'true'); if (oi === c.correct && reveal) { btn.classList.add('is-right'); mark.textContent = oi === s.choice ? '\u2713 Correct, your answer' : '\u2713 Correct answer'; } else if (oi === s.choice) { btn.classList.add('is-wrong'); mark.textContent = '\u2717 Your answer'; } else mark.textContent = ''; } else { btn.removeAttribute('aria-disabled'); mark.textContent = ''; } }); var fb = container.querySelector('.ll-fb'), retry = container.querySelector('.ll-retry'); if (fb) { while (fb.firstChild) fb.removeChild(fb.firstChild); if (s.answered) { fb.className = 'll-fb ' + (s.right ? 'ok' : 'no'); fb.appendChild(mk('strong', '', s.right ? '\u2713 Correct.' : '\u2717 Not quite.')); var t = s.right ? c.fbOk : c.fbNo; if (t) fb.appendChild(doc.createTextNode(t)); fb.hidden = false; } else fb.hidden = true; } if (retry) retry.hidden = !(s.answered && !s.right && RETRY); } function checkHosts(bi) { var hosts = []; if (cur !== bi) return hosts; each(folio.querySelectorAll('[data-check="1"]'), function (sec) { if (!closestSel(sec, '.ll-mflip')) hosts.push(sec); }); return hosts; } function answer(bi, oi) { var s = chk[bi]; if (!s || s.answered || busy) return; var c = books[bi].check; s.answered = true; s.choice = oi; s.right = oi === c.correct; checkHosts(bi).forEach(function (h) { paintCheck(h, bi); }); play(s.right ? 'ok' : 'no'); var msg = s.right ? 'Correct. ' + c.fbOk : 'Not quite. ' + c.fbNo; if (!s.right && RETRY) msg += ' Select Try again to answer again.'; dsay(msg + doneNote(bi, evaluate(bi))); setScene(); updateNav(); } function resetCheck(bi) { var s = chk[bi]; if (!s) return; s.answered = false; s.choice = -1; s.right = false; var hosts = checkHosts(bi); hosts.forEach(function (h) { paintCheck(h, bi); }); setScene(); var vis = visibleFaces(), target = null; hosts.forEach(function (h) { if (!target && vis.indexOf(h) >= 0) target = h.querySelector('.ll-opt'); }); focusEl(target); dsay('Choose an answer.'); } function renderPage(sec, bi, p) { while (sec.firstChild) sec.removeChild(sec.firstChild); var b = books[bi], t = totalPages(bi); sec.removeAttribute('data-check'); sec.classList.remove('ll-endpaper'); if (p < 1 || p > t) { sec.classList.add('ll-endpaper'); sec.setAttribute('aria-label', 'Blank page'); var orn = mk('span', 'll-orn', '\u00B7 \u00B7 \u00B7'); orn.setAttribute('aria-hidden', 'true'); sec.appendChild(orn); return; } sec.setAttribute('aria-label', 'Page ' + p + ' of ' + t); var isCheck = !!b.check && p === t; var label = isCheck ? (lab('checkLabel') || 'Quick check') : str(PL[p - 1]); sec.appendChild(mk('p', 'll-kicker', pad(p) + (label ? ' / ' + label : ''))); var body = mk('div', 'll-pbody'); sec.appendChild(body); if (isCheck) { sec.setAttribute('data-check', '1'); buildCheck(body, bi); } else buildLayout(body, b.pages[p - 1]); var idx = mk('div', 'll-pindex'); idx.appendChild(mk('span', '', lab('footer'))); idx.appendChild(mk('span', '', pad(p) + ' / ' + pad(t))); sec.appendChild(idx); } function setInert(el, v) { if (!el) return; if (v) el.setAttribute('aria-hidden', 'true'); else el.removeAttribute('aria-hidden'); if ('inert' in el) el.inert = v; else each(el.querySelectorAll('button,[tabindex]'), function (b) { if (v) { if (!b.hasAttribute('data-ti')) b.setAttribute('data-ti', b.getAttribute('tabindex') || ''); b.setAttribute('tabindex', '-1'); } else if (b.hasAttribute('data-ti')) { var o = b.getAttribute('data-ti'); if (o) b.setAttribute('tabindex', o); else b.removeAttribute('tabindex'); b.removeAttribute('data-ti'); } }); } function allFaces() { var a = [baseEl, mpageEl]; leaves.forEach(function (l) { a.push(l.front, l.back); }); return a.filter(Boolean); } function visibleFaces() { if (mode !== 'open') return []; if (small()) return [mpageEl]; var out = []; if (spread > 0 && leaves[spread - 1]) out.push(leaves[spread - 1].back); out.push(spread < Lc ? leaves[spread].front : baseEl); return out.filter(Boolean); } function visiblePages() { if (small()) return [mpage]; if (spread === 0) return [1]; return [2 * spread, 2 * spread + 1].filter(function (p) { return p <= T; }); } function markScroll() { allFaces().forEach(function (sec) { var body = sec.querySelector('.ll-pbody'); if (!body) return; var over = body.scrollHeight > body.clientHeight + 2 && sec.classList.contains('is-live'); if (over) { body.tabIndex = 0; body.setAttribute('role', 'region'); body.setAttribute('aria-label', 'Page text, scroll for more'); } else { body.removeAttribute('tabindex'); body.removeAttribute('role'); body.removeAttribute('aria-label'); } }); } function syncLive() { var vis = visibleFaces(); allFaces().forEach(function (sec) { var on = vis.indexOf(sec) >= 0; sec.classList.toggle('is-live', on); setInert(sec, !on); }); frame().then(markScroll); } function applyStates() { var open = mode === 'open'; folio.classList.toggle('is-open', open); exp.classList.toggle('reading', open); cover.style.zIndex = (open && spread > 0) ? '5' : '60'; leaves.forEach(function (l, k) { var i = k + 1, turned = i <= spread; l.el.classList.toggle('turned', turned); l.el.style.zIndex = String(turned ? 30 + i : 10 + Lc - i); }); syncLive(); } function snap(fn) { var had = root.classList.contains('ll-snap'); root.classList.add('ll-snap'); fn(); void root.offsetWidth; if (!had) root.classList.remove('ll-snap'); } function paintSolo(bi) { var b = books[bi]; cur = bi; T = totalPages(bi); Lc = Math.ceil((T - 1) / 2); spread = 0; mpage = 1; folio.style.setProperty('--cover', b.color); folio.style.setProperty('--coverInk', b.ink); eName.textContent = b.spine; eLabel.textContent = 'Volume ' + pad(bi + 1) + ' of ' + pad(total); cKickT.textContent = lab('coverKicker') || str(D.title); cVol.textContent = 'Volume / ' + pad(bi + 1); cTitle.textContent = b.cover; cHit.setAttribute('aria-label', 'Open volume ' + (bi + 1) + ': ' + b.cover); pMark.textContent = pad(bi + 1) + '.'; leaves.forEach(function (l) { if (l.el.parentNode) l.el.parentNode.removeChild(l.el); }); leaves = []; if (baseEl && baseEl.parentNode) baseEl.parentNode.removeChild(baseEl); baseEl = mk('section', 'll-paper ll-base'); renderPage(baseEl, bi, 2 * Lc + 1); folio.insertBefore(baseEl, mread); for (var i = 1; i <= Lc; i++) { var leaf = mk('div', 'll-leaf'), f = mk('section', 'll-paper ll-lf'), bk = mk('section', 'll-paper ll-lb'); renderPage(f, bi, 2 * i - 1); renderPage(bk, bi, 2 * i); leaf.appendChild(f); leaf.appendChild(bk); folio.insertBefore(leaf, mread); leaves.push({ el: leaf, front: f, back: bk }); } each(mread.querySelectorAll('.ll-mflip'), function (n) { n.parentNode.removeChild(n); }); renderPage(mpageEl, bi, 1); snap(applyStates); updateNav(); } function fitFolio() { var sw = estage.clientWidth, sh = estage.clientHeight; if (!sw || !sh) return; var w = small() ? Math.min(430, sw * 0.84, (sh - 28) * 0.75) : Math.min(400, (sw - 56) / 2, (sh - 40) * 0.75); folio.style.width = Math.max(140, Math.floor(w)) + 'px'; } function setScene() { if (mode === 'solo') { scene.textContent = 'Select the cover to open this volume.'; return; } if (mode !== 'open') return; var vis = visiblePages(), b = books[cur]; if (b.check && vis.indexOf(T) >= 0 && chk[cur] && !chk[cur].answered) scene.textContent = 'Answer the quick check to finish this volume.'; else if (vis.indexOf(T) >= 0) scene.textContent = 'That\u2019s the last page. Close the book or go back to the shelf.'; else scene.textContent = 'Turn the page when you\u2019re ready.'; } function updateNav() { var reading = mode === 'open'; rprog.hidden = !reading; rnext.hidden = !reading; if (reading) { if (small()) { rprog.textContent = 'Page ' + mpage + ' of ' + T; rprev.hidden = mpage <= 1; rnext.textContent = mpage >= T ? 'Close book' : 'Next page \u2192'; } else { var vis = visiblePages(); rprog.textContent = vis.length > 1 ? 'Pages ' + vis[0] + '\u2013' + vis[1] + ' of ' + T : 'Page ' + vis[0] + ' of ' + T; rprev.hidden = spread === 0; rnext.textContent = spread >= Lc ? 'Close book \u2197' : 'Turn page \u2192'; } } else { rprev.hidden = true; rprog.textContent = ''; } fitFolio(); } function evaluate(bi) { if (done[bi]) { updateAfter(); return false; } if (seenEnd[bi] && (!chk[bi] || chk[bi].answered)) { done[bi] = true; refreshBooks(); updateProgress(); updateAfter(); return true; } updateAfter(); return false; } function doneNote(bi, newly) { return newly ? ' Volume ' + (bi + 1) + ' complete.' : ''; } function afterView(announce) { syncLive(); var vis = visiblePages(), newly = false; if (vis.indexOf(T) >= 0) { seenEnd[cur] = true; newly = evaluate(cur); } setScene(); if (announce) dsay(vis.map(function (p) { var h = pageHeading(cur, p).replace(/[.!?\s]+$/, ''); return 'Page ' + p + ' of ' + T + (h ? ': ' + h : ''); }).join('. ') + '.' + doneNote(cur, newly)); } function focusAfterTurn() { var faces = visibleFaces(), q = null; if (chk[cur] && !chk[cur].answered) faces.forEach(function (f) { if (!q && f.getAttribute('data-check') === '1') q = f.querySelector('.ll-cq'); }); focusEl(q || (rnext.hidden ? rprev : rnext)); } /* ---------- motion ---------- */ async function pullBook(i, source) { if (busy || mode !== 'shelf') return; busy = true; prevFocus = doc.activeElement; select(i, false); paintSolo(i); mode = 'solo'; ov.classList.add('active'); ov.setAttribute('aria-hidden', 'false'); shelfInert(true); folio.classList.add('arriving'); cHit.tabIndex = 0; setScene(); updateNav(); fitFolio(); doc.body.style.overflow = 'hidden'; if (motion() && source && source.getBoundingClientRect) { try { var from = source.getBoundingClientRect(), to = folio.getBoundingClientRect(), clone = source.cloneNode(true); clone.classList.add('ll-travel'); clone.removeAttribute('id'); clone.setAttribute('aria-hidden', 'true'); clone.tabIndex = -1; clone.style.left = from.left + 'px'; clone.style.top = from.top + 'px'; clone.style.width = from.width + 'px'; clone.style.height = from.height + 'px'; clone.style.transform = 'none'; clone.style.transition = 'none'; root.appendChild(clone); await frame(); if (clone.animate) { var anim = clone.animate([ { left: from.left + 'px', top: from.top + 'px', width: from.width + 'px', height: from.height + 'px', opacity: 1, transform: 'perspective(850px) rotateY(-12deg)' }, { offset: 0.52, left: (from.left + (to.left - from.left) * 0.45) + 'px', top: (from.top + (to.top - from.top) * 0.3 - 50) + 'px', width: (from.width + 85) + 'px', height: (from.height + 46) + 'px', opacity: 1, transform: 'perspective(900px) rotateY(-24deg) rotateZ(-4deg)' }, { left: to.left + 'px', top: to.top + 'px', width: to.width + 'px', height: to.height + 'px', opacity: 0, transform: 'perspective(1000px) rotateY(-82deg) rotateZ(-5deg)' } ], { duration: 850, easing: 'cubic-bezier(.22,.68,.2,1)', fill: 'forwards' }); if (anim && anim.finished) await anim.finished; else await sleep(850); } if (clone.parentNode) clone.parentNode.removeChild(clone); } catch (e) { each(root.querySelectorAll('.ll-travel'), function (n) { n.parentNode.removeChild(n); }); } } folio.classList.remove('arriving'); focusEl(backB); busy = false; } async function openCover() { if (mode !== 'solo' || busy) return; busy = true; mode = 'open'; spread = 0; mpage = 1; applyStates(); cHit.tabIndex = -1; play('turn'); updateNav(); setScene(); await sleep(motion() ? 1190 : 30); busy = false; afterView(true); updateNav(); focusAfterTurn(); } async function closeCover() { if (mode !== 'open' || busy) return; busy = true; if (small() && mpage !== 1) renderPage(mpageEl, cur, 1); spread = 0; mpage = 1; mode = 'solo'; each(mread.querySelectorAll('.ll-mflip'), function (n) { n.parentNode.removeChild(n); }); applyStates(); cHit.tabIndex = 0; play('turn'); setScene(); updateNav(); await sleep(motion() ? 1210 : 30); busy = false; focusEl(cHit); } async function returnShelf() { if (mode === 'shelf' || busy) return; busy = true; var wasOpen = mode === 'open', bi = cur; folio.classList.remove('is-open'); exp.classList.remove('reading'); leaves.forEach(function (l) { l.el.classList.remove('turned'); }); await sleep(motion() && wasOpen ? 800 : 140); mode = 'shelf'; spread = 0; mpage = 1; ov.classList.remove('active'); ov.setAttribute('aria-hidden', 'true'); shelfInert(false); cHit.tabIndex = 0; doc.body.style.overflow = ''; syncLive(); updateNav(); refreshBooks(); updateProgress(); select(selected, true); busy = false; var back = (prevFocus && doc.contains(prevFocus) && prevFocus !== doc.body) ? prevFocus : bookEls[selected]; focusEl(back); var n = done.filter(Boolean).length; if (n === total && !announcedAll) { announcedAll = true; say((DONE_ON ? DONE_MSG + ' ' : '') + (doneScore.hidden ? '' : doneScore.textContent)); } else if (bi >= 0 && done[bi] && PROG) say('Volume ' + (bi + 1) + ' read. ' + n + ' of ' + total + ' read.'); } async function mobileTurn(np) { var curP = mpage; var flip = mk('div', 'll-mflip'); flip.setAttribute('aria-hidden', 'true'); var front = mk('section', 'll-paper ll-flipfront'), back = mk('section', 'll-paper ll-flipback'); flip.appendChild(front); flip.appendChild(back); setInert(front, true); setInert(back, true); mread.appendChild(flip); if (np > curP) { renderPage(front, cur, curP); renderPage(mpageEl, cur, np); await frame(); await frame(); flip.classList.add('fwd'); } else { flip.classList.add('back'); renderPage(front, cur, np); renderPage(mpageEl, cur, curP); void flip.offsetWidth; flip.classList.add('go'); } await sleep(motion() ? 890 : 30); renderPage(mpageEl, cur, np); if (flip.parentNode) flip.parentNode.removeChild(flip); } async function turn(dir) { if (mode !== 'open' || busy) return; if (small()) { var np = mpage + dir; if (np > T) { await closeCover(); return; } if (np < 1) return; busy = true; play('turn'); await mobileTurn(np); mpage = np; busy = false; afterView(true); updateNav(); focusAfterTurn(); return; } var ns = spread + dir; if (ns > Lc) { await closeCover(); return; } if (ns < 0) return; busy = true; play('turn'); var leaf = leaves[dir > 0 ? ns - 1 : spread - 1]; if (dir > 0) cover.style.zIndex = '5'; leaf.el.style.zIndex = '50'; leaf.el.classList.toggle('turned', dir > 0); spread = ns; each(folio.querySelectorAll('.ll-paper.is-live'), function (p) { p.classList.remove('is-live'); }); updateNav(); await sleep(motion() ? 1110 : 30); applyStates(); busy = false; afterView(true); updateNav(); focusAfterTurn(); } function restart() { done = books.map(function () { return false; }); seenEnd = done.slice(); freshChecks(); announcedAll = false; books.forEach(function (b) { if (b.check) b.check.order = shuffled(b.check.opts.length); }); refreshBooks(); updateProgress(); select(0, true); focusEl(bookEls[0]); say('Progress cleared. Start with volume 1.'); } /* ---------- events ---------- */ prevB.addEventListener('click', function () { if (mode === 'shelf') select(selected - 1, true, true); }); nextB.addEventListener('click', function () { if (mode === 'shelf') select(selected + 1, true, true); }); pullB.addEventListener('click', function () { tryPull(selected, bookEls[selected]); }); cHit.addEventListener('click', openCover); closeB.addEventListener('click', closeCover); backB.addEventListener('click', returnShelf); rnext.addEventListener('click', function () { turn(1); }); rprev.addEventListener('click', function () { turn(-1); }); restartB.addEventListener('click', restart); function focusables() { return Array.prototype.filter.call(exp.querySelectorAll('button,[tabindex="0"]'), function (b) { if (b.disabled || b.hidden || b.tabIndex < 0) return false; if (closestSel(b, '[aria-hidden="true"]') || closestSel(b, '[inert]')) return false; if (!b.getClientRects().length) return false; try { if (window.getComputedStyle(b).visibility === 'hidden') return false; } catch (e) {} return true; }); } doc.addEventListener('keydown', function (e) { if (mode !== 'shelf') { if (e.key === 'Escape' || e.key === 'Esc') { e.preventDefault(); if (mode === 'open') closeCover(); else returnShelf(); return; } if (mode === 'open' && !busy && (e.key === 'ArrowRight' || e.key === 'ArrowLeft')) { var t = e.target; if (t && t.tagName && /^(BUTTON|INPUT|TEXTAREA|SELECT)$/.test(t.tagName)) return; e.preventDefault(); turn(e.key === 'ArrowRight' ? 1 : -1); return; } if (e.key === 'Tab') { var f = focusables(); if (!f.length) { e.preventDefault(); return; } var first = f[0], last = f[f.length - 1], a = doc.activeElement, idx = f.indexOf(a); if (idx < 0) { var nextI = -1, prevI = -1; if (a && a.compareDocumentPosition) f.forEach(function (el, k) { var pos = a.compareDocumentPosition(el); if (pos & 4) { if (nextI < 0) nextI = k; } else if (pos & 2) prevI = k; }); e.preventDefault(); if (e.shiftKey) (prevI >= 0 ? f[prevI] : last).focus(); else (nextI >= 0 ? f[nextI] : first).focus(); } else if (e.shiftKey && idx === 0) { e.preventDefault(); last.focus(); } else if (!e.shiftKey && idx === f.length - 1) { e.preventDefault(); first.focus(); } } return; } var act = doc.activeElement; if (act === scroller || (act && act.classList && act.classList.contains('ll-book'))) { var to = -1; if (e.key === 'ArrowRight' || e.key === 'ArrowDown') to = selected + 1; else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') to = selected - 1; else if (e.key === 'Home') to = 0; else if (e.key === 'End') to = total - 1; if (to !== -1) { e.preventDefault(); select(to, true); focusEl(bookEls[selected]); } } }); if (window.ResizeObserver) { try { new window.ResizeObserver(function () { fitFolio(); }).observe(estage); } catch (e) {} } var wasSmall = small(), rt = null; window.addEventListener('resize', function () { clearTimeout(rt); rt = setTimeout(function () { var s = small(); if (s !== wasSmall) { wasSmall = s; if (mode === 'open' && !busy) { if (s) { mpage = spread === 0 ? 1 : Math.min(T, 2 * spread); renderPage(mpageEl, cur, mpage); } else { spread = Math.min(Lc, Math.floor(mpage / 2)); } snap(applyStates); afterView(false); updateNav(); } } fitFolio(); markScroll(); }, 140); }); /* ---------- start ---------- */ refreshBooks(); updateProgress(); select(0, false); doc.body.appendChild(root); if (PV) { QUIET = true; var pb = Math.floor(num(PV.book, -1)); if (pb >= 0 && pb < total) { select(pb, false); scrollToBook(pb); if (PV.view === 'cover' || PV.view === 'page') { root.classList.add('ll-snap'); paintSolo(pb); mode = 'solo'; ov.classList.add('active'); ov.setAttribute('aria-hidden', 'false'); shelfInert(true); doc.body.style.overflow = 'hidden'; folio.classList.remove('arriving'); if (PV.view === 'page') { var pp = PV.page === 'check' ? T : clamp(Math.floor(num(PV.page, 1)), 1, T); mode = 'open'; cHit.tabIndex = -1; if (small()) { mpage = pp; renderPage(mpageEl, pb, pp); } else spread = Math.min(Lc, Math.floor(pp / 2)); applyStates(); afterView(false); } else { applyStates(); setScene(); } updateNav(); void root.offsetWidth; root.classList.remove('ll-snap'); } } QUIET = false; } })();