j1-template 2024.3.23 → 2024.3.24

data/assets/theme/j1/modules/lightGallery/!v2.7.2/js/plugins/lg-zoom.min.js

@@ -1,26 +0,0 @@
-/*
- # -----------------------------------------------------------------------------
- # ~/assets/theme/j1/modules/lightGallery/js/plugins/lg-zoom.min.js
- # Provides lightGallery JS code for the plugin lgZoom
- #
- # Product/Info:
- # https://jekyll.one
- #
- # Copyright (C) 2025 Sachin Neravath
- # Copyright (C) 2023-2025 Juergen Adams
- #
- # J1 Template is licensed under the MIT License.
- # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE
- # lightGallery is licensed under the GPLv3 license
- # See: https://github.com/sachinchoolur/lightGallery/blob/master/LICENSE
- # -----------------------------------------------------------------------------
-*/
-
-/**
- * lightgallery | 2.7.2 | September 20th 2023
- * http://www.lightgalleryjs.com/
- * Copyright (c) 2020 Sachin Neravath;
- * @license GPLv3
- */
-
-!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).lgZoom=t()}(this,(function(){"use strict";var e=function(){return(e=Object.assign||function(e){for(var t,o=1,i=arguments.length;o<i;o++)for(var s in t=arguments[o])Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s]);return e}).apply(this,arguments)},t={scale:1,zoom:!0,infiniteZoom:!0,actualSize:!0,showZoomInOutIcons:!1,actualSizeIcons:{zoomIn:"lg-zoom-in",zoomOut:"lg-zoom-out"},enableZoomAfter:300,zoomPluginStrings:{zoomIn:"Zoom in",zoomOut:"Zoom out",viewActualSize:"View actual size"}},o="lgContainerResize",i="lgBeforeOpen",s="lgAfterOpen",a="lgSlideItemLoad",n="lgAfterSlide",r="lgRotateLeft",l="lgRotateRight",g="lgFlipHorizontal",c="lgFlipVertical";return function(){function h(o,i){return this.core=o,this.$LG=i,this.settings=e(e({},t),this.core.settings),this}return h.prototype.buildTemplates=function(){var e=this.settings.showZoomInOutIcons?'<button id="'+this.core.getIdName("lg-zoom-in")+'" type="button" aria-label="'+this.settings.zoomPluginStrings.zoomIn+'" class="lg-zoom-in lg-icon"></button><button id="'+this.core.getIdName("lg-zoom-out")+'" type="button" aria-label="'+this.settings.zoomPluginStrings.zoomIn+'" class="lg-zoom-out lg-icon"></button>':"";this.settings.actualSize&&(e+='<button id="'+this.core.getIdName("lg-actual-size")+'" type="button" aria-label="'+this.settings.zoomPluginStrings.viewActualSize+'" class="'+this.settings.actualSizeIcons.zoomIn+' lg-icon"></button>'),this.core.outer.addClass("lg-use-transition-for-zoom"),this.core.$toolbar.first().append(e)},h.prototype.enableZoom=function(e){var t=this,o=this.settings.enableZoomAfter+e.detail.delay;this.$LG("body").first().hasClass("lg-from-hash")&&e.detail.delay?o=0:this.$LG("body").first().removeClass("lg-from-hash"),this.zoomableTimeout=setTimeout((function(){t.isImageSlide(t.core.index)&&(t.core.getSlideItem(e.detail.index).addClass("lg-zoomable"),e.detail.index===t.core.index&&t.setZoomEssentials())}),o+30)},h.prototype.enableZoomOnSlideItemLoad=function(){this.core.LGel.on(a+".zoom",this.enableZoom.bind(this))},h.prototype.getDragCords=function(e){return{x:e.pageX,y:e.pageY}},h.prototype.getSwipeCords=function(e){return{x:e.touches[0].pageX,y:e.touches[0].pageY}},h.prototype.getDragAllowedAxises=function(e,t){var o=this.core.getSlideItem(this.core.index).find(".lg-image").first().get(),i=0,s=0,a=o.getBoundingClientRect();e?(i=o.offsetHeight*e,s=o.offsetWidth*e):t?(i=a.height+t*a.height,s=a.width+t*a.width):(i=a.height,s=a.width);var n=i>this.containerRect.height;return{allowX:s>this.containerRect.width,allowY:n}},h.prototype.setZoomEssentials=function(){this.containerRect=this.core.$content.get().getBoundingClientRect()},h.prototype.zoomImage=function(e,t,o,i){if(!(Math.abs(t)<=0)){var s,a,n=this.containerRect.width/2+this.containerRect.left,r=this.containerRect.height/2+this.containerRect.top+this.scrollTop;1===e&&(this.positionChanged=!1);var l=this.getDragAllowedAxises(0,t),g=l.allowY,c=l.allowX;this.positionChanged&&(s=this.left/(this.scale-t),a=this.top/(this.scale-t),this.pageX=n-s,this.pageY=r-a,this.positionChanged=!1);var h,m,u=this.getPossibleSwipeDragCords(t),d=n-this.pageX,f=r-this.pageY;if(e-t>1){var p=(e-t)/Math.abs(t);h=(d=(t<0?-d:d)+this.left*(p+(t<0?-1:1)))/p,m=(f=(t<0?-f:f)+this.top*(p+(t<0?-1:1)))/p}else{h=d*(p=(e-t)*t),m=f*p}o&&(c?this.isBeyondPossibleLeft(h,u.minX)?h=u.minX:this.isBeyondPossibleRight(h,u.maxX)&&(h=u.maxX):e>1&&(h<u.minX?h=u.minX:h>u.maxX&&(h=u.maxX)),g?this.isBeyondPossibleTop(m,u.minY)?m=u.minY:this.isBeyondPossibleBottom(m,u.maxY)&&(m=u.maxY):e>1&&(m<u.minY?m=u.minY:m>u.maxY&&(m=u.maxY))),this.setZoomStyles({x:h,y:m,scale:e}),this.left=h,this.top=m,i&&this.setZoomImageSize()}},h.prototype.resetImageTranslate=function(e){if(this.isImageSlide(e)){var t=this.core.getSlideItem(e).find(".lg-image").first();this.imageReset=!1,t.removeClass("reset-transition reset-transition-y reset-transition-x"),this.core.outer.removeClass("lg-actual-size"),t.css("width","auto").css("height","auto"),setTimeout((function(){t.removeClass("no-transition")}),10)}},h.prototype.setZoomImageSize=function(){var e=this,t=this.core.getSlideItem(this.core.index).find(".lg-image").first();setTimeout((function(){var o=e.getCurrentImageActualSizeScale();e.scale>=o&&(t.addClass("no-transition"),e.imageReset=!0)}),500),setTimeout((function(){var o=e.getCurrentImageActualSizeScale();if(e.scale>=o){var i=e.getDragAllowedAxises(e.scale);t.css("width",t.get().naturalWidth+"px").css("height",t.get().naturalHeight+"px"),e.core.outer.addClass("lg-actual-size"),i.allowX&&i.allowY?t.addClass("reset-transition"):i.allowX&&!i.allowY?t.addClass("reset-transition-x"):!i.allowX&&i.allowY&&t.addClass("reset-transition-y")}}),550)},h.prototype.setZoomStyles=function(e){var t=this.core.getSlideItem(this.core.index).find(".lg-img-wrap").first(),o=this.core.getSlideItem(this.core.index).find(".lg-image").first(),i=this.core.outer.find(".lg-current .lg-dummy-img").first();this.scale=e.scale,o.css("transform","scale3d("+e.scale+", "+e.scale+", 1)"),i.css("transform","scale3d("+e.scale+", "+e.scale+", 1)");var s="translate3d("+e.x+"px, "+e.y+"px, 0)";t.css("transform",s)},h.prototype.setActualSize=function(e,t){var o=this;if(!this.zoomInProgress){this.zoomInProgress=!0;var i=this.core.galleryItems[this.core.index];this.resetImageTranslate(e),setTimeout((function(){if(i.src&&!o.core.outer.hasClass("lg-first-slide-loading")){var e=o.getCurrentImageActualSizeScale(),s=o.scale;o.core.outer.hasClass("lg-zoomed")?o.scale=1:o.scale=o.getScale(e),o.setPageCords(t),o.beginZoom(o.scale),o.zoomImage(o.scale,o.scale-s,!0,!0)}}),50),setTimeout((function(){o.core.outer.removeClass("lg-grabbing").addClass("lg-grab")}),60),setTimeout((function(){o.zoomInProgress=!1}),610)}},h.prototype.getNaturalWidth=function(e){var t=this.core.getSlideItem(e).find(".lg-image").first(),o=this.core.galleryItems[e].width;return o?parseFloat(o):t.get().naturalWidth},h.prototype.getActualSizeScale=function(e,t){return e>=t?e/t||2:1},h.prototype.getCurrentImageActualSizeScale=function(){var e=this.core.getSlideItem(this.core.index).find(".lg-image").first().get().offsetWidth,t=this.getNaturalWidth(this.core.index)||e;return this.getActualSizeScale(t,e)},h.prototype.getPageCords=function(e){var t={};if(e)t.x=e.pageX||e.touches[0].pageX,t.y=e.pageY||e.touches[0].pageY;else{var o=this.core.$content.get().getBoundingClientRect();t.x=o.width/2+o.left,t.y=o.height/2+this.scrollTop+o.top}return t},h.prototype.setPageCords=function(e){var t=this.getPageCords(e);this.pageX=t.x,this.pageY=t.y},h.prototype.manageActualPixelClassNames=function(){this.core.getElementById("lg-actual-size").removeClass(this.settings.actualSizeIcons.zoomIn).addClass(this.settings.actualSizeIcons.zoomOut)},h.prototype.beginZoom=function(e){return this.core.outer.removeClass("lg-zoom-drag-transition lg-zoom-dragging"),e>1?(this.core.outer.addClass("lg-zoomed"),this.manageActualPixelClassNames()):this.resetZoom(),e>1},h.prototype.getScale=function(e){var t=this.getCurrentImageActualSizeScale();return e<1?e=1:e>t&&(e=t),e},h.prototype.init=function(){var e=this;if(this.settings.zoom){this.buildTemplates(),this.enableZoomOnSlideItemLoad();var t=null;this.core.outer.on("dblclick.lg",(function(t){e.$LG(t.target).hasClass("lg-image")&&e.setActualSize(e.core.index,t)})),this.core.outer.on("touchstart.lg",(function(o){var i=e.$LG(o.target);1===o.touches.length&&i.hasClass("lg-image")&&(t?(clearTimeout(t),t=null,o.preventDefault(),e.setActualSize(e.core.index,o)):t=setTimeout((function(){t=null}),300))})),this.core.LGel.on(o+".zoom "+l+".zoom "+r+".zoom "+g+".zoom "+c+".zoom",(function(){if(e.core.lgOpened&&e.isImageSlide(e.core.index)&&!e.core.touchAction){var t=e.core.getSlideItem(e.core.index).find(".lg-img-wrap").first();e.top=0,e.left=0,e.setZoomEssentials(),e.setZoomSwipeStyles(t,{x:0,y:0}),e.positionChanged=!0}})),this.$LG(window).on("scroll.lg.zoom.global"+this.core.lgId,(function(){e.core.lgOpened&&(e.scrollTop=e.$LG(window).scrollTop())})),this.core.getElementById("lg-zoom-out").on("click.lg",(function(){if(e.isImageSlide(e.core.index)){var t=0;e.imageReset&&(e.resetImageTranslate(e.core.index),t=50),setTimeout((function(){var t=e.scale-e.settings.scale;t<1&&(t=1),e.beginZoom(t),e.zoomImage(t,-e.settings.scale,!0,!e.settings.infiniteZoom)}),t)}})),this.core.getElementById("lg-zoom-in").on("click.lg",(function(){e.zoomIn()})),this.core.getElementById("lg-actual-size").on("click.lg",(function(){e.setActualSize(e.core.index)})),this.core.LGel.on(i+".zoom",(function(){e.core.outer.find(".lg-item").removeClass("lg-zoomable")})),this.core.LGel.on(s+".zoom",(function(){e.scrollTop=e.$LG(window).scrollTop(),e.pageX=e.core.outer.width()/2,e.pageY=e.core.outer.height()/2+e.scrollTop,e.scale=1})),this.core.LGel.on(n+".zoom",(function(t){var o=t.detail.prevIndex;e.scale=1,e.positionChanged=!1,e.zoomInProgress=!1,e.resetZoom(o),e.resetImageTranslate(o),e.isImageSlide(e.core.index)&&e.setZoomEssentials()})),this.zoomDrag(),this.pinchZoom(),this.zoomSwipe(),this.zoomableTimeout=!1,this.positionChanged=!1,this.zoomInProgress=!1}},h.prototype.zoomIn=function(){if(this.isImageSlide(this.core.index)){var e=this.scale+this.settings.scale;this.settings.infiniteZoom||(e=this.getScale(e)),this.beginZoom(e),this.zoomImage(e,Math.min(this.settings.scale,e-this.scale),!0,!this.settings.infiniteZoom)}},h.prototype.resetZoom=function(e){this.core.outer.removeClass("lg-zoomed lg-zoom-drag-transition");var t=this.core.getElementById("lg-actual-size"),o=this.core.getSlideItem(void 0!==e?e:this.core.index);t.removeClass(this.settings.actualSizeIcons.zoomOut).addClass(this.settings.actualSizeIcons.zoomIn),o.find(".lg-img-wrap").first().removeAttr("style"),o.find(".lg-image").first().removeAttr("style"),this.scale=1,this.left=0,this.top=0,this.setPageCords()},h.prototype.getTouchDistance=function(e){return Math.sqrt((e.touches[0].pageX-e.touches[1].pageX)*(e.touches[0].pageX-e.touches[1].pageX)+(e.touches[0].pageY-e.touches[1].pageY)*(e.touches[0].pageY-e.touches[1].pageY))},h.prototype.pinchZoom=function(){var e=this,t=0,o=!1,i=1,s=0,a=this.core.getSlideItem(this.core.index);this.core.outer.on("touchstart.lg",(function(o){if(a=e.core.getSlideItem(e.core.index),e.isImageSlide(e.core.index)&&2===o.touches.length){if(o.preventDefault(),e.core.outer.hasClass("lg-first-slide-loading"))return;i=e.scale||1,e.core.outer.removeClass("lg-zoom-drag-transition lg-zoom-dragging"),e.setPageCords(o),e.resetImageTranslate(e.core.index),e.core.touchAction="pinch",t=e.getTouchDistance(o)}})),this.core.$inner.on("touchmove.lg",(function(n){if(2===n.touches.length&&"pinch"===e.core.touchAction&&(e.$LG(n.target).hasClass("lg-item")||a.get().contains(n.target))){n.preventDefault();var r=e.getTouchDistance(n),l=t-r;if(!o&&Math.abs(l)>5&&(o=!0),o){s=e.scale;var g=Math.max(1,i+.02*-l);e.scale=Math.round(100*(g+Number.EPSILON))/100;var c=e.scale-s;e.zoomImage(e.scale,Math.round(100*(c+Number.EPSILON))/100,!1,!1)}}})),this.core.$inner.on("touchend.lg",(function(i){if("pinch"===e.core.touchAction&&(e.$LG(i.target).hasClass("lg-item")||a.get().contains(i.target))){if(o=!1,t=0,e.scale<=1)e.resetZoom();else{var s=e.getCurrentImageActualSizeScale();if(e.scale>=s){var n=s-e.scale;0===n&&(n=.01),e.zoomImage(s,n,!1,!0)}e.manageActualPixelClassNames(),e.core.outer.addClass("lg-zoomed")}e.core.touchAction=void 0}}))},h.prototype.touchendZoom=function(e,t,o,i,s){var a=t.x-e.x,n=t.y-e.y,r=Math.abs(a)/s+1,l=Math.abs(n)/s+1;r>2&&(r+=1),l>2&&(l+=1),a*=r,n*=l;var g=this.core.getSlideItem(this.core.index).find(".lg-img-wrap").first(),c={};c.x=this.left+a,c.y=this.top+n;var h=this.getPossibleSwipeDragCords();(Math.abs(a)>15||Math.abs(n)>15)&&(i&&(this.isBeyondPossibleTop(c.y,h.minY)?c.y=h.minY:this.isBeyondPossibleBottom(c.y,h.maxY)&&(c.y=h.maxY)),o&&(this.isBeyondPossibleLeft(c.x,h.minX)?c.x=h.minX:this.isBeyondPossibleRight(c.x,h.maxX)&&(c.x=h.maxX)),i?this.top=c.y:c.y=this.top,o?this.left=c.x:c.x=this.left,this.setZoomSwipeStyles(g,c),this.positionChanged=!0)},h.prototype.getZoomSwipeCords=function(e,t,o,i,s){var a={};if(i){if(a.y=this.top+(t.y-e.y),this.isBeyondPossibleTop(a.y,s.minY)){var n=s.minY-a.y;a.y=s.minY-n/6}else if(this.isBeyondPossibleBottom(a.y,s.maxY)){var r=a.y-s.maxY;a.y=s.maxY+r/6}}else a.y=this.top;if(o){if(a.x=this.left+(t.x-e.x),this.isBeyondPossibleLeft(a.x,s.minX)){var l=s.minX-a.x;a.x=s.minX-l/6}else if(this.isBeyondPossibleRight(a.x,s.maxX)){var g=a.x-s.maxX;a.x=s.maxX+g/6}}else a.x=this.left;return a},h.prototype.isBeyondPossibleLeft=function(e,t){return e>=t},h.prototype.isBeyondPossibleRight=function(e,t){return e<=t},h.prototype.isBeyondPossibleTop=function(e,t){return e>=t},h.prototype.isBeyondPossibleBottom=function(e,t){return e<=t},h.prototype.isImageSlide=function(e){var t=this.core.galleryItems[e];return"image"===this.core.getSlideType(t)},h.prototype.getPossibleSwipeDragCords=function(e){var t=this.core.getSlideItem(this.core.index).find(".lg-image").first(),o=this.core.mediaContainerPosition.bottom,i=t.get().getBoundingClientRect(),s=i.height,a=i.width;return e&&(s+=e*s,a+=e*a),{minY:(s-this.containerRect.height)/2,maxY:(this.containerRect.height-s)/2+o,minX:(a-this.containerRect.width)/2,maxX:(this.containerRect.width-a)/2}},h.prototype.setZoomSwipeStyles=function(e,t){e.css("transform","translate3d("+t.x+"px, "+t.y+"px, 0)")},h.prototype.zoomSwipe=function(){var e,t,o=this,i={},s={},a=!1,n=!1,r=!1,l=new Date,g=(new Date,this.core.getSlideItem(this.core.index));this.core.$inner.on("touchstart.lg",(function(s){if(o.isImageSlide(o.core.index)&&(g=o.core.getSlideItem(o.core.index),(o.$LG(s.target).hasClass("lg-item")||g.get().contains(s.target))&&1===s.touches.length&&o.core.outer.hasClass("lg-zoomed"))){s.preventDefault(),l=new Date,o.core.touchAction="zoomSwipe",t=o.core.getSlideItem(o.core.index).find(".lg-img-wrap").first();var a=o.getDragAllowedAxises(0);r=a.allowY,((n=a.allowX)||r)&&(i=o.getSwipeCords(s)),e=o.getPossibleSwipeDragCords(),o.core.outer.addClass("lg-zoom-dragging lg-zoom-drag-transition")}})),this.core.$inner.on("touchmove.lg",(function(l){if(1===l.touches.length&&"zoomSwipe"===o.core.touchAction&&(o.$LG(l.target).hasClass("lg-item")||g.get().contains(l.target))){l.preventDefault(),o.core.touchAction="zoomSwipe",s=o.getSwipeCords(l);var c=o.getZoomSwipeCords(i,s,n,r,e);(Math.abs(s.x-i.x)>15||Math.abs(s.y-i.y)>15)&&(a=!0,o.setZoomSwipeStyles(t,c))}})),this.core.$inner.on("touchend.lg",(function(e){if("zoomSwipe"===o.core.touchAction&&(o.$LG(e.target).hasClass("lg-item")||g.get().contains(e.target))){if(e.preventDefault(),o.core.touchAction=void 0,o.core.outer.removeClass("lg-zoom-dragging"),!a)return;a=!1;var t=(new Date).valueOf()-l.valueOf();o.touchendZoom(i,s,n,r,t)}}))},h.prototype.zoomDrag=function(){var e,t,o,i,s=this,a={},n={},r=!1,l=!1,g=!1,c=!1;this.core.outer.on("mousedown.lg.zoom",(function(t){if(s.isImageSlide(s.core.index)){var n=s.core.getSlideItem(s.core.index);if(s.$LG(t.target).hasClass("lg-item")||n.get().contains(t.target)){e=new Date,i=s.core.getSlideItem(s.core.index).find(".lg-img-wrap").first();var l=s.getDragAllowedAxises(0);c=l.allowY,g=l.allowX,s.core.outer.hasClass("lg-zoomed")&&s.$LG(t.target).hasClass("lg-object")&&(g||c)&&(t.preventDefault(),a=s.getDragCords(t),o=s.getPossibleSwipeDragCords(),r=!0,s.core.outer.removeClass("lg-grab").addClass("lg-grabbing lg-zoom-drag-transition lg-zoom-dragging"))}}})),this.$LG(window).on("mousemove.lg.zoom.global"+this.core.lgId,(function(e){if(r){l=!0,n=s.getDragCords(e);var t=s.getZoomSwipeCords(a,n,g,c,o);s.setZoomSwipeStyles(i,t)}})),this.$LG(window).on("mouseup.lg.zoom.global"+this.core.lgId,(function(o){if(r){if(t=new Date,r=!1,s.core.outer.removeClass("lg-zoom-dragging"),l&&(a.x!==n.x||a.y!==n.y)){n=s.getDragCords(o);var i=t.valueOf()-e.valueOf();s.touchendZoom(a,n,g,c,i)}l=!1}s.core.outer.removeClass("lg-grabbing").addClass("lg-grab")}))},h.prototype.closeGallery=function(){this.resetZoom(),this.zoomInProgress=!1},h.prototype.destroy=function(){this.$LG(window).off(".lg.zoom.global"+this.core.lgId),this.core.LGel.off(".lg.zoom"),this.core.LGel.off(".zoom"),clearTimeout(this.zoomableTimeout),this.zoomableTimeout=!1},h}()}));

data/assets/theme/j1/modules/lightGallery/js/plugins/j1/lg-thumbnail.0.js

@@ -1,495 +0,0 @@
-/*!
- * lightgallery | 2.8.3 | March 1st 2025
- * http://www.lightgalleryjs.com/
- * Copyright (c) 2020 Sachin Neravath;
- * @license GPLv3
- */
-
-(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.lgThumbnail = factory());
-}(this, (function () { 'use strict';
-
-    /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-
-    var __assign = function() {
-        __assign = Object.assign || function __assign(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-            }
-            return t;
-        };
-        return __assign.apply(this, arguments);
-    };
-
-    var thumbnailsSettings = {
-        thumbnail: true,
-        animateThumb: true,
-        currentPagerPosition: 'middle',
-        alignThumbnails: 'middle',
-        thumbWidth: 100,
-        thumbHeight: '80px',
-        thumbMargin: 5,
-        appendThumbnailsTo: '.lg-components',
-        toggleThumb: false,
-        enableThumbDrag: true,
-        enableThumbSwipe: true,
-        thumbnailSwipeThreshold: 10,
-        loadYouTubeThumbnail: true,
-        youTubeThumbSize: 1,
-        thumbnailPluginStrings: {
-            toggleThumbnails: 'Toggle thumbnails',
-        },
-    };
-
-    /**
-     * List of lightGallery events
-     * All events should be documented here
-     * Below interfaces are used to build the website documentations
-     * */
-    var lGEvents = {
-        afterAppendSlide: 'lgAfterAppendSlide',
-        init: 'lgInit',
-        hasVideo: 'lgHasVideo',
-        containerResize: 'lgContainerResize',
-        updateSlides: 'lgUpdateSlides',
-        afterAppendSubHtml: 'lgAfterAppendSubHtml',
-        beforeOpen: 'lgBeforeOpen',
-        afterOpen: 'lgAfterOpen',
-        slideItemLoad: 'lgSlideItemLoad',
-        beforeSlide: 'lgBeforeSlide',
-        afterSlide: 'lgAfterSlide',
-        posterClick: 'lgPosterClick',
-        dragStart: 'lgDragStart',
-        dragMove: 'lgDragMove',
-        dragEnd: 'lgDragEnd',
-        beforeNextSlide: 'lgBeforeNextSlide',
-        beforePrevSlide: 'lgBeforePrevSlide',
-        beforeClose: 'lgBeforeClose',
-        afterClose: 'lgAfterClose',
-        rotateLeft: 'lgRotateLeft',
-        rotateRight: 'lgRotateRight',
-        flipHorizontal: 'lgFlipHorizontal',
-        flipVertical: 'lgFlipVertical',
-        autoplay: 'lgAutoplay',
-        autoplayStart: 'lgAutoplayStart',
-        autoplayStop: 'lgAutoplayStop',
-    };
-
-    var Thumbnail = /** @class */ (function () {
-        function Thumbnail(instance, $LG) {
-            this.thumbOuterWidth = 0;
-            this.thumbTotalWidth = 0;
-            this.translateX = 0;
-            this.thumbClickable = false;
-            // get lightGallery core plugin instance
-            this.core = instance;
-            this.$LG = $LG;
-            return this;
-        }
-        Thumbnail.prototype.init = function () {
-            // extend module default settings with lightGallery core settings
-            this.settings = __assign(__assign({}, thumbnailsSettings), this.core.settings);
-            this.thumbOuterWidth = 0;
-            this.thumbTotalWidth =
-                this.core.galleryItems.length *
-                    (this.settings.thumbWidth + this.settings.thumbMargin);
-            // Thumbnail animation value
-            this.translateX = 0;
-            this.setAnimateThumbStyles();
-            if (!this.core.settings.allowMediaOverlap) {
-                this.settings.toggleThumb = false;
-            }
-            if (this.settings.thumbnail) {
-                this.build();
-                if (this.settings.animateThumb) {
-                    if (this.settings.enableThumbDrag) {
-                        this.enableThumbDrag();
-                    }
-                    if (this.settings.enableThumbSwipe) {
-                        this.enableThumbSwipe();
-                    }
-                    this.thumbClickable = false;
-                }
-                else {
-                    this.thumbClickable = true;
-                }
-                this.toggleThumbBar();
-                this.thumbKeyPress();
-            }
-        };
-        Thumbnail.prototype.build = function () {
-            var _this = this;
-            this.setThumbMarkup();
-            this.manageActiveClassOnSlideChange();
-            this.$lgThumb.first().on('click.lg touchend.lg', function (e) {
-                var $target = _this.$LG(e.target);
-                if (!$target.hasAttribute('data-lg-item-id')) {
-                    return;
-                }
-                setTimeout(function () {
-                    // In IE9 and bellow touch does not support
-                    // Go to slide if browser does not support css transitions
-                    if (_this.thumbClickable && !_this.core.lgBusy) {
-                        var index = parseInt($target.attr('data-lg-item-id'));
-                        _this.core.slide(index, false, true, false);
-                    }
-                }, 50);
-            });
-            this.core.LGel.on(lGEvents.beforeSlide + ".thumb", function (event) {
-                var index = event.detail.index;
-                _this.animateThumb(index);
-            });
-            this.core.LGel.on(lGEvents.beforeOpen + ".thumb", function () {
-                _this.thumbOuterWidth = _this.core.outer.get().offsetWidth;
-            });
-            this.core.LGel.on(lGEvents.updateSlides + ".thumb", function () {
-                _this.rebuildThumbnails();
-            });
-            this.core.LGel.on(lGEvents.containerResize + ".thumb", function () {
-                if (!_this.core.lgOpened)
-                    return;
-                setTimeout(function () {
-                    _this.thumbOuterWidth = _this.core.outer.get().offsetWidth;
-                    _this.animateThumb(_this.core.index);
-                    _this.thumbOuterWidth = _this.core.outer.get().offsetWidth;
-                }, 50);
-            });
-        };
-        Thumbnail.prototype.setThumbMarkup = function () {
-            var thumbOuterClassNames = 'lg-thumb-outer ';
-            if (this.settings.alignThumbnails) {
-                thumbOuterClassNames += "lg-thumb-align-" + this.settings.alignThumbnails;
-            }
-            var html = "<div class=\"" + thumbOuterClassNames + "\">\n        <div class=\"lg-thumb lg-group\">\n        </div>\n        </div>";
-            this.core.outer.addClass('lg-has-thumb');
-            if (this.settings.appendThumbnailsTo === '.lg-components') {
-                this.core.$lgComponents.append(html);
-            }
-            else {
-                this.core.outer.append(html);
-            }
-            this.$thumbOuter = this.core.outer.find('.lg-thumb-outer').first();
-            this.$lgThumb = this.core.outer.find('.lg-thumb').first();
-            if (this.settings.animateThumb) {
-                this.core.outer
-                    .find('.lg-thumb')
-                    .css('transition-duration', this.core.settings.speed + 'ms')
-                    .css('width', this.thumbTotalWidth + 'px')
-                    .css('position', 'relative');
-            }
-            this.setThumbItemHtml(this.core.galleryItems);
-        };
-        Thumbnail.prototype.enableThumbDrag = function () {
-            var _this = this;
-            var thumbDragUtils = {
-                cords: {
-                    startX: 0,
-                    endX: 0,
-                },
-                isMoved: false,
-                newTranslateX: 0,
-                startTime: new Date(),
-                endTime: new Date(),
-                touchMoveTime: 0,
-            };
-            var isDragging = false;
-            this.$thumbOuter.addClass('lg-grab');
-            this.core.outer
-                .find('.lg-thumb')
-                .first()
-                .on('mousedown.lg.thumb', function (e) {
-                if (_this.thumbTotalWidth > _this.thumbOuterWidth) {
-                    // execute only on .lg-object
-                    e.preventDefault();
-                    thumbDragUtils.cords.startX = e.pageX;
-                    thumbDragUtils.startTime = new Date();
-                    _this.thumbClickable = false;
-                    isDragging = true;
-                    // ** Fix for webkit cursor issue https://code.google.com/p/chromium/issues/detail?id=26723
-                    _this.core.outer.get().scrollLeft += 1;
-                    _this.core.outer.get().scrollLeft -= 1;
-                    // *
-                    _this.$thumbOuter
-                        .removeClass('lg-grab')
-                        .addClass('lg-grabbing');
-                }
-            });
-            this.$LG(window).on("mousemove.lg.thumb.global" + this.core.lgId, function (e) {
-                if (!_this.core.lgOpened)
-                    return;
-                if (isDragging) {
-                    thumbDragUtils.cords.endX = e.pageX;
-                    thumbDragUtils = _this.onThumbTouchMove(thumbDragUtils);
-                }
-            });
-            this.$LG(window).on("mouseup.lg.thumb.global" + this.core.lgId, function () {
-                if (!_this.core.lgOpened)
-                    return;
-                if (thumbDragUtils.isMoved) {
-                    thumbDragUtils = _this.onThumbTouchEnd(thumbDragUtils);
-                }
-                else {
-                    _this.thumbClickable = true;
-                }
-                if (isDragging) {
-                    isDragging = false;
-                    _this.$thumbOuter.removeClass('lg-grabbing').addClass('lg-grab');
-                }
-            });
-        };
-        Thumbnail.prototype.enableThumbSwipe = function () {
-            var _this = this;
-            var thumbDragUtils = {
-                cords: {
-                    startX: 0,
-                    endX: 0,
-                },
-                isMoved: false,
-                newTranslateX: 0,
-                startTime: new Date(),
-                endTime: new Date(),
-                touchMoveTime: 0,
-            };
-            this.$lgThumb.on('touchstart.lg', function (e) {
-                if (_this.thumbTotalWidth > _this.thumbOuterWidth) {
-                    e.preventDefault();
-                    thumbDragUtils.cords.startX = e.targetTouches[0].pageX;
-                    _this.thumbClickable = false;
-                    thumbDragUtils.startTime = new Date();
-                }
-            });
-            this.$lgThumb.on('touchmove.lg', function (e) {
-                if (_this.thumbTotalWidth > _this.thumbOuterWidth) {
-                    e.preventDefault();
-                    thumbDragUtils.cords.endX = e.targetTouches[0].pageX;
-                    thumbDragUtils = _this.onThumbTouchMove(thumbDragUtils);
-                }
-            });
-            this.$lgThumb.on('touchend.lg', function () {
-                if (thumbDragUtils.isMoved) {
-                    thumbDragUtils = _this.onThumbTouchEnd(thumbDragUtils);
-                }
-                else {
-                    _this.thumbClickable = true;
-                }
-            });
-        };
-        // Rebuild thumbnails
-        Thumbnail.prototype.rebuildThumbnails = function () {
-            var _this = this;
-            // Remove transitions
-            this.$thumbOuter.addClass('lg-rebuilding-thumbnails');
-            setTimeout(function () {
-                _this.thumbTotalWidth =
-                    _this.core.galleryItems.length *
-                        (_this.settings.thumbWidth + _this.settings.thumbMargin);
-                _this.$lgThumb.css('width', _this.thumbTotalWidth + 'px');
-                _this.$lgThumb.empty();
-                _this.setThumbItemHtml(_this.core.galleryItems);
-                _this.animateThumb(_this.core.index);
-            }, 50);
-            setTimeout(function () {
-                _this.$thumbOuter.removeClass('lg-rebuilding-thumbnails');
-            }, 200);
-        };
-        // @ts-check
-        Thumbnail.prototype.setTranslate = function (value) {
-            this.$lgThumb.css('transform', 'translate3d(-' + value + 'px, 0px, 0px)');
-        };
-        Thumbnail.prototype.getPossibleTransformX = function (left) {
-            if (left > this.thumbTotalWidth - this.thumbOuterWidth) {
-                left = this.thumbTotalWidth - this.thumbOuterWidth;
-            }
-            if (left < 0) {
-                left = 0;
-            }
-            return left;
-        };
-        Thumbnail.prototype.animateThumb = function (index) {
-            this.$lgThumb.css('transition-duration', this.core.settings.speed + 'ms');
-            if (this.settings.animateThumb) {
-                var position = 0;
-                switch (this.settings.currentPagerPosition) {
-                    case 'left':
-                        position = 0;
-                        break;
-                    case 'middle':
-                        position =
-                            this.thumbOuterWidth / 2 - this.settings.thumbWidth / 2;
-                        break;
-                    case 'right':
-                        position = this.thumbOuterWidth - this.settings.thumbWidth;
-                }
-                this.translateX =
-                    (this.settings.thumbWidth + this.settings.thumbMargin) * index -
-                        1 -
-                        position;
-                if (this.translateX > this.thumbTotalWidth - this.thumbOuterWidth) {
-                    this.translateX = this.thumbTotalWidth - this.thumbOuterWidth;
-                }
-                if (this.translateX < 0) {
-                    this.translateX = 0;
-                }
-                this.setTranslate(this.translateX);
-            }
-        };
-        Thumbnail.prototype.onThumbTouchMove = function (thumbDragUtils) {
-            thumbDragUtils.newTranslateX = this.translateX;
-            thumbDragUtils.isMoved = true;
-            thumbDragUtils.touchMoveTime = new Date().valueOf();
-            thumbDragUtils.newTranslateX -=
-                thumbDragUtils.cords.endX - thumbDragUtils.cords.startX;
-            thumbDragUtils.newTranslateX = this.getPossibleTransformX(thumbDragUtils.newTranslateX);
-            // move current slide
-            this.setTranslate(thumbDragUtils.newTranslateX);
-            this.$thumbOuter.addClass('lg-dragging');
-            return thumbDragUtils;
-        };
-        Thumbnail.prototype.onThumbTouchEnd = function (thumbDragUtils) {
-            thumbDragUtils.isMoved = false;
-            thumbDragUtils.endTime = new Date();
-            this.$thumbOuter.removeClass('lg-dragging');
-            var touchDuration = thumbDragUtils.endTime.valueOf() -
-                thumbDragUtils.startTime.valueOf();
-            var distanceXnew = thumbDragUtils.cords.endX - thumbDragUtils.cords.startX;
-            var speedX = Math.abs(distanceXnew) / touchDuration;
-            // Some magical numbers
-            // Can be improved
-            if (speedX > 0.15 &&
-                thumbDragUtils.endTime.valueOf() - thumbDragUtils.touchMoveTime < 30) {
-                speedX += 1;
-                if (speedX > 2) {
-                    speedX += 1;
-                }
-                speedX =
-                    speedX +
-                        speedX * (Math.abs(distanceXnew) / this.thumbOuterWidth);
-                this.$lgThumb.css('transition-duration', Math.min(speedX - 1, 2) + 'settings');
-                distanceXnew = distanceXnew * speedX;
-                this.translateX = this.getPossibleTransformX(this.translateX - distanceXnew);
-                this.setTranslate(this.translateX);
-            }
-            else {
-                this.translateX = thumbDragUtils.newTranslateX;
-            }
-            if (Math.abs(thumbDragUtils.cords.endX - thumbDragUtils.cords.startX) <
-                this.settings.thumbnailSwipeThreshold) {
-                this.thumbClickable = true;
-            }
-            return thumbDragUtils;
-        };
-        Thumbnail.prototype.getThumbHtml = function (thumb, index, alt) {
-            var slideVideoInfo = this.core.galleryItems[index].__slideVideoInfo || {};
-            var thumbImg;
-            if (slideVideoInfo.youtube) {
-                if (this.settings.loadYouTubeThumbnail) {
-                    thumbImg =
-                        '//img.youtube.com/vi/' +
-                            slideVideoInfo.youtube[1] +
-                            '/' +
-                            this.settings.youTubeThumbSize +
-                            '.jpg';
-                }
-                else {
-                    thumbImg = thumb;
-                }
-            }
-            else {
-                thumbImg = thumb;
-            }
-            var div = document.createElement('div');
-            div.setAttribute('data-lg-item-id', index + '');
-            div.className = "lg-thumb-item " + (index === this.core.index ? 'active' : '');
-            div.style.cssText = "width: " + this.settings.thumbWidth + "px; height: " + this.settings.thumbHeight + "; margin-right: " + this.settings.thumbMargin + "px;";
-            var img = document.createElement('img');
-            img.alt = alt || '';
-            img.setAttribute('data-lg-item-id', index + '');
-            img.src = thumbImg;
-            div.appendChild(img);
-            return div;
-        };
-        Thumbnail.prototype.setThumbItemHtml = function (items) {
-            for (var i = 0; i < items.length; i++) {
-                var thumb = this.getThumbHtml(items[i].thumb, i, items[i].alt);
-                this.$lgThumb.append(thumb);
-            }
-        };
-        Thumbnail.prototype.setAnimateThumbStyles = function () {
-            if (this.settings.animateThumb) {
-                this.core.outer.addClass('lg-animate-thumb');
-            }
-        };
-        // Manage thumbnail active calss
-        Thumbnail.prototype.manageActiveClassOnSlideChange = function () {
-            var _this = this;
-            // manage active class for thumbnail
-            this.core.LGel.on(lGEvents.beforeSlide + ".thumb", function (event) {
-                var $thumb = _this.core.outer.find('.lg-thumb-item');
-                var index = event.detail.index;
-                $thumb.removeClass('active');
-                $thumb.eq(index).addClass('active');
-            });
-        };
-        // Toggle thumbnail bar
-        Thumbnail.prototype.toggleThumbBar = function () {
-            var _this = this;
-            if (this.settings.toggleThumb) {
-                this.core.outer.addClass('lg-can-toggle');
-                this.core.$toolbar.append('<button type="button" aria-label="' +
-                    this.settings.thumbnailPluginStrings['toggleThumbnails'] +
-                    '" class="lg-toggle-thumb lg-icon"></button>');
-                this.core.outer
-                    .find('.lg-toggle-thumb')
-                    .first()
-                    .on('click.lg', function () {
-                    _this.core.outer.toggleClass('lg-components-open');
-                });
-            }
-        };
-        Thumbnail.prototype.thumbKeyPress = function () {
-            var _this = this;
-            this.$LG(window).on("keydown.lg.thumb.global" + this.core.lgId, function (e) {
-                if (!_this.core.lgOpened || !_this.settings.toggleThumb)
-                    return;
-                if (e.keyCode === 38) {
-                    e.preventDefault();
-                    _this.core.outer.addClass('lg-components-open');
-                }
-                else if (e.keyCode === 40) {
-                    e.preventDefault();
-                    _this.core.outer.removeClass('lg-components-open');
-                }
-            });
-        };
-        Thumbnail.prototype.destroy = function () {
-            if (this.settings.thumbnail) {
-                this.$LG(window).off(".lg.thumb.global" + this.core.lgId);
-                this.core.LGel.off('.lg.thumb');
-                this.core.LGel.off('.thumb');
-                this.$thumbOuter.remove();
-                this.core.outer.removeClass('lg-has-thumb');
-            }
-        };
-        return Thumbnail;
-    }());
-
-    return Thumbnail;
-
-})));
-//# sourceMappingURL=lg-thumbnail.umd.js.map