vidply 1.0.34 → 1.0.35

package/dist/dev/vidply.esm.js

@@ -21,7 +21,7 @@ import {
   focusFirstMenuItem,
   i18n,
   preventDragOnElement
-} from "./vidply.chunk-74NJTDQI.js";
+} from "./vidply.chunk-AXXU22HR.js";
 
 // src/utils/EventEmitter.js
 var EventEmitter = class {
@@ -271,6 +271,7 @@ var ControlBar = class {
         }
         if (menuRect.top < 10) {
           menu.style.top = "10px";
+          menu.style.bottom = "auto";
         }
         if (menuRect.bottom > viewportHeight - 10) {
           menu.style.bottom = "10px";
@@ -3235,6 +3236,20 @@ var KeyboardManager = class {
       if (playlistButton) {
         return;
       }
+      const signWrapper = activeElement.closest(".vidply-sign-language-wrapper");
+      if (signWrapper) {
+        const draggable = this.player.signLanguageManager?.draggable;
+        if (draggable?.keyboardDragMode || draggable?.keyboardResizeMode) {
+          return;
+        }
+      }
+      const transcriptWindow = activeElement.closest(".vidply-transcript-window");
+      if (transcriptWindow) {
+        const draggable = this.player.transcriptManager?.draggableResizable;
+        if (draggable?.keyboardDragMode || draggable?.keyboardResizeMode) {
+          return;
+        }
+      }
     }
     const key = e.key;
     let handled = false;
@@ -4298,7 +4313,7 @@ var SignLanguageManager = class {
   _setupInteraction() {
     const isMobile2 = window.innerWidth < 768;
     const isFullscreen = this.player.state.fullscreen;
-    if (isMobile2 && !isFullscreen) {
+    if (isMobile2 && !isFullscreen && this.player?.options?.signLanguageDragOnMobile === false) {
       if (this.draggable) {
         this.draggable.destroy();
         this.draggable = null;
@@ -4308,7 +4323,9 @@ var SignLanguageManager = class {
     if (this.draggable) return;
     const classPrefix = this.player.options.classPrefix;
     this.draggable = new DraggableResizable(this.wrapper, {
-      dragHandle: this.header,
+      // Allow dragging from anywhere on the sign-language window (better for touch).
+      // We still block dragging when interacting with controls via `onDragStart` below.
+      dragHandle: this.wrapper,
       resizeHandles: this.resizeHandles,
       constrainToViewport: true,
       maintainAspectRatio: true,
@@ -4557,9 +4574,15 @@ var SignLanguageManager = class {
       hasTextClass: true,
       onClick: () => {
         this.toggleKeyboardDragMode();
-        this.hideSettingsMenu();
+        this.hideSettingsMenu({ focusButton: false });
+        if (this.draggable?.keyboardDragMode) {
+          setTimeout(() => {
+            this.wrapper?.focus?.({ preventScroll: true });
+          }, 20);
+        }
       }
     });
+    dragOption.setAttribute("data-setting", "keyboard-drag");
     dragOption.setAttribute("role", "switch");
     dragOption.setAttribute("aria-checked", "false");
     this._removeTooltipFromMenuItem(dragOption);
@@ -5251,7 +5274,7 @@ var Player = class _Player extends EventEmitter {
     if (!this.options.transcript && !this.options.transcriptButton) {
       return null;
     }
-    const module = await import("./vidply.TranscriptManager-T3BVTZHZ.js");
+    const module = await import("./vidply.TranscriptManager-EIIN5YOF.js");
     const Manager = module.TranscriptManager || module.default;
     if (!Manager) {
       return null;
@@ -5335,23 +5358,9 @@ var Player = class _Player extends EventEmitter {
     if (this.options.height) {
       this.container.style.height = typeof this.options.height === "number" ? `${this.options.height}px` : this.options.height;
     }
-    if (this.element.tagName === "VIDEO" && !this.options.height) {
-      const wAttr = parseInt(this.element.getAttribute("width") || "", 10);
-      const hAttr = parseInt(this.element.getAttribute("height") || "", 10);
-      if (Number.isFinite(wAttr) && Number.isFinite(hAttr) && wAttr > 0 && hAttr > 0) {
-        if (!this.container.style.aspectRatio) {
-          this.container.style.aspectRatio = `${wAttr} / ${hAttr}`;
-        }
-        if (this.videoWrapper && !this.videoWrapper.style.aspectRatio) {
-          this.videoWrapper.style.aspectRatio = `${wAttr} / ${hAttr}`;
-          this.videoWrapper.style.height = "auto";
-        }
-      }
-    }
     if (this.options.poster && this.element.tagName === "VIDEO") {
       const resolvedPoster = this.resolvePosterPath(this.options.poster);
       this.element.poster = resolvedPoster;
-      this.applyPosterAspectRatio(resolvedPoster);
     }
     if (this.element.tagName === "VIDEO") {
       this.createPlayButtonOverlay();
@@ -5379,34 +5388,6 @@ var Player = class _Player extends EventEmitter {
       }
     }, { once: true });
   }
-  /**
-   * Apply aspect ratio to the video wrapper based on the poster's intrinsic size.
-   * This helps render correct poster sizing before media metadata is available.
-   */
-  applyPosterAspectRatio(posterUrl) {
-    try {
-      if (!posterUrl) return;
-      if (this.element.tagName !== "VIDEO") return;
-      if (!this.videoWrapper) return;
-      if (this.options.width || this.options.height) return;
-      if (this._posterAspectAppliedFor === posterUrl) return;
-      this._posterAspectAppliedFor = posterUrl;
-      const img = new Image();
-      img.decoding = "async";
-      img.onload = () => {
-        const w = img.naturalWidth;
-        const h = img.naturalHeight;
-        if (!w || !h) return;
-        this.videoWrapper.style.aspectRatio = `${w} / ${h}`;
-        this.videoWrapper.style.height = "auto";
-        if (this.container && !this.container.style.aspectRatio) {
-          this.container.style.aspectRatio = `${w} / ${h}`;
-        }
-      };
-      img.src = posterUrl;
-    } catch (e) {
-    }
-  }
   createPlayButtonOverlay() {
     this.playButtonOverlay = createPlayOverlay();
     this.playButtonOverlay.addEventListener("click", () => {
@@ -5468,16 +5449,16 @@ var Player = class _Player extends EventEmitter {
     }
     let rendererClass = HTML5Renderer;
     if (src.includes("youtube.com") || src.includes("youtu.be")) {
-      const module = await import("./vidply.YouTubeRenderer-EVXXE34A.js");
+      const module = await import("./vidply.YouTubeRenderer-E6F4UGVF.js");
       rendererClass = module.YouTubeRenderer || module.default;
     } else if (src.includes("vimeo.com")) {
-      const module = await import("./vidply.VimeoRenderer-DY2FG7LZ.js");
+      const module = await import("./vidply.VimeoRenderer-SLEBCZTT.js");
       rendererClass = module.VimeoRenderer || module.default;
     } else if (src.includes(".m3u8")) {
       const module = await import("./vidply.HLSRenderer-YGWCAICA.js");
       rendererClass = module.HLSRenderer || module.default;
     } else if (src.includes("soundcloud.com") || src.includes("api.soundcloud.com")) {
-      const module = await import("./vidply.SoundCloudRenderer-RIA3QKP3.js");
+      const module = await import("./vidply.SoundCloudRenderer-HCMKXHSX.js");
       rendererClass = module.SoundCloudRenderer || module.default;
     }
     this.log(`Using ${rendererClass?.name || "HTML5Renderer"} renderer`);
@@ -9809,6 +9790,7 @@ function parseDataAttributes(dataset) {
     "responsive": "responsive",
     "pipButton": "pipButton",
     "fullscreenButton": "fullscreenButton"
+    // Layout
   };
   Object.keys(attributeMap).forEach((dataKey) => {
     const optionKey = attributeMap[dataKey];