@hanifhan1f/vidstack 1.12.24 → 1.12.25

package/prod/chunks/vidstack-XA3zT5W9.js

@@ -0,0 +1,297 @@
+import { Host, effect, Component, signal, setAttribute, isBoolean, computed, isString, useState } from './vidstack-BNpgCJJ1.js';
+import { Captions, Gesture, MediaAnnouncer, Controls, ControlsGroup, GoogleCastButton, ToggleButton, Tooltip, TooltipTrigger, TooltipContent, ChaptersRadioGroup, AudioGainRadioGroup, RadioGroup, SliderVideo, AudioGainSlider, SpeedSlider, QualitySlider, SliderChapters } from './vidstack-Cs0fH84E.js';
+import { useMediaContext } from './vidstack-tt3O1zL6.js';
+import { watchCueTextChange } from './vidstack-BP49Gz0m.js';
+import { html } from 'lit-html';
+import { requestScopedAnimationFrame, isHTMLElement, cloneTemplateContent, createTemplate, cloneTemplate } from './vidstack-DB9WDRL5.js';
+import { LitElement } from './vidstack-CwTj4H1w.js';
+import { MenuPortal, Slider, sliderState } from './vidstack-DDePVDjt.js';
+import { renderMenuItemsTemplate } from './vidstack-DXfGRhxZ.js';
+
+class MediaCaptionsElement extends Host(HTMLElement, Captions) {
+  static tagName = "media-captions";
+}
+
+class MediaGestureElement extends Host(HTMLElement, Gesture) {
+  static tagName = "media-gesture";
+}
+
+class MediaAnnouncerElement extends Host(HTMLElement, MediaAnnouncer) {
+  static tagName = "media-announcer";
+}
+
+class MediaControlsElement extends Host(HTMLElement, Controls) {
+  static tagName = "media-controls";
+}
+
+class MediaControlsGroupElement extends Host(HTMLElement, ControlsGroup) {
+  static tagName = "media-controls-group";
+}
+
+class Title extends Component {
+}
+class MediaTitleElement extends Host(HTMLElement, Title) {
+  static tagName = "media-title";
+  #media;
+  onSetup() {
+    this.#media = useMediaContext();
+  }
+  onConnect() {
+    effect(this.#watchTitle.bind(this));
+  }
+  #watchTitle() {
+    const { title } = this.#media.$state;
+    this.textContent = title();
+  }
+}
+
+class ChapterTitle extends Component {
+  static props = {
+    defaultText: ""
+  };
+}
+class MediaChapterTitleElement extends Host(HTMLElement, ChapterTitle) {
+  static tagName = "media-chapter-title";
+  #media;
+  #chapterTitle;
+  onSetup() {
+    this.#media = useMediaContext();
+    this.#chapterTitle = signal("");
+  }
+  onConnect() {
+    const tracks = this.#media.textTracks;
+    watchCueTextChange(tracks, "chapters", this.#chapterTitle.set);
+    effect(this.#watchChapterTitle.bind(this));
+  }
+  #watchChapterTitle() {
+    const { defaultText } = this.$props;
+    this.textContent = this.#chapterTitle() || defaultText();
+  }
+}
+
+class Spinner extends Component {
+  static props = {
+    size: 96,
+    trackWidth: 8,
+    fillPercent: 50
+  };
+  onConnect(el) {
+    requestScopedAnimationFrame(() => {
+      if (!this.connectScope) return;
+      const root = el.querySelector("svg"), track = root.firstElementChild, trackFill = track.nextElementSibling;
+      effect(this.#update.bind(this, root, track, trackFill));
+    });
+  }
+  #update(root, track, trackFill) {
+    const { size, trackWidth, fillPercent } = this.$props;
+    setAttribute(root, "width", size());
+    setAttribute(root, "height", size());
+    setAttribute(track, "stroke-width", trackWidth());
+    setAttribute(trackFill, "stroke-width", trackWidth());
+    setAttribute(trackFill, "stroke-dashoffset", 100 - fillPercent());
+  }
+}
+class MediaSpinnerElement extends Host(LitElement, Spinner) {
+  static tagName = "media-spinner";
+  render() {
+    return html`
+      <svg fill="none" viewBox="0 0 120 120" aria-hidden="true" data-part="root">
+        <circle cx="60" cy="60" r="54" stroke="currentColor" data-part="track"></circle>
+        <circle
+          cx="60"
+          cy="60"
+          r="54"
+          stroke="currentColor"
+          pathLength="100"
+          stroke-dasharray="100"
+          data-part="track-fill"
+        ></circle>
+      </svg>
+    `;
+  }
+}
+
+class MediaLayout extends Component {
+  static props = {
+    when: false
+  };
+}
+class MediaLayoutElement extends Host(HTMLElement, MediaLayout) {
+  static tagName = "media-layout";
+  #media;
+  onSetup() {
+    this.#media = useMediaContext();
+  }
+  onConnect() {
+    effect(this.#watchWhen.bind(this));
+  }
+  #watchWhen() {
+    const root = this.firstElementChild, isTemplate = root?.localName === "template", when = this.$props.when(), matches = isBoolean(when) ? when : computed(() => when(this.#media.player.state))();
+    if (!matches) {
+      if (isTemplate) {
+        this.textContent = "";
+        this.appendChild(root);
+      } else if (isHTMLElement(root)) {
+        root.style.display = "none";
+      }
+      return;
+    }
+    if (isTemplate) {
+      this.append(root.content.cloneNode(true));
+    } else if (isHTMLElement(root)) {
+      root.style.display = "";
+    }
+  }
+}
+
+class MediaGoogleCastButtonElement extends Host(HTMLElement, GoogleCastButton) {
+  static tagName = "media-google-cast-button";
+}
+
+class MediaToggleButtonElement extends Host(HTMLElement, ToggleButton) {
+  static tagName = "media-toggle-button";
+}
+
+class MediaTooltipElement extends Host(HTMLElement, Tooltip) {
+  static tagName = "media-tooltip";
+}
+
+class MediaTooltipTriggerElement extends Host(HTMLElement, TooltipTrigger) {
+  static tagName = "media-tooltip-trigger";
+  onConnect() {
+    this.style.display = "contents";
+  }
+}
+
+class MediaTooltipContentElement extends Host(HTMLElement, TooltipContent) {
+  static tagName = "media-tooltip-content";
+}
+
+class MediaMenuPortalElement extends Host(HTMLElement, MenuPortal) {
+  static tagName = "media-menu-portal";
+  static attrs = {
+    disabled: {
+      converter(value) {
+        if (isString(value)) return value;
+        return value !== null;
+      }
+    }
+  };
+}
+
+class MediaChaptersRadioGroupElement extends Host(HTMLElement, ChaptersRadioGroup) {
+  static tagName = "media-chapters-radio-group";
+  onConnect() {
+    renderMenuItemsTemplate(this, (el, option) => {
+      const { cue, startTime, duration } = option, thumbnailEl = el.querySelector(".vds-thumbnail,media-thumbnail"), startEl = el.querySelector('[data-part="start-time"]'), durationEl = el.querySelector('[data-part="duration"]');
+      if (startEl) startEl.textContent = startTime;
+      if (durationEl) durationEl.textContent = duration;
+      if (thumbnailEl) {
+        thumbnailEl.setAttribute("time", cue.startTime + "");
+        effect(() => {
+          const thumbnails = this.$props.thumbnails();
+          if ("src" in thumbnailEl) {
+            thumbnailEl.src = thumbnails;
+          } else if (isString(thumbnails)) {
+            thumbnailEl.setAttribute("src", thumbnails);
+          }
+        });
+      }
+    });
+  }
+}
+
+class MediaAudioGainRadioGroupElement extends Host(HTMLElement, AudioGainRadioGroup) {
+  static tagName = "media-audio-gain-radio-group";
+  onConnect() {
+    renderMenuItemsTemplate(this);
+  }
+}
+
+class MediaRadioGroupElement extends Host(HTMLElement, RadioGroup) {
+  static tagName = "media-radio-group";
+}
+
+class MediaSliderElement extends Host(HTMLElement, Slider) {
+  static tagName = "media-slider";
+}
+
+const videoTemplate = /* @__PURE__ */ createTemplate(
+  `<video muted playsinline preload="none" style="max-width: unset;"></video>`
+);
+class MediaSliderVideoElement extends Host(HTMLElement, SliderVideo) {
+  static tagName = "media-slider-video";
+  #media;
+  #video = this.#createVideo();
+  onSetup() {
+    this.#media = useMediaContext();
+    this.$state.video.set(this.#video);
+  }
+  onConnect() {
+    const { canLoad } = this.#media.$state, { src, crossOrigin } = this.$state;
+    if (this.#video.parentNode !== this) {
+      this.prepend(this.#video);
+    }
+    effect(() => {
+      setAttribute(this.#video, "crossorigin", crossOrigin());
+      setAttribute(this.#video, "preload", canLoad() ? "auto" : "none");
+      setAttribute(this.#video, "src", src());
+    });
+  }
+  #createVideo() {
+    return cloneTemplateContent(videoTemplate);
+  }
+}
+
+class MediaAudioGainSliderElement extends Host(HTMLElement, AudioGainSlider) {
+  static tagName = "media-audio-gain-slider";
+}
+
+class MediaSpeedSliderElement extends Host(HTMLElement, SpeedSlider) {
+  static tagName = "media-speed-slider";
+}
+
+class MediaQualitySliderElement extends Host(HTMLElement, QualitySlider) {
+  static tagName = "media-quality-slider";
+}
+
+class MediaSliderChaptersElement extends Host(HTMLElement, SliderChapters) {
+  static tagName = "media-slider-chapters";
+  #template = null;
+  onConnect() {
+    requestScopedAnimationFrame(() => {
+      if (!this.connectScope) return;
+      const template = this.querySelector("template");
+      if (template) {
+        this.#template = template;
+        effect(this.#renderTemplate.bind(this));
+      }
+    });
+  }
+  #renderTemplate() {
+    if (!this.#template) return;
+    const elements = cloneTemplate(this.#template, this.cues.length || 1);
+    this.setRefs(elements);
+  }
+}
+
+class SliderSteps extends Component {
+}
+class MediaSliderStepsElement extends Host(HTMLElement, SliderSteps) {
+  static tagName = "media-slider-steps";
+  #template = null;
+  onConnect(el) {
+    requestScopedAnimationFrame(() => {
+      if (!this.connectScope) return;
+      this.#template = el.querySelector("template");
+      if (this.#template) effect(this.#render.bind(this));
+    });
+  }
+  #render() {
+    if (!this.#template) return;
+    const { min, max, step } = useState(sliderState), steps = (max() - min()) / step();
+    cloneTemplate(this.#template, Math.floor(steps) + 1);
+  }
+}
+
+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 };

package/prod/define/plyr-layout.js

@@ -1,8 +1,8 @@
 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-ShUhyBfI.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-DlLwMLBL.js';
-import '../chunks/vidstack-BexQYZop.js';
+import '../chunks/vidstack-DDePVDjt.js';
 import '../chunks/vidstack-tt3O1zL6.js';
 import '../chunks/vidstack-DB9WDRL5.js';
 import '@floating-ui/dom';

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-V9U6gsde.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';

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-V9U6gsde.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';

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-V9U6gsde.js';
+import '../chunks/vidstack-Ko2EJadT.js';
 import '../chunks/vidstack-tt3O1zL6.js';
 import '../chunks/vidstack-DB9WDRL5.js';
 import '@floating-ui/dom';

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-V9U6gsde.js';
+import '../chunks/vidstack-Ko2EJadT.js';
 import '../chunks/vidstack-tt3O1zL6.js';
 import '../chunks/vidstack-DB9WDRL5.js';
 import '@floating-ui/dom';

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

@@ -1,12 +1,12 @@
 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-BRnfTkxi.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-ShUhyBfI.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-kdaDngIm.js';
+import '../chunks/vidstack-Cs0fH84E.js';
 import '../chunks/vidstack-tt3O1zL6.js';
 import '../chunks/vidstack-DB9WDRL5.js';
 import '@floating-ui/dom';
-import '../chunks/vidstack-BexQYZop.js';
+import '../chunks/vidstack-DDePVDjt.js';
 import '../chunks/vidstack-oNEzlviH.js';
 import '../chunks/vidstack-KShKSmYu.js';
 import '../chunks/vidstack-wTTCvdqe.js';

package/prod/define/vidstack-player.js

@@ -1,6 +1,6 @@
 import { defineCustomElement } from '../chunks/vidstack-BNpgCJJ1.js';
-import { MediaPlayerElement, MediaProviderElement } from '../chunks/vidstack-DMDDSV3t.js';
-import '../chunks/vidstack-BAqdCFIm.js';
+import { MediaPlayerElement, MediaProviderElement } from '../chunks/vidstack-DnRxQoqP.js';
+import '../chunks/vidstack-C-yd_bAJ.js';
 import '../chunks/vidstack-tt3O1zL6.js';
 import '../chunks/vidstack-wTTCvdqe.js';
 import '../chunks/vidstack-Fem0yF3c.js';

package/prod/global/plyr.js

@@ -1,13 +1,13 @@
 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-BAqdCFIm.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-wTTCvdqe.js';
-import '../chunks/vidstack-DMDDSV3t.js';
+import '../chunks/vidstack-DnRxQoqP.js';
 import '../chunks/vidstack-tt3O1zL6.js';
-import '../chunks/vidstack-ShUhyBfI.js';
-import '../chunks/vidstack-BexQYZop.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';

package/prod/global/vidstack-player.js

@@ -1,8 +1,8 @@
 import '../define/vidstack-player.js';
 import { isString, defineCustomElement, kebabToCamelCase } from '../chunks/vidstack-BNpgCJJ1.js';
-import { isHTMLAudioElement, isHTMLVideoElement, isHTMLIFrameElement } from '../chunks/vidstack-BAqdCFIm.js';
+import { isHTMLAudioElement, isHTMLVideoElement, isHTMLIFrameElement } from '../chunks/vidstack-C-yd_bAJ.js';
 import { isHTMLElement } from '../chunks/vidstack-DB9WDRL5.js';
-import '../chunks/vidstack-DMDDSV3t.js';
+import '../chunks/vidstack-DnRxQoqP.js';
 import '../chunks/vidstack-tt3O1zL6.js';
 import '../chunks/vidstack-wTTCvdqe.js';
 import '../chunks/vidstack-Fem0yF3c.js';

package/prod/vidstack-elements.js

@@ -1,16 +1,16 @@
 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-BRnfTkxi.js';
-export { MediaPlayerElement, MediaProviderElement } from './chunks/vidstack-DMDDSV3t.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 { 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-ShUhyBfI.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 { 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-kdaDngIm.js';
+import './chunks/vidstack-Cs0fH84E.js';
 import './chunks/vidstack-tt3O1zL6.js';
 import './chunks/vidstack-DB9WDRL5.js';
 import '@floating-ui/dom';
-import './chunks/vidstack-BexQYZop.js';
+import './chunks/vidstack-DDePVDjt.js';
 import './chunks/vidstack-oNEzlviH.js';
 import './chunks/vidstack-KShKSmYu.js';
 import './chunks/vidstack-wTTCvdqe.js';
@@ -21,12 +21,12 @@ import './chunks/vidstack-C9vIqaYT.js';
 import './chunks/vidstack-BTM4ERc7.js';
 import 'lit-html';
 import './chunks/vidstack-CwTj4H1w.js';
-import './chunks/vidstack-BAqdCFIm.js';
+import './chunks/vidstack-C-yd_bAJ.js';
 import './chunks/vidstack-Fem0yF3c.js';
 import './chunks/vidstack-D5EzK014.js';
 import './chunks/vidstack-B01xzxC4.js';
 import './chunks/vidstack-C4PTiuot.js';
-import './chunks/vidstack-V9U6gsde.js';
+import './chunks/vidstack-Ko2EJadT.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,15 @@
 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-BAqdCFIm.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 { 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';
 export { sortVideoQualities } from './chunks/vidstack-BTM4ERc7.js';
-import { Thumbnail, Slider } from './chunks/vidstack-BexQYZop.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-BexQYZop.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';
 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-kdaDngIm.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 { Poster } from './chunks/vidstack-C4PTiuot.js';
 export { usePlyrLayoutClasses } from './chunks/vidstack-BDIzK77F.js';
 export { getDownloadFile } from './chunks/vidstack-KShKSmYu.js';