lightgallery 2.9.0 → 3.0.0-beta.2

package/dist/plugins/video/lg-video.es5.js

@@ -0,0 +1,518 @@
+/*!
+ * lightgallery | 3.0.0-beta.2 | October 1st 2026
+ * http://www.lightgalleryjs.com/
+ * Copyright (c) 2020 Sachin Neravath;
+ * @license GPLv3
+ */
+const videoSettings = {
+  autoplayFirstVideo: true,
+  videoFacade: true,
+  youTubeNoCookie: true,
+  youTubePlayerParams: false,
+  vimeoPlayerParams: false,
+  wistiaPlayerParams: false,
+  gotoNextSlideOnVideoEnd: true,
+  autoplayVideoOnSlide: false,
+  videojs: false,
+  videojsTheme: "",
+  videojsOptions: {}
+};
+var __defProp$1 = Object.defineProperty;
+var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
+var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
+var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$1.call(b, prop))
+      __defNormalProp$1(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(b)) {
+      if (__propIsEnum$1.call(b, prop))
+        __defNormalProp$1(a, prop, b[prop]);
+    }
+  return a;
+};
+function toParamsObject(params) {
+  return typeof params === "object" && params ? params : {};
+}
+function param(obj) {
+  return Object.keys(obj).map(
+    (key) => `${encodeURIComponent(key)}=${encodeURIComponent(obj[key])}`
+  ).join("&");
+}
+function paramsToObject(url) {
+  return url.slice(1).split("&").map((pair) => pair.split("=")).reduce((obj, pair) => {
+    const [key, value] = pair.map(decodeURIComponent);
+    if (key) {
+      obj[key] = value != null ? value : "";
+    }
+    return obj;
+  }, {});
+}
+function isYouTubeNoCookie(url) {
+  return url.includes("youtube-nocookie.com");
+}
+function getYouTubeEmbedUrl(videoInfo, playerParamsSettings, srcUrl, preferNoCookie = true) {
+  if (!videoInfo.youtube) {
+    return void 0;
+  }
+  const slideUrlParams = videoInfo.youtube[2] ? paramsToObject(videoInfo.youtube[2]) : {};
+  const params = __spreadValues$1(__spreadValues$1({
+    wmode: "opaque",
+    autoplay: 0,
+    mute: 1,
+    enablejsapi: 1
+  }, toParamsObject(playerParamsSettings)), slideUrlParams);
+  const base = preferNoCookie || isYouTubeNoCookie(srcUrl) ? "//www.youtube-nocookie.com/" : "//www.youtube.com/";
+  return `${base}embed/${videoInfo.youtube[1]}?${param(params)}`;
+}
+const VIMEO_PLAYER_SCRIPT_URL = "https://player.vimeo.com/api/player.js";
+const WISTIA_PLAYER_SCRIPT_URL = "https://fast.wistia.com/assets/external/E-v1.js";
+function getVimeoEmbedUrl(videoInfo, playerParamsSettings) {
+  if (!videoInfo.vimeo) {
+    return void 0;
+  }
+  let urlParams = videoInfo.vimeo[2] || "";
+  const defaultPlayerParams = __spreadValues$1({
+    autoplay: 0,
+    muted: 1
+  }, toParamsObject(playerParamsSettings));
+  let defaultParams = param(defaultPlayerParams);
+  const urlWithHash = videoInfo.vimeo[0].split("/").pop() || "";
+  const urlWithHashWithoutParams = urlWithHash.split("?")[0] || "";
+  const hash = urlWithHashWithoutParams.split("#")[0];
+  const isPrivate = videoInfo.vimeo[1] !== hash;
+  if (isPrivate) {
+    urlParams = urlParams.replace(`/${hash}`, "");
+  }
+  urlParams = urlParams[0] === "?" ? `&${urlParams.slice(1)}` : urlParams || "";
+  const privateUrlParams = isPrivate ? `h=${hash}` : "";
+  defaultParams = privateUrlParams ? `&${defaultParams}` : defaultParams;
+  return `//player.vimeo.com/video/${videoInfo.vimeo[1]}?${privateUrlParams}${defaultParams}${urlParams}`;
+}
+function getWistiaEmbedUrl(videoInfo, playerParamsSettings) {
+  if (!videoInfo.wistia) {
+    return void 0;
+  }
+  const paramsObject = toParamsObject(playerParamsSettings);
+  const params = Object.keys(paramsObject).length ? param(paramsObject) : "";
+  return `//fast.wistia.net/embed/iframe/${videoInfo.wistia[4]}${params ? `?${params}` : ""}`;
+}
+const lGEvents = {
+  hasVideo: "lgHasVideo",
+  slideItemLoad: "lgSlideItemLoad",
+  beforeSlide: "lgBeforeSlide",
+  afterSlide: "lgAfterSlide",
+  posterClick: "lgPosterClick"
+};
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+const providerScriptLoads = {};
+function loadProviderScript(url) {
+  if (!providerScriptLoads[url]) {
+    providerScriptLoads[url] = new Promise((resolve) => {
+      const script = document.createElement("script");
+      script.src = url;
+      script.async = true;
+      script.onload = () => resolve();
+      script.onerror = () => resolve();
+      document.head.appendChild(script);
+    });
+  }
+  return providerScriptLoads[url];
+}
+class Video {
+  constructor(instance) {
+    this.core = instance;
+    this.settings = __spreadValues(__spreadValues({}, videoSettings), this.core.settings);
+    return this;
+  }
+  init() {
+    this.core.LGel.on(
+      `${lGEvents.hasVideo}.video`,
+      this.onHasVideo.bind(this)
+    );
+    this.core.LGel.on(`${lGEvents.posterClick}.video`, () => {
+      const $el = this.core.getSlideItem(this.core.index);
+      this.loadVideoOnPosterClick($el);
+    });
+    this.core.LGel.on(
+      `${lGEvents.slideItemLoad}.video`,
+      this.onSlideItemLoad.bind(this)
+    );
+    this.core.LGel.on(
+      `${lGEvents.beforeSlide}.video`,
+      this.onBeforeSlide.bind(this)
+    );
+    this.core.LGel.on(
+      `${lGEvents.afterSlide}.video`,
+      this.onAfterSlide.bind(this)
+    );
+  }
+  /**
+   * @desc Event triggered when a slide is completely loaded
+   *
+   * @param {Event} event - lightGalley custom event
+   */
+  onSlideItemLoad(event) {
+    const { isFirstSlide, index } = event.detail;
+    if (this.settings.autoplayFirstVideo && isFirstSlide && index === this.core.index) {
+      setTimeout(() => {
+        this.loadAndPlayVideo(index);
+      }, 200);
+    }
+    if (!isFirstSlide && this.settings.autoplayVideoOnSlide && index === this.core.index) {
+      this.loadAndPlayVideo(index);
+    }
+  }
+  /**
+   * @desc Event triggered when video url or poster found
+   * Append video HTML is poster is not given
+   * Play if autoplayFirstVideo is true
+   *
+   * @param {Event} event - Javascript Event object.
+   */
+  onHasVideo(event) {
+    const { index, src, html5Video, hasPoster } = event.detail;
+    if (!hasPoster) {
+      this.appendVideos(this.core.getSlideItem(index), {
+        src,
+        addClass: "lg-object",
+        index,
+        html5Video
+      });
+      this.gotoNextSlideOnVideoEnd(src, index);
+    }
+  }
+  /**
+   * @desc fired immediately before each slide transition.
+   * Pause the previous video
+   * Hide the download button if the slide contains YouTube, Vimeo, or Wistia videos.
+   *
+   * @param {Event} event - Javascript Event object.
+   * @param {number} prevIndex - Previous index of the slide.
+   * @param {number} index - Current index of the slide
+   */
+  onBeforeSlide(event) {
+    if (this.core.lGalleryOn) {
+      const { prevIndex } = event.detail;
+      this.pauseVideo(prevIndex);
+    }
+  }
+  /**
+   * @desc fired immediately after each slide transition.
+   * Play video if autoplayVideoOnSlide option is enabled.
+   *
+   * @param {Event} event - Javascript Event object.
+   * @param {number} prevIndex - Previous index of the slide.
+   * @param {number} index - Current index of the slide
+   * @todo should check on onSlideLoad as well if video is not loaded on after slide
+   */
+  onAfterSlide(event) {
+    const { index, prevIndex } = event.detail;
+    const $slide = this.core.getSlideItem(index);
+    if (this.settings.autoplayVideoOnSlide && index !== prevIndex) {
+      if ($slide.hasClass("lg-complete")) {
+        setTimeout(() => {
+          this.loadAndPlayVideo(index);
+        }, 100);
+      }
+    }
+  }
+  loadAndPlayVideo(index) {
+    const $slide = this.core.getSlideItem(index);
+    const currentGalleryItem = this.core.galleryItems[index];
+    if (currentGalleryItem.poster) {
+      this.loadVideoOnPosterClick($slide, true);
+    } else {
+      this.playVideo(index);
+    }
+  }
+  /**
+   * Play HTML5, Youtube, Vimeo or Wistia videos in a particular slide.
+   * @param {number} index - Index of the slide
+   */
+  playVideo(index) {
+    this.controlVideo(index, "play");
+  }
+  /**
+   * Pause HTML5, Youtube, Vimeo or Wistia videos in a particular slide.
+   * @param {number} index - Index of the slide
+   */
+  pauseVideo(index) {
+    this.controlVideo(index, "pause");
+  }
+  getVideoHtml(src, addClass, index, html5Video) {
+    let video = "";
+    const videoInfo = this.core.galleryItems[index].__slideVideoInfo || {};
+    const currentGalleryItem = this.core.galleryItems[index];
+    let videoTitle = currentGalleryItem.title || currentGalleryItem.alt;
+    videoTitle = videoTitle ? 'title="' + videoTitle + '"' : "";
+    const commonIframeProps = `allowtransparency="true"
+            frameborder="0"
+            scrolling="no"
+            allowfullscreen
+            mozallowfullscreen
+            webkitallowfullscreen
+            oallowfullscreen
+            msallowfullscreen`;
+    if (videoInfo.youtube) {
+      const videoId = "lg-youtube" + index;
+      const embedUrl = getYouTubeEmbedUrl(
+        videoInfo,
+        this.settings.youTubePlayerParams,
+        src,
+        this.settings.youTubeNoCookie
+      );
+      video = `<iframe allow="autoplay" id=${videoId} class="lg-video-object lg-youtube ${addClass}" ${videoTitle} src="${embedUrl}" ${commonIframeProps}></iframe>`;
+    } else if (videoInfo.vimeo) {
+      const videoId = "lg-vimeo" + index;
+      const embedUrl = getVimeoEmbedUrl(
+        videoInfo,
+        this.settings.vimeoPlayerParams
+      );
+      video = `<iframe allow="autoplay" id=${videoId} class="lg-video-object lg-vimeo ${addClass}" ${videoTitle} src="${embedUrl}" ${commonIframeProps}></iframe>`;
+    } else if (videoInfo.wistia) {
+      const wistiaId = "lg-wistia" + index;
+      const embedUrl = getWistiaEmbedUrl(
+        videoInfo,
+        this.settings.wistiaPlayerParams
+      );
+      video = `<iframe allow="autoplay" id="${wistiaId}" src="${embedUrl}" ${videoTitle} class="wistia_embed lg-video-object lg-wistia ${addClass}" name="wistia_embed" ${commonIframeProps}></iframe>`;
+    } else if (videoInfo.html5) {
+      let html5VideoMarkup = "";
+      for (let i = 0; i < html5Video.source.length; i++) {
+        const type = html5Video.source[i].type;
+        const typeAttr = type ? `type="${type}"` : "";
+        html5VideoMarkup += `<source src="${html5Video.source[i].src}" ${typeAttr}>`;
+      }
+      if (html5Video.tracks) {
+        for (let i = 0; i < html5Video.tracks.length; i++) {
+          let trackAttributes = "";
+          const track = html5Video.tracks[i];
+          Object.keys(track || {}).forEach(function(key) {
+            trackAttributes += `${key}="${track[key]}" `;
+          });
+          html5VideoMarkup += `<track ${trackAttributes}>`;
+        }
+      }
+      let html5VideoAttrs = "";
+      const videoAttributes = html5Video.attributes || {};
+      Object.keys(videoAttributes || {}).forEach(function(key) {
+        html5VideoAttrs += `${key}="${videoAttributes[key]}" `;
+      });
+      video = `<video class="lg-video-object lg-html5 ${this.settings.videojs && this.settings.videojsTheme ? this.settings.videojsTheme + " " : ""} ${this.settings.videojs ? " video-js" : ""}" ${html5VideoAttrs}>
+                ${html5VideoMarkup}
+                Your browser does not support HTML5 video.
+            </video>`;
+    }
+    return video;
+  }
+  /**
+   * @desc - Append videos to the slide
+   *
+   * @param {HTMLElement} el - slide element
+   * @param {Object} videoParams - Video parameters, Contains src, class, index, htmlVideo
+   */
+  appendVideos(el, videoParams) {
+    var _a;
+    const videoHtml = this.getVideoHtml(
+      videoParams.src,
+      videoParams.addClass,
+      videoParams.index,
+      videoParams.html5Video
+    );
+    el.find(".lg-video-cont").append(videoHtml);
+    const $videoElement = el.find(".lg-video-object").first();
+    if (videoParams.html5Video) {
+      $videoElement.on("mousedown.lg.video", (e) => {
+        e.stopPropagation();
+      });
+    }
+    if (this.settings.videojs && ((_a = this.core.galleryItems[videoParams.index].__slideVideoInfo) == null ? void 0 : _a.html5)) {
+      try {
+        return videojs(
+          $videoElement.get(),
+          this.settings.videojsOptions
+        );
+      } catch (e) {
+        console.error(
+          "lightGallery:- Make sure you have included videojs. See https://www.lightgalleryjs.com/demos/video-gallery/"
+        );
+      }
+    }
+  }
+  gotoNextSlideOnVideoEnd(src, index) {
+    const $videoElement = this.core.getSlideItem(index).find(".lg-video-object").first();
+    const videoInfo = this.core.galleryItems[index].__slideVideoInfo || {};
+    if (this.settings.gotoNextSlideOnVideoEnd) {
+      if (videoInfo.html5) {
+        $videoElement.on("ended", () => {
+          this.core.goToNextSlide();
+        });
+      } else if (videoInfo.vimeo) {
+        this.withVimeoApi(() => {
+          new Vimeo.Player($videoElement.get()).on("ended", () => {
+            this.core.goToNextSlide();
+          });
+        });
+      } else if (videoInfo.wistia) {
+        this.pushWistiaCommand({
+          id: $videoElement.attr("id"),
+          onReady: (video) => {
+            video.bind("end", () => {
+              this.core.goToNextSlide();
+            });
+          }
+        });
+      }
+    }
+  }
+  /**
+   * Run a callback with the Vimeo player API available, loading
+   * player.js on demand at first use (lite-embed: no provider script
+   * before user intent). Errors keep the 2.x console message.
+   */
+  withVimeoApi(callback) {
+    const run = () => {
+      try {
+        callback();
+      } catch (e) {
+        console.error(
+          "lightGallery:- Make sure you have included //github.com/vimeo/player.js. See https://www.lightgalleryjs.com/demos/video-gallery/"
+        );
+      }
+    };
+    if (window.Vimeo && window.Vimeo.Player) {
+      run();
+      return;
+    }
+    loadProviderScript(VIMEO_PLAYER_SCRIPT_URL).then(run);
+  }
+  /**
+   * Queue a Wistia command and load E-v1.js on demand, `_wq` is
+   * Wistia's own pre-load command queue, drained when the script lands.
+   */
+  pushWistiaCommand(command) {
+    try {
+      window._wq = window._wq || [];
+      window._wq.push(command);
+    } catch (e) {
+      console.error(
+        "lightGallery:- Make sure you have included //fast.wistia.com/assets/external/E-v1.js. See https://www.lightgalleryjs.com/demos/video-gallery/"
+      );
+      return;
+    }
+    if (!window.Wistia) {
+      loadProviderScript(WISTIA_PLAYER_SCRIPT_URL);
+    }
+  }
+  controlVideo(index, action) {
+    const $videoElement = this.core.getSlideItem(index).find(".lg-video-object").first();
+    const videoInfo = this.core.galleryItems[index].__slideVideoInfo || {};
+    if (!$videoElement.get()) return;
+    if (videoInfo.youtube) {
+      try {
+        $videoElement.get().contentWindow.postMessage(
+          `{"event":"command","func":"${action}Video","args":""}`,
+          "*"
+        );
+      } catch (e) {
+        console.error(`lightGallery:- ${e}`);
+      }
+    } else if (videoInfo.vimeo) {
+      this.withVimeoApi(() => {
+        new Vimeo.Player($videoElement.get())[action]();
+      });
+    } else if (videoInfo.html5) {
+      if (this.settings.videojs) {
+        try {
+          videojs($videoElement.get())[action]();
+        } catch (e) {
+          console.error(
+            "lightGallery:- Make sure you have included videojs. See https://www.lightgalleryjs.com/demos/video-gallery/"
+          );
+        }
+      } else {
+        $videoElement.get()[action]();
+      }
+    } else if (videoInfo.wistia) {
+      this.pushWistiaCommand({
+        id: $videoElement.attr("id"),
+        onReady: (video) => {
+          video[action]();
+        }
+      });
+    }
+  }
+  loadVideoOnPosterClick($el, forcePlay) {
+    if (!$el.hasClass("lg-video-loaded")) {
+      if (!$el.hasClass("lg-has-video")) {
+        $el.addClass("lg-has-video");
+        let _html;
+        const _src = this.core.galleryItems[this.core.index].src;
+        const video = this.core.galleryItems[this.core.index].video;
+        if (video) {
+          _html = typeof video === "string" ? JSON.parse(video) : video;
+        }
+        const videoJsPlayer = this.appendVideos($el, {
+          src: _src,
+          addClass: "",
+          index: this.core.index,
+          html5Video: _html
+        });
+        this.gotoNextSlideOnVideoEnd(_src, this.core.index);
+        const $tempImg = $el.find(".lg-object").first().get();
+        $el.find(".lg-video-cont").first().append($tempImg);
+        $el.addClass("lg-video-loading");
+        videoJsPlayer && videoJsPlayer.ready(() => {
+          videoJsPlayer.on("loadedmetadata", () => {
+            this.onVideoLoadAfterPosterClick(
+              $el,
+              this.core.index
+            );
+          });
+        });
+        $el.find(".lg-video-object").first().on("load.lg error.lg loadedmetadata.lg", () => {
+          setTimeout(() => {
+            this.onVideoLoadAfterPosterClick(
+              $el,
+              this.core.index
+            );
+          }, 50);
+        });
+      } else {
+        this.playVideo(this.core.index);
+      }
+    } else if (forcePlay) {
+      this.playVideo(this.core.index);
+    }
+  }
+  onVideoLoadAfterPosterClick($el, index) {
+    $el.addClass("lg-video-loaded");
+    this.playVideo(index);
+  }
+  destroy() {
+    this.core.LGel.off(".lg.video");
+    this.core.LGel.off(".video");
+  }
+}
+export {
+  Video as default
+};
+//# sourceMappingURL=lg-video.es5.js.map

package/dist/plugins/video/lg-video.es5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lg-video.es5.js","sources":["../../../src/plugins/video/lg-video-settings.ts","../../../packages/headless/src/video-urls.ts","../../../src/lg-events.ts","../../../src/plugins/video/lg-video.ts"],"sourcesContent":["import { PlayerParams } from '@lightgallery/headless';\n\nexport interface VideoSettings {\n    /**\n     * Enable/DIsable first video autoplay.\n     * @description Autoplay has to be managed using this setting.\n     * Autoplay in PlayerParams doesn't have any effect.\n     */\n    autoplayFirstVideo: boolean;\n\n    /**\n     * Render provider video slides (YouTube/Vimeo/Wistia) as lite facades:\n     * a poster with a play button, with the provider iframe created only\n     * when the user presses play.\n     * @description The facade poster falls back from the item poster to\n     * the YouTube thumbnail endpoint (see loadYouTubePoster) to the item\n     * thumb; a slide with no resolvable poster keeps the previous\n     * eager-iframe behavior. Note autoplayFirstVideo/autoplayVideoOnSlide\n     * force an immediate materialize by design. Set false for 2.x\n     * eager-iframe behavior on all provider slides.\n     * See <a href=\"/docs/video-facades/\">Video facades</a>.\n     * @version V3.0.0\n     */\n    videoFacade: boolean;\n\n    /**\n     * Embed YouTube videos through the privacy-enhanced\n     * youtube-nocookie.com host.\n     * @description Set false to embed through youtube.com instead. Slide\n     * URLs that already point at youtube-nocookie.com always keep it.\n     * See <a href=\"/docs/video-facades/\">Video facades</a>.\n     * @version V3.0.0\n     */\n    youTubeNoCookie: boolean;\n\n    /**\n     * Change YouTube player parameters.\n     * You can find the list of YouTube player parameters from the following link\n     * <a href=\"https://developers.google.com/youtube/player_parameters\">YouTube player parameters</a>\n     * @example\n     * lightGallery(document.getElementById('lightGallery'), {\n     *     youTubePlayerParams: {\n     *         modestbranding : 1,\n     *         showinfo : 0,\n     *         controls : 0\n     *     }\n     * })\n     */\n    youTubePlayerParams: any;\n\n    /**\n     * Change Vimeo player parameters.\n     * You can find the list of vimeo player parameters from the following link\n     * <a href=\"https://developer.vimeo.com/player/embedding#universal-parameters\">Vimeo player parameters</a>\n     * @example\n     * lightGallery(document.getElementById('lightGallery'), {\n     *     vimeoPlayerParams: {\n     *         byline : 0,\n     *         portrait : 0,\n     *         color : 'CCCCCC'\n     *     }\n     * })\n     */\n    vimeoPlayerParams: PlayerParams;\n\n    /**\n     * Change Wistia player parameters.\n     * You can find the list of Wistia player parameters from the following link\n     * <a href=\"https://wistia.com/support/developers/embed-options#using-embed-options\">Vimeo player parameters</a>\n     */\n    wistiaPlayerParams: any;\n\n    /**\n     * Go to next slide when video is ended\n     * Note - this doesn't work with YouTube videos at the moment\n     */\n    gotoNextSlideOnVideoEnd: boolean;\n\n    /**\n     * Autoplay video on slide change\n     * @description Make sure you set preload:\"none\"\n     */\n    autoplayVideoOnSlide: boolean;\n\n    /**\n     * Enbale videojs custom video player\n     * <div class=\"alert alert-info\" role=\"alert\">\n     *     <b>Dependency</b> - You need to include <a href=\"https://videojs.com/\">videoJs</a> on your document to enable videojs player\n     * </div>\n     */\n    videojs: boolean;\n\n    /**\n     * Class name of the videojs theme\n     * You need to include the theme stylesheet on your document. <a href=\"https://videojs.com/getting-started/#home-page-themes\" target=\"_blank\">More info</a>\n     * @version V2.5.0\n     */\n    videojsTheme: string;\n\n    /**\n     * Videojs player options\n     */\n    videojsOptions: any;\n}\nexport const videoSettings: VideoSettings = {\n    autoplayFirstVideo: true,\n    videoFacade: true,\n    youTubeNoCookie: true,\n    youTubePlayerParams: false,\n    vimeoPlayerParams: false,\n    wistiaPlayerParams: false,\n    gotoNextSlideOnVideoEnd: true,\n    autoplayVideoOnSlide: false,\n    videojs: false,\n    videojsTheme: '',\n    videojsOptions: {},\n};\n","/**\n * Video URL detection and embed-URL builders, ported from 2.x\n * `utils.isVideo` (`src/lg-utils.ts`) and `lg-video-utils.ts` as pure\n * functions. The video plugin renders the returned URLs; nothing here\n * touches the DOM.\n */\n\nexport interface VideoInfo {\n    /** RegExp match parts: `[match, videoId, urlParams?]`. */\n    youtube?: string[];\n    vimeo?: string[];\n    /** RegExp match parts; index 4 is the media id. */\n    wistia?: string[];\n    html5?: boolean;\n}\n\n// `true` is accepted for 2.x-contract compatibility and means the same\n// as an empty params object.\nexport type PlayerParams = Record<string, string | number | boolean> | boolean;\n\nfunction toParamsObject(\n    params: PlayerParams,\n): Record<string, string | number | boolean> {\n    return typeof params === 'object' && params ? params : {};\n}\n\n/** Detect the video provider for a src URL (2.x `utils.isVideo`). */\nexport function getVideoInfo(\n    src: string | undefined,\n    hasHtml5Video: boolean,\n): VideoInfo | undefined {\n    if (!src) {\n        return hasHtml5Video ? { html5: true } : undefined;\n    }\n    const youtube = src.match(\n        /\\/\\/(?:www\\.)?youtu(?:\\.be|be\\.com|be-nocookie\\.com)\\/(?:watch\\?v=|embed\\/)?([a-z0-9\\-_%]+)([&|?][\\S]*)*/i,\n    );\n    if (youtube) {\n        return { youtube: [...youtube] };\n    }\n    const vimeo = src.match(\n        /\\/\\/(?:www\\.)?(?:player\\.)?vimeo.com\\/(?:video\\/)?([0-9a-z\\-_]+)(.*)?/i,\n    );\n    if (vimeo) {\n        return { vimeo: [...vimeo] };\n    }\n    const wistia = src.match(\n        /https?:\\/\\/(.+)?(wistia\\.com|wi\\.st)\\/(medias|embed)\\/([0-9a-z\\-_]+)(.*)/,\n    );\n    if (wistia) {\n        return { wistia: [...wistia] };\n    }\n    return hasHtml5Video ? { html5: true } : undefined;\n}\n\n/** Serialize params as a query string (2.x `param`). */\nexport function param(obj: Record<string, string | number | boolean>): string {\n    return Object.keys(obj)\n        .map(\n            (key) =>\n                `${encodeURIComponent(key)}=${encodeURIComponent(obj[key]!)}`,\n        )\n        .join('&');\n}\n\n/** Parse `?a=b&c=d` into an object (2.x `paramsToObject`). */\nexport function paramsToObject(url: string): Record<string, string> {\n    return url\n        .slice(1)\n        .split('&')\n        .map((pair) => pair.split('='))\n        .reduce<Record<string, string>>((obj, pair) => {\n            const [key, value] = pair.map(decodeURIComponent);\n            if (key) {\n                obj[key] = value ?? '';\n            }\n            return obj;\n        }, {});\n}\n\nexport function isYouTubeNoCookie(url: string): boolean {\n    return url.includes('youtube-nocookie.com');\n}\n\n/**\n * YouTube embed URL. Precedence (2.x parity): defaults < settings < params\n * already present on the slide URL. The privacy-enhanced\n * `youtube-nocookie.com` host is the default; pass `preferNoCookie: false`\n * (the `youTubeNoCookie` setting) to revert to `youtube.com`. A slide URL\n * that already names the nocookie host always keeps it.\n */\nexport function getYouTubeEmbedUrl(\n    videoInfo: VideoInfo,\n    playerParamsSettings: PlayerParams,\n    srcUrl: string,\n    preferNoCookie = true,\n): string | undefined {\n    if (!videoInfo.youtube) {\n        return undefined;\n    }\n    const slideUrlParams = videoInfo.youtube[2]\n        ? paramsToObject(videoInfo.youtube[2])\n        : {};\n    const params = {\n        wmode: 'opaque',\n        autoplay: 0,\n        mute: 1,\n        enablejsapi: 1,\n        ...toParamsObject(playerParamsSettings),\n        ...slideUrlParams,\n    };\n    const base =\n        preferNoCookie || isYouTubeNoCookie(srcUrl)\n            ? '//www.youtube-nocookie.com/'\n            : '//www.youtube.com/';\n    return `${base}embed/${videoInfo.youtube[1]}?${param(params)}`;\n}\n\n/**\n * YouTube's public thumbnail endpoint for a detected video — the one\n * provider poster that needs no API call. (Vimeo/Wistia poster endpoints\n * require a fetch/auth, so their facades rely on the item's own\n * poster/thumb — see getFacadePoster.)\n */\nexport function getYouTubePosterUrl(\n    videoInfo: VideoInfo | undefined,\n): string | undefined {\n    if (!videoInfo?.youtube) {\n        return undefined;\n    }\n    return `//img.youtube.com/vi/${videoInfo.youtube[1]}/maxresdefault.jpg`;\n}\n\n/**\n * Poster for a provider-video facade (lite embed): the explicit item\n * poster wins, then the YouTube thumbnail endpoint (when enabled), then\n * the item's grid thumb — for Vimeo galleries the vimeoThumbnail plugin\n * rewrites `thumb` to the oEmbed thumbnail, which feeds this chain.\n * HTML5 slides never get a synthesized poster (unchanged 2.x behavior);\n * a provider slide with no resolvable poster returns undefined and keeps\n * the eager-iframe path.\n */\nexport function getFacadePoster(\n    item: { poster?: string; thumb?: string },\n    videoInfo: VideoInfo | undefined,\n    loadYouTubePoster: boolean,\n): string | undefined {\n    if (!videoInfo || videoInfo.html5) {\n        return item.poster || undefined;\n    }\n    return (\n        item.poster ||\n        (loadYouTubePoster ? getYouTubePosterUrl(videoInfo) : undefined) ||\n        item.thumb ||\n        undefined\n    );\n}\n\n/**\n * Provider player-API script URLs, loaded on demand at first play (the\n * vanilla runtime's control paths need them; the framework bindings drive\n * players via postMessage and load nothing).\n */\nexport const VIMEO_PLAYER_SCRIPT_URL = 'https://player.vimeo.com/api/player.js';\nexport const WISTIA_PLAYER_SCRIPT_URL =\n    'https://fast.wistia.com/assets/external/E-v1.js';\n\n/**\n * Vimeo embed URL, including the private-video hash handling (2.x\n * `getVimeoURLParams`).\n */\nexport function getVimeoEmbedUrl(\n    videoInfo: VideoInfo,\n    playerParamsSettings: PlayerParams,\n): string | undefined {\n    if (!videoInfo.vimeo) {\n        return undefined;\n    }\n    let urlParams = videoInfo.vimeo[2] || '';\n    const defaultPlayerParams = {\n        autoplay: 0,\n        muted: 1,\n        ...toParamsObject(playerParamsSettings),\n    };\n    let defaultParams = param(defaultPlayerParams);\n\n    // Private videos carry a hash as the last path segment.\n    const urlWithHash = videoInfo.vimeo[0]!.split('/').pop() || '';\n    const urlWithHashWithoutParams = urlWithHash.split('?')[0] || '';\n    const hash = urlWithHashWithoutParams.split('#')[0]!;\n    const isPrivate = videoInfo.vimeo[1] !== hash;\n    if (isPrivate) {\n        urlParams = urlParams.replace(`/${hash}`, '');\n    }\n    urlParams =\n        urlParams[0] === '?' ? `&${urlParams.slice(1)}` : urlParams || '';\n    const privateUrlParams = isPrivate ? `h=${hash}` : '';\n    defaultParams = privateUrlParams ? `&${defaultParams}` : defaultParams;\n\n    return `//player.vimeo.com/video/${videoInfo.vimeo[1]}?${privateUrlParams}${defaultParams}${urlParams}`;\n}\n\n/** Wistia embed URL. */\nexport function getWistiaEmbedUrl(\n    videoInfo: VideoInfo,\n    playerParamsSettings: PlayerParams,\n): string | undefined {\n    if (!videoInfo.wistia) {\n        return undefined;\n    }\n    const paramsObject = toParamsObject(playerParamsSettings);\n    const params = Object.keys(paramsObject).length ? param(paramsObject) : '';\n    return `//fast.wistia.net/embed/iframe/${videoInfo.wistia[4]}${\n        params ? `?${params}` : ''\n    }`;\n}\n","import { LightGallery } from './lightgallery';\nimport { VideoSource } from './plugins/video/types';\n\n/**\n * List of lightGallery events\n * All events should be documented here\n * Below interfaces are used to build the website documentations\n * */\nexport const lGEvents: {\n    [key: string]: string;\n} = {\n    afterAppendSlide: 'lgAfterAppendSlide',\n    init: 'lgInit',\n    hasVideo: 'lgHasVideo',\n    containerResize: 'lgContainerResize',\n    updateSlides: 'lgUpdateSlides',\n    afterAppendSubHtml: 'lgAfterAppendSubHtml',\n    beforeOpen: 'lgBeforeOpen',\n    afterOpen: 'lgAfterOpen',\n    slideItemLoad: 'lgSlideItemLoad',\n    beforeSlide: 'lgBeforeSlide',\n    afterSlide: 'lgAfterSlide',\n    posterClick: 'lgPosterClick',\n    dragStart: 'lgDragStart',\n    dragMove: 'lgDragMove',\n    dragEnd: 'lgDragEnd',\n    beforeNextSlide: 'lgBeforeNextSlide',\n    beforePrevSlide: 'lgBeforePrevSlide',\n    beforeClose: 'lgBeforeClose',\n    afterClose: 'lgAfterClose',\n    rotateLeft: 'lgRotateLeft',\n    rotateRight: 'lgRotateRight',\n    flipHorizontal: 'lgFlipHorizontal',\n    flipVertical: 'lgFlipVertical',\n    autoplay: 'lgAutoplay',\n    autoplayStart: 'lgAutoplayStart',\n    autoplayStop: 'lgAutoplayStop',\n};\n\n// Follow the below format for the event documentation\n// @method is the method name when event is used with Angular/React components\n\n/**\n * Fired only once when lightGallery is initialized\n * @name lgInit\n * @method onInit\n * @example\n *   const lg = document.getElementById('custom-events-demo');\n *   // Perform any action on lightGallery initialization.\n *   // Init event returns the plugin instance that can be used to call any lightGalley public method\n *   let pluginInstance = null;\n *   lg.addEventListener('lgInit', (event) => {\n *      pluginInstance = event.detail.instance;\n *   });\n *   lightGallery(lg);\n * @see <a href=\"/docs/methods/\">Methods</a>\n */\nexport interface InitDetail {\n    /**\n     * lightGallery plugin instance\n     */\n    instance: LightGallery;\n}\n\n/**\n * Fired when the slide content has been inserted into it's slide container.\n * @name lgAfterAppendSlide\n * @method onAfterAppendSlide\n */\nexport interface AfterAppendSlideEventDetail {\n    /**\n     * Index of the slide\n     */\n    index: number;\n}\n\n/**\n * Fired immediately before opening the gallery\n * @name lgBeforeOpen\n * @method onBeforeOpen\n */\nexport interface BeforeOpenDetail {}\n\n/**\n * Fired immediately after opening the gallery\n * @name lgAfterOpen\n * @method onAfterOpen\n */\nexport interface AfterOpenDetail {}\n\n/**\n * Fired once the media inside the slide has been completely loaded .\n * @name lgSlideItemLoad\n * @method onSlideItemLoad\n */\nexport interface SlideItemLoadDetail {\n    /**\n     * Index of the slide\n     */\n    index: number;\n    /**\n     * For the first slide, lightGallery adds some delay for displaying the loaded slide item.\n     * This delay is required for the transition effect when the slide item is displayed\n     * Respect the delay when you use this event\n     */\n    delay: number;\n\n    // Will be true for the first slide\n    isFirstSlide: boolean;\n}\n\n/**\n * Fired immediately before each slide transition.\n * @name lgBeforeSlide\n * @method onBeforeSlide\n * @example\n *   const lg = document.getElementById('custom-events-demo');\n *   // Perform any action before each slide transition\n *   lg.addEventListener('lgBeforeSlide', (event) => {\n *       const { index, prevIndex } = event.detail;\n *       alert(index, prevIndex);\n *   });\n *   lightGallery(lg);\n */\nexport interface BeforeSlideDetail {\n    /**\n     * Index of the previous slide\n     */\n    prevIndex: number;\n    /**\n     * Index of the slide\n     */\n    index: number;\n    /**\n     * true if slide function called via touch event or mouse drag\n     */\n    fromTouch: boolean;\n    /**\n     * true if slide function called via thumbnail click\n     */\n    fromThumb: boolean;\n}\n\n/**\n * Fired immediately after each slide transition.\n * @name lgAfterSlide\n * @method onAfterSlide\n */\nexport interface AfterSlideDetail {\n    /**\n     * Index of the previous slide\n     */\n    prevIndex: number;\n    /**\n     * Index of the slide\n     */\n    index: number;\n    /**\n     * true if slide function called via touch event or mouse drag\n     */\n    fromTouch: boolean;\n    /**\n     * true if slide function called via thumbnail click\n     */\n    fromThumb: boolean;\n}\n\n/**\n * Fired when the video poster is clicked.\n * @name lgPosterClick\n * @method onPosterClick\n */\nexport interface PosterClickDetail {}\n\n/**\n * Fired when the drag event to move to different slide starts.\n * @name lgDragStart\n * @method onDragStart\n */\nexport interface DragStartDetail {}\n\n/**\n * Fired periodically during the drag operation.\n * @name lgDragMove\n * @method onDragMove\n */\nexport interface DragMoveDetail {}\n\n/**\n * Fired when the user has finished the drag operation\n * @name lgDragEnd\n * @method onDragEnd\n */\nexport interface DragEndDetail {}\n\n/**\n * Fired immediately before the start of the close process.\n * @name lgBeforeClose\n * @method onBeforeClose\n */\nexport interface BeforeCloseDetail {}\n\n/**\n * Fired immediately once lightGallery is closed.\n * @name lgAfterClose\n * @method onAfterClose\n */\nexport interface AfterCloseDetail {\n    /**\n     * lightGallery plugin instance\n     */\n    instance: LightGallery;\n}\n\n/**\n * Fired immediately before each \"next\" slide transition\n * @name lgBeforeNextSlide\n * @method onBeforeNextSlide\n */\nexport interface BeforeNextSlideDetail {\n    /**\n     * Index of the slide\n     */\n    index: number;\n    /**\n     * true if slide function called via touch event or mouse drag\n     */\n    fromTouch: boolean;\n}\n\n/**\n * Fired immediately before each \"prev\" slide transition\n * @name lgBeforePrevSlide\n * @method onBeforePrevSlide\n */\nexport interface BeforePrevSlideDetail {\n    /**\n     * Index of the slide\n     */\n    index: number;\n    /**\n     * true if slide function called via touch event or mouse drag\n     */\n    fromTouch: boolean;\n}\n\n/**\n * Fired when the sub-html content (ex : title/ description) has been appended into the slide.\n * @name lgAfterAppendSubHtml\n * @method onAfterAppendSubHtml\n */\nexport interface AfterAppendSubHtmlDetail {\n    /**\n     * Index of the slide\n     */\n    index: number;\n}\n\n/**\n * Fired when the lightGallery container has been resized.\n * @name lgContainerResize\n * @method onContainerResize\n */\nexport interface ContainerResizeDetail {\n    /**\n     * Index of the slide\n     */\n    index: number;\n}\n\n/**\n * Fired when lightGallery detects video slide\n * @name lgHasVideo\n * @method onHasVideo\n */\nexport interface HasVideoDetail {\n    /**\n     * Index of the slide,\n     */\n    index: number;\n    /**\n     * Video source\n     */\n    src: string;\n    /**\n     * HTML5 video source if available\n     * <p>\n       HTML5 video source = source: {\n            src: string;\n            type: string;\n        }[];\n        attributes: HTMLVideoElement;\n     * </p>\n     */\n    html5Video: VideoSource;\n    /**\n     * True if video has poster\n     */\n    hasPoster: boolean;\n}\n\n/**\n * Fired when the image is rotated in anticlockwise direction\n * @name lgRotateLeft\n * @method onRotateLeft\n */\nexport interface RotateLeftDetail {\n    /**\n     * Index of the slide\n     */\n    index: number;\n}\n\n/**\n * Fired when the image is rotated in clockwise direction\n * @name lgRotateRight\n * @method onRotateRight\n */\nexport interface RotateRightDetail {\n    /**\n     * Index of the slide\n     */\n    index: number;\n}\n\n/**\n * Fired when the image is flipped horizontally\n * @name lgFlipHorizontal\n * @method onFlipHorizontal\n */\nexport interface FlipHorizontalDetail {\n    /**\n     * Index of the slide\n     */\n    index: number;\n}\n\n/**\n * Fired when the image is flipped vertically\n * @name lgFlipVertical\n * @method onFlipVertical\n */\nexport interface FlipVerticalDetail {\n    /**\n     * Index of the slide\n     */\n    index: number;\n}\n","/**\n * Video module for lightGallery\n * Supports HTML5, YouTube, Vimeo, wistia videos\n *\n *\n * @ref Wistia\n * https://wistia.com/support/integrations/wordpress(How to get url)\n * https://wistia.com/support/developers/embed-options#using-embed-options\n * https://wistia.com/support/developers/player-api\n * https://wistia.com/support/developers/construct-an-embed-code\n * http://jsfiddle.net/xvnm7xLm/\n * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video\n * https://wistia.com/support/embed-and-share/sharing-videos\n * https://private-sharing.wistia.com/medias/mwhrulrucj\n *\n * @ref Youtube\n * https://developers.google.com/youtube/player_parameters#enablejsapi\n * https://developers.google.com/youtube/iframe_api_reference\n * https://developer.chrome.com/blog/autoplay/#iframe-delegation\n *\n * @ref Vimeo\n * https://stackoverflow.com/questions/10488943/easy-way-to-get-vimeo-id-from-a-vimeo-url\n * https://vimeo.zendesk.com/hc/en-us/articles/360000121668-Starting-playback-at-a-specific-timecode\n * https://vimeo.zendesk.com/hc/en-us/articles/360001494447-Using-Player-Parameters\n */\n\nimport { VideoSettings, videoSettings } from './lg-video-settings';\nimport { LightGallery } from '../../lightgallery';\nimport { lgQuery } from '../../lgQuery';\nimport {\n    CustomEventAfterSlide,\n    CustomEventHasVideo,\n    CustomEventSlideItemLoad,\n    VideoInfo,\n} from '../../types';\nimport {\n    VIMEO_PLAYER_SCRIPT_URL,\n    WISTIA_PLAYER_SCRIPT_URL,\n    getVimeoEmbedUrl,\n    getWistiaEmbedUrl,\n    getYouTubeEmbedUrl,\n} from '@lightgallery/headless';\n\nimport { lGEvents } from '../../lg-events';\nimport { VideoSource } from './types';\n\ndeclare let Vimeo: any;\ndeclare let videojs: any;\ndeclare global {\n    interface Window {\n        _wq: any;\n        Vimeo: any;\n        Wistia: any;\n    }\n}\n\n// One in-flight/settled promise per provider script URL, page-wide, the\n// player APIs load on demand at first play (lite-embed) instead of being\n// a documented include for the integrator. Never rejects: consumers check\n// the provider global afterwards, matching the old error-log behavior.\nconst providerScriptLoads: { [url: string]: Promise<void> } = {};\nfunction loadProviderScript(url: string): Promise<void> {\n    if (!providerScriptLoads[url]) {\n        providerScriptLoads[url] = new Promise((resolve) => {\n            const script = document.createElement('script');\n            script.src = url;\n            script.async = true;\n            script.onload = () => resolve();\n            script.onerror = () => resolve();\n            document.head.appendChild(script);\n        });\n    }\n    return providerScriptLoads[url];\n}\nexport default class Video {\n    private core: LightGallery;\n    private settings: VideoSettings;\n    constructor(instance: LightGallery) {\n        // get lightGallery core plugin instance\n        this.core = instance;\n        this.settings = { ...videoSettings, ...this.core.settings };\n\n        return this;\n    }\n    init() {\n        /**\n         * Event triggered when video url found without poster\n         * Append video HTML\n         * Play if autoplayFirstVideo is true\n         */\n        this.core.LGel.on(\n            `${lGEvents.hasVideo}.video`,\n            this.onHasVideo.bind(this),\n        );\n\n        this.core.LGel.on(`${lGEvents.posterClick}.video`, () => {\n            const $el = this.core.getSlideItem(this.core.index);\n            this.loadVideoOnPosterClick($el);\n        });\n        this.core.LGel.on(\n            `${lGEvents.slideItemLoad}.video`,\n            this.onSlideItemLoad.bind(this),\n        );\n\n        // @desc fired immediately before each slide transition.\n        this.core.LGel.on(\n            `${lGEvents.beforeSlide}.video`,\n            this.onBeforeSlide.bind(this),\n        );\n\n        // @desc fired immediately after each slide transition.\n        this.core.LGel.on(\n            `${lGEvents.afterSlide}.video`,\n            this.onAfterSlide.bind(this),\n        );\n    }\n\n    /**\n     * @desc Event triggered when a slide is completely loaded\n     *\n     * @param {Event} event - lightGalley custom event\n     */\n    onSlideItemLoad(event: CustomEventSlideItemLoad): void {\n        const { isFirstSlide, index } = event.detail;\n\n        // Should check the active slide as well as user may have moved to different slide before the first slide is loaded\n        if (\n            this.settings.autoplayFirstVideo &&\n            isFirstSlide &&\n            index === this.core.index\n        ) {\n            // Delay is just for the transition effect on video load\n            setTimeout(() => {\n                this.loadAndPlayVideo(index);\n            }, 200);\n        }\n\n        // Should not call on first slide. should check only if the slide is active\n        if (\n            !isFirstSlide &&\n            this.settings.autoplayVideoOnSlide &&\n            index === this.core.index\n        ) {\n            this.loadAndPlayVideo(index);\n        }\n    }\n\n    /**\n     * @desc Event triggered when video url or poster found\n     * Append video HTML is poster is not given\n     * Play if autoplayFirstVideo is true\n     *\n     * @param {Event} event - Javascript Event object.\n     */\n    onHasVideo(event: CustomEventHasVideo): void {\n        const { index, src, html5Video, hasPoster } = event.detail;\n        if (!hasPoster) {\n            // All functions are called separately if poster exist in loadVideoOnPosterClick function\n\n            this.appendVideos(this.core.getSlideItem(index), {\n                src,\n                addClass: 'lg-object',\n                index,\n                html5Video,\n            });\n\n            // Automatically navigate to next slide once video reaches the end.\n            this.gotoNextSlideOnVideoEnd(src, index);\n        }\n    }\n\n    /**\n     * @desc fired immediately before each slide transition.\n     * Pause the previous video\n     * Hide the download button if the slide contains YouTube, Vimeo, or Wistia videos.\n     *\n     * @param {Event} event - Javascript Event object.\n     * @param {number} prevIndex - Previous index of the slide.\n     * @param {number} index - Current index of the slide\n     */\n    onBeforeSlide(event: CustomEvent): void {\n        if (this.core.lGalleryOn) {\n            const { prevIndex } = event.detail;\n            this.pauseVideo(prevIndex);\n        }\n    }\n\n    /**\n     * @desc fired immediately after each slide transition.\n     * Play video if autoplayVideoOnSlide option is enabled.\n     *\n     * @param {Event} event - Javascript Event object.\n     * @param {number} prevIndex - Previous index of the slide.\n     * @param {number} index - Current index of the slide\n     * @todo should check on onSlideLoad as well if video is not loaded on after slide\n     */\n    onAfterSlide(event: CustomEventAfterSlide): void {\n        const { index, prevIndex } = event.detail;\n        // Do not call on first slide\n        const $slide = this.core.getSlideItem(index);\n        if (this.settings.autoplayVideoOnSlide && index !== prevIndex) {\n            if ($slide.hasClass('lg-complete')) {\n                setTimeout(() => {\n                    this.loadAndPlayVideo(index);\n                }, 100);\n            }\n        }\n    }\n\n    loadAndPlayVideo(index: number): void {\n        const $slide = this.core.getSlideItem(index);\n        const currentGalleryItem = this.core.galleryItems[index];\n        if (currentGalleryItem.poster) {\n            this.loadVideoOnPosterClick($slide, true);\n        } else {\n            this.playVideo(index);\n        }\n    }\n\n    /**\n     * Play HTML5, Youtube, Vimeo or Wistia videos in a particular slide.\n     * @param {number} index - Index of the slide\n     */\n    playVideo(index: number) {\n        this.controlVideo(index, 'play');\n    }\n\n    /**\n     * Pause HTML5, Youtube, Vimeo or Wistia videos in a particular slide.\n     * @param {number} index - Index of the slide\n     */\n    pauseVideo(index: number) {\n        this.controlVideo(index, 'pause');\n    }\n\n    getVideoHtml(\n        src: any,\n        addClass: any,\n        index: number,\n        html5Video: VideoSource,\n    ): string {\n        let video = '';\n        const videoInfo =\n            this.core.galleryItems[index as unknown as number]\n                .__slideVideoInfo || {};\n        const currentGalleryItem = this.core.galleryItems[index];\n        let videoTitle = currentGalleryItem.title || currentGalleryItem.alt;\n        videoTitle = videoTitle ? 'title=\"' + videoTitle + '\"' : '';\n        const commonIframeProps = `allowtransparency=\"true\"\n            frameborder=\"0\"\n            scrolling=\"no\"\n            allowfullscreen\n            mozallowfullscreen\n            webkitallowfullscreen\n            oallowfullscreen\n            msallowfullscreen`;\n\n        if (videoInfo.youtube) {\n            const videoId = 'lg-youtube' + index;\n\n            const embedUrl = getYouTubeEmbedUrl(\n                videoInfo,\n                this.settings.youTubePlayerParams,\n                src,\n                this.settings.youTubeNoCookie,\n            );\n\n            video = `<iframe allow=\"autoplay\" id=${videoId} class=\"lg-video-object lg-youtube ${addClass}\" ${videoTitle} src=\"${embedUrl}\" ${commonIframeProps}></iframe>`;\n        } else if (videoInfo.vimeo) {\n            const videoId = 'lg-vimeo' + index;\n            const embedUrl = getVimeoEmbedUrl(\n                videoInfo,\n                this.settings.vimeoPlayerParams,\n            );\n            video = `<iframe allow=\"autoplay\" id=${videoId} class=\"lg-video-object lg-vimeo ${addClass}\" ${videoTitle} src=\"${embedUrl}\" ${commonIframeProps}></iframe>`;\n        } else if (videoInfo.wistia) {\n            const wistiaId = 'lg-wistia' + index;\n            const embedUrl = getWistiaEmbedUrl(\n                videoInfo,\n                this.settings.wistiaPlayerParams,\n            );\n            video = `<iframe allow=\"autoplay\" id=\"${wistiaId}\" src=\"${embedUrl}\" ${videoTitle} class=\"wistia_embed lg-video-object lg-wistia ${addClass}\" name=\"wistia_embed\" ${commonIframeProps}></iframe>`;\n        } else if (videoInfo.html5) {\n            let html5VideoMarkup = '';\n            for (let i = 0; i < html5Video.source.length; i++) {\n                const type = html5Video.source[i].type;\n                const typeAttr = type ? `type=\"${type}\"` : '';\n                html5VideoMarkup += `<source src=\"${html5Video.source[i].src}\" ${typeAttr}>`;\n            }\n            if (html5Video.tracks) {\n                for (let i = 0; i < html5Video.tracks.length; i++) {\n                    let trackAttributes = '';\n                    const track = html5Video.tracks[i];\n                    Object.keys(track || {}).forEach(function (key) {\n                        trackAttributes += `${key}=\"${(track as any)[key]}\" `;\n                    });\n                    html5VideoMarkup += `<track ${trackAttributes}>`;\n                }\n            }\n\n            let html5VideoAttrs = '';\n            const videoAttributes = html5Video.attributes || {};\n            Object.keys(videoAttributes || {}).forEach(function (key) {\n                html5VideoAttrs += `${key}=\"${(videoAttributes as any)[key]}\" `;\n            });\n            video = `<video class=\"lg-video-object lg-html5 ${\n                this.settings.videojs && this.settings.videojsTheme\n                    ? this.settings.videojsTheme + ' '\n                    : ''\n            } ${this.settings.videojs ? ' video-js' : ''}\" ${html5VideoAttrs}>\n                ${html5VideoMarkup}\n                Your browser does not support HTML5 video.\n            </video>`;\n        }\n\n        return video;\n    }\n\n    /**\n     * @desc - Append videos to the slide\n     *\n     * @param {HTMLElement} el - slide element\n     * @param {Object} videoParams - Video parameters, Contains src, class, index, htmlVideo\n     */\n    appendVideos(\n        el: lgQuery,\n        videoParams: {\n            src: string;\n            addClass: string;\n            index: number;\n            html5Video: any;\n        },\n    ): any {\n        const videoHtml = this.getVideoHtml(\n            videoParams.src,\n            videoParams.addClass,\n            videoParams.index,\n            videoParams.html5Video,\n        );\n        el.find('.lg-video-cont').append(videoHtml);\n        const $videoElement = el.find('.lg-video-object').first();\n        if (videoParams.html5Video) {\n            $videoElement.on('mousedown.lg.video', (e) => {\n                e.stopPropagation();\n            });\n        }\n        if (\n            this.settings.videojs &&\n            this.core.galleryItems[videoParams.index].__slideVideoInfo?.html5\n        ) {\n            try {\n                return videojs(\n                    $videoElement.get(),\n                    this.settings.videojsOptions,\n                );\n            } catch (e) {\n                console.error(\n                    'lightGallery:- Make sure you have included videojs. See https://www.lightgalleryjs.com/demos/video-gallery/',\n                );\n            }\n        }\n    }\n\n    gotoNextSlideOnVideoEnd(src: any, index: number) {\n        const $videoElement = this.core\n            .getSlideItem(index)\n            .find('.lg-video-object')\n            .first();\n        const videoInfo = this.core.galleryItems[index].__slideVideoInfo || {};\n        if (this.settings.gotoNextSlideOnVideoEnd) {\n            if (videoInfo.html5) {\n                $videoElement.on('ended', () => {\n                    this.core.goToNextSlide();\n                });\n            } else if (videoInfo.vimeo) {\n                // https://github.com/vimeo/player.js/#ended\n                this.withVimeoApi(() => {\n                    new Vimeo.Player($videoElement.get()).on('ended', () => {\n                        this.core.goToNextSlide();\n                    });\n                });\n            } else if (videoInfo.wistia) {\n                // @todo Event is gettign triggered multiple times\n                this.pushWistiaCommand({\n                    id: $videoElement.attr('id'),\n                    onReady: (video: {\n                        bind: (arg0: string, arg1: () => void) => void;\n                    }) => {\n                        video.bind('end', () => {\n                            this.core.goToNextSlide();\n                        });\n                    },\n                });\n            }\n        }\n    }\n\n    /**\n     * Run a callback with the Vimeo player API available, loading\n     * player.js on demand at first use (lite-embed: no provider script\n     * before user intent). Errors keep the 2.x console message.\n     */\n    private withVimeoApi(callback: () => void): void {\n        const run = () => {\n            try {\n                callback();\n            } catch (e) {\n                console.error(\n                    'lightGallery:- Make sure you have included //github.com/vimeo/player.js. See https://www.lightgalleryjs.com/demos/video-gallery/',\n                );\n            }\n        };\n        if (window.Vimeo && window.Vimeo.Player) {\n            run();\n            return;\n        }\n        loadProviderScript(VIMEO_PLAYER_SCRIPT_URL).then(run);\n    }\n\n    /**\n     * Queue a Wistia command and load E-v1.js on demand, `_wq` is\n     * Wistia's own pre-load command queue, drained when the script lands.\n     */\n    private pushWistiaCommand(command: unknown): void {\n        try {\n            window._wq = window._wq || [];\n            window._wq.push(command);\n        } catch (e) {\n            console.error(\n                'lightGallery:- Make sure you have included //fast.wistia.com/assets/external/E-v1.js. See https://www.lightgalleryjs.com/demos/video-gallery/',\n            );\n            return;\n        }\n        if (!window.Wistia) {\n            loadProviderScript(WISTIA_PLAYER_SCRIPT_URL);\n        }\n    }\n\n    controlVideo(index: number, action: string) {\n        const $videoElement = this.core\n            .getSlideItem(index)\n            .find('.lg-video-object')\n            .first();\n        const videoInfo = this.core.galleryItems[index].__slideVideoInfo || {};\n\n        if (!$videoElement.get()) return;\n\n        if (videoInfo.youtube) {\n            try {\n                ($videoElement.get() as any).contentWindow.postMessage(\n                    `{\"event\":\"command\",\"func\":\"${action}Video\",\"args\":\"\"}`,\n                    '*',\n                );\n            } catch (e) {\n                console.error(`lightGallery:- ${e}`);\n            }\n        } else if (videoInfo.vimeo) {\n            this.withVimeoApi(() => {\n                new Vimeo.Player($videoElement.get())[action]();\n            });\n        } else if (videoInfo.html5) {\n            if (this.settings.videojs) {\n                try {\n                    (videojs($videoElement.get()) as any)[action as any]();\n                } catch (e) {\n                    console.error(\n                        'lightGallery:- Make sure you have included videojs. See https://www.lightgalleryjs.com/demos/video-gallery/',\n                    );\n                }\n            } else {\n                ($videoElement.get() as any)[action]();\n            }\n        } else if (videoInfo.wistia) {\n            // @todo Find a way to destroy wistia player instance\n            this.pushWistiaCommand({\n                id: $videoElement.attr('id'),\n                onReady: (video: any) => {\n                    video[action]();\n                },\n            });\n        }\n    }\n\n    loadVideoOnPosterClick($el: lgQuery, forcePlay?: boolean): void {\n        // check slide has poster\n        if (!$el.hasClass('lg-video-loaded')) {\n            // check already video element present\n            if (!$el.hasClass('lg-has-video')) {\n                $el.addClass('lg-has-video');\n\n                let _html;\n\n                const _src = this.core.galleryItems[this.core.index].src;\n                const video = this.core.galleryItems[this.core.index].video;\n                if (video) {\n                    _html =\n                        typeof video === 'string' ? JSON.parse(video) : video;\n                }\n\n                const videoJsPlayer = this.appendVideos($el, {\n                    src: _src as string,\n                    addClass: '',\n                    index: this.core.index,\n                    html5Video: _html,\n                });\n\n                this.gotoNextSlideOnVideoEnd(_src, this.core.index);\n\n                const $tempImg = $el.find('.lg-object').first().get();\n\n                // @todo make sure it is working\n                $el.find('.lg-video-cont').first().append($tempImg);\n                $el.addClass('lg-video-loading');\n\n                videoJsPlayer &&\n                    videoJsPlayer.ready(() => {\n                        videoJsPlayer.on('loadedmetadata', () => {\n                            this.onVideoLoadAfterPosterClick(\n                                $el,\n                                this.core.index,\n                            );\n                        });\n                    });\n\n                $el.find('.lg-video-object')\n                    .first()\n                    .on('load.lg error.lg loadedmetadata.lg', () => {\n                        setTimeout(() => {\n                            this.onVideoLoadAfterPosterClick(\n                                $el,\n                                this.core.index,\n                            );\n                        }, 50);\n                    });\n            } else {\n                this.playVideo(this.core.index);\n            }\n        } else if (forcePlay) {\n            this.playVideo(this.core.index);\n        }\n    }\n    onVideoLoadAfterPosterClick($el: lgQuery, index: number): void {\n        $el.addClass('lg-video-loaded');\n        this.playVideo(index);\n    }\n    destroy(): void {\n        this.core.LGel.off('.lg.video');\n        this.core.LGel.off('.video');\n    }\n}\n"],"names":["__spreadValues"],"mappings":"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"}

package/dist/plugins/video/lg-video.min.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).lgVideo=t()}(this,function(){"use strict";const e={autoplayFirstVideo:!0,videoFacade:!0,youTubeNoCookie:!0,youTubePlayerParams:!1,vimeoPlayerParams:!1,wistiaPlayerParams:!1,gotoNextSlideOnVideoEnd:!0,autoplayVideoOnSlide:!1,videojs:!1,videojsTheme:"",videojsOptions:{}};var t=Object.defineProperty,o=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,l=(e,o,i)=>o in e?t(e,o,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[o]=i,n=(e,t)=>{for(var n in t||(t={}))i.call(t,n)&&l(e,n,t[n]);if(o)for(var n of o(t))s.call(t,n)&&l(e,n,t[n]);return e};function d(e){return"object"==typeof e&&e?e:{}}function r(e){return Object.keys(e).map(t=>`${encodeURIComponent(t)}=${encodeURIComponent(e[t])}`).join("&")}function a(e,t,o,i=!0){if(!e.youtube)return;const s=e.youtube[2]?e.youtube[2].slice(1).split("&").map(e=>e.split("=")).reduce((e,t)=>{const[o,i]=t.map(decodeURIComponent);return o&&(e[o]=null!=i?i:""),e},{}):{};const l=n(n({wmode:"opaque",autoplay:0,mute:1,enablejsapi:1},d(t)),s),a=i||function(e){return e.includes("youtube-nocookie.com")}(o)?"//www.youtube-nocookie.com/":"//www.youtube.com/";return`${a}embed/${e.youtube[1]}?${r(l)}`}const c="lgHasVideo",h="lgSlideItemLoad",u="lgBeforeSlide",m="lgAfterSlide",g="lgPosterClick";var y=Object.defineProperty,p=Object.getOwnPropertySymbols,f=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable,w=(e,t,o)=>t in e?y(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,b=(e,t)=>{for(var o in t||(t={}))f.call(t,o)&&w(e,o,t[o]);if(p)for(var o of p(t))v.call(t,o)&&w(e,o,t[o]);return e};const V={};function $(e){return V[e]||(V[e]=new Promise(t=>{const o=document.createElement("script");o.src=e,o.async=!0,o.onload=()=>t(),o.onerror=()=>t(),document.head.appendChild(o)})),V[e]}return class{constructor(t){return this.core=t,this.settings=b(b({},e),this.core.settings),this}init(){this.core.LGel.on(`${c}.video`,this.onHasVideo.bind(this)),this.core.LGel.on(`${g}.video`,()=>{const e=this.core.getSlideItem(this.core.index);this.loadVideoOnPosterClick(e)}),this.core.LGel.on(`${h}.video`,this.onSlideItemLoad.bind(this)),this.core.LGel.on(`${u}.video`,this.onBeforeSlide.bind(this)),this.core.LGel.on(`${m}.video`,this.onAfterSlide.bind(this))}onSlideItemLoad(e){const{isFirstSlide:t,index:o}=e.detail;this.settings.autoplayFirstVideo&&t&&o===this.core.index&&setTimeout(()=>{this.loadAndPlayVideo(o)},200),!t&&this.settings.autoplayVideoOnSlide&&o===this.core.index&&this.loadAndPlayVideo(o)}onHasVideo(e){const{index:t,src:o,html5Video:i,hasPoster:s}=e.detail;s||(this.appendVideos(this.core.getSlideItem(t),{src:o,addClass:"lg-object",index:t,html5Video:i}),this.gotoNextSlideOnVideoEnd(o,t))}onBeforeSlide(e){if(this.core.lGalleryOn){const{prevIndex:t}=e.detail;this.pauseVideo(t)}}onAfterSlide(e){const{index:t,prevIndex:o}=e.detail,i=this.core.getSlideItem(t);this.settings.autoplayVideoOnSlide&&t!==o&&i.hasClass("lg-complete")&&setTimeout(()=>{this.loadAndPlayVideo(t)},100)}loadAndPlayVideo(e){const t=this.core.getSlideItem(e);this.core.galleryItems[e].poster?this.loadVideoOnPosterClick(t,!0):this.playVideo(e)}playVideo(e){this.controlVideo(e,"play")}pauseVideo(e){this.controlVideo(e,"pause")}getVideoHtml(e,t,o,i){let s="";const l=this.core.galleryItems[o].__slideVideoInfo||{},c=this.core.galleryItems[o];let h=c.title||c.alt;h=h?'title="'+h+'"':"";const u='allowtransparency="true"\n            frameborder="0"\n            scrolling="no"\n            allowfullscreen\n            mozallowfullscreen\n            webkitallowfullscreen\n            oallowfullscreen\n            msallowfullscreen';if(l.youtube){s=`<iframe allow="autoplay" id=${"lg-youtube"+o} class="lg-video-object lg-youtube ${t}" ${h} src="${a(l,this.settings.youTubePlayerParams,e,this.settings.youTubeNoCookie)}" ${u}></iframe>`}else if(l.vimeo){const e="lg-vimeo"+o,i=function(e,t){if(!e.vimeo)return;let o=e.vimeo[2]||"",i=r(n({autoplay:0,muted:1},d(t)));const s=((e.vimeo[0].split("/").pop()||"").split("?")[0]||"").split("#")[0],l=e.vimeo[1]!==s;l&&(o=o.replace(`/${s}`,"")),o="?"===o[0]?`&${o.slice(1)}`:o||"";const a=l?`h=${s}`:"";return i=a?`&${i}`:i,`//player.vimeo.com/video/${e.vimeo[1]}?${a}${i}${o}`}(l,this.settings.vimeoPlayerParams);s=`<iframe allow="autoplay" id=${e} class="lg-video-object lg-vimeo ${t}" ${h} src="${i}" ${u}></iframe>`}else if(l.wistia){const e="lg-wistia"+o,i=function(e,t){if(!e.wistia)return;const o=d(t),i=Object.keys(o).length?r(o):"";return`//fast.wistia.net/embed/iframe/${e.wistia[4]}${i?`?${i}`:""}`}(l,this.settings.wistiaPlayerParams);s=`<iframe allow="autoplay" id="${e}" src="${i}" ${h} class="wistia_embed lg-video-object lg-wistia ${t}" name="wistia_embed" ${u}></iframe>`}else if(l.html5){let e="";for(let s=0;s<i.source.length;s++){const t=i.source[s].type,o=t?`type="${t}"`:"";e+=`<source src="${i.source[s].src}" ${o}>`}if(i.tracks)for(let s=0;s<i.tracks.length;s++){let t="";const o=i.tracks[s];Object.keys(o||{}).forEach(function(e){t+=`${e}="${o[e]}" `}),e+=`<track ${t}>`}let t="";const o=i.attributes||{};Object.keys(o||{}).forEach(function(e){t+=`${e}="${o[e]}" `}),s=`<video class="lg-video-object lg-html5 ${this.settings.videojs&&this.settings.videojsTheme?this.settings.videojsTheme+" ":""} ${this.settings.videojs?" video-js":""}" ${t}>\n                ${e}\n                Your browser does not support HTML5 video.\n            </video>`}return s}appendVideos(e,t){var o;const i=this.getVideoHtml(t.src,t.addClass,t.index,t.html5Video);e.find(".lg-video-cont").append(i);const s=e.find(".lg-video-object").first();if(t.html5Video&&s.on("mousedown.lg.video",e=>{e.stopPropagation()}),this.settings.videojs&&(null==(o=this.core.galleryItems[t.index].__slideVideoInfo)?void 0:o.html5))try{return videojs(s.get(),this.settings.videojsOptions)}catch(l){console.error("lightGallery:- Make sure you have included videojs. See https://www.lightgalleryjs.com/demos/video-gallery/")}}gotoNextSlideOnVideoEnd(e,t){const o=this.core.getSlideItem(t).find(".lg-video-object").first(),i=this.core.galleryItems[t].__slideVideoInfo||{};this.settings.gotoNextSlideOnVideoEnd&&(i.html5?o.on("ended",()=>{this.core.goToNextSlide()}):i.vimeo?this.withVimeoApi(()=>{new Vimeo.Player(o.get()).on("ended",()=>{this.core.goToNextSlide()})}):i.wistia&&this.pushWistiaCommand({id:o.attr("id"),onReady:e=>{e.bind("end",()=>{this.core.goToNextSlide()})}}))}withVimeoApi(e){const t=()=>{try{e()}catch(t){console.error("lightGallery:- Make sure you have included //github.com/vimeo/player.js. See https://www.lightgalleryjs.com/demos/video-gallery/")}};window.Vimeo&&window.Vimeo.Player?t():$("https://player.vimeo.com/api/player.js").then(t)}pushWistiaCommand(e){try{window._wq=window._wq||[],window._wq.push(e)}catch(t){return void console.error("lightGallery:- Make sure you have included //fast.wistia.com/assets/external/E-v1.js. See https://www.lightgalleryjs.com/demos/video-gallery/")}window.Wistia||$("https://fast.wistia.com/assets/external/E-v1.js")}controlVideo(e,t){const o=this.core.getSlideItem(e).find(".lg-video-object").first(),i=this.core.galleryItems[e].__slideVideoInfo||{};if(o.get())if(i.youtube)try{o.get().contentWindow.postMessage(`{"event":"command","func":"${t}Video","args":""}`,"*")}catch(s){console.error(`lightGallery:- ${s}`)}else if(i.vimeo)this.withVimeoApi(()=>{new Vimeo.Player(o.get())[t]()});else if(i.html5)if(this.settings.videojs)try{videojs(o.get())[t]()}catch(s){console.error("lightGallery:- Make sure you have included videojs. See https://www.lightgalleryjs.com/demos/video-gallery/")}else o.get()[t]();else i.wistia&&this.pushWistiaCommand({id:o.attr("id"),onReady:e=>{e[t]()}})}loadVideoOnPosterClick(e,t){if(e.hasClass("lg-video-loaded"))t&&this.playVideo(this.core.index);else if(e.hasClass("lg-has-video"))this.playVideo(this.core.index);else{let t;e.addClass("lg-has-video");const o=this.core.galleryItems[this.core.index].src,i=this.core.galleryItems[this.core.index].video;i&&(t="string"==typeof i?JSON.parse(i):i);const s=this.appendVideos(e,{src:o,addClass:"",index:this.core.index,html5Video:t});this.gotoNextSlideOnVideoEnd(o,this.core.index);const l=e.find(".lg-object").first().get();e.find(".lg-video-cont").first().append(l),e.addClass("lg-video-loading"),s&&s.ready(()=>{s.on("loadedmetadata",()=>{this.onVideoLoadAfterPosterClick(e,this.core.index)})}),e.find(".lg-video-object").first().on("load.lg error.lg loadedmetadata.lg",()=>{setTimeout(()=>{this.onVideoLoadAfterPosterClick(e,this.core.index)},50)})}}onVideoLoadAfterPosterClick(e,t){e.addClass("lg-video-loaded"),this.playVideo(t)}destroy(){this.core.LGel.off(".lg.video"),this.core.LGel.off(".video")}}});