{"version":3,"file":"accordion-accordion.chunk.4bed80cb9bec90b48c68.js","mappings":"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","sources":["webpack:///./html/wp-content/themes/ls/src/js/main/components/accordion/accordion.ts"],"sourcesContent":["export class Details {\n    // Taken from https://css-tricks.com/how-to-animate-the-details-element-using-waapi/\n    // If we didn't need to animate the element, this whole file could be deleted!\n    #detailsElement: HTMLDetailsElement;\n    #summary: HTMLElement | null;\n    #content: HTMLElement | null;\n    #isExpanding: boolean;\n    #isClosing: boolean;\n    #animation: Animation | null;\n    #userPrefersReducedMotion: boolean;\n\n    constructor(el: HTMLDetailsElement) {\n        this.#detailsElement = el;\n        this.#summary = el.querySelector<HTMLElement>('summary');\n        this.#content = el.querySelector<HTMLElement>('[data-accordion=\"content\"]');\n        this.#animation = null;\n        this.#isClosing = false;\n        this.#isExpanding = false;\n        this.#userPrefersReducedMotion = window.matchMedia(\n            '(prefers-reduced-motion: reduce)'\n        ).matches;\n        if (this.#summary && !this.#userPrefersReducedMotion) {\n            this.#summary.addEventListener('click', e => {\n                this.#handleClick(e);\n            });\n        }\n    }\n\n    #handleClick(event: Event) {\n        event.preventDefault();\n        this.#detailsElement.style.overflow = 'hidden';\n        if (this.#isClosing || !this.#detailsElement.open) {\n            this.#open();\n        } else if (this.#isExpanding || this.#detailsElement.open) {\n            this.#shrink();\n        }\n    }\n\n    #shrink() {\n        if (this.#summary && this.#content) {\n            this.#isClosing = true;\n            const startHeight = `${this.#detailsElement.offsetHeight}px`;\n            const endHeight = `${this.#summary?.offsetHeight}px`;\n\n            if (this.#animation) {\n                this.#animation.cancel();\n            }\n\n            this.#animation = this.#detailsElement.animate(\n                {\n                    // Set the keyframes from the startHeight to endHeight\n                    height: [startHeight, endHeight],\n                },\n                {\n                    duration: 400,\n                    easing: 'ease-out',\n                }\n            );\n\n            this.#animation.onfinish = () => this.#onAnimationFinish(false);\n            this.#animation.oncancel = () => (this.#isClosing = false);\n        }\n    }\n\n    #open() {\n        this.#detailsElement.style.height = `${this.#detailsElement.offsetHeight}px`;\n        this.#detailsElement.open = true;\n        window.requestAnimationFrame(() => this.#expand());\n    }\n\n    #expand() {\n        if (this.#summary && this.#content) {\n            this.#isExpanding = true;\n            const startHeight = `${this.#detailsElement.offsetHeight}px`;\n            const endHeight = `${\n                this.#summary.offsetHeight + this.#content.offsetHeight\n            }px`;\n\n            if (this.#animation) {\n                this.#animation.cancel();\n            }\n\n            this.#animation = this.#detailsElement.animate(\n                {\n                    height: [startHeight, endHeight],\n                },\n                {\n                    duration: 400,\n                    easing: 'ease-out',\n                }\n            );\n            this.#animation.onfinish = () => this.#onAnimationFinish(true);\n            this.#animation.oncancel = () => (this.#isExpanding = false);\n        }\n    }\n\n    #onAnimationFinish(isOpen: boolean) {\n        this.#detailsElement.open = isOpen;\n        this.#animation = null;\n        this.#isClosing = false;\n        this.#isExpanding = false;\n        this.#detailsElement.style.height = this.#detailsElement.style.overflow = '';\n    }\n}\nexport default function accordion(detailsElements: HTMLDetailsElement[]) {\n    detailsElements.forEach(detailsElement => {\n        new Details(detailsElement);\n    });\n}\n"],"names":["Details","_createClass","el","_this","_classCallCheck","_Details_brand","_classPrivateFieldInitSpec","_detailsElement","_summary","_content","_isExpanding","_isClosing","_animation","_userPrefersReducedMotion","_classPrivateFieldSet","this","querySelector","window","matchMedia","matches","_classPrivateFieldGet","addEventListener","e","_assertClassBrand","_handleClick","call","event","preventDefault","style","overflow","open","_open","_shrink","_this2","_classPrivateFieldGet2","startHeight","concat","offsetHeight","endHeight","cancel","animate","height","duration","easing","onfinish","_onAnimationFinish","oncancel","_this3","requestAnimationFrame","_expand","_this4","isOpen","accordion","detailsElements","forEach","detailsElement"],"sourceRoot":""}