wavesurfer.js 6.4.0 → 6.5.0

package/LICENSE

@@ -1,6 +1,6 @@
 BSD 3-Clause License
 
-Copyright (c) 2012-2022, katspaugh and contributors
+Copyright (c) 2012-2023, katspaugh and contributors
 All rights reserved.
 
 Redistribution and use in source and binary forms, with or without

package/README.md

@@ -1,34 +1,45 @@
 # [wavesurfer.js](https://wavesurfer-js.org)
 
 [![npm version](https://img.shields.io/npm/v/wavesurfer.js.svg?style=flat)](https://www.npmjs.com/package/wavesurfer.js)
-![npm](https://img.shields.io/npm/dm/wavesurfer.js.svg) [![Join the chat at https://gitter.im/katspaugh/wavesurfer.js](https://badges.gitter.im/katspaugh/wavesurfer.js.svg)](https://gitter.im/katspaugh/wavesurfer.js?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
-[![GitPOAP Badge](https://public-api.gitpoap.io/v1/repo/katspaugh/wavesurfer.js/badge)](https://www.gitpoap.io/gh/katspaugh/wavesurfer.js)
+![npm](https://img.shields.io/npm/dm/wavesurfer.js.svg) [![Join the chat at https://gitter.im/wavesurfer-js/wavesurfer.js](https://badges.gitter.im/wavesurfer-js/wavesurfer.js.svg)](https://gitter.im/wavesurfer-js/wavesurfer.js?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
+[![GitPOAP Badge](https://public-api.gitpoap.io/v1/repo/wavesurfer-js/wavesurfer.js/badge)](https://www.gitpoap.io/gh/wavesurfer-js/wavesurfer.js)
 
 Interactive navigable audio visualization using Web Audio and Canvas.
 
-[![Screenshot](https://raw.githubusercontent.com/katspaugh/wavesurfer.js/gh-pages/example/screenshot.png "Screenshot")](https://wavesurfer-js.org)
+[![Screenshot](https://raw.githubusercontent.com/wavesurfer-js/wavesurfer.js/gh-pages/example/screenshot.png "Screenshot")](https://wavesurfer-js.org)
 
 See a [tutorial](https://wavesurfer-js.org/docs) and [examples](https://wavesurfer-js.org/examples) on [wavesurfer-js.org](https://wavesurfer-js.org).
 
-## Browser support
-wavesurfer.js works only in [modern browsers supporting Web Audio](http://caniuse.com/audio-api).
+## Questions
+Have a question about integrating wavesurfer.js on your website? Feel free to ask in our forum: https://github.com/wavesurfer-js/wavesurfer.js/discussions/categories/q-a
 
-It will fallback to Audio Element without graphics in other browsers (IE 11 and lower).
+## Quick start
+Install the package:
 
-## FAQ
-### Can the audio start playing before the waveform is drawn?
-Yes, if you use the `backend: 'MediaElement'` option. See here: https://wavesurfer-js.org/example/audio-element/. The audio will start playing as you press play. A thin line will be displayed until the whole audio file is downloaded and decoded to draw the waveform.
+```
+npm install wavesurfer.js --save
+
+# or
+
+yarn add wavesurfer.js
+```
 
-### Can drawing be done as file loads?
-No. Web Audio needs the whole file to decode it in the browser. You can however load pre-decoded waveform data to draw the waveform immediately. See here: https://wavesurfer-js.org/example/audio-element/ (the "Pre-recoded Peaks" section).
+And import it like so:
+```
+import WaveSurfer from 'wavesurfer.js'
+```
 
-## API in examples
+If you're not using a package manager, simply insert the script from a CDN:
+```
+<script src="https://unpkg.com/wavesurfer.js"></script>
+```
 
-Choose a container:
+Create a container in your HTML:
 ```html
 <div id="waveform"></div>
 ```
-Create an instance, passing the container selector and [options](https://wavesurfer-js.org/docs/options.html):
+
+Create an instance of wavesufer.js, passing the container selector and a few [options](https://wavesurfer-js.org/docs/options.html):
 
 ```javascript
 var wavesurfer = WaveSurfer.create({
@@ -56,43 +67,20 @@ wavesurfer.load('example/media/demo.wav');
 
 See the documentation on all available [methods](https://wavesurfer-js.org/docs/methods.html), [options](https://wavesurfer-js.org/docs/options.html) and [events](https://wavesurfer-js.org/docs/events.html) on the [homepage](https://wavesurfer-js.org/docs/).
 
-## Upgrade
-
-See the [upgrade](https://github.com/katspaugh/wavesurfer.js/blob/master/UPGRADE.md) document if you're upgrading from a previous version of wavesurfer.js.
-
-## Using with a module bundler
+## Projects using wavesurfer.js
 
-Install Wavesurfer:
-```bash
-npm install wavesurfer.js --save
-# or
-yarn add wavesurfer.js
-```
-
-Use it with a module system like this:
-```javascript
-// import
-import WaveSurfer from 'wavesurfer.js';
-
-// commonjs/requirejs
-var WaveSurfer = require('wavesurfer.js');
-
-// amd
-define(['WaveSurfer'], function(WaveSurfer) {
-  // ... code
-});
-
-```
+For the list of projects using wavesurfer.js, check out
+[the projects page](https://wavesurfer-js.org/projects/).
 
-## Related projects
+## Contributing
 
-For a list of  projects using wavesurfer.js, check out
-[the projects page](https://wavesurfer-js.org/projects/).
+Have an idea and want to contribute to wavesurfer.js?
+Please first start a discussion in the [Ideas section of our forum](https://github.com/wavesurfer-js/wavesurfer.js/discussions/categories/ideas) to coordinate with the maintainers.
 
-## Development
+### Development
 
-[![Build Status](https://github.com/katspaugh/wavesurfer.js/workflows/wavesurfer.js/badge.svg?branch=master)](https://github.com/katspaugh/wavesurfer.js/actions?workflow=wavesurfer.js)
-[![Coverage Status](https://coveralls.io/repos/github/katspaugh/wavesurfer.js/badge.svg)](https://coveralls.io/github/katspaugh/wavesurfer.js)
+[![Build Status](https://github.com/wavesurfer-js/wavesurfer.js/workflows/wavesurfer.js/badge.svg?branch=master)](https://github.com/wavesurfer-js/wavesurfer.js/actions?workflow=wavesurfer.js)
+[![Coverage Status](https://coveralls.io/repos/github/wavesurfer-js/wavesurfer.js/badge.svg)](https://coveralls.io/github/wavesurfer-js/wavesurfer.js)
 ![Size](https://img.shields.io/bundlephobia/minzip/wavesurfer.js.svg?style=flat)
 
 Install development dependencies:
@@ -134,7 +122,7 @@ npm run doc
 If you want to use [the VS Code - Debugger for Chrome](https://github.com/Microsoft/vscode-chrome-debug), there is already a [launch.json](.vscode/launch.json) with a properly configured ``sourceMapPathOverrides`` for you.
 
 ## Editing documentation
-The homepage and documentation files are maintained in the [`gh-pages` branch](https://github.com/katspaugh/wavesurfer.js/tree/gh-pages). Contributions to the documentation are especially welcome.
+The homepage and documentation files are maintained in the [`gh-pages` branch](https://github.com/wavesurfer-js/wavesurfer.js/tree/gh-pages). Contributions to the documentation are especially welcome.
 
 ## Updating the NPM package
 When preparing a new release, update the version in the `package.json` and have it merged to master. The new version of the package will be published to NPM automatically via GitHub Actions.
@@ -143,7 +131,7 @@ When preparing a new release, update the version in the `package.json` and have
 
 The main maintainer: <img src="https://avatars.githubusercontent.com/u/305679" width="16" height="16" /> [Thijs Triemstra](https://github.com/thijstriemstra)
 
-Many thanks to [all the awesome contributors](https://github.com/katspaugh/wavesurfer.js/contributors)!
+Many thanks to [all the awesome contributors](https://github.com/wavesurfer-js/wavesurfer.js/contributors)!
 
 ## License
 

package/dist/plugin/wavesurfer.cursor.js

@@ -1,5 +1,5 @@
 /*!
- * wavesurfer.js cursor plugin 6.4.0 (2022-11-05)
+ * wavesurfer.js cursor plugin 6.5.0 (2023-03-11)
  * https://wavesurfer-js.org
  * @license BSD-3-Clause
  */
@@ -29,10 +29,13 @@ Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
 exports["default"] = void 0;
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 /**
  * @typedef {Object} CursorPluginParams
  * @property {?boolean} deferInit Set to true to stop auto init in `addPlugin()`
@@ -90,6 +93,9 @@ var CursorPlugin = /*#__PURE__*/function () {
   function CursorPlugin(params, ws) {
     var _this = this;
     _classCallCheck(this, CursorPlugin);
+    /**
+     * @type {CursorPluginParams}
+     */
     _defineProperty(this, "defaultParams", {
       hideOnBlur: true,
       width: '1px',
@@ -103,6 +109,9 @@ var CursorPlugin = /*#__PURE__*/function () {
       followCursorY: false,
       formatTimeCallback: null
     });
+    /**
+     * @param {object} e Mouse move event
+     */
     _defineProperty(this, "_onMousemove", function (e) {
       var event = _this.util.withOrientation(e, _this.wavesurfer.params.vertical);
       var bbox = _this.wrapper.getBoundingClientRect();
@@ -116,9 +125,15 @@ var CursorPlugin = /*#__PURE__*/function () {
       }
       _this.updateCursorPosition(x, y, flip);
     });
+    /**
+     * @returns {void}
+     */
     _defineProperty(this, "_onMouseenter", function () {
       return _this.showCursor();
     });
+    /**
+     * @returns {void}
+     */
     _defineProperty(this, "_onMouseleave", function () {
       return _this.hideCursor();
     });
@@ -144,7 +159,7 @@ var CursorPlugin = /*#__PURE__*/function () {
      */
     this.displayTime = null;
     /**
-     * true if call destory before ready event
+     * true when `destroy` was called before `ready` event
      * @type {boolean}
      */
     this.isDestroyCalled = false;
@@ -355,10 +370,6 @@ var CursorPlugin = /*#__PURE__*/function () {
         instance: CursorPlugin
       };
     }
-
-    /**
-     * @type {CursorPluginParams}
-     */
   }]);
   return CursorPlugin;
 }();

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

@@ -1 +1 @@
-{"version":3,"file":"wavesurfer.cursor.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/before-startup","webpack://WaveSurfer/webpack/startup","webpack://WaveSurfer/webpack/after-startup"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"WaveSurfer\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"WaveSurfer\"] = factory();\n\telse\n\t\troot[\"WaveSurfer\"] = root[\"WaveSurfer\"] || {}, root[\"WaveSurfer\"][\"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 * @property {boolean} isDestroyCalled  true if called destroy before the ready event fired\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         * true if call destory before ready event\n         * @type {boolean}\n         */\n        this.isDestroyCalled = false;\n\n        this.params = Object.assign({}, this.defaultParams, params);\n    }\n\n    _onReady() {\n        if (this.isDestroyCalled) {\n            return;\n        }\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.cursorTime || !this.showTime){\n            this.isDestroyCalled = true;\n            return;\n        }\n        if (this.params.showTime) {\n            this.showTime && this.showTime.remove();\n        }\n        this.cursor && 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        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__(\"./src/plugin/cursor/index.js\");\n",""],"names":["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","cursor","isDestroyCalled","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","cursorTime","remove","removeEventListener","xpos","ypos","duration","getDuration","elementWidth","pixelRatio","scrollWidth","getScrollX","scrollTime","timeValue","Math","max","formatValue","textOffset","isNaN","map","time","floor","slice","join","name","deferInit","staticProps","instance"],"sourceRoot":""}
+{"version":3,"file":"wavesurfer.cursor.js","mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+CAA+C;AAC/C,CAAC;AACD;;;;;;;;;;;;;;;;;;;;;;;ACVA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAxBA,IAyBqBA,YAAY;EAmE7B;AACJ;AACA;AACA;AACA;AACA;AACA;EACI,SAAAA,aAAYC,MAAM,EAAEC,EAAE,EAAE;IAAA,IAAAC,KAAA;IAAAC,eAAA,OAAAJ,YAAA;IArDxB;AACJ;AACA;IAFIK,eAAA,wBAGgB;MACZC,UAAU,EAAE,IAAI;MAChBC,KAAK,EAAE,KAAK;MACZC,KAAK,EAAE,OAAO;MACdC,OAAO,EAAE,MAAM;MACfC,KAAK,EAAE,OAAO;MACdC,MAAM,EAAE,CAAC;MACTC,WAAW,EAAE,CAAC,CAAC;MACfC,mBAAmB,EAAE,CAAC,CAAC;MACvBC,QAAQ,EAAE,KAAK;MACfC,aAAa,EAAE,KAAK;MACpBC,kBAAkB,EAAE;IACxB,CAAC;IAED;AACJ;AACA;IAFIX,eAAA,uBAGe,UAAAY,CAAC,EAAI;MAChB,IAAMC,KAAK,GAAGf,KAAI,CAACgB,IAAI,CAACC,eAAe,CAACH,CAAC,EAAEd,KAAI,CAACkB,UAAU,CAACpB,MAAM,CAACqB,QAAQ,CAAC;MAC3E,IAAMC,IAAI,GAAGpB,KAAI,CAACqB,OAAO,CAACC,qBAAqB,EAAE;MACjD,IAAIC,CAAC,GAAG,CAAC;MACT,IAAIC,CAAC,GAAGxB,KAAI,CAACqB,OAAO,CAACI,UAAU,GAAGV,KAAK,CAACW,OAAO,GAAGN,IAAI,CAACO,IAAI;MAC3D,IAAMC,gBAAgB,GAAG5B,KAAI,CAAC6B,WAAW,GAAG7B,KAAI,CAAC6B,WAAW,CAACP,qBAAqB,EAAE,CAAClB,KAAK,GAAG,CAAC;MAC9F,IAAI0B,IAAI,GAAGV,IAAI,CAACW,KAAK,GAAGhB,KAAK,CAACW,OAAO,GAAGE,gBAAgB;MAExD,IAAI5B,KAAI,CAACF,MAAM,CAACa,QAAQ,IAAIX,KAAI,CAACF,MAAM,CAACc,aAAa,EAAE;QACnD;QACAW,CAAC,GAAGR,KAAK,CAACiB,OAAO,IAAIZ,IAAI,CAACa,GAAG,GAAGb,IAAI,CAACc,MAAM,GAAG,CAAC,CAAC;MACpD;MAEAlC,KAAI,CAACmC,oBAAoB,CAACX,CAAC,EAAED,CAAC,EAAEO,IAAI,CAAC;IACzC,CAAC;IAED;AACJ;AACA;IAFI5B,eAAA,wBAGgB;MAAA,OAAMF,KAAI,CAACoC,UAAU,EAAE;IAAA;IAEvC;AACJ;AACA;IAFIlC,eAAA,wBAGgB;MAAA,OAAMF,KAAI,CAACqC,UAAU,EAAE;IAAA;IAUnC,IAAI,CAACnB,UAAU,GAAGnB,EAAE;IACpB,IAAI,CAACQ,KAAK,GAAGR,EAAE,CAACiB,IAAI,CAACT,KAAK;IAC1B,IAAI,CAACS,IAAI,GAAGjB,EAAE,CAACiB,IAAI;IACnB;AACR;AACA;AACA;AACA;IACQ,IAAI,CAACsB,MAAM,GAAG,IAAI;IAClB;AACR;AACA;AACA;AACA;IACQ,IAAI,CAAC3B,QAAQ,GAAG,IAAI;IACpB;AACR;AACA;AACA;AACA;IACQ,IAAI,CAACkB,WAAW,GAAG,IAAI;IACvB;AACR;AACA;AACA;IACQ,IAAI,CAACU,eAAe,GAAG,KAAK;IAE5B,IAAI,CAACzC,MAAM,GAAG0C,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,CAACC,aAAa,EAAE5C,MAAM,CAAC;EAC/D;EAAC6C,YAAA,CAAA9C,YAAA;IAAA+C,GAAA;IAAAC,KAAA,EAED,SAAAC,SAAA,EAAW;MACP,IAAI,IAAI,CAACP,eAAe,EAAE;QACtB;MACJ;MACA,IAAI,CAAClB,OAAO,GAAG,IAAI,CAACH,UAAU,CAAC6B,MAAM,CAAC1B,OAAO;MAC7C,IAAI,CAACiB,MAAM,GAAG,IAAI,CAACtB,IAAI,CAACC,eAAe,CAAC,IAAI,CAACI,OAAO,CAAC2B,WAAW,CAC5DC,QAAQ,CAACC,aAAa,CAAC,QAAQ,CAAC,CACnC,EAAE,IAAI,CAAChC,UAAU,CAACpB,MAAM,CAACqB,QAAQ,CAAC;MAEnC,IAAI,CAACZ,KAAK,CAAC,IAAI,CAAC+B,MAAM,EAClBE,MAAM,CAACC,MAAM,CACT;QACIU,QAAQ,EAAE,UAAU;QACpB3C,MAAM,EAAE,IAAI,CAACV,MAAM,CAACU,MAAM;QAC1BmB,IAAI,EAAE,CAAC;QACPM,GAAG,EAAE,CAAC;QACNmB,MAAM,EAAE,CAAC;QACThD,KAAK,EAAE,GAAG;QACViD,OAAO,EAAE,MAAM;QACfC,gBAAgB,EAAE,IAAI,CAACxD,MAAM,CAACS,KAAK;QACnCgD,gBAAgB,EAAE,IAAI,CAACzD,MAAM,CAACM,KAAK;QACnCoD,gBAAgB,EAAE,IAAI,CAAC1D,MAAM,CAACO,KAAK;QACnCC,OAAO,EAAE,IAAI,CAACR,MAAM,CAACQ,OAAO;QAC5BmD,aAAa,EAAE;MACnB,CAAC,EACD,IAAI,CAAC3D,MAAM,CAACW,WAAW,CAC1B,CACJ;MAED,IAAI,IAAI,CAACX,MAAM,CAACa,QAAQ,EAAE;QACtB,IAAI,CAACA,QAAQ,GAAG,IAAI,CAACK,IAAI,CAACC,eAAe,CAAC,IAAI,CAACI,OAAO,CAAC2B,WAAW,CAC9DC,QAAQ,CAACC,aAAa,CAAC,WAAW,CAAC,CACtC,EAAE,IAAI,CAAChC,UAAU,CAACpB,MAAM,CAACqB,QAAQ,CAAC;QACnC,IAAI,CAACZ,KAAK,CACN,IAAI,CAACI,QAAQ,EACb6B,MAAM,CAACC,MAAM,CACT;UACIU,QAAQ,EAAE,UAAU;UACpB3C,MAAM,EAAE,IAAI,CAACV,MAAM,CAACU,MAAM;UAC1BmB,IAAI,EAAE,CAAC;UACPM,GAAG,EAAE,CAAC;UACNmB,MAAM,EAAE,CAAC;UACThD,KAAK,EAAE,MAAM;UACbiD,OAAO,EAAE,MAAM;UACf/C,OAAO,EAAE,IAAI,CAACR,MAAM,CAACQ,OAAO;UAC5BmD,aAAa,EAAE,MAAM;UACrBvB,MAAM,EAAE;QACZ,CAAC,EACD,IAAI,CAACpC,MAAM,CAACW,WAAW,CAC1B,CACJ;QAED,IAAI,CAACoB,WAAW,GAAG,IAAI,CAACb,IAAI,CAACC,eAAe,CAAC,IAAI,CAACN,QAAQ,CAACqC,WAAW,CAClEC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC,CAChC,EAAE,IAAI,CAAChC,UAAU,CAACpB,MAAM,CAACqB,QAAQ,CAAC;QAEnC,IAAI,CAACZ,KAAK,CAAC,IAAI,CAACsB,WAAW,EACvBW,MAAM,CAACC,MAAM,CACT;UACIY,OAAO,EAAE,QAAQ;UACjBI,aAAa,EAAE,MAAM;UACrBC,MAAM,EAAE,MAAM;UACdC,UAAU,EAAE,QAAQ,CAAC;QACzB,CAAC,EACD,IAAI,CAAC7D,MAAM,CAACY,mBAAmB,CAClC,CACJ;;QAED;QACA,IAAI,CAACmB,WAAW,CAAC+B,SAAS,GAAG,IAAI,CAACC,UAAU,CAAC,CAAC,CAAC;MACnD;MAEA,IAAI,CAACxC,OAAO,CAACyC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAACC,YAAY,CAAC;MAC7D,IAAI,IAAI,CAACjE,MAAM,CAACK,UAAU,EAAE;QACxB;QACA,IAAI,CAACkC,UAAU,EAAE;QACjB,IAAI,CAAChB,OAAO,CAACyC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAACE,aAAa,CAAC;QAC/D,IAAI,CAAC3C,OAAO,CAACyC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAACG,aAAa,CAAC;MACnE;IACJ;;IAEA;AACJ;AACA;EAFI;IAAArB,GAAA;IAAAC,KAAA,EAGA,SAAAqB,KAAA,EAAO;MAAA,IAAAC,MAAA;MACH,IAAI,IAAI,CAACjD,UAAU,CAACkD,OAAO,EAAE;QACzB,IAAI,CAACtB,QAAQ,EAAE;MACnB,CAAC,MAAM;QACH,IAAI,CAAC5B,UAAU,CAACmD,IAAI,CAAC,OAAO,EAAE;UAAA,OAAMF,MAAI,CAACrB,QAAQ,EAAE;QAAA,EAAC;MACxD;IACJ;;IAEA;AACJ;AACA;EAFI;IAAAF,GAAA;IAAAC,KAAA,EAGA,SAAAyB,QAAA,EAAU;MACN,IAAI,CAAC,IAAI,CAACC,UAAU,IAAI,CAAC,IAAI,CAAC5D,QAAQ,EAAC;QACnC,IAAI,CAAC4B,eAAe,GAAG,IAAI;QAC3B;MACJ;MACA,IAAI,IAAI,CAACzC,MAAM,CAACa,QAAQ,EAAE;QACtB,IAAI,CAACA,QAAQ,IAAI,IAAI,CAACA,QAAQ,CAAC6D,MAAM,EAAE;MAC3C;MACA,IAAI,CAAClC,MAAM,IAAI,IAAI,CAACA,MAAM,CAACkC,MAAM,EAAE;MACnC,IAAI,CAACnD,OAAO,CAACoD,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAACV,YAAY,CAAC;MAChE,IAAI,IAAI,CAACjE,MAAM,CAACK,UAAU,EAAE;QACxB,IAAI,CAACkB,OAAO,CAACoD,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAACT,aAAa,CAAC;QAClE,IAAI,CAAC3C,OAAO,CAACoD,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAACR,aAAa,CAAC;MACtE;IACJ;;IAEA;AACJ;AACA;AACA;AACA;AACA;AACA;EANI;IAAArB,GAAA;IAAAC,KAAA,EAOA,SAAAV,qBAAqBuC,IAAI,EAAEC,IAAI,EAAgB;MAAA,IAAd7C,IAAI,GAAA8C,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,KAAK;MACzC,IAAI,CAACrE,KAAK,CAAC,IAAI,CAAC+B,MAAM,EAAE;QACpBX,IAAI,KAAAoD,MAAA,CAAKL,IAAI;MACjB,CAAC,CAAC;MACF,IAAI,IAAI,CAAC5E,MAAM,CAACa,QAAQ,EAAE;QACtB,IAAMqE,QAAQ,GAAG,IAAI,CAAC9D,UAAU,CAAC+D,WAAW,EAAE;QAC9C,IAAMC,YAAY,GACd,IAAI,CAAChE,UAAU,CAAC6B,MAAM,CAAC3C,KAAK,GAC5B,IAAI,CAACc,UAAU,CAACpB,MAAM,CAACqF,UAAU;QACrC,IAAMC,WAAW,GAAG,IAAI,CAAClE,UAAU,CAAC6B,MAAM,CAACsC,UAAU,EAAE;QAEvD,IAAMC,UAAU,GACXN,QAAQ,GAAG,IAAI,CAAC9D,UAAU,CAAC6B,MAAM,CAAC3C,KAAK,GAAIgF,WAAW;QAE3D,IAAMG,SAAS,GACXC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAG,CAACf,IAAI,GAAG,IAAI,CAACrD,OAAO,CAACI,UAAU,IAAIyD,YAAY,GAAIF,QAAQ,CAAC,GAAGM,UAAU;QAC1F,IAAMI,WAAW,GAAG,IAAI,CAAC7B,UAAU,CAAC0B,SAAS,CAAC;QAC9C,IAAIzD,IAAI,EAAE;UACN,IAAM6D,UAAU,GAAG,IAAI,CAAC9D,WAAW,CAACP,qBAAqB,EAAE,CAAClB,KAAK;UACjEsE,IAAI,IAAIiB,UAAU;QACtB;QACA,IAAI,CAACpF,KAAK,CAAC,IAAI,CAACI,QAAQ,EAAE;UACtBgB,IAAI,KAAAoD,MAAA,CAAKL,IAAI,OAAI;UACjBzC,GAAG,KAAA8C,MAAA,CAAKJ,IAAI;QAChB,CAAC,CAAC;QACF,IAAI,CAACpE,KAAK,CAAC,IAAI,CAACsB,WAAW,EAAE;UACzB8B,UAAU,EAAE;QAChB,CAAC,CAAC;QACF,IAAI,CAAC9B,WAAW,CAAC+B,SAAS,MAAAmB,MAAA,CAAMW,WAAW,CAAE;MACjD;IACJ;;IAEA;AACJ;AACA;EAFI;IAAA9C,GAAA;IAAAC,KAAA,EAGA,SAAAT,WAAA,EAAa;MACT,IAAI,CAAC7B,KAAK,CAAC,IAAI,CAAC+B,MAAM,EAAE;QACpBe,OAAO,EAAE;MACb,CAAC,CAAC;MACF,IAAI,IAAI,CAACvD,MAAM,CAACa,QAAQ,EAAE;QACtB,IAAI,CAACJ,KAAK,CAAC,IAAI,CAACI,QAAQ,EAAE;UACtB0C,OAAO,EAAE;QACb,CAAC,CAAC;MACN;IACJ;;IAEA;AACJ;AACA;EAFI;IAAAT,GAAA;IAAAC,KAAA,EAGA,SAAAR,WAAA,EAAa;MACT,IAAI,CAAC9B,KAAK,CAAC,IAAI,CAAC+B,MAAM,EAAE;QACpBe,OAAO,EAAE;MACb,CAAC,CAAC;MACF,IAAI,IAAI,CAACvD,MAAM,CAACa,QAAQ,EAAE;QACtB,IAAI,CAACJ,KAAK,CAAC,IAAI,CAACI,QAAQ,EAAE;UACtB0C,OAAO,EAAE;QACb,CAAC,CAAC;MACN;IACJ;;IAEA;AACJ;AACA;AACA;AACA;AACA;EALI;IAAAT,GAAA;IAAAC,KAAA,EAMA,SAAAgB,WAAWU,UAAU,EAAE;MACnBA,UAAU,GAAGqB,KAAK,CAACrB,UAAU,CAAC,GAAG,CAAC,GAAGA,UAAU;MAC/C,IAAI,IAAI,CAACzE,MAAM,CAACe,kBAAkB,EAAE;QAChC,OAAO,IAAI,CAACf,MAAM,CAACe,kBAAkB,CAAC0D,UAAU,CAAC;MACrD;MACA,OAAO,CAACA,UAAU,CAAC,CAACsB,GAAG,CAAC,UAAAC,IAAI;QAAA,OACxB,CACIN,IAAI,CAACO,KAAK,CAAED,IAAI,GAAG,IAAI,GAAI,EAAE,CAAC;QAAE;QAChC,CAAC,IAAI,GAAGN,IAAI,CAACO,KAAK,CAACD,IAAI,GAAG,EAAE,CAAC,EAAEE,KAAK,CAAC,CAAC,CAAC,CAAC;QAAE;QAC1C,CAAC,KAAK,GAAGR,IAAI,CAACO,KAAK,CAAED,IAAI,GAAG,CAAC,GAAI,IAAI,CAAC,EAAEE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAAA,CACrD,CAACC,IAAI,CAAC,GAAG,CAAC;MAAA,EACd;IACL;EAAC;IAAArD,GAAA;IAAAC,KAAA;IA5SD;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACI,SAAAqD,OAAcpG,MAAM,EAAE;MAClB,OAAO;QACHqG,IAAI,EAAE,QAAQ;QACdC,SAAS,EAAEtG,MAAM,IAAIA,MAAM,CAACsG,SAAS,GAAGtG,MAAM,CAACsG,SAAS,GAAG,KAAK;QAChEtG,MAAM,EAAEA,MAAM;QACduG,WAAW,EAAE,CAAC,CAAC;QACfC,QAAQ,EAAEzG;MACd,CAAC;IACL;EAAC;EAAA,OAAAA,YAAA;AAAA;AAAA0G,kBAAA,GAAA1G,YAAA;AAAA4G,MAAA,CAAAF,OAAA,GAAAA,OAAA,CAAAC,OAAA;;;;;;UClEL;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;UEtBA;UACA;UACA;UACA","sources":["webpack://WaveSurfer/webpack/universalModuleDefinition","webpack://WaveSurfer/./src/plugin/cursor/index.js","webpack://WaveSurfer/webpack/bootstrap","webpack://WaveSurfer/webpack/before-startup","webpack://WaveSurfer/webpack/startup","webpack://WaveSurfer/webpack/after-startup"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"WaveSurfer\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"WaveSurfer\"] = factory();\n\telse\n\t\troot[\"WaveSurfer\"] = root[\"WaveSurfer\"] || {}, root[\"WaveSurfer\"][\"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 * @property {boolean} isDestroyCalled  true if called destroy before the ready event fired\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         * true when `destroy` was called before `ready` event\n         * @type {boolean}\n         */\n        this.isDestroyCalled = false;\n\n        this.params = Object.assign({}, this.defaultParams, params);\n    }\n\n    _onReady() {\n        if (this.isDestroyCalled) {\n            return;\n        }\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.cursorTime || !this.showTime){\n            this.isDestroyCalled = true;\n            return;\n        }\n        if (this.params.showTime) {\n            this.showTime && this.showTime.remove();\n        }\n        this.cursor && 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        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__(\"./src/plugin/cursor/index.js\");\n",""],"names":["CursorPlugin","params","ws","_this","_classCallCheck","_defineProperty","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","cursor","isDestroyCalled","Object","assign","defaultParams","_createClass","key","value","_onReady","drawer","appendChild","document","createElement","position","bottom","display","borderRightStyle","borderRightWidth","borderRightColor","pointerEvents","margin","visibility","innerHTML","formatTime","addEventListener","_onMousemove","_onMouseenter","_onMouseleave","init","_this2","isReady","once","destroy","cursorTime","remove","removeEventListener","xpos","ypos","arguments","length","undefined","concat","duration","getDuration","elementWidth","pixelRatio","scrollWidth","getScrollX","scrollTime","timeValue","Math","max","formatValue","textOffset","isNaN","map","time","floor","slice","join","create","name","deferInit","staticProps","instance","exports","default","module"],"sourceRoot":""}

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

@@ -1,7 +1,7 @@
 /*!
- * wavesurfer.js cursor plugin 6.4.0 (2022-11-05)
+ * wavesurfer.js cursor plugin 6.5.0 (2023-03-11)
  * 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.cursor=t())}(self,(()=>(()=>{"use strict";var e={178:(e,t)=>{function i(e,t){for(var i=0;i<t.length;i++){var s=t[i];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(e,s.key,s)}}function s(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=function(){function e(t,i){var r=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),s(this,"defaultParams",{hideOnBlur:!0,width:"1px",color:"black",opacity:"0.25",style:"solid",zIndex:4,customStyle:{},customShowTimeStyle:{},showTime:!1,followCursorY:!1,formatTimeCallback:null}),s(this,"_onMousemove",(function(e){var t=r.util.withOrientation(e,r.wavesurfer.params.vertical),i=r.wrapper.getBoundingClientRect(),s=0,a=r.wrapper.scrollLeft+t.clientX-i.left,o=r.displayTime?r.displayTime.getBoundingClientRect().width:0,n=i.right<t.clientX+o;r.params.showTime&&r.params.followCursorY&&(s=t.clientY-(i.top+i.height/2)),r.updateCursorPosition(a,s,n)})),s(this,"_onMouseenter",(function(){return r.showCursor()})),s(this,"_onMouseleave",(function(){return r.hideCursor()})),this.wavesurfer=i,this.style=i.util.style,this.util=i.util,this.cursor=null,this.showTime=null,this.displayTime=null,this.isDestroyCalled=!1,this.params=Object.assign({},this.defaultParams,t)}var t,r,a;return t=e,r=[{key:"_onReady",value:function(){this.isDestroyCalled||(this.wrapper=this.wavesurfer.drawer.wrapper,this.cursor=this.util.withOrientation(this.wrapper.appendChild(document.createElement("cursor")),this.wavesurfer.params.vertical),this.style(this.cursor,Object.assign({position:"absolute",zIndex:this.params.zIndex,left:0,top:0,bottom:0,width:"0",display:"flex",borderRightStyle:this.params.style,borderRightWidth:this.params.width,borderRightColor:this.params.color,opacity:this.params.opacity,pointerEvents:"none"},this.params.customStyle)),this.params.showTime&&(this.showTime=this.util.withOrientation(this.wrapper.appendChild(document.createElement("showTitle")),this.wavesurfer.params.vertical),this.style(this.showTime,Object.assign({position:"absolute",zIndex:this.params.zIndex,left:0,top:0,bottom:0,width:"auto",display:"flex",opacity:this.params.opacity,pointerEvents:"none",height:"100%"},this.params.customStyle)),this.displayTime=this.util.withOrientation(this.showTime.appendChild(document.createElement("div")),this.wavesurfer.params.vertical),this.style(this.displayTime,Object.assign({display:"inline",pointerEvents:"none",margin:"auto",visibility:"hidden"},this.params.customShowTimeStyle)),this.displayTime.innerHTML=this.formatTime(0)),this.wrapper.addEventListener("mousemove",this._onMousemove),this.params.hideOnBlur&&(this.hideCursor(),this.wrapper.addEventListener("mouseenter",this._onMouseenter),this.wrapper.addEventListener("mouseleave",this._onMouseleave)))}},{key:"init",value:function(){var e=this;this.wavesurfer.isReady?this._onReady():this.wavesurfer.once("ready",(function(){return e._onReady()}))}},{key:"destroy",value:function(){this.cursorTime&&this.showTime?(this.params.showTime&&this.showTime&&this.showTime.remove(),this.cursor&&this.cursor.remove(),this.wrapper.removeEventListener("mousemove",this._onMousemove),this.params.hideOnBlur&&(this.wrapper.removeEventListener("mouseenter",this._onMouseenter),this.wrapper.removeEventListener("mouseleave",this._onMouseleave))):this.isDestroyCalled=!0}},{key:"updateCursorPosition",value:function(e,t){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(this.style(this.cursor,{left:"".concat(e,"px")}),this.params.showTime){var s=this.wavesurfer.getDuration(),r=this.wavesurfer.drawer.width/this.wavesurfer.params.pixelRatio,a=this.wavesurfer.drawer.getScrollX(),o=s/this.wavesurfer.drawer.width*a,n=Math.max(0,(e-this.wrapper.scrollLeft)/r*s)+o,h=this.formatTime(n);if(i){var l=this.displayTime.getBoundingClientRect().width;e-=l}this.style(this.showTime,{left:"".concat(e,"px"),top:"".concat(t,"px")}),this.style(this.displayTime,{visibility:"visible"}),this.displayTime.innerHTML="".concat(h)}}},{key:"showCursor",value:function(){this.style(this.cursor,{display:"flex"}),this.params.showTime&&this.style(this.showTime,{display:"flex"})}},{key:"hideCursor",value:function(){this.style(this.cursor,{display:"none"}),this.params.showTime&&this.style(this.showTime,{display:"none"})}},{key:"formatTime",value:function(e){return e=isNaN(e)?0:e,this.params.formatTimeCallback?this.params.formatTimeCallback(e):[e].map((function(e){return[Math.floor(e%3600/60),("00"+Math.floor(e%60)).slice(-2),("000"+Math.floor(e%1*1e3)).slice(-3)].join(":")}))}}],a=[{key:"create",value:function(t){return{name:"cursor",deferInit:!(!t||!t.deferInit)&&t.deferInit,params:t,staticProps:{},instance:e}}}],r&&i(t.prototype,r),a&&i(t,a),Object.defineProperty(t,"prototype",{writable:!1}),e}();t.default=r,e.exports=t.default}},t={};var i=function i(s){var r=t[s];if(void 0!==r)return r.exports;var a=t[s]={exports:{}};return e[s](a,a.exports,i),a.exports}(178);return i})()));
+!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.cursor=t())}(self,(()=>(()=>{"use strict";var e={178:(e,t)=>{function i(e){return i="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},i(e)}function r(e,t){for(var i=0;i<t.length;i++){var r=t[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,o(r.key),r)}}function s(e,t,i){return(t=o(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function o(e){var t=function(e,t){if("object"!==i(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var s=r.call(e,t||"default");if("object"!==i(s))return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===i(t)?t:String(t)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=function(){function e(t,i){var r=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),s(this,"defaultParams",{hideOnBlur:!0,width:"1px",color:"black",opacity:"0.25",style:"solid",zIndex:4,customStyle:{},customShowTimeStyle:{},showTime:!1,followCursorY:!1,formatTimeCallback:null}),s(this,"_onMousemove",(function(e){var t=r.util.withOrientation(e,r.wavesurfer.params.vertical),i=r.wrapper.getBoundingClientRect(),s=0,o=r.wrapper.scrollLeft+t.clientX-i.left,a=r.displayTime?r.displayTime.getBoundingClientRect().width:0,n=i.right<t.clientX+a;r.params.showTime&&r.params.followCursorY&&(s=t.clientY-(i.top+i.height/2)),r.updateCursorPosition(o,s,n)})),s(this,"_onMouseenter",(function(){return r.showCursor()})),s(this,"_onMouseleave",(function(){return r.hideCursor()})),this.wavesurfer=i,this.style=i.util.style,this.util=i.util,this.cursor=null,this.showTime=null,this.displayTime=null,this.isDestroyCalled=!1,this.params=Object.assign({},this.defaultParams,t)}var t,i,o;return t=e,i=[{key:"_onReady",value:function(){this.isDestroyCalled||(this.wrapper=this.wavesurfer.drawer.wrapper,this.cursor=this.util.withOrientation(this.wrapper.appendChild(document.createElement("cursor")),this.wavesurfer.params.vertical),this.style(this.cursor,Object.assign({position:"absolute",zIndex:this.params.zIndex,left:0,top:0,bottom:0,width:"0",display:"flex",borderRightStyle:this.params.style,borderRightWidth:this.params.width,borderRightColor:this.params.color,opacity:this.params.opacity,pointerEvents:"none"},this.params.customStyle)),this.params.showTime&&(this.showTime=this.util.withOrientation(this.wrapper.appendChild(document.createElement("showTitle")),this.wavesurfer.params.vertical),this.style(this.showTime,Object.assign({position:"absolute",zIndex:this.params.zIndex,left:0,top:0,bottom:0,width:"auto",display:"flex",opacity:this.params.opacity,pointerEvents:"none",height:"100%"},this.params.customStyle)),this.displayTime=this.util.withOrientation(this.showTime.appendChild(document.createElement("div")),this.wavesurfer.params.vertical),this.style(this.displayTime,Object.assign({display:"inline",pointerEvents:"none",margin:"auto",visibility:"hidden"},this.params.customShowTimeStyle)),this.displayTime.innerHTML=this.formatTime(0)),this.wrapper.addEventListener("mousemove",this._onMousemove),this.params.hideOnBlur&&(this.hideCursor(),this.wrapper.addEventListener("mouseenter",this._onMouseenter),this.wrapper.addEventListener("mouseleave",this._onMouseleave)))}},{key:"init",value:function(){var e=this;this.wavesurfer.isReady?this._onReady():this.wavesurfer.once("ready",(function(){return e._onReady()}))}},{key:"destroy",value:function(){this.cursorTime&&this.showTime?(this.params.showTime&&this.showTime&&this.showTime.remove(),this.cursor&&this.cursor.remove(),this.wrapper.removeEventListener("mousemove",this._onMousemove),this.params.hideOnBlur&&(this.wrapper.removeEventListener("mouseenter",this._onMouseenter),this.wrapper.removeEventListener("mouseleave",this._onMouseleave))):this.isDestroyCalled=!0}},{key:"updateCursorPosition",value:function(e,t){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(this.style(this.cursor,{left:"".concat(e,"px")}),this.params.showTime){var r=this.wavesurfer.getDuration(),s=this.wavesurfer.drawer.width/this.wavesurfer.params.pixelRatio,o=this.wavesurfer.drawer.getScrollX(),a=r/this.wavesurfer.drawer.width*o,n=Math.max(0,(e-this.wrapper.scrollLeft)/s*r)+a,l=this.formatTime(n);i&&(e-=this.displayTime.getBoundingClientRect().width),this.style(this.showTime,{left:"".concat(e,"px"),top:"".concat(t,"px")}),this.style(this.displayTime,{visibility:"visible"}),this.displayTime.innerHTML="".concat(l)}}},{key:"showCursor",value:function(){this.style(this.cursor,{display:"flex"}),this.params.showTime&&this.style(this.showTime,{display:"flex"})}},{key:"hideCursor",value:function(){this.style(this.cursor,{display:"none"}),this.params.showTime&&this.style(this.showTime,{display:"none"})}},{key:"formatTime",value:function(e){return e=isNaN(e)?0:e,this.params.formatTimeCallback?this.params.formatTimeCallback(e):[e].map((function(e){return[Math.floor(e%3600/60),("00"+Math.floor(e%60)).slice(-2),("000"+Math.floor(e%1*1e3)).slice(-3)].join(":")}))}}],o=[{key:"create",value:function(t){return{name:"cursor",deferInit:!(!t||!t.deferInit)&&t.deferInit,params:t,staticProps:{},instance:e}}}],i&&r(t.prototype,i),o&&r(t,o),Object.defineProperty(t,"prototype",{writable:!1}),e}();t.default=a,e.exports=t.default}},t={};var i=function i(r){var s=t[r];if(void 0!==s)return s.exports;var o=t[r]={exports:{}};return e[r](o,o.exports,i),o.exports}(178);return i})()));
 //# sourceMappingURL=wavesurfer.cursor.min.js.map

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

@@ -1 +1 @@
-{"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 * @property {boolean} isDestroyCalled  true if called destroy before the ready event fired\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         * true if call destory before ready event\n         * @type {boolean}\n         */\n        this.isDestroyCalled = false;\n\n        this.params = Object.assign({}, this.defaultParams, params);\n    }\n\n    _onReady() {\n        if (this.isDestroyCalled) {\n            return;\n        }\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.cursorTime || !this.showTime){\n            this.isDestroyCalled = true;\n            return;\n        }\n        if (this.params.showTime) {\n            this.showTime && this.showTime.remove();\n        }\n        this.cursor && 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        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","isDestroyCalled","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","cursorTime","remove","removeEventListener","xpos","ypos","duration","getDuration","elementWidth","pixelRatio","scrollWidth","getScrollX","scrollTime","timeValue","Math","max","formatValue","textOffset","isNaN","map","time","floor","slice","join","name","deferInit","staticProps","instance","__webpack_module_cache__","__webpack_exports__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__"],"sourceRoot":""}
+{"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 * @property {boolean} isDestroyCalled  true if called destroy before the ready event fired\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         * true when `destroy` was called before `ready` event\n         * @type {boolean}\n         */\n        this.isDestroyCalled = false;\n\n        this.params = Object.assign({}, this.defaultParams, params);\n    }\n\n    _onReady() {\n        if (this.isDestroyCalled) {\n            return;\n        }\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.cursorTime || !this.showTime){\n            this.isDestroyCalled = true;\n            return;\n        }\n        if (this.params.showTime) {\n            this.showTime && this.showTime.remove();\n        }\n        this.cursor && 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        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","_this","_classCallCheck","_defineProperty","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","isDestroyCalled","Object","assign","defaultParams","key","value","drawer","appendChild","document","createElement","position","bottom","display","borderRightStyle","borderRightWidth","borderRightColor","pointerEvents","margin","visibility","innerHTML","formatTime","addEventListener","_onMousemove","_onMouseenter","_onMouseleave","_this2","isReady","_onReady","once","cursorTime","remove","removeEventListener","xpos","ypos","arguments","length","undefined","concat","duration","getDuration","elementWidth","pixelRatio","scrollWidth","getScrollX","scrollTime","timeValue","Math","max","formatValue","isNaN","map","time","floor","slice","join","name","deferInit","staticProps","instance","default","__webpack_module_cache__","__webpack_exports__","__webpack_require__","moduleId","cachedModule","__webpack_modules__"],"sourceRoot":""}

package/dist/plugin/wavesurfer.elan.js

@@ -1,5 +1,5 @@
 /*!
- * wavesurfer.js elan plugin 6.4.0 (2022-11-05)
+ * wavesurfer.js elan plugin 6.5.0 (2023-03-11)
  * https://wavesurfer-js.org
  * @license BSD-3-Clause
  */
@@ -29,10 +29,13 @@ Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
 exports["default"] = void 0;
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 /**
  * @typedef {Object} ElanPluginParams
  * @property {string|HTMLElement} container CSS selector or HTML element where