uikit 3.13.11-dev.98491b3f4 → 3.13.11-dev.9f2f619d7

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.9f2f619d7 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -208,48 +208,44 @@
 
     }
 
-    const Dimensions = {
-      ratio(dimensions, prop, value) {
-        const aProp = prop === 'width' ? 'height' : 'width';
+    function ratio(dimensions, prop, value) {
+      const aProp = prop === 'width' ? 'height' : 'width';
 
-        return {
-          [aProp]: dimensions[prop] ?
-          Math.round(value * dimensions[aProp] / dimensions[prop]) :
-          dimensions[aProp],
-          [prop]: value };
+      return {
+        [aProp]: dimensions[prop] ?
+        Math.round(value * dimensions[aProp] / dimensions[prop]) :
+        dimensions[aProp],
+        [prop]: value };
 
-      },
+    }
 
-      contain(dimensions, maxDimensions) {
-        dimensions = { ...dimensions };
+    function contain(dimensions, maxDimensions) {
+      dimensions = { ...dimensions };
 
-        each(
-        dimensions,
-        (_, prop) =>
+      for (const prop in dimensions) {
         dimensions =
         dimensions[prop] > maxDimensions[prop] ?
-        this.ratio(dimensions, prop, maxDimensions[prop]) :
-        dimensions);
-
+        ratio(dimensions, prop, maxDimensions[prop]) :
+        dimensions;
+      }
 
-        return dimensions;
-      },
+      return dimensions;
+    }
 
-      cover(dimensions, maxDimensions) {
-        dimensions = this.contain(dimensions, maxDimensions);
+    function cover$1(dimensions, maxDimensions) {
+      dimensions = contain(dimensions, maxDimensions);
 
-        each(
-        dimensions,
-        (_, prop) =>
+      for (const prop in dimensions) {
         dimensions =
         dimensions[prop] < maxDimensions[prop] ?
-        this.ratio(dimensions, prop, maxDimensions[prop]) :
-        dimensions);
-
+        ratio(dimensions, prop, maxDimensions[prop]) :
+        dimensions;
+      }
 
-        return dimensions;
-      } };
+      return dimensions;
+    }
 
+    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;}
       elements = toNodes(elements);
@@ -1983,8 +1979,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]) -
@@ -1998,7 +1993,7 @@
     function attachToWithFlip(element, target, options) {
       const position = attachTo(element, target, options);
       const targetDim = offset(target);
-      const viewports = scrollParents(element, /auto|scroll/);
+      const viewports = scrollParents(element);
       const [scrollElement] = viewports;
 
       let {
@@ -2013,9 +2008,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 +2140,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 +2609,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 +2623,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 +2688,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 +2726,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 +2951,7 @@
     UIkit.data = '__uikit__';
     UIkit.prefix = 'uk-';
     UIkit.options = {};
-    UIkit.version = '3.13.11-dev.98491b3f4';
+    UIkit.version = '3.13.11-dev.9f2f619d7';
 
     globalAPI(UIkit);
     hooksAPI(UIkit);
@@ -3482,25 +3475,38 @@
 
       update: {
         read() {
-          const el = this.$el;
-          const { offsetHeight: height, offsetWidth: width } =
-          getPositionedParent(el) || parent(el);
-          const dim = Dimensions.cover(
-          {
-            width: this.width || el.naturalWidth || el.videoWidth || el.clientWidth,
-            height: this.height || el.naturalHeight || el.videoHeight || el.clientHeight },
+          const { ratio, cover } = Dimensions;
+          const { $el, width, height } = this;
 
-          {
-            width: width + (width % 2 ? 1 : 0),
-            height: height + (height % 2 ? 1 : 0) });
+          let dim = { width, height };
 
+          if (!dim.width || !dim.height) {
+            const intrinsic = {
+              width: $el.naturalWidth || $el.videoWidth || $el.clientWidth,
+              height: $el.naturalHeight || $el.videoHeight || $el.clientHeight };
 
 
-          if (!dim.width || !dim.height) {
+            if (dim.width) {
+              dim = ratio(intrinsic, 'width', dim.width);
+            } else if (height) {
+              dim = ratio(intrinsic, 'height', dim.height);
+            } else {
+              dim = intrinsic;
+            }
+          }
+
+          const { offsetHeight: coverHeight, offsetWidth: coverWidth } =
+          getPositionedParent($el) || parent($el);
+          const coverDim = cover(dim, {
+            width: coverWidth + (coverWidth % 2 ? 1 : 0),
+            height: coverHeight + (coverHeight % 2 ? 1 : 0) });
+
+
+          if (!coverDim.width || !coverDim.height) {
             return false;
           }
 
-          return dim;
+          return coverDim;
         },
 
         write(_ref) {let { height, width } = _ref;
@@ -6549,7 +6555,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 +6574,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 +6590,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 +6613,7 @@
         start: false,
         end: false,
         offset: 0,
+        overflowFlip: false,
         animation: '',
         clsActive: 'uk-active',
         clsInactive: '',
@@ -6627,8 +6635,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 +6656,17 @@
       },
 
       events: [
+      {
+        name: 'resize',
+
+        el() {
+          return window;
+        },
+
+        handler() {
+          this.$emit('resize');
+        } },
+
       {
         name: 'load hashchange popstate',
 
@@ -6673,8 +6692,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 +6730,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 +6970,15 @@
       }
     }
 
+    function coerce(value) {
+      if (value === 'true') {
+        return true;
+      } else if (value === 'false') {
+        return false;
+      }
+      return value;
+    }
+
     var Switcher = {
       mixins: [Lazyload, Swipe, Togglable],
 
@@ -9281,7 +9311,9 @@
 
       methods: {
         reset() {
-          each(this.getCss(0), (_, prop) => css(this.$el, prop, ''));
+          for (const prop in this.getCss(0)) {
+            css(this.$el, prop, '');
+          }
         },
 
         getCss(percent) {
@@ -9901,7 +9933,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) {