update image loader

dashboard-ui/bower_components/emby-webcomponents/.bower.json

@@ -15,12 +15,12 @@
   },
   "devDependencies": {},
   "ignore": [],
-  "version": "1.0.21",
-  "_release": "1.0.21",
+  "version": "1.0.23",
+  "_release": "1.0.23",
   "_resolution": {
     "type": "version",
-    "tag": "1.0.21",
-    "commit": "dd73237b9d554d45a664e820042804c6d129d280"
+    "tag": "1.0.23",
+    "commit": "1e7c56cf54a657d72d35d36f37937231942a2685"
   },
   "_source": "git://github.com/MediaBrowser/emby-webcomponents.git",
   "_target": "~1.0.0",

dashboard-ui/bower_components/emby-webcomponents/images/imagehelper.js

@@ -1,4 +1,4 @@
-define(['visibleinviewport', 'imageloader'], function (visibleinviewport, imageLoader) {
+define(['visibleinviewport', 'imageFetcher'], function (visibleinviewport, imageFetcher) {
 
     var thresholdX = screen.availWidth;
     var thresholdY = screen.availHeight;
@@ -9,14 +9,33 @@ define(['visibleinviewport', 'imageloader'], function (visibleinviewport, imageL
         return visibleinviewport(elem, true, thresholdX, thresholdY);
     }
 
+    var self = {};
+
     function fillImage(elem) {
         var source = elem.getAttribute('data-src');
         if (source) {
-            imageLoader.loadImage(elem, source);
+            if (self.enableFade) {
+                imageFetcher.loadImage(elem, source).then(fadeIn);
+            } else {
+                imageFetcher.loadImage(elem, source);
+            }
             elem.setAttribute("data-src", '');
         }
     }
 
+    function fadeIn(elem) {
+
+        if (elem.classList.contains('noFade')) {
+            return;
+        }
+
+        var keyframes = [
+          { opacity: '0', offset: 0 },
+          { opacity: '1', offset: 1 }];
+        var timing = { duration: 300, iterations: 1 };
+        elem.animate(keyframes, timing);
+    }
+
     function cancelAll(tokens) {
         for (var i = 0, length = tokens.length; i < length; i++) {
 
@@ -167,9 +186,24 @@ define(['visibleinviewport', 'imageloader'], function (visibleinviewport, imageL
         return result;
     }
 
-    return {
-        lazyChildren: lazyChildren,
-        getPrimaryImageAspectRatio: getPrimaryImageAspectRatio
-    };
+    function fillImages(elems) {
 
+        for (var i = 0, length = elems.length; i < length; i++) {
+            var elem = elems[0];
+            fillImage(elem);
+        }
+    }
+
+    function lazyImage(elem, url) {
+
+        elem.setAttribute('data-src', url);
+        fillImage(elem);
+    }
+
+    self.fillImages = fillImages;
+    self.lazyImage = lazyImage;
+    self.lazyChildren = lazyChildren;
+    self.getPrimaryImageAspectRatio = getPrimaryImageAspectRatio;
+
+    return self;
 });