wavesurfer.js 6.5.1 → 7.0.0-alpha.0

package/dist/plugin/wavesurfer.markers.js

@@ -1,520 +0,0 @@
-/*!
- * wavesurfer.js markers plugin 6.5.1 (2023-03-12)
- * https://wavesurfer-js.org
- * @license BSD-3-Clause
- */
-(function webpackUniversalModuleDefinition(root, factory) {
-	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory();
-	else if(typeof define === 'function' && define.amd)
-		define("WaveSurfer", [], factory);
-	else if(typeof exports === 'object')
-		exports["WaveSurfer"] = factory();
-	else
-		root["WaveSurfer"] = root["WaveSurfer"] || {}, root["WaveSurfer"]["markers"] = factory();
-})(self, () => {
-return /******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	var __webpack_modules__ = ({
-
-/***/ "./src/plugin/markers/index.js":
-/*!*************************************!*\
-  !*** ./src/plugin/markers/index.js ***!
-  \*************************************/
-/***/ ((module, exports) => {
-
-
-
-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, _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
- * @property {?draggable} boolean Set marker as draggable, defaults to false
- * @property {?boolean} preventContextMenu Determines whether the context menu
- * is prevented from being opened, defaults to false
- */
-
-/**
- * Markers are points in time in the audio that can be jumped to.
- *
- * @implements {PluginClass}
- *
- * @example
- * import MarkersPlugin from 'wavesurfer.markers.js';
- *
- * // if you are using <script> tags
- * var MarkerPlugin = window.WaveSurfer.markers;
- *
- * // ... initialising wavesurfer with the plugin
- * var wavesurfer = WaveSurfer.create({
- *   // wavesurfer options ...
- *   plugins: [
- *     MarkersPlugin.create({
- *       // plugin options ...
- *     })
- *   ]
- * });
- */
-
-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;
-    this.style = this.util.style;
-    this.markerLineWidth = 1;
-    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);
-        this.wavesurfer.once('backend-created', this._onBackendCreated);
-      }
-    }
-  }, {
-    key: "destroy",
-    value: function destroy() {
-      this.wavesurfer.un('ready', this._onReady);
-      this.wavesurfer.un('backend-created', this._onBackendCreated);
-      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,
-        preventContextMenu: !!params.preventContextMenu
-      };
-      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",
-    value: function _createPointerSVG(color, position) {
-      var svgNS = "http://www.w3.org/2000/svg";
-      var el = document.createElementNS(svgNS, "svg");
-      var polygon = document.createElementNS(svgNS, "polygon");
-      el.setAttribute("viewBox", "0 0 40 80");
-      polygon.setAttribute("id", "polygon");
-      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",
-        height: this.markerHeight + "px",
-        "min-width": this.markerWidth + "px",
-        "margin-right": "5px",
-        "z-index": 4
-      });
-      return el;
-    }
-  }, {
-    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, {
-        position: "absolute",
-        height: "100%",
-        display: "flex",
-        overflow: "hidden",
-        "flex-direction": marker.position == "top" ? "column-reverse" : "column"
-      });
-      var line = document.createElement('div');
-      var width = markerElement ? markerElement.width : this.markerWidth;
-      marker.offset = (width - this.markerLineWidth) / 2;
-      this.style(line, {
-        "flex-grow": 1,
-        "margin-left": marker.offset + "px",
-        background: "black",
-        width: this.markerLineWidth + "px",
-        opacity: 0.1
-      });
-      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": "inherit",
-          "font-size": "90%"
-        });
-        labelDiv.appendChild(labelEl);
-      }
-      this.style(labelDiv, {
-        display: "flex",
-        "align-items": "center",
-        cursor: "pointer"
-      });
-      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.
-        // 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;
-    }
-  }, {
-    key: "_updateMarkerPositions",
-    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.
-     *
-     * @private
-     * @param {MarkerParams} params The marker to update.
-     * @returns {void}
-     */
-  }, {
-    key: "_updateMarkerPosition",
-    value: function _updateMarkerPosition(params) {
-      var duration = this.wavesurfer.getDuration();
-      var elementWidth = this.wavesurfer.drawer.width / this.wavesurfer.params.pixelRatio;
-      var positionPct = Math.min(params.time / duration, 1);
-      var leftPx = elementWidth * positionPct - params.offset;
-      this.style(params.el, {
-        "left": leftPx + "px",
-        "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
-     * its position.
-     *
-     * @private
-     * @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.
-     *
-     * @private
-     * @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() {
-      while (this.markers.length > 0) {
-        this.remove(0);
-      }
-    }
-  }], [{
-    key: "create",
-    value:
-    /**
-     * @typedef {Object} MarkersPluginParams
-     * @property {?MarkerParams[]} markers Initial set of markers
-     * @fires MarkersPlugin#marker-click
-     * @fires MarkersPlugin#marker-drag
-     * @fires MarkersPlugin#marker-drop
-     */
-
-    /**
-     * Markers plugin definition factory
-     *
-     * This function must be used to create a plugin definition which can be
-     * used by wavesurfer to correctly instantiate the plugin.
-     *
-     * @param {MarkersPluginParams} params parameters use to initialise the plugin
-     * @since 4.6.0
-     * @return {PluginDefinition} an object representing the plugin
-     */
-    function create(params) {
-      return {
-        name: 'markers',
-        deferInit: params && params.deferInit ? params.deferInit : false,
-        params: params,
-        staticProps: {
-          addMarker: function addMarker(options) {
-            if (!this.initialisedPluginList.markers) {
-              this.initPlugin('markers');
-            }
-            return this.markers.add(options);
-          },
-          clearMarkers: function clearMarkers() {
-            this.markers && this.markers.clear();
-          }
-        },
-        instance: MarkersPlugin
-      };
-    }
-  }]);
-  return MarkersPlugin;
-}();
-exports["default"] = MarkersPlugin;
-module.exports = exports.default;
-
-/***/ })
-
-/******/ 	});
-/************************************************************************/
-/******/ 	// The module cache
-/******/ 	var __webpack_module_cache__ = {};
-/******/ 	
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/ 		// Check if module is in cache
-/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
-/******/ 		if (cachedModule !== undefined) {
-/******/ 			return cachedModule.exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = __webpack_module_cache__[moduleId] = {
-/******/ 			// no module.id needed
-/******/ 			// no module.loaded needed
-/******/ 			exports: {}
-/******/ 		};
-/******/ 	
-/******/ 		// Execute the module function
-/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-/******/ 	
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/ 	
-/************************************************************************/
-/******/ 	
-/******/ 	// startup
-/******/ 	// Load entry module and return exports
-/******/ 	// This entry module is referenced by other modules so it can't be inlined
-/******/ 	var __webpack_exports__ = __webpack_require__("./src/plugin/markers/index.js");
-/******/ 	
-/******/ 	return __webpack_exports__;
-/******/ })()
-;
-});
-//# sourceMappingURL=wavesurfer.markers.js.map

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

@@ -1 +0,0 @@
-{"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 +0,0 @@
-/*!
- * wavesurfer.js markers plugin 6.5.1 (2023-03-12)
- * 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){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