@hanifhan1f/vidstack 1.12.19 → 1.12.24

package/dev/chunks/vidstack-gF_qqvCK.js

@@ -0,0 +1,109 @@
+import { IS_CHROME, IS_IOS, canGoogleCastSrc } from './vidstack-BnBLcaA5.js';
+import { loadScript } from './vidstack-DdTXMZro.js';
+import { getCastContext, getCastSession, isCastConnected, hasLoadedCastFramework, getCastFrameworkURL, isCastAvailable, getCastErrorMessage, getDefaultCastOptions } from './vidstack-Cax7aAP-.js';
+import { peek } from './vidstack-C1PwJD_4.js';
+
+class GoogleCastLoader {
+  name = "google-cast";
+  target;
+  #player;
+  /**
+   * @see {@link https://developers.google.com/cast/docs/reference/web_sender/cast.framework.CastContext}
+   */
+  get cast() {
+    return getCastContext();
+  }
+  mediaType() {
+    return "video";
+  }
+  canPlay(src) {
+    return IS_CHROME && !IS_IOS && canGoogleCastSrc(src);
+  }
+  async prompt(ctx) {
+    let loadEvent, openEvent, errorEvent;
+    try {
+      loadEvent = await this.#loadCastFramework(ctx);
+      if (!this.#player) {
+        this.#player = new cast.framework.RemotePlayer();
+        new cast.framework.RemotePlayerController(this.#player);
+      }
+      openEvent = ctx.player.createEvent("google-cast-prompt-open", {
+        trigger: loadEvent
+      });
+      ctx.player.dispatchEvent(openEvent);
+      this.#notifyRemoteStateChange(ctx, "connecting", openEvent);
+      await this.#showPrompt(peek(ctx.$props.googleCast));
+      ctx.$state.remotePlaybackInfo.set({
+        deviceName: getCastSession()?.getCastDevice().friendlyName
+      });
+      if (isCastConnected()) this.#notifyRemoteStateChange(ctx, "connected", openEvent);
+    } catch (code) {
+      const error = code instanceof Error ? code : this.#createError(
+        (code + "").toUpperCase(),
+        "Prompt failed."
+      );
+      errorEvent = ctx.player.createEvent("google-cast-prompt-error", {
+        detail: error,
+        trigger: openEvent ?? loadEvent,
+        cancelable: true
+      });
+      ctx.player.dispatch(errorEvent);
+      this.#notifyRemoteStateChange(
+        ctx,
+        isCastConnected() ? "connected" : "disconnected",
+        errorEvent
+      );
+      throw error;
+    } finally {
+      ctx.player.dispatch("google-cast-prompt-close", {
+        trigger: errorEvent ?? openEvent ?? loadEvent
+      });
+    }
+  }
+  async load(ctx) {
+    if (!this.#player) {
+      throw Error("[vidstack] google cast player was not initialized");
+    }
+    return new (await import('../providers/vidstack-google-cast.js')).GoogleCastProvider(this.#player, ctx);
+  }
+  async #loadCastFramework(ctx) {
+    if (hasLoadedCastFramework()) return;
+    const loadStartEvent = ctx.player.createEvent("google-cast-load-start");
+    ctx.player.dispatch(loadStartEvent);
+    await loadScript(getCastFrameworkURL());
+    await customElements.whenDefined("google-cast-launcher");
+    const loadedEvent = ctx.player.createEvent("google-cast-loaded", { trigger: loadStartEvent });
+    ctx.player.dispatch(loadedEvent);
+    if (!isCastAvailable()) {
+      throw this.#createError("CAST_NOT_AVAILABLE", "Google Cast not available on this platform.");
+    }
+    return loadedEvent;
+  }
+  async #showPrompt(options) {
+    this.#setOptions(options);
+    const errorCode = await this.cast.requestSession();
+    if (errorCode) {
+      throw this.#createError(
+        errorCode.toUpperCase(),
+        getCastErrorMessage(errorCode)
+      );
+    }
+  }
+  #setOptions(options) {
+    this.cast?.setOptions({
+      ...getDefaultCastOptions(),
+      ...options
+    });
+  }
+  #notifyRemoteStateChange(ctx, state, trigger) {
+    const detail = { type: "google-cast", state };
+    ctx.notify("remote-playback-change", detail, trigger);
+  }
+  #createError(code, message) {
+    const error = Error(message);
+    error.code = code;
+    return error;
+  }
+}
+
+export { GoogleCastLoader };

package/dev/define/plyr-layout.js

@@ -1,14 +1,14 @@
 import { defineCustomElement } from '../chunks/vidstack-C1PwJD_4.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-BJsZjPkB.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-D_LvMxPr.js';
 import { MediaPlyrLayoutElement } from './templates/plyr-layout.js';
-import { MediaPosterElement } from '../chunks/vidstack-C_rvOKWp.js';
-import '../chunks/vidstack-EoLRQZbs.js';
+import { MediaPosterElement } from '../chunks/vidstack-DV4g4XvL.js';
+import '../chunks/vidstack-Bo8BNFJ2.js';
 import '../chunks/vidstack-BjxlZzGu.js';
 import '../chunks/vidstack-C0SWkbs7.js';
 import '@floating-ui/dom';
-import '../chunks/vidstack-DAOcbKGP.js';
-import '../chunks/vidstack-Bs54kFSz.js';
-import '../chunks/vidstack-C6OqdJO7.js';
+import '../chunks/vidstack-C3N4zIuV.js';
+import '../chunks/vidstack-DdTXMZro.js';
+import '../chunks/vidstack-BnBLcaA5.js';
 import '../chunks/vidstack-CcQdBWil.js';
 import '../chunks/vidstack-Bur7I7Vy.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-BaGbgcvz.js';
+import '../chunks/vidstack-CzCQJ29U.js';
 
 defineCustomElement(MediaPlyrLayoutElement);
 defineCustomElement(MediaPosterElement);

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

@@ -5,11 +5,11 @@ import { useMediaContext } from '../../chunks/vidstack-BjxlZzGu.js';
 import { LayoutIconsLoader, Icon, $signal, SlotManager } from '../../chunks/vidstack-0Of4tJ8D.js';
 import { LitElement } from '../../chunks/vidstack-CwTj4H1w.js';
 import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
-import { getDownloadFile, appendParamsToURL } from '../../chunks/vidstack-Bs54kFSz.js';
+import { getDownloadFile, appendParamsToURL } from '../../chunks/vidstack-DdTXMZro.js';
 import 'lit-html/directives/if-defined.js';
 import 'lit-html/directives/unsafe-svg.js';
 import 'lit-html/async-directive.js';
-import '../../chunks/vidstack-C6OqdJO7.js';
+import '../../chunks/vidstack-BnBLcaA5.js';
 
 class PlyrLayoutIconsLoader extends LayoutIconsLoader {
   async loadIcons() {

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

@@ -1,5 +1,5 @@
 import { signal, effect, toggleClass, Host, listenEvent } from '../../chunks/vidstack-C1PwJD_4.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-C4aPQ7hZ.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-CAL4iu_K.js';
 import { useMediaContext, useMediaState } from '../../chunks/vidstack-BjxlZzGu.js';
 import { useTransitionActive, useResizeObserver, isHTMLElement } from '../../chunks/vidstack-C0SWkbs7.js';
 import { $signal, SlotManager } from '../../chunks/vidstack-0Of4tJ8D.js';
@@ -9,8 +9,8 @@ import { ref } from 'lit-html/directives/ref.js';
 import '../../chunks/vidstack-CcQdBWil.js';
 import '../../chunks/vidstack-BTM4ERc7.js';
 import 'lit-html/directives/if-defined.js';
-import '../../chunks/vidstack-Bs54kFSz.js';
-import '../../chunks/vidstack-C6OqdJO7.js';
+import '../../chunks/vidstack-DdTXMZro.js';
+import '../../chunks/vidstack-BnBLcaA5.js';
 import '@floating-ui/dom';
 import 'lit-html/directives/unsafe-svg.js';
 import 'lit-html/async-directive.js';

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

@@ -1,5 +1,5 @@
 import { computed, signal, effect, camelToKebabCase, Host } from '../../chunks/vidstack-C1PwJD_4.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-C4aPQ7hZ.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-CAL4iu_K.js';
 import { useMediaContext, useMediaState } from '../../chunks/vidstack-BjxlZzGu.js';
 import { $signal, SlotManager } from '../../chunks/vidstack-0Of4tJ8D.js';
 import { LitElement } from '../../chunks/vidstack-CwTj4H1w.js';
@@ -10,8 +10,8 @@ import '../../chunks/vidstack-CcQdBWil.js';
 import '../../chunks/vidstack-BTM4ERc7.js';
 import 'lit-html/directives/if-defined.js';
 import 'lit-html/directives/ref.js';
-import '../../chunks/vidstack-Bs54kFSz.js';
-import '../../chunks/vidstack-C6OqdJO7.js';
+import '../../chunks/vidstack-DdTXMZro.js';
+import '../../chunks/vidstack-BnBLcaA5.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/dev/define/vidstack-player-default-layout.js

@@ -1,7 +1,7 @@
 import { defineCustomElement } from '../chunks/vidstack-C1PwJD_4.js';
 import { MediaAudioLayoutElement } from './templates/vidstack-audio-layout.js';
 import { MediaVideoLayoutElement } from './templates/vidstack-video-layout.js';
-import '../chunks/vidstack-C4aPQ7hZ.js';
+import '../chunks/vidstack-CAL4iu_K.js';
 import '../chunks/vidstack-BjxlZzGu.js';
 import '../chunks/vidstack-C0SWkbs7.js';
 import '@floating-ui/dom';
@@ -13,8 +13,8 @@ import 'lit-html/async-directive.js';
 import '../chunks/vidstack-CcQdBWil.js';
 import '../chunks/vidstack-BTM4ERc7.js';
 import 'lit-html/directives/ref.js';
-import '../chunks/vidstack-Bs54kFSz.js';
-import '../chunks/vidstack-C6OqdJO7.js';
+import '../chunks/vidstack-DdTXMZro.js';
+import '../chunks/vidstack-BnBLcaA5.js';
 import '../chunks/vidstack-CwTj4H1w.js';
 import 'lit-html/directives/keyed.js';
 

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

@@ -2,7 +2,7 @@ import { defineCustomElement } from '../chunks/vidstack-C1PwJD_4.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-C4aPQ7hZ.js';
+import '../chunks/vidstack-CAL4iu_K.js';
 import '../chunks/vidstack-BjxlZzGu.js';
 import '../chunks/vidstack-C0SWkbs7.js';
 import '@floating-ui/dom';
@@ -14,8 +14,8 @@ import 'lit-html/async-directive.js';
 import '../chunks/vidstack-CcQdBWil.js';
 import '../chunks/vidstack-BTM4ERc7.js';
 import 'lit-html/directives/ref.js';
-import '../chunks/vidstack-Bs54kFSz.js';
-import '../chunks/vidstack-C6OqdJO7.js';
+import '../chunks/vidstack-DdTXMZro.js';
+import '../chunks/vidstack-BnBLcaA5.js';
 import '../chunks/vidstack-CwTj4H1w.js';
 import 'lit-html/directives/keyed.js';
 import '../chunks/vidstack-DXzRuMtJ.js';

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

@@ -1,15 +1,15 @@
 import { defineCustomElement } from '../chunks/vidstack-C1PwJD_4.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-Db1-Hg_U.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-BJsZjPkB.js';
-import { MediaPosterElement } from '../chunks/vidstack-C_rvOKWp.js';
-import '../chunks/vidstack-Blfm1k-4.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-DrczgsqN.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-D_LvMxPr.js';
+import { MediaPosterElement } from '../chunks/vidstack-DV4g4XvL.js';
+import '../chunks/vidstack-DD_3HszA.js';
 import '../chunks/vidstack-BjxlZzGu.js';
 import '../chunks/vidstack-C0SWkbs7.js';
 import '@floating-ui/dom';
-import '../chunks/vidstack-EoLRQZbs.js';
-import '../chunks/vidstack-DAOcbKGP.js';
-import '../chunks/vidstack-Bs54kFSz.js';
-import '../chunks/vidstack-C6OqdJO7.js';
+import '../chunks/vidstack-Bo8BNFJ2.js';
+import '../chunks/vidstack-C3N4zIuV.js';
+import '../chunks/vidstack-DdTXMZro.js';
+import '../chunks/vidstack-BnBLcaA5.js';
 import '../chunks/vidstack-CcQdBWil.js';
 import '../chunks/vidstack-Bur7I7Vy.js';
 import '../chunks/vidstack-Dihypf8P.js';
@@ -17,7 +17,7 @@ import '../chunks/vidstack-DbBJlz7I.js';
 import '../chunks/vidstack-BTM4ERc7.js';
 import 'lit-html';
 import '../chunks/vidstack-CwTj4H1w.js';
-import '../chunks/vidstack-BaGbgcvz.js';
+import '../chunks/vidstack-CzCQJ29U.js';
 
 defineCustomElement(MediaLayoutElement);
 defineCustomElement(MediaControlsElement);

package/dev/define/vidstack-player.js

@@ -1,11 +1,11 @@
 import { defineCustomElement } from '../chunks/vidstack-C1PwJD_4.js';
-import { MediaPlayerElement, MediaProviderElement } from '../chunks/vidstack-FKkY62Dr.js';
-import '../chunks/vidstack-DKaohJzR.js';
+import { MediaPlayerElement, MediaProviderElement } from '../chunks/vidstack-CJCnHmKE.js';
+import '../chunks/vidstack-0XhA3AD_.js';
 import '../chunks/vidstack-BjxlZzGu.js';
-import '../chunks/vidstack-C6OqdJO7.js';
+import '../chunks/vidstack-BnBLcaA5.js';
 import '../chunks/vidstack-Becy7l6h.js';
-import '../chunks/vidstack-DAOcbKGP.js';
-import '../chunks/vidstack-Bs54kFSz.js';
+import '../chunks/vidstack-C3N4zIuV.js';
+import '../chunks/vidstack-DdTXMZro.js';
 import '../chunks/vidstack-CcQdBWil.js';
 import '../chunks/vidstack-Dv_LIPFu.js';
 import '../chunks/vidstack-Bpr4fI4n.js';

package/dev/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-C1PwJD_4.js';
-import { mediaState, isHTMLAudioElement, isHTMLVideoElement, isHTMLIFrameElement } from '../chunks/vidstack-DKaohJzR.js';
+import { mediaState, isHTMLAudioElement, isHTMLVideoElement, isHTMLIFrameElement } from '../chunks/vidstack-0XhA3AD_.js';
 import { isHTMLElement } from '../chunks/vidstack-C0SWkbs7.js';
-import { canPlayVideoType } from '../chunks/vidstack-C6OqdJO7.js';
-import '../chunks/vidstack-FKkY62Dr.js';
+import { canPlayVideoType } from '../chunks/vidstack-BnBLcaA5.js';
+import '../chunks/vidstack-CJCnHmKE.js';
 import '../chunks/vidstack-BjxlZzGu.js';
-import '../chunks/vidstack-BJsZjPkB.js';
-import '../chunks/vidstack-EoLRQZbs.js';
-import '../chunks/vidstack-DAOcbKGP.js';
-import '../chunks/vidstack-Bs54kFSz.js';
+import '../chunks/vidstack-D_LvMxPr.js';
+import '../chunks/vidstack-Bo8BNFJ2.js';
+import '../chunks/vidstack-C3N4zIuV.js';
+import '../chunks/vidstack-DdTXMZro.js';
 import '../chunks/vidstack-CcQdBWil.js';
 import '../chunks/vidstack-Bur7I7Vy.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-C_rvOKWp.js';
-import '../chunks/vidstack-BaGbgcvz.js';
+import '../chunks/vidstack-DV4g4XvL.js';
+import '../chunks/vidstack-CzCQJ29U.js';
 import '../chunks/vidstack-Becy7l6h.js';
 import '../chunks/vidstack-Dv_LIPFu.js';
 import '../chunks/vidstack-Bpr4fI4n.js';

package/dev/global/vidstack-player.js

@@ -1,13 +1,13 @@
 import '../define/vidstack-player.js';
 import { isString, defineCustomElement, kebabToCamelCase } from '../chunks/vidstack-C1PwJD_4.js';
-import { isHTMLAudioElement, isHTMLVideoElement, isHTMLIFrameElement } from '../chunks/vidstack-DKaohJzR.js';
+import { isHTMLAudioElement, isHTMLVideoElement, isHTMLIFrameElement } from '../chunks/vidstack-0XhA3AD_.js';
 import { isHTMLElement } from '../chunks/vidstack-C0SWkbs7.js';
-import '../chunks/vidstack-FKkY62Dr.js';
+import '../chunks/vidstack-CJCnHmKE.js';
 import '../chunks/vidstack-BjxlZzGu.js';
-import '../chunks/vidstack-C6OqdJO7.js';
+import '../chunks/vidstack-BnBLcaA5.js';
 import '../chunks/vidstack-Becy7l6h.js';
-import '../chunks/vidstack-DAOcbKGP.js';
-import '../chunks/vidstack-Bs54kFSz.js';
+import '../chunks/vidstack-C3N4zIuV.js';
+import '../chunks/vidstack-DdTXMZro.js';
 import '../chunks/vidstack-CcQdBWil.js';
 import '../chunks/vidstack-Dv_LIPFu.js';
 import '../chunks/vidstack-Bpr4fI4n.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-C_rvOKWp.js');
+        const { MediaPosterElement } = await import('../chunks/vidstack-DV4g4XvL.js');
         defineCustomElement(MediaPosterElement);
       }
       const poster = document.createElement("media-poster");

package/dev/providers/vidstack-audio.js

@@ -1,7 +1,7 @@
 import { scoped } from '../chunks/vidstack-C1PwJD_4.js';
 import { HTMLMediaProvider } from './vidstack-html.js';
-import { HTMLAirPlayAdapter } from '../chunks/vidstack-BXSB7eI9.js';
-import '../chunks/vidstack-C6OqdJO7.js';
+import { HTMLAirPlayAdapter } from '../chunks/vidstack-CGyAjz8G.js';
+import '../chunks/vidstack-BnBLcaA5.js';
 import '../chunks/vidstack-DwyWIZjv.js';
 import '../chunks/vidstack-Dihypf8P.js';
 import '../chunks/vidstack-Dv_LIPFu.js';

package/dev/providers/vidstack-dash.js

@@ -1,15 +1,15 @@
-import { loadScript, preconnect } from '../chunks/vidstack-Bs54kFSz.js';
-import { canPlayVideoType, canPlayAudioType, IS_CHROME, isDASHSupported } from '../chunks/vidstack-C6OqdJO7.js';
+import { loadScript, preconnect } from '../chunks/vidstack-DdTXMZro.js';
+import { canPlayVideoType, canPlayAudioType, IS_CHROME, isDASHSupported } from '../chunks/vidstack-BnBLcaA5.js';
 import { VideoProvider } from './vidstack-video.js';
 import { listenEvent, effect, DOMEvent, isNumber, peek, isString, camelToKebabCase, isUndefined, isFunction } from '../chunks/vidstack-C1PwJD_4.js';
 import { QualitySymbol } from '../chunks/vidstack-Bpr4fI4n.js';
-import { TextTrackSymbol, TextTrack } from '../chunks/vidstack-DAOcbKGP.js';
+import { TextTrackSymbol, TextTrack } from '../chunks/vidstack-C3N4zIuV.js';
 import { ListSymbol } from '../chunks/vidstack-Dv_LIPFu.js';
 import { RAFLoop } from '../chunks/vidstack-DwyWIZjv.js';
 import { coerceToError } from '../chunks/vidstack-DbBJlz7I.js';
 import './vidstack-html.js';
 import '../chunks/vidstack-Dihypf8P.js';
-import '../chunks/vidstack-BXSB7eI9.js';
+import '../chunks/vidstack-CGyAjz8G.js';
 import '../chunks/vidstack-CcQdBWil.js';
 
 function getLangName(langCode) {

package/dev/providers/vidstack-hls.js

@@ -1,15 +1,15 @@
-import { loadScript, preconnect } from '../chunks/vidstack-Bs54kFSz.js';
-import { IS_CHROME, isHLSSupported } from '../chunks/vidstack-C6OqdJO7.js';
+import { loadScript, preconnect } from '../chunks/vidstack-DdTXMZro.js';
+import { IS_CHROME, isHLSSupported } from '../chunks/vidstack-BnBLcaA5.js';
 import { VideoProvider } from './vidstack-video.js';
 import { peek, listenEvent, effect, DOMEvent, isString, camelToKebabCase, isUndefined, isFunction } from '../chunks/vidstack-C1PwJD_4.js';
 import { QualitySymbol } from '../chunks/vidstack-Bpr4fI4n.js';
-import { TextTrack, TextTrackSymbol } from '../chunks/vidstack-DAOcbKGP.js';
+import { TextTrack, TextTrackSymbol } from '../chunks/vidstack-C3N4zIuV.js';
 import { ListSymbol } from '../chunks/vidstack-Dv_LIPFu.js';
 import { RAFLoop } from '../chunks/vidstack-DwyWIZjv.js';
 import { coerceToError } from '../chunks/vidstack-DbBJlz7I.js';
 import './vidstack-html.js';
 import '../chunks/vidstack-Dihypf8P.js';
-import '../chunks/vidstack-BXSB7eI9.js';
+import '../chunks/vidstack-CGyAjz8G.js';
 import '../chunks/vidstack-CcQdBWil.js';
 
 const toDOMEventType = (type) => camelToKebabCase(type);

package/dev/providers/vidstack-html.js

@@ -1,4 +1,4 @@
-import { IS_SAFARI, IS_IOS, isHLSSrc, isMediaStream } from '../chunks/vidstack-C6OqdJO7.js';
+import { IS_SAFARI, IS_IOS, isHLSSrc, isMediaStream } from '../chunks/vidstack-BnBLcaA5.js';
 import { signal, EventsController, effect, onDispose, peek, isNil, listenEvent, DOMEvent, createScope, setAttribute, isString } from '../chunks/vidstack-C1PwJD_4.js';
 import { RAFLoop } from '../chunks/vidstack-DwyWIZjv.js';
 import { getNumberOfDecimalPlaces } from '../chunks/vidstack-Dihypf8P.js';

package/dev/providers/vidstack-video.js

@@ -1,12 +1,12 @@
 import { onDispose, EventsController, listenEvent, DOMEvent, scoped } from '../chunks/vidstack-C1PwJD_4.js';
-import { canUsePictureInPicture, canUseVideoPresentation, canPlayHLSNatively } from '../chunks/vidstack-C6OqdJO7.js';
+import { canUsePictureInPicture, canUseVideoPresentation, canPlayHLSNatively } from '../chunks/vidstack-BnBLcaA5.js';
 import { HTMLMediaProvider } from './vidstack-html.js';
-import { HTMLAirPlayAdapter } from '../chunks/vidstack-BXSB7eI9.js';
-import { TextTrack, TextTrackSymbol } from '../chunks/vidstack-DAOcbKGP.js';
+import { HTMLAirPlayAdapter } from '../chunks/vidstack-CGyAjz8G.js';
+import { TextTrack, TextTrackSymbol } from '../chunks/vidstack-C3N4zIuV.js';
 import '../chunks/vidstack-DwyWIZjv.js';
 import '../chunks/vidstack-Dihypf8P.js';
 import '../chunks/vidstack-Dv_LIPFu.js';
-import '../chunks/vidstack-Bs54kFSz.js';
+import '../chunks/vidstack-DdTXMZro.js';
 import '../chunks/vidstack-CcQdBWil.js';
 
 class NativeHLSTextTracks {

package/dev/providers/vidstack-vimeo.js

@@ -1,14 +1,14 @@
 import { createScope, signal, effect, peek, isString, deferredPromise, listenEvent, isArray } from '../chunks/vidstack-C1PwJD_4.js';
 import { QualitySymbol } from '../chunks/vidstack-Bpr4fI4n.js';
 import { TimeRange } from '../chunks/vidstack-Becy7l6h.js';
-import { TextTrack } from '../chunks/vidstack-DAOcbKGP.js';
+import { TextTrack } from '../chunks/vidstack-C3N4zIuV.js';
 import { ListSymbol } from '../chunks/vidstack-Dv_LIPFu.js';
 import { RAFLoop } from '../chunks/vidstack-DwyWIZjv.js';
-import { preconnect } from '../chunks/vidstack-Bs54kFSz.js';
-import { EmbedProvider } from '../chunks/vidstack-03oQOdB7.js';
+import { preconnect } from '../chunks/vidstack-DdTXMZro.js';
+import { EmbedProvider } from '../chunks/vidstack-5oWWZmVl.js';
 import { resolveVimeoVideoId, getVimeoVideoInfo } from '../chunks/vidstack-krOAtKMi.js';
 import '../chunks/vidstack-CcQdBWil.js';
-import '../chunks/vidstack-C6OqdJO7.js';
+import '../chunks/vidstack-BnBLcaA5.js';
 
 const trackedVimeoEvents = [
   "bufferend",

package/dev/providers/vidstack-youtube.js

@@ -1,9 +1,9 @@
 import { createScope, signal, effect, isString, deferredPromise, isObject, isNumber, isBoolean } from '../chunks/vidstack-C1PwJD_4.js';
 import { TimeRange } from '../chunks/vidstack-Becy7l6h.js';
-import { preconnect } from '../chunks/vidstack-Bs54kFSz.js';
-import { EmbedProvider } from '../chunks/vidstack-03oQOdB7.js';
+import { preconnect } from '../chunks/vidstack-DdTXMZro.js';
+import { EmbedProvider } from '../chunks/vidstack-5oWWZmVl.js';
 import { resolveYouTubeVideoId } from '../chunks/vidstack-Dm1xEU9Q.js';
-import '../chunks/vidstack-C6OqdJO7.js';
+import '../chunks/vidstack-BnBLcaA5.js';
 
 const YouTubePlayerState = {
   Ended: 0,

package/dev/vidstack-elements.js

@@ -1,19 +1,19 @@
 export { defineCustomElement } from './chunks/vidstack-C1PwJD_4.js';
-export { MediaAnnouncerElement, MediaAudioGainRadioGroupElement, MediaAudioGainSliderElement, MediaCaptionsElement, MediaChapterTitleElement, MediaChaptersRadioGroupElement, MediaControlsElement, MediaControlsGroupElement, MediaGestureElement, MediaGoogleCastButtonElement, MediaLayoutElement, MediaMenuPortalElement, MediaQualitySliderElement, MediaRadioGroupElement, MediaSliderChaptersElement, MediaSliderElement, MediaSliderStepsElement, MediaSliderVideoElement, MediaSpeedSliderElement, MediaSpinnerElement, MediaTitleElement, MediaToggleButtonElement, MediaTooltipContentElement, MediaTooltipElement, MediaTooltipTriggerElement } from './chunks/vidstack-Db1-Hg_U.js';
-export { MediaPlayerElement, MediaProviderElement } from './chunks/vidstack-FKkY62Dr.js';
-export { MediaPosterElement } from './chunks/vidstack-C_rvOKWp.js';
-export { MediaAirPlayButtonElement, MediaAudioRadioGroupElement, MediaCaptionButtonElement, MediaCaptionsRadioGroupElement, MediaFullscreenButtonElement, MediaLiveButtonElement, MediaMenuButtonElement, MediaMenuElement, MediaMenuItemElement, MediaMenuItemsElement, MediaMuteButtonElement, MediaPIPButtonElement, MediaPlayButtonElement, MediaQualityRadioGroupElement, MediaRadioElement, MediaSeekButtonElement, MediaSliderPreviewElement, MediaSliderThumbnailElement, MediaSliderValueElement, MediaSpeedRadioGroupElement, MediaThumbnailElement, MediaTimeElement, MediaTimeSliderElement, MediaVolumeSliderElement } from './chunks/vidstack-BJsZjPkB.js';
+export { MediaAnnouncerElement, MediaAudioGainRadioGroupElement, MediaAudioGainSliderElement, MediaCaptionsElement, MediaChapterTitleElement, MediaChaptersRadioGroupElement, MediaControlsElement, MediaControlsGroupElement, MediaGestureElement, MediaGoogleCastButtonElement, MediaLayoutElement, MediaMenuPortalElement, MediaQualitySliderElement, MediaRadioGroupElement, MediaSliderChaptersElement, MediaSliderElement, MediaSliderStepsElement, MediaSliderVideoElement, MediaSpeedSliderElement, MediaSpinnerElement, MediaTitleElement, MediaToggleButtonElement, MediaTooltipContentElement, MediaTooltipElement, MediaTooltipTriggerElement } from './chunks/vidstack-DrczgsqN.js';
+export { MediaPlayerElement, MediaProviderElement } from './chunks/vidstack-CJCnHmKE.js';
+export { MediaPosterElement } from './chunks/vidstack-DV4g4XvL.js';
+export { MediaAirPlayButtonElement, MediaAudioRadioGroupElement, MediaCaptionButtonElement, MediaCaptionsRadioGroupElement, MediaFullscreenButtonElement, MediaLiveButtonElement, MediaMenuButtonElement, MediaMenuElement, MediaMenuItemElement, MediaMenuItemsElement, MediaMuteButtonElement, MediaPIPButtonElement, MediaPlayButtonElement, MediaQualityRadioGroupElement, MediaRadioElement, MediaSeekButtonElement, MediaSliderPreviewElement, MediaSliderThumbnailElement, MediaSliderValueElement, MediaSpeedRadioGroupElement, MediaThumbnailElement, MediaTimeElement, MediaTimeSliderElement, MediaVolumeSliderElement } from './chunks/vidstack-D_LvMxPr.js';
 export { MediaAudioLayoutElement } from './define/templates/vidstack-audio-layout.js';
 export { MediaVideoLayoutElement } from './define/templates/vidstack-video-layout.js';
 export { MediaPlyrLayoutElement } from './define/templates/plyr-layout.js';
-import './chunks/vidstack-Blfm1k-4.js';
+import './chunks/vidstack-DD_3HszA.js';
 import './chunks/vidstack-BjxlZzGu.js';
 import './chunks/vidstack-C0SWkbs7.js';
 import '@floating-ui/dom';
-import './chunks/vidstack-EoLRQZbs.js';
-import './chunks/vidstack-DAOcbKGP.js';
-import './chunks/vidstack-Bs54kFSz.js';
-import './chunks/vidstack-C6OqdJO7.js';
+import './chunks/vidstack-Bo8BNFJ2.js';
+import './chunks/vidstack-C3N4zIuV.js';
+import './chunks/vidstack-DdTXMZro.js';
+import './chunks/vidstack-BnBLcaA5.js';
 import './chunks/vidstack-CcQdBWil.js';
 import './chunks/vidstack-Bur7I7Vy.js';
 import './chunks/vidstack-Dihypf8P.js';
@@ -21,12 +21,12 @@ import './chunks/vidstack-DbBJlz7I.js';
 import './chunks/vidstack-BTM4ERc7.js';
 import 'lit-html';
 import './chunks/vidstack-CwTj4H1w.js';
-import './chunks/vidstack-DKaohJzR.js';
+import './chunks/vidstack-0XhA3AD_.js';
 import './chunks/vidstack-Becy7l6h.js';
 import './chunks/vidstack-Dv_LIPFu.js';
 import './chunks/vidstack-Bpr4fI4n.js';
-import './chunks/vidstack-BaGbgcvz.js';
-import './chunks/vidstack-C4aPQ7hZ.js';
+import './chunks/vidstack-CzCQJ29U.js';
+import './chunks/vidstack-CAL4iu_K.js';
 import './chunks/vidstack-0Of4tJ8D.js';
 import 'lit-html/directives/if-defined.js';
 import 'lit-html/directives/unsafe-svg.js';

package/dev/vidstack.js

@@ -1,19 +1,19 @@
-export { AudioProviderLoader, AudioTrackList, DASHProviderLoader, FullscreenController, HLSProviderLoader, List, LocalMediaStorage, Logger, MEDIA_KEY_SHORTCUTS, MediaControls, MediaPlayer, MediaProvider, MediaRemoteControl, ScreenOrientationController, TextRenderers, TextTrackList, VideoProviderLoader, VideoQualityList, VimeoProviderLoader, YouTubeProviderLoader, boundTime, canFullscreen, isAudioProvider, isDASHProvider, isGoogleCastProvider, isHLSProvider, isHTMLAudioElement, isHTMLIFrameElement, isHTMLMediaElement, isHTMLVideoElement, isVideoProvider, isVideoQualitySrc, isVimeoProvider, isYouTubeProvider, mediaState, softResetMediaState } from './chunks/vidstack-DKaohJzR.js';
+export { AudioProviderLoader, AudioTrackList, DASHProviderLoader, FullscreenController, HLSProviderLoader, List, LocalMediaStorage, Logger, MEDIA_KEY_SHORTCUTS, MediaControls, MediaPlayer, MediaProvider, MediaRemoteControl, ScreenOrientationController, TextRenderers, TextTrackList, VideoProviderLoader, VideoQualityList, VimeoProviderLoader, YouTubeProviderLoader, boundTime, canFullscreen, isAudioProvider, isDASHProvider, isGoogleCastProvider, isHLSProvider, isHTMLAudioElement, isHTMLIFrameElement, isHTMLMediaElement, isHTMLVideoElement, isVideoProvider, isVideoQualitySrc, isVimeoProvider, isYouTubeProvider, mediaState, softResetMediaState } from './chunks/vidstack-0XhA3AD_.js';
 export { mediaContext } from './chunks/vidstack-BjxlZzGu.js';
-import { TextTrackSymbol } from './chunks/vidstack-DAOcbKGP.js';
-export { TextTrack, isTrackCaptionKind, parseJSONCaptionsFile } from './chunks/vidstack-DAOcbKGP.js';
+import { TextTrackSymbol } from './chunks/vidstack-C3N4zIuV.js';
+export { TextTrack, isTrackCaptionKind, parseJSONCaptionsFile } from './chunks/vidstack-C3N4zIuV.js';
 import { isString, EventsController, DOMEvent, useState } from './chunks/vidstack-C1PwJD_4.js';
 export { appendTriggerEvent, findTriggerEvent, hasTriggerEvent, isKeyboardClick, isKeyboardEvent, isPointerEvent, walkTriggerEventChain } from './chunks/vidstack-C1PwJD_4.js';
 export { findActiveCue, isCueActive, watchActiveTextTrack, watchCueTextChange } from './chunks/vidstack-CcQdBWil.js';
 export { sortVideoQualities } from './chunks/vidstack-BTM4ERc7.js';
-import { Thumbnail, Slider } from './chunks/vidstack-EoLRQZbs.js';
-export { ARIAKeyShortcuts, AirPlayButton, AudioRadioGroup, CaptionButton, CaptionsRadioGroup, DEFAULT_PLAYBACK_RATES, FullscreenButton, LiveButton, Menu, MenuButton, MenuItem, MenuItems, MenuPortal, MuteButton, PIPButton, PlayButton, QualityRadioGroup, Radio, SeekButton, SliderController, SliderPreview, SliderValue, SpeedRadioGroup, ThumbnailsLoader, Time, TimeSlider, VolumeSlider, formatSpokenTime, formatTime, menuPortalContext, sliderContext, sliderState, updateSliderPreviewPlacement } from './chunks/vidstack-EoLRQZbs.js';
+import { Thumbnail, Slider } from './chunks/vidstack-Bo8BNFJ2.js';
+export { ARIAKeyShortcuts, AirPlayButton, AudioRadioGroup, CaptionButton, CaptionsRadioGroup, DEFAULT_PLAYBACK_RATES, FullscreenButton, LiveButton, Menu, MenuButton, MenuItem, MenuItems, MenuPortal, MuteButton, PIPButton, PlayButton, QualityRadioGroup, Radio, SeekButton, SliderController, SliderPreview, SliderValue, SpeedRadioGroup, ThumbnailsLoader, Time, TimeSlider, VolumeSlider, formatSpokenTime, formatTime, menuPortalContext, sliderContext, sliderState, updateSliderPreviewPlacement } from './chunks/vidstack-Bo8BNFJ2.js';
 export { TimeRange, getTimeRangesEnd, getTimeRangesStart, normalizeTimeIntervals, updateTimeIntervals } from './chunks/vidstack-Becy7l6h.js';
-export { AudioGainRadioGroup, AudioGainSlider, Captions, ChaptersRadioGroup, Controls, ControlsGroup, DEFAULT_AUDIO_GAINS, Gesture, GoogleCastButton, MediaAnnouncer, QualitySlider, RadioGroup, SliderChapters, SliderVideo, SpeedSlider, ToggleButton, Tooltip, TooltipContent, TooltipTrigger } from './chunks/vidstack-Blfm1k-4.js';
-export { Poster } from './chunks/vidstack-BaGbgcvz.js';
+export { AudioGainRadioGroup, AudioGainSlider, Captions, ChaptersRadioGroup, Controls, ControlsGroup, DEFAULT_AUDIO_GAINS, Gesture, GoogleCastButton, MediaAnnouncer, QualitySlider, RadioGroup, SliderChapters, SliderVideo, SpeedSlider, ToggleButton, Tooltip, TooltipContent, TooltipTrigger } from './chunks/vidstack-DD_3HszA.js';
+export { Poster } from './chunks/vidstack-CzCQJ29U.js';
 export { usePlyrLayoutClasses } from './chunks/vidstack-DXzRuMtJ.js';
-export { getDownloadFile } from './chunks/vidstack-Bs54kFSz.js';
-export { AUDIO_EXTENSIONS, AUDIO_TYPES, DASH_VIDEO_EXTENSIONS, DASH_VIDEO_TYPES, HLS_VIDEO_EXTENSIONS, HLS_VIDEO_TYPES, VIDEO_EXTENSIONS, VIDEO_TYPES, canChangeVolume, canGoogleCastSrc, canOrientScreen, canPlayHLSNatively, canRotateScreen, canUsePictureInPicture, canUseVideoPresentation, isAudioSrc, isDASHSrc, isHLSSrc, isMediaStream, isVideoSrc } from './chunks/vidstack-C6OqdJO7.js';
+export { getDownloadFile } from './chunks/vidstack-DdTXMZro.js';
+export { AUDIO_EXTENSIONS, AUDIO_TYPES, DASH_VIDEO_EXTENSIONS, DASH_VIDEO_TYPES, HLS_VIDEO_EXTENSIONS, HLS_VIDEO_TYPES, VIDEO_EXTENSIONS, VIDEO_TYPES, canChangeVolume, canGoogleCastSrc, canOrientScreen, canPlayHLSNatively, canRotateScreen, canUsePictureInPicture, canUseVideoPresentation, isAudioSrc, isDASHSrc, isHLSSrc, isMediaStream, isVideoSrc } from './chunks/vidstack-BnBLcaA5.js';
 import './chunks/vidstack-Dv_LIPFu.js';
 import './chunks/vidstack-Bpr4fI4n.js';
 import './chunks/vidstack-C0SWkbs7.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hanifhan1f/vidstack",
   "description": "UI component library for building high-quality, accessible video and audio experiences on the web.",
-  "version": "1.12.19",
+  "version": "1.12.24",
   "license": "MIT",
   "type": "module",
   "types": "index.d.ts",