{"version":3,"sources":["../js/main.js"],"names":["content","document","querySelector","firstGraph","firstLetter","innerHTML","substring","dropCap","firstElementChild","CTA","createElement","className","addEventListener","fuseMore","toDark","darkSelection","querySelectorAll","forEach","el","i","classList","add","insertBefore","onclick","toggle"],"mappings":";AACA,IAAIA,EAAUC,SAASC,cAAc,iCACjCC,EAAaF,SAASC,cAAc,+BACpCE,EAAcD,EAAWE,UAAUC,UAAU,EAAG,GAChDC,EAAoCH,0BAAAA,OAAAA,EAAqBD,WAAAA,OAAAA,EAAWE,UAAUC,UAAU,IACvFH,EAAWK,oBAAmBL,EAAWE,UAAYE,GAE1D,IAAIE,EAAMR,SAASS,cAAc,OACjCD,EAAIE,UAAY,oBAChBF,EAAIJ,UAAJ,6hBAWAJ,SAASW,iBAAiB,mBAAoB,WACtCC,IAAAA,EAAWZ,SAASC,cAAc,mBAElCY,EAAS,CAAC,WAAY,qBAEtBC,EAAgBd,SAASe,iBAAiB,sCAE9CD,EAAcE,QAAQ,SAACC,EAAIC,GACvBD,EAAGE,UAAUC,IAAIP,EAAOK,MAE5BN,EAASO,UAAUC,IAAI,qBAEvBrB,EAAQsB,aAAab,EAAKN,GAIbF,SAASC,cAAc,eAC7BqB,QAAU,WACbV,EAASO,UAAUI,OAAO,qBAC1BT,EAAcE,QAAQ,SAACC,EAAIC,GACvBD,EAAGE,UAAUI,OAAOV,EAAOK","file":"main.c87f010c.map","sourceRoot":"../src/html","sourcesContent":["// Adds dropcap to first paragraph\nlet content = document.querySelector('.story-template > .story-body');\nlet firstGraph = document.querySelector('.story-body > p:not(:empty)');\nlet firstLetter = firstGraph.innerHTML.substring(0, 1);\nlet dropCap = `<span class=\"drop-cap\">${firstLetter}</span>${firstGraph.innerHTML.substring(1)}`;\nif (!firstGraph.firstElementChild) firstGraph.innerHTML = dropCap;\n\nlet CTA = document.createElement('div');\nCTA.className = 'embed-infographic';\nCTA.innerHTML = `\n<div class=\"color-toggle\">\n    <span>Toggle<br>reading mode</span>\n    <input id=\"imn\" class=\"toggle\" type=\"checkbox\">\n    <label for=\"imn\" class=\"toggle-btn\"></label>\n</div>\n<div class=\"lp-link\">\n    <span class=\"copy-text\">This story is part of the <b>Since Parkland</b> series in partnership with <a href=\"https://sinceparkland.org\" target=\"_blank\" rel=\"noopener noreferrer\">The Trace</a>.</span>\n    <span class=\"copy-cta\"><b><a href=\"/news/nation-world/national/article225548170.html\">View all stories</a></b></span>\n</div>`;\n\ndocument.addEventListener('DOMContentLoaded', function () {\n    let fuseMore = document.querySelector('.fuse-read-more');\n\n    let toDark = ['paper--n', 'story-template--n'];\n\n    let darkSelection = document.querySelectorAll('.paper[role=main], .story-template');\n\n    darkSelection.forEach((el, i) => {\n        el.classList.add(toDark[i]);\n    })\n    fuseMore.classList.add('fuse-read-more--n');\n\n    content.insertBefore(CTA, firstGraph);\n\n\n\n    let button = document.querySelector('.toggle-btn');\n    button.onclick = function () {\n        fuseMore.classList.toggle('fuse-read-more--n');\n        darkSelection.forEach((el, i) => {\n            el.classList.toggle(toDark[i]);\n        });\n    }\n\n});"]}