diff --git a/dashboard-ui/bower_components/emby-webcomponents/.bower.json b/dashboard-ui/bower_components/emby-webcomponents/.bower.json index 38dc11ec29..301c3c2f36 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/.bower.json +++ b/dashboard-ui/bower_components/emby-webcomponents/.bower.json @@ -14,12 +14,12 @@ }, "devDependencies": {}, "ignore": [], - "version": "1.4.143", - "_release": "1.4.143", + "version": "1.4.144", + "_release": "1.4.144", "_resolution": { "type": "version", - "tag": "1.4.143", - "commit": "a5cb5b5e596af6e78cfe3cca056722ca6cffdb9d" + "tag": "1.4.144", + "commit": "65443f540f435d1f89718aeef09a4587f5c1391b" }, "_source": "https://github.com/MediaBrowser/emby-webcomponents.git", "_target": "^1.2.1", diff --git a/dashboard-ui/bower_components/emby-webcomponents/browserdeviceprofile.js b/dashboard-ui/bower_components/emby-webcomponents/browserdeviceprofile.js index 0a7a343acd..003c65097c 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/browserdeviceprofile.js +++ b/dashboard-ui/bower_components/emby-webcomponents/browserdeviceprofile.js @@ -288,7 +288,7 @@ define(['browser'], function (browser) { if (isEdgeUniversal()) { videoAudioCodecs.push('dca'); - videoAudioCodecs.push('truehd'); + //videoAudioCodecs.push('truehd'); } if (canPlayH264()) { diff --git a/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/cardbuilder.js b/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/cardbuilder.js index cf13cc994e..8f85f90c71 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/cardbuilder.js +++ b/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/cardbuilder.js @@ -105,6 +105,12 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'mediaInfo function getImageWidth(shape) { var screenWidth = window.innerWidth; + + if (!browser.mobile && !browser.tv) { + var roundScreenTo = 100; + screenWidth = Math.ceil(screenWidth / roundScreenTo) * roundScreenTo; + } + var imagesPerRow = getPostersPerRow(shape, screenWidth); var shapeWidth = screenWidth / imagesPerRow; diff --git a/dashboard-ui/bower_components/emby-webcomponents/emby-collapse/emby-collapse.css b/dashboard-ui/bower_components/emby-webcomponents/emby-collapse/emby-collapse.css index bb7f914313..9556fdf2a3 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/emby-collapse/emby-collapse.css +++ b/dashboard-ui/bower_components/emby-webcomponents/emby-collapse/emby-collapse.css @@ -1,4 +1,4 @@ -[is=emby-collapse] { +.emby-collapse { margin: .5em 0; } diff --git a/dashboard-ui/bower_components/emby-webcomponents/emby-collapse/emby-collapse.js b/dashboard-ui/bower_components/emby-webcomponents/emby-collapse/emby-collapse.js index 973acc23ef..0e06a9b873 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/emby-collapse/emby-collapse.js +++ b/dashboard-ui/bower_components/emby-webcomponents/emby-collapse/emby-collapse.js @@ -62,11 +62,11 @@ EmbyButtonPrototype.attachedCallback = function () { - if (this.getAttribute('data-embycollapse') == 'true') { + if (this.classList.contains('emby-collapse')) { return; } - this.setAttribute('data-embycollapse', 'true'); + this.classList.add('emby-collapse'); var collapseContent = this.querySelector('.collapseContent'); if (collapseContent) { diff --git a/dashboard-ui/bower_components/emby-webcomponents/emby-select/emby-select.css b/dashboard-ui/bower_components/emby-webcomponents/emby-select/emby-select.css index 532a73decf..7a370cb1f7 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/emby-select/emby-select.css +++ b/dashboard-ui/bower_components/emby-webcomponents/emby-select/emby-select.css @@ -1,4 +1,4 @@ -[is="emby-select"] { +.emby-select { display: block; margin: 0; margin-bottom: 0 !important; @@ -25,7 +25,7 @@ appearance: none; } - [is="emby-select"] option { + .emby-select option { color: initial; } @@ -64,7 +64,7 @@ transform-origin: center center; } -[is="emby-select"]:focus + .emby-select-selectionbar { +.emby-select:focus + .emby-select-selectionbar { background-color: #52B54B; transform: none; } diff --git a/dashboard-ui/bower_components/emby-webcomponents/emby-select/emby-select.js b/dashboard-ui/bower_components/emby-webcomponents/emby-select/emby-select.js index 9ec42c10ba..e514183b14 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/emby-select/emby-select.js +++ b/dashboard-ui/bower_components/emby-webcomponents/emby-select/emby-select.js @@ -140,31 +140,33 @@ EmbySelectPrototype.attachedCallback = function () { - if (this.getAttribute('data-embyselect') != 'true') { - this.setAttribute('data-embyselect', 'true'); - - var label = this.ownerDocument.createElement('label'); - label.innerHTML = this.getAttribute('label') || ''; - label.classList.add('selectLabel'); - label.classList.add('selectLabelUnfocused'); - label.htmlFor = this.id; - this.parentNode.insertBefore(label, this); - - var div = document.createElement('div'); - div.classList.add('emby-select-selectionbar'); - this.parentNode.insertBefore(div, this.nextSibling); - - var arrowContainer = document.createElement('div'); - arrowContainer.classList.add('selectArrowContainer'); - arrowContainer.innerHTML = '
0
'; - this.parentNode.appendChild(arrowContainer); - - var arrow = document.createElement('i'); - arrow.classList.add('md-icon'); - arrow.classList.add('selectArrow'); - arrow.innerHTML = ''; - arrowContainer.appendChild(arrow); + if (this.classList.contains('emby-select')) { + return; } + + this.classList.add('emby-select'); + + var label = this.ownerDocument.createElement('label'); + label.innerHTML = this.getAttribute('label') || ''; + label.classList.add('selectLabel'); + label.classList.add('selectLabelUnfocused'); + label.htmlFor = this.id; + this.parentNode.insertBefore(label, this); + + var div = document.createElement('div'); + div.classList.add('emby-select-selectionbar'); + this.parentNode.insertBefore(div, this.nextSibling); + + var arrowContainer = document.createElement('div'); + arrowContainer.classList.add('selectArrowContainer'); + arrowContainer.innerHTML = '
0
'; + this.parentNode.appendChild(arrowContainer); + + var arrow = document.createElement('i'); + arrow.classList.add('md-icon'); + arrow.classList.add('selectArrow'); + arrow.innerHTML = ''; + arrowContainer.appendChild(arrow); }; document.registerElement('emby-select', { diff --git a/dashboard-ui/bower_components/emby-webcomponents/emby-slider/emby-slider.css b/dashboard-ui/bower_components/emby-webcomponents/emby-slider/emby-slider.css index 571f4c9954..3039a07a89 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/emby-slider/emby-slider.css +++ b/dashboard-ui/bower_components/emby-webcomponents/emby-slider/emby-slider.css @@ -6,9 +6,6 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider { .mdl-slider { width: 100%; -} - -.mdl-slider { -webkit-appearance: none; -moz-appearance: none; appearance: none; diff --git a/dashboard-ui/bower_components/emby-webcomponents/emby-textarea/emby-textarea.css b/dashboard-ui/bower_components/emby-webcomponents/emby-textarea/emby-textarea.css index d152280d28..1fca1f59cd 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/emby-textarea/emby-textarea.css +++ b/dashboard-ui/bower_components/emby-webcomponents/emby-textarea/emby-textarea.css @@ -1,4 +1,4 @@ -[is="emby-textarea"] { +.emby-textarea { display: block; margin: 0; margin-bottom: 0 !important; @@ -33,7 +33,7 @@ transition: all .2s ease-out; } -.textareaLabel.focused:not(.blank) { +.textareaLabelFocused { color: #52B54B; } @@ -48,7 +48,7 @@ transform-origin: center center; } -[is="emby-textarea"]:focus + .emby-textarea-selectionbar { +.emby-textarea:focus + .emby-textarea-selectionbar { background-color: #52B54B; transform: none; } diff --git a/dashboard-ui/bower_components/emby-webcomponents/emby-textarea/emby-textarea.js b/dashboard-ui/bower_components/emby-webcomponents/emby-textarea/emby-textarea.js index e9fcb1f7fb..5448152ef0 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/emby-textarea/emby-textarea.js +++ b/dashboard-ui/bower_components/emby-webcomponents/emby-textarea/emby-textarea.js @@ -101,12 +101,12 @@ EmbyTextAreaPrototype.attachedCallback = function () { - if (this.getAttribute('data-embytextarea') == 'true') { + if (this.classList.contains('emby-textarea')) { return; } this.rows = 1; - this.setAttribute('data-embytextarea', 'true'); + this.classList.add('emby-textarea'); var parentNode = this.parentNode; var label = this.ownerDocument.createElement('label'); @@ -124,29 +124,15 @@ div.classList.add('emby-textarea-selectionbar'); parentNode.insertBefore(div, this.nextSibling); - function onChange() { - if (this.value) { - label.classList.remove('blank'); - } else { - label.classList.add('blank'); - } - } - this.addEventListener('focus', function () { - onChange.call(this); - label.classList.add('focused'); + label.classList.add('textareaLabelFocused'); + label.classList.remove('textareaLabelUnfocused'); }); this.addEventListener('blur', function () { - onChange.call(this); - label.classList.remove('focused'); + label.classList.remove('textareaLabelFocused'); + label.classList.add('textareaLabelUnfocused'); }); - this.addEventListener('change', onChange); - this.addEventListener('input', onChange); - this.addEventListener('valueset', onChange); - - onChange.call(this); - this.label = function (text) { label.innerHTML = text; }; diff --git a/dashboard-ui/bower_components/emby-webcomponents/guide/guide.css b/dashboard-ui/bower_components/emby-webcomponents/guide/guide.css index 55126eb6d6..527e489b62 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/guide/guide.css +++ b/dashboard-ui/bower_components/emby-webcomponents/guide/guide.css @@ -67,19 +67,19 @@ height: 2px; } -.sportsProgramInfo .programAccent { +.sportsAccent { background-color: #0A7C33; } -.newsProgramInfo .programAccent { +.newsAccent { background-color: #523378; } -.movieProgramInfo .programAccent { +.movieAccent { background-color: #A43913; } -.childProgramInfo .programAccent { +.childAccent { background-color: #0B487D; } @@ -245,7 +245,7 @@ @media all and (max-width: 1200px) { - .channelHeaderCell.withImage .guideChannelNumber { + .guideChannelNumberWithImage { display: none; } } @@ -367,7 +367,7 @@ color: #bbb; } -.programCell i { +.programIcon { margin-left: auto; margin-right: .5em; height: 3.5vh; @@ -377,7 +377,7 @@ flex-shrink: 0; } - .programCell i + i { + .programIcon + .programIcon { margin-left: .25em; } diff --git a/dashboard-ui/bower_components/emby-webcomponents/guide/guide.js b/dashboard-ui/bower_components/emby-webcomponents/guide/guide.js index ff6957225e..4697cc2f0f 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/guide/guide.js +++ b/dashboard-ui/bower_components/emby-webcomponents/guide/guide.js @@ -341,18 +341,27 @@ html += ''; if (program.IsHD && options.showHdIcon) { - html += 'hd'; + html += 'hd'; } if (program.SeriesTimerId) { - html += 'fiber_smart_record'; + html += 'fiber_smart_record'; } else if (program.TimerId) { - html += 'fiber_manual_record'; + html += 'fiber_manual_record'; } if (addAccent) { - html += '
'; + + if (program.IsKids) { + html += '
'; + } else if (program.IsSports) { + html += '
'; + } else if (program.IsNews) { + html += '
'; + } else if (program.IsMovie) { + html += '
'; + } } html += ''; @@ -413,13 +422,15 @@ } var cssClass = 'channelHeaderCell clearButton itemAction lazy'; - if (hasChannelImage) { - cssClass += ' withImage'; - } html += '