uikit 3.16.24 → 3.16.25-dev.931f07bf4

package/dist/js/uikit-core.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.16.24 | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */
+/*! UIkit 3.16.25-dev.931f07bf4 | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -105,7 +105,7 @@
       return value === other || isObject(value) && isObject(other) && Object.keys(value).length === Object.keys(other).length && each(value, (val, key) => val === other[key]);
     }
     function swap(value, a, b) {
-      return value.replace(new RegExp(`${a}|${b}`, "g"), (match) => match === a ? b : a);
+      return value.replace(new RegExp("".concat(a, "|").concat(b), "g"), (match) => match === a ? b : a);
     }
     function last(array) {
       return array[array.length - 1];
@@ -222,13 +222,55 @@
       toNodes(element).forEach((element2) => element2.removeAttribute(name));
     }
     function data(element, attribute) {
-      for (const name of [attribute, `data-${attribute}`]) {
+      for (const name of [attribute, "data-".concat(attribute)]) {
         if (hasAttr(element, name)) {
           return attr(element, name);
         }
       }
     }
 
+    function addClass(element, ...args) {
+      apply$1(element, args, "add");
+    }
+    function removeClass(element, ...args) {
+      apply$1(element, args, "remove");
+    }
+    function removeClasses(element, cls) {
+      attr(
+        element,
+        "class",
+        (value) => (value || "").replace(new RegExp("\\b".concat(cls, "\\b\\s?"), "g"), "")
+      );
+    }
+    function replaceClass(element, ...args) {
+      args[0] && removeClass(element, args[0]);
+      args[1] && addClass(element, args[1]);
+    }
+    function hasClass(element, cls) {
+      [cls] = getClasses(cls);
+      return !!cls && toNodes(element).some((node) => node.classList.contains(cls));
+    }
+    function toggleClass(element, cls, force) {
+      const classes = getClasses(cls);
+      if (!isUndefined(force)) {
+        force = !!force;
+      }
+      for (const node of toNodes(element)) {
+        for (const cls2 of classes) {
+          node.classList.toggle(cls2, force);
+        }
+      }
+    }
+    function apply$1(element, args, fn) {
+      args = args.reduce((args2, arg) => args2.concat(getClasses(arg)), []);
+      for (const node of toNodes(element)) {
+        node.classList[fn](...args);
+      }
+    }
+    function getClasses(str) {
+      return String(str).split(/[ ,]/).filter(Boolean);
+    }
+
     const voidElements = {
       area: true,
       base: true,
@@ -258,7 +300,7 @@
     function isInput(element) {
       return toNodes(element).some((element2) => matches(element2, selInput));
     }
-    const selFocusable = `${selInput},a[href],[tabindex]`;
+    const selFocusable = "".concat(selInput, ",a[href],[tabindex]");
     function isFocusable(element) {
       return matches(element, selFocusable);
     }
@@ -351,7 +393,7 @@
             sel = selectors.slice(1).join(" ");
           }
           if (ctx) {
-            selector += `${selector ? "," : ""}${domPath(ctx)} ${sel}`;
+            selector += "".concat(selector ? "," : "").concat(domPath(ctx), " ").concat(sel);
           }
         }
         context = document;
@@ -371,12 +413,12 @@
       while (element.parentNode) {
         const id = attr(element, "id");
         if (id) {
-          names.unshift(`#${escape(id)}`);
+          names.unshift("#".concat(escape(id)));
           break;
         } else {
           let { tagName } = element;
           if (tagName !== "HTML") {
-            tagName += `:nth-child(${index(element) + 1})`;
+            tagName += ":nth-child(".concat(index(element) + 1, ")");
           }
           names.unshift(tagName);
           element = element.parentNode;
@@ -517,7 +559,7 @@
           } else {
             element2.style.setProperty(
               property,
-              isNumeric(value) && !cssNumber[property] ? `${value}px` : value || isNumber(value) ? value : "",
+              isNumeric(value) && !cssNumber[property] ? "".concat(value, "px") : value || isNumber(value) ? value : "",
               priority
             );
           }
@@ -545,55 +587,13 @@
         return name;
       }
       for (const prefix of ["webkit", "moz"]) {
-        const prefixedName = `-${prefix}-${name}`;
+        const prefixedName = "-".concat(prefix, "-").concat(name);
         if (prefixedName in style) {
           return prefixedName;
         }
       }
     }
 
-    function addClass(element, ...args) {
-      apply$1(element, args, "add");
-    }
-    function removeClass(element, ...args) {
-      apply$1(element, args, "remove");
-    }
-    function removeClasses(element, cls) {
-      attr(
-        element,
-        "class",
-        (value) => (value || "").replace(new RegExp(`\\b${cls}\\b\\s?`, "g"), "")
-      );
-    }
-    function replaceClass(element, ...args) {
-      args[0] && removeClass(element, args[0]);
-      args[1] && addClass(element, args[1]);
-    }
-    function hasClass(element, cls) {
-      [cls] = getClasses(cls);
-      return !!cls && toNodes(element).some((node) => node.classList.contains(cls));
-    }
-    function toggleClass(element, cls, force) {
-      const classes = getClasses(cls);
-      if (!isUndefined(force)) {
-        force = !!force;
-      }
-      for (const node of toNodes(element)) {
-        for (const cls2 of classes) {
-          node.classList.toggle(cls2, force);
-        }
-      }
-    }
-    function apply$1(element, args, fn) {
-      args = args.reduce((args2, arg) => args2.concat(getClasses(arg)), []);
-      for (const node of toNodes(element)) {
-        node.classList[fn](...args);
-      }
-    }
-    function getClasses(str) {
-      return String(str).split(/[ ,]/).filter(Boolean);
-    }
-
     function transition$1(element, props, duration = 400, timing = "linear") {
       duration = Math.round(duration);
       return Promise.all(
@@ -624,7 +624,7 @@
             addClass(element2, "uk-transition");
             css(element2, {
               transitionProperty: Object.keys(props).map(propName).join(","),
-              transitionDuration: `${duration}ms`,
+              transitionDuration: "".concat(duration, "ms"),
               transitionTimingFunction: timing,
               ...props
             });
@@ -660,21 +660,21 @@
                 clearTimeout(timer);
                 type === "animationcanceled" ? reject() : resolve(element2);
                 css(element2, "animationDuration", "");
-                removeClasses(element2, `${animationPrefix}\\S*`);
+                removeClasses(element2, "".concat(animationPrefix, "\\S*"));
               },
               { self: true }
             );
-            css(element2, "animationDuration", `${duration}ms`);
+            css(element2, "animationDuration", "".concat(duration, "ms"));
             addClass(element2, animation, animationPrefix + (out ? "leave" : "enter"));
             if (startsWith(animation, animationPrefix)) {
-              origin && addClass(element2, `uk-transform-origin-${origin}`);
-              out && addClass(element2, `${animationPrefix}reverse`);
+              origin && addClass(element2, "uk-transform-origin-".concat(origin));
+              out && addClass(element2, "".concat(animationPrefix, "reverse"));
             }
           })
         )
       );
     }
-    const inProgressRe = new RegExp(`${animationPrefix}(enter|leave)`);
+    const inProgressRe = new RegExp("".concat(animationPrefix, "(enter|leave)"));
     const Animation = {
       in: animate$2,
       out(element, animation, duration, origin) {
@@ -842,8 +842,8 @@
       element = toNode(element);
       const offset2 = [element.offsetTop, element.offsetLeft];
       while (element = element.offsetParent) {
-        offset2[0] += element.offsetTop + toFloat(css(element, `borderTopWidth`));
-        offset2[1] += element.offsetLeft + toFloat(css(element, `borderLeftWidth`));
+        offset2[0] += element.offsetTop + toFloat(css(element, "borderTopWidth"));
+        offset2[1] += element.offsetLeft + toFloat(css(element, "borderLeftWidth"));
         if (css(element, "position") === "fixed") {
           const win = toWindow(element);
           offset2[0] += win.scrollY;
@@ -860,15 +860,15 @@
       return (element, value) => {
         if (isUndefined(value)) {
           if (isWindow(element)) {
-            return element[`inner${propName}`];
+            return element["inner".concat(propName)];
           }
           if (isDocument(element)) {
             const doc = element.documentElement;
-            return Math.max(doc[`offset${propName}`], doc[`scroll${propName}`]);
+            return Math.max(doc["offset".concat(propName)], doc["scroll".concat(propName)]);
           }
           element = toNode(element);
           value = css(element, prop);
-          value = value === "auto" ? element[`offset${propName}`] : toFloat(value) || 0;
+          value = value === "auto" ? element["offset".concat(propName)] : toFloat(value) || 0;
           return value - boxModelAdjust(element, prop);
         } else {
           return css(
@@ -882,7 +882,7 @@
     function boxModelAdjust(element, prop, sizing = "border-box") {
       return css(element, "boxSizing") === sizing ? sumBy(
         dirs$1[prop].map(ucfirst),
-        (prop2) => toFloat(css(element, `padding${prop2}`)) + toFloat(css(element, `border${prop2}Width`))
+        (prop2) => toFloat(css(element, "padding".concat(prop2))) + toFloat(css(element, "border".concat(prop2, "Width")))
       ) : 0;
     }
     function flipPosition(pos) {
@@ -902,7 +902,7 @@
       return sumBy(parseCalc(value), (value2) => {
         const unit = parseUnit(value2);
         return unit ? percent(
-          unit === "vh" ? getViewportHeight() : unit === "vw" ? width(toWindow(element)) : offsetDim ? element[`offset${ucfirst(property)}`] : dimensions(element)[property],
+          unit === "vh" ? getViewportHeight() : unit === "vw" ? width(toWindow(element)) : offsetDim ? element["offset".concat(ucfirst(property))] : dimensions(element)[property],
           value2
         ) : value2;
       });
@@ -1175,7 +1175,7 @@
           } catch (e) {
           }
         });
-        el.src = `${el.src}${includes(el.src, "?") ? "&" : "?"}${youtube ? "enablejsapi=1" : `api=1&player_id=${id}`}`;
+        el.src = "".concat(el.src).concat(includes(el.src, "?") ? "&" : "?").concat(youtube ? "enablejsapi=1" : "api=1&player_id=".concat(id));
       }).then(() => clearInterval(poller));
     }
 
@@ -1300,10 +1300,10 @@
         if (isWindow(viewportElement)) {
           viewportElement = documentElement;
         } else {
-          rect[start] += toFloat(css(viewportElement, `border-${start}-width`));
+          rect[start] += toFloat(css(viewportElement, "border-".concat(start, "-width")));
         }
         const subpixel = rect[prop] % 1;
-        rect[prop] = rect[dir] = viewportElement[`client${ucfirst(prop)}`] - (subpixel ? subpixel < 0.5 ? -subpixel : 1 - subpixel : 0);
+        rect[prop] = rect[dir] = viewportElement["client".concat(ucfirst(prop))] - (subpixel ? subpixel < 0.5 ? -subpixel : 1 - subpixel : 0);
         rect[end] = rect[prop] + rect[start];
       }
       return rect;
@@ -1424,9 +1424,9 @@
       const [prop, axis, start, end] = dirs[i];
       const [scrollElement] = commonScrollParents(element, target);
       const viewport = offsetViewport(scrollElement);
-      if (["auto", "scroll"].includes(css(scrollElement, `overflow-${axis}`))) {
-        viewport[start] -= scrollElement[`scroll${ucfirst(start)}`];
-        viewport[end] = viewport[start] + scrollElement[`scroll${ucfirst(prop)}`];
+      if (["auto", "scroll"].includes(css(scrollElement, "overflow-".concat(axis)))) {
+        viewport[start] -= scrollElement["scroll".concat(ucfirst(start))];
+        viewport[end] = viewport[start] + scrollElement["scroll".concat(ucfirst(prop))];
       }
       viewport[start] += viewportOffset;
       viewport[end] -= viewportOffset;
@@ -1636,30 +1636,6 @@
         wrapInner: wrapInner
     });
 
-    function initWatches(instance) {
-      instance._watches = [];
-      for (const watches of instance.$options.watch || []) {
-        for (const [name, watch] of Object.entries(watches)) {
-          registerWatch(instance, watch, name);
-        }
-      }
-      instance._initial = true;
-    }
-    function registerWatch(instance, watch, name) {
-      instance._watches.push({
-        name,
-        ...isPlainObject(watch) ? watch : { handler: watch }
-      });
-    }
-    function runWatches(instance, values) {
-      for (const { name, handler, immediate = true } of instance._watches) {
-        if (instance._initial && immediate || hasOwn(values, name) && !isEqual(values[name], instance[name])) {
-          handler.call(instance, instance[name], values[name]);
-        }
-      }
-      instance._initial = false;
-    }
-
     function initUpdates(instance) {
       instance._data = {};
       instance._updates = [...instance.$options.update || []];
@@ -1710,6 +1686,30 @@
       }
     }
 
+    function initWatches(instance) {
+      instance._watches = [];
+      for (const watches of instance.$options.watch || []) {
+        for (const [name, watch] of Object.entries(watches)) {
+          registerWatch(instance, watch, name);
+        }
+      }
+      instance._initial = true;
+    }
+    function registerWatch(instance, watch, name) {
+      instance._watches.push({
+        name,
+        ...isPlainObject(watch) ? watch : { handler: watch }
+      });
+    }
+    function runWatches(instance, values) {
+      for (const { name, handler, immediate = true } of instance._watches) {
+        if (instance._initial && immediate || hasOwn(values, name) && !isEqual(values[name], instance[name])) {
+          handler.call(instance, instance[name], values[name]);
+        }
+      }
+      instance._initial = false;
+    }
+
     function initComputed(instance) {
       const { computed } = instance.$options;
       instance._computed = {};
@@ -1839,7 +1839,7 @@
       if (filter && !filter.call(instance, instance)) {
         return;
       }
-      const key = `_observe${instance._observers.length}`;
+      const key = "_observe".concat(instance._observers.length);
       if (isFunction(target) && !hasOwn(instance, key)) {
         registerComputed(instance, key, () => target.call(instance, instance));
       }
@@ -2036,7 +2036,7 @@
       });
       observer.observe(el, {
         attributes: true,
-        attributeFilter: filter.concat(filter.map((key) => `data-${key}`))
+        attributeFilter: filter.concat(filter.map((key) => "data-".concat(key)))
       });
       registerObserver(instance, observer);
     }
@@ -2128,7 +2128,7 @@
     };
     App.util = util;
     App.options = {};
-    App.version = "3.16.24";
+    App.version = "3.16.25-dev.931f07bf4";
 
     const PREFIX = "uk-";
     const DATA = "__uikit__";
@@ -2149,7 +2149,7 @@
       opt.name = name;
       (_a = opt.install) == null ? void 0 : _a.call(opt, App, opt, name);
       if (App._initialized && !opt.functional) {
-        requestAnimationFrame(() => createComponent(name, `[${id}],[data-${id}]`));
+        requestAnimationFrame(() => createComponent(name, "[".concat(id, "],[data-").concat(id, "]")));
       }
       return components$1[id] = opt;
     }
@@ -2188,6 +2188,78 @@
       }
     }
 
+    function boot(App) {
+      if (inBrowser && window.MutationObserver) {
+        if (document.body) {
+          requestAnimationFrame(() => init(App));
+        } else {
+          new MutationObserver((records, observer) => {
+            if (document.body) {
+              init(App);
+              observer.disconnect();
+            }
+          }).observe(document.documentElement, { childList: true });
+        }
+      }
+    }
+    function init(App) {
+      trigger(document, "uikit:init", App);
+      if (document.body) {
+        apply(document.body, connect);
+      }
+      new MutationObserver((records) => records.forEach(applyChildListMutation)).observe(document, {
+        childList: true,
+        subtree: true
+      });
+      new MutationObserver((records) => records.forEach(applyAttributeMutation)).observe(document, {
+        attributes: true,
+        subtree: true
+      });
+      App._initialized = true;
+    }
+    function applyChildListMutation({ addedNodes, removedNodes }) {
+      for (const node of addedNodes) {
+        apply(node, connect);
+      }
+      for (const node of removedNodes) {
+        apply(node, disconnect);
+      }
+    }
+    function applyAttributeMutation({ target, attributeName }) {
+      var _a;
+      const name = getComponentName(attributeName);
+      if (name) {
+        if (hasAttr(target, attributeName)) {
+          createComponent(name, target);
+          return;
+        }
+        (_a = getComponent(target, name)) == null ? void 0 : _a.$destroy();
+      }
+    }
+    function connect(node) {
+      const components2 = getComponents(node);
+      for (const name in getComponents(node)) {
+        callConnected(components2[name]);
+      }
+      for (const attributeName of node.getAttributeNames()) {
+        const name = getComponentName(attributeName);
+        name && createComponent(name, node);
+      }
+    }
+    function disconnect(node) {
+      const components2 = getComponents(node);
+      for (const name in getComponents(node)) {
+        callDisconnected(components2[name]);
+      }
+    }
+    function getComponentName(attribute) {
+      if (startsWith(attribute, "data-")) {
+        attribute = attribute.slice(5);
+      }
+      const cmp = components$1[attribute];
+      return cmp && (isPlainObject(cmp) ? cmp : cmp.options).name;
+    }
+
     function globalApi(App) {
       App.component = component;
       App.getComponents = getComponents;
@@ -2288,9 +2360,9 @@
       if (el.id) {
         return el.id;
       }
-      let id = `${instance.$options.id}-${instance._uid}${postfix}`;
-      if ($(`#${id}`)) {
-        id = generateId(instance, el, `${postfix}-2`);
+      let id = "".concat(instance.$options.id, "-").concat(instance._uid).concat(postfix);
+      if ($("#".concat(id))) {
+        id = generateId(instance, el, "".concat(postfix, "-2"));
       }
       return id;
     }
@@ -2298,76 +2370,90 @@
     globalApi(App);
     instanceApi(App);
 
-    function boot(App) {
-      if (inBrowser && window.MutationObserver) {
-        if (document.body) {
-          requestAnimationFrame(() => init(App));
-        } else {
-          new MutationObserver((records, observer) => {
-            if (document.body) {
-              init(App);
-              observer.disconnect();
-            }
-          }).observe(document.documentElement, { childList: true });
-        }
-      }
+    function resize(options) {
+      return observe(observeResize, options, "resize");
     }
-    function init(App) {
-      trigger(document, "uikit:init", App);
-      if (document.body) {
-        apply(document.body, connect);
-      }
-      new MutationObserver((records) => records.forEach(applyChildListMutation)).observe(document, {
-        childList: true,
-        subtree: true
-      });
-      new MutationObserver((records) => records.forEach(applyAttributeMutation)).observe(document, {
-        attributes: true,
-        subtree: true
+    function intersection(options) {
+      return observe(observeIntersection, options);
+    }
+    function mutation(options) {
+      return observe(observeMutation, options);
+    }
+    function lazyload(options = {}) {
+      return intersection({
+        handler: function(entries, observer) {
+          const { targets = this.$el, preload = 5 } = options;
+          for (const el of toNodes(isFunction(targets) ? targets(this) : targets)) {
+            $$('[loading="lazy"]', el).slice(0, preload - 1).forEach((el2) => removeAttr(el2, "loading"));
+          }
+          for (const el of entries.filter(({ isIntersecting }) => isIntersecting).map(({ target }) => target)) {
+            observer.unobserve(el);
+          }
+        },
+        ...options
       });
-      App._initialized = true;
     }
-    function applyChildListMutation({ addedNodes, removedNodes }) {
-      for (const node of addedNodes) {
-        apply(node, connect);
-      }
-      for (const node of removedNodes) {
-        apply(node, disconnect);
-      }
+    function viewport() {
+      return observe((target, handler) => observeViewportResize(handler));
     }
-    function applyAttributeMutation({ target, attributeName }) {
-      var _a;
-      const name = getComponentName(attributeName);
-      if (name) {
-        if (hasAttr(target, attributeName)) {
-          createComponent(name, target);
-          return;
-        }
-        (_a = getComponent(target, name)) == null ? void 0 : _a.$destroy();
-      }
+    function scroll$1(options) {
+      return observe(
+        (target, handler) => ({
+          disconnect: on(toScrollTargets(target), "scroll", handler, {
+            passive: true,
+            capture: true
+          })
+        }),
+        options,
+        "scroll"
+      );
     }
-    function connect(node) {
-      const components2 = getComponents(node);
-      for (const name in getComponents(node)) {
-        callConnected(components2[name]);
-      }
-      for (const attributeName of node.getAttributeNames()) {
-        const name = getComponentName(attributeName);
-        name && createComponent(name, node);
-      }
+    function swipe(options) {
+      return {
+        observe(target, handler) {
+          return {
+            observe: noop,
+            unobserve: noop,
+            disconnect: on(target, pointerDown, handler, { passive: true })
+          };
+        },
+        handler(e) {
+          if (!isTouch(e)) {
+            return;
+          }
+          const pos = getEventPos(e);
+          const target = "tagName" in e.target ? e.target : parent(e.target);
+          once(document, "".concat(pointerUp, " ").concat(pointerCancel, " scroll"), (e2) => {
+            const { x, y } = getEventPos(e2);
+            if (e2.type !== "scroll" && target && x && Math.abs(pos.x - x) > 100 || y && Math.abs(pos.y - y) > 100) {
+              setTimeout(() => {
+                trigger(target, "swipe");
+                trigger(target, "swipe".concat(swipeDirection(pos.x, pos.y, x, y)));
+              });
+            }
+          });
+        },
+        ...options
+      };
     }
-    function disconnect(node) {
-      const components2 = getComponents(node);
-      for (const name in getComponents(node)) {
-        callDisconnected(components2[name]);
-      }
+    function observe(observe2, options, emit) {
+      return {
+        observe: observe2,
+        handler() {
+          this.$emit(emit);
+        },
+        ...options
+      };
     }
-    function getComponentName(attribute) {
-      if (startsWith(attribute, "data-")) {
-        attribute = attribute.slice(5);
-      }
-      const cmp = components$1[attribute];
-      return cmp && (isPlainObject(cmp) ? cmp : cmp.options).name;
+    function swipeDirection(x1, y1, x2, y2) {
+      return Math.abs(x1 - x2) >= Math.abs(y1 - y2) ? x1 - x2 > 0 ? "Left" : "Right" : y1 - y2 > 0 ? "Up" : "Down";
+    }
+    function toScrollTargets(elements) {
+      return toNodes(elements).map((node) => {
+        const { ownerDocument } = node;
+        const parent2 = scrollParent(node, true);
+        return parent2 === ownerDocument.scrollingElement ? ownerDocument : parent2;
+      });
     }
 
     var Class = {
@@ -2409,7 +2495,7 @@
             await Promise.all(
               toNodes(targets).map((el) => {
                 const show = isBoolean(toggle) ? toggle : !this.isToggled(el);
-                if (!trigger(el, `before${show ? "show" : "hide"}`, [this])) {
+                if (!trigger(el, "before".concat(show ? "show" : "hide"), [this])) {
                   return Promise.reject();
                 }
                 const promise = (isFunction(animate) ? animate : animate === false || !this.hasAnimation ? toggleInstant : this.hasTransition ? toggleTransition : toggleAnimation)(el, show, this);
@@ -2471,8 +2557,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 = dimensions(el)[dimProp];
       const inProgress = Transition.inProgress(el);
       await Transition.cancel(el);
@@ -2532,128 +2618,46 @@
       const endProps = { [dimProp]: show ? endDim : 0 };
       if (end) {
         css(el, marginProp, endDim - currentDim + currentMargin);
-        endProps[marginProp] = show ? currentMargin : endDim + currentMargin;
-      }
-      if (!end ^ mode === "reveal") {
-        css(wrapper, marginProp, -endDim + currentDim);
-        Transition.start(wrapper, { [marginProp]: show ? 0 : -endDim }, duration, transition);
-      }
-      try {
-        await Transition.start(el, endProps, duration, transition);
-      } finally {
-        css(el, prevProps);
-        unwrap(wrapper.firstChild);
-        if (!show) {
-          _toggle(el, false);
-        }
-      }
-    }
-    function toggleAnimation(el, show, cmp) {
-      Animation.cancel(el);
-      const { animation, duration, _toggle } = cmp;
-      if (show) {
-        _toggle(el, true);
-        return Animation.in(el, animation[0], duration, cmp.origin);
-      }
-      return Animation.out(el, animation[1] || animation[0], duration, cmp.origin).then(
-        () => _toggle(el, false)
-      );
-    }
-
-    const keyMap = {
-      TAB: 9,
-      ESC: 27,
-      SPACE: 32,
-      END: 35,
-      HOME: 36,
-      LEFT: 37,
-      UP: 38,
-      RIGHT: 39,
-      DOWN: 40
-    };
-
-    function resize(options) {
-      return observe(observeResize, options, "resize");
-    }
-    function intersection(options) {
-      return observe(observeIntersection, options);
-    }
-    function mutation(options) {
-      return observe(observeMutation, options);
-    }
-    function lazyload(options = {}) {
-      return intersection({
-        handler: function(entries, observer) {
-          const { targets = this.$el, preload = 5 } = options;
-          for (const el of toNodes(isFunction(targets) ? targets(this) : targets)) {
-            $$('[loading="lazy"]', el).slice(0, preload - 1).forEach((el2) => removeAttr(el2, "loading"));
-          }
-          for (const el of entries.filter(({ isIntersecting }) => isIntersecting).map(({ target }) => target)) {
-            observer.unobserve(el);
-          }
-        },
-        ...options
-      });
-    }
-    function viewport() {
-      return observe((target, handler) => observeViewportResize(handler));
-    }
-    function scroll$1(options) {
-      return observe(
-        (target, handler) => ({
-          disconnect: on(target, "scroll", handler, {
-            passive: true,
-            capture: true
-          })
-        }),
-        {
-          target: () => document,
-          ...options
-        },
-        "scroll"
-      );
-    }
-    function swipe(options) {
-      return {
-        observe(target, handler) {
-          return {
-            observe: noop,
-            unobserve: noop,
-            disconnect: on(target, pointerDown, handler, { passive: true })
-          };
-        },
-        handler(e) {
-          if (!isTouch(e)) {
-            return;
-          }
-          const pos = getEventPos(e);
-          const target = "tagName" in e.target ? e.target : parent(e.target);
-          once(document, `${pointerUp} ${pointerCancel} scroll`, (e2) => {
-            const { x, y } = getEventPos(e2);
-            if (e2.type !== "scroll" && target && x && Math.abs(pos.x - x) > 100 || y && Math.abs(pos.y - y) > 100) {
-              setTimeout(() => {
-                trigger(target, "swipe");
-                trigger(target, `swipe${swipeDirection(pos.x, pos.y, x, y)}`);
-              });
-            }
-          });
-        },
-        ...options
-      };
-    }
-    function observe(observe2, options, emit) {
-      return {
-        observe: observe2,
-        handler() {
-          this.$emit(emit);
-        },
-        ...options
-      };
+        endProps[marginProp] = show ? currentMargin : endDim + currentMargin;
+      }
+      if (!end ^ mode === "reveal") {
+        css(wrapper, marginProp, -endDim + currentDim);
+        Transition.start(wrapper, { [marginProp]: show ? 0 : -endDim }, duration, transition);
+      }
+      try {
+        await Transition.start(el, endProps, duration, transition);
+      } finally {
+        css(el, prevProps);
+        unwrap(wrapper.firstChild);
+        if (!show) {
+          _toggle(el, false);
+        }
+      }
     }
-    function swipeDirection(x1, y1, x2, y2) {
-      return Math.abs(x1 - x2) >= Math.abs(y1 - y2) ? x1 - x2 > 0 ? "Left" : "Right" : y1 - y2 > 0 ? "Up" : "Down";
+    function toggleAnimation(el, show, cmp) {
+      Animation.cancel(el);
+      const { animation, duration, _toggle } = cmp;
+      if (show) {
+        _toggle(el, true);
+        return Animation.in(el, animation[0], duration, cmp.origin);
+      }
+      return Animation.out(el, animation[1] || animation[0], duration, cmp.origin).then(
+        () => _toggle(el, false)
+      );
     }
 
+    const keyMap = {
+      TAB: 9,
+      ESC: 27,
+      SPACE: 32,
+      END: 35,
+      HOME: 36,
+      LEFT: 37,
+      UP: 38,
+      RIGHT: 39,
+      DOWN: 40
+    };
+
     var Accordion = {
       mixins: [Class, Togglable],
       props: {
@@ -2720,7 +2724,7 @@
         {
           name: "click keydown",
           delegate() {
-            return `${this.targets} ${this.$props.toggle}`;
+            return "".concat(this.targets, " ").concat(this.$props.toggle);
           },
           async handler(e) {
             var _a;
@@ -2746,15 +2750,15 @@
         }
       ],
       update() {
-        const activeItems = filter(this.items, `.${this.clsOpen}`);
+        const activeItems = filter(this.items, ".".concat(this.clsOpen));
         for (const index2 in this.items) {
           const toggle = this.toggles[index2];
           const content = this.contents[index2];
           if (!toggle || !content) {
             continue;
           }
-          toggle.id = generateId(this, toggle, `-title-${index2}`);
-          content.id = generateId(this, content, `-content-${index2}`);
+          toggle.id = generateId(this, toggle, "-title-".concat(index2));
+          content.id = generateId(this, content, "-content-".concat(index2));
           const active = includes(activeItems, this.items[index2]);
           attr(toggle, {
             role: isTag(toggle, "a") ? "button" : null,
@@ -2772,7 +2776,7 @@
         toggle(item, animate) {
           item = this.items[getIndex(item, this.items)];
           let items = [item];
-          const activeItems = filter(this.items, `.${this.clsOpen}`);
+          const activeItems = filter(this.items, ".".concat(this.clsOpen));
           if (!this.multiple && !includes(activeItems, items[0])) {
             items = items.concat(activeItems);
           }
@@ -2987,6 +2991,53 @@
       }
     }
 
+    var Container = {
+      props: {
+        container: Boolean
+      },
+      data: {
+        container: true
+      },
+      computed: {
+        container({ container }) {
+          return container === true && this.$container || container && $(container);
+        }
+      }
+    };
+
+    let prevented;
+    function preventBackgroundScroll(el) {
+      const off = on(
+        el,
+        "touchmove",
+        (e) => {
+          if (e.targetTouches.length !== 1 || matches(e.target, 'input[type="range"')) {
+            return;
+          }
+          let { scrollHeight, clientHeight } = scrollParent(e.target);
+          if (clientHeight >= scrollHeight && e.cancelable) {
+            e.preventDefault();
+          }
+        },
+        { passive: false }
+      );
+      if (prevented) {
+        return off;
+      }
+      prevented = true;
+      const { scrollingElement } = document;
+      css(scrollingElement, {
+        overflowY: CSS.supports("overflow", "clip") ? "clip" : "hidden",
+        touchAction: "none",
+        paddingRight: width(window) - scrollingElement.clientWidth || ""
+      });
+      return () => {
+        prevented = false;
+        off();
+        css(scrollingElement, { overflowY: "", touchAction: "", paddingRight: "" });
+      };
+    }
+
     var Position = {
       props: {
         pos: String,
@@ -2996,7 +3047,7 @@
         inset: Boolean
       },
       data: {
-        pos: `bottom-${isRtl ? "right" : "left"}`,
+        pos: "bottom-".concat(isRtl ? "right" : "left"),
         offset: false,
         flip: true,
         shift: true,
@@ -3063,53 +3114,6 @@
       };
     }
 
-    var Container = {
-      props: {
-        container: Boolean
-      },
-      data: {
-        container: true
-      },
-      computed: {
-        container({ container }) {
-          return container === true && this.$container || container && $(container);
-        }
-      }
-    };
-
-    let prevented;
-    function preventBackgroundScroll(el) {
-      const off = on(
-        el,
-        "touchmove",
-        (e) => {
-          if (e.targetTouches.length !== 1 || matches(e.target, 'input[type="range"')) {
-            return;
-          }
-          let { scrollHeight, clientHeight } = scrollParent(e.target);
-          if (clientHeight >= scrollHeight && e.cancelable) {
-            e.preventDefault();
-          }
-        },
-        { passive: false }
-      );
-      if (prevented) {
-        return off;
-      }
-      prevented = true;
-      const { scrollingElement } = document;
-      css(scrollingElement, {
-        overflowY: CSS.supports("overflow", "clip") ? "clip" : "hidden",
-        touchAction: "none",
-        paddingRight: width(window) - scrollingElement.clientWidth || ""
-      });
-      return () => {
-        prevented = false;
-        off();
-        css(scrollingElement, { overflowY: "", touchAction: "", paddingRight: "" });
-      };
-    }
-
     let active$1;
     var drop = {
       mixins: [Container, Position, Togglable],
@@ -3171,7 +3175,7 @@
         this.tracker = new MouseTracker();
       },
       beforeConnect() {
-        this.clsDrop = this.$props.clsDrop || `uk-${this.$options.name}`;
+        this.clsDrop = this.$props.clsDrop || "uk-".concat(this.$options.name);
       },
       connected() {
         addClass(this.$el, "uk-drop", this.clsDrop);
@@ -3251,7 +3255,7 @@
           }
         },
         {
-          name: `${pointerEnter} focusin`,
+          name: "".concat(pointerEnter, " focusin"),
           filter() {
             return includes(this.mode, "hover");
           },
@@ -3262,7 +3266,7 @@
           }
         },
         {
-          name: `${pointerLeave} focusout`,
+          name: "".concat(pointerLeave, " focusout"),
           filter() {
             return includes(this.mode, "hover");
           },
@@ -3398,7 +3402,7 @@
                   offset(this.boundary[i])[prop],
                   viewports[i][prop] - 2 * viewportOffset
                 ),
-                [`overflow-${axis}`]: "auto"
+                ["overflow-".concat(axis)]: "auto"
               });
             }
           }
@@ -3423,7 +3427,7 @@
                   offset(this.boundary[i])[end],
                   viewports[i][end] - viewportOffset
                 ) - targetOffset[this.inset ? start : end]) - positionOffset,
-                [`overflow-${axis}`]: "auto"
+                ["overflow-".concat(axis)]: "auto"
               });
               this.positionAt(this.$el, this.target, this.boundary);
             }
@@ -3472,7 +3476,7 @@
         if (!within(target, drop.$el)) {
           once(
             document,
-            `${pointerUp} ${pointerCancel} scroll`,
+            "".concat(pointerUp, " ").concat(pointerCancel, " scroll"),
             ({ defaultPrevented, type, target: newTarget }) => {
               if (!defaultPrevented && type === pointerUp && target === newTarget && !(drop.targetEl && within(target, drop.targetEl))) {
                 drop.hide(false);
@@ -3523,7 +3527,7 @@
           if (!dropbar) {
             return null;
           }
-          dropbar = this._dropbar || query(dropbar, this.$el) || $(`+ .${this.clsDropbar}`, this.$el);
+          dropbar = this._dropbar || query(dropbar, this.$el) || $("+ .".concat(this.clsDropbar), this.$el);
           return dropbar ? dropbar : this._dropbar = $("<div></div>");
         },
         dropContainer(_, $el) {
@@ -3531,9 +3535,9 @@
         },
         dropdowns({ clsDrop }, $el) {
           var _a;
-          const dropdowns = $$(`.${clsDrop}`, $el);
+          const dropdowns = $$(".".concat(clsDrop), $el);
           if (this.dropContainer !== $el) {
-            for (const el of $$(`.${clsDrop}`, this.dropContainer)) {
+            for (const el of $$(".".concat(clsDrop), this.dropContainer)) {
               const target = (_a = this.getDropdown(el)) == null ? void 0 : _a.targetEl;
               if (!includes(dropdowns, el) && target && within(target, this.$el)) {
                 dropdowns.push(el);
@@ -3553,7 +3557,7 @@
             "uk-dropbar",
             "uk-dropbar-top",
             this.clsDropbar,
-            `uk-${this.$options.name}-dropbar`
+            "uk-".concat(this.$options.name, "-dropbar")
           );
         },
         dropdowns() {
@@ -3603,7 +3607,7 @@
             return this.dropContainer;
           },
           delegate() {
-            return `.${this.clsDrop}`;
+            return ".".concat(this.clsDrop);
           },
           handler(e) {
             var _a;
@@ -3666,7 +3670,7 @@
             if (this.dropbar.previousElementSibling !== this.dropbarAnchor) {
               after(this.dropbarAnchor, this.dropbar);
             }
-            addClass(target, `${this.clsDrop}-dropbar`);
+            addClass(target, "".concat(this.clsDrop, "-dropbar"));
           }
         },
         {
@@ -3683,7 +3687,7 @@
             }
             const drop = this.getDropdown(target);
             const adjustHeight = () => {
-              const targetOffsets = parents(target, `.${this.clsDrop}`).concat(target).map((el) => offset(el));
+              const targetOffsets = parents(target, ".".concat(this.clsDrop)).concat(target).map((el) => offset(el));
               const minTop = Math.min(...targetOffsets.map(({ top }) => top));
               const maxBottom = Math.max(...targetOffsets.map(({ bottom }) => bottom));
               const dropbarOffset = offset(this.dropbar);
@@ -3743,14 +3747,14 @@
           const oldHeight = height(dropbar);
           el = oldHeight < newHeight && el;
           await Transition.cancel([el, dropbar]);
-          css(el, "clipPath", `polygon(0 0,100% 0,100% ${oldHeight}px,0 ${oldHeight}px)`);
+          css(el, "clipPath", "polygon(0 0,100% 0,100% ".concat(oldHeight, "px,0 ").concat(oldHeight, "px)"));
           height(dropbar, oldHeight);
           await Promise.all([
             Transition.start(dropbar, { height: newHeight }, this.duration),
             Transition.start(
               el,
               {
-                clipPath: `polygon(0 0,100% 0,100% ${newHeight}px,0 ${newHeight}px)`
+                clipPath: "polygon(0 0,100% 0,100% ".concat(newHeight, "px,0 ").concat(newHeight, "px)")
               },
               this.duration
             ).finally(() => css(el, { clipPath: "" }))
@@ -3770,7 +3774,7 @@
               ...this.$props,
               flip: false,
               shift: true,
-              pos: `bottom-${this.align}`,
+              pos: "bottom-".concat(this.align),
               boundary: this.boundary === true ? this.$el : this.boundary
             }
           );
@@ -4032,7 +4036,7 @@
                 (el, j) => css(
                   el,
                   "transform",
-                  !scrolled && !translates ? "" : `translateY(${(translates && -translates[i][j]) + (scrolled ? i % 2 ? scrolled : scrolled / 8 : 0)}px)`
+                  !scrolled && !translates ? "" : "translateY(".concat((translates && -translates[i][j]) + (scrolled ? i % 2 ? scrolled : scrolled / 8 : 0), "px)")
                 )
               )
             );
@@ -4142,38 +4146,97 @@
             scrollElement === body ? scrollingElement : scrollElement
           );
           if (this.expand) {
-            minHeight = `${viewportHeight - (dimensions(scrollElement).height - dimensions(this.$el).height) - box}px`;
+            minHeight = "".concat(viewportHeight - (dimensions(scrollElement).height - dimensions(this.$el).height) - box, "px");
           } else {
             const isScrollingElement = scrollingElement === scrollElement || body === scrollElement;
-            minHeight = `calc(${isScrollingElement ? "100vh" : `${viewportHeight}px`}`;
+            minHeight = "calc(".concat(isScrollingElement ? "100vh" : "".concat(viewportHeight, "px"));
             if (this.offsetTop) {
               if (isScrollingElement) {
                 const top = offsetPosition(this.$el)[0] - offsetPosition(scrollElement)[0];
-                minHeight += top > 0 && top < viewportHeight / 2 ? ` - ${top}px` : "";
+                minHeight += top > 0 && top < viewportHeight / 2 ? " - ".concat(top, "px") : "";
               } else {
-                minHeight += ` - ${css(scrollElement, "paddingTop")}`;
+                minHeight += " - ".concat(css(scrollElement, "paddingTop"));
               }
             }
             if (this.offsetBottom === true) {
-              minHeight += ` - ${dimensions(this.$el.nextElementSibling).height}px`;
+              minHeight += " - ".concat(dimensions(this.$el.nextElementSibling).height, "px");
             } else if (isNumeric(this.offsetBottom)) {
-              minHeight += ` - ${this.offsetBottom}vh`;
+              minHeight += " - ".concat(this.offsetBottom, "vh");
             } else if (this.offsetBottom && endsWith(this.offsetBottom, "px")) {
-              minHeight += ` - ${toFloat(this.offsetBottom)}px`;
+              minHeight += " - ".concat(toFloat(this.offsetBottom), "px");
             } else if (isString(this.offsetBottom)) {
-              minHeight += ` - ${dimensions(query(this.offsetBottom, this.$el)).height}px`;
+              minHeight += " - ".concat(dimensions(query(this.offsetBottom, this.$el)).height, "px");
             }
-            minHeight += `${box ? ` - ${box}px` : ""})`;
+            minHeight += "".concat(box ? " - ".concat(box, "px") : "", ")");
           }
           return { minHeight };
         },
         write({ minHeight }) {
-          css(this.$el, "minHeight", `max(${this.minHeight || 0}px, ${minHeight})`);
+          css(this.$el, "minHeight", "max(".concat(this.minHeight || 0, "px, ").concat(minHeight, ")"));
         },
         events: ["resize"]
       }
     };
 
+    var closeIcon = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\"><line fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" x1=\"1\" y1=\"1\" x2=\"13\" y2=\"13\"/><line fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" x1=\"13\" y1=\"1\" x2=\"1\" y2=\"13\"/></svg>";
+
+    var closeLarge = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><line fill=\"none\" stroke=\"#000\" stroke-width=\"1.4\" x1=\"1\" y1=\"1\" x2=\"19\" y2=\"19\"/><line fill=\"none\" stroke=\"#000\" stroke-width=\"1.4\" x1=\"19\" y1=\"1\" x2=\"1\" y2=\"19\"/></svg>";
+
+    var dropParentIcon = "<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" points=\"1 3.5 6 8.5 11 3.5\"/></svg>";
+
+    var marker = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><rect x=\"9\" y=\"4\" width=\"1\" height=\"11\"/><rect x=\"4\" y=\"9\" width=\"11\" height=\"1\"/></svg>";
+
+    var navParentIconLarge = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" points=\"1 4 7 10 13 4\"/></svg>";
+
+    var navParentIcon = "<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" points=\"1 3.5 6 8.5 11 3.5\"/></svg>";
+
+    var navbarParentIcon = "<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" points=\"1 3.5 6 8.5 11 3.5\"/></svg>";
+
+    var navbarToggleIcon = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><style>.uk-navbar-toggle-animate svg&gt;[class*=&quot;line-&quot;]{transition:0.2s ease-in-out;transition-property:transform, opacity;transform-origin:center;opacity:1}.uk-navbar-toggle svg&gt;.line-3{opacity:0}.uk-navbar-toggle-animate[aria-expanded=&quot;true&quot;] svg&gt;.line-3{opacity:1}.uk-navbar-toggle-animate[aria-expanded=&quot;true&quot;] svg&gt;.line-2{transform:rotate(45deg)}.uk-navbar-toggle-animate[aria-expanded=&quot;true&quot;] svg&gt;.line-3{transform:rotate(-45deg)}.uk-navbar-toggle-animate[aria-expanded=&quot;true&quot;] svg&gt;.line-1,.uk-navbar-toggle-animate[aria-expanded=&quot;true&quot;] svg&gt;.line-4{opacity:0}.uk-navbar-toggle-animate[aria-expanded=&quot;true&quot;] svg&gt;.line-1{transform:translateY(6px) scaleX(0)}.uk-navbar-toggle-animate[aria-expanded=&quot;true&quot;] svg&gt;.line-4{transform:translateY(-6px) scaleX(0)}</style><rect class=\"line-1\" y=\"3\" width=\"20\" height=\"2\"/><rect class=\"line-2\" y=\"9\" width=\"20\" height=\"2\"/><rect class=\"line-3\" y=\"9\" width=\"20\" height=\"2\"/><rect class=\"line-4\" y=\"15\" width=\"20\" height=\"2\"/></svg>";
+
+    var overlayIcon = "<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\"><rect x=\"19\" y=\"0\" width=\"1\" height=\"40\"/><rect x=\"0\" y=\"19\" width=\"40\" height=\"1\"/></svg>";
+
+    var paginationNext = "<svg width=\"7\" height=\"12\" viewBox=\"0 0 7 12\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"1.2\" points=\"1 1 6 6 1 11\"/></svg>";
+
+    var paginationPrevious = "<svg width=\"7\" height=\"12\" viewBox=\"0 0 7 12\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"1.2\" points=\"6 1 1 6 6 11\"/></svg>";
+
+    var searchIcon = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><circle fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" cx=\"9\" cy=\"9\" r=\"7\"/><path fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" d=\"M14,14 L18,18 L14,14 Z\"/></svg>";
+
+    var searchLarge = "<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\"><circle fill=\"none\" stroke=\"#000\" stroke-width=\"1.8\" cx=\"17.5\" cy=\"17.5\" r=\"16.5\"/><line fill=\"none\" stroke=\"#000\" stroke-width=\"1.8\" x1=\"38\" y1=\"39\" x2=\"29\" y2=\"30\"/></svg>";
+
+    var searchNavbar = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><circle fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" cx=\"10.5\" cy=\"10.5\" r=\"9.5\"/><line fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" x1=\"23\" y1=\"23\" x2=\"17\" y2=\"17\"/></svg>";
+
+    var slidenavNextLarge = "<svg width=\"25\" height=\"40\" viewBox=\"0 0 25 40\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"2\" points=\"4.002,38.547 22.527,20.024 4,1.5\"/></svg>";
+
+    var slidenavNext = "<svg width=\"14\" height=\"24\" viewBox=\"0 0 14 24\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"1.4\" points=\"1.225,23 12.775,12 1.225,1\"/></svg>";
+
+    var slidenavPreviousLarge = "<svg width=\"25\" height=\"40\" viewBox=\"0 0 25 40\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"2\" points=\"20.527,1.5 2,20.024 20.525,38.547\"/></svg>";
+
+    var slidenavPrevious = "<svg width=\"14\" height=\"24\" viewBox=\"0 0 14 24\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"1.4\" points=\"12.775,1 1.225,12 12.775,23\"/></svg>";
+
+    var spinner = "<svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\"><circle fill=\"none\" stroke=\"#000\" cx=\"15\" cy=\"15\" r=\"14\"/></svg>";
+
+    var totop = "<svg width=\"18\" height=\"10\" viewBox=\"0 0 18 10\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"1.2\" points=\"1 9 9 1 17 9\"/></svg>";
+
+    var I18n = {
+      props: {
+        i18n: Object
+      },
+      data: {
+        i18n: null
+      },
+      methods: {
+        t(key, ...params) {
+          var _a, _b, _c;
+          let i = 0;
+          return ((_c = ((_a = this.i18n) == null ? void 0 : _a[key]) || ((_b = this.$options.i18n) == null ? void 0 : _b[key])) == null ? void 0 : _c.replace(
+            /%s/g,
+            () => params[i++] || ""
+          )) || "";
+        }
+      }
+    };
+
     var Svg = {
       args: "src",
       props: {
@@ -4240,65 +4303,6 @@
       dimensions.forEach((val, i) => attr(el, props[i], toFloat(val) * this.ratio || null));
     }
 
-    var I18n = {
-      props: {
-        i18n: Object
-      },
-      data: {
-        i18n: null
-      },
-      methods: {
-        t(key, ...params) {
-          var _a, _b, _c;
-          let i = 0;
-          return ((_c = ((_a = this.i18n) == null ? void 0 : _a[key]) || ((_b = this.$options.i18n) == null ? void 0 : _b[key])) == null ? void 0 : _c.replace(
-            /%s/g,
-            () => params[i++] || ""
-          )) || "";
-        }
-      }
-    };
-
-    var closeIcon = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\"><line fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" x1=\"1\" y1=\"1\" x2=\"13\" y2=\"13\"/><line fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" x1=\"13\" y1=\"1\" x2=\"1\" y2=\"13\"/></svg>";
-
-    var closeLarge = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><line fill=\"none\" stroke=\"#000\" stroke-width=\"1.4\" x1=\"1\" y1=\"1\" x2=\"19\" y2=\"19\"/><line fill=\"none\" stroke=\"#000\" stroke-width=\"1.4\" x1=\"19\" y1=\"1\" x2=\"1\" y2=\"19\"/></svg>";
-
-    var dropParentIcon = "<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" points=\"1 3.5 6 8.5 11 3.5\"/></svg>";
-
-    var marker = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><rect x=\"9\" y=\"4\" width=\"1\" height=\"11\"/><rect x=\"4\" y=\"9\" width=\"11\" height=\"1\"/></svg>";
-
-    var navParentIcon = "<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" points=\"1 3.5 6 8.5 11 3.5\"/></svg>";
-
-    var navParentIconLarge = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" points=\"1 4 7 10 13 4\"/></svg>";
-
-    var navbarParentIcon = "<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" points=\"1 3.5 6 8.5 11 3.5\"/></svg>";
-
-    var navbarToggleIcon = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><style>.uk-navbar-toggle-animate svg&gt;[class*=&quot;line-&quot;]{transition:0.2s ease-in-out;transition-property:transform, opacity;transform-origin:center;opacity:1}.uk-navbar-toggle svg&gt;.line-3{opacity:0}.uk-navbar-toggle-animate[aria-expanded=&quot;true&quot;] svg&gt;.line-3{opacity:1}.uk-navbar-toggle-animate[aria-expanded=&quot;true&quot;] svg&gt;.line-2{transform:rotate(45deg)}.uk-navbar-toggle-animate[aria-expanded=&quot;true&quot;] svg&gt;.line-3{transform:rotate(-45deg)}.uk-navbar-toggle-animate[aria-expanded=&quot;true&quot;] svg&gt;.line-1,.uk-navbar-toggle-animate[aria-expanded=&quot;true&quot;] svg&gt;.line-4{opacity:0}.uk-navbar-toggle-animate[aria-expanded=&quot;true&quot;] svg&gt;.line-1{transform:translateY(6px) scaleX(0)}.uk-navbar-toggle-animate[aria-expanded=&quot;true&quot;] svg&gt;.line-4{transform:translateY(-6px) scaleX(0)}</style><rect class=\"line-1\" y=\"3\" width=\"20\" height=\"2\"/><rect class=\"line-2\" y=\"9\" width=\"20\" height=\"2\"/><rect class=\"line-3\" y=\"9\" width=\"20\" height=\"2\"/><rect class=\"line-4\" y=\"15\" width=\"20\" height=\"2\"/></svg>";
-
-    var overlayIcon = "<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\"><rect x=\"19\" y=\"0\" width=\"1\" height=\"40\"/><rect x=\"0\" y=\"19\" width=\"40\" height=\"1\"/></svg>";
-
-    var paginationNext = "<svg width=\"7\" height=\"12\" viewBox=\"0 0 7 12\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"1.2\" points=\"1 1 6 6 1 11\"/></svg>";
-
-    var paginationPrevious = "<svg width=\"7\" height=\"12\" viewBox=\"0 0 7 12\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"1.2\" points=\"6 1 1 6 6 11\"/></svg>";
-
-    var searchIcon = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><circle fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" cx=\"9\" cy=\"9\" r=\"7\"/><path fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" d=\"M14,14 L18,18 L14,14 Z\"/></svg>";
-
-    var searchLarge = "<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\"><circle fill=\"none\" stroke=\"#000\" stroke-width=\"1.8\" cx=\"17.5\" cy=\"17.5\" r=\"16.5\"/><line fill=\"none\" stroke=\"#000\" stroke-width=\"1.8\" x1=\"38\" y1=\"39\" x2=\"29\" y2=\"30\"/></svg>";
-
-    var searchNavbar = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><circle fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" cx=\"10.5\" cy=\"10.5\" r=\"9.5\"/><line fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" x1=\"23\" y1=\"23\" x2=\"17\" y2=\"17\"/></svg>";
-
-    var slidenavNext = "<svg width=\"14\" height=\"24\" viewBox=\"0 0 14 24\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"1.4\" points=\"1.225,23 12.775,12 1.225,1\"/></svg>";
-
-    var slidenavNextLarge = "<svg width=\"25\" height=\"40\" viewBox=\"0 0 25 40\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"2\" points=\"4.002,38.547 22.527,20.024 4,1.5\"/></svg>";
-
-    var slidenavPrevious = "<svg width=\"14\" height=\"24\" viewBox=\"0 0 14 24\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"1.4\" points=\"12.775,1 1.225,12 12.775,23\"/></svg>";
-
-    var slidenavPreviousLarge = "<svg width=\"25\" height=\"40\" viewBox=\"0 0 25 40\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"2\" points=\"20.527,1.5 2,20.024 20.525,38.547\"/></svg>";
-
-    var spinner = "<svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\"><circle fill=\"none\" stroke=\"#000\" cx=\"15\" cy=\"15\" r=\"14\"/></svg>";
-
-    var totop = "<svg width=\"18\" height=\"10\" viewBox=\"0 0 18 10\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"1.2\" points=\"1 9 9 1 17 9\"/></svg>";
-
     const icons = {
       spinner,
       totop,
@@ -4354,7 +4358,7 @@
       extends: IconComponent,
       beforeConnect() {
         const icon = this.$props.icon;
-        this.icon = closest(this.$el, ".uk-nav-primary") ? `${icon}-large` : icon;
+        this.icon = closest(this.$el, ".uk-nav-primary") ? "".concat(icon, "-large") : icon;
       }
     };
     const Search = {
@@ -4410,7 +4414,7 @@
       beforeConnect() {
         addClass(this.$el, "uk-slidenav");
         const icon = this.$props.icon;
-        this.icon = hasClass(this.$el, "uk-slidenav-large") ? `${icon}-large` : icon;
+        this.icon = hasClass(this.$el, "uk-slidenav-large") ? "".concat(icon, "-large") : icon;
       }
     };
     const NavbarToggleIcon = {
@@ -4421,7 +4425,7 @@
       extends: ButtonComponent,
       i18n: { label: "Close" },
       beforeConnect() {
-        this.icon = `close-${hasClass(this.$el, "uk-close-large") ? "large" : "icon"}`;
+        this.icon = "close-".concat(hasClass(this.$el, "uk-close-large") ? "large" : "icon");
       }
     };
     const Marker = {
@@ -4536,7 +4540,7 @@
       } else if (src) {
         const change = !includes(el.style.backgroundImage, src);
         if (change) {
-          css(el, "backgroundImage", `url(${escape(src)})`);
+          css(el, "backgroundImage", "url(".concat(escape(src), ")"));
           trigger(el, createEvent("load", false));
         }
       }
@@ -4630,12 +4634,12 @@
     function toMedia(value, element) {
       if (isString(value)) {
         if (startsWith(value, "@")) {
-          value = toFloat(css(element, `--uk-breakpoint-${value.substr(1)}`));
+          value = toFloat(css(element, "--uk-breakpoint-".concat(value.substr(1))));
         } else if (isNaN(value)) {
           return value;
         }
       }
-      return value && isNumeric(value) ? `(min-width: ${value}px)` : "";
+      return value && isNumeric(value) ? "(min-width: ".concat(value, "px)") : "";
     }
 
     var leader = {
@@ -4655,7 +4659,7 @@
         }
       },
       connected() {
-        [this.wrapper] = wrapInner(this.$el, `<span class="${this.clsWrapper}">`);
+        [this.wrapper] = wrapInner(this.$el, '<span class="'.concat(this.clsWrapper, '">'));
       },
       disconnected() {
         unwrap(this.wrapper.childNodes);
@@ -4723,7 +4727,7 @@
         {
           name: "click",
           delegate() {
-            return `${this.selClose},a[href*="#"]`;
+            return "".concat(this.selClose, ',a[href*="#"]');
           },
           handler(e) {
             const { current, defaultPrevented } = e;
@@ -4848,10 +4852,13 @@
             },
             { self: true }
           );
-          const timer = setTimeout(() => {
-            off();
-            resolve();
-          }, toMs(css(transitionElement, "transitionDuration")));
+          const timer = setTimeout(
+            () => {
+              off();
+              resolve();
+            },
+            toMs(css(transitionElement, "transitionDuration"))
+          );
         })
       ).then(() => delete el._reject);
     }
@@ -4872,7 +4879,7 @@
         }
         once(
           document,
-          `${pointerUp} ${pointerCancel} scroll`,
+          "".concat(pointerUp, " ").concat(pointerCancel, " scroll"),
           ({ defaultPrevented, type, target: newTarget }) => {
             if (!defaultPrevented && type === pointerUp && target === newTarget) {
               modal.hide();
@@ -4924,7 +4931,7 @@
     function install({ modal }) {
       modal.dialog = function(content, options) {
         const dialog = modal(
-          `<div class="uk-modal"> <div class="uk-modal-dialog">${content}</div> </div>`,
+          '<div class="uk-modal">\n                <div class="uk-modal-dialog">'.concat(content, "</div>\n             </div>"),
           { stack: true, role: "alertdialog", ...options }
         );
         dialog.show();
@@ -4941,20 +4948,20 @@
       };
       modal.alert = function(message, options) {
         return openDialog(
-          ({ i18n }) => `<div class="uk-modal-body">${isString(message) ? message : html(message)}</div> <div class="uk-modal-footer uk-text-right"> <button class="uk-button uk-button-primary uk-modal-close" autofocus>${i18n.ok}</button> </div>`,
+          ({ i18n }) => '<div class="uk-modal-body">'.concat(isString(message) ? message : html(message), '</div>\n            <div class="uk-modal-footer uk-text-right">\n                <button class="uk-button uk-button-primary uk-modal-close" autofocus>').concat(i18n.ok, "</button>\n            </div>"),
           options
         );
       };
       modal.confirm = function(message, options) {
         return openDialog(
-          ({ i18n }) => `<form> <div class="uk-modal-body">${isString(message) ? message : html(message)}</div> <div class="uk-modal-footer uk-text-right"> <button class="uk-button uk-button-default uk-modal-close" type="button">${i18n.cancel}</button> <button class="uk-button uk-button-primary" autofocus>${i18n.ok}</button> </div> </form>`,
+          ({ i18n }) => '<form>\n                <div class="uk-modal-body">'.concat(isString(message) ? message : html(message), '</div>\n                <div class="uk-modal-footer uk-text-right">\n                    <button class="uk-button uk-button-default uk-modal-close" type="button">').concat(i18n.cancel, '</button>\n                    <button class="uk-button uk-button-primary" autofocus>').concat(i18n.ok, "</button>\n                </div>\n            </form>"),
           options,
           () => Promise.reject()
         );
       };
       modal.prompt = function(message, value, options) {
         const promise = openDialog(
-          ({ i18n }) => `<form class="uk-form-stacked"> <div class="uk-modal-body"> <label>${isString(message) ? message : html(message)}</label> <input class="uk-input" value="${value || ""}" autofocus> </div> <div class="uk-modal-footer uk-text-right"> <button class="uk-button uk-button-default uk-modal-close" type="button">${i18n.cancel}</button> <button class="uk-button uk-button-primary">${i18n.ok}</button> </div> </form>`,
+          ({ i18n }) => '<form class="uk-form-stacked">\n                <div class="uk-modal-body">\n                    <label>'.concat(isString(message) ? message : html(message), '</label>\n                    <input class="uk-input" value="').concat(value || "", '" autofocus>\n                </div>\n                <div class="uk-modal-footer uk-text-right">\n                    <button class="uk-button uk-button-default uk-modal-close" type="button">').concat(i18n.cancel, '</button>\n                    <button class="uk-button uk-button-primary">').concat(i18n.ok, "</button>\n                </div>\n            </form>"),
           options,
           () => null,
           () => input.value
@@ -5060,7 +5067,7 @@
           return overlay ? clsOverlay : "";
         },
         clsMode({ mode, clsMode }) {
-          return `${clsMode}-${mode}`;
+          return "".concat(clsMode, "-").concat(mode);
         },
         clsSidebarAnimation({ mode, clsSidebarAnimation }) {
           return mode === "none" || mode === "reveal" ? "" : clsSidebarAnimation;
@@ -5309,7 +5316,7 @@
       watch: {
         elements(elements) {
           if (this.hidden) {
-            css(filter(elements, `:not(.${this.inViewClass})`), "opacity", 0);
+            css(filter(elements, ":not(.".concat(this.inViewClass, ")")), "opacity", 0);
           }
         }
       },
@@ -5521,9 +5528,9 @@
         this.placeholder = null;
       },
       observe: [
-        resize({ target: ({ $el }) => [$el, document.scrollingElement] }),
         viewport(),
-        scroll$1()
+        scroll$1({ target: () => document.scrollingElement }),
+        resize({ target: ({ $el }) => [$el, document.scrollingElement] })
       ],
       events: [
         {
@@ -5917,7 +5924,7 @@
       symbolRe.lastIndex = 0;
       let match;
       while (match = symbolRe.exec(svg)) {
-        symbols[match[3]] = `<svg ${match[1]}svg>`;
+        symbols[match[3]] = "<svg ".concat(match[1], "svg>");
       }
       return symbols;
     });
@@ -6033,7 +6040,7 @@
             return this.connects.concat(this.itemNav ? queryAll(this.itemNav, this.$el) : []);
           },
           delegate() {
-            return `[${this.attrItem}],[data-${this.attrItem}]`;
+            return "[".concat(this.attrItem, "],[data-").concat(this.attrItem, "]");
           },
           handler(e) {
             if (closest(e.target, "a,button")) {
@@ -6066,8 +6073,8 @@
           if (!item) {
             continue;
           }
-          toggle.id = generateId(this, toggle, `-tab-${index}`);
-          item.id = generateId(this, item, `-tabpanel-${index}`);
+          toggle.id = generateId(this, toggle, "-tab-".concat(index));
+          item.id = generateId(this, item, "-tabpanel-".concat(index));
           attr(toggle, "aria-controls", item.id);
           attr(item, { role: "tabpanel", "aria-labelledby": toggle.id });
         }
@@ -6182,7 +6189,7 @@
           }
         },
         {
-          name: `${pointerEnter} ${pointerLeave} focus blur`,
+          name: "".concat(pointerEnter, " ").concat(pointerLeave, " focus blur"),
           filter() {
             return includes(this.mode, "hover");
           },
@@ -6202,7 +6209,7 @@
               return;
             }
             this._showState = show ? expanded : null;
-            this.toggle(`toggle${show ? "show" : "hide"}`);
+            this.toggle("toggle".concat(show ? "show" : "hide"));
           }
         },
         {