{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///APlayer.min.js","webpack:///webpack/bootstrap bb5f6f58a0347f133857","webpack:///./src/APlayer.js","webpack:///./src/APlayer.scss?031a","webpack:///./src/APlayer.scss","webpack:///./~/.0.26.0@css-loader/lib/css-base.js","webpack:///./src/default.jpg","webpack:///./~/style-loader/addStyles.js"],"names":["root","factory","exports","module","define","amd","this","modules","__webpack_require__","moduleId","installedModules","id","loaded","call","m","c","p","_classCallCheck","instance","Constructor","TypeError","_createClass","defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","Object","defineProperty","key","protoProps","staticProps","prototype","console","log","instances","APlayer","option","getElementViewLeft","element","actualLeft","offsetLeft","current","offsetParent","elementScrollLeft","document","body","scrollLeft","documentElement","getElementViewTop","actualTop","offsetTop","elementScrollTop","scrollTop","_this","svg","play","pause","volume-up","volume-down","volume-off","circulation","random","order","single","menu","getSVG","type","isMobile","test","window","navigator","userAgent","autoplay","defaultOption","getElementsByClassName","narrow","mutex","showlrc","theme","mode","defaultKey","hasOwnProperty","playIndex","toString","music","audios","secondToTime","second","add0","num","min","parseInt","sec","hours","minAdjust","savelrc","push","innerHTML","lrcs","updateBar","percentage","direction","bar","style","updateLrc","currentTime","arguments","undefined","audio","lrcIndex","lrc","_i","lrcContents","transform","webkitTransform","classList","remove","getElementsByTagName","add","eventTypes","event","_i2","trigger","_i3","multiple","getRandomOrder","eleHTML","pic","listmaxheight","_i4","title","author","offsetWidth","display","ptime","barWrap","button","addEventListener","e","toggle","listItem","_loop","_i5","musicIndex","setMusic","playedBar","loadedBar","thumb","barWidth","clientWidth","clientX","duration","parseFloat","width","background","thumbMove","thumbUp","removeEventListener","playedTime","setInterval","clearInterval","volumeBar","volumeBarWrap","volumeicon","barHeight","clientY","volume","muted","className","modeEle","loop","list","height","offsetHeight","contains","randomOrder","value","index","_this2","indexMusic","backgroundImage","createElement","src","url","preload","buffered","end","ended","nextRandomNum","parseLrc","lrc_s","lyric","split","lyricLen","lrcTimes","match","lrcText","replace","timeLen","j","oneTime","exec","lrcTime","sort","a","b","xhr","XMLHttpRequest","onreadystatechange","readyState","status","responseText","_lrcHTML","apiurl","open","send","lrcHTML","time","_this3","setTimeout","_this4","name","func","max","Math","floor","shuffle","arr","rand","shuffled","Array","normalOrder","indexOf","content","locals","result","item","join","mediaQuery","alreadyImportedModules","addStylesToDom","styles","options","domStyle","stylesInDom","refs","parts","addStyle","listToStyles","newStyles","css","media","sourceMap","part","insertStyleElement","styleElement","head","getHeadElement","lastStyleElementInsertedAtTop","styleElementsInsertedAtTop","insertAt","nextSibling","insertBefore","appendChild","firstChild","Error","removeStyleElement","parentNode","removeChild","idx","splice","createStyleElement","createLinkElement","linkElement","rel","obj","update","singleton","styleIndex","singletonCounter","singletonElement","applyToSingletonTag","bind","URL","createObjectURL","revokeObjectURL","Blob","btoa","updateLink","href","applyToTag","newObj","styleSheet","cssText","replaceText","cssNode","createTextNode","childNodes","setAttribute","unescape","encodeURIComponent","JSON","stringify","blob","oldSrc","memoize","fn","memo","apply","isOldIE","toLowerCase","newList","mayRemove","textStore","replacement","filter","Boolean"],"mappings":"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","file":"APlayer.min.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"APlayer\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"APlayer\"] = factory();\n\telse\n\t\troot[\"APlayer\"] = factory();\n})(this, function() {\nreturn \n\n\n/** WEBPACK FOOTER **\n ** webpack/universalModuleDefinition\n **/","(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"APlayer\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"APlayer\"] = factory();\n\telse\n\t\troot[\"APlayer\"] = factory();\n})(this, function() {\nreturn /******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n/******/\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t\"use strict\";\n\t\n\tvar _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\t\n\tfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\t\n\tconsole.log(\"\\n %c APlayer 1.5.8 %c http://aplayer.js.org \\n\\n\", \"color: #fadfa3; background: #030307; padding:5px 0;\", \"background: #fadfa3; padding:5px 0;\");\n\t\n\t__webpack_require__(1);\n\t\n\tvar instances = [];\n\t\n\tvar APlayer = function () {\n\t    /**\n\t     * APlayer constructor function\n\t     *\n\t     * @param {Object} option - See README\n\t     * @constructor\n\t     */\n\t\n\t    function APlayer(option) {\n\t        var _this = this;\n\t\n\t        _classCallCheck(this, APlayer);\n\t\n\t        var svg = {\n\t            'play': ['0 0 16 31', 'M15.552 15.168q0.448 0.32 0.448 0.832 0 0.448-0.448 0.768l-13.696 8.512q-0.768 0.512-1.312 0.192t-0.544-1.28v-16.448q0-0.96 0.544-1.28t1.312 0.192z'],\n\t            'pause': ['0 0 17 32', 'M14.080 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048zM2.88 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048z'],\n\t            'volume-up': ['0 0 28 32', 'M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8zM20.576 16q0 1.344-0.768 2.528t-2.016 1.664q-0.16 0.096-0.448 0.096-0.448 0-0.8-0.32t-0.32-0.832q0-0.384 0.192-0.64t0.544-0.448 0.608-0.384 0.512-0.64 0.192-1.024-0.192-1.024-0.512-0.64-0.608-0.384-0.544-0.448-0.192-0.64q0-0.48 0.32-0.832t0.8-0.32q0.288 0 0.448 0.096 1.248 0.48 2.016 1.664t0.768 2.528zM25.152 16q0 2.72-1.536 5.056t-4 3.36q-0.256 0.096-0.448 0.096-0.48 0-0.832-0.352t-0.32-0.8q0-0.704 0.672-1.056 1.024-0.512 1.376-0.8 1.312-0.96 2.048-2.4t0.736-3.104-0.736-3.104-2.048-2.4q-0.352-0.288-1.376-0.8-0.672-0.352-0.672-1.056 0-0.448 0.32-0.8t0.8-0.352q0.224 0 0.48 0.096 2.496 1.056 4 3.36t1.536 5.056zM29.728 16q0 4.096-2.272 7.552t-6.048 5.056q-0.224 0.096-0.448 0.096-0.48 0-0.832-0.352t-0.32-0.8q0-0.64 0.704-1.056 0.128-0.064 0.384-0.192t0.416-0.192q0.8-0.448 1.44-0.896 2.208-1.632 3.456-4.064t1.216-5.152-1.216-5.152-3.456-4.064q-0.64-0.448-1.44-0.896-0.128-0.096-0.416-0.192t-0.384-0.192q-0.704-0.416-0.704-1.056 0-0.448 0.32-0.8t0.832-0.352q0.224 0 0.448 0.096 3.776 1.632 6.048 5.056t2.272 7.552z'],\n\t            'volume-down': ['0 0 28 32', 'M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8zM20.576 16q0 1.344-0.768 2.528t-2.016 1.664q-0.16 0.096-0.448 0.096-0.448 0-0.8-0.32t-0.32-0.832q0-0.384 0.192-0.64t0.544-0.448 0.608-0.384 0.512-0.64 0.192-1.024-0.192-1.024-0.512-0.64-0.608-0.384-0.544-0.448-0.192-0.64q0-0.48 0.32-0.832t0.8-0.32q0.288 0 0.448 0.096 1.248 0.48 2.016 1.664t0.768 2.528z'],\n\t            'volume-off': ['0 0 28 32', 'M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8z'],\n\t            'circulation': ['0 0 29 32', 'M25.6 9.92q1.344 0 2.272 0.928t0.928 2.272v9.28q0 1.28-0.928 2.24t-2.272 0.96h-22.4q-1.28 0-2.24-0.96t-0.96-2.24v-9.28q0-1.344 0.96-2.272t2.24-0.928h8v-3.52l6.4 5.76-6.4 5.76v-3.52h-6.72v6.72h19.84v-6.72h-4.8v-4.48h6.080z'],\n\t            'random': ['0 0 33 31', 'M29.867 9.356l-5.003 5.003c-0.094 0.094-0.235 0.141-0.36 0.141-0.266 0-0.5-0.219-0.5-0.5v-3.002h-4.002c-2.079 0-3.064 1.423-3.94 3.111-0.453 0.875-0.844 1.782-1.219 2.673-1.735 4.033-3.768 8.223-8.849 8.223h-3.502c-0.281 0-0.5-0.219-0.5-0.5v-3.002c0-0.281 0.219-0.5 0.5-0.5h3.502c2.079 0 3.064-1.423 3.94-3.111 0.453-0.875 0.844-1.782 1.219-2.673 1.735-4.033 3.768-8.223 8.849-8.223h4.002v-3.002c0-0.281 0.219-0.5 0.5-0.5 0.141 0 0.266 0.063 0.375 0.156l4.987 4.987c0.094 0.094 0.141 0.235 0.141 0.36s-0.047 0.266-0.141 0.36zM10.262 14.781c-0.907-1.892-1.907-3.783-4.268-3.783h-3.502c-0.281 0-0.5-0.219-0.5-0.5v-3.002c0-0.281 0.219-0.5 0.5-0.5h3.502c2.783 0 4.831 1.298 6.41 3.518-0.876 1.344-1.517 2.798-2.142 4.268zM29.867 23.363l-5.003 5.003c-0.094 0.094-0.235 0.141-0.36 0.141-0.266 0-0.5-0.235-0.5-0.5v-3.002c-4.643 0-7.504 0.547-10.396-3.518 0.86-1.344 1.501-2.798 2.126-4.268 0.907 1.892 1.907 3.783 4.268 3.783h4.002v-3.002c0-0.281 0.219-0.5 0.5-0.5 0.141 0 0.266 0.063 0.375 0.156l4.987 4.987c0.094 0.094 0.141 0.235 0.141 0.36s-0.047 0.266-0.141 0.36z'],\n\t            'order': ['0 0 32 32', 'M0.622 18.334h19.54v7.55l11.052-9.412-11.052-9.413v7.549h-19.54v3.725z'],\n\t            'single': ['0 0 38 32', 'M2.072 21.577c0.71-0.197 1.125-0.932 0.928-1.641-0.221-0.796-0.333-1.622-0.333-2.457 0-5.049 4.108-9.158 9.158-9.158h5.428c0.056-0.922 0.221-1.816 0.482-2.667h-5.911c-3.158 0-6.128 1.23-8.361 3.463s-3.463 5.203-3.463 8.361c0 1.076 0.145 2.143 0.431 3.171 0.164 0.59 0.7 0.976 1.284 0.976 0.117 0 0.238-0.016 0.357-0.049zM21.394 25.613h-12.409v-2.362c0-0.758-0.528-1.052-1.172-0.652l-5.685 3.522c-0.644 0.4-0.651 1.063-0.014 1.474l5.712 3.69c0.637 0.411 1.158 0.127 1.158-0.63v-2.374h12.409c3.158 0 6.128-1.23 8.361-3.463 1.424-1.424 2.44-3.148 2.99-5.029-0.985 0.368-2.033 0.606-3.125 0.691-1.492 3.038-4.619 5.135-8.226 5.135zM28.718 0c-4.985 0-9.026 4.041-9.026 9.026s4.041 9.026 9.026 9.026 9.026-4.041 9.026-9.026-4.041-9.026-9.026-9.026zM30.392 13.827h-1.728v-6.822c-0.635 0.576-1.433 1.004-2.407 1.285v-1.713c0.473-0.118 0.975-0.325 1.506-0.62 0.532-0.325 0.975-0.665 1.329-1.034h1.3v8.904z'],\n\t            'menu': ['0 0 22 32', 'M20.8 14.4q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2zM1.6 11.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2zM20.8 20.8q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2z']\n\t        };\n\t        this.getSVG = function (type) {\n\t            return \"\\n                <svg xmlns:xlink=\\\"http://www.w3.org/1999/xlink\\\" height=\\\"100%\\\" version=\\\"1.1\\\" viewBox=\\\"\" + svg[type][0] + \"\\\" width=\\\"100%\\\">\\n                    <use xlink:href=\\\"#aplayer-\" + type + \"\\\"></use>\\n                    <path class=\\\"aplayer-fill\\\" d=\\\"\" + svg[type][1] + \"\\\" id=\\\"aplayer-\" + type + \"\\\"></path>\\n                </svg>\\n            \";\n\t        };\n\t\n\t        this.isMobile = /mobile/i.test(window.navigator.userAgent);\n\t        // compatibility: some mobile browsers don't suppose autoplay\n\t        if (this.isMobile) {\n\t            option.autoplay = false;\n\t        }\n\t\n\t        // default options\n\t        var defaultOption = {\n\t            element: document.getElementsByClassName('aplayer')[0],\n\t            narrow: false,\n\t            autoplay: false,\n\t            mutex: true,\n\t            showlrc: 0,\n\t            theme: '#b7daff',\n\t            mode: 'circulation'\n\t        };\n\t        for (var defaultKey in defaultOption) {\n\t            if (defaultOption.hasOwnProperty(defaultKey) && !option.hasOwnProperty(defaultKey)) {\n\t                option[defaultKey] = defaultOption[defaultKey];\n\t            }\n\t        }\n\t\n\t        // multiple music\n\t        this.playIndex = Object.prototype.toString.call(option.music) === '[object Array]' ? 0 : -1;\n\t\n\t        this.option = option;\n\t        this.audios = [];\n\t        this.mode = option.mode;\n\t\n\t        /**\n\t         * Parse second to 00:00 format. 00:00:00 if audio is over an hour long.\n\t         *\n\t         * @param {Number} second\n\t         * @return {String} 00:00 format. 00:00:00 if over an hour long.\n\t         */\n\t        this.secondToTime = function (second) {\n\t            var add0 = function add0(num) {\n\t                return num < 10 ? '0' + num : '' + num;\n\t            };\n\t            var min = parseInt(second / 60);\n\t            var sec = parseInt(second - min * 60);\n\t            var hours = parseInt(min / 60);\n\t            var minAdjust = parseInt(second / 60 - 60 * parseInt(second / 60 / 60));\n\t            return second >= 3600 ? add0(hours) + ':' + add0(minAdjust) + ':' + add0(sec) : add0(min) + ':' + add0(sec);\n\t        };\n\t\n\t        // save lrc\n\t        this.element = this.option.element;\n\t        if (this.option.showlrc === 2 || this.option.showlrc === true) {\n\t            this.savelrc = [];\n\t            for (var i = 0; i < this.element.getElementsByClassName('aplayer-lrc-content').length; i++) {\n\t                this.savelrc.push(this.element.getElementsByClassName('aplayer-lrc-content')[i].innerHTML);\n\t            }\n\t        }\n\t        this.lrcs = [];\n\t\n\t        /**\n\t         * Update progress bar, including loading progress bar and play progress bar\n\t         *\n\t         * @param {String} type - Point out which bar it is, should be played loaded or volume\n\t         * @param {Number} percentage\n\t         * @param {String} direction - Point out the direction of this bar, Should be height or width\n\t         */\n\t        this.updateBar = function (type, percentage, direction) {\n\t            percentage = percentage > 0 ? percentage : 0;\n\t            percentage = percentage < 1 ? percentage : 1;\n\t            bar[type + 'Bar'].style[direction] = percentage * 100 + '%';\n\t        };\n\t\n\t        /**\n\t         * Update lrc\n\t         *\n\t         * @param {Number} currentTime\n\t         */\n\t        this.updateLrc = function () {\n\t            var currentTime = arguments.length <= 0 || arguments[0] === undefined ? _this.audio.currentTime : arguments[0];\n\t\n\t            if (_this.lrcIndex > _this.lrc.length - 1 || currentTime < _this.lrc[_this.lrcIndex][0] || !_this.lrc[_this.lrcIndex + 1] || currentTime >= _this.lrc[_this.lrcIndex + 1][0]) {\n\t                for (var _i = 0; _i < _this.lrc.length; _i++) {\n\t                    if (currentTime >= _this.lrc[_i][0] && (!_this.lrc[_i + 1] || currentTime < _this.lrc[_i + 1][0])) {\n\t                        _this.lrcIndex = _i;\n\t                        _this.lrcContents.style.transform = \"translateY(\" + -_this.lrcIndex * 16 + \"px)\";\n\t                        _this.lrcContents.style.webkitTransform = \"translateY(\" + -_this.lrcIndex * 16 + \"px)\";\n\t                        _this.lrcContents.getElementsByClassName('aplayer-lrc-current')[0].classList.remove('aplayer-lrc-current');\n\t                        _this.lrcContents.getElementsByTagName('p')[_i].classList.add('aplayer-lrc-current');\n\t                    }\n\t                }\n\t            }\n\t        };\n\t\n\t        // define APlayer events\n\t        var eventTypes = ['play', 'pause', 'canplay', 'playing', 'ended', 'error'];\n\t        this.event = {};\n\t        for (var _i2 = 0; _i2 < eventTypes.length; _i2++) {\n\t            this.event[eventTypes[_i2]] = [];\n\t        }\n\t        this.trigger = function (type) {\n\t            for (var _i3 = 0; _i3 < _this.event[type].length; _i3++) {\n\t                _this.event[type][_i3]();\n\t            }\n\t        };\n\t\n\t        this.multiple = this.playIndex > -1;\n\t        this.music = this.multiple ? this.option.music[this.playIndex] : this.option.music;\n\t\n\t        // add class aplayer-withlrc\n\t        if (this.option.showlrc) {\n\t            this.element.classList.add('aplayer-withlrc');\n\t        }\n\t        if (this.option.music.length > 1) {\n\t            this.element.classList.add('aplayer-list');\n\t        }\n\t\n\t        if (!this.multiple && this.mode !== 'circulation' && this.mode !== 'order') {\n\t            this.mode = 'circulation';\n\t        }\n\t        this.getRandomOrder();\n\t\n\t        // fill in HTML\n\t        var eleHTML = \"\\n            <div class=\\\"aplayer-pic\\\" \" + (this.music.pic ? \"style=\\\"background-image: url('\" + this.music.pic + \"');\\\"\" : \"\") + \">\\n                <div class=\\\"aplayer-button aplayer-play\\\">\\n                    <button class=\\\"aplayer-icon aplayer-icon-play\\\">\" + this.getSVG('play') + (\"     </button>\\n                </div>\\n            </div>\\n            <div class=\\\"aplayer-info\\\">\\n                <div class=\\\"aplayer-music\\\">\\n                    <span class=\\\"aplayer-title\\\"></span>\\n                    <span class=\\\"aplayer-author\\\"></span>\\n                </div>\\n                <div class=\\\"aplayer-lrc\\\">\\n                    <div class=\\\"aplayer-lrc-contents\\\" style=\\\"transform: translateY(0); -webkit-transform: translateY(0);\\\"></div>\\n                </div>\\n                <div class=\\\"aplayer-controller\\\">\\n                    <div class=\\\"aplayer-bar-wrap\\\">\\n                        <div class=\\\"aplayer-bar\\\">\\n                            <div class=\\\"aplayer-loaded\\\" style=\\\"width: 0\\\"></div>\\n                            <div class=\\\"aplayer-played\\\" style=\\\"width: 0; background: \" + this.option.theme + \";\\\">\\n                                <span class=\\\"aplayer-thumb\\\" style=\\\"border: 1px solid \" + this.option.theme + \";\\\"></span>\\n                            </div>\\n                        </div>\\n                    </div>\\n                    <div class=\\\"aplayer-time\\\">\\n                        <span class=\\\"aplayer-time-inner\\\">\\n                            - <span class=\\\"aplayer-ptime\\\">00:00</span> / <span class=\\\"aplayer-dtime\\\">00:00</span>\\n                        </span>\\n                        <div class=\\\"aplayer-volume-wrap\\\">\\n                            <button class=\\\"aplayer-icon aplayer-icon-volume-down\\\" \" + (this.isMobile ? 'style=\"display: none;\"' : '') + \">\") + this.getSVG('volume-down') + (\"             </button>\\n                            <div class=\\\"aplayer-volume-bar-wrap\\\">\\n                                <div class=\\\"aplayer-volume-bar\\\">\\n                                    <div class=\\\"aplayer-volume\\\" style=\\\"height: 80%; background: \" + this.option.theme + \";\\\"></div>\\n                                </div>\\n                            </div>\\n                        </div>\\n                        <button class=\\\"aplayer-icon aplayer-icon-mode\\\">\") + this.getSVG(this.mode) + (\"         </button>\\n                        \" + (this.multiple ? \"<button class=\\\"aplayer-icon aplayer-icon-menu\\\">\" + this.getSVG('menu') + \"         </button>\" : \"\") + \"\\n                    </div>\\n                </div>\\n            </div>\");\n\t        if (this.multiple) {\n\t            eleHTML += \"\\n            <div class=\\\"aplayer-list\\\" \" + (this.option.listmaxheight ? \"style=\\\"max-height: \" + this.option.listmaxheight : \"\") + \"\\\">\\n                <ol>\";\n\t            for (var _i4 = 0; _i4 < this.option.music.length; _i4++) {\n\t                eleHTML += \"\\n                    <li>\\n                        <span class=\\\"aplayer-list-cur\\\" style=\\\"background: \" + this.option.theme + \";\\\"></span>\\n                        <span class=\\\"aplayer-list-index\\\">\" + (_i4 + 1) + \"</span>\\n                        <span class=\\\"aplayer-list-title\\\">\" + this.option.music[_i4].title + \"</span>\\n                        <span class=\\\"aplayer-list-author\\\">\" + this.option.music[_i4].author + \"</span>\\n                    </li>\";\n\t            }\n\t            eleHTML += \"\\n                </ol>\\n            </div>\";\n\t        }\n\t        this.element.innerHTML = eleHTML;\n\t\n\t        // hide mode button in arrow container\n\t        if (this.element.offsetWidth < 300) {\n\t            this.element.getElementsByClassName('aplayer-icon-mode')[0].style.display = 'none';\n\t        }\n\t\n\t        this.ptime = this.element.getElementsByClassName('aplayer-ptime')[0];\n\t\n\t        if (this.element.getElementsByClassName('aplayer-info')[0].offsetWidth < 200) {\n\t            this.element.getElementsByClassName('aplayer-time')[0].classList.add('aplayer-time-narrow');\n\t        }\n\t        // fix the width of aplayer bar\n\t        var bar = {};\n\t        bar.barWrap = this.element.getElementsByClassName('aplayer-bar-wrap')[0];\n\t\n\t        // switch to narrow style\n\t        if (this.option.narrow) {\n\t            this.element.classList.add('aplayer-narrow');\n\t        }\n\t\n\t        // play and pause button\n\t        this.button = this.element.getElementsByClassName('aplayer-button')[0];\n\t        this.button.addEventListener('click', function (e) {\n\t            _this.toggle();\n\t        });\n\t\n\t        // click music list: change music\n\t        if (this.multiple) {\n\t            (function () {\n\t                var listItem = _this.element.getElementsByClassName('aplayer-list')[0].getElementsByTagName('li');\n\t\n\t                var _loop = function _loop(_i5) {\n\t                    listItem[_i5].addEventListener('click', function () {\n\t                        var musicIndex = parseInt(listItem[_i5].getElementsByClassName('aplayer-list-index')[0].innerHTML) - 1;\n\t                        if (musicIndex !== _this.playIndex) {\n\t                            _this.setMusic(musicIndex);\n\t                            _this.play();\n\t                        } else {\n\t                            _this.toggle();\n\t                        }\n\t                    });\n\t                };\n\t\n\t                for (var _i5 = 0; _i5 < _this.option.music.length; _i5++) {\n\t                    _loop(_i5);\n\t                }\n\t            })();\n\t        }\n\t\n\t        // control play progress\n\t        bar.playedBar = this.element.getElementsByClassName('aplayer-played')[0];\n\t        bar.loadedBar = this.element.getElementsByClassName('aplayer-loaded')[0];\n\t        var thumb = this.element.getElementsByClassName('aplayer-thumb')[0];\n\t        var barWidth = void 0;\n\t        bar.barWrap.addEventListener('click', function (event) {\n\t            var e = event || window.event;\n\t            barWidth = bar.barWrap.clientWidth;\n\t            var percentage = (e.clientX - getElementViewLeft(bar.barWrap)) / barWidth;\n\t            _this.updateBar('played', percentage, 'width');\n\t            _this.element.getElementsByClassName('aplayer-ptime')[0].innerHTML = _this.secondToTime(percentage * _this.audio.duration);\n\t            _this.audio.currentTime = parseFloat(bar.playedBar.style.width) / 100 * _this.audio.duration;\n\t        });\n\t\n\t        thumb.addEventListener('mouseover', function () {\n\t            thumb.style.background = _this.option.theme;\n\t        });\n\t        thumb.addEventListener('mouseout', function () {\n\t            thumb.style.background = '#fff';\n\t        });\n\t\n\t        var thumbMove = function thumbMove(event) {\n\t            var e = event || window.event;\n\t            var percentage = (e.clientX - getElementViewLeft(bar.barWrap)) / barWidth;\n\t            percentage = percentage > 0 ? percentage : 0;\n\t            percentage = percentage < 1 ? percentage : 1;\n\t            _this.updateBar('played', percentage, 'width');\n\t            if (_this.option.showlrc) {\n\t                _this.updateLrc(parseFloat(bar.playedBar.style.width) / 100 * _this.audio.duration);\n\t            }\n\t            _this.element.getElementsByClassName('aplayer-ptime')[0].innerHTML = _this.secondToTime(percentage * _this.audio.duration);\n\t        };\n\t\n\t        var thumbUp = function thumbUp() {\n\t            document.removeEventListener('mouseup', thumbUp);\n\t            document.removeEventListener('mousemove', thumbMove);\n\t            _this.audio.currentTime = parseFloat(bar.playedBar.style.width) / 100 * _this.audio.duration;\n\t            _this.playedTime = setInterval(function () {\n\t                _this.updateBar('played', _this.audio.currentTime / _this.audio.duration, 'width');\n\t                if (_this.option.showlrc) {\n\t                    _this.updateLrc();\n\t                }\n\t                _this.element.getElementsByClassName('aplayer-ptime')[0].innerHTML = _this.secondToTime(_this.audio.currentTime);\n\t                _this.trigger('playing');\n\t            }, 100);\n\t        };\n\t\n\t        thumb.addEventListener('mousedown', function () {\n\t            barWidth = bar.barWrap.clientWidth;\n\t            clearInterval(_this.playedTime);\n\t            document.addEventListener('mousemove', thumbMove);\n\t            document.addEventListener('mouseup', thumbUp);\n\t        });\n\t\n\t        // control volume\n\t        bar.volumeBar = this.element.getElementsByClassName('aplayer-volume')[0];\n\t        var volumeBarWrap = this.element.getElementsByClassName('aplayer-volume-bar')[0];\n\t        this.volumeicon = this.element.getElementsByClassName('aplayer-time')[0].getElementsByTagName('button')[0];\n\t        var barHeight = 35;\n\t        this.element.getElementsByClassName('aplayer-volume-bar-wrap')[0].addEventListener('click', function (event) {\n\t            var e = event || window.event;\n\t            var percentage = (barHeight - e.clientY + getElementViewTop(volumeBarWrap)) / barHeight;\n\t            percentage = percentage > 0 ? percentage : 0;\n\t            percentage = percentage < 1 ? percentage : 1;\n\t            _this.volume(percentage);\n\t        });\n\t        this.volumeicon.addEventListener('click', function () {\n\t            if (_this.audio.muted) {\n\t                _this.audio.muted = false;\n\t                _this.volumeicon.className = _this.audio.volume === 1 ? 'aplayer-icon aplayer-icon-volume-up' : 'aplayer-icon aplayer-icon-volume-down';\n\t                if (_this.audio.volume === 1) {\n\t                    _this.volumeicon.className = 'aplayer-icon aplayer-icon-volume-up';\n\t                    _this.volumeicon.innerHTML = _this.getSVG('volume-up');\n\t                } else {\n\t                    _this.volumeicon.className = 'aplayer-icon aplayer-icon-volume-down';\n\t                    _this.volumeicon.innerHTML = _this.getSVG('volume-down');\n\t                }\n\t                _this.updateBar('volume', _this.audio.volume, 'height');\n\t            } else {\n\t                _this.audio.muted = true;\n\t                _this.volumeicon.className = 'aplayer-icon aplayer-icon-volume-off';\n\t                _this.volumeicon.innerHTML = _this.getSVG('volume-off');\n\t                _this.updateBar('volume', 0, 'height');\n\t            }\n\t        });\n\t\n\t        // get element's view position\n\t        function getElementViewLeft(element) {\n\t            var actualLeft = element.offsetLeft;\n\t            var current = element.offsetParent;\n\t            var elementScrollLeft = void 0;\n\t            while (current !== null) {\n\t                actualLeft += current.offsetLeft;\n\t                current = current.offsetParent;\n\t            }\n\t            elementScrollLeft = document.body.scrollLeft + document.documentElement.scrollLeft;\n\t            return actualLeft - elementScrollLeft;\n\t        }\n\t\n\t        function getElementViewTop(element) {\n\t            var actualTop = element.offsetTop;\n\t            var current = element.offsetParent;\n\t            var elementScrollTop = void 0;\n\t            while (current !== null) {\n\t                actualTop += current.offsetTop;\n\t                current = current.offsetParent;\n\t            }\n\t            elementScrollTop = document.body.scrollTop + document.documentElement.scrollTop;\n\t            return actualTop - elementScrollTop;\n\t        }\n\t\n\t        // mode control\n\t        var modeEle = this.element.getElementsByClassName('aplayer-icon-mode')[0];\n\t        modeEle.addEventListener('click', function () {\n\t            if (_this.multiple) {\n\t                if (_this.mode === 'random') {\n\t                    _this.mode = 'single';\n\t                } else if (_this.mode === 'single') {\n\t                    _this.mode = 'order';\n\t                } else if (_this.mode === 'order') {\n\t                    _this.mode = 'circulation';\n\t                } else if (_this.mode === 'circulation') {\n\t                    _this.mode = 'random';\n\t                }\n\t            } else {\n\t                if (_this.mode === 'circulation') {\n\t                    _this.mode = 'order';\n\t                } else {\n\t                    _this.mode = 'circulation';\n\t                }\n\t            }\n\t            modeEle.innerHTML = _this.getSVG(_this.mode);\n\t            _this.audio.loop = !(_this.multiple || _this.mode === 'order');\n\t        });\n\t\n\t        // toggle menu control\n\t        if (this.multiple) {\n\t            (function () {\n\t                var list = _this.element.getElementsByClassName('aplayer-list')[0];\n\t                list.style.height = list.offsetHeight + 'px';\n\t                _this.element.getElementsByClassName('aplayer-icon-menu')[0].addEventListener('click', function () {\n\t                    if (!list.classList.contains('aplayer-list-hide')) {\n\t                        list.classList.add('aplayer-list-hide');\n\t                    } else {\n\t                        list.classList.remove('aplayer-list-hide');\n\t                    }\n\t                });\n\t            })();\n\t        }\n\t\n\t        if (this.mode === 'random') {\n\t            this.setMusic(this.randomOrder[0]);\n\t        } else {\n\t            this.setMusic(0);\n\t        }\n\t\n\t        instances.push(this);\n\t    }\n\t\n\t    /**\n\t     * Set music\n\t     */\n\t\n\t\n\t    _createClass(APlayer, [{\n\t        key: \"setMusic\",\n\t        value: function setMusic(index) {\n\t            var _this2 = this;\n\t\n\t            // get this.music\n\t            if (this.multiple && typeof index !== 'undefined') {\n\t                this.playIndex = index;\n\t            }\n\t            var indexMusic = this.playIndex;\n\t            this.music = this.multiple ? this.option.music[indexMusic] : this.option.music;\n\t\n\t            // set html\n\t            if (this.music.pic) {\n\t                this.element.getElementsByClassName('aplayer-pic')[0].style.backgroundImage = \"url('\" + this.music.pic + \"')\";\n\t            }\n\t            this.element.getElementsByClassName('aplayer-title')[0].innerHTML = this.music.title;\n\t            this.element.getElementsByClassName('aplayer-author')[0].innerHTML = \" - \" + this.music.author;\n\t            if (this.multiple) {\n\t                if (this.element.getElementsByClassName('aplayer-list-light')[0]) {\n\t                    this.element.getElementsByClassName('aplayer-list-light')[0].classList.remove('aplayer-list-light');\n\t                }\n\t                this.element.getElementsByClassName('aplayer-list')[0].getElementsByTagName('li')[indexMusic].classList.add('aplayer-list-light');\n\t            }\n\t\n\t            // set the previous audio object\n\t            if (this.audio) {\n\t                this.pause();\n\t                this.audio.currentTime = 0;\n\t            }\n\t\n\t            if (this.multiple) {\n\t                this.element.getElementsByClassName('aplayer-list')[0].scrollTop = indexMusic * 33;\n\t            }\n\t\n\t            // get this audio object\n\t            if (this.multiple && !this.audios[indexMusic] || this.playIndex === -1) {\n\t                this.audio = document.createElement(\"audio\");\n\t                this.audio.src = this.music.url;\n\t                this.audio.preload = this.option.preload ? this.option.preload : 'auto';\n\t\n\t                // show audio time: the metadata has loaded or changed\n\t                this.audio.addEventListener('durationchange', function () {\n\t                    if (_this2.audio.duration !== 1) {\n\t                        // compatibility: Android browsers will output 1 at first\n\t                        _this2.element.getElementsByClassName('aplayer-dtime')[0].innerHTML = _this2.secondToTime(_this2.audio.duration);\n\t                    }\n\t                });\n\t\n\t                // show audio loaded bar: to inform interested parties of progress downloading the media\n\t                this.audio.addEventListener('progress', function () {\n\t                    var percentage = _this2.audio.buffered.length ? _this2.audio.buffered.end(_this2.audio.buffered.length - 1) / _this2.audio.duration : 0;\n\t                    _this2.updateBar('loaded', percentage, 'width');\n\t                });\n\t\n\t                // audio download error: an error occurs\n\t                this.audio.addEventListener('error', function () {\n\t                    _this2.element.getElementsByClassName('aplayer-author')[0].innerHTML = \" - Error happens ╥﹏╥\";\n\t                    _this2.trigger('pause');\n\t                });\n\t\n\t                // audio can play: enough data is available that the media can be played\n\t                this.audio.addEventListener('canplay', function () {\n\t                    _this2.trigger('canplay');\n\t                });\n\t\n\t                // multiple music play\n\t                this.ended = false;\n\t                if (this.multiple) {\n\t                    this.audio.addEventListener('ended', function () {\n\t                        if (_this2.isMobile) {\n\t                            _this2.ended = true;\n\t                            _this2.pause();\n\t                            return;\n\t                        }\n\t                        if (_this2.audio.currentTime !== 0) {\n\t                            if (_this2.mode === 'random') {\n\t                                _this2.setMusic(_this2.nextRandomNum());\n\t                            } else if (_this2.mode === 'single') {\n\t                                _this2.setMusic(_this2.playIndex);\n\t                            } else if (_this2.mode === 'order') {\n\t                                if (_this2.playIndex < _this2.option.music.length - 1) {\n\t                                    _this2.setMusic(++_this2.playIndex);\n\t                                } else {\n\t                                    _this2.ended = true;\n\t                                    _this2.pause();\n\t                                    _this2.trigger('ended');\n\t                                }\n\t                            } else if (_this2.mode === 'circulation') {\n\t                                if (_this2.playIndex < _this2.option.music.length - 1) {\n\t                                    _this2.setMusic(++_this2.playIndex);\n\t                                } else {\n\t                                    _this2.setMusic(0);\n\t                                }\n\t                            }\n\t                        }\n\t                    });\n\t                } else {\n\t                    this.audio.addEventListener('ended', function () {\n\t                        if (_this2.mode === 'order') {\n\t                            _this2.ended = true;\n\t                            _this2.pause();\n\t                            _this2.trigger('ended');\n\t                        }\n\t                    });\n\t                }\n\t\n\t                // control volume\n\t                this.audio.volume = parseInt(this.element.getElementsByClassName('aplayer-volume')[0].style.height) / 100;\n\t\n\t                // loop\n\t                this.audio.loop = !(this.multiple || this.mode === 'order');\n\t\n\t                if (this.multiple) {\n\t                    this.audios[indexMusic] = this.audio;\n\t                }\n\t            } else {\n\t                this.audio = this.audios[indexMusic];\n\t                this.audio.volume = parseInt(this.element.getElementsByClassName('aplayer-volume')[0].style.height) / 100;\n\t                this.audio.currentTime = 0;\n\t            }\n\t\n\t            /**\n\t             * Parse lrc, suppose multiple time tag\n\t             *\n\t             * @param {String} lrc_s - Format:\n\t             * [mm:ss.xx]lyric\n\t             * [mm:ss.xxx]lyric\n\t             * [mm:ss.xx][mm:ss.xx][mm:ss.xx]lyric\n\t             *\n\t             * @return {String} [[time, text], [time, text], [time, text], ...]\n\t             */\n\t            var parseLrc = function parseLrc(lrc_s) {\n\t                var lyric = lrc_s.split('\\n');\n\t                var lrc = [];\n\t                var lyricLen = lyric.length;\n\t                for (var i = 0; i < lyricLen; i++) {\n\t                    // match lrc time\n\t                    var lrcTimes = lyric[i].match(/\\[(\\d{2}):(\\d{2})\\.(\\d{2,3})]/g);\n\t                    // match lrc text\n\t                    var lrcText = lyric[i].replace(/\\[(\\d{2}):(\\d{2})\\.(\\d{2,3})]/g, '').replace(/^\\s+|\\s+$/g, '');\n\t\n\t                    if (lrcTimes != null) {\n\t                        // handle multiple time tag\n\t                        var timeLen = lrcTimes.length;\n\t                        for (var j = 0; j < timeLen; j++) {\n\t                            var oneTime = /\\[(\\d{2}):(\\d{2})\\.(\\d{2,3})]/.exec(lrcTimes[j]);\n\t                            var lrcTime = oneTime[1] * 60 + parseInt(oneTime[2]) + parseInt(oneTime[3]) / ((oneTime[3] + '').length === 2 ? 100 : 1000);\n\t                            lrc.push([lrcTime, lrcText]);\n\t                        }\n\t                    }\n\t                }\n\t                // sort by time\n\t                lrc.sort(function (a, b) {\n\t                    return a[0] - b[0];\n\t                });\n\t                return lrc;\n\t            };\n\t\n\t            // fill in lrc\n\t            if (this.option.showlrc) {\n\t                (function () {\n\t                    var index = _this2.multiple ? indexMusic : 0;\n\t\n\t                    if (!_this2.lrcs[index]) {\n\t                        (function () {\n\t                            var lrcs = '';\n\t                            if (_this2.option.showlrc === 1) {\n\t                                if (_this2.multiple) {\n\t                                    lrcs = _this2.option.music[index].lrc;\n\t                                } else {\n\t                                    lrcs = _this2.option.music.lrc;\n\t                                }\n\t                            } else if (_this2.option.showlrc === 2 || _this2.option.showlrc === true) {\n\t                                lrcs = _this2.savelrc[index];\n\t                            } else if (_this2.option.showlrc === 3) {\n\t                                (function () {\n\t                                    var xhr = new XMLHttpRequest();\n\t                                    xhr.onreadystatechange = function () {\n\t                                        if (xhr.readyState === 4) {\n\t                                            if (xhr.status >= 200 && xhr.status < 300 || xhr.status === 304) {\n\t                                                lrcs = xhr.responseText;\n\t                                                _this2.lrcs[index] = parseLrc(lrcs);\n\t                                                _this2.lrc = _this2.lrcs[index];\n\t                                                var _lrcHTML = '';\n\t                                                _this2.lrcContents = _this2.element.getElementsByClassName('aplayer-lrc-contents')[0];\n\t                                                for (var i = 0; i < _this2.lrc.length; i++) {\n\t                                                    _lrcHTML += \"<p>\" + _this2.lrc[i][1] + \"</p>\";\n\t                                                }\n\t                                                _this2.lrcContents.innerHTML = _lrcHTML;\n\t                                                if (!_this2.lrcIndex) {\n\t                                                    _this2.lrcIndex = 0;\n\t                                                }\n\t                                                _this2.lrcContents.getElementsByTagName('p')[0].classList.add('aplayer-lrc-current');\n\t                                                _this2.lrcContents.style.transform = 'translateY(0px)';\n\t                                                _this2.lrcContents.style.webkitTransform = 'translateY(0px)';\n\t                                            } else {\n\t                                                console.log('Request was unsuccessful: ' + xhr.status);\n\t                                            }\n\t                                        }\n\t                                    };\n\t                                    var apiurl = void 0;\n\t                                    if (_this2.multiple) {\n\t                                        apiurl = _this2.option.music[index].lrc;\n\t                                    } else {\n\t                                        apiurl = _this2.option.music.lrc;\n\t                                    }\n\t                                    xhr.open('get', apiurl, true);\n\t                                    xhr.send(null);\n\t                                })();\n\t                            }\n\t                            if (lrcs) {\n\t                                _this2.lrcs[index] = parseLrc(lrcs);\n\t                            } else {\n\t                                _this2.lrcs[index] = [['00:00', 'Loading']];\n\t                            }\n\t                        })();\n\t                    }\n\t\n\t                    _this2.lrc = _this2.lrcs[index];\n\t                    var lrcHTML = '';\n\t                    _this2.lrcContents = _this2.element.getElementsByClassName('aplayer-lrc-contents')[0];\n\t                    for (var i = 0; i < _this2.lrc.length; i++) {\n\t                        lrcHTML += \"<p>\" + _this2.lrc[i][1] + \"</p>\";\n\t                    }\n\t                    _this2.lrcContents.innerHTML = lrcHTML;\n\t                    if (!_this2.lrcIndex) {\n\t                        _this2.lrcIndex = 0;\n\t                    }\n\t                    _this2.lrcContents.getElementsByTagName('p')[0].classList.add('aplayer-lrc-current');\n\t                    _this2.lrcContents.style.transform = 'translateY(0px)';\n\t                    _this2.lrcContents.style.webkitTransform = 'translateY(0px)';\n\t                })();\n\t            }\n\t\n\t            // set duration time\n\t            if (this.audio.duration !== 1) {\n\t                // compatibility: Android browsers will output 1 at first\n\t                this.element.getElementsByClassName('aplayer-dtime')[0].innerHTML = this.audio.duration ? this.secondToTime(this.audio.duration) : '00:00';\n\t            }\n\t\n\t            // autoplay\n\t            if (this.option.autoplay && !this.isMobile) {\n\t                this.play();\n\t            }\n\t            this.option.autoplay = true; // autoplay next music\n\t\n\t            if (this.isMobile) {\n\t                this.pause();\n\t            }\n\t        }\n\t\n\t        /**\n\t         * Play music\n\t         */\n\t\n\t    }, {\n\t        key: \"play\",\n\t        value: function play(time) {\n\t            var _this3 = this;\n\t\n\t            if (Object.prototype.toString.call(time) === '[object Number]') {\n\t                this.audio.currentTime = time;\n\t            }\n\t            if (this.button.classList.contains('aplayer-play')) {\n\t                this.button.classList.remove('aplayer-play');\n\t                this.button.classList.add('aplayer-pause');\n\t                this.button.innerHTML = '';\n\t                setTimeout(function () {\n\t                    _this3.button.innerHTML = \"\\n                            <button class=\\\"aplayer-icon aplayer-icon-pause\\\">\" + _this3.getSVG('pause') + \"     </button>\";\n\t                }, 100);\n\t\n\t                // pause other players (Thanks @Aprikyblue)\n\t                if (this.option.mutex) {\n\t                    for (var i = 0; i < instances.length; i++) {\n\t                        if (this != instances[i]) {\n\t                            instances[i].pause();\n\t                        }\n\t                    }\n\t                }\n\t                this.audio.play();\n\t                if (this.playedTime) {\n\t                    clearInterval(this.playedTime);\n\t                }\n\t                this.playedTime = setInterval(function () {\n\t                    _this3.updateBar('played', _this3.audio.currentTime / _this3.audio.duration, 'width');\n\t                    if (_this3.option.showlrc) {\n\t                        _this3.updateLrc();\n\t                    }\n\t                    _this3.ptime.innerHTML = _this3.secondToTime(_this3.audio.currentTime);\n\t                    _this3.trigger('playing');\n\t                }, 100);\n\t                this.trigger('play');\n\t            }\n\t        }\n\t\n\t        /**\n\t         * Pause music\n\t         */\n\t\n\t    }, {\n\t        key: \"pause\",\n\t        value: function pause() {\n\t            var _this4 = this;\n\t\n\t            if (this.button.classList.contains('aplayer-pause') || this.ended) {\n\t                this.ended = false;\n\t                this.button.classList.remove('aplayer-pause');\n\t                this.button.classList.add('aplayer-play');\n\t                this.button.innerHTML = '';\n\t                setTimeout(function () {\n\t                    _this4.button.innerHTML = \"\\n                            <button class=\\\"aplayer-icon aplayer-icon-play\\\">\" + _this4.getSVG('play') + \"     </button>\";\n\t                }, 100);\n\t                this.audio.pause();\n\t                clearInterval(this.playedTime);\n\t                this.trigger('pause');\n\t            }\n\t        }\n\t\n\t        /**\n\t         * Set volume\n\t         */\n\t\n\t    }, {\n\t        key: \"volume\",\n\t        value: function volume(percentage) {\n\t            this.updateBar('volume', percentage, 'height');\n\t            this.audio.volume = percentage;\n\t            if (this.audio.muted) {\n\t                this.audio.muted = false;\n\t            }\n\t            if (percentage === 1) {\n\t                this.volumeicon.className = 'aplayer-icon aplayer-icon-volume-up';\n\t                this.volumeicon.innerHTML = this.getSVG('volume-up');\n\t            } else {\n\t                this.volumeicon.className = 'aplayer-icon aplayer-icon-volume-down';\n\t                this.volumeicon.innerHTML = this.getSVG('volume-down');\n\t            }\n\t        }\n\t\n\t        /**\n\t         * attach event\n\t         */\n\t\n\t    }, {\n\t        key: \"on\",\n\t        value: function on(name, func) {\n\t            if (typeof func === 'function') {\n\t                this.event[name].push(func);\n\t            }\n\t        }\n\t\n\t        /**\n\t         * toggle between play and pause\n\t         */\n\t\n\t    }, {\n\t        key: \"toggle\",\n\t        value: function toggle() {\n\t            if (this.button.classList.contains('aplayer-play')) {\n\t                this.play();\n\t            } else if (this.button.classList.contains('aplayer-pause')) {\n\t                this.pause();\n\t            }\n\t        }\n\t\n\t        /**\n\t         * get random order, using Fisher–Yates shuffle\n\t         */\n\t\n\t    }, {\n\t        key: \"getRandomOrder\",\n\t        value: function getRandomOrder() {\n\t            function random(min, max) {\n\t                if (max == null) {\n\t                    max = min;\n\t                    min = 0;\n\t                }\n\t                return min + Math.floor(Math.random() * (max - min + 1));\n\t            }\n\t            function shuffle(arr) {\n\t                var length = arr.length,\n\t                    shuffled = new Array(length);\n\t                for (var index = 0, rand; index < length; index++) {\n\t                    rand = random(0, index);\n\t                    if (rand !== index) shuffled[index] = shuffled[rand];\n\t                    shuffled[rand] = arr[index];\n\t                }\n\t                return shuffled;\n\t            }\n\t            if (this.multiple) {\n\t                if (!this.normalOrder) {\n\t                    this.normalOrder = [];\n\t                    for (var i = 0; i < this.option.music.length; i++) {\n\t                        this.normalOrder[i] = i;\n\t                    }\n\t                }\n\t                this.randomOrder = shuffle(this.normalOrder);\n\t            }\n\t        }\n\t\n\t        /**\n\t         * get next random number\n\t         */\n\t\n\t    }, {\n\t        key: \"nextRandomNum\",\n\t        value: function nextRandomNum() {\n\t            if (this.multiple) {\n\t                var index = this.randomOrder.indexOf(this.playIndex);\n\t                if (index === this.randomOrder.length - 1) {\n\t                    return this.randomOrder[0];\n\t                } else {\n\t                    return this.randomOrder[index + 1];\n\t                }\n\t            } else {\n\t                return 0;\n\t            }\n\t        }\n\t    }]);\n\t\n\t    return APlayer;\n\t}();\n\t\n\tmodule.exports = APlayer;\n\n/***/ },\n/* 1 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t// style-loader: Adds some css to the DOM by adding a <style> tag\n\t\n\t// load the styles\n\tvar content = __webpack_require__(2);\n\tif(typeof content === 'string') content = [[module.id, content, '']];\n\t// add the styles to the DOM\n\tvar update = __webpack_require__(5)(content, {});\n\tif(content.locals) module.exports = content.locals;\n\t// Hot Module Replacement\n\tif(false) {\n\t\t// When the styles change, update the <style> tags\n\t\tif(!content.locals) {\n\t\t\tmodule.hot.accept(\"!!./../node_modules/.0.26.0@css-loader/index.js!./../node_modules/postcss-loader/index.js!./../node_modules/sass-loader/index.js!./APlayer.scss\", function() {\n\t\t\t\tvar newContent = require(\"!!./../node_modules/.0.26.0@css-loader/index.js!./../node_modules/postcss-loader/index.js!./../node_modules/sass-loader/index.js!./APlayer.scss\");\n\t\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\t\tupdate(newContent);\n\t\t\t});\n\t\t}\n\t\t// When the module is disposed, remove the <style> tags\n\t\tmodule.hot.dispose(function() { update(); });\n\t}\n\n/***/ },\n/* 2 */\n/***/ function(module, exports, __webpack_require__) {\n\n\texports = module.exports = __webpack_require__(3)();\n\t// imports\n\t\n\t\n\t// module\n\texports.push([module.id, \".aplayer-narrow{width:66px}.aplayer-narrow .aplayer-info{display:none}.aplayer-withlrc.aplayer-narrow{width:90px}.aplayer-withlrc.aplayer .aplayer-pic{height:90px;width:90px}.aplayer-withlrc.aplayer .aplayer-info{margin-left:90px;height:90px}.aplayer-withlrc.aplayer .aplayer-lrc{display:block}.aplayer-withlrc.aplayer .aplayer-info{padding:10px 7px 0}.aplayer-list.aplayer .aplayer-info{border-bottom:1px solid #e9e9e9}.aplayer{font-family:Arial,Helvetica,sans-serif;margin:5px;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);-webkit-border-radius:2px;border-radius:2px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:normal}.aplayer *{-webkit-box-sizing:content-box;box-sizing:content-box}.aplayer .aplayer-icon{width:15px;height:15px;border:none;background-color:transparent;outline:none;cursor:pointer;opacity:.8;vertical-align:middle;padding:0;font-size:12px;margin:0;display:inline}.aplayer .aplayer-icon .aplayer-fill{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.aplayer .aplayer-lrc-content{display:none}.aplayer .aplayer-pic{position:relative;float:left;height:66px;width:66px;background-image:url(\" + __webpack_require__(4) + \");background-size:100%;-webkit-transition:all .3s ease;transition:all .3s ease}.aplayer .aplayer-pic .aplayer-button{position:absolute;-webkit-border-radius:50%;border-radius:50%;opacity:.8;cursor:pointer;text-shadow:0 1px 1px rgba(0,0,0,.2);-webkit-box-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.2);background:rgba(0,0,0,.2);-webkit-transition:all .1s ease;transition:all .1s ease}.aplayer .aplayer-pic .aplayer-button:hover{opacity:1}.aplayer .aplayer-pic .aplayer-button .aplayer-fill{fill:#fff}.aplayer .aplayer-pic .aplayer-hide{display:none}.aplayer .aplayer-pic .aplayer-play{width:26px;height:26px;border:2px solid #fff;bottom:50%;right:50%;margin:0 -15px -15px 0}.aplayer .aplayer-pic .aplayer-play .aplayer-icon-play{position:absolute;top:3px;left:4px;height:20px;width:20px}.aplayer .aplayer-pic .aplayer-pause{width:16px;height:16px;border:2px solid #fff;bottom:4px;right:4px}.aplayer .aplayer-pic .aplayer-pause .aplayer-icon-pause{position:absolute;top:2px;left:2px;height:12px;width:12px}.aplayer .aplayer-info{margin-left:66px;padding:14px 7px 0 10px;height:66px;-webkit-box-sizing:border-box;box-sizing:border-box}.aplayer .aplayer-info .aplayer-music{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 0 13px 5px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;cursor:default;padding-bottom:2px}.aplayer .aplayer-info .aplayer-music .aplayer-title{font-size:14px}.aplayer .aplayer-info .aplayer-music .aplayer-author{font-size:12px;color:#666}.aplayer .aplayer-info .aplayer-controller{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap{margin:0 0 0 5px;padding:4px 0;cursor:pointer!important;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar{position:relative;height:2px;width:100%;background:#cdcdcd}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded{position:absolute;left:0;top:0;bottom:0;background:#aaa;height:2px;-webkit-transition:all .5s ease;transition:all .5s ease}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played{position:absolute;left:0;top:0;bottom:0;height:2px}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb{position:absolute;top:0;right:5px;margin-top:-4px;margin-right:-10px;height:8px;width:8px;-webkit-border-radius:50%;border-radius:50%;background:#fff;cursor:pointer!important}.aplayer .aplayer-info .aplayer-controller .aplayer-time{position:relative;right:0;bottom:3px;height:17px;color:#999;font-size:11px;padding-left:7px}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-time-inner{vertical-align:middle}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon{cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon .aplayer-fill{fill:#666}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-mode{margin-right:4px}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover .aplayer-fill{fill:#000}.aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-menu,.aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-mode{display:none}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap{position:relative;display:inline-block;margin-left:3px;cursor:pointer!important}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap:hover .aplayer-volume-bar-wrap{display:block}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap{display:none;position:absolute;bottom:15px;right:-3px;width:25px;height:40px;z-index:99}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar{position:absolute;bottom:0;right:10px;width:5px;height:35px;background:#aaa}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar .aplayer-volume{position:absolute;bottom:0;right:0;width:5px;-webkit-transition:all .1s ease;transition:all .1s ease}.aplayer .aplayer-lrc{display:none;position:relative;height:30px;text-align:center;overflow:hidden;margin:-10px 0 7px}.aplayer .aplayer-lrc:before{top:0;height:10%;background:-webkit-linear-gradient(top,#fff,hsla(0,0%,100%,0));background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(hsla(0,0%,100%,0)));background:linear-gradient(180deg,#fff 0,hsla(0,0%,100%,0));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#00ffffff',GradientType=0)}.aplayer .aplayer-lrc:after,.aplayer .aplayer-lrc:before{position:absolute;z-index:1;display:block;overflow:hidden;width:100%;content:' '}.aplayer .aplayer-lrc:after{bottom:0;height:33%;background:-webkit-linear-gradient(top,hsla(0,0%,100%,0),hsla(0,0%,100%,.8));background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),to(hsla(0,0%,100%,.8)));background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.8));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ccffffff',GradientType=0)}.aplayer .aplayer-lrc p{font-size:12px;color:#666;line-height:16px!important;height:16px!important;padding:0!important;margin:0!important;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;opacity:.4;overflow:hidden}.aplayer .aplayer-lrc p.aplayer-lrc-current{opacity:1}.aplayer .aplayer-lrc .aplayer-lrc-contents{width:100%;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;cursor:default}.aplayer .aplayer-list{overflow:auto;-webkit-transition:all .5s ease;transition:all .5s ease;will-change:height}.aplayer .aplayer-list.aplayer-list-hide{height:0!important}.aplayer .aplayer-list::-webkit-scrollbar{width:5px}.aplayer .aplayer-list::-webkit-scrollbar-track{background-color:#f9f9f9}.aplayer .aplayer-list::-webkit-scrollbar-thumb{-webkit-border-radius:3px;border-radius:3px;background-color:#eee}.aplayer .aplayer-list::-webkit-scrollbar-thumb:hover{background-color:#ccc}.aplayer .aplayer-list ol{list-style-type:none;margin:0;padding:0}.aplayer .aplayer-list ol li{position:relative;height:32px;line-height:32px;padding:0 15px;font-size:12px;border-top:1px solid #e9e9e9;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;overflow:hidden}.aplayer .aplayer-list ol li:first-child{border-top:none}.aplayer .aplayer-list ol li:hover{background:#efefef}.aplayer .aplayer-list ol li.aplayer-list-light{background:#e9e9e9}.aplayer .aplayer-list ol li.aplayer-list-light .aplayer-list-cur{display:inline-block}.aplayer .aplayer-list ol li .aplayer-list-cur{display:none;width:3px;height:22px;position:absolute;left:0;top:5px;cursor:pointer}.aplayer .aplayer-list ol li .aplayer-list-index{color:#666;margin-right:12px;cursor:pointer}.aplayer .aplayer-list ol li .aplayer-list-author{color:#666;float:right;cursor:pointer}@-webkit-keyframes aplayer-roll{0%{left:0}to{left:-100%}}@keyframes aplayer-roll{0%{left:0}to{left:-100%}}\", \"\"]);\n\t\n\t// exports\n\n\n/***/ },\n/* 3 */\n/***/ function(module, exports) {\n\n\t/*\n\t\tMIT License http://www.opensource.org/licenses/mit-license.php\n\t\tAuthor Tobias Koppers @sokra\n\t*/\n\t// css base code, injected by the css-loader\n\tmodule.exports = function() {\n\t\tvar list = [];\n\t\n\t\t// return the list of modules as css string\n\t\tlist.toString = function toString() {\n\t\t\tvar result = [];\n\t\t\tfor(var i = 0; i < this.length; i++) {\n\t\t\t\tvar item = this[i];\n\t\t\t\tif(item[2]) {\n\t\t\t\t\tresult.push(\"@media \" + item[2] + \"{\" + item[1] + \"}\");\n\t\t\t\t} else {\n\t\t\t\t\tresult.push(item[1]);\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn result.join(\"\");\n\t\t};\n\t\n\t\t// import a list of modules into the list\n\t\tlist.i = function(modules, mediaQuery) {\n\t\t\tif(typeof modules === \"string\")\n\t\t\t\tmodules = [[null, modules, \"\"]];\n\t\t\tvar alreadyImportedModules = {};\n\t\t\tfor(var i = 0; i < this.length; i++) {\n\t\t\t\tvar id = this[i][0];\n\t\t\t\tif(typeof id === \"number\")\n\t\t\t\t\talreadyImportedModules[id] = true;\n\t\t\t}\n\t\t\tfor(i = 0; i < modules.length; i++) {\n\t\t\t\tvar item = modules[i];\n\t\t\t\t// skip already imported module\n\t\t\t\t// this implementation is not 100% perfect for weird media query combinations\n\t\t\t\t//  when a module is imported multiple times with different media queries.\n\t\t\t\t//  I hope this will never occur (Hey this way we have smaller bundles)\n\t\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\n\t\t\t\t\tif(mediaQuery && !item[2]) {\n\t\t\t\t\t\titem[2] = mediaQuery;\n\t\t\t\t\t} else if(mediaQuery) {\n\t\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\n\t\t\t\t\t}\n\t\t\t\t\tlist.push(item);\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\t\treturn list;\n\t};\n\n\n/***/ },\n/* 4 */\n/***/ function(module, exports) {\n\n\tmodule.exports = \"data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAAeAAD/4QMfaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzA2NyA3OS4xNTc3NDcsIDIwMTUvMDMvMzAtMjM6NDA6NDIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2NjQ3NUZBM0Y4RDExRTY4NzJCRDdCNkZCQTQ0MjNBIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2NjQ3NUY5M0Y4RDExRTY4NzJCRDdCNkZCQTQ0MjNBIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSI5OENEMEFFRjM0NTI1NjE0NEREQkU4RjkxRjAwNjM3NiIgc3RSZWY6ZG9jdW1lbnRJRD0iOThDRDBBRUYzNDUyNTYxNDREREJFOEY5MUYwMDYzNzYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAQCwsLDAsQDAwQFw8NDxcbFBAQFBsfFxcXFxcfHhca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\"\n\n/***/ },\n/* 5 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t/*\r\n\t\tMIT License http://www.opensource.org/licenses/mit-license.php\r\n\t\tAuthor Tobias Koppers @sokra\r\n\t*/\r\n\tvar stylesInDom = {},\r\n\t\tmemoize = function(fn) {\r\n\t\t\tvar memo;\r\n\t\t\treturn function () {\r\n\t\t\t\tif (typeof memo === \"undefined\") memo = fn.apply(this, arguments);\r\n\t\t\t\treturn memo;\r\n\t\t\t};\r\n\t\t},\r\n\t\tisOldIE = memoize(function() {\r\n\t\t\treturn /msie [6-9]\\b/.test(window.navigator.userAgent.toLowerCase());\r\n\t\t}),\r\n\t\tgetHeadElement = memoize(function () {\r\n\t\t\treturn document.head || document.getElementsByTagName(\"head\")[0];\r\n\t\t}),\r\n\t\tsingletonElement = null,\r\n\t\tsingletonCounter = 0,\r\n\t\tstyleElementsInsertedAtTop = [];\r\n\t\r\n\tmodule.exports = function(list, options) {\r\n\t\tif(false) {\r\n\t\t\tif(typeof document !== \"object\") throw new Error(\"The style-loader cannot be used in a non-browser environment\");\r\n\t\t}\r\n\t\r\n\t\toptions = options || {};\r\n\t\t// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\r\n\t\t// tags it will allow on a page\r\n\t\tif (typeof options.singleton === \"undefined\") options.singleton = isOldIE();\r\n\t\r\n\t\t// By default, add <style> tags to the bottom of <head>.\r\n\t\tif (typeof options.insertAt === \"undefined\") options.insertAt = \"bottom\";\r\n\t\r\n\t\tvar styles = listToStyles(list);\r\n\t\taddStylesToDom(styles, options);\r\n\t\r\n\t\treturn function update(newList) {\r\n\t\t\tvar mayRemove = [];\r\n\t\t\tfor(var i = 0; i < styles.length; i++) {\r\n\t\t\t\tvar item = styles[i];\r\n\t\t\t\tvar domStyle = stylesInDom[item.id];\r\n\t\t\t\tdomStyle.refs--;\r\n\t\t\t\tmayRemove.push(domStyle);\r\n\t\t\t}\r\n\t\t\tif(newList) {\r\n\t\t\t\tvar newStyles = listToStyles(newList);\r\n\t\t\t\taddStylesToDom(newStyles, options);\r\n\t\t\t}\r\n\t\t\tfor(var i = 0; i < mayRemove.length; i++) {\r\n\t\t\t\tvar domStyle = mayRemove[i];\r\n\t\t\t\tif(domStyle.refs === 0) {\r\n\t\t\t\t\tfor(var j = 0; j < domStyle.parts.length; j++)\r\n\t\t\t\t\t\tdomStyle.parts[j]();\r\n\t\t\t\t\tdelete stylesInDom[domStyle.id];\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t};\r\n\t}\r\n\t\r\n\tfunction addStylesToDom(styles, options) {\r\n\t\tfor(var i = 0; i < styles.length; i++) {\r\n\t\t\tvar item = styles[i];\r\n\t\t\tvar domStyle = stylesInDom[item.id];\r\n\t\t\tif(domStyle) {\r\n\t\t\t\tdomStyle.refs++;\r\n\t\t\t\tfor(var j = 0; j < domStyle.parts.length; j++) {\r\n\t\t\t\t\tdomStyle.parts[j](item.parts[j]);\r\n\t\t\t\t}\r\n\t\t\t\tfor(; j < item.parts.length; j++) {\r\n\t\t\t\t\tdomStyle.parts.push(addStyle(item.parts[j], options));\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tvar parts = [];\r\n\t\t\t\tfor(var j = 0; j < item.parts.length; j++) {\r\n\t\t\t\t\tparts.push(addStyle(item.parts[j], options));\r\n\t\t\t\t}\r\n\t\t\t\tstylesInDom[item.id] = {id: item.id, refs: 1, parts: parts};\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t\r\n\tfunction listToStyles(list) {\r\n\t\tvar styles = [];\r\n\t\tvar newStyles = {};\r\n\t\tfor(var i = 0; i < list.length; i++) {\r\n\t\t\tvar item = list[i];\r\n\t\t\tvar id = item[0];\r\n\t\t\tvar css = item[1];\r\n\t\t\tvar media = item[2];\r\n\t\t\tvar sourceMap = item[3];\r\n\t\t\tvar part = {css: css, media: media, sourceMap: sourceMap};\r\n\t\t\tif(!newStyles[id])\r\n\t\t\t\tstyles.push(newStyles[id] = {id: id, parts: [part]});\r\n\t\t\telse\r\n\t\t\t\tnewStyles[id].parts.push(part);\r\n\t\t}\r\n\t\treturn styles;\r\n\t}\r\n\t\r\n\tfunction insertStyleElement(options, styleElement) {\r\n\t\tvar head = getHeadElement();\r\n\t\tvar lastStyleElementInsertedAtTop = styleElementsInsertedAtTop[styleElementsInsertedAtTop.length - 1];\r\n\t\tif (options.insertAt === \"top\") {\r\n\t\t\tif(!lastStyleElementInsertedAtTop) {\r\n\t\t\t\thead.insertBefore(styleElement, head.firstChild);\r\n\t\t\t} else if(lastStyleElementInsertedAtTop.nextSibling) {\r\n\t\t\t\thead.insertBefore(styleElement, lastStyleElementInsertedAtTop.nextSibling);\r\n\t\t\t} else {\r\n\t\t\t\thead.appendChild(styleElement);\r\n\t\t\t}\r\n\t\t\tstyleElementsInsertedAtTop.push(styleElement);\r\n\t\t} else if (options.insertAt === \"bottom\") {\r\n\t\t\thead.appendChild(styleElement);\r\n\t\t} else {\r\n\t\t\tthrow new Error(\"Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.\");\r\n\t\t}\r\n\t}\r\n\t\r\n\tfunction removeStyleElement(styleElement) {\r\n\t\tstyleElement.parentNode.removeChild(styleElement);\r\n\t\tvar idx = styleElementsInsertedAtTop.indexOf(styleElement);\r\n\t\tif(idx >= 0) {\r\n\t\t\tstyleElementsInsertedAtTop.splice(idx, 1);\r\n\t\t}\r\n\t}\r\n\t\r\n\tfunction createStyleElement(options) {\r\n\t\tvar styleElement = document.createElement(\"style\");\r\n\t\tstyleElement.type = \"text/css\";\r\n\t\tinsertStyleElement(options, styleElement);\r\n\t\treturn styleElement;\r\n\t}\r\n\t\r\n\tfunction createLinkElement(options) {\r\n\t\tvar linkElement = document.createElement(\"link\");\r\n\t\tlinkElement.rel = \"stylesheet\";\r\n\t\tinsertStyleElement(options, linkElement);\r\n\t\treturn linkElement;\r\n\t}\r\n\t\r\n\tfunction addStyle(obj, options) {\r\n\t\tvar styleElement, update, remove;\r\n\t\r\n\t\tif (options.singleton) {\r\n\t\t\tvar styleIndex = singletonCounter++;\r\n\t\t\tstyleElement = singletonElement || (singletonElement = createStyleElement(options));\r\n\t\t\tupdate = applyToSingletonTag.bind(null, styleElement, styleIndex, false);\r\n\t\t\tremove = applyToSingletonTag.bind(null, styleElement, styleIndex, true);\r\n\t\t} else if(obj.sourceMap &&\r\n\t\t\ttypeof URL === \"function\" &&\r\n\t\t\ttypeof URL.createObjectURL === \"function\" &&\r\n\t\t\ttypeof URL.revokeObjectURL === \"function\" &&\r\n\t\t\ttypeof Blob === \"function\" &&\r\n\t\t\ttypeof btoa === \"function\") {\r\n\t\t\tstyleElement = createLinkElement(options);\r\n\t\t\tupdate = updateLink.bind(null, styleElement);\r\n\t\t\tremove = function() {\r\n\t\t\t\tremoveStyleElement(styleElement);\r\n\t\t\t\tif(styleElement.href)\r\n\t\t\t\t\tURL.revokeObjectURL(styleElement.href);\r\n\t\t\t};\r\n\t\t} else {\r\n\t\t\tstyleElement = createStyleElement(options);\r\n\t\t\tupdate = applyToTag.bind(null, styleElement);\r\n\t\t\tremove = function() {\r\n\t\t\t\tremoveStyleElement(styleElement);\r\n\t\t\t};\r\n\t\t}\r\n\t\r\n\t\tupdate(obj);\r\n\t\r\n\t\treturn function updateStyle(newObj) {\r\n\t\t\tif(newObj) {\r\n\t\t\t\tif(newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap)\r\n\t\t\t\t\treturn;\r\n\t\t\t\tupdate(obj = newObj);\r\n\t\t\t} else {\r\n\t\t\t\tremove();\r\n\t\t\t}\r\n\t\t};\r\n\t}\r\n\t\r\n\tvar replaceText = (function () {\r\n\t\tvar textStore = [];\r\n\t\r\n\t\treturn function (index, replacement) {\r\n\t\t\ttextStore[index] = replacement;\r\n\t\t\treturn textStore.filter(Boolean).join('\\n');\r\n\t\t};\r\n\t})();\r\n\t\r\n\tfunction applyToSingletonTag(styleElement, index, remove, obj) {\r\n\t\tvar css = remove ? \"\" : obj.css;\r\n\t\r\n\t\tif (styleElement.styleSheet) {\r\n\t\t\tstyleElement.styleSheet.cssText = replaceText(index, css);\r\n\t\t} else {\r\n\t\t\tvar cssNode = document.createTextNode(css);\r\n\t\t\tvar childNodes = styleElement.childNodes;\r\n\t\t\tif (childNodes[index]) styleElement.removeChild(childNodes[index]);\r\n\t\t\tif (childNodes.length) {\r\n\t\t\t\tstyleElement.insertBefore(cssNode, childNodes[index]);\r\n\t\t\t} else {\r\n\t\t\t\tstyleElement.appendChild(cssNode);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t\r\n\tfunction applyToTag(styleElement, obj) {\r\n\t\tvar css = obj.css;\r\n\t\tvar media = obj.media;\r\n\t\r\n\t\tif(media) {\r\n\t\t\tstyleElement.setAttribute(\"media\", media)\r\n\t\t}\r\n\t\r\n\t\tif(styleElement.styleSheet) {\r\n\t\t\tstyleElement.styleSheet.cssText = css;\r\n\t\t} else {\r\n\t\t\twhile(styleElement.firstChild) {\r\n\t\t\t\tstyleElement.removeChild(styleElement.firstChild);\r\n\t\t\t}\r\n\t\t\tstyleElement.appendChild(document.createTextNode(css));\r\n\t\t}\r\n\t}\r\n\t\r\n\tfunction updateLink(linkElement, obj) {\r\n\t\tvar css = obj.css;\r\n\t\tvar sourceMap = obj.sourceMap;\r\n\t\r\n\t\tif(sourceMap) {\r\n\t\t\t// http://stackoverflow.com/a/26603875\r\n\t\t\tcss += \"\\n/*# sourceMappingURL=data:application/json;base64,\" + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + \" */\";\r\n\t\t}\r\n\t\r\n\t\tvar blob = new Blob([css], { type: \"text/css\" });\r\n\t\r\n\t\tvar oldSrc = linkElement.href;\r\n\t\r\n\t\tlinkElement.href = URL.createObjectURL(blob);\r\n\t\r\n\t\tif(oldSrc)\r\n\t\t\tURL.revokeObjectURL(oldSrc);\r\n\t}\r\n\n\n/***/ }\n/******/ ])\n});\n;\n\n\n/** WEBPACK FOOTER **\n ** APlayer.min.js\n **/"," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId])\n \t\t\treturn installedModules[moduleId].exports;\n\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\texports: {},\n \t\t\tid: moduleId,\n \t\t\tloaded: false\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.loaded = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(0);\n\n\n\n/** WEBPACK FOOTER **\n ** webpack/bootstrap bb5f6f58a0347f133857\n **/","console.log(\"\\n %c APlayer 1.5.8 %c http://aplayer.js.org \\n\\n\",\"color: #fadfa3; background: #030307; padding:5px 0;\",\"background: #fadfa3; padding:5px 0;\");\n\nrequire('./APlayer.scss');\n\nlet instances = [];\n\nclass APlayer {\n    /**\n     * APlayer constructor function\n     *\n     * @param {Object} option - See README\n     * @constructor\n     */\n    constructor(option) {\n        const svg = {\n            'play': ['0 0 16 31', 'M15.552 15.168q0.448 0.32 0.448 0.832 0 0.448-0.448 0.768l-13.696 8.512q-0.768 0.512-1.312 0.192t-0.544-1.28v-16.448q0-0.96 0.544-1.28t1.312 0.192z'],\n            'pause': ['0 0 17 32', 'M14.080 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048zM2.88 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048z'],\n            'volume-up': ['0 0 28 32', 'M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8zM20.576 16q0 1.344-0.768 2.528t-2.016 1.664q-0.16 0.096-0.448 0.096-0.448 0-0.8-0.32t-0.32-0.832q0-0.384 0.192-0.64t0.544-0.448 0.608-0.384 0.512-0.64 0.192-1.024-0.192-1.024-0.512-0.64-0.608-0.384-0.544-0.448-0.192-0.64q0-0.48 0.32-0.832t0.8-0.32q0.288 0 0.448 0.096 1.248 0.48 2.016 1.664t0.768 2.528zM25.152 16q0 2.72-1.536 5.056t-4 3.36q-0.256 0.096-0.448 0.096-0.48 0-0.832-0.352t-0.32-0.8q0-0.704 0.672-1.056 1.024-0.512 1.376-0.8 1.312-0.96 2.048-2.4t0.736-3.104-0.736-3.104-2.048-2.4q-0.352-0.288-1.376-0.8-0.672-0.352-0.672-1.056 0-0.448 0.32-0.8t0.8-0.352q0.224 0 0.48 0.096 2.496 1.056 4 3.36t1.536 5.056zM29.728 16q0 4.096-2.272 7.552t-6.048 5.056q-0.224 0.096-0.448 0.096-0.48 0-0.832-0.352t-0.32-0.8q0-0.64 0.704-1.056 0.128-0.064 0.384-0.192t0.416-0.192q0.8-0.448 1.44-0.896 2.208-1.632 3.456-4.064t1.216-5.152-1.216-5.152-3.456-4.064q-0.64-0.448-1.44-0.896-0.128-0.096-0.416-0.192t-0.384-0.192q-0.704-0.416-0.704-1.056 0-0.448 0.32-0.8t0.832-0.352q0.224 0 0.448 0.096 3.776 1.632 6.048 5.056t2.272 7.552z'],\n            'volume-down': ['0 0 28 32', 'M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8zM20.576 16q0 1.344-0.768 2.528t-2.016 1.664q-0.16 0.096-0.448 0.096-0.448 0-0.8-0.32t-0.32-0.832q0-0.384 0.192-0.64t0.544-0.448 0.608-0.384 0.512-0.64 0.192-1.024-0.192-1.024-0.512-0.64-0.608-0.384-0.544-0.448-0.192-0.64q0-0.48 0.32-0.832t0.8-0.32q0.288 0 0.448 0.096 1.248 0.48 2.016 1.664t0.768 2.528z'],\n            'volume-off': ['0 0 28 32', 'M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8z'],\n            'circulation': ['0 0 29 32', 'M25.6 9.92q1.344 0 2.272 0.928t0.928 2.272v9.28q0 1.28-0.928 2.24t-2.272 0.96h-22.4q-1.28 0-2.24-0.96t-0.96-2.24v-9.28q0-1.344 0.96-2.272t2.24-0.928h8v-3.52l6.4 5.76-6.4 5.76v-3.52h-6.72v6.72h19.84v-6.72h-4.8v-4.48h6.080z'],\n            'random': ['0 0 33 31', 'M29.867 9.356l-5.003 5.003c-0.094 0.094-0.235 0.141-0.36 0.141-0.266 0-0.5-0.219-0.5-0.5v-3.002h-4.002c-2.079 0-3.064 1.423-3.94 3.111-0.453 0.875-0.844 1.782-1.219 2.673-1.735 4.033-3.768 8.223-8.849 8.223h-3.502c-0.281 0-0.5-0.219-0.5-0.5v-3.002c0-0.281 0.219-0.5 0.5-0.5h3.502c2.079 0 3.064-1.423 3.94-3.111 0.453-0.875 0.844-1.782 1.219-2.673 1.735-4.033 3.768-8.223 8.849-8.223h4.002v-3.002c0-0.281 0.219-0.5 0.5-0.5 0.141 0 0.266 0.063 0.375 0.156l4.987 4.987c0.094 0.094 0.141 0.235 0.141 0.36s-0.047 0.266-0.141 0.36zM10.262 14.781c-0.907-1.892-1.907-3.783-4.268-3.783h-3.502c-0.281 0-0.5-0.219-0.5-0.5v-3.002c0-0.281 0.219-0.5 0.5-0.5h3.502c2.783 0 4.831 1.298 6.41 3.518-0.876 1.344-1.517 2.798-2.142 4.268zM29.867 23.363l-5.003 5.003c-0.094 0.094-0.235 0.141-0.36 0.141-0.266 0-0.5-0.235-0.5-0.5v-3.002c-4.643 0-7.504 0.547-10.396-3.518 0.86-1.344 1.501-2.798 2.126-4.268 0.907 1.892 1.907 3.783 4.268 3.783h4.002v-3.002c0-0.281 0.219-0.5 0.5-0.5 0.141 0 0.266 0.063 0.375 0.156l4.987 4.987c0.094 0.094 0.141 0.235 0.141 0.36s-0.047 0.266-0.141 0.36z'],\n            'order': ['0 0 32 32', 'M0.622 18.334h19.54v7.55l11.052-9.412-11.052-9.413v7.549h-19.54v3.725z'],\n            'single': ['0 0 38 32', 'M2.072 21.577c0.71-0.197 1.125-0.932 0.928-1.641-0.221-0.796-0.333-1.622-0.333-2.457 0-5.049 4.108-9.158 9.158-9.158h5.428c0.056-0.922 0.221-1.816 0.482-2.667h-5.911c-3.158 0-6.128 1.23-8.361 3.463s-3.463 5.203-3.463 8.361c0 1.076 0.145 2.143 0.431 3.171 0.164 0.59 0.7 0.976 1.284 0.976 0.117 0 0.238-0.016 0.357-0.049zM21.394 25.613h-12.409v-2.362c0-0.758-0.528-1.052-1.172-0.652l-5.685 3.522c-0.644 0.4-0.651 1.063-0.014 1.474l5.712 3.69c0.637 0.411 1.158 0.127 1.158-0.63v-2.374h12.409c3.158 0 6.128-1.23 8.361-3.463 1.424-1.424 2.44-3.148 2.99-5.029-0.985 0.368-2.033 0.606-3.125 0.691-1.492 3.038-4.619 5.135-8.226 5.135zM28.718 0c-4.985 0-9.026 4.041-9.026 9.026s4.041 9.026 9.026 9.026 9.026-4.041 9.026-9.026-4.041-9.026-9.026-9.026zM30.392 13.827h-1.728v-6.822c-0.635 0.576-1.433 1.004-2.407 1.285v-1.713c0.473-0.118 0.975-0.325 1.506-0.62 0.532-0.325 0.975-0.665 1.329-1.034h1.3v8.904z'],\n            'menu': ['0 0 22 32', 'M20.8 14.4q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2zM1.6 11.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2zM20.8 20.8q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2z']\n        };\n        this.getSVG = (type) => {\n            return `\n                <svg xmlns:xlink=\"http://www.w3.org/1999/xlink\" height=\"100%\" version=\"1.1\" viewBox=\"${svg[type][0]}\" width=\"100%\">\n                    <use xlink:href=\"#aplayer-${type}\"></use>\n                    <path class=\"aplayer-fill\" d=\"${svg[type][1]}\" id=\"aplayer-${type}\"></path>\n                </svg>\n            `;\n        };\n\n        this.isMobile = /mobile/i.test(window.navigator.userAgent);\n        // compatibility: some mobile browsers don't suppose autoplay\n        if (this.isMobile) {\n            option.autoplay = false;\n        }\n\n        // default options\n        const defaultOption = {\n            element: document.getElementsByClassName('aplayer')[0],\n            narrow: false,\n            autoplay: false,\n            mutex: true,\n            showlrc: 0,\n            theme: '#b7daff',\n            mode: 'circulation'\n        };\n        for (let defaultKey in defaultOption) {\n            if (defaultOption.hasOwnProperty(defaultKey) && !option.hasOwnProperty(defaultKey)) {\n                option[defaultKey] = defaultOption[defaultKey];\n            }\n        }\n\n        // multiple music\n        this.playIndex = Object.prototype.toString.call(option.music) === '[object Array]' ? 0 : -1;\n\n        this.option = option;\n        this.audios = [];\n        this.mode = option.mode;\n\n        /**\n         * Parse second to 00:00 format. 00:00:00 if audio is over an hour long.\n         *\n         * @param {Number} second\n         * @return {String} 00:00 format. 00:00:00 if over an hour long.\n         */\n        this.secondToTime = (second) => {\n            const add0 = (num) => {\n                return num < 10 ? '0' + num : '' + num;\n            };\n            const min = parseInt(second / 60);\n            const sec = parseInt(second - min * 60);\n            const hours = parseInt(min / 60);\n            const minAdjust = parseInt((second / 60) - (60 * parseInt((second / 60) / 60)));\n            return second >= 3600 ? add0(hours) + ':' + add0(minAdjust) + ':' + add0(sec) : add0(min) + ':' + add0(sec);\n        };\n\n        // save lrc\n        this.element = this.option.element;\n        if (this.option.showlrc === 2 || this.option.showlrc === true)  {\n            this.savelrc = [];\n            for (let i = 0; i < this.element.getElementsByClassName('aplayer-lrc-content').length; i++) {\n                this.savelrc.push(this.element.getElementsByClassName('aplayer-lrc-content')[i].innerHTML);\n            }\n        }\n        this.lrcs = [];\n\n        /**\n         * Update progress bar, including loading progress bar and play progress bar\n         *\n         * @param {String} type - Point out which bar it is, should be played loaded or volume\n         * @param {Number} percentage\n         * @param {String} direction - Point out the direction of this bar, Should be height or width\n         */\n        this.updateBar = (type, percentage, direction) => {\n            percentage = percentage > 0 ? percentage : 0;\n            percentage = percentage < 1 ? percentage : 1;\n            bar[type + 'Bar'].style[direction] = percentage * 100 + '%';\n        };\n\n        /**\n         * Update lrc\n         *\n         * @param {Number} currentTime\n         */\n        this.updateLrc = (currentTime = this.audio.currentTime) => {\n            if (this.lrcIndex > this.lrc.length - 1 || currentTime < this.lrc[this.lrcIndex][0] || (!this.lrc[this.lrcIndex + 1] || currentTime >= this.lrc[this.lrcIndex + 1][0])) {\n                for (let i = 0; i < this.lrc.length; i++) {\n                    if (currentTime >= this.lrc[i][0] && (!this.lrc[i + 1] || currentTime < this.lrc[i + 1][0])) {\n                        this.lrcIndex = i;\n                        this.lrcContents.style.transform = `translateY(${-this.lrcIndex * 16}px)`;\n                        this.lrcContents.style.webkitTransform = `translateY(${-this.lrcIndex * 16}px)`;\n                        this.lrcContents.getElementsByClassName('aplayer-lrc-current')[0].classList.remove('aplayer-lrc-current');\n                        this.lrcContents.getElementsByTagName('p')[i].classList.add('aplayer-lrc-current');\n                    }\n                }\n            }\n        };\n\n        // define APlayer events\n        const eventTypes = ['play', 'pause', 'canplay', 'playing', 'ended', 'error'];\n        this.event = {};\n        for (let i = 0; i < eventTypes.length; i++) {\n            this.event[eventTypes[i]] = [];\n        }\n        this.trigger = (type) => {\n            for (let i = 0; i < this.event[type].length; i++) {\n                this.event[type][i]();\n            }\n        };\n\n        this.multiple = this.playIndex > -1;\n        this.music = this.multiple ? this.option.music[this.playIndex] : this.option.music;\n\n        // add class aplayer-withlrc\n        if (this.option.showlrc) {\n            this.element.classList.add('aplayer-withlrc');\n        }\n        if (this.option.music.length > 1) {\n            this.element.classList.add('aplayer-list');\n        }\n\n        if (!this.multiple && this.mode !== 'circulation' && this.mode !== 'order') {\n            this.mode = 'circulation';\n        }\n        this.getRandomOrder();\n\n        // fill in HTML\n        let eleHTML = `\n            <div class=\"aplayer-pic\" ${(this.music.pic ? (`style=\"background-image: url('${this.music.pic}');\"`) : ``)}>\n                <div class=\"aplayer-button aplayer-play\">\n                    <button class=\"aplayer-icon aplayer-icon-play\">`\n            +           this.getSVG('play')\n            + `     </button>\n                </div>\n            </div>\n            <div class=\"aplayer-info\">\n                <div class=\"aplayer-music\">\n                    <span class=\"aplayer-title\"></span>\n                    <span class=\"aplayer-author\"></span>\n                </div>\n                <div class=\"aplayer-lrc\">\n                    <div class=\"aplayer-lrc-contents\" style=\"transform: translateY(0); -webkit-transform: translateY(0);\"></div>\n                </div>\n                <div class=\"aplayer-controller\">\n                    <div class=\"aplayer-bar-wrap\">\n                        <div class=\"aplayer-bar\">\n                            <div class=\"aplayer-loaded\" style=\"width: 0\"></div>\n                            <div class=\"aplayer-played\" style=\"width: 0; background: ${this.option.theme};\">\n                                <span class=\"aplayer-thumb\" style=\"border: 1px solid ${this.option.theme};\"></span>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"aplayer-time\">\n                        <span class=\"aplayer-time-inner\">\n                            - <span class=\"aplayer-ptime\">00:00</span> / <span class=\"aplayer-dtime\">00:00</span>\n                        </span>\n                        <div class=\"aplayer-volume-wrap\">\n                            <button class=\"aplayer-icon aplayer-icon-volume-down\" ${this.isMobile ? 'style=\"display: none;\"' : ''}>`\n            +                   this.getSVG('volume-down')\n            + `             </button>\n                            <div class=\"aplayer-volume-bar-wrap\">\n                                <div class=\"aplayer-volume-bar\">\n                                    <div class=\"aplayer-volume\" style=\"height: 80%; background: ${this.option.theme};\"></div>\n                                </div>\n                            </div>\n                        </div>\n                        <button class=\"aplayer-icon aplayer-icon-mode\">`\n            +               this.getSVG(this.mode)\n            + `         </button>\n                        ${(this.multiple ? `<button class=\"aplayer-icon aplayer-icon-menu\">`\n            +               this.getSVG('menu')\n            + `         </button>` : ``)}\n                    </div>\n                </div>\n            </div>`;\n        if (this.multiple) {\n            eleHTML += `\n            <div class=\"aplayer-list\" ${this.option.listmaxheight ? `style=\"max-height: ${this.option.listmaxheight}` : ``}\">\n                <ol>`;\n            for (let i = 0; i < this.option.music.length; i++) {\n                eleHTML += `\n                    <li>\n                        <span class=\"aplayer-list-cur\" style=\"background: ${this.option.theme};\"></span>\n                        <span class=\"aplayer-list-index\">${(i + 1)}</span>\n                        <span class=\"aplayer-list-title\">${this.option.music[i].title}</span>\n                        <span class=\"aplayer-list-author\">${this.option.music[i].author}</span>\n                    </li>`\n            }\n            eleHTML += `\n                </ol>\n            </div>`\n        }\n        this.element.innerHTML = eleHTML;\n\n        // hide mode button in arrow container\n        if (this.element.offsetWidth < 300) {\n            this.element.getElementsByClassName('aplayer-icon-mode')[0].style.display = 'none';\n        }\n\n        this.ptime = this.element.getElementsByClassName('aplayer-ptime')[0];\n\n        if (this.element.getElementsByClassName('aplayer-info')[0].offsetWidth < 200) {\n            this.element.getElementsByClassName('aplayer-time')[0].classList.add('aplayer-time-narrow');\n        }\n        // fix the width of aplayer bar\n        let bar = {};\n        bar.barWrap = this.element.getElementsByClassName('aplayer-bar-wrap')[0];\n\n        // switch to narrow style\n        if (this.option.narrow) {\n            this.element.classList.add('aplayer-narrow');\n        }\n\n        // play and pause button\n        this.button = this.element.getElementsByClassName('aplayer-button')[0];\n        this.button.addEventListener('click', (e) => {\n            this.toggle();\n        });\n\n        // click music list: change music\n        if (this.multiple) {\n            const listItem = this.element.getElementsByClassName('aplayer-list')[0].getElementsByTagName('li');\n            for (let i = 0; i < this.option.music.length; i++) {\n                listItem[i].addEventListener('click', () => {\n                    const musicIndex = parseInt(listItem[i].getElementsByClassName('aplayer-list-index')[0].innerHTML) - 1;\n                    if (musicIndex !== this.playIndex) {\n                        this.setMusic(musicIndex);\n                        this.play();\n                    }\n                    else {\n                        this.toggle();\n                    }\n                });\n            }\n        }\n\n        // control play progress\n        bar.playedBar = this.element.getElementsByClassName('aplayer-played')[0];\n        bar.loadedBar = this.element.getElementsByClassName('aplayer-loaded')[0];\n        const thumb = this.element.getElementsByClassName('aplayer-thumb')[0];\n        let barWidth;\n        bar.barWrap.addEventListener('click', (event) => {\n            const e = event || window.event;\n            barWidth = bar.barWrap.clientWidth;\n            const percentage = (e.clientX - getElementViewLeft(bar.barWrap)) / barWidth;\n            this.updateBar('played', percentage, 'width');\n            this.element.getElementsByClassName('aplayer-ptime')[0].innerHTML = this.secondToTime(percentage * this.audio.duration);\n            this.audio.currentTime = parseFloat(bar.playedBar.style.width) / 100 * this.audio.duration;\n        });\n\n        thumb.addEventListener('mouseover', () => {\n            thumb.style.background = this.option.theme;\n        });\n        thumb.addEventListener('mouseout', () => {\n            thumb.style.background = '#fff';\n        });\n\n        const thumbMove = (event) => {\n            const e = event || window.event;\n            let percentage = (e.clientX - getElementViewLeft(bar.barWrap)) / barWidth;\n            percentage = percentage > 0 ? percentage : 0;\n            percentage = percentage < 1 ? percentage : 1;\n            this.updateBar('played', percentage, 'width');\n            if (this.option.showlrc) {\n                this.updateLrc(parseFloat(bar.playedBar.style.width) / 100 * this.audio.duration);\n            }\n            this.element.getElementsByClassName('aplayer-ptime')[0].innerHTML = this.secondToTime(percentage * this.audio.duration);\n        };\n\n        const thumbUp = () => {\n            document.removeEventListener('mouseup', thumbUp);\n            document.removeEventListener('mousemove', thumbMove);\n            this.audio.currentTime = parseFloat(bar.playedBar.style.width) / 100 * this.audio.duration;\n            this.playedTime = setInterval(() => {\n                this.updateBar('played', this.audio.currentTime / this.audio.duration, 'width');\n                if (this.option.showlrc) {\n                    this.updateLrc();\n                }\n                this.element.getElementsByClassName('aplayer-ptime')[0].innerHTML = this.secondToTime(this.audio.currentTime);\n                this.trigger('playing');\n            }, 100);\n        };\n\n        thumb.addEventListener('mousedown', () => {\n            barWidth = bar.barWrap.clientWidth;\n            clearInterval(this.playedTime);\n            document.addEventListener('mousemove', thumbMove);\n            document.addEventListener('mouseup', thumbUp);\n        });\n\n        // control volume\n        bar.volumeBar = this.element.getElementsByClassName('aplayer-volume')[0];\n        const volumeBarWrap = this.element.getElementsByClassName('aplayer-volume-bar')[0];\n        this.volumeicon = this.element.getElementsByClassName('aplayer-time')[0].getElementsByTagName('button')[0];\n        const barHeight = 35;\n        this.element.getElementsByClassName('aplayer-volume-bar-wrap')[0].addEventListener('click', (event) => {\n            const e = event || window.event;\n            let percentage = (barHeight - e.clientY + getElementViewTop(volumeBarWrap)) / barHeight;\n            percentage = percentage > 0 ? percentage : 0;\n            percentage = percentage < 1 ? percentage : 1;\n            this.volume(percentage);\n        });\n        this.volumeicon.addEventListener('click', () => {\n            if (this.audio.muted) {\n                this.audio.muted = false;\n                this.volumeicon.className = this.audio.volume === 1 ? 'aplayer-icon aplayer-icon-volume-up' : 'aplayer-icon aplayer-icon-volume-down';\n                if (this.audio.volume === 1) {\n                    this.volumeicon.className = 'aplayer-icon aplayer-icon-volume-up';\n                    this.volumeicon.innerHTML = this.getSVG('volume-up');\n                }\n                else {\n                    this.volumeicon.className = 'aplayer-icon aplayer-icon-volume-down';\n                    this.volumeicon.innerHTML = this.getSVG('volume-down');\n                }\n                this.updateBar('volume', this.audio.volume, 'height');\n            }\n            else {\n                this.audio.muted = true;\n                this.volumeicon.className = 'aplayer-icon aplayer-icon-volume-off';\n                this.volumeicon.innerHTML = this.getSVG('volume-off');\n                this.updateBar('volume', 0, 'height');\n            }\n        });\n\n        // get element's view position\n        function getElementViewLeft(element) {\n            let actualLeft = element.offsetLeft;\n            let current = element.offsetParent;\n            let elementScrollLeft;\n            while (current !== null) {\n                actualLeft += current.offsetLeft;\n                current = current.offsetParent;\n            }\n            elementScrollLeft = document.body.scrollLeft + document.documentElement.scrollLeft;\n            return actualLeft - elementScrollLeft;\n        }\n\n        function getElementViewTop(element) {\n            let actualTop = element.offsetTop;\n            let current = element.offsetParent;\n            let elementScrollTop;\n            while (current !== null) {\n                actualTop += current.offsetTop;\n                current = current.offsetParent;\n            }\n            elementScrollTop = document.body.scrollTop + document.documentElement.scrollTop;\n            return actualTop - elementScrollTop;\n        }\n\n        // mode control\n        const modeEle = this.element.getElementsByClassName('aplayer-icon-mode')[0];\n        modeEle.addEventListener('click', () => {\n            if (this.multiple) {\n                if (this.mode === 'random') {\n                    this.mode = 'single';\n                }\n                else if (this.mode === 'single') {\n                    this.mode = 'order';\n                }\n                else if (this.mode === 'order') {\n                    this.mode = 'circulation';\n                }\n                else if (this.mode === 'circulation') {\n                    this.mode = 'random';\n                }\n            }\n            else {\n                if (this.mode === 'circulation') {\n                    this.mode = 'order';\n                }\n                else {\n                    this.mode = 'circulation';\n                }\n            }\n            modeEle.innerHTML = this.getSVG(this.mode);\n            this.audio.loop = !(this.multiple || this.mode === 'order');\n        });\n\n        // toggle menu control\n        if (this.multiple) {\n            const list = this.element.getElementsByClassName('aplayer-list')[0];\n            list.style.height = list.offsetHeight + 'px';\n            this.element.getElementsByClassName('aplayer-icon-menu')[0].addEventListener('click', () => {\n                if (!list.classList.contains('aplayer-list-hide')) {\n                    list.classList.add('aplayer-list-hide');\n                }\n                else {\n                    list.classList.remove('aplayer-list-hide');\n                }\n            });\n        }\n\n        if (this.mode === 'random') {\n            this.setMusic(this.randomOrder[0]);\n        }\n        else {\n            this.setMusic(0);\n        }\n\n        instances.push(this);\n    }\n\n    /**\n     * Set music\n     */\n    setMusic(index) {\n        // get this.music\n        if (this.multiple && typeof(index) !== 'undefined') {\n            this.playIndex = index;\n        }\n        const indexMusic = this.playIndex;\n        this.music = this.multiple ? this.option.music[indexMusic] : this.option.music;\n\n        // set html\n        if (this.music.pic) {\n            this.element.getElementsByClassName('aplayer-pic')[0].style.backgroundImage = `url('${this.music.pic}')`;\n        }\n        this.element.getElementsByClassName('aplayer-title')[0].innerHTML = this.music.title;\n        this.element.getElementsByClassName('aplayer-author')[0].innerHTML = ` - ${this.music.author}`;\n        if (this.multiple) {\n            if (this.element.getElementsByClassName('aplayer-list-light')[0]) {\n                this.element.getElementsByClassName('aplayer-list-light')[0].classList.remove('aplayer-list-light');\n            }\n            this.element.getElementsByClassName('aplayer-list')[0].getElementsByTagName('li')[indexMusic].classList.add('aplayer-list-light');\n        }\n\n        // set the previous audio object\n        if (this.audio) {\n            this.pause();\n            this.audio.currentTime = 0;\n        }\n\n        if (this.multiple) {\n            this.element.getElementsByClassName('aplayer-list')[0].scrollTop = indexMusic * 33;\n        }\n\n        // get this audio object\n        if ((this.multiple && !this.audios[indexMusic]) || this.playIndex === -1) {\n            this.audio = document.createElement(\"audio\");\n            this.audio.src = this.music.url;\n            this.audio.preload = this.option.preload ? this.option.preload : 'auto';\n\n            // show audio time: the metadata has loaded or changed\n            this.audio.addEventListener('durationchange', () => {\n                if (this.audio.duration !== 1) {           // compatibility: Android browsers will output 1 at first\n                    this.element.getElementsByClassName('aplayer-dtime')[0].innerHTML = this.secondToTime(this.audio.duration);\n                }\n            });\n\n            // show audio loaded bar: to inform interested parties of progress downloading the media\n            this.audio.addEventListener('progress', () => {\n                const percentage = this.audio.buffered.length ? this.audio.buffered.end(this.audio.buffered.length - 1) / this.audio.duration : 0;\n                this.updateBar('loaded', percentage, 'width');\n            });\n\n            // audio download error: an error occurs\n            this.audio.addEventListener('error', () => {\n                this.element.getElementsByClassName('aplayer-author')[0].innerHTML = ` - Error happens ╥﹏╥`;\n                this.trigger('pause');\n            });\n\n            // audio can play: enough data is available that the media can be played\n            this.audio.addEventListener('canplay', () => {\n                this.trigger('canplay');\n            });\n\n            // multiple music play\n            this.ended = false;\n            if (this.multiple) {\n                this.audio.addEventListener('ended', () => {\n                    if (this.isMobile) {\n                        this.ended = true;\n                        this.pause();\n                        return;\n                    }\n                    if (this.audio.currentTime !== 0) {\n                        if (this.mode === 'random') {\n                            this.setMusic(this.nextRandomNum());\n                        }\n                        else if (this.mode === 'single') {\n                            this.setMusic(this.playIndex);\n                        }\n                        else if (this.mode === 'order') {\n                            if (this.playIndex < this.option.music.length - 1) {\n                                this.setMusic(++this.playIndex);\n                            }\n                            else {\n                                this.ended = true;\n                                this.pause();\n                                this.trigger('ended');\n                            }\n                        }\n                        else if (this.mode === 'circulation') {\n                            if (this.playIndex < this.option.music.length - 1) {\n                                this.setMusic(++this.playIndex);\n                            }\n                            else {\n                                this.setMusic(0);\n                            }\n                        }\n                    }\n                });\n            }\n            else {\n                this.audio.addEventListener('ended', () => {\n                    if (this.mode === 'order') {\n                        this.ended = true;\n                        this.pause();\n                        this.trigger('ended');\n                    }\n                });\n            }\n\n            // control volume\n            this.audio.volume = parseInt(this.element.getElementsByClassName('aplayer-volume')[0].style.height) / 100;\n\n            // loop\n            this.audio.loop = !(this.multiple || this.mode === 'order');\n\n            if (this.multiple) {\n                this.audios[indexMusic] = this.audio;\n            }\n        }\n        else {\n            this.audio = this.audios[indexMusic];\n            this.audio.volume = parseInt(this.element.getElementsByClassName('aplayer-volume')[0].style.height) / 100;\n            this.audio.currentTime = 0;\n        }\n\n        /**\n         * Parse lrc, suppose multiple time tag\n         *\n         * @param {String} lrc_s - Format:\n         * [mm:ss.xx]lyric\n         * [mm:ss.xxx]lyric\n         * [mm:ss.xx][mm:ss.xx][mm:ss.xx]lyric\n         *\n         * @return {String} [[time, text], [time, text], [time, text], ...]\n         */\n        const parseLrc = (lrc_s) => {\n            const lyric = lrc_s.split('\\n');\n            let lrc = [];\n            const lyricLen = lyric.length;\n            for (let i = 0; i < lyricLen; i++) {\n                // match lrc time\n                const lrcTimes = lyric[i].match(/\\[(\\d{2}):(\\d{2})\\.(\\d{2,3})]/g);\n                // match lrc text\n                const lrcText = lyric[i].replace(/\\[(\\d{2}):(\\d{2})\\.(\\d{2,3})]/g, '').replace(/^\\s+|\\s+$/g, '');\n\n                if (lrcTimes != null) {\n                    // handle multiple time tag\n                    const timeLen = lrcTimes.length;\n                    for (let j = 0; j < timeLen; j++) {\n                        const oneTime = /\\[(\\d{2}):(\\d{2})\\.(\\d{2,3})]/.exec(lrcTimes[j]);\n                        const lrcTime = (oneTime[1]) * 60 + parseInt(oneTime[2]) + parseInt(oneTime[3]) / ((oneTime[3] + '').length === 2 ? 100 : 1000);\n                        lrc.push([lrcTime, lrcText]);\n                    }\n                }\n            }\n            // sort by time\n            lrc.sort((a, b) => a[0] - b[0]);\n            return lrc;\n        };\n\n        // fill in lrc\n        if (this.option.showlrc) {\n            const index = this.multiple ? indexMusic : 0;\n\n            if (!this.lrcs[index]) {\n                let lrcs = '';\n                if (this.option.showlrc === 1) {\n                    if (this.multiple) {\n                        lrcs = this.option.music[index].lrc;\n                    }\n                    else {\n                        lrcs = this.option.music.lrc;\n                    }\n                }\n                else if (this.option.showlrc === 2 || this.option.showlrc === true)  {\n                    lrcs = this.savelrc[index];\n                }\n                else if (this.option.showlrc === 3) {\n                    const xhr = new XMLHttpRequest();\n                    xhr.onreadystatechange = () => {\n                        if (xhr.readyState === 4) {\n                            if (xhr.status >= 200 && xhr.status < 300 || xhr.status === 304) {\n                                lrcs = xhr.responseText;\n                                this.lrcs[index] = parseLrc(lrcs);\n                                this.lrc = this.lrcs[index];\n                                let lrcHTML = '';\n                                this.lrcContents = this.element.getElementsByClassName('aplayer-lrc-contents')[0];\n                                for (let i = 0; i < this.lrc.length; i++) {\n                                    lrcHTML += `<p>${this.lrc[i][1]}</p>`;\n                                }\n                                this.lrcContents.innerHTML = lrcHTML;\n                                if (!this.lrcIndex) {\n                                    this.lrcIndex = 0;\n                                }\n                                this.lrcContents.getElementsByTagName('p')[0].classList.add('aplayer-lrc-current');\n                                this.lrcContents.style.transform = 'translateY(0px)';\n                                this.lrcContents.style.webkitTransform = 'translateY(0px)';\n                            }\n                            else {\n                                console.log('Request was unsuccessful: ' + xhr.status);\n                            }\n                        }\n                    };\n                    let apiurl;\n                    if (this.multiple) {\n                        apiurl = this.option.music[index].lrc;\n                    }\n                    else {\n                        apiurl = this.option.music.lrc;\n                    }\n                    xhr.open('get', apiurl, true);\n                    xhr.send(null);\n                }\n                if (lrcs) {\n                    this.lrcs[index] = parseLrc(lrcs);\n                }\n                else {\n                    this.lrcs[index] = [['00:00', 'Loading']];\n                }\n            }\n\n            this.lrc = this.lrcs[index];\n            let lrcHTML = '';\n            this.lrcContents = this.element.getElementsByClassName('aplayer-lrc-contents')[0];\n            for (let i = 0; i < this.lrc.length; i++) {\n                lrcHTML += `<p>${this.lrc[i][1]}</p>`;\n            }\n            this.lrcContents.innerHTML = lrcHTML;\n            if (!this.lrcIndex) {\n                this.lrcIndex = 0;\n            }\n            this.lrcContents.getElementsByTagName('p')[0].classList.add('aplayer-lrc-current');\n            this.lrcContents.style.transform = 'translateY(0px)';\n            this.lrcContents.style.webkitTransform = 'translateY(0px)';\n        }\n\n        // set duration time\n        if (this.audio.duration !== 1) {           // compatibility: Android browsers will output 1 at first\n            this.element.getElementsByClassName('aplayer-dtime')[0].innerHTML = this.audio.duration ? this.secondToTime(this.audio.duration) : '00:00';\n        }\n\n        // autoplay\n        if (this.option.autoplay && !this.isMobile) {\n            this.play();\n        }\n        this.option.autoplay = true;  // autoplay next music\n\n        if (this.isMobile) {\n            this.pause();\n        }\n    }\n\n    /**\n     * Play music\n     */\n    play(time) {\n        if (Object.prototype.toString.call(time) === '[object Number]') {\n            this.audio.currentTime = time;\n        }\n        if (this.button.classList.contains('aplayer-play')) {\n            this.button.classList.remove('aplayer-play');\n            this.button.classList.add('aplayer-pause');\n            this.button.innerHTML = '';\n            setTimeout(() => {\n                this.button.innerHTML = `\n                            <button class=\"aplayer-icon aplayer-icon-pause\">`\n                    +           this.getSVG('pause')\n                    + `     </button>`;\n            }, 100);\n\n            // pause other players (Thanks @Aprikyblue)\n            if (this.option.mutex) {\n                for (let i = 0; i < instances.length; i++) {\n                    if (this != instances[i]) {\n                        instances[i].pause();\n                    }\n                }\n            }\n            this.audio.play();\n            if (this.playedTime) {\n                clearInterval(this.playedTime);\n            }\n            this.playedTime = setInterval(() => {\n                this.updateBar('played', this.audio.currentTime / this.audio.duration, 'width');\n                if (this.option.showlrc) {\n                    this.updateLrc();\n                }\n                this.ptime.innerHTML = this.secondToTime(this.audio.currentTime);\n                this.trigger('playing');\n            }, 100);\n            this.trigger('play');\n        }\n    }\n\n    /**\n     * Pause music\n     */\n    pause() {\n        if (this.button.classList.contains('aplayer-pause') || this.ended) {\n            this.ended = false;\n            this.button.classList.remove('aplayer-pause');\n            this.button.classList.add('aplayer-play');\n            this.button.innerHTML = '';\n            setTimeout(() => {\n                this.button.innerHTML = `\n                            <button class=\"aplayer-icon aplayer-icon-play\">`\n                    +           this.getSVG('play')\n                    + `     </button>`;\n            }, 100);\n            this.audio.pause();\n            clearInterval(this.playedTime);\n            this.trigger('pause');\n        }\n    }\n\n    /**\n     * Set volume\n     */\n    volume(percentage) {\n        this.updateBar('volume', percentage, 'height');\n        this.audio.volume = percentage;\n        if (this.audio.muted) {\n            this.audio.muted = false;\n        }\n        if (percentage === 1) {\n            this.volumeicon.className = 'aplayer-icon aplayer-icon-volume-up';\n            this.volumeicon.innerHTML = this.getSVG('volume-up');\n        }\n        else {\n            this.volumeicon.className = 'aplayer-icon aplayer-icon-volume-down';\n            this.volumeicon.innerHTML = this.getSVG('volume-down');\n        }\n    }\n\n    /**\n     * attach event\n     */\n    on(name, func) {\n        if (typeof func === 'function') {\n            this.event[name].push(func);\n        }\n    }\n\n    /**\n     * toggle between play and pause\n     */\n    toggle() {\n        if (this.button.classList.contains('aplayer-play')) {\n            this.play();\n        }\n        else if (this.button.classList.contains('aplayer-pause')) {\n            this.pause();\n        }\n    }\n\n    /**\n     * get random order, using Fisher–Yates shuffle\n     */\n    getRandomOrder() {\n        function random(min, max) {\n            if (max == null) {\n                max = min;\n                min = 0;\n            }\n            return min + Math.floor(Math.random() * (max - min + 1));\n        }\n        function shuffle(arr) {\n            var length = arr.length,\n                shuffled = new Array(length);\n            for (var index = 0, rand; index < length; index++) {\n                rand = random(0, index);\n                if (rand !== index) shuffled[index] = shuffled[rand];\n                shuffled[rand] = arr[index];\n            }\n            return shuffled;\n        }\n        if (this.multiple) {\n            if (!this.normalOrder) {\n                this.normalOrder = [];\n                for (let i = 0; i < this.option.music.length; i++) {\n                    this.normalOrder[i] = i;\n                }\n            }\n            this.randomOrder = shuffle(this.normalOrder);\n        }\n    }\n\n    /**\n     * get next random number\n     */\n    nextRandomNum() {\n        if (this.multiple) {\n            let index = this.randomOrder.indexOf(this.playIndex);\n            if (index === this.randomOrder.length - 1) {\n                return this.randomOrder[0];\n            }\n            else {\n                return this.randomOrder[index + 1];\n            }\n        }\n        else {\n            return 0;\n        }\n    }\n}\n\nmodule.exports = APlayer;\n\n\n/** WEBPACK FOOTER **\n ** ./src/APlayer.js\n **/","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!./../node_modules/.0.26.0@css-loader/index.js!./../node_modules/postcss-loader/index.js!./../node_modules/sass-loader/index.js!./APlayer.scss\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!./../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!./../node_modules/.0.26.0@css-loader/index.js!./../node_modules/postcss-loader/index.js!./../node_modules/sass-loader/index.js!./APlayer.scss\", function() {\n\t\t\tvar newContent = require(\"!!./../node_modules/.0.26.0@css-loader/index.js!./../node_modules/postcss-loader/index.js!./../node_modules/sass-loader/index.js!./APlayer.scss\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./src/APlayer.scss\n ** module id = 1\n ** module chunks = 0\n **/","exports = module.exports = require(\"./../node_modules/.0.26.0@css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".aplayer-narrow{width:66px}.aplayer-narrow .aplayer-info{display:none}.aplayer-withlrc.aplayer-narrow{width:90px}.aplayer-withlrc.aplayer .aplayer-pic{height:90px;width:90px}.aplayer-withlrc.aplayer .aplayer-info{margin-left:90px;height:90px}.aplayer-withlrc.aplayer .aplayer-lrc{display:block}.aplayer-withlrc.aplayer .aplayer-info{padding:10px 7px 0}.aplayer-list.aplayer .aplayer-info{border-bottom:1px solid #e9e9e9}.aplayer{font-family:Arial,Helvetica,sans-serif;margin:5px;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);-webkit-border-radius:2px;border-radius:2px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:normal}.aplayer *{-webkit-box-sizing:content-box;box-sizing:content-box}.aplayer .aplayer-icon{width:15px;height:15px;border:none;background-color:transparent;outline:none;cursor:pointer;opacity:.8;vertical-align:middle;padding:0;font-size:12px;margin:0;display:inline}.aplayer .aplayer-icon .aplayer-fill{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.aplayer .aplayer-lrc-content{display:none}.aplayer .aplayer-pic{position:relative;float:left;height:66px;width:66px;background-image:url(\" + require(\"./default.jpg\") + \");background-size:100%;-webkit-transition:all .3s ease;transition:all .3s ease}.aplayer .aplayer-pic .aplayer-button{position:absolute;-webkit-border-radius:50%;border-radius:50%;opacity:.8;cursor:pointer;text-shadow:0 1px 1px rgba(0,0,0,.2);-webkit-box-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.2);background:rgba(0,0,0,.2);-webkit-transition:all .1s ease;transition:all .1s ease}.aplayer .aplayer-pic .aplayer-button:hover{opacity:1}.aplayer .aplayer-pic .aplayer-button .aplayer-fill{fill:#fff}.aplayer .aplayer-pic .aplayer-hide{display:none}.aplayer .aplayer-pic .aplayer-play{width:26px;height:26px;border:2px solid #fff;bottom:50%;right:50%;margin:0 -15px -15px 0}.aplayer .aplayer-pic .aplayer-play .aplayer-icon-play{position:absolute;top:3px;left:4px;height:20px;width:20px}.aplayer .aplayer-pic .aplayer-pause{width:16px;height:16px;border:2px solid #fff;bottom:4px;right:4px}.aplayer .aplayer-pic .aplayer-pause .aplayer-icon-pause{position:absolute;top:2px;left:2px;height:12px;width:12px}.aplayer .aplayer-info{margin-left:66px;padding:14px 7px 0 10px;height:66px;-webkit-box-sizing:border-box;box-sizing:border-box}.aplayer .aplayer-info .aplayer-music{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 0 13px 5px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;cursor:default;padding-bottom:2px}.aplayer .aplayer-info .aplayer-music .aplayer-title{font-size:14px}.aplayer .aplayer-info .aplayer-music .aplayer-author{font-size:12px;color:#666}.aplayer .aplayer-info .aplayer-controller{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap{margin:0 0 0 5px;padding:4px 0;cursor:pointer!important;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar{position:relative;height:2px;width:100%;background:#cdcdcd}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded{position:absolute;left:0;top:0;bottom:0;background:#aaa;height:2px;-webkit-transition:all .5s ease;transition:all .5s ease}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played{position:absolute;left:0;top:0;bottom:0;height:2px}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb{position:absolute;top:0;right:5px;margin-top:-4px;margin-right:-10px;height:8px;width:8px;-webkit-border-radius:50%;border-radius:50%;background:#fff;cursor:pointer!important}.aplayer .aplayer-info .aplayer-controller .aplayer-time{position:relative;right:0;bottom:3px;height:17px;color:#999;font-size:11px;padding-left:7px}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-time-inner{vertical-align:middle}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon{cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon .aplayer-fill{fill:#666}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-mode{margin-right:4px}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover .aplayer-fill{fill:#000}.aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-menu,.aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-mode{display:none}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap{position:relative;display:inline-block;margin-left:3px;cursor:pointer!important}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap:hover .aplayer-volume-bar-wrap{display:block}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap{display:none;position:absolute;bottom:15px;right:-3px;width:25px;height:40px;z-index:99}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar{position:absolute;bottom:0;right:10px;width:5px;height:35px;background:#aaa}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar .aplayer-volume{position:absolute;bottom:0;right:0;width:5px;-webkit-transition:all .1s ease;transition:all .1s ease}.aplayer .aplayer-lrc{display:none;position:relative;height:30px;text-align:center;overflow:hidden;margin:-10px 0 7px}.aplayer .aplayer-lrc:before{top:0;height:10%;background:-webkit-linear-gradient(top,#fff,hsla(0,0%,100%,0));background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(hsla(0,0%,100%,0)));background:linear-gradient(180deg,#fff 0,hsla(0,0%,100%,0));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#00ffffff',GradientType=0)}.aplayer .aplayer-lrc:after,.aplayer .aplayer-lrc:before{position:absolute;z-index:1;display:block;overflow:hidden;width:100%;content:' '}.aplayer .aplayer-lrc:after{bottom:0;height:33%;background:-webkit-linear-gradient(top,hsla(0,0%,100%,0),hsla(0,0%,100%,.8));background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),to(hsla(0,0%,100%,.8)));background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.8));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ccffffff',GradientType=0)}.aplayer .aplayer-lrc p{font-size:12px;color:#666;line-height:16px!important;height:16px!important;padding:0!important;margin:0!important;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;opacity:.4;overflow:hidden}.aplayer .aplayer-lrc p.aplayer-lrc-current{opacity:1}.aplayer .aplayer-lrc .aplayer-lrc-contents{width:100%;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;cursor:default}.aplayer .aplayer-list{overflow:auto;-webkit-transition:all .5s ease;transition:all .5s ease;will-change:height}.aplayer .aplayer-list.aplayer-list-hide{height:0!important}.aplayer .aplayer-list::-webkit-scrollbar{width:5px}.aplayer .aplayer-list::-webkit-scrollbar-track{background-color:#f9f9f9}.aplayer .aplayer-list::-webkit-scrollbar-thumb{-webkit-border-radius:3px;border-radius:3px;background-color:#eee}.aplayer .aplayer-list::-webkit-scrollbar-thumb:hover{background-color:#ccc}.aplayer .aplayer-list ol{list-style-type:none;margin:0;padding:0}.aplayer .aplayer-list ol li{position:relative;height:32px;line-height:32px;padding:0 15px;font-size:12px;border-top:1px solid #e9e9e9;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;overflow:hidden}.aplayer .aplayer-list ol li:first-child{border-top:none}.aplayer .aplayer-list ol li:hover{background:#efefef}.aplayer .aplayer-list ol li.aplayer-list-light{background:#e9e9e9}.aplayer .aplayer-list ol li.aplayer-list-light .aplayer-list-cur{display:inline-block}.aplayer .aplayer-list ol li .aplayer-list-cur{display:none;width:3px;height:22px;position:absolute;left:0;top:5px;cursor:pointer}.aplayer .aplayer-list ol li .aplayer-list-index{color:#666;margin-right:12px;cursor:pointer}.aplayer .aplayer-list ol li .aplayer-list-author{color:#666;float:right;cursor:pointer}@-webkit-keyframes aplayer-roll{0%{left:0}to{left:-100%}}@keyframes aplayer-roll{0%{left:0}to{left:-100%}}\", \"\"]);\n\n// exports\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/.0.26.0@css-loader!./~/postcss-loader!./~/sass-loader!./src/APlayer.scss\n ** module id = 2\n ** module chunks = 0\n **/","/*\n\tMIT License http://www.opensource.org/licenses/mit-license.php\n\tAuthor Tobias Koppers @sokra\n*/\n// css base code, injected by the css-loader\nmodule.exports = function() {\n\tvar list = [];\n\n\t// return the list of modules as css string\n\tlist.toString = function toString() {\n\t\tvar result = [];\n\t\tfor(var i = 0; i < this.length; i++) {\n\t\t\tvar item = this[i];\n\t\t\tif(item[2]) {\n\t\t\t\tresult.push(\"@media \" + item[2] + \"{\" + item[1] + \"}\");\n\t\t\t} else {\n\t\t\t\tresult.push(item[1]);\n\t\t\t}\n\t\t}\n\t\treturn result.join(\"\");\n\t};\n\n\t// import a list of modules into the list\n\tlist.i = function(modules, mediaQuery) {\n\t\tif(typeof modules === \"string\")\n\t\t\tmodules = [[null, modules, \"\"]];\n\t\tvar alreadyImportedModules = {};\n\t\tfor(var i = 0; i < this.length; i++) {\n\t\t\tvar id = this[i][0];\n\t\t\tif(typeof id === \"number\")\n\t\t\t\talreadyImportedModules[id] = true;\n\t\t}\n\t\tfor(i = 0; i < modules.length; i++) {\n\t\t\tvar item = modules[i];\n\t\t\t// skip already imported module\n\t\t\t// this implementation is not 100% perfect for weird media query combinations\n\t\t\t//  when a module is imported multiple times with different media queries.\n\t\t\t//  I hope this will never occur (Hey this way we have smaller bundles)\n\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\n\t\t\t\tif(mediaQuery && !item[2]) {\n\t\t\t\t\titem[2] = mediaQuery;\n\t\t\t\t} else if(mediaQuery) {\n\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\n\t\t\t\t}\n\t\t\t\tlist.push(item);\n\t\t\t}\n\t\t}\n\t};\n\treturn list;\n};\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/.0.26.0@css-loader/lib/css-base.js\n ** module id = 3\n ** module chunks = 0\n **/","module.exports = \"data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAAeAAD/4QMfaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzA2NyA3OS4xNTc3NDcsIDIwMTUvMDMvMzAtMjM6NDA6NDIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2NjQ3NUZBM0Y4RDExRTY4NzJCRDdCNkZCQTQ0MjNBIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2NjQ3NUY5M0Y4RDExRTY4NzJCRDdCNkZCQTQ0MjNBIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSI5OENEMEFFRjM0NTI1NjE0NEREQkU4RjkxRjAwNjM3NiIgc3RSZWY6ZG9jdW1lbnRJRD0iOThDRDBBRUYzNDUyNTYxNDREREJFOEY5MUYwMDYzNzYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAQCwsLDAsQDAwQFw8NDxcbFBAQFBsfFxcXFxcfHhca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\"\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./src/default.jpg\n ** module id = 4\n ** module chunks = 0\n **/","/*\r\n\tMIT License http://www.opensource.org/licenses/mit-license.php\r\n\tAuthor Tobias Koppers @sokra\r\n*/\r\nvar stylesInDom = {},\r\n\tmemoize = function(fn) {\r\n\t\tvar memo;\r\n\t\treturn function () {\r\n\t\t\tif (typeof memo === \"undefined\") memo = fn.apply(this, arguments);\r\n\t\t\treturn memo;\r\n\t\t};\r\n\t},\r\n\tisOldIE = memoize(function() {\r\n\t\treturn /msie [6-9]\\b/.test(window.navigator.userAgent.toLowerCase());\r\n\t}),\r\n\tgetHeadElement = memoize(function () {\r\n\t\treturn document.head || document.getElementsByTagName(\"head\")[0];\r\n\t}),\r\n\tsingletonElement = null,\r\n\tsingletonCounter = 0,\r\n\tstyleElementsInsertedAtTop = [];\r\n\r\nmodule.exports = function(list, options) {\r\n\tif(typeof DEBUG !== \"undefined\" && DEBUG) {\r\n\t\tif(typeof document !== \"object\") throw new Error(\"The style-loader cannot be used in a non-browser environment\");\r\n\t}\r\n\r\n\toptions = options || {};\r\n\t// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\r\n\t// tags it will allow on a page\r\n\tif (typeof options.singleton === \"undefined\") options.singleton = isOldIE();\r\n\r\n\t// By default, add <style> tags to the bottom of <head>.\r\n\tif (typeof options.insertAt === \"undefined\") options.insertAt = \"bottom\";\r\n\r\n\tvar styles = listToStyles(list);\r\n\taddStylesToDom(styles, options);\r\n\r\n\treturn function update(newList) {\r\n\t\tvar mayRemove = [];\r\n\t\tfor(var i = 0; i < styles.length; i++) {\r\n\t\t\tvar item = styles[i];\r\n\t\t\tvar domStyle = stylesInDom[item.id];\r\n\t\t\tdomStyle.refs--;\r\n\t\t\tmayRemove.push(domStyle);\r\n\t\t}\r\n\t\tif(newList) {\r\n\t\t\tvar newStyles = listToStyles(newList);\r\n\t\t\taddStylesToDom(newStyles, options);\r\n\t\t}\r\n\t\tfor(var i = 0; i < mayRemove.length; i++) {\r\n\t\t\tvar domStyle = mayRemove[i];\r\n\t\t\tif(domStyle.refs === 0) {\r\n\t\t\t\tfor(var j = 0; j < domStyle.parts.length; j++)\r\n\t\t\t\t\tdomStyle.parts[j]();\r\n\t\t\t\tdelete stylesInDom[domStyle.id];\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n}\r\n\r\nfunction addStylesToDom(styles, options) {\r\n\tfor(var i = 0; i < styles.length; i++) {\r\n\t\tvar item = styles[i];\r\n\t\tvar domStyle = stylesInDom[item.id];\r\n\t\tif(domStyle) {\r\n\t\t\tdomStyle.refs++;\r\n\t\t\tfor(var j = 0; j < domStyle.parts.length; j++) {\r\n\t\t\t\tdomStyle.parts[j](item.parts[j]);\r\n\t\t\t}\r\n\t\t\tfor(; j < item.parts.length; j++) {\r\n\t\t\t\tdomStyle.parts.push(addStyle(item.parts[j], options));\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tvar parts = [];\r\n\t\t\tfor(var j = 0; j < item.parts.length; j++) {\r\n\t\t\t\tparts.push(addStyle(item.parts[j], options));\r\n\t\t\t}\r\n\t\t\tstylesInDom[item.id] = {id: item.id, refs: 1, parts: parts};\r\n\t\t}\r\n\t}\r\n}\r\n\r\nfunction listToStyles(list) {\r\n\tvar styles = [];\r\n\tvar newStyles = {};\r\n\tfor(var i = 0; i < list.length; i++) {\r\n\t\tvar item = list[i];\r\n\t\tvar id = item[0];\r\n\t\tvar css = item[1];\r\n\t\tvar media = item[2];\r\n\t\tvar sourceMap = item[3];\r\n\t\tvar part = {css: css, media: media, sourceMap: sourceMap};\r\n\t\tif(!newStyles[id])\r\n\t\t\tstyles.push(newStyles[id] = {id: id, parts: [part]});\r\n\t\telse\r\n\t\t\tnewStyles[id].parts.push(part);\r\n\t}\r\n\treturn styles;\r\n}\r\n\r\nfunction insertStyleElement(options, styleElement) {\r\n\tvar head = getHeadElement();\r\n\tvar lastStyleElementInsertedAtTop = styleElementsInsertedAtTop[styleElementsInsertedAtTop.length - 1];\r\n\tif (options.insertAt === \"top\") {\r\n\t\tif(!lastStyleElementInsertedAtTop) {\r\n\t\t\thead.insertBefore(styleElement, head.firstChild);\r\n\t\t} else if(lastStyleElementInsertedAtTop.nextSibling) {\r\n\t\t\thead.insertBefore(styleElement, lastStyleElementInsertedAtTop.nextSibling);\r\n\t\t} else {\r\n\t\t\thead.appendChild(styleElement);\r\n\t\t}\r\n\t\tstyleElementsInsertedAtTop.push(styleElement);\r\n\t} else if (options.insertAt === \"bottom\") {\r\n\t\thead.appendChild(styleElement);\r\n\t} else {\r\n\t\tthrow new Error(\"Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.\");\r\n\t}\r\n}\r\n\r\nfunction removeStyleElement(styleElement) {\r\n\tstyleElement.parentNode.removeChild(styleElement);\r\n\tvar idx = styleElementsInsertedAtTop.indexOf(styleElement);\r\n\tif(idx >= 0) {\r\n\t\tstyleElementsInsertedAtTop.splice(idx, 1);\r\n\t}\r\n}\r\n\r\nfunction createStyleElement(options) {\r\n\tvar styleElement = document.createElement(\"style\");\r\n\tstyleElement.type = \"text/css\";\r\n\tinsertStyleElement(options, styleElement);\r\n\treturn styleElement;\r\n}\r\n\r\nfunction createLinkElement(options) {\r\n\tvar linkElement = document.createElement(\"link\");\r\n\tlinkElement.rel = \"stylesheet\";\r\n\tinsertStyleElement(options, linkElement);\r\n\treturn linkElement;\r\n}\r\n\r\nfunction addStyle(obj, options) {\r\n\tvar styleElement, update, remove;\r\n\r\n\tif (options.singleton) {\r\n\t\tvar styleIndex = singletonCounter++;\r\n\t\tstyleElement = singletonElement || (singletonElement = createStyleElement(options));\r\n\t\tupdate = applyToSingletonTag.bind(null, styleElement, styleIndex, false);\r\n\t\tremove = applyToSingletonTag.bind(null, styleElement, styleIndex, true);\r\n\t} else if(obj.sourceMap &&\r\n\t\ttypeof URL === \"function\" &&\r\n\t\ttypeof URL.createObjectURL === \"function\" &&\r\n\t\ttypeof URL.revokeObjectURL === \"function\" &&\r\n\t\ttypeof Blob === \"function\" &&\r\n\t\ttypeof btoa === \"function\") {\r\n\t\tstyleElement = createLinkElement(options);\r\n\t\tupdate = updateLink.bind(null, styleElement);\r\n\t\tremove = function() {\r\n\t\t\tremoveStyleElement(styleElement);\r\n\t\t\tif(styleElement.href)\r\n\t\t\t\tURL.revokeObjectURL(styleElement.href);\r\n\t\t};\r\n\t} else {\r\n\t\tstyleElement = createStyleElement(options);\r\n\t\tupdate = applyToTag.bind(null, styleElement);\r\n\t\tremove = function() {\r\n\t\t\tremoveStyleElement(styleElement);\r\n\t\t};\r\n\t}\r\n\r\n\tupdate(obj);\r\n\r\n\treturn function updateStyle(newObj) {\r\n\t\tif(newObj) {\r\n\t\t\tif(newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap)\r\n\t\t\t\treturn;\r\n\t\t\tupdate(obj = newObj);\r\n\t\t} else {\r\n\t\t\tremove();\r\n\t\t}\r\n\t};\r\n}\r\n\r\nvar replaceText = (function () {\r\n\tvar textStore = [];\r\n\r\n\treturn function (index, replacement) {\r\n\t\ttextStore[index] = replacement;\r\n\t\treturn textStore.filter(Boolean).join('\\n');\r\n\t};\r\n})();\r\n\r\nfunction applyToSingletonTag(styleElement, index, remove, obj) {\r\n\tvar css = remove ? \"\" : obj.css;\r\n\r\n\tif (styleElement.styleSheet) {\r\n\t\tstyleElement.styleSheet.cssText = replaceText(index, css);\r\n\t} else {\r\n\t\tvar cssNode = document.createTextNode(css);\r\n\t\tvar childNodes = styleElement.childNodes;\r\n\t\tif (childNodes[index]) styleElement.removeChild(childNodes[index]);\r\n\t\tif (childNodes.length) {\r\n\t\t\tstyleElement.insertBefore(cssNode, childNodes[index]);\r\n\t\t} else {\r\n\t\t\tstyleElement.appendChild(cssNode);\r\n\t\t}\r\n\t}\r\n}\r\n\r\nfunction applyToTag(styleElement, obj) {\r\n\tvar css = obj.css;\r\n\tvar media = obj.media;\r\n\r\n\tif(media) {\r\n\t\tstyleElement.setAttribute(\"media\", media)\r\n\t}\r\n\r\n\tif(styleElement.styleSheet) {\r\n\t\tstyleElement.styleSheet.cssText = css;\r\n\t} else {\r\n\t\twhile(styleElement.firstChild) {\r\n\t\t\tstyleElement.removeChild(styleElement.firstChild);\r\n\t\t}\r\n\t\tstyleElement.appendChild(document.createTextNode(css));\r\n\t}\r\n}\r\n\r\nfunction updateLink(linkElement, obj) {\r\n\tvar css = obj.css;\r\n\tvar sourceMap = obj.sourceMap;\r\n\r\n\tif(sourceMap) {\r\n\t\t// http://stackoverflow.com/a/26603875\r\n\t\tcss += \"\\n/*# sourceMappingURL=data:application/json;base64,\" + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + \" */\";\r\n\t}\r\n\r\n\tvar blob = new Blob([css], { type: \"text/css\" });\r\n\r\n\tvar oldSrc = linkElement.href;\r\n\r\n\tlinkElement.href = URL.createObjectURL(blob);\r\n\r\n\tif(oldSrc)\r\n\t\tURL.revokeObjectURL(oldSrc);\r\n}\r\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/style-loader/addStyles.js\n ** module id = 5\n ** module chunks = 0\n **/"],"sourceRoot":""}