@hanifhan1f/vidstack 1.12.34 → 1.12.36

package/server/chunks/vidstack-Db22EuE_.js

@@ -1,207 +0,0 @@
-import { Host, effect, setAttribute, isString, BOOLEAN } from './vidstack-B8LynzY5.js';
-import { Poster, Thumbnail, Time, AirPlayButton, CaptionButton, FullscreenButton, LiveButton, MuteButton, PIPButton, PlayButton, SeekButton, AudioRadioGroup, CaptionsRadioGroup, Menu, MenuButton, MenuItem, MenuItems, SpeedRadioGroup, QualityRadioGroup, Radio, SliderValue, TimeSlider, SliderPreview, VolumeSlider } from './vidstack-B8_v1VQn.js';
-import { useMediaContext, cloneTemplateContent, createTemplate, requestScopedAnimationFrame, cloneTemplate } from './vidstack-B4CWj0Hp.js';
-
-class MediaPosterElement extends Host(HTMLElement, Poster) {
-  static tagName = "media-poster";
-  static attrs = {
-    crossOrigin: "crossorigin"
-  };
-  #img = document.createElement("img");
-  onSetup() {
-    this.$state.img.set(this.#img);
-  }
-  onConnect() {
-    const { src, alt, crossOrigin } = this.$state;
-    effect(() => {
-      const { loading, hidden } = this.$state;
-      this.#img.style.display = loading() || hidden() ? "none" : "";
-    });
-    effect(() => {
-      setAttribute(this.#img, "alt", alt());
-      setAttribute(this.#img, "crossorigin", crossOrigin());
-      setAttribute(this.#img, "src", src());
-    });
-    if (this.#img.parentNode !== this) {
-      this.prepend(this.#img);
-    }
-  }
-}
-
-const imgTemplate = /* @__PURE__ */ createTemplate(
-  '<img loading="eager" decoding="async" aria-hidden="true">'
-);
-class MediaThumbnailElement extends Host(HTMLElement, Thumbnail) {
-  static tagName = "media-thumbnail";
-  static attrs = {
-    crossOrigin: "crossorigin"
-  };
-  #media;
-  #img = this.#createImg();
-  onSetup() {
-    this.#media = useMediaContext();
-    this.$state.img.set(this.#img);
-  }
-  onConnect() {
-    const { src, crossOrigin } = this.$state;
-    if (this.#img.parentNode !== this) {
-      this.prepend(this.#img);
-    }
-    effect(() => {
-      setAttribute(this.#img, "src", src());
-      setAttribute(this.#img, "crossorigin", crossOrigin());
-    });
-  }
-  #createImg() {
-    return cloneTemplateContent(imgTemplate);
-  }
-}
-
-class MediaTimeElement extends Host(HTMLElement, Time) {
-  static tagName = "media-time";
-  onConnect() {
-    effect(() => {
-      this.textContent = this.$state.timeText();
-    });
-  }
-}
-
-class MediaAirPlayButtonElement extends Host(HTMLElement, AirPlayButton) {
-  static tagName = "media-airplay-button";
-}
-
-class MediaCaptionButtonElement extends Host(HTMLElement, CaptionButton) {
-  static tagName = "media-caption-button";
-}
-
-class MediaFullscreenButtonElement extends Host(HTMLElement, FullscreenButton) {
-  static tagName = "media-fullscreen-button";
-}
-
-class MediaLiveButtonElement extends Host(HTMLElement, LiveButton) {
-  static tagName = "media-live-button";
-}
-
-class MediaMuteButtonElement extends Host(HTMLElement, MuteButton) {
-  static tagName = "media-mute-button";
-}
-
-class MediaPIPButtonElement extends Host(HTMLElement, PIPButton) {
-  static tagName = "media-pip-button";
-}
-
-class MediaPlayButtonElement extends Host(HTMLElement, PlayButton) {
-  static tagName = "media-play-button";
-}
-
-class MediaSeekButtonElement extends Host(HTMLElement, SeekButton) {
-  static tagName = "media-seek-button";
-}
-
-function renderMenuItemsTemplate(el, onCreate) {
-  requestScopedAnimationFrame(() => {
-    if (!el.connectScope) return;
-    const template = el.querySelector("template");
-    if (!template) return;
-    effect(() => {
-      const options = el.getOptions();
-      cloneTemplate(template, options.length, (radio, i) => {
-        const { label, value } = options[i], labelEl = radio.querySelector(`[data-part="label"]`);
-        radio.setAttribute("value", value);
-        if (labelEl) {
-          if (isString(label)) {
-            labelEl.textContent = label;
-          } else {
-            effect(() => {
-              labelEl.textContent = label();
-            });
-          }
-        }
-        onCreate?.(radio, options[i], i);
-      });
-    });
-  });
-}
-
-class MediaAudioRadioGroupElement extends Host(HTMLElement, AudioRadioGroup) {
-  static tagName = "media-audio-radio-group";
-  onConnect() {
-    renderMenuItemsTemplate(this);
-  }
-}
-
-class MediaCaptionsRadioGroupElement extends Host(HTMLElement, CaptionsRadioGroup) {
-  static tagName = "media-captions-radio-group";
-  onConnect() {
-    renderMenuItemsTemplate(this);
-  }
-}
-
-class MediaMenuElement extends Host(HTMLElement, Menu) {
-  static tagName = "media-menu";
-}
-
-class MediaMenuButtonElement extends Host(HTMLElement, MenuButton) {
-  static tagName = "media-menu-button";
-}
-
-class MediaMenuItemElement extends Host(HTMLElement, MenuItem) {
-  static tagName = "media-menu-item";
-}
-
-class MediaMenuItemsElement extends Host(HTMLElement, MenuItems) {
-  static tagName = "media-menu-items";
-}
-
-class MediaSpeedRadioGroupElement extends Host(HTMLElement, SpeedRadioGroup) {
-  static tagName = "media-speed-radio-group";
-  onConnect() {
-    renderMenuItemsTemplate(this);
-  }
-}
-
-class MediaQualityRadioGroupElement extends Host(HTMLElement, QualityRadioGroup) {
-  static tagName = "media-quality-radio-group";
-  onConnect() {
-    renderMenuItemsTemplate(this, (el, option) => {
-      const bitrate = option.bitrate, bitrateEl = el.querySelector('[data-part="bitrate"]');
-      if (bitrate && bitrateEl) {
-        effect(() => {
-          bitrateEl.textContent = bitrate() || "";
-        });
-      }
-    });
-  }
-}
-
-class MediaRadioElement extends Host(HTMLElement, Radio) {
-  static tagName = "media-radio";
-}
-
-class MediaSliderValueElement extends Host(HTMLElement, SliderValue) {
-  static tagName = "media-slider-value";
-  static attrs = {
-    padMinutes: {
-      converter: BOOLEAN
-    }
-  };
-  onConnect() {
-    effect(() => {
-      this.textContent = this.getValueText();
-    });
-  }
-}
-
-class MediaTimeSliderElement extends Host(HTMLElement, TimeSlider) {
-  static tagName = "media-time-slider";
-}
-
-class MediaSliderPreviewElement extends Host(HTMLElement, SliderPreview) {
-  static tagName = "media-slider-preview";
-}
-
-class MediaVolumeSliderElement extends Host(HTMLElement, VolumeSlider) {
-  static tagName = "media-volume-slider";
-}
-
-export { MediaAirPlayButtonElement, MediaAudioRadioGroupElement, MediaCaptionButtonElement, MediaCaptionsRadioGroupElement, MediaFullscreenButtonElement, MediaLiveButtonElement, MediaMenuButtonElement, MediaMenuElement, MediaMenuItemElement, MediaMenuItemsElement, MediaMuteButtonElement, MediaPIPButtonElement, MediaPlayButtonElement, MediaPosterElement, MediaQualityRadioGroupElement, MediaRadioElement, MediaSeekButtonElement, MediaSliderPreviewElement, MediaSliderValueElement, MediaSpeedRadioGroupElement, MediaThumbnailElement, MediaTimeElement, MediaTimeSliderElement, MediaVolumeSliderElement, renderMenuItemsTemplate };

package/server/chunks/vidstack-DbvCOsqU.js

@@ -1,107 +0,0 @@
-import { createContext, useContext, Component, provideContext, signal, effect, createDisposalBin } from './vidstack-B8LynzY5.js';
-import { useMediaContext } from './vidstack-B4CWj0Hp.js';
-
-const plyrLayoutContext = createContext();
-function usePlyrLayoutContext() {
-  return useContext(plyrLayoutContext);
-}
-
-const plyrLayoutProps = {
-  clickToPlay: true,
-  clickToFullscreen: true,
-  controls: [
-    "play-large",
-    "play",
-    "progress",
-    "current-time",
-    "mute+volume",
-    "captions",
-    "settings",
-    "pip",
-    "airplay",
-    "fullscreen"
-  ],
-  customIcons: false,
-  displayDuration: false,
-  download: null,
-  markers: null,
-  invertTime: true,
-  thumbnails: null,
-  toggleTime: true,
-  translations: null,
-  seekTime: 10,
-  speed: [0.5, 0.75, 1, 1.25, 1.5, 1.75, 2, 4]
-};
-
-class PlyrLayout extends Component {
-  static props = plyrLayoutProps;
-  #media;
-  onSetup() {
-    this.#media = useMediaContext();
-    provideContext(plyrLayoutContext, {
-      ...this.$props,
-      previewTime: signal(0)
-    });
-  }
-}
-function usePlyrLayoutClasses(el, media) {
-  const {
-    canAirPlay,
-    canFullscreen,
-    canPictureInPicture,
-    controlsHidden,
-    currentTime,
-    fullscreen,
-    hasCaptions,
-    isAirPlayConnected,
-    paused,
-    pictureInPicture,
-    playing,
-    pointer,
-    poster,
-    textTrack,
-    viewType,
-    waiting
-  } = media.$state;
-  el.classList.add("plyr");
-  el.classList.add("plyr--full-ui");
-  const classes = {
-    "plyr--airplay-active": isAirPlayConnected,
-    "plyr--airplay-supported": canAirPlay,
-    "plyr--fullscreen-active": fullscreen,
-    "plyr--fullscreen-enabled": canFullscreen,
-    "plyr--hide-controls": controlsHidden,
-    "plyr--is-touch": () => pointer() === "coarse",
-    "plyr--loading": waiting,
-    "plyr--paused": paused,
-    "plyr--pip-active": pictureInPicture,
-    "plyr--pip-enabled": canPictureInPicture,
-    "plyr--playing": playing,
-    "plyr__poster-enabled": poster,
-    "plyr--stopped": () => paused() && currentTime() === 0,
-    "plyr--captions-active": textTrack,
-    "plyr--captions-enabled": hasCaptions
-  };
-  const disposal = createDisposalBin();
-  for (const token of Object.keys(classes)) {
-    disposal.add(effect(() => void el.classList.toggle(token, !!classes[token]())));
-  }
-  disposal.add(
-    effect(() => {
-      const token = `plyr--${viewType()}`;
-      el.classList.add(token);
-      return () => el.classList.remove(token);
-    }),
-    effect(() => {
-      const { $provider } = media, type = $provider()?.type, token = `plyr--${isHTMLProvider(type) ? "html5" : type}`;
-      el.classList.toggle(token, !!type);
-      return () => el.classList.remove(token);
-    })
-  );
-  return () => disposal.empty();
-}
-function isHTMLProvider(type) {
-  return type === "audio" || type === "video";
-}
-
-export { PlyrLayout, usePlyrLayoutClasses, usePlyrLayoutContext };