https://www.serialowa.pl/wpr/wp-content/themes/serialowa/assets/js/app.js?ver=1.13

1/******/ (() => { // webpackBootstrap
2/******/ 	var __webpack_modules__ = ({
3
4/***/ "./src/

1200      y: d[16 === d.length ? 13 : 5]
1201    }) : (d = this.$stage.position(), d = {
1202      x: this.settings.rtl ? d.left + this.$stage.width() - this.width() + this.settings.margin : d.left,
1203      y: d.top
1204    }), this.is("animating") && (a.support.transform ? this.animate(d.x) : this.$stage.stop(), this.invalidate("position")), this.$element.toggleClass(this.options.grabClass, "mousedown" === b.type), this.speed(0), this._drag.time = new Date().getTime(), this._drag.target = a(b.target), this._drag.stage.start = d, this._drag.stage.current = d, this._drag.pointer = this.pointer(b), a(c).on("mouseup.owl.core touchend.owl.core", a.proxy(this.onDragEnd, this)), a(c).one("mousemove.owl.core touchmove.owl.core", a.proxy(function (b) {
1205      var d = this.difference(this._drag.pointer, this.pointer(b));
1206      a(c).on("mousemove.owl.core touchmove.owl.core", a.proxy(this.onDragMove, this)), Math.abs(d.x) < Math.abs(d.y) && this.is("valid") || (b.preventDefault(), this.enter("dragging"), this.trigger("drag"));
1207    }, this)));
1208  }, e.prototype.onDragMove = function (a) {
1209    var b = null,
1210        c = null,
1211        d = null,
1212        e = this.difference(this._drag.pointer, this.pointer(a)),
1213        f = this.difference(this._drag.stage.start, e);
1214    this.is("dragging") && (a.preventDefault(), this.settings.loop ? (b = this.coordinates(this.minimum()), c = this.coordinates(this.maximum() + 1) - b, f.x = ((f.x - b) % c + c) % c + b) : (b = this.settings.rtl ? this.coordinates(this.maximum()) : this.coordinates(this.minimum()), c = this.settings.rtl ? this.coordinates(this.minimum()) : this.coordinates(this.maximum()), d = this.settings.pullDrag ? -1 * e.x / 5 : 0, f.x = Math.max(Math.min(f.x, b + d), c + d)), this._drag.stage.current = f, this.animate(f.x));
1215  }, e.prototype.onDragEnd = function (b) {
1216    var d = this.difference(this._drag.pointer, this.pointer(b)),
1217        e = this._drag.stage.current,
1218        f = d.x > 0 ^ this.settings.rtl ? "left" : "right";
1219    a(c).off(".owl.core"), this.$element.removeClass(this.options.grabClass), (0 !== d.x && this.is("dragging") || !this.is("valid")) && (this.speed(this.settings.dragEndSpeed || this.settings.smartSpeed), this.current(this.closest(e.x, 0 !== d.x ? f : this._drag.direction)), this.invalidate("position"), this.update(), this._drag.direction = f, (Math.abs(d.x) > 3 || new Date().getTime() - this._drag.time > 300) && this._drag.target.one("click.owl.core", function () {
1220      return !1;
1221    })), this.is("dragging") && (this.leave("dragging"), this.trigger("dragged"));
1222  }, e.prototype.closest = function (b, c) {
1223    var e = -1,
1224        f = 30,
1225        g = this.width(),
1226        h = this.coordinates();
1227    return this.settings.freeDrag || a.each(h, a.proxy(function (a, i) {
1228      return "left" === c && b > i - f && b < i + f ? e = a : "right" === c && b > i - g - f && b < i - g + f ? e = a + 1 : this.op(b, "<", i) && this.op(b, ">", h[a + 1] !== d ? h[a + 1] : i - g) && (e = "left" === c ? a + 1 : a), -1 === e;
1229    }, this)), this.settings.loop || (this.op(b, ">", h[this.minimum()]) ? e = b = this.minimum() : this.op(b, "<", h[this.maximum()]) && (e = b = this.maximum())), e;
1230  }, e.prototype.animate = function (b) {
1231    var c = this.speed() > 0;
1232    this.is("animating") && this.onTransitionEnd(), c && (this.enter("animating"), this.trigger("translate")), a.support.transform3d && a.support.transition ? this.$stage.css({
1233      transform: "translate3d(" + b + "px,0px,0px)",
1234      transition: this.speed() / 1e3 + "s" + (this.settings.slideTransition ? " " + this.settings.slideTransition : "")
1235    }) : c ? this.$stage.animate({
1236      left: b + "px"
1237    }, this.speed(), this.settings.fallbackEasing, a.proxy(this.onTransitionEnd, this)) : this.$stage.css({
1238      left: b + "px"
1239    });
1240  }, e.prototype.is = function (a) {
1241    return this._states.current[a] && this._states.current[a] > 0;
1242  }, e.prototype.current = function (a) {
1243    if (a === d) return this._current;
1244    if (0 === this._items.length) return d;
1245
1246    if (a = this.normalize(a), this._current !== a) {
1247      var b = this.trigger("change", {
1248        property: {
1249          name: "position",
1250          value: a
1251        }
1252      });
1253      b.data !== d && (a = this.normalize(b.data)), this._current = a, this.invalidate("position"), this.trigger("changed", {
1254        property: {
1255          name: "position",
1256          value: this._current
1257        }
1258      });
1259    }
1260
1261    return this._current;
1262  }, e.prototype.invalidate = function (b) {
1263    return "string" === a.type(b) && (this._invalidated[b] = !0, this.is("valid") && this.leave("valid")), a.map(this._invalidated, function (a, b) {
1264      return b;
1265    });
1266  }, e.prototype.reset = function (a) {
1267    (a = this.normalize(a)) !== d && (this._speed = 0, this._current = a, this.suppress(["translate", "translated"]), this.animate(this.coordinates(a)), this.release(["translate", "translated"]));
1268  }, e.prototype.normalize = function (a, b) {
1269    var c = this._items.length,
1270        e = b ? 0 : this._clones.length;
1271    return !this.isNumeric(a) || c < 1 ? a = d : (a < 0 || a >= c + e) && (a = ((a - e / 2) % c + c) % c + e / 2), a;
1272  }, e.prototype.relative = function (a) {
1273    return a -= this._clones.length / 2, this.normalize(a, !0);
1274  }, e.prototype.maximum = function (a) {
1275    var b,
1276        c,
1277        d,
1278        e = this.settings,
1279        f = this._coordinates.length;
1280    if (e.loop) f = this._clones.length / 2 + this._items.length - 1;else if (e.autoWidth || e.merge) {
1281      if (b = this._items.length) for (c = this._items[--b].width(), d = this.$element.width(); b-- && !((c += this._items[b].width() + this.settings.margin) > d);) {
1282        ;
1283      }
1284      f = b + 1;
1285    } else f = e.center ? this._items.length - 1 : this._items.length - e.items;
1286    return a && (f -= this._clones.length / 2), Math.max(f, 0);
1287  }, e.prototype.minimum = function (a) {
1288    return a ? 0 : this._clones.length / 2;
1289  }, e.prototype.items = function (a) {
1290    return a === d ? this._items.slice() : (a = this.normalize(a, !0), this._items[a]);
1291  }, e.prototype.mergers = function (a) {
1292    return a === d ? this._mergers.slice() : (a = this.normalize(a, !0), this._mergers[a]);
1293  }, e.prototype.clones = function (b) {
1294    var c = this._clones.length / 2,
1295        e = c + this._items.length,
1296        f = function f(a) {
1297      return a % 2 == 0 ? e + a / 2 : c - (a + 1) / 2;
1298    };
1299
1300    return b === d ? a.map(this._clones, function (a, b) {
1301      return f(b);
1302    }) : a.map(this._clones, function (a, c) {
1303      return a === b ? f(c) : null;
1304    });
1305  }, e.prototype.speed = function (a) {
1306    return a !== d && (this._speed = a), this._speed;
1307  }, e.prototype.coordinates = function (b) {
1308    var c,
1309        e = 1,
1310        f = b - 1;
1311    return b === d ? a.map(this._coordinates, a.proxy(function (a, b) {
1312      return this.coordinates(b);
1313    }, this)) : (this.settings.center ? (this.settings.rtl && (e = -1, f = b + 1), c = this._coordinates[b], c += (this.width() - c + (this._coordinates[f] || 0)) / 2 * e) : c = this._coordinates[f] || 0, c = Math.ceil(c));
1314  }, e.prototype.duration = function (a, b, c) {
1315    return 0 === c ? 0 : Math.min(Math.max(Math.abs(b - a), 1), 6) * Math.abs(c || this.settings.smartSpeed);
1316  }, e.prototype.to = function (a, b) {
1317    var c = this.current(),
1318        d = null,
1319        e = a - this.relative(c),
1320        f = (e > 0) - (e < 0),
1321        g = this._items.length,
1322        h = this.minimum(),
1323        i = this.maximum();
1324    this.settings.loop ? (!this.settings.rewind && Math.abs(e) > g / 2 && (e += -1 * f * g), a = c + e, (d = ((a - h) % g + g) % g + h) !== a && d - e <= i && d - e > 0 && (c = d - e, a = d, this.reset(c))) : this.settings.rewind ? (i += 1, a = (a % i + i) % i) : a = Math.max(h, Math.min(i, a)), this.speed(this.duration(c, a, b)), this.current(a), this.isVisible() && this.update();
1325  }, e.prototype.next = function (a) {
1326    a = a || !1, this.to(this.relative(this.current()) + 1, a);
1327  }, e.prototype.prev = function (a) {
1328    a = a || !1, this.to(this.relative(this.current()) - 1, a);
1329  }, e.prototype.onTransitionEnd = function (a) {
1330    if (a !== d && (a.stopPropagation(), (a.target || a.srcElement || a.originalTarget) !== this.$stage.get(0))) return !1;
1331    this.leave("animating"), this.trigger("translated");
1332  }, e.prototype.viewport = function () {
1333    var d;
1334    return this.options.responsiveBaseElement !== b ? d = a(this.options.responsiveBaseElement).width() : b.innerWidth ? d = b.innerWidth : c.documentElement && c.documentElement.clientWidth ? d = c.documentElement.clientWidth : console.warn("Can not detect viewport width."), d;
1335  }, e.prototype.replace = function (b) {
1336    this.$stage.empty(), this._items = [], b && (b = b instanceof jQuery ? b : a(b)), this.settings.nestedItemSelector && (b = b.find("." + this.settings.nestedItemSelector)), b.filter(function () {
1337      return 1 === this.nodeType;
1338    }).each(a.proxy(function (a, b) {
1339      b = this.prepare(b), this.$stage.append(b), this._items.push(b), this._mergers.push(1 * b.find("[data-merge]").addBack("[data-merge]").attr("data-merge") || 1);
1340    }, this)), this.reset(this.isNumeric(this.settings.startPosition) ? this.settings.startPosition : 0), this.invalidate("items");
1341  }, e.prototype.add = function (b, c) {
1342    var e = this.relative(this._current);
1343    c = c === d ? this._items.length : this.normalize(c, !0), b = b instanceof jQuery ? b : a(b), this.trigger("add", {
1344      content: b,
1345      position: c
1346    }), b = this.prepare(b), 0 === this._items.length || c === this._items.length ? (0 === this._items.length && this.$stage.append(b), 0 !== this._items.length && this._items[c - 1].after(b), this._items.push(b), this._mergers.push(1 * b.find("[data-merge]").addBack("[data-merge]").attr("data-merge") || 1)) : (this._items[c].before(b), this._items.splice(c, 0, b), this._mergers.splice(c, 0, 1 * b.find("[data-merge]").addBack("[data-merge]").attr("data-merge") || 1)), this._items[e] && this.reset(this._items[e].index()), this.invalidate("items"), this.trigger("added", {
1347      content: b,
1348      position: c
1349    });
1350  }, e.prototype.remove = function (a) {
1351    (a = this.normalize(a, !0)) !== d && (this.trigger("remove", {
1352      content: this._items[a],
1353      position: a
1354    }), this._items[a].remove(), this._items.splice(a, 1), this._mergers.splice(a, 1), this.invalidate("items"), this.trigger("removed", {
1355      content: null,
1356      position: a
1357    }));
1358  }, e.prototype.preloadAutoWidthImages = function (b) {
1359    b.each(a.proxy(function (b, c) {
1360      this.enter("pre-loading"), c = a(c), a(new Image()).one("load", a.proxy(function (a) {
1361        c.attr("src", a.target.src), c.css("opacity", 1), this.leave("pre-loading"), !this.is("pre-loading") && !this.is("initializing") && this.refresh();
1362      }, this)).attr("src", c.attr("src") || c.attr("data-src") || c.attr("data-src-retina"));
1363    }, this));
1364  }, e.prototype.destroy = function () {
1365    this.$element.off(".owl.core"), this.$stage.off(".owl.core"), a(c).off(".owl.core"), !1 !== this.settings.responsive && (b.clearTimeout(this.resizeTimer), this.off(b, "resize", this._handlers.onThrottledResize));
1366
1367    for (var d in this._plugins) {
1368      this._plugins[d].destroy();
1369    }
1370
1371    this.$stage.children(".cloned").remove(), this.$stage.unwrap(), this.$stage.children().contents().unwrap(), this.$stage.children().unwrap(), this.$stage.remove(), this.$element.removeClass(this.options.refreshClass).removeClass(this.options.loadingClass).removeClass(this.options.loadedClass).removeClass(this.options.rtlClass).removeClass(this.options.dragClass).removeClass(this.options.grabClass).attr("class", this.$element.attr("class").replace(new RegExp(this.options.responsiveClass + "-\\S+\\s", "g"), "")).removeData("owl.carousel");
1372  }, e.prototype.op = function (a, b, c) {
1373    var d = this.settings.rtl;
1374
1375    switch (b) {
1376      case "<":
1377        return d ? a > c : a < c;
1378
1379      case ">":
1380        return d ? a < c : a > c;
1381
1382      case ">=":
1383        return d ? a <= c : a >= c;
1384
1385      case "<=":
1386        return d ? a >= c : a <= c;
1387    }
1388  }, e.prototype.on = function (a, b, c, d) {
1389    a.addEventListener ? a.addEventListener(b, c, d) : a.attachEvent && a.attachEvent("on" + b, c);
1390  }, e.prototype.off = function (a, b, c, d) {
1391    a.removeEventListener ? a.removeEventListener(b, c, d) : a.detachEvent && a.detachEvent("on" + b, c);
1392  }, e.prototype.trigger = function (b, c, d, f, g) {
1393    var h = {
1394      item: {
1395        count: this._items.length,
1396        index: this.current()
1397      }
1398    },
1399        i = a.camelCase(a.grep(["on", b, d], function (a) {
1400      return a;
1401    }).join("-").toLowerCase()),
1402        j = a.Event([b, "owl", d || "carousel"].join(".").toLowerCase(), a.extend({
1403      relatedTarget: this
1404    }, h, c));
1405    return this._supress[b] || (a.each(this._plugins, function (a, b) {
1406      b.onTrigger && b.onTrigger(j);
1407    }), this.register({
1408      type: e.Type.Event,
1409      name: b
1410    }), this.$element.trigger(j), this.settings && "function" == typeof this.settings[i] && this.settings[i].call(this, j)), j;
1411  }, e.prototype.enter = function (b) {
1412    a.each([b].concat(this._states.tags[b] || []), a.proxy(function (a, b) {
1413      this._states.current[b] === d && (this._states.current[b] = 0), this._states.current[b]++;
1414    }, this));
1415  }, e.prototype.leave = function (b) {
1416    a.each([b].concat(this._states.tags[b] || []), a.proxy(function (a, b) {
1417      this._states.current[b]--;
1418    }, this));
1419  }, e.prototype.register = function (b) {
1420    if (b.type === e.Type.Event) {
1421      if (a.event.special[b.name] || (a.event.special[b.name] = {}), !a.event.special[b.name].owl) {
1422        var c = a.event.special[b.name]._default;
1423        a.event.special[b.name]._default = function (a) {
1424          return !c || !c.apply || a.namespace && -1 !== a.namespace.indexOf("owl") ? a.namespace && a.namespace.indexOf("owl") > -1 : c.apply(this, arguments);
1425        }, a.event.special[b.name].owl = !0;
1426      }
1427    } else b.type === e.Type.State && (this._states.tags[b.name] ? this._states.tags[b.name] = this._states.tags[b.name].

2115/***/ "./node_modules/lightgallery/lightgallery.es5.js":
2116/*!*******************************************************!*\
2117  !*** ./node_modules/lightgallery/lightgallery.es5.js ***!
2118  \*******************************************************/
2119/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
2120
2121"use strict";
2122__webpack_require__.r(__webpack_exports__);
2123/* harmony export */ __webpack_require__.d(__webpack_exports__, {
2124/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
2125/* harmony export */ });
2126/*!
2127 * lightgallery | 2.7.0 | October 9th 2022
2128 * http://www.lightgalleryjs.com/
2129 * Copyright (c) 2020 Sachin Neravath;
2130 * @license GPLv3
2131 */
2132
2133/*! *****************************************************************************
2134Copyright (c) Microsoft Corporation.
2135
2136Permission to use, copy, modify, and/or distribute this software for any
2137purpose with or without fee is hereby granted.
2138
2139THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
2140REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
2141AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
2142INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
2143LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
2144OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
2145PERFORMANCE OF THIS SOFTWARE.
2146***************************************************************************** */
2147
2148var __assign = function() {
2149    __assign = Object.assign || function __assign(t) {
2150        for (var s, i = 1, n = arguments.length; i < n; i++) {
2151            s = arguments[i];
2152            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
2153        }
2154        return t;
2155    };
2156    return __assign.apply(this, arguments);
2157};
2158
2159function __spreadArrays() {
2160    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
2161    for (var r = Array(s), k = 0, i = 0; i < il; i++)
2162        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
2163            r[k] = a[j];
2164    return r;
2165}
2166
2167/**
2168 * List of lightGallery events
2169 * All events should be documented here
2170 * Below interfaces are used to build the website documentations
2171 * */
2172var lGEvents = {
2173    afterAppendSlide: 'lgAfterAppendSlide',
2174    init: 'lgInit',
2175    hasVideo: 'lgHasVideo',
2176    containerResize: 'lgContainerResize',
2177    updateSlides: 'lgUpdateSlides',
2178    afterAppendSubHtml: 'lgAfterAppendSubHtml',
2179    beforeOpen: 'lgBeforeOpen',
2180    afterOpen: 'lgAfterOpen',
2181    slideItemLoad: 'lgSlideItemLoad',
2182    beforeSlide: 'lgBeforeSlide',
2183    afterSlide: 'lgAfterSlide',
2184    posterClick: 'lgPosterClick',
2185    dragStart: 'lgDragStart',
2186    dragMove: 'lgDragMove',
2187    dragEnd: 'lgDragEnd',
2188    beforeNextSlide: 'lgBeforeNextSlide',
2189    beforePrevSlide: 'lgBeforePrevSlide',
2190    beforeClose: 'lgBeforeClose',
2191    afterClose: 'lgAfterClose',
2192    rotateLeft: 'lgRotateLeft',
2193    rotateRight: 'lgRotateRight',
2194    flipHorizontal: 'lgFlipHorizontal',
2195    flipVertical: 'lgFlipVertical',
2196    autoplay: 'lgAutoplay',
2197    autoplayStart: 'lgAutoplayStart',
2198    autoplayStop: 'lgAutoplayStop',
2199};
2200
2201var lightGalleryCoreSettings = {
2202    mode: 'lg-slide',
2203    easing: 'ease',
2204    speed: 400,
2205    licenseKey: '0000-0000-000-0000',
2206    height: '100%',
2207    width: '100%',
2208    addClass: '',
2209    startClass: 'lg-start-zoom',
2210    backdropDuration: 300,
2211    container: '',
2212    startAnimationDuration: 400,
2213    zoomFromOrigin: true,
2214    hideBarsDelay: 0,
2215    showBarsAfter: 10000,
2216    slideDelay: 0,
2217    supportLegacyBrowser: true,
2218    allowMediaOverlap: false,
2219    videoMaxSize: '1280-720',
2220    loadYouTubePoster: true,
2221    defaultCaptionHeight: 0,
2222    ariaLabelledby: '',
2223    ariaDescribedby: '',
2224    resetScrollPosition: true,
2225    hideScrollbar: false,
2226    closable: true,
2227    swipeToClose: true,
2228    closeOnTap: true,
2229    showCloseIcon: true,
2230    showMaximizeIcon: false,
2231    loop: true,
2232    escKey: true,
2233    keyPress: true,
2234    trapFocus: true,
2235    controls: true,
2236    slideEndAnimation: true,
2237    hideControlOnEnd: false,
2238    mousewheel: false,
2239    getCaptionFromTitleOrAlt: true,
2240    appendSubHtmlTo: '.lg-sub-html',
2241    subHtmlSelectorRelative: false,
2242    preload: 2,
2243    numberOfSlideItemsInDom: 10,
2244    selector: '',
2245    selectWithin: '',
2246    nextHtml: '',
2247    prevHtml: '',
2248    index: 0,
2249    iframeWidth: '100%',
2250    iframeHeight: '100%',
2251    iframeMaxWidth: '100%',
2252    iframeMaxHeight: '100%',
2253    download: true,
2254    counter: true,
2255    appendCounterTo: '.lg-toolbar',
2256    swipeThreshold: 50,
2257    enableSwipe: true,
2258    enableDrag: true,
2259    dynamic: false,
2260    dynamicEl: [],
2261    extraProps: [],
2262    exThumbImage: '',
2263    isMobile: undefined,
2264    mobileSettings: {
2265        controls: false,
2266        showCloseIcon: false,
2267        download: false,
2268    },
2269    plugins: [],
2270    strings: {
2271        closeGallery: 'Close gallery',
2272        toggleMaximize: 'Toggle maximize',
2273        previousSlide: 'Previous slide',
2274        nextSlide: 'Next slide',
2275        download: 'Download',
2276        playVideo: 'Play video',
2277    },
2278};
2279
2280function initLgPolyfills() {
2281    (function () {
2282        if (typeof window.CustomEvent === 'function')
2283            return false;
2284        function CustomEvent(event, params) {
2285            params = params || {
2286                bubbles: false,
2287                cancelable: false,
2288                detail: null,
2289            };
2290            var evt = document.createEvent('CustomEvent');
2291            evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
2292            return evt;
2293        }
2294        window.CustomEvent = CustomEvent;
2295    })();
2296    (function () {
2297        if (!Element.prototype.matches) {
2298            Element.prototype.matches =
2299                Element.prototype.msMatchesSelector ||
2300                    Element.prototype.webkitMatchesSelector;
2301        }
2302    })();
2303}
2304var lgQuery = /** @class */ (function () {
2305    function lgQuery(selector) {
2306        this.cssVenderPrefixes = [
2307            'TransitionDuration',
2308            'TransitionTimingFunction',
2309            'Transform',
2310            'Transition',
2311        ];
2312        this.selector = this._getSelector(selector);
2313        this.firstElement = this._getFirstEl();
2314        return this;
2315    }
2316    lgQuery.generateUUID = function () {
2317        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
2318            var r = (Math.random() * 16) | 0, v = c == 'x' ? r : (r & 0x3) | 0x8;
2319            return v.toString(16);
2320        });
2321    };
2322    lgQuery.prototype._getSelector = function (selector, context) {
2323        if (context === void 0) { context = document; }
2324        if (typeof selector !== 'string') {
2325            return selector;
2326        }
2327        context = context || document;
2328        var fl = selector.substring(0, 1);
2329        if (fl === '#') {
2330            return context.querySelector(selector);
2331        }
2332        else {
2333            return context.querySelectorAll(selector);
2334        }
2335    };
2336    lgQuery.prototype._each = function (func) {
2337        if (!this.selector) {
2338            return this;
2339        }
2340        if (this.selector.length !== undefined) {
2341            [].forEach.call(this.selector, func);
2342        }
2343        else {
2344            func(this.selector, 0);
2345        }
2346        return this;
2347    };
2348    lgQuery.prototype._setCssVendorPrefix = function (el, cssProperty, value) {
2349        // prettier-ignore
2350        var property = cssProperty.replace(/-([a-z])/gi, function (s, group1) {
2351            return group1.toUpperCase();
2352        });
2353        if (this.cssVenderPrefixes.indexOf(property) !== -1) {
2354            el.style[property.charAt(0).toLowerCase() + property.slice(1)] = value;
2355            el.style['webkit' + property] = value;
2356            el.style['moz' + property] = value;
2357            el.style['ms' + property] = value;
2358            el.style['o' + property] = value;
2359        }
2360        else {
2361            el.style[property] = value;
2362        }
2363    };
2364    lgQuery.prototype._getFirstEl = function () {
2365        if (this.selector && this.selector.length !== undefined) {
2366            return this.selector[0];
2367        }
2368        else {
2369            return this.selector;
2370        }
2371    };
2372    lgQuery.prototype.isEventMatched = function (event, eventName) {
2373        var eventNamespace = eventName.split('.');
2374        return event
2375            .split('.')
2376            .filter(function (e) { return e; })
2377            .every(function (e) {
2378            return eventNamespace.indexOf(e) !== -1;
2379        });
2380    };
2381    lgQuery.prototype.attr = function (attr, value) {
2382        if (value === undefined) {
2383            if (!this.firstElement) {
2384                return '';
2385            }
2386            return this.firstElement.getAttribute(attr);
2387        }
2388        this._each(function (el) {
2389            el.setAttribute(attr, value);
2390        });
2391        return this;
2392    };
2393    lgQuery.prototype.find = function (selector) {
2394        return $LG(this._getSelector(selector, this.selector));
2395    };
2396    lgQuery.prototype.first = function () {
2397        if (this.selector && this.selector.length !== undefined) {
2398            return $LG(this.selector[0]);
2399        }
2400        else {
2401            return $LG(this.selector);
2402        }
2403    };
2404    lgQuery.prototype.eq = function (index) {
2405        return $LG(this.selector[index]);
2406    };
2407    lgQuery.prototype.parent = function () {
2408        return $LG(this.selector.parentElement);
2409    };
2410    lgQuery.prototype.get = function () {
2411        return this._getFirstEl();
2412    };
2413    lgQuery.prototype.removeAttr = function (attributes) {
2414        var attrs = attributes.split(' ');
2415        this._each(function (el) {
2416            attrs.forEach(function (attr) { return el.removeAttribute(attr); });
2417        });
2418        return this;
2419    };
2420    lgQuery.prototype.wrap = function (className) {
2421        if (!this.firstElement) {
2422            return this;
2423        }
2424        var wrapper = document.createElement('div');
2425        wrapper.className = className;
2426        this.firstElement.parentNode.insertBefore(wrapper, this.firstElement);
2427        this.firstElement.parentNode.removeChild(this.firstElement);
2428        wrapper.appendChild(this.firstElement);
2429        return this;
2430    };
2431    lgQuery.prototype.addClass = function (classNames) {
2432        if (classNames === void 0) { classNames = ''; }
2433        this._each(function (el) {
2434            // IE doesn't support multiple arguments
2435            classNames.split(' ').forEach(function (className) {
2436                if (className) {
2437                    el.classList.add(className);
2438                }
2439            });
2440        });
2441        return this;
2442    };
2443    lgQuery.prototype.removeClass = function (classNames) {
2444        this._each(function (el) {
2445            // IE doesn't support multiple arguments
2446            classNames.split(' ').forEach(function (className) {
2447                if (className) {
2448                    el.classList.remove(className);
2449                }
2450            });
2451        });
2452        return this;
2453    };
2454    lgQuery.prototype.hasClass = function (className) {
2455        if (!this.firstElement) {
2456            return false;
2457        }
2458        return this.firstElement.classList.contains(className);
2459    };
2460    lgQuery.prototype.hasAttribute = function (attribute) {
2461        if (!this.firstElement) {
2462            return false;
2463        }
2464        return this.firstElement.hasAttribute(attribute);
2465    };
2466    lgQuery.prototype.toggleClass = function (className) {
2467        if (!this.firstElement) {
2468            return this;
2469        }
2470        if (this.hasClass(className)) {
2471            this.removeClass(className);
2472        }
2473        else {
2474            this.addClass(className);
2475        }
2476        return this;
2477    };
2478    lgQuery.prototype.css = function (property, value) {
2479        var _this = this;
2480        this._each(function (el) {
2481            _this._setCssVendorPrefix(el, property, value);
2482        });
2483        return this;
2484    };
2485    // Need to pass separate namespaces for separate elements
2486    lgQuery.prototype.on = function (events, listener) {
2487        var _this = this;
2488        if (!this.selector) {
2489            return this;
2490        }
2491        events.split(' ').forEach(function (event) {
2492            if (!Array.isArray(lgQuery.eventListeners[event])) {
2493                lgQuery.eventListeners[event] = [];
2494            }
2495            lgQuery.eventListeners[event].push(listener);
2496            _this.selector.addEventListener(event.split('.')[0], listener);
2497        });
2498        return this;
2499    };
2500    // @todo - test this
2501    lgQuery.prototype.once = function (event, listener) {
2502        var _this = this;
2503        this.on(event, function () {
2504            _this.off(event);
2505            listener(event);
2506        });
2507        return this;
2508    };
2509    lgQuery.prototype.off = function (event) {
2510        var _this = this;
2511        if (!this.selector) {
2512            return this;
2513        }
2514        Object.keys(lgQuery.eventListeners).forEach(function (eventName) {
2515            if (_this.isEventMatched(event, eventName)) {
2516                lgQuery.eventListeners[eventName].forEach(function (listener) {
2517                    _this.selector.removeEventListener(eventName.split('.')[0], listener);
2518                });
2519                lgQuery.eventListeners[eventName] = [];
2520            }
2521        });
2522        return this;
2523    };
2524    lgQuery.prototype.trigger = function (event, detail) {
2525        if (!this.firstElement) {
2526            return this;
2527        }
2528        var customEvent = new CustomEvent(event.split('.')[0], {
2529            detail: detail || null,
2530        });
2531        this.firstElement.dispatchEvent(customEvent);
2532        return this;
2533    };
2534    // Does not support IE
2535    lgQuery.prototype.load = function (url) {
2536        var _this = this;
2537        fetch(url)
2538            .then(function (res) { return res.text(); })
2539            .then(function (html) {
2540            _this.selector.innerHTML = html;
2541        });
2542        return this;
2543    };
2544    lgQuery.prototype.html = function (html) {
2545        if (html === undefined) {
2546            if (!this.firstElement) {
2547                return '';
2548            }
2549            return this.firstElement.innerHTML;
2550        }
2551        this._each(function (el) {
2552            el.innerHTML = html;
2553        });
2554        return this;
2555    };
2556    lgQuery.prototype.append = function (html) {
2557        this._each(function (el) {
2558            if (typeof html === 'string') {
2559                el.insertAdjacentHTML('beforeend', html);
2560            }
2561            else {
2562                el.appendChild(html);
2563            }
2564        });
2565        return this;
2566    };
2567    lgQuery.prototype.prepend = function (html) {
2568        this._each(function (el) {
2569            el.insertAdjacentHTML('afterbegin', html);
2570        });
2571        return this;
2572    };
2573    lgQuery.prototype.remove = function () {
2574        this._each(function (el) {
2575            el.parentNode.removeChild(el);
2576        });
2577        return this;
2578    };
2579    lgQuery.prototype.empty = function () {
2580        this._each(function (el) {
2581            el.innerHTML = '';
2582        });
2583        return this;
2584    };
2585    lgQuery.prototype.scrollTop = function (scrollTop) {
2586        if (scrollTop !== undefined) {
2587            document.body.scrollTop = scrollTop;
2588            document.documentElement.scrollTop = scrollTop;
2589            return this;
2590        }
2591        else {
2592            return (window.pageYOffset ||
2593                document.documentElement.scrollTop ||
2594                document.body.scrollTop ||
2595                0);
2596        }
2597    };
2598    lgQuery.prototype.scrollLeft = function (scrollLeft) {
2599        if (scrollLeft !== undefined) {
2600            document.body.scrollLeft = scrollLeft;
2601            document.documentElement.scrollLeft = scrollLeft;
2602            return this;
2603        }
2604        else {
2605            return (window.pageXOffset ||
2606                document.documentElement.scrollLeft ||
2607                document.body.scrollLeft ||
2608                0);
2609        }
2610    };
2611    lgQuery.prototype.offset = function () {
2612        if (!this.firstElement) {
2613            return {
2614                left: 0,
2615                top: 0,
2616            };
2617        }
2618        var rect = this.firstElement.getBoundingClientRect();
2619        var bodyMarginLeft = $LG('body').style().marginLeft;
2620        // Minus body margin - https://stackoverflow.com/questions/30711548/is-getboundingclientrect-left-returning-a-wrong-value
2621        return {
2622            left: rect.left - parseFloat(bodyMarginLeft) + this.scrollLeft(),
2623            top: rect.top + this.scrollTop(),
2624        };
2625    };
2626    lgQuery.prototype.style = function () {
2627        if (!this.firstElement) {
2628            return {};
2629        }
2630        return (this.firstElement.currentStyle ||
2631            window.getComputedStyle(this.firstElement));
2632    };
2633    // Width without padding and border even if box-sizing is used.
2634    lgQuery.prototype.width = function () {
2635        var style = this.style();
2636        return (this.firstElement.clientWidth -
2637            parseFloat(style.paddingLeft) -
2638            parseFloat(style.paddingRight));
2639    };
2640    // Height without padding and border even if box-sizing is used.
2641    lgQuery.prototype.height = function () {
2642        var style = this.style();
2643        return (this.firstElement.clientHeight -
2644            parseFloat(style.paddingTop) -
2645            parseFloat(style.paddingBottom));
2646    };
2647    lgQuery.eventListeners = {};
2648    return lgQuery;
2649}());
2650function $LG(selector) {
2651    initLgPolyfills();
2652    return new lgQuery(selector);
2653}
2654
2655var defaultDynamicOptions = [
2656    'src',
2657    'sources',
2658    'subHtml',
2659    'subHtmlUrl',
2660    'html',
2661    'video',
2662    'poster',
2663    'slideName',
2664    'responsive',
2665    'srcset',
2666    'sizes',
2667    'iframe',
2668    'downloadUrl',
2669    'download',
2670    'width',
2671    'facebookShareUrl',
2672    'tweetText',
2673    'iframeTitle',
2674    'twitterShareUrl',
2675    'pinterestShareUrl',
2676    'pinterestText',
2677    'fbHtml',
2678    'disqusIdentifier',
2679    'disqusUrl',
2680];
2681// Convert html data-attribute to camalcase
2682function convertToData(attr) {
2683    // FInd a way for lgsize
2684    if (attr === 'href') {
2685        return 'src';
2686    }
2687    attr = attr.replace('data-', '');
2688    attr = attr.charAt(0).toLowerCase() + attr.slice(1);
2689    attr = attr.replace(/-([a-z])/g, function (g) { return g[1].toUpperCase(); });
2690    return attr;
2691}
2692var utils = {
2693    /**
2694     * get possible width and height from the lgSize attribute. Used for ZoomFromOrigin option
2695     */
2696    getSize: function (el, container, spacing, defaultLgSize) {
2697        if (spacing === void 0) { spacing = 0; }
2698        var LGel = $LG(el);
2699        var lgSize = LGel.attr('data-lg-size') || defaultLgSize;
2700        if (!lgSize) {
2701            return;
2702        }
2703        var isResponsiveSizes = lgSize.split(',');
2704        // if at-least two viewport sizes are available
2705        if (isResponsiveSizes[1]) {
2706            var wWidth = window.innerWidth;
2707            for (var i = 0; i < isResponsiveSizes.length; i++) {
2708                var size_1 = isResponsiveSizes[i];
2709                var responsiveWidth = parseInt(size_1.split('-')[2], 10);
2710                if (responsiveWidth > wWidth) {
2711                    lgSize = size_1;
2712                    break;
2713                }
2714                // take last item as last option
2715                if (i === isResponsiveSizes.length - 1) {
2716                    lgSize = size_1;
2717                }
2718            }
2719        }
2720        var size = lgSize.split('-');
2721        var width = parseInt(size[0], 10);
2722        var height = parseInt(size[1], 10);
2723        var cWidth = container.width();
2724        var cHeight = container.height() - spacing;
2725        var maxWidth = Math.min(cWidth, width);
2726        var maxHeight = Math.min(cHeight, height);
2727        var ratio = Math.min(maxWidth / width, maxHeight / height);
2728        return { width: width * ratio, height: height * ratio };
2729    },
2730    /**
2731     * @desc Get transform value based on the imageSize. Used for ZoomFromOrigin option
2732     * @param {jQuery Element}
2733     * @returns {String} Transform CSS string
2734     */
2735    getTransform: function (el, container, top, bottom, imageSize) {
2736        if (!imageSize) {
2737            return;
2738        }
2739        var LGel = $LG(el).find('img').first();
2740        if (!LGel.get()) {
2741            return;
2742        }
2743        var containerRect = container.get().getBoundingClientRect();
2744        var wWidth = containerRect.width;
2745        // using innerWidth to include mobile safari bottom bar
2746        var wHeight = container.height() - (top + bottom);
2747        var elWidth = LGel.width();
2748        var elHeight = LGel.height();
2749        var elStyle = LGel.style();
2750        var x = (wWidth - elWidth) / 2 -
2751            LGel.offset().left +
2752            (parseFloat(elStyle.paddingLeft) || 0) +
2753            (parseFloat(elStyle.borderLeft) || 0) +
2754            $LG(window).scrollLeft() +
2755            containerRect.left;
2756        var y = (wHeight - elHeight) / 2 -
2757            LGel.offset().top +
2758            (parseFloat(elStyle.paddingTop) || 0) +
2759            (parseFloat(elStyle.borderTop) || 0) +
2760            $LG(window).scrollTop() +
2761            top;
2762        var scX = elWidth / imageSize.width;
2763        var scY = elHeight / imageSize.height;
2764        var transform = 'translate3d(' +
2765            (x *= -1) +
2766            'px, ' +
2767            (y *= -1) +
2768            'px, 0) scale3d(' +
2769            scX +
2770            ', ' +
2771            scY +
2772            ', 1)';
2773        return transform;
2774    },
2775    getIframeMarkup: function (iframeWidth, iframeHeight, iframeMaxWidth, iframeMaxHeight, src, iframeTitle) {
2776        var title = iframeTitle ? 'title="' + iframeTitle + '"' : '';
2777        return "<div class=\"lg-video-cont lg-has-iframe\" style=\"width:" + iframeWidth + "; max-width:" + iframeMaxWidth + "; height: " + iframeHeight + "; max-height:" + iframeMaxHeight + "\">\n                    <iframe class=\"lg-object\" frameborder=\"0\" " + title + " src=\"" + src + "\"  allowfullscreen=\"true\"></iframe>\n                </div>";
2778    },
2779    getImgMarkup: function (index, src, altAttr, srcset, sizes, sources) {
2780        var srcsetAttr = srcset ? "srcset=\"" + srcset + "\"" : '';
2781        var sizesAttr = sizes ? "sizes=\"" + sizes + "\"" : '';
2782        var imgMarkup = "<img " + altAttr + " " + srcsetAttr + "  " + sizesAttr + " class=\"lg-object lg-image\" data-index=\"" + index + "\" src=\"" + src + "\" />";
2783        var sourceTag = '';
2784        if (sources) {
2785            var sourceObj = typeof sources === 'string' ? JSON.parse(sources) : sources;
2786            sourceTag = sourceObj.map(function (source) {
2787                var attrs = '';
2788                Object.keys(source).forEach(function (key) {
2789                    // Do not remove the first space as it is required to separate the attributes
2790                    attrs += " " + key + "=\"" + source[key] + "\"";
2791                });
2792                return "<source " + attrs + "></source>";
2793            });
2794        }
2795        return "" + sourceTag + imgMarkup;
2796    },
2797    // Get src from responsive src
2798    getResponsiveSrc: function (srcItms) {
2799        var rsWidth = [];
2800        var rsSrc = [];
2801        var src = '';
2802        for (var i = 0; i < srcItms.length; i++) {
2803            var _src = srcItms[i].split(' ');
2804            // Manage empty space
2805            if (_src[0] === '') {
2806                _src.splice(0, 1);
2807            }
2808            rsSrc.push(_src[0]);
2809            rsWidth.push(_src[1]);
2810        }
2811        var wWidth = window.innerWidth;
2812        for (var j = 0; j < rsWidth.length; j++) {
2813            if (parseInt(rsWidth[j], 10) > wWidth) {
2814                src = rsSrc[j];
2815                break;
2816            }
2817        }
2818        return src;
2819    },
2820    isImageLoaded: function (img) {
2821        if (!img)
2822            return false;
2823        // During the onload event, IE correctly identifies any images that
2824        // weren’t downloaded as not complete. Others should too. Gecko-based
2825        // browsers act like NS4 in that they report this incorrectly.
2826        if (!img.complete) {
2827            return false;
2828        }
2829        // However, they do have two very useful properties: naturalWidth and
2830        // naturalHeight. These give the true size of the image. If it failed
2831        // to load, either of these should be zero.
2832        if (img.naturalWidth === 0) {
2833            return false;
2834        }
2835        // No other way of checking: assume it’s ok.
2836        return true;
2837    },
2838    getVideoPosterMarkup: function (_poster, dummyImg, videoContStyle, playVideoString, _isVideo) {
2839        var videoClass = '';
2840        if (_isVideo && _isVideo.youtube) {
2841            videoClass = 'lg-has-youtube';
2842        }
2843        else if (_isVideo && _isVideo.vimeo) {
2844            videoClass = 'lg-has-vimeo';
2845        }
2846        else {
2847            videoClass = 'lg-has-html5';
2848        }
2849        return "<div class=\"lg-video-cont " + videoClass + "\" style=\"" + videoContStyle + "\">\n                <div class=\"lg-video-play-button\">\n                <svg\n                    viewBox=\"0 0 20 20\"\n                    preserveAspectRatio=\"xMidYMid\"\n                    focusable=\"false\"\n                    aria-labelledby=\"" + playVideoString + "\"\n                    role=\"img\"\n                    class=\"lg-video-play-icon\"\n                >\n                    <title>" + playVideoString + "</title>\n                    <polygon class=\"lg-video-play-icon-inner\" points=\"1,0 20,10 1,20\"></polygon>\n                </svg>\n                <svg class=\"lg-video-play-icon-bg\" viewBox=\"0 0 50 50\" focusable=\"false\">\n                    <circle cx=\"50%\" cy=\"50%\" r=\"20\"></circle></svg>\n                <svg class=\"lg-video-play-icon-circle\" viewBox=\"0 0 50 50\" focusable=\"false\">\n                    <circle cx=\"50%\" cy=\"50%\" r=\"20\"></circle>\n                </svg>\n            </div>\n            " + (dummyImg || '') + "\n            <img class=\"lg-object lg-video-poster\" src=\"" + _poster + "\" />\n        </div>";
2850    },
2851    getFocusableElements: function (container) {
2852        var elements = container.querySelectorAll('a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]), input[type="text"]:not([disabled]), input[type="radio"]:not([disabled]), input[type="checkbox"]:not([disabled]), select:not([disabled])');
2853        var visibleElements = [].filter.call(elements, function (element) {
2854            var style = window.getComputedStyle(element);
2855            return style.display !== 'none' && style.visibility !== 'hidden';
2856        });
2857        return visibleElements;
2858    },
2859    /**
2860     * @desc Create dynamic elements array from gallery items when dynamic option is false
2861     * It helps to avoid frequent DOM interaction
2862     * and avoid multiple checks for dynamic elments
2863     *
2864     * @returns {Array} dynamicEl
2865     */
2866    getDynamicOptions: function (items, extraProps, getCaptionFromTitleOrAlt, exThumbImage) {
2867        var dynamicElements = [];
2868        var availableDynamicOptions = __spreadArrays(defaultDynamicOptions, extraProps);
2869        [].forEach.call(items, function (item) {
2870            var dynamicEl = {};
2871            for (var i = 0; i < item.attributes.length; i++) {
2872                var attr = item.attributes[i];
2873                if (attr.specified) {
2874                    var dynamicAttr = convertToData(attr.name);
2875                    var label = '';
2876                    if (availableDynamicOptions.indexOf(dynamicAttr) > -1) {
2877                        label = dynamicAttr;
2878                    }
2879                    if (label) {
2880                        dynamicEl[label] = attr.value;
2881                    }
2882                }
2883            }
2884            var currentItem = $LG(item);
2885            var alt = currentItem.find('img').first().attr('alt');
2886            var title = currentItem.attr('title');
2887            var thumb = exThumbImage
2888                ? currentItem.attr(exThumbImage)
2889                : currentItem.find('img').first().attr('src');
2890            dynamicEl.thumb = thumb;
2891            if (getCaptionFromTitleOrAlt && !dynamicEl.subHtml) {
2892                dynamicEl.subHtml = title || alt || '';
2893            }
2894            dynamicEl.alt = alt || title || '';
2895            dynamicElements.push(dynamicEl);
2896        });
2897        return dynamicElements;
2898    },
2899    isMobile: function () {
2900        return /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
2901    },
2902    /**
2903     * @desc Check the given src is video
2904     * @param {String} src
2905     * @return {Object} video type
2906     * Ex:{ youtube  :  ["//www.youtube.com/watch?v=c0asJgSyxcY", "c0asJgSyxcY"] }
2907     *
2908     * @todo - this information can be moved to dynamicEl to avoid frequent calls
2909     */
2910    isVideo: function (src, isHTML5VIdeo, index) {
2911        if (!src) {
2912            if (isHTML5VIdeo) {
2913                return {
2914                    html5: true,
2915                };
2916            }
2917            else {
2918                console.error('lightGallery :- data-src is not provided on slide item ' +
2919                    (index + 1) +
2920                    '. Please make sure the selector property is properly configured. More info - https://www.lightgalleryjs.com/demos/html-markup/');
2921                return;
2922            }
2923        }
2924        var youtube = src.match(/\/\/(?:www\.)?youtu(?:\.be|be\.com|be-nocookie\.com)\/(?:watch\?v=|embed\/)?([a-z0-9\-\_\%]+)([\&|?][\S]*)*/i);
2925        var vimeo = src.match(/\/\/(?:www\.)?(?:player\.)?vimeo.com\/(?:video\/)?([0-9a-z\-_]+)(.*)?/i);
2926        var wistia = src.match(/https?:\/\/(.+)?(wistia\.com|wi\.st)\/(medias|embed)\/([0-9a-z\-_]+)(.*)/);
2927        if (youtube) {
2928            return {
2929                youtube: youtube,
2930            };
2931        }
2932        else if (vimeo) {
2933            return {
2934                vimeo: vimeo,
2935            };
2936        }
2937        else if (wistia) {
2938            return {
2939                wistia: wistia,
2940            };
2941        }
2942    },
2943};
2944
2945// @ref - https://stackoverflow.com/questions/3971841/how-to-resize-images-proportionally-keeping-the-aspect-ratio
2946// @ref - https://2ality.com/2017/04/setting-up-multi-platform-packages.html
2947// Unique id for each gallery
2948var lgId = 0;
2949var LightGallery = /** @class */ (function () {
2950    function LightGallery(element, options) {
2951        this.lgOpened = false;
2952        this.index = 0;
2953        // lightGallery modules
2954        this.plugins = [];
2955        // false when lightGallery load first slide content;
2956        this.lGalleryOn = false;
2957        // True when a slide animation is in progress
2958        this.lgBusy = false;
2959        this.currentItemsInDom = [];
2960        // Scroll top value before lightGallery is opened
2961        this.prevScrollTop = 0;
2962        this.bodyPaddingRight = 0;
2963        this.isDummyImageRemoved = false;
2964        this.dragOrSwipeEnabled = false;
2965        this.mediaContainerPosition = {
2966            top: 0,
2967            bottom: 0,
2968        };
2969        if (!element) {
2970            return this;
2971        }
2972        lgId++;
2973        this.lgId = lgId;
2974        this.el = element;
2975        this.LGel = $LG(element);
2976        this.generateSettings(options);
2977        this.buildModules();
2978        // When using dynamic mode, ensure dynamicEl is an array
2979        if (this.settings.dynamic &&
2980            this.settings.dynamicEl !== undefined &&
2981            !Array.isArray(this.settings.dynamicEl)) {
2982            throw 'When using dynamic mode, you must also define dynamicEl as an Array.';
2983        }
2984        this.galleryItems = this.getItems();
2985        this.normalizeSettings();
2986        // Gallery items
2987        this.init();
2988        this.validateLicense();
2989        return this;
2990    }
2991    LightGallery.prototype.generateSettings = function (options) {
2992        // lightGallery settings
2993        this.settings = __assign(__assign({}, lightGalleryCoreSettings), options);
2994        if (this.settings.isMobile &&
2995            typeof this.settings.isMobile === 'function'
2996            ? this.settings.isMobile()
2997            : utils.isMobile()) {
2998            var mobileSettings = __assign(__assign({}, this.settings.mobileSettings), this.settings.mobileSettings);
2999            this.settings = __assign(__assign({}, this.settings), mobileSettings);
3000        }
3001    };
3002    LightGallery.prototype.normalizeSettings = function () {
3003        if (this.settings.slideEndAnimation) {
3004            this.settings.hideControlOnEnd = false;
3005        }
3006        if (!this.settings.closable) {
3007            this.settings.swipeToClose = false;
3008        }
3009        // And reset it on close to get the correct value next time
3010        this.zoomFromOrigin = this.settings.zoomFromOrigin;
3011        // At the moment, Zoom from image doesn't support dynamic options
3012        // @todo add zoomFromOrigin support for dynamic images
3013        if (this.settings.dynamic) {
3014            this.zoomFromOrigin = false;
3015        }
3016        if (!this.settings.container) {
3017            this.settings.container = document.body;
3018        }
3019        // settings.preload should not be grater than $item.length
3020        this.settings.preload = Math.min(this.settings.preload, this.galleryItems.length);
3021    };
3022    LightGallery.prototype.init = function () {
3023        var _this = this;
3024        this.addSlideVideoInfo(this.galleryItems);
3025        this.buildStructure();
3026        this.LGel.trigger(lGEvents.init, {
3027            instance: this,
3028        });
3029        if (this.settings.keyPress) {
3030            this.keyPress();
3031        }
3032        setTimeout(function () {
3033            _this.enableDrag();
3034            _this.enableSwipe();
3035            _this.triggerPosterClick();
3036        }, 50);
3037        this.arrow();
3038        if (this.settings.mousewheel) {
3039            this.mousewheel();
3040        }
3041        if (!this.settings.dynamic) {
3042            this.openGalleryOnItemClick();
3043        }
3044    };
3045    LightGallery.prototype.openGalleryOnItemClick = function () {
3046        var _this = this;
3047        var _loop_1 = function (index) {
3048            var element = this_1.items[index];
3049            var $element = $LG(element);
3050            // Using different namespace for click because click event should not unbind if selector is same object('this')
3051            // @todo manage all event listners - should have namespace that represent element
3052            var uuid = lgQuery.generateUUID();
3053            $element
3054                .attr('data-lg-id', uuid)
3055                .on("click.lgcustom-item-" + uuid, function (e) {
3056                e.preventDefault();
3057                var currentItemIndex = _this.settings.index || index;
3058                _this.openGallery(currentItemIndex, element);
3059            });
3060        };
3061        var this_1 = this;
3062        // Using for loop instead of using bubbling as the items can be any html element.
3063        for (var index = 0; index < this.items.length; index++) {
3064            _loop_1(index);
3065        }
3066    };
3067    /**
3068     * Module constructor
3069     * Modules are build incrementally.
3070     * Gallery should be opened only once all the modules are initialized.
3071     * use moduleBuildTimeout to make sure this
3072     */
3073    LightGallery.prototype.buildModules = function () {
3074        var _this = this;
3075        this.settings.plugins.forEach(function (plugin) {
3076            _this.plugins.push(new plugin(_this, $LG));
3077        });
3078    };
3079    LightGallery.prototype.validateLicense = function () {
3080        if (!this.settings.licenseKey) {
3081            console.error('Please provide a valid license key');
3082        }
3083        else if (this.settings.licenseKey === '0000-0000-000-0000') {
3084            console.warn("lightGallery: " + this.settings.licenseKey + " license key is not valid for production use");
3085        }
3086    };
3087    LightGallery.prototype.getSlideItem = function (index) {
3088        return $LG(this.getSlideItemId(index));
3089    };
3090    LightGallery.prototype.getSlideItemId = function (index) {
3091        return "#lg-item-" + this.lgId + "-" + index;
3092    };
3093    LightGallery.prototype.getIdName = function (id) {
3094        return id + "-" + this.lgId;
3095    };
3096    LightGallery.prototype.getElementById = function (id) {
3097        return $LG("#" + this.getIdName(id));
3098    };
3099    LightGallery.prototype.manageSingleSlideClassName = function () {
3100        if (this.galleryItems.length < 2) {
3101            this.outer.addClass('lg-single-item');
3102        }
3103        else {
3104            this.outer.removeClass('lg-single-item');
3105        }
3106    };
3107    LightGallery.prototype.buildStructure = function () {
3108        var _this = this;
3109        var container = this.$container && this.$container.get();
3110        if (container) {
3111            return;
3112        }
3113        var controls = '';
3114        var subHtmlCont = '';
3115        // Create controls
3116        if (this.settings.controls) {
3117            controls = "<button type=\"button\" id=\"" + this.getIdName('lg-prev') + "\" aria-label=\"" + this.settings.strings['previousSlide'] + "\" class=\"lg-prev lg-icon\"> " + this.settings.prevHtml + " </button>\n                <button type=\"button\" id=\"" + this.getIdName('lg-next') + "\" aria-label=\"" + this.settings.strings['nextSlide'] + "\" class=\"lg-next lg-icon\"> " + this.settings.nextHtml + " </button>";
3118        }
3119        if (this.settings.appendSubHtmlTo !== '.lg-item') {
3120            subHtmlCont =
3121                '<div class="lg-sub-html" role="status" aria-live="polite"></div>';
3122        }
3123        var addClasses = '';
3124        if (this.settings.allowMediaOverlap) {
3125            // Do not remove space before last single quote
3126            addClasses += 'lg-media-overlap ';
3127        }
3128        var ariaLabelledby = this.settings.ariaLabelledby
3129            ? 'aria-labelledby="' + this.settings.ariaLabelledby + '"'
3130            : '';
3131        var ariaDescribedby = this.settings.ariaDescribedby
3132            ? 'aria-describedby="' + this.settings.ariaDescribedby + '"'
3133            : '';
3134        var containerClassName = "lg-container " + this.settings.addClass + " " + (document.body !== this.settings.container ? 'lg-inline' : '');
3135        var closeIcon = this.settings.closable && this.settings.showCloseIcon
3136            ? "<button type=\"button\" aria-label=\"" + this.settings.strings['closeGallery'] + "\" id=\"" + this.getIdName('lg-close') + "\" class=\"lg-close lg-icon\"></button>"
3137            : '';
3138        var maximizeIcon = this.settings.showMaximizeIcon
3139            ? "<button type=\"button\" aria-label=\"" + this.settings.strings['toggleMaximize'] + "\" id=\"" + this.getIdName('lg-maximize') + "\" class=\"lg-maximize lg-icon\"></button>"
3140            : '';
3141        var template = "\n        <div class=\"" + containerClassName + "\" id=\"" + this.getIdName('lg-container') + "\" tabindex=\"-1\" aria-modal=\"true\" " + ariaLabelledby + " " + ariaDescribedby + " role=\"dialog\"\n        >\n            <div id=\"" + this.getIdName('lg-backdrop') + "\" class=\"lg-backdrop\"></div>\n\n            <div id=\"" + this.getIdName('lg-outer') + "\" class=\"lg-outer lg-use-css3 lg-css3 lg-hide-items " + addClasses + " \">\n\n              <div id=\"" + this.getIdName('lg-content') + "\" class=\"lg-content\">\n                <div id=\"" + this.getIdName('lg-inner') + "\" class=\"lg-inner\">\n                </div>\n                " + controls + "\n              </div>\n                <div id=\"" + this.getIdName('lg-toolbar') + "\" class=\"lg-toolbar lg-group\">\n                    " + maximizeIcon + "\n                    " + closeIcon + "\n                    </div>\n                    " + (this.settings.appendSubHtmlTo === '.lg-outer'
3142            ? subHtmlCont
3143            : '') + "\n                <div id=\"" + this.getIdName('lg-components') + "\" class=\"lg-components\">\n                    " + (this.settings.appendSubHtmlTo === '.lg-sub-html'
3144            ? subHtmlCont
3145            : '') + "\n                </div>\n            </div>\n        </div>\n        ";
3146        $LG(this.settings.container).append(template);
3147        if (document.body !== this.settings.container) {
3148            $LG(this.settings.container).css('position', 'relative');
3149        }
3150        this.outer = this.getElementById('lg-outer');
3151        this.$lgComponents = this.getElementById('lg-components');
3152        this.$backdrop = this.getElementById('lg-backdrop');
3153        this.$container = this.getElementById('lg-container');
3154        this.$inner = this.getElementById('lg-inner');
3155        this.$content = this.getElementById('lg-content');
3156        this.$toolbar = this.getElementById('lg-toolbar');
3157        this.$backdrop.css('transition-duration', this.settings.backdropDuration + 'ms');
3158        var outerClassNames = this.settings.mode + " ";
3159        this.manageSingleSlideClassName();
3160        if (this.settings.enableDrag) {
3161            outerClassNames += 'lg-grab ';
3162        }
3163        this.outer.addClass(outerClassNames);
3164        this.$inner.css('transition-timing-function', this.settings.easing);
3165        this.$inner.css('transition-duration', this.settings.speed + 'ms');
3166        if (this.settings.download) {
3167            this.$toolbar.append("<a id=\"" + this.getIdName('lg-download') + "\" target=\"_blank\" rel=\"noopener\" aria-label=\"" + this.settings.strings['download'] + "\" download class=\"lg-download lg-icon\"></a>");
3168        }
3169        this.counter();
3170        $LG(window).on("resize.lg.global" + this.lgId + " orientationchange.lg.global" + this.lgId, function () {
3171            _this.refreshOnResize();
3172        });
3173        this.hideBars();
3174        this.manageCloseGallery();
3175        this.toggleMaximize();
3176        this.initModules();
3177    };
3178    LightGallery.prototype.refreshOnResize = function () {
3179        if (this.lgOpened) {
3180            var currentGalleryItem = this.galleryItems[this.index];
3181            var __slideVideoInfo = currentGalleryItem.__slideVideoInfo;
3182            this.mediaContainerPosition = this.getMediaContainerPosition();
3183            var _a = this.mediaContainerPosition, top_1 = _a.top, bottom = _a.bottom;
3184            this.currentImageSize = utils.getSize(this.items[this.index], this.outer, top_1 + bottom, __slideVideoInfo && this.settings.videoMaxSize);
3185            if (__slideVideoInfo) {
3186                this.resizeVideoSlide(this.index, this.currentImageSize);
3187            }
3188            if (this.zoomFromOrigin && !this.isDummyImageRemoved) {
3189                var imgStyle = this.getDummyImgStyles(this.currentImageSize);
3190                this.outer
3191                    .find('.lg-current .lg-dummy-img')
3192                    .first()
3193                    .attr('style', imgStyle);
3194            }
3195            this.LGel.trigger(lGEvents.containerResize);
3196        }
3197    };
3198    LightGallery.prototype.resizeVideoSlide = function (index, imageSize) {
3199        var lgVideoStyle = this.getVideoContStyle(imageSize);
3200        var currentSlide = this.getSlideItem(index);
3201        currentSlide.find('.lg-video-cont').attr('style', lgVideoStyle);
3202    };
3203    /**
3204     * Update slides dynamically.
3205     * Add, edit or delete slides dynamically when lightGallery is opened.
3206     * Modify the current gallery items and pass it via updateSlides method
3207     * @note
3208     * - Do not mutate existing lightGallery items directly.
3209     * - Always pass new list of gallery items
3210     * - You need to take care of thumbnails outside the gallery if any
3211     * - user this method only if you want to update slides when the gallery is opened. Otherwise, use `refresh()` method.
3212     * @param items Gallery items
3213     * @param index After the update operation, which slide gallery should navigate to
3214     * @category lGPublicMethods
3215     * @example
3216     * const plugin = lightGallery();
3217     *
3218     * // Adding slides dynamically
3219     * let galleryItems = [
3220     * // Access existing lightGallery items
3221     * // galleryItems are automatically generated internally from the gallery HTML markup
3222     * // or directly from galleryItems when dynamic gallery is used
3223     *   ...plugin.galleryItems,
3224     *     ...[
3225     *       {
3226     *         src: 'img/img-1.png',
3227     *           thumb: 'img/thumb1.png',
3228     *         },
3229     *     ],
3230     *   ];
3231     *   plugin.updateSlides(
3232     *     galleryItems,
3233     *     plugin.index,
3234     *   );
3235     *
3236     *
3237     * // Remove slides dynamically
3238     * galleryItems = JSON.parse(
3239     *   JSON.stringify(updateSlideInstance.galleryItems),
3240     * );
3241     * galleryItems.shift();
3242     * updateSlideInstance.updateSlides(galleryItems, 1);
3243     * @see <a href="/demos/update-slides/">Demo</a>
3244     */
3245    LightGallery.prototype.updateSlides = function (items, index) {
3246        if (this.index > items.length - 1) {
3247            this.index = items.length - 1;
3248        }
3249        if (items.length === 1) {
3250            this.index = 0;
3251        }
3252        if (!items.length) {
3253            this.closeGallery();
3254            return;
3255        }
3256        var currentSrc = this.galleryItems[index].src;
3257        this.galleryItems = items;
3258        this.updateControls();
3259        this.$inner.empty();
3260        this.currentItemsInDom = [];
3261        var _index = 0;
3262        // Find the current index based on source value of the slide
3263        this.galleryItems.some(function (galleryItem, itemIndex) {
3264            if (galleryItem.src === currentSrc) {
3265                _index = itemIndex;
3266                return true;
3267            }
3268            return false;
3269        });
3270        this.currentItemsInDom = this.organizeSlideItems(_index, -1);
3271        this.loadContent(_index, true);
3272        this.getSlideItem(_index).addClass('lg-current');
3273        this.index = _index;
3274        this.updateCurrentCounter(_index);
3275        this.LGel.trigger(lGEvents.updateSlides);
3276    };
3277    // Get gallery items based on multiple conditions
3278    LightGallery.prototype.getItems = function () {
3279        // Gallery items
3280        this.items = [];
3281        if (!this.settings.dynamic) {
3282            if (this.settings.selector === 'this') {
3283                this.items.push(this.el);
3284            }
3285            else if (this.settings.selector) {
3286                if (typeof this.settings.selector === 'string') {
3287                    if (this.settings.selectWithin) {
3288                        var selectWithin = $LG(this.settings.selectWithin);
3289                        this.items = selectWithin
3290                            .find(this.settings.selector)
3291                            .get();
3292                    }
3293                    else {
3294                        this.items = this.el.querySelectorAll(this.settings.selector);
3295                    }
3296                }
3297                else {
3298                    this.items = this.settings.selector;
3299                }
3300            }
3301            else {
3302                this.items = this.el.children;
3303            }
3304            return utils.getDynamicOptions(this.items, this.settings.extraProps, this.settings.getCaptionFromTitleOrAlt, this.settings.exThumbImage);
3305        }
3306        else {
3307            return this.settings.dynamicEl || [];
3308        }
3309    };
3310    LightGallery.prototype.shouldHideScrollbar = function () {
3311        return (this.settings.hideScrollbar &&
3312            document.body === this.settings.container);
3313    };
3314    LightGallery.prototype.hideScrollbar = function () {
3315        if (!this.shouldHideScrollbar()) {
3316            return;
3317        }
3318        this.bodyPaddingRight = parseFloat($LG('body').style().paddingRight);
3319        var bodyRect = document.documentElement.getBoundingClientRect();
3320        var scrollbarWidth = window.innerWidth - bodyRect.width;
3321        $LG(document.body).css('padding-right', scrollbarWidth + this.bodyPaddingRight + 'px');
3322        $LG(document.body).addClass('lg-overlay-open');
3323    };
3324    LightGallery.prototype.resetScrollBar = function () {
3325        if (!this.shouldHideScrollbar()) {
3326            return;
3327        }
3328        $LG(document.body).css('padding-right', this.bodyPaddingRight + 'px');
3329        $LG(document.body).removeClass('lg-overlay-open');
3330    };
3331    /**
3332     * Open lightGallery.
3333     * Open gallery with specific slide by passing index of the slide as parameter.
3334     * @category lGPublicMethods
3335     * @param {Number} index  - index of the slide
3336     * @param {HTMLElement} element - Which image lightGallery should zoom from
3337     *
3338     * @example
3339     * const $dynamicGallery = document.getElementById('dynamic-gallery-demo');
3340     * const dynamicGallery = lightGallery($dynamicGallery, {
3341     *     dynamic: true,
3342     *     dynamicEl: [
3343     *         {
3344     *              src: 'img/1.jpg',
3345     *              thumb: 'img/thumb-1.jpg',
3346     *              subHtml: '<h4>Image 1 title</h4><p>Image 1 descriptions.</p>',
3347     *         },
3348     *         ...
3349     *     ],
3350     * });
3351     * $dynamicGallery.addEventListener('click', function () {
3352     *     // Starts with third item.(Optional).
3353     *     // This is useful if you want use dynamic mode with
3354     *     // custom thumbnails (thumbnails outside gallery),
3355     *     dynamicGallery.openGallery(2);
3356     * });
3357     *
3358     */
3359    LightGallery.prototype.openGallery = function (index, element) {
3360        var _this = this;
3361        if (index === void 0) { index = this.settings.index; }
3362        // prevent accidental double execution
3363        if (this.lgOpened)
3364            return;
3365        this.lgOpened = true;
3366        this.outer.removeClass('lg-hide-items');
3367        this.hideScrollbar();
3368        // Add display block, but still has opacity 0
3369        this.$container.addClass('lg-show');
3370        var itemsToBeInsertedToDom = this.getItemsToBeInsertedToDom(index, index);
3371        this.currentItemsInDom = itemsToBeInsertedToDom;
3372        var items = '';
3373        itemsToBeInsertedToDom.forEach(function (item) {
3374            items = items + ("<div id=\"" + item + "\" class=\"lg-item\"></div>");
3375        });
3376        this.$inner.append(items);
3377        this.addHtml(index);
3378        var transform = '';
3379        this.mediaContainerPosition = this.getMediaContainerPosition();
3380        var _a = this.mediaContainerPosition, top = _a.top, bottom = _a.bottom;
3381        if (!this.settings.allowMediaOverlap) {
3382            this.setMediaContainerPosition(top, bottom);
3383        }
3384        var __slideVideoInfo = this.galleryItems[index].__slideVideoInfo;
3385        if (this.zoomFromOrigin && element) {
3386            this.currentImageSize = utils.getSize(element, this.outer, top + bottom, __slideVideoInfo && this.settings.videoMaxSize);
3387            transform = utils.getTransform(element, this.outer, top, bottom, this.currentImageSize);
3388        }
3389        if (!this.zoomFromOrigin || !transform) {
3390            this.outer.addClass(this.settings.startClass);
3391            this.getSlideItem(index).removeClass('lg-complete');
3392        }
3393        var timeout = this.settings.zoomFromOrigin
3394            ? 100
3395            : this.settings.backdropDuration;
3396        setTimeout(function () {
3397            _this.outer.addClass('lg-components-open');
3398        }, timeout);
3399        this.index = index;
3400        this.LGel.trigger(lGEvents.beforeOpen);
3401        // add class lg-current to remove initial transition
3402        this.getSlideItem(index).addClass('lg-current');
3403        this.lGalleryOn = false;
3404        // Store the current scroll top value to scroll back after closing the gallery..
3405        this.prevScrollTop = $LG(window).scrollTop();
3406        setTimeout(function () {
3407            // Need to check both zoomFromOrigin and transform values as we need to set set the
3408            // default opening animation if user missed to add the lg-size attribute
3409            if (_this.zoomFromOrigin && transform) {
3410                var currentSlide_1 = _this.getSlideItem(index);
3411                currentSlide_1.css('transform', transform);
3412                setTimeout(function () {
3413                    currentSlide_1
3414                        .addClass('lg-start-progress lg-start-end-progress')
3415                        .css('transition-duration', _this.settings.startAnimationDuration + 'ms');
3416                    _this.outer.addClass('lg-zoom-from-image');
3417                });
3418                setTimeout(function () {
3419                    currentSlide_1.css('transform', 'translate3d(0, 0, 0)');
3420                }, 100);
3421            }
3422            setTimeout(function () {
3423                _this.$backdrop.addClass('in');
3424                _this.$container.addClass('lg-show-in');
3425            }, 10);
3426            setTimeout(function () {
3427                if (_this.settings.trapFocus &&
3428                    document.body === _this.settings.container) {
3429                    _this.trapFocus();
3430                }
3431            }, _this.settings.backdropDuration + 50);
3432            // lg-visible class resets gallery opacity to 1
3433            if (!_this.zoomFromOrigin || !transform) {
3434                setTimeout(function () {
3435                    _this.outer.addClass('lg-visible');
3436                }, _this.settings.backdropDuration);
3437            }
3438            // initiate slide function
3439            _this.slide(index, false, false, false);
3440            _this.LGel.trigger(lGEvents.afterOpen);
3441        });
3442        if (document.body === this.settings.container) {
3443            $LG('html').addClass('lg-on');
3444        }
3445    };
3446    /**
3447     * Note - Changing the position of the media on every slide transition creates a flickering effect.
3448     * Therefore, The height of the caption is calculated dynamically, only once based on the first slide caption.
3449     * if you have dynamic captions for each media,
3450     * you can provide an appropriate height for the captions via allowMediaOverlap option
3451     */
3452    LightGallery.prototype.getMediaContainerPosition = function () {
3453        if (this.settings.allowMediaOverlap) {
3454            return {
3455                top: 0,
3456                bottom: 0,
3457            };
3458        }
3459        var top = this.$toolbar.get().clientHeight || 0;
3460        var subHtml = this.outer.find('.lg-components .lg-sub-html').get();
3461        var captionHeight = this.settings.defaultCaptionHeight ||
3462            (subHtml && subHtml.clientHeight) ||
3463            0;
3464        var thumbContainer = this.outer.find('.lg-thumb-outer').get();
3465        var thumbHeight = thumbContainer ? thumbContainer.clientHeight : 0;
3466        var bottom = thumbHeight + captionHeight;
3467        return {
3468            top: top,
3469            bottom: bottom,
3470        };
3471    };
3472    LightGallery.prototype.setMediaContainerPosition = function (top, bottom) {
3473        if (top === void 0) { top = 0; }
3474        if (bottom === void 0) { bottom = 0; }
3475        this.$content.css('top', top + 'px').css('bottom', bottom + 'px');
3476    };
3477    LightGallery.prototype.hideBars = function () {
3478        var _this = this;
3479        // Hide controllers if mouse doesn't move for some period
3480        setTimeout(function () {
3481            _this.outer.removeClass('lg-hide-items');
3482            if (_this.settings.hideBarsDelay > 0) {
3483                _this.outer.on('mousemove.lg click.lg touchstart.lg', function () {
3484                    _this.outer.removeClass('lg-hide-items');
3485                    clearTimeout(_this.hideBarTimeout);
3486                    // Timeout will be cleared on each slide movement also
3487                    _this.hideBarTimeout = setTimeout(function () {
3488                        _this.outer.addClass('lg-hide-items');
3489                    }, _this.settings.hideBarsDelay);
3490                });
3491                _this.outer.trigger('mousemove.lg');
3492            }
3493        }, this.settings.showBarsAfter);
3494    };
3495    LightGallery.prototype.initPictureFill = function ($img) {
3496        if (this.settings.supportLegacyBrowser) {
3497            try {
3498                picturefill({
3499                    elements: [$img.get()],
3500                });
3501            }
3502            catch (e) {
3503                console.warn('lightGallery :- If you want srcset or picture tag to be supported for older browser please include picturefil javascript library in your document.');
3504            }
3505        }
3506    };
3507    /**
3508     *  @desc Create image counter
3509     *  Ex: 1/10
3510     */
3511    LightGallery.prototype.counter = function () {
3512        if (this.settings.counter) {
3513            var counterHtml = "<div class=\"lg-counter\" role=\"status\" aria-live=\"polite\">\n                <span id=\"" + this.getIdName('lg-counter-current') + "\" class=\"lg-counter-current\">" + (this.index + 1) + " </span> /\n                <span id=\"" + this.getIdName('lg-counter-all') + "\" class=\"lg-counter-all\">" + this.galleryItems.length + " </span></div>";
3514            this.outer.find(this.settings.appendCounterTo).append(counterHtml);
3515        }
3516    };
3517    /**
3518     *  @desc add sub-html into the slide
3519     *  @param {Number} index - index of the slide
3520     */
3521    LightGallery.prototype.addHtml = function (index) {
3522        var subHtml;
3523        var subHtmlUrl;
3524        if (this.galleryItems[index].subHtmlUrl) {
3525            subHtmlUrl = this.galleryItems[index].subHtmlUrl;
3526        }
3527        else {
3528            subHtml = this.galleryItems[index].subHtml;
3529        }
3530        if (!subHtmlUrl) {
3531            if (subHtml) {
3532                // get first letter of sub-html
3533                // if first letter starts with . or # get the html form the jQuery object
3534                var fL = subHtml.substring(0, 1);
3535                if (fL === '.' || fL === '#') {
3536                    if (this.settings.subHtmlSelectorRelative &&
3537                        !this.settings.dynamic) {
3538                        subHtml = $LG(this.items)
3539                            .eq(index)
3540                            .find(subHtml)
3541                            .first()
3542                            .html();
3543                    }
3544                    else {
3545                        subHtml = $LG(subHtml).first().html();
3546                    }
3547                }
3548            }
3549            else {
3550                subHtml = '';
3551            }
3552        }
3553        if (this.settings.appendSubHtmlTo !== '.lg-item') {
3554            if (subHtmlUrl) {
3555                this.outer.find('.lg-sub-html').load(subHtmlUrl);
3556            }
3557            else {
3558                this.outer.find('.lg-sub-html').html(subHtml);
3559            }
3560        }
3561        else {
3562            var currentSlide = $LG(this.getSlideItemId(index));
3563            if (subHtmlUrl) {
3564                currentSlide.load(subHtmlUrl);
3565            }
3566            else {
3567                currentSlide.append("<div class=\"lg-sub-html\">" + subHtml + "</div>");
3568            }
3569        }
3570        // Add lg-empty-html class if title doesn't exist
3571        if (typeof subHtml !== 'undefined' && subHtml !== null) {
3572            if (subHtml === '') {
3573                this.outer
3574                    .find(this.settings.appendSubHtmlTo)
3575                    .addClass('lg-empty-html');
3576            }
3577            else {
3578                this.outer
3579                    .find(this.settings.appendSubHtmlTo)
3580                    .removeClass('lg-empty-html');
3581            }
3582        }
3583        this.LGel.trigger(lGEvents.afterAppendSubHtml, {
3584            index: index,
3585        });
3586    };
3587    /**
3588     *  @desc Preload slides
3589     *  @param {Number} index - index of the slide
3590     * @todo preload not working for the first slide, Also, should work for the first and last slide as well
3591     */
3592    LightGallery.prototype.preload = function (index) {
3593        for (var i = 1; i <= this.settings.preload; i++) {
3594            if (i >= this.galleryItems.length - index) {
3595                break;
3596            }
3597            this.loadContent(index + i, false);
3598        }
3599        for (var j = 1; j <= this.settings.preload; j++) {
3600            if (index - j < 0) {
3601                break;
3602            }
3603            this.loadContent(index - j, false);
3604        }
3605    };
3606    LightGallery.prototype.getDummyImgStyles = function (imageSize) {
3607        if (!imageSize)
3608            return '';
3609        return "width:" + imageSize.width + "px;\n                margin-left: -" + imageSize.width / 2 + "px;\n                margin-top: -" + imageSize.height / 2 + "px;\n                height:" + imageSize.height + "px";
3610    };
3611    LightGallery.prototype.getVideoContStyle = function (imageSize) {
3612        if (!imageSize)
3613            return '';
3614        return "width:" + imageSize.width + "px;\n                height:" + imageSize.height + "px";
3615    };
3616    LightGallery.prototype.getDummyImageContent = function ($currentSlide, index, alt) {
3617        var $currentItem;
3618        if (!this.settings.dynamic) {
3619            $currentItem = $LG(this.items).eq(index);
3620        }
3621        if ($currentItem) {
3622            var _dummyImgSrc = void 0;
3623            if (!this.settings.exThumbImage) {
3624                _dummyImgSrc = $currentItem.find('img').first().attr('src');
3625            }
3626            else {
3627                _dummyImgSrc = $currentItem.attr(this.settings.exThumbImage);
3628            }
3629            if (!_dummyImgSrc)
3630                return '';
3631            var imgStyle = this.getDummyImgStyles(this.currentImageSize);
3632            var dummyImgContent = "<img " + alt + " style=\"" + imgStyle + "\" class=\"lg-dummy-img\" src=\"" + _dummyImgSrc + "\" />";
3633            $currentSlide.addClass('lg-first-slide');
3634            this.outer.addClass('lg-first-slide-loading');
3635            return dummyImgContent;
3636        }
3637        return '';
3638    };
3639    LightGallery.prototype.setImgMarkup = function (src, $currentSlide, index) {
3640        var currentGalleryItem = this.galleryItems[index];
3641        var alt = currentGalleryItem.alt, srcset = currentGalleryItem.srcset, sizes = currentGalleryItem.sizes, sources = currentGalleryItem.sources;
3642        // Use the thumbnail as dummy image which will be resized to actual image size and
3643        // displayed on top of actual image
3644        var imgContent = '';
3645        var altAttr = alt ? 'alt="' + alt + '"' : '';
3646        if (this.isFirstSlideWithZoomAnimation()) {
3647            imgContent = this.getDummyImageContent($currentSlide, index, altAttr);
3648        }
3649        else {
3650            imgContent = utils.getImgMarkup(index, src, altAttr, srcset, sizes, sources);
3651        }
3652        var imgMarkup = "<picture class=\"lg-img-wrap\"> " + imgContent + "</picture>";
3653        $currentSlide.prepend(imgMarkup);
3654    };
3655    LightGallery.prototype.onSlideObjectLoad = function ($slide, isHTML5VideoWithoutPoster, onLoad, onError) {
3656        var mediaObject = $slide.find('.lg-object').first();
3657        if (utils.isImageLoaded(mediaObject.get()) ||
3658            isHTML5VideoWithoutPoster) {
3659            onLoad();
3660        }
3661        else {
3662            mediaObject.on('load.lg error.lg', function () {
3663                onLoad && onLoad();
3664            });
3665            mediaObject.on('error.lg', function () {
3666                onError && onError();
3667            });
3668        }
3669    };
3670    /**
3671     *
3672     * @param $el Current slide item
3673     * @param index
3674     * @param delay Delay is 0 except first time
3675     * @param speed Speed is same as delay, except it is 0 if gallery is opened via hash plugin
3676     * @param isFirstSlide
3677     */
3678    LightGallery.prototype.onLgObjectLoad = function (currentSlide, index, delay, speed, isFirstSlide, isHTML5VideoWithoutPoster) {
3679        var _this = this;
3680        this.onSlideObjectLoad(currentSlide, isHTML5VideoWithoutPoster, function () {
3681            _this.triggerSlideItemLoad(currentSlide, index, delay, speed, isFirstSlide);
3682        }, function () {
3683            currentSlide.addClass('lg-complete lg-complete_');
3684            currentSlide.html('<span class="lg-error-msg">Oops... Failed to load content...</span>');
3685        });
3686    };
3687    LightGallery.prototype.triggerSlideItemLoad = function ($currentSlide, index, delay, speed, isFirstSlide) {
3688        var _this = this;
3689        var currentGalleryItem = this.galleryItems[index];
3690        // Adding delay for video slides without poster for better performance and user experience
3691        // Videos should start playing once once the gallery is completely loaded
3692        var _speed = isFirstSlide &&
3693            this.getSlideType(currentGalleryItem) === 'video' &&
3694            !currentGalleryItem.poster
3695            ? speed
3696            : 0;
3697        setTimeout(function () {
3698            $currentSlide.addClass('lg-complete lg-complete_');
3699            _this.LGel.trigger(lGEvents.slideItemLoad, {
3700                index: index,
3701                delay: delay || 0,
3702                isFirstSlide: isFirstSlide,
3703            });
3704        }, _speed);
3705    };
3706    LightGallery.prototype.isFirstSlideWithZoomAnimation = function () {
3707        return !!(!this.lGalleryOn &&
3708            this.zoomFromOrigin &&
3709            this.currentImageSize);
3710    };
3711    // Add video slideInfo
3712    LightGallery.prototype.addSlideVideoInfo = function (items) {
3713        var _this = this;
3714        items.forEach(function (element, index) {
3715            element.__slideVideoInfo = utils.isVideo(element.src, !!element.video, index);
3716            if (element.__slideVideoInfo &&
3717                _this.settings.loadYouTubePoster &&
3718                !element.poster &&
3719                element.__slideVideoInfo.youtube) {
3720                element.poster = "//img.youtube.com/vi/" + element.__slideVideoInfo.youtube[1] + "/maxresdefault.jpg";
3721            }
3722        });
3723    };
3724    /**
3725     *  Load slide content into slide.
3726     *  This is used to load content into slides that is not visible too
3727     *  @param {Number} index - index of the slide.
3728     *  @param {Boolean} rec - if true call loadcontent() function again.
3729     */
3730    LightGallery.prototype.loadContent = function (index, rec) {
3731        var _this = this;
3732        var currentGalleryItem = this.galleryItems[index];
3733        var $currentSlide = $LG(this.getSlideItemId(index));
3734        var poster = currentGalleryItem.poster, srcset = currentGalleryItem.srcset, sizes = currentGalleryItem.sizes, sources = currentGalleryItem.sources;
3735        var src = currentGalleryItem.src;
3736        var video = currentGalleryItem.video;
3737        var _html5Video = video && typeof video === 'string' ? JSON.parse(video) : video;
3738        if (currentGalleryItem.responsive) {
3739            var srcDyItms = currentGalleryItem.responsive.split(',');
3740            src = utils.getResponsiveSrc(srcDyItms) || src;
3741        }
3742        var videoInfo = currentGalleryItem.__slideVideoInfo;
3743        var lgVideoStyle = '';
3744        var iframe = !!currentGalleryItem.iframe;
3745        var isFirstSlide = !this.lGalleryOn;
3746        // delay for adding complete class. it is 0 except first time.
3747        var delay = 0;
3748        if (isFirstSlide) {
3749            if (this.zoomFromOrigin && this.currentImageSize) {
3750                delay = this.settings.startAnimationDuration + 10;
3751            }
3752            else {
3753                delay = this.settings.backdropDuration + 10;
3754            }
3755        }
3756        if (!$currentSlide.hasClass('lg-loaded')) {
3757            if (videoInfo) {
3758                var _a = this.mediaContainerPosition, top_2 = _a.top, bottom = _a.bottom;
3759                var videoSize = utils.getSize(this.items[index], this.outer, top_2 + bottom, videoInfo && this.settings.videoMaxSize);
3760                lgVideoStyle = this.getVideoContStyle(videoSize);
3761            }
3762            if (iframe) {
3763                var markup = utils.getIframeMarkup(this.settings.iframeWidth, this.settings.iframeHeight, this.settings.iframeMaxWidth, this.settings.iframeMaxHeight, src, currentGalleryItem.iframeTitle);
3764                $currentSlide.prepend(markup);
3765            }
3766            else if (poster) {
3767                var dummyImg = '';
3768                var hasStartAnimation = isFirstSlide &&
3769                    this.zoomFromOrigin &&
3770                    this.currentImageSize;
3771                if (hasStartAnimation) {
3772                    dummyImg = this.getDummyImageContent($currentSlide, index, '');
3773                }
3774                var markup = utils.getVideoPosterMarkup(poster, dummyImg || '', lgVideoStyle, this.settings.strings['playVideo'], videoInfo);
3775                $currentSlide.prepend(markup);
3776            }
3777            else if (videoInfo) {
3778                var markup = "<div class=\"lg-video-cont \" style=\"" + lgVideoStyle + "\"></div>";
3779                $currentSlide.prepend(markup);
3780            }
3781            else {
3782                this.setImgMarkup(src, $currentSlide, index);
3783                if (srcset || sources) {
3784                    var $img = $currentSlide.find('.lg-object');
3785                    this.initPictureFill($img);
3786                }
3787            }
3788            if (poster || videoInfo) {
3789                this.LGel.trigger(lGEvents.hasVideo, {
3790                    index: index,
3791                    src: src,
3792                    html5Video: _html5Video,
3793                    hasPoster: !!poster,
3794                });
3795            }
3796            this.LGel.trigger(lGEvents.afterAppendSlide, { index: index });
3797            if (this.lGalleryOn &&
3798                this.settings.appendSubHtmlTo === '.lg-item') {
3799                this.addHtml(index);
3800            }
3801        }
3802        // For first time add some delay for displaying the start animation.
3803        var _speed = 0;
3804        // Do not change the delay value because it is required for zoom plugin.
3805        // If gallery opened from direct url (hash) speed value should be 0
3806        if (delay && !$LG(document.body).hasClass('lg-from-hash')) {
3807            _speed = delay;
3808        }
3809        // Only for first slide and zoomFromOrigin is enabled
3810        if (this.isFirstSlideWithZoomAnimation()) {
3811            setTimeout(function () {
3812                $currentSlide
3813                    .removeClass('lg-start-end-progress lg-start-progress')
3814                    .removeAttr('style');
3815            }, this.settings.startAnimationDuration + 100);
3816            if (!$currentSlide.hasClass('lg-loaded')) {
3817                setTimeout(function () {
3818                    if (_this.getSlideType(currentGalleryItem) === 'image') {
3819                        var alt = currentGalleryItem.alt;
3820                        var altAttr = alt ? 'alt="' + alt + '"' : '';
3821                        $currentSlide
3822                            .find('.lg-img-wrap')
3823                            .append(utils.getImgMarkup(index, src, altAttr, srcset, sizes, currentGalleryItem.sources));
3824                        if (srcset || sources) {
3825                            var $img = $currentSlide.find('.lg-object');
3826                            _this.initPictureFill($img);
3827                        }
3828                    }
3829                    if (_this.getSlideType(currentGalleryItem) === 'image' ||
3830                        (_this.getSlideType(currentGalleryItem) === 'video' &&
3831                            poster)) {
3832                        _this.onLgObjectLoad($currentSlide, index, delay, _speed, true, false);
3833                        // load remaining slides once the slide is completely loaded
3834                        _this.onSlideObjectLoad($currentSlide, !!(videoInfo && videoInfo.html5 && !poster), function () {
3835                            _this.loadContentOnFirstSlideLoad(index, $currentSlide, _speed);
3836                        }, function () {
3837                            _this.loadContentOnFirstSlideLoad(index, $currentSlide, _speed);
3838                        });
3839                    }
3840                }, this.settings.startAnimationDuration + 100);
3841            }
3842        }
3843        // SLide content has been added to dom
3844        $currentSlide.addClass('lg-loaded');
3845        if (!this.isFirstSlideWithZoomAnimation() ||
3846            (this.getSlideType(currentGalleryItem) === 'video' && !poster)) {
3847            this.onLgObjectLoad($currentSlide, index, delay, _speed, isFirstSlide, !!(videoInfo && videoInfo.html5 && !poster));
3848        }
3849        // When gallery is opened once content is loaded (second time) need to add lg-complete class for css styling
3850        if ((!this.zoomFromOrigin || !this.currentImageSize) &&
3851            $currentSlide.hasClass('lg-complete_') &&
3852            !this.lGalleryOn) {
3853            setTimeout(function () {
3854                $currentSlide.addClass('lg-complete');
3855            }, this.settings.backdropDuration);
3856        }
3857        // Content loaded
3858        // Need to set lGalleryOn before calling preload function
3859        this.lGalleryOn = true;
3860        if (rec === true) {
3861            if (!$currentSlide.hasClass('lg-complete_')) {
3862                $currentSlide
3863                    .find('.lg-object')
3864                    .first()
3865                    .on('load.lg error.lg', function () {
3866                    _this.preload(index);
3867                });
3868            }
3869            else {
3870                this.preload(index);
3871            }
3872        }
3873    };
3874    /**
3875     * @desc Remove dummy image content and load next slides
3876     * Called only for the first time if zoomFromOrigin animation is enabled
3877     * @param index
3878     * @param $currentSlide
3879     * @param speed
3880     */
3881    LightGallery.prototype.loadContentOnFirstSlideLoad = function (index, $currentSlide, speed) {
3882        var _this = this;
3883        setTimeout(function () {
3884            $currentSlide.find('.lg-dummy-img').remove();
3885            $currentSlide.removeClass('lg-first-slide');
3886            _this.outer.removeClass('lg-first-slide-loading');
3887            _this.isDummyImageRemoved = true;
3888            _this.preload(index);
3889        }, speed + 300);
3890    };
3891    LightGallery.prototype.getItemsToBeInsertedToDom = function (index, prevIndex, numberOfItems) {
3892        var _this = this;
3893        if (numberOfItems === void 0) { numberOfItems = 0; }
3894        var itemsToBeInsertedToDom = [];
3895        // Minimum 2 items should be there
3896        var possibleNumberOfItems = Math.max(numberOfItems, 3);
3897        possibleNumberOfItems = Math.min(possibleNumberOfItems, this.galleryItems.length);
3898        var prevIndexItem = "lg-item-" + this.lgId + "-" + prevIndex;
3899        if (this.galleryItems.length <= 3) {
3900            this.galleryItems.forEach(function (_element, index) {
3901                itemsToBeInsertedToDom.push("lg-item-" + _this.lgId + "-" + index);
3902            });
3903            return itemsToBeInsertedToDom;
3904        }
3905        if (index < (this.galleryItems.length - 1) / 2) {
3906            for (var idx = index; idx > index - possibleNumberOfItems / 2 && idx >= 0; idx--) {
3907                itemsToBeInsertedToDom.push("lg-item-" + this.lgId + "-" + idx);
3908            }
3909            var numberOfExistingItems = itemsToBeInsertedToDom.length;
3910            for (var idx = 0; idx < possibleNumberOfItems - numberOfExistingItems; idx++) {
3911                itemsToBeInsertedToDom.push("lg-item-" + this.lgId + "-" + (index + idx + 1));
3912            }
3913        }
3914        else {
3915            for (var idx = index; idx <= this.galleryItems.length - 1 &&
3916                idx < index + possibleNumberOfItems / 2; idx++) {
3917                itemsToBeInsertedToDom.push("lg-item-" + this.lgId + "-" + idx);
3918            }
3919            var numberOfExistingItems = itemsToBeInsertedToDom.length;
3920            for (var idx = 0; idx < possibleNumberOfItems - numberOfExistingItems; idx++) {
3921                itemsToBeInsertedToDom.push("lg-item-" + this.lgId + "-" + (index - idx - 1));
3922            }
3923        }
3924        if (this.settings.loop) {
3925            if (index === this.galleryItems.length - 1) {
3926                itemsToBeInsertedToDom.push("lg-item-" + this.lgId + "-" + 0);
3927            }
3928            else if (index === 0) {
3929                itemsToBeInsertedToDom.push("lg-item-" + this.lgId + "-" + (this.galleryItems.length - 1));
3930            }
3931        }
3932        if (itemsToBeInsertedToDom.indexOf(prevIndexItem) === -1) {
3933            itemsToBeInsertedToDom.push("lg-item-" + this.lgId + "-" + prevIndex);
3934        }
3935        return itemsToBeInsertedToDom;
3936    };
3937    LightGallery.prototype.organizeSlideItems = function (index, prevIndex) {
3938        var _this = this;
3939        var itemsToBeInsertedToDom = this.getItemsToBeInsertedToDom(index, prevIndex, this.settings.numberOfSlideItemsInDom);
3940        itemsToBeInsertedToDom.forEach(function (item) {
3941            if (_this.currentItemsInDom.indexOf(item) === -1) {
3942                _this.$inner.append("<div id=\"" + item + "\" class=\"lg-item\"></div>");
3943            }
3944        });
3945        this.currentItemsInDom.forEach(function (item) {
3946            if (itemsToBeInsertedToDom.indexOf(item) === -1) {
3947                $LG("#" + item).remove();
3948            }
3949        });
3950        return itemsToBeInsertedToDom;
3951    };
3952    /**
3953     * Get previous index of the slide
3954     */
3955    LightGallery.prototype.getPreviousSlideIndex = function () {
3956        var prevIndex = 0;
3957        try {
3958            var currentItemId = this.outer
3959                .find('.lg-current')
3960                .first()
3961                .attr('id');
3962            prevIndex = parseInt(currentItemId.split('-')[3]) || 0;
3963        }
3964        catch (error) {
3965            prevIndex = 0;
3966        }
3967        return prevIndex;
3968    };
3969    LightGallery.prototype.setDownloadValue = function (index) {
3970        if (this.settings.download) {
3971            var currentGalleryItem = this.galleryItems[index];
3972            var hideDownloadBtn = currentGalleryItem.downloadUrl === false ||
3973                currentGalleryItem.downloadUrl === 'false';
3974            if (hideDownloadBtn) {
3975                this.outer.addClass('lg-hide-download');
3976            }
3977            else {
3978                var $download = this.getElementById('lg-download');
3979                this.outer.removeClass('lg-hide-download');
3980                $download.attr('href', currentGalleryItem.downloadUrl ||
3981                    currentGalleryItem.src);
3982                if (currentGalleryItem.download) {
3983                    $download.attr('download', currentGalleryItem.download);
3984                }
3985            }
3986        }
3987    };
3988    LightGallery.prototype.makeSlideAnimation = function (direction, currentSlideItem, previousSlideItem) {
3989        var _this = this;
3990        if (this.lGalleryOn) {
3991            previousSlideItem.addClass('lg-slide-progress');
3992        }
3993        setTimeout(function () {
3994            // remove all transitions
3995            _this.outer.addClass('lg-no-trans');
3996            _this.outer
3997                .find('.lg-item')
3998                .removeClass('lg-prev-slide lg-next-slide');
3999            if (direction === 'prev') {
4000                //prevslide
4001                currentSlideItem.addClass('lg-prev-slide');
4002                previousSlideItem.addClass('lg-next-slide');
4003            }
4004            else {
4005                // next slide
4006                currentSlideItem.addClass('lg-next-slide');
4007                previousSlideItem.addClass('lg-prev-slide');
4008            }
4009            // give 50 ms for browser to add/remove class
4010            setTimeout(function () {
4011                _this.outer.find('.lg-item').removeClass('lg-current');
4012                currentSlideItem.addClass('lg-current');
4013                // reset all transitions
4014                _this.outer.removeClass('lg-no-trans');
4015            }, 50);
4016        }, this.lGalleryOn ? this.settings.slideDelay : 0);
4017    };
4018    /**
4019     * Goto a specific slide.
4020     * @param {Number} index - index of the slide
4021     * @param {Boolean} fromTouch - true if slide function called via touch event or mouse drag
4022     * @param {Boolean} fromThumb - true if slide function called via thumbnail click
4023     * @param {String} direction - Direction of the slide(next/prev)
4024     * @category lGPublicMethods
4025     * @example
4026     *  const plugin = lightGallery();
4027     *  // to go to 3rd slide
4028     *  plugin.slide(2);
4029     *
4030     */
4031    LightGallery.prototype.slide = function (index, fromTouch, fromThumb, direction) {
4032        var _this = this;
4033        var prevIndex = this.getPreviousSlideIndex();
4034        this.currentItemsInDom = this.organizeSlideItems(index, prevIndex);
4035        // Prevent multiple call, Required for hsh plugin
4036        if (this.lGalleryOn && prevIndex === index) {
4037            return;
4038        }
4039        var numberOfGalleryItems = this.galleryItems.length;
4040        if (!this.lgBusy) {
4041            if (this.settings.counter) {
4042                this.updateCurrentCounter(index);
4043            }
4044            var currentSlideItem = this.getSlideItem(index);
4045            var previousSlideItem_1 = this.getSlideItem(prevIndex);
4046            var currentGalleryItem = this.galleryItems[index];
4047            var videoInfo = currentGalleryItem.__slideVideoInfo;
4048            this.outer.attr('data-lg-slide-type', this.getSlideType(currentGalleryItem));
4049            this.setDownloadValue(index);
4050            if (videoInfo) {
4051                var _a = this.mediaContainerPosition, top_3 = _a.top, bottom = _a.bottom;
4052                var videoSize = utils.getSize(this.items[index], this.outer, top_3 + bottom, videoInfo && this.settings.videoMaxSize);
4053                this.resizeVideoSlide(index, videoSize);
4054            }
4055            this.LGel.trigger(lGEvents.beforeSlide, {
4056                prevIndex: prevIndex,
4057                index: index,
4058                fromTouch: !!fromTouch,
4059                fromThumb: !!fromThumb,
4060            });
4061            this.lgBusy = true;
4062            clearTimeout(this.hideBarTimeout);
4063            this.arrowDisable(index);
4064            if (!direction) {
4065                if (index < prevIndex) {
4066                    direction = 'prev';
4067                }
4068                else if (index > prevIndex) {
4069                    direction = 'next';
4070                }
4071            }
4072            if (!fromTouch) {
4073                this.makeSlideAnimation(direction, currentSlideItem, previousSlideItem_1);
4074            }
4075            else {
4076                this.outer
4077                    .find('.lg-item')
4078                    .removeClass('lg-prev-slide lg-current lg-next-slide');
4079                var touchPrev = void 0;
4080                var touchNext = void 0;
4081                if (numberOfGalleryItems > 2) {
4082                    touchPrev = index - 1;
4083                    touchNext = index + 1;
4084                    if (index === 0 && prevIndex === numberOfGalleryItems - 1) {
4085                        // next slide
4086                        touchNext = 0;
4087                        touchPrev = numberOfGalleryItems - 1;
4088                    }
4089                    else if (index === numberOfGalleryItems - 1 &&
4090                        prevIndex === 0) {
4091                        // prev slide
4092                        touchNext = 0;
4093                        touchPrev = numberOfGalleryItems - 1;
4094                    }
4095                }
4096                else {
4097                    touchPrev = 0;
4098                    touchNext = 1;
4099                }
4100                if (direction === 'prev') {
4101                    this.getSlideItem(touchNext).addClass('lg-next-slide');
4102                }
4103                else {
4104                    this.getSlideItem(touchPrev).addClass('lg-prev-slide');
4105                }
4106                currentSlideItem.addClass('lg-current');
4107            }
4108            // Do not put load content in set timeout as it needs to load immediately when the gallery is opened
4109            if (!this.lGalleryOn) {
4110                this.loadContent(index, true);
4111            }
4112            else {
4113                setTimeout(function () {
4114                    _this.loadContent(index, true);
4115                    // Add title if this.settings.appendSubHtmlTo === lg-sub-html
4116                    if (_this.settings.appendSubHtmlTo !== '.lg-item') {
4117                        _this.addHtml(index);
4118                    }
4119                }, this.settings.speed + 50 + (fromTouch ? 0 : this.settings.slideDelay));
4120            }
4121            setTimeout(function () {
4122                _this.lgBusy = false;
4123                previousSlideItem_1.removeClass('lg-slide-progress');
4124                _this.LGel.trigger(lGEvents.afterSlide, {
4125                    prevIndex: prevIndex,
4126                    index: index,
4127                    fromTouch: fromTouch,
4128                    fromThumb: fromThumb,
4129                });
4130            }, (this.lGalleryOn ? this.settings.speed + 100 : 100) + (fromTouch ? 0 : this.settings.slideDelay));
4131        }
4132        this.index = index;
4133    };
4134    LightGallery.prototype.updateCurrentCounter = function (index) {
4135        this.getElementById('lg-counter-current').html(index + 1 + '');
4136    };
4137    LightGallery.prototype.updateCounterTotal = function () {
4138        this.getElementById('lg-counter-all').html(this.galleryItems.length + '');
4139    };
4140    LightGallery.prototype.getSlideType = function (item) {
4141        if (item.__slideVideoInfo) {
4142            return 'video';
4143        }
4144        else if (item.iframe) {
4145            return 'iframe';
4146        }
4147        else {
4148            return 'image';
4149        }
4150    };
4151    LightGallery.prototype.touchMove = function (startCoords, endCoords, e) {
4152        var distanceX = endCoords.pageX - startCoords.pageX;
4153        var distanceY = endCoords.pageY - startCoords.pageY;
4154        var allowSwipe = false;
4155        if (this.swipeDirection) {
4156            allowSwipe = true;
4157        }
4158        else {
4159            if (Math.abs(distanceX) > 15) {
4160                this.swipeDirection = 'horizontal';
4161                allowSwipe = true;
4162            }
4163            else if (Math.abs(distanceY) > 15) {
4164                this.swipeDirection = 'vertical';
4165                allowSwipe = true;
4166            }
4167        }
4168        if (!allowSwipe) {
4169            return;
4170        }
4171        var $currentSlide = this.getSlideItem(this.index);
4172        if (this.swipeDirection === 'horizontal') {
4173            e === null || e === void 0 ? void 0 : e.preventDefault();
4174            // reset opacity and transition duration
4175            this.outer.addClass('lg-dragging');
4176            // move current slide
4177            this.setTranslate($currentSlide, distanceX, 0);
4178            // move next and prev slide with current slide
4179            var width = $currentSlide.get().offsetWidth;
4180            var slideWidthAmount = (width * 15) / 100;
4181            var gutter = slideWidthAmount - Math.abs((distanceX * 10) / 100);
4182            this.setTranslate(this.outer.find('.lg-prev-slide').first(), -width + distanceX - gutter, 0);
4183            this.setTranslate(this.outer.find('.lg-next-slide').first(), width + distanceX + gutter, 0);
4184        }
4185        else if (this.swipeDirection === 'vertical') {
4186            if (this.settings.swipeToClose) {
4187                e === null || e === void 0 ? void 0 : e.preventDefault();
4188                this.$container.addClass('lg-dragging-vertical');
4189                var opacity = 1 - Math.abs(distanceY) / window.innerHeight;
4190                this.$backdrop.css('opacity', opacity);
4191                var scale = 1 - Math.abs(distanceY) / (window.innerWidth * 2);
4192                this.setTranslate($currentSlide, 0, distanceY, scale, scale);
4193                if (Math.abs(distanceY) > 100) {
4194                    this.outer
4195                        .addClass('lg-hide-items')
4196                        .removeClass('lg-components-open');
4197                }
4198            }
4199        }
4200    };
4201    LightGallery.prototype.touchEnd = function (endCoords, startCoords, event) {
4202        var _this = this;
4203        var distance;
4204        // keep slide animation for any mode while dragg/swipe
4205        if (this.settings.mode !== 'lg-slide') {
4206            this.outer.addClass('lg-slide');
4207        }
4208        // set transition duration
4209        setTimeout(function () {
4210            _this.$container.removeClass('lg-dragging-vertical');
4211            _this.outer
4212                .removeClass('lg-dragging lg-hide-items')
4213                .addClass('lg-components-open');
4214            var triggerClick = true;
4215            if (_this.swipeDirection === 'horizontal') {
4216                distance = endCoords.pageX - startCoords.pageX;
4217                var distanceAbs = Math.abs(endCoords.pageX - startCoords.pageX);
4218                if (distance < 0 &&
4219                    distanceAbs > _this.settings.swipeThreshold) {
4220                    _this.goToNextSlide(true);
4221                    triggerClick = false;
4222                }
4223                else if (distance > 0 &&
4224                    distanceAbs > _this.settings.swipeThreshold) {
4225                    _this.goToPrevSlide(true);
4226                    triggerClick = false;
4227                }
4228            }
4229            else if (_this.swipeDirection === 'vertical') {
4230                distance = Math.abs(endCoords.pageY - startCoords.pageY);
4231                if (_this.settings.closable &&
4232                    _this.settings.swipeToClose &&
4233                    distance > 100) {
4234                    _this.closeGallery();
4235                    return;
4236                }
4237                else {
4238                    _this.$backdrop.css('opacity', 1);
4239                }
4240            }
4241            _this.outer.find('.lg-item').removeAttr('style');
4242            if (triggerClick &&
4243                Math.abs(endCoords.pageX - startCoords.pageX) < 5) {
4244                // Trigger click if distance is less than 5 pix
4245                var target = $LG(event.target);
4246                if (_this.isPosterElement(target)) {
4247                    _this.LGel.trigger(lGEvents.posterClick);
4248                }
4249            }
4250            _this.swipeDirection = undefined;
4251        });
4252        // remove slide class once drag/swipe is completed if mode is not slide
4253        setTimeout(function () {
4254            if (!_this.outer.hasClass('lg-dragging') &&
4255                _this.settings.mode !== 'lg-slide') {
4256                _this.outer.removeClass('lg-slide');
4257            }
4258        }, this.settings.speed + 100);
4259    };
4260    LightGallery.prototype.enableSwipe = function () {
4261        var _this = this;
4262        var startCoords = {};
4263        var endCoords = {};
4264        var isMoved = false;
4265        var isSwiping = false;
4266        if (this.settings.enableSwipe) {
4267            this.$inner.on('touchstart.lg', function (e) {
4268                _this.dragOrSwipeEnabled = true;
4269                var $item = _this.getSlideItem(_this.index);
4270                if (($LG(e.target).hasClass('lg-item') ||
4271                    $item.get().contains(e.target)) &&
4272                    !_this.outer.hasClass('lg-zoomed') &&
4273                    !_this.lgBusy &&
4274                    e.touches.length === 1) {
4275                    isSwiping = true;
4276                    _this.touchAction = 'swipe';
4277                    _this.manageSwipeClass();
4278                    startCoords = {
4279                        pageX: e.touches[0].pageX,
4280                        pageY: e.touches[0].pageY,
4281                    };
4282                }
4283            });
4284            this.$inner.on('touchmove.lg', function (e) {
4285                if (isSwiping &&
4286                    _this.touchAction === 'swipe' &&
4287                    e.touches.length === 1) {
4288                    endCoords = {
4289                        pageX: e.touches[0].pageX,
4290                        pageY: e.touches[0].pageY,
4291                    };
4292                    _this.touchMove(startCoords, endCoords, e);
4293                    isMoved = true;
4294                }
4295            });
4296            this.$inner.on('touchend.lg', function (event) {
4297                if (_this.touchAction === 'swipe') {
4298                    if (isMoved) {
4299                        isMoved = false;
4300                        _this.touchEnd(endCoords, startCoords, event);
4301                    }
4302                    else if (isSwiping) {
4303                        var target = $LG(event.target);
4304                        if (_this.isPosterElement(target)) {
4305                            _this.LGel.trigger(lGEvents.posterClick);
4306                        }
4307                    }
4308                    _this.touchAction = undefined;
4309                    isSwiping = false;
4310                }
4311            });
4312        }
4313    };
4314    LightGallery.prototype.enableDrag = function () {
4315        var _this = this;
4316        var startCoords = {};
4317        var endCoords = {};
4318        var isDraging = false;
4319        var isMoved = false;
4320        if (this.settings.enableDrag) {
4321            this.outer.on('mousedown.lg', function (e) {
4322                _this.dragOrSwipeEnabled = true;
4323                var $item = _this.getSlideItem(_this.index);
4324                if ($LG(e.target).hasClass('lg-item') ||
4325                    $item.get().contains(e.target)) {
4326                    if (!_this.outer.hasClass('lg-zoomed') && !_this.lgBusy) {
4327                        e.preventDefault();
4328                        if (!_this.lgBusy) {
4329                            _this.manageSwipeClass();
4330                            startCoords = {
4331                                pageX: e.pageX,
4332                                pageY: e.pageY,
4333                            };
4334                            isDraging = true;
4335                            // ** Fix for webkit cursor issue https://code.google.com/p/chromium/issues/detail?id=26723
4336                            _this.outer.get().scrollLeft += 1;
4337                            _this.outer.get().scrollLeft -= 1;
4338                            // *
4339                            _this.outer
4340                                .removeClass('lg-grab')
4341                                .addClass('lg-grabbing');
4342                            _this.LGel.trigger(lGEvents.dragStart);
4343                        }
4344                    }
4345                }
4346            });
4347            $LG(window).on("mousemove.lg.global" + this.lgId, function (e) {
4348                if (isDraging && _this.lgOpened) {
4349                    isMoved = true;
4350                    endCoords = {
4351                        pageX: e.pageX,
4352                        pageY: e.pageY,
4353                    };
4354                    _this.touchMove(startCoords, endCoords);
4355                    _this.LGel.trigger(lGEvents.dragMove);
4356                }
4357            });
4358            $LG(window).on("mouseup.lg.global" + this.lgId, function (event) {
4359                if (!_this.lgOpened) {
4360                    return;
4361                }
4362                var target = $LG(event.target);
4363                if (isMoved) {
4364                    isMoved = false;
4365                    _this.touchEnd(endCoords, startCoords, event);
4366                    _this.LGel.trigger(lGEvents.dragEnd);
4367                }
4368                else if (_this.isPosterElement(target)) {
4369                    _this.LGel.trigger(lGEvents.posterClick);
4370                }
4371                // Prevent execution on click
4372                if (isDraging) {
4373                    isDraging = false;
4374                    _this.outer.removeClass('lg-grabbing').addClass('lg-grab');
4375                }
4376            });
4377        }
4378    };
4379    LightGallery.prototype.triggerPosterClick = function () {
4380        var _this = this;
4381        this.$inner.on('click.lg', function (event) {
4382            if (!_this.dragOrSwipeEnabled &&
4383                _this.isPosterElement($LG(event.target))) {
4384                _this.LGel.trigger(lGEvents.posterClick);
4385            }
4386        });
4387    };
4388    LightGallery.prototype.manageSwipeClass = function () {
4389        var _touchNext = this.index + 1;
4390        var _touchPrev = this.index - 1;
4391        if (this.settings.loop && this.galleryItems.length > 2) {
4392            if (this.index === 0) {
4393                _touchPrev = this.galleryItems.length - 1;
4394            }
4395            else if (this.index === this.galleryItems.length - 1) {
4396                _touchNext = 0;
4397            }
4398        }
4399        this.outer.find('.lg-item').removeClass('lg-next-slide lg-prev-slide');
4400        if (_touchPrev > -1) {
4401            this.getSlideItem(_touchPrev).addClass('lg-prev-slide');
4402        }
4403        this.getSlideItem(_touchNext).addClass('lg-next-slide');
4404    };
4405    /**
4406     * Go to next slide
4407     * @param {Boolean} fromTouch - true if slide function called via touch event
4408     * @category lGPublicMethods
4409     * @example
4410     *  const plugin = lightGallery();
4411     *  plugin.goToNextSlide();
4412     * @see <a href="/demos/methods/">Demo</a>
4413     */
4414    LightGallery.prototype.goToNextSlide = function (fromTouch) {
4415        var _this = this;
4416        var _loop = this.settings.loop;
4417        if (fromTouch && this.galleryItems.length < 3) {
4418            _loop = false;
4419        }
4420        if (!this.lgBusy) {
4421            if (this.index + 1 < this.galleryItems.length) {
4422                this.index++;
4423                this.LGel.trigger(lGEvents.beforeNextSlide, {
4424                    index: this.index,
4425                });
4426                this.slide(this.index, !!fromTouch, false, 'next');
4427            }
4428            else {
4429                if (_loop) {
4430                    this.index = 0;
4431                    this.LGel.trigger(lGEvents.beforeNextSlide, {
4432                        index: this.index,
4433                    });
4434                    this.slide(this.index, !!fromTouch, false, 'next');
4435                }
4436                else if (this.settings.slideEndAnimation && !fromTouch) {
4437                    this.outer.addClass('lg-right-end');
4438                    setTimeout(function () {
4439                        _this.outer.removeClass('lg-right-end');
4440                    }, 400);
4441                }
4442            }
4443        }
4444    };
4445    /**
4446     * Go to previous slides
4447     * @param {Boolean} fromTouch - true if slide function called via touch event
4448     * @category lGPublicMethods
4449     * @example
4450     *  const plugin = lightGallery({});
4451     *  plugin.goToPrevSlide();
4452     * @see <a href="/demos/methods/">Demo</a>
4453     *
4454     */
4455    LightGallery.prototype.goToPrevSlide = function (fromTouch) {
4456        var _this = this;
4457        var _loop = this.settings.loop;
4458        if (fromTouch && this.galleryItems.length < 3) {
4459            _loop = false;
4460        }
4461        if (!this.lgBusy) {
4462            if (this.index > 0) {
4463                this.index--;
4464                this.LGel.trigger(lGEvents.beforePrevSlide, {
4465                    index: this.index,
4466                    fromTouch: fromTouch,
4467                });
4468                this.slide(this.index, !!fromTouch, false, 'prev');
4469            }
4470            else {
4471                if (_loop) {
4472                    this.index = this.galleryItems.length - 1;
4473                    this.LGel.trigger(lGEvents.beforePrevSlide, {
4474                        index: this.index,
4475                        fromTouch: fromTouch,
4476                    });
4477                    this.slide(this.index, !!fromTouch, false, 'prev');
4478                }
4479                else if (this.settings.slideEndAnimation && !fromTouch) {
4480                    this.outer.addClass('lg-left-end');
4481                    setTimeout(function () {
4482                        _this.outer.removeClass('lg-left-end');
4483                    }, 400);
4484                }
4485            }
4486        }
4487    };
4488    LightGallery.prototype.keyPress = function () {
4489        var _this = this;
4490        $LG(window).on("keydown.lg.global" + this.lgId, function (e) {
4491            if (_this.lgOpened &&
4492                _this.settings.escKey === true &&
4493                e.keyCode === 27) {
4494                e.preventDefault();
4495                if (_this.settings.allowMediaOverlap &&
4496                    _this.outer.hasClass('lg-can-toggle') &&
4497                    _this.outer.hasClass('lg-components-open')) {
4498                    _this.outer.removeClass('lg-components-open');
4499                }
4500                else {
4501                    _this.closeGallery();
4502                }
4503            }
4504            if (_this.lgOpened && _this.galleryItems.length > 1) {
4505                if (e.keyCode === 37) {
4506                    e.preventDefault();
4507                    _this.goToPrevSlide();
4508                }
4509                if (e.keyCode === 39) {
4510                    e.preventDefault();
4511                    _this.goToNextSlide();
4512                }
4513            }
4514        });
4515    };
4516    LightGallery.prototype.arrow = function () {
4517        var _this = this;
4518        this.getElementById('lg-prev').on('click.lg', function () {
4519            _this.goToPrevSlide();
4520        });
4521        this.getElementById('lg-next').on('click.lg', function () {
4522            _this.goToNextSlide();
4523        });
4524    };
4525    LightGallery.prototype.arrowDisable = function (index) {
4526        // Disable arrows if settings.hideControlOnEnd is true
4527        if (!this.settings.loop && this.settings.hideControlOnEnd) {
4528            var $prev = this.getElementById('lg-prev');
4529            var $next = this.getElementById('lg-next');
4530            if (index + 1 === this.galleryItems.length) {
4531                $next.attr('disabled', 'disabled').addClass('disabled');
4532            }
4533            else {
4534                $next.removeAttr('disabled').removeClass('disabled');
4535            }
4536            if (index === 0) {
4537                $prev.attr('disabled', 'disabled').addClass('disabled');
4538            }
4539            else {
4540                $prev.removeAttr('disabled').removeClass('disabled');
4541            }
4542        }
4543    };
4544    LightGallery.prototype.setTranslate = function ($el, xValue, yValue, scaleX, scaleY) {
4545        if (scaleX === void 0) { scaleX = 1; }
4546        if (scaleY === void 0) { scaleY = 1; }
4547        $el.css('transform', 'translate3d(' +
4548            xValue +
4549            'px, ' +
4550            yValue +
4551            'px, 0px) scale3d(' +
4552            scaleX +
4553            ', ' +
4554            scaleY +
4555            ', 1)');
4556    };
4557    LightGallery.prototype.mousewheel = function () {
4558        var _this = this;
4559        var lastCall = 0;
4560        this.outer.on('wheel.lg', function (e) {
4561            if (!e.deltaY || _this.galleryItems.length < 2) {
4562                return;
4563            }
4564            e.preventDefault();
4565            var now = new Date().getTime();
4566            if (now - lastCall < 1000) {
4567                return;
4568            }
4569            lastCall = now;
4570            if (e.deltaY > 0) {
4571                _this.goToNextSlide();
4572            }
4573            else if (e.deltaY < 0) {
4574                _this.goToPrevSlide();
4575            }
4576        });
4577    };
4578    LightGallery.prototype.isSlideElement = function (target) {
4579        return (target.hasClass('lg-outer') ||
4580            target.hasClass('lg-item') ||
4581            target.hasClass('lg-img-wrap'));
4582    };
4583    LightGallery.prototype.isPosterElement = function (target) {
4584        var playButton = this.getSlideItem(this.index)
4585            .find('.lg-video-play-button')
4586            .get();
4587        return (target.hasClass('lg-video-poster') ||
4588            target.hasClass('lg-video-play-button') ||
4589            (playButton && playButton.contains(target.get())));
4590    };
4591    /**
4592     * Maximize minimize inline gallery.
4593     * @category lGPublicMethods
4594     */
4595    LightGallery.prototype.toggleMaximize = function () {
4596        var _this = this;
4597        this.getElementById('lg-maximize').on('click.lg', function () {
4598            _this.$container.toggleClass('lg-inline');
4599            _this.refreshOnResize();
4600        });
4601    };
4602    LightGallery.prototype.invalidateItems = function () {
4603        for (var index = 0; index < this.items.length; index++) {
4604            var element = this.items[index];
4605            var $element = $LG(element);
4606            $element.off("click.lgcustom-item-" + $element.attr('data-lg-id'));
4607        }
4608    };
4609    LightGallery.prototype.trapFocus = function () {
4610        var _this = this;
4611        this.$container.get().focus({
4612            preventScroll: true,
4613        });
4614        $LG(window).on("keydown.lg.global" + this.lgId, function (e) {
4615            if (!_this.lgOpened) {
4616                return;
4617            }
4618            var isTabPressed = e.key === 'Tab' || e.keyCode === 9;
4619            if (!isTabPressed) {
4620                return;
4621            }
4622            var focusableEls = utils.getFocusableElements(_this.$container.get());
4623            var firstFocusableEl = focusableEls[0];
4624            var lastFocusableEl = focusableEls[focusableEls.length - 1];
4625            if (e.shiftKey) {
4626                if (document.activeElement === firstFocusableEl) {
4627                    lastFocusableEl.focus();
4628                    e.preventDefault();
4629                }
4630            }
4631            else {
4632                if (document.activeElement === lastFocusableEl) {
4633                    firstFocusableEl.focus();
4634                    e.preventDefault();
4635                }
4636            }
4637        });
4638    };
4639    LightGallery.prototype.manageCloseGallery = function () {
4640        var _this = this;
4641        if (!this.settings.closable)
4642            return;
4643        var mousedown = false;
4644        this.getElementById('lg-close').on('click.lg', function () {
4645            _this.closeGallery();
4646        });
4647        if (this.settings.closeOnTap) {
4648            // If you drag the slide and release outside gallery gets close on chrome
4649            // for preventing this check mousedown and mouseup happened on .lg-item or lg-outer
4650            this.outer.on('mousedown.lg', function (e) {
4651                var target = $LG(e.target);
4652                if (_this.isSlideElement(target)) {
4653                    mousedown = true;
4654                }
4655                else {
4656                    mousedown = false;
4657                }
4658            });
4659            this.outer.on('mousemove.lg', function () {
4660                mousedown = false;
4661            });
4662            this.outer.on('mouseup.lg', function (e) {
4663                var target = $LG(e.target);
4664                if (_this.isSlideElement(target) && mousedown) {
4665                    if (!_this.outer.hasClass('lg-dragging')) {
4666                        _this.closeGallery();
4667                    }
4668                }
4669            });
4670        }
4671    };
4672    /**
4673     * Close lightGallery if it is opened.
4674     *
4675     * @description If closable is false in the settings, you need to pass true via closeGallery method to force close gallery
4676     * @return returns the estimated time to close gallery completely including the close animation duration
4677     * @category lGPublicMethods
4678     * @example
4679     *  const plugin = lightGallery();
4680     *  plugin.closeGallery();
4681     *
4682     */
4683    LightGallery.prototype.closeGallery = function (force) {
4684        var _this = this;
4685        if (!this.lgOpened || (!this.settings.closable && !force)) {
4686            return 0;
4687        }
4688        this.LGel.trigger(lGEvents.beforeClose);
4689        if (this.settings.resetScrollPosition && !this.settings.hideScrollbar) {
4690            $LG(window).scrollTop(this.prevScrollTop);
4691        }
4692        var currentItem = this.items[this.index];
4693        var transform;
4694        if (this.zoomFromOrigin && currentItem) {
4695            var _a = this.mediaContainerPosition, top_4 = _a.top, bottom = _a.bottom;
4696            var _b = this.galleryItems[this.index], __slideVideoInfo = _b.__slideVideoInfo, poster = _b.poster;
4697            var imageSize = utils.getSize(currentItem, this.outer, top_4 + bottom, __slideVideoInfo && poster && this.settings.videoMaxSize);
4698            transform = utils.getTransform(currentItem, this.outer, top_4, bottom, imageSize);
4699        }
4700        if (this.zoomFromOrigin && transform) {
4701            this.outer.addClass('lg-closing lg-zoom-from-image');
4702            this.getSlideItem(this.index)
4703                .addClass('lg-start-end-progress')
4704                .css('transition-duration', this.settings.startAnimationDuration + 'ms')
4705                .css('transform', transform);
4706        }
4707        else {
4708            this.outer.addClass('lg-hide-items');
4709            // lg-zoom-from-image is used for setting the opacity to 1 if zoomFromOrigin is true
4710            // If the closing item doesn't have the lg-size attribute, remove this class to avoid the closing css conflicts
4711            this.outer.removeClass('lg-zoom-from-image');
4712        }
4713        // Unbind all events added by lightGallery
4714        // @todo
4715        //this.$el.off('.lg.tm');
4716        this.destroyModules();
4717        this.lGalleryOn = false;
4718        this.isDummyImageRemoved = false;
4719        this.zoomFromOrigin = this.settings.zoomFromOrigin;
4720        clearTimeout(this.hideBarTimeout);
4721        this.hideBarTimeout = false;
4722        $LG('html').removeClass('lg-on');
4723        this.outer.removeClass('lg-visible lg-components-open');
4724        // Resetting opacity to 0 isd required as  vertical swipe to close function adds inline opacity.
4725        this.$backdrop.removeClass('in').css('opacity', 0);
4726        var removeTimeout = this.zoomFromOrigin && transform
4727            ? Math.max(this.settings.startAnimationDuration, this.settings.backdropDuration)
4728            : this.settings.backdropDuration;
4729        this.$container.removeClass('lg-show-in');
4730        // Once the closign animation is completed and gallery is invisible
4731        setTimeout(function () {
4732            if (_this.zoomFromOrigin && transform) {
4733                _this.outer.removeClass('lg-zoom-from-image');
4734            }
4735            _this.$container.removeClass('lg-show');
4736            // Reset scrollbar
4737            _this.resetScrollBar();
4738            // Need to remove inline opacity as it is used in the stylesheet as well
4739            _this.$backdrop
4740                .removeAttr('style')
4741                .css('transition-duration', _this.settings.backdropDuration + 'ms');
4742            _this.outer.removeClass("lg-closing " + _this.settings.startClass);
4743            _this.getSlideItem(_this.index).removeClass('lg-start-end-progress');
4744            _this.$inner.empty();
4745            if (_this.lgOpened) {
4746                _this.LGel.trigger(lGEvents.afterClose, {
4747                    instance: _this,
4748                });
4749            }
4750            if (_this.$container.get()) {
4751                _this.$container.get().blur();
4752            }
4753            _this.lgOpened = false;
4754        }, removeTimeout + 100);
4755        return removeTimeout + 100;
4756    };
4757    LightGallery.prototype.initModules = function () {
4758        this.plugins.forEach(function (module) {
4759            try {
4760                module.init();
4761            }
4762            catch (err) {
4763                console.warn("lightGallery:- make sure lightGallery module is properly initiated");
4764            }
4765        });
4766    };
4767    LightGallery.prototype.destroyModules = function (destroy) {
4768        this.plugins.forEach(function (module) {
4769            try {
4770                if (destroy) {
4771                    module.destroy();
4772                }
4773                else {
4774                    module.closeGallery && module.closeGallery();
4775                }
4776            }
4777            catch (err) {
4778                console.warn("lightGallery:- make sure lightGallery module is properly destroyed");
4779            }
4780        });
4781    };
4782    /**
4783     * Refresh lightGallery with new set of children.
4784     *
4785     * @description This is useful to update the gallery when the child elements are changed without calling destroy method.
4786     *
4787     * If you are using dynamic mode, you can pass the modified array of dynamicEl as the first parameter to refresh the dynamic gallery
4788     * @see <a href="/demos/dynamic-mode/">Demo</a>
4789     * @category lGPublicMethods
4790     * @example
4791     *  const plugin = lightGallery();
4792     *  // Delete or add children, then call
4793     *  plugin.refresh();
4794     *
4795     */
4796    LightGallery.prototype.refresh = function (galleryItems) {
4797        if (!this.settings.dynamic) {
4798            this.invalidateItems();
4799        }
4800        if (galleryItems) {
4801            this.galleryItems = galleryItems;
4802        }
4803        else {
4804            this.galleryItems = this.getItems();
4805        }
4806        this.updateControls();
4807        this.openGalleryOnItemClick();
4808        this.LGel.trigger(lGEvents.updateSlides);
4809    };
4810    LightGallery.prototype.updateControls = function () {
4811        this.addSlideVideoInfo(this.galleryItems);
4812        this.updateCounterTotal();
4813        this.manageSingleSlideClassName();
4814    };
4815    LightGallery.prototype.destroyGallery = function () {
4816        this.destroyModules(true);
4817        if (!this.settings.dynamic) {
4818            this.invalidateItems();
4819        }
4820        $LG(window).off(".lg.global" + this.lgId);
4821        this.LGel.off('.lg');
4822        this.$container.remove();
4823    };
4824    /**
4825     * Destroy lightGallery.
4826     * Destroy lightGallery and its plugin instances completely
4827     *
4828     * @description This method also calls CloseGallery function internally. Returns the time takes to completely close and destroy the instance.
4829     * In case if you want to re-initialize lightGallery right after destroying it, initialize it only once the destroy process is completed.
4830     * You can use refresh method most of the times.
4831     * @category lGPublicMethods
4832     * @example
4833     *  const plugin = lightGallery();
4834     *  plugin.destroy();
4835     *
4836     */
4837    LightGallery.prototype.destroy = function () {
4838        var closeTimeout = this.closeGallery(true);
4839        if (closeTimeout) {
4840            setTimeout(this.destroyGallery.bind(this), closeTimeout);
4841        }
4842        else {
4843            this.destroyGallery();
4844        }
4845        return closeTimeout;
4846    };
4847    return LightGallery;
4848}());
4849
4850function lightGallery(el, options) {
4851    return new LightGallery(el, options);
4852}
4853
4854/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (lightGallery);
4855//# sourceMappingURL=lightgallery.es5.js.map
4856
4857
4858/***/ }),
4859