wavesurfer.js 6.3.0 → 6.5.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.5.0 (2023-03-11)
  * https://wavesurfer-js.org
  * @license BSD-3-Clause
  */
@@ -29,19 +29,19 @@ 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 _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} 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 +71,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 +86,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 +139,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 +169,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 +213,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 +230,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 +253,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-family": "inherit",
           "font-size": "90%"
         });
         labelDiv.appendChild(labelEl);
       }
-
       this.style(labelDiv, {
         display: "flex",
         "align-items": "center",
@@ -306,41 +275,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 +307,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 +318,6 @@ var MarkersPlugin = /*#__PURE__*/function () {
      * @param {MarkerParams} params The marker to update.
      * @returns {void}
      */
-
   }, {
     key: "_updateMarkerPosition",
     value: function _updateMarkerPosition(params) {
@@ -372,6 +330,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 +340,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 +361,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 +463,6 @@ var MarkersPlugin = /*#__PURE__*/function () {
             if (!this.initialisedPluginList.markers) {
               this.initPlugin('markers');
             }
-
             return this.markers.add(options);
           },
           clearMarkers: function clearMarkers() {
@@ -483,10 +473,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\": \"inherit\",\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","_this","_classCallCheck","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","_createClass","key","value","init","isReady","once","destroy","un","removeEventListener","clear","time","label","tooltip","color","position","preventContextMenu","el","_createMarkerElement","markerElement","appendChild","push","_registerEvents","remove","index","getElementsByClassName","_onContextMenu","_onClick","_onMouseDown","removeChild","splice","_unregisterEvents","_createPointerSVG","svgNS","document","createElementNS","polygon","setAttribute","width","height","_this2","createElement","className","display","overflow","line","offset","background","opacity","labelDiv","point","labelEl","innerText","cursor","classList","stopPropagation","setCurrentTime","fireEvent","preventDefault","selectedMarker","i","length","_updateMarkerPosition","duration","getDuration","elementWidth","pixelRatio","positionPct","Math","min","leftPx","event","handleEvent","_this3","setTimeout","_this4","create","name","deferInit","staticProps","addMarker","options","initialisedPluginList","initPlugin","clearMarkers","instance","exports","default","module"],"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.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.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){return r="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},r(e)}function n(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,(o=i.key,s=void 0,s=function(e,t){if("object"!==r(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!==r(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(o,"string"),"symbol"===r(s)?s:String(s)),i)}var o,s}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=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,r,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}}}],(r=[{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":"inherit","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)}}])&&n(t.prototype,r),i&&n(t,i),Object.defineProperty(t,"prototype",{writable:!1}),e}();t.default=i,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