wavesurfer.js 4.6.0 → 5.2.0

package/CHANGES.md

@@ -1,6 +1,47 @@
 wavesurfer.js changelog
 =======================
 
+5.2.0 (16.08.2021)
+------------------
+- Add `ignoreSilenceMode` option to ignore iOS hardware silence switch when using the
+  `WebAudio` backend (#1864)
+- Fixed unhandled `Failed to execute 'stop' on 'AudioScheduledSourceNode'` error (#1473)
+- Fixed unhandled `Cannot read property 'decodeArrayBuffer' of null` error (#2279)
+- Timeline plugin: fixed unhandled `null is not an object (evaluating context.canvas)`
+  error in Safari v14 (#2333)
+- Regions plugin: add `direction` and `action` fields to the `region-updated` event
+  params (#2339)
+
+5.1.0 (20.06.2021)
+------------------
+- Markers plugin:
+  - Add the ability to use custom HTML elements in place of the default marker icon by
+    passing the new `markerElement` parameter to the marker constructor (#2269)
+  - Custom HTML elements are now centered over the marker line (#2298)
+  - Trigger `marker-click` event on wavesurfer (#2287)
+- Regions plugin: handle rollover cursor bug fix (#2293)
+- Timeline plugin: prevent calling `Canvas` context methods on `null` values (#2299)
+- Spectrogram plugin: prevent calling `Canvas` context methods on `null` values (#2299)
+
+5.0.1 (05.05.2021)
+------------------
+- Fix removing DOM element on `destroy()` (#2258)
+
+5.0.0 (02.05.2021)
+------------------
+- Add new `vertical` parameter enabling displaying waveforms vertically (#2195)
+- Fixed `exportPCM()` to return a Promise containing valid JSON data with `noWindow`
+  (#1896, #1954)
+- Nullify `onaudioprocess` on remove to not execute in background (#2218)
+- Playhead plugin: add a new plugin that allows the setting of a independent
+  "play head", or song-start position. (#2209)
+- Markers plugin: fix a bug where markers at the end of a track would cause
+  incorrect click-to-seek behavior (#2208)
+- Regions plugin:
+  - Fix mouseup not firing if click & drag a region handle & release outside the
+    browser window (#2213)
+  - Added new `showTooltip` param allowing disabling region `title` tooltip (#2213)
+
 4.6.0 (04.03.2021)
 ------------------
 - Webaudio: fix `decodeAudioData` handling in Safari (#2201)

package/README.md

@@ -135,11 +135,14 @@ If you want to use [the VS Code - Debugger for Chrome](https://github.com/Micros
 ## Editing documentation
 The homepage and documentation files are maintained in the [`gh-pages` branch](https://github.com/katspaugh/wavesurfer.js/tree/gh-pages). Contributions to the documentation are especially welcome.
 
+## Updating the NPM package
+When preparing a new release, update the version in the `package.json` and have it merged to master. The new version of the package will be published to NPM automatically via GitHub Actions.
+
 ## Credits
 
-Initial idea by [Alex Khokhulin](https://github.com/xoxulin). Many
-thanks to
-[the awesome contributors](https://github.com/katspaugh/wavesurfer.js/contributors)!
+The main maintainer: <img src="https://avatars.githubusercontent.com/u/305679" width="16" height="16" /> [Thijs Triemstra](https://github.com/thijstriemstra)
+
+Many thanks to [all the awesome contributors](https://github.com/katspaugh/wavesurfer.js/contributors)!
 
 ## License
 

package/dist/plugin/wavesurfer.cursor.js

@@ -1,5 +1,5 @@
 /*!
- * wavesurfer.js cursor plugin 4.6.0 (2021-03-05)
+ * wavesurfer.js cursor plugin 5.2.0 (2021-08-16)
  * https://wavesurfer-js.org
  * @license BSD-3-Clause
  */
@@ -12,7 +12,7 @@
 		exports["WaveSurfer"] = factory();
 	else
 		root["WaveSurfer"] = root["WaveSurfer"] || {}, root["WaveSurfer"]["cursor"] = factory();
-})(this, function() {
+})(self, function() {
 return /******/ (() => { // webpackBootstrap
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
@@ -340,7 +340,10 @@ var CursorPlugin = /*#__PURE__*/function () {
   }, {
     key: "outerWidth",
     value: function outerWidth(element) {
-      if (!element) return 0;
+      if (!element) {
+        return 0;
+      }
+
       var width = element.offsetWidth;
       var style = getComputedStyle(element);
       width += parseInt(style.marginLeft + style.marginRight);
@@ -390,8 +393,9 @@ module.exports = exports.default;
 /******/ 	// The require function
 /******/ 	function __webpack_require__(moduleId) {
 /******/ 		// Check if module is in cache
-/******/ 		if(__webpack_module_cache__[moduleId]) {
-/******/ 			return __webpack_module_cache__[moduleId].exports;
+/******/ 		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] = {

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

@@ -1 +1 @@
-{"version":3,"sources":["webpack://WaveSurfer.[name]/webpack/universalModuleDefinition","webpack://WaveSurfer.[name]/./src/plugin/cursor/index.js","webpack://WaveSurfer.[name]/webpack/bootstrap","webpack://WaveSurfer.[name]/webpack/startup"],"names":["CursorPlugin","params","ws","defaultParams","hideOnBlur","width","color","opacity","style","zIndex","customStyle","customShowTimeStyle","showTime","followCursorY","formatTimeCallback","_onMousemove","e","bbox","wavesurfer","container","getBoundingClientRect","y","x","clientX","left","flip","right","outerWidth","displayTime","clientY","top","height","updateCursorPosition","_onMouseenter","showCursor","_onMouseleave","hideCursor","util","cursor","Object","assign","wrapper","appendChild","document","createElement","position","bottom","display","borderRightStyle","borderRightWidth","borderRightColor","pointerEvents","margin","visibility","innerHTML","formatTime","addEventListener","parentNode","removeChild","removeEventListener","xpos","ypos","duration","getDuration","elementWidth","drawer","pixelRatio","scrollWidth","getScrollX","scrollTime","timeValue","Math","max","formatValue","textOffset","cursorTime","isNaN","map","time","floor","slice","join","element","offsetWidth","getComputedStyle","parseInt","marginLeft","marginRight","name","deferInit","staticProps","instance"],"mappings":"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","file":"wavesurfer.cursor.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"WaveSurfer\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"WaveSurfer\"] = factory();\n\telse\n\t\troot[\"WaveSurfer\"] = root[\"WaveSurfer\"] || {}, root[\"WaveSurfer\"][\"cursor\"] = factory();\n})(this, function() {\nreturn ","/**\n * @typedef {Object} CursorPluginParams\n * @property {?boolean} deferInit Set to true to stop auto init in `addPlugin()`\n * @property {boolean} hideOnBlur=true Hide the cursor when the mouse leaves the\n * waveform\n * @property {string} width='1px' The width of the cursor\n * @property {string} color='black' The color of the cursor\n * @property {string} opacity='0.25' The opacity of the cursor\n * @property {string} style='solid' The border style of the cursor\n * @property {number} zIndex=3 The z-index of the cursor element\n * @property {object} customStyle An object with custom styles which are applied\n * to the cursor element\n * @property {boolean} showTime=false Show the time on the cursor.\n * @property {object} customShowTimeStyle An object with custom styles which are\n * applied to the cursor time element.\n * @property {string} followCursorY=false Use `true` to make the time on\n * the cursor follow the x and the y-position of the mouse. Use `false` to make the\n * it only follow the x-position of the mouse.\n * @property {function} formatTimeCallback Formats the timestamp on the cursor.\n */\n\n/**\n * Displays a thin line at the position of the cursor on the waveform.\n *\n * @implements {PluginClass}\n * @extends {Observer}\n * @example\n * // es6\n * import CursorPlugin from 'wavesurfer.cursor.js';\n *\n * // commonjs\n * var CursorPlugin = require('wavesurfer.cursor.js');\n *\n * // if you are using <script> tags\n * var CursorPlugin = window.WaveSurfer.cursor;\n *\n * // ... initialising wavesurfer with the plugin\n * var wavesurfer = WaveSurfer.create({\n *   // wavesurfer options ...\n *   plugins: [\n *     CursorPlugin.create({\n *       // plugin options ...\n *     })\n *   ]\n * });\n */\nexport default class CursorPlugin {\n    /**\n     * Cursor plugin definition factory\n     *\n     * This function must be used to create a plugin definition which can be\n     * used by wavesurfer to correctly instantiate the plugin.\n     *\n     * @param  {CursorPluginParams} params parameters use to initialise the\n     * plugin\n     * @return {PluginDefinition} an object representing the plugin\n     */\n    static create(params) {\n        return {\n            name: 'cursor',\n            deferInit: params && params.deferInit ? params.deferInit : false,\n            params: params,\n            staticProps: {},\n            instance: CursorPlugin\n        };\n    }\n\n    /**\n     * @type {CursorPluginParams}\n     */\n    defaultParams = {\n        hideOnBlur: true,\n        width: '1px',\n        color: 'black',\n        opacity: '0.25',\n        style: 'solid',\n        zIndex: 4,\n        customStyle: {},\n        customShowTimeStyle: {},\n        showTime: false,\n        followCursorY: false,\n        formatTimeCallback: null\n    };\n\n    /**\n     * @param {object} e Mouse move event\n     */\n    _onMousemove = e => {\n        const bbox = this.wavesurfer.container.getBoundingClientRect();\n        let y = 0;\n        let x = e.clientX - bbox.left;\n        let flip = bbox.right < e.clientX + this.outerWidth(this.displayTime);\n\n        if (this.params.showTime && this.params.followCursorY) {\n            // follow y-position of the mouse\n            y = e.clientY - (bbox.top + bbox.height / 2);\n        }\n\n        this.updateCursorPosition(x, y, flip);\n    };\n\n    /**\n     * @returns {void}\n     */\n    _onMouseenter = () => this.showCursor();\n\n    /**\n     * @returns {void}\n     */\n    _onMouseleave = () => this.hideCursor();\n\n    /**\n     * Construct the plugin class. You probably want to use `CursorPlugin.create`\n     * instead.\n     *\n     * @param {CursorPluginParams} params Plugin parameters\n     * @param {object} ws Wavesurfer instance\n     */\n    constructor(params, ws) {\n        this.wavesurfer = ws;\n        this.style = ws.util.style;\n        /**\n         * The cursor HTML element\n         *\n         * @type {?HTMLElement}\n         */\n        this.cursor = null;\n        /**\n         * displays the time next to the cursor\n         *\n         * @type {?HTMLElement}\n         */\n        this.showTime = null;\n        /**\n         * The html container that will display the time\n         *\n         * @type {?HTMLElement}\n         */\n        this.displayTime = null;\n\n        this.params = Object.assign({}, this.defaultParams, params);\n    }\n\n    /**\n     * Initialise the plugin (used by the Plugin API)\n     */\n    init() {\n        this.wrapper = this.wavesurfer.container;\n        this.cursor = this.wrapper.appendChild(\n            this.style(\n                document.createElement('cursor'),\n                Object.assign(\n                    {\n                        position: 'absolute',\n                        zIndex: this.params.zIndex,\n                        left: 0,\n                        top: 0,\n                        bottom: 0,\n                        width: '0',\n                        display: 'flex',\n                        borderRightStyle: this.params.style,\n                        borderRightWidth: this.params.width,\n                        borderRightColor: this.params.color,\n                        opacity: this.params.opacity,\n                        pointerEvents: 'none'\n                    },\n                    this.params.customStyle\n                )\n            )\n        );\n        if (this.params.showTime) {\n            this.showTime = this.wrapper.appendChild(\n                this.style(\n                    document.createElement('showTitle'),\n                    Object.assign(\n                        {\n                            position: 'absolute',\n                            zIndex: this.params.zIndex,\n                            left: 0,\n                            top: 0,\n                            bottom: 0,\n                            width: 'auto',\n                            display: 'flex',\n                            opacity: this.params.opacity,\n                            pointerEvents: 'none',\n                            height: '100%'\n                        },\n                        this.params.customStyle\n                    )\n                )\n            );\n            this.displayTime = this.showTime.appendChild(\n                this.style(\n                    document.createElement('div'),\n                    Object.assign(\n                        {\n                            display: 'inline',\n                            pointerEvents: 'none',\n                            margin: 'auto',\n                            visibility: 'hidden' // initial value will be hidden just for measuring purpose\n                        },\n                        this.params.customShowTimeStyle\n                    )\n                )\n            );\n            // initial value to measure display width\n            this.displayTime.innerHTML = this.formatTime(0);\n        }\n\n        this.wrapper.addEventListener('mousemove', this._onMousemove);\n        if (this.params.hideOnBlur) {\n            // ensure elements are hidden initially\n            this.hideCursor();\n            this.wrapper.addEventListener('mouseenter', this._onMouseenter);\n            this.wrapper.addEventListener('mouseleave', this._onMouseleave);\n        }\n    }\n\n    /**\n     * Destroy the plugin (used by the Plugin API)\n     */\n    destroy() {\n        if (this.params.showTime) {\n            this.cursor.parentNode.removeChild(this.showTime);\n        }\n        this.cursor.parentNode.removeChild(this.cursor);\n        this.wrapper.removeEventListener('mousemove', this._onMousemove);\n        if (this.params.hideOnBlur) {\n            this.wrapper.removeEventListener('mouseenter', this._onMouseenter);\n            this.wrapper.removeEventListener('mouseleave', this._onMouseleave);\n        }\n    }\n\n    /**\n     * Update the cursor position\n     *\n     * @param {number} xpos The x offset of the cursor in pixels\n     * @param {number} ypos The y offset of the cursor in pixels\n     * @param {boolean} flip Flag to flip duration text from right to left\n     */\n    updateCursorPosition(xpos, ypos, flip = false) {\n        this.style(this.cursor, {\n            left: `${xpos}px`\n        });\n        if (this.params.showTime) {\n            const duration = this.wavesurfer.getDuration();\n            const elementWidth =\n                this.wavesurfer.drawer.width /\n                this.wavesurfer.params.pixelRatio;\n            const scrollWidth = this.wavesurfer.drawer.getScrollX();\n\n            const scrollTime =\n                (duration / this.wavesurfer.drawer.width) * scrollWidth;\n\n            const timeValue =\n                Math.max(0, (xpos / elementWidth) * duration) + scrollTime;\n            const formatValue = this.formatTime(timeValue);\n            if (flip) {\n                const textOffset = this.outerWidth(this.displayTime);\n                xpos -= textOffset;\n            }\n            this.style(this.showTime, {\n                left: `${xpos}px`,\n                top: `${ypos}px`\n            });\n            this.style(this.displayTime, {\n                visibility: 'visible'\n            });\n            this.displayTime.innerHTML = `${formatValue}`;\n        }\n    }\n\n    /**\n     * Show the cursor\n     */\n    showCursor() {\n        this.style(this.cursor, {\n            display: 'flex'\n        });\n        if (this.params.showTime) {\n            this.style(this.showTime, {\n                display: 'flex'\n            });\n        }\n    }\n\n    /**\n     * Hide the cursor\n     */\n    hideCursor() {\n        this.style(this.cursor, {\n            display: 'none'\n        });\n        if (this.params.showTime) {\n            this.style(this.showTime, {\n                display: 'none'\n            });\n        }\n    }\n\n    /**\n     * Format the timestamp for `cursorTime`.\n     *\n     * @param {number} cursorTime Time in seconds\n     * @returns {string} Formatted timestamp\n     */\n    formatTime(cursorTime) {\n        cursorTime = isNaN(cursorTime) ? 0 : cursorTime;\n\n        if (this.params.formatTimeCallback) {\n            return this.params.formatTimeCallback(cursorTime);\n        }\n        return [cursorTime].map(time =>\n            [\n                Math.floor((time % 3600) / 60), // minutes\n                ('00' + Math.floor(time % 60)).slice(-2), // seconds\n                ('000' + Math.floor((time % 1) * 1000)).slice(-3) // milliseconds\n            ].join(':')\n        );\n    }\n\n    /**\n     * Get outer width of given element.\n     *\n     * @param {DOM} element DOM Element\n     * @returns {number} outer width\n     */\n    outerWidth(element) {\n        if (!element) return 0;\n\n        let width = element.offsetWidth;\n        let style = getComputedStyle(element);\n\n        width += parseInt(style.marginLeft + style.marginRight);\n        return width;\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\tif(__webpack_module_cache__[moduleId]) {\n\t\treturn __webpack_module_cache__[moduleId].exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// startup\n// Load entry module and return exports\n// This entry module is referenced by other modules so it can't be inlined\nvar __webpack_exports__ = __webpack_require__(\"./src/plugin/cursor/index.js\");\n"],"sourceRoot":""}
+{"version":3,"file":"wavesurfer.cursor.js","mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+CAA+C;AAC/C,CAAC;AACD;;;;;;;;;;;;;;;;;;;;;;;ACVA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACqBA;AAiEjB;AACJ;AACA;AACA;AACA;AACA;AACA;AACI,wBAAYC,MAAZ,EAAoBC,EAApB,EAAwB;AAAA;;AAAA;;AAAA,SAhDxBC,aAgDwB,GAhDR;AACZC,MAAAA,UAAU,EAAE,IADA;AAEZC,MAAAA,KAAK,EAAE,KAFK;AAGZC,MAAAA,KAAK,EAAE,OAHK;AAIZC,MAAAA,OAAO,EAAE,MAJG;AAKZC,MAAAA,KAAK,EAAE,OALK;AAMZC,MAAAA,MAAM,EAAE,CANI;AAOZC,MAAAA,WAAW,EAAE,EAPD;AAQZC,MAAAA,mBAAmB,EAAE,EART;AASZC,MAAAA,QAAQ,EAAE,KATE;AAUZC,MAAAA,aAAa,EAAE,KAVH;AAWZC,MAAAA,kBAAkB,EAAE;AAXR,KAgDQ;;AAAA,SA/BxBC,YA+BwB,GA/BT,UAAAC,CAAC,EAAI;AAChB,UAAMC,IAAI,GAAG,KAAI,CAACC,UAAL,CAAgBC,SAAhB,CAA0BC,qBAA1B,EAAb;;AACA,UAAIC,CAAC,GAAG,CAAR;AACA,UAAIC,CAAC,GAAGN,CAAC,CAACO,OAAF,GAAYN,IAAI,CAACO,IAAzB;;AACA,UAAIC,IAAI,GAAGR,IAAI,CAACS,KAAL,GAAaV,CAAC,CAACO,OAAF,GAAY,KAAI,CAACI,UAAL,CAAgB,KAAI,CAACC,WAArB,CAApC;;AAEA,UAAI,KAAI,CAAC3B,MAAL,CAAYW,QAAZ,IAAwB,KAAI,CAACX,MAAL,CAAYY,aAAxC,EAAuD;AACnD;AACAQ,QAAAA,CAAC,GAAGL,CAAC,CAACa,OAAF,IAAaZ,IAAI,CAACa,GAAL,GAAWb,IAAI,CAACc,MAAL,GAAc,CAAtC,CAAJ;AACH;;AAED,WAAI,CAACC,oBAAL,CAA0BV,CAA1B,EAA6BD,CAA7B,EAAgCI,IAAhC;AACH,KAmBuB;;AAAA,SAdxBQ,aAcwB,GAdR;AAAA,aAAM,KAAI,CAACC,UAAL,EAAN;AAAA,KAcQ;;AAAA,SATxBC,aASwB,GATR;AAAA,aAAM,KAAI,CAACC,UAAL,EAAN;AAAA,KASQ;;AACpB,SAAKlB,UAAL,GAAkBhB,EAAlB;AACA,SAAKM,KAAL,GAAaN,EAAE,CAACmC,IAAH,CAAQ7B,KAArB;AACA;AACR;AACA;AACA;AACA;;AACQ,SAAK8B,MAAL,GAAc,IAAd;AACA;AACR;AACA;AACA;AACA;;AACQ,SAAK1B,QAAL,GAAgB,IAAhB;AACA;AACR;AACA;AACA;AACA;;AACQ,SAAKgB,WAAL,GAAmB,IAAnB;AAEA,SAAK3B,MAAL,GAAcsC,MAAM,CAACC,MAAP,CAAc,EAAd,EAAkB,KAAKrC,aAAvB,EAAsCF,MAAtC,CAAd;AACH;AAED;AACJ;AACA;;;;;WACI,gBAAO;AACH,WAAKwC,OAAL,GAAe,KAAKvB,UAAL,CAAgBC,SAA/B;AACA,WAAKmB,MAAL,GAAc,KAAKG,OAAL,CAAaC,WAAb,CACV,KAAKlC,KAAL,CACImC,QAAQ,CAACC,aAAT,CAAuB,QAAvB,CADJ,EAEIL,MAAM,CAACC,MAAP,CACI;AACIK,QAAAA,QAAQ,EAAE,UADd;AAEIpC,QAAAA,MAAM,EAAE,KAAKR,MAAL,CAAYQ,MAFxB;AAGIe,QAAAA,IAAI,EAAE,CAHV;AAIIM,QAAAA,GAAG,EAAE,CAJT;AAKIgB,QAAAA,MAAM,EAAE,CALZ;AAMIzC,QAAAA,KAAK,EAAE,GANX;AAOI0C,QAAAA,OAAO,EAAE,MAPb;AAQIC,QAAAA,gBAAgB,EAAE,KAAK/C,MAAL,CAAYO,KARlC;AASIyC,QAAAA,gBAAgB,EAAE,KAAKhD,MAAL,CAAYI,KATlC;AAUI6C,QAAAA,gBAAgB,EAAE,KAAKjD,MAAL,CAAYK,KAVlC;AAWIC,QAAAA,OAAO,EAAE,KAAKN,MAAL,CAAYM,OAXzB;AAYI4C,QAAAA,aAAa,EAAE;AAZnB,OADJ,EAeI,KAAKlD,MAAL,CAAYS,WAfhB,CAFJ,CADU,CAAd;;AAsBA,UAAI,KAAKT,MAAL,CAAYW,QAAhB,EAA0B;AACtB,aAAKA,QAAL,GAAgB,KAAK6B,OAAL,CAAaC,WAAb,CACZ,KAAKlC,KAAL,CACImC,QAAQ,CAACC,aAAT,CAAuB,WAAvB,CADJ,EAEIL,MAAM,CAACC,MAAP,CACI;AACIK,UAAAA,QAAQ,EAAE,UADd;AAEIpC,UAAAA,MAAM,EAAE,KAAKR,MAAL,CAAYQ,MAFxB;AAGIe,UAAAA,IAAI,EAAE,CAHV;AAIIM,UAAAA,GAAG,EAAE,CAJT;AAKIgB,UAAAA,MAAM,EAAE,CALZ;AAMIzC,UAAAA,KAAK,EAAE,MANX;AAOI0C,UAAAA,OAAO,EAAE,MAPb;AAQIxC,UAAAA,OAAO,EAAE,KAAKN,MAAL,CAAYM,OARzB;AASI4C,UAAAA,aAAa,EAAE,MATnB;AAUIpB,UAAAA,MAAM,EAAE;AAVZ,SADJ,EAaI,KAAK9B,MAAL,CAAYS,WAbhB,CAFJ,CADY,CAAhB;AAoBA,aAAKkB,WAAL,GAAmB,KAAKhB,QAAL,CAAc8B,WAAd,CACf,KAAKlC,KAAL,CACImC,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CADJ,EAEIL,MAAM,CAACC,MAAP,CACI;AACIO,UAAAA,OAAO,EAAE,QADb;AAEII,UAAAA,aAAa,EAAE,MAFnB;AAGIC,UAAAA,MAAM,EAAE,MAHZ;AAIIC,UAAAA,UAAU,EAAE,QAJhB,CAIyB;;AAJzB,SADJ,EAOI,KAAKpD,MAAL,CAAYU,mBAPhB,CAFJ,CADe,CAAnB,CArBsB,CAmCtB;;AACA,aAAKiB,WAAL,CAAiB0B,SAAjB,GAA6B,KAAKC,UAAL,CAAgB,CAAhB,CAA7B;AACH;;AAED,WAAKd,OAAL,CAAae,gBAAb,CAA8B,WAA9B,EAA2C,KAAKzC,YAAhD;;AACA,UAAI,KAAKd,MAAL,CAAYG,UAAhB,EAA4B;AACxB;AACA,aAAKgC,UAAL;AACA,aAAKK,OAAL,CAAae,gBAAb,CAA8B,YAA9B,EAA4C,KAAKvB,aAAjD;AACA,aAAKQ,OAAL,CAAae,gBAAb,CAA8B,YAA9B,EAA4C,KAAKrB,aAAjD;AACH;AACJ;AAED;AACJ;AACA;;;;WACI,mBAAU;AACN,UAAI,KAAKlC,MAAL,CAAYW,QAAhB,EAA0B;AACtB,aAAK0B,MAAL,CAAYmB,UAAZ,CAAuBC,WAAvB,CAAmC,KAAK9C,QAAxC;AACH;;AACD,WAAK0B,MAAL,CAAYmB,UAAZ,CAAuBC,WAAvB,CAAmC,KAAKpB,MAAxC;AACA,WAAKG,OAAL,CAAakB,mBAAb,CAAiC,WAAjC,EAA8C,KAAK5C,YAAnD;;AACA,UAAI,KAAKd,MAAL,CAAYG,UAAhB,EAA4B;AACxB,aAAKqC,OAAL,CAAakB,mBAAb,CAAiC,YAAjC,EAA+C,KAAK1B,aAApD;AACA,aAAKQ,OAAL,CAAakB,mBAAb,CAAiC,YAAjC,EAA+C,KAAKxB,aAApD;AACH;AACJ;AAED;AACJ;AACA;AACA;AACA;AACA;AACA;;;;WACI,8BAAqByB,IAArB,EAA2BC,IAA3B,EAA+C;AAAA,UAAdpC,IAAc,uEAAP,KAAO;AAC3C,WAAKjB,KAAL,CAAW,KAAK8B,MAAhB,EAAwB;AACpBd,QAAAA,IAAI,YAAKoC,IAAL;AADgB,OAAxB;;AAGA,UAAI,KAAK3D,MAAL,CAAYW,QAAhB,EAA0B;AACtB,YAAMkD,QAAQ,GAAG,KAAK5C,UAAL,CAAgB6C,WAAhB,EAAjB;AACA,YAAMC,YAAY,GACd,KAAK9C,UAAL,CAAgB+C,MAAhB,CAAuB5D,KAAvB,GACA,KAAKa,UAAL,CAAgBjB,MAAhB,CAAuBiE,UAF3B;AAGA,YAAMC,WAAW,GAAG,KAAKjD,UAAL,CAAgB+C,MAAhB,CAAuBG,UAAvB,EAApB;AAEA,YAAMC,UAAU,GACXP,QAAQ,GAAG,KAAK5C,UAAL,CAAgB+C,MAAhB,CAAuB5D,KAAnC,GAA4C8D,WADhD;AAGA,YAAMG,SAAS,GACXC,IAAI,CAACC,GAAL,CAAS,CAAT,EAAaZ,IAAI,GAAGI,YAAR,GAAwBF,QAApC,IAAgDO,UADpD;AAEA,YAAMI,WAAW,GAAG,KAAKlB,UAAL,CAAgBe,SAAhB,CAApB;;AACA,YAAI7C,IAAJ,EAAU;AACN,cAAMiD,UAAU,GAAG,KAAK/C,UAAL,CAAgB,KAAKC,WAArB,CAAnB;AACAgC,UAAAA,IAAI,IAAIc,UAAR;AACH;;AACD,aAAKlE,KAAL,CAAW,KAAKI,QAAhB,EAA0B;AACtBY,UAAAA,IAAI,YAAKoC,IAAL,OADkB;AAEtB9B,UAAAA,GAAG,YAAK+B,IAAL;AAFmB,SAA1B;AAIA,aAAKrD,KAAL,CAAW,KAAKoB,WAAhB,EAA6B;AACzByB,UAAAA,UAAU,EAAE;AADa,SAA7B;AAGA,aAAKzB,WAAL,CAAiB0B,SAAjB,aAAgCmB,WAAhC;AACH;AACJ;AAED;AACJ;AACA;;;;WACI,sBAAa;AACT,WAAKjE,KAAL,CAAW,KAAK8B,MAAhB,EAAwB;AACpBS,QAAAA,OAAO,EAAE;AADW,OAAxB;;AAGA,UAAI,KAAK9C,MAAL,CAAYW,QAAhB,EAA0B;AACtB,aAAKJ,KAAL,CAAW,KAAKI,QAAhB,EAA0B;AACtBmC,UAAAA,OAAO,EAAE;AADa,SAA1B;AAGH;AACJ;AAED;AACJ;AACA;;;;WACI,sBAAa;AACT,WAAKvC,KAAL,CAAW,KAAK8B,MAAhB,EAAwB;AACpBS,QAAAA,OAAO,EAAE;AADW,OAAxB;;AAGA,UAAI,KAAK9C,MAAL,CAAYW,QAAhB,EAA0B;AACtB,aAAKJ,KAAL,CAAW,KAAKI,QAAhB,EAA0B;AACtBmC,UAAAA,OAAO,EAAE;AADa,SAA1B;AAGH;AACJ;AAED;AACJ;AACA;AACA;AACA;AACA;;;;WACI,oBAAW4B,UAAX,EAAuB;AACnBA,MAAAA,UAAU,GAAGC,KAAK,CAACD,UAAD,CAAL,GAAoB,CAApB,GAAwBA,UAArC;;AAEA,UAAI,KAAK1E,MAAL,CAAYa,kBAAhB,EAAoC;AAChC,eAAO,KAAKb,MAAL,CAAYa,kBAAZ,CAA+B6D,UAA/B,CAAP;AACH;;AACD,aAAO,CAACA,UAAD,EAAaE,GAAb,CAAiB,UAAAC,IAAI;AAAA,eACxB,CACIP,IAAI,CAACQ,KAAL,CAAYD,IAAI,GAAG,IAAR,GAAgB,EAA3B,CADJ,EACoC;AAChC,SAAC,OAAOP,IAAI,CAACQ,KAAL,CAAWD,IAAI,GAAG,EAAlB,CAAR,EAA+BE,KAA/B,CAAqC,CAAC,CAAtC,CAFJ,EAE8C;AAC1C,SAAC,QAAQT,IAAI,CAACQ,KAAL,CAAYD,IAAI,GAAG,CAAR,GAAa,IAAxB,CAAT,EAAwCE,KAAxC,CAA8C,CAAC,CAA/C,CAHJ,CAGsD;AAHtD,UAIEC,IAJF,CAIO,GAJP,CADwB;AAAA,OAArB,CAAP;AAOH;AAED;AACJ;AACA;AACA;AACA;AACA;;;;WACI,oBAAWC,OAAX,EAAoB;AAChB,UAAI,CAACA,OAAL,EAAc;AACV,eAAO,CAAP;AACH;;AAED,UAAI7E,KAAK,GAAG6E,OAAO,CAACC,WAApB;AACA,UAAI3E,KAAK,GAAG4E,gBAAgB,CAACF,OAAD,CAA5B;AAEA7E,MAAAA,KAAK,IAAIgF,QAAQ,CAAC7E,KAAK,CAAC8E,UAAN,GAAmB9E,KAAK,CAAC+E,WAA1B,CAAjB;AACA,aAAOlF,KAAP;AACH;;;;AAlSD;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACI,oBAAcJ,MAAd,EAAsB;AAClB,aAAO;AACHuF,QAAAA,IAAI,EAAE,QADH;AAEHC,QAAAA,SAAS,EAAExF,MAAM,IAAIA,MAAM,CAACwF,SAAjB,GAA6BxF,MAAM,CAACwF,SAApC,GAAgD,KAFxD;AAGHxF,QAAAA,MAAM,EAAEA,MAHL;AAIHyF,QAAAA,WAAW,EAAE,EAJV;AAKHC,QAAAA,QAAQ,EAAE3F;AALP,OAAP;AAOH;AAED;AACJ;AACA;;;;;;;;;;;;;;UCrEA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;UEtBA;UACA;UACA;UACA","sources":["webpack://WaveSurfer.[name]/webpack/universalModuleDefinition","webpack://WaveSurfer.[name]/./src/plugin/cursor/index.js","webpack://WaveSurfer.[name]/webpack/bootstrap","webpack://WaveSurfer.[name]/webpack/before-startup","webpack://WaveSurfer.[name]/webpack/startup","webpack://WaveSurfer.[name]/webpack/after-startup"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"WaveSurfer\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"WaveSurfer\"] = factory();\n\telse\n\t\troot[\"WaveSurfer\"] = root[\"WaveSurfer\"] || {}, root[\"WaveSurfer\"][\"cursor\"] = factory();\n})(self, function() {\nreturn ","/**\n * @typedef {Object} CursorPluginParams\n * @property {?boolean} deferInit Set to true to stop auto init in `addPlugin()`\n * @property {boolean} hideOnBlur=true Hide the cursor when the mouse leaves the\n * waveform\n * @property {string} width='1px' The width of the cursor\n * @property {string} color='black' The color of the cursor\n * @property {string} opacity='0.25' The opacity of the cursor\n * @property {string} style='solid' The border style of the cursor\n * @property {number} zIndex=3 The z-index of the cursor element\n * @property {object} customStyle An object with custom styles which are applied\n * to the cursor element\n * @property {boolean} showTime=false Show the time on the cursor.\n * @property {object} customShowTimeStyle An object with custom styles which are\n * applied to the cursor time element.\n * @property {string} followCursorY=false Use `true` to make the time on\n * the cursor follow the x and the y-position of the mouse. Use `false` to make the\n * it only follow the x-position of the mouse.\n * @property {function} formatTimeCallback Formats the timestamp on the cursor.\n */\n\n/**\n * Displays a thin line at the position of the cursor on the waveform.\n *\n * @implements {PluginClass}\n * @extends {Observer}\n * @example\n * // es6\n * import CursorPlugin from 'wavesurfer.cursor.js';\n *\n * // commonjs\n * var CursorPlugin = require('wavesurfer.cursor.js');\n *\n * // if you are using <script> tags\n * var CursorPlugin = window.WaveSurfer.cursor;\n *\n * // ... initialising wavesurfer with the plugin\n * var wavesurfer = WaveSurfer.create({\n *   // wavesurfer options ...\n *   plugins: [\n *     CursorPlugin.create({\n *       // plugin options ...\n *     })\n *   ]\n * });\n */\nexport default class CursorPlugin {\n    /**\n     * Cursor plugin definition factory\n     *\n     * This function must be used to create a plugin definition which can be\n     * used by wavesurfer to correctly instantiate the plugin.\n     *\n     * @param  {CursorPluginParams} params parameters use to initialise the\n     * plugin\n     * @return {PluginDefinition} an object representing the plugin\n     */\n    static create(params) {\n        return {\n            name: 'cursor',\n            deferInit: params && params.deferInit ? params.deferInit : false,\n            params: params,\n            staticProps: {},\n            instance: CursorPlugin\n        };\n    }\n\n    /**\n     * @type {CursorPluginParams}\n     */\n    defaultParams = {\n        hideOnBlur: true,\n        width: '1px',\n        color: 'black',\n        opacity: '0.25',\n        style: 'solid',\n        zIndex: 4,\n        customStyle: {},\n        customShowTimeStyle: {},\n        showTime: false,\n        followCursorY: false,\n        formatTimeCallback: null\n    };\n\n    /**\n     * @param {object} e Mouse move event\n     */\n    _onMousemove = e => {\n        const bbox = this.wavesurfer.container.getBoundingClientRect();\n        let y = 0;\n        let x = e.clientX - bbox.left;\n        let flip = bbox.right < e.clientX + this.outerWidth(this.displayTime);\n\n        if (this.params.showTime && this.params.followCursorY) {\n            // follow y-position of the mouse\n            y = e.clientY - (bbox.top + bbox.height / 2);\n        }\n\n        this.updateCursorPosition(x, y, flip);\n    };\n\n    /**\n     * @returns {void}\n     */\n    _onMouseenter = () => this.showCursor();\n\n    /**\n     * @returns {void}\n     */\n    _onMouseleave = () => this.hideCursor();\n\n    /**\n     * Construct the plugin class. You probably want to use `CursorPlugin.create`\n     * instead.\n     *\n     * @param {CursorPluginParams} params Plugin parameters\n     * @param {object} ws Wavesurfer instance\n     */\n    constructor(params, ws) {\n        this.wavesurfer = ws;\n        this.style = ws.util.style;\n        /**\n         * The cursor HTML element\n         *\n         * @type {?HTMLElement}\n         */\n        this.cursor = null;\n        /**\n         * displays the time next to the cursor\n         *\n         * @type {?HTMLElement}\n         */\n        this.showTime = null;\n        /**\n         * The html container that will display the time\n         *\n         * @type {?HTMLElement}\n         */\n        this.displayTime = null;\n\n        this.params = Object.assign({}, this.defaultParams, params);\n    }\n\n    /**\n     * Initialise the plugin (used by the Plugin API)\n     */\n    init() {\n        this.wrapper = this.wavesurfer.container;\n        this.cursor = this.wrapper.appendChild(\n            this.style(\n                document.createElement('cursor'),\n                Object.assign(\n                    {\n                        position: 'absolute',\n                        zIndex: this.params.zIndex,\n                        left: 0,\n                        top: 0,\n                        bottom: 0,\n                        width: '0',\n                        display: 'flex',\n                        borderRightStyle: this.params.style,\n                        borderRightWidth: this.params.width,\n                        borderRightColor: this.params.color,\n                        opacity: this.params.opacity,\n                        pointerEvents: 'none'\n                    },\n                    this.params.customStyle\n                )\n            )\n        );\n        if (this.params.showTime) {\n            this.showTime = this.wrapper.appendChild(\n                this.style(\n                    document.createElement('showTitle'),\n                    Object.assign(\n                        {\n                            position: 'absolute',\n                            zIndex: this.params.zIndex,\n                            left: 0,\n                            top: 0,\n                            bottom: 0,\n                            width: 'auto',\n                            display: 'flex',\n                            opacity: this.params.opacity,\n                            pointerEvents: 'none',\n                            height: '100%'\n                        },\n                        this.params.customStyle\n                    )\n                )\n            );\n            this.displayTime = this.showTime.appendChild(\n                this.style(\n                    document.createElement('div'),\n                    Object.assign(\n                        {\n                            display: 'inline',\n                            pointerEvents: 'none',\n                            margin: 'auto',\n                            visibility: 'hidden' // initial value will be hidden just for measuring purpose\n                        },\n                        this.params.customShowTimeStyle\n                    )\n                )\n            );\n            // initial value to measure display width\n            this.displayTime.innerHTML = this.formatTime(0);\n        }\n\n        this.wrapper.addEventListener('mousemove', this._onMousemove);\n        if (this.params.hideOnBlur) {\n            // ensure elements are hidden initially\n            this.hideCursor();\n            this.wrapper.addEventListener('mouseenter', this._onMouseenter);\n            this.wrapper.addEventListener('mouseleave', this._onMouseleave);\n        }\n    }\n\n    /**\n     * Destroy the plugin (used by the Plugin API)\n     */\n    destroy() {\n        if (this.params.showTime) {\n            this.cursor.parentNode.removeChild(this.showTime);\n        }\n        this.cursor.parentNode.removeChild(this.cursor);\n        this.wrapper.removeEventListener('mousemove', this._onMousemove);\n        if (this.params.hideOnBlur) {\n            this.wrapper.removeEventListener('mouseenter', this._onMouseenter);\n            this.wrapper.removeEventListener('mouseleave', this._onMouseleave);\n        }\n    }\n\n    /**\n     * Update the cursor position\n     *\n     * @param {number} xpos The x offset of the cursor in pixels\n     * @param {number} ypos The y offset of the cursor in pixels\n     * @param {boolean} flip Flag to flip duration text from right to left\n     */\n    updateCursorPosition(xpos, ypos, flip = false) {\n        this.style(this.cursor, {\n            left: `${xpos}px`\n        });\n        if (this.params.showTime) {\n            const duration = this.wavesurfer.getDuration();\n            const elementWidth =\n                this.wavesurfer.drawer.width /\n                this.wavesurfer.params.pixelRatio;\n            const scrollWidth = this.wavesurfer.drawer.getScrollX();\n\n            const scrollTime =\n                (duration / this.wavesurfer.drawer.width) * scrollWidth;\n\n            const timeValue =\n                Math.max(0, (xpos / elementWidth) * duration) + scrollTime;\n            const formatValue = this.formatTime(timeValue);\n            if (flip) {\n                const textOffset = this.outerWidth(this.displayTime);\n                xpos -= textOffset;\n            }\n            this.style(this.showTime, {\n                left: `${xpos}px`,\n                top: `${ypos}px`\n            });\n            this.style(this.displayTime, {\n                visibility: 'visible'\n            });\n            this.displayTime.innerHTML = `${formatValue}`;\n        }\n    }\n\n    /**\n     * Show the cursor\n     */\n    showCursor() {\n        this.style(this.cursor, {\n            display: 'flex'\n        });\n        if (this.params.showTime) {\n            this.style(this.showTime, {\n                display: 'flex'\n            });\n        }\n    }\n\n    /**\n     * Hide the cursor\n     */\n    hideCursor() {\n        this.style(this.cursor, {\n            display: 'none'\n        });\n        if (this.params.showTime) {\n            this.style(this.showTime, {\n                display: 'none'\n            });\n        }\n    }\n\n    /**\n     * Format the timestamp for `cursorTime`.\n     *\n     * @param {number} cursorTime Time in seconds\n     * @returns {string} Formatted timestamp\n     */\n    formatTime(cursorTime) {\n        cursorTime = isNaN(cursorTime) ? 0 : cursorTime;\n\n        if (this.params.formatTimeCallback) {\n            return this.params.formatTimeCallback(cursorTime);\n        }\n        return [cursorTime].map(time =>\n            [\n                Math.floor((time % 3600) / 60), // minutes\n                ('00' + Math.floor(time % 60)).slice(-2), // seconds\n                ('000' + Math.floor((time % 1) * 1000)).slice(-3) // milliseconds\n            ].join(':')\n        );\n    }\n\n    /**\n     * Get outer width of given element.\n     *\n     * @param {DOM} element DOM Element\n     * @returns {number} outer width\n     */\n    outerWidth(element) {\n        if (!element) {\n            return 0;\n        }\n\n        let width = element.offsetWidth;\n        let style = getComputedStyle(element);\n\n        width += parseInt(style.marginLeft + style.marginRight);\n        return width;\n    }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","","// startup\n// Load entry module and return exports\n// This entry module is referenced by other modules so it can't be inlined\nvar __webpack_exports__ = __webpack_require__(\"./src/plugin/cursor/index.js\");\n",""],"names":["CursorPlugin","params","ws","defaultParams","hideOnBlur","width","color","opacity","style","zIndex","customStyle","customShowTimeStyle","showTime","followCursorY","formatTimeCallback","_onMousemove","e","bbox","wavesurfer","container","getBoundingClientRect","y","x","clientX","left","flip","right","outerWidth","displayTime","clientY","top","height","updateCursorPosition","_onMouseenter","showCursor","_onMouseleave","hideCursor","util","cursor","Object","assign","wrapper","appendChild","document","createElement","position","bottom","display","borderRightStyle","borderRightWidth","borderRightColor","pointerEvents","margin","visibility","innerHTML","formatTime","addEventListener","parentNode","removeChild","removeEventListener","xpos","ypos","duration","getDuration","elementWidth","drawer","pixelRatio","scrollWidth","getScrollX","scrollTime","timeValue","Math","max","formatValue","textOffset","cursorTime","isNaN","map","time","floor","slice","join","element","offsetWidth","getComputedStyle","parseInt","marginLeft","marginRight","name","deferInit","staticProps","instance"],"sourceRoot":""}

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

@@ -1,7 +1,7 @@
 /*!
- * wavesurfer.js cursor plugin 4.6.0 (2021-03-05)
+ * wavesurfer.js cursor plugin 5.2.0 (2021-08-16)
  * https://wavesurfer-js.org
  * @license BSD-3-Clause
  */
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("WaveSurfer",[],t):"object"==typeof exports?exports.WaveSurfer=t():(e.WaveSurfer=e.WaveSurfer||{},e.WaveSurfer.cursor=t())}(this,(function(){return(()=>{"use strict";var e={178:(e,t)=>{function i(e,t){for(var i=0;i<t.length;i++){var s=t[i];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(e,s.key,s)}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var s=function(){function e(t,i){var s=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.defaultParams={hideOnBlur:!0,width:"1px",color:"black",opacity:"0.25",style:"solid",zIndex:4,customStyle:{},customShowTimeStyle:{},showTime:!1,followCursorY:!1,formatTimeCallback:null},this._onMousemove=function(e){var t=s.wavesurfer.container.getBoundingClientRect(),i=0,r=e.clientX-t.left,o=t.right<e.clientX+s.outerWidth(s.displayTime);s.params.showTime&&s.params.followCursorY&&(i=e.clientY-(t.top+t.height/2)),s.updateCursorPosition(r,i,o)},this._onMouseenter=function(){return s.showCursor()},this._onMouseleave=function(){return s.hideCursor()},this.wavesurfer=i,this.style=i.util.style,this.cursor=null,this.showTime=null,this.displayTime=null,this.params=Object.assign({},this.defaultParams,t)}var t,s,r;return t=e,r=[{key:"create",value:function(t){return{name:"cursor",deferInit:!(!t||!t.deferInit)&&t.deferInit,params:t,staticProps:{},instance:e}}}],(s=[{key:"init",value:function(){this.wrapper=this.wavesurfer.container,this.cursor=this.wrapper.appendChild(this.style(document.createElement("cursor"),Object.assign({position:"absolute",zIndex:this.params.zIndex,left:0,top:0,bottom:0,width:"0",display:"flex",borderRightStyle:this.params.style,borderRightWidth:this.params.width,borderRightColor:this.params.color,opacity:this.params.opacity,pointerEvents:"none"},this.params.customStyle))),this.params.showTime&&(this.showTime=this.wrapper.appendChild(this.style(document.createElement("showTitle"),Object.assign({position:"absolute",zIndex:this.params.zIndex,left:0,top:0,bottom:0,width:"auto",display:"flex",opacity:this.params.opacity,pointerEvents:"none",height:"100%"},this.params.customStyle))),this.displayTime=this.showTime.appendChild(this.style(document.createElement("div"),Object.assign({display:"inline",pointerEvents:"none",margin:"auto",visibility:"hidden"},this.params.customShowTimeStyle))),this.displayTime.innerHTML=this.formatTime(0)),this.wrapper.addEventListener("mousemove",this._onMousemove),this.params.hideOnBlur&&(this.hideCursor(),this.wrapper.addEventListener("mouseenter",this._onMouseenter),this.wrapper.addEventListener("mouseleave",this._onMouseleave))}},{key:"destroy",value:function(){this.params.showTime&&this.cursor.parentNode.removeChild(this.showTime),this.cursor.parentNode.removeChild(this.cursor),this.wrapper.removeEventListener("mousemove",this._onMousemove),this.params.hideOnBlur&&(this.wrapper.removeEventListener("mouseenter",this._onMouseenter),this.wrapper.removeEventListener("mouseleave",this._onMouseleave))}},{key:"updateCursorPosition",value:function(e,t){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(this.style(this.cursor,{left:"".concat(e,"px")}),this.params.showTime){var s=this.wavesurfer.getDuration(),r=this.wavesurfer.drawer.width/this.wavesurfer.params.pixelRatio,o=this.wavesurfer.drawer.getScrollX(),a=s/this.wavesurfer.drawer.width*o,n=Math.max(0,e/r*s)+a,h=this.formatTime(n);if(i){var u=this.outerWidth(this.displayTime);e-=u}this.style(this.showTime,{left:"".concat(e,"px"),top:"".concat(t,"px")}),this.style(this.displayTime,{visibility:"visible"}),this.displayTime.innerHTML="".concat(h)}}},{key:"showCursor",value:function(){this.style(this.cursor,{display:"flex"}),this.params.showTime&&this.style(this.showTime,{display:"flex"})}},{key:"hideCursor",value:function(){this.style(this.cursor,{display:"none"}),this.params.showTime&&this.style(this.showTime,{display:"none"})}},{key:"formatTime",value:function(e){return e=isNaN(e)?0:e,this.params.formatTimeCallback?this.params.formatTimeCallback(e):[e].map((function(e){return[Math.floor(e%3600/60),("00"+Math.floor(e%60)).slice(-2),("000"+Math.floor(e%1*1e3)).slice(-3)].join(":")}))}},{key:"outerWidth",value:function(e){if(!e)return 0;var t=e.offsetWidth,i=getComputedStyle(e);return t+=parseInt(i.marginLeft+i.marginRight)}}])&&i(t.prototype,s),r&&i(t,r),e}();t.default=s,e.exports=t.default}},t={};return function i(s){if(t[s])return t[s].exports;var r=t[s]={exports:{}};return e[s](r,r.exports,i),r.exports}(178)})()}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("WaveSurfer",[],t):"object"==typeof exports?exports.WaveSurfer=t():(e.WaveSurfer=e.WaveSurfer||{},e.WaveSurfer.cursor=t())}(self,(function(){return(()=>{"use strict";var e={178:(e,t)=>{function i(e,t){for(var i=0;i<t.length;i++){var s=t[i];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(e,s.key,s)}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var s=function(){function e(t,i){var s=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.defaultParams={hideOnBlur:!0,width:"1px",color:"black",opacity:"0.25",style:"solid",zIndex:4,customStyle:{},customShowTimeStyle:{},showTime:!1,followCursorY:!1,formatTimeCallback:null},this._onMousemove=function(e){var t=s.wavesurfer.container.getBoundingClientRect(),i=0,r=e.clientX-t.left,o=t.right<e.clientX+s.outerWidth(s.displayTime);s.params.showTime&&s.params.followCursorY&&(i=e.clientY-(t.top+t.height/2)),s.updateCursorPosition(r,i,o)},this._onMouseenter=function(){return s.showCursor()},this._onMouseleave=function(){return s.hideCursor()},this.wavesurfer=i,this.style=i.util.style,this.cursor=null,this.showTime=null,this.displayTime=null,this.params=Object.assign({},this.defaultParams,t)}var t,s,r;return t=e,r=[{key:"create",value:function(t){return{name:"cursor",deferInit:!(!t||!t.deferInit)&&t.deferInit,params:t,staticProps:{},instance:e}}}],(s=[{key:"init",value:function(){this.wrapper=this.wavesurfer.container,this.cursor=this.wrapper.appendChild(this.style(document.createElement("cursor"),Object.assign({position:"absolute",zIndex:this.params.zIndex,left:0,top:0,bottom:0,width:"0",display:"flex",borderRightStyle:this.params.style,borderRightWidth:this.params.width,borderRightColor:this.params.color,opacity:this.params.opacity,pointerEvents:"none"},this.params.customStyle))),this.params.showTime&&(this.showTime=this.wrapper.appendChild(this.style(document.createElement("showTitle"),Object.assign({position:"absolute",zIndex:this.params.zIndex,left:0,top:0,bottom:0,width:"auto",display:"flex",opacity:this.params.opacity,pointerEvents:"none",height:"100%"},this.params.customStyle))),this.displayTime=this.showTime.appendChild(this.style(document.createElement("div"),Object.assign({display:"inline",pointerEvents:"none",margin:"auto",visibility:"hidden"},this.params.customShowTimeStyle))),this.displayTime.innerHTML=this.formatTime(0)),this.wrapper.addEventListener("mousemove",this._onMousemove),this.params.hideOnBlur&&(this.hideCursor(),this.wrapper.addEventListener("mouseenter",this._onMouseenter),this.wrapper.addEventListener("mouseleave",this._onMouseleave))}},{key:"destroy",value:function(){this.params.showTime&&this.cursor.parentNode.removeChild(this.showTime),this.cursor.parentNode.removeChild(this.cursor),this.wrapper.removeEventListener("mousemove",this._onMousemove),this.params.hideOnBlur&&(this.wrapper.removeEventListener("mouseenter",this._onMouseenter),this.wrapper.removeEventListener("mouseleave",this._onMouseleave))}},{key:"updateCursorPosition",value:function(e,t){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(this.style(this.cursor,{left:"".concat(e,"px")}),this.params.showTime){var s=this.wavesurfer.getDuration(),r=this.wavesurfer.drawer.width/this.wavesurfer.params.pixelRatio,o=this.wavesurfer.drawer.getScrollX(),a=s/this.wavesurfer.drawer.width*o,n=Math.max(0,e/r*s)+a,h=this.formatTime(n);if(i){var l=this.outerWidth(this.displayTime);e-=l}this.style(this.showTime,{left:"".concat(e,"px"),top:"".concat(t,"px")}),this.style(this.displayTime,{visibility:"visible"}),this.displayTime.innerHTML="".concat(h)}}},{key:"showCursor",value:function(){this.style(this.cursor,{display:"flex"}),this.params.showTime&&this.style(this.showTime,{display:"flex"})}},{key:"hideCursor",value:function(){this.style(this.cursor,{display:"none"}),this.params.showTime&&this.style(this.showTime,{display:"none"})}},{key:"formatTime",value:function(e){return e=isNaN(e)?0:e,this.params.formatTimeCallback?this.params.formatTimeCallback(e):[e].map((function(e){return[Math.floor(e%3600/60),("00"+Math.floor(e%60)).slice(-2),("000"+Math.floor(e%1*1e3)).slice(-3)].join(":")}))}},{key:"outerWidth",value:function(e){if(!e)return 0;var t=e.offsetWidth,i=getComputedStyle(e);return t+=parseInt(i.marginLeft+i.marginRight)}}])&&i(t.prototype,s),r&&i(t,r),e}();t.default=s,e.exports=t.default}},t={};return function i(s){var r=t[s];if(void 0!==r)return r.exports;var o=t[s]={exports:{}};return e[s](o,o.exports,i),o.exports}(178)})()}));
 //# sourceMappingURL=wavesurfer.cursor.min.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["webpack://WaveSurfer.[name]/webpack/universalModuleDefinition","webpack://WaveSurfer.[name]/./src/plugin/cursor/index.js","webpack://WaveSurfer.[name]/webpack/bootstrap","webpack://WaveSurfer.[name]/webpack/startup"],"names":["root","factory","exports","module","define","amd","this","CursorPlugin","params","ws","defaultParams","hideOnBlur","width","color","opacity","style","zIndex","customStyle","customShowTimeStyle","showTime","followCursorY","formatTimeCallback","_onMousemove","e","bbox","wavesurfer","container","getBoundingClientRect","y","x","clientX","left","flip","right","outerWidth","displayTime","clientY","top","height","updateCursorPosition","_onMouseenter","showCursor","_onMouseleave","hideCursor","util","cursor","Object","assign","name","deferInit","staticProps","instance","wrapper","appendChild","document","createElement","position","bottom","display","borderRightStyle","borderRightWidth","borderRightColor","pointerEvents","margin","visibility","innerHTML","formatTime","addEventListener","parentNode","removeChild","removeEventListener","xpos","ypos","duration","getDuration","elementWidth","drawer","pixelRatio","scrollWidth","getScrollX","scrollTime","timeValue","Math","max","formatValue","textOffset","cursorTime","isNaN","map","time","floor","slice","join","element","offsetWidth","getComputedStyle","parseInt","marginLeft","marginRight","__webpack_module_cache__","__webpack_require__","moduleId","__webpack_modules__"],"mappings":"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","file":"wavesurfer.cursor.min.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"WaveSurfer\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"WaveSurfer\"] = factory();\n\telse\n\t\troot[\"WaveSurfer\"] = root[\"WaveSurfer\"] || {}, root[\"WaveSurfer\"][\"cursor\"] = factory();\n})(this, function() {\nreturn ","/**\n * @typedef {Object} CursorPluginParams\n * @property {?boolean} deferInit Set to true to stop auto init in `addPlugin()`\n * @property {boolean} hideOnBlur=true Hide the cursor when the mouse leaves the\n * waveform\n * @property {string} width='1px' The width of the cursor\n * @property {string} color='black' The color of the cursor\n * @property {string} opacity='0.25' The opacity of the cursor\n * @property {string} style='solid' The border style of the cursor\n * @property {number} zIndex=3 The z-index of the cursor element\n * @property {object} customStyle An object with custom styles which are applied\n * to the cursor element\n * @property {boolean} showTime=false Show the time on the cursor.\n * @property {object} customShowTimeStyle An object with custom styles which are\n * applied to the cursor time element.\n * @property {string} followCursorY=false Use `true` to make the time on\n * the cursor follow the x and the y-position of the mouse. Use `false` to make the\n * it only follow the x-position of the mouse.\n * @property {function} formatTimeCallback Formats the timestamp on the cursor.\n */\n\n/**\n * Displays a thin line at the position of the cursor on the waveform.\n *\n * @implements {PluginClass}\n * @extends {Observer}\n * @example\n * // es6\n * import CursorPlugin from 'wavesurfer.cursor.js';\n *\n * // commonjs\n * var CursorPlugin = require('wavesurfer.cursor.js');\n *\n * // if you are using <script> tags\n * var CursorPlugin = window.WaveSurfer.cursor;\n *\n * // ... initialising wavesurfer with the plugin\n * var wavesurfer = WaveSurfer.create({\n *   // wavesurfer options ...\n *   plugins: [\n *     CursorPlugin.create({\n *       // plugin options ...\n *     })\n *   ]\n * });\n */\nexport default class CursorPlugin {\n    /**\n     * Cursor plugin definition factory\n     *\n     * This function must be used to create a plugin definition which can be\n     * used by wavesurfer to correctly instantiate the plugin.\n     *\n     * @param  {CursorPluginParams} params parameters use to initialise the\n     * plugin\n     * @return {PluginDefinition} an object representing the plugin\n     */\n    static create(params) {\n        return {\n            name: 'cursor',\n            deferInit: params && params.deferInit ? params.deferInit : false,\n            params: params,\n            staticProps: {},\n            instance: CursorPlugin\n        };\n    }\n\n    /**\n     * @type {CursorPluginParams}\n     */\n    defaultParams = {\n        hideOnBlur: true,\n        width: '1px',\n        color: 'black',\n        opacity: '0.25',\n        style: 'solid',\n        zIndex: 4,\n        customStyle: {},\n        customShowTimeStyle: {},\n        showTime: false,\n        followCursorY: false,\n        formatTimeCallback: null\n    };\n\n    /**\n     * @param {object} e Mouse move event\n     */\n    _onMousemove = e => {\n        const bbox = this.wavesurfer.container.getBoundingClientRect();\n        let y = 0;\n        let x = e.clientX - bbox.left;\n        let flip = bbox.right < e.clientX + this.outerWidth(this.displayTime);\n\n        if (this.params.showTime && this.params.followCursorY) {\n            // follow y-position of the mouse\n            y = e.clientY - (bbox.top + bbox.height / 2);\n        }\n\n        this.updateCursorPosition(x, y, flip);\n    };\n\n    /**\n     * @returns {void}\n     */\n    _onMouseenter = () => this.showCursor();\n\n    /**\n     * @returns {void}\n     */\n    _onMouseleave = () => this.hideCursor();\n\n    /**\n     * Construct the plugin class. You probably want to use `CursorPlugin.create`\n     * instead.\n     *\n     * @param {CursorPluginParams} params Plugin parameters\n     * @param {object} ws Wavesurfer instance\n     */\n    constructor(params, ws) {\n        this.wavesurfer = ws;\n        this.style = ws.util.style;\n        /**\n         * The cursor HTML element\n         *\n         * @type {?HTMLElement}\n         */\n        this.cursor = null;\n        /**\n         * displays the time next to the cursor\n         *\n         * @type {?HTMLElement}\n         */\n        this.showTime = null;\n        /**\n         * The html container that will display the time\n         *\n         * @type {?HTMLElement}\n         */\n        this.displayTime = null;\n\n        this.params = Object.assign({}, this.defaultParams, params);\n    }\n\n    /**\n     * Initialise the plugin (used by the Plugin API)\n     */\n    init() {\n        this.wrapper = this.wavesurfer.container;\n        this.cursor = this.wrapper.appendChild(\n            this.style(\n                document.createElement('cursor'),\n                Object.assign(\n                    {\n                        position: 'absolute',\n                        zIndex: this.params.zIndex,\n                        left: 0,\n                        top: 0,\n                        bottom: 0,\n                        width: '0',\n                        display: 'flex',\n                        borderRightStyle: this.params.style,\n                        borderRightWidth: this.params.width,\n                        borderRightColor: this.params.color,\n                        opacity: this.params.opacity,\n                        pointerEvents: 'none'\n                    },\n                    this.params.customStyle\n                )\n            )\n        );\n        if (this.params.showTime) {\n            this.showTime = this.wrapper.appendChild(\n                this.style(\n                    document.createElement('showTitle'),\n                    Object.assign(\n                        {\n                            position: 'absolute',\n                            zIndex: this.params.zIndex,\n                            left: 0,\n                            top: 0,\n                            bottom: 0,\n                            width: 'auto',\n                            display: 'flex',\n                            opacity: this.params.opacity,\n                            pointerEvents: 'none',\n                            height: '100%'\n                        },\n                        this.params.customStyle\n                    )\n                )\n            );\n            this.displayTime = this.showTime.appendChild(\n                this.style(\n                    document.createElement('div'),\n                    Object.assign(\n                        {\n                            display: 'inline',\n                            pointerEvents: 'none',\n                            margin: 'auto',\n                            visibility: 'hidden' // initial value will be hidden just for measuring purpose\n                        },\n                        this.params.customShowTimeStyle\n                    )\n                )\n            );\n            // initial value to measure display width\n            this.displayTime.innerHTML = this.formatTime(0);\n        }\n\n        this.wrapper.addEventListener('mousemove', this._onMousemove);\n        if (this.params.hideOnBlur) {\n            // ensure elements are hidden initially\n            this.hideCursor();\n            this.wrapper.addEventListener('mouseenter', this._onMouseenter);\n            this.wrapper.addEventListener('mouseleave', this._onMouseleave);\n        }\n    }\n\n    /**\n     * Destroy the plugin (used by the Plugin API)\n     */\n    destroy() {\n        if (this.params.showTime) {\n            this.cursor.parentNode.removeChild(this.showTime);\n        }\n        this.cursor.parentNode.removeChild(this.cursor);\n        this.wrapper.removeEventListener('mousemove', this._onMousemove);\n        if (this.params.hideOnBlur) {\n            this.wrapper.removeEventListener('mouseenter', this._onMouseenter);\n            this.wrapper.removeEventListener('mouseleave', this._onMouseleave);\n        }\n    }\n\n    /**\n     * Update the cursor position\n     *\n     * @param {number} xpos The x offset of the cursor in pixels\n     * @param {number} ypos The y offset of the cursor in pixels\n     * @param {boolean} flip Flag to flip duration text from right to left\n     */\n    updateCursorPosition(xpos, ypos, flip = false) {\n        this.style(this.cursor, {\n            left: `${xpos}px`\n        });\n        if (this.params.showTime) {\n            const duration = this.wavesurfer.getDuration();\n            const elementWidth =\n                this.wavesurfer.drawer.width /\n                this.wavesurfer.params.pixelRatio;\n            const scrollWidth = this.wavesurfer.drawer.getScrollX();\n\n            const scrollTime =\n                (duration / this.wavesurfer.drawer.width) * scrollWidth;\n\n            const timeValue =\n                Math.max(0, (xpos / elementWidth) * duration) + scrollTime;\n            const formatValue = this.formatTime(timeValue);\n            if (flip) {\n                const textOffset = this.outerWidth(this.displayTime);\n                xpos -= textOffset;\n            }\n            this.style(this.showTime, {\n                left: `${xpos}px`,\n                top: `${ypos}px`\n            });\n            this.style(this.displayTime, {\n                visibility: 'visible'\n            });\n            this.displayTime.innerHTML = `${formatValue}`;\n        }\n    }\n\n    /**\n     * Show the cursor\n     */\n    showCursor() {\n        this.style(this.cursor, {\n            display: 'flex'\n        });\n        if (this.params.showTime) {\n            this.style(this.showTime, {\n                display: 'flex'\n            });\n        }\n    }\n\n    /**\n     * Hide the cursor\n     */\n    hideCursor() {\n        this.style(this.cursor, {\n            display: 'none'\n        });\n        if (this.params.showTime) {\n            this.style(this.showTime, {\n                display: 'none'\n            });\n        }\n    }\n\n    /**\n     * Format the timestamp for `cursorTime`.\n     *\n     * @param {number} cursorTime Time in seconds\n     * @returns {string} Formatted timestamp\n     */\n    formatTime(cursorTime) {\n        cursorTime = isNaN(cursorTime) ? 0 : cursorTime;\n\n        if (this.params.formatTimeCallback) {\n            return this.params.formatTimeCallback(cursorTime);\n        }\n        return [cursorTime].map(time =>\n            [\n                Math.floor((time % 3600) / 60), // minutes\n                ('00' + Math.floor(time % 60)).slice(-2), // seconds\n                ('000' + Math.floor((time % 1) * 1000)).slice(-3) // milliseconds\n            ].join(':')\n        );\n    }\n\n    /**\n     * Get outer width of given element.\n     *\n     * @param {DOM} element DOM Element\n     * @returns {number} outer width\n     */\n    outerWidth(element) {\n        if (!element) return 0;\n\n        let width = element.offsetWidth;\n        let style = getComputedStyle(element);\n\n        width += parseInt(style.marginLeft + style.marginRight);\n        return width;\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\tif(__webpack_module_cache__[moduleId]) {\n\t\treturn __webpack_module_cache__[moduleId].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__(178);\n"],"sourceRoot":""}
+{"version":3,"file":"wavesurfer.cursor.min.js","mappings":"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","sources":["webpack://WaveSurfer.[name]/webpack/universalModuleDefinition","webpack://WaveSurfer.[name]/./src/plugin/cursor/index.js","webpack://WaveSurfer.[name]/webpack/bootstrap","webpack://WaveSurfer.[name]/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\"][\"cursor\"] = factory();\n})(self, function() {\nreturn ","/**\n * @typedef {Object} CursorPluginParams\n * @property {?boolean} deferInit Set to true to stop auto init in `addPlugin()`\n * @property {boolean} hideOnBlur=true Hide the cursor when the mouse leaves the\n * waveform\n * @property {string} width='1px' The width of the cursor\n * @property {string} color='black' The color of the cursor\n * @property {string} opacity='0.25' The opacity of the cursor\n * @property {string} style='solid' The border style of the cursor\n * @property {number} zIndex=3 The z-index of the cursor element\n * @property {object} customStyle An object with custom styles which are applied\n * to the cursor element\n * @property {boolean} showTime=false Show the time on the cursor.\n * @property {object} customShowTimeStyle An object with custom styles which are\n * applied to the cursor time element.\n * @property {string} followCursorY=false Use `true` to make the time on\n * the cursor follow the x and the y-position of the mouse. Use `false` to make the\n * it only follow the x-position of the mouse.\n * @property {function} formatTimeCallback Formats the timestamp on the cursor.\n */\n\n/**\n * Displays a thin line at the position of the cursor on the waveform.\n *\n * @implements {PluginClass}\n * @extends {Observer}\n * @example\n * // es6\n * import CursorPlugin from 'wavesurfer.cursor.js';\n *\n * // commonjs\n * var CursorPlugin = require('wavesurfer.cursor.js');\n *\n * // if you are using <script> tags\n * var CursorPlugin = window.WaveSurfer.cursor;\n *\n * // ... initialising wavesurfer with the plugin\n * var wavesurfer = WaveSurfer.create({\n *   // wavesurfer options ...\n *   plugins: [\n *     CursorPlugin.create({\n *       // plugin options ...\n *     })\n *   ]\n * });\n */\nexport default class CursorPlugin {\n    /**\n     * Cursor plugin definition factory\n     *\n     * This function must be used to create a plugin definition which can be\n     * used by wavesurfer to correctly instantiate the plugin.\n     *\n     * @param  {CursorPluginParams} params parameters use to initialise the\n     * plugin\n     * @return {PluginDefinition} an object representing the plugin\n     */\n    static create(params) {\n        return {\n            name: 'cursor',\n            deferInit: params && params.deferInit ? params.deferInit : false,\n            params: params,\n            staticProps: {},\n            instance: CursorPlugin\n        };\n    }\n\n    /**\n     * @type {CursorPluginParams}\n     */\n    defaultParams = {\n        hideOnBlur: true,\n        width: '1px',\n        color: 'black',\n        opacity: '0.25',\n        style: 'solid',\n        zIndex: 4,\n        customStyle: {},\n        customShowTimeStyle: {},\n        showTime: false,\n        followCursorY: false,\n        formatTimeCallback: null\n    };\n\n    /**\n     * @param {object} e Mouse move event\n     */\n    _onMousemove = e => {\n        const bbox = this.wavesurfer.container.getBoundingClientRect();\n        let y = 0;\n        let x = e.clientX - bbox.left;\n        let flip = bbox.right < e.clientX + this.outerWidth(this.displayTime);\n\n        if (this.params.showTime && this.params.followCursorY) {\n            // follow y-position of the mouse\n            y = e.clientY - (bbox.top + bbox.height / 2);\n        }\n\n        this.updateCursorPosition(x, y, flip);\n    };\n\n    /**\n     * @returns {void}\n     */\n    _onMouseenter = () => this.showCursor();\n\n    /**\n     * @returns {void}\n     */\n    _onMouseleave = () => this.hideCursor();\n\n    /**\n     * Construct the plugin class. You probably want to use `CursorPlugin.create`\n     * instead.\n     *\n     * @param {CursorPluginParams} params Plugin parameters\n     * @param {object} ws Wavesurfer instance\n     */\n    constructor(params, ws) {\n        this.wavesurfer = ws;\n        this.style = ws.util.style;\n        /**\n         * The cursor HTML element\n         *\n         * @type {?HTMLElement}\n         */\n        this.cursor = null;\n        /**\n         * displays the time next to the cursor\n         *\n         * @type {?HTMLElement}\n         */\n        this.showTime = null;\n        /**\n         * The html container that will display the time\n         *\n         * @type {?HTMLElement}\n         */\n        this.displayTime = null;\n\n        this.params = Object.assign({}, this.defaultParams, params);\n    }\n\n    /**\n     * Initialise the plugin (used by the Plugin API)\n     */\n    init() {\n        this.wrapper = this.wavesurfer.container;\n        this.cursor = this.wrapper.appendChild(\n            this.style(\n                document.createElement('cursor'),\n                Object.assign(\n                    {\n                        position: 'absolute',\n                        zIndex: this.params.zIndex,\n                        left: 0,\n                        top: 0,\n                        bottom: 0,\n                        width: '0',\n                        display: 'flex',\n                        borderRightStyle: this.params.style,\n                        borderRightWidth: this.params.width,\n                        borderRightColor: this.params.color,\n                        opacity: this.params.opacity,\n                        pointerEvents: 'none'\n                    },\n                    this.params.customStyle\n                )\n            )\n        );\n        if (this.params.showTime) {\n            this.showTime = this.wrapper.appendChild(\n                this.style(\n                    document.createElement('showTitle'),\n                    Object.assign(\n                        {\n                            position: 'absolute',\n                            zIndex: this.params.zIndex,\n                            left: 0,\n                            top: 0,\n                            bottom: 0,\n                            width: 'auto',\n                            display: 'flex',\n                            opacity: this.params.opacity,\n                            pointerEvents: 'none',\n                            height: '100%'\n                        },\n                        this.params.customStyle\n                    )\n                )\n            );\n            this.displayTime = this.showTime.appendChild(\n                this.style(\n                    document.createElement('div'),\n                    Object.assign(\n                        {\n                            display: 'inline',\n                            pointerEvents: 'none',\n                            margin: 'auto',\n                            visibility: 'hidden' // initial value will be hidden just for measuring purpose\n                        },\n                        this.params.customShowTimeStyle\n                    )\n                )\n            );\n            // initial value to measure display width\n            this.displayTime.innerHTML = this.formatTime(0);\n        }\n\n        this.wrapper.addEventListener('mousemove', this._onMousemove);\n        if (this.params.hideOnBlur) {\n            // ensure elements are hidden initially\n            this.hideCursor();\n            this.wrapper.addEventListener('mouseenter', this._onMouseenter);\n            this.wrapper.addEventListener('mouseleave', this._onMouseleave);\n        }\n    }\n\n    /**\n     * Destroy the plugin (used by the Plugin API)\n     */\n    destroy() {\n        if (this.params.showTime) {\n            this.cursor.parentNode.removeChild(this.showTime);\n        }\n        this.cursor.parentNode.removeChild(this.cursor);\n        this.wrapper.removeEventListener('mousemove', this._onMousemove);\n        if (this.params.hideOnBlur) {\n            this.wrapper.removeEventListener('mouseenter', this._onMouseenter);\n            this.wrapper.removeEventListener('mouseleave', this._onMouseleave);\n        }\n    }\n\n    /**\n     * Update the cursor position\n     *\n     * @param {number} xpos The x offset of the cursor in pixels\n     * @param {number} ypos The y offset of the cursor in pixels\n     * @param {boolean} flip Flag to flip duration text from right to left\n     */\n    updateCursorPosition(xpos, ypos, flip = false) {\n        this.style(this.cursor, {\n            left: `${xpos}px`\n        });\n        if (this.params.showTime) {\n            const duration = this.wavesurfer.getDuration();\n            const elementWidth =\n                this.wavesurfer.drawer.width /\n                this.wavesurfer.params.pixelRatio;\n            const scrollWidth = this.wavesurfer.drawer.getScrollX();\n\n            const scrollTime =\n                (duration / this.wavesurfer.drawer.width) * scrollWidth;\n\n            const timeValue =\n                Math.max(0, (xpos / elementWidth) * duration) + scrollTime;\n            const formatValue = this.formatTime(timeValue);\n            if (flip) {\n                const textOffset = this.outerWidth(this.displayTime);\n                xpos -= textOffset;\n            }\n            this.style(this.showTime, {\n                left: `${xpos}px`,\n                top: `${ypos}px`\n            });\n            this.style(this.displayTime, {\n                visibility: 'visible'\n            });\n            this.displayTime.innerHTML = `${formatValue}`;\n        }\n    }\n\n    /**\n     * Show the cursor\n     */\n    showCursor() {\n        this.style(this.cursor, {\n            display: 'flex'\n        });\n        if (this.params.showTime) {\n            this.style(this.showTime, {\n                display: 'flex'\n            });\n        }\n    }\n\n    /**\n     * Hide the cursor\n     */\n    hideCursor() {\n        this.style(this.cursor, {\n            display: 'none'\n        });\n        if (this.params.showTime) {\n            this.style(this.showTime, {\n                display: 'none'\n            });\n        }\n    }\n\n    /**\n     * Format the timestamp for `cursorTime`.\n     *\n     * @param {number} cursorTime Time in seconds\n     * @returns {string} Formatted timestamp\n     */\n    formatTime(cursorTime) {\n        cursorTime = isNaN(cursorTime) ? 0 : cursorTime;\n\n        if (this.params.formatTimeCallback) {\n            return this.params.formatTimeCallback(cursorTime);\n        }\n        return [cursorTime].map(time =>\n            [\n                Math.floor((time % 3600) / 60), // minutes\n                ('00' + Math.floor(time % 60)).slice(-2), // seconds\n                ('000' + Math.floor((time % 1) * 1000)).slice(-3) // milliseconds\n            ].join(':')\n        );\n    }\n\n    /**\n     * Get outer width of given element.\n     *\n     * @param {DOM} element DOM Element\n     * @returns {number} outer width\n     */\n    outerWidth(element) {\n        if (!element) {\n            return 0;\n        }\n\n        let width = element.offsetWidth;\n        let style = getComputedStyle(element);\n\n        width += parseInt(style.marginLeft + style.marginRight);\n        return width;\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__(178);\n"],"names":["root","factory","exports","module","define","amd","self","CursorPlugin","params","ws","defaultParams","hideOnBlur","width","color","opacity","style","zIndex","customStyle","customShowTimeStyle","showTime","followCursorY","formatTimeCallback","_onMousemove","e","bbox","wavesurfer","container","getBoundingClientRect","y","x","clientX","left","flip","right","outerWidth","displayTime","clientY","top","height","updateCursorPosition","_onMouseenter","showCursor","_onMouseleave","hideCursor","this","util","cursor","Object","assign","name","deferInit","staticProps","instance","wrapper","appendChild","document","createElement","position","bottom","display","borderRightStyle","borderRightWidth","borderRightColor","pointerEvents","margin","visibility","innerHTML","formatTime","addEventListener","parentNode","removeChild","removeEventListener","xpos","ypos","duration","getDuration","elementWidth","drawer","pixelRatio","scrollWidth","getScrollX","scrollTime","timeValue","Math","max","formatValue","textOffset","cursorTime","isNaN","map","time","floor","slice","join","element","offsetWidth","getComputedStyle","parseInt","marginLeft","marginRight","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__"],"sourceRoot":""}

package/dist/plugin/wavesurfer.elan.js

@@ -1,5 +1,5 @@
 /*!
- * wavesurfer.js elan plugin 4.6.0 (2021-03-05)
+ * wavesurfer.js elan plugin 5.2.0 (2021-08-16)
  * https://wavesurfer-js.org
  * @license BSD-3-Clause
  */
@@ -12,7 +12,7 @@
 		exports["WaveSurfer"] = factory();
 	else
 		root["WaveSurfer"] = root["WaveSurfer"] || {}, root["WaveSurfer"]["elan"] = factory();
-})(this, function() {
+})(self, function() {
 return /******/ (() => { // webpackBootstrap
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
@@ -373,8 +373,9 @@ module.exports = exports.default;
 /******/ 	// The require function
 /******/ 	function __webpack_require__(moduleId) {
 /******/ 		// Check if module is in cache
-/******/ 		if(__webpack_module_cache__[moduleId]) {
-/******/ 			return __webpack_module_cache__[moduleId].exports;
+/******/ 		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] = {

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

@@ -1 +1 @@
-{"version":3,"sources":["webpack://WaveSurfer.[name]/webpack/universalModuleDefinition","webpack://WaveSurfer.[name]/./src/plugin/elan/index.js","webpack://WaveSurfer.[name]/webpack/bootstrap","webpack://WaveSurfer.[name]/webpack/startup"],"names":["ElanPlugin","params","ws","Types","ALIGNABLE_ANNOTATION","REF_ANNOTATION","data","container","document","querySelector","Error","bindClick","url","load","removeEventListener","_onClick","removeChild","table","loadXML","xml","parseElan","render","fireEvent","callback","xhr","XMLHttpRequest","open","responseType","send","addEventListener","e","target","responseXML","_forEach","Array","prototype","forEach","_map","map","media","timeOrder","tiers","annotations","alignableAnnotations","header","inMilliseconds","getAttribute","type","timeSlots","querySelectorAll","call","slot","value","parseFloat","Math","round","tier","id","linguisticTypeRef","defaultLocale","node","annot","nodeName","ref","textContent","trim","start","end","push","reference","sort","a","b","d","length","filter","backRefs","indeces","index","Object","keys","renderedAlignable","alignable","createElement","className","thead","headRow","appendChild","th","style","width","tbody","row","td","toFixed","backRef","annotation","dataset","innerHTML","time","result","some","getElementById","name","deferInit","instance"],"mappings":"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","file":"wavesurfer.elan.js","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\"][\"elan\"] = factory();\n})(this, function() {\nreturn ","/**\n * @typedef {Object} ElanPluginParams\n * @property {string|HTMLElement} container CSS selector or HTML element where\n * the ELAN information should be rendered.\n * @property {string} url The location of ELAN XML data\n * @property {?boolean} deferInit Set to true to manually call\n * @property {?Object} tiers If set only shows the data tiers with the `TIER_ID`\n * in this map.\n */\n\n/**\n * Downloads and renders ELAN audio transcription documents alongside the\n * waveform.\n *\n * @implements {PluginClass}\n * @extends {Observer}\n * @example\n * // es6\n * import ElanPlugin from 'wavesurfer.elan.js';\n *\n * // commonjs\n * var ElanPlugin = require('wavesurfer.elan.js');\n *\n * // if you are using <script> tags\n * var ElanPlugin = window.WaveSurfer.elan;\n *\n * // ... initialising wavesurfer with the plugin\n * var wavesurfer = WaveSurfer.create({\n *   // wavesurfer options ...\n *   plugins: [\n *     ElanPlugin.create({\n *       // plugin options ...\n *     })\n *   ]\n * });\n */\nexport default class ElanPlugin {\n    /**\n     * Elan 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  {ElanPluginParams} params parameters use to initialise the plugin\n     * @return {PluginDefinition} an object representing the plugin\n     */\n    static create(params) {\n        return {\n            name: 'elan',\n            deferInit: params && params.deferInit ? params.deferInit : false,\n            params: params,\n            instance: ElanPlugin\n        };\n    }\n\n    Types = {\n        ALIGNABLE_ANNOTATION: 'ALIGNABLE_ANNOTATION',\n        REF_ANNOTATION: 'REF_ANNOTATION'\n    };\n\n    constructor(params, ws) {\n        this.data = null;\n        this.params = params;\n        this.container =\n            'string' == typeof params.container\n                ? document.querySelector(params.container)\n                : params.container;\n\n        if (!this.container) {\n            throw Error('No container for ELAN');\n        }\n    }\n\n    init() {\n        this.bindClick();\n\n        if (this.params.url) {\n            this.load(this.params.url);\n        }\n    }\n\n    destroy() {\n        this.container.removeEventListener('click', this._onClick);\n        this.container.removeChild(this.table);\n    }\n\n    load(url) {\n        this.loadXML(url, xml => {\n            this.data = this.parseElan(xml);\n            this.render();\n            this.fireEvent('ready', this.data);\n        });\n    }\n\n    loadXML(url, callback) {\n        const xhr = new XMLHttpRequest();\n        xhr.open('GET', url, true);\n        xhr.responseType = 'document';\n        xhr.send();\n        xhr.addEventListener('load', e => {\n            callback && callback(e.target.responseXML);\n        });\n    }\n\n    parseElan(xml) {\n        const _forEach = Array.prototype.forEach;\n        const _map = Array.prototype.map;\n\n        const data = {\n            media: {},\n            timeOrder: {},\n            tiers: [],\n            annotations: {},\n            alignableAnnotations: []\n        };\n\n        const header = xml.querySelector('HEADER');\n        const inMilliseconds =\n            header.getAttribute('TIME_UNITS') == 'milliseconds';\n        const media = header.querySelector('MEDIA_DESCRIPTOR');\n        data.media.url = media.getAttribute('MEDIA_URL');\n        data.media.type = media.getAttribute('MIME_TYPE');\n\n        const timeSlots = xml.querySelectorAll('TIME_ORDER TIME_SLOT');\n        const timeOrder = {};\n        _forEach.call(timeSlots, slot => {\n            let value = parseFloat(slot.getAttribute('TIME_VALUE'));\n            // If in milliseconds, convert to seconds with rounding\n            if (inMilliseconds) {\n                value = Math.round(value * 1e2) / 1e5;\n            }\n            timeOrder[slot.getAttribute('TIME_SLOT_ID')] = value;\n        });\n\n        data.tiers = _map.call(xml.querySelectorAll('TIER'), tier => ({\n            id: tier.getAttribute('TIER_ID'),\n            linguisticTypeRef: tier.getAttribute('LINGUISTIC_TYPE_REF'),\n            defaultLocale: tier.getAttribute('DEFAULT_LOCALE'),\n            annotations: _map.call(\n                tier.querySelectorAll('REF_ANNOTATION, ALIGNABLE_ANNOTATION'),\n                node => {\n                    const annot = {\n                        type: node.nodeName,\n                        id: node.getAttribute('ANNOTATION_ID'),\n                        ref: node.getAttribute('ANNOTATION_REF'),\n                        value: node\n                            .querySelector('ANNOTATION_VALUE')\n                            .textContent.trim()\n                    };\n\n                    if (this.Types.ALIGNABLE_ANNOTATION == annot.type) {\n                        // Add start & end to alignable annotation\n                        annot.start =\n                            timeOrder[node.getAttribute('TIME_SLOT_REF1')];\n                        annot.end =\n                            timeOrder[node.getAttribute('TIME_SLOT_REF2')];\n                        // Add to the list of alignable annotations\n                        data.alignableAnnotations.push(annot);\n                    }\n\n                    // Additionally, put into the flat map of all annotations\n                    data.annotations[annot.id] = annot;\n\n                    return annot;\n                }\n            )\n        }));\n\n        // Create JavaScript references between annotations\n        data.tiers.forEach(tier => {\n            tier.annotations.forEach(annot => {\n                if (null != annot.ref) {\n                    annot.reference = data.annotations[annot.ref];\n                }\n            });\n        });\n\n        // Sort alignable annotations by start & end\n        data.alignableAnnotations.sort((a, b) => {\n            let d = a.start - b.start;\n            if (d == 0) {\n                d = b.end - a.end;\n            }\n            return d;\n        });\n\n        data.length = data.alignableAnnotations.length;\n\n        return data;\n    }\n\n    render() {\n        // apply tiers filter\n        let tiers = this.data.tiers;\n        if (this.params.tiers) {\n            tiers = tiers.filter(tier => tier.id in this.params.tiers);\n        }\n\n        // denormalize references to alignable annotations\n        const backRefs = {};\n        let indeces = {};\n        tiers.forEach((tier, index) => {\n            tier.annotations.forEach(annot => {\n                if (\n                    annot.reference &&\n                    annot.reference.type == this.Types.ALIGNABLE_ANNOTATION\n                ) {\n                    if (!(annot.reference.id in backRefs)) {\n                        backRefs[annot.ref] = {};\n                    }\n                    backRefs[annot.ref][index] = annot;\n                    indeces[index] = true;\n                }\n            });\n        });\n        indeces = Object.keys(indeces).sort();\n\n        this.renderedAlignable = this.data.alignableAnnotations.filter(\n            alignable => backRefs[alignable.id]\n        );\n\n        // table\n        const table = (this.table = document.createElement('table'));\n        table.className = 'wavesurfer-annotations';\n\n        // head\n        const thead = document.createElement('thead');\n        const headRow = document.createElement('tr');\n        thead.appendChild(headRow);\n        table.appendChild(thead);\n        const th = document.createElement('th');\n        th.textContent = 'Time';\n        th.className = 'wavesurfer-time';\n        headRow.appendChild(th);\n        indeces.forEach(index => {\n            const tier = tiers[index];\n            const th = document.createElement('th');\n            th.className = 'wavesurfer-tier-' + tier.id;\n            th.textContent = tier.id;\n            if (this.params.tiers) { th.style.width = this.params.tiers[tier.id]; }\n            headRow.appendChild(th);\n        });\n\n        // body\n        const tbody = document.createElement('tbody');\n        table.appendChild(tbody);\n        this.renderedAlignable.forEach(alignable => {\n            const row = document.createElement('tr');\n            row.id = 'wavesurfer-alignable-' + alignable.id;\n            tbody.appendChild(row);\n\n            const td = document.createElement('td');\n            td.className = 'wavesurfer-time';\n            td.textContent =\n                alignable.start.toFixed(1) + '–' + alignable.end.toFixed(1);\n            row.appendChild(td);\n\n            const backRef = backRefs[alignable.id];\n            indeces.forEach(index => {\n                const tier = tiers[index];\n                const td = document.createElement('td');\n                const annotation = backRef[index];\n                if (annotation) {\n                    td.id = 'wavesurfer-annotation-' + annotation.id;\n                    td.dataset.ref = alignable.id;\n                    td.dataset.start = alignable.start;\n                    td.dataset.end = alignable.end;\n                    td.textContent = annotation.value;\n                }\n                td.className = 'wavesurfer-tier-' + tier.id;\n                row.appendChild(td);\n            });\n        });\n\n        this.container.innerHTML = '';\n        this.container.appendChild(table);\n    }\n\n    bindClick() {\n        this._onClick = e => {\n            const ref = e.target.dataset.ref;\n            if (null != ref) {\n                const annot = this.data.annotations[ref];\n                if (annot) {\n                    this.fireEvent('select', annot.start, annot.end);\n                }\n            }\n        };\n        this.container.addEventListener('click', this._onClick);\n    }\n\n    getRenderedAnnotation(time) {\n        let result;\n        this.renderedAlignable.some(annotation => {\n            if (annotation.start <= time && annotation.end >= time) {\n                result = annotation;\n                return true;\n            }\n            return false;\n        });\n        return result;\n    }\n\n    getAnnotationNode(annotation) {\n        return document.getElementById('wavesurfer-alignable-' + annotation.id);\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\tif(__webpack_module_cache__[moduleId]) {\n\t\treturn __webpack_module_cache__[moduleId].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/elan/index.js\");\n"],"sourceRoot":""}
+{"version":3,"file":"wavesurfer.elan.js","mappings":"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","sources":["webpack://WaveSurfer.[name]/webpack/universalModuleDefinition","webpack://WaveSurfer.[name]/./src/plugin/elan/index.js","webpack://WaveSurfer.[name]/webpack/bootstrap","webpack://WaveSurfer.[name]/webpack/before-startup","webpack://WaveSurfer.[name]/webpack/startup","webpack://WaveSurfer.[name]/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\"][\"elan\"] = factory();\n})(self, function() {\nreturn ","/**\n * @typedef {Object} ElanPluginParams\n * @property {string|HTMLElement} container CSS selector or HTML element where\n * the ELAN information should be rendered.\n * @property {string} url The location of ELAN XML data\n * @property {?boolean} deferInit Set to true to manually call\n * @property {?Object} tiers If set only shows the data tiers with the `TIER_ID`\n * in this map.\n */\n\n/**\n * Downloads and renders ELAN audio transcription documents alongside the\n * waveform.\n *\n * @implements {PluginClass}\n * @extends {Observer}\n * @example\n * // es6\n * import ElanPlugin from 'wavesurfer.elan.js';\n *\n * // commonjs\n * var ElanPlugin = require('wavesurfer.elan.js');\n *\n * // if you are using <script> tags\n * var ElanPlugin = window.WaveSurfer.elan;\n *\n * // ... initialising wavesurfer with the plugin\n * var wavesurfer = WaveSurfer.create({\n *   // wavesurfer options ...\n *   plugins: [\n *     ElanPlugin.create({\n *       // plugin options ...\n *     })\n *   ]\n * });\n */\nexport default class ElanPlugin {\n    /**\n     * Elan 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  {ElanPluginParams} params parameters use to initialise the plugin\n     * @return {PluginDefinition} an object representing the plugin\n     */\n    static create(params) {\n        return {\n            name: 'elan',\n            deferInit: params && params.deferInit ? params.deferInit : false,\n            params: params,\n            instance: ElanPlugin\n        };\n    }\n\n    Types = {\n        ALIGNABLE_ANNOTATION: 'ALIGNABLE_ANNOTATION',\n        REF_ANNOTATION: 'REF_ANNOTATION'\n    };\n\n    constructor(params, ws) {\n        this.data = null;\n        this.params = params;\n        this.container =\n            'string' == typeof params.container\n                ? document.querySelector(params.container)\n                : params.container;\n\n        if (!this.container) {\n            throw Error('No container for ELAN');\n        }\n    }\n\n    init() {\n        this.bindClick();\n\n        if (this.params.url) {\n            this.load(this.params.url);\n        }\n    }\n\n    destroy() {\n        this.container.removeEventListener('click', this._onClick);\n        this.container.removeChild(this.table);\n    }\n\n    load(url) {\n        this.loadXML(url, xml => {\n            this.data = this.parseElan(xml);\n            this.render();\n            this.fireEvent('ready', this.data);\n        });\n    }\n\n    loadXML(url, callback) {\n        const xhr = new XMLHttpRequest();\n        xhr.open('GET', url, true);\n        xhr.responseType = 'document';\n        xhr.send();\n        xhr.addEventListener('load', e => {\n            callback && callback(e.target.responseXML);\n        });\n    }\n\n    parseElan(xml) {\n        const _forEach = Array.prototype.forEach;\n        const _map = Array.prototype.map;\n\n        const data = {\n            media: {},\n            timeOrder: {},\n            tiers: [],\n            annotations: {},\n            alignableAnnotations: []\n        };\n\n        const header = xml.querySelector('HEADER');\n        const inMilliseconds =\n            header.getAttribute('TIME_UNITS') == 'milliseconds';\n        const media = header.querySelector('MEDIA_DESCRIPTOR');\n        data.media.url = media.getAttribute('MEDIA_URL');\n        data.media.type = media.getAttribute('MIME_TYPE');\n\n        const timeSlots = xml.querySelectorAll('TIME_ORDER TIME_SLOT');\n        const timeOrder = {};\n        _forEach.call(timeSlots, slot => {\n            let value = parseFloat(slot.getAttribute('TIME_VALUE'));\n            // If in milliseconds, convert to seconds with rounding\n            if (inMilliseconds) {\n                value = Math.round(value * 1e2) / 1e5;\n            }\n            timeOrder[slot.getAttribute('TIME_SLOT_ID')] = value;\n        });\n\n        data.tiers = _map.call(xml.querySelectorAll('TIER'), tier => ({\n            id: tier.getAttribute('TIER_ID'),\n            linguisticTypeRef: tier.getAttribute('LINGUISTIC_TYPE_REF'),\n            defaultLocale: tier.getAttribute('DEFAULT_LOCALE'),\n            annotations: _map.call(\n                tier.querySelectorAll('REF_ANNOTATION, ALIGNABLE_ANNOTATION'),\n                node => {\n                    const annot = {\n                        type: node.nodeName,\n                        id: node.getAttribute('ANNOTATION_ID'),\n                        ref: node.getAttribute('ANNOTATION_REF'),\n                        value: node\n                            .querySelector('ANNOTATION_VALUE')\n                            .textContent.trim()\n                    };\n\n                    if (this.Types.ALIGNABLE_ANNOTATION == annot.type) {\n                        // Add start & end to alignable annotation\n                        annot.start =\n                            timeOrder[node.getAttribute('TIME_SLOT_REF1')];\n                        annot.end =\n                            timeOrder[node.getAttribute('TIME_SLOT_REF2')];\n                        // Add to the list of alignable annotations\n                        data.alignableAnnotations.push(annot);\n                    }\n\n                    // Additionally, put into the flat map of all annotations\n                    data.annotations[annot.id] = annot;\n\n                    return annot;\n                }\n            )\n        }));\n\n        // Create JavaScript references between annotations\n        data.tiers.forEach(tier => {\n            tier.annotations.forEach(annot => {\n                if (null != annot.ref) {\n                    annot.reference = data.annotations[annot.ref];\n                }\n            });\n        });\n\n        // Sort alignable annotations by start & end\n        data.alignableAnnotations.sort((a, b) => {\n            let d = a.start - b.start;\n            if (d == 0) {\n                d = b.end - a.end;\n            }\n            return d;\n        });\n\n        data.length = data.alignableAnnotations.length;\n\n        return data;\n    }\n\n    render() {\n        // apply tiers filter\n        let tiers = this.data.tiers;\n        if (this.params.tiers) {\n            tiers = tiers.filter(tier => tier.id in this.params.tiers);\n        }\n\n        // denormalize references to alignable annotations\n        const backRefs = {};\n        let indeces = {};\n        tiers.forEach((tier, index) => {\n            tier.annotations.forEach(annot => {\n                if (\n                    annot.reference &&\n                    annot.reference.type == this.Types.ALIGNABLE_ANNOTATION\n                ) {\n                    if (!(annot.reference.id in backRefs)) {\n                        backRefs[annot.ref] = {};\n                    }\n                    backRefs[annot.ref][index] = annot;\n                    indeces[index] = true;\n                }\n            });\n        });\n        indeces = Object.keys(indeces).sort();\n\n        this.renderedAlignable = this.data.alignableAnnotations.filter(\n            alignable => backRefs[alignable.id]\n        );\n\n        // table\n        const table = (this.table = document.createElement('table'));\n        table.className = 'wavesurfer-annotations';\n\n        // head\n        const thead = document.createElement('thead');\n        const headRow = document.createElement('tr');\n        thead.appendChild(headRow);\n        table.appendChild(thead);\n        const th = document.createElement('th');\n        th.textContent = 'Time';\n        th.className = 'wavesurfer-time';\n        headRow.appendChild(th);\n        indeces.forEach(index => {\n            const tier = tiers[index];\n            const th = document.createElement('th');\n            th.className = 'wavesurfer-tier-' + tier.id;\n            th.textContent = tier.id;\n            if (this.params.tiers) { th.style.width = this.params.tiers[tier.id]; }\n            headRow.appendChild(th);\n        });\n\n        // body\n        const tbody = document.createElement('tbody');\n        table.appendChild(tbody);\n        this.renderedAlignable.forEach(alignable => {\n            const row = document.createElement('tr');\n            row.id = 'wavesurfer-alignable-' + alignable.id;\n            tbody.appendChild(row);\n\n            const td = document.createElement('td');\n            td.className = 'wavesurfer-time';\n            td.textContent =\n                alignable.start.toFixed(1) + '–' + alignable.end.toFixed(1);\n            row.appendChild(td);\n\n            const backRef = backRefs[alignable.id];\n            indeces.forEach(index => {\n                const tier = tiers[index];\n                const td = document.createElement('td');\n                const annotation = backRef[index];\n                if (annotation) {\n                    td.id = 'wavesurfer-annotation-' + annotation.id;\n                    td.dataset.ref = alignable.id;\n                    td.dataset.start = alignable.start;\n                    td.dataset.end = alignable.end;\n                    td.textContent = annotation.value;\n                }\n                td.className = 'wavesurfer-tier-' + tier.id;\n                row.appendChild(td);\n            });\n        });\n\n        this.container.innerHTML = '';\n        this.container.appendChild(table);\n    }\n\n    bindClick() {\n        this._onClick = e => {\n            const ref = e.target.dataset.ref;\n            if (null != ref) {\n                const annot = this.data.annotations[ref];\n                if (annot) {\n                    this.fireEvent('select', annot.start, annot.end);\n                }\n            }\n        };\n        this.container.addEventListener('click', this._onClick);\n    }\n\n    getRenderedAnnotation(time) {\n        let result;\n        this.renderedAlignable.some(annotation => {\n            if (annotation.start <= time && annotation.end >= time) {\n                result = annotation;\n                return true;\n            }\n            return false;\n        });\n        return result;\n    }\n\n    getAnnotationNode(annotation) {\n        return document.getElementById('wavesurfer-alignable-' + annotation.id);\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/elan/index.js\");\n",""],"names":["ElanPlugin","params","ws","Types","ALIGNABLE_ANNOTATION","REF_ANNOTATION","data","container","document","querySelector","Error","bindClick","url","load","removeEventListener","_onClick","removeChild","table","loadXML","xml","parseElan","render","fireEvent","callback","xhr","XMLHttpRequest","open","responseType","send","addEventListener","e","target","responseXML","_forEach","Array","prototype","forEach","_map","map","media","timeOrder","tiers","annotations","alignableAnnotations","header","inMilliseconds","getAttribute","type","timeSlots","querySelectorAll","call","slot","value","parseFloat","Math","round","tier","id","linguisticTypeRef","defaultLocale","node","annot","nodeName","ref","textContent","trim","start","end","push","reference","sort","a","b","d","length","filter","backRefs","indeces","index","Object","keys","renderedAlignable","alignable","createElement","className","thead","headRow","appendChild","th","style","width","tbody","row","td","toFixed","backRef","annotation","dataset","innerHTML","time","result","some","getElementById","name","deferInit","instance"],"sourceRoot":""}

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

@@ -1,7 +1,7 @@
 /*!
- * wavesurfer.js elan plugin 4.6.0 (2021-03-05)
+ * wavesurfer.js elan plugin 5.2.0 (2021-08-16)
  * 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.elan=t())}(this,(function(){return(()=>{"use strict";var e={375:(e,t)=>{function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=function(){function e(t,n){if(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.Types={ALIGNABLE_ANNOTATION:"ALIGNABLE_ANNOTATION",REF_ANNOTATION:"REF_ANNOTATION"},this.data=null,this.params=t,this.container="string"==typeof t.container?document.querySelector(t.container):t.container,!this.container)throw Error("No container for ELAN")}var t,r,a;return t=e,a=[{key:"create",value:function(t){return{name:"elan",deferInit:!(!t||!t.deferInit)&&t.deferInit,params:t,instance:e}}}],(r=[{key:"init",value:function(){this.bindClick(),this.params.url&&this.load(this.params.url)}},{key:"destroy",value:function(){this.container.removeEventListener("click",this._onClick),this.container.removeChild(this.table)}},{key:"load",value:function(e){var t=this;this.loadXML(e,(function(e){t.data=t.parseElan(e),t.render(),t.fireEvent("ready",t.data)}))}},{key:"loadXML",value:function(e,t){var n=new XMLHttpRequest;n.open("GET",e,!0),n.responseType="document",n.send(),n.addEventListener("load",(function(e){t&&t(e.target.responseXML)}))}},{key:"parseElan",value:function(e){var t=this,n=Array.prototype.forEach,r=Array.prototype.map,a={media:{},timeOrder:{},tiers:[],annotations:{},alignableAnnotations:[]},i=e.querySelector("HEADER"),o="milliseconds"==i.getAttribute("TIME_UNITS"),s=i.querySelector("MEDIA_DESCRIPTOR");a.media.url=s.getAttribute("MEDIA_URL"),a.media.type=s.getAttribute("MIME_TYPE");var l=e.querySelectorAll("TIME_ORDER TIME_SLOT"),u={};return n.call(l,(function(e){var t=parseFloat(e.getAttribute("TIME_VALUE"));o&&(t=Math.round(100*t)/1e5),u[e.getAttribute("TIME_SLOT_ID")]=t})),a.tiers=r.call(e.querySelectorAll("TIER"),(function(e){return{id:e.getAttribute("TIER_ID"),linguisticTypeRef:e.getAttribute("LINGUISTIC_TYPE_REF"),defaultLocale:e.getAttribute("DEFAULT_LOCALE"),annotations:r.call(e.querySelectorAll("REF_ANNOTATION, ALIGNABLE_ANNOTATION"),(function(e){var n={type:e.nodeName,id:e.getAttribute("ANNOTATION_ID"),ref:e.getAttribute("ANNOTATION_REF"),value:e.querySelector("ANNOTATION_VALUE").textContent.trim()};return t.Types.ALIGNABLE_ANNOTATION==n.type&&(n.start=u[e.getAttribute("TIME_SLOT_REF1")],n.end=u[e.getAttribute("TIME_SLOT_REF2")],a.alignableAnnotations.push(n)),a.annotations[n.id]=n,n}))}})),a.tiers.forEach((function(e){e.annotations.forEach((function(e){null!=e.ref&&(e.reference=a.annotations[e.ref])}))})),a.alignableAnnotations.sort((function(e,t){var n=e.start-t.start;return 0==n&&(n=t.end-e.end),n})),a.length=a.alignableAnnotations.length,a}},{key:"render",value:function(){var e=this,t=this.data.tiers;this.params.tiers&&(t=t.filter((function(t){return t.id in e.params.tiers})));var n={},r={};t.forEach((function(t,a){t.annotations.forEach((function(t){t.reference&&t.reference.type==e.Types.ALIGNABLE_ANNOTATION&&(t.reference.id in n||(n[t.ref]={}),n[t.ref][a]=t,r[a]=!0)}))})),r=Object.keys(r).sort(),this.renderedAlignable=this.data.alignableAnnotations.filter((function(e){return n[e.id]}));var a=this.table=document.createElement("table");a.className="wavesurfer-annotations";var i=document.createElement("thead"),o=document.createElement("tr");i.appendChild(o),a.appendChild(i);var s=document.createElement("th");s.textContent="Time",s.className="wavesurfer-time",o.appendChild(s),r.forEach((function(n){var r=t[n],a=document.createElement("th");a.className="wavesurfer-tier-"+r.id,a.textContent=r.id,e.params.tiers&&(a.style.width=e.params.tiers[r.id]),o.appendChild(a)}));var l=document.createElement("tbody");a.appendChild(l),this.renderedAlignable.forEach((function(e){var a=document.createElement("tr");a.id="wavesurfer-alignable-"+e.id,l.appendChild(a);var i=document.createElement("td");i.className="wavesurfer-time",i.textContent=e.start.toFixed(1)+"–"+e.end.toFixed(1),a.appendChild(i);var o=n[e.id];r.forEach((function(n){var r=t[n],i=document.createElement("td"),s=o[n];s&&(i.id="wavesurfer-annotation-"+s.id,i.dataset.ref=e.id,i.dataset.start=e.start,i.dataset.end=e.end,i.textContent=s.value),i.className="wavesurfer-tier-"+r.id,a.appendChild(i)}))})),this.container.innerHTML="",this.container.appendChild(a)}},{key:"bindClick",value:function(){var e=this;this._onClick=function(t){var n=t.target.dataset.ref;if(null!=n){var r=e.data.annotations[n];r&&e.fireEvent("select",r.start,r.end)}},this.container.addEventListener("click",this._onClick)}},{key:"getRenderedAnnotation",value:function(e){var t;return this.renderedAlignable.some((function(n){return n.start<=e&&n.end>=e&&(t=n,!0)})),t}},{key:"getAnnotationNode",value:function(e){return document.getElementById("wavesurfer-alignable-"+e.id)}}])&&n(t.prototype,r),a&&n(t,a),e}();t.default=r,e.exports=t.default}},t={};return function n(r){if(t[r])return t[r].exports;var a=t[r]={exports:{}};return e[r](a,a.exports,n),a.exports}(375)})()}));
+!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.elan=t())}(self,(function(){return(()=>{"use strict";var e={375:(e,t)=>{function n(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=function(){function e(t,n){if(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.Types={ALIGNABLE_ANNOTATION:"ALIGNABLE_ANNOTATION",REF_ANNOTATION:"REF_ANNOTATION"},this.data=null,this.params=t,this.container="string"==typeof t.container?document.querySelector(t.container):t.container,!this.container)throw Error("No container for ELAN")}var t,r,a;return t=e,a=[{key:"create",value:function(t){return{name:"elan",deferInit:!(!t||!t.deferInit)&&t.deferInit,params:t,instance:e}}}],(r=[{key:"init",value:function(){this.bindClick(),this.params.url&&this.load(this.params.url)}},{key:"destroy",value:function(){this.container.removeEventListener("click",this._onClick),this.container.removeChild(this.table)}},{key:"load",value:function(e){var t=this;this.loadXML(e,(function(e){t.data=t.parseElan(e),t.render(),t.fireEvent("ready",t.data)}))}},{key:"loadXML",value:function(e,t){var n=new XMLHttpRequest;n.open("GET",e,!0),n.responseType="document",n.send(),n.addEventListener("load",(function(e){t&&t(e.target.responseXML)}))}},{key:"parseElan",value:function(e){var t=this,n=Array.prototype.forEach,r=Array.prototype.map,a={media:{},timeOrder:{},tiers:[],annotations:{},alignableAnnotations:[]},i=e.querySelector("HEADER"),o="milliseconds"==i.getAttribute("TIME_UNITS"),s=i.querySelector("MEDIA_DESCRIPTOR");a.media.url=s.getAttribute("MEDIA_URL"),a.media.type=s.getAttribute("MIME_TYPE");var l=e.querySelectorAll("TIME_ORDER TIME_SLOT"),u={};return n.call(l,(function(e){var t=parseFloat(e.getAttribute("TIME_VALUE"));o&&(t=Math.round(100*t)/1e5),u[e.getAttribute("TIME_SLOT_ID")]=t})),a.tiers=r.call(e.querySelectorAll("TIER"),(function(e){return{id:e.getAttribute("TIER_ID"),linguisticTypeRef:e.getAttribute("LINGUISTIC_TYPE_REF"),defaultLocale:e.getAttribute("DEFAULT_LOCALE"),annotations:r.call(e.querySelectorAll("REF_ANNOTATION, ALIGNABLE_ANNOTATION"),(function(e){var n={type:e.nodeName,id:e.getAttribute("ANNOTATION_ID"),ref:e.getAttribute("ANNOTATION_REF"),value:e.querySelector("ANNOTATION_VALUE").textContent.trim()};return t.Types.ALIGNABLE_ANNOTATION==n.type&&(n.start=u[e.getAttribute("TIME_SLOT_REF1")],n.end=u[e.getAttribute("TIME_SLOT_REF2")],a.alignableAnnotations.push(n)),a.annotations[n.id]=n,n}))}})),a.tiers.forEach((function(e){e.annotations.forEach((function(e){null!=e.ref&&(e.reference=a.annotations[e.ref])}))})),a.alignableAnnotations.sort((function(e,t){var n=e.start-t.start;return 0==n&&(n=t.end-e.end),n})),a.length=a.alignableAnnotations.length,a}},{key:"render",value:function(){var e=this,t=this.data.tiers;this.params.tiers&&(t=t.filter((function(t){return t.id in e.params.tiers})));var n={},r={};t.forEach((function(t,a){t.annotations.forEach((function(t){t.reference&&t.reference.type==e.Types.ALIGNABLE_ANNOTATION&&(t.reference.id in n||(n[t.ref]={}),n[t.ref][a]=t,r[a]=!0)}))})),r=Object.keys(r).sort(),this.renderedAlignable=this.data.alignableAnnotations.filter((function(e){return n[e.id]}));var a=this.table=document.createElement("table");a.className="wavesurfer-annotations";var i=document.createElement("thead"),o=document.createElement("tr");i.appendChild(o),a.appendChild(i);var s=document.createElement("th");s.textContent="Time",s.className="wavesurfer-time",o.appendChild(s),r.forEach((function(n){var r=t[n],a=document.createElement("th");a.className="wavesurfer-tier-"+r.id,a.textContent=r.id,e.params.tiers&&(a.style.width=e.params.tiers[r.id]),o.appendChild(a)}));var l=document.createElement("tbody");a.appendChild(l),this.renderedAlignable.forEach((function(e){var a=document.createElement("tr");a.id="wavesurfer-alignable-"+e.id,l.appendChild(a);var i=document.createElement("td");i.className="wavesurfer-time",i.textContent=e.start.toFixed(1)+"–"+e.end.toFixed(1),a.appendChild(i);var o=n[e.id];r.forEach((function(n){var r=t[n],i=document.createElement("td"),s=o[n];s&&(i.id="wavesurfer-annotation-"+s.id,i.dataset.ref=e.id,i.dataset.start=e.start,i.dataset.end=e.end,i.textContent=s.value),i.className="wavesurfer-tier-"+r.id,a.appendChild(i)}))})),this.container.innerHTML="",this.container.appendChild(a)}},{key:"bindClick",value:function(){var e=this;this._onClick=function(t){var n=t.target.dataset.ref;if(null!=n){var r=e.data.annotations[n];r&&e.fireEvent("select",r.start,r.end)}},this.container.addEventListener("click",this._onClick)}},{key:"getRenderedAnnotation",value:function(e){var t;return this.renderedAlignable.some((function(n){return n.start<=e&&n.end>=e&&(t=n,!0)})),t}},{key:"getAnnotationNode",value:function(e){return document.getElementById("wavesurfer-alignable-"+e.id)}}])&&n(t.prototype,r),a&&n(t,a),e}();t.default=r,e.exports=t.default}},t={};return function n(r){var a=t[r];if(void 0!==a)return a.exports;var i=t[r]={exports:{}};return e[r](i,i.exports,n),i.exports}(375)})()}));
 //# sourceMappingURL=wavesurfer.elan.min.js.map