@beyondwords/player 0.0.0-beta23 → 0.0.0-beta25

package/dist/es.js

@@ -66,7 +66,7 @@ function li(t) {
 function Ns(t) {
   return typeof t == "function";
 }
-function et(t, e) {
+function tt(t, e) {
   return t != t ? e == e : t !== e || t && typeof t == "object" || typeof t == "function";
 }
 let Ba;
@@ -171,7 +171,7 @@ function Nn(t, e) {
 function N(t) {
   return document.createElement(t);
 }
-function $e(t) {
+function et(t) {
   return document.createElementNS("http://www.w3.org/2000/svg", t);
 }
 function Re(t) {
@@ -183,7 +183,7 @@ function Pe() {
 function as() {
   return Re("");
 }
-function ye(t, e, i, r) {
+function me(t, e, i, r) {
   return t.addEventListener(e, i, r), () => t.removeEventListener(e, i, r);
 }
 function nt(t, e, i) {
@@ -233,10 +233,10 @@ function D0(t, e) {
   r.setAttribute("style", "display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: -1;"), r.setAttribute("aria-hidden", "true"), r.tabIndex = -1;
   const a = R0();
   let l;
-  return a ? (r.src = "data:text/html,<script>onresize=function(){parent.postMessage(0,'*')}<\/script>", l = ye(window, "message", (g) => {
+  return a ? (r.src = "data:text/html,<script>onresize=function(){parent.postMessage(0,'*')}<\/script>", l = me(window, "message", (g) => {
     g.source === r.contentWindow && e();
   })) : (r.src = "about:blank", r.onload = () => {
-    l = ye(r.contentWindow, "resize", e), e();
+    l = me(r.contentWindow, "resize", e), e();
   }), I(t, r), () => {
     (a || l && r.contentWindow) && l(), ee(r);
   };
@@ -494,7 +494,7 @@ function Ge(t, e) {
 function Y0(t, e) {
   t.$$.dirty[0] === -1 && (_s.push(t), tf(), t.$$.dirty.fill(0)), t.$$.dirty[e / 31 | 0] |= 1 << e % 31;
 }
-function tt(t, e, i, r, a, l, g, p = [-1]) {
+function it(t, e, i, r, a, l, g, p = [-1]) {
   const _ = aa;
   ta(t);
   const T = t.$$ = {
@@ -533,7 +533,7 @@ function tt(t, e, i, r, a, l, g, p = [-1]) {
   }
   ta(_);
 }
-class it {
+class rt {
   $destroy() {
     Ge(this, 1), this.$destroy = Ce;
   }
@@ -550,7 +550,7 @@ class it {
     this.$$set && !A0(e) && (this.$$.skip_bound = !0, this.$$set(e), this.$$.skip_bound = !1);
   }
 }
-const q0 = "@beyondwords/player", eu = "0.0.0-beta23", er = (t, e) => {
+const q0 = "@beyondwords/player", eu = "0.0.0-beta25", er = (t, e) => {
   t = [t].flat().join(`
 `);
   let i = `${q0}:
@@ -622,7 +622,7 @@ const tu = ["user", "media", "browser", "media-session-api", "google-ima-sdk", "
   }
 }, pt = (t, e, i) => {
   Object.prototype.hasOwnProperty.call(t, e) || er(`Invalid event: missing a '${e}' property`, t), i(t[e]) || er(`Invalid event: '${e}: ${t[e]}' is invalid`, t);
-}, rt = (t) => {
+}, $e = (t) => {
   nv(t);
   const e = lo(), i = (/* @__PURE__ */ new Date()).toISOString();
   return de({ id: e, createdAt: i, status: "pending" }, t);
@@ -654,13 +654,13 @@ function gv(t) {
     },
     m(p, _) {
       I(hv.head, e), ie(p, r, _), ie(p, a, _), t[12](a), l || (g = [
-        ye(
+        me(
           e,
           "load",
           /*initializeIMA*/
           t[1]
         ),
-        ye(
+        me(
           e,
           "error",
           /*onScriptError*/
@@ -693,35 +693,35 @@ function vv(t, e, i) {
       }
     }
   }, be = (Z) => {
-    ue = Z.getAdData(), ue.updatedAt = Date.now(), C(rt({
+    ue = Z.getAdData(), ue.updatedAt = Date.now(), C($e({
       type: "CurrentTimeUpdated",
       description: "The media's current time was updated.",
       initiatedBy: "media"
-    })), T !== ue.duration && (i(4, T = ue.duration), C(rt({
+    })), T !== ue.duration && (i(4, T = ue.duration), C($e({
       type: "DurationUpdated",
       description: "The media's duration was updated.",
       initiatedBy: "google-ima-sdk"
     })));
   }, $ = () => {
-    C(rt({
+    C($e({
       type: "PressedAdvertVideo",
       description: "The video background was pressed to open the advert in a new tab.",
       initiatedBy: "user"
     }));
   }, L = () => {
-    _ !== "paused" && (i(3, _ = "paused"), C(rt({
+    _ !== "paused" && (i(3, _ = "paused"), C($e({
       type: "PlaybackPaused",
       description: "The media became paused at its current playback time.",
       initiatedBy: "google-ima-sdk"
     })));
   }, ae = () => {
-    C(rt({
+    C($e({
       type: "PlaybackEnded",
       description: "The media finished playing because it reached the end.",
       initiatedBy: "google-ima-sdk"
     }));
   }, W = (Z, B) => {
-    B = B || Z.getError(), H == null || H.destroy(), C(rt({
+    B = B || Z.getError(), H == null || H.destroy(), C($e({
       type: "PlaybackErrored",
       description: "The media failed to play.",
       initiatedBy: "google-ima-sdk",
@@ -730,7 +730,7 @@ function vv(t, e, i) {
       errorMessage: `${B.getMessage()} (code=${B.getErrorCode()})`
     }));
   }, Xe = () => {
-    C(rt({
+    C($e({
       type: "PlaybackErrored",
       description: "The media failed to play.",
       initiatedBy: "browser",
@@ -785,9 +785,9 @@ function vv(t, e, i) {
     K
   ];
 }
-class mv extends it {
+class mv extends rt {
   constructor(e) {
-    super(), tt(this, e, vv, gv, et, {
+    super(), it(this, e, vv, gv, tt, {
       vastUrl: 6,
       advertConsent: 7,
       video: 8,
@@ -1101,7 +1101,7 @@ var nf = { exports: {} };
             "error"
           );
           try {
-            Ie.log('Debug logs enabled for "' + c + '" in hls.js version 1.4.4');
+            Ie.log('Debug logs enabled for "' + c + '" in hls.js version 1.4.5');
           } catch (u) {
             Ie = we;
           }
@@ -1708,7 +1708,7 @@ var nf = { exports: {} };
           });
         }), c;
       }
-      function me(d, c) {
+      function pe(d, c) {
         if (!d || !c)
           return d;
         var u = c.keyId;
@@ -2245,7 +2245,7 @@ var nf = { exports: {} };
               w.title = re || null, w.tagList.push(re ? ["INF", fe, re] : ["INF", fe]);
             } else if (O[3]) {
               if ($(w.duration)) {
-                w.start = E, D && pe(w, D, v), w.sn = b, w.level = s, w.cc = A, w.urlId = f, m.push(w);
+                w.start = E, D && _e(w, D, v), w.sn = b, w.level = s, w.cc = A, w.urlId = f, m.push(w);
                 var ne = (" " + O[3]).slice(1);
                 w.relurl = ne, Zt(w, x), x = w, E += w.duration, b++, S = 0, q = !0;
               }
@@ -2371,7 +2371,7 @@ var nf = { exports: {} };
               }
             }
           }
-          x && !x.relurl ? (m.pop(), E -= x.duration, v.partList && (v.fragmentHint = x)) : v.partList && (Zt(w, x), w.cc = A, v.fragmentHint = w, D && pe(w, D, v));
+          x && !x.relurl ? (m.pop(), E -= x.duration, v.partList && (v.fragmentHint = x)) : v.partList && (Zt(w, x), w.cc = A, v.fragmentHint = w, D && _e(w, D, v));
           var Zi = m.length, nr = m[0], un = m[Zi - 1];
           if (E += v.skippedSegments * v.targetduration, E > 0 && Zi && un) {
             v.averagetargetduration = E / Zi;
@@ -2425,14 +2425,14 @@ var nf = { exports: {} };
       function j(d, c, u, n) {
         d.relurl = c.URI, c.BYTERANGE && d.setByteRange(c.BYTERANGE), d.level = u, d.sn = "initSegment", n && (d.levelkeys = n), d.initSegment = null;
       }
-      function pe(d, c, u) {
+      function _e(d, c, u) {
         d.levelkeys = c;
         var n = u.encryptedFragments;
         (!n.length || n[n.length - 1].levelkeys !== c) && Object.keys(c).some(function(s) {
           return c[s].isCommonEncryption;
         }) && n.push(d);
       }
-      var _e = {
+      var ye = {
         MANIFEST: "manifest",
         LEVEL: "level",
         AUDIO_TRACK: "audioTrack",
@@ -2445,9 +2445,9 @@ var nf = { exports: {} };
       function Ar(d) {
         var c = d.type;
         switch (c) {
-          case _e.AUDIO_TRACK:
+          case ye.AUDIO_TRACK:
             return ot.AUDIO;
-          case _e.SUBTITLE_TRACK:
+          case ye.SUBTITLE_TRACK:
             return ot.SUBTITLE;
           default:
             return ot.MAIN;
@@ -2491,7 +2491,7 @@ var nf = { exports: {} };
             id: null,
             level: 0,
             responseType: "text",
-            type: _e.MANIFEST,
+            type: ye.MANIFEST,
             url: o,
             deliveryDirectives: null
           });
@@ -2501,7 +2501,7 @@ var nf = { exports: {} };
             id: o,
             level: f,
             responseType: "text",
-            type: _e.LEVEL,
+            type: ye.LEVEL,
             url: h,
             deliveryDirectives: v
           });
@@ -2512,7 +2512,7 @@ var nf = { exports: {} };
             groupId: f,
             level: null,
             responseType: "text",
-            type: _e.AUDIO_TRACK,
+            type: ye.AUDIO_TRACK,
             url: h,
             deliveryDirectives: v
           });
@@ -2523,7 +2523,7 @@ var nf = { exports: {} };
             groupId: f,
             level: null,
             responseType: "text",
-            type: _e.SUBTITLE_TRACK,
+            type: ye.SUBTITLE_TRACK,
             url: h,
             deliveryDirectives: v
           });
@@ -2538,12 +2538,12 @@ var nf = { exports: {} };
             B.log("[playlist-loader]: aborting previous loader for type: " + n.type), h.abort();
           }
           var m;
-          if (n.type === _e.MANIFEST ? m = f.manifestLoadPolicy.default : m = T({}, f.playlistLoadPolicy.default, {
+          if (n.type === ye.MANIFEST ? m = f.manifestLoadPolicy.default : m = T({}, f.playlistLoadPolicy.default, {
             timeoutRetry: null,
             errorRetry: null
           }), h = this.createInternalLoader(n), (s = n.deliveryDirectives) != null && s.part) {
             var y;
-            if (n.type === _e.LEVEL && n.level !== null ? y = this.hls.levels[n.level].details : n.type === _e.AUDIO_TRACK && n.id !== null ? y = this.hls.audioTracks[n.id].details : n.type === _e.SUBTITLE_TRACK && n.id !== null && (y = this.hls.subtitleTracks[n.id].details), y) {
+            if (n.type === ye.LEVEL && n.level !== null ? y = this.hls.levels[n.level].details : n.type === ye.AUDIO_TRACK && n.id !== null ? y = this.hls.audioTracks[n.id].details : n.type === ye.SUBTITLE_TRACK && n.id !== null && (y = this.hls.subtitleTracks[n.id].details), y) {
               var b = y.partTarget, S = y.targetduration;
               if (b && S) {
                 var E = Math.max(b * 3, S * 0.8) * 1e3;
@@ -2621,7 +2621,7 @@ var nf = { exports: {} };
           });
         }, c.handleTrackOrLevelPlaylist = function(n, s, o, f, h) {
           var v = this.hls, m = o.id, y = o.level, b = o.type, S = br(n, o), E = $(m) ? m : 0, A = $(y) ? y : E, x = Ar(o), w = Mi.parseLevelPlaylist(n.data, S, A, x, E, this.variableList);
-          if (b === _e.MANIFEST) {
+          if (b === ye.MANIFEST) {
             var O = {
               attrs: new xe({}),
               bitrate: 0,
@@ -2647,7 +2647,7 @@ var nf = { exports: {} };
           this.hls.trigger(L.ERROR, {
             type: ae.NETWORK_ERROR,
             details: W.MANIFEST_PARSING_ERROR,
-            fatal: s.type === _e.MANIFEST,
+            fatal: s.type === ye.MANIFEST,
             url: n.url,
             err: o,
             error: o,
@@ -2660,21 +2660,21 @@ var nf = { exports: {} };
         }, c.handleNetworkError = function(n, s, o, f, h) {
           o === void 0 && (o = !1);
           var v = "A network " + (o ? "timeout" : "error" + (f ? " (status " + f.code + ")" : "")) + " occurred while loading " + n.type;
-          n.type === _e.LEVEL ? v += ": " + n.level + " id: " + n.id : (n.type === _e.AUDIO_TRACK || n.type === _e.SUBTITLE_TRACK) && (v += " id: " + n.id + ' group-id: "' + n.groupId + '"');
+          n.type === ye.LEVEL ? v += ": " + n.level + " id: " + n.id : (n.type === ye.AUDIO_TRACK || n.type === ye.SUBTITLE_TRACK) && (v += " id: " + n.id + ' group-id: "' + n.groupId + '"');
           var m = new Error(v);
           B.warn("[playlist-loader]: " + v);
           var y = W.UNKNOWN, b = !1, S = this.getInternalLoader(n);
           switch (n.type) {
-            case _e.MANIFEST:
+            case ye.MANIFEST:
               y = o ? W.MANIFEST_LOAD_TIMEOUT : W.MANIFEST_LOAD_ERROR, b = !0;
               break;
-            case _e.LEVEL:
+            case ye.LEVEL:
               y = o ? W.LEVEL_LOAD_TIMEOUT : W.LEVEL_LOAD_ERROR, b = !1;
               break;
-            case _e.AUDIO_TRACK:
+            case ye.AUDIO_TRACK:
               y = o ? W.AUDIO_TRACK_LOAD_TIMEOUT : W.AUDIO_TRACK_LOAD_ERROR, b = !1;
               break;
-            case _e.SUBTITLE_TRACK:
+            case ye.SUBTITLE_TRACK:
               y = o ? W.SUBTITLE_TRACK_LOAD_TIMEOUT : W.SUBTITLE_LOAD_ERROR, b = !1;
               break;
           }
@@ -2738,8 +2738,8 @@ var nf = { exports: {} };
             return;
           }
           switch (n.live && v && (v.getCacheAge && (n.ageHeader = v.getCacheAge() || 0), (!v.getCacheAge || isNaN(n.ageHeader)) && (n.ageHeader = 0)), y) {
-            case _e.MANIFEST:
-            case _e.LEVEL:
+            case ye.MANIFEST:
+            case ye.LEVEL:
               m.trigger(L.LEVEL_LOADED, {
                 details: n,
                 level: O || 0,
@@ -2749,7 +2749,7 @@ var nf = { exports: {} };
                 deliveryDirectives: A
               });
               break;
-            case _e.AUDIO_TRACK:
+            case ye.AUDIO_TRACK:
               m.trigger(L.AUDIO_TRACK_LOADED, {
                 details: n,
                 id: S || 0,
@@ -2759,7 +2759,7 @@ var nf = { exports: {} };
                 deliveryDirectives: A
               });
               break;
-            case _e.SUBTITLE_TRACK:
+            case ye.SUBTITLE_TRACK:
               m.trigger(L.SUBTITLE_TRACK_LOADED, {
                 details: n,
                 id: S || 0,
@@ -2897,7 +2897,7 @@ var nf = { exports: {} };
                     for (var w = 0; w < S.length; w++) {
                       var O = S[w];
                       if (!Ot(O)) {
-                        this.updateId3CueEnds(E);
+                        this.updateId3CueEnds(E, b);
                         var M = new m(E, A, "");
                         M.value = O, b && (M.type = b), this.id3Track.addCue(M);
                       }
@@ -2907,12 +2907,12 @@ var nf = { exports: {} };
               }
             }
           }
-        }, c.updateId3CueEnds = function(n) {
-          var s, o = (s = this.id3Track) == null ? void 0 : s.cues;
-          if (o)
-            for (var f = o.length; f--; ) {
-              var h = o[f];
-              h.startTime < n && h.endTime === cr && (h.endTime = n);
+        }, c.updateId3CueEnds = function(n, s) {
+          var o, f = (o = this.id3Track) == null ? void 0 : o.cues;
+          if (f)
+            for (var h = f.length; h--; ) {
+              var v = f[h];
+              v.type === s && v.startTime < n && v.endTime === cr && (v.endTime = n);
             }
         }, c.onBufferFlushing = function(n, s) {
           var o = s.startOffset, f = s.endOffset, h = s.type, v = this.id3Track, m = this.hls;
@@ -3472,7 +3472,7 @@ var nf = { exports: {} };
               case W.SUBTITLE_TRACK_LOAD_TIMEOUT:
                 if (h) {
                   var b = f.levels[f.loadLevel];
-                  if (b && (h.type === _e.AUDIO_TRACK && h.groupId === b.audioGroupId || h.type === _e.SUBTITLE_TRACK && h.groupId === b.textGroupId)) {
+                  if (b && (h.type === ye.AUDIO_TRACK && h.groupId === b.audioGroupId || h.type === ye.SUBTITLE_TRACK && h.groupId === b.textGroupId)) {
                     s.errorAction = this.getPlaylistRetryOrSwitchAction(s, f.loadLevel), s.errorAction.action = fr.SendAlternateToPenaltyBox, s.errorAction.flags = Wr.MoveAllAlternatesMatchingHost;
                     return;
                   }
@@ -3558,7 +3558,7 @@ var nf = { exports: {} };
                       continue;
                   }
                 } else {
-                  if (E === _e.AUDIO_TRACK && A === O.audioGroupId || E === _e.SUBTITLE_TRACK && A === O.textGroupId)
+                  if (E === ye.AUDIO_TRACK && A === O.audioGroupId || E === ye.SUBTITLE_TRACK && A === O.textGroupId)
                     continue;
                   if (b === ot.AUDIO && f.audioGroupId === O.audioGroupId || b === ot.SUBTITLE && f.textGroupId === O.textGroupId)
                     continue;
@@ -3849,7 +3849,7 @@ var nf = { exports: {} };
           };
           this.hls.trigger(L.MANIFEST_PARSED, M), (this.hls.config.autoStartLoad || this.hls.forceStartLoad) && this.hls.startLoad(this.hls.config.startPosition);
         }, u.onError = function(s, o) {
-          o.fatal || !o.context || o.context.type === _e.LEVEL && o.context.level === this.level && this.checkRetry(o);
+          o.fatal || !o.context || o.context.type === ye.LEVEL && o.context.level === this.level && this.checkRetry(o);
         }, u.onFragLoaded = function(s, o) {
           var f = o.frag;
           if (f !== void 0 && f.type === ot.MAIN) {
@@ -7944,7 +7944,7 @@ var nf = { exports: {} };
         }, c.resetNextTimestamp = function() {
           this.lastEndTime = null;
         }, c.resetInitSegment = function(n, s, o, f) {
-          this.audioCodec = s, this.videoCodec = o, this.generateInitSegment(me(n, f)), this.emitInitSegment = !0;
+          this.audioCodec = s, this.videoCodec = o, this.generateInitSegment(pe(n, f)), this.emitInitSegment = !0;
         }, c.generateInitSegment = function(n) {
           var s = this.audioCodec, o = this.videoCodec;
           if (!(n != null && n.byteLength)) {
@@ -8750,6 +8750,9 @@ var nf = { exports: {} };
                   break;
                 this.state = Be.IDLE;
                 break;
+              } else if (this.hls.nextLoadLevel !== this.level) {
+                this.state = Be.IDLE;
+                break;
               }
               break;
             }
@@ -8983,7 +8986,7 @@ var nf = { exports: {} };
             case W.LEVEL_LOAD_ERROR:
             case W.LEVEL_LOAD_TIMEOUT:
             case W.LEVEL_PARSING_ERROR:
-              !o.levelRetry && this.state === Be.WAITING_LEVEL && ((f = o.context) == null ? void 0 : f.type) === _e.LEVEL && (this.state = Be.IDLE);
+              !o.levelRetry && this.state === Be.WAITING_LEVEL && ((f = o.context) == null ? void 0 : f.type) === ye.LEVEL && (this.state = Be.IDLE);
               break;
             case W.BUFFER_FULL_ERROR:
               if (!o.parent || o.parent !== "main")
@@ -10947,7 +10950,7 @@ var nf = { exports: {} };
              * Get the video-dev/hls.js package version.
              */
             function() {
-              return "1.4.4";
+              return "1.4.5";
             }
           )
         }, {
@@ -13751,7 +13754,7 @@ function _c(t) {
       t[50]);
     },
     m(g, p) {
-      ie(g, e, p), a || (l = ye(
+      ie(g, e, p), a || (l = me(
         e,
         "error",
         /*handleSourceError*/
@@ -13933,50 +13936,50 @@ function Cy(t) {
         t[3]
       ) || (r.playbackRate = /*playbackRate*/
       t[3]), I(i, _), oe && oe.m(i, null), I(i, T), ue && ue.m(i, null), C = !0, F || (U = [
-        ye(
+        me(
           r,
           "durationchange",
           /*video_1_durationchange_handler*/
           t[38]
         ),
-        ye(r, "timeupdate", H),
-        ye(
+        me(r, "timeupdate", H),
+        me(
           r,
           "ratechange",
           /*video_1_ratechange_handler*/
           t[40]
         ),
-        ye(
+        me(
           r,
           "play",
           /*handlePlay*/
           t[17]
         ),
-        ye(
+        me(
           r,
           "pause",
           /*handlePause*/
           t[18]
         ),
-        ye(
+        me(
           r,
           "ended",
           /*handleEnded*/
           t[19]
         ),
-        ye(
+        me(
           r,
           "durationchange",
           /*handleDurationChange*/
           t[20]
         ),
-        ye(
+        me(
           r,
           "timeupdate",
           /*handleTimeUpdate*/
           t[21]
         ),
-        ye(
+        me(
           r,
           "ratechange",
           /*handleRateChange*/
@@ -14060,37 +14063,37 @@ function Ly(t, e, i) {
   const B = (Se) => i(9, Z = Se), Ke = () => {
     K && clearTimeout(K), i(12, K = setTimeout(() => i(12, K = null), 500));
   }, Me = () => {
-    we(rt({
+    we($e({
       type: "PlaybackPlaying",
       description: "The media began playing from its current playback time.",
       initiatedBy: "media"
     }));
   }, xe = () => {
-    we(rt({
+    we($e({
       type: "PlaybackPaused",
       description: "The media became paused at its current playback time.",
       initiatedBy: "media"
     }));
   }, Fe = () => {
-    we(rt({
+    we($e({
       type: "PlaybackEnded",
       description: "The media finished playing because it reached the end.",
       initiatedBy: "media"
     }));
   }, te = () => {
-    we(rt({
+    we($e({
       type: "DurationUpdated",
       description: "The media's duration was updated.",
       initiatedBy: "media"
     }));
   }, ve = () => {
-    p || we(rt({
+    p || we($e({
       type: "CurrentTimeUpdated",
       description: "The media's current time was updated.",
       initiatedBy: "media"
     }));
   }, ft = () => {
-    we(rt({
+    we($e({
       type: "CurrentSegmentUpdated",
       description: "The media's current segment was updated.",
       initiatedBy: "media",
@@ -14099,13 +14102,13 @@ function Ly(t, e, i) {
       segmentIndex: U
     }));
   }, Ee = () => {
-    we(rt({
+    we($e({
       type: "PlaybackRateUpdated",
       description: "The media's playback rate was updated.",
       initiatedBy: "media"
     }));
   }, Le = (Se) => () => {
-    Se === g.length - 1 && we(rt({
+    Se === g.length - 1 && we($e({
       type: "PlaybackErrored",
       description: "The media failed to play.",
       initiatedBy: "media",
@@ -14114,7 +14117,7 @@ function Ly(t, e, i) {
       errorMessage: "The video tag contains sources but none are playable."
     }));
   }, Ye = (Se, gt) => {
-    gt.fatal && (Oe == null || Oe.destroy(), i(31, Oe = null), we(rt({
+    gt.fatal && (Oe == null || Oe.destroy(), i(31, Oe = null), we($e({
       type: "PlaybackErrored",
       description: "The media failed to play.",
       initiatedBy: "media",
@@ -14123,7 +14126,7 @@ function Ly(t, e, i) {
       errorMessage: `${gt.type} ${gt.details}`
     })));
   }, wt = () => {
-    we(rt({
+    we($e({
       type: "FullScreenModeUpdated",
       description: "The browser entered or exited full screen mode.",
       initiatedBy: "browser"
@@ -14233,14 +14236,14 @@ function Ly(t, e, i) {
     kt
   ];
 }
-class Iy extends it {
+class Iy extends rt {
   constructor(e) {
-    super(), tt(
+    super(), it(
       this,
       e,
       Ly,
       Cy,
-      et,
+      tt,
       {
         content: 25,
         contentIndex: 26,
@@ -14373,7 +14376,7 @@ function My(t) {
   let e, i, r, a;
   return {
     c() {
-      e = $e("svg"), i = $e("path"), Hr(
+      e = et("svg"), i = et("path"), Hr(
         i,
         "fill",
         /*color*/
@@ -14411,9 +14414,9 @@ function Ny(t, e, i) {
     "scale" in l && i(0, r = l.scale), "color" in l && i(1, a = l.color);
   }, [r, a];
 }
-class Fy extends it {
+class Fy extends rt {
   constructor(e) {
-    super(), tt(this, e, Ny, My, et, { scale: 0, color: 1 });
+    super(), it(this, e, Ny, My, tt, { scale: 0, color: 1 });
   }
   get scale() {
     return this.$$.ctx[0];
@@ -14433,7 +14436,7 @@ function Wy(t) {
   let e, i, r, a;
   return {
     c() {
-      e = $e("svg"), i = $e("path"), Kr(
+      e = et("svg"), i = et("path"), Kr(
         i,
         "fill",
         /*color*/
@@ -14471,9 +14474,9 @@ function jy(t, e, i) {
     "scale" in l && i(0, r = l.scale), "color" in l && i(1, a = l.color);
   }, [r, a];
 }
-class Gy extends it {
+class Gy extends rt {
   constructor(e) {
-    super(), tt(this, e, jy, Wy, et, { scale: 0, color: 1 });
+    super(), it(this, e, jy, Wy, tt, { scale: 0, color: 1 });
   }
   get scale() {
     return this.$$.ctx[0];
@@ -14594,13 +14597,13 @@ function qy(t) {
     },
     m(k, C) {
       ie(k, e, C), _[i].m(e, null), a = !0, l || (g = [
-        ye(
+        me(
           e,
           "click",
           /*handleClick*/
           t[5]
         ),
-        ye(e, "mouseup", Br)
+        me(e, "mouseup", Br)
       ], l = !0);
     },
     p(k, [C]) {
@@ -14640,7 +14643,7 @@ function Xy(t, e, i) {
   const T = (k) => {
     k.preventDefault();
     const C = a ? "Pause" : "Play";
-    _(rt({
+    _($e({
       type: `Pressed${C}`,
       description: `The ${C.toLowerCase()} button was pressed.`,
       initiatedBy: "user"
@@ -14653,9 +14656,9 @@ function Xy(t, e, i) {
     1 && i(4, r = pi(a ? "pauseAudio" : "playAudio"));
   }, [a, l, g, p, r, T, _];
 }
-class Zy extends it {
+class Zy extends rt {
   constructor(e) {
-    super(), tt(this, e, Xy, qy, et, {
+    super(), it(this, e, Xy, qy, tt, {
       isPlaying: 0,
       tabindex: 1,
       scale: 2,
@@ -14726,14 +14729,14 @@ function $y(t) {
     },
     m(p, _) {
       ie(p, e, _), I(e, i), I(i, r), I(i, a), l || (g = [
-        ye(
+        me(
           e,
           "click",
           /*handleClick*/
           t[4]
         ),
-        ye(e, "mouseup", Br),
-        ye(
+        me(e, "mouseup", Br),
+        me(
           e,
           "keydown",
           /*handleKeyDown*/
@@ -14784,14 +14787,14 @@ function e1(t, e, i) {
   let r, a, { speed: l = 1 } = e, { scale: g = 1 } = e, { color: p = "#323232" } = e, { onEvent: _ = () => {
   } } = e;
   const T = () => {
-    _(rt({
+    _($e({
       type: "PressedChangeSpeed",
       description: "The change speed button was pressed.",
       initiatedBy: "user"
     }));
   }, k = (C) => {
     let F;
-    C.key === "ArrowLeft" && (F = "Left"), C.key === "ArrowRight" && (F = "Right"), C.key === "ArrowDown" && (F = "Down"), C.key === "ArrowUp" && (F = "Up"), C.key === " " && (F = "Space"), C.key === "Enter" && (F = "Enter"), F && (C.preventDefault(), _(rt({
+    C.key === "ArrowLeft" && (F = "Left"), C.key === "ArrowRight" && (F = "Right"), C.key === "ArrowDown" && (F = "Down"), C.key === "ArrowUp" && (F = "Up"), C.key === " " && (F = "Space"), C.key === "Enter" && (F = "Enter"), F && (C.preventDefault(), _($e({
       type: `Pressed${F}OnChangeSpeed`,
       description: `The ${F.toLowerCase()} key was pressed while change speed was focussed.`,
       initiatedBy: "user"
@@ -14805,9 +14808,9 @@ function e1(t, e, i) {
     64 && i(2, a = `${12 * g}px`);
   }, [l, p, a, r, T, k, g, _];
 }
-class t1 extends it {
+class t1 extends rt {
   constructor(e) {
-    super(), tt(this, e, e1, $y, et, { speed: 0, scale: 6, color: 1, onEvent: 7 });
+    super(), it(this, e, e1, $y, tt, { speed: 0, scale: 6, color: 1, onEvent: 7 });
   }
   get speed() {
     return this.$$.ctx[0];
@@ -14839,7 +14842,7 @@ function n1(t) {
   let e, i, r, a, l, g;
   return {
     c() {
-      e = $e("svg"), i = $e("path"), r = $e("text"), a = Re(
+      e = et("svg"), i = et("path"), r = et("text"), a = Re(
         /*seconds*/
         t[2]
       ), Wi(
@@ -14896,9 +14899,9 @@ function s1(t, e, i) {
     "scale" in g && i(0, r = g.scale), "color" in g && i(1, a = g.color), "seconds" in g && i(2, l = g.seconds);
   }, [r, a, l];
 }
-class a1 extends it {
+class a1 extends rt {
   constructor(e) {
-    super(), tt(this, e, s1, n1, et, { scale: 0, color: 1, seconds: 2 });
+    super(), it(this, e, s1, n1, tt, { scale: 0, color: 1, seconds: 2 });
   }
   get scale() {
     return this.$$.ctx[0];
@@ -14924,7 +14927,7 @@ function u1(t) {
   let e, i, r, a;
   return {
     c() {
-      e = $e("svg"), i = $e("path"), Yr(
+      e = et("svg"), i = et("path"), Yr(
         i,
         "fill",
         /*color*/
@@ -14962,9 +14965,9 @@ function c1(t, e, i) {
     "scale" in l && i(0, r = l.scale), "color" in l && i(1, a = l.color);
   }, [r, a];
 }
-class d1 extends it {
+class d1 extends rt {
   constructor(e) {
-    super(), tt(this, e, c1, u1, et, { scale: 0, color: 1 });
+    super(), it(this, e, c1, u1, tt, { scale: 0, color: 1 });
   }
   get scale() {
     return this.$$.ctx[0];
@@ -14984,7 +14987,7 @@ function g1(t) {
   let e, i, r, a, l;
   return {
     c() {
-      e = $e("svg"), i = $e("path"), r = $e("path"), gr(
+      e = et("svg"), i = et("path"), r = et("path"), gr(
         i,
         "fill",
         /*color*/
@@ -15033,9 +15036,9 @@ function v1(t, e, i) {
     "scale" in l && i(0, r = l.scale), "color" in l && i(1, a = l.color);
   }, [r, a];
 }
-class m1 extends it {
+class m1 extends rt {
   constructor(e) {
-    super(), tt(this, e, v1, g1, et, { scale: 0, color: 1 });
+    super(), it(this, e, v1, g1, tt, { scale: 0, color: 1 });
   }
   get scale() {
     return this.$$.ctx[0];
@@ -15200,13 +15203,13 @@ function T1(t) {
     },
     m(k, C) {
       ie(k, e, C), ~i && _[i].m(e, null), a = !0, l || (g = [
-        ye(
+        me(
           e,
           "click",
           /*handleClick*/
           t[7]
         ),
-        ye(e, "mouseup", Br)
+        me(e, "mouseup", Br)
       ], l = !0);
     },
     p(k, [C]) {
@@ -15237,7 +15240,7 @@ function k1(t, e, i) {
   } } = e, C;
   const F = () => {
     let U, V, z;
-    a ? (U = "PressedPrevSegment", V = "The previous segment button was pressed.") : l ? (U = "PressedSeekBack", V = "The seek backward button was pressed.", z = { seconds: r }) : g && (U = "PressedPrevTrack", V = "The previous track button was pressed."), k(rt(de({
+    a ? (U = "PressedPrevSegment", V = "The previous segment button was pressed.") : l ? (U = "PressedSeekBack", V = "The seek backward button was pressed.", z = { seconds: r }) : g && (U = "PressedPrevTrack", V = "The previous track button was pressed."), k($e(de({
       type: U,
       description: V,
       initiatedBy: "user"
@@ -15266,9 +15269,9 @@ function k1(t, e, i) {
     k
   ];
 }
-class E1 extends it {
+class E1 extends rt {
   constructor(e) {
-    super(), tt(this, e, k1, T1, et, { style: 8, scale: 0, color: 1, onEvent: 9 });
+    super(), it(this, e, k1, T1, tt, { style: 8, scale: 0, color: 1, onEvent: 9 });
   }
   get style() {
     return this.$$.ctx[8];
@@ -15300,7 +15303,7 @@ function P1(t) {
   let e, i, r, a, l, g;
   return {
     c() {
-      e = $e("svg"), i = $e("path"), r = $e("text"), a = Re(
+      e = et("svg"), i = et("path"), r = et("text"), a = Re(
         /*seconds*/
         t[2]
       ), ji(
@@ -15357,9 +15360,9 @@ function w1(t, e, i) {
     "scale" in g && i(0, r = g.scale), "color" in g && i(1, a = g.color), "seconds" in g && i(2, l = g.seconds);
   }, [r, a, l];
 }
-class C1 extends it {
+class C1 extends rt {
   constructor(e) {
-    super(), tt(this, e, w1, P1, et, { scale: 0, color: 1, seconds: 2 });
+    super(), it(this, e, w1, P1, tt, { scale: 0, color: 1, seconds: 2 });
   }
   get scale() {
     return this.$$.ctx[0];
@@ -15385,7 +15388,7 @@ function R1(t) {
   let e, i, r, a;
   return {
     c() {
-      e = $e("svg"), i = $e("path"), qr(
+      e = et("svg"), i = et("path"), qr(
         i,
         "fill",
         /*color*/
@@ -15423,9 +15426,9 @@ function D1(t, e, i) {
     "scale" in l && i(0, r = l.scale), "color" in l && i(1, a = l.color);
   }, [r, a];
 }
-class O1 extends it {
+class O1 extends rt {
   constructor(e) {
-    super(), tt(this, e, D1, R1, et, { scale: 0, color: 1 });
+    super(), it(this, e, D1, R1, tt, { scale: 0, color: 1 });
   }
   get scale() {
     return this.$$.ctx[0];
@@ -15445,7 +15448,7 @@ function N1(t) {
   let e, i, r, a, l;
   return {
     c() {
-      e = $e("svg"), i = $e("path"), r = $e("path"), vr(
+      e = et("svg"), i = et("path"), r = et("path"), vr(
         i,
         "fill",
         /*color*/
@@ -15494,9 +15497,9 @@ function F1(t, e, i) {
     "scale" in l && i(0, r = l.scale), "color" in l && i(1, a = l.color);
   }, [r, a];
 }
-class U1 extends it {
+class U1 extends rt {
   constructor(e) {
-    super(), tt(this, e, F1, N1, et, { scale: 0, color: 1 });
+    super(), it(this, e, F1, N1, tt, { scale: 0, color: 1 });
   }
   get scale() {
     return this.$$.ctx[0];
@@ -15661,13 +15664,13 @@ function H1(t) {
     },
     m(k, C) {
       ie(k, e, C), ~i && _[i].m(e, null), a = !0, l || (g = [
-        ye(
+        me(
           e,
           "click",
           /*handleClick*/
           t[7]
         ),
-        ye(e, "mouseup", Br)
+        me(e, "mouseup", Br)
       ], l = !0);
     },
     p(k, [C]) {
@@ -15698,7 +15701,7 @@ function K1(t, e, i) {
   } } = e, F;
   const U = () => {
     let V, z, H;
-    l ? (V = "PressedNextSegment", z = "The next segment button was pressed.") : g ? (V = "PressedSeekAhead", z = "The seek ahead button was pressed.", H = { seconds: a }) : p && (V = "PressedNextTrack", z = "The next track button was pressed."), C(rt(de({
+    l ? (V = "PressedNextSegment", z = "The next segment button was pressed.") : g ? (V = "PressedSeekAhead", z = "The seek ahead button was pressed.", H = { seconds: a }) : p && (V = "PressedNextTrack", z = "The next track button was pressed."), C($e(de({
       type: V,
       description: z,
       initiatedBy: "user"
@@ -15728,9 +15731,9 @@ function K1(t, e, i) {
     r
   ];
 }
-class Y1 extends it {
+class Y1 extends rt {
   constructor(e) {
-    super(), tt(this, e, K1, H1, et, { style: 8, scale: 0, color: 1, onEvent: 9 });
+    super(), it(this, e, K1, H1, tt, { style: 8, scale: 0, color: 1, onEvent: 9 });
   }
   get style() {
     return this.$$.ctx[8];
@@ -15762,7 +15765,7 @@ function Z1(t) {
   let e, i, r, a, l, g;
   return {
     c() {
-      e = $e("svg"), i = $e("path"), r = $e("g"), a = $e("path"), sr(
+      e = et("svg"), i = et("path"), r = et("g"), a = et("path"), sr(
         i,
         "fill",
         /*color*/
@@ -15811,9 +15814,9 @@ function J1(t, e, i) {
     "scale" in l && i(0, r = l.scale), "color" in l && i(1, a = l.color);
   }, [r, a];
 }
-class Q1 extends it {
+class Q1 extends rt {
   constructor(e) {
-    super(), tt(this, e, J1, Z1, et, { scale: 0, color: 1 });
+    super(), it(this, e, J1, Z1, tt, { scale: 0, color: 1 });
   }
   get scale() {
     return this.$$.ctx[0];
@@ -15833,7 +15836,7 @@ function tb(t) {
   let e, i, r, a, l, g;
   return {
     c() {
-      e = $e("svg"), i = $e("path"), r = $e("g"), a = $e("path"), ar(
+      e = et("svg"), i = et("path"), r = et("g"), a = et("path"), ar(
         i,
         "fill",
         /*color*/
@@ -15882,9 +15885,9 @@ function ib(t, e, i) {
     "scale" in l && i(0, r = l.scale), "color" in l && i(1, a = l.color);
   }, [r, a];
 }
-class rb extends it {
+class rb extends rt {
   constructor(e) {
-    super(), tt(this, e, ib, tb, et, { scale: 0, color: 1 });
+    super(), it(this, e, ib, tb, tt, { scale: 0, color: 1 });
   }
   get scale() {
     return this.$$.ctx[0];
@@ -15995,13 +15998,13 @@ function lb(t) {
     },
     m(C, F) {
       ie(C, e, F), T[i].m(e, null), l = !0, g || (p = [
-        ye(
+        me(
           e,
           "click",
           /*handleClick*/
           t[4]
         ),
-        ye(e, "mouseup", Br)
+        me(e, "mouseup", Br)
       ], g = !0);
     },
     p(C, [F]) {
@@ -16029,7 +16032,7 @@ function ub(t, e, i) {
   let { playlistShowing: r } = e, { playerStyle: a } = e, { scale: l = 1 } = e, { color: g = "#323232" } = e, { onEvent: p = () => {
   } } = e;
   const _ = () => {
-    p(rt({
+    p($e({
       type: "PressedTogglePlaylist",
       description: "The toggle playlist button was pressed.",
       initiatedBy: "user"
@@ -16039,9 +16042,9 @@ function ub(t, e, i) {
     "playlistShowing" in T && i(0, r = T.playlistShowing), "playerStyle" in T && i(1, a = T.playerStyle), "scale" in T && i(2, l = T.scale), "color" in T && i(3, g = T.color), "onEvent" in T && i(5, p = T.onEvent);
   }, [r, a, l, g, _, p];
 }
-class cb extends it {
+class cb extends rt {
   constructor(e) {
-    super(), tt(this, e, ub, lb, et, {
+    super(), it(this, e, ub, lb, tt, {
       playlistShowing: 0,
       playerStyle: 1,
       scale: 2,
@@ -16174,9 +16177,9 @@ function gb(t, e, i) {
     "playerStyle" in T && i(0, l = T.playerStyle), "isMobile" in T && i(1, g = T.isMobile), "isAdvert" in T && i(2, p = T.isAdvert), "scale" in T && i(3, _ = T.scale), "$$scope" in T && i(4, a = T.$$scope);
   }, [l, g, p, _, a, r];
 }
-class vb extends it {
+class vb extends rt {
   constructor(e) {
-    super(), tt(this, e, gb, hb, et, {
+    super(), it(this, e, gb, hb, tt, {
       playerStyle: 0,
       isMobile: 1,
       isAdvert: 2,
@@ -16213,7 +16216,7 @@ function _b(t) {
   let e, i, r, a;
   return {
     c() {
-      e = $e("svg"), i = $e("path"), Xr(
+      e = et("svg"), i = et("path"), Xr(
         i,
         "fill",
         /*color*/
@@ -16251,9 +16254,9 @@ function yb(t, e, i) {
     "scale" in l && i(0, r = l.scale), "color" in l && i(1, a = l.color);
   }, [r, a];
 }
-class bb extends it {
+class bb extends rt {
   constructor(e) {
-    super(), tt(this, e, yb, _b, et, { scale: 0, color: 1 });
+    super(), it(this, e, yb, _b, tt, { scale: 0, color: 1 });
   }
   get scale() {
     return this.$$.ctx[0];
@@ -16289,13 +16292,13 @@ function kb(t) {
     },
     m(g, p) {
       ie(g, e, p), je(i, e, null), r = !0, a || (l = [
-        ye(
+        me(
           e,
           "click",
           /*handleClick*/
           t[2]
         ),
-        ye(e, "mouseup", Br)
+        me(e, "mouseup", Br)
       ], a = !0);
     },
     p(g, [p]) {
@@ -16323,7 +16326,7 @@ function Eb(t, e, i) {
   let { scale: r = 1 } = e, { color: a = "#323232" } = e, { onEvent: l = () => {
   } } = e;
   const g = () => {
-    l(rt({
+    l($e({
       type: "PressedMaximize",
       description: "The maximize button was pressed.",
       initiatedBy: "user"
@@ -16333,9 +16336,9 @@ function Eb(t, e, i) {
     "scale" in p && i(0, r = p.scale), "color" in p && i(1, a = p.color), "onEvent" in p && i(3, l = p.onEvent);
   }, [r, a, g, l];
 }
-class Ab extends it {
+class Ab extends rt {
   constructor(e) {
-    super(), tt(this, e, Eb, kb, et, { scale: 0, color: 1, onEvent: 3 });
+    super(), it(this, e, Eb, kb, tt, { scale: 0, color: 1, onEvent: 3 });
   }
   get scale() {
     return this.$$.ctx[0];
@@ -16361,7 +16364,7 @@ function wb(t) {
   let e, i, r, a;
   return {
     c() {
-      e = $e("svg"), i = $e("path"), Zr(
+      e = et("svg"), i = et("path"), Zr(
         i,
         "fill",
         /*color*/
@@ -16399,9 +16402,9 @@ function Cb(t, e, i) {
     "scale" in l && i(0, r = l.scale), "color" in l && i(1, a = l.color);
   }, [r, a];
 }
-class Lb extends it {
+class Lb extends rt {
   constructor(e) {
-    super(), tt(this, e, Cb, wb, et, { scale: 0, color: 1 });
+    super(), it(this, e, Cb, wb, tt, { scale: 0, color: 1 });
   }
   get scale() {
     return this.$$.ctx[0];
@@ -16437,13 +16440,13 @@ function Db(t) {
     },
     m(g, p) {
       ie(g, e, p), je(i, e, null), r = !0, a || (l = [
-        ye(
+        me(
           e,
           "click",
           /*handleClick*/
           t[2]
         ),
-        ye(e, "mouseup", Br)
+        me(e, "mouseup", Br)
       ], a = !0);
     },
     p(g, [p]) {
@@ -16471,7 +16474,7 @@ function Ob(t, e, i) {
   let { scale: r = 1 } = e, { color: a = "#323232" } = e, { onEvent: l = () => {
   } } = e;
   const g = () => {
-    l(rt({
+    l($e({
       type: "PressedScrollToPlayer",
       description: "The scroll to player button was pressed.",
       initiatedBy: "user"
@@ -16481,9 +16484,9 @@ function Ob(t, e, i) {
     "scale" in p && i(0, r = p.scale), "color" in p && i(1, a = p.color), "onEvent" in p && i(3, l = p.onEvent);
   }, [r, a, g, l];
 }
-class Bb extends it {
+class Bb extends rt {
   constructor(e) {
-    super(), tt(this, e, Ob, Db, et, { scale: 0, color: 1, onEvent: 3 });
+    super(), it(this, e, Ob, Db, tt, { scale: 0, color: 1, onEvent: 3 });
   }
   get scale() {
     return this.$$.ctx[0];
@@ -16509,7 +16512,7 @@ function Fb(t) {
   let e, i, r, a;
   return {
     c() {
-      e = $e("svg"), i = $e("path"), Jr(
+      e = et("svg"), i = et("path"), Jr(
         i,
         "fill",
         /*color*/
@@ -16547,9 +16550,9 @@ function Ub(t, e, i) {
     "scale" in l && i(0, r = l.scale), "color" in l && i(1, a = l.color);
   }, [r, a];
 }
-class Vb extends it {
+class Vb extends rt {
   constructor(e) {
-    super(), tt(this, e, Ub, Fb, et, { scale: 0, color: 1 });
+    super(), it(this, e, Ub, Fb, tt, { scale: 0, color: 1 });
   }
   get scale() {
     return this.$$.ctx[0];
@@ -16590,13 +16593,13 @@ function Gb(t) {
     },
     m(g, p) {
       ie(g, e, p), je(i, e, null), r = !0, a || (l = [
-        ye(
+        me(
           e,
           "click",
           /*handleClick*/
           t[3]
         ),
-        ye(e, "mouseup", Br)
+        me(e, "mouseup", Br)
       ], a = !0);
     },
     p(g, [p]) {
@@ -16630,7 +16633,7 @@ function zb(t, e, i) {
   let { scale: r = 1 } = e, { color: a = "#323232" } = e, { margin: l = "auto" } = e, { onEvent: g = () => {
   } } = e;
   const p = () => {
-    g(rt({
+    g($e({
       type: "PressedCloseWidget",
       description: "The close widget button was pressed.",
       initiatedBy: "user"
@@ -16640,9 +16643,9 @@ function zb(t, e, i) {
     "scale" in _ && i(0, r = _.scale), "color" in _ && i(1, a = _.color), "margin" in _ && i(2, l = _.margin), "onEvent" in _ && i(4, g = _.onEvent);
   }, [r, a, l, p, g];
 }
-class Hb extends it {
+class Hb extends rt {
   constructor(e) {
-    super(), tt(this, e, zb, Gb, et, {
+    super(), it(this, e, zb, Gb, tt, {
       scale: 0,
       color: 1,
       margin: 2,
@@ -16703,7 +16706,7 @@ function qb(t) {
       );
     },
     m(p, _) {
-      ie(p, e, _), I(e, r), l || (g = ye(
+      ie(p, e, _), I(e, r), l || (g = me(
         e,
         "click",
         /*handleClick*/
@@ -16749,7 +16752,7 @@ function Xb(t, e, i) {
   let r, a, { href: l } = e, { scale: g = 1 } = e, { color: p = "#323232" } = e, { playerStyle: _ } = e, { controlsOrder: T } = e, { largeImage: k } = e, { isMobile: C } = e, { onEvent: F = () => {
   } } = e;
   const U = () => {
-    F(rt({
+    F($e({
       type: "PressedAdvertLink",
       description: "The advert link was pressed to open the click-through URL in a new tab.",
       initiatedBy: "user"
@@ -16775,9 +16778,9 @@ function Xb(t, e, i) {
     F
   ];
 }
-class Zb extends it {
+class Zb extends rt {
   constructor(e) {
-    super(), tt(this, e, Xb, qb, et, {
+    super(), it(this, e, Xb, qb, tt, {
       href: 0,
       scale: 8,
       color: 9,
@@ -16842,7 +16845,7 @@ function $b(t) {
   let e, i, r, a;
   return {
     c() {
-      e = $e("svg"), i = $e("path"), Ei(
+      e = et("svg"), i = et("path"), Ei(
         i,
         "fill",
         /*color*/
@@ -16876,7 +16879,7 @@ function eS(t) {
   let e, i, r, a;
   return {
     c() {
-      e = $e("svg"), i = $e("path"), Ei(
+      e = et("svg"), i = et("path"), Ei(
         i,
         "fill",
         /*color*/
@@ -16938,9 +16941,9 @@ function iS(t, e, i) {
     "scale" in g && i(0, r = g.scale), "color" in g && i(1, a = g.color), "circular" in g && i(2, l = g.circular);
   }, [r, a, l];
 }
-class af extends it {
+class af extends rt {
   constructor(e) {
-    super(), tt(this, e, iS, tS, et, { scale: 0, color: 1, circular: 2 });
+    super(), it(this, e, iS, tS, tt, { scale: 0, color: 1, circular: 2 });
   }
   get scale() {
     return this.$$.ctx[0];
@@ -17005,7 +17008,7 @@ function aS(t) {
       t[1] + "px"), ps(e, "aria-label", pi("visitAdvert"));
     },
     m(p, _) {
-      ie(p, e, _), je(i, e, null), a = !0, l || (g = ye(
+      ie(p, e, _), je(i, e, null), a = !0, l || (g = me(
         e,
         "click",
         /*handleClick*/
@@ -17079,7 +17082,7 @@ function lS(t, e, i) {
   let { href: r } = e, { scale: a = 1 } = e, { color: l = "#323232" } = e, { playerStyle: g } = e, { controlsOrder: p } = e, { onEvent: _ = () => {
   } } = e;
   const T = () => {
-    r && _(rt({
+    r && _($e({
       type: "PressedAdvertButton",
       description: "The advert button was pressed to open the click-through URL in a new tab.",
       initiatedBy: "user"
@@ -17089,9 +17092,9 @@ function lS(t, e, i) {
     "href" in k && i(0, r = k.href), "scale" in k && i(1, a = k.scale), "color" in k && i(2, l = k.color), "playerStyle" in k && i(3, g = k.playerStyle), "controlsOrder" in k && i(4, p = k.controlsOrder), "onEvent" in k && i(6, _ = k.onEvent);
   }, [r, a, l, g, p, T, _];
 }
-class uS extends it {
+class uS extends rt {
   constructor(e) {
-    super(), tt(this, e, lS, oS, et, {
+    super(), it(this, e, lS, oS, tt, {
       href: 0,
       scale: 1,
       color: 2,
@@ -17142,7 +17145,7 @@ function fS(t) {
   let e, i, r, a, l, g, p, _, T;
   return {
     c() {
-      e = $e("svg"), i = $e("path"), r = $e("path"), a = $e("defs"), l = $e("linearGradient"), g = $e("stop"), p = $e("stop"), mi(i, "fill", "url(#gradient)"), mi(i, "d", "M4.51819 0C3.20323 0.00414605 2.06058 0.402167 1.23154 1.23171C0.401171 2.06225 0.00315099 3.20622 0 4.52301V4.55435C0.00613614 7.21612 1.61729 10.5771 4.523 13.4826C6.55223 15.5125 8.90619 16.989 11.1512 17.6401C11.9816 17.8809 12.7653 18 13.4871 18C14.8315 18 15.9609 17.5859 16.7732 16.7738C18.0215 15.5255 18.3298 13.5286 17.6401 11.1512C16.9891 8.90638 15.5126 6.55259 13.4826 4.52284C10.5769 1.61679 7.2161 0.00597031 4.55417 0H4.51819ZM11.5084 16.4099C9.46706 15.818 7.30764 14.4566 5.42849 12.577C1.70684 8.85563 0.199673 4.07507 2.13703 2.13737C2.7125 1.56207 3.53856 1.29058 4.51354 1.29058C6.82123 1.29058 9.9611 2.81235 12.5771 5.42851C14.4569 7.308 15.8176 9.46709 16.41 11.5083C16.9634 13.4166 16.7709 14.9649 15.8677 15.8681C15.302 16.4331 14.4843 16.72 13.4841 16.72C12.8859 16.72 12.222 16.6172 11.5084 16.4099Z"), mi(r, "fill", "url(#gradient)"), mi(r, "d", "M11.1483 0.360687C8.90517 1.01235 6.55252 2.48946 4.52328 4.5188C0.166276 8.87725 -1.28019 14.2587 1.23026 16.7697C2.06293 17.6026 3.21138 18 4.5339 18C7.19718 18 10.5655 16.3873 13.4767 13.4752C17.8334 9.11694 19.28 3.73601 16.7702 1.22481C15.9583 0.413305 14.8303 0 13.4865 0C12.7642 0 11.9795 0.11951 11.1483 0.360687ZM2.14341 15.856C1.24354 14.9563 1.05288 13.4115 1.60627 11.5066C2.19817 9.468 3.55852 7.31101 5.43692 5.43222C7.31433 3.55376 9.47084 2.19334 11.5085 1.60093C12.2231 1.39362 12.8867 1.29071 13.4845 1.29071C14.4808 1.29071 15.2947 1.57604 15.8566 2.13856C16.7563 3.0382 16.947 4.5832 16.3937 6.48756C15.8018 8.52586 14.4415 10.683 12.5632 12.562C9.94941 15.1771 6.8127 16.6998 4.50967 16.6998C3.53911 16.6998 2.71639 16.4293 2.14341 15.856Z"), mi(
+      e = et("svg"), i = et("path"), r = et("path"), a = et("defs"), l = et("linearGradient"), g = et("stop"), p = et("stop"), mi(i, "fill", "url(#gradient)"), mi(i, "d", "M4.51819 0C3.20323 0.00414605 2.06058 0.402167 1.23154 1.23171C0.401171 2.06225 0.00315099 3.20622 0 4.52301V4.55435C0.00613614 7.21612 1.61729 10.5771 4.523 13.4826C6.55223 15.5125 8.90619 16.989 11.1512 17.6401C11.9816 17.8809 12.7653 18 13.4871 18C14.8315 18 15.9609 17.5859 16.7732 16.7738C18.0215 15.5255 18.3298 13.5286 17.6401 11.1512C16.9891 8.90638 15.5126 6.55259 13.4826 4.52284C10.5769 1.61679 7.2161 0.00597031 4.55417 0H4.51819ZM11.5084 16.4099C9.46706 15.818 7.30764 14.4566 5.42849 12.577C1.70684 8.85563 0.199673 4.07507 2.13703 2.13737C2.7125 1.56207 3.53856 1.29058 4.51354 1.29058C6.82123 1.29058 9.9611 2.81235 12.5771 5.42851C14.4569 7.308 15.8176 9.46709 16.41 11.5083C16.9634 13.4166 16.7709 14.9649 15.8677 15.8681C15.302 16.4331 14.4843 16.72 13.4841 16.72C12.8859 16.72 12.222 16.6172 11.5084 16.4099Z"), mi(r, "fill", "url(#gradient)"), mi(r, "d", "M11.1483 0.360687C8.90517 1.01235 6.55252 2.48946 4.52328 4.5188C0.166276 8.87725 -1.28019 14.2587 1.23026 16.7697C2.06293 17.6026 3.21138 18 4.5339 18C7.19718 18 10.5655 16.3873 13.4767 13.4752C17.8334 9.11694 19.28 3.73601 16.7702 1.22481C15.9583 0.413305 14.8303 0 13.4865 0C12.7642 0 11.9795 0.11951 11.1483 0.360687ZM2.14341 15.856C1.24354 14.9563 1.05288 13.4115 1.60627 11.5066C2.19817 9.468 3.55852 7.31101 5.43692 5.43222C7.31433 3.55376 9.47084 2.19334 11.5085 1.60093C12.2231 1.39362 12.8867 1.29071 13.4845 1.29071C14.4808 1.29071 15.2947 1.57604 15.8566 2.13856C16.7563 3.0382 16.947 4.5832 16.3937 6.48756C15.8018 8.52586 14.4415 10.683 12.5632 12.562C9.94941 15.1771 6.8127 16.6998 4.50967 16.6998C3.53911 16.6998 2.71639 16.4293 2.14341 15.856Z"), mi(
         g,
         "stop-color",
         /*color1*/
@@ -17191,9 +17194,9 @@ function hS(t, e, i) {
     "scale" in g && i(0, r = g.scale), "color1" in g && i(1, a = g.color1), "color2" in g && i(2, l = g.color2);
   }, [r, a, l];
 }
-class gS extends it {
+class gS extends rt {
   constructor(e) {
-    super(), tt(this, e, hS, fS, et, { scale: 0, color1: 1, color2: 2 });
+    super(), it(this, e, hS, fS, tt, { scale: 0, color1: 1, color2: 2 });
   }
   get scale() {
     return this.$$.ctx[0];
@@ -17231,7 +17234,7 @@ function pS(t) {
       );
     },
     m(g, p) {
-      ie(g, e, p), je(i, e, null), r = !0, a || (l = ye(
+      ie(g, e, p), je(i, e, null), r = !0, a || (l = me(
         e,
         "click",
         /*handleClick*/
@@ -17267,7 +17270,7 @@ function _S(t, e, i) {
   let { scale: r = 1 } = e, { visible: a = !0 } = e, { onEvent: l = () => {
   } } = e;
   const g = () => {
-    l(rt({
+    l($e({
       type: "PressedBeyondWords",
       description: "The BeyondWords logo was pressed to open the BeyondWords website in a new tab.",
       initiatedBy: "user"
@@ -17277,9 +17280,9 @@ function _S(t, e, i) {
     "scale" in p && i(0, r = p.scale), "visible" in p && i(1, a = p.visible), "onEvent" in p && i(3, l = p.onEvent);
   }, [r, a, g, l];
 }
-let yS = class extends it {
+let yS = class extends rt {
   constructor(e) {
-    super(), tt(this, e, _S, pS, et, { scale: 0, visible: 1, onEvent: 3 });
+    super(), it(this, e, _S, pS, tt, { scale: 0, visible: 1, onEvent: 3 });
   }
   get scale() {
     return this.$$.ctx[0];
@@ -17325,7 +17328,7 @@ function TS(t) {
       ), qs(e, "target", "_blank"), qs(e, "aria-label", pi("visitSourceArticle"));
     },
     m(g, p) {
-      ie(g, e, p), je(i, e, null), r = !0, a || (l = ye(
+      ie(g, e, p), je(i, e, null), r = !0, a || (l = me(
         e,
         "click",
         /*handleClick*/
@@ -17361,7 +17364,7 @@ function kS(t, e, i) {
   let { href: r } = e, { scale: a = 1 } = e, { color: l = "#323232" } = e, { onEvent: g = () => {
   } } = e;
   const p = () => {
-    g(rt({
+    g($e({
       type: "PressedSourceUrl",
       description: "The source URL button was pressed to open the source article in a new tab.",
       initiatedBy: "user"
@@ -17371,9 +17374,9 @@ function kS(t, e, i) {
     "href" in _ && i(0, r = _.href), "scale" in _ && i(1, a = _.scale), "color" in _ && i(2, l = _.color), "onEvent" in _ && i(4, g = _.onEvent);
   }, [r, a, l, p, g];
 }
-class ES extends it {
+class ES extends rt {
   constructor(e) {
-    super(), tt(this, e, kS, TS, et, { href: 0, scale: 1, color: 2, onEvent: 4 });
+    super(), it(this, e, kS, TS, tt, { href: 0, scale: 1, color: 2, onEvent: 4 });
   }
   get href() {
     return this.$$.ctx[0];
@@ -17402,7 +17405,7 @@ class ES extends it {
 }
 const wn = (t, e, i) => Ri(t, e, i, 1), dn = (t, e, i) => nt(t, e, e === "style" ? xS(i) : i), AS = /;(?!([^()]*\([^()]*\))*[^()]*\))/, xS = (t) => t.split(AS).map((e) => e + " !important").join(";");
 function PS(t) {
-  let e, i, r, a;
+  let e, i, r, a, l, g;
   return {
     c() {
       e = N("a"), i = N("img"), rs(i.src, r = /*src*/
@@ -17437,68 +17440,87 @@ function PS(t) {
         t[3]
       ), dn(e, "aria-label", pi("visitAdvert"));
     },
-    m(l, g) {
-      ie(l, e, g), I(e, i);
+    m(p, _) {
+      ie(p, e, _), I(e, i), l || (g = me(
+        e,
+        "click",
+        /*handleClick*/
+        t[4]
+      ), l = !0);
     },
-    p(l, [g]) {
-      g & /*src*/
+    p(p, [_]) {
+      _ & /*src*/
       1 && !rs(i.src, r = /*src*/
-      l[0]) && dn(i, "src", r), g & /*alt*/
+      p[0]) && dn(i, "src", r), _ & /*alt*/
       4 && dn(
         i,
         "alt",
         /*alt*/
-        l[2]
-      ), g & /*size*/
+        p[2]
+      ), _ & /*size*/
       8 && wn(
         i,
         "width",
         /*size*/
-        l[3]
-      ), g & /*size*/
+        p[3]
+      ), _ & /*size*/
       8 && wn(
         i,
         "height",
         /*size*/
-        l[3]
-      ), g & /*href*/
+        p[3]
+      ), _ & /*href*/
       2 && a !== (a = /*href*/
-      l[1] ? (
+      p[1] ? (
         /*href*/
-        l[1]
-      ) : null) && dn(e, "href", a), g & /*size*/
+        p[1]
+      ) : null) && dn(e, "href", a), _ & /*size*/
       8 && wn(
         e,
         "width",
         /*size*/
-        l[3]
-      ), g & /*size*/
+        p[3]
+      ), _ & /*size*/
       8 && wn(
         e,
         "height",
         /*size*/
-        l[3]
+        p[3]
       );
     },
     i: Ce,
     o: Ce,
-    d(l) {
-      l && ee(e);
+    d(p) {
+      p && ee(e), l = !1, g();
     }
   };
 }
 function wS(t, e, i) {
-  let r, { src: a } = e, { href: l } = e, { alt: g = "Player Image" } = e, { scale: p = 1 } = e;
-  return t.$$set = (_) => {
-    "src" in _ && i(0, a = _.src), "href" in _ && i(1, l = _.href), "alt" in _ && i(2, g = _.alt), "scale" in _ && i(4, p = _.scale);
+  let r, { src: a } = e, { href: l } = e, { alt: g = "Player Image" } = e, { scale: p = 1 } = e, { onEvent: _ = () => {
+  } } = e;
+  const T = () => {
+    l && _($e({
+      type: "PressedAdvertImage",
+      description: "The advert image was pressed to open the click-through URL in a new tab.",
+      initiatedBy: "user"
+    }));
+  };
+  return t.$$set = (k) => {
+    "src" in k && i(0, a = k.src), "href" in k && i(1, l = k.href), "alt" in k && i(2, g = k.alt), "scale" in k && i(5, p = k.scale), "onEvent" in k && i(6, _ = k.onEvent);
   }, t.$$.update = () => {
     t.$$.dirty & /*scale*/
-    16 && i(3, r = `${p * 80}px`);
-  }, [a, l, g, r, p];
+    32 && i(3, r = `${p * 80}px`);
+  }, [a, l, g, r, T, p, _];
 }
-class CS extends it {
+class CS extends rt {
   constructor(e) {
-    super(), tt(this, e, wS, PS, et, { src: 0, href: 1, alt: 2, scale: 4 });
+    super(), it(this, e, wS, PS, tt, {
+      src: 0,
+      href: 1,
+      alt: 2,
+      scale: 5,
+      onEvent: 6
+    });
   }
   get src() {
     return this.$$.ctx[0];
@@ -17519,11 +17541,17 @@ class CS extends it {
     this.$$set({ alt: e }), P();
   }
   get scale() {
-    return this.$$.ctx[4];
+    return this.$$.ctx[5];
   }
   set scale(e) {
     this.$$set({ scale: e }), P();
   }
+  get onEvent() {
+    return this.$$.ctx[6];
+  }
+  set onEvent(e) {
+    this.$$set({ onEvent: e }), P();
+  }
 }
 const za = (t, e, i) => nt(t, e, e === "style" ? IS(i) : i), LS = /;(?!([^()]*\([^()]*\))*[^()]*\))/, IS = (t) => t.split(LS).map((e) => e + " !important").join(";");
 function RS(t) {
@@ -17593,9 +17621,9 @@ function DS(t, e, i) {
     U
   ];
 }
-class of extends it {
+class of extends rt {
   constructor(e) {
-    super(), tt(this, e, DS, RS, et, {
+    super(), it(this, e, DS, RS, tt, {
       title: 0,
       playerStyle: 1,
       scale: 4,
@@ -17755,9 +17783,9 @@ function NS(t, e, i) {
     r
   ];
 }
-class nu extends it {
+class nu extends rt {
   constructor(e) {
-    super(), tt(this, e, NS, MS, et, {
+    super(), it(this, e, NS, MS, tt, {
       title: 0,
       maxLines: 1,
       maxWidth: 5,
@@ -17819,7 +17847,7 @@ class nu extends it {
 }
 const uo = (t, e) => (i) => {
   let r;
-  i.key === "ArrowLeft" && (r = "Left"), i.key === "ArrowRight" && (r = "Right"), i.key === " " && (r = "Space"), i.key === "Enter" && (r = "Enter"), r && (i.preventDefault(), t(rt({
+  i.key === "ArrowLeft" && (r = "Left"), i.key === "ArrowRight" && (r = "Right"), i.key === " " && (r = "Space"), i.key === "Enter" && (r = "Enter"), r && (i.preventDefault(), t($e({
     type: `Pressed${r}OnProgress${e}`,
     description: `The ${r.toLowerCase()} key was pressed while the progress ${e.toLowerCase()} was focussed.`,
     initiatedBy: "user"
@@ -17851,13 +17879,13 @@ function VS(t) {
     },
     m(_, T) {
       ie(_, e, T), I(e, i), I(e, r), I(e, a), t[8](e), g || (p = [
-        ye(
+        me(
           e,
           "mousedown",
           /*handleMouseDown*/
           t[6]
         ),
-        ye(e, "keydown", function() {
+        me(e, "keydown", function() {
           Ns(uo(
             /*onEvent*/
             t[3],
@@ -17868,7 +17896,7 @@ function VS(t) {
             "Bar"
           ).apply(this, arguments);
         }),
-        ye(e, "mouseup", Br)
+        me(e, "mouseup", Br)
       ], g = !0);
     },
     p(_, [T]) {
@@ -17906,7 +17934,7 @@ function WS(t, e, i) {
   let r, { progress: a = 0 } = e, { fullWidth: l = !1 } = e, { readonly: g = !1 } = e, { color: p = "#323232" } = e, { onEvent: _ = () => {
   } } = e, T, k;
   const C = (H) => {
-    k = !0, _(rt({
+    k = !0, _($e({
       type: "PressedProgressBar",
       description: "The progress bar was pressed at some ratio.",
       initiatedBy: "user",
@@ -17918,7 +17946,7 @@ function WS(t, e, i) {
         U();
         return;
       }
-      _(rt({
+      _($e({
         type: "ScrubbedProgressBar",
         description: "The user pressed on the progress bar then dragged.",
         initiatedBy: "user",
@@ -17926,7 +17954,7 @@ function WS(t, e, i) {
       }));
     }
   }, U = () => {
-    k && (k = !1, _(rt({
+    k && (k = !1, _($e({
       type: "FinishedScrubbingProgressBar",
       description: "The user let go after scrubbing the progress bar.",
       initiatedBy: "user"
@@ -17963,9 +17991,9 @@ function WS(t, e, i) {
     z
   ];
 }
-class jS extends it {
+class jS extends rt {
   constructor(e) {
-    super(), tt(this, e, WS, VS, et, {
+    super(), it(this, e, WS, VS, tt, {
       progress: 0,
       fullWidth: 1,
       readonly: 2,
@@ -18070,7 +18098,7 @@ function KS(t) {
   );
   return {
     c() {
-      e = N("div"), i = $e("svg"), r = $e("circle"), l = Pe(), k && k.c(), Ti(r, "cx", "50%"), Ti(r, "cy", "50%"), Ti(
+      e = N("div"), i = et("svg"), r = et("circle"), l = Pe(), k && k.c(), Ti(r, "cx", "50%"), Ti(r, "cy", "50%"), Ti(
         r,
         "r",
         /*radius*/
@@ -18115,7 +18143,7 @@ function KS(t) {
       );
     },
     m(C, F) {
-      ie(C, e, F), I(e, i), I(i, r), I(e, l), k && k.m(e, null), g = !0, p || (_ = ye(e, "keydown", function() {
+      ie(C, e, F), I(e, i), I(i, r), I(e, l), k && k.m(e, null), g = !0, p || (_ = me(e, "keydown", function() {
         Ns(uo(
           /*onEvent*/
           t[4],
@@ -18274,9 +18302,9 @@ function qS(t, e, i) {
     T
   ];
 }
-class XS extends it {
+class XS extends rt {
   constructor(e) {
-    super(), tt(this, e, qS, YS, et, {
+    super(), it(this, e, qS, YS, tt, {
       progress: 0,
       enabled: 1,
       bold: 10,
@@ -18383,9 +18411,9 @@ function eT(t, e, i) {
     "text" in p && i(0, r = p.text), "remaining" in p && i(1, a = p.remaining), "scale" in p && i(2, l = p.scale), "color" in p && i(3, g = p.color);
   }, [r, a, l, g];
 }
-class tT extends it {
+class tT extends rt {
   constructor(e) {
-    super(), tt(this, e, eT, $S, et, {
+    super(), it(this, e, eT, $S, tt, {
       text: 0,
       remaining: 1,
       scale: 2,
@@ -18479,9 +18507,9 @@ function aT(t, e, i) {
     16 && i(3, r = Math.max(1, Math.round((a || 0) / 60)));
   }, [l, g, p, r, a];
 }
-class lf extends it {
+class lf extends rt {
   constructor(e) {
-    super(), tt(this, e, aT, sT, et, { duration: 4, bold: 0, scale: 1, color: 2 });
+    super(), it(this, e, aT, sT, tt, { duration: 4, bold: 0, scale: 1, color: 2 });
   }
   get duration() {
     return this.$$.ctx[4];
@@ -18562,9 +18590,9 @@ function dT(t, e, i) {
     "currentTime" in p && i(0, r = p.currentTime), "duration" in p && i(1, a = p.duration), "scale" in p && i(2, l = p.scale), "color" in p && i(3, g = p.color);
   }, [r, a, l, g];
 }
-class fT extends it {
+class fT extends rt {
   constructor(e) {
-    super(), tt(this, e, dT, cT, et, {
+    super(), it(this, e, dT, cT, tt, {
       currentTime: 0,
       duration: 1,
       scale: 2,
@@ -18881,9 +18909,9 @@ function bT(t, e, i) {
     a
   ];
 }
-class ST extends it {
+class ST extends rt {
   constructor(e) {
-    super(), tt(this, e, bT, yT, et, {
+    super(), it(this, e, bT, yT, tt, {
       duration: 0,
       currentTime: 1,
       playerStyle: 2,
@@ -18962,7 +18990,7 @@ function ET(t) {
   let e, i, r, a, l, g;
   return {
     c() {
-      e = $e("svg"), i = $e("rect"), r = $e("path"), Gi(
+      e = et("svg"), i = et("rect"), r = et("path"), Gi(
         i,
         "fill",
         /*fill*/
@@ -19014,9 +19042,9 @@ function AT(t, e, i) {
     "scale" in p && i(0, r = p.scale), "zoom" in p && i(1, a = p.zoom), "color" in p && i(2, l = p.color), "fill" in p && i(3, g = p.fill);
   }, [r, a, l, g];
 }
-class uf extends it {
+class uf extends rt {
   constructor(e) {
-    super(), tt(this, e, AT, ET, et, { scale: 0, zoom: 1, color: 2, fill: 3 });
+    super(), it(this, e, AT, ET, tt, { scale: 0, zoom: 1, color: 2, fill: 3 });
   }
   get scale() {
     return this.$$.ctx[0];
@@ -19048,7 +19076,7 @@ function wT(t) {
   let e, i, r, a;
   return {
     c() {
-      e = $e("svg"), i = $e("path"), Qr(
+      e = et("svg"), i = et("path"), Qr(
         i,
         "fill",
         /*color*/
@@ -19086,9 +19114,9 @@ function CT(t, e, i) {
     "scale" in l && i(0, r = l.scale), "color" in l && i(1, a = l.color);
   }, [r, a];
 }
-class LT extends it {
+class LT extends rt {
   constructor(e) {
-    super(), tt(this, e, CT, wT, et, { scale: 0, color: 1 });
+    super(), it(this, e, CT, wT, tt, { scale: 0, color: 1 });
   }
   get scale() {
     return this.$$.ctx[0];
@@ -19124,13 +19152,13 @@ function DT(t) {
     },
     m(g, p) {
       ie(g, e, p), je(i, e, null), r = !0, a || (l = [
-        ye(
+        me(
           e,
           "click",
           /*handleClick*/
           t[2]
         ),
-        ye(e, "mouseup", Br)
+        me(e, "mouseup", Br)
       ], a = !0);
     },
     p(g, [p]) {
@@ -19158,7 +19186,7 @@ function OT(t, e, i) {
   let { contentIndex: r } = e, { mediaIndex: a } = e, { scale: l = 1 } = e, { color: g = "#323232" } = e, { onEvent: p = () => {
   } } = e;
   const _ = (T) => {
-    T.stopPropagation(), p(rt({
+    T.stopPropagation(), p($e({
       type: "PressedDownload",
       description: "The download button next to a playlist item was pressed.",
       initiatedBy: "user",
@@ -19170,9 +19198,9 @@ function OT(t, e, i) {
     "contentIndex" in T && i(3, r = T.contentIndex), "mediaIndex" in T && i(4, a = T.mediaIndex), "scale" in T && i(0, l = T.scale), "color" in T && i(1, g = T.color), "onEvent" in T && i(5, p = T.onEvent);
   }, [l, g, _, r, a, p];
 }
-class BT extends it {
+class BT extends rt {
   constructor(e) {
-    super(), tt(this, e, OT, DT, et, {
+    super(), it(this, e, OT, DT, tt, {
       contentIndex: 3,
       mediaIndex: 4,
       scale: 0,
@@ -19417,7 +19445,7 @@ function Rc(t) {
     },
     m(le, be) {
       ie(le, e, be), ue[i].m(e, null), I(e, a), I(e, l), je(g, l, null), I(e, p), I(e, _), ge && ge.m(_, null), I(e, T), I(e, k), je(C, k, null), I(e, F), V = !0, z || (H = [
-        ye(
+        me(
           e,
           "click",
           /*handleClick*/
@@ -19426,19 +19454,19 @@ function Rc(t) {
             t[23]
           )
         ),
-        ye(
+        me(
           e,
           "keydown",
           /*handleKeydown*/
           t[12]
         ),
-        ye(
+        me(
           e,
           "focus",
           /*handleFocus*/
           t[13]
         ),
-        ye(e, "mouseup", Br)
+        me(e, "mouseup", Br)
       ], z = !0);
     },
     p(le, be) {
@@ -19611,7 +19639,7 @@ function VT(t) {
 function WT(t, e, i) {
   let r, a, l, g, { style: p = "auto" } = e, { downloadFormats: _ = [] } = e, { larger: T = !1 } = e, { textColor: k = "#111" } = e, { backgroundColor: C = "#f5f5f5" } = e, { iconColor: F = "#000" } = e, { content: U = [] } = e, { index: V = 0 } = e, { isMobile: z } = e, { onEvent: H } = e;
   const oe = (le) => () => {
-    H(rt({
+    H($e({
       type: "PressedPlaylistItem",
       description: "A playlist item was pressed.",
       initiatedBy: "user",
@@ -19668,9 +19696,9 @@ function WT(t, e, i) {
     _
   ];
 }
-class jT extends it {
+class jT extends rt {
   constructor(e) {
-    super(), tt(this, e, WT, VT, et, {
+    super(), it(this, e, WT, VT, tt, {
       style: 15,
       downloadFormats: 16,
       larger: 0,
@@ -19763,19 +19791,19 @@ function KT(t) {
     },
     m(p, _) {
       ie(p, e, _), g && g.m(e, null), i = !0, r || (a = [
-        ye(
+        me(
           e,
           "mouseenter",
           /*onEnter*/
           t[1]
         ),
-        ye(
+        me(
           e,
           "mouseleave",
           /*onLeave*/
           t[2]
         ),
-        ye(e, "mousemove", function() {
+        me(e, "mousemove", function() {
           Ns(
             /*idleDelay*/
             t[0] !== 1 / 0 && /*onMove*/
@@ -19847,9 +19875,9 @@ function YT(t, e, i) {
     r
   ];
 }
-class qT extends it {
+class qT extends rt {
   constructor(e) {
-    super(), tt(this, e, YT, KT, et, {
+    super(), it(this, e, YT, KT, tt, {
       exitDelay: 5,
       idleDelay: 0,
       isHovering: 4
@@ -19930,7 +19958,7 @@ function $T(t, e, i) {
   let { $$slots: r = {}, $$scope: a } = e, l, { enabled: g = !1 } = e, { relativeY: p = void 0 } = e, { absoluteY: _ = void 0 } = e, { isVisible: T = void 0 } = e, { onEvent: k = () => {
   } } = e;
   const C = ([U]) => {
-    i(1, p = U.boundingClientRect.y), i(2, _ = p + window.scrollY), T !== U.isIntersecting && (i(3, T = U.isIntersecting), k(rt({
+    i(1, p = U.boundingClientRect.y), i(2, _ = p + window.scrollY), T !== U.isIntersecting && (i(3, T = U.isIntersecting), k($e({
       type: "VisibilityChanged",
       description: "The player was scrolled into or out of view.",
       initiatedBy: "user",
@@ -19969,9 +19997,9 @@ function $T(t, e, i) {
     F
   ];
 }
-class ek extends it {
+class ek extends rt {
   constructor(e) {
-    super(), tt(this, e, $T, QT, et, {
+    super(), it(this, e, $T, QT, tt, {
       enabled: 4,
       relativeY: 1,
       absoluteY: 2,
@@ -20085,7 +20113,7 @@ function Oc(t) {
         e,
         /*div_elementresize_handler*/
         t[75].bind(e)
-      ), _ = !0, T || (k = ye(
+      ), _ = !0, T || (k = me(
         e,
         "outrostart",
         /*animate*/
@@ -20203,6 +20231,10 @@ function Mc(t) {
   let e, i;
   return e = new CS({
     props: {
+      onEvent: (
+        /*onEvent*/
+        t[15]
+      ),
       src: (
         /*largeImage*/
         t[42]
@@ -20226,7 +20258,9 @@ function Mc(t) {
     },
     p(r, a) {
       const l = {};
-      a[1] & /*largeImage*/
+      a[0] & /*onEvent*/
+      32768 && (l.onEvent = /*onEvent*/
+      r[15]), a[1] & /*largeImage*/
       2048 && (l.src = /*largeImage*/
       r[42]), a[1] & /*largeImageHref*/
       1024 && (l.href = /*largeImageHref*/
@@ -21533,13 +21567,13 @@ function pk(t) {
     },
     m(te, ve) {
       $ && $.m(te, ve), ie(te, e, ve), ie(te, i, ve), L && L.m(i, null), I(i, r), ae && ae.m(i, null), I(i, a), W && W.m(i, null), I(i, l), I(i, g), je(p, g, null), I(g, C), K && K.m(g, null), I(g, F), Z && Z.m(g, null), I(g, U), B && B.m(g, null), I(g, V), je(z, g, null), I(g, H), Ke && Ke.m(g, null), I(g, oe), Me && Me.m(g, null), I(g, ue), xe && xe.m(g, null), I(i, he), Fe && Fe.m(i, null), ge = !0, le || (be = [
-        ye(
+        me(
           i,
           "mousedown",
           /*handleMouseDown*/
           t[58]
         ),
-        ye(i, "keyup", null)
+        me(i, "keyup", null)
       ], le = !0);
     },
     p(te, ve) {
@@ -21811,30 +21845,30 @@ function yk(t, e, i) {
   } } = e, { videoIsBehind: Wt = !1 } = e, { isVisible: ei = void 0 } = e, { relativeY: Xt = void 0 } = e, { absoluteY: ti = void 0 } = e, ui, Ct, at;
   const ii = () => {
     at && clearTimeout(at), i(34, at = setTimeout(() => i(34, at = null), 500));
-  }, De = (me) => {
-    !p || !(me.button === 0) || !me.target.classList.contains("main") || Dt(rt({
+  }, De = (pe) => {
+    !p || !(pe.button === 0) || !pe.target.classList.contains("main") || Dt($e({
       type: "PressedVideoBackground",
       description: "The video background was pressed.",
       initiatedBy: "user"
     }));
   };
-  function ci(me) {
-    ei = me, i(0, ei);
+  function ci(pe) {
+    ei = pe, i(0, ei);
   }
-  function zt(me) {
-    Xt = me, i(1, Xt);
+  function zt(pe) {
+    Xt = pe, i(1, Xt);
   }
-  function Ze(me) {
-    ti = me, i(2, ti);
+  function Ze(pe) {
+    ti = pe, i(2, ti);
   }
-  function bi(me) {
-    Ct = me, i(18, Ct);
+  function bi(pe) {
+    Ct = pe, i(18, Ct);
   }
   function Mt() {
     ui = this.clientWidth, i(17, ui);
   }
-  return t.$$set = (me) => {
-    "playerStyle" in me && i(3, Ye = me.playerStyle), "callToAction" in me && i(4, wt = me.callToAction), "skipButtonStyle" in me && i(59, Tt = me.skipButtonStyle), "playlistStyle" in me && i(5, qt = me.playlistStyle), "playlistToggle" in me && i(60, yt = me.playlistToggle), "downloadFormats" in me && i(6, Ut = me.downloadFormats), "playerTitle" in me && i(7, Vt = me.playerTitle), "fixedPosition" in me && i(8, lt = me.fixedPosition), "fixedWidth" in me && i(61, kt = me.fixedWidth), "content" in me && i(9, Se = me.content), "contentIndex" in me && i(10, gt = me.contentIndex), "duration" in me && i(11, $t = me.duration), "currentTime" in me && i(12, Gt = me.currentTime), "playbackState" in me && i(62, Ot = me.playbackState), "playbackRate" in me && i(13, bt = me.playbackRate), "activeAdvert" in me && i(14, st = me.activeAdvert), "persistentAdvert" in me && i(63, Bt = me.persistentAdvert), "textColor" in me && i(64, si = me.textColor), "backgroundColor" in me && i(65, ai = me.backgroundColor), "iconColor" in me && i(66, It = me.iconColor), "logoIconEnabled" in me && i(67, Rt = me.logoIconEnabled), "onEvent" in me && i(15, Dt = me.onEvent), "videoIsBehind" in me && i(16, Wt = me.videoIsBehind), "isVisible" in me && i(0, ei = me.isVisible), "relativeY" in me && i(1, Xt = me.relativeY), "absoluteY" in me && i(2, ti = me.absoluteY);
+  return t.$$set = (pe) => {
+    "playerStyle" in pe && i(3, Ye = pe.playerStyle), "callToAction" in pe && i(4, wt = pe.callToAction), "skipButtonStyle" in pe && i(59, Tt = pe.skipButtonStyle), "playlistStyle" in pe && i(5, qt = pe.playlistStyle), "playlistToggle" in pe && i(60, yt = pe.playlistToggle), "downloadFormats" in pe && i(6, Ut = pe.downloadFormats), "playerTitle" in pe && i(7, Vt = pe.playerTitle), "fixedPosition" in pe && i(8, lt = pe.fixedPosition), "fixedWidth" in pe && i(61, kt = pe.fixedWidth), "content" in pe && i(9, Se = pe.content), "contentIndex" in pe && i(10, gt = pe.contentIndex), "duration" in pe && i(11, $t = pe.duration), "currentTime" in pe && i(12, Gt = pe.currentTime), "playbackState" in pe && i(62, Ot = pe.playbackState), "playbackRate" in pe && i(13, bt = pe.playbackRate), "activeAdvert" in pe && i(14, st = pe.activeAdvert), "persistentAdvert" in pe && i(63, Bt = pe.persistentAdvert), "textColor" in pe && i(64, si = pe.textColor), "backgroundColor" in pe && i(65, ai = pe.backgroundColor), "iconColor" in pe && i(66, It = pe.iconColor), "logoIconEnabled" in pe && i(67, Rt = pe.logoIconEnabled), "onEvent" in pe && i(15, Dt = pe.onEvent), "videoIsBehind" in pe && i(16, Wt = pe.videoIsBehind), "isVisible" in pe && i(0, ei = pe.isVisible), "relativeY" in pe && i(1, Xt = pe.relativeY), "absoluteY" in pe && i(2, ti = pe.absoluteY);
   }, t.$$.update = () => {
     t.$$.dirty[0] & /*playerStyle*/
     8 && i(22, r = Ye === "small"), t.$$.dirty[0] & /*playerStyle*/
@@ -21872,7 +21906,7 @@ function yk(t, e, i) {
     67109120 && i(70, Xe = lt === "auto" ? a ? "center" : "right" : lt), t.$$.dirty[0] & /*fixedPosition*/
     256 | t.$$.dirty[2] & /*position*/
     256 && i(21, we = lt ? `fixed fixed-${Xe}` : ""), t.$$.dirty[0] & /*fixedPosition, isSmall, isStandard*/
-    71303424 && i(44, Ie = (me) => lt && Dy(me, { y: r || a ? 40 : 100 })), t.$$.dirty[0] & /*playerStyle, isMobile, isAdvert*/
+    71303424 && i(44, Ie = (pe) => lt && Dy(pe, { y: r || a ? 40 : 100 })), t.$$.dirty[0] & /*playerStyle, isMobile, isAdvert*/
     1107296264 | t.$$.dirty[2] & /*position*/
     256 && i(20, Oe = ik({
       playerStyle: Ye,
@@ -21981,14 +22015,14 @@ function yk(t, e, i) {
     Mt
   ];
 }
-class su extends it {
+class su extends rt {
   constructor(e) {
-    super(), tt(
+    super(), it(
       this,
       e,
       yk,
       _k,
-      et,
+      tt,
       {
         playerStyle: 3,
         callToAction: 4,
@@ -22247,9 +22281,9 @@ function Ek(t, e, i) {
     4 && ((T = r == null ? void 0 : r.classList) == null || T.add("beyondwords-widget", "bwp"));
   }, [p, g, r, l, a, _];
 }
-class au extends it {
+class au extends rt {
   constructor(e) {
-    super(), tt(this, e, Ek, kk, et, { root: 1 });
+    super(), it(this, e, Ek, kk, tt, { root: 1 });
   }
   get root() {
     return this.$$.ctx[1];
@@ -22325,7 +22359,7 @@ function wk(t) {
   };
 }
 function $c(t) {
-  let e, i, r, a, l, g, p, _, T, k, C, F, U, V, z, H, oe, ue, he, ge, le, be, $, L, ae, W, Xe, we, Ie, Oe, K, Z, B, Ke, Me, xe, Fe, te, ve, ft, Ee, Le, Ye, wt, Tt, qt, yt, Ut, Vt, lt, kt, Se, gt, $t, Gt, Ot, bt, st, Bt, si, ai, It, Rt, Dt, Wt, ei, Xt, ti, ui, Ct, at, ii, De, ci, zt, Ze, bi, Mt, me, di, fi, _i, hi, Ai, Ue, Y, J, Ne, Mr, Di, Nr, ri, lr, Ki, Yi, Oi, tr, _r, xi, Pi, ir, yr, Bi, yi, Mi, wi = (
+  let e, i, r, a, l, g, p, _, T, k, C, F, U, V, z, H, oe, ue, he, ge, le, be, $, L, ae, W, Xe, we, Ie, Oe, K, Z, B, Ke, Me, xe, Fe, te, ve, ft, Ee, Le, Ye, wt, Tt, qt, yt, Ut, Vt, lt, kt, Se, gt, $t, Gt, Ot, bt, st, Bt, si, ai, It, Rt, Dt, Wt, ei, Xt, ti, ui, Ct, at, ii, De, ci, zt, Ze, bi, Mt, pe, di, fi, _i, hi, Ai, Ue, Y, J, Ne, Mr, Di, Nr, ri, lr, Ki, Yi, Oi, tr, _r, xi, Pi, ir, yr, Bi, yi, Mi, wi = (
     /*content*/
     t[39]
   ), Ht = [];
@@ -22370,7 +22404,7 @@ function $c(t) {
       `), Xt = N("input"), ti = Pe(), ui = N("div"), Ct = Re(`playbackRate:
       `), at = N("input"), ii = Pe(), De = N("div"), ci = Re(`widgetTarget:
       `), zt = N("input"), Ze = Pe(), bi = N("div"), Mt = Re(`logoIconEnabled:
-      `), me = N("select"), di = N("option"), di.textContent = `${!1}`, fi = N("option"), fi.textContent = `${!0}`, _i = Pe(), hi = N("div"), Ai = Re(`advertConsent:
+      `), pe = N("select"), di = N("option"), di.textContent = `${!1}`, fi = N("option"), fi.textContent = `${!0}`, _i = Pe(), hi = N("div"), Ai = Re(`advertConsent:
       `), Ue = N("select"), Y = N("option"), Y.textContent = "personalized", J = N("option"), J.textContent = "non-personalized", Ne = N("option"), Ne.textContent = "under-the-age-of-consent", Mr = Pe(), Di = N("div"), Nr = Re(`analyticsConsent:
       `), ri = N("select"), lr = N("option"), lr.textContent = "allowed", Ki = N("option"), Ki.textContent = "without-local-storage", Yi = N("option"), Yi.textContent = "none", Oi = Pe(), tr = N("div"), _r = Re(`analyticsCustomUrl:
       `), xi = N("input"), Pi = Pe(), ir = N("div"), yr = Re(`analyticsTag:
@@ -22398,10 +22432,10 @@ function $c(t) {
       t[17] === void 0 && Ft(() => (
         /*select5_change_handler_1*/
         t[72].call(st)
-      )), Q(Ot, "class", "control svelte-g76q0j"), Q(Rt, "tabindex", -1), Q(Rt, "type", "text"), Q(Rt, "class", "svelte-g76q0j"), Q(ai, "class", "control svelte-g76q0j"), Q(Xt, "tabindex", -1), Q(Xt, "type", "text"), Q(Xt, "class", "svelte-g76q0j"), Q(Wt, "class", "control svelte-g76q0j"), Q(at, "tabindex", -1), Q(at, "type", "text"), Q(at, "class", "svelte-g76q0j"), Q(ui, "class", "control svelte-g76q0j"), Q(zt, "tabindex", -1), Q(zt, "type", "text"), Q(zt, "class", "svelte-g76q0j"), Q(De, "class", "control svelte-g76q0j"), di.__value = !1, di.value = di.__value, fi.__value = !0, fi.value = fi.__value, Q(me, "tabindex", -1), Q(me, "class", "svelte-g76q0j"), /*logoIconEnabled*/
+      )), Q(Ot, "class", "control svelte-g76q0j"), Q(Rt, "tabindex", -1), Q(Rt, "type", "text"), Q(Rt, "class", "svelte-g76q0j"), Q(ai, "class", "control svelte-g76q0j"), Q(Xt, "tabindex", -1), Q(Xt, "type", "text"), Q(Xt, "class", "svelte-g76q0j"), Q(Wt, "class", "control svelte-g76q0j"), Q(at, "tabindex", -1), Q(at, "type", "text"), Q(at, "class", "svelte-g76q0j"), Q(ui, "class", "control svelte-g76q0j"), Q(zt, "tabindex", -1), Q(zt, "type", "text"), Q(zt, "class", "svelte-g76q0j"), Q(De, "class", "control svelte-g76q0j"), di.__value = !1, di.value = di.__value, fi.__value = !0, fi.value = fi.__value, Q(pe, "tabindex", -1), Q(pe, "class", "svelte-g76q0j"), /*logoIconEnabled*/
       t[30] === void 0 && Ft(() => (
         /*select6_change_handler_1*/
-        t[77].call(me)
+        t[77].call(pe)
       )), Q(bi, "class", "control svelte-g76q0j"), Y.__value = "personalized", Y.value = Y.__value, J.__value = "non-personalized", J.value = J.__value, Ne.__value = "under-the-age-of-consent", Ne.value = Ne.__value, Q(Ue, "tabindex", -1), Q(Ue, "class", "svelte-g76q0j"), /*advertConsent*/
       t[35] === void 0 && Ft(() => (
         /*select7_change_handler_1*/
@@ -22412,221 +22446,221 @@ function $c(t) {
         t[79].call(ri)
       )), Q(Di, "class", "control svelte-g76q0j"), Q(xi, "tabindex", -1), Q(xi, "type", "text"), Q(xi, "class", "svelte-g76q0j"), Q(tr, "class", "control svelte-g76q0j"), Q(Bi, "tabindex", -1), Q(Bi, "type", "text"), Q(Bi, "class", "svelte-g76q0j"), Q(ir, "class", "control svelte-g76q0j");
     },
-    m(j, pe) {
-      ie(j, e, pe), ie(j, i, pe), ie(j, r, pe), ie(j, a, pe), ie(j, l, pe), ie(j, g, pe), ie(j, p, pe), ie(j, _, pe), I(_, T), I(_, k), St(
+    m(j, _e) {
+      ie(j, e, _e), ie(j, i, _e), ie(j, r, _e), ie(j, a, _e), ie(j, l, _e), ie(j, g, _e), ie(j, p, _e), ie(j, _, _e), I(_, T), I(_, k), St(
         k,
         /*projectId*/
         t[0]
-      ), ie(j, C, pe), ie(j, F, pe), I(F, U), I(F, V), St(
+      ), ie(j, C, _e), ie(j, F, _e), I(F, U), I(F, V), St(
         V,
         /*contentId*/
         t[1]
-      ), ie(j, z, pe), ie(j, H, pe), I(H, oe), I(H, ue), St(
+      ), ie(j, z, _e), ie(j, H, _e), I(H, oe), I(H, ue), St(
         ue,
         /*playlistId*/
         t[2]
-      ), ie(j, he, pe), ie(j, ge, pe), I(ge, le), I(ge, be), St(
+      ), ie(j, he, _e), ie(j, ge, _e), I(ge, le), I(ge, be), St(
         be,
         /*sourceId*/
         t[3]
-      ), ie(j, $, pe), ie(j, L, pe), I(L, ae), I(L, W), St(
+      ), ie(j, $, _e), ie(j, L, _e), I(L, ae), I(L, W), St(
         W,
         /*sourceUrl*/
         t[4]
-      ), ie(j, Xe, pe), ie(j, we, pe), I(we, Ie), I(we, Oe), I(Oe, K), I(Oe, Z), ut(
+      ), ie(j, Xe, _e), ie(j, we, _e), I(we, Ie), I(we, Oe), I(Oe, K), I(Oe, Z), ut(
         Oe,
         /*showUserInterface*/
         t[5],
         !0
-      ), ie(j, B, pe), ie(j, Ke, pe), I(Ke, Me), I(Ke, xe), I(xe, Fe), I(xe, te), I(xe, ve), ut(
+      ), ie(j, B, _e), ie(j, Ke, _e), I(Ke, Me), I(Ke, xe), I(xe, Fe), I(xe, te), I(xe, ve), ut(
         xe,
         /*mediaSession*/
         t[12],
         !0
-      ), ie(j, ft, pe), ie(j, Ee, pe), I(Ee, Le), I(Ee, Ye);
-      for (let _e = 0; _e < Ht.length; _e += 1)
-        Ht[_e] && Ht[_e].m(Ye, null);
+      ), ie(j, ft, _e), ie(j, Ee, _e), I(Ee, Le), I(Ee, Ye);
+      for (let ye = 0; ye < Ht.length; ye += 1)
+        Ht[ye] && Ht[ye].m(Ye, null);
       ut(
         Ye,
         /*contentIndex*/
         t[13],
         !0
-      ), ie(j, wt, pe), ie(j, Tt, pe), I(Tt, qt), I(Tt, yt), I(yt, Ut);
-      for (let _e = 0; _e < Kt.length; _e += 1)
-        Kt[_e] && Kt[_e].m(yt, null);
+      ), ie(j, wt, _e), ie(j, Tt, _e), I(Tt, qt), I(Tt, yt), I(yt, Ut);
+      for (let ye = 0; ye < Kt.length; ye += 1)
+        Kt[ye] && Kt[ye].m(yt, null);
       ut(
         yt,
         /*introsOutrosIndex*/
         t[14],
         !0
-      ), ie(j, Vt, pe), ie(j, lt, pe), I(lt, kt), I(lt, Se), I(Se, gt), I(Se, $t), ut(
+      ), ie(j, Vt, _e), ie(j, lt, _e), I(lt, kt), I(lt, Se), I(Se, gt), I(Se, $t), ut(
         Se,
         /*persistentAdImage*/
         t[16],
         !0
-      ), ie(j, Gt, pe), ie(j, Ot, pe), I(Ot, bt), I(Ot, st), I(st, Bt);
-      for (let _e = 0; _e < Zt.length; _e += 1)
-        Zt[_e] && Zt[_e].m(st, null);
+      ), ie(j, Gt, _e), ie(j, Ot, _e), I(Ot, bt), I(Ot, st), I(st, Bt);
+      for (let ye = 0; ye < Zt.length; ye += 1)
+        Zt[ye] && Zt[ye].m(st, null);
       ut(
         st,
         /*persistentIndex*/
         t[17],
         !0
-      ), ie(j, si, pe), ie(j, ai, pe), I(ai, It), I(ai, Rt), St(
+      ), ie(j, si, _e), ie(j, ai, _e), I(ai, It), I(ai, Rt), St(
         Rt,
         /*duration*/
         t[18]
-      ), ie(j, Dt, pe), ie(j, Wt, pe), I(Wt, ei), I(Wt, Xt), St(
+      ), ie(j, Dt, _e), ie(j, Wt, _e), I(Wt, ei), I(Wt, Xt), St(
         Xt,
         /*currentTime*/
         t[19]
-      ), ie(j, ti, pe), ie(j, ui, pe), I(ui, Ct), I(ui, at), St(
+      ), ie(j, ti, _e), ie(j, ui, _e), I(ui, Ct), I(ui, at), St(
         at,
         /*playbackRate*/
         t[21]
-      ), ie(j, ii, pe), ie(j, De, pe), I(De, ci), I(De, zt), St(
+      ), ie(j, ii, _e), ie(j, De, _e), I(De, ci), I(De, zt), St(
         zt,
         /*widgetTarget*/
         t[25]
-      ), ie(j, Ze, pe), ie(j, bi, pe), I(bi, Mt), I(bi, me), I(me, di), I(me, fi), ut(
-        me,
+      ), ie(j, Ze, _e), ie(j, bi, _e), I(bi, Mt), I(bi, pe), I(pe, di), I(pe, fi), ut(
+        pe,
         /*logoIconEnabled*/
         t[30],
         !0
-      ), ie(j, _i, pe), ie(j, hi, pe), I(hi, Ai), I(hi, Ue), I(Ue, Y), I(Ue, J), I(Ue, Ne), ut(
+      ), ie(j, _i, _e), ie(j, hi, _e), I(hi, Ai), I(hi, Ue), I(Ue, Y), I(Ue, J), I(Ue, Ne), ut(
         Ue,
         /*advertConsent*/
         t[35],
         !0
-      ), ie(j, Mr, pe), ie(j, Di, pe), I(Di, Nr), I(Di, ri), I(ri, lr), I(ri, Ki), I(ri, Yi), ut(
+      ), ie(j, Mr, _e), ie(j, Di, _e), I(Di, Nr), I(Di, ri), I(ri, lr), I(ri, Ki), I(ri, Yi), ut(
         ri,
         /*analyticsConsent*/
         t[36],
         !0
-      ), ie(j, Oi, pe), ie(j, tr, pe), I(tr, _r), I(tr, xi), St(
+      ), ie(j, Oi, _e), ie(j, tr, _e), I(tr, _r), I(tr, xi), St(
         xi,
         /*analyticsCustomUrl*/
         t[37]
-      ), ie(j, Pi, pe), ie(j, ir, pe), I(ir, yr), I(ir, Bi), St(
+      ), ie(j, Pi, _e), ie(j, ir, _e), I(ir, yr), I(ir, Bi), St(
         Bi,
         /*analyticsTag*/
         t[38]
       ), yi || (Mi = [
-        ye(
+        me(
           k,
           "input",
           /*input0_input_handler_1*/
           t[62]
         ),
-        ye(
+        me(
           V,
           "input",
           /*input1_input_handler_1*/
           t[63]
         ),
-        ye(
+        me(
           ue,
           "input",
           /*input2_input_handler_1*/
           t[64]
         ),
-        ye(
+        me(
           be,
           "input",
           /*input3_input_handler_1*/
           t[65]
         ),
-        ye(
+        me(
           W,
           "input",
           /*input4_input_handler_1*/
           t[66]
         ),
-        ye(
+        me(
           Oe,
           "change",
           /*select0_change_handler_1*/
           t[67]
         ),
-        ye(
+        me(
           xe,
           "change",
           /*select1_change_handler_1*/
           t[68]
         ),
-        ye(
+        me(
           Ye,
           "change",
           /*select2_change_handler_1*/
           t[69]
         ),
-        ye(
+        me(
           yt,
           "change",
           /*select3_change_handler_1*/
           t[70]
         ),
-        ye(
+        me(
           Se,
           "change",
           /*select4_change_handler_1*/
           t[71]
         ),
-        ye(
+        me(
           st,
           "change",
           /*select5_change_handler_1*/
           t[72]
         ),
-        ye(
+        me(
           Rt,
           "input",
           /*input5_input_handler_1*/
           t[73]
         ),
-        ye(
+        me(
           Xt,
           "input",
           /*input6_input_handler*/
           t[74]
         ),
-        ye(
+        me(
           at,
           "input",
           /*input7_input_handler*/
           t[75]
         ),
-        ye(
+        me(
           zt,
           "input",
           /*input8_input_handler*/
           t[76]
         ),
-        ye(
-          me,
+        me(
+          pe,
           "change",
           /*select6_change_handler_1*/
           t[77]
         ),
-        ye(
+        me(
           Ue,
           "change",
           /*select7_change_handler_1*/
           t[78]
         ),
-        ye(
+        me(
           ri,
           "change",
           /*select8_change_handler_1*/
           t[79]
         ),
-        ye(
+        me(
           xi,
           "input",
           /*input9_input_handler*/
           t[80]
         ),
-        ye(
+        me(
           Bi,
           "input",
           /*input10_input_handler*/
@@ -22634,152 +22668,152 @@ function $c(t) {
         )
       ], yi = !0);
     },
-    p(j, pe) {
-      if (pe[0] & /*projectId*/
+    p(j, _e) {
+      if (_e[0] & /*projectId*/
       1 && k.value !== /*projectId*/
       j[0] && St(
         k,
         /*projectId*/
         j[0]
-      ), pe[0] & /*contentId*/
+      ), _e[0] & /*contentId*/
       2 && V.value !== /*contentId*/
       j[1] && St(
         V,
         /*contentId*/
         j[1]
-      ), pe[0] & /*playlistId*/
+      ), _e[0] & /*playlistId*/
       4 && ue.value !== /*playlistId*/
       j[2] && St(
         ue,
         /*playlistId*/
         j[2]
-      ), pe[0] & /*sourceId*/
+      ), _e[0] & /*sourceId*/
       8 && be.value !== /*sourceId*/
       j[3] && St(
         be,
         /*sourceId*/
         j[3]
-      ), pe[0] & /*sourceUrl*/
+      ), _e[0] & /*sourceUrl*/
       16 && W.value !== /*sourceUrl*/
       j[4] && St(
         W,
         /*sourceUrl*/
         j[4]
-      ), pe[0] & /*showUserInterface*/
+      ), _e[0] & /*showUserInterface*/
       32 && ut(
         Oe,
         /*showUserInterface*/
         j[5]
-      ), pe[0] & /*mediaSession*/
+      ), _e[0] & /*mediaSession*/
       4096 && ut(
         xe,
         /*mediaSession*/
         j[12]
-      ), pe[1] & /*content*/
+      ), _e[1] & /*content*/
       256) {
         wi = /*content*/
         j[39];
-        let _e;
-        for (_e = 0; _e < wi.length; _e += 1) {
-          const ot = Zc(j, wi, _e);
-          Ht[_e] ? Ht[_e].p(ot, pe) : (Ht[_e] = ed(ot), Ht[_e].c(), Ht[_e].m(Ye, null));
+        let ye;
+        for (ye = 0; ye < wi.length; ye += 1) {
+          const ot = Zc(j, wi, ye);
+          Ht[ye] ? Ht[ye].p(ot, _e) : (Ht[ye] = ed(ot), Ht[ye].c(), Ht[ye].m(Ye, null));
         }
-        for (; _e < Ht.length; _e += 1)
-          Ht[_e].d(1);
+        for (; ye < Ht.length; ye += 1)
+          Ht[ye].d(1);
         Ht.length = wi.length;
       }
-      if (pe[0] & /*contentIndex*/
+      if (_e[0] & /*contentIndex*/
       8192 && ut(
         Ye,
         /*contentIndex*/
         j[13]
-      ), pe[1] & /*introsOutros*/
+      ), _e[1] & /*introsOutros*/
       512) {
         Ni = /*introsOutros*/
         j[40];
-        let _e;
-        for (_e = 0; _e < Ni.length; _e += 1) {
-          const ot = Xc(j, Ni, _e);
-          Kt[_e] ? Kt[_e].p(ot, pe) : (Kt[_e] = td(ot), Kt[_e].c(), Kt[_e].m(yt, null));
+        let ye;
+        for (ye = 0; ye < Ni.length; ye += 1) {
+          const ot = Xc(j, Ni, ye);
+          Kt[ye] ? Kt[ye].p(ot, _e) : (Kt[ye] = td(ot), Kt[ye].c(), Kt[ye].m(yt, null));
         }
-        for (; _e < Kt.length; _e += 1)
-          Kt[_e].d(1);
+        for (; ye < Kt.length; ye += 1)
+          Kt[ye].d(1);
         Kt.length = Ni.length;
       }
-      if (pe[0] & /*introsOutrosIndex*/
+      if (_e[0] & /*introsOutrosIndex*/
       16384 && ut(
         yt,
         /*introsOutrosIndex*/
         j[14]
-      ), pe[0] & /*persistentAdImage*/
+      ), _e[0] & /*persistentAdImage*/
       65536 && ut(
         Se,
         /*persistentAdImage*/
         j[16]
-      ), pe[1] & /*adverts*/
+      ), _e[1] & /*adverts*/
       1024) {
         ur = /*adverts*/
         j[41];
-        let _e;
-        for (_e = 0; _e < ur.length; _e += 1) {
-          const ot = qc(j, ur, _e);
-          Zt[_e] ? Zt[_e].p(ot, pe) : (Zt[_e] = id(ot), Zt[_e].c(), Zt[_e].m(st, null));
+        let ye;
+        for (ye = 0; ye < ur.length; ye += 1) {
+          const ot = qc(j, ur, ye);
+          Zt[ye] ? Zt[ye].p(ot, _e) : (Zt[ye] = id(ot), Zt[ye].c(), Zt[ye].m(st, null));
         }
-        for (; _e < Zt.length; _e += 1)
-          Zt[_e].d(1);
+        for (; ye < Zt.length; ye += 1)
+          Zt[ye].d(1);
         Zt.length = ur.length;
       }
-      pe[0] & /*persistentIndex*/
+      _e[0] & /*persistentIndex*/
       131072 && ut(
         st,
         /*persistentIndex*/
         j[17]
-      ), pe[0] & /*duration*/
+      ), _e[0] & /*duration*/
       262144 && Rt.value !== /*duration*/
       j[18] && St(
         Rt,
         /*duration*/
         j[18]
-      ), pe[0] & /*currentTime*/
+      ), _e[0] & /*currentTime*/
       524288 && Xt.value !== /*currentTime*/
       j[19] && St(
         Xt,
         /*currentTime*/
         j[19]
-      ), pe[0] & /*playbackRate*/
+      ), _e[0] & /*playbackRate*/
       2097152 && at.value !== /*playbackRate*/
       j[21] && St(
         at,
         /*playbackRate*/
         j[21]
-      ), pe[0] & /*widgetTarget*/
+      ), _e[0] & /*widgetTarget*/
       33554432 && zt.value !== /*widgetTarget*/
       j[25] && St(
         zt,
         /*widgetTarget*/
         j[25]
-      ), pe[0] & /*logoIconEnabled*/
+      ), _e[0] & /*logoIconEnabled*/
       1073741824 && ut(
-        me,
+        pe,
         /*logoIconEnabled*/
         j[30]
-      ), pe[1] & /*advertConsent*/
+      ), _e[1] & /*advertConsent*/
       16 && ut(
         Ue,
         /*advertConsent*/
         j[35]
-      ), pe[1] & /*analyticsConsent*/
+      ), _e[1] & /*analyticsConsent*/
       32 && ut(
         ri,
         /*analyticsConsent*/
         j[36]
-      ), pe[1] & /*analyticsCustomUrl*/
+      ), _e[1] & /*analyticsCustomUrl*/
       64 && xi.value !== /*analyticsCustomUrl*/
       j[37] && St(
         xi,
         /*analyticsCustomUrl*/
         j[37]
-      ), pe[1] & /*analyticsTag*/
+      ), _e[1] & /*analyticsTag*/
       128 && Bi.value !== /*analyticsTag*/
       j[38] && St(
         Bi,
@@ -22877,7 +22911,7 @@ function Ck(t) {
       e = N("a"), e.textContent = "show advanced settings", Q(e, "tabindex", -1), Q(e, "href", "#_"), Q(e, "class", "svelte-g76q0j");
     },
     m(a, l) {
-      ie(a, e, l), i || (r = ye(
+      ie(a, e, l), i || (r = me(
         e,
         "click",
         /*click_handler_1*/
@@ -22897,7 +22931,7 @@ function Lk(t) {
       e = N("a"), e.textContent = "hide advanced settings", Q(e, "tabindex", -1), Q(e, "href", "#_"), Q(e, "class", "svelte-g76q0j");
     },
     m(a, l) {
-      ie(a, e, l), i || (r = ye(
+      ie(a, e, l), i || (r = me(
         e,
         "click",
         /*click_handler*/
@@ -22911,7 +22945,7 @@ function Lk(t) {
   };
 }
 function Ik(t) {
-  let e, i, r, a, l, g, p, _, T, k, C, F, U, V, z, H, oe, ue, he, ge, le, be, $, L, ae, W, Xe, we, Ie, Oe, K, Z, B, Ke, Me, xe, Fe, te, ve, ft, Ee, Le, Ye, wt, Tt, qt, yt, Ut, Vt, lt, kt, Se, gt, $t, Gt, Ot, bt, st, Bt, si, ai, It, Rt, Dt, Wt, ei, Xt, ti, ui, Ct, at, ii, De, ci, zt, Ze, bi, Mt, me, di, fi, _i, hi, Ai, Ue, Y, J, Ne, Mr, Di, Nr, ri, lr, Ki, Yi, Oi, tr, _r, xi, Pi, ir, yr, Bi, yi, Mi, wi, Ht, Ni, Kt, ur, Zt, j, pe, _e, ot, Ar, br, Fr, os, rn, ls, Fi, Ur, Si, Vr, Sr, cr, bn, nn, us, dr, Sn, xr, cs, Wn, jn, Tn, Pr = (
+  let e, i, r, a, l, g, p, _, T, k, C, F, U, V, z, H, oe, ue, he, ge, le, be, $, L, ae, W, Xe, we, Ie, Oe, K, Z, B, Ke, Me, xe, Fe, te, ve, ft, Ee, Le, Ye, wt, Tt, qt, yt, Ut, Vt, lt, kt, Se, gt, $t, Gt, Ot, bt, st, Bt, si, ai, It, Rt, Dt, Wt, ei, Xt, ti, ui, Ct, at, ii, De, ci, zt, Ze, bi, Mt, pe, di, fi, _i, hi, Ai, Ue, Y, J, Ne, Mr, Di, Nr, ri, lr, Ki, Yi, Oi, tr, _r, xi, Pi, ir, yr, Bi, yi, Mi, wi, Ht, Ni, Kt, ur, Zt, j, _e, ye, ot, Ar, br, Fr, os, rn, ls, Fi, Ur, Si, Vr, Sr, cr, bn, nn, us, dr, Sn, xr, cs, Wn, jn, Tn, Pr = (
     /*adverts*/
     t[41]
   ), R = [];
@@ -22949,13 +22983,13 @@ function Ik(t) {
       Bt = Pe(), si = N("div"), ai = Re(`widgetStyle:
     `), It = N("select"), Rt = N("option"), Rt.textContent = "small", Dt = N("option"), Dt.textContent = "standard", Wt = N("option"), Wt.textContent = "large", ei = N("option"), ei.textContent = "video", Xt = Pe(), ti = N("div"), ui = Re(`widgetPosition:
     `), Ct = N("select"), at = N("option"), at.textContent = "auto", ii = N("option"), ii.textContent = "left", De = N("option"), De.textContent = "center", ci = N("option"), ci.textContent = "right", zt = Pe(), Ze = N("div"), bi = Re(`widgetWidth:
-    `), Mt = N("select"), me = N("option"), me.textContent = "auto", di = N("option"), di.textContent = "400px", fi = N("option"), fi.textContent = "30rem", _i = N("option"), _i.textContent = "fit-content", hi = N("option"), hi.textContent = "initial", Ai = N("option"), Ai.textContent = "0", Ue = Pe(), Y = N("div"), J = Re(`textColor:
+    `), Mt = N("select"), pe = N("option"), pe.textContent = "auto", di = N("option"), di.textContent = "400px", fi = N("option"), fi.textContent = "30rem", _i = N("option"), _i.textContent = "fit-content", hi = N("option"), hi.textContent = "initial", Ai = N("option"), Ai.textContent = "0", Ue = Pe(), Y = N("div"), J = Re(`textColor:
     `), Ne = N("input"), Mr = Pe(), Di = N("div"), Nr = Re(`backgroundColor:
     `), ri = N("input"), lr = Pe(), Ki = N("div"), Yi = Re(`iconColor:
     `), Oi = N("input"), tr = Pe(), _r = N("div"), xi = Re(`highlightColor:
     `), Pi = N("input"), ir = Pe(), yr = N("div"), Bi = Re(`highlightSections:
     `), yi = N("select"), Mi = N("option"), Mi.textContent = "all", wi = N("option"), wi.textContent = "body", Ht = N("option"), Ht.textContent = "none", Ni = N("option"), Ni.textContent = "all-none", Kt = N("option"), Kt.textContent = "none-all", ur = Pe(), Zt = N("div"), j = Re(`clickableSections:
-    `), pe = N("select"), _e = N("option"), _e.textContent = "all", ot = N("option"), ot.textContent = "body", Ar = N("option"), Ar.textContent = "none", br = N("option"), br.textContent = "all-none", Fr = N("option"), Fr.textContent = "none-all", os = Pe(), rn = N("div"), ls = Re(`segmentWidgetSections:
+    `), _e = N("select"), ye = N("option"), ye.textContent = "all", ot = N("option"), ot.textContent = "body", Ar = N("option"), Ar.textContent = "none", br = N("option"), br.textContent = "all-none", Fr = N("option"), Fr.textContent = "none-all", os = Pe(), rn = N("div"), ls = Re(`segmentWidgetSections:
     `), Fi = N("select"), Ur = N("option"), Ur.textContent = "all", Si = N("option"), Si.textContent = "body", Vr = N("option"), Vr.textContent = "none", Sr = N("option"), Sr.textContent = "all-none", cr = N("option"), cr.textContent = "none-all", bn = Pe(), nn = N("div"), us = Re(`segmentWidgetPosition:
     `), dr = N("select");
       for (let ze = 0; ze < 12; ze += 1)
@@ -22992,7 +23026,7 @@ function Ik(t) {
       t[23] === void 0 && Ft(() => (
         /*select7_change_handler*/
         t[52].call(Ct)
-      )), Q(ti, "class", "control svelte-g76q0j"), me.__value = "auto", me.value = me.__value, di.__value = "400px", di.value = di.__value, fi.__value = "30rem", fi.value = fi.__value, _i.__value = "fit-content", _i.value = _i.__value, hi.__value = "initial", hi.value = hi.__value, Ai.__value = "0", Ai.value = Ai.__value, Q(Mt, "tabindex", -1), Q(Mt, "class", "svelte-g76q0j"), /*widgetWidth*/
+      )), Q(ti, "class", "control svelte-g76q0j"), pe.__value = "auto", pe.value = pe.__value, di.__value = "400px", di.value = di.__value, fi.__value = "30rem", fi.value = fi.__value, _i.__value = "fit-content", _i.value = _i.__value, hi.__value = "initial", hi.value = hi.__value, Ai.__value = "0", Ai.value = Ai.__value, Q(Mt, "tabindex", -1), Q(Mt, "class", "svelte-g76q0j"), /*widgetWidth*/
       t[24] === void 0 && Ft(() => (
         /*select8_change_handler*/
         t[53].call(Mt)
@@ -23000,10 +23034,10 @@ function Ik(t) {
       t[31] === void 0 && Ft(() => (
         /*select9_change_handler*/
         t[58].call(yi)
-      )), Q(yr, "class", "control svelte-g76q0j"), _e.__value = "all", _e.value = _e.__value, ot.__value = "body", ot.value = ot.__value, Ar.__value = "none", Ar.value = Ar.__value, br.__value = "all-none", br.value = br.__value, Fr.__value = "none-all", Fr.value = Fr.__value, Q(pe, "tabindex", -1), Q(pe, "class", "svelte-g76q0j"), /*clickableSections*/
+      )), Q(yr, "class", "control svelte-g76q0j"), ye.__value = "all", ye.value = ye.__value, ot.__value = "body", ot.value = ot.__value, Ar.__value = "none", Ar.value = Ar.__value, br.__value = "all-none", br.value = br.__value, Fr.__value = "none-all", Fr.value = Fr.__value, Q(_e, "tabindex", -1), Q(_e, "class", "svelte-g76q0j"), /*clickableSections*/
       t[32] === void 0 && Ft(() => (
         /*select10_change_handler*/
-        t[59].call(pe)
+        t[59].call(_e)
       )), Q(Zt, "class", "control svelte-g76q0j"), Ur.__value = "all", Ur.value = Ur.__value, Si.__value = "body", Si.value = Si.__value, Vr.__value = "none", Vr.value = Vr.__value, Sr.__value = "all-none", Sr.value = Sr.__value, cr.__value = "none-all", cr.value = cr.__value, Q(Fi, "tabindex", -1), Q(Fi, "class", "svelte-g76q0j"), /*segmentWidgetSections*/
       t[33] === void 0 && Ft(() => (
         /*select11_change_handler*/
@@ -23066,7 +23100,7 @@ function Ik(t) {
         /*widgetPosition*/
         t[23],
         !0
-      ), I(e, zt), I(e, Ze), I(Ze, bi), I(Ze, Mt), I(Mt, me), I(Mt, di), I(Mt, fi), I(Mt, _i), I(Mt, hi), I(Mt, Ai), ut(
+      ), I(e, zt), I(e, Ze), I(Ze, bi), I(Ze, Mt), I(Mt, pe), I(Mt, di), I(Mt, fi), I(Mt, _i), I(Mt, hi), I(Mt, Ai), ut(
         Mt,
         /*widgetWidth*/
         t[24],
@@ -23092,8 +23126,8 @@ function Ik(t) {
         /*highlightSections*/
         t[31],
         !0
-      ), I(e, ur), I(e, Zt), I(Zt, j), I(Zt, pe), I(pe, _e), I(pe, ot), I(pe, Ar), I(pe, br), I(pe, Fr), ut(
-        pe,
+      ), I(e, ur), I(e, Zt), I(Zt, j), I(Zt, _e), I(_e, ye), I(_e, ot), I(_e, Ar), I(_e, br), I(_e, Fr), ut(
+        _e,
         /*clickableSections*/
         t[32],
         !0
@@ -23111,115 +23145,115 @@ function Ik(t) {
         t[34],
         !0
       ), I(e, Sn), qi && qi.m(e, null), I(e, xr), I(e, cs), I(e, Wn), Tr.m(e, null), jn || (Tn = [
-        ye(
+        me(
           _,
           "change",
           /*select0_change_handler*/
           t[43]
         ),
-        ye(
+        me(
           H,
           "change",
           /*select1_change_handler*/
           t[44]
         ),
-        ye(
+        me(
           $,
           "input",
           /*input0_input_handler*/
           t[45]
         ),
-        ye(
+        me(
           Xe,
           "input",
           /*input1_input_handler*/
           t[46]
         ),
-        ye(
+        me(
           K,
           "change",
           /*select2_change_handler*/
           t[47]
         ),
-        ye(
+        me(
           Ee,
           "change",
           /*select3_change_handler*/
           t[48]
         ),
-        ye(
+        me(
           lt,
           "change",
           /*select4_change_handler*/
           t[49]
         ),
-        ye(
+        me(
           bt,
           "change",
           /*select5_change_handler*/
           t[50]
         ),
-        ye(
+        me(
           It,
           "change",
           /*select6_change_handler*/
           t[51]
         ),
-        ye(
+        me(
           Ct,
           "change",
           /*select7_change_handler*/
           t[52]
         ),
-        ye(
+        me(
           Mt,
           "change",
           /*select8_change_handler*/
           t[53]
         ),
-        ye(
+        me(
           Ne,
           "input",
           /*input2_input_handler*/
           t[54]
         ),
-        ye(
+        me(
           ri,
           "input",
           /*input3_input_handler*/
           t[55]
         ),
-        ye(
+        me(
           Oi,
           "input",
           /*input4_input_handler*/
           t[56]
         ),
-        ye(
+        me(
           Pi,
           "input",
           /*input5_input_handler*/
           t[57]
         ),
-        ye(
+        me(
           yi,
           "change",
           /*select9_change_handler*/
           t[58]
         ),
-        ye(
-          pe,
+        me(
+          _e,
           "change",
           /*select10_change_handler*/
           t[59]
         ),
-        ye(
+        me(
           Fi,
           "change",
           /*select11_change_handler*/
           t[60]
         ),
-        ye(
+        me(
           dr,
           "change",
           /*select12_change_handler*/
@@ -23329,7 +23363,7 @@ function Ik(t) {
         ze[31]
       ), Nt[1] & /*clickableSections*/
       2 && ut(
-        pe,
+        _e,
         /*clickableSections*/
         ze[32]
       ), Nt[1] & /*segmentWidgetSections*/
@@ -23453,7 +23487,7 @@ function Rk(t, e, i) {
   function Mt() {
     Xe = this.value, i(21, Xe);
   }
-  function me() {
+  function pe() {
     K = this.value, i(25, K);
   }
   function di() {
@@ -23551,7 +23585,7 @@ function Rk(t, e, i) {
     Ze,
     bi,
     Mt,
-    me,
+    pe,
     di,
     fi,
     _i,
@@ -23561,14 +23595,14 @@ function Rk(t, e, i) {
     Y
   ];
 }
-class Dk extends it {
+class Dk extends rt {
   constructor(e) {
-    super(), tt(
+    super(), it(
       this,
       e,
       Rk,
       Ik,
-      et,
+      tt,
       {
         projectId: 0,
         contentId: 1,
@@ -24061,7 +24095,7 @@ function zk(t, e, i) {
     8 && i(1, V = a && (we == null ? void 0 : we.iconColor) || Ke), t.$$.dirty[0] & /*background, foreground, fallbackSvgs*/
     7 && i(16, ve = L.map((Le, Ye) => V0().then(() => te[Ye]))), t.$$.dirty[0] & /*activeAdvert, persistentAdvert, contentItem*/
     134217920 | t.$$.dirty[1] & /*isAdvert, isStopped*/
-    12 && i(32, z = a && we.imageUrl || !r && (Ie == null ? void 0 : Ie.imageUrl) || g.imageUrl), t.$$.dirty[0] & /*failedUrls*/
+    12 && i(32, z = a && we.imageUrl || !r && (Ie == null ? void 0 : Ie.imageUrl) || (g == null ? void 0 : g.imageUrl)), t.$$.dirty[0] & /*failedUrls*/
     32768 | t.$$.dirty[1] & /*imageUrl_*/
     2 && i(28, H = Fe.has(z) ? null : z), t.$$.dirty[0] & /*imageUrl*/
     268435456 && i(31, oe = H ? L.map((Le) => Ok(H, Le, Le)) : []), t.$$.dirty[0] & /*imageUrl*/
@@ -24073,21 +24107,21 @@ function zk(t, e, i) {
     67108864 && ge.then((Le) => i(14, xe = Le)).catch(ft), t.$$.dirty[0] & /*title, artist, album, artwork*/
     58736640 && (navigator.mediaSession.metadata = new MediaMetadata({ title: le, artist: be, album: $, artwork: xe })), t.$$.dirty[0] & /*onEvent*/
     8192 && navigator.mediaSession.setActionHandler("play", () => {
-      Me(rt({
+      Me($e({
         type: "PressedPlay",
         description: "The play button was pressed.",
         initiatedBy: "media-session-api"
       }));
     }), t.$$.dirty[0] & /*onEvent*/
     8192 && navigator.mediaSession.setActionHandler("pause", () => {
-      Me(rt({
+      Me($e({
         type: "PressedPause",
         description: "The pause button was pressed.",
         initiatedBy: "media-session-api"
       }));
     }), t.$$.dirty[0] & /*allowScrubbing, onEvent, duration*/
     4202752 && navigator.mediaSession.setActionHandler("seekto", F ? ({ seekTime: Le }) => {
-      Me(rt({
+      Me($e({
         type: "ScrubbedProgressBar",
         description: "The user pressed on the progress bar then dragged.",
         initiatedBy: "media-session-api",
@@ -24095,7 +24129,7 @@ function zk(t, e, i) {
       }));
     } : null), t.$$.dirty[0] & /*showSeekButtons, skipStyle, onEvent, backwardsSeconds*/
     3678208 && navigator.mediaSession.setActionHandler("seekbackward", k ? ({ seekOffset: Le }) => {
-      Me(rt(p === "seconds" || Le ? {
+      Me($e(p === "seconds" || Le ? {
         type: "PressedSeekBack",
         description: "The seek backward button was pressed.",
         initiatedBy: "media-session-api",
@@ -24107,7 +24141,7 @@ function zk(t, e, i) {
       }));
     } : null), t.$$.dirty[0] & /*showSeekButtons, skipStyle, onEvent, forwardsSeconds*/
     1843200 && navigator.mediaSession.setActionHandler("seekforward", k ? ({ seekOffset: Le }) => {
-      Me(rt(p === "seconds" || Le ? {
+      Me($e(p === "seconds" || Le ? {
         type: "PressedSeekAhead",
         description: "The seek ahead button was pressed.",
         initiatedBy: "media-session-api",
@@ -24119,14 +24153,14 @@ function zk(t, e, i) {
       }));
     } : null), t.$$.dirty[0] & /*showTrackButtons, onEvent*/
     139264 && navigator.mediaSession.setActionHandler("previoustrack", C ? () => {
-      Me(rt({
+      Me($e({
         type: "PressedPrevTrack",
         description: "The previous track button was pressed.",
         initiatedBy: "media-session-api"
       }));
     } : null), t.$$.dirty[0] & /*showTrackButtons, onEvent*/
     139264 && navigator.mediaSession.setActionHandler("nexttrack", C ? () => {
-      Me(rt({
+      Me($e({
         type: "PressedNextTrack",
         description: "The next track button was pressed.",
         initiatedBy: "media-session-api"
@@ -24177,14 +24211,14 @@ function zk(t, e, i) {
     Ee
   ];
 }
-class Hk extends it {
+class Hk extends rt {
   constructor(e) {
-    super(), tt(
+    super(), it(
       this,
       e,
       zk,
       Gk,
-      et,
+      tt,
       {
         content: 4,
         contentIndex: 5,
@@ -24312,9 +24346,9 @@ function Xk(t, e, i) {
     "analyticsTag" in l && i(0, a = l.analyticsTag);
   }, i(1, r = window.gtag), [a, r];
 }
-class Zk extends it {
+class Zk extends rt {
   constructor(e) {
-    super(), tt(this, e, Xk, qk, et, { analyticsTag: 0 });
+    super(), it(this, e, Xk, qk, tt, { analyticsTag: 0 });
   }
   get analyticsTag() {
     return this.$$.ctx[0];
@@ -24323,9 +24357,9 @@ class Zk extends it {
     this.$$set({ analyticsTag: e }), P();
   }
 }
-class Jk extends it {
+class Jk extends rt {
   constructor(e) {
-    super(), tt(this, e, null, null, et, {});
+    super(), it(this, e, null, null, tt, {});
   }
 }
 var ha, Ol, po, cf;
@@ -24452,7 +24486,7 @@ ma = new WeakMap(), To = new WeakSet(), mf = function(e, i, r, a) {
   }
   i.onUpdate(i.containers);
 }, ht(Ss, To), ht(Ss, ko), ht(Ss, ma, new ou(ce(xs, To, mf), ce(xs, ko, pf)));
-const Qk = () => rt({
+const Qk = () => $e({
   type: "IdentifiersChanged",
   description: "The Player's content identifiers changed.",
   initiatedBy: "browser"
@@ -24509,7 +24543,7 @@ const t2 = (t, e, i, r) => zr(void 0, null, function* () {
   ((l = (a = e == null ? void 0 : e.message) == null ? void 0 : a.result) == null ? void 0 : l.action) === "podcast_state_updated" && r2(e, t), e.type === "reject_subscription" && n2(e);
 }, r2 = (t, e) => {
   const i = t.message.result;
-  e(rt({
+  e($e({
     type: "ContentStatusChanged",
     description: "The processing status of a content item within the project changed.",
     initiatedBy: "websocket",
@@ -25226,7 +25260,7 @@ function p2(t) {
   function Mt(Y) {
     t[127](Y);
   }
-  function me(Y) {
+  function pe(Y) {
     t[128](Y);
   }
   function di(Y) {
@@ -25341,7 +25375,7 @@ function p2(t) {
     t[40] !== void 0 && (Ue.analyticsCustomUrl = /*analyticsCustomUrl*/
     t[40]), /*analyticsTag*/
     t[41] !== void 0 && (Ue.analyticsTag = /*analyticsTag*/
-    t[41]), e = new Dk({ props: Ue }), Ve.push(() => Qe(e, "projectId", wt)), Ve.push(() => Qe(e, "contentId", Tt)), Ve.push(() => Qe(e, "playlistId", qt)), Ve.push(() => Qe(e, "sourceId", yt)), Ve.push(() => Qe(e, "sourceUrl", Ut)), Ve.push(() => Qe(e, "showUserInterface", Vt)), Ve.push(() => Qe(e, "playerStyle", lt)), Ve.push(() => Qe(e, "playerTitle", kt)), Ve.push(() => Qe(e, "callToAction", Se)), Ve.push(() => Qe(e, "skipButtonStyle", gt)), Ve.push(() => Qe(e, "playlistStyle", $t)), Ve.push(() => Qe(e, "playlistToggle", Gt)), Ve.push(() => Qe(e, "mediaSession", Ot)), Ve.push(() => Qe(e, "contentIndex", bt)), Ve.push(() => Qe(e, "introsOutrosIndex", st)), Ve.push(() => Qe(e, "advertIndex", Bt)), Ve.push(() => Qe(e, "persistentAdImage", si)), Ve.push(() => Qe(e, "persistentIndex", ai)), Ve.push(() => Qe(e, "duration", It)), Ve.push(() => Qe(e, "currentTime", Rt)), Ve.push(() => Qe(e, "playbackState", Dt)), Ve.push(() => Qe(e, "playbackRate", Wt)), Ve.push(() => Qe(e, "widgetStyle", ei)), Ve.push(() => Qe(e, "widgetPosition", Xt)), Ve.push(() => Qe(e, "widgetWidth", ti)), Ve.push(() => Qe(e, "widgetTarget", ui)), Ve.push(() => Qe(e, "textColor", Ct)), Ve.push(() => Qe(e, "backgroundColor", at)), Ve.push(() => Qe(e, "iconColor", ii)), Ve.push(() => Qe(e, "highlightColor", De)), Ve.push(() => Qe(e, "logoIconEnabled", ci)), Ve.push(() => Qe(e, "highlightSections", zt)), Ve.push(() => Qe(e, "clickableSections", Ze)), Ve.push(() => Qe(e, "segmentWidgetSections", bi)), Ve.push(() => Qe(e, "segmentWidgetPosition", Mt)), Ve.push(() => Qe(e, "currentSegment", me)), Ve.push(() => Qe(e, "hoveredSegment", di)), Ve.push(() => Qe(e, "advertConsent", fi)), Ve.push(() => Qe(e, "analyticsConsent", _i)), Ve.push(() => Qe(e, "analyticsCustomUrl", hi)), Ve.push(() => Qe(e, "analyticsTag", Ai)), {
+    t[41]), e = new Dk({ props: Ue }), Ve.push(() => Qe(e, "projectId", wt)), Ve.push(() => Qe(e, "contentId", Tt)), Ve.push(() => Qe(e, "playlistId", qt)), Ve.push(() => Qe(e, "sourceId", yt)), Ve.push(() => Qe(e, "sourceUrl", Ut)), Ve.push(() => Qe(e, "showUserInterface", Vt)), Ve.push(() => Qe(e, "playerStyle", lt)), Ve.push(() => Qe(e, "playerTitle", kt)), Ve.push(() => Qe(e, "callToAction", Se)), Ve.push(() => Qe(e, "skipButtonStyle", gt)), Ve.push(() => Qe(e, "playlistStyle", $t)), Ve.push(() => Qe(e, "playlistToggle", Gt)), Ve.push(() => Qe(e, "mediaSession", Ot)), Ve.push(() => Qe(e, "contentIndex", bt)), Ve.push(() => Qe(e, "introsOutrosIndex", st)), Ve.push(() => Qe(e, "advertIndex", Bt)), Ve.push(() => Qe(e, "persistentAdImage", si)), Ve.push(() => Qe(e, "persistentIndex", ai)), Ve.push(() => Qe(e, "duration", It)), Ve.push(() => Qe(e, "currentTime", Rt)), Ve.push(() => Qe(e, "playbackState", Dt)), Ve.push(() => Qe(e, "playbackRate", Wt)), Ve.push(() => Qe(e, "widgetStyle", ei)), Ve.push(() => Qe(e, "widgetPosition", Xt)), Ve.push(() => Qe(e, "widgetWidth", ti)), Ve.push(() => Qe(e, "widgetTarget", ui)), Ve.push(() => Qe(e, "textColor", Ct)), Ve.push(() => Qe(e, "backgroundColor", at)), Ve.push(() => Qe(e, "iconColor", ii)), Ve.push(() => Qe(e, "highlightColor", De)), Ve.push(() => Qe(e, "logoIconEnabled", ci)), Ve.push(() => Qe(e, "highlightSections", zt)), Ve.push(() => Qe(e, "clickableSections", Ze)), Ve.push(() => Qe(e, "segmentWidgetSections", bi)), Ve.push(() => Qe(e, "segmentWidgetPosition", Mt)), Ve.push(() => Qe(e, "currentSegment", pe)), Ve.push(() => Qe(e, "hoveredSegment", di)), Ve.push(() => Qe(e, "advertConsent", fi)), Ve.push(() => Qe(e, "analyticsConsent", _i)), Ve.push(() => Qe(e, "analyticsCustomUrl", hi)), Ve.push(() => Qe(e, "analyticsTag", Ai)), {
       c() {
         He(e.$$.fragment);
       },
@@ -25763,7 +25797,7 @@ function _2(t) {
 function y2(t, e, i) {
   let r, a, l, g, p, _, T, k, C, F, U, V, z, { playerApiUrl: H = "https://api.beyondwords.io/v1/projects/{id}/player" } = e, { projectId: oe = void 0 } = e, { contentId: ue = void 0 } = e, { playlistId: he = void 0 } = e, { sourceId: ge = void 0 } = e, { sourceUrl: le = void 0 } = e, { playlist: be = [] } = e, { showUserInterface: $ = !0 } = e, { playerStyle: L = "standard" } = e, { playerTitle: ae = void 0 } = e, { callToAction: W = void 0 } = e, { skipButtonStyle: Xe = "auto" } = e, { playlistStyle: we = "auto-5-4" } = e, { playlistToggle: Ie = "auto" } = e, { downloadFormats: Oe = [] } = e, { mediaSession: K = "auto" } = e, { content: Z = [] } = e, { contentIndex: B = 0 } = e, { introsOutros: Ke = [] } = e, { introsOutrosIndex: Me = -1 } = e, { adverts: xe = [] } = e, { advertIndex: Fe = -1 } = e, { persistentAdImage: te = !1 } = e, { persistentIndex: ve = -1 } = e, { duration: ft = 0 } = e, { currentTime: Ee = 0 } = e, { playbackState: Le = "stopped" } = e, { playbackRate: Ye = 1 } = e, { widgetStyle: wt = "standard" } = e, { widgetPosition: Tt = "auto" } = e, { widgetWidth: qt = "auto" } = e, { widgetTarget: yt = void 0 } = e, { textColor: Ut = "#111" } = e, { backgroundColor: Vt = "#f5f5f5" } = e, { iconColor: lt = "rgba(0, 0, 0, 0.8)" } = e, { highlightColor: kt = "#eee" } = e, { logoIconEnabled: Se = !0 } = e, { highlightSections: gt = "all" } = e, { clickableSections: $t = "all" } = e, { segmentWidgetSections: Gt = "body" } = e, { segmentWidgetPosition: Ot = "7-oclock" } = e, { currentSegment: bt = void 0 } = e, { hoveredSegment: st = void 0 } = e, { advertConsent: Bt = "personalized" } = e, { analyticsConsent: si = "allowed" } = e, { analyticsCustomUrl: ai = void 0 } = e, { analyticsTag: It = void 0 } = e, { writeToken: Rt = void 0 } = e, { captureErrors: Dt = !0 } = e, { transitions: Wt = [] } = e, { controlPanel: ei = void 0 } = e;
   const Xt = (...R) => Ze.addEventListener(...R), ti = (...R) => Ze.removeEventListener(...R);
-  let { initialProps: ui = {} } = e, { showBottomWidget: Ct = !1 } = e, { showMediaSession: at = !1 } = e, { isFullScreen: ii = !1 } = e, { mediaElement: De = void 0 } = e, { userInterface: ci = void 0 } = e, { widgetInterface: zt = void 0 } = e, { controller: Ze = void 0 } = e, { analyticsUrl: bi = void 0 } = e, { analyticsId: Mt = void 0 } = e, { listenSessionId: me = void 0 } = e, { sessionCreatedAt: di = void 0 } = e, { emitPlayEvent: fi = void 0 } = e, { prevPercentage: _i = 0 } = e, { segmentWidgets: hi = [] } = e, { segmentContainers: Ai = new Ss((R) => i(46, hi = R)) } = e, { segmentClickables: Ue = new bs() } = e, { segmentHighlights: Y = new ys() } = e;
+  let { initialProps: ui = {} } = e, { showBottomWidget: Ct = !1 } = e, { showMediaSession: at = !1 } = e, { isFullScreen: ii = !1 } = e, { mediaElement: De = void 0 } = e, { userInterface: ci = void 0 } = e, { widgetInterface: zt = void 0 } = e, { controller: Ze = void 0 } = e, { analyticsUrl: bi = void 0 } = e, { analyticsId: Mt = void 0 } = e, { listenSessionId: pe = void 0 } = e, { sessionCreatedAt: di = void 0 } = e, { emitPlayEvent: fi = void 0 } = e, { prevPercentage: _i = 0 } = e, { segmentWidgets: hi = [] } = e, { segmentContainers: Ai = new Ss((R) => i(46, hi = R)) } = e, { segmentClickables: Ue = new bs() } = e, { segmentHighlights: Y = new ys() } = e;
   const J = (R) => Ze.processEvent(de({ emittedFrom: p }, R)), Ne = () => i(82, k = st);
   function Mr(R) {
     Ve[R ? "unshift" : "push"](() => {
@@ -25845,10 +25879,10 @@ function y2(t, e, i) {
   function j(R) {
     Me = R, i(8, Me);
   }
-  function pe(R) {
+  function _e(R) {
     Fe = R, i(9, Fe);
   }
-  function _e(R) {
+  function ye(R) {
     te = R, i(28, te);
   }
   function ot(R) {
@@ -25924,7 +25958,7 @@ function y2(t, e, i) {
     It = R, i(41, It);
   }
   return t.$$set = (R) => {
-    "playerApiUrl" in R && i(63, H = R.playerApiUrl), "projectId" in R && i(0, oe = R.projectId), "contentId" in R && i(1, ue = R.contentId), "playlistId" in R && i(2, he = R.playlistId), "sourceId" in R && i(3, ge = R.sourceId), "sourceUrl" in R && i(4, le = R.sourceUrl), "playlist" in R && i(64, be = R.playlist), "showUserInterface" in R && i(5, $ = R.showUserInterface), "playerStyle" in R && i(6, L = R.playerStyle), "playerTitle" in R && i(22, ae = R.playerTitle), "callToAction" in R && i(23, W = R.callToAction), "skipButtonStyle" in R && i(24, Xe = R.skipButtonStyle), "playlistStyle" in R && i(25, we = R.playlistStyle), "playlistToggle" in R && i(26, Ie = R.playlistToggle), "downloadFormats" in R && i(47, Oe = R.downloadFormats), "mediaSession" in R && i(27, K = R.mediaSession), "content" in R && i(48, Z = R.content), "contentIndex" in R && i(7, B = R.contentIndex), "introsOutros" in R && i(49, Ke = R.introsOutros), "introsOutrosIndex" in R && i(8, Me = R.introsOutrosIndex), "adverts" in R && i(50, xe = R.adverts), "advertIndex" in R && i(9, Fe = R.advertIndex), "persistentAdImage" in R && i(28, te = R.persistentAdImage), "persistentIndex" in R && i(10, ve = R.persistentIndex), "duration" in R && i(29, ft = R.duration), "currentTime" in R && i(11, Ee = R.currentTime), "playbackState" in R && i(30, Le = R.playbackState), "playbackRate" in R && i(31, Ye = R.playbackRate), "widgetStyle" in R && i(12, wt = R.widgetStyle), "widgetPosition" in R && i(32, Tt = R.widgetPosition), "widgetWidth" in R && i(33, qt = R.widgetWidth), "widgetTarget" in R && i(13, yt = R.widgetTarget), "textColor" in R && i(34, Ut = R.textColor), "backgroundColor" in R && i(35, Vt = R.backgroundColor), "iconColor" in R && i(36, lt = R.iconColor), "highlightColor" in R && i(14, kt = R.highlightColor), "logoIconEnabled" in R && i(37, Se = R.logoIconEnabled), "highlightSections" in R && i(15, gt = R.highlightSections), "clickableSections" in R && i(16, $t = R.clickableSections), "segmentWidgetSections" in R && i(17, Gt = R.segmentWidgetSections), "segmentWidgetPosition" in R && i(18, Ot = R.segmentWidgetPosition), "currentSegment" in R && i(19, bt = R.currentSegment), "hoveredSegment" in R && i(20, st = R.hoveredSegment), "advertConsent" in R && i(38, Bt = R.advertConsent), "analyticsConsent" in R && i(39, si = R.analyticsConsent), "analyticsCustomUrl" in R && i(40, ai = R.analyticsCustomUrl), "analyticsTag" in R && i(41, It = R.analyticsTag), "writeToken" in R && i(65, Rt = R.writeToken), "captureErrors" in R && i(66, Dt = R.captureErrors), "transitions" in R && i(67, Wt = R.transitions), "controlPanel" in R && i(21, ei = R.controlPanel), "initialProps" in R && i(70, ui = R.initialProps), "showBottomWidget" in R && i(51, Ct = R.showBottomWidget), "showMediaSession" in R && i(52, at = R.showMediaSession), "isFullScreen" in R && i(71, ii = R.isFullScreen), "mediaElement" in R && i(42, De = R.mediaElement), "userInterface" in R && i(43, ci = R.userInterface), "widgetInterface" in R && i(44, zt = R.widgetInterface), "controller" in R && i(72, Ze = R.controller), "analyticsUrl" in R && i(73, bi = R.analyticsUrl), "analyticsId" in R && i(74, Mt = R.analyticsId), "listenSessionId" in R && i(75, me = R.listenSessionId), "sessionCreatedAt" in R && i(76, di = R.sessionCreatedAt), "emitPlayEvent" in R && i(77, fi = R.emitPlayEvent), "prevPercentage" in R && i(45, _i = R.prevPercentage), "segmentWidgets" in R && i(46, hi = R.segmentWidgets), "segmentContainers" in R && i(78, Ai = R.segmentContainers), "segmentClickables" in R && i(79, Ue = R.segmentClickables), "segmentHighlights" in R && i(80, Y = R.segmentHighlights);
+    "playerApiUrl" in R && i(63, H = R.playerApiUrl), "projectId" in R && i(0, oe = R.projectId), "contentId" in R && i(1, ue = R.contentId), "playlistId" in R && i(2, he = R.playlistId), "sourceId" in R && i(3, ge = R.sourceId), "sourceUrl" in R && i(4, le = R.sourceUrl), "playlist" in R && i(64, be = R.playlist), "showUserInterface" in R && i(5, $ = R.showUserInterface), "playerStyle" in R && i(6, L = R.playerStyle), "playerTitle" in R && i(22, ae = R.playerTitle), "callToAction" in R && i(23, W = R.callToAction), "skipButtonStyle" in R && i(24, Xe = R.skipButtonStyle), "playlistStyle" in R && i(25, we = R.playlistStyle), "playlistToggle" in R && i(26, Ie = R.playlistToggle), "downloadFormats" in R && i(47, Oe = R.downloadFormats), "mediaSession" in R && i(27, K = R.mediaSession), "content" in R && i(48, Z = R.content), "contentIndex" in R && i(7, B = R.contentIndex), "introsOutros" in R && i(49, Ke = R.introsOutros), "introsOutrosIndex" in R && i(8, Me = R.introsOutrosIndex), "adverts" in R && i(50, xe = R.adverts), "advertIndex" in R && i(9, Fe = R.advertIndex), "persistentAdImage" in R && i(28, te = R.persistentAdImage), "persistentIndex" in R && i(10, ve = R.persistentIndex), "duration" in R && i(29, ft = R.duration), "currentTime" in R && i(11, Ee = R.currentTime), "playbackState" in R && i(30, Le = R.playbackState), "playbackRate" in R && i(31, Ye = R.playbackRate), "widgetStyle" in R && i(12, wt = R.widgetStyle), "widgetPosition" in R && i(32, Tt = R.widgetPosition), "widgetWidth" in R && i(33, qt = R.widgetWidth), "widgetTarget" in R && i(13, yt = R.widgetTarget), "textColor" in R && i(34, Ut = R.textColor), "backgroundColor" in R && i(35, Vt = R.backgroundColor), "iconColor" in R && i(36, lt = R.iconColor), "highlightColor" in R && i(14, kt = R.highlightColor), "logoIconEnabled" in R && i(37, Se = R.logoIconEnabled), "highlightSections" in R && i(15, gt = R.highlightSections), "clickableSections" in R && i(16, $t = R.clickableSections), "segmentWidgetSections" in R && i(17, Gt = R.segmentWidgetSections), "segmentWidgetPosition" in R && i(18, Ot = R.segmentWidgetPosition), "currentSegment" in R && i(19, bt = R.currentSegment), "hoveredSegment" in R && i(20, st = R.hoveredSegment), "advertConsent" in R && i(38, Bt = R.advertConsent), "analyticsConsent" in R && i(39, si = R.analyticsConsent), "analyticsCustomUrl" in R && i(40, ai = R.analyticsCustomUrl), "analyticsTag" in R && i(41, It = R.analyticsTag), "writeToken" in R && i(65, Rt = R.writeToken), "captureErrors" in R && i(66, Dt = R.captureErrors), "transitions" in R && i(67, Wt = R.transitions), "controlPanel" in R && i(21, ei = R.controlPanel), "initialProps" in R && i(70, ui = R.initialProps), "showBottomWidget" in R && i(51, Ct = R.showBottomWidget), "showMediaSession" in R && i(52, at = R.showMediaSession), "isFullScreen" in R && i(71, ii = R.isFullScreen), "mediaElement" in R && i(42, De = R.mediaElement), "userInterface" in R && i(43, ci = R.userInterface), "widgetInterface" in R && i(44, zt = R.widgetInterface), "controller" in R && i(72, Ze = R.controller), "analyticsUrl" in R && i(73, bi = R.analyticsUrl), "analyticsId" in R && i(74, Mt = R.analyticsId), "listenSessionId" in R && i(75, pe = R.listenSessionId), "sessionCreatedAt" in R && i(76, di = R.sessionCreatedAt), "emitPlayEvent" in R && i(77, fi = R.emitPlayEvent), "prevPercentage" in R && i(45, _i = R.prevPercentage), "segmentWidgets" in R && i(46, hi = R.segmentWidgets), "segmentContainers" in R && i(78, Ai = R.segmentContainers), "segmentClickables" in R && i(79, Ue = R.segmentClickables), "segmentHighlights" in R && i(80, Y = R.segmentHighlights);
   }, t.$$.update = () => {
     t.$$.dirty[0] & /*introsOutrosIndex*/
     256 | t.$$.dirty[1] & /*introsOutros*/
@@ -26048,7 +26082,7 @@ function y2(t, e, i) {
     Ze,
     bi,
     Mt,
-    me,
+    pe,
     di,
     fi,
     Ai,
@@ -26081,8 +26115,8 @@ function y2(t, e, i) {
     ur,
     Zt,
     j,
-    pe,
     _e,
+    ye,
     ot,
     Ar,
     br,
@@ -26109,14 +26143,14 @@ function y2(t, e, i) {
     Pr
   ];
 }
-let b2 = class extends it {
+let b2 = class extends rt {
   constructor(e) {
-    super(), tt(
+    super(), it(
       this,
       e,
       y2,
       _2,
-      et,
+      tt,
       {
         playerApiUrl: 63,
         projectId: 0,
@@ -26963,6 +26997,8 @@ class e3 {
   }
   handlePressedAdvertButton() {
   }
+  handlePressedAdvertImage() {
+  }
   handlePressedAdvertVideo() {
   }
   handlePressedBeyondWords() {
@@ -31051,7 +31087,7 @@ const h6 = () => {
   if (e)
     for (const r of BeyondWords.Player.instances()) {
       const { segment: a, contentIndex: l, segmentIndex: g } = Th(r, e);
-      a && r.onEvent(rt({
+      a && r.onEvent($e({
         type: "PressedSegment",
         description: "The user pressed on a segment in the article.",
         initiatedBy: "user",
@@ -31066,7 +31102,7 @@ const h6 = () => {
   const e = document.elementFromPoint(t.clientX, t.clientY), i = (r = Sh(e)) == null ? void 0 : r.getAttribute(Un);
   for (const [a, l] of BeyondWords.Player.instances().entries()) {
     const { segment: g, contentIndex: p, segmentIndex: _ } = Th(l, i);
-    _6(a, p, _) && l.onEvent(rt({
+    _6(a, p, _) && l.onEvent($e({
       type: "HoveredSegmentUpdated",
       description: "The user hovered over a different segment in the article.",
       initiatedBy: "user",