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

package/dist/{browserPlayer-B1V50MdI-D65N_aRN.js → browserPlayer-HE2uqs17-DJrIq6Jp.js}

@@ -1,30 +1,30 @@
-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";
+import { C as I, R as g, w as p } from "./basePlayer-C5QIyqfj-Dxhlf4BZ.js";
+import { a as P, I as y, P as c, b as S, k as E, c as L } from "./index-vp_MoGvy.js";
 class f extends I {
   #t;
-  #i;
-  #n;
-  #a = !0;
-  #o;
+  #r;
+  #i = !0;
+  #d;
   #e;
+  #a = document.createElement("video");
   #s = !1;
   name = "browserPlayer";
   constructor() {
     super(), this.playbackState = "IDLE";
     const e = () => {
       this.mediaElement && !this.mediaElement.paused && (this.playbackState = "PLAYING");
-    }, t = (a) => {
+    }, i = (a) => {
       this.currentStreamingSessionId && a.target instanceof HTMLMediaElement && c.overwriteDuration(
         this.currentStreamingSessionId,
         a.target.duration
       );
-    }, i = () => {
+    }, t = () => {
       this.playbackState = "STALLED";
     }, s = () => {
       (async () => {
         const a = this.#t;
         if (a) {
-          if (this.preloadedStreamingSessionId && a.currentTime === a.duration && (await b(1e3), a.currentTime !== a.duration))
+          if (this.preloadedStreamingSessionId && a.currentTime === a.duration && (await L(1e3), a.currentTime !== a.duration))
             return;
           this.playbackState = "NOT_PLAYING";
         }
@@ -40,65 +40,62 @@ class f extends I {
       this.mediaElement && (this.currentTime = this.mediaElement.currentTime, this.seekEnd(this.currentTime));
     };
     this.#e = {
-      durationChangeHandler: t,
+      durationChangeHandler: i,
       endedHandler: d,
       errorHandler: r,
       pauseHandler: s,
       playHandler: e,
       playingHandler: e,
       seekedHandler: o,
-      stalledHandler: i,
+      stalledHandler: t,
       timeUpdateHandler: n,
-      waitingHandler: i
-    }, P().then().catch(console.error), this.#i = y, this.#n = L, this.currentPlayer = this.#i;
+      waitingHandler: t
+    }, P().then().catch(console.error), this.#r = y, this.currentPlayer = this.#r;
   }
-  #r() {
-    return [this.#i, this.#n].filter((e) => e !== this.#t).pop();
-  }
-  #d(e, t) {
+  #n(e, i) {
     this.debugLog(
       "mediaElementEvents",
-      t ? "adding to" : "removing from",
+      i ? "adding to" : "removing from",
       e
     );
-    const i = t ? "addEventListener" : "removeEventListener";
-    e[i](
+    const t = i ? "addEventListener" : "removeEventListener";
+    e[t](
       "durationchange",
       this.#e.durationChangeHandler,
       {
         passive: !0
       }
-    ), e[i]("play", this.#e.playHandler, {
+    ), e[t]("play", this.#e.playHandler, {
       passive: !0
-    }), e[i](
+    }), e[t](
       "playing",
       this.#e.playingHandler,
       { passive: !0 }
-    ), e[i](
+    ), e[t](
       "timeupdate",
       this.#e.timeUpdateHandler,
       { passive: !0 }
-    ), e[i](
+    ), e[t](
       "pause",
       this.#e.pauseHandler,
       { passive: !0 }
-    ), e[i](
+    ), e[t](
       "ended",
       this.#e.endedHandler,
       { passive: !0 }
-    ), e[i](
+    ), e[t](
       "error",
       this.#e.errorHandler,
       { passive: !0 }
-    ), e[i](
+    ), e[t](
       "waiting",
       this.#e.waitingHandler,
       { passive: !0 }
-    ), e[i](
+    ), e[t](
       "stalled",
       this.#e.stalledHandler,
       { passive: !0 }
-    ), e[i](
+    ), e[t](
       "seeked",
       this.#e.seekedHandler,
       { passive: !0 }
@@ -107,46 +104,46 @@ 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, 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;
+  async load(e, i) {
+    this.debugLog("load", e), this.currentTime = e.assetPosition, this.startAssetPosition = e.assetPosition, await P(), await this.reset(), this.#i = !1, i === "explicit" && (this.playbackState = "NOT_PLAYING");
+    const { assetPosition: t, mediaProduct: s, playbackInfo: n, streamInfo: d } = e;
     this.currentStreamingSessionId = d.streamingSessionId;
     const { currentPlayer: r } = this;
     if (!r)
       return;
     const o = new Promise(
-      (h) => r.addEventListener("canplay", () => h(), {
+      (u) => r.addEventListener("canplay", () => u(), {
         once: !0
       })
     );
-    r.src = d.streamUrl, r.currentTime = i, r.load();
+    r.src = d.streamUrl, r.currentTime = t, r.load();
     const a = new Promise(
-      (h) => r.addEventListener(
+      (u) => r.addEventListener(
         "durationchange",
         (m) => {
-          m.target instanceof HTMLMediaElement && h(m.target.duration);
+          m.target instanceof HTMLMediaElement && u(m.target.duration);
         },
         { once: !0 }
       )
     );
     if (await o, this.currentStreamingSessionId !== d.streamingSessionId)
       return;
-    const l = await a, u = g({
-      assetPosition: i,
+    const l = await a, h = g({
+      assetPosition: t,
       duration: l,
       playbackInfo: n,
       streamInfo: d
     });
     return c.saveMediaProductTransition(
       d.streamingSessionId,
-      { mediaProduct: s, playbackContext: u }
+      { mediaProduct: s, playbackContext: h }
     ), this.debugLog("dispatching mediaProductTransition"), S.dispatchEvent(
-      p(s, u)
+      p(s, h)
     ), 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: t, playbackInfo: i, streamInfo: s } = e, n = this.#r();
+    const { mediaProduct: i, playbackInfo: t, streamInfo: s } = e, n = this.#a;
     if (this.preloadedStreamingSessionId = s.streamingSessionId, !n)
       return;
     n.src = s.streamUrl, n.load();
@@ -161,16 +158,16 @@ class f extends I {
     ), r = g({
       assetPosition: 0,
       duration: d,
-      playbackInfo: i,
+      playbackInfo: t,
       streamInfo: s
     });
     c.saveMediaProductTransition(
       s.streamingSessionId,
       {
-        mediaProduct: t,
+        mediaProduct: i,
         playbackContext: r
       }
-    );
+    ), this.#i = !1;
   }
   pause() {
     this.debugLog("pause"), this.mediaElement && this.mediaElement.pause();
@@ -182,25 +179,26 @@ class f extends I {
   }
   async playbackEngineEndedHandler(e) {
     if (this.isActivePlayer) {
-      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"));
+      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"));
     }
   }
   async reset({ keepPreload: e } = { keepPreload: !1 }) {
-    if (this.#a)
+    if (this.#i)
       return Promise.resolve();
     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();
+    const { currentPlayer: i } = this;
+    return i && i.readyState !== 0 && (i.load(), await new Promise(
+      (t) => i.addEventListener("emptied", () => t(), { passive: !0 })
+    )), this.#i = !0, Promise.resolve();
   }
+  // eslint-disable-next-line @typescript-eslint/no-misused-promises
   seek(e) {
     this.debugLog("seek", e);
-    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), {
+    const { currentPlayer: i } = this, t = e;
+    if (i)
+      return this.seekStart(this.currentTime), "fastSeek" in i ? i.fastSeek(t) : i.currentTime = t, new Promise((s) => {
+        i.addEventListener("seeked", () => s(i.currentTime), {
           once: !0
         });
       });
@@ -214,16 +212,14 @@ class f extends I {
       this.playbackState = "NOT_PLAYING";
       return;
     }
-    this.debugLog(
+    if (this.debugLog(
       "skipToPreloadedMediaProduct",
       this.preloadedStreamingSessionId
-    );
-    const t = this.#r();
-    if (t) {
-      this.currentPlayer = t, this.currentStreamingSessionId = String(this.preloadedStreamingSessionId), this.preloadedStreamingSessionId = void 0;
-      const { mediaProduct: i, playbackContext: s } = e;
+    ), this.#a.src && this.currentPlayer) {
+      this.currentPlayer.src = this.#a.src, this.currentStreamingSessionId = String(this.preloadedStreamingSessionId), this.preloadedStreamingSessionId = void 0;
+      const { mediaProduct: i, playbackContext: t } = e;
       S.dispatchEvent(
-        p(i, s)
+        p(i, t)
       ), this.playbackState === "IDLE" && (this.playbackState = "NOT_PLAYING");
     }
   }
@@ -236,20 +232,20 @@ class f extends I {
       "unloadPreloadedMediaProduct",
       this.preloadedStreamingSessionId
     ), this.cleanUpStoredPreloadInfo();
-    const e = this.#r();
+    const e = this.#a;
     e && (e.src = "", e.load());
   }
   get currentPlayer() {
     return this.#t;
   }
   set currentPlayer(e) {
-    this.debugLog("set currentPlayer", e), this.#t && (this.#d(this.#t, !1), this.#t.load()), e && (this.#t = e, this.#d(e, !0));
+    this.debugLog("set currentPlayer", e), this.#t && (this.#n(this.#t, !1), this.#t.load()), e && (this.#t = e, this.#n(e, !0));
   }
   get mediaElement() {
     return this.currentPlayer ?? null;
   }
   get ready() {
-    return this.#o;
+    return this.#d;
   }
   get volume() {
     return E("desiredVolumeLevel");