uikit 3.15.11-dev.fd61e70ff → 3.15.12-dev.2299ba0d4

package/dist/js/components/lightbox.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.15.11-dev.fd61e70ff | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.15.12-dev.2299ba0d4 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('uikit-util')) :
@@ -21,9 +21,9 @@
           { transform: translate(dir * -100 * percent) },
           { transform: translate(dir * 100 * (1 - percent)) }];
 
-        } } };
-
-
+        }
+      }
+    };
 
     function translated(el) {
       return Math.abs(uikitUtil.css(el, 'transform').split(',')[4] / el.offsetWidth) || 0;
@@ -51,8 +51,8 @@
 
         translate(percent) {
           return [{ opacity: 1 - percent }, { opacity: percent }];
-        } },
-
+        }
+      },
 
       scale: {
         show() {
@@ -71,26 +71,31 @@
           { opacity: 1 - percent, transform: scale3d(1 - 0.2 * percent) },
           { opacity: percent, transform: scale3d(1 - 0.2 + 0.2 * percent) }];
 
-        } } };
+        }
+      }
+    };
 
     var Container = {
       props: {
-        container: Boolean },
-
+        container: Boolean
+      },
 
       data: {
-        container: true },
-
+        container: true
+      },
 
       computed: {
         container(_ref) {let { container } = _ref;
           return container === true && this.$container || container && uikitUtil.$(container);
-        } } };
+        }
+      }
+    };
 
     var Class = {
       connected() {
         uikitUtil.addClass(this.$el, this.$options.id);
-      } };
+      }
+    };
 
     var Togglable = {
       props: {
@@ -99,8 +104,8 @@
         duration: Number,
         velocity: Number,
         origin: String,
-        transition: String },
-
+        transition: String
+      },
 
       data: {
         cls: false,
@@ -110,8 +115,8 @@
         origin: false,
         transition: 'ease',
         clsEnter: 'uk-togglabe-enter',
-        clsLeave: 'uk-togglabe-leave' },
-
+        clsLeave: 'uk-togglabe-leave'
+      },
 
       computed: {
         hasAnimation(_ref) {let { animation } = _ref;
@@ -120,8 +125,8 @@
 
         hasTransition(_ref2) {let { animation } = _ref2;
           return ['slide', 'reveal'].some((transition) => uikitUtil.startsWith(animation[0], transition));
-        } },
-
+        }
+      },
 
       methods: {
         toggleElement(targets, toggle, animate) {
@@ -198,9 +203,9 @@
           if (changed) {
             uikitUtil.trigger(el, 'toggled', [toggled, this]);
           }
-        } } };
-
-
+        }
+      }
+    };
 
     function toggleInstant(el, show, _ref3) {let { _toggle } = _ref3;
       uikitUtil.Animation.cancel(el);
@@ -272,9 +277,9 @@
         'borderBottom',
         'borderLeft',
         'borderImage',
-        marginStartProp]) });
-
+        marginStartProp])
 
+      });
 
       uikitUtil.css(el, {
         padding: 0,
@@ -285,8 +290,8 @@
         width: dim.width,
         height: dim.height,
         overflow: 'hidden',
-        [dimProp]: currentDim });
-
+        [dimProp]: currentDim
+      });
 
       const percent = currentDim / endDim;
       duration = (velocity * endDim + duration) * (show ? 1 - percent : percent);
@@ -339,16 +344,16 @@
         selClose: String,
         escClose: Boolean,
         bgClose: Boolean,
-        stack: Boolean },
-
+        stack: Boolean
+      },
 
       data: {
         cls: 'uk-open',
         escClose: true,
         bgClose: true,
         overlay: true,
-        stack: false },
-
+        stack: false
+      },
 
       computed: {
         panel(_ref, $el) {let { selPanel } = _ref;
@@ -361,8 +366,8 @@
 
         bgClose(_ref2) {let { bgClose } = _ref2;
           return bgClose && this.panel;
-        } },
-
+        }
+      },
 
       beforeDisconnect() {
         if (uikitUtil.includes(active, this)) {
@@ -381,8 +386,8 @@
         handler(e) {
           e.preventDefault();
           this.hide();
-        } },
-
+        }
+      },
 
       {
         name: 'click',
@@ -402,8 +407,8 @@
           {
             this.hide();
           }
-        } },
-
+        }
+      },
 
       {
         name: 'toggle',
@@ -420,8 +425,8 @@
           if (this.isToggled() === uikitUtil.includes(active, this)) {
             this.toggle();
           }
-        } },
-
+        }
+      },
 
       {
         name: 'beforeshow',
@@ -439,8 +444,8 @@
           } else {
             active.push(this);
           }
-        } },
-
+        }
+      },
 
       {
         name: 'show',
@@ -513,8 +518,8 @@
             { self: true });
 
           }
-        } },
-
+        }
+      },
 
       {
         name: 'shown',
@@ -529,8 +534,8 @@
           if (!uikitUtil.$(':focus', this.$el)) {
             this.$el.focus();
           }
-        } },
-
+        }
+      },
 
       {
         name: 'hidden',
@@ -547,8 +552,8 @@
           if (!active.some((modal) => modal.clsPage === this.clsPage)) {
             uikitUtil.removeClass(document.documentElement, this.clsPage);
           }
-        } }],
-
+        }
+      }],
 
 
       methods: {
@@ -569,9 +574,9 @@
 
         hide() {
           return this.toggleElement(this.$el, false, animate);
-        } } };
-
-
+        }
+      }
+    };
 
     function animate(el, show, _ref6) {let { transitionElement, _toggle } = _ref6;
       return new Promise((resolve, reject) =>
@@ -586,8 +591,8 @@
         'transitionstart',
         () => {
           uikitUtil.once(transitionElement, 'transitionend transitioncancel', resolve, {
-            self: true });
-
+            self: true
+          });
           clearTimeout(timer);
         },
         { self: true });
@@ -668,8 +673,8 @@
       uikitUtil.css(scrollingElement, {
         overflowY: 'hidden',
         touchAction: 'none',
-        paddingRight: uikitUtil.width(window) - scrollingElement.clientWidth });
-
+        paddingRight: uikitUtil.width(window) - scrollingElement.clientWidth
+      });
       return () => {
         prevented = false;
         uikitUtil.css(scrollingElement, { overflowY: '', touchAction: '', paddingRight: '' });
@@ -749,8 +754,8 @@
 
         getDistance() {
           return prev == null ? void 0 : prev.offsetWidth;
-        } };
-
+        }
+      };
     }
 
     function triggerUpdate(el, type, data) {
@@ -764,20 +769,21 @@
         this.$emit('resize')));
 
 
-      } };
+      }
+    };
 
     var SliderAutoplay = {
       props: {
         autoplay: Boolean,
         autoplayInterval: Number,
-        pauseOnHover: Boolean },
-
+        pauseOnHover: Boolean
+      },
 
       data: {
         autoplay: false,
         autoplayInterval: 7000,
-        pauseOnHover: true },
-
+        pauseOnHover: true
+      },
 
       connected() {
         this.autoplay && this.startAutoplay();
@@ -809,8 +815,8 @@
           } else {
             this.startAutoplay();
           }
-        } }],
-
+        }
+      }],
 
 
       methods: {
@@ -829,7 +835,9 @@
 
         stopAutoplay() {
           this.interval && clearInterval(this.interval);
-        } } };
+        }
+      }
+    };
 
     const pointerOptions = { passive: false, capture: true };
     const pointerUpOptions = { passive: true, capture: true };
@@ -839,13 +847,13 @@
 
     var SliderDrag = {
       props: {
-        draggable: Boolean },
-
+        draggable: Boolean
+      },
 
       data: {
         draggable: true,
-        threshold: 10 },
-
+        threshold: 10
+      },
 
       created() {
         for (const key of ['start', 'move', 'end']) {
@@ -883,16 +891,16 @@
           }
 
           this.start(e);
-        } },
-
+        }
+      },
 
       {
         name: 'dragstart',
 
         handler(e) {
           e.preventDefault();
-        } },
-
+        }
+      },
 
       {
         // iOS workaround for slider stopping if swiping fast
@@ -901,8 +909,8 @@
           return this.list;
         },
         handler: uikitUtil.noop,
-        ...pointerOptions }],
-
+        ...pointerOptions
+      }],
 
 
       methods: {
@@ -1039,9 +1047,9 @@
           uikitUtil.css(this.list, { userSelect: '', pointerEvents: '' });
 
           this.drag = this.percent = null;
-        } } };
-
-
+        }
+      }
+    };
 
     function hasSelectableText(el) {
       return (
@@ -1052,8 +1060,8 @@
 
     var SliderNav = {
       data: {
-        selNav: false },
-
+        selNav: false
+      },
 
       computed: {
         nav(_ref, $el) {let { selNav } = _ref;
@@ -1066,8 +1074,8 @@
 
         navItems(_, $el) {
           return uikitUtil.$$(this.selNavItem, $el);
-        } },
-
+        }
+      },
 
       update: {
         write() {
@@ -1085,8 +1093,8 @@
           this.updateNav();
         },
 
-        events: ['resize'] },
-
+        events: ['resize']
+      },
 
       events: [
       {
@@ -1099,13 +1107,13 @@
         handler(e) {
           e.preventDefault();
           this.show(uikitUtil.data(e.current, this.attrItem));
-        } },
-
+        }
+      },
 
       {
         name: 'itemshow',
-        handler: 'updateNav' }],
-
+        handler: 'updateNav'
+      }],
 
 
       methods: {
@@ -1122,7 +1130,9 @@
             cmd === 'previous' && i === 0 || cmd === 'next' && i >= this.maxIndex));
 
           }
-        } } };
+        }
+      }
+    };
 
     var Slider = {
       mixins: [SliderAutoplay, SliderDrag, SliderNav, Resize],
@@ -1133,8 +1143,8 @@
         index: Number,
         finite: Boolean,
         velocity: Number,
-        selSlides: String },
-
+        selSlides: String
+      },
 
       data: () => ({
         easing: 'ease',
@@ -1147,8 +1157,8 @@
         clsActive: 'uk-active',
         clsActivated: false,
         Transitioner: false,
-        transitionOptions: {} }),
-
+        transitionOptions: {}
+      }),
 
       connected() {
         this.prevIndex = -1;
@@ -1184,13 +1194,13 @@
 
           watch() {
             this.$emit('resize');
-          } },
-
+          }
+        },
 
         length() {
           return this.slides.length;
-        } },
-
+        }
+      },
 
       methods: {
         show(index, force) {if (force === void 0) {force = false;}
@@ -1279,8 +1289,8 @@
             'cubic-bezier(0.25, 0.46, 0.45, 0.94)' /* easeOutQuad */ :
             'cubic-bezier(0.165, 0.84, 0.44, 1)' /* easeOutQuart */ :
             this.easing,
-            ...this.transitionOptions });
-
+            ...this.transitionOptions
+          });
 
           if (!force && !prev) {
             this._translate(1);
@@ -1316,9 +1326,9 @@
           dir * (uikitUtil.isRtl ? -1 : 1),
           options);
 
-        } } };
-
-
+        }
+      }
+    };
 
     function getDirection(index, prevIndex) {
       return index === 'next' ? 1 : index === 'previous' ? -1 : index < prevIndex ? -1 : 1;
@@ -1332,15 +1342,15 @@
       mixins: [Slider],
 
       props: {
-        animation: String },
-
+        animation: String
+      },
 
       data: {
         animation: 'slide',
         clsActivated: 'uk-transition-active',
         Animations: Animations$1,
-        Transitioner },
-
+        Transitioner
+      },
 
       computed: {
         animation(_ref) {let { animation, Animations } = _ref;
@@ -1349,8 +1359,8 @@
 
         transitionOptions() {
           return { animation: this.animation };
-        } },
-
+        }
+      },
 
       events: {
         beforeitemshow(_ref2) {let { target } = _ref2;
@@ -1363,7 +1373,9 @@
 
         itemhidden(_ref4) {let { target } = _ref4;
           uikitUtil.removeClass(target, this.clsActive, this.clsActivated);
-        } } };
+        }
+      }
+    };
 
     var LightboxPanel = {
       mixins: [Container, Modal, Togglable, Slideshow],
@@ -1374,8 +1386,8 @@
         delayControls: Number,
         preload: Number,
         videoAutoplay: Boolean,
-        template: String },
-
+        template: String
+      },
 
       data: () => ({
         preload: 1,
@@ -1391,8 +1403,7 @@
         pauseOnHover: false,
         velocity: 2,
         Animations,
-        template: "<div class=\"uk-lightbox uk-overflow-hidden\"> <ul class=\"uk-lightbox-items\"></ul> <div class=\"uk-lightbox-toolbar uk-position-top uk-text-right uk-transition-slide-top uk-transition-opaque\"> <button class=\"uk-lightbox-toolbar-icon uk-close-large\" type=\"button\" uk-close></button> </div> <a class=\"uk-lightbox-button uk-position-center-left uk-position-medium uk-transition-fade\" href uk-slidenav-previous uk-lightbox-item=\"previous\"></a> <a class=\"uk-lightbox-button uk-position-center-right uk-position-medium uk-transition-fade\" href uk-slidenav-next uk-lightbox-item=\"next\"></a> <div class=\"uk-lightbox-toolbar uk-lightbox-caption uk-position-bottom uk-text-center uk-transition-slide-bottom uk-transition-opaque\"></div> </div>" }),
-
+        template: "<div class=\"uk-lightbox uk-overflow-hidden\"> <ul class=\"uk-lightbox-items\"></ul> <div class=\"uk-lightbox-toolbar uk-position-top uk-text-right uk-transition-slide-top uk-transition-opaque\"> <button class=\"uk-lightbox-toolbar-icon uk-close-large\" type=\"button\" uk-close></button> </div> <a class=\"uk-lightbox-button uk-position-center-left uk-position-medium uk-transition-fade\" href uk-slidenav-previous uk-lightbox-item=\"previous\"></a> <a class=\"uk-lightbox-button uk-position-center-right uk-position-medium uk-transition-fade\" href uk-slidenav-next uk-lightbox-item=\"next\"></a> <div class=\"uk-lightbox-toolbar uk-lightbox-caption uk-position-bottom uk-text-center uk-transition-slide-bottom uk-transition-opaque\"></div> </div>"
 
 
 
@@ -1401,6 +1412,7 @@
 
 
 
+      }),
 
       created() {
         const $el = uikitUtil.$(this.template);
@@ -1413,15 +1425,15 @@
       computed: {
         caption(_ref, $el) {let { selCaption } = _ref;
           return uikitUtil.$(selCaption, $el);
-        } },
-
+        }
+      },
 
       events: [
       {
         name: uikitUtil.pointerMove + " " + uikitUtil.pointerDown + " keydown",
 
-        handler: 'showControls' },
-
+        handler: 'showControls'
+      },
 
       {
         name: 'click',
@@ -1438,8 +1450,8 @@
           }
 
           this.hide();
-        } },
-
+        }
+      },
 
       {
         name: 'shown',
@@ -1448,8 +1460,8 @@
 
         handler() {
           this.showControls();
-        } },
-
+        }
+      },
 
       {
         name: 'hide',
@@ -1461,8 +1473,8 @@
 
           uikitUtil.removeClass(this.slides, this.clsActive);
           uikitUtil.Transition.stop(this.slides);
-        } },
-
+        }
+      },
 
       {
         name: 'hidden',
@@ -1471,8 +1483,8 @@
 
         handler() {
           this.$destroy(true);
-        } },
-
+        }
+      },
 
       {
         name: 'keyup',
@@ -1494,8 +1506,8 @@
               this.show('next');
               break;}
 
-        } },
-
+        }
+      },
 
       {
         name: 'beforeitemshow',
@@ -1514,8 +1526,8 @@
           this.animation = Animations['scale'];
           uikitUtil.removeClass(e.target, this.clsActive);
           this.stack.splice(1, 0, this.index);
-        } },
-
+        }
+      },
 
       {
         name: 'itemshow',
@@ -1526,16 +1538,16 @@
           for (let j = -this.preload; j <= this.preload; j++) {
             this.loadItem(this.index + j);
           }
-        } },
-
+        }
+      },
 
       {
         name: 'itemshown',
 
         handler() {
           this.draggable = this.$props.draggable;
-        } },
-
+        }
+      },
 
       {
         name: 'itemload',
@@ -1554,8 +1566,8 @@
             allowfullscreen: '',
             style: 'max-width: 100%; box-sizing: border-box;',
             'uk-responsive': '',
-            'uk-video': "" + this.videoAutoplay };
-
+            'uk-video': "" + this.videoAutoplay
+          };
 
           // Image
           if (
@@ -1577,8 +1589,8 @@
               controls: '',
               playsinline: '',
               'uk-video': "" + this.videoAutoplay,
-              ...attrs });
-
+              ...attrs
+            });
 
             uikitUtil.on(video, 'loadedmetadata', () => {
               uikitUtil.attr(video, { width: video.videoWidth, height: video.videoHeight });
@@ -1594,8 +1606,8 @@
               src,
               allowfullscreen: '',
               class: 'uk-lightbox-iframe',
-              ...attrs }));
-
+              ...attrs
+            }));
 
 
             // YouTube
@@ -1613,8 +1625,8 @@
               width: 1920,
               height: 1080,
               ...iframeAttrs,
-              ...attrs }));
-
+              ...attrs
+            }));
 
 
             // Vimeo
@@ -1626,8 +1638,8 @@
               src),
 
               {
-                credentials: 'omit' })).
-
+                credentials: 'omit'
+              })).
 
               json();
 
@@ -1640,15 +1652,15 @@
                 width,
                 height,
                 ...iframeAttrs,
-                ...attrs }));
-
+                ...attrs
+              }));
 
             } catch (e) {
               this.setError(item);
             }
           }
-        } }],
-
+        }
+      }],
 
 
       methods: {
@@ -1685,9 +1697,9 @@
 
         hideControls() {
           uikitUtil.removeClass(this.$el, 'uk-active', 'uk-transition-active');
-        } } };
-
-
+        }
+      }
+    };
 
     function createEl(tag, attrs) {
       const el = uikitUtil.fragment("<" + tag + ">");
@@ -1710,9 +1722,9 @@
 
           watch() {
             this.hide();
-          } } },
-
-
+          }
+        }
+      },
 
       disconnected() {
         this.hide();
@@ -1729,8 +1741,8 @@
         handler(e) {
           e.preventDefault();
           this.show(e.current);
-        } }],
-
+        }
+      }],
 
 
       methods: {
@@ -1751,9 +1763,9 @@
 
         hide() {var _this$panel;
           return (_this$panel = this.panel) == null ? void 0 : _this$panel.hide();
-        } } };
-
-
+        }
+      }
+    };
 
     function install(UIkit, Lightbox) {
       if (!UIkit.lightboxPanel) {