uikit 3.13.11-dev.98491b3f4 → 3.13.11-dev.d3de726ee

package/dist/js/uikit.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.13.11-dev.98491b3f4 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.13.11-dev.d3de726ee | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -1983,8 +1983,7 @@
 
       const position = offset(element);
       const targetOffset = offset(target);
-      for (const i in dirs) {
-        const [prop, dir, start, end] = dirs[i];
+      for (const [i, [prop, dir, start, end]] of Object.entries(dirs)) {
         position[start] = position[dir] =
         targetOffset[start] +
         moveBy(attach.target[i], end, targetOffset[prop]) -
@@ -2013,9 +2012,7 @@
       viewports.push(viewport);
 
       const offsetPosition = { ...position };
-      for (const i in dirs) {
-        const [prop, dir, start, end] = dirs[i];
-
+      for (const [i, [prop, dir, start, end]] of Object.entries(dirs)) {
         if (flip !== true && !includes(flip, dir)) {
           continue;
         }
@@ -2147,7 +2144,7 @@
     }
 
     function flipDir(prop) {
-      for (const i in dirs) {
+      for (let i = 0; i < dirs.length; i++) {
         const index = dirs[i].indexOf(prop);
         if (~index) {
           return dirs[1 - i][index % 2 + 2];
@@ -2616,7 +2613,7 @@
           continue;
         }
 
-        value = props[key] === Boolean && value === '' ? true : coerce(props[key], value);
+        value = props[key] === Boolean && value === '' ? true : coerce$1(props[key], value);
 
         if (prop === 'target' && (!value || startsWith(value, '_'))) {
           continue;
@@ -2630,7 +2627,7 @@
       for (const key in options) {
         const prop = camelize(key);
         if (props[prop] !== undefined) {
-          data$1[prop] = coerce(props[prop], options[key]);
+          data$1[prop] = coerce$1(props[prop], options[key]);
         }
       }
 
@@ -2695,7 +2692,7 @@
       return options.every((arr) => !arr || !hasOwn(arr, key));
     }
 
-    function coerce(type, value) {
+    function coerce$1(type, value) {
       if (type === Boolean) {
         return toBoolean(value);
       } else if (type === Number) {
@@ -2733,7 +2730,7 @@
         if (isUndefined(data[key])) {
           delete data[key];
         } else if (props[key]) {
-          data[key] = coerce(props[key], data[key]);
+          data[key] = coerce$1(props[key], data[key]);
         }
       }
 
@@ -2958,7 +2955,7 @@
     UIkit.data = '__uikit__';
     UIkit.prefix = 'uk-';
     UIkit.options = {};
-    UIkit.version = '3.13.11-dev.98491b3f4';
+    UIkit.version = '3.13.11-dev.d3de726ee';
 
     globalAPI(UIkit);
     hooksAPI(UIkit);
@@ -6549,7 +6546,7 @@
           if (scrollTop === max) {
             active = length - 1;
           } else {
-            for (const i in targets) {
+            for (let i = 0; i < targets.length; i++) {
               if (offset(targets[i]).top - viewport.top - this.offset > 0) {
                 break;
               }
@@ -6568,7 +6565,7 @@
           const changed = active !== false && !hasClass(this.elements[active], this.cls);
 
           this.links.forEach((el) => el.blur());
-          for (const i in this.elements) {
+          for (let i = 0; i < this.elements.length; i++) {
             toggleClass(this.elements[i], this.cls, +i === active);
           }
 
@@ -6584,11 +6581,12 @@
 
       props: {
         position: String,
-        top: Boolean,
-        bottom: Boolean,
-        start: Boolean,
-        end: Boolean,
+        top: null,
+        bottom: null,
+        start: null,
+        end: null,
         offset: String,
+        overflowFlip: Boolean,
         animation: String,
         clsActive: String,
         clsInactive: String,
@@ -6606,6 +6604,7 @@
         start: false,
         end: false,
         offset: 0,
+        overflowFlip: false,
         animation: '',
         clsActive: 'uk-active',
         clsInactive: '',
@@ -6627,8 +6626,8 @@
       },
 
       connected() {
-        this.start = this.start || this.top;
-        this.end = this.end || this.bottom;
+        this.start = coerce(this.start || this.top);
+        this.end = coerce(this.end || this.bottom);
 
         this.placeholder =
         $('+ .uk-sticky-placeholder', this.$el) ||
@@ -6648,6 +6647,17 @@
       },
 
       events: [
+      {
+        name: 'resize',
+
+        el() {
+          return window;
+        },
+
+        handler() {
+          this.$emit('resize');
+        } },
+
       {
         name: 'load hashchange popstate',
 
@@ -6673,8 +6683,8 @@
               window,
               targetOffset.top -
               elOffset.height -
-              toPx(this.targetOffset, 'height') -
-              toPx(this.offset, 'height'));
+              toPx(this.targetOffset, 'height', this.placeholder) -
+              toPx(this.offset, 'height', this.placeholder));
 
             }
           });
@@ -6711,16 +6721,18 @@
           const windowHeight = height(window);
 
           let position = this.position;
-          if (position === 'auto' && height$1 > windowHeight) {
-            position = 'bottom';
+          if (this.overflowFlip && height$1 > windowHeight) {
+            position = position === 'top' ? 'bottom' : 'top';
           }
 
           let offset$1 = toPx(this.offset, 'height', referenceElement);
-          if (position === 'bottom') {
+          if (position === 'bottom' && (height$1 < windowHeight || this.overflowFlip)) {
             offset$1 += windowHeight - height$1;
           }
 
-          const overflow = Math.max(0, height$1 + offset$1 - windowHeight);
+          const overflow = this.overflowFlip ?
+          0 :
+          Math.max(0, height$1 + offset$1 - windowHeight);
           const topOffset = offset(referenceElement).top;
 
           const start =
@@ -6949,6 +6961,15 @@
       }
     }
 
+    function coerce(value) {
+      if (value === 'true') {
+        return true;
+      } else if (value === 'false') {
+        return false;
+      }
+      return value;
+    }
+
     var Switcher = {
       mixins: [Lazyload, Swipe, Togglable],
 
@@ -9901,7 +9922,7 @@
           let left = 0;
           const sets = [];
           const width = dimensions$1(this.list).width;
-          for (let i in this.slides) {
+          for (let i = 0; i < this.slides.length; i++) {
             const slideWidth = dimensions$1(this.slides[i]).width;
 
             if (left + slideWidth > width) {