{"version":3,"file":"552.e4adfd6ded5b63f782cf.js","mappings":"oMAsHCA,EAAAA,QAtHc,MACXC,WAAAA,CAAYC,EAAKC,GACb,IAAIC,EAAYF,GAAO,GACvB,IAAKE,EAAa,OAKlB,IAHA,IAAIC,EAAQD,EAAUE,iBAAiB,oBACnCC,EAAkBL,EAAII,iBAAiB,uBAElCE,EAAI,EAAGA,EAAIH,EAAMI,OAAQD,IAAK,CACnC,IAAIE,EAASL,EAAMG,GAAGG,cAAc,sBACpCD,EAAOE,iBAAiB,QAASC,GACjCH,EAAOI,KAAOZ,CAClB,CAEA,SAASW,EAAUE,GACf,IAAIC,EAAaC,KAAKC,WAClBR,EAASM,EAAWL,cAAc,yBAEtC,MAAMQ,EAAiBjB,EAAIS,cAAe,uBAAsBK,EAAWI,QAAQC,uBAKnF,GAHAd,EAAgBe,SAAQC,GAAKA,EAAEC,UAAUC,IAAI,wCAC7CN,EAAeK,UAAUE,OAAO,sCAE5BV,EAAWQ,UAAUG,SAAS,2BAG9B,OAFAC,EAAgBlB,GAChBM,EAAWQ,UAAUE,OAAO,4BACrB,EAGX,MAAMG,EAASb,EAAWL,cAAc,mBACpCkB,IACAA,EAAOL,UAAUE,OAAO,kBACxBG,EAAOL,UAAUE,OAAO,aACxBG,EAAOC,MAAMC,aAAe,GAGhC,IACIC,EADOjB,EAAMkB,cAAcnB,KACbH,cAAc,4BAEjB,OAAXqB,IAEAJ,EADmBI,EAAOrB,cAAc,0BAExCqB,EAAOR,UAAUE,OAAO,4BAG5BV,EAAWQ,UAAUC,IAAI,2BA2B7B,SAAuBS,GAEnB,IAAIC,EAAgBD,EAAQE,aAG5BF,EAAQJ,MAAMO,OAASF,EAAgB,KAGvC,MAAMG,EAAgBA,KAClBJ,EAAQK,oBAAoB,gBAAiBD,GAC7CJ,EAAQJ,MAAMO,OAAS,GAElBH,EAAQM,QAAQ,4BAGjBN,EAAQJ,MAAMO,OAAS,OAFvBH,EAAQJ,MAAMO,OAAS,EAG3B,EAGJH,EAAQtB,iBAAiB,gBAAiB0B,EAC9C,CA9CIG,CAAc/B,EAClB,CAEA,SAASkB,EAAgBM,GAErB,IAAIC,EAAgBD,EAAQE,aAGxBM,EAAoBR,EAAQJ,MAAMa,WACtCT,EAAQJ,MAAMa,WAAa,GAK3BC,uBAAsB,WAClBV,EAAQJ,MAAMO,OAASF,EAAgB,KACvCD,EAAQJ,MAAMa,WAAaD,EAI3BE,uBAAsB,WAClBV,EAAQJ,MAAMO,OAAS,KAC3B,GACJ,GACJ,CAmCA,MAAMQ,EAAkB3C,EAAIS,cAAc,uBAC1C,IAAImC,GAAS,EACbC,SAASnC,iBAAiB,UAAU,YAbpC,SAAsBoC,GAClB,MAAMC,EAAOD,EAAGE,wBAChB,OACID,EAAKE,KAAO,GACZF,EAAKG,MAAQ,GACbH,EAAKI,SAAWC,OAAOC,aAAeR,SAASS,gBAAgBC,eAC/DR,EAAKS,QAAUJ,OAAOK,YAAcZ,SAASS,gBAAgBI,YAGrE,EAKQC,CAAahB,KAAqBC,IAClCgB,YAAW,WACP5D,EAAIS,cAAc,sBAAsBoD,OAC5C,GAAG,KACHjB,GAAS,EAEjB,GAAG,CACCkB,SAAS,GAEjB,E","sources":["webpack://frontendplaceholder/./Src/Scripts/components/tab-section-accordian.js"],"sourcesContent":["export default class TabSectionAccordion {\n    constructor(elm, args) {\n        var accordion = elm || [];\n        if (!accordion) { return; }\n\n        var items = accordion.querySelectorAll('.accordion__item');\n        var imageContainers = elm.querySelectorAll('[data-container-id]')\n\n        for (var i = 0; i < items.length; i++) {\n            var target = items[i].querySelector('.accordion__toggle');\n            target.addEventListener('click', toggleTab);\n            target.item = elm;\n        }\n\n        function toggleTab(event) {\n            var parentItem = this.parentNode;\n            var target = parentItem.querySelector('.accordion__item-body');\n\n            const imageContainer = elm.querySelector(`[data-container-id=\"${parentItem.dataset.containerToggleId}\"]`);\n\n            imageContainers.forEach(x => x.classList.add('accordion__image-container--hidden'));\n            imageContainer.classList.remove('accordion__image-container--hidden');\n\n            if (parentItem.classList.contains('accordion__item--active')) {\n                collapseSection(target);\n                parentItem.classList.remove('accordion__item--active');\n                return false;\n            }\n\n            const button = parentItem.querySelector('.btn--secondary');\n            if (button) {\n                button.classList.remove('btn--secondary');\n                button.classList.remove('btn--wide');\n                button.style.marginBottom = 0;\n            }\n\n            var item = event.currentTarget.item;\n            var active = item.querySelector('.accordion__item--active');\n\n            if (active !== null) {\n                var activeTarget = active.querySelector('.accordion__item-body');\n                collapseSection(activeTarget);\n                active.classList.remove('accordion__item--active');\n            }\n\n            parentItem.classList.add('accordion__item--active');\n            expandSection(target);\n        }\n\n        function collapseSection(element) {\n            // get the height of the element's inner content, regardless of its actual size\n            var sectionHeight = element.scrollHeight;\n\n            // temporarily disable all css transitions\n            var elementTransition = element.style.transition;\n            element.style.transition = '';\n\n            // on the next frame (as soon as the previous style change has taken effect),\n            // explicitly set the element's height to its current pixel height, so we \n            // aren't transitioning out of 'auto'\n            requestAnimationFrame(function () {\n                element.style.height = sectionHeight + 'px';\n                element.style.transition = elementTransition;\n\n                // on the next frame (as soon as the previous style change has taken effect),\n                // have the element transition to height: 0\n                requestAnimationFrame(function () {\n                    element.style.height = 0 + 'px';\n                });\n            });\n        }\n\n        function expandSection(element) {\n            // get the height of the element's inner content, regardless of its actual size\n            var sectionHeight = element.scrollHeight;\n\n            // have the element transition to the height of its inner content\n            element.style.height = sectionHeight + 'px';\n\n            // when the next css transition finishes (which should be the one we just triggered)\n            const endTransition = () => {\n                element.removeEventListener('transitionend', endTransition);\n                element.style.height = '';\n\n                if (!element.closest('.accordion__item--active')) {\n                    element.style.height = '';\n                } else {\n                    element.style.height = 'auto';\n                }\n            };\n\n            element.addEventListener('transitionend', endTransition);\n        }\n\n        function isInViewport(el) {\n            const rect = el.getBoundingClientRect();\n            return (\n                rect.top >= 0 &&\n                rect.left >= 0 &&\n                rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&\n                rect.right <= (window.innerWidth || document.documentElement.clientWidth)\n\n            );\n        }\n\n        const extendedSection = elm.querySelector('.accordion__heading');\n        var opened = false;\n        document.addEventListener('scroll', function () {\n            if (isInViewport(extendedSection) && !opened) {\n                setTimeout(function () {\n                    elm.querySelector('.accordion__toggle').click();\n                }, 500);\n                opened = true;\n            };\n        }, {\n            passive: true\n        });\n    }\n}\n\n\n"],"names":["exports","constructor","elm","args","accordion","items","querySelectorAll","imageContainers","i","length","target","querySelector","addEventListener","toggleTab","item","event","parentItem","this","parentNode","imageContainer","dataset","containerToggleId","forEach","x","classList","add","remove","contains","collapseSection","button","style","marginBottom","active","currentTarget","element","sectionHeight","scrollHeight","height","endTransition","removeEventListener","closest","expandSection","elementTransition","transition","requestAnimationFrame","extendedSection","opened","document","el","rect","getBoundingClientRect","top","left","bottom","window","innerHeight","documentElement","clientHeight","right","innerWidth","clientWidth","isInViewport","setTimeout","click","passive"],"sourceRoot":""}