@hanifhan1f/vidstack 1.12.25 → 1.12.27

package/prod/define/plyr-layout.js

@@ -1,15 +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-DXfGRhxZ.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-CSHHV2zO.js';
 import { MediaPlyrLayoutElement } from './templates/plyr-layout.js';
 import { MediaPosterElement } from '../chunks/vidstack-DlLwMLBL.js';
-import '../chunks/vidstack-DDePVDjt.js';
+import '../chunks/vidstack-Eo46ZHu7.js';
 import '../chunks/vidstack-tt3O1zL6.js';
 import '../chunks/vidstack-DB9WDRL5.js';
 import '@floating-ui/dom';
-import '../chunks/vidstack-oNEzlviH.js';
+import '../chunks/vidstack-sP7TQMB1.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';
 import '../chunks/vidstack-C9vIqaYT.js';

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

@@ -1,16 +1,16 @@
 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-Ko2EJadT.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-BnEo_Sla.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';
 import { LitElement } from '../../chunks/vidstack-CwTj4H1w.js';
 import { html } from 'lit-html';
 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-sP7TQMB1.js';
 import '../../chunks/vidstack-KShKSmYu.js';
 import '../../chunks/vidstack-wTTCvdqe.js';
+import '../../chunks/vidstack-BTM4ERc7.js';
+import 'lit-html/directives/if-defined.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,17 +1,17 @@
 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-Ko2EJadT.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-BnEo_Sla.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';
 import { html } from 'lit-html';
 import { keyed } from 'lit-html/directives/keyed.js';
 import { createSlot } from '../../chunks/vidstack-DB9WDRL5.js';
-import '../../chunks/vidstack-BP49Gz0m.js';
+import '../../chunks/vidstack-sP7TQMB1.js';
+import '../../chunks/vidstack-KShKSmYu.js';
+import '../../chunks/vidstack-wTTCvdqe.js';
 import '../../chunks/vidstack-BTM4ERc7.js';
 import 'lit-html/directives/if-defined.js';
 import 'lit-html/directives/ref.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';

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-Ko2EJadT.js';
+import '../chunks/vidstack-BnEo_Sla.js';
 import '../chunks/vidstack-tt3O1zL6.js';
 import '../chunks/vidstack-DB9WDRL5.js';
 import '@floating-ui/dom';
@@ -10,11 +10,11 @@ import '../chunks/vidstack-zfCm-GM5.js';
 import 'lit-html/directives/if-defined.js';
 import 'lit-html/directives/unsafe-svg.js';
 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-sP7TQMB1.js';
 import '../chunks/vidstack-KShKSmYu.js';
 import '../chunks/vidstack-wTTCvdqe.js';
+import '../chunks/vidstack-BTM4ERc7.js';
+import 'lit-html/directives/ref.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-Ko2EJadT.js';
+import '../chunks/vidstack-BnEo_Sla.js';
 import '../chunks/vidstack-tt3O1zL6.js';
 import '../chunks/vidstack-DB9WDRL5.js';
 import '@floating-ui/dom';
@@ -11,11 +11,11 @@ import '../chunks/vidstack-zfCm-GM5.js';
 import 'lit-html/directives/if-defined.js';
 import 'lit-html/directives/unsafe-svg.js';
 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-sP7TQMB1.js';
 import '../chunks/vidstack-KShKSmYu.js';
 import '../chunks/vidstack-wTTCvdqe.js';
+import '../chunks/vidstack-BTM4ERc7.js';
+import 'lit-html/directives/ref.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,16 +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-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 { 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-BVSJtdRd.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-CSHHV2zO.js';
 import { MediaPosterElement } from '../chunks/vidstack-DlLwMLBL.js';
-import '../chunks/vidstack-Cs0fH84E.js';
+import '../chunks/vidstack-zknLxihl.js';
 import '../chunks/vidstack-tt3O1zL6.js';
 import '../chunks/vidstack-DB9WDRL5.js';
 import '@floating-ui/dom';
-import '../chunks/vidstack-DDePVDjt.js';
-import '../chunks/vidstack-oNEzlviH.js';
+import '../chunks/vidstack-Eo46ZHu7.js';
+import '../chunks/vidstack-sP7TQMB1.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';
 import '../chunks/vidstack-C9vIqaYT.js';

package/prod/define/vidstack-player.js

@@ -1,12 +1,11 @@
 import { defineCustomElement } from '../chunks/vidstack-BNpgCJJ1.js';
-import { MediaPlayerElement, MediaProviderElement } from '../chunks/vidstack-DnRxQoqP.js';
-import '../chunks/vidstack-C-yd_bAJ.js';
+import { MediaPlayerElement, MediaProviderElement } from '../chunks/vidstack-uVm3xX8H.js';
+import '../chunks/vidstack-CLTPjjXX.js';
 import '../chunks/vidstack-tt3O1zL6.js';
 import '../chunks/vidstack-wTTCvdqe.js';
 import '../chunks/vidstack-Fem0yF3c.js';
-import '../chunks/vidstack-oNEzlviH.js';
+import '../chunks/vidstack-sP7TQMB1.js';
 import '../chunks/vidstack-KShKSmYu.js';
-import '../chunks/vidstack-BP49Gz0m.js';
 import '../chunks/vidstack-D5EzK014.js';
 import '../chunks/vidstack-B01xzxC4.js';
 import '../chunks/vidstack-DB9WDRL5.js';

package/prod/global/plyr.js

@@ -1,16 +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-C-yd_bAJ.js';
+import { mediaState, isHTMLAudioElement, isHTMLVideoElement, isHTMLIFrameElement } from '../chunks/vidstack-CLTPjjXX.js';
 import { isHTMLElement } from '../chunks/vidstack-DB9WDRL5.js';
 import { canPlayVideoType } from '../chunks/vidstack-wTTCvdqe.js';
-import '../chunks/vidstack-DnRxQoqP.js';
+import '../chunks/vidstack-uVm3xX8H.js';
 import '../chunks/vidstack-tt3O1zL6.js';
-import '../chunks/vidstack-DXfGRhxZ.js';
-import '../chunks/vidstack-DDePVDjt.js';
-import '../chunks/vidstack-oNEzlviH.js';
+import '../chunks/vidstack-CSHHV2zO.js';
+import '../chunks/vidstack-Eo46ZHu7.js';
+import '../chunks/vidstack-sP7TQMB1.js';
 import '../chunks/vidstack-KShKSmYu.js';
-import '../chunks/vidstack-BP49Gz0m.js';
 import '../chunks/vidstack-COLU-zPZ.js';
 import '../chunks/vidstack-Dihypf8P.js';
 import '../chunks/vidstack-C9vIqaYT.js';

package/prod/global/vidstack-player.js

@@ -1,14 +1,13 @@
 import '../define/vidstack-player.js';
 import { isString, defineCustomElement, kebabToCamelCase } from '../chunks/vidstack-BNpgCJJ1.js';
-import { isHTMLAudioElement, isHTMLVideoElement, isHTMLIFrameElement } from '../chunks/vidstack-C-yd_bAJ.js';
+import { isHTMLAudioElement, isHTMLVideoElement, isHTMLIFrameElement } from '../chunks/vidstack-CLTPjjXX.js';
 import { isHTMLElement } from '../chunks/vidstack-DB9WDRL5.js';
-import '../chunks/vidstack-DnRxQoqP.js';
+import '../chunks/vidstack-uVm3xX8H.js';
 import '../chunks/vidstack-tt3O1zL6.js';
 import '../chunks/vidstack-wTTCvdqe.js';
 import '../chunks/vidstack-Fem0yF3c.js';
-import '../chunks/vidstack-oNEzlviH.js';
+import '../chunks/vidstack-sP7TQMB1.js';
 import '../chunks/vidstack-KShKSmYu.js';
-import '../chunks/vidstack-BP49Gz0m.js';
 import '../chunks/vidstack-D5EzK014.js';
 import '../chunks/vidstack-B01xzxC4.js';
 import '@floating-ui/dom';

package/prod/providers/vidstack-dash.js

@@ -3,14 +3,13 @@ import { canPlayVideoType, canPlayAudioType, IS_CHROME, isDASHSupported } from '
 import { VideoProvider } from './vidstack-video.js';
 import { listenEvent, effect, DOMEvent, isNumber, isString, camelToKebabCase, isUndefined, isFunction, peek } from '../chunks/vidstack-BNpgCJJ1.js';
 import { QualitySymbol } from '../chunks/vidstack-B01xzxC4.js';
-import { TextTrackSymbol, TextTrack } from '../chunks/vidstack-oNEzlviH.js';
+import { TextTrackSymbol, TextTrack } from '../chunks/vidstack-sP7TQMB1.js';
 import { ListSymbol } from '../chunks/vidstack-D5EzK014.js';
 import { RAFLoop } from '../chunks/vidstack-BdFYWy6h.js';
 import { coerceToError } from '../chunks/vidstack-C9vIqaYT.js';
 import './vidstack-html.js';
 import '../chunks/vidstack-Dihypf8P.js';
 import '../chunks/vidstack-Bn9yLryd.js';
-import '../chunks/vidstack-BP49Gz0m.js';
 
 function getLangName(langCode) {
   try {

package/prod/providers/vidstack-hls.js

@@ -3,14 +3,13 @@ import { IS_CHROME, isHLSSupported } from '../chunks/vidstack-wTTCvdqe.js';
 import { VideoProvider } from './vidstack-video.js';
 import { peek, listenEvent, effect, DOMEvent, isString, camelToKebabCase, isUndefined, isFunction } from '../chunks/vidstack-BNpgCJJ1.js';
 import { QualitySymbol } from '../chunks/vidstack-B01xzxC4.js';
-import { TextTrack, TextTrackSymbol } from '../chunks/vidstack-oNEzlviH.js';
+import { TextTrack, TextTrackSymbol } from '../chunks/vidstack-sP7TQMB1.js';
 import { ListSymbol } from '../chunks/vidstack-D5EzK014.js';
 import { RAFLoop } from '../chunks/vidstack-BdFYWy6h.js';
 import { coerceToError } from '../chunks/vidstack-C9vIqaYT.js';
 import './vidstack-html.js';
 import '../chunks/vidstack-Dihypf8P.js';
 import '../chunks/vidstack-Bn9yLryd.js';
-import '../chunks/vidstack-BP49Gz0m.js';
 
 const toDOMEventType = (type) => camelToKebabCase(type);
 class HLSController {

package/prod/providers/vidstack-video.js

@@ -2,12 +2,11 @@ import { onDispose, EventsController, listenEvent, DOMEvent, scoped } from '../c
 import { canUsePictureInPicture, canUseVideoPresentation, canPlayHLSNatively } from '../chunks/vidstack-wTTCvdqe.js';
 import { HTMLMediaProvider } from './vidstack-html.js';
 import { HTMLAirPlayAdapter } from '../chunks/vidstack-Bn9yLryd.js';
-import { TextTrack, TextTrackSymbol } from '../chunks/vidstack-oNEzlviH.js';
+import { TextTrack, TextTrackSymbol } from '../chunks/vidstack-sP7TQMB1.js';
 import '../chunks/vidstack-BdFYWy6h.js';
 import '../chunks/vidstack-Dihypf8P.js';
 import '../chunks/vidstack-D5EzK014.js';
 import '../chunks/vidstack-KShKSmYu.js';
-import '../chunks/vidstack-BP49Gz0m.js';
 
 class NativeHLSTextTracks {
   #video;

package/prod/providers/vidstack-vimeo.js

@@ -1,13 +1,12 @@
 import { createScope, signal, effect, peek, isString, deferredPromise, listenEvent, isArray } from '../chunks/vidstack-BNpgCJJ1.js';
 import { QualitySymbol } from '../chunks/vidstack-B01xzxC4.js';
 import { TimeRange } from '../chunks/vidstack-Fem0yF3c.js';
-import { TextTrack } from '../chunks/vidstack-oNEzlviH.js';
+import { TextTrack } from '../chunks/vidstack-sP7TQMB1.js';
 import { ListSymbol } from '../chunks/vidstack-D5EzK014.js';
 import { RAFLoop } from '../chunks/vidstack-BdFYWy6h.js';
 import { preconnect } from '../chunks/vidstack-KShKSmYu.js';
 import { EmbedProvider } from '../chunks/vidstack-Dg71uhRc.js';
 import { resolveVimeoVideoId, getVimeoVideoInfo } from '../chunks/vidstack-krOAtKMi.js';
-import '../chunks/vidstack-BP49Gz0m.js';
 import '../chunks/vidstack-wTTCvdqe.js';
 
 const trackedVimeoEvents = [

package/prod/vidstack-elements.js

@@ -1,32 +1,31 @@
 export { defineCustomElement } from './chunks/vidstack-BNpgCJJ1.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-XA3zT5W9.js';
-export { MediaPlayerElement, MediaProviderElement } from './chunks/vidstack-DnRxQoqP.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-BVSJtdRd.js';
+export { MediaPlayerElement, MediaProviderElement } from './chunks/vidstack-uVm3xX8H.js';
 export { MediaPosterElement } from './chunks/vidstack-DlLwMLBL.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-DXfGRhxZ.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-CSHHV2zO.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-Cs0fH84E.js';
+import './chunks/vidstack-zknLxihl.js';
 import './chunks/vidstack-tt3O1zL6.js';
 import './chunks/vidstack-DB9WDRL5.js';
 import '@floating-ui/dom';
-import './chunks/vidstack-DDePVDjt.js';
-import './chunks/vidstack-oNEzlviH.js';
+import './chunks/vidstack-Eo46ZHu7.js';
+import './chunks/vidstack-sP7TQMB1.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';
 import './chunks/vidstack-C9vIqaYT.js';
 import './chunks/vidstack-BTM4ERc7.js';
 import 'lit-html';
 import './chunks/vidstack-CwTj4H1w.js';
-import './chunks/vidstack-C-yd_bAJ.js';
+import './chunks/vidstack-CLTPjjXX.js';
 import './chunks/vidstack-Fem0yF3c.js';
 import './chunks/vidstack-D5EzK014.js';
 import './chunks/vidstack-B01xzxC4.js';
 import './chunks/vidstack-C4PTiuot.js';
-import './chunks/vidstack-Ko2EJadT.js';
+import './chunks/vidstack-BnEo_Sla.js';
 import './chunks/vidstack-zfCm-GM5.js';
 import 'lit-html/directives/if-defined.js';
 import 'lit-html/directives/unsafe-svg.js';

package/prod/vidstack.js

@@ -1,15 +1,14 @@
 import { DOMEvent, isString, EventsController, useState } from './chunks/vidstack-BNpgCJJ1.js';
 export { appendTriggerEvent, findTriggerEvent, hasTriggerEvent, isKeyboardClick, isKeyboardEvent, isPointerEvent, walkTriggerEventChain } from './chunks/vidstack-BNpgCJJ1.js';
-export { AudioProviderLoader, AudioTrackList, DASHProviderLoader, FullscreenController, HLSProviderLoader, List, LocalMediaStorage, 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-C-yd_bAJ.js';
+export { AudioProviderLoader, AudioTrackList, DASHProviderLoader, FullscreenController, HLSProviderLoader, List, LocalMediaStorage, 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-CLTPjjXX.js';
 export { mediaContext } from './chunks/vidstack-tt3O1zL6.js';
-import { TextTrackSymbol } from './chunks/vidstack-oNEzlviH.js';
-export { TextTrack, isTrackCaptionKind, parseJSONCaptionsFile } from './chunks/vidstack-oNEzlviH.js';
-export { findActiveCue, isCueActive, watchActiveTextTrack, watchCueTextChange } from './chunks/vidstack-BP49Gz0m.js';
+import { TextTrackSymbol } from './chunks/vidstack-sP7TQMB1.js';
+export { TextTrack, findActiveCue, isCueActive, isTrackCaptionKind, parseJSONCaptionsFile, watchActiveTextTrack, watchCueTextChange } from './chunks/vidstack-sP7TQMB1.js';
 export { sortVideoQualities } from './chunks/vidstack-BTM4ERc7.js';
-import { Thumbnail, Slider } from './chunks/vidstack-DDePVDjt.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-DDePVDjt.js';
+import { Thumbnail, Slider } from './chunks/vidstack-Eo46ZHu7.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-Eo46ZHu7.js';
 export { TimeRange, getTimeRangesEnd, getTimeRangesStart, normalizeTimeIntervals, updateTimeIntervals } from './chunks/vidstack-Fem0yF3c.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-Cs0fH84E.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-zknLxihl.js';
 export { Poster } from './chunks/vidstack-C4PTiuot.js';
 export { usePlyrLayoutClasses } from './chunks/vidstack-BDIzK77F.js';
 export { getDownloadFile } from './chunks/vidstack-KShKSmYu.js';

package/server/chunks/vidstack-B3eA67nX.js

@@ -0,0 +1,205 @@
+import { computed, peek, effect, onDispose, isDOMNode, animationFrameThrottle, isString } from './vidstack-B8LynzY5.js';
+import { nothing, render, html } from 'lit-html';
+import { ifDefined } from 'lit-html/directives/if-defined.js';
+import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';
+import { directive, AsyncDirective, PartType } from 'lit-html/async-directive.js';
+import { useMediaContext } from './vidstack-NpAD9hfP.js';
+
+class SignalDirective extends AsyncDirective {
+  #signal = null;
+  #isAttr = false;
+  #stop = null;
+  constructor(part) {
+    super(part);
+    this.#isAttr = part.type === PartType.ATTRIBUTE || part.type === PartType.BOOLEAN_ATTRIBUTE;
+  }
+  render(signal) {
+    if (signal !== this.#signal) {
+      this.disconnected();
+      this.#signal = signal;
+      if (this.isConnected) this.#watch();
+    }
+    return this.#signal ? this.#resolveValue(peek(this.#signal)) : nothing;
+  }
+  reconnected() {
+    this.#watch();
+  }
+  disconnected() {
+    this.#stop?.();
+    this.#stop = null;
+  }
+  #watch() {
+    if (!this.#signal) return;
+    this.#stop = effect(this.#onValueChange.bind(this));
+  }
+  #resolveValue(value) {
+    return this.#isAttr ? ifDefined(value) : value;
+  }
+  #setValue(value) {
+    this.setValue(this.#resolveValue(value));
+  }
+  #onValueChange() {
+    {
+      this.#setValue(this.#signal?.());
+    }
+  }
+}
+function $signal(compute) {
+  return directive(SignalDirective)(computed(compute));
+}
+
+class SlotObserver {
+  #roots;
+  #callback;
+  elements = /* @__PURE__ */ new Set();
+  constructor(roots, callback) {
+    this.#roots = roots;
+    this.#callback = callback;
+  }
+  connect() {
+    this.#update();
+    const observer = new MutationObserver(this.#onMutation);
+    for (const root of this.#roots) observer.observe(root, { childList: true, subtree: true });
+    onDispose(() => observer.disconnect());
+    onDispose(this.disconnect.bind(this));
+  }
+  disconnect() {
+    this.elements.clear();
+  }
+  assign(template, slot) {
+    if (isDOMNode(template)) {
+      slot.textContent = "";
+      slot.append(template);
+    } else {
+      render(null, slot);
+      render(template, slot);
+    }
+    if (!slot.style.display) {
+      slot.style.display = "contents";
+    }
+    const el = slot.firstElementChild;
+    if (!el) return;
+    const classList = slot.getAttribute("data-class");
+    if (classList) el.classList.add(...classList.split(" "));
+  }
+  #onMutation = animationFrameThrottle(this.#update.bind(this));
+  #update(entries) {
+    if (entries && !entries.some((e) => e.addedNodes.length)) return;
+    let changed = false, slots = this.#roots.flatMap((root) => [...root.querySelectorAll("slot")]);
+    for (const slot of slots) {
+      if (!slot.hasAttribute("name") || this.elements.has(slot)) continue;
+      this.elements.add(slot);
+      changed = true;
+    }
+    if (changed) this.#callback(this.elements);
+  }
+}
+
+let id = 0, slotIdAttr = "data-slot-id";
+class SlotManager {
+  #roots;
+  slots;
+  constructor(roots) {
+    this.#roots = roots;
+    this.slots = new SlotObserver(roots, this.#update.bind(this));
+  }
+  connect() {
+    this.slots.connect();
+    this.#update();
+    const mutations = new MutationObserver(this.#onMutation);
+    for (const root of this.#roots) mutations.observe(root, { childList: true });
+    onDispose(() => mutations.disconnect());
+  }
+  #onMutation = animationFrameThrottle(this.#update.bind(this));
+  #update() {
+    for (const root of this.#roots) {
+      for (const node of root.children) {
+        if (node.nodeType !== 1) continue;
+        const name = node.getAttribute("slot");
+        if (!name) continue;
+        node.style.display = "none";
+        let slotId = node.getAttribute(slotIdAttr);
+        if (!slotId) {
+          node.setAttribute(slotIdAttr, slotId = ++id + "");
+        }
+        for (const slot of this.slots.elements) {
+          if (slot.getAttribute("name") !== name || slot.getAttribute(slotIdAttr) === slotId) {
+            continue;
+          }
+          const clone = document.importNode(node, true);
+          if (name.includes("-icon")) clone.classList.add("vds-icon");
+          clone.style.display = "";
+          clone.removeAttribute("slot");
+          this.slots.assign(clone, slot);
+          slot.setAttribute(slotIdAttr, slotId);
+        }
+      }
+    }
+  }
+}
+
+function Icon({ name, class: _class, state, paths, viewBox = "0 0 32 32" }) {
+  return html`<svg
+    class="${"vds-icon" + (_class ? ` ${_class}` : "")}"
+    viewBox="${viewBox}"
+    fill="none"
+    aria-hidden="true"
+    focusable="false"
+    xmlns="http://www.w3.org/2000/svg"
+    data-icon=${ifDefined(name ?? state)}
+  >
+    ${!isString(paths) ? $signal(paths) : unsafeSVG(paths)}
+  </svg>`;
+}
+
+class IconsLoader {
+  #icons = {};
+  #loaded = false;
+  slots;
+  constructor(roots) {
+    this.slots = new SlotObserver(roots, this.#insertIcons.bind(this));
+  }
+  connect() {
+    this.slots.connect();
+  }
+  load() {
+    this.loadIcons().then((icons) => {
+      this.#icons = icons;
+      this.#loaded = true;
+      this.#insertIcons();
+    });
+  }
+  *#iterate() {
+    for (const iconName of Object.keys(this.#icons)) {
+      const slotName = `${iconName}-icon`;
+      for (const slot of this.slots.elements) {
+        if (slot.name !== slotName) continue;
+        yield { icon: this.#icons[iconName], slot };
+      }
+    }
+  }
+  #insertIcons() {
+    if (!this.#loaded) return;
+    for (const { icon, slot } of this.#iterate()) {
+      this.slots.assign(icon, slot);
+    }
+  }
+}
+
+class LayoutIconsLoader extends IconsLoader {
+  connect() {
+    super.connect();
+    const { player } = useMediaContext();
+    if (!player.el) return;
+    let dispose, observer = new IntersectionObserver((entries) => {
+      if (!entries[0]?.isIntersecting) return;
+      dispose?.();
+      dispose = void 0;
+      this.load();
+    });
+    observer.observe(player.el);
+    dispose = onDispose(() => observer.disconnect());
+  }
+}
+
+export { $signal, Icon, LayoutIconsLoader, SlotManager };