{"version":3,"file":"app_src_js_list-carousel_js.2823a78d6d38e6495803.js","mappings":"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","sources":["webpack://WebpackConfig.Web/./app/src/js/list-carousel.js"],"sourcesContent":["import { ResizeObserver as Polyfill } from '@juggle/resize-observer';\r\nconst ResizeObserver = window.ResizeObserver || Polyfill;\r\n\r\nclass ListCarousel {\r\n\r\n    constructor(el) {\r\n        this.el = el;\r\n        this.widthLimit = el.dataset.crossfadeBelow !== '' ? parseInt(el.dataset.crossfadeBelow) : 0;\r\n        this.running = false;\r\n        this.items = [...el.querySelectorAll('li')];\r\n        this.itemsLength = this.items.length;\r\n        this.activeIndex = -1;\r\n        this.timeout = null;\r\n        this.paused = false;\r\n        this.resizeRequested = false;\r\n        this.resizeTimeout = null;\r\n\r\n        if(this.widthLimit > 0) {\r\n\r\n            // add resize observer\r\n            this.ro = new ResizeObserver(() => {\r\n                if(!this.resizeRequested) {\r\n                    this.resizeRequested = true;\r\n                    this.resizeTimeout = setTimeout(() => {\r\n                        this.resize();\r\n                        this.resizeRequested = false;\r\n                        this.resizeTimeout = null;\r\n                    }, 100);\r\n                }\r\n            });\r\n            this.ro.observe(this.el); // Watch dimension changes wrapping element\r\n\r\n        }\r\n\r\n        // pause carousel on mouseover\r\n        this.el.onmouseover = () => {\r\n            this.paused = true;\r\n            clearTimeout(this.timeout);\r\n        }\r\n        this.el.onmouseout = () => {\r\n            this.paused = false;\r\n            if(this.running) {\r\n                this.timeout = setTimeout(() => {\r\n                    this.next();\r\n                }, 4000);\r\n            }\r\n        }\r\n    }\r\n\r\n    resize() {\r\n        this.el.classList.add('carousel-resizing');\r\n        window.requestAnimationFrame (() => {\r\n            let active = this.el.offsetWidth < this.widthLimit;\r\n            for(let x = 0; x < this.itemsLength; x++) {\r\n                this.items[x].classList.toggle('fade', active);\r\n                this.items[x].removeAttribute('hidden');\r\n            }\r\n            window.requestAnimationFrame (() => {\r\n                this.el.classList.remove('carousel-resizing');\r\n                // start / stop\r\n                if(active) {\r\n                    if(!this.running) this.next();\r\n                } else {\r\n                    // turn off and show all list items\r\n                    if(this.running) this.disable();\r\n                }\r\n            });\r\n        });\r\n    }\r\n\r\n    next() {\r\n        if(!this.paused) {\r\n            this.el.classList.add('carousel-active');\r\n            this.running = true;\r\n            this.activeIndex++;\r\n            if(this.activeIndex >= this.itemsLength) this.activeIndex = 0;\r\n            for(let x = 0; x < this.itemsLength; x++) this.items[x].classList.toggle('item-active', x == this.activeIndex);\r\n            this.timeout = setTimeout(() => {\r\n                this.next();\r\n            }, 4000);\r\n        }\r\n    }\r\n\r\n    disable() {\r\n        clearTimeout(this.timeout);\r\n        this.timeout = null;\r\n        this.running = false;\r\n        this.el.classList.remove('carousel-active');\r\n        for(let x = 0; x < this.itemsLength; x++) this.items[x].classList.remove('item-active');\r\n    }\r\n}\r\n\r\n// export the default function to create\r\nexport function createFrom(wrappers) {\r\n    wrappers.forEach((node) => {\r\n        // if node is an element\r\n        if (node.nodeType === 1) {\r\n            new ListCarousel(node);\r\n        }\r\n    });\r\n}\r\n"],"names":["ResizeObserver","Polyfill","window","ListCarousel","el","_this","_classCallCheck","widthLimit","dataset","crossfadeBelow","parseInt","running","items","_toConsumableArray","querySelectorAll","itemsLength","length","activeIndex","timeout","paused","resizeRequested","resizeTimeout","ro","setTimeout","resize","observe","onmouseover","clearTimeout","onmouseout","next","_createClass","key","value","_this2","classList","add","requestAnimationFrame","active","offsetWidth","x","toggle","removeAttribute","remove","disable","_this3","createFrom","wrappers","forEach","node","nodeType"],"sourceRoot":""}