////////


(function () {
    let ready = async () => {
        //
        let showing = false

        window.addEventListener('toggle-vogue-edition', () => {
            //

            let $list = document.querySelector('.desktop-vogue-edition-list')

            if (!showing) {
                $list.classList.remove('hide')
                setTimeout(() => {
                    $list.classList.add('showitem')

                    window.scrollTo(0, 999999)
                })
            } else {
                $list.classList.remove('showitem')
                setTimeout(() => {
                    $list.classList.add('hide')
                }, 300 + 50)
            }
            showing = !showing

            //
        })

        window.addEventListener('toggle-mobile-vogue-edition', ({ detail }) => {
            //  
        //footer-link-right arrow showplus

            let $list = document.querySelector('.mobile-vogue-edition-list')

            if (!showing) {
                $list.classList.remove('hide')
                setTimeout(() => {
                    detail.classList.add('showplus')
                    detail.classList.remove('showminus')
                    $list.classList.add('showitem')

                    window.scrollTo(0, 999999)
                })
            } else {
                $list.classList.remove('showitem')

                detail.classList.remove('showplus')
                detail.classList.add('showminus')
                setTimeout(() => {
                    $list.classList.add('hide')
                }, 300 + 50)
            }
            showing = !showing

            //
        })




        window.addEventListener('toggle-expand-or-close', ({ detail }) => {
            //

            /** @type {HTMLElement} */
            let self = detail.self
            /** @type {HTMLElement} */
            let target = detail.target

            let expanded = self.getAttribute('data-expand') === 'true'


            if (expanded) {
                self.setAttribute('data-expand', 'false')
                self.classList.remove('enable')
                target.classList.remove('show')
                setTimeout(() => {
                    self.classList.add('disable')
                    target.classList.add('hide')
                }, 50)
            } else {
                self.setAttribute('data-expand', 'true')
                target.classList.remove('hide')
                self.classList.add('disable')
                setTimeout(() => {
                    self.classList.add('enable')
                    target.classList.add('show')
                }, 50)
            }

            //

            //
        })

        //
    }
    // ready node
    let canInit = false
    window.addEventListener('load', () => {
        canInit = true
    })
    window.addEventListener('DOMContentLoaded', () => {
        canInit = true
    })

    let tt = setInterval(() => {
        if (canInit) {
            clearInterval(tt)
            ready()
        }
    }, 500)


}())