@hanifhan1f/vidstack 1.12.19 → 1.12.25

package/prod/chunks/vidstack-oNEzlviH.js

@@ -0,0 +1,246 @@
+import { EventsTarget, DOMEvent, isString, isArray, isNumber } from './vidstack-BNpgCJJ1.js';
+import { getRequestCredentials } from './vidstack-KShKSmYu.js';
+import { isCueActive } from './vidstack-BP49Gz0m.js';
+
+const CROSS_ORIGIN = Symbol(0), READY_STATE = Symbol(0), UPDATE_ACTIVE_CUES = Symbol(0), CAN_LOAD = Symbol(0), ON_MODE_CHANGE = Symbol(0), NATIVE = Symbol(0), NATIVE_HLS = Symbol(0);
+const TextTrackSymbol = {
+  crossOrigin: CROSS_ORIGIN,
+  readyState: READY_STATE,
+  updateActiveCues: UPDATE_ACTIVE_CUES,
+  canLoad: CAN_LOAD,
+  onModeChange: ON_MODE_CHANGE,
+  native: NATIVE,
+  nativeHLS: NATIVE_HLS
+};
+
+class TextTrack extends EventsTarget {
+  static createId(track) {
+    return `vds-${track.type}-${track.kind}-${track.src ?? track.label ?? "?"}`;
+  }
+  src;
+  content;
+  type;
+  encoding;
+  id = "";
+  label = "";
+  language = "";
+  kind;
+  default = false;
+  #canLoad = false;
+  #currentTime = 0;
+  #mode = "disabled";
+  #metadata = {};
+  #regions = [];
+  #cues = [];
+  #activeCues = [];
+  #cueIds = /* @__PURE__ */ new Set();
+  /** @internal */
+  [TextTrackSymbol.readyState] = 0;
+  /** @internal */
+  [TextTrackSymbol.crossOrigin];
+  /** @internal */
+  [TextTrackSymbol.onModeChange] = null;
+  /** @internal */
+  [TextTrackSymbol.native] = null;
+  get metadata() {
+    return this.#metadata;
+  }
+  get regions() {
+    return this.#regions;
+  }
+  get cues() {
+    return this.#cues;
+  }
+  get activeCues() {
+    return this.#activeCues;
+  }
+  /**
+   * - 0: Not Loading
+   * - 1: Loading
+   * - 2: Ready
+   * - 3: Error
+   */
+  get readyState() {
+    return this[TextTrackSymbol.readyState];
+  }
+  get mode() {
+    return this.#mode;
+  }
+  set mode(mode) {
+    this.setMode(mode);
+  }
+  constructor(init) {
+    super();
+    for (const prop of Object.keys(init)) this[prop] = init[prop];
+    if (!this.type) this.type = "vtt";
+    if (init.content) {
+      this.#parseContent(init);
+    } else if (!init.src) {
+      this[TextTrackSymbol.readyState] = 2;
+    }
+  }
+  addCue(cue, trigger) {
+    if (cue.id) {
+      if (this.#cueIds.has(cue.id)) return;
+      this.#cueIds.add(cue.id);
+    }
+    let i = 0, length = this.#cues.length;
+    for (i = 0; i < length; i++) if (cue.endTime <= this.#cues[i].startTime) break;
+    if (i === length) this.#cues.push(cue);
+    else this.#cues.splice(i, 0, cue);
+    if (!(cue instanceof TextTrackCue)) {
+      this[TextTrackSymbol.native]?.track.addCue(cue);
+    }
+    this.dispatchEvent(new DOMEvent("add-cue", { detail: cue, trigger }));
+    if (isCueActive(cue, this.#currentTime)) {
+      this[TextTrackSymbol.updateActiveCues](this.#currentTime, trigger);
+    }
+  }
+  removeCue(cue, trigger) {
+    const index = this.#cues.indexOf(cue);
+    if (index >= 0) {
+      const isActive = this.#activeCues.includes(cue);
+      if (cue.id) this.#cueIds.delete(cue.id);
+      this.#cues.splice(index, 1);
+      this[TextTrackSymbol.native]?.track.removeCue(cue);
+      this.dispatchEvent(new DOMEvent("remove-cue", { detail: cue, trigger }));
+      if (isActive) {
+        this[TextTrackSymbol.updateActiveCues](this.#currentTime, trigger);
+      }
+    }
+  }
+  setMode(mode, trigger) {
+    if (this.#mode === mode) return;
+    this.#mode = mode;
+    if (mode === "disabled") {
+      this.#activeCues = [];
+      this.#activeCuesChanged();
+    } else if (this.readyState === 2) {
+      this[TextTrackSymbol.updateActiveCues](this.#currentTime, trigger);
+    } else {
+      this.#load();
+    }
+    this.dispatchEvent(new DOMEvent("mode-change", { detail: this, trigger }));
+    this[TextTrackSymbol.onModeChange]?.();
+  }
+  /** @internal */
+  [TextTrackSymbol.updateActiveCues](currentTime, trigger) {
+    this.#currentTime = currentTime;
+    if (this.mode === "disabled" || !this.#cues.length) return;
+    const activeCues = [];
+    for (let i = 0, length = this.#cues.length; i < length; i++) {
+      const cue = this.#cues[i];
+      if (isCueActive(cue, currentTime)) activeCues.push(cue);
+    }
+    let changed = activeCues.length !== this.#activeCues.length;
+    if (!changed) {
+      for (let i = 0; i < activeCues.length; i++) {
+        if (!this.#activeCues.includes(activeCues[i])) {
+          changed = true;
+          break;
+        }
+      }
+    }
+    this.#activeCues = activeCues;
+    if (changed) this.#activeCuesChanged(trigger);
+  }
+  /** @internal */
+  [TextTrackSymbol.canLoad]() {
+    this.#canLoad = true;
+    if (this.#mode !== "disabled") this.#load();
+  }
+  #parseContent(init) {
+    import('media-captions').then(({ parseText, VTTCue, VTTRegion }) => {
+      if (!isString(init.content) || init.type === "json") {
+        this.#parseJSON(init.content, VTTCue, VTTRegion);
+        if (this.readyState !== 3) this.#ready();
+      } else {
+        const content = init.content.split("\n").map((line) => line.trim()).join("\n").trim();
+        parseText(content, { type: init.type }).then(({ cues, regions }) => {
+          this.#cues = cues;
+          this.#regions = regions;
+          this.#ready();
+        });
+      }
+    });
+  }
+  async #load() {
+    if (!this.#canLoad || this[TextTrackSymbol.readyState] > 0) return;
+    this[TextTrackSymbol.readyState] = 1;
+    this.dispatchEvent(new DOMEvent("load-start"));
+    if (!this.src) {
+      this.#ready();
+      return;
+    }
+    try {
+      const { parseResponse, VTTCue, VTTRegion } = await import('media-captions'), crossOrigin = this[TextTrackSymbol.crossOrigin]?.();
+      const response = fetch(this.src, {
+        headers: this.type === "json" ? { "Content-Type": "application/json" } : void 0,
+        credentials: getRequestCredentials(crossOrigin)
+      });
+      if (this.type === "json") {
+        this.#parseJSON(await (await response).text(), VTTCue, VTTRegion);
+      } else {
+        const { errors, metadata, regions, cues } = await parseResponse(response, {
+          type: this.type,
+          encoding: this.encoding
+        });
+        if (errors[0]?.code === 0) {
+          throw errors[0];
+        } else {
+          this.#metadata = metadata;
+          this.#regions = regions;
+          this.#cues = cues;
+        }
+      }
+      this.#ready();
+    } catch (error) {
+      this.#error(error);
+    }
+  }
+  #ready() {
+    this[TextTrackSymbol.readyState] = 2;
+    if (!this.src || this.type !== "vtt") {
+      const native = this[TextTrackSymbol.native];
+      if (native && !native.managed) {
+        for (const cue of this.#cues) native.track.addCue(cue);
+      }
+    }
+    const loadEvent = new DOMEvent("load");
+    this[TextTrackSymbol.updateActiveCues](this.#currentTime, loadEvent);
+    this.dispatchEvent(loadEvent);
+  }
+  #error(error) {
+    this[TextTrackSymbol.readyState] = 3;
+    this.dispatchEvent(new DOMEvent("error", { detail: error }));
+  }
+  #parseJSON(json, VTTCue, VTTRegion) {
+    try {
+      const { regions, cues } = parseJSONCaptionsFile(json, VTTCue, VTTRegion);
+      this.#regions = regions;
+      this.#cues = cues;
+    } catch (error) {
+      this.#error(error);
+    }
+  }
+  #activeCuesChanged(trigger) {
+    this.dispatchEvent(new DOMEvent("cue-change", { trigger }));
+  }
+}
+const captionRE = /captions|subtitles/;
+function isTrackCaptionKind(track) {
+  return captionRE.test(track.kind);
+}
+function parseJSONCaptionsFile(json, Cue, Region) {
+  const content = isString(json) ? JSON.parse(json) : json;
+  let regions = [], cues = [];
+  if (content.regions && Region) {
+    regions = content.regions.map((region) => Object.assign(new Region(), region));
+  }
+  if (content.cues || isArray(content)) {
+    cues = (isArray(content) ? content : content.cues).filter((content2) => isNumber(content2.startTime) && isNumber(content2.endTime)).map((cue) => Object.assign(new Cue(0, 0, ""), cue));
+  }
+  return { regions, cues };
+}
+
+export { TextTrack, TextTrackSymbol, isTrackCaptionKind, parseJSONCaptionsFile };

package/prod/chunks/vidstack-wTTCvdqe.js

@@ -0,0 +1,115 @@
+import { isFunction, isUndefined, waitTimeout, isString } from './vidstack-BNpgCJJ1.js';
+
+const UA = navigator?.userAgent.toLowerCase() || "";
+const IS_IOS = /iphone|ipad|ipod|ios|crios|fxios/i.test(UA);
+const IS_IPHONE = /(iphone|ipod)/gi.test(navigator?.platform || "");
+const IS_CHROME = !!window.chrome;
+const IS_SAFARI = !!window.safari || IS_IOS;
+function canOrientScreen() {
+  return canRotateScreen() && isFunction(screen.orientation.unlock);
+}
+function canRotateScreen() {
+  return !isUndefined(window.screen.orientation) && !isUndefined(window.screen.orientation.lock);
+}
+function canPlayAudioType(audio, type) {
+  if (!audio) audio = document.createElement("audio");
+  return audio.canPlayType(type).length > 0;
+}
+function canPlayVideoType(video, type) {
+  if (!video) video = document.createElement("video");
+  return video.canPlayType(type).length > 0;
+}
+function canPlayHLSNatively(video) {
+  if (!video) video = document.createElement("video");
+  return video.canPlayType("application/vnd.apple.mpegurl").length > 0;
+}
+function canUsePictureInPicture(video) {
+  if (!video) return false;
+  return !!document.pictureInPictureEnabled && !video.disablePictureInPicture;
+}
+function canUseVideoPresentation(video) {
+  return isFunction(video?.webkitSupportsPresentationMode) && isFunction(video?.webkitSetPresentationMode);
+}
+async function canChangeVolume() {
+  const video = document.createElement("video");
+  video.volume = 0.5;
+  await waitTimeout(0);
+  return video.volume === 0.5;
+}
+function getMediaSource() {
+  return window?.ManagedMediaSource ?? window?.MediaSource ?? window?.WebKitMediaSource;
+}
+function getSourceBuffer() {
+  return window?.SourceBuffer ?? window?.WebKitSourceBuffer;
+}
+function isHLSSupported() {
+  const MediaSource = getMediaSource();
+  if (isUndefined(MediaSource)) return false;
+  const isTypeSupported = MediaSource && isFunction(MediaSource.isTypeSupported) && MediaSource.isTypeSupported('video/mp4; codecs="avc1.42E01E,mp4a.40.2"');
+  const SourceBuffer = getSourceBuffer();
+  const isSourceBufferValid = isUndefined(SourceBuffer) || !isUndefined(SourceBuffer.prototype) && isFunction(SourceBuffer.prototype.appendBuffer) && isFunction(SourceBuffer.prototype.remove);
+  return !!isTypeSupported && !!isSourceBufferValid;
+}
+function isDASHSupported() {
+  return isHLSSupported();
+}
+
+const AUDIO_EXTENSIONS = /\.(m4a|m4b|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx|flac)($|\?)/i;
+const AUDIO_TYPES = /* @__PURE__ */ new Set([
+  "audio/mpeg",
+  "audio/ogg",
+  "audio/3gp",
+  "audio/mp3",
+  "audio/webm",
+  "audio/flac",
+  "audio/m4a",
+  "audio/m4b",
+  "audio/mp4a",
+  "audio/mp4"
+]);
+const VIDEO_EXTENSIONS = /\.(mp4|og[gv]|webm|mov|m4v)(#t=[,\d+]+)?($|\?)/i;
+const VIDEO_TYPES = /* @__PURE__ */ new Set([
+  "video/mp4",
+  "video/webm",
+  "video/3gp",
+  "video/ogg",
+  "video/avi",
+  "video/mpeg"
+]);
+const HLS_VIDEO_EXTENSIONS = /\.(m3u8)($|\?)/i;
+const DASH_VIDEO_EXTENSIONS = /\.(mpd)($|\?)/i;
+const HLS_VIDEO_TYPES = /* @__PURE__ */ new Set([
+  // Apple sanctioned
+  "application/vnd.apple.mpegurl",
+  // Apple sanctioned for backwards compatibility
+  "audio/mpegurl",
+  // Very common
+  "audio/x-mpegurl",
+  // Very common
+  "application/x-mpegurl",
+  // Included for completeness
+  "video/x-mpegurl",
+  "video/mpegurl",
+  "application/mpegurl"
+]);
+const DASH_VIDEO_TYPES = /* @__PURE__ */ new Set(["application/dash+xml"]);
+function isAudioSrc({ src, type }) {
+  return isString(src) ? AUDIO_EXTENSIONS.test(src) || AUDIO_TYPES.has(type) || src.startsWith("blob:") && type === "audio/object" : type === "audio/object";
+}
+function isVideoSrc(src) {
+  return isString(src.src) ? VIDEO_EXTENSIONS.test(src.src) || VIDEO_TYPES.has(src.type) || src.src.startsWith("blob:") && src.type === "video/object" || isHLSSrc(src) && canPlayHLSNatively() : src.type === "video/object";
+}
+function isHLSSrc({ src, type }) {
+  return isString(src) && HLS_VIDEO_EXTENSIONS.test(src) || HLS_VIDEO_TYPES.has(type);
+}
+function isDASHSrc({ src, type }) {
+  return isString(src) && DASH_VIDEO_EXTENSIONS.test(src) || DASH_VIDEO_TYPES.has(type);
+}
+function canGoogleCastSrc(src) {
+  return isString(src.src) && (isAudioSrc(src) || isVideoSrc(src) || isHLSSrc(src));
+}
+function isMediaStream(src) {
+  return typeof window.MediaStream !== "undefined" && src instanceof window.MediaStream;
+}
+
+export { AUDIO_EXTENSIONS, AUDIO_TYPES, DASH_VIDEO_EXTENSIONS, DASH_VIDEO_TYPES, HLS_VIDEO_EXTENSIONS, HLS_VIDEO_TYPES, IS_CHROME, IS_IOS, IS_IPHONE, IS_SAFARI, VIDEO_EXTENSIONS, VIDEO_TYPES, canChangeVolume, canGoogleCastSrc, canOrientScreen, canPlayAudioType, canPlayHLSNatively, canPlayVideoType, canRotateScreen, canUsePictureInPicture, canUseVideoPresentation, isAudioSrc, isDASHSrc, isDASHSupported, isHLSSrc, isHLSSupported, isMediaStream, isVideoSrc };

package/prod/define/plyr-layout.js

@@ -1,14 +1,14 @@
 import { defineCustomElement } from '../chunks/vidstack-BNpgCJJ1.js';
-import { MediaPlayButtonElement, MediaMuteButtonElement, MediaCaptionButtonElement, MediaPIPButtonElement, MediaFullscreenButtonElement, MediaSeekButtonElement, MediaAirPlayButtonElement, MediaLiveButtonElement, MediaVolumeSliderElement, MediaTimeSliderElement, MediaSliderPreviewElement, MediaSliderThumbnailElement, MediaSliderValueElement, MediaMenuElement, MediaMenuButtonElement, MediaMenuItemsElement, MediaMenuItemElement, MediaAudioRadioGroupElement, MediaCaptionsRadioGroupElement, MediaSpeedRadioGroupElement, MediaQualityRadioGroupElement, MediaRadioElement, MediaTimeElement, MediaThumbnailElement } from '../chunks/vidstack-BaaRY-9x.js';
+import { MediaPlayButtonElement, MediaMuteButtonElement, MediaCaptionButtonElement, MediaPIPButtonElement, MediaFullscreenButtonElement, MediaSeekButtonElement, MediaAirPlayButtonElement, MediaLiveButtonElement, MediaVolumeSliderElement, MediaTimeSliderElement, MediaSliderPreviewElement, MediaSliderThumbnailElement, MediaSliderValueElement, MediaMenuElement, MediaMenuButtonElement, MediaMenuItemsElement, MediaMenuItemElement, MediaAudioRadioGroupElement, MediaCaptionsRadioGroupElement, MediaSpeedRadioGroupElement, MediaQualityRadioGroupElement, MediaRadioElement, MediaTimeElement, MediaThumbnailElement } from '../chunks/vidstack-DXfGRhxZ.js';
 import { MediaPlyrLayoutElement } from './templates/plyr-layout.js';
-import { MediaPosterElement } from '../chunks/vidstack-CA4tDJdF.js';
-import '../chunks/vidstack-DcMkaIHJ.js';
+import { MediaPosterElement } from '../chunks/vidstack-DlLwMLBL.js';
+import '../chunks/vidstack-DDePVDjt.js';
 import '../chunks/vidstack-tt3O1zL6.js';
 import '../chunks/vidstack-DB9WDRL5.js';
 import '@floating-ui/dom';
-import '../chunks/vidstack-BpLd9ASW.js';
-import '../chunks/vidstack-V1jwkH0s.js';
-import '../chunks/vidstack-bdt7uOlN.js';
+import '../chunks/vidstack-oNEzlviH.js';
+import '../chunks/vidstack-KShKSmYu.js';
+import '../chunks/vidstack-wTTCvdqe.js';
 import '../chunks/vidstack-BP49Gz0m.js';
 import '../chunks/vidstack-COLU-zPZ.js';
 import '../chunks/vidstack-Dihypf8P.js';
@@ -22,7 +22,7 @@ import 'lit-html/directives/unsafe-svg.js';
 import 'lit-html/async-directive.js';
 import '../chunks/vidstack-CwTj4H1w.js';
 import 'lit-html/directives/unsafe-html.js';
-import '../chunks/vidstack-BRZe2BNi.js';
+import '../chunks/vidstack-C4PTiuot.js';
 
 defineCustomElement(MediaPlyrLayoutElement);
 defineCustomElement(MediaPosterElement);

package/prod/define/templates/plyr-layout.js

@@ -5,11 +5,11 @@ import { useMediaContext } from '../../chunks/vidstack-tt3O1zL6.js';
 import { LayoutIconsLoader, Icon, $signal, SlotManager } from '../../chunks/vidstack-zfCm-GM5.js';
 import { LitElement } from '../../chunks/vidstack-CwTj4H1w.js';
 import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
-import { getDownloadFile, appendParamsToURL } from '../../chunks/vidstack-V1jwkH0s.js';
+import { getDownloadFile, appendParamsToURL } from '../../chunks/vidstack-KShKSmYu.js';
 import 'lit-html/directives/if-defined.js';
 import 'lit-html/directives/unsafe-svg.js';
 import 'lit-html/async-directive.js';
-import '../../chunks/vidstack-bdt7uOlN.js';
+import '../../chunks/vidstack-wTTCvdqe.js';
 
 class PlyrLayoutIconsLoader extends LayoutIconsLoader {
   async loadIcons() {

package/prod/define/templates/vidstack-audio-layout.js

@@ -1,5 +1,5 @@
 import { signal, effect, toggleClass, Host, listenEvent } from '../../chunks/vidstack-BNpgCJJ1.js';
-import { DefaultLayout, DefaultAnnouncer, DefaultCaptions, DefaultSeekButton, DefaultPlayButton, DefaultTimeSlider, DefaultTimeInvert, DefaultVolumePopup, DefaultCaptionButton, DefaultDownloadButton, DefaultAirPlayButton, DefaultChaptersMenu, DefaultSettingsMenu, useDefaultLayoutContext, DefaultControlsSpacer, i18n, DefaultChapterTitle, setLayoutName, createMenuContainer, DefaultLayoutIconsLoader } from '../../chunks/vidstack-BHqGlnGz.js';
+import { DefaultLayout, DefaultAnnouncer, DefaultCaptions, DefaultSeekButton, DefaultPlayButton, DefaultTimeSlider, DefaultTimeInvert, DefaultVolumePopup, DefaultCaptionButton, DefaultDownloadButton, DefaultAirPlayButton, DefaultChaptersMenu, DefaultSettingsMenu, useDefaultLayoutContext, DefaultControlsSpacer, i18n, DefaultChapterTitle, setLayoutName, createMenuContainer, DefaultLayoutIconsLoader } from '../../chunks/vidstack-Ko2EJadT.js';
 import { useMediaContext, useMediaState } from '../../chunks/vidstack-tt3O1zL6.js';
 import { useTransitionActive, useResizeObserver, isHTMLElement } from '../../chunks/vidstack-DB9WDRL5.js';
 import { $signal, SlotManager } from '../../chunks/vidstack-zfCm-GM5.js';
@@ -9,8 +9,8 @@ import { ref } from 'lit-html/directives/ref.js';
 import '../../chunks/vidstack-BP49Gz0m.js';
 import '../../chunks/vidstack-BTM4ERc7.js';
 import 'lit-html/directives/if-defined.js';
-import '../../chunks/vidstack-V1jwkH0s.js';
-import '../../chunks/vidstack-bdt7uOlN.js';
+import '../../chunks/vidstack-KShKSmYu.js';
+import '../../chunks/vidstack-wTTCvdqe.js';
 import '@floating-ui/dom';
 import 'lit-html/directives/unsafe-svg.js';
 import 'lit-html/async-directive.js';

package/prod/define/templates/vidstack-video-layout.js

@@ -1,5 +1,5 @@
 import { computed, signal, effect, camelToKebabCase, Host } from '../../chunks/vidstack-BNpgCJJ1.js';
-import { DefaultLayout, useDefaultLayoutContext, DefaultPlayButton, DefaultAnnouncer, DefaultCaptions, DefaultControlsSpacer, DefaultCaptionButton, DefaultDownloadButton, DefaultVolumePopup, DefaultTimeSlider, DefaultSeekButton, DefaultTimeInfo, DefaultFullscreenButton, DefaultTitle, DefaultPIPButton, DefaultChaptersMenu, DefaultSettingsMenu, DefaultEpisodeButton, setLayoutName, createMenuContainer, DefaultLayoutIconsLoader } from '../../chunks/vidstack-BHqGlnGz.js';
+import { DefaultLayout, useDefaultLayoutContext, DefaultPlayButton, DefaultAnnouncer, DefaultCaptions, DefaultControlsSpacer, DefaultCaptionButton, DefaultDownloadButton, DefaultVolumePopup, DefaultTimeSlider, DefaultSeekButton, DefaultTimeInfo, DefaultFullscreenButton, DefaultTitle, DefaultPIPButton, DefaultChaptersMenu, DefaultSettingsMenu, DefaultEpisodeButton, setLayoutName, createMenuContainer, DefaultLayoutIconsLoader } from '../../chunks/vidstack-Ko2EJadT.js';
 import { useMediaContext, useMediaState } from '../../chunks/vidstack-tt3O1zL6.js';
 import { $signal, SlotManager } from '../../chunks/vidstack-zfCm-GM5.js';
 import { LitElement } from '../../chunks/vidstack-CwTj4H1w.js';
@@ -10,8 +10,8 @@ import '../../chunks/vidstack-BP49Gz0m.js';
 import '../../chunks/vidstack-BTM4ERc7.js';
 import 'lit-html/directives/if-defined.js';
 import 'lit-html/directives/ref.js';
-import '../../chunks/vidstack-V1jwkH0s.js';
-import '../../chunks/vidstack-bdt7uOlN.js';
+import '../../chunks/vidstack-KShKSmYu.js';
+import '../../chunks/vidstack-wTTCvdqe.js';
 import 'lit-html/directives/unsafe-svg.js';
 import 'lit-html/async-directive.js';
 import '@floating-ui/dom';
@@ -356,11 +356,6 @@ function DefaultEpisodesSidebar($open, onClose) {
                             decoding="async"
                           />
                         ` : html`<div class="vds-episode-thumb vds-episode-thumb-placeholder"></div>`}
-                    ${isActive ? html`
-                          <div class="vds-episode-active-overlay" aria-hidden="true">
-                            <span class="vds-episode-playing-badge">Now playing</span>
-                          </div>
-                        ` : null}
                     ${progressPct > 0 ? html`
                           <div class="vds-episode-progress-track" aria-hidden="true">
                             <div
@@ -372,7 +367,10 @@ function DefaultEpisodesSidebar($open, onClose) {
                   </div>
                   <div class="vds-episode-body">
                     <div class="vds-episode-meta-row">
-                      <span class="vds-episode-label">${seasonEpLabel}</span>
+                      <div class="vds-episode-meta-primary">
+                        ${isActive ? html`<span class="vds-episode-now-chip">Playing</span>` : null}
+                        <span class="vds-episode-label">${seasonEpLabel}</span>
+                      </div>
                       ${runtimeText ? html`<span class="vds-episode-runtime">${runtimeText}</span>` : null}
                     </div>
                     <h4 class="vds-episode-title" title=${episode.title || ""}>

package/prod/define/vidstack-player-default-layout.js

@@ -1,7 +1,7 @@
 import { defineCustomElement } from '../chunks/vidstack-BNpgCJJ1.js';
 import { MediaAudioLayoutElement } from './templates/vidstack-audio-layout.js';
 import { MediaVideoLayoutElement } from './templates/vidstack-video-layout.js';
-import '../chunks/vidstack-BHqGlnGz.js';
+import '../chunks/vidstack-Ko2EJadT.js';
 import '../chunks/vidstack-tt3O1zL6.js';
 import '../chunks/vidstack-DB9WDRL5.js';
 import '@floating-ui/dom';
@@ -13,8 +13,8 @@ import 'lit-html/async-directive.js';
 import '../chunks/vidstack-BP49Gz0m.js';
 import '../chunks/vidstack-BTM4ERc7.js';
 import 'lit-html/directives/ref.js';
-import '../chunks/vidstack-V1jwkH0s.js';
-import '../chunks/vidstack-bdt7uOlN.js';
+import '../chunks/vidstack-KShKSmYu.js';
+import '../chunks/vidstack-wTTCvdqe.js';
 import '../chunks/vidstack-CwTj4H1w.js';
 import 'lit-html/directives/keyed.js';
 

package/prod/define/vidstack-player-layouts.js

@@ -2,7 +2,7 @@ import { defineCustomElement } from '../chunks/vidstack-BNpgCJJ1.js';
 import { MediaAudioLayoutElement } from './templates/vidstack-audio-layout.js';
 import { MediaVideoLayoutElement } from './templates/vidstack-video-layout.js';
 import { MediaPlyrLayoutElement } from './templates/plyr-layout.js';
-import '../chunks/vidstack-BHqGlnGz.js';
+import '../chunks/vidstack-Ko2EJadT.js';
 import '../chunks/vidstack-tt3O1zL6.js';
 import '../chunks/vidstack-DB9WDRL5.js';
 import '@floating-ui/dom';
@@ -14,8 +14,8 @@ import 'lit-html/async-directive.js';
 import '../chunks/vidstack-BP49Gz0m.js';
 import '../chunks/vidstack-BTM4ERc7.js';
 import 'lit-html/directives/ref.js';
-import '../chunks/vidstack-V1jwkH0s.js';
-import '../chunks/vidstack-bdt7uOlN.js';
+import '../chunks/vidstack-KShKSmYu.js';
+import '../chunks/vidstack-wTTCvdqe.js';
 import '../chunks/vidstack-CwTj4H1w.js';
 import 'lit-html/directives/keyed.js';
 import '../chunks/vidstack-BDIzK77F.js';

package/prod/define/vidstack-player-ui.js

@@ -1,15 +1,15 @@
 import { defineCustomElement } from '../chunks/vidstack-BNpgCJJ1.js';
-import { MediaLayoutElement, MediaControlsElement, MediaControlsGroupElement, MediaAnnouncerElement, MediaTooltipElement, MediaTooltipTriggerElement, MediaTooltipContentElement, MediaGoogleCastButtonElement, MediaToggleButtonElement, MediaSliderElement, MediaAudioGainSliderElement, MediaSpeedSliderElement, MediaQualitySliderElement, MediaSliderChaptersElement, MediaSliderStepsElement, MediaSliderVideoElement, MediaMenuPortalElement, MediaAudioGainRadioGroupElement, MediaChaptersRadioGroupElement, MediaRadioGroupElement, MediaGestureElement, MediaCaptionsElement, MediaTitleElement, MediaChapterTitleElement, MediaSpinnerElement } from '../chunks/vidstack-D7hJcnN-.js';
-import { MediaPlayButtonElement, MediaMuteButtonElement, MediaCaptionButtonElement, MediaFullscreenButtonElement, MediaPIPButtonElement, MediaSeekButtonElement, MediaAirPlayButtonElement, MediaVolumeSliderElement, MediaTimeSliderElement, MediaSliderPreviewElement, MediaSliderValueElement, MediaSliderThumbnailElement, MediaMenuElement, MediaMenuButtonElement, MediaMenuItemsElement, MediaMenuItemElement, MediaAudioRadioGroupElement, MediaCaptionsRadioGroupElement, MediaSpeedRadioGroupElement, MediaQualityRadioGroupElement, MediaRadioElement, MediaThumbnailElement, MediaLiveButtonElement, MediaTimeElement } from '../chunks/vidstack-BaaRY-9x.js';
-import { MediaPosterElement } from '../chunks/vidstack-CA4tDJdF.js';
-import '../chunks/vidstack-C05ipjAK.js';
+import { MediaLayoutElement, MediaControlsElement, MediaControlsGroupElement, MediaAnnouncerElement, MediaTooltipElement, MediaTooltipTriggerElement, MediaTooltipContentElement, MediaGoogleCastButtonElement, MediaToggleButtonElement, MediaSliderElement, MediaAudioGainSliderElement, MediaSpeedSliderElement, MediaQualitySliderElement, MediaSliderChaptersElement, MediaSliderStepsElement, MediaSliderVideoElement, MediaMenuPortalElement, MediaAudioGainRadioGroupElement, MediaChaptersRadioGroupElement, MediaRadioGroupElement, MediaGestureElement, MediaCaptionsElement, MediaTitleElement, MediaChapterTitleElement, MediaSpinnerElement } from '../chunks/vidstack-XA3zT5W9.js';
+import { MediaPlayButtonElement, MediaMuteButtonElement, MediaCaptionButtonElement, MediaFullscreenButtonElement, MediaPIPButtonElement, MediaSeekButtonElement, MediaAirPlayButtonElement, MediaVolumeSliderElement, MediaTimeSliderElement, MediaSliderPreviewElement, MediaSliderValueElement, MediaSliderThumbnailElement, MediaMenuElement, MediaMenuButtonElement, MediaMenuItemsElement, MediaMenuItemElement, MediaAudioRadioGroupElement, MediaCaptionsRadioGroupElement, MediaSpeedRadioGroupElement, MediaQualityRadioGroupElement, MediaRadioElement, MediaThumbnailElement, MediaLiveButtonElement, MediaTimeElement } from '../chunks/vidstack-DXfGRhxZ.js';
+import { MediaPosterElement } from '../chunks/vidstack-DlLwMLBL.js';
+import '../chunks/vidstack-Cs0fH84E.js';
 import '../chunks/vidstack-tt3O1zL6.js';
 import '../chunks/vidstack-DB9WDRL5.js';
 import '@floating-ui/dom';
-import '../chunks/vidstack-DcMkaIHJ.js';
-import '../chunks/vidstack-BpLd9ASW.js';
-import '../chunks/vidstack-V1jwkH0s.js';
-import '../chunks/vidstack-bdt7uOlN.js';
+import '../chunks/vidstack-DDePVDjt.js';
+import '../chunks/vidstack-oNEzlviH.js';
+import '../chunks/vidstack-KShKSmYu.js';
+import '../chunks/vidstack-wTTCvdqe.js';
 import '../chunks/vidstack-BP49Gz0m.js';
 import '../chunks/vidstack-COLU-zPZ.js';
 import '../chunks/vidstack-Dihypf8P.js';
@@ -17,7 +17,7 @@ import '../chunks/vidstack-C9vIqaYT.js';
 import '../chunks/vidstack-BTM4ERc7.js';
 import 'lit-html';
 import '../chunks/vidstack-CwTj4H1w.js';
-import '../chunks/vidstack-BRZe2BNi.js';
+import '../chunks/vidstack-C4PTiuot.js';
 
 defineCustomElement(MediaLayoutElement);
 defineCustomElement(MediaControlsElement);

package/prod/define/vidstack-player.js

@@ -1,11 +1,11 @@
 import { defineCustomElement } from '../chunks/vidstack-BNpgCJJ1.js';
-import { MediaPlayerElement, MediaProviderElement } from '../chunks/vidstack-DESBVLFp.js';
-import '../chunks/vidstack-DwenML7x.js';
+import { MediaPlayerElement, MediaProviderElement } from '../chunks/vidstack-DnRxQoqP.js';
+import '../chunks/vidstack-C-yd_bAJ.js';
 import '../chunks/vidstack-tt3O1zL6.js';
-import '../chunks/vidstack-bdt7uOlN.js';
+import '../chunks/vidstack-wTTCvdqe.js';
 import '../chunks/vidstack-Fem0yF3c.js';
-import '../chunks/vidstack-BpLd9ASW.js';
-import '../chunks/vidstack-V1jwkH0s.js';
+import '../chunks/vidstack-oNEzlviH.js';
+import '../chunks/vidstack-KShKSmYu.js';
 import '../chunks/vidstack-BP49Gz0m.js';
 import '../chunks/vidstack-D5EzK014.js';
 import '../chunks/vidstack-B01xzxC4.js';

package/prod/global/plyr.js

@@ -1,15 +1,15 @@
 import '../define/vidstack-player.js';
 import '../define/plyr-layout.js';
 import { isString, listenEvent, setAttribute, kebabToCamelCase, setStyle, createDisposalBin, isBoolean, DOMEvent } from '../chunks/vidstack-BNpgCJJ1.js';
-import { mediaState, isHTMLAudioElement, isHTMLVideoElement, isHTMLIFrameElement } from '../chunks/vidstack-DwenML7x.js';
+import { mediaState, isHTMLAudioElement, isHTMLVideoElement, isHTMLIFrameElement } from '../chunks/vidstack-C-yd_bAJ.js';
 import { isHTMLElement } from '../chunks/vidstack-DB9WDRL5.js';
-import { canPlayVideoType } from '../chunks/vidstack-bdt7uOlN.js';
-import '../chunks/vidstack-DESBVLFp.js';
+import { canPlayVideoType } from '../chunks/vidstack-wTTCvdqe.js';
+import '../chunks/vidstack-DnRxQoqP.js';
 import '../chunks/vidstack-tt3O1zL6.js';
-import '../chunks/vidstack-BaaRY-9x.js';
-import '../chunks/vidstack-DcMkaIHJ.js';
-import '../chunks/vidstack-BpLd9ASW.js';
-import '../chunks/vidstack-V1jwkH0s.js';
+import '../chunks/vidstack-DXfGRhxZ.js';
+import '../chunks/vidstack-DDePVDjt.js';
+import '../chunks/vidstack-oNEzlviH.js';
+import '../chunks/vidstack-KShKSmYu.js';
 import '../chunks/vidstack-BP49Gz0m.js';
 import '../chunks/vidstack-COLU-zPZ.js';
 import '../chunks/vidstack-Dihypf8P.js';
@@ -24,8 +24,8 @@ import 'lit-html/directives/unsafe-svg.js';
 import 'lit-html/async-directive.js';
 import '../chunks/vidstack-CwTj4H1w.js';
 import 'lit-html/directives/unsafe-html.js';
-import '../chunks/vidstack-CA4tDJdF.js';
-import '../chunks/vidstack-BRZe2BNi.js';
+import '../chunks/vidstack-DlLwMLBL.js';
+import '../chunks/vidstack-C4PTiuot.js';
 import '../chunks/vidstack-Fem0yF3c.js';
 import '../chunks/vidstack-D5EzK014.js';
 import '../chunks/vidstack-B01xzxC4.js';

package/prod/global/vidstack-player.js

@@ -1,13 +1,13 @@
 import '../define/vidstack-player.js';
 import { isString, defineCustomElement, kebabToCamelCase } from '../chunks/vidstack-BNpgCJJ1.js';
-import { isHTMLAudioElement, isHTMLVideoElement, isHTMLIFrameElement } from '../chunks/vidstack-DwenML7x.js';
+import { isHTMLAudioElement, isHTMLVideoElement, isHTMLIFrameElement } from '../chunks/vidstack-C-yd_bAJ.js';
 import { isHTMLElement } from '../chunks/vidstack-DB9WDRL5.js';
-import '../chunks/vidstack-DESBVLFp.js';
+import '../chunks/vidstack-DnRxQoqP.js';
 import '../chunks/vidstack-tt3O1zL6.js';
-import '../chunks/vidstack-bdt7uOlN.js';
+import '../chunks/vidstack-wTTCvdqe.js';
 import '../chunks/vidstack-Fem0yF3c.js';
-import '../chunks/vidstack-BpLd9ASW.js';
-import '../chunks/vidstack-V1jwkH0s.js';
+import '../chunks/vidstack-oNEzlviH.js';
+import '../chunks/vidstack-KShKSmYu.js';
 import '../chunks/vidstack-BP49Gz0m.js';
 import '../chunks/vidstack-D5EzK014.js';
 import '../chunks/vidstack-B01xzxC4.js';
@@ -71,7 +71,7 @@ class VidstackPlayer {
     player.setAttribute("keep-alive", "");
     if (props.poster && layout?.name !== "plyr") {
       if (!customElements.get("media-poster")) {
-        const { MediaPosterElement } = await import('../chunks/vidstack-CA4tDJdF.js');
+        const { MediaPosterElement } = await import('../chunks/vidstack-DlLwMLBL.js');
         defineCustomElement(MediaPosterElement);
       }
       const poster = document.createElement("media-poster");

package/prod/providers/vidstack-audio.js

@@ -1,7 +1,7 @@
 import { scoped } from '../chunks/vidstack-BNpgCJJ1.js';
 import { HTMLMediaProvider } from './vidstack-html.js';
-import { HTMLAirPlayAdapter } from '../chunks/vidstack-SnIdjCkV.js';
-import '../chunks/vidstack-bdt7uOlN.js';
+import { HTMLAirPlayAdapter } from '../chunks/vidstack-Bn9yLryd.js';
+import '../chunks/vidstack-wTTCvdqe.js';
 import '../chunks/vidstack-BdFYWy6h.js';
 import '../chunks/vidstack-Dihypf8P.js';
 import '../chunks/vidstack-D5EzK014.js';