@tidal-music/player-web-components 0.1.0 → 0.1.2

package/dist/{browserPlayer-oNOpDVm6-UW0N6pFH.js → browserPlayer-B1V50MdI-D65N_aRN.js}

@@ -1,5 +1,5 @@
-import { Y as I, O as g, V as p } from "./basePlayer-a-avZASH-Ux-6s9Ex.js";
-import { N as P, A as y, O as E, k as h, y as S, b as L, R as k } from "./index-tM9JvbA8.js";
+import { G as I, Y as g, V as p } from "./basePlayer-BcooVl9P-WesO1_17.js";
+import { C as P, O as y, a as L, T as c, b as S, S as E, _ as b } from "./index-DbGwqQeZ.js";
 class f extends I {
   #t;
   #i;
@@ -13,99 +13,92 @@ class f extends I {
     super(), this.playbackState = "IDLE";
     const e = () => {
       this.mediaElement && !this.mediaElement.paused && (this.playbackState = "PLAYING");
-    }, i = (a) => {
-      this.currentStreamingSessionId && a.target instanceof HTMLMediaElement && h.overwriteDuration(
+    }, t = (a) => {
+      this.currentStreamingSessionId && a.target instanceof HTMLMediaElement && c.overwriteDuration(
         this.currentStreamingSessionId,
         a.target.duration
       );
-    }, t = () => {
+    }, i = () => {
       this.playbackState = "STALLED";
     }, s = () => {
       (async () => {
         const a = this.#t;
         if (a) {
-          if (this.preloadedStreamingSessionId && a.currentTime === a.duration && (await k(1e3), a.currentTime !== a.duration))
+          if (this.preloadedStreamingSessionId && a.currentTime === a.duration && (await b(1e3), a.currentTime !== a.duration))
             return;
           this.playbackState = "NOT_PLAYING";
         }
       })().catch(console.error);
     }, n = (a) => {
       if (a instanceof Event) {
-        const c = a.target;
-        c.readyState > HTMLMediaElement.HAVE_NOTHING && (this.currentTime = c.currentTime);
+        const l = a.target;
+        l.readyState > HTMLMediaElement.HAVE_NOTHING && (this.currentTime = l.currentTime);
       }
     }, d = (a) => {
       n(a), this.finishCurrentMediaProduct("completed");
-    }, r = (a) => console.error("HTMLMediaElement errored", a), l = () => {
-      this.mediaElement && (this.currentTime = this.mediaElement.currentTime, this.seekStart());
-    }, o = () => {
-      this.mediaElement && (this.currentTime = this.mediaElement.currentTime, this.seekEnd());
+    }, r = (a) => console.error("HTMLMediaElement errored", a), o = () => {
+      this.mediaElement && (this.currentTime = this.mediaElement.currentTime, this.seekEnd(this.currentTime));
     };
     this.#e = {
-      durationChangeHandler: i,
+      durationChangeHandler: t,
       endedHandler: d,
       errorHandler: r,
       pauseHandler: s,
       playHandler: e,
       playingHandler: e,
       seekedHandler: o,
-      seekingHandler: l,
-      stalledHandler: t,
+      stalledHandler: i,
       timeUpdateHandler: n,
-      waitingHandler: t
-    }, P().then().catch(console.error), this.#i = y, this.#n = E, this.currentPlayer = this.#i;
+      waitingHandler: i
+    }, P().then().catch(console.error), this.#i = y, this.#n = L, this.currentPlayer = this.#i;
   }
   #r() {
     return [this.#i, this.#n].filter((e) => e !== this.#t).pop();
   }
-  #d(e, i) {
+  #d(e, t) {
     this.debugLog(
       "mediaElementEvents",
-      i ? "adding to" : "removing from",
+      t ? "adding to" : "removing from",
       e
     );
-    const t = i ? "addEventListener" : "removeEventListener";
-    e[t](
+    const i = t ? "addEventListener" : "removeEventListener";
+    e[i](
       "durationchange",
       this.#e.durationChangeHandler,
       {
         passive: !0
       }
-    ), e[t]("play", this.#e.playHandler, {
+    ), e[i]("play", this.#e.playHandler, {
       passive: !0
-    }), e[t](
+    }), e[i](
       "playing",
       this.#e.playingHandler,
       { passive: !0 }
-    ), e[t](
+    ), e[i](
       "timeupdate",
       this.#e.timeUpdateHandler,
       { passive: !0 }
-    ), e[t](
+    ), e[i](
       "pause",
       this.#e.pauseHandler,
       { passive: !0 }
-    ), e[t](
+    ), e[i](
       "ended",
       this.#e.endedHandler,
       { passive: !0 }
-    ), e[t](
+    ), e[i](
       "error",
       this.#e.errorHandler,
       { passive: !0 }
-    ), e[t](
+    ), e[i](
       "waiting",
       this.#e.waitingHandler,
       { passive: !0 }
-    ), e[t](
+    ), e[i](
       "stalled",
       this.#e.stalledHandler,
       { passive: !0 }
-    ), e[t](
-      "seeking",
-      this.#e.seekingHandler,
-      { passive: !0 }
-    ), e[t](
+    ), e[i](
       "seeked",
       this.#e.seekedHandler,
       { passive: !0 }
@@ -114,67 +107,67 @@ class f extends I {
   getPosition() {
     return this.debugLog("getPosition"), this.mediaElement && (this.mediaElement.ended ? this.currentTime = 0 : this.currentTime = this.mediaElement.currentTime), this.currentTime;
   }
-  async load(e, i) {
-    this.debugLog("load", e), this.currentTime = e.assetPosition, this.startAssetPosition = e.assetPosition, await P(), await this.reset(), this.#a = !1, i === "explicit" && (this.playbackState = "NOT_PLAYING");
-    const { assetPosition: t, mediaProduct: s, playbackInfo: n, streamInfo: d } = e;
+  async load(e, t) {
+    this.debugLog("load", e), this.currentTime = e.assetPosition, this.startAssetPosition = e.assetPosition, await P(), await this.reset(), this.#a = !1, t === "explicit" && (this.playbackState = "NOT_PLAYING");
+    const { assetPosition: i, mediaProduct: s, playbackInfo: n, streamInfo: d } = e;
     this.currentStreamingSessionId = d.streamingSessionId;
     const { currentPlayer: r } = this;
     if (!r)
       return;
-    const l = new Promise(
-      (u) => r.addEventListener("canplay", () => u(), {
+    const o = new Promise(
+      (h) => r.addEventListener("canplay", () => h(), {
         once: !0
       })
     );
-    r.src = d.streamUrl, r.currentTime = t, r.load();
-    const o = new Promise(
-      (u) => r.addEventListener(
+    r.src = d.streamUrl, r.currentTime = i, r.load();
+    const a = new Promise(
+      (h) => r.addEventListener(
         "durationchange",
         (m) => {
-          m.target instanceof HTMLMediaElement && u(m.target.duration);
+          m.target instanceof HTMLMediaElement && h(m.target.duration);
         },
         { once: !0 }
       )
     );
-    if (await l, this.currentStreamingSessionId !== d.streamingSessionId)
+    if (await o, this.currentStreamingSessionId !== d.streamingSessionId)
       return;
-    const a = await o, c = g({
-      assetPosition: t,
-      duration: a,
+    const l = await a, u = g({
+      assetPosition: i,
+      duration: l,
       playbackInfo: n,
       streamInfo: d
     });
-    return h.saveMediaProductTransition(
+    return c.saveMediaProductTransition(
       d.streamingSessionId,
-      { mediaProduct: s, playbackContext: c }
+      { mediaProduct: s, playbackContext: u }
     ), this.debugLog("dispatching mediaProductTransition"), S.dispatchEvent(
-      p(s, c)
+      p(s, u)
     ), this.#s ? (this.#s = !1, this.play()) : Promise.resolve();
   }
   async next(e) {
     this.debugLog("next", e), this.playbackState === "IDLE" && (this.playbackState = "NOT_PLAYING");
-    const { mediaProduct: i, playbackInfo: t, streamInfo: s } = e, n = this.#r();
+    const { mediaProduct: t, playbackInfo: i, streamInfo: s } = e, n = this.#r();
     if (this.preloadedStreamingSessionId = s.streamingSessionId, !n)
       return;
     n.src = s.streamUrl, n.load();
     const d = await new Promise(
-      (l) => n.addEventListener(
+      (o) => n.addEventListener(
         "durationchange",
-        (o) => {
-          o.target instanceof HTMLMediaElement && l(o.target.duration);
+        (a) => {
+          a.target instanceof HTMLMediaElement && o(a.target.duration);
         },
         { once: !0 }
       )
     ), r = g({
       assetPosition: 0,
       duration: d,
-      playbackInfo: t,
+      playbackInfo: i,
       streamInfo: s
     });
-    h.saveMediaProductTransition(
+    c.saveMediaProductTransition(
       s.streamingSessionId,
       {
-        mediaProduct: i,
+        mediaProduct: t,
         playbackContext: r
       }
     );
@@ -189,32 +182,32 @@ class f extends I {
   }
   async playbackEngineEndedHandler(e) {
     if (this.isActivePlayer) {
-      const { reason: i } = e.detail;
-      i === "completed" && (this.hasNextItem() ? (await this.skipToPreloadedMediaProduct(), await this.play()) : (console.warn("No item preloaded, not progressing."), this.playbackState = "NOT_PLAYING"));
+      const { reason: t } = e.detail;
+      t === "completed" && (this.hasNextItem() ? (await this.skipToPreloadedMediaProduct(), await this.play()) : (console.warn("No item preloaded, not progressing."), this.playbackState = "NOT_PLAYING"));
     }
   }
   async reset({ keepPreload: e } = { keepPreload: !1 }) {
     if (this.#a)
       return Promise.resolve();
-    this.debugLog("reset"), this.playbackState !== "IDLE" && this.hasStarted() && this.finishCurrentMediaProduct("skip"), this.playbackState = "IDLE", this.detachPlaybackEngineEndedHandler(), this.currentStreamingSessionId = void 0, e || (this.preloadedStreamingSessionId = void 0);
-    const { currentPlayer: i } = this;
-    return i && i.readyState !== 0 && (i.load(), await new Promise(
-      (t) => i.addEventListener("emptied", () => t(), { passive: !0 })
+    this.debugLog("reset"), this.playbackState !== "IDLE" && this.finishCurrentMediaProduct("skip"), this.playbackState = "IDLE", this.detachPlaybackEngineEndedHandler(), this.currentStreamingSessionId = void 0, e || (this.preloadedStreamingSessionId = void 0);
+    const { currentPlayer: t } = this;
+    return t && t.readyState !== 0 && (t.load(), await new Promise(
+      (i) => t.addEventListener("emptied", () => i(), { passive: !0 })
     )), this.#a = !0, Promise.resolve();
   }
   seek(e) {
     this.debugLog("seek", e);
-    const { currentPlayer: i } = this, t = e;
-    if (i)
-      return "fastSeek" in i ? i.fastSeek(t) : i.currentTime = t, new Promise((s) => {
-        i.addEventListener("seeked", () => s(i.currentTime), {
+    const { currentPlayer: t } = this, i = e;
+    if (t)
+      return this.seekStart(this.currentTime), "fastSeek" in t ? t.fastSeek(i) : t.currentTime = i, new Promise((s) => {
+        t.addEventListener("seeked", () => s(t.currentTime), {
           once: !0
         });
       });
   }
   // eslint-disable-next-line @typescript-eslint/require-await
   async skipToPreloadedMediaProduct() {
-    const e = h.getMediaProductTransition(
+    const e = c.getMediaProductTransition(
       this.preloadedStreamingSessionId
     );
     if (!e) {
@@ -225,12 +218,12 @@ class f extends I {
       "skipToPreloadedMediaProduct",
       this.preloadedStreamingSessionId
     );
-    const i = this.#r();
-    if (i) {
-      this.currentPlayer = i, this.currentStreamingSessionId = String(this.preloadedStreamingSessionId), this.preloadedStreamingSessionId = void 0;
-      const { mediaProduct: t, playbackContext: s } = e;
+    const t = this.#r();
+    if (t) {
+      this.currentPlayer = t, this.currentStreamingSessionId = String(this.preloadedStreamingSessionId), this.preloadedStreamingSessionId = void 0;
+      const { mediaProduct: i, playbackContext: s } = e;
       S.dispatchEvent(
-        p(t, s)
+        p(i, s)
       ), this.playbackState === "IDLE" && (this.playbackState = "NOT_PLAYING");
     }
   }
@@ -259,7 +252,7 @@ class f extends I {
     return this.#o;
   }
   get volume() {
-    return L("desiredVolumeLevel");
+    return E("desiredVolumeLevel");
   }
   set volume(e) {
     this.debugLog("Setting volume to", e), this.currentPlayer && (this.currentPlayer.volume = e);