vidply 1.0.33 → 1.0.35

package/dist/dev/{vidply.chunk-UVO24MXU.js → vidply.chunk-IIN4G4UQ.js}

@@ -1,6 +1,6 @@
 /*!
  * Universal, Accessible Video Player
- * (c) 2025 Matthias Peltzer
+ * (c) 2026 Matthias Peltzer
  * Released under GPL-2.0-or-later License
  */
 
@@ -278,4 +278,4 @@ var HTML5Renderer = class {
 export {
   HTML5Renderer
 };
-//# sourceMappingURL=vidply.chunk-UVO24MXU.js.map
+//# sourceMappingURL=vidply.chunk-IIN4G4UQ.js.map

package/dist/dev/{vidply.de-CEGBLV67.js → vidply.de-YBEYEXBL.js}

@@ -1,6 +1,6 @@
 /*!
  * Universal, Accessible Video Player
- * (c) 2025 Matthias Peltzer
+ * (c) 2026 Matthias Peltzer
  * Released under GPL-2.0-or-later License
  */
 
@@ -188,4 +188,4 @@ var de = {
 export {
   de
 };
-//# sourceMappingURL=vidply.de-CEGBLV67.js.map
+//# sourceMappingURL=vidply.de-YBEYEXBL.js.map

package/dist/dev/{vidply.es-2QCQKZ4U.js → vidply.es-QA4YSA5S.js}

@@ -1,6 +1,6 @@
 /*!
  * Universal, Accessible Video Player
- * (c) 2025 Matthias Peltzer
+ * (c) 2026 Matthias Peltzer
  * Released under GPL-2.0-or-later License
  */
 
@@ -185,4 +185,4 @@ var es = {
 export {
   es
 };
-//# sourceMappingURL=vidply.es-2QCQKZ4U.js.map
+//# sourceMappingURL=vidply.es-QA4YSA5S.js.map

package/dist/dev/vidply.esm.js

@@ -1,11 +1,11 @@
 /*!
  * Universal, Accessible Video Player
- * (c) 2025 Matthias Peltzer
+ * (c) 2026 Matthias Peltzer
  * Released under GPL-2.0-or-later License
  */
 import {
   HTML5Renderer
-} from "./vidply.chunk-UVO24MXU.js";
+} from "./vidply.chunk-IIN4G4UQ.js";
 import {
   DOMUtils,
   DraggableResizable,
@@ -21,7 +21,7 @@ import {
   focusFirstMenuItem,
   i18n,
   preventDragOnElement
-} from "./vidply.chunk-PMRKJBGH.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-R7NJRU7E.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-6MGKEFTZ.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-VPH4RNES.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-LIFBU6UD.js");
+      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-CD7VJKNS.js");
+      const module = await import("./vidply.SoundCloudRenderer-HCMKXHSX.js");
       rendererClass = module.SoundCloudRenderer || module.default;
     }
     this.log(`Using ${rendererClass?.name || "HTML5Renderer"} renderer`);
@@ -9244,21 +9225,6 @@ var PlaylistManager = class {
       console.warn("VidPly Playlist: No container found");
       return;
     }
-    if (this.player.element.tagName === "AUDIO") {
-      this.trackArtworkElement = DOMUtils.createElement("div", {
-        className: "vidply-track-artwork",
-        attributes: {
-          "aria-hidden": "true"
-        }
-      });
-      this.trackArtworkElement.style.display = "none";
-      const videoWrapper = this.container.querySelector(".vidply-video-wrapper");
-      if (videoWrapper) {
-        this.container.insertBefore(this.trackArtworkElement, videoWrapper);
-      } else {
-        this.container.appendChild(this.trackArtworkElement);
-      }
-    }
     this.trackInfoElement = DOMUtils.createElement("div", {
       className: "vidply-track-info",
       attributes: {
@@ -9331,6 +9297,27 @@ var PlaylistManager = class {
    * Update track artwork display (for audio playlists)
    */
   updateTrackArtwork(track) {
+    if (this.player?.element?.tagName !== "AUDIO") {
+      if (this.trackArtworkElement) {
+        this.trackArtworkElement.style.display = "none";
+      }
+      return;
+    }
+    if (!this.trackArtworkElement && this.container) {
+      this.trackArtworkElement = DOMUtils.createElement("div", {
+        className: "vidply-track-artwork",
+        attributes: {
+          "aria-hidden": "true"
+        }
+      });
+      this.trackArtworkElement.style.display = "none";
+      const videoWrapper = this.container.querySelector(".vidply-video-wrapper");
+      if (videoWrapper) {
+        this.container.insertBefore(this.trackArtworkElement, videoWrapper);
+      } else {
+        this.container.appendChild(this.trackArtworkElement);
+      }
+    }
     if (!this.trackArtworkElement) return;
     if (track.poster) {
       this.trackArtworkElement.style.backgroundImage = `url(${track.poster})`;
@@ -9803,6 +9790,7 @@ function parseDataAttributes(dataset) {
     "responsive": "responsive",
     "pipButton": "pipButton",
     "fullscreenButton": "fullscreenButton"
+    // Layout
   };
   Object.keys(attributeMap).forEach((dataKey) => {
     const optionKey = attributeMap[dataKey];