{"version":3,"sources":["header-carrousel.js","pack-carrousel.js"],"names":["Splide","type","autoplay","interval","speed","rewind","perPage","perMove","height","arrows","easing","breakpoints","mount","splide","_createClass","defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","Object","defineProperty","key","Constructor","protoProps","staticProps","prototype","_classCallCheck","instance","TypeError","_possibleConstructorReturn","self","call","ReferenceError","_inherits","subClass","superClass","create","constructor","value","setPrototypeOf","__proto__","loadedPacks","Pack","_React$Component","this","_this","getPrototypeOf","state","loaded","imgSrc","handleImgLoad","bind","React","Component","event","setState","URL","createObjectURL","rawResult","setTimeout","refresh","data","queue","createjs","LoadQueue","addEventListener","loadFile","ImageUrl","prevProps","loadImage","createElement","class","href","Url","src","Category","Name","PackCarrousel","_React$Component2","_this2","packs","push","updateState","direction","gap","pagination","fixedWidth","focus","_this3","fetch","then","response","json","mountSplide","fetchPackData","Fragment","id","map","pack","e","root","ReactDOM","createRoot","document","querySelector","render"],"mappings":"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","file":"main.min.js","sourcesContent":["(function () {\r\n    \"use strict\";\r\n\r\n    let options = {\r\n        type: 'fade',\r\n        autoplay: true,\r\n        interval: 5000,\r\n        speed: 1000,\r\n        rewind: true,\r\n        perPage: 1,\r\n        perMove: 1,\r\n        height: '450px',\r\n        arrows: false,\r\n        easing: 'ease-in',\r\n        breakpoints: {\r\n            768: {\r\n                height: '300px',\r\n            },\r\n        }\r\n    };\r\n\r\n    new Splide(\"#header-carrousel\", options).mount();\r\n\r\n})();\r\n\r\n\r\n","var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\nvar splide;\nvar loadedPacks = 0;\n\nvar Pack = function (_React$Component) {\n    _inherits(Pack, _React$Component);\n\n    function Pack(props) {\n        _classCallCheck(this, Pack);\n\n        var _this = _possibleConstructorReturn(this, (Pack.__proto__ || Object.getPrototypeOf(Pack)).call(this, props));\n\n        _this.state = {\n            loaded: false,\n            imgSrc: ''\n        };\n\n        _this.handleImgLoad = _this.handleImgLoad.bind(_this);\n        return _this;\n    }\n\n    _createClass(Pack, [{\n        key: \"handleImgLoad\",\n        value: function handleImgLoad(event) {\n            this.setState({\n                loaded: true,\n                imgSrc: URL.createObjectURL(event.rawResult)\n            });\n\n            loadedPacks += 1;\n            if (loadedPacks === 20) setTimeout(function () {\n                return splide.refresh();\n            }, 300);\n        }\n    }, {\n        key: \"loadImage\",\n        value: function loadImage(data) {\n            var queue = new createjs.LoadQueue();\n            queue.addEventListener(\"fileload\", this.handleImgLoad);\n            queue.loadFile(data.ImageUrl);\n        }\n    }, {\n        key: \"componentDidUpdate\",\n        value: function componentDidUpdate(prevProps) {\n            if (prevProps.data !== this.props.data) {\n                this.loadImage(this.props.data);\n            }\n        }\n    }, {\n        key: \"render\",\n        value: function render() {\n            return React.createElement(\n                \"li\",\n                { \"class\": \"splide__slide\" },\n                React.createElement(\n                    \"div\",\n                    { \"class\": this.state.loaded ? 'pack-wrapper' : 'pack-wrapper loading' },\n                    React.createElement(\n                        \"a\",\n                        { href: this.props.data === null ? '' : this.props.data.Url },\n                        React.createElement(\"img\", { src: this.state.imgSrc })\n                    ),\n                    React.createElement(\n                        \"div\",\n                        { \"class\": \"label\" },\n                        React.createElement(\n                            \"div\",\n                            { \"class\": \"category-name\" },\n                            this.props.data === null ? '' : this.props.data.Category\n                        ),\n                        React.createElement(\n                            \"div\",\n                            { \"class\": \"pack-name\" },\n                            this.props.data === null ? '' : this.props.data.Name\n                        )\n                    ),\n                    React.createElement(\n                        \"div\",\n                        { \"class\": \"loading-dots\" },\n                        React.createElement(\n                            \"span\",\n                            null,\n                            \"...\"\n                        )\n                    )\n                )\n            );\n        }\n    }]);\n\n    return Pack;\n}(React.Component);\n\nvar PackCarrousel = function (_React$Component2) {\n    _inherits(PackCarrousel, _React$Component2);\n\n    function PackCarrousel(props) {\n        _classCallCheck(this, PackCarrousel);\n\n        var _this2 = _possibleConstructorReturn(this, (PackCarrousel.__proto__ || Object.getPrototypeOf(PackCarrousel)).call(this, props));\n\n        var packs = [];\n        for (var i = 0; i < 20; i++) {\n            packs.push({ key: i, data: null });\n        }\n\n        _this2.state = { packs: packs };\n        _this2.updateState = _this2.updateState.bind(_this2);\n\n        return _this2;\n    }\n\n    _createClass(PackCarrousel, [{\n        key: \"mountSplide\",\n        value: function mountSplide() {\n            var options = {\n                direction: \"ltr\",\n                autoplay: false,\n                interval: 3000,\n                speed: 400,\n                type: \"loop\",\n                perPage: 10,\n                perMove: 1,\n                gap: 25,\n                pagination: false,\n                breakpoints: {\n                    1200: {\n                        fixedWidth: 89,\n                        height: 130,\n                        gap: 45,\n                        focus: 'center'\n\n                    },\n                    768: {\n                        fixedWidth: 89,\n                        height: 130,\n                        gap: 14\n                    },\n                    576: {\n                        fixedWidth: 89,\n                        height: 130,\n                        gap: 31\n                    }\n                }\n\n            };\n            splide = new Splide(\"#splide-pack-carrousel\", options).mount();\n        }\n    }, {\n        key: \"fetchPackData\",\n        value: function fetchPackData() {\n            var _this3 = this;\n\n            fetch('https://blips.fm/BlipsAPI/GetRandomMusicPacks') //atualizar este endereço apenas para producçao\n            .then(function (response) {\n                return response.json();\n            }).then(function (json) {\n                return _this3.updateState(json);\n            });\n        }\n    }, {\n        key: \"updateState\",\n        value: function updateState(data) {\n            var packs = [];\n            for (var i = 0; i < 20; i++) {\n                packs.push({ key: i, data: data[i] });\n            }\n            this.setState({ packs: packs });\n        }\n    }, {\n        key: \"componentDidMount\",\n        value: function componentDidMount() {\n            this.mountSplide();\n            this.fetchPackData();\n        }\n    }, {\n        key: \"render\",\n        value: function render() {\n            return React.createElement(\n                React.Fragment,\n                null,\n                React.createElement(\n                    \"div\",\n                    { \"class\": \"title\" },\n                    \"Game Music Packs\"\n                ),\n                React.createElement(\n                    \"section\",\n                    { id: \"splide-pack-carrousel\", \"class\": \"splide\", \"aria-label\": \"Music Pack Carrousel\" },\n                    React.createElement(\n                        \"div\",\n                        { \"class\": \"splide__track\" },\n                        React.createElement(\n                            \"ul\",\n                            { \"class\": \"splide__list\" },\n                            this.state.packs.map(function (pack) {\n                                return React.createElement(Pack, { key: pack.key, data: pack.data });\n                            })\n                        )\n                    )\n                )\n            );\n        }\n    }]);\n\n    return PackCarrousel;\n}(React.Component);\n\nvar e = React.createElement;\nvar root = ReactDOM.createRoot(document.querySelector(\"#pack-carrousel\"));\nroot.render(e(PackCarrousel));"]}