uikit 3.9.5-dev.e48c5e252 → 3.10.1-dev.6b26facf9

package/dist/js/uikit.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.9.5-dev.e48c5e252 | https://www.getuikit.com | (c) 2014 - 2021 YOOtheme | MIT License */
+/*! UIkit 3.10.1-dev.6b26facf9 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -634,8 +634,9 @@
     function domPath(element) {
         var names = [];
         while (element.parentNode) {
-            if (element.id) {
-                names.unshift(("#" + (escape(element.id))));
+            var id = attr(element, 'id');
+            if (id) {
+                names.unshift(("#" + (escape(id))));
                 break;
             } else {
                 var tagName = element.tagName;
@@ -1104,10 +1105,7 @@
             return;
         }
 
-        var unbind = on(document, 'DOMContentLoaded', function () {
-            unbind();
-            fn();
-        });
+        once(document, 'DOMContentLoaded', fn);
     }
 
     function empty(element) {
@@ -1127,10 +1125,10 @@
 
         parent = $(parent);
 
-        if (!parent.hasChildNodes()) {
-            return append(parent, element);
-        } else {
+        if (parent.hasChildNodes()) {
             return insertNodes(element, function (element) { return parent.insertBefore(element, parent.firstChild); });
+        } else {
+            return append(parent, element);
         }
     }
 
@@ -2294,10 +2292,10 @@
                     scrollTop(element, scroll + top * percent);
 
                     // scroll more if we have not reached our destination
-                    if (percent !== 1) {
-                        requestAnimationFrame(step);
-                    } else {
+                    if (percent === 1) {
                         resolve();
+                    } else {
+                        requestAnimationFrame(step);
                     }
 
                 })();
@@ -3006,12 +3004,12 @@
 
                 events.forEach(function (event) {
 
-                    if (!hasOwn(event, 'handler')) {
+                    if (hasOwn(event, 'handler')) {
+                        registerEvent(this$1$1, event);
+                    } else {
                         for (var key in event) {
                             registerEvent(this$1$1, event[key], key);
                         }
-                    } else {
-                        registerEvent(this$1$1, event);
                     }
 
                 });
@@ -3392,10 +3390,10 @@
                     var instance = UIkit.getComponent(element, name);
 
                     if (instance) {
-                        if (!data) {
-                            return instance;
-                        } else {
+                        if (data) {
                             instance.$destroy();
+                        } else {
+                            return instance;
                         }
                     }
 
@@ -3465,7 +3463,7 @@
     UIkit.data = '__uikit__';
     UIkit.prefix = 'uk-';
     UIkit.options = {};
-    UIkit.version = '3.9.5-dev.e48c5e252';
+    UIkit.version = '3.10.1-dev.6b26facf9';
 
     globalAPI(UIkit);
     hooksAPI(UIkit);
@@ -4105,7 +4103,7 @@
 
     var cover = {
 
-        mixins: [Class, Video],
+        mixins: [Video],
 
         props: {
             width: Number,
@@ -5790,6 +5788,8 @@
 
         props: {
             dataSrc: String,
+            dataSrcset: Boolean,
+            sizes: String,
             width: Number,
             height: Number,
             offsetTop: String,
@@ -5799,6 +5799,8 @@
 
         data: {
             dataSrc: '',
+            dataSrcset: false,
+            sizes: false,
             width: false,
             height: false,
             offsetTop: '50vh',
@@ -5814,6 +5816,31 @@
                 return ((this.$name) + "." + dataSrc);
             },
 
+            width: function(ref) {
+                var width = ref.width;
+                var dataWidth = ref.dataWidth;
+
+                return width || dataWidth;
+            },
+
+            height: function(ref) {
+                var height = ref.height;
+                var dataHeight = ref.dataHeight;
+
+                return height || dataHeight;
+            },
+
+            sizes: function(ref) {
+                var sizes = ref.sizes;
+                var dataSizes = ref.dataSizes;
+
+                return sizes || dataSizes;
+            },
+
+            isImg: function(_, $el) {
+                return isImg($el);
+            },
+
             target: {
 
                 get: function(ref) {
@@ -5845,14 +5872,14 @@
         connected: function() {
 
             if (!window.IntersectionObserver) {
-                setSrcAttrs(this.$el);
+                setSrcAttrs(this.$el, this.dataSrc, this.dataSrcset, this.sizes);
                 return;
             }
 
             if (storage[this.cacheKey]) {
-                setSrcAttrs(this.$el, storage[this.cacheKey]);
-            } else if (isImg(this.$el) && this.width && this.height) {
-                attr(this.$el, 'src', getPlaceholderImage(this.$el));
+                setSrcAttrs(this.$el, storage[this.cacheKey], this.dataSrcset, this.sizes);
+            } else if (this.isImg && this.width && this.height) {
+                setSrcAttrs(this.$el, getPlaceholderImage(this.width, this.height, this.sizes));
             }
 
             this.observer = new IntersectionObserver(this.load, {
@@ -5882,7 +5909,7 @@
                     this.load(this.observer.takeRecords());
                 }
 
-                if (isImg(this.$el)) {
+                if (this.isImg) {
                     return false;
                 }
 
@@ -5890,15 +5917,14 @@
 
             },
 
-            write: function(store) {
+            write: function(data) {
 
-                var srcset = data(this.$el, 'data-srcset');
-                if (srcset && window.devicePixelRatio !== 1) {
+                if (this.dataSrcset && window.devicePixelRatio !== 1) {
 
                     var bgSize = css(this.$el, 'backgroundSize');
-                    if (bgSize.match(/^(auto\s?)+$/) || toFloat(bgSize) === store.bgSize) {
-                        store.bgSize = getSourceSize(srcset, data(this.$el, 'sizes'));
-                        css(this.$el, 'backgroundSize', ((store.bgSize) + "px"));
+                    if (bgSize.match(/^(auto\s?)+$/) || toFloat(bgSize) === data.bgSize) {
+                        data.bgSize = getSourceSize(this.dataSrcset, this.sizes);
+                        css(this.$el, 'backgroundSize', ((data.bgSize) + "px"));
                     }
 
                 }
@@ -5920,9 +5946,9 @@
                     return;
                 }
 
-                this._data.image = getImageFromElement(this.$el, this.dataSrc).then(function (img) {
+                this._data.image = getImage(this.dataSrc, this.dataSrcset, this.sizes).then(function (img) {
 
-                    setSrcAttrs(this$1$1.$el, currentSrc(img));
+                    setSrcAttrs(this$1$1.$el, currentSrc(img), img.srcset, img.sizes);
                     storage[this$1$1.cacheKey] = currentSrc(img);
                     return img;
 
@@ -5943,19 +5969,13 @@
 
     };
 
-    var srcProps = ['data-src', 'data-srcset', 'sizes'];
-    function setSrcAttrs(el, src) {
+    function setSrcAttrs(el, src, srcset, sizes) {
 
-        var parentNode = parent(el);
         if (isImg(el)) {
-            (isPicture(parentNode) ? children(parentNode) : [el]).forEach(function (el) { return srcProps.forEach(function (prop) {
-                    var value = data(el, prop);
-                    if (value) {
-                        attr(el, prop.replace(/^(data-)+/, ''), value);
-                    }
-                }); }
-            );
-            src && attr(el, 'src', src);
+            var set = function (prop, val) { return val && val !== el[prop] && (el[prop] = val); };
+            set('sizes', sizes);
+            set('srcset', srcset);
+            set('src', src);
         } else if (src) {
 
             var change = !includes(el.style.backgroundImage, src);
@@ -5968,12 +5988,9 @@
 
     }
 
-    function getPlaceholderImage(el) {
+    function getPlaceholderImage(width, height, sizes) {
         var assign;
 
-        var sizes = data(el, 'sizes');
-        var width = data(el, 'width');
-        var height = data(el, 'height');
 
         if (sizes) {
             ((assign = Dimensions.ratio({width: width, height: height}, 'width', toPx(sizesToPixel(sizes))), width = assign.width, height = assign.height));
@@ -5998,24 +6015,6 @@
         return matches || '100vw';
     }
 
-    function getImageFromElement(el, src) {
-        var parentNode = parent(el);
-
-        if (!src) {
-            return Promise.reject(createEvent('error', false));
-        }
-
-        if (!isPicture(parentNode)) {
-            return getImage.apply(void 0, [ src ].concat( srcProps.slice(1).map(function (prop) { return data(el, prop); }) ));
-        }
-
-        return new Promise(function (resolve, reject) {
-            var picture = parentNode.cloneNode(true);
-            once(picture, 'load error', function (e) { return e.type === 'error' ? reject(e) : resolve(e.target); }, true);
-            setSrcAttrs($('img', picture));
-        });
-    }
-
     var sizeRe = /\d+(?:\w+|%)/g;
     var additionRe = /[+-]?(\d+)/g;
     function evaluateSize(size) {
@@ -6037,16 +6036,8 @@
         return descriptors.filter(function (size) { return size >= srcSize; })[0] || descriptors.pop() || '';
     }
 
-    function isPicture(el) {
-        return isA(el, 'PICTURE');
-    }
-
     function isImg(el) {
-        return isA(el, 'IMG');
-    }
-
-    function isA(el, tagName) {
-        return el && el.tagName === tagName;
+        return el.tagName === 'IMG';
     }
 
     function currentSrc(el) {
@@ -7843,7 +7834,7 @@
                         this.show();
                     }
 
-                    height$1 = !this.isActive ? this.$el.offsetHeight : height$1;
+                    height$1 = this.isActive ? height$1 : this.$el.offsetHeight;
 
                     if (height$1 + this.offset > height(window)) {
                         this.inactive = true;
@@ -8253,6 +8244,8 @@
 
     };
 
+    var KEY_SPACE = 32;
+
     var toggle = {
 
         mixins: [Media, Togglable],
@@ -8375,12 +8368,11 @@
                 name: 'keydown',
 
                 filter: function() {
-                    return includes(this.mode, 'click');
+                    return includes(this.mode, 'click') && this.$el.tagName !== 'INPUT';
                 },
 
                 handler: function(e) {
-                    // Space
-                    if (e.keyCode === 32) {
+                    if (e.keyCode === KEY_SPACE) {
                         e.preventDefault();
                         this.$el.click();
                     }
@@ -8979,12 +8971,12 @@
 
                             return fade.apply(void 0, args.concat( [40] ));
                 }
-                        : !name
-                            ? function () {
+                        : name
+                            ? slide
+                            : function () {
                                 action();
                                 return Promise$1.resolve();
-                            }
-                            : slide;
+                            };
 
                 return animationFn(action, target, this.duration)
                     .then(function () { return this$1$1.$update(target, 'resize'); }, noop);
@@ -9263,7 +9255,7 @@
         if ( unit === void 0 ) unit = '%';
 
         value += value ? unit : '';
-        return isIE ? ("translateX(" + value + ")") : ("translate3d(" + value + ", 0, 0)"); // currently not translate3d in IE, translate3d within translate3d does not work while transitioning
+        return isIE ? ("translateX(" + value + ")") : ("translate3d(" + value + ", 0, 0)"); // currently, not translate3d in IE, translate3d within translate3d does not work while transitioning
     }
 
     function scale3d(value) {
@@ -10977,7 +10969,7 @@
                             var p = ref$1[2];
 
                             css[prop] = "rgba(" + (start.map(function (value, i) {
-                                    value = value + p * (end[i] - value);
+                                    value += p * (end[i] - value);
                                     return i === 3 ? toFloat(value) : parseInt(value, 10);
                                 }).join(',')) + ")";
                             break;
@@ -11843,6 +11835,10 @@
 
             read: function() {
 
+                if (!this.list) {
+                    return false;
+                }
+
                 var ref = this.ratio.split(':').map(Number);
                 var width = ref[0];
                 var height = ref[1];
@@ -12194,7 +12190,7 @@
             var dist = (Date.now() - last) * .3;
             last = Date.now();
 
-            scrollParents(document.elementFromPoint(x, pos.y)).reverse().some(function (scrollEl) {
+            scrollParents(document.elementFromPoint(x, pos.y), /auto|scroll/).reverse().some(function (scrollEl) {
 
                 var scroll = scrollEl.scrollTop;
                 var scrollHeight = scrollEl.scrollHeight;
@@ -12390,7 +12386,8 @@
                 }
 
                 this.toggleElement(this.tooltip, false, false).then(function () {
-                    this$1$1.tooltip = remove$1(this$1$1.tooltip);
+                    remove$1(this$1$1.tooltip);
+                    this$1$1.tooltip = null;
                     this$1$1._unbind();
                 });
             },