function ignAddThemeClassToDocument(theme) { if (!theme) return; const classPrefix = 'ign-theme-'; const html = document.querySelector('html'); const classes = html.className.split(' '); for (let i = 0; i !== classes.length; i++) { if (classes[i].indexOf(classPrefix) === 0) { html.classList.remove(classes[i]); } } html.classList.add(classPrefix + theme); } const template = document.querySelector('.ign-base-template.ign-template'); const templateScope = angular.element(template).scope(); templateScope.$watch('custom.theme', (value) => ignAddThemeClassToDocument(value)); window.addEventListener('message', (event) => { if (event.data.theme) { templateScope.custom.theme = event.data.theme; } }); templateScope.ignHeader = `Get the Tools To Beat Your Game`; templateScope.actionButtonText = `Learn More`; templateScope.actionButtonUrl = `/plus?tpcc=piano`; templateScope.ignSubTitle = `Get unlimited access to IGN Maps and go ad free`; templateScope.ignImage = `https://assets-prd.ignimgs.com/2023/07/17/16x9-1689620220182.png?fit=bounds&width=640`; templateScope.ignText = `IGN Plus members get full access to all of IGN's maps and wikis, get to browse IGN ad free and more. Try it today for as low at $2.49 a month.`; templateScope.compactActionButton = `false` === 'true'; const wideBreakPoint = 640; templateScope.ignIsWide = document.querySelector(".ign-base-template.ign-template").offsetWidth > wideBreakPoint; const resizeObserver = new ResizeObserver(function(entries) { const entry = entries[0]; if (!entry || !entry.contentRect) return; templateScope.ignIsWide = entry.contentRect.width > wideBreakPoint; }); resizeObserver.observe(document.querySelector(".ign-base-template.ign-template"));