wavesurfer.js 6.2.0 → 6.4.0

package/dist/plugin/wavesurfer.timeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"wavesurfer.timeline.js","mappings":"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","sources":["webpack://WaveSurfer/webpack/universalModuleDefinition","webpack://WaveSurfer/./src/plugin/timeline/index.js","webpack://WaveSurfer/webpack/bootstrap","webpack://WaveSurfer/webpack/before-startup","webpack://WaveSurfer/webpack/startup","webpack://WaveSurfer/webpack/after-startup"],"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(\"WaveSurfer\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"WaveSurfer\"] = factory();\n\telse\n\t\troot[\"WaveSurfer\"] = root[\"WaveSurfer\"] || {}, root[\"WaveSurfer\"][\"timeline\"] = factory();\n})(self, () => {\nreturn ","/**\n * @typedef {Object} TimelinePluginParams\n * @desc Extends the `WavesurferParams` wavesurfer was initialised with\n * @property {!string|HTMLElement} container CSS selector or HTML element where\n * the timeline should be drawn. This is the only required parameter.\n * @property {number} notchPercentHeight=90 Height of notches in percent\n * @property {string} unlabeledNotchColor='#c0c0c0' The colour of the notches\n * that do not have labels\n * @property {string} primaryColor='#000' The colour of the main notches\n * @property {string} secondaryColor='#c0c0c0' The colour of the secondary\n * notches\n * @property {string} primaryFontColor='#000' The colour of the labels next to\n * the main notches\n * @property {string} secondaryFontColor='#000' The colour of the labels next to\n * the secondary notches\n * @property {number} labelPadding=5 The padding between the label and the notch\n * @property {?number} zoomDebounce A debounce timeout to increase rendering\n * performance for large files\n * @property {string} fontFamily='Arial'\n * @property {number} fontSize=10 Font size of labels in pixels\n * @property {?number} duration Length of the track in seconds. Overrides\n * getDuration() for setting length of timeline\n * @property {function} formatTimeCallback (sec, pxPerSec) -> label\n * @property {function} timeInterval (pxPerSec) -> seconds between notches\n * @property {function} primaryLabelInterval (pxPerSec) -> cadence between\n * labels in primary color\n * @property {function} secondaryLabelInterval (pxPerSec) -> cadence between\n * labels in secondary color\n * @property {?number} offset Offset for the timeline start in seconds. May also be\n * negative.\n * @property {?boolean} deferInit Set to true to manually call\n * `initPlugin('timeline')`\n */\n\n/**\n * Adds a timeline to the waveform.\n *\n * @implements {PluginClass}\n * @extends {Observer}\n * @example\n * // es6\n * import TimelinePlugin from 'wavesurfer.timeline.js';\n *\n * // commonjs\n * var TimelinePlugin = require('wavesurfer.timeline.js');\n *\n * // if you are using <script> tags\n * var TimelinePlugin = window.WaveSurfer.timeline;\n *\n * // ... initialising wavesurfer with the plugin\n * var wavesurfer = WaveSurfer.create({\n *   // wavesurfer options ...\n *   plugins: [\n *     TimelinePlugin.create({\n *       // plugin options ...\n *     })\n *   ]\n * });\n */\nexport default class TimelinePlugin {\n    /**\n     * Timeline plugin definition factory\n     *\n     * This function must be used to create a plugin definition which can be\n     * used by wavesurfer to correctly instantiate the plugin.\n     *\n     * @param  {TimelinePluginParams} params parameters use to initialise the plugin\n     * @return {PluginDefinition} an object representing the plugin\n     */\n    static create(params) {\n        return {\n            name: 'timeline',\n            deferInit: params && params.deferInit ? params.deferInit : false,\n            params: params,\n            instance: TimelinePlugin\n        };\n    }\n\n    // event handlers\n    _onScroll = () => {\n        if (this.wrapper && this.drawer.wrapper) {\n            this.wrapper.scrollLeft = this.drawer.wrapper.scrollLeft;\n        }\n    };\n\n    /**\n     * @returns {void}\n     */\n    _onRedraw = () => this.render();\n\n    _onReady = () => {\n        const ws = this.wavesurfer;\n        this.drawer = ws.drawer;\n        this.pixelRatio = ws.drawer.params.pixelRatio;\n        this.maxCanvasWidth = ws.drawer.maxCanvasWidth || ws.drawer.width;\n        this.maxCanvasElementWidth =\n            ws.drawer.maxCanvasElementWidth ||\n            Math.round(this.maxCanvasWidth / this.pixelRatio);\n\n        // add listeners\n        ws.drawer.wrapper.addEventListener('scroll', this._onScroll);\n        ws.on('redraw', this._onRedraw);\n        ws.on('zoom', this._onZoom);\n\n        this.render();\n    };\n\n    /**\n     * @param {object} e Click event\n     */\n    _onWrapperClick = e => {\n        e.preventDefault();\n        const relX = 'offsetX' in e ? e.offsetX : e.layerX;\n        this.fireEvent('click', relX / this.wrapper.scrollWidth || 0);\n    };\n\n    /**\n     * Creates an instance of TimelinePlugin.\n     *\n     * You probably want to use TimelinePlugin.create()\n     *\n     * @param {TimelinePluginParams} params Plugin parameters\n     * @param {object} ws Wavesurfer instance\n     */\n    constructor(params, ws) {\n        this.container =\n            'string' == typeof params.container\n                ? document.querySelector(params.container)\n                : params.container;\n\n        if (!this.container) {\n            throw new Error('No container for wavesurfer timeline');\n        }\n\n        this.wavesurfer = ws;\n        this.util = ws.util;\n        this.params = Object.assign(\n            {},\n            {\n                height: 20,\n                notchPercentHeight: 90,\n                labelPadding: 5,\n                unlabeledNotchColor: '#c0c0c0',\n                primaryColor: '#000',\n                secondaryColor: '#c0c0c0',\n                primaryFontColor: '#000',\n                secondaryFontColor: '#000',\n                fontFamily: 'Arial',\n                fontSize: 10,\n                duration: null,\n                zoomDebounce: false,\n                formatTimeCallback: this.defaultFormatTimeCallback,\n                timeInterval: this.defaultTimeInterval,\n                primaryLabelInterval: this.defaultPrimaryLabelInterval,\n                secondaryLabelInterval: this.defaultSecondaryLabelInterval,\n                offset: 0\n            },\n            params\n        );\n\n        this.canvases = [];\n        this.wrapper = null;\n        this.drawer = null;\n        this.pixelRatio = null;\n        this.maxCanvasWidth = null;\n        this.maxCanvasElementWidth = null;\n        /**\n         * This event handler has to be in the constructor function because it\n         * relies on the debounce function which is only available after\n         * instantiation\n         *\n         * Use a debounced function if `params.zoomDebounce` is defined\n         *\n         * @returns {void}\n         */\n        this._onZoom = this.params.zoomDebounce\n            ? this.wavesurfer.util.debounce(\n                () => this.render(),\n                this.params.zoomDebounce\n            )\n            : () => this.render();\n    }\n\n    /**\n     * Initialisation function used by the plugin API\n     */\n    init() {\n        // Check if ws is ready\n        if (this.wavesurfer.isReady) {\n            this._onReady();\n        } else {\n            this.wavesurfer.once('ready', this._onReady);\n        }\n    }\n\n    /**\n     * Destroy function used by the plugin API\n     */\n    destroy() {\n        this.unAll();\n        this.wavesurfer.un('redraw', this._onRedraw);\n        this.wavesurfer.un('zoom', this._onZoom);\n        this.wavesurfer.un('ready', this._onReady);\n        this.wavesurfer.drawer.wrapper.removeEventListener(\n            'scroll',\n            this._onScroll\n        );\n        if (this.wrapper && this.wrapper.parentNode) {\n            this.wrapper.removeEventListener('click', this._onWrapperClick);\n            this.wrapper.parentNode.removeChild(this.wrapper);\n            this.wrapper = null;\n        }\n    }\n\n    /**\n     * Create a timeline element to wrap the canvases drawn by this plugin\n     *\n     */\n    createWrapper() {\n        const wsParams = this.wavesurfer.params;\n        this.container.innerHTML = '';\n        this.wrapper = this.container.appendChild(\n            document.createElement('timeline')\n        );\n        this.util.style(this.wrapper, {\n            display: 'block',\n            position: 'relative',\n            userSelect: 'none',\n            webkitUserSelect: 'none',\n            height: `${this.params.height}px`\n        });\n\n        if (wsParams.fillParent || wsParams.scrollParent) {\n            this.util.style(this.wrapper, {\n                width: '100%',\n                overflowX: 'hidden',\n                overflowY: 'hidden'\n            });\n        }\n\n        this.wrapper.addEventListener('click', this._onWrapperClick);\n    }\n\n    /**\n     * Render the timeline (also updates the already rendered timeline)\n     *\n     */\n    render() {\n        if (!this.wrapper) {\n            this.createWrapper();\n        }\n        this.updateCanvases();\n        this.updateCanvasesPositioning();\n        this.renderCanvases();\n    }\n\n    /**\n     * Add new timeline canvas\n     *\n     */\n    addCanvas() {\n        const canvas = this.wrapper.appendChild(\n            document.createElement('canvas')\n        );\n        this.canvases.push(canvas);\n        this.util.style(canvas, {\n            position: 'absolute',\n            zIndex: 4\n        });\n    }\n\n    /**\n     * Remove timeline canvas\n     *\n     */\n    removeCanvas() {\n        const canvas = this.canvases.pop();\n        canvas.parentElement.removeChild(canvas);\n    }\n\n    /**\n     * Make sure the correct of timeline canvas elements exist and are cached in\n     * this.canvases\n     *\n     */\n    updateCanvases() {\n        const totalWidth = Math.round(this.drawer.wrapper.scrollWidth);\n        const requiredCanvases = Math.ceil(\n            totalWidth / this.maxCanvasElementWidth\n        );\n\n        while (this.canvases.length < requiredCanvases) {\n            this.addCanvas();\n        }\n\n        while (this.canvases.length > requiredCanvases) {\n            this.removeCanvas();\n        }\n    }\n\n    /**\n     * Update the dimensions and positioning style for all the timeline canvases\n     *\n     */\n    updateCanvasesPositioning() {\n        // cache length for performance\n        const canvasesLength = this.canvases.length;\n        this.canvases.forEach((canvas, i) => {\n            // canvas width is the max element width, or if it is the last the\n            // required width\n            const canvasWidth =\n                i === canvasesLength - 1\n                    ? this.drawer.wrapper.scrollWidth -\n                      this.maxCanvasElementWidth * (canvasesLength - 1)\n                    : this.maxCanvasElementWidth;\n            // set dimensions and style\n            canvas.width = canvasWidth * this.pixelRatio;\n            // on certain pixel ratios the canvas appears cut off at the bottom,\n            // therefore leave 1px extra\n            canvas.height = (this.params.height + 1) * this.pixelRatio;\n            this.util.style(canvas, {\n                width: `${canvasWidth}px`,\n                height: `${this.params.height}px`,\n                left: `${i * this.maxCanvasElementWidth}px`\n            });\n        });\n    }\n\n    /**\n     * Render the timeline labels and notches\n     *\n     */\n    renderCanvases() {\n        const duration =\n            this.params.duration ||\n            this.wavesurfer.backend.getDuration();\n\n        if (duration <= 0) {\n            return;\n        }\n        const wsParams = this.wavesurfer.params;\n        const fontSize = this.params.fontSize * wsParams.pixelRatio;\n        const totalSeconds = parseInt(duration, 10) + 1;\n        const width =\n            wsParams.fillParent && !wsParams.scrollParent\n                ? this.drawer.getWidth()\n                : this.drawer.wrapper.scrollWidth * wsParams.pixelRatio;\n        const height1 = this.params.height * this.pixelRatio;\n        const height2 =\n            this.params.height *\n            (this.params.notchPercentHeight / 100) *\n            this.pixelRatio;\n        const pixelsPerSecond = width / duration;\n\n        const formatTime = this.params.formatTimeCallback;\n        // if parameter is function, call the function with\n        // pixelsPerSecond, otherwise simply take the value as-is\n        const intervalFnOrVal = option =>\n            typeof option === 'function' ? option(pixelsPerSecond) : option;\n        const timeInterval = intervalFnOrVal(this.params.timeInterval);\n        const primaryLabelInterval = intervalFnOrVal(\n            this.params.primaryLabelInterval\n        );\n        const secondaryLabelInterval = intervalFnOrVal(\n            this.params.secondaryLabelInterval\n        );\n\n        let curPixel = pixelsPerSecond * this.params.offset;\n        let curSeconds = 0;\n        let i;\n        // build an array of position data with index, second and pixel data,\n        // this is then used multiple times below\n        const positioning = [];\n\n        // render until end in case we have a negative offset\n        const renderSeconds = (this.params.offset < 0)\n            ? totalSeconds - this.params.offset\n            : totalSeconds;\n\n        for (i = 0; i < renderSeconds / timeInterval; i++) {\n            positioning.push([i, curSeconds, curPixel]);\n            curSeconds += timeInterval;\n            curPixel += pixelsPerSecond * timeInterval;\n        }\n\n        // iterate over each position\n        const renderPositions = cb => {\n            positioning.forEach(pos => {\n                cb(pos[0], pos[1], pos[2]);\n            });\n        };\n\n        // render primary labels\n        this.setFillStyles(this.params.primaryColor);\n        this.setFonts(`${fontSize}px ${this.params.fontFamily}`);\n        this.setFillStyles(this.params.primaryFontColor);\n        renderPositions((i, curSeconds, curPixel) => {\n            if (i % primaryLabelInterval === 0) {\n                this.fillRect(curPixel, 0, 1, height1);\n                this.fillText(\n                    formatTime(curSeconds, pixelsPerSecond),\n                    curPixel + this.params.labelPadding * this.pixelRatio,\n                    height1\n                );\n            }\n        });\n\n        // render secondary labels\n        this.setFillStyles(this.params.secondaryColor);\n        this.setFonts(`${fontSize}px ${this.params.fontFamily}`);\n        this.setFillStyles(this.params.secondaryFontColor);\n        renderPositions((i, curSeconds, curPixel) => {\n            if (i % secondaryLabelInterval === 0) {\n                this.fillRect(curPixel, 0, 1, height1);\n                this.fillText(\n                    formatTime(curSeconds, pixelsPerSecond),\n                    curPixel + this.params.labelPadding * this.pixelRatio,\n                    height1\n                );\n            }\n        });\n\n        // render the actual notches (when no labels are used)\n        this.setFillStyles(this.params.unlabeledNotchColor);\n        renderPositions((i, curSeconds, curPixel) => {\n            if (\n                i % secondaryLabelInterval !== 0 &&\n                i % primaryLabelInterval !== 0\n            ) {\n                this.fillRect(curPixel, 0, 1, height2);\n            }\n        });\n    }\n\n    /**\n     * Set the canvas fill style\n     *\n     * @param {DOMString|CanvasGradient|CanvasPattern} fillStyle Fill style to\n     * use\n     */\n    setFillStyles(fillStyle) {\n        this.canvases.forEach(canvas => {\n            const context = canvas.getContext('2d');\n            if (context) {\n                context.fillStyle = fillStyle;\n            }\n        });\n    }\n\n    /**\n     * Set the canvas font\n     *\n     * @param {DOMString} font Font to use\n     */\n    setFonts(font) {\n        this.canvases.forEach(canvas => {\n            const context = canvas.getContext('2d');\n            if (context) {\n                context.font = font;\n            }\n        });\n    }\n\n    /**\n     * Draw a rectangle on the canvases\n     *\n     * (it figures out the offset for each canvas)\n     *\n     * @param {number} x X-position\n     * @param {number} y Y-position\n     * @param {number} width Width\n     * @param {number} height Height\n     */\n    fillRect(x, y, width, height) {\n        this.canvases.forEach((canvas, i) => {\n            const leftOffset = i * this.maxCanvasWidth;\n\n            const intersection = {\n                x1: Math.max(x, i * this.maxCanvasWidth),\n                y1: y,\n                x2: Math.min(x + width, i * this.maxCanvasWidth + canvas.width),\n                y2: y + height\n            };\n\n            if (intersection.x1 < intersection.x2) {\n                const context = canvas\n                    .getContext('2d');\n                if (context) {\n                    context\n                        .fillRect(\n                            intersection.x1 - leftOffset,\n                            intersection.y1,\n                            intersection.x2 - intersection.x1,\n                            intersection.y2 - intersection.y1\n                        );\n                }\n            }\n        });\n    }\n\n    /**\n     * Fill a given text on the canvases\n     *\n     * @param {string} text Text to render\n     * @param {number} x X-position\n     * @param {number} y Y-position\n     */\n    fillText(text, x, y) {\n        let textWidth;\n        let xOffset = 0;\n\n        this.canvases.forEach(canvas => {\n            const context = canvas.getContext('2d');\n            if (context) {\n                const canvasWidth = context.canvas.width;\n\n                if (xOffset > x + textWidth) {\n                    return;\n                }\n\n                if (xOffset + canvasWidth > x && context) {\n                    textWidth = context.measureText(text).width;\n                    context.fillText(text, x - xOffset, y);\n                }\n\n                xOffset += canvasWidth;\n            }\n        });\n    }\n\n    /**\n     * Turn the time into a suitable label for the time.\n     *\n     * @param {number} seconds Seconds to format\n     * @param {number} pxPerSec Pixels per second\n     * @returns {number} Time\n     */\n    defaultFormatTimeCallback(seconds, pxPerSec) {\n        if (seconds / 60 > 1) {\n            // calculate minutes and seconds from seconds count\n            const minutes = parseInt(seconds / 60, 10);\n            seconds = parseInt(seconds % 60, 10);\n            // fill up seconds with zeroes\n            seconds = seconds < 10 ? '0' + seconds : seconds;\n            return `${minutes}:${seconds}`;\n        }\n        return Math.round(seconds * 1000) / 1000;\n    }\n\n    /**\n     * Return how many seconds should be between each notch\n     *\n     * @param {number} pxPerSec Pixels per second\n     * @returns {number} Time\n     */\n    defaultTimeInterval(pxPerSec) {\n        if (pxPerSec >= 25) {\n            return 1;\n        } else if (pxPerSec * 5 >= 25) {\n            return 5;\n        } else if (pxPerSec * 15 >= 25) {\n            return 15;\n        }\n        return Math.ceil(0.5 / pxPerSec) * 60;\n    }\n\n    /**\n     * Return the cadence of notches that get labels in the primary color.\n     *\n     * @param {number} pxPerSec Pixels per second\n     * @returns {number} Cadence\n     */\n    defaultPrimaryLabelInterval(pxPerSec) {\n        if (pxPerSec >= 25) {\n            return 10;\n        } else if (pxPerSec * 5 >= 25) {\n            return 6;\n        } else if (pxPerSec * 15 >= 25) {\n            return 4;\n        }\n        return 4;\n    }\n\n    /**\n     * Return the cadence of notches that get labels in the secondary color.\n     *\n     * @param {number} pxPerSec Pixels per second\n     * @returns {number} Cadence\n     */\n    defaultSecondaryLabelInterval(pxPerSec) {\n        if (pxPerSec >= 25) {\n            return 5;\n        } else if (pxPerSec * 5 >= 25) {\n            return 2;\n        } else if (pxPerSec * 15 >= 25) {\n            return 2;\n        }\n        return 2;\n    }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","","// startup\n// Load entry module and return exports\n// This entry module is referenced by other modules so it can't be inlined\nvar __webpack_exports__ = __webpack_require__(\"./src/plugin/timeline/index.js\");\n",""],"names":["TimelinePlugin","params","ws","wrapper","drawer","scrollLeft","render","wavesurfer","pixelRatio","maxCanvasWidth","width","maxCanvasElementWidth","Math","round","addEventListener","_onScroll","on","_onRedraw","_onZoom","e","preventDefault","relX","offsetX","layerX","fireEvent","scrollWidth","container","document","querySelector","Error","util","Object","assign","height","notchPercentHeight","labelPadding","unlabeledNotchColor","primaryColor","secondaryColor","primaryFontColor","secondaryFontColor","fontFamily","fontSize","duration","zoomDebounce","formatTimeCallback","defaultFormatTimeCallback","timeInterval","defaultTimeInterval","primaryLabelInterval","defaultPrimaryLabelInterval","secondaryLabelInterval","defaultSecondaryLabelInterval","offset","canvases","debounce","isReady","_onReady","once","unAll","un","removeEventListener","parentNode","_onWrapperClick","removeChild","wsParams","innerHTML","appendChild","createElement","style","display","position","userSelect","webkitUserSelect","fillParent","scrollParent","overflowX","overflowY","createWrapper","updateCanvases","updateCanvasesPositioning","renderCanvases","canvas","push","zIndex","pop","parentElement","totalWidth","requiredCanvases","ceil","length","addCanvas","removeCanvas","canvasesLength","forEach","i","canvasWidth","left","backend","getDuration","totalSeconds","parseInt","getWidth","height1","height2","pixelsPerSecond","formatTime","intervalFnOrVal","option","curPixel","curSeconds","positioning","renderSeconds","renderPositions","cb","pos","setFillStyles","setFonts","fillRect","fillText","fillStyle","context","getContext","font","x","y","leftOffset","intersection","x1","max","y1","x2","min","y2","text","textWidth","xOffset","measureText","seconds","pxPerSec","minutes","name","deferInit","instance"],"sourceRoot":""}
+{"version":3,"file":"wavesurfer.timeline.js","mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+CAA+C;AAC/C,CAAC;AACD;;;;;;;;;;;;;;;;;;;;ACVA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAxBA,IAyBqBA,cAAc;EAyD/B;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;EACI,wBAAYC,MAAM,EAAEC,GAAE,EAAE;IAAA;IAAA;IAAA,mCA7CZ,YAAM;MACd,IAAI,KAAI,CAACC,OAAO,IAAI,KAAI,CAACC,MAAM,CAACD,OAAO,EAAE;QACrC,KAAI,CAACA,OAAO,CAACE,UAAU,GAAG,KAAI,CAACD,MAAM,CAACD,OAAO,CAACE,UAAU;MAC5D;IACJ,CAAC;IAAA,mCAKW;MAAA,OAAM,KAAI,CAACC,MAAM,EAAE;IAAA;IAAA,kCAEpB,YAAM;MACb,IAAMJ,EAAE,GAAG,KAAI,CAACK,UAAU;MAC1B,KAAI,CAACH,MAAM,GAAGF,EAAE,CAACE,MAAM;MACvB,KAAI,CAACI,UAAU,GAAGN,EAAE,CAACE,MAAM,CAACH,MAAM,CAACO,UAAU;MAC7C,KAAI,CAACC,cAAc,GAAGP,EAAE,CAACE,MAAM,CAACK,cAAc,IAAIP,EAAE,CAACE,MAAM,CAACM,KAAK;MACjE,KAAI,CAACC,qBAAqB,GACtBT,EAAE,CAACE,MAAM,CAACO,qBAAqB,IAC/BC,IAAI,CAACC,KAAK,CAAC,KAAI,CAACJ,cAAc,GAAG,KAAI,CAACD,UAAU,CAAC;;MAErD;MACAN,EAAE,CAACE,MAAM,CAACD,OAAO,CAACW,gBAAgB,CAAC,QAAQ,EAAE,KAAI,CAACC,SAAS,CAAC;MAC5Db,EAAE,CAACc,EAAE,CAAC,QAAQ,EAAE,KAAI,CAACC,SAAS,CAAC;MAC/Bf,EAAE,CAACc,EAAE,CAAC,MAAM,EAAE,KAAI,CAACE,OAAO,CAAC;MAE3B,KAAI,CAACZ,MAAM,EAAE;IACjB,CAAC;IAAA,yCAKiB,UAAAa,CAAC,EAAI;MACnBA,CAAC,CAACC,cAAc,EAAE;MAClB,IAAMC,IAAI,GAAG,SAAS,IAAIF,CAAC,GAAGA,CAAC,CAACG,OAAO,GAAGH,CAAC,CAACI,MAAM;MAClD,KAAI,CAACC,SAAS,CAAC,OAAO,EAAEH,IAAI,GAAG,KAAI,CAAClB,OAAO,CAACsB,WAAW,IAAI,CAAC,CAAC;IACjE,CAAC;IAWG,IAAI,CAACC,SAAS,GACV,QAAQ,IAAI,OAAOzB,MAAM,CAACyB,SAAS,GAC7BC,QAAQ,CAACC,aAAa,CAAC3B,MAAM,CAACyB,SAAS,CAAC,GACxCzB,MAAM,CAACyB,SAAS;IAE1B,IAAI,CAAC,IAAI,CAACA,SAAS,EAAE;MACjB,MAAM,IAAIG,KAAK,CAAC,sCAAsC,CAAC;IAC3D;IAEA,IAAI,CAACtB,UAAU,GAAGL,GAAE;IACpB,IAAI,CAAC4B,IAAI,GAAG5B,GAAE,CAAC4B,IAAI;IACnB,IAAI,CAAC7B,MAAM,GAAG8B,MAAM,CAACC,MAAM,CACvB,CAAC,CAAC,EACF;MACIC,MAAM,EAAE,EAAE;MACVC,kBAAkB,EAAE,EAAE;MACtBC,YAAY,EAAE,CAAC;MACfC,mBAAmB,EAAE,SAAS;MAC9BC,YAAY,EAAE,MAAM;MACpBC,cAAc,EAAE,SAAS;MACzBC,gBAAgB,EAAE,MAAM;MACxBC,kBAAkB,EAAE,MAAM;MAC1BC,UAAU,EAAE,OAAO;MACnBC,QAAQ,EAAE,EAAE;MACZC,QAAQ,EAAE,IAAI;MACdC,YAAY,EAAE,KAAK;MACnBC,kBAAkB,EAAE,IAAI,CAACC,yBAAyB;MAClDC,YAAY,EAAE,IAAI,CAACC,mBAAmB;MACtCC,oBAAoB,EAAE,IAAI,CAACC,2BAA2B;MACtDC,sBAAsB,EAAE,IAAI,CAACC,6BAA6B;MAC1DC,MAAM,EAAE;IACZ,CAAC,EACDpD,MAAM,CACT;IAED,IAAI,CAACqD,QAAQ,GAAG,EAAE;IAClB,IAAI,CAACnD,OAAO,GAAG,IAAI;IACnB,IAAI,CAACC,MAAM,GAAG,IAAI;IAClB,IAAI,CAACI,UAAU,GAAG,IAAI;IACtB,IAAI,CAACC,cAAc,GAAG,IAAI;IAC1B,IAAI,CAACE,qBAAqB,GAAG,IAAI;IACjC;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACQ,IAAI,CAACO,OAAO,GAAG,IAAI,CAACjB,MAAM,CAAC2C,YAAY,GACjC,IAAI,CAACrC,UAAU,CAACuB,IAAI,CAACyB,QAAQ,CAC3B;MAAA,OAAM,KAAI,CAACjD,MAAM,EAAE;IAAA,GACnB,IAAI,CAACL,MAAM,CAAC2C,YAAY,CAC3B,GACC;MAAA,OAAM,KAAI,CAACtC,MAAM,EAAE;IAAA;EAC7B;;EAEA;AACJ;AACA;EAFI;IAAA;IAAA,OAGA,gBAAO;MACH;MACA,IAAI,IAAI,CAACC,UAAU,CAACiD,OAAO,EAAE;QACzB,IAAI,CAACC,QAAQ,EAAE;MACnB,CAAC,MAAM;QACH,IAAI,CAAClD,UAAU,CAACmD,IAAI,CAAC,OAAO,EAAE,IAAI,CAACD,QAAQ,CAAC;MAChD;IACJ;;IAEA;AACJ;AACA;EAFI;IAAA;IAAA,OAGA,mBAAU;MACN,IAAI,CAACE,KAAK,EAAE;MACZ,IAAI,CAACpD,UAAU,CAACqD,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC3C,SAAS,CAAC;MAC5C,IAAI,CAACV,UAAU,CAACqD,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC1C,OAAO,CAAC;MACxC,IAAI,CAACX,UAAU,CAACqD,EAAE,CAAC,OAAO,EAAE,IAAI,CAACH,QAAQ,CAAC;MAC1C,IAAI,CAAClD,UAAU,CAACH,MAAM,CAACD,OAAO,CAAC0D,mBAAmB,CAC9C,QAAQ,EACR,IAAI,CAAC9C,SAAS,CACjB;MACD,IAAI,IAAI,CAACZ,OAAO,IAAI,IAAI,CAACA,OAAO,CAAC2D,UAAU,EAAE;QACzC,IAAI,CAAC3D,OAAO,CAAC0D,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAACE,eAAe,CAAC;QAC/D,IAAI,CAAC5D,OAAO,CAAC2D,UAAU,CAACE,WAAW,CAAC,IAAI,CAAC7D,OAAO,CAAC;QACjD,IAAI,CAACA,OAAO,GAAG,IAAI;MACvB;IACJ;;IAEA;AACJ;AACA;AACA;EAHI;IAAA;IAAA,OAIA,yBAAgB;MACZ,IAAM8D,QAAQ,GAAG,IAAI,CAAC1D,UAAU,CAACN,MAAM;MACvC,IAAI,CAACyB,SAAS,CAACwC,SAAS,GAAG,EAAE;MAC7B,IAAI,CAAC/D,OAAO,GAAG,IAAI,CAACuB,SAAS,CAACyC,WAAW,CACrCxC,QAAQ,CAACyC,aAAa,CAAC,UAAU,CAAC,CACrC;MACD,IAAI,CAACtC,IAAI,CAACuC,KAAK,CAAC,IAAI,CAAClE,OAAO,EAAE;QAC1BmE,OAAO,EAAE,OAAO;QAChBC,QAAQ,EAAE,UAAU;QACpBC,UAAU,EAAE,MAAM;QAClBC,gBAAgB,EAAE,MAAM;QACxBxC,MAAM,YAAK,IAAI,CAAChC,MAAM,CAACgC,MAAM;MACjC,CAAC,CAAC;MAEF,IAAIgC,QAAQ,CAACS,UAAU,IAAIT,QAAQ,CAACU,YAAY,EAAE;QAC9C,IAAI,CAAC7C,IAAI,CAACuC,KAAK,CAAC,IAAI,CAAClE,OAAO,EAAE;UAC1BO,KAAK,EAAE,MAAM;UACbkE,SAAS,EAAE,QAAQ;UACnBC,SAAS,EAAE;QACf,CAAC,CAAC;MACN;MAEA,IAAI,CAAC1E,OAAO,CAACW,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAACiD,eAAe,CAAC;IAChE;;IAEA;AACJ;AACA;AACA;EAHI;IAAA;IAAA,OAIA,kBAAS;MACL,IAAI,CAAC,IAAI,CAAC5D,OAAO,EAAE;QACf,IAAI,CAAC2E,aAAa,EAAE;MACxB;MACA,IAAI,CAACC,cAAc,EAAE;MACrB,IAAI,CAACC,yBAAyB,EAAE;MAChC,IAAI,CAACC,cAAc,EAAE;IACzB;;IAEA;AACJ;AACA;AACA;EAHI;IAAA;IAAA,OAIA,qBAAY;MACR,IAAMC,MAAM,GAAG,IAAI,CAAC/E,OAAO,CAACgE,WAAW,CACnCxC,QAAQ,CAACyC,aAAa,CAAC,QAAQ,CAAC,CACnC;MACD,IAAI,CAACd,QAAQ,CAAC6B,IAAI,CAACD,MAAM,CAAC;MAC1B,IAAI,CAACpD,IAAI,CAACuC,KAAK,CAACa,MAAM,EAAE;QACpBX,QAAQ,EAAE,UAAU;QACpBa,MAAM,EAAE;MACZ,CAAC,CAAC;IACN;;IAEA;AACJ;AACA;AACA;EAHI;IAAA;IAAA,OAIA,wBAAe;MACX,IAAMF,MAAM,GAAG,IAAI,CAAC5B,QAAQ,CAAC+B,GAAG,EAAE;MAClCH,MAAM,CAACI,aAAa,CAACtB,WAAW,CAACkB,MAAM,CAAC;IAC5C;;IAEA;AACJ;AACA;AACA;AACA;EAJI;IAAA;IAAA,OAKA,0BAAiB;MACb,IAAMK,UAAU,GAAG3E,IAAI,CAACC,KAAK,CAAC,IAAI,CAACT,MAAM,CAACD,OAAO,CAACsB,WAAW,CAAC;MAC9D,IAAM+D,gBAAgB,GAAG5E,IAAI,CAAC6E,IAAI,CAC9BF,UAAU,GAAG,IAAI,CAAC5E,qBAAqB,CAC1C;MAED,OAAO,IAAI,CAAC2C,QAAQ,CAACoC,MAAM,GAAGF,gBAAgB,EAAE;QAC5C,IAAI,CAACG,SAAS,EAAE;MACpB;MAEA,OAAO,IAAI,CAACrC,QAAQ,CAACoC,MAAM,GAAGF,gBAAgB,EAAE;QAC5C,IAAI,CAACI,YAAY,EAAE;MACvB;IACJ;;IAEA;AACJ;AACA;AACA;EAHI;IAAA;IAAA,OAIA,qCAA4B;MAAA;MACxB;MACA,IAAMC,cAAc,GAAG,IAAI,CAACvC,QAAQ,CAACoC,MAAM;MAC3C,IAAI,CAACpC,QAAQ,CAACwC,OAAO,CAAC,UAACZ,MAAM,EAAEa,CAAC,EAAK;QACjC;QACA;QACA,IAAMC,WAAW,GACbD,CAAC,KAAKF,cAAc,GAAG,CAAC,GAClB,MAAI,CAACzF,MAAM,CAACD,OAAO,CAACsB,WAAW,GAC/B,MAAI,CAACd,qBAAqB,IAAIkF,cAAc,GAAG,CAAC,CAAC,GACjD,MAAI,CAAClF,qBAAqB;QACpC;QACAuE,MAAM,CAACxE,KAAK,GAAGsF,WAAW,GAAG,MAAI,CAACxF,UAAU;QAC5C;QACA;QACA0E,MAAM,CAACjD,MAAM,GAAG,CAAC,MAAI,CAAChC,MAAM,CAACgC,MAAM,GAAG,CAAC,IAAI,MAAI,CAACzB,UAAU;QAC1D,MAAI,CAACsB,IAAI,CAACuC,KAAK,CAACa,MAAM,EAAE;UACpBxE,KAAK,YAAKsF,WAAW,OAAI;UACzB/D,MAAM,YAAK,MAAI,CAAChC,MAAM,CAACgC,MAAM,OAAI;UACjCgE,IAAI,YAAKF,CAAC,GAAG,MAAI,CAACpF,qBAAqB;QAC3C,CAAC,CAAC;MACN,CAAC,CAAC;IACN;;IAEA;AACJ;AACA;AACA;EAHI;IAAA;IAAA,OAIA,0BAAiB;MAAA;MACb,IAAMgC,QAAQ,GACV,IAAI,CAAC1C,MAAM,CAAC0C,QAAQ,IACpB,IAAI,CAACpC,UAAU,CAAC2F,OAAO,CAACC,WAAW,EAAE;MAEzC,IAAIxD,QAAQ,IAAI,CAAC,EAAE;QACf;MACJ;MACA,IAAMsB,QAAQ,GAAG,IAAI,CAAC1D,UAAU,CAACN,MAAM;MACvC,IAAMyC,QAAQ,GAAG,IAAI,CAACzC,MAAM,CAACyC,QAAQ,GAAGuB,QAAQ,CAACzD,UAAU;MAC3D,IAAM4F,YAAY,GAAGC,QAAQ,CAAC1D,QAAQ,EAAE,EAAE,CAAC,GAAG,CAAC;MAC/C,IAAMjC,KAAK,GACPuD,QAAQ,CAACS,UAAU,IAAI,CAACT,QAAQ,CAACU,YAAY,GACvC,IAAI,CAACvE,MAAM,CAACkG,QAAQ,EAAE,GACtB,IAAI,CAAClG,MAAM,CAACD,OAAO,CAACsB,WAAW,GAAGwC,QAAQ,CAACzD,UAAU;MAC/D,IAAM+F,OAAO,GAAG,IAAI,CAACtG,MAAM,CAACgC,MAAM,GAAG,IAAI,CAACzB,UAAU;MACpD,IAAMgG,OAAO,GACT,IAAI,CAACvG,MAAM,CAACgC,MAAM,IACjB,IAAI,CAAChC,MAAM,CAACiC,kBAAkB,GAAG,GAAG,CAAC,GACtC,IAAI,CAAC1B,UAAU;MACnB,IAAMiG,eAAe,GAAG/F,KAAK,GAAGiC,QAAQ;MAExC,IAAM+D,UAAU,GAAG,IAAI,CAACzG,MAAM,CAAC4C,kBAAkB;MACjD;MACA;MACA,IAAM8D,eAAe,GAAG,SAAlBA,eAAe,CAAGC,MAAM;QAAA,OAC1B,OAAOA,MAAM,KAAK,UAAU,GAAGA,MAAM,CAACH,eAAe,CAAC,GAAGG,MAAM;MAAA;MACnE,IAAM7D,YAAY,GAAG4D,eAAe,CAAC,IAAI,CAAC1G,MAAM,CAAC8C,YAAY,CAAC;MAC9D,IAAME,oBAAoB,GAAG0D,eAAe,CACxC,IAAI,CAAC1G,MAAM,CAACgD,oBAAoB,CACnC;MACD,IAAME,sBAAsB,GAAGwD,eAAe,CAC1C,IAAI,CAAC1G,MAAM,CAACkD,sBAAsB,CACrC;MAED,IAAI0D,QAAQ,GAAGJ,eAAe,GAAG,IAAI,CAACxG,MAAM,CAACoD,MAAM;MACnD,IAAIyD,UAAU,GAAG,CAAC;MAClB,IAAIf,CAAC;MACL;MACA;MACA,IAAMgB,WAAW,GAAG,EAAE;;MAEtB;MACA,IAAMC,aAAa,GAAI,IAAI,CAAC/G,MAAM,CAACoD,MAAM,GAAG,CAAC,GACvC+C,YAAY,GAAG,IAAI,CAACnG,MAAM,CAACoD,MAAM,GACjC+C,YAAY;MAElB,KAAKL,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGiB,aAAa,GAAGjE,YAAY,EAAEgD,CAAC,EAAE,EAAE;QAC/CgB,WAAW,CAAC5B,IAAI,CAAC,CAACY,CAAC,EAAEe,UAAU,EAAED,QAAQ,CAAC,CAAC;QAC3CC,UAAU,IAAI/D,YAAY;QAC1B8D,QAAQ,IAAIJ,eAAe,GAAG1D,YAAY;MAC9C;;MAEA;MACA,IAAMkE,eAAe,GAAG,SAAlBA,eAAe,CAAGC,EAAE,EAAI;QAC1BH,WAAW,CAACjB,OAAO,CAAC,UAAAqB,GAAG,EAAI;UACvBD,EAAE,CAACC,GAAG,CAAC,CAAC,CAAC,EAAEA,GAAG,CAAC,CAAC,CAAC,EAAEA,GAAG,CAAC,CAAC,CAAC,CAAC;QAC9B,CAAC,CAAC;MACN,CAAC;;MAED;MACA,IAAI,CAACC,aAAa,CAAC,IAAI,CAACnH,MAAM,CAACoC,YAAY,CAAC;MAC5C,IAAI,CAACgF,QAAQ,WAAI3E,QAAQ,gBAAM,IAAI,CAACzC,MAAM,CAACwC,UAAU,EAAG;MACxD,IAAI,CAAC2E,aAAa,CAAC,IAAI,CAACnH,MAAM,CAACsC,gBAAgB,CAAC;MAChD0E,eAAe,CAAC,UAAClB,CAAC,EAAEe,UAAU,EAAED,QAAQ,EAAK;QACzC,IAAId,CAAC,GAAG9C,oBAAoB,KAAK,CAAC,EAAE;UAChC,MAAI,CAACqE,QAAQ,CAACT,QAAQ,EAAE,CAAC,EAAE,CAAC,EAAEN,OAAO,CAAC;UACtC,MAAI,CAACgB,QAAQ,CACTb,UAAU,CAACI,UAAU,EAAEL,eAAe,CAAC,EACvCI,QAAQ,GAAG,MAAI,CAAC5G,MAAM,CAACkC,YAAY,GAAG,MAAI,CAAC3B,UAAU,EACrD+F,OAAO,CACV;QACL;MACJ,CAAC,CAAC;;MAEF;MACA,IAAI,CAACa,aAAa,CAAC,IAAI,CAACnH,MAAM,CAACqC,cAAc,CAAC;MAC9C,IAAI,CAAC+E,QAAQ,WAAI3E,QAAQ,gBAAM,IAAI,CAACzC,MAAM,CAACwC,UAAU,EAAG;MACxD,IAAI,CAAC2E,aAAa,CAAC,IAAI,CAACnH,MAAM,CAACuC,kBAAkB,CAAC;MAClDyE,eAAe,CAAC,UAAClB,CAAC,EAAEe,UAAU,EAAED,QAAQ,EAAK;QACzC,IAAId,CAAC,GAAG5C,sBAAsB,KAAK,CAAC,EAAE;UAClC,MAAI,CAACmE,QAAQ,CAACT,QAAQ,EAAE,CAAC,EAAE,CAAC,EAAEN,OAAO,CAAC;UACtC,MAAI,CAACgB,QAAQ,CACTb,UAAU,CAACI,UAAU,EAAEL,eAAe,CAAC,EACvCI,QAAQ,GAAG,MAAI,CAAC5G,MAAM,CAACkC,YAAY,GAAG,MAAI,CAAC3B,UAAU,EACrD+F,OAAO,CACV;QACL;MACJ,CAAC,CAAC;;MAEF;MACA,IAAI,CAACa,aAAa,CAAC,IAAI,CAACnH,MAAM,CAACmC,mBAAmB,CAAC;MACnD6E,eAAe,CAAC,UAAClB,CAAC,EAAEe,UAAU,EAAED,QAAQ,EAAK;QACzC,IACId,CAAC,GAAG5C,sBAAsB,KAAK,CAAC,IAChC4C,CAAC,GAAG9C,oBAAoB,KAAK,CAAC,EAChC;UACE,MAAI,CAACqE,QAAQ,CAACT,QAAQ,EAAE,CAAC,EAAE,CAAC,EAAEL,OAAO,CAAC;QAC1C;MACJ,CAAC,CAAC;IACN;;IAEA;AACJ;AACA;AACA;AACA;AACA;EALI;IAAA;IAAA,OAMA,uBAAcgB,SAAS,EAAE;MACrB,IAAI,CAAClE,QAAQ,CAACwC,OAAO,CAAC,UAAAZ,MAAM,EAAI;QAC5B,IAAMuC,OAAO,GAAGvC,MAAM,CAACwC,UAAU,CAAC,IAAI,CAAC;QACvC,IAAID,OAAO,EAAE;UACTA,OAAO,CAACD,SAAS,GAAGA,SAAS;QACjC;MACJ,CAAC,CAAC;IACN;;IAEA;AACJ;AACA;AACA;AACA;EAJI;IAAA;IAAA,OAKA,kBAASG,IAAI,EAAE;MACX,IAAI,CAACrE,QAAQ,CAACwC,OAAO,CAAC,UAAAZ,MAAM,EAAI;QAC5B,IAAMuC,OAAO,GAAGvC,MAAM,CAACwC,UAAU,CAAC,IAAI,CAAC;QACvC,IAAID,OAAO,EAAE;UACTA,OAAO,CAACE,IAAI,GAAGA,IAAI;QACvB;MACJ,CAAC,CAAC;IACN;;IAEA;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EATI;IAAA;IAAA,OAUA,kBAASC,CAAC,EAAEC,CAAC,EAAEnH,KAAK,EAAEuB,MAAM,EAAE;MAAA;MAC1B,IAAI,CAACqB,QAAQ,CAACwC,OAAO,CAAC,UAACZ,MAAM,EAAEa,CAAC,EAAK;QACjC,IAAM+B,UAAU,GAAG/B,CAAC,GAAG,MAAI,CAACtF,cAAc;QAE1C,IAAMsH,YAAY,GAAG;UACjBC,EAAE,EAAEpH,IAAI,CAACqH,GAAG,CAACL,CAAC,EAAE7B,CAAC,GAAG,MAAI,CAACtF,cAAc,CAAC;UACxCyH,EAAE,EAAEL,CAAC;UACLM,EAAE,EAAEvH,IAAI,CAACwH,GAAG,CAACR,CAAC,GAAGlH,KAAK,EAAEqF,CAAC,GAAG,MAAI,CAACtF,cAAc,GAAGyE,MAAM,CAACxE,KAAK,CAAC;UAC/D2H,EAAE,EAAER,CAAC,GAAG5F;QACZ,CAAC;QAED,IAAI8F,YAAY,CAACC,EAAE,GAAGD,YAAY,CAACI,EAAE,EAAE;UACnC,IAAMV,OAAO,GAAGvC,MAAM,CACjBwC,UAAU,CAAC,IAAI,CAAC;UACrB,IAAID,OAAO,EAAE;YACTA,OAAO,CACFH,QAAQ,CACLS,YAAY,CAACC,EAAE,GAAGF,UAAU,EAC5BC,YAAY,CAACG,EAAE,EACfH,YAAY,CAACI,EAAE,GAAGJ,YAAY,CAACC,EAAE,EACjCD,YAAY,CAACM,EAAE,GAAGN,YAAY,CAACG,EAAE,CACpC;UACT;QACJ;MACJ,CAAC,CAAC;IACN;;IAEA;AACJ;AACA;AACA;AACA;AACA;AACA;EANI;IAAA;IAAA,OAOA,kBAASI,IAAI,EAAEV,CAAC,EAAEC,CAAC,EAAE;MACjB,IAAIU,SAAS;MACb,IAAIC,OAAO,GAAG,CAAC;MAEf,IAAI,CAAClF,QAAQ,CAACwC,OAAO,CAAC,UAAAZ,MAAM,EAAI;QAC5B,IAAMuC,OAAO,GAAGvC,MAAM,CAACwC,UAAU,CAAC,IAAI,CAAC;QACvC,IAAID,OAAO,EAAE;UACT,IAAMzB,WAAW,GAAGyB,OAAO,CAACvC,MAAM,CAACxE,KAAK;UAExC,IAAI8H,OAAO,GAAGZ,CAAC,GAAGW,SAAS,EAAE;YACzB;UACJ;UAEA,IAAIC,OAAO,GAAGxC,WAAW,GAAG4B,CAAC,IAAIH,OAAO,EAAE;YACtCc,SAAS,GAAGd,OAAO,CAACgB,WAAW,CAACH,IAAI,CAAC,CAAC5H,KAAK;YAC3C+G,OAAO,CAACF,QAAQ,CAACe,IAAI,EAAEV,CAAC,GAAGY,OAAO,EAAEX,CAAC,CAAC;UAC1C;UAEAW,OAAO,IAAIxC,WAAW;QAC1B;MACJ,CAAC,CAAC;IACN;;IAEA;AACJ;AACA;AACA;AACA;AACA;AACA;EANI;IAAA;IAAA,OAOA,mCAA0B0C,OAAO,EAAEC,QAAQ,EAAE;MACzC,IAAID,OAAO,GAAG,EAAE,GAAG,CAAC,EAAE;QAClB;QACA,IAAME,OAAO,GAAGvC,QAAQ,CAACqC,OAAO,GAAG,EAAE,EAAE,EAAE,CAAC;QAC1CA,OAAO,GAAGrC,QAAQ,CAACqC,OAAO,GAAG,EAAE,EAAE,EAAE,CAAC;QACpC;QACAA,OAAO,GAAGA,OAAO,GAAG,EAAE,GAAG,GAAG,GAAGA,OAAO,GAAGA,OAAO;QAChD,iBAAUE,OAAO,cAAIF,OAAO;MAChC;MACA,OAAO9H,IAAI,CAACC,KAAK,CAAC6H,OAAO,GAAG,IAAI,CAAC,GAAG,IAAI;IAC5C;;IAEA;AACJ;AACA;AACA;AACA;AACA;EALI;IAAA;IAAA,OAMA,6BAAoBC,QAAQ,EAAE;MAC1B,IAAIA,QAAQ,IAAI,EAAE,EAAE;QAChB,OAAO,CAAC;MACZ,CAAC,MAAM,IAAIA,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;QAC3B,OAAO,CAAC;MACZ,CAAC,MAAM,IAAIA,QAAQ,GAAG,EAAE,IAAI,EAAE,EAAE;QAC5B,OAAO,EAAE;MACb;MACA,OAAO/H,IAAI,CAAC6E,IAAI,CAAC,GAAG,GAAGkD,QAAQ,CAAC,GAAG,EAAE;IACzC;;IAEA;AACJ;AACA;AACA;AACA;AACA;EALI;IAAA;IAAA,OAMA,qCAA4BA,QAAQ,EAAE;MAClC,IAAIA,QAAQ,IAAI,EAAE,EAAE;QAChB,OAAO,EAAE;MACb,CAAC,MAAM,IAAIA,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;QAC3B,OAAO,CAAC;MACZ,CAAC,MAAM,IAAIA,QAAQ,GAAG,EAAE,IAAI,EAAE,EAAE;QAC5B,OAAO,CAAC;MACZ;MACA,OAAO,CAAC;IACZ;;IAEA;AACJ;AACA;AACA;AACA;AACA;EALI;IAAA;IAAA,OAMA,uCAA8BA,QAAQ,EAAE;MACpC,IAAIA,QAAQ,IAAI,EAAE,EAAE;QAChB,OAAO,CAAC;MACZ,CAAC,MAAM,IAAIA,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;QAC3B,OAAO,CAAC;MACZ,CAAC,MAAM,IAAIA,QAAQ,GAAG,EAAE,IAAI,EAAE,EAAE;QAC5B,OAAO,CAAC;MACZ;MACA,OAAO,CAAC;IACZ;EAAC;IAAA;IAAA;IA1hBD;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACI,gBAAc1I,MAAM,EAAE;MAClB,OAAO;QACH4I,IAAI,EAAE,UAAU;QAChBC,SAAS,EAAE7I,MAAM,IAAIA,MAAM,CAAC6I,SAAS,GAAG7I,MAAM,CAAC6I,SAAS,GAAG,KAAK;QAChE7I,MAAM,EAAEA,MAAM;QACd8I,QAAQ,EAAE/I;MACd,CAAC;IACL;;IAEA;EAAA;EAAA;AAAA;AAAA;AAAA;;;;;;UC9EJ;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;UEtBA;UACA;UACA;UACA","sources":["webpack://WaveSurfer/webpack/universalModuleDefinition","webpack://WaveSurfer/./src/plugin/timeline/index.js","webpack://WaveSurfer/webpack/bootstrap","webpack://WaveSurfer/webpack/before-startup","webpack://WaveSurfer/webpack/startup","webpack://WaveSurfer/webpack/after-startup"],"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(\"WaveSurfer\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"WaveSurfer\"] = factory();\n\telse\n\t\troot[\"WaveSurfer\"] = root[\"WaveSurfer\"] || {}, root[\"WaveSurfer\"][\"timeline\"] = factory();\n})(self, () => {\nreturn ","/**\n * @typedef {Object} TimelinePluginParams\n * @desc Extends the `WavesurferParams` wavesurfer was initialised with\n * @property {!string|HTMLElement} container CSS selector or HTML element where\n * the timeline should be drawn. This is the only required parameter.\n * @property {number} notchPercentHeight=90 Height of notches in percent\n * @property {string} unlabeledNotchColor='#c0c0c0' The colour of the notches\n * that do not have labels\n * @property {string} primaryColor='#000' The colour of the main notches\n * @property {string} secondaryColor='#c0c0c0' The colour of the secondary\n * notches\n * @property {string} primaryFontColor='#000' The colour of the labels next to\n * the main notches\n * @property {string} secondaryFontColor='#000' The colour of the labels next to\n * the secondary notches\n * @property {number} labelPadding=5 The padding between the label and the notch\n * @property {?number} zoomDebounce A debounce timeout to increase rendering\n * performance for large files\n * @property {string} fontFamily='Arial'\n * @property {number} fontSize=10 Font size of labels in pixels\n * @property {?number} duration Length of the track in seconds. Overrides\n * getDuration() for setting length of timeline\n * @property {function} formatTimeCallback (sec, pxPerSec) -> label\n * @property {function} timeInterval (pxPerSec) -> seconds between notches\n * @property {function} primaryLabelInterval (pxPerSec) -> cadence between\n * labels in primary color\n * @property {function} secondaryLabelInterval (pxPerSec) -> cadence between\n * labels in secondary color\n * @property {?number} offset Offset for the timeline start in seconds. May also be\n * negative.\n * @property {?boolean} deferInit Set to true to manually call\n * `initPlugin('timeline')`\n */\n\n/**\n * Adds a timeline to the waveform.\n *\n * @implements {PluginClass}\n * @extends {Observer}\n * @example\n * // es6\n * import TimelinePlugin from 'wavesurfer.timeline.js';\n *\n * // commonjs\n * var TimelinePlugin = require('wavesurfer.timeline.js');\n *\n * // if you are using <script> tags\n * var TimelinePlugin = window.WaveSurfer.timeline;\n *\n * // ... initialising wavesurfer with the plugin\n * var wavesurfer = WaveSurfer.create({\n *   // wavesurfer options ...\n *   plugins: [\n *     TimelinePlugin.create({\n *       // plugin options ...\n *     })\n *   ]\n * });\n */\nexport default class TimelinePlugin {\n    /**\n     * Timeline plugin definition factory\n     *\n     * This function must be used to create a plugin definition which can be\n     * used by wavesurfer to correctly instantiate the plugin.\n     *\n     * @param  {TimelinePluginParams} params parameters use to initialise the plugin\n     * @return {PluginDefinition} an object representing the plugin\n     */\n    static create(params) {\n        return {\n            name: 'timeline',\n            deferInit: params && params.deferInit ? params.deferInit : false,\n            params: params,\n            instance: TimelinePlugin\n        };\n    }\n\n    // event handlers\n    _onScroll = () => {\n        if (this.wrapper && this.drawer.wrapper) {\n            this.wrapper.scrollLeft = this.drawer.wrapper.scrollLeft;\n        }\n    };\n\n    /**\n     * @returns {void}\n     */\n    _onRedraw = () => this.render();\n\n    _onReady = () => {\n        const ws = this.wavesurfer;\n        this.drawer = ws.drawer;\n        this.pixelRatio = ws.drawer.params.pixelRatio;\n        this.maxCanvasWidth = ws.drawer.maxCanvasWidth || ws.drawer.width;\n        this.maxCanvasElementWidth =\n            ws.drawer.maxCanvasElementWidth ||\n            Math.round(this.maxCanvasWidth / this.pixelRatio);\n\n        // add listeners\n        ws.drawer.wrapper.addEventListener('scroll', this._onScroll);\n        ws.on('redraw', this._onRedraw);\n        ws.on('zoom', this._onZoom);\n\n        this.render();\n    };\n\n    /**\n     * @param {object} e Click event\n     */\n    _onWrapperClick = e => {\n        e.preventDefault();\n        const relX = 'offsetX' in e ? e.offsetX : e.layerX;\n        this.fireEvent('click', relX / this.wrapper.scrollWidth || 0);\n    };\n\n    /**\n     * Creates an instance of TimelinePlugin.\n     *\n     * You probably want to use TimelinePlugin.create()\n     *\n     * @param {TimelinePluginParams} params Plugin parameters\n     * @param {object} ws Wavesurfer instance\n     */\n    constructor(params, ws) {\n        this.container =\n            'string' == typeof params.container\n                ? document.querySelector(params.container)\n                : params.container;\n\n        if (!this.container) {\n            throw new Error('No container for wavesurfer timeline');\n        }\n\n        this.wavesurfer = ws;\n        this.util = ws.util;\n        this.params = Object.assign(\n            {},\n            {\n                height: 20,\n                notchPercentHeight: 90,\n                labelPadding: 5,\n                unlabeledNotchColor: '#c0c0c0',\n                primaryColor: '#000',\n                secondaryColor: '#c0c0c0',\n                primaryFontColor: '#000',\n                secondaryFontColor: '#000',\n                fontFamily: 'Arial',\n                fontSize: 10,\n                duration: null,\n                zoomDebounce: false,\n                formatTimeCallback: this.defaultFormatTimeCallback,\n                timeInterval: this.defaultTimeInterval,\n                primaryLabelInterval: this.defaultPrimaryLabelInterval,\n                secondaryLabelInterval: this.defaultSecondaryLabelInterval,\n                offset: 0\n            },\n            params\n        );\n\n        this.canvases = [];\n        this.wrapper = null;\n        this.drawer = null;\n        this.pixelRatio = null;\n        this.maxCanvasWidth = null;\n        this.maxCanvasElementWidth = null;\n        /**\n         * This event handler has to be in the constructor function because it\n         * relies on the debounce function which is only available after\n         * instantiation\n         *\n         * Use a debounced function if `params.zoomDebounce` is defined\n         *\n         * @returns {void}\n         */\n        this._onZoom = this.params.zoomDebounce\n            ? this.wavesurfer.util.debounce(\n                () => this.render(),\n                this.params.zoomDebounce\n            )\n            : () => this.render();\n    }\n\n    /**\n     * Initialisation function used by the plugin API\n     */\n    init() {\n        // Check if ws is ready\n        if (this.wavesurfer.isReady) {\n            this._onReady();\n        } else {\n            this.wavesurfer.once('ready', this._onReady);\n        }\n    }\n\n    /**\n     * Destroy function used by the plugin API\n     */\n    destroy() {\n        this.unAll();\n        this.wavesurfer.un('redraw', this._onRedraw);\n        this.wavesurfer.un('zoom', this._onZoom);\n        this.wavesurfer.un('ready', this._onReady);\n        this.wavesurfer.drawer.wrapper.removeEventListener(\n            'scroll',\n            this._onScroll\n        );\n        if (this.wrapper && this.wrapper.parentNode) {\n            this.wrapper.removeEventListener('click', this._onWrapperClick);\n            this.wrapper.parentNode.removeChild(this.wrapper);\n            this.wrapper = null;\n        }\n    }\n\n    /**\n     * Create a timeline element to wrap the canvases drawn by this plugin\n     *\n     */\n    createWrapper() {\n        const wsParams = this.wavesurfer.params;\n        this.container.innerHTML = '';\n        this.wrapper = this.container.appendChild(\n            document.createElement('timeline')\n        );\n        this.util.style(this.wrapper, {\n            display: 'block',\n            position: 'relative',\n            userSelect: 'none',\n            webkitUserSelect: 'none',\n            height: `${this.params.height}px`\n        });\n\n        if (wsParams.fillParent || wsParams.scrollParent) {\n            this.util.style(this.wrapper, {\n                width: '100%',\n                overflowX: 'hidden',\n                overflowY: 'hidden'\n            });\n        }\n\n        this.wrapper.addEventListener('click', this._onWrapperClick);\n    }\n\n    /**\n     * Render the timeline (also updates the already rendered timeline)\n     *\n     */\n    render() {\n        if (!this.wrapper) {\n            this.createWrapper();\n        }\n        this.updateCanvases();\n        this.updateCanvasesPositioning();\n        this.renderCanvases();\n    }\n\n    /**\n     * Add new timeline canvas\n     *\n     */\n    addCanvas() {\n        const canvas = this.wrapper.appendChild(\n            document.createElement('canvas')\n        );\n        this.canvases.push(canvas);\n        this.util.style(canvas, {\n            position: 'absolute',\n            zIndex: 4\n        });\n    }\n\n    /**\n     * Remove timeline canvas\n     *\n     */\n    removeCanvas() {\n        const canvas = this.canvases.pop();\n        canvas.parentElement.removeChild(canvas);\n    }\n\n    /**\n     * Make sure the correct of timeline canvas elements exist and are cached in\n     * this.canvases\n     *\n     */\n    updateCanvases() {\n        const totalWidth = Math.round(this.drawer.wrapper.scrollWidth);\n        const requiredCanvases = Math.ceil(\n            totalWidth / this.maxCanvasElementWidth\n        );\n\n        while (this.canvases.length < requiredCanvases) {\n            this.addCanvas();\n        }\n\n        while (this.canvases.length > requiredCanvases) {\n            this.removeCanvas();\n        }\n    }\n\n    /**\n     * Update the dimensions and positioning style for all the timeline canvases\n     *\n     */\n    updateCanvasesPositioning() {\n        // cache length for performance\n        const canvasesLength = this.canvases.length;\n        this.canvases.forEach((canvas, i) => {\n            // canvas width is the max element width, or if it is the last the\n            // required width\n            const canvasWidth =\n                i === canvasesLength - 1\n                    ? this.drawer.wrapper.scrollWidth -\n                      this.maxCanvasElementWidth * (canvasesLength - 1)\n                    : this.maxCanvasElementWidth;\n            // set dimensions and style\n            canvas.width = canvasWidth * this.pixelRatio;\n            // on certain pixel ratios the canvas appears cut off at the bottom,\n            // therefore leave 1px extra\n            canvas.height = (this.params.height + 1) * this.pixelRatio;\n            this.util.style(canvas, {\n                width: `${canvasWidth}px`,\n                height: `${this.params.height}px`,\n                left: `${i * this.maxCanvasElementWidth}px`\n            });\n        });\n    }\n\n    /**\n     * Render the timeline labels and notches\n     *\n     */\n    renderCanvases() {\n        const duration =\n            this.params.duration ||\n            this.wavesurfer.backend.getDuration();\n\n        if (duration <= 0) {\n            return;\n        }\n        const wsParams = this.wavesurfer.params;\n        const fontSize = this.params.fontSize * wsParams.pixelRatio;\n        const totalSeconds = parseInt(duration, 10) + 1;\n        const width =\n            wsParams.fillParent && !wsParams.scrollParent\n                ? this.drawer.getWidth()\n                : this.drawer.wrapper.scrollWidth * wsParams.pixelRatio;\n        const height1 = this.params.height * this.pixelRatio;\n        const height2 =\n            this.params.height *\n            (this.params.notchPercentHeight / 100) *\n            this.pixelRatio;\n        const pixelsPerSecond = width / duration;\n\n        const formatTime = this.params.formatTimeCallback;\n        // if parameter is function, call the function with\n        // pixelsPerSecond, otherwise simply take the value as-is\n        const intervalFnOrVal = option =>\n            typeof option === 'function' ? option(pixelsPerSecond) : option;\n        const timeInterval = intervalFnOrVal(this.params.timeInterval);\n        const primaryLabelInterval = intervalFnOrVal(\n            this.params.primaryLabelInterval\n        );\n        const secondaryLabelInterval = intervalFnOrVal(\n            this.params.secondaryLabelInterval\n        );\n\n        let curPixel = pixelsPerSecond * this.params.offset;\n        let curSeconds = 0;\n        let i;\n        // build an array of position data with index, second and pixel data,\n        // this is then used multiple times below\n        const positioning = [];\n\n        // render until end in case we have a negative offset\n        const renderSeconds = (this.params.offset < 0)\n            ? totalSeconds - this.params.offset\n            : totalSeconds;\n\n        for (i = 0; i < renderSeconds / timeInterval; i++) {\n            positioning.push([i, curSeconds, curPixel]);\n            curSeconds += timeInterval;\n            curPixel += pixelsPerSecond * timeInterval;\n        }\n\n        // iterate over each position\n        const renderPositions = cb => {\n            positioning.forEach(pos => {\n                cb(pos[0], pos[1], pos[2]);\n            });\n        };\n\n        // render primary labels\n        this.setFillStyles(this.params.primaryColor);\n        this.setFonts(`${fontSize}px ${this.params.fontFamily}`);\n        this.setFillStyles(this.params.primaryFontColor);\n        renderPositions((i, curSeconds, curPixel) => {\n            if (i % primaryLabelInterval === 0) {\n                this.fillRect(curPixel, 0, 1, height1);\n                this.fillText(\n                    formatTime(curSeconds, pixelsPerSecond),\n                    curPixel + this.params.labelPadding * this.pixelRatio,\n                    height1\n                );\n            }\n        });\n\n        // render secondary labels\n        this.setFillStyles(this.params.secondaryColor);\n        this.setFonts(`${fontSize}px ${this.params.fontFamily}`);\n        this.setFillStyles(this.params.secondaryFontColor);\n        renderPositions((i, curSeconds, curPixel) => {\n            if (i % secondaryLabelInterval === 0) {\n                this.fillRect(curPixel, 0, 1, height1);\n                this.fillText(\n                    formatTime(curSeconds, pixelsPerSecond),\n                    curPixel + this.params.labelPadding * this.pixelRatio,\n                    height1\n                );\n            }\n        });\n\n        // render the actual notches (when no labels are used)\n        this.setFillStyles(this.params.unlabeledNotchColor);\n        renderPositions((i, curSeconds, curPixel) => {\n            if (\n                i % secondaryLabelInterval !== 0 &&\n                i % primaryLabelInterval !== 0\n            ) {\n                this.fillRect(curPixel, 0, 1, height2);\n            }\n        });\n    }\n\n    /**\n     * Set the canvas fill style\n     *\n     * @param {DOMString|CanvasGradient|CanvasPattern} fillStyle Fill style to\n     * use\n     */\n    setFillStyles(fillStyle) {\n        this.canvases.forEach(canvas => {\n            const context = canvas.getContext('2d');\n            if (context) {\n                context.fillStyle = fillStyle;\n            }\n        });\n    }\n\n    /**\n     * Set the canvas font\n     *\n     * @param {DOMString} font Font to use\n     */\n    setFonts(font) {\n        this.canvases.forEach(canvas => {\n            const context = canvas.getContext('2d');\n            if (context) {\n                context.font = font;\n            }\n        });\n    }\n\n    /**\n     * Draw a rectangle on the canvases\n     *\n     * (it figures out the offset for each canvas)\n     *\n     * @param {number} x X-position\n     * @param {number} y Y-position\n     * @param {number} width Width\n     * @param {number} height Height\n     */\n    fillRect(x, y, width, height) {\n        this.canvases.forEach((canvas, i) => {\n            const leftOffset = i * this.maxCanvasWidth;\n\n            const intersection = {\n                x1: Math.max(x, i * this.maxCanvasWidth),\n                y1: y,\n                x2: Math.min(x + width, i * this.maxCanvasWidth + canvas.width),\n                y2: y + height\n            };\n\n            if (intersection.x1 < intersection.x2) {\n                const context = canvas\n                    .getContext('2d');\n                if (context) {\n                    context\n                        .fillRect(\n                            intersection.x1 - leftOffset,\n                            intersection.y1,\n                            intersection.x2 - intersection.x1,\n                            intersection.y2 - intersection.y1\n                        );\n                }\n            }\n        });\n    }\n\n    /**\n     * Fill a given text on the canvases\n     *\n     * @param {string} text Text to render\n     * @param {number} x X-position\n     * @param {number} y Y-position\n     */\n    fillText(text, x, y) {\n        let textWidth;\n        let xOffset = 0;\n\n        this.canvases.forEach(canvas => {\n            const context = canvas.getContext('2d');\n            if (context) {\n                const canvasWidth = context.canvas.width;\n\n                if (xOffset > x + textWidth) {\n                    return;\n                }\n\n                if (xOffset + canvasWidth > x && context) {\n                    textWidth = context.measureText(text).width;\n                    context.fillText(text, x - xOffset, y);\n                }\n\n                xOffset += canvasWidth;\n            }\n        });\n    }\n\n    /**\n     * Turn the time into a suitable label for the time.\n     *\n     * @param {number} seconds Seconds to format\n     * @param {number} pxPerSec Pixels per second\n     * @returns {number} Time\n     */\n    defaultFormatTimeCallback(seconds, pxPerSec) {\n        if (seconds / 60 > 1) {\n            // calculate minutes and seconds from seconds count\n            const minutes = parseInt(seconds / 60, 10);\n            seconds = parseInt(seconds % 60, 10);\n            // fill up seconds with zeroes\n            seconds = seconds < 10 ? '0' + seconds : seconds;\n            return `${minutes}:${seconds}`;\n        }\n        return Math.round(seconds * 1000) / 1000;\n    }\n\n    /**\n     * Return how many seconds should be between each notch\n     *\n     * @param {number} pxPerSec Pixels per second\n     * @returns {number} Time\n     */\n    defaultTimeInterval(pxPerSec) {\n        if (pxPerSec >= 25) {\n            return 1;\n        } else if (pxPerSec * 5 >= 25) {\n            return 5;\n        } else if (pxPerSec * 15 >= 25) {\n            return 15;\n        }\n        return Math.ceil(0.5 / pxPerSec) * 60;\n    }\n\n    /**\n     * Return the cadence of notches that get labels in the primary color.\n     *\n     * @param {number} pxPerSec Pixels per second\n     * @returns {number} Cadence\n     */\n    defaultPrimaryLabelInterval(pxPerSec) {\n        if (pxPerSec >= 25) {\n            return 10;\n        } else if (pxPerSec * 5 >= 25) {\n            return 6;\n        } else if (pxPerSec * 15 >= 25) {\n            return 4;\n        }\n        return 4;\n    }\n\n    /**\n     * Return the cadence of notches that get labels in the secondary color.\n     *\n     * @param {number} pxPerSec Pixels per second\n     * @returns {number} Cadence\n     */\n    defaultSecondaryLabelInterval(pxPerSec) {\n        if (pxPerSec >= 25) {\n            return 5;\n        } else if (pxPerSec * 5 >= 25) {\n            return 2;\n        } else if (pxPerSec * 15 >= 25) {\n            return 2;\n        }\n        return 2;\n    }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","","// startup\n// Load entry module and return exports\n// This entry module is referenced by other modules so it can't be inlined\nvar __webpack_exports__ = __webpack_require__(\"./src/plugin/timeline/index.js\");\n",""],"names":["TimelinePlugin","params","ws","wrapper","drawer","scrollLeft","render","wavesurfer","pixelRatio","maxCanvasWidth","width","maxCanvasElementWidth","Math","round","addEventListener","_onScroll","on","_onRedraw","_onZoom","e","preventDefault","relX","offsetX","layerX","fireEvent","scrollWidth","container","document","querySelector","Error","util","Object","assign","height","notchPercentHeight","labelPadding","unlabeledNotchColor","primaryColor","secondaryColor","primaryFontColor","secondaryFontColor","fontFamily","fontSize","duration","zoomDebounce","formatTimeCallback","defaultFormatTimeCallback","timeInterval","defaultTimeInterval","primaryLabelInterval","defaultPrimaryLabelInterval","secondaryLabelInterval","defaultSecondaryLabelInterval","offset","canvases","debounce","isReady","_onReady","once","unAll","un","removeEventListener","parentNode","_onWrapperClick","removeChild","wsParams","innerHTML","appendChild","createElement","style","display","position","userSelect","webkitUserSelect","fillParent","scrollParent","overflowX","overflowY","createWrapper","updateCanvases","updateCanvasesPositioning","renderCanvases","canvas","push","zIndex","pop","parentElement","totalWidth","requiredCanvases","ceil","length","addCanvas","removeCanvas","canvasesLength","forEach","i","canvasWidth","left","backend","getDuration","totalSeconds","parseInt","getWidth","height1","height2","pixelsPerSecond","formatTime","intervalFnOrVal","option","curPixel","curSeconds","positioning","renderSeconds","renderPositions","cb","pos","setFillStyles","setFonts","fillRect","fillText","fillStyle","context","getContext","font","x","y","leftOffset","intersection","x1","max","y1","x2","min","y2","text","textWidth","xOffset","measureText","seconds","pxPerSec","minutes","name","deferInit","instance"],"sourceRoot":""}

package/dist/plugin/wavesurfer.timeline.min.js

@@ -1,5 +1,5 @@
 /*!
- * wavesurfer.js timeline plugin 6.2.0 (2022-05-16)
+ * wavesurfer.js timeline plugin 6.4.0 (2022-11-05)
  * https://wavesurfer-js.org
  * @license BSD-3-Clause
  */

package/dist/plugin/wavesurfer.timeline.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"wavesurfer.timeline.min.js","mappings":"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","sources":["webpack://WaveSurfer/webpack/universalModuleDefinition","webpack://WaveSurfer/./src/plugin/timeline/index.js","webpack://WaveSurfer/webpack/bootstrap","webpack://WaveSurfer/webpack/startup"],"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(\"WaveSurfer\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"WaveSurfer\"] = factory();\n\telse\n\t\troot[\"WaveSurfer\"] = root[\"WaveSurfer\"] || {}, root[\"WaveSurfer\"][\"timeline\"] = factory();\n})(self, () => {\nreturn ","/**\n * @typedef {Object} TimelinePluginParams\n * @desc Extends the `WavesurferParams` wavesurfer was initialised with\n * @property {!string|HTMLElement} container CSS selector or HTML element where\n * the timeline should be drawn. This is the only required parameter.\n * @property {number} notchPercentHeight=90 Height of notches in percent\n * @property {string} unlabeledNotchColor='#c0c0c0' The colour of the notches\n * that do not have labels\n * @property {string} primaryColor='#000' The colour of the main notches\n * @property {string} secondaryColor='#c0c0c0' The colour of the secondary\n * notches\n * @property {string} primaryFontColor='#000' The colour of the labels next to\n * the main notches\n * @property {string} secondaryFontColor='#000' The colour of the labels next to\n * the secondary notches\n * @property {number} labelPadding=5 The padding between the label and the notch\n * @property {?number} zoomDebounce A debounce timeout to increase rendering\n * performance for large files\n * @property {string} fontFamily='Arial'\n * @property {number} fontSize=10 Font size of labels in pixels\n * @property {?number} duration Length of the track in seconds. Overrides\n * getDuration() for setting length of timeline\n * @property {function} formatTimeCallback (sec, pxPerSec) -> label\n * @property {function} timeInterval (pxPerSec) -> seconds between notches\n * @property {function} primaryLabelInterval (pxPerSec) -> cadence between\n * labels in primary color\n * @property {function} secondaryLabelInterval (pxPerSec) -> cadence between\n * labels in secondary color\n * @property {?number} offset Offset for the timeline start in seconds. May also be\n * negative.\n * @property {?boolean} deferInit Set to true to manually call\n * `initPlugin('timeline')`\n */\n\n/**\n * Adds a timeline to the waveform.\n *\n * @implements {PluginClass}\n * @extends {Observer}\n * @example\n * // es6\n * import TimelinePlugin from 'wavesurfer.timeline.js';\n *\n * // commonjs\n * var TimelinePlugin = require('wavesurfer.timeline.js');\n *\n * // if you are using <script> tags\n * var TimelinePlugin = window.WaveSurfer.timeline;\n *\n * // ... initialising wavesurfer with the plugin\n * var wavesurfer = WaveSurfer.create({\n *   // wavesurfer options ...\n *   plugins: [\n *     TimelinePlugin.create({\n *       // plugin options ...\n *     })\n *   ]\n * });\n */\nexport default class TimelinePlugin {\n    /**\n     * Timeline plugin definition factory\n     *\n     * This function must be used to create a plugin definition which can be\n     * used by wavesurfer to correctly instantiate the plugin.\n     *\n     * @param  {TimelinePluginParams} params parameters use to initialise the plugin\n     * @return {PluginDefinition} an object representing the plugin\n     */\n    static create(params) {\n        return {\n            name: 'timeline',\n            deferInit: params && params.deferInit ? params.deferInit : false,\n            params: params,\n            instance: TimelinePlugin\n        };\n    }\n\n    // event handlers\n    _onScroll = () => {\n        if (this.wrapper && this.drawer.wrapper) {\n            this.wrapper.scrollLeft = this.drawer.wrapper.scrollLeft;\n        }\n    };\n\n    /**\n     * @returns {void}\n     */\n    _onRedraw = () => this.render();\n\n    _onReady = () => {\n        const ws = this.wavesurfer;\n        this.drawer = ws.drawer;\n        this.pixelRatio = ws.drawer.params.pixelRatio;\n        this.maxCanvasWidth = ws.drawer.maxCanvasWidth || ws.drawer.width;\n        this.maxCanvasElementWidth =\n            ws.drawer.maxCanvasElementWidth ||\n            Math.round(this.maxCanvasWidth / this.pixelRatio);\n\n        // add listeners\n        ws.drawer.wrapper.addEventListener('scroll', this._onScroll);\n        ws.on('redraw', this._onRedraw);\n        ws.on('zoom', this._onZoom);\n\n        this.render();\n    };\n\n    /**\n     * @param {object} e Click event\n     */\n    _onWrapperClick = e => {\n        e.preventDefault();\n        const relX = 'offsetX' in e ? e.offsetX : e.layerX;\n        this.fireEvent('click', relX / this.wrapper.scrollWidth || 0);\n    };\n\n    /**\n     * Creates an instance of TimelinePlugin.\n     *\n     * You probably want to use TimelinePlugin.create()\n     *\n     * @param {TimelinePluginParams} params Plugin parameters\n     * @param {object} ws Wavesurfer instance\n     */\n    constructor(params, ws) {\n        this.container =\n            'string' == typeof params.container\n                ? document.querySelector(params.container)\n                : params.container;\n\n        if (!this.container) {\n            throw new Error('No container for wavesurfer timeline');\n        }\n\n        this.wavesurfer = ws;\n        this.util = ws.util;\n        this.params = Object.assign(\n            {},\n            {\n                height: 20,\n                notchPercentHeight: 90,\n                labelPadding: 5,\n                unlabeledNotchColor: '#c0c0c0',\n                primaryColor: '#000',\n                secondaryColor: '#c0c0c0',\n                primaryFontColor: '#000',\n                secondaryFontColor: '#000',\n                fontFamily: 'Arial',\n                fontSize: 10,\n                duration: null,\n                zoomDebounce: false,\n                formatTimeCallback: this.defaultFormatTimeCallback,\n                timeInterval: this.defaultTimeInterval,\n                primaryLabelInterval: this.defaultPrimaryLabelInterval,\n                secondaryLabelInterval: this.defaultSecondaryLabelInterval,\n                offset: 0\n            },\n            params\n        );\n\n        this.canvases = [];\n        this.wrapper = null;\n        this.drawer = null;\n        this.pixelRatio = null;\n        this.maxCanvasWidth = null;\n        this.maxCanvasElementWidth = null;\n        /**\n         * This event handler has to be in the constructor function because it\n         * relies on the debounce function which is only available after\n         * instantiation\n         *\n         * Use a debounced function if `params.zoomDebounce` is defined\n         *\n         * @returns {void}\n         */\n        this._onZoom = this.params.zoomDebounce\n            ? this.wavesurfer.util.debounce(\n                () => this.render(),\n                this.params.zoomDebounce\n            )\n            : () => this.render();\n    }\n\n    /**\n     * Initialisation function used by the plugin API\n     */\n    init() {\n        // Check if ws is ready\n        if (this.wavesurfer.isReady) {\n            this._onReady();\n        } else {\n            this.wavesurfer.once('ready', this._onReady);\n        }\n    }\n\n    /**\n     * Destroy function used by the plugin API\n     */\n    destroy() {\n        this.unAll();\n        this.wavesurfer.un('redraw', this._onRedraw);\n        this.wavesurfer.un('zoom', this._onZoom);\n        this.wavesurfer.un('ready', this._onReady);\n        this.wavesurfer.drawer.wrapper.removeEventListener(\n            'scroll',\n            this._onScroll\n        );\n        if (this.wrapper && this.wrapper.parentNode) {\n            this.wrapper.removeEventListener('click', this._onWrapperClick);\n            this.wrapper.parentNode.removeChild(this.wrapper);\n            this.wrapper = null;\n        }\n    }\n\n    /**\n     * Create a timeline element to wrap the canvases drawn by this plugin\n     *\n     */\n    createWrapper() {\n        const wsParams = this.wavesurfer.params;\n        this.container.innerHTML = '';\n        this.wrapper = this.container.appendChild(\n            document.createElement('timeline')\n        );\n        this.util.style(this.wrapper, {\n            display: 'block',\n            position: 'relative',\n            userSelect: 'none',\n            webkitUserSelect: 'none',\n            height: `${this.params.height}px`\n        });\n\n        if (wsParams.fillParent || wsParams.scrollParent) {\n            this.util.style(this.wrapper, {\n                width: '100%',\n                overflowX: 'hidden',\n                overflowY: 'hidden'\n            });\n        }\n\n        this.wrapper.addEventListener('click', this._onWrapperClick);\n    }\n\n    /**\n     * Render the timeline (also updates the already rendered timeline)\n     *\n     */\n    render() {\n        if (!this.wrapper) {\n            this.createWrapper();\n        }\n        this.updateCanvases();\n        this.updateCanvasesPositioning();\n        this.renderCanvases();\n    }\n\n    /**\n     * Add new timeline canvas\n     *\n     */\n    addCanvas() {\n        const canvas = this.wrapper.appendChild(\n            document.createElement('canvas')\n        );\n        this.canvases.push(canvas);\n        this.util.style(canvas, {\n            position: 'absolute',\n            zIndex: 4\n        });\n    }\n\n    /**\n     * Remove timeline canvas\n     *\n     */\n    removeCanvas() {\n        const canvas = this.canvases.pop();\n        canvas.parentElement.removeChild(canvas);\n    }\n\n    /**\n     * Make sure the correct of timeline canvas elements exist and are cached in\n     * this.canvases\n     *\n     */\n    updateCanvases() {\n        const totalWidth = Math.round(this.drawer.wrapper.scrollWidth);\n        const requiredCanvases = Math.ceil(\n            totalWidth / this.maxCanvasElementWidth\n        );\n\n        while (this.canvases.length < requiredCanvases) {\n            this.addCanvas();\n        }\n\n        while (this.canvases.length > requiredCanvases) {\n            this.removeCanvas();\n        }\n    }\n\n    /**\n     * Update the dimensions and positioning style for all the timeline canvases\n     *\n     */\n    updateCanvasesPositioning() {\n        // cache length for performance\n        const canvasesLength = this.canvases.length;\n        this.canvases.forEach((canvas, i) => {\n            // canvas width is the max element width, or if it is the last the\n            // required width\n            const canvasWidth =\n                i === canvasesLength - 1\n                    ? this.drawer.wrapper.scrollWidth -\n                      this.maxCanvasElementWidth * (canvasesLength - 1)\n                    : this.maxCanvasElementWidth;\n            // set dimensions and style\n            canvas.width = canvasWidth * this.pixelRatio;\n            // on certain pixel ratios the canvas appears cut off at the bottom,\n            // therefore leave 1px extra\n            canvas.height = (this.params.height + 1) * this.pixelRatio;\n            this.util.style(canvas, {\n                width: `${canvasWidth}px`,\n                height: `${this.params.height}px`,\n                left: `${i * this.maxCanvasElementWidth}px`\n            });\n        });\n    }\n\n    /**\n     * Render the timeline labels and notches\n     *\n     */\n    renderCanvases() {\n        const duration =\n            this.params.duration ||\n            this.wavesurfer.backend.getDuration();\n\n        if (duration <= 0) {\n            return;\n        }\n        const wsParams = this.wavesurfer.params;\n        const fontSize = this.params.fontSize * wsParams.pixelRatio;\n        const totalSeconds = parseInt(duration, 10) + 1;\n        const width =\n            wsParams.fillParent && !wsParams.scrollParent\n                ? this.drawer.getWidth()\n                : this.drawer.wrapper.scrollWidth * wsParams.pixelRatio;\n        const height1 = this.params.height * this.pixelRatio;\n        const height2 =\n            this.params.height *\n            (this.params.notchPercentHeight / 100) *\n            this.pixelRatio;\n        const pixelsPerSecond = width / duration;\n\n        const formatTime = this.params.formatTimeCallback;\n        // if parameter is function, call the function with\n        // pixelsPerSecond, otherwise simply take the value as-is\n        const intervalFnOrVal = option =>\n            typeof option === 'function' ? option(pixelsPerSecond) : option;\n        const timeInterval = intervalFnOrVal(this.params.timeInterval);\n        const primaryLabelInterval = intervalFnOrVal(\n            this.params.primaryLabelInterval\n        );\n        const secondaryLabelInterval = intervalFnOrVal(\n            this.params.secondaryLabelInterval\n        );\n\n        let curPixel = pixelsPerSecond * this.params.offset;\n        let curSeconds = 0;\n        let i;\n        // build an array of position data with index, second and pixel data,\n        // this is then used multiple times below\n        const positioning = [];\n\n        // render until end in case we have a negative offset\n        const renderSeconds = (this.params.offset < 0)\n            ? totalSeconds - this.params.offset\n            : totalSeconds;\n\n        for (i = 0; i < renderSeconds / timeInterval; i++) {\n            positioning.push([i, curSeconds, curPixel]);\n            curSeconds += timeInterval;\n            curPixel += pixelsPerSecond * timeInterval;\n        }\n\n        // iterate over each position\n        const renderPositions = cb => {\n            positioning.forEach(pos => {\n                cb(pos[0], pos[1], pos[2]);\n            });\n        };\n\n        // render primary labels\n        this.setFillStyles(this.params.primaryColor);\n        this.setFonts(`${fontSize}px ${this.params.fontFamily}`);\n        this.setFillStyles(this.params.primaryFontColor);\n        renderPositions((i, curSeconds, curPixel) => {\n            if (i % primaryLabelInterval === 0) {\n                this.fillRect(curPixel, 0, 1, height1);\n                this.fillText(\n                    formatTime(curSeconds, pixelsPerSecond),\n                    curPixel + this.params.labelPadding * this.pixelRatio,\n                    height1\n                );\n            }\n        });\n\n        // render secondary labels\n        this.setFillStyles(this.params.secondaryColor);\n        this.setFonts(`${fontSize}px ${this.params.fontFamily}`);\n        this.setFillStyles(this.params.secondaryFontColor);\n        renderPositions((i, curSeconds, curPixel) => {\n            if (i % secondaryLabelInterval === 0) {\n                this.fillRect(curPixel, 0, 1, height1);\n                this.fillText(\n                    formatTime(curSeconds, pixelsPerSecond),\n                    curPixel + this.params.labelPadding * this.pixelRatio,\n                    height1\n                );\n            }\n        });\n\n        // render the actual notches (when no labels are used)\n        this.setFillStyles(this.params.unlabeledNotchColor);\n        renderPositions((i, curSeconds, curPixel) => {\n            if (\n                i % secondaryLabelInterval !== 0 &&\n                i % primaryLabelInterval !== 0\n            ) {\n                this.fillRect(curPixel, 0, 1, height2);\n            }\n        });\n    }\n\n    /**\n     * Set the canvas fill style\n     *\n     * @param {DOMString|CanvasGradient|CanvasPattern} fillStyle Fill style to\n     * use\n     */\n    setFillStyles(fillStyle) {\n        this.canvases.forEach(canvas => {\n            const context = canvas.getContext('2d');\n            if (context) {\n                context.fillStyle = fillStyle;\n            }\n        });\n    }\n\n    /**\n     * Set the canvas font\n     *\n     * @param {DOMString} font Font to use\n     */\n    setFonts(font) {\n        this.canvases.forEach(canvas => {\n            const context = canvas.getContext('2d');\n            if (context) {\n                context.font = font;\n            }\n        });\n    }\n\n    /**\n     * Draw a rectangle on the canvases\n     *\n     * (it figures out the offset for each canvas)\n     *\n     * @param {number} x X-position\n     * @param {number} y Y-position\n     * @param {number} width Width\n     * @param {number} height Height\n     */\n    fillRect(x, y, width, height) {\n        this.canvases.forEach((canvas, i) => {\n            const leftOffset = i * this.maxCanvasWidth;\n\n            const intersection = {\n                x1: Math.max(x, i * this.maxCanvasWidth),\n                y1: y,\n                x2: Math.min(x + width, i * this.maxCanvasWidth + canvas.width),\n                y2: y + height\n            };\n\n            if (intersection.x1 < intersection.x2) {\n                const context = canvas\n                    .getContext('2d');\n                if (context) {\n                    context\n                        .fillRect(\n                            intersection.x1 - leftOffset,\n                            intersection.y1,\n                            intersection.x2 - intersection.x1,\n                            intersection.y2 - intersection.y1\n                        );\n                }\n            }\n        });\n    }\n\n    /**\n     * Fill a given text on the canvases\n     *\n     * @param {string} text Text to render\n     * @param {number} x X-position\n     * @param {number} y Y-position\n     */\n    fillText(text, x, y) {\n        let textWidth;\n        let xOffset = 0;\n\n        this.canvases.forEach(canvas => {\n            const context = canvas.getContext('2d');\n            if (context) {\n                const canvasWidth = context.canvas.width;\n\n                if (xOffset > x + textWidth) {\n                    return;\n                }\n\n                if (xOffset + canvasWidth > x && context) {\n                    textWidth = context.measureText(text).width;\n                    context.fillText(text, x - xOffset, y);\n                }\n\n                xOffset += canvasWidth;\n            }\n        });\n    }\n\n    /**\n     * Turn the time into a suitable label for the time.\n     *\n     * @param {number} seconds Seconds to format\n     * @param {number} pxPerSec Pixels per second\n     * @returns {number} Time\n     */\n    defaultFormatTimeCallback(seconds, pxPerSec) {\n        if (seconds / 60 > 1) {\n            // calculate minutes and seconds from seconds count\n            const minutes = parseInt(seconds / 60, 10);\n            seconds = parseInt(seconds % 60, 10);\n            // fill up seconds with zeroes\n            seconds = seconds < 10 ? '0' + seconds : seconds;\n            return `${minutes}:${seconds}`;\n        }\n        return Math.round(seconds * 1000) / 1000;\n    }\n\n    /**\n     * Return how many seconds should be between each notch\n     *\n     * @param {number} pxPerSec Pixels per second\n     * @returns {number} Time\n     */\n    defaultTimeInterval(pxPerSec) {\n        if (pxPerSec >= 25) {\n            return 1;\n        } else if (pxPerSec * 5 >= 25) {\n            return 5;\n        } else if (pxPerSec * 15 >= 25) {\n            return 15;\n        }\n        return Math.ceil(0.5 / pxPerSec) * 60;\n    }\n\n    /**\n     * Return the cadence of notches that get labels in the primary color.\n     *\n     * @param {number} pxPerSec Pixels per second\n     * @returns {number} Cadence\n     */\n    defaultPrimaryLabelInterval(pxPerSec) {\n        if (pxPerSec >= 25) {\n            return 10;\n        } else if (pxPerSec * 5 >= 25) {\n            return 6;\n        } else if (pxPerSec * 15 >= 25) {\n            return 4;\n        }\n        return 4;\n    }\n\n    /**\n     * Return the cadence of notches that get labels in the secondary color.\n     *\n     * @param {number} pxPerSec Pixels per second\n     * @returns {number} Cadence\n     */\n    defaultSecondaryLabelInterval(pxPerSec) {\n        if (pxPerSec >= 25) {\n            return 5;\n        } else if (pxPerSec * 5 >= 25) {\n            return 2;\n        } else if (pxPerSec * 15 >= 25) {\n            return 2;\n        }\n        return 2;\n    }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// startup\n// Load entry module and return exports\n// This entry module is referenced by other modules so it can't be inlined\nvar __webpack_exports__ = __webpack_require__(171);\n"],"names":["root","factory","exports","module","define","amd","self","TimelinePlugin","params","ws","wrapper","drawer","scrollLeft","render","wavesurfer","pixelRatio","maxCanvasWidth","width","maxCanvasElementWidth","Math","round","addEventListener","_onScroll","on","_onRedraw","_onZoom","e","preventDefault","relX","offsetX","layerX","fireEvent","scrollWidth","this","container","document","querySelector","Error","util","Object","assign","height","notchPercentHeight","labelPadding","unlabeledNotchColor","primaryColor","secondaryColor","primaryFontColor","secondaryFontColor","fontFamily","fontSize","duration","zoomDebounce","formatTimeCallback","defaultFormatTimeCallback","timeInterval","defaultTimeInterval","primaryLabelInterval","defaultPrimaryLabelInterval","secondaryLabelInterval","defaultSecondaryLabelInterval","offset","canvases","debounce","name","deferInit","instance","isReady","_onReady","once","unAll","un","removeEventListener","parentNode","_onWrapperClick","removeChild","wsParams","innerHTML","appendChild","createElement","style","display","position","userSelect","webkitUserSelect","fillParent","scrollParent","overflowX","overflowY","createWrapper","updateCanvases","updateCanvasesPositioning","renderCanvases","canvas","push","zIndex","pop","parentElement","totalWidth","requiredCanvases","ceil","length","addCanvas","removeCanvas","canvasesLength","forEach","i","canvasWidth","left","backend","getDuration","totalSeconds","parseInt","getWidth","height1","height2","pixelsPerSecond","formatTime","intervalFnOrVal","option","curPixel","curSeconds","positioning","renderSeconds","renderPositions","cb","pos","setFillStyles","setFonts","fillRect","fillText","fillStyle","context","getContext","font","x","y","leftOffset","intersection","x1","max","y1","x2","min","y2","text","textWidth","xOffset","measureText","seconds","pxPerSec","minutes","__webpack_module_cache__","__webpack_exports__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__"],"sourceRoot":""}
+{"version":3,"file":"wavesurfer.timeline.min.js","mappings":"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","sources":["webpack://WaveSurfer/webpack/universalModuleDefinition","webpack://WaveSurfer/./src/plugin/timeline/index.js","webpack://WaveSurfer/webpack/bootstrap","webpack://WaveSurfer/webpack/startup"],"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(\"WaveSurfer\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"WaveSurfer\"] = factory();\n\telse\n\t\troot[\"WaveSurfer\"] = root[\"WaveSurfer\"] || {}, root[\"WaveSurfer\"][\"timeline\"] = factory();\n})(self, () => {\nreturn ","/**\n * @typedef {Object} TimelinePluginParams\n * @desc Extends the `WavesurferParams` wavesurfer was initialised with\n * @property {!string|HTMLElement} container CSS selector or HTML element where\n * the timeline should be drawn. This is the only required parameter.\n * @property {number} notchPercentHeight=90 Height of notches in percent\n * @property {string} unlabeledNotchColor='#c0c0c0' The colour of the notches\n * that do not have labels\n * @property {string} primaryColor='#000' The colour of the main notches\n * @property {string} secondaryColor='#c0c0c0' The colour of the secondary\n * notches\n * @property {string} primaryFontColor='#000' The colour of the labels next to\n * the main notches\n * @property {string} secondaryFontColor='#000' The colour of the labels next to\n * the secondary notches\n * @property {number} labelPadding=5 The padding between the label and the notch\n * @property {?number} zoomDebounce A debounce timeout to increase rendering\n * performance for large files\n * @property {string} fontFamily='Arial'\n * @property {number} fontSize=10 Font size of labels in pixels\n * @property {?number} duration Length of the track in seconds. Overrides\n * getDuration() for setting length of timeline\n * @property {function} formatTimeCallback (sec, pxPerSec) -> label\n * @property {function} timeInterval (pxPerSec) -> seconds between notches\n * @property {function} primaryLabelInterval (pxPerSec) -> cadence between\n * labels in primary color\n * @property {function} secondaryLabelInterval (pxPerSec) -> cadence between\n * labels in secondary color\n * @property {?number} offset Offset for the timeline start in seconds. May also be\n * negative.\n * @property {?boolean} deferInit Set to true to manually call\n * `initPlugin('timeline')`\n */\n\n/**\n * Adds a timeline to the waveform.\n *\n * @implements {PluginClass}\n * @extends {Observer}\n * @example\n * // es6\n * import TimelinePlugin from 'wavesurfer.timeline.js';\n *\n * // commonjs\n * var TimelinePlugin = require('wavesurfer.timeline.js');\n *\n * // if you are using <script> tags\n * var TimelinePlugin = window.WaveSurfer.timeline;\n *\n * // ... initialising wavesurfer with the plugin\n * var wavesurfer = WaveSurfer.create({\n *   // wavesurfer options ...\n *   plugins: [\n *     TimelinePlugin.create({\n *       // plugin options ...\n *     })\n *   ]\n * });\n */\nexport default class TimelinePlugin {\n    /**\n     * Timeline plugin definition factory\n     *\n     * This function must be used to create a plugin definition which can be\n     * used by wavesurfer to correctly instantiate the plugin.\n     *\n     * @param  {TimelinePluginParams} params parameters use to initialise the plugin\n     * @return {PluginDefinition} an object representing the plugin\n     */\n    static create(params) {\n        return {\n            name: 'timeline',\n            deferInit: params && params.deferInit ? params.deferInit : false,\n            params: params,\n            instance: TimelinePlugin\n        };\n    }\n\n    // event handlers\n    _onScroll = () => {\n        if (this.wrapper && this.drawer.wrapper) {\n            this.wrapper.scrollLeft = this.drawer.wrapper.scrollLeft;\n        }\n    };\n\n    /**\n     * @returns {void}\n     */\n    _onRedraw = () => this.render();\n\n    _onReady = () => {\n        const ws = this.wavesurfer;\n        this.drawer = ws.drawer;\n        this.pixelRatio = ws.drawer.params.pixelRatio;\n        this.maxCanvasWidth = ws.drawer.maxCanvasWidth || ws.drawer.width;\n        this.maxCanvasElementWidth =\n            ws.drawer.maxCanvasElementWidth ||\n            Math.round(this.maxCanvasWidth / this.pixelRatio);\n\n        // add listeners\n        ws.drawer.wrapper.addEventListener('scroll', this._onScroll);\n        ws.on('redraw', this._onRedraw);\n        ws.on('zoom', this._onZoom);\n\n        this.render();\n    };\n\n    /**\n     * @param {object} e Click event\n     */\n    _onWrapperClick = e => {\n        e.preventDefault();\n        const relX = 'offsetX' in e ? e.offsetX : e.layerX;\n        this.fireEvent('click', relX / this.wrapper.scrollWidth || 0);\n    };\n\n    /**\n     * Creates an instance of TimelinePlugin.\n     *\n     * You probably want to use TimelinePlugin.create()\n     *\n     * @param {TimelinePluginParams} params Plugin parameters\n     * @param {object} ws Wavesurfer instance\n     */\n    constructor(params, ws) {\n        this.container =\n            'string' == typeof params.container\n                ? document.querySelector(params.container)\n                : params.container;\n\n        if (!this.container) {\n            throw new Error('No container for wavesurfer timeline');\n        }\n\n        this.wavesurfer = ws;\n        this.util = ws.util;\n        this.params = Object.assign(\n            {},\n            {\n                height: 20,\n                notchPercentHeight: 90,\n                labelPadding: 5,\n                unlabeledNotchColor: '#c0c0c0',\n                primaryColor: '#000',\n                secondaryColor: '#c0c0c0',\n                primaryFontColor: '#000',\n                secondaryFontColor: '#000',\n                fontFamily: 'Arial',\n                fontSize: 10,\n                duration: null,\n                zoomDebounce: false,\n                formatTimeCallback: this.defaultFormatTimeCallback,\n                timeInterval: this.defaultTimeInterval,\n                primaryLabelInterval: this.defaultPrimaryLabelInterval,\n                secondaryLabelInterval: this.defaultSecondaryLabelInterval,\n                offset: 0\n            },\n            params\n        );\n\n        this.canvases = [];\n        this.wrapper = null;\n        this.drawer = null;\n        this.pixelRatio = null;\n        this.maxCanvasWidth = null;\n        this.maxCanvasElementWidth = null;\n        /**\n         * This event handler has to be in the constructor function because it\n         * relies on the debounce function which is only available after\n         * instantiation\n         *\n         * Use a debounced function if `params.zoomDebounce` is defined\n         *\n         * @returns {void}\n         */\n        this._onZoom = this.params.zoomDebounce\n            ? this.wavesurfer.util.debounce(\n                () => this.render(),\n                this.params.zoomDebounce\n            )\n            : () => this.render();\n    }\n\n    /**\n     * Initialisation function used by the plugin API\n     */\n    init() {\n        // Check if ws is ready\n        if (this.wavesurfer.isReady) {\n            this._onReady();\n        } else {\n            this.wavesurfer.once('ready', this._onReady);\n        }\n    }\n\n    /**\n     * Destroy function used by the plugin API\n     */\n    destroy() {\n        this.unAll();\n        this.wavesurfer.un('redraw', this._onRedraw);\n        this.wavesurfer.un('zoom', this._onZoom);\n        this.wavesurfer.un('ready', this._onReady);\n        this.wavesurfer.drawer.wrapper.removeEventListener(\n            'scroll',\n            this._onScroll\n        );\n        if (this.wrapper && this.wrapper.parentNode) {\n            this.wrapper.removeEventListener('click', this._onWrapperClick);\n            this.wrapper.parentNode.removeChild(this.wrapper);\n            this.wrapper = null;\n        }\n    }\n\n    /**\n     * Create a timeline element to wrap the canvases drawn by this plugin\n     *\n     */\n    createWrapper() {\n        const wsParams = this.wavesurfer.params;\n        this.container.innerHTML = '';\n        this.wrapper = this.container.appendChild(\n            document.createElement('timeline')\n        );\n        this.util.style(this.wrapper, {\n            display: 'block',\n            position: 'relative',\n            userSelect: 'none',\n            webkitUserSelect: 'none',\n            height: `${this.params.height}px`\n        });\n\n        if (wsParams.fillParent || wsParams.scrollParent) {\n            this.util.style(this.wrapper, {\n                width: '100%',\n                overflowX: 'hidden',\n                overflowY: 'hidden'\n            });\n        }\n\n        this.wrapper.addEventListener('click', this._onWrapperClick);\n    }\n\n    /**\n     * Render the timeline (also updates the already rendered timeline)\n     *\n     */\n    render() {\n        if (!this.wrapper) {\n            this.createWrapper();\n        }\n        this.updateCanvases();\n        this.updateCanvasesPositioning();\n        this.renderCanvases();\n    }\n\n    /**\n     * Add new timeline canvas\n     *\n     */\n    addCanvas() {\n        const canvas = this.wrapper.appendChild(\n            document.createElement('canvas')\n        );\n        this.canvases.push(canvas);\n        this.util.style(canvas, {\n            position: 'absolute',\n            zIndex: 4\n        });\n    }\n\n    /**\n     * Remove timeline canvas\n     *\n     */\n    removeCanvas() {\n        const canvas = this.canvases.pop();\n        canvas.parentElement.removeChild(canvas);\n    }\n\n    /**\n     * Make sure the correct of timeline canvas elements exist and are cached in\n     * this.canvases\n     *\n     */\n    updateCanvases() {\n        const totalWidth = Math.round(this.drawer.wrapper.scrollWidth);\n        const requiredCanvases = Math.ceil(\n            totalWidth / this.maxCanvasElementWidth\n        );\n\n        while (this.canvases.length < requiredCanvases) {\n            this.addCanvas();\n        }\n\n        while (this.canvases.length > requiredCanvases) {\n            this.removeCanvas();\n        }\n    }\n\n    /**\n     * Update the dimensions and positioning style for all the timeline canvases\n     *\n     */\n    updateCanvasesPositioning() {\n        // cache length for performance\n        const canvasesLength = this.canvases.length;\n        this.canvases.forEach((canvas, i) => {\n            // canvas width is the max element width, or if it is the last the\n            // required width\n            const canvasWidth =\n                i === canvasesLength - 1\n                    ? this.drawer.wrapper.scrollWidth -\n                      this.maxCanvasElementWidth * (canvasesLength - 1)\n                    : this.maxCanvasElementWidth;\n            // set dimensions and style\n            canvas.width = canvasWidth * this.pixelRatio;\n            // on certain pixel ratios the canvas appears cut off at the bottom,\n            // therefore leave 1px extra\n            canvas.height = (this.params.height + 1) * this.pixelRatio;\n            this.util.style(canvas, {\n                width: `${canvasWidth}px`,\n                height: `${this.params.height}px`,\n                left: `${i * this.maxCanvasElementWidth}px`\n            });\n        });\n    }\n\n    /**\n     * Render the timeline labels and notches\n     *\n     */\n    renderCanvases() {\n        const duration =\n            this.params.duration ||\n            this.wavesurfer.backend.getDuration();\n\n        if (duration <= 0) {\n            return;\n        }\n        const wsParams = this.wavesurfer.params;\n        const fontSize = this.params.fontSize * wsParams.pixelRatio;\n        const totalSeconds = parseInt(duration, 10) + 1;\n        const width =\n            wsParams.fillParent && !wsParams.scrollParent\n                ? this.drawer.getWidth()\n                : this.drawer.wrapper.scrollWidth * wsParams.pixelRatio;\n        const height1 = this.params.height * this.pixelRatio;\n        const height2 =\n            this.params.height *\n            (this.params.notchPercentHeight / 100) *\n            this.pixelRatio;\n        const pixelsPerSecond = width / duration;\n\n        const formatTime = this.params.formatTimeCallback;\n        // if parameter is function, call the function with\n        // pixelsPerSecond, otherwise simply take the value as-is\n        const intervalFnOrVal = option =>\n            typeof option === 'function' ? option(pixelsPerSecond) : option;\n        const timeInterval = intervalFnOrVal(this.params.timeInterval);\n        const primaryLabelInterval = intervalFnOrVal(\n            this.params.primaryLabelInterval\n        );\n        const secondaryLabelInterval = intervalFnOrVal(\n            this.params.secondaryLabelInterval\n        );\n\n        let curPixel = pixelsPerSecond * this.params.offset;\n        let curSeconds = 0;\n        let i;\n        // build an array of position data with index, second and pixel data,\n        // this is then used multiple times below\n        const positioning = [];\n\n        // render until end in case we have a negative offset\n        const renderSeconds = (this.params.offset < 0)\n            ? totalSeconds - this.params.offset\n            : totalSeconds;\n\n        for (i = 0; i < renderSeconds / timeInterval; i++) {\n            positioning.push([i, curSeconds, curPixel]);\n            curSeconds += timeInterval;\n            curPixel += pixelsPerSecond * timeInterval;\n        }\n\n        // iterate over each position\n        const renderPositions = cb => {\n            positioning.forEach(pos => {\n                cb(pos[0], pos[1], pos[2]);\n            });\n        };\n\n        // render primary labels\n        this.setFillStyles(this.params.primaryColor);\n        this.setFonts(`${fontSize}px ${this.params.fontFamily}`);\n        this.setFillStyles(this.params.primaryFontColor);\n        renderPositions((i, curSeconds, curPixel) => {\n            if (i % primaryLabelInterval === 0) {\n                this.fillRect(curPixel, 0, 1, height1);\n                this.fillText(\n                    formatTime(curSeconds, pixelsPerSecond),\n                    curPixel + this.params.labelPadding * this.pixelRatio,\n                    height1\n                );\n            }\n        });\n\n        // render secondary labels\n        this.setFillStyles(this.params.secondaryColor);\n        this.setFonts(`${fontSize}px ${this.params.fontFamily}`);\n        this.setFillStyles(this.params.secondaryFontColor);\n        renderPositions((i, curSeconds, curPixel) => {\n            if (i % secondaryLabelInterval === 0) {\n                this.fillRect(curPixel, 0, 1, height1);\n                this.fillText(\n                    formatTime(curSeconds, pixelsPerSecond),\n                    curPixel + this.params.labelPadding * this.pixelRatio,\n                    height1\n                );\n            }\n        });\n\n        // render the actual notches (when no labels are used)\n        this.setFillStyles(this.params.unlabeledNotchColor);\n        renderPositions((i, curSeconds, curPixel) => {\n            if (\n                i % secondaryLabelInterval !== 0 &&\n                i % primaryLabelInterval !== 0\n            ) {\n                this.fillRect(curPixel, 0, 1, height2);\n            }\n        });\n    }\n\n    /**\n     * Set the canvas fill style\n     *\n     * @param {DOMString|CanvasGradient|CanvasPattern} fillStyle Fill style to\n     * use\n     */\n    setFillStyles(fillStyle) {\n        this.canvases.forEach(canvas => {\n            const context = canvas.getContext('2d');\n            if (context) {\n                context.fillStyle = fillStyle;\n            }\n        });\n    }\n\n    /**\n     * Set the canvas font\n     *\n     * @param {DOMString} font Font to use\n     */\n    setFonts(font) {\n        this.canvases.forEach(canvas => {\n            const context = canvas.getContext('2d');\n            if (context) {\n                context.font = font;\n            }\n        });\n    }\n\n    /**\n     * Draw a rectangle on the canvases\n     *\n     * (it figures out the offset for each canvas)\n     *\n     * @param {number} x X-position\n     * @param {number} y Y-position\n     * @param {number} width Width\n     * @param {number} height Height\n     */\n    fillRect(x, y, width, height) {\n        this.canvases.forEach((canvas, i) => {\n            const leftOffset = i * this.maxCanvasWidth;\n\n            const intersection = {\n                x1: Math.max(x, i * this.maxCanvasWidth),\n                y1: y,\n                x2: Math.min(x + width, i * this.maxCanvasWidth + canvas.width),\n                y2: y + height\n            };\n\n            if (intersection.x1 < intersection.x2) {\n                const context = canvas\n                    .getContext('2d');\n                if (context) {\n                    context\n                        .fillRect(\n                            intersection.x1 - leftOffset,\n                            intersection.y1,\n                            intersection.x2 - intersection.x1,\n                            intersection.y2 - intersection.y1\n                        );\n                }\n            }\n        });\n    }\n\n    /**\n     * Fill a given text on the canvases\n     *\n     * @param {string} text Text to render\n     * @param {number} x X-position\n     * @param {number} y Y-position\n     */\n    fillText(text, x, y) {\n        let textWidth;\n        let xOffset = 0;\n\n        this.canvases.forEach(canvas => {\n            const context = canvas.getContext('2d');\n            if (context) {\n                const canvasWidth = context.canvas.width;\n\n                if (xOffset > x + textWidth) {\n                    return;\n                }\n\n                if (xOffset + canvasWidth > x && context) {\n                    textWidth = context.measureText(text).width;\n                    context.fillText(text, x - xOffset, y);\n                }\n\n                xOffset += canvasWidth;\n            }\n        });\n    }\n\n    /**\n     * Turn the time into a suitable label for the time.\n     *\n     * @param {number} seconds Seconds to format\n     * @param {number} pxPerSec Pixels per second\n     * @returns {number} Time\n     */\n    defaultFormatTimeCallback(seconds, pxPerSec) {\n        if (seconds / 60 > 1) {\n            // calculate minutes and seconds from seconds count\n            const minutes = parseInt(seconds / 60, 10);\n            seconds = parseInt(seconds % 60, 10);\n            // fill up seconds with zeroes\n            seconds = seconds < 10 ? '0' + seconds : seconds;\n            return `${minutes}:${seconds}`;\n        }\n        return Math.round(seconds * 1000) / 1000;\n    }\n\n    /**\n     * Return how many seconds should be between each notch\n     *\n     * @param {number} pxPerSec Pixels per second\n     * @returns {number} Time\n     */\n    defaultTimeInterval(pxPerSec) {\n        if (pxPerSec >= 25) {\n            return 1;\n        } else if (pxPerSec * 5 >= 25) {\n            return 5;\n        } else if (pxPerSec * 15 >= 25) {\n            return 15;\n        }\n        return Math.ceil(0.5 / pxPerSec) * 60;\n    }\n\n    /**\n     * Return the cadence of notches that get labels in the primary color.\n     *\n     * @param {number} pxPerSec Pixels per second\n     * @returns {number} Cadence\n     */\n    defaultPrimaryLabelInterval(pxPerSec) {\n        if (pxPerSec >= 25) {\n            return 10;\n        } else if (pxPerSec * 5 >= 25) {\n            return 6;\n        } else if (pxPerSec * 15 >= 25) {\n            return 4;\n        }\n        return 4;\n    }\n\n    /**\n     * Return the cadence of notches that get labels in the secondary color.\n     *\n     * @param {number} pxPerSec Pixels per second\n     * @returns {number} Cadence\n     */\n    defaultSecondaryLabelInterval(pxPerSec) {\n        if (pxPerSec >= 25) {\n            return 5;\n        } else if (pxPerSec * 5 >= 25) {\n            return 2;\n        } else if (pxPerSec * 15 >= 25) {\n            return 2;\n        }\n        return 2;\n    }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// startup\n// Load entry module and return exports\n// This entry module is referenced by other modules so it can't be inlined\nvar __webpack_exports__ = __webpack_require__(171);\n"],"names":["root","factory","exports","module","define","amd","self","TimelinePlugin","params","ws","wrapper","drawer","scrollLeft","render","wavesurfer","pixelRatio","maxCanvasWidth","width","maxCanvasElementWidth","Math","round","addEventListener","_onScroll","on","_onRedraw","_onZoom","e","preventDefault","relX","offsetX","layerX","fireEvent","scrollWidth","this","container","document","querySelector","Error","util","Object","assign","height","notchPercentHeight","labelPadding","unlabeledNotchColor","primaryColor","secondaryColor","primaryFontColor","secondaryFontColor","fontFamily","fontSize","duration","zoomDebounce","formatTimeCallback","defaultFormatTimeCallback","timeInterval","defaultTimeInterval","primaryLabelInterval","defaultPrimaryLabelInterval","secondaryLabelInterval","defaultSecondaryLabelInterval","offset","canvases","debounce","name","deferInit","instance","isReady","_onReady","once","unAll","un","removeEventListener","parentNode","_onWrapperClick","removeChild","wsParams","innerHTML","appendChild","createElement","style","display","position","userSelect","webkitUserSelect","fillParent","scrollParent","overflowX","overflowY","createWrapper","updateCanvases","updateCanvasesPositioning","renderCanvases","canvas","push","zIndex","pop","parentElement","totalWidth","requiredCanvases","ceil","length","addCanvas","removeCanvas","canvasesLength","forEach","i","canvasWidth","left","backend","getDuration","totalSeconds","parseInt","getWidth","height1","height2","pixelsPerSecond","formatTime","intervalFnOrVal","option","curPixel","curSeconds","positioning","renderSeconds","renderPositions","cb","pos","setFillStyles","setFonts","fillRect","fillText","fillStyle","context","getContext","font","x","y","leftOffset","intersection","x1","max","y1","x2","min","y2","text","textWidth","xOffset","measureText","seconds","pxPerSec","minutes","__webpack_module_cache__","__webpack_exports__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__"],"sourceRoot":""}

package/dist/wavesurfer-html-init.js

@@ -1,5 +1,5 @@
 /*!
- * wavesurfer.js 6.2.0 (2022-05-16)
+ * wavesurfer.js 6.4.0 (2022-11-05)
  * https://wavesurfer-js.org
  * @license BSD-3-Clause
  */
@@ -29,19 +29,12 @@ Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
 exports["default"] = void 0;
-
 var _loadScript = _interopRequireDefault(__webpack_require__(/*! load-script */ "./node_modules/load-script/index.js"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a 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); } }
-
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
 /**
  * @typedef {Object} InitParams
  * @property {WavesurferParams} [defaults={backend: 'MediaElement,
@@ -54,7 +47,6 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
  * @property {function} loadPlugin If set overwrites the default request function,
  * can be used to inject plugins differently.
  */
-
 /**
  * The HTML initialisation API is not part of the main library bundle file and
  * must be additionally included.
@@ -103,24 +95,21 @@ var Init = /*#__PURE__*/function () {
    */
   function Init(WaveSurfer) {
     var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
     _classCallCheck(this, Init);
-
     if (!WaveSurfer) {
       throw new Error('WaveSurfer is not available!');
     }
+
     /**
      * cache WaveSurfer
      * @private
      */
-
-
     this.WaveSurfer = WaveSurfer;
+
     /**
      * build parameters, cache them in _params so minified builds are smaller
      * @private
      */
-
     var _params = this.params = Object.assign({}, {
       // wavesurfer parameter defaults so by default the audio player is
       // usable with native media element controls
@@ -137,7 +126,6 @@ var Init = /*#__PURE__*/function () {
       // and pass it to a callback
       loadPlugin: function loadPlugin(name, cb) {
         var src = _params.pluginCdnTemplate.replace('[name]', name);
-
         (0, _loadScript.default)(src, {
           async: false
         }, function (err, plugin) {
@@ -145,7 +133,6 @@ var Init = /*#__PURE__*/function () {
             // eslint-disable-next-line no-console
             return console.error("WaveSurfer plugin ".concat(name, " not found at ").concat(src));
           }
-
           cb(window.WaveSurfer[name]);
         });
       }
@@ -154,46 +141,40 @@ var Init = /*#__PURE__*/function () {
      * The nodes that should have instances attached to them
      * @type {NodeList}
      */
-
-
     this.containers = typeof _params.containers == 'string' ? document.querySelectorAll(_params.containers) : _params.containers;
     /** @private */
-
     this.pluginCache = {};
     /**
      * An array of wavesurfer instances
      * @type {Object[]}
      */
-
     this.instances = [];
     this.initAllEls();
   }
+
   /**
    * Initialize all container elements
    */
-
-
   _createClass(Init, [{
     key: "initAllEls",
     value: function initAllEls() {
       var _this = this;
-
       // iterate over all the container elements
       Array.prototype.forEach.call(this.containers, function (el) {
         // load the plugins as an array of plugin names
-        var plugins = el.dataset.plugins ? el.dataset.plugins.split(',') : []; // no plugins to be loaded, just render
+        var plugins = el.dataset.plugins ? el.dataset.plugins.split(',') : [];
 
+        // no plugins to be loaded, just render
         if (!plugins.length) {
           return _this.initEl(el);
-        } // … or: iterate over all the plugins
-
-
+        }
+        // … or: iterate over all the plugins
         plugins.forEach(function (name, i) {
           // plugin is not cached already, load it
           if (!_this.pluginCache[name]) {
             _this.params.loadPlugin(name, function (lib) {
-              _this.pluginCache[name] = lib; // plugins were all loaded, render the element
-
+              _this.pluginCache[name] = lib;
+              // plugins were all loaded, render the element
               if (i + 1 === plugins.length) {
                 _this.initEl(el, plugins);
               }
@@ -205,6 +186,7 @@ var Init = /*#__PURE__*/function () {
         });
       });
     }
+
     /**
      * Initialize a single container element and add to `this.instances`
      *
@@ -212,61 +194,57 @@ var Init = /*#__PURE__*/function () {
      * @param  {PluginDefinition[]} plugins An Array of plugin names to initialize with
      * @return {Object} Wavesurfer instance
      */
-
   }, {
     key: "initEl",
     value: function initEl(el) {
       var _this2 = this;
-
       var plugins = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-      var jsonRegex = /^[[|{]/; // initialize plugins with the correct options
-
+      var jsonRegex = /^[[|{]/;
+      // initialize plugins with the correct options
       var initialisedPlugins = plugins.map(function (plugin) {
-        var options = {}; // the regex to find this plugin attributes
-
+        var options = {};
+        // the regex to find this plugin attributes
         var attrNameRegex = new RegExp('^' + plugin);
-        var attrName; // iterate over all the data attributes and find ones for this
+        var attrName;
+        // iterate over all the data attributes and find ones for this
         // plugin
-
         for (attrName in el.dataset) {
           var regexResult = attrNameRegex.exec(attrName);
-
           if (regexResult) {
-            var attr = el.dataset[attrName]; // if the string begins with a [ or a { parse it as JSON
-
-            var prop = jsonRegex.test(attr) ? JSON.parse(attr) : attr; // this removes the plugin prefix and changes the first letter
+            var attr = el.dataset[attrName];
+            // if the string begins with a [ or a { parse it as JSON
+            var prop = jsonRegex.test(attr) ? JSON.parse(attr) : attr;
+            // this removes the plugin prefix and changes the first letter
             // of the resulting string to lower case to follow the naming
             // convention of ws params
-
             var unprefixedOptionName = attrName.slice(plugin.length, plugin.length + 1).toLowerCase() + attrName.slice(plugin.length + 1);
             options[unprefixedOptionName] = prop;
           }
         }
-
         return _this2.pluginCache[plugin].create(options);
-      }); // build parameter object for this container
-
+      });
+      // build parameter object for this container
       var params = Object.assign({
         container: el
       }, this.params.defaults, el.dataset, {
         plugins: initialisedPlugins
-      }); // @TODO make nicer
+      });
 
-      el.style.display = 'block'; // initialize wavesurfer, load audio (with peaks if provided)
+      // @TODO make nicer
+      el.style.display = 'block';
 
+      // initialize wavesurfer, load audio (with peaks if provided)
       var instance = this.WaveSurfer.create(params);
       var peaks = params.peaks ? JSON.parse(params.peaks) : undefined;
-      instance.load(params.url, peaks); // push this instance into the instances cache
+      instance.load(params.url, peaks);
 
+      // push this instance into the instances cache
       this.instances.push(instance);
       return instance;
     }
   }]);
-
   return Init;
 }(); // if window object exists and window.WS_StopAutoInit is not true
-
-
 if ((typeof window === "undefined" ? "undefined" : _typeof(window)) === 'object' && !window.WS_StopAutoInit) {
   // call init when document is ready, apply any custom default settings
   // in window.WS_InitOptions
@@ -277,9 +255,9 @@ if ((typeof window === "undefined" ? "undefined" : _typeof(window)) === 'object'
       window.WaveSurferInit = new Init(window.WaveSurfer, window.WS_InitOptions);
     });
   }
-} // export init for manual usage
-
+}
 
+// export init for manual usage
 var _default = Init;
 exports["default"] = _default;
 module.exports = exports.default;