@meersagor/wavesurfer-vue 1.0.0 → 2.0.0

package/dist/@meersagor-wavesurfer-vue.js

@@ -1,137 +1,953 @@
-import { ref as v, onMounted as w, onUnmounted as S, defineComponent as T, getCurrentInstance as M, openBlock as A, createElementBlock as O, computed as y } from "vue";
-import E from "wavesurfer.js";
-const P = ({ containerRef: n, options: e }) => {
-  const t = v(null), i = () => {
-    n.value && (t.value = E.create({
-      container: n.value,
-      ...e
+import { ref as I, onMounted as D, onUnmounted as st, defineComponent as zt, getCurrentInstance as Gt, openBlock as Xt, createElementBlock as Nt } from "vue";
+import Ot from "wavesurfer.js";
+const nt = ({ containerRef: o, options: t }) => {
+  const e = I(null), i = () => {
+    o.value && (e.value = Ot.create({
+      container: o.value,
+      ...t
     }));
   }, s = () => {
-    t.value && (t.value.destroy(), t.value = null);
+    e.value && (e.value.destroy(), e.value = null);
   };
-  return w(() => {
+  return D(() => {
     i();
-  }), S(() => {
+  }), st(() => {
     s();
-  }), { waveSurfer: t };
-}, I = (n) => {
-  const e = v(!1), t = v(!1), i = v(0), s = v(0), r = () => {
-    e.value = !1, t.value = !1, i.value = 0;
-  }, o = (m) => {
-    e.value = !0, t.value = !1, i.value = 0, s.value = m;
-  }, a = () => {
-    t.value = !0;
-  }, d = () => {
-    t.value = !1;
-  }, h = () => {
-    n.value && (i.value = n.value.getCurrentTime());
+  }), { waveSurfer: e };
+}, Yt = (o) => {
+  const t = I(!1), e = I(!1), i = I(0), s = I(0), r = () => {
+    t.value = !1, e.value = !1, i.value = 0;
+  }, n = (d) => {
+    t.value = !0, e.value = !1, i.value = 0, s.value = d;
   }, l = () => {
-    e.value = !1, t.value = !1;
+    e.value = !0;
+  }, h = () => {
+    e.value = !1;
+  }, c = () => {
+    o.value && (i.value = o.value.getCurrentTime());
+  }, a = () => {
+    t.value = !1, e.value = !1;
   };
-  return w(() => {
-    n.value && (n.value.on("load", r), n.value.on("ready", o), n.value.on("play", a), n.value.on("pause", d), n.value.on("timeupdate", h), n.value.on("destroy", l));
-  }), S(() => {
-    n.value && n.value.unAll();
+  return D(() => {
+    o.value && (o.value.on("load", r), o.value.on("ready", n), o.value.on("play", l), o.value.on("pause", h), o.value.on("timeupdate", c), o.value.on("destroy", a));
+  }), st(() => {
+    o.value && o.value.unAll();
   }), {
-    isReady: e,
-    isPlaying: t,
+    isReady: t,
+    isPlaying: e,
     currentTime: i,
     totalDuration: s
   };
-}, k = ({ containerRef: n, options: e }) => {
-  const { waveSurfer: t } = P({ containerRef: n, options: e }), { isReady: i, totalDuration: s, isPlaying: r, currentTime: o } = I(t);
+}, Vt = ({ containerRef: o, options: t }) => {
+  const { waveSurfer: e } = nt({ containerRef: o, options: t }), { isReady: i, totalDuration: s, isPlaying: r, currentTime: n } = Yt(e);
   return {
-    waveSurfer: t,
+    waveSurfer: e,
     isReady: i,
     totalDuration: s,
     isPlaying: r,
-    currentTime: o
+    currentTime: n
   };
-}, x = ["audioprocess", "click", "dblclick", "decode", "drag", "finish", "init", "interaction", "load", "loading", "pause", "play", "ready", "redraw", "redrawcomplete", "scroll", "seeking", "timeupdate", "zoom"], U = /* @__PURE__ */ T({
+}, Kt = ["audioprocess", "click", "dblclick", "decode", "drag", "finish", "init", "interaction", "load", "loading", "pause", "play", "ready", "redraw", "redrawcomplete", "scroll", "seeking", "timeupdate", "zoom"], Se = /* @__PURE__ */ zt({
   __name: "WaveSurferPlayer",
   props: {
     options: {}
   },
-  setup(n) {
-    const e = n, t = v(null), { waveSurfer: i } = k({ containerRef: t, options: e.options }), s = M();
-    return w(() => {
-      x.forEach((r) => {
-        i.value?.on(r, (...o) => {
-          s?.emit(r, ...o);
+  setup(o) {
+    const t = o, e = I(null), { waveSurfer: i } = Vt({ containerRef: e, options: t.options }), s = Gt();
+    return D(() => {
+      Kt.forEach((r) => {
+        i.value?.on(r, (...n) => {
+          s?.emit(r, ...n);
         });
       }), s?.emit("waveSurfer", i.value);
-    }), (r, o) => (A(), O("div", {
+    }), (r, n) => (Xt(), Nt("div", {
       ref_key: "containerRef",
-      ref: t
+      ref: e
     }, null, 512));
   }
-});
-function W(n, e, t, i) {
-  return new (t || (t = Promise))(function(s, r) {
-    function o(h) {
-      try {
-        d(i.next(h));
-      } catch (l) {
-        r(l);
+}), z = (o, t = {}) => {
+  const e = I(null);
+  return {
+    pluginInstance: e,
+    createPlugin: (s) => {
+      if (s) {
+        const r = s.registerPlugin(
+          o.create({
+            ...t
+          })
+        );
+        r && (e.value = r);
       }
     }
-    function a(h) {
-      try {
-        d(i.throw(h));
-      } catch (l) {
-        r(l);
-      }
+  };
+}, G = (o, { containerRef: t, options: e, pluginOptions: i = {} }) => {
+  const { waveSurfer: s } = nt({ containerRef: t, options: e }), r = I(null);
+  return D(() => {
+    if (s.value) {
+      const n = s.value.registerPlugin(
+        o.create({
+          ...i
+        })
+      );
+      n && (r.value = n);
     }
-    function d(h) {
-      var l;
-      h.done ? s(h.value) : (l = h.value, l instanceof t ? l : new t(function(m) {
-        m(l);
-      })).then(o, a);
+  }), {
+    waveSurfer: s,
+    pluginInstance: r
+  };
+};
+let jt = class {
+  constructor() {
+    this.listeners = {};
+  }
+  on(t, e, i) {
+    if (this.listeners[t] || (this.listeners[t] = /* @__PURE__ */ new Set()), this.listeners[t].add(e), i?.once) {
+      const s = () => {
+        this.un(t, s), this.un(t, e);
+      };
+      return this.on(t, s), s;
     }
-    d((i = i.apply(n, [])).next());
-  });
+    return () => this.un(t, e);
+  }
+  un(t, e) {
+    var i;
+    (i = this.listeners[t]) === null || i === void 0 || i.delete(e);
+  }
+  once(t, e) {
+    return this.on(t, e, { once: !0 });
+  }
+  unAll() {
+    this.listeners = {};
+  }
+  emit(t, ...e) {
+    this.listeners[t] && this.listeners[t].forEach((i) => i(...e));
+  }
+}, At = class extends jt {
+  constructor(t) {
+    super(), this.subscriptions = [], this.isDestroyed = !1, this.options = t;
+  }
+  onInit() {
+  }
+  _init(t) {
+    this.isDestroyed && (this.subscriptions = [], this.isDestroyed = !1), this.wavesurfer = t, this.onInit();
+  }
+  destroy() {
+    this.emit("destroy"), this.subscriptions.forEach((t) => t()), this.subscriptions = [], this.isDestroyed = !0, this.wavesurfer = void 0;
+  }
+};
+function rt(o, t) {
+  const e = t.xmlns ? document.createElementNS(t.xmlns, o) : document.createElement(o);
+  for (const [i, s] of Object.entries(t)) if (i === "children" && s) for (const [r, n] of Object.entries(s)) n instanceof Node ? e.appendChild(n) : typeof n == "string" ? e.appendChild(document.createTextNode(n)) : e.appendChild(rt(r, n));
+  else i === "style" ? Object.assign(e.style, s) : i === "textContent" ? e.textContent = s : e.setAttribute(i, s.toString());
+  return e;
 }
-class b {
+function H(o, t, e) {
+  return rt(o, t || {});
+}
+const Ft = { height: 20, timeOffset: 0, formatTimeCallback: (o) => o / 60 > 1 ? `${Math.floor(o / 60)}:${`${(o = Math.round(o % 60)) < 10 ? "0" : ""}${o}`}` : `${Math.round(1e3 * o) / 1e3}` };
+let ot = class at extends At {
+  constructor(t) {
+    super(t || {}), this.unsubscribeNotches = [], this.options = Object.assign({}, Ft, t), this.timelineWrapper = this.initTimelineWrapper();
+  }
+  static create(t) {
+    return new at(t);
+  }
+  onInit() {
+    var t;
+    if (!this.wavesurfer) throw Error("WaveSurfer is not initialized");
+    let e = this.wavesurfer.getWrapper();
+    if (this.options.container instanceof HTMLElement) e = this.options.container;
+    else if (typeof this.options.container == "string") {
+      const i = document.querySelector(this.options.container);
+      if (!i) throw Error(`No Timeline container found matching ${this.options.container}`);
+      e = i;
+    }
+    this.options.insertPosition ? (e.firstElementChild || e).insertAdjacentElement(this.options.insertPosition, this.timelineWrapper) : e.appendChild(this.timelineWrapper), this.subscriptions.push(this.wavesurfer.on("redraw", () => this.initTimeline())), (!((t = this.wavesurfer) === null || t === void 0) && t.getDuration() || this.options.duration) && this.initTimeline();
+  }
+  destroy() {
+    this.unsubscribeNotches.forEach((t) => t()), this.unsubscribeNotches = [], this.timelineWrapper.remove(), super.destroy();
+  }
+  initTimelineWrapper() {
+    return H("div", { part: "timeline-wrapper", style: { pointerEvents: "none" } });
+  }
+  defaultTimeInterval(t) {
+    return t >= 25 ? 1 : 5 * t >= 25 ? 5 : 15 * t >= 25 ? 15 : 60 * Math.ceil(0.5 / t);
+  }
+  defaultPrimaryLabelInterval(t) {
+    return t >= 25 ? 10 : 5 * t >= 25 ? 6 : 4;
+  }
+  defaultSecondaryLabelInterval(t) {
+    return t >= 25 ? 5 : 2;
+  }
+  virtualAppend(t, e, i) {
+    let s = !1;
+    const r = (h, c) => {
+      if (!this.wavesurfer) return;
+      const a = i.clientWidth, d = t >= h && t + a < c;
+      d !== s && (s = d, d ? e.appendChild(i) : i.remove());
+    };
+    if (!this.wavesurfer) return;
+    const n = this.wavesurfer.getScroll(), l = n + this.wavesurfer.getWidth();
+    r(n, l), this.unsubscribeNotches.push(this.wavesurfer.on("scroll", (h, c, a, d) => {
+      r(a, d);
+    }));
+  }
+  initTimeline() {
+    var t, e, i, s, r, n, l, h;
+    this.unsubscribeNotches.forEach((w) => w()), this.unsubscribeNotches = [];
+    const c = (i = (e = (t = this.wavesurfer) === null || t === void 0 ? void 0 : t.getDuration()) !== null && e !== void 0 ? e : this.options.duration) !== null && i !== void 0 ? i : 0, a = (((s = this.wavesurfer) === null || s === void 0 ? void 0 : s.getWrapper().scrollWidth) || this.timelineWrapper.scrollWidth) / c, d = (r = this.options.timeInterval) !== null && r !== void 0 ? r : this.defaultTimeInterval(a), u = (n = this.options.primaryLabelInterval) !== null && n !== void 0 ? n : this.defaultPrimaryLabelInterval(a), p = this.options.primaryLabelSpacing, b = (l = this.options.secondaryLabelInterval) !== null && l !== void 0 ? l : this.defaultSecondaryLabelInterval(a), x = this.options.secondaryLabelSpacing, g = this.options.insertPosition === "beforebegin", m = H("div", { style: Object.assign({ height: `${this.options.height}px`, overflow: "hidden", fontSize: this.options.height / 2 + "px", whiteSpace: "nowrap" }, g ? { position: "absolute", top: "0", left: "0", right: "0", zIndex: "2" } : { position: "relative" }) });
+    m.setAttribute("part", "timeline"), typeof this.options.style == "string" ? m.setAttribute("style", m.getAttribute("style") + this.options.style) : typeof this.options.style == "object" && Object.assign(m.style, this.options.style);
+    const y = H("div", { style: { width: "0", height: "50%", display: "flex", flexDirection: "column", justifyContent: g ? "flex-start" : "flex-end", top: g ? "0" : "auto", bottom: g ? "auto" : "0", overflow: "visible", borderLeft: "1px solid currentColor", opacity: `${(h = this.options.secondaryLabelOpacity) !== null && h !== void 0 ? h : 0.25}`, position: "absolute", zIndex: "1" } });
+    for (let w = 0, v = 0; w < c; w += d, v++) {
+      const f = y.cloneNode(), C = Math.round(100 * w) % Math.round(100 * u) == 0 || p && v % p == 0, W = Math.round(100 * w) % Math.round(100 * b) == 0 || x && v % x == 0;
+      (C || W) && (f.style.height = "100%", f.style.textIndent = "3px", f.textContent = this.options.formatTimeCallback(w), C && (f.style.opacity = "1"));
+      const S = C ? "primary" : W ? "secondary" : "tick";
+      f.setAttribute("part", `timeline-notch timeline-notch-${S}`);
+      const M = Math.round(100 * (w + this.options.timeOffset)) / 100 * a;
+      f.style.left = `${M}px`, this.virtualAppend(M, m, f);
+    }
+    this.timelineWrapper.innerHTML = "", this.timelineWrapper.appendChild(m), this.emit("ready");
+  }
+};
+const Ee = ({
+  waveSurfer: o,
+  timelineOptions: t = {}
+}) => {
+  const { pluginInstance: e, createPlugin: i } = z(
+    ot,
+    t
+  );
+  return D(() => {
+    o.value && i(o.value);
+  }), {
+    timelinePlugin: e
+  };
+}, Pe = ({
+  containerRef: o,
+  options: t,
+  timelineOptions: e = {}
+}) => G(
+  ot,
+  { containerRef: o, options: t, pluginOptions: e }
+);
+let Ut = class {
   constructor() {
     this.listeners = {};
   }
-  on(e, t, i) {
-    if (this.listeners[e] || (this.listeners[e] = /* @__PURE__ */ new Set()), this.listeners[e].add(t), i?.once) {
+  on(t, e, i) {
+    if (this.listeners[t] || (this.listeners[t] = /* @__PURE__ */ new Set()), this.listeners[t].add(e), i?.once) {
       const s = () => {
-        this.un(e, s), this.un(e, t);
+        this.un(t, s), this.un(t, e);
       };
-      return this.on(e, s), s;
+      return this.on(t, s), s;
     }
-    return () => this.un(e, t);
+    return () => this.un(t, e);
   }
-  un(e, t) {
+  un(t, e) {
     var i;
-    (i = this.listeners[e]) === null || i === void 0 || i.delete(t);
+    (i = this.listeners[t]) === null || i === void 0 || i.delete(e);
   }
-  once(e, t) {
-    return this.on(e, t, { once: !0 });
+  once(t, e) {
+    return this.on(t, e, { once: !0 });
   }
   unAll() {
     this.listeners = {};
   }
-  emit(e, ...t) {
-    this.listeners[e] && this.listeners[e].forEach((i) => i(...t));
+  emit(t, ...e) {
+    this.listeners[t] && this.listeners[t].forEach((i) => i(...e));
   }
-}
-class B extends b {
-  constructor(e) {
-    super(), this.subscriptions = [], this.options = e;
+}, Bt = class extends Ut {
+  constructor(t) {
+    super(), this.subscriptions = [], this.isDestroyed = !1, this.options = t;
+  }
+  onInit() {
+  }
+  _init(t) {
+    this.isDestroyed && (this.subscriptions = [], this.isDestroyed = !1), this.wavesurfer = t, this.onInit();
+  }
+  destroy() {
+    this.emit("destroy"), this.subscriptions.forEach((t) => t()), this.subscriptions = [], this.isDestroyed = !0, this.wavesurfer = void 0;
+  }
+};
+const Ht = { scale: 0.5, deltaThreshold: 5, exponentialZooming: !1, iterations: 20 };
+let lt = class ht extends Bt {
+  constructor(t) {
+    super(t || {}), this.wrapper = void 0, this.container = null, this.accumulatedDelta = 0, this.pointerTime = 0, this.oldX = 0, this.endZoom = 0, this.startZoom = 0, this.onWheel = (e) => {
+      if (this.wavesurfer && this.container && !(Math.abs(e.deltaX) >= Math.abs(e.deltaY)) && (e.preventDefault(), this.accumulatedDelta += -e.deltaY, this.startZoom === 0 && this.options.exponentialZooming && (this.startZoom = this.wavesurfer.getWrapper().clientWidth / this.wavesurfer.getDuration()), this.options.deltaThreshold === 0 || Math.abs(this.accumulatedDelta) >= this.options.deltaThreshold)) {
+        const i = this.wavesurfer.getDuration(), s = this.wavesurfer.options.minPxPerSec === 0 ? this.wavesurfer.getWrapper().scrollWidth / i : this.wavesurfer.options.minPxPerSec, r = e.clientX - this.container.getBoundingClientRect().left, n = this.container.clientWidth, l = this.wavesurfer.getScroll();
+        r === this.oldX && this.oldX !== 0 || (this.pointerTime = (l + r) / s), this.oldX = r;
+        const h = this.calculateNewZoom(s, this.accumulatedDelta), c = n / h * (r / n);
+        h * i < n ? (this.wavesurfer.zoom(n / i), this.container.scrollLeft = 0) : (this.wavesurfer.zoom(h), this.container.scrollLeft = (this.pointerTime - c) * h), this.accumulatedDelta = 0;
+      }
+    }, this.calculateNewZoom = (e, i) => {
+      let s;
+      if (this.options.exponentialZooming) {
+        const r = i > 0 ? Math.pow(this.endZoom / this.startZoom, 1 / (this.options.iterations - 1)) : Math.pow(this.startZoom / this.endZoom, 1 / (this.options.iterations - 1));
+        s = Math.max(0, e * r);
+      } else s = Math.max(0, e + i * this.options.scale);
+      return Math.min(s, this.options.maxZoom);
+    }, this.options = Object.assign({}, Ht, t);
+  }
+  static create(t) {
+    return new ht(t);
+  }
+  onInit() {
+    var t;
+    this.wrapper = (t = this.wavesurfer) === null || t === void 0 ? void 0 : t.getWrapper(), this.wrapper && (this.container = this.wrapper.parentElement, this.container.addEventListener("wheel", this.onWheel), this.options.maxZoom === void 0 && (this.options.maxZoom = this.container.clientWidth), this.endZoom = this.options.maxZoom);
+  }
+  destroy() {
+    this.wrapper && this.wrapper.removeEventListener("wheel", this.onWheel), super.destroy();
+  }
+};
+const Te = ({
+  waveSurfer: o,
+  zoomOptions: t = {}
+}) => {
+  const { pluginInstance: e, createPlugin: i } = z(
+    lt,
+    t
+  ), s = () => {
+    o.value && o.value.zoom(100);
+  }, r = () => {
+    o.value && o.value.zoom(50);
+  }, n = (l) => {
+    o.value && o.value.zoom(l);
+  };
+  return D(() => {
+    o.value && i(o.value);
+  }), {
+    zoomPlugin: e,
+    zoomIn: s,
+    zoomOut: r,
+    setZoom: n
+  };
+}, De = ({
+  containerRef: o,
+  options: t,
+  zoomOptions: e = {}
+}) => {
+  const { waveSurfer: i, pluginInstance: s } = G(
+    lt,
+    { containerRef: o, options: t, pluginOptions: e }
+  );
+  return {
+    waveSurfer: i,
+    zoomPlugin: s,
+    zoomIn: () => {
+      i.value && i.value.zoom(100);
+    },
+    zoomOut: () => {
+      i.value && i.value.zoom(50);
+    },
+    setZoom: (h) => {
+      i.value && i.value.zoom(h);
+    }
+  };
+};
+let V = class {
+  constructor() {
+    this.listeners = {};
+  }
+  on(t, e, i) {
+    if (this.listeners[t] || (this.listeners[t] = /* @__PURE__ */ new Set()), this.listeners[t].add(e), i?.once) {
+      const s = () => {
+        this.un(t, s), this.un(t, e);
+      };
+      return this.on(t, s), s;
+    }
+    return () => this.un(t, e);
+  }
+  un(t, e) {
+    var i;
+    (i = this.listeners[t]) === null || i === void 0 || i.delete(e);
+  }
+  once(t, e) {
+    return this.on(t, e, { once: !0 });
+  }
+  unAll() {
+    this.listeners = {};
+  }
+  emit(t, ...e) {
+    this.listeners[t] && this.listeners[t].forEach((i) => i(...e));
+  }
+}, ct = class extends V {
+  constructor(t) {
+    super(), this.subscriptions = [], this.isDestroyed = !1, this.options = t;
   }
   onInit() {
   }
-  _init(e) {
-    this.wavesurfer = e, this.onInit();
+  _init(t) {
+    this.isDestroyed && (this.subscriptions = [], this.isDestroyed = !1), this.wavesurfer = t, this.onInit();
   }
   destroy() {
-    this.emit("destroy"), this.subscriptions.forEach((e) => e());
+    this.emit("destroy"), this.subscriptions.forEach((t) => t()), this.subscriptions = [], this.isDestroyed = !0, this.wavesurfer = void 0;
   }
+};
+function k(o, t, e, i) {
+  return new (e || (e = Promise))(function(s, r) {
+    function n(c) {
+      try {
+        h(i.next(c));
+      } catch (a) {
+        r(a);
+      }
+    }
+    function l(c) {
+      try {
+        h(i.throw(c));
+      } catch (a) {
+        r(a);
+      }
+    }
+    function h(c) {
+      var a;
+      c.done ? s(c.value) : (a = c.value, a instanceof e ? a : new e(function(d) {
+        d(a);
+      })).then(n, l);
+    }
+    h((i = i.apply(o, t || [])).next());
+  });
+}
+const K = { decode: function(o, t) {
+  return k(this, void 0, void 0, function* () {
+    const e = new AudioContext({ sampleRate: t });
+    return e.decodeAudioData(o).finally(() => e.close());
+  });
+}, createBuffer: function(o, t) {
+  return typeof o[0] == "number" && (o = [o]), function(e) {
+    const i = e[0];
+    if (i.some((s) => s > 1 || s < -1)) {
+      const s = i.length;
+      let r = 0;
+      for (let n = 0; n < s; n++) {
+        const l = Math.abs(i[n]);
+        l > r && (r = l);
+      }
+      for (const n of e) for (let l = 0; l < s; l++) n[l] /= r;
+    }
+  }(o), { duration: t, length: o[0].length, sampleRate: o[0].length / t, numberOfChannels: o.length, getChannelData: (e) => o?.[e], copyFromChannel: AudioBuffer.prototype.copyFromChannel, copyToChannel: AudioBuffer.prototype.copyToChannel };
+} };
+function ut(o, t) {
+  const e = t.xmlns ? document.createElementNS(t.xmlns, o) : document.createElement(o);
+  for (const [i, s] of Object.entries(t)) if (i === "children" && s) for (const [r, n] of Object.entries(s)) n instanceof Node ? e.appendChild(n) : typeof n == "string" ? e.appendChild(document.createTextNode(n)) : e.appendChild(ut(r, n));
+  else i === "style" ? Object.assign(e.style, s) : i === "textContent" ? e.textContent = s : e.setAttribute(i, s.toString());
+  return e;
+}
+function U(o, t, e) {
+  const i = ut(o, t || {});
+  return e?.appendChild(i), i;
 }
-class _ extends b {
+var $t = Object.freeze({ __proto__: null, createElement: U, default: U });
+const qt = { fetchBlob: function(o, t, e) {
+  return k(this, void 0, void 0, function* () {
+    const i = yield fetch(o, e);
+    if (i.status >= 400) throw new Error(`Failed to fetch ${o}: ${i.status} (${i.statusText})`);
+    return function(s, r) {
+      k(this, void 0, void 0, function* () {
+        if (!s.body || !s.headers) return;
+        const n = s.body.getReader(), l = Number(s.headers.get("Content-Length")) || 0;
+        let h = 0;
+        const c = (d) => k(this, void 0, void 0, function* () {
+          h += d?.length || 0;
+          const u = Math.round(h / l * 100);
+          r(u);
+        }), a = () => k(this, void 0, void 0, function* () {
+          let d;
+          try {
+            d = yield n.read();
+          } catch {
+            return;
+          }
+          d.done || (c(d.value), yield a());
+        });
+        a();
+      });
+    }(i.clone(), t), i.blob();
+  });
+} };
+let Qt = class extends V {
+  constructor(t) {
+    super(), this.isExternalMedia = !1, t.media ? (this.media = t.media, this.isExternalMedia = !0) : this.media = document.createElement("audio"), t.mediaControls && (this.media.controls = !0), t.autoplay && (this.media.autoplay = !0), t.playbackRate != null && this.onMediaEvent("canplay", () => {
+      t.playbackRate != null && (this.media.playbackRate = t.playbackRate);
+    }, { once: !0 });
+  }
+  onMediaEvent(t, e, i) {
+    return this.media.addEventListener(t, e, i), () => this.media.removeEventListener(t, e, i);
+  }
+  getSrc() {
+    return this.media.currentSrc || this.media.src || "";
+  }
+  revokeSrc() {
+    const t = this.getSrc();
+    t.startsWith("blob:") && URL.revokeObjectURL(t);
+  }
+  canPlayType(t) {
+    return this.media.canPlayType(t) !== "";
+  }
+  setSrc(t, e) {
+    const i = this.getSrc();
+    if (t && i === t) return;
+    this.revokeSrc();
+    const s = e instanceof Blob && (this.canPlayType(e.type) || !t) ? URL.createObjectURL(e) : t;
+    if (i && this.media.removeAttribute("src"), s || t) try {
+      this.media.src = s;
+    } catch {
+      this.media.src = t;
+    }
+  }
+  destroy() {
+    this.isExternalMedia || (this.media.pause(), this.media.remove(), this.revokeSrc(), this.media.removeAttribute("src"), this.media.load());
+  }
+  setMediaElement(t) {
+    this.media = t;
+  }
+  play() {
+    return k(this, void 0, void 0, function* () {
+      try {
+        return yield this.media.play();
+      } catch (t) {
+        if (t instanceof DOMException && t.name === "AbortError") return;
+        throw t;
+      }
+    });
+  }
+  pause() {
+    this.media.pause();
+  }
+  isPlaying() {
+    return !this.media.paused && !this.media.ended;
+  }
+  setTime(t) {
+    this.media.currentTime = Math.max(0, Math.min(t, this.getDuration()));
+  }
+  getDuration() {
+    return this.media.duration;
+  }
+  getCurrentTime() {
+    return this.media.currentTime;
+  }
+  getVolume() {
+    return this.media.volume;
+  }
+  setVolume(t) {
+    this.media.volume = t;
+  }
+  getMuted() {
+    return this.media.muted;
+  }
+  setMuted(t) {
+    this.media.muted = t;
+  }
+  getPlaybackRate() {
+    return this.media.playbackRate;
+  }
+  isSeeking() {
+    return this.media.seeking;
+  }
+  setPlaybackRate(t, e) {
+    e != null && (this.media.preservesPitch = e), this.media.playbackRate = t;
+  }
+  getMediaElement() {
+    return this.media;
+  }
+  setSinkId(t) {
+    return this.media.setSinkId(t);
+  }
+}, Q = class _ extends V {
+  constructor(t, e) {
+    super(), this.timeouts = [], this.isScrollable = !1, this.audioData = null, this.resizeObserver = null, this.lastContainerWidth = 0, this.isDragging = !1, this.subscriptions = [], this.unsubscribeOnScroll = [], this.subscriptions = [], this.options = t;
+    const i = this.parentFromOptionsContainer(t.container);
+    this.parent = i;
+    const [s, r] = this.initHtml();
+    i.appendChild(s), this.container = s, this.scrollContainer = r.querySelector(".scroll"), this.wrapper = r.querySelector(".wrapper"), this.canvasWrapper = r.querySelector(".canvases"), this.progressWrapper = r.querySelector(".progress"), this.cursor = r.querySelector(".cursor"), e && r.appendChild(e), this.initEvents();
+  }
+  parentFromOptionsContainer(t) {
+    let e;
+    if (typeof t == "string" ? e = document.querySelector(t) : t instanceof HTMLElement && (e = t), !e) throw new Error("Container not found");
+    return e;
+  }
+  initEvents() {
+    const t = (e) => {
+      const i = this.wrapper.getBoundingClientRect(), s = e.clientX - i.left, r = e.clientY - i.top;
+      return [s / i.width, r / i.height];
+    };
+    if (this.wrapper.addEventListener("click", (e) => {
+      const [i, s] = t(e);
+      this.emit("click", i, s);
+    }), this.wrapper.addEventListener("dblclick", (e) => {
+      const [i, s] = t(e);
+      this.emit("dblclick", i, s);
+    }), this.options.dragToSeek !== !0 && typeof this.options.dragToSeek != "object" || this.initDrag(), this.scrollContainer.addEventListener("scroll", () => {
+      const { scrollLeft: e, scrollWidth: i, clientWidth: s } = this.scrollContainer, r = e / i, n = (e + s) / i;
+      this.emit("scroll", r, n, e, e + s);
+    }), typeof ResizeObserver == "function") {
+      const e = this.createDelay(100);
+      this.resizeObserver = new ResizeObserver(() => {
+        e().then(() => this.onContainerResize()).catch(() => {
+        });
+      }), this.resizeObserver.observe(this.scrollContainer);
+    }
+  }
+  onContainerResize() {
+    const t = this.parent.clientWidth;
+    t === this.lastContainerWidth && this.options.height !== "auto" || (this.lastContainerWidth = t, this.reRender());
+  }
+  initDrag() {
+    this.subscriptions.push(function(t, e, i, s, r = 3, n = 0, l = 100) {
+      if (!t) return () => {
+      };
+      const h = matchMedia("(pointer: coarse)").matches;
+      let c = () => {
+      };
+      const a = (d) => {
+        if (d.button !== n) return;
+        d.preventDefault(), d.stopPropagation();
+        let u = d.clientX, p = d.clientY, b = !1;
+        const x = Date.now(), g = (f) => {
+          if (f.preventDefault(), f.stopPropagation(), h && Date.now() - x < l) return;
+          const C = f.clientX, W = f.clientY, S = C - u, M = W - p;
+          if (b || Math.abs(S) > r || Math.abs(M) > r) {
+            const E = t.getBoundingClientRect(), { left: L, top: T } = E;
+            b || (i?.(u - L, p - T), b = !0), e(S, M, C - L, W - T), u = C, p = W;
+          }
+        }, m = (f) => {
+          if (b) {
+            const C = f.clientX, W = f.clientY, S = t.getBoundingClientRect(), { left: M, top: E } = S;
+            s?.(C - M, W - E);
+          }
+          c();
+        }, y = (f) => {
+          f.relatedTarget && f.relatedTarget !== document.documentElement || m(f);
+        }, w = (f) => {
+          b && (f.stopPropagation(), f.preventDefault());
+        }, v = (f) => {
+          b && f.preventDefault();
+        };
+        document.addEventListener("pointermove", g), document.addEventListener("pointerup", m), document.addEventListener("pointerout", y), document.addEventListener("pointercancel", y), document.addEventListener("touchmove", v, { passive: !1 }), document.addEventListener("click", w, { capture: !0 }), c = () => {
+          document.removeEventListener("pointermove", g), document.removeEventListener("pointerup", m), document.removeEventListener("pointerout", y), document.removeEventListener("pointercancel", y), document.removeEventListener("touchmove", v), setTimeout(() => {
+            document.removeEventListener("click", w, { capture: !0 });
+          }, 10);
+        };
+      };
+      return t.addEventListener("pointerdown", a), () => {
+        c(), t.removeEventListener("pointerdown", a);
+      };
+    }(this.wrapper, (t, e, i) => {
+      this.emit("drag", Math.max(0, Math.min(1, i / this.wrapper.getBoundingClientRect().width)));
+    }, (t) => {
+      this.isDragging = !0, this.emit("dragstart", Math.max(0, Math.min(1, t / this.wrapper.getBoundingClientRect().width)));
+    }, (t) => {
+      this.isDragging = !1, this.emit("dragend", Math.max(0, Math.min(1, t / this.wrapper.getBoundingClientRect().width)));
+    }));
+  }
+  getHeight(t, e) {
+    var i;
+    const s = ((i = this.audioData) === null || i === void 0 ? void 0 : i.numberOfChannels) || 1;
+    if (t == null) return 128;
+    if (!isNaN(Number(t))) return Number(t);
+    if (t === "auto") {
+      const r = this.parent.clientHeight || 128;
+      return e?.every((n) => !n.overlay) ? r / s : r;
+    }
+    return 128;
+  }
+  initHtml() {
+    const t = document.createElement("div"), e = t.attachShadow({ mode: "open" }), i = this.options.cspNonce && typeof this.options.cspNonce == "string" ? this.options.cspNonce.replace(/"/g, "") : "";
+    return e.innerHTML = `
+      <style${i ? ` nonce="${i}"` : ""}>
+        :host {
+          user-select: none;
+          min-width: 1px;
+        }
+        :host audio {
+          display: block;
+          width: 100%;
+        }
+        :host .scroll {
+          overflow-x: auto;
+          overflow-y: hidden;
+          width: 100%;
+          position: relative;
+        }
+        :host .noScrollbar {
+          scrollbar-color: transparent;
+          scrollbar-width: none;
+        }
+        :host .noScrollbar::-webkit-scrollbar {
+          display: none;
+          -webkit-appearance: none;
+        }
+        :host .wrapper {
+          position: relative;
+          overflow: visible;
+          z-index: 2;
+        }
+        :host .canvases {
+          min-height: ${this.getHeight(this.options.height, this.options.splitChannels)}px;
+        }
+        :host .canvases > div {
+          position: relative;
+        }
+        :host canvas {
+          display: block;
+          position: absolute;
+          top: 0;
+          image-rendering: pixelated;
+        }
+        :host .progress {
+          pointer-events: none;
+          position: absolute;
+          z-index: 2;
+          top: 0;
+          left: 0;
+          width: 0;
+          height: 100%;
+          overflow: hidden;
+        }
+        :host .progress > div {
+          position: relative;
+        }
+        :host .cursor {
+          pointer-events: none;
+          position: absolute;
+          z-index: 5;
+          top: 0;
+          left: 0;
+          height: 100%;
+          border-radius: 2px;
+        }
+      </style>
+
+      <div class="scroll" part="scroll">
+        <div class="wrapper" part="wrapper">
+          <div class="canvases" part="canvases"></div>
+          <div class="progress" part="progress"></div>
+          <div class="cursor" part="cursor"></div>
+        </div>
+      </div>
+    `, [t, e];
+  }
+  setOptions(t) {
+    if (this.options.container !== t.container) {
+      const e = this.parentFromOptionsContainer(t.container);
+      e.appendChild(this.container), this.parent = e;
+    }
+    t.dragToSeek !== !0 && typeof this.options.dragToSeek != "object" || this.initDrag(), this.options = t, this.reRender();
+  }
+  getWrapper() {
+    return this.wrapper;
+  }
+  getWidth() {
+    return this.scrollContainer.clientWidth;
+  }
+  getScroll() {
+    return this.scrollContainer.scrollLeft;
+  }
+  setScroll(t) {
+    this.scrollContainer.scrollLeft = t;
+  }
+  setScrollPercentage(t) {
+    const { scrollWidth: e } = this.scrollContainer, i = e * t;
+    this.setScroll(i);
+  }
+  destroy() {
+    var t, e;
+    this.subscriptions.forEach((i) => i()), this.container.remove(), (t = this.resizeObserver) === null || t === void 0 || t.disconnect(), (e = this.unsubscribeOnScroll) === null || e === void 0 || e.forEach((i) => i()), this.unsubscribeOnScroll = [];
+  }
+  createDelay(t = 10) {
+    let e, i;
+    const s = () => {
+      e && clearTimeout(e), i && i();
+    };
+    return this.timeouts.push(s), () => new Promise((r, n) => {
+      s(), i = n, e = setTimeout(() => {
+        e = void 0, i = void 0, r();
+      }, t);
+    });
+  }
+  convertColorValues(t) {
+    if (!Array.isArray(t)) return t || "";
+    if (t.length < 2) return t[0] || "";
+    const e = document.createElement("canvas"), i = e.getContext("2d"), s = e.height * (window.devicePixelRatio || 1), r = i.createLinearGradient(0, 0, 0, s), n = 1 / (t.length - 1);
+    return t.forEach((l, h) => {
+      const c = h * n;
+      r.addColorStop(c, l);
+    }), r;
+  }
+  getPixelRatio() {
+    return Math.max(1, window.devicePixelRatio || 1);
+  }
+  renderBarWaveform(t, e, i, s) {
+    const r = t[0], n = t[1] || t[0], l = r.length, { width: h, height: c } = i.canvas, a = c / 2, d = this.getPixelRatio(), u = e.barWidth ? e.barWidth * d : 1, p = e.barGap ? e.barGap * d : e.barWidth ? u / 2 : 0, b = e.barRadius || 0, x = h / (u + p) / l, g = b && "roundRect" in i ? "roundRect" : "rect";
+    i.beginPath();
+    let m = 0, y = 0, w = 0;
+    for (let v = 0; v <= l; v++) {
+      const f = Math.round(v * x);
+      if (f > m) {
+        const S = Math.round(y * a * s), M = S + Math.round(w * a * s) || 1;
+        let E = a - S;
+        e.barAlign === "top" ? E = 0 : e.barAlign === "bottom" && (E = c - M), i[g](m * (u + p), E, u, M, b), m = f, y = 0, w = 0;
+      }
+      const C = Math.abs(r[v] || 0), W = Math.abs(n[v] || 0);
+      C > y && (y = C), W > w && (w = W);
+    }
+    i.fill(), i.closePath();
+  }
+  renderLineWaveform(t, e, i, s) {
+    const r = (n) => {
+      const l = t[n] || t[0], h = l.length, { height: c } = i.canvas, a = c / 2, d = i.canvas.width / h;
+      i.moveTo(0, a);
+      let u = 0, p = 0;
+      for (let b = 0; b <= h; b++) {
+        const x = Math.round(b * d);
+        if (x > u) {
+          const m = a + (Math.round(p * a * s) || 1) * (n === 0 ? -1 : 1);
+          i.lineTo(u, m), u = x, p = 0;
+        }
+        const g = Math.abs(l[b] || 0);
+        g > p && (p = g);
+      }
+      i.lineTo(u, a);
+    };
+    i.beginPath(), r(0), r(1), i.fill(), i.closePath();
+  }
+  renderWaveform(t, e, i) {
+    if (i.fillStyle = this.convertColorValues(e.waveColor), e.renderFunction) return void e.renderFunction(t, i);
+    let s = e.barHeight || 1;
+    if (e.normalize) {
+      const r = Array.from(t[0]).reduce((n, l) => Math.max(n, Math.abs(l)), 0);
+      s = r ? 1 / r : 1;
+    }
+    e.barWidth || e.barGap || e.barAlign ? this.renderBarWaveform(t, e, i, s) : this.renderLineWaveform(t, e, i, s);
+  }
+  renderSingleCanvas(t, e, i, s, r, n, l) {
+    const h = this.getPixelRatio(), c = document.createElement("canvas");
+    c.width = Math.round(i * h), c.height = Math.round(s * h), c.style.width = `${i}px`, c.style.height = `${s}px`, c.style.left = `${Math.round(r)}px`, n.appendChild(c);
+    const a = c.getContext("2d");
+    if (this.renderWaveform(t, e, a), c.width > 0 && c.height > 0) {
+      const d = c.cloneNode(), u = d.getContext("2d");
+      u.drawImage(c, 0, 0), u.globalCompositeOperation = "source-in", u.fillStyle = this.convertColorValues(e.progressColor), u.fillRect(0, 0, c.width, c.height), l.appendChild(d);
+    }
+  }
+  renderMultiCanvas(t, e, i, s, r, n) {
+    const l = this.getPixelRatio(), { clientWidth: h } = this.scrollContainer, c = i / l;
+    let a = Math.min(_.MAX_CANVAS_WIDTH, h, c), d = {};
+    if (e.barWidth || e.barGap) {
+      const g = e.barWidth || 0.5, m = g + (e.barGap || g / 2);
+      a % m != 0 && (a = Math.floor(a / m) * m);
+    }
+    if (a === 0) return;
+    const u = (g) => {
+      if (g < 0 || g >= p || d[g]) return;
+      d[g] = !0;
+      const m = g * a;
+      let y = Math.min(c - m, a);
+      if (e.barWidth || e.barGap) {
+        const v = e.barWidth || 0.5, f = v + (e.barGap || v / 2);
+        y = Math.floor(y / f) * f;
+      }
+      if (y <= 0) return;
+      const w = t.map((v) => {
+        const f = Math.floor(m / c * v.length), C = Math.floor((m + y) / c * v.length);
+        return v.slice(f, C);
+      });
+      this.renderSingleCanvas(w, e, y, s, m, r, n);
+    }, p = Math.ceil(c / a);
+    if (!this.isScrollable) {
+      for (let g = 0; g < p; g++) u(g);
+      return;
+    }
+    const b = this.scrollContainer.scrollLeft / c, x = Math.floor(b * p);
+    if (u(x - 1), u(x), u(x + 1), p > 1) {
+      const g = this.on("scroll", () => {
+        const { scrollLeft: m } = this.scrollContainer, y = Math.floor(m / c * p);
+        Object.keys(d).length > _.MAX_NODES && (r.innerHTML = "", n.innerHTML = "", d = {}), u(y - 1), u(y), u(y + 1);
+      });
+      this.unsubscribeOnScroll.push(g);
+    }
+  }
+  renderChannel(t, e, i, s) {
+    var { overlay: r } = e, n = function(a, d) {
+      var u = {};
+      for (var p in a) Object.prototype.hasOwnProperty.call(a, p) && d.indexOf(p) < 0 && (u[p] = a[p]);
+      if (a != null && typeof Object.getOwnPropertySymbols == "function") {
+        var b = 0;
+        for (p = Object.getOwnPropertySymbols(a); b < p.length; b++) d.indexOf(p[b]) < 0 && Object.prototype.propertyIsEnumerable.call(a, p[b]) && (u[p[b]] = a[p[b]]);
+      }
+      return u;
+    }(e, ["overlay"]);
+    const l = document.createElement("div"), h = this.getHeight(n.height, n.splitChannels);
+    l.style.height = `${h}px`, r && s > 0 && (l.style.marginTop = `-${h}px`), this.canvasWrapper.style.minHeight = `${h}px`, this.canvasWrapper.appendChild(l);
+    const c = l.cloneNode();
+    this.progressWrapper.appendChild(c), this.renderMultiCanvas(t, n, i, h, l, c);
+  }
+  render(t) {
+    return k(this, void 0, void 0, function* () {
+      var e;
+      this.timeouts.forEach((h) => h()), this.timeouts = [], this.canvasWrapper.innerHTML = "", this.progressWrapper.innerHTML = "", this.options.width != null && (this.scrollContainer.style.width = typeof this.options.width == "number" ? `${this.options.width}px` : this.options.width);
+      const i = this.getPixelRatio(), s = this.scrollContainer.clientWidth, r = Math.ceil(t.duration * (this.options.minPxPerSec || 0));
+      this.isScrollable = r > s;
+      const n = this.options.fillParent && !this.isScrollable, l = (n ? s : r) * i;
+      if (this.wrapper.style.width = n ? "100%" : `${r}px`, this.scrollContainer.style.overflowX = this.isScrollable ? "auto" : "hidden", this.scrollContainer.classList.toggle("noScrollbar", !!this.options.hideScrollbar), this.cursor.style.backgroundColor = `${this.options.cursorColor || this.options.progressColor}`, this.cursor.style.width = `${this.options.cursorWidth}px`, this.audioData = t, this.emit("render"), this.options.splitChannels) for (let h = 0; h < t.numberOfChannels; h++) {
+        const c = Object.assign(Object.assign({}, this.options), (e = this.options.splitChannels) === null || e === void 0 ? void 0 : e[h]);
+        this.renderChannel([t.getChannelData(h)], c, l, h);
+      }
+      else {
+        const h = [t.getChannelData(0)];
+        t.numberOfChannels > 1 && h.push(t.getChannelData(1)), this.renderChannel(h, this.options, l, 0);
+      }
+      Promise.resolve().then(() => this.emit("rendered"));
+    });
+  }
+  reRender() {
+    if (this.unsubscribeOnScroll.forEach((i) => i()), this.unsubscribeOnScroll = [], !this.audioData) return;
+    const { scrollWidth: t } = this.scrollContainer, { right: e } = this.progressWrapper.getBoundingClientRect();
+    if (this.render(this.audioData), this.isScrollable && t !== this.scrollContainer.scrollWidth) {
+      const { right: i } = this.progressWrapper.getBoundingClientRect();
+      let s = i - e;
+      s *= 2, s = s < 0 ? Math.floor(s) : Math.ceil(s), s /= 2, this.scrollContainer.scrollLeft += s;
+    }
+  }
+  zoom(t) {
+    this.options.minPxPerSec = t, this.reRender();
+  }
+  scrollIntoView(t, e = !1) {
+    const { scrollLeft: i, scrollWidth: s, clientWidth: r } = this.scrollContainer, n = t * s, l = i, h = i + r, c = r / 2;
+    if (this.isDragging)
+      n + 30 > h ? this.scrollContainer.scrollLeft += 30 : n - 30 < l && (this.scrollContainer.scrollLeft -= 30);
+    else {
+      (n < l || n > h) && (this.scrollContainer.scrollLeft = n - (this.options.autoCenter ? c : 0));
+      const a = n - i - c;
+      e && this.options.autoCenter && a > 0 && (this.scrollContainer.scrollLeft += Math.min(a, 10));
+    }
+    {
+      const a = this.scrollContainer.scrollLeft, d = a / s, u = (a + r) / s;
+      this.emit("scroll", d, u, a, a + r);
+    }
+  }
+  renderProgress(t, e) {
+    if (isNaN(t)) return;
+    const i = 100 * t;
+    this.canvasWrapper.style.clipPath = `polygon(${i}% 0%, 100% 0%, 100% 100%, ${i}% 100%)`, this.progressWrapper.style.width = `${i}%`, this.cursor.style.left = `${i}%`, this.cursor.style.transform = this.options.cursorWidth ? `translateX(-${t * this.options.cursorWidth}px)` : "", this.isScrollable && this.options.autoScroll && this.scrollIntoView(t, e);
+  }
+  exportImage(t, e, i) {
+    return k(this, void 0, void 0, function* () {
+      const s = this.canvasWrapper.querySelectorAll("canvas");
+      if (!s.length) throw new Error("No waveform data");
+      if (i === "dataURL") {
+        const r = Array.from(s).map((n) => n.toDataURL(t, e));
+        return Promise.resolve(r);
+      }
+      return Promise.all(Array.from(s).map((r) => new Promise((n, l) => {
+        r.toBlob((h) => {
+          h ? n(h) : l(new Error("Could not export image"));
+        }, t, e);
+      })));
+    });
+  }
+};
+Q.MAX_CANVAS_WIDTH = 8e3, Q.MAX_NODES = 10;
+let _t = class extends V {
   constructor() {
     super(...arguments), this.unsubscribe = () => {
     };
@@ -149,188 +965,1792 @@ class _ extends b {
   destroy() {
     this.unsubscribe();
   }
-}
-const F = ["audio/webm", "audio/wav", "audio/mpeg", "audio/mp4", "audio/mp3"];
-class R extends B {
-  constructor(e) {
-    var t, i, s, r, o, a;
-    super(Object.assign(Object.assign({}, e), { audioBitsPerSecond: (t = e.audioBitsPerSecond) !== null && t !== void 0 ? t : 128e3, scrollingWaveform: (i = e.scrollingWaveform) !== null && i !== void 0 && i, scrollingWaveformWindow: (s = e.scrollingWaveformWindow) !== null && s !== void 0 ? s : 5, continuousWaveform: (r = e.continuousWaveform) !== null && r !== void 0 && r, renderRecordedAudio: (o = e.renderRecordedAudio) === null || o === void 0 || o, mediaRecorderTimeslice: (a = e.mediaRecorderTimeslice) !== null && a !== void 0 ? a : void 0 })), this.stream = null, this.mediaRecorder = null, this.dataWindow = null, this.isWaveformPaused = !1, this.lastStartTime = 0, this.lastDuration = 0, this.duration = 0, this.timer = new _(), this.subscriptions.push(this.timer.on("tick", () => {
-      const d = performance.now() - this.lastStartTime;
-      this.duration = this.isPaused() ? this.duration : this.lastDuration + d, this.emit("record-progress", this.duration);
-    }));
+}, $ = class extends V {
+  constructor(t = new AudioContext()) {
+    super(), this.bufferNode = null, this.playStartTime = 0, this.playedDuration = 0, this._muted = !1, this._playbackRate = 1, this._duration = void 0, this.buffer = null, this.currentSrc = "", this.paused = !0, this.crossOrigin = null, this.seeking = !1, this.autoplay = !1, this.addEventListener = this.on, this.removeEventListener = this.un, this.audioContext = t, this.gainNode = this.audioContext.createGain(), this.gainNode.connect(this.audioContext.destination);
   }
-  static create(e) {
-    return new R(e || {});
+  load() {
+    return k(this, void 0, void 0, function* () {
+    });
+  }
+  get src() {
+    return this.currentSrc;
+  }
+  set src(t) {
+    if (this.currentSrc = t, this._duration = void 0, !t) return this.buffer = null, void this.emit("emptied");
+    fetch(t).then((e) => {
+      if (e.status >= 400) throw new Error(`Failed to fetch ${t}: ${e.status} (${e.statusText})`);
+      return e.arrayBuffer();
+    }).then((e) => this.currentSrc !== t ? null : this.audioContext.decodeAudioData(e)).then((e) => {
+      this.currentSrc === t && (this.buffer = e, this.emit("loadedmetadata"), this.emit("canplay"), this.autoplay && this.play());
+    });
   }
-  renderMicStream(e) {
+  _play() {
     var t;
-    const i = new AudioContext(), s = i.createMediaStreamSource(e), r = i.createAnalyser();
-    s.connect(r), this.options.continuousWaveform && (r.fftSize = 32);
-    const o = r.frequencyBinCount, a = new Float32Array(o);
-    let d = 0;
-    this.wavesurfer && ((t = this.originalOptions) !== null && t !== void 0 || (this.originalOptions = Object.assign({}, this.wavesurfer.options)), this.wavesurfer.options.interact = !1, this.options.scrollingWaveform && (this.wavesurfer.options.cursorWidth = 0));
-    const h = setInterval(() => {
-      var l, m, p, g;
-      if (!this.isWaveformPaused) {
-        if (r.getFloatTimeDomainData(a), this.options.scrollingWaveform) {
-          const u = Math.floor((this.options.scrollingWaveformWindow || 0) * i.sampleRate), c = Math.min(u, this.dataWindow ? this.dataWindow.length + o : o), f = new Float32Array(u);
-          if (this.dataWindow) {
-            const D = Math.max(0, u - this.dataWindow.length);
-            f.set(this.dataWindow.slice(-c + o), D);
-          }
-          f.set(a, u - o), this.dataWindow = f;
-        } else if (this.options.continuousWaveform) {
-          if (!this.dataWindow) {
-            const c = this.options.continuousWaveformDuration ? Math.round(100 * this.options.continuousWaveformDuration) : ((m = (l = this.wavesurfer) === null || l === void 0 ? void 0 : l.getWidth()) !== null && m !== void 0 ? m : 0) * window.devicePixelRatio;
-            this.dataWindow = new Float32Array(c);
-          }
-          let u = 0;
-          for (let c = 0; c < o; c++) {
-            const f = Math.abs(a[c]);
-            f > u && (u = f);
-          }
-          if (d + 1 > this.dataWindow.length) {
-            const c = new Float32Array(2 * this.dataWindow.length);
-            c.set(this.dataWindow, 0), this.dataWindow = c;
-          }
-          this.dataWindow[d] = u, d++;
-        } else this.dataWindow = a;
-        if (this.wavesurfer) {
-          const u = ((g = (p = this.dataWindow) === null || p === void 0 ? void 0 : p.length) !== null && g !== void 0 ? g : 0) / 100;
-          this.wavesurfer.load("", [this.dataWindow], this.options.scrollingWaveform ? this.options.scrollingWaveformWindow : u).then(() => {
-            this.wavesurfer && this.options.continuousWaveform && (this.wavesurfer.setTime(this.getDuration() / 1e3), this.wavesurfer.options.minPxPerSec || this.wavesurfer.setOptions({ minPxPerSec: this.wavesurfer.getWidth() / this.wavesurfer.getDuration() }));
-          }).catch((c) => {
-            console.error("Error rendering real-time recording data:", c);
-          });
-        }
-      }
-    }, 10);
-    return { onDestroy: () => {
-      clearInterval(h), s?.disconnect(), i?.close();
-    }, onEnd: () => {
-      this.isWaveformPaused = !0, clearInterval(h), this.stopMic();
-    } };
-  }
-  startMic(e) {
-    return W(this, void 0, void 0, function* () {
-      let t;
-      try {
-        t = yield navigator.mediaDevices.getUserMedia({ audio: !e?.deviceId || { deviceId: e.deviceId } });
-      } catch (r) {
-        throw new Error("Error accessing the microphone: " + r.message);
-      }
-      const { onDestroy: i, onEnd: s } = this.renderMicStream(t);
-      return this.subscriptions.push(this.once("destroy", i)), this.subscriptions.push(this.once("record-end", s)), this.stream = t, t;
+    if (!this.paused) return;
+    this.paused = !1, (t = this.bufferNode) === null || t === void 0 || t.disconnect(), this.bufferNode = this.audioContext.createBufferSource(), this.buffer && (this.bufferNode.buffer = this.buffer), this.bufferNode.playbackRate.value = this._playbackRate, this.bufferNode.connect(this.gainNode);
+    let e = this.playedDuration * this._playbackRate;
+    (e >= this.duration || e < 0) && (e = 0, this.playedDuration = 0), this.bufferNode.start(this.audioContext.currentTime, e), this.playStartTime = this.audioContext.currentTime, this.bufferNode.onended = () => {
+      this.currentTime >= this.duration && (this.pause(), this.emit("ended"));
+    };
+  }
+  _pause() {
+    var t;
+    this.paused = !0, (t = this.bufferNode) === null || t === void 0 || t.stop(), this.playedDuration += this.audioContext.currentTime - this.playStartTime;
+  }
+  play() {
+    return k(this, void 0, void 0, function* () {
+      this.paused && (this._play(), this.emit("play"));
     });
   }
-  stopMic() {
-    this.stream && (this.stream.getTracks().forEach((e) => e.stop()), this.stream = null, this.mediaRecorder = null);
-  }
-  startRecording(e) {
-    return W(this, void 0, void 0, function* () {
-      const t = this.stream || (yield this.startMic(e));
-      this.dataWindow = null;
-      const i = this.mediaRecorder || new MediaRecorder(t, { mimeType: this.options.mimeType || F.find((o) => MediaRecorder.isTypeSupported(o)), audioBitsPerSecond: this.options.audioBitsPerSecond });
-      this.mediaRecorder = i, this.stopRecording();
-      const s = [];
-      i.ondataavailable = (o) => {
-        o.data.size > 0 && s.push(o.data), this.emit("record-data-available", o.data);
-      };
-      const r = (o) => {
-        var a;
-        const d = new Blob(s, { type: i.mimeType });
-        this.emit(o, d), this.options.renderRecordedAudio && (this.applyOriginalOptionsIfNeeded(), (a = this.wavesurfer) === null || a === void 0 || a.load(URL.createObjectURL(d)));
-      };
-      i.onpause = () => r("record-pause"), i.onstop = () => r("record-end"), i.start(this.options.mediaRecorderTimeslice), this.lastStartTime = performance.now(), this.lastDuration = 0, this.duration = 0, this.isWaveformPaused = !1, this.timer.start(), this.emit("record-start");
+  pause() {
+    this.paused || (this._pause(), this.emit("pause"));
+  }
+  stopAt(t) {
+    const e = t - this.currentTime, i = this.bufferNode;
+    i?.stop(this.audioContext.currentTime + e), i?.addEventListener("ended", () => {
+      i === this.bufferNode && (this.bufferNode = null, this.pause());
+    }, { once: !0 });
+  }
+  setSinkId(t) {
+    return k(this, void 0, void 0, function* () {
+      return this.audioContext.setSinkId(t);
     });
   }
-  getDuration() {
-    return this.duration;
+  get playbackRate() {
+    return this._playbackRate;
   }
-  isRecording() {
-    var e;
-    return ((e = this.mediaRecorder) === null || e === void 0 ? void 0 : e.state) === "recording";
+  set playbackRate(t) {
+    this._playbackRate = t, this.bufferNode && (this.bufferNode.playbackRate.value = t);
   }
-  isPaused() {
-    var e;
-    return ((e = this.mediaRecorder) === null || e === void 0 ? void 0 : e.state) === "paused";
+  get currentTime() {
+    return (this.paused ? this.playedDuration : this.playedDuration + (this.audioContext.currentTime - this.playStartTime)) * this._playbackRate;
   }
-  isActive() {
-    var e;
-    return ((e = this.mediaRecorder) === null || e === void 0 ? void 0 : e.state) !== "inactive";
+  set currentTime(t) {
+    const e = !this.paused;
+    e && this._pause(), this.playedDuration = t / this._playbackRate, e && this._play(), this.emit("seeking"), this.emit("timeupdate");
   }
-  stopRecording() {
-    var e;
-    this.isActive() && ((e = this.mediaRecorder) === null || e === void 0 || e.stop(), this.timer.stop());
+  get duration() {
+    var t, e;
+    return (t = this._duration) !== null && t !== void 0 ? t : ((e = this.buffer) === null || e === void 0 ? void 0 : e.duration) || 0;
   }
-  pauseRecording() {
-    var e, t;
-    this.isRecording() && (this.isWaveformPaused = !0, (e = this.mediaRecorder) === null || e === void 0 || e.requestData(), (t = this.mediaRecorder) === null || t === void 0 || t.pause(), this.timer.stop(), this.lastDuration = this.duration);
+  set duration(t) {
+    this._duration = t;
   }
-  resumeRecording() {
-    var e;
-    this.isPaused() && (this.isWaveformPaused = !1, (e = this.mediaRecorder) === null || e === void 0 || e.resume(), this.timer.start(), this.lastStartTime = performance.now(), this.emit("record-resume"));
+  get volume() {
+    return this.gainNode.gain.value;
   }
-  static getAvailableAudioDevices() {
-    return W(this, void 0, void 0, function* () {
-      return navigator.mediaDevices.enumerateDevices().then((e) => e.filter((t) => t.kind === "audioinput"));
-    });
+  set volume(t) {
+    this.gainNode.gain.value = t, this.emit("volumechange");
   }
-  destroy() {
-    this.applyOriginalOptionsIfNeeded(), super.destroy(), this.stopRecording(), this.stopMic();
+  get muted() {
+    return this._muted;
   }
-  applyOriginalOptionsIfNeeded() {
-    this.wavesurfer && this.originalOptions && (this.wavesurfer.setOptions(this.originalOptions), delete this.originalOptions);
+  set muted(t) {
+    this._muted !== t && (this._muted = t, this._muted ? this.gainNode.disconnect() : this.gainNode.connect(this.audioContext.destination));
   }
-}
-const q = ({ containerRef: n, options: e, recordPluginOptions: t }) => {
-  const { waveSurfer: i } = P({ containerRef: n, options: e }), s = v(null), r = v(0), o = v(!1), a = v(!1), d = y(() => [
-    Math.floor(r.value % 36e5 / 6e4),
-    // minutes
-    Math.floor(r.value % 6e4 / 1e3)
-    // seconds
-  ].map((u) => u < 10 ? "0" + u : u).join(":")), h = y(() => o.value || !a.value), l = () => {
-    s.value && s.value?.on("record-progress", (u) => {
-      r.value = u;
-    });
-  }, m = () => {
-    if (s.value?.isRecording() || s.value?.isPaused()) {
-      s.value?.stopRecording(), o.value = !1, a.value = !0;
-      return;
+  canPlayType(t) {
+    return /^(audio|video)\//.test(t);
+  }
+  getGainNode() {
+    return this.gainNode;
+  }
+  getChannelData() {
+    const t = [];
+    if (!this.buffer) return t;
+    const e = this.buffer.numberOfChannels;
+    for (let i = 0; i < e; i++) t.push(this.buffer.getChannelData(i));
+    return t;
+  }
+  removeAttribute(t) {
+    switch (t) {
+      case "src":
+        this.src = "";
+        break;
+      case "playbackRate":
+        this.playbackRate = 0;
+        break;
+      case "currentTime":
+        this.currentTime = 0;
+        break;
+      case "duration":
+        this.duration = 0;
+        break;
+      case "volume":
+        this.volume = 0;
+        break;
+      case "muted":
+        this.muted = !1;
     }
-    s.value?.startRecording(), o.value = !0, a.value = !1, l();
-  }, p = () => new Promise((u) => {
-    let c;
-    (s.value?.isRecording() || s.value?.isPaused()) && (s.value?.stopRecording(), o.value = !1, a.value = !1), s.value?.on("record-end", (f) => {
-      c = f, u(c);
+  }
+};
+const Jt = { waveColor: "#999", progressColor: "#555", cursorWidth: 1, minPxPerSec: 0, fillParent: !0, interact: !0, dragToSeek: !1, autoScroll: !0, autoCenter: !0, sampleRate: 8e3 };
+let J = class dt extends Qt {
+  static create(t) {
+    return new dt(t);
+  }
+  constructor(t) {
+    const e = t.media || (t.backend === "WebAudio" ? new $() : void 0);
+    super({ media: e, mediaControls: t.mediaControls, autoplay: t.autoplay, playbackRate: t.audioRate }), this.plugins = [], this.decodedData = null, this.stopAtPosition = null, this.subscriptions = [], this.mediaSubscriptions = [], this.abortController = null, this.options = Object.assign({}, Jt, t), this.timer = new _t();
+    const i = e ? void 0 : this.getMediaElement();
+    this.renderer = new Q(this.options, i), this.initPlayerEvents(), this.initRendererEvents(), this.initTimerEvents(), this.initPlugins();
+    const s = this.options.url || this.getSrc() || "";
+    Promise.resolve().then(() => {
+      this.emit("init");
+      const { peaks: r, duration: n } = this.options;
+      (s || r && n) && this.load(s, r, n).catch(() => null);
     });
-  }), g = () => {
-    if (s.value?.isPaused()) {
-      s.value?.resumeRecording(), o.value = !0, a.value = !1;
-      return;
+  }
+  updateProgress(t = this.getCurrentTime()) {
+    return this.renderer.renderProgress(t / this.getDuration(), this.isPlaying()), t;
+  }
+  initTimerEvents() {
+    this.subscriptions.push(this.timer.on("tick", () => {
+      if (!this.isSeeking()) {
+        const t = this.updateProgress();
+        this.emit("timeupdate", t), this.emit("audioprocess", t), this.stopAtPosition != null && this.isPlaying() && t >= this.stopAtPosition && this.pause();
+      }
+    }));
+  }
+  initPlayerEvents() {
+    this.isPlaying() && (this.emit("play"), this.timer.start()), this.mediaSubscriptions.push(this.onMediaEvent("timeupdate", () => {
+      const t = this.updateProgress();
+      this.emit("timeupdate", t);
+    }), this.onMediaEvent("play", () => {
+      this.emit("play"), this.timer.start();
+    }), this.onMediaEvent("pause", () => {
+      this.emit("pause"), this.timer.stop(), this.stopAtPosition = null;
+    }), this.onMediaEvent("emptied", () => {
+      this.timer.stop(), this.stopAtPosition = null;
+    }), this.onMediaEvent("ended", () => {
+      this.emit("timeupdate", this.getDuration()), this.emit("finish"), this.stopAtPosition = null;
+    }), this.onMediaEvent("seeking", () => {
+      this.emit("seeking", this.getCurrentTime());
+    }), this.onMediaEvent("error", () => {
+      var t;
+      this.emit("error", (t = this.getMediaElement().error) !== null && t !== void 0 ? t : new Error("Media error")), this.stopAtPosition = null;
+    }));
+  }
+  initRendererEvents() {
+    this.subscriptions.push(this.renderer.on("click", (t, e) => {
+      this.options.interact && (this.seekTo(t), this.emit("interaction", t * this.getDuration()), this.emit("click", t, e));
+    }), this.renderer.on("dblclick", (t, e) => {
+      this.emit("dblclick", t, e);
+    }), this.renderer.on("scroll", (t, e, i, s) => {
+      const r = this.getDuration();
+      this.emit("scroll", t * r, e * r, i, s);
+    }), this.renderer.on("render", () => {
+      this.emit("redraw");
+    }), this.renderer.on("rendered", () => {
+      this.emit("redrawcomplete");
+    }), this.renderer.on("dragstart", (t) => {
+      this.emit("dragstart", t);
+    }), this.renderer.on("dragend", (t) => {
+      this.emit("dragend", t);
+    }));
+    {
+      let t;
+      this.subscriptions.push(this.renderer.on("drag", (e) => {
+        if (!this.options.interact) return;
+        let i;
+        this.renderer.renderProgress(e), clearTimeout(t), this.isPlaying() ? i = 0 : this.options.dragToSeek === !0 ? i = 200 : typeof this.options.dragToSeek == "object" && this.options.dragToSeek !== void 0 && (i = this.options.dragToSeek.debounceTime), t = setTimeout(() => {
+          this.seekTo(e);
+        }, i), this.emit("interaction", e * this.getDuration()), this.emit("drag", e);
+      }));
     }
-    o.value = !1, a.value = !0, s.value?.pauseRecording();
+  }
+  initPlugins() {
+    var t;
+    !((t = this.options.plugins) === null || t === void 0) && t.length && this.options.plugins.forEach((e) => {
+      this.registerPlugin(e);
+    });
+  }
+  unsubscribePlayerEvents() {
+    this.mediaSubscriptions.forEach((t) => t()), this.mediaSubscriptions = [];
+  }
+  setOptions(t) {
+    this.options = Object.assign({}, this.options, t), t.duration && !t.peaks && (this.decodedData = K.createBuffer(this.exportPeaks(), t.duration)), t.peaks && t.duration && (this.decodedData = K.createBuffer(t.peaks, t.duration)), this.renderer.setOptions(this.options), t.audioRate && this.setPlaybackRate(t.audioRate), t.mediaControls != null && (this.getMediaElement().controls = t.mediaControls);
+  }
+  registerPlugin(t) {
+    if (this.plugins.includes(t)) return t;
+    t._init(this), this.plugins.push(t);
+    const e = t.once("destroy", () => {
+      this.plugins = this.plugins.filter((i) => i !== t), this.subscriptions = this.subscriptions.filter((i) => i !== e);
+    });
+    return this.subscriptions.push(e), t;
+  }
+  unregisterPlugin(t) {
+    this.plugins = this.plugins.filter((e) => e !== t), t.destroy();
+  }
+  getWrapper() {
+    return this.renderer.getWrapper();
+  }
+  getWidth() {
+    return this.renderer.getWidth();
+  }
+  getScroll() {
+    return this.renderer.getScroll();
+  }
+  setScroll(t) {
+    return this.renderer.setScroll(t);
+  }
+  setScrollTime(t) {
+    const e = t / this.getDuration();
+    this.renderer.setScrollPercentage(e);
+  }
+  getActivePlugins() {
+    return this.plugins;
+  }
+  loadAudio(t, e, i, s) {
+    return k(this, void 0, void 0, function* () {
+      var r;
+      if (this.emit("load", t), !this.options.media && this.isPlaying() && this.pause(), this.decodedData = null, this.stopAtPosition = null, !e && !i) {
+        const l = this.options.fetchParams || {};
+        window.AbortController && !l.signal && (this.abortController = new AbortController(), l.signal = (r = this.abortController) === null || r === void 0 ? void 0 : r.signal);
+        const h = (a) => this.emit("loading", a);
+        e = yield qt.fetchBlob(t, h, l);
+        const c = this.options.blobMimeType;
+        c && (e = new Blob([e], { type: c }));
+      }
+      this.setSrc(t, e);
+      const n = yield new Promise((l) => {
+        const h = s || this.getDuration();
+        h ? l(h) : this.mediaSubscriptions.push(this.onMediaEvent("loadedmetadata", () => l(this.getDuration()), { once: !0 }));
+      });
+      if (!t && !e) {
+        const l = this.getMediaElement();
+        l instanceof $ && (l.duration = n);
+      }
+      if (i) this.decodedData = K.createBuffer(i, n || 0);
+      else if (e) {
+        const l = yield e.arrayBuffer();
+        this.decodedData = yield K.decode(l, this.options.sampleRate);
+      }
+      this.decodedData && (this.emit("decode", this.getDuration()), this.renderer.render(this.decodedData)), this.emit("ready", this.getDuration());
+    });
+  }
+  load(t, e, i) {
+    return k(this, void 0, void 0, function* () {
+      try {
+        return yield this.loadAudio(t, void 0, e, i);
+      } catch (s) {
+        throw this.emit("error", s), s;
+      }
+    });
+  }
+  loadBlob(t, e, i) {
+    return k(this, void 0, void 0, function* () {
+      try {
+        return yield this.loadAudio("", t, e, i);
+      } catch (s) {
+        throw this.emit("error", s), s;
+      }
+    });
+  }
+  zoom(t) {
+    if (!this.decodedData) throw new Error("No audio loaded");
+    this.renderer.zoom(t), this.emit("zoom", t);
+  }
+  getDecodedData() {
+    return this.decodedData;
+  }
+  exportPeaks({ channels: t = 2, maxLength: e = 8e3, precision: i = 1e4 } = {}) {
+    if (!this.decodedData) throw new Error("The audio has not been decoded yet");
+    const s = Math.min(t, this.decodedData.numberOfChannels), r = [];
+    for (let n = 0; n < s; n++) {
+      const l = this.decodedData.getChannelData(n), h = [], c = l.length / e;
+      for (let a = 0; a < e; a++) {
+        const d = l.slice(Math.floor(a * c), Math.ceil((a + 1) * c));
+        let u = 0;
+        for (let p = 0; p < d.length; p++) {
+          const b = d[p];
+          Math.abs(b) > Math.abs(u) && (u = b);
+        }
+        h.push(Math.round(u * i) / i);
+      }
+      r.push(h);
+    }
+    return r;
+  }
+  getDuration() {
+    let t = super.getDuration() || 0;
+    return t !== 0 && t !== 1 / 0 || !this.decodedData || (t = this.decodedData.duration), t;
+  }
+  toggleInteraction(t) {
+    this.options.interact = t;
+  }
+  setTime(t) {
+    this.stopAtPosition = null, super.setTime(t), this.updateProgress(t), this.emit("timeupdate", t);
+  }
+  seekTo(t) {
+    const e = this.getDuration() * t;
+    this.setTime(e);
+  }
+  play(t, e) {
+    const i = Object.create(null, { play: { get: () => super.play } });
+    return k(this, void 0, void 0, function* () {
+      t != null && this.setTime(t);
+      const s = yield i.play.call(this);
+      return e != null && (this.media instanceof $ ? this.media.stopAt(e) : this.stopAtPosition = e), s;
+    });
+  }
+  playPause() {
+    return k(this, void 0, void 0, function* () {
+      return this.isPlaying() ? this.pause() : this.play();
+    });
+  }
+  stop() {
+    this.pause(), this.setTime(0);
+  }
+  skip(t) {
+    this.setTime(this.getCurrentTime() + t);
+  }
+  empty() {
+    this.load("", [[0]], 1e-3);
+  }
+  setMediaElement(t) {
+    this.unsubscribePlayerEvents(), super.setMediaElement(t), this.initPlayerEvents();
+  }
+  exportImage() {
+    return k(this, arguments, void 0, function* (t = "image/png", e = 1, i = "dataURL") {
+      return this.renderer.exportImage(t, e, i);
+    });
+  }
+  destroy() {
+    var t;
+    this.emit("destroy"), (t = this.abortController) === null || t === void 0 || t.abort(), this.plugins.forEach((e) => e.destroy()), this.subscriptions.forEach((e) => e()), this.unsubscribePlayerEvents(), this.timer.destroy(), this.renderer.destroy(), super.destroy();
+  }
+};
+J.BasePlugin = ct, J.dom = $t;
+const te = { height: 50, overlayColor: "rgba(100, 100, 100, 0.1)", insertPosition: "afterend" };
+let pt = class mt extends ct {
+  constructor(t) {
+    super(t), this.miniWavesurfer = null, this.container = null, this.options = Object.assign({}, te, t), this.minimapWrapper = this.initMinimapWrapper(), this.overlay = this.initOverlay();
+  }
+  static create(t) {
+    return new mt(t);
+  }
+  onInit() {
+    var t, e;
+    if (!this.wavesurfer) throw Error("WaveSurfer is not initialized");
+    this.options.container ? (typeof this.options.container == "string" ? this.container = document.querySelector(this.options.container) : this.options.container instanceof HTMLElement && (this.container = this.options.container), (t = this.container) === null || t === void 0 || t.appendChild(this.minimapWrapper)) : (this.container = this.wavesurfer.getWrapper().parentElement, (e = this.container) === null || e === void 0 || e.insertAdjacentElement(this.options.insertPosition, this.minimapWrapper)), this.initWaveSurferEvents(), Promise.resolve().then(() => {
+      this.initMinimap();
+    });
+  }
+  initMinimapWrapper() {
+    return U("div", { part: "minimap", style: { position: "relative" } });
+  }
+  initOverlay() {
+    return U("div", { part: "minimap-overlay", style: { position: "absolute", zIndex: "2", left: "0", top: "0", bottom: "0", transition: "left 100ms ease-out", pointerEvents: "none", backgroundColor: this.options.overlayColor } }, this.minimapWrapper);
+  }
+  initMinimap() {
+    if (this.miniWavesurfer && (this.miniWavesurfer.destroy(), this.miniWavesurfer = null), !this.wavesurfer) return;
+    const t = this.wavesurfer.getDecodedData(), e = this.wavesurfer.getMediaElement();
+    if (!t || !e) return;
+    const i = [];
+    for (let s = 0; s < t.numberOfChannels; s++) i.push(t.getChannelData(s));
+    this.miniWavesurfer = J.create(Object.assign(Object.assign({}, this.options), { container: this.minimapWrapper, minPxPerSec: 0, fillParent: !0, media: e, peaks: i, duration: t.duration })), this.subscriptions.push(this.miniWavesurfer.on("audioprocess", (s) => {
+      this.emit("audioprocess", s);
+    }), this.miniWavesurfer.on("click", (s, r) => {
+      this.emit("click", s, r);
+    }), this.miniWavesurfer.on("dblclick", (s, r) => {
+      this.emit("dblclick", s, r);
+    }), this.miniWavesurfer.on("decode", (s) => {
+      this.emit("decode", s);
+    }), this.miniWavesurfer.on("destroy", () => {
+      this.emit("destroy");
+    }), this.miniWavesurfer.on("drag", (s) => {
+      this.emit("drag", s);
+    }), this.miniWavesurfer.on("dragend", (s) => {
+      this.emit("dragend", s);
+    }), this.miniWavesurfer.on("dragstart", (s) => {
+      this.emit("dragstart", s);
+    }), this.miniWavesurfer.on("interaction", () => {
+      this.emit("interaction");
+    }), this.miniWavesurfer.on("init", () => {
+      this.emit("init");
+    }), this.miniWavesurfer.on("ready", () => {
+      this.emit("ready");
+    }), this.miniWavesurfer.on("redraw", () => {
+      this.emit("redraw");
+    }), this.miniWavesurfer.on("redrawcomplete", () => {
+      this.emit("redrawcomplete");
+    }), this.miniWavesurfer.on("seeking", (s) => {
+      this.emit("seeking", s);
+    }), this.miniWavesurfer.on("timeupdate", (s) => {
+      this.emit("timeupdate", s);
+    }));
+  }
+  getOverlayWidth() {
+    var t;
+    const e = ((t = this.wavesurfer) === null || t === void 0 ? void 0 : t.getWrapper().clientWidth) || 1;
+    return Math.round(this.minimapWrapper.clientWidth / e * 100);
+  }
+  onRedraw() {
+    const t = this.getOverlayWidth();
+    this.overlay.style.width = `${t}%`;
+  }
+  onScroll(t) {
+    if (!this.wavesurfer) return;
+    const e = this.wavesurfer.getDuration();
+    this.overlay.style.left = t / e * 100 + "%";
+  }
+  initWaveSurferEvents() {
+    this.wavesurfer && this.subscriptions.push(this.wavesurfer.on("decode", () => {
+      this.initMinimap();
+    }), this.wavesurfer.on("scroll", (t) => {
+      this.onScroll(t);
+    }), this.wavesurfer.on("redraw", () => {
+      this.onRedraw();
+    }));
+  }
+  destroy() {
+    var t;
+    (t = this.miniWavesurfer) === null || t === void 0 || t.destroy(), this.minimapWrapper.remove(), super.destroy();
+  }
+};
+const Xe = ({
+  waveSurfer: o,
+  minimapOptions: t = {}
+}) => {
+  const { pluginInstance: e, createPlugin: i } = z(
+    pt,
+    t
+  );
+  return D(() => {
+    o.value && i(o.value);
+  }), {
+    minimapPlugin: e
   };
-  return w(() => {
-    const u = i.value?.registerPlugin(R.create({
-      renderRecordedAudio: !1,
-      ...t
+}, Ne = ({
+  containerRef: o,
+  options: t,
+  minimapOptions: e = {}
+}) => G(
+  pt,
+  { containerRef: o, options: t, pluginOptions: e }
+);
+let vt = class {
+  constructor() {
+    this.listeners = {};
+  }
+  on(t, e, i) {
+    if (this.listeners[t] || (this.listeners[t] = /* @__PURE__ */ new Set()), this.listeners[t].add(e), i?.once) {
+      const s = () => {
+        this.un(t, s), this.un(t, e);
+      };
+      return this.on(t, s), s;
+    }
+    return () => this.un(t, e);
+  }
+  un(t, e) {
+    var i;
+    (i = this.listeners[t]) === null || i === void 0 || i.delete(e);
+  }
+  once(t, e) {
+    return this.on(t, e, { once: !0 });
+  }
+  unAll() {
+    this.listeners = {};
+  }
+  emit(t, ...e) {
+    this.listeners[t] && this.listeners[t].forEach((i) => i(...e));
+  }
+}, ee = class extends vt {
+  constructor(t) {
+    super(), this.subscriptions = [], this.isDestroyed = !1, this.options = t;
+  }
+  onInit() {
+  }
+  _init(t) {
+    this.isDestroyed && (this.subscriptions = [], this.isDestroyed = !1), this.wavesurfer = t, this.onInit();
+  }
+  destroy() {
+    this.emit("destroy"), this.subscriptions.forEach((t) => t()), this.subscriptions = [], this.isDestroyed = !0, this.wavesurfer = void 0;
+  }
+};
+function tt(o, t, e, i, s = 3, r = 0, n = 100) {
+  if (!o) return () => {
+  };
+  const l = matchMedia("(pointer: coarse)").matches;
+  let h = () => {
+  };
+  const c = (a) => {
+    if (a.button !== r) return;
+    a.preventDefault(), a.stopPropagation();
+    let d = a.clientX, u = a.clientY, p = !1;
+    const b = Date.now(), x = (v) => {
+      if (v.preventDefault(), v.stopPropagation(), l && Date.now() - b < n) return;
+      const f = v.clientX, C = v.clientY, W = f - d, S = C - u;
+      if (p || Math.abs(W) > s || Math.abs(S) > s) {
+        const M = o.getBoundingClientRect(), { left: E, top: L } = M;
+        p || (e?.(d - E, u - L), p = !0), t(W, S, f - E, C - L), d = f, u = C;
+      }
+    }, g = (v) => {
+      if (p) {
+        const f = v.clientX, C = v.clientY, W = o.getBoundingClientRect(), { left: S, top: M } = W;
+        i?.(f - S, C - M);
+      }
+      h();
+    }, m = (v) => {
+      v.relatedTarget && v.relatedTarget !== document.documentElement || g(v);
+    }, y = (v) => {
+      p && (v.stopPropagation(), v.preventDefault());
+    }, w = (v) => {
+      p && v.preventDefault();
+    };
+    document.addEventListener("pointermove", x), document.addEventListener("pointerup", g), document.addEventListener("pointerout", m), document.addEventListener("pointercancel", m), document.addEventListener("touchmove", w, { passive: !1 }), document.addEventListener("click", y, { capture: !0 }), h = () => {
+      document.removeEventListener("pointermove", x), document.removeEventListener("pointerup", g), document.removeEventListener("pointerout", m), document.removeEventListener("pointercancel", m), document.removeEventListener("touchmove", w), setTimeout(() => {
+        document.removeEventListener("click", y, { capture: !0 });
+      }, 10);
+    };
+  };
+  return o.addEventListener("pointerdown", c), () => {
+    h(), o.removeEventListener("pointerdown", c);
+  };
+}
+function ft(o, t) {
+  const e = t.xmlns ? document.createElementNS(t.xmlns, o) : document.createElement(o);
+  for (const [i, s] of Object.entries(t)) if (i === "children" && s) for (const [r, n] of Object.entries(s)) n instanceof Node ? e.appendChild(n) : typeof n == "string" ? e.appendChild(document.createTextNode(n)) : e.appendChild(ft(r, n));
+  else i === "style" ? Object.assign(e.style, s) : i === "textContent" ? e.textContent = s : e.setAttribute(i, s.toString());
+  return e;
+}
+function q(o, t, e) {
+  const i = ft(o, t || {});
+  return e?.appendChild(i), i;
+}
+const N = { points: [], lineWidth: 4, lineColor: "rgba(0, 0, 255, 0.5)", dragPointSize: 10, dragPointFill: "rgba(255, 255, 255, 0.8)", dragPointStroke: "rgba(255, 255, 255, 0.8)" };
+let ie = class extends vt {
+  constructor(t, e) {
+    super(), this.subscriptions = [], this.subscriptions = [], this.options = t, this.polyPoints = /* @__PURE__ */ new Map();
+    const i = e.clientWidth, s = e.clientHeight, r = q("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: `0 0 ${i} ${s}`, preserveAspectRatio: "none", style: { position: "absolute", left: "0", top: "0", zIndex: "4" }, part: "envelope" }, e);
+    this.svg = r;
+    const n = q("polyline", { xmlns: "http://www.w3.org/2000/svg", points: `0,${s} ${i},${s}`, stroke: t.lineColor, "stroke-width": t.lineWidth, fill: "none", part: "polyline", style: t.dragLine ? { cursor: "row-resize", pointerEvents: "stroke" } : {} }, r);
+    t.dragLine && this.subscriptions.push(tt(n, (l, h) => {
+      const { height: c } = r.viewBox.baseVal, { points: a } = n;
+      for (let u = 1; u < a.numberOfItems - 1; u++) {
+        const p = a.getItem(u);
+        p.y = Math.min(c, Math.max(0, p.y + h));
+      }
+      const d = r.querySelectorAll("ellipse");
+      Array.from(d).forEach((u) => {
+        const p = Math.min(c, Math.max(0, Number(u.getAttribute("cy")) + h));
+        u.setAttribute("cy", p.toString());
+      }), this.emit("line-move", h / c);
+    })), r.addEventListener("dblclick", (l) => {
+      const h = r.getBoundingClientRect(), c = l.clientX - h.left, a = l.clientY - h.top;
+      this.emit("point-create", c / h.width, a / h.height);
+    });
+    {
+      let l;
+      const h = () => clearTimeout(l);
+      r.addEventListener("touchstart", (c) => {
+        c.touches.length === 1 ? l = window.setTimeout(() => {
+          c.preventDefault();
+          const a = r.getBoundingClientRect(), d = c.touches[0].clientX - a.left, u = c.touches[0].clientY - a.top;
+          this.emit("point-create", d / a.width, u / a.height);
+        }, 500) : h();
+      }), r.addEventListener("touchmove", h), r.addEventListener("touchend", h);
+    }
+  }
+  makeDraggable(t, e) {
+    this.subscriptions.push(tt(t, e, () => t.style.cursor = "grabbing", () => t.style.cursor = "grab", 1));
+  }
+  createCircle(t, e) {
+    const i = this.options.dragPointSize / 2;
+    return q("ellipse", { xmlns: "http://www.w3.org/2000/svg", cx: t, cy: e, rx: i, ry: i, fill: this.options.dragPointFill, stroke: this.options.dragPointStroke, "stroke-width": "2", style: { cursor: "grab", pointerEvents: "all" }, part: "envelope-circle" }, this.svg);
+  }
+  removePolyPoint(t) {
+    const e = this.polyPoints.get(t);
+    if (!e) return;
+    const { polyPoint: i, circle: s } = e, { points: r } = this.svg.querySelector("polyline"), n = Array.from(r).findIndex((l) => l.x === i.x && l.y === i.y);
+    r.removeItem(n), s.remove(), this.polyPoints.delete(t);
+  }
+  addPolyPoint(t, e, i) {
+    const { svg: s } = this, { width: r, height: n } = s.viewBox.baseVal, l = t * r, h = n - e * n, c = this.options.dragPointSize / 2, a = s.createSVGPoint();
+    a.x = t * r, a.y = n - e * n;
+    const d = this.createCircle(l, h), { points: u } = s.querySelector("polyline"), p = Array.from(u).findIndex((b) => b.x >= l);
+    u.insertItemBefore(a, Math.max(p, 1)), this.polyPoints.set(i, { polyPoint: a, circle: d }), this.makeDraggable(d, (b, x) => {
+      const g = a.x + b, m = a.y + x;
+      if (g < -c || m < -c || g > r + c || m > n + c) return void this.emit("point-dragout", i);
+      const y = Array.from(u).find((v) => v.x > a.x), w = Array.from(u).findLast((v) => v.x < a.x);
+      y && g >= y.x || w && g <= w.x || (a.x = g, a.y = m, d.setAttribute("cx", g.toString()), d.setAttribute("cy", m.toString()), this.emit("point-move", i, g / r, m / n));
+    });
+  }
+  update() {
+    const { svg: t } = this, { clientWidth: e, clientHeight: i } = t;
+    if (!e || !i) return;
+    const s = t.viewBox.baseVal.width / e, r = t.viewBox.baseVal.height / i;
+    t.querySelectorAll("ellipse").forEach((n) => {
+      const l = this.options.dragPointSize / 2, h = l * s, c = l * r;
+      n.setAttribute("rx", h.toString()), n.setAttribute("ry", c.toString());
+    });
+  }
+  destroy() {
+    this.subscriptions.forEach((t) => t()), this.polyPoints.clear(), this.svg.remove();
+  }
+}, gt = class bt extends ee {
+  constructor(t) {
+    super(t), this.polyline = null, this.throttleTimeout = null, this.volume = 1, this.points = t.points || [], this.options = Object.assign({}, N, t), this.options.lineColor = this.options.lineColor || N.lineColor, this.options.dragPointFill = this.options.dragPointFill || N.dragPointFill, this.options.dragPointStroke = this.options.dragPointStroke || N.dragPointStroke, this.options.dragPointSize = this.options.dragPointSize || N.dragPointSize;
+  }
+  static create(t) {
+    return new bt(t);
+  }
+  addPoint(t) {
+    var e;
+    t.id || (t.id = Math.random().toString(36).slice(2));
+    const i = this.points.findLastIndex((r) => r.time < t.time);
+    this.points.splice(i + 1, 0, t), this.emitPoints();
+    const s = (e = this.wavesurfer) === null || e === void 0 ? void 0 : e.getDuration();
+    s && this.addPolyPoint(t, s);
+  }
+  removePoint(t) {
+    var e;
+    const i = this.points.indexOf(t);
+    i > -1 && (this.points.splice(i, 1), (e = this.polyline) === null || e === void 0 || e.removePolyPoint(t), this.emitPoints());
+  }
+  getPoints() {
+    return this.points;
+  }
+  setPoints(t) {
+    this.points.slice().forEach((e) => this.removePoint(e)), t.forEach((e) => this.addPoint(e));
+  }
+  destroy() {
+    var t;
+    (t = this.polyline) === null || t === void 0 || t.destroy(), super.destroy();
+  }
+  getCurrentVolume() {
+    return this.volume;
+  }
+  setVolume(t) {
+    var e;
+    this.volume = t, (e = this.wavesurfer) === null || e === void 0 || e.setVolume(t);
+  }
+  onInit() {
+    var t;
+    if (!this.wavesurfer) throw Error("WaveSurfer is not initialized");
+    const { options: e } = this;
+    e.volume = (t = e.volume) !== null && t !== void 0 ? t : this.wavesurfer.getVolume(), this.setVolume(e.volume), this.subscriptions.push(this.wavesurfer.on("decode", (i) => {
+      this.initPolyline(), this.points.forEach((s) => {
+        this.addPolyPoint(s, i);
+      });
+    }), this.wavesurfer.on("redraw", () => {
+      var i;
+      (i = this.polyline) === null || i === void 0 || i.update();
+    }), this.wavesurfer.on("timeupdate", (i) => {
+      this.onTimeUpdate(i);
+    }));
+  }
+  emitPoints() {
+    this.throttleTimeout && clearTimeout(this.throttleTimeout), this.throttleTimeout = setTimeout(() => {
+      this.emit("points-change", this.points);
+    }, 200);
+  }
+  initPolyline() {
+    if (this.polyline && this.polyline.destroy(), !this.wavesurfer) return;
+    const t = this.wavesurfer.getWrapper();
+    this.polyline = new ie(this.options, t), this.subscriptions.push(this.polyline.on("point-move", (e, i, s) => {
+      var r;
+      const n = ((r = this.wavesurfer) === null || r === void 0 ? void 0 : r.getDuration()) || 0;
+      e.time = i * n, e.volume = 1 - s, this.emitPoints();
+    }), this.polyline.on("point-dragout", (e) => {
+      this.removePoint(e);
+    }), this.polyline.on("point-create", (e, i) => {
+      var s;
+      this.addPoint({ time: e * (((s = this.wavesurfer) === null || s === void 0 ? void 0 : s.getDuration()) || 0), volume: 1 - i });
+    }), this.polyline.on("line-move", (e) => {
+      var i;
+      this.points.forEach((s) => {
+        s.volume = Math.min(1, Math.max(0, s.volume - e));
+      }), this.emitPoints(), this.onTimeUpdate(((i = this.wavesurfer) === null || i === void 0 ? void 0 : i.getCurrentTime()) || 0);
     }));
-    u && (s.value = u);
+  }
+  addPolyPoint(t, e) {
+    var i;
+    (i = this.polyline) === null || i === void 0 || i.addPolyPoint(t.time / e, t.volume, t);
+  }
+  onTimeUpdate(t) {
+    if (!this.wavesurfer) return;
+    let e = this.points.find((c) => c.time > t);
+    e || (e = { time: this.wavesurfer.getDuration() || 0, volume: 0 });
+    let i = this.points.findLast((c) => c.time <= t);
+    i || (i = { time: 0, volume: 0 });
+    const s = e.time - i.time, r = e.volume - i.volume, n = i.volume + (t - i.time) * (r / s), l = Math.min(1, Math.max(0, n)), h = Math.round(100 * l) / 100;
+    h !== this.getCurrentVolume() && (this.setVolume(h), this.emit("volume-change", h));
+  }
+};
+const Ke = ({
+  waveSurfer: o,
+  envelopeOptions: t = {}
+}) => {
+  const { pluginInstance: e, createPlugin: i } = z(
+    gt,
+    t
+  );
+  return D(() => {
+    o.value && i(o.value);
   }), {
-    waveSurfer: i,
-    waveSurferRecorder: s,
-    currentTime: d,
-    startRecording: m,
-    stopRecording: p,
-    pauseRecording: g,
-    isRecording: o,
-    isPaused: a,
-    isPauseResume: h
+    envelopePlugin: e
+  };
+}, je = ({
+  containerRef: o,
+  options: t,
+  envelopeOptions: e = {}
+}) => G(
+  gt,
+  { containerRef: o, options: t, pluginOptions: e }
+);
+function O(o, t, e, i) {
+  return new (e || (e = Promise))(function(s, r) {
+    function n(c) {
+      try {
+        h(i.next(c));
+      } catch (a) {
+        r(a);
+      }
+    }
+    function l(c) {
+      try {
+        h(i.throw(c));
+      } catch (a) {
+        r(a);
+      }
+    }
+    function h(c) {
+      var a;
+      c.done ? s(c.value) : (a = c.value, a instanceof e ? a : new e(function(d) {
+        d(a);
+      })).then(n, l);
+    }
+    h((i = i.apply(o, [])).next());
+  });
+}
+const yt = 1e3 * Math.log(10) / 107.939;
+function wt(o) {
+  return 2595 * Math.log10(1 + o / 700);
+}
+function Ct(o) {
+  return 700 * (Math.pow(10, o / 2595) - 1);
+}
+function xt(o) {
+  return Math.log10(Math.max(1, o));
+}
+function St(o) {
+  return Math.pow(10, o);
+}
+function Wt(o) {
+  let t = 26.81 * o / (1960 + o) - 0.53;
+  return t < 2 && (t += 0.15 * (2 - t)), t > 20.1 && (t += 0.22 * (t - 20.1)), t;
+}
+function Mt(o) {
+  return o < 2 && (o = (o - 0.3) / 0.85), o > 20.1 && (o = (o + 4.422) / 1.22), (o + 0.53) / (26.28 - o) * 1960;
+}
+function Et(o) {
+  return yt * Math.log10(1 + 437e-5 * o);
+}
+function Pt(o) {
+  return (Math.pow(10, o / yt) - 1) / 437e-5;
+}
+function X(o, t) {
+  switch (t) {
+    case "mel":
+      return wt(o);
+    case "logarithmic":
+      return xt(o);
+    case "bark":
+      return Wt(o);
+    case "erb":
+      return Et(o);
+    default:
+      return o;
+  }
+}
+function j(o, t, e, i, s) {
+  const r = i(0), n = i(e / 2), l = Array.from({ length: o }, () => Array(t / 2 + 1).fill(0)), h = e / t;
+  for (let c = 0; c < o; c++) {
+    const a = s(r + c / o * (n - r)), d = Math.floor(a / h), u = d * h, p = (a - u) / ((d + 1) * h - u);
+    l[c][d] = 1 - p, l[c][d + 1] = p;
+  }
+  return l;
+}
+function se(o, t) {
+  const e = t.length, i = Float32Array.from({ length: e }, () => 0);
+  for (let s = 0; s < e; s++) for (let r = 0; r < o.length; r++) i[s] += o[r] * t[s][r];
+  return i;
+}
+const ne = { gray: () => {
+  const o = [];
+  for (let t = 0; t < 256; t++) {
+    const e = (255 - t) / 256;
+    o.push([e, e, e, 1]);
+  }
+  return o;
+}, igray: () => {
+  const o = [];
+  for (let t = 0; t < 256; t++) {
+    const e = t / 256;
+    o.push([e, e, e, 1]);
+  }
+  return o;
+}, roseus: () => [[4528e-6, 4341e-6, 4307e-6, 1], [5625e-6, 6156e-6, 601e-5, 1], [6628e-6, 8293e-6, 8161e-6, 1], [7551e-6, 0.010738, 0.01079, 1], [8382e-6, 0.013482, 0.013941, 1], [9111e-6, 0.01652, 0.017662, 1], [9727e-6, 0.019846, 0.022009, 1], [0.010223, 0.023452, 0.027035, 1], [0.010593, 0.027331, 0.032799, 1], [0.010833, 0.031475, 0.039361, 1], [0.010941, 0.035875, 0.046415, 1], [0.010918, 0.04052, 0.053597, 1], [0.010768, 0.045158, 0.060914, 1], [0.010492, 0.049708, 0.068367, 1], [0.010098, 0.054171, 0.075954, 1], [9594e-6, 0.058549, 0.083672, 1], [8989e-6, 0.06284, 0.091521, 1], [8297e-6, 0.067046, 0.099499, 1], [753e-5, 0.071165, 0.107603, 1], [6704e-6, 0.075196, 0.11583, 1], [5838e-6, 0.07914, 0.124178, 1], [4949e-6, 0.082994, 0.132643, 1], [4062e-6, 0.086758, 0.141223, 1], [3198e-6, 0.09043, 0.149913, 1], [2382e-6, 0.09401, 0.158711, 1], [1643e-6, 0.097494, 0.167612, 1], [1009e-6, 0.100883, 0.176612, 1], [514e-6, 0.104174, 0.185704, 1], [187e-6, 0.107366, 0.194886, 1], [66e-6, 0.110457, 0.204151, 1], [186e-6, 0.113445, 0.213496, 1], [587e-6, 0.116329, 0.222914, 1], [1309e-6, 0.119106, 0.232397, 1], [2394e-6, 0.121776, 0.241942, 1], [3886e-6, 0.124336, 0.251542, 1], [5831e-6, 0.126784, 0.261189, 1], [8276e-6, 0.12912, 0.270876, 1], [0.011268, 0.131342, 0.280598, 1], [0.014859, 0.133447, 0.290345, 1], [0.0191, 0.135435, 0.300111, 1], [0.024043, 0.137305, 0.309888, 1], [0.029742, 0.139054, 0.319669, 1], [0.036252, 0.140683, 0.329441, 1], [0.043507, 0.142189, 0.339203, 1], [0.050922, 0.143571, 0.348942, 1], [0.058432, 0.144831, 0.358649, 1], [0.066041, 0.145965, 0.368319, 1], [0.073744, 0.146974, 0.377938, 1], [0.081541, 0.147858, 0.387501, 1], [0.089431, 0.148616, 0.396998, 1], [0.097411, 0.149248, 0.406419, 1], [0.105479, 0.149754, 0.415755, 1], [0.113634, 0.150134, 0.424998, 1], [0.121873, 0.150389, 0.434139, 1], [0.130192, 0.150521, 0.443167, 1], [0.138591, 0.150528, 0.452075, 1], [0.147065, 0.150413, 0.460852, 1], [0.155614, 0.150175, 0.469493, 1], [0.164232, 0.149818, 0.477985, 1], [0.172917, 0.149343, 0.486322, 1], [0.181666, 0.148751, 0.494494, 1], [0.190476, 0.148046, 0.502493, 1], [0.199344, 0.147229, 0.510313, 1], [0.208267, 0.146302, 0.517944, 1], [0.217242, 0.145267, 0.52538, 1], [0.226264, 0.144131, 0.532613, 1], [0.235331, 0.142894, 0.539635, 1], [0.24444, 0.141559, 0.546442, 1], [0.253587, 0.140131, 0.553026, 1], [0.262769, 0.138615, 0.559381, 1], [0.271981, 0.137016, 0.5655, 1], [0.281222, 0.135335, 0.571381, 1], [0.290487, 0.133581, 0.577017, 1], [0.299774, 0.131757, 0.582404, 1], [0.30908, 0.129867, 0.587538, 1], [0.318399, 0.12792, 0.592415, 1], [0.32773, 0.125921, 0.597032, 1], [0.337069, 0.123877, 0.601385, 1], [0.346413, 0.121793, 0.605474, 1], [0.355758, 0.119678, 0.609295, 1], [0.365102, 0.11754, 0.612846, 1], [0.374443, 0.115386, 0.616127, 1], [0.383774, 0.113226, 0.619138, 1], [0.393096, 0.111066, 0.621876, 1], [0.402404, 0.108918, 0.624343, 1], [0.411694, 0.106794, 0.62654, 1], [0.420967, 0.104698, 0.628466, 1], [0.430217, 0.102645, 0.630123, 1], [0.439442, 0.100647, 0.631513, 1], [0.448637, 0.098717, 0.632638, 1], [0.457805, 0.096861, 0.633499, 1], [0.46694, 0.095095, 0.6341, 1], [0.47604, 0.093433, 0.634443, 1], [0.485102, 0.091885, 0.634532, 1], [0.494125, 0.090466, 0.63437, 1], [0.503104, 0.08919, 0.633962, 1], [0.512041, 0.088067, 0.633311, 1], [0.520931, 0.087108, 0.63242, 1], [0.529773, 0.086329, 0.631297, 1], [0.538564, 0.085738, 0.629944, 1], [0.547302, 0.085346, 0.628367, 1], [0.555986, 0.085162, 0.626572, 1], [0.564615, 0.08519, 0.624563, 1], [0.573187, 0.085439, 0.622345, 1], [0.581698, 0.085913, 0.619926, 1], [0.590149, 0.086615, 0.617311, 1], [0.598538, 0.087543, 0.614503, 1], [0.606862, 0.0887, 0.611511, 1], [0.61512, 0.090084, 0.608343, 1], [0.623312, 0.09169, 0.605001, 1], [0.631438, 0.093511, 0.601489, 1], [0.639492, 0.095546, 0.597821, 1], [0.647476, 0.097787, 0.593999, 1], [0.655389, 0.100226, 0.590028, 1], [0.66323, 0.102856, 0.585914, 1], [0.670995, 0.105669, 0.581667, 1], [0.678686, 0.108658, 0.577291, 1], [0.686302, 0.111813, 0.57279, 1], [0.69384, 0.115129, 0.568175, 1], [0.7013, 0.118597, 0.563449, 1], [0.708682, 0.122209, 0.558616, 1], [0.715984, 0.125959, 0.553687, 1], [0.723206, 0.12984, 0.548666, 1], [0.730346, 0.133846, 0.543558, 1], [0.737406, 0.13797, 0.538366, 1], [0.744382, 0.142209, 0.533101, 1], [0.751274, 0.146556, 0.527767, 1], [0.758082, 0.151008, 0.522369, 1], [0.764805, 0.155559, 0.516912, 1], [0.771443, 0.160206, 0.511402, 1], [0.777995, 0.164946, 0.505845, 1], [0.784459, 0.169774, 0.500246, 1], [0.790836, 0.174689, 0.494607, 1], [0.797125, 0.179688, 0.488935, 1], [0.803325, 0.184767, 0.483238, 1], [0.809435, 0.189925, 0.477518, 1], [0.815455, 0.19516, 0.471781, 1], [0.821384, 0.200471, 0.466028, 1], [0.827222, 0.205854, 0.460267, 1], [0.832968, 0.211308, 0.454505, 1], [0.838621, 0.216834, 0.448738, 1], [0.844181, 0.222428, 0.442979, 1], [0.849647, 0.22809, 0.43723, 1], [0.855019, 0.233819, 0.431491, 1], [0.860295, 0.239613, 0.425771, 1], [0.865475, 0.245471, 0.420074, 1], [0.870558, 0.251393, 0.414403, 1], [0.875545, 0.25738, 0.408759, 1], [0.880433, 0.263427, 0.403152, 1], [0.885223, 0.269535, 0.397585, 1], [0.889913, 0.275705, 0.392058, 1], [0.894503, 0.281934, 0.386578, 1], [0.898993, 0.288222, 0.381152, 1], [0.903381, 0.294569, 0.375781, 1], [0.907667, 0.300974, 0.370469, 1], [0.911849, 0.307435, 0.365223, 1], [0.915928, 0.313953, 0.360048, 1], [0.919902, 0.320527, 0.354948, 1], [0.923771, 0.327155, 0.349928, 1], [0.927533, 0.333838, 0.344994, 1], [0.931188, 0.340576, 0.340149, 1], [0.934736, 0.347366, 0.335403, 1], [0.938175, 0.354207, 0.330762, 1], [0.941504, 0.361101, 0.326229, 1], [0.944723, 0.368045, 0.321814, 1], [0.947831, 0.375039, 0.317523, 1], [0.950826, 0.382083, 0.313364, 1], [0.953709, 0.389175, 0.309345, 1], [0.956478, 0.396314, 0.305477, 1], [0.959133, 0.403499, 0.301766, 1], [0.961671, 0.410731, 0.298221, 1], [0.964093, 0.418008, 0.294853, 1], [0.966399, 0.425327, 0.291676, 1], [0.968586, 0.43269, 0.288696, 1], [0.970654, 0.440095, 0.285926, 1], [0.972603, 0.44754, 0.28338, 1], [0.974431, 0.455025, 0.281067, 1], [0.976139, 0.462547, 0.279003, 1], [0.977725, 0.470107, 0.277198, 1], [0.979188, 0.477703, 0.275666, 1], [0.980529, 0.485332, 0.274422, 1], [0.981747, 0.492995, 0.273476, 1], [0.98284, 0.50069, 0.272842, 1], [0.983808, 0.508415, 0.272532, 1], [0.984653, 0.516168, 0.27256, 1], [0.985373, 0.523948, 0.272937, 1], [0.985966, 0.531754, 0.273673, 1], [0.986436, 0.539582, 0.274779, 1], [0.98678, 0.547434, 0.276264, 1], [0.986998, 0.555305, 0.278135, 1], [0.987091, 0.563195, 0.280401, 1], [0.987061, 0.5711, 0.283066, 1], [0.986907, 0.579019, 0.286137, 1], [0.986629, 0.58695, 0.289615, 1], [0.986229, 0.594891, 0.293503, 1], [0.985709, 0.602839, 0.297802, 1], [0.985069, 0.610792, 0.302512, 1], [0.98431, 0.618748, 0.307632, 1], [0.983435, 0.626704, 0.313159, 1], [0.982445, 0.634657, 0.319089, 1], [0.981341, 0.642606, 0.32542, 1], [0.98013, 0.650546, 0.332144, 1], [0.978812, 0.658475, 0.339257, 1], [0.977392, 0.666391, 0.346753, 1], [0.97587, 0.67429, 0.354625, 1], [0.974252, 0.68217, 0.362865, 1], [0.972545, 0.690026, 0.371466, 1], [0.97075, 0.697856, 0.380419, 1], [0.968873, 0.705658, 0.389718, 1], [0.966921, 0.713426, 0.399353, 1], [0.964901, 0.721157, 0.409313, 1], [0.962815, 0.728851, 0.419594, 1], [0.960677, 0.7365, 0.430181, 1], [0.95849, 0.744103, 0.44107, 1], [0.956263, 0.751656, 0.452248, 1], [0.954009, 0.759153, 0.463702, 1], [0.951732, 0.766595, 0.475429, 1], [0.949445, 0.773974, 0.487414, 1], [0.947158, 0.781289, 0.499647, 1], [0.944885, 0.788535, 0.512116, 1], [0.942634, 0.795709, 0.524811, 1], [0.940423, 0.802807, 0.537717, 1], [0.938261, 0.809825, 0.550825, 1], [0.936163, 0.81676, 0.564121, 1], [0.934146, 0.823608, 0.577591, 1], [0.932224, 0.830366, 0.59122, 1], [0.930412, 0.837031, 0.604997, 1], [0.928727, 0.843599, 0.618904, 1], [0.927187, 0.850066, 0.632926, 1], [0.925809, 0.856432, 0.647047, 1], [0.92461, 0.862691, 0.661249, 1], [0.923607, 0.868843, 0.675517, 1], [0.92282, 0.874884, 0.689832, 1], [0.922265, 0.880812, 0.704174, 1], [0.921962, 0.886626, 0.718523, 1], [0.92193, 0.892323, 0.732859, 1], [0.922183, 0.897903, 0.747163, 1], [0.922741, 0.903364, 0.76141, 1], [0.92362, 0.908706, 0.77558, 1], [0.924837, 0.913928, 0.789648, 1], [0.926405, 0.919031, 0.80359, 1], [0.92834, 0.924015, 0.817381, 1], [0.930655, 0.928881, 0.830995, 1], [0.93336, 0.933631, 0.844405, 1], [0.936466, 0.938267, 0.857583, 1], [0.939982, 0.942791, 0.870499, 1], [0.943914, 0.947207, 0.883122, 1], [0.948267, 0.951519, 0.895421, 1], [0.953044, 0.955732, 0.907359, 1], [0.958246, 0.959852, 0.918901, 1], [0.963869, 0.963887, 0.930004, 1], [0.969909, 0.967845, 0.940623, 1], [0.976355, 0.971737, 0.950704, 1], [0.983195, 0.97558, 0.960181, 1], [0.990402, 0.979395, 0.968966, 1], [0.99793, 0.983217, 0.97692, 1]] };
+function re(o) {
+  return o >= 1e3 ? (o / 1e3).toFixed(1) : Math.round(o).toString();
+}
+function oe(o) {
+  return o >= 1e3 ? "kHz" : "Hz";
+}
+function ae(o, t, e, i, s) {
+  const r = X(e, s);
+  return function(n, l) {
+    switch (l) {
+      case "mel":
+        return Ct(n);
+      case "logarithmic":
+        return St(n);
+      case "bark":
+        return Mt(n);
+      case "erb":
+        return Pt(n);
+      default:
+        return n;
+    }
+  }(r + o / t * (X(i, s) - r), s);
+}
+function le(o, t, e, i) {
+  switch (this.bufferSize = o, this.sampleRate = t, this.bandwidth = 2 / o * (t / 2), this.sinTable = new Float32Array(o), this.cosTable = new Float32Array(o), this.windowValues = new Float32Array(o), this.reverseTable = new Uint32Array(o), this.peakBand = 0, this.peak = 0, e) {
+    case "bartlett":
+      for (let n = 0; n < o; n++) this.windowValues[n] = 2 / (o - 1) * ((o - 1) / 2 - Math.abs(n - (o - 1) / 2));
+      break;
+    case "bartlettHann":
+      for (let n = 0; n < o; n++) this.windowValues[n] = 0.62 - 0.48 * Math.abs(n / (o - 1) - 0.5) - 0.38 * Math.cos(2 * Math.PI * n / (o - 1));
+      break;
+    case "blackman":
+      i = i || 0.16;
+      for (let n = 0; n < o; n++) this.windowValues[n] = (1 - i) / 2 - 0.5 * Math.cos(2 * Math.PI * n / (o - 1)) + i / 2 * Math.cos(4 * Math.PI * n / (o - 1));
+      break;
+    case "cosine":
+      for (let n = 0; n < o; n++) this.windowValues[n] = Math.cos(Math.PI * n / (o - 1) - Math.PI / 2);
+      break;
+    case "gauss":
+      i = i || 0.25;
+      for (let n = 0; n < o; n++) this.windowValues[n] = Math.pow(Math.E, -0.5 * Math.pow((n - (o - 1) / 2) / (i * (o - 1) / 2), 2));
+      break;
+    case "hamming":
+      for (let n = 0; n < o; n++) this.windowValues[n] = 0.54 - 0.46 * Math.cos(2 * Math.PI * n / (o - 1));
+      break;
+    case "hann":
+    case void 0:
+      for (let n = 0; n < o; n++) this.windowValues[n] = 0.5 * (1 - Math.cos(2 * Math.PI * n / (o - 1)));
+      break;
+    case "lanczoz":
+      for (let n = 0; n < o; n++) this.windowValues[n] = Math.sin(Math.PI * (2 * n / (o - 1) - 1)) / (Math.PI * (2 * n / (o - 1) - 1));
+      break;
+    case "rectangular":
+      for (let n = 0; n < o; n++) this.windowValues[n] = 1;
+      break;
+    case "triangular":
+      for (let n = 0; n < o; n++) this.windowValues[n] = 2 / o * (o / 2 - Math.abs(n - (o - 1) / 2));
+      break;
+    default:
+      throw Error("No such window function '" + e + "'");
+  }
+  let s = 1, r = o >> 1;
+  for (; s < o; ) {
+    for (let n = 0; n < s; n++) this.reverseTable[n + s] = this.reverseTable[n] + r;
+    s <<= 1, r >>= 1;
+  }
+  for (let n = 0; n < o; n++) this.sinTable[n] = Math.sin(-Math.PI / n), this.cosTable[n] = Math.cos(-Math.PI / n);
+  this.calculateSpectrum = function(n) {
+    const l = this.bufferSize, h = this.cosTable, c = this.sinTable, a = this.reverseTable, d = new Float32Array(l), u = new Float32Array(l), p = 2 / this.bufferSize, b = Math.sqrt, x = new Float32Array(l / 2);
+    let g, m, y;
+    const w = Math.floor(Math.log(l) / Math.LN2);
+    if (Math.pow(2, w) !== l) throw "Invalid buffer size, must be a power of 2.";
+    if (l !== n.length) throw "Supplied buffer is not the same size as defined FFT. FFT Size: " + l + " Buffer Size: " + n.length;
+    let v, f, C, W, S, M, E, L, T = 1;
+    for (let P = 0; P < l; P++) d[P] = n[a[P]] * this.windowValues[a[P]], u[P] = 0;
+    for (; T < l; ) {
+      v = h[T], f = c[T], C = 1, W = 0;
+      for (let P = 0; P < T; P++) {
+        let Z = P;
+        for (; Z < l; ) S = Z + T, M = C * d[S] - W * u[S], E = C * u[S] + W * d[S], d[S] = d[Z] - M, u[S] = u[Z] - E, d[Z] += M, u[Z] += E, Z += T << 1;
+        L = C, C = L * v - W * f, W = L * f + W * v;
+      }
+      T <<= 1;
+    }
+    for (let P = 0, Z = l / 2; P < Z; P++) g = d[P], m = u[P], y = p * b(g * g + m * m), y > this.peak && (this.peakBand = P, this.peak = y), x[P] = y;
+    return x;
+  };
+}
+class he {
+  constructor() {
+    this.listeners = {};
+  }
+  on(t, e, i) {
+    if (this.listeners[t] || (this.listeners[t] = /* @__PURE__ */ new Set()), this.listeners[t].add(e), i?.once) {
+      const s = () => {
+        this.un(t, s), this.un(t, e);
+      };
+      return this.on(t, s), s;
+    }
+    return () => this.un(t, e);
+  }
+  un(t, e) {
+    var i;
+    (i = this.listeners[t]) === null || i === void 0 || i.delete(e);
+  }
+  once(t, e) {
+    return this.on(t, e, { once: !0 });
+  }
+  unAll() {
+    this.listeners = {};
+  }
+  emit(t, ...e) {
+    this.listeners[t] && this.listeners[t].forEach((i) => i(...e));
+  }
+}
+class ce extends he {
+  constructor(t) {
+    super(), this.subscriptions = [], this.isDestroyed = !1, this.options = t;
+  }
+  onInit() {
+  }
+  _init(t) {
+    this.isDestroyed && (this.subscriptions = [], this.isDestroyed = !1), this.wavesurfer = t, this.onInit();
+  }
+  destroy() {
+    this.emit("destroy"), this.subscriptions.forEach((t) => t()), this.subscriptions = [], this.isDestroyed = !0, this.wavesurfer = void 0;
+  }
+}
+function kt(o, t) {
+  const e = t.xmlns ? document.createElementNS(t.xmlns, o) : document.createElement(o);
+  for (const [i, s] of Object.entries(t)) if (i === "children" && s) for (const [r, n] of Object.entries(s)) n instanceof Node ? e.appendChild(n) : typeof n == "string" ? e.appendChild(document.createTextNode(n)) : e.appendChild(kt(r, n));
+  else i === "style" ? Object.assign(e.style, s) : i === "textContent" ? e.textContent = s : e.setAttribute(i, s.toString());
+  return e;
+}
+function A(o, t, e) {
+  const i = kt(o, t || {});
+  return e?.appendChild(i), i;
+}
+var Lt = null;
+try {
+  var ue = typeof module < "u" && typeof module.require == "function" && module.require("worker_threads") || typeof __non_webpack_require__ == "function" && __non_webpack_require__("worker_threads") || typeof require == "function" && require("worker_threads");
+  Lt = ue.Worker;
+} catch {
+}
+function de(o, t, e) {
+  var i = function(n) {
+    return Buffer.from(n, "base64").toString("utf8");
+  }(o), s = i.indexOf(`
+`, 10) + 1, r = i.substring(s) + "";
+  return function(n) {
+    return new Lt(r, Object.assign({}, n, { eval: !0 }));
+  };
+}
+function pe(o, t, e) {
+  var i = function(l) {
+    return atob(l);
+  }(o), s = i.indexOf(`
+`, 10) + 1, r = i.substring(s) + "", n = new Blob([r], { type: "application/javascript" });
+  return URL.createObjectURL(n);
+}
+var me = Object.prototype.toString.call(typeof process < "u" ? process : 0) === "[object process]";
+function ve(o, t, e) {
+  return me ? de(o) : /* @__PURE__ */ function(i) {
+    var s;
+    return function(r) {
+      return s = s || pe(i), new Worker(s, r);
+    };
+  }(o);
+}
+var fe = ve("Lyogcm9sbHVwLXBsdWdpbi13ZWItd29ya2VyLWxvYWRlciAqLwohZnVuY3Rpb24oKXsidXNlIHN0cmljdCI7Y29uc3QgdD0xZTMqTWF0aC5sb2coMTApLzEwNy45Mzk7ZnVuY3Rpb24gZSh0KXtyZXR1cm4gMjU5NSpNYXRoLmxvZzEwKDErdC83MDApfWZ1bmN0aW9uIGEodCl7cmV0dXJuIDcwMCooTWF0aC5wb3coMTAsdC8yNTk1KS0xKX1mdW5jdGlvbiByKHQpe3JldHVybiBNYXRoLmxvZzEwKE1hdGgubWF4KDEsdCkpfWZ1bmN0aW9uIHModCl7cmV0dXJuIE1hdGgucG93KDEwLHQpfWZ1bmN0aW9uIG4odCl7bGV0IGU9MjYuODEqdC8oMTk2MCt0KS0uNTM7cmV0dXJuIGU8MiYmKGUrPS4xNSooMi1lKSksZT4yMC4xJiYoZSs9LjIyKihlLTIwLjEpKSxlfWZ1bmN0aW9uIG8odCl7cmV0dXJuIHQ8MiYmKHQ9KHQtLjMpLy44NSksdD4yMC4xJiYodD0odCs0LjQyMikvMS4yMiksKHQrLjUzKS8oMjYuMjgtdCkqMTk2MH1mdW5jdGlvbiBsKGUpe3JldHVybiB0Kk1hdGgubG9nMTAoMSsuMDA0MzcqZSl9ZnVuY3Rpb24gaShlKXtyZXR1cm4oTWF0aC5wb3coMTAsZS90KS0xKS8uMDA0Mzd9ZnVuY3Rpb24gaCh0LGUsYSxyLHMpe2NvbnN0IG49cigwKSxvPXIoYS8yKSxsPUFycmF5LmZyb20oe2xlbmd0aDp0fSwoKCk9PkFycmF5KGUvMisxKS5maWxsKDApKSksaT1hL2U7Zm9yKGxldCBlPTA7ZTx0O2UrKyl7Y29uc3QgYT1zKG4rZS90KihvLW4pKSxyPU1hdGguZmxvb3IoYS9pKSxoPXIqaSxjPShhLWgpLygocisxKSppLWgpO2xbZV1bcl09MS1jLGxbZV1bcisxXT1jfXJldHVybiBsfWZ1bmN0aW9uIGModCxlKXtjb25zdCBhPWUubGVuZ3RoLHI9RmxvYXQzMkFycmF5LmZyb20oe2xlbmd0aDphfSwoKCk9PjApKTtmb3IobGV0IHM9MDtzPGE7cysrKWZvcihsZXQgYT0wO2E8dC5sZW5ndGg7YSsrKXJbc10rPXRbYV0qZVtzXVthXTtyZXR1cm4gcn1mdW5jdGlvbiB1KHQsZSxhLHIpe3N3aXRjaCh0aGlzLmJ1ZmZlclNpemU9dCx0aGlzLnNhbXBsZVJhdGU9ZSx0aGlzLmJhbmR3aWR0aD0yL3QqKGUvMiksdGhpcy5zaW5UYWJsZT1uZXcgRmxvYXQzMkFycmF5KHQpLHRoaXMuY29zVGFibGU9bmV3IEZsb2F0MzJBcnJheSh0KSx0aGlzLndpbmRvd1ZhbHVlcz1uZXcgRmxvYXQzMkFycmF5KHQpLHRoaXMucmV2ZXJzZVRhYmxlPW5ldyBVaW50MzJBcnJheSh0KSx0aGlzLnBlYWtCYW5kPTAsdGhpcy5wZWFrPTAsYSl7Y2FzZSJiYXJ0bGV0dCI6Zm9yKGxldCBlPTA7ZTx0O2UrKyl0aGlzLndpbmRvd1ZhbHVlc1tlXT0yLyh0LTEpKigodC0xKS8yLU1hdGguYWJzKGUtKHQtMSkvMikpO2JyZWFrO2Nhc2UiYmFydGxldHRIYW5uIjpmb3IobGV0IGU9MDtlPHQ7ZSsrKXRoaXMud2luZG93VmFsdWVzW2VdPS42Mi0uNDgqTWF0aC5hYnMoZS8odC0xKS0uNSktLjM4Kk1hdGguY29zKDIqTWF0aC5QSSplLyh0LTEpKTticmVhaztjYXNlImJsYWNrbWFuIjpyPXJ8fC4xNjtmb3IobGV0IGU9MDtlPHQ7ZSsrKXRoaXMud2luZG93VmFsdWVzW2VdPSgxLXIpLzItLjUqTWF0aC5jb3MoMipNYXRoLlBJKmUvKHQtMSkpK3IvMipNYXRoLmNvcyg0Kk1hdGguUEkqZS8odC0xKSk7YnJlYWs7Y2FzZSJjb3NpbmUiOmZvcihsZXQgZT0wO2U8dDtlKyspdGhpcy53aW5kb3dWYWx1ZXNbZV09TWF0aC5jb3MoTWF0aC5QSSplLyh0LTEpLU1hdGguUEkvMik7YnJlYWs7Y2FzZSJnYXVzcyI6cj1yfHwuMjU7Zm9yKGxldCBlPTA7ZTx0O2UrKyl0aGlzLndpbmRvd1ZhbHVlc1tlXT1NYXRoLnBvdyhNYXRoLkUsLS41Kk1hdGgucG93KChlLSh0LTEpLzIpLyhyKih0LTEpLzIpLDIpKTticmVhaztjYXNlImhhbW1pbmciOmZvcihsZXQgZT0wO2U8dDtlKyspdGhpcy53aW5kb3dWYWx1ZXNbZV09LjU0LS40NipNYXRoLmNvcygyKk1hdGguUEkqZS8odC0xKSk7YnJlYWs7Y2FzZSJoYW5uIjpjYXNlIHZvaWQgMDpmb3IobGV0IGU9MDtlPHQ7ZSsrKXRoaXMud2luZG93VmFsdWVzW2VdPS41KigxLU1hdGguY29zKDIqTWF0aC5QSSplLyh0LTEpKSk7YnJlYWs7Y2FzZSJsYW5jem96Ijpmb3IobGV0IGU9MDtlPHQ7ZSsrKXRoaXMud2luZG93VmFsdWVzW2VdPU1hdGguc2luKE1hdGguUEkqKDIqZS8odC0xKS0xKSkvKE1hdGguUEkqKDIqZS8odC0xKS0xKSk7YnJlYWs7Y2FzZSJyZWN0YW5ndWxhciI6Zm9yKGxldCBlPTA7ZTx0O2UrKyl0aGlzLndpbmRvd1ZhbHVlc1tlXT0xO2JyZWFrO2Nhc2UidHJpYW5ndWxhciI6Zm9yKGxldCBlPTA7ZTx0O2UrKyl0aGlzLndpbmRvd1ZhbHVlc1tlXT0yL3QqKHQvMi1NYXRoLmFicyhlLSh0LTEpLzIpKTticmVhaztkZWZhdWx0OnRocm93IEVycm9yKCJObyBzdWNoIHdpbmRvdyBmdW5jdGlvbiAnIithKyInIil9bGV0IHM9MSxuPXQ+PjE7Zm9yKDtzPHQ7KXtmb3IobGV0IHQ9MDt0PHM7dCsrKXRoaXMucmV2ZXJzZVRhYmxlW3Qrc109dGhpcy5yZXZlcnNlVGFibGVbdF0rbjtzPDw9MSxuPj49MX1mb3IobGV0IGU9MDtlPHQ7ZSsrKXRoaXMuc2luVGFibGVbZV09TWF0aC5zaW4oLU1hdGguUEkvZSksdGhpcy5jb3NUYWJsZVtlXT1NYXRoLmNvcygtTWF0aC5QSS9lKTt0aGlzLmNhbGN1bGF0ZVNwZWN0cnVtPWZ1bmN0aW9uKHQpe2NvbnN0IGU9dGhpcy5idWZmZXJTaXplLGE9dGhpcy5jb3NUYWJsZSxyPXRoaXMuc2luVGFibGUscz10aGlzLnJldmVyc2VUYWJsZSxuPW5ldyBGbG9hdDMyQXJyYXkoZSksbz1uZXcgRmxvYXQzMkFycmF5KGUpLGw9Mi90aGlzLmJ1ZmZlclNpemUsaT1NYXRoLnNxcnQsaD1uZXcgRmxvYXQzMkFycmF5KGUvMik7bGV0IGMsdSxmO2NvbnN0IE09TWF0aC5mbG9vcihNYXRoLmxvZyhlKS9NYXRoLkxOMik7aWYoTWF0aC5wb3coMixNKSE9PWUpdGhyb3ciSW52YWxpZCBidWZmZXIgc2l6ZSwgbXVzdCBiZSBhIHBvd2VyIG9mIDIuIjtpZihlIT09dC5sZW5ndGgpdGhyb3ciU3VwcGxpZWQgYnVmZmVyIGlzIG5vdCB0aGUgc2FtZSBzaXplIGFzIGRlZmluZWQgRkZULiBGRlQgU2l6ZTogIitlKyIgQnVmZmVyIFNpemU6ICIrdC5sZW5ndGg7bGV0IHcsYixkLHAsZyxtLGsseSxUPTE7Zm9yKGxldCBhPTA7YTxlO2ErKyluW2FdPXRbc1thXV0qdGhpcy53aW5kb3dWYWx1ZXNbc1thXV0sb1thXT0wO2Zvcig7VDxlOyl7dz1hW1RdLGI9cltUXSxkPTEscD0wO2ZvcihsZXQgdD0wO3Q8VDt0Kyspe2xldCBhPXQ7Zm9yKDthPGU7KWc9YStULG09ZCpuW2ddLXAqb1tnXSxrPWQqb1tnXStwKm5bZ10sbltnXT1uW2FdLW0sb1tnXT1vW2FdLWssblthXSs9bSxvW2FdKz1rLGErPVQ8PDE7eT1kLGQ9eSp3LXAqYixwPXkqYitwKnd9VDw8PTF9Zm9yKGxldCB0PTAsYT1lLzI7dDxhO3QrKyljPW5bdF0sdT1vW3RdLGY9bCppKGMqYyt1KnUpLGY+dGhpcy5wZWFrJiYodGhpcy5wZWFrQmFuZD10LHRoaXMucGVhaz1mKSxoW3RdPWY7cmV0dXJuIGh9fWxldCBmPW51bGw7c2VsZi5vbm1lc3NhZ2U9ZnVuY3Rpb24odCl7Y29uc3R7dHlwZTpNLGlkOncsYXVkaW9EYXRhOmIsb3B0aW9uczpkfT10LmRhdGE7aWYoImNhbGN1bGF0ZUZyZXF1ZW5jaWVzIj09PU0pdHJ5e2NvbnN0IHQ9ZnVuY3Rpb24odCxNKXtjb25zdHtzdGFydFRpbWU6dyxlbmRUaW1lOmIsc2FtcGxlUmF0ZTpkLGZmdFNhbXBsZXM6cCx3aW5kb3dGdW5jOmcsYWxwaGE6bSxub3ZlcmxhcDprLHNjYWxlOnksZ2FpbkRCOlQscmFuZ2VEQjpGLHNwbGl0Q2hhbm5lbHM6SX09TSxWPU1hdGguZmxvb3IodypkKSxBPU1hdGguZmxvb3IoYipkKSxQPUk/dC5sZW5ndGg6MTtmJiZmLmJ1ZmZlclNpemU9PT1wfHwoZj1uZXcgdShwLGQsZyxtfHwuMTYpKTtjb25zdCBTPWZ1bmN0aW9uKHQsYyx1LGYpe3N3aXRjaCh0KXtjYXNlIm1lbCI6cmV0dXJuIGgoYyx1LGYsZSxhKTtjYXNlImxvZ2FyaXRobWljIjpyZXR1cm4gaChjLHUsZixyLHMpO2Nhc2UiYmFyayI6cmV0dXJuIGgoYyx1LGYsbixvKTtjYXNlImVyYiI6cmV0dXJuIGgoYyx1LGYsbCxpKTtkZWZhdWx0OnJldHVybiBudWxsfX0oeSxwLzIscCxkKTtsZXQgej1rfHxNYXRoLm1heCgwLE1hdGgucm91bmQoLjUqcCkpO2NvbnN0IHY9LjUqcDt6PU1hdGgubWluKHosdik7Y29uc3QgQj1NYXRoLm1heCg2NCwuMjUqcCkscT1NYXRoLm1heChCLHAteikseD1bXTtmb3IobGV0IGU9MDtlPFA7ZSsrKXtjb25zdCBhPXRbZV0scj1bXTtmb3IobGV0IHQ9Vjt0K3A8QTt0Kz1xKXtjb25zdCBlPWEuc2xpY2UodCx0K3ApO2xldCBzPWYuY2FsY3VsYXRlU3BlY3RydW0oZSk7UyYmKHM9YyhzLFMpKTtjb25zdCBuPW5ldyBVaW50OEFycmF5KHMubGVuZ3RoKSxvPVQrRjtmb3IobGV0IHQ9MDt0PHMubGVuZ3RoO3QrKyl7Y29uc3QgZT1zW3RdPjFlLTEyP3NbdF06MWUtMTIsYT0yMCpNYXRoLmxvZzEwKGUpO25bdF09YTwtbz8wOmE+LVQ/MjU1Ok1hdGgucm91bmQoKGErVCkvRioyNTUpfXIucHVzaChuKX14LnB1c2gocil9cmV0dXJuIHh9KGIsZCksTT17dHlwZToiZnJlcXVlbmNpZXNSZXN1bHQiLGlkOncscmVzdWx0OnR9O3NlbGYucG9zdE1lc3NhZ2UoTSl9Y2F0Y2godCl7Y29uc3QgZT17dHlwZToiZnJlcXVlbmNpZXNSZXN1bHQiLGlkOncsZXJyb3I6dCBpbnN0YW5jZW9mIEVycm9yP3QubWVzc2FnZTpTdHJpbmcodCl9O3NlbGYucG9zdE1lc3NhZ2UoZSl9fX0oKTsKLy8jIHNvdXJjZU1hcHBpbmdVUkw9c3BlY3Ryb2dyYW0td29ya2VyLmpzLm1hcAoK");
+class R extends ce {
+  static create(t) {
+    return new R(t || {});
+  }
+  constructor(t) {
+    var e, i;
+    if (super(t), this.canvases = [], this.useWebWorker = !1, this.worker = null, this.workerPromises = /* @__PURE__ */ new Map(), this.cachedFrequencies = null, this.cachedResampledData = null, this.cachedBuffer = null, this.cachedWidth = 0, this.renderTimeout = null, this.isRendering = !1, this.lastZoomLevel = 0, this.renderThrottleMs = 50, this.zoomThreshold = 0.05, this.drawnCanvases = {}, this.pendingBitmaps = /* @__PURE__ */ new Set(), this.isScrollable = !1, this.scrollUnsubscribe = null, this.frequenciesDataUrl = t.frequenciesDataUrl, this.frequenciesDataUrl && !t.sampleRate) throw new Error("sampleRate option is required when using frequenciesDataUrl");
+    this.container = typeof t.container == "string" ? document.querySelector(t.container) : t.container, this.useWebWorker = t.useWebWorker === !0, this.colorMap = function(s = "roseus") {
+      if (s && typeof s != "string") {
+        if (s.length < 256) throw new Error("Colormap must contain 256 elements");
+        for (let n = 0; n < s.length; n++) if (s[n].length !== 4) throw new Error("ColorMap entries must contain 4 values");
+        return s;
+      }
+      const r = ne[s];
+      if (!r) throw Error("No such colormap '" + s + "'");
+      return r();
+    }(t.colorMap), this.fftSamples = t.fftSamples || 512, this.height = t.height || 200, this.noverlap = t.noverlap || null, this.windowFunc = t.windowFunc || "hann", this.alpha = t.alpha, this.frequencyMin = t.frequencyMin || 0, this.frequencyMax = t.frequencyMax || 0, this.gainDB = (e = t.gainDB) !== null && e !== void 0 ? e : 20, this.rangeDB = (i = t.rangeDB) !== null && i !== void 0 ? i : 80, this.scale = t.scale || "mel", this.numMelFilters = this.fftSamples / 2, this.numLogFilters = this.fftSamples / 2, this.numBarkFilters = this.fftSamples / 2, this.numErbFilters = this.fftSamples / 2, t.maxCanvasWidth && (R.MAX_CANVAS_WIDTH = t.maxCanvasWidth), this.renderThrottleMs = 50, this.zoomThreshold = 0.05, this.createWrapper(), this.createCanvas(), this.useWebWorker && this.initializeWorker();
+  }
+  initializeWorker() {
+    if (typeof window < "u" && typeof Worker < "u") try {
+      this.worker = new fe(), this.worker.onmessage = (t) => {
+        const { type: e, id: i, result: s, error: r } = t.data;
+        if (e === "frequenciesResult") {
+          const n = this.workerPromises.get(i);
+          n && (this.workerPromises.delete(i), r ? n.reject(new Error(r)) : n.resolve(s));
+        }
+      }, this.worker.onerror = (t) => {
+        console.warn("Spectrogram worker error, falling back to main thread:", t), this.worker = null;
+      };
+    } catch (t) {
+      console.warn("Failed to initialize worker, falling back to main thread:", t), this.worker = null;
+    }
+    else console.warn("Worker not available in this environment, using main thread calculation");
+  }
+  onInit() {
+    this.wrapper || this.createWrapper(), this.canvasContainer || this.createCanvas(), this.container = this.wavesurfer.getWrapper(), this.container.appendChild(this.wrapper), this.wavesurfer.options.fillParent && Object.assign(this.wrapper.style, { width: "100%", overflowX: "hidden", overflowY: "hidden" }), this.subscriptions.push(this.wavesurfer.on("redraw", () => this.throttledRender())), this.wavesurfer.getDecodedData() && setTimeout(() => {
+      this.throttledRender();
+    }, 0);
+  }
+  destroy() {
+    this.unAll(), this.wavesurfer && (typeof this._onReady == "function" && this.wavesurfer.un("ready", this._onReady), typeof this._onRender == "function" && this.wavesurfer.un("redraw", this._onRender)), this.renderTimeout && (clearTimeout(this.renderTimeout), this.renderTimeout = null), this.scrollUnsubscribe && (this.scrollUnsubscribe(), this.scrollUnsubscribe = null), this.pendingBitmaps.clear(), this.worker && (this.worker.terminate(), this.worker = null), this.cachedFrequencies = null, this.cachedResampledData = null, this.cachedBuffer = null, this.clearCanvases(), this.canvasContainer && (this.canvasContainer.remove(), this.canvasContainer = null), this.wrapper && (this.wrapper.remove(), this.wrapper = null), this.labelsEl && (this.labelsEl.remove(), this.labelsEl = null), this.container = null, this.isRendering = !1, this.lastZoomLevel = 0, this.wavesurfer = null, this.util = null, this.options = null, super.destroy();
+  }
+  loadFrequenciesData(t) {
+    return O(this, void 0, void 0, function* () {
+      const e = yield fetch(t);
+      if (!e.ok) throw new Error("Unable to fetch frequencies data");
+      const i = yield e.json();
+      this.drawSpectrogram(i);
+    });
+  }
+  getFrequenciesData() {
+    return O(this, void 0, void 0, function* () {
+      var t;
+      const e = (t = this.wavesurfer) === null || t === void 0 ? void 0 : t.getDecodedData();
+      if (!e) return null;
+      if (this.cachedBuffer === e && this.cachedFrequencies) return this.cachedFrequencies;
+      {
+        const i = yield this.getFrequencies(e);
+        return this.cachedFrequencies = i, this.cachedBuffer = e, i;
+      }
+    });
+  }
+  clearCache() {
+    this.cachedFrequencies = null, this.cachedResampledData = null, this.cachedBuffer = null, this.cachedWidth = 0, this.lastZoomLevel = 0;
+  }
+  createWrapper() {
+    var t, e;
+    this.wrapper = A("div", { style: { display: "block", position: "relative", userSelect: "none" } }), this.options.labels && (this.labelsEl = A("canvas", { part: "spec-labels", style: { position: "absolute", zIndex: 9, width: "55px", height: "100%" } }, this.wrapper)), this._onWrapperClick = (t = this.wrapper, e = this.emit.bind(this), (i) => {
+      const s = t.getBoundingClientRect(), r = i.clientX - s.left, n = s.width;
+      e("click", r / n);
+    }), this.wrapper.addEventListener("click", this._onWrapperClick);
+  }
+  createCanvas() {
+    this.canvasContainer = A("div", { style: { position: "absolute", left: 0, top: 0, width: "100%", height: "100%", zIndex: 4 } }, this.wrapper);
+  }
+  createSingleCanvas(t, e, i) {
+    const s = A("canvas", { style: { position: "absolute", left: `${Math.round(i)}px`, top: "0", width: `${t}px`, height: `${e}px`, zIndex: 4 } });
+    return s.width = Math.round(t), s.height = Math.round(e), this.canvasContainer.appendChild(s), s;
+  }
+  clearCanvases() {
+    this.canvases.forEach((t) => t.remove()), this.canvases = [], this.drawnCanvases = {};
+  }
+  clearExcessCanvases() {
+    Object.keys(this.drawnCanvases).length > R.MAX_NODES && this.clearCanvases();
+  }
+  throttledRender() {
+    var t;
+    if (this.renderTimeout && clearTimeout(this.renderTimeout), this.isRendering) return;
+    const e = ((t = this.wavesurfer) === null || t === void 0 ? void 0 : t.options.minPxPerSec) || 0;
+    Math.abs(e - this.lastZoomLevel) / Math.max(e, this.lastZoomLevel, 1) < this.zoomThreshold && this.cachedFrequencies ? this.renderTimeout = window.setTimeout(() => {
+      this.fastRender();
+    }, this.renderThrottleMs) : this.renderTimeout = window.setTimeout(() => {
+      this.render();
+    }, this.renderThrottleMs);
+  }
+  render() {
+    return O(this, void 0, void 0, function* () {
+      var t, e;
+      if (!this.isRendering) {
+        this.isRendering = !0;
+        try {
+          this.frequenciesDataUrl ? yield this.loadFrequenciesData(this.frequenciesDataUrl) : !((t = this.wavesurfer) === null || t === void 0) && t.getDecodedData() && (yield this.getFrequenciesData(), this.drawSpectrogram(this.cachedFrequencies)), this.lastZoomLevel = ((e = this.wavesurfer) === null || e === void 0 ? void 0 : e.options.minPxPerSec) || 0;
+        } finally {
+          this.isRendering = !1;
+        }
+      }
+    });
+  }
+  fastRender() {
+    var t;
+    if (!this.isRendering && this.cachedFrequencies) {
+      this.isRendering = !0;
+      try {
+        this.drawSpectrogram(this.cachedFrequencies), this.lastZoomLevel = ((t = this.wavesurfer) === null || t === void 0 ? void 0 : t.options.minPxPerSec) || 0;
+      } finally {
+        this.isRendering = !1;
+      }
+    }
+  }
+  drawSpectrogram(t) {
+    var e, i, s;
+    isNaN(t[0][0]) || (t = [t]), this.clearCanvases();
+    const r = this.height * t.length;
+    this.wrapper.style.height = r + "px";
+    const n = this.getWidth(), l = Math.min(R.MAX_CANVAS_WIDTH, n);
+    if (n === 0 || r === 0) return;
+    const h = Math.ceil(n / l);
+    let c;
+    const a = ((e = t[0]) === null || e === void 0 ? void 0 : e.length) || 0;
+    n !== a ? this.cachedResampledData && this.cachedWidth === n ? c = this.cachedResampledData : (c = this.efficientResample(t, n), this.cachedResampledData = c, this.cachedWidth = n) : c = t;
+    const d = !((i = this.buffer) === null || i === void 0) && i.sampleRate ? this.buffer.sampleRate / 2 : (this.options.sampleRate || 0) / 2, u = this.frequencyMin, p = this.frequencyMax, b = p > d, x = b ? this.colorMap[this.colorMap.length - 1] : null, g = (m) => {
+      if (m < 0 || m >= h || this.drawnCanvases[m]) return;
+      this.drawnCanvases[m] = !0;
+      const y = m * l, w = Math.min(l, n - y);
+      if (w <= 0) return;
+      const v = this.createSingleCanvas(w, r, y);
+      this.canvases.push(v);
+      const f = v.getContext("2d");
+      if (f) {
+        b && x && (f.fillStyle = `rgba(${255 * x[0]}, ${255 * x[1]}, ${255 * x[2]}, ${x[3]})`, f.fillRect(0, 0, w, r));
+        for (let C = 0; C < c.length; C++) this.drawSpectrogramSegment(c[C], f, w, this.height, C * this.height, y, n, d, u, p);
+      }
+    };
+    if (this.isScrollable = n > this.getWrapperWidth(), this.scrollUnsubscribe && (this.scrollUnsubscribe(), this.scrollUnsubscribe = null), !this.isScrollable || h <= 3) for (let m = 0; m < h; m++) g(m);
+    else {
+      const m = () => {
+        var f;
+        const C = (f = this.wavesurfer) === null || f === void 0 ? void 0 : f.getWrapper();
+        if (!C) return;
+        const W = C.scrollLeft || 0, S = C.clientWidth || 0, M = Math.max(0, W - 0.5 * S), E = Math.min(n, W + 1.5 * S), L = Math.floor(M / n * h), T = Math.min(Math.ceil(E / n * h), h - 1);
+        Object.keys(this.drawnCanvases).length > R.MAX_NODES && this.clearExcessCanvases();
+        for (let P = L; P <= T; P++) g(P);
+      };
+      m();
+      let y = null;
+      const w = () => {
+        y && clearTimeout(y), y = window.setTimeout(m, 16);
+      }, v = (s = this.wavesurfer) === null || s === void 0 ? void 0 : s.getWrapper();
+      v && (v.addEventListener("scroll", w, { passive: !0 }), this.scrollUnsubscribe = () => {
+        v.removeEventListener("scroll", w), y && clearTimeout(y);
+      });
+    }
+    this.options.labels && this.loadLabels(this.options.labelsBackground, "12px", "12px", "", this.options.labelsColor, this.options.labelsHzColor || this.options.labelsColor, "center", "#specLabels", t.length), this.emit("ready");
+  }
+  drawSpectrogramSegment(t, e, i, s, r, n, l, h, c, a) {
+    const d = t[0].length, u = Math.floor(n / l * t.length), p = Math.min(Math.ceil((n + i) / l * t.length), t.length), b = t.slice(u, p);
+    if (b.length === 0) return;
+    const x = b.length, g = new ImageData(x, d), m = g.data;
+    this.fillImageDataQuality(m, b, x, d);
+    const y = X(c, this.scale) / X(h, this.scale), w = X(a, this.scale) / X(h, this.scale), v = Math.min(1, w), f = createImageBitmap(g, 0, Math.round(d * (1 - v)), x, Math.round(d * (v - y)));
+    this.pendingBitmaps.add(f), f.then((C) => {
+      if (this.pendingBitmaps.delete(f), e.canvas.parentNode) {
+        const W = s * v / w, S = r + s * (1 - v / w);
+        e.drawImage(C, 0, S, i, W), "close" in C && C.close();
+      }
+    }).catch((C) => {
+      this.pendingBitmaps.delete(f);
+    });
+  }
+  getWidth() {
+    return this.wavesurfer.getWrapper().offsetWidth;
+  }
+  getWrapperWidth() {
+    var t, e;
+    return ((e = (t = this.wavesurfer) === null || t === void 0 ? void 0 : t.getWrapper()) === null || e === void 0 ? void 0 : e.clientWidth) || 0;
+  }
+  calculateFrequenciesWithWorker(t) {
+    return O(this, void 0, void 0, function* () {
+      var e, i;
+      if (!this.worker) throw new Error("Worker not available");
+      const s = this.fftSamples, r = ((e = this.options.splitChannels) !== null && e !== void 0 ? e : !((i = this.wavesurfer) === null || i === void 0) && i.options.splitChannels) ? t.numberOfChannels : 1;
+      let n = this.noverlap;
+      if (!n) {
+        const a = this.getWidth(), d = t.length / a;
+        n = Math.max(0, Math.round(s - d));
+      }
+      const l = [];
+      for (let a = 0; a < r; a++) l.push(t.getChannelData(a));
+      const h = `${Date.now()}_${Math.random()}`, c = new Promise((a, d) => {
+        this.workerPromises.set(h, { resolve: a, reject: d }), setTimeout(() => {
+          this.workerPromises.has(h) && (this.workerPromises.delete(h), d(new Error("Worker timeout")));
+        }, 3e4);
+      });
+      return this.worker.postMessage({ type: "calculateFrequencies", id: h, audioData: l, options: { startTime: 0, endTime: t.duration, sampleRate: t.sampleRate, fftSamples: this.fftSamples, windowFunc: this.windowFunc, alpha: this.alpha, noverlap: n, scale: this.scale, gainDB: this.gainDB, rangeDB: this.rangeDB, splitChannels: this.options.splitChannels || !1 } }), c;
+    });
+  }
+  getFrequencies(t) {
+    return O(this, void 0, void 0, function* () {
+      var e, i;
+      if (this.frequencyMax = this.frequencyMax || t.sampleRate / 2, this.buffer = t, !t) return [];
+      if (this.useWebWorker && this.worker) try {
+        return yield this.calculateFrequenciesWithWorker(t);
+      } catch (g) {
+        console.warn("Worker calculation failed, falling back to main thread:", g);
+      }
+      const s = this.fftSamples, r = ((e = this.options.splitChannels) !== null && e !== void 0 ? e : !((i = this.wavesurfer) === null || i === void 0) && i.options.splitChannels) ? t.numberOfChannels : 1, n = t.sampleRate, l = [];
+      let h = this.noverlap;
+      if (!h) {
+        const g = this.getWidth(), m = t.length / g;
+        h = Math.max(0, Math.round(s - m));
+      }
+      let c = h || Math.max(0, Math.round(0.5 * s));
+      const a = 0.5 * s;
+      c = Math.min(c, a);
+      const d = Math.max(64, 0.25 * s), u = Math.max(d, s - c), p = new le(s, n, this.windowFunc, this.alpha), b = this.fftSamples / 2, x = function(g, m, y, w) {
+        switch (g) {
+          case "mel":
+            return j(m, y, w, wt, Ct);
+          case "logarithmic":
+            return j(m, y, w, xt, St);
+          case "bark":
+            return j(m, y, w, Wt, Mt);
+          case "erb":
+            return j(m, y, w, Et, Pt);
+          default:
+            return null;
+        }
+      }(this.scale, b, this.fftSamples, n);
+      for (let g = 0; g < r; g++) {
+        const m = t.getChannelData(g), y = [];
+        for (let w = 0; w + s < m.length; w += u) {
+          const v = m.slice(w, w + s);
+          let f = p.calculateSpectrum(v);
+          x && (f = se(f, x));
+          const C = new Uint8Array(f.length), W = this.gainDB + this.rangeDB;
+          for (let S = 0; S < f.length; S++) {
+            const M = f[S] > 1e-12 ? f[S] : 1e-12, E = 20 * Math.log10(M);
+            E < -W ? C[S] = 0 : E > -this.gainDB ? C[S] = 255 : C[S] = Math.round((E + this.gainDB) / this.rangeDB * 255);
+          }
+          y.push(C);
+        }
+        l.push(y);
+      }
+      return l;
+    });
+  }
+  loadLabels(t, e, i, s, r, n, l, h, c) {
+    t = t || "rgba(68,68,68,0)", e = e || "12px", i = i || "12px", s = s || "Helvetica", r = r || "#fff", n = n || "#fff", l = l || "center";
+    const a = this.height || 512, d = a / 256 * 5;
+    this.frequencyMin, this.frequencyMax;
+    const u = this.labelsEl.getContext("2d"), p = window.devicePixelRatio;
+    if (this.labelsEl.height = this.height * c * p, this.labelsEl.width = 55 * p, u.scale(p, p), u) for (let b = 0; b < c; b++) {
+      let x;
+      for (u.fillStyle = t, u.fillRect(0, b * a, 55, (1 + b) * a), u.fill(), x = 0; x <= d; x++) {
+        u.textAlign = l, u.textBaseline = "middle";
+        const g = ae(x, d, this.frequencyMin, this.frequencyMax, this.scale), m = re(g), y = oe(g), w = 16;
+        let v = (1 + b) * a - x / d * a;
+        v = Math.min(Math.max(v, b * a + 10), (1 + b) * a - 10), u.fillStyle = n, u.font = i + " " + s, u.fillText(y, w + 24, v), u.fillStyle = r, u.font = e + " " + s, u.fillText(m, w, v);
+      }
+    }
+  }
+  efficientResample(t, e) {
+    return t.map((i) => this.resampleChannel(i, e));
+  }
+  resampleChannel(t, e) {
+    var i;
+    const s = t.length, r = ((i = t[0]) === null || i === void 0 ? void 0 : i.length) || 0;
+    if (s === e || e === 0) return t;
+    const n = s / e, l = new Array(e);
+    if (n >= 1) for (let h = 0; h < e; h++) {
+      const c = Math.floor(h * n), a = Math.min(Math.ceil((h + 1) * n), s), d = a - c, u = new Uint8Array(r);
+      if (d === 1) u.set(t[c]);
+      else for (let p = 0; p < r; p++) {
+        let b = 0;
+        for (let x = c; x < a; x++) b += t[x][p];
+        u[p] = Math.round(b / d);
+      }
+      l[h] = u;
+    }
+    else for (let h = 0; h < e; h++) {
+      const c = h * n, a = Math.floor(c), d = Math.min(a + 1, s - 1), u = c - a, p = new Uint8Array(r);
+      if (u === 0 || a === d) p.set(t[a]);
+      else {
+        const b = t[a], x = t[d], g = 1 - u;
+        for (let m = 0; m < r; m++) p[m] = Math.round(b[m] * g + x[m] * u);
+      }
+      l[h] = p;
+    }
+    return l;
+  }
+  fillImageDataQuality(t, e, i, s) {
+    const r = this.colorMap;
+    for (let n = 0; n < i; n++) {
+      const l = e[n];
+      for (let h = 0; h < s; h++) {
+        const c = r[l[h]], a = 4 * ((s - h - 1) * i + n);
+        t[a] = 255 * c[0], t[a + 1] = 255 * c[1], t[a + 2] = 255 * c[2], t[a + 3] = 255 * c[3];
+      }
+    }
+  }
+}
+R.MAX_CANVAS_WIDTH = 3e4, R.MAX_NODES = 10;
+const Ae = ({
+  waveSurfer: o,
+  spectrogramOptions: t = {}
+}) => {
+  const { pluginInstance: e, createPlugin: i } = z(
+    R,
+    t
+  );
+  return D(() => {
+    o.value && i(o.value);
+  }), {
+    spectrogramPlugin: e
   };
+}, Fe = ({
+  containerRef: o,
+  options: t,
+  spectrogramOptions: e = {}
+}) => G(
+  R,
+  { containerRef: o, options: t, pluginOptions: e }
+);
+let ge = class {
+  constructor() {
+    this.listeners = {};
+  }
+  on(t, e, i) {
+    if (this.listeners[t] || (this.listeners[t] = /* @__PURE__ */ new Set()), this.listeners[t].add(e), i?.once) {
+      const s = () => {
+        this.un(t, s), this.un(t, e);
+      };
+      return this.on(t, s), s;
+    }
+    return () => this.un(t, e);
+  }
+  un(t, e) {
+    var i;
+    (i = this.listeners[t]) === null || i === void 0 || i.delete(e);
+  }
+  once(t, e) {
+    return this.on(t, e, { once: !0 });
+  }
+  unAll() {
+    this.listeners = {};
+  }
+  emit(t, ...e) {
+    this.listeners[t] && this.listeners[t].forEach((i) => i(...e));
+  }
+}, be = class extends ge {
+  constructor(t) {
+    super(), this.subscriptions = [], this.isDestroyed = !1, this.options = t;
+  }
+  onInit() {
+  }
+  _init(t) {
+    this.isDestroyed && (this.subscriptions = [], this.isDestroyed = !1), this.wavesurfer = t, this.onInit();
+  }
+  destroy() {
+    this.emit("destroy"), this.subscriptions.forEach((t) => t()), this.subscriptions = [], this.isDestroyed = !0, this.wavesurfer = void 0;
+  }
 };
+function Tt(o, t) {
+  const e = t.xmlns ? document.createElementNS(t.xmlns, o) : document.createElement(o);
+  for (const [i, s] of Object.entries(t)) if (i === "children" && s) for (const [r, n] of Object.entries(s)) n instanceof Node ? e.appendChild(n) : typeof n == "string" ? e.appendChild(document.createTextNode(n)) : e.appendChild(Tt(r, n));
+  else i === "style" ? Object.assign(e.style, s) : i === "textContent" ? e.textContent = s : e.setAttribute(i, s.toString());
+  return e;
+}
+function et(o, t, e) {
+  const i = Tt(o, t || {});
+  return e?.appendChild(i), i;
+}
+const ye = { lineWidth: 1, labelSize: 11, labelPreferLeft: !1, formatTimeCallback: (o) => `${Math.floor(o / 60)}:${`0${Math.floor(o) % 60}`.slice(-2)}` };
+let Dt = class Rt extends be {
+  constructor(t) {
+    super(t || {}), this.lastPointerMove = null, this.unsubscribe = () => {
+    }, this.onPointerMove = (e) => {
+      if (!this.wavesurfer) return;
+      this.lastPointerMove = e;
+      const i = this.wavesurfer.getWrapper().getBoundingClientRect(), { width: s } = i, r = e.clientX - i.left, n = Math.min(1, Math.max(0, r / s)), l = Math.min(s - this.options.lineWidth - 1, r);
+      this.wrapper.style.transform = `translateX(${l}px)`, this.wrapper.style.opacity = "1";
+      const h = this.wavesurfer.getDuration() || 0;
+      this.label.textContent = this.options.formatTimeCallback(h * n);
+      const c = this.label.offsetWidth, a = this.options.labelPreferLeft ? l - c > 0 : l + c > s;
+      this.label.style.transform = a ? `translateX(-${c + this.options.lineWidth}px)` : "", this.emit("hover", n);
+    }, this.onPointerLeave = () => {
+      this.wrapper.style.opacity = "0", this.lastPointerMove = null;
+    }, this.options = Object.assign({}, ye, t), this.wrapper = et("div", { part: "hover" }), this.label = et("span", { part: "hover-label" }, this.wrapper);
+  }
+  static create(t) {
+    return new Rt(t);
+  }
+  addUnits(t) {
+    return `${t}${typeof t == "number" ? "px" : ""}`;
+  }
+  onInit() {
+    if (!this.wavesurfer) throw Error("WaveSurfer is not initialized");
+    const t = this.wavesurfer.options, e = this.options.lineColor || t.cursorColor || t.progressColor;
+    Object.assign(this.wrapper.style, { position: "absolute", zIndex: 10, left: 0, top: 0, height: "100%", pointerEvents: "none", borderLeft: `${this.addUnits(this.options.lineWidth)} solid ${e}`, opacity: "0", transition: "opacity .1s ease-in" }), Object.assign(this.label.style, { display: "block", backgroundColor: this.options.labelBackground, color: this.options.labelColor, fontSize: `${this.addUnits(this.options.labelSize)}`, transition: "transform .1s ease-in", padding: "2px 3px" });
+    const i = this.wavesurfer.getWrapper();
+    i.appendChild(this.wrapper), i.addEventListener("pointermove", this.onPointerMove), i.addEventListener("pointerleave", this.onPointerLeave);
+    const s = () => {
+      this.lastPointerMove && this.onPointerMove(this.lastPointerMove);
+    };
+    this.wavesurfer.on("zoom", s), this.wavesurfer.on("scroll", s), this.unsubscribe = () => {
+      var r, n;
+      i.removeEventListener("pointermove", this.onPointerMove), i.removeEventListener("pointerleave", this.onPointerLeave), (r = this.wavesurfer) === null || r === void 0 || r.un("zoom", s), (n = this.wavesurfer) === null || n === void 0 || n.un("scroll", s);
+    };
+  }
+  destroy() {
+    super.destroy(), this.unsubscribe(), this.wrapper.remove();
+  }
+};
+const He = ({
+  waveSurfer: o,
+  hoverOptions: t = {}
+}) => {
+  const { pluginInstance: e, createPlugin: i } = z(
+    Dt,
+    t
+  );
+  return D(() => {
+    o.value && i(o.value);
+  }), {
+    hoverPlugin: e
+  };
+}, $e = ({
+  containerRef: o,
+  options: t,
+  hoverOptions: e = {}
+}) => G(
+  Dt,
+  { containerRef: o, options: t, pluginOptions: e }
+);
+class Zt {
+  constructor() {
+    this.listeners = {};
+  }
+  on(t, e, i) {
+    if (this.listeners[t] || (this.listeners[t] = /* @__PURE__ */ new Set()), this.listeners[t].add(e), i?.once) {
+      const s = () => {
+        this.un(t, s), this.un(t, e);
+      };
+      return this.on(t, s), s;
+    }
+    return () => this.un(t, e);
+  }
+  un(t, e) {
+    var i;
+    (i = this.listeners[t]) === null || i === void 0 || i.delete(e);
+  }
+  once(t, e) {
+    return this.on(t, e, { once: !0 });
+  }
+  unAll() {
+    this.listeners = {};
+  }
+  emit(t, ...e) {
+    this.listeners[t] && this.listeners[t].forEach((i) => i(...e));
+  }
+}
+class we extends Zt {
+  constructor(t) {
+    super(), this.subscriptions = [], this.isDestroyed = !1, this.options = t;
+  }
+  onInit() {
+  }
+  _init(t) {
+    this.isDestroyed && (this.subscriptions = [], this.isDestroyed = !1), this.wavesurfer = t, this.onInit();
+  }
+  destroy() {
+    this.emit("destroy"), this.subscriptions.forEach((t) => t()), this.subscriptions = [], this.isDestroyed = !0, this.wavesurfer = void 0;
+  }
+}
+function F(o, t, e, i, s = 3, r = 0, n = 100) {
+  if (!o) return () => {
+  };
+  const l = matchMedia("(pointer: coarse)").matches;
+  let h = () => {
+  };
+  const c = (a) => {
+    if (a.button !== r) return;
+    a.preventDefault(), a.stopPropagation();
+    let d = a.clientX, u = a.clientY, p = !1;
+    const b = Date.now(), x = (v) => {
+      if (v.preventDefault(), v.stopPropagation(), l && Date.now() - b < n) return;
+      const f = v.clientX, C = v.clientY, W = f - d, S = C - u;
+      if (p || Math.abs(W) > s || Math.abs(S) > s) {
+        const M = o.getBoundingClientRect(), { left: E, top: L } = M;
+        p || (e?.(d - E, u - L), p = !0), t(W, S, f - E, C - L), d = f, u = C;
+      }
+    }, g = (v) => {
+      if (p) {
+        const f = v.clientX, C = v.clientY, W = o.getBoundingClientRect(), { left: S, top: M } = W;
+        i?.(f - S, C - M);
+      }
+      h();
+    }, m = (v) => {
+      v.relatedTarget && v.relatedTarget !== document.documentElement || g(v);
+    }, y = (v) => {
+      p && (v.stopPropagation(), v.preventDefault());
+    }, w = (v) => {
+      p && v.preventDefault();
+    };
+    document.addEventListener("pointermove", x), document.addEventListener("pointerup", g), document.addEventListener("pointerout", m), document.addEventListener("pointercancel", m), document.addEventListener("touchmove", w, { passive: !1 }), document.addEventListener("click", y, { capture: !0 }), h = () => {
+      document.removeEventListener("pointermove", x), document.removeEventListener("pointerup", g), document.removeEventListener("pointerout", m), document.removeEventListener("pointercancel", m), document.removeEventListener("touchmove", w), setTimeout(() => {
+        document.removeEventListener("click", y, { capture: !0 });
+      }, 10);
+    };
+  };
+  return o.addEventListener("pointerdown", c), () => {
+    h(), o.removeEventListener("pointerdown", c);
+  };
+}
+function It(o, t) {
+  const e = t.xmlns ? document.createElementNS(t.xmlns, o) : document.createElement(o);
+  for (const [i, s] of Object.entries(t)) if (i === "children" && s) for (const [r, n] of Object.entries(s)) n instanceof Node ? e.appendChild(n) : typeof n == "string" ? e.appendChild(document.createTextNode(n)) : e.appendChild(It(r, n));
+  else i === "style" ? Object.assign(e.style, s) : i === "textContent" ? e.textContent = s : e.setAttribute(i, s.toString());
+  return e;
+}
+function Y(o, t, e) {
+  const i = It(o, t || {});
+  return e?.appendChild(i), i;
+}
+class it extends Zt {
+  constructor(t, e, i = 0) {
+    var s, r, n, l, h, c, a, d, u, p;
+    super(), this.totalDuration = e, this.numberOfChannels = i, this.element = null, this.minLength = 0, this.maxLength = 1 / 0, this.contentEditable = !1, this.subscriptions = [], this.isRemoved = !1, this.subscriptions = [], this.id = t.id || `region-${Math.random().toString(32).slice(2)}`, this.start = this.clampPosition(t.start), this.end = this.clampPosition((s = t.end) !== null && s !== void 0 ? s : t.start), this.drag = (r = t.drag) === null || r === void 0 || r, this.resize = (n = t.resize) === null || n === void 0 || n, this.resizeStart = (l = t.resizeStart) === null || l === void 0 || l, this.resizeEnd = (h = t.resizeEnd) === null || h === void 0 || h, this.color = (c = t.color) !== null && c !== void 0 ? c : "rgba(0, 0, 0, 0.1)", this.minLength = (a = t.minLength) !== null && a !== void 0 ? a : this.minLength, this.maxLength = (d = t.maxLength) !== null && d !== void 0 ? d : this.maxLength, this.channelIdx = (u = t.channelIdx) !== null && u !== void 0 ? u : -1, this.contentEditable = (p = t.contentEditable) !== null && p !== void 0 ? p : this.contentEditable, this.element = this.initElement(), this.setContent(t.content), this.setPart(), this.renderPosition(), this.initMouseEvents();
+  }
+  clampPosition(t) {
+    return Math.max(0, Math.min(this.totalDuration, t));
+  }
+  setPart() {
+    var t;
+    const e = this.start === this.end;
+    (t = this.element) === null || t === void 0 || t.setAttribute("part", `${e ? "marker" : "region"} ${this.id}`);
+  }
+  addResizeHandles(t) {
+    const e = { position: "absolute", zIndex: "2", width: "6px", height: "100%", top: "0", cursor: "ew-resize", wordBreak: "keep-all" }, i = Y("div", { part: "region-handle region-handle-left", style: Object.assign(Object.assign({}, e), { left: "0", borderLeft: "2px solid rgba(0, 0, 0, 0.5)", borderRadius: "2px 0 0 2px" }) }, t), s = Y("div", { part: "region-handle region-handle-right", style: Object.assign(Object.assign({}, e), { right: "0", borderRight: "2px solid rgba(0, 0, 0, 0.5)", borderRadius: "0 2px 2px 0" }) }, t);
+    this.subscriptions.push(F(i, (r) => this.onResize(r, "start"), () => null, () => this.onEndResizing(), 1), F(s, (r) => this.onResize(r, "end"), () => null, () => this.onEndResizing(), 1));
+  }
+  removeResizeHandles(t) {
+    const e = t.querySelector('[part*="region-handle-left"]'), i = t.querySelector('[part*="region-handle-right"]');
+    e && t.removeChild(e), i && t.removeChild(i);
+  }
+  initElement() {
+    if (this.isRemoved) return null;
+    const t = this.start === this.end;
+    let e = 0, i = 100;
+    this.channelIdx >= 0 && this.channelIdx < this.numberOfChannels && (i = 100 / this.numberOfChannels, e = i * this.channelIdx);
+    const s = Y("div", { style: { position: "absolute", top: `${e}%`, height: `${i}%`, backgroundColor: t ? "none" : this.color, borderLeft: t ? "2px solid " + this.color : "none", borderRadius: "2px", boxSizing: "border-box", transition: "background-color 0.2s ease", cursor: this.drag ? "grab" : "default", pointerEvents: "all" } });
+    return !t && this.resize && this.addResizeHandles(s), s;
+  }
+  renderPosition() {
+    if (!this.element) return;
+    const t = this.start / this.totalDuration, e = (this.totalDuration - this.end) / this.totalDuration;
+    this.element.style.left = 100 * t + "%", this.element.style.right = 100 * e + "%";
+  }
+  toggleCursor(t) {
+    var e;
+    this.drag && (!((e = this.element) === null || e === void 0) && e.style) && (this.element.style.cursor = t ? "grabbing" : "grab");
+  }
+  initMouseEvents() {
+    const { element: t } = this;
+    t && (t.addEventListener("click", (e) => this.emit("click", e)), t.addEventListener("mouseenter", (e) => this.emit("over", e)), t.addEventListener("mouseleave", (e) => this.emit("leave", e)), t.addEventListener("dblclick", (e) => this.emit("dblclick", e)), t.addEventListener("pointerdown", () => this.toggleCursor(!0)), t.addEventListener("pointerup", () => this.toggleCursor(!1)), this.subscriptions.push(F(t, (e) => this.onMove(e), () => this.toggleCursor(!0), () => {
+      this.toggleCursor(!1), this.drag && this.emit("update-end");
+    })), this.contentEditable && this.content && (this.content.addEventListener("click", (e) => this.onContentClick(e)), this.content.addEventListener("blur", () => this.onContentBlur())));
+  }
+  _onUpdate(t, e) {
+    var i;
+    if (!(!((i = this.element) === null || i === void 0) && i.parentElement)) return;
+    const { width: s } = this.element.parentElement.getBoundingClientRect(), r = t / s * this.totalDuration, n = e && e !== "start" ? this.start : this.start + r, l = e && e !== "end" ? this.end : this.end + r, h = l - n;
+    n >= 0 && l <= this.totalDuration && n <= l && h >= this.minLength && h <= this.maxLength && (this.start = n, this.end = l, this.renderPosition(), this.emit("update", e));
+  }
+  onMove(t) {
+    this.drag && this._onUpdate(t);
+  }
+  onResize(t, e) {
+    this.resize && (this.resizeStart || e !== "start") && (this.resizeEnd || e !== "end") && this._onUpdate(t, e);
+  }
+  onEndResizing() {
+    this.resize && this.emit("update-end");
+  }
+  onContentClick(t) {
+    t.stopPropagation(), t.target.focus(), this.emit("click", t);
+  }
+  onContentBlur() {
+    this.emit("update-end");
+  }
+  _setTotalDuration(t) {
+    this.totalDuration = t, this.renderPosition();
+  }
+  play(t) {
+    this.emit("play", t && this.end !== this.start ? this.end : void 0);
+  }
+  getContent(t = !1) {
+    var e;
+    return t ? this.content || void 0 : this.element instanceof HTMLElement ? ((e = this.content) === null || e === void 0 ? void 0 : e.innerHTML) || void 0 : "";
+  }
+  setContent(t) {
+    var e;
+    if (this.element) if ((e = this.content) === null || e === void 0 || e.remove(), t) {
+      if (typeof t == "string") {
+        const i = this.start === this.end;
+        this.content = Y("div", { style: { padding: `0.2em ${i ? 0.2 : 0.4}em`, display: "inline-block" }, textContent: t });
+      } else this.content = t;
+      this.contentEditable && (this.content.contentEditable = "true"), this.content.setAttribute("part", "region-content"), this.element.appendChild(this.content), this.emit("content-changed");
+    } else this.content = void 0;
+  }
+  setOptions(t) {
+    var e, i;
+    if (this.element) {
+      if (t.color && (this.color = t.color, this.element.style.backgroundColor = this.color), t.drag !== void 0 && (this.drag = t.drag, this.element.style.cursor = this.drag ? "grab" : "default"), t.start !== void 0 || t.end !== void 0) {
+        const s = this.start === this.end;
+        this.start = this.clampPosition((e = t.start) !== null && e !== void 0 ? e : this.start), this.end = this.clampPosition((i = t.end) !== null && i !== void 0 ? i : s ? this.start : this.end), this.renderPosition(), this.setPart();
+      }
+      if (t.content && this.setContent(t.content), t.id && (this.id = t.id, this.setPart()), t.resize !== void 0 && t.resize !== this.resize) {
+        const s = this.start === this.end;
+        this.resize = t.resize, this.resize && !s ? this.addResizeHandles(this.element) : this.removeResizeHandles(this.element);
+      }
+      t.resizeStart !== void 0 && (this.resizeStart = t.resizeStart), t.resizeEnd !== void 0 && (this.resizeEnd = t.resizeEnd);
+    }
+  }
+  remove() {
+    this.isRemoved = !0, this.emit("remove"), this.subscriptions.forEach((t) => t()), this.element && (this.element.remove(), this.element = null);
+  }
+}
+class B extends we {
+  constructor(t) {
+    super(t), this.regions = [], this.regionsContainer = this.initRegionsContainer();
+  }
+  static create(t) {
+    return new B(t);
+  }
+  onInit() {
+    if (!this.wavesurfer) throw Error("WaveSurfer is not initialized");
+    this.wavesurfer.getWrapper().appendChild(this.regionsContainer);
+    let t = [];
+    this.subscriptions.push(this.wavesurfer.on("timeupdate", (e) => {
+      const i = this.regions.filter((s) => s.start <= e && (s.end === s.start ? s.start + 0.05 : s.end) >= e);
+      i.forEach((s) => {
+        t.includes(s) || this.emit("region-in", s);
+      }), t.forEach((s) => {
+        i.includes(s) || this.emit("region-out", s);
+      }), t = i;
+    }));
+  }
+  initRegionsContainer() {
+    return Y("div", { style: { position: "absolute", top: "0", left: "0", width: "100%", height: "100%", zIndex: "5", pointerEvents: "none" } });
+  }
+  getRegions() {
+    return this.regions;
+  }
+  avoidOverlapping(t) {
+    t.content && setTimeout(() => {
+      const e = t.content, i = e.getBoundingClientRect(), s = this.regions.map((r) => {
+        if (r === t || !r.content) return 0;
+        const n = r.content.getBoundingClientRect();
+        return i.left < n.left + n.width && n.left < i.left + i.width ? n.height : 0;
+      }).reduce((r, n) => r + n, 0);
+      e.style.marginTop = `${s}px`;
+    }, 10);
+  }
+  adjustScroll(t) {
+    var e, i;
+    if (!t.element) return;
+    const s = (i = (e = this.wavesurfer) === null || e === void 0 ? void 0 : e.getWrapper()) === null || i === void 0 ? void 0 : i.parentElement;
+    if (!s) return;
+    const { clientWidth: r, scrollWidth: n } = s;
+    if (n <= r) return;
+    const l = s.getBoundingClientRect(), h = t.element.getBoundingClientRect(), c = h.left - l.left, a = h.right - l.left;
+    c < 0 ? s.scrollLeft += c : a > r && (s.scrollLeft += a - r);
+  }
+  virtualAppend(t, e, i) {
+    const s = () => {
+      if (!this.wavesurfer) return;
+      const r = this.wavesurfer.getWidth(), n = this.wavesurfer.getScroll(), l = e.clientWidth, h = this.wavesurfer.getDuration(), c = Math.round(t.start / h * l), a = c + (Math.round((t.end - t.start) / h * l) || 1) > n && c < n + r;
+      a && !i.parentElement ? e.appendChild(i) : !a && i.parentElement && i.remove();
+    };
+    setTimeout(() => {
+      if (!this.wavesurfer || !t.element) return;
+      s();
+      const r = this.wavesurfer.on("scroll", s), n = this.wavesurfer.on("zoom", s);
+      this.subscriptions.push(t.once("remove", r), r), this.subscriptions.push(t.once("remove", n), n);
+    }, 0);
+  }
+  saveRegion(t) {
+    if (!t.element) return;
+    this.virtualAppend(t, this.regionsContainer, t.element), this.avoidOverlapping(t), this.regions.push(t);
+    const e = [t.on("update", (i) => {
+      i || this.adjustScroll(t), this.emit("region-update", t, i);
+    }), t.on("update-end", () => {
+      this.avoidOverlapping(t), this.emit("region-updated", t);
+    }), t.on("play", (i) => {
+      var s;
+      (s = this.wavesurfer) === null || s === void 0 || s.play(t.start, i);
+    }), t.on("click", (i) => {
+      this.emit("region-clicked", t, i);
+    }), t.on("dblclick", (i) => {
+      this.emit("region-double-clicked", t, i);
+    }), t.on("content-changed", () => {
+      this.emit("region-content-changed", t);
+    }), t.once("remove", () => {
+      e.forEach((i) => i()), this.regions = this.regions.filter((i) => i !== t), this.emit("region-removed", t);
+    })];
+    this.subscriptions.push(...e), this.emit("region-created", t);
+  }
+  addRegion(t) {
+    var e, i;
+    if (!this.wavesurfer) throw Error("WaveSurfer is not initialized");
+    const s = this.wavesurfer.getDuration(), r = (i = (e = this.wavesurfer) === null || e === void 0 ? void 0 : e.getDecodedData()) === null || i === void 0 ? void 0 : i.numberOfChannels, n = new it(t, s, r);
+    return this.emit("region-initialized", n), s ? this.saveRegion(n) : this.subscriptions.push(this.wavesurfer.once("ready", (l) => {
+      n._setTotalDuration(l), this.saveRegion(n);
+    })), n;
+  }
+  enableDragSelection(t, e = 3) {
+    var i;
+    const s = (i = this.wavesurfer) === null || i === void 0 ? void 0 : i.getWrapper();
+    if (!(s && s instanceof HTMLElement)) return () => {
+    };
+    let r = null, n = 0;
+    return F(s, (l, h, c) => {
+      r && r._onUpdate(l, c > n ? "end" : "start");
+    }, (l) => {
+      var h, c;
+      if (n = l, !this.wavesurfer) return;
+      const a = this.wavesurfer.getDuration(), d = (c = (h = this.wavesurfer) === null || h === void 0 ? void 0 : h.getDecodedData()) === null || c === void 0 ? void 0 : c.numberOfChannels, { width: u } = this.wavesurfer.getWrapper().getBoundingClientRect(), p = l / u * a, b = (l + 5) / u * a;
+      r = new it(Object.assign(Object.assign({}, t), { start: p, end: b }), a, d), this.emit("region-initialized", r), r.element && this.regionsContainer.appendChild(r.element);
+    }, () => {
+      r && (this.saveRegion(r), r = null);
+    }, e);
+  }
+  clearRegions() {
+    this.regions.slice().forEach((t) => t.remove()), this.regions = [];
+  }
+  destroy() {
+    this.clearRegions(), super.destroy(), this.regionsContainer.remove();
+  }
+}
+const qe = ({
+  waveSurfer: o,
+  regionsOptions: t = {}
+}) => {
+  const { pluginInstance: e, createPlugin: i } = z(
+    B,
+    t
+  );
+  return D(() => {
+    o.value && i(o.value);
+  }), {
+    regionsPlugin: e
+  };
+}, Qe = ({
+  containerRef: o,
+  options: t,
+  regionsOptions: e = {}
+}) => G(
+  B,
+  { containerRef: o, options: t, pluginOptions: e }
+);
 export {
-  U as WaveSurferPlayer,
-  k as useWaveSurfer,
-  q as useWaveSurferRecorder
+  Se as WaveSurferPlayer,
+  Vt as useWaveSurfer,
+  Ke as useWaveSurferEnvelope,
+  je as useWaveSurferEnvelopeStandalone,
+  He as useWaveSurferHover,
+  $e as useWaveSurferHoverStandalone,
+  nt as useWaveSurferInstance,
+  Xe as useWaveSurferMinimap,
+  Ne as useWaveSurferMinimapStandalone,
+  z as useWaveSurferPlugin,
+  G as useWaveSurferPluginStandalone,
+  qe as useWaveSurferRegions,
+  Qe as useWaveSurferRegionsStandalone,
+  Ae as useWaveSurferSpectrogram,
+  Fe as useWaveSurferSpectrogramStandalone,
+  Ee as useWaveSurferTimeline,
+  Pe as useWaveSurferTimelineStandalone,
+  Te as useWaveSurferZoom,
+  De as useWaveSurferZoomStandalone
 };