wavesurfer.js 6.5.1 → 7.0.0-alpha.0

package/dist/plugin/wavesurfer.playhead.js

@@ -1,300 +0,0 @@
-/*!
- * wavesurfer.js playhead 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"]["playhead"] = factory();
-})(self, () => {
-return /******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	var __webpack_modules__ = ({
-
-/***/ "./src/plugin/playhead/index.js":
-/*!**************************************!*\
-  !*** ./src/plugin/playhead/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); }
-/**
- * The playhead plugin separates the notion of the currently playing position from
- * a 'play-start' position.  Having a playhead enables a listening pattern
- * (commonly found in DAWs) that involves listening to a section of a track
- * repeatedly, rather than listening to an entire track in a linear fashion.
- *
- * @implements {PluginClass}
- *
- * @example
- * import PlayheadPlugin from 'wavesurfer.playhead.js';
- *
- * // if you are using <script> tags
- * var PlayheadPlugin = window.WaveSurfer.playhead;
- *
- * // ... initialising wavesurfer with the plugin
- * var wavesurfer = WaveSurfer.create({
- *   // wavesurfer options ...
- *   plugins: [
- *     PlayheadPlugin.create({
- *        movePlayheadOnSeek: true,
- *        drawPlayhead: false,
- *        movePlayheadOnPause: false
- *     })
- *   ]
- * });
- */
-
-var DEFAULT_FILL_COLOR = '#CF2F00';
-var PlayheadPlugin = /*#__PURE__*/function () {
-  function PlayheadPlugin(params, ws) {
-    var _this = this;
-    _classCallCheck(this, PlayheadPlugin);
-    this.params = params;
-    this.options = {};
-    ['draw', 'moveOnSeek', 'returnOnPause'].forEach(function (opt) {
-      if (opt in params) {
-        _this.options[opt] = params[opt];
-      } else {
-        _this.options[opt] = true;
-      }
-    });
-    this.wavesurfer = ws;
-    this.util = ws.util;
-    this.style = this.util.style;
-    this.markerWidth = 21;
-    this.markerHeight = 16;
-    this.playheadTime = 0;
-    this.unFuns = [];
-    this._onResize = function () {
-      _this._updatePlayheadPosition();
-    };
-    this._onReady = function () {
-      _this.wrapper = _this.wavesurfer.drawer.wrapper;
-      _this._updatePlayheadPosition();
-    };
-  }
-  _createClass(PlayheadPlugin, [{
-    key: "_onBackendCreated",
-    value: function _onBackendCreated() {
-      var _this2 = this;
-      this.wrapper = this.wavesurfer.drawer.wrapper;
-      if (this.options.draw) {
-        this._createPlayheadElement();
-        window.addEventListener('resize', this._onResize, true);
-        window.addEventListener('orientationchange', this._onResize, true);
-        this.wavesurferOn('zoom', this._onResize);
-      }
-      this.wavesurferOn('pause', function () {
-        if (_this2.options.returnOnPause) {
-          _this2.wavesurfer.setCurrentTime(_this2.playheadTime);
-        }
-      });
-      this.wavesurferOn('seek', function () {
-        if (_this2.options.moveOnSeek) {
-          _this2.playheadTime = _this2.wavesurfer.getCurrentTime();
-          _this2._updatePlayheadPosition();
-        }
-      });
-      this.playheadTime = this.wavesurfer.getCurrentTime();
-    }
-  }, {
-    key: "wavesurferOn",
-    value: function wavesurferOn(ev, fn) {
-      var _this3 = this;
-      var ret = this.wavesurfer.on(ev, fn);
-      this.unFuns.push(function () {
-        _this3.wavesurfer.un(ev, fn);
-      });
-      return ret;
-    }
-  }, {
-    key: "init",
-    value: function init() {
-      var _this4 = this;
-      if (this.wavesurfer.isReady) {
-        this._onBackendCreated();
-        this._onReady();
-      } else {
-        var r;
-        this.wavesurfer.once('ready', function () {
-          return _this4._onReady();
-        });
-        this.wavesurfer.once('backend-created', function () {
-          return _this4._onBackendCreated();
-        });
-      }
-    }
-  }, {
-    key: "destroy",
-    value: function destroy() {
-      this.unFuns.forEach(function (f) {
-        return f();
-      });
-      this.unFuns = [];
-      this.wrapper.removeChild(this.element);
-      window.removeEventListener('resize', this._onResize, true);
-      window.removeEventListener('orientationchange', this._onResize, true);
-    }
-  }, {
-    key: "setPlayheadTime",
-    value: function setPlayheadTime(time) {
-      this.playheadTime = time;
-      if (!this.wavesurfer.isPlaying()) {
-        this.wavesurfer.setCurrentTime(time);
-      }
-      this._updatePlayheadPosition();
-    }
-  }, {
-    key: "_createPointerSVG",
-    value: function _createPointerSVG() {
-      var svgNS = 'http://www.w3.org/2000/svg';
-      var el = document.createElementNS(svgNS, 'svg');
-      var path = document.createElementNS(svgNS, 'path');
-      el.setAttribute('viewBox', '0 0 33 30');
-      path.setAttribute('d', 'M16.75 31 31.705 5.566A3 3 0 0 0 29.146 1H4.354a3 3 0 0 0-2.56 4.566L16.75 31z');
-      path.setAttribute('stroke', '#979797');
-      path.setAttribute('fill', DEFAULT_FILL_COLOR);
-      el.appendChild(path);
-      this.style(el, {
-        width: this.markerWidth + 'px',
-        height: this.markerHeight + 'px',
-        cursor: 'pointer',
-        'z-index': 5
-      });
-      return el;
-    }
-  }, {
-    key: "_createPlayheadElement",
-    value: function _createPlayheadElement() {
-      var _this5 = this;
-      var el = document.createElement('playhead');
-      el.className = 'wavesurfer-playhead';
-      this.style(el, {
-        position: 'absolute',
-        height: '100%',
-        display: 'flex',
-        'flex-direction': 'column'
-      });
-      var pointer = this._createPointerSVG();
-      el.appendChild(pointer);
-      pointer.addEventListener('click', function (e) {
-        e.stopPropagation();
-        _this5.wavesurfer.setCurrentTime(_this5.playheadTime);
-      });
-      var line = document.createElement('div');
-      this.style(line, {
-        'flex-grow': 1,
-        'margin-left': this.markerWidth / 2 - 0.5 + 'px',
-        background: 'black',
-        width: '1px',
-        opacity: 0.1
-      });
-      el.appendChild(line);
-      this.element = el;
-      this.wrapper.appendChild(el);
-    }
-  }, {
-    key: "_updatePlayheadPosition",
-    value: function _updatePlayheadPosition() {
-      if (!this.element) {
-        return;
-      }
-      var duration = this.wavesurfer.getDuration();
-      var elementWidth = this.wavesurfer.drawer.width / this.wavesurfer.params.pixelRatio;
-      var positionPct = this.playheadTime / duration;
-      this.style(this.element, {
-        left: elementWidth * positionPct - this.markerWidth / 2 + 'px'
-      });
-    }
-  }], [{
-    key: "create",
-    value:
-    /**
-     * @typedef {Object} PlayheadPluginParams
-     * @property {?boolean} draw=true Draw the playhead as a triangle/line
-     * @property {?boolean} moveOnSeek=true Seeking (via clicking) while playing moves the playhead
-     * @property {?boolean} returnOnPause=true Pausing the track returns the seek position to the playhead
-     */
-
-    /**
-     * Playhead 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 {PlayheadPluginParams} params parameters use to initialise the plugin
-     * @since 5.0.0
-     * @return {PluginDefinition} an object representing the plugin
-     */
-    function create(params) {
-      return {
-        name: 'playhead',
-        deferInit: params && params.deferInit ? params.deferInit : false,
-        params: params,
-        instance: PlayheadPlugin
-      };
-    }
-  }]);
-  return PlayheadPlugin;
-}();
-exports["default"] = PlayheadPlugin;
-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/playhead/index.js");
-/******/ 	
-/******/ 	return __webpack_exports__;
-/******/ })()
-;
-});
-//# sourceMappingURL=wavesurfer.playhead.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"wavesurfer.playhead.js","mappings":"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","sources":["webpack://WaveSurfer/webpack/universalModuleDefinition","webpack://WaveSurfer/./src/plugin/playhead/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\"][\"playhead\"] = factory();\n})(self, () => {\nreturn ","\n/**\n * The playhead plugin separates the notion of the currently playing position from\n * a 'play-start' position.  Having a playhead enables a listening pattern\n * (commonly found in DAWs) that involves listening to a section of a track\n * repeatedly, rather than listening to an entire track in a linear fashion.\n *\n * @implements {PluginClass}\n *\n * @example\n * import PlayheadPlugin from 'wavesurfer.playhead.js';\n *\n * // if you are using <script> tags\n * var PlayheadPlugin = window.WaveSurfer.playhead;\n *\n * // ... initialising wavesurfer with the plugin\n * var wavesurfer = WaveSurfer.create({\n *   // wavesurfer options ...\n *   plugins: [\n *     PlayheadPlugin.create({\n *        movePlayheadOnSeek: true,\n *        drawPlayhead: false,\n *        movePlayheadOnPause: false\n *     })\n *   ]\n * });\n */\n\nconst DEFAULT_FILL_COLOR = '#CF2F00';\n\nexport default class PlayheadPlugin {\n    /**\n     * @typedef {Object} PlayheadPluginParams\n     * @property {?boolean} draw=true Draw the playhead as a triangle/line\n     * @property {?boolean} moveOnSeek=true Seeking (via clicking) while playing moves the playhead\n     * @property {?boolean} returnOnPause=true Pausing the track returns the seek position to the playhead\n     */\n\n    /**\n     * Playhead 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 {PlayheadPluginParams} params parameters use to initialise the plugin\n     * @since 5.0.0\n     * @return {PluginDefinition} an object representing the plugin\n     */\n    static create(params) {\n        return {\n            name: 'playhead',\n            deferInit: params && params.deferInit ? params.deferInit : false,\n            params: params,\n            instance: PlayheadPlugin\n        };\n    }\n\n    constructor(params, ws) {\n        this.params = params;\n        this.options = {};\n\n        ['draw', 'moveOnSeek', 'returnOnPause'].forEach(opt => {\n            if (opt in params) {\n                this.options[opt] = params[opt];\n            } else {\n                this.options[opt] = true;\n            }\n        });\n\n\n        this.wavesurfer = ws;\n        this.util = ws.util;\n        this.style = this.util.style;\n        this.markerWidth = 21;\n        this.markerHeight = 16;\n        this.playheadTime = 0;\n        this.unFuns = [];\n\n        this._onResize = () => {\n            this._updatePlayheadPosition();\n        };\n\n        this._onReady = () => {\n            this.wrapper = this.wavesurfer.drawer.wrapper;\n            this._updatePlayheadPosition();\n        };\n    }\n\n    _onBackendCreated() {\n        this.wrapper = this.wavesurfer.drawer.wrapper;\n\n        if (this.options.draw) {\n            this._createPlayheadElement();\n            window.addEventListener('resize', this._onResize, true);\n            window.addEventListener('orientationchange', this._onResize, true);\n\n            this.wavesurferOn('zoom', this._onResize);\n        }\n\n        this.wavesurferOn('pause', () => {\n            if ( this.options.returnOnPause ) {\n                this.wavesurfer.setCurrentTime(this.playheadTime);\n            }\n        });\n\n        this.wavesurferOn('seek', () => {\n            if ( this.options.moveOnSeek ) {\n                this.playheadTime = this.wavesurfer.getCurrentTime();\n                this._updatePlayheadPosition();\n            }\n        });\n\n        this.playheadTime = this.wavesurfer.getCurrentTime();\n    }\n\n    wavesurferOn(ev, fn) {\n        let ret = this.wavesurfer.on(ev, fn);\n        this.unFuns.push(() => {\n            this.wavesurfer.un(ev, fn);\n        });\n        return ret;\n    }\n\n    init() {\n        if (this.wavesurfer.isReady) {\n            this._onBackendCreated();\n            this._onReady();\n        } else {\n            let r;\n\n            this.wavesurfer.once('ready', () => this._onReady());\n            this.wavesurfer.once('backend-created', () => this._onBackendCreated());\n        }\n    }\n\n    destroy() {\n        this.unFuns.forEach(f => f());\n        this.unFuns = [];\n\n        this.wrapper.removeChild(this.element);\n\n        window.removeEventListener('resize', this._onResize, true);\n        window.removeEventListener('orientationchange', this._onResize, true);\n    }\n\n    setPlayheadTime(time) {\n        this.playheadTime = time;\n\n        if (!this.wavesurfer.isPlaying()) {\n            this.wavesurfer.setCurrentTime(time);\n        }\n        this._updatePlayheadPosition();\n    }\n\n    _createPointerSVG() {\n        const svgNS = 'http://www.w3.org/2000/svg';\n\n        const el = document.createElementNS(svgNS, 'svg');\n        const path = document.createElementNS(svgNS, 'path');\n\n        el.setAttribute('viewBox', '0 0 33 30');\n        path.setAttribute('d', 'M16.75 31 31.705 5.566A3 3 0 0 0 29.146 1H4.354a3 3 0 0 0-2.56 4.566L16.75 31z');\n        path.setAttribute('stroke', '#979797');\n        path.setAttribute('fill', DEFAULT_FILL_COLOR);\n\n        el.appendChild(path);\n\n        this.style(el, {\n            width: this.markerWidth + 'px',\n            height: this.markerHeight + 'px',\n            cursor: 'pointer',\n            'z-index': 5\n        });\n        return el;\n    }\n\n    _createPlayheadElement() {\n        const el = document.createElement('playhead');\n        el.className = 'wavesurfer-playhead';\n\n        this.style(el, {\n            position: 'absolute',\n            height: '100%',\n            display: 'flex',\n            'flex-direction': 'column'\n        });\n\n        const pointer = this._createPointerSVG();\n        el.appendChild(pointer);\n\n        pointer.addEventListener('click', e => {\n            e.stopPropagation();\n            this.wavesurfer.setCurrentTime(this.playheadTime);\n        });\n\n        const line = document.createElement('div');\n        this.style(line, {\n            'flex-grow': 1,\n            'margin-left': (this.markerWidth / 2 - 0.5) + 'px',\n            background: 'black',\n            width: '1px',\n            opacity: 0.1\n        });\n\n        el.appendChild(line);\n\n        this.element = el;\n        this.wrapper.appendChild(el);\n    }\n\n    _updatePlayheadPosition() {\n        if (!this.element) {\n            return;\n        }\n\n        const duration = this.wavesurfer.getDuration();\n        const elementWidth =\n            this.wavesurfer.drawer.width /\n            this.wavesurfer.params.pixelRatio;\n\n        const positionPct = this.playheadTime / duration;\n        this.style(this.element, {\n            left: ((elementWidth * positionPct) - (this.markerWidth / 2)) + 'px'\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/playhead/index.js\");\n",""],"names":["DEFAULT_FILL_COLOR","PlayheadPlugin","params","ws","_this","_classCallCheck","options","forEach","opt","wavesurfer","util","style","markerWidth","markerHeight","playheadTime","unFuns","_onResize","_updatePlayheadPosition","_onReady","wrapper","drawer","_createClass","key","value","_onBackendCreated","_this2","draw","_createPlayheadElement","window","addEventListener","wavesurferOn","returnOnPause","setCurrentTime","moveOnSeek","getCurrentTime","ev","fn","_this3","ret","on","push","un","init","_this4","isReady","r","once","destroy","f","removeChild","element","removeEventListener","setPlayheadTime","time","isPlaying","_createPointerSVG","svgNS","el","document","createElementNS","path","setAttribute","appendChild","width","height","cursor","_this5","createElement","className","position","display","pointer","e","stopPropagation","line","background","opacity","duration","getDuration","elementWidth","pixelRatio","positionPct","left","create","name","deferInit","instance","exports","default","module"],"sourceRoot":""}

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

@@ -1,7 +0,0 @@
-/*!
- * wavesurfer.js playhead 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.playhead=t())}(self,(()=>(()=>{"use strict";var e={374:(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 i(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,(a=n.key,s=void 0,s=function(e,t){if("object"!==r(e)||null===e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var n=i.call(e,t||"default");if("object"!==r(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(a,"string"),"symbol"===r(s)?s:String(s)),n)}var a,s}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=function(){function e(t,r){var i=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.params=t,this.options={},["draw","moveOnSeek","returnOnPause"].forEach((function(e){i.options[e]=!(e in t)||t[e]})),this.wavesurfer=r,this.util=r.util,this.style=this.util.style,this.markerWidth=21,this.markerHeight=16,this.playheadTime=0,this.unFuns=[],this._onResize=function(){i._updatePlayheadPosition()},this._onReady=function(){i.wrapper=i.wavesurfer.drawer.wrapper,i._updatePlayheadPosition()}}var t,r,n;return t=e,n=[{key:"create",value:function(t){return{name:"playhead",deferInit:!(!t||!t.deferInit)&&t.deferInit,params:t,instance:e}}}],(r=[{key:"_onBackendCreated",value:function(){var e=this;this.wrapper=this.wavesurfer.drawer.wrapper,this.options.draw&&(this._createPlayheadElement(),window.addEventListener("resize",this._onResize,!0),window.addEventListener("orientationchange",this._onResize,!0),this.wavesurferOn("zoom",this._onResize)),this.wavesurferOn("pause",(function(){e.options.returnOnPause&&e.wavesurfer.setCurrentTime(e.playheadTime)})),this.wavesurferOn("seek",(function(){e.options.moveOnSeek&&(e.playheadTime=e.wavesurfer.getCurrentTime(),e._updatePlayheadPosition())})),this.playheadTime=this.wavesurfer.getCurrentTime()}},{key:"wavesurferOn",value:function(e,t){var r=this,i=this.wavesurfer.on(e,t);return this.unFuns.push((function(){r.wavesurfer.un(e,t)})),i}},{key:"init",value:function(){var e=this;this.wavesurfer.isReady?(this._onBackendCreated(),this._onReady()):(this.wavesurfer.once("ready",(function(){return e._onReady()})),this.wavesurfer.once("backend-created",(function(){return e._onBackendCreated()})))}},{key:"destroy",value:function(){this.unFuns.forEach((function(e){return e()})),this.unFuns=[],this.wrapper.removeChild(this.element),window.removeEventListener("resize",this._onResize,!0),window.removeEventListener("orientationchange",this._onResize,!0)}},{key:"setPlayheadTime",value:function(e){this.playheadTime=e,this.wavesurfer.isPlaying()||this.wavesurfer.setCurrentTime(e),this._updatePlayheadPosition()}},{key:"_createPointerSVG",value:function(){var e="http://www.w3.org/2000/svg",t=document.createElementNS(e,"svg"),r=document.createElementNS(e,"path");return t.setAttribute("viewBox","0 0 33 30"),r.setAttribute("d","M16.75 31 31.705 5.566A3 3 0 0 0 29.146 1H4.354a3 3 0 0 0-2.56 4.566L16.75 31z"),r.setAttribute("stroke","#979797"),r.setAttribute("fill","#CF2F00"),t.appendChild(r),this.style(t,{width:this.markerWidth+"px",height:this.markerHeight+"px",cursor:"pointer","z-index":5}),t}},{key:"_createPlayheadElement",value:function(){var e=this,t=document.createElement("playhead");t.className="wavesurfer-playhead",this.style(t,{position:"absolute",height:"100%",display:"flex","flex-direction":"column"});var r=this._createPointerSVG();t.appendChild(r),r.addEventListener("click",(function(t){t.stopPropagation(),e.wavesurfer.setCurrentTime(e.playheadTime)}));var i=document.createElement("div");this.style(i,{"flex-grow":1,"margin-left":this.markerWidth/2-.5+"px",background:"black",width:"1px",opacity:.1}),t.appendChild(i),this.element=t,this.wrapper.appendChild(t)}},{key:"_updatePlayheadPosition",value:function(){if(this.element){var e=this.wavesurfer.getDuration(),t=this.wavesurfer.drawer.width/this.wavesurfer.params.pixelRatio,r=this.playheadTime/e;this.style(this.element,{left:t*r-this.markerWidth/2+"px"})}}}])&&i(t.prototype,r),n&&i(t,n),Object.defineProperty(t,"prototype",{writable:!1}),e}();t.default=n,e.exports=t.default}},t={};var r=function r(i){var n=t[i];if(void 0!==n)return n.exports;var a=t[i]={exports:{}};return e[i](a,a.exports,r),a.exports}(374);return r})()));
-//# sourceMappingURL=wavesurfer.playhead.min.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"wavesurfer.playhead.min.js","mappings":";;;;;CAAA,SAA2CA,EAAMC,GAC1B,iBAAZC,SAA0C,iBAAXC,OACxCA,OAAOD,QAAUD,IACQ,mBAAXG,QAAyBA,OAAOC,IAC9CD,OAAO,aAAc,GAAIH,GACC,iBAAZC,QACdA,QAAoB,WAAID,KAExBD,EAAiB,WAAIA,EAAiB,YAAK,CAAC,EAAGA,EAAiB,WAAY,SAAIC,IACjF,CATD,CASGK,MAAM,IACT,M,+yBCkBA,IAEqBC,EAAc,WA2B/B,SAAAA,EAAYC,EAAQC,GAAI,IAAAC,EAAA,M,4FAAAC,CAAA,KAAAJ,GACpBK,KAAKJ,OAASA,EACdI,KAAKC,QAAU,CAAC,EAEhB,CAAC,OAAQ,aAAc,iBAAiBC,SAAQ,SAAAC,GAExCL,EAAKG,QAAQE,KADbA,KAAOP,IACaA,EAAOO,EAInC,IAGAH,KAAKI,WAAaP,EAClBG,KAAKK,KAAOR,EAAGQ,KACfL,KAAKM,MAAQN,KAAKK,KAAKC,MACvBN,KAAKO,YAAc,GACnBP,KAAKQ,aAAe,GACpBR,KAAKS,aAAe,EACpBT,KAAKU,OAAS,GAEdV,KAAKW,UAAY,WACbb,EAAKc,yBACT,EAEAZ,KAAKa,SAAW,WACZf,EAAKgB,QAAUhB,EAAKM,WAAWW,OAAOD,QACtChB,EAAKc,yBACT,CACJ,C,UA/BC,O,EA+BAjB,E,EA0IA,EAAAqB,IAAA,SAAAC,MAhLD,SAAcrB,GACV,MAAO,CACHsB,KAAM,WACNC,aAAWvB,IAAUA,EAAOuB,YAAYvB,EAAOuB,UAC/CvB,OAAQA,EACRwB,SAAUzB,EAElB,K,EA+BC,EAAAqB,IAAA,oBAAAC,MAED,WAAoB,IAAAI,EAAA,KAChBrB,KAAKc,QAAUd,KAAKI,WAAWW,OAAOD,QAElCd,KAAKC,QAAQqB,OACbtB,KAAKuB,yBACLC,OAAOC,iBAAiB,SAAUzB,KAAKW,WAAW,GAClDa,OAAOC,iBAAiB,oBAAqBzB,KAAKW,WAAW,GAE7DX,KAAK0B,aAAa,OAAQ1B,KAAKW,YAGnCX,KAAK0B,aAAa,SAAS,WAClBL,EAAKpB,QAAQ0B,eACdN,EAAKjB,WAAWwB,eAAeP,EAAKZ,aAE5C,IAEAT,KAAK0B,aAAa,QAAQ,WACjBL,EAAKpB,QAAQ4B,aACdR,EAAKZ,aAAeY,EAAKjB,WAAW0B,iBACpCT,EAAKT,0BAEb,IAEAZ,KAAKS,aAAeT,KAAKI,WAAW0B,gBACxC,GAAC,CAAAd,IAAA,eAAAC,MAED,SAAac,EAAIC,GAAI,IAAAC,EAAA,KACbC,EAAMlC,KAAKI,WAAW+B,GAAGJ,EAAIC,GAIjC,OAHAhC,KAAKU,OAAO0B,MAAK,WACbH,EAAK7B,WAAWiC,GAAGN,EAAIC,EAC3B,IACOE,CACX,GAAC,CAAAlB,IAAA,OAAAC,MAED,WAAO,IAAAqB,EAAA,KACCtC,KAAKI,WAAWmC,SAChBvC,KAAKwC,oBACLxC,KAAKa,aAILb,KAAKI,WAAWqC,KAAK,SAAS,kBAAMH,EAAKzB,UAAU,IACnDb,KAAKI,WAAWqC,KAAK,mBAAmB,kBAAMH,EAAKE,mBAAmB,IAE9E,GAAC,CAAAxB,IAAA,UAAAC,MAED,WACIjB,KAAKU,OAAOR,SAAQ,SAAAwC,GAAC,OAAIA,GAAG,IAC5B1C,KAAKU,OAAS,GAEdV,KAAKc,QAAQ6B,YAAY3C,KAAK4C,SAE9BpB,OAAOqB,oBAAoB,SAAU7C,KAAKW,WAAW,GACrDa,OAAOqB,oBAAoB,oBAAqB7C,KAAKW,WAAW,EACpE,GAAC,CAAAK,IAAA,kBAAAC,MAED,SAAgB6B,GACZ9C,KAAKS,aAAeqC,EAEf9C,KAAKI,WAAW2C,aACjB/C,KAAKI,WAAWwB,eAAekB,GAEnC9C,KAAKY,yBACT,GAAC,CAAAI,IAAA,oBAAAC,MAED,WACI,IAAM+B,EAAQ,6BAERC,EAAKC,SAASC,gBAAgBH,EAAO,OACrCI,EAAOF,SAASC,gBAAgBH,EAAO,QAe7C,OAbAC,EAAGI,aAAa,UAAW,aAC3BD,EAAKC,aAAa,IAAK,kFACvBD,EAAKC,aAAa,SAAU,WAC5BD,EAAKC,aAAa,OAvIC,WAyInBJ,EAAGK,YAAYF,GAEfpD,KAAKM,MAAM2C,EAAI,CACXM,MAAOvD,KAAKO,YAAc,KAC1BiD,OAAQxD,KAAKQ,aAAe,KAC5BiD,OAAQ,UACR,UAAW,IAERR,CACX,GAAC,CAAAjC,IAAA,yBAAAC,MAED,WAAyB,IAAAyC,EAAA,KACfT,EAAKC,SAASS,cAAc,YAClCV,EAAGW,UAAY,sBAEf5D,KAAKM,MAAM2C,EAAI,CACXY,SAAU,WACVL,OAAQ,OACRM,QAAS,OACT,iBAAkB,WAGtB,IAAMC,EAAU/D,KAAKgE,oBACrBf,EAAGK,YAAYS,GAEfA,EAAQtC,iBAAiB,SAAS,SAAAwC,GAC9BA,EAAEC,kBACFR,EAAKtD,WAAWwB,eAAe8B,EAAKjD,aACxC,IAEA,IAAM0D,EAAOjB,SAASS,cAAc,OACpC3D,KAAKM,MAAM6D,EAAM,CACb,YAAa,EACb,cAAgBnE,KAAKO,YAAc,EAAI,GAAO,KAC9C6D,WAAY,QACZb,MAAO,MACPc,QAAS,KAGbpB,EAAGK,YAAYa,GAEfnE,KAAK4C,QAAUK,EACfjD,KAAKc,QAAQwC,YAAYL,EAC7B,GAAC,CAAAjC,IAAA,0BAAAC,MAED,WACI,GAAKjB,KAAK4C,QAAV,CAIA,IAAM0B,EAAWtE,KAAKI,WAAWmE,cAC3BC,EACFxE,KAAKI,WAAWW,OAAOwC,MACvBvD,KAAKI,WAAWR,OAAO6E,WAErBC,EAAc1E,KAAKS,aAAe6D,EACxCtE,KAAKM,MAAMN,KAAK4C,QAAS,CACrB+B,KAAQH,EAAeE,EAAgB1E,KAAKO,YAAc,EAAM,MATpE,CAWJ,M,8EAzKCZ,CAAA,CAzB8B,GAyB9BL,EAAAA,QAAAK,EAAAJ,EAAAD,QAAAA,EAAAsF,O,GCtDDC,EAA2B,CAAC,ECEhC,IAAIC,EDCJ,SAASC,EAAoBC,GAE5B,IAAIC,EAAeJ,EAAyBG,GAC5C,QAAqBE,IAAjBD,EACH,OAAOA,EAAa3F,QAGrB,IAAIC,EAASsF,EAAyBG,GAAY,CAGjD1F,QAAS,CAAC,GAOX,OAHA6F,EAAoBH,GAAUzF,EAAQA,EAAOD,QAASyF,GAG/CxF,EAAOD,OACf,CCnB0ByF,CAAoB,K,UHO9C","sources":["webpack://WaveSurfer/webpack/universalModuleDefinition","webpack://WaveSurfer/./src/plugin/playhead/index.js","webpack://WaveSurfer/webpack/bootstrap","webpack://WaveSurfer/webpack/startup"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"WaveSurfer\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"WaveSurfer\"] = factory();\n\telse\n\t\troot[\"WaveSurfer\"] = root[\"WaveSurfer\"] || {}, root[\"WaveSurfer\"][\"playhead\"] = factory();\n})(self, () => {\nreturn ","\n/**\n * The playhead plugin separates the notion of the currently playing position from\n * a 'play-start' position.  Having a playhead enables a listening pattern\n * (commonly found in DAWs) that involves listening to a section of a track\n * repeatedly, rather than listening to an entire track in a linear fashion.\n *\n * @implements {PluginClass}\n *\n * @example\n * import PlayheadPlugin from 'wavesurfer.playhead.js';\n *\n * // if you are using <script> tags\n * var PlayheadPlugin = window.WaveSurfer.playhead;\n *\n * // ... initialising wavesurfer with the plugin\n * var wavesurfer = WaveSurfer.create({\n *   // wavesurfer options ...\n *   plugins: [\n *     PlayheadPlugin.create({\n *        movePlayheadOnSeek: true,\n *        drawPlayhead: false,\n *        movePlayheadOnPause: false\n *     })\n *   ]\n * });\n */\n\nconst DEFAULT_FILL_COLOR = '#CF2F00';\n\nexport default class PlayheadPlugin {\n    /**\n     * @typedef {Object} PlayheadPluginParams\n     * @property {?boolean} draw=true Draw the playhead as a triangle/line\n     * @property {?boolean} moveOnSeek=true Seeking (via clicking) while playing moves the playhead\n     * @property {?boolean} returnOnPause=true Pausing the track returns the seek position to the playhead\n     */\n\n    /**\n     * Playhead 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 {PlayheadPluginParams} params parameters use to initialise the plugin\n     * @since 5.0.0\n     * @return {PluginDefinition} an object representing the plugin\n     */\n    static create(params) {\n        return {\n            name: 'playhead',\n            deferInit: params && params.deferInit ? params.deferInit : false,\n            params: params,\n            instance: PlayheadPlugin\n        };\n    }\n\n    constructor(params, ws) {\n        this.params = params;\n        this.options = {};\n\n        ['draw', 'moveOnSeek', 'returnOnPause'].forEach(opt => {\n            if (opt in params) {\n                this.options[opt] = params[opt];\n            } else {\n                this.options[opt] = true;\n            }\n        });\n\n\n        this.wavesurfer = ws;\n        this.util = ws.util;\n        this.style = this.util.style;\n        this.markerWidth = 21;\n        this.markerHeight = 16;\n        this.playheadTime = 0;\n        this.unFuns = [];\n\n        this._onResize = () => {\n            this._updatePlayheadPosition();\n        };\n\n        this._onReady = () => {\n            this.wrapper = this.wavesurfer.drawer.wrapper;\n            this._updatePlayheadPosition();\n        };\n    }\n\n    _onBackendCreated() {\n        this.wrapper = this.wavesurfer.drawer.wrapper;\n\n        if (this.options.draw) {\n            this._createPlayheadElement();\n            window.addEventListener('resize', this._onResize, true);\n            window.addEventListener('orientationchange', this._onResize, true);\n\n            this.wavesurferOn('zoom', this._onResize);\n        }\n\n        this.wavesurferOn('pause', () => {\n            if ( this.options.returnOnPause ) {\n                this.wavesurfer.setCurrentTime(this.playheadTime);\n            }\n        });\n\n        this.wavesurferOn('seek', () => {\n            if ( this.options.moveOnSeek ) {\n                this.playheadTime = this.wavesurfer.getCurrentTime();\n                this._updatePlayheadPosition();\n            }\n        });\n\n        this.playheadTime = this.wavesurfer.getCurrentTime();\n    }\n\n    wavesurferOn(ev, fn) {\n        let ret = this.wavesurfer.on(ev, fn);\n        this.unFuns.push(() => {\n            this.wavesurfer.un(ev, fn);\n        });\n        return ret;\n    }\n\n    init() {\n        if (this.wavesurfer.isReady) {\n            this._onBackendCreated();\n            this._onReady();\n        } else {\n            let r;\n\n            this.wavesurfer.once('ready', () => this._onReady());\n            this.wavesurfer.once('backend-created', () => this._onBackendCreated());\n        }\n    }\n\n    destroy() {\n        this.unFuns.forEach(f => f());\n        this.unFuns = [];\n\n        this.wrapper.removeChild(this.element);\n\n        window.removeEventListener('resize', this._onResize, true);\n        window.removeEventListener('orientationchange', this._onResize, true);\n    }\n\n    setPlayheadTime(time) {\n        this.playheadTime = time;\n\n        if (!this.wavesurfer.isPlaying()) {\n            this.wavesurfer.setCurrentTime(time);\n        }\n        this._updatePlayheadPosition();\n    }\n\n    _createPointerSVG() {\n        const svgNS = 'http://www.w3.org/2000/svg';\n\n        const el = document.createElementNS(svgNS, 'svg');\n        const path = document.createElementNS(svgNS, 'path');\n\n        el.setAttribute('viewBox', '0 0 33 30');\n        path.setAttribute('d', 'M16.75 31 31.705 5.566A3 3 0 0 0 29.146 1H4.354a3 3 0 0 0-2.56 4.566L16.75 31z');\n        path.setAttribute('stroke', '#979797');\n        path.setAttribute('fill', DEFAULT_FILL_COLOR);\n\n        el.appendChild(path);\n\n        this.style(el, {\n            width: this.markerWidth + 'px',\n            height: this.markerHeight + 'px',\n            cursor: 'pointer',\n            'z-index': 5\n        });\n        return el;\n    }\n\n    _createPlayheadElement() {\n        const el = document.createElement('playhead');\n        el.className = 'wavesurfer-playhead';\n\n        this.style(el, {\n            position: 'absolute',\n            height: '100%',\n            display: 'flex',\n            'flex-direction': 'column'\n        });\n\n        const pointer = this._createPointerSVG();\n        el.appendChild(pointer);\n\n        pointer.addEventListener('click', e => {\n            e.stopPropagation();\n            this.wavesurfer.setCurrentTime(this.playheadTime);\n        });\n\n        const line = document.createElement('div');\n        this.style(line, {\n            'flex-grow': 1,\n            'margin-left': (this.markerWidth / 2 - 0.5) + 'px',\n            background: 'black',\n            width: '1px',\n            opacity: 0.1\n        });\n\n        el.appendChild(line);\n\n        this.element = el;\n        this.wrapper.appendChild(el);\n    }\n\n    _updatePlayheadPosition() {\n        if (!this.element) {\n            return;\n        }\n\n        const duration = this.wavesurfer.getDuration();\n        const elementWidth =\n            this.wavesurfer.drawer.width /\n            this.wavesurfer.params.pixelRatio;\n\n        const positionPct = this.playheadTime / duration;\n        this.style(this.element, {\n            left: ((elementWidth * positionPct) - (this.markerWidth / 2)) + 'px'\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__(374);\n"],"names":["root","factory","exports","module","define","amd","self","PlayheadPlugin","params","ws","_this","_classCallCheck","this","options","forEach","opt","wavesurfer","util","style","markerWidth","markerHeight","playheadTime","unFuns","_onResize","_updatePlayheadPosition","_onReady","wrapper","drawer","key","value","name","deferInit","instance","_this2","draw","_createPlayheadElement","window","addEventListener","wavesurferOn","returnOnPause","setCurrentTime","moveOnSeek","getCurrentTime","ev","fn","_this3","ret","on","push","un","_this4","isReady","_onBackendCreated","once","f","removeChild","element","removeEventListener","time","isPlaying","svgNS","el","document","createElementNS","path","setAttribute","appendChild","width","height","cursor","_this5","createElement","className","position","display","pointer","_createPointerSVG","e","stopPropagation","line","background","opacity","duration","getDuration","elementWidth","pixelRatio","positionPct","left","default","__webpack_module_cache__","__webpack_exports__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__"],"sourceRoot":""}