Unminify using 1.5.323

Repo with tag: https://github.com/MediaBrowser/emby-webcomponents/tree/1.5.323

src/bower_components/emby-webcomponents/cardbuilder/chaptercardbuilder.js

@@ -1,59 +1,140 @@
-define(["datetime", "imageLoader", "connectionManager", "layoutManager", "browser"], function(datetime, imageLoader, connectionManager, layoutManager, browser) {
-    "use strict";
+define(['datetime', 'imageLoader', 'connectionManager', 'layoutManager', 'browser'], function (datetime, imageLoader, connectionManager, layoutManager, browser) {
+    'use strict';
 
     function buildChapterCardsHtml(item, chapters, options) {
-        var className = "card itemAction chapterCard";
-        layoutManager.tv && (browser.animate || browser.edge) && (className += " card-focusscale");
-        var mediaStreams = ((item.MediaSources || [])[0] || {}).MediaStreams || [],
-            videoStream = mediaStreams.filter(function(i) {
-                return "Video" === i.Type
-            })[0] || {},
-            shape = options.backdropShape || "backdrop";
-        videoStream.Width && videoStream.Height && videoStream.Width / videoStream.Height <= 1.2 && (shape = options.squareShape || "square"), className += " " + shape + "Card", (options.block || options.rows) && (className += " block");
-        for (var html = "", itemsInRow = 0, apiClient = connectionManager.getApiClient(item.ServerId), i = 0, length = chapters.length; i < length; i++) {
-            options.rows && 0 === itemsInRow && (html += '<div class="cardColumn">');
-            html += buildChapterCard(item, apiClient, chapters[i], i, options, className, shape), itemsInRow++, options.rows && itemsInRow >= options.rows && (itemsInRow = 0, html += "</div>")
+
+        var className = 'card itemAction chapterCard';
+
+        if (layoutManager.tv && (browser.animate || browser.edge)) {
+            className += ' card-focusscale';
         }
-        return html
+
+        var mediaStreams = ((item.MediaSources || [])[0] || {}).MediaStreams || [];
+        var videoStream = mediaStreams.filter(function (i) {
+            return i.Type === 'Video';
+        })[0] || {};
+
+        var shape = (options.backdropShape || 'backdrop');
+
+        if (videoStream.Width && videoStream.Height) {
+
+            if ((videoStream.Width / videoStream.Height) <= 1.2) {
+                shape = (options.squareShape || 'square');
+            }
+        }
+
+        className += ' ' + shape + 'Card';
+
+        if (options.block || options.rows) {
+            className += ' block';
+        }
+
+        var html = '';
+        var itemsInRow = 0;
+
+        var apiClient = connectionManager.getApiClient(item.ServerId);
+
+        for (var i = 0, length = chapters.length; i < length; i++) {
+
+            if (options.rows && itemsInRow === 0) {
+                html += '<div class="cardColumn">';
+            }
+
+            var chapter = chapters[i];
+
+            html += buildChapterCard(item, apiClient, chapter, i, options, className, shape);
+            itemsInRow++;
+
+            if (options.rows && itemsInRow >= options.rows) {
+                itemsInRow = 0;
+                html += '</div>';
+            }
+        }
+
+        return html;
     }
 
     function getImgUrl(item, chapter, index, maxWidth, apiClient) {
-        return chapter.ImageTag ? apiClient.getScaledImageUrl(item.Id, {
-            maxWidth: maxWidth,
-            tag: chapter.ImageTag,
-            type: "Chapter",
-            index: index
-        }) : null
+
+        if (chapter.ImageTag) {
+
+            return apiClient.getScaledImageUrl(item.Id, {
+
+                maxWidth: maxWidth,
+                tag: chapter.ImageTag,
+                type: "Chapter",
+                index: index
+            });
+        }
+
+        return null;
     }
 
     function buildChapterCard(item, apiClient, chapter, index, options, className, shape) {
-        var imgUrl = getImgUrl(item, chapter, index, options.width || 400, apiClient),
-            cardImageContainerClass = "cardContent cardContent-shadow cardImageContainer chapterCardImageContainer";
-        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 + '"',
-            cardImageContainer = imgUrl ? '<div class="' + cardImageContainerClass + ' lazy" data-src="' + imgUrl + '">' : '<div class="' + cardImageContainerClass + '">';
-        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>";
-        var cardBoxCssClass = "cardBox",
-            cardScalableClass = "cardScalable";
+
+        var imgUrl = getImgUrl(item, chapter, index, options.width || 400, apiClient);
+
+        var cardImageContainerClass = 'cardContent cardContent-shadow 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>';
+
+        var cardBoxCssClass = 'cardBox';
+        var cardScalableClass = 'cardScalable';
+
         if (layoutManager.tv) {
             var enableFocusTransfrom = !browser.slow && !browser.edge;
-            cardScalableClass += " card-focuscontent", enableFocusTransfrom ? cardBoxCssClass += " cardBox-focustransform cardBox-withfocuscontent" : (cardBoxCssClass += " cardBox-withfocuscontent-large", cardScalableClass += " card-focuscontent-large")
+
+            cardScalableClass += ' card-focuscontent';
+
+            if (enableFocusTransfrom) {
+                cardBoxCssClass += ' cardBox-focustransform cardBox-withfocuscontent';
+            } else {
+                cardBoxCssClass += ' cardBox-withfocuscontent-large';
+                cardScalableClass += ' card-focuscontent-large';
+            }
         }
-        return '<button type="button" class="' + className + '"' + dataAttributes + '><div class="' + cardBoxCssClass + '"><div class="' + cardScalableClass + '"><div class="cardPadder-' + shape + '"></div>' + cardImageContainer + '</div><div class="innerCardFooter">' + nameHtml + "</div></div></div></button>"
+
+        var html = '<button type="button" class="' + className + '"' + dataAttributes + '><div class="' + cardBoxCssClass + '"><div class="' + cardScalableClass + '"><div class="cardPadder-' + shape + '"></div>' + cardImageContainer + '</div><div class="innerCardFooter">' + nameHtml + '</div></div></div></button>';
+
+        return html;
     }
 
     function buildChapterCards(item, chapters, options) {
+
         if (options.parentContainer) {
-            if (!document.body.contains(options.parentContainer)) return;
-            if (!chapters.length) return void options.parentContainer.classList.add("hide");
-            options.parentContainer.classList.remove("hide")
+            // Abort if the container has been disposed
+            if (!document.body.contains(options.parentContainer)) {
+                return;
+            }
+
+            if (chapters.length) {
+                options.parentContainer.classList.remove('hide');
+            } else {
+                options.parentContainer.classList.add('hide');
+                return;
+            }
         }
+
         var html = buildChapterCardsHtml(item, chapters, options);
-        options.itemsContainer.innerHTML = html, imageLoader.lazyChildren(options.itemsContainer)
+
+        options.itemsContainer.innerHTML = html;
+
+        imageLoader.lazyChildren(options.itemsContainer);
     }
+
     return {
         buildChapterCards: buildChapterCards
-    }
+    };
+
 });

src/bower_components/emby-webcomponents/cardbuilder/peoplecardbuilder.js

@@ -1,18 +1,22 @@
-define(["cardBuilder"], function(cardBuilder) {
-    "use strict";
+define(['cardBuilder'], function (cardBuilder) {
+    'use strict';
 
     function buildPeopleCards(items, options) {
+
         options = Object.assign(options || {}, {
-            cardLayout: !1,
-            centerText: !0,
-            showTitle: !0,
-            cardFooterAside: "none",
-            showPersonRoleOrType: !0,
-            cardCssClass: "personCard",
-            defaultCardImageIcon: ""
-        }), cardBuilder.buildCards(items, options)
+            cardLayout: false,
+            centerText: true,
+            showTitle: true,
+            cardFooterAside: 'none',
+            showPersonRoleOrType: true,
+            cardCssClass: 'personCard',
+            defaultCardImageIcon: ''
+        });
+        cardBuilder.buildCards(items, options);
     }
+
     return {
         buildPeopleCards: buildPeopleCards
-    }
+    };
+
 });

src/bower_components/emby-webcomponents/cardbuilder/roundcard.css

@@ -1,10 +1,7 @@
-.card-round:focus>.cardBox-focustransform {
-    -webkit-transform: scale(1.26, 1.26);
-    transform: scale(1.26, 1.26)
+.card-round:focus > .cardBox-focustransform {
+    transform: scale(1.26, 1.26);
 }
 
-.cardImage-round,
-.cardImageContainer-round {
-    -webkit-border-radius: 1000px;
-    border-radius: 1000px
-}
+.cardImageContainer-round, .cardImage-round {
+    border-radius: 1000px;
+}