lightgallery 2.9.0-beta.1 → 3.0.0-beta.2

package/dist/plugins/vimeoThumbnail/lg-vimeo-thumbnail.es5.js

@@ -0,0 +1,72 @@
+/*!
+ * lightgallery | 3.0.0-beta.2 | October 1st 2026
+ * http://www.lightgalleryjs.com/
+ * Copyright (c) 2020 Sachin Neravath;
+ * @license GPLv3
+ */
+const lGEvents = {
+  init: "lgInit"
+};
+const vimeoSettings = {
+  showVimeoThumbnails: true,
+  showThumbnailWithPlayButton: false
+};
+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;
+};
+class VimeoThumbnail {
+  constructor(instance) {
+    this.core = instance;
+    this.settings = __spreadValues(__spreadValues({}, vimeoSettings), this.core.settings);
+    return this;
+  }
+  init() {
+    if (!this.settings.showVimeoThumbnails) {
+      return;
+    }
+    this.core.LGel.on(`${lGEvents.init}.vimeothumbnails`, (event) => {
+      const pluginInstance = event.detail.instance;
+      const thumbCont = pluginInstance.$container.find(".lg-thumb-outer").get();
+      if (thumbCont) {
+        this.setVimeoThumbnails(pluginInstance);
+      }
+    });
+  }
+  async setVimeoThumbnails(dynamicGallery) {
+    for (let i = 0; i < dynamicGallery.galleryItems.length; i++) {
+      const item = dynamicGallery.galleryItems[i];
+      const slideVideoInfo = item.__slideVideoInfo || {};
+      if (slideVideoInfo.vimeo) {
+        const response = await fetch(
+          "https://vimeo.com/api/oembed.json?url=" + encodeURIComponent(item.src)
+        );
+        const vimeoInfo = await response.json();
+        dynamicGallery.$container.find(".lg-thumb-item").eq(i).find("img").attr(
+          "src",
+          this.settings.showThumbnailWithPlayButton ? vimeoInfo.thumbnail_url_with_play_button : vimeoInfo.thumbnail_url
+        );
+      }
+    }
+  }
+  destroy() {
+    this.core.LGel.off(".lg.vimeothumbnails");
+    this.core.LGel.off(".vimeothumbnails");
+  }
+}
+export {
+  VimeoThumbnail as default
+};
+//# sourceMappingURL=lg-vimeo-thumbnail.es5.js.map

package/dist/plugins/vimeoThumbnail/lg-vimeo-thumbnail.es5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lg-vimeo-thumbnail.es5.js","sources":["../../../src/lg-events.ts","../../../src/plugins/vimeoThumbnail/lg-vimeo-thumbnail-settings.ts","../../../src/plugins/vimeoThumbnail/lg-vimeo-thumbnail.ts"],"sourcesContent":["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","export interface VimeoThumbnailSettings {\n    /**\n     * Auto load thumbnails for Vimeo videos\n     */\n    showVimeoThumbnails: boolean;\n\n    /**\n     * Show thumbnails with play button\n     */\n    showThumbnailWithPlayButton: boolean;\n}\nexport const vimeoSettings: VimeoThumbnailSettings = {\n    showVimeoThumbnails: true,\n    showThumbnailWithPlayButton: false,\n};\n","import { lGEvents } from '../../lg-events';\nimport { LightGallery } from '../../lightgallery';\nimport {\n    vimeoSettings,\n    VimeoThumbnailSettings,\n} from './lg-vimeo-thumbnail-settings';\n\n/**\n * Creates the vimeo thumbnails plugin.\n * @param {object} element - lightGallery element\n */\nexport default class VimeoThumbnail {\n    core: LightGallery;\n    settings: VimeoThumbnailSettings;\n\n    constructor(instance: LightGallery) {\n        this.core = instance;\n\n        // extend module default settings with lightGallery core settings\n        this.settings = { ...vimeoSettings, ...this.core.settings };\n\n        return this;\n    }\n\n    public init(): void {\n        if (!this.settings.showVimeoThumbnails) {\n            return;\n        }\n\n        this.core.LGel.on(`${lGEvents.init}.vimeothumbnails`, (event) => {\n            const pluginInstance = event.detail.instance;\n            const thumbCont = pluginInstance.$container\n                .find('.lg-thumb-outer')\n                .get();\n            if (thumbCont) {\n                this.setVimeoThumbnails(pluginInstance);\n            }\n        });\n    }\n\n    async setVimeoThumbnails(dynamicGallery: LightGallery): Promise<void> {\n        for (let i = 0; i < dynamicGallery.galleryItems.length; i++) {\n            const item = dynamicGallery.galleryItems[i];\n            const slideVideoInfo = item.__slideVideoInfo || {};\n            if (slideVideoInfo.vimeo) {\n                const response = await fetch(\n                    'https://vimeo.com/api/oembed.json?url=' +\n                        encodeURIComponent(item.src as string),\n                );\n                const vimeoInfo = await response.json();\n                dynamicGallery.$container\n                    .find('.lg-thumb-item')\n                    .eq(i)\n                    .find('img')\n                    .attr(\n                        'src',\n                        this.settings.showThumbnailWithPlayButton\n                            ? vimeoInfo.thumbnail_url_with_play_button\n                            : vimeoInfo.thumbnail_url,\n                    );\n            }\n        }\n    }\n\n    public destroy(): void {\n        // Remove all event listeners added by vimeothumbnails plugin\n        this.core.LGel.off('.lg.vimeothumbnails');\n        this.core.LGel.off('.vimeothumbnails');\n    }\n}\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,WAET;AAAA,EAEA,MAAM;AAyBV;AC1BO,MAAM,gBAAwC;AAAA,EACjD,qBAAqB;AAAA,EACrB,6BAA6B;AACjC;;;;;;;;;;;;;;;;;ACHA,MAAqB,eAAe;AAAA,EAIhC,YAAY,UAAwB;AAChC,SAAK,OAAO;AAGZ,SAAK,WAAW,eAAA,eAAA,CAAA,GAAK,aAAA,GAAkB,KAAK,KAAK,QAAA;AAEjD,WAAO;AAAA,EACX;AAAA,EAEO,OAAa;AAChB,QAAI,CAAC,KAAK,SAAS,qBAAqB;AACpC;AAAA,IACJ;AAEA,SAAK,KAAK,KAAK,GAAG,GAAG,SAAS,IAAI,oBAAoB,CAAC,UAAU;AAC7D,YAAM,iBAAiB,MAAM,OAAO;AACpC,YAAM,YAAY,eAAe,WAC5B,KAAK,iBAAiB,EACtB,IAAA;AACL,UAAI,WAAW;AACX,aAAK,mBAAmB,cAAc;AAAA,MAC1C;AAAA,IACJ,CAAC;AAAA,EACL;AAAA,EAEA,MAAM,mBAAmB,gBAA6C;AAClE,aAAS,IAAI,GAAG,IAAI,eAAe,aAAa,QAAQ,KAAK;AACzD,YAAM,OAAO,eAAe,aAAa,CAAC;AAC1C,YAAM,iBAAiB,KAAK,oBAAoB,CAAA;AAChD,UAAI,eAAe,OAAO;AACtB,cAAM,WAAW,MAAM;AAAA,UACnB,2CACI,mBAAmB,KAAK,GAAa;AAAA,QAAA;AAE7C,cAAM,YAAY,MAAM,SAAS,KAAA;AACjC,uBAAe,WACV,KAAK,gBAAgB,EACrB,GAAG,CAAC,EACJ,KAAK,KAAK,EACV;AAAA,UACG;AAAA,UACA,KAAK,SAAS,8BACR,UAAU,iCACV,UAAU;AAAA,QAAA;AAAA,MAE5B;AAAA,IACJ;AAAA,EACJ;AAAA,EAEO,UAAgB;AAEnB,SAAK,KAAK,KAAK,IAAI,qBAAqB;AACxC,SAAK,KAAK,KAAK,IAAI,kBAAkB;AAAA,EACzC;AACJ;"}

package/dist/plugins/vimeoThumbnail/lg-vimeo-thumbnail.min.js

@@ -0,0 +1 @@
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).lgVimeoThumbnail=e()}(this,function(){"use strict";const t="lgInit",e={showVimeoThumbnails:!0,showThumbnailWithPlayButton:!1};var i=Object.defineProperty,o=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,l=(t,e,o)=>e in t?i(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o,r=(t,e)=>{for(var i in e||(e={}))n.call(e,i)&&l(t,i,e[i]);if(o)for(var i of o(e))s.call(e,i)&&l(t,i,e[i]);return t};return class{constructor(t){return this.core=t,this.settings=r(r({},e),this.core.settings),this}init(){this.settings.showVimeoThumbnails&&this.core.LGel.on(`${t}.vimeothumbnails`,t=>{const e=t.detail.instance;e.$container.find(".lg-thumb-outer").get()&&this.setVimeoThumbnails(e)})}async setVimeoThumbnails(t){for(let e=0;e<t.galleryItems.length;e++){const i=t.galleryItems[e];if((i.__slideVideoInfo||{}).vimeo){const o=await fetch("https://vimeo.com/api/oembed.json?url="+encodeURIComponent(i.src)),n=await o.json();t.$container.find(".lg-thumb-item").eq(e).find("img").attr("src",this.settings.showThumbnailWithPlayButton?n.thumbnail_url_with_play_button:n.thumbnail_url)}}}destroy(){this.core.LGel.off(".lg.vimeothumbnails"),this.core.LGel.off(".vimeothumbnails")}}});

package/dist/plugins/vimeoThumbnail/lg-vimeo-thumbnail.umd.js

@@ -0,0 +1,75 @@
+(function(global, factory) {
+  typeof exports === "object" && typeof module !== "undefined" ? module.exports = factory() : typeof define === "function" && define.amd ? define(factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, global.lgVimeoThumbnail = factory());
+})(this, function() {
+  "use strict";/*!
+ * lightgallery | 3.0.0-beta.2 | October 1st 2026
+ * http://www.lightgalleryjs.com/
+ * Copyright (c) 2020 Sachin Neravath;
+ * @license GPLv3
+ */
+
+  const lGEvents = {
+    init: "lgInit"
+  };
+  const vimeoSettings = {
+    showVimeoThumbnails: true,
+    showThumbnailWithPlayButton: false
+  };
+  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;
+  };
+  class VimeoThumbnail {
+    constructor(instance) {
+      this.core = instance;
+      this.settings = __spreadValues(__spreadValues({}, vimeoSettings), this.core.settings);
+      return this;
+    }
+    init() {
+      if (!this.settings.showVimeoThumbnails) {
+        return;
+      }
+      this.core.LGel.on(`${lGEvents.init}.vimeothumbnails`, (event) => {
+        const pluginInstance = event.detail.instance;
+        const thumbCont = pluginInstance.$container.find(".lg-thumb-outer").get();
+        if (thumbCont) {
+          this.setVimeoThumbnails(pluginInstance);
+        }
+      });
+    }
+    async setVimeoThumbnails(dynamicGallery) {
+      for (let i = 0; i < dynamicGallery.galleryItems.length; i++) {
+        const item = dynamicGallery.galleryItems[i];
+        const slideVideoInfo = item.__slideVideoInfo || {};
+        if (slideVideoInfo.vimeo) {
+          const response = await fetch(
+            "https://vimeo.com/api/oembed.json?url=" + encodeURIComponent(item.src)
+          );
+          const vimeoInfo = await response.json();
+          dynamicGallery.$container.find(".lg-thumb-item").eq(i).find("img").attr(
+            "src",
+            this.settings.showThumbnailWithPlayButton ? vimeoInfo.thumbnail_url_with_play_button : vimeoInfo.thumbnail_url
+          );
+        }
+      }
+    }
+    destroy() {
+      this.core.LGel.off(".lg.vimeothumbnails");
+      this.core.LGel.off(".vimeothumbnails");
+    }
+  }
+  return VimeoThumbnail;
+});
+//# sourceMappingURL=lg-vimeo-thumbnail.umd.js.map

package/dist/plugins/vimeoThumbnail/lg-vimeo-thumbnail.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lg-vimeo-thumbnail.umd.js","sources":["../../../src/lg-events.ts","../../../src/plugins/vimeoThumbnail/lg-vimeo-thumbnail-settings.ts","../../../src/plugins/vimeoThumbnail/lg-vimeo-thumbnail.ts"],"sourcesContent":["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","export interface VimeoThumbnailSettings {\n    /**\n     * Auto load thumbnails for Vimeo videos\n     */\n    showVimeoThumbnails: boolean;\n\n    /**\n     * Show thumbnails with play button\n     */\n    showThumbnailWithPlayButton: boolean;\n}\nexport const vimeoSettings: VimeoThumbnailSettings = {\n    showVimeoThumbnails: true,\n    showThumbnailWithPlayButton: false,\n};\n","import { lGEvents } from '../../lg-events';\nimport { LightGallery } from '../../lightgallery';\nimport {\n    vimeoSettings,\n    VimeoThumbnailSettings,\n} from './lg-vimeo-thumbnail-settings';\n\n/**\n * Creates the vimeo thumbnails plugin.\n * @param {object} element - lightGallery element\n */\nexport default class VimeoThumbnail {\n    core: LightGallery;\n    settings: VimeoThumbnailSettings;\n\n    constructor(instance: LightGallery) {\n        this.core = instance;\n\n        // extend module default settings with lightGallery core settings\n        this.settings = { ...vimeoSettings, ...this.core.settings };\n\n        return this;\n    }\n\n    public init(): void {\n        if (!this.settings.showVimeoThumbnails) {\n            return;\n        }\n\n        this.core.LGel.on(`${lGEvents.init}.vimeothumbnails`, (event) => {\n            const pluginInstance = event.detail.instance;\n            const thumbCont = pluginInstance.$container\n                .find('.lg-thumb-outer')\n                .get();\n            if (thumbCont) {\n                this.setVimeoThumbnails(pluginInstance);\n            }\n        });\n    }\n\n    async setVimeoThumbnails(dynamicGallery: LightGallery): Promise<void> {\n        for (let i = 0; i < dynamicGallery.galleryItems.length; i++) {\n            const item = dynamicGallery.galleryItems[i];\n            const slideVideoInfo = item.__slideVideoInfo || {};\n            if (slideVideoInfo.vimeo) {\n                const response = await fetch(\n                    'https://vimeo.com/api/oembed.json?url=' +\n                        encodeURIComponent(item.src as string),\n                );\n                const vimeoInfo = await response.json();\n                dynamicGallery.$container\n                    .find('.lg-thumb-item')\n                    .eq(i)\n                    .find('img')\n                    .attr(\n                        'src',\n                        this.settings.showThumbnailWithPlayButton\n                            ? vimeoInfo.thumbnail_url_with_play_button\n                            : vimeoInfo.thumbnail_url,\n                    );\n            }\n        }\n    }\n\n    public destroy(): void {\n        // Remove all event listeners added by vimeothumbnails plugin\n        this.core.LGel.off('.lg.vimeothumbnails');\n        this.core.LGel.off('.vimeothumbnails');\n    }\n}\n"],"names":[],"mappings":";;;;;;;;;;AAQO,QAAM,WAET;AAAA,IAEA,MAAM;AAAA,EAyBV;AC1BO,QAAM,gBAAwC;AAAA,IACjD,qBAAqB;AAAA,IACrB,6BAA6B;AAAA,EACjC;;;;;;;;;;;;;;;;;ECHA,MAAqB,eAAe;AAAA,IAIhC,YAAY,UAAwB;AAChC,WAAK,OAAO;AAGZ,WAAK,WAAW,eAAA,eAAA,CAAA,GAAK,aAAA,GAAkB,KAAK,KAAK,QAAA;AAEjD,aAAO;AAAA,IACX;AAAA,IAEO,OAAa;AAChB,UAAI,CAAC,KAAK,SAAS,qBAAqB;AACpC;AAAA,MACJ;AAEA,WAAK,KAAK,KAAK,GAAG,GAAG,SAAS,IAAI,oBAAoB,CAAC,UAAU;AAC7D,cAAM,iBAAiB,MAAM,OAAO;AACpC,cAAM,YAAY,eAAe,WAC5B,KAAK,iBAAiB,EACtB,IAAA;AACL,YAAI,WAAW;AACX,eAAK,mBAAmB,cAAc;AAAA,QAC1C;AAAA,MACJ,CAAC;AAAA,IACL;AAAA,IAEA,MAAM,mBAAmB,gBAA6C;AAClE,eAAS,IAAI,GAAG,IAAI,eAAe,aAAa,QAAQ,KAAK;AACzD,cAAM,OAAO,eAAe,aAAa,CAAC;AAC1C,cAAM,iBAAiB,KAAK,oBAAoB,CAAA;AAChD,YAAI,eAAe,OAAO;AACtB,gBAAM,WAAW,MAAM;AAAA,YACnB,2CACI,mBAAmB,KAAK,GAAa;AAAA,UAAA;AAE7C,gBAAM,YAAY,MAAM,SAAS,KAAA;AACjC,yBAAe,WACV,KAAK,gBAAgB,EACrB,GAAG,CAAC,EACJ,KAAK,KAAK,EACV;AAAA,YACG;AAAA,YACA,KAAK,SAAS,8BACR,UAAU,iCACV,UAAU;AAAA,UAAA;AAAA,QAE5B;AAAA,MACJ;AAAA,IACJ;AAAA,IAEO,UAAgB;AAEnB,WAAK,KAAK,KAAK,IAAI,qBAAqB;AACxC,WAAK,KAAK,KAAK,IAAI,kBAAkB;AAAA,IACzC;AAAA,EACJ;;;"}

package/dist/plugins/vimeoThumbnail/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "lightgallery/plugins/vimeoThumbnail",
+  "private": true,
+  "main": "lg-vimeo-thumbnail.umd.js",
+  "module": "lg-vimeo-thumbnail.es5.js",
+  "typings": "lg-vimeo-thumbnail.d.ts"
+}