uikit 3.15.18-dev.9cbbb510d → 3.15.19-dev.699ab5a7f

package/dist/js/uikit.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.15.18-dev.9cbbb510d | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.15.19-dev.699ab5a7f | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -152,7 +152,7 @@
     }
 
     function swap(value, a, b) {
-      return value.replace(new RegExp(a + "|" + b, 'g'), (match) => match === a ? b : a);
+      return value.replace(new RegExp(`${a}|${b}`, 'g'), (match) => match === a ? b : a);
     }
 
     function last(array) {
@@ -171,8 +171,7 @@
     function sortBy$1(array, prop) {
       return array.
       slice().
-      sort((_ref, _ref2) => {let { [prop]: propA = 0 } = _ref;let { [prop]: propB = 0 } = _ref2;return (
-          propA > propB ? 1 : propB > propA ? -1 : 0);});
+      sort(({ [prop]: propA = 0 }, { [prop]: propB = 0 }) => propA > propB ? 1 : propB > propA ? -1 : 0);
 
     }
 
@@ -185,24 +184,22 @@
 
     function uniqueBy(array, prop) {
       const seen = new Set();
-      return array.filter((_ref3) => {let { [prop]: check } = _ref3;return seen.has(check) ? false : seen.add(check);});
+      return array.filter(({ [prop]: check }) => seen.has(check) ? false : seen.add(check));
     }
 
-    function clamp(number, min, max) {if (min === void 0) {min = 0;}if (max === void 0) {max = 1;}
+    function clamp(number, min = 0, max = 1) {
       return Math.min(Math.max(toNumber(number) || 0, min), max);
     }
 
     function noop() {}
 
-    function intersectRect() {for (var _len = arguments.length, rects = new Array(_len), _key = 0; _key < _len; _key++) {rects[_key] = arguments[_key];}
+    function intersectRect(...rects) {
       return [
       ['bottom', 'top'],
       ['right', 'left']].
       every(
-      (_ref4) => {let [minProp, maxProp] = _ref4;return (
-          Math.min(...rects.map((_ref5) => {let { [minProp]: min } = _ref5;return min;})) -
-          Math.max(...rects.map((_ref6) => {let { [maxProp]: max } = _ref6;return max;})) >
-          0);});
+      ([minProp, maxProp]) => Math.min(...rects.map(({ [minProp]: min }) => min)) -
+      Math.max(...rects.map(({ [maxProp]: max }) => max)) > 0);
 
     }
 
@@ -254,7 +251,7 @@
 
     const Dimensions = { ratio, contain, cover: cover$1 };
 
-    function getIndex(i, elements, current, finite) {if (current === void 0) {current = 0;}if (finite === void 0) {finite = false;}
+    function getIndex(i, elements, current = 0, finite = false) {
       elements = toNodes(elements);
 
       const { length } = elements;
@@ -324,16 +321,11 @@
     }
 
     function removeAttr(element, name) {
-      const elements = toNodes(element);
-      for (const attribute of name.split(' ')) {
-        for (const element of elements) {
-          element.removeAttribute(attribute);
-        }
-      }
+      toNodes(element).forEach((element) => element.removeAttribute(name));
     }
 
     function data(element, attribute) {
-      for (const name of [attribute, "data-" + attribute]) {
+      for (const name of [attribute, `data-${attribute}`]) {
         if (hasAttr(element, name)) {
           return attr(element, name);
         }
@@ -372,7 +364,7 @@
       return toNodes(element).some((element) => matches(element, selInput));
     }
 
-    const selFocusable = selInput + ",a[href],[tabindex]";
+    const selFocusable = `${selInput},a[href],[tabindex]`;
     function isFocusable(element) {
       return matches(element, selFocusable);
     }
@@ -444,7 +436,7 @@
     const contextSelectorRe = /(^|[^\\],)\s*[!>+~-]/;
     const isContextSelector = memoize((selector) => selector.match(contextSelectorRe));
 
-    function getContext(selector, context) {if (context === void 0) {context = document;}
+    function getContext(selector, context = document) {
       return isString(selector) && isContextSelector(selector) || isDocument(context) ?
       context :
       context.ownerDocument;
@@ -453,7 +445,7 @@
     const contextSanitizeRe = /([!>+~-])(?=\s+[!>+~-]|\s*$)/g;
     const sanatize = memoize((selector) => selector.replace(contextSanitizeRe, '$1 *'));
 
-    function _query(selector, context, queryFn) {if (context === void 0) {context = document;}
+    function _query(selector, context = document, queryFn) {
       if (!selector || !isString(selector)) {
         return selector;
       }
@@ -483,7 +475,7 @@
           }
 
           if (ctx) {
-            selector += "" + (selector ? ',' : '') + domPath(ctx) + " " + sel;
+            selector += `${selector ? ',' : ''}${domPath(ctx)} ${sel}`;
           }
         }
 
@@ -508,12 +500,12 @@
       while (element.parentNode) {
         const id = attr(element, 'id');
         if (id) {
-          names.unshift("#" + escape(id));
+          names.unshift(`#${escape(id)}`);
           break;
         } else {
           let { tagName } = element;
           if (tagName !== 'HTML') {
-            tagName += ":nth-child(" + (index(element) + 1) + ")";
+            tagName += `:nth-child(${index(element) + 1})`;
           }
           names.unshift(tagName);
           element = element.parentNode;
@@ -526,7 +518,7 @@
       return isString(css) ? CSS.escape(css) : '';
     }
 
-    function on() {for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}
+    function on(...args) {
       let [targets, types, selector, listener, useCapture = false] = getArgs(args);
 
       if (listener.length > 1) {
@@ -550,7 +542,7 @@
       return () => off(targets, types, listener, useCapture);
     }
 
-    function off() {for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {args[_key2] = arguments[_key2];}
+    function off(...args) {
       let [targets, types,, listener, useCapture = false] = getArgs(args);
       for (const type of types) {
         for (const target of targets) {
@@ -559,7 +551,7 @@
       }
     }
 
-    function once() {for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {args[_key3] = arguments[_key3];}
+    function once(...args) {
       const [element, types, selector, listener, useCapture = false, condition] = getArgs(args);
       const off = on(
       element,
@@ -579,12 +571,11 @@
     }
 
     function trigger(targets, event, detail) {
-      return toEventTargets(targets).every((target) =>
-      target.dispatchEvent(createEvent(event, true, true, detail)));
+      return toEventTargets(targets).every((target) => target.dispatchEvent(createEvent(event, true, true, detail)));
 
     }
 
-    function createEvent(e, bubbles, cancelable, detail) {if (bubbles === void 0) {bubbles = true;}if (cancelable === void 0) {cancelable = false;}
+    function createEvent(e, bubbles = true, cancelable = false, detail) {
       if (isString(e)) {
         e = new CustomEvent(e, { bubbles, cancelable, detail });
       }
@@ -755,7 +746,7 @@
       zoom: true
     };
 
-    function css(element, property, value, priority) {if (priority === void 0) {priority = '';}
+    function css(element, property, value, priority = '') {
       const elements = toNodes(element);
       for (const element of elements) {
         if (isString(property)) {
@@ -767,7 +758,7 @@
             element.style.setProperty(
             property,
             isNumeric(value) && !cssNumber[property] ?
-            value + "px" :
+            `${value}px` :
             value || isNumber(value) ?
             value :
             '',
@@ -805,30 +796,29 @@
       }
 
       for (const prefix of ['webkit', 'moz']) {
-        const prefixedName = "-" + prefix + "-" + name;
+        const prefixedName = `-${prefix}-${name}`;
         if (prefixedName in style) {
           return prefixedName;
         }
       }
     }
 
-    function addClass(element) {for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {args[_key - 1] = arguments[_key];}
+    function addClass(element, ...args) {
       apply$1(element, args, 'add');
     }
 
-    function removeClass(element) {for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {args[_key2 - 1] = arguments[_key2];}
+    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'), ''));
+      attr(element, 'class', (value) => (value || '').replace(new RegExp(`\\b${cls}\\b\\s?`, 'g'), ''));
 
     }
 
-    function replaceClass(element) {
-      (arguments.length <= 1 ? undefined : arguments[1]) && removeClass(element, arguments.length <= 1 ? undefined : arguments[1]);
-      (arguments.length <= 2 ? undefined : arguments[2]) && addClass(element, arguments.length <= 2 ? undefined : arguments[2]);
+    function replaceClass(element, ...args) {
+      args[0] && removeClass(element, args[0]);
+      args[1] && addClass(element, args[1]);
     }
 
     function hasClass(element, cls) {
@@ -862,12 +852,11 @@
       return String(str).split(/\s|,/).filter(Boolean);
     }
 
-    function transition$1(element, props, duration, timing) {if (duration === void 0) {duration = 400;}if (timing === void 0) {timing = 'linear';}
+    function transition$1(element, props, duration = 400, timing = 'linear') {
       duration = Math.round(duration);
       return Promise.all(
       toNodes(element).map(
-      (element) =>
-      new Promise((resolve, reject) => {
+      (element) => new Promise((resolve, reject) => {
         for (const name in props) {
           const value = css(element, name);
           if (value === '') {
@@ -880,7 +869,7 @@
         once(
         element,
         'transitionend transitioncanceled',
-        (_ref) => {let { type } = _ref;
+        ({ type }) => {
           clearTimeout(timer);
           removeClass(element, 'uk-transition');
           css(element, {
@@ -896,7 +885,7 @@
         addClass(element, 'uk-transition');
         css(element, {
           transitionProperty: Object.keys(props).map(propName).join(','),
-          transitionDuration: duration + "ms",
+          transitionDuration: `${duration}ms`,
           transitionTimingFunction: timing,
           ...props
         });
@@ -925,41 +914,40 @@
 
     const animationPrefix = 'uk-animation-';
 
-    function animate$2(element, animation, duration, origin, out) {if (duration === void 0) {duration = 200;}
+    function animate$2(element, animation, duration = 200, origin, out) {
       return Promise.all(
       toNodes(element).map(
-      (element) =>
-      new Promise((resolve, reject) => {
+      (element) => new Promise((resolve, reject) => {
         trigger(element, 'animationcanceled');
         const timer = setTimeout(() => trigger(element, 'animationend'), duration);
 
         once(
         element,
         'animationend animationcanceled',
-        (_ref2) => {let { type } = _ref2;
+        ({ type }) => {
           clearTimeout(timer);
 
           type === 'animationcanceled' ? reject() : resolve(element);
 
           css(element, 'animationDuration', '');
-          removeClasses(element, animationPrefix + "\\S*");
+          removeClasses(element, `${animationPrefix}\\S*`);
         },
         { self: true });
 
 
-        css(element, 'animationDuration', duration + "ms");
+        css(element, 'animationDuration', `${duration}ms`);
         addClass(element, animation, animationPrefix + (out ? 'leave' : 'enter'));
 
         if (startsWith(animation, animationPrefix)) {
-          origin && addClass(element, "uk-transform-origin-" + origin);
-          out && addClass(element, animationPrefix + "reverse");
+          origin && addClass(element, `uk-transform-origin-${origin}`);
+          out && addClass(element, `${animationPrefix}reverse`);
         }
       })));
 
 
     }
 
-    const inProgressRe = new RegExp(animationPrefix + "(enter|leave)");
+    const inProgressRe = new RegExp(`${animationPrefix}(enter|leave)`);
 
     const Animation = {
       in: animate$2,
@@ -1031,8 +1019,7 @@
 
     function wrapInner(element, structure) {
       return toNodes(
-      toNodes(element).map((element) =>
-      element.hasChildNodes() ?
+      toNodes(element).map((element) => element.hasChildNodes() ?
       wrapAll(toNodes(element.childNodes), structure) :
       append(element, structure)));
 
@@ -1135,8 +1122,7 @@
 
       const pos = css(element, 'position');
 
-      each(css(element, ['left', 'top']), (value, prop) =>
-      css(
+      each(css(element, ['left', 'top']), (value, prop) => css(
       element,
       prop,
       coordinates[prop] -
@@ -1181,8 +1167,8 @@
       const offset = [element.offsetTop, element.offsetLeft];
 
       while (element = element.offsetParent) {
-        offset[0] += element.offsetTop + toFloat(css(element, "borderTopWidth"));
-        offset[1] += element.offsetLeft + toFloat(css(element, "borderLeftWidth"));
+        offset[0] += element.offsetTop + toFloat(css(element, `borderTopWidth`));
+        offset[1] += element.offsetLeft + toFloat(css(element, `borderLeftWidth`));
 
         if (css(element, 'position') === 'fixed') {
           const win = toWindow(element);
@@ -1203,18 +1189,18 @@
       return (element, value) => {
         if (isUndefined(value)) {
           if (isWindow(element)) {
-            return element["inner" + propName];
+            return element[`inner${propName}`];
           }
 
           if (isDocument(element)) {
             const doc = element.documentElement;
-            return Math.max(doc["offset" + propName], doc["scroll" + propName]);
+            return Math.max(doc[`offset${propName}`], doc[`scroll${propName}`]);
           }
 
           element = toNode(element);
 
           value = css(element, prop);
-          value = value === 'auto' ? element["offset" + propName] : toFloat(value) || 0;
+          value = value === 'auto' ? element[`offset${propName}`] : toFloat(value) || 0;
 
           return value - boxModelAdjust(element, prop);
         } else {
@@ -1227,13 +1213,12 @@
       };
     }
 
-    function boxModelAdjust(element, prop, sizing) {if (sizing === void 0) {sizing = 'border-box';}
+    function boxModelAdjust(element, prop, sizing = 'border-box') {
       return css(element, 'boxSizing') === sizing ?
       sumBy(
       dirs$1[prop].map(ucfirst),
-      (prop) =>
-      toFloat(css(element, "padding" + prop)) +
-      toFloat(css(element, "border" + prop + "Width"))) :
+      (prop) => toFloat(css(element, `padding${prop}`)) +
+      toFloat(css(element, `border${prop}Width`))) :
 
       0;
     }
@@ -1249,7 +1234,7 @@
       return pos;
     }
 
-    function toPx(value, property, element, offsetDim) {if (property === void 0) {property = 'width';}if (element === void 0) {element = window;}if (offsetDim === void 0) {offsetDim = false;}
+    function toPx(value, property = 'width', element = window, offsetDim = false) {
       if (!isString(value)) {
         return toFloat(value);
       }
@@ -1264,7 +1249,7 @@
         unit === 'vw' ?
         width(toWindow(element)) :
         offsetDim ?
-        element["offset" + ucfirst(property)] :
+        element[`offset${ucfirst(property)}`] :
         dimensions$1(element)[property],
         value) :
 
@@ -1450,7 +1435,7 @@
     };
 
     // Inspired by http://paulbourke.net/geometry/pointlineplane/
-    function intersect(_ref, _ref2) {let [{ x: x1, y: y1 }, { x: x2, y: y2 }] = _ref;let [{ x: x3, y: y3 }, { x: x4, y: y4 }] = _ref2;
+    function intersect([{ x: x1, y: y1 }, { x: x2, y: y2 }], [{ x: x3, y: y3 }, { x: x4, y: y4 }]) {
       const denominator = (y4 - y3) * (x2 - x1) - (x4 - x3) * (y2 - y1);
 
       // Lines are parallel
@@ -1468,7 +1453,7 @@
       return { x: x1 + ua * (x2 - x1), y: y1 + ua * (y2 - y1) };
     }
 
-    function observeIntersection(targets, cb, options, intersecting) {if (intersecting === void 0) {intersecting = true;}
+    function observeIntersection(targets, cb, options, intersecting = true) {
       const observer = new IntersectionObserver(
       intersecting ?
       (entries, observer) => {
@@ -1487,7 +1472,7 @@
     }
 
     const hasResizeObserver = inBrowser && window.ResizeObserver;
-    function observeResize(targets, cb, options) {if (options === void 0) {options = { box: 'border-box' };}
+    function observeResize(targets, cb, options = { box: 'border-box' }) {
       if (hasResizeObserver) {
         return observe(ResizeObserver, targets, cb, options);
       }
@@ -1661,7 +1646,7 @@
       return options;
     }
 
-    function parseOptions(options, args) {if (args === void 0) {args = [];}
+    function parseOptions(options, args = []) {
       try {
         return options ?
         startsWith(options, '{') ?
@@ -1771,7 +1756,7 @@
           listener();
         });
 
-        once(window, 'message', resolve, false, (_ref) => {let { data } = _ref;
+        once(window, 'message', resolve, false, ({ data }) => {
           try {
             data = JSON.parse(data);
             return (
@@ -1784,13 +1769,13 @@
             // noop
           }});
 
-        el.src = "" + el.src + (includes(el.src, '?') ? '&' : '?') + (
-        youtube ? 'enablejsapi=1' : "api=1&player_id=" + id);
-
+        el.src = `${el.src}${includes(el.src, '?') ? '&' : '?'}${
+    youtube ? 'enablejsapi=1' : `api=1&player_id=${id}`
+    }`;
       }).then(() => clearInterval(poller));
     }
 
-    function isInView(element, offsetTop, offsetLeft) {if (offsetTop === void 0) {offsetTop = 0;}if (offsetLeft === void 0) {offsetLeft = 0;}
+    function isInView(element, offsetTop = 0, offsetLeft = 0) {
       if (!isVisible(element)) {
         return false;
       }
@@ -1811,7 +1796,7 @@
 
     }
 
-    function scrollIntoView(element, _temp) {let { offset: offsetBy = 0 } = _temp === void 0 ? {} : _temp;
+    function scrollIntoView(element, { offset: offsetBy = 0 } = {}) {
       const parents = isVisible(element) ? scrollParents(element) : [];
       return parents.reduce(
       (fn, scrollElement, i) => {
@@ -1873,7 +1858,7 @@
       }
     }
 
-    function scrolledOver(element, startOffset, endOffset) {if (startOffset === void 0) {startOffset = 0;}if (endOffset === void 0) {endOffset = 0;}
+    function scrolledOver(element, startOffset = 0, endOffset = 0) {
       if (!isVisible(element)) {
         return 0;
       }
@@ -1890,7 +1875,7 @@
       return clamp((scrollTop - start) / (end - start));
     }
 
-    function scrollParents(element, overflowRe, scrollable) {if (overflowRe === void 0) {overflowRe = /auto|scroll|hidden|clip/;}if (scrollable === void 0) {scrollable = false;}
+    function scrollParents(element, overflowRe = /auto|scroll|hidden|clip/, scrollable = false) {
       const scrollEl = scrollingElement(element);
 
       let ancestors = parents(element).reverse();
@@ -1904,8 +1889,7 @@
       return [scrollEl].
       concat(
       ancestors.filter(
-      (parent) =>
-      overflowRe.test(css(parent, 'overflow')) && (
+      (parent) => overflowRe.test(css(parent, 'overflow')) && (
       !scrollable || parent.scrollHeight > offsetViewport(parent).height))).
 
 
@@ -1941,9 +1925,9 @@
           // iOS 12 returns <body> as scrollingElement
           viewportElement = documentElement;
         } else {
-          rect[start] += toFloat(css(viewportElement, "border-" + start + "-width"));
+          rect[start] += toFloat(css(viewportElement, `border-${start}-width`));
         }
-        rect[prop] = rect[dir] = viewportElement["client" + ucfirst(prop)];
+        rect[prop] = rect[dir] = viewportElement[`client${ucfirst(prop)}`];
         rect[end] = rect[prop] + rect[start];
       }
       return rect;
@@ -2106,9 +2090,9 @@
       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] = scrollElement["scroll" + ucfirst(prop)];
+      if (['auto', 'scroll'].includes(css(scrollElement, `overflow-${axis}`))) {
+        viewport[start] -= scrollElement[`scroll${ucfirst(start)}`];
+        viewport[end] = scrollElement[`scroll${ucfirst(prop)}`];
       }
 
       viewport[start] += viewportOffset;
@@ -2121,8 +2105,8 @@
       return scrollParents(target).filter((parent) => within(element, parent));
     }
 
-    function getIntersectionArea() {
-      let area = {};for (var _len = arguments.length, rects = new Array(_len), _key = 0; _key < _len; _key++) {rects[_key] = arguments[_key];}
+    function getIntersectionArea(...rects) {
+      let area = {};
       for (const rect of rects) {
         for (const [,, start, end] of dirs) {
           area[start] = Math.max(area[start] || 0, rect[start]);
@@ -2137,7 +2121,7 @@
       return positionA[start] >= positionB[start] && positionA[end] <= positionB[end];
     }
 
-    function flip(element, target, _ref, i) {let { offset, attach } = _ref;
+    function flip(element, target, { offset, attach }, i) {
       return attachTo(element, target, {
         attach: {
           element: flipAttach(attach.element, i),
@@ -2437,7 +2421,7 @@
         delete this._watch;
       };
 
-      UIkit.prototype._callUpdate = function (e) {if (e === void 0) {e = 'update';}
+      UIkit.prototype._callUpdate = function (e = 'update') {
         if (!this._connected) {
           return;
         }
@@ -2616,8 +2600,8 @@
         this._observers = [initPropsObserver(this), initChildListObserver(this)];
       };
 
-      UIkit.prototype.registerObserver = function () {
-        this._observers.push(...arguments);
+      UIkit.prototype.registerObserver = function (...observer) {
+        this._observers.push(...observer);
       };
 
       UIkit.prototype._disconnectObservers = function () {
@@ -2742,7 +2726,7 @@
       [value];
     }
 
-    function normalizeData(_ref, _ref2) {let { data = {} } = _ref;let { args = [], props = {} } = _ref2;
+    function normalizeData({ data = {} }, { args = [], props = {} }) {
       if (isArray(data)) {
         data = data.slice(0, args.length).reduce((data, value, index) => {
           if (isPlainObject(value)) {
@@ -2802,7 +2786,7 @@
       const observer = new MutationObserver((records) => {
         const data = getProps$1($options);
         if (
-        records.some((_ref3) => {let { attributeName } = _ref3;
+        records.some(({ attributeName }) => {
           const prop = attributeName.replace('data-', '');
           return (prop === id ? attributes : [camelize(prop), camelize(attributeName)]).some(
           (prop) => !isUndefined(data[prop]) && data[prop] !== $props[prop]);
@@ -2815,7 +2799,7 @@
 
       observer.observe(el, {
         attributes: true,
-        attributeFilter: filter.concat(filter.map((key) => "data-" + key))
+        attributeFilter: filter.concat(filter.map((key) => `data-${key}`))
       });
 
       return observer;
@@ -2853,7 +2837,7 @@
         this._callConnected();
       };
 
-      UIkit.prototype.$destroy = function (removeEl) {if (removeEl === void 0) {removeEl = false;}
+      UIkit.prototype.$destroy = function (removeEl = false) {
         const { el, name } = this.$options;
 
         if (el) {
@@ -2881,7 +2865,7 @@
         this._callUpdate(e);
       };
 
-      UIkit.prototype.$update = function (element, e) {if (element === void 0) {element = this.$el;}
+      UIkit.prototype.$update = function (element = this.$el, e) {
         UIkit.update(element, e);
       };
 
@@ -2904,7 +2888,7 @@
 
         if (!options) {
           if (isPlainObject(components$3[id])) {
-            components$3[id] = components$3["data-" + id] = UIkit.extend(components$3[id]);
+            components$3[id] = components$3[`data-${id}`] = UIkit.extend(components$3[id]);
           }
 
           return components$3[id];
@@ -2944,10 +2928,10 @@
         opt.install == null ? void 0 : opt.install(UIkit, opt, name);
 
         if (UIkit._initialized && !opt.functional) {
-          requestAnimationFrame(() => UIkit[name]("[" + id + "],[data-" + id + "]"));
+          requestAnimationFrame(() => UIkit[name](`[${id}],[data-${id}]`));
         }
 
-        return components$3[id] = components$3["data-" + id] = isPlainObject(options) ? opt : options;
+        return components$3[id] = components$3[`data-${id}`] = isPlainObject(options) ? opt : options;
       };
 
       UIkit.getComponents = (element) => (element == null ? void 0 : element[DATA]) || {};
@@ -2986,7 +2970,7 @@
     UIkit.data = '__uikit__';
     UIkit.prefix = 'uk-';
     UIkit.options = {};
-    UIkit.version = '3.15.18-dev.9cbbb510d';
+    UIkit.version = '3.15.19-dev.699ab5a7f';
 
     globalAPI(UIkit);
     hooksAPI(UIkit);
@@ -3027,7 +3011,7 @@
         UIkit._initialized = true;
       });
 
-      function applyChildListMutation(_ref) {let { addedNodes, removedNodes } = _ref;
+      function applyChildListMutation({ addedNodes, removedNodes }) {
         for (const node of addedNodes) {
           apply(node, connect);
         }
@@ -3037,7 +3021,7 @@
         }
       }
 
-      function applyAttributeMutation(_ref2) {let { target, attributeName } = _ref2;
+      function applyAttributeMutation({ target, attributeName }) {
         const name = getComponentName(attributeName);
 
         if (name) {var _UIkit$getComponent;
@@ -3063,7 +3047,7 @@
       },
 
       methods: {
-        lazyload(observeTargets, targets) {if (observeTargets === void 0) {observeTargets = this.$el;}if (targets === void 0) {targets = this.$el;}
+        lazyload(observeTargets = this.$el, targets = this.$el) {
           this.registerObserver(
           observeIntersection(observeTargets, (entries, observer) => {
             for (const el of toNodes(isFunction(targets) ? targets() : targets)) {
@@ -3073,8 +3057,8 @@
             }
 
             for (const el of entries.
-            filter((_ref) => {let { isIntersecting } = _ref;return isIntersecting;}).
-            map((_ref2) => {let { target } = _ref2;return target;})) {
+            filter(({ isIntersecting }) => isIntersecting).
+            map(({ target }) => target)) {
               observer.unobserve(el);
             }
           }));
@@ -3105,23 +3089,22 @@
       },
 
       computed: {
-        hasAnimation(_ref) {let { animation } = _ref;
+        hasAnimation({ animation }) {
           return !!animation[0];
         },
 
-        hasTransition(_ref2) {let { animation } = _ref2;
+        hasTransition({ animation }) {
           return ['slide', 'reveal'].some((transition) => startsWith(animation[0], transition));
         }
       },
 
       methods: {
         toggleElement(targets, toggle, animate) {
-          return new Promise((resolve) =>
-          Promise.all(
+          return new Promise((resolve) => 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${show ? 'show' : 'hide'}`, [this])) {
               return Promise.reject();
             }
 
@@ -3157,7 +3140,7 @@
 
         },
 
-        isToggled(el) {if (el === void 0) {el = this.$el;}
+        isToggled(el = this.$el) {
           [el] = toNodes(el);
           return hasClass(el, this.clsEnter) ?
           true :
@@ -3193,7 +3176,7 @@
       }
     };
 
-    function toggleInstant(el, show, _ref3) {let { _toggle } = _ref3;
+    function toggleInstant(el, show, { _toggle }) {
       Animation.cancel(el);
       Transition.cancel(el);
       return _toggle(el, show);
@@ -3201,9 +3184,9 @@
 
     async function toggleTransition(
     el,
-    show, _ref4)
-
-    {var _animation$;let { animation, duration, velocity, transition, _toggle } = _ref4;
+    show,
+    { animation, duration, velocity, transition, _toggle })
+    {var _animation$;
       const [mode = 'reveal', startProp = 'top'] = ((_animation$ = animation[0]) == null ? void 0 : _animation$.split('-')) || [];
 
       const dirs = [
@@ -3214,8 +3197,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-${dir[0]}`;
+      const marginStartProp = `margin-${startProp}`;
 
       let currentDim = dimensions$1(el)[dimProp];
 
@@ -3315,8 +3298,7 @@
         return Animation.in(el, animation[0], duration, cmp.origin);
       }
 
-      return Animation.out(el, animation[1] || animation[0], duration, cmp.origin).then(() =>
-      _toggle(el, false));
+      return Animation.out(el, animation[1] || animation[0], duration, cmp.origin).then(() => _toggle(el, false));
 
     }
 
@@ -3348,7 +3330,7 @@
 
       computed: {
         items: {
-          get(_ref, $el) {let { targets } = _ref;
+          get({ targets }, $el) {
             return $$(targets, $el);
           },
 
@@ -3369,12 +3351,12 @@
           immediate: true
         },
 
-        toggles(_ref2) {let { toggle } = _ref2;
+        toggles({ toggle }) {
           return this.items.map((item) => $(toggle, item));
         },
 
         contents: {
-          get(_ref3) {let { content } = _ref3;
+          get({ content }) {
             return this.items.map((item) => $(content, item));
           },
 
@@ -3403,7 +3385,7 @@
         name: 'click',
 
         delegate() {
-          return this.targets + " " + this.$props.toggle;
+          return `${this.targets} ${this.$props.toggle}`;
         },
 
         async handler(e) {var _this$_off;
@@ -3421,7 +3403,7 @@
         async toggle(item, animate) {
           item = this.items[getIndex(item, this.items)];
           let items = [item];
-          const activeItems = filter$1(this.items, "." + this.clsOpen);
+          const activeItems = filter$1(this.items, `.${this.clsOpen}`);
 
           if (!this.multiple && !includes(activeItems, items[0])) {
             items = items.concat(activeItems);
@@ -3432,8 +3414,7 @@
           }
 
           await Promise.all(
-          items.map((el) =>
-          this.toggleElement(el, !includes(activeItems, el), (el, show) => {
+          items.map((el) => this.toggleElement(el, !includes(activeItems, el), (el, show) => {
             toggleClass(el, this.clsOpen, show);
             attr($(this.$props.toggle, el), 'aria-expanded', show);
 
@@ -3454,7 +3435,7 @@
       el && (el.hidden = hide);
     }
 
-    async function transition(el, show, _ref4) {var _el$_wrapper;let { content, duration, velocity, transition } = _ref4;
+    async function transition(el, show, { content, duration, velocity, transition }) {var _el$_wrapper;
       content = ((_el$_wrapper = el._wrapper) == null ? void 0 : _el$_wrapper.firstElementChild) || $(content, el);
 
       if (!el._wrapper) {
@@ -3468,9 +3449,9 @@
       await Transition.cancel(wrapper);
       hide(content, false);
 
-      const endHeight = sumBy(
-      ['height', 'paddingTop', 'paddingBottom', 'marginTop', 'marginBottom'],
-      (prop) => css(content, prop));
+      const endHeight =
+      sumBy(['marginTop', 'marginBottom'], (prop) => css(content, prop)) +
+      dimensions$1(content).height;
 
       const percent = currentHeight / endHeight;
       duration = (velocity * endHeight + duration) * (show ? 1 - percent : percent);
@@ -3539,7 +3520,7 @@
       }
     };
 
-    function animate$1(el, show, _ref) {let { duration, transition, velocity } = _ref;
+    function animate$1(el, show, { duration, transition, velocity }) {
       const height = toFloat(css(el, 'height'));
       css(el, 'height', height);
       return Transition.start(
@@ -3591,7 +3572,7 @@
       },
 
       update: {
-        read(_ref) {let { visible } = _ref;
+        read({ visible }) {
           if (!isVideo(this.$el)) {
             return false;
           }
@@ -3603,7 +3584,7 @@
           };
         },
 
-        write(_ref2) {let { prev, visible, inView } = _ref2;
+        write({ prev, visible, inView }) {
           if (!visible || this.inView && !inView) {
             pause(this.$el);
           } else if (this.autoplay === true && !prev || this.inView && inView) {
@@ -3616,8 +3597,7 @@
     var Resize = {
       connected() {var _this$$options$resize;
         this.registerObserver(
-        observeResize(((_this$$options$resize = this.$options.resizeTargets) == null ? void 0 : _this$$options$resize.call(this)) || this.$el, () =>
-        this.$emit('resize')));
+        observeResize(((_this$$options$resize = this.$options.resizeTargets) == null ? void 0 : _this$$options$resize.call(this)) || this.$el, () => this.$emit('resize')));
 
 
       }
@@ -3681,7 +3661,7 @@
           return coverDim;
         },
 
-        write(_ref) {let { height, width } = _ref;
+        write({ height, width }) {
           css(this.$el, { height, width });
         },
 
@@ -3707,7 +3687,7 @@
       },
 
       computed: {
-        container(_ref) {let { container } = _ref;
+        container({ container }) {
           return container === true && this.$container || container && $(container);
         }
       }
@@ -3723,7 +3703,7 @@
       },
 
       data: {
-        pos: "bottom-" + (isRtl ? 'right' : 'left'),
+        pos: `bottom-${isRtl ? 'right' : 'left'}`,
         offset: false,
         flip: true,
         shift: true,
@@ -3824,7 +3804,7 @@
       },
 
       computed: {
-        panel(_ref, $el) {let { selPanel } = _ref;
+        panel({ selPanel }, $el) {
           return $(selPanel, $el);
         },
 
@@ -3832,7 +3812,7 @@
           return this.panel;
         },
 
-        bgClose(_ref2) {let { bgClose } = _ref2;
+        bgClose({ bgClose }) {
           return bgClose && this.panel;
         }
       },
@@ -3848,7 +3828,7 @@
         name: 'click',
 
         delegate() {
-          return this.selClose + ",a[href*=\"#\"]";
+          return `${this.selClose},a[href*="#"]`;
         },
 
         handler(e) {
@@ -3937,7 +3917,7 @@
             once(
             this.$el,
             'hide',
-            on(document, pointerDown$1, (_ref3) => {let { target } = _ref3;
+            on(document, pointerDown$1, ({ target }) => {
               if (
               last(active$1) !== this ||
               this.overlay && !within(target, this.$el) ||
@@ -3948,8 +3928,8 @@
 
               once(
               document,
-              pointerUp$1 + " " + pointerCancel + " scroll",
-              (_ref4) => {let { defaultPrevented, type, target: newTarget } = _ref4;
+              `${pointerUp$1} ${pointerCancel} scroll`,
+              ({ defaultPrevented, type, target: newTarget }) => {
                 if (
                 !defaultPrevented &&
                 type === pointerUp$1 &&
@@ -4023,8 +4003,7 @@
         show() {
           if (this.container && parent(this.$el) !== this.container) {
             append(this.container, this.$el);
-            return new Promise((resolve) =>
-            requestAnimationFrame(() => this.show().then(resolve)));
+            return new Promise((resolve) => requestAnimationFrame(() => this.show().then(resolve)));
 
           }
 
@@ -4037,9 +4016,8 @@
       }
     };
 
-    function animate(el, show, _ref5) {let { transitionElement, _toggle } = _ref5;
-      return new Promise((resolve, reject) =>
-      once(el, 'show hide', () => {
+    function animate(el, show, { transitionElement, _toggle }) {
+      return new Promise((resolve, reject) => once(el, 'show hide', () => {
         el._reject == null ? void 0 : el._reject();
         el._reject = reject;
 
@@ -4085,7 +4063,7 @@
       on(
       el,
       'touchstart',
-      (_ref6) => {let { targetTouches } = _ref6;
+      ({ targetTouches }) => {
         if (targetTouches.length === 1) {
           startClientY = targetTouches[0].clientY;
         }
@@ -4204,14 +4182,14 @@
       },
 
       computed: {
-        boundary(_ref, $el) {let { boundary, boundaryX, boundaryY } = _ref;
+        boundary({ boundary, boundaryX, boundaryY }, $el) {
           return [
           query(boundaryX || boundary, $el) || window,
           query(boundaryY || boundary, $el) || window];
 
         },
 
-        target(_ref2, $el) {let { target, targetX, targetY } = _ref2;
+        target({ target, targetX, targetY }, $el) {
           targetX = targetX || target || this.targetEl;
           targetY = targetY || target || this.targetEl;
 
@@ -4227,7 +4205,7 @@
       },
 
       beforeConnect() {
-        this.clsDrop = this.$props.clsDrop || "uk-" + this.$options.name;
+        this.clsDrop = this.$props.clsDrop || `uk-${this.$options.name}`;
       },
 
       connected() {
@@ -4242,7 +4220,7 @@
           this.lazyload(this.targetEl);
         }
 
-        this._style = ((_ref3) => {let { width, height } = _ref3;return { width, height };})(this.$el.style);
+        this._style = (({ width, height }) => ({ width, height }))(this.$el.style);
       },
 
       disconnected() {
@@ -4258,7 +4236,7 @@
         name: 'click',
 
         delegate() {
-          return "." + this.clsDrop + "-close";
+          return `.${this.clsDrop}-close`;
         },
 
         handler(e) {
@@ -4274,7 +4252,7 @@
           return 'a[href*="#"]';
         },
 
-        handler(_ref4) {let { defaultPrevented, current } = _ref4;
+        handler({ defaultPrevented, current }) {
           const { hash } = current;
           if (
           !defaultPrevented &&
@@ -4336,7 +4314,7 @@
       },
 
       {
-        name: pointerEnter + " focusin",
+        name: `${pointerEnter} focusin`,
 
         filter() {
           return includes(this.mode, 'hover');
@@ -4350,7 +4328,7 @@
       },
 
       {
-        name: pointerLeave + " focusout",
+        name: `${pointerLeave} focusout`,
 
         filter() {
           return includes(this.mode, 'hover');
@@ -4393,22 +4371,21 @@
           on(
           document,
           pointerDown$1,
-          (_ref5) => {let { target } = _ref5;return (
-              !within(target, this.$el) &&
-              once(
-              document,
-              pointerUp$1 + " " + pointerCancel + " scroll",
-              (_ref6) => {let { defaultPrevented, type, target: newTarget } = _ref6;
-                if (
-                !defaultPrevented &&
-                type === pointerUp$1 &&
-                target === newTarget &&
-                !(this.targetEl && within(target, this.targetEl)))
-                {
-                  this.hide(false);
-                }
-              },
-              true));}),
+          ({ target }) => !within(target, this.$el) &&
+          once(
+          document,
+          `${pointerUp$1} ${pointerCancel} scroll`,
+          ({ defaultPrevented, type, target: newTarget }) => {
+            if (
+            !defaultPrevented &&
+            type === pointerUp$1 &&
+            target === newTarget &&
+            !(this.targetEl && within(target, this.targetEl)))
+            {
+              this.hide(false);
+            }
+          },
+          true)),
 
 
 
@@ -4460,7 +4437,7 @@
       {
         name: 'hide',
 
-        handler(_ref7) {let { target } = _ref7;
+        handler({ target }) {
           if (this.$el !== target) {
             active =
             active === null && within(target, this.$el) && this.isToggled() ?
@@ -4484,7 +4461,7 @@
       },
 
       methods: {
-        show(target, delay) {if (target === void 0) {target = this.targetEl;}if (delay === void 0) {delay = true;}
+        show(target = this.targetEl, delay = true) {
           if (this.isToggled() && target && this.targetEl && target !== this.targetEl) {
             this.hide(false, false);
           }
@@ -4520,13 +4497,12 @@
 
         },
 
-        hide(delay, animate) {if (delay === void 0) {delay = true;}if (animate === void 0) {animate = true;}
+        hide(delay = true, animate = true) {
           const hide = () => this.toggleElement(this.$el, false, this.animateOut && animate);
 
           this.clearTimers();
 
-          this.isDelaying = getPositionedElements(this.$el).some((el) =>
-          this.tracker.movesTo(el));
+          this.isDelaying = getPositionedElements(this.$el).some((el) => this.tracker.movesTo(el));
 
 
           if (delay && this.isDelaying) {
@@ -4551,7 +4527,7 @@
         },
 
         position() {
-          removeClass(this.$el, this.clsDrop + "-stack");
+          removeClass(this.$el, `${this.clsDrop}-stack`);
           css(this.$el, this._style);
 
           // Ensure none positioned element does not generate scrollbars
@@ -4572,7 +4548,7 @@
                 offset(this.boundary[i])[prop],
                 viewports[i][prop] - 2 * viewportOffset),
 
-                ["overflow-" + axis]: 'auto'
+                [`overflow-${axis}`]: 'auto'
               });
             }
           }
@@ -4580,7 +4556,7 @@
           const maxWidth = viewports[0].width - 2 * viewportOffset;
 
           if (this.$el.offsetWidth > maxWidth) {
-            addClass(this.$el, this.clsDrop + "-stack");
+            addClass(this.$el, `${this.clsDrop}-stack`);
           }
 
           css(this.$el, 'maxWidth', maxWidth);
@@ -4607,7 +4583,7 @@
                 offset(this.boundary[i])[end],
                 viewports[i][end] - viewportOffset) -
                 targetOffset[end]) - positionOffset,
-                ["overflow-" + axis]: 'auto'
+                [`overflow-${axis}`]: 'auto'
               });
 
               this.positionAt(this.$el, this.target, this.boundary);
@@ -4649,7 +4625,7 @@
           return this.input.nextElementSibling;
         },
 
-        target(_ref, $el) {let { target } = _ref;
+        target({ target }, $el) {
           return (
             target && (
             target === true && parent(this.input) === $el && this.input.nextElementSibling ||
@@ -4740,7 +4716,7 @@
           };
         },
 
-        write(_ref) {let { columns, rows } = _ref;
+        write({ columns, rows }) {
           for (const row of rows) {
             for (const column of row) {
               toggleClass(column, this.margin, rows[0] !== row);
@@ -4816,7 +4792,7 @@
       return sorted;
     }
 
-    function getOffset(element, offset) {if (offset === void 0) {offset = false;}
+    function getOffset(element, offset = false) {
       let { offsetTop, offsetLeft, offsetHeight, offsetWidth } = element;
 
       if (offset) {
@@ -4892,7 +4868,7 @@
 
       update: [
       {
-        write(_ref) {let { columns } = _ref;
+        write({ columns }) {
           toggleClass(this.$el, this.clsStack, columns.length < 2);
         },
 
@@ -4928,8 +4904,7 @@
           let padding = Math.abs(this.parallax);
           if (padding) {
             padding = columnHeights.reduce(
-            (newPadding, hgt, i) =>
-            Math.max(
+            (newPadding, hgt, i) => Math.max(
             newPadding,
             hgt + margin + (i % 2 ? padding : padding / 8) - elHeight),
 
@@ -4940,7 +4915,7 @@
           return { padding, columns, translates, height: translates ? elHeight : '' };
         },
 
-        write(_ref2) {let { height, padding } = _ref2;
+        write({ height, padding }) {
           css(this.$el, 'paddingBottom', padding || '');
           height !== false && css(this.$el, 'height', height);
         },
@@ -4961,22 +4936,20 @@
           };
         },
 
-        write(_ref3) {let { columns, scrolled, translates } = _ref3;
+        write({ columns, scrolled, translates }) {
           if (scrolled === false && !translates) {
             return;
           }
 
-          columns.forEach((column, i) =>
-          column.forEach((el, j) =>
-          css(
+          columns.forEach((column, i) => column.forEach((el, j) => css(
           el,
           'transform',
           !scrolled && !translates ?
-          '' : "translateY(" + (
-
-          (translates && -translates[i][j]) + (
-          scrolled ? i % 2 ? scrolled : scrolled / 8 : 0)) + "px)")));
-
+          '' :
+          `translateY(${
+      (translates && -translates[i][j]) + (
+      scrolled ? i % 2 ? scrolled : scrolled / 8 : 0)
+      }px)`)));
 
 
 
@@ -4997,8 +4970,7 @@
       return columns.map((elements) => {
         let prev = 0;
         return elements.map(
-        (element, row) =>
-        prev += row ? rowHeights[row - 1] - elements[row - 1].offsetHeight : 0);
+        (element, row) => prev += row ? rowHeights[row - 1] - elements[row - 1].offsetHeight : 0);
 
       });
     }
@@ -5026,7 +4998,7 @@
 
       computed: {
         elements: {
-          get(_ref, $el) {let { target } = _ref;
+          get({ target }, $el) {
             return $$(target, $el);
           },
 
@@ -5047,7 +5019,7 @@
           };
         },
 
-        write(_ref2) {let { rows } = _ref2;
+        write({ rows }) {
           for (const { heights, elements } of rows) {
             elements.forEach((el, i) => css(el, 'minHeight', heights[i]));
           }
@@ -5111,7 +5083,7 @@
       },
 
       update: {
-        read(_ref) {let { minHeight: prev } = _ref;
+        read({ minHeight: prev }) {
           if (!isVisible(this.$el)) {
             return false;
           }
@@ -5137,34 +5109,34 @@
             scrollingElement === scrollElement || body === scrollElement;
 
             // on mobile devices (iOS and Android) window.innerHeight !== 100vh
-            minHeight = "calc(" + (isScrollingElement ? '100vh' : viewportHeight + "px");
+            minHeight = `calc(${isScrollingElement ? '100vh' : `${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 ? ` - ${top}px` : '';
               } else {
-                minHeight += " - " + css(scrollElement, 'paddingTop');
+                minHeight += ` - ${css(scrollElement, 'paddingTop')}`;
               }
             }
 
             if (this.offsetBottom === true) {
-              minHeight += " - " + dimensions$1(this.$el.nextElementSibling).height + "px";
+              minHeight += ` - ${dimensions$1(this.$el.nextElementSibling).height}px`;
             } else if (isNumeric(this.offsetBottom)) {
-              minHeight += " - " + this.offsetBottom + "vh";
+              minHeight += ` - ${this.offsetBottom}vh`;
             } else if (this.offsetBottom && endsWith(this.offsetBottom, 'px')) {
-              minHeight += " - " + toFloat(this.offsetBottom) + "px";
+              minHeight += ` - ${toFloat(this.offsetBottom)}px`;
             } else if (isString(this.offsetBottom)) {
-              minHeight += " - " + dimensions$1(query(this.offsetBottom, this.$el)).height + "px";
+              minHeight += ` - ${dimensions$1(query(this.offsetBottom, this.$el)).height}px`;
             }
 
-            minHeight += (box ? " - " + box + "px" : '') + ")";
+            minHeight += `${box ? ` - ${box}px` : ''})`;
           }
 
           return { minHeight, prev };
         },
 
-        write(_ref2) {let { minHeight } = _ref2;
+        write({ minHeight }) {
           css(this.$el, { minHeight });
 
           if (this.minHeight && toFloat(css(this.$el, 'minHeight')) < this.minHeight) {
@@ -5257,8 +5229,7 @@
       methods: {
         async getSvg() {
           if (isTag(this.$el, 'img') && !this.$el.complete && this.$el.loading === 'lazy') {
-            return new Promise((resolve) =>
-            once(this.$el, 'load', () => resolve(this.getSvg())));
+            return new Promise((resolve) => once(this.$el, 'load', () => resolve(this.getSvg())));
 
           }
 
@@ -5330,7 +5301,7 @@
 
         let match;
         while (match = symbolRe.exec(svg)) {
-          symbols[svg][match[3]] = "<svg xmlns=\"http://www.w3.org/2000/svg\"" + match[1] + "svg>";
+          symbols[svg][match[3]] = `<svg xmlns="http://www.w3.org/2000/svg"${match[1]}svg>`;
         }
       }
 
@@ -5485,7 +5456,7 @@
 
       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') ? `${icon}-large` : icon;
       }
     };
 
@@ -5495,7 +5466,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') ? `${icon}-large` : icon;
       }
     };
 
@@ -5516,7 +5487,7 @@
       extends: IconComponent,
 
       beforeConnect() {
-        this.icon = "close-" + (hasClass(this.$el, 'uk-close-large') ? 'large' : 'icon');
+        this.icon = `close-${hasClass(this.$el, 'uk-close-large') ? 'large' : 'icon'}`;
       }
     };
 
@@ -5546,8 +5517,7 @@
         });
 
         if (UIkit._initialized) {
-          apply(document.body, (el) =>
-          each(UIkit.getComponents(el), (cmp) => {
+          apply(document.body, (el) => each(UIkit.getComponents(el), (cmp) => {
             cmp.$options.isIcon && cmp.icon in added && cmp.$reset();
           }));
 
@@ -5654,7 +5624,7 @@
       } else if (src) {
         const change = !includes(el.style.backgroundImage, src);
         if (change) {
-          css(el, 'backgroundImage', "url(" + escape(src) + ")");
+          css(el, 'backgroundImage', `url(${escape(src)})`);
           trigger(el, createEvent('load', false));
         }
       }
@@ -5766,13 +5736,13 @@
     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-${value.substr(1)}`));
         } else if (isNaN(value)) {
           return value;
         }
       }
 
-      return value && isNumeric(value) ? "(min-width: " + value + "px)" : '';
+      return value && isNumeric(value) ? `(min-width: ${value}px)` : '';
     }
 
     var leader = {
@@ -5790,13 +5760,13 @@
       },
 
       computed: {
-        fill(_ref) {let { fill } = _ref;
+        fill({ fill }) {
           return fill || css(this.$el, '--uk-leader-fill-content');
         }
       },
 
       connected() {
-        [this.wrapper] = wrapInner(this.$el, "<span class=\"" + this.clsWrapper + "\">");
+        [this.wrapper] = wrapInner(this.$el, `<span class="${this.clsWrapper}">`);
       },
 
       disconnected() {
@@ -5814,7 +5784,7 @@
           };
         },
 
-        write(_ref2) {let { width, fill, hide } = _ref2;
+        write({ width, fill, hide }) {
           toggleClass(this.wrapper, this.clsHide, hide);
           attr(this.wrapper, this.attrFill, new Array(width).join(fill));
         },
@@ -5865,12 +5835,10 @@
 
     };
 
-    function install$2(_ref) {let { modal } = _ref;
+    function install$2({ modal }) {
       modal.dialog = function (content, options) {
-        const dialog = modal("<div class=\"uk-modal\"> <div class=\"uk-modal-dialog\">" +
-
-        content + "</div> </div>",
-
+        const dialog = modal(
+        `<div class="uk-modal"> <div class="uk-modal-dialog">${content}</div> </div>`,
         options);
 
 
@@ -5891,14 +5859,11 @@
 
       modal.alert = function (message, options) {
         return openDialog(
-        (_ref2) => {let { labels } = _ref2;return "<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>" +
-
-
-
-          labels.ok + "</button> </div>";},
-
-
+        ({ labels }) => `<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>${
+    labels.ok
+    }</button> </div>`,
         options,
         (deferred) => deferred.resolve());
 
@@ -5906,15 +5871,9 @@
 
       modal.confirm = function (message, options) {
         return openDialog(
-        (_ref3) => {let { labels } = _ref3;return "<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\">" +
-
-
-          labels.cancel + "</button> <button class=\"uk-button uk-button-primary\" autofocus>" +
-
-          labels.ok + "</button> </div> </form>";},
-
-
+        ({ labels }) => `<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">${
+    labels.cancel
+    }</button> <button class="uk-button uk-button-primary" autofocus>${labels.ok}</button> </div> </form>`,
         options,
         (deferred) => deferred.reject());
 
@@ -5922,18 +5881,9 @@
 
       modal.prompt = function (message, value, options) {
         return openDialog(
-        (_ref4) => {let { labels } = _ref4;return "<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\">" +
-
-
-
-          labels.cancel + "</button> <button class=\"uk-button uk-button-primary\">" +
-
-          labels.ok + "</button> </div> </form>";},
-
-
+        ({ labels }) => `<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">${
+    labels.cancel
+    }</button> <button class="uk-button uk-button-primary">${labels.ok}</button> </div> </form>`,
         options,
         (deferred) => deferred.resolve(null),
         (dialog) => $('input', dialog.$el).value);
@@ -6013,12 +5963,12 @@
       },
 
       computed: {
-        dropbarAnchor(_ref, $el) {let { dropbarAnchor } = _ref;
+        dropbarAnchor({ dropbarAnchor }, $el) {
           return query(dropbarAnchor, $el) || $el;
         },
 
         dropbar: {
-          get(_ref2) {let { dropbar } = _ref2;
+          get({ dropbar }) {
             if (!dropbar) {
               return null;
             }
@@ -6043,11 +5993,11 @@
         },
 
         dropdowns: {
-          get(_ref3, $el) {let { clsDrop } = _ref3;
-            const dropdowns = $$("." + clsDrop, $el);
+          get({ clsDrop }, $el) {
+            const dropdowns = $$(`.${clsDrop}`, $el);
 
             if (this.dropContainer !== $el) {
-              for (const el of $$("." + clsDrop, this.dropContainer)) {var _this$getDropdown;
+              for (const el of $$(`.${clsDrop}`, this.dropContainer)) {var _this$getDropdown;
                 const target = (_this$getDropdown = this.getDropdown(el)) == null ? void 0 : _this$getDropdown.targetEl;
                 if (!includes(dropdowns, el) && target && within(target, this.$el)) {
                   dropdowns.push(el);
@@ -6066,7 +6016,7 @@
               ...this.$props,
               flip: false,
               shift: true,
-              pos: "bottom-" + this.align,
+              pos: `bottom-${this.align}`,
               boundary: this.boundary === true ? this.$el : this.boundary
             });
 
@@ -6076,7 +6026,7 @@
         },
 
         toggles: {
-          get(_ref4, $el) {let { dropdown } = _ref4;
+          get({ dropdown }, $el) {
             return $$(dropdown, $el);
           },
 
@@ -6107,7 +6057,7 @@
           return this.dropdown;
         },
 
-        handler(_ref5) {let { current } = _ref5;
+        handler({ current }) {
           const active = this.getActive();
           if (
           active &&
@@ -6137,8 +6087,7 @@
 
             if (!active || active.targetEl !== current) {
               current.click();
-              once(this.dropContainer, 'show', (_ref6) => {let { target } = _ref6;return (
-                  focusFirstFocusableElement(target));});
+              once(this.dropContainer, 'show', ({ target }) => focusFirstFocusableElement(target));
 
             } else {
               focusFirstFocusableElement(active.$el);
@@ -6157,7 +6106,7 @@
         },
 
         delegate() {
-          return "." + this.clsDrop;
+          return `.${this.clsDrop}`;
         },
 
         handler(e) {
@@ -6228,7 +6177,7 @@
           return this.dropbar;
         },
 
-        handler(_ref7) {let { target } = _ref7;
+        handler({ target }) {
           if (!this.isDropbarDrop(target)) {
             return;
           }
@@ -6237,7 +6186,7 @@
             after(this.dropbarAnchor, this.dropbar);
           }
 
-          addClass(target, this.clsDrop + "-dropbar");
+          addClass(target, `${this.clsDrop}-dropbar`);
         }
       },
 
@@ -6252,18 +6201,18 @@
           return this.dropbar;
         },
 
-        handler(_ref8) {let { target } = _ref8;
+        handler({ target }) {
           if (!this.isDropbarDrop(target)) {
             return;
           }
 
           const drop = this.getDropdown(target);
           this._observer = observeResize([drop.$el, ...drop.target], () => {
-            const targetOffsets = parents(target, "." + this.clsDrop).
+            const targetOffsets = parents(target, `.${this.clsDrop}`).
             concat(target).
             map((el) => offset(el));
-            const minTop = Math.min(...targetOffsets.map((_ref9) => {let { top } = _ref9;return top;}));
-            const maxBottom = Math.max(...targetOffsets.map((_ref10) => {let { bottom } = _ref10;return bottom;}));
+            const minTop = Math.min(...targetOffsets.map(({ top }) => top));
+            const maxBottom = Math.max(...targetOffsets.map(({ bottom }) => bottom));
             const dropbarOffset = offset(this.dropbar);
             css(this.dropbar, 'top', this.dropbar.offsetTop - (dropbarOffset.top - minTop));
             this.transitionTo(
@@ -6309,7 +6258,7 @@
           return this.dropbar;
         },
 
-        handler(_ref11) {var _this$_observer;let { target } = _ref11;
+        handler({ target }) {var _this$_observer;
           if (!this.isDropbarDrop(target)) {
             return;
           }
@@ -6336,7 +6285,7 @@
 
           el = oldHeight < newHeight && el;
 
-          css(el, 'clipPath', "polygon(0 0,100% 0,100% " + oldHeight + "px,0 " + oldHeight + "px)");
+          css(el, 'clipPath', `polygon(0 0,100% 0,100% ${oldHeight}px,0 ${oldHeight}px)`);
 
           height(dropbar, oldHeight);
 
@@ -6346,7 +6295,7 @@
           Transition.start(
           el,
           {
-            clipPath: "polygon(0 0,100% 0,100% " + newHeight + "px,0 " + newHeight + "px)"
+            clipPath: `polygon(0 0,100% 0,100% ${newHeight}px,0 ${newHeight}px)`
           },
           this.duration)]).
 
@@ -6435,7 +6384,7 @@
             // Handle Swipe Gesture
             const pos = getEventPos(e);
             const target = 'tagName' in e.target ? e.target : parent(e.target);
-            once(document, pointerUp$1 + " " + pointerCancel + " scroll", (e) => {
+            once(document, `${pointerUp$1} ${pointerCancel} scroll`, (e) => {
               const { x, y } = getEventPos(e);
 
               // swipe
@@ -6445,7 +6394,7 @@
               {
                 setTimeout(() => {
                   trigger(target, 'swipe');
-                  trigger(target, "swipe" + swipeDirection(pos.x, pos.y, x, y));
+                  trigger(target, `swipe${swipeDirection(pos.x, pos.y, x, y)}`);
                 });
               }
             });
@@ -6492,27 +6441,27 @@
       },
 
       computed: {
-        clsFlip(_ref) {let { flip, clsFlip } = _ref;
+        clsFlip({ flip, clsFlip }) {
           return flip ? clsFlip : '';
         },
 
-        clsOverlay(_ref2) {let { overlay, clsOverlay } = _ref2;
+        clsOverlay({ overlay, clsOverlay }) {
           return overlay ? clsOverlay : '';
         },
 
-        clsMode(_ref3) {let { mode, clsMode } = _ref3;
-          return clsMode + "-" + mode;
+        clsMode({ mode, clsMode }) {
+          return `${clsMode}-${mode}`;
         },
 
-        clsSidebarAnimation(_ref4) {let { mode, clsSidebarAnimation } = _ref4;
+        clsSidebarAnimation({ mode, clsSidebarAnimation }) {
           return mode === 'none' || mode === 'reveal' ? '' : clsSidebarAnimation;
         },
 
-        clsContainerAnimation(_ref5) {let { mode, clsContainerAnimation } = _ref5;
+        clsContainerAnimation({ mode, clsContainerAnimation }) {
           return mode !== 'push' && mode !== 'reveal' ? '' : clsContainerAnimation;
         },
 
-        transitionElement(_ref6) {let { mode } = _ref6;
+        transitionElement({ mode }) {
           return mode === 'reveal' ? parent(this.panel) : this.panel;
         }
       },
@@ -6649,11 +6598,11 @@
       },
 
       computed: {
-        container(_ref, $el) {let { selContainer } = _ref;
+        container({ selContainer }, $el) {
           return closest($el, selContainer);
         },
 
-        content(_ref2, $el) {let { selContent } = _ref2;
+        content({ selContent }, $el) {
           return closest($el, selContent);
         }
       },
@@ -6676,7 +6625,7 @@
           };
         },
 
-        write(_ref3) {let { max } = _ref3;
+        write({ max }) {
           css(this.$el, { minHeight: this.minHeight, maxHeight: max });
         },
 
@@ -6816,14 +6765,14 @@
 
       computed: {
         elements: {
-          get(_ref, $el) {let { target } = _ref;
+          get({ target }, $el) {
             return target ? $$(target, $el) : [$el];
           },
 
           watch(elements, prev) {
             if (this.hidden) {
               // use `opacity:0` instead of `visibility:hidden` to make content focusable with keyboard
-              css(filter$1(elements, ":not(." + this.inViewClass + ")"), 'opacity', 0);
+              css(filter$1(elements, `:not(.${this.inViewClass})`), 'opacity', 0);
             }
 
             if (!isEqual(elements, prev)) {
@@ -6963,7 +6912,7 @@
           immediate: true
         },
 
-        elements(_ref) {let { closest: selector } = _ref;
+        elements({ closest: selector }) {
           return closest(this.links, selector || '*');
         }
       },
@@ -7003,7 +6952,7 @@
           return { active };
         },
 
-        write(_ref2) {let { active } = _ref2;
+        write({ active }) {
           const changed = active !== false && !hasClass(this.elements[active], this.cls);
 
           this.links.forEach((el) => el.blur());
@@ -7061,7 +7010,7 @@
       },
 
       computed: {
-        selTarget(_ref, $el) {let { selTarget } = _ref;
+        selTarget({ selTarget }, $el) {
           return selTarget && $(selTarget, $el) || $el;
         }
       },
@@ -7142,7 +7091,7 @@
 
       update: [
       {
-        read(_ref2, types) {let { height: height$1, width, margin, sticky } = _ref2;
+        read({ height: height$1, width, margin, sticky }, types) {
           this.inactive = !this.matchMedia || !isVisible(this.$el);
 
           if (this.inactive) {
@@ -7224,18 +7173,20 @@
           };
         },
 
-        write(_ref3) {let { height, width, margin, offset, sticky } = _ref3;
-          if (this.inactive) {
+        write({ height, width, margin, offset, sticky }) {
+          if (this.inactive || sticky || !this.isFixed) {
             reset(this.$el);
+          }
+
+          if (this.inactive) {
             return;
           }
 
           if (sticky) {
             height = width = margin = 0;
             css(this.$el, { position: 'sticky', top: offset });
-          } else if (!this.isFixed) {
-            reset(this.$el);
           }
+
           const { placeholder } = this;
 
           css(placeholder, { height, width, margin });
@@ -7250,14 +7201,14 @@
       },
 
       {
-        read(_ref4)
-
-
-
-
-
-
-        {let { scroll: prevScroll = 0, dir: prevDir = 'down', overflow, overflowScroll = 0, start, end } = _ref4;
+        read({
+          scroll: prevScroll = 0,
+          dir: prevDir = 'down',
+          overflow,
+          overflowScroll = 0,
+          start,
+          end
+        }) {
           const scroll = document.scrollingElement.scrollTop;
           const dir = prevScroll <= scroll ? 'down' : 'up';
 
@@ -7402,10 +7353,7 @@
               position = 'absolute';
             }
 
-            css(this.$el, {
-              position,
-              width
-            });
+            css(this.$el, { position, width });
             css(this.$el, 'marginTop', 0, 'important');
           }
 
@@ -7492,7 +7440,7 @@
 
       computed: {
         connects: {
-          get(_ref, $el) {let { connect } = _ref;
+          get({ connect }, $el) {
             return queryAll(connect, $el);
           },
 
@@ -7523,7 +7471,7 @@
         },
 
         toggles: {
-          get(_ref2, $el) {let { toggle } = _ref2;
+          get({ toggle }, $el) {
             return $$(toggle, $el).filter(
             (el) => !matches(el, '.uk-disabled *, .uk-disabled, [disabled]'));
 
@@ -7538,8 +7486,7 @@
         },
 
         children() {
-          return children(this.$el).filter((child) =>
-          this.toggles.some((toggle) => within(toggle, child)));
+          return children(this.$el).filter((child) => this.toggles.some((toggle) => within(toggle, child)));
 
         },
 
@@ -7570,7 +7517,7 @@
         },
 
         delegate() {
-          return "[" + this.attrItem + "],[data-" + this.attrItem + "]";
+          return `[${this.attrItem}],[data-${this.attrItem}]`;
         },
 
         handler(e) {
@@ -7590,7 +7537,7 @@
           return this.connects;
         },
 
-        handler(_ref3) {let { type } = _ref3;
+        handler({ type }) {
           this.show(endsWith(type, 'Left') ? 'next' : 'previous');
         }
       }],
@@ -7611,7 +7558,7 @@
           });
 
           const animate = prev >= 0 && prev !== next;
-          this.connects.forEach(async (_ref4) => {let { children } = _ref4;
+          this.connects.forEach(async ({ children }) => {
             await this.toggleElement(
             toNodes(children).filter((child) => hasClass(child, this.cls)),
             false,
@@ -7673,7 +7620,7 @@
 
       computed: {
         target: {
-          get(_ref, $el) {let { href, target } = _ref;
+          get({ href, target }, $el) {
             target = queryAll(target || href, $el);
             return target.length && target || [$el];
           },
@@ -7728,7 +7675,7 @@
       },
 
       {
-        name: pointerEnter + " " + pointerLeave + " focus blur",
+        name: `${pointerEnter} ${pointerLeave} focus blur`,
 
         filter() {
           return includes(this.mode, 'hover');
@@ -7762,7 +7709,7 @@
 
           this._showState = show ? expanded : null;
 
-          this.toggle("toggle" + (show ? 'show' : 'hide'));
+          this.toggle(`toggle${show ? 'show' : 'hide'}`);
         }
       },
 
@@ -7815,7 +7762,7 @@
           return this.target;
         },
 
-        handler(_ref2) {let { target, type } = _ref2;
+        handler({ target, type }) {
           this.updateAria(target === this.target[0] && type === 'show');
         }
       },
@@ -8002,7 +7949,7 @@
 
             let digits = String(Math.trunc(timespan[unit]));
 
-            digits = digits.length < 2 ? "0" + digits : digits;
+            digits = digits.length < 2 ? `0${digits}` : digits;
 
             if (el.textContent !== digits) {
               digits = digits.split('');
@@ -8033,7 +7980,7 @@
     const clsLeave = 'uk-transition-leave';
     const clsEnter = 'uk-transition-enter';
 
-    function fade(action, target, duration, stagger) {if (stagger === void 0) {stagger = 0;}
+    function fade(action, target, duration, stagger = 0) {
       const index = transitionIndex(target, true);
       const propsIn = { opacity: 1 };
       const propsOut = { opacity: 0 };
@@ -8045,11 +7992,8 @@
 
         await Promise.all(
         getTransitionNodes(target).map(
-        (child, i) =>
-        new Promise((resolve) =>
-        setTimeout(
-        () =>
-        Transition.start(child, propsOut, duration / 2, 'ease').then(
+        (child, i) => new Promise((resolve) => setTimeout(
+        () => Transition.start(child, propsOut, duration / 2, 'ease').then(
         resolve),
 
         i * stagger))));
@@ -8128,16 +8072,14 @@
       children(target).
       filter(Transition.inProgress).
       map(
-      (el) =>
-      new Promise((resolve) => once(el, 'transitionend transitioncanceled', resolve))));
+      (el) => new Promise((resolve) => once(el, 'transitionend transitioncanceled', resolve))));
 
 
     }
 
     function getTransitionNodes(target) {
       return getRows(children(target)).reduce(
-      (nodes, row) =>
-      nodes.concat(
+      (nodes, row) => nodes.concat(
       sortBy$1(
       row.filter((el) => isInView(el)),
       'offsetLeft')),
@@ -8227,8 +8169,7 @@
     }
 
     function getTransitionProps(target, nodes, currentProps) {
-      const propsTo = nodes.map((el, i) =>
-      parent(el) && i in currentProps ?
+      const propsTo = nodes.map((el, i) => parent(el) && i in currentProps ?
       currentProps[i] ?
       isVisible(el) ?
       getPositionWithMargin(el) :
@@ -8296,13 +8237,13 @@
       },
 
       methods: {
-        animate(action, target) {if (target === void 0) {target = this.$el;}
+        animate(action, target = this.$el) {
           const name = this.animation;
           const animationFn =
           name === 'fade' ?
           fade :
           name === 'delayed-fade' ?
-          function () {for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}return fade(...args, 40);} :
+          (...args) => fade(...args, 40) :
           name ?
           slide :
           () => {
@@ -8335,8 +8276,8 @@
 
       computed: {
         toggles: {
-          get(_ref, $el) {let { attrItem } = _ref;
-            return $$("[" + attrItem + "],[data-" + attrItem + "]", $el);
+          get({ attrItem }, $el) {
+            return $$(`[${attrItem}],[data-${attrItem}]`, $el);
           },
 
           watch() {
@@ -8352,8 +8293,8 @@
         },
 
         children: {
-          get(_ref2, $el) {let { target } = _ref2;
-            return $$(target + " > *", $el);
+          get({ target }, $el) {
+            return $$(`${target} > *`, $el);
           },
 
           watch(list, old) {
@@ -8371,7 +8312,7 @@
         name: 'click',
 
         delegate() {
-          return "[" + this.attrItem + "],[data-" + this.attrItem + "]";
+          return `[${this.attrItem}],[data-${this.attrItem}]`;
         },
 
         handler(e) {
@@ -8400,13 +8341,12 @@
           });
         },
 
-        async setState(state, animate) {if (animate === void 0) {animate = true;}
+        async setState(state, animate = true) {
           state = { filter: { '': '' }, sort: [], ...state };
 
           trigger(this.$el, 'beforeFilter', [this, state]);
 
-          this.toggles.forEach((el) =>
-          toggleClass(el, this.cls, !!matchFilter(el, this.attrItem, state)));
+          this.toggles.forEach((el) => toggleClass(el, this.cls, !!matchFilter(el, this.attrItem, state)));
 
 
           await Promise.all(
@@ -8480,9 +8420,9 @@
 
     function matchFilter(
     el,
-    attr, _ref3)
-
-    {let { filter: stateFilter = { '': '' }, sort: [stateSort, stateOrder] } = _ref3;
+    attr,
+    { filter: stateFilter = { '': '' }, sort: [stateSort, stateOrder] })
+    {
       const { filter = '', group = '', sort, order = 'asc' } = getFilter(el, attr);
 
       return isUndefined(sort) ?
@@ -8495,7 +8435,7 @@
       return listA.length === listB.length && listA.every((el) => listB.includes(el));
     }
 
-    function getSelector(_ref4) {let { filter } = _ref4;
+    function getSelector({ filter }) {
       let selector = '';
       each(filter, (value) => selector += value || '');
       return selector;
@@ -8503,8 +8443,7 @@
 
     function sortItems(nodes, sort, order) {
       return [...nodes].sort(
-      (a, b) =>
-      data(a, sort).localeCompare(data(b, sort), undefined, { numeric: true }) * (
+      (a, b) => data(a, sort).localeCompare(data(b, sort), undefined, { numeric: true }) * (
       order === 'asc' || -1));
 
     }
@@ -8532,13 +8471,13 @@
       return Math.abs(css(el, 'transform').split(',')[4] / el.offsetWidth) || 0;
     }
 
-    function translate(value, unit) {if (value === void 0) {value = 0;}if (unit === void 0) {unit = '%';}
+    function translate(value = 0, unit = '%') {
       value += value ? unit : '';
-      return "translate3d(" + value + ", 0, 0)";
+      return `translate3d(${value}, 0, 0)`;
     }
 
     function scale3d(value) {
-      return "scale3d(" + value + ", " + value + ", 1)";
+      return `scale3d(${value}, ${value}, 1)`;
     }
 
     var Animations$1 = {
@@ -8578,7 +8517,7 @@
       }
     };
 
-    function Transitioner$1(prev, next, dir, _ref) {let { animation, easing } = _ref;
+    function Transitioner$1(prev, next, dir, { animation, easing }) {
       const { percent, translate, show = noop } = animation;
       const props = show(dir);
       const deferred = new Deferred();
@@ -8586,7 +8525,7 @@
       return {
         dir,
 
-        show(duration, percent, linear) {if (percent === void 0) {percent = 0;}
+        show(duration, percent = 0, linear) {
           const timing = linear ? 'linear' : easing;
           duration -= Math.round(duration * clamp(percent, -1, 1));
 
@@ -8616,7 +8555,7 @@
           }
         },
 
-        forward(duration, percent) {if (percent === void 0) {percent = this.percent();}
+        forward(duration, percent = this.percent()) {
           Transition.cancel([next, prev]);
           return this.show(duration, percent, true);
         },
@@ -8697,8 +8636,7 @@
           this.stopAutoplay();
 
           this.interval = setInterval(
-          () =>
-          (!this.draggable || !$(':focus', this.$el)) && (
+          () => (!this.draggable || !$(':focus', this.$el)) && (
           !this.pauseOnHover || !matches(this.$el, ':hover')) &&
           !this.stack.length &&
           this.show('next'),
@@ -8749,7 +8687,7 @@
         passive: true,
 
         delegate() {
-          return this.selSlides;
+          return `${this.selList} > *`;
         },
 
         handler(e) {
@@ -8937,12 +8875,12 @@
       },
 
       computed: {
-        nav(_ref, $el) {let { selNav } = _ref;
+        nav({ selNav }, $el) {
           return $(selNav, $el);
         },
 
-        selNavItem(_ref2) {let { attrItem } = _ref2;
-          return "[" + attrItem + "],[data-" + attrItem + "]";
+        selNavItem({ attrItem }) {
+          return `[${attrItem}],[data-${attrItem}]`;
         },
 
         navItems(_, $el) {
@@ -8956,7 +8894,7 @@
             html(
             this.nav,
             this.slides.
-            map((_, i) => "<li " + this.attrItem + "=\"" + i + "\"><a href></a></li>").
+            map((_, i) => `<li ${this.attrItem}="${i}"><a href></a></li>`).
             join(''));
 
           }
@@ -9015,8 +8953,7 @@
         easing: String,
         index: Number,
         finite: Boolean,
-        velocity: Number,
-        selSlides: String
+        velocity: Number
       },
 
       data: () => ({
@@ -9044,11 +8981,11 @@
       },
 
       computed: {
-        duration(_ref, $el) {let { velocity } = _ref;
+        duration({ velocity }, $el) {
           return speedUp($el.offsetWidth / velocity);
         },
 
-        list(_ref2, $el) {let { selList } = _ref2;
+        list({ selList }, $el) {
           return $(selList, $el);
         },
 
@@ -9056,13 +8993,9 @@
           return this.length - 1;
         },
 
-        selSlides(_ref3) {let { selList, selSlides } = _ref3;
-          return selList + " " + (selSlides || '> *');
-        },
-
         slides: {
           get() {
-            return $$(this.selSlides, this.$el);
+            return children(this.list);
           },
 
           watch() {
@@ -9076,7 +9009,7 @@
       },
 
       methods: {
-        show(index, force) {if (force === void 0) {force = false;}
+        show(index, force = false) {
           if (this.dragging || !this.length) {
             return;
           }
@@ -9147,11 +9080,11 @@
           return promise;
         },
 
-        getIndex(index, prev) {if (index === void 0) {index = this.index;}if (prev === void 0) {prev = this.index;}
+        getIndex(index = this.index, prev = this.index) {
           return clamp(getIndex(index, this.slides, prev, this.finite), 0, this.maxIndex);
         },
 
-        getValidIndex(index, prevIndex) {if (index === void 0) {index = this.index;}if (prevIndex === void 0) {prevIndex = this.prevIndex;}
+        getValidIndex(index = this.index, prevIndex = this.prevIndex) {
           return this.getIndex(index, prevIndex);
         },
 
@@ -9181,18 +9114,18 @@
           return this._getTransitioner(prev, prev !== next && next).getDistance();
         },
 
-        _translate(percent, prev, next) {if (prev === void 0) {prev = this.prevIndex;}if (next === void 0) {next = this.index;}
+        _translate(percent, prev = this.prevIndex, next = this.index) {
           const transitioner = this._getTransitioner(prev !== next ? prev : false, next);
           transitioner.translate(percent);
           return transitioner;
         },
 
         _getTransitioner(
-        prev,
-        next,
-        dir,
-        options)
-        {if (prev === void 0) {prev = this.prevIndex;}if (next === void 0) {next = this.index;}if (dir === void 0) {dir = this.dir || 1;}if (options === void 0) {options = this.transitionOptions;}
+        prev = this.prevIndex,
+        next = this.index,
+        dir = this.dir || 1,
+        options = this.transitionOptions)
+        {
           return new this.Transitioner(
           isNumber(prev) ? this.slides[prev] : prev,
           isNumber(next) ? this.slides[next] : next,
@@ -9226,7 +9159,7 @@
       },
 
       computed: {
-        animation(_ref) {let { animation, Animations } = _ref;
+        animation({ animation, Animations }) {
           return { ...(Animations[animation] || Animations.slide), name: animation };
         },
 
@@ -9236,15 +9169,15 @@
       },
 
       events: {
-        beforeitemshow(_ref2) {let { target } = _ref2;
+        beforeitemshow({ target }) {
           addClass(target, this.clsActive);
         },
 
-        itemshown(_ref3) {let { target } = _ref3;
+        itemshown({ target }) {
           addClass(target, this.clsActivated);
         },
 
-        itemhidden(_ref4) {let { target } = _ref4;
+        itemhidden({ target }) {
           removeClass(target, this.clsActive, this.clsActivated);
         }
       }
@@ -9276,15 +9209,7 @@
         pauseOnHover: false,
         velocity: 2,
         Animations: Animations$1,
-        template: "<div class=\"uk-lightbox uk-overflow-hidden\"> <ul class=\"uk-lightbox-items\"></ul> <div class=\"uk-lightbox-toolbar uk-position-top uk-text-right uk-transition-slide-top uk-transition-opaque\"> <button class=\"uk-lightbox-toolbar-icon uk-close-large\" type=\"button\" uk-close></button> </div> <a class=\"uk-lightbox-button uk-position-center-left uk-position-medium uk-transition-fade\" href uk-slidenav-previous uk-lightbox-item=\"previous\"></a> <a class=\"uk-lightbox-button uk-position-center-right uk-position-medium uk-transition-fade\" href uk-slidenav-next uk-lightbox-item=\"next\"></a> <div class=\"uk-lightbox-toolbar uk-lightbox-caption uk-position-bottom uk-text-center uk-transition-slide-bottom uk-transition-opaque\"></div> </div>"
-
-
-
-
-
-
-
-
+        template: `<div class="uk-lightbox uk-overflow-hidden"> <ul class="uk-lightbox-items"></ul> <div class="uk-lightbox-toolbar uk-position-top uk-text-right uk-transition-slide-top uk-transition-opaque"> <button class="uk-lightbox-toolbar-icon uk-close-large" type="button" uk-close></button> </div> <a class="uk-lightbox-button uk-position-center-left uk-position-medium uk-transition-fade" href uk-slidenav-previous uk-lightbox-item="previous"></a> <a class="uk-lightbox-button uk-position-center-right uk-position-medium uk-transition-fade" href uk-slidenav-next uk-lightbox-item="next"></a> <div class="uk-lightbox-toolbar uk-lightbox-caption uk-position-bottom uk-text-center uk-transition-slide-bottom uk-transition-opaque"></div> </div>`
       }),
 
       created() {
@@ -9296,14 +9221,14 @@
       },
 
       computed: {
-        caption(_ref, $el) {let { selCaption } = _ref;
+        caption({ selCaption }, $el) {
           return $(selCaption, $el);
         }
       },
 
       events: [
       {
-        name: pointerMove$1 + " " + pointerDown$1 + " keydown",
+        name: `${pointerMove$1} ${pointerDown$1} keydown`,
 
         handler: 'showControls'
       },
@@ -9314,15 +9239,13 @@
         self: true,
 
         delegate() {
-          return this.selSlides;
+          return `${this.selList} > *`;
         },
 
         handler(e) {
-          if (e.defaultPrevented) {
-            return;
+          if (!e.defaultPrevented) {
+            this.hide();
           }
-
-          this.hide();
         }
       },
 
@@ -9439,7 +9362,7 @@
             allowfullscreen: '',
             style: 'max-width: 100%; box-sizing: border-box;',
             'uk-responsive': '',
-            'uk-video': "" + this.videoAutoplay
+            'uk-video': `${this.videoAutoplay}`
           };
 
           // Image
@@ -9461,7 +9384,7 @@
               poster,
               controls: '',
               playsinline: '',
-              'uk-video': "" + this.videoAutoplay
+              'uk-video': `${this.videoAutoplay}`
             });
 
             on(video, 'loadedmetadata', () => {
@@ -9495,9 +9418,9 @@
             this.setItem(
             item,
             createEl('iframe', {
-              src: "https://www.youtube" + (matches[1] || '') + ".com/embed/" + matches[2] + (
-              matches[3] ? "?" + matches[3] : ''),
-
+              src: `https://www.youtube${matches[1] || ''}.com/embed/${matches[2]}${
+          matches[3] ? `?${matches[3]}` : ''
+          }`,
               width: 1920,
               height: 1080,
               ...iframeAttrs,
@@ -9509,10 +9432,10 @@
           } 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),
-
+              await fetch(
+              `https://vimeo.com/api/oembed.json?maxwidth=1920&url=${encodeURI(
+          src)
+          }`,
               {
                 credentials: 'omit'
               })).
@@ -9522,9 +9445,9 @@
               this.setItem(
               item,
               createEl('iframe', {
-                src: "https://player.vimeo.com/video/" + matches[1] + (
-                matches[2] ? "?" + matches[2] : ''),
-
+                src: `https://player.vimeo.com/video/${matches[1]}${
+            matches[2] ? `?${matches[2]}` : ''
+            }`,
                 width,
                 height,
                 ...iframeAttrs,
@@ -9540,7 +9463,7 @@
 
 
       methods: {
-        loadItem(index) {if (index === void 0) {index = this.index;}
+        loadItem(index = this.index) {
           const item = this.getItem(index);
 
           if (!this.getSlide(item).childElementCount) {
@@ -9548,7 +9471,7 @@
           }
         },
 
-        getItem(index) {if (index === void 0) {index = this.index;}
+        getItem(index = this.index) {
           return this.items[getIndex(index, this.slides)];
         },
 
@@ -9578,7 +9501,7 @@
     };
 
     function createEl(tag, attrs) {
-      const el = fragment("<" + tag + ">");
+      const el = fragment(`<${tag}>`);
       attr(el, attrs);
       return el;
     }
@@ -9592,7 +9515,7 @@
 
       computed: {
         toggles: {
-          get(_ref, $el) {let { toggle } = _ref;
+          get({ toggle }, $el) {
             return $$(toggle, $el);
           },
 
@@ -9611,7 +9534,7 @@
         name: 'click',
 
         delegate() {
-          return this.toggle + ":not(.uk-disabled)";
+          return `${this.toggle}:not(.uk-disabled)`;
         },
 
         handler(e) {
@@ -9627,7 +9550,7 @@
 
           if (isElement(index)) {
             const { source } = toItem(index);
-            index = findIndex(items, (_ref2) => {let { source: src } = _ref2;return source === src;});
+            index = findIndex(items, ({ source: src }) => source === src);
           }
 
           this.panel = this.panel || this.$create('lightboxPanel', { ...this.$props, items });
@@ -9684,8 +9607,8 @@
       install,
 
       computed: {
-        marginProp(_ref) {let { pos } = _ref;
-          return "margin" + (startsWith(pos, 'top') ? 'Top' : 'Bottom');
+        marginProp({ pos }) {
+          return `margin${startsWith(pos, 'top') ? 'Top' : 'Bottom'}`;
         },
 
         startProps() {
@@ -9695,21 +9618,18 @@
 
       created() {
         const container =
-        $("." + this.clsContainer + "-" + this.pos, this.container) ||
+        $(`.${this.clsContainer}-${this.pos}`, this.container) ||
         append(
-        this.container, "<div class=\"" +
-        this.clsContainer + " " + this.clsContainer + "-" + this.pos + "\" style=\"display: block\"></div>");
+        this.container,
+        `<div class="${this.clsContainer} ${this.clsContainer}-${this.pos}" style="display: block"></div>`);
 
 
         this.$mount(
         append(
-        container, "<div class=\"" +
-        this.clsMsg + (
-        this.status ? " " + this.clsMsg + "-" + this.status : '') + "\" role=\"alert\"> <a href class=\"" +
-
-        this.clsClose + "\" data-uk-close></a> <div>" +
-        this.message + "</div> </div>"));
-
+        container,
+        `<div class="${this.clsMsg}${
+    this.status ? ` ${this.clsMsg}-${this.status}` : ''
+    }" role="alert"> <a href class="${this.clsClose}" data-uk-close></a> <div>${this.message}</div> </div>`));
 
 
       },
@@ -9861,12 +9781,11 @@
       let transformFn;
 
       if (prop === 'x' || prop === 'y') {
-        prop = "translate" + ucfirst(prop);
+        prop = `translate${ucfirst(prop)}`;
         transformFn = (stop) => toFloat(toFloat(stop).toFixed(unit === 'px' ? 0 : 6));
       } else if (prop === 'scale') {
         unit = '';
-        transformFn = (stop) =>
-        getUnit([stop]) ? toPx(stop, 'width', el, true) / el.offsetWidth : stop;
+        transformFn = (stop) => getUnit([stop]) ? toPx(stop, 'width', el, true) / el.offsetWidth : stop;
       }
 
       if (stops.length === 1) {
@@ -9876,7 +9795,7 @@
       stops = parseStops(stops, transformFn);
 
       return (css, percent) => {
-        css.transform += " " + prop + "(" + getValue(stops, percent) + unit + ")";
+        css.transform += ` ${prop}(${getValue(stops, percent)}${unit})`;
       };
     }
 
@@ -9895,7 +9814,7 @@
           return i === 3 ? toFloat(value) : parseInt(value, 10);
         }).
         join(',');
-        css[prop] = "rgba(" + value + ")";
+        css[prop] = `rgba(${value})`;
       };
     }
 
@@ -9919,7 +9838,7 @@
 
       return (css, percent) => {
         const value = getValue(stops, percent);
-        css.filter += " " + prop + "(" + (value + unit) + ")";
+        css.filter += ` ${prop}(${value + unit})`;
       };
     }
 
@@ -9947,7 +9866,7 @@
         return unit === '%' ? stop * length / 100 : stop;
       });
 
-      if (!stops.some((_ref) => {let [value] = _ref;return value;})) {
+      if (!stops.some(([value]) => value)) {
         return noop;
       }
 
@@ -9999,13 +9918,13 @@
 
       const positions = {};
       for (const prop of bgProps) {
-        const values = props[prop].map((_ref2) => {let [value] = _ref2;return value;});
+        const values = props[prop].map(([value]) => value);
         const min = Math.min(...values);
         const max = Math.max(...values);
         const down = values.indexOf(min) < values.indexOf(max);
         const diff = max - min;
 
-        positions[prop] = (down ? -diff : 0) - (down ? min : max) + "px";
+        positions[prop] = `${(down ? -diff : 0) - (down ? min : max)}px`;
         dimEl[prop === 'bgy' ? 'height' : 'width'] += diff;
       }
 
@@ -10014,26 +9933,26 @@
       for (const prop of bgProps) {
         const attr = prop === 'bgy' ? 'height' : 'width';
         const overflow = dim[attr] - dimEl[attr];
-        positions[prop] = "max(" + getBackgroundPos(el, prop) + ",-" + overflow + "px) + " + positions[prop];
+        positions[prop] = `max(${getBackgroundPos(el, prop)},-${overflow}px) + ${positions[prop]}`;
       }
 
       const fn = setBackgroundPosFn(bgProps, positions, props);
       return (css, percent) => {
         fn(css, percent);
-        css.backgroundSize = dim.width + "px " + dim.height + "px";
+        css.backgroundSize = `${dim.width}px ${dim.height}px`;
         css.backgroundRepeat = 'no-repeat';
       };
     }
 
     function getBackgroundPos(el, prop) {
-      return getCssValue(el, "background-position-" + prop.substr(-1), '');
+      return getCssValue(el, `background-position-${prop.substr(-1)}`, '');
     }
 
     function setBackgroundPosFn(bgProps, positions, props) {
       return function (css, percent) {
         for (const prop of bgProps) {
           const value = getValue(props[prop], percent);
-          css["background-position-" + prop.substr(-1)] = "calc(" + positions[prop] + " + " + value + "px)";
+          css[`background-position-${prop.substr(-1)}`] = `calc(${positions[prop]} + ${value}px)`;
         }
       };
     }
@@ -10069,7 +9988,7 @@
       };
     }
 
-    function parseStops(stops, fn) {if (fn === void 0) {fn = toFloat;}
+    function parseStops(stops, fn = toFloat) {
       const result = [];
       const { length } = stops;
       let nullIndex = 0;
@@ -10112,7 +10031,7 @@
     }
 
     function getStop(stops, percent) {
-      const index = findIndex(stops.slice(1), (_ref3) => {let [, targetPercent] = _ref3;return percent <= targetPercent;}) + 1;
+      const index = findIndex(stops.slice(1), ([, targetPercent]) => percent <= targetPercent) + 1;
       return [
       stops[index - 1][0],
       stops[index][0],
@@ -10170,17 +10089,17 @@
       },
 
       computed: {
-        target(_ref, $el) {let { target } = _ref;
+        target({ target }, $el) {
           return getOffsetElement(target && query(target, $el) || $el);
         },
 
-        start(_ref2) {let { start } = _ref2;
+        start({ start }) {
           return toPx(start, 'height', this.target, true);
         },
 
-        end(_ref3) {let { end, viewport } = _ref3;
+        end({ end, viewport }) {
           return toPx(
-          end || (viewport = (1 - viewport) * 100) && viewport + "vh+" + viewport + "%",
+          end || (viewport = (1 - viewport) * 100) && `${viewport}vh+${viewport}%`,
           'height',
           this.target,
           true);
@@ -10193,7 +10112,7 @@
       },
 
       update: {
-        read(_ref4, types) {let { percent } = _ref4;
+        read({ percent }, types) {
           if (!types.has('scroll')) {
             percent = false;
           }
@@ -10215,7 +10134,7 @@
           };
         },
 
-        write(_ref5) {let { style } = _ref5;
+        write({ style }) {
           if (!this.matchMedia) {
             this.reset();
             return;
@@ -10280,7 +10199,7 @@
       }
     };
 
-    function Transitioner (prev, next, dir, _ref) {let { center, easing, list } = _ref;
+    function Transitioner (prev, next, dir, { center, easing, list }) {
       const deferred = new Deferred();
 
       const from = prev ?
@@ -10293,7 +10212,7 @@
       return {
         dir,
 
-        show(duration, percent, linear) {if (percent === void 0) {percent = 0;}
+        show(duration, percent = 0, linear) {
           const timing = linear ? 'linear' : easing;
           duration -= Math.round(duration * clamp(percent, -1, 1));
 
@@ -10327,7 +10246,7 @@
           css(list, 'transform', '');
         },
 
-        forward(duration, percent) {if (percent === void 0) {percent = this.percent();}
+        forward(duration, percent = this.percent()) {
           Transition.cancel(list);
           return this.show(duration, percent, true);
         },
@@ -10365,7 +10284,7 @@
             dir * (isRtl ? -1 : 1) === -1 ^
             getElLeft(slide, list) > getElLeft(prev || next));
 
-            triggerUpdate(slide, "itemtranslate" + (translateIn ? 'in' : 'out'), {
+            triggerUpdate(slide, `itemtranslate${translateIn ? 'in' : 'out'}`, {
               dir,
               percent: isOut ? 1 - percent : isIn ? percent : isActive ? 1 : 0
             });
@@ -10382,7 +10301,7 @@
           return Math.abs(to - from);
         },
 
-        getItemIn(out) {if (out === void 0) {out = false;}
+        getItemIn(out = false) {
           let actives = this.getActives();
           let nextActives = inView(list, getLeft(next || prev, list, center));
 
@@ -10468,12 +10387,8 @@
           return getWidth(this.list) / this.length;
         },
 
-        finite(_ref) {let { finite } = _ref;
-          return (
-            finite ||
-            Math.ceil(getWidth(this.list)) <
-            Math.trunc(dimensions$1(this.list).width + getMaxElWidth(this.list) + this.center));
-
+        finite({ finite }) {
+          return finite || isFinite(this.list, this.center);
         },
 
         maxIndex() {
@@ -10498,7 +10413,7 @@
           return ~index ? index : this.length - 1;
         },
 
-        sets(_ref2) {let { sets: enabled } = _ref2;
+        sets({ sets: enabled }) {
           if (!enabled) {
             return;
           }
@@ -10506,7 +10421,7 @@
           let left = 0;
           const sets = [];
           const width = dimensions$1(this.list).width;
-          for (let i = 0; i < this.slides.length; i++) {
+          for (let i = 0; i < this.length; i++) {
             const slideWidth = dimensions$1(this.slides[i]).width;
 
             if (left + slideWidth > width) {
@@ -10542,7 +10457,7 @@
       },
 
       connected() {
-        toggleClass(this.$el, this.clsContainer, !$("." + this.clsContainer, this.$el));
+        toggleClass(this.$el, this.clsContainer, !$(`.${this.clsContainer}`, this.$el));
       },
 
       update: {
@@ -10626,8 +10541,7 @@
 
           const index = this.dir > 0 && this.slides[this.prevIndex] ? this.prevIndex : this.index;
 
-          this.slides.forEach((slide, i) =>
-          css(
+          this.slides.forEach((slide, i) => css(
           slide,
           'order',
           this.dir > 0 && i < index ? 1 : this.dir < 0 && i >= this.index ? -1 : ''));
@@ -10663,7 +10577,7 @@
           }
         },
 
-        getValidIndex(index, prevIndex) {if (index === void 0) {index = this.index;}if (prevIndex === void 0) {prevIndex = this.prevIndex;}
+        getValidIndex(index = this.index, prevIndex = this.prevIndex) {
           index = this.getIndex(index, prevIndex);
 
           if (!this.sets) {
@@ -10698,13 +10612,69 @@
               const slide = this.slides[this.getIndex(this.index + i + j++ * i)];
               currentLeft += dimensions$1(slide).width * i;
               slides.add(slide);
-            } while (this.slides.length > j && currentLeft > left && currentLeft < right);
+            } while (this.length > j && currentLeft > left && currentLeft < right);
           }
           return Array.from(slides);
         }
       }
     };
 
+    function isFinite(list, center) {
+      const { length } = list;
+
+      if (length < 2) {
+        return true;
+      }
+
+      const { width: listWidth } = dimensions$1(list);
+      if (!center) {
+        return Math.ceil(getWidth(list)) < Math.trunc(listWidth + getMaxElWidth(list));
+      }
+
+      const slides = children(list);
+      const listHalf = Math.trunc(listWidth / 2);
+      for (const index in slides) {
+        const slide = slides[index];
+        const slideWidth = dimensions$1(slide).width;
+        const slidesInView = new Set([slide]);
+
+        let diff = 0;
+        for (const i of [-1, 1]) {
+          let left = slideWidth / 2;
+
+          let j = 0;
+
+          while (left < listHalf) {
+            const nextSlide = slides[getIndex(+index + i + j++ * i, slides)];
+
+            if (slidesInView.has(nextSlide)) {
+              return true;
+            }
+
+            left += dimensions$1(nextSlide).width;
+            slidesInView.add(nextSlide);
+          }
+          diff = Math.max(
+          diff,
+          slideWidth / 2 +
+          dimensions$1(slides[getIndex(+index + i, slides)]).width / 2 - (
+          left - listHalf));
+
+        }
+
+        if (
+        diff > sumBy(
+        slides.filter((slide) => !slidesInView.has(slide)),
+        (slide) => dimensions$1(slide).width))
+
+        {
+          return true;
+        }
+      }
+
+      return false;
+    }
+
     function getMaxElWidth(list) {
       return Math.max(0, ...children(list).map((el) => dimensions$1(el).width));
     }
@@ -10734,7 +10704,7 @@
           return this.item;
         },
 
-        handler(_ref) {let { type, detail: { percent, duration, timing, dir } } = _ref;
+        handler({ type, detail: { percent, duration, timing, dir } }) {
           fastdom.read(() => {
             if (!this.matchMedia) {
               return;
@@ -10773,7 +10743,7 @@
           return this.item;
         },
 
-        handler(_ref2) {let { type, detail: { percent, dir } } = _ref2;
+        handler({ type, detail: { percent, dir } }) {
           fastdom.read(() => {
             if (!this.matchMedia) {
               this.reset();
@@ -10932,7 +10902,7 @@
           return { height: height - boxModelAdjust(this.list, 'height', 'content-box') };
         },
 
-        write(_ref) {let { height } = _ref;
+        write({ height }) {
           height > 0 && css(this.list, 'minHeight', height);
         },
 
@@ -11016,7 +10986,7 @@
         },
 
         handles: {
-          get(_ref, el) {let { handle } = _ref;
+          get({ handle }, el) {
             return handle ? $$(handle, el) : this.items;
           },
 
@@ -11107,7 +11077,7 @@
           defaultPrevented ||
           button > 0 ||
           isInput(target) ||
-          within(target, "." + this.clsNoDrag) ||
+          within(target, `.${this.clsNoDrag}`) ||
           this.handle && !within(target, this.handle))
           {
             return;
@@ -11381,7 +11351,7 @@
       },
 
       beforeConnect() {
-        this.id = "uk-tooltip-" + this._uid;
+        this.id = `uk-tooltip-${this._uid}`;
         this._hasTitle = hasAttr(this.$el, 'title');
         attr(this.$el, {
           title: '',
@@ -11405,12 +11375,11 @@
           }
 
           this._unbind = once(
-          document, "keydown " +
-          pointerDown$1,
+          document,
+          `keydown ${pointerDown$1}`,
           this.hide,
           false,
-          (e) =>
-          e.type === pointerDown$1 && !within(e.target, this.$el) ||
+          (e) => e.type === pointerDown$1 && !within(e.target, this.$el) ||
           e.type === 'keydown' && e.keyCode === 27);
 
 
@@ -11437,10 +11406,8 @@
 
         _show() {
           this.tooltip = append(
-          this.container, "<div id=\"" +
-          this.id + "\" class=\"uk-" + this.$options.name + "\" role=\"tooltip\"> <div class=\"uk-" +
-          this.$options.name + "-inner\">" + this.title + "</div> </div>");
-
+          this.container,
+          `<div id="${this.id}" class="uk-${this.$options.name}" role="tooltip"> <div class="uk-${this.$options.name}-inner">${this.title}</div> </div>`);
 
 
           on(this.tooltip, 'toggled', (e, toggled) => {
@@ -11454,8 +11421,8 @@
 
             this.origin =
             this.axis === 'y' ?
-            flipPosition(dir) + "-" + align :
-            align + "-" + flipPosition(dir);
+            `${flipPosition(dir)}-${align}` :
+            `${align}-${flipPosition(dir)}`;
           });
 
           this.toggleElement(this.tooltip, true);
@@ -11466,7 +11433,7 @@
         focus: 'show',
         blur: 'hide',
 
-        [pointerEnter + " " + pointerLeave](e) {
+        [`${pointerEnter} ${pointerLeave}`](e) {
           if (!isTouch(e)) {
             this[e.type === pointerEnter ? 'show' : 'hide']();
           }
@@ -11488,7 +11455,7 @@
       }
     }
 
-    function getAlignment(el, target, _ref) {let [dir, align] = _ref;
+    function getAlignment(el, target, [dir, align]) {
       const elOffset = offset(el);
       const targetOffset = offset(target);
       const properties = [
@@ -11687,12 +11654,12 @@
 
     function match(pattern, path) {
       return path.match(
-      new RegExp("^" +
-      pattern.
-      replace(/\//g, '\\/').
-      replace(/\*\*/g, '(\\/[^\\/]+)*').
-      replace(/\*/g, '[^\\/]+').
-      replace(/((?!\\))\?/g, '$1.') + "$",
+      new RegExp(
+      `^${pattern.
+  replace(/\//g, '\\/').
+  replace(/\*\*/g, '(\\/[^\\/]+)*').
+  replace(/\*/g, '[^\\/]+').
+  replace(/((?!\\))\?/g, '$1.')}$`,
       'i'));