react-modern-audio-player 1.2.1 → 1.2.3

package/README.md

@@ -19,7 +19,7 @@
 </p>
 
 ## DEMO
-https://codesandbox.io/s/basic-ypvpyv?file=/src/App.js
+https://codesandbox.io/s/basic-91y82y?file=/src/App.tsx
 
 # ****Flexible and Customizable UI****
 ## This can offer waveform by `wavesurfer.js`
@@ -186,9 +186,9 @@ type PlayerPlacement =
   | "top-left"
   | "top-right";
 
-type PlayListPlacement = "bottom" | "top";
+type VolumeSliderPlacement = "bottom" | "top" | 'left' | 'right';
 
-type VolumeSliderPlacement = "bottom" | "top";
+type PlayListPlacement = "bottom" | "top";
 
 type InterfacePlacement = {
   templateArea?: InterfaceGridTemplateArea;
@@ -206,7 +206,9 @@ type InterfaceGridItemArea = Partial<Record<InterfacePlacementKey, string>>;
 	/** example
 	* progress : 2-4
 	* repeatBtn : row1-4 / 2 / row1-4 / 10
-    * check grid item MDN
+	*
+	* check MDN - grid area
+	* https://developer.mozilla.org/ko/docs/Web/CSS/grid-area
 	*/
 ```
 

package/dist/index.es.js

@@ -1410,7 +1410,8 @@ const AudioPlayerProvider = ({
       templateArea: {
         playButton: defaultInterfacePlacement.templateArea["playButton"]
       }
-    }
+    },
+    volumeSliderPlacement: placementProp == null ? void 0 : placementProp.volumeSlider
   };
   const [audioContextState, dispatchAudioContextState] = useReducer(audioPlayerReducer, {
     playList,
@@ -5794,7 +5795,14 @@ var wavesurfer = { exports: {} };
 var WaveSurfer = /* @__PURE__ */ getDefaultExportFromCjs(wavesurfer.exports);
 const useWaveSurfer = () => {
   const audioPlayerDispatch = useNonNullableContext(audioPlayerDispatchContext);
-  const { curAudioState, curIdx, playList, elementRefs } = useNonNullableContext(audioPlayerStateContext);
+  const {
+    curAudioState,
+    curIdx,
+    playList,
+    elementRefs,
+    interfacePlacement,
+    playerPlacement
+  } = useNonNullableContext(audioPlayerStateContext);
   const [isReady, setIsReady] = useState(false);
   const getCurTime = useCallback(() => {
     if (!(elementRefs == null ? void 0 : elementRefs.waveformInst) || !elementRefs.trackCurTimeEl)
@@ -5818,28 +5826,29 @@ const useWaveSurfer = () => {
     },
     []
   );
-  const [curAudioData, setCurAudioData] = useState();
+  const [reloadValidation, setReloadValidation] = useState({
+    curAudioData: playList[curIdx],
+    curInterfacePlacement: interfacePlacement,
+    curPlayerPlacement: playerPlacement
+  });
+  if (reloadValidation.curAudioData.src !== playList[curIdx].src || reloadValidation.curInterfacePlacement !== interfacePlacement || reloadValidation.curPlayerPlacement !== playerPlacement) {
+    setReloadValidation({
+      curAudioData: playList[curIdx],
+      curInterfacePlacement: interfacePlacement,
+      curPlayerPlacement: playerPlacement
+    });
+  }
   useEffect(() => {
-    if (!(elementRefs == null ? void 0 : elementRefs.waveformInst) || !playList[curIdx])
-      return;
-    if ((curAudioData == null ? void 0 : curAudioData.src) === playList[curIdx].src)
+    if (!(elementRefs == null ? void 0 : elementRefs.waveformInst) || !reloadValidation.curAudioData)
       return;
-    setCurAudioData(playList[curIdx]);
     setIsReady(false);
-    elementRefs.waveformInst.load(playList[curIdx].src);
+    elementRefs.waveformInst.load(reloadValidation.curAudioData.src);
     elementRefs.waveformInst.on("ready", () => {
       resetAudioValues(elementRefs, elementRefs.waveformInst.getDuration());
       setIsReady(true);
       elementRefs.waveformInst.on("seek", () => getCurTime());
     });
-  }, [
-    playList,
-    curIdx,
-    curAudioData,
-    elementRefs == null ? void 0 : elementRefs.waveformInst,
-    getCurTime,
-    elementRefs
-  ]);
+  }, [elementRefs == null ? void 0 : elementRefs.waveformInst, getCurTime, elementRefs, reloadValidation]);
   useEffect(() => {
     if (!isReady || !(elementRefs == null ? void 0 : elementRefs.waveformInst))
       return;
@@ -5919,7 +5928,8 @@ const WaveSurferAudio = () => {
       progressColor: `${colorsRef.current.progressColor}`,
       responsive: true,
       waveColor: `${colorsRef.current.waveColor}`,
-      cursorColor: "var(--rm-audio-player-waveform-cursor)"
+      cursorColor: "var(--rm-audio-player-waveform-cursor)",
+      backend: "MediaElementWebAudio"
     });
     audioPlayerDispatch({
       type: "SET_ELEMENT_REFS",
@@ -6919,7 +6929,7 @@ const usePlayList = ({
       onEntered: () => setIsOpen(true)
     },
     sortableItemEventProps: {
-      draggable: activeUI.playList !== "unSortable" || activeUI.all,
+      draggable: activeUI.playList !== "unSortable",
       dragStartIdx,
       onDragStart: (index) => setDragStartIdx(index),
       onDrop: (e, newPlayList) => audioPlayerDispatch({
@@ -7253,10 +7263,25 @@ const VolumeSliderContainer = styled.div`
     display: flex;
     align-items: center;
     justify-content: center;
-    ${(contentPlacement == null ? void 0 : contentPlacement.includes("top")) && css`
+    ${contentPlacement === "top" && css`
       bottom: auto;
     `}
 
+    ${contentPlacement === "left" && css`
+      transform: rotate(-90deg);
+      right: 50px;
+    `}
+
+    ${contentPlacement === "right" && css`
+      transform: rotate(90deg);
+      left: 50px;
+    `}
+
+    ${contentPlacement === "bottom" && css`
+      transform: rotateX(180deg);
+      top: 5px;
+    `}
+
     .volume-panel-wrapper {
       width: 30px;
       background-color: var(--rm-audio-player-volume-panel-background);
@@ -7266,10 +7291,7 @@ const VolumeSliderContainer = styled.div`
       box-shadow: 0 2px 4px rgb(0 0 0 /10%);
       position: absolute;
       bottom: 5px;
-      ${(contentPlacement == null ? void 0 : contentPlacement.includes("bottom")) && css`
-        transform: rotateX(180deg);
-        top: 5px;
-      `}
+
       &:before {
         content: "";
         bottom: -10px;
@@ -7613,14 +7635,14 @@ const Volume = () => {
       volumeSlider: volumeSliderEl,
       all: allEl
     },
-    volumeSliderPlacement: ContextVolumePlacement
+    volumeSliderPlacement: contextVolumePlacement
   } = useNonNullableContext(audioPlayerStateContext);
   const volumeSliderPlacement = useVolumeSliderPlacement({
     triggerRef,
     initialState: "bottom"
   });
   return /* @__PURE__ */ jsxs(Dropdown, {
-    placement: ContextVolumePlacement || volumeSliderPlacement,
+    placement: contextVolumePlacement || volumeSliderPlacement,
     triggerType: "hover",
     disabled: !(volumeSliderEl != null ? volumeSliderEl : allEl),
     children: [/* @__PURE__ */ jsx(Dropdown.Trigger, {
@@ -7629,7 +7651,7 @@ const Volume = () => {
       })
     }), /* @__PURE__ */ jsx(Dropdown.Content, {
       children: /* @__PURE__ */ jsx(VolumeSlider, {
-        placement: ContextVolumePlacement || volumeSliderPlacement
+        placement: contextVolumePlacement || volumeSliderPlacement
       })
     })]
   });

package/dist/types/components/AudioPlayer/Context/StateContext/placement.d.ts

@@ -1,6 +1,7 @@
+import { DropdownContentPlacement } from '../../../Dropdown';
 import { NumbersToUnionNum } from '../../../../utils/generateUnionNumType';
 import { ActiveUI } from "./element";
-export declare type VolumeSliderPlacement = "bottom" | "top";
+export declare type VolumeSliderPlacement = DropdownContentPlacement;
 export declare type PlayListPlacement = "bottom" | "top";
 export declare type PlayerPlacement = "bottom" | "top" | "bottom-left" | "bottom-right" | "top-left" | "top-right" | "static";
 export declare const interfacePlacementMaxLength = 10;
@@ -14,3 +15,9 @@ export declare type InterfacePlacement = {
 export declare const defaultInterfacePlacement: {
     templateArea: Required<InterfaceGridTemplateArea>;
 };
+export interface Placements {
+    playListPlacement: PlayListPlacement;
+    interfacePlacement: InterfacePlacement;
+    volumeSliderPlacement: VolumeSliderPlacement | undefined;
+    playerPlacement: PlayerPlacement | undefined;
+}

package/dist/types/components/AudioPlayer/Interface/Controller/Tooltip/Volume/Content.d.ts

@@ -1,5 +1,5 @@
+import { VolumeSliderPlacement } from '../../../../../AudioPlayer/Context/StateContext';
 import { FC } from "react";
-export declare type VolumeSliderPlacement = "bottom" | "top";
 export declare const VolumeSlider: FC<{
     placement: VolumeSliderPlacement;
 }>;

package/dist/types/components/AudioPlayer/Interface/Controller/Tooltip/Volume/useVolume.d.ts

@@ -1,5 +1,5 @@
-import { VolumeSliderPlacement } from "./Content";
+import { VolumeSliderPlacement } from '../../../../../AudioPlayer/Context';
 export declare const useVolumeSliderPlacement: ({ triggerRef, initialState, }: {
     triggerRef: React.RefObject<HTMLElement>;
     initialState: VolumeSliderPlacement;
-}) => VolumeSliderPlacement;
+}) => import("../../../../../Dropdown").DropdownContentPlacement;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-modern-audio-player",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "author": {
     "name": "LYH",
     "email": "slash9494@naver.com",
@@ -8,7 +8,7 @@
   },
   "homepage": "https://github.com/slash9494/react-modern-audio-player/",
   "module": "dist/index.es.js",
-  "main": "dist/index.cjs",
+  "main": "dist/index.es.js",
   "esnext": "dist/index.es.js",
   "typings": "dist/types/index.d.ts",
   "files": [
@@ -52,7 +52,9 @@
   },
   "keywords": [
     "audio",
+    "music",
     "player",
+    "media",
     "react",
     "react-modern-audio-player"
   ]

package/dist/index.cjs

@@ -1,490 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var O=require("react"),br=require("react-dom"),de=require("styled-components");function ht(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var U=ht(O),wr=ht(br),K=ht(de);const Dt={prefix:String(Math.round(Math.random()*1e10)),current:0},Ar=U.default.createContext(Dt);function Me(){let t=O.useContext(Ar)!==Dt,[n,i]=O.useState(t);return typeof window!="undefined"&&t&&O.useLayoutEffect(()=>{i(!1)},[]),n}function Bt(e){var t,n,i="";if(typeof e=="string"||typeof e=="number")i+=e;else if(typeof e=="object")if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=Bt(e[t]))&&(i&&(i+=" "),i+=n);else for(t in e)e[t]&&(i&&(i+=" "),i+=t);return i}function pt(){for(var e,t,n=0,i="";n<arguments.length;)(e=arguments[n++])&&(t=Bt(e))&&(i&&(i+=" "),i+=t);return i}typeof window!="undefined"&&U.default.useLayoutEffect;let St=new Map;function kr(e,t){if(e===t)return e;let n=St.get(e);if(n)return n(t),t;let i=St.get(t);return i?(i(e),e):t}function Pr(...e){return(...t)=>{for(let n of e)typeof n=="function"&&n(...t)}}function Tt(...e){let t={...e[0]};for(let n=1;n<e.length;n++){let i=e[n];for(let u in i){let h=t[u],p=i[u];typeof h=="function"&&typeof p=="function"&&u[0]==="o"&&u[1]==="n"&&u.charCodeAt(2)>=65&&u.charCodeAt(2)<=90?t[u]=Pr(h,p):(u==="className"||u==="UNSAFE_className")&&typeof h=="string"&&typeof p=="string"?t[u]=pt(h,p):u==="id"&&h&&p?t.id=kr(h,p):t[u]=p!==void 0?p:h}}return t}const Cr=new Set(["id"]),Er=new Set(["aria-label","aria-labelledby","aria-describedby","aria-details"]),xr=/^(data-.*)$/;function Ae(e,t={}){let{labelable:n,propNames:i}=t,u={};for(const h in e)Object.prototype.hasOwnProperty.call(e,h)&&(Cr.has(h)||n&&Er.has(h)||(i==null?void 0:i.has(h))||xr.test(h))&&(u[h]=e[h]);return u}let Pe=new Map,$t=new Set;function Ot(){if(typeof window=="undefined")return;let e=n=>{let i=Pe.get(n.target);i||(i=new Set,Pe.set(n.target,i),n.target.addEventListener("transitioncancel",t)),i.add(n.propertyName)},t=n=>{let i=Pe.get(n.target);if(!!i&&(i.delete(n.propertyName),i.size===0&&(n.target.removeEventListener("transitioncancel",t),Pe.delete(n.target)),Pe.size===0)){for(let u of $t)u();$t.clear()}};document.body.addEventListener("transitionrun",e),document.body.addEventListener("transitionend",t)}typeof document!="undefined"&&(document.readyState!=="loading"?Ot():document.addEventListener("DOMContentLoaded",Ot));const Sr=new Set(["Arab","Syrc","Samr","Mand","Thaa","Mend","Nkoo","Adlm","Rohg","Hebr"]),Tr=new Set(["ae","ar","arc","bcc","bqi","ckb","dv","fa","glk","he","ku","mzn","nqo","pnb","ps","sd","ug","ur","yi"]);function Vt(e){if(Intl.Locale){let n=new Intl.Locale(e).maximize().script;return Sr.has(n)}let t=e.split("-")[0];return Tr.has(t)}function jt(){let e=typeof navigator!="undefined"&&(navigator.language||navigator.userLanguage)||"en-US";try{Intl.DateTimeFormat.supportedLocalesOf([e])}catch{e="en-US"}return{locale:e,direction:Vt(e)?"rtl":"ltr"}}let Ue=jt(),Ee=new Set;function _t(){Ue=jt();for(let e of Ee)e(Ue)}function zt(){let e=Me(),[t,n]=O.useState(Ue);return O.useEffect(()=>(Ee.size===0&&window.addEventListener("languagechange",_t),Ee.add(n),()=>{Ee.delete(n),Ee.size===0&&window.removeEventListener("languagechange",_t)}),[]),e?{locale:"en-US",direction:"ltr"}:t}const Ft=U.default.createContext(null);function $r(e){let{locale:t,children:n}=e,i=zt(),u=t?{locale:t,direction:Vt(t)?"rtl":"ltr"}:i;return U.default.createElement(Ft.Provider,{value:u},n)}function mt(){let e=zt();return O.useContext(Ft)||e}let Oe=!1;function je(e,...t){let n=[];for(let i of t)if(typeof i=="object"&&i){let u={};for(let h in i)e[h]&&(u[e[h]]=i[h]),e[h]||(u[h]=i[h]);n.push(u)}else typeof i=="string"?(e[i]&&n.push(e[i]),e[i]||n.push(i)):n.push(i);return pt(...n)}function qe(e){let t=typeof window!="undefined"&&typeof window.matchMedia=="function",[n,i]=O.useState(()=>t?window.matchMedia(e).matches:!1);return O.useEffect(()=>{if(!t)return;let h=window.matchMedia(e),p=l=>{i(l.matches)};return h.addListener(p),()=>{h.removeListener(p)}},[t,e]),Me()?!1:n}function Or(e){return{UNSAFE_getDOMNode(){return e.current}}}function Le(e){let t=O.useRef(null);return O.useImperativeHandle(e,()=>Or(t)),t}const vt=U.default.createContext(null);vt.displayName="BreakpointContext";function _r(e){let{children:t,matchedBreakpoints:n}=e;return U.default.createElement(vt.Provider,{value:{matchedBreakpoints:n}},t)}function Rr(e){let t=Object.entries(e).sort(([,d],[,y])=>y-d),n=t.map(([,d])=>`(min-width: ${d}px)`),i=typeof window!="undefined"&&typeof window.matchMedia=="function",u=()=>{let d=[];for(let y in n){let v=n[y];window.matchMedia(v).matches&&d.push(t[y][0])}return d.push("base"),d},[h,p]=O.useState(()=>i?u():["base"]);return O.useEffect(()=>{if(!i)return;let d=()=>{const y=u();p(v=>v.length!==y.length||v.some((w,A)=>w!==y[A])?[...y]:v)};return window.addEventListener("resize",d),()=>{window.removeEventListener("resize",d)}},[i]),Me()?["base"]:h}function Ht(){return O.useContext(vt)}const yt={margin:["margin",G],marginStart:[te("marginLeft","marginRight"),G],marginEnd:[te("marginRight","marginLeft"),G],marginTop:["marginTop",G],marginBottom:["marginBottom",G],marginX:[["marginLeft","marginRight"],G],marginY:[["marginTop","marginBottom"],G],width:["width",G],height:["height",G],minWidth:["minWidth",G],minHeight:["minHeight",G],maxWidth:["maxWidth",G],maxHeight:["maxHeight",G],isHidden:["display",Dr],alignSelf:["alignSelf",J],justifySelf:["justifySelf",J],position:["position",ze],zIndex:["zIndex",ze],top:["top",G],bottom:["bottom",G],start:[te("left","right"),G],end:[te("right","left"),G],left:["left",G],right:["right",G],order:["order",ze],flex:["flex",Br],flexGrow:["flexGrow",J],flexShrink:["flexShrink",J],flexBasis:["flexBasis",J],gridArea:["gridArea",J],gridColumn:["gridColumn",J],gridColumnEnd:["gridColumnEnd",J],gridColumnStart:["gridColumnStart",J],gridRow:["gridRow",J],gridRowEnd:["gridRowEnd",J],gridRowStart:["gridRowStart",J]},Mr={...yt,backgroundColor:["backgroundColor",Wr],borderWidth:["borderWidth",he],borderStartWidth:[te("borderLeftWidth","borderRightWidth"),he],borderEndWidth:[te("borderRightWidth","borderLeftWidth"),he],borderLeftWidth:["borderLeftWidth",he],borderRightWidth:["borderRightWidth",he],borderTopWidth:["borderTopWidth",he],borderBottomWidth:["borderBottomWidth",he],borderXWidth:[["borderLeftWidth","borderRightWidth"],he],borderYWidth:[["borderTopWidth","borderBottomWidth"],he],borderColor:["borderColor",fe],borderStartColor:[te("borderLeftColor","borderRightColor"),fe],borderEndColor:[te("borderRightColor","borderLeftColor"),fe],borderLeftColor:["borderLeftColor",fe],borderRightColor:["borderRightColor",fe],borderTopColor:["borderTopColor",fe],borderBottomColor:["borderBottomColor",fe],borderXColor:[["borderLeftColor","borderRightColor"],fe],borderYColor:[["borderTopColor","borderBottomColor"],fe],borderRadius:["borderRadius",pe],borderTopStartRadius:[te("borderTopLeftRadius","borderTopRightRadius"),pe],borderTopEndRadius:[te("borderTopRightRadius","borderTopLeftRadius"),pe],borderBottomStartRadius:[te("borderBottomLeftRadius","borderBottomRightRadius"),pe],borderBottomEndRadius:[te("borderBottomRightRadius","borderBottomLeftRadius"),pe],borderTopLeftRadius:["borderTopLeftRadius",pe],borderTopRightRadius:["borderTopRightRadius",pe],borderBottomLeftRadius:["borderBottomLeftRadius",pe],borderBottomRightRadius:["borderBottomRightRadius",pe],padding:["padding",G],paddingStart:[te("paddingLeft","paddingRight"),G],paddingEnd:[te("paddingRight","paddingLeft"),G],paddingLeft:["paddingLeft",G],paddingRight:["paddingRight",G],paddingTop:["paddingTop",G],paddingBottom:["paddingBottom",G],paddingX:[["paddingLeft","paddingRight"],G],paddingY:[["paddingTop","paddingBottom"],G],overflow:["overflow",J]},Rt={borderWidth:"borderStyle",borderLeftWidth:"borderLeftStyle",borderRightWidth:"borderRightStyle",borderTopWidth:"borderTopStyle",borderBottomWidth:"borderBottomStyle"};function te(e,t){return n=>n==="rtl"?t:e}const Lr=/(%|px|em|rem|vw|vh|auto|cm|mm|in|pt|pc|ex|ch|rem|vmin|vmax|fr)$/,Ir=/^\s*\w+\(/,Nr=/(static-)?size-\d+|single-line-(height|width)/g;function G(e){return typeof e=="number"?e+"px":Lr.test(e)?e:Ir.test(e)?e.replace(Nr,"var(--spectrum-global-dimension-$&, var(--spectrum-alias-$&))"):`var(--spectrum-global-dimension-${e}, var(--spectrum-alias-${e}))`}function be(e,t){return e=gt(e,t),G(e)}function Ut(e,t="default"){return`var(--spectrum-global-color-${e}, var(--spectrum-semantic-${e}-color-${t}))`}function Wr(e){return`var(--spectrum-alias-background-color-${e}, ${Ut(e,"background")})`}function fe(e){return e==="default"?"var(--spectrum-alias-border-color)":`var(--spectrum-alias-border-color-${e}, ${Ut(e,"border")})`}function he(e){return`var(--spectrum-alias-border-size-${e})`}function pe(e){return`var(--spectrum-alias-border-radius-${e})`}function Dr(e){return e?"none":void 0}function ze(e){return e}function Br(e){return typeof e=="boolean"?e?"1":void 0:""+e}function Vr(e,t,n,i){let u={};for(let h in e){let p=t[h];if(!p||e[h]==null)continue;let[l,d]=p;typeof l=="function"&&(l=l(n));let y=gt(e[h],i),v=d(y);if(Array.isArray(l))for(let w of l)u[w]=v;else u[l]=v}for(let h in Rt)u[h]&&(u[Rt[h]]="solid",u.boxSizing="border-box");return u}function ke(e,t=yt,n={}){let{UNSAFE_className:i,UNSAFE_style:u,...h}=e,p=Ht(),{direction:l}=mt(),{matchedBreakpoints:d=(p==null?void 0:p.matchedBreakpoints)||["base"]}=n,y=Vr(e,t,l,d),v={...u,...y};h.className&&console.warn("The className prop is unsafe and is unsupported in React Spectrum v3. Please use style props with Spectrum variables, or UNSAFE_className if you absolutely must do something custom. Note that this may break in future versions due to DOM structure changes."),h.style&&console.warn("The style prop is unsafe and is unsupported in React Spectrum v3. Please use style props with Spectrum variables, or UNSAFE_style if you absolutely must do something custom. Note that this may break in future versions due to DOM structure changes.");let w={style:v,className:i};return gt(e.isHidden,d)&&(w.hidden=!0),{styleProps:w}}function J(e){return e}function gt(e,t){if(e&&typeof e=="object"&&!Array.isArray(e)){for(let n=0;n<t.length;n++){let i=t[n];if(e[i]!=null)return e[i]}return e.base}return e}let qt=U.default.createContext(null);function jr(e,t){let n=e.slot||t,{[n]:i={}}=O.useContext(qt)||{};return Tt(e,Tt(i,{id:e.id}))}function zr(e){let{children:t,...n}=e,i=t;return U.default.Children.toArray(t).length<=1&&typeof t=="function"&&(i=U.default.cloneElement(U.default.Children.only(t),n)),U.default.createElement(qt.Provider,{value:{}},i)}const Ge=U.default.createContext(null);function Fr(e){let{children:t}=e,n=O.useContext(Ge),[i,u]=O.useState(0),h=O.useMemo(()=>({parent:n,modalCount:i,addModal(){u(p=>p+1),n&&n.addModal()},removeModal(){u(p=>p-1),n&&n.removeModal()}}),[n,i]);return U.default.createElement(Ge.Provider,{value:h},t)}function Hr(){let e=O.useContext(Ge);return{modalProviderProps:{"aria-hidden":e&&e.modalCount>0?!0:null}}}function Mt(e){return e&&e.__esModule?e.default:e}function Ie(e,t,n,i){Object.defineProperty(e,t,{get:n,set:i,enumerable:!0,configurable:!0})}var Gt={};Ie(Gt,"spectrum",()=>Xe,e=>Xe=e);var Xe;Xe="spectrum_b37d53";var Ne={};Ie(Ne,"spectrum",()=>Ye,e=>Ye=e);Ie(Ne,"spectrum-Body",()=>Qe,e=>Qe=e);Ie(Ne,"spectrum-Body--italic",()=>Je,e=>Je=e);var Ye,Qe,Je;Ye="spectrum_2a241c";Qe="spectrum-Body_2a241c";Je="spectrum-Body--italic_2a241c";function Ur(e,t){let n=qe("(prefers-color-scheme: dark)"),i=qe("(prefers-color-scheme: light)");return e.dark&&n?"dark":e.light&&i?"light":e.dark&&t==="dark"?"dark":e.light&&t==="light"||!e.dark||e.light?"light":"dark"}function qr(e){return qe("(any-pointer: fine)")&&e.medium?"medium":e.large?"large":"medium"}var Xt={};Xt=JSON.parse('{"name":"@react-spectrum/provider","version":"3.5.2","description":"Spectrum UI components in React","license":"Apache-2.0","main":"dist/main.js","module":"dist/module.js","types":"dist/types.d.ts","source":"src/index.ts","files":["dist","src"],"sideEffects":["*.css"],"targets":{"main":{"includeNodeModules":["@adobe/spectrum-css-temp"]},"module":{"includeNodeModules":["@adobe/spectrum-css-temp"]}},"repository":{"type":"git","url":"https://github.com/adobe/react-spectrum"},"dependencies":{"@babel/runtime":"^7.6.2","@react-aria/i18n":"^3.6.1","@react-aria/overlays":"^3.11.0","@react-aria/utils":"^3.14.0","@react-spectrum/utils":"^3.7.4","@react-types/provider":"^3.5.4","@react-types/shared":"^3.15.0","clsx":"^1.1.1"},"devDependencies":{"@adobe/spectrum-css-temp":"3.0.0-alpha.1"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"},"publishConfig":{"access":"public"}}');const bt=U.default.createContext(null);bt.displayName="ProviderContext";const Gr={S:640,M:768,L:1024,XL:1280,XXL:1536};function Xr(e,t){let n=Yt(),i=n&&n.colorScheme,u=n&&n.breakpoints,{theme:h=n&&n.theme,defaultColorScheme:p}=e;if(!h)throw new Error("theme not found, the parent provider must have a theme provided");let l=Ur(h,p),d=qr(h),{locale:y}=mt(),v=!!h[i],{colorScheme:w=v?i:l,scale:A=n?n.scale:d,locale:E=n?y:null,breakpoints:M=n?u:Gr,children:_,isQuiet:x,isEmphasized:S,isDisabled:P,isRequired:T,isReadOnly:N,validationState:B,...I}=e,D={version:Xt.version,theme:h,breakpoints:M,colorScheme:w,scale:A,isQuiet:x,isEmphasized:S,isDisabled:P,isRequired:T,isReadOnly:N,validationState:B},L=Rr(M),$={};Object.entries(D).forEach(([g,o])=>o!==void 0&&($[g]=o));let R=Object.assign({},n,$),b=_,s=Ae(I),{styleProps:f}=ke(I,void 0,{matchedBreakpoints:L});return(!n||e.locale||h!==n.theme||w!==n.colorScheme||A!==n.scale||Object.keys(s).length>0||I.UNSAFE_className||Object.keys(f.style).length>0)&&(b=U.default.createElement(Qr,{...e,UNSAFE_style:{isolation:n?void 0:"isolate",...f.style},ref:t},b)),U.default.createElement(bt.Provider,{value:R},U.default.createElement($r,{locale:E},U.default.createElement(_r,{matchedBreakpoints:L},U.default.createElement(Fr,null,b))))}let Yr=U.default.forwardRef(Xr);const Qr=U.default.forwardRef(function(t,n){let{children:i,...u}=t,{locale:h,direction:p}=mt(),{theme:l,colorScheme:d,scale:y}=Yt(),{modalProviderProps:v}=Hr(),{styleProps:w}=ke(u),A=Le(n),E=Object.keys(l[d])[0],M=Object.keys(l[y])[0],_=pt(w.className,Mt(Gt).spectrum,Mt(Ne).spectrum,l[d][E],l[y][M],l.global?Object.values(l.global):null,{"react-spectrum-provider":Oe,spectrum:Oe,[E]:Oe,[M]:Oe});var x,S;let P={...w.style,colorScheme:(S=(x=t.colorScheme)!==null&&x!==void 0?x:d)!==null&&S!==void 0?S:Object.keys(l).filter(N=>N==="light"||N==="dark").join(" ")},T=O.useRef(!1);return O.useEffect(()=>{if(p&&A.current){let N=A.current.parentElement.closest("[dir]"),B=N&&N.getAttribute("dir");B&&B!==p&&!T.current&&(console.warn(`Language directions cannot be nested. ${p} inside ${B}.`),T.current=!0)}},[p,A,T]),U.default.createElement("div",{...Ae(u),...w,...v,className:_,style:P,lang:h,dir:p,ref:A},i)});function Yt(){return O.useContext(bt)}function Ce(e){return e&&e.__esModule?e.default:e}function ue(e,t,n,i){Object.defineProperty(e,t,{get:n,set:i,enumerable:!0,configurable:!0})}var Qt={};ue(Qt,"spectrum--darkest",()=>Ke,e=>Ke=e);var Ke;Ke="spectrum--darkest_256eeb";var ve={};ue(ve,"spectrum",()=>Ze,e=>Ze=e);ue(ve,"spectrum--medium",()=>et,e=>et=e);ue(ve,"spectrum--large",()=>tt,e=>tt=e);ue(ve,"spectrum--darkest",()=>rt,e=>rt=e);ue(ve,"spectrum--dark",()=>nt,e=>nt=e);ue(ve,"spectrum--light",()=>at,e=>at=e);ue(ve,"spectrum--lightest",()=>it,e=>it=e);var Ze,et,tt,rt,nt,at,it;Ze="spectrum_9e130c";et="spectrum--medium_9e130c";tt="spectrum--large_9e130c";rt="spectrum--darkest_9e130c";nt="spectrum--dark_9e130c";at="spectrum--light_9e130c";it="spectrum--lightest_9e130c";var Jt={};ue(Jt,"spectrum--large",()=>ot,e=>ot=e);var ot;ot="spectrum--large_c40598";var Kt={};ue(Kt,"spectrum--light",()=>st,e=>st=e);var st;st="spectrum--light_a40724";var Zt={};ue(Zt,"spectrum--medium",()=>lt,e=>lt=e);var lt;lt="spectrum--medium_4b172c";let Jr={global:Ce(ve),light:Ce(Kt),dark:Ce(Qt),medium:Ce(Zt),large:Ce(Jt)};const F=e=>{const t=O.useContext(e);if(!t)throw new Error(`${e} is not provided or null`);return t},re={templateArea:{artwork:"row1-1",trackInfo:"row1-2",trackTimeCurrent:"row1-3",trackTimeDuration:"row1-4",progress:"row1-5",repeatType:"row1-6",volume:"row1-7",playButton:"row1-8",playList:"row1-9"}},X=O.createContext(null);function Kr(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var We={exports:{}},De={};/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var Zr=U.default,en=Symbol.for("react.element"),tn=Symbol.for("react.fragment"),rn=Object.prototype.hasOwnProperty,nn=Zr.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,an={key:!0,ref:!0,__self:!0,__source:!0};function er(e,t,n){var i,u={},h=null,p=null;n!==void 0&&(h=""+n),t.key!==void 0&&(h=""+t.key),t.ref!==void 0&&(p=t.ref);for(i in t)rn.call(t,i)&&!an.hasOwnProperty(i)&&(u[i]=t[i]);if(e&&e.defaultProps)for(i in t=e.defaultProps,t)u[i]===void 0&&(u[i]=t[i]);return{$$typeof:en,type:e,key:h,ref:p,props:u,_owner:nn.current}}De.Fragment=tn;De.jsx=er;De.jsxs=er;We.exports=De;const C=We.exports.jsx,Z=We.exports.jsxs,ye=We.exports.Fragment,on=({children:e,rootContainerProps:t})=>{const{playerPlacement:n}=F(X),[i,u]=O.useState();return O.useLayoutEffect(()=>{n&&u((()=>{switch(n){case"bottom":return{bottom:0};case"top":return{top:0};case"bottom-left":return{bottom:0,left:0};case"bottom-right":return{bottom:0,right:0};case"top-left":return{top:0,left:0};case"top-right":return{top:0,right:0}}})())},[n]),C(Yr,{theme:Jr,width:"100%",position:n==="static"||!n?"static":"fixed",UNSAFE_className:"rm-audio-player-provider",...i,...t,children:e})},ne=O.createContext(null),wt=e=>{const t=`${Math.floor(e/60)}`.padStart(2,"0"),n=`${Math.floor(e%60)}`.padStart(2,"0");return`${t}:${n}`},At=(e,t,n)=>{if(!e)return;const{progressHandleEl:i,progressValueEl:u,trackCurTimeEl:h,trackDurationEl:p,audioEl:l,waveformInst:d}=e;n&&(l&&(l.currentTime=0),d==null||d.seekTo(0)),i&&u&&(u.style.transform="scaleX(0)",i.style.transform="translateX(0px)"),h&&p&&(h.innerHTML="00:00",n||(p.innerHTML=t?wt(t):"00:00"))},sn=(e,t)=>{var n,i,u,h;switch(t.type){case"NEXT_AUDIO":{if(e.curAudioState.repeatType==="NONE"&&e.curIdx+1===e.playList.length)return{...e,curAudioState:{...e.curAudioState,isPlaying:!1}};if(e.curAudioState.repeatType==="SHUFFLE"){let l=0;const d=()=>{l=Math.round(Math.random()*(e.playList.length-1))};for(;l===e.curIdx;)d();return{...e,curPlayId:e.playList[l].id,curIdx:l}}const p=(e.curIdx+1)%e.playList.length;return{...e,curIdx:p,curPlayId:e.playList[p].id}}case"PREV_AUDIO":{if(((n=e.elementRefs)==null?void 0:n.audioEl)&&((i=e.elementRefs)==null?void 0:i.audioEl.currentTime)>1||((u=e.elementRefs)==null?void 0:u.waveformInst)&&((h=e.elementRefs)==null?void 0:h.waveformInst.getCurrentTime())>1||e.curAudioState.repeatType==="NONE"&&e.curIdx===0)return At(e.elementRefs,void 0,!0),e;if(e.curAudioState.repeatType==="SHUFFLE"){const l=Math.round(Math.random()*(e.playList.length-1));return{...e,curPlayId:e.playList[l].id,curIdx:l}}const p=(e.curIdx-1+e.playList.length)%e.playList.length;return{...e,curPlayId:e.playList[p].id,curIdx:p}}case"UPDATE_PLAY_LIST":{if(!t.playList.find(d=>d.id===e.curPlayId))return console.error("UPDATE_PLAY_LIST ERROR - curPlayId is not found on playList"),e;const l=t.playList.findIndex(d=>d.id===e.curPlayId);return{...e,playList:t.playList,curIdx:l}}case"SET_VOLUME":return{...e,curAudioState:{...e.curAudioState,volume:t.volume}};case"SET_INITIAL_AUDIO_STATE":return{...e,curAudioState:{...e.curAudioState,...t.audioInitialState},curPlayId:t.audioInitialState.curPlayId};case"CHANGE_PLAYING_STATE":return t.state!==void 0?{...e,curAudioState:{...e.curAudioState,isPlaying:t.state}}:{...e,curAudioState:{...e.curAudioState,isPlaying:!e.curAudioState.isPlaying}};case"SET_CURRENT_AUDIO":return{...e,curPlayId:t.currentAudioId,curIdx:t.currentIndex};case"SET_REPEAT_TYPE":return{...e,curAudioState:{...e.curAudioState,repeatType:t.repeatType}};case"SET_PLACEMENTS":return{...e,playerPlacement:t.playerPlacement||e.playerPlacement,playListPlacement:t.playListPlacement||e.playListPlacement,interfacePlacement:t.interfacePlacement,volumeSliderPlacement:t.volumeSliderPlacement};case"SET_MUTED":return{...e,curAudioState:{...e.curAudioState,muted:t.muted}};case"SET_ACTIVE_UI":return{...e,curAudioState:{...e.curAudioState,isPlaying:e.activeUI.progress!==t.activeUI.progress?!1:e.curAudioState.isPlaying},activeUI:{...t.activeUI}};case"SET_ELEMENT_REFS":return{...e,elementRefs:{...e.elementRefs,...t.elementRefs}};case"SET_CUSTOM_ICONS":return{...e,customIcons:{...e.customIcons,...t.customIcons}};case"SET_COVER_IMGS_CSS":return{...e,coverImgsCss:{...e.coverImgsCss,...t.coverImgsCss}};default:throw new Error("Unhandled action")}},ln=({children:e,...t})=>{const{playList:n,audioInitialState:i,activeUI:u,placement:h,...p}=t,l={isPlaying:(i==null?void 0:i.isPlaying)||!1,repeatType:(i==null?void 0:i.repeatType)||"ALL",volume:(i==null?void 0:i.volume)||1,muted:i==null?void 0:i.muted},d=u||{playButton:!0},y={playerPlacement:h==null?void 0:h.player,playListPlacement:(h==null?void 0:h.playList)||"bottom",interfacePlacement:(h==null?void 0:h.interface)||{templateArea:{playButton:re.templateArea.playButton}}},[v,w]=O.useReducer(sn,{playList:n,curPlayId:(i==null?void 0:i.curPlayId)||1,curIdx:i!=null&&i.curPlayId?n.findIndex(A=>A.id===(i==null?void 0:i.curPlayId)):0,curAudioState:l,activeUI:d,...y,...p});return C(X.Provider,{value:v,children:C(ne.Provider,{value:w,children:e})})};const un=de.createGlobalStyle`
-
-.rm-audio-player-provider {
-  * {
-    box-sizing: border-box;
-    font: inherit;
-    font-size: 100%;
-  }
-
-  ol,
-  ul {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-  }
-  blockquote,
-  q {
-    quotes: none;
-  }
-  blockquote:before,
-  blockquote:after,
-  q:before,
-  q:after {
-    content: '';
-    content: none;
-  }
-  table {
-    border-collapse: collapse;
-    border-spacing: 0;
-  }
-  button {
-    margin: 0;
-    padding: 0;
-    background: transparent;
-    cursor: pointer;
-    vertical-align: baseline;
-    border: 0;
-  }
-}`;function cn(e,t){e=jr(e);let{elementType:n="div",children:i,...u}=e,{styleProps:h}=ke(e,Mr),p=Le(t);return U.default.createElement(n,{...Ae(u),...h,ref:p},U.default.createElement(zr,null,i))}const tr=O.forwardRef(cn),dn=()=>{const{curAudioState:e,elementRefs:t}=F(X),n=F(ne),i=O.useCallback(p=>{if(p.currentTarget.readyState===0||!t)return;const l=p.currentTarget.currentTime,d=p.currentTarget.duration,{trackCurTimeEl:y,progressBarEl:v,progressValueEl:w,progressHandleEl:A}=t;if(y&&(y.innerText=wt(l)),v&&w&&A){const E=v.clientWidth,M=l/d*E;w.style.transform=`scaleX(${l/d})`,A.style.transform=`translateX(${M}px)`}},[t]),u=O.useCallback(()=>{if(!!(t!=null&&t.audioEl)){if(e.repeatType==="ONE"){t.audioEl.currentTime=0,t.audioEl.play();return}n({type:"NEXT_AUDIO"})}},[n,e.repeatType,t==null?void 0:t.audioEl]),h=O.useCallback(p=>{if(!t)return;const{duration:l}=p.currentTarget;At(t,l)},[t]);return O.useEffect(()=>{!(t!=null&&t.audioEl)||(e.isPlaying?t==null||t.audioEl.play():t==null||t.audioEl.pause())},[t==null?void 0:t.audioEl,e.isPlaying,n]),O.useEffect(()=>{!(t!=null&&t.audioEl)||(t.audioEl.volume=e.volume)},[t==null?void 0:t.audioEl,e.volume]),{onTimeUpdate:i,onEnded:u,onLoadedMetadata:h}},fn=()=>{const e=O.useRef(null),{curAudioState:t,curPlayId:n,playList:i}=F(X),u=F(ne),h=i.find(d=>d.id===n),p=Object.fromEntries(Object.entries(t).filter(d=>!(d[0]==="isPlaying"||d[0]==="repeatType"||d[0]==="curPlayId"))),l=dn();return O.useEffect(()=>{!e.current||u({type:"SET_ELEMENT_REFS",elementRefs:{audioEl:e.current}})},[u]),C("audio",{id:"rm-audio-player-audio",autoPlay:t.isPlaying,ref:e,src:h==null?void 0:h.src,...l,...p})},hn=e=>{const t=O.useRef();return O.useLayoutEffect(()=>{const n=Object.entries(e).reduce((i,[u,h])=>({...i,[u]:window.getComputedStyle(document.getElementsByClassName("rm-audio-player-provider")[0]).getPropertyValue(`${h}`)}),{});t.current=n},[e]),t};var rr={exports:{}};/*!
- * wavesurfer.js 6.3.0 (2022-10-03)
- * https://wavesurfer-js.org
- * @license BSD-3-Clause
- */(function(e,t){(function(i,u){e.exports=u()})(self,()=>(()=>{var n={"./src/drawer.canvasentry.js":(p,l,d)=>{Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var y=w(d("./src/util/style.js")),v=w(d("./src/util/get-id.js"));function w(x){return x&&x.__esModule?x:{default:x}}function A(x,S){if(!(x instanceof S))throw new TypeError("Cannot call a class as a function")}function E(x,S){for(var P=0;P<S.length;P++){var T=S[P];T.enumerable=T.enumerable||!1,T.configurable=!0,"value"in T&&(T.writable=!0),Object.defineProperty(x,T.key,T)}}function M(x,S,P){return S&&E(x.prototype,S),P&&E(x,P),Object.defineProperty(x,"prototype",{writable:!1}),x}var _=function(){function x(){A(this,x),this.wave=null,this.waveCtx=null,this.progress=null,this.progressCtx=null,this.start=0,this.end=1,this.id=(0,v.default)(typeof this.constructor.name!="undefined"?this.constructor.name.toLowerCase()+"_":"canvasentry_"),this.canvasContextAttributes={}}return M(x,[{key:"initWave",value:function(P){this.wave=P,this.waveCtx=this.wave.getContext("2d",this.canvasContextAttributes)}},{key:"initProgress",value:function(P){this.progress=P,this.progressCtx=this.progress.getContext("2d",this.canvasContextAttributes)}},{key:"updateDimensions",value:function(P,T,N,B){this.start=this.wave.offsetLeft/T||0,this.end=this.start+P/T,this.wave.width=N,this.wave.height=B;var I={width:P+"px"};(0,y.default)(this.wave,I),this.hasProgressCanvas&&(this.progress.width=N,this.progress.height=B,(0,y.default)(this.progress,I))}},{key:"clearWave",value:function(){this.waveCtx.clearRect(0,0,this.waveCtx.canvas.width,this.waveCtx.canvas.height),this.hasProgressCanvas&&this.progressCtx.clearRect(0,0,this.progressCtx.canvas.width,this.progressCtx.canvas.height)}},{key:"setFillStyles",value:function(P,T){this.waveCtx.fillStyle=this.getFillStyle(this.waveCtx,P),this.hasProgressCanvas&&(this.progressCtx.fillStyle=this.getFillStyle(this.progressCtx,T))}},{key:"getFillStyle",value:function(P,T){if(typeof T=="string"||T instanceof CanvasGradient)return T;var N=P.createLinearGradient(0,0,0,P.canvas.height);return T.forEach(function(B,I){return N.addColorStop(I/T.length,B)}),N}},{key:"applyCanvasTransforms",value:function(P){P&&(this.waveCtx.setTransform(0,1,1,0,0,0),this.hasProgressCanvas&&this.progressCtx.setTransform(0,1,1,0,0,0))}},{key:"fillRects",value:function(P,T,N,B,I){this.fillRectToContext(this.waveCtx,P,T,N,B,I),this.hasProgressCanvas&&this.fillRectToContext(this.progressCtx,P,T,N,B,I)}},{key:"fillRectToContext",value:function(P,T,N,B,I,D){!P||(D?this.drawRoundedRect(P,T,N,B,I,D):P.fillRect(T,N,B,I))}},{key:"drawRoundedRect",value:function(P,T,N,B,I,D){I!==0&&(I<0&&(I*=-1,N-=I),P.beginPath(),P.moveTo(T+D,N),P.lineTo(T+B-D,N),P.quadraticCurveTo(T+B,N,T+B,N+D),P.lineTo(T+B,N+I-D),P.quadraticCurveTo(T+B,N+I,T+B-D,N+I),P.lineTo(T+D,N+I),P.quadraticCurveTo(T,N+I,T,N+I-D),P.lineTo(T,N+D),P.quadraticCurveTo(T,N,T+D,N),P.closePath(),P.fill())}},{key:"drawLines",value:function(P,T,N,B,I,D){this.drawLineToContext(this.waveCtx,P,T,N,B,I,D),this.hasProgressCanvas&&this.drawLineToContext(this.progressCtx,P,T,N,B,I,D)}},{key:"drawLineToContext",value:function(P,T,N,B,I,D,L){if(!!P){var $=T.length/2,R=Math.round($*this.start),b=Math.round($*this.end)+1,s=R,f=b,g=this.wave.width/(f-s-1),o=B+I,a=N/B;P.beginPath(),P.moveTo((s-R)*g,o),P.lineTo((s-R)*g,o-Math.round((T[2*s]||0)/a));var m,c,r;for(m=s;m<f;m++)c=T[2*m]||0,r=Math.round(c/a),P.lineTo((m-R)*g+this.halfPixel,o-r);var k=f-1;for(k;k>=s;k--)c=T[2*k+1]||0,r=Math.round(c/a),P.lineTo((k-R)*g+this.halfPixel,o-r);P.lineTo((s-R)*g,o-Math.round((T[2*s+1]||0)/a)),P.closePath(),P.fill()}}},{key:"destroy",value:function(){this.waveCtx=null,this.wave=null,this.progressCtx=null,this.progress=null}},{key:"getImage",value:function(P,T,N){var B=this;if(N==="blob")return new Promise(function(I){B.wave.toBlob(I,P,T)});if(N==="dataURL")return this.wave.toDataURL(P,T)}}]),x}();l.default=_,p.exports=l.default},"./src/drawer.js":(p,l,d)=>{function y(L){return y=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function($){return typeof $}:function($){return $&&typeof Symbol=="function"&&$.constructor===Symbol&&$!==Symbol.prototype?"symbol":typeof $},y(L)}Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var v=A(d("./src/util/index.js"));function w(L){if(typeof WeakMap!="function")return null;var $=new WeakMap,R=new WeakMap;return(w=function(s){return s?R:$})(L)}function A(L,$){if(!$&&L&&L.__esModule)return L;if(L===null||y(L)!=="object"&&typeof L!="function")return{default:L};var R=w($);if(R&&R.has(L))return R.get(L);var b={},s=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var f in L)if(f!=="default"&&Object.prototype.hasOwnProperty.call(L,f)){var g=s?Object.getOwnPropertyDescriptor(L,f):null;g&&(g.get||g.set)?Object.defineProperty(b,f,g):b[f]=L[f]}return b.default=L,R&&R.set(L,b),b}function E(L,$){if(!(L instanceof $))throw new TypeError("Cannot call a class as a function")}function M(L,$){for(var R=0;R<$.length;R++){var b=$[R];b.enumerable=b.enumerable||!1,b.configurable=!0,"value"in b&&(b.writable=!0),Object.defineProperty(L,b.key,b)}}function _(L,$,R){return $&&M(L.prototype,$),R&&M(L,R),Object.defineProperty(L,"prototype",{writable:!1}),L}function x(L,$){if(typeof $!="function"&&$!==null)throw new TypeError("Super expression must either be null or a function");L.prototype=Object.create($&&$.prototype,{constructor:{value:L,writable:!0,configurable:!0}}),Object.defineProperty(L,"prototype",{writable:!1}),$&&S(L,$)}function S(L,$){return S=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(b,s){return b.__proto__=s,b},S(L,$)}function P(L){var $=B();return function(){var b=I(L),s;if($){var f=I(this).constructor;s=Reflect.construct(b,arguments,f)}else s=b.apply(this,arguments);return T(this,s)}}function T(L,$){if($&&(y($)==="object"||typeof $=="function"))return $;if($!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return N(L)}function N(L){if(L===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return L}function B(){if(typeof Reflect=="undefined"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function I(L){return I=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(R){return R.__proto__||Object.getPrototypeOf(R)},I(L)}var D=function(L){x(R,L);var $=P(R);function R(b,s){var f;return E(this,R),f=$.call(this),f.container=v.withOrientation(b,s.vertical),f.params=s,f.width=0,f.height=s.height*f.params.pixelRatio,f.lastPos=0,f.wrapper=null,f}return _(R,[{key:"style",value:function(s,f){return v.style(s,f)}},{key:"createWrapper",value:function(){this.wrapper=v.withOrientation(this.container.appendChild(document.createElement("wave")),this.params.vertical),this.style(this.wrapper,{display:"block",position:"relative",userSelect:"none",webkitUserSelect:"none",height:this.params.height+"px"}),(this.params.fillParent||this.params.scrollParent)&&this.style(this.wrapper,{width:"100%",cursor:this.params.hideCursor?"none":"auto",overflowX:this.params.hideScrollbar?"hidden":"auto",overflowY:"hidden"}),this.setupWrapperEvents()}},{key:"handleEvent",value:function(s,f){!f&&s.preventDefault();var g=v.withOrientation(s.targetTouches?s.targetTouches[0]:s,this.params.vertical).clientX,o=this.wrapper.getBoundingClientRect(),a=this.width,m=this.getWidth(),c=this.getProgressPixels(o,g),r;return!this.params.fillParent&&a<m?r=c*(this.params.pixelRatio/a)||0:r=(c+this.wrapper.scrollLeft)/this.wrapper.scrollWidth||0,v.clamp(r,0,1)}},{key:"getProgressPixels",value:function(s,f){return this.params.rtl?s.right-f:f-s.left}},{key:"setupWrapperEvents",value:function(){var s=this;this.wrapper.addEventListener("click",function(f){var g=v.withOrientation(f,s.params.vertical),o=s.wrapper.offsetHeight-s.wrapper.clientHeight;if(o!==0){var a=s.wrapper.getBoundingClientRect();if(g.clientY>=a.bottom-o)return}s.params.interact&&s.fireEvent("click",f,s.handleEvent(f))}),this.wrapper.addEventListener("dblclick",function(f){s.params.interact&&s.fireEvent("dblclick",f,s.handleEvent(f))}),this.wrapper.addEventListener("scroll",function(f){return s.fireEvent("scroll",f)})}},{key:"drawPeaks",value:function(s,f,g,o){this.setWidth(f)||this.clearWave(),this.params.barWidth?this.drawBars(s,0,g,o):this.drawWave(s,0,g,o)}},{key:"resetScroll",value:function(){this.wrapper!==null&&(this.wrapper.scrollLeft=0)}},{key:"recenter",value:function(s){var f=this.wrapper.scrollWidth*s;this.recenterOnPosition(f,!0)}},{key:"recenterOnPosition",value:function(s,f){var g=this.wrapper.scrollLeft,o=~~(this.wrapper.clientWidth/2),a=this.wrapper.scrollWidth-this.wrapper.clientWidth,m=s-o,c=m-g;if(a!=0){if(!f&&-o<=c&&c<o){var r=this.params.autoCenterRate;r/=o,r*=a,c=Math.max(-r,Math.min(r,c)),m=g+c}m=Math.max(0,Math.min(a,m)),m!=g&&(this.wrapper.scrollLeft=m)}}},{key:"getScrollX",value:function(){var s=0;if(this.wrapper){var f=this.params.pixelRatio;if(s=Math.round(this.wrapper.scrollLeft*f),this.params.scrollParent){var g=~~(this.wrapper.scrollWidth*f-this.getWidth());s=Math.min(g,Math.max(0,s))}}return s}},{key:"getWidth",value:function(){return Math.round(this.container.clientWidth*this.params.pixelRatio)}},{key:"setWidth",value:function(s){if(this.width==s)return!1;if(this.width=s,this.params.fillParent||this.params.scrollParent)this.style(this.wrapper,{width:""});else{var f=~~(this.width/this.params.pixelRatio)+"px";this.style(this.wrapper,{width:f})}return this.updateSize(),!0}},{key:"setHeight",value:function(s){return s==this.height?!1:(this.height=s,this.style(this.wrapper,{height:~~(this.height/this.params.pixelRatio)+"px"}),this.updateSize(),!0)}},{key:"progress",value:function(s){var f=1/this.params.pixelRatio,g=Math.round(s*this.width)*f;if(g<this.lastPos||g-this.lastPos>=f){if(this.lastPos=g,this.params.scrollParent&&this.params.autoCenter){var o=~~(this.wrapper.scrollWidth*s);this.recenterOnPosition(o,this.params.autoCenterImmediately)}this.updateProgress(g)}}},{key:"destroy",value:function(){this.unAll(),this.wrapper&&(this.wrapper.parentNode==this.container.domElement&&this.container.removeChild(this.wrapper.domElement),this.wrapper=null)}},{key:"updateCursor",value:function(){}},{key:"updateSize",value:function(){}},{key:"drawBars",value:function(s,f,g,o){}},{key:"drawWave",value:function(s,f,g,o){}},{key:"clearWave",value:function(){}},{key:"updateProgress",value:function(s){}}]),R}(v.Observer);l.default=D,p.exports=l.default},"./src/drawer.multicanvas.js":(p,l,d)=>{function y(b){return y=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(s){return typeof s}:function(s){return s&&typeof Symbol=="function"&&s.constructor===Symbol&&s!==Symbol.prototype?"symbol":typeof s},y(b)}Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var v=_(d("./src/drawer.js")),w=M(d("./src/util/index.js")),A=_(d("./src/drawer.canvasentry.js"));function E(b){if(typeof WeakMap!="function")return null;var s=new WeakMap,f=new WeakMap;return(E=function(o){return o?f:s})(b)}function M(b,s){if(!s&&b&&b.__esModule)return b;if(b===null||y(b)!=="object"&&typeof b!="function")return{default:b};var f=E(s);if(f&&f.has(b))return f.get(b);var g={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in b)if(a!=="default"&&Object.prototype.hasOwnProperty.call(b,a)){var m=o?Object.getOwnPropertyDescriptor(b,a):null;m&&(m.get||m.set)?Object.defineProperty(g,a,m):g[a]=b[a]}return g.default=b,f&&f.set(b,g),g}function _(b){return b&&b.__esModule?b:{default:b}}function x(b,s){if(!(b instanceof s))throw new TypeError("Cannot call a class as a function")}function S(b,s){for(var f=0;f<s.length;f++){var g=s[f];g.enumerable=g.enumerable||!1,g.configurable=!0,"value"in g&&(g.writable=!0),Object.defineProperty(b,g.key,g)}}function P(b,s,f){return s&&S(b.prototype,s),f&&S(b,f),Object.defineProperty(b,"prototype",{writable:!1}),b}function T(b,s){if(typeof s!="function"&&s!==null)throw new TypeError("Super expression must either be null or a function");b.prototype=Object.create(s&&s.prototype,{constructor:{value:b,writable:!0,configurable:!0}}),Object.defineProperty(b,"prototype",{writable:!1}),s&&N(b,s)}function N(b,s){return N=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(g,o){return g.__proto__=o,g},N(b,s)}function B(b){var s=L();return function(){var g=$(b),o;if(s){var a=$(this).constructor;o=Reflect.construct(g,arguments,a)}else o=g.apply(this,arguments);return I(this,o)}}function I(b,s){if(s&&(y(s)==="object"||typeof s=="function"))return s;if(s!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return D(b)}function D(b){if(b===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return b}function L(){if(typeof Reflect=="undefined"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function $(b){return $=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(f){return f.__proto__||Object.getPrototypeOf(f)},$(b)}var R=function(b){T(f,b);var s=B(f);function f(g,o){var a;return x(this,f),a=s.call(this,g,o),a.maxCanvasWidth=o.maxCanvasWidth,a.maxCanvasElementWidth=Math.round(o.maxCanvasWidth/o.pixelRatio),a.hasProgressCanvas=o.waveColor!=o.progressColor,a.halfPixel=.5/o.pixelRatio,a.canvases=[],a.progressWave=null,a.EntryClass=A.default,a.canvasContextAttributes=o.drawingContextAttributes,a.overlap=2*Math.ceil(o.pixelRatio/2),a.barRadius=o.barRadius||0,a.vertical=o.vertical,a}return P(f,[{key:"init",value:function(){this.createWrapper(),this.createElements()}},{key:"createElements",value:function(){this.progressWave=w.withOrientation(this.wrapper.appendChild(document.createElement("wave")),this.params.vertical),this.style(this.progressWave,{position:"absolute",zIndex:3,left:0,top:0,bottom:0,overflow:"hidden",width:"0",display:"none",boxSizing:"border-box",borderRightStyle:"solid",pointerEvents:"none"}),this.addCanvas(),this.updateCursor()}},{key:"updateCursor",value:function(){this.style(this.progressWave,{borderRightWidth:this.params.cursorWidth+"px",borderRightColor:this.params.cursorColor})}},{key:"updateSize",value:function(){for(var o=this,a=Math.round(this.width/this.params.pixelRatio),m=Math.ceil(a/(this.maxCanvasElementWidth+this.overlap));this.canvases.length<m;)this.addCanvas();for(;this.canvases.length>m;)this.removeCanvas();var c=this.maxCanvasWidth+this.overlap,r=this.canvases.length-1;this.canvases.forEach(function(k,W){W==r&&(c=o.width-o.maxCanvasWidth*r),o.updateDimensions(k,c,o.height),k.clearWave()})}},{key:"addCanvas",value:function(){var o=new this.EntryClass;o.canvasContextAttributes=this.canvasContextAttributes,o.hasProgressCanvas=this.hasProgressCanvas,o.halfPixel=this.halfPixel;var a=this.maxCanvasElementWidth*this.canvases.length,m=w.withOrientation(this.wrapper.appendChild(document.createElement("canvas")),this.params.vertical);if(this.style(m,{position:"absolute",zIndex:2,left:a+"px",top:0,bottom:0,height:"100%",pointerEvents:"none"}),o.initWave(m),this.hasProgressCanvas){var c=w.withOrientation(this.progressWave.appendChild(document.createElement("canvas")),this.params.vertical);this.style(c,{position:"absolute",left:a+"px",top:0,bottom:0,height:"100%"}),o.initProgress(c)}this.canvases.push(o)}},{key:"removeCanvas",value:function(){var o=this.canvases[this.canvases.length-1];o.wave.parentElement.removeChild(o.wave.domElement),this.hasProgressCanvas&&o.progress.parentElement.removeChild(o.progress.domElement),o&&(o.destroy(),o=null),this.canvases.pop()}},{key:"updateDimensions",value:function(o,a,m){var c=Math.round(a/this.params.pixelRatio),r=Math.round(this.width/this.params.pixelRatio);o.updateDimensions(c,r,a,m),this.style(this.progressWave,{display:"block"})}},{key:"clearWave",value:function(){var o=this;w.frame(function(){o.canvases.forEach(function(a){return a.clearWave()})})()}},{key:"drawBars",value:function(o,a,m,c){var r=this;return this.prepareDraw(o,a,m,c,function(k){var W=k.absmax,j=k.hasMinVals;k.height;var V=k.offsetY,H=k.halfH,q=k.peaks,z=k.channelIndex;if(m!==void 0){var Q=j?2:1,ae=q.length/Q,Y=r.params.barWidth*r.params.pixelRatio,ce=r.params.barGap===null?Math.max(r.params.pixelRatio,~~(Y/2)):Math.max(r.params.pixelRatio,r.params.barGap*r.params.pixelRatio),ee=Y+ce,se=ae/r.width,vr=m,yr=c,ge=vr;for(ge;ge<yr;ge+=ee){var Be=0,Ve=Math.floor(ge*se)*Q,gr=Math.floor((ge+ee)*se)*Q;do{var xt=Math.abs(q[Ve]);xt>Be&&(Be=xt),Ve+=Q}while(Ve<gr);var $e=Math.round(Be/W*H);r.params.barMinHeight&&($e=Math.max($e,r.params.barMinHeight)),r.fillRect(ge+r.halfPixel,H-$e+V,Y+r.halfPixel,$e*2,r.barRadius,z)}}})}},{key:"drawWave",value:function(o,a,m,c){var r=this;return this.prepareDraw(o,a,m,c,function(k){var W=k.absmax,j=k.hasMinVals;k.height;var V=k.offsetY,H=k.halfH,q=k.peaks,z=k.channelIndex;if(!j){var Q=[],ae=q.length,Y=0;for(Y;Y<ae;Y++)Q[2*Y]=q[Y],Q[2*Y+1]=-q[Y];q=Q}m!==void 0&&r.drawLine(q,W,H,V,m,c,z),r.fillRect(0,H+V-r.halfPixel,r.width,r.halfPixel,r.barRadius,z)})}},{key:"drawLine",value:function(o,a,m,c,r,k,W){var j=this,V=this.params.splitChannelsOptions.channelColors[W]||{},H=V.waveColor,q=V.progressColor;this.canvases.forEach(function(z,Q){j.setFillStyles(z,H,q),j.applyCanvasTransforms(z,j.params.vertical),z.drawLines(o,a,m,c,r,k)})}},{key:"fillRect",value:function(o,a,m,c,r,k){var W=Math.floor(o/this.maxCanvasWidth),j=Math.min(Math.ceil((o+m)/this.maxCanvasWidth)+1,this.canvases.length),V=W;for(V;V<j;V++){var H=this.canvases[V],q=V*this.maxCanvasWidth,z={x1:Math.max(o,V*this.maxCanvasWidth),y1:a,x2:Math.min(o+m,V*this.maxCanvasWidth+H.wave.width),y2:a+c};if(z.x1<z.x2){var Q=this.params.splitChannelsOptions.channelColors[k]||{},ae=Q.waveColor,Y=Q.progressColor;this.setFillStyles(H,ae,Y),this.applyCanvasTransforms(H,this.params.vertical),H.fillRects(z.x1-q,z.y1,z.x2-z.x1,z.y2-z.y1,r)}}}},{key:"hideChannel",value:function(o){return this.params.splitChannels&&this.params.splitChannelsOptions.filterChannels.includes(o)}},{key:"prepareDraw",value:function(o,a,m,c,r,k,W){var j=this;return w.frame(function(){if(o[0]instanceof Array){var V=o;if(j.params.splitChannels){var H=V.filter(function(ee,se){return!j.hideChannel(se)});j.params.splitChannelsOptions.overlay||j.setHeight(Math.max(H.length,1)*j.params.height*j.params.pixelRatio);var q;return j.params.splitChannelsOptions&&j.params.splitChannelsOptions.relativeNormalization&&(q=w.max(V.map(function(ee){return w.absMax(ee)}))),V.forEach(function(ee,se){return j.prepareDraw(ee,se,m,c,r,H.indexOf(ee),q)})}o=V[0]}if(!j.hideChannel(a)){var z=1/j.params.barHeight;j.params.normalize&&(z=W===void 0?w.absMax(o):W);var Q=[].some.call(o,function(ee){return ee<0}),ae=j.params.height*j.params.pixelRatio,Y=ae/2,ce=ae*k||0;return j.params.splitChannelsOptions&&j.params.splitChannelsOptions.overlay&&(ce=0),r({absmax:z,hasMinVals:Q,height:ae,offsetY:ce,halfH:Y,peaks:o,channelIndex:a})}})()}},{key:"setFillStyles",value:function(o){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:this.params.waveColor,m=arguments.length>2&&arguments[2]!==void 0?arguments[2]:this.params.progressColor;o.setFillStyles(a,m)}},{key:"applyCanvasTransforms",value:function(o){var a=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;o.applyCanvasTransforms(a)}},{key:"getImage",value:function(o,a,m){if(m==="blob")return Promise.all(this.canvases.map(function(r){return r.getImage(o,a,m)}));if(m==="dataURL"){var c=this.canvases.map(function(r){return r.getImage(o,a,m)});return c.length>1?c:c[0]}}},{key:"updateProgress",value:function(o){this.style(this.progressWave,{width:o+"px"})}}]),f}(v.default);l.default=R,p.exports=l.default},"./src/mediaelement-webaudio.js":(p,l,d)=>{function y($){return y=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(R){return typeof R}:function(R){return R&&typeof Symbol=="function"&&R.constructor===Symbol&&R!==Symbol.prototype?"symbol":typeof R},y($)}Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var v=w(d("./src/mediaelement.js"));function w($){return $&&$.__esModule?$:{default:$}}function A($,R){if(!($ instanceof R))throw new TypeError("Cannot call a class as a function")}function E($,R){for(var b=0;b<R.length;b++){var s=R[b];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty($,s.key,s)}}function M($,R,b){return R&&E($.prototype,R),b&&E($,b),Object.defineProperty($,"prototype",{writable:!1}),$}function _(){return typeof Reflect!="undefined"&&Reflect.get?_=Reflect.get.bind():_=function(R,b,s){var f=x(R,b);if(!!f){var g=Object.getOwnPropertyDescriptor(f,b);return g.get?g.get.call(arguments.length<3?R:s):g.value}},_.apply(this,arguments)}function x($,R){for(;!Object.prototype.hasOwnProperty.call($,R)&&($=D($),$!==null););return $}function S($,R){if(typeof R!="function"&&R!==null)throw new TypeError("Super expression must either be null or a function");$.prototype=Object.create(R&&R.prototype,{constructor:{value:$,writable:!0,configurable:!0}}),Object.defineProperty($,"prototype",{writable:!1}),R&&P($,R)}function P($,R){return P=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(s,f){return s.__proto__=f,s},P($,R)}function T($){var R=I();return function(){var s=D($),f;if(R){var g=D(this).constructor;f=Reflect.construct(s,arguments,g)}else f=s.apply(this,arguments);return N(this,f)}}function N($,R){if(R&&(y(R)==="object"||typeof R=="function"))return R;if(R!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return B($)}function B($){if($===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return $}function I(){if(typeof Reflect=="undefined"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function D($){return D=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(b){return b.__proto__||Object.getPrototypeOf(b)},D($)}var L=function($){S(b,$);var R=T(b);function b(s){var f;return A(this,b),f=R.call(this,s),f.params=s,f.sourceMediaElement=null,f}return M(b,[{key:"init",value:function(){this.setPlaybackRate(this.params.audioRate),this.createTimer(),this.createVolumeNode(),this.createScriptNode(),this.createAnalyserNode()}},{key:"_load",value:function(f,g,o){_(D(b.prototype),"_load",this).call(this,f,g,o),this.createMediaElementSource(f)}},{key:"createMediaElementSource",value:function(f){this.sourceMediaElement=this.ac.createMediaElementSource(f),this.sourceMediaElement.connect(this.analyser)}},{key:"play",value:function(f,g){return this.resumeAudioContext(),_(D(b.prototype),"play",this).call(this,f,g)}},{key:"destroy",value:function(){_(D(b.prototype),"destroy",this).call(this),this.destroyWebAudio()}}]),b}(v.default);l.default=L,p.exports=l.default},"./src/mediaelement.js":(p,l,d)=>{function y(s){return y=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(f){return typeof f}:function(f){return f&&typeof Symbol=="function"&&f.constructor===Symbol&&f!==Symbol.prototype?"symbol":typeof f},y(s)}Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var v=M(d("./src/webaudio.js")),w=E(d("./src/util/index.js"));function A(s){if(typeof WeakMap!="function")return null;var f=new WeakMap,g=new WeakMap;return(A=function(a){return a?g:f})(s)}function E(s,f){if(!f&&s&&s.__esModule)return s;if(s===null||y(s)!=="object"&&typeof s!="function")return{default:s};var g=A(f);if(g&&g.has(s))return g.get(s);var o={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var m in s)if(m!=="default"&&Object.prototype.hasOwnProperty.call(s,m)){var c=a?Object.getOwnPropertyDescriptor(s,m):null;c&&(c.get||c.set)?Object.defineProperty(o,m,c):o[m]=s[m]}return o.default=s,g&&g.set(s,o),o}function M(s){return s&&s.__esModule?s:{default:s}}function _(s,f){if(!(s instanceof f))throw new TypeError("Cannot call a class as a function")}function x(s,f){for(var g=0;g<f.length;g++){var o=f[g];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(s,o.key,o)}}function S(s,f,g){return f&&x(s.prototype,f),g&&x(s,g),Object.defineProperty(s,"prototype",{writable:!1}),s}function P(){return typeof Reflect!="undefined"&&Reflect.get?P=Reflect.get.bind():P=function(f,g,o){var a=T(f,g);if(!!a){var m=Object.getOwnPropertyDescriptor(a,g);return m.get?m.get.call(arguments.length<3?f:o):m.value}},P.apply(this,arguments)}function T(s,f){for(;!Object.prototype.hasOwnProperty.call(s,f)&&(s=R(s),s!==null););return s}function N(s,f){if(typeof f!="function"&&f!==null)throw new TypeError("Super expression must either be null or a function");s.prototype=Object.create(f&&f.prototype,{constructor:{value:s,writable:!0,configurable:!0}}),Object.defineProperty(s,"prototype",{writable:!1}),f&&B(s,f)}function B(s,f){return B=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(o,a){return o.__proto__=a,o},B(s,f)}function I(s){var f=$();return function(){var o=R(s),a;if(f){var m=R(this).constructor;a=Reflect.construct(o,arguments,m)}else a=o.apply(this,arguments);return D(this,a)}}function D(s,f){if(f&&(y(f)==="object"||typeof f=="function"))return f;if(f!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return L(s)}function L(s){if(s===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return s}function $(){if(typeof Reflect=="undefined"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function R(s){return R=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(g){return g.__proto__||Object.getPrototypeOf(g)},R(s)}var b=function(s){N(g,s);var f=I(g);function g(o){var a;return _(this,g),a=f.call(this,o),a.params=o,a.media={currentTime:0,duration:0,paused:!0,playbackRate:1,play:function(){},pause:function(){},volume:0},a.mediaType=o.mediaType.toLowerCase(),a.elementPosition=o.elementPosition,a.peaks=null,a.playbackRate=1,a.volume=1,a.isMuted=!1,a.buffer=null,a.onPlayEnd=null,a.mediaListeners={},a}return S(g,[{key:"init",value:function(){this.setPlaybackRate(this.params.audioRate),this.createTimer()}},{key:"_setupMediaListeners",value:function(){var a=this;this.mediaListeners.error=function(){a.fireEvent("error","Error loading media element")},this.mediaListeners.canplay=function(){a.fireEvent("canplay")},this.mediaListeners.ended=function(){a.fireEvent("finish")},this.mediaListeners.play=function(){a.fireEvent("play")},this.mediaListeners.pause=function(){a.fireEvent("pause")},this.mediaListeners.seeked=function(m){a.fireEvent("seek")},this.mediaListeners.volumechange=function(m){a.isMuted=a.media.muted,a.isMuted?a.volume=0:a.volume=a.media.volume,a.fireEvent("volume")},Object.keys(this.mediaListeners).forEach(function(m){a.media.removeEventListener(m,a.mediaListeners[m]),a.media.addEventListener(m,a.mediaListeners[m])})}},{key:"createTimer",value:function(){var a=this,m=function c(){a.isPaused()||(a.fireEvent("audioprocess",a.getCurrentTime()),w.frame(c)())};this.on("play",m),this.on("pause",function(){a.fireEvent("audioprocess",a.getCurrentTime())})}},{key:"load",value:function(a,m,c,r){var k=document.createElement(this.mediaType);k.controls=this.params.mediaControls,k.autoplay=this.params.autoplay||!1,k.preload=r==null?"auto":r,k.src=a,k.style.width="100%";var W=m.querySelector(this.mediaType);W&&m.removeChild(W),m.appendChild(k),this._load(k,c,r)}},{key:"loadElt",value:function(a,m){a.controls=this.params.mediaControls,a.autoplay=this.params.autoplay||!1,this._load(a,m,a.preload)}},{key:"_load",value:function(a,m,c){if(!(a instanceof HTMLMediaElement)||typeof a.addEventListener=="undefined")throw new Error("media parameter is not a valid media element");typeof a.load=="function"&&!(m&&c=="none")&&a.load(),this.media=a,this._setupMediaListeners(),this.peaks=m,this.onPlayEnd=null,this.buffer=null,this.isMuted=a.muted,this.setPlaybackRate(this.playbackRate),this.setVolume(this.volume)}},{key:"isPaused",value:function(){return!this.media||this.media.paused}},{key:"getDuration",value:function(){if(this.explicitDuration)return this.explicitDuration;var a=(this.buffer||this.media).duration;return a>=1/0&&(a=this.media.seekable.end(0)),a}},{key:"getCurrentTime",value:function(){return this.media&&this.media.currentTime}},{key:"getPlayedPercents",value:function(){return this.getCurrentTime()/this.getDuration()||0}},{key:"getPlaybackRate",value:function(){return this.playbackRate||this.media.playbackRate}},{key:"setPlaybackRate",value:function(a){this.playbackRate=a||1,this.media.playbackRate=this.playbackRate}},{key:"seekTo",value:function(a){a!=null&&!isNaN(a)&&(this.media.currentTime=a),this.clearPlayEnd()}},{key:"play",value:function(a,m){this.seekTo(a);var c=this.media.play();return m&&this.setPlayEnd(m),c}},{key:"pause",value:function(){var a;return this.media&&(a=this.media.pause()),this.clearPlayEnd(),a}},{key:"setPlayEnd",value:function(a){var m=this;this.clearPlayEnd(),this._onPlayEnd=function(c){c>=a&&(m.pause(),m.seekTo(a))},this.on("audioprocess",this._onPlayEnd)}},{key:"clearPlayEnd",value:function(){this._onPlayEnd&&(this.un("audioprocess",this._onPlayEnd),this._onPlayEnd=null)}},{key:"getPeaks",value:function(a,m,c){return this.buffer?P(R(g.prototype),"getPeaks",this).call(this,a,m,c):this.peaks||[]}},{key:"setSinkId",value:function(a){return a?this.media.setSinkId?this.media.setSinkId(a):Promise.reject(new Error("setSinkId is not supported in your browser")):Promise.reject(new Error("Invalid deviceId: "+a))}},{key:"getVolume",value:function(){return this.volume}},{key:"setVolume",value:function(a){this.volume=a,this.media.volume!==this.volume&&(this.media.volume=this.volume)}},{key:"setMute",value:function(a){this.isMuted=this.media.muted=a}},{key:"destroy",value:function(){var a=this;this.pause(),this.unAll(),this.destroyed=!0,Object.keys(this.mediaListeners).forEach(function(m){a.media&&a.media.removeEventListener(m,a.mediaListeners[m])}),this.params.removeMediaElementOnDestroy&&this.media&&this.media.parentNode&&this.media.parentNode.removeChild(this.media),this.media=null}}]),g}(v.default);l.default=b,p.exports=l.default},"./src/peakcache.js":(p,l)=>{Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;function d(A,E){if(!(A instanceof E))throw new TypeError("Cannot call a class as a function")}function y(A,E){for(var M=0;M<E.length;M++){var _=E[M];_.enumerable=_.enumerable||!1,_.configurable=!0,"value"in _&&(_.writable=!0),Object.defineProperty(A,_.key,_)}}function v(A,E,M){return E&&y(A.prototype,E),M&&y(A,M),Object.defineProperty(A,"prototype",{writable:!1}),A}var w=function(){function A(){d(this,A),this.clearPeakCache()}return v(A,[{key:"clearPeakCache",value:function(){this.peakCacheRanges=[],this.peakCacheLength=-1}},{key:"addRangeToPeakCache",value:function(M,_,x){M!=this.peakCacheLength&&(this.clearPeakCache(),this.peakCacheLength=M);for(var S=[],P=0;P<this.peakCacheRanges.length&&this.peakCacheRanges[P]<_;)P++;for(P%2==0&&S.push(_);P<this.peakCacheRanges.length&&this.peakCacheRanges[P]<=x;)S.push(this.peakCacheRanges[P]),P++;P%2==0&&S.push(x),S=S.filter(function(N,B,I){return B==0?N!=I[B+1]:B==I.length-1?N!=I[B-1]:N!=I[B-1]&&N!=I[B+1]}),this.peakCacheRanges=this.peakCacheRanges.concat(S),this.peakCacheRanges=this.peakCacheRanges.sort(function(N,B){return N-B}).filter(function(N,B,I){return B==0?N!=I[B+1]:B==I.length-1?N!=I[B-1]:N!=I[B-1]&&N!=I[B+1]});var T=[];for(P=0;P<S.length;P+=2)T.push([S[P],S[P+1]]);return T}},{key:"getCacheRanges",value:function(){var M=[],_;for(_=0;_<this.peakCacheRanges.length;_+=2)M.push([this.peakCacheRanges[_],this.peakCacheRanges[_+1]]);return M}}]),A}();l.default=w,p.exports=l.default},"./src/util/absMax.js":(p,l,d)=>{Object.defineProperty(l,"__esModule",{value:!0}),l.default=A;var y=w(d("./src/util/max.js")),v=w(d("./src/util/min.js"));function w(E){return E&&E.__esModule?E:{default:E}}function A(E){var M=(0,y.default)(E),_=(0,v.default)(E);return-_>M?-_:M}p.exports=l.default},"./src/util/clamp.js":(p,l)=>{Object.defineProperty(l,"__esModule",{value:!0}),l.default=d;function d(y,v,w){return Math.min(Math.max(v,y),w)}p.exports=l.default},"./src/util/fetch.js":(p,l,d)=>{Object.defineProperty(l,"__esModule",{value:!0}),l.default=_;var y=v(d("./src/util/observer.js"));function v(x){return x&&x.__esModule?x:{default:x}}function w(x,S){if(!(x instanceof S))throw new TypeError("Cannot call a class as a function")}function A(x,S){for(var P=0;P<S.length;P++){var T=S[P];T.enumerable=T.enumerable||!1,T.configurable=!0,"value"in T&&(T.writable=!0),Object.defineProperty(x,T.key,T)}}function E(x,S,P){return S&&A(x.prototype,S),P&&A(x,P),Object.defineProperty(x,"prototype",{writable:!1}),x}var M=function(){function x(S,P,T){w(this,x),this.instance=S,this.instance._reader=T.body.getReader(),this.total=parseInt(P,10),this.loaded=0}return E(x,[{key:"start",value:function(P){var T=this,N=function B(){T.instance._reader.read().then(function(I){var D=I.done,L=I.value;if(D){T.total===0&&T.instance.onProgress.call(T.instance,{loaded:T.loaded,total:T.total,lengthComputable:!1}),P.close();return}T.loaded+=L.byteLength,T.instance.onProgress.call(T.instance,{loaded:T.loaded,total:T.total,lengthComputable:T.total!==0}),P.enqueue(L),B()}).catch(function(I){P.error(I)})};N()}}]),x}();function _(x){if(x){if(!x.url)throw new Error("fetch url missing")}else throw new Error("fetch options missing");var S=new y.default,P=new Headers,T=new Request(x.url);S.controller=new AbortController,x&&x.requestHeaders&&x.requestHeaders.forEach(function(I){P.append(I.key,I.value)});var N=x.responseType||"json",B={method:x.method||"GET",headers:P,mode:x.mode||"cors",credentials:x.credentials||"same-origin",cache:x.cache||"default",redirect:x.redirect||"follow",referrer:x.referrer||"client",signal:S.controller.signal};return fetch(T,B).then(function(I){S.response=I;var D=!0;I.body||(D=!1);var L=I.headers.get("content-length");return L===null&&(D=!1),D?(S.onProgress=function($){S.fireEvent("progress",$)},new Response(new ReadableStream(new M(S,L,I)),B)):I}).then(function(I){var D;if(I.ok)switch(N){case"arraybuffer":return I.arrayBuffer();case"json":return I.json();case"blob":return I.blob();case"text":return I.text();default:D="Unknown responseType: "+N;break}throw D||(D="HTTP error status: "+I.status),new Error(D)}).then(function(I){S.fireEvent("success",I)}).catch(function(I){S.fireEvent("error",I)}),S.fetchRequest=T,S}p.exports=l.default},"./src/util/frame.js":(p,l,d)=>{Object.defineProperty(l,"__esModule",{value:!0}),l.default=w;var y=v(d("./src/util/request-animation-frame.js"));function v(A){return A&&A.__esModule?A:{default:A}}function w(A){return function(){for(var E=arguments.length,M=new Array(E),_=0;_<E;_++)M[_]=arguments[_];return(0,y.default)(function(){return A.apply(void 0,M)})}}p.exports=l.default},"./src/util/get-id.js":(p,l)=>{Object.defineProperty(l,"__esModule",{value:!0}),l.default=d;function d(y){return y===void 0&&(y="wavesurfer_"),y+Math.random().toString(32).substring(2)}p.exports=l.default},"./src/util/index.js":(p,l,d)=>{Object.defineProperty(l,"__esModule",{value:!0}),Object.defineProperty(l,"Observer",{enumerable:!0,get:function(){return E.default}}),Object.defineProperty(l,"absMax",{enumerable:!0,get:function(){return A.default}}),Object.defineProperty(l,"clamp",{enumerable:!0,get:function(){return N.default}}),Object.defineProperty(l,"debounce",{enumerable:!0,get:function(){return S.default}}),Object.defineProperty(l,"fetchFile",{enumerable:!0,get:function(){return T.default}}),Object.defineProperty(l,"frame",{enumerable:!0,get:function(){return x.default}}),Object.defineProperty(l,"getId",{enumerable:!0,get:function(){return y.default}}),Object.defineProperty(l,"ignoreSilenceMode",{enumerable:!0,get:function(){return I.default}}),Object.defineProperty(l,"max",{enumerable:!0,get:function(){return v.default}}),Object.defineProperty(l,"min",{enumerable:!0,get:function(){return w.default}}),Object.defineProperty(l,"preventClick",{enumerable:!0,get:function(){return P.default}}),Object.defineProperty(l,"requestAnimationFrame",{enumerable:!0,get:function(){return _.default}}),Object.defineProperty(l,"style",{enumerable:!0,get:function(){return M.default}}),Object.defineProperty(l,"withOrientation",{enumerable:!0,get:function(){return B.default}});var y=D(d("./src/util/get-id.js")),v=D(d("./src/util/max.js")),w=D(d("./src/util/min.js")),A=D(d("./src/util/absMax.js")),E=D(d("./src/util/observer.js")),M=D(d("./src/util/style.js")),_=D(d("./src/util/request-animation-frame.js")),x=D(d("./src/util/frame.js")),S=D(d("./node_modules/debounce/index.js")),P=D(d("./src/util/prevent-click.js")),T=D(d("./src/util/fetch.js")),N=D(d("./src/util/clamp.js")),B=D(d("./src/util/orientation.js")),I=D(d("./src/util/silence-mode.js"));function D(L){return L&&L.__esModule?L:{default:L}}},"./src/util/max.js":(p,l)=>{Object.defineProperty(l,"__esModule",{value:!0}),l.default=d;function d(y){var v=-1/0;return Object.keys(y).forEach(function(w){y[w]>v&&(v=y[w])}),v}p.exports=l.default},"./src/util/min.js":(p,l)=>{Object.defineProperty(l,"__esModule",{value:!0}),l.default=d;function d(y){var v=Number(1/0);return Object.keys(y).forEach(function(w){y[w]<v&&(v=y[w])}),v}p.exports=l.default},"./src/util/observer.js":(p,l)=>{Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;function d(A,E){if(!(A instanceof E))throw new TypeError("Cannot call a class as a function")}function y(A,E){for(var M=0;M<E.length;M++){var _=E[M];_.enumerable=_.enumerable||!1,_.configurable=!0,"value"in _&&(_.writable=!0),Object.defineProperty(A,_.key,_)}}function v(A,E,M){return E&&y(A.prototype,E),M&&y(A,M),Object.defineProperty(A,"prototype",{writable:!1}),A}var w=function(){function A(){d(this,A),this._disabledEventEmissions=[],this.handlers=null}return v(A,[{key:"on",value:function(M,_){var x=this;this.handlers||(this.handlers={});var S=this.handlers[M];return S||(S=this.handlers[M]=[]),S.push(_),{name:M,callback:_,un:function(T,N){return x.un(T,N)}}}},{key:"un",value:function(M,_){if(!!this.handlers){var x=this.handlers[M],S;if(x)if(_)for(S=x.length-1;S>=0;S--)x[S]==_&&x.splice(S,1);else x.length=0}}},{key:"unAll",value:function(){this.handlers=null}},{key:"once",value:function(M,_){var x=this,S=function P(){for(var T=arguments.length,N=new Array(T),B=0;B<T;B++)N[B]=arguments[B];_.apply(x,N),setTimeout(function(){x.un(M,P)},0)};return this.on(M,S)}},{key:"setDisabledEventEmissions",value:function(M){this._disabledEventEmissions=M}},{key:"_isDisabledEventEmission",value:function(M){return this._disabledEventEmissions&&this._disabledEventEmissions.includes(M)}},{key:"fireEvent",value:function(M){for(var _=arguments.length,x=new Array(_>1?_-1:0),S=1;S<_;S++)x[S-1]=arguments[S];if(!(!this.handlers||this._isDisabledEventEmission(M))){var P=this.handlers[M];P&&P.forEach(function(T){T.apply(void 0,x)})}}}]),A}();l.default=w,p.exports=l.default},"./src/util/orientation.js":(p,l)=>{Object.defineProperty(l,"__esModule",{value:!0}),l.default=w;var d={width:"height",height:"width",overflowX:"overflowY",overflowY:"overflowX",clientWidth:"clientHeight",clientHeight:"clientWidth",clientX:"clientY",clientY:"clientX",scrollWidth:"scrollHeight",scrollLeft:"scrollTop",offsetLeft:"offsetTop",offsetTop:"offsetLeft",offsetHeight:"offsetWidth",offsetWidth:"offsetHeight",left:"top",right:"bottom",top:"left",bottom:"right",borderRightStyle:"borderBottomStyle",borderRightWidth:"borderBottomWidth",borderRightColor:"borderBottomColor"};function y(A,E){return Object.prototype.hasOwnProperty.call(d,A)&&E?d[A]:A}var v=Symbol("isProxy");function w(A,E){return A[v]?A:new Proxy(A,{get:function(_,x,S){if(x===v)return!0;if(x==="domElement")return _;if(x==="style")return w(_.style,E);if(x==="canvas")return w(_.canvas,E);if(x==="getBoundingClientRect")return function(){return w(_.getBoundingClientRect.apply(_,arguments),E)};if(x==="getContext")return function(){return w(_.getContext.apply(_,arguments),E)};var P=_[y(x,E)];return typeof P=="function"?P.bind(_):P},set:function(_,x,S){return _[y(x,E)]=S,!0}})}p.exports=l.default},"./src/util/prevent-click.js":(p,l)=>{Object.defineProperty(l,"__esModule",{value:!0}),l.default=y;function d(v){v.stopPropagation(),document.body.removeEventListener("click",d,!0)}function y(v){document.body.addEventListener("click",d,!0)}p.exports=l.default},"./src/util/request-animation-frame.js":(p,l)=>{Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var d=(window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(y,v){return setTimeout(y,1e3/60)}).bind(window);l.default=d,p.exports=l.default},"./src/util/silence-mode.js":(p,l)=>{Object.defineProperty(l,"__esModule",{value:!0}),l.default=d;function d(){var y="data:audio/mpeg;base64,//uQxAAAAAAAAAAAAAAAAAAAAAAAWGluZwAAAA8AAAACAAACcQCAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA//////////////////////////////////////////////////////////////////8AAABhTEFNRTMuMTAwA8MAAAAAAAAAABQgJAUHQQAB9AAAAnGMHkkIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//sQxAADgnABGiAAQBCqgCRMAAgEAH///////////////7+n/9FTuQsQH//////2NG0jWUGlio5gLQTOtIoeR2WX////X4s9Atb/JRVCbBUpeRUq//////////////////9RUi0f2jn/+xDECgPCjAEQAABN4AAANIAAAAQVTEFNRTMuMTAwVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVQ==",v=document.createElement("div");v.innerHTML='<audio x-webkit-airplay="deny"></audio>';var w=v.children.item(0);w.src=y,w.preload="auto",w.type="audio/mpeg",w.disableRemotePlayback=!0,w.play(),w.remove(),v.remove()}p.exports=l.default},"./src/util/style.js":(p,l)=>{Object.defineProperty(l,"__esModule",{value:!0}),l.default=d;function d(y,v){return Object.keys(v).forEach(function(w){y.style[w]!==v[w]&&(y.style[w]=v[w])}),y}p.exports=l.default},"./src/wavesurfer.js":(p,l,d)=>{function y(o){return y=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(a){return typeof a}:function(a){return a&&typeof Symbol=="function"&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a},y(o)}Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var v=P(d("./src/util/index.js")),w=x(d("./src/drawer.multicanvas.js")),A=x(d("./src/webaudio.js")),E=x(d("./src/mediaelement.js")),M=x(d("./src/peakcache.js")),_=x(d("./src/mediaelement-webaudio.js"));function x(o){return o&&o.__esModule?o:{default:o}}function S(o){if(typeof WeakMap!="function")return null;var a=new WeakMap,m=new WeakMap;return(S=function(r){return r?m:a})(o)}function P(o,a){if(!a&&o&&o.__esModule)return o;if(o===null||y(o)!=="object"&&typeof o!="function")return{default:o};var m=S(a);if(m&&m.has(o))return m.get(o);var c={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var k in o)if(k!=="default"&&Object.prototype.hasOwnProperty.call(o,k)){var W=r?Object.getOwnPropertyDescriptor(o,k):null;W&&(W.get||W.set)?Object.defineProperty(c,k,W):c[k]=o[k]}return c.default=o,m&&m.set(o,c),c}function T(o,a){if(typeof a!="function"&&a!==null)throw new TypeError("Super expression must either be null or a function");o.prototype=Object.create(a&&a.prototype,{constructor:{value:o,writable:!0,configurable:!0}}),Object.defineProperty(o,"prototype",{writable:!1}),a&&N(o,a)}function N(o,a){return N=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(c,r){return c.__proto__=r,c},N(o,a)}function B(o){var a=L();return function(){var c=$(o),r;if(a){var k=$(this).constructor;r=Reflect.construct(c,arguments,k)}else r=c.apply(this,arguments);return I(this,r)}}function I(o,a){if(a&&(y(a)==="object"||typeof a=="function"))return a;if(a!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return D(o)}function D(o){if(o===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return o}function L(){if(typeof Reflect=="undefined"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function $(o){return $=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(m){return m.__proto__||Object.getPrototypeOf(m)},$(o)}function R(o,a,m){return a in o?Object.defineProperty(o,a,{value:m,enumerable:!0,configurable:!0,writable:!0}):o[a]=m,o}function b(o,a){if(!(o instanceof a))throw new TypeError("Cannot call a class as a function")}function s(o,a){for(var m=0;m<a.length;m++){var c=a[m];c.enumerable=c.enumerable||!1,c.configurable=!0,"value"in c&&(c.writable=!0),Object.defineProperty(o,c.key,c)}}function f(o,a,m){return a&&s(o.prototype,a),m&&s(o,m),Object.defineProperty(o,"prototype",{writable:!1}),o}var g=function(o){T(m,o);var a=B(m);function m(c){var r;if(b(this,m),r=a.call(this),R(D(r),"defaultParams",{audioContext:null,audioScriptProcessor:null,audioRate:1,autoCenter:!0,autoCenterRate:5,autoCenterImmediately:!1,backend:"WebAudio",backgroundColor:null,barHeight:1,barRadius:0,barGap:null,barMinHeight:null,container:null,cursorColor:"#333",cursorWidth:1,dragSelection:!0,drawingContextAttributes:{desynchronized:!1},duration:null,fillParent:!0,forceDecode:!1,height:128,hideScrollbar:!1,hideCursor:!1,ignoreSilenceMode:!1,interact:!0,loopSelection:!0,maxCanvasWidth:4e3,mediaContainer:null,mediaControls:!1,mediaType:"audio",minPxPerSec:20,normalize:!1,partialRender:!1,pixelRatio:window.devicePixelRatio||screen.deviceXDPI/screen.logicalXDPI,plugins:[],progressColor:"#555",removeMediaElementOnDestroy:!0,renderer:w.default,responsive:!1,rtl:!1,scrollParent:!1,skipLength:2,splitChannels:!1,splitChannelsOptions:{overlay:!1,channelColors:{},filterChannels:[],relativeNormalization:!1,splitDragSelection:!1},vertical:!1,waveColor:"#999",xhr:{}}),R(D(r),"backends",{MediaElement:E.default,WebAudio:A.default,MediaElementWebAudio:_.default}),R(D(r),"util",v),r.params=Object.assign({},r.defaultParams,c),r.params.splitChannelsOptions=Object.assign({},r.defaultParams.splitChannelsOptions,c.splitChannelsOptions),r.container=typeof c.container=="string"?document.querySelector(r.params.container):r.params.container,!r.container)throw new Error("Container element not found");if(r.params.mediaContainer==null?r.mediaContainer=r.container:typeof r.params.mediaContainer=="string"?r.mediaContainer=document.querySelector(r.params.mediaContainer):r.mediaContainer=r.params.mediaContainer,!r.mediaContainer)throw new Error("Media Container element not found");if(r.params.maxCanvasWidth<=1)throw new Error("maxCanvasWidth must be greater than 1");if(r.params.maxCanvasWidth%2==1)throw new Error("maxCanvasWidth must be an even number");if(r.params.rtl===!0&&(r.params.vertical===!0?v.style(r.container,{transform:"rotateX(180deg)"}):v.style(r.container,{transform:"rotateY(180deg)"})),r.params.backgroundColor&&r.setBackgroundColor(r.params.backgroundColor),r.savedVolume=0,r.isMuted=!1,r.tmpEvents=[],r.currentRequest=null,r.arraybuffer=null,r.drawer=null,r.backend=null,r.peakCache=null,typeof r.params.renderer!="function")throw new Error("Renderer parameter is invalid");r.Drawer=r.params.renderer,r.params.backend=="AudioElement"&&(r.params.backend="MediaElement"),(r.params.backend=="WebAudio"||r.params.backend==="MediaElementWebAudio")&&!A.default.prototype.supportsWebAudio.call(null)&&(r.params.backend="MediaElement"),r.Backend=r.backends[r.params.backend],r.initialisedPluginList={},r.isDestroyed=!1,r.isReady=!1;var k=0;return r._onResize=v.debounce(function(){r.drawer.wrapper&&k!=r.drawer.wrapper.clientWidth&&!r.params.scrollParent&&(k=r.drawer.wrapper.clientWidth,k&&r.drawer.fireEvent("redraw"))},typeof r.params.responsive=="number"?r.params.responsive:100),I(r,D(r))}return f(m,[{key:"init",value:function(){return this.registerPlugins(this.params.plugins),this.createDrawer(),this.createBackend(),this.createPeakCache(),this}},{key:"registerPlugins",value:function(r){var k=this;return r.forEach(function(W){return k.addPlugin(W)}),r.forEach(function(W){W.deferInit||k.initPlugin(W.name)}),this.fireEvent("plugins-registered",r),this}},{key:"getActivePlugins",value:function(){return this.initialisedPluginList}},{key:"addPlugin",value:function(r){var k=this;if(!r.name)throw new Error("Plugin does not have a name!");if(!r.instance)throw new Error("Plugin ".concat(r.name," does not have an instance property!"));r.staticProps&&Object.keys(r.staticProps).forEach(function(V){k[V]=r.staticProps[V]});var W=r.instance,j=Object.getOwnPropertyNames(v.Observer.prototype);return j.forEach(function(V){W.prototype[V]=v.Observer.prototype[V]}),this[r.name]=new W(r.params||{},this),this.fireEvent("plugin-added",r.name),this}},{key:"initPlugin",value:function(r){if(!this[r])throw new Error("Plugin ".concat(r," has not been added yet!"));return this.initialisedPluginList[r]&&this.destroyPlugin(r),this[r].init(),this.initialisedPluginList[r]=!0,this.fireEvent("plugin-initialised",r),this}},{key:"destroyPlugin",value:function(r){if(!this[r])throw new Error("Plugin ".concat(r," has not been added yet and cannot be destroyed!"));if(!this.initialisedPluginList[r])throw new Error("Plugin ".concat(r," is not active and cannot be destroyed!"));if(typeof this[r].destroy!="function")throw new Error("Plugin ".concat(r," does not have a destroy function!"));return this[r].destroy(),delete this.initialisedPluginList[r],this.fireEvent("plugin-destroyed",r),this}},{key:"destroyAllPlugins",value:function(){var r=this;Object.keys(this.initialisedPluginList).forEach(function(k){return r.destroyPlugin(k)})}},{key:"createDrawer",value:function(){var r=this;this.drawer=new this.Drawer(this.container,this.params),this.drawer.init(),this.fireEvent("drawer-created",this.drawer),this.params.responsive!==!1&&(window.addEventListener("resize",this._onResize,!0),window.addEventListener("orientationchange",this._onResize,!0)),this.drawer.on("redraw",function(){r.drawBuffer(),r.drawer.progress(r.backend.getPlayedPercents())}),this.drawer.on("click",function(k,W){setTimeout(function(){return r.seekTo(W)},0)}),this.drawer.on("scroll",function(k){r.params.partialRender&&r.drawBuffer(),r.fireEvent("scroll",k)})}},{key:"createBackend",value:function(){var r=this;this.backend&&this.backend.destroy(),this.backend=new this.Backend(this.params),this.backend.init(),this.fireEvent("backend-created",this.backend),this.backend.on("finish",function(){r.drawer.progress(r.backend.getPlayedPercents()),r.fireEvent("finish")}),this.backend.on("play",function(){return r.fireEvent("play")}),this.backend.on("pause",function(){return r.fireEvent("pause")}),this.backend.on("audioprocess",function(k){r.drawer.progress(r.backend.getPlayedPercents()),r.fireEvent("audioprocess",k)}),(this.params.backend==="MediaElement"||this.params.backend==="MediaElementWebAudio")&&(this.backend.on("seek",function(){r.drawer.progress(r.backend.getPlayedPercents())}),this.backend.on("volume",function(){var k=r.getVolume();r.fireEvent("volume",k),r.backend.isMuted!==r.isMuted&&(r.isMuted=r.backend.isMuted,r.fireEvent("mute",r.isMuted))}))}},{key:"createPeakCache",value:function(){this.params.partialRender&&(this.peakCache=new M.default)}},{key:"getDuration",value:function(){return this.backend.getDuration()}},{key:"getCurrentTime",value:function(){return this.backend.getCurrentTime()}},{key:"setCurrentTime",value:function(r){r>=this.getDuration()?this.seekTo(1):this.seekTo(r/this.getDuration())}},{key:"play",value:function(r,k){var W=this;return this.params.ignoreSilenceMode&&v.ignoreSilenceMode(),this.fireEvent("interaction",function(){return W.play(r,k)}),this.backend.play(r,k)}},{key:"setPlayEnd",value:function(r){this.backend.setPlayEnd(r)}},{key:"pause",value:function(){if(!this.backend.isPaused())return this.backend.pause()}},{key:"playPause",value:function(){return this.backend.isPaused()?this.play():this.pause()}},{key:"isPlaying",value:function(){return!this.backend.isPaused()}},{key:"skipBackward",value:function(r){this.skip(-r||-this.params.skipLength)}},{key:"skipForward",value:function(r){this.skip(r||this.params.skipLength)}},{key:"skip",value:function(r){var k=this.getDuration()||1,W=this.getCurrentTime()||0;W=Math.max(0,Math.min(k,W+(r||0))),this.seekAndCenter(W/k)}},{key:"seekAndCenter",value:function(r){this.seekTo(r),this.drawer.recenter(r)}},{key:"seekTo",value:function(r){var k=this;if(typeof r!="number"||!isFinite(r)||r<0||r>1)throw new Error("Error calling wavesurfer.seekTo, parameter must be a number between 0 and 1!");this.fireEvent("interaction",function(){return k.seekTo(r)});var W=this.params.backend==="WebAudio",j=this.backend.isPaused();W&&!j&&this.backend.pause();var V=this.params.scrollParent;this.params.scrollParent=!1,this.backend.seekTo(r*this.getDuration()),this.drawer.progress(r),W&&!j&&this.backend.play(),this.params.scrollParent=V,this.fireEvent("seek",r)}},{key:"stop",value:function(){this.pause(),this.seekTo(0),this.drawer.progress(0)}},{key:"setSinkId",value:function(r){return this.backend.setSinkId(r)}},{key:"setVolume",value:function(r){this.backend.setVolume(r),this.fireEvent("volume",r)}},{key:"getVolume",value:function(){return this.backend.getVolume()}},{key:"setPlaybackRate",value:function(r){this.backend.setPlaybackRate(r)}},{key:"getPlaybackRate",value:function(){return this.backend.getPlaybackRate()}},{key:"toggleMute",value:function(){this.setMute(!this.isMuted)}},{key:"setMute",value:function(r){if(r===this.isMuted){this.fireEvent("mute",this.isMuted);return}this.backend.setMute?(this.backend.setMute(r),this.isMuted=r):r?(this.savedVolume=this.backend.getVolume(),this.backend.setVolume(0),this.isMuted=!0,this.fireEvent("volume",0)):(this.backend.setVolume(this.savedVolume),this.isMuted=!1,this.fireEvent("volume",this.savedVolume)),this.fireEvent("mute",this.isMuted)}},{key:"getMute",value:function(){return this.isMuted}},{key:"getFilters",value:function(){return this.backend.filters||[]}},{key:"toggleScroll",value:function(){this.params.scrollParent=!this.params.scrollParent,this.drawBuffer()}},{key:"toggleInteraction",value:function(){this.params.interact=!this.params.interact}},{key:"getWaveColor",value:function(){var r=arguments.length>0&&arguments[0]!==void 0?arguments[0]:null;return this.params.splitChannelsOptions.channelColors[r]?this.params.splitChannelsOptions.channelColors[r].waveColor:this.params.waveColor}},{key:"setWaveColor",value:function(r){var k=arguments.length>1&&arguments[1]!==void 0?arguments[1]:null;this.params.splitChannelsOptions.channelColors[k]?this.params.splitChannelsOptions.channelColors[k].waveColor=r:this.params.waveColor=r,this.drawBuffer()}},{key:"getProgressColor",value:function(){var r=arguments.length>0&&arguments[0]!==void 0?arguments[0]:null;return this.params.splitChannelsOptions.channelColors[r]?this.params.splitChannelsOptions.channelColors[r].progressColor:this.params.progressColor}},{key:"setProgressColor",value:function(r,k){this.params.splitChannelsOptions.channelColors[k]?this.params.splitChannelsOptions.channelColors[k].progressColor=r:this.params.progressColor=r,this.drawBuffer()}},{key:"getBackgroundColor",value:function(){return this.params.backgroundColor}},{key:"setBackgroundColor",value:function(r){this.params.backgroundColor=r,v.style(this.container,{background:this.params.backgroundColor})}},{key:"getCursorColor",value:function(){return this.params.cursorColor}},{key:"setCursorColor",value:function(r){this.params.cursorColor=r,this.drawer.updateCursor()}},{key:"getHeight",value:function(){return this.params.height}},{key:"setHeight",value:function(r){this.params.height=r,this.drawer.setHeight(r*this.params.pixelRatio),this.drawBuffer()}},{key:"setFilteredChannels",value:function(r){this.params.splitChannelsOptions.filterChannels=r,this.drawBuffer()}},{key:"drawBuffer",value:function(){var r=Math.round(this.getDuration()*this.params.minPxPerSec*this.params.pixelRatio),k=this.drawer.getWidth(),W=r,j=0,V=Math.max(j+k,W);this.params.fillParent&&(!this.params.scrollParent||r<k)&&(W=k,j=0,V=W);var H;if(this.params.partialRender){var q=this.peakCache.addRangeToPeakCache(W,j,V),z;for(z=0;z<q.length;z++)H=this.backend.getPeaks(W,q[z][0],q[z][1]),this.drawer.drawPeaks(H,W,q[z][0],q[z][1])}else H=this.backend.getPeaks(W,j,V),this.drawer.drawPeaks(H,W,j,V);this.fireEvent("redraw",H,W)}},{key:"zoom",value:function(r){r?(this.params.minPxPerSec=r,this.params.scrollParent=!0):(this.params.minPxPerSec=this.defaultParams.minPxPerSec,this.params.scrollParent=!1),this.drawBuffer(),this.drawer.progress(this.backend.getPlayedPercents()),this.drawer.recenter(this.getCurrentTime()/this.getDuration()),this.fireEvent("zoom",r)}},{key:"loadArrayBuffer",value:function(r){var k=this;this.decodeArrayBuffer(r,function(W){k.isDestroyed||k.loadDecodedBuffer(W)})}},{key:"loadDecodedBuffer",value:function(r){this.backend.load(r),this.drawBuffer(),this.isReady=!0,this.fireEvent("ready")}},{key:"loadBlob",value:function(r){var k=this,W=new FileReader;W.addEventListener("progress",function(j){return k.onProgress(j)}),W.addEventListener("load",function(j){return k.loadArrayBuffer(j.target.result)}),W.addEventListener("error",function(){return k.fireEvent("error","Error reading file")}),W.readAsArrayBuffer(r),this.empty()}},{key:"load",value:function(r,k,W,j){if(!r)throw new Error("url parameter cannot be empty");if(this.empty(),W){var V={"Preload is not 'auto', 'none' or 'metadata'":["auto","metadata","none"].indexOf(W)===-1,"Peaks are not provided":!k,"Backend is not of type 'MediaElement' or 'MediaElementWebAudio'":["MediaElement","MediaElementWebAudio"].indexOf(this.params.backend)===-1,"Url is not of type string":typeof r!="string"},H=Object.keys(V).filter(function(q){return V[q]});H.length&&(console.warn(`Preload parameter of wavesurfer.load will be ignored because:
-	- `+H.join(`
-	- `)),W=null)}switch(this.params.backend==="WebAudio"&&r instanceof HTMLMediaElement&&(r=r.src),this.params.backend){case"WebAudio":return this.loadBuffer(r,k,j);case"MediaElement":case"MediaElementWebAudio":return this.loadMediaElement(r,k,W,j)}}},{key:"loadBuffer",value:function(r,k,W){var j=this,V=function(q){return q&&j.tmpEvents.push(j.once("ready",q)),j.getArrayBuffer(r,function(z){return j.loadArrayBuffer(z)})};if(k)this.backend.setPeaks(k,W),this.drawBuffer(),this.fireEvent("waveform-ready"),this.tmpEvents.push(this.once("interaction",V));else return V()}},{key:"loadMediaElement",value:function(r,k,W,j){var V=this,H=r;if(typeof r=="string")this.backend.load(H,this.mediaContainer,k,W);else{var q=r;this.backend.loadElt(q,k),H=q.src}this.tmpEvents.push(this.backend.once("canplay",function(){V.backend.destroyed||(V.drawBuffer(),V.isReady=!0,V.fireEvent("ready"))}),this.backend.once("error",function(z){return V.fireEvent("error",z)})),k&&(this.backend.setPeaks(k,j),this.drawBuffer(),this.fireEvent("waveform-ready")),(!k||this.params.forceDecode)&&this.backend.supportsWebAudio()&&this.getArrayBuffer(H,function(z){V.decodeArrayBuffer(z,function(Q){V.backend.buffer=Q,V.backend.setPeaks(null),V.drawBuffer(),V.fireEvent("waveform-ready")})})}},{key:"decodeArrayBuffer",value:function(r,k){var W=this;this.isDestroyed||(this.arraybuffer=r,this.backend.decodeArrayBuffer(r,function(j){!W.isDestroyed&&W.arraybuffer==r&&(k(j),W.arraybuffer=null)},function(){return W.fireEvent("error","Error decoding audiobuffer")}))}},{key:"getArrayBuffer",value:function(r,k){var W=this,j=Object.assign({url:r,responseType:"arraybuffer"},this.params.xhr),V=v.fetchFile(j);return this.currentRequest=V,this.tmpEvents.push(V.on("progress",function(H){W.onProgress(H)}),V.on("success",function(H){k(H),W.currentRequest=null}),V.on("error",function(H){W.fireEvent("error",H),W.currentRequest=null})),V}},{key:"onProgress",value:function(r){var k;r.lengthComputable?k=r.loaded/r.total:k=r.loaded/(r.loaded+1e6),this.fireEvent("loading",Math.round(k*100),r.target)}},{key:"exportPCM",value:function(r,k,W,j,V){r=r||1024,j=j||0,k=k||1e4,W=W||!1;var H=this.backend.getPeaks(r,j,V),q=[].map.call(H,function(z){return Math.round(z*k)/k});return new Promise(function(z,Q){if(!W){var ae=new Blob([JSON.stringify(q)],{type:"application/json;charset=utf-8"}),Y=URL.createObjectURL(ae);window.open(Y),URL.revokeObjectURL(Y)}z(q)})}},{key:"exportImage",value:function(r,k,W){return r||(r="image/png"),k||(k=1),W||(W="dataURL"),this.drawer.getImage(r,k,W)}},{key:"cancelAjax",value:function(){this.currentRequest&&this.currentRequest.controller&&(this.currentRequest._reader&&this.currentRequest._reader.cancel().catch(function(r){}),this.currentRequest.controller.abort(),this.currentRequest=null)}},{key:"clearTmpEvents",value:function(){this.tmpEvents.forEach(function(r){return r.un()})}},{key:"empty",value:function(){this.backend.isPaused()||(this.stop(),this.backend.disconnectSource()),this.isReady=!1,this.cancelAjax(),this.clearTmpEvents(),this.drawer.progress(0),this.drawer.setWidth(0),this.drawer.drawPeaks({length:this.drawer.getWidth()},0)}},{key:"destroy",value:function(){this.destroyAllPlugins(),this.fireEvent("destroy"),this.cancelAjax(),this.clearTmpEvents(),this.unAll(),this.params.responsive!==!1&&(window.removeEventListener("resize",this._onResize,!0),window.removeEventListener("orientationchange",this._onResize,!0)),this.backend&&(this.backend.destroy(),this.backend=null),this.drawer&&this.drawer.destroy(),this.isDestroyed=!0,this.isReady=!1,this.arraybuffer=null}}],[{key:"create",value:function(r){var k=new m(r);return k.init()}}]),m}(v.Observer);l.default=g,R(g,"VERSION","6.3.0"),R(g,"util",v),p.exports=l.default},"./src/webaudio.js":(p,l,d)=>{function y(s){return y=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(f){return typeof f}:function(f){return f&&typeof Symbol=="function"&&f.constructor===Symbol&&f!==Symbol.prototype?"symbol":typeof f},y(s)}Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var v=A(d("./src/util/index.js"));function w(s){if(typeof WeakMap!="function")return null;var f=new WeakMap,g=new WeakMap;return(w=function(a){return a?g:f})(s)}function A(s,f){if(!f&&s&&s.__esModule)return s;if(s===null||y(s)!=="object"&&typeof s!="function")return{default:s};var g=w(f);if(g&&g.has(s))return g.get(s);var o={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var m in s)if(m!=="default"&&Object.prototype.hasOwnProperty.call(s,m)){var c=a?Object.getOwnPropertyDescriptor(s,m):null;c&&(c.get||c.set)?Object.defineProperty(o,m,c):o[m]=s[m]}return o.default=s,g&&g.set(s,o),o}function E(s,f){if(!(s instanceof f))throw new TypeError("Cannot call a class as a function")}function M(s,f){for(var g=0;g<f.length;g++){var o=f[g];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(s,o.key,o)}}function _(s,f,g){return f&&M(s.prototype,f),g&&M(s,g),Object.defineProperty(s,"prototype",{writable:!1}),s}function x(s,f){if(typeof f!="function"&&f!==null)throw new TypeError("Super expression must either be null or a function");s.prototype=Object.create(f&&f.prototype,{constructor:{value:s,writable:!0,configurable:!0}}),Object.defineProperty(s,"prototype",{writable:!1}),f&&S(s,f)}function S(s,f){return S=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(o,a){return o.__proto__=a,o},S(s,f)}function P(s){var f=B();return function(){var o=I(s),a;if(f){var m=I(this).constructor;a=Reflect.construct(o,arguments,m)}else a=o.apply(this,arguments);return T(this,a)}}function T(s,f){if(f&&(y(f)==="object"||typeof f=="function"))return f;if(f!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return N(s)}function N(s){if(s===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return s}function B(){if(typeof Reflect=="undefined"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function I(s){return I=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(g){return g.__proto__||Object.getPrototypeOf(g)},I(s)}function D(s,f,g){return f in s?Object.defineProperty(s,f,{value:g,enumerable:!0,configurable:!0,writable:!0}):s[f]=g,s}var L="playing",$="paused",R="finished",b=function(s){x(g,s);var f=P(g);function g(o){var a,m,c;return E(this,g),c=f.call(this),D(N(c),"audioContext",null),D(N(c),"offlineAudioContext",null),D(N(c),"stateBehaviors",(a={},D(a,L,{init:function(){this.addOnAudioProcess()},getPlayedPercents:function(){var k=this.getDuration();return this.getCurrentTime()/k||0},getCurrentTime:function(){return this.startPosition+this.getPlayedTime()}}),D(a,$,{init:function(){this.removeOnAudioProcess()},getPlayedPercents:function(){var k=this.getDuration();return this.getCurrentTime()/k||0},getCurrentTime:function(){return this.startPosition}}),D(a,R,{init:function(){this.removeOnAudioProcess(),this.fireEvent("finish")},getPlayedPercents:function(){return 1},getCurrentTime:function(){return this.getDuration()}}),a)),c.params=o,c.ac=o.audioContext||(c.supportsWebAudio()?c.getAudioContext():{}),c.lastPlay=c.ac.currentTime,c.startPosition=0,c.scheduledPause=null,c.states=(m={},D(m,L,Object.create(c.stateBehaviors[L])),D(m,$,Object.create(c.stateBehaviors[$])),D(m,R,Object.create(c.stateBehaviors[R])),m),c.buffer=null,c.filters=[],c.gainNode=null,c.mergedPeaks=null,c.offlineAc=null,c.peaks=null,c.playbackRate=1,c.analyser=null,c.scriptNode=null,c.source=null,c.splitPeaks=[],c.state=null,c.explicitDuration=o.duration,c.sinkStreamDestination=null,c.sinkAudioElement=null,c.destroyed=!1,c}return _(g,[{key:"supportsWebAudio",value:function(){return!!(window.AudioContext||window.webkitAudioContext)}},{key:"getAudioContext",value:function(){return window.WaveSurferAudioContext||(window.WaveSurferAudioContext=new(window.AudioContext||window.webkitAudioContext)),window.WaveSurferAudioContext}},{key:"getOfflineAudioContext",value:function(a){return window.WaveSurferOfflineAudioContext||(window.WaveSurferOfflineAudioContext=new(window.OfflineAudioContext||window.webkitOfflineAudioContext)(1,2,a)),window.WaveSurferOfflineAudioContext}},{key:"init",value:function(){this.createVolumeNode(),this.createScriptNode(),this.createAnalyserNode(),this.setState($),this.setPlaybackRate(this.params.audioRate),this.setLength(0)}},{key:"disconnectFilters",value:function(){this.filters&&(this.filters.forEach(function(a){a&&a.disconnect()}),this.filters=null,this.analyser.connect(this.gainNode))}},{key:"setState",value:function(a){this.state!==this.states[a]&&(this.state=this.states[a],this.state.init.call(this))}},{key:"setFilter",value:function(){for(var a=arguments.length,m=new Array(a),c=0;c<a;c++)m[c]=arguments[c];this.setFilters(m)}},{key:"setFilters",value:function(a){this.disconnectFilters(),a&&a.length&&(this.filters=a,this.analyser.disconnect(),a.reduce(function(m,c){return m.connect(c),c},this.analyser).connect(this.gainNode))}},{key:"createScriptNode",value:function(){this.params.audioScriptProcessor?this.scriptNode=this.params.audioScriptProcessor:this.ac.createScriptProcessor?this.scriptNode=this.ac.createScriptProcessor(g.scriptBufferSize):this.scriptNode=this.ac.createJavaScriptNode(g.scriptBufferSize),this.scriptNode.connect(this.ac.destination)}},{key:"addOnAudioProcess",value:function(){var a=this;this.scriptNode.onaudioprocess=function(){var m=a.getCurrentTime();m>=a.getDuration()?(a.setState(R),a.fireEvent("pause")):m>=a.scheduledPause?a.pause():a.state===a.states[L]&&a.fireEvent("audioprocess",m)}}},{key:"removeOnAudioProcess",value:function(){this.scriptNode.onaudioprocess=null}},{key:"createAnalyserNode",value:function(){this.analyser=this.ac.createAnalyser(),this.analyser.connect(this.gainNode)}},{key:"createVolumeNode",value:function(){this.ac.createGain?this.gainNode=this.ac.createGain():this.gainNode=this.ac.createGainNode(),this.gainNode.connect(this.ac.destination)}},{key:"setSinkId",value:function(a){return a?(this.sinkAudioElement||(this.sinkAudioElement=new window.Audio,this.sinkAudioElement.autoplay=!0),this.sinkAudioElement.setSinkId?(this.sinkStreamDestination||(this.sinkStreamDestination=this.ac.createMediaStreamDestination()),this.gainNode.disconnect(),this.gainNode.connect(this.sinkStreamDestination),this.sinkAudioElement.srcObject=this.sinkStreamDestination.stream,this.sinkAudioElement.setSinkId(a)):Promise.reject(new Error("setSinkId is not supported in your browser"))):Promise.reject(new Error("Invalid deviceId: "+a))}},{key:"setVolume",value:function(a){this.gainNode.gain.setValueAtTime(a,this.ac.currentTime)}},{key:"getVolume",value:function(){return this.gainNode.gain.value}},{key:"decodeArrayBuffer",value:function(a,m,c){this.offlineAc||(this.offlineAc=this.getOfflineAudioContext(this.ac&&this.ac.sampleRate?this.ac.sampleRate:44100)),"webkitAudioContext"in window?this.offlineAc.decodeAudioData(a,function(r){return m(r)},c):this.offlineAc.decodeAudioData(a).then(function(r){return m(r)}).catch(function(r){return c(r)})}},{key:"setPeaks",value:function(a,m){m!=null&&(this.explicitDuration=m),this.peaks=a}},{key:"setLength",value:function(a){if(!(this.mergedPeaks&&a==2*this.mergedPeaks.length-1+2)){this.splitPeaks=[],this.mergedPeaks=[];var m=this.buffer?this.buffer.numberOfChannels:1,c;for(c=0;c<m;c++)this.splitPeaks[c]=[],this.splitPeaks[c][2*(a-1)]=0,this.splitPeaks[c][2*(a-1)+1]=0;this.mergedPeaks[2*(a-1)]=0,this.mergedPeaks[2*(a-1)+1]=0}}},{key:"getPeaks",value:function(a,m,c){if(this.peaks)return this.peaks;if(!this.buffer)return[];if(m=m||0,c=c||a-1,this.setLength(a),!this.buffer)return this.params.splitChannels?this.splitPeaks:this.mergedPeaks;if(!this.buffer.length){var r=this.createBuffer(1,4096,this.sampleRate);this.buffer=r.buffer}var k=this.buffer.length/a,W=~~(k/10)||1,j=this.buffer.numberOfChannels,V;for(V=0;V<j;V++){var H=this.splitPeaks[V],q=this.buffer.getChannelData(V),z=void 0;for(z=m;z<=c;z++){var Q=~~(z*k),ae=~~(Q+k),Y=q[Q],ce=Y,ee=void 0;for(ee=Q;ee<ae;ee+=W){var se=q[ee];se>ce&&(ce=se),se<Y&&(Y=se)}H[2*z]=ce,H[2*z+1]=Y,(V==0||ce>this.mergedPeaks[2*z])&&(this.mergedPeaks[2*z]=ce),(V==0||Y<this.mergedPeaks[2*z+1])&&(this.mergedPeaks[2*z+1]=Y)}}return this.params.splitChannels?this.splitPeaks:this.mergedPeaks}},{key:"getPlayedPercents",value:function(){return this.state.getPlayedPercents.call(this)}},{key:"disconnectSource",value:function(){this.source&&this.source.disconnect()}},{key:"destroyWebAudio",value:function(){this.disconnectFilters(),this.disconnectSource(),this.gainNode.disconnect(),this.scriptNode.disconnect(),this.analyser.disconnect(),this.params.closeAudioContext&&(typeof this.ac.close=="function"&&this.ac.state!="closed"&&this.ac.close(),this.ac=null,this.params.audioContext?this.params.audioContext=null:window.WaveSurferAudioContext=null,window.WaveSurferOfflineAudioContext=null),this.sinkStreamDestination&&(this.sinkAudioElement.pause(),this.sinkAudioElement.srcObject=null,this.sinkStreamDestination.disconnect(),this.sinkStreamDestination=null)}},{key:"destroy",value:function(){this.isPaused()||this.pause(),this.unAll(),this.buffer=null,this.destroyed=!0,this.destroyWebAudio()}},{key:"load",value:function(a){this.startPosition=0,this.lastPlay=this.ac.currentTime,this.buffer=a,this.createSource()}},{key:"createSource",value:function(){this.disconnectSource(),this.source=this.ac.createBufferSource(),this.source.start=this.source.start||this.source.noteGrainOn,this.source.stop=this.source.stop||this.source.noteOff,this.setPlaybackRate(this.playbackRate),this.source.buffer=this.buffer,this.source.connect(this.analyser)}},{key:"resumeAudioContext",value:function(){this.ac.state=="suspended"&&this.ac.resume&&this.ac.resume()}},{key:"isPaused",value:function(){return this.state!==this.states[L]}},{key:"getDuration",value:function(){return this.explicitDuration?this.explicitDuration:this.buffer?this.buffer.duration:0}},{key:"seekTo",value:function(a,m){if(!!this.buffer)return this.scheduledPause=null,a==null&&(a=this.getCurrentTime(),a>=this.getDuration()&&(a=0)),m==null&&(m=this.getDuration()),this.startPosition=a,this.lastPlay=this.ac.currentTime,this.state===this.states[R]&&this.setState($),{start:a,end:m}}},{key:"getPlayedTime",value:function(){return(this.ac.currentTime-this.lastPlay)*this.playbackRate}},{key:"play",value:function(a,m){if(!!this.buffer){this.createSource();var c=this.seekTo(a,m);a=c.start,m=c.end,this.scheduledPause=m,this.source.start(0,a),this.resumeAudioContext(),this.setState(L),this.fireEvent("play")}}},{key:"pause",value:function(){this.scheduledPause=null,this.startPosition+=this.getPlayedTime();try{this.source&&this.source.stop(0)}catch{}this.setState($),this.fireEvent("pause")}},{key:"getCurrentTime",value:function(){return this.state.getCurrentTime.call(this)}},{key:"getPlaybackRate",value:function(){return this.playbackRate}},{key:"setPlaybackRate",value:function(a){this.playbackRate=a||1,this.source&&this.source.playbackRate.setValueAtTime(this.playbackRate,this.ac.currentTime)}},{key:"setPlayEnd",value:function(a){this.scheduledPause=a}}]),g}(v.Observer);l.default=b,D(b,"scriptBufferSize",256),p.exports=l.default},"./node_modules/debounce/index.js":p=>{function l(d,y,v){var w,A,E,M,_;y==null&&(y=100);function x(){var P=Date.now()-M;P<y&&P>=0?w=setTimeout(x,y-P):(w=null,v||(_=d.apply(E,A),E=A=null))}var S=function(){E=this,A=arguments,M=Date.now();var P=v&&!w;return w||(w=setTimeout(x,y)),P&&(_=d.apply(E,A),E=A=null),_};return S.clear=function(){w&&(clearTimeout(w),w=null)},S.flush=function(){w&&(_=d.apply(E,A),E=A=null,clearTimeout(w),w=null)},S}l.debounce=l,p.exports=l}},i={};function u(p){var l=i[p];if(l!==void 0)return l.exports;var d=i[p]={exports:{}};return n[p](d,d.exports,u),d.exports}var h=u("./src/wavesurfer.js");return h})())})(rr);var pn=Kr(rr.exports);const mn=()=>{const e=F(ne),{curAudioState:t,curIdx:n,playList:i,elementRefs:u}=F(X),[h,p]=O.useState(!1),l=O.useCallback(()=>{if(!(u!=null&&u.waveformInst)||!u.trackCurTimeEl)return;const{trackCurTimeEl:A}=u,E=u.waveformInst.getCurrentTime();A.innerText=wt(E)},[u]);O.useEffect(()=>()=>{var E;const A=document.getElementsByTagName("wave");A.length&&(A[0].remove(),e({type:"SET_ELEMENT_REFS",elementRefs:{waveformInst:void 0}}),(E=u==null?void 0:u.waveformInst)==null||E.destroy())},[]);const[d,y]=O.useState();O.useEffect(()=>{!(u!=null&&u.waveformInst)||!i[n]||(d==null?void 0:d.src)!==i[n].src&&(y(i[n]),p(!1),u.waveformInst.load(i[n].src),u.waveformInst.on("ready",()=>{At(u,u.waveformInst.getDuration()),p(!0),u.waveformInst.on("seek",()=>l())}))},[i,n,d,u==null?void 0:u.waveformInst,l,u]),O.useEffect(()=>{!h||!(u!=null&&u.waveformInst)||(t.isPlaying?u.waveformInst.play():u.waveformInst.pause())},[h,t.isPlaying,u==null?void 0:u.waveformInst]);const[v,w]=O.useState(!1);return O.useEffect(()=>{if(!(u!=null&&u.waveformInst)||(u.waveformInst.on("finish",()=>w(!0)),!v))return;(()=>{var E,M;if(w(!1),t.repeatType==="ONE"){(E=u.waveformInst)==null||E.seekTo(0),(M=u.waveformInst)==null||M.play();return}e({type:"NEXT_AUDIO"})})()},[u==null?void 0:u.waveformInst,e,t.repeatType,v]),O.useEffect(()=>{if(!h)return;const A=setInterval(l,1e3);return t.isPlaying||clearInterval(A),()=>clearInterval(A)},[t.isPlaying,l,h]),O.useEffect(()=>{if(!(!(u!=null&&u.waveformInst)||!h)){if(t.muted){u.waveformInst.setMute(!0);return}u.waveformInst.setMute(!1),u.waveformInst.setVolume(t.volume)}},[t.volume,u==null?void 0:u.waveformInst,t.muted,h]),null},vn=()=>{const e=F(ne),{elementRefs:t}=F(X),n=hn({progressColor:"--rm-audio-player-waveform-bar",waveColor:"--rm-audio-player-waveform-background"});return O.useEffect(()=>{if((t==null?void 0:t.waveformInst)||!n.current)return;const i=pn.create({barWidth:1,cursorWidth:2,container:"#rm-waveform",height:80,progressColor:`${n.current.progressColor}`,responsive:!0,waveColor:`${n.current.waveColor}`,cursorColor:"var(--rm-audio-player-waveform-cursor)"});e({type:"SET_ELEMENT_REFS",elementRefs:{waveformInst:i}})},[t==null?void 0:t.waveformInst,e,n]),mn(),null},yn=()=>{const{activeUI:e}=F(X);return e.progress==="waveform"?C(vn,{}):C(fn,{})},Te=K.default.button`
-  display: flex;
-  width: 20px;
-  height: 100%;
-  svg {
-    width: 100%;
-    height: 100%;
-    pointer-events: none;
-  }
-
-  /** //TODO : animation on off  */
-  &:hover {
-    transform: scale(1.1);
-  }
-  &:active {
-    transform: scale(0.8);
-    opacity: 0.5;
-    transition: all 0.2s ease-out;
-  }
-`;var nr={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},Lt=U.default.createContext&&U.default.createContext(nr),me=globalThis&&globalThis.__assign||function(){return me=Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++){t=arguments[n];for(var u in t)Object.prototype.hasOwnProperty.call(t,u)&&(e[u]=t[u])}return e},me.apply(this,arguments)},gn=globalThis&&globalThis.__rest||function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var u=0,i=Object.getOwnPropertySymbols(e);u<i.length;u++)t.indexOf(i[u])<0&&Object.prototype.propertyIsEnumerable.call(e,i[u])&&(n[i[u]]=e[i[u]]);return n};function ar(e){return e&&e.map(function(t,n){return U.default.createElement(t.tag,me({key:n},t.attr),ar(t.child))})}function oe(e){return function(t){return U.default.createElement(bn,me({attr:me({},e.attr)},t),ar(e.child))}}function bn(e){var t=function(n){var i=e.attr,u=e.size,h=e.title,p=gn(e,["attr","size","title"]),l=u||n.size||"1em",d;return n.className&&(d=n.className),e.className&&(d=(d?d+" ":"")+e.className),U.default.createElement("svg",me({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},n.attr,i,p,{className:d,style:me(me({color:e.color||n.color},n.style),e.style),height:l,width:l,xmlns:"http://www.w3.org/2000/svg"}),h&&U.default.createElement("title",null,h),e.children)};return Lt!==void 0?U.default.createElement(Lt.Consumer,null,function(n){return t(n)}):t(nr)}function wn(e){return oe({tag:"svg",attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"}},{tag:"path",attr:{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 14H9V8h2v8zm4 0h-2V8h2v8z"}}]})(e)}function An(e){return oe({tag:"svg",attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"}},{tag:"path",attr:{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5v-9l6 4.5-6 4.5z"}}]})(e)}function kn(e){return oe({tag:"svg",attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"}},{tag:"path",attr:{d:"M3 10h11v2H3zM3 6h11v2H3zM3 14h7v2H3zM16 13v8l6-4z"}}]})(e)}const ie=({render:e,customIcon:t})=>C(ye,{children:t!=null?t:e}),Pn=K.default(Te)`
-  width: 35px;
-`,Cn=()=>{const{curAudioState:e,customIcons:t}=F(X),n=F(ne),i=()=>n({type:"CHANGE_PLAYING_STATE"}),u=O.useMemo(()=>e.isPlaying?C(ie,{render:C(wn,{}),customIcon:t==null?void 0:t.pause}):C(ie,{render:C(An,{}),customIcon:t==null?void 0:t.play}),[e.isPlaying,t==null?void 0:t.pause,t==null?void 0:t.play]);return C(Pn,{onClick:i,className:"play-button",children:u})};function En(e){return oe({tag:"svg",attr:{version:"1.1",viewBox:"0 0 16 16"},child:[{tag:"path",attr:{d:"M8 0c-4.418 0-8 3.582-8 8s3.582 8 8 8 8-3.582 8-8-3.582-8-8-8zM8 14.5c-3.59 0-6.5-2.91-6.5-6.5s2.91-6.5 6.5-6.5 6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5z"}},{tag:"path",attr:{d:"M7 8l4-3v6z"}},{tag:"path",attr:{d:"M5 5h2v6h-2v-6z"}}]})(e)}function xn(e){return oe({tag:"svg",attr:{version:"1.1",viewBox:"0 0 16 16"},child:[{tag:"path",attr:{d:"M8 0c4.418 0 8 3.582 8 8s-3.582 8-8 8-8-3.582-8-8 3.582-8 8-8zM8 14.5c3.59 0 6.5-2.91 6.5-6.5s-2.91-6.5-6.5-6.5-6.5 2.91-6.5 6.5 2.91 6.5 6.5 6.5z"}},{tag:"path",attr:{d:"M9 8l-4-3v6z"}},{tag:"path",attr:{d:"M11 5h-2v6h2v-6z"}}]})(e)}const It=({type:e,visible:t})=>{const{customIcons:n}=F(X),i=F(ne),u=()=>{e==="next"&&i({type:"NEXT_AUDIO"}),e==="prev"&&i({type:"PREV_AUDIO"})},h=O.useMemo(()=>e==="next"?C(ie,{render:C(xn,{}),customIcon:n==null?void 0:n.next}):e==="prev"?C(ie,{render:C(En,{}),customIcon:n==null?void 0:n.prev}):null,[n==null?void 0:n.next,n==null?void 0:n.prev,e]);return t?C(Te,{onClick:u,className:"prev-n-next-button",children:h}):null};function Sn(e){return oe({tag:"svg",attr:{viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"desc",attr:{},child:[]},{tag:"path",attr:{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}},{tag:"path",attr:{d:"M18 4l3 3l-3 3"}},{tag:"path",attr:{d:"M18 20l3 -3l-3 -3"}},{tag:"path",attr:{d:"M3 7h3a5 5 0 0 1 5 5a5 5 0 0 0 5 5h5"}},{tag:"path",attr:{d:"M21 7h-5a4.978 4.978 0 0 0 -2.998 .998m-4.002 8.003a4.984 4.984 0 0 1 -3 .999h-3"}}]})(e)}function Tn(e){return oe({tag:"svg",attr:{viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"desc",attr:{},child:[]},{tag:"path",attr:{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}},{tag:"path",attr:{d:"M4 12v-3c0 -1.336 .873 -2.468 2.08 -2.856m3.92 -.144h10m-3 -3l3 3l-3 3"}},{tag:"path",attr:{d:"M20 12v3a3 3 0 0 1 -.133 .886m-1.99 1.984a3 3 0 0 1 -.877 .13h-13m3 3l-3 -3l3 -3"}},{tag:"path",attr:{d:"M3 3l18 18"}}]})(e)}function $n(e){return oe({tag:"svg",attr:{viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"desc",attr:{},child:[]},{tag:"path",attr:{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}},{tag:"path",attr:{d:"M4 12v-3a3 3 0 0 1 3 -3h13m-3 -3l3 3l-3 3"}},{tag:"path",attr:{d:"M20 12v3a3 3 0 0 1 -3 3h-13m3 3l-3 -3l3 -3"}},{tag:"path",attr:{d:"M11 11l1 -1v4"}}]})(e)}function On(e){return oe({tag:"svg",attr:{viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"desc",attr:{},child:[]},{tag:"path",attr:{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}},{tag:"path",attr:{d:"M4 12v-3a3 3 0 0 1 3 -3h13m-3 -3l3 3l-3 3"}},{tag:"path",attr:{d:"M20 12v3a3 3 0 0 1 -3 3h-13m3 3l-3 -3l3 -3"}}]})(e)}function _n(e){return oe({tag:"svg",attr:{viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"desc",attr:{},child:[]},{tag:"path",attr:{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}},{tag:"path",attr:{d:"M15 8a5 5 0 0 1 0 8"}},{tag:"path",attr:{d:"M6 15h-2a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h2l3.5 -4.5a0.8 .8 0 0 1 1.5 .5v14a0.8 .8 0 0 1 -1.5 .5l-3.5 -4.5"}}]})(e)}function Nt(e){return oe({tag:"svg",attr:{viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"desc",attr:{},child:[]},{tag:"path",attr:{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}},{tag:"path",attr:{d:"M6 15h-2a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h2l3.5 -4.5a0.8 .8 0 0 1 1.5 .5v14a0.8 .8 0 0 1 -1.5 .5l-3.5 -4.5"}},{tag:"path",attr:{d:"M16 10l4 4m0 -4l-4 4"}}]})(e)}function Rn(e){return oe({tag:"svg",attr:{viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"desc",attr:{},child:[]},{tag:"path",attr:{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}},{tag:"path",attr:{d:"M15 8a5 5 0 0 1 0 8"}},{tag:"path",attr:{d:"M17.7 5a9 9 0 0 1 0 14"}},{tag:"path",attr:{d:"M6 15h-2a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h2l3.5 -4.5a0.8 .8 0 0 1 1.5 .5v14a0.8 .8 0 0 1 -1.5 .5l-3.5 -4.5"}}]})(e)}const Mn=()=>{const{curAudioState:e,customIcons:t}=F(X),n=F(ne),i=O.useCallback(()=>{switch(e.repeatType){case"ALL":n({type:"SET_REPEAT_TYPE",repeatType:"ONE"});break;case"ONE":n({type:"SET_REPEAT_TYPE",repeatType:"NONE"});break;case"NONE":n({type:"SET_REPEAT_TYPE",repeatType:"SHUFFLE"});break;case"SHUFFLE":n({type:"SET_REPEAT_TYPE",repeatType:"ALL"});break}},[e.repeatType,n]),u=O.useMemo(()=>{switch(e.repeatType){case"ALL":return C(ie,{render:C(On,{}),customIcon:t==null?void 0:t.repeatAll});case"ONE":return C(ie,{render:C($n,{}),customIcon:t==null?void 0:t.repeatOne});case"NONE":return C(ie,{render:C(Tn,{}),customIcon:t==null?void 0:t.repeatNone});case"SHUFFLE":return C(ie,{render:C(Sn,{}),customIcon:t==null?void 0:t.repeatShuffle})}},[e.repeatType,t==null?void 0:t.repeatAll,t==null?void 0:t.repeatNone,t==null?void 0:t.repeatOne,t==null?void 0:t.repeatShuffle]);return C(Te,{onClick:i,className:"repeat-button",children:u})},Ln=({isOpen:e})=>{const{customIcons:t}=F(X);return C(Te,{children:C(ie,{render:C(kn,{size:"100%",color:e?"var(--rm-audio-player-sortable-list-button-active)":void 0}),customIcon:t==null?void 0:t.playList})})},ir=O.forwardRef((e,t)=>{const{curAudioState:n,customIcons:i}=F(X),u=F(ne),h=O.useCallback(()=>u({type:"SET_MUTED",muted:!n.muted}),[u,n.muted]),p=O.useMemo(()=>{const l={size:"100%"};if(n.muted)return C(ie,{render:C(Nt,{...l}),customIcon:i==null?void 0:i.volumeMuted});switch((y=>{if(y===0)return"mute";if(y<=.5)return"low";if(y>.5)return"high"})(n.volume)){case"mute":return C(ie,{render:C(Nt,{...l}),customIcon:i==null?void 0:i.volumeMuted});case"low":return C(ie,{render:C(_n,{...l}),customIcon:i==null?void 0:i.volumeHalf});case"high":return C(ie,{render:C(Rn,{...l}),customIcon:i==null?void 0:i.volumeFull});default:return null}},[n.muted,n.volume,i==null?void 0:i.volumeMuted,i==null?void 0:i.volumeFull,i==null?void 0:i.volumeHalf]);return C(Te,{onClick:h,className:"volume-trigger-container",ref:t,children:p})});ir.displayName="VolumeTriggerBtn";const kt=O.createContext(null),or=de.keyframes({"0%":{opacity:0,transform:"scale(0.95)"},"60%":{opacity:.75,transform:"scale(1.05)"},"100%":{opacity:1,transform:"scale(1)"}}),sr=de.keyframes({"0%":{opacity:1,transform:"scale(1)"},"100%":{opacity:0,transform:"scale(0.5)"}}),Pt=({visible:e,name:t,leaveTime:n,enterTime:i,clearTime:u,onExited:h,onEntered:p,children:l})=>{const[d,y]=O.useState(""),[v,w]=O.useState(!1);return O.useLayoutEffect(()=>{const A=e?"enter":"leave",E=e?i:n;e&&!v&&w(!0),y(`${t}-${A}`);const M=setTimeout(()=>{y(`${t}-${A} ${t}-${A}-active`),A==="leave"?h==null||h():p==null||p(),clearTimeout(M)},E),_=setTimeout(()=>{e||(y(t),w(!1)),clearTimeout(_)},E+u);return()=>{clearTimeout(M),clearTimeout(_)}},[e,v]),v?O.cloneElement(l,{className:`${l.props.className} ${d}`}):null},lr=(e,t)=>{O.useEffect(()=>{const n=i=>{const u=e.current,{target:h}=i;!i||!u||u.contains(h)||t(i)};return document.addEventListener("click",n),()=>document.removeEventListener("click",n)},[e,t])},xe=({outboundClickActive:e=!1,placement:t="bottom",children:n,isOpen:i,onOpenChange:u})=>{const h=O.useRef(null),[p,l]=U.default.Children.toArray(n),[d,y]=O.useState(!1);return lr(h,()=>{!e||(y(!1),u&&u(!1))}),O.useLayoutEffect(()=>{i!==void 0&&y(i)},[i]),C(In,{className:"drawer-container",ref:h,children:C(kt.Provider,{value:{isOpen:d,setIsOpen:y,onOpenChange:u},children:Z(ye,{children:[t==="top"&&l,p,t==="bottom"&&l]})})})},In=K.default.div`
-  position: relative;
-  min-width: 20px;
-  min-height: 20px;
-  .drawer-trigger-wrapper {
-    width: 100%;
-    height: 100%;
-    cursor: pointer;
-    position: absolute;
-    display: flex;
-  }
-
-  .drawer-content-wrapper {
-    transform-origin: center top;
-  }
-
-  .drawer-content-wrapper-enter {
-    animation: ${or} 0.25s ease-out normal forwards;
-  }
-
-  .drawer-content-wrapper-leave {
-    animation: ${sr} 0.1s ease-in forwards;
-  }
-`,Nn=({children:e,isWithAnimation:t=!0})=>{const{isOpen:n,setIsOpen:i}=F(kt),u=()=>i(!1),h=()=>i(!0),p=O.useMemo(()=>C("div",{className:"drawer-content-container",children:e}),[e]);return t?C(Pt,{visible:n,name:"drawer-content-wrapper",enterTime:20,leaveTime:60,clearTime:300,onExited:u,onEntered:h,children:p}):p},Wn=({children:e})=>{const{isOpen:t,setIsOpen:n,onOpenChange:i}=F(kt);return C("div",{className:"drawer-trigger-wrapper",onClick:()=>{n(!t),i&&i(!t)},children:e})};xe.Content=Nn;xe.Trigger=Wn;const ut=({children:e})=>C(Dn,{className:"sortable-list-container",children:e}),Dn=K.default.ul`
-  ul,
-  li {
-    list-style-type: none;
-  }
-  cursor: pointer;
-`;function Fe(e){return e&&e.__esModule?e.default:e}function Ct(e,t,n,i){Object.defineProperty(e,t,{get:n,set:i,enumerable:!0,configurable:!0})}const Bn={...yt,autoFlow:["gridAutoFlow",J],autoColumns:["gridAutoColumns",Re],autoRows:["gridAutoRows",Re],areas:["gridTemplateAreas",jn],columns:["gridTemplateColumns",Wt],rows:["gridTemplateRows",Wt],gap:["gap",G],rowGap:["rowGap",G],columnGap:["columnGap",G],justifyItems:["justifyItems",J],justifyContent:["justifyContent",J],alignItems:["alignItems",J],alignContent:["alignContent",J]};function Vn(e,t){let{children:n,...i}=e,{styleProps:u}=ke(i,Bn);u.style.display="grid";let h=Le(t);return U.default.createElement("div",{...Ae(i),...u,ref:h},n)}function jn(e){return e.map(t=>`"${t}"`).join(`
-`)}function Re(e){return/^max-content|min-content|minmax|auto|fit-content|repeat|subgrid/.test(e)?e:G(e)}function Wt(e){return Array.isArray(e)?e.map(Re).join(" "):Re(e)}const zn=O.forwardRef(Vn);var we={};Ct(we,"flex-container",()=>ct,e=>ct=e);Ct(we,"flex",()=>dt,e=>dt=e);Ct(we,"flex-gap",()=>ft,e=>ft=e);var ct,dt,ft;ct="flex-container_e15493";dt="flex_e15493";ft="flex-gap_e15493";const Fn={direction:["flexDirection",J],wrap:["flexWrap",Un],justifyContent:["justifyContent",He],alignItems:["alignItems",He],alignContent:["alignContent",He]};function Hn(e,t){let{children:n,...i}=e,u=Ht(),h=(u==null?void 0:u.matchedBreakpoints)||["base"],{styleProps:p}=ke(i),{styleProps:l}=ke(i,Fn),d=Le(t),y=Me();if((e.gap||e.rowGap||e.columnGap)&&(y||!qn())){let w={...l.style,"--column-gap":e.columnGap!=null?be(e.columnGap,h):void 0,"--row-gap":e.rowGap!=null?be(e.rowGap,h):void 0,"--gap":e.gap!=null?be(e.gap,h):void 0};return U.default.createElement("div",{...Ae(i),...p,className:je(Fe(we),"flex-container",p.className),ref:d},U.default.createElement("div",{className:je(Fe(we),"flex","flex-gap"),style:w},n))}let v={...p.style,...l.style};return e.gap!=null&&(v.gap=be(e.gap,h)),e.columnGap!=null&&(v.columnGap=be(e.columnGap,h)),e.rowGap!=null&&(v.rowGap=be(e.rowGap,h)),U.default.createElement("div",{...Ae(i),className:je(Fe(we),"flex",p.className),style:v,ref:d},n)}function He(e){return e==="start"?"flex-start":e==="end"?"flex-end":e}function Un(e){return typeof e=="boolean"?e?"wrap":"nowrap":e}let _e=null;function qn(){if(_e!=null)return _e;if(typeof document=="undefined")return!1;var e=document.createElement("div");return e.style.display="flex",e.style.flexDirection="column",e.style.rowGap="1px",e.appendChild(document.createElement("div")),e.appendChild(document.createElement("div")),document.body.appendChild(e),_e=e.scrollHeight===1,e.parentNode.removeChild(e),_e}const ur=O.forwardRef(Hn),Gn=({index:e,dragStartIdx:t,listData:n,draggable:i=!0,onDragStart:u,onDragOver:h,onDrop:p,onClick:l})=>({draggable:i,onDragStart:d=>{d.stopPropagation(),d.currentTarget.classList.add("dragstart"),u&&u(d)},onDragEnd:d=>{d.stopPropagation(),d.currentTarget.classList.remove("dragstart")},onDragEnter:d=>{d.stopPropagation(),d.currentTarget.classList.add("dragover")},onDragLeave:d=>{d.stopPropagation(),d.currentTarget.classList.remove("dragover")},onDragOver:d=>{d.preventDefault(),d.stopPropagation(),h&&h(d)},onDrop:d=>{d.stopPropagation(),d.currentTarget.classList.remove("dragover");const y=[...n],v=n[t];y.splice(t,1);const w=(t<e?[...y.slice(0,e),v,...y.slice(e,y.length)]:[...y.slice(0,e),v,...y.slice(e,y.length)]).map((A,E)=>({...A,index:E}));p&&p(d,w)},onClick:d=>{d.stopPropagation(),l&&l(d)}}),Xn=e=>{const{children:t,...n}=e,i=Gn(n);return C(Yn,{className:"list-item-root-container",...i,children:C(ur,{alignItems:"center",children:t})})},Yn=K.default.li`
-  border-top: 2px solid transparent;
-  border-bottom: 2px solid transparent;
-  transition: all 0.3s ease-in-out;
-
-  & * {
-    pointer-events: none;
-  }
-
-  &.dragstart {
-    opacity: 0.5;
-  }
-
-  &.dragover {
-    transform: scale(1.02);
-    backdrop-filter: blur(20px);
-    box-shadow: 0px 3.58195px 22.3872px -2.68646px rgb(0 0 0 / 20%);
-  }
-`;ut.Item=Xn;var cr={exports:{}};/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/(function(e){(function(){var t={}.hasOwnProperty;function n(){for(var i=[],u=0;u<arguments.length;u++){var h=arguments[u];if(!!h){var p=typeof h;if(p==="string"||p==="number")i.push(h);else if(Array.isArray(h)){if(h.length){var l=n.apply(null,h);l&&i.push(l)}}else if(p==="object"){if(h.toString!==Object.prototype.toString&&!h.toString.toString().includes("[native code]")){i.push(h.toString());continue}for(var d in h)t.call(h,d)&&h[d]&&i.push(d)}}}return i.join(" ")}e.exports?(n.default=n,e.exports=n):window.classNames=n})()})(cr);var Qn=cr.exports;const Jn=({data:e})=>{const{curPlayId:t,coverImgsCss:n}=F(X);return C(Kn,{className:Qn("list-item-container",{curPlayed:t===e.id}),children:Z("div",{className:"list-item-contents-wrapper",children:[C("div",{className:"album-cover-wrapper",children:C("img",{src:e.img,alt:"",style:n==null?void 0:n.listThumbnail})}),Z("div",{className:"album-info-wrapper",children:[e.writer&&C("span",{className:"writer",children:e.writer}),e.name&&C("span",{className:"title",children:e.name}),e.description&&C("div",{className:"description",children:e.description})]})]})})},Kn=K.default.div`
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  padding: 10px 20px;
-  &.curPlayed {
-    background: var(--rm-audio-player-selected-list-item-background);
-  }
-  .list-item-contents-wrapper {
-    width: 100%;
-    display: flex;
-    gap: 10px;
-  }
-  .album-cover-wrapper {
-    display: flex;
-    align-items: center;
-    img {
-      width: 35px;
-      height: 35px;
-    }
-  }
-  .album-info-wrapper {
-    display: grid;
-    min-width: 10px;
-    font-size: 13px;
-    margin-right: 1.5rem;
-    padding: 2px 0%;
-    span {
-      align-self: center;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      overflow: hidden;
-    }
-  }
-`,Zn=({setIsOpen:e})=>{const{playList:t,activeUI:n}=F(X),i=F(ne),[u,h]=O.useState(0),p=O.useCallback(l=>{i({type:"SET_CURRENT_AUDIO",currentIndex:l,currentAudioId:t[l].id})},[i,t]);return{cssTransitionEventProps:{onExited:()=>e(!1),onEntered:()=>e(!0)},sortableItemEventProps:{draggable:n.playList!=="unSortable"||n.all,dragStartIdx:u,onDragStart:l=>h(l),onDrop:(l,d)=>i({type:"UPDATE_PLAY_LIST",playList:d}),onClick:l=>p(l)}}},ea=({isOpen:e,setIsOpen:t})=>{const{playList:n}=F(X),{cssTransitionEventProps:i,sortableItemEventProps:u}=Zn({setIsOpen:t}),{onClick:h,onDragStart:p,...l}=u;return n.length!==0?wr.default.createPortal(C(Pt,{visible:e,name:"playlist-content",enterTime:20,leaveTime:20,clearTime:300,...i,children:C(ta,{className:"play-list-container",children:C(ut,{children:n.map((d,y)=>C(ut.Item,{index:y,listData:n,onClick:()=>h(y),onDragStart:()=>p(y),...l,children:C(Jn,{data:d})},`sortable-item-${y}`))})})}),document.querySelector(".sortable-play-list")):C(ye,{})},ta=K.default.div`
-  transition-property: max-height, opacity;
-  overflow-x: hidden;
-  overflow-y: auto;
-
-  &.playlist-content-enter {
-    opacity: 0;
-    max-height: 0;
-  }
-  &.playlist-content-enter-active {
-    opacity: 1;
-    max-height: 20vh;
-    transition-duration: 0.5s;
-    transition-timing-function: cubic-bezier(0, 0, 0, 1.2);
-  }
-  &.playlist-content-leave {
-    opacity: 1;
-    max-height: 20vh;
-  }
-  &.playlist-content-leave-active {
-    opacity: 0;
-    max-height: 0;
-    transition-duration: 0.25s;
-    transition-timing-function: 0.2s cubic-bezier(0.66, -0.41, 1, 1);
-  }
-`,ra=()=>{const[e,t]=O.useState(!1);return Z(xe,{onOpenChange:t,children:[C(xe.Trigger,{children:C(Ln,{isOpen:e})}),C(xe.Content,{children:C(ea,{isOpen:e,setIsOpen:t})})]})},Et=({refs:e},t)=>{const n=F(ne);O.useEffect(()=>{if(Object.values(e).every(u=>u.current)){const u=Object.entries(e).reduce((h,[p,l])=>({...h,[p]:l.current}),{});n({type:"SET_ELEMENT_REFS",elementRefs:u})}},[n,...Object.values(e),...t])},na=()=>{const{elementRefs:e}=F(X),[t,n]=O.useState(!1),i=O.useCallback(u=>{if(!(e!=null&&e.audioEl))return;const{clientX:h}=u,{clientWidth:p}=u.currentTarget,l=u.currentTarget.getBoundingClientRect(),v=(h-l.x)/p*e.audioEl.duration;e.audioEl.currentTime=v},[e==null?void 0:e.audioEl]);return{onMouseDown:()=>n(!0),onMouseUp:()=>n(!1),onMouseLeave:()=>n(!1),onMouseMove:t?i:void 0,onClick:i}},aa=({isActive:e})=>{const t=O.useRef(null),n=O.useRef(null),i=O.useRef(null);Et({refs:{progressBarEl:t,progressValueEl:n,progressHandleEl:i}},[e]);const u=na();return e?Z(ia,{className:"bar-progress-wrapper",...u,children:[C("div",{className:"rm-player-progress-bar",ref:t,children:C("div",{className:"rm-player-progress",ref:n})}),C("div",{className:"rm-player-progress-handle",ref:i})]}):null},ia=K.default.div`
-  display: flex;
-  width: 100%;
-  height: 18px;
-  padding: 8px 0;
-  cursor: pointer;
-  position: relative;
-  align-items: center;
-  .rm-player-progress-bar {
-    position: relative;
-    width: 100%;
-    height: 100%;
-    overflow: hidden;
-    background-color: var(--rm-audio-player-progress-bar-background);
-  }
-  .rm-player-progress {
-    position: absolute;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background-color: var(--rm-audio-player-progress-bar);
-    transform-origin: 0 0;
-    transform: scaleX(0);
-  }
-  &:hover {
-    .rm-player-progress-handle {
-      opacity: 1;
-    }
-  }
-  .rm-player-progress-handle {
-    position: absolute;
-    left: -4px;
-    background-color: var(--rm-audio-player-progress-bar);
-    border-radius: 100%;
-    height: 8px;
-    width: 8px;
-    opacity: 0;
-    transition: opacity 0.2s ease-in-out;
-  }
-`,oa=K.default.div`
-  display: flex;
-  width: 100%;
-  #rm-waveform {
-    width: 100%;
-    wave {
-      cursor: pointer !important;
-    }
-  }
-`,sa=({isActive:e})=>{const t=F(ne),{elementRefs:n}=F(X);return O.useLayoutEffect(()=>{!e&&(n==null?void 0:n.waveformInst)&&(n.waveformInst.destroy(),t({type:"SET_ELEMENT_REFS",elementRefs:{waveformInst:void 0}}))},[t,n==null?void 0:n.waveformInst,e]),e?C(oa,{className:"waveform-wrapper",children:C("div",{id:"rm-waveform"})}):null},la=K.default.div`
-  min-width: 200px;
-  padding: 0 10px;
-`,ua=()=>{const{activeUI:e}=F(X);return Z(la,{className:"progress-container",children:[C(sa,{isActive:e.progress==="waveform"}),C(aa,{isActive:e.progress!=="waveform"})]})},le=zn,dr=O.forwardRef(({children:e,visible:t=!0,...n},i)=>C(tr,{justifySelf:"center",padding:t?"0 5px":void 0,ref:i,...n,children:t&&e}));dr.displayName="GridItem";le.Item=dr;const ca=({placement:e})=>{const t=O.useRef(null),{curAudioState:n}=F(X),i=F(ne),u=O.useCallback(h=>{h.stopPropagation(),h.preventDefault(),n.muted&&i({type:"SET_MUTED",muted:!1});const{value:p}=h.target,l=parseFloat(p);i({type:"SET_VOLUME",volume:l})},[n.muted,i]);return C(da,{contentPlacement:e,volumeValue:n.volume*100,ref:t,className:"volume-content-container",children:C("div",{className:"volume-panel-wrapper",children:C("input",{className:"volume-slider-input",type:"range",style:{cursor:"pointer"},defaultValue:n.volume,onChange:u,min:"0",max:"1",step:"0.01"})})})},da=K.default.div`
-  ${({contentPlacement:e,volumeValue:t})=>de.css`
-    --rm-audio-player-volume-value: ${t}%;
-    position: relative;
-    height: 119px;
-    width: 32px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    ${(e==null?void 0:e.includes("top"))&&de.css`
-      bottom: auto;
-    `}
-
-    .volume-panel-wrapper {
-      width: 30px;
-      background-color: var(--rm-audio-player-volume-panel-background);
-      border: 1px solid var(--rm-audio-player-volume-panel-border);
-      border-radius: 5px;
-      height: 118px;
-      box-shadow: 0 2px 4px rgb(0 0 0 /10%);
-      position: absolute;
-      bottom: 5px;
-      ${(e==null?void 0:e.includes("bottom"))&&de.css`
-        transform: rotateX(180deg);
-        top: 5px;
-      `}
-      &:before {
-        content: "";
-        bottom: -10px;
-        left: 7.9px;
-        border-color: transparent transparent
-          var(--rm-audio-player-volume-panel-border)
-          var(--rm-audio-player-volume-panel-border);
-        border-style: solid;
-        border-width: 5px;
-        box-shadow: -3px 3px 4px rgb(0 0 0 / 10%);
-        position: absolute;
-        width: 0;
-        height: 0;
-        box-sizing: border-box;
-        -webkit-transform-origin: 0 0;
-        transform-origin: 0 0;
-        -webkit-transform: rotate(-45deg);
-        transform: rotate(-45deg);
-        pointer-events: none;
-        z-index: 0;
-      }
-      &:after {
-        content: "";
-        bottom: -8px;
-        left: 9px;
-        border-color: transparent transparent
-          var(--rm-audio-player-volume-panel-background)
-          var(--rm-audio-player-volume-panel-background);
-        border-style: solid;
-        border-width: 4px;
-        z-index: 1;
-        position: absolute;
-        width: 0;
-        height: 0;
-        box-sizing: border-box;
-        -webkit-transform-origin: 0 0;
-        transform-origin: 0 0;
-        -webkit-transform: rotate(-45deg);
-        transform: rotate(-45deg);
-        pointer-events: none;
-      }
-    }
-
-    input {
-      &[type="range"] {
-        margin-left: 14px;
-        position: absolute;
-        display: block;
-        top: -45px;
-        left: 0;
-        height: 2px;
-        width: 92px;
-        -webkit-appearance: none;
-        background-color: var(--rm-audio-player-volume-background);
-        outline-color: transparent;
-        transform-origin: 75px 75px;
-        transform: rotate(-90deg);
-      }
-
-      &:focus {
-        outline-color: transparent;
-      }
-
-      &::-webkit-slider-thumb {
-        -webkit-appearance: none;
-        width: 16px;
-        height: 16px;
-        border-radius: 12px;
-        overflow: visible;
-        background: var(--rm-audio-player-volume-thumb);
-      }
-
-      &::-moz-range-thumb {
-        width: 16px;
-        height: 16px;
-        border-radius: 12px;
-        overflow: visible;
-        background: var(--rm-audio-player-volume-thumb);
-        border: none;
-      }
-      &::-moz-range-track {
-        -webkit-appearance: none;
-        appearance: none;
-        display: block;
-        overflow: visible;
-        color: transparent;
-        cursor: pointer;
-        border-radius: 2%/50%;
-        border-color: transparent;
-        background-color: transparent;
-        background-position: center;
-        background-repeat: no-repeat;
-        background-size: 100% 3px;
-        background-image: linear-gradient(
-          90deg,
-          var(--rm-audio-player-volume-fill) var(--rm-audio-player-volume-value),
-          var(--rm-audio-player-volume-track)
-            var(--rm-audio-player-volume-value)
-        );
-      }
-
-      &::-webkit-slider-runnable-track {
-        -webkit-appearance: none;
-        appearance: none;
-        display: block;
-        overflow: visible;
-        color: transparent;
-        cursor: pointer;
-        border-radius: 2%/50%;
-        border-color: transparent;
-        background-color: transparent;
-        background-position: center;
-        background-repeat: no-repeat;
-        background-size: 100% 3px;
-        background-image: linear-gradient(
-          90deg,
-          var(--rm-audio-player-volume-fill) var(--rm-audio-player-volume-value),
-          var(--rm-audio-player-volume-track)
-            var(--rm-audio-player-volume-value)
-        );
-      }
-    }
-  `}
-`,fr=O.createContext(null),hr=({clickArea:e,triggerType:t,isOpen:n,setIsOpen:i,onOpenChange:u})=>{const h=O.useRef(),p=v=>{const w=()=>{clearTimeout(h.current),h.current=void 0},A=E=>{i(E),u&&u(E),w()};if(w(),v){h.current=window.setTimeout(()=>A(!0),100);return}h.current=window.setTimeout(()=>A(!1),100)},l=v=>{t==="hover"&&p(v)};return{onClick:e==="content"?v=>{v.stopPropagation(),v.nativeEvent.stopImmediatePropagation()}:()=>{t==="click"&&(i(!n),u&&u(!n))},onKeyUp:()=>l(!0),onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),onFocus:()=>l(!0),onBlur:()=>l(!1)}},Se=({triggerType:e="click",outboundClickActive:t=!0,children:n,isOpen:i,placement:u="bottom",disabled:h=!1,onOpenChange:p})=>{const l=O.useRef(null),[d,y]=U.default.Children.toArray(n),[v,w]=O.useState(!1),A=hr({setIsOpen:w,isOpen:v,triggerType:e,clickArea:"root"});return lr(l,()=>t&&w(!1)),O.useLayoutEffect(()=>{i!==void 0&&w(i)},[i]),C(fa,{className:"dropdown-container",ref:l,...A,children:C(fr.Provider,{value:{dropdownRef:l,placement:u,isOpen:v,setIsOpen:w,onOpenChange:p},children:Z(ye,{children:[d,!h&&y]})})})},fa=K.default.div`
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 20px;
-  min-height: 20px;
-  .dropdown-trigger-wrapper {
-    width: 100%;
-    height: 100%;
-    cursor: pointer;
-    position: absolute;
-    display: flex;
-  }
-
-  .dropdown-content-wrapper {
-    transform-origin: center top;
-  }
-
-  .dropdown-content-wrapper-enter {
-    animation: ${or} 0.25s ease-out normal forwards;
-  }
-
-  .dropdown-content-wrapper-leave {
-    animation: ${sr} 0.1s ease-in forwards;
-  }
-`,ha=({children:e,isWithAnimation:t=!0,...n})=>{const{dropdownRef:i,placement:u,isOpen:h,setIsOpen:p}=F(fr),[l,d]=O.useState(),{onClick:y}=hr({setIsOpen:p,isOpen:h,clickArea:"content"}),v=()=>p(!1),w=()=>p(!0);O.useEffect(()=>{i.current&&d({width:i.current.offsetWidth,height:i.current.offsetHeight})},[i.current]);const A=O.useMemo(()=>l?C(pa,{...n,dropdownSize:l,placement:u,onClick:y,children:e}):null,[e,n,l,u,y]);return t?C(Pt,{visible:h,name:"dropdown-content-wrapper",enterTime:20,leaveTime:60,clearTime:300,onExited:v,onEntered:w,children:A}):h?A:null},pa=K.default.div`
-  ${({placement:e,dropdownSize:t})=>de.css`
-    position: absolute;
-    top: ${e==="bottom"?`${t.height}px`:void 0};
-    margin-top: ${e==="bottom"?"5px":void 0};
-    bottom: ${e==="top"?`${t.height}px`:void 0};
-    margin-bottom: ${e==="top"?"5px":void 0};
-    left: ${e==="right"?`${t.width}px`:void 0};
-    right: ${e==="left"?`${t.width}px`:void 0};
-  `}
-`,ma=({children:e})=>C("div",{className:"dropdown-trigger-wrapper",children:e});Se.Content=ha;Se.Trigger=ma;const va=({triggerRef:e,initialState:t})=>{const{playerPlacement:n}=F(X),[i,u]=O.useState(t);return O.useEffect(()=>{if(e.current){const h=()=>e.current.getBoundingClientRect().top<window.innerHeight/2?"bottom":"top",p=setTimeout(()=>{u(h())},0);return()=>{clearTimeout(p)}}},[n,e]),i},ya=()=>{const e=O.useRef(null),{activeUI:{volumeSlider:t,all:n},volumeSliderPlacement:i}=F(X),u=va({triggerRef:e,initialState:"bottom"});return Z(Se,{placement:i||u,triggerType:"hover",disabled:!(t!=null?t:n),children:[C(Se.Trigger,{children:C(ir,{ref:e})}),C(Se.Content,{children:C(ca,{placement:i||u})})]})},ga=()=>{var i,u,h,p,l,d,y,v,w,A,E,M,_,x,S,P,T;const{interfacePlacement:e,activeUI:t}=F(X),n=(i=document.querySelector(".rm-audio-player-provider"))==null?void 0:i.getBoundingClientRect().top;return Z(ye,{children:[C(le.Item,{gridArea:((u=e==null?void 0:e.itemCustomArea)==null?void 0:u.progress)||((h=e==null?void 0:e.templateArea)==null?void 0:h.progress)||re.templateArea.progress,width:"100%",visible:Boolean(t.progress!==void 0?t.progress:t.all),children:C(ua,{})}),C(le.Item,{gridArea:((p=e==null?void 0:e.itemCustomArea)==null?void 0:p.repeatType)||((l=e==null?void 0:e.templateArea)==null?void 0:l.repeatType)||re.templateArea.repeatType,visible:Boolean((d=t.repeatType)!=null?d:t.all),children:C(Mn,{})}),C(le.Item,{gridArea:((y=e==null?void 0:e.itemCustomArea)==null?void 0:y.playButton)||((v=e==null?void 0:e.templateArea)==null?void 0:v.playButton)||re.templateArea.playButton,visible:Boolean((w=t.playButton)!=null?w:t.all),children:Z(ur,{UNSAFE_className:"btn-wrapper",alignItems:"center",gap:"10px",children:[C(It,{type:"prev",visible:Boolean((A=t.prevNnext)!=null?A:t.all)}),C(Cn,{}),C(It,{type:"next",visible:Boolean((E=t.prevNnext)!=null?E:t.all)})]})}),C(le.Item,{gridArea:((M=e==null?void 0:e.itemCustomArea)==null?void 0:M.volume)||((_=e==null?void 0:e.templateArea)==null?void 0:_.volume)||re.templateArea.volume,visible:Boolean((x=t.volume)!=null?x:t.all),children:C(ya,{},n)}),C(le.Item,{gridArea:((S=e==null?void 0:e.itemCustomArea)==null?void 0:S.playList)||((P=e==null?void 0:e.templateArea)==null?void 0:P.playList)||re.templateArea.playList,visible:Boolean((T=t.playList)!=null?T:t.all),children:C(ra,{})})]})},ba=K.default.div`
-  display: flex;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  img {
-    width: 50px;
-    height: 50px;
-  }
-`,wa=()=>{var i;const{playList:e,curIdx:t,coverImgsCss:n}=F(X);return C(ba,{className:"artwork-container",children:C("img",{src:(i=e[t])==null?void 0:i.img,alt:"",style:n==null?void 0:n.artwork})})},Aa=K.default.div`
-  display: grid;
-  align-items: center;
-  row-gap: 5px;
-  width: 200px;
-  span {
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
-  }
-  .title {
-    font-size: 16px;
-  }
-  .writer {
-    font-size: 12px;
-  }
-`,ka=()=>{const{playList:e,curIdx:t}=F(X),n=e[t];return C(Aa,{className:"track-info-container",children:n!=null&&n.customTrackInfo?n.customTrackInfo:Z(ye,{children:[(n==null?void 0:n.name)&&C("span",{className:"title",children:n.name}),(n==null?void 0:n.writer)&&C("span",{className:"writer",children:n.writer})]})})},pr=K.default.div`
-  ${({position:e,childrenClassName:t})=>de.css`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    min-height: 16px;
-    font-family: monospace !important;
-    font-size: 16px !important;
-
-    .${t} {
-      margin-right: ${e==="left"&&"-10px"};
-    }
-
-    ${e==="right"&&de.css`
-      .${t}:before {
-        content: "/";
-        margin: 0 0.3rem;
-      }
-    `}
-  `}
-`,Pa=({position:e})=>{const t=O.useRef(null);return Et({refs:{trackCurTimeEl:t}},[]),C(Ca,{position:e,className:"track-time-current-container",childrenClassName:"track-current-time",children:C("span",{ref:t,className:"track-current-time",children:"00:00"})})},Ca=K.default(pr)`
-  .track-current-time {
-    font-weight: 700;
-    letter-spacing: -0.1rem;
-    color: var(--rm-audio-player-track-current-time);
-  }
-`,Ea=({position:e})=>{const t=O.useRef(null);return Et({refs:{trackDurationEl:t}},[]),C(xa,{position:e,className:"track-time-duration-container",childrenClassName:"track-duration",children:C("span",{ref:t,className:"track-duration",children:"00:00"})})},xa=K.default(pr)`
-  .track-duration {
-    display: flex;
-    color: var(--rm-audio-player-track-duration);
-    letter-spacing: -0.1rem;
-  }
-`,Sa=()=>{var l,d,y,v,w,A,E,M,_,x;const{interfacePlacement:e,activeUI:t}=F(X),n=O.useCallback(S=>+S.split(/[^\d]/).join(""),[]),i=n(((l=e==null?void 0:e.itemCustomArea)==null?void 0:l.trackTimeCurrent)||((d=e==null?void 0:e.templateArea)==null?void 0:d.trackTimeCurrent)||re.templateArea.trackTimeCurrent),u=n(((y=e==null?void 0:e.itemCustomArea)==null?void 0:y.trackTimeDuration)||((v=e==null?void 0:e.templateArea)==null?void 0:v.trackTimeDuration)||re.templateArea.trackTimeDuration),h=O.useCallback(S=>{switch(S){case 1:return"right";case-1:return"left";default:return"separation"}},[]),p={current:h(i-u),duration:h(u-i)};return Z(ye,{children:[C(le.Item,{gridArea:((w=e==null?void 0:e.itemCustomArea)==null?void 0:w.trackTimeCurrent)||((A=e==null?void 0:e.templateArea)==null?void 0:A.trackTimeCurrent)||re.templateArea.trackTimeCurrent,visible:Boolean((E=t.trackTime)!=null?E:t.all),children:C(Pa,{position:p.current})}),C(le.Item,{gridArea:((M=e==null?void 0:e.itemCustomArea)==null?void 0:M.trackTimeDuration)||((_=e==null?void 0:e.templateArea)==null?void 0:_.trackTimeDuration)||re.templateArea.trackTimeDuration,visible:Boolean((x=t.trackTime)!=null?x:t.all),children:C(Ea,{position:p.duration})})]})},Ta=()=>{var h,p,l,d,y,v,w,A,E,M,_,x;const{interfacePlacement:e,playList:t,curIdx:n,activeUI:i}=F(X),u=Boolean((y=(l=(h=t[n])==null?void 0:h.customTrackInfo)!=null?l:(p=t[n])==null?void 0:p.writer)!=null?y:(d=t[n])==null?void 0:d.name)&&Boolean((v=i.trackInfo)!=null?v:i.all);return Z(ye,{children:[C(le.Item,{gridArea:((w=e==null?void 0:e.itemCustomArea)==null?void 0:w.artwork)||((A=e==null?void 0:e.templateArea)==null?void 0:A.artwork)||re.templateArea.artwork,visible:Boolean(((E=t[n])==null?void 0:E.img)&&((M=i.artwork)!=null?M:i.all)),children:C(wa,{})}),C(le.Item,{gridArea:((_=e==null?void 0:e.itemCustomArea)==null?void 0:_.trackInfo)||((x=e==null?void 0:e.templateArea)==null?void 0:x.trackInfo)||re.templateArea.trackInfo,visible:u,children:C(ka,{})}),C(Sa,{})]})},$a=(e,t)=>{const n=e.all?Object.keys(re.templateArea).filter(v=>(v==="trackTimeCurrent"||v==="trackTimeDuration")&&e.trackTime===!1?!1:e[v]!==void 0?e[v]:!0):Object.entries(e).filter(([,v])=>v).map(([v])=>v);(()=>{n.find(v=>v==="trackTime")&&(n.splice(n.indexOf("trackTime"),1),n.push("trackTimeCurrent"),n.push("trackTimeDuration"))})();const u={...re.templateArea,...t},h=Object.entries(u).map(([v,w])=>{const[A,E]=w.split("-");return{key:v,row:Number(A.split("row")[1]),col:Number(E)}}).filter(({key:v})=>n.includes(v)).sort((v,w)=>v.col-w.col);let p=1;(()=>{for(let v=0;v<h.length;v++)p=Math.max(p,h[v].row)})();const d=new Array(p).fill("").map((v,w)=>{let A="";for(let E=0;E<h.length;E++)A+=` row${w+1}-${h[E].col}`,E===0&&(A=A.trim());return A}),y=new Array(p).fill("").map((v,w)=>{const A=window?window.innerWidth-100:1500;let E="";for(let M=0;M<h.length;M++){if(M===0&&(E=E.trim()),w===0&&h[M].key==="progress"){E+=" 1fr";continue}E+=` fit-content(${A}px)`}return E});return{gridAreas:d,gridColumns:y}},Oa=K.default.div`
-  .interface-grid {
-    background: var(--rm-audio-player-interface-container);
-  }
-  .interface-grid {
-    padding: 0.5rem 10px;
-  }
-  .sortable-play-list {
-    background: var(--rm-audio-player-sortable-list);
-    box-shadow: -5px 2px 4px 0px rgb(0 0 0 / 4%) inset;
-  }
-`,_a=()=>{const{interfacePlacement:e,activeUI:t,playListPlacement:n}=F(X),{gridAreas:i,gridColumns:u}=$a(t,e==null?void 0:e.templateArea);return Z(Oa,{className:"interface-container",children:[n==="top"&&C("div",{className:"sortable-play-list"}),Z(le,{alignItems:"center",justifyContent:"center",areas:i,minHeight:"30px",columns:u,UNSAFE_className:"interface-grid",children:[C(Ta,{}),C(ga,{})]}),n==="bottom"&&C("div",{className:"sortable-play-list"})]})},Ra=({placement:e={},activeUI:t,coverImgsCss:n,audioInitialState:i,playList:u,customIcons:h})=>{const[p,l]=O.useState(!1),d=F(ne);O.useLayoutEffect(()=>{if(!p)return;const{player:y,playList:v,interface:w,volumeSlider:A}=e;d({type:"SET_PLACEMENTS",playerPlacement:y,playListPlacement:v,interfacePlacement:w,volumeSliderPlacement:A})},[d,e]),O.useLayoutEffect(()=>{!p||!t||d({type:"SET_ACTIVE_UI",activeUI:t})},[t,d]),O.useLayoutEffect(()=>{!p||!n||d({type:"SET_COVER_IMGS_CSS",coverImgsCss:n})},[d,n]),O.useEffect(()=>{!p||!i||d({type:"SET_INITIAL_AUDIO_STATE",audioInitialState:i})},[i,d]),O.useEffect(()=>{!p||d({type:"UPDATE_PLAY_LIST",playList:u})},[d,u]),O.useEffect(()=>{!p||!h||d({type:"SET_CUSTOM_ICONS",customIcons:h})},[h,d]),O.useEffect(()=>{l(!0)},[])},Ma=e=>(Ra(e),Z(tr,{id:"rm-audio-player",UNSAFE_className:"rm-audio-player-container",children:[C(yn,{}),C(_a,{})]})),mr=({rootContainerProps:e,...t})=>C(ln,{...t,children:Z(on,{rootContainerProps:e,children:[C(Ma,{...t}),C(un,{})]})});exports.AudioPlayerWithProvider=mr;exports.default=mr;