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 = `Try IGN Plus today for just $1`;
templateScope.ignImage = `https://assets-prd.ignimgs.com/2023/07/17/16x9-1689620220182.png?fit=bounds&width=640`;
templateScope.ignText = `IGN Plus members get unlimited access to maps and guides on IGN, no ads, 15% off at IGN Store, access to free games and more! `;
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"));
{{ignSubTitle}}
{{ignText}}