uikit 3.13.11-dev.eb080f280 → 3.14.0

package/dist/js/uikit.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.13.11-dev.eb080f280 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.14.0 | 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,8 +1993,6 @@
     function attachToWithFlip(element, target, options) {
       const position = attachTo(element, target, options);
       const targetDim = offset(target);
-      const viewports = scrollParents(element, /auto|scroll/);
-      const [scrollElement] = viewports;
 
       let {
         flip,
@@ -2010,12 +2003,15 @@
         viewportPadding } =
       options;
 
+      let viewports = scrollParents(element);
+      if (boundary === target) {
+        viewports = viewports.filter((viewport) => viewport !== boundary);
+      }
+      const [scrollElement] = viewports;
       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;
         }
@@ -2030,7 +2026,7 @@
           viewport[end] -= viewportPadding;
         }
 
-        if (boundary && !(willFlip || position[prop] > offset(boundary)[prop])) {
+        if (boundary && !willFlip && position[prop] <= offset(boundary)[prop]) {
           viewport = getIntersectionArea(viewport, offset(boundary));
         }
 
@@ -2147,7 +2143,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];
@@ -2958,7 +2954,7 @@
     UIkit.data = '__uikit__';
     UIkit.prefix = 'uk-';
     UIkit.options = {};
-    UIkit.version = '3.13.11-dev.eb080f280';
+    UIkit.version = '3.14.0';
 
     globalAPI(UIkit);
     hooksAPI(UIkit);
@@ -3482,25 +3478,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;
@@ -3602,6 +3611,7 @@
         boundaryAlign: Boolean,
         delayShow: Number,
         delayHide: Number,
+        display: String,
         clsDrop: String },
 
 
@@ -3612,6 +3622,7 @@
         boundaryAlign: false,
         delayShow: 0,
         delayHide: 800,
+        display: null,
         clsDrop: false,
         animation: ['uk-animation-fade'],
         cls: 'uk-open',
@@ -3802,7 +3813,23 @@
               this.hide(false);
             }
           }),
-          on(window, 'resize', () => this.$emit())])
+
+          ...(this.display === 'static' ?
+          [] :
+          (() => {
+            const handler = () => this.$emit();
+            return [
+            on(window, 'resize', handler),
+            on(document, 'scroll', handler, true),
+            (() => {
+              const observer = observeResize(
+              scrollParents(this.$el),
+              handler);
+
+              return () => observer.disconnect();
+            })()];
+
+          })())])
           {
             once(this.$el, 'hide', handler, { self: true });
           }
@@ -3922,7 +3949,8 @@
           const boundaryOffset = boundary ? offset(boundary) : scrollParentOffset;
 
           css(this.$el, 'maxWidth', '');
-          const maxWidth = scrollParentOffset.width - (boundary ? 0 : 2 * this.viewportPadding);
+          const maxWidth =
+          scrollParentOffset.width - (this.boundaryAlign ? 0 : 2 * this.viewportPadding);
 
           if (this.pos[1] === 'justify') {
             const prop = this.axis === 'y' ? 'width' : 'height';
@@ -4037,7 +4065,7 @@
 
 
       resizeTargets() {
-        return [this.$el, this.$el.children];
+        return [this.$el, ...toArray(this.$el.children)];
       },
 
       connected() {
@@ -4354,7 +4382,7 @@
 
 
       resizeTargets() {
-        return [this.$el, this.elements];
+        return [this.$el, ...this.elements];
       },
 
       update: {
@@ -6549,7 +6577,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 +6596,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);
           }
 
@@ -9305,7 +9333,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) {
@@ -9925,7 +9955,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) {