wavesurfer.js 6.3.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,33 +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)
+![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({
@@ -55,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:
@@ -133,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.
@@ -142,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.3.0 (2022-10-03)
+ * wavesurfer.js cursor plugin 6.5.0 (2023-03-11)
  * https://wavesurfer-js.org
  * @license BSD-3-Clause
  */
@@ -29,15 +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()`
@@ -57,8 +55,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
  * the cursor follow the x and the y-position of the mouse. Use `false` to make the
  * it only follow the x-position of the mouse.
  * @property {function} formatTimeCallback Formats the timestamp on the cursor.
+ * @property {boolean} isDestroyCalled  true if called destroy before the ready event fired
  */
-
 /**
  * Displays a thin line at the position of the cursor on the waveform.
  *
@@ -94,9 +92,10 @@ var CursorPlugin = /*#__PURE__*/function () {
    */
   function CursorPlugin(params, ws) {
     var _this = this;
-
     _classCallCheck(this, CursorPlugin);
-
+    /**
+     * @type {CursorPluginParams}
+     */
     _defineProperty(this, "defaultParams", {
       hideOnBlur: true,
       width: '1px',
@@ -110,33 +109,34 @@ 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();
-
       var y = 0;
       var x = _this.wrapper.scrollLeft + event.clientX - bbox.left;
       var displayTimeWidth = _this.displayTime ? _this.displayTime.getBoundingClientRect().width : 0;
       var flip = bbox.right < event.clientX + displayTimeWidth;
-
       if (_this.params.showTime && _this.params.followCursorY) {
         // follow y-position of the mouse
         y = event.clientY - (bbox.top + bbox.height / 2);
       }
-
       _this.updateCursorPosition(x, y, flip);
     });
-
+    /**
+     * @returns {void}
+     */
     _defineProperty(this, "_onMouseenter", function () {
       return _this.showCursor();
     });
-
+    /**
+     * @returns {void}
+     */
     _defineProperty(this, "_onMouseleave", function () {
       return _this.hideCursor();
     });
-
     this.wavesurfer = ws;
     this.style = ws.util.style;
     this.util = ws.util;
@@ -145,28 +145,32 @@ var CursorPlugin = /*#__PURE__*/function () {
      *
      * @type {?HTMLElement}
      */
-
     this.cursor = null;
     /**
      * displays the time next to the cursor
      *
      * @type {?HTMLElement}
      */
-
     this.showTime = null;
     /**
      * The html container that will display the time
      *
      * @type {?HTMLElement}
      */
-
     this.displayTime = null;
+    /**
+     * true when `destroy` was called before `ready` event
+     * @type {boolean}
+     */
+    this.isDestroyCalled = false;
     this.params = Object.assign({}, this.defaultParams, params);
   }
-
   _createClass(CursorPlugin, [{
     key: "_onReady",
     value: function _onReady() {
+      if (this.isDestroyCalled) {
+        return;
+      }
       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({
@@ -183,7 +187,6 @@ var CursorPlugin = /*#__PURE__*/function () {
         opacity: this.params.opacity,
         pointerEvents: 'none'
       }, this.params.customStyle));
-
       if (this.params.showTime) {
         this.showTime = this.util.withOrientation(this.wrapper.appendChild(document.createElement('showTitle')), this.wavesurfer.params.vertical);
         this.style(this.showTime, Object.assign({
@@ -204,14 +207,12 @@ var CursorPlugin = /*#__PURE__*/function () {
           pointerEvents: 'none',
           margin: 'auto',
           visibility: 'hidden' // initial value will be hidden just for measuring purpose
+        }, this.params.customShowTimeStyle));
 
-        }, this.params.customShowTimeStyle)); // initial value to measure display width
-
+        // initial value to measure display width
         this.displayTime.innerHTML = this.formatTime(0);
       }
-
       this.wrapper.addEventListener('mousemove', this._onMousemove);
-
       if (this.params.hideOnBlur) {
         // ensure elements are hidden initially
         this.hideCursor();
@@ -219,15 +220,14 @@ var CursorPlugin = /*#__PURE__*/function () {
         this.wrapper.addEventListener('mouseleave', this._onMouseleave);
       }
     }
+
     /**
      * Initialise the plugin (used by the Plugin API)
      */
-
   }, {
     key: "init",
     value: function init() {
       var _this2 = this;
-
       if (this.wavesurfer.isReady) {
         this._onReady();
       } else {
@@ -236,25 +236,28 @@ var CursorPlugin = /*#__PURE__*/function () {
         });
       }
     }
+
     /**
      * Destroy the plugin (used by the Plugin API)
      */
-
   }, {
     key: "destroy",
     value: function destroy() {
+      if (!this.cursorTime || !this.showTime) {
+        this.isDestroyCalled = true;
+        return;
+      }
       if (this.params.showTime) {
-        this.showTime.remove();
+        this.showTime && this.showTime.remove();
       }
-
-      this.cursor.remove();
+      this.cursor && this.cursor.remove();
       this.wrapper.removeEventListener('mousemove', this._onMousemove);
-
       if (this.params.hideOnBlur) {
         this.wrapper.removeEventListener('mouseenter', this._onMouseenter);
         this.wrapper.removeEventListener('mouseleave', this._onMouseleave);
       }
     }
+
     /**
      * Update the cursor position
      *
@@ -262,7 +265,6 @@ var CursorPlugin = /*#__PURE__*/function () {
      * @param {number} ypos The y offset of the cursor in pixels
      * @param {boolean} flip Flag to flip duration text from right to left
      */
-
   }, {
     key: "updateCursorPosition",
     value: function updateCursorPosition(xpos, ypos) {
@@ -270,7 +272,6 @@ var CursorPlugin = /*#__PURE__*/function () {
       this.style(this.cursor, {
         left: "".concat(xpos, "px")
       });
-
       if (this.params.showTime) {
         var duration = this.wavesurfer.getDuration();
         var elementWidth = this.wavesurfer.drawer.width / this.wavesurfer.params.pixelRatio;
@@ -278,12 +279,10 @@ var CursorPlugin = /*#__PURE__*/function () {
         var scrollTime = duration / this.wavesurfer.drawer.width * scrollWidth;
         var timeValue = Math.max(0, (xpos - this.wrapper.scrollLeft) / elementWidth * duration) + scrollTime;
         var formatValue = this.formatTime(timeValue);
-
         if (flip) {
           var textOffset = this.displayTime.getBoundingClientRect().width;
           xpos -= textOffset;
         }
-
         this.style(this.showTime, {
           left: "".concat(xpos, "px"),
           top: "".concat(ypos, "px")
@@ -294,59 +293,57 @@ var CursorPlugin = /*#__PURE__*/function () {
         this.displayTime.innerHTML = "".concat(formatValue);
       }
     }
+
     /**
      * Show the cursor
      */
-
   }, {
     key: "showCursor",
     value: function showCursor() {
       this.style(this.cursor, {
         display: 'flex'
       });
-
       if (this.params.showTime) {
         this.style(this.showTime, {
           display: 'flex'
         });
       }
     }
+
     /**
      * Hide the cursor
      */
-
   }, {
     key: "hideCursor",
     value: function hideCursor() {
       this.style(this.cursor, {
         display: 'none'
       });
-
       if (this.params.showTime) {
         this.style(this.showTime, {
           display: 'none'
         });
       }
     }
+
     /**
      * Format the timestamp for `cursorTime`.
      *
      * @param {number} cursorTime Time in seconds
      * @returns {string} Formatted timestamp
      */
-
   }, {
     key: "formatTime",
     value: function formatTime(cursorTime) {
       cursorTime = isNaN(cursorTime) ? 0 : cursorTime;
-
       if (this.params.formatTimeCallback) {
         return this.params.formatTimeCallback(cursorTime);
       }
-
       return [cursorTime].map(function (time) {
-        return [Math.floor(time % 3600 / 60), // minutes
-        ('00' + Math.floor(time % 60)).slice(-2), // seconds
+        return [Math.floor(time % 3600 / 60),
+        // minutes
+        ('00' + Math.floor(time % 60)).slice(-2),
+        // seconds
         ('000' + Math.floor(time % 1 * 1000)).slice(-3) // milliseconds
         ].join(':');
       });
@@ -373,15 +370,9 @@ var CursorPlugin = /*#__PURE__*/function () {
         instance: CursorPlugin
       };
     }
-    /**
-     * @type {CursorPluginParams}
-     */
-
   }]);
-
   return CursorPlugin;
 }();
-
 exports["default"] = CursorPlugin;
 module.exports = exports.default;
 

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 */\n\n/**\n * Displays a thin line at the position of the cursor on the waveform.\n *\n * @implements {PluginClass}\n * @extends {Observer}\n * @example\n * // es6\n * import CursorPlugin from 'wavesurfer.cursor.js';\n *\n * // commonjs\n * var CursorPlugin = require('wavesurfer.cursor.js');\n *\n * // if you are using <script> tags\n * var CursorPlugin = window.WaveSurfer.cursor;\n *\n * // ... initialising wavesurfer with the plugin\n * var wavesurfer = WaveSurfer.create({\n *   // wavesurfer options ...\n *   plugins: [\n *     CursorPlugin.create({\n *       // plugin options ...\n *     })\n *   ]\n * });\n */\nexport default class CursorPlugin {\n    /**\n     * Cursor plugin definition factory\n     *\n     * This function must be used to create a plugin definition which can be\n     * used by wavesurfer to correctly instantiate the plugin.\n     *\n     * @param  {CursorPluginParams} params parameters use to initialise the\n     * plugin\n     * @return {PluginDefinition} an object representing the plugin\n     */\n    static create(params) {\n        return {\n            name: 'cursor',\n            deferInit: params && params.deferInit ? params.deferInit : false,\n            params: params,\n            staticProps: {},\n            instance: CursorPlugin\n        };\n    }\n\n    /**\n     * @type {CursorPluginParams}\n     */\n    defaultParams = {\n        hideOnBlur: true,\n        width: '1px',\n        color: 'black',\n        opacity: '0.25',\n        style: 'solid',\n        zIndex: 4,\n        customStyle: {},\n        customShowTimeStyle: {},\n        showTime: false,\n        followCursorY: false,\n        formatTimeCallback: null\n    };\n\n    /**\n     * @param {object} e Mouse move event\n     */\n    _onMousemove = e => {\n        const event = this.util.withOrientation(e, this.wavesurfer.params.vertical);\n        const bbox = this.wrapper.getBoundingClientRect();\n        let y = 0;\n        let x = this.wrapper.scrollLeft + event.clientX - bbox.left;\n        const displayTimeWidth = this.displayTime ? this.displayTime.getBoundingClientRect().width : 0;\n        let flip = bbox.right < event.clientX + displayTimeWidth;\n\n        if (this.params.showTime && this.params.followCursorY) {\n            // follow y-position of the mouse\n            y = event.clientY - (bbox.top + bbox.height / 2);\n        }\n\n        this.updateCursorPosition(x, y, flip);\n    };\n\n    /**\n     * @returns {void}\n     */\n    _onMouseenter = () => this.showCursor();\n\n    /**\n     * @returns {void}\n     */\n    _onMouseleave = () => this.hideCursor();\n\n    /**\n     * Construct the plugin class. You probably want to use `CursorPlugin.create`\n     * instead.\n     *\n     * @param {CursorPluginParams} params Plugin parameters\n     * @param {object} ws Wavesurfer instance\n     */\n    constructor(params, ws) {\n        this.wavesurfer = ws;\n        this.style = ws.util.style;\n        this.util = ws.util;\n        /**\n         * The cursor HTML element\n         *\n         * @type {?HTMLElement}\n         */\n        this.cursor = null;\n        /**\n         * displays the time next to the cursor\n         *\n         * @type {?HTMLElement}\n         */\n        this.showTime = null;\n        /**\n         * The html container that will display the time\n         *\n         * @type {?HTMLElement}\n         */\n        this.displayTime = null;\n\n        this.params = Object.assign({}, this.defaultParams, params);\n    }\n\n    _onReady() {\n        this.wrapper = this.wavesurfer.drawer.wrapper;\n        this.cursor = this.util.withOrientation(this.wrapper.appendChild(\n            document.createElement('cursor'),\n        ), this.wavesurfer.params.vertical);\n\n        this.style(this.cursor,\n            Object.assign(\n                {\n                    position: 'absolute',\n                    zIndex: this.params.zIndex,\n                    left: 0,\n                    top: 0,\n                    bottom: 0,\n                    width: '0',\n                    display: 'flex',\n                    borderRightStyle: this.params.style,\n                    borderRightWidth: this.params.width,\n                    borderRightColor: this.params.color,\n                    opacity: this.params.opacity,\n                    pointerEvents: 'none'\n                },\n                this.params.customStyle\n            )\n        );\n\n        if (this.params.showTime) {\n            this.showTime = this.util.withOrientation(this.wrapper.appendChild(\n                document.createElement('showTitle')\n            ), this.wavesurfer.params.vertical);\n            this.style(\n                this.showTime,\n                Object.assign(\n                    {\n                        position: 'absolute',\n                        zIndex: this.params.zIndex,\n                        left: 0,\n                        top: 0,\n                        bottom: 0,\n                        width: 'auto',\n                        display: 'flex',\n                        opacity: this.params.opacity,\n                        pointerEvents: 'none',\n                        height: '100%'\n                    },\n                    this.params.customStyle\n                )\n            );\n\n            this.displayTime = this.util.withOrientation(this.showTime.appendChild(\n                document.createElement('div'),\n            ), this.wavesurfer.params.vertical);\n\n            this.style(this.displayTime,\n                Object.assign(\n                    {\n                        display: 'inline',\n                        pointerEvents: 'none',\n                        margin: 'auto',\n                        visibility: 'hidden' // initial value will be hidden just for measuring purpose\n                    },\n                    this.params.customShowTimeStyle\n                )\n            );\n\n            // initial value to measure display width\n            this.displayTime.innerHTML = this.formatTime(0);\n        }\n\n        this.wrapper.addEventListener('mousemove', this._onMousemove);\n        if (this.params.hideOnBlur) {\n            // ensure elements are hidden initially\n            this.hideCursor();\n            this.wrapper.addEventListener('mouseenter', this._onMouseenter);\n            this.wrapper.addEventListener('mouseleave', this._onMouseleave);\n        }\n    }\n\n    /**\n     * Initialise the plugin (used by the Plugin API)\n     */\n    init() {\n        if (this.wavesurfer.isReady) {\n            this._onReady();\n        } else {\n            this.wavesurfer.once('ready', () => this._onReady());\n        }\n    }\n\n    /**\n     * Destroy the plugin (used by the Plugin API)\n     */\n    destroy() {\n        if (this.params.showTime) {\n            this.showTime.remove();\n        }\n        this.cursor.remove();\n        this.wrapper.removeEventListener('mousemove', this._onMousemove);\n        if (this.params.hideOnBlur) {\n            this.wrapper.removeEventListener('mouseenter', this._onMouseenter);\n            this.wrapper.removeEventListener('mouseleave', this._onMouseleave);\n        }\n    }\n\n    /**\n     * Update the cursor position\n     *\n     * @param {number} xpos The x offset of the cursor in pixels\n     * @param {number} ypos The y offset of the cursor in pixels\n     * @param {boolean} flip Flag to flip duration text from right to left\n     */\n    updateCursorPosition(xpos, ypos, flip = false) {\n        this.style(this.cursor, {\n            left: `${xpos}px`\n        });\n        if (this.params.showTime) {\n            const duration = this.wavesurfer.getDuration();\n            const elementWidth =\n                this.wavesurfer.drawer.width /\n                this.wavesurfer.params.pixelRatio;\n            const scrollWidth = this.wavesurfer.drawer.getScrollX();\n\n            const scrollTime =\n                (duration / this.wavesurfer.drawer.width) * scrollWidth;\n\n            const timeValue =\n                Math.max(0, ((xpos - this.wrapper.scrollLeft) / elementWidth) * duration) + scrollTime;\n            const formatValue = this.formatTime(timeValue);\n            if (flip) {\n                const textOffset = this.displayTime.getBoundingClientRect().width;\n                xpos -= textOffset;\n            }\n            this.style(this.showTime, {\n                left: `${xpos}px`,\n                top: `${ypos}px`\n            });\n            this.style(this.displayTime, {\n                visibility: 'visible'\n            });\n            this.displayTime.innerHTML = `${formatValue}`;\n        }\n    }\n\n    /**\n     * Show the cursor\n     */\n    showCursor() {\n        this.style(this.cursor, {\n            display: 'flex'\n        });\n        if (this.params.showTime) {\n            this.style(this.showTime, {\n                display: 'flex'\n            });\n        }\n    }\n\n    /**\n     * Hide the cursor\n     */\n    hideCursor() {\n        this.style(this.cursor, {\n            display: 'none'\n        });\n        if (this.params.showTime) {\n            this.style(this.showTime, {\n                display: 'none'\n            });\n        }\n    }\n\n    /**\n     * Format the timestamp for `cursorTime`.\n     *\n     * @param {number} cursorTime Time in seconds\n     * @returns {string} Formatted timestamp\n     */\n    formatTime(cursorTime) {\n        cursorTime = isNaN(cursorTime) ? 0 : cursorTime;\n\n        if (this.params.formatTimeCallback) {\n            return this.params.formatTimeCallback(cursorTime);\n        }\n        return [cursorTime].map(time =>\n            [\n                Math.floor((time % 3600) / 60), // minutes\n                ('00' + Math.floor(time % 60)).slice(-2), // seconds\n                ('000' + Math.floor((time % 1) * 1000)).slice(-3) // milliseconds\n            ].join(':')\n        );\n    }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","","// startup\n// Load entry module and return exports\n// This entry module is referenced by other modules so it can't be inlined\nvar __webpack_exports__ = __webpack_require__(\"./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","Object","assign","defaultParams","drawer","appendChild","document","createElement","position","bottom","display","borderRightStyle","borderRightWidth","borderRightColor","pointerEvents","margin","visibility","innerHTML","formatTime","addEventListener","_onMousemove","_onMouseenter","_onMouseleave","isReady","_onReady","once","remove","removeEventListener","xpos","ypos","duration","getDuration","elementWidth","pixelRatio","scrollWidth","getScrollX","scrollTime","timeValue","Math","max","formatValue","textOffset","cursorTime","isNaN","map","time","floor","slice","join","name","deferInit","staticProps","instance"],"sourceRoot":""}
+{"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 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.3.0 (2022-10-03)
+ * 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.params=Object.assign({},this.defaultParams,t)}var t,r,a;return t=e,r=[{key:"_onReady",value:function(){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.params.showTime&&this.showTime.remove(),this.cursor.remove(),this.wrapper.removeEventListener("mousemove",this._onMousemove),this.params.hideOnBlur&&(this.wrapper.removeEventListener("mouseenter",this._onMouseenter),this.wrapper.removeEventListener("mouseleave",this._onMouseleave))}},{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