UNPKG

6.31 kBJavaScriptView Raw
1/*!
2 * lightgallery | 2.7.1 | January 11th 2023
3 * http://www.lightgalleryjs.com/
4 * Copyright (c) 2020 Sachin Neravath;
5 * @license GPLv3
6 */
7
8(function (global, factory) {
9 typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
10 typeof define === 'function' && define.amd ? define(factory) :
11 (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.lgPager = factory());
12}(this, (function () { 'use strict';
13
14 /*! *****************************************************************************
15 Copyright (c) Microsoft Corporation.
16
17 Permission to use, copy, modify, and/or distribute this software for any
18 purpose with or without fee is hereby granted.
19
20 THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
21 REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
22 AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
23 INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
24 LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
25 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
26 PERFORMANCE OF THIS SOFTWARE.
27 ***************************************************************************** */
28
29 var __assign = function() {
30 __assign = Object.assign || function __assign(t) {
31 for (var s, i = 1, n = arguments.length; i < n; i++) {
32 s = arguments[i];
33 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
34 }
35 return t;
36 };
37 return __assign.apply(this, arguments);
38 };
39
40 /**
41 * List of lightGallery events
42 * All events should be documented here
43 * Below interfaces are used to build the website documentations
44 * */
45 var lGEvents = {
46 afterAppendSlide: 'lgAfterAppendSlide',
47 init: 'lgInit',
48 hasVideo: 'lgHasVideo',
49 containerResize: 'lgContainerResize',
50 updateSlides: 'lgUpdateSlides',
51 afterAppendSubHtml: 'lgAfterAppendSubHtml',
52 beforeOpen: 'lgBeforeOpen',
53 afterOpen: 'lgAfterOpen',
54 slideItemLoad: 'lgSlideItemLoad',
55 beforeSlide: 'lgBeforeSlide',
56 afterSlide: 'lgAfterSlide',
57 posterClick: 'lgPosterClick',
58 dragStart: 'lgDragStart',
59 dragMove: 'lgDragMove',
60 dragEnd: 'lgDragEnd',
61 beforeNextSlide: 'lgBeforeNextSlide',
62 beforePrevSlide: 'lgBeforePrevSlide',
63 beforeClose: 'lgBeforeClose',
64 afterClose: 'lgAfterClose',
65 rotateLeft: 'lgRotateLeft',
66 rotateRight: 'lgRotateRight',
67 flipHorizontal: 'lgFlipHorizontal',
68 flipVertical: 'lgFlipVertical',
69 autoplay: 'lgAutoplay',
70 autoplayStart: 'lgAutoplayStart',
71 autoplayStop: 'lgAutoplayStop',
72 };
73
74 var pagerSettings = {
75 pager: true,
76 };
77
78 var Pager = /** @class */ (function () {
79 function Pager(instance, $LG) {
80 // get lightGallery core plugin instance
81 this.core = instance;
82 this.$LG = $LG;
83 // extend module default settings with lightGallery core settings
84 this.settings = __assign(__assign({}, pagerSettings), this.core.settings);
85 return this;
86 }
87 Pager.prototype.getPagerHtml = function (items) {
88 var pagerList = '';
89 for (var i = 0; i < items.length; i++) {
90 pagerList += "<span data-lg-item-id=\"" + i + "\" class=\"lg-pager-cont\"> \n <span data-lg-item-id=\"" + i + "\" class=\"lg-pager\"></span>\n <div class=\"lg-pager-thumb-cont\"><span class=\"lg-caret\"></span> <img src=\"" + items[i].thumb + "\" /></div>\n </span>";
91 }
92 return pagerList;
93 };
94 Pager.prototype.init = function () {
95 var _this = this;
96 if (!this.settings.pager) {
97 return;
98 }
99 var timeout;
100 this.core.$lgComponents.prepend('<div class="lg-pager-outer"></div>');
101 var $pagerOuter = this.core.outer.find('.lg-pager-outer');
102 $pagerOuter.html(this.getPagerHtml(this.core.galleryItems));
103 // @todo enable click
104 $pagerOuter.first().on('click.lg touchend.lg', function (event) {
105 var $target = _this.$LG(event.target);
106 if (!$target.hasAttribute('data-lg-item-id')) {
107 return;
108 }
109 var index = parseInt($target.attr('data-lg-item-id'));
110 _this.core.slide(index, false, true, false);
111 });
112 $pagerOuter.first().on('mouseover.lg', function () {
113 clearTimeout(timeout);
114 $pagerOuter.addClass('lg-pager-hover');
115 });
116 $pagerOuter.first().on('mouseout.lg', function () {
117 timeout = setTimeout(function () {
118 $pagerOuter.removeClass('lg-pager-hover');
119 });
120 });
121 this.core.LGel.on(lGEvents.beforeSlide + ".pager", function (event) {
122 var index = event.detail.index;
123 _this.manageActiveClass.call(_this, index);
124 });
125 this.core.LGel.on(lGEvents.updateSlides + ".pager", function () {
126 $pagerOuter.empty();
127 $pagerOuter.html(_this.getPagerHtml(_this.core.galleryItems));
128 _this.manageActiveClass(_this.core.index);
129 });
130 };
131 Pager.prototype.manageActiveClass = function (index) {
132 var $pagerCont = this.core.outer.find('.lg-pager-cont');
133 $pagerCont.removeClass('lg-pager-active');
134 $pagerCont.eq(index).addClass('lg-pager-active');
135 };
136 Pager.prototype.destroy = function () {
137 this.core.outer.find('.lg-pager-outer').remove();
138 this.core.LGel.off('.lg.pager');
139 this.core.LGel.off('.pager');
140 };
141 return Pager;
142 }());
143
144 return Pager;
145
146})));
147//# sourceMappingURL=lg-pager.umd.js.map