lightgallery 2.9.0 → 3.0.0-beta.3

package/README.md

@@ -8,8 +8,19 @@
 
 # lightGallery
 
-A customizable, modular, responsive, lightbox gallery plugin. No dependencies.\\
-Available for React.js, Angular, Vue.js, and typescript.
+A customizable, modular, responsive, lightbox gallery plugin. No dependencies.
+
+One gallery, four packages with the same features and settings:
+
+| Stack | Package |
+| --- | --- |
+| Vanilla JS / TypeScript | `lightgallery` |
+| React | `@lightgallery/react` |
+| Vue 3 | `@lightgallery/vue` |
+| Angular | `@lightgallery/angular` |
+
+The framework-free core they share is available on its own as
+`@lightgallery/headless`.
 
 ![lightgallery](https://www.lightgalleryjs.com/lightgallery-demo.png)
 
@@ -48,13 +59,15 @@ Available for React.js, Angular, Vue.js, and typescript.
 -   [React](https://www.lightgalleryjs.com/docs/react/)
 -   [Vue.js](https://www.lightgalleryjs.com/docs/vue/)
 -   [Angular](https://www.lightgalleryjs.com/docs/angular/)
+-   [Headless core](https://www.lightgalleryjs.com/docs/headless/)
+-   [Migrating from v2](https://www.lightgalleryjs.com/docs/migration/)
 -   [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.
+lightGallery is available on NPM, Yarn, CDNs, and GitHub. You can use any
+of the following methods 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
@@ -72,18 +85,11 @@ of the following method to download lightGallery.
     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),
+    [jsdelivr](https://www.jsdelivr.com/package/npm/lightgallery),
     [cdnjs](https://cdnjs.com/libraries/lightgallery) or
     [unpkg](https://unpkg.com/browse/lightgallery@latest/)
 
@@ -121,11 +127,11 @@ lightgallery plugin you can include it after lightgallery.umd.js.
 <body>
     ....
 
-    <script src="js/lightgallery.umd.js"></script>
+    <script src="lightgallery.umd.js"></script>
 
     <!-- lightgallery plugins -->
-    <script src="js/plugins/lg-thumbnail.umd.js"></script>
-    <script src="js/plugins/lg-zoom.umd.js"></script>
+    <script src="plugins/thumbnail/lg-thumbnail.umd.js"></script>
+    <script src="plugins/zoom/lg-zoom.umd.js"></script>
 </body>
 ```
 
@@ -173,8 +179,8 @@ Finally, you need to initiate the gallery by adding the following code.
     lightGallery(document.getElementById('lightgallery'), {
         plugins: [lgZoom, lgThumbnail],
         speed: 500,
-        licenseKey: 'your_license_key'
-        ... other settings
+        licenseKey: 'your_license_key',
+        // ... other settings
     });
 </script>
 ```
@@ -183,7 +189,7 @@ Finally, you need to initiate the gallery by adding the following code.
 
 #### License Key
 
-You'll receive a license key via email one you purchase a license [More info](https://www.lightgalleryjs.com/docs/settings/#licenseKey)
+You'll receive a license key via email once you purchase a license [More info](https://www.lightgalleryjs.com/docs/settings/#licenseKey)
 
 #### Plugins
 
@@ -193,12 +199,16 @@ 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`
+`lgZoom`, `lgAutoplay`, `lgComment`, `lgFullscreen`, `lgHash`, `lgJustified`,
+`lgPager`, `lgRelativeCaption`, `lgRotate`, `lgShare`, `lgThumbnail`, `lgVideo`,
+`lgVimeoThumbnail`, `lgMediumZoom`
 
 ## Browser support
 
-lightGallery supports all major browsers including IE 10 and above.
+lightGallery supports current evergreen browsers and iOS Safari: Chrome,
+Edge, Firefox and Safari on desktop, Safari on iOS and Chrome on Android.
+The builds target ES2017 and run without transpiling or polyfills. Internet
+Explorer is not supported; lightGallery v2 remains available for it.
 
 ## License
 

package/dist/README.md

@@ -0,0 +1,229 @@
+![commit](https://badgen.net/github/last-commit/sachinchoolur/lightGallery/master)
+![npm](https://img.shields.io/npm/v/lightgallery.svg?color=red)
+![npm-tag](https://badgen.net/github/tag/sachinchoolur/lightgallery)
+![size](https://badgen.net/bundlephobia/minzip/lightgallery?color=cyan)
+![tree-shaking](https://badgen.net/bundlephobia/tree-shaking/lightgallery?color=purple)
+![types](https://badgen.net/npm/types/lightgallery?color=blue)
+![hits](https://badgen.net/jsdelivr/hits/npm/lightgallery?color=pink)
+
+# lightGallery
+
+A customizable, modular, responsive, lightbox gallery plugin. No dependencies.
+
+One gallery, four packages with the same features and settings:
+
+| Stack | Package |
+| --- | --- |
+| Vanilla JS / TypeScript | `lightgallery` |
+| React | `@lightgallery/react` |
+| Vue 3 | `@lightgallery/vue` |
+| Angular | `@lightgallery/angular` |
+
+The framework-free core they share is available on its own as
+`@lightgallery/headless`.
+
+![lightgallery](https://www.lightgalleryjs.com/lightgallery-demo.png)
+
+## 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/)
+-   [Headless core](https://www.lightgalleryjs.com/docs/headless/)
+-   [Migrating from v2](https://www.lightgalleryjs.com/docs/migration/)
+-   [Demos](https://www.lightgalleryjs.com/demos/thumbnails/)
+-   [CodePen](https://codepen.io/collection/BNNjpR)
+
+## Installation
+
+lightGallery is available on NPM, Yarn, CDNs, and GitHub. You can use any
+of the following methods 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
+    ```
+
+-   [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/package/npm/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="lightgallery.umd.js"></script>
+
+    <!-- lightgallery plugins -->
+    <script src="plugins/thumbnail/lg-thumbnail.umd.js"></script>
+    <script src="plugins/zoom/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 once 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`, `lgJustified`,
+`lgPager`, `lgRelativeCaption`, `lgRotate`, `lgShare`, `lgThumbnail`, `lgVideo`,
+`lgVimeoThumbnail`, `lgMediumZoom`
+
+## Browser support
+
+lightGallery supports current evergreen browsers and iOS Safari: Chrome,
+Edge, Firefox and Safari on desktop, Safari on iOS and Chrome on Android.
+The builds target ES2017 and run without transpiling or polyfills. Internet
+Explorer is not supported; lightGallery v2 remains available for it.
+
+## 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)

package/{css → dist/css}/lg-autoplay.css

@@ -25,11 +25,14 @@
   opacity: 1;
 }
 
-.lg-autoplay-button:after {
-  content: "\e01d";
+.lg-autoplay-button.lg-icon-custom .lg-ci-autoplay-pause {
+  display: none;
 }
-.lg-show-autoplay .lg-autoplay-button:after {
-  content: "\e01a";
+.lg-show-autoplay .lg-autoplay-button.lg-icon-custom .lg-ci-autoplay-play {
+  display: none;
+}
+.lg-show-autoplay .lg-autoplay-button.lg-icon-custom .lg-ci-autoplay-pause {
+  display: inline-flex;
 }
 .lg-single-item .lg-autoplay-button {
   opacity: 0.75;

package/{css → dist/css}/lg-autoplay.css.map

@@ -1 +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"}
+{"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,SCgDiB;ED/CjB;EACA;EE8RA;EACA;EACA;EACA,YFhSA;;AAEA;EACI,kBCTa;EDUb,QCeiB;EDdjB;;AAIA;EACI;;AAIR;EACI;;;AAMJ;EACI;;AAGA;EACI;;AAEJ;EACI;;AAGR;EACI,SCnB2B;EDoB3B","file":"lg-autoplay.css"}

package/{css → dist/css}/lg-comments.css

@@ -64,9 +64,6 @@
 .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;
@@ -91,9 +88,6 @@
   -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;

package/{css → dist/css}/lg-comments.css.map

@@ -1 +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"}
+{"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;;AAIR;EACI;EACA;;AAGJ;EACI;;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ECwIJ,oBDvII;ECwIJ,eDxII;ECyIJ,YDzII;;AAMA;EC4IJ,0BD3IkC;EC4IlC,kBD5IkC;ECsHlC,gBDrH2B;ECsH3B,cDtH2B;ECuH3B,eDvH2B;ECwH3B,mBDxH2B;ECyH3B,WDzH2B;EACnB;EACA;;AAEJ;EACI;;AAEJ;EC8GJ,gBD7G2B;EC8G3B,cD9G2B;EC+G3B,eD/G2B;ECgH3B,mBDhH2B;ECiH3B,WDjH2B","file":"lg-comments.css"}

package/dist/css/lg-fullscreen.css

@@ -0,0 +1,11 @@
+.lg-fullscreen.lg-icon-custom .lg-ci-fullscreen-exit {
+  display: none;
+}
+.lg-fullscreen-on .lg-fullscreen.lg-icon-custom .lg-ci-fullscreen {
+  display: none;
+}
+.lg-fullscreen-on .lg-fullscreen.lg-icon-custom .lg-ci-fullscreen-exit {
+  display: inline-flex;
+}
+
+/*# sourceMappingURL=lg-fullscreen.css.map */

package/dist/css/lg-fullscreen.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../src/scss/lg-fullscreen.scss"],"names":[],"mappings":"AAGI;EACI;;AAGA;EACI;;AAEJ;EACI","file":"lg-fullscreen.css"}

package/dist/css/lg-justified.css

@@ -0,0 +1,37 @@
+.lg-justified {
+  position: relative;
+  display: block;
+  overflow: hidden;
+}
+.lg-justified > * {
+  position: absolute;
+  opacity: 0;
+}
+.lg-justified .lg-justified-item {
+  position: absolute;
+  display: block;
+  overflow: hidden;
+  opacity: 1;
+}
+.lg-justified .lg-justified-item img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  display: block;
+}
+.lg-justified .lg-justified-item-hidden {
+  display: none;
+}
+
+.lg-justified-reveal .lg-justified-item {
+  background-color: rgba(128, 128, 128, 0.2);
+}
+.lg-justified-reveal .lg-justified-item img {
+  opacity: 0;
+  transition: opacity 0.35s ease;
+}
+.lg-justified-reveal .lg-justified-item-visible img {
+  opacity: 1;
+}
+
+/*# sourceMappingURL=lg-justified.css.map */

package/dist/css/lg-justified.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../src/scss/lg-justified.scss"],"names":[],"mappings":"AASA;EACI;EACA;EACA;;AAOA;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAIR;EACI;;;AAWJ;EACI,kBA7CmB;;AA+CnB;EACI;EACA;;AAIR;EACI","file":"lg-justified.css"}

package/{css → dist/css}/lg-pager.css.map

@@ -1 +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"}
+{"version":3,"sourceRoot":"","sources":["../../src/scss/lg-pager.scss","../../src/scss/_lg-variables.scss","../../src/scss/_lg-mixins.scss"],"names":[],"mappings":"AAII;EACI;EACA,SCyDO;EDxDP;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"}

package/{css → dist/css}/lg-rotate.css

@@ -26,24 +26,8 @@
   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 */

package/{css → dist/css}/lg-rotate.css.map

@@ -1 +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"}
+{"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;EAEI","file":"lg-rotate.css"}

package/dist/css/lg-rtl.css

@@ -0,0 +1,94 @@
+.lg-container[dir=rtl] .lg-next {
+  right: auto;
+  left: 20px;
+}
+.lg-container[dir=rtl] .lg-prev {
+  left: auto;
+  right: 20px;
+}
+.lg-container[dir=rtl] .lg-prev.lg-icon-custom svg,
+.lg-container[dir=rtl] .lg-next.lg-icon-custom svg {
+  transform: scaleX(-1);
+}
+.lg-container[dir=rtl].lg-show-in .lg-hide-items .lg-prev {
+  -webkit-transform: translate3d(10px, 0, 0);
+  transform: translate3d(10px, 0, 0);
+}
+.lg-container[dir=rtl].lg-show-in .lg-hide-items .lg-next {
+  -webkit-transform: translate3d(-10px, 0, 0);
+  transform: translate3d(-10px, 0, 0);
+}
+.lg-container[dir=rtl] .lg-outer.lg-right-end .lg-object {
+  animation: lg-left-end 0.3s;
+}
+.lg-container[dir=rtl] .lg-outer.lg-left-end .lg-object {
+  animation: lg-right-end 0.3s;
+}
+.lg-container[dir=rtl] .lg-inner {
+  direction: ltr;
+}
+.lg-container[dir=rtl] .lg-inner .lg-sub-html {
+  direction: rtl;
+}
+.lg-container[dir=rtl] .lg-outer.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
+  -webkit-transform: translate3d(100%, 0, 0);
+  transform: translate3d(100%, 0, 0);
+}
+.lg-container[dir=rtl] .lg-outer.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
+  -webkit-transform: translate3d(-100%, 0, 0);
+  transform: translate3d(-100%, 0, 0);
+}
+.lg-container[dir=rtl] .lg-outer.lg-slide.lg-use-css3 .lg-item.lg-current {
+  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+}
+.lg-container[dir=rtl] .lg-toolbar .lg-icon,
+.lg-container[dir=rtl] .lg-toolbar .lg-share-outer {
+  float: left;
+}
+.lg-container[dir=rtl] .lg-toolbar-menu {
+  right: auto;
+  left: 8px;
+  text-align: right;
+}
+.lg-container[dir=rtl] .lg-counter {
+  padding-left: 0;
+  padding-right: 20px;
+  direction: ltr;
+  unicode-bidi: isolate;
+}
+.lg-container[dir=rtl] .lg-outer .lg-thumb-spacer,
+.lg-container[dir=rtl] .lg-outer .lg-thumb-item {
+  float: right;
+}
+.lg-container[dir=rtl] .lg-outer .lg-dropdown {
+  right: auto;
+  left: 0;
+  text-align: right;
+}
+.lg-container[dir=rtl] .lg-outer .lg-dropdown:after {
+  right: auto;
+  left: 16px;
+}
+.lg-container[dir=rtl] .lg-outer .lg-dropdown .lg-icon {
+  margin-right: 0;
+  margin-left: 8px;
+}
+.lg-container[dir=rtl] .lg-comment-box {
+  right: auto;
+  left: 0;
+  -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);
+}
+.lg-container[dir=rtl] .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-rtl.css.map */

package/dist/css/lg-rtl.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../src/scss/lg-rtl.scss","../../src/scss/_lg-mixins.scss"],"names":[],"mappings":"AAcI;EACI;EACA;;AAGJ;EACI;EACA;;AAIJ;AAAA;EAEI;;AAKA;ECmIJ;EACA;;ADhII;EC+HJ;EACA;;ADzHA;EACI;;AAGJ;EACI;;AAQJ;EACI;;AAKJ;EACI;;AAOA;EC6FJ;EACA;;AD1FI;ECyFJ;EACA;;ADnFI;ECkFJ;EACA;;AD7EA;AAAA;EAEI;;AAIJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EAGA;EACA;;AAMA;AAAA;EAEI;;AAKR;EACI;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;;AAKR;EACI;EACA;EC4EJ,gBD3EuB;EC4EvB,cD5EuB;EC6EvB,eD7EuB;EC8EvB,mBD9EuB;EC+EvB,WD/EuB;;AAGvB;ECwEA,gBDvEuB;ECwEvB,cDxEuB;ECyEvB,eDzEuB;EC0EvB,mBD1EuB;EC2EvB,WD3EuB","file":"lg-rtl.css"}

package/{css → dist/css}/lg-share.css

@@ -1,21 +1,4 @@
-.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 {
+.lg-outer.lg-dropdown-active .lg-dropdown {
   -webkit-transition-delay: 0s;
   transition-delay: 0s;
   -moz-transform: translate3d(0, 0px, 0);
@@ -99,29 +82,18 @@
   vertical-align: middle;
   width: auto;
 }
-.lg-outer .lg-share {
+.lg-outer .lg-share-outer {
+  float: right;
   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";
+  color: #000;
 }
 .lg-outer .lg-share-pinterest .lg-icon {
   color: #cb2027;
 }
-.lg-outer .lg-share-pinterest .lg-icon:after {
-  content: "\e906";
-}
 
 /*# sourceMappingURL=lg-share.css.map */

package/dist/css/lg-share.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../src/scss/lg-share.scss","../../src/scss/_lg-mixins.scss"],"names":[],"mappings":"AAKQ;ECqOJ,0BDpOkC;ECqOlC,kBDrOkC;EC+MlC,gBD9M2B;EC+M3B,cD/M2B;ECgN3B,eDhN2B;ECiN3B,mBDjN2B;ECkN3B,WDlN2B;EACnB;EACA;;AAEJ;EACI;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EC0LJ,gBDzLuB;EC0LvB,cD1LuB;EC2LvB,eD3LuB;EC4LvB,mBD5LuB;EC6LvB,WD7LuB;EACnB;EC6QJ;EACA;EACA;EACA,YD/QI;;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;;AAKR;EACI;EACA;;AAGA;EACI;;AAIJ;EACI;;AAIJ;EACI","file":"lg-share.css"}

package/{css → dist/css}/lg-thumbnail.css

@@ -1,3 +1,6 @@
+.lg-outer.lg-thumb-scrubbing .lg-item {
+  transition: none !important;
+}
 .lg-outer .lg-thumb-outer {
   background-color: #0d0a0a;
   width: 100%;
@@ -52,6 +55,10 @@
     padding: 10px 0;
   }
 }
+.lg-outer .lg-thumb-spacer {
+  float: left;
+  height: 1px;
+}
 .lg-outer .lg-thumb-item {
   cursor: pointer;
   float: left;
@@ -82,9 +89,6 @@
 .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);