{"version":3,"file":"animatedTabSection-animatedTabSection.chunk.0c0f703d8c0d6df68145.js","mappings":"8nDAAMA,EAAkB,WASnB,OAAAC,KALD,SAAAD,EAAYE,GAAiB,I,EAAAC,EAAA,KAAAC,IAAA,KAAAJ,G,EAAA,K,EAAAK,G,MAAA,MAH7BC,EAAA,KAAAC,OAAmB,GACnBD,EAAA,KAAAE,OAAY,GAGRC,EAAKF,EAALG,KAA2BR,GAC3BO,EAAKD,EAALE,KAAoB,IAAIC,kBAAiB,WACrCC,EAAAP,EAAAF,EAAKU,GAAWC,KAAhBX,EACJ,IACJ,GAAC,EAAAY,IAAA,eAAAC,MAED,WAAe,IACkEC,EADlEC,EAAAC,EACOC,EAAKb,EAALG,MAAyBW,iBAAiB,mBAAiB,IAA7E,IAAAH,EAAAI,MAAAL,EAAAC,EAAAK,KAAAC,MAA+E,KAApEC,EAAGR,EAAAD,MACVI,EAAKZ,EAALE,MAAkBgB,QAAQD,EAAK,CAAEE,gBAAiB,CAAC,kBACvD,CAAC,OAAAC,GAAAV,EAAAW,EAAAD,EAAA,SAAAV,EAAAY,GAAA,CACL,IAAC,CAfmB,GAenB,SAAAjB,IAGG,IAG0BkB,EADxBC,EAAAb,EAFaC,EAAKb,EAALG,MAAyBW,iBACpC,oCAEsB,IAA1B,IAAAW,EAAAV,MAAAS,EAAAC,EAAAT,KAAAC,MAA4B,KAAjBS,EAAKF,EAAAf,MACNkB,EAAeD,EAAMZ,iBACvB,oCAGAa,IACID,EAAME,aAAa,UACnBD,EAAaE,SAAQ,SAAAC,GACjBA,EAAYC,aAAa,iCAAkC,MAC/D,IAEAJ,EAAaE,SAAQ,SAAAC,GACjB,IAAME,EAA6BC,YAAW,WAC1CH,EAAYC,aACR,iCACA,MAEJG,aAAaF,EACjB,GAAG,GACP,IAGZ,CAAC,OAAAX,GAAAI,EAAAH,EAAAD,EAAA,SAAAI,EAAAF,GAAA,CACL,CAEW,SAASY,EAAmBC,GACvCA,EAAsBP,SAAQ,SAAAQ,GACd,IAAI5C,EAAmB4C,GAC/BC,cACR,GACJ,C","sources":["webpack:///./html/wp-content/themes/ls/src/js/main/components/animatedTabSection/animatedTabSection.ts"],"sourcesContent":["class AnimatedTabSection {\n    #animatedTabSection: HTMLElement;\n    #tabObserver: MutationObserver;\n\n    constructor(el: HTMLElement) {\n        this.#animatedTabSection = el;\n        this.#tabObserver = new MutationObserver(() => {\n            this.#animateEls();\n        });\n    }\n\n    addObservers() {\n        for (const tab of this.#animatedTabSection.querySelectorAll('[data-ats-tab]')) {\n            this.#tabObserver.observe(tab, { attributeFilter: ['aria-selected'] });\n        }\n    }\n\n    #animateEls() {\n        const panels = this.#animatedTabSection.querySelectorAll(\n            \"[id^='three-tab-section-panel']\"\n        );\n        for (const panel of panels) {\n            const elsToAnimate = panel.querySelectorAll(\n                '[data-tab-change-animation-play]'\n            );\n\n            if (elsToAnimate) {\n                if (panel.hasAttribute('hidden')) {\n                    elsToAnimate.forEach(elToAnimate => {\n                        elToAnimate.setAttribute('data-tab-change-animation-play', 'off');\n                    });\n                } else {\n                    elsToAnimate.forEach(elToAnimate => {\n                        const timeoutToBypassDisplayNone = setTimeout(() => {\n                            elToAnimate.setAttribute(\n                                'data-tab-change-animation-play',\n                                'on'\n                            );\n                            clearTimeout(timeoutToBypassDisplayNone);\n                        }, 10);\n                    });\n                }\n            }\n        }\n    }\n}\nexport default function animatedTabSection(animatedTabSectionEls: HTMLElement[]) {\n    animatedTabSectionEls.forEach(sectionEl => {\n        const ats = new AnimatedTabSection(sectionEl);\n        ats.addObservers();\n    });\n}\n"],"names":["AnimatedTabSection","_createClass","el","_this","_classCallCheck","_AnimatedTabSection_brand","_classPrivateFieldInitSpec","_animatedTabSection","_tabObserver","_classPrivateFieldSet","this","MutationObserver","_assertClassBrand","_animateEls","call","key","value","_step","_iterator","_createForOfIteratorHelper","_classPrivateFieldGet","querySelectorAll","s","n","done","tab","observe","attributeFilter","err","e","f","_step2","_iterator2","panel","elsToAnimate","hasAttribute","forEach","elToAnimate","setAttribute","timeoutToBypassDisplayNone","setTimeout","clearTimeout","animatedTabSection","animatedTabSectionEls","sectionEl","addObservers"],"sourceRoot":""}