{"version":3,"file":"scripts/5689.js","mappings":"gFAAA,MAAMA,EAAkBC,SAASC,iBAAiB,4BAC5CC,EAAUF,SAASG,cAAc,oBACjCC,EAAeF,EAAQG,QAAQC,SAC/BC,EAAeL,EAAQG,QAAQG,SAiCrCT,EAAgBU,SAASC,IACrB,MAAMC,EAAgBD,EAAOE,cACvBC,EAAWF,EAAcR,cAAc,0BACvCW,EAAmBD,EAASE,UAC5BC,EAhCa,EAACC,EAAMC,KAC1B,MAAMC,EAAQF,EAAKG,MAAM,KACzB,IAAIC,EAAkB,GAClBC,EAAY,EAChB,IAAK,IAAIC,EAAI,EAAGA,EAAIJ,EAAMK,QAClBF,EAAYH,EAAMI,GAAGC,QAAUN,EADLK,IAE1BF,GAAmBF,EAAMI,GAAK,IAC9BD,GAAaH,EAAMI,GAAGC,OAAS,EAKvC,OAAOH,EAAgBI,OAAS,KAAK,EAoBZC,CAAeZ,EAAkB,KAEpDa,EAAchB,EAAcR,cAAc,oBAG1CyB,EAAc5B,SAAS6B,cAAc,OAC3CD,EAAYb,UAAYC,EACxBY,EAAYE,UAAUC,IAAI,mCAG1B,MAAMC,EAAchC,SAAS6B,cAAc,OAC3CG,EAAYjB,UAAYD,EACxBkB,EAAYF,UAAUC,IAAI,kCAAmC,QAG7DlB,EAASE,UAAY,GAGrBF,EAASoB,YAAYL,GAGrBf,EAASoB,YAAYD,GAGrB,IAAIE,EAAaN,EAAYO,aAG7BC,OAAOC,iBAAiB,UAAS,KACxBT,EAAYE,UAAUQ,SAAS,UAChCJ,EAAaN,EAAYO,aACzBP,EAAYW,MAAMC,OAAS,QAE1BR,EAAYF,UAAUQ,SAAS,UAChCN,EAAYO,MAAMC,OAAS,OAC/B,IAIA1B,EAAiBU,QAAU,KAAOG,GAClCA,EAAYG,UAAUW,OAAO,QAI7B3B,EAAiBU,OAAS,MAC1Bd,EAAOoB,UAAUW,OAAO,QACxB/B,EAAOgC,UAAYtC,EACfuB,GACAA,EAAYG,UAAUC,IAAI,SAIlCrB,EAAO2B,iBAAiB,SAAS,KAEzBL,EAAYF,UAAUQ,SAAS,SAC/BN,EAAYO,MAAMC,OAAS,GAAGN,MAC9BN,EAAYE,UAAUC,IAAI,QAC1BC,EAAYF,UAAUW,OAAO,QAC7BT,EAAYO,MAAMC,OAAS,GAAGR,EAAYG,iBAC1CzB,EAAOgC,UAAYnC,EACnBG,EAAOoB,UAAUC,IAAI,QACjBG,IAAeF,EAAYG,cAAgBR,EAC3CA,EAAYG,UAAUW,OAAO,QACtBd,GACPgB,YAAW,KACPhB,EAAYG,UAAUW,OAAO,OAAO,GACrC,MAIFb,EAAYE,UAAUQ,SAAS,UACpCV,EAAYW,MAAMC,OAAS,GAAGN,MAC9BF,EAAYO,MAAMC,OAAS,GAAGN,MAC1BA,IAAeF,EAAYG,cAC3BP,EAAYE,UAAUW,OAAO,QAC7BT,EAAYF,UAAUC,IAAI,QACtBJ,GACAA,EAAYG,UAAUC,IAAI,QAE9BrB,EAAOgC,UAAYtC,EACnBM,EAAOoB,UAAUW,OAAO,UAEpBd,GACAA,EAAYG,UAAUC,IAAI,QAE9BY,YAAW,KACPf,EAAYE,UAAUW,OAAO,QAC7BT,EAAYF,UAAUC,IAAI,QAC1BrB,EAAOgC,UAAYtC,EACnBM,EAAOoB,UAAUW,OAAO,OAAO,GAChC,MAEX,GACF,G","sources":["webpack://wwwroot/./src/scripts/accordionList.js"],"sourcesContent":["const showMoreButtons = document.querySelectorAll('.adm-div-c63-show-toggle');\r\nconst section = document.querySelector('.adm-section-c63')\r\nconst showMoreText = section.dataset.showmore;\r\nconst showLessText = section.dataset.showless;\r\n// const abbrTextDskHeight = '44px';\r\n// const abbrTextTabHeight = '66px';\r\n// const abbrTextMobHeight = 'auto';\r\n\r\nconst abbreviateText = (text, limit) => {\r\n    const words = text.split(' ');\r\n    let abbreviatedText = '';\r\n    let charCount = 0;\r\n    for (let i = 0; i < words.length; i++) {\r\n        if (charCount + words[i].length <= limit) {\r\n            abbreviatedText += words[i] + ' ';\r\n            charCount += words[i].length + 1;\r\n        } else {\r\n            break;\r\n        }\r\n    }\r\n    return abbreviatedText.trim() + '...';\r\n}\r\n\r\n// const assignAbbrTextHeight = () => {\r\n//     if (window.innerWidth >= 840) {\r\n//         console.log(\"DESKTOP\");\r\n//         return abbrTextDskHeight;\r\n//     } else if (window.innerWidth >= 610) {\r\n//         console.log(\"TABLET\");\r\n//         return abbrTextTabHeight;\r\n//     } else {\r\n//         console.log(\"MOBILE\");\r\n//         return abbrTextMobHeight;\r\n//     }\r\n// }\r\n\r\nshowMoreButtons.forEach((button) => {\r\n    const cardContainer = button.parentElement;\r\n    const cardBody = cardContainer.querySelector('.adm-div-c63-card-body');\r\n    const cardBodyFullText = cardBody.innerHTML;\r\n    const cardBodyAbbrText = abbreviateText(cardBodyFullText, 250);\r\n\r\n    const cardBodyCta = cardContainer.querySelector('.adm-div-c63-cta');\r\n    \r\n    // CREATE DIV WITH ABBREVIATED CONTENT.\r\n    const abbrTextDiv = document.createElement('div');\r\n    abbrTextDiv.innerHTML = cardBodyAbbrText;\r\n    abbrTextDiv.classList.add('adm-div-c63-card-body-text-abbr');\r\n    \r\n    // CREATE DIV WITH FULL CONTENT.\r\n    const fullTextDiv = document.createElement('div');\r\n    fullTextDiv.innerHTML = cardBodyFullText;\r\n    fullTextDiv.classList.add('adm-div-c63-card-body-text-full', 'hide');\r\n\r\n    // REMOVE CARDBODY CONTENT.\r\n    cardBody.innerHTML = '';\r\n\r\n    // INJECT DIV WITH ABBREVIATED CONTENT.\r\n    cardBody.appendChild(abbrTextDiv);\r\n    \r\n    // INJECT DIV WITH FULL CONTENT.\r\n    cardBody.appendChild(fullTextDiv);\r\n\r\n    // GET INITIAL HEIGHTS OF ABBR AND FULL CONTENT DIVS.\r\n    let abbrHeight = abbrTextDiv.scrollHeight;\r\n\r\n    // RECALCULATE ABBRHEIGHT WHEN RESIZED.\r\n    window.addEventListener('resize',() => {\r\n        if (!abbrTextDiv.classList.contains('hide')) {\r\n            abbrHeight = abbrTextDiv.scrollHeight;\r\n            abbrTextDiv.style.height = 'auto';\r\n        }\r\n        if (!fullTextDiv.classList.contains('hide')) {\r\n            fullTextDiv.style.height = 'auto';\r\n        }\r\n    })\r\n\r\n    // IF LENGTH OF BODY TEXT 250 CHAR & BELOW BUT THERE'S A CTA BUTTON, SHOW THE BUTTON.\r\n    if (cardBodyFullText.length <= 250 && cardBodyCta) {\r\n        cardBodyCta.classList.remove('hide');\r\n    }\r\n\r\n    // IF LENGTH OF BODY TEXT ABOVE 250 CHAR, REVEAL 'SHOW MORE'.\r\n    if (cardBodyFullText.length > 250) {\r\n        button.classList.remove('hide');\r\n        button.innerText = showMoreText;\r\n        if (cardBodyCta) {\r\n            cardBodyCta.classList.add('hide');\r\n        }\r\n    }\r\n    \r\n    button.addEventListener('click', () => {        \r\n        // EXPAND\r\n        if (fullTextDiv.classList.contains('hide')) {\r\n            fullTextDiv.style.height = `${abbrHeight}px`;\r\n            abbrTextDiv.classList.add('hide');\r\n            fullTextDiv.classList.remove('hide');\r\n            fullTextDiv.style.height = `${fullTextDiv.scrollHeight}px`\r\n            button.innerText = showLessText;\r\n            button.classList.add('full');\r\n            if (abbrHeight === fullTextDiv.scrollHeight && cardBodyCta) {\r\n                cardBodyCta.classList.remove('hide');\r\n            } else if (cardBodyCta) {\r\n                setTimeout(() => {\r\n                    cardBodyCta.classList.remove('hide');\r\n                }, 500);\r\n            }\r\n        }\r\n        // COLLAPSE\r\n        else if (abbrTextDiv.classList.contains('hide')) {\r\n            abbrTextDiv.style.height = `${abbrHeight}px`;\r\n            fullTextDiv.style.height = `${abbrHeight}px`;\r\n            if (abbrHeight === fullTextDiv.scrollHeight) {\r\n                abbrTextDiv.classList.remove('hide');\r\n                fullTextDiv.classList.add('hide');\r\n                if (cardBodyCta) {\r\n                    cardBodyCta.classList.add('hide');\r\n                }\r\n                button.innerText = showMoreText;\r\n                button.classList.remove('full');\r\n            } else {\r\n                if (cardBodyCta) {\r\n                    cardBodyCta.classList.add('hide');\r\n                }\r\n                setTimeout(() => {\r\n                    abbrTextDiv.classList.remove('hide');\r\n                    fullTextDiv.classList.add('hide');\r\n                    button.innerText = showMoreText;\r\n                    button.classList.remove('full');\r\n                }, 500);\r\n            }\r\n        }\r\n    });    \r\n});"],"names":["showMoreButtons","document","querySelectorAll","section","querySelector","showMoreText","dataset","showmore","showLessText","showless","forEach","button","cardContainer","parentElement","cardBody","cardBodyFullText","innerHTML","cardBodyAbbrText","text","limit","words","split","abbreviatedText","charCount","i","length","trim","abbreviateText","cardBodyCta","abbrTextDiv","createElement","classList","add","fullTextDiv","appendChild","abbrHeight","scrollHeight","window","addEventListener","contains","style","height","remove","innerText","setTimeout"],"sourceRoot":""}