uikit 3.11.1 → 3.11.2-dev.4c11be04b

package/dist/js/uikit.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.11.1 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.11.2-dev.4c11be04b | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -1587,7 +1587,7 @@
         height: ['top', 'bottom']
     };
 
-    function dimensions(element) {
+    function dimensions$1(element) {
 
         var rect = isElement(element)
             ? toNode(element).getBoundingClientRect()
@@ -1605,7 +1605,7 @@
 
     function offset(element, coordinates) {
 
-        var currentOffset = dimensions(element);
+        var currentOffset = dimensions$1(element);
 
         if (element) {
             var ref = toWindow(element);
@@ -1759,7 +1759,7 @@
                     : endsWith(value, '%')
                         ? percent(offsetDim
                             ? element[("offset" + (ucfirst(property)))]
-                            : dimensions(element)[property], value)
+                            : dimensions$1(element)[property], value)
                         : toFloat(value);
     }
 
@@ -2548,7 +2548,7 @@
         replaceClass: replaceClass,
         hasClass: hasClass,
         toggleClass: toggleClass,
-        dimensions: dimensions,
+        dimensions: dimensions$1,
         offset: offset,
         position: position,
         offsetPosition: offsetPosition,
@@ -3462,7 +3462,7 @@
     UIkit.data = '__uikit__';
     UIkit.prefix = 'uk-';
     UIkit.options = {};
-    UIkit.version = '3.11.1';
+    UIkit.version = '3.11.2-dev.4c11be04b';
 
     globalAPI(UIkit);
     hooksAPI(UIkit);
@@ -5222,7 +5222,7 @@
             css(element, 'display', 'block', 'important');
         }
 
-        var height = dimensions(element).height - boxModelAdjust(element, 'height', 'content-box');
+        var height = dimensions$1(element).height - boxModelAdjust(element, 'height', 'content-box');
 
         if (style !== false) {
             css(element, 'display', style);
@@ -5264,7 +5264,7 @@
 
                 if (this.expand) {
 
-                    minHeight = height(window) - (dimensions(document.documentElement).height - dimensions(this.$el).height) - box || '';
+                    minHeight = height(window) - (dimensions$1(document.documentElement).height - dimensions$1(this.$el).height) - box || '';
 
                 } else {
 
@@ -5281,7 +5281,7 @@
 
                     if (this.offsetBottom === true) {
 
-                        minHeight += " - " + (dimensions(this.$el.nextElementSibling).height) + "px";
+                        minHeight += " - " + (dimensions$1(this.$el.nextElementSibling).height) + "px";
 
                     } else if (isNumeric(this.offsetBottom)) {
 
@@ -5293,7 +5293,7 @@
 
                     } else if (isString(this.offsetBottom)) {
 
-                        minHeight += " - " + (dimensions(query(this.offsetBottom, this.$el)).height) + "px";
+                        minHeight += " - " + (dimensions$1(query(this.offsetBottom, this.$el)).height) + "px";
 
                     }
 
@@ -7325,7 +7325,7 @@
 
                 return {
                     current: toFloat(css(this.$el, 'maxHeight')),
-                    max: Math.max(this.minHeight, height(this.container) - (dimensions(this.content).height - height(this.$el)))
+                    max: Math.max(this.minHeight, height(this.container) - (dimensions$1(this.content).height - height(this.$el)))
                 };
             },
 
@@ -7851,7 +7851,7 @@
 
                     this.top = Math.max(toFloat(parseProp('top', this)), this.topOffset) - this.offset;
                     this.bottom = bottom && bottom - this.$el.offsetHeight;
-                    this.width = dimensions(isVisible(this.widthElement) ? this.widthElement : this.$el).width;
+                    this.width = dimensions$1(isVisible(this.widthElement) ? this.widthElement : this.$el).width;
 
                     return {
                         height: height$1,
@@ -10734,11 +10734,9 @@
         computed: {
 
             props: function(properties, $el) {
-                var this$1$1 = this;
-
                 return keys(props).reduce(function (result, prop) {
                     if (!isUndefined(properties[prop])) {
-                        result[prop] = props[prop].call(this$1$1, prop, $el, properties[prop].slice());
+                        result[prop] = props[prop](prop, $el, properties[prop].slice());
                     }
                     return result;
                 }, {});
@@ -10746,6 +10744,12 @@
 
         },
 
+        events: {
+            bgimageload: function() {
+                this.$emit();
+            }
+        },
+
         methods: {
 
             reset: function() {
@@ -10893,15 +10897,15 @@
         var bgPos = css(el, 'backgroundPosition').split(' ')[prop === 'x' ? 0 : 1]; // IE 11 can't read background-position-[x|y]
 
         return getCssValue(el, 'backgroundSize', '') === 'cover'
-            ? backgroundCoverFn.call(this, prop, el, steps, bgPos, attr)
+            ? backgroundCoverFn(prop, el, steps, bgPos, attr)
             : setBackgroundPosFn(prop, steps, bgPos);
     }
 
     function backgroundCoverFn(prop, el, steps, bgPos, attr) {
 
-        var image = getBackgroundImage.call(this, el);
+        var dimImage = getBackgroundImageDimensions(el);
 
-        if (!image.naturalWidth) {
+        if (!dimImage.width) {
             return noop;
         }
 
@@ -10917,11 +10921,6 @@
             height: el.offsetHeight
         };
 
-        var dimImage = {
-            width: image.naturalWidth,
-            height: image.naturalHeight
-        };
-
         var baseDim = Dimensions.cover(dimImage, dimEl);
         var span = baseDim[attr] - dimEl[attr];
 
@@ -10952,26 +10951,34 @@
         };
     }
 
-    function getBackgroundImage(el) {
-        var this$1$1 = this;
-
+    var dimensions = {};
+    function getBackgroundImageDimensions(el) {
         var src = css(el, 'backgroundImage').replace(/^none|url\(["']?(.+?)["']?\)$/, '$1');
 
-        var data = this._data;
-
-        if (data[src]) {
-            return data[src];
+        if (dimensions[src]) {
+            return dimensions[src];
         }
 
+        var image = new Image();
         if (src) {
-            var img = new Image();
-            img.src = src;
-            if (!img.naturalWidth) {
-                img.onload = function () { return this$1$1.$update(); };
-            }
+            image.src = src;
 
-            return data[src] = img;
+            if (!image.naturalWidth) {
+                image.onload = function () {
+                    dimensions[src] = toDimensions(image);
+                    trigger(el, 'bgimageload');
+                };
+            }
         }
+
+        return dimensions[src] = toDimensions(image);
+    }
+
+    function toDimensions(image) {
+        return {
+            width: image.naturalWidth,
+            height: image.naturalHeight
+        };
     }
 
     function getStep(steps, percent) {
@@ -11160,10 +11167,10 @@
 
         var from = prev
             ? getLeft(prev, list, center)
-            : getLeft(next, list, center) + dimensions(next).width * dir;
+            : getLeft(next, list, center) + dimensions$1(next).width * dir;
         var to = next
             ? getLeft(next, list, center)
-            : from + dimensions(prev).width * dir * (isRtl ? -1 : 1);
+            : from + dimensions$1(prev).width * dir * (isRtl ? -1 : 1);
 
         return {
 
@@ -11212,7 +11219,7 @@
                 css(list, 'transform', translate(clamp(
                     -to + (distance - distance * percent),
                     -getWidth(list),
-                    dimensions(list).width
+                    dimensions$1(list).width
                 ) * (isRtl ? -1 : 1), 'px'));
 
                 var actives = this.getActives();
@@ -11285,30 +11292,30 @@
     }
 
     function getMax(list) {
-        return Math.max(0, getWidth(list) - dimensions(list).width);
+        return Math.max(0, getWidth(list) - dimensions$1(list).width);
     }
 
     function getWidth(list) {
-        return children(list).reduce(function (right, el) { return dimensions(el).width + right; }, 0);
+        return children(list).reduce(function (right, el) { return dimensions$1(el).width + right; }, 0);
     }
 
     function centerEl(el, list) {
-        return dimensions(list).width / 2 - dimensions(el).width / 2;
+        return dimensions$1(list).width / 2 - dimensions$1(el).width / 2;
     }
 
     function getElLeft(el, list) {
-        return el && (position(el).left + (isRtl ? dimensions(el).width - dimensions(list).width : 0)) * (isRtl ? -1 : 1) || 0;
+        return el && (position(el).left + (isRtl ? dimensions$1(el).width - dimensions$1(list).width : 0)) * (isRtl ? -1 : 1) || 0;
     }
 
     function inView(list, listLeft) {
 
         listLeft -= 1;
-        var listWidth = dimensions(list).width;
+        var listWidth = dimensions$1(list).width;
         var listRight = listLeft + listWidth + 2;
 
         return children(list).filter(function (slide) {
             var slideLeft = getElLeft(slide, list);
-            var slideRight = slideLeft + Math.min(dimensions(slide).width, listWidth);
+            var slideRight = slideLeft + Math.min(dimensions$1(slide).width, listWidth);
 
             return slideLeft >= listLeft && slideRight <= listRight;
         });
@@ -11346,7 +11353,7 @@
             finite: function(ref) {
                 var finite = ref.finite;
 
-                return finite || Math.ceil(getWidth(this.list)) < dimensions(this.list).width + getMaxElWidth(this.list) + this.center;
+                return finite || Math.ceil(getWidth(this.list)) < Math.floor(dimensions$1(this.list).width + getMaxElWidth(this.list) + this.center);
             },
 
             maxIndex: function() {
@@ -11367,7 +11374,7 @@
                         return true;
                     }
 
-                    lft += dimensions(el).width;
+                    lft += dimensions$1(el).width;
 
                 });
 
@@ -11383,7 +11390,7 @@
                     return;
                 }
 
-                var width = dimensions(this.list).width / (this.center ? 2 : 1);
+                var width = dimensions$1(this.list).width / (this.center ? 2 : 1);
 
                 var left = 0;
                 var leftCenter = width;
@@ -11391,7 +11398,7 @@
 
                 sets = sortBy$1(this.slides, 'offsetLeft').reduce(function (sets, slide, i) {
 
-                    var slideWidth = dimensions(slide).width;
+                    var slideWidth = dimensions$1(slide).width;
                     var slideRight = slideLeft + slideWidth;
 
                     if (slideRight > left) {
@@ -11403,7 +11410,7 @@
                         if (!includes(sets, i)) {
 
                             var cmp = this$1$1.slides[i + 1];
-                            if (this$1$1.center && cmp && slideWidth < leftCenter - dimensions(cmp).width / 2) {
+                            if (this$1$1.center && cmp && slideWidth < leftCenter - dimensions$1(cmp).width / 2) {
                                 leftCenter -= slideWidth;
                             } else {
                                 leftCenter = width;
@@ -11491,7 +11498,7 @@
                 }
 
                 var index = this.dir < 0 || !this.slides[this.prevIndex] ? this.index : this.prevIndex;
-                this.duration = speedUp(this.avgWidth / this.velocity) * (dimensions(this.slides[index]).width / this.avgWidth);
+                this.duration = speedUp(this.avgWidth / this.velocity) * (dimensions$1(this.slides[index]).width / this.avgWidth);
 
                 this.reorder();
 
@@ -11531,7 +11538,7 @@
                 }
 
                 var next = this.slides[index];
-                var width = dimensions(this.list).width / 2 - dimensions(next).width / 2;
+                var width = dimensions$1(this.list).width / 2 - dimensions$1(next).width / 2;
                 var j = 0;
 
                 while (width > 0) {
@@ -11539,7 +11546,7 @@
                     var slide = this.slides[slideIndex];
 
                     css(slide, 'order', slideIndex > index ? -2 : -1);
-                    width -= dimensions(slide).width;
+                    width -= dimensions$1(slide).width;
                 }
 
             },
@@ -11576,7 +11583,7 @@
     };
 
     function getMaxElWidth(list) {
-        return Math.max.apply(Math, [ 0 ].concat( children(list).map(function (el) { return dimensions(el).width; }) ));
+        return Math.max.apply(Math, [ 0 ].concat( children(list).map(function (el) { return dimensions$1(el).width; }) ));
     }
 
     var sliderParallax = {