uikit 3.9.5-dev.43d9beccd → 3.9.5-dev.4839a0a03

package/dist/js/uikit.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.9.5-dev.43d9beccd | https://www.getuikit.com | (c) 2014 - 2021 YOOtheme | MIT License */
+/*! UIkit 3.9.5-dev.4839a0a03 | https://www.getuikit.com | (c) 2014 - 2021 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -3465,7 +3465,7 @@
     UIkit.data = '__uikit__';
     UIkit.prefix = 'uk-';
     UIkit.options = {};
-    UIkit.version = '3.9.5-dev.43d9beccd';
+    UIkit.version = '3.9.5-dev.4839a0a03';
 
     globalAPI(UIkit);
     hooksAPI(UIkit);
@@ -5790,8 +5790,6 @@
 
         props: {
             dataSrc: String,
-            width: Number,
-            height: Number,
             offsetTop: String,
             offsetLeft: String,
             target: String
@@ -5799,8 +5797,6 @@
 
         data: {
             dataSrc: '',
-            width: false,
-            height: false,
             offsetTop: '50vh',
             offsetLeft: '50vw',
             target: false
@@ -5808,12 +5804,6 @@
 
         computed: {
 
-            cacheKey: function(ref) {
-                var dataSrc = ref.dataSrc;
-
-                return ((this.$name) + "." + dataSrc);
-            },
-
             target: {
 
                 get: function(ref) {
@@ -5826,40 +5816,20 @@
                     this.observe();
                 }
 
-            },
-
-            offsetTop: function(ref) {
-                var offsetTop = ref.offsetTop;
-
-                return toPx(offsetTop, 'height');
-            },
-
-            offsetLeft: function(ref) {
-                var offsetLeft = ref.offsetLeft;
-
-                return toPx(offsetLeft, 'width');
             }
 
         },
 
         connected: function() {
 
-            if (window.IntersectionObserver) {
+            if (!window.IntersectionObserver) {
                 setSrcAttrs(this.$el, this.dataSrc);
                 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));
-            }
-
-            this.observer = new IntersectionObserver(this.load, {
-                rootMargin: ((this.offsetTop) + "px " + (this.offsetLeft) + "px")
-            });
-
-            requestAnimationFrame(this.observe);
+            var rootMargin = (toPx(this.offsetTop, 'height')) + "px " + (toPx(this.offsetLeft, 'width')) + "px";
+            this.observer = new IntersectionObserver(this.load, {rootMargin: rootMargin});
+            this.observe();
 
         },
 
@@ -5870,7 +5840,6 @@
         update: {
 
             read: function(ref) {
-                var this$1$1 = this;
                 var image = ref.image;
 
 
@@ -5878,15 +5847,13 @@
                     return false;
                 }
 
-                if (!image && document.readyState === 'complete') {
-                    this.load(this.observer.takeRecords());
-                }
-
                 if (isImg(this.$el)) {
                     return false;
                 }
 
-                image && image.then(function (img) { return img && img.currentSrc !== '' && setSrcAttrs(this$1$1.$el, currentSrc(img)); });
+                if (image && image.currentSrc !== '') {
+                    setSrcAttrs(this.$el, currentSrc(image));
+                }
 
             },
 
@@ -5912,21 +5879,18 @@
         methods: {
 
             load: function(entries) {
-                var this$1$1 = this;
-
 
                 // Old chromium based browsers (UC Browser) did not implement `isIntersecting`
                 if (!entries.some(function (entry) { return isUndefined(entry.isIntersecting) || entry.isIntersecting; })) {
                     return;
                 }
 
-                this._data.image = getImageFromElement(this.$el, this.dataSrc).then(function (img) {
-
-                    setSrcAttrs(this$1$1.$el, currentSrc(img));
-                    storage[this$1$1.cacheKey] = currentSrc(img);
-                    return img;
+                if (this._data.image) {
+                    return this._data.image;
+                }
 
-                }, function (e) { return trigger(this$1$1.$el, new e.constructor(e.type, e)); });
+                this._data.image = isImg(this.$el) ? this.$el : getImageFromElement(this.$el, this.dataSrc);
+                setSrcAttrs(this.$el, currentSrc(this._data.image));
 
                 this.observer.disconnect();
             },
@@ -5943,18 +5907,12 @@
 
     };
 
-    var srcProps = ['data-src', 'data-srcset', 'sizes'];
     function setSrcAttrs(el, src) {
 
-        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);
-                    }
-                }); }
-            );
+            var parentNode = parent(el);
+            var elements = isPicture(parentNode) ? children(parentNode) : [el];
+            elements.forEach(setSourceProps);
             src && attr(el, 'src', src);
         } else if (src) {
 
@@ -5968,18 +5926,26 @@
 
     }
 
-    function getPlaceholderImage(el) {
-        var assign;
+    var srcProps = ['data-src', 'data-srcset', 'sizes'];
+    function setSourceProps(sourceEl, targetEl) {
+        srcProps.forEach(function (prop) {
+            var value = data(sourceEl, prop);
+            if (value) {
+                attr(targetEl || sourceEl, prop.replace(/^(data-)+/, ''), value);
+            }
+        });
+    }
 
-        var sizes = data(el, 'sizes');
-        var width = data(el, 'width');
-        var height = data(el, 'height');
+    function getImageFromElement(el, src) {
 
-        if (sizes) {
-            ((assign = Dimensions.ratio({width: width, height: height}, 'width', toPx(sizesToPixel(sizes))), width = assign.width, height = assign.height));
+        if (!src) {
+            return false;
         }
 
-        return ("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"" + width + "\" height=\"" + height + "\"></svg>");
+        var img = new Image();
+        setSourceProps(el, img);
+        attr(img, 'src', src);
+        return img;
     }
 
     var sizesRe = /\s*(.*?)\s*(\w+|calc\(.*?\))\s*(?:,|$)/g;
@@ -5998,24 +5964,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) {
@@ -6053,18 +6001,6 @@
         return el.currentSrc || el.src;
     }
 
-    var key = '__test__';
-    var storage;
-
-    // workaround for Safari's private browsing mode and accessing sessionStorage in Blink
-    try {
-        storage = window.sessionStorage || {};
-        storage[key] = 1;
-        delete storage[key];
-    } catch (e) {
-        storage = {};
-    }
-
     var Media = {
 
         props: {