@scarlett-player/embed 1.8.0 → 1.8.1

package/dist/embed.video.js

@@ -932,9 +932,9 @@ class Logger {
    * ```
    */
   removeHandler(handler) {
-    const index = this.handlers.indexOf(handler);
-    if (index !== -1) {
-      this.handlers.splice(index, 1);
+    const index2 = this.handlers.indexOf(handler);
+    if (index2 !== -1) {
+      this.handlers.splice(index2, 1);
     }
   }
   /**
@@ -2148,7 +2148,7 @@ class ScarlettPlayer {
    * Set quality level (-1 for auto).
    * @param index - Quality level index
    */
-  setQuality(index) {
+  setQuality(index2) {
     this.checkDestroyed();
     if (!this._currentProvider) {
       this.logger.warn("No provider available for quality change");
@@ -2156,17 +2156,17 @@ class ScarlettPlayer {
     }
     const provider = this._currentProvider;
     if (typeof provider.setLevel === "function") {
-      if (index !== -1) {
+      if (index2 !== -1) {
         const levels = this.getQualities();
-        if (levels.length > 0 && (index < 0 || index >= levels.length)) {
-          this.logger.warn(`Invalid quality index: ${index} (available: ${levels.length})`);
+        if (levels.length > 0 && (index2 < 0 || index2 >= levels.length)) {
+          this.logger.warn(`Invalid quality index: ${index2} (available: ${levels.length})`);
           return;
         }
       }
-      provider.setLevel(index);
+      provider.setLevel(index2);
       this.eventBus.emit("quality:change", {
-        quality: index === -1 ? "auto" : `level-${index}`,
-        auto: index === -1
+        quality: index2 === -1 ? "auto" : `level-${index2}`,
+        auto: index2 === -1
       });
     }
   }
@@ -2557,8 +2557,8 @@ function formatBitrate(bitrate) {
   return `${bitrate} bps`;
 }
 function mapLevels(levels, _currentLevel) {
-  return levels.map((level, index) => ({
-    index,
+  return levels.map((level, index2) => ({
+    index: index2,
     width: level.width || 0,
     height: level.height || 0,
     bitrate: level.bitrate || 0,
@@ -2613,13 +2613,13 @@ function setupHlsEventHandlers(hls, api, callbacks) {
   };
   addHandler("hlsManifestParsed", (_event, data) => {
     api.logger.debug("HLS manifest parsed", { levels: data.levels.length });
-    const levels = data.levels.map((level, index) => ({
-      id: `level-${index}`,
+    const levels = data.levels.map((level, index2) => ({
+      id: `level-${index2}`,
       label: formatLevel(level),
       width: level.width,
       height: level.height,
       bitrate: level.bitrate,
-      active: index === hls.currentLevel
+      active: index2 === hls.currentLevel
     }));
     api.setState("qualities", levels);
     api.emit("quality:levels", {
@@ -2895,7 +2895,7 @@ function createValidatingPlaylistLoader(Hls) {
     }
   };
 }
-var PKG_VERSION$6 = "1.7.1";
+var PKG_VERSION$7 = "1.8.1";
 var DEFAULT_CONFIG = {
   debug: false,
   autoStartLoad: true,
@@ -3228,7 +3228,7 @@ function createHLSPluginWith(loader, variant, config) {
     if (api) {
       cleanupVideoEvents = setupVideoEventHandlers(videoEl, api);
     }
-    return new Promise((resolve, reject) => {
+    return new Promise((resolve2, reject) => {
       let watchdog = null;
       let settled = false;
       const settle = () => {
@@ -3287,7 +3287,7 @@ function createHLSPluginWith(loader, variant, config) {
         };
         api?.setState("source", { src, type: "application/x-mpegURL" });
         api?.emit("media:loaded", { src, type: "application/x-mpegURL" });
-        resolve();
+        resolve2();
       };
       const onError = () => {
         if (settled) return;
@@ -3321,7 +3321,7 @@ function createHLSPluginWith(loader, variant, config) {
     if (api) {
       cleanupVideoEvents = setupVideoEventHandlers(videoEl, api);
     }
-    return new Promise((resolve, reject) => {
+    return new Promise((resolve2, reject) => {
       if (!hls || !api) {
         reject(new Error("HLS not initialized"));
         return;
@@ -3356,7 +3356,7 @@ function createHLSPluginWith(loader, variant, config) {
             hasPlayedContent = true;
             api?.setState("source", { src, type: "application/x-mpegURL" });
             api?.emit("media:loaded", { src, type: "application/x-mpegURL" });
-            resolve();
+            resolve2();
           }
         },
         onLevelSwitched: () => {
@@ -3512,7 +3512,7 @@ function createHLSPluginWith(loader, variant, config) {
   const plugin = {
     id: "hls-provider",
     name: variant.name,
-    version: PKG_VERSION$6,
+    version: PKG_VERSION$7,
     type: "provider",
     description: variant.description,
     canPlay(src) {
@@ -3669,12 +3669,12 @@ function createHLSPluginWith(loader, variant, config) {
       if (isNative || !hls) return -1;
       return hls.currentLevel;
     },
-    setLevel(index) {
+    setLevel(index2) {
       if (isNative || !hls) {
         api?.logger.warn("Quality selection not available in native HLS mode");
         return;
       }
-      hls.currentLevel = index;
+      hls.currentLevel = index2;
     },
     getLevels() {
       if (isNative || !hls) return [];
@@ -3859,7 +3859,7 @@ function createHLSPlugin(config) {
     config
   );
 }
-var PKG_VERSION$5 = "1.7.1";
+var PKG_VERSION$6 = "1.8.1";
 var VIDEO_EXTENSIONS = ["mp4", "webm", "mov", "mkv", "ogv", "m4v"];
 var AUDIO_EXTENSIONS = ["mp3", "wav", "ogg", "flac", "aac", "m4a", "opus", "weba"];
 var SUPPORTED_EXTENSIONS = [...VIDEO_EXTENSIONS, ...AUDIO_EXTENSIONS];
@@ -4098,7 +4098,7 @@ function createNativePlugin(config) {
   const plugin = {
     id: "native-provider",
     name: "Native Media Provider",
-    version: PKG_VERSION$5,
+    version: PKG_VERSION$6,
     type: "provider",
     description: "Native HTML5 playback for video (MP4, WebM, MOV) and audio (MP3, WAV, FLAC, AAC)",
     canPlay(src) {
@@ -4196,7 +4196,7 @@ function createNativePlugin(config) {
       videoEl.style.display = isAudio ? "none" : "block";
       applyPoster();
       cleanupEvents = setupEventListeners(videoEl);
-      return new Promise((resolve, reject) => {
+      return new Promise((resolve2, reject) => {
         let watchdog = null;
         const settle = () => {
           videoEl.removeEventListener("loadedmetadata", onLoaded);
@@ -4216,7 +4216,7 @@ function createNativePlugin(config) {
           api?.setState("playbackState", "ready");
           api?.setState("buffering", false);
           api?.emit("media:loaded", { src, type: mimeType });
-          resolve();
+          resolve2();
         };
         const onError = () => {
           settle();
@@ -4314,7 +4314,7 @@ function planFit(items, available, gap, overflowButtonWidth) {
     hidden: ids.filter((id) => hidden.has(id))
   };
 }
-var styles$1 = `
+var styles$2 = `
 /* ============================================
    Container & Base
    ============================================ */
@@ -5403,7 +5403,7 @@ var styles$1 = `
   --sp-icon-size: 24px;
 }
 `;
-var icons = {
+var icons$1 = {
   play: `<svg viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg>`,
   pause: `<svg viewBox="0 0 24 24" fill="currentColor"><path d="M6 4h4v16H6V4zm8 0h4v16h-4V4z"/></svg>`,
   replay: `<svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z"/></svg>`,
@@ -5496,7 +5496,7 @@ var PlayButton = class {
       this.toggle();
     };
     this.api = api;
-    this.el = createButton("sp-play", "Play", icons.play);
+    this.el = createButton("sp-play", "Play", icons$1.play);
     this.el.addEventListener("click", this.clickHandler);
   }
   render() {
@@ -5508,13 +5508,13 @@ var PlayButton = class {
     let icon;
     let label;
     if (ended) {
-      icon = icons.replay;
+      icon = icons$1.replay;
       label = "Replay";
     } else if (playing) {
-      icon = icons.pause;
+      icon = icons$1.pause;
       label = "Pause";
     } else {
-      icon = icons.play;
+      icon = icons$1.play;
       label = "Play";
     }
     setHTML(this.el, icon);
@@ -5558,7 +5558,7 @@ var BigPlayButton = class {
     btn.className = "sp-big-play";
     btn.setAttribute("type", "button");
     btn.setAttribute("aria-label", "Play");
-    setHTML(btn, icons.play);
+    setHTML(btn, icons$1.play);
     btn.addEventListener("click", this.clickHandler);
     this.el = btn;
   }
@@ -5595,7 +5595,7 @@ var BigPlayButton = class {
     } else {
       visible = playbackState === "idle" || playbackState === "ready";
     }
-    setHTML(this.el, ended ? icons.replay : icons.play);
+    setHTML(this.el, ended ? icons$1.replay : icons$1.play);
     setAttr(this.el, "aria-label", ended ? "Replay" : "Play");
     this.el.classList.toggle("sp-big-play--visible", visible);
   }
@@ -5677,9 +5677,9 @@ var ThumbnailPreview = class {
       return;
     }
     const { src, width, height, columns, interval } = this.config;
-    const index = Math.floor(time / interval);
-    const col = index % columns;
-    const row = Math.floor(index / columns);
+    const index2 = Math.floor(time / interval);
+    const col = index2 % columns;
+    const row = Math.floor(index2 / columns);
     this.img.style.backgroundImage = `url(${src})`;
     this.img.style.backgroundPosition = `-${col * width}px -${row * height}px`;
     this.img.style.backgroundSize = `${columns * width}px auto`;
@@ -6143,7 +6143,7 @@ var VolumeControl = class {
       "aria-label": "Mute",
       type: "button"
     });
-    this.btn.innerHTML = icons.volumeHigh;
+    this.btn.innerHTML = icons$1.volumeHigh;
     this.btn.onclick = () => this.toggleMute();
     const sliderWrap = createElement("div", { className: "sp-volume__slider-wrap" });
     this.slider = createElement("div", { className: "sp-volume__slider" });
@@ -6175,13 +6175,13 @@ var VolumeControl = class {
     let icon;
     let label;
     if (muted || volume === 0) {
-      icon = icons.volumeMute;
+      icon = icons$1.volumeMute;
       label = "Unmute";
     } else if (volume < 0.5) {
-      icon = icons.volumeLow;
+      icon = icons$1.volumeLow;
       label = "Mute";
     } else {
-      icon = icons.volumeHigh;
+      icon = icons$1.volumeHigh;
       label = "Mute";
     }
     setHTML(this.btn, icon);
@@ -6288,7 +6288,7 @@ var QualityMenu = class {
     this.lastQualitiesJson = "";
     this.api = api;
     this.el = createElement("div", { className: "sp-quality" });
-    this.btn = createButton("sp-quality__btn", "Quality", icons.settings);
+    this.btn = createButton("sp-quality__btn", "Quality", icons$1.settings);
     this.btnLabel = createElement("span", { className: "sp-quality__label" });
     this.btnLabel.textContent = "Auto";
     this.btn.appendChild(this.btnLabel);
@@ -6400,7 +6400,7 @@ var CastButton = class {
     this.api = api;
     this.type = type;
     this.supported = type === "chromecast" ? isChromecastSupported() : isAirPlaySupported();
-    const icon = type === "chromecast" ? icons.chromecast : icons.airplay;
+    const icon = type === "chromecast" ? icons$1.chromecast : icons$1.airplay;
     const label = type === "chromecast" ? "Cast" : "AirPlay";
     this.el = createButton(`sp-cast sp-cast--${type}`, label, icon);
     this.el.addEventListener("click", () => this.handleClick());
@@ -6424,10 +6424,10 @@ var CastButton = class {
       this.el.classList.toggle("sp-cast--active", !!active);
       this.el.classList.toggle("sp-cast--unavailable", !available && !active);
       if (active) {
-        setHTML(this.el, icons.chromecastConnected);
+        setHTML(this.el, icons$1.chromecastConnected);
         setAttr(this.el, "aria-label", "Stop casting");
       } else {
-        setHTML(this.el, icons.chromecast);
+        setHTML(this.el, icons$1.chromecast);
         setAttr(this.el, "aria-label", available ? "Cast" : "No Cast devices found");
       }
     } else {
@@ -6478,7 +6478,7 @@ var PipButton = class {
     this.api = api;
     const probe = document.createElement("video");
     this.supported = "pictureInPictureEnabled" in document || "webkitSetPresentationMode" in probe;
-    this.el = createButton("sp-pip", "Picture-in-Picture", icons.pip);
+    this.el = createButton("sp-pip", "Picture-in-Picture", icons$1.pip);
     this.el.addEventListener("click", this.clickHandler);
     if (!this.supported) {
       this.el.style.display = "none";
@@ -6501,7 +6501,7 @@ var PipButton = class {
     const enabled = pip || this.isMediaReady();
     this.el.disabled = !enabled;
     setAttr(this.el, "aria-disabled", String(!enabled));
-    setHTML(this.el, pip ? icons.exitPip : icons.pip);
+    setHTML(this.el, pip ? icons$1.exitPip : icons$1.pip);
     setAttr(this.el, "aria-label", pip ? "Exit Picture-in-Picture" : "Picture-in-Picture");
     this.el.classList.toggle("sp-pip--active", pip);
   }
@@ -6550,7 +6550,7 @@ var FullscreenButton = class {
       this.toggle();
     };
     this.api = api;
-    this.el = createButton("sp-fullscreen", "Fullscreen", icons.fullscreen);
+    this.el = createButton("sp-fullscreen", "Fullscreen", icons$1.fullscreen);
     this.el.addEventListener("click", this.clickHandler);
   }
   render() {
@@ -6559,10 +6559,10 @@ var FullscreenButton = class {
   update() {
     const fullscreen = this.api.getState("fullscreen");
     if (fullscreen) {
-      setHTML(this.el, icons.exitFullscreen);
+      setHTML(this.el, icons$1.exitFullscreen);
       setAttr(this.el, "aria-label", "Exit fullscreen");
     } else {
-      setHTML(this.el, icons.fullscreen);
+      setHTML(this.el, icons$1.fullscreen);
       setAttr(this.el, "aria-label", "Fullscreen");
     }
   }
@@ -6672,7 +6672,7 @@ var ErrorOverlay = class {
     content.className = "sp-error-overlay__content";
     const iconEl = document.createElement("div");
     iconEl.className = "sp-error-overlay__icon";
-    iconEl.innerHTML = icons.error;
+    iconEl.innerHTML = icons$1.error;
     const messageEl = document.createElement("p");
     messageEl.className = "sp-error-overlay__message";
     messageEl.textContent = "Something went wrong.";
@@ -6778,7 +6778,7 @@ var SettingsMenu = class {
     this.lastQualitiesJson = "";
     this.api = api;
     this.el = createElement("div", { className: "sp-settings" });
-    this.btn = createButton("sp-settings__btn", "Settings", icons.settings);
+    this.btn = createButton("sp-settings__btn", "Settings", icons$1.settings);
     this.btn.setAttribute("aria-haspopup", "true");
     this.btn.setAttribute("aria-expanded", "false");
     this.btn.addEventListener("click", (e) => {
@@ -6923,7 +6923,7 @@ var SettingsMenu = class {
     const rightSide = createElement("span", { className: "sp-settings-panel__value" });
     rightSide.textContent = value;
     const arrow = createElement("span", { className: "sp-settings-panel__arrow" });
-    arrow.innerHTML = icons.chevronDown;
+    arrow.innerHTML = icons$1.chevronDown;
     rightSide.appendChild(arrow);
     row.appendChild(labelEl);
     row.appendChild(rightSide);
@@ -7023,7 +7023,7 @@ var SettingsMenu = class {
     header.setAttribute("role", "menuitem");
     header.setAttribute("tabindex", "0");
     const backArrow = createElement("span", { className: "sp-settings-panel__back" });
-    backArrow.innerHTML = icons.chevronUp;
+    backArrow.innerHTML = icons$1.chevronUp;
     const label = createElement("span", { className: "sp-settings-panel__header-label" });
     label.textContent = title;
     header.appendChild(backArrow);
@@ -7050,7 +7050,7 @@ var SettingsMenu = class {
     const labelEl = createElement("span");
     labelEl.textContent = label;
     const check = createElement("span", { className: "sp-settings-panel__check" });
-    check.innerHTML = icons.checkmark;
+    check.innerHTML = icons$1.checkmark;
     item.appendChild(labelEl);
     item.appendChild(check);
     item.addEventListener("keydown", (e) => {
@@ -7144,7 +7144,7 @@ var SkipButton = class {
     this.api = api;
     this.direction = direction;
     this.seconds = seconds;
-    const icon = direction === "backward" ? icons.replay10 : icons.forward10;
+    const icon = direction === "backward" ? icons$1.replay10 : icons$1.forward10;
     const label = direction === "backward" ? `Rewind ${seconds} seconds` : `Forward ${seconds} seconds`;
     this.el = createButton(
       `sp-skip sp-skip--${direction}`,
@@ -7206,7 +7206,7 @@ var CaptionsButton = class {
       this.toggle();
     };
     this.api = api;
-    this.el = createButton("sp-captions", "Captions", icons.captionsOff);
+    this.el = createButton("sp-captions", "Captions", icons$1.captionsOff);
     this.el.addEventListener("click", this.clickHandler);
   }
   render() {
@@ -7221,11 +7221,11 @@ var CaptionsButton = class {
     }
     this.el.style.display = "";
     if (currentTrack) {
-      setHTML(this.el, icons.captions);
+      setHTML(this.el, icons$1.captions);
       setAttr(this.el, "aria-label", `Captions: ${currentTrack.label}`);
       this.el.classList.add("sp-captions--active");
     } else {
-      setHTML(this.el, icons.captionsOff);
+      setHTML(this.el, icons$1.captionsOff);
       setAttr(this.el, "aria-label", "Captions");
       this.el.classList.remove("sp-captions--active");
     }
@@ -7288,7 +7288,7 @@ var OverflowTray = class {
       this.isOpen ? this.close() : this.open();
     };
     this.el = createElement("div", { className: "sp-overflow" });
-    this.btn = createButton("sp-overflow__btn", "More controls", icons.more);
+    this.btn = createButton("sp-overflow__btn", "More controls", icons$1.more);
     this.btn.setAttribute("aria-haspopup", "true");
     this.btn.setAttribute("aria-expanded", "false");
     this.btn.addEventListener("click", this.toggleHandler);
@@ -7425,6 +7425,12 @@ var OverflowTray = class {
 };
 var registry = /* @__PURE__ */ new Map();
 var listeners = /* @__PURE__ */ new Set();
+function registerControl(id, factory) {
+  registry.set(id, factory);
+  for (const listener of listeners) {
+    listener(id);
+  }
+}
 function getControlFactory(id) {
   return registry.get(id) ?? null;
 }
@@ -7434,7 +7440,7 @@ function onControlRegistered(listener) {
     listeners.delete(listener);
   };
 }
-var PKG_VERSION$4 = "1.7.1";
+var PKG_VERSION$5 = "1.8.1";
 var DEFAULT_LAYOUT = [
   "play",
   "skip-backward",
@@ -7868,11 +7874,11 @@ function uiPlugin(config = {}) {
     id: "ui-controls",
     name: "UI Controls",
     type: "ui",
-    version: PKG_VERSION$4,
+    version: PKG_VERSION$5,
     async init(pluginApi) {
       api = pluginApi;
       styleEl = document.createElement("style");
-      styleEl.textContent = styles$1;
+      styleEl.textContent = styles$2;
       document.head.appendChild(styleEl);
       if (config.theme) {
         this.setTheme(config.theme);
@@ -7892,7 +7898,7 @@ function uiPlugin(config = {}) {
       container.appendChild(gradient);
       bufferingIndicator = document.createElement("div");
       bufferingIndicator.className = "sp-buffering";
-      bufferingIndicator.innerHTML = icons.spinner;
+      bufferingIndicator.innerHTML = icons$1.spinner;
       bufferingIndicator.setAttribute("aria-hidden", "true");
       container.appendChild(bufferingIndicator);
       errorOverlay = new ErrorOverlay(api);
@@ -8047,7 +8053,21 @@ function uiPlugin(config = {}) {
     }
   };
 }
-var PKG_VERSION$3 = "1.7.1";
+const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  DEFAULT_PRIORITY,
+  assertFitLayout,
+  formatLiveTime,
+  formatTime,
+  getControlFactory,
+  icons: icons$1,
+  planFit,
+  registerControl,
+  resolveFitItems,
+  styles: styles$2,
+  uiPlugin
+}, Symbol.toStringTag, { value: "Module" }));
+var PKG_VERSION$4 = "1.8.1";
 var POSITIONS = ["top-left", "top-right", "bottom-left", "bottom-right", "center"];
 function getPositionStyles(padding, bottomPadding) {
   return {
@@ -8157,7 +8177,7 @@ function createWatermarkPlugin(config = {}) {
   return {
     id: "watermark",
     name: "Watermark",
-    version: PKG_VERSION$3,
+    version: PKG_VERSION$4,
     type: "feature",
     description: "Anti-piracy watermark overlay with text/image support and dynamic repositioning",
     init(pluginApi) {
@@ -8242,7 +8262,7 @@ function createWatermarkPlugin(config = {}) {
     }
   };
 }
-var PKG_VERSION$2 = "1.7.1";
+var PKG_VERSION$3 = "1.8.1";
 var HLS_SUBTITLE_TRACKS_UPDATED = "hlsSubtitleTracksUpdated";
 var HLS_INSTANCE_RETRY_MS = 500;
 function createCaptionsPlugin(config = {}) {
@@ -8413,7 +8433,7 @@ function createCaptionsPlugin(config = {}) {
   return {
     id: "captions",
     name: "Captions",
-    version: PKG_VERSION$2,
+    version: PKG_VERSION$3,
     type: "feature",
     description: "WebVTT subtitles and closed captions with HLS extraction",
     init(pluginApi) {
@@ -8608,8 +8628,8 @@ function createRecognizer(options = {}) {
     }
   };
 }
-var STYLE_ID = "sp-gestures-styles";
-var styles = `
+var STYLE_ID$1 = "sp-gestures-styles";
+var styles$1 = `
 .sp-gestures {
   position: absolute;
   top: 0;
@@ -8772,14 +8792,14 @@ var GestureOverlay = class {
     return { zone, label };
   }
   injectStyles() {
-    if (document.getElementById(STYLE_ID)) return;
+    if (document.getElementById(STYLE_ID$1)) return;
     this.styleEl = document.createElement("style");
-    this.styleEl.id = STYLE_ID;
-    this.styleEl.textContent = styles;
+    this.styleEl.id = STYLE_ID$1;
+    this.styleEl.textContent = styles$1;
     document.head.appendChild(this.styleEl);
   }
 };
-var PKG_VERSION$1 = "1.7.1";
+var PKG_VERSION$2 = "1.8.1";
 function hasCoarsePointer() {
   if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
     return false;
@@ -8903,7 +8923,7 @@ function createGesturesPlugin(config = {}) {
   return {
     id: "gestures",
     name: "Gestures",
-    version: PKG_VERSION$1,
+    version: PKG_VERSION$2,
     type: "feature",
     init(pluginApi) {
       api = pluginApi;
@@ -8949,6 +8969,818 @@ function createGesturesPlugin(config = {}) {
     }
   };
 }
+function resolve(value, fallback) {
+  if (typeof value === "function") {
+    return value();
+  }
+  if (typeof value === "string" && value.length > 0) {
+    return value;
+  }
+  return fallback();
+}
+function resolveBaseUrl(config) {
+  return resolve(
+    config.url,
+    () => typeof window === "undefined" ? "" : window.location.href
+  );
+}
+function resolveTitle(config) {
+  return resolve(config.title, () => typeof document === "undefined" ? "" : document.title);
+}
+function applyTimestamp(baseUrl, currentTime, isLive, config) {
+  const enabled = config.withTimestamp !== false;
+  if (!enabled || isLive || !Number.isFinite(currentTime) || currentTime <= 0) {
+    return baseUrl;
+  }
+  const param = config.timestampParam ?? "t";
+  const rounded = config.roundTimestamp === false ? currentTime : Math.floor(currentTime);
+  if (rounded <= 0) {
+    return baseUrl;
+  }
+  try {
+    const base = typeof window === "undefined" ? void 0 : window.location.href;
+    const url = new URL(baseUrl, base);
+    url.searchParams.set(param, String(rounded));
+    return url.toString();
+  } catch {
+    return baseUrl;
+  }
+}
+var icons = {
+  /**
+   * Three connected nodes. The one share glyph that reads the same everywhere:
+   * it is the Material/Android share icon, and it carries no platform baggage.
+   * The tray-and-arrow below is native on iOS but reads as "upload" or "export"
+   * to everyone else, which is why it is no longer the default.
+   */
+  share: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.6" y1="10.6" x2="15.4" y2="6.4"/><line x1="8.6" y1="13.4" x2="15.4" y2="17.6"/></svg>',
+  /** iOS-style tray and arrow. Kept for hosts targeting an iOS-heavy audience. */
+  upload: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" y1="2" x2="12" y2="15"/></svg>',
+  native: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" y1="2" x2="12" y2="15"/></svg>',
+  copy: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>',
+  embed: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>',
+  x: '<svg viewBox="0 0 24 24" fill="currentColor"><path d="M18.9 2H22l-7.1 8.1L23 22h-6.6l-5.2-6.8L5.3 22H2.2l7.6-8.7L1.7 2h6.8l4.7 6.2L18.9 2Zm-1.1 18h1.7L7.3 3.8H5.5L17.8 20Z"/></svg>',
+  facebook: '<svg viewBox="0 0 24 24" fill="currentColor"><path d="M22 12a10 10 0 1 0-11.6 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.3v7A10 10 0 0 0 22 12Z"/></svg>',
+  linkedin: '<svg viewBox="0 0 24 24" fill="currentColor"><path d="M4.98 3.5A2.5 2.5 0 1 1 0 3.5a2.5 2.5 0 0 1 4.98 0ZM.2 8.3h4.6V24H.2V8.3Zm7.6 0h4.4v2.1h.1a4.8 4.8 0 0 1 4.3-2.4c4.6 0 5.4 3 5.4 6.9V24h-4.6v-7.6c0-1.8 0-4.1-2.5-4.1s-2.9 2-2.9 4V24H7.8V8.3Z"/></svg>',
+  whatsapp: '<svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2a10 10 0 0 0-8.5 15.2L2 22l4.9-1.4A10 10 0 1 0 12 2Zm5.1 14.1c-.2.6-1.2 1.2-1.7 1.2-.5.1-1 .1-1.6-.1-.4-.1-.9-.3-1.5-.6a11 11 0 0 1-4.2-3.8c-.3-.5-.7-1.2-.7-2 0-.8.4-1.2.6-1.4.2-.2.4-.3.6-.3h.4c.1 0 .3 0 .5.4l.7 1.6c0 .1.1.3 0 .4l-.3.4-.2.3c-.1.1-.2.2 0 .5.2.3.7 1.1 1.4 1.8.9.8 1.6 1 1.9 1.2.2.1.4.1.5-.1l.6-.7c.2-.2.3-.2.5-.1l1.6.8c.2.1.4.2.4.3.1.1.1.5-.1 1Z"/></svg>',
+  telegram: '<svg viewBox="0 0 24 24" fill="currentColor"><path d="M21.9 4.3 18.6 20c-.2 1.1-.9 1.4-1.8.9l-4.9-3.6-2.4 2.3c-.3.3-.5.5-1 .5l.4-5 9.1-8.2c.4-.4-.1-.6-.6-.2L6.2 13.1l-4.8-1.5c-1-.3-1-1 .2-1.5l18.9-7.3c.9-.3 1.6.2 1.4 1.5Z"/></svg>',
+  reddit: '<svg viewBox="0 0 24 24" fill="currentColor"><path d="M22 12a2.1 2.1 0 0 0-3.6-1.5 10.4 10.4 0 0 0-5.4-1.7l.9-4.2 3 .6a1.8 1.8 0 1 0 .2-1.2l-3.6-.8a.6.6 0 0 0-.7.5L11.7 8.8a10.4 10.4 0 0 0-5.5 1.7A2.1 2.1 0 1 0 3.6 14a4 4 0 0 0 0 .6c0 3.1 3.7 5.6 8.4 5.6s8.4-2.5 8.4-5.6a4 4 0 0 0 0-.6A2.1 2.1 0 0 0 22 12ZM7.9 13.5a1.5 1.5 0 1 1 1.5 1.5 1.5 1.5 0 0 1-1.5-1.5Zm8.3 4.1a5.6 5.6 0 0 1-4.2 1.3 5.6 5.6 0 0 1-4.2-1.3.5.5 0 0 1 .7-.7 4.7 4.7 0 0 0 3.5 1 4.7 4.7 0 0 0 3.5-1 .5.5 0 1 1 .7.7Zm-.6-2.6a1.5 1.5 0 1 1 1.5-1.5 1.5 1.5 0 0 1-1.5 1.5Z"/></svg>',
+  email: '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m22 7-10 6L2 7"/></svg>'
+};
+var encode = encodeURIComponent;
+var BUILTIN_TARGETS = {
+  native: { id: "native", label: "Share", icon: icons.native },
+  copy: { id: "copy", label: "Copy link", icon: icons.copy },
+  embed: { id: "embed", label: "Embed", icon: icons.embed },
+  x: {
+    id: "x",
+    label: "X",
+    icon: icons.x,
+    href: (c) => `https://x.com/intent/tweet?url=${encode(c.url)}&text=${encode(c.title)}`
+  },
+  facebook: {
+    id: "facebook",
+    label: "Facebook",
+    icon: icons.facebook,
+    href: (c) => `https://www.facebook.com/sharer/sharer.php?u=${encode(c.url)}`
+  },
+  linkedin: {
+    id: "linkedin",
+    label: "LinkedIn",
+    icon: icons.linkedin,
+    href: (c) => `https://www.linkedin.com/sharing/share-offsite/?url=${encode(c.url)}`
+  },
+  whatsapp: {
+    id: "whatsapp",
+    label: "WhatsApp",
+    icon: icons.whatsapp,
+    href: (c) => `https://api.whatsapp.com/send?text=${encode(`${c.title} ${c.url}`)}`
+  },
+  telegram: {
+    id: "telegram",
+    label: "Telegram",
+    icon: icons.telegram,
+    href: (c) => `https://t.me/share/url?url=${encode(c.url)}&text=${encode(c.title)}`
+  },
+  reddit: {
+    id: "reddit",
+    label: "Reddit",
+    icon: icons.reddit,
+    href: (c) => `https://www.reddit.com/submit?url=${encode(c.url)}&title=${encode(c.title)}`
+  },
+  email: {
+    id: "email",
+    label: "Email",
+    icon: icons.email,
+    href: (c) => `mailto:?subject=${encode(c.title)}&body=${encode(c.url)}`
+  }
+};
+var DEFAULT_TARGETS = ["native", "copy", "embed"];
+function resolveTargets(configured, onUnknown) {
+  const resolved = [];
+  for (const entry of configured) {
+    if (typeof entry !== "string") {
+      resolved.push({ ...entry, icon: entry.icon ?? icons[entry.id] });
+      continue;
+    }
+    const builtin = BUILTIN_TARGETS[entry];
+    if (builtin) {
+      resolved.push(builtin);
+    } else {
+      onUnknown?.(entry);
+    }
+  }
+  return resolved;
+}
+function canUseNativeShare() {
+  return typeof navigator !== "undefined" && typeof navigator.share === "function";
+}
+async function nativeShare(context) {
+  try {
+    await navigator.share({ title: context.title, url: context.url });
+    return true;
+  } catch (error) {
+    if (error instanceof Error && error.name === "AbortError") {
+      return false;
+    }
+    throw error;
+  }
+}
+async function copyText(text) {
+  if (typeof navigator !== "undefined" && navigator.clipboard?.writeText) {
+    try {
+      await navigator.clipboard.writeText(text);
+      return true;
+    } catch {
+    }
+  }
+  if (typeof document === "undefined") {
+    return false;
+  }
+  const textarea = document.createElement("textarea");
+  textarea.value = text;
+  textarea.setAttribute("readonly", "");
+  textarea.style.position = "fixed";
+  textarea.style.top = "-9999px";
+  textarea.style.opacity = "0";
+  document.body.appendChild(textarea);
+  try {
+    textarea.select();
+    textarea.setSelectionRange(0, textarea.value.length);
+    return document.execCommand("copy");
+  } catch {
+    return false;
+  } finally {
+    textarea.remove();
+  }
+}
+function buildEmbedSnippet(context, config) {
+  if (config.embedSnippet) {
+    return config.embedSnippet(context);
+  }
+  if (!config.embedBaseUrl) {
+    return null;
+  }
+  try {
+    const base = typeof window === "undefined" ? void 0 : window.location.href;
+    const embedUrl = new URL(config.embedBaseUrl, base);
+    if (context.currentTime > 0 && !context.isLive) {
+      embedUrl.searchParams.set("startTime", String(Math.floor(context.currentTime)));
+    }
+    embedUrl.searchParams.set("shareUrl", context.url);
+    return `<iframe src="${embedUrl.toString()}" width="640" height="360" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen loading="lazy"></iframe>`;
+  } catch {
+    return null;
+  }
+}
+var TOAST_MS = 1800;
+var ShareSheet = class {
+  constructor(api, callbacks) {
+    this.api = api;
+    this.callbacks = callbacks;
+    this.backdrop = null;
+    this.sheet = null;
+    this.toast = null;
+    this.toastTimer = null;
+    this.previouslyFocused = null;
+    this.open = false;
+    this.keydownHandler = (event) => {
+      if (event.key === "Escape") {
+        event.stopPropagation();
+        this.close();
+        return;
+      }
+      if (event.key === "Tab") {
+        this.trapFocus(event);
+      }
+    };
+  }
+  /** Whether the sheet is currently showing. */
+  isOpen() {
+    return this.open;
+  }
+  /**
+   * Show the sheet for a set of targets.
+   */
+  show(targets) {
+    if (this.open) {
+      return;
+    }
+    this.previouslyFocused = document.activeElement;
+    this.open = true;
+    this.backdrop = document.createElement("div");
+    this.backdrop.className = "sp-share-backdrop";
+    this.backdrop.addEventListener("click", () => this.close());
+    this.sheet = document.createElement("div");
+    this.sheet.className = "sp-share-sheet";
+    this.sheet.setAttribute("role", "dialog");
+    this.sheet.setAttribute("aria-modal", "true");
+    this.sheet.setAttribute("aria-label", "Share");
+    const grip = document.createElement("div");
+    grip.className = "sp-share-grip";
+    this.sheet.appendChild(grip);
+    const heading = document.createElement("p");
+    heading.className = "sp-share-title";
+    heading.textContent = "Share";
+    this.sheet.appendChild(heading);
+    const list = document.createElement("ul");
+    list.className = "sp-share-targets";
+    for (const target of targets) {
+      list.appendChild(this.renderTarget(target));
+    }
+    this.sheet.appendChild(list);
+    this.api.container.appendChild(this.backdrop);
+    this.api.container.appendChild(this.sheet);
+    requestAnimationFrame(() => {
+      this.backdrop?.classList.add("sp-share-backdrop--open");
+      this.sheet?.classList.add("sp-share-sheet--open");
+    });
+    document.addEventListener("keydown", this.keydownHandler, true);
+    const first = this.sheet.querySelector(".sp-share-target");
+    first?.focus();
+  }
+  /** Hide the sheet and restore focus. */
+  close() {
+    if (!this.open) {
+      return;
+    }
+    this.open = false;
+    document.removeEventListener("keydown", this.keydownHandler, true);
+    this.backdrop?.classList.remove("sp-share-backdrop--open");
+    this.sheet?.classList.remove("sp-share-sheet--open");
+    const backdrop = this.backdrop;
+    const sheet = this.sheet;
+    this.backdrop = null;
+    this.sheet = null;
+    setTimeout(() => {
+      backdrop?.remove();
+      sheet?.remove();
+    }, 220);
+    this.previouslyFocused?.focus();
+    this.previouslyFocused = null;
+    this.callbacks.onClose();
+  }
+  /**
+   * Show a transient confirmation, e.g. after copying.
+   */
+  showToast(message) {
+    if (this.toastTimer) {
+      clearTimeout(this.toastTimer);
+      this.toastTimer = null;
+    }
+    if (!this.toast) {
+      this.toast = document.createElement("div");
+      this.toast.className = "sp-share-toast";
+      this.toast.setAttribute("role", "status");
+      this.toast.setAttribute("aria-live", "polite");
+      this.api.container.appendChild(this.toast);
+    }
+    this.toast.textContent = message;
+    requestAnimationFrame(() => this.toast?.classList.add("sp-share-toast--visible"));
+    this.toastTimer = setTimeout(() => {
+      this.toast?.classList.remove("sp-share-toast--visible");
+      this.toastTimer = null;
+    }, TOAST_MS);
+  }
+  /**
+   * Last-resort clipboard fallback: show the text for manual copying.
+   */
+  showManualCopy(text) {
+    if (!this.sheet) {
+      return;
+    }
+    const row = document.createElement("div");
+    row.className = "sp-share-fallback";
+    const input = document.createElement("input");
+    input.type = "text";
+    input.readOnly = true;
+    input.value = text;
+    input.setAttribute("aria-label", "Link to copy");
+    row.appendChild(input);
+    this.sheet.appendChild(row);
+    input.focus();
+    input.select();
+  }
+  /** Remove everything and detach listeners. */
+  destroy() {
+    document.removeEventListener("keydown", this.keydownHandler, true);
+    if (this.toastTimer) {
+      clearTimeout(this.toastTimer);
+      this.toastTimer = null;
+    }
+    this.backdrop?.remove();
+    this.sheet?.remove();
+    this.toast?.remove();
+    this.backdrop = null;
+    this.sheet = null;
+    this.toast = null;
+    this.open = false;
+    this.previouslyFocused = null;
+  }
+  /** Build one target button. */
+  renderTarget(target) {
+    const item = document.createElement("li");
+    const button = document.createElement("button");
+    button.type = "button";
+    button.className = `sp-share-target sp-share-target--${target.id}`;
+    button.setAttribute("aria-label", target.label);
+    const icon = document.createElement("span");
+    icon.className = "sp-share-icon";
+    icon.setAttribute("aria-hidden", "true");
+    if (target.icon) {
+      icon.innerHTML = target.icon;
+    }
+    const label = document.createElement("span");
+    label.className = "sp-share-label";
+    label.textContent = target.label;
+    button.appendChild(icon);
+    button.appendChild(label);
+    button.addEventListener("click", () => this.callbacks.onSelect(target));
+    item.appendChild(button);
+    return item;
+  }
+  /** Keep Tab inside the dialog while it is open. */
+  trapFocus(event) {
+    if (!this.sheet) {
+      return;
+    }
+    const focusable = this.sheet.querySelectorAll('button, input, [tabindex]:not([tabindex="-1"])');
+    if (focusable.length === 0) {
+      return;
+    }
+    const first = focusable[0];
+    const last = focusable[focusable.length - 1];
+    const active = document.activeElement;
+    if (event.shiftKey && active === first) {
+      event.preventDefault();
+      last?.focus();
+    } else if (!event.shiftKey && active === last) {
+      event.preventDefault();
+      first?.focus();
+    }
+  }
+};
+var ALLOWED_ELEMENTS = /* @__PURE__ */ new Set([
+  "svg",
+  "g",
+  "path",
+  "circle",
+  "ellipse",
+  "line",
+  "polyline",
+  "polygon",
+  "rect",
+  "defs",
+  "lineargradient",
+  "radialgradient",
+  "stop",
+  "clippath",
+  "mask",
+  "use",
+  "symbol",
+  "title",
+  "desc"
+]);
+function sanitizeIcon(markup) {
+  if (typeof markup !== "string" || markup.trim() === "") {
+    return null;
+  }
+  if (typeof DOMParser === "undefined") {
+    return null;
+  }
+  const doc = new DOMParser().parseFromString(markup, "text/html");
+  const svg = doc.body.querySelector("svg");
+  if (!svg) {
+    return null;
+  }
+  for (const element of Array.from(svg.querySelectorAll("*"))) {
+    if (!ALLOWED_ELEMENTS.has(element.nodeName.toLowerCase())) {
+      element.remove();
+      continue;
+    }
+    stripDangerousAttributes(element);
+  }
+  stripDangerousAttributes(svg);
+  return svg.outerHTML;
+}
+function stripDangerousAttributes(element) {
+  for (const attribute of Array.from(element.attributes)) {
+    const name = attribute.name.toLowerCase();
+    if (name.startsWith("on")) {
+      element.removeAttribute(attribute.name);
+      continue;
+    }
+    if (name === "href" || name === "xlink:href" || name === "src") {
+      const value = attribute.value.replace(/\s+/g, "").toLowerCase();
+      if (value.startsWith("javascript:") || value.startsWith("data:text/html")) {
+        element.removeAttribute(attribute.name);
+      }
+    }
+  }
+}
+var ShareButton = class {
+  constructor(_api, onActivate, options = {}) {
+    this.onActivate = onActivate;
+    this.clickHandler = () => {
+      this.onActivate();
+    };
+    const label = options.label ?? "Share";
+    this.el = document.createElement("button");
+    this.el.type = "button";
+    this.el.className = "sp-share sp-control";
+    this.el.setAttribute("aria-label", label);
+    this.el.setAttribute("title", label);
+    this.el.setAttribute("aria-haspopup", "dialog");
+    const icon = options.icon ? sanitizeIcon(options.icon) : null;
+    this.el.innerHTML = icon ?? icons.share ?? "";
+    this.el.addEventListener("click", this.clickHandler);
+  }
+  render() {
+    return this.el;
+  }
+  update() {
+  }
+  destroy() {
+    this.el.removeEventListener("click", this.clickHandler);
+    this.el.remove();
+  }
+};
+var styles = `
+.sp-share-backdrop {
+  position: absolute;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.55);
+  opacity: 0;
+  transition: opacity 180ms ease;
+  z-index: 30;
+}
+.sp-share-backdrop--open { opacity: 1; }
+
+.sp-share-sheet {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 31;
+  background: #1c1c1e;
+  color: #fff;
+  border-radius: 14px 14px 0 0;
+  padding: 8px 12px calc(12px + env(safe-area-inset-bottom, 0px));
+  box-shadow: 0 -6px 28px rgba(0, 0, 0, 0.45);
+  transform: translateY(100%);
+  transition: transform 220ms cubic-bezier(0.32, 0.72, 0, 1);
+  max-height: 80%;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+}
+.sp-share-sheet--open { transform: translateY(0); }
+
+/* Grab handle - the affordance that says "this drags/dismisses" on a phone. */
+.sp-share-grip {
+  width: 36px;
+  height: 4px;
+  border-radius: 2px;
+  background: rgba(255, 255, 255, 0.3);
+  margin: 4px auto 10px;
+}
+
+.sp-share-title {
+  font-size: 13px;
+  font-weight: 600;
+  letter-spacing: 0.02em;
+  text-transform: uppercase;
+  color: rgba(255, 255, 255, 0.55);
+  padding: 0 8px 8px;
+  margin: 0;
+}
+
+.sp-share-targets {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(84px, 1fr));
+  gap: 4px;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.sp-share-target {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  /* 44px is the WCAG 2.5.5 floor; 72px is a comfortable thumb target. */
+  min-height: 72px;
+  min-width: 44px;
+  padding: 10px 6px;
+  border: 0;
+  border-radius: 10px;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  font-size: 12px;
+  cursor: pointer;
+  -webkit-tap-highlight-color: transparent;
+  transition: background-color 120ms ease, transform 120ms ease;
+}
+.sp-share-target:active { transform: scale(0.94); background: rgba(255, 255, 255, 0.14); }
+.sp-share-target:focus-visible { outline: 2px solid #fff; outline-offset: -2px; }
+@media (hover: hover) {
+  .sp-share-target:hover { background: rgba(255, 255, 255, 0.1); }
+}
+
+.sp-share-target svg {
+  width: 24px;
+  height: 24px;
+  display: block;
+}
+
+.sp-share-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 44px;
+  height: 44px;
+  border-radius: 50%;
+  background: rgba(255, 255, 255, 0.12);
+}
+
+.sp-share-label {
+  line-height: 1.2;
+  text-align: center;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* Copy confirmation, announced politely to assistive tech. */
+.sp-share-toast {
+  position: absolute;
+  left: 50%;
+  bottom: 16px;
+  transform: translateX(-50%) translateY(8px);
+  z-index: 32;
+  background: rgba(28, 28, 30, 0.95);
+  color: #fff;
+  font-size: 13px;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  padding: 10px 16px;
+  border-radius: 20px;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 160ms ease, transform 160ms ease;
+}
+.sp-share-toast--visible { opacity: 1; transform: translateX(-50%) translateY(0); }
+
+/* Fallback when the clipboard is unavailable: show the URL to copy by hand. */
+.sp-share-fallback {
+  display: flex;
+  gap: 8px;
+  padding: 8px;
+}
+.sp-share-fallback input {
+  flex: 1;
+  min-width: 0;
+  /* 16px keeps iOS Safari from zooming the viewport on focus. */
+  font-size: 16px;
+  padding: 10px 12px;
+  border-radius: 8px;
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  background: rgba(255, 255, 255, 0.08);
+  color: #fff;
+}
+
+@media (min-width: 640px) {
+  .sp-share-backdrop { background: rgba(0, 0, 0, 0.25); }
+
+  .sp-share-sheet {
+    left: auto;
+    right: 12px;
+    bottom: 64px;
+    width: 320px;
+    border-radius: 12px;
+    padding: 10px;
+    transform: translateY(8px) scale(0.98);
+    opacity: 0;
+    transition: opacity 140ms ease, transform 140ms ease;
+    max-height: 60%;
+  }
+  .sp-share-sheet--open { transform: translateY(0) scale(1); opacity: 1; }
+
+  .sp-share-grip { display: none; }
+  .sp-share-targets { grid-template-columns: repeat(auto-fill, minmax(76px, 1fr)); }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .sp-share-backdrop,
+  .sp-share-sheet,
+  .sp-share-target,
+  .sp-share-toast {
+    transition: none;
+  }
+}
+`;
+var PKG_VERSION$1 = "1.8.1";
+var STYLE_ID = "sp-share-styles";
+function createSharePlugin(config = {}) {
+  let api = null;
+  let sheet = null;
+  let styleEl = null;
+  const configuredTargets = config.targets ?? DEFAULT_TARGETS;
+  const buildContext = () => {
+    const currentTime = api?.getState("currentTime") ?? 0;
+    const isLive = Boolean(api?.getState("live"));
+    const baseUrl = resolveBaseUrl(config);
+    return {
+      url: applyTimestamp(baseUrl, currentTime, isLive, config),
+      title: resolveTitle(config),
+      currentTime,
+      isLive
+    };
+  };
+  const reportError = (error) => {
+    const err = error instanceof Error ? error : new Error(String(error));
+    api?.logger.error("Share failed", { error: err });
+    config.onError?.(err);
+  };
+  const reportShared = (targetId, url) => {
+    config.onShare?.(targetId, url);
+    api?.emit("share:completed", { targetId, url });
+  };
+  const availableTargets = (context) => resolveTargets(configuredTargets, (id) => api?.logger.warn(`Unknown share target: ${id}`)).filter(
+    (target) => {
+      if (target.id === "native") {
+        return canUseNativeShare();
+      }
+      if (target.id === "embed") {
+        return buildEmbedSnippet(context, config) !== null;
+      }
+      return true;
+    }
+  );
+  const runTarget = async (target, context) => {
+    if (target.id === "native") {
+      const shared = await nativeShare(context);
+      if (shared) {
+        reportShared(target.id, context.url);
+      }
+      return;
+    }
+    if (target.id === "copy") {
+      const copied = await copyText(context.url);
+      if (copied) {
+        sheet?.showToast("Link copied");
+        reportShared(target.id, context.url);
+      } else {
+        sheet?.showManualCopy(context.url);
+      }
+      return;
+    }
+    if (target.id === "embed") {
+      const snippet = buildEmbedSnippet(context, config);
+      if (!snippet) {
+        return;
+      }
+      const copied = await copyText(snippet);
+      if (copied) {
+        sheet?.showToast("Embed code copied");
+        reportShared(target.id, context.url);
+      } else {
+        sheet?.showManualCopy(snippet);
+      }
+      return;
+    }
+    if (target.href) {
+      window.open(target.href(context), "_blank", "noopener,noreferrer");
+      reportShared(target.id, context.url);
+    }
+  };
+  const openSheet = () => {
+    if (!sheet) {
+      return;
+    }
+    const context = buildContext();
+    const targets = availableTargets(context);
+    if (targets.length === 0) {
+      api?.logger.warn("No share targets available");
+      return;
+    }
+    sheet.show(targets);
+    api?.emit("share:opened", void 0);
+  };
+  const activate = async () => {
+    const hostChoseTargets = config.targets !== void 0;
+    if (!hostChoseTargets && canUseNativeShare()) {
+      const context = buildContext();
+      try {
+        const shared = await nativeShare(context);
+        if (shared) {
+          reportShared("native", context.url);
+        }
+      } catch (error) {
+        reportError(error);
+      }
+      return;
+    }
+    openSheet();
+  };
+  return {
+    id: "share",
+    name: "Share",
+    version: PKG_VERSION$1,
+    type: "feature",
+    description: "Native share sheet, copy link, timestamps and embed codes",
+    init(pluginApi) {
+      api = pluginApi;
+      api.logger.debug("Share plugin initialized");
+      if (!document.getElementById(STYLE_ID)) {
+        styleEl = document.createElement("style");
+        styleEl.id = STYLE_ID;
+        styleEl.textContent = styles;
+        document.head.appendChild(styleEl);
+      }
+      sheet = new ShareSheet(api, {
+        onSelect: (target) => {
+          const context = buildContext();
+          if (target.id !== "copy" && target.id !== "embed") {
+            sheet?.close();
+          }
+          void runTarget(target, context).catch(reportError);
+        },
+        onClose: () => {
+          api?.emit("share:closed", void 0);
+        }
+      });
+      void Promise.resolve().then(() => index).then(({ registerControl: registerControl2 }) => {
+        registerControl2(
+          "share",
+          (controlApi) => new ShareButton(controlApi, () => void activate(), {
+            icon: config.buttonIcon,
+            label: config.buttonLabel
+          })
+        );
+      }).catch(() => {
+        api?.logger.debug("@scarlett-player/ui not present, share control not registered");
+      });
+      api.onDestroy(() => {
+        sheet?.destroy();
+        sheet = null;
+      });
+    },
+    destroy() {
+      sheet?.destroy();
+      sheet = null;
+      styleEl?.remove();
+      styleEl = null;
+      api = null;
+    },
+    async share(targetId) {
+      if (!targetId) {
+        await activate();
+        return;
+      }
+      const context = buildContext();
+      const target = availableTargets(context).find((t) => t.id === targetId);
+      if (!target) {
+        reportError(new Error(`Unknown or unavailable share target: ${targetId}`));
+        return;
+      }
+      try {
+        await runTarget(target, context);
+      } catch (error) {
+        reportError(error);
+      }
+    },
+    getShareUrl() {
+      return buildContext().url;
+    },
+    close() {
+      sheet?.close();
+    }
+  };
+}
 function getAttr(element, ...names) {
   for (const name of names) {
     const value = element.getAttribute(name);
@@ -9014,6 +9846,14 @@ function parseDataAttributes(element) {
   if (album) {
     config.album = album;
   }
+  const shareUrl = getAttr(element, "data-share-url", "share-url");
+  if (shareUrl) {
+    config.shareUrl = shareUrl;
+  }
+  const embedBaseUrl = getAttr(element, "data-embed-base-url", "embed-base-url");
+  if (embedBaseUrl) {
+    config.embedBaseUrl = embedBaseUrl;
+  }
   const brandColor = getAttr(element, "data-brand-color", "data-color", "color");
   if (brandColor) {
     config.brandColor = brandColor;
@@ -9116,6 +9956,23 @@ function applyContainerStyles(container, config) {
     container.style.width = container.style.width || "100%";
   }
 }
+const SHARE_CONTROL_LAYOUT = [
+  "play",
+  "skip-backward",
+  "skip-forward",
+  "volume",
+  "time",
+  "live-indicator",
+  "bandwidth-indicator",
+  "spacer",
+  "share",
+  "settings",
+  "captions",
+  "chromecast",
+  "airplay",
+  "pip",
+  "fullscreen"
+];
 async function createEmbedPlayer(container, config, pluginCreators2, availableTypes) {
   const type = config.type || "video";
   if (!availableTypes.includes(type)) {
@@ -9140,8 +9997,8 @@ async function createEmbedPlayer(container, config, pluginCreators2, availableTy
     }
     if (pluginCreators2.playlist && config.playlist?.length) {
       plugins.push(pluginCreators2.playlist({
-        items: config.playlist.map((item, index) => ({
-          id: `item-${index}`,
+        items: config.playlist.map((item, index2) => ({
+          id: `item-${index2}`,
           src: item.src,
           title: item.title,
           artist: item.artist,
@@ -9167,6 +10024,13 @@ async function createEmbedPlayer(container, config, pluginCreators2, availableTy
     if (type === "video" && pluginCreators2.gestures && config.gestures !== false) {
       plugins.push(pluginCreators2.gestures({}));
     }
+    const shareEnabled = type === "video" && Boolean(config.shareUrl) && config.controls !== false;
+    if (shareEnabled && pluginCreators2.share) {
+      const shareConfig = { url: config.shareUrl };
+      if (config.title) shareConfig.title = config.title;
+      if (config.embedBaseUrl) shareConfig.embedBaseUrl = config.embedBaseUrl;
+      plugins.push(pluginCreators2.share(shareConfig));
+    }
     if (pluginCreators2.analytics && config.analytics?.beaconUrl) {
       plugins.push(pluginCreators2.analytics({
         beaconUrl: config.analytics.beaconUrl,
@@ -9180,6 +10044,7 @@ async function createEmbedPlayer(container, config, pluginCreators2, availableTy
         if (Object.keys(theme).length > 0) uiConfig.theme = theme;
         if (config.hideDelay !== void 0) uiConfig.hideDelay = config.hideDelay;
         if (config.bigPlayButton !== void 0) uiConfig.bigPlayButton = config.bigPlayButton;
+        if (shareEnabled && pluginCreators2.share) uiConfig.controls = SHARE_CONTROL_LAYOUT;
         plugins.push(pluginCreators2.videoUI(uiConfig));
       } else if ((type === "audio" || type === "audio-mini") && pluginCreators2.audioUI) {
         plugins.push(pluginCreators2.audioUI({
@@ -9285,7 +10150,7 @@ function setupAutoInit(pluginCreators2, availableTypes) {
     }
   }
 }
-const PKG_VERSION = "1.7.1";
+const PKG_VERSION = "1.8.1";
 const VERSION = `${PKG_VERSION}-video`;
 const AVAILABLE_TYPES = ["video"];
 const pluginCreators = {
@@ -9294,7 +10159,8 @@ const pluginCreators = {
   videoUI: uiPlugin,
   watermark: createWatermarkPlugin,
   captions: createCaptionsPlugin,
-  gestures: createGesturesPlugin
+  gestures: createGesturesPlugin,
+  share: createSharePlugin
   // Audio UI not available in this build
   // Analytics not available in this build
   // Playlist not available in this build