{"version":3,"file":"wavesurfer.cursor.min.js","mappings":"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","sources":["webpack://WaveSurfer/webpack/universalModuleDefinition","webpack://WaveSurfer/./src/plugin/cursor/index.js","webpack://WaveSurfer/webpack/bootstrap","webpack://WaveSurfer/webpack/startup"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"WaveSurfer\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"WaveSurfer\"] = factory();\n\telse\n\t\troot[\"WaveSurfer\"] = root[\"WaveSurfer\"] || {}, root[\"WaveSurfer\"][\"cursor\"] = factory();\n})(self, () => {\nreturn ","/**\n * @typedef {Object} CursorPluginParams\n * @property {?boolean} deferInit Set to true to stop auto init in `addPlugin()`\n * @property {boolean} hideOnBlur=true Hide the cursor when the mouse leaves the\n * waveform\n * @property {string} width='1px' The width of the cursor\n * @property {string} color='black' The color of the cursor\n * @property {number|string} opacity='0.25' The opacity of the cursor\n * @property {string} style='solid' The border style of the cursor\n * @property {number} zIndex=3 The z-index of the cursor element\n * @property {object} customStyle An object with custom styles which are applied\n * to the cursor element\n * @property {boolean} showTime=false Show the time on the cursor.\n * @property {object} customShowTimeStyle An object with custom styles which are\n * applied to the cursor time element.\n * @property {boolean} followCursorY=false Use `true` to make the time on\n * the cursor follow the x and the y-position of the mouse. Use `false` to make the\n * it only follow the x-position of the mouse.\n * @property {function} formatTimeCallback Formats the timestamp on the cursor.\n */\n\n/**\n * Displays a thin line at the position of the cursor on the waveform.\n *\n * @implements {PluginClass}\n * @extends {Observer}\n * @example\n * // es6\n * import CursorPlugin from 'wavesurfer.cursor.js';\n *\n * // commonjs\n * var CursorPlugin = require('wavesurfer.cursor.js');\n *\n * // if you are using <script> tags\n * var CursorPlugin = window.WaveSurfer.cursor;\n *\n * // ... initialising wavesurfer with the plugin\n * var wavesurfer = WaveSurfer.create({\n *   // wavesurfer options ...\n *   plugins: [\n *     CursorPlugin.create({\n *       // plugin options ...\n *     })\n *   ]\n * });\n */\nexport default class CursorPlugin {\n    /**\n     * Cursor 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  {CursorPluginParams} params parameters use to initialise the\n     * plugin\n     * @return {PluginDefinition} an object representing the plugin\n     */\n    static create(params) {\n        return {\n            name: 'cursor',\n            deferInit: params && params.deferInit ? params.deferInit : false,\n            params: params,\n            staticProps: {},\n            instance: CursorPlugin\n        };\n    }\n\n    /**\n     * @type {CursorPluginParams}\n     */\n    defaultParams = {\n        hideOnBlur: true,\n        width: '1px',\n        color: 'black',\n        opacity: '0.25',\n        style: 'solid',\n        zIndex: 4,\n        customStyle: {},\n        customShowTimeStyle: {},\n        showTime: false,\n        followCursorY: false,\n        formatTimeCallback: null\n    };\n\n    /**\n     * @param {object} e Mouse move event\n     */\n    _onMousemove = e => {\n        const event = this.util.withOrientation(e, this.wavesurfer.params.vertical);\n        const bbox = this.wrapper.getBoundingClientRect();\n        let y = 0;\n        let x = this.wrapper.scrollLeft + event.clientX - bbox.left;\n        const displayTimeWidth = this.displayTime ? this.displayTime.getBoundingClientRect().width : 0;\n        let flip = bbox.right < event.clientX + displayTimeWidth;\n\n        if (this.params.showTime && this.params.followCursorY) {\n            // follow y-position of the mouse\n            y = event.clientY - (bbox.top + bbox.height / 2);\n        }\n\n        this.updateCursorPosition(x, y, flip);\n    };\n\n    /**\n     * @returns {void}\n     */\n    _onMouseenter = () => this.showCursor();\n\n    /**\n     * @returns {void}\n     */\n    _onMouseleave = () => this.hideCursor();\n\n    /**\n     * Construct the plugin class. You probably want to use `CursorPlugin.create`\n     * instead.\n     *\n     * @param {CursorPluginParams} params Plugin parameters\n     * @param {object} ws Wavesurfer instance\n     */\n    constructor(params, ws) {\n        this.wavesurfer = ws;\n        this.style = ws.util.style;\n        this.util = ws.util;\n        /**\n         * The cursor HTML element\n         *\n         * @type {?HTMLElement}\n         */\n        this.cursor = null;\n        /**\n         * displays the time next to the cursor\n         *\n         * @type {?HTMLElement}\n         */\n        this.showTime = null;\n        /**\n         * The html container that will display the time\n         *\n         * @type {?HTMLElement}\n         */\n        this.displayTime = null;\n\n        this.params = Object.assign({}, this.defaultParams, params);\n    }\n\n    _onReady() {\n        this.wrapper = this.wavesurfer.drawer.wrapper;\n        this.cursor = this.util.withOrientation(this.wrapper.appendChild(\n            document.createElement('cursor'),\n        ), this.wavesurfer.params.vertical);\n\n        this.style(this.cursor,\n            Object.assign(\n                {\n                    position: 'absolute',\n                    zIndex: this.params.zIndex,\n                    left: 0,\n                    top: 0,\n                    bottom: 0,\n                    width: '0',\n                    display: 'flex',\n                    borderRightStyle: this.params.style,\n                    borderRightWidth: this.params.width,\n                    borderRightColor: this.params.color,\n                    opacity: this.params.opacity,\n                    pointerEvents: 'none'\n                },\n                this.params.customStyle\n            )\n        );\n\n        if (this.params.showTime) {\n            this.showTime = this.util.withOrientation(this.wrapper.appendChild(\n                document.createElement('showTitle')\n            ), this.wavesurfer.params.vertical);\n            this.style(\n                this.showTime,\n                Object.assign(\n                    {\n                        position: 'absolute',\n                        zIndex: this.params.zIndex,\n                        left: 0,\n                        top: 0,\n                        bottom: 0,\n                        width: 'auto',\n                        display: 'flex',\n                        opacity: this.params.opacity,\n                        pointerEvents: 'none',\n                        height: '100%'\n                    },\n                    this.params.customStyle\n                )\n            );\n\n            this.displayTime = this.util.withOrientation(this.showTime.appendChild(\n                document.createElement('div'),\n            ), this.wavesurfer.params.vertical);\n\n            this.style(this.displayTime,\n                Object.assign(\n                    {\n                        display: 'inline',\n                        pointerEvents: 'none',\n                        margin: 'auto',\n                        visibility: 'hidden' // initial value will be hidden just for measuring purpose\n                    },\n                    this.params.customShowTimeStyle\n                )\n            );\n\n            // initial value to measure display width\n            this.displayTime.innerHTML = this.formatTime(0);\n        }\n\n        this.wrapper.addEventListener('mousemove', this._onMousemove);\n        if (this.params.hideOnBlur) {\n            // ensure elements are hidden initially\n            this.hideCursor();\n            this.wrapper.addEventListener('mouseenter', this._onMouseenter);\n            this.wrapper.addEventListener('mouseleave', this._onMouseleave);\n        }\n    }\n\n    /**\n     * Initialise the plugin (used by the Plugin API)\n     */\n    init() {\n        if (this.wavesurfer.isReady) {\n            this._onReady();\n        } else {\n            this.wavesurfer.once('ready', () => this._onReady());\n        }\n    }\n\n    /**\n     * Destroy the plugin (used by the Plugin API)\n     */\n    destroy() {\n        if (this.params.showTime) {\n            this.showTime.remove();\n        }\n        this.cursor.remove();\n        this.wrapper.removeEventListener('mousemove', this._onMousemove);\n        if (this.params.hideOnBlur) {\n            this.wrapper.removeEventListener('mouseenter', this._onMouseenter);\n            this.wrapper.removeEventListener('mouseleave', this._onMouseleave);\n        }\n    }\n\n    /**\n     * Update the cursor position\n     *\n     * @param {number} xpos The x offset of the cursor in pixels\n     * @param {number} ypos The y offset of the cursor in pixels\n     * @param {boolean} flip Flag to flip duration text from right to left\n     */\n    updateCursorPosition(xpos, ypos, flip = false) {\n        this.style(this.cursor, {\n            left: `${xpos}px`\n        });\n        if (this.params.showTime) {\n            const duration = this.wavesurfer.getDuration();\n            const elementWidth =\n                this.wavesurfer.drawer.width /\n                this.wavesurfer.params.pixelRatio;\n            const scrollWidth = this.wavesurfer.drawer.getScrollX();\n\n            const scrollTime =\n                (duration / this.wavesurfer.drawer.width) * scrollWidth;\n\n            const timeValue =\n                Math.max(0, ((xpos - this.wrapper.scrollLeft) / elementWidth) * duration) + scrollTime;\n            const formatValue = this.formatTime(timeValue);\n            if (flip) {\n                const textOffset = this.displayTime.getBoundingClientRect().width;\n                xpos -= textOffset;\n            }\n            this.style(this.showTime, {\n                left: `${xpos}px`,\n                top: `${ypos}px`\n            });\n            this.style(this.displayTime, {\n                visibility: 'visible'\n            });\n            this.displayTime.innerHTML = `${formatValue}`;\n        }\n    }\n\n    /**\n     * Show the cursor\n     */\n    showCursor() {\n        this.style(this.cursor, {\n            display: 'flex'\n        });\n        if (this.params.showTime) {\n            this.style(this.showTime, {\n                display: 'flex'\n            });\n        }\n    }\n\n    /**\n     * Hide the cursor\n     */\n    hideCursor() {\n        this.style(this.cursor, {\n            display: 'none'\n        });\n        if (this.params.showTime) {\n            this.style(this.showTime, {\n                display: 'none'\n            });\n        }\n    }\n\n    /**\n     * Format the timestamp for `cursorTime`.\n     *\n     * @param {number} cursorTime Time in seconds\n     * @returns {string} Formatted timestamp\n     */\n    formatTime(cursorTime) {\n        cursorTime = isNaN(cursorTime) ? 0 : cursorTime;\n\n        if (this.params.formatTimeCallback) {\n            return this.params.formatTimeCallback(cursorTime);\n        }\n        return [cursorTime].map(time =>\n            [\n                Math.floor((time % 3600) / 60), // minutes\n                ('00' + Math.floor(time % 60)).slice(-2), // seconds\n                ('000' + Math.floor((time % 1) * 1000)).slice(-3) // milliseconds\n            ].join(':')\n        );\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__(178);\n"],"names":["root","factory","exports","module","define","amd","self","CursorPlugin","params","ws","hideOnBlur","width","color","opacity","style","zIndex","customStyle","customShowTimeStyle","showTime","followCursorY","formatTimeCallback","e","event","util","withOrientation","wavesurfer","vertical","bbox","wrapper","getBoundingClientRect","y","x","scrollLeft","clientX","left","displayTimeWidth","displayTime","flip","right","clientY","top","height","updateCursorPosition","showCursor","hideCursor","this","cursor","Object","assign","defaultParams","drawer","appendChild","document","createElement","position","bottom","display","borderRightStyle","borderRightWidth","borderRightColor","pointerEvents","margin","visibility","innerHTML","formatTime","addEventListener","_onMousemove","_onMouseenter","_onMouseleave","isReady","_onReady","once","remove","removeEventListener","xpos","ypos","duration","getDuration","elementWidth","pixelRatio","scrollWidth","getScrollX","scrollTime","timeValue","Math","max","formatValue","textOffset","cursorTime","isNaN","map","time","floor","slice","join","name","deferInit","staticProps","instance","__webpack_module_cache__","__webpack_exports__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__"],"sourceRoot":""}