diff --git a/dashboard-ui/bower_components/emby-webcomponents/.bower.json b/dashboard-ui/bower_components/emby-webcomponents/.bower.json index f8b018cf7a..e68989cf34 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.3.99", - "_release": "1.3.99", + "version": "1.4.2", + "_release": "1.4.2", "_resolution": { "type": "version", - "tag": "1.3.99", - "commit": "7d4af256dfc6ba03b587ae34ed567557c441f2c1" + "tag": "1.4.2", + "commit": "53a28dd7296648adfda6f62cf45012567b670186" }, "_source": "https://github.com/MediaBrowser/emby-webcomponents.git", "_target": "^1.2.0", diff --git a/dashboard-ui/bower_components/emby-webcomponents/backdrop/style.css b/dashboard-ui/bower_components/emby-webcomponents/backdrop/style.css index ee3d65dee3..8055b653d3 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/backdrop/style.css +++ b/dashboard-ui/bower_components/emby-webcomponents/backdrop/style.css @@ -12,4 +12,5 @@ left: 0; right: 0; bottom: 0; -} \ No newline at end of file + contain: layout style; +} diff --git a/dashboard-ui/bower_components/emby-webcomponents/emby-input/emby-input.css b/dashboard-ui/bower_components/emby-webcomponents/emby-input/emby-input.css index e035983c36..8b41ff459c 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/emby-input/emby-input.css +++ b/dashboard-ui/bower_components/emby-webcomponents/emby-input/emby-input.css @@ -38,7 +38,7 @@ transform: scale(1.4,1.4) translateY(80%); } -.inputLabelFocused:not(.blank) { +.inputLabel.focused:not(.blank) { color: #52B54B; } diff --git a/dashboard-ui/bower_components/emby-webcomponents/emby-input/emby-input.js b/dashboard-ui/bower_components/emby-webcomponents/emby-input/emby-input.js index 2d7704c778..e39266667f 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/emby-input/emby-input.js +++ b/dashboard-ui/bower_components/emby-webcomponents/emby-input/emby-input.js @@ -39,10 +39,10 @@ this.addEventListener('focus', function () { onChange.call(this); - label.classList.add('inputLabelFocused'); + label.classList.add('focused'); }); this.addEventListener('blur', function () { - label.classList.remove('inputLabelFocused'); + label.classList.remove('focused'); }); this.addEventListener('change', onChange); diff --git a/dashboard-ui/bower_components/emby-webcomponents/focusmanager.js b/dashboard-ui/bower_components/emby-webcomponents/focusmanager.js index 6b425b7d79..637573cf9d 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/focusmanager.js +++ b/dashboard-ui/bower_components/emby-webcomponents/focusmanager.js @@ -32,7 +32,7 @@ define([], function () { } } - var focusableTagNames = ['INPUT', 'TEXTAREA', 'SELECT', 'BUTTON', 'A', 'PAPER-BUTTON', 'PAPER-INPUT', 'PAPER-TEXTAREA', 'PAPER-FAB', 'PAPER-CHECKBOX', 'PAPER-ICON-ITEM', 'PAPER-MENU-ITEM', 'EMBY-DROPDOWN-MENU']; + var focusableTagNames = ['INPUT', 'TEXTAREA', 'SELECT', 'BUTTON', 'A', 'PAPER-BUTTON', 'PAPER-INPUT', 'PAPER-CHECKBOX', 'EMBY-DROPDOWN-MENU']; var focusableContainerTagNames = ['BODY', 'DIALOG']; var focusableQuery = focusableTagNames.join(',') + ',.focusable'; diff --git a/dashboard-ui/bower_components/emby-webcomponents/listview/listview.css b/dashboard-ui/bower_components/emby-webcomponents/listview/listview.css new file mode 100644 index 0000000000..c2f0d06f94 --- /dev/null +++ b/dashboard-ui/bower_components/emby-webcomponents/listview/listview.css @@ -0,0 +1,52 @@ +.listItem { + display: flex; + align-items: center; + text-align: left; + padding: .1em .55em !important; + outline: none !important; +} + + .listItem.largeImage { + padding: 1em 0 1em 1em; + } + +.listItemBody { + flex-grow: 1; + padding: .35em .55em; +} + +.listItemImage { + width: 7.4vh; + height: 7.4vh; + background-repeat: no-repeat; + background-size: contain; + flex-shrink: 0; +} + +.listItem.largeImage .listItemImage { + width: 45vh; + height: 30vh; + background-position: center center; + position: relative; + margin-right: 2%; + margin-left: 1%; +} + +.listItemImage .itemProgressBar { + position: absolute; + bottom: 0; + left: 0; + right: 0; +} + +.listItem:focus .secondary { + color: inherit !important; +} + +.listItem { + transition: transform .2s ease-out; +} + +.listItem:focus { + transform: scale(1.025, 1.025); +} \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/listview/listview.js b/dashboard-ui/bower_components/emby-webcomponents/listview/listview.js new file mode 100644 index 0000000000..9b65cbb782 --- /dev/null +++ b/dashboard-ui/bower_components/emby-webcomponents/listview/listview.js @@ -0,0 +1,142 @@ +define(['itemHelper', 'mediaInfo', 'indicators', 'clearButtonStyle', 'css!./listview'], function (itemHelper, mediaInfo, indicators) { + + function getListViewHtml(items, options) { + + var outerHtml = ""; + + var index = 0; + var groupTitle = ''; + var action = options.action || 'link'; + + var isLargeStyle = options.imageSize == 'large'; + var enableOverview = options.enableOverview; + + outerHtml += items.map(function (item) { + + var html = ''; + + var cssClass = "itemAction clearButton listItem"; + + var downloadWidth = 80; + + if (isLargeStyle) { + cssClass += " largeImage"; + downloadWidth = 500; + } + + html += ''; + + index++; + return html; + + }).join(''); + + return outerHtml; + } + + return { + getListViewHtml: getListViewHtml + }; +}); \ No newline at end of file diff --git a/dashboard-ui/bower_components/iron-selector/.bower.json b/dashboard-ui/bower_components/iron-selector/.bower.json index 01c5a1084b..955c9dc566 100644 --- a/dashboard-ui/bower_components/iron-selector/.bower.json +++ b/dashboard-ui/bower_components/iron-selector/.bower.json @@ -36,7 +36,7 @@ "tag": "v1.5.2", "commit": "18e8e12dcd9a4560de480562f65935feed334b86" }, - "_source": "git://github.com/polymerelements/iron-selector.git", + "_source": "git://github.com/PolymerElements/iron-selector.git", "_target": "^1.0.0", - "_originalSource": "polymerelements/iron-selector" + "_originalSource": "PolymerElements/iron-selector" } \ No newline at end of file