wavesurfer.js 5.2.0 → 6.0.0

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

@@ -1,7 +1,7 @@
 /*!
- * wavesurfer.js regions plugin 5.2.0 (2021-08-16)
+ * wavesurfer.js regions plugin 6.0.0 (2022-02-07)
  * 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.regions=t())}(self,(function(){return(()=>{"use strict";var e={23:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=r(638);function n(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function a(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?n(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(e,t){for(var r=0;r<t.length;r++){var i=t[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}var l=function(){function e(t,r){var n=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.params=t,this.wavesurfer=r,this.util=a(a({},r.util),{},{getRegionSnapToGridValue:function(e){return n.getRegionSnapToGridValue(e,t)}}),this.maxRegions=t.maxRegions,this.regionsMinLength=t.regionsMinLength||null,Object.getOwnPropertyNames(this.util.Observer.prototype).forEach((function(e){i.Region.prototype[e]=n.util.Observer.prototype[e]})),this.wavesurfer.Region=i.Region;this._onBackendCreated=function(){n.wrapper=n.wavesurfer.drawer.wrapper,n.orientation=n.wavesurfer.drawer.orientation,n.params.regions&&n.params.regions.forEach((function(e){e.edgeScrollWidth=n.params.edgeScrollWidth||.05*n.wrapper.clientWidth,n.add(e)}))},this.list={},this._onReady=function(){n.wrapper=n.wavesurfer.drawer.wrapper,n.vertical=n.wavesurfer.drawer.params.vertical,n.params.dragSelection&&n.enableDragSelection(n.params),Object.keys(n.list).forEach((function(e){n.list[e].updateRender()}))}}var t,r,n;return t=e,n=[{key:"create",value:function(t){return{name:"regions",deferInit:!(!t||!t.deferInit)&&t.deferInit,params:t,staticProps:{addRegion:function(e){return this.initialisedPluginList.regions||this.initPlugin("regions"),this.regions.add(e)},clearRegions:function(){this.regions&&this.regions.clear()},enableDragSelection:function(e){this.initialisedPluginList.regions||this.initPlugin("regions"),this.regions.enableDragSelection(e)},disableDragSelection:function(){this.regions.disableDragSelection()}},instance:e}}}],(r=[{key:"init",value:function(){this.wavesurfer.isReady?(this._onBackendCreated(),this._onReady()):(this.wavesurfer.once("ready",this._onReady),this.wavesurfer.once("backend-created",this._onBackendCreated))}},{key:"destroy",value:function(){this.wavesurfer.un("ready",this._onReady),this.wavesurfer.un("backend-created",this._onBackendCreated),this.disableDragSelection(),this.clear()}},{key:"wouldExceedMaxRegions",value:function(){return this.maxRegions&&Object.keys(this.list).length>=this.maxRegions}},{key:"add",value:function(e){var t=this;if(this.wouldExceedMaxRegions())return null;!e.minLength&&this.regionsMinLength&&(e=a(a({},e),{},{minLength:this.regionsMinLength}));var r=new this.wavesurfer.Region(e,this.util,this.wavesurfer);return this.list[r.id]=r,r.on("remove",(function(){delete t.list[r.id]})),r}},{key:"clear",value:function(){var e=this;Object.keys(this.list).forEach((function(t){e.list[t].remove()}))}},{key:"enableDragSelection",value:function(e){var t=this;this.disableDragSelection();var r,i,n,a,s,o,l,h=e.slop||2,u=this.wavesurfer.drawer.container,d=!1!==e.scroll&&this.wavesurfer.params.scrollParent,c=e.scrollSpeed||1,v=e.scrollThreshold||10,f=this.wavesurfer.getDuration(),g=0,p=function e(r){if(a&&o){var s=t.wrapper.scrollLeft+c*o;t.wrapper.scrollLeft=s=Math.min(i,Math.max(0,s));var l=t.wavesurfer.drawer.handleEvent(r);a.update({start:Math.min(l*f,n*f),end:Math.max(l*f,n*f)}),s<i&&s>0&&window.requestAnimationFrame((function(){e(r)}))}},m=function(e){e.touches&&e.touches.length>1||(f=t.wavesurfer.getDuration(),s=e.targetTouches?e.targetTouches[0].identifier:null,i=t.wrapper.scrollWidth-t.wrapper.clientWidth,l=t.util.withOrientation(t.wrapper.getBoundingClientRect(),t.vertical),r=!0,n=t.wavesurfer.drawer.handleEvent(e,!0),a=null,o=null)};this.wrapper.addEventListener("mousedown",m),this.wrapper.addEventListener("touchstart",m),this.on("disable-drag-selection",(function(){t.wrapper.removeEventListener("touchstart",m),t.wrapper.removeEventListener("mousedown",m)}));var w=function(e){e.touches&&e.touches.length>1||(r=!1,g=0,o=null,a&&(t.util.preventClick(),a.fireEvent("update-end",e),t.wavesurfer.fireEvent("region-update-end",a,e)),a=null)};this.wrapper.addEventListener("mouseleave",w),this.wrapper.addEventListener("mouseup",w),this.wrapper.addEventListener("touchend",w),document.body.addEventListener("mouseup",w),document.body.addEventListener("touchend",w),this.on("disable-drag-selection",(function(){document.body.removeEventListener("mouseup",w),document.body.removeEventListener("touchend",w),t.wrapper.removeEventListener("touchend",w),t.wrapper.removeEventListener("mouseup",w),t.wrapper.removeEventListener("mouseleave",w)}));var b=function(i){if(r&&!(++g<=h)&&!(i.touches&&i.touches.length>1)&&(!i.targetTouches||i.targetTouches[0].identifier==s)&&(a||(a=t.add(e||{})))){var c=t.wavesurfer.drawer.handleEvent(i),m=t.wavesurfer.regions.util.getRegionSnapToGridValue(n*f),w=t.wavesurfer.regions.util.getRegionSnapToGridValue(c*f);a.update({start:Math.min(w,m),end:Math.max(w,m)});var b=t.util.withOrientation(i,t.vertical);if(d&&u.clientWidth<t.wrapper.scrollWidth){var y=b.clientX-l.left;(o=y<=v?-1:y>=l.right-v?1:null)&&p(i)}}};this.wrapper.addEventListener("mousemove",b),this.wrapper.addEventListener("touchmove",b),this.on("disable-drag-selection",(function(){t.wrapper.removeEventListener("touchmove",b),t.wrapper.removeEventListener("mousemove",b)})),this.wavesurfer.on("region-created",(function(e){t.regionsMinLength&&(e.minLength=t.regionsMinLength)}))}},{key:"disableDragSelection",value:function(){this.fireEvent("disable-drag-selection")}},{key:"getCurrentRegion",value:function(){var e=this,t=this.wavesurfer.getCurrentTime(),r=null;return Object.keys(this.list).forEach((function(i){var n=e.list[i];n.start<=t&&n.end>=t&&(!r||n.end-n.start<r.end-r.start)&&(r=n)})),r}},{key:"getRegionSnapToGridValue",value:function(e,t){if(t.snapToGridInterval){var r=t.snapToGridOffset||0;return Math.round((e-r)/t.snapToGridInterval)*t.snapToGridInterval+r}return e}}])&&o(t.prototype,r),n&&o(t,n),e}();t.default=l,e.exports=t.default},638:(e,t)=>{function r(e,t){for(var r=0;r<t.length;r++){var i=t[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}Object.defineProperty(t,"__esModule",{value:!0}),t.Region=void 0;var i=function(){function e(t,r,i){var n,a=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.wavesurfer=i,this.wrapper=i.drawer.wrapper,this.util=i.util,this.style=this.util.style,this.regionsUtil=r,this.vertical=i.drawer.params.vertical,this.id=null==t.id?i.util.getId():t.id,this.start=Number(t.start)||0,this.end=null==t.end?this.start+4/this.wrapper.scrollWidth*this.wavesurfer.getDuration():Number(t.end),this.resize=void 0===t.resize||Boolean(t.resize),this.drag=void 0===t.drag||Boolean(t.drag),this.isResizing=!1,this.isDragging=!1,this.loop=Boolean(t.loop),this.color=t.color||"rgba(0, 0, 0, 0.1)",this.handleStyle=t.handleStyle||{left:{},right:{}},this.handleLeftEl=null,this.handleRightEl=null,this.data=t.data||{},this.attributes=t.attributes||{},this.showTooltip=null===(n=t.showTooltip)||void 0===n||n,this.maxLength=t.maxLength,this.minLength=t.minLength,this._onRedraw=function(){return a.updateRender()},this.scroll=!1!==t.scroll&&i.params.scrollParent,this.scrollSpeed=t.scrollSpeed||1,this.scrollThreshold=t.scrollThreshold||10,this.preventContextMenu=void 0!==t.preventContextMenu&&Boolean(t.preventContextMenu);var s=null==t.channelIdx?-1:parseInt(t.channelIdx);if(this.regionHeight="100%",this.marginTop="0px",-1!==s){var o=null!=this.wavesurfer.backend.buffer?this.wavesurfer.backend.buffer.numberOfChannels:-1;o>=0&&s<o&&(this.regionHeight=Math.floor(1/o*100)+"%",this.marginTop=this.wavesurfer.getHeight()*s+"px")}this.formatTimeCallback=t.formatTimeCallback,this.edgeScrollWidth=t.edgeScrollWidth,this.bindInOut(),this.render(),this.wavesurfer.on("zoom",this._onRedraw),this.wavesurfer.on("redraw",this._onRedraw),this.wavesurfer.fireEvent("region-created",this)}var t,i,n;return t=e,(i=[{key:"update",value:function(e,t){null!=e.start&&(this.start=Number(e.start)),null!=e.end&&(this.end=Number(e.end)),null!=e.loop&&(this.loop=Boolean(e.loop)),null!=e.color&&(this.color=e.color),null!=e.handleStyle&&(this.handleStyle=e.handleStyle),null!=e.data&&(this.data=e.data),null!=e.resize&&(this.resize=Boolean(e.resize),this.updateHandlesResize(this.resize)),null!=e.drag&&(this.drag=Boolean(e.drag)),null!=e.maxLength&&(this.maxLength=Number(e.maxLength)),null!=e.minLength&&(this.minLength=Number(e.minLength)),null!=e.attributes&&(this.attributes=e.attributes),this.updateRender(),this.fireEvent("update"),this.wavesurfer.fireEvent("region-updated",this,t)}},{key:"remove",value:function(){this.element&&(this.wrapper.removeChild(this.element.domElement),this.element=null,this.fireEvent("remove"),this.wavesurfer.un("zoom",this._onRedraw),this.wavesurfer.un("redraw",this._onRedraw),this.wavesurfer.fireEvent("region-removed",this))}},{key:"play",value:function(e){var t=e||this.start;this.wavesurfer.play(t,this.end),this.fireEvent("play"),this.wavesurfer.fireEvent("region-play",this)}},{key:"playLoop",value:function(e){this.loop=!0,this.play(e)}},{key:"setLoop",value:function(e){this.loop=e}},{key:"render",value:function(){for(var e in this.element=this.util.withOrientation(this.wrapper.appendChild(document.createElement("region")),this.vertical),this.element.className="wavesurfer-region",this.showTooltip&&(this.element.title=this.formatTime(this.start,this.end)),this.element.setAttribute("data-id",this.id),this.attributes)this.element.setAttribute("data-region-"+e,this.attributes[e]);if(this.style(this.element,{position:"absolute",zIndex:2,height:this.regionHeight,top:this.marginTop}),this.resize){this.handleLeftEl=this.util.withOrientation(this.element.appendChild(document.createElement("handle")),this.vertical),this.handleRightEl=this.util.withOrientation(this.element.appendChild(document.createElement("handle")),this.vertical),this.handleLeftEl.className="wavesurfer-handle wavesurfer-handle-start",this.handleRightEl.className="wavesurfer-handle wavesurfer-handle-end";var t={cursor:this.vertical?"row-resize":"col-resize",position:"absolute",top:"0px",width:"2px",height:"100%",backgroundColor:"rgba(0, 0, 0, 1)"},r="none"!==this.handleStyle.left?Object.assign({left:"0px"},t,this.handleStyle.left):null,i="none"!==this.handleStyle.right?Object.assign({right:"0px"},t,this.handleStyle.right):null;r&&this.style(this.handleLeftEl,r),i&&this.style(this.handleRightEl,i)}this.updateRender(),this.bindEvents()}},{key:"formatTime",value:function(e,t){return this.formatTimeCallback?this.formatTimeCallback(e,t):(e==t?[e]:[e,t]).map((function(e){return[Math.floor(e%3600/60),("00"+Math.floor(e%60)).slice(-2)].join(":")})).join("-")}},{key:"getWidth",value:function(){return this.wavesurfer.drawer.width/this.wavesurfer.params.pixelRatio}},{key:"updateRender",value:function(){var e=this.wavesurfer.getDuration(),t=this.getWidth(),r=this.start,i=this.end;if(r<0&&(i-=r=0),i>e&&(r=e-((i=e)-r)),null!=this.minLength&&(i=Math.max(r+this.minLength,i)),null!=this.maxLength&&(i=Math.min(r+this.maxLength,i)),null!=this.element){var n=Math.round(r/e*t),a=Math.round(i/e*t)-n;for(var s in this.style(this.element,{left:n+"px",width:a+"px",backgroundColor:this.color,cursor:this.drag?"move":"default"}),this.attributes)this.element.setAttribute("data-region-"+s,this.attributes[s]);this.showTooltip&&(this.element.title=this.formatTime(this.start,this.end))}}},{key:"bindInOut",value:function(){var e=this;this.firedIn=!1,this.firedOut=!1;var t=function(t){var r=Math.round(10*e.start)/10,i=Math.round(10*e.end)/10;t=Math.round(10*t)/10,!e.firedOut&&e.firedIn&&(r>t||i<=t)&&(e.firedOut=!0,e.firedIn=!1,e.fireEvent("out"),e.wavesurfer.fireEvent("region-out",e)),!e.firedIn&&r<=t&&i>t&&(e.firedIn=!0,e.firedOut=!1,e.fireEvent("in"),e.wavesurfer.fireEvent("region-in",e))};this.wavesurfer.backend.on("audioprocess",t),this.on("remove",(function(){e.wavesurfer.backend.un("audioprocess",t)})),this.on("out",(function(){if(e.loop){var t=e.wavesurfer.getCurrentTime();t>=e.start&&t<=e.end&&e.wavesurfer.play(e.start)}}))}},{key:"bindEvents",value:function(){var e=this,t=this.preventContextMenu;this.element.addEventListener("mouseenter",(function(t){e.fireEvent("mouseenter",t),e.wavesurfer.fireEvent("region-mouseenter",e,t)})),this.element.addEventListener("mouseleave",(function(t){e.fireEvent("mouseleave",t),e.wavesurfer.fireEvent("region-mouseleave",e,t)})),this.element.addEventListener("click",(function(t){t.preventDefault(),e.fireEvent("click",t),e.wavesurfer.fireEvent("region-click",e,t)})),this.element.addEventListener("dblclick",(function(t){t.stopPropagation(),t.preventDefault(),e.fireEvent("dblclick",t),e.wavesurfer.fireEvent("region-dblclick",e,t)})),this.element.addEventListener("contextmenu",(function(r){t&&r.preventDefault(),e.fireEvent("contextmenu",r),e.wavesurfer.fireEvent("region-contextmenu",e,r)})),(this.drag||this.resize)&&this.bindDragEvents()}},{key:"bindDragEvents",value:function(){var e,t,r,i,n,a,s,o,l,h=this,u=this.wavesurfer.drawer.container,d=this.scrollSpeed,c=(this.scrollThreshold,!1),v=function t(u){var c=h.util.withOrientation(u,h.vertical),v=h.wavesurfer.getDuration();if(a&&(r||n)){var f=c.clientX,g=0,p=0,m=0,w=h.regionsUtil.getRegionSnapToGridValue(h.wavesurfer.drawer.handleEvent(u)*v);if(r)-1===a?(p=o*h.wavesurfer.params.minPxPerSec,g=f-s.left):(p=l*h.wavesurfer.params.minPxPerSec,g=s.right-f);else{var b=h.minLength;b||(b=0),"start"===n?(w>h.end-b&&(w=h.end-b,m=d*a),w<0&&(w=0)):"end"===n&&(w<h.start+b&&(w=h.start+b,m=d*a),w>v&&(w=v))}var y=h.wrapper.scrollLeft;if(-1===a){if(0===Math.round(y))return;if(Math.round(y-p+g)<=0)return}else{if(Math.round(y)===i)return;if(Math.round(y+p-g)>=i)return}var E=y-m+d*a;if(-1===a){var L=Math.max(0+p-g,E);h.wrapper.scrollLeft=E=L}else{var k=Math.min(i-p+g,E);h.wrapper.scrollLeft=E=k}var R=w-e;e=w,r?h.onDrag(R):h.onResize(R,n),window.requestAnimationFrame((function(){t(u)}))}},f=function(a){var u=h.wavesurfer.getDuration();a.touches&&a.touches.length>1||(t=a.targetTouches?a.targetTouches[0].identifier:null,(h.drag||h.resize)&&a.stopPropagation(),e=h.regionsUtil.getRegionSnapToGridValue(h.wavesurfer.drawer.handleEvent(a,!0)*u),o=e-h.start,l=h.end-e,i=h.wrapper.scrollWidth-h.wrapper.clientWidth,s=h.util.withOrientation(h.wrapper.getBoundingClientRect(),h.vertical),h.isResizing=!1,h.isDragging=!1,"handle"===a.target.tagName.toLowerCase()?(h.isResizing=!0,n=a.target.classList.contains("wavesurfer-handle-start")?"start":"end"):(h.isDragging=!0,r=!0,n=!1))},g=function(e){e.touches&&e.touches.length>1||((r||n)&&(h.isDragging=!1,h.isResizing=!1,r=!1,a=null,n=!1),c&&(c=!1,h.util.preventClick(),h.fireEvent("update-end",e),h.wavesurfer.fireEvent("region-update-end",h,e)))},p=function(i){var d=h.wavesurfer.getDuration(),f=h.util.withOrientation(i,h.vertical);if(!(i.touches&&i.touches.length>1)&&(!i.targetTouches||i.targetTouches[0].identifier==t)&&(r||n)){var g=h.regionsUtil.getRegionSnapToGridValue(h.wavesurfer.drawer.handleEvent(i)*d);if(r){var p=h.wavesurfer.getDuration();g>p-l&&(g=p-l),g-o<0&&(g=o)}if(n){var m=h.minLength;m||(m=0),"start"===n?(g>h.end-m&&(g=h.end-m),g<0&&(g=0)):"end"===n&&(g<h.start+m&&(g=h.start+m),g>d&&(g=d))}var w=g-e;if(e=g,h.drag&&r&&(c=c||!!w,h.onDrag(w)),h.resize&&n&&(c=c||!!w,h.onResize(w,n)),h.scroll&&u.clientWidth<h.wrapper.scrollWidth){var b=f.clientX;(a=b<s.left+h.edgeScrollWidth?-1:b>s.right-h.edgeScrollWidth?1:null)&&v(i)}}};this.element.addEventListener("mousedown",f),this.element.addEventListener("touchstart",f),document.body.addEventListener("mousemove",p),document.body.addEventListener("touchmove",p,{passive:!1}),document.addEventListener("mouseup",g),document.body.addEventListener("touchend",g),this.on("remove",(function(){document.removeEventListener("mouseup",g),document.body.removeEventListener("touchend",g),document.body.removeEventListener("mousemove",p),document.body.removeEventListener("touchmove",p)})),this.wavesurfer.on("destroy",(function(){document.removeEventListener("mouseup",g),document.body.removeEventListener("touchend",g)}))}},{key:"onDrag",value:function(e){var t=this.wavesurfer.getDuration();this.end+e>t&&(e=t-this.end),this.start+e<0&&(e=-1*this.start);var r={direction:this._getDragDirection(e),action:"drag"};this.update({start:this.start+e,end:this.end+e},r)}},{key:"_getDragDirection",value:function(e){return e<0?"left":e>0?"right":null}},{key:"onResize",value:function(e,t){var r=this.wavesurfer.getDuration(),i={action:"resize",direction:"start"===t?"right":"left"};"start"===t?(e>0&&this.end-(this.start+e)<this.minLength&&(e=this.end-this.minLength-this.start),e<0&&this.start+e<0&&(e=-1*this.start),this.update({start:Math.min(this.start+e,this.end),end:Math.max(this.start+e,this.end)},i)):(e<0&&this.end+e-this.start<this.minLength&&(e=this.start+this.minLength-this.end),e>0&&this.end+e>r&&(e=r-this.end),this.update({start:Math.min(this.end+e,this.start),end:Math.max(this.end+e,this.start)},i))}},{key:"updateHandlesResize",value:function(e){var t;t=e?this.vertical?"row-resize":"col-resize":"auto",this.handleLeftEl&&this.style(this.handleLeftEl,{cursor:t}),this.handleRightEl&&this.style(this.handleRightEl,{cursor:t})}}])&&r(t.prototype,i),n&&r(t,n),e}();t.Region=i}},t={};return function r(i){var n=t[i];if(void 0!==n)return n.exports;var a=t[i]={exports:{}};return e[i](a,a.exports,r),a.exports}(23)})()}));
+!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.regions=t())}(self,(function(){return(()=>{"use strict";var e={23:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=r(638);function n(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function a(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?n(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(e,t){for(var r=0;r<t.length;r++){var i=t[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}var l=function(){function e(t,r){var n=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.params=t,this.wavesurfer=r,this.util=a(a({},r.util),{},{getRegionSnapToGridValue:function(e){return n.getRegionSnapToGridValue(e,t)}}),this.maxRegions=t.maxRegions,this.regionsMinLength=t.regionsMinLength||null,Object.getOwnPropertyNames(this.util.Observer.prototype).forEach((function(e){i.Region.prototype[e]=n.util.Observer.prototype[e]})),this.wavesurfer.Region=i.Region;this._onBackendCreated=function(){n.wrapper=n.wavesurfer.drawer.wrapper,n.orientation=n.wavesurfer.drawer.orientation,n.defaultEdgeScrollWidth=.05*n.wrapper.clientWidth,n.params.regions&&n.params.regions.forEach((function(e){n.add(e)}))},this.list={},this._onReady=function(){n.wrapper=n.wavesurfer.drawer.wrapper,n.vertical=n.wavesurfer.drawer.params.vertical,n.params.dragSelection&&n.enableDragSelection(n.params),Object.keys(n.list).forEach((function(e){n.list[e].updateRender()}))}}var t,r,n;return t=e,n=[{key:"create",value:function(t){return{name:"regions",deferInit:!(!t||!t.deferInit)&&t.deferInit,params:t,staticProps:{addRegion:function(e){return this.initialisedPluginList.regions||this.initPlugin("regions"),this.regions.add(e)},clearRegions:function(){this.regions&&this.regions.clear()},enableDragSelection:function(e){this.initialisedPluginList.regions||this.initPlugin("regions"),this.regions.enableDragSelection(e)},disableDragSelection:function(){this.regions.disableDragSelection()}},instance:e}}}],(r=[{key:"init",value:function(){this.wavesurfer.isReady?(this._onBackendCreated(),this._onReady()):(this.wavesurfer.once("ready",this._onReady),this.wavesurfer.once("backend-created",this._onBackendCreated))}},{key:"destroy",value:function(){this.wavesurfer.un("ready",this._onReady),this.wavesurfer.un("backend-created",this._onBackendCreated),this.wavesurfer.setDisabledEventEmissions(["region-removed"]),this.disableDragSelection(),this.clear()}},{key:"wouldExceedMaxRegions",value:function(){return this.maxRegions&&Object.keys(this.list).length>=this.maxRegions}},{key:"add",value:function(e){var t=this;if(this.wouldExceedMaxRegions())return null;!(e=a({edgeScrollWidth:this.params.edgeScrollWidth||this.defaultEdgeScrollWidth},e)).formatTimeCallback&&this.params.formatTimeCallback&&(e=a(a({},e),{},{formatTimeCallback:this.params.formatTimeCallback})),!e.minLength&&this.regionsMinLength&&(e=a(a({},e),{},{minLength:this.regionsMinLength}));var r=new this.wavesurfer.Region(e,this.util,this.wavesurfer);return this.list[r.id]=r,r.on("remove",(function(){delete t.list[r.id]})),r}},{key:"clear",value:function(){var e=this;Object.keys(this.list).forEach((function(t){e.list[t].remove()}))}},{key:"enableDragSelection",value:function(e){var t=this;this.disableDragSelection();var r,i,n,a,s,o,l,h=e.slop||2,u=this.wavesurfer.drawer.container,d=!1!==e.scroll&&this.wavesurfer.params.scrollParent,c=e.scrollSpeed||1,f=e.scrollThreshold||10,v=this.wavesurfer.getDuration(),g=0,p=function e(r){if(a&&o){var s=t.wrapper.scrollLeft+c*o;t.wrapper.scrollLeft=s=Math.min(i,Math.max(0,s));var l=t.wavesurfer.drawer.handleEvent(r);a.update({start:Math.min(l*v,n*v),end:Math.max(l*v,n*v)}),s<i&&s>0&&window.requestAnimationFrame((function(){e(r)}))}},m=function(h){if(!(h.touches&&h.touches.length>1)){if(v=t.wavesurfer.getDuration(),s=h.targetTouches?h.targetTouches[0].identifier:null,i=t.wrapper.scrollWidth-t.wrapper.clientWidth,l=t.util.withOrientation(t.wrapper.getBoundingClientRect(),t.vertical),t.wavesurfer.params.splitChannels){var u=(h.touches?h.touches[0].clientY:h.clientY)-l.top,d=null!=t.wavesurfer.backend.buffer?t.wavesurfer.backend.buffer.numberOfChannels:1,c=t.wrapper.clientHeight/d,f=Math.floor(u/c);e.channelIdx=f;var g=t.wavesurfer.params.splitChannelsOptions.channelColors[f];g&&g.dragColor&&(e.color=g.dragColor)}r=!0,n=t.wavesurfer.drawer.handleEvent(h,!0),a=null,o=null}};this.wrapper.addEventListener("mousedown",m),this.wrapper.addEventListener("touchstart",m),this.on("disable-drag-selection",(function(){t.wrapper.removeEventListener("touchstart",m),t.wrapper.removeEventListener("mousedown",m)}));var w=function(e){e.touches&&e.touches.length>1||(r=!1,g=0,o=null,a&&(t.util.preventClick(),a.fireEvent("update-end",e),t.wavesurfer.fireEvent("region-update-end",a,e)),a=null)};this.wrapper.addEventListener("mouseleave",w),this.wrapper.addEventListener("mouseup",w),this.wrapper.addEventListener("touchend",w),document.body.addEventListener("mouseup",w),document.body.addEventListener("touchend",w),this.on("disable-drag-selection",(function(){document.body.removeEventListener("mouseup",w),document.body.removeEventListener("touchend",w),t.wrapper.removeEventListener("touchend",w),t.wrapper.removeEventListener("mouseup",w),t.wrapper.removeEventListener("mouseleave",w)}));var b=function(i){if(r&&!(++g<=h)&&!(i.touches&&i.touches.length>1)&&(!i.targetTouches||i.targetTouches[0].identifier==s)&&(a||(a=t.add(e||{})))){var c=t.wavesurfer.drawer.handleEvent(i),m=t.wavesurfer.regions.util.getRegionSnapToGridValue(n*v),w=t.wavesurfer.regions.util.getRegionSnapToGridValue(c*v);a.update({start:Math.min(w,m),end:Math.max(w,m)});var b=t.util.withOrientation(i,t.vertical);if(d&&u.clientWidth<t.wrapper.scrollWidth){var y=b.clientX-l.left;(o=y<=f?-1:y>=l.right-f?1:null)&&p(i)}}};this.wrapper.addEventListener("mousemove",b),this.wrapper.addEventListener("touchmove",b),this.on("disable-drag-selection",(function(){t.wrapper.removeEventListener("touchmove",b),t.wrapper.removeEventListener("mousemove",b)})),this.wavesurfer.on("region-created",(function(e){t.regionsMinLength&&(e.minLength=t.regionsMinLength)}))}},{key:"disableDragSelection",value:function(){this.fireEvent("disable-drag-selection")}},{key:"getCurrentRegion",value:function(){var e=this,t=this.wavesurfer.getCurrentTime(),r=null;return Object.keys(this.list).forEach((function(i){var n=e.list[i];n.start<=t&&n.end>=t&&(!r||n.end-n.start<r.end-r.start)&&(r=n)})),r}},{key:"getRegionSnapToGridValue",value:function(e,t){if(t.snapToGridInterval){var r=t.snapToGridOffset||0;return Math.round((e-r)/t.snapToGridInterval)*t.snapToGridInterval+r}return e}}])&&o(t.prototype,r),n&&o(t,n),Object.defineProperty(t,"prototype",{writable:!1}),e}();t.default=l,e.exports=t.default},638:(e,t)=>{function r(e,t){for(var r=0;r<t.length;r++){var i=t[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}Object.defineProperty(t,"__esModule",{value:!0}),t.Region=void 0;var i=function(){function e(t,r,i){var n,a=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.wavesurfer=i,this.wrapper=i.drawer.wrapper,this.util=i.util,this.style=this.util.style,this.regionsUtil=r,this.vertical=i.drawer.params.vertical,this.id=null==t.id?i.util.getId():t.id,this.start=Number(t.start)||0,this.end=null==t.end?this.start+4/this.wrapper.scrollWidth*this.wavesurfer.getDuration():Number(t.end),this.resize=void 0===t.resize||Boolean(t.resize),this.drag=void 0===t.drag||Boolean(t.drag),this.isResizing=!1,this.isDragging=!1,this.loop=Boolean(t.loop),this.color=t.color||"rgba(0, 0, 0, 0.1)",this.handleStyle=t.handleStyle||{left:{},right:{}},this.handleLeftEl=null,this.handleRightEl=null,this.data=t.data||{},this.attributes=t.attributes||{},this.showTooltip=null===(n=t.showTooltip)||void 0===n||n,this.maxLength=t.maxLength,this.minLength=t.minLength,this._onRedraw=function(){return a.updateRender()},this.scroll=!1!==t.scroll&&i.params.scrollParent,this.scrollSpeed=t.scrollSpeed||1,this.scrollThreshold=t.scrollThreshold||10,this.preventContextMenu=void 0!==t.preventContextMenu&&Boolean(t.preventContextMenu);var s=null==t.channelIdx?-1:parseInt(t.channelIdx);if(this.channelIdx=s,this.regionHeight="100%",this.marginTop="0px",-1!==s){var o=null!=this.wavesurfer.backend.buffer?this.wavesurfer.backend.buffer.numberOfChannels:-1;o>=0&&s<o&&(this.regionHeight=Math.floor(1/o*100)+"%",this.marginTop=this.wavesurfer.getHeight()*s+"px")}this.formatTimeCallback=t.formatTimeCallback,this.edgeScrollWidth=t.edgeScrollWidth,this.bindInOut(),this.render(),this.wavesurfer.on("zoom",this._onRedraw),this.wavesurfer.on("redraw",this._onRedraw),this.wavesurfer.fireEvent("region-created",this)}var t,i,n;return t=e,(i=[{key:"update",value:function(e,t){null!=e.start&&(this.start=Number(e.start)),null!=e.end&&(this.end=Number(e.end)),null!=e.loop&&(this.loop=Boolean(e.loop)),null!=e.color&&(this.color=e.color),null!=e.handleStyle&&(this.handleStyle=e.handleStyle),null!=e.data&&(this.data=e.data),null!=e.resize&&(this.resize=Boolean(e.resize),this.updateHandlesResize(this.resize)),null!=e.drag&&(this.drag=Boolean(e.drag)),null!=e.maxLength&&(this.maxLength=Number(e.maxLength)),null!=e.minLength&&(this.minLength=Number(e.minLength)),null!=e.attributes&&(this.attributes=e.attributes),this.updateRender(),this.fireEvent("update"),this.wavesurfer.fireEvent("region-updated",this,t)}},{key:"remove",value:function(){this.element&&(this.wrapper.removeChild(this.element.domElement),this.element=null,this.fireEvent("remove"),this.wavesurfer.un("zoom",this._onRedraw),this.wavesurfer.un("redraw",this._onRedraw),this.wavesurfer.fireEvent("region-removed",this))}},{key:"play",value:function(e){var t=e||this.start;this.wavesurfer.play(t,this.end),this.fireEvent("play"),this.wavesurfer.fireEvent("region-play",this)}},{key:"playLoop",value:function(e){this.loop=!0,this.play(e)}},{key:"setLoop",value:function(e){this.loop=e}},{key:"render",value:function(){for(var e in this.element=this.util.withOrientation(this.wrapper.appendChild(document.createElement("region")),this.vertical),this.element.className="wavesurfer-region",this.showTooltip&&(this.element.title=this.formatTime(this.start,this.end)),this.element.setAttribute("data-id",this.id),this.attributes)this.element.setAttribute("data-region-"+e,this.attributes[e]);if(this.style(this.element,{position:"absolute",zIndex:3,height:this.regionHeight,top:this.marginTop}),this.resize){this.handleLeftEl=this.util.withOrientation(this.element.appendChild(document.createElement("handle")),this.vertical),this.handleRightEl=this.util.withOrientation(this.element.appendChild(document.createElement("handle")),this.vertical),this.handleLeftEl.className="wavesurfer-handle wavesurfer-handle-start",this.handleRightEl.className="wavesurfer-handle wavesurfer-handle-end";var t={cursor:this.vertical?"row-resize":"col-resize",position:"absolute",top:"0px",width:"2px",height:"100%",backgroundColor:"rgba(0, 0, 0, 1)"},r="none"!==this.handleStyle.left?Object.assign({left:"0px"},t,this.handleStyle.left):null,i="none"!==this.handleStyle.right?Object.assign({right:"0px"},t,this.handleStyle.right):null;r&&this.style(this.handleLeftEl,r),i&&this.style(this.handleRightEl,i)}this.updateRender(),this.bindEvents()}},{key:"formatTime",value:function(e,t){return this.formatTimeCallback?this.formatTimeCallback(e,t):(e==t?[e]:[e,t]).map((function(e){return[Math.floor(e%3600/60),("00"+Math.floor(e%60)).slice(-2)].join(":")})).join("-")}},{key:"getWidth",value:function(){return this.wavesurfer.drawer.width/this.wavesurfer.params.pixelRatio}},{key:"updateRender",value:function(){var e=this.wavesurfer.getDuration(),t=this.getWidth(),r=this.start,i=this.end;if(r<0&&(i-=r=0),i>e&&(r=e-((i=e)-r)),null!=this.minLength&&(i=Math.max(r+this.minLength,i)),null!=this.maxLength&&(i=Math.min(r+this.maxLength,i)),null!=this.element){var n=Math.round(r/e*t),a=Math.round(i/e*t)-n;for(var s in this.style(this.element,{left:n+"px",width:a+"px",backgroundColor:this.color,cursor:this.drag?"move":"default"}),this.attributes)this.element.setAttribute("data-region-"+s,this.attributes[s]);this.showTooltip&&(this.element.title=this.formatTime(this.start,this.end))}}},{key:"bindInOut",value:function(){var e=this;this.firedIn=!1,this.firedOut=!1;var t=function(t){var r=Math.round(10*e.start)/10,i=Math.round(10*e.end)/10;t=Math.round(10*t)/10,!e.firedOut&&e.firedIn&&(r>t||i<=t)&&(e.firedOut=!0,e.firedIn=!1,e.fireEvent("out"),e.wavesurfer.fireEvent("region-out",e)),!e.firedIn&&r<=t&&i>t&&(e.firedIn=!0,e.firedOut=!1,e.fireEvent("in"),e.wavesurfer.fireEvent("region-in",e))};this.wavesurfer.backend.on("audioprocess",t),this.on("remove",(function(){e.wavesurfer.backend.un("audioprocess",t)})),this.on("out",(function(){if(e.loop){var t=e.wavesurfer.getCurrentTime();t>=e.start&&t<=e.end&&e.wavesurfer.play(e.start)}}))}},{key:"bindEvents",value:function(){var e=this,t=this.preventContextMenu;this.element.addEventListener("mouseenter",(function(t){e.fireEvent("mouseenter",t),e.wavesurfer.fireEvent("region-mouseenter",e,t)})),this.element.addEventListener("mouseleave",(function(t){e.fireEvent("mouseleave",t),e.wavesurfer.fireEvent("region-mouseleave",e,t)})),this.element.addEventListener("click",(function(t){t.preventDefault(),e.fireEvent("click",t),e.wavesurfer.fireEvent("region-click",e,t)})),this.element.addEventListener("dblclick",(function(t){t.stopPropagation(),t.preventDefault(),e.fireEvent("dblclick",t),e.wavesurfer.fireEvent("region-dblclick",e,t)})),this.element.addEventListener("contextmenu",(function(r){t&&r.preventDefault(),e.fireEvent("contextmenu",r),e.wavesurfer.fireEvent("region-contextmenu",e,r)})),(this.drag||this.resize)&&this.bindDragEvents()}},{key:"bindDragEvents",value:function(){var e,t,r,i,n,a,s,o,l,h=this,u=this.wavesurfer.drawer.container,d=this.scrollSpeed,c=(this.scrollThreshold,!1),f=function t(u){var c=h.util.withOrientation(u,h.vertical),f=h.wavesurfer.getDuration();if(a&&(r||n)){var v=c.clientX,g=0,p=0,m=0,w=h.regionsUtil.getRegionSnapToGridValue(h.wavesurfer.drawer.handleEvent(u)*f);if(r)-1===a?(p=o*h.wavesurfer.params.minPxPerSec,g=v-s.left):(p=l*h.wavesurfer.params.minPxPerSec,g=s.right-v);else{var b=h.minLength;b||(b=0),"start"===n?(w>h.end-b&&(w=h.end-b,m=d*a),w<0&&(w=0)):"end"===n&&(w<h.start+b&&(w=h.start+b,m=d*a),w>f&&(w=f))}var y=h.wrapper.scrollLeft;if(-1===a){if(0===Math.round(y))return;if(Math.round(y-p+g)<=0)return}else{if(Math.round(y)===i)return;if(Math.round(y+p-g)>=i)return}var E=y-m+d*a;if(-1===a){var L=Math.max(0+p-g,E);h.wrapper.scrollLeft=E=L}else{var k=Math.min(i-p+g,E);h.wrapper.scrollLeft=E=k}var x=w-e;e=w,r?h.onDrag(x):h.onResize(x,n),window.requestAnimationFrame((function(){t(u)}))}},v=function(a){var u=h.wavesurfer.getDuration();a.touches&&a.touches.length>1||(t=a.targetTouches?a.targetTouches[0].identifier:null,(h.drag||h.resize)&&a.stopPropagation(),e=h.regionsUtil.getRegionSnapToGridValue(h.wavesurfer.drawer.handleEvent(a,!0)*u),o=e-h.start,l=h.end-e,i=h.wrapper.scrollWidth-h.wrapper.clientWidth,s=h.util.withOrientation(h.wrapper.getBoundingClientRect(),h.vertical),h.isResizing=!1,h.isDragging=!1,"handle"===a.target.tagName.toLowerCase()?(h.isResizing=!0,n=a.target.classList.contains("wavesurfer-handle-start")?"start":"end"):(h.isDragging=!0,r=!0,n=!1))},g=function(e){e.touches&&e.touches.length>1||((r||n)&&(h.isDragging=!1,h.isResizing=!1,r=!1,a=null,n=!1),c&&(c=!1,h.util.preventClick(),h.fireEvent("update-end",e),h.wavesurfer.fireEvent("region-update-end",h,e)))},p=function(i){var d=h.wavesurfer.getDuration(),v=h.util.withOrientation(i,h.vertical);if(!(i.touches&&i.touches.length>1)&&(!i.targetTouches||i.targetTouches[0].identifier==t)&&(r||n)){var g=h.regionsUtil.getRegionSnapToGridValue(h.wavesurfer.drawer.handleEvent(i)*d);if(r){var p=h.wavesurfer.getDuration();g>p-l&&(g=p-l),g-o<0&&(g=o)}if(n){var m=h.minLength;m||(m=0),"start"===n?(g>h.end-m&&(g=h.end-m),g<0&&(g=0)):"end"===n&&(g<h.start+m&&(g=h.start+m),g>d&&(g=d))}var w=g-e;if(e=g,h.drag&&r&&(c=c||!!w,h.onDrag(w)),h.resize&&n&&(c=c||!!w,h.onResize(w,n)),h.scroll&&u.clientWidth<h.wrapper.scrollWidth){var b=v.clientX;(a=b<s.left+h.edgeScrollWidth?-1:b>s.right-h.edgeScrollWidth?1:null)&&f(i)}}};this.element.addEventListener("mousedown",v),this.element.addEventListener("touchstart",v),document.body.addEventListener("mousemove",p),document.body.addEventListener("touchmove",p,{passive:!1}),document.addEventListener("mouseup",g),document.body.addEventListener("touchend",g),this.on("remove",(function(){document.removeEventListener("mouseup",g),document.body.removeEventListener("touchend",g),document.body.removeEventListener("mousemove",p),document.body.removeEventListener("touchmove",p)})),this.wavesurfer.on("destroy",(function(){document.removeEventListener("mouseup",g),document.body.removeEventListener("touchend",g)}))}},{key:"onDrag",value:function(e){var t=this.wavesurfer.getDuration();this.end+e>t&&(e=t-this.end),this.start+e<0&&(e=-1*this.start);var r={direction:this._getDragDirection(e),action:"drag"};this.update({start:this.start+e,end:this.end+e},r)}},{key:"_getDragDirection",value:function(e){return e<0?"left":e>0?"right":null}},{key:"onResize",value:function(e,t){var r=this.wavesurfer.getDuration(),i={action:"resize",direction:"start"===t?"left":"right"};"start"===t?(e>0&&this.end-(this.start+e)<this.minLength&&(e=this.end-this.minLength-this.start),e<0&&this.end-(this.start+e)>this.maxLength&&(e=this.end-this.start-this.maxLength),e<0&&this.start+e<0&&(e=-1*this.start),this.update({start:Math.min(this.start+e,this.end),end:Math.max(this.start+e,this.end)},i)):(e<0&&this.end+e-this.start<this.minLength&&(e=this.start+this.minLength-this.end),e>0&&this.end+e-this.start>this.maxLength&&(e=this.maxLength-(this.end-this.start)),e>0&&this.end+e>r&&(e=r-this.end),this.update({start:Math.min(this.end+e,this.start),end:Math.max(this.end+e,this.start)},i))}},{key:"updateHandlesResize",value:function(e){var t;t=e?this.vertical?"row-resize":"col-resize":"auto",this.handleLeftEl&&this.style(this.handleLeftEl,{cursor:t}),this.handleRightEl&&this.style(this.handleRightEl,{cursor:t})}}])&&r(t.prototype,i),n&&r(t,n),Object.defineProperty(t,"prototype",{writable:!1}),e}();t.Region=i}},t={};var r=function r(i){var n=t[i];if(void 0!==n)return n.exports;var a=t[i]={exports:{}};return e[i](a,a.exports,r),a.exports}(23);return r})()}));
 //# sourceMappingURL=wavesurfer.regions.min.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"wavesurfer.regions.min.js","mappings":"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","sources":["webpack://WaveSurfer.[name]/webpack/universalModuleDefinition","webpack://WaveSurfer.[name]/./src/plugin/regions/index.js","webpack://WaveSurfer.[name]/./src/plugin/regions/region.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\"][\"regions\"] = factory();\n})(self, function() {\nreturn ","/**\n *  @since 4.0.0 This class has been split\n *\n * @typedef {Object} RegionsPluginParams\n * @property {?boolean} dragSelection Enable creating regions by dragging with\n * the mouse\n * @property {?RegionParams[]} regions Regions that should be added upon\n * initialisation\n * @property {number} slop=2 The sensitivity of the mouse dragging\n * @property {?number} snapToGridInterval Snap the regions to a grid of the specified multiples in seconds\n * @property {?number} snapToGridOffset Shift the snap-to-grid by the specified seconds. May also be negative.\n * @property {?boolean} deferInit Set to true to manually call\n * @property {number[]} maxRegions Maximum number of regions that may be created by the user at one time.\n * `initPlugin('regions')`\n * @property {function} formatTimeCallback Allows custom formating for region tooltip.\n * @property {?number} edgeScrollWidth='5% from container edges' Optional width for edgeScroll to start\n */\n\n/**\n * @typedef {Object} RegionParams\n * @desc The parameters used to describe a region.\n * @example wavesurfer.addRegion(regionParams);\n * @property {string} id=→random The id of the region\n * @property {number} start=0 The start position of the region (in seconds).\n * @property {number} end=0 The end position of the region (in seconds).\n * @property {?boolean} loop Whether to loop the region when played back.\n * @property {boolean} drag=true Allow/disallow dragging the region.\n * @property {boolean} resize=true Allow/disallow resizing the region.\n * @property {string} [color='rgba(0, 0, 0, 0.1)'] HTML color code.\n * @property {?number} channelIdx Select channel to draw the region on (if there are multiple channel waveforms).\n * @property {?object} handleStyle A set of CSS properties used to style the left and right handle.\n * @property {?boolean} preventContextMenu=false Determines whether the context menu is prevented from being opened.\n * @property {boolean} showTooltip=true Enable/disable tooltip displaying start and end times when hovering over region.\n */\n\nimport {Region} from \"./region.js\";\n\n/**\n * Regions are visual overlays on waveform that can be used to play and loop\n * portions of audio. Regions can be dragged and resized.\n *\n * Visual customization is possible via CSS (using the selectors\n * `.wavesurfer-region` and `.wavesurfer-handle`).\n *\n * @implements {PluginClass}\n * @extends {Observer}\n *\n * @example\n * // es6\n * import RegionsPlugin from 'wavesurfer.regions.js';\n *\n * // commonjs\n * var RegionsPlugin = require('wavesurfer.regions.js');\n *\n * // if you are using <script> tags\n * var RegionsPlugin = window.WaveSurfer.regions;\n *\n * // ... initialising wavesurfer with the plugin\n * var wavesurfer = WaveSurfer.create({\n *   // wavesurfer options ...\n *   plugins: [\n *     RegionsPlugin.create({\n *       // plugin options ...\n *     })\n *   ]\n * });\n */\nexport default class RegionsPlugin {\n    /**\n     * Regions 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 {RegionsPluginParams} params parameters use to initialise the plugin\n     * @return {PluginDefinition} an object representing the plugin\n     */\n    static create(params) {\n        return {\n            name: 'regions',\n            deferInit: params && params.deferInit ? params.deferInit : false,\n            params: params,\n            staticProps: {\n                addRegion(options) {\n                    if (!this.initialisedPluginList.regions) {\n                        this.initPlugin('regions');\n                    }\n                    return this.regions.add(options);\n                },\n\n                clearRegions() {\n                    this.regions && this.regions.clear();\n                },\n\n                enableDragSelection(options) {\n                    if (!this.initialisedPluginList.regions) {\n                        this.initPlugin('regions');\n                    }\n                    this.regions.enableDragSelection(options);\n                },\n\n                disableDragSelection() {\n                    this.regions.disableDragSelection();\n                }\n            },\n            instance: RegionsPlugin\n        };\n    }\n\n    constructor(params, ws) {\n        this.params = params;\n        this.wavesurfer = ws;\n        this.util = {\n            ...ws.util,\n            getRegionSnapToGridValue: value => {\n                return this.getRegionSnapToGridValue(value, params);\n            }\n        };\n        this.maxRegions = params.maxRegions;\n        this.regionsMinLength = params.regionsMinLength || null;\n\n        // turn the plugin instance into an observer\n        const observerPrototypeKeys = Object.getOwnPropertyNames(\n            this.util.Observer.prototype\n        );\n        observerPrototypeKeys.forEach(key => {\n            Region.prototype[key] = this.util.Observer.prototype[key];\n        });\n        this.wavesurfer.Region = Region;\n\n        // By default, scroll the container if the user drags a region\n        // within 5% of its edge\n        const scrollWidthProportion = 0.05;\n        this._onBackendCreated = () => {\n            this.wrapper = this.wavesurfer.drawer.wrapper;\n            this.orientation = this.wavesurfer.drawer.orientation;\n            if (this.params.regions) {\n                this.params.regions.forEach(region => {\n                    region.edgeScrollWidth = this.params.edgeScrollWidth ||\n                        this.wrapper.clientWidth * scrollWidthProportion;\n                    this.add(region);\n                });\n            }\n        };\n\n        // Id-based hash of regions\n        this.list = {};\n        this._onReady = () => {\n            this.wrapper = this.wavesurfer.drawer.wrapper;\n            this.vertical = this.wavesurfer.drawer.params.vertical;\n            if (this.params.dragSelection) {\n                this.enableDragSelection(this.params);\n            }\n            Object.keys(this.list).forEach(id => {\n                this.list[id].updateRender();\n            });\n        };\n    }\n\n    init() {\n        // Check if ws is ready\n        if (this.wavesurfer.isReady) {\n            this._onBackendCreated();\n            this._onReady();\n        } else {\n            this.wavesurfer.once('ready', this._onReady);\n            this.wavesurfer.once('backend-created', this._onBackendCreated);\n        }\n    }\n\n    destroy() {\n        this.wavesurfer.un('ready', this._onReady);\n        this.wavesurfer.un('backend-created', this._onBackendCreated);\n        this.disableDragSelection();\n        this.clear();\n    }\n\n    /**\n     * check to see if adding a new region would exceed maxRegions\n     * @return {boolean} whether we should proceed and create a region\n     * @private\n     */\n    wouldExceedMaxRegions() {\n        return (\n            this.maxRegions && Object.keys(this.list).length >= this.maxRegions\n        );\n    }\n\n    /**\n     * Add a region\n     *\n     * @param {object} params Region parameters\n     * @return {Region} The created region\n     */\n    add(params) {\n        if (this.wouldExceedMaxRegions()) {\n            return null;\n        }\n\n        if (!params.minLength && this.regionsMinLength) {\n            params = {...params, minLength: this.regionsMinLength};\n        }\n\n        const region = new this.wavesurfer.Region(params, this.util, this.wavesurfer);\n\n        this.list[region.id] = region;\n\n        region.on('remove', () => {\n            delete this.list[region.id];\n        });\n\n        return region;\n    }\n\n    /**\n     * Remove all regions\n     */\n    clear() {\n        Object.keys(this.list).forEach(id => {\n            this.list[id].remove();\n        });\n    }\n\n    enableDragSelection(params) {\n        this.disableDragSelection();\n\n        const slop = params.slop || 2;\n        const container = this.wavesurfer.drawer.container;\n        const scroll =\n            params.scroll !== false && this.wavesurfer.params.scrollParent;\n        const scrollSpeed = params.scrollSpeed || 1;\n        const scrollThreshold = params.scrollThreshold || 10;\n        let drag;\n        let duration = this.wavesurfer.getDuration();\n        let maxScroll;\n        let start;\n        let region;\n        let touchId;\n        let pxMove = 0;\n        let scrollDirection;\n        let wrapperRect;\n\n        // Scroll when the user is dragging within the threshold\n        const edgeScroll = e => {\n            if (!region || !scrollDirection) {\n                return;\n            }\n\n            // Update scroll position\n            let scrollLeft =\n                this.wrapper.scrollLeft + scrollSpeed * scrollDirection;\n            this.wrapper.scrollLeft = scrollLeft = Math.min(\n                maxScroll,\n                Math.max(0, scrollLeft)\n            );\n\n            // Update range\n            const end = this.wavesurfer.drawer.handleEvent(e);\n            region.update({\n                start: Math.min(end * duration, start * duration),\n                end: Math.max(end * duration, start * duration)\n            });\n\n            // Check that there is more to scroll and repeat\n            if (scrollLeft < maxScroll && scrollLeft > 0) {\n                window.requestAnimationFrame(() => {\n                    edgeScroll(e);\n                });\n            }\n        };\n\n        const eventDown = e => {\n            if (e.touches && e.touches.length > 1) {\n                return;\n            }\n            duration = this.wavesurfer.getDuration();\n            touchId = e.targetTouches ? e.targetTouches[0].identifier : null;\n\n            // Store for scroll calculations\n            maxScroll = this.wrapper.scrollWidth -\n                this.wrapper.clientWidth;\n            wrapperRect = this.util.withOrientation(\n                this.wrapper.getBoundingClientRect(),\n                this.vertical\n            );\n\n            drag = true;\n            start = this.wavesurfer.drawer.handleEvent(e, true);\n            region = null;\n            scrollDirection = null;\n        };\n        this.wrapper.addEventListener('mousedown', eventDown);\n        this.wrapper.addEventListener('touchstart', eventDown);\n        this.on('disable-drag-selection', () => {\n            this.wrapper.removeEventListener('touchstart', eventDown);\n            this.wrapper.removeEventListener('mousedown', eventDown);\n        });\n\n        const eventUp = e => {\n            if (e.touches && e.touches.length > 1) {\n                return;\n            }\n\n            drag = false;\n            pxMove = 0;\n            scrollDirection = null;\n\n            if (region) {\n                this.util.preventClick();\n                region.fireEvent('update-end', e);\n                this.wavesurfer.fireEvent('region-update-end', region, e);\n            }\n\n            region = null;\n        };\n        this.wrapper.addEventListener('mouseleave', eventUp);\n        this.wrapper.addEventListener('mouseup', eventUp);\n        this.wrapper.addEventListener('touchend', eventUp);\n\n        document.body.addEventListener('mouseup', eventUp);\n        document.body.addEventListener('touchend', eventUp);\n        this.on('disable-drag-selection', () => {\n            document.body.removeEventListener('mouseup', eventUp);\n            document.body.removeEventListener('touchend', eventUp);\n            this.wrapper.removeEventListener('touchend', eventUp);\n            this.wrapper.removeEventListener('mouseup', eventUp);\n            this.wrapper.removeEventListener('mouseleave', eventUp);\n        });\n\n        const eventMove = event => {\n            if (!drag) {\n                return;\n            }\n            if (++pxMove <= slop) {\n                return;\n            }\n\n            if (event.touches && event.touches.length > 1) {\n                return;\n            }\n            if (event.targetTouches && event.targetTouches[0].identifier != touchId) {\n                return;\n            }\n\n            // auto-create a region during mouse drag, unless region-count would exceed \"maxRegions\"\n            if (!region) {\n                region = this.add(params || {});\n                if (!region) {\n                    return;\n                }\n            }\n\n            const end = this.wavesurfer.drawer.handleEvent(event);\n            const startUpdate = this.wavesurfer.regions.util.getRegionSnapToGridValue(\n                start * duration\n            );\n            const endUpdate = this.wavesurfer.regions.util.getRegionSnapToGridValue(\n                end * duration\n            );\n            region.update({\n                start: Math.min(endUpdate, startUpdate),\n                end: Math.max(endUpdate, startUpdate)\n            });\n\n            let orientedEvent = this.util.withOrientation(event, this.vertical);\n\n            // If scrolling is enabled\n            if (scroll && container.clientWidth < this.wrapper.scrollWidth) {\n                // Check threshold based on mouse\n                const x = orientedEvent.clientX - wrapperRect.left;\n                if (x <= scrollThreshold) {\n                    scrollDirection = -1;\n                } else if (x >= wrapperRect.right - scrollThreshold) {\n                    scrollDirection = 1;\n                } else {\n                    scrollDirection = null;\n                }\n                scrollDirection && edgeScroll(event);\n            }\n        };\n        this.wrapper.addEventListener('mousemove', eventMove);\n        this.wrapper.addEventListener('touchmove', eventMove);\n        this.on('disable-drag-selection', () => {\n            this.wrapper.removeEventListener('touchmove', eventMove);\n            this.wrapper.removeEventListener('mousemove', eventMove);\n        });\n\n        this.wavesurfer.on('region-created', region => {\n            if (this.regionsMinLength) {\n                region.minLength = this.regionsMinLength;\n            }\n        });\n    }\n\n    disableDragSelection() {\n        this.fireEvent('disable-drag-selection');\n    }\n\n    /**\n     * Get current region\n     *\n     * The smallest region that contains the current time. If several such\n     * regions exist, take the first. Return `null` if none exist.\n     *\n     * @returns {Region} The current region\n     */\n    getCurrentRegion() {\n        const time = this.wavesurfer.getCurrentTime();\n        let min = null;\n        Object.keys(this.list).forEach(id => {\n            const cur = this.list[id];\n            if (cur.start <= time && cur.end >= time) {\n                if (!min || cur.end - cur.start < min.end - min.start) {\n                    min = cur;\n                }\n            }\n        });\n\n        return min;\n    }\n\n    /**\n     * Match the value to the grid, if required\n     *\n     * If the regions plugin params have a snapToGridInterval set, return the\n     * value matching the nearest grid interval. If no snapToGridInterval is set,\n     * the passed value will be returned without modification.\n     *\n     * @param {number} value the value to snap to the grid, if needed\n     * @param {Object} params the regions plugin params\n     * @returns {number} value\n     */\n    getRegionSnapToGridValue(value, params) {\n        if (params.snapToGridInterval) {\n            // the regions should snap to a grid\n            const offset = params.snapToGridOffset || 0;\n            return (\n                Math.round((value - offset) / params.snapToGridInterval) *\n                    params.snapToGridInterval +\n                offset\n            );\n        }\n\n        // no snap-to-grid\n        return value;\n    }\n}\n","/**\n *  @since 4.0.0\n *\n * (Single) Region plugin class\n *\n * Must be turned into an observer before instantiating. This is done in\n * `RegionsPlugin` (main plugin class).\n *\n * @extends {Observer}\n */\nexport class Region {\n    constructor(params, regionsUtils, ws) {\n        this.wavesurfer = ws;\n        this.wrapper = ws.drawer.wrapper;\n        this.util = ws.util;\n        this.style = this.util.style;\n        this.regionsUtil = regionsUtils;\n        this.vertical = ws.drawer.params.vertical;\n\n        this.id = params.id == null ? ws.util.getId() : params.id;\n        this.start = Number(params.start) || 0;\n        this.end =\n            params.end == null\n                ? // small marker-like region\n                this.start +\n                (4 / this.wrapper.scrollWidth) * this.wavesurfer.getDuration()\n                : Number(params.end);\n        this.resize =\n            params.resize === undefined ? true : Boolean(params.resize);\n        this.drag = params.drag === undefined ? true : Boolean(params.drag);\n        // reflect resize and drag state of region for region-updated listener\n        this.isResizing = false;\n        this.isDragging = false;\n        this.loop = Boolean(params.loop);\n        this.color = params.color || 'rgba(0, 0, 0, 0.1)';\n        // The left and right handleStyle properties can be set to 'none' for\n        // no styling or can be assigned an object containing CSS properties.\n        this.handleStyle = params.handleStyle || {\n            left: {},\n            right: {}\n        };\n        this.handleLeftEl = null;\n        this.handleRightEl = null;\n        this.data = params.data || {};\n        this.attributes = params.attributes || {};\n        this.showTooltip = params.showTooltip ?? true;\n\n        this.maxLength = params.maxLength;\n        // It assumes the minLength parameter value, or the regionsMinLength parameter value, if the first one not provided\n        this.minLength = params.minLength;\n        this._onRedraw = () => this.updateRender();\n\n        this.scroll = params.scroll !== false && ws.params.scrollParent;\n        this.scrollSpeed = params.scrollSpeed || 1;\n        this.scrollThreshold = params.scrollThreshold || 10;\n        // Determines whether the context menu is prevented from being opened.\n        this.preventContextMenu =\n            params.preventContextMenu === undefined\n                ? false\n                : Boolean(params.preventContextMenu);\n\n        // select channel ID to set region\n        let channelIdx =\n            params.channelIdx == null ? -1 : parseInt(params.channelIdx);\n        this.regionHeight = '100%';\n        this.marginTop = '0px';\n\n        if (channelIdx !== -1) {\n            let channelCount =\n                this.wavesurfer.backend.buffer != null\n                    ? this.wavesurfer.backend.buffer.numberOfChannels\n                    : -1;\n            if (channelCount >= 0 && channelIdx < channelCount) {\n                this.regionHeight = Math.floor((1 / channelCount) * 100) + '%';\n                this.marginTop =\n                    this.wavesurfer.getHeight() * channelIdx + 'px';\n            }\n        }\n\n        this.formatTimeCallback = params.formatTimeCallback;\n        this.edgeScrollWidth = params.edgeScrollWidth;\n        this.bindInOut();\n        this.render();\n        this.wavesurfer.on('zoom', this._onRedraw);\n        this.wavesurfer.on('redraw', this._onRedraw);\n        this.wavesurfer.fireEvent('region-created', this);\n    }\n\n    /* Update region params. */\n    update(params, eventParams) {\n        if (params.start != null) {\n            this.start = Number(params.start);\n        }\n        if (params.end != null) {\n            this.end = Number(params.end);\n        }\n        if (params.loop != null) {\n            this.loop = Boolean(params.loop);\n        }\n        if (params.color != null) {\n            this.color = params.color;\n        }\n        if (params.handleStyle != null) {\n            this.handleStyle = params.handleStyle;\n        }\n        if (params.data != null) {\n            this.data = params.data;\n        }\n        if (params.resize != null) {\n            this.resize = Boolean(params.resize);\n            this.updateHandlesResize(this.resize);\n        }\n        if (params.drag != null) {\n            this.drag = Boolean(params.drag);\n        }\n        if (params.maxLength != null) {\n            this.maxLength = Number(params.maxLength);\n        }\n        if (params.minLength != null) {\n            this.minLength = Number(params.minLength);\n        }\n        if (params.attributes != null) {\n            this.attributes = params.attributes;\n        }\n\n        this.updateRender();\n        this.fireEvent('update');\n        this.wavesurfer.fireEvent('region-updated', this, eventParams);\n    }\n\n    /* Remove a single region. */\n    remove() {\n        if (this.element) {\n            this.wrapper.removeChild(this.element.domElement);\n            this.element = null;\n            this.fireEvent('remove');\n            this.wavesurfer.un('zoom', this._onRedraw);\n            this.wavesurfer.un('redraw', this._onRedraw);\n            this.wavesurfer.fireEvent('region-removed', this);\n        }\n    }\n\n    /**\n     * Play the audio region.\n     * @param {number} start Optional offset to start playing at\n     */\n    play(start) {\n        const s = start || this.start;\n        this.wavesurfer.play(s, this.end);\n        this.fireEvent('play');\n        this.wavesurfer.fireEvent('region-play', this);\n    }\n\n    /**\n     * Play the audio region in a loop.\n     * @param {number} start Optional offset to start playing at\n     * */\n    playLoop(start) {\n        this.loop = true;\n        this.play(start);\n    }\n\n    /**\n     * Set looping on/off.\n     * @param {boolean} loop True if should play in loop\n     */\n    setLoop(loop) {\n        this.loop = loop;\n    }\n\n    /* Render a region as a DOM element. */\n    render() {\n        this.element = this.util.withOrientation(\n            this.wrapper.appendChild(document.createElement('region')),\n            this.vertical\n        );\n\n        this.element.className = 'wavesurfer-region';\n        if (this.showTooltip) {\n            this.element.title = this.formatTime(this.start, this.end);\n        }\n        this.element.setAttribute('data-id', this.id);\n\n        for (const attrname in this.attributes) {\n            this.element.setAttribute(\n                'data-region-' + attrname,\n                this.attributes[attrname]\n            );\n        }\n\n        this.style(this.element, {\n            position: 'absolute',\n            zIndex: 2,\n            height: this.regionHeight,\n            top: this.marginTop\n        });\n\n        /* Resize handles */\n        if (this.resize) {\n            this.handleLeftEl = this.util.withOrientation(\n                this.element.appendChild(document.createElement('handle')),\n                this.vertical\n            );\n            this.handleRightEl = this.util.withOrientation(\n                this.element.appendChild(document.createElement('handle')),\n                this.vertical\n            );\n\n            this.handleLeftEl.className = 'wavesurfer-handle wavesurfer-handle-start';\n            this.handleRightEl.className = 'wavesurfer-handle wavesurfer-handle-end';\n\n            // Default CSS properties for both handles.\n            const css = {\n                cursor: this.vertical ? 'row-resize' : 'col-resize',\n                position: 'absolute',\n                top: '0px',\n                width: '2px',\n                height: '100%',\n                backgroundColor: 'rgba(0, 0, 0, 1)'\n            };\n\n            // Merge CSS properties per handle.\n            const handleLeftCss =\n                this.handleStyle.left !== 'none'\n                    ? Object.assign(\n                        { left: '0px' },\n                        css,\n                        this.handleStyle.left\n                    )\n                    : null;\n            const handleRightCss =\n                this.handleStyle.right !== 'none'\n                    ? Object.assign(\n                        { right: '0px' },\n                        css,\n                        this.handleStyle.right\n                    )\n                    : null;\n\n            if (handleLeftCss) {\n                this.style(this.handleLeftEl, handleLeftCss);\n            }\n\n            if (handleRightCss) {\n                this.style(this.handleRightEl, handleRightCss);\n            }\n        }\n\n        this.updateRender();\n        this.bindEvents();\n    }\n\n    formatTime(start, end) {\n        if (this.formatTimeCallback) {\n            return this.formatTimeCallback(start, end);\n        }\n        return (start == end ? [start] : [start, end])\n            .map((time) =>\n                [\n                    Math.floor((time % 3600) / 60), // minutes\n                    ('00' + Math.floor(time % 60)).slice(-2) // seconds\n                ].join(':')\n            )\n            .join('-');\n    }\n\n    getWidth() {\n        return this.wavesurfer.drawer.width / this.wavesurfer.params.pixelRatio;\n    }\n\n    /* Update element's position, width, color. */\n    updateRender() {\n        // duration varies during loading process, so don't overwrite important data\n        const dur = this.wavesurfer.getDuration();\n        const width = this.getWidth();\n\n        let startLimited = this.start;\n        let endLimited = this.end;\n        if (startLimited < 0) {\n            startLimited = 0;\n            endLimited = endLimited - startLimited;\n        }\n        if (endLimited > dur) {\n            endLimited = dur;\n            startLimited = dur - (endLimited - startLimited);\n        }\n\n        if (this.minLength != null) {\n            endLimited = Math.max(startLimited + this.minLength, endLimited);\n        }\n\n        if (this.maxLength != null) {\n            endLimited = Math.min(startLimited + this.maxLength, endLimited);\n        }\n\n        if (this.element != null) {\n            // Calculate the left and width values of the region such that\n            // no gaps appear between regions.\n            const left = Math.round((startLimited / dur) * width);\n            const regionWidth = Math.round((endLimited / dur) * width) - left;\n\n            this.style(this.element, {\n                left: left + 'px',\n                width: regionWidth + 'px',\n                backgroundColor: this.color,\n                cursor: this.drag ? 'move' : 'default'\n            });\n\n            for (const attrname in this.attributes) {\n                this.element.setAttribute(\n                    'data-region-' + attrname,\n                    this.attributes[attrname]\n                );\n            }\n\n            if (this.showTooltip) {\n                this.element.title = this.formatTime(this.start, this.end);\n            }\n        }\n    }\n\n    /* Bind audio events. */\n    bindInOut() {\n        this.firedIn = false;\n        this.firedOut = false;\n\n        const onProcess = (time) => {\n            let start = Math.round(this.start * 10) / 10;\n            let end = Math.round(this.end * 10) / 10;\n            time = Math.round(time * 10) / 10;\n\n            if (\n                !this.firedOut &&\n                this.firedIn &&\n                (start > time || end <= time)\n            ) {\n                this.firedOut = true;\n                this.firedIn = false;\n                this.fireEvent('out');\n                this.wavesurfer.fireEvent('region-out', this);\n            }\n            if (!this.firedIn && start <= time && end > time) {\n                this.firedIn = true;\n                this.firedOut = false;\n                this.fireEvent('in');\n                this.wavesurfer.fireEvent('region-in', this);\n            }\n        };\n\n        this.wavesurfer.backend.on('audioprocess', onProcess);\n\n        this.on('remove', () => {\n            this.wavesurfer.backend.un('audioprocess', onProcess);\n        });\n\n        /* Loop playback. */\n        this.on('out', () => {\n            if (this.loop) {\n                const realTime = this.wavesurfer.getCurrentTime();\n                if (realTime >= this.start && realTime <= this.end) {\n                    this.wavesurfer.play(this.start);\n                }\n            }\n        });\n    }\n\n    /* Bind DOM events. */\n    bindEvents() {\n        const preventContextMenu = this.preventContextMenu;\n\n        this.element.addEventListener('mouseenter', (e) => {\n            this.fireEvent('mouseenter', e);\n            this.wavesurfer.fireEvent('region-mouseenter', this, e);\n        });\n\n        this.element.addEventListener('mouseleave', (e) => {\n            this.fireEvent('mouseleave', e);\n            this.wavesurfer.fireEvent('region-mouseleave', this, e);\n        });\n\n        this.element.addEventListener('click', (e) => {\n            e.preventDefault();\n            this.fireEvent('click', e);\n            this.wavesurfer.fireEvent('region-click', this, e);\n        });\n\n        this.element.addEventListener('dblclick', (e) => {\n            e.stopPropagation();\n            e.preventDefault();\n            this.fireEvent('dblclick', e);\n            this.wavesurfer.fireEvent('region-dblclick', this, e);\n        });\n\n        this.element.addEventListener('contextmenu', (e) => {\n            if (preventContextMenu) {\n                e.preventDefault();\n            }\n            this.fireEvent('contextmenu', e);\n            this.wavesurfer.fireEvent('region-contextmenu', this, e);\n        });\n\n        /* Drag or resize on mousemove. */\n        if (this.drag || this.resize) {\n            this.bindDragEvents();\n        }\n    }\n\n    bindDragEvents() {\n        const container = this.wavesurfer.drawer.container;\n        const scrollSpeed = this.scrollSpeed;\n        const scrollThreshold = this.scrollThreshold;\n        let startTime;\n        let touchId;\n        let drag;\n        let maxScroll;\n        let resize;\n        let updated = false;\n        let scrollDirection;\n        let wrapperRect;\n        let regionLeftHalfTime;\n        let regionRightHalfTime;\n\n        // Scroll when the user is dragging within the threshold\n        const edgeScroll = (event) => {\n            let orientedEvent = this.util.withOrientation(event, this.vertical);\n            const duration = this.wavesurfer.getDuration();\n            if (!scrollDirection || (!drag && !resize)) {\n                return;\n            }\n\n            const x = orientedEvent.clientX;\n            let distanceBetweenCursorAndWrapperEdge = 0;\n            let regionHalfTimeWidth = 0;\n            let adjustment = 0;\n\n            // Get the currently selected time according to the mouse position\n            let time = this.regionsUtil.getRegionSnapToGridValue(\n                this.wavesurfer.drawer.handleEvent(event) * duration\n            );\n\n            if (drag) {\n                // Considering the point of contact with the region while edgescrolling\n                if (scrollDirection === -1) {\n                    regionHalfTimeWidth = regionLeftHalfTime * this.wavesurfer.params.minPxPerSec;\n                    distanceBetweenCursorAndWrapperEdge = x - wrapperRect.left;\n                } else {\n                    regionHalfTimeWidth = regionRightHalfTime * this.wavesurfer.params.minPxPerSec;\n                    distanceBetweenCursorAndWrapperEdge = wrapperRect.right - x;\n                }\n            } else {\n                // Considering minLength while edgescroll\n                let minLength = this.minLength;\n                if (!minLength) {\n                    minLength = 0;\n                }\n\n                if (resize === 'start') {\n                    if (time > this.end - minLength) {\n                        time = this.end - minLength;\n                        adjustment = scrollSpeed * scrollDirection;\n                    }\n\n                    if (time < 0) {\n                        time = 0;\n                    }\n                } else if (resize === 'end') {\n                    if (time < this.start + minLength) {\n                        time = this.start + minLength;\n                        adjustment = scrollSpeed * scrollDirection;\n                    }\n\n                    if (time > duration) {\n                        time = duration;\n                    }\n                }\n            }\n\n            // Don't edgescroll if region has reached min or max limit\n            const wrapperScrollLeft = this.wrapper.scrollLeft;\n\n            if (scrollDirection === -1) {\n                if (Math.round(wrapperScrollLeft) === 0) {\n                    return;\n                }\n\n                if (Math.round(wrapperScrollLeft - regionHalfTimeWidth + distanceBetweenCursorAndWrapperEdge) <= 0) {\n                    return;\n                }\n            } else {\n                if (Math.round(wrapperScrollLeft) === maxScroll) {\n                    return;\n                }\n\n                if (Math.round(wrapperScrollLeft + regionHalfTimeWidth - distanceBetweenCursorAndWrapperEdge) >= maxScroll) {\n                    return;\n                }\n            }\n\n            // Update scroll position\n            let scrollLeft = wrapperScrollLeft - adjustment + scrollSpeed * scrollDirection;\n\n            if (scrollDirection === -1) {\n                const calculatedLeft = Math.max(0 + regionHalfTimeWidth - distanceBetweenCursorAndWrapperEdge, scrollLeft);\n                this.wrapper.scrollLeft = scrollLeft = calculatedLeft;\n            } else {\n                const calculatedRight = Math.min(maxScroll - regionHalfTimeWidth + distanceBetweenCursorAndWrapperEdge, scrollLeft);\n                this.wrapper.scrollLeft = scrollLeft = calculatedRight;\n            }\n\n            const delta = time - startTime;\n            startTime = time;\n\n            // Continue dragging or resizing\n            drag ? this.onDrag(delta) : this.onResize(delta, resize);\n\n            // Repeat\n            window.requestAnimationFrame(() => {\n                edgeScroll(event);\n            });\n        };\n\n        const onDown = (event) => {\n            const duration = this.wavesurfer.getDuration();\n            if (event.touches && event.touches.length > 1) {\n                return;\n            }\n            touchId = event.targetTouches ? event.targetTouches[0].identifier : null;\n\n            // stop the event propagation, if this region is resizable or draggable\n            // and the event is therefore handled here.\n            if (this.drag || this.resize) {\n                event.stopPropagation();\n            }\n\n            // Store the selected startTime we begun dragging or resizing\n            startTime = this.regionsUtil.getRegionSnapToGridValue(\n                this.wavesurfer.drawer.handleEvent(event, true) * duration\n            );\n\n            // Store the selected point of contact when we begin dragging\n            regionLeftHalfTime = startTime - this.start;\n            regionRightHalfTime = this.end - startTime;\n\n            // Store for scroll calculations\n            maxScroll = this.wrapper.scrollWidth - this.wrapper.clientWidth;\n\n            wrapperRect = this.util.withOrientation(\n                this.wrapper.getBoundingClientRect(),\n                this.vertical\n            );\n\n            this.isResizing = false;\n            this.isDragging = false;\n            if (event.target.tagName.toLowerCase() === 'handle') {\n                this.isResizing = true;\n                resize = event.target.classList.contains('wavesurfer-handle-start')\n                    ? 'start'\n                    : 'end';\n            } else {\n                this.isDragging = true;\n                drag = true;\n                resize = false;\n            }\n        };\n        const onUp = (event) => {\n            if (event.touches && event.touches.length > 1) {\n                return;\n            }\n\n            if (drag || resize) {\n                this.isDragging = false;\n                this.isResizing = false;\n                drag = false;\n                scrollDirection = null;\n                resize = false;\n            }\n\n            if (updated) {\n                updated = false;\n                this.util.preventClick();\n                this.fireEvent('update-end', event);\n                this.wavesurfer.fireEvent('region-update-end', this, event);\n            }\n        };\n        const onMove = (event) => {\n            const duration = this.wavesurfer.getDuration();\n            let orientedEvent = this.util.withOrientation(event, this.vertical);\n\n            if (event.touches && event.touches.length > 1) {\n                return;\n            }\n            if (event.targetTouches && event.targetTouches[0].identifier != touchId) {\n                return;\n            }\n            if (!drag && !resize) {\n                return;\n            }\n\n            const oldTime = startTime;\n            let time = this.regionsUtil.getRegionSnapToGridValue(\n                this.wavesurfer.drawer.handleEvent(event) * duration\n            );\n\n            if (drag) {\n                // To maintain relative cursor start point while dragging\n                const maxEnd = this.wavesurfer.getDuration();\n                if (time > maxEnd - regionRightHalfTime) {\n                    time = maxEnd - regionRightHalfTime;\n                }\n\n                if (time - regionLeftHalfTime < 0) {\n                    time = regionLeftHalfTime;\n                }\n            }\n\n            if (resize) {\n                // To maintain relative cursor start point while resizing\n                // we have to handle for minLength\n                let minLength = this.minLength;\n                if (!minLength) {\n                    minLength = 0;\n                }\n\n                if (resize === 'start') {\n                    if (time > this.end - minLength) {\n                        time = this.end - minLength;\n                    }\n\n                    if (time < 0) {\n                        time = 0;\n                    }\n                } else if (resize === 'end') {\n                    if (time < this.start + minLength) {\n                        time = this.start + minLength;\n                    }\n\n                    if (time > duration) {\n                        time = duration;\n                    }\n                }\n            }\n\n            let delta = time - startTime;\n            startTime = time;\n\n            // Drag\n            if (this.drag && drag) {\n                updated = updated || !!delta;\n                this.onDrag(delta);\n            }\n\n            // Resize\n            if (this.resize && resize) {\n                updated = updated || !!delta;\n                this.onResize(delta, resize);\n            }\n\n            if (\n                this.scroll && container.clientWidth < this.wrapper.scrollWidth\n            ) {\n                // Triggering edgescroll from within edgeScrollWidth\n                let x = orientedEvent.clientX;\n\n                // Check direction\n                if (x < wrapperRect.left + this.edgeScrollWidth) {\n                    scrollDirection = -1;\n                } else if (x > wrapperRect.right - this.edgeScrollWidth) {\n                    scrollDirection = 1;\n                } else {\n                    scrollDirection = null;\n                }\n\n                if (scrollDirection) {\n                    edgeScroll(event);\n                }\n            }\n        };\n\n        this.element.addEventListener('mousedown', onDown);\n        this.element.addEventListener('touchstart', onDown);\n\n        document.body.addEventListener('mousemove', onMove);\n        document.body.addEventListener('touchmove', onMove, {passive: false});\n\n        document.addEventListener('mouseup', onUp);\n        document.body.addEventListener('touchend', onUp);\n\n        this.on('remove', () => {\n            document.removeEventListener('mouseup', onUp);\n            document.body.removeEventListener('touchend', onUp);\n            document.body.removeEventListener('mousemove', onMove);\n            document.body.removeEventListener('touchmove', onMove);\n        });\n\n        this.wavesurfer.on('destroy', () => {\n            document.removeEventListener('mouseup', onUp);\n            document.body.removeEventListener('touchend', onUp);\n        });\n    }\n\n    onDrag(delta) {\n        const maxEnd = this.wavesurfer.getDuration();\n        if (this.end + delta > maxEnd) {\n            delta = maxEnd - this.end;\n        }\n\n        if (this.start + delta < 0) {\n            delta = this.start * -1;\n        }\n\n        const eventParams = {\n            direction: this._getDragDirection(delta),\n            action: 'drag'\n        };\n\n        this.update({\n            start: this.start + delta,\n            end: this.end + delta\n        }, eventParams);\n    }\n\n    /**\n     * Returns the direction of dragging region based on delta\n     * Negative delta means region is moving to the left\n     * Positive - to the right\n     * For zero delta the direction is not defined\n     * @param {number} delta Drag offset\n     * @returns {string|null} Direction 'left', 'right' or null\n     */\n    _getDragDirection(delta) {\n        if (delta < 0) {\n            return 'left';\n        }\n        if (delta > 0) {\n            return 'right';\n        }\n        return null;\n    }\n\n    /**\n     * @example\n     * onResize(-5, 'start') // Moves the start point 5 seconds back\n     * onResize(0.5, 'end') // Moves the end point 0.5 seconds forward\n     *\n     * @param {number} delta How much to add or subtract, given in seconds\n     * @param {string} direction 'start 'or 'end'\n     */\n    onResize(delta, direction) {\n        const duration = this.wavesurfer.getDuration();\n        const eventParams = {\n            action: 'resize',\n            direction: direction === 'start' ? 'right' : 'left'\n        };\n\n        if (direction === 'start') {\n            // Check if changing the start by the given delta would result in the region being smaller than minLength\n            // Ignore cases where we are making the region wider rather than shrinking it\n            if (delta > 0 && this.end - (this.start + delta) < this.minLength) {\n                delta = this.end - this.minLength - this.start;\n            }\n\n            if (delta < 0 && (this.start + delta) < 0) {\n                delta = this.start * -1;\n            }\n\n            this.update({\n                start: Math.min(this.start + delta, this.end),\n                end: Math.max(this.start + delta, this.end)\n            }, eventParams);\n        } else {\n            // Check if changing the end by the given delta would result in the region being smaller than minLength\n            // Ignore cases where we are making the region wider rather than shrinking it\n            if (delta < 0 && this.end + delta - this.start < this.minLength) {\n                delta = this.start + this.minLength - this.end;\n            }\n\n            if (delta > 0 && (this.end + delta) > duration) {\n                delta = duration - this.end;\n            }\n\n            this.update({\n                start: Math.min(this.end + delta, this.start),\n                end: Math.max(this.end + delta, this.start)\n            }, eventParams);\n        }\n    }\n\n    updateHandlesResize(resize) {\n        let cursorStyle;\n        if (resize) {\n            cursorStyle = this.vertical ? 'row-resize' : 'col-resize';\n        } else {\n            cursorStyle = 'auto';\n        }\n\n        this.handleLeftEl && this.style(this.handleLeftEl, { cursor: cursorStyle });\n        this.handleRightEl && this.style(this.handleRightEl, { cursor: cursorStyle });\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__(23);\n"],"names":["root","factory","exports","module","define","amd","self","RegionsPlugin","params","ws","this","wavesurfer","util","getRegionSnapToGridValue","value","maxRegions","regionsMinLength","Object","getOwnPropertyNames","Observer","prototype","forEach","key","Region","_onBackendCreated","wrapper","drawer","orientation","regions","region","edgeScrollWidth","clientWidth","add","list","_onReady","vertical","dragSelection","enableDragSelection","keys","id","updateRender","name","deferInit","staticProps","addRegion","options","initialisedPluginList","initPlugin","clearRegions","clear","disableDragSelection","instance","isReady","once","un","length","wouldExceedMaxRegions","minLength","on","remove","drag","maxScroll","start","touchId","scrollDirection","wrapperRect","slop","container","scroll","scrollParent","scrollSpeed","scrollThreshold","duration","getDuration","pxMove","edgeScroll","e","scrollLeft","Math","min","max","end","handleEvent","update","window","requestAnimationFrame","eventDown","touches","targetTouches","identifier","scrollWidth","withOrientation","getBoundingClientRect","addEventListener","removeEventListener","eventUp","preventClick","fireEvent","document","body","eventMove","event","startUpdate","endUpdate","orientedEvent","x","clientX","left","right","time","getCurrentTime","cur","snapToGridInterval","offset","snapToGridOffset","round","regionsUtils","style","regionsUtil","getId","Number","resize","undefined","Boolean","isResizing","isDragging","loop","color","handleStyle","handleLeftEl","handleRightEl","data","attributes","showTooltip","maxLength","_onRedraw","preventContextMenu","channelIdx","parseInt","regionHeight","marginTop","channelCount","backend","buffer","numberOfChannels","floor","getHeight","formatTimeCallback","bindInOut","render","eventParams","updateHandlesResize","element","removeChild","domElement","s","play","attrname","appendChild","createElement","className","title","formatTime","setAttribute","position","zIndex","height","top","css","cursor","width","backgroundColor","handleLeftCss","assign","handleRightCss","bindEvents","map","slice","join","pixelRatio","dur","getWidth","startLimited","endLimited","regionWidth","firedIn","firedOut","onProcess","realTime","preventDefault","stopPropagation","bindDragEvents","startTime","regionLeftHalfTime","regionRightHalfTime","updated","distanceBetweenCursorAndWrapperEdge","regionHalfTimeWidth","adjustment","minPxPerSec","wrapperScrollLeft","calculatedLeft","calculatedRight","delta","onDrag","onResize","onDown","target","tagName","toLowerCase","classList","contains","onUp","onMove","maxEnd","passive","direction","_getDragDirection","action","cursorStyle","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","__webpack_modules__"],"sourceRoot":""}
+{"version":3,"file":"wavesurfer.regions.min.js","mappings":"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","sources":["webpack://WaveSurfer.[name]/webpack/universalModuleDefinition","webpack://WaveSurfer.[name]/./src/plugin/regions/index.js","webpack://WaveSurfer.[name]/./src/plugin/regions/region.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\"][\"regions\"] = factory();\n})(self, function() {\nreturn ","/**\n *  @since 4.0.0 This class has been split\n *\n * @typedef {Object} RegionsPluginParams\n * @property {?boolean} dragSelection Enable creating regions by dragging with\n * the mouse\n * @property {?RegionParams[]} regions Regions that should be added upon\n * initialisation\n * @property {number} slop=2 The sensitivity of the mouse dragging\n * @property {?number} snapToGridInterval Snap the regions to a grid of the specified multiples in seconds\n * @property {?number} snapToGridOffset Shift the snap-to-grid by the specified seconds. May also be negative.\n * @property {?boolean} deferInit Set to true to manually call\n * @property {number[]} maxRegions Maximum number of regions that may be created by the user at one time.\n * `initPlugin('regions')`\n * @property {function} formatTimeCallback Allows custom formating for region tooltip.\n * @property {?number} edgeScrollWidth='5% from container edges' Optional width for edgeScroll to start\n */\n\n/**\n * @typedef {Object} RegionParams\n * @desc The parameters used to describe a region.\n * @example wavesurfer.addRegion(regionParams);\n * @property {string} id=→random The id of the region\n * @property {number} start=0 The start position of the region (in seconds).\n * @property {number} end=0 The end position of the region (in seconds).\n * @property {?boolean} loop Whether to loop the region when played back.\n * @property {boolean} drag=true Allow/disallow dragging the region.\n * @property {boolean} resize=true Allow/disallow resizing the region.\n * @property {string} [color='rgba(0, 0, 0, 0.1)'] HTML color code.\n * @property {?number} channelIdx Select channel to draw the region on (if there are multiple channel waveforms).\n * @property {?object} handleStyle A set of CSS properties used to style the left and right handle.\n * @property {?boolean} preventContextMenu=false Determines whether the context menu is prevented from being opened.\n * @property {boolean} showTooltip=true Enable/disable tooltip displaying start and end times when hovering over region.\n */\n\nimport {Region} from \"./region.js\";\n\n/**\n * Regions are visual overlays on waveform that can be used to play and loop\n * portions of audio. Regions can be dragged and resized.\n *\n * Visual customization is possible via CSS (using the selectors\n * `.wavesurfer-region` and `.wavesurfer-handle`).\n *\n * @implements {PluginClass}\n * @extends {Observer}\n *\n * @example\n * // es6\n * import RegionsPlugin from 'wavesurfer.regions.js';\n *\n * // commonjs\n * var RegionsPlugin = require('wavesurfer.regions.js');\n *\n * // if you are using <script> tags\n * var RegionsPlugin = window.WaveSurfer.regions;\n *\n * // ... initialising wavesurfer with the plugin\n * var wavesurfer = WaveSurfer.create({\n *   // wavesurfer options ...\n *   plugins: [\n *     RegionsPlugin.create({\n *       // plugin options ...\n *     })\n *   ]\n * });\n */\nexport default class RegionsPlugin {\n    /**\n     * Regions 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 {RegionsPluginParams} params parameters use to initialise the plugin\n     * @return {PluginDefinition} an object representing the plugin\n     */\n    static create(params) {\n        return {\n            name: 'regions',\n            deferInit: params && params.deferInit ? params.deferInit : false,\n            params: params,\n            staticProps: {\n                addRegion(options) {\n                    if (!this.initialisedPluginList.regions) {\n                        this.initPlugin('regions');\n                    }\n                    return this.regions.add(options);\n                },\n\n                clearRegions() {\n                    this.regions && this.regions.clear();\n                },\n\n                enableDragSelection(options) {\n                    if (!this.initialisedPluginList.regions) {\n                        this.initPlugin('regions');\n                    }\n                    this.regions.enableDragSelection(options);\n                },\n\n                disableDragSelection() {\n                    this.regions.disableDragSelection();\n                }\n            },\n            instance: RegionsPlugin\n        };\n    }\n\n    constructor(params, ws) {\n        this.params = params;\n        this.wavesurfer = ws;\n        this.util = {\n            ...ws.util,\n            getRegionSnapToGridValue: value => {\n                return this.getRegionSnapToGridValue(value, params);\n            }\n        };\n        this.maxRegions = params.maxRegions;\n        this.regionsMinLength = params.regionsMinLength || null;\n\n        // turn the plugin instance into an observer\n        const observerPrototypeKeys = Object.getOwnPropertyNames(\n            this.util.Observer.prototype\n        );\n        observerPrototypeKeys.forEach(key => {\n            Region.prototype[key] = this.util.Observer.prototype[key];\n        });\n        this.wavesurfer.Region = Region;\n\n        // By default, scroll the container if the user drags a region\n        // within 5% (based on its initial size) of its edge\n        const scrollWidthProportion = 0.05;\n        this._onBackendCreated = () => {\n            this.wrapper = this.wavesurfer.drawer.wrapper;\n            this.orientation = this.wavesurfer.drawer.orientation;\n            this.defaultEdgeScrollWidth = this.wrapper.clientWidth * scrollWidthProportion;\n            if (this.params.regions) {\n                this.params.regions.forEach(region => {\n                    this.add(region);\n                });\n            }\n        };\n\n        // Id-based hash of regions\n        this.list = {};\n        this._onReady = () => {\n            this.wrapper = this.wavesurfer.drawer.wrapper;\n            this.vertical = this.wavesurfer.drawer.params.vertical;\n            if (this.params.dragSelection) {\n                this.enableDragSelection(this.params);\n            }\n            Object.keys(this.list).forEach(id => {\n                this.list[id].updateRender();\n            });\n        };\n    }\n\n    init() {\n        // Check if ws is ready\n        if (this.wavesurfer.isReady) {\n            this._onBackendCreated();\n            this._onReady();\n        } else {\n            this.wavesurfer.once('ready', this._onReady);\n            this.wavesurfer.once('backend-created', this._onBackendCreated);\n        }\n    }\n\n    destroy() {\n        this.wavesurfer.un('ready', this._onReady);\n        this.wavesurfer.un('backend-created', this._onBackendCreated);\n        // Disabling `region-removed' because destroying the plugin calls\n        // the Region.remove() method that is also used to remove regions based\n        // on user input. This can cause confusion since teardown is not a\n        // user event, but would emit `region-removed` as if it was.\n        this.wavesurfer.setDisabledEventEmissions(['region-removed']);\n        this.disableDragSelection();\n        this.clear();\n    }\n\n    /**\n     * check to see if adding a new region would exceed maxRegions\n     * @return {boolean} whether we should proceed and create a region\n     * @private\n     */\n    wouldExceedMaxRegions() {\n        return (\n            this.maxRegions && Object.keys(this.list).length >= this.maxRegions\n        );\n    }\n\n    /**\n     * Add a region\n     *\n     * @param {object} params Region parameters\n     * @return {Region} The created region\n     */\n    add(params) {\n        if (this.wouldExceedMaxRegions()) {\n            return null;\n        }\n\n        params = {\n            edgeScrollWidth: this.params.edgeScrollWidth || this.defaultEdgeScrollWidth,\n            ...params\n        };\n\n        // Take formatTimeCallback from plugin params if not already set\n        if (!params.formatTimeCallback && this.params.formatTimeCallback) {\n            params = {...params, formatTimeCallback: this.params.formatTimeCallback};\n        }\n\n        if (!params.minLength && this.regionsMinLength) {\n            params = {...params, minLength: this.regionsMinLength};\n        }\n\n        const region = new this.wavesurfer.Region(params, this.util, this.wavesurfer);\n\n        this.list[region.id] = region;\n\n        region.on('remove', () => {\n            delete this.list[region.id];\n        });\n\n        return region;\n    }\n\n    /**\n     * Remove all regions\n     */\n    clear() {\n        Object.keys(this.list).forEach(id => {\n            this.list[id].remove();\n        });\n    }\n\n    enableDragSelection(params) {\n        this.disableDragSelection();\n\n        const slop = params.slop || 2;\n        const container = this.wavesurfer.drawer.container;\n        const scroll =\n            params.scroll !== false && this.wavesurfer.params.scrollParent;\n        const scrollSpeed = params.scrollSpeed || 1;\n        const scrollThreshold = params.scrollThreshold || 10;\n        let drag;\n        let duration = this.wavesurfer.getDuration();\n        let maxScroll;\n        let start;\n        let region;\n        let touchId;\n        let pxMove = 0;\n        let scrollDirection;\n        let wrapperRect;\n\n        // Scroll when the user is dragging within the threshold\n        const edgeScroll = e => {\n            if (!region || !scrollDirection) {\n                return;\n            }\n\n            // Update scroll position\n            let scrollLeft =\n                this.wrapper.scrollLeft + scrollSpeed * scrollDirection;\n            this.wrapper.scrollLeft = scrollLeft = Math.min(\n                maxScroll,\n                Math.max(0, scrollLeft)\n            );\n\n            // Update range\n            const end = this.wavesurfer.drawer.handleEvent(e);\n            region.update({\n                start: Math.min(end * duration, start * duration),\n                end: Math.max(end * duration, start * duration)\n            });\n\n            // Check that there is more to scroll and repeat\n            if (scrollLeft < maxScroll && scrollLeft > 0) {\n                window.requestAnimationFrame(() => {\n                    edgeScroll(e);\n                });\n            }\n        };\n\n        const eventDown = e => {\n            if (e.touches && e.touches.length > 1) {\n                return;\n            }\n            duration = this.wavesurfer.getDuration();\n            touchId = e.targetTouches ? e.targetTouches[0].identifier : null;\n\n            // Store for scroll calculations\n            maxScroll = this.wrapper.scrollWidth -\n                this.wrapper.clientWidth;\n            wrapperRect = this.util.withOrientation(\n                this.wrapper.getBoundingClientRect(),\n                this.vertical\n            );\n\n            // set the region channel index based on the clicked area\n            if (this.wavesurfer.params.splitChannels) {\n                const y = (e.touches ? e.touches[0].clientY : e.clientY) - wrapperRect.top;\n                const channelCount = this.wavesurfer.backend.buffer != null ? this.wavesurfer.backend.buffer.numberOfChannels : 1;\n                const channelHeight = this.wrapper.clientHeight / channelCount;\n                const channelIdx = Math.floor(y / channelHeight);\n                params.channelIdx = channelIdx;\n                const channelColors = this.wavesurfer.params.splitChannelsOptions.channelColors[channelIdx];\n                if (channelColors && channelColors.dragColor) {\n                    params.color = channelColors.dragColor;\n                }\n            }\n\n            drag = true;\n            start = this.wavesurfer.drawer.handleEvent(e, true);\n            region = null;\n            scrollDirection = null;\n        };\n        this.wrapper.addEventListener('mousedown', eventDown);\n        this.wrapper.addEventListener('touchstart', eventDown);\n        this.on('disable-drag-selection', () => {\n            this.wrapper.removeEventListener('touchstart', eventDown);\n            this.wrapper.removeEventListener('mousedown', eventDown);\n        });\n\n        const eventUp = e => {\n            if (e.touches && e.touches.length > 1) {\n                return;\n            }\n\n            drag = false;\n            pxMove = 0;\n            scrollDirection = null;\n\n            if (region) {\n                this.util.preventClick();\n                region.fireEvent('update-end', e);\n                this.wavesurfer.fireEvent('region-update-end', region, e);\n            }\n\n            region = null;\n        };\n        this.wrapper.addEventListener('mouseleave', eventUp);\n        this.wrapper.addEventListener('mouseup', eventUp);\n        this.wrapper.addEventListener('touchend', eventUp);\n\n        document.body.addEventListener('mouseup', eventUp);\n        document.body.addEventListener('touchend', eventUp);\n        this.on('disable-drag-selection', () => {\n            document.body.removeEventListener('mouseup', eventUp);\n            document.body.removeEventListener('touchend', eventUp);\n            this.wrapper.removeEventListener('touchend', eventUp);\n            this.wrapper.removeEventListener('mouseup', eventUp);\n            this.wrapper.removeEventListener('mouseleave', eventUp);\n        });\n\n        const eventMove = event => {\n            if (!drag) {\n                return;\n            }\n            if (++pxMove <= slop) {\n                return;\n            }\n\n            if (event.touches && event.touches.length > 1) {\n                return;\n            }\n            if (event.targetTouches && event.targetTouches[0].identifier != touchId) {\n                return;\n            }\n\n            // auto-create a region during mouse drag, unless region-count would exceed \"maxRegions\"\n            if (!region) {\n                region = this.add(params || {});\n                if (!region) {\n                    return;\n                }\n            }\n\n            const end = this.wavesurfer.drawer.handleEvent(event);\n            const startUpdate = this.wavesurfer.regions.util.getRegionSnapToGridValue(\n                start * duration\n            );\n            const endUpdate = this.wavesurfer.regions.util.getRegionSnapToGridValue(\n                end * duration\n            );\n            region.update({\n                start: Math.min(endUpdate, startUpdate),\n                end: Math.max(endUpdate, startUpdate)\n            });\n\n            let orientedEvent = this.util.withOrientation(event, this.vertical);\n\n            // If scrolling is enabled\n            if (scroll && container.clientWidth < this.wrapper.scrollWidth) {\n                // Check threshold based on mouse\n                const x = orientedEvent.clientX - wrapperRect.left;\n                if (x <= scrollThreshold) {\n                    scrollDirection = -1;\n                } else if (x >= wrapperRect.right - scrollThreshold) {\n                    scrollDirection = 1;\n                } else {\n                    scrollDirection = null;\n                }\n                scrollDirection && edgeScroll(event);\n            }\n        };\n        this.wrapper.addEventListener('mousemove', eventMove);\n        this.wrapper.addEventListener('touchmove', eventMove);\n        this.on('disable-drag-selection', () => {\n            this.wrapper.removeEventListener('touchmove', eventMove);\n            this.wrapper.removeEventListener('mousemove', eventMove);\n        });\n\n        this.wavesurfer.on('region-created', region => {\n            if (this.regionsMinLength) {\n                region.minLength = this.regionsMinLength;\n            }\n        });\n    }\n\n    disableDragSelection() {\n        this.fireEvent('disable-drag-selection');\n    }\n\n    /**\n     * Get current region\n     *\n     * The smallest region that contains the current time. If several such\n     * regions exist, take the first. Return `null` if none exist.\n     *\n     * @returns {Region} The current region\n     */\n    getCurrentRegion() {\n        const time = this.wavesurfer.getCurrentTime();\n        let min = null;\n        Object.keys(this.list).forEach(id => {\n            const cur = this.list[id];\n            if (cur.start <= time && cur.end >= time) {\n                if (!min || cur.end - cur.start < min.end - min.start) {\n                    min = cur;\n                }\n            }\n        });\n\n        return min;\n    }\n\n    /**\n     * Match the value to the grid, if required\n     *\n     * If the regions plugin params have a snapToGridInterval set, return the\n     * value matching the nearest grid interval. If no snapToGridInterval is set,\n     * the passed value will be returned without modification.\n     *\n     * @param {number} value the value to snap to the grid, if needed\n     * @param {Object} params the regions plugin params\n     * @returns {number} value\n     */\n    getRegionSnapToGridValue(value, params) {\n        if (params.snapToGridInterval) {\n            // the regions should snap to a grid\n            const offset = params.snapToGridOffset || 0;\n            return (\n                Math.round((value - offset) / params.snapToGridInterval) *\n                    params.snapToGridInterval +\n                offset\n            );\n        }\n\n        // no snap-to-grid\n        return value;\n    }\n}\n","/**\n *  @since 4.0.0\n *\n * (Single) Region plugin class\n *\n * Must be turned into an observer before instantiating. This is done in\n * `RegionsPlugin` (main plugin class).\n *\n * @extends {Observer}\n */\nexport class Region {\n    constructor(params, regionsUtils, ws) {\n        this.wavesurfer = ws;\n        this.wrapper = ws.drawer.wrapper;\n        this.util = ws.util;\n        this.style = this.util.style;\n        this.regionsUtil = regionsUtils;\n        this.vertical = ws.drawer.params.vertical;\n\n        this.id = params.id == null ? ws.util.getId() : params.id;\n        this.start = Number(params.start) || 0;\n        this.end =\n            params.end == null\n                ? // small marker-like region\n                this.start +\n                (4 / this.wrapper.scrollWidth) * this.wavesurfer.getDuration()\n                : Number(params.end);\n        this.resize =\n            params.resize === undefined ? true : Boolean(params.resize);\n        this.drag = params.drag === undefined ? true : Boolean(params.drag);\n        // reflect resize and drag state of region for region-updated listener\n        this.isResizing = false;\n        this.isDragging = false;\n        this.loop = Boolean(params.loop);\n        this.color = params.color || 'rgba(0, 0, 0, 0.1)';\n        // The left and right handleStyle properties can be set to 'none' for\n        // no styling or can be assigned an object containing CSS properties.\n        this.handleStyle = params.handleStyle || {\n            left: {},\n            right: {}\n        };\n        this.handleLeftEl = null;\n        this.handleRightEl = null;\n        this.data = params.data || {};\n        this.attributes = params.attributes || {};\n        this.showTooltip = params.showTooltip ?? true;\n\n        this.maxLength = params.maxLength;\n        // It assumes the minLength parameter value, or the regionsMinLength parameter value, if the first one not provided\n        this.minLength = params.minLength;\n        this._onRedraw = () => this.updateRender();\n\n        this.scroll = params.scroll !== false && ws.params.scrollParent;\n        this.scrollSpeed = params.scrollSpeed || 1;\n        this.scrollThreshold = params.scrollThreshold || 10;\n        // Determines whether the context menu is prevented from being opened.\n        this.preventContextMenu =\n            params.preventContextMenu === undefined\n                ? false\n                : Boolean(params.preventContextMenu);\n\n        // select channel ID to set region\n        let channelIdx =\n            params.channelIdx == null ? -1 : parseInt(params.channelIdx);\n        this.channelIdx = channelIdx;\n        this.regionHeight = '100%';\n        this.marginTop = '0px';\n\n        if (channelIdx !== -1) {\n            let channelCount =\n                this.wavesurfer.backend.buffer != null\n                    ? this.wavesurfer.backend.buffer.numberOfChannels\n                    : -1;\n            if (channelCount >= 0 && channelIdx < channelCount) {\n                this.regionHeight = Math.floor((1 / channelCount) * 100) + '%';\n                this.marginTop =\n                    this.wavesurfer.getHeight() * channelIdx + 'px';\n            }\n        }\n\n        this.formatTimeCallback = params.formatTimeCallback;\n        this.edgeScrollWidth = params.edgeScrollWidth;\n        this.bindInOut();\n        this.render();\n        this.wavesurfer.on('zoom', this._onRedraw);\n        this.wavesurfer.on('redraw', this._onRedraw);\n        this.wavesurfer.fireEvent('region-created', this);\n    }\n\n    /* Update region params. */\n    update(params, eventParams) {\n        if (params.start != null) {\n            this.start = Number(params.start);\n        }\n        if (params.end != null) {\n            this.end = Number(params.end);\n        }\n        if (params.loop != null) {\n            this.loop = Boolean(params.loop);\n        }\n        if (params.color != null) {\n            this.color = params.color;\n        }\n        if (params.handleStyle != null) {\n            this.handleStyle = params.handleStyle;\n        }\n        if (params.data != null) {\n            this.data = params.data;\n        }\n        if (params.resize != null) {\n            this.resize = Boolean(params.resize);\n            this.updateHandlesResize(this.resize);\n        }\n        if (params.drag != null) {\n            this.drag = Boolean(params.drag);\n        }\n        if (params.maxLength != null) {\n            this.maxLength = Number(params.maxLength);\n        }\n        if (params.minLength != null) {\n            this.minLength = Number(params.minLength);\n        }\n        if (params.attributes != null) {\n            this.attributes = params.attributes;\n        }\n\n        this.updateRender();\n        this.fireEvent('update');\n        this.wavesurfer.fireEvent('region-updated', this, eventParams);\n    }\n\n    /* Remove a single region. */\n    remove() {\n        if (this.element) {\n            this.wrapper.removeChild(this.element.domElement);\n            this.element = null;\n            this.fireEvent('remove');\n            this.wavesurfer.un('zoom', this._onRedraw);\n            this.wavesurfer.un('redraw', this._onRedraw);\n            this.wavesurfer.fireEvent('region-removed', this);\n        }\n    }\n\n    /**\n     * Play the audio region.\n     * @param {number} start Optional offset to start playing at\n     */\n    play(start) {\n        const s = start || this.start;\n        this.wavesurfer.play(s, this.end);\n        this.fireEvent('play');\n        this.wavesurfer.fireEvent('region-play', this);\n    }\n\n    /**\n     * Play the audio region in a loop.\n     * @param {number} start Optional offset to start playing at\n     * */\n    playLoop(start) {\n        this.loop = true;\n        this.play(start);\n    }\n\n    /**\n     * Set looping on/off.\n     * @param {boolean} loop True if should play in loop\n     */\n    setLoop(loop) {\n        this.loop = loop;\n    }\n\n    /* Render a region as a DOM element. */\n    render() {\n        this.element = this.util.withOrientation(\n            this.wrapper.appendChild(document.createElement('region')),\n            this.vertical\n        );\n\n        this.element.className = 'wavesurfer-region';\n        if (this.showTooltip) {\n            this.element.title = this.formatTime(this.start, this.end);\n        }\n        this.element.setAttribute('data-id', this.id);\n\n        for (const attrname in this.attributes) {\n            this.element.setAttribute(\n                'data-region-' + attrname,\n                this.attributes[attrname]\n            );\n        }\n\n        this.style(this.element, {\n            position: 'absolute',\n            zIndex: 3,\n            height: this.regionHeight,\n            top: this.marginTop\n        });\n\n        /* Resize handles */\n        if (this.resize) {\n            this.handleLeftEl = this.util.withOrientation(\n                this.element.appendChild(document.createElement('handle')),\n                this.vertical\n            );\n            this.handleRightEl = this.util.withOrientation(\n                this.element.appendChild(document.createElement('handle')),\n                this.vertical\n            );\n\n            this.handleLeftEl.className = 'wavesurfer-handle wavesurfer-handle-start';\n            this.handleRightEl.className = 'wavesurfer-handle wavesurfer-handle-end';\n\n            // Default CSS properties for both handles.\n            const css = {\n                cursor: this.vertical ? 'row-resize' : 'col-resize',\n                position: 'absolute',\n                top: '0px',\n                width: '2px',\n                height: '100%',\n                backgroundColor: 'rgba(0, 0, 0, 1)'\n            };\n\n            // Merge CSS properties per handle.\n            const handleLeftCss =\n                this.handleStyle.left !== 'none'\n                    ? Object.assign(\n                        { left: '0px' },\n                        css,\n                        this.handleStyle.left\n                    )\n                    : null;\n            const handleRightCss =\n                this.handleStyle.right !== 'none'\n                    ? Object.assign(\n                        { right: '0px' },\n                        css,\n                        this.handleStyle.right\n                    )\n                    : null;\n\n            if (handleLeftCss) {\n                this.style(this.handleLeftEl, handleLeftCss);\n            }\n\n            if (handleRightCss) {\n                this.style(this.handleRightEl, handleRightCss);\n            }\n        }\n\n        this.updateRender();\n        this.bindEvents();\n    }\n\n    formatTime(start, end) {\n        if (this.formatTimeCallback) {\n            return this.formatTimeCallback(start, end);\n        }\n        return (start == end ? [start] : [start, end])\n            .map((time) =>\n                [\n                    Math.floor((time % 3600) / 60), // minutes\n                    ('00' + Math.floor(time % 60)).slice(-2) // seconds\n                ].join(':')\n            )\n            .join('-');\n    }\n\n    getWidth() {\n        return this.wavesurfer.drawer.width / this.wavesurfer.params.pixelRatio;\n    }\n\n    /* Update element's position, width, color. */\n    updateRender() {\n        // duration varies during loading process, so don't overwrite important data\n        const dur = this.wavesurfer.getDuration();\n        const width = this.getWidth();\n\n        let startLimited = this.start;\n        let endLimited = this.end;\n        if (startLimited < 0) {\n            startLimited = 0;\n            endLimited = endLimited - startLimited;\n        }\n        if (endLimited > dur) {\n            endLimited = dur;\n            startLimited = dur - (endLimited - startLimited);\n        }\n\n        if (this.minLength != null) {\n            endLimited = Math.max(startLimited + this.minLength, endLimited);\n        }\n\n        if (this.maxLength != null) {\n            endLimited = Math.min(startLimited + this.maxLength, endLimited);\n        }\n\n        if (this.element != null) {\n            // Calculate the left and width values of the region such that\n            // no gaps appear between regions.\n            const left = Math.round((startLimited / dur) * width);\n            const regionWidth = Math.round((endLimited / dur) * width) - left;\n\n            this.style(this.element, {\n                left: left + 'px',\n                width: regionWidth + 'px',\n                backgroundColor: this.color,\n                cursor: this.drag ? 'move' : 'default'\n            });\n\n            for (const attrname in this.attributes) {\n                this.element.setAttribute(\n                    'data-region-' + attrname,\n                    this.attributes[attrname]\n                );\n            }\n\n            if (this.showTooltip) {\n                this.element.title = this.formatTime(this.start, this.end);\n            }\n        }\n    }\n\n    /* Bind audio events. */\n    bindInOut() {\n        this.firedIn = false;\n        this.firedOut = false;\n\n        const onProcess = (time) => {\n            let start = Math.round(this.start * 10) / 10;\n            let end = Math.round(this.end * 10) / 10;\n            time = Math.round(time * 10) / 10;\n\n            if (\n                !this.firedOut &&\n                this.firedIn &&\n                (start > time || end <= time)\n            ) {\n                this.firedOut = true;\n                this.firedIn = false;\n                this.fireEvent('out');\n                this.wavesurfer.fireEvent('region-out', this);\n            }\n            if (!this.firedIn && start <= time && end > time) {\n                this.firedIn = true;\n                this.firedOut = false;\n                this.fireEvent('in');\n                this.wavesurfer.fireEvent('region-in', this);\n            }\n        };\n\n        this.wavesurfer.backend.on('audioprocess', onProcess);\n\n        this.on('remove', () => {\n            this.wavesurfer.backend.un('audioprocess', onProcess);\n        });\n\n        /* Loop playback. */\n        this.on('out', () => {\n            if (this.loop) {\n                const realTime = this.wavesurfer.getCurrentTime();\n                if (realTime >= this.start && realTime <= this.end) {\n                    this.wavesurfer.play(this.start);\n                }\n            }\n        });\n    }\n\n    /* Bind DOM events. */\n    bindEvents() {\n        const preventContextMenu = this.preventContextMenu;\n\n        this.element.addEventListener('mouseenter', (e) => {\n            this.fireEvent('mouseenter', e);\n            this.wavesurfer.fireEvent('region-mouseenter', this, e);\n        });\n\n        this.element.addEventListener('mouseleave', (e) => {\n            this.fireEvent('mouseleave', e);\n            this.wavesurfer.fireEvent('region-mouseleave', this, e);\n        });\n\n        this.element.addEventListener('click', (e) => {\n            e.preventDefault();\n            this.fireEvent('click', e);\n            this.wavesurfer.fireEvent('region-click', this, e);\n        });\n\n        this.element.addEventListener('dblclick', (e) => {\n            e.stopPropagation();\n            e.preventDefault();\n            this.fireEvent('dblclick', e);\n            this.wavesurfer.fireEvent('region-dblclick', this, e);\n        });\n\n        this.element.addEventListener('contextmenu', (e) => {\n            if (preventContextMenu) {\n                e.preventDefault();\n            }\n            this.fireEvent('contextmenu', e);\n            this.wavesurfer.fireEvent('region-contextmenu', this, e);\n        });\n\n        /* Drag or resize on mousemove. */\n        if (this.drag || this.resize) {\n            this.bindDragEvents();\n        }\n    }\n\n    bindDragEvents() {\n        const container = this.wavesurfer.drawer.container;\n        const scrollSpeed = this.scrollSpeed;\n        const scrollThreshold = this.scrollThreshold;\n        let startTime;\n        let touchId;\n        let drag;\n        let maxScroll;\n        let resize;\n        let updated = false;\n        let scrollDirection;\n        let wrapperRect;\n        let regionLeftHalfTime;\n        let regionRightHalfTime;\n\n        // Scroll when the user is dragging within the threshold\n        const edgeScroll = (event) => {\n            let orientedEvent = this.util.withOrientation(event, this.vertical);\n            const duration = this.wavesurfer.getDuration();\n            if (!scrollDirection || (!drag && !resize)) {\n                return;\n            }\n\n            const x = orientedEvent.clientX;\n            let distanceBetweenCursorAndWrapperEdge = 0;\n            let regionHalfTimeWidth = 0;\n            let adjustment = 0;\n\n            // Get the currently selected time according to the mouse position\n            let time = this.regionsUtil.getRegionSnapToGridValue(\n                this.wavesurfer.drawer.handleEvent(event) * duration\n            );\n\n            if (drag) {\n                // Considering the point of contact with the region while edgescrolling\n                if (scrollDirection === -1) {\n                    regionHalfTimeWidth = regionLeftHalfTime * this.wavesurfer.params.minPxPerSec;\n                    distanceBetweenCursorAndWrapperEdge = x - wrapperRect.left;\n                } else {\n                    regionHalfTimeWidth = regionRightHalfTime * this.wavesurfer.params.minPxPerSec;\n                    distanceBetweenCursorAndWrapperEdge = wrapperRect.right - x;\n                }\n            } else {\n                // Considering minLength while edgescroll\n                let minLength = this.minLength;\n                if (!minLength) {\n                    minLength = 0;\n                }\n\n                if (resize === 'start') {\n                    if (time > this.end - minLength) {\n                        time = this.end - minLength;\n                        adjustment = scrollSpeed * scrollDirection;\n                    }\n\n                    if (time < 0) {\n                        time = 0;\n                    }\n                } else if (resize === 'end') {\n                    if (time < this.start + minLength) {\n                        time = this.start + minLength;\n                        adjustment = scrollSpeed * scrollDirection;\n                    }\n\n                    if (time > duration) {\n                        time = duration;\n                    }\n                }\n            }\n\n            // Don't edgescroll if region has reached min or max limit\n            const wrapperScrollLeft = this.wrapper.scrollLeft;\n\n            if (scrollDirection === -1) {\n                if (Math.round(wrapperScrollLeft) === 0) {\n                    return;\n                }\n\n                if (Math.round(wrapperScrollLeft - regionHalfTimeWidth + distanceBetweenCursorAndWrapperEdge) <= 0) {\n                    return;\n                }\n            } else {\n                if (Math.round(wrapperScrollLeft) === maxScroll) {\n                    return;\n                }\n\n                if (Math.round(wrapperScrollLeft + regionHalfTimeWidth - distanceBetweenCursorAndWrapperEdge) >= maxScroll) {\n                    return;\n                }\n            }\n\n            // Update scroll position\n            let scrollLeft = wrapperScrollLeft - adjustment + scrollSpeed * scrollDirection;\n\n            if (scrollDirection === -1) {\n                const calculatedLeft = Math.max(0 + regionHalfTimeWidth - distanceBetweenCursorAndWrapperEdge, scrollLeft);\n                this.wrapper.scrollLeft = scrollLeft = calculatedLeft;\n            } else {\n                const calculatedRight = Math.min(maxScroll - regionHalfTimeWidth + distanceBetweenCursorAndWrapperEdge, scrollLeft);\n                this.wrapper.scrollLeft = scrollLeft = calculatedRight;\n            }\n\n            const delta = time - startTime;\n            startTime = time;\n\n            // Continue dragging or resizing\n            drag ? this.onDrag(delta) : this.onResize(delta, resize);\n\n            // Repeat\n            window.requestAnimationFrame(() => {\n                edgeScroll(event);\n            });\n        };\n\n        const onDown = (event) => {\n            const duration = this.wavesurfer.getDuration();\n            if (event.touches && event.touches.length > 1) {\n                return;\n            }\n            touchId = event.targetTouches ? event.targetTouches[0].identifier : null;\n\n            // stop the event propagation, if this region is resizable or draggable\n            // and the event is therefore handled here.\n            if (this.drag || this.resize) {\n                event.stopPropagation();\n            }\n\n            // Store the selected startTime we begun dragging or resizing\n            startTime = this.regionsUtil.getRegionSnapToGridValue(\n                this.wavesurfer.drawer.handleEvent(event, true) * duration\n            );\n\n            // Store the selected point of contact when we begin dragging\n            regionLeftHalfTime = startTime - this.start;\n            regionRightHalfTime = this.end - startTime;\n\n            // Store for scroll calculations\n            maxScroll = this.wrapper.scrollWidth - this.wrapper.clientWidth;\n\n            wrapperRect = this.util.withOrientation(\n                this.wrapper.getBoundingClientRect(),\n                this.vertical\n            );\n\n            this.isResizing = false;\n            this.isDragging = false;\n            if (event.target.tagName.toLowerCase() === 'handle') {\n                this.isResizing = true;\n                resize = event.target.classList.contains('wavesurfer-handle-start')\n                    ? 'start'\n                    : 'end';\n            } else {\n                this.isDragging = true;\n                drag = true;\n                resize = false;\n            }\n        };\n        const onUp = (event) => {\n            if (event.touches && event.touches.length > 1) {\n                return;\n            }\n\n            if (drag || resize) {\n                this.isDragging = false;\n                this.isResizing = false;\n                drag = false;\n                scrollDirection = null;\n                resize = false;\n            }\n\n            if (updated) {\n                updated = false;\n                this.util.preventClick();\n                this.fireEvent('update-end', event);\n                this.wavesurfer.fireEvent('region-update-end', this, event);\n            }\n        };\n        const onMove = (event) => {\n            const duration = this.wavesurfer.getDuration();\n            let orientedEvent = this.util.withOrientation(event, this.vertical);\n\n            if (event.touches && event.touches.length > 1) {\n                return;\n            }\n            if (event.targetTouches && event.targetTouches[0].identifier != touchId) {\n                return;\n            }\n            if (!drag && !resize) {\n                return;\n            }\n\n            const oldTime = startTime;\n            let time = this.regionsUtil.getRegionSnapToGridValue(\n                this.wavesurfer.drawer.handleEvent(event) * duration\n            );\n\n            if (drag) {\n                // To maintain relative cursor start point while dragging\n                const maxEnd = this.wavesurfer.getDuration();\n                if (time > maxEnd - regionRightHalfTime) {\n                    time = maxEnd - regionRightHalfTime;\n                }\n\n                if (time - regionLeftHalfTime < 0) {\n                    time = regionLeftHalfTime;\n                }\n            }\n\n            if (resize) {\n                // To maintain relative cursor start point while resizing\n                // we have to handle for minLength\n                let minLength = this.minLength;\n                if (!minLength) {\n                    minLength = 0;\n                }\n\n                if (resize === 'start') {\n                    if (time > this.end - minLength) {\n                        time = this.end - minLength;\n                    }\n\n                    if (time < 0) {\n                        time = 0;\n                    }\n                } else if (resize === 'end') {\n                    if (time < this.start + minLength) {\n                        time = this.start + minLength;\n                    }\n\n                    if (time > duration) {\n                        time = duration;\n                    }\n                }\n            }\n\n            let delta = time - startTime;\n            startTime = time;\n\n            // Drag\n            if (this.drag && drag) {\n                updated = updated || !!delta;\n                this.onDrag(delta);\n            }\n\n            // Resize\n            if (this.resize && resize) {\n                updated = updated || !!delta;\n                this.onResize(delta, resize);\n            }\n\n            if (\n                this.scroll && container.clientWidth < this.wrapper.scrollWidth\n            ) {\n                // Triggering edgescroll from within edgeScrollWidth\n                let x = orientedEvent.clientX;\n\n                // Check direction\n                if (x < wrapperRect.left + this.edgeScrollWidth) {\n                    scrollDirection = -1;\n                } else if (x > wrapperRect.right - this.edgeScrollWidth) {\n                    scrollDirection = 1;\n                } else {\n                    scrollDirection = null;\n                }\n\n                if (scrollDirection) {\n                    edgeScroll(event);\n                }\n            }\n        };\n\n        this.element.addEventListener('mousedown', onDown);\n        this.element.addEventListener('touchstart', onDown);\n\n        document.body.addEventListener('mousemove', onMove);\n        document.body.addEventListener('touchmove', onMove, {passive: false});\n\n        document.addEventListener('mouseup', onUp);\n        document.body.addEventListener('touchend', onUp);\n\n        this.on('remove', () => {\n            document.removeEventListener('mouseup', onUp);\n            document.body.removeEventListener('touchend', onUp);\n            document.body.removeEventListener('mousemove', onMove);\n            document.body.removeEventListener('touchmove', onMove);\n        });\n\n        this.wavesurfer.on('destroy', () => {\n            document.removeEventListener('mouseup', onUp);\n            document.body.removeEventListener('touchend', onUp);\n        });\n    }\n\n    onDrag(delta) {\n        const maxEnd = this.wavesurfer.getDuration();\n        if (this.end + delta > maxEnd) {\n            delta = maxEnd - this.end;\n        }\n\n        if (this.start + delta < 0) {\n            delta = this.start * -1;\n        }\n\n        const eventParams = {\n            direction: this._getDragDirection(delta),\n            action: 'drag'\n        };\n\n        this.update({\n            start: this.start + delta,\n            end: this.end + delta\n        }, eventParams);\n    }\n\n    /**\n     * Returns the direction of dragging region based on delta\n     * Negative delta means region is moving to the left\n     * Positive - to the right\n     * For zero delta the direction is not defined\n     * @param {number} delta Drag offset\n     * @returns {string|null} Direction 'left', 'right' or null\n     */\n    _getDragDirection(delta) {\n        if (delta < 0) {\n            return 'left';\n        }\n        if (delta > 0) {\n            return 'right';\n        }\n        return null;\n    }\n\n    /**\n     * @example\n     * onResize(-5, 'start') // Moves the start point 5 seconds back\n     * onResize(0.5, 'end') // Moves the end point 0.5 seconds forward\n     *\n     * @param {number} delta How much to add or subtract, given in seconds\n     * @param {string} direction 'start 'or 'end'\n     */\n    onResize(delta, direction) {\n        const duration = this.wavesurfer.getDuration();\n        const eventParams = {\n            action: 'resize',\n            direction: direction === 'start' ? 'left' : 'right'\n        };\n\n        if (direction === 'start') {\n            // Check if changing the start by the given delta would result in the region being smaller than minLength\n            if (delta > 0 && this.end - (this.start + delta) < this.minLength) {\n                delta = this.end - this.minLength - this.start;\n            }\n\n            // Check if changing the start by the given delta would result in the region being larger than maxLength\n            if (delta < 0 && this.end - (this.start + delta) > this.maxLength) {\n                delta = this.end - this.start - this.maxLength;\n            }\n\n            if (delta < 0 && (this.start + delta) < 0) {\n                delta = this.start * -1;\n            }\n\n            this.update({\n                start: Math.min(this.start + delta, this.end),\n                end: Math.max(this.start + delta, this.end)\n            }, eventParams);\n        } else {\n            // Check if changing the end by the given delta would result in the region being smaller than minLength\n            if (delta < 0 && this.end + delta - this.start < this.minLength) {\n                delta = this.start + this.minLength - this.end;\n            }\n\n            // Check if changing the end by the given delta would result in the region being larger than maxLength\n            if (delta > 0 && this.end + delta - this.start > this.maxLength) {\n                delta = this.maxLength - (this.end - this.start);\n            }\n\n            if (delta > 0 && (this.end + delta) > duration) {\n                delta = duration - this.end;\n            }\n\n            this.update({\n                start: Math.min(this.end + delta, this.start),\n                end: Math.max(this.end + delta, this.start)\n            }, eventParams);\n        }\n    }\n\n    updateHandlesResize(resize) {\n        let cursorStyle;\n        if (resize) {\n            cursorStyle = this.vertical ? 'row-resize' : 'col-resize';\n        } else {\n            cursorStyle = 'auto';\n        }\n\n        this.handleLeftEl && this.style(this.handleLeftEl, { cursor: cursorStyle });\n        this.handleRightEl && this.style(this.handleRightEl, { cursor: cursorStyle });\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__(23);\n"],"names":["root","factory","exports","module","define","amd","self","RegionsPlugin","params","ws","this","wavesurfer","util","getRegionSnapToGridValue","value","maxRegions","regionsMinLength","Object","getOwnPropertyNames","Observer","prototype","forEach","key","Region","_onBackendCreated","wrapper","drawer","orientation","defaultEdgeScrollWidth","clientWidth","regions","region","add","list","_onReady","vertical","dragSelection","enableDragSelection","keys","id","updateRender","name","deferInit","staticProps","addRegion","options","initialisedPluginList","initPlugin","clearRegions","clear","disableDragSelection","instance","isReady","once","un","setDisabledEventEmissions","length","wouldExceedMaxRegions","edgeScrollWidth","formatTimeCallback","minLength","on","remove","drag","maxScroll","start","touchId","scrollDirection","wrapperRect","slop","container","scroll","scrollParent","scrollSpeed","scrollThreshold","duration","getDuration","pxMove","edgeScroll","e","scrollLeft","Math","min","max","end","handleEvent","update","window","requestAnimationFrame","eventDown","touches","targetTouches","identifier","scrollWidth","withOrientation","getBoundingClientRect","splitChannels","y","clientY","top","channelCount","backend","buffer","numberOfChannels","channelHeight","clientHeight","channelIdx","floor","channelColors","splitChannelsOptions","dragColor","color","addEventListener","removeEventListener","eventUp","preventClick","fireEvent","document","body","eventMove","event","startUpdate","endUpdate","orientedEvent","x","clientX","left","right","time","getCurrentTime","cur","snapToGridInterval","offset","snapToGridOffset","round","regionsUtils","style","regionsUtil","getId","Number","resize","undefined","Boolean","isResizing","isDragging","loop","handleStyle","handleLeftEl","handleRightEl","data","attributes","showTooltip","maxLength","_onRedraw","preventContextMenu","parseInt","regionHeight","marginTop","getHeight","bindInOut","render","eventParams","updateHandlesResize","element","removeChild","domElement","s","play","attrname","appendChild","createElement","className","title","formatTime","setAttribute","position","zIndex","height","css","cursor","width","backgroundColor","handleLeftCss","assign","handleRightCss","bindEvents","map","slice","join","pixelRatio","dur","getWidth","startLimited","endLimited","regionWidth","firedIn","firedOut","onProcess","realTime","preventDefault","stopPropagation","bindDragEvents","startTime","regionLeftHalfTime","regionRightHalfTime","updated","distanceBetweenCursorAndWrapperEdge","regionHalfTimeWidth","adjustment","minPxPerSec","wrapperScrollLeft","calculatedLeft","calculatedRight","delta","onDrag","onResize","onDown","target","tagName","toLowerCase","classList","contains","onUp","onMove","maxEnd","passive","direction","_getDragDirection","action","cursorStyle","__webpack_module_cache__","__webpack_exports__","__webpack_require__","moduleId","cachedModule","__webpack_modules__"],"sourceRoot":""}