wavesurfer.js 6.3.0 → 6.4.0

package/dist/plugin/wavesurfer.markers.js

@@ -1,5 +1,5 @@
 /*!
- * wavesurfer.js markers plugin 6.3.0 (2022-10-03)
+ * wavesurfer.js markers plugin 6.4.0 (2022-11-05)
  * https://wavesurfer-js.org
  * @license BSD-3-Clause
  */
@@ -29,19 +29,16 @@ Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
 exports["default"] = void 0;
-
 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 _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
 /**
  * @typedef {Object} MarkerParams
  * @desc The parameters used to describe a marker.
  * @example wavesurfer.addMarker(regionParams);
  * @property {number} time The time to set the marker at
  * @property {?label} string An optional marker label
+ * @property {?tooltip} string An optional marker tooltip
  * @property {?color} string Background color for marker
  * @property {?position} string "top" or "bottom", defaults to "bottom"
  * @property {?markerElement} element An HTML element to display instead of the default marker image
@@ -71,15 +68,13 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
  *   ]
  * });
  */
+
 var DEFAULT_FILL_COLOR = "#D8D8D8";
 var DEFAULT_POSITION = "bottom";
-
 var MarkersPlugin = /*#__PURE__*/function () {
   function MarkersPlugin(params, ws) {
     var _this = this;
-
     _classCallCheck(this, MarkersPlugin);
-
     this.params = params;
     this.wavesurfer = ws;
     this.util = ws.util;
@@ -88,60 +83,45 @@ var MarkersPlugin = /*#__PURE__*/function () {
     this.markerWidth = 11;
     this.markerHeight = 22;
     this.dragging = false;
-
     this._onResize = function () {
       _this._updateMarkerPositions();
     };
-
     this._onBackendCreated = function () {
       _this.wrapper = _this.wavesurfer.drawer.wrapper;
-
       if (_this.params.markers) {
         _this.params.markers.forEach(function (marker) {
           return _this.add(marker);
         });
       }
-
       window.addEventListener('resize', _this._onResize, true);
       window.addEventListener('orientationchange', _this._onResize, true);
-
       _this.wavesurfer.on('zoom', _this._onResize);
-
       if (!_this.markers.find(function (marker) {
         return marker.draggable;
       })) {
         return;
       }
-
       _this.onMouseMove = function (e) {
         return _this._onMouseMove(e);
       };
-
       window.addEventListener('mousemove', _this.onMouseMove);
-
       _this.onMouseUp = function (e) {
         return _this._onMouseUp(e);
       };
-
       window.addEventListener("mouseup", _this.onMouseUp);
     };
-
     this.markers = [];
-
     this._onReady = function () {
       _this.wrapper = _this.wavesurfer.drawer.wrapper;
-
       _this._updateMarkerPositions();
     };
   }
-
   _createClass(MarkersPlugin, [{
     key: "init",
     value: function init() {
       // Check if ws is ready
       if (this.wavesurfer.isReady) {
         this._onBackendCreated();
-
         this._onReady();
       } else {
         this.wavesurfer.once('ready', this._onReady);
@@ -156,30 +136,28 @@ var MarkersPlugin = /*#__PURE__*/function () {
       this.wavesurfer.un('zoom', this._onResize);
       window.removeEventListener('resize', this._onResize, true);
       window.removeEventListener('orientationchange', this._onResize, true);
-
       if (this.onMouseMove) {
         window.removeEventListener('mousemove', this.onMouseMove);
       }
-
       if (this.onMouseUp) {
         window.removeEventListener("mouseup", this.onMouseUp);
       }
-
       this.clear();
     }
+
     /**
      * Add a marker
      *
      * @param {MarkerParams} params Marker definition
      * @return {object} The created marker
      */
-
   }, {
     key: "add",
     value: function add(params) {
       var marker = {
         time: params.time,
         label: params.label,
+        tooltip: params.tooltip,
         color: params.color || DEFAULT_FILL_COLOR,
         position: params.position || DEFAULT_POSITION,
         draggable: !!params.draggable,
@@ -188,44 +166,38 @@ var MarkersPlugin = /*#__PURE__*/function () {
       marker.el = this._createMarkerElement(marker, params.markerElement);
       this.wrapper.appendChild(marker.el);
       this.markers.push(marker);
-
       this._updateMarkerPositions();
-
+      this._registerEvents();
       return marker;
     }
+
     /**
      * Remove a marker
      *
      * @param {number} index Index of the marker to remove
      */
-
   }, {
     key: "remove",
     value: function remove(index) {
       var marker = this.markers[index];
-
       if (!marker) {
         return;
       }
-
       var label = marker.el.getElementsByClassName("marker-label")[0];
-
       if (label) {
         if (label._onContextMenu) {
           label.removeEventListener("contextmenu", label._onContextMenu);
         }
-
         if (label._onClick) {
           label.removeEventListener("click", label._onClick);
         }
-
         if (label._onMouseDown) {
           label.removeEventListener("mousedown", label._onMouseDown);
         }
       }
-
       this.wrapper.removeChild(marker.el);
       this.markers.splice(index, 1);
+      this._unregisterEvents();
     }
   }, {
     key: "_createPointerSVG",
@@ -238,11 +210,9 @@ var MarkersPlugin = /*#__PURE__*/function () {
       polygon.setAttribute("stroke", "#979797");
       polygon.setAttribute("fill", color);
       polygon.setAttribute("points", "20 0 40 30 40 80 0 80 0 30");
-
       if (position == "top") {
         polygon.setAttribute("transform", "rotate(180, 20 40)");
       }
-
       el.appendChild(polygon);
       this.style(el, {
         width: this.markerWidth + "px",
@@ -257,8 +227,8 @@ var MarkersPlugin = /*#__PURE__*/function () {
     key: "_createMarkerElement",
     value: function _createMarkerElement(marker, markerElement) {
       var _this2 = this;
-
       var label = marker.label;
+      var tooltip = marker.tooltip;
       var el = document.createElement('marker');
       el.className = "wavesurfer-marker";
       this.style(el, {
@@ -280,25 +250,21 @@ var MarkersPlugin = /*#__PURE__*/function () {
       });
       el.appendChild(line);
       var labelDiv = document.createElement('div');
-
       var point = markerElement || this._createPointerSVG(marker.color, marker.position);
-
       if (marker.draggable) {
         point.draggable = false;
       }
-
       labelDiv.appendChild(point);
-
       if (label) {
         var labelEl = document.createElement('span');
         labelEl.innerText = label;
+        labelEl.setAttribute('title', tooltip);
         this.style(labelEl, {
           "font-family": "monospace",
           "font-size": "90%"
         });
         labelDiv.appendChild(labelEl);
       }
-
       this.style(labelDiv, {
         display: "flex",
         "align-items": "center",
@@ -306,41 +272,31 @@ var MarkersPlugin = /*#__PURE__*/function () {
       });
       labelDiv.classList.add("marker-label");
       el.appendChild(labelDiv);
-
       labelDiv._onClick = function (e) {
-        e.stopPropagation(); // Click event is caught when the marker-drop event was dispatched.
+        e.stopPropagation();
+        // Click event is caught when the marker-drop event was dispatched.
         // Drop event was dispatched at this moment, but this.dragging
         // is waiting for the next tick to set as false
-
         if (_this2.dragging) {
           return;
         }
-
         _this2.wavesurfer.setCurrentTime(marker.time);
-
         _this2.wavesurfer.fireEvent("marker-click", marker, e);
       };
-
       labelDiv.addEventListener("click", labelDiv._onClick);
-
       labelDiv._onContextMenu = function (e) {
         if (marker.preventContextMenu) {
           e.preventDefault();
         }
-
         _this2.wavesurfer.fireEvent("marker-contextmenu", marker, e);
       };
-
       labelDiv.addEventListener("contextmenu", labelDiv._onContextMenu);
-
       if (marker.draggable) {
         labelDiv._onMouseDown = function () {
           _this2.selectedMarker = marker;
         };
-
         labelDiv.addEventListener("mousedown", labelDiv._onMouseDown);
       }
-
       return el;
     }
   }, {
@@ -348,10 +304,10 @@ var MarkersPlugin = /*#__PURE__*/function () {
     value: function _updateMarkerPositions() {
       for (var i = 0; i < this.markers.length; i++) {
         var marker = this.markers[i];
-
         this._updateMarkerPosition(marker);
       }
     }
+
     /**
      * Update a marker position based on its time property.
      *
@@ -359,7 +315,6 @@ var MarkersPlugin = /*#__PURE__*/function () {
      * @param {MarkerParams} params The marker to update.
      * @returns {void}
      */
-
   }, {
     key: "_updateMarkerPosition",
     value: function _updateMarkerPosition(params) {
@@ -372,6 +327,7 @@ var MarkersPlugin = /*#__PURE__*/function () {
         "max-width": elementWidth - leftPx + "px"
       });
     }
+
     /**
      * Fires `marker-drag` event, update the `time` property for the
      * selected marker based on the mouse position, and calls to update
@@ -381,23 +337,20 @@ var MarkersPlugin = /*#__PURE__*/function () {
      * @param {MouseEvent} event The mouse event.
      * @returns {void}
      */
-
   }, {
     key: "_onMouseMove",
     value: function _onMouseMove(event) {
       if (!this.selectedMarker) {
         return;
       }
-
       if (!this.dragging) {
         this.dragging = true;
         this.wavesurfer.fireEvent("marker-drag", this.selectedMarker, event);
       }
-
       this.selectedMarker.time = this.wavesurfer.drawer.handleEvent(event) * this.wavesurfer.getDuration();
-
       this._updateMarkerPositions();
     }
+
     /**
      * Fires `marker-drop` event and unselect the dragged marker.
      *
@@ -405,35 +358,70 @@ var MarkersPlugin = /*#__PURE__*/function () {
      * @param {MouseEvent} event The mouse event.
      * @returns {void}
      */
-
   }, {
     key: "_onMouseUp",
     value: function _onMouseUp(event) {
       var _this3 = this;
-
       if (this.selectedMarker) {
         setTimeout(function () {
           _this3.selectedMarker = false;
           _this3.dragging = false;
         }, 0);
       }
-
       if (!this.dragging) {
         return;
       }
-
       event.stopPropagation();
       var duration = this.wavesurfer.getDuration();
       this.selectedMarker.time = this.wavesurfer.drawer.handleEvent(event) * duration;
-
       this._updateMarkerPositions();
-
       this.wavesurfer.fireEvent("marker-drop", this.selectedMarker, event);
     }
+  }, {
+    key: "_registerEvents",
+    value: function _registerEvents() {
+      var _this4 = this;
+      if (!this.markers.find(function (marker) {
+        return marker.draggable;
+      })) {
+        return;
+      }
+      //we have some draggable markers, check for listeners
+      if (!this.onMouseMove) {
+        this.onMouseMove = function (e) {
+          return _this4._onMouseMove(e);
+        };
+        window.addEventListener('mousemove', this.onMouseMove);
+      }
+      if (!this.onMouseUp) {
+        this.onMouseUp = function (e) {
+          return _this4._onMouseUp(e);
+        };
+        window.addEventListener("mouseup", this.onMouseUp);
+      }
+    }
+  }, {
+    key: "_unregisterEvents",
+    value: function _unregisterEvents() {
+      if (this.markers.find(function (marker) {
+        return marker.draggable;
+      })) {
+        return;
+      }
+      //we don't have any draggable markers, unregister listeners
+      if (this.onMouseMove) {
+        window.removeEventListener('mousemove', this.onMouseMove);
+        this.onMouseMove = null;
+      }
+      if (this.onMouseUp) {
+        window.removeEventListener("mouseup", this.onMouseUp);
+        this.onMouseUp = null;
+      }
+    }
+
     /**
      * Remove all markers
      */
-
   }, {
     key: "clear",
     value: function clear() {
@@ -472,7 +460,6 @@ var MarkersPlugin = /*#__PURE__*/function () {
             if (!this.initialisedPluginList.markers) {
               this.initPlugin('markers');
             }
-
             return this.markers.add(options);
           },
           clearMarkers: function clearMarkers() {
@@ -483,10 +470,8 @@ var MarkersPlugin = /*#__PURE__*/function () {
       };
     }
   }]);
-
   return MarkersPlugin;
 }();
-
 exports["default"] = MarkersPlugin;
 module.exports = exports.default;
 

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

@@ -1 +1 @@
-{"version":3,"file":"wavesurfer.markers.js","mappings":"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","sources":["webpack://WaveSurfer/webpack/universalModuleDefinition","webpack://WaveSurfer/./src/plugin/markers/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\"][\"markers\"] = factory();\n})(self, () => {\nreturn ","/**\n * @typedef {Object} MarkerParams\n * @desc The parameters used to describe a marker.\n * @example wavesurfer.addMarker(regionParams);\n * @property {number} time The time to set the marker at\n * @property {?label} string An optional marker label\n * @property {?color} string Background color for marker\n * @property {?position} string \"top\" or \"bottom\", defaults to \"bottom\"\n * @property {?markerElement} element An HTML element to display instead of the default marker image\n * @property {?draggable} boolean Set marker as draggable, defaults to false\n * @property {?boolean} preventContextMenu Determines whether the context menu\n * is prevented from being opened, defaults to false\n */\n\n\n/**\n * Markers are points in time in the audio that can be jumped to.\n *\n * @implements {PluginClass}\n *\n * @example\n * import MarkersPlugin from 'wavesurfer.markers.js';\n *\n * // if you are using <script> tags\n * var MarkerPlugin = window.WaveSurfer.markers;\n *\n * // ... initialising wavesurfer with the plugin\n * var wavesurfer = WaveSurfer.create({\n *   // wavesurfer options ...\n *   plugins: [\n *     MarkersPlugin.create({\n *       // plugin options ...\n *     })\n *   ]\n * });\n */\n\nconst DEFAULT_FILL_COLOR = \"#D8D8D8\";\nconst DEFAULT_POSITION = \"bottom\";\n\nexport default class MarkersPlugin {\n    /**\n     * @typedef {Object} MarkersPluginParams\n     * @property {?MarkerParams[]} markers Initial set of markers\n     * @fires MarkersPlugin#marker-click\n     * @fires MarkersPlugin#marker-drag\n     * @fires MarkersPlugin#marker-drop\n     */\n\n    /**\n     * Markers 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 {MarkersPluginParams} params parameters use to initialise the plugin\n     * @since 4.6.0\n     * @return {PluginDefinition} an object representing the plugin\n     */\n    static create(params) {\n        return {\n            name: 'markers',\n            deferInit: params && params.deferInit ? params.deferInit : false,\n            params: params,\n            staticProps: {\n                addMarker(options) {\n                    if (!this.initialisedPluginList.markers) {\n                        this.initPlugin('markers');\n                    }\n                    return this.markers.add(options);\n                },\n                clearMarkers() {\n                    this.markers && this.markers.clear();\n                }\n            },\n            instance: MarkersPlugin\n        };\n    }\n\n    constructor(params, ws) {\n        this.params = params;\n        this.wavesurfer = ws;\n        this.util = ws.util;\n        this.style = this.util.style;\n        this.markerLineWidth = 1;\n        this.markerWidth = 11;\n        this.markerHeight = 22;\n        this.dragging = false;\n\n\n        this._onResize = () => {\n            this._updateMarkerPositions();\n        };\n\n        this._onBackendCreated = () => {\n            this.wrapper = this.wavesurfer.drawer.wrapper;\n            if (this.params.markers) {\n                this.params.markers.forEach(marker => this.add(marker));\n            }\n            window.addEventListener('resize', this._onResize, true);\n            window.addEventListener('orientationchange', this._onResize, true);\n            this.wavesurfer.on('zoom', this._onResize);\n\n            if (!this.markers.find(marker => marker.draggable)){\n                return;\n            }\n\n            this.onMouseMove = (e) => this._onMouseMove(e);\n            window.addEventListener('mousemove', this.onMouseMove);\n\n            this.onMouseUp = (e) => this._onMouseUp(e);\n            window.addEventListener(\"mouseup\", this.onMouseUp);\n        };\n\n        this.markers = [];\n        this._onReady = () => {\n            this.wrapper = this.wavesurfer.drawer.wrapper;\n            this._updateMarkerPositions();\n        };\n    }\n\n    init() {\n        // Check if ws is ready\n        if (this.wavesurfer.isReady) {\n            this._onBackendCreated();\n            this._onReady();\n        } else {\n            this.wavesurfer.once('ready', this._onReady);\n            this.wavesurfer.once('backend-created', this._onBackendCreated);\n        }\n    }\n\n    destroy() {\n        this.wavesurfer.un('ready', this._onReady);\n        this.wavesurfer.un('backend-created', this._onBackendCreated);\n\n        this.wavesurfer.un('zoom', this._onResize);\n\n        window.removeEventListener('resize', this._onResize, true);\n        window.removeEventListener('orientationchange', this._onResize, true);\n\n        if (this.onMouseMove) {\n            window.removeEventListener('mousemove', this.onMouseMove);\n        }\n        if (this.onMouseUp) {\n            window.removeEventListener(\"mouseup\", this.onMouseUp);\n        }\n\n        this.clear();\n    }\n\n    /**\n     * Add a marker\n     *\n     * @param {MarkerParams} params Marker definition\n     * @return {object} The created marker\n     */\n    add(params) {\n        let marker = {\n            time: params.time,\n            label: params.label,\n            color: params.color || DEFAULT_FILL_COLOR,\n            position: params.position || DEFAULT_POSITION,\n            draggable: !!params.draggable,\n            preventContextMenu: !!params.preventContextMenu\n        };\n\n        marker.el = this._createMarkerElement(marker, params.markerElement);\n\n        this.wrapper.appendChild(marker.el);\n        this.markers.push(marker);\n        this._updateMarkerPositions();\n\n        return marker;\n    }\n\n    /**\n     * Remove a marker\n     *\n     * @param {number} index Index of the marker to remove\n     */\n    remove(index) {\n        let marker = this.markers[index];\n        if (!marker) {\n            return;\n        }\n        let label = marker.el.getElementsByClassName(\"marker-label\")[0];\n        if (label) {\n            if (label._onContextMenu) {\n                label.removeEventListener(\"contextmenu\", label._onContextMenu);\n            }\n            if (label._onClick) {\n                label.removeEventListener(\"click\", label._onClick);\n            }\n            if (label._onMouseDown) {\n                label.removeEventListener(\"mousedown\", label._onMouseDown);\n            }\n        }\n\n        this.wrapper.removeChild(marker.el);\n        this.markers.splice(index, 1);\n    }\n\n    _createPointerSVG(color, position) {\n        const svgNS = \"http://www.w3.org/2000/svg\";\n\n        const el = document.createElementNS(svgNS, \"svg\");\n        const polygon = document.createElementNS(svgNS, \"polygon\");\n\n        el.setAttribute(\"viewBox\", \"0 0 40 80\");\n\n        polygon.setAttribute(\"id\", \"polygon\");\n        polygon.setAttribute(\"stroke\", \"#979797\");\n        polygon.setAttribute(\"fill\", color);\n        polygon.setAttribute(\"points\", \"20 0 40 30 40 80 0 80 0 30\");\n        if ( position == \"top\" ) {\n            polygon.setAttribute(\"transform\", \"rotate(180, 20 40)\");\n        }\n\n        el.appendChild(polygon);\n\n        this.style(el, {\n            width: this.markerWidth + \"px\",\n            height: this.markerHeight + \"px\",\n            \"min-width\": this.markerWidth + \"px\",\n            \"margin-right\": \"5px\",\n            \"z-index\": 4\n        });\n        return el;\n    }\n\n    _createMarkerElement(marker, markerElement) {\n        let label = marker.label;\n\n        const el = document.createElement('marker');\n        el.className = \"wavesurfer-marker\";\n\n        this.style(el, {\n            position: \"absolute\",\n            height: \"100%\",\n            display: \"flex\",\n            overflow: \"hidden\",\n            \"flex-direction\": (marker.position == \"top\" ? \"column-reverse\" : \"column\")\n        });\n\n        const line = document.createElement('div');\n        const width = markerElement ? markerElement.width : this.markerWidth;\n        marker.offset = (width - this.markerLineWidth) / 2;\n        this.style(line, {\n            \"flex-grow\": 1,\n            \"margin-left\": marker.offset + \"px\",\n            background: \"black\",\n            width: this.markerLineWidth + \"px\",\n            opacity: 0.1\n        });\n        el.appendChild(line);\n\n        const labelDiv = document.createElement('div');\n        const point = markerElement || this._createPointerSVG(marker.color, marker.position);\n        if (marker.draggable){\n            point.draggable = false;\n        }\n        labelDiv.appendChild(point);\n\n        if ( label ) {\n            const labelEl = document.createElement('span');\n            labelEl.innerText = label;\n            this.style(labelEl, {\n                \"font-family\": \"monospace\",\n                \"font-size\": \"90%\"\n            });\n            labelDiv.appendChild(labelEl);\n        }\n\n        this.style(labelDiv, {\n            display: \"flex\",\n            \"align-items\": \"center\",\n            cursor: \"pointer\"\n        });\n        labelDiv.classList.add(\"marker-label\");\n\n        el.appendChild(labelDiv);\n\n        labelDiv._onClick = (e) => {\n            e.stopPropagation();\n            // Click event is caught when the marker-drop event was dispatched.\n            // Drop event was dispatched at this moment, but this.dragging\n            // is waiting for the next tick to set as false\n            if (this.dragging){\n                return;\n            }\n            this.wavesurfer.setCurrentTime(marker.time);\n            this.wavesurfer.fireEvent(\"marker-click\", marker, e);\n        };\n        labelDiv.addEventListener(\"click\", labelDiv._onClick);\n\n        labelDiv._onContextMenu = (e) => {\n            if (marker.preventContextMenu) {\n                e.preventDefault();\n            }\n            this.wavesurfer.fireEvent(\"marker-contextmenu\", marker, e);\n        };\n        labelDiv.addEventListener(\"contextmenu\", labelDiv._onContextMenu);\n\n        if (marker.draggable) {\n            labelDiv._onMouseDown = () => {\n                this.selectedMarker = marker;\n            };\n            labelDiv.addEventListener(\"mousedown\", labelDiv._onMouseDown);\n        }\n        return el;\n    }\n\n    _updateMarkerPositions() {\n        for ( let i = 0 ; i < this.markers.length; i++ ) {\n            let marker = this.markers[i];\n            this._updateMarkerPosition(marker);\n        }\n    }\n\n    /**\n     * Update a marker position based on its time property.\n     *\n     * @private\n     * @param {MarkerParams} params The marker to update.\n     * @returns {void}\n     */\n    _updateMarkerPosition(params) {\n        const duration = this.wavesurfer.getDuration();\n        const elementWidth =\n            this.wavesurfer.drawer.width /\n            this.wavesurfer.params.pixelRatio;\n\n        const positionPct = Math.min(params.time / duration, 1);\n        const leftPx = ((elementWidth * positionPct) - params.offset);\n        this.style(params.el, {\n            \"left\": leftPx + \"px\",\n            \"max-width\": (elementWidth - leftPx) + \"px\"\n        });\n    }\n\n    /**\n     * Fires `marker-drag` event, update the `time` property for the\n     * selected marker based on the mouse position, and calls to update\n     * its position.\n     *\n     * @private\n     * @param {MouseEvent} event The mouse event.\n     * @returns {void}\n     */\n    _onMouseMove(event) {\n        if (!this.selectedMarker){\n            return;\n        }\n        if (!this.dragging){\n            this.dragging = true;\n            this.wavesurfer.fireEvent(\"marker-drag\", this.selectedMarker, event);\n        }\n        this.selectedMarker.time = this.wavesurfer.drawer.handleEvent(event) * this.wavesurfer.getDuration();\n        this._updateMarkerPositions();\n    }\n\n    /**\n     * Fires `marker-drop` event and unselect the dragged marker.\n     *\n     * @private\n     * @param {MouseEvent} event The mouse event.\n     * @returns {void}\n     */\n    _onMouseUp(event) {\n        if (this.selectedMarker) {\n            setTimeout(() => {\n                this.selectedMarker = false;\n                this.dragging = false;\n            }, 0);\n        }\n\n        if (!this.dragging) {\n            return;\n        }\n\n        event.stopPropagation();\n        const duration = this.wavesurfer.getDuration();\n        this.selectedMarker.time = this.wavesurfer.drawer.handleEvent(event) * duration;\n        this._updateMarkerPositions();\n        this.wavesurfer.fireEvent(\"marker-drop\", this.selectedMarker, event);\n    }\n\n    /**\n     * Remove all markers\n     */\n    clear() {\n        while ( this.markers.length > 0 ) {\n            this.remove(0);\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/markers/index.js\");\n",""],"names":["DEFAULT_FILL_COLOR","DEFAULT_POSITION","MarkersPlugin","params","ws","wavesurfer","util","style","markerLineWidth","markerWidth","markerHeight","dragging","_onResize","_updateMarkerPositions","_onBackendCreated","wrapper","drawer","markers","forEach","marker","add","window","addEventListener","on","find","draggable","onMouseMove","e","_onMouseMove","onMouseUp","_onMouseUp","_onReady","isReady","once","un","removeEventListener","clear","time","label","color","position","preventContextMenu","el","_createMarkerElement","markerElement","appendChild","push","index","getElementsByClassName","_onContextMenu","_onClick","_onMouseDown","removeChild","splice","svgNS","document","createElementNS","polygon","setAttribute","width","height","createElement","className","display","overflow","line","offset","background","opacity","labelDiv","point","_createPointerSVG","labelEl","innerText","cursor","classList","stopPropagation","setCurrentTime","fireEvent","preventDefault","selectedMarker","i","length","_updateMarkerPosition","duration","getDuration","elementWidth","pixelRatio","positionPct","Math","min","leftPx","event","handleEvent","setTimeout","remove","name","deferInit","staticProps","addMarker","options","initialisedPluginList","initPlugin","clearMarkers","instance"],"sourceRoot":""}
+{"version":3,"file":"wavesurfer.markers.js","mappings":"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","sources":["webpack://WaveSurfer/webpack/universalModuleDefinition","webpack://WaveSurfer/./src/plugin/markers/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\"][\"markers\"] = factory();\n})(self, () => {\nreturn ","/**\n * @typedef {Object} MarkerParams\n * @desc The parameters used to describe a marker.\n * @example wavesurfer.addMarker(regionParams);\n * @property {number} time The time to set the marker at\n * @property {?label} string An optional marker label\n * @property {?tooltip} string An optional marker tooltip\n * @property {?color} string Background color for marker\n * @property {?position} string \"top\" or \"bottom\", defaults to \"bottom\"\n * @property {?markerElement} element An HTML element to display instead of the default marker image\n * @property {?draggable} boolean Set marker as draggable, defaults to false\n * @property {?boolean} preventContextMenu Determines whether the context menu\n * is prevented from being opened, defaults to false\n */\n\n\n/**\n * Markers are points in time in the audio that can be jumped to.\n *\n * @implements {PluginClass}\n *\n * @example\n * import MarkersPlugin from 'wavesurfer.markers.js';\n *\n * // if you are using <script> tags\n * var MarkerPlugin = window.WaveSurfer.markers;\n *\n * // ... initialising wavesurfer with the plugin\n * var wavesurfer = WaveSurfer.create({\n *   // wavesurfer options ...\n *   plugins: [\n *     MarkersPlugin.create({\n *       // plugin options ...\n *     })\n *   ]\n * });\n */\n\nconst DEFAULT_FILL_COLOR = \"#D8D8D8\";\nconst DEFAULT_POSITION = \"bottom\";\n\nexport default class MarkersPlugin {\n    /**\n     * @typedef {Object} MarkersPluginParams\n     * @property {?MarkerParams[]} markers Initial set of markers\n     * @fires MarkersPlugin#marker-click\n     * @fires MarkersPlugin#marker-drag\n     * @fires MarkersPlugin#marker-drop\n     */\n\n    /**\n     * Markers 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 {MarkersPluginParams} params parameters use to initialise the plugin\n     * @since 4.6.0\n     * @return {PluginDefinition} an object representing the plugin\n     */\n    static create(params) {\n        return {\n            name: 'markers',\n            deferInit: params && params.deferInit ? params.deferInit : false,\n            params: params,\n            staticProps: {\n                addMarker(options) {\n                    if (!this.initialisedPluginList.markers) {\n                        this.initPlugin('markers');\n                    }\n                    return this.markers.add(options);\n                },\n                clearMarkers() {\n                    this.markers && this.markers.clear();\n                }\n            },\n            instance: MarkersPlugin\n        };\n    }\n\n    constructor(params, ws) {\n        this.params = params;\n        this.wavesurfer = ws;\n        this.util = ws.util;\n        this.style = this.util.style;\n        this.markerLineWidth = 1;\n        this.markerWidth = 11;\n        this.markerHeight = 22;\n        this.dragging = false;\n\n\n        this._onResize = () => {\n            this._updateMarkerPositions();\n        };\n\n        this._onBackendCreated = () => {\n            this.wrapper = this.wavesurfer.drawer.wrapper;\n            if (this.params.markers) {\n                this.params.markers.forEach(marker => this.add(marker));\n            }\n            window.addEventListener('resize', this._onResize, true);\n            window.addEventListener('orientationchange', this._onResize, true);\n            this.wavesurfer.on('zoom', this._onResize);\n\n            if (!this.markers.find(marker => marker.draggable)){\n                return;\n            }\n\n            this.onMouseMove = (e) => this._onMouseMove(e);\n            window.addEventListener('mousemove', this.onMouseMove);\n\n            this.onMouseUp = (e) => this._onMouseUp(e);\n            window.addEventListener(\"mouseup\", this.onMouseUp);\n        };\n\n        this.markers = [];\n        this._onReady = () => {\n            this.wrapper = this.wavesurfer.drawer.wrapper;\n            this._updateMarkerPositions();\n        };\n    }\n\n    init() {\n        // Check if ws is ready\n        if (this.wavesurfer.isReady) {\n            this._onBackendCreated();\n            this._onReady();\n        } else {\n            this.wavesurfer.once('ready', this._onReady);\n            this.wavesurfer.once('backend-created', this._onBackendCreated);\n        }\n    }\n\n    destroy() {\n        this.wavesurfer.un('ready', this._onReady);\n        this.wavesurfer.un('backend-created', this._onBackendCreated);\n\n        this.wavesurfer.un('zoom', this._onResize);\n\n        window.removeEventListener('resize', this._onResize, true);\n        window.removeEventListener('orientationchange', this._onResize, true);\n\n        if (this.onMouseMove) {\n            window.removeEventListener('mousemove', this.onMouseMove);\n        }\n        if (this.onMouseUp) {\n            window.removeEventListener(\"mouseup\", this.onMouseUp);\n        }\n\n        this.clear();\n    }\n\n    /**\n     * Add a marker\n     *\n     * @param {MarkerParams} params Marker definition\n     * @return {object} The created marker\n     */\n    add(params) {\n        let marker = {\n            time: params.time,\n            label: params.label,\n            tooltip: params.tooltip,\n            color: params.color || DEFAULT_FILL_COLOR,\n            position: params.position || DEFAULT_POSITION,\n            draggable: !!params.draggable,\n            preventContextMenu: !!params.preventContextMenu\n        };\n\n        marker.el = this._createMarkerElement(marker, params.markerElement);\n\n        this.wrapper.appendChild(marker.el);\n        this.markers.push(marker);\n        this._updateMarkerPositions();\n\n        this._registerEvents();\n\n        return marker;\n    }\n\n    /**\n     * Remove a marker\n     *\n     * @param {number} index Index of the marker to remove\n     */\n    remove(index) {\n        let marker = this.markers[index];\n        if (!marker) {\n            return;\n        }\n        let label = marker.el.getElementsByClassName(\"marker-label\")[0];\n        if (label) {\n            if (label._onContextMenu) {\n                label.removeEventListener(\"contextmenu\", label._onContextMenu);\n            }\n            if (label._onClick) {\n                label.removeEventListener(\"click\", label._onClick);\n            }\n            if (label._onMouseDown) {\n                label.removeEventListener(\"mousedown\", label._onMouseDown);\n            }\n        }\n\n        this.wrapper.removeChild(marker.el);\n        this.markers.splice(index, 1);\n\n        this._unregisterEvents();\n    }\n\n    _createPointerSVG(color, position) {\n        const svgNS = \"http://www.w3.org/2000/svg\";\n\n        const el = document.createElementNS(svgNS, \"svg\");\n        const polygon = document.createElementNS(svgNS, \"polygon\");\n\n        el.setAttribute(\"viewBox\", \"0 0 40 80\");\n\n        polygon.setAttribute(\"id\", \"polygon\");\n        polygon.setAttribute(\"stroke\", \"#979797\");\n        polygon.setAttribute(\"fill\", color);\n        polygon.setAttribute(\"points\", \"20 0 40 30 40 80 0 80 0 30\");\n        if ( position == \"top\" ) {\n            polygon.setAttribute(\"transform\", \"rotate(180, 20 40)\");\n        }\n\n        el.appendChild(polygon);\n\n        this.style(el, {\n            width: this.markerWidth + \"px\",\n            height: this.markerHeight + \"px\",\n            \"min-width\": this.markerWidth + \"px\",\n            \"margin-right\": \"5px\",\n            \"z-index\": 4\n        });\n        return el;\n    }\n\n    _createMarkerElement(marker, markerElement) {\n        let label = marker.label;\n        let tooltip = marker.tooltip;\n\n        const el = document.createElement('marker');\n        el.className = \"wavesurfer-marker\";\n\n        this.style(el, {\n            position: \"absolute\",\n            height: \"100%\",\n            display: \"flex\",\n            overflow: \"hidden\",\n            \"flex-direction\": (marker.position == \"top\" ? \"column-reverse\" : \"column\")\n        });\n\n        const line = document.createElement('div');\n        const width = markerElement ? markerElement.width : this.markerWidth;\n        marker.offset = (width - this.markerLineWidth) / 2;\n        this.style(line, {\n            \"flex-grow\": 1,\n            \"margin-left\": marker.offset + \"px\",\n            background: \"black\",\n            width: this.markerLineWidth + \"px\",\n            opacity: 0.1\n        });\n        el.appendChild(line);\n\n        const labelDiv = document.createElement('div');\n        const point = markerElement || this._createPointerSVG(marker.color, marker.position);\n        if (marker.draggable){\n            point.draggable = false;\n        }\n        labelDiv.appendChild(point);\n\n        if ( label ) {\n            const labelEl = document.createElement('span');\n            labelEl.innerText = label;\n            labelEl.setAttribute('title', tooltip);\n            this.style(labelEl, {\n                \"font-family\": \"monospace\",\n                \"font-size\": \"90%\"\n            });\n            labelDiv.appendChild(labelEl);\n        }\n\n        this.style(labelDiv, {\n            display: \"flex\",\n            \"align-items\": \"center\",\n            cursor: \"pointer\"\n        });\n        labelDiv.classList.add(\"marker-label\");\n\n        el.appendChild(labelDiv);\n\n        labelDiv._onClick = (e) => {\n            e.stopPropagation();\n            // Click event is caught when the marker-drop event was dispatched.\n            // Drop event was dispatched at this moment, but this.dragging\n            // is waiting for the next tick to set as false\n            if (this.dragging){\n                return;\n            }\n            this.wavesurfer.setCurrentTime(marker.time);\n            this.wavesurfer.fireEvent(\"marker-click\", marker, e);\n        };\n        labelDiv.addEventListener(\"click\", labelDiv._onClick);\n\n        labelDiv._onContextMenu = (e) => {\n            if (marker.preventContextMenu) {\n                e.preventDefault();\n            }\n            this.wavesurfer.fireEvent(\"marker-contextmenu\", marker, e);\n        };\n        labelDiv.addEventListener(\"contextmenu\", labelDiv._onContextMenu);\n\n        if (marker.draggable) {\n            labelDiv._onMouseDown = () => {\n                this.selectedMarker = marker;\n            };\n            labelDiv.addEventListener(\"mousedown\", labelDiv._onMouseDown);\n        }\n        return el;\n    }\n\n    _updateMarkerPositions() {\n        for ( let i = 0 ; i < this.markers.length; i++ ) {\n            let marker = this.markers[i];\n            this._updateMarkerPosition(marker);\n        }\n    }\n\n    /**\n     * Update a marker position based on its time property.\n     *\n     * @private\n     * @param {MarkerParams} params The marker to update.\n     * @returns {void}\n     */\n    _updateMarkerPosition(params) {\n        const duration = this.wavesurfer.getDuration();\n        const elementWidth =\n            this.wavesurfer.drawer.width /\n            this.wavesurfer.params.pixelRatio;\n\n        const positionPct = Math.min(params.time / duration, 1);\n        const leftPx = ((elementWidth * positionPct) - params.offset);\n        this.style(params.el, {\n            \"left\": leftPx + \"px\",\n            \"max-width\": (elementWidth - leftPx) + \"px\"\n        });\n    }\n\n    /**\n     * Fires `marker-drag` event, update the `time` property for the\n     * selected marker based on the mouse position, and calls to update\n     * its position.\n     *\n     * @private\n     * @param {MouseEvent} event The mouse event.\n     * @returns {void}\n     */\n    _onMouseMove(event) {\n        if (!this.selectedMarker){\n            return;\n        }\n        if (!this.dragging){\n            this.dragging = true;\n            this.wavesurfer.fireEvent(\"marker-drag\", this.selectedMarker, event);\n        }\n        this.selectedMarker.time = this.wavesurfer.drawer.handleEvent(event) * this.wavesurfer.getDuration();\n        this._updateMarkerPositions();\n    }\n\n    /**\n     * Fires `marker-drop` event and unselect the dragged marker.\n     *\n     * @private\n     * @param {MouseEvent} event The mouse event.\n     * @returns {void}\n     */\n    _onMouseUp(event) {\n        if (this.selectedMarker) {\n            setTimeout(() => {\n                this.selectedMarker = false;\n                this.dragging = false;\n            }, 0);\n        }\n\n        if (!this.dragging) {\n            return;\n        }\n\n        event.stopPropagation();\n        const duration = this.wavesurfer.getDuration();\n        this.selectedMarker.time = this.wavesurfer.drawer.handleEvent(event) * duration;\n        this._updateMarkerPositions();\n        this.wavesurfer.fireEvent(\"marker-drop\", this.selectedMarker, event);\n    }\n\n    _registerEvents() {\n        if (!this.markers.find(marker => marker.draggable)) {\n            return;\n        }\n        //we have some draggable markers, check for listeners\n        if (!this.onMouseMove) {\n            this.onMouseMove = (e) => this._onMouseMove(e);\n            window.addEventListener('mousemove', this.onMouseMove);\n        }\n\n        if (!this.onMouseUp) {\n            this.onMouseUp = (e) => this._onMouseUp(e);\n            window.addEventListener(\"mouseup\", this.onMouseUp);\n        }\n    }\n\n    _unregisterEvents() {\n        if (this.markers.find(marker => marker.draggable)) {\n            return;\n        }\n        //we don't have any draggable markers, unregister listeners\n        if (this.onMouseMove) {\n            window.removeEventListener('mousemove', this.onMouseMove);\n            this.onMouseMove = null;\n        }\n        if (this.onMouseUp) {\n            window.removeEventListener(\"mouseup\", this.onMouseUp);\n            this.onMouseUp = null;\n        }\n    }\n\n    /**\n     * Remove all markers\n     */\n    clear() {\n        while ( this.markers.length > 0 ) {\n            this.remove(0);\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/markers/index.js\");\n",""],"names":["DEFAULT_FILL_COLOR","DEFAULT_POSITION","MarkersPlugin","params","ws","wavesurfer","util","style","markerLineWidth","markerWidth","markerHeight","dragging","_onResize","_updateMarkerPositions","_onBackendCreated","wrapper","drawer","markers","forEach","marker","add","window","addEventListener","on","find","draggable","onMouseMove","e","_onMouseMove","onMouseUp","_onMouseUp","_onReady","isReady","once","un","removeEventListener","clear","time","label","tooltip","color","position","preventContextMenu","el","_createMarkerElement","markerElement","appendChild","push","_registerEvents","index","getElementsByClassName","_onContextMenu","_onClick","_onMouseDown","removeChild","splice","_unregisterEvents","svgNS","document","createElementNS","polygon","setAttribute","width","height","createElement","className","display","overflow","line","offset","background","opacity","labelDiv","point","_createPointerSVG","labelEl","innerText","cursor","classList","stopPropagation","setCurrentTime","fireEvent","preventDefault","selectedMarker","i","length","_updateMarkerPosition","duration","getDuration","elementWidth","pixelRatio","positionPct","Math","min","leftPx","event","handleEvent","setTimeout","remove","name","deferInit","staticProps","addMarker","options","initialisedPluginList","initPlugin","clearMarkers","instance"],"sourceRoot":""}

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

@@ -1,7 +1,7 @@
 /*!
- * wavesurfer.js markers plugin 6.3.0 (2022-10-03)
+ * wavesurfer.js markers plugin 6.4.0 (2022-11-05)
  * 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.markers=t())}(self,(()=>(()=>{"use strict";var e={188:(e,t)=>{function r(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=function(){function e(t,r){var n=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.params=t,this.wavesurfer=r,this.util=r.util,this.style=this.util.style,this.markerLineWidth=1,this.markerWidth=11,this.markerHeight=22,this.dragging=!1,this._onResize=function(){n._updateMarkerPositions()},this._onBackendCreated=function(){n.wrapper=n.wavesurfer.drawer.wrapper,n.params.markers&&n.params.markers.forEach((function(e){return n.add(e)})),window.addEventListener("resize",n._onResize,!0),window.addEventListener("orientationchange",n._onResize,!0),n.wavesurfer.on("zoom",n._onResize),n.markers.find((function(e){return e.draggable}))&&(n.onMouseMove=function(e){return n._onMouseMove(e)},window.addEventListener("mousemove",n.onMouseMove),n.onMouseUp=function(e){return n._onMouseUp(e)},window.addEventListener("mouseup",n.onMouseUp))},this.markers=[],this._onReady=function(){n.wrapper=n.wavesurfer.drawer.wrapper,n._updateMarkerPositions()}}var t,n,i;return t=e,i=[{key:"create",value:function(t){return{name:"markers",deferInit:!(!t||!t.deferInit)&&t.deferInit,params:t,staticProps:{addMarker:function(e){return this.initialisedPluginList.markers||this.initPlugin("markers"),this.markers.add(e)},clearMarkers:function(){this.markers&&this.markers.clear()}},instance:e}}}],(n=[{key:"init",value:function(){this.wavesurfer.isReady?(this._onBackendCreated(),this._onReady()):(this.wavesurfer.once("ready",this._onReady),this.wavesurfer.once("backend-created",this._onBackendCreated))}},{key:"destroy",value:function(){this.wavesurfer.un("ready",this._onReady),this.wavesurfer.un("backend-created",this._onBackendCreated),this.wavesurfer.un("zoom",this._onResize),window.removeEventListener("resize",this._onResize,!0),window.removeEventListener("orientationchange",this._onResize,!0),this.onMouseMove&&window.removeEventListener("mousemove",this.onMouseMove),this.onMouseUp&&window.removeEventListener("mouseup",this.onMouseUp),this.clear()}},{key:"add",value:function(e){var t={time:e.time,label:e.label,color:e.color||"#D8D8D8",position:e.position||"bottom",draggable:!!e.draggable,preventContextMenu:!!e.preventContextMenu};return t.el=this._createMarkerElement(t,e.markerElement),this.wrapper.appendChild(t.el),this.markers.push(t),this._updateMarkerPositions(),t}},{key:"remove",value:function(e){var t=this.markers[e];if(t){var r=t.el.getElementsByClassName("marker-label")[0];r&&(r._onContextMenu&&r.removeEventListener("contextmenu",r._onContextMenu),r._onClick&&r.removeEventListener("click",r._onClick),r._onMouseDown&&r.removeEventListener("mousedown",r._onMouseDown)),this.wrapper.removeChild(t.el),this.markers.splice(e,1)}}},{key:"_createPointerSVG",value:function(e,t){var r="http://www.w3.org/2000/svg",n=document.createElementNS(r,"svg"),i=document.createElementNS(r,"polygon");return n.setAttribute("viewBox","0 0 40 80"),i.setAttribute("id","polygon"),i.setAttribute("stroke","#979797"),i.setAttribute("fill",e),i.setAttribute("points","20 0 40 30 40 80 0 80 0 30"),"top"==t&&i.setAttribute("transform","rotate(180, 20 40)"),n.appendChild(i),this.style(n,{width:this.markerWidth+"px",height:this.markerHeight+"px","min-width":this.markerWidth+"px","margin-right":"5px","z-index":4}),n}},{key:"_createMarkerElement",value:function(e,t){var r=this,n=e.label,i=document.createElement("marker");i.className="wavesurfer-marker",this.style(i,{position:"absolute",height:"100%",display:"flex",overflow:"hidden","flex-direction":"top"==e.position?"column-reverse":"column"});var a=document.createElement("div"),s=t?t.width:this.markerWidth;e.offset=(s-this.markerLineWidth)/2,this.style(a,{"flex-grow":1,"margin-left":e.offset+"px",background:"black",width:this.markerLineWidth+"px",opacity:.1}),i.appendChild(a);var o=document.createElement("div"),u=t||this._createPointerSVG(e.color,e.position);if(e.draggable&&(u.draggable=!1),o.appendChild(u),n){var d=document.createElement("span");d.innerText=n,this.style(d,{"font-family":"monospace","font-size":"90%"}),o.appendChild(d)}return this.style(o,{display:"flex","align-items":"center",cursor:"pointer"}),o.classList.add("marker-label"),i.appendChild(o),o._onClick=function(t){t.stopPropagation(),r.dragging||(r.wavesurfer.setCurrentTime(e.time),r.wavesurfer.fireEvent("marker-click",e,t))},o.addEventListener("click",o._onClick),o._onContextMenu=function(t){e.preventContextMenu&&t.preventDefault(),r.wavesurfer.fireEvent("marker-contextmenu",e,t)},o.addEventListener("contextmenu",o._onContextMenu),e.draggable&&(o._onMouseDown=function(){r.selectedMarker=e},o.addEventListener("mousedown",o._onMouseDown)),i}},{key:"_updateMarkerPositions",value:function(){for(var e=0;e<this.markers.length;e++){var t=this.markers[e];this._updateMarkerPosition(t)}}},{key:"_updateMarkerPosition",value:function(e){var t=this.wavesurfer.getDuration(),r=this.wavesurfer.drawer.width/this.wavesurfer.params.pixelRatio,n=r*Math.min(e.time/t,1)-e.offset;this.style(e.el,{left:n+"px","max-width":r-n+"px"})}},{key:"_onMouseMove",value:function(e){this.selectedMarker&&(this.dragging||(this.dragging=!0,this.wavesurfer.fireEvent("marker-drag",this.selectedMarker,e)),this.selectedMarker.time=this.wavesurfer.drawer.handleEvent(e)*this.wavesurfer.getDuration(),this._updateMarkerPositions())}},{key:"_onMouseUp",value:function(e){var t=this;if(this.selectedMarker&&setTimeout((function(){t.selectedMarker=!1,t.dragging=!1}),0),this.dragging){e.stopPropagation();var r=this.wavesurfer.getDuration();this.selectedMarker.time=this.wavesurfer.drawer.handleEvent(e)*r,this._updateMarkerPositions(),this.wavesurfer.fireEvent("marker-drop",this.selectedMarker,e)}}},{key:"clear",value:function(){for(;this.markers.length>0;)this.remove(0)}}])&&r(t.prototype,n),i&&r(t,i),Object.defineProperty(t,"prototype",{writable:!1}),e}();t.default=n,e.exports=t.default}},t={};var r=function r(n){var i=t[n];if(void 0!==i)return i.exports;var a=t[n]={exports:{}};return e[n](a,a.exports,r),a.exports}(188);return r})()));
+!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.markers=t())}(self,(()=>(()=>{"use strict";var e={188:(e,t)=>{function r(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=function(){function e(t,r){var n=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.params=t,this.wavesurfer=r,this.util=r.util,this.style=this.util.style,this.markerLineWidth=1,this.markerWidth=11,this.markerHeight=22,this.dragging=!1,this._onResize=function(){n._updateMarkerPositions()},this._onBackendCreated=function(){n.wrapper=n.wavesurfer.drawer.wrapper,n.params.markers&&n.params.markers.forEach((function(e){return n.add(e)})),window.addEventListener("resize",n._onResize,!0),window.addEventListener("orientationchange",n._onResize,!0),n.wavesurfer.on("zoom",n._onResize),n.markers.find((function(e){return e.draggable}))&&(n.onMouseMove=function(e){return n._onMouseMove(e)},window.addEventListener("mousemove",n.onMouseMove),n.onMouseUp=function(e){return n._onMouseUp(e)},window.addEventListener("mouseup",n.onMouseUp))},this.markers=[],this._onReady=function(){n.wrapper=n.wavesurfer.drawer.wrapper,n._updateMarkerPositions()}}var t,n,i;return t=e,i=[{key:"create",value:function(t){return{name:"markers",deferInit:!(!t||!t.deferInit)&&t.deferInit,params:t,staticProps:{addMarker:function(e){return this.initialisedPluginList.markers||this.initPlugin("markers"),this.markers.add(e)},clearMarkers:function(){this.markers&&this.markers.clear()}},instance:e}}}],(n=[{key:"init",value:function(){this.wavesurfer.isReady?(this._onBackendCreated(),this._onReady()):(this.wavesurfer.once("ready",this._onReady),this.wavesurfer.once("backend-created",this._onBackendCreated))}},{key:"destroy",value:function(){this.wavesurfer.un("ready",this._onReady),this.wavesurfer.un("backend-created",this._onBackendCreated),this.wavesurfer.un("zoom",this._onResize),window.removeEventListener("resize",this._onResize,!0),window.removeEventListener("orientationchange",this._onResize,!0),this.onMouseMove&&window.removeEventListener("mousemove",this.onMouseMove),this.onMouseUp&&window.removeEventListener("mouseup",this.onMouseUp),this.clear()}},{key:"add",value:function(e){var t={time:e.time,label:e.label,tooltip:e.tooltip,color:e.color||"#D8D8D8",position:e.position||"bottom",draggable:!!e.draggable,preventContextMenu:!!e.preventContextMenu};return t.el=this._createMarkerElement(t,e.markerElement),this.wrapper.appendChild(t.el),this.markers.push(t),this._updateMarkerPositions(),this._registerEvents(),t}},{key:"remove",value:function(e){var t=this.markers[e];if(t){var r=t.el.getElementsByClassName("marker-label")[0];r&&(r._onContextMenu&&r.removeEventListener("contextmenu",r._onContextMenu),r._onClick&&r.removeEventListener("click",r._onClick),r._onMouseDown&&r.removeEventListener("mousedown",r._onMouseDown)),this.wrapper.removeChild(t.el),this.markers.splice(e,1),this._unregisterEvents()}}},{key:"_createPointerSVG",value:function(e,t){var r="http://www.w3.org/2000/svg",n=document.createElementNS(r,"svg"),i=document.createElementNS(r,"polygon");return n.setAttribute("viewBox","0 0 40 80"),i.setAttribute("id","polygon"),i.setAttribute("stroke","#979797"),i.setAttribute("fill",e),i.setAttribute("points","20 0 40 30 40 80 0 80 0 30"),"top"==t&&i.setAttribute("transform","rotate(180, 20 40)"),n.appendChild(i),this.style(n,{width:this.markerWidth+"px",height:this.markerHeight+"px","min-width":this.markerWidth+"px","margin-right":"5px","z-index":4}),n}},{key:"_createMarkerElement",value:function(e,t){var r=this,n=e.label,i=e.tooltip,o=document.createElement("marker");o.className="wavesurfer-marker",this.style(o,{position:"absolute",height:"100%",display:"flex",overflow:"hidden","flex-direction":"top"==e.position?"column-reverse":"column"});var s=document.createElement("div"),a=t?t.width:this.markerWidth;e.offset=(a-this.markerLineWidth)/2,this.style(s,{"flex-grow":1,"margin-left":e.offset+"px",background:"black",width:this.markerLineWidth+"px",opacity:.1}),o.appendChild(s);var u=document.createElement("div"),d=t||this._createPointerSVG(e.color,e.position);if(e.draggable&&(d.draggable=!1),u.appendChild(d),n){var l=document.createElement("span");l.innerText=n,l.setAttribute("title",i),this.style(l,{"font-family":"monospace","font-size":"90%"}),u.appendChild(l)}return this.style(u,{display:"flex","align-items":"center",cursor:"pointer"}),u.classList.add("marker-label"),o.appendChild(u),u._onClick=function(t){t.stopPropagation(),r.dragging||(r.wavesurfer.setCurrentTime(e.time),r.wavesurfer.fireEvent("marker-click",e,t))},u.addEventListener("click",u._onClick),u._onContextMenu=function(t){e.preventContextMenu&&t.preventDefault(),r.wavesurfer.fireEvent("marker-contextmenu",e,t)},u.addEventListener("contextmenu",u._onContextMenu),e.draggable&&(u._onMouseDown=function(){r.selectedMarker=e},u.addEventListener("mousedown",u._onMouseDown)),o}},{key:"_updateMarkerPositions",value:function(){for(var e=0;e<this.markers.length;e++){var t=this.markers[e];this._updateMarkerPosition(t)}}},{key:"_updateMarkerPosition",value:function(e){var t=this.wavesurfer.getDuration(),r=this.wavesurfer.drawer.width/this.wavesurfer.params.pixelRatio,n=r*Math.min(e.time/t,1)-e.offset;this.style(e.el,{left:n+"px","max-width":r-n+"px"})}},{key:"_onMouseMove",value:function(e){this.selectedMarker&&(this.dragging||(this.dragging=!0,this.wavesurfer.fireEvent("marker-drag",this.selectedMarker,e)),this.selectedMarker.time=this.wavesurfer.drawer.handleEvent(e)*this.wavesurfer.getDuration(),this._updateMarkerPositions())}},{key:"_onMouseUp",value:function(e){var t=this;if(this.selectedMarker&&setTimeout((function(){t.selectedMarker=!1,t.dragging=!1}),0),this.dragging){e.stopPropagation();var r=this.wavesurfer.getDuration();this.selectedMarker.time=this.wavesurfer.drawer.handleEvent(e)*r,this._updateMarkerPositions(),this.wavesurfer.fireEvent("marker-drop",this.selectedMarker,e)}}},{key:"_registerEvents",value:function(){var e=this;this.markers.find((function(e){return e.draggable}))&&(this.onMouseMove||(this.onMouseMove=function(t){return e._onMouseMove(t)},window.addEventListener("mousemove",this.onMouseMove)),this.onMouseUp||(this.onMouseUp=function(t){return e._onMouseUp(t)},window.addEventListener("mouseup",this.onMouseUp)))}},{key:"_unregisterEvents",value:function(){this.markers.find((function(e){return e.draggable}))||(this.onMouseMove&&(window.removeEventListener("mousemove",this.onMouseMove),this.onMouseMove=null),this.onMouseUp&&(window.removeEventListener("mouseup",this.onMouseUp),this.onMouseUp=null))}},{key:"clear",value:function(){for(;this.markers.length>0;)this.remove(0)}}])&&r(t.prototype,n),i&&r(t,i),Object.defineProperty(t,"prototype",{writable:!1}),e}();t.default=n,e.exports=t.default}},t={};var r=function r(n){var i=t[n];if(void 0!==i)return i.exports;var o=t[n]={exports:{}};return e[n](o,o.exports,r),o.exports}(188);return r})()));
 //# sourceMappingURL=wavesurfer.markers.min.js.map