update shared components

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

@@ -14,12 +14,12 @@
   },
   "devDependencies": {},
   "ignore": [],
-  "version": "1.4.140",
+  "version": "1.4.141",
-  "_release": "1.4.140",
+  "_release": "1.4.141",
   "_resolution": {
     "type": "version",
-    "tag": "1.4.140",
+    "tag": "1.4.141",
-    "commit": "e772e866601556c902fd312a893653706a5ba13a"
+    "commit": "f04a3dea1a654d41eb586745e1276760025e0ec9"
   },
   "_source": "https://github.com/MediaBrowser/emby-webcomponents.git",
   "_target": "^1.2.0",

dashboard-ui/bower_components/emby-webcomponents/cardbuilder/card.css

@@ -179,6 +179,10 @@ button.cardContent {
     background-clip: content-box !important;
 }
 
+.chapterCardImageContainer {
+    background-color: #000;
+}
+
 button.cardImageContainer {
     border: 0;
     padding: 0;

dashboard-ui/bower_components/emby-webcomponents/cardbuilder/cardbuilder.js

@@ -102,7 +102,6 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'mediaInfo
             }
         }
 
-        var shapes = ['square', 'portrait', 'banner', 'smallBackdrop', 'backdrop', 'overflowBackdrop', 'overflowPortrait', 'overflowSquare'];
         function getImageWidth(shape) {
 
             var screenWidth = window.innerWidth;
@@ -334,7 +333,6 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'mediaInfo
 
                 var itemsInRow = 0;
                 var hasOpenRow = false;
-                var hasOpenSection = false;
 
                 html += renderItems.map(function (renderItem) {
 
@@ -624,7 +622,8 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'mediaInfo
         function getDefaultColorIndex(str) {
 
             if (str) {
-                var character = String(str.substr(str.length - 1).charCodeAt());
+                var charIndex = Math.floor(str.length / 2);
+                var character = String(str.substr(charIndex, 1).charCodeAt());
                 var sum = 0;
                 for (var i = 0; i < character.length; i++) {
                     sum += parseInt(character.charAt(i));
@@ -1000,7 +999,7 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'mediaInfo
             }
 
             var overlayButtons = '';
-            if (!layoutManager.tv) {
+            if (layoutManager.mobile) {
 
                 var overlayPlayButton = options.overlayPlayButton;
 

dashboard-ui/bower_components/emby-webcomponents/cardbuilder/chaptercardbuilder.js

@@ -69,13 +69,17 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemShortcuts'], functi
 
         var imgUrl = getImgUrl(item, chapter, index, options.width || 400, apiClient);
 
-        var cardImageContainerClass = 'cardImageContainer';
+        var cardImageContainerClass = 'cardImageContainer chapterCardImageContainer';
         if (options.coverImage) {
             cardImageContainerClass += ' coveredImage';
         }
         var dataAttributes = ' data-action="play" data-isfolder="' + item.IsFolder + '" data-id="' + item.Id + '" data-serverid="' + item.ServerId + '" data-type="' + item.Type + '" data-mediatype="' + item.MediaType + '" data-positionticks="' + chapter.StartPositionTicks + '"';
         var cardImageContainer = imgUrl ? ('<div class="' + cardImageContainerClass + ' lazy" data-src="' + imgUrl + '">') : ('<div class="' + cardImageContainerClass + '">');
 
+        if (!imgUrl) {
+            cardImageContainer += '<i class="md-icon cardImageIcon">local_movies</i>';
+        }
+
         var nameHtml = '';
         nameHtml += '<div class="cardText">' + chapter.Name + '</div>';
         nameHtml += '<div class="cardText">' + datetime.getDisplayRunningTime(chapter.StartPositionTicks) + '</div>';

dashboard-ui/bower_components/emby-webcomponents/cardbuilder/peoplecardbuilder.js

@@ -61,6 +61,10 @@ define(['imageLoader', 'itemShortcuts', 'connectionManager'], function (imageLoa
         }
         var cardImageContainer = imgUrl ? ('<div class="' + cardImageContainerClass + ' lazy" data-src="' + imgUrl + '">') : ('<div class="' + cardImageContainerClass + '">');
 
+        if (!imgUrl) {
+            cardImageContainer += '<i class="md-icon cardImageIcon">person</i>';
+        }
+
         var nameHtml = '';
         nameHtml += '<div class="cardText">' + person.Name + '</div>';
 

dashboard-ui/bower_components/emby-webcomponents/focusmanager.js

@@ -163,8 +163,8 @@ define(['dom'], function (dom) {
 
         var offset = getOffset(elem, windowData);
 
-        var posY = offset.top - windowData.pageXOffset;
+        var posY = offset.top - windowData.pageYOffset;
-        var posX = offset.left - windowData.pageYOffset;
+        var posX = offset.left - windowData.pageXOffset;
 
         var width = elem.offsetWidth;
         var height = elem.offsetHeight;

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

@@ -69,7 +69,7 @@ define(['visibleinviewport', 'imageFetcher', 'layoutManager', 'events', 'browser
             } else {
                 imageFetcher.loadImage(elem, source);
             }
-            elem.setAttribute("data-src", '');
+            elem.removeAttribute("data-src");
         }
     }
 

dashboard-ui/bower_components/emby-webcomponents/itemhovermenu/itemhovermenu.js

@@ -32,9 +32,9 @@
 
         requestAnimationFrame(function () {
             var keyframes = [
-              { transform: 'translateY(0)', offset: 0 },
+              { transform: 'none', offset: 0 },
               { transform: 'translateY(100%)', offset: 1 }];
-            var timing = { duration: 180, iterations: 1, fill: 'forwards', easing: 'ease-out' };
+            var timing = { duration: 140, iterations: 1, fill: 'forwards', easing: 'ease-out' };
 
             elem.animate(keyframes, timing).onfinish = function () {
                 elem.classList.add('hide');
@@ -58,8 +58,8 @@
 
             var keyframes = [
               { transform: 'translateY(100%)', offset: 0 },
-              { transform: 'translateY(0)', offset: 1 }];
+              { transform: 'none', offset: 1 }];
-            var timing = { duration: 200, iterations: 1, fill: 'forwards', easing: 'ease-out' };
+            var timing = { duration: 180, iterations: 1, fill: 'forwards', easing: 'ease-out' };
             elem.animate(keyframes, timing);
         });
     }
@@ -218,7 +218,7 @@
         showOverlayTimeout = setTimeout(function () {
             onShowTimerExpired(card);
 
-        }, 1000);
+        }, 800);
     }
 
     function preventTouchHover() {

dashboard-ui/bower_components/emby-webcomponents/itemidentifier/itemidentifier.js

@@ -186,7 +186,7 @@
         }
 
         html += '<button type="button" class="' + cssClass + '">';
-        html += '<div class="cardBox">';
+        html += '<div class="cardBox visualCardBox">';
         html += '<div class="cardScalable">';
         html += '<div class="cardPadder"></div>';
 
@@ -203,7 +203,7 @@
         html += '</div>';
         html += '</div>';
 
-        html += '<div class="cardFooter outerCardFooter">';
+        html += '<div class="cardFooter">';
         html += '<div class="cardText cardTextCentered">' + result.Name + '</div>';
 
         html += '<div class="cardText cardTextCentered">';

dashboard-ui/css/dashboard.css

@@ -23,14 +23,6 @@ paper-input + .fieldDescription {
     margin-bottom: 30px !important;
 }
 
-.ui-body-a .visualCardBox .cardScalable, .ui-body-a .visualCardBox .cardFooter {
-    background-color: #fff;
-}
-
-.ui-body-a .cardFooter .cardText + .cardText {
-    opacity: .8;
-}
-
 @media all and (min-width: 800px) {
 
     .type-interior > .ui-content, .type-interior > .ui-panel-content-wrap > .ui-content {
@@ -250,10 +242,6 @@ paper-textarea.mono textarea {
     font-family: monospace !important;
 }
 
-.ui-body-a .paperCheckboxFieldDescription {
-    color: #333;
-}
-
 .ui-body-a paper-checkbox #checkbox.checked.paper-checkbox {
     background-color: #52B54B;
     border-color: #52B54B;

dashboard-ui/css/site.css

@@ -660,3 +660,12 @@ progress {
 .ui-body-a .selectLabel, .ui-body-a .paperListLabel, .ui-body-a .fieldDescription {
     color: #555;
 }
+
+
+.ui-body-a .visualCardBox .cardScalable, .ui-body-a .visualCardBox .cardFooter {
+    background-color: #fff;
+}
+
+.ui-body-a .cardFooter .cardText + .cardText {
+    opacity: .8;
+}

dashboard-ui/librarysettings.html

@@ -32,7 +32,8 @@
                     </li>
                     <li>
                         <paper-checkbox id="chkSaveMetadataHidden">${OptionSaveMetadataAsHidden}</paper-checkbox>
-                        <br /><br />
+                        <div class="fieldDescription paperCheckboxFieldDescription">${OptionSaveMetadataAsHiddenHelp}</div>
+                        <br />
                     </li>
                 </ul>
 

dashboard-ui/scripts/site.js

@@ -2857,12 +2857,14 @@ var AppInfo = {};
 
             postInitDependencies.push('bower_components/emby-webcomponents/input/api');
 
-            if (navigator.serviceWorker && !AppInfo.isNativeApp) {
+            if (!browserInfo.tv && !AppInfo.isNativeApp) {
-                navigator.serviceWorker.register('serviceworker.js');
+                if (navigator.serviceWorker) {
-            }
+                    navigator.serviceWorker.register('serviceworker.js');
+                }
 
-            if (window.Notification && !AppInfo.isNativeApp) {
+                if (window.Notification || navigator.serviceWorker) {
-                postInitDependencies.push('bower_components/emby-webcomponents/notifications/notifications');
+                    postInitDependencies.push('bower_components/emby-webcomponents/notifications/notifications');
+                }
             }
 
             require(postInitDependencies);

dashboard-ui/search.html

@@ -43,6 +43,6 @@
             </div>
         </div>
 
-        <div is="emby-itemscontainer" class="searchResults hide itemsContainer"></div>
+        <div is="emby-itemscontainer" class="searchResults hide itemsContainer vertical-wrap paddedItemsContainer"></div>
     </div>
 </div>

dashboard-ui/strings/en-US.json

@@ -2361,5 +2361,6 @@
   "OptionUseMyCustomVersion": "Use a custom version",
   "FFmpegSavePathNotFound": "We're unable to locate FFmpeg using the path you've entered. FFprobe is also required and must exist in the same folder. These components are normally bundled together in the same download. Please check the path and try again.",
   "XmlTvPremiere": "By default, Emby will import {0} hours of guide data. Importing unlimited data requires an active Emby Premiere subscription.",
-  "MoreFromValue": "More from {0}"
+  "MoreFromValue": "More from {0}",
+  "OptionSaveMetadataAsHiddenHelp": "Changing this will apply to new metadata saved going forward. Existing metadata files will be updated the next time they are saved by Emby Server."
 }