uikit 3.16.24-dev.d6158da87 → 3.16.25-dev.12f581d90

package/dist/js/components/lightbox-panel.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.16.24-dev.d6158da87 | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */
+/*! UIkit 3.16.25-dev.12f581d90 | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('uikit-util')) :
@@ -6,65 +6,6 @@
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.UIkitLightbox_panel = factory(global.UIkit.util));
 })(this, (function (util) { 'use strict';
 
-    var Animations$1 = {
-      slide: {
-        show(dir) {
-          return [{ transform: translate(dir * -100) }, { transform: translate() }];
-        },
-        percent(current) {
-          return translated(current);
-        },
-        translate(percent, dir) {
-          return [
-            { transform: translate(dir * -100 * percent) },
-            { transform: translate(dir * 100 * (1 - percent)) }
-          ];
-        }
-      }
-    };
-    function translated(el) {
-      return Math.abs(util.css(el, "transform").split(",")[4] / el.offsetWidth) || 0;
-    }
-    function translate(value = 0, unit = "%") {
-      value += value ? unit : "";
-      return `translate3d(${value}, 0, 0)`;
-    }
-    function scale3d(value) {
-      return `scale3d(${value}, ${value}, 1)`;
-    }
-
-    var Animations = {
-      ...Animations$1,
-      fade: {
-        show() {
-          return [{ opacity: 0 }, { opacity: 1 }];
-        },
-        percent(current) {
-          return 1 - util.css(current, "opacity");
-        },
-        translate(percent) {
-          return [{ opacity: 1 - percent }, { opacity: percent }];
-        }
-      },
-      scale: {
-        show() {
-          return [
-            { opacity: 0, transform: scale3d(1 - 0.2) },
-            { opacity: 1, transform: scale3d(1) }
-          ];
-        },
-        percent(current) {
-          return 1 - util.css(current, "opacity");
-        },
-        translate(percent) {
-          return [
-            { opacity: 1 - percent, transform: scale3d(1 - 0.2 * percent) },
-            { opacity: percent, transform: scale3d(1 - 0.2 + 0.2 * percent) }
-          ];
-        }
-      }
-    };
-
     var Class = {
       connected() {
         util.addClass(this.$el, this.$options.id);
@@ -85,6 +26,39 @@
       }
     };
 
+    let prevented;
+    function preventBackgroundScroll(el) {
+      const off = util.on(
+        el,
+        "touchmove",
+        (e) => {
+          if (e.targetTouches.length !== 1 || util.matches(e.target, 'input[type="range"')) {
+            return;
+          }
+          let { scrollHeight, clientHeight } = util.scrollParent(e.target);
+          if (clientHeight >= scrollHeight && e.cancelable) {
+            e.preventDefault();
+          }
+        },
+        { passive: false }
+      );
+      if (prevented) {
+        return off;
+      }
+      prevented = true;
+      const { scrollingElement } = document;
+      util.css(scrollingElement, {
+        overflowY: CSS.supports("overflow", "clip") ? "clip" : "hidden",
+        touchAction: "none",
+        paddingRight: util.width(window) - scrollingElement.clientWidth || ""
+      });
+      return () => {
+        prevented = false;
+        off();
+        util.css(scrollingElement, { overflowY: "", touchAction: "", paddingRight: "" });
+      };
+    }
+
     var Togglable = {
       props: {
         cls: Boolean,
@@ -118,7 +92,7 @@
             await Promise.all(
               util.toNodes(targets).map((el) => {
                 const show = util.isBoolean(toggle) ? toggle : !this.isToggled(el);
-                if (!util.trigger(el, `before${show ? "show" : "hide"}`, [this])) {
+                if (!util.trigger(el, "before".concat(show ? "show" : "hide"), [this])) {
                   return Promise.reject();
                 }
                 const promise = (util.isFunction(animate) ? animate : animate === false || !this.hasAnimation ? toggleInstant : this.hasTransition ? toggleTransition : toggleAnimation)(el, show, this);
@@ -180,8 +154,8 @@
       const end = dir[1] === startProp;
       const props = ["width", "height"];
       const dimProp = props[dirs.indexOf(dir)];
-      const marginProp = `margin-${dir[0]}`;
-      const marginStartProp = `margin-${startProp}`;
+      const marginProp = "margin-".concat(dir[0]);
+      const marginStartProp = "margin-".concat(startProp);
       let currentDim = util.dimensions(el)[dimProp];
       const inProgress = util.Transition.inProgress(el);
       await util.Transition.cancel(el);
@@ -269,39 +243,6 @@
       );
     }
 
-    let prevented;
-    function preventBackgroundScroll(el) {
-      const off = util.on(
-        el,
-        "touchmove",
-        (e) => {
-          if (e.targetTouches.length !== 1 || util.matches(e.target, 'input[type="range"')) {
-            return;
-          }
-          let { scrollHeight, clientHeight } = util.scrollParent(e.target);
-          if (clientHeight >= scrollHeight && e.cancelable) {
-            e.preventDefault();
-          }
-        },
-        { passive: false }
-      );
-      if (prevented) {
-        return off;
-      }
-      prevented = true;
-      const { scrollingElement } = document;
-      util.css(scrollingElement, {
-        overflowY: CSS.supports("overflow", "clip") ? "clip" : "hidden",
-        touchAction: "none",
-        paddingRight: util.width(window) - scrollingElement.clientWidth || ""
-      });
-      return () => {
-        prevented = false;
-        off();
-        util.css(scrollingElement, { overflowY: "", touchAction: "", paddingRight: "" });
-      };
-    }
-
     const active = [];
     var Modal = {
       mixins: [Class, Container, Togglable],
@@ -347,7 +288,7 @@
         {
           name: "click",
           delegate() {
-            return `${this.selClose},a[href*="#"]`;
+            return "".concat(this.selClose, ',a[href*="#"]');
           },
           handler(e) {
             const { current, defaultPrevented } = e;
@@ -472,10 +413,13 @@
             },
             { self: true }
           );
-          const timer = setTimeout(() => {
-            off();
-            resolve();
-          }, toMs(util.css(transitionElement, "transitionDuration")));
+          const timer = setTimeout(
+            () => {
+              off();
+              resolve();
+            },
+            toMs(util.css(transitionElement, "transitionDuration"))
+          );
         })
       ).then(() => delete el._reject);
     }
@@ -496,7 +440,7 @@
         }
         util.once(
           document,
-          `${util.pointerUp} ${util.pointerCancel} scroll`,
+          "".concat(util.pointerUp, " ").concat(util.pointerCancel, " scroll"),
           ({ defaultPrevented, type, target: newTarget }) => {
             if (!defaultPrevented && type === util.pointerUp && target === newTarget) {
               modal.hide();
@@ -514,6 +458,33 @@
       });
     }
 
+    var Animations$1 = {
+      slide: {
+        show(dir) {
+          return [{ transform: translate(dir * -100) }, { transform: translate() }];
+        },
+        percent(current) {
+          return translated(current);
+        },
+        translate(percent, dir) {
+          return [
+            { transform: translate(dir * -100 * percent) },
+            { transform: translate(dir * 100 * (1 - percent)) }
+          ];
+        }
+      }
+    };
+    function translated(el) {
+      return Math.abs(util.css(el, "transform").split(",")[4] / el.offsetWidth) || 0;
+    }
+    function translate(value = 0, unit = "%") {
+      value += value ? unit : "";
+      return "translate3d(".concat(value, ", 0, 0)");
+    }
+    function scale3d(value) {
+      return "scale3d(".concat(value, ", ").concat(value, ", 1)");
+    }
+
     function Transitioner(prev, next, dir, { animation, easing }) {
       const { percent, translate, show = util.noop } = animation;
       const props = show(dir);
@@ -569,6 +540,19 @@
       util.trigger(el, util.createEvent(type, false, false, data));
     }
 
+    function resize(options) {
+      return observe(util.observeResize, options, "resize");
+    }
+    function observe(observe2, options, emit) {
+      return {
+        observe: observe2,
+        handler() {
+          this.$emit(emit);
+        },
+        ...options
+      };
+    }
+
     var I18n = {
       props: {
         i18n: Object
@@ -588,201 +572,56 @@
       }
     };
 
-    const keyMap = {
-      TAB: 9,
-      ESC: 27,
-      SPACE: 32,
-      END: 35,
-      HOME: 36,
-      LEFT: 37,
-      UP: 38,
-      RIGHT: 39,
-      DOWN: 40
-    };
-
-    function generateId(instance, el = instance.$el, postfix = "") {
-      if (el.id) {
-        return el.id;
-      }
-      let id = `${instance.$options.id}-${instance._uid}${postfix}`;
-      if (util.$(`#${id}`)) {
-        id = generateId(instance, el, `${postfix}-2`);
-      }
-      return id;
-    }
-
-    var SliderNav = {
-      i18n: {
-        next: "Next slide",
-        previous: "Previous slide",
-        slideX: "Slide %s",
-        slideLabel: "%s of %s",
-        role: "String"
+    var SliderAutoplay = {
+      props: {
+        autoplay: Boolean,
+        autoplayInterval: Number,
+        pauseOnHover: Boolean
       },
       data: {
-        selNav: false,
-        role: "region"
+        autoplay: false,
+        autoplayInterval: 7e3,
+        pauseOnHover: true
       },
-      computed: {
-        nav({ selNav }, $el) {
-          return util.$(selNav, $el);
-        },
-        navChildren() {
-          return util.children(this.nav);
-        },
-        selNavItem({ attrItem }) {
-          return `[${attrItem}],[data-${attrItem}]`;
-        },
-        navItems(_, $el) {
-          return util.$$(this.selNavItem, $el);
-        }
+      connected() {
+        util.attr(this.list, "aria-live", this.autoplay ? "off" : "polite");
+        this.autoplay && this.startAutoplay();
       },
-      watch: {
-        nav(nav, prev) {
-          util.attr(nav, "role", "tablist");
-          if (prev) {
-            this.$emit();
+      disconnected() {
+        this.stopAutoplay();
+      },
+      update() {
+        util.attr(this.slides, "tabindex", "-1");
+      },
+      events: [
+        {
+          name: "visibilitychange",
+          el() {
+            return document;
+          },
+          filter() {
+            return this.autoplay;
+          },
+          handler() {
+            if (document.hidden) {
+              this.stopAutoplay();
+            } else {
+              this.startAutoplay();
+            }
           }
+        }
+      ],
+      methods: {
+        startAutoplay() {
+          this.stopAutoplay();
+          this.interval = setInterval(() => {
+            if (!(this.stack.length || this.draggable && util.matches(this.$el, ":focus-within") || this.pauseOnHover && util.matches(this.$el, ":hover"))) {
+              this.show("next");
+            }
+          }, this.autoplayInterval);
         },
-        list(list) {
-          util.attr(list, "role", "presentation");
-        },
-        navChildren(children2) {
-          util.attr(children2, "role", "presentation");
-        },
-        navItems(items) {
-          for (const el of items) {
-            const cmd = util.data(el, this.attrItem);
-            const button = util.$("a,button", el) || el;
-            let ariaLabel;
-            let ariaControls = null;
-            if (util.isNumeric(cmd)) {
-              const item = util.toNumber(cmd);
-              const slide = this.slides[item];
-              if (slide) {
-                if (!slide.id) {
-                  slide.id = generateId(this, slide, `-item-${cmd}`);
-                }
-                ariaControls = slide.id;
-              }
-              ariaLabel = this.t("slideX", util.toFloat(cmd) + 1);
-              util.attr(button, "role", "tab");
-            } else {
-              if (this.list) {
-                if (!this.list.id) {
-                  this.list.id = generateId(this, this.list, "-items");
-                }
-                ariaControls = this.list.id;
-              }
-              ariaLabel = this.t(cmd);
-            }
-            util.attr(button, {
-              "aria-controls": ariaControls,
-              "aria-label": util.attr(button, "aria-label") || ariaLabel
-            });
-          }
-        },
-        slides(slides) {
-          slides.forEach(
-            (slide, i) => util.attr(slide, {
-              role: this.nav ? "tabpanel" : "group",
-              "aria-label": this.t("slideLabel", i + 1, this.length),
-              "aria-roledescription": this.nav ? null : "slide"
-            })
-          );
-        },
-        length(length) {
-          const navLength = this.navChildren.length;
-          if (this.nav && length !== navLength) {
-            util.empty(this.nav);
-            for (let i = 0; i < length; i++) {
-              util.append(this.nav, `<li ${this.attrItem}="${i}"><a href></a></li>`);
-            }
-          }
-        }
-      },
-      connected() {
-        util.attr(this.$el, {
-          role: this.role,
-          "aria-roledescription": "carousel"
-        });
-      },
-      update: [
-        {
-          write() {
-            this.navItems.concat(this.nav).forEach((el) => el && (el.hidden = !this.maxIndex));
-            this.updateNav();
-          },
-          events: ["resize"]
-        }
-      ],
-      events: [
-        {
-          name: "click keydown",
-          delegate() {
-            return this.selNavItem;
-          },
-          handler(e) {
-            if (util.closest(e.target, "a,button") && (e.type === "click" || e.keyCode === keyMap.SPACE)) {
-              e.preventDefault();
-              this.show(util.data(e.current, this.attrItem));
-            }
-          }
-        },
-        {
-          name: "itemshow",
-          handler: "updateNav"
-        },
-        {
-          name: "keydown",
-          delegate() {
-            return this.selNavItem;
-          },
-          handler(e) {
-            const { current, keyCode } = e;
-            const cmd = util.data(current, this.attrItem);
-            if (!util.isNumeric(cmd)) {
-              return;
-            }
-            let i = keyCode === keyMap.HOME ? 0 : keyCode === keyMap.END ? "last" : keyCode === keyMap.LEFT ? "previous" : keyCode === keyMap.RIGHT ? "next" : -1;
-            if (~i) {
-              e.preventDefault();
-              this.show(i);
-            }
-          }
-        }
-      ],
-      methods: {
-        updateNav() {
-          const index = this.getValidIndex();
-          let focus;
-          let focusEl;
-          for (const el of this.navItems) {
-            const cmd = util.data(el, this.attrItem);
-            const button = util.$("a,button", el) || el;
-            if (util.isNumeric(cmd)) {
-              const item = util.toNumber(cmd);
-              const active = item === index;
-              util.toggleClass(el, this.clsActive, active);
-              util.attr(button, {
-                "aria-selected": active,
-                tabindex: active ? null : -1
-              });
-              if (active) {
-                focusEl = button;
-              }
-              focus || (focus = util.matches(button, ":focus"));
-            } else {
-              util.toggleClass(
-                el,
-                "uk-invisible",
-                this.finite && (cmd === "previous" && index === 0 || cmd === "next" && index >= this.maxIndex)
-              );
-            }
-            if (focus && focusEl) {
-              focusEl.focus();
-            }
-          }
+        stopAutoplay() {
+          clearInterval(this.interval);
         }
       }
     };
@@ -816,7 +655,7 @@
           name: pointerDown,
           passive: true,
           delegate() {
-            return `${this.selList} > *`;
+            return "".concat(this.selList, " > *");
           },
           handler(e) {
             if (!this.draggable || !util.isTouch(e) && hasSelectableText(e.target) || util.closest(e.target, util.selInput) || e.button > 0 || this.length < 2) {
@@ -942,73 +781,203 @@
       return util.css(el, "userSelect") !== "none" && util.toArray(el.childNodes).some((el2) => el2.nodeType === 3 && el2.textContent.trim());
     }
 
-    var SliderAutoplay = {
-      props: {
-        autoplay: Boolean,
-        autoplayInterval: Number,
-        pauseOnHover: Boolean
+    function generateId(instance, el = instance.$el, postfix = "") {
+      if (el.id) {
+        return el.id;
+      }
+      let id = "".concat(instance.$options.id, "-").concat(instance._uid).concat(postfix);
+      if (util.$("#".concat(id))) {
+        id = generateId(instance, el, "".concat(postfix, "-2"));
+      }
+      return id;
+    }
+
+    const keyMap = {
+      TAB: 9,
+      ESC: 27,
+      SPACE: 32,
+      END: 35,
+      HOME: 36,
+      LEFT: 37,
+      UP: 38,
+      RIGHT: 39,
+      DOWN: 40
+    };
+
+    var SliderNav = {
+      i18n: {
+        next: "Next slide",
+        previous: "Previous slide",
+        slideX: "Slide %s",
+        slideLabel: "%s of %s",
+        role: "String"
       },
       data: {
-        autoplay: false,
-        autoplayInterval: 7e3,
-        pauseOnHover: true
+        selNav: false,
+        role: "region"
       },
-      connected() {
-        util.attr(this.list, "aria-live", this.autoplay ? "off" : "polite");
-        this.autoplay && this.startAutoplay();
+      computed: {
+        nav({ selNav }, $el) {
+          return util.$(selNav, $el);
+        },
+        navChildren() {
+          return util.children(this.nav);
+        },
+        selNavItem({ attrItem }) {
+          return "[".concat(attrItem, "],[data-").concat(attrItem, "]");
+        },
+        navItems(_, $el) {
+          return util.$$(this.selNavItem, $el);
+        }
       },
-      disconnected() {
-        this.stopAutoplay();
+      watch: {
+        nav(nav, prev) {
+          util.attr(nav, "role", "tablist");
+          if (prev) {
+            this.$emit();
+          }
+        },
+        list(list) {
+          util.attr(list, "role", "presentation");
+        },
+        navChildren(children2) {
+          util.attr(children2, "role", "presentation");
+        },
+        navItems(items) {
+          for (const el of items) {
+            const cmd = util.data(el, this.attrItem);
+            const button = util.$("a,button", el) || el;
+            let ariaLabel;
+            let ariaControls = null;
+            if (util.isNumeric(cmd)) {
+              const item = util.toNumber(cmd);
+              const slide = this.slides[item];
+              if (slide) {
+                if (!slide.id) {
+                  slide.id = generateId(this, slide, "-item-".concat(cmd));
+                }
+                ariaControls = slide.id;
+              }
+              ariaLabel = this.t("slideX", util.toFloat(cmd) + 1);
+              util.attr(button, "role", "tab");
+            } else {
+              if (this.list) {
+                if (!this.list.id) {
+                  this.list.id = generateId(this, this.list, "-items");
+                }
+                ariaControls = this.list.id;
+              }
+              ariaLabel = this.t(cmd);
+            }
+            util.attr(button, {
+              "aria-controls": ariaControls,
+              "aria-label": util.attr(button, "aria-label") || ariaLabel
+            });
+          }
+        },
+        slides(slides) {
+          slides.forEach(
+            (slide, i) => util.attr(slide, {
+              role: this.nav ? "tabpanel" : "group",
+              "aria-label": this.t("slideLabel", i + 1, this.length),
+              "aria-roledescription": this.nav ? null : "slide"
+            })
+          );
+        },
+        length(length) {
+          const navLength = this.navChildren.length;
+          if (this.nav && length !== navLength) {
+            util.empty(this.nav);
+            for (let i = 0; i < length; i++) {
+              util.append(this.nav, "<li ".concat(this.attrItem, '="').concat(i, '"><a href></a></li>'));
+            }
+          }
+        }
       },
-      update() {
-        util.attr(this.slides, "tabindex", "-1");
+      connected() {
+        util.attr(this.$el, {
+          role: this.role,
+          "aria-roledescription": "carousel"
+        });
       },
+      update: [
+        {
+          write() {
+            this.navItems.concat(this.nav).forEach((el) => el && (el.hidden = !this.maxIndex));
+            this.updateNav();
+          },
+          events: ["resize"]
+        }
+      ],
       events: [
         {
-          name: "visibilitychange",
-          el() {
-            return document;
+          name: "click keydown",
+          delegate() {
+            return this.selNavItem;
           },
-          filter() {
-            return this.autoplay;
+          handler(e) {
+            if (util.closest(e.target, "a,button") && (e.type === "click" || e.keyCode === keyMap.SPACE)) {
+              e.preventDefault();
+              this.show(util.data(e.current, this.attrItem));
+            }
+          }
+        },
+        {
+          name: "itemshow",
+          handler: "updateNav"
+        },
+        {
+          name: "keydown",
+          delegate() {
+            return this.selNavItem;
           },
-          handler() {
-            if (document.hidden) {
-              this.stopAutoplay();
-            } else {
-              this.startAutoplay();
+          handler(e) {
+            const { current, keyCode } = e;
+            const cmd = util.data(current, this.attrItem);
+            if (!util.isNumeric(cmd)) {
+              return;
+            }
+            let i = keyCode === keyMap.HOME ? 0 : keyCode === keyMap.END ? "last" : keyCode === keyMap.LEFT ? "previous" : keyCode === keyMap.RIGHT ? "next" : -1;
+            if (~i) {
+              e.preventDefault();
+              this.show(i);
             }
           }
         }
       ],
       methods: {
-        startAutoplay() {
-          this.stopAutoplay();
-          this.interval = setInterval(() => {
-            if (!(this.stack.length || this.draggable && util.matches(this.$el, ":focus-within") || this.pauseOnHover && util.matches(this.$el, ":hover"))) {
-              this.show("next");
+        updateNav() {
+          const index = this.getValidIndex();
+          let focusEl;
+          for (const el of this.navItems) {
+            const cmd = util.data(el, this.attrItem);
+            const button = util.$("a,button", el) || el;
+            if (util.isNumeric(cmd)) {
+              const item = util.toNumber(cmd);
+              const active = item === index;
+              util.toggleClass(el, this.clsActive, active);
+              util.attr(button, {
+                "aria-selected": active,
+                tabindex: active ? null : -1
+              });
+              if (active) {
+                focusEl || (focusEl = util.matches(util.parent(el), ":focus-within") && button);
+              }
+            } else {
+              util.toggleClass(
+                el,
+                "uk-invisible",
+                this.finite && (cmd === "previous" && index === 0 || cmd === "next" && index >= this.maxIndex)
+              );
             }
-          }, this.autoplayInterval);
-        },
-        stopAutoplay() {
-          clearInterval(this.interval);
+            if (focusEl && util.isInView(focusEl)) {
+              focusEl.focus();
+            }
+          }
         }
       }
     };
 
-    function resize(options) {
-      return observe(util.observeResize, options, "resize");
-    }
-    function observe(observe2, options, emit) {
-      return {
-        observe: observe2,
-        handler() {
-          this.$emit(emit);
-        },
-        ...options
-      };
-    }
-
     var Slider = {
       mixins: [SliderAutoplay, SliderDrag, SliderNav, I18n],
       props: {
@@ -1191,6 +1160,38 @@
       }
     };
 
+    var Animations = {
+      ...Animations$1,
+      fade: {
+        show() {
+          return [{ opacity: 0 }, { opacity: 1 }];
+        },
+        percent(current) {
+          return 1 - util.css(current, "opacity");
+        },
+        translate(percent) {
+          return [{ opacity: 1 - percent }, { opacity: percent }];
+        }
+      },
+      scale: {
+        show() {
+          return [
+            { opacity: 0, transform: scale3d(1 - 0.2) },
+            { opacity: 1, transform: scale3d(1) }
+          ];
+        },
+        percent(current) {
+          return 1 - util.css(current, "opacity");
+        },
+        translate(percent) {
+          return [
+            { opacity: 1 - percent, transform: scale3d(1 - 0.2 * percent) },
+            { opacity: percent, transform: scale3d(1 - 0.2 + 0.2 * percent) }
+          ];
+        }
+      }
+    };
+
     var Component = {
       mixins: [Modal, Slideshow],
       functional: true,
@@ -1214,7 +1215,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">\n                        <ul class="uk-lightbox-items"></ul>\n                        <div class="uk-lightbox-toolbar uk-position-top uk-text-right uk-transition-slide-top uk-transition-opaque">\n                            <button class="uk-lightbox-toolbar-icon uk-close-large" type="button" uk-close></button>\n                         </div>\n                        <a class="uk-lightbox-button uk-position-center-left uk-position-medium uk-transition-fade" href uk-slidenav-previous uk-lightbox-item="previous"></a>\n                        <a class="uk-lightbox-button uk-position-center-right uk-position-medium uk-transition-fade" href uk-slidenav-next uk-lightbox-item="next"></a>\n                        <div class="uk-lightbox-toolbar uk-lightbox-caption uk-position-bottom uk-text-center uk-transition-slide-bottom uk-transition-opaque"></div>\n                    </div>'
       }),
       created() {
         const $el = util.$(this.template);
@@ -1234,14 +1235,14 @@
       },
       events: [
         {
-          name: `${util.pointerMove} ${util.pointerDown} keydown`,
+          name: "".concat(util.pointerMove, " ").concat(util.pointerDown, " keydown"),
           handler: "showControls"
         },
         {
           name: "click",
           self: true,
           delegate() {
-            return `${this.selList} > *`;
+            return "".concat(this.selList, " > *");
           },
           handler(e) {
             if (!e.defaultPrevented) {
@@ -1338,7 +1339,7 @@
               allowfullscreen: "",
               style: "max-width: 100%; box-sizing: border-box;",
               "uk-responsive": "",
-              "uk-video": `${this.videoAutoplay}`
+              "uk-video": "".concat(this.videoAutoplay)
             };
             if (type === "image" || src.match(/\.(avif|jpe?g|jfif|a?png|gif|svg|webp)($|\?)/i)) {
               const img = createEl("img", { src, alt, ...attrs });
@@ -1350,7 +1351,7 @@
                 poster,
                 controls: "",
                 playsinline: "",
-                "uk-video": `${this.videoAutoplay}`,
+                "uk-video": "".concat(this.videoAutoplay),
                 ...attrs
               });
               util.on(video, "loadedmetadata", () => this.setItem(item, video));
@@ -1371,7 +1372,7 @@
               this.setItem(
                 item,
                 createEl("iframe", {
-                  src: `https://www.youtube${matches[1] || ""}.com/embed/${matches[2]}${matches[3] ? `?${matches[3]}` : ""}`,
+                  src: "https://www.youtube".concat(matches[1] || "", ".com/embed/").concat(matches[2]).concat(matches[3] ? "?".concat(matches[3]) : ""),
                   width: 1920,
                   height: 1080,
                   ...iframeAttrs,
@@ -1381,15 +1382,15 @@
             } else if (matches = src.match(/\/\/.*?vimeo\.[a-z]+\/(\d+)[&?]?(.*)?/)) {
               try {
                 const { height, width } = await (await fetch(
-                  `https://vimeo.com/api/oembed.json?maxwidth=1920&url=${encodeURI(
-                src
-              )}`,
+                  "https://vimeo.com/api/oembed.json?maxwidth=1920&url=".concat(encodeURI(
+                    src
+                  )),
                   { credentials: "omit" }
                 )).json();
                 this.setItem(
                   item,
                   createEl("iframe", {
-                    src: `https://player.vimeo.com/video/${matches[1]}${matches[2] ? `?${matches[2]}` : ""}`,
+                    src: "https://player.vimeo.com/video/".concat(matches[1]).concat(matches[2] ? "?".concat(matches[2]) : ""),
                     width,
                     height,
                     ...iframeAttrs,
@@ -1433,7 +1434,7 @@
       }
     };
     function createEl(tag, attrs) {
-      const el = util.fragment(`<${tag}>`);
+      const el = util.fragment("<".concat(tag, ">"));
       util.attr(el, attrs);
       return el;
     }