{"version":3,"sources":["webpack://WaveSurfer.[name]/webpack/universalModuleDefinition","webpack://WaveSurfer.[name]/webpack/bootstrap","webpack://WaveSurfer.[name]/./src/plugin/timeline.js"],"names":["TimelinePlugin","params","name","deferInit","instance","ws","container","document","querySelector","Error","wavesurfer","util","extend","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","timeline","backend","getDuration","totalSeconds","parseInt","getWidth","height1","height2","pixelsPerSecond","formatTime","intervalFnOrVal","option","curPixel","curSeconds","positioning","renderPositions","cb","pos","setFillStyles","setFonts","fillRect","fillText","fillStyle","getContext","font","x","y","leftOffset","intersection","x1","max","y1","x2","min","y2","text","textWidth","xOffset","context","measureText","seconds","pxPerSec","minutes","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(\"timeline\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"timeline\"] = factory();\n\telse\n\t\troot[\"WaveSurfer\"] = root[\"WaveSurfer\"] || {}, root[\"WaveSurfer\"][\"timeline\"] = factory();\n})(window, function() {\nreturn "," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"localhost:8080/dist/plugin/\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = \"./src/plugin/timeline.js\");\n","/**\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    /** @private */\n    _onScroll = () => {\n        if (this.wrapper && this.drawer.wrapper) {\n            this.wrapper.scrollLeft = this.drawer.wrapper.scrollLeft;\n        }\n    };\n\n    /**\n     * @private\n     * @returns {void}\n     */\n    _onRedraw = () => this.render();\n\n    /** @private */\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     * @private\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        /** @private */\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        /** @private */\n        this.wavesurfer = ws;\n        /** @private */\n        this.util = ws.util;\n        /** @private */\n        this.params = this.util.extend(\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        /** @private */\n        this.canvases = [];\n        /** @private */\n        this.wrapper = null;\n        /** @private */\n        this.drawer = null;\n        /** @private */\n        this.pixelRatio = null;\n        /** @private */\n        this.maxCanvasWidth = null;\n        /** @private */\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         * @private\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     * @private\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     * @private\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     * @private\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     * @private\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     * @private\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     * @private\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     * @private\n     */\n    renderCanvases() {\n        const duration =\n            this.wavesurfer.timeline.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     * @private\n     */\n    setFillStyles(fillStyle) {\n        this.canvases.forEach(canvas => {\n            canvas.getContext('2d').fillStyle = fillStyle;\n        });\n    }\n\n    /**\n     * Set the canvas font\n     *\n     * @param {DOMString} font Font to use\n     * @private\n     */\n    setFonts(font) {\n        this.canvases.forEach(canvas => {\n            canvas.getContext('2d').font = font;\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     * @private\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                canvas\n                    .getContext('2d')\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     * 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     * @private\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) {\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"],"sourceRoot":""}