| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206 |
- /*!
- * lightgallery | 2.4.0-beta.0 | December 12th 2021
- * http://www.lightgalleryjs.com/
- * Copyright (c) 2020 Sachin Neravath;
- * @license GPLv3
- */
- (function (global, factory) {
- typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
- typeof define === 'function' && define.amd ? define(factory) :
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.lgHash = factory());
- }(this, (function () { 'use strict';
- /*! *****************************************************************************
- Copyright (c) Microsoft Corporation.
- Permission to use, copy, modify, and/or distribute this software for any
- purpose with or without fee is hereby granted.
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
- PERFORMANCE OF THIS SOFTWARE.
- ***************************************************************************** */
- var __assign = function() {
- __assign = Object.assign || function __assign(t) {
- for (var s, i = 1, n = arguments.length; i < n; i++) {
- s = arguments[i];
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
- }
- return t;
- };
- return __assign.apply(this, arguments);
- };
- /**
- * List of lightGallery events
- * All events should be documented here
- * Below interfaces are used to build the website documentations
- * */
- var lGEvents = {
- afterAppendSlide: 'lgAfterAppendSlide',
- init: 'lgInit',
- hasVideo: 'lgHasVideo',
- containerResize: 'lgContainerResize',
- updateSlides: 'lgUpdateSlides',
- afterAppendSubHtml: 'lgAfterAppendSubHtml',
- beforeOpen: 'lgBeforeOpen',
- afterOpen: 'lgAfterOpen',
- slideItemLoad: 'lgSlideItemLoad',
- beforeSlide: 'lgBeforeSlide',
- afterSlide: 'lgAfterSlide',
- posterClick: 'lgPosterClick',
- dragStart: 'lgDragStart',
- dragMove: 'lgDragMove',
- dragEnd: 'lgDragEnd',
- beforeNextSlide: 'lgBeforeNextSlide',
- beforePrevSlide: 'lgBeforePrevSlide',
- beforeClose: 'lgBeforeClose',
- afterClose: 'lgAfterClose',
- rotateLeft: 'lgRotateLeft',
- rotateRight: 'lgRotateRight',
- flipHorizontal: 'lgFlipHorizontal',
- flipVertical: 'lgFlipVertical',
- autoplay: 'lgAutoplay',
- autoplayStart: 'lgAutoplayStart',
- autoplayStop: 'lgAutoplayStop',
- };
- var hashSettings = {
- hash: true,
- galleryId: '1',
- customSlideName: false,
- };
- var Hash = /** @class */ (function () {
- function Hash(instance, $LG) {
- // get lightGallery core plugin instance
- this.core = instance;
- this.$LG = $LG;
- // extend module default settings with lightGallery core settings
- this.settings = __assign(__assign({}, hashSettings), this.core.settings);
- return this;
- }
- Hash.prototype.init = function () {
- var _this = this;
- if (!this.settings.hash) {
- return;
- }
- this.oldHash = window.location.hash;
- setTimeout(function () {
- _this.buildFromHash();
- }, 100);
- // Change hash value on after each slide transition
- this.core.LGel.on(lGEvents.afterSlide + ".hash", this.onAfterSlide.bind(this));
- this.core.LGel.on(lGEvents.afterClose + ".hash", this.onCloseAfter.bind(this));
- // Listen hash change and change the slide according to slide value
- this.$LG(window).on("hashchange.lg.hash.global" + this.core.lgId, this.onHashchange.bind(this));
- };
- Hash.prototype.onAfterSlide = function (event) {
- var slideName = this.core.galleryItems[event.detail.index].slideName;
- slideName = this.settings.customSlideName
- ? slideName || event.detail.index
- : event.detail.index;
- if (history.replaceState) {
- history.replaceState(null, '', window.location.pathname +
- window.location.search +
- '#lg=' +
- this.settings.galleryId +
- '&slide=' +
- slideName);
- }
- else {
- window.location.hash =
- 'lg=' + this.settings.galleryId + '&slide=' + slideName;
- }
- };
- /**
- * Get index of the slide from custom slideName. Has to be a public method. Used in hash plugin
- * @param {String} hash
- * @returns {Number} Index of the slide.
- */
- Hash.prototype.getIndexFromUrl = function (hash) {
- if (hash === void 0) { hash = window.location.hash; }
- var slideName = hash.split('&slide=')[1];
- var _idx = 0;
- if (this.settings.customSlideName) {
- for (var index = 0; index < this.core.galleryItems.length; index++) {
- var dynamicEl = this.core.galleryItems[index];
- if (dynamicEl.slideName === slideName) {
- _idx = index;
- break;
- }
- }
- }
- else {
- _idx = parseInt(slideName, 10);
- }
- return isNaN(_idx) ? 0 : _idx;
- };
- // Build Gallery if gallery id exist in the URL
- Hash.prototype.buildFromHash = function () {
- // if dynamic option is enabled execute immediately
- var _hash = window.location.hash;
- if (_hash.indexOf('lg=' + this.settings.galleryId) > 0) {
- // This class is used to remove the initial animation if galleryId present in the URL
- this.$LG(document.body).addClass('lg-from-hash');
- var index = this.getIndexFromUrl(_hash);
- this.core.openGallery(index);
- return true;
- }
- };
- Hash.prototype.onCloseAfter = function () {
- // Reset to old hash value
- if (this.oldHash &&
- this.oldHash.indexOf('lg=' + this.settings.galleryId) < 0) {
- if (history.replaceState) {
- history.replaceState(null, '', this.oldHash);
- }
- else {
- window.location.hash = this.oldHash;
- }
- }
- else {
- if (history.replaceState) {
- history.replaceState(null, document.title, window.location.pathname + window.location.search);
- }
- else {
- window.location.hash = '';
- }
- }
- };
- Hash.prototype.onHashchange = function () {
- if (!this.core.lgOpened)
- return;
- var _hash = window.location.hash;
- var index = this.getIndexFromUrl(_hash);
- // it galleryId doesn't exist in the url close the gallery
- if (_hash.indexOf('lg=' + this.settings.galleryId) > -1) {
- this.core.slide(index, false, false);
- }
- else if (this.core.lGalleryOn) {
- this.core.closeGallery();
- }
- };
- Hash.prototype.closeGallery = function () {
- if (this.settings.hash) {
- this.$LG(document.body).removeClass('lg-from-hash');
- }
- };
- Hash.prototype.destroy = function () {
- this.core.LGel.off('.lg.hash');
- this.core.LGel.off('.hash');
- this.$LG(window).off("hashchange.lg.hash.global" + this.core.lgId);
- };
- return Hash;
- }());
- return Hash;
- })));
- //# sourceMappingURL=lg-hash.umd.js.map
|