From 52feb510c8716c52ab851478d5bcf331f189d4ec Mon Sep 17 00:00:00 2001
From: Luke Pulverenti <luke.pulverenti@gmail.com>
Date: Tue, 5 Jul 2016 15:24:45 -0400
Subject: [PATCH] update components

---
 dashboard-ui/addplugin.html                   | 46 ++++++++++---------
 .../emby-webcomponents/.bower.json            |  8 ++--
 .../dialoghelper/dialoghelper.css             |  2 +-
 .../emby-webcomponents/listview/listview.css  | 16 ++++++-
 .../emby-webcomponents/slideshow/slideshow.js | 20 --------
 .../iron-resizable-behavior/.bower.json       |  6 +--
 dashboard-ui/livetvseriestimer.html           |  7 ++-
 7 files changed, 49 insertions(+), 56 deletions(-)

diff --git a/dashboard-ui/addplugin.html b/dashboard-ui/addplugin.html
index 5ed6f4a31f..089c23096d 100644
--- a/dashboard-ui/addplugin.html
+++ b/dashboard-ui/addplugin.html
@@ -1,4 +1,4 @@
-<div id="addPluginPage" data-role="page" class="page type-interior pluginConfigurationPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Plugins" data-require="jqmcollapsible,registrationservices,scripts/ratingdialog,scripts/addpluginpage">
+<div id="addPluginPage" data-role="page" class="page type-interior pluginConfigurationPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Plugins" data-require="emby-select,emby-collapse,registrationservices,scripts/ratingdialog,scripts/addpluginpage">
 
     <div data-role="content">
         <div class="content-primary">
@@ -9,25 +9,26 @@
 
             <div class="readOnlyContent">
 
-                <h2 class="pluginName"></h2>
+                <h1 class="pluginName"></h1>
                 <p id="tagline" style="font-style: italic;"></p>
                 <p id="pPreviewImage"></p>
 
                 <p id="overview"></p>
 
-                <div data-role="collapsible" data-collapsed="false" style="margin-top: 2em;">
-                    <h3>${HeaderInstall}</h3>
+                <div style="margin-top: 2em;">
+                    <h1>${HeaderInstall}</h1>
 
                     <div>
                         <form class="addPluginForm">
                             <p id="pCurrentVersion"></p>
-                            <p id="pSelectVersion" class="hide">
-                                <label for="selectVersion">${LabelSelectVersionToInstall}</label>
-                                <select id="selectVersion" name="selectVersion"></select>
-                            </p>
+                            <div id="pSelectVersion" class="hide selectContainer">
+                                <select id="selectVersion" name="selectVersion" is="emby-select" label="${LabelSelectVersionToInstall}"></select>
+                            </div>
 
                             <p id="btnInstallDiv" class="hide">
-                                <button id="btnInstall" type="submit" data-icon="arrow-d" data-theme="b">Install</button>
+                                <button is="emby-button" type="submit" id="btnInstall" class="raised submit block">
+                                    <iron-icon icon="check"></iron-icon><span>${Install}</span>
+                                </button>
                             </p>
                             <p id="nonServerMsg"></p>
                         </form>
@@ -75,28 +76,29 @@
                     </div>
                 </div>
             </div>
-
+            <br />
             <div class="readOnlyContent">
-                <div data-role="collapsible" data-collapsed="false" style="margin-top: 2em;">
-                    <h3>${HeaderReviews}</h3>
-                    <div>
+                <div is="emby-collapse" title="${HeaderReviews}">
+                    <div class="collapseContent">
                         <br />
                         <div id="ratingLine"></div>
                         <div id="latestReviews"></div>
                     </div>
                 </div>
 
-                <div data-role="collapsible" data-collapsed="false" style="margin-top: 2em;">
-                    <h3>${HeaderDeveloperInfo}</h3>
-                    <p id="developer"></p>
-                    <p id="pViewWebsite" style="display: none;">
-                        <a href="#" data-rel="external" target="_blank">${ButtonViewWebsite}</a>
-                    </p>
+                <div is="emby-collapse" title="${HeaderDeveloperInfo}">
+                    <div class="collapseContent">
+                        <p id="developer"></p>
+                        <p id="pViewWebsite" style="display: none;">
+                            <a href="#" data-rel="external" target="_blank">${ButtonViewWebsite}</a>
+                        </p>
+                    </div>
                 </div>
 
-                <div data-role="collapsible" style="margin-top: 2em;">
-                    <h3>${HeaderRevisionHistory}</h3>
-                    <div id="revisionHistory"></div>
+                <div is="emby-collapse" title="${HeaderRevisionHistory}">
+                    <div class="collapseContent">
+                        <div id="revisionHistory"></div>
+                    </div>
                 </div>
             </div>
         </div>
diff --git a/dashboard-ui/bower_components/emby-webcomponents/.bower.json b/dashboard-ui/bower_components/emby-webcomponents/.bower.json
index da8028736a..795b1da169 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/.bower.json
+++ b/dashboard-ui/bower_components/emby-webcomponents/.bower.json
@@ -15,12 +15,12 @@
   },
   "devDependencies": {},
   "ignore": [],
-  "version": "1.4.64",
-  "_release": "1.4.64",
+  "version": "1.4.65",
+  "_release": "1.4.65",
   "_resolution": {
     "type": "version",
-    "tag": "1.4.64",
-    "commit": "171ff7d10d89cb335d98fcfddd34d7d1bf4ebd19"
+    "tag": "1.4.65",
+    "commit": "f19face68090bcc1fc0f082188cb95792ef18285"
   },
   "_source": "https://github.com/MediaBrowser/emby-webcomponents.git",
   "_target": "^1.2.0",
diff --git a/dashboard-ui/bower_components/emby-webcomponents/dialoghelper/dialoghelper.css b/dashboard-ui/bower_components/emby-webcomponents/dialoghelper/dialoghelper.css
index e2e982b3d6..6ad6be829a 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/dialoghelper/dialoghelper.css
+++ b/dashboard-ui/bower_components/emby-webcomponents/dialoghelper/dialoghelper.css
@@ -71,7 +71,7 @@
 
 .dialog .buttons {
     position: relative;
-    padding: 8px 8px 0 24px;
+    padding: 8px 8px 8px 24px;
     margin: 0;
     color: #3f51b5;
     display: -ms-flexbox;
diff --git a/dashboard-ui/bower_components/emby-webcomponents/listview/listview.css b/dashboard-ui/bower_components/emby-webcomponents/listview/listview.css
index 20d11ca02f..4b6d505654 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/listview/listview.css
+++ b/dashboard-ui/bower_components/emby-webcomponents/listview/listview.css
@@ -11,7 +11,7 @@ button.listItem {
 }
 
 .listItem {
-    display: flex;
+    display: block;
     align-items: center;
     text-align: left;
     padding: 0 1em !important;
@@ -26,12 +26,16 @@ button.listItem {
         flex-shrink: 0;
     }
 
+    .listItem > * {
+        display: inline-block;
+        vertical-align: middle;
+    }
+
 .listItemBody {
     flex-grow: 1;
     padding: 0 1.15em;
     overflow: hidden;
     text-overflow: ellipsis;
-    display: flex;
     flex-direction: column;
     vertical-align: middle;
     justify-content: center;
@@ -128,3 +132,11 @@ button.listItem {
         box-shadow: none !important;
         background-color: transparent !important;
     }
+
+
+@supports (display: flex) {
+
+    .listItem, .listItemBody {
+        display: flex;
+    }
+}
diff --git a/dashboard-ui/bower_components/emby-webcomponents/slideshow/slideshow.js b/dashboard-ui/bower_components/emby-webcomponents/slideshow/slideshow.js
index cd89096aab..c42a776ad7 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/slideshow/slideshow.js
+++ b/dashboard-ui/bower_components/emby-webcomponents/slideshow/slideshow.js
@@ -21,26 +21,6 @@ define(['dialogHelper', 'inputManager', 'connectionManager', 'layoutManager', 'f
                 options.tag = item.AlbumPrimaryImageTag;
                 return apiClient.getScaledImageUrl(item.AlbumId, options);
             }
-
-            //else if (item.AlbumId && item.SeriesPrimaryImageTag) {
-
-            //    imgUrl = ApiClient.getScaledImageUrl(item.SeriesId, {
-            //        type: "Primary",
-            //        width: downloadWidth,
-            //        tag: item.SeriesPrimaryImageTag,
-            //        minScale: minScale
-            //    });
-
-            //}
-            //else if (item.ParentPrimaryImageTag) {
-
-            //    imgUrl = ApiClient.getImageUrl(item.ParentPrimaryImageItemId, {
-            //        type: "Primary",
-            //        width: downloadWidth,
-            //        tag: item.ParentPrimaryImageTag,
-            //        minScale: minScale
-            //    });
-            //}
         }
 
         return null;
diff --git a/dashboard-ui/bower_components/iron-resizable-behavior/.bower.json b/dashboard-ui/bower_components/iron-resizable-behavior/.bower.json
index cca11d8994..2e765b9324 100644
--- a/dashboard-ui/bower_components/iron-resizable-behavior/.bower.json
+++ b/dashboard-ui/bower_components/iron-resizable-behavior/.bower.json
@@ -28,14 +28,14 @@
     "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
   },
   "ignore": [],
-  "homepage": "https://github.com/polymerelements/iron-resizable-behavior",
+  "homepage": "https://github.com/PolymerElements/iron-resizable-behavior",
   "_release": "1.0.3",
   "_resolution": {
     "type": "version",
     "tag": "v1.0.3",
     "commit": "dda1df6aaf452aedf3e52ff0cf69e72439452216"
   },
-  "_source": "git://github.com/polymerelements/iron-resizable-behavior.git",
+  "_source": "git://github.com/PolymerElements/iron-resizable-behavior.git",
   "_target": "^1.0.0",
-  "_originalSource": "polymerelements/iron-resizable-behavior"
+  "_originalSource": "PolymerElements/iron-resizable-behavior"
 }
\ No newline at end of file
diff --git a/dashboard-ui/livetvseriestimer.html b/dashboard-ui/livetvseriestimer.html
index 7b84f943b2..77d3671803 100644
--- a/dashboard-ui/livetvseriestimer.html
+++ b/dashboard-ui/livetvseriestimer.html
@@ -1,4 +1,4 @@
-<div id="liveTvSeriesTimerPage" data-role="page" class="page libraryPage liveTvPage noSecondaryNavPage" data-contextname="${HeaderLiveTv}" data-require="jqmcheckbox,jqmcontrolgroup,emby-button,jqmcollapsible,scripts/livetvcomponents,scripts/livetvseriestimer,livetvcss,paper-checkbox,paper-input" data-backbutton="true" data-menubutton="false">
+<div id="liveTvSeriesTimerPage" data-role="page" class="page libraryPage liveTvPage noSecondaryNavPage" data-contextname="${HeaderLiveTv}" data-require="jqmcheckbox,jqmcontrolgroup,emby-button,emby-collapse,scripts/livetvcomponents,scripts/livetvseriestimer,livetvcss,paper-checkbox,paper-input" data-backbutton="true" data-menubutton="false">
 
     <div data-role="content">
 
@@ -42,9 +42,8 @@
                     <paper-checkbox id="chkAllChannels">${OptionRecordOnAllChannels}</paper-checkbox>
                 </div>
                 <br />
-                <div data-role="collapsible" data-mini="true">
-                    <h3>${HeaderAdvanced}</h3>
-                    <div>
+                <div is="emby-collapse" title="${HeaderAdvanced}">
+                    <div class="collapseContent">
                         <br />
                         <div>
                             <paper-input type="number" id="txtPrePaddingMinutes" pattern="[0-9]*" required="required" min="0" step="1" label="${LabelPrePaddingMinutes}"></paper-input>