wavesurfer.js 5.1.0 → 5.2.0

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

@@ -1 +1 @@
-{"version":3,"sources":["webpack://WaveSurfer.[name]/webpack/universalModuleDefinition","webpack://WaveSurfer.[name]/./src/plugin/timeline/index.js","webpack://WaveSurfer.[name]/webpack/bootstrap","webpack://WaveSurfer.[name]/webpack/startup"],"names":["TimelinePlugin","params","ws","container","document","querySelector","Error","wavesurfer","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","wrapper","drawer","pixelRatio","maxCanvasWidth","maxCanvasElementWidth","_onZoom","debounce","render","isReady","_onReady","once","unAll","un","_onRedraw","removeEventListener","_onScroll","parentNode","_onWrapperClick","removeChild","wsParams","innerHTML","appendChild","createElement","style","display","position","userSelect","webkitUserSelect","fillParent","scrollParent","width","overflowX","overflowY","addEventListener","createWrapper","updateCanvases","updateCanvasesPositioning","renderCanvases","canvas","push","zIndex","pop","parentElement","totalWidth","Math","round","scrollWidth","requiredCanvases","ceil","length","addCanvas","removeCanvas","canvasesLength","forEach","i","canvasWidth","left","backend","getDuration","totalSeconds","parseInt","getWidth","height1","height2","pixelsPerSecond","formatTime","intervalFnOrVal","option","curPixel","curSeconds","positioning","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","scrollLeft","on","e","preventDefault","relX","offsetX","layerX","fireEvent"],"mappings":"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","file":"wavesurfer.timeline.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"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})(this, function() {\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        for (i = 0; i < totalSeconds / 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            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     * 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"],"sourceRoot":""}
+{"version":3,"file":"wavesurfer.timeline.js","mappings":"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","sources":["webpack://WaveSurfer.[name]/webpack/universalModuleDefinition","webpack://WaveSurfer.[name]/./src/plugin/timeline/index.js","webpack://WaveSurfer.[name]/webpack/bootstrap","webpack://WaveSurfer.[name]/webpack/before-startup","webpack://WaveSurfer.[name]/webpack/startup","webpack://WaveSurfer.[name]/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, function() {\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        for (i = 0; i < totalSeconds / 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","container","document","querySelector","Error","wavesurfer","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","wrapper","drawer","pixelRatio","maxCanvasWidth","maxCanvasElementWidth","_onZoom","debounce","render","isReady","_onReady","once","unAll","un","_onRedraw","removeEventListener","_onScroll","parentNode","_onWrapperClick","removeChild","wsParams","innerHTML","appendChild","createElement","style","display","position","userSelect","webkitUserSelect","fillParent","scrollParent","width","overflowX","overflowY","addEventListener","createWrapper","updateCanvases","updateCanvasesPositioning","renderCanvases","canvas","push","zIndex","pop","parentElement","totalWidth","Math","round","scrollWidth","requiredCanvases","ceil","length","addCanvas","removeCanvas","canvasesLength","forEach","i","canvasWidth","left","backend","getDuration","totalSeconds","parseInt","getWidth","height1","height2","pixelsPerSecond","formatTime","intervalFnOrVal","option","curPixel","curSeconds","positioning","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","scrollLeft","on","e","preventDefault","relX","offsetX","layerX","fireEvent"],"sourceRoot":""}

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

@@ -1,7 +1,7 @@
 /*!
- * wavesurfer.js timeline plugin 5.1.0 (2021-06-20)
+ * wavesurfer.js timeline plugin 5.2.0 (2021-08-16)
  * https://wavesurfer-js.org
  * @license BSD-3-Clause
  */
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("WaveSurfer",[],t):"object"==typeof exports?exports.WaveSurfer=t():(e.WaveSurfer=e.WaveSurfer||{},e.WaveSurfer.timeline=t())}(this,(function(){return(()=>{"use strict";var e={171:(e,t)=>{function a(e,t){for(var a=0;a<t.length;a++){var r=t[a];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=function(){function e(t,a){var r=this;if(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),i.call(this),this.container="string"==typeof t.container?document.querySelector(t.container):t.container,!this.container)throw new Error("No container for wavesurfer timeline");this.wavesurfer=a,this.util=a.util,this.params=Object.assign({},{height:20,notchPercentHeight:90,labelPadding:5,unlabeledNotchColor:"#c0c0c0",primaryColor:"#000",secondaryColor:"#c0c0c0",primaryFontColor:"#000",secondaryFontColor:"#000",fontFamily:"Arial",fontSize:10,duration:null,zoomDebounce:!1,formatTimeCallback:this.defaultFormatTimeCallback,timeInterval:this.defaultTimeInterval,primaryLabelInterval:this.defaultPrimaryLabelInterval,secondaryLabelInterval:this.defaultSecondaryLabelInterval,offset:0},t),this.canvases=[],this.wrapper=null,this.drawer=null,this.pixelRatio=null,this.maxCanvasWidth=null,this.maxCanvasElementWidth=null,this._onZoom=this.params.zoomDebounce?this.wavesurfer.util.debounce((function(){return r.render()}),this.params.zoomDebounce):function(){return r.render()}}var t,r,n;return t=e,n=[{key:"create",value:function(t){return{name:"timeline",deferInit:!(!t||!t.deferInit)&&t.deferInit,params:t,instance:e}}}],(r=[{key:"init",value:function(){this.wavesurfer.isReady?this._onReady():this.wavesurfer.once("ready",this._onReady)}},{key:"destroy",value:function(){this.unAll(),this.wavesurfer.un("redraw",this._onRedraw),this.wavesurfer.un("zoom",this._onZoom),this.wavesurfer.un("ready",this._onReady),this.wavesurfer.drawer.wrapper.removeEventListener("scroll",this._onScroll),this.wrapper&&this.wrapper.parentNode&&(this.wrapper.removeEventListener("click",this._onWrapperClick),this.wrapper.parentNode.removeChild(this.wrapper),this.wrapper=null)}},{key:"createWrapper",value:function(){var e=this.wavesurfer.params;this.container.innerHTML="",this.wrapper=this.container.appendChild(document.createElement("timeline")),this.util.style(this.wrapper,{display:"block",position:"relative",userSelect:"none",webkitUserSelect:"none",height:"".concat(this.params.height,"px")}),(e.fillParent||e.scrollParent)&&this.util.style(this.wrapper,{width:"100%",overflowX:"hidden",overflowY:"hidden"}),this.wrapper.addEventListener("click",this._onWrapperClick)}},{key:"render",value:function(){this.wrapper||this.createWrapper(),this.updateCanvases(),this.updateCanvasesPositioning(),this.renderCanvases()}},{key:"addCanvas",value:function(){var e=this.wrapper.appendChild(document.createElement("canvas"));this.canvases.push(e),this.util.style(e,{position:"absolute",zIndex:4})}},{key:"removeCanvas",value:function(){var e=this.canvases.pop();e.parentElement.removeChild(e)}},{key:"updateCanvases",value:function(){for(var e=Math.round(this.drawer.wrapper.scrollWidth),t=Math.ceil(e/this.maxCanvasElementWidth);this.canvases.length<t;)this.addCanvas();for(;this.canvases.length>t;)this.removeCanvas()}},{key:"updateCanvasesPositioning",value:function(){var e=this,t=this.canvases.length;this.canvases.forEach((function(a,r){var i=r===t-1?e.drawer.wrapper.scrollWidth-e.maxCanvasElementWidth*(t-1):e.maxCanvasElementWidth;a.width=i*e.pixelRatio,a.height=(e.params.height+1)*e.pixelRatio,e.util.style(a,{width:"".concat(i,"px"),height:"".concat(e.params.height,"px"),left:"".concat(r*e.maxCanvasElementWidth,"px")})}))}},{key:"renderCanvases",value:function(){var e=this,t=this.params.duration||this.wavesurfer.backend.getDuration();if(!(t<=0)){var a,r=this.wavesurfer.params,i=this.params.fontSize*r.pixelRatio,n=parseInt(t,10)+1,s=r.fillParent&&!r.scrollParent?this.drawer.getWidth():this.drawer.wrapper.scrollWidth*r.pixelRatio,o=this.params.height*this.pixelRatio,l=this.params.height*(this.params.notchPercentHeight/100)*this.pixelRatio,h=s/t,c=this.params.formatTimeCallback,u=function(e){return"function"==typeof e?e(h):e},p=u(this.params.timeInterval),f=u(this.params.primaryLabelInterval),d=u(this.params.secondaryLabelInterval),v=h*this.params.offset,m=0,y=[];for(a=0;a<n/p;a++)y.push([a,m,v]),m+=p,v+=h*p;var w=function(e){y.forEach((function(t){e(t[0],t[1],t[2])}))};this.setFillStyles(this.params.primaryColor),this.setFonts("".concat(i,"px ").concat(this.params.fontFamily)),this.setFillStyles(this.params.primaryFontColor),w((function(t,a,r){t%f==0&&(e.fillRect(r,0,1,o),e.fillText(c(a,h),r+e.params.labelPadding*e.pixelRatio,o))})),this.setFillStyles(this.params.secondaryColor),this.setFonts("".concat(i,"px ").concat(this.params.fontFamily)),this.setFillStyles(this.params.secondaryFontColor),w((function(t,a,r){t%d==0&&(e.fillRect(r,0,1,o),e.fillText(c(a,h),r+e.params.labelPadding*e.pixelRatio,o))})),this.setFillStyles(this.params.unlabeledNotchColor),w((function(t,a,r){t%d!=0&&t%f!=0&&e.fillRect(r,0,1,l)}))}}},{key:"setFillStyles",value:function(e){this.canvases.forEach((function(t){var a=t.getContext("2d");a&&(a.fillStyle=e)}))}},{key:"setFonts",value:function(e){this.canvases.forEach((function(t){var a=t.getContext("2d");a&&(a.font=e)}))}},{key:"fillRect",value:function(e,t,a,r){var i=this;this.canvases.forEach((function(n,s){var o=s*i.maxCanvasWidth,l={x1:Math.max(e,s*i.maxCanvasWidth),y1:t,x2:Math.min(e+a,s*i.maxCanvasWidth+n.width),y2:t+r};if(l.x1<l.x2){var h=n.getContext("2d");h&&h.fillRect(l.x1-o,l.y1,l.x2-l.x1,l.y2-l.y1)}}))}},{key:"fillText",value:function(e,t,a){var r,i=0;this.canvases.forEach((function(n){var s=n.getContext("2d"),o=s.canvas.width;i>t+r||(i+o>t&&s&&(r=s.measureText(e).width,s.fillText(e,t-i,a)),i+=o)}))}},{key:"defaultFormatTimeCallback",value:function(e,t){if(e/60>1){var a=parseInt(e/60,10);return e=(e=parseInt(e%60,10))<10?"0"+e:e,"".concat(a,":").concat(e)}return Math.round(1e3*e)/1e3}},{key:"defaultTimeInterval",value:function(e){return e>=25?1:5*e>=25?5:15*e>=25?15:60*Math.ceil(.5/e)}},{key:"defaultPrimaryLabelInterval",value:function(e){return e>=25?10:5*e>=25?6:4}},{key:"defaultSecondaryLabelInterval",value:function(e){return e>=25?5:2}}])&&a(t.prototype,r),n&&a(t,n),e}();t.default=r;var i=function(){var e=this;this._onScroll=function(){e.wrapper&&e.drawer.wrapper&&(e.wrapper.scrollLeft=e.drawer.wrapper.scrollLeft)},this._onRedraw=function(){return e.render()},this._onReady=function(){var t=e.wavesurfer;e.drawer=t.drawer,e.pixelRatio=t.drawer.params.pixelRatio,e.maxCanvasWidth=t.drawer.maxCanvasWidth||t.drawer.width,e.maxCanvasElementWidth=t.drawer.maxCanvasElementWidth||Math.round(e.maxCanvasWidth/e.pixelRatio),t.drawer.wrapper.addEventListener("scroll",e._onScroll),t.on("redraw",e._onRedraw),t.on("zoom",e._onZoom),e.render()},this._onWrapperClick=function(t){t.preventDefault();var a="offsetX"in t?t.offsetX:t.layerX;e.fireEvent("click",a/e.wrapper.scrollWidth||0)}};e.exports=t.default}},t={};return function a(r){var i=t[r];if(void 0!==i)return i.exports;var n=t[r]={exports:{}};return e[r](n,n.exports,a),n.exports}(171)})()}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("WaveSurfer",[],t):"object"==typeof exports?exports.WaveSurfer=t():(e.WaveSurfer=e.WaveSurfer||{},e.WaveSurfer.timeline=t())}(self,(function(){return(()=>{"use strict";var e={171:(e,t)=>{function a(e,t){for(var a=0;a<t.length;a++){var r=t[a];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=function(){function e(t,a){var r=this;if(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),i.call(this),this.container="string"==typeof t.container?document.querySelector(t.container):t.container,!this.container)throw new Error("No container for wavesurfer timeline");this.wavesurfer=a,this.util=a.util,this.params=Object.assign({},{height:20,notchPercentHeight:90,labelPadding:5,unlabeledNotchColor:"#c0c0c0",primaryColor:"#000",secondaryColor:"#c0c0c0",primaryFontColor:"#000",secondaryFontColor:"#000",fontFamily:"Arial",fontSize:10,duration:null,zoomDebounce:!1,formatTimeCallback:this.defaultFormatTimeCallback,timeInterval:this.defaultTimeInterval,primaryLabelInterval:this.defaultPrimaryLabelInterval,secondaryLabelInterval:this.defaultSecondaryLabelInterval,offset:0},t),this.canvases=[],this.wrapper=null,this.drawer=null,this.pixelRatio=null,this.maxCanvasWidth=null,this.maxCanvasElementWidth=null,this._onZoom=this.params.zoomDebounce?this.wavesurfer.util.debounce((function(){return r.render()}),this.params.zoomDebounce):function(){return r.render()}}var t,r,n;return t=e,n=[{key:"create",value:function(t){return{name:"timeline",deferInit:!(!t||!t.deferInit)&&t.deferInit,params:t,instance:e}}}],(r=[{key:"init",value:function(){this.wavesurfer.isReady?this._onReady():this.wavesurfer.once("ready",this._onReady)}},{key:"destroy",value:function(){this.unAll(),this.wavesurfer.un("redraw",this._onRedraw),this.wavesurfer.un("zoom",this._onZoom),this.wavesurfer.un("ready",this._onReady),this.wavesurfer.drawer.wrapper.removeEventListener("scroll",this._onScroll),this.wrapper&&this.wrapper.parentNode&&(this.wrapper.removeEventListener("click",this._onWrapperClick),this.wrapper.parentNode.removeChild(this.wrapper),this.wrapper=null)}},{key:"createWrapper",value:function(){var e=this.wavesurfer.params;this.container.innerHTML="",this.wrapper=this.container.appendChild(document.createElement("timeline")),this.util.style(this.wrapper,{display:"block",position:"relative",userSelect:"none",webkitUserSelect:"none",height:"".concat(this.params.height,"px")}),(e.fillParent||e.scrollParent)&&this.util.style(this.wrapper,{width:"100%",overflowX:"hidden",overflowY:"hidden"}),this.wrapper.addEventListener("click",this._onWrapperClick)}},{key:"render",value:function(){this.wrapper||this.createWrapper(),this.updateCanvases(),this.updateCanvasesPositioning(),this.renderCanvases()}},{key:"addCanvas",value:function(){var e=this.wrapper.appendChild(document.createElement("canvas"));this.canvases.push(e),this.util.style(e,{position:"absolute",zIndex:4})}},{key:"removeCanvas",value:function(){var e=this.canvases.pop();e.parentElement.removeChild(e)}},{key:"updateCanvases",value:function(){for(var e=Math.round(this.drawer.wrapper.scrollWidth),t=Math.ceil(e/this.maxCanvasElementWidth);this.canvases.length<t;)this.addCanvas();for(;this.canvases.length>t;)this.removeCanvas()}},{key:"updateCanvasesPositioning",value:function(){var e=this,t=this.canvases.length;this.canvases.forEach((function(a,r){var i=r===t-1?e.drawer.wrapper.scrollWidth-e.maxCanvasElementWidth*(t-1):e.maxCanvasElementWidth;a.width=i*e.pixelRatio,a.height=(e.params.height+1)*e.pixelRatio,e.util.style(a,{width:"".concat(i,"px"),height:"".concat(e.params.height,"px"),left:"".concat(r*e.maxCanvasElementWidth,"px")})}))}},{key:"renderCanvases",value:function(){var e=this,t=this.params.duration||this.wavesurfer.backend.getDuration();if(!(t<=0)){var a,r=this.wavesurfer.params,i=this.params.fontSize*r.pixelRatio,n=parseInt(t,10)+1,s=r.fillParent&&!r.scrollParent?this.drawer.getWidth():this.drawer.wrapper.scrollWidth*r.pixelRatio,o=this.params.height*this.pixelRatio,l=this.params.height*(this.params.notchPercentHeight/100)*this.pixelRatio,h=s/t,c=this.params.formatTimeCallback,u=function(e){return"function"==typeof e?e(h):e},p=u(this.params.timeInterval),f=u(this.params.primaryLabelInterval),d=u(this.params.secondaryLabelInterval),v=h*this.params.offset,m=0,y=[];for(a=0;a<n/p;a++)y.push([a,m,v]),m+=p,v+=h*p;var w=function(e){y.forEach((function(t){e(t[0],t[1],t[2])}))};this.setFillStyles(this.params.primaryColor),this.setFonts("".concat(i,"px ").concat(this.params.fontFamily)),this.setFillStyles(this.params.primaryFontColor),w((function(t,a,r){t%f==0&&(e.fillRect(r,0,1,o),e.fillText(c(a,h),r+e.params.labelPadding*e.pixelRatio,o))})),this.setFillStyles(this.params.secondaryColor),this.setFonts("".concat(i,"px ").concat(this.params.fontFamily)),this.setFillStyles(this.params.secondaryFontColor),w((function(t,a,r){t%d==0&&(e.fillRect(r,0,1,o),e.fillText(c(a,h),r+e.params.labelPadding*e.pixelRatio,o))})),this.setFillStyles(this.params.unlabeledNotchColor),w((function(t,a,r){t%d!=0&&t%f!=0&&e.fillRect(r,0,1,l)}))}}},{key:"setFillStyles",value:function(e){this.canvases.forEach((function(t){var a=t.getContext("2d");a&&(a.fillStyle=e)}))}},{key:"setFonts",value:function(e){this.canvases.forEach((function(t){var a=t.getContext("2d");a&&(a.font=e)}))}},{key:"fillRect",value:function(e,t,a,r){var i=this;this.canvases.forEach((function(n,s){var o=s*i.maxCanvasWidth,l={x1:Math.max(e,s*i.maxCanvasWidth),y1:t,x2:Math.min(e+a,s*i.maxCanvasWidth+n.width),y2:t+r};if(l.x1<l.x2){var h=n.getContext("2d");h&&h.fillRect(l.x1-o,l.y1,l.x2-l.x1,l.y2-l.y1)}}))}},{key:"fillText",value:function(e,t,a){var r,i=0;this.canvases.forEach((function(n){var s=n.getContext("2d");if(s){var o=s.canvas.width;if(i>t+r)return;i+o>t&&s&&(r=s.measureText(e).width,s.fillText(e,t-i,a)),i+=o}}))}},{key:"defaultFormatTimeCallback",value:function(e,t){if(e/60>1){var a=parseInt(e/60,10);return e=(e=parseInt(e%60,10))<10?"0"+e:e,"".concat(a,":").concat(e)}return Math.round(1e3*e)/1e3}},{key:"defaultTimeInterval",value:function(e){return e>=25?1:5*e>=25?5:15*e>=25?15:60*Math.ceil(.5/e)}},{key:"defaultPrimaryLabelInterval",value:function(e){return e>=25?10:5*e>=25?6:4}},{key:"defaultSecondaryLabelInterval",value:function(e){return e>=25?5:2}}])&&a(t.prototype,r),n&&a(t,n),e}();t.default=r;var i=function(){var e=this;this._onScroll=function(){e.wrapper&&e.drawer.wrapper&&(e.wrapper.scrollLeft=e.drawer.wrapper.scrollLeft)},this._onRedraw=function(){return e.render()},this._onReady=function(){var t=e.wavesurfer;e.drawer=t.drawer,e.pixelRatio=t.drawer.params.pixelRatio,e.maxCanvasWidth=t.drawer.maxCanvasWidth||t.drawer.width,e.maxCanvasElementWidth=t.drawer.maxCanvasElementWidth||Math.round(e.maxCanvasWidth/e.pixelRatio),t.drawer.wrapper.addEventListener("scroll",e._onScroll),t.on("redraw",e._onRedraw),t.on("zoom",e._onZoom),e.render()},this._onWrapperClick=function(t){t.preventDefault();var a="offsetX"in t?t.offsetX:t.layerX;e.fireEvent("click",a/e.wrapper.scrollWidth||0)}};e.exports=t.default}},t={};return function a(r){var i=t[r];if(void 0!==i)return i.exports;var n=t[r]={exports:{}};return e[r](n,n.exports,a),n.exports}(171)})()}));
 //# sourceMappingURL=wavesurfer.timeline.min.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["webpack://WaveSurfer.[name]/webpack/universalModuleDefinition","webpack://WaveSurfer.[name]/./src/plugin/timeline/index.js","webpack://WaveSurfer.[name]/webpack/bootstrap","webpack://WaveSurfer.[name]/webpack/startup"],"names":["root","factory","exports","module","define","amd","this","TimelinePlugin","params","ws","container","document","querySelector","Error","wavesurfer","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","wrapper","drawer","pixelRatio","maxCanvasWidth","maxCanvasElementWidth","_onZoom","debounce","render","name","deferInit","instance","isReady","_onReady","once","unAll","un","_onRedraw","removeEventListener","_onScroll","parentNode","_onWrapperClick","removeChild","wsParams","innerHTML","appendChild","createElement","style","display","position","userSelect","webkitUserSelect","fillParent","scrollParent","width","overflowX","overflowY","addEventListener","createWrapper","updateCanvases","updateCanvasesPositioning","renderCanvases","canvas","push","zIndex","pop","parentElement","totalWidth","Math","round","scrollWidth","requiredCanvases","ceil","length","addCanvas","removeCanvas","canvasesLength","forEach","i","canvasWidth","left","backend","getDuration","totalSeconds","parseInt","getWidth","height1","height2","pixelsPerSecond","formatTime","intervalFnOrVal","option","curPixel","curSeconds","positioning","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","scrollLeft","on","e","preventDefault","relX","offsetX","layerX","fireEvent","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__"],"mappings":"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","file":"wavesurfer.timeline.min.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"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})(this, function() {\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        for (i = 0; i < totalSeconds / 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            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     * 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"],"sourceRoot":""}
+{"version":3,"file":"wavesurfer.timeline.min.js","mappings":"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","sources":["webpack://WaveSurfer.[name]/webpack/universalModuleDefinition","webpack://WaveSurfer.[name]/./src/plugin/timeline/index.js","webpack://WaveSurfer.[name]/webpack/bootstrap","webpack://WaveSurfer.[name]/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, function() {\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        for (i = 0; i < totalSeconds / 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","this","container","document","querySelector","Error","wavesurfer","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","wrapper","drawer","pixelRatio","maxCanvasWidth","maxCanvasElementWidth","_onZoom","debounce","render","name","deferInit","instance","isReady","_onReady","once","unAll","un","_onRedraw","removeEventListener","_onScroll","parentNode","_onWrapperClick","removeChild","wsParams","innerHTML","appendChild","createElement","style","display","position","userSelect","webkitUserSelect","fillParent","scrollParent","width","overflowX","overflowY","addEventListener","createWrapper","updateCanvases","updateCanvasesPositioning","renderCanvases","canvas","push","zIndex","pop","parentElement","totalWidth","Math","round","scrollWidth","requiredCanvases","ceil","length","addCanvas","removeCanvas","canvasesLength","forEach","i","canvasWidth","left","backend","getDuration","totalSeconds","parseInt","getWidth","height1","height2","pixelsPerSecond","formatTime","intervalFnOrVal","option","curPixel","curSeconds","positioning","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","scrollLeft","on","e","preventDefault","relX","offsetX","layerX","fireEvent","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__"],"sourceRoot":""}

package/dist/wavesurfer-html-init.js

@@ -1,5 +1,5 @@
 /*!
- * wavesurfer.js 5.1.0 (2021-06-20)
+ * wavesurfer.js 5.2.0 (2021-08-16)
  * https://wavesurfer-js.org
  * @license BSD-3-Clause
  */
@@ -12,7 +12,7 @@
 		exports["WaveSurfer"] = factory();
 	else
 		root["WaveSurfer"] = root["WaveSurfer"] || {}, root["WaveSurfer"]["html-init"] = factory();
-})(this, function() {
+})(self, function() {
 return /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 

package/dist/wavesurfer-html-init.js.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://WaveSurfer.[name]/webpack/universalModuleDefinition","webpack://WaveSurfer.[name]/./src/html-init.js","webpack://WaveSurfer.[name]/./node_modules/load-script/index.js","webpack://WaveSurfer.[name]/webpack/bootstrap","webpack://WaveSurfer.[name]/webpack/startup"],"names":["Init","WaveSurfer","params","Error","_params","Object","assign","defaults","backend","mediaControls","containers","pluginCdnTemplate","loadPlugin","name","cb","src","replace","async","err","plugin","console","error","window","document","querySelectorAll","pluginCache","instances","initAllEls","Array","prototype","forEach","call","el","plugins","dataset","split","length","initEl","i","lib","jsonRegex","initialisedPlugins","map","options","attrNameRegex","RegExp","attrName","regexResult","exec","attr","prop","test","JSON","parse","unprefixedOptionName","slice","toLowerCase","create","container","style","display","instance","peaks","undefined","load","url","push","WS_StopAutoInit","readyState","WaveSurferInit","WS_InitOptions","addEventListener"],"mappings":"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","file":"wavesurfer-html-init.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"WaveSurfer\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"WaveSurfer\"] = factory();\n\telse\n\t\troot[\"WaveSurfer\"] = root[\"WaveSurfer\"] || {}, root[\"WaveSurfer\"][\"html-init\"] = factory();\n})(this, function() {\nreturn ","import loadScript from 'load-script';\n\n/**\n * @typedef {Object} InitParams\n * @property {WavesurferParams} [defaults={backend: 'MediaElement,\n * mediaControls: true}] The default wavesurfer initialisation parameters\n * @property {string|NodeList} containers='wavesurfer' Selector or NodeList of\n * elements to attach instances to\n * @property {string}\n * pluginCdnTemplate='//localhost:8080/dist/plugin/wavesurfer.[name].js' URL\n * template for the dynamic loading of plugins\n * @property {function} loadPlugin If set overwrites the default request function,\n * can be used to inject plugins differently.\n */\n/**\n * The HTML initialisation API is not part of the main library bundle file and\n * must be additionally included.\n *\n * The API attaches wavesurfer instances to all `<wavesurfer>` (can be\n * customised), parsing their `data-` attributes to construct an options object\n * for initialisation. Among other things it can dynamically load plugin code.\n *\n * The automatic initialisation can be prevented by setting the\n * `window.WS_StopAutoInit` flag to true. The `html-init[.min].js` file exports\n * the `Init` class, which can be called manually.\n *\n * Site-wide defaults can be added by setting `window.WS_InitOptions`.\n *\n * @example\n * <!-- with minimap and timeline plugin -->\n * <wavesurfer\n *   data-url=\"../media/demo.wav\"\n *   data-plugins=\"minimap,timeline\"\n *   data-minimap-height=\"30\"\n *   data-minimap-wave-color=\"#ddd\"\n *   data-minimap-progress-color=\"#999\"\n *   data-timeline-font-size=\"13px\"\n *   data-timeline-container=\"#timeline\"\n * >\n * </wavesurfer>\n * <div id=\"timeline\"></div>\n *\n * <!-- with regions plugin -->\n * <wavesurfer\n *   data-url=\"../media/demo.wav\"\n *   data-plugins=\"regions\"\n *   data-regions-regions='[{\"start\": 1,\"end\": 3,\"color\": \"hsla(400, 100%, 30%, 0.5)\"}]'\n * >\n * </wavesurfer>\n */\nclass Init {\n    /**\n     * Instantiate Init class and initialize elements\n     *\n     * This is done automatically if `window` is defined and\n     * `window.WS_StopAutoInit` is not set to true\n     *\n     * @param {WaveSurfer} WaveSurfer The WaveSurfer library object\n     * @param {InitParams} params initialisation options\n     */\n    constructor(WaveSurfer, params = {}) {\n        if (!WaveSurfer) {\n            throw new Error('WaveSurfer is not available!');\n        }\n\n        /**\n         * cache WaveSurfer\n         * @private\n         */\n        this.WaveSurfer = WaveSurfer;\n\n        /**\n         * build parameters, cache them in _params so minified builds are smaller\n         * @private\n         */\n        const _params = (this.params = Object.assign(\n            {},\n            {\n                // wavesurfer parameter defaults so by default the audio player is\n                // usable with native media element controls\n                defaults: {\n                    backend: 'MediaElement',\n                    mediaControls: true\n                },\n                // containers to instantiate on, can be selector string or NodeList\n                containers: 'wavesurfer',\n                // @TODO insert plugin CDN URIs\n                pluginCdnTemplate:\n                    '//localhost:8080/dist/plugin/wavesurfer.[name].js',\n                // loadPlugin function can be overridden to inject plugin definition\n                // objects, this default function uses load-script to load a plugin\n                // and pass it to a callback\n                loadPlugin(name, cb) {\n                    const src = _params.pluginCdnTemplate.replace(\n                        '[name]',\n                        name\n                    );\n                    loadScript(src, { async: false }, (err, plugin) => {\n                        if (err) {\n                            // eslint-disable-next-line no-console\n                            return console.error(\n                                `WaveSurfer plugin ${name} not found at ${src}`\n                            );\n                        }\n                        cb(window.WaveSurfer[name]);\n                    });\n                }\n            },\n            params\n        ));\n        /**\n         * The nodes that should have instances attached to them\n         * @type {NodeList}\n         */\n        this.containers =\n            typeof _params.containers == 'string'\n                ? document.querySelectorAll(_params.containers)\n                : _params.containers;\n        /** @private */\n        this.pluginCache = {};\n        /**\n         * An array of wavesurfer instances\n         * @type {Object[]}\n         */\n        this.instances = [];\n\n        this.initAllEls();\n    }\n\n    /**\n     * Initialize all container elements\n     */\n    initAllEls() {\n        // iterate over all the container elements\n        Array.prototype.forEach.call(this.containers, el => {\n            // load the plugins as an array of plugin names\n            const plugins = el.dataset.plugins\n                ? el.dataset.plugins.split(',')\n                : [];\n\n            // no plugins to be loaded, just render\n            if (!plugins.length) {\n                return this.initEl(el);\n            }\n            // … or: iterate over all the plugins\n            plugins.forEach((name, i) => {\n                // plugin is not cached already, load it\n                if (!this.pluginCache[name]) {\n                    this.params.loadPlugin(name, lib => {\n                        this.pluginCache[name] = lib;\n                        // plugins were all loaded, render the element\n                        if (i + 1 === plugins.length) {\n                            this.initEl(el, plugins);\n                        }\n                    });\n                } else if (i === plugins.length) {\n                    // plugin was cached and this plugin was the last\n                    this.initEl(el, plugins);\n                }\n            });\n        });\n    }\n\n    /**\n     * Initialize a single container element and add to `this.instances`\n     *\n     * @param  {HTMLElement} el The container to instantiate wavesurfer to\n     * @param  {PluginDefinition[]} plugins An Array of plugin names to initialize with\n     * @return {Object} Wavesurfer instance\n     */\n    initEl(el, plugins = []) {\n        const jsonRegex = /^[[|{]/;\n        // initialize plugins with the correct options\n        const initialisedPlugins = plugins.map(plugin => {\n            const options = {};\n            // the regex to find this plugin attributes\n            const attrNameRegex = new RegExp('^' + plugin);\n            let attrName;\n            // iterate over all the data attributes and find ones for this\n            // plugin\n            for (attrName in el.dataset) {\n                const regexResult = attrNameRegex.exec(attrName);\n                if (regexResult) {\n                    const attr = el.dataset[attrName];\n                    // if the string begins with a [ or a { parse it as JSON\n                    const prop = jsonRegex.test(attr) ? JSON.parse(attr) : attr;\n                    // this removes the plugin prefix and changes the first letter\n                    // of the resulting string to lower case to follow the naming\n                    // convention of ws params\n                    const unprefixedOptionName =\n                        attrName\n                            .slice(plugin.length, plugin.length + 1)\n                            .toLowerCase() + attrName.slice(plugin.length + 1);\n                    options[unprefixedOptionName] = prop;\n                }\n            }\n            return this.pluginCache[plugin].create(options);\n        });\n        // build parameter object for this container\n        const params = Object.assign(\n            { container: el },\n            this.params.defaults,\n            el.dataset,\n            { plugins: initialisedPlugins }\n        );\n\n        // @TODO make nicer\n        el.style.display = 'block';\n\n        // initialize wavesurfer, load audio (with peaks if provided)\n        const instance = this.WaveSurfer.create(params);\n        const peaks = params.peaks ? JSON.parse(params.peaks) : undefined;\n        instance.load(params.url, peaks);\n\n        // push this instance into the instances cache\n        this.instances.push(instance);\n        return instance;\n    }\n}\n\n// if window object exists and window.WS_StopAutoInit is not true\nif (typeof window === 'object' && !window.WS_StopAutoInit) {\n    // call init when document is ready, apply any custom default settings\n    // in window.WS_InitOptions\n    if (document.readyState === 'complete') {\n        window.WaveSurferInit = new Init(\n            window.WaveSurfer,\n            window.WS_InitOptions\n        );\n    } else {\n        window.addEventListener('load', () => {\n            window.WaveSurferInit = new Init(\n                window.WaveSurfer,\n                window.WS_InitOptions\n            );\n        });\n    }\n}\n\n// export init for manual usage\nexport default Init;\n","\nmodule.exports = function load (src, opts, cb) {\n  var head = document.head || document.getElementsByTagName('head')[0]\n  var script = document.createElement('script')\n\n  if (typeof opts === 'function') {\n    cb = opts\n    opts = {}\n  }\n\n  opts = opts || {}\n  cb = cb || function() {}\n\n  script.type = opts.type || 'text/javascript'\n  script.charset = opts.charset || 'utf8';\n  script.async = 'async' in opts ? !!opts.async : true\n  script.src = src\n\n  if (opts.attrs) {\n    setAttributes(script, opts.attrs)\n  }\n\n  if (opts.text) {\n    script.text = '' + opts.text\n  }\n\n  var onend = 'onload' in script ? stdOnEnd : ieOnEnd\n  onend(script, cb)\n\n  // some good legacy browsers (firefox) fail the 'in' detection above\n  // so as a fallback we always set onload\n  // old IE will ignore this and new IE will set onload\n  if (!script.onload) {\n    stdOnEnd(script, cb);\n  }\n\n  head.appendChild(script)\n}\n\nfunction setAttributes(script, attrs) {\n  for (var attr in attrs) {\n    script.setAttribute(attr, attrs[attr]);\n  }\n}\n\nfunction stdOnEnd (script, cb) {\n  script.onload = function () {\n    this.onerror = this.onload = null\n    cb(null, script)\n  }\n  script.onerror = function () {\n    // this.onload = null here is necessary\n    // because even IE9 works not like others\n    this.onerror = this.onload = null\n    cb(new Error('Failed to load ' + this.src), script)\n  }\n}\n\nfunction ieOnEnd (script, cb) {\n  script.onreadystatechange = function () {\n    if (this.readyState != 'complete' && this.readyState != 'loaded') return\n    this.onreadystatechange = null\n    cb(null, script) // there is no way to catch loading errors in IE8\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/html-init.js\");\n"],"sourceRoot":""}
+{"version":3,"file":"wavesurfer-html-init.js","mappings":"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","sources":["webpack://WaveSurfer.[name]/webpack/universalModuleDefinition","webpack://WaveSurfer.[name]/./src/html-init.js","webpack://WaveSurfer.[name]/./node_modules/load-script/index.js","webpack://WaveSurfer.[name]/webpack/bootstrap","webpack://WaveSurfer.[name]/webpack/before-startup","webpack://WaveSurfer.[name]/webpack/startup","webpack://WaveSurfer.[name]/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\"][\"html-init\"] = factory();\n})(self, function() {\nreturn ","import loadScript from 'load-script';\n\n/**\n * @typedef {Object} InitParams\n * @property {WavesurferParams} [defaults={backend: 'MediaElement,\n * mediaControls: true}] The default wavesurfer initialisation parameters\n * @property {string|NodeList} containers='wavesurfer' Selector or NodeList of\n * elements to attach instances to\n * @property {string}\n * pluginCdnTemplate='//localhost:8080/dist/plugin/wavesurfer.[name].js' URL\n * template for the dynamic loading of plugins\n * @property {function} loadPlugin If set overwrites the default request function,\n * can be used to inject plugins differently.\n */\n/**\n * The HTML initialisation API is not part of the main library bundle file and\n * must be additionally included.\n *\n * The API attaches wavesurfer instances to all `<wavesurfer>` (can be\n * customised), parsing their `data-` attributes to construct an options object\n * for initialisation. Among other things it can dynamically load plugin code.\n *\n * The automatic initialisation can be prevented by setting the\n * `window.WS_StopAutoInit` flag to true. The `html-init[.min].js` file exports\n * the `Init` class, which can be called manually.\n *\n * Site-wide defaults can be added by setting `window.WS_InitOptions`.\n *\n * @example\n * <!-- with minimap and timeline plugin -->\n * <wavesurfer\n *   data-url=\"../media/demo.wav\"\n *   data-plugins=\"minimap,timeline\"\n *   data-minimap-height=\"30\"\n *   data-minimap-wave-color=\"#ddd\"\n *   data-minimap-progress-color=\"#999\"\n *   data-timeline-font-size=\"13px\"\n *   data-timeline-container=\"#timeline\"\n * >\n * </wavesurfer>\n * <div id=\"timeline\"></div>\n *\n * <!-- with regions plugin -->\n * <wavesurfer\n *   data-url=\"../media/demo.wav\"\n *   data-plugins=\"regions\"\n *   data-regions-regions='[{\"start\": 1,\"end\": 3,\"color\": \"hsla(400, 100%, 30%, 0.5)\"}]'\n * >\n * </wavesurfer>\n */\nclass Init {\n    /**\n     * Instantiate Init class and initialize elements\n     *\n     * This is done automatically if `window` is defined and\n     * `window.WS_StopAutoInit` is not set to true\n     *\n     * @param {WaveSurfer} WaveSurfer The WaveSurfer library object\n     * @param {InitParams} params initialisation options\n     */\n    constructor(WaveSurfer, params = {}) {\n        if (!WaveSurfer) {\n            throw new Error('WaveSurfer is not available!');\n        }\n\n        /**\n         * cache WaveSurfer\n         * @private\n         */\n        this.WaveSurfer = WaveSurfer;\n\n        /**\n         * build parameters, cache them in _params so minified builds are smaller\n         * @private\n         */\n        const _params = (this.params = Object.assign(\n            {},\n            {\n                // wavesurfer parameter defaults so by default the audio player is\n                // usable with native media element controls\n                defaults: {\n                    backend: 'MediaElement',\n                    mediaControls: true\n                },\n                // containers to instantiate on, can be selector string or NodeList\n                containers: 'wavesurfer',\n                // @TODO insert plugin CDN URIs\n                pluginCdnTemplate:\n                    '//localhost:8080/dist/plugin/wavesurfer.[name].js',\n                // loadPlugin function can be overridden to inject plugin definition\n                // objects, this default function uses load-script to load a plugin\n                // and pass it to a callback\n                loadPlugin(name, cb) {\n                    const src = _params.pluginCdnTemplate.replace(\n                        '[name]',\n                        name\n                    );\n                    loadScript(src, { async: false }, (err, plugin) => {\n                        if (err) {\n                            // eslint-disable-next-line no-console\n                            return console.error(\n                                `WaveSurfer plugin ${name} not found at ${src}`\n                            );\n                        }\n                        cb(window.WaveSurfer[name]);\n                    });\n                }\n            },\n            params\n        ));\n        /**\n         * The nodes that should have instances attached to them\n         * @type {NodeList}\n         */\n        this.containers =\n            typeof _params.containers == 'string'\n                ? document.querySelectorAll(_params.containers)\n                : _params.containers;\n        /** @private */\n        this.pluginCache = {};\n        /**\n         * An array of wavesurfer instances\n         * @type {Object[]}\n         */\n        this.instances = [];\n\n        this.initAllEls();\n    }\n\n    /**\n     * Initialize all container elements\n     */\n    initAllEls() {\n        // iterate over all the container elements\n        Array.prototype.forEach.call(this.containers, el => {\n            // load the plugins as an array of plugin names\n            const plugins = el.dataset.plugins\n                ? el.dataset.plugins.split(',')\n                : [];\n\n            // no plugins to be loaded, just render\n            if (!plugins.length) {\n                return this.initEl(el);\n            }\n            // … or: iterate over all the plugins\n            plugins.forEach((name, i) => {\n                // plugin is not cached already, load it\n                if (!this.pluginCache[name]) {\n                    this.params.loadPlugin(name, lib => {\n                        this.pluginCache[name] = lib;\n                        // plugins were all loaded, render the element\n                        if (i + 1 === plugins.length) {\n                            this.initEl(el, plugins);\n                        }\n                    });\n                } else if (i === plugins.length) {\n                    // plugin was cached and this plugin was the last\n                    this.initEl(el, plugins);\n                }\n            });\n        });\n    }\n\n    /**\n     * Initialize a single container element and add to `this.instances`\n     *\n     * @param  {HTMLElement} el The container to instantiate wavesurfer to\n     * @param  {PluginDefinition[]} plugins An Array of plugin names to initialize with\n     * @return {Object} Wavesurfer instance\n     */\n    initEl(el, plugins = []) {\n        const jsonRegex = /^[[|{]/;\n        // initialize plugins with the correct options\n        const initialisedPlugins = plugins.map(plugin => {\n            const options = {};\n            // the regex to find this plugin attributes\n            const attrNameRegex = new RegExp('^' + plugin);\n            let attrName;\n            // iterate over all the data attributes and find ones for this\n            // plugin\n            for (attrName in el.dataset) {\n                const regexResult = attrNameRegex.exec(attrName);\n                if (regexResult) {\n                    const attr = el.dataset[attrName];\n                    // if the string begins with a [ or a { parse it as JSON\n                    const prop = jsonRegex.test(attr) ? JSON.parse(attr) : attr;\n                    // this removes the plugin prefix and changes the first letter\n                    // of the resulting string to lower case to follow the naming\n                    // convention of ws params\n                    const unprefixedOptionName =\n                        attrName\n                            .slice(plugin.length, plugin.length + 1)\n                            .toLowerCase() + attrName.slice(plugin.length + 1);\n                    options[unprefixedOptionName] = prop;\n                }\n            }\n            return this.pluginCache[plugin].create(options);\n        });\n        // build parameter object for this container\n        const params = Object.assign(\n            { container: el },\n            this.params.defaults,\n            el.dataset,\n            { plugins: initialisedPlugins }\n        );\n\n        // @TODO make nicer\n        el.style.display = 'block';\n\n        // initialize wavesurfer, load audio (with peaks if provided)\n        const instance = this.WaveSurfer.create(params);\n        const peaks = params.peaks ? JSON.parse(params.peaks) : undefined;\n        instance.load(params.url, peaks);\n\n        // push this instance into the instances cache\n        this.instances.push(instance);\n        return instance;\n    }\n}\n\n// if window object exists and window.WS_StopAutoInit is not true\nif (typeof window === 'object' && !window.WS_StopAutoInit) {\n    // call init when document is ready, apply any custom default settings\n    // in window.WS_InitOptions\n    if (document.readyState === 'complete') {\n        window.WaveSurferInit = new Init(\n            window.WaveSurfer,\n            window.WS_InitOptions\n        );\n    } else {\n        window.addEventListener('load', () => {\n            window.WaveSurferInit = new Init(\n                window.WaveSurfer,\n                window.WS_InitOptions\n            );\n        });\n    }\n}\n\n// export init for manual usage\nexport default Init;\n","\nmodule.exports = function load (src, opts, cb) {\n  var head = document.head || document.getElementsByTagName('head')[0]\n  var script = document.createElement('script')\n\n  if (typeof opts === 'function') {\n    cb = opts\n    opts = {}\n  }\n\n  opts = opts || {}\n  cb = cb || function() {}\n\n  script.type = opts.type || 'text/javascript'\n  script.charset = opts.charset || 'utf8';\n  script.async = 'async' in opts ? !!opts.async : true\n  script.src = src\n\n  if (opts.attrs) {\n    setAttributes(script, opts.attrs)\n  }\n\n  if (opts.text) {\n    script.text = '' + opts.text\n  }\n\n  var onend = 'onload' in script ? stdOnEnd : ieOnEnd\n  onend(script, cb)\n\n  // some good legacy browsers (firefox) fail the 'in' detection above\n  // so as a fallback we always set onload\n  // old IE will ignore this and new IE will set onload\n  if (!script.onload) {\n    stdOnEnd(script, cb);\n  }\n\n  head.appendChild(script)\n}\n\nfunction setAttributes(script, attrs) {\n  for (var attr in attrs) {\n    script.setAttribute(attr, attrs[attr]);\n  }\n}\n\nfunction stdOnEnd (script, cb) {\n  script.onload = function () {\n    this.onerror = this.onload = null\n    cb(null, script)\n  }\n  script.onerror = function () {\n    // this.onload = null here is necessary\n    // because even IE9 works not like others\n    this.onerror = this.onload = null\n    cb(new Error('Failed to load ' + this.src), script)\n  }\n}\n\nfunction ieOnEnd (script, cb) {\n  script.onreadystatechange = function () {\n    if (this.readyState != 'complete' && this.readyState != 'loaded') return\n    this.onreadystatechange = null\n    cb(null, script) // there is no way to catch loading errors in IE8\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/html-init.js\");\n",""],"names":["Init","WaveSurfer","params","Error","_params","Object","assign","defaults","backend","mediaControls","containers","pluginCdnTemplate","loadPlugin","name","cb","src","replace","async","err","plugin","console","error","window","document","querySelectorAll","pluginCache","instances","initAllEls","Array","prototype","forEach","call","el","plugins","dataset","split","length","initEl","i","lib","jsonRegex","initialisedPlugins","map","options","attrNameRegex","RegExp","attrName","regexResult","exec","attr","prop","test","JSON","parse","unprefixedOptionName","slice","toLowerCase","create","container","style","display","instance","peaks","undefined","load","url","push","WS_StopAutoInit","readyState","WaveSurferInit","WS_InitOptions","addEventListener"],"sourceRoot":""}

package/dist/wavesurfer-html-init.min.js

@@ -1,7 +1,7 @@
 /*!
- * wavesurfer.js 5.1.0 (2021-06-20)
+ * wavesurfer.js 5.2.0 (2021-08-16)
  * https://wavesurfer-js.org
  * @license BSD-3-Clause
  */
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("WaveSurfer",[],t):"object"==typeof exports?exports.WaveSurfer=t():(e.WaveSurfer=e.WaveSurfer||{},e.WaveSurfer["html-init"]=t())}(this,(function(){return e={531:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o,r=(o=n(90))&&o.__esModule?o:{default:o};function a(e){return(a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}var l=function(){function e(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(i(this,e),!t)throw new Error("WaveSurfer is not available!");this.WaveSurfer=t;var o=this.params=Object.assign({},{defaults:{backend:"MediaElement",mediaControls:!0},containers:"wavesurfer",pluginCdnTemplate:"//localhost:8080/dist/plugin/wavesurfer.[name].js",loadPlugin:function(e,t){var n=o.pluginCdnTemplate.replace("[name]",e);(0,r.default)(n,{async:!1},(function(o,r){if(o)return console.error("WaveSurfer plugin ".concat(e," not found at ").concat(n));t(window.WaveSurfer[e])}))}},n);this.containers="string"==typeof o.containers?document.querySelectorAll(o.containers):o.containers,this.pluginCache={},this.instances=[],this.initAllEls()}var t,n,o;return t=e,(n=[{key:"initAllEls",value:function(){var e=this;Array.prototype.forEach.call(this.containers,(function(t){var n=t.dataset.plugins?t.dataset.plugins.split(","):[];if(!n.length)return e.initEl(t);n.forEach((function(o,r){e.pluginCache[o]?r===n.length&&e.initEl(t,n):e.params.loadPlugin(o,(function(a){e.pluginCache[o]=a,r+1===n.length&&e.initEl(t,n)}))}))}))}},{key:"initEl",value:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],o=/^[[|{]/,r=n.map((function(n){var r,a={},i=new RegExp("^"+n);for(r in e.dataset)if(i.exec(r)){var s=e.dataset[r],l=o.test(s)?JSON.parse(s):s;a[r.slice(n.length,n.length+1).toLowerCase()+r.slice(n.length+1)]=l}return t.pluginCache[n].create(a)})),a=Object.assign({container:e},this.params.defaults,e.dataset,{plugins:r});e.style.display="block";var i=this.WaveSurfer.create(a),s=a.peaks?JSON.parse(a.peaks):void 0;return i.load(a.url,s),this.instances.push(i),i}}])&&s(t.prototype,n),o&&s(t,o),e}();"object"!==("undefined"==typeof window?"undefined":a(window))||window.WS_StopAutoInit||("complete"===document.readyState?window.WaveSurferInit=new l(window.WaveSurfer,window.WS_InitOptions):window.addEventListener("load",(function(){window.WaveSurferInit=new l(window.WaveSurfer,window.WS_InitOptions)})));var u=l;t.default=u,e.exports=t.default},90:e=>{function t(e,t){e.onload=function(){this.onerror=this.onload=null,t(null,e)},e.onerror=function(){this.onerror=this.onload=null,t(new Error("Failed to load "+this.src),e)}}function n(e,t){e.onreadystatechange=function(){"complete"!=this.readyState&&"loaded"!=this.readyState||(this.onreadystatechange=null,t(null,e))}}e.exports=function(e,o,r){var a=document.head||document.getElementsByTagName("head")[0],i=document.createElement("script");"function"==typeof o&&(r=o,o={}),o=o||{},r=r||function(){},i.type=o.type||"text/javascript",i.charset=o.charset||"utf8",i.async=!("async"in o)||!!o.async,i.src=e,o.attrs&&function(e,t){for(var n in t)e.setAttribute(n,t[n])}(i,o.attrs),o.text&&(i.text=""+o.text),("onload"in i?t:n)(i,r),i.onload||t(i,r),a.appendChild(i)}}},t={},function n(o){var r=t[o];if(void 0!==r)return r.exports;var a=t[o]={exports:{}};return e[o](a,a.exports,n),a.exports}(531);var e,t}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("WaveSurfer",[],t):"object"==typeof exports?exports.WaveSurfer=t():(e.WaveSurfer=e.WaveSurfer||{},e.WaveSurfer["html-init"]=t())}(self,(function(){return e={531:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o,r=(o=n(90))&&o.__esModule?o:{default:o};function a(e){return(a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}var s=function(){function e(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(i(this,e),!t)throw new Error("WaveSurfer is not available!");this.WaveSurfer=t;var o=this.params=Object.assign({},{defaults:{backend:"MediaElement",mediaControls:!0},containers:"wavesurfer",pluginCdnTemplate:"//localhost:8080/dist/plugin/wavesurfer.[name].js",loadPlugin:function(e,t){var n=o.pluginCdnTemplate.replace("[name]",e);(0,r.default)(n,{async:!1},(function(o,r){if(o)return console.error("WaveSurfer plugin ".concat(e," not found at ").concat(n));t(window.WaveSurfer[e])}))}},n);this.containers="string"==typeof o.containers?document.querySelectorAll(o.containers):o.containers,this.pluginCache={},this.instances=[],this.initAllEls()}var t,n,o;return t=e,(n=[{key:"initAllEls",value:function(){var e=this;Array.prototype.forEach.call(this.containers,(function(t){var n=t.dataset.plugins?t.dataset.plugins.split(","):[];if(!n.length)return e.initEl(t);n.forEach((function(o,r){e.pluginCache[o]?r===n.length&&e.initEl(t,n):e.params.loadPlugin(o,(function(a){e.pluginCache[o]=a,r+1===n.length&&e.initEl(t,n)}))}))}))}},{key:"initEl",value:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],o=/^[[|{]/,r=n.map((function(n){var r,a={},i=new RegExp("^"+n);for(r in e.dataset)if(i.exec(r)){var l=e.dataset[r],s=o.test(l)?JSON.parse(l):l;a[r.slice(n.length,n.length+1).toLowerCase()+r.slice(n.length+1)]=s}return t.pluginCache[n].create(a)})),a=Object.assign({container:e},this.params.defaults,e.dataset,{plugins:r});e.style.display="block";var i=this.WaveSurfer.create(a),l=a.peaks?JSON.parse(a.peaks):void 0;return i.load(a.url,l),this.instances.push(i),i}}])&&l(t.prototype,n),o&&l(t,o),e}();"object"!==("undefined"==typeof window?"undefined":a(window))||window.WS_StopAutoInit||("complete"===document.readyState?window.WaveSurferInit=new s(window.WaveSurfer,window.WS_InitOptions):window.addEventListener("load",(function(){window.WaveSurferInit=new s(window.WaveSurfer,window.WS_InitOptions)})));var u=s;t.default=u,e.exports=t.default},90:e=>{function t(e,t){e.onload=function(){this.onerror=this.onload=null,t(null,e)},e.onerror=function(){this.onerror=this.onload=null,t(new Error("Failed to load "+this.src),e)}}function n(e,t){e.onreadystatechange=function(){"complete"!=this.readyState&&"loaded"!=this.readyState||(this.onreadystatechange=null,t(null,e))}}e.exports=function(e,o,r){var a=document.head||document.getElementsByTagName("head")[0],i=document.createElement("script");"function"==typeof o&&(r=o,o={}),o=o||{},r=r||function(){},i.type=o.type||"text/javascript",i.charset=o.charset||"utf8",i.async=!("async"in o)||!!o.async,i.src=e,o.attrs&&function(e,t){for(var n in t)e.setAttribute(n,t[n])}(i,o.attrs),o.text&&(i.text=""+o.text),("onload"in i?t:n)(i,r),i.onload||t(i,r),a.appendChild(i)}}},t={},function n(o){var r=t[o];if(void 0!==r)return r.exports;var a=t[o]={exports:{}};return e[o](a,a.exports,n),a.exports}(531);var e,t}));
 //# sourceMappingURL=wavesurfer-html-init.min.js.map