/* Prize Club: original Christmas lounge instrumental, 76 BPM, 16 bars. * Warm piano, soft strings, plucked bass, brushed percussion and sleigh bells. * Original score: no borrowed song, recording, vocals or external samples. * Same score as synthesise_christmas_beauty.py; browser timbres approximate MP3. * PCBeautyMusic({volume}): start() Promise, stop()/destroy() Promise, * setVolume(0..1), isPlaying(). No autoplay, network, UI or global listeners. * Caller owns exact competition scope. Start must run in a user gesture. */ (function (global) { 'use strict'; const chords = [[41,48,[57,62,67,72]],[38,45,[53,57,60,64]],[43,50,[53,58,62,69]],[36,43,[52,58,62,69]],[41,48,[52,57,60,67]],[46,53,[57,60,62,65]],[46,53,[55,58,61,65]],[45,48,[53,60,62,67]],[38,45,[54,60,63,69]],[43,50,[53,58,62,69]],[36,43,[52,58,62,69]],[41,48,[52,57,60,67]],[38,45,[53,57,60,64]],[43,50,[53,57,59,64]],[43,50,[53,58,62,69]],[36,43,[52,58,62,69]]]; const melody = [[[0.5,69,1.1],[2,74,0.8],[3.33,72,0.5]],[[0.33,76,1.25],[2,72,0.7],[3,69,0.7]],[[0.5,70,1.4],[2.33,77,0.65],[3.33,74,0.5]],[[0,76,1],[1.67,74,0.6],[3,69,0.8]],[[0.33,72,1.2],[2,67,0.7],[3.33,69,0.5]],[[0.5,74,1.5],[2.67,72,0.9]],[[0.33,73,1.2],[2,70,0.8],[3.33,67,0.5]],[[0,69,2],[2.67,72,0.8]],[[0.5,75,1],[2,72,0.8],[3.33,69,0.45]],[[0.33,74,1.2],[2,77,0.8],[3.33,76,0.45]],[[0,74,1],[1.67,69,0.7],[3,70,0.8]],[[0.5,72,1.5],[2.67,69,0.9]],[[0.33,76,1.25],[2,72,0.8],[3.33,69,0.45]],[[0,71,1.1],[1.67,74,0.7],[3,76,0.8]],[[0.5,74,1.1],[2,70,0.75],[3.33,69,0.45]],[[0.33,67,1.5],[2.67,64,0.6],[3.5,67,0.4]]]; const beat = 60/76, duration = 64*beat, score = []; chords.forEach(([root,fifth,chord],bar) => { const t=bar*4*beat; chord.forEach((n,j) => { score.push([t+.014*j,n,2.9*beat,.028,(j-1.5)*.14,0]); score.push([t+.06+.024*j,n,3.78*beat,.022,(j-1.5)*.28,1]); if(bar%4!==3) score.push([t+2.67*beat+.014*j,n,1.1*beat,.015,(j-1.5)*.14,0]); }); score.push([t,root,1.65*beat,.105,-.12,2],[t+2*beat,fifth,1.55*beat,.082,-.12,2]); for(let b=0;b<4;b++) score.push([t+b*beat,0,.23,b%2?.010:.006,.22,3]); [1.67,3.67].forEach(b=>score.push([t+b*beat,0,.12,.004,-.2,3])); melody[bar].forEach(([b,n,h],j)=>score.push([t+b*beat+.024,n,h*beat,.092*(1+.045*Math.sin(bar*1.3+j*.8)),.06,5])); if(!(bar%2)) score.push([t+3.5*beat,bar%4?89:93,.15,.006,bar%4?-.4:.4,4]); }); score.sort((a,b)=>a[0]-b[0]); const clamp = (v,f) => Number.isFinite(Number(v)) ? Math.max(0,Math.min(1,Number(v))) : f; const disconnect = n => { try { n.disconnect(); } catch (_) {} }; global.PCBeautyMusic = function (options) { let volume = clamp(options && options.volume !== undefined ? options.volume : .3,.3); let run = null, pending = null, destroyed = false; function dispose(r) { if (r.closing) return r.closing; r.playing = false; global.clearInterval(r.timer); const now = r.ctx.currentTime; if (r.master) { const gain = r.master.gain; if (gain.cancelAndHoldAtTime) gain.cancelAndHoldAtTime(now); else { const value = gain.value; gain.cancelScheduledValues(now); gain.setValueAtTime(value,now); } gain.linearRampToValueAtTime(0,now+.05); } r.voices.forEach(v => v.forEach(n => { if (typeof n.stop === "function") { try { n.stop(now+.055); } catch (_) {} } })); r.closing = new Promise(resolve => global.setTimeout(async () => { try { if (r.ctx.state !== 'closed') await r.ctx.close(); } catch (_) {} r.voices.forEach(v => v.forEach(disconnect)); r.voices.clear(); r.nodes.forEach(disconnect); resolve(); },75)); return r.closing; } function setup(ctx) { const r = {ctx,voices:new Set(),nodes:[],timer:null,playing:false,index:0,cycle:0}; const node = n => (r.nodes.push(n),n); r.bus = node(ctx.createGain()); r.master = node(ctx.createGain()); r.master.gain.value = 0; const filter = node(ctx.createBiquadFilter()); filter.type='lowpass'; filter.frequency.value=5200; filter.Q.value=.45; r.bus.connect(filter); filter.connect(r.master); r.master.connect(ctx.destination); [[.037,.08],[.071,.06],[.113,.045],[.163,.035],[.239,.025],[.347,.018],[.481,.012],[.659,.008]].forEach(([t,g])=>{ const delay=node(ctx.createDelay(1)), gain=node(ctx.createGain()); delay.delayTime.value=t; gain.gain.value=g; filter.connect(delay); delay.connect(gain); gain.connect(r.master); }); r.waves = [[0,1,.3,.14,.065,.03,.015,.008],[0,1,.16,.11,.06,.035,.025,.02],[0,1,.27,.07]].map(a=> ctx.createPeriodicWave(new Float32Array(a.length),new Float32Array(a),{disableNormalization:true})); r.noise=ctx.createBuffer(1,Math.ceil(ctx.sampleRate),ctx.sampleRate); const samples=r.noise.getChannelData(0); let seed=20261022; for(let i=0;i>>0; samples[i]=seed/2147483648-1; } return r; } function note(r,e,t) { const ctx=r.ctx, kind=e[5], hold=e[2], hz=440*2**((e[1]-69)/12); const length=kind===0||kind===5?hold+2:kind===1?hold+1.05:kind===2?hold+.45:kind===3?hold+.12:1.7; const gain=ctx.createGain(), pan=ctx.createStereoPanner?ctx.createStereoPanner():ctx.createGain(); if(pan.pan)pan.pan.value=e[4]; const voice=[], sources=[]; const add=n=>(voice.push(n),n); function tone(ratio,level,detune,wave) { const osc=add(ctx.createOscillator()), weight=add(ctx.createGain()); if(wave)osc.setPeriodicWave(wave); else osc.type='sine'; osc.frequency.setValueAtTime(hz*ratio,t); osc.detune.value=detune; weight.gain.value=level; osc.connect(weight); weight.connect(gain); sources.push(osc); } if(kind===3) { const noise=add(ctx.createBufferSource()), high=add(ctx.createBiquadFilter()), low=add(ctx.createBiquadFilter()); noise.buffer=r.noise; high.type='highpass'; high.frequency.value=1000; high.Q.value=.5; low.type='lowpass'; low.frequency.value=6200; low.Q.value=.4; noise.connect(high); high.connect(low); low.connect(gain); sources.push(noise); } else if(kind===1) { tone(1,.5,-4,r.waves[1]); tone(1,.5,4,r.waves[1]); } else if(kind===4) { [[1,1],[1.43,.32],[2.12,.16],[2.78,.07]].forEach(([ratio,a])=>tone(ratio,a,0,null)); } else tone(1,1,0,r.waves[kind===2?2:0]); const curve=new Float32Array(256); for(let i=0;i{ source.onended=()=>{ if(--remaining===0){voice.forEach(disconnect);r.voices.delete(voice);} }; source.start(t); source.stop(t+length); }); } function advance(r) { if (++r.index===score.length) { r.index=0; r.cycle++; } } function pump(r) { if (run!==r || !r.playing || r.ctx.state==='closed') return; const now = r.ctx.currentTime; let t = r.base+r.cycle*duration+score[r.index][0]; // Skip missed notes after timer throttling; never replay a backlog. if (t{}); throw error; } run = r; } // resume() happens synchronously within the caller's user gesture. const resumed = r.ctx.resume(); const promise = Promise.resolve(resumed).then(() => { if (run!==r || destroyed) return false; if (r.ctx.state!=='running') throw new Error('Music requires a user gesture to start.'); if (!r.playing) { r.playing=true; r.base=r.ctx.currentTime+.06; r.master.gain.setValueAtTime(0,r.ctx.currentTime); r.master.gain.linearRampToValueAtTime(volume*.7,r.ctx.currentTime+.12); pump(r); r.timer=global.setInterval(()=>pump(r),100); } return true; }).catch(async error => { const cancelled = run!==r || destroyed; if (run===r) run=null; await dispose(r); if (cancelled) return false; throw error; }).finally(() => { if (pending===promise) pending=null; }); pending=promise; return promise; } catch (error) { if (run===r) run=null; if (r) dispose(r); return Promise.reject(error); } } function stop() { const r=run; run=null; pending=null; return r ? dispose(r) : Promise.resolve(); } function setVolume(value) { volume=clamp(value,volume); if (run && run.playing) { const gain=run.master.gain, now=run.ctx.currentTime; if (gain.cancelAndHoldAtTime) gain.cancelAndHoldAtTime(now); else { const v=gain.value; gain.cancelScheduledValues(now); gain.setValueAtTime(v,now); } gain.linearRampToValueAtTime(volume*.7,now+.08); } return volume; } return { start,stop,setVolume, destroy() { destroyed=true; return stop(); }, isPlaying() { return !!(run && run.playing && run.ctx.state==='running'); } }; }; })(window); ; /* Prize Club Christmas Beauty Countdown. Presentation and audio only. Native cases, allocations, results, current and openCase remain untouched. */ (function (W) { 'use strict'; const SIGNATURES = [796,797,798].map(id=>'https://static.rafflex.io/prizeclub.uk/'+id+'/conversions/clipboard-thumb.jpeg'); const SELECTOR = '[data-game-component="tenant.pages.sections.order.loot-box"]'; function matchesSignature(markup) { return typeof markup==='string' && SIGNATURES.every(url=>markup.includes(url)); } function validState(d) { return !!d && Array.isArray(d.cases) && d.cases.length>0 && Number.isInteger(d.current) && d.current>=0 && d.current<=d.cases.length && typeof d.opening==='boolean' && typeof d.openCase==='function' && d.cases.every(c=>c && typeof c.won==='boolean' && Number.isInteger(c.index) && typeof c.prize==='string' && ['string','number'].includes(typeof c.ticket)); } function completedResult(d, pending) { if(!pending || d.opening || d.current<=pending.position) return null; const c=d.cases[pending.position]; return c ? {position:pending.position,ticket:String(c.ticket),won:c.won,label:c.won?c.prize:'No instant reward',image:c.won?c.prizeImage:''} : null; } // Keep Howler's methods and return values; only its audible output is suppressed. function protectNative(sound) { if(!sound || typeof sound.mute!=='function') return ()=>{}; const mute=sound.mute, play=sound.play, wasMuted=mute.call(sound); function muted(value,...args) { return typeof value==='boolean'?mute.call(this,true,...args):mute.apply(this,arguments); } function silent(...args) { mute.call(this,true); return play.apply(this,args); } mute.call(sound,true); if(typeof sound.stop==='function') sound.stop(); sound.mute=muted; if(typeof play==='function') sound.play=silent; return ()=>{if(sound.mute===muted)sound.mute=mute;if(sound.play===silent)sound.play=play;mute.call(sound,!!wasMuted);}; } // One voice/chime at a time. A playing result finishes; only the latest queued // result is retained so a fast batch cannot create an unbounded audio backlog. function audioChannel(env, config) { let active=null, queued=null, context=null, unlocked=false; function duck(on,kind) { try{config.onDuck?.(on);env.dispatchEvent(new env.CustomEvent('pcbeauty:audio',{detail:{active:on,kind:kind||null}}));}catch{} } function finish(item) { if(active!==item)return; active=null;duck(false,item.kind); const next=queued;queued=null; if(next && next.owner.isConnected && !next.muted())play(next.kind,next.owner,next.muted); } function stop(owner) { if(queued && (!owner || queued.owner===owner))queued=null; if(!active || (owner && active.owner!==owner))return; const old=active;active=null; if(old.media){old.media.onended=null;old.media.onerror=null;try{old.media.pause();old.media.currentTime=0;}catch{}} if(old.oscillator){old.oscillator.onended=null;try{old.oscillator.stop();}catch{}} duck(false,old.kind); } function unlock() { unlocked=true; try{const AC=env.AudioContext||env.webkitAudioContext;if(!context && AC)context=new AC();if(context?.state==='suspended')context.resume().catch(()=>{});}catch{} } function play(kind,owner,muted) { if(!unlocked || !owner.isConnected || muted())return; if(active){queued={kind,owner,muted};return;} const settings=config.audio||{}, src=kind==='win'?settings.win:settings.noWin; const item={kind,owner};active=item;duck(true,kind); if(src){ try{const media=new env.Audio(src);item.media=media;media.volume=Math.max(0,Math.min(1,settings.volume??0.85));media.onended=media.onerror=()=>finish(item);const p=media.play();if(p?.catch)p.catch(()=>finish(item));}catch{finish(item);} }else if(context && settings.sfx!==false){ try{const o=context.createOscillator(),g=context.createGain(),t=context.currentTime;item.oscillator=o;o.type='sine';o.frequency.setValueAtTime(kind==='win'?660:330,t);o.frequency.exponentialRampToValueAtTime(kind==='win'?1320:262,t+0.42);g.gain.setValueAtTime(0.0001,t);g.gain.exponentialRampToValueAtTime(0.10,t+0.025);g.gain.exponentialRampToValueAtTime(0.0001,t+0.52);o.connect(g);g.connect(context.destination);o.onended=()=>{o.disconnect();g.disconnect();finish(item);};o.start(t);o.stop(t+0.55);}catch{finish(item);} }else finish(item); } return {unlock,play,stop,get activeKind(){return active?.kind||null;},get queuedKind(){return queued?.kind||null;}}; } if(typeof module==='object' && module.exports) module.exports={matchesSignature,validState,completedResult,protectNative,audioChannel,SIGNATURES}; if(!W || !W.document || W.PCBeautyTheme)return; const D=W.document, given=W.PCBeautyConfig||{}; const C=W.PCBeautyConfig={...given,assets:{background:'',drawerClosed:'',drawerOpen:'',logo:'',...given.assets},audio:{win:'',noWin:'',volume:0.85,sfx:true,...given.audio}}; const audio=W.PCBeautyAudio=audioChannel(W,C), mounted=new Map(), attempts=new WeakMap(); let scanQueued=false,retryTimer=0,globalObserver; function el(tag,cls,content){const n=D.createElement(tag);if(cls)n.className=cls;if(content!==undefined)n.textContent=content;return n;} function text(n,v){if(n.textContent!==v)n.textContent=v;} function attr(n,k,v){v=String(v);if(n.getAttribute(k)!==v)n.setAttribute(k,v);} function flag(n,k,on){if(n.classList.contains(k)!==on)n.classList.toggle(k,on);} function status(component,value){if(component.dataset.pcBeautyStatus!==value)component.dataset.pcBeautyStatus=value;} function clickCode(button){return (button.getAttribute('@click')||button.getAttribute('x-on:click')||'').replace(/\s|;/g,'');} function image(src,cls){const i=el('img',cls);i.alt='';i.draggable=false;if(src)i.src=src;else i.hidden=true;i.addEventListener('error',()=>{i.hidden=true;});return i;} function mount(component,demoState){ const demo=demoState && component.closest('#pc-beauty-demo'); if(mounted.has(component)){status(component,'mounted');return true;} if(!matchesSignature(component.innerHTML)){status(component,'signature-mismatch');return true;} if(!demo && (!W.Alpine || typeof W.Alpine.$data!=='function')){status(component,'missing-alpine');return false;} const root=component.querySelector('[x-data]');if(!root){status(component,'missing-native-root');return false;} let d;try{d=demo?demoState:W.Alpine.$data(root);}catch{status(component,'waiting-state');return false;} if(!validState(d)){status(component,'waiting-state');return false;} if(!d.loop || typeof d.loop.toIndex!=='function'){status(component,'waiting-loop');return false;} const viewport=root.querySelector('.case-viewport'),buttons=[...root.querySelectorAll('button')]; const nativeOpen=buttons.find(b=>clickCode(b)==='openCase(cases[current].index)'),nativeAll=buttons.find(b=>clickCode(b)==='current=cases.length'); const card=root.firstElementChild,summary=[...root.querySelectorAll('[x-show]')].find(n=>(n.getAttribute('x-show')||'').replace(/\s/g,'')==='current>=cases.length'); if(!viewport || !nativeOpen || !nativeAll || !card || !summary){status(component,'missing-controls');component.dataset.pcBeautyMissing=[!viewport&&'viewport',!nativeOpen&&'open',!nativeAll&&'all',!card&&'card',!summary&&'summary'].filter(Boolean).join(',');return false;} if(!viewport.getBoundingClientRect().width){status(component,'waiting-width');return false;} delete component.dataset.pcBeautyMissing; const prizeArt=new Map([...viewport.querySelectorAll('img[alt]')].map(i=>[i.alt.trim(),i.getAttribute('src')||i.getAttribute('data-demo-src')||''])); Object.entries(C.prizeAssets||{}).forEach(([label,url])=>prizeArt.set(label,url)); const cleanup=[],soundObjects=new Map();let pending=d.opening && d.current0?completedResult(d,{position:d.current-1}):null,bulk=false,muted=false,queued=false,destroyed=false,timer=0,deadline=pending?Date.now()+15000:0,renderKey=''; const stage=el('section','pc-beauty-stage');stage.setAttribute('aria-label','Christmas Beauty Countdown advent drawers'); if(C.assets.background)stage.style.setProperty('--pc-beauty-background','url('+JSON.stringify(C.assets.background)+')'); if(C.assets.backgroundMobile)stage.style.setProperty('--pc-beauty-background-mobile','url('+JSON.stringify(C.assets.backgroundMobile)+')'); const heading=el('header','pc-beauty-heading'); if(C.assets.logo){const logo=image(C.assets.logo,'pc-beauty-logo');logo.alt='Prize Club';heading.append(logo);} heading.append(el('p','pc-beauty-eyebrow','A little beauty. A lot of Christmas.'),el('h2','','Your beauty countdown'),el('p','pc-beauty-intro','One ticket, one little drawer. Open the next drawer to reveal its assigned result.')); const progress=el('p','pc-beauty-progress'),rail=el('ol','pc-beauty-rail');rail.setAttribute('aria-label','Your ticket drawers'); const chips=d.cases.map((c,i)=>{const li=el('li','',String(i+1).padStart(2,'0'));rail.append(li);return li;}); const display=el('div','pc-beauty-display'),drawer=el('button','pc-beauty-drawer');drawer.type='button'; const fallback=el('span','pc-beauty-fallback'),closed=image(C.assets.drawerClosed,'pc-beauty-closed'),opened=image(C.assets.drawerOpen,'pc-beauty-open'),number=el('span','pc-beauty-number'); fallback.setAttribute('aria-hidden','true');number.setAttribute('aria-hidden','true');drawer.append(fallback,closed,opened,number); if(C.assets.drawerClosed)drawer.classList.add('pc-beauty-artwork'); for(const img of [closed,opened])img.addEventListener('error',()=>drawer.classList.remove('pc-beauty-artwork')); const emblem=el('span','pc-beauty-prize-emblem'),prizeImage=image('','pc-beauty-prize-image'),prizeIcon=el('span','pc-beauty-prize-icon'),prizeLabel=el('span','pc-beauty-prize-label');emblem.hidden=true;emblem.setAttribute('aria-hidden','true');emblem.append(prizeImage,prizeIcon,prizeLabel);drawer.append(emblem); const ticket=el('p','pc-beauty-ticket'),result=el('div','pc-beauty-result'),resultTitle=el('h3'),resultCopy=el('p');result.setAttribute('role','status');result.setAttribute('aria-live','polite');result.setAttribute('aria-atomic','true');result.append(resultTitle,resultCopy);display.append(drawer,ticket,result); const controls=el('div','pc-beauty-controls'),open=el('button','pc-beauty-primary'),all=el('button','pc-beauty-secondary','Reveal all drawers'),sound=el('button','pc-beauty-sound','Sound on'); for(const b of [open,all,sound])b.type='button';controls.append(open,all,sound); const note=el('p','pc-beauty-note','Not every ticket reveals an instant reward. Your valid tickets remain in the final calendar draw. Opening and animation do not change the result.'); stage.append(heading,progress,rail,display,controls,note);card.prepend(stage); function mark(n,cls,hide){n.classList.add(cls);const old=n.getAttribute('aria-hidden');if(hide)n.setAttribute('aria-hidden','true');cleanup.push(()=>{n.classList.remove(cls);if(hide){if(old===null)n.removeAttribute('aria-hidden');else n.setAttribute('aria-hidden',old);}});} mark(card,'pc-beauty-theme');mark(viewport,'pc-beauty-native-viewport',true);mark(summary,'pc-beauty-native-summary'); // Hide only the known native header/open controls and popup. The measured // carousel remains in the DOM, with its original dimensions and GSAP loop. mark(nativeAll.closest('.mb-6')||nativeAll,'pc-beauty-native-hidden',true); mark(nativeOpen.parentElement,'pc-beauty-native-hidden',true); [...root.querySelectorAll('[x-show]')].filter(n=>(n.getAttribute('x-show')||'').includes('prizeResultVisible')).forEach(n=>mark(n,'pc-beauty-native-hidden',true)); function protect(){for(const s of [d.audio,d.audioSuccess])if(s && !soundObjects.has(s))soundObjects.set(s,protectNative(s));} function nativeClick(event){const b=event.target.closest('button');if(b!==nativeOpen && b!==nativeAll)return;audio.unlock();deadline=Date.now()+15000; if(b===nativeOpen && !d.opening && d.currentproxy(nativeOpen));drawer.addEventListener('click',()=>proxy(nativeOpen));all.addEventListener('click',()=>proxy(nativeAll)); sound.addEventListener('click',()=>{muted=!muted;if(muted)audio.stop(root);else audio.unlock();schedule();}); function update(){queued=false;if(destroyed)return;if(!root.isConnected){destroy();return;}protect(); const complete=completedResult(d,pending); if(complete){last=complete;pending=null;audio.play(last.won?'win':'noWin',root,()=>muted);} if(bulk && d.current>=d.cases.length && !d.opening){bulk=false;audio.play(d.cases.some(c=>c.won)?'win':'noWin',root,()=>muted);} if(pending && !d.opening && d.current===pending.position && Date.now()-pending.at>1200)pending=null; const busy=d.opening || !!pending,done=d.current>=d.cases.length; const key=[d.current,busy,done,muted,last?.position,last?.label].join('|'); if(key!==renderKey){renderKey=key;const shown=last?last.position:Math.min(d.current,d.cases.length-1); text(progress,Math.min(d.current,d.cases.length)+' of '+d.cases.length+' drawers revealed');text(number,String(shown+1).padStart(2,'0')); chips.forEach((chip,i)=>{flag(chip,'is-revealed',ic.won)?'Your beauty drawer rewards':'Your beauty drawer results');summary.querySelectorAll('span').forEach(n=>{if(/^Loot #\d+$/.test(n.textContent))text(n,n.textContent.replace('Loot #','Drawer '));});} clearTimeout(timer);if((busy||bulk) && Date.now(){if(records.some(r=>!viewport.contains(r.target)))schedule();});observer.observe(root,{subtree:true,childList:true,characterData:true,attributes:true,attributeFilter:['class','style','disabled']}); function destroy(){if(destroyed)return;destroyed=true;clearTimeout(timer);observer.disconnect();root.removeEventListener('click',nativeClick,true);audio.stop(root);soundObjects.forEach(restore=>restore());cleanup.reverse().forEach(fn=>fn());stage.remove();mounted.delete(component);status(component,'unmounted');} mounted.set(component,{root,destroy});status(component,'mounted');update();return true; } function scan(){scanQueued=false;mounted.forEach(m=>{if(!m.root.isConnected)m.destroy();});const isProduct=W.location.pathname.replace(/\/$/,'')==='/competition/christmas-beauty-countdown';flag(D.body,'pc-beauty-product',isProduct); for(const [key,asset] of [['--pc-beauty-page-background',C.assets.background],['--pc-beauty-page-background-mobile',C.assets.backgroundMobile]]){if(isProduct && asset)D.body.style?.setProperty(key,'url('+JSON.stringify(asset)+')');else D.body.style?.removeProperty(key);} let retry=false;D.querySelectorAll(SELECTOR).forEach(c=>{if(!mount(c)){const n=(attempts.get(c)||0)+1;attempts.set(c,n);if(n<24)retry=true;}});clearTimeout(retryTimer);if(retry)retryTimer=setTimeout(scheduleScan,250);} function scheduleScan(){if(!scanQueued && D.body){scanQueued=true;requestAnimationFrame(scan);}} function observe(){globalObserver?.disconnect();globalObserver=new MutationObserver(scheduleScan);globalObserver.observe(D.documentElement,{subtree:true,childList:true});scheduleScan();} W.PCBeautyTheme={version:'1.0',refresh:scheduleScan,stopAudio:()=>audio.stop(),get mountedCount(){return mounted.size;},mountDemo:(demo,state)=>{if(demo?.id!=='pc-beauty-demo')return false;const component=demo.querySelector(SELECTOR);if(!component)return false;mount(component,state);return mounted.has(component);},unmountDemo:demo=>{if(demo?.id==='pc-beauty-demo')mounted.forEach(m=>{if(demo.contains(m.root))m.destroy();});}}; if(D.readyState==='loading')D.addEventListener('DOMContentLoaded',observe,{once:true});else observe(); D.addEventListener('alpine:initialized',scheduleScan);D.addEventListener('livewire:navigated',scheduleScan); D.addEventListener('click',e=>{if(e.target.closest?.(SELECTOR))scheduleScan();}); W.addEventListener('pagehide',()=>{audio.stop();clearTimeout(retryTimer);globalObserver?.disconnect();mounted.forEach(m=>m.destroy());}); W.addEventListener('pageshow',observe); W.dispatchEvent(new W.CustomEvent('pcbeauty:ready')); })(typeof window==='undefined'?null:window); ; /* Music controls for this competition page only. No automatic playback. */ (function (W, D) { 'use strict'; if (W.PCBeautyPage) return; const PATH = '/competition/christmas-beauty-countdown'; let player = null, panel = null, button = null, note = null, state = 'off', epoch = 0, routeGuard = null; const eligible = () => W.location.pathname.replace(/\/+$/, '') === PATH; function render() { if (!button) return; button.textContent = state === 'on' ? '♫ Christmas music on' : state === 'starting' ? '♫ Starting music…' : '♫ Play Christmas music'; button.setAttribute('aria-pressed', String(state === 'on')); button.setAttribute('aria-label', state === 'on' ? 'Turn Christmas music off' : 'Play Christmas background music'); panel.dataset.playing = String(state === 'on'); note.textContent = state === 'on' ? 'Gentle festive music · tap to switch off' : state === 'error' ? 'Tap again to play music in this browser.' : 'A little festive atmosphere, when you fancy it.'; } function stop(remove) { epoch++; state = 'off'; W.clearInterval(routeGuard); routeGuard = null; if (player) player.stop().catch(() => {}); render(); if (remove) { panel?.remove(); panel = button = note = null; } } async function toggle() { if (!eligible() || D.hidden) { stop(true); return; } if (state === 'on' || state === 'starting') { stop(false); return; } const token = ++epoch; try { player ||= W.PCBeautyMusic({volume: 0.24}); state = 'starting'; render(); // Also cover integrations which change history without navigation events. W.clearInterval(routeGuard); routeGuard = W.setInterval(() => { if (!eligible() || D.hidden) stop(true); }, 250); // Called directly by the button gesture; do not attempt autoplay bypasses. const playing = await player.start(); if (token !== epoch) return; if (!eligible() || D.hidden) { stop(true); return; } state = playing ? 'on' : 'off'; render(); if (!playing) { W.clearInterval(routeGuard); routeGuard = null; } } catch (_) { if (token === epoch) { W.clearInterval(routeGuard); routeGuard = null; state = 'error'; render(); } } } function refresh() { if (!eligible()) { stop(true); return; } if (panel?.isConnected) return; const title = D.querySelector('main h1'); if (!title || typeof W.PCBeautyMusic !== 'function') return; if (panel) stop(true); panel = D.createElement('div'); panel.className = 'pc-beauty-music'; panel.dataset.pcBeautyMusic = ''; button = D.createElement('button'); button.type = 'button'; button.addEventListener('click', toggle); note = D.createElement('span'); note.setAttribute('aria-live', 'polite'); panel.append(button, note); title.parentElement.after(panel); render(); } W.PCBeautyPage = {refresh, stop: () => stop(false)}; D.addEventListener('livewire:navigating', () => stop(true)); D.addEventListener('livewire:navigated', refresh); D.addEventListener('visibilitychange', () => { if (D.hidden) stop(false); }); W.addEventListener('pagehide', () => stop(true)); W.addEventListener('pageshow', refresh); W.addEventListener('popstate', refresh); W.addEventListener('pcbeauty:audio', e => { if (player) player.setVolume(e.detail?.active ? 0.07 : 0.24); }); D.addEventListener('click', e => { if (!eligible() || e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return; const link = e.target.closest?.('a[href]'); if (!link || link.target === '_blank' || link.hasAttribute('download')) return; try { if (new URL(link.href, W.location.href).pathname.replace(/\/+$/, '') !== PATH) stop(false); } catch (_) {} }, true); if (D.readyState === 'loading') D.addEventListener('DOMContentLoaded', refresh, {once: true}); else refresh(); })(window, document);