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,219 @@
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
# lightGallery
|
||||
|
||||
A customizable, modular, responsive, lightbox gallery plugin. No dependencies.\\
|
||||
Available for React.js, Angular, Vue.js, and typescript.
|
||||
|
||||
|
||||
|
||||
## Core features
|
||||
|
||||
- Fully responsive.
|
||||
- Modular architecture with built in plugins.
|
||||
- Highly optimized for touch devices.
|
||||
- Mouse drag supports for desktops.
|
||||
- Double-click/Double-tap to see actual size of the image.
|
||||
- Animated thumbnails.
|
||||
- Social sharing.
|
||||
- YouTube Vimeo Wistia and html5 videos Support.
|
||||
- 20+ Hardware-Accelerated CSS3 transitions.
|
||||
- Dynamic mode.
|
||||
- Inline gallery.
|
||||
- Full screen support.
|
||||
- Zoom in/out, Pinch to zoom.
|
||||
- Swipe/Drag up/down support to close gallery.
|
||||
- Browser history API(deep linking).
|
||||
- Responsive images.
|
||||
- HTML iframe support.
|
||||
- Multiple instances on one page.
|
||||
- Easily customizable via CSS (SCSS) and Settings.
|
||||
- Smart image preloading and code optimization.
|
||||
- Keyboard Navigation for desktop.
|
||||
- SVG icons.
|
||||
- Accessibility support.
|
||||
- Rotate, flip images.
|
||||
- And many more.
|
||||
|
||||
## Documentation
|
||||
|
||||
- [Getting started](https://www.lightgalleryjs.com/docs/getting-started/)
|
||||
- [Settings](https://www.lightgalleryjs.com/docs/settings/)
|
||||
- [React](https://www.lightgalleryjs.com/docs/react/)
|
||||
- [Vue.js](https://www.lightgalleryjs.com/docs/vue/)
|
||||
- [Angular](https://www.lightgalleryjs.com/docs/angular/)
|
||||
- [Demos](https://www.lightgalleryjs.com/demos/thumbnails/)
|
||||
- [CodePen](https://codepen.io/collection/BNNjpR)
|
||||
|
||||
## Installation
|
||||
|
||||
lightGallery is available on NPM, Yarn, Bower, CDNs, and GitHub. You can use any
|
||||
of the following method to download lightGallery.
|
||||
|
||||
- [NPM](https://www.npmjs.com/) - NPM is a package manager for the JavaScript
|
||||
programming language. You can install `lightgallery` using the following
|
||||
command
|
||||
|
||||
```sh
|
||||
npm install lightgallery
|
||||
```
|
||||
|
||||
- [YARN](https://yarnpkg.com/) - Yarn is another popular package manager for
|
||||
the JavaScript programming language. If you prefer you can use Yarn instead
|
||||
of NPM
|
||||
|
||||
```sh
|
||||
yarn add lightgallery
|
||||
```
|
||||
|
||||
- [Bower](http://bower.io) - You can find lightGallery on Bower package
|
||||
manager as well
|
||||
|
||||
```sh
|
||||
bower install lightgallery --save
|
||||
```
|
||||
|
||||
- [GitHub](https://github.com/sachinchoolur/lightGallery/archive/master.zip) -
|
||||
You can also directly download lightgallery from GitHub
|
||||
|
||||
- CDN - If you prefer to use a CDN, you can load files via
|
||||
[jsdelivr](https://www.jsdelivr.com/projects/lightgallery),
|
||||
[cdnjs](https://cdnjs.com/libraries/lightgallery) or
|
||||
[unpkg](https://unpkg.com/browse/lightgallery@latest/)
|
||||
|
||||
#### Include CSS and Javascript files
|
||||
|
||||
First of all, include lightgallery.css in the <head> of the document. If
|
||||
you want include any lightGallery plugin such as thumbnails or zoom, you need to
|
||||
include respective css files as well.
|
||||
|
||||
Alternatively you can include `lightgallery-bundle.css` which contains
|
||||
lightGallery and all plugin styles instead of separate stylesheets.
|
||||
|
||||
If you like you can also import scss files instead of css files from the `scss`
|
||||
folder.
|
||||
|
||||
```HTML
|
||||
<head>
|
||||
<link type="text/css" rel="stylesheet" href="css/lightgallery.css" />
|
||||
|
||||
<!-- lightgallery plugins -->
|
||||
<link type="text/css" rel="stylesheet" href="css/lg-zoom.css" />
|
||||
<link type="text/css" rel="stylesheet" href="css/lg-thumbnail.css" />
|
||||
|
||||
|
||||
<!-- OR -->
|
||||
|
||||
<link type="text/css" rel="stylesheet" href="css/lightgallery-bundle.css" />
|
||||
</head>
|
||||
```
|
||||
|
||||
Then include lightgallery.umd.js into your document. If you want to include any
|
||||
lightgallery plugin you can include it after lightgallery.umd.js.
|
||||
|
||||
```HTML
|
||||
<body>
|
||||
....
|
||||
|
||||
<script src="js/lightgallery.umd.js"></script>
|
||||
|
||||
<!-- lightgallery plugins -->
|
||||
<script src="js/plugins/lg-thumbnail.umd.js"></script>
|
||||
<script src="js/plugins/lg-zoom.umd.js"></script>
|
||||
</body>
|
||||
```
|
||||
|
||||
lightGallery supports AMD, CommonJS and ES6 modules too.
|
||||
|
||||
```JavaScript
|
||||
import lightGallery from 'lightgallery';
|
||||
|
||||
// Plugins
|
||||
import lgThumbnail from 'lightgallery/plugins/thumbnail'
|
||||
import lgZoom from 'lightgallery/plugins/zoom'
|
||||
|
||||
```
|
||||
|
||||
#### The markup
|
||||
|
||||
lightgallery does not force you to use any kind of markup. you can use whatever
|
||||
markup you want.
|
||||
<a href="https://www.lightgalleryjs.com/demos/html-markup/">Here</a> can find
|
||||
detailed examples of different kinds of markups.
|
||||
|
||||
If you know the original size of the media, you can pass it via
|
||||
`data-lg-size="${width}-${height}"` attribute for the initial
|
||||
[zoom](https://www.lightgalleryjs.com/docs/settings/#zoomFromOrigin) animation.
|
||||
But, this is completely optional.
|
||||
|
||||
```HTML
|
||||
<div id="lightgallery">
|
||||
<a href="img/img1.jpg" data-lg-size="1600-2400">
|
||||
<img alt=".." src="img/thumb1.jpg" />
|
||||
</a>
|
||||
<a href="img/img2.jpg" data-lg-size="1024-800">
|
||||
<img alt=".." src="img/thumb2.jpg" />
|
||||
</a>
|
||||
...
|
||||
</div>
|
||||
```
|
||||
|
||||
#### Initialize lightGallery
|
||||
|
||||
Finally, you need to initiate the gallery by adding the following code.
|
||||
|
||||
```javascript
|
||||
<script type="text/javascript">
|
||||
lightGallery(document.getElementById('lightgallery'), {
|
||||
plugins: [lgZoom, lgThumbnail],
|
||||
speed: 500,
|
||||
licenseKey: 'your_license_key'
|
||||
... other settings
|
||||
});
|
||||
</script>
|
||||
```
|
||||
|
||||
[CodePen Demos](https://codepen.io/collection/BNNjpR)
|
||||
|
||||
#### License Key
|
||||
|
||||
You'll receive a license key via email one you purchase a license [More info](https://www.lightgalleryjs.com/docs/settings/#licenseKey)
|
||||
|
||||
#### Plugins
|
||||
|
||||
As shown above, you need to pass the plugins via settings if you want to use any
|
||||
lightGallery plugins.
|
||||
|
||||
If you are including lightGallery files via script tag, please use the same
|
||||
plugins names as follows.
|
||||
|
||||
`lgZoom`, `lgAutoplay`, ` lgComment`, `lgFullscreen `, `lgHash`, `lgPager`,
|
||||
`lgRotate`, `lgShare`, `lgThumbnail`, `lgVideo`, `lgMediumZoom`
|
||||
|
||||
## Browser support
|
||||
|
||||
lightGallery supports all major browsers including IE 10 and above.
|
||||
|
||||
## License
|
||||
|
||||
#### Commercial license
|
||||
|
||||
If you want to use lightGallery to develop commercial sites, themes, projects,
|
||||
and applications, the Commercial license is the appropriate license. With this
|
||||
option, your source code is kept proprietary.
|
||||
[Read more about the commercial license](https://www.lightgalleryjs.com/license/)
|
||||
|
||||
#### Open source license
|
||||
|
||||
If you are creating an open source application under a license compatible with
|
||||
the GNU GPL license v3, you may use this project under the terms of the GPLv3.
|
||||
|
||||
## Support
|
||||
|
||||
If you have any questions, suggestions, feedback, please reach out to [contact@lightgalleryjs.com](mailto:contact@lightgalleryjs.com) or DM me on [twitter](https://twitter.com/SachinNeravath)
|
||||
@@ -0,0 +1,39 @@
|
||||
.lg-progress-bar {
|
||||
background-color: #333;
|
||||
height: 5px;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: 1083;
|
||||
opacity: 0;
|
||||
will-change: opacity;
|
||||
-webkit-transition: opacity 0.08s ease 0s;
|
||||
-moz-transition: opacity 0.08s ease 0s;
|
||||
-o-transition: opacity 0.08s ease 0s;
|
||||
transition: opacity 0.08s ease 0s;
|
||||
}
|
||||
.lg-progress-bar .lg-progress {
|
||||
background-color: rgb(169, 7, 7);
|
||||
height: 5px;
|
||||
width: 0;
|
||||
}
|
||||
.lg-progress-bar.lg-start .lg-progress {
|
||||
width: 100%;
|
||||
}
|
||||
.lg-show-autoplay .lg-progress-bar {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.lg-autoplay-button:after {
|
||||
content: "\e01d";
|
||||
}
|
||||
.lg-show-autoplay .lg-autoplay-button:after {
|
||||
content: "\e01a";
|
||||
}
|
||||
.lg-single-item .lg-autoplay-button {
|
||||
opacity: 0.75;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=lg-autoplay.css.map */
|
||||
@@ -0,0 +1 @@
|
||||
{"version":3,"sourceRoot":"","sources":["../../src/scss/lg-autoplay.scss","../../src/scss/_lg-variables.scss","../../src/scss/_lg-mixins.scss"],"names":[],"mappings":"AAGA;EACI,kBC0BiB;EDzBjB,QC2BqB;ED1BrB;EACA;EACA;EACA;EACA,SCiDiB;EDhDjB;EACA;EE8RA;EACA;EACA;EACA,YFhSA;;AAEA;EACI,kBCTa;EDUb,QCeiB;EDdjB;;AAIA;EACI;;AAIR;EACI;;;AAKJ;EAII;;AAHA;EACI;;AAIR;EACI,SCb2B;EDc3B","file":"lg-autoplay.css"}
|
||||
@@ -0,0 +1,119 @@
|
||||
.lg-comment-box {
|
||||
width: 420px;
|
||||
max-width: 100%;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: 9999;
|
||||
background-color: #fff;
|
||||
will-change: transform;
|
||||
-moz-transform: translate3d(100%, 0, 0);
|
||||
-o-transform: translate3d(100%, 0, 0);
|
||||
-ms-transform: translate3d(100%, 0, 0);
|
||||
-webkit-transform: translate3d(100%, 0, 0);
|
||||
transform: translate3d(100%, 0, 0);
|
||||
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
-moz-transition: -moz-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
-o-transition: -o-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
transition: transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
}
|
||||
.lg-comment-box .lg-comment-title {
|
||||
margin: 0;
|
||||
color: #fff;
|
||||
font-size: 18px;
|
||||
}
|
||||
.lg-comment-box .lg-comment-header {
|
||||
background-color: #000;
|
||||
padding: 12px 20px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
.lg-comment-box .lg-comment-body {
|
||||
height: 100% !important;
|
||||
padding-top: 43px !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
.lg-comment-box .fb-comments {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background: url("../images/loading.gif") no-repeat scroll center center #fff;
|
||||
overflow-y: auto;
|
||||
display: inline-block;
|
||||
}
|
||||
.lg-comment-box .fb-comments[fb-xfbml-state=rendered] {
|
||||
background-image: none;
|
||||
}
|
||||
.lg-comment-box .fb-comments > span {
|
||||
max-width: 100%;
|
||||
}
|
||||
.lg-comment-box .lg-comment-close {
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
top: 12px;
|
||||
cursor: pointer;
|
||||
font-size: 20px;
|
||||
color: #999;
|
||||
will-change: color;
|
||||
-webkit-transition: color 0.2s linear;
|
||||
-o-transition: color 0.2s linear;
|
||||
transition: color 0.2s linear;
|
||||
}
|
||||
.lg-comment-box .lg-comment-close:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.lg-comment-box .lg-comment-close:after {
|
||||
content: "\e070";
|
||||
}
|
||||
.lg-comment-box iframe {
|
||||
max-width: 100% !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
.lg-comment-box #disqus_thread {
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.lg-outer .lg-comment-overlay {
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
bottom: 0;
|
||||
cursor: default;
|
||||
left: 0;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
top: 0;
|
||||
z-index: 1081;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
will-change: visibility, opacity;
|
||||
-webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
|
||||
-o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
|
||||
transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
|
||||
}
|
||||
.lg-outer .lg-comment-toggle:after {
|
||||
content: "\e908";
|
||||
}
|
||||
.lg-outer.lg-comment-active .lg-comment-overlay {
|
||||
-webkit-transition-delay: 0s;
|
||||
transition-delay: 0s;
|
||||
-moz-transform: translate3d(0, 0px, 0);
|
||||
-o-transform: translate3d(0, 0px, 0);
|
||||
-ms-transform: translate3d(0, 0px, 0);
|
||||
-webkit-transform: translate3d(0, 0px, 0);
|
||||
transform: translate3d(0, 0px, 0);
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
.lg-outer.lg-comment-active .lg-comment-toggle {
|
||||
color: #fff;
|
||||
}
|
||||
.lg-outer.lg-comment-active .lg-comment-box {
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-o-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=lg-comments.css.map */
|
||||
@@ -0,0 +1 @@
|
||||
{"version":3,"sourceRoot":"","sources":["../../src/scss/lg-comments.scss","../../src/scss/_lg-mixins.scss"],"names":[],"mappings":"AAGA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECyMA,gBDxMmB;ECyMnB,cDzMmB;EC0MnB,eD1MmB;EC2MnB,mBD3MmB;EC4MnB,WD5MmB;EC6RnB;EACA;EACA;EACA,YD/RA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EAEA;EACA;;AACA;EACI;;AAEJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;ECoKJ,oBDnKI;ECoKJ,eDpKI;ECqKJ,YDrKI;;AACA;EACI;;AAEJ;EACI;;AAIR;EACI;EACA;;AAGJ;EACI;;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECqIJ,oBDpII;ECqIJ,eDrII;ECsIJ,YDtII;;AAMA;EACI;;AAIJ;ECoIJ,0BDnIkC;ECoIlC,kBDpIkC;EC8GlC,gBD7G2B;EC8G3B,cD9G2B;EC+G3B,eD/G2B;ECgH3B,mBDhH2B;ECiH3B,WDjH2B;EACnB;EACA;;AAEJ;EACI;;AAEJ;ECsGJ,gBDrG2B;ECsG3B,cDtG2B;ECuG3B,eDvG2B;ECwG3B,mBDxG2B;ECyG3B,WDzG2B","file":"lg-comments.css"}
|
||||
@@ -0,0 +1,8 @@
|
||||
.lg-fullscreen:after {
|
||||
content: "\e20c";
|
||||
}
|
||||
.lg-fullscreen-on .lg-fullscreen:after {
|
||||
content: "\e20d";
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=lg-fullscreen.css.map */
|
||||
@@ -0,0 +1 @@
|
||||
{"version":3,"sourceRoot":"","sources":["../../src/scss/lg-fullscreen.scss"],"names":[],"mappings":"AACI;EACI;;AAEA;EACI","file":"lg-fullscreen.css"}
|
||||
@@ -0,0 +1,15 @@
|
||||
.lg-medium-zoom-item {
|
||||
cursor: zoom-in;
|
||||
}
|
||||
|
||||
.lg-medium-zoom .lg-outer {
|
||||
cursor: zoom-out;
|
||||
}
|
||||
.lg-medium-zoom .lg-outer.lg-grab img.lg-object {
|
||||
cursor: zoom-out;
|
||||
}
|
||||
.lg-medium-zoom .lg-outer.lg-grabbing img.lg-object {
|
||||
cursor: zoom-out;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=lg-medium-zoom.css.map */
|
||||
@@ -0,0 +1 @@
|
||||
{"version":3,"sourceRoot":"","sources":["../../src/scss/lg-medium-zoom.scss"],"names":[],"mappings":"AAAA;EACI;;;AAGA;EACI;;AAGI;EACI;;AAKJ;EACI","file":"lg-medium-zoom.css"}
|
||||
@@ -0,0 +1,82 @@
|
||||
.lg-outer .lg-pager-outer {
|
||||
text-align: center;
|
||||
z-index: 1080;
|
||||
height: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
|
||||
overflow: visible;
|
||||
}
|
||||
.lg-outer.lg-single-item .lg-pager-outer {
|
||||
display: none;
|
||||
}
|
||||
.lg-outer .lg-pager-cont {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
vertical-align: top;
|
||||
margin: 0 5px;
|
||||
}
|
||||
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
|
||||
opacity: 1;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
|
||||
box-shadow: 0 0 0 2px white inset;
|
||||
}
|
||||
.lg-outer .lg-pager-thumb-cont {
|
||||
background-color: #fff;
|
||||
color: #fff;
|
||||
bottom: 100%;
|
||||
height: 83px;
|
||||
left: 0;
|
||||
margin-bottom: 20px;
|
||||
margin-left: -60px;
|
||||
opacity: 0;
|
||||
padding: 5px;
|
||||
position: absolute;
|
||||
width: 120px;
|
||||
border-radius: 3px;
|
||||
will-change: transform, opacity;
|
||||
-webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
|
||||
-moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
|
||||
-o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
|
||||
transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
|
||||
-webkit-transform: translate3d(0, 5px, 0);
|
||||
transform: translate3d(0, 5px, 0);
|
||||
}
|
||||
.lg-outer .lg-pager-thumb-cont img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.lg-outer .lg-pager {
|
||||
background-color: rgba(255, 255, 255, 0.5);
|
||||
border-radius: 50%;
|
||||
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
|
||||
display: block;
|
||||
height: 12px;
|
||||
-webkit-transition: box-shadow 0.3s ease 0s;
|
||||
-o-transition: box-shadow 0.3s ease 0s;
|
||||
transition: box-shadow 0.3s ease 0s;
|
||||
width: 12px;
|
||||
}
|
||||
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
|
||||
box-shadow: 0 0 0 8px white inset;
|
||||
}
|
||||
.lg-outer .lg-caret {
|
||||
border-left: 10px solid transparent;
|
||||
border-right: 10px solid transparent;
|
||||
border-top: 10px dashed;
|
||||
bottom: -10px;
|
||||
display: inline-block;
|
||||
height: 0;
|
||||
left: 50%;
|
||||
margin-left: -5px;
|
||||
position: absolute;
|
||||
vertical-align: middle;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=lg-pager.css.map */
|
||||
@@ -0,0 +1 @@
|
||||
{"version":3,"sourceRoot":"","sources":["../../src/scss/lg-pager.scss","../../src/scss/_lg-variables.scss","../../src/scss/_lg-mixins.scss"],"names":[],"mappings":"AAII;EACI;EACA,SC0DO;EDzDP;EACA;;AAGI;EACI;;AAMR;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;AAGI;EACI;EEkIZ;EACA;;AF7HQ;EACI;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EEgPJ;EACA;EACA;EACA,YFlPI;EEwGJ;EACA;;AFnGI;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EEmJJ,oBFlJI;EEmJJ,eFnJI;EEoJJ,YFpJI;EACA;;AAEA;EAEI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"lg-pager.css"}
|
||||
@@ -0,0 +1,16 @@
|
||||
.lg-relative-caption .lg-outer .lg-sub-html {
|
||||
white-space: normal;
|
||||
bottom: auto;
|
||||
padding: 0;
|
||||
background-image: none;
|
||||
}
|
||||
.lg-relative-caption .lg-outer .lg-relative-caption-item {
|
||||
opacity: 0;
|
||||
padding: 16px 0;
|
||||
transition: 0.5s opacity ease;
|
||||
}
|
||||
.lg-relative-caption .lg-outer .lg-show-caption .lg-relative-caption-item {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=lg-relative-caption.css.map */
|
||||
@@ -0,0 +1 @@
|
||||
{"version":3,"sourceRoot":"","sources":["../../src/scss/lg-relative-caption.scss"],"names":[],"mappings":"AAEQ;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAIA;EACI","file":"lg-relative-caption.css"}
|
||||
@@ -0,0 +1,49 @@
|
||||
.lg-outer .lg-img-rotate {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
-moz-transition: -moz-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
-o-transition: -o-transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
transition: transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
}
|
||||
.lg-outer[data-lg-slide-type=video] .lg-rotate-left,
|
||||
.lg-outer[data-lg-slide-type=video] .lg-rotate-right,
|
||||
.lg-outer[data-lg-slide-type=video] .lg-flip-ver,
|
||||
.lg-outer[data-lg-slide-type=video] .lg-flip-hor, .lg-outer[data-lg-slide-type=iframe] .lg-rotate-left,
|
||||
.lg-outer[data-lg-slide-type=iframe] .lg-rotate-right,
|
||||
.lg-outer[data-lg-slide-type=iframe] .lg-flip-ver,
|
||||
.lg-outer[data-lg-slide-type=iframe] .lg-flip-hor {
|
||||
opacity: 0.75;
|
||||
pointer-events: none;
|
||||
}
|
||||
.lg-outer .lg-img-rotate:before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.lg-rotate-left:after {
|
||||
content: "\e900";
|
||||
}
|
||||
|
||||
.lg-rotate-right:after {
|
||||
content: "\e901";
|
||||
}
|
||||
|
||||
.lg-icon.lg-flip-hor, .lg-icon.lg-flip-ver {
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
.lg-flip-ver:after {
|
||||
content: "\e903";
|
||||
}
|
||||
|
||||
.lg-flip-hor:after {
|
||||
content: "\e902";
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=lg-rotate.css.map */
|
||||
@@ -0,0 +1 @@
|
||||
{"version":3,"sourceRoot":"","sources":["../../src/scss/lg-rotate.scss","../../src/scss/_lg-mixins.scss","../../src/scss/_lg-variables.scss"],"names":[],"mappings":"AAII;EACI;EACA;EACA;EACA;EACA;ECiSJ;EACA;EACA;EACA,YDnSI;;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAII,SEOuB;EFNvB;;AAIJ;EACI;EACA;EACA;EACA;;;AAMR;EACI;;;AAKJ;EACI;;;AAKJ;EAEI;;;AAKJ;EACI;;;AAKJ;EACI","file":"lg-rotate.css"}
|
||||
@@ -0,0 +1,127 @@
|
||||
.lg-outer .lg-dropdown-overlay {
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
bottom: 0;
|
||||
cursor: default;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
z-index: 1081;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
will-change: visibility, opacity;
|
||||
-webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
|
||||
-o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
|
||||
transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
|
||||
}
|
||||
.lg-outer.lg-dropdown-active .lg-dropdown,
|
||||
.lg-outer.lg-dropdown-active .lg-dropdown-overlay {
|
||||
-webkit-transition-delay: 0s;
|
||||
transition-delay: 0s;
|
||||
-moz-transform: translate3d(0, 0px, 0);
|
||||
-o-transform: translate3d(0, 0px, 0);
|
||||
-ms-transform: translate3d(0, 0px, 0);
|
||||
-webkit-transform: translate3d(0, 0px, 0);
|
||||
transform: translate3d(0, 0px, 0);
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
.lg-outer.lg-dropdown-active .lg-share {
|
||||
color: #fff;
|
||||
}
|
||||
.lg-outer .lg-dropdown {
|
||||
background-color: #fff;
|
||||
border-radius: 2px;
|
||||
font-size: 14px;
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 10px 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
text-align: left;
|
||||
top: 50px;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
-moz-transform: translate3d(0, 5px, 0);
|
||||
-o-transform: translate3d(0, 5px, 0);
|
||||
-ms-transform: translate3d(0, 5px, 0);
|
||||
-webkit-transform: translate3d(0, 5px, 0);
|
||||
transform: translate3d(0, 5px, 0);
|
||||
will-change: visibility, opacity, transform;
|
||||
-webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
|
||||
-moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
|
||||
-o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
|
||||
transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
|
||||
}
|
||||
.lg-outer .lg-dropdown:after {
|
||||
content: "";
|
||||
display: block;
|
||||
height: 0;
|
||||
width: 0;
|
||||
position: absolute;
|
||||
border: 8px solid transparent;
|
||||
border-bottom-color: #fff;
|
||||
right: 16px;
|
||||
top: -16px;
|
||||
}
|
||||
.lg-outer .lg-dropdown > li:last-child {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.lg-outer .lg-dropdown > li:hover a {
|
||||
color: #333;
|
||||
}
|
||||
.lg-outer .lg-dropdown a {
|
||||
color: #333;
|
||||
display: block;
|
||||
white-space: pre;
|
||||
padding: 4px 12px;
|
||||
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 12px;
|
||||
}
|
||||
.lg-outer .lg-dropdown a:hover {
|
||||
background-color: rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
.lg-outer .lg-dropdown .lg-dropdown-text {
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
margin-top: -3px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.lg-outer .lg-dropdown .lg-icon {
|
||||
color: #333;
|
||||
display: inline-block;
|
||||
float: none;
|
||||
font-size: 20px;
|
||||
height: auto;
|
||||
line-height: 1;
|
||||
margin-right: 8px;
|
||||
padding: 0;
|
||||
vertical-align: middle;
|
||||
width: auto;
|
||||
}
|
||||
.lg-outer .lg-share {
|
||||
position: relative;
|
||||
}
|
||||
.lg-outer .lg-share:after {
|
||||
content: "\e80d";
|
||||
}
|
||||
.lg-outer .lg-share-facebook .lg-icon {
|
||||
color: #3b5998;
|
||||
}
|
||||
.lg-outer .lg-share-facebook .lg-icon:after {
|
||||
content: "\e904";
|
||||
}
|
||||
.lg-outer .lg-share-twitter .lg-icon {
|
||||
color: #00aced;
|
||||
}
|
||||
.lg-outer .lg-share-twitter .lg-icon:after {
|
||||
content: "\e907";
|
||||
}
|
||||
.lg-outer .lg-share-pinterest .lg-icon {
|
||||
color: #cb2027;
|
||||
}
|
||||
.lg-outer .lg-share-pinterest .lg-icon:after {
|
||||
content: "\e906";
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=lg-share.css.map */
|
||||
@@ -0,0 +1 @@
|
||||
{"version":3,"sourceRoot":"","sources":["../../src/scss/lg-share.scss","../../src/scss/_lg-mixins.scss"],"names":[],"mappings":"AAII;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECgNJ,oBD/MI;ECgNJ,eDhNI;ECiNJ,YDjNI;;AAMA;AAAA;ECoNJ,0BDlNkC;ECmNlC,kBDnNkC;EC6LlC,gBD5L2B;EC6L3B,cD7L2B;EC8L3B,eD9L2B;EC+L3B,mBD/L2B;ECgM3B,WDhM2B;EACnB;EACA;;AAEJ;EACI;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECwKJ,gBDvKuB;ECwKvB,cDxKuB;ECyKvB,eDzKuB;EC0KvB,mBD1KuB;EC2KvB,WD3KuB;EACnB;EC2PJ;EACA;EACA;EACA,YD7PI;;AAMA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;;AAGA;EACI;;AAIZ;EACI;EACA;EACA;EACA;EACA;EAEA;;AACA;EACI;;AAGR;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGR;EACI;;AACA;EACI;;AAIJ;EACI;;AACA;EACI;;AAKR;EACI;;AACA;EACI;;AAKR;EACI;;AACA;EACI","file":"lg-share.css"}
|
||||
@@ -0,0 +1,93 @@
|
||||
.lg-outer .lg-thumb-outer {
|
||||
background-color: #0d0a0a;
|
||||
width: 100%;
|
||||
max-height: 350px;
|
||||
overflow: hidden;
|
||||
float: left;
|
||||
}
|
||||
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
|
||||
cursor: -webkit-grab;
|
||||
cursor: -moz-grab;
|
||||
cursor: -o-grab;
|
||||
cursor: -ms-grab;
|
||||
cursor: grab;
|
||||
}
|
||||
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
|
||||
cursor: move;
|
||||
cursor: -webkit-grabbing;
|
||||
cursor: -moz-grabbing;
|
||||
cursor: -o-grabbing;
|
||||
cursor: -ms-grabbing;
|
||||
cursor: grabbing;
|
||||
}
|
||||
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
|
||||
-webkit-transition-duration: 0s !important;
|
||||
transition-duration: 0s !important;
|
||||
}
|
||||
.lg-outer .lg-thumb-outer.lg-rebuilding-thumbnails .lg-thumb {
|
||||
-webkit-transition-duration: 0s !important;
|
||||
transition-duration: 0s !important;
|
||||
}
|
||||
.lg-outer .lg-thumb-outer.lg-thumb-align-middle {
|
||||
text-align: center;
|
||||
}
|
||||
.lg-outer .lg-thumb-outer.lg-thumb-align-left {
|
||||
text-align: left;
|
||||
}
|
||||
.lg-outer .lg-thumb-outer.lg-thumb-align-right {
|
||||
text-align: right;
|
||||
}
|
||||
.lg-outer.lg-single-item .lg-thumb-outer {
|
||||
display: none;
|
||||
}
|
||||
.lg-outer .lg-thumb {
|
||||
padding: 5px 0;
|
||||
height: 100%;
|
||||
margin-bottom: -5px;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.lg-outer .lg-thumb {
|
||||
padding: 10px 0;
|
||||
}
|
||||
}
|
||||
.lg-outer .lg-thumb-item {
|
||||
cursor: pointer;
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
border-radius: 2px;
|
||||
margin-bottom: 5px;
|
||||
will-change: border-color;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.lg-outer .lg-thumb-item {
|
||||
border-radius: 4px;
|
||||
border: 2px solid #fff;
|
||||
-webkit-transition: border-color 0.25s ease;
|
||||
-o-transition: border-color 0.25s ease;
|
||||
transition: border-color 0.25s ease;
|
||||
}
|
||||
}
|
||||
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
|
||||
border-color: rgb(169, 7, 7);
|
||||
}
|
||||
.lg-outer .lg-thumb-item img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
display: block;
|
||||
}
|
||||
.lg-outer.lg-can-toggle .lg-item {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.lg-outer .lg-toggle-thumb:after {
|
||||
content: "\e1ff";
|
||||
}
|
||||
.lg-outer.lg-animate-thumb .lg-thumb {
|
||||
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=lg-thumbnail.css.map */
|
||||
@@ -0,0 +1 @@
|
||||
{"version":3,"sourceRoot":"","sources":["../../src/scss/lg-thumbnail.scss","../../src/scss/_lg-variables.scss","../../src/scss/_lg-mixins.scss"],"names":[],"mappings":"AAMI;EACI,kBC6CM;ED5CN;EACA;EACA;EACA;;AAGI;EE+SR;EACA;EACA;EACA;EACA;;AF7SQ;EEiTR;EACA;EACA;EACA;EACA;EACA;;AFhTQ;EEqNR,6BFpNY;EEqNZ,qBFrNY;;AAIJ;EEgNR,6BF/MY;EEgNZ,qBFhNY;;AAIR;EACI;;AAEJ;EACI;;AAEJ;EACI;;AAKJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;;AACA;EANJ;IAOQ;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA,eAnEY;EAoEZ;;AACA;EARJ;IASQ;IACA;IEqJR,oBFpJQ;IEqJR,eFrJQ;IEsJR,YFtJQ;;;AAGJ;EAEI,cCzES;;AD4Eb;EACI;EACA;EACA;EACA;;AAKJ;EACI;;AAKJ;EACI;;AAIJ;EE6IJ,oCF3IY;EE4IZ,4BF5IY","file":"lg-thumbnail.css"}
|
||||
@@ -0,0 +1,845 @@
|
||||
.lg-css3.lg-zoom-in .lg-item {
|
||||
opacity: 0;
|
||||
}
|
||||
.lg-css3.lg-zoom-in .lg-item.lg-prev-slide {
|
||||
-webkit-transform: scale3d(1.3, 1.3, 1.3);
|
||||
transform: scale3d(1.3, 1.3, 1.3);
|
||||
}
|
||||
.lg-css3.lg-zoom-in .lg-item.lg-next-slide {
|
||||
-webkit-transform: scale3d(1.3, 1.3, 1.3);
|
||||
transform: scale3d(1.3, 1.3, 1.3);
|
||||
}
|
||||
.lg-css3.lg-zoom-in .lg-item.lg-current {
|
||||
-webkit-transform: scale3d(1, 1, 1);
|
||||
transform: scale3d(1, 1, 1);
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-zoom-in .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in .lg-item.lg-next-slide, .lg-css3.lg-zoom-in .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
}
|
||||
|
||||
.lg-css3.lg-lollipop-rev .lg-item {
|
||||
opacity: 0;
|
||||
}
|
||||
.lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide {
|
||||
-moz-transform: translate3d(0, 0, 0) scale(0.5);
|
||||
-o-transform: translate3d(0, 0, 0) scale(0.5);
|
||||
-ms-transform: translate3d(0, 0, 0) scale(0.5);
|
||||
-webkit-transform: translate3d(0, 0, 0) scale(0.5);
|
||||
transform: translate3d(0, 0, 0) scale(0.5);
|
||||
}
|
||||
.lg-css3.lg-lollipop-rev .lg-item.lg-next-slide {
|
||||
-webkit-transform: translate3d(100%, 0, 0);
|
||||
transform: translate3d(100%, 0, 0);
|
||||
}
|
||||
.lg-css3.lg-lollipop-rev .lg-item.lg-current {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide, .lg-css3.lg-lollipop-rev .lg-item.lg-next-slide, .lg-css3.lg-lollipop-rev .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
}
|
||||
|
||||
.lg-css3.lg-slide-skew-ver-cross .lg-item {
|
||||
opacity: 0;
|
||||
}
|
||||
.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide {
|
||||
-moz-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
|
||||
-o-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
|
||||
-ms-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
|
||||
-webkit-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
|
||||
transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
|
||||
}
|
||||
.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide {
|
||||
-moz-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
|
||||
-o-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
|
||||
-ms-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
|
||||
-webkit-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
|
||||
transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
|
||||
}
|
||||
.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current {
|
||||
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
}
|
||||
|
||||
.lg-css3.lg-lollipop .lg-item {
|
||||
opacity: 0;
|
||||
}
|
||||
.lg-css3.lg-lollipop .lg-item.lg-prev-slide {
|
||||
-webkit-transform: translate3d(-100%, 0, 0);
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
}
|
||||
.lg-css3.lg-lollipop .lg-item.lg-next-slide {
|
||||
-moz-transform: translate3d(0, 0, 0) scale(0.5);
|
||||
-o-transform: translate3d(0, 0, 0) scale(0.5);
|
||||
-ms-transform: translate3d(0, 0, 0) scale(0.5);
|
||||
-webkit-transform: translate3d(0, 0, 0) scale(0.5);
|
||||
transform: translate3d(0, 0, 0) scale(0.5);
|
||||
}
|
||||
.lg-css3.lg-lollipop .lg-item.lg-current {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-lollipop .lg-item.lg-prev-slide, .lg-css3.lg-lollipop .lg-item.lg-next-slide, .lg-css3.lg-lollipop .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
}
|
||||
|
||||
.lg-css3.lg-slide-skew-ver-rev .lg-item {
|
||||
opacity: 0;
|
||||
}
|
||||
.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide {
|
||||
-moz-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
|
||||
-o-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
|
||||
-ms-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
|
||||
-webkit-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
|
||||
transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
|
||||
}
|
||||
.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide {
|
||||
-moz-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
|
||||
-o-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
|
||||
-ms-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
|
||||
-webkit-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
|
||||
transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
|
||||
}
|
||||
.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current {
|
||||
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
}
|
||||
|
||||
.lg-css3.lg-rotate-rev .lg-item {
|
||||
opacity: 0;
|
||||
}
|
||||
.lg-css3.lg-rotate-rev .lg-item.lg-prev-slide {
|
||||
-moz-transform: rotate(360deg);
|
||||
-o-transform: rotate(360deg);
|
||||
-ms-transform: rotate(360deg);
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
.lg-css3.lg-rotate-rev .lg-item.lg-next-slide {
|
||||
-moz-transform: rotate(-360deg);
|
||||
-o-transform: rotate(-360deg);
|
||||
-ms-transform: rotate(-360deg);
|
||||
-webkit-transform: rotate(-360deg);
|
||||
transform: rotate(-360deg);
|
||||
}
|
||||
.lg-css3.lg-rotate-rev .lg-item.lg-current {
|
||||
-moz-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-rotate-rev .lg-item.lg-prev-slide, .lg-css3.lg-rotate-rev .lg-item.lg-next-slide, .lg-css3.lg-rotate-rev .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
}
|
||||
|
||||
.lg-css3.lg-slide-skew-ver .lg-item {
|
||||
opacity: 0;
|
||||
}
|
||||
.lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide {
|
||||
-moz-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
|
||||
-o-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
|
||||
-ms-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
|
||||
-webkit-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
|
||||
transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
|
||||
}
|
||||
.lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide {
|
||||
-moz-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
|
||||
-o-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
|
||||
-ms-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
|
||||
-webkit-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
|
||||
transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
|
||||
}
|
||||
.lg-css3.lg-slide-skew-ver .lg-item.lg-current {
|
||||
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
}
|
||||
|
||||
.lg-css3.lg-rotate .lg-item {
|
||||
opacity: 0;
|
||||
}
|
||||
.lg-css3.lg-rotate .lg-item.lg-prev-slide {
|
||||
-moz-transform: rotate(-360deg);
|
||||
-o-transform: rotate(-360deg);
|
||||
-ms-transform: rotate(-360deg);
|
||||
-webkit-transform: rotate(-360deg);
|
||||
transform: rotate(-360deg);
|
||||
}
|
||||
.lg-css3.lg-rotate .lg-item.lg-next-slide {
|
||||
-moz-transform: rotate(360deg);
|
||||
-o-transform: rotate(360deg);
|
||||
-ms-transform: rotate(360deg);
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
.lg-css3.lg-rotate .lg-item.lg-current {
|
||||
-moz-transform: rotate(0deg);
|
||||
-o-transform: rotate(0deg);
|
||||
-ms-transform: rotate(0deg);
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-rotate .lg-item.lg-prev-slide, .lg-css3.lg-rotate .lg-item.lg-next-slide, .lg-css3.lg-rotate .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
}
|
||||
|
||||
.lg-css3.lg-slide-skew .lg-item {
|
||||
opacity: 0;
|
||||
}
|
||||
.lg-css3.lg-slide-skew .lg-item.lg-prev-slide {
|
||||
-moz-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
|
||||
-o-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
|
||||
-ms-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
|
||||
-webkit-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
|
||||
transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
|
||||
}
|
||||
.lg-css3.lg-slide-skew .lg-item.lg-next-slide {
|
||||
-moz-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
|
||||
-o-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
|
||||
-ms-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
|
||||
-webkit-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
|
||||
transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
|
||||
}
|
||||
.lg-css3.lg-slide-skew .lg-item.lg-current {
|
||||
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-slide-skew .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew .lg-item.lg-next-slide, .lg-css3.lg-slide-skew .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
}
|
||||
|
||||
.lg-css3.lg-scale-up .lg-item {
|
||||
opacity: 0;
|
||||
}
|
||||
.lg-css3.lg-scale-up .lg-item.lg-prev-slide {
|
||||
-moz-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
|
||||
-o-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
|
||||
-ms-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
|
||||
-webkit-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
|
||||
transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
|
||||
}
|
||||
.lg-css3.lg-scale-up .lg-item.lg-next-slide {
|
||||
-moz-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
|
||||
-o-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
|
||||
-ms-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
|
||||
-webkit-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
|
||||
transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
|
||||
}
|
||||
.lg-css3.lg-scale-up .lg-item.lg-current {
|
||||
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-scale-up .lg-item.lg-prev-slide, .lg-css3.lg-scale-up .lg-item.lg-next-slide, .lg-css3.lg-scale-up .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
}
|
||||
|
||||
.lg-css3.lg-slide-vertical-growth .lg-item {
|
||||
opacity: 0;
|
||||
}
|
||||
.lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide {
|
||||
-moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
|
||||
-o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
|
||||
-ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
|
||||
-webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
|
||||
transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
|
||||
}
|
||||
.lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide {
|
||||
-moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
|
||||
-o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
|
||||
-ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
|
||||
-webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
|
||||
transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
|
||||
}
|
||||
.lg-css3.lg-slide-vertical-growth .lg-item.lg-current {
|
||||
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide, .lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide, .lg-css3.lg-slide-vertical-growth .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
}
|
||||
|
||||
.lg-css3.lg-slide-circular-vertical .lg-item {
|
||||
opacity: 0;
|
||||
}
|
||||
.lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide {
|
||||
-moz-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
|
||||
-o-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
|
||||
-ms-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
|
||||
-webkit-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
|
||||
transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
|
||||
}
|
||||
.lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide {
|
||||
-moz-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
|
||||
-o-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
|
||||
-ms-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
|
||||
-webkit-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
|
||||
transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
|
||||
}
|
||||
.lg-css3.lg-slide-circular-vertical .lg-item.lg-current {
|
||||
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
}
|
||||
|
||||
.lg-css3.lg-slide-vertical .lg-item {
|
||||
opacity: 0;
|
||||
}
|
||||
.lg-css3.lg-slide-vertical .lg-item.lg-prev-slide {
|
||||
-webkit-transform: translate3d(0, -100%, 0);
|
||||
transform: translate3d(0, -100%, 0);
|
||||
}
|
||||
.lg-css3.lg-slide-vertical .lg-item.lg-next-slide {
|
||||
-webkit-transform: translate3d(0, 100%, 0);
|
||||
transform: translate3d(0, 100%, 0);
|
||||
}
|
||||
.lg-css3.lg-slide-vertical .lg-item.lg-current {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-slide-vertical .lg-item.lg-prev-slide, .lg-css3.lg-slide-vertical .lg-item.lg-next-slide, .lg-css3.lg-slide-vertical .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
}
|
||||
|
||||
.lg-css3.lg-slide-circular .lg-item {
|
||||
opacity: 0;
|
||||
}
|
||||
.lg-css3.lg-slide-circular .lg-item.lg-prev-slide {
|
||||
-moz-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
|
||||
-o-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
|
||||
-ms-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
|
||||
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
|
||||
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
|
||||
}
|
||||
.lg-css3.lg-slide-circular .lg-item.lg-next-slide {
|
||||
-moz-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
|
||||
-o-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
|
||||
-ms-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
|
||||
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
|
||||
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
|
||||
}
|
||||
.lg-css3.lg-slide-circular .lg-item.lg-current {
|
||||
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-slide-circular .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular .lg-item.lg-next-slide, .lg-css3.lg-slide-circular .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
}
|
||||
|
||||
.lg-css3.lg-soft-zoom .lg-item {
|
||||
opacity: 0;
|
||||
}
|
||||
.lg-css3.lg-soft-zoom .lg-item.lg-prev-slide {
|
||||
-webkit-transform: scale3d(1.1, 1.1, 1.1);
|
||||
transform: scale3d(1.1, 1.1, 1.1);
|
||||
}
|
||||
.lg-css3.lg-soft-zoom .lg-item.lg-next-slide {
|
||||
-webkit-transform: scale3d(0.9, 0.9, 0.9);
|
||||
transform: scale3d(0.9, 0.9, 0.9);
|
||||
}
|
||||
.lg-css3.lg-soft-zoom .lg-item.lg-current {
|
||||
-webkit-transform: scale3d(1, 1, 1);
|
||||
transform: scale3d(1, 1, 1);
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-soft-zoom .lg-item.lg-prev-slide, .lg-css3.lg-soft-zoom .lg-item.lg-next-slide, .lg-css3.lg-soft-zoom .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
}
|
||||
|
||||
.lg-css3.lg-slide-skew-cross-rev .lg-item {
|
||||
opacity: 0;
|
||||
}
|
||||
.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide {
|
||||
-moz-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
|
||||
-o-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
|
||||
-ms-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
|
||||
-webkit-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
|
||||
transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
|
||||
}
|
||||
.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide {
|
||||
-moz-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
|
||||
-o-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
|
||||
-ms-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
|
||||
-webkit-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
|
||||
transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
|
||||
}
|
||||
.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current {
|
||||
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
}
|
||||
|
||||
.lg-css3.lg-tube .lg-item {
|
||||
opacity: 0;
|
||||
}
|
||||
.lg-css3.lg-tube .lg-item.lg-prev-slide {
|
||||
-moz-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
|
||||
-o-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
|
||||
-ms-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
|
||||
-webkit-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
|
||||
transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
|
||||
}
|
||||
.lg-css3.lg-tube .lg-item.lg-next-slide {
|
||||
-moz-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
|
||||
-o-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
|
||||
-ms-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
|
||||
-webkit-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
|
||||
transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
|
||||
}
|
||||
.lg-css3.lg-tube .lg-item.lg-current {
|
||||
-moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-tube .lg-item.lg-prev-slide, .lg-css3.lg-tube .lg-item.lg-next-slide, .lg-css3.lg-tube .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
}
|
||||
|
||||
.lg-css3.lg-slide-skew-cross .lg-item {
|
||||
opacity: 0;
|
||||
}
|
||||
.lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide {
|
||||
-moz-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
|
||||
-o-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
|
||||
-ms-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
|
||||
-webkit-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
|
||||
transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
|
||||
}
|
||||
.lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide {
|
||||
-moz-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
|
||||
-o-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
|
||||
-ms-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
|
||||
-webkit-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
|
||||
transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
|
||||
}
|
||||
.lg-css3.lg-slide-skew-cross .lg-item.lg-current {
|
||||
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-cross .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
}
|
||||
|
||||
.lg-css3.lg-zoom-in-big .lg-item {
|
||||
opacity: 0;
|
||||
}
|
||||
.lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide {
|
||||
-webkit-transform: scale3d(2, 2, 2);
|
||||
transform: scale3d(2, 2, 2);
|
||||
}
|
||||
.lg-css3.lg-zoom-in-big .lg-item.lg-next-slide {
|
||||
-webkit-transform: scale3d(2, 2, 2);
|
||||
transform: scale3d(2, 2, 2);
|
||||
}
|
||||
.lg-css3.lg-zoom-in-big .lg-item.lg-current {
|
||||
-webkit-transform: scale3d(1, 1, 1);
|
||||
transform: scale3d(1, 1, 1);
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in-big .lg-item.lg-next-slide, .lg-css3.lg-zoom-in-big .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
}
|
||||
|
||||
.lg-css3.lg-slide-skew-only-rev .lg-item {
|
||||
opacity: 0;
|
||||
}
|
||||
.lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide {
|
||||
-moz-transform: skew(-10deg, 0deg);
|
||||
-o-transform: skew(-10deg, 0deg);
|
||||
-ms-transform: skew(-10deg, 0deg);
|
||||
-webkit-transform: skew(-10deg, 0deg);
|
||||
transform: skew(-10deg, 0deg);
|
||||
}
|
||||
.lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide {
|
||||
-moz-transform: skew(-10deg, 0deg);
|
||||
-o-transform: skew(-10deg, 0deg);
|
||||
-ms-transform: skew(-10deg, 0deg);
|
||||
-webkit-transform: skew(-10deg, 0deg);
|
||||
transform: skew(-10deg, 0deg);
|
||||
}
|
||||
.lg-css3.lg-slide-skew-only-rev .lg-item.lg-current {
|
||||
-moz-transform: skew(0deg, 0deg);
|
||||
-o-transform: skew(0deg, 0deg);
|
||||
-ms-transform: skew(0deg, 0deg);
|
||||
-webkit-transform: skew(0deg, 0deg);
|
||||
transform: skew(0deg, 0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-rev .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
}
|
||||
|
||||
.lg-css3.lg-zoom-in-out .lg-item {
|
||||
opacity: 0;
|
||||
}
|
||||
.lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide {
|
||||
-webkit-transform: scale3d(2, 2, 2);
|
||||
transform: scale3d(2, 2, 2);
|
||||
}
|
||||
.lg-css3.lg-zoom-in-out .lg-item.lg-next-slide {
|
||||
-webkit-transform: scale3d(0, 0, 0);
|
||||
transform: scale3d(0, 0, 0);
|
||||
}
|
||||
.lg-css3.lg-zoom-in-out .lg-item.lg-current {
|
||||
-webkit-transform: scale3d(1, 1, 1);
|
||||
transform: scale3d(1, 1, 1);
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in-out .lg-item.lg-next-slide, .lg-css3.lg-zoom-in-out .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
}
|
||||
|
||||
.lg-css3.lg-slide-skew-only-y-rev .lg-item {
|
||||
opacity: 0;
|
||||
}
|
||||
.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide {
|
||||
-moz-transform: skew(0deg, -10deg);
|
||||
-o-transform: skew(0deg, -10deg);
|
||||
-ms-transform: skew(0deg, -10deg);
|
||||
-webkit-transform: skew(0deg, -10deg);
|
||||
transform: skew(0deg, -10deg);
|
||||
}
|
||||
.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide {
|
||||
-moz-transform: skew(0deg, -10deg);
|
||||
-o-transform: skew(0deg, -10deg);
|
||||
-ms-transform: skew(0deg, -10deg);
|
||||
-webkit-transform: skew(0deg, -10deg);
|
||||
transform: skew(0deg, -10deg);
|
||||
}
|
||||
.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current {
|
||||
-moz-transform: skew(0deg, 0deg);
|
||||
-o-transform: skew(0deg, 0deg);
|
||||
-ms-transform: skew(0deg, 0deg);
|
||||
-webkit-transform: skew(0deg, 0deg);
|
||||
transform: skew(0deg, 0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
}
|
||||
|
||||
.lg-css3.lg-slide-skew-only-y .lg-item {
|
||||
opacity: 0;
|
||||
}
|
||||
.lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide {
|
||||
-moz-transform: skew(0deg, 10deg);
|
||||
-o-transform: skew(0deg, 10deg);
|
||||
-ms-transform: skew(0deg, 10deg);
|
||||
-webkit-transform: skew(0deg, 10deg);
|
||||
transform: skew(0deg, 10deg);
|
||||
}
|
||||
.lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide {
|
||||
-moz-transform: skew(0deg, 10deg);
|
||||
-o-transform: skew(0deg, 10deg);
|
||||
-ms-transform: skew(0deg, 10deg);
|
||||
-webkit-transform: skew(0deg, 10deg);
|
||||
transform: skew(0deg, 10deg);
|
||||
}
|
||||
.lg-css3.lg-slide-skew-only-y .lg-item.lg-current {
|
||||
-moz-transform: skew(0deg, 0deg);
|
||||
-o-transform: skew(0deg, 0deg);
|
||||
-ms-transform: skew(0deg, 0deg);
|
||||
-webkit-transform: skew(0deg, 0deg);
|
||||
transform: skew(0deg, 0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-y .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
}
|
||||
|
||||
.lg-css3.lg-zoom-out-big .lg-item {
|
||||
opacity: 0;
|
||||
}
|
||||
.lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide {
|
||||
-webkit-transform: scale3d(0, 0, 0);
|
||||
transform: scale3d(0, 0, 0);
|
||||
}
|
||||
.lg-css3.lg-zoom-out-big .lg-item.lg-next-slide {
|
||||
-webkit-transform: scale3d(0, 0, 0);
|
||||
transform: scale3d(0, 0, 0);
|
||||
}
|
||||
.lg-css3.lg-zoom-out-big .lg-item.lg-current {
|
||||
-webkit-transform: scale3d(1, 1, 1);
|
||||
transform: scale3d(1, 1, 1);
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out-big .lg-item.lg-next-slide, .lg-css3.lg-zoom-out-big .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
}
|
||||
|
||||
.lg-css3.lg-slide-skew-only .lg-item {
|
||||
opacity: 0;
|
||||
}
|
||||
.lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide {
|
||||
-moz-transform: skew(10deg, 0deg);
|
||||
-o-transform: skew(10deg, 0deg);
|
||||
-ms-transform: skew(10deg, 0deg);
|
||||
-webkit-transform: skew(10deg, 0deg);
|
||||
transform: skew(10deg, 0deg);
|
||||
}
|
||||
.lg-css3.lg-slide-skew-only .lg-item.lg-next-slide {
|
||||
-moz-transform: skew(10deg, 0deg);
|
||||
-o-transform: skew(10deg, 0deg);
|
||||
-ms-transform: skew(10deg, 0deg);
|
||||
-webkit-transform: skew(10deg, 0deg);
|
||||
transform: skew(10deg, 0deg);
|
||||
}
|
||||
.lg-css3.lg-slide-skew-only .lg-item.lg-current {
|
||||
-moz-transform: skew(0deg, 0deg);
|
||||
-o-transform: skew(0deg, 0deg);
|
||||
-ms-transform: skew(0deg, 0deg);
|
||||
-webkit-transform: skew(0deg, 0deg);
|
||||
transform: skew(0deg, 0deg);
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
}
|
||||
|
||||
.lg-css3.lg-zoom-out-in .lg-item {
|
||||
opacity: 0;
|
||||
}
|
||||
.lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide {
|
||||
-webkit-transform: scale3d(0, 0, 0);
|
||||
transform: scale3d(0, 0, 0);
|
||||
}
|
||||
.lg-css3.lg-zoom-out-in .lg-item.lg-next-slide {
|
||||
-webkit-transform: scale3d(2, 2, 2);
|
||||
transform: scale3d(2, 2, 2);
|
||||
}
|
||||
.lg-css3.lg-zoom-out-in .lg-item.lg-current {
|
||||
-webkit-transform: scale3d(1, 1, 1);
|
||||
transform: scale3d(1, 1, 1);
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out-in .lg-item.lg-next-slide, .lg-css3.lg-zoom-out-in .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
}
|
||||
|
||||
.lg-css3.lg-slide-skew-rev .lg-item {
|
||||
opacity: 0;
|
||||
}
|
||||
.lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide {
|
||||
-moz-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
|
||||
-o-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
|
||||
-ms-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
|
||||
-webkit-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
|
||||
transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
|
||||
}
|
||||
.lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide {
|
||||
-moz-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
|
||||
-o-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
|
||||
-ms-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
|
||||
-webkit-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
|
||||
transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
|
||||
}
|
||||
.lg-css3.lg-slide-skew-rev .lg-item.lg-current {
|
||||
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-rev .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
}
|
||||
|
||||
.lg-css3.lg-zoom-out .lg-item {
|
||||
opacity: 0;
|
||||
}
|
||||
.lg-css3.lg-zoom-out .lg-item.lg-prev-slide {
|
||||
-webkit-transform: scale3d(0.7, 0.7, 0.7);
|
||||
transform: scale3d(0.7, 0.7, 0.7);
|
||||
}
|
||||
.lg-css3.lg-zoom-out .lg-item.lg-next-slide {
|
||||
-webkit-transform: scale3d(0.7, 0.7, 0.7);
|
||||
transform: scale3d(0.7, 0.7, 0.7);
|
||||
}
|
||||
.lg-css3.lg-zoom-out .lg-item.lg-current {
|
||||
-webkit-transform: scale3d(1, 1, 1);
|
||||
transform: scale3d(1, 1, 1);
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-zoom-out .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out .lg-item.lg-next-slide, .lg-css3.lg-zoom-out .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
|
||||
}
|
||||
|
||||
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item {
|
||||
opacity: 0;
|
||||
}
|
||||
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide {
|
||||
-moz-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
|
||||
-o-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
|
||||
-ms-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
|
||||
-webkit-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
|
||||
transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
|
||||
}
|
||||
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide {
|
||||
-moz-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
|
||||
-o-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
|
||||
-ms-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
|
||||
-webkit-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
|
||||
transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
|
||||
}
|
||||
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current {
|
||||
-moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
-webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=lg-transitions.css.map */
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,135 @@
|
||||
.lg-outer .lg-video-cont {
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
position: relative;
|
||||
}
|
||||
.lg-outer .lg-video-cont .lg-object {
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
}
|
||||
.lg-outer .lg-has-iframe .lg-video-cont {
|
||||
-webkit-overflow-scrolling: touch;
|
||||
overflow: auto;
|
||||
}
|
||||
.lg-outer .lg-video-object {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: 3;
|
||||
}
|
||||
.lg-outer .lg-video-poster {
|
||||
z-index: 1;
|
||||
}
|
||||
.lg-outer .lg-has-video .lg-video-object {
|
||||
opacity: 0;
|
||||
will-change: opacity;
|
||||
-webkit-transition: opacity 0.3s ease-in;
|
||||
-o-transition: opacity 0.3s ease-in;
|
||||
transition: opacity 0.3s ease-in;
|
||||
}
|
||||
.lg-outer .lg-has-video.lg-video-loaded .lg-video-poster,
|
||||
.lg-outer .lg-has-video.lg-video-loaded .lg-video-play-button {
|
||||
opacity: 0 !important;
|
||||
}
|
||||
.lg-outer .lg-has-video.lg-video-loaded .lg-video-object {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
@keyframes lg-play-stroke {
|
||||
0% {
|
||||
stroke-dasharray: 1, 200;
|
||||
stroke-dashoffset: 0;
|
||||
}
|
||||
50% {
|
||||
stroke-dasharray: 89, 200;
|
||||
stroke-dashoffset: -35px;
|
||||
}
|
||||
100% {
|
||||
stroke-dasharray: 89, 200;
|
||||
stroke-dashoffset: -124px;
|
||||
}
|
||||
}
|
||||
@keyframes lg-play-rotate {
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
.lg-video-play-button {
|
||||
width: 18%;
|
||||
max-width: 140px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
z-index: 2;
|
||||
cursor: pointer;
|
||||
transform: translate(-50%, -50%) scale(1);
|
||||
will-change: opacity, transform;
|
||||
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s;
|
||||
-moz-transition: -moz-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s;
|
||||
-o-transition: -o-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s;
|
||||
transition: transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s;
|
||||
}
|
||||
.lg-video-play-button:hover .lg-video-play-icon-bg,
|
||||
.lg-video-play-button:hover .lg-video-play-icon {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.lg-video-play-icon-bg {
|
||||
fill: none;
|
||||
stroke-width: 3%;
|
||||
stroke: #fcfcfc;
|
||||
opacity: 0.6;
|
||||
will-change: opacity;
|
||||
-webkit-transition: opacity 0.12s ease-in;
|
||||
-o-transition: opacity 0.12s ease-in;
|
||||
transition: opacity 0.12s ease-in;
|
||||
}
|
||||
|
||||
.lg-video-play-icon-circle {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
fill: none;
|
||||
stroke-width: 3%;
|
||||
stroke: rgba(30, 30, 30, 0.9);
|
||||
stroke-opacity: 1;
|
||||
stroke-linecap: round;
|
||||
stroke-dasharray: 200;
|
||||
stroke-dashoffset: 200;
|
||||
}
|
||||
|
||||
.lg-video-play-icon {
|
||||
position: absolute;
|
||||
width: 25%;
|
||||
max-width: 120px;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate3d(-50%, -50%, 0);
|
||||
opacity: 0.6;
|
||||
will-change: opacity;
|
||||
-webkit-transition: opacity 0.12s ease-in;
|
||||
-o-transition: opacity 0.12s ease-in;
|
||||
transition: opacity 0.12s ease-in;
|
||||
}
|
||||
.lg-video-play-icon .lg-video-play-icon-inner {
|
||||
fill: #fcfcfc;
|
||||
}
|
||||
|
||||
.lg-video-loading .lg-video-play-icon-circle {
|
||||
animation: lg-play-rotate 2s linear 0.25s infinite, lg-play-stroke 1.5s ease-in-out 0.25s infinite;
|
||||
}
|
||||
|
||||
.lg-video-loaded .lg-video-play-button {
|
||||
opacity: 0;
|
||||
transform: translate(-50%, -50%) scale(0.7);
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=lg-video.css.map */
|
||||
@@ -0,0 +1 @@
|
||||
{"version":3,"sourceRoot":"","sources":["../../src/scss/lg-video.scss","../../src/scss/_lg-mixins.scss"],"names":[],"mappings":"AAII;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;;AAKJ;EACI;EACA;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;;AAIA;EACI;EACA;ECyLR,oBDxLQ;ECyLR,eDzLQ;EC0LR,YD1LQ;;AAIA;AAAA;EAEI;;AAGJ;EACI;;;AAMhB;EACI;IACI;IACA;;EAGJ;IACI;IACA;;EAGJ;IACI;IACA;;;AAIR;EACI;IACI;IACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECkNA;EACA;EACA;EACA,YDpNA;;AAKI;AAAA;EAEI;;;AAIZ;EACI;EACA;EACA;EACA;EACA;ECsHA,oBDrHA;ECsHA,eDtHA;ECuHA,YDvHA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EC4FA,oBD3FA;EC4FA,eD5FA;EC6FA,YD7FA;;AACA;EACI;;;AAKJ;EACI;;;AAKJ;EACI;EACA","file":"lg-video.css"}
|
||||
@@ -0,0 +1,104 @@
|
||||
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap,
|
||||
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
|
||||
-webkit-transition-duration: 0ms !important;
|
||||
transition-duration: 0ms !important;
|
||||
}
|
||||
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
|
||||
will-change: transform;
|
||||
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
|
||||
-moz-transition: -moz-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
|
||||
-o-transition: -o-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
|
||||
transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
|
||||
}
|
||||
.lg-outer.lg-use-transition-for-zoom.lg-zoom-drag-transition .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
|
||||
will-change: transform;
|
||||
-webkit-transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
-moz-transition: -moz-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
-o-transition: -o-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
transition: transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
}
|
||||
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image,
|
||||
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img {
|
||||
-webkit-transform: scale3d(1, 1, 1);
|
||||
transform: scale3d(1, 1, 1);
|
||||
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
|
||||
-moz-transition: -moz-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
|
||||
-o-transition: -o-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
|
||||
transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.no-transition,
|
||||
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.no-transition {
|
||||
transition: none !important;
|
||||
}
|
||||
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition,
|
||||
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition {
|
||||
transform: scale3d(1, 1, 1) translate3d(-50%, -50%, 0px) !important;
|
||||
max-width: none !important;
|
||||
max-height: none !important;
|
||||
top: 50% !important;
|
||||
left: 50% !important;
|
||||
}
|
||||
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-x,
|
||||
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-x {
|
||||
transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0px) !important;
|
||||
top: 0 !important;
|
||||
left: 50% !important;
|
||||
max-width: none !important;
|
||||
max-height: none !important;
|
||||
}
|
||||
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-y,
|
||||
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-y {
|
||||
transform: scale3d(1, 1, 1) translate3d(0, -50%, 0px) !important;
|
||||
top: 50% !important;
|
||||
left: 0% !important;
|
||||
max-width: none !important;
|
||||
max-height: none !important;
|
||||
}
|
||||
|
||||
.lg-icon.lg-zoom-in:after {
|
||||
content: "\e311";
|
||||
}
|
||||
.lg-actual-size .lg-icon.lg-zoom-in {
|
||||
opacity: 1;
|
||||
pointer-events: auto;
|
||||
}
|
||||
.lg-icon.lg-actual-size {
|
||||
font-size: 20px;
|
||||
}
|
||||
.lg-icon.lg-actual-size:after {
|
||||
content: "\e033";
|
||||
}
|
||||
.lg-icon.lg-zoom-out {
|
||||
opacity: 0.5;
|
||||
pointer-events: none;
|
||||
}
|
||||
.lg-icon.lg-zoom-out:after {
|
||||
content: "\e312";
|
||||
}
|
||||
.lg-zoomed .lg-icon.lg-zoom-out {
|
||||
opacity: 1;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.lg-outer[data-lg-slide-type=video] .lg-zoom-in,
|
||||
.lg-outer[data-lg-slide-type=video] .lg-actual-size,
|
||||
.lg-outer[data-lg-slide-type=video] .lg-zoom-out, .lg-outer[data-lg-slide-type=iframe] .lg-zoom-in,
|
||||
.lg-outer[data-lg-slide-type=iframe] .lg-actual-size,
|
||||
.lg-outer[data-lg-slide-type=iframe] .lg-zoom-out, .lg-outer.lg-first-slide-loading .lg-zoom-in,
|
||||
.lg-outer.lg-first-slide-loading .lg-actual-size,
|
||||
.lg-outer.lg-first-slide-loading .lg-zoom-out {
|
||||
opacity: 0.75;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=lg-zoom.css.map */
|
||||
@@ -0,0 +1 @@
|
||||
{"version":3,"sourceRoot":"","sources":["../../src/scss/lg-zoom.scss","../../src/scss/_lg-mixins.scss","../../src/scss/_lg-variables.scss"],"names":[],"mappings":"AAOY;AAAA;ECwOR,6BDtOY;ECuOZ,qBDvOY;;AAMJ;EACI;EC0RZ;EACA;EACA;EACA,YD5RY;;AAQA;EACI;ECgRhB;EACA;EACA;EACA,YDlRgB;;AASZ;EC+HJ;EACA;EAhFA,6BD9CqC;EC+CrC,0BD/CqC;ECgDrC,qBDhDqC;;AAGjC;AAAA;EC+HJ;EACA;EAiIA;EACA;EACA;EACA,YDhQQ;ECuCR,6BDlCqC;ECmCrC,0BDnCqC;ECoCrC,qBDpCqC;;AAE7B;AAAA;EACI;;AAEJ;AAAA;EACI;EACA;EACA;EACA;EACA;;AAEJ;AAAA;EACI;EACA;EACA;EACA;EACA;;AAEJ;AAAA;EACI;EACA;EACA;EACA;EACA;;;AASR;EACI;;AAEJ;EACI;EACA;;AAIR;EACI;;AACA;EACI;;AAIR;EACI;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;;;AAQJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGI,SE7FuB;EF8FvB","file":"lg-zoom.css"}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1,350 @@
|
||||
.lg-group:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.lg-container {
|
||||
display: none;
|
||||
outline: none;
|
||||
}
|
||||
.lg-container.lg-show {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.lg-on {
|
||||
scroll-behavior: unset;
|
||||
}
|
||||
|
||||
.lg-overlay-open {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.lg-toolbar,
|
||||
.lg-prev,
|
||||
.lg-next,
|
||||
.lg-pager-outer,
|
||||
.lg-hide-sub-html .lg-sub-html {
|
||||
opacity: 0;
|
||||
will-change: transform, opacity;
|
||||
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
-o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
}
|
||||
|
||||
.lg-show-in .lg-toolbar,
|
||||
.lg-show-in .lg-prev,
|
||||
.lg-show-in .lg-next,
|
||||
.lg-show-in .lg-pager-outer {
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-show-in.lg-hide-sub-html .lg-sub-html {
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-show-in .lg-hide-items .lg-prev {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate3d(-10px, 0, 0);
|
||||
transform: translate3d(-10px, 0, 0);
|
||||
}
|
||||
.lg-show-in .lg-hide-items .lg-next {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate3d(10px, 0, 0);
|
||||
transform: translate3d(10px, 0, 0);
|
||||
}
|
||||
.lg-show-in .lg-hide-items .lg-toolbar {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate3d(0, -10px, 0);
|
||||
transform: translate3d(0, -10px, 0);
|
||||
}
|
||||
.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate3d(0, 20px, 0);
|
||||
transform: translate3d(0, 20px, 0);
|
||||
}
|
||||
|
||||
.lg-outer {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1050;
|
||||
text-align: left;
|
||||
opacity: 0.001;
|
||||
outline: none;
|
||||
will-change: auto;
|
||||
overflow: hidden;
|
||||
-webkit-transition: opacity 0.15s ease 0s;
|
||||
-o-transition: opacity 0.15s ease 0s;
|
||||
transition: opacity 0.15s ease 0s;
|
||||
}
|
||||
.lg-outer * {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.lg-outer.lg-zoom-from-image {
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-outer.lg-visible {
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current {
|
||||
-webkit-transition-duration: inherit !important;
|
||||
transition-duration: inherit !important;
|
||||
-webkit-transition-timing-function: inherit !important;
|
||||
transition-timing-function: inherit !important;
|
||||
}
|
||||
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
|
||||
-webkit-transition-duration: 0s !important;
|
||||
transition-duration: 0s !important;
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-outer.lg-grab img.lg-object {
|
||||
cursor: -webkit-grab;
|
||||
cursor: -moz-grab;
|
||||
cursor: -o-grab;
|
||||
cursor: -ms-grab;
|
||||
cursor: grab;
|
||||
}
|
||||
.lg-outer.lg-grabbing img.lg-object {
|
||||
cursor: move;
|
||||
cursor: -webkit-grabbing;
|
||||
cursor: -moz-grabbing;
|
||||
cursor: -o-grabbing;
|
||||
cursor: -ms-grabbing;
|
||||
cursor: grabbing;
|
||||
}
|
||||
.lg-outer .lg-content {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.lg-outer .lg-inner {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
-webkit-transition: opacity 0s;
|
||||
-o-transition: opacity 0s;
|
||||
transition: opacity 0s;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.lg-outer .lg-item {
|
||||
display: none !important;
|
||||
}
|
||||
.lg-outer .lg-item:not(.lg-start-end-progress) {
|
||||
background: url("../images/loading.gif") no-repeat scroll center center transparent;
|
||||
}
|
||||
.lg-outer.lg-css3 .lg-prev-slide,
|
||||
.lg-outer.lg-css3 .lg-current,
|
||||
.lg-outer.lg-css3 .lg-next-slide {
|
||||
display: inline-block !important;
|
||||
}
|
||||
.lg-outer.lg-css .lg-current {
|
||||
display: inline-block !important;
|
||||
}
|
||||
.lg-outer .lg-item,
|
||||
.lg-outer .lg-img-wrap {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.lg-outer .lg-item:before,
|
||||
.lg-outer .lg-img-wrap:before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.lg-outer .lg-img-wrap {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
white-space: nowrap;
|
||||
font-size: 0;
|
||||
}
|
||||
.lg-outer .lg-item.lg-complete {
|
||||
background-image: none;
|
||||
}
|
||||
.lg-outer .lg-item.lg-current {
|
||||
z-index: 1060;
|
||||
}
|
||||
.lg-outer .lg-object {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
width: auto;
|
||||
height: auto;
|
||||
position: relative;
|
||||
}
|
||||
.lg-outer .lg-empty-html.lg-sub-html,
|
||||
.lg-outer .lg-empty-html .lg-sub-html {
|
||||
display: none;
|
||||
}
|
||||
.lg-outer.lg-hide-download .lg-download {
|
||||
opacity: 0.75;
|
||||
pointer-events: none;
|
||||
}
|
||||
.lg-outer .lg-first-slide .lg-dummy-img {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
}
|
||||
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {
|
||||
-webkit-transform: translate3d(0, 0%, 0);
|
||||
transform: translate3d(0, 0%, 0);
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
|
||||
opacity: 1;
|
||||
transition: opacity 0.2s ease-out 0.15s;
|
||||
}
|
||||
.lg-outer .lg-media-cont {
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
position: relative;
|
||||
}
|
||||
.lg-outer .lg-media-cont .lg-object {
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
}
|
||||
.lg-outer .lg-has-iframe .lg-media-cont {
|
||||
-webkit-overflow-scrolling: touch;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.lg-backdrop {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 1040;
|
||||
background-color: #000;
|
||||
opacity: 0;
|
||||
will-change: auto;
|
||||
-webkit-transition: opacity 333ms ease-in 0s;
|
||||
-o-transition: opacity 333ms ease-in 0s;
|
||||
transition: opacity 333ms ease-in 0s;
|
||||
}
|
||||
.lg-backdrop.in {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.lg-css3.lg-no-trans .lg-prev-slide,
|
||||
.lg-css3.lg-no-trans .lg-next-slide,
|
||||
.lg-css3.lg-no-trans .lg-current {
|
||||
-webkit-transition: none 0s ease 0s !important;
|
||||
-moz-transition: none 0s ease 0s !important;
|
||||
-o-transition: none 0s ease 0s !important;
|
||||
transition: none 0s ease 0s !important;
|
||||
}
|
||||
.lg-css3.lg-use-css3 .lg-item {
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
.lg-css3.lg-fade .lg-item {
|
||||
opacity: 0;
|
||||
}
|
||||
.lg-css3.lg-fade .lg-item.lg-current {
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
|
||||
-webkit-transition: opacity 0.1s ease 0s;
|
||||
-moz-transition: opacity 0.1s ease 0s;
|
||||
-o-transition: opacity 0.1s ease 0s;
|
||||
transition: opacity 0.1s ease 0s;
|
||||
}
|
||||
.lg-css3.lg-use-css3 .lg-item.lg-start-progress {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
|
||||
transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
|
||||
}
|
||||
.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
}
|
||||
.lg-css3.lg-slide.lg-use-css3 .lg-item {
|
||||
opacity: 0;
|
||||
}
|
||||
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
|
||||
-webkit-transform: translate3d(-100%, 0, 0);
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
}
|
||||
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
|
||||
-webkit-transform: translate3d(100%, 0, 0);
|
||||
transform: translate3d(100%, 0, 0);
|
||||
}
|
||||
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
}
|
||||
|
||||
.lg-container {
|
||||
display: none;
|
||||
}
|
||||
.lg-container.lg-show {
|
||||
display: block;
|
||||
}
|
||||
.lg-container.lg-dragging-vertical .lg-backdrop {
|
||||
-webkit-transition-duration: 0s !important;
|
||||
transition-duration: 0s !important;
|
||||
}
|
||||
.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
|
||||
-webkit-transition-duration: 0s !important;
|
||||
transition-duration: 0s !important;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.lg-inline .lg-backdrop,
|
||||
.lg-inline .lg-outer {
|
||||
position: absolute;
|
||||
}
|
||||
.lg-inline .lg-backdrop {
|
||||
z-index: 1;
|
||||
}
|
||||
.lg-inline .lg-outer {
|
||||
z-index: 2;
|
||||
}
|
||||
.lg-inline .lg-maximize:after {
|
||||
content: "\e909";
|
||||
}
|
||||
|
||||
.lg-components {
|
||||
-webkit-transform: translate3d(0, 100%, 0);
|
||||
transform: translate3d(0, 100%, 0);
|
||||
will-change: transform;
|
||||
-webkit-transition: -webkit-transform 0.35s ease-out 0s;
|
||||
-moz-transition: -moz-transform 0.35s ease-out 0s;
|
||||
-o-transition: -o-transform 0.35s ease-out 0s;
|
||||
transition: transform 0.35s ease-out 0s;
|
||||
z-index: 1080;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=lightgallery-core.css.map */
|
||||
@@ -0,0 +1 @@
|
||||
{"version":3,"sourceRoot":"","sources":["../../src/scss/lightgallery-core.scss","../../src/scss/_lg-mixins.scss","../../src/scss/_lg-variables.scss"],"names":[],"mappings":"AAIA;EACI;EACA;EACA;;;AAKJ;EACI;EACA;;AACA;EACI;;;AAGR;EACI;;;AAEJ;EACI;;;AAIJ;AAAA;AAAA;AAAA;AAAA;EAKI;EACA;ECyQA;EACA;EACA;EACA,YD3QA;;;AAOA;AAAA;AAAA;AAAA;EAII;;AAGA;EACI;;AAIJ;EACI;EC6GR;EACA;;AD1GI;EACI;ECwGR;EACA;;ADrGI;EACI;ECmGR;EACA;;AD/FQ;EACI;EC6FZ;EACA;;;ADvFJ;EACI;EACA;EACA;EACA;EACA;EACA,SEzBW;EF0BX;EACA;EACA;EACA;EACA;ECuIA,oBDrIA;ECsIA,eDtIA;ECuIA,YDvIA;;AAEA;ECSA,oBDRwB;ECSxB,iBDTwB;ECUxB,YDVwB;;AAGxB;EACI;;AAGJ;EACI;;AAMI;ECoIR,6BDjIY;ECkIZ,qBDlIY;ECsIZ,oCDrIgD;ECsIhD,4BDtIgD;;AAQxC;ECwHR,6BDrHY;ECsHZ,qBDtHY;EACA;;AAOR;EC2LJ;EACA;EACA;EACA;EACA;;ADzLI;EC6LJ;EACA;EACA;EACA;EACA;EACA;;AD7LA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;ECqEJ,oBDpEI;ECqEJ,eDrEI;ECsEJ,YDtEI;EACA;;AAGJ;EAKI;;AAJA;EACI;;AAMJ;AAAA;AAAA;EAGI;;AAIJ;EACI;;AAIR;AAAA;EAEI;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACI;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EAEA;EACA;;AAIA;EACI;;AAGJ;EACI,SElJE;;AFsJV;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAKA;AAAA;EAEI;;AAKJ;EACI,SEjNuB;EFkNvB;;AAKJ;EACI;EACA;EACA;;AAMA;ECxFR;EACA;EDyFY;;AAEJ;EACI;EACA;;AAKZ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;;AAKJ;EACI;EACA;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA,SE5Nc;EF6Nd,kBExRa;EFyRb;EACA;ECnEA,oBDoEA;ECnEA,eDmEA;EClEA,YDkEA;;AACA;EACI,SErSW;;;AF6SX;AAAA;AAAA;ECHJ;EACA;EACA;EACA,YDGQ;;AAKJ;ECjOJ,6BDkOqC;ECjOrC,0BDiOqC;EChOrC,qBDgOqC;;AAMjC;EACI;;AAEA;EACI;;AAIJ;EC1BR;EACA;EACA;EACA,YD0BY;;AAMJ;ECnCR;EACA;EACA;EACA,YDiCY;;AAKJ;ECzCR;EACA;EACA;EACA,YDuCY;;AASJ;EACI;;AAEA;EC7LZ;EACA;;ADgMY;ECjMZ;EACA;;ADoMY;ECrMZ;EACA;EDsMgB;;AAIJ;ECpEZ;EACA;EACA;EACA,YDoEgB;;;AAUpB;EACI;;AACA;EACI;;AAKA;ECpJJ,6BDqJQ;ECpJR,qBDoJQ;;AAII;ECzJZ,6BD0JgB;ECzJhB,qBDyJgB;EACA;;;AAUhB;AAAA;EAEI;;AAEJ;EACI;;AAEJ;EACI;;AAGA;EACI;;;AAMZ;ECnQI;EACA;EDoQA;EC9HA;EACA;EACA;EACA,YD4HA;EACA,SE3WgB;EF4WhB;EACA;EACA;EACA","file":"lightgallery-core.css"}
|
||||
@@ -0,0 +1,668 @@
|
||||
@font-face {
|
||||
font-family: "lg";
|
||||
src: url("../fonts/lg.woff2?io9a6k") format("woff2"), url("../fonts/lg.ttf?io9a6k") format("truetype"), url("../fonts/lg.woff?io9a6k") format("woff"), url("../fonts/lg.svg?io9a6k#lg") format("svg");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
.lg-icon {
|
||||
/* use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: "lg" !important;
|
||||
speak: never;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.lg-container {
|
||||
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
}
|
||||
|
||||
.lg-next,
|
||||
.lg-prev {
|
||||
background-color: rgba(0, 0, 0, 0.45);
|
||||
border-radius: 2px;
|
||||
color: #999;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
font-size: 22px;
|
||||
margin-top: -10px;
|
||||
padding: 8px 10px 9px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
z-index: 1084;
|
||||
outline: none;
|
||||
border: none;
|
||||
}
|
||||
.lg-next.disabled,
|
||||
.lg-prev.disabled {
|
||||
opacity: 0 !important;
|
||||
cursor: default;
|
||||
}
|
||||
.lg-next:hover:not(.disabled),
|
||||
.lg-prev:hover:not(.disabled) {
|
||||
color: #fff;
|
||||
}
|
||||
.lg-single-item .lg-next,
|
||||
.lg-single-item .lg-prev {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.lg-next {
|
||||
right: 20px;
|
||||
}
|
||||
.lg-next:before {
|
||||
content: "\e095";
|
||||
}
|
||||
|
||||
.lg-prev {
|
||||
left: 20px;
|
||||
}
|
||||
.lg-prev:after {
|
||||
content: "\e094";
|
||||
}
|
||||
|
||||
@-webkit-keyframes lg-right-end {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
50% {
|
||||
left: -30px;
|
||||
}
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@-moz-keyframes lg-right-end {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
50% {
|
||||
left: -30px;
|
||||
}
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@-ms-keyframes lg-right-end {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
50% {
|
||||
left: -30px;
|
||||
}
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@keyframes lg-right-end {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
50% {
|
||||
left: -30px;
|
||||
}
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes lg-left-end {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
50% {
|
||||
left: 30px;
|
||||
}
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@-moz-keyframes lg-left-end {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
50% {
|
||||
left: 30px;
|
||||
}
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@-ms-keyframes lg-left-end {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
50% {
|
||||
left: 30px;
|
||||
}
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@keyframes lg-left-end {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
50% {
|
||||
left: 30px;
|
||||
}
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
.lg-outer.lg-right-end .lg-object {
|
||||
-webkit-animation: lg-right-end 0.3s;
|
||||
-o-animation: lg-right-end 0.3s;
|
||||
animation: lg-right-end 0.3s;
|
||||
position: relative;
|
||||
}
|
||||
.lg-outer.lg-left-end .lg-object {
|
||||
-webkit-animation: lg-left-end 0.3s;
|
||||
-o-animation: lg-left-end 0.3s;
|
||||
animation: lg-left-end 0.3s;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.lg-toolbar {
|
||||
z-index: 1082;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.lg-media-overlap .lg-toolbar {
|
||||
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
|
||||
}
|
||||
.lg-toolbar .lg-icon {
|
||||
color: #999;
|
||||
cursor: pointer;
|
||||
float: right;
|
||||
font-size: 24px;
|
||||
height: 47px;
|
||||
line-height: 27px;
|
||||
padding: 10px 0;
|
||||
text-align: center;
|
||||
width: 50px;
|
||||
text-decoration: none !important;
|
||||
outline: medium none;
|
||||
will-change: color;
|
||||
-webkit-transition: color 0.2s linear;
|
||||
-o-transition: color 0.2s linear;
|
||||
transition: color 0.2s linear;
|
||||
background: none;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.lg-toolbar .lg-icon.lg-icon-18 {
|
||||
font-size: 18px;
|
||||
}
|
||||
.lg-toolbar .lg-icon:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.lg-toolbar .lg-close:after {
|
||||
content: "\e070";
|
||||
}
|
||||
.lg-toolbar .lg-maximize {
|
||||
font-size: 22px;
|
||||
}
|
||||
.lg-toolbar .lg-maximize:after {
|
||||
content: "\e90a";
|
||||
}
|
||||
.lg-toolbar .lg-download:after {
|
||||
content: "\e0f2";
|
||||
}
|
||||
|
||||
.lg-sub-html {
|
||||
color: #eee;
|
||||
font-size: 16px;
|
||||
padding: 10px 40px;
|
||||
text-align: center;
|
||||
z-index: 1080;
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.2s ease-out 0s;
|
||||
-o-transition: opacity 0.2s ease-out 0s;
|
||||
transition: opacity 0.2s ease-out 0s;
|
||||
}
|
||||
.lg-sub-html h4 {
|
||||
margin: 0;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.lg-sub-html p {
|
||||
font-size: 12px;
|
||||
margin: 5px 0 0;
|
||||
}
|
||||
.lg-sub-html a {
|
||||
color: inherit;
|
||||
}
|
||||
.lg-sub-html a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.lg-media-overlap .lg-sub-html {
|
||||
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
|
||||
}
|
||||
.lg-item .lg-sub-html {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.lg-error-msg {
|
||||
font-size: 14px;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.lg-counter {
|
||||
color: #999;
|
||||
display: inline-block;
|
||||
font-size: 16px;
|
||||
padding-left: 20px;
|
||||
padding-top: 12px;
|
||||
height: 47px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.lg-closing .lg-toolbar,
|
||||
.lg-closing .lg-prev,
|
||||
.lg-closing .lg-next,
|
||||
.lg-closing .lg-sub-html {
|
||||
opacity: 0;
|
||||
-webkit-transition: -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
|
||||
-moz-transition: -moz-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
|
||||
-o-transition: -o-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
|
||||
transition: transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
|
||||
}
|
||||
|
||||
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap,
|
||||
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont,
|
||||
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-media-cont {
|
||||
opacity: 0;
|
||||
-moz-transform: scale3d(0.5, 0.5, 0.5);
|
||||
-o-transform: scale3d(0.5, 0.5, 0.5);
|
||||
-ms-transform: scale3d(0.5, 0.5, 0.5);
|
||||
-webkit-transform: scale3d(0.5, 0.5, 0.5);
|
||||
transform: scale3d(0.5, 0.5, 0.5);
|
||||
will-change: transform, opacity;
|
||||
-webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
|
||||
-moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
|
||||
-o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
|
||||
transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
|
||||
}
|
||||
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap,
|
||||
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont,
|
||||
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-media-cont {
|
||||
opacity: 1;
|
||||
-moz-transform: scale3d(1, 1, 1);
|
||||
-o-transform: scale3d(1, 1, 1);
|
||||
-ms-transform: scale3d(1, 1, 1);
|
||||
-webkit-transform: scale3d(1, 1, 1);
|
||||
transform: scale3d(1, 1, 1);
|
||||
}
|
||||
|
||||
.lg-icon:focus-visible {
|
||||
color: #fff;
|
||||
border-radius: 3px;
|
||||
outline: 1px dashed rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
|
||||
.lg-toolbar .lg-icon:focus-visible {
|
||||
border-radius: 8px;
|
||||
outline-offset: -5px;
|
||||
}
|
||||
|
||||
.lg-group:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.lg-container {
|
||||
display: none;
|
||||
outline: none;
|
||||
}
|
||||
.lg-container.lg-show {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.lg-on {
|
||||
scroll-behavior: unset;
|
||||
}
|
||||
|
||||
.lg-overlay-open {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.lg-toolbar,
|
||||
.lg-prev,
|
||||
.lg-next,
|
||||
.lg-pager-outer,
|
||||
.lg-hide-sub-html .lg-sub-html {
|
||||
opacity: 0;
|
||||
will-change: transform, opacity;
|
||||
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
-o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
}
|
||||
|
||||
.lg-show-in .lg-toolbar,
|
||||
.lg-show-in .lg-prev,
|
||||
.lg-show-in .lg-next,
|
||||
.lg-show-in .lg-pager-outer {
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-show-in.lg-hide-sub-html .lg-sub-html {
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-show-in .lg-hide-items .lg-prev {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate3d(-10px, 0, 0);
|
||||
transform: translate3d(-10px, 0, 0);
|
||||
}
|
||||
.lg-show-in .lg-hide-items .lg-next {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate3d(10px, 0, 0);
|
||||
transform: translate3d(10px, 0, 0);
|
||||
}
|
||||
.lg-show-in .lg-hide-items .lg-toolbar {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate3d(0, -10px, 0);
|
||||
transform: translate3d(0, -10px, 0);
|
||||
}
|
||||
.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate3d(0, 20px, 0);
|
||||
transform: translate3d(0, 20px, 0);
|
||||
}
|
||||
|
||||
.lg-outer {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1050;
|
||||
text-align: left;
|
||||
opacity: 0.001;
|
||||
outline: none;
|
||||
will-change: auto;
|
||||
overflow: hidden;
|
||||
-webkit-transition: opacity 0.15s ease 0s;
|
||||
-o-transition: opacity 0.15s ease 0s;
|
||||
transition: opacity 0.15s ease 0s;
|
||||
}
|
||||
.lg-outer * {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.lg-outer.lg-zoom-from-image {
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-outer.lg-visible {
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current {
|
||||
-webkit-transition-duration: inherit !important;
|
||||
transition-duration: inherit !important;
|
||||
-webkit-transition-timing-function: inherit !important;
|
||||
transition-timing-function: inherit !important;
|
||||
}
|
||||
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
|
||||
-webkit-transition-duration: 0s !important;
|
||||
transition-duration: 0s !important;
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-outer.lg-grab img.lg-object {
|
||||
cursor: -webkit-grab;
|
||||
cursor: -moz-grab;
|
||||
cursor: -o-grab;
|
||||
cursor: -ms-grab;
|
||||
cursor: grab;
|
||||
}
|
||||
.lg-outer.lg-grabbing img.lg-object {
|
||||
cursor: move;
|
||||
cursor: -webkit-grabbing;
|
||||
cursor: -moz-grabbing;
|
||||
cursor: -o-grabbing;
|
||||
cursor: -ms-grabbing;
|
||||
cursor: grabbing;
|
||||
}
|
||||
.lg-outer .lg-content {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.lg-outer .lg-inner {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
-webkit-transition: opacity 0s;
|
||||
-o-transition: opacity 0s;
|
||||
transition: opacity 0s;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.lg-outer .lg-item {
|
||||
display: none !important;
|
||||
}
|
||||
.lg-outer .lg-item:not(.lg-start-end-progress) {
|
||||
background: url("../images/loading.gif") no-repeat scroll center center transparent;
|
||||
}
|
||||
.lg-outer.lg-css3 .lg-prev-slide,
|
||||
.lg-outer.lg-css3 .lg-current,
|
||||
.lg-outer.lg-css3 .lg-next-slide {
|
||||
display: inline-block !important;
|
||||
}
|
||||
.lg-outer.lg-css .lg-current {
|
||||
display: inline-block !important;
|
||||
}
|
||||
.lg-outer .lg-item,
|
||||
.lg-outer .lg-img-wrap {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.lg-outer .lg-item:before,
|
||||
.lg-outer .lg-img-wrap:before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.lg-outer .lg-img-wrap {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
white-space: nowrap;
|
||||
font-size: 0;
|
||||
}
|
||||
.lg-outer .lg-item.lg-complete {
|
||||
background-image: none;
|
||||
}
|
||||
.lg-outer .lg-item.lg-current {
|
||||
z-index: 1060;
|
||||
}
|
||||
.lg-outer .lg-object {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
width: auto;
|
||||
height: auto;
|
||||
position: relative;
|
||||
}
|
||||
.lg-outer .lg-empty-html.lg-sub-html,
|
||||
.lg-outer .lg-empty-html .lg-sub-html {
|
||||
display: none;
|
||||
}
|
||||
.lg-outer.lg-hide-download .lg-download {
|
||||
opacity: 0.75;
|
||||
pointer-events: none;
|
||||
}
|
||||
.lg-outer .lg-first-slide .lg-dummy-img {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
}
|
||||
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {
|
||||
-webkit-transform: translate3d(0, 0%, 0);
|
||||
transform: translate3d(0, 0%, 0);
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
|
||||
opacity: 1;
|
||||
transition: opacity 0.2s ease-out 0.15s;
|
||||
}
|
||||
.lg-outer .lg-media-cont {
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
position: relative;
|
||||
}
|
||||
.lg-outer .lg-media-cont .lg-object {
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
}
|
||||
.lg-outer .lg-has-iframe .lg-media-cont {
|
||||
-webkit-overflow-scrolling: touch;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.lg-backdrop {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 1040;
|
||||
background-color: #000;
|
||||
opacity: 0;
|
||||
will-change: auto;
|
||||
-webkit-transition: opacity 333ms ease-in 0s;
|
||||
-o-transition: opacity 333ms ease-in 0s;
|
||||
transition: opacity 333ms ease-in 0s;
|
||||
}
|
||||
.lg-backdrop.in {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.lg-css3.lg-no-trans .lg-prev-slide,
|
||||
.lg-css3.lg-no-trans .lg-next-slide,
|
||||
.lg-css3.lg-no-trans .lg-current {
|
||||
-webkit-transition: none 0s ease 0s !important;
|
||||
-moz-transition: none 0s ease 0s !important;
|
||||
-o-transition: none 0s ease 0s !important;
|
||||
transition: none 0s ease 0s !important;
|
||||
}
|
||||
.lg-css3.lg-use-css3 .lg-item {
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
.lg-css3.lg-fade .lg-item {
|
||||
opacity: 0;
|
||||
}
|
||||
.lg-css3.lg-fade .lg-item.lg-current {
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
|
||||
-webkit-transition: opacity 0.1s ease 0s;
|
||||
-moz-transition: opacity 0.1s ease 0s;
|
||||
-o-transition: opacity 0.1s ease 0s;
|
||||
transition: opacity 0.1s ease 0s;
|
||||
}
|
||||
.lg-css3.lg-use-css3 .lg-item.lg-start-progress {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
|
||||
transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
|
||||
}
|
||||
.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
}
|
||||
.lg-css3.lg-slide.lg-use-css3 .lg-item {
|
||||
opacity: 0;
|
||||
}
|
||||
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
|
||||
-webkit-transform: translate3d(-100%, 0, 0);
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
}
|
||||
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
|
||||
-webkit-transform: translate3d(100%, 0, 0);
|
||||
transform: translate3d(100%, 0, 0);
|
||||
}
|
||||
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
|
||||
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
}
|
||||
|
||||
.lg-container {
|
||||
display: none;
|
||||
}
|
||||
.lg-container.lg-show {
|
||||
display: block;
|
||||
}
|
||||
.lg-container.lg-dragging-vertical .lg-backdrop {
|
||||
-webkit-transition-duration: 0s !important;
|
||||
transition-duration: 0s !important;
|
||||
}
|
||||
.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
|
||||
-webkit-transition-duration: 0s !important;
|
||||
transition-duration: 0s !important;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.lg-inline .lg-backdrop,
|
||||
.lg-inline .lg-outer {
|
||||
position: absolute;
|
||||
}
|
||||
.lg-inline .lg-backdrop {
|
||||
z-index: 1;
|
||||
}
|
||||
.lg-inline .lg-outer {
|
||||
z-index: 2;
|
||||
}
|
||||
.lg-inline .lg-maximize:after {
|
||||
content: "\e909";
|
||||
}
|
||||
|
||||
.lg-components {
|
||||
-webkit-transform: translate3d(0, 100%, 0);
|
||||
transform: translate3d(0, 100%, 0);
|
||||
will-change: transform;
|
||||
-webkit-transition: -webkit-transform 0.35s ease-out 0s;
|
||||
-moz-transition: -moz-transform 0.35s ease-out 0s;
|
||||
-o-transition: -o-transform 0.35s ease-out 0s;
|
||||
transition: transform 0.35s ease-out 0s;
|
||||
z-index: 1080;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=lightgallery.css.map */
|
||||
@@ -0,0 +1 @@
|
||||
{"version":3,"sourceRoot":"","sources":["../../src/scss/_lg-fonts.scss","../../src/scss/_lg-theme-default.scss","../../src/scss/_lg-variables.scss","../../src/scss/_lg-mixins.scss","../../src/scss/lightgallery-core.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EAIA;EACA;EACA;;AAGJ;AACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;;;ACtBJ;EACI;;;AAKJ;AAAA;EAEI;EACA,eCNoB;EDOpB,OCDY;EDEZ;EACA;EACA;EACA;EACA;EACA;EACA;EACA,SCuCc;EDtCd;EACA;;AAEA;AAAA;EACI;EACA;;AAGJ;AAAA;EACI,OClBc;;ADoBlB;AAAA;EACI;;;AAIR;EACI;;AAEA;EACI;;;AAIR;EACI;;AAEA;EACI;;;AEYJ;EFPA;IACI;;EAGJ;IACI;;EAGJ;IACI;;;AEEJ;EFXA;IACI;;EAGJ;IACI;;EAGJ;IACI;;;AEMJ;EFfA;IACI;;EAGJ;IACI;;EAGJ;IACI;;;AEUJ;EFnBA;IACI;;EAGJ;IACI;;EAGJ;IACI;;;AEFJ;EFOA;IACI;;EAGJ;IACI;;EAGJ;IACI;;;AEZJ;EFGA;IACI;;EAGJ;IACI;;EAGJ;IACI;;;AERJ;EFDA;IACI;;EAGJ;IACI;;EAGJ;IACI;;;AEJJ;EFLA;IACI;;EAGJ;IACI;;EAGJ;IACI;;;AAMA;EE/DJ,mBFgE2B;EE/D3B,cF+D2B;EE9D3B,WF8D2B;EACnB;;AAKJ;EEtEJ,mBFuE2B;EEtE3B,cFsE2B;EErE3B,WFqE2B;EACnB;;;AAMZ;EACI,SCvCa;EDwCb;EACA;EACA;EACA;;AACA;EACI,kBCzGQ;;AD4GZ;EACI,OClGQ;EDmGR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EEsGJ,oBFrGI;EEsGJ,eFtGI;EEuGJ,YFvGI;EACA;EACA;EACA;;AACA;EACI;;AAEJ;EACI,OCrHU;;AD0Hd;EACI;;AAGR;EACI;;AACA;EACI;;AAKJ;EACI;;;AAMZ;EACI,OC5GgB;ED6GhB;EACA;EACA;EACA,SCjGa;EDkGb;EE+DA,oBF9DA;EE+DA,eF/DA;EEgEA,YFhEA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAEJ;EACI;;AACA;EACI;;AAGR;EACI,kBC1IS;;AD4Ib;EACI;EACA;EACA;EACA;;;AAIR;EACI;EACA;;;AAIJ;EACI,OCzLY;ED0LZ;EACA,WCtLmB;EDuLnB;EACA;EACA;EACA;;;AAIA;AAAA;AAAA;AAAA;EAII;EEuFJ;EACA;EACA;EACA,YFzFI;;;AAaQ;AAAA;AAAA;EAGI;EEfhB,gBFgBmC;EEfnC,cFemC;EEdnC,eFcmC;EEbnC,mBFamC;EEZnC,WFYmC;EACnB;EEoEhB;EACA;EACA;EACA,YFtEgB;;AAMA;AAAA;AAAA;EAGI;EE3BpB,gBF4BuC;EE3BvC,cF2BuC;EE1BvC,eF0BuC;EEzBvC,mBFyBuC;EExBvC,WFwBuC;;;AASvC;EACI;EACA;EACA;;;AAKA;EACI;EACA;;;AGhQZ;EACI;EACA;EACA;;;AAKJ;EACI;EACA;;AACA;EACI;;;AAGR;EACI;;;AAEJ;EACI;;;AAIJ;AAAA;AAAA;AAAA;AAAA;EAKI;EACA;EDyQA;EACA;EACA;EACA,YC3QA;;;AAOA;AAAA;AAAA;AAAA;EAII;;AAGA;EACI;;AAIJ;EACI;ED6GR;EACA;;AC1GI;EACI;EDwGR;EACA;;ACrGI;EACI;EDmGR;EACA;;AC/FQ;EACI;ED6FZ;EACA;;;ACvFJ;EACI;EACA;EACA;EACA;EACA;EACA,SFzBW;EE0BX;EACA;EACA;EACA;EACA;EDuIA,oBCrIA;EDsIA,eCtIA;EDuIA,YCvIA;;AAEA;EDSA,oBCRwB;EDSxB,iBCTwB;EDUxB,YCVwB;;AAGxB;EACI;;AAGJ;EACI;;AAMI;EDoIR,6BCjIY;EDkIZ,qBClIY;EDsIZ,oCCrIgD;EDsIhD,4BCtIgD;;AAQxC;EDwHR,6BCrHY;EDsHZ,qBCtHY;EACA;;AAOR;ED2LJ;EACA;EACA;EACA;EACA;;ACzLI;ED6LJ;EACA;EACA;EACA;EACA;EACA;;AC7LA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EDqEJ,oBCpEI;EDqEJ,eCrEI;EDsEJ,YCtEI;EACA;;AAGJ;EAKI;;AAJA;EACI;;AAMJ;AAAA;AAAA;EAGI;;AAIJ;EACI;;AAIR;AAAA;EAEI;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACI;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EAEA;EACA;;AAIA;EACI;;AAGJ;EACI,SFlJE;;AEsJV;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAKA;AAAA;EAEI;;AAKJ;EACI,SFjNuB;EEkNvB;;AAKJ;EACI;EACA;EACA;;AAMA;EDxFR;EACA;ECyFY;;AAEJ;EACI;EACA;;AAKZ;EACI;EACA;EACA;EACA;;AACA;EACI;EACA;;AAKJ;EACI;EACA;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA,SF5Nc;EE6Nd,kBFxRa;EEyRb;EACA;EDnEA,oBCoEA;EDnEA,eCmEA;EDlEA,YCkEA;;AACA;EACI,SFrSW;;;AE6SX;AAAA;AAAA;EDHJ;EACA;EACA;EACA,YCGQ;;AAKJ;EDjOJ,6BCkOqC;EDjOrC,0BCiOqC;EDhOrC,qBCgOqC;;AAMjC;EACI;;AAEA;EACI;;AAIJ;ED1BR;EACA;EACA;EACA,YC0BY;;AAMJ;EDnCR;EACA;EACA;EACA,YCiCY;;AAKJ;EDzCR;EACA;EACA;EACA,YCuCY;;AASJ;EACI;;AAEA;ED7LZ;EACA;;ACgMY;EDjMZ;EACA;;ACoMY;EDrMZ;EACA;ECsMgB;;AAIJ;EDpEZ;EACA;EACA;EACA,YCoEgB;;;AAUpB;EACI;;AACA;EACI;;AAKA;EDpJJ,6BCqJQ;EDpJR,qBCoJQ;;AAII;EDzJZ,6BC0JgB;EDzJhB,qBCyJgB;EACA;;;AAUhB;AAAA;EAEI;;AAEJ;EACI;;AAEJ;EACI;;AAGA;EACI;;;AAMZ;EDnQI;EACA;ECoQA;ED9HA;EACA;EACA;EACA,YC4HA;EACA,SF3WgB;EE4WhB;EACA;EACA;EACA","file":"lightgallery.css"}
|
||||
Binary file not shown.
@@ -6,18 +6,18 @@
|
||||
<![CDATA[
|
||||
{
|
||||
"fontFamily": "lg",
|
||||
"majorVersion": 1,
|
||||
"majorVersion": 2,
|
||||
"minorVersion": 0,
|
||||
"fontURL": "https://github.com/sachinchoolur/lightGallery",
|
||||
"copyright": "sachin",
|
||||
"license": "MLT",
|
||||
"licenseURL": "http://opensource.org/licenses/MIT",
|
||||
"version": "Version 1.0",
|
||||
"fontURL": "",
|
||||
"copyright": "",
|
||||
"license": "",
|
||||
"licenseURL": "",
|
||||
"description": "Font generated by IcoMoon.",
|
||||
"version": "Version 2.0",
|
||||
"fontId": "lg",
|
||||
"psName": "lg",
|
||||
"subFamily": "Regular",
|
||||
"fullName": "lg",
|
||||
"description": "Font generated by IcoMoon."
|
||||
"fullName": "lg"
|
||||
}
|
||||
]]>
|
||||
</json>
|
||||
@@ -29,6 +29,7 @@
|
||||
<glyph unicode=" " horiz-adv-x="512" d="" />
|
||||
<glyph unicode="" glyph-name="pause_circle_outline" data-tags="pause_circle_outline" d="M554 256.667v340h86v-340h-86zM512 84.667q140 0 241 101t101 241-101 241-241 101-241-101-101-241 101-241 241-101zM512 852.667q176 0 301-125t125-301-125-301-301-125-301 125-125 301 125 301 301 125zM384 256.667v340h86v-340h-86z" />
|
||||
<glyph unicode="" glyph-name="play_circle_outline" data-tags="play_circle_outline" d="M512 84.667q140 0 241 101t101 241-101 241-241 101-241-101-101-241 101-241 241-101zM512 852.667q176 0 301-125t125-301-125-301-301-125-301 125-125 301 125 301 301 125zM426 234.667v384l256-192z" />
|
||||
<glyph unicode="" glyph-name="stack-2" data-tags="stack-2" d="M384 853.334h426.667q53 0 90.5-37.5t37.5-90.5v-426.667q0-53-37.5-90.5t-90.5-37.5h-426.667q-53 0-90.5 37.5t-37.5 90.5v426.667q0 53 37.5 90.5t90.5 37.5zM170.667 675.334v-547.333q0-17.667 12.5-30.167t30.167-12.5h547.333q-13.333-37.667-46.333-61.5t-74.333-23.833h-426.667q-53 0-90.5 37.5t-37.5 90.5v426.667q0 41.333 23.833 74.333t61.5 46.333zM810.667 768h-426.667q-17.667 0-30.167-12.5t-12.5-30.167v-426.667q0-17.667 12.5-30.167t30.167-12.5h426.667q17.667 0 30.167 12.5t12.5 30.167v426.667q0 17.667-12.5 30.167t-30.167 12.5z" />
|
||||
<glyph unicode="" glyph-name="clear" data-tags="clear" d="M810 664.667l-238-238 238-238-60-60-238 238-238-238-60 60 238 238-238 238 60 60 238-238 238 238z" />
|
||||
<glyph unicode="" glyph-name="arrow-left" data-tags="arrow-left" d="M426.667 768q17.667 0 30.167-12.5t12.5-30.167q0-18-12.667-30.333l-225.667-225.667h665q17.667 0 30.167-12.5t12.5-30.167-12.5-30.167-30.167-12.5h-665l225.667-225.667q12.667-12.333 12.667-30.333 0-17.667-12.5-30.167t-30.167-12.5q-18 0-30.333 12.333l-298.667 298.667q-12.333 13-12.333 30.333t12.333 30.333l298.667 298.667q12.667 12.333 30.333 12.333z" />
|
||||
<glyph unicode="" glyph-name="arrow-right" data-tags="arrow-right" d="M597.333 768q18 0 30.333-12.333l298.667-298.667q12.333-12.333 12.333-30.333t-12.333-30.333l-298.667-298.667q-12.333-12.333-30.333-12.333-18.333 0-30.5 12.167t-12.167 30.5q0 18 12.333 30.333l226 225.667h-665q-17.667 0-30.167 12.5t-12.5 30.167 12.5 30.167 30.167 12.5h665l-226 225.667q-12.333 12.333-12.333 30.333 0 18.333 12.167 30.5t30.5 12.167z" />
|
||||
@@ -38,4 +39,16 @@
|
||||
<glyph unicode="" glyph-name="fullscreen_exit" data-tags="fullscreen_exit" d="M682 596.667h128v-84h-212v212h84v-128zM598 128.667v212h212v-84h-128v-128h-84zM342 596.667v128h84v-212h-212v84h128zM214 256.667v84h212v-212h-84v128h-128z" />
|
||||
<glyph unicode="" glyph-name="zoom_in" data-tags="zoom_in" d="M512 512.667h-86v-86h-42v86h-86v42h86v86h42v-86h86v-42zM406 340.667q80 0 136 56t56 136-56 136-136 56-136-56-56-136 56-136 136-56zM662 340.667l212-212-64-64-212 212v34l-12 12q-76-66-180-66-116 0-197 80t-81 196 81 197 197 81 196-81 80-197q0-104-66-180l12-12h34z" />
|
||||
<glyph unicode="" glyph-name="zoom_out" data-tags="zoom_out" d="M298 554.667h214v-42h-214v42zM406 340.667q80 0 136 56t56 136-56 136-136 56-136-56-56-136 56-136 136-56zM662 340.667l212-212-64-64-212 212v34l-12 12q-76-66-180-66-116 0-197 80t-81 196 81 197 197 81 196-81 80-197q0-104-66-180l12-12h34z" />
|
||||
<glyph unicode="" glyph-name="share" data-tags="share" d="M768 252.667c68 0 124-56 124-124s-56-126-124-126-124 58-124 126c0 10 0 20 2 28l-302 176c-24-22-54-34-88-34-70 0-128 58-128 128s58 128 128 128c34 0 64-12 88-34l300 174c-2 10-4 20-4 30 0 70 58 128 128 128s128-58 128-128-58-128-128-128c-34 0-64 14-88 36l-300-176c2-10 4-20 4-30s-2-20-4-30l304-176c22 20 52 32 84 32z" />
|
||||
<glyph unicode="" glyph-name="rotate_left" data-tags="rotate_left" d="M554 764.667q126-16 213-112t87-226-87-226-213-112v86q92 16 153 87t61 165-61 165-153 87v-166l-194 190 194 194v-132zM302 156.667l62 62q46-34 106-44v-86q-96 12-168 68zM260 384.667q10-58 42-106l-60-60q-56 74-68 166h86zM304 574.667q-36-52-44-106h-86q12 90 70 166z" />
|
||||
<glyph unicode="" glyph-name="rotate_right" data-tags="rotate_right" d="M720 278.667q34 46 44 106h86q-12-92-68-166zM554 174.667q60 10 106 44l62-62q-72-56-168-68v86zM850 468.667h-86q-10 60-44 106l62 60q58-72 68-166zM664 702.667l-194-190v166q-92-16-153-87t-61-165 61-165 153-87v-86q-126 16-213 112t-87 226 87 226 213 112v132z" />
|
||||
<glyph unicode="" glyph-name="swap_horiz" data-tags="swap_horiz" d="M896 554.667l-170-170v128h-300v84h300v128zM298 468.667v-128h300v-84h-300v-128l-170 170z" />
|
||||
<glyph unicode="" glyph-name="swap_vert" data-tags="swap_vert" d="M384 810.667l170-170h-128v-300h-84v300h-128zM682 212.667h128l-170-170-170 170h128v300h84v-300z" />
|
||||
<glyph unicode="" glyph-name="facebook-with-circle" data-tags="facebook-with-circle" d="M512 952.32c-271.462 0-491.52-220.058-491.52-491.52s220.058-491.52 491.52-491.52 491.52 220.058 491.52 491.52-220.058 491.52-491.52 491.52zM628.429 612.659h-73.882c-8.755 0-18.483-11.52-18.483-26.829v-53.35h92.416l-13.978-76.083h-78.438v-228.403h-87.194v228.403h-79.104v76.083h79.104v44.749c0 64.205 44.544 116.378 105.677 116.378h73.882v-80.947z" />
|
||||
<glyph unicode="" glyph-name="google-with-circle" data-tags="google+-with-circle" d="M512 952.32c-271.462 0-491.52-220.058-491.52-491.52s220.058-491.52 491.52-491.52 491.52 220.058 491.52 491.52-220.058 491.52-491.52 491.52zM483.686 249.805c-30.874-15.002-64.102-16.589-76.954-16.589-2.458 0-3.84 0-3.84 0s-1.178 0-2.765 0c-20.070 0-119.962 4.608-119.962 95.59 0 89.395 108.8 96.41 142.131 96.41h0.87c-19.251 25.702-15.258 51.61-15.258 51.61-1.69-0.102-4.147-0.205-7.168-0.205-12.544 0-36.762 1.997-57.549 15.411-25.498 16.384-38.4 44.288-38.4 82.893 0 109.107 119.142 113.51 120.32 113.613h118.989v-2.611c0-13.312-23.91-15.923-40.192-18.125-5.53-0.819-16.64-1.894-19.763-3.482 30.157-16.128 35.021-41.421 35.021-79.104 0-42.906-16.794-65.587-34.611-81.51-11.059-9.882-19.712-17.613-19.712-28.006 0-10.189 11.878-20.582 25.702-32.717 22.579-19.917 53.555-47.002 53.555-92.723 0-47.258-20.326-81.050-60.416-100.454zM742.4 460.8h-76.8v-76.8h-51.2v76.8h-76.8v51.2h76.8v76.8h51.2v-76.8h76.8v-51.2zM421.018 401.92c-2.662 0-5.325-0.102-8.038-0.307-22.733-1.69-43.725-10.189-58.88-24.013-15.053-13.619-22.733-30.822-21.658-48.179 2.304-36.403 41.37-57.702 88.832-54.323 46.694 3.379 77.824 30.31 75.571 66.714-2.15 34.202-31.898 60.109-75.827 60.109zM465.766 599.808c-12.39 43.52-32.358 56.422-63.386 56.422-3.328 0-6.707-0.512-9.933-1.382-13.466-3.84-24.166-15.053-30.106-31.744-6.093-16.896-6.451-34.509-1.229-54.579 9.472-35.891 34.97-61.901 60.672-61.901 3.379 0 6.758 0.41 9.933 1.382 28.109 7.885 45.722 50.79 34.048 91.802z" />
|
||||
<glyph unicode="" glyph-name="pinterest-with-circle" data-tags="pinterest-with-circle" d="M512 952.32c-271.462 0-491.52-220.058-491.52-491.52s220.058-491.52 491.52-491.52 491.52 220.058 491.52 491.52-220.058 491.52-491.52 491.52zM545.638 344.32c-31.539 2.406-44.749 18.022-69.427 32.973-13.568-71.219-30.157-139.52-79.309-175.206-15.206 107.725 22.221 188.518 39.629 274.381-29.645 49.92 3.533 150.323 66.099 125.645 76.954-30.515-66.662-185.6 29.747-205.005 100.659-20.173 141.773 174.694 79.36 237.978-90.214 91.494-262.502 2.099-241.306-128.87 5.12-32 38.246-41.728 13.21-85.914-57.702 12.8-74.957 58.317-72.704 118.989 3.533 99.328 89.242 168.909 175.155 178.483 108.698 12.083 210.688-39.885 224.819-142.182 15.821-115.405-49.101-240.282-165.274-231.27z" />
|
||||
<glyph unicode="" glyph-name="twitter-with-circle" data-tags="twitter-with-circle" d="M512 952.32c-271.462 0-491.52-220.058-491.52-491.52s220.058-491.52 491.52-491.52 491.52 220.058 491.52 491.52-220.058 491.52-491.52 491.52zM711.936 549.683c0.205-4.198 0.256-8.397 0.256-12.493 0-128-97.331-275.507-275.405-275.507-54.682 0-105.574 15.974-148.378 43.52 7.526-0.922 15.258-1.28 23.091-1.28 45.363 0 87.091 15.411 120.218 41.421-42.342 0.819-78.080 28.774-90.419 67.174 5.888-1.075 11.93-1.69 18.176-1.69 8.806 0 17.408 1.178 25.498 3.379-44.288 8.909-77.67 48.026-77.67 94.925v1.178c13.056-7.219 28.006-11.622 43.878-12.134-26.010 17.408-43.059 47.002-43.059 80.64 0 17.715 4.762 34.406 13.107 48.691 47.77-58.573 119.040-97.075 199.526-101.222-1.69 7.117-2.509 14.49-2.509 22.118 0 53.402 43.315 96.819 96.819 96.819 27.802 0 52.992-11.776 70.656-30.618 22.067 4.403 42.752 12.39 61.44 23.501-7.219-22.579-22.528-41.574-42.547-53.606 19.61 2.406 38.246 7.578 55.603 15.309-12.954-19.405-29.389-36.506-48.282-50.125z" />
|
||||
<glyph unicode="" glyph-name="message-circle" data-tags="message-circle" d="M938.667 448.128v21.205c0 0.725-0.043 1.621-0.085 2.475-5.803 99.755-47.488 190.336-112.725 258.176-68.352 71.125-162.731 117.419-268.843 123.264-0.683 0.043-1.536 0.085-2.347 0.085h-20.864c-59.947 0.683-122.965-13.227-181.931-43.008-52.181-26.496-97.749-63.488-133.931-108.16-56.405-69.717-89.899-158.080-89.941-253.696-0.597-54.4 10.795-111.36 35.157-165.419l-75.605-226.859c-2.816-8.363-3.072-17.835 0-26.965 7.467-22.357 31.616-34.432 53.973-26.965l226.731 75.563c49.493-22.485 105.984-35.243 165.376-35.115 58.539 0.384 115.797 13.141 168.149 36.949 81.579 37.163 151.040 101.248 193.749 186.667 27.477 53.291 43.307 115.84 43.136 181.803zM853.333 447.872c0.128-52.267-12.459-101.333-33.664-142.464-34.176-68.352-88.832-118.827-153.259-148.139-41.387-18.859-86.827-28.971-133.376-29.269-52.096-0.128-101.163 12.459-142.293 33.664-10.624 5.504-22.528 6.059-33.067 2.56l-162.261-54.101 54.101 162.261c3.755 11.221 2.56 22.912-2.389 32.725-23.552 46.677-34.304 96.171-33.792 142.421 0.043 76.331 26.411 145.92 70.955 200.917 28.629 35.371 64.768 64.725 106.24 85.76 46.592 23.552 96.085 34.304 142.336 33.792h19.456c83.712-4.565 158.037-41.003 212.011-97.152 51.285-53.376 84.139-124.416 89.003-202.795z" />
|
||||
<glyph unicode="" glyph-name="maximize-2" data-tags="maximize-2" d="M793.003 768l-225.835-225.835c-16.683-16.683-16.683-43.691 0-60.331s43.691-16.683 60.331 0l225.835 225.835v-153.003c0-23.552 19.115-42.667 42.667-42.667s42.667 19.115 42.667 42.667v256c0 5.803-1.152 11.307-3.243 16.341s-5.163 9.728-9.216 13.781c-0.043 0.043-0.043 0.043-0.085 0.085-3.925 3.925-8.619 7.083-13.781 9.216-5.035 2.091-10.539 3.243-16.341 3.243h-256c-23.552 0-42.667-19.115-42.667-42.667s19.115-42.667 42.667-42.667zM230.997 85.334l225.835 225.835c16.683 16.683 16.683 43.691 0 60.331s-43.691 16.683-60.331 0l-225.835-225.835v153.003c0 23.552-19.115 42.667-42.667 42.667s-42.667-19.115-42.667-42.667v-256c0-23.552 19.115-42.667 42.667-42.667h256c23.552 0 42.667 19.115 42.667 42.667s-19.115 42.667-42.667 42.667z" />
|
||||
<glyph unicode="" glyph-name="minimize-2" data-tags="minimize-2" d="M700.331 554.667l225.835 225.835c16.683 16.683 16.683 43.691 0 60.331s-43.691 16.683-60.331 0l-225.835-225.835v153.003c0 23.552-19.115 42.667-42.667 42.667s-42.667-19.115-42.667-42.667v-256c0-5.803 1.152-11.307 3.243-16.341s5.163-9.728 9.216-13.781c0.043-0.043 0.043-0.043 0.085-0.085 3.925-3.925 8.619-7.083 13.781-9.216 5.035-2.091 10.539-3.243 16.341-3.243h256c23.552 0 42.667 19.115 42.667 42.667s-19.115 42.667-42.667 42.667zM158.165 12.502l225.835 225.835v-153.003c0-23.552 19.115-42.667 42.667-42.667s42.667 19.115 42.667 42.667v256c0 5.803-1.152 11.307-3.243 16.341s-5.163 9.728-9.216 13.781c-0.043 0.043-0.043 0.043-0.085 0.085-4.096 4.053-8.789 7.125-13.781 9.216-5.035 2.091-10.539 3.243-16.341 3.243h-256c-23.552 0-42.667-19.115-42.667-42.667s19.115-42.667 42.667-42.667h153.003l-225.835-225.835c-16.683-16.683-16.683-43.691 0-60.331s43.691-16.683 60.331 0z" />
|
||||
</font></defs></svg>
|
||||
|
Before Width: | Height: | Size: 4.0 KiB After Width: | Height: | Size: 12 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
Vendored
+4
@@ -0,0 +1,4 @@
|
||||
import { LightGallerySettings } from './lg-settings';
|
||||
import { LightGallery } from './lightgallery';
|
||||
declare function lightGallery(el: HTMLElement, options?: LightGallerySettings): LightGallery;
|
||||
export default lightGallery;
|
||||
Vendored
+300
@@ -0,0 +1,300 @@
|
||||
import { LightGallery } from './lightgallery';
|
||||
import { VideoSource } from './plugins/video/types';
|
||||
/**
|
||||
* List of lightGallery events
|
||||
* All events should be documented here
|
||||
* Below interfaces are used to build the website documentations
|
||||
* */
|
||||
export declare const lGEvents: {
|
||||
[key: string]: string;
|
||||
};
|
||||
/**
|
||||
* Fired only once when lightGallery is initialized
|
||||
* @name lgInit
|
||||
* @method onInit
|
||||
* @example
|
||||
* const lg = document.getElementById('custom-events-demo');
|
||||
* // Perform any action on lightGallery initialization.
|
||||
* // Init event returns the plugin instance that can be used to call any lightGalley public method
|
||||
* let pluginInstance = null;
|
||||
* lg.addEventListener('lgInit', (event) => {
|
||||
* pluginInstance = event.detail.instance;
|
||||
* });
|
||||
* lightGallery(lg);
|
||||
* @see <a href="/docs/methods">Methods<a>
|
||||
*/
|
||||
export interface InitDetail {
|
||||
/**
|
||||
* lightGallery plugin instance
|
||||
*/
|
||||
instance: LightGallery;
|
||||
}
|
||||
/**
|
||||
* Fired when the slide content has been inserted into it's slide container.
|
||||
* @name lgAfterAppendSlide
|
||||
* @method onAfterAppendSlide
|
||||
*/
|
||||
export interface AfterAppendSlideEventDetail {
|
||||
/**
|
||||
* Index of the slide
|
||||
*/
|
||||
index: number;
|
||||
}
|
||||
/**
|
||||
* Fired immediately before opening the gallery
|
||||
* @name lgBeforeOpen
|
||||
* @method onBeforeOpen
|
||||
*/
|
||||
export interface BeforeOpenDetail {
|
||||
}
|
||||
/**
|
||||
* Fired immediately after opening the gallery
|
||||
* @name lgAfterOpen
|
||||
* @method onAfterOpen
|
||||
*/
|
||||
export interface AfterOpenDetail {
|
||||
}
|
||||
/**
|
||||
* Fired once the media inside the slide has been completely loaded .
|
||||
* @name lgSlideItemLoad
|
||||
* @method onSlideItemLoad
|
||||
*/
|
||||
export interface SlideItemLoadDetail {
|
||||
/**
|
||||
* Index of the slide
|
||||
*/
|
||||
index: number;
|
||||
/**
|
||||
* For the first slide, lightGallery adds some delay for displaying the loaded slide item.
|
||||
* This delay is required for the transition effect when the slide item is displayed
|
||||
* Respect the delay when you use this event
|
||||
*/
|
||||
delay: number;
|
||||
isFirstSlide: boolean;
|
||||
}
|
||||
/**
|
||||
* Fired immediately before each slide transition.
|
||||
* @name lgBeforeSlide
|
||||
* @method onBeforeSlide
|
||||
* @example
|
||||
* const lg = document.getElementById('custom-events-demo');
|
||||
* // Perform any action before each slide transition
|
||||
* lg.addEventListener('lgBeforeSlide', (event) => {
|
||||
* const { index, prevIndex } = event.detail;
|
||||
* alert(index, prevIndex);
|
||||
* });
|
||||
* lightGallery(lg);
|
||||
*/
|
||||
export interface BeforeSlideDetail {
|
||||
/**
|
||||
* Index of the previous slide
|
||||
*/
|
||||
prevIndex: number;
|
||||
/**
|
||||
* Index of the slide
|
||||
*/
|
||||
index: number;
|
||||
/**
|
||||
* true if slide function called via touch event or mouse drag
|
||||
*/
|
||||
fromTouch: boolean;
|
||||
/**
|
||||
* true if slide function called via thumbnail click
|
||||
*/
|
||||
fromThumb: boolean;
|
||||
}
|
||||
/**
|
||||
* Fired immediately after each slide transition.
|
||||
* @name lgAfterSlide
|
||||
* @method onAfterSlide
|
||||
*/
|
||||
export interface AfterSlideDetail {
|
||||
/**
|
||||
* Index of the previous slide
|
||||
*/
|
||||
prevIndex: number;
|
||||
/**
|
||||
* Index of the slide
|
||||
*/
|
||||
index: number;
|
||||
/**
|
||||
* true if slide function called via touch event or mouse drag
|
||||
*/
|
||||
fromTouch: boolean;
|
||||
/**
|
||||
* true if slide function called via thumbnail click
|
||||
*/
|
||||
fromThumb: boolean;
|
||||
}
|
||||
/**
|
||||
* Fired when the video poster is clicked.
|
||||
* @name lgPosterClick
|
||||
* @method onPosterClick
|
||||
*/
|
||||
export interface PosterClickDetail {
|
||||
}
|
||||
/**
|
||||
* Fired when the drag event to move to different slide starts.
|
||||
* @name lgDragStart
|
||||
* @method onDragStart
|
||||
*/
|
||||
export interface DragStartDetail {
|
||||
}
|
||||
/**
|
||||
* Fired periodically during the drag operation.
|
||||
* @name lgDragMove
|
||||
* @method onDragMove
|
||||
*/
|
||||
export interface DragMoveDetail {
|
||||
}
|
||||
/**
|
||||
* Fired when the user has finished the drag operation
|
||||
* @name lgDragEnd
|
||||
* @method onDragEnd
|
||||
*/
|
||||
export interface DragEndDetail {
|
||||
}
|
||||
/**
|
||||
* Fired immediately before the start of the close process.
|
||||
* @name lgBeforeClose
|
||||
* @method onBeforeClose
|
||||
*/
|
||||
export interface BeforeCloseDetail {
|
||||
}
|
||||
/**
|
||||
* Fired immediately once lightGallery is closed.
|
||||
* @name lgAfterClose
|
||||
* @method onAfterClose
|
||||
*/
|
||||
export interface AfterCloseDetail {
|
||||
/**
|
||||
* lightGallery plugin instance
|
||||
*/
|
||||
instance: LightGallery;
|
||||
}
|
||||
/**
|
||||
* Fired immediately before each "next" slide transition
|
||||
* @name lgBeforeNextSlide
|
||||
* @method onBeforeNextSlide
|
||||
*/
|
||||
export interface BeforeNextSlideDetail {
|
||||
/**
|
||||
* Index of the slide
|
||||
*/
|
||||
index: number;
|
||||
/**
|
||||
* true if slide function called via touch event or mouse drag
|
||||
*/
|
||||
fromTouch: boolean;
|
||||
}
|
||||
/**
|
||||
* Fired immediately before each "prev" slide transition
|
||||
* @name lgBeforePrevSlide
|
||||
* @method onBeforePrevSlide
|
||||
*/
|
||||
export interface BeforePrevSlideDetail {
|
||||
/**
|
||||
* Index of the slide
|
||||
*/
|
||||
index: number;
|
||||
/**
|
||||
* true if slide function called via touch event or mouse drag
|
||||
*/
|
||||
fromTouch: boolean;
|
||||
}
|
||||
/**
|
||||
* Fired when the sub-html content (ex : title/ description) has been appended into the slide.
|
||||
* @name lgAfterAppendSubHtml
|
||||
* @method onAfterAppendSubHtml
|
||||
*/
|
||||
export interface AfterAppendSubHtmlDetail {
|
||||
/**
|
||||
* Index of the slide
|
||||
*/
|
||||
index: number;
|
||||
}
|
||||
/**
|
||||
* Fired when the lightGallery container has been resized.
|
||||
* @name lgContainerResize
|
||||
* @method onContainerResize
|
||||
*/
|
||||
export interface ContainerResizeDetail {
|
||||
/**
|
||||
* Index of the slide
|
||||
*/
|
||||
index: number;
|
||||
}
|
||||
/**
|
||||
* Fired when lightGallery detects video slide
|
||||
* @name lgHasVideo
|
||||
* @method onHasVideo
|
||||
*/
|
||||
export interface HasVideoDetail {
|
||||
/**
|
||||
* Index of the slide,
|
||||
*/
|
||||
index: number;
|
||||
/**
|
||||
* Video source
|
||||
*/
|
||||
src: string;
|
||||
/**
|
||||
* HTML5 video source if available
|
||||
* <p>
|
||||
HTML5 video source = source: {
|
||||
src: string;
|
||||
type: string;
|
||||
}[];
|
||||
attributes: HTMLVideoElement;
|
||||
* </p>
|
||||
*/
|
||||
html5Video: VideoSource;
|
||||
/**
|
||||
* True if video has poster
|
||||
*/
|
||||
hasPoster: boolean;
|
||||
}
|
||||
/**
|
||||
* Fired when the image is rotated in anticlockwise direction
|
||||
* @name lgRotateLeft
|
||||
* @method onRotateLeft
|
||||
*/
|
||||
export interface RotateLeftDetail {
|
||||
/**
|
||||
* Index of the slide
|
||||
*/
|
||||
index: number;
|
||||
}
|
||||
/**
|
||||
* Fired when the image is rotated in clockwise direction
|
||||
* @name lgRotateRight
|
||||
* @method onRotateRight
|
||||
*/
|
||||
export interface RotateRightDetail {
|
||||
/**
|
||||
* Index of the slide
|
||||
*/
|
||||
index: number;
|
||||
}
|
||||
/**
|
||||
* Fired when the image is flipped horizontally
|
||||
* @name lgFlipHorizontal
|
||||
* @method onFlipHorizontal
|
||||
*/
|
||||
export interface FlipHorizontalDetail {
|
||||
/**
|
||||
* Index of the slide
|
||||
*/
|
||||
index: number;
|
||||
}
|
||||
/**
|
||||
* Fired when the image is flipped vertically
|
||||
* @name lgFlipVertical
|
||||
* @method onFlipVertical
|
||||
*/
|
||||
export interface FlipVerticalDetail {
|
||||
/**
|
||||
* Index of the slide
|
||||
*/
|
||||
index: number;
|
||||
}
|
||||
Vendored
+7
@@ -0,0 +1,7 @@
|
||||
import { LgQuery } from './lgQuery';
|
||||
import { LightGallery } from './lightgallery';
|
||||
export declare class LgPlugin {
|
||||
core: LightGallery;
|
||||
$LG: LgQuery;
|
||||
constructor(core: LightGallery, $LG: LgQuery);
|
||||
}
|
||||
Vendored
+425
@@ -0,0 +1,425 @@
|
||||
import { GalleryItem } from './lg-utils';
|
||||
import { LgQuery } from './lgQuery';
|
||||
import { LightGallery } from './lightgallery';
|
||||
import { AutoplaySettings } from './plugins/autoplay/lg-autoplay-settings';
|
||||
import { CommentSettings } from './plugins/comment/lg-comment-settings';
|
||||
import { FullscreenSettings } from './plugins/fullscreen/lg-fullscreen-settings';
|
||||
import { HashSettings } from './plugins/hash/lg-hash-settings';
|
||||
import { MediumZoomSettings } from './plugins/mediumZoom/lg-medium-zoom-settings';
|
||||
import { PagerSettings } from './plugins/pager/lg-pager-settings';
|
||||
import { RotateSettings } from './plugins/rotate/lg-rotate-settings';
|
||||
import { ShareSettings } from './plugins/share/lg-share-settings';
|
||||
import { ThumbnailsSettings } from './plugins/thumbnail/lg-thumbnail-settings';
|
||||
import { VideoSettings } from './plugins/video/lg-video-settings';
|
||||
import { ZoomSettings } from './plugins/zoom/lg-zoom-settings';
|
||||
declare type LightGalleryCoreMobileSettings = Exclude<LightGalleryCoreSettings, 'mobileSettings'>;
|
||||
export interface MobileSettings extends LightGalleryCoreMobileSettings, Partial<ZoomSettings>, Partial<ThumbnailsSettings>, Partial<VideoSettings>, Partial<AutoplaySettings>, Partial<CommentSettings>, Partial<FullscreenSettings>, Partial<HashSettings>, Partial<PagerSettings>, Partial<RotateSettings>, Partial<ShareSettings> {
|
||||
}
|
||||
export interface LightGalleryCoreStrings {
|
||||
closeGallery: string;
|
||||
toggleMaximize: string;
|
||||
previousSlide: string;
|
||||
nextSlide: string;
|
||||
download: string;
|
||||
playVideo: string;
|
||||
mediaLoadingFailed: string;
|
||||
}
|
||||
export declare type LightGalleryAllSettings = LightGalleryCoreSettings & ZoomSettings & ThumbnailsSettings & VideoSettings & AutoplaySettings & CommentSettings & FullscreenSettings & HashSettings & PagerSettings & RotateSettings & ShareSettings & MediumZoomSettings;
|
||||
export declare type LightGallerySettings = Partial<LightGalleryAllSettings>;
|
||||
export interface LightGalleryCoreSettings {
|
||||
/**
|
||||
* Type of transition between images.
|
||||
*/
|
||||
mode: 'lg-slide' | 'lg-fade' | 'lg-zoom-in' | 'lg-zoom-in-big' | 'lg-zoom-out' | 'lg-zoom-out-big' | 'lg-zoom-out-in' | 'lg-zoom-in-out' | 'lg-soft-zoom' | 'lg-scale-up' | 'lg-slide-circular' | 'lg-slide-circular-vertical' | 'lg-slide-vertical' | 'lg-slide-vertical-growth' | 'lg-slide-skew-only' | 'lg-slide-skew-only-rev' | 'lg-slide-skew-only-y' | 'lg-slide-skew-only-y-rev' | 'lg-slide-skew' | 'lg-slide-skew-rev' | 'lg-slide-skew-cross' | 'lg-slide-skew-cross-rev' | 'lg-slide-skew-ver' | 'lg-slide-skew-ver-rev' | 'lg-slide-skew-ver-cross' | 'lg-slide-skew-ver-cross-rev' | 'lg-lollipop' | 'lg-lollipop-rev' | 'lg-rotate' | 'lg-rotate-rev' | 'lg-tube';
|
||||
/**
|
||||
* Slide animation CSS easing property
|
||||
*/
|
||||
easing: string;
|
||||
/**
|
||||
*Transition duration (in ms).
|
||||
*/
|
||||
speed: number;
|
||||
/**
|
||||
* If you are using lightGallery for commercial projects, you need to purchase a commercial license
|
||||
* to get the license key. For projects that are compatible with GPLv3 license,
|
||||
* please contact us for getting a license key at <a href="mailto:contact@lightgalleryjs.com">contact@lightgalleryjs.com</a>.
|
||||
* If you want to test lightGallery before purchasing a commercial license, you can
|
||||
* use `0000-0000-000-0000` as a temporary license key
|
||||
*/
|
||||
licenseKey: string;
|
||||
/**
|
||||
* Height of the gallery.
|
||||
* example '100%' , '300px'
|
||||
*/
|
||||
height: string;
|
||||
/**
|
||||
* Width of the gallery.
|
||||
* example '100%' , '300px'
|
||||
*/
|
||||
width: string;
|
||||
/**
|
||||
* Add custom class for gallery container
|
||||
* This can be used to set different style for different galleries
|
||||
*/
|
||||
addClass: string;
|
||||
/**
|
||||
* Start animation class for the gallery.
|
||||
* @description
|
||||
* <ul>
|
||||
* <li>startClass will be empty zoomFromOrigin is true.</li>
|
||||
* <li>This can be used to change the starting effect when the image is loaded</li>
|
||||
* <li>This is also applied when navigating to new slides</li>
|
||||
* </ul>
|
||||
*/
|
||||
startClass: string;
|
||||
/**
|
||||
* Enable zoom from origin effect.
|
||||
* @description You need to know the original image size upfront and provide it via data-lg-size attribute as <code> data-lg-size="1920-1280</code>"
|
||||
*
|
||||
* If you don't know, the size of a few images in the list, you can skip the data-lg-size attribute for the particular slides,
|
||||
* lightGallery will show the default animation if data-lg-size is not available
|
||||
*
|
||||
* If you are using responsive images,
|
||||
* you can pass a comma separated list of sizes combined with a max-width (up to what size the particular image should be used)
|
||||
*
|
||||
* example -
|
||||
* <code> data-lg-size="240-160-375, 400-267-480, 1600-1067"
|
||||
* data-responsive="img-240.jpg 375, img-400.jpg 480"
|
||||
* data-src="img-1600.jpg" </code>
|
||||
*
|
||||
* In the above example, upto 375 width img.240.jpg and lg-size 240-160 will be used.
|
||||
* Similarly, upto 480 pixel width size 400-267 and img-400.jpg will be used
|
||||
* And above 480, lg-size 1600-1067 and img-1600.jpg will be used
|
||||
*
|
||||
* <ul>
|
||||
* <li>At the moment, zoomFromOrigin options is supported only for image slides.</li>
|
||||
* <li>Will be false if dynamic option is enabled or galleryID found in the URL.</li>
|
||||
* <li>startClass will be empty if zoomFromOrigin is true to avoid css conflicts.</li>
|
||||
* </ul>
|
||||
*/
|
||||
zoomFromOrigin: boolean;
|
||||
/**
|
||||
* Zoom from image animation duration
|
||||
*/
|
||||
startAnimationDuration: number;
|
||||
/**
|
||||
* Backdrop transition duration.
|
||||
* Note - Do not change the value of backdrop via css.
|
||||
*/
|
||||
backdropDuration: number;
|
||||
/**
|
||||
* Configure where the gallery should be appended.
|
||||
* Useful to create inline galleries and more
|
||||
* It is an empty string in the default settings and later assigned to document.body to avoid accessing document for SSR
|
||||
*/
|
||||
container: HTMLElement | (() => HTMLElement | null) | (string | null);
|
||||
/**
|
||||
* Delay for hiding gallery controls in ms.
|
||||
* Pass <code>0</code> if you don't want to hide the controls
|
||||
*/
|
||||
hideBarsDelay: number;
|
||||
/**
|
||||
* Delay in hiding controls for the first time when gallery is opened
|
||||
*/
|
||||
showBarsAfter: number;
|
||||
/**
|
||||
* Delay slide transitions.
|
||||
* @description This is useful if you want to do any action in the current slide before moving to next slide.
|
||||
* <section>
|
||||
* For example, fading out the captions before going to next slide.
|
||||
* <code>.lg-slide-progress</code> class name is added to the current slide immediately after calling the slide method.
|
||||
* But transition begins only after the delay
|
||||
* </section>
|
||||
*/
|
||||
slideDelay: number;
|
||||
/**
|
||||
* Support legacy browsers
|
||||
* @description Currently this is used only for adding support to srcset attribute via picturefill library
|
||||
* If true lightGallery will show warning message to include picturefill library
|
||||
*/
|
||||
supportLegacyBrowser: boolean;
|
||||
/**
|
||||
* If true, toolbar, captions and thumbnails will not overlap with media element
|
||||
* This will not effect thumbnails if animateThumb is false
|
||||
* Also, toggle thumbnails button is not displayed if allowMediaOverlap is false
|
||||
* <section>
|
||||
* Note - Changing the position of the media on every slide transition creates a flickering effect.
|
||||
* Therefore, the height of the caption is calculated dynamically, only once based on the first slide caption.
|
||||
* </section>
|
||||
* <section>
|
||||
* if you have dynamic captions for each media,
|
||||
* you can provide an appropriate height for the captions via allowMediaOverlap option
|
||||
* </section>
|
||||
*/
|
||||
allowMediaOverlap: boolean;
|
||||
/**
|
||||
* Video max size.
|
||||
* @description This can be over-written by passing specific size via data-lg-size attribute
|
||||
* Recommended video resolution and & aspect ratios <a href="https://support.google.com/youtube/answer/6375112">https://support.google.com/youtube/answer/6375112</a>
|
||||
*/
|
||||
videoMaxSize: string;
|
||||
/**
|
||||
* Automatically load poster image for YouTube videos
|
||||
*/
|
||||
loadYouTubePoster: boolean;
|
||||
/**
|
||||
* Height of the caption for calculating allowMediaOverlap positions
|
||||
* Note - this is only used to find the position of media item if allowMediaOverlap is true.
|
||||
* Not for setting height of the captions
|
||||
* Set 0 if you want to calculate the height of captions dynamically
|
||||
*/
|
||||
defaultCaptionHeight: number;
|
||||
/**
|
||||
* aria-labelledby attribute fot gallery
|
||||
*/
|
||||
ariaLabelledby: string;
|
||||
/**
|
||||
* aria-describedby attribute for gallery
|
||||
*/
|
||||
ariaDescribedby: string;
|
||||
/**
|
||||
* Hide scrollbar when gallery is opened
|
||||
* @version V2.5.0
|
||||
*/
|
||||
hideScrollbar: boolean;
|
||||
/**
|
||||
* Reset to previous scrollPosition when lightGallery is closed
|
||||
* @description By default, lightGallery doesn't hide the scrollbar for a smooth opening transition.
|
||||
* If a user changes the scroll position, lightGallery resets it to the previous value
|
||||
* @version V2.5.0
|
||||
*/
|
||||
resetScrollPosition: boolean;
|
||||
/**
|
||||
* If false user won't be able to close the gallery at all
|
||||
* This is useful for creating inline galleries.
|
||||
*/
|
||||
closable: boolean;
|
||||
/**
|
||||
* allows vertical drag/swipe to close gallery
|
||||
* <code>false</code> if option <code>closable</code> is <code>false</code>
|
||||
*/
|
||||
swipeToClose: boolean;
|
||||
/**
|
||||
* allows clicks on black area to close gallery.
|
||||
*/
|
||||
closeOnTap: boolean;
|
||||
/**
|
||||
* If false, close button won't be displayed.
|
||||
* Useful for creating inline galleries.
|
||||
*/
|
||||
showCloseIcon: boolean;
|
||||
/**
|
||||
* Show maximize icon.
|
||||
* Useful for creating inline galleries.
|
||||
*/
|
||||
showMaximizeIcon: boolean;
|
||||
/**
|
||||
* If false, will disable the ability to loop back to the beginning of the gallery from the last slide.
|
||||
*/
|
||||
loop: boolean;
|
||||
/**
|
||||
* Whether the LightGallery could be closed by pressing the "Esc" key.
|
||||
*/
|
||||
escKey: boolean;
|
||||
/**
|
||||
* Enable keyboard navigation
|
||||
*/
|
||||
keyPress: boolean;
|
||||
/**
|
||||
* Trap focus within the lightGallery
|
||||
* @version V2.5.0
|
||||
*/
|
||||
trapFocus: boolean;
|
||||
/**
|
||||
* If false, prev/next buttons will not be displayed.
|
||||
*/
|
||||
controls: boolean;
|
||||
/**
|
||||
* Enable slideEnd animation
|
||||
*/
|
||||
slideEndAnimation: boolean;
|
||||
/**
|
||||
* If true, prev/next button will be hidden on first/last image.
|
||||
* @description Note - this option will be ignored if <code>loop</code> or <code>slideEndAnimation</code> is set to true
|
||||
*/
|
||||
hideControlOnEnd: boolean;
|
||||
/**
|
||||
* ability to navigate to next/prev slides on mousewheel
|
||||
*/
|
||||
mousewheel: boolean;
|
||||
/**
|
||||
* Option to get captions from alt or title tags.
|
||||
*/
|
||||
getCaptionFromTitleOrAlt: boolean;
|
||||
/**
|
||||
* control where the sub-html should be appended.
|
||||
* If you choose '.lg-outer', you are responsible for placing the div at the right position.
|
||||
* '.lg-outer' is useful if you want show custom HTML outside the normal gallery
|
||||
*/
|
||||
appendSubHtmlTo: '.lg-sub-html' | '.lg-item' | '.lg-outer';
|
||||
/**
|
||||
* Set to true if the selector in "data-sub-html" should use the current item as its origin.
|
||||
*/
|
||||
subHtmlSelectorRelative: boolean;
|
||||
/**
|
||||
* number of preload slides
|
||||
* @description will exicute only after the current slide is fully loaded.
|
||||
* for example, if you click on 4th image and if preload = 1 then 3rd slide and 5th
|
||||
* slide will be loaded in the background after the 4th slide is fully loaded..
|
||||
* if preload is 2 then 2nd 3rd 5th 6th slides will be preloaded.
|
||||
*/
|
||||
preload: number;
|
||||
/**
|
||||
* Control how many slide items should be kept in dom at a time
|
||||
* @description To improve performance by reducing number of gallery items in the dom,
|
||||
* lightGallery keeps only the lowest possible number of slides in the dom at a time.
|
||||
* This has a minimum value of 3
|
||||
*/
|
||||
numberOfSlideItemsInDom: number;
|
||||
/**
|
||||
* Custom selector property instead of direct children.
|
||||
* @description Based on your markup structure, you can specify custom selectors to fetch media data for the gallery
|
||||
* Pass "this" to select same element
|
||||
* You can also pass HTMLCollection directly
|
||||
* Example - '.my-selector' | '#my-selector' | this | document.querySelectorAll('.my-selector')
|
||||
*/
|
||||
selector: string | HTMLCollection[];
|
||||
/**
|
||||
* By default selector element relative to the current gallery.
|
||||
* Instead of that you can tell lightGallery to select element relative to another element.
|
||||
* Example - '.my-selector-container' | '#my-selector-container'
|
||||
* In the code this become selector = document.querySelector(this.s.selectWithin ).querySelectorAll(this.s.selector);
|
||||
*/
|
||||
selectWithin: string;
|
||||
/**
|
||||
* Custom html for next control
|
||||
*/
|
||||
nextHtml: string;
|
||||
/**
|
||||
* Custom html for prev control
|
||||
*/
|
||||
prevHtml: string;
|
||||
/**
|
||||
* specify which slide should load initially
|
||||
*/
|
||||
index: number;
|
||||
/**
|
||||
* Set width for iframe.
|
||||
*/
|
||||
iframeWidth: string;
|
||||
/**
|
||||
* Set height for iframe.
|
||||
*/
|
||||
iframeHeight: string;
|
||||
/**
|
||||
* Set max width for iframe.
|
||||
*/
|
||||
iframeMaxWidth: string;
|
||||
/**
|
||||
* Set max height for iframe.
|
||||
*/
|
||||
iframeMaxHeight: string;
|
||||
/**
|
||||
* Enable download button.
|
||||
* @description By default download url will be taken from data-src/href attribute but it supports only for modern browsers.
|
||||
* If you want you can provide another url for download via data-download-url.
|
||||
* pass false in data-download-url if you want to hide download button for the particular slide.
|
||||
*/
|
||||
download: boolean;
|
||||
/**
|
||||
* Whether to show total number of images and index number of currently displayed image.
|
||||
*/
|
||||
counter: boolean;
|
||||
/**
|
||||
* Where the counter should be appended
|
||||
*/
|
||||
appendCounterTo: string;
|
||||
/**
|
||||
* By setting the swipeThreshold (in px) you can set how far the user must swipe for the next/prev image.
|
||||
*/
|
||||
swipeThreshold: number;
|
||||
/**
|
||||
* Enables swipe support for touch devices
|
||||
*/
|
||||
enableSwipe: boolean;
|
||||
/**
|
||||
* Enables desktop mouse drag support
|
||||
*/
|
||||
enableDrag: boolean;
|
||||
/**
|
||||
* LightGallery can be instantiated and launched programmatically by setting this option to true and populating dynamicEl option (see below) with the definitions of images.
|
||||
*/
|
||||
dynamic: boolean;
|
||||
/**
|
||||
* An array of objects (src, iframe, subHtml, thumb, poster, responsive, srcset sizes) representing gallery elements.
|
||||
*/
|
||||
dynamicEl: GalleryItem[];
|
||||
/**
|
||||
* Fetch custom properties from the selector
|
||||
* @description this is useful for plugin development
|
||||
* By default lightGallery fetches and store all the props selectors to
|
||||
* reduce frequent dom interaction for fetching props every time.
|
||||
*
|
||||
* If you need any addition data to be fetched and stored in the galleryItems variable,
|
||||
* you can do this just by passing the prop names via extraProps
|
||||
* @example
|
||||
* HTML:
|
||||
* <div id="lightGallery">
|
||||
* <a href="a.jpg" data-custom-prop="abc"><img src="thumb.jpg" /></a>
|
||||
* <a href="a.jpg" data-custom-prop="xyz"><img src="thumb.jpg" /></a>
|
||||
* </div>
|
||||
* JS:
|
||||
* lightGallery(document.getElementById('lightGallery'), {
|
||||
* extraProps: ['customProp']
|
||||
* })
|
||||
* // Note - If you are using dynamic mode, you can pass any custom prop in the galleryItem
|
||||
* lightGallery(document.getElementById('lightGallery'), {
|
||||
* dynamic: true,
|
||||
* dynamicEl: [{
|
||||
* src: 'img/img1.jpg',
|
||||
* customProp:'abc',
|
||||
* }]
|
||||
* })
|
||||
*
|
||||
*/
|
||||
extraProps: string[];
|
||||
/**
|
||||
* Option to fetch different thumbnail image other than first image
|
||||
* @description If you want to use external image for thumbnail,
|
||||
* add the path of that image inside "data-" attribute
|
||||
* and set value of this option to the name of your custom attribute.
|
||||
*
|
||||
* @example
|
||||
* <div id="lightGallery">
|
||||
* <a href="a.jpg" data-external-thumb-image="images/externalThumb.jpg" ><img src="thumb.jpg" /></a>
|
||||
* </div>
|
||||
*
|
||||
* lightGallery(document.getElementById('lightGallery'), {
|
||||
* exThumbImage: 'data-external-thumb-image'
|
||||
* })
|
||||
*/
|
||||
exThumbImage: string;
|
||||
/**
|
||||
* Function to detect mobile devices
|
||||
*/
|
||||
isMobile?: () => boolean;
|
||||
/**
|
||||
* Separate settings for mobile devices
|
||||
* @description Note - this is applied only at the time of loading
|
||||
* by default controls and close buttons are disabled on mobile devices.
|
||||
* use this options if you want to enable them or change any other settings for mobile devices
|
||||
* Note - mobileSettings does not merge default values, You need to provide all mobileSettings including default values
|
||||
*/
|
||||
mobileSettings: Partial<MobileSettings>;
|
||||
/**
|
||||
* Customize string.
|
||||
* @description This can be useful if you want to localize the lightGallery strings to other languages.
|
||||
* Use your own service to translate the strings and pass it via settings.strings
|
||||
* You can find dedicated strings option for all lightGallery modules in their respective documentation.
|
||||
* Note - You need to provide values for all the strings. For example, even if you just want to change the closeGallery string, you need to provide all the other strings as well.
|
||||
*/
|
||||
strings: LightGalleryCoreStrings;
|
||||
plugins: (new (instance: LightGallery, $LG: LgQuery) => any)[];
|
||||
}
|
||||
export declare const lightGalleryCoreSettings: LightGalleryCoreSettings;
|
||||
export {};
|
||||
Vendored
+228
@@ -0,0 +1,228 @@
|
||||
import { lgQuery } from './lgQuery';
|
||||
import { VideoSource } from './plugins/video/types';
|
||||
import { VideoInfo } from './types';
|
||||
export interface ImageSize {
|
||||
width: number;
|
||||
height: number;
|
||||
}
|
||||
export interface ImageSources {
|
||||
media?: string;
|
||||
srcset: string;
|
||||
sizes?: string;
|
||||
type?: string;
|
||||
}
|
||||
export interface GalleryItem {
|
||||
/**
|
||||
* url of the media
|
||||
* @data-attr data-src
|
||||
*/
|
||||
src?: string;
|
||||
/**
|
||||
* Source attributes for the <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source#attributes">picture</a> element
|
||||
* @data-attr data-sources
|
||||
*/
|
||||
sources?: ImageSources[];
|
||||
/**
|
||||
* Thumbnail url
|
||||
* @description By default lightGallery uses the image inside gallery selector as thumbnail.
|
||||
* But, If you want to use external image for thumbnail,
|
||||
* pass the thumbnail url via any data attribute and
|
||||
* pass the attribute name via exThumbImage option
|
||||
* @example
|
||||
* <div id="lightGallery">
|
||||
* <a href="a.jpg" data-external-thumb-image="images/externalThumb.jpg" ><img src="thumb.jpg" /></a>
|
||||
* </div>
|
||||
*
|
||||
* lightGallery(document.getElementById('lightGallery'), {
|
||||
* exThumbImage: 'data-external-thumb-image'
|
||||
* })
|
||||
* @data-attr data-*
|
||||
*/
|
||||
thumb?: string;
|
||||
/**
|
||||
* alt attribute for the image
|
||||
* @data-attr alt
|
||||
*/
|
||||
alt?: string;
|
||||
/**
|
||||
* Title attribute for the video
|
||||
* @data-attr title
|
||||
*/
|
||||
title?: string;
|
||||
/**
|
||||
* Title for iframe
|
||||
* @data-attr data-iframe-title
|
||||
*/
|
||||
iframeTitle?: string;
|
||||
/**
|
||||
* Caption for the slide
|
||||
* @description You can either pass the HTML markup or the ID or class name of the element which contains the captions
|
||||
* @data-attr data-sub-html
|
||||
*/
|
||||
subHtml?: string;
|
||||
/**
|
||||
* url of the file which contain the sub html.
|
||||
* @description Note - Does not support Internet Explorer browser
|
||||
* @data-attr data-sub-html-url
|
||||
*/
|
||||
subHtmlUrl?: string;
|
||||
/**
|
||||
* Video source
|
||||
* @data-attr data-video
|
||||
*/
|
||||
video?: VideoSource;
|
||||
/**
|
||||
* Poster url
|
||||
* @data-attr data-poster
|
||||
*/
|
||||
poster?: string;
|
||||
/**
|
||||
* Custom slide name to use in the url when hash plugin is enabled
|
||||
* @data-attr data-slide-name
|
||||
*/
|
||||
slideName?: string;
|
||||
/**
|
||||
* List of images and viewport's max width separated by comma.
|
||||
* @description Ex?: img/1-375.jpg 375, img/1-480.jpg 480, img/1-757.jpg 757.
|
||||
* @data-attr data-responsive
|
||||
*/
|
||||
responsive?: string;
|
||||
/**
|
||||
* srcset attribute values for the main image
|
||||
* @data-attr data-srcset
|
||||
*/
|
||||
srcset?: string;
|
||||
/**
|
||||
* srcset sizes attribute for the main image
|
||||
* @data-attr data-sizes
|
||||
*/
|
||||
sizes?: string;
|
||||
/**
|
||||
* Set true is you want to open your url in an iframe
|
||||
* @data-attr data-iframe
|
||||
*/
|
||||
iframe?: boolean;
|
||||
/**
|
||||
* Download url for your image/video.
|
||||
* @description Pass false if you want to disable the download button.
|
||||
* @data-attr data-download-url
|
||||
*/
|
||||
downloadUrl?: string | boolean;
|
||||
/**
|
||||
* Name of the file after it is downloaded.
|
||||
* @description The HTML value of the download attribute.
|
||||
* There are no restrictions on allowed values, and the browser will automatically
|
||||
* detect the correct file extension and add it to the file (.img, .pdf, .txt, .html, etc.).
|
||||
* <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download">More info</a>
|
||||
* @data-attr data-download
|
||||
*/
|
||||
download?: string | boolean;
|
||||
/**
|
||||
* Actual size of the image in px.
|
||||
* @description This is used in zoom plugin to see the actual size of the image when double taped on the image.
|
||||
* @data-attr data-width
|
||||
*/
|
||||
width?: string;
|
||||
/**
|
||||
* Facebook share URL.
|
||||
* @description Specify only if you want to provide separate share URL for the specific slide. By default, current browser URL is taken.
|
||||
* @data-attr data-facebook-share-url
|
||||
*/
|
||||
facebookShareUrl?: string;
|
||||
/**
|
||||
* Tweet text
|
||||
* @data-attr data-tweet-text
|
||||
*/
|
||||
tweetText?: string;
|
||||
/**
|
||||
* Twitter share URL.
|
||||
* @description Specify only if you want to provide separate share URL for the specific slide. By default, current browser URL will be taken.
|
||||
* @data-attr data-twitter-share-url
|
||||
*/
|
||||
twitterShareUrl?: string;
|
||||
/**
|
||||
* Pinterest share URL.
|
||||
* @description Specify only if you want to provide separate share URL for the specific slide. By default, current browser URL will be taken.
|
||||
* Note?: Pinterest requires absolute URL
|
||||
* @data-attr data-pinterest-share-url
|
||||
*/
|
||||
pinterestShareUrl?: string;
|
||||
/**
|
||||
* Description for Pinterest post.
|
||||
* @data-attr data-pinterest-text
|
||||
*/
|
||||
pinterestText?: string;
|
||||
/**
|
||||
* Facebook comments body html
|
||||
* @description Please refer <a href="https://developers.facebook.com/docs/plugins/comments/#comments-plugin">facebook official documentation</a> for generating the HTML markup
|
||||
* @example
|
||||
* <div
|
||||
* class="fb-comments"
|
||||
* data-href="https://www.lightgalleryjs.com/demos/comment-box/#facebook-comments-demo"
|
||||
* data-width="400"
|
||||
* data-numposts="5">
|
||||
* </div>
|
||||
* @data-attr data-fb-html
|
||||
*/
|
||||
fbHtml?: string;
|
||||
/**
|
||||
* Disqus page identifier
|
||||
* @description Please refer official <a href="https://help.disqus.com/en/articles/1717084-javascript-configuration-variables">disqus documentation</a> for more info
|
||||
* @data-attr data-disqus-identifier
|
||||
*/
|
||||
disqusIdentifier?: string;
|
||||
/**
|
||||
* Disqus page url
|
||||
* @description Please refer official <a href="https://help.disqus.com/en/articles/1717084-javascript-configuration-variables">disqus documentation</a> for more info
|
||||
* @data-attr data-disqus-url
|
||||
*/
|
||||
disqusUrl?: string;
|
||||
__slideVideoInfo?: VideoInfo;
|
||||
[key: string]: any;
|
||||
}
|
||||
export declare function convertToData(attr: string): string;
|
||||
declare const utils: {
|
||||
/**
|
||||
* Fetches HTML content from a given URL and inserts it into a specified element.
|
||||
*
|
||||
* @param url - The URL to fetch the HTML content from.
|
||||
* @param element - The DOM element (jQuery object) to insert the HTML content into.
|
||||
* @param insertMethod - The method to insert the HTML ('append' or 'replace').
|
||||
*/
|
||||
fetchCaptionFromUrl(url: string, element: lgQuery, insertMethod: 'append' | 'replace'): void;
|
||||
/**
|
||||
* get possible width and height from the lgSize attribute. Used for ZoomFromOrigin option
|
||||
*/
|
||||
getSize(el: HTMLElement, container: lgQuery, spacing?: number, defaultLgSize?: string | undefined): ImageSize | undefined;
|
||||
/**
|
||||
* @desc Get transform value based on the imageSize. Used for ZoomFromOrigin option
|
||||
* @param {jQuery Element}
|
||||
* @returns {String} Transform CSS string
|
||||
*/
|
||||
getTransform(el: HTMLElement, container: lgQuery, top: number, bottom: number, imageSize?: ImageSize | undefined): string | undefined;
|
||||
getIframeMarkup(iframeWidth: string, iframeHeight: string, iframeMaxWidth: string, iframeMaxHeight: string, src?: string | undefined, iframeTitle?: string | undefined): string;
|
||||
getImgMarkup(index: number, src: string, altAttr: string, srcset?: string | undefined, sizes?: string | undefined, sources?: ImageSources[] | undefined): string;
|
||||
getResponsiveSrc(srcItms: string[]): string;
|
||||
isImageLoaded(img: HTMLImageElement): boolean;
|
||||
getVideoPosterMarkup(_poster: string, dummyImg: string | HTMLElement, videoContStyle: string, playVideoString: string, _isVideo?: VideoInfo | undefined): string;
|
||||
getFocusableElements(container: HTMLElement): NodeListOf<Element>;
|
||||
/**
|
||||
* @desc Create dynamic elements array from gallery items when dynamic option is false
|
||||
* It helps to avoid frequent DOM interaction
|
||||
* and avoid multiple checks for dynamic elments
|
||||
*
|
||||
* @returns {Array} dynamicEl
|
||||
*/
|
||||
getDynamicOptions(items: any, extraProps: string[], getCaptionFromTitleOrAlt: boolean, exThumbImage: string): GalleryItem[];
|
||||
isMobile(): boolean;
|
||||
/**
|
||||
* @desc Check the given src is video
|
||||
* @param {String} src
|
||||
* @return {Object} video type
|
||||
* Ex:{ youtube : ["//www.youtube.com/watch?v=c0asJgSyxcY", "c0asJgSyxcY"] }
|
||||
*
|
||||
* @todo - this information can be moved to dynamicEl to avoid frequent calls
|
||||
*/
|
||||
isVideo(src: string, isHTML5VIdeo: boolean, index: number): VideoInfo | undefined;
|
||||
};
|
||||
export default utils;
|
||||
Vendored
+56
@@ -0,0 +1,56 @@
|
||||
interface Offset {
|
||||
left: number;
|
||||
top: number;
|
||||
}
|
||||
export declare type LgQuery = (selector: any) => lgQuery;
|
||||
export declare class lgQuery {
|
||||
static eventListeners: {
|
||||
[key: string]: any[];
|
||||
};
|
||||
static generateUUID(): string;
|
||||
private selector;
|
||||
private firstElement;
|
||||
private cssVenderPrefixes;
|
||||
constructor(selector: string | Element);
|
||||
private _getSelector;
|
||||
private _each;
|
||||
private _setCssVendorPrefix;
|
||||
private _getFirstEl;
|
||||
private isEventMatched;
|
||||
attr(attr: string): string;
|
||||
attr(attr: string, value: string | number | boolean): this;
|
||||
find(selector: any): lgQuery;
|
||||
first(): lgQuery;
|
||||
eq(index: number): lgQuery;
|
||||
parent(): lgQuery;
|
||||
get(): HTMLElement;
|
||||
removeAttr(attributes: string): this;
|
||||
wrap(className: string): this;
|
||||
addClass(classNames?: string): this;
|
||||
removeClass(classNames: string): this;
|
||||
hasClass(className: string): boolean;
|
||||
hasAttribute(attribute: string): boolean;
|
||||
toggleClass(className: string): this;
|
||||
css(property: string, value?: string | number): this;
|
||||
on(events: string, listener: (e: any) => void): this;
|
||||
once(event: string, listener: (e: any) => void): this;
|
||||
off(event: string): this;
|
||||
trigger<Detail>(event: string, detail?: Detail): this;
|
||||
load(url: string): this;
|
||||
html(): string;
|
||||
html(html: string): this;
|
||||
append(html: string | HTMLElement): this;
|
||||
prepend(html: string | HTMLElement): this;
|
||||
remove(): this;
|
||||
empty(): this;
|
||||
scrollTop(): number;
|
||||
scrollTop(scrollTop: number): this;
|
||||
scrollLeft(): number;
|
||||
scrollLeft(scrollLeft?: number): this;
|
||||
offset(): Offset;
|
||||
style(): CSSStyleDeclaration;
|
||||
width(): number;
|
||||
height(): number;
|
||||
}
|
||||
export declare function $LG(selector: any): lgQuery;
|
||||
export {};
|
||||
@@ -1,916 +0,0 @@
|
||||
@font-face {
|
||||
font-family: 'lg';
|
||||
src: url("fonts/lg.eot?n1z373");
|
||||
src: url("fonts/lg.eot?#iefixn1z373") format("embedded-opentype"),
|
||||
url("fonts/lg.woff?n1z373") format("woff"),
|
||||
url("fonts/lg.ttf?n1z373") format("truetype"),
|
||||
url("fonts/lg.svg?n1z373#lg") format("svg");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.lg-icon {
|
||||
font-family: 'lg';
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
.lg-actions .lg-next, .lg-actions .lg-prev {
|
||||
background-color: rgba(255,255,255,0.5);
|
||||
border-radius: 2px;
|
||||
color: #999;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
font-size: 22px;
|
||||
margin-top: -10px;
|
||||
padding: 8px 10px 9px;
|
||||
position: absolute;
|
||||
top: calc((100% - 100px) / 2 - 25px);
|
||||
z-index: 1080;
|
||||
border: none;
|
||||
outline: none;
|
||||
}
|
||||
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
|
||||
pointer-events: none;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
|
||||
color: #404040;
|
||||
}
|
||||
.lg-actions .lg-next {
|
||||
right: 20px;
|
||||
}
|
||||
.lg-actions .lg-next:before {
|
||||
/*content: "\e095";*/
|
||||
content: " ";
|
||||
background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ib3dsX3JpZ2h0X3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI3cHgiIGhlaWdodD0iNTBweCIgdmVyc2lvbj0iMS4xIiBzdHlsZT0ic2hhcGUtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgdGV4dC1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyBpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyBmaWxsLXJ1bGU6ZXZlbm9kZDsgY2xpcC1ydWxlOmV2ZW5vZGQiIHZpZXdCb3g9IjAgMCAyOTY0NiA1NDU2NiI+PGcgaWQ9ItCh0LvQvtC5X3gwMDIwXzEiPjxwYXRoIGNsYXNzPSIiIHN0eWxlPSJmaWxsOiNlNWU1ZTUiIGQ9Ik0yODM1OCAwbC0yNzA3MCAwYy03MDgsMCAtMTI4OCw1ODAgLTEyODgsMTI4OGwwIDUxOTkwYzAsNzA4IDU4MCwxMjg4IDEyODgsMTI4OGwyNzA3MCAwYzcxMCwwIDEyODgsLTU4MCAxMjg4LC0xMjg4bDAgLTUxOTkwYzAsLTcwOCAtNTc4LC0xMjg4IC0xMjg4LC0xMjg4em0tMjA5OTIgMTc1MTVsOTc2NyA5NzY3IC05NzY3IDk3NjggMjU3MyAyNTczIDk3NjcgLTk3NjggMjU3MyAtMjU3MyAtMjU3MyAtMjU3MyAtOTc2NyAtOTc2NyAtMjU3MyAyNTczeiI+PC9wYXRoPjwvZz48L3N2Zz4=");
|
||||
background-position: right;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
position: absolute;
|
||||
left: -42px;
|
||||
/* z-index: 1000000000; */
|
||||
background-repeat: no-repeat;
|
||||
transition: 0.3s;
|
||||
}
|
||||
.lg-actions .lg-next:hover:before {
|
||||
background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ib3dsX3JpZ2h0X3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI3cHgiIGhlaWdodD0iNTBweCIgdmVyc2lvbj0iMS4xIiBzdHlsZT0ic2hhcGUtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgdGV4dC1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyBpbWFnZS1yZW5kZXJpbmc6b3B0aW1pemVRdWFsaXR5OyBmaWxsLXJ1bGU6ZXZlbm9kZDsgY2xpcC1ydWxlOmV2ZW5vZGQiIHZpZXdCb3g9IjAgMCAyOTY0NiA1NDU2NiI+PGcgaWQ9ItCh0LvQvtC5X3gwMDIwXzEiPjxwYXRoIGNsYXNzPSIiIHN0eWxlPSJmaWxsOiMwMDAiIGQ9Ik0yODM1OCAwbC0yNzA3MCAwYy03MDgsMCAtMTI4OCw1ODAgLTEyODgsMTI4OGwwIDUxOTkwYzAsNzA4IDU4MCwxMjg4IDEyODgsMTI4OGwyNzA3MCAwYzcxMCwwIDEyODgsLTU4MCAxMjg4LC0xMjg4bDAgLTUxOTkwYzAsLTcwOCAtNTc4LC0xMjg4IC0xMjg4LC0xMjg4em0tMjA5OTIgMTc1MTVsOTc2NyA5NzY3IC05NzY3IDk3NjggMjU3MyAyNTczIDk3NjcgLTk3NjggMjU3MyAtMjU3MyAtMjU3MyAtMjU3MyAtOTc2NyAtOTc2NyAtMjU3MyAyNTczeiI+PC9wYXRoPjwvZz48L3N2Zz4=");
|
||||
}
|
||||
.lg-actions .lg-prev {
|
||||
left: 20px;
|
||||
}
|
||||
.lg-actions .lg-prev:after {
|
||||
/* content: "\e094"; */
|
||||
content:"";
|
||||
background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ib3dsX2xlZnRfc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMjdweCIgaGVpZ2h0PSI1MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCIgdmlld0JveD0iMCAwIDI5NjQ2IDU0NTY2Ij48ZyBpZD0i0KHQu9C+0LlfeDAwMjBfMSI+PHBhdGggY2xhc3M9IiIgc3R5bGU9ImZpbGw6I2U1ZTVlNSIgZD0iTTEyODggMGwyNzA3MCAwYzcwOCwwIDEyODgsNTgwIDEyODgsMTI4OGwwIDUxOTkwYzAsNzA4IC01ODAsMTI4OCAtMTI4OCwxMjg4bC0yNzA3MCAwYy03MDksMCAtMTI4OCwtNTgwIC0xMjg4LC0xMjg4bDAgLTUxOTkwYzAsLTcwOCA1NzksLTEyODggMTI4OCwtMTI4OHptMjA5OTIgMTc1MTVsLTk3NjYgOTc2NyA5NzY2IDk3NjggLTI1NzMgMjU3MyAtOTc2NyAtOTc2OCAtMjU3MyAtMjU3MyAyNTczIC0yNTczIDk3NjcgLTk3NjcgMjU3MyAyNTczeiI+PC9wYXRoPjwvZz48L3N2Zz4=");
|
||||
background-position: left;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
position: absolute;
|
||||
right: -42px;
|
||||
background-repeat: no-repeat;
|
||||
transition: 0.3s;
|
||||
}
|
||||
.lg-actions .lg-prev:hover:after {
|
||||
background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ib3dsX2xlZnRfc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMjdweCIgaGVpZ2h0PSI1MHB4IiB2ZXJzaW9uPSIxLjEiIHN0eWxlPSJzaGFwZS1yZW5kZXJpbmc6Z2VvbWV0cmljUHJlY2lzaW9uOyB0ZXh0LXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IGltYWdlLXJlbmRlcmluZzpvcHRpbWl6ZVF1YWxpdHk7IGZpbGwtcnVsZTpldmVub2RkOyBjbGlwLXJ1bGU6ZXZlbm9kZCIgdmlld0JveD0iMCAwIDI5NjQ2IDU0NTY2Ij48ZyBpZD0i0KHQu9C+0LlfeDAwMjBfMSI+PHBhdGggY2xhc3M9IiIgc3R5bGU9ImZpbGw6IzAwMCIgZD0iTTEyODggMGwyNzA3MCAwYzcwOCwwIDEyODgsNTgwIDEyODgsMTI4OGwwIDUxOTkwYzAsNzA4IC01ODAsMTI4OCAtMTI4OCwxMjg4bC0yNzA3MCAwYy03MDksMCAtMTI4OCwtNTgwIC0xMjg4LC0xMjg4bDAgLTUxOTkwYzAsLTcwOCA1NzksLTEyODggMTI4OCwtMTI4OHptMjA5OTIgMTc1MTVsLTk3NjYgOTc2NyA5NzY2IDk3NjggLTI1NzMgMjU3MyAtOTc2NyAtOTc2OCAtMjU3MyAtMjU3MyAyNTczIC0yNTczIDk3NjcgLTk3NjcgMjU3MyAyNTczeiI+PC9wYXRoPjwvZz48L3N2Zz4=");
|
||||
}
|
||||
|
||||
@-webkit-keyframes lg-right-end {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
50% {
|
||||
left: -30px;
|
||||
}
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@-moz-keyframes lg-right-end {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
50% {
|
||||
left: -30px;
|
||||
}
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@keyframes lg-right-end {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
50% {
|
||||
left: -30px;
|
||||
}
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes lg-left-end {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
50% {
|
||||
left: 30px;
|
||||
}
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@-moz-keyframes lg-left-end {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
50% {
|
||||
left: 30px;
|
||||
}
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
@keyframes lg-left-end {
|
||||
0% {
|
||||
left: 0;
|
||||
}
|
||||
50% {
|
||||
left: 30px;
|
||||
}
|
||||
100% {
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
.lg-outer.lg-right-end .lg-object {
|
||||
-webkit-animation: lg-right-end 0.3s;
|
||||
-moz-animation: lg-right-end 0.3s;
|
||||
animation: lg-right-end 0.3s;
|
||||
position: relative;
|
||||
}
|
||||
.lg-outer.lg-left-end .lg-object {
|
||||
-webkit-animation: lg-left-end 0.3s;
|
||||
-moz-animation: lg-left-end 0.3s;
|
||||
animation: lg-left-end 0.3s;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.lg-toolbar {
|
||||
z-index: 1080;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
background-color: rgba(255, 255, 255, 0.45);
|
||||
}
|
||||
.lg-toolbar .lg-icon {
|
||||
color: #bfbfbf;
|
||||
cursor: pointer;
|
||||
float: right;
|
||||
font-size: 24px;
|
||||
height: 47px;
|
||||
line-height: 27px;
|
||||
padding: 10px 0;
|
||||
text-align: center;
|
||||
width: 50px;
|
||||
text-decoration: none !important;
|
||||
outline: medium none;
|
||||
}
|
||||
.lg-close.lg-icon {
|
||||
/* background-color: #ffffff; */
|
||||
/* border-radius: 2px 2px 0 0; */
|
||||
/* color: #999; */
|
||||
/* cursor: pointer; */
|
||||
font-size: 30px;
|
||||
height: 39px;
|
||||
line-height: 27px;
|
||||
padding: 5px 0;
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
text-align: center;
|
||||
top: 20px;
|
||||
width: 50px;
|
||||
/* border: 1px solid #e0e0e0; */
|
||||
/* border-bottom: none; */
|
||||
}
|
||||
|
||||
.lg-toolbar .lg-icon:hover {
|
||||
color: #404040;
|
||||
}
|
||||
.lg-toolbar .lg-close:after {
|
||||
content: "\e070";
|
||||
}
|
||||
.lg-toolbar .lg-download:after {
|
||||
content: "\e0f2";
|
||||
}
|
||||
|
||||
.lg-sub-html {
|
||||
/*background-color: rgba(0, 0, 0, 0.45);*/
|
||||
bottom: 0;
|
||||
color: #404040;
|
||||
font-size: 16px;
|
||||
left: 0;
|
||||
padding: 10px 40px;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
z-index: 1080;
|
||||
}
|
||||
.lg-sub-html h4 {
|
||||
margin: 0;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.lg-sub-html p {
|
||||
font-size: 12px;
|
||||
margin: 5px 0 0;
|
||||
}
|
||||
|
||||
#lg-counter {
|
||||
color: #999;
|
||||
display: inline-block;
|
||||
font-size: 16px;
|
||||
padding-left: 20px;
|
||||
padding-top: 12px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.lg-toolbar, .lg-prev, .lg-next {
|
||||
opacity: 1;
|
||||
-moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
}
|
||||
|
||||
.lg-hide-items .lg-prev {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate3d(-10px, 0, 0);
|
||||
-moz-transform: translate3d(-10px, 0, 0);
|
||||
transform: translate3d(-10px, 0, 0);
|
||||
}
|
||||
.lg-hide-items .lg-next {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate3d(10px, 0, 0);
|
||||
-moz-transform: translate3d(10px, 0, 0);
|
||||
transform: translate3d(10px, 0, 0);
|
||||
}
|
||||
.lg-hide-items .lg-toolbar {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate3d(0, -10px, 0);
|
||||
-moz-transform: translate3d(0, -10px, 0);
|
||||
transform: translate3d(0, -10px, 0);
|
||||
}
|
||||
|
||||
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
|
||||
-webkit-transform: scale3d(0.5, 0.5, 0.5);
|
||||
-moz-transform: scale3d(0.5, 0.5, 0.5);
|
||||
transform: scale3d(0.5, 0.5, 0.5);
|
||||
opacity: 0;
|
||||
-moz-transition: -moz-transform 250ms ease 0s, opacity 250ms !important;
|
||||
transition: -webkit-transform 250ms ease 0s, opacity 250ms !important;
|
||||
transition: transform 250ms ease 0s, opacity 250ms !important;
|
||||
-webkit-transform-origin: 50% 50%;
|
||||
-moz-transform-origin: 50% 50%;
|
||||
-ms-transform-origin: 50% 50%;
|
||||
transform-origin: 50% 50%;
|
||||
}
|
||||
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
|
||||
-webkit-transform: scale3d(1, 1, 1);
|
||||
-moz-transform: scale3d(1, 1, 1);
|
||||
transform: scale3d(1, 1, 1);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.lg-outer .lg-thumb-outer {
|
||||
background-color: #ffffff;
|
||||
border-top: 1px solid #e0e0e0;
|
||||
bottom: 0;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
z-index: 1080;
|
||||
max-height: 350px;
|
||||
-webkit-transform: translate3d(0, 100%, 0);
|
||||
-moz-transform: translate3d(0, 100%, 0);
|
||||
transform: translate3d(0, 100%, 0);
|
||||
-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
|
||||
}
|
||||
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
|
||||
cursor: -webkit-grab;
|
||||
cursor: -moz-grab;
|
||||
cursor: -o-grab;
|
||||
cursor: -ms-grab;
|
||||
cursor: grab;
|
||||
}
|
||||
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
|
||||
cursor: move;
|
||||
cursor: -webkit-grabbing;
|
||||
cursor: -moz-grabbing;
|
||||
cursor: -o-grabbing;
|
||||
cursor: -ms-grabbing;
|
||||
cursor: grabbing;
|
||||
}
|
||||
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
|
||||
-moz-transition-duration: 0s !important;
|
||||
transition-duration: 0s !important;
|
||||
}
|
||||
.lg-outer.lg-thumb-open .lg-thumb-outer {
|
||||
-webkit-transform: translate3d(0, 0%, 0);
|
||||
-moz-transform: translate3d(0, 0%, 0);
|
||||
transform: translate3d(0, 0%, 0);
|
||||
}
|
||||
.lg-outer .lg-thumb {
|
||||
padding: 10px 0;
|
||||
height: 100%;
|
||||
margin-bottom: -5px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
.lg-outer .lg-thumb-item {
|
||||
cursor: pointer;
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
/*border: 2px solid #FFF;*/
|
||||
/*border-radius: 4px;*/
|
||||
margin-bottom: 5px;
|
||||
opacity: 0.3;
|
||||
position: relative;
|
||||
background: transparent;
|
||||
-moz-transition: opacity 0.1s ease;
|
||||
transition: opacity 0.1s ease;
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
.lg-outer .lg-thumb-item {
|
||||
-moz-transition: border-color 0.25s ease, opacity 0.1s ease;
|
||||
transition: border-color 0.25s ease, opacity 0.1s ease;
|
||||
}
|
||||
}
|
||||
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
|
||||
opacity: 1;
|
||||
/*border-color: #a90707;*/
|
||||
}
|
||||
.lg-outer .lg-thumb-item img {
|
||||
/*width: 100%;
|
||||
height: 100%;*/
|
||||
width: auto;
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
margin: auto;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.lg-outer.lg-has-thumb .lg-item {
|
||||
padding-bottom: 120px;
|
||||
}
|
||||
.lg-outer.lg-can-toggle .lg-item {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.lg-outer.lg-pull-caption-up .lg-sub-html {
|
||||
-moz-transition: bottom 0.25s ease;
|
||||
transition: bottom 0.25s ease;
|
||||
}
|
||||
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
|
||||
bottom: 100px;
|
||||
}
|
||||
.lg-outer .lg-toogle-thumb {
|
||||
background-color: #ffffff;
|
||||
border-radius: 2px 2px 0 0;
|
||||
color: #bfbfbf;
|
||||
cursor: pointer;
|
||||
font-size: 24px;
|
||||
height: 39px;
|
||||
line-height: 27px;
|
||||
padding: 5px 0;
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
text-align: center;
|
||||
top: -39px;
|
||||
width: 50px;
|
||||
border: 1px solid #e0e0e0;
|
||||
border-bottom: none;
|
||||
}
|
||||
.lg-outer .lg-toogle-thumb:after {
|
||||
content: "\e1ff";
|
||||
}
|
||||
.lg-outer .lg-toogle-thumb:hover {
|
||||
color: #404040;
|
||||
}
|
||||
|
||||
.lg-outer .lg-video-cont {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
max-width: 1140px;
|
||||
max-height: 100%;
|
||||
width: 100%;
|
||||
padding: 0 5px;
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
}
|
||||
.lg-outer .lg-video {
|
||||
width: 100%;
|
||||
height: 0;
|
||||
padding-bottom: 56.25%;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
.lg-outer .lg-video .lg-object {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
}
|
||||
.lg-outer .lg-video .lg-video-play {
|
||||
width: 84px;
|
||||
height: 59px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-left: -42px;
|
||||
margin-top: -30px;
|
||||
z-index: 1080;
|
||||
cursor: pointer;
|
||||
}
|
||||
.lg-outer .lg-has-vimeo .lg-video-play {
|
||||
background: url("../images/vimeo-play.png") no-repeat scroll 0 0 transparent;
|
||||
}
|
||||
.lg-outer .lg-has-vimeo:hover .lg-video-play {
|
||||
background: url("../images/vimeo-play.png") no-repeat scroll 0 -58px transparent;
|
||||
}
|
||||
.lg-outer .lg-has-html5 .lg-video-play {
|
||||
background: transparent url("../images/video-play.png") no-repeat scroll 0 0;
|
||||
height: 64px;
|
||||
margin-left: -32px;
|
||||
margin-top: -32px;
|
||||
width: 64px;
|
||||
opacity: 0.8;
|
||||
}
|
||||
.lg-outer .lg-has-html5:hover .lg-video-play {
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-outer .lg-has-youtube .lg-video-play {
|
||||
background: url("../images/youtube-play.png") no-repeat scroll 0 0 transparent;
|
||||
}
|
||||
.lg-outer .lg-has-youtube:hover .lg-video-play {
|
||||
background: url("../images/youtube-play.png") no-repeat scroll 0 -60px transparent;
|
||||
}
|
||||
.lg-outer .lg-video-object {
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
.lg-outer .lg-has-video .lg-video-object {
|
||||
visibility: hidden;
|
||||
}
|
||||
.lg-outer .lg-has-video.lg-video-palying .lg-object, .lg-outer .lg-has-video.lg-video-palying .lg-video-play {
|
||||
display: none;
|
||||
}
|
||||
.lg-outer .lg-has-video.lg-video-palying .lg-video-object {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.lg-progress-bar {
|
||||
background-color: #333;
|
||||
height: 5px;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: 1080;
|
||||
opacity: 0;
|
||||
-moz-transition: opacity 0.08s ease 0s;
|
||||
transition: opacity 0.08s ease 0s;
|
||||
}
|
||||
.lg-progress-bar .lg-progress {
|
||||
background-color: #a90707;
|
||||
height: 5px;
|
||||
width: 0;
|
||||
}
|
||||
.lg-progress-bar.lg-start .lg-progress {
|
||||
width: 100%;
|
||||
}
|
||||
.lg-show-autoplay .lg-progress-bar {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.lg-autoplay-button:after {
|
||||
content: "\e01d";
|
||||
}
|
||||
.lg-show-autoplay .lg-autoplay-button:after {
|
||||
content: "\e01a";
|
||||
}
|
||||
|
||||
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
|
||||
-moz-transition-duration: 0s;
|
||||
transition-duration: 0s;
|
||||
}
|
||||
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
|
||||
-moz-transition: -moz-transform 0.3s ease 0s;
|
||||
transition: -webkit-transform 0.3s ease 0s;
|
||||
transition: transform 0.3s ease 0s;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
|
||||
-webkit-transform: scale3d(1, 1, 1);
|
||||
-moz-transform: scale3d(1, 1, 1);
|
||||
transform: scale3d(1, 1, 1);
|
||||
-moz-transition: -moz-transform 0.3s ease 0s, opacity 0.15s !important;
|
||||
transition: -webkit-transform 0.3s ease 0s, opacity 0.15s !important;
|
||||
transition: transform 0.3s ease 0s, opacity 0.15s !important;
|
||||
-webkit-transform-origin: 0 0;
|
||||
-moz-transform-origin: 0 0;
|
||||
-ms-transform-origin: 0 0;
|
||||
transform-origin: 0 0;
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
#lg-zoom-in:after {
|
||||
content: "\e311";
|
||||
}
|
||||
|
||||
#lg-zoom-out {
|
||||
opacity: 0.5;
|
||||
pointer-events: none;
|
||||
}
|
||||
#lg-zoom-out:after {
|
||||
content: "\e312";
|
||||
}
|
||||
.lg-zoomed #lg-zoom-out {
|
||||
opacity: 1;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.lg-outer .lg-pager-outer {
|
||||
bottom: 60px;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
z-index: 1080;
|
||||
height: 10px;
|
||||
}
|
||||
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
|
||||
overflow: visible;
|
||||
}
|
||||
.lg-outer .lg-pager-cont {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
vertical-align: top;
|
||||
margin: 0 5px;
|
||||
}
|
||||
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
|
||||
opacity: 1;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
|
||||
box-shadow: 0 0 0 2px white inset;
|
||||
}
|
||||
.lg-outer .lg-pager-thumb-cont {
|
||||
background-color: #fff;
|
||||
color: #FFF;
|
||||
bottom: 100%;
|
||||
height: 83px;
|
||||
left: 0;
|
||||
margin-bottom: 20px;
|
||||
margin-left: -60px;
|
||||
opacity: 0;
|
||||
padding: 5px;
|
||||
position: absolute;
|
||||
width: 120px;
|
||||
border-radius: 3px;
|
||||
-moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
|
||||
transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
|
||||
transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
|
||||
-webkit-transform: translate3d(0, 5px, 0);
|
||||
-moz-transform: translate3d(0, 5px, 0);
|
||||
transform: translate3d(0, 5px, 0);
|
||||
}
|
||||
.lg-outer .lg-pager-thumb-cont img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.lg-outer .lg-pager {
|
||||
background-color: rgba(255, 255, 255, 0.5);
|
||||
border-radius: 50%;
|
||||
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
|
||||
display: block;
|
||||
height: 12px;
|
||||
-moz-transition: box-shadow 0.3s ease 0s;
|
||||
transition: box-shadow 0.3s ease 0s;
|
||||
width: 12px;
|
||||
}
|
||||
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
|
||||
box-shadow: 0 0 0 8px white inset;
|
||||
}
|
||||
.lg-outer .lg-caret {
|
||||
border-left: 10px solid transparent;
|
||||
border-right: 10px solid transparent;
|
||||
border-top: 10px dashed;
|
||||
bottom: -10px;
|
||||
display: inline-block;
|
||||
height: 0;
|
||||
left: 50%;
|
||||
margin-left: -5px;
|
||||
position: absolute;
|
||||
vertical-align: middle;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.lg-fullscreen:after {
|
||||
content: "\e20c";
|
||||
}
|
||||
.lg-fullscreen-on .lg-fullscreen:after {
|
||||
content: "\e20d";
|
||||
}
|
||||
|
||||
.group {
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
.group:before, .group:after {
|
||||
display: table;
|
||||
content: "";
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
.group:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.lg-outer {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 1050;
|
||||
opacity: 0;
|
||||
-moz-transition: opacity 0.15s ease 0s;
|
||||
transition: opacity 0.15s ease 0s;
|
||||
}
|
||||
@media(max-width: 959px){
|
||||
.lg-outer {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.lg-outer * {
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.lg-outer.lg-visible {
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
|
||||
-moz-transition-duration: inherit !important;
|
||||
transition-duration: inherit !important;
|
||||
-moz-transition-timing-function: inherit !important;
|
||||
transition-timing-function: inherit !important;
|
||||
}
|
||||
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
|
||||
-moz-transition-duration: 0s !important;
|
||||
transition-duration: 0s !important;
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-outer.lg-grab img.lg-object {
|
||||
cursor: -webkit-grab;
|
||||
cursor: -moz-grab;
|
||||
cursor: -o-grab;
|
||||
cursor: -ms-grab;
|
||||
cursor: grab;
|
||||
}
|
||||
.lg-outer.lg-grabbing img.lg-object {
|
||||
cursor: move;
|
||||
cursor: -webkit-grabbing;
|
||||
cursor: -moz-grabbing;
|
||||
cursor: -o-grabbing;
|
||||
cursor: -ms-grabbing;
|
||||
cursor: grabbing;
|
||||
}
|
||||
.lg-outer .lg {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
.lg-outer .lg-inner {
|
||||
width: 100%;
|
||||
height: calc(100% - 100px);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.owl-carousel .owl-nav [class*='owl-']:hover svg {
|
||||
fill: black;
|
||||
}
|
||||
.lg-outer .lg-item {
|
||||
/*background: url("../images/loading.gif") no-repeat scroll center center transparent;*/
|
||||
display: none !important;
|
||||
|
||||
}
|
||||
.lg-outer .lg-item:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -16px;
|
||||
margin-left: -16px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
background: transparent;
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
border-color: #ffd300;
|
||||
border-bottom-color: transparent;
|
||||
border-radius: 100%;
|
||||
-webkit-animation: ball-clip-rotate 0.75s linear infinite;
|
||||
-moz-animation: ball-clip-rotate 0.75s linear infinite;
|
||||
animation: ball-clip-rotate 0.75s linear infinite;
|
||||
z-index: 0;
|
||||
}
|
||||
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
|
||||
display: inline-block !important;
|
||||
}
|
||||
.lg-outer.lg-css .lg-current {
|
||||
display: inline-block !important;
|
||||
}
|
||||
.lg-outer .lg-item, .lg-outer .lg-img-wrap {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1;
|
||||
background-color: white;
|
||||
}
|
||||
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
height: 50%;
|
||||
width: 1px;
|
||||
margin-right: -1px;
|
||||
}
|
||||
.lg-outer .lg-img-wrap {
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding: 10px 5px 40px;
|
||||
}
|
||||
.lg-outer .lg-item.lg-complete {
|
||||
background-image: none;
|
||||
}
|
||||
.lg-outer .lg-item.lg-current {
|
||||
z-index: 1060;
|
||||
}
|
||||
.lg-outer .lg-image {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
}
|
||||
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
|
||||
opacity: 0;
|
||||
-moz-transition: opacity 0.15s ease 0s;
|
||||
transition: opacity 0.15s ease 0s;
|
||||
}
|
||||
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-outer .lg-empty-html {
|
||||
display: none;
|
||||
}
|
||||
.lg-outer.lg-hide-download #lg-download {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.lg-backdrop {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 1040;
|
||||
background-color: #ffffff;
|
||||
opacity: 0;
|
||||
-moz-transition: opacity 0.15s ease 0s;
|
||||
transition: opacity 0.15s ease 0s;
|
||||
}
|
||||
.lg-backdrop.in {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
|
||||
-moz-transition: none 0s ease 0s !important;
|
||||
transition: none 0s ease 0s !important;
|
||||
}
|
||||
.lg-css3.lg-use-css3 .lg-item {
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
.lg-css3.lg-use-left .lg-item {
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
.lg-css3.lg-fade .lg-item {
|
||||
opacity: 0;
|
||||
}
|
||||
.lg-css3.lg-fade .lg-item.lg-current {
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
|
||||
-moz-transition: opacity 0.1s ease 0s;
|
||||
transition: opacity 0.1s ease 0s;
|
||||
}
|
||||
.lg-css3.lg-slide.lg-use-css3 .lg-item {
|
||||
opacity: 0;
|
||||
}
|
||||
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
|
||||
-webkit-transform: translate3d(-100%, 0, 0);
|
||||
-moz-transform: translate3d(-100%, 0, 0);
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
}
|
||||
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
|
||||
-webkit-transform: translate3d(100%, 0, 0);
|
||||
-moz-transform: translate3d(100%, 0, 0);
|
||||
transform: translate3d(100%, 0, 0);
|
||||
}
|
||||
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
|
||||
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
}
|
||||
.lg-css3.lg-slide.lg-use-left .lg-item {
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
}
|
||||
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
|
||||
left: -100%;
|
||||
}
|
||||
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
|
||||
left: 100%;
|
||||
}
|
||||
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
|
||||
left: 0;
|
||||
opacity: 1;
|
||||
}
|
||||
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
|
||||
-moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
|
||||
}
|
||||
.default-gallery img, .clients-gallery img, .clients-gallery .clients-gallery--img {
|
||||
-webkit-filter: grayscale(100%);
|
||||
-moz-filter: grayscale(100%);
|
||||
-ms-filter: grayscale(100%);
|
||||
-o-filter: grayscale(100%);
|
||||
filter: grayscale(100%);
|
||||
filter: gray; /* IE 6-9 */
|
||||
}
|
||||
.default-gallery img:hover, .clients-gallery img:hover, .clients-gallery .clients-gallery--img:hover {
|
||||
-webkit-filter: none;
|
||||
-moz-filter: none;
|
||||
-ms-filter: none;
|
||||
-o-filter: none;
|
||||
filter: none;
|
||||
filter: none; /* IE 6-9 */
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
Binary file not shown.
+305
@@ -0,0 +1,305 @@
|
||||
import { LightGalleryAllSettings, LightGallerySettings } from './lg-settings';
|
||||
import { GalleryItem, ImageSize } from './lg-utils';
|
||||
import { lgQuery } from './lgQuery';
|
||||
import { Coords, MediaContainerPosition, SlideDirection } from './types';
|
||||
export declare class LightGallery {
|
||||
settings: LightGalleryAllSettings;
|
||||
galleryItems: GalleryItem[];
|
||||
lgId: number;
|
||||
el: HTMLElement;
|
||||
LGel: lgQuery;
|
||||
lgOpened: boolean;
|
||||
index: number;
|
||||
plugins: any[];
|
||||
lGalleryOn: boolean;
|
||||
lgBusy: boolean;
|
||||
touchAction?: 'swipe' | 'zoomSwipe' | 'pinch';
|
||||
swipeDirection?: 'horizontal' | 'vertical';
|
||||
hideBarTimeout: any;
|
||||
currentItemsInDom: string[];
|
||||
outer: lgQuery;
|
||||
items: any;
|
||||
$backdrop: lgQuery;
|
||||
$lgComponents: lgQuery;
|
||||
$container: lgQuery;
|
||||
$inner: lgQuery;
|
||||
$content: lgQuery;
|
||||
$toolbar: lgQuery;
|
||||
prevScrollTop: number;
|
||||
bodyPaddingRight: number;
|
||||
private zoomFromOrigin;
|
||||
private currentImageSize?;
|
||||
private isDummyImageRemoved;
|
||||
private dragOrSwipeEnabled;
|
||||
mediaContainerPosition: {
|
||||
top: number;
|
||||
bottom: number;
|
||||
};
|
||||
constructor(element: HTMLElement, options?: LightGallerySettings);
|
||||
private generateSettings;
|
||||
private normalizeSettings;
|
||||
init(): void;
|
||||
openGalleryOnItemClick(): void;
|
||||
/**
|
||||
* Module constructor
|
||||
* Modules are build incrementally.
|
||||
* Gallery should be opened only once all the modules are initialized.
|
||||
* use moduleBuildTimeout to make sure this
|
||||
*/
|
||||
buildModules(): void;
|
||||
validateLicense(): void;
|
||||
getSlideItem(index: number): lgQuery;
|
||||
getSlideItemId(index: number): string;
|
||||
getIdName(id: string): string;
|
||||
getElementById(id: string): lgQuery;
|
||||
manageSingleSlideClassName(): void;
|
||||
buildStructure(): void;
|
||||
refreshOnResize(): void;
|
||||
resizeVideoSlide(index: number, imageSize?: ImageSize): void;
|
||||
/**
|
||||
* Update slides dynamically.
|
||||
* Add, edit or delete slides dynamically when lightGallery is opened.
|
||||
* Modify the current gallery items and pass it via updateSlides method
|
||||
* @note
|
||||
* - Do not mutate existing lightGallery items directly.
|
||||
* - Always pass new list of gallery items
|
||||
* - You need to take care of thumbnails outside the gallery if any
|
||||
* - user this method only if you want to update slides when the gallery is opened. Otherwise, use `refresh()` method.
|
||||
* @param items Gallery items
|
||||
* @param index After the update operation, which slide gallery should navigate to
|
||||
* @category lGPublicMethods
|
||||
* @example
|
||||
* const plugin = lightGallery();
|
||||
*
|
||||
* // Adding slides dynamically
|
||||
* let galleryItems = [
|
||||
* // Access existing lightGallery items
|
||||
* // galleryItems are automatically generated internally from the gallery HTML markup
|
||||
* // or directly from galleryItems when dynamic gallery is used
|
||||
* ...plugin.galleryItems,
|
||||
* ...[
|
||||
* {
|
||||
* src: 'img/img-1.png',
|
||||
* thumb: 'img/thumb1.png',
|
||||
* },
|
||||
* ],
|
||||
* ];
|
||||
* plugin.updateSlides(
|
||||
* galleryItems,
|
||||
* plugin.index,
|
||||
* );
|
||||
*
|
||||
*
|
||||
* // Remove slides dynamically
|
||||
* galleryItems = JSON.parse(
|
||||
* JSON.stringify(updateSlideInstance.galleryItems),
|
||||
* );
|
||||
* galleryItems.shift();
|
||||
* updateSlideInstance.updateSlides(galleryItems, 1);
|
||||
* @see <a href="/demos/update-slides/">Demo</a>
|
||||
*/
|
||||
updateSlides(items: GalleryItem[], index: number): void;
|
||||
getItems(): GalleryItem[];
|
||||
shouldHideScrollbar(): boolean;
|
||||
hideScrollbar(): void;
|
||||
resetScrollBar(): void;
|
||||
/**
|
||||
* Open lightGallery.
|
||||
* Open gallery with specific slide by passing index of the slide as parameter.
|
||||
* @category lGPublicMethods
|
||||
* @param {Number} index - index of the slide
|
||||
* @param {HTMLElement} element - Which image lightGallery should zoom from
|
||||
*
|
||||
* @example
|
||||
* const $dynamicGallery = document.getElementById('dynamic-gallery-demo');
|
||||
* const dynamicGallery = lightGallery($dynamicGallery, {
|
||||
* dynamic: true,
|
||||
* dynamicEl: [
|
||||
* {
|
||||
* src: 'img/1.jpg',
|
||||
* thumb: 'img/thumb-1.jpg',
|
||||
* subHtml: '<h4>Image 1 title</h4><p>Image 1 descriptions.</p>',
|
||||
* },
|
||||
* ...
|
||||
* ],
|
||||
* });
|
||||
* $dynamicGallery.addEventListener('click', function () {
|
||||
* // Starts with third item.(Optional).
|
||||
* // This is useful if you want use dynamic mode with
|
||||
* // custom thumbnails (thumbnails outside gallery),
|
||||
* dynamicGallery.openGallery(2);
|
||||
* });
|
||||
*
|
||||
*/
|
||||
openGallery(index?: number, element?: HTMLElement): void;
|
||||
/**
|
||||
* Note - Changing the position of the media on every slide transition creates a flickering effect.
|
||||
* Therefore, The height of the caption is calculated dynamically, only once based on the first slide caption.
|
||||
* if you have dynamic captions for each media,
|
||||
* you can provide an appropriate height for the captions via allowMediaOverlap option
|
||||
*/
|
||||
getMediaContainerPosition(): MediaContainerPosition;
|
||||
private setMediaContainerPosition;
|
||||
hideBars(): void;
|
||||
initPictureFill($img: lgQuery): void;
|
||||
/**
|
||||
* @desc Create image counter
|
||||
* Ex: 1/10
|
||||
*/
|
||||
counter(): void;
|
||||
/**
|
||||
* @desc add sub-html into the slide
|
||||
* @param {Number} index - index of the slide
|
||||
*/
|
||||
addHtml(index: number): void;
|
||||
/**
|
||||
* @desc Preload slides
|
||||
* @param {Number} index - index of the slide
|
||||
* @todo preload not working for the first slide, Also, should work for the first and last slide as well
|
||||
*/
|
||||
preload(index: number): void;
|
||||
getDummyImgStyles(imageSize?: ImageSize): string;
|
||||
getVideoContStyle(imageSize?: ImageSize): string;
|
||||
getDummyImageContent($currentSlide: lgQuery, index: number, alt: string): HTMLImageElement | string;
|
||||
setImgMarkup(src: string, $currentSlide: lgQuery, index: number): void;
|
||||
onSlideObjectLoad($slide: lgQuery, isHTML5VideoWithoutPoster: boolean, onLoad: () => void, onError: () => void): void;
|
||||
/**
|
||||
*
|
||||
* @param $el Current slide item
|
||||
* @param index
|
||||
* @param delay Delay is 0 except first time
|
||||
* @param speed Speed is same as delay, except it is 0 if gallery is opened via hash plugin
|
||||
* @param isFirstSlide
|
||||
*/
|
||||
onLgObjectLoad(currentSlide: lgQuery, index: number, delay: number, speed: number, isFirstSlide: boolean, isHTML5VideoWithoutPoster: boolean): void;
|
||||
triggerSlideItemLoad($currentSlide: lgQuery, index: number, delay: number, speed: number, isFirstSlide: boolean): void;
|
||||
isFirstSlideWithZoomAnimation(): boolean;
|
||||
addSlideVideoInfo(items: GalleryItem[]): void;
|
||||
/**
|
||||
* Load slide content into slide.
|
||||
* This is used to load content into slides that is not visible too
|
||||
* @param {Number} index - index of the slide.
|
||||
* @param {Boolean} rec - if true call loadcontent() function again.
|
||||
*/
|
||||
loadContent(index: number, rec: boolean): void;
|
||||
/**
|
||||
* @desc Remove dummy image content and load next slides
|
||||
* Called only for the first time if zoomFromOrigin animation is enabled
|
||||
* @param index
|
||||
* @param $currentSlide
|
||||
* @param speed
|
||||
*/
|
||||
loadContentOnFirstSlideLoad(index: number, $currentSlide: lgQuery, speed: number): void;
|
||||
getItemsToBeInsertedToDom(index: number, prevIndex: number, numberOfItems?: number): string[];
|
||||
organizeSlideItems(index: number, prevIndex: number): string[];
|
||||
/**
|
||||
* Get previous index of the slide
|
||||
*/
|
||||
getPreviousSlideIndex(): number;
|
||||
setDownloadValue(index: number): void;
|
||||
makeSlideAnimation(direction: 'next' | 'prev', currentSlideItem: lgQuery, previousSlideItem: lgQuery): void;
|
||||
/**
|
||||
* Goto a specific slide.
|
||||
* @param {Number} index - index of the slide
|
||||
* @param {Boolean} fromTouch - true if slide function called via touch event or mouse drag
|
||||
* @param {Boolean} fromThumb - true if slide function called via thumbnail click
|
||||
* @param {String} direction - Direction of the slide(next/prev)
|
||||
* @category lGPublicMethods
|
||||
* @example
|
||||
* const plugin = lightGallery();
|
||||
* // to go to 3rd slide
|
||||
* plugin.slide(2);
|
||||
*
|
||||
*/
|
||||
slide(index: number, fromTouch?: boolean, fromThumb?: boolean, direction?: SlideDirection | false): void;
|
||||
updateCurrentCounter(index: number): void;
|
||||
updateCounterTotal(): void;
|
||||
getSlideType(item: GalleryItem): 'video' | 'iframe' | 'image';
|
||||
touchMove(startCoords: Coords, endCoords: Coords, e?: TouchEvent): void;
|
||||
touchEnd(endCoords: Coords, startCoords: Coords, event: TouchEvent): void;
|
||||
enableSwipe(): void;
|
||||
enableDrag(): void;
|
||||
triggerPosterClick(): void;
|
||||
manageSwipeClass(): void;
|
||||
/**
|
||||
* Go to next slide
|
||||
* @param {Boolean} fromTouch - true if slide function called via touch event
|
||||
* @category lGPublicMethods
|
||||
* @example
|
||||
* const plugin = lightGallery();
|
||||
* plugin.goToNextSlide();
|
||||
* @see <a href="/demos/methods/">Demo</a>
|
||||
*/
|
||||
goToNextSlide(fromTouch?: boolean): void;
|
||||
/**
|
||||
* Go to previous slides
|
||||
* @param {Boolean} fromTouch - true if slide function called via touch event
|
||||
* @category lGPublicMethods
|
||||
* @example
|
||||
* const plugin = lightGallery({});
|
||||
* plugin.goToPrevSlide();
|
||||
* @see <a href="/demos/methods/">Demo</a>
|
||||
*
|
||||
*/
|
||||
goToPrevSlide(fromTouch?: boolean): void;
|
||||
keyPress(): void;
|
||||
arrow(): void;
|
||||
arrowDisable(index: number): void;
|
||||
setTranslate($el: lgQuery, xValue: number, yValue: number, scaleX?: number, scaleY?: number): void;
|
||||
mousewheel(): void;
|
||||
isSlideElement(target: lgQuery): boolean;
|
||||
isPosterElement(target: lgQuery): boolean;
|
||||
/**
|
||||
* Maximize minimize inline gallery.
|
||||
* @category lGPublicMethods
|
||||
*/
|
||||
toggleMaximize(): void;
|
||||
invalidateItems(): void;
|
||||
trapFocus(): void;
|
||||
manageCloseGallery(): void;
|
||||
/**
|
||||
* Close lightGallery if it is opened.
|
||||
*
|
||||
* @description If closable is false in the settings, you need to pass true via closeGallery method to force close gallery
|
||||
* @return returns the estimated time to close gallery completely including the close animation duration
|
||||
* @category lGPublicMethods
|
||||
* @example
|
||||
* const plugin = lightGallery();
|
||||
* plugin.closeGallery();
|
||||
*
|
||||
*/
|
||||
closeGallery(force?: boolean): number;
|
||||
initModules(): void;
|
||||
destroyModules(destroy?: true): void;
|
||||
/**
|
||||
* Refresh lightGallery with new set of children.
|
||||
*
|
||||
* @description This is useful to update the gallery when the child elements are changed without calling destroy method.
|
||||
*
|
||||
* If you are using dynamic mode, you can pass the modified array of dynamicEl as the first parameter to refresh the dynamic gallery
|
||||
* @see <a href="/demos/dynamic-mode/">Demo</a>
|
||||
* @category lGPublicMethods
|
||||
* @example
|
||||
* const plugin = lightGallery();
|
||||
* // Delete or add children, then call
|
||||
* plugin.refresh();
|
||||
*
|
||||
*/
|
||||
refresh(galleryItems?: GalleryItem[]): void;
|
||||
updateControls(): void;
|
||||
private destroyGallery;
|
||||
/**
|
||||
* Destroy lightGallery.
|
||||
* Destroy lightGallery and its plugin instances completely
|
||||
*
|
||||
* @description This method also calls CloseGallery function internally. Returns the time takes to completely close and destroy the instance.
|
||||
* In case if you want to re-initialize lightGallery right after destroying it, initialize it only once the destroy process is completed.
|
||||
* You can use refresh method most of the times.
|
||||
* @category lGPublicMethods
|
||||
* @example
|
||||
* const plugin = lightGallery();
|
||||
* plugin.destroy();
|
||||
*
|
||||
*/
|
||||
destroy(): number;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
+8
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -0,0 +1,33 @@
|
||||
{
|
||||
"name": "lightgallery",
|
||||
"version": "2.9.0",
|
||||
"description": "lightGallery is a feature-rich, modular JavaScript gallery plugin for building beautiful image and video galleries for the web and the mobile",
|
||||
"keywords": [
|
||||
"JavaScript",
|
||||
"Gallery",
|
||||
"Video",
|
||||
"slider",
|
||||
"lightBox"
|
||||
],
|
||||
"main": "lightgallery.umd.js",
|
||||
"min": "lightgallery.min.js",
|
||||
"module": "lightgallery.es5.js",
|
||||
"typings": "index.d.ts",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/sachinchoolur/lightGallery"
|
||||
},
|
||||
"homepage": "https://www.lightgalleryjs.com/",
|
||||
"bugs": {
|
||||
"url": "https://github.com/sachinchoolur/lightGallery/issues"
|
||||
},
|
||||
"license": "GPLv3",
|
||||
"author": {
|
||||
"name": "Sachin Neravath",
|
||||
"email": "sachi77n@gmail.com",
|
||||
"url": "https://github.com/sachinchoolur"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=6.0.0"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,38 @@
|
||||
export interface AutoplayStrings {
|
||||
toggleAutoplay: string;
|
||||
}
|
||||
export interface AutoplaySettings {
|
||||
/**
|
||||
* Enable autoplay plugin
|
||||
*/
|
||||
autoplay: boolean;
|
||||
/**
|
||||
* Enable slideshow autoplay
|
||||
*/
|
||||
slideShowAutoplay: boolean;
|
||||
/**
|
||||
* The time (in ms) between each auto transition.
|
||||
*/
|
||||
slideShowInterval: number;
|
||||
/**
|
||||
* Show autoplay progressBar
|
||||
*/
|
||||
progressBar: boolean;
|
||||
/**
|
||||
* If false autoplay will be stopped after first user action
|
||||
*/
|
||||
forceSlideShowAutoplay: boolean;
|
||||
/**
|
||||
* Show/hide autoplay controls.
|
||||
*/
|
||||
autoplayControls: boolean;
|
||||
/**
|
||||
* Specify where the autoplay controls should be appended.
|
||||
*/
|
||||
appendAutoplayControlsTo: string;
|
||||
/**
|
||||
* Custom translation strings for aria-labels
|
||||
*/
|
||||
autoplayPluginStrings: AutoplayStrings;
|
||||
}
|
||||
export declare const autoplaySettings: AutoplaySettings;
|
||||
@@ -0,0 +1,22 @@
|
||||
import { LightGallery } from '../../lightgallery';
|
||||
import { AutoplaySettings } from './lg-autoplay-settings';
|
||||
/**
|
||||
* Creates the autoplay plugin.
|
||||
* @param {object} element - lightGallery element
|
||||
*/
|
||||
export default class Autoplay {
|
||||
core: LightGallery;
|
||||
settings: AutoplaySettings;
|
||||
interval: any;
|
||||
fromAuto: boolean;
|
||||
pausedOnTouchDrag: boolean;
|
||||
pausedOnSlideChange: boolean;
|
||||
constructor(instance: LightGallery);
|
||||
init(): void;
|
||||
private showProgressBar;
|
||||
private controls;
|
||||
startAutoPlay(): void;
|
||||
stopAutoPlay(): void;
|
||||
closeGallery(): void;
|
||||
destroy(): void;
|
||||
}
|
||||
@@ -0,0 +1,250 @@
|
||||
/*!
|
||||
* 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 autoplaySettings = {
|
||||
autoplay: true,
|
||||
slideShowAutoplay: false,
|
||||
slideShowInterval: 5000,
|
||||
progressBar: true,
|
||||
forceSlideShowAutoplay: false,
|
||||
autoplayControls: true,
|
||||
appendAutoplayControlsTo: '.lg-toolbar',
|
||||
autoplayPluginStrings: {
|
||||
toggleAutoplay: 'Toggle Autoplay',
|
||||
},
|
||||
};
|
||||
|
||||
/**
|
||||
* Creates the autoplay plugin.
|
||||
* @param {object} element - lightGallery element
|
||||
*/
|
||||
var Autoplay = /** @class */ (function () {
|
||||
function Autoplay(instance) {
|
||||
this.core = instance;
|
||||
// extend module default settings with lightGallery core settings
|
||||
this.settings = __assign(__assign({}, autoplaySettings), this.core.settings);
|
||||
return this;
|
||||
}
|
||||
Autoplay.prototype.init = function () {
|
||||
var _this = this;
|
||||
if (!this.settings.autoplay) {
|
||||
return;
|
||||
}
|
||||
this.interval = false;
|
||||
// Identify if slide happened from autoplay
|
||||
this.fromAuto = true;
|
||||
// Identify if autoplay canceled from touch/drag
|
||||
this.pausedOnTouchDrag = false;
|
||||
this.pausedOnSlideChange = false;
|
||||
// append autoplay controls
|
||||
if (this.settings.autoplayControls) {
|
||||
this.controls();
|
||||
}
|
||||
// Create progress bar
|
||||
if (this.settings.progressBar) {
|
||||
this.core.outer.append('<div class="lg-progress-bar"><div class="lg-progress"></div></div>');
|
||||
}
|
||||
// Start autoplay
|
||||
if (this.settings.slideShowAutoplay) {
|
||||
this.core.LGel.once(lGEvents.slideItemLoad + ".autoplay", function () {
|
||||
_this.startAutoPlay();
|
||||
});
|
||||
}
|
||||
// cancel interval on touchstart and dragstart
|
||||
this.core.LGel.on(lGEvents.dragStart + ".autoplay touchstart.lg.autoplay", function () {
|
||||
if (_this.interval) {
|
||||
_this.stopAutoPlay();
|
||||
_this.pausedOnTouchDrag = true;
|
||||
}
|
||||
});
|
||||
// restore autoplay if autoplay canceled from touchstart / dragstart
|
||||
this.core.LGel.on(lGEvents.dragEnd + ".autoplay touchend.lg.autoplay", function () {
|
||||
if (!_this.interval && _this.pausedOnTouchDrag) {
|
||||
_this.startAutoPlay();
|
||||
_this.pausedOnTouchDrag = false;
|
||||
}
|
||||
});
|
||||
this.core.LGel.on(lGEvents.beforeSlide + ".autoplay", function () {
|
||||
_this.showProgressBar();
|
||||
if (!_this.fromAuto && _this.interval) {
|
||||
_this.stopAutoPlay();
|
||||
_this.pausedOnSlideChange = true;
|
||||
}
|
||||
else {
|
||||
_this.pausedOnSlideChange = false;
|
||||
}
|
||||
_this.fromAuto = false;
|
||||
});
|
||||
// restore autoplay if autoplay canceled from touchstart / dragstart
|
||||
this.core.LGel.on(lGEvents.afterSlide + ".autoplay", function () {
|
||||
if (_this.pausedOnSlideChange &&
|
||||
!_this.interval &&
|
||||
_this.settings.forceSlideShowAutoplay) {
|
||||
_this.startAutoPlay();
|
||||
_this.pausedOnSlideChange = false;
|
||||
}
|
||||
});
|
||||
// set progress
|
||||
this.showProgressBar();
|
||||
};
|
||||
Autoplay.prototype.showProgressBar = function () {
|
||||
var _this = this;
|
||||
if (this.settings.progressBar && this.fromAuto) {
|
||||
var _$progressBar_1 = this.core.outer.find('.lg-progress-bar');
|
||||
var _$progress_1 = this.core.outer.find('.lg-progress');
|
||||
if (this.interval) {
|
||||
_$progress_1.removeAttr('style');
|
||||
_$progressBar_1.removeClass('lg-start');
|
||||
setTimeout(function () {
|
||||
_$progress_1.css('transition', 'width ' +
|
||||
(_this.core.settings.speed +
|
||||
_this.settings.slideShowInterval) +
|
||||
'ms ease 0s');
|
||||
_$progressBar_1.addClass('lg-start');
|
||||
}, 20);
|
||||
}
|
||||
}
|
||||
};
|
||||
// Manage autoplay via play/stop buttons
|
||||
Autoplay.prototype.controls = function () {
|
||||
var _this = this;
|
||||
var _html = "<button aria-label=\"" + this.settings.autoplayPluginStrings['toggleAutoplay'] + "\" type=\"button\" class=\"lg-autoplay-button lg-icon\"></button>";
|
||||
// Append autoplay controls
|
||||
this.core.outer
|
||||
.find(this.settings.appendAutoplayControlsTo)
|
||||
.append(_html);
|
||||
this.core.outer
|
||||
.find('.lg-autoplay-button')
|
||||
.first()
|
||||
.on('click.lg.autoplay', function () {
|
||||
if (_this.core.outer.hasClass('lg-show-autoplay')) {
|
||||
_this.stopAutoPlay();
|
||||
}
|
||||
else {
|
||||
if (!_this.interval) {
|
||||
_this.startAutoPlay();
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
// Autostart gallery
|
||||
Autoplay.prototype.startAutoPlay = function () {
|
||||
var _this = this;
|
||||
this.core.outer
|
||||
.find('.lg-progress')
|
||||
.css('transition', 'width ' +
|
||||
(this.core.settings.speed +
|
||||
this.settings.slideShowInterval) +
|
||||
'ms ease 0s');
|
||||
this.core.outer.addClass('lg-show-autoplay');
|
||||
this.core.outer.find('.lg-progress-bar').addClass('lg-start');
|
||||
this.core.LGel.trigger(lGEvents.autoplayStart, {
|
||||
index: this.core.index,
|
||||
});
|
||||
this.interval = setInterval(function () {
|
||||
if (_this.core.index + 1 < _this.core.galleryItems.length) {
|
||||
_this.core.index++;
|
||||
}
|
||||
else {
|
||||
_this.core.index = 0;
|
||||
}
|
||||
_this.core.LGel.trigger(lGEvents.autoplay, {
|
||||
index: _this.core.index,
|
||||
});
|
||||
_this.fromAuto = true;
|
||||
_this.core.slide(_this.core.index, false, false, 'next');
|
||||
}, this.core.settings.speed + this.settings.slideShowInterval);
|
||||
};
|
||||
// cancel Autostart
|
||||
Autoplay.prototype.stopAutoPlay = function () {
|
||||
if (this.interval) {
|
||||
this.core.LGel.trigger(lGEvents.autoplayStop, {
|
||||
index: this.core.index,
|
||||
});
|
||||
this.core.outer.find('.lg-progress').removeAttr('style');
|
||||
this.core.outer.removeClass('lg-show-autoplay');
|
||||
this.core.outer.find('.lg-progress-bar').removeClass('lg-start');
|
||||
}
|
||||
clearInterval(this.interval);
|
||||
this.interval = false;
|
||||
};
|
||||
Autoplay.prototype.closeGallery = function () {
|
||||
this.stopAutoPlay();
|
||||
};
|
||||
Autoplay.prototype.destroy = function () {
|
||||
if (this.settings.autoplay) {
|
||||
this.core.outer.find('.lg-progress-bar').remove();
|
||||
}
|
||||
// Remove all event listeners added by autoplay plugin
|
||||
this.core.LGel.off('.lg.autoplay');
|
||||
this.core.LGel.off('.autoplay');
|
||||
};
|
||||
return Autoplay;
|
||||
}());
|
||||
|
||||
export default Autoplay;
|
||||
//# sourceMappingURL=lg-autoplay.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,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o():"function"==typeof define&&define.amd?define(o):(t="undefined"!=typeof globalThis?globalThis:t||self).lgAutoplay=o()}(this,(function(){"use strict";var t=function(){return(t=Object.assign||function(t){for(var o,e=1,s=arguments.length;e<s;e++)for(var r in o=arguments[e])Object.prototype.hasOwnProperty.call(o,r)&&(t[r]=o[r]);return t}).apply(this,arguments)},o="lgSlideItemLoad",e="lgBeforeSlide",s="lgAfterSlide",r="lgDragStart",i="lgDragEnd",a="lgAutoplay",l="lgAutoplayStart",n="lgAutoplayStop",u={autoplay:!0,slideShowAutoplay:!1,slideShowInterval:5e3,progressBar:!0,forceSlideShowAutoplay:!1,autoplayControls:!0,appendAutoplayControlsTo:".lg-toolbar",autoplayPluginStrings:{toggleAutoplay:"Toggle Autoplay"}};return function(){function p(o){return this.core=o,this.settings=t(t({},u),this.core.settings),this}return p.prototype.init=function(){var t=this;this.settings.autoplay&&(this.interval=!1,this.fromAuto=!0,this.pausedOnTouchDrag=!1,this.pausedOnSlideChange=!1,this.settings.autoplayControls&&this.controls(),this.settings.progressBar&&this.core.outer.append('<div class="lg-progress-bar"><div class="lg-progress"></div></div>'),this.settings.slideShowAutoplay&&this.core.LGel.once(o+".autoplay",(function(){t.startAutoPlay()})),this.core.LGel.on(r+".autoplay touchstart.lg.autoplay",(function(){t.interval&&(t.stopAutoPlay(),t.pausedOnTouchDrag=!0)})),this.core.LGel.on(i+".autoplay touchend.lg.autoplay",(function(){!t.interval&&t.pausedOnTouchDrag&&(t.startAutoPlay(),t.pausedOnTouchDrag=!1)})),this.core.LGel.on(e+".autoplay",(function(){t.showProgressBar(),!t.fromAuto&&t.interval?(t.stopAutoPlay(),t.pausedOnSlideChange=!0):t.pausedOnSlideChange=!1,t.fromAuto=!1})),this.core.LGel.on(s+".autoplay",(function(){t.pausedOnSlideChange&&!t.interval&&t.settings.forceSlideShowAutoplay&&(t.startAutoPlay(),t.pausedOnSlideChange=!1)})),this.showProgressBar())},p.prototype.showProgressBar=function(){var t=this;if(this.settings.progressBar&&this.fromAuto){var o=this.core.outer.find(".lg-progress-bar"),e=this.core.outer.find(".lg-progress");this.interval&&(e.removeAttr("style"),o.removeClass("lg-start"),setTimeout((function(){e.css("transition","width "+(t.core.settings.speed+t.settings.slideShowInterval)+"ms ease 0s"),o.addClass("lg-start")}),20))}},p.prototype.controls=function(){var t=this,o='<button aria-label="'+this.settings.autoplayPluginStrings.toggleAutoplay+'" type="button" class="lg-autoplay-button lg-icon"></button>';this.core.outer.find(this.settings.appendAutoplayControlsTo).append(o),this.core.outer.find(".lg-autoplay-button").first().on("click.lg.autoplay",(function(){t.core.outer.hasClass("lg-show-autoplay")?t.stopAutoPlay():t.interval||t.startAutoPlay()}))},p.prototype.startAutoPlay=function(){var t=this;this.core.outer.find(".lg-progress").css("transition","width "+(this.core.settings.speed+this.settings.slideShowInterval)+"ms ease 0s"),this.core.outer.addClass("lg-show-autoplay"),this.core.outer.find(".lg-progress-bar").addClass("lg-start"),this.core.LGel.trigger(l,{index:this.core.index}),this.interval=setInterval((function(){t.core.index+1<t.core.galleryItems.length?t.core.index++:t.core.index=0,t.core.LGel.trigger(a,{index:t.core.index}),t.fromAuto=!0,t.core.slide(t.core.index,!1,!1,"next")}),this.core.settings.speed+this.settings.slideShowInterval)},p.prototype.stopAutoPlay=function(){this.interval&&(this.core.LGel.trigger(n,{index:this.core.index}),this.core.outer.find(".lg-progress").removeAttr("style"),this.core.outer.removeClass("lg-show-autoplay"),this.core.outer.find(".lg-progress-bar").removeClass("lg-start")),clearInterval(this.interval),this.interval=!1},p.prototype.closeGallery=function(){this.stopAutoPlay()},p.prototype.destroy=function(){this.settings.autoplay&&this.core.outer.find(".lg-progress-bar").remove(),this.core.LGel.off(".lg.autoplay"),this.core.LGel.off(".autoplay")},p}()}));
|
||||
@@ -0,0 +1,258 @@
|
||||
/*!
|
||||
* 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.lgAutoplay = 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 autoplaySettings = {
|
||||
autoplay: true,
|
||||
slideShowAutoplay: false,
|
||||
slideShowInterval: 5000,
|
||||
progressBar: true,
|
||||
forceSlideShowAutoplay: false,
|
||||
autoplayControls: true,
|
||||
appendAutoplayControlsTo: '.lg-toolbar',
|
||||
autoplayPluginStrings: {
|
||||
toggleAutoplay: 'Toggle Autoplay',
|
||||
},
|
||||
};
|
||||
|
||||
/**
|
||||
* Creates the autoplay plugin.
|
||||
* @param {object} element - lightGallery element
|
||||
*/
|
||||
var Autoplay = /** @class */ (function () {
|
||||
function Autoplay(instance) {
|
||||
this.core = instance;
|
||||
// extend module default settings with lightGallery core settings
|
||||
this.settings = __assign(__assign({}, autoplaySettings), this.core.settings);
|
||||
return this;
|
||||
}
|
||||
Autoplay.prototype.init = function () {
|
||||
var _this = this;
|
||||
if (!this.settings.autoplay) {
|
||||
return;
|
||||
}
|
||||
this.interval = false;
|
||||
// Identify if slide happened from autoplay
|
||||
this.fromAuto = true;
|
||||
// Identify if autoplay canceled from touch/drag
|
||||
this.pausedOnTouchDrag = false;
|
||||
this.pausedOnSlideChange = false;
|
||||
// append autoplay controls
|
||||
if (this.settings.autoplayControls) {
|
||||
this.controls();
|
||||
}
|
||||
// Create progress bar
|
||||
if (this.settings.progressBar) {
|
||||
this.core.outer.append('<div class="lg-progress-bar"><div class="lg-progress"></div></div>');
|
||||
}
|
||||
// Start autoplay
|
||||
if (this.settings.slideShowAutoplay) {
|
||||
this.core.LGel.once(lGEvents.slideItemLoad + ".autoplay", function () {
|
||||
_this.startAutoPlay();
|
||||
});
|
||||
}
|
||||
// cancel interval on touchstart and dragstart
|
||||
this.core.LGel.on(lGEvents.dragStart + ".autoplay touchstart.lg.autoplay", function () {
|
||||
if (_this.interval) {
|
||||
_this.stopAutoPlay();
|
||||
_this.pausedOnTouchDrag = true;
|
||||
}
|
||||
});
|
||||
// restore autoplay if autoplay canceled from touchstart / dragstart
|
||||
this.core.LGel.on(lGEvents.dragEnd + ".autoplay touchend.lg.autoplay", function () {
|
||||
if (!_this.interval && _this.pausedOnTouchDrag) {
|
||||
_this.startAutoPlay();
|
||||
_this.pausedOnTouchDrag = false;
|
||||
}
|
||||
});
|
||||
this.core.LGel.on(lGEvents.beforeSlide + ".autoplay", function () {
|
||||
_this.showProgressBar();
|
||||
if (!_this.fromAuto && _this.interval) {
|
||||
_this.stopAutoPlay();
|
||||
_this.pausedOnSlideChange = true;
|
||||
}
|
||||
else {
|
||||
_this.pausedOnSlideChange = false;
|
||||
}
|
||||
_this.fromAuto = false;
|
||||
});
|
||||
// restore autoplay if autoplay canceled from touchstart / dragstart
|
||||
this.core.LGel.on(lGEvents.afterSlide + ".autoplay", function () {
|
||||
if (_this.pausedOnSlideChange &&
|
||||
!_this.interval &&
|
||||
_this.settings.forceSlideShowAutoplay) {
|
||||
_this.startAutoPlay();
|
||||
_this.pausedOnSlideChange = false;
|
||||
}
|
||||
});
|
||||
// set progress
|
||||
this.showProgressBar();
|
||||
};
|
||||
Autoplay.prototype.showProgressBar = function () {
|
||||
var _this = this;
|
||||
if (this.settings.progressBar && this.fromAuto) {
|
||||
var _$progressBar_1 = this.core.outer.find('.lg-progress-bar');
|
||||
var _$progress_1 = this.core.outer.find('.lg-progress');
|
||||
if (this.interval) {
|
||||
_$progress_1.removeAttr('style');
|
||||
_$progressBar_1.removeClass('lg-start');
|
||||
setTimeout(function () {
|
||||
_$progress_1.css('transition', 'width ' +
|
||||
(_this.core.settings.speed +
|
||||
_this.settings.slideShowInterval) +
|
||||
'ms ease 0s');
|
||||
_$progressBar_1.addClass('lg-start');
|
||||
}, 20);
|
||||
}
|
||||
}
|
||||
};
|
||||
// Manage autoplay via play/stop buttons
|
||||
Autoplay.prototype.controls = function () {
|
||||
var _this = this;
|
||||
var _html = "<button aria-label=\"" + this.settings.autoplayPluginStrings['toggleAutoplay'] + "\" type=\"button\" class=\"lg-autoplay-button lg-icon\"></button>";
|
||||
// Append autoplay controls
|
||||
this.core.outer
|
||||
.find(this.settings.appendAutoplayControlsTo)
|
||||
.append(_html);
|
||||
this.core.outer
|
||||
.find('.lg-autoplay-button')
|
||||
.first()
|
||||
.on('click.lg.autoplay', function () {
|
||||
if (_this.core.outer.hasClass('lg-show-autoplay')) {
|
||||
_this.stopAutoPlay();
|
||||
}
|
||||
else {
|
||||
if (!_this.interval) {
|
||||
_this.startAutoPlay();
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
// Autostart gallery
|
||||
Autoplay.prototype.startAutoPlay = function () {
|
||||
var _this = this;
|
||||
this.core.outer
|
||||
.find('.lg-progress')
|
||||
.css('transition', 'width ' +
|
||||
(this.core.settings.speed +
|
||||
this.settings.slideShowInterval) +
|
||||
'ms ease 0s');
|
||||
this.core.outer.addClass('lg-show-autoplay');
|
||||
this.core.outer.find('.lg-progress-bar').addClass('lg-start');
|
||||
this.core.LGel.trigger(lGEvents.autoplayStart, {
|
||||
index: this.core.index,
|
||||
});
|
||||
this.interval = setInterval(function () {
|
||||
if (_this.core.index + 1 < _this.core.galleryItems.length) {
|
||||
_this.core.index++;
|
||||
}
|
||||
else {
|
||||
_this.core.index = 0;
|
||||
}
|
||||
_this.core.LGel.trigger(lGEvents.autoplay, {
|
||||
index: _this.core.index,
|
||||
});
|
||||
_this.fromAuto = true;
|
||||
_this.core.slide(_this.core.index, false, false, 'next');
|
||||
}, this.core.settings.speed + this.settings.slideShowInterval);
|
||||
};
|
||||
// cancel Autostart
|
||||
Autoplay.prototype.stopAutoPlay = function () {
|
||||
if (this.interval) {
|
||||
this.core.LGel.trigger(lGEvents.autoplayStop, {
|
||||
index: this.core.index,
|
||||
});
|
||||
this.core.outer.find('.lg-progress').removeAttr('style');
|
||||
this.core.outer.removeClass('lg-show-autoplay');
|
||||
this.core.outer.find('.lg-progress-bar').removeClass('lg-start');
|
||||
}
|
||||
clearInterval(this.interval);
|
||||
this.interval = false;
|
||||
};
|
||||
Autoplay.prototype.closeGallery = function () {
|
||||
this.stopAutoPlay();
|
||||
};
|
||||
Autoplay.prototype.destroy = function () {
|
||||
if (this.settings.autoplay) {
|
||||
this.core.outer.find('.lg-progress-bar').remove();
|
||||
}
|
||||
// Remove all event listeners added by autoplay plugin
|
||||
this.core.LGel.off('.lg.autoplay');
|
||||
this.core.LGel.off('.autoplay');
|
||||
};
|
||||
return Autoplay;
|
||||
}());
|
||||
|
||||
return Autoplay;
|
||||
|
||||
})));
|
||||
//# sourceMappingURL=lg-autoplay.umd.js.map
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"name": "lightgallery/plugins/autoplay",
|
||||
"private": true,
|
||||
"main": "lg-autoplay.umd.js",
|
||||
"module": "lg-autoplay.es5.js",
|
||||
"typings": "lg-autoplay.d.ts"
|
||||
}
|
||||
@@ -0,0 +1,33 @@
|
||||
export interface CommentStrings {
|
||||
toggleComments: string;
|
||||
}
|
||||
export interface CommentSettings {
|
||||
/**
|
||||
* Enable comment box
|
||||
*/
|
||||
commentBox: boolean;
|
||||
/**
|
||||
* Enable facebook comment box
|
||||
*/
|
||||
fbComments: boolean;
|
||||
/**
|
||||
* Enable disqus comment box
|
||||
*/
|
||||
disqusComments: boolean;
|
||||
/**
|
||||
* Disqus comment config
|
||||
*/
|
||||
disqusConfig: {
|
||||
title?: string;
|
||||
language: string;
|
||||
};
|
||||
/**
|
||||
* Facebook comments default markup
|
||||
*/
|
||||
commentsMarkup: string;
|
||||
/**
|
||||
* Custom translation strings for aria-labels
|
||||
*/
|
||||
commentPluginStrings: CommentStrings;
|
||||
}
|
||||
export declare const commentSettings: CommentSettings;
|
||||
@@ -0,0 +1,25 @@
|
||||
/**
|
||||
* lightGallery comments module
|
||||
* Supports facebook and disqus comments
|
||||
*
|
||||
* @ref - https://help.disqus.com/customer/portal/articles/472098-javascript-configuration-variables
|
||||
* @ref - https://github.com/disqus/DISQUS-API-Recipes/blob/master/snippets/js/disqus-reset/disqus_reset.html
|
||||
* @ref - https://css-tricks.com/lazy-loading-disqus-comments/
|
||||
* @ref - https://developers.facebook.com/docs/plugins/comments/#comments-plugin
|
||||
*
|
||||
*/
|
||||
import { LgQuery } from '../../lgQuery';
|
||||
import { LightGallery } from '../../lightgallery';
|
||||
import { CommentSettings } from './lg-comment-settings';
|
||||
export default class CommentBox {
|
||||
core: LightGallery;
|
||||
settings: CommentSettings;
|
||||
private $LG;
|
||||
constructor(instance: LightGallery, $LG: LgQuery);
|
||||
init(): void;
|
||||
private setMarkup;
|
||||
toggleCommentBox(): void;
|
||||
addFbComments(): void;
|
||||
addDisqusComments(): void;
|
||||
destroy(): void;
|
||||
}
|
||||
@@ -0,0 +1,205 @@
|
||||
/*!
|
||||
* 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 commentSettings = {
|
||||
commentBox: false,
|
||||
fbComments: false,
|
||||
disqusComments: false,
|
||||
disqusConfig: {
|
||||
title: undefined,
|
||||
language: 'en',
|
||||
},
|
||||
commentsMarkup: '<div id="lg-comment-box" class="lg-comment-box lg-fb-comment-box"><div class="lg-comment-header"><h3 class="lg-comment-title">Leave a comment.</h3><span class="lg-comment-close lg-icon"></span></div><div class="lg-comment-body"></div></div>',
|
||||
commentPluginStrings: {
|
||||
toggleComments: 'Toggle Comments',
|
||||
},
|
||||
};
|
||||
|
||||
/**
|
||||
* lightGallery comments module
|
||||
* Supports facebook and disqus comments
|
||||
*
|
||||
* @ref - https://help.disqus.com/customer/portal/articles/472098-javascript-configuration-variables
|
||||
* @ref - https://github.com/disqus/DISQUS-API-Recipes/blob/master/snippets/js/disqus-reset/disqus_reset.html
|
||||
* @ref - https://css-tricks.com/lazy-loading-disqus-comments/
|
||||
* @ref - https://developers.facebook.com/docs/plugins/comments/#comments-plugin
|
||||
*
|
||||
*/
|
||||
var CommentBox = /** @class */ (function () {
|
||||
function CommentBox(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({}, commentSettings), this.core.settings);
|
||||
return this;
|
||||
}
|
||||
CommentBox.prototype.init = function () {
|
||||
if (!this.settings.commentBox) {
|
||||
return;
|
||||
}
|
||||
this.setMarkup();
|
||||
this.toggleCommentBox();
|
||||
if (this.settings.fbComments) {
|
||||
this.addFbComments();
|
||||
}
|
||||
else if (this.settings.disqusComments) {
|
||||
this.addDisqusComments();
|
||||
}
|
||||
};
|
||||
CommentBox.prototype.setMarkup = function () {
|
||||
this.core.outer.append(this.settings.commentsMarkup +
|
||||
'<div class="lg-comment-overlay"></div>');
|
||||
var commentToggleBtn = "<button type=\"button\" aria-label=\"" + this.settings.commentPluginStrings['toggleComments'] + "\" class=\"lg-comment-toggle lg-icon\"></button>";
|
||||
this.core.$toolbar.append(commentToggleBtn);
|
||||
};
|
||||
CommentBox.prototype.toggleCommentBox = function () {
|
||||
var _this_1 = this;
|
||||
this.core.outer
|
||||
.find('.lg-comment-toggle')
|
||||
.first()
|
||||
.on('click.lg.comment', function () {
|
||||
_this_1.core.outer.toggleClass('lg-comment-active');
|
||||
});
|
||||
this.core.outer
|
||||
.find('.lg-comment-overlay')
|
||||
.first()
|
||||
.on('click.lg.comment', function () {
|
||||
_this_1.core.outer.removeClass('lg-comment-active');
|
||||
});
|
||||
this.core.outer
|
||||
.find('.lg-comment-close')
|
||||
.first()
|
||||
.on('click.lg.comment', function () {
|
||||
_this_1.core.outer.removeClass('lg-comment-active');
|
||||
});
|
||||
};
|
||||
CommentBox.prototype.addFbComments = function () {
|
||||
var _this_1 = this;
|
||||
// eslint-disable-next-line @typescript-eslint/no-this-alias
|
||||
var _this = this;
|
||||
this.core.LGel.on(lGEvents.beforeSlide + ".comment", function (event) {
|
||||
var html = _this_1.core.galleryItems[event.detail.index].fbHtml;
|
||||
_this_1.core.outer.find('.lg-comment-body').html(html);
|
||||
});
|
||||
this.core.LGel.on(lGEvents.afterSlide + ".comment", function () {
|
||||
try {
|
||||
FB.XFBML.parse();
|
||||
}
|
||||
catch (err) {
|
||||
_this.$LG(window).on('fbAsyncInit', function () {
|
||||
FB.XFBML.parse();
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
CommentBox.prototype.addDisqusComments = function () {
|
||||
var _this_1 = this;
|
||||
var $disqusThread = this.$LG('#disqus_thread');
|
||||
$disqusThread.remove();
|
||||
this.core.outer
|
||||
.find('.lg-comment-body')
|
||||
.append('<div id="disqus_thread"></div>');
|
||||
this.core.LGel.on(lGEvents.beforeSlide + ".comment", function () {
|
||||
$disqusThread.html('');
|
||||
});
|
||||
this.core.LGel.on(lGEvents.afterSlide + ".comment", function (event) {
|
||||
var index = event.detail.index;
|
||||
// eslint-disable-next-line @typescript-eslint/no-this-alias
|
||||
var _this = _this_1;
|
||||
// DISQUS needs sometime to intialize when lightGallery is opened from direct url(hash plugin).
|
||||
setTimeout(function () {
|
||||
try {
|
||||
DISQUS.reset({
|
||||
reload: true,
|
||||
config: function () {
|
||||
this.page.identifier =
|
||||
_this.core.galleryItems[index].disqusIdentifier;
|
||||
this.page.url =
|
||||
_this.core.galleryItems[index].disqusURL;
|
||||
this.page.title =
|
||||
_this.settings.disqusConfig.title;
|
||||
this.language =
|
||||
_this.settings.disqusConfig.language;
|
||||
},
|
||||
});
|
||||
}
|
||||
catch (err) {
|
||||
console.error('Make sure you have included disqus JavaScript code in your document. Ex - https://lg-disqus.disqus.com/admin/install/platforms/universalcode/');
|
||||
}
|
||||
}, _this.core.lGalleryOn ? 0 : 1000);
|
||||
});
|
||||
};
|
||||
CommentBox.prototype.destroy = function () {
|
||||
this.core.LGel.off('.lg.comment');
|
||||
this.core.LGel.off('.comment');
|
||||
};
|
||||
return CommentBox;
|
||||
}());
|
||||
|
||||
export default CommentBox;
|
||||
//# sourceMappingURL=lg-comment.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).lgComment=e()}(this,(function(){"use strict";var t=function(){return(t=Object.assign||function(t){for(var e,o=1,n=arguments.length;o<n;o++)for(var i in e=arguments[o])Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i]);return t}).apply(this,arguments)},e="lgBeforeSlide",o="lgAfterSlide",n={commentBox:!1,fbComments:!1,disqusComments:!1,disqusConfig:{title:void 0,language:"en"},commentsMarkup:'<div id="lg-comment-box" class="lg-comment-box lg-fb-comment-box"><div class="lg-comment-header"><h3 class="lg-comment-title">Leave a comment.</h3><span class="lg-comment-close lg-icon"></span></div><div class="lg-comment-body"></div></div>',commentPluginStrings:{toggleComments:"Toggle Comments"}};return function(){function i(e,o){return this.core=e,this.$LG=o,this.settings=t(t({},n),this.core.settings),this}return i.prototype.init=function(){this.settings.commentBox&&(this.setMarkup(),this.toggleCommentBox(),this.settings.fbComments?this.addFbComments():this.settings.disqusComments&&this.addDisqusComments())},i.prototype.setMarkup=function(){this.core.outer.append(this.settings.commentsMarkup+'<div class="lg-comment-overlay"></div>');var t='<button type="button" aria-label="'+this.settings.commentPluginStrings.toggleComments+'" class="lg-comment-toggle lg-icon"></button>';this.core.$toolbar.append(t)},i.prototype.toggleCommentBox=function(){var t=this;this.core.outer.find(".lg-comment-toggle").first().on("click.lg.comment",(function(){t.core.outer.toggleClass("lg-comment-active")})),this.core.outer.find(".lg-comment-overlay").first().on("click.lg.comment",(function(){t.core.outer.removeClass("lg-comment-active")})),this.core.outer.find(".lg-comment-close").first().on("click.lg.comment",(function(){t.core.outer.removeClass("lg-comment-active")}))},i.prototype.addFbComments=function(){var t=this,n=this;this.core.LGel.on(e+".comment",(function(e){var o=t.core.galleryItems[e.detail.index].fbHtml;t.core.outer.find(".lg-comment-body").html(o)})),this.core.LGel.on(o+".comment",(function(){try{FB.XFBML.parse()}catch(t){n.$LG(window).on("fbAsyncInit",(function(){FB.XFBML.parse()}))}}))},i.prototype.addDisqusComments=function(){var t=this,n=this.$LG("#disqus_thread");n.remove(),this.core.outer.find(".lg-comment-body").append('<div id="disqus_thread"></div>'),this.core.LGel.on(e+".comment",(function(){n.html("")})),this.core.LGel.on(o+".comment",(function(e){var o=e.detail.index,n=t;setTimeout((function(){try{DISQUS.reset({reload:!0,config:function(){this.page.identifier=n.core.galleryItems[o].disqusIdentifier,this.page.url=n.core.galleryItems[o].disqusURL,this.page.title=n.settings.disqusConfig.title,this.language=n.settings.disqusConfig.language}})}catch(t){console.error("Make sure you have included disqus JavaScript code in your document. Ex - https://lg-disqus.disqus.com/admin/install/platforms/universalcode/")}}),n.core.lGalleryOn?0:1e3)}))},i.prototype.destroy=function(){this.core.LGel.off(".lg.comment"),this.core.LGel.off(".comment")},i}()}));
|
||||
@@ -0,0 +1,213 @@
|
||||
/*!
|
||||
* 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.lgComment = 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 commentSettings = {
|
||||
commentBox: false,
|
||||
fbComments: false,
|
||||
disqusComments: false,
|
||||
disqusConfig: {
|
||||
title: undefined,
|
||||
language: 'en',
|
||||
},
|
||||
commentsMarkup: '<div id="lg-comment-box" class="lg-comment-box lg-fb-comment-box"><div class="lg-comment-header"><h3 class="lg-comment-title">Leave a comment.</h3><span class="lg-comment-close lg-icon"></span></div><div class="lg-comment-body"></div></div>',
|
||||
commentPluginStrings: {
|
||||
toggleComments: 'Toggle Comments',
|
||||
},
|
||||
};
|
||||
|
||||
/**
|
||||
* lightGallery comments module
|
||||
* Supports facebook and disqus comments
|
||||
*
|
||||
* @ref - https://help.disqus.com/customer/portal/articles/472098-javascript-configuration-variables
|
||||
* @ref - https://github.com/disqus/DISQUS-API-Recipes/blob/master/snippets/js/disqus-reset/disqus_reset.html
|
||||
* @ref - https://css-tricks.com/lazy-loading-disqus-comments/
|
||||
* @ref - https://developers.facebook.com/docs/plugins/comments/#comments-plugin
|
||||
*
|
||||
*/
|
||||
var CommentBox = /** @class */ (function () {
|
||||
function CommentBox(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({}, commentSettings), this.core.settings);
|
||||
return this;
|
||||
}
|
||||
CommentBox.prototype.init = function () {
|
||||
if (!this.settings.commentBox) {
|
||||
return;
|
||||
}
|
||||
this.setMarkup();
|
||||
this.toggleCommentBox();
|
||||
if (this.settings.fbComments) {
|
||||
this.addFbComments();
|
||||
}
|
||||
else if (this.settings.disqusComments) {
|
||||
this.addDisqusComments();
|
||||
}
|
||||
};
|
||||
CommentBox.prototype.setMarkup = function () {
|
||||
this.core.outer.append(this.settings.commentsMarkup +
|
||||
'<div class="lg-comment-overlay"></div>');
|
||||
var commentToggleBtn = "<button type=\"button\" aria-label=\"" + this.settings.commentPluginStrings['toggleComments'] + "\" class=\"lg-comment-toggle lg-icon\"></button>";
|
||||
this.core.$toolbar.append(commentToggleBtn);
|
||||
};
|
||||
CommentBox.prototype.toggleCommentBox = function () {
|
||||
var _this_1 = this;
|
||||
this.core.outer
|
||||
.find('.lg-comment-toggle')
|
||||
.first()
|
||||
.on('click.lg.comment', function () {
|
||||
_this_1.core.outer.toggleClass('lg-comment-active');
|
||||
});
|
||||
this.core.outer
|
||||
.find('.lg-comment-overlay')
|
||||
.first()
|
||||
.on('click.lg.comment', function () {
|
||||
_this_1.core.outer.removeClass('lg-comment-active');
|
||||
});
|
||||
this.core.outer
|
||||
.find('.lg-comment-close')
|
||||
.first()
|
||||
.on('click.lg.comment', function () {
|
||||
_this_1.core.outer.removeClass('lg-comment-active');
|
||||
});
|
||||
};
|
||||
CommentBox.prototype.addFbComments = function () {
|
||||
var _this_1 = this;
|
||||
// eslint-disable-next-line @typescript-eslint/no-this-alias
|
||||
var _this = this;
|
||||
this.core.LGel.on(lGEvents.beforeSlide + ".comment", function (event) {
|
||||
var html = _this_1.core.galleryItems[event.detail.index].fbHtml;
|
||||
_this_1.core.outer.find('.lg-comment-body').html(html);
|
||||
});
|
||||
this.core.LGel.on(lGEvents.afterSlide + ".comment", function () {
|
||||
try {
|
||||
FB.XFBML.parse();
|
||||
}
|
||||
catch (err) {
|
||||
_this.$LG(window).on('fbAsyncInit', function () {
|
||||
FB.XFBML.parse();
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
CommentBox.prototype.addDisqusComments = function () {
|
||||
var _this_1 = this;
|
||||
var $disqusThread = this.$LG('#disqus_thread');
|
||||
$disqusThread.remove();
|
||||
this.core.outer
|
||||
.find('.lg-comment-body')
|
||||
.append('<div id="disqus_thread"></div>');
|
||||
this.core.LGel.on(lGEvents.beforeSlide + ".comment", function () {
|
||||
$disqusThread.html('');
|
||||
});
|
||||
this.core.LGel.on(lGEvents.afterSlide + ".comment", function (event) {
|
||||
var index = event.detail.index;
|
||||
// eslint-disable-next-line @typescript-eslint/no-this-alias
|
||||
var _this = _this_1;
|
||||
// DISQUS needs sometime to intialize when lightGallery is opened from direct url(hash plugin).
|
||||
setTimeout(function () {
|
||||
try {
|
||||
DISQUS.reset({
|
||||
reload: true,
|
||||
config: function () {
|
||||
this.page.identifier =
|
||||
_this.core.galleryItems[index].disqusIdentifier;
|
||||
this.page.url =
|
||||
_this.core.galleryItems[index].disqusURL;
|
||||
this.page.title =
|
||||
_this.settings.disqusConfig.title;
|
||||
this.language =
|
||||
_this.settings.disqusConfig.language;
|
||||
},
|
||||
});
|
||||
}
|
||||
catch (err) {
|
||||
console.error('Make sure you have included disqus JavaScript code in your document. Ex - https://lg-disqus.disqus.com/admin/install/platforms/universalcode/');
|
||||
}
|
||||
}, _this.core.lGalleryOn ? 0 : 1000);
|
||||
});
|
||||
};
|
||||
CommentBox.prototype.destroy = function () {
|
||||
this.core.LGel.off('.lg.comment');
|
||||
this.core.LGel.off('.comment');
|
||||
};
|
||||
return CommentBox;
|
||||
}());
|
||||
|
||||
return CommentBox;
|
||||
|
||||
})));
|
||||
//# sourceMappingURL=lg-comment.umd.js.map
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"name": "lightgallery/plugins/comment",
|
||||
"private": true,
|
||||
"main": "lg-comment.umd.js",
|
||||
"module": "lg-comment.es5.js",
|
||||
"typings": "lg-comment.d.ts"
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
export interface FullscreenStrings {
|
||||
toggleFullscreen: string;
|
||||
}
|
||||
export interface FullscreenSettings {
|
||||
/**
|
||||
* Enable/Disable fullscreen option
|
||||
*/
|
||||
fullScreen: boolean;
|
||||
/**
|
||||
* Custom translation strings for aria-labels
|
||||
*/
|
||||
fullscreenPluginStrings: FullscreenStrings;
|
||||
}
|
||||
export declare const fullscreenSettings: FullscreenSettings;
|
||||
@@ -0,0 +1,16 @@
|
||||
import { LgQuery } from '../../lgQuery';
|
||||
import { LightGallery } from '../../lightgallery';
|
||||
import { FullscreenSettings } from './lg-fullscreen-settings';
|
||||
export default class FullScreen {
|
||||
core: LightGallery;
|
||||
settings: FullscreenSettings;
|
||||
private $LG;
|
||||
constructor(instance: LightGallery, $LG: LgQuery);
|
||||
init(): void;
|
||||
private isFullScreen;
|
||||
private requestFullscreen;
|
||||
private exitFullscreen;
|
||||
private fullScreen;
|
||||
closeGallery(): void;
|
||||
destroy(): void;
|
||||
}
|
||||
@@ -0,0 +1,135 @@
|
||||
/*!
|
||||
* 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);
|
||||
};
|
||||
|
||||
var fullscreenSettings = {
|
||||
fullScreen: true,
|
||||
fullscreenPluginStrings: {
|
||||
toggleFullscreen: 'Toggle Fullscreen',
|
||||
},
|
||||
};
|
||||
|
||||
var FullScreen = /** @class */ (function () {
|
||||
function FullScreen(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({}, fullscreenSettings), this.core.settings);
|
||||
return this;
|
||||
}
|
||||
FullScreen.prototype.init = function () {
|
||||
var fullScreen = '';
|
||||
if (this.settings.fullScreen) {
|
||||
// check for fullscreen browser support
|
||||
if (!document.fullscreenEnabled &&
|
||||
!document.webkitFullscreenEnabled &&
|
||||
!document.mozFullScreenEnabled &&
|
||||
!document.msFullscreenEnabled) {
|
||||
return;
|
||||
}
|
||||
else {
|
||||
fullScreen = "<button type=\"button\" aria-label=\"" + this.settings.fullscreenPluginStrings['toggleFullscreen'] + "\" class=\"lg-fullscreen lg-icon\"></button>";
|
||||
this.core.$toolbar.append(fullScreen);
|
||||
this.fullScreen();
|
||||
}
|
||||
}
|
||||
};
|
||||
FullScreen.prototype.isFullScreen = function () {
|
||||
return (document.fullscreenElement ||
|
||||
document.mozFullScreenElement ||
|
||||
document.webkitFullscreenElement ||
|
||||
document.msFullscreenElement);
|
||||
};
|
||||
FullScreen.prototype.requestFullscreen = function () {
|
||||
var el = document.documentElement;
|
||||
if (el.requestFullscreen) {
|
||||
el.requestFullscreen();
|
||||
}
|
||||
else if (el.msRequestFullscreen) {
|
||||
el.msRequestFullscreen();
|
||||
}
|
||||
else if (el.mozRequestFullScreen) {
|
||||
el.mozRequestFullScreen();
|
||||
}
|
||||
else if (el.webkitRequestFullscreen) {
|
||||
el.webkitRequestFullscreen();
|
||||
}
|
||||
};
|
||||
FullScreen.prototype.exitFullscreen = function () {
|
||||
if (document.exitFullscreen) {
|
||||
document.exitFullscreen();
|
||||
}
|
||||
else if (document.msExitFullscreen) {
|
||||
document.msExitFullscreen();
|
||||
}
|
||||
else if (document.mozCancelFullScreen) {
|
||||
document.mozCancelFullScreen();
|
||||
}
|
||||
else if (document.webkitExitFullscreen) {
|
||||
document.webkitExitFullscreen();
|
||||
}
|
||||
};
|
||||
// https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode
|
||||
FullScreen.prototype.fullScreen = function () {
|
||||
var _this = this;
|
||||
this.$LG(document).on("fullscreenchange.lg.global" + this.core.lgId + " \n webkitfullscreenchange.lg.global" + this.core.lgId + " \n mozfullscreenchange.lg.global" + this.core.lgId + " \n MSFullscreenChange.lg.global" + this.core.lgId, function () {
|
||||
if (!_this.core.lgOpened)
|
||||
return;
|
||||
_this.core.outer.toggleClass('lg-fullscreen-on');
|
||||
});
|
||||
this.core.outer
|
||||
.find('.lg-fullscreen')
|
||||
.first()
|
||||
.on('click.lg', function () {
|
||||
if (_this.isFullScreen()) {
|
||||
_this.exitFullscreen();
|
||||
}
|
||||
else {
|
||||
_this.requestFullscreen();
|
||||
}
|
||||
});
|
||||
};
|
||||
FullScreen.prototype.closeGallery = function () {
|
||||
// exit from fullscreen if activated
|
||||
if (this.isFullScreen()) {
|
||||
this.exitFullscreen();
|
||||
}
|
||||
};
|
||||
FullScreen.prototype.destroy = function () {
|
||||
this.$LG(document).off("fullscreenchange.lg.global" + this.core.lgId + " \n webkitfullscreenchange.lg.global" + this.core.lgId + " \n mozfullscreenchange.lg.global" + this.core.lgId + " \n MSFullscreenChange.lg.global" + this.core.lgId);
|
||||
};
|
||||
return FullScreen;
|
||||
}());
|
||||
|
||||
export default FullScreen;
|
||||
//# sourceMappingURL=lg-fullscreen.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(e,l){"object"==typeof exports&&"undefined"!=typeof module?module.exports=l():"function"==typeof define&&define.amd?define(l):(e="undefined"!=typeof globalThis?globalThis:e||self).lgFullscreen=l()}(this,(function(){"use strict";var e=function(){return(e=Object.assign||function(e){for(var l,n=1,t=arguments.length;n<t;n++)for(var c in l=arguments[n])Object.prototype.hasOwnProperty.call(l,c)&&(e[c]=l[c]);return e}).apply(this,arguments)},l={fullScreen:!0,fullscreenPluginStrings:{toggleFullscreen:"Toggle Fullscreen"}};return function(){function n(n,t){return this.core=n,this.$LG=t,this.settings=e(e({},l),this.core.settings),this}return n.prototype.init=function(){var e="";if(this.settings.fullScreen){if(!(document.fullscreenEnabled||document.webkitFullscreenEnabled||document.mozFullScreenEnabled||document.msFullscreenEnabled))return;e='<button type="button" aria-label="'+this.settings.fullscreenPluginStrings.toggleFullscreen+'" class="lg-fullscreen lg-icon"></button>',this.core.$toolbar.append(e),this.fullScreen()}},n.prototype.isFullScreen=function(){return document.fullscreenElement||document.mozFullScreenElement||document.webkitFullscreenElement||document.msFullscreenElement},n.prototype.requestFullscreen=function(){var e=document.documentElement;e.requestFullscreen?e.requestFullscreen():e.msRequestFullscreen?e.msRequestFullscreen():e.mozRequestFullScreen?e.mozRequestFullScreen():e.webkitRequestFullscreen&&e.webkitRequestFullscreen()},n.prototype.exitFullscreen=function(){document.exitFullscreen?document.exitFullscreen():document.msExitFullscreen?document.msExitFullscreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.webkitExitFullscreen&&document.webkitExitFullscreen()},n.prototype.fullScreen=function(){var e=this;this.$LG(document).on("fullscreenchange.lg.global"+this.core.lgId+" \n webkitfullscreenchange.lg.global"+this.core.lgId+" \n mozfullscreenchange.lg.global"+this.core.lgId+" \n MSFullscreenChange.lg.global"+this.core.lgId,(function(){e.core.lgOpened&&e.core.outer.toggleClass("lg-fullscreen-on")})),this.core.outer.find(".lg-fullscreen").first().on("click.lg",(function(){e.isFullScreen()?e.exitFullscreen():e.requestFullscreen()}))},n.prototype.closeGallery=function(){this.isFullScreen()&&this.exitFullscreen()},n.prototype.destroy=function(){this.$LG(document).off("fullscreenchange.lg.global"+this.core.lgId+" \n webkitfullscreenchange.lg.global"+this.core.lgId+" \n mozfullscreenchange.lg.global"+this.core.lgId+" \n MSFullscreenChange.lg.global"+this.core.lgId)},n}()}));
|
||||
@@ -0,0 +1,143 @@
|
||||
/*!
|
||||
* 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.lgFullscreen = factory());
|
||||
}(this, (function () { 'use strict';
|
||||
|
||||
/*! *****************************************************************************
|
||||
Copyright (c) Microsoft Corporation.
|
||||
|
||||
Permission to use, copy, modify, and/or distribute this software for any
|
||||
purpose with or without fee is hereby granted.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
||||
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
||||
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
||||
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
||||
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
||||
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
||||
PERFORMANCE OF THIS SOFTWARE.
|
||||
***************************************************************************** */
|
||||
|
||||
var __assign = function() {
|
||||
__assign = Object.assign || function __assign(t) {
|
||||
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
||||
s = arguments[i];
|
||||
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
||||
}
|
||||
return t;
|
||||
};
|
||||
return __assign.apply(this, arguments);
|
||||
};
|
||||
|
||||
var fullscreenSettings = {
|
||||
fullScreen: true,
|
||||
fullscreenPluginStrings: {
|
||||
toggleFullscreen: 'Toggle Fullscreen',
|
||||
},
|
||||
};
|
||||
|
||||
var FullScreen = /** @class */ (function () {
|
||||
function FullScreen(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({}, fullscreenSettings), this.core.settings);
|
||||
return this;
|
||||
}
|
||||
FullScreen.prototype.init = function () {
|
||||
var fullScreen = '';
|
||||
if (this.settings.fullScreen) {
|
||||
// check for fullscreen browser support
|
||||
if (!document.fullscreenEnabled &&
|
||||
!document.webkitFullscreenEnabled &&
|
||||
!document.mozFullScreenEnabled &&
|
||||
!document.msFullscreenEnabled) {
|
||||
return;
|
||||
}
|
||||
else {
|
||||
fullScreen = "<button type=\"button\" aria-label=\"" + this.settings.fullscreenPluginStrings['toggleFullscreen'] + "\" class=\"lg-fullscreen lg-icon\"></button>";
|
||||
this.core.$toolbar.append(fullScreen);
|
||||
this.fullScreen();
|
||||
}
|
||||
}
|
||||
};
|
||||
FullScreen.prototype.isFullScreen = function () {
|
||||
return (document.fullscreenElement ||
|
||||
document.mozFullScreenElement ||
|
||||
document.webkitFullscreenElement ||
|
||||
document.msFullscreenElement);
|
||||
};
|
||||
FullScreen.prototype.requestFullscreen = function () {
|
||||
var el = document.documentElement;
|
||||
if (el.requestFullscreen) {
|
||||
el.requestFullscreen();
|
||||
}
|
||||
else if (el.msRequestFullscreen) {
|
||||
el.msRequestFullscreen();
|
||||
}
|
||||
else if (el.mozRequestFullScreen) {
|
||||
el.mozRequestFullScreen();
|
||||
}
|
||||
else if (el.webkitRequestFullscreen) {
|
||||
el.webkitRequestFullscreen();
|
||||
}
|
||||
};
|
||||
FullScreen.prototype.exitFullscreen = function () {
|
||||
if (document.exitFullscreen) {
|
||||
document.exitFullscreen();
|
||||
}
|
||||
else if (document.msExitFullscreen) {
|
||||
document.msExitFullscreen();
|
||||
}
|
||||
else if (document.mozCancelFullScreen) {
|
||||
document.mozCancelFullScreen();
|
||||
}
|
||||
else if (document.webkitExitFullscreen) {
|
||||
document.webkitExitFullscreen();
|
||||
}
|
||||
};
|
||||
// https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode
|
||||
FullScreen.prototype.fullScreen = function () {
|
||||
var _this = this;
|
||||
this.$LG(document).on("fullscreenchange.lg.global" + this.core.lgId + " \n webkitfullscreenchange.lg.global" + this.core.lgId + " \n mozfullscreenchange.lg.global" + this.core.lgId + " \n MSFullscreenChange.lg.global" + this.core.lgId, function () {
|
||||
if (!_this.core.lgOpened)
|
||||
return;
|
||||
_this.core.outer.toggleClass('lg-fullscreen-on');
|
||||
});
|
||||
this.core.outer
|
||||
.find('.lg-fullscreen')
|
||||
.first()
|
||||
.on('click.lg', function () {
|
||||
if (_this.isFullScreen()) {
|
||||
_this.exitFullscreen();
|
||||
}
|
||||
else {
|
||||
_this.requestFullscreen();
|
||||
}
|
||||
});
|
||||
};
|
||||
FullScreen.prototype.closeGallery = function () {
|
||||
// exit from fullscreen if activated
|
||||
if (this.isFullScreen()) {
|
||||
this.exitFullscreen();
|
||||
}
|
||||
};
|
||||
FullScreen.prototype.destroy = function () {
|
||||
this.$LG(document).off("fullscreenchange.lg.global" + this.core.lgId + " \n webkitfullscreenchange.lg.global" + this.core.lgId + " \n mozfullscreenchange.lg.global" + this.core.lgId + " \n MSFullscreenChange.lg.global" + this.core.lgId);
|
||||
};
|
||||
return FullScreen;
|
||||
}());
|
||||
|
||||
return FullScreen;
|
||||
|
||||
})));
|
||||
//# sourceMappingURL=lg-fullscreen.umd.js.map
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"name": "lightgallery/plugins/fullscreen",
|
||||
"private": true,
|
||||
"main": "lg-fullscreen.umd.js",
|
||||
"module": "lg-fullscreen.es5.js",
|
||||
"typings": "lg-fullscreen.d.ts"
|
||||
}
|
||||
@@ -0,0 +1,16 @@
|
||||
export interface HashSettings {
|
||||
/**
|
||||
* Enable/Disable hash option
|
||||
*/
|
||||
hash: boolean;
|
||||
/**
|
||||
* Unique id for each gallery.
|
||||
* @description It is mandatory when you use hash plugin for multiple galleries on the same page.
|
||||
*/
|
||||
galleryId: string;
|
||||
/**
|
||||
* Custom slide name to use in the url when hash plugin is enabled
|
||||
*/
|
||||
customSlideName: boolean;
|
||||
}
|
||||
export declare const hashSettings: HashSettings;
|
||||
+23
@@ -0,0 +1,23 @@
|
||||
import { LgQuery } from '../../lgQuery';
|
||||
import { LightGallery } from '../../lightgallery';
|
||||
import { HashSettings } from './lg-hash-settings';
|
||||
export default class Hash {
|
||||
core: LightGallery;
|
||||
settings: HashSettings;
|
||||
oldHash: string;
|
||||
private $LG;
|
||||
constructor(instance: LightGallery, $LG: LgQuery);
|
||||
init(): void;
|
||||
private onAfterSlide;
|
||||
/**
|
||||
* 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.
|
||||
*/
|
||||
getIndexFromUrl(hash?: string): number;
|
||||
buildFromHash(): boolean | undefined;
|
||||
private onCloseAfter;
|
||||
private onHashchange;
|
||||
closeGallery(): void;
|
||||
destroy(): void;
|
||||
}
|
||||
@@ -0,0 +1,198 @@
|
||||
/*!
|
||||
* 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 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;
|
||||
}());
|
||||
|
||||
export default Hash;
|
||||
//# sourceMappingURL=lg-hash.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).lgHash=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 s in e=arguments[i])Object.prototype.hasOwnProperty.call(e,s)&&(t[s]=e[s]);return t}).apply(this,arguments)},e="lgAfterSlide",i="lgAfterClose",o={hash:!0,galleryId:"1",customSlideName:!1};return function(){function s(e,i){return this.core=e,this.$LG=i,this.settings=t(t({},o),this.core.settings),this}return s.prototype.init=function(){var t=this;this.settings.hash&&(this.oldHash=window.location.hash,setTimeout((function(){t.buildFromHash()}),100),this.core.LGel.on(e+".hash",this.onAfterSlide.bind(this)),this.core.LGel.on(i+".hash",this.onCloseAfter.bind(this)),this.$LG(window).on("hashchange.lg.hash.global"+this.core.lgId,this.onHashchange.bind(this)))},s.prototype.onAfterSlide=function(t){var e=this.core.galleryItems[t.detail.index].slideName;e=this.settings.customSlideName&&e||t.detail.index,history.replaceState?history.replaceState(null,"",window.location.pathname+window.location.search+"#lg="+this.settings.galleryId+"&slide="+e):window.location.hash="lg="+this.settings.galleryId+"&slide="+e},s.prototype.getIndexFromUrl=function(t){void 0===t&&(t=window.location.hash);var e=t.split("&slide=")[1],i=0;if(this.settings.customSlideName)for(var o=0;o<this.core.galleryItems.length;o++){if(this.core.galleryItems[o].slideName===e){i=o;break}}else i=parseInt(e,10);return isNaN(i)?0:i},s.prototype.buildFromHash=function(){var t=window.location.hash;if(t.indexOf("lg="+this.settings.galleryId)>0){this.$LG(document.body).addClass("lg-from-hash");var e=this.getIndexFromUrl(t);return this.core.openGallery(e),!0}},s.prototype.onCloseAfter=function(){this.oldHash&&this.oldHash.indexOf("lg="+this.settings.galleryId)<0?history.replaceState?history.replaceState(null,"",this.oldHash):window.location.hash=this.oldHash:history.replaceState?history.replaceState(null,document.title,window.location.pathname+window.location.search):window.location.hash=""},s.prototype.onHashchange=function(){if(this.core.lgOpened){var t=window.location.hash,e=this.getIndexFromUrl(t);t.indexOf("lg="+this.settings.galleryId)>-1?this.core.slide(e,!1,!1):this.core.lGalleryOn&&this.core.closeGallery()}},s.prototype.closeGallery=function(){this.settings.hash&&this.$LG(document.body).removeClass("lg-from-hash")},s.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)},s}()}));
|
||||
@@ -0,0 +1,206 @@
|
||||
/*!
|
||||
* 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.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
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"name": "lightgallery/plugins/hash",
|
||||
"private": true,
|
||||
"main": "lg-hash.umd.js",
|
||||
"module": "lg-hash.es5.js",
|
||||
"typings": "lg-hash.d.ts"
|
||||
}
|
||||
@@ -0,0 +1,16 @@
|
||||
export interface MediumZoomSettings {
|
||||
/**
|
||||
* Enable/Disable medium like zoom experience
|
||||
*/
|
||||
mediumZoom: boolean;
|
||||
/**
|
||||
* Space between the gallery outer area and images
|
||||
*/
|
||||
margin: number;
|
||||
/**
|
||||
* Background color for the gallery
|
||||
* This can be overwritten by passing background color via `lg-background-color` for each item
|
||||
*/
|
||||
backgroundColor: string;
|
||||
}
|
||||
export declare const mediumZoomSettings: MediumZoomSettings;
|
||||
@@ -0,0 +1,12 @@
|
||||
import { LgQuery } from '../../lgQuery';
|
||||
import { LightGallery } from '../../lightgallery';
|
||||
import { MediumZoomSettings } from './lg-medium-zoom-settings';
|
||||
export default class MediumZoom {
|
||||
core: LightGallery;
|
||||
settings: MediumZoomSettings;
|
||||
private $LG;
|
||||
constructor(instance: LightGallery, $LG: LgQuery);
|
||||
private toggleItemClass;
|
||||
init(): void;
|
||||
destroy(): void;
|
||||
}
|
||||
@@ -0,0 +1,132 @@
|
||||
/*!
|
||||
* 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 mediumZoomSettings = {
|
||||
margin: 40,
|
||||
mediumZoom: true,
|
||||
backgroundColor: '#000',
|
||||
};
|
||||
|
||||
var MediumZoom = /** @class */ (function () {
|
||||
function MediumZoom(instance, $LG) {
|
||||
var _this = this;
|
||||
// get lightGallery core plugin instance
|
||||
this.core = instance;
|
||||
this.$LG = $LG;
|
||||
// Set margin
|
||||
this.core.getMediaContainerPosition = function () {
|
||||
return {
|
||||
top: _this.settings.margin,
|
||||
bottom: _this.settings.margin,
|
||||
};
|
||||
};
|
||||
// Override some of lightGallery default settings
|
||||
var defaultSettings = {
|
||||
controls: false,
|
||||
download: false,
|
||||
counter: false,
|
||||
showCloseIcon: false,
|
||||
extraProps: ['lgBackgroundColor'],
|
||||
closeOnTap: false,
|
||||
enableSwipe: false,
|
||||
enableDrag: false,
|
||||
swipeToClose: false,
|
||||
addClass: this.core.settings.addClass + ' lg-medium-zoom',
|
||||
};
|
||||
this.core.settings = __assign(__assign({}, this.core.settings), defaultSettings);
|
||||
// extend module default settings with lightGallery core settings
|
||||
this.settings = __assign(__assign(__assign({}, mediumZoomSettings), this.core.settings), defaultSettings);
|
||||
return this;
|
||||
}
|
||||
MediumZoom.prototype.toggleItemClass = function () {
|
||||
for (var index = 0; index < this.core.items.length; index++) {
|
||||
var $element = this.$LG(this.core.items[index]);
|
||||
$element.toggleClass('lg-medium-zoom-item');
|
||||
}
|
||||
};
|
||||
MediumZoom.prototype.init = function () {
|
||||
var _this = this;
|
||||
if (!this.settings.mediumZoom) {
|
||||
return;
|
||||
}
|
||||
this.core.LGel.on(lGEvents.beforeOpen + ".medium", function () {
|
||||
_this.core.$backdrop.css('background-color', _this.core.galleryItems[_this.core.index].lgBackgroundColor ||
|
||||
_this.settings.backgroundColor);
|
||||
});
|
||||
this.toggleItemClass();
|
||||
this.core.outer.on('click.lg.medium', function () {
|
||||
_this.core.closeGallery();
|
||||
});
|
||||
};
|
||||
MediumZoom.prototype.destroy = function () {
|
||||
this.toggleItemClass();
|
||||
};
|
||||
return MediumZoom;
|
||||
}());
|
||||
|
||||
export default MediumZoom;
|
||||
//# sourceMappingURL=lg-medium-zoom.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(o,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(o="undefined"!=typeof globalThis?globalThis:o||self).lgMediumZoom=t()}(this,(function(){"use strict";var o=function(){return(o=Object.assign||function(o){for(var t,e=1,i=arguments.length;e<i;e++)for(var n in t=arguments[e])Object.prototype.hasOwnProperty.call(t,n)&&(o[n]=t[n]);return o}).apply(this,arguments)},t="lgBeforeOpen",e={margin:40,mediumZoom:!0,backgroundColor:"#000"};return function(){function i(t,i){var n=this;this.core=t,this.$LG=i,this.core.getMediaContainerPosition=function(){return{top:n.settings.margin,bottom:n.settings.margin}};var s={controls:!1,download:!1,counter:!1,showCloseIcon:!1,extraProps:["lgBackgroundColor"],closeOnTap:!1,enableSwipe:!1,enableDrag:!1,swipeToClose:!1,addClass:this.core.settings.addClass+" lg-medium-zoom"};return this.core.settings=o(o({},this.core.settings),s),this.settings=o(o(o({},e),this.core.settings),s),this}return i.prototype.toggleItemClass=function(){for(var o=0;o<this.core.items.length;o++){this.$LG(this.core.items[o]).toggleClass("lg-medium-zoom-item")}},i.prototype.init=function(){var o=this;this.settings.mediumZoom&&(this.core.LGel.on(t+".medium",(function(){o.core.$backdrop.css("background-color",o.core.galleryItems[o.core.index].lgBackgroundColor||o.settings.backgroundColor)})),this.toggleItemClass(),this.core.outer.on("click.lg.medium",(function(){o.core.closeGallery()})))},i.prototype.destroy=function(){this.toggleItemClass()},i}()}));
|
||||
@@ -0,0 +1,140 @@
|
||||
/*!
|
||||
* 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.lgMediumZoom = 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 mediumZoomSettings = {
|
||||
margin: 40,
|
||||
mediumZoom: true,
|
||||
backgroundColor: '#000',
|
||||
};
|
||||
|
||||
var MediumZoom = /** @class */ (function () {
|
||||
function MediumZoom(instance, $LG) {
|
||||
var _this = this;
|
||||
// get lightGallery core plugin instance
|
||||
this.core = instance;
|
||||
this.$LG = $LG;
|
||||
// Set margin
|
||||
this.core.getMediaContainerPosition = function () {
|
||||
return {
|
||||
top: _this.settings.margin,
|
||||
bottom: _this.settings.margin,
|
||||
};
|
||||
};
|
||||
// Override some of lightGallery default settings
|
||||
var defaultSettings = {
|
||||
controls: false,
|
||||
download: false,
|
||||
counter: false,
|
||||
showCloseIcon: false,
|
||||
extraProps: ['lgBackgroundColor'],
|
||||
closeOnTap: false,
|
||||
enableSwipe: false,
|
||||
enableDrag: false,
|
||||
swipeToClose: false,
|
||||
addClass: this.core.settings.addClass + ' lg-medium-zoom',
|
||||
};
|
||||
this.core.settings = __assign(__assign({}, this.core.settings), defaultSettings);
|
||||
// extend module default settings with lightGallery core settings
|
||||
this.settings = __assign(__assign(__assign({}, mediumZoomSettings), this.core.settings), defaultSettings);
|
||||
return this;
|
||||
}
|
||||
MediumZoom.prototype.toggleItemClass = function () {
|
||||
for (var index = 0; index < this.core.items.length; index++) {
|
||||
var $element = this.$LG(this.core.items[index]);
|
||||
$element.toggleClass('lg-medium-zoom-item');
|
||||
}
|
||||
};
|
||||
MediumZoom.prototype.init = function () {
|
||||
var _this = this;
|
||||
if (!this.settings.mediumZoom) {
|
||||
return;
|
||||
}
|
||||
this.core.LGel.on(lGEvents.beforeOpen + ".medium", function () {
|
||||
_this.core.$backdrop.css('background-color', _this.core.galleryItems[_this.core.index].lgBackgroundColor ||
|
||||
_this.settings.backgroundColor);
|
||||
});
|
||||
this.toggleItemClass();
|
||||
this.core.outer.on('click.lg.medium', function () {
|
||||
_this.core.closeGallery();
|
||||
});
|
||||
};
|
||||
MediumZoom.prototype.destroy = function () {
|
||||
this.toggleItemClass();
|
||||
};
|
||||
return MediumZoom;
|
||||
}());
|
||||
|
||||
return MediumZoom;
|
||||
|
||||
})));
|
||||
//# sourceMappingURL=lg-medium-zoom.umd.js.map
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"name": "lightgallery/plugins/mediumZoom",
|
||||
"private": true,
|
||||
"main": "lg-medium-zoom.umd.js",
|
||||
"module": "lg-medium-zoom.es5.js",
|
||||
"typings": "lg-medium-zoom.d.ts"
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
export interface PagerSettings {
|
||||
/**
|
||||
* Enable/Disable pager option
|
||||
*/
|
||||
pager: boolean;
|
||||
}
|
||||
export declare const pagerSettings: PagerSettings;
|
||||
+13
@@ -0,0 +1,13 @@
|
||||
import { LgQuery } from '../../lgQuery';
|
||||
import { LightGallery } from '../../lightgallery';
|
||||
import { PagerSettings } from './lg-pager-settings';
|
||||
export default class Pager {
|
||||
core: LightGallery;
|
||||
settings: PagerSettings;
|
||||
private $LG;
|
||||
constructor(instance: LightGallery, $LG: LgQuery);
|
||||
private getPagerHtml;
|
||||
init(): void;
|
||||
private manageActiveClass;
|
||||
destroy(): void;
|
||||
}
|
||||
@@ -0,0 +1,139 @@
|
||||
/*!
|
||||
* 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 pagerSettings = {
|
||||
pager: true,
|
||||
};
|
||||
|
||||
var Pager = /** @class */ (function () {
|
||||
function Pager(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({}, pagerSettings), this.core.settings);
|
||||
return this;
|
||||
}
|
||||
Pager.prototype.getPagerHtml = function (items) {
|
||||
var pagerList = '';
|
||||
for (var i = 0; i < items.length; i++) {
|
||||
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>";
|
||||
}
|
||||
return pagerList;
|
||||
};
|
||||
Pager.prototype.init = function () {
|
||||
var _this = this;
|
||||
if (!this.settings.pager) {
|
||||
return;
|
||||
}
|
||||
var timeout;
|
||||
this.core.$lgComponents.prepend('<div class="lg-pager-outer"></div>');
|
||||
var $pagerOuter = this.core.outer.find('.lg-pager-outer');
|
||||
$pagerOuter.html(this.getPagerHtml(this.core.galleryItems));
|
||||
// @todo enable click
|
||||
$pagerOuter.first().on('click.lg touchend.lg', function (event) {
|
||||
var $target = _this.$LG(event.target);
|
||||
if (!$target.hasAttribute('data-lg-item-id')) {
|
||||
return;
|
||||
}
|
||||
var index = parseInt($target.attr('data-lg-item-id'));
|
||||
_this.core.slide(index, false, true, false);
|
||||
});
|
||||
$pagerOuter.first().on('mouseover.lg', function () {
|
||||
clearTimeout(timeout);
|
||||
$pagerOuter.addClass('lg-pager-hover');
|
||||
});
|
||||
$pagerOuter.first().on('mouseout.lg', function () {
|
||||
timeout = setTimeout(function () {
|
||||
$pagerOuter.removeClass('lg-pager-hover');
|
||||
});
|
||||
});
|
||||
this.core.LGel.on(lGEvents.beforeSlide + ".pager", function (event) {
|
||||
var index = event.detail.index;
|
||||
_this.manageActiveClass.call(_this, index);
|
||||
});
|
||||
this.core.LGel.on(lGEvents.updateSlides + ".pager", function () {
|
||||
$pagerOuter.empty();
|
||||
$pagerOuter.html(_this.getPagerHtml(_this.core.galleryItems));
|
||||
_this.manageActiveClass(_this.core.index);
|
||||
});
|
||||
};
|
||||
Pager.prototype.manageActiveClass = function (index) {
|
||||
var $pagerCont = this.core.outer.find('.lg-pager-cont');
|
||||
$pagerCont.removeClass('lg-pager-active');
|
||||
$pagerCont.eq(index).addClass('lg-pager-active');
|
||||
};
|
||||
Pager.prototype.destroy = function () {
|
||||
this.core.outer.find('.lg-pager-outer').remove();
|
||||
this.core.LGel.off('.lg.pager');
|
||||
this.core.LGel.off('.pager');
|
||||
};
|
||||
return Pager;
|
||||
}());
|
||||
|
||||
export default Pager;
|
||||
//# sourceMappingURL=lg-pager.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(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).lgPager=t()}(this,(function(){"use strict";var e=function(){return(e=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},t="lgUpdateSlides",r="lgBeforeSlide",o={pager:!0};return function(){function i(t,r){return this.core=t,this.$LG=r,this.settings=e(e({},o),this.core.settings),this}return i.prototype.getPagerHtml=function(e){for(var t="",r=0;r<e.length;r++)t+='<span data-lg-item-id="'+r+'" class="lg-pager-cont"> \n <span data-lg-item-id="'+r+'" class="lg-pager"></span>\n <div class="lg-pager-thumb-cont"><span class="lg-caret"></span> <img src="'+e[r].thumb+'" /></div>\n </span>';return t},i.prototype.init=function(){var e=this;if(this.settings.pager){var o;this.core.$lgComponents.prepend('<div class="lg-pager-outer"></div>');var i=this.core.outer.find(".lg-pager-outer");i.html(this.getPagerHtml(this.core.galleryItems)),i.first().on("click.lg touchend.lg",(function(t){var r=e.$LG(t.target);if(r.hasAttribute("data-lg-item-id")){var o=parseInt(r.attr("data-lg-item-id"));e.core.slide(o,!1,!0,!1)}})),i.first().on("mouseover.lg",(function(){clearTimeout(o),i.addClass("lg-pager-hover")})),i.first().on("mouseout.lg",(function(){o=setTimeout((function(){i.removeClass("lg-pager-hover")}))})),this.core.LGel.on(r+".pager",(function(t){var r=t.detail.index;e.manageActiveClass.call(e,r)})),this.core.LGel.on(t+".pager",(function(){i.empty(),i.html(e.getPagerHtml(e.core.galleryItems)),e.manageActiveClass(e.core.index)}))}},i.prototype.manageActiveClass=function(e){var t=this.core.outer.find(".lg-pager-cont");t.removeClass("lg-pager-active"),t.eq(e).addClass("lg-pager-active")},i.prototype.destroy=function(){this.core.outer.find(".lg-pager-outer").remove(),this.core.LGel.off(".lg.pager"),this.core.LGel.off(".pager")},i}()}));
|
||||
@@ -0,0 +1,147 @@
|
||||
/*!
|
||||
* 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.lgPager = 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 pagerSettings = {
|
||||
pager: true,
|
||||
};
|
||||
|
||||
var Pager = /** @class */ (function () {
|
||||
function Pager(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({}, pagerSettings), this.core.settings);
|
||||
return this;
|
||||
}
|
||||
Pager.prototype.getPagerHtml = function (items) {
|
||||
var pagerList = '';
|
||||
for (var i = 0; i < items.length; i++) {
|
||||
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>";
|
||||
}
|
||||
return pagerList;
|
||||
};
|
||||
Pager.prototype.init = function () {
|
||||
var _this = this;
|
||||
if (!this.settings.pager) {
|
||||
return;
|
||||
}
|
||||
var timeout;
|
||||
this.core.$lgComponents.prepend('<div class="lg-pager-outer"></div>');
|
||||
var $pagerOuter = this.core.outer.find('.lg-pager-outer');
|
||||
$pagerOuter.html(this.getPagerHtml(this.core.galleryItems));
|
||||
// @todo enable click
|
||||
$pagerOuter.first().on('click.lg touchend.lg', function (event) {
|
||||
var $target = _this.$LG(event.target);
|
||||
if (!$target.hasAttribute('data-lg-item-id')) {
|
||||
return;
|
||||
}
|
||||
var index = parseInt($target.attr('data-lg-item-id'));
|
||||
_this.core.slide(index, false, true, false);
|
||||
});
|
||||
$pagerOuter.first().on('mouseover.lg', function () {
|
||||
clearTimeout(timeout);
|
||||
$pagerOuter.addClass('lg-pager-hover');
|
||||
});
|
||||
$pagerOuter.first().on('mouseout.lg', function () {
|
||||
timeout = setTimeout(function () {
|
||||
$pagerOuter.removeClass('lg-pager-hover');
|
||||
});
|
||||
});
|
||||
this.core.LGel.on(lGEvents.beforeSlide + ".pager", function (event) {
|
||||
var index = event.detail.index;
|
||||
_this.manageActiveClass.call(_this, index);
|
||||
});
|
||||
this.core.LGel.on(lGEvents.updateSlides + ".pager", function () {
|
||||
$pagerOuter.empty();
|
||||
$pagerOuter.html(_this.getPagerHtml(_this.core.galleryItems));
|
||||
_this.manageActiveClass(_this.core.index);
|
||||
});
|
||||
};
|
||||
Pager.prototype.manageActiveClass = function (index) {
|
||||
var $pagerCont = this.core.outer.find('.lg-pager-cont');
|
||||
$pagerCont.removeClass('lg-pager-active');
|
||||
$pagerCont.eq(index).addClass('lg-pager-active');
|
||||
};
|
||||
Pager.prototype.destroy = function () {
|
||||
this.core.outer.find('.lg-pager-outer').remove();
|
||||
this.core.LGel.off('.lg.pager');
|
||||
this.core.LGel.off('.pager');
|
||||
};
|
||||
return Pager;
|
||||
}());
|
||||
|
||||
return Pager;
|
||||
|
||||
})));
|
||||
//# sourceMappingURL=lg-pager.umd.js.map
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user