mirror of
https://bitbucket.org/bellord13/kit.git
synced 2026-11-13 19:06:11 +03:00
upLG
This commit is contained in:
Bellord
@@ -0,0 +1,7 @@
|
||||
export interface RelativeCaptionSettings {
|
||||
/**
|
||||
* Enable/Disable relative captions
|
||||
*/
|
||||
relativeCaption: boolean;
|
||||
}
|
||||
export declare const relativeCaptionSettings: RelativeCaptionSettings;
|
||||
@@ -0,0 +1,14 @@
|
||||
/**
|
||||
* lightGallery caption for placing captions relative to the image
|
||||
*/
|
||||
import { LightGallery } from '../../lightgallery';
|
||||
import { RelativeCaptionSettings } from './lg-relative-caption-settings';
|
||||
export default class RelativeCaption {
|
||||
core: LightGallery;
|
||||
settings: RelativeCaptionSettings;
|
||||
constructor(instance: LightGallery);
|
||||
init(): void;
|
||||
private setCaptionStyle;
|
||||
private setRelativeCaption;
|
||||
destroy(): void;
|
||||
}
|
||||
@@ -0,0 +1,154 @@
|
||||
/*!
|
||||
* lightgallery | 2.9.0 | October 1st 2025
|
||||
* http://www.lightgalleryjs.com/
|
||||
* Copyright (c) 2020 Sachin Neravath;
|
||||
* @license GPLv3
|
||||
*/
|
||||
|
||||
/*! *****************************************************************************
|
||||
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 relativeCaptionSettings = {
|
||||
relativeCaption: false,
|
||||
};
|
||||
|
||||
/**
|
||||
* lightGallery caption for placing captions relative to the image
|
||||
*/
|
||||
var RelativeCaption = /** @class */ (function () {
|
||||
function RelativeCaption(instance) {
|
||||
// get lightGallery core plugin instance
|
||||
this.core = instance;
|
||||
// Override some of lightGallery default settings
|
||||
var defaultSettings = {
|
||||
addClass: this.core.settings.addClass + ' lg-relative-caption',
|
||||
};
|
||||
this.core.settings = __assign(__assign({}, this.core.settings), defaultSettings);
|
||||
// extend module default settings with lightGallery core settings
|
||||
this.settings = __assign(__assign(__assign({}, relativeCaptionSettings), this.core.settings), defaultSettings);
|
||||
return this;
|
||||
}
|
||||
RelativeCaption.prototype.init = function () {
|
||||
var _this = this;
|
||||
if (!this.settings.relativeCaption) {
|
||||
return;
|
||||
}
|
||||
this.core.LGel.on(lGEvents.slideItemLoad + ".caption", function (event) {
|
||||
var _a = event.detail, index = _a.index, delay = _a.delay;
|
||||
setTimeout(function () {
|
||||
if (index === _this.core.index) {
|
||||
_this.setRelativeCaption(index);
|
||||
}
|
||||
}, delay);
|
||||
});
|
||||
this.core.LGel.on(lGEvents.afterSlide + ".caption", function (event) {
|
||||
var index = event.detail.index;
|
||||
setTimeout(function () {
|
||||
var slide = _this.core.getSlideItem(index);
|
||||
if (slide.hasClass('lg-complete')) {
|
||||
_this.setRelativeCaption(index);
|
||||
}
|
||||
});
|
||||
});
|
||||
this.core.LGel.on(lGEvents.beforeSlide + ".caption", function (event) {
|
||||
var index = event.detail.index;
|
||||
setTimeout(function () {
|
||||
var slide = _this.core.getSlideItem(index);
|
||||
slide.removeClass('lg-show-caption');
|
||||
});
|
||||
});
|
||||
this.core.LGel.on(lGEvents.containerResize + ".caption", function (event) {
|
||||
_this.setRelativeCaption(_this.core.index);
|
||||
});
|
||||
};
|
||||
RelativeCaption.prototype.setCaptionStyle = function (index, rect, slideWrapRect) {
|
||||
var $subHtmlInner = this.core
|
||||
.getSlideItem(index)
|
||||
.find('.lg-relative-caption-item');
|
||||
var $subHtml = this.core.getSlideItem(index).find('.lg-sub-html');
|
||||
$subHtml.css('width', rect.width + "px").css('left', rect.left + "px");
|
||||
var subHtmlRect = $subHtmlInner.get().getBoundingClientRect();
|
||||
var bottom = slideWrapRect.bottom - rect.bottom - subHtmlRect.height;
|
||||
$subHtml.css('top', "auto").css('bottom', Math.max(bottom, 0) + "px");
|
||||
};
|
||||
RelativeCaption.prototype.setRelativeCaption = function (index) {
|
||||
var slide = this.core.getSlideItem(index);
|
||||
if (slide.hasClass('lg-current')) {
|
||||
var rect = this.core
|
||||
.getSlideItem(index)
|
||||
.find('.lg-object')
|
||||
.get()
|
||||
.getBoundingClientRect();
|
||||
var slideWrapRect = this.core
|
||||
.getSlideItem(index)
|
||||
.get()
|
||||
.getBoundingClientRect();
|
||||
this.setCaptionStyle(index, rect, slideWrapRect);
|
||||
slide.addClass('lg-show-caption');
|
||||
}
|
||||
};
|
||||
RelativeCaption.prototype.destroy = function () {
|
||||
this.core.LGel.off('.caption');
|
||||
};
|
||||
return RelativeCaption;
|
||||
}());
|
||||
|
||||
export default RelativeCaption;
|
||||
//# sourceMappingURL=lg-relative-caption.es5.js.map
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,8 @@
|
||||
/**
|
||||
* lightgallery | 2.9.0 | October 1st 2025
|
||||
* http://www.lightgalleryjs.com/
|
||||
* Copyright (c) 2020 Sachin Neravath;
|
||||
* @license GPLv3
|
||||
*/
|
||||
|
||||
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).lgRelativeCaption=e()}(this,(function(){"use strict";var t=function(){return(t=Object.assign||function(t){for(var e,i=1,o=arguments.length;i<o;i++)for(var n in e=arguments[i])Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t}).apply(this,arguments)},e="lgContainerResize",i="lgSlideItemLoad",o="lgBeforeSlide",n="lgAfterSlide",s={relativeCaption:!1};return function(){function l(e){this.core=e;var i={addClass:this.core.settings.addClass+" lg-relative-caption"};return this.core.settings=t(t({},this.core.settings),i),this.settings=t(t(t({},s),this.core.settings),i),this}return l.prototype.init=function(){var t=this;this.settings.relativeCaption&&(this.core.LGel.on(i+".caption",(function(e){var i=e.detail,o=i.index,n=i.delay;setTimeout((function(){o===t.core.index&&t.setRelativeCaption(o)}),n)})),this.core.LGel.on(n+".caption",(function(e){var i=e.detail.index;setTimeout((function(){t.core.getSlideItem(i).hasClass("lg-complete")&&t.setRelativeCaption(i)}))})),this.core.LGel.on(o+".caption",(function(e){var i=e.detail.index;setTimeout((function(){t.core.getSlideItem(i).removeClass("lg-show-caption")}))})),this.core.LGel.on(e+".caption",(function(e){t.setRelativeCaption(t.core.index)})))},l.prototype.setCaptionStyle=function(t,e,i){var o=this.core.getSlideItem(t).find(".lg-relative-caption-item"),n=this.core.getSlideItem(t).find(".lg-sub-html");n.css("width",e.width+"px").css("left",e.left+"px");var s=o.get().getBoundingClientRect(),l=i.bottom-e.bottom-s.height;n.css("top","auto").css("bottom",Math.max(l,0)+"px")},l.prototype.setRelativeCaption=function(t){var e=this.core.getSlideItem(t);if(e.hasClass("lg-current")){var i=this.core.getSlideItem(t).find(".lg-object").get().getBoundingClientRect(),o=this.core.getSlideItem(t).get().getBoundingClientRect();this.setCaptionStyle(t,i,o),e.addClass("lg-show-caption")}},l.prototype.destroy=function(){this.core.LGel.off(".caption")},l}()}));
|
||||
@@ -0,0 +1,162 @@
|
||||
/*!
|
||||
* lightgallery | 2.9.0 | October 1st 2025
|
||||
* http://www.lightgalleryjs.com/
|
||||
* Copyright (c) 2020 Sachin Neravath;
|
||||
* @license GPLv3
|
||||
*/
|
||||
|
||||
(function (global, factory) {
|
||||
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
|
||||
typeof define === 'function' && define.amd ? define(factory) :
|
||||
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.lgRelativeCaption = 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 relativeCaptionSettings = {
|
||||
relativeCaption: false,
|
||||
};
|
||||
|
||||
/**
|
||||
* lightGallery caption for placing captions relative to the image
|
||||
*/
|
||||
var RelativeCaption = /** @class */ (function () {
|
||||
function RelativeCaption(instance) {
|
||||
// get lightGallery core plugin instance
|
||||
this.core = instance;
|
||||
// Override some of lightGallery default settings
|
||||
var defaultSettings = {
|
||||
addClass: this.core.settings.addClass + ' lg-relative-caption',
|
||||
};
|
||||
this.core.settings = __assign(__assign({}, this.core.settings), defaultSettings);
|
||||
// extend module default settings with lightGallery core settings
|
||||
this.settings = __assign(__assign(__assign({}, relativeCaptionSettings), this.core.settings), defaultSettings);
|
||||
return this;
|
||||
}
|
||||
RelativeCaption.prototype.init = function () {
|
||||
var _this = this;
|
||||
if (!this.settings.relativeCaption) {
|
||||
return;
|
||||
}
|
||||
this.core.LGel.on(lGEvents.slideItemLoad + ".caption", function (event) {
|
||||
var _a = event.detail, index = _a.index, delay = _a.delay;
|
||||
setTimeout(function () {
|
||||
if (index === _this.core.index) {
|
||||
_this.setRelativeCaption(index);
|
||||
}
|
||||
}, delay);
|
||||
});
|
||||
this.core.LGel.on(lGEvents.afterSlide + ".caption", function (event) {
|
||||
var index = event.detail.index;
|
||||
setTimeout(function () {
|
||||
var slide = _this.core.getSlideItem(index);
|
||||
if (slide.hasClass('lg-complete')) {
|
||||
_this.setRelativeCaption(index);
|
||||
}
|
||||
});
|
||||
});
|
||||
this.core.LGel.on(lGEvents.beforeSlide + ".caption", function (event) {
|
||||
var index = event.detail.index;
|
||||
setTimeout(function () {
|
||||
var slide = _this.core.getSlideItem(index);
|
||||
slide.removeClass('lg-show-caption');
|
||||
});
|
||||
});
|
||||
this.core.LGel.on(lGEvents.containerResize + ".caption", function (event) {
|
||||
_this.setRelativeCaption(_this.core.index);
|
||||
});
|
||||
};
|
||||
RelativeCaption.prototype.setCaptionStyle = function (index, rect, slideWrapRect) {
|
||||
var $subHtmlInner = this.core
|
||||
.getSlideItem(index)
|
||||
.find('.lg-relative-caption-item');
|
||||
var $subHtml = this.core.getSlideItem(index).find('.lg-sub-html');
|
||||
$subHtml.css('width', rect.width + "px").css('left', rect.left + "px");
|
||||
var subHtmlRect = $subHtmlInner.get().getBoundingClientRect();
|
||||
var bottom = slideWrapRect.bottom - rect.bottom - subHtmlRect.height;
|
||||
$subHtml.css('top', "auto").css('bottom', Math.max(bottom, 0) + "px");
|
||||
};
|
||||
RelativeCaption.prototype.setRelativeCaption = function (index) {
|
||||
var slide = this.core.getSlideItem(index);
|
||||
if (slide.hasClass('lg-current')) {
|
||||
var rect = this.core
|
||||
.getSlideItem(index)
|
||||
.find('.lg-object')
|
||||
.get()
|
||||
.getBoundingClientRect();
|
||||
var slideWrapRect = this.core
|
||||
.getSlideItem(index)
|
||||
.get()
|
||||
.getBoundingClientRect();
|
||||
this.setCaptionStyle(index, rect, slideWrapRect);
|
||||
slide.addClass('lg-show-caption');
|
||||
}
|
||||
};
|
||||
RelativeCaption.prototype.destroy = function () {
|
||||
this.core.LGel.off('.caption');
|
||||
};
|
||||
return RelativeCaption;
|
||||
}());
|
||||
|
||||
return RelativeCaption;
|
||||
|
||||
})));
|
||||
//# sourceMappingURL=lg-relative-caption.umd.js.map
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"name": "lightgallery/plugins/relativeCaption",
|
||||
"private": true,
|
||||
"main": "lg-relative-caption.umd.js",
|
||||
"module": "lg-relative-caption.es5.js",
|
||||
"typings": "lg-relative-caption.d.ts"
|
||||
}
|
||||
Reference in New Issue
Block a user