//load the main pageproofer script window.pageProoferSiteKey = 'f78b4b82-2da2-529e-845f-22be5af567cf'; window.pageProoferUrl = '//app.pageproofer.com'; class PageProofer extends HTMLElement { constructor() { super(); this.pageProofer; this.config = {"api_key":"f78b4b82-2da2-529e-845f-22be5af567cf","account_id":"212","site_id":1729,"position":"bottom-right","app_url":"\/\/app.pageproofer.com","frame_src":"https:\/\/app.pageproofer.com\/overlay\/frame\/1729\/212","toolbar_src":"https:\/\/app.pageproofer.com\/overlay\/guest\/button\/1729\/212","theme":"","guest":1,"user":0,"guest_see_notes":1,"guest_mode":1,"has_session":0,"note_id":0}; //load fonts const font = document.createElement("link"); font.href = "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap"; font.rel = "stylesheet" document.head.appendChild(font); } connectedCallback() { const shadow = this.attachShadow({ mode: "open" }); const template = this.getElementsByTagName('template')[0]; shadow.appendChild(template.content); const scripts = ["https:\/\/app.pageproofer.com\/build\/assets\/custom-element.c7ad9b8c.js","https:\/\/app.pageproofer.com\/build\/assets\/mousetrap.d916a043.js","https:\/\/app.pageproofer.com\/build\/assets\/tippy.esm.3730d82b.js"] scripts.map(url => { const script = document.createElement(`script`); script.src = url; script.type = 'module'; shadow.appendChild(script); }) } } customElements.define("page-proofer", PageProofer); const pageProoferContents = ' '; document.body.insertAdjacentHTML('beforeend', pageProoferContents);