react-all-player/dist/index.js

react-all-player is a simple, lightweight, accessible and customizable React media player that supports modern browsers.

"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),n=e(t),r=require("react-dom"),o=require("@plussub/srt-vtt-parser"),i=require("url-toolkit"),l=e(require("load-script"));function a(){a=function(){return e};var e={},t=Object.prototype,n=t.hasOwnProperty,r=Object.defineProperty||function(e,t,n){e[t]=n.value},o="function"==typeof Symbol?Symbol:{},i=o.iterator||"@@iterator",l=o.asyncIterator||"@@asyncIterator",u=o.toStringTag||"@@toStringTag";function c(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{c({},"")}catch(e){c=function(e,t,n){return e[t]=n}}function s(e,t,n,o){var i=Object.create((t&&t.prototype instanceof f?t:f).prototype),l=new C(o||[]);return r(i,"_invoke",{value:E(e,n,l)}),i}function d(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}e.wrap=s;var m={};function f(){}function v(){}function h(){}var p={};c(p,i,(function(){return this}));var g=Object.getPrototypeOf,b=g&&g(g(M([])));b&&b!==t&&n.call(b,i)&&(p=b);var y=h.prototype=f.prototype=Object.create(p);function _(e){["next","throw","return"].forEach((function(t){c(e,t,(function(e){return this._invoke(t,e)}))}))}function w(e,t){var o;r(this,"_invoke",{value:function(r,i){function l(){return new t((function(o,l){!function r(o,i,l,a){var u=d(e[o],e,i);if("throw"!==u.type){var c=u.arg,s=c.value;return s&&"object"==typeof s&&n.call(s,"__await")?t.resolve(s.__await).then((function(e){r("next",e,l,a)}),(function(e){r("throw",e,l,a)})):t.resolve(s).then((function(e){c.value=e,l(c)}),(function(e){return r("throw",e,l,a)}))}a(u.arg)}(r,i,o,l)}))}return o=o?o.then(l,l):l()}})}function E(e,t,n){var r="suspendedStart";return function(o,i){if("executing"===r)throw new Error("Generator is already running");if("completed"===r){if("throw"===o)throw i;return{value:void 0,done:!0}}for(n.method=o,n.arg=i;;){var l=n.delegate;if(l){var a=x(l,n);if(a){if(a===m)continue;return a}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if("suspendedStart"===r)throw r="completed",n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r="executing";var u=d(e,t,n);if("normal"===u.type){if(r=n.done?"completed":"suspendedYield",u.arg===m)continue;return{value:u.arg,done:n.done}}"throw"===u.type&&(r="completed",n.method="throw",n.arg=u.arg)}}}function x(e,t){var n=t.method,r=e.iterator[n];if(void 0===r)return t.delegate=null,"throw"===n&&e.iterator.return&&(t.method="return",t.arg=void 0,x(e,t),"throw"===t.method)||"return"!==n&&(t.method="throw",t.arg=new TypeError("The iterator does not provide a '"+n+"' method")),m;var o=d(r,e.iterator,t.arg);if("throw"===o.type)return t.method="throw",t.arg=o.arg,t.delegate=null,m;var i=o.arg;return i?i.done?(t[e.resultName]=i.value,t.next=e.nextLoc,"return"!==t.method&&(t.method="next",t.arg=void 0),t.delegate=null,m):i:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,m)}function S(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function k(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function C(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(S,this),this.reset(!0)}function M(e){if(e||""===e){var t=e[i];if(t)return t.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var r=-1,o=function t(){for(;++r<e.length;)if(n.call(e,r))return t.value=e[r],t.done=!1,t;return t.value=void 0,t.done=!0,t};return o.next=o}}throw new TypeError(typeof e+" is not iterable")}return v.prototype=h,r(y,"constructor",{value:h,configurable:!0}),r(h,"constructor",{value:v,configurable:!0}),v.displayName=c(h,u,"GeneratorFunction"),e.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===v||"GeneratorFunction"===(t.displayName||t.name))},e.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,h):(e.__proto__=h,c(e,u,"GeneratorFunction")),e.prototype=Object.create(y),e},e.awrap=function(e){return{__await:e}},_(w.prototype),c(w.prototype,l,(function(){return this})),e.AsyncIterator=w,e.async=function(t,n,r,o,i){void 0===i&&(i=Promise);var l=new w(s(t,n,r,o),i);return e.isGeneratorFunction(n)?l:l.next().then((function(e){return e.done?e.value:l.next()}))},_(y),c(y,u,"Generator"),c(y,i,(function(){return this})),c(y,"toString",(function(){return"[object Generator]"})),e.keys=function(e){var t=Object(e),n=[];for(var r in t)n.push(r);return n.reverse(),function e(){for(;n.length;){var r=n.pop();if(r in t)return e.value=r,e.done=!1,e}return e.done=!0,e}},e.values=M,C.prototype={constructor:C,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(k),!e)for(var t in this)"t"===t.charAt(0)&&n.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=void 0)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var t=this;function r(n,r){return l.type="throw",l.arg=e,t.next=n,r&&(t.method="next",t.arg=void 0),!!r}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],l=i.completion;if("root"===i.tryLoc)return r("end");if(i.tryLoc<=this.prev){var a=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(a&&u){if(this.prev<i.catchLoc)return r(i.catchLoc,!0);if(this.prev<i.finallyLoc)return r(i.finallyLoc)}else if(a){if(this.prev<i.catchLoc)return r(i.catchLoc,!0)}else{if(!u)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return r(i.finallyLoc)}}}},abrupt:function(e,t){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===e||"continue"===e)&&i.tryLoc<=t&&t<=i.finallyLoc&&(i=null);var l=i?i.completion:{};return l.type=e,l.arg=t,i?(this.method="next",this.next=i.finallyLoc,m):this.complete(l)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),m},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),k(n),m}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var o=r.arg;k(n)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,n){return this.delegate={iterator:M(e),resultName:t,nextLoc:n},"next"===this.method&&(this.arg=void 0),m}},e}function u(e,t,n,r,o,i,l){try{var a=e[i](l),u=a.value}catch(e){return void n(e)}a.done?t(u):Promise.resolve(u).then(r,o)}function c(e){return function(){var t=this,n=arguments;return new Promise((function(r,o){var i=e.apply(t,n);function l(e){u(i,r,o,l,a,"next",e)}function a(e){u(i,r,o,l,a,"throw",e)}l(void 0)}))}}function s(){return(s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function d(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)t.indexOf(n=i[r])>=0||(o[n]=e[n]);return o}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function f(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(n)return(n=n.call(e)).next.bind(n);if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return m(e,void 0);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?m(e,void 0):void 0}}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0;return function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function v(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}v("body{color:#fff}"),v('*{box-sizing:border-box}\n\n/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}button,input[type=reset],input[type=submit]{background:none;border:none;color:inherit;cursor:pointer;font:inherit;outline:inherit;padding:0}ul{list-style-type:none;margin:0;padding:0}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}select::-ms-expand{display:none}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}ol,ul{list-style:none;margin:0;padding:0}audio,canvas,embed,iframe,img,object,svg,video{display:block}*,:after,:before{border:0 solid theme("borderColor.DEFAULT",currentColor)}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}');var h={fontSize:1,backgroundOpacity:.75,fontOpacity:1,textStyle:"none"},p=n.createContext({state:h,setState:function(){}}),g=function(e){var r=e.defaultState,o=e.children,i=n.useState(s({},h,void 0===r?{}:r)),l=i[0],a=i[1],u=t.useCallback((function(e){var t=e(l);a(s({},l,t))}),[l]);return t.useEffect((function(){var e=localStorage.getItem("react-all-player_subtitle_settings");if(e){var t=JSON.parse(e);a(t)}}),[]),t.useEffect((function(){localStorage.setItem("react-all-player_subtitle_settings",JSON.stringify(l))}),[l]),n.createElement(p.Provider,{value:{state:l,setState:u}},o)},b=function(){return t.useContext(p)},y=n.createContext({isInteracting:!1,setIsInteracting:function(){},isShowingIndicator:!1,setIsShowingIndicator:function(){}}),_=function(e){var r=e.children,o=e.defaultValue,i=t.useState(void 0!==o&&o),l=i[0],a=i[1],u=t.useState(!1);return n.createElement(y.Provider,{value:{isInteracting:l,setIsInteracting:a,isShowingIndicator:u[0],setIsShowingIndicator:u[1]}},r)},w=function(){return t.useContext(y)},E=function(e){return void 0===e&&(e="left"),{fn:function(e){e.currentTime=e.currentTime-10},name:"backward",hotKey:e}},x=function(e){return void 0===e&&(e="right"),{fn:function(e){e.currentTime=e.currentTime+10},name:"forward",hotKey:e}},S="react-all-player-container",k=function(e,t){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(e)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(e.substr(0,4)))return!0}(navigator.userAgent||navigator.vendor||window.opera),C=function(){var e,t=/iPad|iPhone|iPod/.test(navigator.userAgent),n=navigator.maxTouchPoints>=1;return t||navigator.userAgent.includes("Macintosh")&&(n||((e=new Audio).volume=.5,1===e.volume))}(),M=!k,N=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]],I=function(){for(var e=N[0],t={},n=0,r=N;n<r.length;n++){var o=r[n];if(o&&o[1]in document){for(var i,l=f(o.entries());!(i=l()).done;){var a=i.value;t[e[a[0]]]=a[1]}return t}}return!1}(),O={change:I.fullscreenchange,error:I.fullscreenerror},B={request:function(e,t){return void 0===e&&(e=document.documentElement),void 0===t&&(t={}),new Promise((function(n,r){var o=function e(){B.off("change",e),n()};B.on("change",o);var i=e[I.requestFullscreen](t);i instanceof Promise&&i.then(o).catch(r)}))},exit:function(){return new Promise((function(e,t){if(B.isFullscreen){var n=function t(){B.off("change",t),e()};B.on("change",n);var r=document[I.exitFullscreen]();r instanceof Promise&&r.then(n).catch(t)}else e()}))},toggle:function(e,t){return B.isFullscreen?B.exit():B.request(e,t)},onchange:function(e){B.on("change",e)},onerror:function(e){B.on("error",e)},on:function(e,t){var n=O[e];n&&document.addEventListener(n,t,!1)},off:function(e,t){var n=O[e];n&&document.removeEventListener(n,t,!1)},raw:I,isEnabled:!1,isFullscreen:!1,element:null};Object.defineProperties(B,{isFullscreen:{get:function(){return Boolean(document[I.fullscreenElement])}},element:{enumerable:!0,get:function(){return document[I.fullscreenElement]}},isEnabled:{enumerable:!0,get:function(){return Boolean(document[I.fullscreenEnabled])}}}),I||(B={isEnabled:!1});var P=B,L=function(e){return void 0===e&&(e="f"),{fn:function(){if(P.isEnabled){var e=document.querySelector(C?".react-all-player-container video":"."+S);e&&(document.fullscreenElement?P.exit().then((function(){k&&screen.orientation.lock("portrait")})):P.request(e).then((function(){k&&screen.orientation.lock("landscape")})))}},name:"fullscreen",hotKey:e}},R=function(e){return void 0===e&&(e=["k","space"]),{fn:function(e){e.paused?e.play():e.pause()},name:"playPause",hotKey:e}},T=function(e){void 0===e&&(e="m");var t=1;return{fn:function(e){0===e.volume?e.volume=t:(t=e.volume,e.volume=0)},name:"volume",hotKey:e}},j=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter(Boolean).join(" ")};function z(e){e=e.toString();var t=Math.floor(Number(e)/60).toString(),n="";return Number(t)>59&&(n=Math.floor(Number(t)/60).toString(),n=Number(n)>=10?n:"0"+n,t=(Number(t)-60*Number(n)).toString(),t=Number(t)>=10?t:"0"+t),e=Math.floor(Number(e)%60).toString(),e=Number(e)>=10?e:"0"+e,n?n+":"+t+":"+e:t+":"+e}function V(e){return Number(e.replace(/[^0-9]/g,""))}function K(e){return e&&"object"==typeof e&&!Array.isArray(e)}for(var A=function(e,t){return Object.entries(t).forEach((function(t){e=e.replace("{{"+t[0]+"}}",t[1])})),e},D=function(e){return!!new RegExp("^(https?:\\/\\/)?((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*(\\?[;&a-z\\d%_.~+=-]*)?(\\#[-a-z\\d_]*)?$","i").test(e)},F=function(e,t){return t.indexOf(e)>-1},H=["children"],q={controls:{play:"Play ({{shortcut}})",pause:"Pause ({{shortcut}})",forward:"Forward {{time}} seconds",backward:"Backward {{time}} seconds",enableSubtitle:"Enable subtitles",disableSubtitle:"Disable subtitles",settings:"Settings",enterFullscreen:"Enter fullscreen ({{shortcut}})",exitFullscreen:"Exit fullscreen ({{shortcut}})",muteVolume:"Mute ({{shortcut}})",unmuteVolume:"Unmute ({{shortcut}})",sliderDragMessage:"Drag to seek video",screenshot:"Screenshot"},settings:{audio:"Audio",playbackSpeed:"Playback speed",quality:"Quality",subtitle:"Subtitle",subtitleSettings:"Subtitle settings",reset:"Reset",none:"None",off:"Off",subtitleBackgroundOpacity:"Background Opacity",subtitleFontOpacity:"Font Opacity",subtitleFontSize:"Font Size",subtitleTextStyle:"Text Style"}},Z=[R(),E(),x(),L(),T()],Q=t.createContext(null),U=function(e){var n=e.children,r=d(e,H),o=t.useMemo((function(){return function e(t){for(var n=arguments.length,r=new Array(n>1?n-1:0),o=1;o<n;o++)r[o-1]=arguments[o];if(!r.length)return t;var i=r.shift();if(K(t)&&K(i))for(var l in i){var a,u;K(i[l])?(t[l]||Object.assign(t,((a={})[l]={},a)),e(t[l],i[l])):Object.assign(t,((u={})[l]=i[l],u))}return e.apply(void 0,[t].concat(r))}(q,r.i18n)}),[r.i18n]),i=t.useMemo((function(){return function(e,t){for(var n,r=function(){var t=n.value,r=e.findIndex((function(e){return e.hotKey===t.hotKey}));-1!==r?e[r]=t:e.push(t)},o=f(t);!(n=o()).done;)r();return e}(Z,r.hotkeys||[])}),[r.hotkeys]);return t.createElement(Q.Provider,{value:s({},r,{i18n:o,hotkeys:i})},n)},Y=function(){return t.useContext(Q)},X={subtitles:[],qualities:[],audios:[],currentQuality:null,currentSubtitle:null,currentAudio:null,isSubtitleDisabled:!1},G=n.createContext({state:X,setState:function(){}}),J=function(e){var r=e.children,o=Y(),i=t.useMemo((function(){return o.sources.filter((function(e){return e.label})).map((function(e){return e.label}))}),[o.sources]),l=t.useMemo((function(){var e;return{currentSubtitle:null==(e=o.subtitles[0])?void 0:e.lang,subtitles:o.subtitles,qualities:i}}),[o.subtitles,i]),a=t.useCallback((function(){var e=localStorage.getItem("react-all-player_video_settings"),t=s({},X,l,null==o?void 0:o.defaultVideoState);if(!e)return t;var n=JSON.parse(e),r=t.audios.filter((function(e){return null==e?void 0:e.lang})).map((function(e){return e.lang})),i=t.subtitles.filter((function(e){return null==e?void 0:e.lang})).map((function(e){return e.lang})),a=t.qualities;return s({},t,{currentAudio:F(null==n?void 0:n.currentAudio,r)||0===r.length?n.currentAudio||null:t.currentAudio,currentQuality:F(null==n?void 0:n.currentQuality,a)||0===a.length?n.currentQuality||null:t.currentQuality,currentSubtitle:F(null==n?void 0:n.currentSubtitle,i)||0===i.length?n.currentSubtitle||null:t.currentSubtitle})}),[l,null==o?void 0:o.defaultVideoState]),u=n.useState(a),c=u[0],d=u[1];return t.useEffect((function(){var e=a();d(e)}),[a]),t.useEffect((function(){localStorage.setItem("react-all-player_video_settings",JSON.stringify({currentAudio:c.currentAudio,currentQuality:c.currentQuality,currentSubtitle:c.currentSubtitle,isSubtitleDisabled:c.isSubtitleDisabled}))}),[c]),n.createElement(G.Provider,{value:{state:c,setState:function(e){d((function(t){return s({},t,e(t))}))}}},r)},W=function(){return t.useContext(G)},$=["sources","subtitles","placeholder","children"],ee=function(e){var t=e.sources,r=e.subtitles,o=void 0===r?[]:r,i=e.placeholder,l=e.children,a=d(e,$);return n.createElement(U,Object.assign({sources:t,subtitles:o,placeholder:i},a),n.createElement(J,null,n.createElement(_,null,n.createElement(g,null,l))))},te={currentTime:0,buffering:!0,duration:0,ended:!1,paused:!0,volume:1,seeking:!1,error:""},ne=n.createContext({videoEl:null,videoState:te,setVideoState:function(){}}),re=function(e){var r=e.videoRef,o=e.hlsRef,i=e.children,l=n.useState(te),a=l[0],u=l[1],c=n.useState(null),d=c[0],m=c[1],f=n.useState(null),v=f[0],h=f[1],p=t.useCallback((function(e){u((function(t){return s({},t,e)}))}),[]);return t.useEffect((function(){null!=r&&r.current&&m(r.current)}),[r]),t.useEffect((function(){null!=o&&o.current&&h(o.current)}),[o]),t.useEffect((function(){if(d){var e=function(){var e;p({error:(null==(e=d.error)?void 0:e.message)||"Something went wrong with video"})},t=function(){p({buffering:!0})},n=function(){p({currentTime:d.currentTime,duration:d.duration,buffering:!1,error:null})},r=function(){p({paused:!1,buffering:!1})},o=function(){p({paused:!0})},i=function(){p({currentTime:d.currentTime,duration:d.duration,buffering:!1,error:null,paused:!1})},l=function(){p({ended:!0,paused:!0})},a=function(){p({volume:d.volume})};return d.addEventListener("waiting",t),d.addEventListener("loadeddata",n),d.addEventListener("play",r),d.addEventListener("playing",r),d.addEventListener("pause",o),d.addEventListener("timeupdate",i),d.addEventListener("ended",l),d.addEventListener("volumechange",a),d.addEventListener("error",e),function(){d.removeEventListener("waiting",t),d.removeEventListener("loadeddata",n),d.removeEventListener("play",r),d.removeEventListener("playing",r),d.removeEventListener("pause",o),d.removeEventListener("timeupdate",i),d.removeEventListener("ended",l),d.removeEventListener("volumechange",a),d.removeEventListener("error",e)}}}),[p,d]),t.useEffect((function(){v&&v.on(Hls.Events.ERROR,(function(e,t){p({error:t.details})}))}),[v,p]),n.createElement(ne.Provider,{value:{videoEl:d,videoState:a,setVideoState:p}},i)},oe=function(){return t.useContext(ne)},ie=function(e){var n=e.onDoubleTap,r=e.onTap,o=e.tapThreshold,i=void 0===o?300:o,l=t.useRef(0),a=t.useRef();return function(e){for(var t=arguments.length,o=new Array(t>1?t-1:0),u=1;u<t;u++)o[u-1]=arguments[u];e.persist(),a.current&&clearTimeout(a.current);var c=(new Date).getTime(),s=c-l.current;s<=i&&s>0?null==n||n.apply(void 0,[e].concat(o)):a.current=setTimeout((function(){null==r||r.apply(void 0,[e].concat(o))}),i),l.current=(new Date).getTime()}},le="undefined"!=typeof window&&/Mac|iPod|iPhone|iPad/.test(window.navigator.platform),ae={alt:"altKey",control:"ctrlKey",meta:"metaKey",shift:"shiftKey"},ue={add:"+",break:"pause",cmd:"meta",command:"meta",ctl:"control",ctrl:"control",del:"delete",down:"arrowdown",esc:"escape",ins:"insert",left:"arrowleft",mod:le?"meta":"control",opt:"alt",option:"alt",return:"enter",right:"arrowright",space:" ",spacebar:" ",up:"arrowup",win:"meta",windows:"meta"},ce={backspace:8,tab:9,enter:13,shift:16,control:17,alt:18,pause:19,capslock:20,escape:27," ":32,pageup:33,pagedown:34,end:35,home:36,arrowleft:37,arrowup:38,arrowright:39,arrowdown:40,insert:45,delete:46,meta:91,numlock:144,scrolllock:145,";":186,"=":187,",":188,"-":189,".":190,"/":191,"`":192,"[":219,"\\":220,"]":221,"'":222},se=1;se<20;se++)ce["f"+se]=111+se;function de(e){return e=me(e),ce[e]||e.toUpperCase().charCodeAt(0)}function me(e){return e=e.toLowerCase(),ue[e]||e}var fe=function(e){var n=Y().hotkeys;t.useEffect((function(){var t=function(t){var r=document.activeElement;if(!r||("input"!=r.tagName.toLowerCase()||"text"!=(null==r?void 0:r.type))&&"textarea"!=r.tagName.toLowerCase()){var o=n.find((function(e){return function(e,t){Array.isArray(e)||(e=[e]);var n=e.map((function(e){return function(e){var t={},n=(e=e.replace("++","+add")).split("+"),r=n.length;for(var o in ae)t[ae[o]]=!1;for(var i,l=f(n);!(i=l()).done;){var a=i.value,u=a.endsWith("?")&&a.length>1;u&&(a=a.slice(0,-1));var c=me(a),s=ae[c];if(a.length>1&&!s&&!ue[a]&&!ce[c])throw new TypeError('Unknown modifier: "'+a+'"');1!==r&&s||(t.which=de(a)),s&&(t[s]=!u||null)}return t}(e)})),r=function(e){return n.some((function(t){return function(e,t){for(var n in e){var r=e[n],o=void 0;if(null!=r&&(null!=(o="key"===n&&null!=t.key?t.key.toLowerCase():"which"===n?91===r&&93===t.which?91:t.which:t[n])||!1!==r)&&o!==r)return!1}return!0}(t,e)}))};return null==t?r:r(t)}(e.hotKey,t)}));if(o){var i=o.fn,l=o.preventDefault;(void 0===l||l)&&t.preventDefault(),i(e)}}};return window.addEventListener("keydown",t),function(){window.removeEventListener("keydown",t)}}),[e,n])};v(".DefaultUI-module_container__4XFwc{background-color:#000;height:100%;position:relative;width:100%}.DefaultUI-module_playerContainer__uHGE-{height:100%;width:100%}.DefaultUI-module_controlsContainer__7KhOI{bottom:0;position:absolute;width:100%;z-index:2}.DefaultUI-module_overlayContainer__MUzSw{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}");var ve={position:"top",offset:0,strategy:"absolute",overflowElement:document.documentElement},he=function(e){void 0===e&&(e=ve);var n=s({},ve,e),r=n.position,o=n.offset,i=n.strategy,l=n.overflowElement,a=t.useState({x:0,y:0,strategy:i}),u=a[0],c=a[1],d=t.useRef(null),m=t.useRef(null),f=t.useCallback((function(){if(m.current&&d.current){var e;e="string"==typeof l?document.querySelector(l).getBoundingClientRect():l.getBoundingClientRect();var t=m.current.getBoundingClientRect(),n=d.current.getBoundingClientRect(),a="left"===r?t.left-n.width-o:"right"===r?t.right+o:t.left+t.width/2-n.width/2;a+n.width>e.right?a=e.right-n.width-o:a<e.left&&(a=e.left+o),c({x:a,y:"top"===r?t.top-n.height-o:"bottom"===r?t.bottom+o:t.top+t.height/2-n.height/2,strategy:i})}}),[o,l,r,i]);return t.useEffect((function(){if(m.current&&d.current){var e=new ResizeObserver(f);return e.observe(d.current),e.observe(d.current),document.addEventListener("scroll",f,{passive:!1,capture:!0}),window.addEventListener("resize",f),f(),function(){window.removeEventListener("resize",f),document.removeEventListener("scroll",f,{capture:!0}),e.disconnect()}}}),[f,d.current,m.current]),s({floatingRef:d,referenceRef:m,update:f},u)},pe=function(e){var n=e.element,o=void 0===n?document.body:n;return r.createPortal(t.createElement(t.Fragment,null,e.children),o)};v(".Popover-module_popperContainer__fF56u{opacity:0;transition:opacity .3s,visibility .3s;visibility:hidden;z-index:50}.Popover-module_popperContainer__fF56u.Popover-module_isOpen__70ZIE{opacity:1;visibility:visible}");var ge=["reference","children","popperProps","referenceProps","type","portalSelector"],be=["className"],ye=["className"],_e=function(){},we=function(e){var r=e.reference,o=e.children,i=e.popperProps,l=void 0===i?{}:i,a=e.referenceProps,u=void 0===a?{}:a,c=e.type,m=void 0===c?"click":c,f=e.portalSelector,v=d(e,ge),h=t.useState(document.body),p=h[0],g=h[1],b=he(s({offset:10,strategy:"fixed"},v)),y=b.floatingRef,_=b.referenceRef,w=b.update,E=b.strategy,x=b.x,S=b.y,k=l.className,C=void 0===k?"":k,M=d(l,be),N=u.className,I=void 0===N?"":N,O=d(u,ye),B=t.useState(!1),P=B[0],L=B[1],R=t.useCallback((function(e){e.stopPropagation(),e.preventDefault(),w(),L(!0)}),[w]),T=t.useCallback((function(e){e.preventDefault(),e.stopPropagation(),w(),L(!1)}),[w]);return t.useLayoutEffect((function(){if(f){var e=document.querySelector(f);e&&(g(e),w())}}),[f,w]),n.createElement(n.Fragment,null,n.createElement("div",Object.assign({ref:_,onClick:"click"===m?R:_e,onMouseEnter:"hover"===m?R:_e,onMouseLeave:"hover"===m?T:_e,className:j(I)},O),r),n.createElement(pe,{element:p},n.createElement("div",Object.assign({style:{position:E,left:x,top:S},className:j("Popover-module_popperContainer__fF56u",P&&"Popover-module_isOpen__70ZIE",C),ref:y},M),o),P&&"click"===m&&n.createElement("div",{style:{position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:40},onClick:T})))};v(".ControlButton-module_controlButton__IN4Nv{align-items:center;color:#fff;display:flex;height:100%;justify-content:center;width:100%}.ControlButton-module_controlButton__IN4Nv>svg{height:100%;width:100%}.ControlButton-module_popper__qIRS5{margin-left:0!important}");var Ee=["className","tooltip","tooltipProps"],xe="."+S,Se=function(e){var n=e.className,r=void 0===n?"":n,o=e.tooltip,i=e.tooltipProps,l=d(e,Ee),a=t.createElement("button",Object.assign({className:j("control-button","ControlButton-module_controlButton__IN4Nv",r)},l),l.children);return o&&M?t.createElement(we,Object.assign({portalSelector:xe,reference:a,type:"hover",position:"top",popperProps:{className:"ControlButton-module_popper__qIRS5"},overflowElement:xe},i),t.createElement("p",{style:{backgroundColor:"black",padding:"0.5rem"}},o)):a};v(".Slider-module_container__4njQ7{cursor:pointer}.Slider-module_bar__gKUZi{position:absolute}.Slider-module_dot__dyL1Z{border-radius:9999px;position:absolute;top:50%;transform:translate(-50%) translateY(-50%)}");var ke=["onPercentChange","onPercentChanging","onMouseDown","onMouseUp","onMouseLeave","onPercentIntent","onMouseMove","onTouchMove","onTouchStart","onTouchEnd","children","className","onDragStart","onDragEnd","vertical","height","width"],Ce=["percent","className","style"],Me=["percent","className","style","width","height"],Ne=n.createContext({vertical:!1}),Ie=function(e){var r=e.onPercentChange,o=e.onPercentChanging,i=e.onMouseDown,l=e.onMouseUp,a=e.onMouseLeave,u=e.onPercentIntent,c=e.onMouseMove,m=e.onTouchMove,f=e.onTouchStart,v=e.onTouchEnd,h=e.children,p=e.className,g=void 0===p?"":p,b=e.onDragStart,y=e.onDragEnd,_=e.vertical,w=e.height,E=e.width,x=d(e,ke),S=t.useRef(null),k=t.useRef(!1),C=t.useRef(null),M=t.useCallback((function(e){var t;if(!S.current)return 0;var n=null==(t=S.current)?void 0:t.getBoundingClientRect(),r=n.height,o=_?(r+n.top-e)/r:(e-n.left)/n.width,i=o<=0||isNaN(o)?0:100*o;return i>100?100:i}),[_]),N=t.useCallback((function(e){e.cancelable&&e.preventDefault()}),[]),I=t.useCallback((function(e){document.addEventListener("touchmove",N,{passive:!1}),k.current=!0;var t=M(_?e.touches[0].clientY:e.touches[0].clientX);null==r||r(t),null==b||b(t),null==f||f(e)}),[M,N,b,r,f,_]),O=t.useCallback((function(e){C.current=e.touches[0];var t=M(_?e.touches[0].clientY:e.touches[0].clientX);null==u||u(t),null==m||m(e),null==o||o(t)}),[_,M,u,m,o]),B=t.useCallback((function(e){if(document.removeEventListener("touchmove",N),k.current=!1,null==u||u(0),null==v||v(e),C.current){var t=M(_?C.current.clientY:C.current.clientX);null==y||y(t),null==r||r(t)}}),[N,u,v,M,_,y,r]),P=t.useCallback((function(e){k.current=!0;var t=M(_?e.clientY:e.clientX);null==y||y(t),null==r||r(t),null==i||i(e)}),[_,M,y,r,i]),L=t.useCallback((function(e){k.current=!1;var t=M(_?e.clientY:e.clientX);null==y||y(t),null==r||r(t),null==u||u(0),null==l||l(e)}),[M,_,y,r,u,l]),R=t.useCallback((function(e){var t=M(_?e.clientY:e.clientX);null==u||u(t),null==c||c(e),k.current&&(null==o||o(t))}),[M,_,u,c,o]),T=t.useCallback((function(e){if(null==a||a(e),k.current){var t=function(e){var t=M(_?e.clientY:e.clientX);null==u||u(t),k.current&&(null==o||o(t))};window.addEventListener("mousemove",t),window.addEventListener("mouseup",(function e(n){k.current=!1;var o=M(_?n.clientY:n.clientX);null==y||y(o),null==u||u(0),null==r||r(o),window.removeEventListener("mousemove",t),window.removeEventListener("mouseup",e)}))}else null==u||u(0)}),[a,u,M,_,o,y,r]),z=t.useMemo((function(){return E&&w?{width:E,height:w}:_?{height:"100%",width:"5px"}:{width:"100%",height:"5px"}}),[E,w,_]);return n.createElement(Ne.Provider,{value:{vertical:_}},n.createElement("div",Object.assign({onMouseDown:P,onMouseUp:L,onMouseLeave:T,onMouseMove:R,onTouchStart:I,onTouchMove:O,onTouchEnd:B,ref:S,className:j("Slider-module_container__4njQ7",g),style:s({},z)},x),h))},Oe=function(){return t.useContext(Ne)};Ie.Bar=function(e){var r=e.percent,o=void 0===r?100:r,i=e.className,l=void 0===i?"":i,a=e.style,u=d(e,Ce),c=Oe().vertical,m=t.useMemo((function(){return c?{height:o+"%",width:"100%",bottom:"0px"}:{width:o+"%",height:"100%"}}),[o,c]);return n.createElement("div",Object.assign({className:j("Slider-module_bar__gKUZi",l),style:s({},m,a)},u))},Ie.Dot=function(e){var r=e.percent,o=void 0===r?100:r,i=e.className,l=void 0===i?"":i,a=e.style,u=e.width,c=void 0===u?13:u,m=e.height,f=void 0===m?13:m,v=d(e,Me),h=Oe().vertical,p=t.useMemo((function(){return h?{bottom:o+"%"}:{left:o+"%"}}),[o,h]),g=t.useMemo((function(){return{width:c+"px",height:f+"px"}}),[c,f]);return n.createElement("div",Object.assign({className:j("Slider-module_dot__dyL1Z",l),style:s({},p,g,a)},v))};var Be=function(){var e=window.screen.width,t=window.screen.height,n=document.querySelector("."+S);if(n){var r=n.getBoundingClientRect();e=r.width,t=r.height}var o=e<t?[e,t]:[t,e];return[o[0],o[1]]},Pe=function(){var e=t.useState(Be),n=e[0],r=n[0],o=n[1],i=e[1];t.useEffect((function(){var e=document.querySelector("."+S),t=function(){i(Be())};return e&&e.addEventListener("resize",t),window.addEventListener("resize",t),function(){null==e||e.removeEventListener("resize",t),window.removeEventListener("resize",t)}}),[]);var l=t.useCallback((function(){var e=Be();i([e[0],e[1]])}),[]),a=t.useCallback((function(e){return r/350*e}),[r]),u=t.useCallback((function(e){return o/680*e}),[o]),c=t.useCallback((function(e,t){return void 0===t&&(t=.5),e+(a(e)-e)*t}),[a]),s=t.useCallback((function(e,t){return void 0===t&&(t=.5),e+(u(e)-e)*t}),[u]);return{scale:a,verticalScale:u,moderateScale:c,moderateVerticalScale:s,update:l}},Le=function(e){var n=Y().hotkeys;return t.useMemo((function(){return n.find((function(t){return t.name===e}))}),[n,e])},Re=function(e,t){return void 0===t&&(t="/"),e?Array.isArray(e)?e.join(t):e:""};v('.ProgressSlider-module_container__YxgfS{cursor:pointer;display:flex;flex-direction:column;height:5px;justify-content:flex-end;width:100%}.ProgressSlider-module_container__YxgfS.ProgressSlider-module_desktop__BCsNo{height:16px}.ProgressSlider-module_container__YxgfS:hover .ProgressSlider-module_innerContainer__qU0gB{height:5px}.ProgressSlider-module_container__YxgfS:hover .ProgressSlider-module_dot__DUjVj{display:block!important}.ProgressSlider-module_container__YxgfS.ProgressSlider-module_desktop__BCsNo .ProgressSlider-module_dot__DUjVj{display:none}.ProgressSlider-module_innerContainer__qU0gB{height:3px;position:relative;width:100%}.ProgressSlider-module_dot__DUjVj{background-color:red;border-radius:9999px;height:13px;position:absolute;width:13px}.ProgressSlider-module_playBar__qJNbc{background-color:red}.ProgressSlider-module_backgroundBar__hRpD6{background-color:hsla(0,0%,100%,.2);width:100%}.ProgressSlider-module_bufferBar__GqR1V{background-color:hsla(0,0%,100%,.4)}.ProgressSlider-module_hoverBar__n4iPk{background-color:hsla(0,0%,100%,.5)}.ProgressSlider-module_hoverTime__iqpbT{background-color:rgba(0,0,0,.8);bottom:100%;color:#fff;margin-bottom:.75rem;padding:.25rem .5rem;position:absolute;transform:translateX(-50%)}.ProgressSlider-module_hoverThumbnailReference__e80Q5{bottom:100%;margin-bottom:2.75rem;position:absolute}.ProgressSlider-module_hoverThumbnail__AbmkM{background-color:"black";border:2px solid #fff}');var Te=function(e){var r=e.hoverPercent,l=t.useState(null),u=l[0],s=l[1],d=t.useState([]),m=d[0],f=d[1],v=Y().thumbnail,h=oe().videoEl,p=he({offset:10,strategy:"fixed",overflowElement:".react-all-player-container",position:"top"}),g=p.floatingRef,b=p.referenceRef,y=p.update,_=p.strategy,w=p.x,E=p.y;t.useLayoutEffect((function(){var e=document.querySelector(".react-all-player-container");e&&(s(e),y())}),[y]),t.useEffect((function(){v?h&&function(){var e=c(a().mark((function e(){var t,n,r;return a().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,fetch(v);case 2:return t=e.sent,e.next=5,t.text();case 5:n=o.parse(e.sent),f(void 0===(r=n.entries)?[]:r);case 8:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}()():f([])}),[v,h]);var x=t.useMemo((function(){if(v&&null!=m&&m.length&&null!=h&&h.duration){var e=r/100*h.duration*1e3,t=m.find((function(t){return t.from<=e&&t.to>e}));if(null!=t&&t.text){var n=D(t.text)?t.text:i.buildAbsoluteURL(v,t.text),o=new URL(n),l=o.origin+o.pathname,a=null==n?void 0:n.split("=")[1].split(",").map((function(e){return e.trim()})),u=a[0],c=a[1],s=a[2],d=a[3];return y(),{rect:{x:-1*Number(u),y:-1*Number(c),w:Number(s),h:Number(d)},url:l}}}}),[r,v,m,y,null==h?void 0:h.duration]);return x&&u?n.createElement(n.Fragment,null,n.createElement("div",{ref:b,className:"ProgressSlider-module_hoverThumbnailReference__e80Q5",style:{left:r+"%"}}),n.createElement(pe,{element:u},n.createElement("div",{className:"ProgressSlider-module_hoverThumbnail__AbmkM",ref:g,style:{zIndex:"50",top:E+"px",left:w+"px",position:_,display:r>0?"block":"none",width:x.rect.w,height:x.rect.h,backgroundImage:"url("+x.url+")",backgroundPositionX:x.rect.x,backgroundPositionY:x.rect.y,backgroundRepeat:"no-repeat"}}))):null},je=function(){var e=oe(),r=e.videoEl,o=e.setVideoState,i=t.useState(0),l=i[0],a=i[1],u=t.useState(0),c=u[0],s=u[1],d=t.useState(0),m=d[0],f=d[1];t.useEffect((function(){if(r){var e=function(){var e=r.buffered;if(e.length&&r.duration){var t=e.end(e.length-1);a(t/r.duration*100)}},t=function(){f(r.currentTime)};return r.addEventListener("progress",e),r.addEventListener("timeupdate",t),function(){r.removeEventListener("progress",e),r.removeEventListener("timeupdate",t)}}}),[r]);var v=t.useMemo((function(){return null!=r&&r.duration?m/r.duration*100:0}),[m,null==r?void 0:r.duration]),h=t.useCallback((function(e){s(e)}),[]),p=t.useCallback((function(e){if(null!=r&&r.duration){var t=e/100*r.duration;r.currentTime=t,r.paused&&r.play(),o({seeking:!1}),f(t)}}),[o,r]),g=t.useCallback((function(){o({seeking:!0})}),[o]),b=t.useCallback((function(){o({seeking:!0})}),[o]),y=t.useCallback((function(e){if(null!=r&&r.duration){r.paused||r.pause();var t=e/100*r.duration;o({seeking:!0}),f(t)}}),[o,r]);return n.createElement(Ie,{className:j("ProgressSlider-module_container__YxgfS",M&&"ProgressSlider-module_desktop__BCsNo"),onPercentIntent:h,onPercentChange:p,onPercentChanging:y,onDragStart:g,onDragEnd:b},n.createElement("div",{className:"ProgressSlider-module_innerContainer__qU0gB"},n.createElement(Ie.Bar,{className:"ProgressSlider-module_hoverBar__n4iPk",percent:c}),n.createElement(Ie.Bar,{className:"ProgressSlider-module_bufferBar__GqR1V",percent:l}),n.createElement(Ie.Bar,{className:"ProgressSlider-module_playBar__qJNbc",percent:v}),n.createElement(Ie.Bar,{className:"ProgressSlider-module_backgroundBar__hRpD6"}),n.createElement(Ie.Dot,{className:"ProgressSlider-module_dot__DUjVj",percent:v}),n.createElement(Te,{hoverPercent:c}),!!c&&(null==r?void 0:r.duration)&&n.createElement("div",{className:"ProgressSlider-module_hoverTime__iqpbT",style:{left:c+"%"}},z(c/100*r.duration))))};v(".Dialog-module_dialogContainer__FOXli,.Dialog-module_dialogOverlay__0DUTX{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.Dialog-module_dialogContainer__FOXli{display:flex;margin:0;transition:all .2s;z-index:9999}.Dialog-module_dialogContainer__FOXli[aria-hidden=true]{opacity:0;visibility:hidden}.Dialog-module_dialogOverlay__0DUTX{background-color:rgba(0,0,0,.8)}.Dialog-module_dialogContent__YKurb{background-color:rgba(0,0,0,.9);margin:auto;position:relative;width:auto;z-index:9999}.Dialog-module_dialogContentMobile__XSrdl{margin:auto 0 0;width:100%}.Dialog-module_dialogContainer__FOXli>.Dialog-module_dialogContentMobile__XSrdl{transform:translateY(0);transition:all .2s}.Dialog-module_dialogContainer__FOXli[aria-hidden=true]>.Dialog-module_dialogContentMobile__XSrdl{transform:translateY(20%)}");var ze=function(e){var n=e.reference,r=e.children,o=e.portalSelector,i=t.useState(document.body),l=i[0],a=i[1],u=t.useState(!1),c=u[0],s=u[1];return t.useLayoutEffect((function(){if(o){var e=document.querySelector(o);e&&a(e)}}),[o]),t.createElement(t.Fragment,null,t.createElement("div",{onClick:function(){return s(!0)}},n),t.createElement(pe,{element:l},t.createElement("div",{className:j("Dialog-module_dialogContainer__FOXli"),"aria-hidden":!c},t.createElement("div",{onClick:function(){return s(!1)},className:"Dialog-module_dialogOverlay__0DUTX"}),t.createElement("div",{className:j("Dialog-module_dialogContent__YKurb",k&&"Dialog-module_dialogContentMobile__XSrdl")},r))))},Ve=function(e){return t.createElement("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24"},e),t.createElement("path",{fill:"currentColor",d:"M2 12c0-.865.11-1.703.316-2.504A3 3 0 0 0 4.99 4.867a9.99 9.99 0 0 1 4.335-2.505a3 3 0 0 0 5.348 0a9.99 9.99 0 0 1 4.335 2.505a3 3 0 0 0 2.675 4.63a10.036 10.036 0 0 1 0 5.007a3 3 0 0 0-2.675 4.629a9.99 9.99 0 0 1-4.335 2.505a3 3 0 0 0-5.348 0a9.99 9.99 0 0 1-4.335-2.505a3 3 0 0 0-2.675-4.63A10.056 10.056 0 0 1 2 12zm4.804 3c.63 1.091.81 2.346.564 3.524c.408.29.842.541 1.297.75A4.993 4.993 0 0 1 12 18c1.26 0 2.438.471 3.335 1.274c.455-.209.889-.46 1.297-.75A4.993 4.993 0 0 1 17.196 15a4.993 4.993 0 0 1 2.77-2.25a8.126 8.126 0 0 0 0-1.5A4.993 4.993 0 0 1 17.195 9a4.993 4.993 0 0 1-.564-3.524a7.989 7.989 0 0 0-1.297-.75A4.993 4.993 0 0 1 12 6a4.993 4.993 0 0 1-3.335-1.274a7.99 7.99 0 0 0-1.297.75A4.993 4.993 0 0 1 6.804 9a4.993 4.993 0 0 1-2.77 2.25a8.126 8.126 0 0 0 0 1.5A4.993 4.993 0 0 1 6.805 15zM12 15a3 3 0 1 1 0-6a3 3 0 0 1 0 6zm0-2a1 1 0 1 0 0-2a1 1 0 0 0 0 2z"}))},Ke=t.memo(Ve),Ae=function(e){return t.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",className:"iconify iconify--ic",width:"24",height:"24",viewBox:"0 0 24 24",style:{width:"100%",height:"100%"}},e),t.createElement("path",{fill:"currentColor",d:"M17.77 3.77 16 2 6 12l10 10 1.77-1.77L9.54 12z"}))},De=t.memo(Ae),Fe=function(e){return t.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",className:"iconify iconify--ic",width:"24",height:"24",viewBox:"0 0 24 24",style:{width:"100%",height:"100%"}},e),t.createElement("path",{fill:"currentColor",d:"M6.23 20.23 8 22l10-10L8 2 6.23 3.77 14.46 12z"}))},He=t.memo(Fe);v(".TextIcon-module_container__w89Kx{align-items:center;display:flex}.TextIcon-module_container__w89Kx>*+*{margin-left:.25rem}");var qe=["leftIcon","rightIcon","as","children","className"],Ze=function(e){var n=e.leftIcon,r=e.rightIcon,o=e.as,i=void 0===o?"div":o,l=e.children,a=e.className,u=void 0===a?"":a,c=d(e,qe);return t.createElement(i,Object.assign({className:j("TextIcon-module_container__w89Kx",u)},c),n,t.createElement("p",null,l),r)};v(".NestedMenu-module_container__WFlrW{color:#fff;height:100%;overflow-y:auto;padding:.5rem;position:relative;width:100%}.NestedMenu-module_goBackButton__Ewawq{cursor:pointer;margin-bottom:1rem;padding:.5rem;transition:all .3s}.NestedMenu-module_goBackButton__Ewawq:hover{background-color:hsla(0,0%,100%,.2)}.NestedMenu-module_itemContainer__bDCo->*+*{margin-top:.5rem}.NestedMenu-module_baseItem__qBqNN{align-items:center;border-radius:.125rem;cursor:pointer;display:flex;padding:.5rem;position:relative;transition:all .3s}.NestedMenu-module_baseItem__qBqNN:hover{background-color:hsla(0,0%,100%,.2)}.NestedMenu-module_baseItemTitle__aAspg{padding-left:2rem}.NestedMenu-module_activeIconContainer__Q1jJE{height:1.5rem;left:.5rem;position:absolute;top:50%;transform:translateY(-50%);width:1.5rem}.NestedMenu-module_subMenuContainer__QE70k>*+*{margin-top:.5rem}.NestedMenu-module_subMenuSlotContainer__FjMfa{align-items:center;display:flex;position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}.NestedMenu-module_subMenuSlotContainer__FjMfa>*+*{margin-left:.5rem}.NestedMenu-module_subMenuSlotTitle__aexO0{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#e5e7eb;display:-webkit-box;overflow:hidden}.NestedMenu-module_subMenuSlotIcon__LWB9Q{height:1.25rem;width:1.25rem}");var Qe=function(e){return t.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",className:"iconify iconify--mdi",width:"24",height:"24",viewBox:"0 0 24 24",style:{width:"100%",height:"100%"}},e),t.createElement("path",{fill:"currentColor",d:"M21 7 9 19l-5.5-5.5 1.41-1.41L9 16.17 19.59 5.59 21 7Z"}))},Ue=t.memo(Qe),Ye=["children","className"],Xe=["title","isShown","isActive","className","activeIcon","slot"],Ge=["title","parentMenuKey","itemKey","activeItemKey","value","onChange"],Je=["children","menuKey","title","activeItemKey","parentMenuKey","className","icon","onChange"],We=[{menuKey:"base",title:"base"}],$e=t.createContext({activeMenu:{menuKey:"base",title:"Base"},push:function(){},pop:function(){}}),et=function(e){var r=e.children,o=e.className,i=void 0===o?"":o,l=d(e,Ye),a=t.useState(We),u=a[0],c=a[1],s=t.useCallback((function(){c((function(e){return e.slice(0,-1)}))}),[]),m=t.useCallback((function(e){c((function(t){return[].concat(t,[e])}))}),[]),f=t.useCallback((function(){c((function(e){return e.slice(0,-1)}))}),[]),v=t.useMemo((function(){return u[u.length-1]}),[u]);return n.createElement($e.Provider,{value:{activeMenu:v,push:m,pop:f}},n.createElement("div",Object.assign({className:j("NestedMenu-module_container__WFlrW",i)},l),"base"!==v.menuKey&&n.createElement(Ze,{onClick:s,leftIcon:n.createElement("div",{style:{width:"1.25rem",height:"1.25rem"}},n.createElement(De,null)),className:"NestedMenu-module_goBackButton__Ewawq"},v.title),n.createElement("ul",{className:"NestedMenu-module_itemContainer__bDCo-"},r)))},tt=n.memo((function(e){var t=e.title,r=e.isShown,o=e.isActive,i=e.className,l=void 0===i?"":i,a=e.activeIcon,u=e.slot,c=d(e,Xe);return r?n.createElement("li",Object.assign({className:j("NestedMenu-module_baseItem__qBqNN",l)},c),o&&a&&n.createElement("div",{className:"NestedMenu-module_activeIconContainer__Q1jJE"},a),n.createElement("p",{className:"NestedMenu-module_baseItemTitle__aAspg"},t),u):null}));tt.displayName="BaseItem";var nt=n.memo((function(e){var r=e.title,o=e.parentMenuKey,i=void 0===o?"base":o,l=e.itemKey,a=e.activeItemKey,u=e.value,c=e.onChange,s=d(e,Ge),m=t.useContext($e);return n.createElement(tt,Object.assign({title:r,isShown:i===m.activeMenu.menuKey,isActive:a===l,onClick:function(){null==c||c(u)},activeIcon:n.createElement(Ue,null)},s))}));nt.displayName="Item",et.Item=nt,et.SubMenu=function(e){var r=e.children,o=e.menuKey,i=e.title,l=e.activeItemKey,a=e.parentMenuKey,u=void 0===a?"base":a,c=e.className,m=void 0===c?"":c,f=e.icon,v=e.onChange,h=d(e,Je),p=t.useContext($e),g=p.activeMenu,b=p.push,y=t.useMemo((function(){return g.menuKey===o}),[g.menuKey,o]),_=t.useMemo((function(){return g.menuKey===u}),[g.menuKey,u]),w=t.useCallback((function(){b({menuKey:o,title:i})}),[o,b,i]),E=n.isValidElement(r)&&r.type===n.Fragment?r.props.children:r;if(0===n.Children.count(E))return null;var x=n.Children.map(E,(function(e){if(n.isValidElement(e))return n.cloneElement(e,s({},e.props,{parentMenuKey:o,activeItemKey:l,onChange:v}))})),S=n.Children.map(E,(function(e){if(n.isValidElement(e))return e.props})),k=null==S?void 0:S.find((function(e){return(null==e?void 0:e.itemKey)===l}));return y?n.createElement("ul",Object.assign({className:j("NestedMenu-module_subMenuContainer__QE70k",m)},h),x):_?n.createElement(tt,{title:i,isShown:!0,isActive:!0,activeIcon:f,onClick:w,slot:n.createElement("div",{className:"NestedMenu-module_subMenuSlotContainer__FjMfa"},(null==k?void 0:k.title)&&n.createElement("p",{className:"NestedMenu-module_subMenuSlotTitle__aexO0"},k.title),n.createElement("div",{className:"NestedMenu-module_subMenuSlotIcon__LWB9Q"},n.createElement(He,null)))}):n.createElement(n.Fragment,null,r)};var rt=function(e){return t.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",className:"iconify iconify--ic",width:"1em",height:"1em",viewBox:"0 0 24 24",style:{width:"100%",height:"100%"}},e),t.createElement("path",{fill:"currentColor",d:"M12 5v8.55c-.94-.54-2.1-.75-3.33-.32-1.34.48-2.37 1.67-2.61 3.07a4.007 4.007 0 0 0 4.59 4.65c1.96-.31 3.35-2.11 3.35-4.1V7h2c1.1 0 2-.9 2-2s-.9-2-2-2h-2c-1.1 0-2 .9-2 2z"}))},ot=t.memo(rt),it=function(){var e,t=W(),r=t.state,o=t.setState,i=Y();return r.audios.length?n.createElement(et.SubMenu,{menuKey:"audios",title:i.i18n.settings.audio,activeItemKey:r.currentAudio?r.currentAudio:null==r||null==(e=r.audios)||null==(e=e[0