Bump version to 10.5.5

Add title and year to posters in TV genres view

(cherry picked from commit ddc094dbfa)
Signed-off-by: Joshua M. Boniface <joshua@boniface.me>

.ci/azure-pipelines.yml

@@ -20,24 +20,21 @@ jobs:
 
     steps:
     - task: NodeTool@0
-      displayName: 'Install Node.js'
+      displayName: 'Install Node'
       inputs:
         versionSpec: '10.x'
 
-    - script: |
-        yarn install
-      displayName: 'Install dependencies'
+    - script: 'yarn install'
+      displayName: 'Install Dependencies'
 
-    - script: |
-        test -d dist
-      displayName: 'Check dist directory'
+    - script: 'test -d dist'
+      displayName: 'Check Build'
 
-    - script: |
-        yarn pack --filename jellyfin-web.tgz
-      displayName: 'Build package'
+    - script: 'yarn pack --filename jellyfin-web.tgz'
+      displayName: 'Bundle Release'
 
     - task: PublishPipelineArtifact@1
-      displayName: 'Publish package'
+      displayName: 'Publish Release'
       condition: succeeded()
       inputs:
         targetPath: '$(Build.SourcesDirectory)/jellyfin-web.tgz'
@@ -51,14 +48,16 @@ jobs:
 
     steps:
     - task: NodeTool@0
-      displayName: 'Install Node.js'
+      displayName: 'Install Node'
       inputs:
         versionSpec: '10.x'
 
-    - script: |
-        yarn install
-      displayName: 'Install dependencies'
+    - script: 'yarn install'
+      displayName: 'Install Dependencies'
+
+    - script: 'yarn run lint'
+      displayName: 'Run ESLint'
 
     - script: |
-        yarn run lint
-      displayName: 'Run ESLint'
+        yarn run stylelint
+      displayName: 'Run stylelint'

.eslintignore

@@ -0,0 +1 @@
+libraries/

.eslintrc.yml

@@ -1,4 +1,71 @@
 env:
-  es6: true
+  es6: false
   browser: true
   amd: true
+
+globals:
+  # New browser globals
+  DataView: readonly
+  MediaMetadata: readonly
+  Promise: readonly
+  # Deprecated browser globals
+  DocumentTouch: readonly
+  # Tizen globals
+  tizen: readonly
+  webapis: readonly
+  # WebOS globals
+  webOS: readonly
+  # Dependency globals
+  $: readonly
+  jQuery: readonly
+  queryString: readonly
+  requirejs: readonly
+  # Jellyfin globals
+  ApiClient: writable
+  AppInfo: writable
+  chrome: writable
+  ConnectionManager: writable
+  DlnaProfilePage: writable
+  Dashboard: writable
+  DashboardPage: writable
+  Emby: readonly
+  Events: writable
+  getParameterByName: writable
+  getWindowLocationSearch: writable
+  Globalize: writable
+  Hls: writable
+  humaneDate: writable
+  humaneElapsed: writable
+  LibraryMenu: writable
+  LinkParser: writable
+  LiveTvHelpers: writable
+  MetadataEditor: writable
+  pageClassOn: writable
+  pageIdOn: writable
+  PlaylistViewer: writable
+  UserParentalControlPage: writable
+  Windows: readonly
+
+extends:
+  - eslint:recommended
+
+rules:
+  block-spacing: ["error"]
+  brace-style: ["error"]
+  comma-dangle: ["error", "never"]
+  comma-spacing: ["error"]
+  eol-last: ["error"]
+  indent: ["error", 4, { "SwitchCase": 1 }]
+  keyword-spacing: ["error"]
+  max-statements-per-line: ["error"]
+  no-floating-decimal: ["error"]
+  no-multi-spaces: ["error"]
+  no-multiple-empty-lines: ["error", { "max": 1 }]
+  no-trailing-spaces: ["error"]
+  one-var: ["error", "never"]
+  semi: ["warn"]
+  space-before-blocks: ["error"]
+  # TODO: Fix warnings and remove these rules
+  no-redeclare: ["warn"]
+  no-unused-vars: ["warn"]
+  no-useless-escape: ["warn"]

.github/stale.yml

@@ -8,6 +8,7 @@ exemptLabels:
   - future
   - feature
   - enhancement
+  - confirmed
 # Label to use when marking an issue as stale
 staleLabel: stale
 # Comment to post when marking an issue as stale. Set to `false` to disable

.gitignore

@@ -81,6 +81,9 @@ build/Release
 node_modules/
 jspm_packages/
 
+# Dependency lockfile
+package-lock.json
+
 # TypeScript v1 declaration files
 typings/
 
@@ -572,4 +575,4 @@ healthchecksdb
 # End of https://www.gitignore.io/api/node,rider,macos,linux,windows,visualstudio,visualstudiocode
 
 # dist for webpack output
-dist
+dist

.stylelintrc

@@ -0,0 +1,143 @@
+{
+  "plugins": [
+		"stylelint-no-browser-hacks/lib",
+	],
+  "rules": {
+    "at-rule-empty-line-before": [ "always", {
+      except: [
+        "blockless-after-same-name-blockless",
+        "first-nested",
+      ],
+      ignore: ["after-comment"],
+    } ],
+    "at-rule-name-case": "lower",
+    "at-rule-name-space-after": "always-single-line",
+    "at-rule-no-unknown": true,
+    "at-rule-semicolon-newline-after": "always",
+    "block-closing-brace-empty-line-before": "never",
+    "block-closing-brace-newline-after": "always",
+    "block-closing-brace-newline-before": "always-multi-line",
+    "block-closing-brace-space-before": "always-single-line",
+    "block-no-empty": true,
+    "block-opening-brace-newline-after": "always-multi-line",
+    "block-opening-brace-space-after": "always-single-line",
+    "block-opening-brace-space-before": "always",
+    "color-hex-case": "lower",
+    "color-hex-length": "short",
+    "color-no-invalid-hex": true,
+    "comment-empty-line-before": [ "always", {
+      except: ["first-nested"],
+      ignore: ["stylelint-commands"],
+    } ],
+    "comment-no-empty": true,
+    "comment-whitespace-inside": "always",
+    "custom-property-empty-line-before": [ "always", {
+      except: [
+        "after-custom-property",
+        "first-nested",
+      ],
+      ignore: [
+        "after-comment",
+        "inside-single-line-block",
+      ],
+    } ],
+    "declaration-bang-space-after": "never",
+    "declaration-bang-space-before": "always",
+    "declaration-block-no-duplicate-properties": [
+      true,
+      {
+        ignore: ["consecutive-duplicates-with-different-values"]
+      }
+    ],
+    "declaration-block-no-shorthand-property-overrides": true,
+    "declaration-block-semicolon-newline-after": "always-multi-line",
+    "declaration-block-semicolon-space-after": "always-single-line",
+    "declaration-block-semicolon-space-before": "never",
+    "declaration-block-single-line-max-declarations": 1,
+    "declaration-block-trailing-semicolon": "always",
+    "declaration-colon-newline-after": "always-multi-line",
+    "declaration-colon-space-after": "always-single-line",
+    "declaration-colon-space-before": "never",
+    "font-family-no-duplicate-names": true,
+    "function-calc-no-invalid": true,
+    "function-calc-no-unspaced-operator": true,
+    "function-comma-newline-after": "always-multi-line",
+    "function-comma-space-after": "always-single-line",
+    "function-comma-space-before": "never",
+    "function-linear-gradient-no-nonstandard-direction": true,
+    "function-max-empty-lines": 0,
+    "function-name-case": "lower",
+    "function-parentheses-newline-inside": "always-multi-line",
+    "function-parentheses-space-inside": "never-single-line",
+    "function-whitespace-after": "always",
+    "indentation": 4,
+    "keyframe-declaration-no-important": true,
+    "length-zero-no-unit": true,
+    "max-empty-lines": 1,
+    "media-feature-colon-space-after": "always",
+    "media-feature-colon-space-before": "never",
+    "media-feature-name-case": "lower",
+    "media-feature-name-no-unknown": true,
+    "media-feature-parentheses-space-inside": "never",
+    "media-feature-range-operator-space-after": "always",
+    "media-feature-range-operator-space-before": "always",
+    "media-query-list-comma-newline-after": "always-multi-line",
+    "media-query-list-comma-space-after": "always-single-line",
+    "media-query-list-comma-space-before": "never",
+    "no-descending-specificity": true,
+    "no-duplicate-at-import-rules": true,
+    "no-duplicate-selectors": true,
+    "no-empty-source": true,
+    "no-eol-whitespace": true,
+    "no-extra-semicolons": true,
+    "no-invalid-double-slash-comments": true,
+    "no-missing-end-of-source-newline": true,
+    "number-leading-zero": "always",
+    "number-no-trailing-zeros": true,
+    "plugin/no-browser-hacks": true,
+    "property-case": "lower",
+    "property-no-unknown": [
+      true,
+      {
+        "ignoreProperties": [
+          "user-drag"
+        ]
+      }
+    ],
+    "rule-empty-line-before": [ "always-multi-line", {
+      except: ["first-nested"],
+      ignore: ["after-comment"],
+    } ],
+    "selector-attribute-brackets-space-inside": "never",
+    "selector-attribute-operator-space-after": "never",
+    "selector-attribute-operator-space-before": "never",
+    "selector-combinator-space-after": "always",
+    "selector-combinator-space-before": "always",
+    "selector-descendant-combinator-no-non-space": true,
+    "selector-list-comma-newline-after": "always",
+    "selector-list-comma-space-before": "never",
+    "selector-max-empty-lines": 0,
+    "selector-pseudo-class-case": "lower",
+    "selector-pseudo-class-no-unknown": true,
+    "selector-pseudo-class-parentheses-space-inside": "never",
+    "selector-pseudo-element-case": "lower",
+    "selector-pseudo-element-colon-notation": "double",
+    "selector-pseudo-element-no-unknown": [
+      true,
+      {
+        "ignorePseudoElements": [
+          "cue"
+        ]
+      }
+    ],
+    "selector-type-case": "lower",
+    "selector-type-no-unknown": true,
+    "string-no-newline": true,
+    "unit-case": "lower",
+    "unit-no-unknown": true,
+    "value-list-comma-newline-after": "always-multi-line",
+    "value-list-comma-space-after": "always-single-line",
+    "value-list-comma-space-before": "never",
+    "value-list-max-empty-lines": 0,
+  }
+}

CONTRIBUTORS.md

@@ -28,6 +28,12 @@
  - [lewazo](https://github.com/lewazo)
  - [Raghu Saxena](https://github.com/ckcr4lyf)
  - [Nickbert7](https://github.com/Nickbert7)
+ - [ferferga](https://github.com/ferferga)
+ - [bilde2910](https://github.com/bilde2910)
+ - [Daniel Hartung](https://github.com/dhartung)
+ - [Ryan Hartzell](https://github.com/ryan-hartzell)
+ - [Thibault Nocchi](https://github.com/ThibaultNocchi)
+ - [MrTimscampi](https://github.com/MrTimscampi)
 
 # Emby Contributors
 

README.md

@@ -1,15 +1,64 @@
 <h1 align="center">Jellyfin Web</h1>
-<h3 align="center">The Free Software Media System</h3>
+<h3 align="center">Part of the <a href="https://jellyfin.org">Jellyfin Project</a></h3>
 
 ---
 
 <p align="center">
 <img alt="Logo Banner" src="https://raw.githubusercontent.com/jellyfin/jellyfin-ux/master/branding/SVG/banner-logo-solid.svg?sanitize=true"/>
-<br/><br/>
-<a href="https://github.com/jellyfin/jellyfin-web"><img alt="GPL 2.0 License" src="https://img.shields.io/github/license/jellyfin/jellyfin-web.svg"/></a>
-<a href="https://github.com/jellyfin/jellyfin-web/releases"><img alt="Current Release" src="https://img.shields.io/github/release/jellyfin/jellyfin-web.svg"/></a>
+<br/>
+<br/>
+<a href="https://github.com/jellyfin/jellyfin-web">
+<img alt="GPL 2.0 License" src="https://img.shields.io/github/license/jellyfin/jellyfin-web.svg"/>
+</a>
+<a href="https://github.com/jellyfin/jellyfin-web/releases">
+<img alt="Current Release" src="https://img.shields.io/github/release/jellyfin/jellyfin-web.svg"/>
+</a>
+<a href="https://translate.jellyfin.org/projects/jellyfin/jellyfin-web/?utm_source=widget">
+<img src="https://translate.jellyfin.org/widgets/jellyfin/-/jellyfin-web/svg-badge.svg" alt="Translation Status"/>
+</a>
+<br/>
+<a href="https://opencollective.com/jellyfin">
+<img alt="Donate" src="https://img.shields.io/opencollective/all/jellyfin.svg?label=backers"/>
+</a>
+<a href="https://features.jellyfin.org">
+<img alt="Feature Requests" src="https://img.shields.io/badge/fider-vote%20on%20features-success.svg"/>
+</a>
+<a href="https://forum.jellyfin.org">
+<img alt="Discuss on our Forum" src="https://img.shields.io/discourse/https/forum.jellyfin.org/users.svg"/>
+</a>
+<a href="https://matrix.to/#/+jellyfin:matrix.org">
+<img alt="Chat on Matrix" src="https://img.shields.io/matrix/jellyfin:matrix.org.svg?logo=matrix"/>
+</a>
+<a href="https://www.reddit.com/r/jellyfin">
+<img alt="Join our Subreddit" src="https://img.shields.io/badge/reddit-r%2Fjellyfin-%23FF5700.svg"/>
+</a>
 </p>
 
----
+Jellyfin Web is the frontend used for most of the clients available for end users, such as desktop browsers, Android, and iOS. We welcome all contributions and pull requests! If you have a larger feature in mind please open an issue so we can discuss the implementation before you start. Translations can be improved very easily from our <a href="https://translate.jellyfin.org/projects/jellyfin/jellyfin-web">Weblate</a> instance. Look through the following graphic to see if your native language could use some work!
 
-Jellyfin is a free software media system that puts you in control of managing and streaming your media.
+<a href="https://translate.jellyfin.org/engage/jellyfin/?utm_source=widget">
+<img src="https://translate.jellyfin.org/widgets/jellyfin/-/jellyfin-web/multi-auto.svg" alt="Detailed Translation Status"/>
+</a>
+
+## Build Process
+
+### Dependencies
+
+- Yarn
+
+### Getting Started
+
+1. Clone or download this repository.
+   ```sh
+   git clone https://github.com/jellyfin/jellyfin-web.git
+   cd jellyfin-web
+   ```
+2. Install build dependencies in the project directory.
+   ```sh
+   yarn install
+   ```
+
+3. Run the web client with webpack for local development.
+   ```sh
+   yarn serve
+   ```

package.json

@@ -5,29 +5,62 @@
   "repository": "https://github.com/jellyfin/jellyfin-web",
   "license": "GPL-2.0-or-later",
   "devDependencies": {
-    "copy-webpack-plugin": "^5.0.3",
-    "css-loader": "^2.1.0",
-    "eslint": "^5.16.0",
-    "file-loader": "^3.0.1",
-    "style-loader": "^0.23.1",
-    "webpack": "^4.41.0",
-    "webpack-cli": "^3.3.9",
-    "webpack-dev-server": "^3.8.1",
+    "clean-webpack-plugin": "^3.0.0",
+    "copy-webpack-plugin": "^5.1.1",
+    "css-loader": "^3.4.2",
+    "eslint": "^6.8.0",
+    "file-loader": "^5.0.2",
+    "html-webpack-plugin": "^3.2.0",
+    "style-loader": "^1.1.3",
+    "stylelint": "^13.1.0",
+    "stylelint-config-rational-order": "^0.1.2",
+    "stylelint-no-browser-hacks": "^1.2.1",
+    "stylelint-order": "^4.0.0",
+    "webpack": "^4.41.5",
+    "webpack-cli": "^3.3.10",
+    "webpack-concat-plugin": "^3.0.0",
+    "webpack-dev-server": "^3.10.3",
     "webpack-merge": "^4.2.2"
   },
   "dependencies": {
-    "jstree": "^3.3.7",
+    "alameda": "^1.4.0",
+    "document-register-element": "^1.14.3",
+    "flv.js": "^1.5.0",
+    "hls.js": "^0.13.1",
+    "howler": "^2.1.3",
+    "jellyfin-noto": "https://github.com/jellyfin/jellyfin-noto",
     "jquery": "^3.4.1",
-    "hls.js": "^0.12.4",
-    "howler": "^2.1.2",
-    "swiper": "^4.5.0",
-    "sortablejs": "^1.9.0",
-    "libjass": "^0.11.0"
+    "jstree": "^3.3.7",
+    "libass-wasm": "https://github.com/jellyfin/JavascriptSubtitlesOctopus#4.0.0-jf-cordova",
+    "libjass": "^0.11.0",
+    "material-design-icons-iconfont": "^5.0.1",
+    "native-promise-only": "^0.8.0-a",
+    "resize-observer-polyfill": "^1.5.1",
+    "shaka-player": "^2.5.9",
+    "sortablejs": "^1.10.2",
+    "swiper": "^5.3.1",
+    "webcomponents.js": "^0.7.24",
+    "whatwg-fetch": "^3.0.0"
   },
+  "browserslist": [
+    "last 2 Firefox versions",
+    "last 2 Chrome versions",
+    "last 2 ChromeAndroid versions",
+    "last 2 Safari versions",
+    "last 2 iOS versions",
+    "last 2 Edge versions",
+    "Chrome 38",
+    "Chrome 47",
+    "Chrome 53",
+    "Chrome 56",
+    "Chrome 63",
+    "Firefox ESR"
+  ],
   "scripts": {
     "serve": "webpack-dev-server --config webpack.dev.js --open",
     "build": "webpack --config webpack.prod.js",
     "lint": "eslint \"src\"",
+    "stylelint": "stylelint \"src/**/*.css\"",
     "prepare": "webpack --config webpack.prod.js"
   }
 }

scripts/scdup.py

@@ -0,0 +1,41 @@
+import sys
+import os
+import json
+
+# load every key in the source language
+# check the keys in all translations
+# remove keys that only exist in translations
+
+cwd = os.getcwd()
+langdir = cwd + '/../src/strings'
+langlst = os.listdir(langdir)
+
+langlst.remove('en-us.json')
+print(langlst)
+input('press enter to continue')
+
+keysus = []
+with open(langdir + '/' + 'en-us.json') as en:
+    langus = json.load(en)
+    for key in langus:
+        keysus.append(key)
+
+for lang in langlst:
+    with open(langdir + '/' + lang, 'r') as f:
+        inde = 2
+        if '\n    \"' in f.read():
+            inde = 4
+        f.close()
+    with open(langdir + '/' + lang, 'r+') as f:
+        langjson = json.load(f)
+        langjnew = {}
+        for key in langjson:
+            if key in keysus:
+                langjnew[key] = langjson[key]
+        f.seek(0)
+        f.write(json.dumps(langjnew, indent=inde, sort_keys=False, ensure_ascii=False))
+        f.write('\n')
+        f.truncate()
+        f.close()
+
+print('DONE')

scripts/scgen.py

@@ -0,0 +1,40 @@
+import os
+import subprocess
+import json
+
+# load all keys in the source language
+# check entire codebase for usages
+# print unused keys to a text file
+# TODO: dynamic string usages cause false positives
+
+cwd = os.getcwd()
+langdir = cwd + '/../src/strings'
+langlst = []
+langlst.append('en-us.json')
+
+# unused keys
+dep = []
+
+def grep(key):
+    command = 'grep -r -E "(\(\\\"|\(\'|\{)%s(\\\"|\'|\})" --include=\*.{js,html} --exclude-dir=../src/strings ../src' % key
+    p = subprocess.Popen(command, shell=True, stdout=subprocess.PIPE, stderr=subprocess.STDOUT)
+    output = p.stdout.readlines()
+    if output:
+        print('DONE: ' + key)
+        return True
+    print('UNUSED: ' + key)
+    dep.append(key)
+    return False
+
+for lang in langlst:
+    with open(langdir + '/' + lang) as f:
+        langjson = json.load(f)
+        for key in langjson:
+            grep(key)
+
+print(dep)
+print('LENGTH: ' + str(len(dep)))
+with open('scout.txt', 'w') as out:
+    for item in dep:
+        out.write(item + '\n')
+    out.close()

scripts/scrm.py

@@ -0,0 +1,34 @@
+import sys
+import os
+import json
+
+# load text file containing unused keys
+# remove the keys from all string files
+
+cwd = os.getcwd()
+langdir = cwd + '/../src/strings'
+langlst = os.listdir(langdir)
+
+keys = []
+
+with open('scout.txt', 'r') as f:
+    for line in f:
+        keys.append(line.strip('\n'))
+
+for lang in langlst:
+    with open(langdir + '/' + lang, 'r') as f:
+        inde = 2
+        if '\n    \"' in f.read():
+            inde = 4
+        f.close()
+    with open(langdir + '/' + lang, 'r+') as f:
+        langjson = json.load(f)
+        for key in keys:
+            langjson.pop(key, None)
+        f.seek(0)
+        f.write(json.dumps(langjson, indent=inde, sort_keys=False, ensure_ascii=False))
+        f.write('\n')
+        f.truncate()
+        f.close()
+
+print('DONE')

src/addplugin.html

@@ -1,10 +1,7 @@
 <div id="addPluginPage" data-role="page" class="page type-interior pluginConfigurationPage" data-backbutton="true">
-
     <div>
         <div class="content-primary">
-
             <div class="readOnlyContent">
-
                 <div class="verticalSection">
                     <div class="sectionTitleContainer flex align-items-center">
                         <h1 class="sectionTitle pluginName"></h1>
@@ -13,9 +10,7 @@
 
                     <p id="tagline" style="font-style: italic;"></p>
                     <p id="pPreviewImage"></p>
-
                     <p id="overview"></p>
-
                 </div>
 
                 <div class="verticalSection">
@@ -27,12 +22,12 @@
                             <select id="selectVersion" name="selectVersion" is="emby-select" label="${LabelSelectVersionToInstall}"></select>
                         </div>
 
-                        <p id="btnInstallDiv" class="hide">
+                        <div id="btnInstallDiv" class="hide">
                             <button is="emby-button" type="submit" id="btnInstall" class="raised button-submit block">
                                 <span>${Install}</span>
                             </button>
                             <div class="fieldDescription">${ServerRestartNeededAfterPluginInstall}</div>
-                        </p>
+                        </div>
                         <p id="nonServerMsg"></p>
                     </form>
                 </div>

src/apikeys.html

@@ -2,11 +2,9 @@
     <div>
         <div class="content-primary">
             <div class="detailSectionHeader">
-                <h2 style="margin:.6em 0;vertical-align:middle;display:inline-block;">
-                    ${HeaderApiKeys}
-                </h2>
+                <h2 style="margin:.6em 0;vertical-align:middle;display:inline-block;">${HeaderApiKeys}</h2>
                 <button is="emby-button" type="button" class="fab btnNewKey submit" style="margin-left:1em;" title="${ButtonAdd}">
-                    <i class="md-icon">add</i>
+                    <i class="material-icons">add</i>
                 </button>
             </div>
             <p>${HeaderApiKeysHelp}</p>
@@ -24,4 +22,4 @@
             </table>
         </div>
     </div>
-</div>
+</div>

src/assets/css/clearbutton.css

@@ -9,4 +9,4 @@
     vertical-align: middle;
     font-family: inherit;
     font-size: inherit;
-}
+}

src/assets/css/dashboard.css

@@ -1,16 +1,17 @@
 .dashboardColumn,
 .dashboardSections {
+    flex-direction: column;
     -webkit-box-orient: vertical;
-    -webkit-box-direction: normal
+    -webkit-box-direction: normal;
 }
 
 .dashboardFooter {
     margin-top: 3.5em;
-    text-align: center
+    text-align: center;
 }
 
 .dashboardFooter a {
-    margin: 0 .7em
+    margin: 0 0.7em;
 }
 
 progress {
@@ -18,59 +19,78 @@ progress {
     -moz-appearance: none;
     -webkit-appearance: none;
     margin: 0;
-    background: #ccc !important
+    background: #ccc !important;
 }
 
-progress[role]:after {
-    background-image: none
+progress[role]::after {
+    background-image: none;
 }
 
 progress::-webkit-progress-bar {
-    background: #ccc
+    background: #ccc;
 }
 
 progress::-moz-progress-bar {
-    background-color: #00a4dc
+    background-color: #00a4dc;
 }
 
 progress::-webkit-progress-value {
-    background-color: #00a4dc
+    background-color: #00a4dc;
 }
 
-progress[aria-valuenow]:before {
-    border-radius: .4em;
-    background-color: #00a4dc
+progress[aria-valuenow]::before {
+    border-radius: 0.4em;
+    background-color: #00a4dc;
 }
 
 .localnav {
-    margin-bottom: 2.2em !important
+    margin-bottom: 2.2em !important;
 }
 
-@media all and (min-width:50em) {
-
-    .type-interior>.ui-panel-content-wrap>div[data-role=content],
-    .type-interior>div[data-role=content] {
+@media all and (min-width: 50em) {
+    .type-interior > div[data-role=content],
+    .type-interior > .ui-panel-content-wrap > div[data-role=content] {
         padding-right: 0;
         padding-left: 0;
         padding-top: 0;
-        overflow: hidden
+        overflow: hidden;
     }
 }
 
 .dashboardDocument .dashboardEntryHeaderButton,
 .dashboardDocument .lnkManageServer {
-    display: none !important
+    display: none !important;
 }
 
 .adminDrawerLogo {
+    display: none;
+}
+
+.layout-mobile .adminDrawerLogo {
     padding: 1.5em 1em 1.2em;
     border-bottom: 1px solid #e0e0e0;
     margin-bottom: 1em;
-    display: block
+    display: block;
 }
 
 .adminDrawerLogo img {
-    height: 4em
+    height: 4em;
+}
+
+a[data-role=button] {
+    background: #292929 !important;
+    background-clip: padding-box;
+    -webkit-font-smoothing: antialiased;
+    -webkit-user-select: none;
+    -webkit-background-clip: padding-box;
+    cursor: pointer !important;
+    font-family: inherit !important;
+    font-weight: 500 !important;
+    margin: 0 0.25em !important;
+    display: inline-block;
+    padding: 0.8em 1em;
+    text-align: center;
+    text-decoration: none !important;
 }
 
 div[data-role=controlgroup] a[data-role=button] {
@@ -79,70 +99,88 @@ div[data-role=controlgroup] a[data-role=button] {
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
     -webkit-border-radius: 0;
-    border-radius: 0
+    border-radius: 0;
 }
 
 div[data-role=controlgroup] a[data-role=button]:first-child {
-    -webkit-border-bottom-left-radius: .3125em;
-    border-bottom-left-radius: .3125em;
-    -webkit-border-top-left-radius: .3125em;
-    border-top-left-radius: .3125em
+    -webkit-border-bottom-left-radius: 0.3125em;
+    border-bottom-left-radius: 0.3125em;
+    -webkit-border-top-left-radius: 0.3125em;
+    border-top-left-radius: 0.3125em;
 }
 
 div[data-role=controlgroup] a[data-role=button]:last-child {
-    -webkit-border-bottom-right-radius: .3125em;
-    border-bottom-right-radius: .3125em;
-    -webkit-border-top-right-radius: .3125em;
-    border-top-right-radius: .3125em
+    -webkit-border-bottom-right-radius: 0.3125em;
+    border-bottom-right-radius: 0.3125em;
+    -webkit-border-top-right-radius: 0.3125em;
+    border-top-right-radius: 0.3125em;
 }
 
-div[data-role=controlgroup] a[data-role=button]+a[data-role=button] {
+div[data-role=controlgroup] a[data-role=button] + a[data-role=button] {
     border-left-width: 0 !important;
-    margin: 0 0 0 -.4em !important
+    margin: 0 0 0 -0.4em !important;
 }
 
 div[data-role=controlgroup] a.ui-btn-active {
     background: #00a4dc !important;
-    color: #292929 !important
+    color: #292929 !important;
+}
+
+.sessionAppInfo img {
+    max-width: 40px;
+    max-height: 40px;
+    margin-right: 8px;
+}
+
+.appLinks img {
+    height: 36px;
+}
+
+.wizardContent h2 img {
+    height: 2.5em;
+    vertical-align: middle;
+    margin-right: 0.5em;
+    position: relative;
+    top: -0.3em;
 }
 
 .header .imageLink {
-    display: inline-block
+    display: inline-block;
 }
 
 .header .imageLink img {
     height: 2.1em;
-    vertical-align: middle
+    vertical-align: middle;
 }
 
 .content-primary {
     padding-top: 6em;
     padding-right: 1em;
-    padding-left: 1em
+    padding-left: 1em;
 }
 
 .withTabs .content-primary {
-    padding-top: 9em !important
+    padding-top: 9em !important;
 }
 
-@media all and (min-width:40em) {
+@media all and (min-width: 40em) {
     .content-primary {
-        padding-top: 7em
+        padding-top: 4.6em;
     }
 
     .withTabs .content-primary {
-        padding-top: 10em !important
+        padding-top: 10em !important;
     }
 }
 
-@media all and (min-width:84em) {
+@media all and (min-width: 84em) {
     .withTabs .content-primary {
-        padding-top: 7em !important
+        padding-top: 7em !important;
     }
 }
 
 .content-primary ul:first-child {
-    margin-top: 0
+    margin-top: 0;
 }
 
 .dashboardSections {
@@ -150,7 +188,7 @@ div[data-role=controlgroup] a.ui-btn-active {
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: column;
-    flex-direction: column
+    flex-direction: column;
 }
 
 .dashboardColumn {
@@ -163,126 +201,7 @@ div[data-role=controlgroup] a.ui-btn-active {
     flex-shrink: 0;
     -webkit-box-flex: 1;
     -webkit-flex-grow: 1;
-    flex-grow: 1
-}
-
-.activeSession:not(.playingSession) .sessionNowPlayingContent {
-    display: none
-}
-
-.dashboardSection {
-    -webkit-flex-shrink: 0;
-    flex-shrink: 0;
-    margin: 0 0 2em
-}
-
-.dashboardSection h3 {
-    margin-top: .5em;
-    margin-bottom: .5em
-}
-
-.activeRecordingItems>.card {
-    width: 50%
-}
-
-@media all and (min-width:70em) {
-    .dashboardSections {
-        -webkit-flex-wrap: wrap;
-        flex-wrap: wrap;
-        -webkit-box-orient: horizontal;
-        -webkit-box-direction: normal;
-        -webkit-flex-direction: row;
-        flex-direction: row
-    }
-
-    .dashboardColumn-2-60 {
-        width: 46%
-    }
-
-    .dashboardColumn-2-40 {
-        width: 27%
-    }
-
-    .dashboardSection {
-        padding: 0 1.5em
-    }
-
-    .activeRecordingItems>.card {
-        width: 25%
-    }
-}
-
-.premiumBanner img {
-    position: absolute;
-    text-align: right;
-    top: 0;
-    right: 0;
-    width: 4.4em;
-    height: 4.4em
-}
-
-.wizardContent {
-    max-width: 62em;
-    padding: .5em 2em 1em;
-    margin: 0 auto;
-    background: #fff
-}
-
-.wizardNavigation {
-    text-align: right
-}
-
-.wizardContent form {
-    max-width: 100%
-}
-
-.wizardContent h2 img {
-    height: 2.5em;
-    vertical-align: middle;
-    margin-right: .5em;
-    position: relative;
-    top: -.3em
-}
-
-.scheduledTaskPaperIconItem {
-    outline: 0 !important
-}
-
-.activeSession {
-    width: 100% !important
-}
-
-@media all and (min-width:40em) {
-    .activeSession {
-        width: 100% !important
-    }
-}
-
-@media all and (min-width:50em) {
-    .activeSession {
-        width: 50% !important
-    }
-}
-
-.sessionCardFooter {
-    padding-top: .5em !important;
-    padding-bottom: 1em !important;
-    border-top: 1px solid #eee;
-    text-align: center;
-    position: relative
-}
-
-.sessionAppInfo {
-    padding: 0.5em;
-    overflow: hidden;
-}
-
-.sessionCardButtons {
-    min-height: 2.7em
-}
-
-.sessionCardButton {
-    margin: 0
+    flex-grow: 1;
 }
 
 .sessionNowPlayingContent {
@@ -294,7 +213,119 @@ div[data-role=controlgroup] a.ui-btn-active {
     top: 0;
     left: 0;
     right: 0;
-    bottom: 0
+    bottom: 0;
+}
+
+.activeSession:not(.playingSession) .sessionNowPlayingContent {
+    display: none;
+}
+
+.dashboardSection {
+    -webkit-flex-shrink: 0;
+    flex-shrink: 0;
+    margin: 0 0 2em;
+}
+
+.dashboardSection h3 {
+    margin-top: 0.5em;
+    margin-bottom: 0.5em;
+}
+
+.activeRecordingItems > .card {
+    width: 50%;
+}
+
+@media all and (min-width: 70em) {
+    .dashboardSections {
+        -webkit-flex-wrap: wrap;
+        flex-wrap: wrap;
+        -webkit-box-orient: horizontal;
+        -webkit-box-direction: normal;
+        -webkit-flex-direction: row;
+        flex-direction: row;
+    }
+
+    .dashboardColumn-2-60 {
+        width: 46%;
+    }
+
+    .dashboardColumn-2-40 {
+        width: 27%;
+    }
+
+    .dashboardSection {
+        padding: 0 1.5em;
+    }
+
+    .activeRecordingItems > .card {
+        width: 25%;
+    }
+}
+
+.wizardContent {
+    max-width: 62em;
+    padding: 0.5em 2em 1em;
+    margin: 0 auto;
+    background: #fff;
+}
+
+.wizardNavigation {
+    text-align: right;
+}
+
+.wizardContent form {
+    max-width: 100%;
+}
+
+.scheduledTaskPaperIconItem {
+    outline: 0 !important;
+}
+
+.activeSession {
+    width: 100% !important;
+}
+
+.activitylogUserPhoto {
+    height: 1.71em;
+    width: 1.71em;
+    border-radius: 100%;
+    margin-right: 0.5em;
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: center;
+}
+
+@media all and (min-width: 40em) {
+    .activeSession {
+        width: 100% !important;
+    }
+}
+
+@media all and (min-width: 50em) {
+    .activeSession {
+        width: 50% !important;
+    }
+}
+
+.sessionCardFooter {
+    padding-top: 0.5em !important;
+    padding-bottom: 1em !important;
+    border-top: 1px solid #eee;
+    text-align: center;
+    position: relative;
+}
+
+.sessionAppInfo {
+    padding: 0.5em;
+    overflow: hidden;
+}
+
+.sessionCardButtons {
+    min-height: 2.7em;
+}
+
+.sessionCardButton {
+    margin: 0;
 }
 
 .sessionNowPlayingInnerContent {
@@ -303,23 +334,23 @@ div[data-role=controlgroup] a.ui-btn-active {
     left: 0;
     right: 0;
     bottom: 0;
-    font-weight: 400
+    font-weight: 400;
 }
 
-.sessionNowPlayingContent-withbackground+.sessionNowPlayingInnerContent {
+.sessionNowPlayingContent-withbackground + .sessionNowPlayingInnerContent {
     color: #fff !important;
-    background: rgba(0, 0, 0, .7)
+    background: rgba(0, 0, 0, 0.7);
 }
 
 .sessionAppName {
     vertical-align: top;
-    max-width: 200px
+    max-width: 200px;
 }
 
 .sessionNowPlayingDetails {
     display: flex;
     position: absolute;
-    bottom: 0px;
+    bottom: 0;
     width: 100%;
 }
 
@@ -329,12 +360,6 @@ div[data-role=controlgroup] a.ui-btn-active {
     padding: 0.8em 0.5em;
 }
 
-.sessionAppInfo img {
-    max-width: 40px;
-    max-height: 40px;
-    margin-right: 8px;
-}
-
 .sessionNowPlayingTime {
     flex-shrink: 0;
     align-self: flex-end;
@@ -346,6 +371,13 @@ div[data-role=controlgroup] a.ui-btn-active {
     white-space: nowrap;
 }
 
+.playbackProgress,
+.transcodingProgress {
+    margin: 0;
+    width: 100%;
+    background: transparent !important;
+}
+
 .activeSession .playbackProgress,
 .activeSession .transcodingProgress {
     position: absolute;
@@ -356,13 +388,6 @@ div[data-role=controlgroup] a.ui-btn-active {
     width: 100%;
 }
 
-.playbackProgress,
-.transcodingProgress {
-    margin: 0px;
-    width: 100%;
-    background: transparent !important;
-}
-
 .playbackProgress > div {
     z-index: 1000;
     background-color: #00a4dc;
@@ -372,89 +397,70 @@ div[data-role=controlgroup] a.ui-btn-active {
     background-color: #dd4919;
 }
 
-@media all and (max-width:34.375em) {
+@media all and (max-width: 34.375em) {
     .sessionAppName {
-        max-width: 160px
+        max-width: 160px;
     }
 }
 
-@media all and (max-width:31.25em) {
+@media all and (max-width: 31.25em) {
     .sessionAppName {
-        max-width: 150px
+        max-width: 150px;
     }
 }
 
 .disabledUser {
     -webkit-filter: grayscale(100%);
-    filter: grayscale(100%)
+    filter: grayscale(100%);
 }
 
 .disabledUserBanner {
-    margin: 0 0 2em
+    margin: 0 0 2em;
 }
 
 .appLinks a {
-    text-decoration: none !important
-}
-
-.appLinks a+a {
-    margin-left: 5px
-}
-
-.appLinks img {
-    height: 36px
-}
-
-a[data-role=button] {
-    -webkit-font-smoothing: antialiased;
-    -webkit-user-select: none;
-    -webkit-background-clip: padding-box;
-    cursor: pointer !important;
-    font-family: inherit !important;
-    font-weight: 500 !important;
-    margin: 0 .25em !important;
-    display: inline-block;
-    padding: .8em 1em;
-    text-align: center;
     text-decoration: none !important;
-    background: #292929 !important;
+}
+
+.appLinks a + a {
+    margin-left: 5px;
 }
 
 @-webkit-keyframes rotating {
     from {
         -webkit-transform: rotate(0);
-        transform: rotate(0)
+        transform: rotate(0);
     }
 
     to {
         -webkit-transform: rotate(360deg);
-        transform: rotate(360deg)
+        transform: rotate(360deg);
     }
 }
 
 @keyframes rotating {
     from {
         -webkit-transform: rotate(0);
-        transform: rotate(0)
+        transform: rotate(0);
     }
 
     to {
         -webkit-transform: rotate(360deg);
-        transform: rotate(360deg)
+        transform: rotate(360deg);
     }
 }
 
 .rotatingCircle {
     -webkit-animation: rotating 2s linear infinite;
-    animation: rotating 2s linear infinite
+    animation: rotating 2s linear infinite;
 }
 
 .pluginPreviewImg {
-    -webkit-box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37);
-    box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37)
+    -webkit-box-shadow: 0 0.0725em 0.29em 0 rgba(0, 0, 0, 0.37);
+    box-shadow: 0 0.0725em 0.29em 0 rgba(0, 0, 0, 0.37);
 }
 
-.ui-bar-a{
+.ui-bar-a {
     text-align: center;
     padding: 0 20px;
 }

src/assets/css/detailtable.css

@@ -1,7 +1,7 @@
 .detailTableBodyCell,
 .detailTableHeaderCell {
     border-spacing: 0;
-    padding: .4em
+    padding: 0.4em;
 }
 
 .detailTable {
@@ -9,11 +9,11 @@
     border-spacing: 0;
     text-align: left;
     width: 100%;
-    margin: 0 auto
+    margin: 0 auto;
 }
 
 .detailTableHeaderCell {
     font-weight: 700;
     text-align: left;
-    vertical-align: top
-}
+    vertical-align: top;
+}

src/assets/css/flexstyles.css

@@ -44,4 +44,4 @@
 
 .align-self-flex-end {
     align-self: flex-end;
-}
+}

src/assets/css/fonts.css

@@ -0,0 +1,37 @@
+html {
+    font-family: "Noto Sans", sans-serif;
+    font-size: 93%;
+    -webkit-text-size-adjust: 100%;
+    text-size-adjust: 100%;
+    -webkit-font-smoothing: antialiased;
+    text-rendering: optimizeLegibility;
+}
+
+h1,
+h2,
+h3 {
+    font-family: "Noto Sans", sans-serif;
+}
+
+h1 {
+    font-weight: 400;
+    font-size: 1.8em;
+}
+
+h2 {
+    font-weight: 400;
+    font-size: 1.5em;
+}
+
+h3 {
+    font-weight: 400;
+    font-size: 1.17em;
+}
+
+.layout-tv {
+    font-size: 130%;
+}
+
+.layout-mobile {
+    font-size: 90%;
+}

src/assets/css/fonts.sized.css

@@ -1,5 +1,5 @@
 h1 {
-    font-weight: 500;
+    font-weight: 400;
     font-size: 1.8em;
 }
 
@@ -8,12 +8,12 @@ h1 {
 }
 
 h2 {
-    font-weight: 500;
+    font-weight: 400;
     font-size: 1.5em;
 }
 
 h3 {
-    font-weight: 500;
+    font-weight: 400;
     font-size: 1.17em;
 }
 
@@ -25,7 +25,6 @@ h3 {
 
 /* This is supposed to be 1080p, but had to reduce the min height to account for possible browser chrome */
 @media all and (min-height: 1000px) {
-
     html {
         font-size: 27px;
     }

src/assets/css/ios.css

@@ -0,0 +1,8 @@
+html {
+    font-size: 82% !important;
+}
+
+.formDialogFooter {
+    position: static !important;
+    margin: 0 -1em !important;
+}

src/assets/css/livetv.css

@@ -0,0 +1,9 @@
+.guideVerticalScroller {
+    padding-bottom: 15em;
+}
+
+@media all and (min-width: 62.5em) {
+    #guideTab {
+        padding-left: 0.5em;
+    }
+}

src/assets/css/metadataeditor.css

@@ -1,29 +1,29 @@
 .editPageSidebar {
-    display: block
+    display: block;
 }
 
 .editPageSidebar-withcontent {
-    display: none
+    display: none;
 }
 
 .libraryTree {
-    margin-left: .25em
+    margin-left: 0.25em;
 }
 
 .offlineEditorNode {
-    color: #c33
+    color: #c33;
 }
 
 .editorNode img {
     height: 18px;
-    margin: 0 .35em;
+    margin: 0 0.35em;
     vertical-align: middle;
     position: relative;
-    top: -2px
+    top: -2px;
 }
 
 .jstree-anchor {
-    font-weight: 400 !important
+    font-weight: 400 !important;
 }
 
 .jstree-wholerow-hovered {
@@ -31,7 +31,7 @@
     -webkit-border-radius: 0 !important;
     border-radius: 0 !important;
     -webkit-box-shadow: none !important;
-    box-shadow: none !important
+    box-shadow: none !important;
 }
 
 .jstree-default .jstree-hovered {
@@ -40,18 +40,18 @@
     border-radius: 0 !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
-    color: #fff !important
+    color: #fff !important;
 }
 
 .jstree-default .jstree-wholerow-clicked {
-    background: #00a4dc !important
+    background: #00a4dc !important;
 }
 
 .metadataSidebarIcon {
-    margin-right: .4em
+    margin-right: 0.4em;
 }
 
-@media all and (min-width:50em) {
+@media all and (min-width: 50em) {
     .editPageSidebar {
         position: fixed;
         top: 5.2em;
@@ -59,21 +59,21 @@
         left: 0;
         width: 30%;
         border-right: 1px solid #555;
-        display: block
+        display: block;
     }
 
     .editPageInnerContent {
         float: right;
-        width: 68.5%
+        width: 68.5%;
     }
 }
 
-@media all and (min-width:112.5em) {
+@media all and (min-width: 112.5em) {
     .editPageSidebar {
-        width: 25%
+        width: 25%;
     }
 
     .editPageInnerContent {
-        width: 73.5%
+        width: 73.5%;
     }
 }

src/assets/css/scrollstyles.css

@@ -9,17 +9,17 @@
     scroll-behavior: smooth;
 }
 
-.hiddenScrollX, .layout-tv .scrollX {
+.hiddenScrollX,
+.layout-tv .scrollX {
     -ms-overflow-style: none;
-    /* Can't do this because it not only hides the scrollbar, but also prevents scrolling */
-    /*overflow: -moz-scrollbars-none;*/
 }
 
 .hiddenScrollX-forced {
     overflow: -moz-scrollbars-none;
 }
 
-.hiddenScrollX::-webkit-scrollbar, .layout-tv .scrollX::-webkit-scrollbar {
+.hiddenScrollX::-webkit-scrollbar,
+.layout-tv .scrollX::-webkit-scrollbar {
     height: 0 !important;
     display: none;
 }
@@ -37,17 +37,22 @@
     scroll-behavior: smooth;
 }
 
-.hiddenScrollY, .layout-tv .smoothScrollY {
+.hiddenScrollY,
+.layout-tv .smoothScrollY {
     -ms-overflow-style: none;
+
     /* Can't do this because it not only hides the scrollbar, but also prevents scrolling */
-    /*overflow: -moz-scrollbars-none;*/
+
+    /* overflow: -moz-scrollbars-none; */
 }
 
 .hiddenScrollY-forced {
     overflow: -moz-scrollbars-none;
 }
 
-.hiddenScrollY::-webkit-scrollbar, .layout-tv .smoothScrollY::-webkit-scrollbar, .layout-tv .scrollY::-webkit-scrollbar {
+.hiddenScrollY::-webkit-scrollbar,
+.layout-tv .smoothScrollY::-webkit-scrollbar,
+.layout-tv .scrollY::-webkit-scrollbar {
     width: 0 !important;
     display: none;
-}
+}

src/assets/css/site.css

@@ -2,7 +2,12 @@ body,
 html {
     margin: 0;
     padding: 0;
-    height: 100%
+    height: 100%;
+}
+
+.material-icons {
+    /* Fix font ligatures on older WebOS versions */
+    -webkit-font-feature-settings: "liga";
 }
 
 .backgroundContainer {
@@ -11,11 +16,11 @@ html {
     left: 0;
     right: 0;
     bottom: 0;
-    contain: strict
+    contain: strict;
 }
 
 html {
-    line-height: 1.35
+    line-height: 1.35;
 }
 
 .layout-mobile,
@@ -25,44 +30,44 @@ html {
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
-    user-select: none
+    user-select: none;
 }
 
 body {
     overflow-x: hidden;
     background-color: transparent !important;
-    -webkit-font-smoothing: antialiased
+    -webkit-font-smoothing: antialiased;
 }
 
 .mainAnimatedPage {
-    contain: style size !important
+    contain: style size !important;
 }
 
 .pageContainer {
-    overflow-x: visible !important
+    overflow-x: visible !important;
 }
 
 .bodyWithPopupOpen {
-    overflow-y: hidden !important
+    overflow-y: hidden !important;
 }
 
 div[data-role=page] {
-    outline: 0
+    outline: 0;
 }
 
 .pageTitle {
     margin-top: 0;
-    font-family: inherit
+    font-family: inherit;
 }
 
 .fieldDescription {
-    padding-left: .15em;
+    padding-left: 0.15em;
     font-weight: 400;
-    white-space: normal !important
+    white-space: normal !important;
 }
 
-.fieldDescription+.fieldDescription {
-    margin-top: .3em
+.fieldDescription + .fieldDescription {
+    margin-top: 0.3em;
 }
 
 .content-primary,
@@ -73,21 +78,21 @@ div[data-role=page] {
     padding-bottom: 5em !important;
 }
 
-@media all and (min-width:50em) {
+@media all and (min-width: 50em) {
     .readOnlyContent,
     form {
-        max-width: 54em
+        max-width: 54em;
     }
 }
 
 .headerHelpButton {
     margin-left: 1.25em !important;
-    padding-bottom: .4em !important;
-    padding-top: .4em !important
+    padding-bottom: 0.4em !important;
+    padding-top: 0.4em !important;
 }
 
 .mediaInfoContent {
     margin-left: auto;
     margin-right: auto;
-    width: 85%
+    width: 85%;
 }

src/assets/css/videoosd.css

@@ -1,8 +1,9 @@
 .chapterThumbTextContainer,
 .videoOsdBottom {
+    user-select: none;
     -webkit-user-select: none;
     -moz-user-select: none;
-    -ms-user-select: none
+    -ms-user-select: none;
 }
 
 .osdPoster img,
@@ -10,13 +11,13 @@
 .videoOsdBottom {
     bottom: 0;
     left: 0;
-    right: 0
+    right: 0;
 }
 
 .osdHeader {
-    -webkit-transition: opacity .3s ease-out;
-    -o-transition: opacity .3s ease-out;
-    transition: opacity .3s ease-out;
+    -webkit-transition: opacity 0.3s ease-out;
+    -o-transition: opacity 0.3s ease-out;
+    transition: opacity 0.3s ease-out;
     position: relative;
     z-index: 1;
     background: rgba(0, 0, 0, 0.7) !important;
@@ -26,11 +27,11 @@
 }
 
 .osdHeader-hidden {
-    opacity: 0
+    opacity: 0;
 }
 
 .osdHeader .headerButton:not(.headerBackButton):not(.headerCastButton) {
-    display: none
+    display: none;
 }
 
 .chapterThumbContainer {
@@ -39,7 +40,7 @@
     -webkit-box-flex: 1;
     -webkit-flex-grow: 1;
     flex-grow: 1;
-    position: relative
+    position: relative;
 }
 
 .chapterThumb {
@@ -49,20 +50,20 @@
     background-repeat: no-repeat;
     border: 0;
     height: 20vh;
-    min-width: 20vh
+    min-width: 20vh;
 }
 
-@media all and (orientation:portrait) {
+@media all and (orientation: portrait) {
     .chapterThumb {
         height: 30vw;
-        min-width: 30vw
+        min-width: 30vw;
     }
 }
 
-@media all and (max-height:50em) and (orientation:landscape) {
+@media all and (max-height: 50em) and (orientation: landscape) {
     .chapterThumb {
         height: 30vh;
-        min-width: 30vh
+        min-width: 30vh;
     }
 }
 
@@ -71,19 +72,19 @@
     bottom: 0;
     left: 0;
     right: 0;
-    background: rgba(0, 0, 0, .7);
-    padding: .25em .5em;
-    user-select: none
+    background: rgba(0, 0, 0, 0.7);
+    padding: 0.25em 0.5em;
+    user-select: none;
 }
 
 .chapterThumbText {
-    padding: .25em 0;
+    padding: 0.25em 0;
     margin: 0;
-    opacity: 1
+    opacity: 1;
 }
 
 .chapterThumbText-dim {
-    opacity: .6
+    opacity: 0.6;
 }
 
 .videoOsdBottom {
@@ -103,21 +104,21 @@
     transition: opacity 0.3s ease-out;
     color: #fff;
     user-select: none;
-    -webkit-touch-callout: none
+    -webkit-touch-callout: none;
 }
 
 .videoOsdBottom-hidden {
-    opacity: 0
+    opacity: 0;
 }
 
 .osdControls {
     -webkit-box-flex: 1;
     -webkit-flex-grow: 1;
-    flex-grow: 1
+    flex-grow: 1;
 }
 
 .videoOsdBottom .buttons {
-    padding: .25em 0 0;
+    padding: 0.25em 0 0;
     display: -webkit-box;
     display: -webkit-flex;
     display: flex;
@@ -125,28 +126,30 @@
     flex-wrap: wrap;
     -webkit-box-align: center;
     -webkit-align-items: center;
-    align-items: center
+    align-items: center;
 }
 
 .osdVolumeSliderContainer {
     width: 9em;
     -webkit-box-flex: 1;
     -webkit-flex-grow: 1;
-    flex-grow: 1
+    flex-grow: 1;
 }
 
 .osdMediaInfo,
 .volumeButtons {
+    display: flex;
     display: -webkit-box;
     display: -webkit-flex;
-    -webkit-box-align: center
+    align-items: center;
+    -webkit-box-align: center;
 }
 
 .volumeButtons {
-    margin: 0 .5em 0 auto;
+    margin: 0 0.5em 0 auto;
     display: flex;
     -webkit-align-items: center;
-    align-items: center
+    align-items: center;
 }
 
 .osdTimeText {
@@ -154,13 +157,13 @@
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
-    user-select: none
+    user-select: none;
 }
 
 .osdPoster {
     width: 10%;
     position: relative;
-    margin-right: .5em
+    margin-right: 0.5em;
 }
 
 .osdPoster img {
@@ -169,28 +172,28 @@
     width: 100%;
     -webkit-box-shadow: 0 0 1.9vh #000;
     box-shadow: 0 0 1.9vh #000;
-    border: .08em solid #222;
+    border: 0.08em solid #222;
     user-drag: none;
     user-select: none;
     -moz-user-select: none;
     -webkit-user-drag: none;
     -webkit-user-select: none;
-    -ms-user-select: none
+    -ms-user-select: none;
 }
 
 .osdTitle,
 .osdTitleSmall {
-    margin: 0 1em 0 0
+    margin: 0 1em 0 0;
 }
 
 .osdMediaInfo {
     display: flex;
     -webkit-align-items: center;
-    align-items: center
+    align-items: center;
 }
 
 .osdSecondaryMediaInfo {
-    padding-left: .6em !important
+    padding-left: 0.6em !important;
 }
 
 .osdTextContainer {
@@ -204,64 +207,83 @@
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
-    margin-bottom: .7em;
-    padding-left: .5em
+    margin-bottom: 0.7em;
+    padding-left: 0.5em;
 }
 
 .osdMainTextContainer {
     -webkit-box-align: baseline;
     -webkit-align-items: baseline;
-    align-items: baseline
+    align-items: baseline;
 }
 
 .osdMediaStatus {
     margin-left: auto;
 }
 
-@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
-@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
-@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
+@-moz-keyframes spin {
+    100% {
+        -moz-transform: rotate(360deg);
+        transform: rotate(360deg);
+    }
+}
+
+@-webkit-keyframes spin {
+    100% {
+        -webkit-transform: rotate(360deg);
+        transform: rotate(360deg);
+    }
+}
+
+@keyframes spin {
+    100% {
+        -webkit-transform: rotate(360deg);
+        transform: rotate(360deg);
+    }
+}
+
 .osdMediaStatus .animate {
-    -webkit-animation:spin 4s linear infinite;
-    -moz-animation:spin 4s linear infinite;
-    animation:spin 4s linear infinite;
+    -webkit-animation: spin 4s linear infinite;
+    -moz-animation: spin 4s linear infinite;
+    animation: spin 4s linear infinite;
 }
 
 .pageContainer {
     top: 0;
-    position: fixed
+    position: fixed;
 }
 
-@media all and (max-width:30em) {
-
+@media all and (max-width: 30em) {
     .btnFastForward,
     .btnRewind,
     .osdMediaInfo,
     .osdPoster {
-        display: none !important
+        display: none !important;
     }
 }
 
-@media all and (max-width:33.75em) {
+@media all and (max-width: 33.75em) {
     .videoOsdBottom .paper-icon-button-light {
-        margin: 0
+        margin: 0;
     }
 }
 
-@media all and (max-width:43em) {
+@media all and (max-width: 43em) {
     .videoOsdBottom .volumeButtons,
     .osdMediaStatus span {
-        display: none !important
-    }
-}
-@media all and (max-width:50em) {
-    .videoOsdBottom .btnFastForward, .videoOsdBottom .btnRewind {
-        display: none !important
+        display: none !important;
     }
 }
 
-@media all and (max-width:75em) {
-    .videoOsdBottom .endsAtText {
-        display: none !important
+@media all and (max-width: 50em) {
+    .videoOsdBottom .btnFastForward,
+    .videoOsdBottom .btnRewind {
+        display: none !important;
+    }
+}
+
+@media all and (max-width: 75em) {
+    .videoOsdBottom .endsAtText {
+        display: none !important;
     }
 }

src/assets/img/devices/android.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M24 19H0a13.6 13.6 0 0 1 2.21-6.07A11.2 11.2 0 0 1 5.87 9.4l.41-.23-2.02-3.41a.51.51 0 0 1 .17-.7.5.5 0 0 1 .69.18l2.08 3.5a12.62 12.62 0 0 1 4.84-.9 12.2 12.2 0 0 1 4.75.9l2.07-3.5a.5.5 0 0 1 .7-.17.51.51 0 0 1 .16.7L17.7 9.19l.5.28a11.38 11.38 0 0 1 3.63 3.62A14.48 14.48 0 0 1 24 19zm-7.5-4.48a1 1 0 0 0 1 1 1 1 0 0 0 1-1 1 1 0 0 0-1-1 1 1 0 0 0-1 1zm-11 0a1 1 0 0 0 1 1 1 1 0 0 0 1-1 1 1 0 0 0-1-1 1 1 0 0 0-1 1z" fill="#fff"/>
+</svg>

src/assets/img/devices/kodi.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24" height="24" version="1.1" viewBox="0 0 6.35 6.35" xmlns="http://www.w3.org/2000/svg">
+    <g transform="translate(-36.173 -93.796)">
+        <g transform="matrix(.08 0 0 .08 40.527 88.485)">
+            <path d="m53.295 119.35v-39.688h79.375v79.375h-79.375z" fill="#fcfdfd" stroke-width=".26458"/>
+        </g>
+        <g transform="matrix(1.3761 0 0 1.3825 -26.63 -38.456)" fill="#fff">
+            <path transform="matrix(.08 0 0 .08 40.527 88.485)" d="m86.822 141.89c-4.738-4.7596-5.2168-5.3235-5.2168-6.1442 0-0.82158 0.47505-1.3787 5.2329-6.1365 4.7552-4.7552 5.3153-5.2329 6.1353-5.2329 0.81617 0 1.3676 0.46161 5.7678 4.8286 4.8692 4.8324 5.6182 5.7452 5.6182 6.8466 0 0.41218-1.5697 2.1641-5.2274 5.834-4.8206 4.8367-5.3 5.2449-6.1603 5.2449-0.86046 0-1.3378-0.40681-6.1497-5.2406zm22.168-12.455c-0.43656-0.27248-2.9071-2.6371-5.4901-5.2547-4.1957-4.2519-4.6964-4.8534-4.6964-5.6418 0-0.7938 0.52954-1.414 5.2644-6.1655 4.6582-4.6746 5.362-5.2829 6.1127-5.2829 0.75071 0 1.4546 0.60829 6.1127 5.2829 4.7729 4.7898 5.2644 5.3668 5.2644 6.1818 0 0.81542-0.48628 1.3851-5.2394 6.1382-5.6104 5.6104-5.7707 5.7142-7.3283 4.742zm-40.16-5.2731c-3.5636-3.5816-4.9518-5.1483-4.9518-5.5886 0-0.75745 9.3384-10.601 10.057-10.601 0.2584 0 0.54208 0.18833 0.63041 0.41851s0.1606 4.7624 0.1606 10.072c0 9.1098-0.10948 10.677-0.74606 10.677-0.10905 0-2.4266-2.2396-5.1501-4.9768zm13.2-1.5272c-0.08833-0.23018-0.1606-5.3558-0.1606-11.39 0-8.9734 0.06852-11.102 0.37621-11.686 0.20691-0.39296 2.447-2.7683 4.9781-5.2785 4.3226-4.2871 4.6624-4.5641 5.5987-4.5641 0.94583 0 1.2591 0.26717 6.1277 5.2255 4.658 4.7439 5.1315 5.3102 5.1376 6.1439 6e-3 0.85888-0.67407 1.6-10.506 11.443-5.782 5.7887-10.71 10.525-10.952 10.525s-0.51144-0.18833-0.59977-0.41852z" fill="#fff" stroke-width=".26458"/>
+        </g>
+    </g>
+</svg>

src/assets/img/fresh.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg id="svg3390" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="141.25" viewBox="0 0 138.75 141.25" width="138.75" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
+ <metadata id="metadata3396">
+  <rdf:RDF>
+   <cc:Work rdf:about="">
+    <dc:format>image/svg+xml</dc:format>
+    <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+    <dc:title/>
+   </cc:Work>
+  </rdf:RDF>
+ </metadata>
+ <g id="layer1" fill="#f93208">
+  <path id="path3412" d="m20.154 40.829c-28.149 27.622-13.657 61.011-5.734 71.931 35.254 41.954 92.792 25.339 111.89-5.9071 4.7608-8.2027 22.554-53.467-23.976-78.009z"/>
+  <path id="path3471" d="m39.613 39.265 4.7778-8.8607 28.406-5.0384 11.119 9.2082z"/>
+ </g>
+ <g id="layer2">
+  <path id="path3437" d="m39.436 8.5696 8.9682-5.2826 6.7569 15.479c3.7925-6.3226 13.79-16.316 24.939-4.6684-4.7281 1.2636-7.5161 3.8553-7.7397 8.4768 15.145-4.1697 31.343 3.2127 33.539 9.0911-10.951-4.314-27.695 10.377-41.771 2.334 0.009 15.045-12.617 16.636-19.902 17.076 2.077-4.996 5.591-9.994 1.474-14.987-7.618 8.171-13.874 10.668-33.17 4.668 4.876-1.679 14.843-11.39 24.448-11.425-6.775-2.467-12.29-2.087-17.814-1.475 2.917-3.961 12.149-15.197 28.625-8.476z" fill="#02902e"/>
+ </g>
+</svg>

src/assets/img/rotten.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="145" height="140"><path fill="#0fc755" d="M47.4 35.342c-13.607-7.935-12.32-25.203 2.097-31.88 26.124-6.531 29.117 13.78 22.652 30.412-6.542 24.11 18.095 23.662 19.925 10.067 3.605-18.412 19.394-26.695 31.67-16.359 12.598 12.135 7.074 36.581-17.827 34.187-16.03-1.545-19.552 19.585.839 21.183 32.228 1.915 42.49 22.167 31.04 35.865-15.993 15.15-37.691-4.439-45.512-19.505-6.8-9.307-17.321.11-13.423 6.502 12.983 19.465 2.923 31.229-10.906 30.62-13.37-.85-20.96-9.06-13.214-29.15 3.897-12.481-8.595-15.386-16.57-5.45-11.707 19.61-28.865 13.68-33.976 4.19-3.243-7.621-2.921-25.846 24.119-23.696 16.688 4.137 11.776-12.561-.63-13.633-9.245-.443-30.501-7.304-22.86-24.54 7.34-11.056 24.958-11.768 33.348 6.293 3.037 4.232 8.361 11.042 18.037 5.033 3.51-5.197 1.21-13.9-8.809-20.135z"/></svg>

src/availableplugins.html

@@ -5,4 +5,4 @@
             <div id="pluginTiles" style="text-align:left;"></div>
         </div>
     </div>
-</div>
+</div>

src/bower_components/alameda/alameda.js

@@ -1,419 +0,0 @@
-var requirejs, require, define;
-! function(global, Promise, undef) {
-    function commentReplace(match, singlePrefix) {
-        return singlePrefix || ""
-    }
-
-    function hasProp(obj, prop) {
-        return hasOwn.call(obj, prop)
-    }
-
-    function getOwn(obj, prop) {
-        return obj && hasProp(obj, prop) && obj[prop]
-    }
-
-    function obj() {
-        return Object.create(null)
-    }
-
-    function eachProp(obj, func) {
-        var prop;
-        for (prop in obj)
-            if (hasProp(obj, prop) && func(obj[prop], prop)) break
-    }
-
-    function mixin(target, source, force, deepStringMixin) {
-        return source && eachProp(source, function(value, prop) {
-            !force && hasProp(target, prop) || (!deepStringMixin || "object" != typeof value || !value || Array.isArray(value) || "function" == typeof value || value instanceof RegExp ? target[prop] = value : (target[prop] || (target[prop] = {}), mixin(target[prop], value, force, deepStringMixin)))
-        }), target
-    }
-
-    function getGlobal(value) {
-        if (!value) return value;
-        var g = global;
-        return value.split(".").forEach(function(part) {
-            g = g[part]
-        }), g
-    }
-
-    function newContext(contextName) {
-        function trimDots(ary) {
-            var i, part, length = ary.length;
-            for (i = 0; i < length; i++)
-                if ("." === (part = ary[i])) ary.splice(i, 1), i -= 1;
-                else if (".." === part) {
-                if (0 === i || 1 === i && ".." === ary[2] || ".." === ary[i - 1]) continue;
-                i > 0 && (ary.splice(i - 1, 2), i -= 2)
-            }
-        }
-
-        function normalize(name, baseName, applyMap) {
-            var mapValue, nameParts, i, j, nameSegment, lastIndex, foundMap, foundI, foundStarMap, starI, baseParts = baseName && baseName.split("/"),
-                normalizedBaseParts = baseParts,
-                map = config.map,
-                starMap = map && map["*"];
-            if (name && (name = name.split("/"), lastIndex = name.length - 1, config.nodeIdCompat && jsSuffixRegExp.test(name[lastIndex]) && (name[lastIndex] = name[lastIndex].replace(jsSuffixRegExp, "")), "." === name[0].charAt(0) && baseParts && (normalizedBaseParts = baseParts.slice(0, baseParts.length - 1), name = normalizedBaseParts.concat(name)), trimDots(name), name = name.join("/")), applyMap && map && (baseParts || starMap)) {
-                nameParts = name.split("/");
-                outerLoop: for (i = nameParts.length; i > 0; i -= 1) {
-                    if (nameSegment = nameParts.slice(0, i).join("/"), baseParts)
-                        for (j = baseParts.length; j > 0; j -= 1)
-                            if ((mapValue = getOwn(map, baseParts.slice(0, j).join("/"))) && (mapValue = getOwn(mapValue, nameSegment))) {
-                                foundMap = mapValue, foundI = i;
-                                break outerLoop
-                            }! foundStarMap && starMap && getOwn(starMap, nameSegment) && (foundStarMap = getOwn(starMap, nameSegment), starI = i)
-                }!foundMap && foundStarMap && (foundMap = foundStarMap, foundI = starI), foundMap && (nameParts.splice(0, foundI, foundMap), name = nameParts.join("/"))
-            }
-            return getOwn(config.pkgs, name) || name
-        }
-
-        function makeShimExports(value) {
-            function fn() {
-                var ret;
-                return value.init && (ret = value.init.apply(global, arguments)), ret || value.exports && getGlobal(value.exports)
-            }
-            return fn
-        }
-
-        function takeQueue(anonId) {
-            var i, id, args, shim;
-            for (i = 0; i < queue.length; i += 1) {
-                if ("string" != typeof queue[i][0]) {
-                    if (!anonId) break;
-                    queue[i].unshift(anonId), anonId = undef
-                }
-                args = queue.shift(), id = args[0], i -= 1, id in defined || id in waiting || (id in deferreds ? main.apply(undef, args) : waiting[id] = args)
-            }
-            anonId && (shim = getOwn(config.shim, anonId) || {}, main(anonId, shim.deps || [], shim.exportsFn))
-        }
-
-        function makeRequire(relName, topLevel) {
-            var req = function(deps, callback, errback, alt) {
-                var name, cfg;
-                if (topLevel && takeQueue(), "string" == typeof deps) {
-                    if (handlers[deps]) return handlers[deps](relName);
-                    if (!((name = makeMap(deps, relName, !0).id) in defined)) throw new Error("Not loaded: " + name);
-                    return defined[name]
-                }
-                return deps && !Array.isArray(deps) && (cfg = deps, deps = undef, Array.isArray(callback) && (deps = callback, callback = errback, errback = alt), topLevel) ? req.config(cfg)(deps, callback, errback) : (callback = callback || function() {
-                    return slice.call(arguments, 0)
-                }, asyncResolve.then(function() {
-                    return takeQueue(), main(undef, deps || [], callback, errback, relName)
-                }))
-            };
-            return req.isBrowser = "undefined" != typeof document && "undefined" != typeof navigator, req.nameToUrl = function(moduleName, ext, skipExt) {
-                var paths, syms, i, parentModule, url, parentPath, bundleId, pkgMain = getOwn(config.pkgs, moduleName);
-                if (pkgMain && (moduleName = pkgMain), bundleId = getOwn(bundlesMap, moduleName)) return req.nameToUrl(bundleId, ext, skipExt);
-                if (urlRegExp.test(moduleName)) url = moduleName + (ext || "");
-                else {
-                    for (paths = config.paths, syms = moduleName.split("/"), i = syms.length; i > 0; i -= 1)
-                        if (parentModule = syms.slice(0, i).join("/"), parentPath = getOwn(paths, parentModule)) {
-                            Array.isArray(parentPath) && (parentPath = parentPath[0]), syms.splice(0, i, parentPath);
-                            break
-                        } url = syms.join("/"), url += ext || (/^data\:|^blob\:|\?/.test(url) || skipExt ? "" : ".js"), url = ("/" === url.charAt(0) || url.match(/^[\w\+\.\-]+:/) ? "" : config.baseUrl) + url
-                }
-                return config.urlArgs && !/^blob\:/.test(url) ? url + config.urlArgs(moduleName, url) : url
-            }, req.toUrl = function(moduleNamePlusExt) {
-                var ext, index = moduleNamePlusExt.lastIndexOf("."),
-                    segment = moduleNamePlusExt.split("/")[0],
-                    isRelative = "." === segment || ".." === segment;
-                return -1 !== index && (!isRelative || index > 1) && (ext = moduleNamePlusExt.substring(index, moduleNamePlusExt.length), moduleNamePlusExt = moduleNamePlusExt.substring(0, index)), req.nameToUrl(normalize(moduleNamePlusExt, relName), ext, !0)
-            }, req.defined = function(id) {
-                return makeMap(id, relName, !0).id in defined
-            }, req.specified = function(id) {
-                return (id = makeMap(id, relName, !0).id) in defined || id in deferreds
-            }, req
-        }
-
-        function resolve(name, d, value) {
-            name && (defined[name] = value, requirejs.onResourceLoad && requirejs.onResourceLoad(context, d.map, d.deps)), d.finished = !0, d.resolve(value)
-        }
-
-        function reject(d, err) {
-            d.finished = !0, d.rejected = !0, d.reject(err)
-        }
-
-        function makeNormalize(relName) {
-            return function(name) {
-                return normalize(name, relName, !0)
-            }
-        }
-
-        function defineModule(d) {
-            d.factoryCalled = !0;
-            var ret, name = d.map.id;
-            try {
-                ret = context.execCb(name, d.factory, d.values, defined[name])
-            } catch (err) {
-                return reject(d, err)
-            }
-            name ? ret === undef && (d.cjsModule ? ret = d.cjsModule.exports : d.usingExports && (ret = defined[name])) : requireDeferreds.splice(requireDeferreds.indexOf(d), 1), resolve(name, d, ret)
-        }
-
-        function depFinished(val, i) {
-            this.rejected || this.depDefined[i] || (this.depDefined[i] = !0, this.depCount += 1, this.values[i] = val, this.depending || this.depCount !== this.depMax || defineModule(this))
-        }
-
-        function makeDefer(name, calculatedMap) {
-            var d = {};
-            return d.promise = new Promise(function(resolve, reject) {
-                d.resolve = resolve, d.reject = function(err) {
-                    name || requireDeferreds.splice(requireDeferreds.indexOf(d), 1), reject(err)
-                }
-            }), d.map = name ? calculatedMap || makeMap(name) : {}, d.depCount = 0, d.depMax = 0, d.values = [], d.depDefined = [], d.depFinished = depFinished, d.map.pr && (d.deps = [makeMap(d.map.pr)]), d
-        }
-
-        function getDefer(name, calculatedMap) {
-            var d;
-            return name ? (d = name in deferreds && deferreds[name]) || (d = deferreds[name] = makeDefer(name, calculatedMap)) : (d = makeDefer(), requireDeferreds.push(d)), d
-        }
-
-        function makeErrback(d, name) {
-            return function(err) {
-                d.rejected || (err.dynaId || (err.dynaId = "id" + (errCount += 1), err.requireModules = [name]), reject(d, err))
-            }
-        }
-
-        function waitForDep(depMap, relName, d, i) {
-            d.depMax += 1, callDep(depMap, relName).then(function(val) {
-                d.depFinished(val, i)
-            }, makeErrback(d, depMap.id)).catch(makeErrback(d, d.map.id))
-        }
-
-        function makeLoad(id) {
-            function load(value) {
-                fromTextCalled || resolve(id, getDefer(id), value)
-            }
-            var fromTextCalled;
-            return load.error = function(err) {
-                reject(getDefer(id), err)
-            }, load.fromText = function(text, textAlt) {
-                var execError, d = getDefer(id),
-                    map = makeMap(makeMap(id).n),
-                    plainId = map.id;
-                fromTextCalled = !0, d.factory = function(p, val) {
-                    return val
-                }, textAlt && (text = textAlt), hasProp(config.config, id) && (config.config[plainId] = config.config[id]);
-                try {
-                    req.exec(text)
-                } catch (e) {
-                    execError = new Error("fromText eval for " + plainId + " failed: " + e), execError.requireType = "fromtexteval", reject(d, execError)
-                }
-                takeQueue(plainId), d.deps = [map], waitForDep(map, null, d, d.deps.length)
-            }, load
-        }
-
-        function callPlugin(plugin, map, relName) {
-            plugin.load(map.n, makeRequire(relName), makeLoad(map.id), config)
-        }
-
-        function splitPrefix(name) {
-            var prefix, index = name ? name.indexOf("!") : -1;
-            return index > -1 && (prefix = name.substring(0, index), name = name.substring(index + 1, name.length)), [prefix, name]
-        }
-
-        function breakCycle(d, traced, processed) {
-            var id = d.map.id;
-            traced[id] = !0, !d.finished && d.deps && d.deps.forEach(function(depMap) {
-                var depId = depMap.id,
-                    dep = !hasProp(handlers, depId) && getDefer(depId, depMap);
-                !dep || dep.finished || processed[depId] || (hasProp(traced, depId) ? d.deps.forEach(function(depMap, i) {
-                    depMap.id === depId && d.depFinished(defined[depId], i)
-                }) : breakCycle(dep, traced, processed))
-            }), processed[id] = !0
-        }
-
-        function check(d) {
-            var err, mid, dfd, notFinished = [],
-                waitInterval = 1e3 * config.waitSeconds,
-                expired = waitInterval && startTime + waitInterval < (new Date).getTime();
-            if (0 === loadCount && (d ? d.finished || breakCycle(d, {}, {}) : requireDeferreds.length && requireDeferreds.forEach(function(d) {
-                    breakCycle(d, {}, {})
-                })), expired) {
-                for (mid in deferreds) dfd = deferreds[mid], dfd.finished || notFinished.push(dfd.map.id);
-                err = new Error("Timeout for modules: " + notFinished), err.requireModules = notFinished, err.requireType = "timeout", notFinished.forEach(function(id) {
-                    reject(getDefer(id), err)
-                })
-            } else(loadCount || requireDeferreds.length) && (checkingLater || (checkingLater = !0, setTimeout(function() {
-                checkingLater = !1, check()
-            }, 70)))
-        }
-
-        function delayedError(e) {
-            console.log(e.stack);
-            return setTimeout(function() {
-                e.dynaId && trackedErrors[e.dynaId] || (trackedErrors[e.dynaId] = !0, req.onError(e))
-            }), e
-        }
-        var req, main, makeMap, callDep, handlers, checkingLater, load, context, defined = obj(),
-            waiting = obj(),
-            config = {
-                waitSeconds: 7,
-                baseUrl: "./",
-                paths: {},
-                bundles: {},
-                pkgs: {},
-                shim: {},
-                config: {}
-            },
-            mapCache = obj(),
-            requireDeferreds = [],
-            deferreds = obj(),
-            calledDefine = obj(),
-            calledPlugin = obj(),
-            loadCount = 0,
-            startTime = (new Date).getTime(),
-            errCount = 0,
-            trackedErrors = obj(),
-            urlFetched = obj(),
-            bundlesMap = obj(),
-            asyncResolve = Promise.resolve(undefined);
-        return load = "function" == typeof importScripts ? function(map) {
-            var url = map.url;
-            urlFetched[url] || (urlFetched[url] = !0, getDefer(map.id), importScripts(url), takeQueue(map.id))
-        } : function(map) {
-            var script, id = map.id,
-                url = map.url;
-            urlFetched[url] || (urlFetched[url] = !0, script = document.createElement("script"), script.setAttribute("data-requiremodule", id), script.type = config.scriptType || "text/javascript", script.charset = "utf-8", script.async = !0, loadCount += 1, script.addEventListener("load", function() {
-                loadCount -= 1, takeQueue(id)
-            }, !1), script.addEventListener("error", function() {
-                loadCount -= 1;
-                var err, pathConfig = getOwn(config.paths, id);
-                if (pathConfig && Array.isArray(pathConfig) && pathConfig.length > 1) {
-                    script.parentNode.removeChild(script), pathConfig.shift();
-                    var d = getDefer(id);
-                    d.map = makeMap(id), d.map.url = req.nameToUrl(id), load(d.map)
-                } else err = new Error("Load failed: " + id + ": " + script.src), err.requireModules = [id], err.requireType = "scripterror", reject(getDefer(id), err)
-            }, !1), script.src = url, 10 === document.documentMode ? asap.then(function() {
-                document.head.appendChild(script)
-            }) : document.head.appendChild(script))
-        }, callDep = function(map, relName) {
-            var args, bundleId, name = map.id,
-                shim = config.shim[name];
-            if (name in waiting) args = waiting[name], delete waiting[name], main.apply(undef, args);
-            else if (!(name in deferreds))
-                if (map.pr) {
-                    if (!(bundleId = getOwn(bundlesMap, name))) return callDep(makeMap(map.pr)).then(function(plugin) {
-                        var newMap = map.prn ? map : makeMap(name, relName, !0),
-                            newId = newMap.id,
-                            shim = getOwn(config.shim, newId);
-                        return newId in calledPlugin || (calledPlugin[newId] = !0, shim && shim.deps ? req(shim.deps, function() {
-                            callPlugin(plugin, newMap, relName)
-                        }) : callPlugin(plugin, newMap, relName)), getDefer(newId).promise
-                    });
-                    map.url = req.nameToUrl(bundleId), load(map)
-                } else shim && shim.deps ? req(shim.deps, function() {
-                    load(map)
-                }) : load(map);
-            return getDefer(name).promise
-        }, makeMap = function(name, relName, applyMap) {
-            if ("string" != typeof name) return name;
-            var plugin, url, parts, prefix, result, prefixNormalized, cacheKey = name + " & " + (relName || "") + " & " + !!applyMap;
-            return parts = splitPrefix(name), prefix = parts[0], name = parts[1], !prefix && cacheKey in mapCache ? mapCache[cacheKey] : (prefix && (prefix = normalize(prefix, relName, applyMap), plugin = prefix in defined && defined[prefix]), prefix ? plugin && plugin.normalize ? (name = plugin.normalize(name, makeNormalize(relName)), prefixNormalized = !0) : name = -1 === name.indexOf("!") ? normalize(name, relName, applyMap) : name : (name = normalize(name, relName, applyMap), parts = splitPrefix(name), prefix = parts[0], name = parts[1], url = req.nameToUrl(name)), result = {
-                id: prefix ? prefix + "!" + name : name,
-                n: name,
-                pr: prefix,
-                url: url,
-                prn: prefix && prefixNormalized
-            }, prefix || (mapCache[cacheKey] = result), result)
-        }, handlers = {
-            require: function(name) {
-                return makeRequire(name)
-            },
-            exports: function(name) {
-                var e = defined[name];
-                return void 0 !== e ? e : defined[name] = {}
-            },
-            module: function(name) {
-                return {
-                    id: name,
-                    uri: "",
-                    exports: handlers.exports(name),
-                    config: function() {
-                        return getOwn(config.config, name) || {}
-                    }
-                }
-            }
-        }, main = function(name, deps, factory, errback, relName) {
-            if (name) {
-                if (name in calledDefine) return;
-                calledDefine[name] = !0
-            }
-            var d = getDefer(name);
-            return deps && !Array.isArray(deps) && (factory = deps, deps = []), deps = deps ? slice.call(deps, 0) : null, errback || (hasProp(config, "defaultErrback") ? config.defaultErrback && (errback = config.defaultErrback) : errback = delayedError), errback && d.promise.catch(errback), relName = relName || name, "function" == typeof factory ? (!deps.length && factory.length && (factory.toString().replace(commentRegExp, commentReplace).replace(cjsRequireRegExp, function(match, dep) {
-                deps.push(dep)
-            }), deps = (1 === factory.length ? ["require"] : ["require", "exports", "module"]).concat(deps)), d.factory = factory, d.deps = deps, d.depending = !0, deps.forEach(function(depName, i) {
-                var depMap;
-                deps[i] = depMap = makeMap(depName, relName, !0), depName = depMap.id, "require" === depName ? d.values[i] = handlers.require(name) : "exports" === depName ? (d.values[i] = handlers.exports(name), d.usingExports = !0) : "module" === depName ? d.values[i] = d.cjsModule = handlers.module(name) : void 0 === depName ? d.values[i] = void 0 : waitForDep(depMap, relName, d, i)
-            }), d.depending = !1, d.depCount === d.depMax && defineModule(d)) : name && resolve(name, d, factory), startTime = (new Date).getTime(), name || check(d), d.promise
-        }, req = makeRequire(null, !0), req.config = function(cfg) {
-            if (cfg.context && cfg.context !== contextName) {
-                var existingContext = getOwn(contexts, cfg.context);
-                return existingContext ? existingContext.req.config(cfg) : newContext(cfg.context).config(cfg)
-            }
-            if (mapCache = obj(), cfg.baseUrl && "/" !== cfg.baseUrl.charAt(cfg.baseUrl.length - 1) && (cfg.baseUrl += "/"), "string" == typeof cfg.urlArgs) {
-                var urlArgs = cfg.urlArgs;
-                cfg.urlArgs = function(id, url) {
-                    return (-1 === url.indexOf("?") ? "?" : "&") + urlArgs
-                }
-            }
-            var shim = config.shim,
-                objs = {
-                    paths: !0,
-                    bundles: !0,
-                    config: !0,
-                    map: !0
-                };
-            return eachProp(cfg, function(value, prop) {
-                objs[prop] ? (config[prop] || (config[prop] = {}), mixin(config[prop], value, !0, !0)) : config[prop] = value
-            }), cfg.bundles && eachProp(cfg.bundles, function(value, prop) {
-                value.forEach(function(v) {
-                    v !== prop && (bundlesMap[v] = prop)
-                })
-            }), cfg.shim && (eachProp(cfg.shim, function(value, id) {
-                Array.isArray(value) && (value = {
-                    deps: value
-                }), !value.exports && !value.init || value.exportsFn || (value.exportsFn = makeShimExports(value)), shim[id] = value
-            }), config.shim = shim), cfg.packages && cfg.packages.forEach(function(pkgObj) {
-                var location, name;
-                pkgObj = "string" == typeof pkgObj ? {
-                    name: pkgObj
-                } : pkgObj, name = pkgObj.name, location = pkgObj.location, location && (config.paths[name] = pkgObj.location), config.pkgs[name] = pkgObj.name + "/" + (pkgObj.main || "main").replace(currDirRegExp, "").replace(jsSuffixRegExp, "")
-            }), (cfg.deps || cfg.callback) && req(cfg.deps, cfg.callback), req
-        }, req.onError = function(err) {
-            throw err
-        }, context = {
-            id: contextName,
-            defined: defined,
-            waiting: waiting,
-            config: config,
-            deferreds: deferreds,
-            req: req,
-            execCb: function(name, callback, args, exports) {
-                return callback.apply(exports, args)
-            }
-        }, contexts[contextName] = context, req
-    }
-    if (!Promise) throw new Error("No Promise implementation available");
-    var topReq, dataMain, src, subPath, bootstrapConfig = requirejs || require,
-        hasOwn = Object.prototype.hasOwnProperty,
-        contexts = {},
-        queue = [],
-        currDirRegExp = /^\.\//,
-        urlRegExp = /^\/|\:|\?|\.js$/,
-        commentRegExp = /\/\*[\s\S]*?\*\/|([^:"'=]|^)\/\/.*$/gm,
-        cjsRequireRegExp = /[^.]\s*require\s*\(\s*["']([^'"\s]+)["']\s*\)/g,
-        jsSuffixRegExp = /\.js$/,
-        slice = Array.prototype.slice;
-    if ("function" != typeof requirejs) {
-        var asap = Promise.resolve(void 0);
-        requirejs = topReq = newContext("_"), "function" != typeof require && (require = topReq), topReq.exec = function(text) {
-            return eval(text)
-        }, topReq.contexts = contexts, define = function() {
-            queue.push(slice.call(arguments, 0))
-        }, define.amd = {
-            jQuery: !0
-        }, bootstrapConfig && topReq.config(bootstrapConfig), topReq.isBrowser && !contexts._.config.skipDataMain && (dataMain = document.querySelectorAll("script[data-main]")[0], (dataMain = dataMain && dataMain.getAttribute("data-main")) && (dataMain = dataMain.replace(jsSuffixRegExp, ""), bootstrapConfig && bootstrapConfig.baseUrl || -1 !== dataMain.indexOf("!") || (src = dataMain.split("/"), dataMain = src.pop(), subPath = src.length ? src.join("/") + "/" : "./", topReq.config({
-            baseUrl: subPath
-        })), topReq([dataMain])))
-    }
-}(this, "undefined" != typeof Promise ? Promise : void 0);

src/bower_components/apiclient/connectionmanager.js

@@ -1,747 +0,0 @@
-define(["events", "apiclient", "appStorage"], function(events, apiClientFactory, appStorage) {
-    "use strict";
-
-    function getServerAddress(server, mode) {
-        switch (mode) {
-            case ConnectionMode.Local:
-                return server.LocalAddress;
-            case ConnectionMode.Manual:
-                return server.ManualAddress;
-            case ConnectionMode.Remote:
-                return server.RemoteAddress;
-            default:
-                return server.ManualAddress || server.LocalAddress || server.RemoteAddress
-        }
-    }
-
-    function paramsToString(params) {
-        var values = [];
-        for (var key in params) {
-            var value = params[key];
-            null !== value && void 0 !== value && "" !== value && values.push(encodeURIComponent(key) + "=" + encodeURIComponent(value))
-        }
-        return values.join("&")
-    }
-
-    function resolveFailure(instance, resolve) {
-        resolve({
-            State: "Unavailable",
-            ConnectUser: instance.connectUser()
-        })
-    }
-
-    function mergeServers(credentialProvider, list1, list2) {
-        for (var i = 0, length = list2.length; i < length; i++) credentialProvider.addOrUpdateServer(list1, list2[i]);
-        return list1
-    }
-
-    function updateServerInfo(server, systemInfo) {
-        server.Name = systemInfo.ServerName, systemInfo.Id && (server.Id = systemInfo.Id), systemInfo.LocalAddress && (server.LocalAddress = systemInfo.LocalAddress)
-    }
-
-    function getEmbyServerUrl(baseUrl, handler) {
-        return baseUrl + "/" + handler
-    }
-
-    function getFetchPromise(request) {
-        var headers = request.headers || {};
-        "json" === request.dataType && (headers.accept = "application/json");
-        var fetchRequest = {
-                headers: headers,
-                method: request.type,
-                credentials: "same-origin"
-            },
-            contentType = request.contentType;
-        return request.data && ("string" == typeof request.data ? fetchRequest.body = request.data : (fetchRequest.body = paramsToString(request.data), contentType = contentType || "application/x-www-form-urlencoded; charset=UTF-8")), contentType && (headers["Content-Type"] = contentType), request.timeout ? fetchWithTimeout(request.url, fetchRequest, request.timeout) : fetch(request.url, fetchRequest)
-    }
-
-    function fetchWithTimeout(url, options, timeoutMs) {
-        return console.log("fetchWithTimeout: timeoutMs: " + timeoutMs + ", url: " + url), new Promise(function(resolve, reject) {
-            var timeout = setTimeout(reject, timeoutMs);
-            options = options || {}, options.credentials = "same-origin", fetch(url, options).then(function(response) {
-                clearTimeout(timeout), console.log("fetchWithTimeout: succeeded connecting to url: " + url), resolve(response)
-            }, function(error) {
-                clearTimeout(timeout), console.log("fetchWithTimeout: timed out connecting to url: " + url), reject()
-            })
-        })
-    }
-
-    function ajax(request) {
-        if (!request) throw new Error("Request cannot be null");
-        return request.headers = request.headers || {}, console.log("ConnectionManager requesting url: " + request.url), getFetchPromise(request).then(function(response) {
-            return console.log("ConnectionManager response status: " + response.status + ", url: " + request.url), response.status < 400 ? "json" === request.dataType || "application/json" === request.headers.accept ? response.json() : response : Promise.reject(response)
-        }, function(err) {
-            throw console.log("ConnectionManager request failed to url: " + request.url), err
-        })
-    }
-
-    function getConnectUrl(handler) {
-        return "https://connect.emby.media/service/" + handler
-    }
-
-    function replaceAll(originalString, strReplace, strWith) {
-        var reg = new RegExp(strReplace, "ig");
-        return originalString.replace(reg, strWith)
-    }
-
-    function normalizeAddress(address) {
-        return address = address.trim(), 0 !== address.toLowerCase().indexOf("http") && (address = "http://" + address), address = replaceAll(address, "Http:", "http:"), address = replaceAll(address, "Https:", "https:")
-    }
-
-    function stringEqualsIgnoreCase(str1, str2) {
-        return (str1 || "").toLowerCase() === (str2 || "").toLowerCase()
-    }
-
-    function compareVersions(a, b) {
-        a = a.split("."), b = b.split(".");
-        for (var i = 0, length = Math.max(a.length, b.length); i < length; i++) {
-            var aVal = parseInt(a[i] || "0"),
-                bVal = parseInt(b[i] || "0");
-            if (aVal < bVal) return -1;
-            if (aVal > bVal) return 1
-        }
-        return 0
-    }
-    var defaultTimeout = 2e4,
-        ConnectionMode = {
-            Local: 0,
-            Remote: 1,
-            Manual: 2
-        },
-        ConnectionManager = function(credentialProvider, appName, appVersion, deviceName, deviceId, capabilities, devicePixelRatio) {
-            function onConnectUserSignIn(user) {
-                connectUser = user, events.trigger(self, "connectusersignedin", [user])
-            }
-
-            function onAuthenticated(apiClient, result, options, saveCredentials) {
-                var credentials = credentialProvider.credentials(),
-                    servers = credentials.Servers.filter(function(s) {
-                        return s.Id === result.ServerId
-                    }),
-                    server = servers.length ? servers[0] : apiClient.serverInfo();
-                return !1 !== options.updateDateLastAccessed && (server.DateLastAccessed = (new Date).getTime()), server.Id = result.ServerId, saveCredentials ? (server.UserId = result.User.Id, server.AccessToken = result.AccessToken) : (server.UserId = null, server.AccessToken = null), credentialProvider.addOrUpdateServer(credentials.Servers, server), credentialProvider.credentials(credentials), apiClient.enableAutomaticBitrateDetection = options.enableAutomaticBitrateDetection, apiClient.serverInfo(server), afterConnected(apiClient, options), onLocalUserSignIn(server, apiClient.serverAddress(), result.User)
-            }
-
-            function afterConnected(apiClient, options) {
-                options = options || {}, !1 !== options.reportCapabilities && apiClient.reportCapabilities(capabilities), apiClient.enableAutomaticBitrateDetection = options.enableAutomaticBitrateDetection, !1 !== options.enableWebSocket && (console.log("calling apiClient.ensureWebSocket"), apiClient.ensureWebSocket())
-            }
-
-            function onLocalUserSignIn(server, serverUrl, user) {
-                return self._getOrAddApiClient(server, serverUrl), (self.onLocalUserSignedIn ? self.onLocalUserSignedIn.call(self, user) : Promise.resolve()).then(function() {
-                    events.trigger(self, "localusersignedin", [user])
-                })
-            }
-
-            function ensureConnectUser(credentials) {
-                return connectUser && connectUser.Id === credentials.ConnectUserId ? Promise.resolve() : credentials.ConnectUserId && credentials.ConnectAccessToken ? (connectUser = null, getConnectUser(credentials.ConnectUserId, credentials.ConnectAccessToken).then(function(user) {
-                    return onConnectUserSignIn(user), Promise.resolve()
-                }, function() {
-                    return Promise.resolve()
-                })) : Promise.resolve()
-            }
-
-            function getConnectUser(userId, accessToken) {
-                if (!userId) throw new Error("null userId");
-                if (!accessToken) throw new Error("null accessToken");
-                return ajax({
-                    type: "GET",
-                    url: "https://connect.emby.media/service/user?id=" + userId,
-                    dataType: "json",
-                    headers: {
-                        "X-Application": appName + "/" + appVersion,
-                        "X-Connect-UserToken": accessToken
-                    }
-                })
-            }
-
-            function addAuthenticationInfoFromConnect(server, serverUrl, credentials) {
-                if (!server.ExchangeToken) throw new Error("server.ExchangeToken cannot be null");
-                if (!credentials.ConnectUserId) throw new Error("credentials.ConnectUserId cannot be null");
-                var url = getEmbyServerUrl(serverUrl, "Connect/Exchange?format=json&ConnectUserId=" + credentials.ConnectUserId),
-                    auth = 'MediaBrowser Client="' + appName + '", Device="' + deviceName + '", DeviceId="' + deviceId + '", Version="' + appVersion + '"';
-                return ajax({
-                    type: "GET",
-                    url: url,
-                    dataType: "json",
-                    headers: {
-                        "X-MediaBrowser-Token": server.ExchangeToken,
-                        "X-Emby-Authorization": auth
-                    }
-                }).then(function(auth) {
-                    return server.UserId = auth.LocalUserId, server.AccessToken = auth.AccessToken, auth
-                }, function() {
-                    return server.UserId = null, server.AccessToken = null, Promise.reject()
-                })
-            }
-
-            function validateAuthentication(server, serverUrl) {
-                return ajax({
-                    type: "GET",
-                    url: getEmbyServerUrl(serverUrl, "System/Info"),
-                    dataType: "json",
-                    headers: {
-                        "X-MediaBrowser-Token": server.AccessToken
-                    }
-                }).then(function(systemInfo) {
-                    return updateServerInfo(server, systemInfo), Promise.resolve()
-                }, function() {
-                    return server.UserId = null, server.AccessToken = null, Promise.resolve()
-                })
-            }
-
-            function getImageUrl(localUser) {
-                if (connectUser && connectUser.ImageUrl) return {
-                    url: connectUser.ImageUrl
-                };
-                if (localUser && localUser.PrimaryImageTag) {
-                    return {
-                        url: self.getApiClient(localUser).getUserImageUrl(localUser.Id, {
-                            tag: localUser.PrimaryImageTag,
-                            type: "Primary"
-                        }),
-                        supportsParams: !0
-                    }
-                }
-                return {
-                    url: null,
-                    supportsParams: !1
-                }
-            }
-
-            function logoutOfServer(apiClient) {
-                var serverInfo = apiClient.serverInfo() || {},
-                    logoutInfo = {
-                        serverId: serverInfo.Id
-                    };
-                return apiClient.logout().then(function() {
-                    events.trigger(self, "localusersignedout", [logoutInfo])
-                }, function() {
-                    events.trigger(self, "localusersignedout", [logoutInfo])
-                })
-            }
-
-            function getConnectServers(credentials) {
-                return console.log("Begin getConnectServers"), credentials.ConnectAccessToken && credentials.ConnectUserId ? ajax({
-                    type: "GET",
-                    url: "https://connect.emby.media/service/servers?userId=" + credentials.ConnectUserId,
-                    dataType: "json",
-                    headers: {
-                        "X-Application": appName + "/" + appVersion,
-                        "X-Connect-UserToken": credentials.ConnectAccessToken
-                    }
-                }).then(function(servers) {
-                    return servers.map(function(i) {
-                        return {
-                            ExchangeToken: i.AccessKey,
-                            ConnectServerId: i.Id,
-                            Id: i.SystemId,
-                            Name: i.Name,
-                            RemoteAddress: i.Url,
-                            LocalAddress: i.LocalAddress,
-                            UserLinkType: "guest" === (i.UserType || "").toLowerCase() ? "Guest" : "LinkedUser"
-                        }
-                    })
-                }, function() {
-                    return credentials.Servers.slice(0).filter(function(s) {
-                        return s.ExchangeToken
-                    })
-                }) : Promise.resolve([])
-            }
-
-            function filterServers(servers, connectServers) {
-                return servers.filter(function(server) {
-                    return !server.ExchangeToken || connectServers.filter(function(connectServer) {
-                        return server.Id === connectServer.Id
-                    }).length > 0
-                })
-            }
-
-            function findServers() {
-                return new Promise(function(resolve, reject) {
-                    var onFinish = function(foundServers) {
-                        var servers = foundServers.map(function(foundServer) {
-                            var info = {
-                                Id: foundServer.Id,
-                                LocalAddress: convertEndpointAddressToManualAddress(foundServer) || foundServer.Address,
-                                Name: foundServer.Name
-                            };
-                            return info.LastConnectionMode = info.ManualAddress ? ConnectionMode.Manual : ConnectionMode.Local, info
-                        });
-                        resolve(servers)
-                    };
-
-                    if (window.NativeShell && typeof window.NativeShell.findServers === 'function') {
-                        window.NativeShell.findServers(1e3).then(onFinish, function() {
-                            onFinish([])
-                        });
-                    } else {
-                        resolve([]);
-                    }
-                });
-            }
-
-            function convertEndpointAddressToManualAddress(info) {
-                if (info.Address && info.EndpointAddress) {
-                    var address = info.EndpointAddress.split(":")[0],
-                        parts = info.Address.split(":");
-                    if (parts.length > 1) {
-                        var portString = parts[parts.length - 1];
-                        isNaN(parseInt(portString)) || (address += ":" + portString)
-                    }
-                    return normalizeAddress(address)
-                }
-                return null
-            }
-
-            function getTryConnectPromise(url, connectionMode, state, resolve, reject) {
-                console.log("getTryConnectPromise " + url), ajax({
-                    url: getEmbyServerUrl(url, "system/info/public"),
-                    timeout: defaultTimeout,
-                    type: "GET",
-                    dataType: "json"
-                }).then(function(result) {
-                    state.resolved || (state.resolved = !0, console.log("Reconnect succeeded to " + url), resolve({
-                        url: url,
-                        connectionMode: connectionMode,
-                        data: result
-                    }))
-                }, function() {
-                    state.resolved || (console.log("Reconnect failed to " + url), ++state.rejects >= state.numAddresses && reject())
-                })
-            }
-
-            function tryReconnect(serverInfo) {
-                var addresses = [],
-                    addressesStrings = [];
-                return !serverInfo.manualAddressOnly && serverInfo.LocalAddress && -1 === addressesStrings.indexOf(serverInfo.LocalAddress) && (addresses.push({
-                    url: serverInfo.LocalAddress,
-                    mode: ConnectionMode.Local,
-                    timeout: 0
-                }), addressesStrings.push(addresses[addresses.length - 1].url)), serverInfo.ManualAddress && -1 === addressesStrings.indexOf(serverInfo.ManualAddress) && (addresses.push({
-                    url: serverInfo.ManualAddress,
-                    mode: ConnectionMode.Manual,
-                    timeout: 100
-                }), addressesStrings.push(addresses[addresses.length - 1].url)), !serverInfo.manualAddressOnly && serverInfo.RemoteAddress && -1 === addressesStrings.indexOf(serverInfo.RemoteAddress) && (addresses.push({
-                    url: serverInfo.RemoteAddress,
-                    mode: ConnectionMode.Remote,
-                    timeout: 200
-                }), addressesStrings.push(addresses[addresses.length - 1].url)), console.log("tryReconnect: " + addressesStrings.join("|")), new Promise(function(resolve, reject) {
-                    var state = {};
-                    state.numAddresses = addresses.length, state.rejects = 0, addresses.map(function(url) {
-                        setTimeout(function() {
-                            state.resolved || getTryConnectPromise(url.url, url.mode, state, resolve, reject)
-                        }, url.timeout)
-                    })
-                })
-            }
-
-            function onSuccessfulConnection(server, systemInfo, connectionMode, serverUrl, options, resolve) {
-                var credentials = credentialProvider.credentials();
-                options = options || {}, credentials.ConnectAccessToken && !1 !== options.enableAutoLogin ? ensureConnectUser(credentials).then(function() {
-                    server.ExchangeToken ? addAuthenticationInfoFromConnect(server, serverUrl, credentials).then(function() {
-                        afterConnectValidated(server, credentials, systemInfo, connectionMode, serverUrl, !0, options, resolve)
-                    }, function() {
-                        afterConnectValidated(server, credentials, systemInfo, connectionMode, serverUrl, !0, options, resolve)
-                    }) : afterConnectValidated(server, credentials, systemInfo, connectionMode, serverUrl, !0, options, resolve)
-                }) : afterConnectValidated(server, credentials, systemInfo, connectionMode, serverUrl, !0, options, resolve)
-            }
-
-            function afterConnectValidated(server, credentials, systemInfo, connectionMode, serverUrl, verifyLocalAuthentication, options, resolve) {
-                if (options = options || {}, !1 === options.enableAutoLogin) server.UserId = null, server.AccessToken = null;
-                else if (verifyLocalAuthentication && server.AccessToken && !1 !== options.enableAutoLogin) return void validateAuthentication(server, serverUrl).then(function() {
-                    afterConnectValidated(server, credentials, systemInfo, connectionMode, serverUrl, !1, options, resolve)
-                });
-                updateServerInfo(server, systemInfo), server.LastConnectionMode = connectionMode, !1 !== options.updateDateLastAccessed && (server.DateLastAccessed = (new Date).getTime()), credentialProvider.addOrUpdateServer(credentials.Servers, server), credentialProvider.credentials(credentials);
-                var result = {
-                    Servers: []
-                };
-                result.ApiClient = self._getOrAddApiClient(server, serverUrl), result.ApiClient.setSystemInfo(systemInfo), result.State = server.AccessToken && !1 !== options.enableAutoLogin ? "SignedIn" : "ServerSignIn", result.Servers.push(server), result.ApiClient.enableAutomaticBitrateDetection = options.enableAutomaticBitrateDetection, result.ApiClient.updateServerInfo(server, serverUrl);
-                var resolveActions = function() {
-                    resolve(result), events.trigger(self, "connected", [result])
-                };
-                "SignedIn" === result.State ? (afterConnected(result.ApiClient, options), result.ApiClient.getCurrentUser().then(function(user) {
-                    onLocalUserSignIn(server, serverUrl, user).then(resolveActions, resolveActions)
-                }, resolveActions)) : resolveActions()
-            }
-
-            function getCacheKey(feature, apiClient, options) {
-                options = options || {};
-                var viewOnly = options.viewOnly,
-                    cacheKey = "regInfo-" + apiClient.serverId();
-                return viewOnly && (cacheKey += "-viewonly"), cacheKey
-            }
-
-            function addAppInfoToConnectRequest(request) {
-                request.headers = request.headers || {}, request.headers["X-Application"] = appName + "/" + appVersion
-            }
-
-            function exchangePin(pinInfo) {
-                if (!pinInfo) throw new Error("pinInfo cannot be null");
-                var request = {
-                    type: "POST",
-                    url: getConnectUrl("pin/authenticate"),
-                    data: {
-                        deviceId: pinInfo.DeviceId,
-                        pin: pinInfo.Pin
-                    },
-                    dataType: "json"
-                };
-                return addAppInfoToConnectRequest(request), ajax(request)
-            }
-            console.log("Begin ConnectionManager constructor");
-            var self = this;
-            this._apiClients = [];
-            var connectUser;
-            self.connectUser = function() {
-                return connectUser
-            }, self._minServerVersion = "3.2.33", self.appVersion = function() {
-                return appVersion
-            }, self.appName = function() {
-                return appName
-            }, self.capabilities = function() {
-                return capabilities
-            }, self.deviceId = function() {
-                return deviceId
-            }, self.credentialProvider = function() {
-                return credentialProvider
-            }, self.connectUserId = function() {
-                return credentialProvider.credentials().ConnectUserId
-            }, self.connectToken = function() {
-                return credentialProvider.credentials().ConnectAccessToken
-            }, self.getServerInfo = function(id) {
-                return credentialProvider.credentials().Servers.filter(function(s) {
-                    return s.Id === id
-                })[0]
-            }, self.getLastUsedServer = function() {
-                var servers = credentialProvider.credentials().Servers;
-                return servers.sort(function(a, b) {
-                    return (b.DateLastAccessed || 0) - (a.DateLastAccessed || 0)
-                }), servers.length ? servers[0] : null
-            }, self.addApiClient = function(apiClient) {
-                self._apiClients.push(apiClient);
-                var existingServers = credentialProvider.credentials().Servers.filter(function(s) {
-                        return stringEqualsIgnoreCase(s.ManualAddress, apiClient.serverAddress()) || stringEqualsIgnoreCase(s.LocalAddress, apiClient.serverAddress()) || stringEqualsIgnoreCase(s.RemoteAddress, apiClient.serverAddress())
-                    }),
-                    existingServer = existingServers.length ? existingServers[0] : apiClient.serverInfo();
-                if (existingServer.DateLastAccessed = (new Date).getTime(), existingServer.LastConnectionMode = ConnectionMode.Manual, existingServer.ManualAddress = apiClient.serverAddress(), apiClient.manualAddressOnly && (existingServer.manualAddressOnly = !0), apiClient.serverInfo(existingServer), apiClient.onAuthenticated = function(instance, result) {
-                        return onAuthenticated(instance, result, {}, !0)
-                    }, !existingServers.length) {
-                    var credentials = credentialProvider.credentials();
-                    credentials.Servers = [existingServer], credentialProvider.credentials(credentials)
-                }
-                events.trigger(self, "apiclientcreated", [apiClient])
-            }, self.clearData = function() {
-                console.log("connection manager clearing data"), connectUser = null;
-                var credentials = credentialProvider.credentials();
-                credentials.ConnectAccessToken = null, credentials.ConnectUserId = null, credentials.Servers = [], credentialProvider.credentials(credentials)
-            }, self._getOrAddApiClient = function(server, serverUrl) {
-                var apiClient = self.getApiClient(server.Id);
-                return apiClient || (apiClient = new apiClientFactory(serverUrl, appName, appVersion, deviceName, deviceId, devicePixelRatio), self._apiClients.push(apiClient), apiClient.serverInfo(server), apiClient.onAuthenticated = function(instance, result) {
-                    return onAuthenticated(instance, result, {}, !0)
-                }, events.trigger(self, "apiclientcreated", [apiClient])), console.log("returning instance from getOrAddApiClient"), apiClient
-            }, self.getOrCreateApiClient = function(serverId) {
-                var credentials = credentialProvider.credentials(),
-                    servers = credentials.Servers.filter(function(s) {
-                        return stringEqualsIgnoreCase(s.Id, serverId)
-                    });
-                if (!servers.length) throw new Error("Server not found: " + serverId);
-                var server = servers[0];
-                return self._getOrAddApiClient(server, getServerAddress(server, server.LastConnectionMode))
-            }, self.user = function(apiClient) {
-                return new Promise(function(resolve, reject) {
-                    function onLocalUserDone(e) {
-                        var image = getImageUrl(localUser);
-                        resolve({
-                            localUser: localUser,
-                            name: connectUser ? connectUser.Name : localUser ? localUser.Name : null,
-                            imageUrl: image.url,
-                            supportsImageParams: image.supportsParams,
-                            connectUser: connectUser
-                        })
-                    }
-
-                    function onEnsureConnectUserDone() {
-                        apiClient && apiClient.getCurrentUserId() ? apiClient.getCurrentUser().then(function(u) {
-                            localUser = u, onLocalUserDone()
-                        }, onLocalUserDone) : onLocalUserDone()
-                    }
-                    var localUser, credentials = credentialProvider.credentials();
-                    !credentials.ConnectUserId || !credentials.ConnectAccessToken || apiClient && apiClient.getCurrentUserId() ? onEnsureConnectUserDone() : ensureConnectUser(credentials).then(onEnsureConnectUserDone, onEnsureConnectUserDone)
-                })
-            }, self.logout = function() {
-                console.log("begin connectionManager loguot");
-                for (var promises = [], i = 0, length = self._apiClients.length; i < length; i++) {
-                    var apiClient = self._apiClients[i];
-                    apiClient.accessToken() && promises.push(logoutOfServer(apiClient))
-                }
-                return Promise.all(promises).then(function() {
-                    for (var credentials = credentialProvider.credentials(), servers = credentials.Servers.filter(function(u) {
-                            return "Guest" !== u.UserLinkType
-                        }), j = 0, numServers = servers.length; j < numServers; j++) {
-                        var server = servers[j];
-                        server.UserId = null, server.AccessToken = null, server.ExchangeToken = null
-                    }
-                    credentials.Servers = servers, credentials.ConnectAccessToken = null, credentials.ConnectUserId = null, credentialProvider.credentials(credentials), connectUser && (connectUser = null, events.trigger(self, "connectusersignedout"))
-                })
-            }, self.getSavedServers = function() {
-                var credentials = credentialProvider.credentials(),
-                    servers = credentials.Servers.slice(0);
-                return servers.sort(function(a, b) {
-                    return (b.DateLastAccessed || 0) - (a.DateLastAccessed || 0)
-                }), servers
-            }, self.getAvailableServers = function() {
-                console.log("Begin getAvailableServers");
-                var credentials = credentialProvider.credentials();
-                return Promise.all([getConnectServers(credentials), findServers()]).then(function(responses) {
-                    var connectServers = responses[0],
-                        foundServers = responses[1],
-                        servers = credentials.Servers.slice(0);
-                    return mergeServers(credentialProvider, servers, foundServers), mergeServers(credentialProvider, servers, connectServers), servers = filterServers(servers, connectServers), servers.sort(function(a, b) {
-                        return (b.DateLastAccessed || 0) - (a.DateLastAccessed || 0)
-                    }), credentials.Servers = servers, credentialProvider.credentials(credentials), servers
-                })
-            }, self.connectToServers = function(servers, options) {
-                console.log("Begin connectToServers, with " + servers.length + " servers");
-                var firstServer = servers.length ? servers[0] : null;
-                return firstServer ? self.connectToServer(firstServer, options).then(function(result) {
-                    return "Unavailable" === result.State && (result.State = "ServerSelection"), console.log("resolving connectToServers with result.State: " + result.State), result
-                }) : Promise.resolve({
-                    Servers: servers,
-                    State: servers.length || self.connectUser() ? "ServerSelection" : "ConnectSignIn",
-                    ConnectUser: self.connectUser()
-                })
-            }, self.connectToServer = function(server, options) {
-                return console.log("begin connectToServer"), new Promise(function(resolve, reject) {
-                    options = options || {}, tryReconnect(server).then(function(result) {
-                        var serverUrl = result.url,
-                            connectionMode = result.connectionMode;
-                        result = result.data, 1 === compareVersions(self.minServerVersion(), result.Version) ? (console.log("minServerVersion requirement not met. Server version: " + result.Version), resolve({
-                            State: "ServerUpdateNeeded",
-                            Servers: [server]
-                        })) : server.Id && result.Id !== server.Id ? (console.log("http request succeeded, but found a different server Id than what was expected"), resolveFailure(self, resolve)) : onSuccessfulConnection(server, result, connectionMode, serverUrl, options, resolve)
-                    }, function() {
-                        resolveFailure(self, resolve)
-                    })
-                })
-            }, self.connectToAddress = function(address, options) {
-                function onFail() {
-                    return console.log("connectToAddress " + address + " failed"), Promise.resolve({
-                        State: "Unavailable",
-                        ConnectUser: instance.connectUser()
-                    })
-                }
-                if (!address) return Promise.reject();
-                address = normalizeAddress(address);
-                var instance = this,
-                    server = {
-                        ManualAddress: address,
-                        LastConnectionMode: ConnectionMode.Manual
-                    };
-                return self.connectToServer(server, options).catch(onFail)
-            }, self.loginToConnect = function(username, password) {
-                return username && password ? ajax({
-                    type: "POST",
-                    url: "https://connect.emby.media/service/user/authenticate",
-                    data: {
-                        nameOrEmail: username,
-                        rawpw: password
-                    },
-                    dataType: "json",
-                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
-                    headers: {
-                        "X-Application": appName + "/" + appVersion
-                    }
-                }).then(function(result) {
-                    var credentials = credentialProvider.credentials();
-                    return credentials.ConnectAccessToken = result.AccessToken, credentials.ConnectUserId = result.User.Id, credentialProvider.credentials(credentials), onConnectUserSignIn(result.User), result
-                }) : Promise.reject()
-            }, self.signupForConnect = function(options) {
-                var email = options.email,
-                    username = options.username,
-                    password = options.password,
-                    passwordConfirm = options.passwordConfirm;
-                if (!email) return Promise.reject({
-                    errorCode: "invalidinput"
-                });
-                if (!username) return Promise.reject({
-                    errorCode: "invalidinput"
-                });
-                if (!password) return Promise.reject({
-                    errorCode: "invalidinput"
-                });
-                if (!passwordConfirm) return Promise.reject({
-                    errorCode: "passwordmatch"
-                });
-                if (password !== passwordConfirm) return Promise.reject({
-                    errorCode: "passwordmatch"
-                });
-                var data = {
-                    email: email,
-                    userName: username,
-                    rawpw: password
-                };
-                return options.grecaptcha && (data.grecaptcha = options.grecaptcha), ajax({
-                    type: "POST",
-                    url: "https://connect.emby.media/service/register",
-                    data: data,
-                    dataType: "json",
-                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
-                    headers: {
-                        "X-Application": appName + "/" + appVersion,
-                        "X-CONNECT-TOKEN": "CONNECT-REGISTER"
-                    }
-                }).catch(function(response) {
-                    try {
-                        return response.json()
-                    } catch (err) {
-                        throw err
-                    }
-                }).then(function(result) {
-                    if (result && result.Status) return "SUCCESS" === result.Status ? Promise.resolve(result) : Promise.reject({
-                        errorCode: result.Status
-                    });
-                    Promise.reject()
-                })
-            }, self.getUserInvitations = function() {
-                var connectToken = self.connectToken();
-                if (!connectToken) throw new Error("null connectToken");
-                if (!self.connectUserId()) throw new Error("null connectUserId");
-                return ajax({
-                    type: "GET",
-                    url: "https://connect.emby.media/service/servers?userId=" + self.connectUserId() + "&status=Waiting",
-                    dataType: "json",
-                    headers: {
-                        "X-Connect-UserToken": connectToken,
-                        "X-Application": appName + "/" + appVersion
-                    }
-                })
-            }, self.deleteServer = function(serverId) {
-                if (!serverId) throw new Error("null serverId");
-                var server = credentialProvider.credentials().Servers.filter(function(s) {
-                    return s.Id === serverId
-                });
-                return server = server.length ? server[0] : null, new Promise(function(resolve, reject) {
-                    function onDone() {
-                        var credentials = credentialProvider.credentials();
-                        credentials.Servers = credentials.Servers.filter(function(s) {
-                            return s.Id !== serverId
-                        }), credentialProvider.credentials(credentials), resolve()
-                    }
-                    if (!server.ConnectServerId) return void onDone();
-                    var connectToken = self.connectToken(),
-                        connectUserId = self.connectUserId();
-                    if (!connectToken || !connectUserId) return void onDone();
-                    ajax({
-                        type: "DELETE",
-                        url: "https://connect.emby.media/service/serverAuthorizations?serverId=" + server.ConnectServerId + "&userId=" + connectUserId,
-                        headers: {
-                            "X-Connect-UserToken": connectToken,
-                            "X-Application": appName + "/" + appVersion
-                        }
-                    }).then(onDone, onDone)
-                })
-            }, self.rejectServer = function(serverId) {
-                var connectToken = self.connectToken();
-                if (!serverId) throw new Error("null serverId");
-                if (!connectToken) throw new Error("null connectToken");
-                if (!self.connectUserId()) throw new Error("null connectUserId");
-                var url = "https://connect.emby.media/service/serverAuthorizations?serverId=" + serverId + "&userId=" + self.connectUserId();
-                return fetch(url, {
-                    method: "DELETE",
-                    headers: {
-                        "X-Connect-UserToken": connectToken,
-                        "X-Application": appName + "/" + appVersion
-                    }
-                })
-            }, self.acceptServer = function(serverId) {
-                var connectToken = self.connectToken();
-                if (!serverId) throw new Error("null serverId");
-                if (!connectToken) throw new Error("null connectToken");
-                if (!self.connectUserId()) throw new Error("null connectUserId");
-                return ajax({
-                    type: "GET",
-                    url: "https://connect.emby.media/service/ServerAuthorizations/accept?serverId=" + serverId + "&userId=" + self.connectUserId(),
-                    headers: {
-                        "X-Connect-UserToken": connectToken,
-                        "X-Application": appName + "/" + appVersion
-                    }
-                })
-            }, self.resetRegistrationInfo = function(apiClient) {
-                var cacheKey = getCacheKey("themes", apiClient, {
-                    viewOnly: !0
-                });
-                appStorage.removeItem(cacheKey), cacheKey = getCacheKey("themes", apiClient, {
-                    viewOnly: !1
-                }), appStorage.removeItem(cacheKey)
-            }, self.getRegistrationInfo = function(feature, apiClient, options) {
-                var cacheKey = getCacheKey(feature, apiClient, options);
-                appStorage.setItem(cacheKey, JSON.stringify({
-                    lastValidDate: new Date().getTime(),
-                    deviceId: self.deviceId()
-                }));
-                return Promise.resolve();
-            }, self.createPin = function() {
-                var request = {
-                    type: "POST",
-                    url: getConnectUrl("pin"),
-                    data: {
-                        deviceId: deviceId
-                    },
-                    dataType: "json"
-                };
-                return addAppInfoToConnectRequest(request), ajax(request)
-            }, self.getPinStatus = function(pinInfo) {
-                if (!pinInfo) throw new Error("pinInfo cannot be null");
-                var queryString = {
-                        deviceId: pinInfo.DeviceId,
-                        pin: pinInfo.Pin
-                    },
-                    request = {
-                        type: "GET",
-                        url: getConnectUrl("pin") + "?" + paramsToString(queryString),
-                        dataType: "json"
-                    };
-                return addAppInfoToConnectRequest(request), ajax(request)
-            }, self.exchangePin = function(pinInfo) {
-                if (!pinInfo) throw new Error("pinInfo cannot be null");
-                return exchangePin(pinInfo).then(function(result) {
-                    var credentials = credentialProvider.credentials();
-                    return credentials.ConnectAccessToken = result.AccessToken, credentials.ConnectUserId = result.UserId, credentialProvider.credentials(credentials), ensureConnectUser(credentials)
-                })
-            }
-        };
-    return ConnectionManager.prototype.connect = function(options) {
-        console.log("Begin connect");
-        var instance = this;
-        return instance.getAvailableServers().then(function(servers) {
-            return instance.connectToServers(servers, options)
-        })
-    }, ConnectionManager.prototype.isLoggedIntoConnect = function() {
-        return !(!this.connectToken() || !this.connectUserId())
-    }, ConnectionManager.prototype.getApiClients = function() {
-        for (var servers = this.getSavedServers(), i = 0, length = servers.length; i < length; i++) {
-            var server = servers[i];
-            server.Id && this._getOrAddApiClient(server, getServerAddress(server, server.LastConnectionMode))
-        }
-        return this._apiClients
-    }, ConnectionManager.prototype.getApiClient = function(item) {
-        if (!item) throw new Error("item or serverId cannot be null");
-        return item.ServerId && (item = item.ServerId), this._apiClients.filter(function(a) {
-            var serverInfo = a.serverInfo();
-            return !serverInfo || serverInfo.Id === item
-        })[0]
-    }, ConnectionManager.prototype.minServerVersion = function(val) {
-        return val && (this._minServerVersion = val), this._minServerVersion
-    }, ConnectionManager.prototype.handleMessageReceived = function(msg) {
-        var serverId = msg.ServerId;
-        if (serverId) {
-            var apiClient = this.getApiClient(serverId);
-            if (apiClient) {
-                if ("string" == typeof msg.Data) try {
-                    msg.Data = JSON.parse(msg.Data)
-                } catch (err) {}
-                apiClient.handleMessageReceived(msg)
-            }
-        }
-    }, ConnectionManager
-});

src/bower_components/apiclient/sync/multiserversync.js

@@ -1,22 +0,0 @@
-define(["serversync"], function(ServerSync) {
-    "use strict";
-
-    function syncNext(connectionManager, servers, index, options, resolve, reject) {
-        var length = servers.length;
-        if (index >= length) return console.log("MultiServerSync.sync complete"), void resolve();
-        var server = servers[index];
-        console.log("Creating ServerSync to server: " + server.Id), (new ServerSync).sync(connectionManager, server, options).then(function() {
-            console.log("ServerSync succeeded to server: " + server.Id), syncNext(connectionManager, servers, index + 1, options, resolve, reject)
-        }, function(err) {
-            console.log("ServerSync failed to server: " + server.Id + ". " + err), syncNext(connectionManager, servers, index + 1, options, resolve, reject)
-        })
-    }
-
-    function MultiServerSync() {}
-    return MultiServerSync.prototype.sync = function(connectionManager, options) {
-        return console.log("MultiServerSync.sync starting..."), new Promise(function(resolve, reject) {
-            var servers = connectionManager.getSavedServers();
-            syncNext(connectionManager, servers, 0, options, resolve, reject)
-        })
-    }, MultiServerSync
-});

src/bower_components/document-register-element/basic.html

@@ -1,12 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <title>testing my-element</title>
-  <script src="build/document-register-element.js"></script>
-  <script src="test/my-element.js"></script>
-</head>
-<body>
-  <my-element>
-    some content
-  </my-element>
-</body>

src/bower_components/document-register-element/build/document-register-element.js

@@ -1,246 +0,0 @@
-/*! (C) WebReflection Mit Style License */
-(function(e, t, n, r) {
-    "use strict";
-
-    function rt(e, t) {
-        for (var n = 0, r = e.length; n < r; n++) vt(e[n], t)
-    }
-
-    function it(e) {
-        for (var t = 0, n = e.length, r; t < n; t++) r = e[t], nt(r, b[ot(r)])
-    }
-
-    function st(e) {
-        return function(t) {
-            j(t) && (vt(t, e), rt(t.querySelectorAll(w), e))
-        }
-    }
-
-    function ot(e) {
-        var t = e.getAttribute("is"),
-            n = e.nodeName.toUpperCase(),
-            r = S.call(y, t ? v + t.toUpperCase() : d + n);
-        return t && -1 < r && !ut(n, t) ? -1 : r
-    }
-
-    function ut(e, t) {
-        return -1 < w.indexOf(e + '[is="' + t + '"]')
-    }
-
-    function at(e) {
-        var t = e.currentTarget,
-            n = e.attrChange,
-            r = e.attrName,
-            i = e.target;
-        Q && (!i || i === t) && t.attributeChangedCallback && r !== "style" && e.prevValue !== e.newValue && t.attributeChangedCallback(r, n === e[a] ? null : e.prevValue, n === e[l] ? null : e.newValue)
-    }
-
-    function ft(e) {
-        var t = st(e);
-        return function(e) {
-            X.push(t, e.target)
-        }
-    }
-
-    function lt(e) {
-        K && (K = !1, e.currentTarget.removeEventListener(h, lt)), rt((e.target || t).querySelectorAll(w), e.detail === o ? o : s), B && pt()
-    }
-
-    function ct(e, t) {
-        var n = this;
-        q.call(n, e, t), G.call(n, {
-            target: n
-        })
-    }
-
-    function ht(e, t) {
-        D(e, t), et ? et.observe(e, z) : (J && (e.setAttribute = ct, e[i] = Z(e), e.addEventListener(p, G)), e.addEventListener(c, at)), e.createdCallback && Q && (e.created = !0, e.createdCallback(), e.created = !1)
-    }
-
-    function pt() {
-        for (var e, t = 0, n = F.length; t < n; t++) e = F[t], E.contains(e) || (n--, F.splice(t--, 1), vt(e, o))
-    }
-
-    function dt(e) {
-        throw new Error("A " + e + " type is already registered")
-    }
-
-    function vt(e, t) {
-        var n, r = ot(e); - 1 < r && (tt(e, b[r]), r = 0, t === s && !e[s] ? (e[o] = !1, e[s] = !0, r = 1, B && S.call(F, e) < 0 && F.push(e)) : t === o && !e[o] && (e[s] = !1, e[o] = !0, r = 1), r && (n = e[t + "Callback"]) && n.call(e))
-    }
-    if (r in t) return;
-    var i = "__" + r + (Math.random() * 1e5 >> 0),
-        s = "attached",
-        o = "detached",
-        u = "extends",
-        a = "ADDITION",
-        f = "MODIFICATION",
-        l = "REMOVAL",
-        c = "DOMAttrModified",
-        h = "DOMContentLoaded",
-        p = "DOMSubtreeModified",
-        d = "<",
-        v = "=",
-        m = /^[A-Z][A-Z0-9]*(?:-[A-Z0-9]+)+$/,
-        g = ["ANNOTATION-XML", "COLOR-PROFILE", "FONT-FACE", "FONT-FACE-SRC", "FONT-FACE-URI", "FONT-FACE-FORMAT", "FONT-FACE-NAME", "MISSING-GLYPH"],
-        y = [],
-        b = [],
-        w = "",
-        E = t.documentElement,
-        S = y.indexOf || function(e) {
-            for (var t = this.length; t-- && this[t] !== e;);
-            return t
-        },
-        x = n.prototype,
-        T = x.hasOwnProperty,
-        N = x.isPrototypeOf,
-        C = n.defineProperty,
-        k = n.getOwnPropertyDescriptor,
-        L = n.getOwnPropertyNames,
-        A = n.getPrototypeOf,
-        O = n.setPrototypeOf,
-        M = !!n.__proto__,
-        _ = n.create || function mt(e) {
-            return e ? (mt.prototype = e, new mt) : this
-        },
-        D = O || (M ? function(e, t) {
-            return e.__proto__ = t, e
-        } : L && k ? function() {
-            function e(e, t) {
-                for (var n, r = L(t), i = 0, s = r.length; i < s; i++) n = r[i], T.call(e, n) || C(e, n, k(t, n))
-            }
-            return function(t, n) {
-                do e(t, n); while ((n = A(n)) && !N.call(n, t));
-                return t
-            }
-        }() : function(e, t) {
-            for (var n in t) e[n] = t[n];
-            return e
-        }),
-        P = e.MutationObserver || e.WebKitMutationObserver,
-        H = (e.HTMLElement || e.Element || e.Node).prototype,
-        B = !N.call(H, E),
-        j = B ? function(e) {
-            return e.nodeType === 1
-        } : function(e) {
-            return N.call(H, e)
-        },
-        F = B && [],
-        I = H.cloneNode,
-        q = H.setAttribute,
-        R = H.removeAttribute,
-        U = t.createElement,
-        z = P && {
-            attributes: !0,
-            characterData: !0,
-            attributeOldValue: !0
-        },
-        W = P || function(e) {
-            J = !1, E.removeEventListener(c, W)
-        },
-        X, V = e.requestAnimationFrame || e.webkitRequestAnimationFrame || e.mozRequestAnimationFrame || e.msRequestAnimationFrame || function(e) {
-            setTimeout(e, 10)
-        },
-        $ = !1,
-        J = !0,
-        K = !0,
-        Q = !0,
-        G, Y, Z, et, tt, nt;
-    O || M ? (tt = function(e, t) {
-        N.call(t, e) || ht(e, t)
-    }, nt = ht) : (tt = function(e, t) {
-        e[i] || (e[i] = n(!0), ht(e, t))
-    }, nt = tt), B ? (J = !1, function() {
-        var e = k(H, "addEventListener"),
-            t = e.value,
-            n = function(e) {
-                var t = new CustomEvent(c, {
-                    bubbles: !0
-                });
-                t.attrName = e, t.prevValue = this.getAttribute(e), t.newValue = null, t[l] = t.attrChange = 2, R.call(this, e), this.dispatchEvent(t)
-            },
-            r = function(e, t) {
-                var n = this.hasAttribute(e),
-                    r = n && this.getAttribute(e),
-                    i = new CustomEvent(c, {
-                        bubbles: !0
-                    });
-                q.call(this, e, t), i.attrName = e, i.prevValue = n ? r : null, i.newValue = t, n ? i[f] = i.attrChange = 1 : i[a] = i.attrChange = 0, this.dispatchEvent(i)
-            },
-            s = function(e) {
-                var t = e.currentTarget,
-                    n = t[i],
-                    r = e.propertyName,
-                    s;
-                n.hasOwnProperty(r) && (n = n[r], s = new CustomEvent(c, {
-                    bubbles: !0
-                }), s.attrName = n.name, s.prevValue = n.value || null, s.newValue = n.value = t[r] || null, s.prevValue == null ? s[a] = s.attrChange = 0 : s[f] = s.attrChange = 1, t.dispatchEvent(s))
-            };
-        e.value = function(e, o, u) {
-            e === c && this.attributeChangedCallback && this.setAttribute !== r && (this[i] = {
-                className: {
-                    name: "class",
-                    value: this.className
-                }
-            }, this.setAttribute = r, this.removeAttribute = n, t.call(this, "propertychange", s)), t.call(this, e, o, u)
-        }, C(H, "addEventListener", e)
-    }()) : P || (E.addEventListener(c, W), E.setAttribute(i, 1), E.removeAttribute(i), J && (G = function(e) {
-        var t = this,
-            n, r, s;
-        if (t === e.target) {
-            n = t[i], t[i] = r = Z(t);
-            for (s in r) {
-                if (!(s in n)) return Y(0, t, s, n[s], r[s], a);
-                if (r[s] !== n[s]) return Y(1, t, s, n[s], r[s], f)
-            }
-            for (s in n)
-                if (!(s in r)) return Y(2, t, s, n[s], r[s], l)
-        }
-    }, Y = function(e, t, n, r, i, s) {
-        var o = {
-            attrChange: e,
-            currentTarget: t,
-            attrName: n,
-            prevValue: r,
-            newValue: i
-        };
-        o[s] = e, at(o)
-    }, Z = function(e) {
-        for (var t, n, r = {}, i = e.attributes, s = 0, o = i.length; s < o; s++) t = i[s], n = t.name, n !== "setAttribute" && (r[n] = t.value);
-        return r
-    })), t[r] = function(n, r) {
-        c = n.toUpperCase(), $ || ($ = !0, P ? (et = function(e, t) {
-            function n(e, t) {
-                for (var n = 0, r = e.length; n < r; t(e[n++]));
-            }
-            return new P(function(r) {
-                for (var i, s, o, u = 0, a = r.length; u < a; u++) i = r[u], i.type === "childList" ? (n(i.addedNodes, e), n(i.removedNodes, t)) : (s = i.target, Q && s.attributeChangedCallback && i.attributeName !== "style" && (o = s.getAttribute(i.attributeName), o !== i.oldValue && s.attributeChangedCallback(i.attributeName, i.oldValue, o)))
-            })
-        }(st(s), st(o)), et.observe(t, {
-            childList: !0,
-            subtree: !0
-        })) : (X = [], V(function E() {
-            while (X.length) X.shift().call(null, X.shift());
-            V(E)
-        }), t.addEventListener("DOMNodeInserted", ft(s)), t.addEventListener("DOMNodeRemoved", ft(o))), t.addEventListener(h, lt), t.addEventListener("readystatechange", lt), t.createElement = function(e, n) {
-            var r = U.apply(t, arguments),
-                i = "" + e,
-                s = S.call(y, (n ? v : d) + (n || i).toUpperCase()),
-                o = -1 < s;
-            return n && (r.setAttribute("is", n = n.toLowerCase()), o && (o = ut(i.toUpperCase(), n))), Q = !t.createElement.innerHTMLHelper, o && nt(r, b[s]), r
-        }, H.cloneNode = function(e) {
-            var t = I.call(this, !!e),
-                n = ot(t);
-            return -1 < n && nt(t, b[n]), e && it(t.querySelectorAll(w)), t
-        }), -2 < S.call(y, v + c) + S.call(y, d + c) && dt(n);
-        if (!m.test(c) || -1 < S.call(g, c)) throw new Error("The type " + n + " is invalid");
-        var i = function() {
-                return f ? t.createElement(l, c) : t.createElement(l)
-            },
-            a = r || x,
-            f = T.call(a, u),
-            l = f ? r[u].toUpperCase() : c,
-            c, p;
-        return f && -1 < S.call(y, d + l) && dt(l), p = y.push((f ? v : d) + c) - 1, w = w.concat(w.length ? "," : "", f ? l + '[is="' + n.toLowerCase() + '"]' : l), i.prototype = b[p] = T.call(a, "prototype") ? a.prototype : _(H), rt(t.querySelectorAll(w), s), i
-    }
-})(window, document, Object, "registerElement");

src/bower_components/fetch/fetch.js

@@ -1,263 +0,0 @@
-! function(self) {
-    "use strict";
-
-    function normalizeName(name) {
-        if ("string" != typeof name && (name = String(name)), /[^a-z0-9\-#$%&'*+.\^_`|~]/i.test(name)) throw new TypeError("Invalid character in header field name");
-        return name.toLowerCase()
-    }
-
-    function normalizeValue(value) {
-        return "string" != typeof value && (value = String(value)), value
-    }
-
-    function iteratorFor(items) {
-        var iterator = {
-            next: function() {
-                var value = items.shift();
-                return {
-                    done: void 0 === value,
-                    value: value
-                }
-            }
-        };
-        return support.iterable && (iterator[Symbol.iterator] = function() {
-            return iterator
-        }), iterator
-    }
-
-    function Headers(headers) {
-        this.map = {}, headers instanceof Headers ? headers.forEach(function(value, name) {
-            this.append(name, value)
-        }, this) : headers && Object.getOwnPropertyNames(headers).forEach(function(name) {
-            this.append(name, headers[name])
-        }, this)
-    }
-
-    function consumed(body) {
-        if (body.bodyUsed) return Promise.reject(new TypeError("Already read"));
-        body.bodyUsed = !0
-    }
-
-    function fileReaderReady(reader) {
-        return new Promise(function(resolve, reject) {
-            reader.onload = function() {
-                resolve(reader.result)
-            }, reader.onerror = function() {
-                reject(reader.error)
-            }
-        })
-    }
-
-    function readBlobAsArrayBuffer(blob) {
-        var reader = new FileReader,
-            promise = fileReaderReady(reader);
-        return reader.readAsArrayBuffer(blob), promise
-    }
-
-    function readBlobAsText(blob) {
-        var reader = new FileReader,
-            promise = fileReaderReady(reader);
-        return reader.readAsText(blob), promise
-    }
-
-    function readArrayBufferAsText(buf) {
-        for (var view = new Uint8Array(buf), chars = new Array(view.length), i = 0; i < view.length; i++) chars[i] = String.fromCharCode(view[i]);
-        return chars.join("")
-    }
-
-    function bufferClone(buf) {
-        if (buf.slice) return buf.slice(0);
-        var view = new Uint8Array(buf.byteLength);
-        return view.set(new Uint8Array(buf)), view.buffer
-    }
-
-    function Body() {
-        return this.bodyUsed = !1, this._initBody = function(body) {
-            if (this._bodyInit = body, body)
-                if ("string" == typeof body) this._bodyText = body;
-                else if (support.blob && Blob.prototype.isPrototypeOf(body)) this._bodyBlob = body;
-            else if (support.formData && FormData.prototype.isPrototypeOf(body)) this._bodyFormData = body;
-            else if (support.searchParams && URLSearchParams.prototype.isPrototypeOf(body)) this._bodyText = body.toString();
-            else if (support.arrayBuffer && support.blob && isDataView(body)) this._bodyArrayBuffer = bufferClone(body.buffer), this._bodyInit = new Blob([this._bodyArrayBuffer]);
-            else {
-                if (!support.arrayBuffer || !ArrayBuffer.prototype.isPrototypeOf(body) && !isArrayBufferView(body)) throw new Error("unsupported BodyInit type");
-                this._bodyArrayBuffer = bufferClone(body)
-            } else this._bodyText = "";
-            this.headers.get("content-type") || ("string" == typeof body ? this.headers.set("content-type", "text/plain;charset=UTF-8") : this._bodyBlob && this._bodyBlob.type ? this.headers.set("content-type", this._bodyBlob.type) : support.searchParams && URLSearchParams.prototype.isPrototypeOf(body) && this.headers.set("content-type", "application/x-www-form-urlencoded;charset=UTF-8"))
-        }, support.blob && (this.blob = function() {
-            var rejected = consumed(this);
-            if (rejected) return rejected;
-            if (this._bodyBlob) return Promise.resolve(this._bodyBlob);
-            if (this._bodyArrayBuffer) return Promise.resolve(new Blob([this._bodyArrayBuffer]));
-            if (this._bodyFormData) throw new Error("could not read FormData body as blob");
-            return Promise.resolve(new Blob([this._bodyText]))
-        }, this.arrayBuffer = function() {
-            return this._bodyArrayBuffer ? consumed(this) || Promise.resolve(this._bodyArrayBuffer) : this.blob().then(readBlobAsArrayBuffer)
-        }), this.text = function() {
-            var rejected = consumed(this);
-            if (rejected) return rejected;
-            if (this._bodyBlob) return readBlobAsText(this._bodyBlob);
-            if (this._bodyArrayBuffer) return Promise.resolve(readArrayBufferAsText(this._bodyArrayBuffer));
-            if (this._bodyFormData) throw new Error("could not read FormData body as text");
-            return Promise.resolve(this._bodyText)
-        }, support.formData && (this.formData = function() {
-            return this.text().then(decode)
-        }), this.json = function() {
-            return this.text().then(JSON.parse)
-        }, this
-    }
-
-    function normalizeMethod(method) {
-        var upcased = method.toUpperCase();
-        return methods.indexOf(upcased) > -1 ? upcased : method
-    }
-
-    function Request(input, options) {
-        options = options || {};
-        var body = options.body;
-        if ("string" == typeof input) this.url = input;
-        else {
-            if (input.bodyUsed) throw new TypeError("Already read");
-            this.url = input.url, this.credentials = input.credentials, options.headers || (this.headers = new Headers(input.headers)), this.method = input.method, this.mode = input.mode, body || null == input._bodyInit || (body = input._bodyInit, input.bodyUsed = !0)
-        }
-        if (this.credentials = options.credentials || this.credentials || "omit", !options.headers && this.headers || (this.headers = new Headers(options.headers)), this.method = normalizeMethod(options.method || this.method || "GET"), this.mode = options.mode || this.mode || null, this.referrer = null, ("GET" === this.method || "HEAD" === this.method) && body) throw new TypeError("Body not allowed for GET or HEAD requests");
-        this._initBody(body)
-    }
-
-    function decode(body) {
-        var form = new FormData;
-        return body.trim().split("&").forEach(function(bytes) {
-            if (bytes) {
-                var split = bytes.split("="),
-                    name = split.shift().replace(/\+/g, " "),
-                    value = split.join("=").replace(/\+/g, " ");
-                form.append(decodeURIComponent(name), decodeURIComponent(value))
-            }
-        }), form
-    }
-
-    function parseHeaders(rawHeaders) {
-        var headers = new Headers;
-        return rawHeaders.split("\r\n").forEach(function(line) {
-            var parts = line.split(":"),
-                key = parts.shift().trim();
-            if (key) {
-                var value = parts.join(":").trim();
-                headers.append(key, value)
-            }
-        }), headers
-    }
-
-    function Response(bodyInit, options) {
-        options || (options = {}), this.type = "default", this.status = "status" in options ? options.status : 200, this.ok = this.status >= 200 && this.status < 300, this.statusText = "statusText" in options ? options.statusText : "OK", this.headers = new Headers(options.headers), this.url = options.url || "", this._initBody(bodyInit)
-    }
-    if (!self.fetch) {
-        var support = {
-            searchParams: "URLSearchParams" in self,
-            iterable: "Symbol" in self && "iterator" in Symbol,
-            blob: "FileReader" in self && "Blob" in self && function() {
-                try {
-                    return new Blob, !0
-                } catch (e) {
-                    return !1
-                }
-            }(),
-            formData: "FormData" in self,
-            arrayBuffer: "ArrayBuffer" in self
-        };
-        if (support.arrayBuffer) var viewClasses = ["[object Int8Array]", "[object Uint8Array]", "[object Uint8ClampedArray]", "[object Int16Array]", "[object Uint16Array]", "[object Int32Array]", "[object Uint32Array]", "[object Float32Array]", "[object Float64Array]"],
-            isDataView = function(obj) {
-                return obj && DataView.prototype.isPrototypeOf(obj)
-            },
-            isArrayBufferView = ArrayBuffer.isView || function(obj) {
-                return obj && viewClasses.indexOf(Object.prototype.toString.call(obj)) > -1
-            };
-        Headers.prototype.append = function(name, value) {
-            name = normalizeName(name), value = normalizeValue(value);
-            var list = this.map[name];
-            list || (list = [], this.map[name] = list), list.push(value)
-        }, Headers.prototype.delete = function(name) {
-            delete this.map[normalizeName(name)]
-        }, Headers.prototype.get = function(name) {
-            var values = this.map[normalizeName(name)];
-            return values ? values[0] : null
-        }, Headers.prototype.getAll = function(name) {
-            return this.map[normalizeName(name)] || []
-        }, Headers.prototype.has = function(name) {
-            return this.map.hasOwnProperty(normalizeName(name))
-        }, Headers.prototype.set = function(name, value) {
-            this.map[normalizeName(name)] = [normalizeValue(value)]
-        }, Headers.prototype.forEach = function(callback, thisArg) {
-            Object.getOwnPropertyNames(this.map).forEach(function(name) {
-                this.map[name].forEach(function(value) {
-                    callback.call(thisArg, value, name, this)
-                }, this)
-            }, this)
-        }, Headers.prototype.keys = function() {
-            var items = [];
-            return this.forEach(function(value, name) {
-                items.push(name)
-            }), iteratorFor(items)
-        }, Headers.prototype.values = function() {
-            var items = [];
-            return this.forEach(function(value) {
-                items.push(value)
-            }), iteratorFor(items)
-        }, Headers.prototype.entries = function() {
-            var items = [];
-            return this.forEach(function(value, name) {
-                items.push([name, value])
-            }), iteratorFor(items)
-        }, support.iterable && (Headers.prototype[Symbol.iterator] = Headers.prototype.entries);
-        var methods = ["DELETE", "GET", "HEAD", "OPTIONS", "POST", "PUT"];
-        Request.prototype.clone = function() {
-            return new Request(this, {
-                body: this._bodyInit
-            })
-        }, Body.call(Request.prototype), Body.call(Response.prototype), Response.prototype.clone = function() {
-            return new Response(this._bodyInit, {
-                status: this.status,
-                statusText: this.statusText,
-                headers: new Headers(this.headers),
-                url: this.url
-            })
-        }, Response.error = function() {
-            var response = new Response(null, {
-                status: 0,
-                statusText: ""
-            });
-            return response.type = "error", response
-        };
-        var redirectStatuses = [301, 302, 303, 307, 308];
-        Response.redirect = function(url, status) {
-            if (-1 === redirectStatuses.indexOf(status)) throw new RangeError("Invalid status code");
-            return new Response(null, {
-                status: status,
-                headers: {
-                    location: url
-                }
-            })
-        }, self.Headers = Headers, self.Request = Request, self.Response = Response, self.fetch = function(input, init) {
-            return new Promise(function(resolve, reject) {
-                var request = new Request(input, init),
-                    xhr = new XMLHttpRequest;
-                xhr.onload = function() {
-                    var options = {
-                        status: xhr.status,
-                        statusText: xhr.statusText,
-                        headers: parseHeaders(xhr.getAllResponseHeaders() || "")
-                    };
-                    options.url = "responseURL" in xhr ? xhr.responseURL : options.headers.get("X-Request-URL");
-                    var body = "response" in xhr ? xhr.response : xhr.responseText;
-                    resolve(new Response(body, options))
-                }, xhr.onerror = function() {
-                    reject(new TypeError("Network request failed"))
-                }, xhr.ontimeout = function() {
-                    reject(new TypeError("Network request failed"))
-                }, xhr.open(request.method, request.url, !0), "include" === request.credentials && (xhr.withCredentials = !0), "responseType" in xhr && support.blob && (xhr.responseType = "blob"), request.headers.forEach(function(value, name) {
-                    xhr.setRequestHeader(name, value)
-                }), xhr.send(void 0 === request._bodyInit ? null : request._bodyInit)
-            })
-        }, self.fetch.polyfill = !0
-    }
-}("undefined" != typeof self ? self : this);

src/bower_components/requirejs/require.js

@@ -1,607 +0,0 @@
-var requirejs, require, define;
-! function(global, setTimeout) {
-    function commentReplace(match, singlePrefix) {
-        return singlePrefix || ""
-    }
-
-    function isFunction(it) {
-        return "[object Function]" === ostring.call(it)
-    }
-
-    function isArray(it) {
-        return "[object Array]" === ostring.call(it)
-    }
-
-    function each(ary, func) {
-        if (ary) {
-            var i;
-            for (i = 0; i < ary.length && (!ary[i] || !func(ary[i], i, ary)); i += 1);
-        }
-    }
-
-    function eachReverse(ary, func) {
-        if (ary) {
-            var i;
-            for (i = ary.length - 1; i > -1 && (!ary[i] || !func(ary[i], i, ary)); i -= 1);
-        }
-    }
-
-    function hasProp(obj, prop) {
-        return hasOwn.call(obj, prop)
-    }
-
-    function getOwn(obj, prop) {
-        return hasProp(obj, prop) && obj[prop]
-    }
-
-    function eachProp(obj, func) {
-        var prop;
-        for (prop in obj)
-            if (hasProp(obj, prop) && func(obj[prop], prop)) break
-    }
-
-    function mixin(target, source, force, deepStringMixin) {
-        return source && eachProp(source, function(value, prop) {
-            !force && hasProp(target, prop) || (!deepStringMixin || "object" != typeof value || !value || isArray(value) || isFunction(value) || value instanceof RegExp ? target[prop] = value : (target[prop] || (target[prop] = {}), mixin(target[prop], value, force, deepStringMixin)))
-        }), target
-    }
-
-    function bind(obj, fn) {
-        return function() {
-            return fn.apply(obj, arguments)
-        }
-    }
-
-    function scripts() {
-        return document.getElementsByTagName("script")
-    }
-
-    function defaultOnError(err) {
-        throw err
-    }
-
-    function getGlobal(value) {
-        if (!value) return value;
-        var g = global;
-        return each(value.split("."), function(part) {
-            g = g[part]
-        }), g
-    }
-
-    function makeError(id, msg, err, requireModules) {
-        var e = new Error(msg + "\nhttp://requirejs.org/docs/errors.html#" + id);
-        return e.requireType = id, e.requireModules = requireModules, err && (e.originalError = err), e
-    }
-
-    function newContext(contextName) {
-        function trimDots(ary) {
-            var i, part;
-            for (i = 0; i < ary.length; i++)
-                if ("." === (part = ary[i])) ary.splice(i, 1), i -= 1;
-                else if (".." === part) {
-                if (0 === i || 1 === i && ".." === ary[2] || ".." === ary[i - 1]) continue;
-                i > 0 && (ary.splice(i - 1, 2), i -= 2)
-            }
-        }
-
-        function normalize(name, baseName, applyMap) {
-            var mapValue, nameParts, i, j, nameSegment, lastIndex, foundMap, foundI, foundStarMap, starI, normalizedBaseParts, baseParts = baseName && baseName.split("/"),
-                map = config.map,
-                starMap = map && map["*"];
-            if (name && (name = name.split("/"), lastIndex = name.length - 1, config.nodeIdCompat && jsSuffixRegExp.test(name[lastIndex]) && (name[lastIndex] = name[lastIndex].replace(jsSuffixRegExp, "")), "." === name[0].charAt(0) && baseParts && (normalizedBaseParts = baseParts.slice(0, baseParts.length - 1), name = normalizedBaseParts.concat(name)), trimDots(name), name = name.join("/")), applyMap && map && (baseParts || starMap)) {
-                nameParts = name.split("/");
-                outerLoop: for (i = nameParts.length; i > 0; i -= 1) {
-                    if (nameSegment = nameParts.slice(0, i).join("/"), baseParts)
-                        for (j = baseParts.length; j > 0; j -= 1)
-                            if ((mapValue = getOwn(map, baseParts.slice(0, j).join("/"))) && (mapValue = getOwn(mapValue, nameSegment))) {
-                                foundMap = mapValue, foundI = i;
-                                break outerLoop
-                            }! foundStarMap && starMap && getOwn(starMap, nameSegment) && (foundStarMap = getOwn(starMap, nameSegment), starI = i)
-                }!foundMap && foundStarMap && (foundMap = foundStarMap, foundI = starI), foundMap && (nameParts.splice(0, foundI, foundMap), name = nameParts.join("/"))
-            }
-            return getOwn(config.pkgs, name) || name
-        }
-
-        function removeScript(name) {
-            isBrowser && each(scripts(), function(scriptNode) {
-                if (scriptNode.getAttribute("data-requiremodule") === name && scriptNode.getAttribute("data-requirecontext") === context.contextName) return scriptNode.parentNode.removeChild(scriptNode), !0
-            })
-        }
-
-        function hasPathFallback(id) {
-            var pathConfig = getOwn(config.paths, id);
-            if (pathConfig && isArray(pathConfig) && pathConfig.length > 1) return pathConfig.shift(), context.require.undef(id), context.makeRequire(null, {
-                skipMap: !0
-            })([id]), !0
-        }
-
-        function splitPrefix(name) {
-            var prefix, index = name ? name.indexOf("!") : -1;
-            return index > -1 && (prefix = name.substring(0, index), name = name.substring(index + 1, name.length)), [prefix, name]
-        }
-
-        function makeModuleMap(name, parentModuleMap, isNormalized, applyMap) {
-            var url, pluginModule, suffix, nameParts, prefix = null,
-                parentName = parentModuleMap ? parentModuleMap.name : null,
-                originalName = name,
-                isDefine = !0,
-                normalizedName = "";
-            return name || (isDefine = !1, name = "_@r" + (requireCounter += 1)), nameParts = splitPrefix(name), prefix = nameParts[0], name = nameParts[1], prefix && (prefix = normalize(prefix, parentName, applyMap), pluginModule = getOwn(defined, prefix)), name && (prefix ? normalizedName = isNormalized ? name : pluginModule && pluginModule.normalize ? pluginModule.normalize(name, function(name) {
-                return normalize(name, parentName, applyMap)
-            }) : -1 === name.indexOf("!") ? normalize(name, parentName, applyMap) : name : (normalizedName = normalize(name, parentName, applyMap), nameParts = splitPrefix(normalizedName), prefix = nameParts[0], normalizedName = nameParts[1], isNormalized = !0, url = context.nameToUrl(normalizedName))), suffix = !prefix || pluginModule || isNormalized ? "" : "_unnormalized" + (unnormalizedCounter += 1), {
-                prefix: prefix,
-                name: normalizedName,
-                parentMap: parentModuleMap,
-                unnormalized: !!suffix,
-                url: url,
-                originalName: originalName,
-                isDefine: isDefine,
-                id: (prefix ? prefix + "!" + normalizedName : normalizedName) + suffix
-            }
-        }
-
-        function getModule(depMap) {
-            var id = depMap.id,
-                mod = getOwn(registry, id);
-            return mod || (mod = registry[id] = new context.Module(depMap)), mod
-        }
-
-        function on(depMap, name, fn) {
-            var id = depMap.id,
-                mod = getOwn(registry, id);
-            !hasProp(defined, id) || mod && !mod.defineEmitComplete ? (mod = getModule(depMap), mod.error && "error" === name ? fn(mod.error) : mod.on(name, fn)) : "defined" === name && fn(defined[id])
-        }
-
-        function onError(err, errback) {
-            var ids = err.requireModules,
-                notified = !1;
-            errback ? errback(err) : (each(ids, function(id) {
-                var mod = getOwn(registry, id);
-                mod && (mod.error = err, mod.events.error && (notified = !0, mod.emit("error", err)))
-            }), notified || req.onError(err))
-        }
-
-        function takeGlobalQueue() {
-            globalDefQueue.length && (each(globalDefQueue, function(queueItem) {
-                var id = queueItem[0];
-                "string" == typeof id && (context.defQueueMap[id] = !0), defQueue.push(queueItem)
-            }), globalDefQueue = [])
-        }
-
-        function cleanRegistry(id) {
-            delete registry[id], delete enabledRegistry[id]
-        }
-
-        function breakCycle(mod, traced, processed) {
-            var id = mod.map.id;
-            mod.error ? mod.emit("error", mod.error) : (traced[id] = !0, each(mod.depMaps, function(depMap, i) {
-                var depId = depMap.id,
-                    dep = getOwn(registry, depId);
-                !dep || mod.depMatched[i] || processed[depId] || (getOwn(traced, depId) ? (mod.defineDep(i, defined[depId]), mod.check()) : breakCycle(dep, traced, processed))
-            }), processed[id] = !0)
-        }
-
-        function checkLoaded() {
-            var err, usingPathFallback, waitInterval = 1e3 * config.waitSeconds,
-                expired = waitInterval && context.startTime + waitInterval < (new Date).getTime(),
-                noLoads = [],
-                reqCalls = [],
-                stillLoading = !1,
-                needCycleCheck = !0;
-            if (!inCheckLoaded) {
-                if (inCheckLoaded = !0, eachProp(enabledRegistry, function(mod) {
-                        var map = mod.map,
-                            modId = map.id;
-                        if (mod.enabled && (map.isDefine || reqCalls.push(mod), !mod.error))
-                            if (!mod.inited && expired) hasPathFallback(modId) ? (usingPathFallback = !0, stillLoading = !0) : (noLoads.push(modId), removeScript(modId));
-                            else if (!mod.inited && mod.fetched && map.isDefine && (stillLoading = !0, !map.prefix)) return needCycleCheck = !1
-                    }), expired && noLoads.length) return err = makeError("timeout", "Load timeout for modules: " + noLoads, null, noLoads), err.contextName = context.contextName, onError(err);
-                needCycleCheck && each(reqCalls, function(mod) {
-                    breakCycle(mod, {}, {})
-                }), expired && !usingPathFallback || !stillLoading || !isBrowser && !isWebWorker || checkLoadedTimeoutId || (checkLoadedTimeoutId = setTimeout(function() {
-                    checkLoadedTimeoutId = 0, checkLoaded()
-                }, 50)), inCheckLoaded = !1
-            }
-        }
-
-        function callGetModule(args) {
-            hasProp(defined, args[0]) || getModule(makeModuleMap(args[0], null, !0)).init(args[1], args[2])
-        }
-
-        function removeListener(node, func, name, ieName) {
-            node.detachEvent && !isOpera ? ieName && node.detachEvent(ieName, func) : node.removeEventListener(name, func, !1)
-        }
-
-        function getScriptData(evt) {
-            var node = evt.currentTarget || evt.srcElement;
-            return removeListener(node, context.onScriptLoad, "load", "onreadystatechange"), removeListener(node, context.onScriptError, "error"), {
-                node: node,
-                id: node && node.getAttribute("data-requiremodule")
-            }
-        }
-
-        function intakeDefines() {
-            var args;
-            for (takeGlobalQueue(); defQueue.length;) {
-                if (args = defQueue.shift(), null === args[0]) return onError(makeError("mismatch", "Mismatched anonymous define() module: " + args[args.length - 1]));
-                callGetModule(args)
-            }
-            context.defQueueMap = {}
-        }
-        var inCheckLoaded, Module, context, handlers, checkLoadedTimeoutId, config = {
-                waitSeconds: 7,
-                baseUrl: "./",
-                paths: {},
-                bundles: {},
-                pkgs: {},
-                shim: {},
-                config: {}
-            },
-            registry = {},
-            enabledRegistry = {},
-            undefEvents = {},
-            defQueue = [],
-            defined = {},
-            urlFetched = {},
-            bundlesMap = {},
-            requireCounter = 1,
-            unnormalizedCounter = 1;
-        return handlers = {
-            require: function(mod) {
-                return mod.require ? mod.require : mod.require = context.makeRequire(mod.map)
-            },
-            exports: function(mod) {
-                if (mod.usingExports = !0, mod.map.isDefine) return mod.exports ? defined[mod.map.id] = mod.exports : mod.exports = defined[mod.map.id] = {}
-            },
-            module: function(mod) {
-                return mod.module ? mod.module : mod.module = {
-                    id: mod.map.id,
-                    uri: mod.map.url,
-                    config: function() {
-                        return getOwn(config.config, mod.map.id) || {}
-                    },
-                    exports: mod.exports || (mod.exports = {})
-                }
-            }
-        }, Module = function(map) {
-            this.events = getOwn(undefEvents, map.id) || {}, this.map = map, this.shim = getOwn(config.shim, map.id), this.depExports = [], this.depMaps = [], this.depMatched = [], this.pluginMaps = {}, this.depCount = 0
-        }, Module.prototype = {
-            init: function(depMaps, factory, errback, options) {
-                options = options || {}, this.inited || (this.factory = factory, errback ? this.on("error", errback) : this.events.error && (errback = bind(this, function(err) {
-                    this.emit("error", err)
-                })), this.depMaps = depMaps && depMaps.slice(0), this.errback = errback, this.inited = !0, this.ignore = options.ignore, options.enabled || this.enabled ? this.enable() : this.check())
-            },
-            defineDep: function(i, depExports) {
-                this.depMatched[i] || (this.depMatched[i] = !0, this.depCount -= 1, this.depExports[i] = depExports)
-            },
-            fetch: function() {
-                if (!this.fetched) {
-                    this.fetched = !0, context.startTime = (new Date).getTime();
-                    var map = this.map;
-                    if (!this.shim) return map.prefix ? this.callPlugin() : this.load();
-                    context.makeRequire(this.map, {
-                        enableBuildCallback: !0
-                    })(this.shim.deps || [], bind(this, function() {
-                        return map.prefix ? this.callPlugin() : this.load()
-                    }))
-                }
-            },
-            load: function() {
-                var url = this.map.url;
-                urlFetched[url] || (urlFetched[url] = !0, context.load(this.map.id, url))
-            },
-            check: function() {
-                if (this.enabled && !this.enabling) {
-                    var err, cjsModule, id = this.map.id,
-                        depExports = this.depExports,
-                        exports = this.exports,
-                        factory = this.factory;
-                    if (this.inited) {
-                        if (this.error) this.emit("error", this.error);
-                        else if (!this.defining) {
-                            if (this.defining = !0, this.depCount < 1 && !this.defined) {
-                                if (isFunction(factory)) {
-                                    if (this.events.error && this.map.isDefine || req.onError !== defaultOnError) try {
-                                        exports = context.execCb(id, factory, depExports, exports)
-                                    } catch (e) {
-                                        err = e
-                                    } else exports = context.execCb(id, factory, depExports, exports);
-                                    if (this.map.isDefine && void 0 === exports && (cjsModule = this.module, cjsModule ? exports = cjsModule.exports : this.usingExports && (exports = this.exports)), err) return err.requireMap = this.map, err.requireModules = this.map.isDefine ? [this.map.id] : null, err.requireType = this.map.isDefine ? "define" : "require", onError(this.error = err)
-                                } else exports = factory;
-                                if (this.exports = exports, this.map.isDefine && !this.ignore && (defined[id] = exports, req.onResourceLoad)) {
-                                    var resLoadMaps = [];
-                                    each(this.depMaps, function(depMap) {
-                                        resLoadMaps.push(depMap.normalizedMap || depMap)
-                                    }), req.onResourceLoad(context, this.map, resLoadMaps)
-                                }
-                                cleanRegistry(id), this.defined = !0
-                            }
-                            this.defining = !1, this.defined && !this.defineEmitted && (this.defineEmitted = !0, this.emit("defined", this.exports), this.defineEmitComplete = !0)
-                        }
-                    } else hasProp(context.defQueueMap, id) || this.fetch()
-                }
-            },
-            callPlugin: function() {
-                var map = this.map,
-                    id = map.id,
-                    pluginMap = makeModuleMap(map.prefix);
-                this.depMaps.push(pluginMap), on(pluginMap, "defined", bind(this, function(plugin) {
-                    var load, normalizedMap, normalizedMod, bundleId = getOwn(bundlesMap, this.map.id),
-                        name = this.map.name,
-                        parentName = this.map.parentMap ? this.map.parentMap.name : null,
-                        localRequire = context.makeRequire(map.parentMap, {
-                            enableBuildCallback: !0
-                        });
-                    return this.map.unnormalized ? (plugin.normalize && (name = plugin.normalize(name, function(name) {
-                        return normalize(name, parentName, !0)
-                    }) || ""), normalizedMap = makeModuleMap(map.prefix + "!" + name, this.map.parentMap, !0), on(normalizedMap, "defined", bind(this, function(value) {
-                        this.map.normalizedMap = normalizedMap, this.init([], function() {
-                            return value
-                        }, null, {
-                            enabled: !0,
-                            ignore: !0
-                        })
-                    })), void((normalizedMod = getOwn(registry, normalizedMap.id)) && (this.depMaps.push(normalizedMap), this.events.error && normalizedMod.on("error", bind(this, function(err) {
-                        this.emit("error", err)
-                    })), normalizedMod.enable()))) : bundleId ? (this.map.url = context.nameToUrl(bundleId), void this.load()) : (load = bind(this, function(value) {
-                        this.init([], function() {
-                            return value
-                        }, null, {
-                            enabled: !0
-                        })
-                    }), load.error = bind(this, function(err) {
-                        this.inited = !0, this.error = err, err.requireModules = [id], eachProp(registry, function(mod) {
-                            0 === mod.map.id.indexOf(id + "_unnormalized") && cleanRegistry(mod.map.id)
-                        }), onError(err)
-                    }), load.fromText = bind(this, function(text, textAlt) {
-                        var moduleName = map.name,
-                            moduleMap = makeModuleMap(moduleName),
-                            hasInteractive = useInteractive;
-                        textAlt && (text = textAlt), hasInteractive && (useInteractive = !1), getModule(moduleMap), hasProp(config.config, id) && (config.config[moduleName] = config.config[id]);
-                        try {
-                            req.exec(text)
-                        } catch (e) {
-                            return onError(makeError("fromtexteval", "fromText eval for " + id + " failed: " + e, e, [id]))
-                        }
-                        hasInteractive && (useInteractive = !0), this.depMaps.push(moduleMap), context.completeLoad(moduleName), localRequire([moduleName], load)
-                    }), void plugin.load(map.name, localRequire, load, config))
-                })), context.enable(pluginMap, this), this.pluginMaps[pluginMap.id] = pluginMap
-            },
-            enable: function() {
-                enabledRegistry[this.map.id] = this, this.enabled = !0, this.enabling = !0, each(this.depMaps, bind(this, function(depMap, i) {
-                    var id, mod, handler;
-                    if ("string" == typeof depMap) {
-                        if (depMap = makeModuleMap(depMap, this.map.isDefine ? this.map : this.map.parentMap, !1, !this.skipMap), this.depMaps[i] = depMap, handler = getOwn(handlers, depMap.id)) return void(this.depExports[i] = handler(this));
-                        this.depCount += 1, on(depMap, "defined", bind(this, function(depExports) {
-                            this.undefed || (this.defineDep(i, depExports), this.check())
-                        })), this.errback ? on(depMap, "error", bind(this, this.errback)) : this.events.error && on(depMap, "error", bind(this, function(err) {
-                            this.emit("error", err)
-                        }))
-                    }
-                    id = depMap.id, mod = registry[id], hasProp(handlers, id) || !mod || mod.enabled || context.enable(depMap, this)
-                })), eachProp(this.pluginMaps, bind(this, function(pluginMap) {
-                    var mod = getOwn(registry, pluginMap.id);
-                    mod && !mod.enabled && context.enable(pluginMap, this)
-                })), this.enabling = !1, this.check()
-            },
-            on: function(name, cb) {
-                var cbs = this.events[name];
-                cbs || (cbs = this.events[name] = []), cbs.push(cb)
-            },
-            emit: function(name, evt) {
-                each(this.events[name], function(cb) {
-                    cb(evt)
-                }), "error" === name && delete this.events[name]
-            }
-        }, context = {
-            config: config,
-            contextName: contextName,
-            registry: registry,
-            defined: defined,
-            urlFetched: urlFetched,
-            defQueue: defQueue,
-            defQueueMap: {},
-            Module: Module,
-            makeModuleMap: makeModuleMap,
-            nextTick: req.nextTick,
-            onError: onError,
-            configure: function(cfg) {
-                if (cfg.baseUrl && "/" !== cfg.baseUrl.charAt(cfg.baseUrl.length - 1) && (cfg.baseUrl += "/"), "string" == typeof cfg.urlArgs) {
-                    var urlArgs = cfg.urlArgs;
-                    cfg.urlArgs = function(id, url) {
-                        return (-1 === url.indexOf("?") ? "?" : "&") + urlArgs
-                    }
-                }
-                var shim = config.shim,
-                    objs = {
-                        paths: !0,
-                        bundles: !0,
-                        config: !0,
-                        map: !0
-                    };
-                eachProp(cfg, function(value, prop) {
-                    objs[prop] ? (config[prop] || (config[prop] = {}), mixin(config[prop], value, !0, !0)) : config[prop] = value
-                }), cfg.bundles && eachProp(cfg.bundles, function(value, prop) {
-                    each(value, function(v) {
-                        v !== prop && (bundlesMap[v] = prop)
-                    })
-                }), cfg.shim && (eachProp(cfg.shim, function(value, id) {
-                    isArray(value) && (value = {
-                        deps: value
-                    }), !value.exports && !value.init || value.exportsFn || (value.exportsFn = context.makeShimExports(value)), shim[id] = value
-                }), config.shim = shim), cfg.packages && each(cfg.packages, function(pkgObj) {
-                    var location, name;
-                    pkgObj = "string" == typeof pkgObj ? {
-                        name: pkgObj
-                    } : pkgObj, name = pkgObj.name, location = pkgObj.location, location && (config.paths[name] = pkgObj.location), config.pkgs[name] = pkgObj.name + "/" + (pkgObj.main || "main").replace(currDirRegExp, "").replace(jsSuffixRegExp, "")
-                }), eachProp(registry, function(mod, id) {
-                    mod.inited || mod.map.unnormalized || (mod.map = makeModuleMap(id, null, !0))
-                }), (cfg.deps || cfg.callback) && context.require(cfg.deps || [], cfg.callback)
-            },
-            makeShimExports: function(value) {
-                function fn() {
-                    var ret;
-                    return value.init && (ret = value.init.apply(global, arguments)), ret || value.exports && getGlobal(value.exports)
-                }
-                return fn
-            },
-            makeRequire: function(relMap, options) {
-                function localRequire(deps, callback, errback) {
-                    var id, map, requireMod;
-                    return options.enableBuildCallback && callback && isFunction(callback) && (callback.__requireJsBuild = !0), "string" == typeof deps ? isFunction(callback) ? onError(makeError("requireargs", "Invalid require call"), errback) : relMap && hasProp(handlers, deps) ? handlers[deps](registry[relMap.id]) : req.get ? req.get(context, deps, relMap, localRequire) : (map = makeModuleMap(deps, relMap, !1, !0), id = map.id, hasProp(defined, id) ? defined[id] : onError(makeError("notloaded", 'Module name "' + id + '" has not been loaded yet for context: ' + contextName + (relMap ? "" : ". Use require([])")))) : (intakeDefines(), context.nextTick(function() {
-                        intakeDefines(), requireMod = getModule(makeModuleMap(null, relMap)), requireMod.skipMap = options.skipMap, requireMod.init(deps, callback, errback, {
-                            enabled: !0
-                        }), checkLoaded()
-                    }), localRequire)
-                }
-                return options = options || {}, mixin(localRequire, {
-                    isBrowser: isBrowser,
-                    toUrl: function(moduleNamePlusExt) {
-                        var ext, index = moduleNamePlusExt.lastIndexOf("."),
-                            segment = moduleNamePlusExt.split("/")[0],
-                            isRelative = "." === segment || ".." === segment;
-                        return -1 !== index && (!isRelative || index > 1) && (ext = moduleNamePlusExt.substring(index, moduleNamePlusExt.length), moduleNamePlusExt = moduleNamePlusExt.substring(0, index)), context.nameToUrl(normalize(moduleNamePlusExt, relMap && relMap.id, !0), ext, !0)
-                    },
-                    defined: function(id) {
-                        return hasProp(defined, makeModuleMap(id, relMap, !1, !0).id)
-                    },
-                    specified: function(id) {
-                        return id = makeModuleMap(id, relMap, !1, !0).id, hasProp(defined, id) || hasProp(registry, id)
-                    }
-                }), relMap || (localRequire.undef = function(id) {
-                    takeGlobalQueue();
-                    var map = makeModuleMap(id, relMap, !0),
-                        mod = getOwn(registry, id);
-                    mod.undefed = !0, removeScript(id), delete defined[id], delete urlFetched[map.url], delete undefEvents[id], eachReverse(defQueue, function(args, i) {
-                        args[0] === id && defQueue.splice(i, 1)
-                    }), delete context.defQueueMap[id], mod && (mod.events.defined && (undefEvents[id] = mod.events), cleanRegistry(id))
-                }), localRequire
-            },
-            enable: function(depMap) {
-                getOwn(registry, depMap.id) && getModule(depMap).enable()
-            },
-            completeLoad: function(moduleName) {
-                var found, args, mod, shim = getOwn(config.shim, moduleName) || {},
-                    shExports = shim.exports;
-                for (takeGlobalQueue(); defQueue.length;) {
-                    if (args = defQueue.shift(), null === args[0]) {
-                        if (args[0] = moduleName, found) break;
-                        found = !0
-                    } else args[0] === moduleName && (found = !0);
-                    callGetModule(args)
-                }
-                if (context.defQueueMap = {}, mod = getOwn(registry, moduleName), !found && !hasProp(defined, moduleName) && mod && !mod.inited) {
-                    if (!(!config.enforceDefine || shExports && getGlobal(shExports))) return hasPathFallback(moduleName) ? void 0 : onError(makeError("nodefine", "No define call for " + moduleName, null, [moduleName]));
-                    callGetModule([moduleName, shim.deps || [], shim.exportsFn])
-                }
-                checkLoaded()
-            },
-            nameToUrl: function(moduleName, ext, skipExt) {
-                var paths, syms, i, parentModule, url, parentPath, bundleId, pkgMain = getOwn(config.pkgs, moduleName);
-                if (pkgMain && (moduleName = pkgMain), bundleId = getOwn(bundlesMap, moduleName)) return context.nameToUrl(bundleId, ext, skipExt);
-                if (req.jsExtRegExp.test(moduleName)) url = moduleName + (ext || "");
-                else {
-                    for (paths = config.paths, syms = moduleName.split("/"), i = syms.length; i > 0; i -= 1)
-                        if (parentModule = syms.slice(0, i).join("/"), parentPath = getOwn(paths, parentModule)) {
-                            isArray(parentPath) && (parentPath = parentPath[0]), syms.splice(0, i, parentPath);
-                            break
-                        } url = syms.join("/"), url += ext || (/^data\:|^blob\:|\?/.test(url) || skipExt ? "" : ".js"), url = ("/" === url.charAt(0) || url.match(/^[\w\+\.\-]+:/) ? "" : config.baseUrl) + url
-                }
-                return config.urlArgs && !/^blob\:/.test(url) ? url + config.urlArgs(moduleName, url) : url
-            },
-            load: function(id, url) {
-                req.load(context, id, url)
-            },
-            execCb: function(name, callback, args, exports) {
-                return callback.apply(exports, args)
-            },
-            onScriptLoad: function(evt) {
-                if ("load" === evt.type || readyRegExp.test((evt.currentTarget || evt.srcElement).readyState)) {
-                    interactiveScript = null;
-                    var data = getScriptData(evt);
-                    context.completeLoad(data.id)
-                }
-            },
-            onScriptError: function(evt) {
-                var data = getScriptData(evt);
-                if (!hasPathFallback(data.id)) {
-                    var parents = [];
-                    return eachProp(registry, function(value, key) {
-                        0 !== key.indexOf("_@r") && each(value.depMaps, function(depMap) {
-                            if (depMap.id === data.id) return parents.push(key), !0
-                        })
-                    }), onError(makeError("scripterror", 'Script error for "' + data.id + (parents.length ? '", needed by: ' + parents.join(", ") : '"'), evt, [data.id]))
-                }
-            }
-        }, context.require = context.makeRequire(), context
-    }
-
-    function getInteractiveScript() {
-        return interactiveScript && "interactive" === interactiveScript.readyState ? interactiveScript : (eachReverse(scripts(), function(script) {
-            if ("interactive" === script.readyState) return interactiveScript = script
-        }), interactiveScript)
-    }
-    var req, s, head, baseElement, dataMain, src, interactiveScript, currentlyAddingScript, mainScript, subPath, version = "2.3.5",
-        commentRegExp = /\/\*[\s\S]*?\*\/|([^:"'=]|^)\/\/.*$/gm,
-        cjsRequireRegExp = /[^.]\s*require\s*\(\s*["']([^'"\s]+)["']\s*\)/g,
-        jsSuffixRegExp = /\.js$/,
-        currDirRegExp = /^\.\//,
-        op = Object.prototype,
-        ostring = op.toString,
-        hasOwn = op.hasOwnProperty,
-        isBrowser = !("undefined" == typeof window || "undefined" == typeof navigator || !window.document),
-        isWebWorker = !isBrowser && "undefined" != typeof importScripts,
-        readyRegExp = isBrowser && "PLAYSTATION 3" === navigator.platform ? /^complete$/ : /^(complete|loaded)$/,
-        defContextName = "_",
-        isOpera = "undefined" != typeof opera && "[object Opera]" === opera.toString(),
-        contexts = {},
-        cfg = {},
-        globalDefQueue = [],
-        useInteractive = !1;
-    if (void 0 === define) {
-        if (void 0 !== requirejs) {
-            if (isFunction(requirejs)) return;
-            cfg = requirejs, requirejs = void 0
-        }
-        void 0 === require || isFunction(require) || (cfg = require, require = void 0), req = requirejs = function(deps, callback, errback, optional) {
-            var context, config, contextName = defContextName;
-            return isArray(deps) || "string" == typeof deps || (config = deps, isArray(callback) ? (deps = callback, callback = errback, errback = optional) : deps = []), config && config.context && (contextName = config.context), context = getOwn(contexts, contextName), context || (context = contexts[contextName] = req.s.newContext(contextName)), config && context.configure(config), context.require(deps, callback, errback)
-        }, req.config = function(config) {
-            return req(config)
-        }, req.nextTick = void 0 !== setTimeout ? function(fn) {
-            setTimeout(fn, 4)
-        } : function(fn) {
-            fn()
-        }, require || (require = req), req.version = version, req.jsExtRegExp = /^\/|:|\?|\.js$/, req.isBrowser = isBrowser, s = req.s = {
-            contexts: contexts,
-            newContext: newContext
-        }, req({}), each(["toUrl", "undef", "defined", "specified"], function(prop) {
-            req[prop] = function() {
-                var ctx = contexts[defContextName];
-                return ctx.require[prop].apply(ctx, arguments)
-            }
-        }), isBrowser && (head = s.head = document.getElementsByTagName("head")[0], (baseElement = document.getElementsByTagName("base")[0]) && (head = s.head = baseElement.parentNode)), req.onError = defaultOnError, req.createNode = function(config, moduleName, url) {
-            var node = config.xhtml ? document.createElementNS("http://www.w3.org/1999/xhtml", "html:script") : document.createElement("script");
-            return node.type = config.scriptType || "text/javascript", node.charset = "utf-8", node.async = !0, node
-        }, req.load = function(context, moduleName, url) {
-            var node, config = context && context.config || {};
-            if (isBrowser) return node = req.createNode(config, moduleName, url), node.setAttribute("data-requirecontext", context.contextName), node.setAttribute("data-requiremodule", moduleName), !node.attachEvent || node.attachEvent.toString && node.attachEvent.toString().indexOf("[native code") < 0 || isOpera ? (node.addEventListener("load", context.onScriptLoad, !1), node.addEventListener("error", context.onScriptError, !1)) : (useInteractive = !0, node.attachEvent("onreadystatechange", context.onScriptLoad)), node.src = url, config.onNodeCreated && config.onNodeCreated(node, config, moduleName, url), currentlyAddingScript = node, baseElement ? head.insertBefore(node, baseElement) : head.appendChild(node), currentlyAddingScript = null, node;
-            if (isWebWorker) try {
-                setTimeout(function() {}, 0), importScripts(url), context.completeLoad(moduleName)
-            } catch (e) {
-                context.onError(makeError("importscripts", "importScripts failed for " + moduleName + " at " + url, e, [moduleName]))
-            }
-        }, isBrowser && !cfg.skipDataMain && eachReverse(scripts(), function(script) {
-            if (head || (head = script.parentNode), dataMain = script.getAttribute("data-main")) return mainScript = dataMain, cfg.baseUrl || -1 !== mainScript.indexOf("!") || (src = mainScript.split("/"), mainScript = src.pop(), subPath = src.length ? src.join("/") + "/" : "./", cfg.baseUrl = subPath), mainScript = mainScript.replace(jsSuffixRegExp, ""), req.jsExtRegExp.test(mainScript) && (mainScript = dataMain), cfg.deps = cfg.deps ? cfg.deps.concat(mainScript) : [mainScript], !0
-        }), define = function(name, deps, callback) {
-            var node, context;
-            "string" != typeof name && (callback = deps, deps = name, name = null), isArray(deps) || (callback = deps, deps = null), !deps && isFunction(callback) && (deps = [], callback.length && (callback.toString().replace(commentRegExp, commentReplace).replace(cjsRequireRegExp, function(match, dep) {
-                deps.push(dep)
-            }), deps = (1 === callback.length ? ["require"] : ["require", "exports", "module"]).concat(deps))), useInteractive && (node = currentlyAddingScript || getInteractiveScript()) && (name || (name = node.getAttribute("data-requiremodule")), context = contexts[node.getAttribute("data-requirecontext")]), context ? (context.defQueue.push([name, deps, callback]), context.defQueueMap[name] = !0) : globalDefQueue.push([name, deps, callback])
-        }, define.amd = {
-            jQuery: !0
-        }, req.exec = function(text) {
-            return eval(text)
-        }, req(cfg)
-    }
-}(this, "undefined" == typeof setTimeout ? void 0 : setTimeout);

src/bundle.js

@@ -4,33 +4,100 @@
 // Use define from require.js not webpack's define
 var _define = window.define;
 
+// document-register-element
+var docRegister = require("document-register-element");
+_define("document-register-element", function() {
+    return docRegister;
+});
+
+// fetch
+var fetch = require("whatwg-fetch");
+_define("fetch", function() {
+    return fetch
+});
+
+// flvjs
+var flvjs = require("flv.js/dist/flv").default;
+_define("flvjs", function() {
+    return flvjs;
+});
+
 // jstree
 var jstree = require("jstree");
 require("jstree/dist/themes/default/style.css");
-_define("jstree", function() { return jstree; });
+_define("jstree", function() {
+    return jstree;
+});
 
 // jquery
 var jquery = require("jquery");
-_define("jQuery", function() { return jquery; });
+_define("jQuery", function() {
+    return jquery;
+});
 
 // hlsjs
 var hlsjs = require("hls.js");
-_define("hlsjs", function() { return hlsjs; });
+_define("hlsjs", function() {
+    return hlsjs;
+});
 
 // howler
 var howler = require("howler");
-_define("howler", function() { return howler; });
+_define("howler", function() {
+    return howler;
+});
+
+// resize-observer-polyfill
+var resize = require("resize-observer-polyfill").default;
+_define("resize-observer-polyfill", function() {
+    return resize;
+});
+
+// shaka
+var shaka = require("shaka-player");
+_define("shaka", function() {
+    return shaka;
+});
 
 // swiper
-var swiper = require("swiper");
-require("swiper/dist/css/swiper.min.css");
-_define("swiper", function() { return swiper; });
+var swiper = require("swiper/js/swiper");
+require("swiper/css/swiper.min.css");
+_define("swiper", function() {
+    return swiper;
+});
 
 // sortable
-var sortable = require("sortablejs");
-_define("sortable", function() { return sortable; });
+var sortable = require("sortablejs").default;
+_define("sortable", function() {
+    return sortable;
+});
+
+// webcomponents
+var webcomponents = require("webcomponents.js/webcomponents-lite");
+_define("webcomponents", function() {
+    return webcomponents
+});
 
 // libjass
 var libjass = require("libjass");
 require("libjass/libjass.css");
-_define("libjass", function() { return libjass; });
+_define("libjass", function() {
+    return libjass;
+});
+
+// libass-wasm
+var libass_wasm = require("libass-wasm");
+_define("JavascriptSubtitlesOctopus", function() {
+    return libass_wasm;
+});
+
+// material-icons
+var material_icons = require("material-design-icons-iconfont/dist/material-design-icons.css");
+_define("material-icons", function() {
+    return material_icons;
+});
+
+var jellyfin_noto = require("jellyfin-noto");
+_define("jellyfin-noto", function () {
+    return jellyfin_noto;
+});

src/components/accessschedule/accessschedule.js

@@ -1,19 +1,33 @@
-define(["dialogHelper", "datetime", "emby-select", "paper-icon-button-light", "formDialogStyle"], function(dialogHelper, datetime) {
+define(["dialogHelper", "datetime", "emby-select", "paper-icon-button-light", "formDialogStyle"], function (dialogHelper, datetime) {
     "use strict";
 
     function getDisplayTime(hours) {
-        var minutes = 0,
-            pct = hours % 1;
-        return pct && (minutes = parseInt(60 * pct)), datetime.getDisplayTime(new Date(2e3, 1, 1, hours, minutes, 0, 0))
+        var minutes = 0;
+        var pct = hours % 1;
+
+        if (pct) {
+            minutes = parseInt(60 * pct);
+        }
+
+        return datetime.getDisplayTime(new Date(2000, 1, 1, hours, minutes, 0, 0));
     }
 
     function populateHours(context) {
-        for (var html = "", i = 0; i < 24; i++) html += '<option value="' + i + '">' + getDisplayTime(i) + "</option>";
-        html += '<option value="24">' + getDisplayTime(0) + "</option>", context.querySelector("#selectStart").innerHTML = html, context.querySelector("#selectEnd").innerHTML = html
+        var html = "";
+
+        for (var i = 0; i < 24; i++) {
+            html += '<option value="' + i + '">' + getDisplayTime(i) + "</option>";
+        }
+
+        html += '<option value="24">' + getDisplayTime(0) + "</option>";
+        context.querySelector("#selectStart").innerHTML = html;
+        context.querySelector("#selectEnd").innerHTML = html;
     }
 
     function loadSchedule(context, schedule) {
-        context.querySelector("#selectDay").value = schedule.DayOfWeek || "Sunday", context.querySelector("#selectStart").value = schedule.StartHour || 0, context.querySelector("#selectEnd").value = schedule.EndHour || 0
+        context.querySelector("#selectDay").value = schedule.DayOfWeek || "Sunday";
+        context.querySelector("#selectStart").value = schedule.StartHour || 0;
+        context.querySelector("#selectEnd").value = schedule.EndHour || 0;
     }
 
     function submitSchedule(context, options) {
@@ -22,30 +36,54 @@ define(["dialogHelper", "datetime", "emby-select", "paper-icon-button-light", "f
             StartHour: context.querySelector("#selectStart").value,
             EndHour: context.querySelector("#selectEnd").value
         };
-        if (parseFloat(updatedSchedule.StartHour) >= parseFloat(updatedSchedule.EndHour)) return void alert(Globalize.translate("ErrorMessageStartHourGreaterThanEnd"));
-        context.submitted = !0, options.schedule = Object.assign(options.schedule, updatedSchedule), dialogHelper.close(context)
+
+        if (parseFloat(updatedSchedule.StartHour) >= parseFloat(updatedSchedule.EndHour)) {
+            return void alert(Globalize.translate("ErrorMessageStartHourGreaterThanEnd"));
+        }
+
+        context.submitted = true;
+        options.schedule = Object.assign(options.schedule, updatedSchedule);
+        dialogHelper.close(context);
     }
+
     return {
-        show: function(options) {
-            return new Promise(function(resolve, reject) {
-                var xhr = new XMLHttpRequest;
-                xhr.open("GET", "components/accessschedule/accessschedule.template.html", !0), xhr.onload = function(e) {
-                    var template = this.response,
-                        dlg = dialogHelper.createDialog({
-                            removeOnClose: !0,
-                            size: "small"
-                        });
+        show: function (options) {
+            return new Promise(function (resolve, reject) {
+                var xhr = new XMLHttpRequest();
+                xhr.open("GET", "components/accessschedule/accessschedule.template.html", true);
+
+                xhr.onload = function (e) {
+                    var template = this.response;
+                    var dlg = dialogHelper.createDialog({
+                        removeOnClose: true,
+                        size: "small"
+                    });
                     dlg.classList.add("formDialog");
                     var html = "";
-                    html += Globalize.translateDocument(template), dlg.innerHTML = html, populateHours(dlg), loadSchedule(dlg, options.schedule), dialogHelper.open(dlg), dlg.addEventListener("close", function() {
-                        dlg.submitted ? resolve(options.schedule) : reject()
-                    }), dlg.querySelector(".btnCancel").addEventListener("click", function(e) {
-                        dialogHelper.close(dlg)
-                    }), dlg.querySelector("form").addEventListener("submit", function(e) {
-                        return submitSchedule(dlg, options), e.preventDefault(), !1
-                    })
-                }, xhr.send()
-            })
+                    html += Globalize.translateDocument(template);
+                    dlg.innerHTML = html;
+                    populateHours(dlg);
+                    loadSchedule(dlg, options.schedule);
+                    dialogHelper.open(dlg);
+                    dlg.addEventListener("close", function () {
+                        if (dlg.submitted) {
+                            resolve(options.schedule);
+                        } else {
+                            reject();
+                        }
+                    });
+                    dlg.querySelector(".btnCancel").addEventListener("click", function (e) {
+                        dialogHelper.close(dlg);
+                    });
+                    dlg.querySelector("form").addEventListener("submit", function (e) {
+                        submitSchedule(dlg, options);
+                        e.preventDefault();
+                        return false;
+                    });
+                };
+
+                xhr.send();
+            });
         }
-    }
-});
+    };
+});

src/components/accessschedule/accessschedule.template.html

@@ -1,5 +1,7 @@
 <div class="formDialogHeader">
-    <button is="paper-icon-button-light" class="btnCancel autoSize" tabindex="-1"><i class="md-icon">&#xE5C4;</i></button>
+    <button is="paper-icon-button-light" class="btnCancel autoSize" tabindex="-1">
+        <i class="material-icons arrow_back"></i>
+    </button>
     <h3 class="formDialogHeaderTitle">
         ${HeaderAccessSchedule}
     </h3>
@@ -36,4 +38,4 @@
             </div>
         </form>
     </div>
-</div>
+</div>

src/components/actionsheet/actionsheet.css

@@ -4,7 +4,7 @@
     padding: 0;
     border: none;
     max-height: 84%;
-    border-radius: .1em !important;
+    border-radius: 0.1em !important;
 }
 
 .actionsheet-not-fullscreen {
@@ -24,7 +24,7 @@
 
 .actionSheetContent {
     margin: 0 !important;
-    padding: .4em 0 !important;
+    padding: 0.4em 0 !important;
     flex-direction: column;
     display: flex;
     justify-content: center;
@@ -37,14 +37,15 @@
     box-shadow: none;
     flex-shrink: 0;
     border-radius: 0;
+    margin: 0;
 }
 
-    .actionSheetMenuItem:focus {
-        transform: none !important;
-    }
+.actionSheetMenuItem:focus {
+    transform: none !important;
+}
 
 .actionsheetListItemBody {
-    padding: .4em 1em .4em .6em !important;
+    padding: 0.4em 1em 0.4em 0.6em !important;
 }
 
 .actionSheetItemText {
@@ -58,13 +59,13 @@
 }
 
 .actionSheetItemAsideText {
-    opacity: .7;
+    opacity: 0.7;
     font-size: 90%;
     display: flex;
     justify-content: flex-end;
     flex-shrink: 0;
     margin-left: 5em;
-    margin-right: .5em;
+    margin-right: 0.5em;
 }
 
 .actionSheetScroller {
@@ -82,14 +83,14 @@
 }
 
 .actionsheetDivider {
-    height: .07em;
-    margin: .25em 0;
+    height: 0.07em;
+    margin: 0.25em 0;
     flex-shrink: 0;
 }
 
 .actionSheetTitle {
-    margin: .6em 0 .7em !important;
-    padding: 0 .9em;
+    margin: 0.6em 0 0.7em !important;
+    padding: 0 0.9em;
     flex-grow: 0;
 }
 
@@ -99,16 +100,16 @@
 }
 
 .actionsheetMenuItemIcon {
-    margin: 0 .85em 0 .45em !important;
+    margin: 0 0.85em 0 0.45em !important;
     padding: 0 !important;
 }
 
 .actionsheet-xlargeFont {
-    font-size: 112%!important;
+    font-size: 112% !important;
 }
 
 .btnCloseActionSheet {
     position: fixed;
-    top: .75em;
-    left: .5em;
+    top: 0.75em;
+    left: 0.5em;
 }

src/components/actionsheet/actionsheet.js

@@ -139,7 +139,9 @@ define(['dialogHelper', 'layoutManager', 'globalize', 'browser', 'dom', 'emby-bu
             style += "min-width:" + minWidth + "px;";
         }
 
-        var i, length, option;
+        var i;
+        var length;
+        var option;
         var renderIcon = false;
         var icons = [];
         var itemIcon;
@@ -156,7 +158,7 @@ define(['dialogHelper', 'layoutManager', 'globalize', 'browser', 'dom', 'emby-bu
         }
 
         if (layoutManager.tv) {
-            html += '<button is="paper-icon-button-light" class="btnCloseActionSheet hide-mouse-idle-tv" tabindex="-1"><i class="md-icon">&#xE5C4;</i></button>';
+            html += '<button is="paper-icon-button-light" class="btnCloseActionSheet hide-mouse-idle-tv" tabindex="-1"><i class="material-icons arrow_back"></i></button>';
         }
 
         // If any items have an icon, give them all an icon just to make sure they're all lined up evenly
@@ -224,10 +226,9 @@ define(['dialogHelper', 'layoutManager', 'globalize', 'browser', 'dom', 'emby-bu
 
             if (itemIcon) {
 
-                html += '<i class="actionsheetMenuItemIcon listItemIcon listItemIcon-transparent md-icon">' + itemIcon + '</i>';
-            }
-            else if (renderIcon && !center) {
-                html += '<i class="actionsheetMenuItemIcon listItemIcon listItemIcon-transparent md-icon" style="visibility:hidden;">check</i>';
+                html += '<i class="actionsheetMenuItemIcon listItemIcon listItemIcon-transparent material-icons">' + itemIcon + '</i>';
+            } else if (renderIcon && !center) {
+                html += '<i class="actionsheetMenuItemIcon listItemIcon listItemIcon-transparent material-icons" style="visibility:hidden;">check</i>';
             }
 
             html += '<div class="listItemBody actionsheetListItemBody">';
@@ -356,4 +357,4 @@ define(['dialogHelper', 'layoutManager', 'globalize', 'browser', 'dom', 'emby-bu
     return {
         show: show
     };
-});
+});

src/components/actionsheet/package.json

@@ -1,3 +0,0 @@
-{
-    "main": "actionsheet.js"
-}

src/components/activitylog.js

@@ -1,96 +1,157 @@
-define(["events", "globalize", "dom", "datetime", "userSettings", "serverNotifications", "connectionManager", "emby-button", "listViewStyle"], function(events, globalize, dom, datetime, userSettings, serverNotifications, connectionManager) {
+define(["events", "globalize", "dom", "datetime", "userSettings", "serverNotifications", "connectionManager", "emby-button", "listViewStyle"], function (events, globalize, dom, datetime, userSettings, serverNotifications, connectionManager) {
     "use strict";
 
     function getEntryHtml(entry, apiClient) {
         var html = "";
         html += '<div class="listItem listItem-border">';
         var color = "#00a4dc";
-        var icon =  "notifications";
+        var icon = "notifications";
+
         if ("Error" == entry.Severity || "Fatal" == entry.Severity || "Warn" == entry.Severity) {
             color = "#cc0000";
             icon = "notification_important";
         }
+
         if (entry.UserId && entry.UserPrimaryImageTag) {
-            html += '<i class="listItemIcon md-icon" style="width:2em!important;height:2em!important;padding:0;color:transparent;background-color:' + color + ";background-image:url('" + apiClient.getUserImageUrl(entry.UserId, {
+            html += '<i class="listItemIcon material-icons" style="width:2em!important;height:2em!important;padding:0;color:transparent;background-color:' + color + ";background-image:url('" + apiClient.getUserImageUrl(entry.UserId, {
                 type: "Primary",
-                tag: entry.UserPrimaryImageTag,
-                height: 40
+                tag: entry.UserPrimaryImageTag
             }) + "');background-repeat:no-repeat;background-position:center center;background-size: cover;\">dvr</i>"
         } else {
-            html += '<i class="listItemIcon md-icon" style="background-color:' + color + '">' + icon + '</i>';
+            html += '<i class="listItemIcon material-icons" style="background-color:' + color + '">' + icon + '</i>';
         }
-        html += '<div class="listItemBody three-line">', html += '<div class="listItemBodyText">', html += entry.Name, html += "</div>", html += '<div class="listItemBodyText secondary">';
-        var date = datetime.parseISO8601Date(entry.Date, !0);
-        return html += datetime.toLocaleString(date).toLowerCase(), html += "</div>", html += '<div class="listItemBodyText secondary listItemBodyText-nowrap">', html += entry.ShortOverview || "", html += "</div>", html += "</div>", entry.Overview && (html += '<button type="button" is="paper-icon-button-light" class="btnEntryInfo" data-id="' + entry.Id + '" title="' + globalize.translate("Info") + '"><i class="md-icon">info</i></button>'), html += "</div>"
+
+        html += '<div class="listItemBody three-line">';
+        html += '<div class="listItemBodyText">';
+        html += entry.Name;
+        html += "</div>";
+        html += '<div class="listItemBodyText secondary">';
+        var date = datetime.parseISO8601Date(entry.Date, true);
+        html += datetime.toLocaleString(date).toLowerCase();
+        html += "</div>";
+        html += '<div class="listItemBodyText secondary listItemBodyText-nowrap">';
+        html += entry.ShortOverview || "";
+        html += "</div>";
+        html += "</div>";
+
+        if (entry.Overview) {
+            html += '<button type="button" is="paper-icon-button-light" class="btnEntryInfo" data-id="' + entry.Id + '" title="' + globalize.translate("Info") + '"><i class="material-icons">info</i></button>';
+        }
+
+        return html += "</div>";
     }
 
     function renderList(elem, apiClient, result, startIndex, limit) {
-        elem.innerHTML = result.Items.map(function(i) {
-            return getEntryHtml(i, apiClient)
-        }).join("")
+        elem.innerHTML = result.Items.map(function (i) {
+            return getEntryHtml(i, apiClient);
+        }).join("");
     }
 
     function reloadData(instance, elem, apiClient, startIndex, limit) {
-        null == startIndex && (startIndex = parseInt(elem.getAttribute("data-activitystartindex") || "0")), limit = limit || parseInt(elem.getAttribute("data-activitylimit") || "7");
-        var minDate = new Date,
-            hasUserId = "false" !== elem.getAttribute("data-useractivity");
-        hasUserId ? minDate.setTime(minDate.getTime() - 864e5) : minDate.setTime(minDate.getTime() - 6048e5), ApiClient.getJSON(ApiClient.getUrl("System/ActivityLog/Entries", {
+        if (null == startIndex) {
+            startIndex = parseInt(elem.getAttribute("data-activitystartindex") || "0");
+        }
+
+        limit = limit || parseInt(elem.getAttribute("data-activitylimit") || "7");
+        var minDate = new Date();
+        var hasUserId = "false" !== elem.getAttribute("data-useractivity");
+
+        if (hasUserId) {
+            minDate.setTime(minDate.getTime() - 24 * 60 * 60 * 1000); // one day back
+        } else {
+            minDate.setTime(minDate.getTime() - 7 * 24 * 60 * 60 * 1000); // one week back
+        }
+
+        ApiClient.getJSON(ApiClient.getUrl("System/ActivityLog/Entries", {
             startIndex: startIndex,
             limit: limit,
             minDate: minDate.toISOString(),
             hasUserId: hasUserId
-        })).then(function(result) {
-            if (elem.setAttribute("data-activitystartindex", startIndex), elem.setAttribute("data-activitylimit", limit), !startIndex) {
+        })).then(function (result) {
+            elem.setAttribute("data-activitystartindex", startIndex);
+            elem.setAttribute("data-activitylimit", limit);
+            if (!startIndex) {
                 var activityContainer = dom.parentWithClass(elem, "activityContainer");
-                activityContainer && (result.Items.length ? activityContainer.classList.remove("hide") : activityContainer.classList.add("hide"))
+
+                if (activityContainer) {
+                    if (result.Items.length) {
+                        activityContainer.classList.remove("hide");
+                    } else {
+                        activityContainer.classList.add("hide");
+                    }
+                }
             }
-            instance.items = result.Items, renderList(elem, apiClient, result, startIndex, limit)
-        })
+
+            instance.items = result.Items;
+            renderList(elem, apiClient, result, startIndex, limit);
+        });
     }
 
     function onActivityLogUpdate(e, apiClient, data) {
         var options = this.options;
-        options && options.serverId === apiClient.serverId() && reloadData(this, options.element, apiClient)
+
+        if (options && options.serverId === apiClient.serverId()) {
+            reloadData(this, options.element, apiClient);
+        }
     }
 
     function onListClick(e) {
         var btnEntryInfo = dom.parentWithClass(e.target, "btnEntryInfo");
+
         if (btnEntryInfo) {
-            var id = btnEntryInfo.getAttribute("data-id"),
-                items = this.items;
+            var id = btnEntryInfo.getAttribute("data-id");
+            var items = this.items;
+
             if (items) {
-                var item = items.filter(function(i) {
-                    return i.Id.toString() === id
+                var item = items.filter(function (i) {
+                    return i.Id.toString() === id;
                 })[0];
-                item && showItemOverview(item)
+
+                if (item) {
+                    showItemOverview(item);
+                }
             }
         }
     }
 
     function showItemOverview(item) {
-        require(["alert"], function(alert) {
+        require(["alert"], function (alert) {
             alert({
                 text: item.Overview
-            })
-        })
+            });
+        });
     }
 
     function ActivityLog(options) {
         this.options = options;
         var element = options.element;
-        element.classList.add("activityLogListWidget"), element.addEventListener("click", onListClick.bind(this));
+        element.classList.add("activityLogListWidget");
+        element.addEventListener("click", onListClick.bind(this));
         var apiClient = connectionManager.getApiClient(options.serverId);
         reloadData(this, element, apiClient);
         var onUpdate = onActivityLogUpdate.bind(this);
-        this.updateFn = onUpdate, events.on(serverNotifications, "ActivityLogEntry", onUpdate), apiClient.sendMessage("ActivityLogEntryStart", "0,1500")
+        this.updateFn = onUpdate;
+        events.on(serverNotifications, "ActivityLogEntry", onUpdate);
+        apiClient.sendMessage("ActivityLogEntryStart", "0,1500");
     }
-    return ActivityLog.prototype.destroy = function() {
+
+    ActivityLog.prototype.destroy = function () {
         var options = this.options;
+
         if (options) {
             options.element.classList.remove("activityLogListWidget");
-            connectionManager.getApiClient(options.serverId).sendMessage("ActivityLogEntryStop", "0,1500")
+            connectionManager.getApiClient(options.serverId).sendMessage("ActivityLogEntryStop", "0,1500");
         }
+
         var onUpdate = this.updateFn;
-        onUpdate && events.off(serverNotifications, "ActivityLogEntry", onUpdate), this.items = null, this.options = null
-    }, ActivityLog
+
+        if (onUpdate) {
+            events.off(serverNotifications, "ActivityLogEntry", onUpdate);
+        }
+
+        this.items = null;
+        this.options = null;
+    };
+
+    return ActivityLog;
 });

src/components/alert.js

@@ -35,11 +35,11 @@ define(['browser', 'dialog', 'globalize'], function (browser, dialog, globalize)
                 if (result === 'ok') {
                     return Promise.resolve();
                 }
-    
+
                 return Promise.reject();
             });
         }
 
         return Promise.resolve();
     };
-});
+});

src/components/alphanumericshortcuts/alphanumericshortcuts.js

@@ -10,7 +10,7 @@ define(['dom', 'focusManager'], function (dom, focusManager) {
         if (e.ctrlKey) {
             return;
         }
-        if (!!e.shiftKey) {
+        if (e.shiftKey) {
             return;
         }
         if (e.altKey) {
@@ -127,4 +127,4 @@ define(['dom', 'focusManager'], function (dom, focusManager) {
     };
 
     return AlphaNumericShortcuts;
-});
+});

src/components/alphapicker/alphapicker.js

@@ -50,9 +50,7 @@ define(['focusManager', 'layoutManager', 'dom', 'css!./style.css', 'paper-icon-b
 
         var vertical = element.classList.contains('alphaPicker-vertical');
 
-        if (vertical) {
-
-        } else {
+        if (!vertical) {
             element.classList.add('focuscontainer-x');
         }
 
@@ -69,8 +67,7 @@ define(['focusManager', 'layoutManager', 'dom', 'css!./style.css', 'paper-icon-b
 
         html += '<div class="' + rowClassName + '">';
         if (options.mode === 'keyboard') {
-            // space_bar icon
-            html += '<button data-value=" " is="paper-icon-button-light" class="' + alphaPickerButtonClassName + '"><i class="md-icon alphaPickerButtonIcon">&#xE256;</i></button>';
+            html += '<button data-value=" " is="paper-icon-button-light" class="' + alphaPickerButtonClassName + '"><i class="material-icons alphaPickerButtonIcon space_bar"></i></button>';
         } else {
             letters = ['#'];
             html += mapLetters(letters, vertical).join('');
@@ -80,8 +77,7 @@ define(['focusManager', 'layoutManager', 'dom', 'css!./style.css', 'paper-icon-b
         html += mapLetters(letters, vertical).join('');
 
         if (options.mode === 'keyboard') {
-            // backspace icon
-            html += '<button data-value="backspace" is="paper-icon-button-light" class="' + alphaPickerButtonClassName + '"><i class="md-icon alphaPickerButtonIcon">&#xE14A;</i></button>';
+            html += '<button data-value="backspace" is="paper-icon-button-light" class="' + alphaPickerButtonClassName + '"><i class="material-icons alphaPickerButtonIcon">backspace</i></button>';
             html += '</div>';
 
             letters = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
@@ -230,7 +226,8 @@ define(['focusManager', 'layoutManager', 'dom', 'css!./style.css', 'paper-icon-b
     AlphaPicker.prototype.value = function (value, applyValue) {
 
         var element = this.options.element;
-        var btn, selected;
+        var btn;
+        var selected;
 
         if (value !== undefined) {
             if (value != null) {
@@ -244,7 +241,7 @@ define(['focusManager', 'layoutManager', 'dom', 'css!./style.css', 'paper-icon-b
                     try {
                         btn = element.querySelector('.alphaPickerButton[data-value=\'' + value + '\']');
                     } catch (err) {
-                        console.log('Error in querySelector: ' + err);
+                        console.error('error in querySelector: ' + err);
                     }
 
                     if (btn && btn !== selected) {
@@ -321,4 +318,4 @@ define(['focusManager', 'layoutManager', 'dom', 'css!./style.css', 'paper-icon-b
     };
 
     return AlphaPicker;
-});
+});

src/components/alphapicker/style.css

@@ -35,16 +35,15 @@
     font-size: inherit;
     min-width: initial;
     margin: 0;
-    padding: .1em .4em;
+    padding: 0.1em 0.4em;
     width: auto;
-    border-radius: .1em;
+    border-radius: 0.1em;
     font-weight: normal;
     flex-shrink: 0;
     flex-grow: 1;
 }
 
 @media all and (max-height: 50em) {
-
     .alphaPicker-fixed {
         bottom: 5em;
     }
@@ -56,14 +55,12 @@
 }
 
 @media all and (max-height: 49em) {
-
     .alphaPicker-vertical {
         font-size: 94%;
     }
 }
 
 @media all and (max-height: 44em) {
-
     .alphaPicker-vertical {
         font-size: 90%;
     }
@@ -75,14 +72,12 @@
 }
 
 @media all and (max-height: 37em) {
-
     .alphaPicker-vertical {
         font-size: 82%;
     }
 }
 
 @media all and (max-height: 32em) {
-
     .alphaPicker-vertical {
         font-size: 74%;
     }
@@ -112,27 +107,17 @@
     bottom: 1%;
 }
 
-.alphaPicker-fixed-left {
-    left: .4em;
-}
-
 .alphaPicker-fixed-right {
-    right: .4em;
+    right: 0.4em;
 }
 
 @media all and (min-width: 62.5em) {
-
-    .alphaPicker-fixed-left {
-        left: 1em;
-    }
-
     .alphaPicker-fixed-right {
         right: 1em;
     }
 }
 
 @media all and (max-height: 31.25em) {
-
     .alphaPicker-fixed {
         display: none !important;
     }

src/components/appRouter.js

@@ -14,6 +14,9 @@ define(['loading', 'globalize', 'events', 'viewManager', 'layoutManager', 'skinM
         },
         showSettings: function () {
             show('/settings/settings.html');
+        },
+        showNowPlaying: function () {
+            show("/nowplaying.html");
         }
     };
 
@@ -387,13 +390,13 @@ define(['loading', 'globalize', 'events', 'viewManager', 'layoutManager', 'skinM
         var apiClient = connectionManager.currentApiClient();
         var pathname = ctx.pathname.toLowerCase();
 
-        console.log('appRouter - processing path request ' + pathname);
+        console.debug('appRouter - processing path request ' + pathname);
 
         var isCurrentRouteStartup = currentRouteInfo ? currentRouteInfo.route.startup : true;
         var shouldExitApp = ctx.isBack && route.isDefaultRoute && isCurrentRouteStartup;
 
         if (!shouldExitApp && (!apiClient || !apiClient.isLoggedIn()) && !route.anonymous) {
-            console.log('appRouter - route does not allow anonymous access, redirecting to login');
+            console.debug('appRouter - route does not allow anonymous access, redirecting to login');
             beginConnectionWizard();
             return;
         }
@@ -408,10 +411,10 @@ define(['loading', 'globalize', 'events', 'viewManager', 'layoutManager', 'skinM
 
         if (apiClient && apiClient.isLoggedIn()) {
 
-            console.log('appRouter - user is authenticated');
+            console.debug('appRouter - user is authenticated');
 
             if (route.isDefaultRoute) {
-                console.log('appRouter - loading skin home page');
+                console.debug('appRouter - loading skin home page');
                 loadUserSkinWithOptions(ctx);
                 return;
             } else if (route.roles) {
@@ -425,18 +428,13 @@ define(['loading', 'globalize', 'events', 'viewManager', 'layoutManager', 'skinM
             }
         }
 
-        console.log('appRouter - proceeding to ' + pathname);
+        console.debug('appRouter - proceeding to ' + pathname);
         callback();
     }
 
     function loadUserSkinWithOptions(ctx) {
-
         require(['queryString'], function (queryString) {
-
-            //var url = options.url;
-            //var index = url.indexOf('?');
             var params = queryString.parse(ctx.querystring);
-
             skinManager.loadUserSkin({
                 start: params.start
             });
@@ -444,16 +442,13 @@ define(['loading', 'globalize', 'events', 'viewManager', 'layoutManager', 'skinM
     }
 
     function validateRoles(apiClient, roles) {
-
         return Promise.all(roles.split(',').map(function (role) {
             return validateRole(apiClient, role);
         }));
     }
 
     function validateRole(apiClient, role) {
-
         if (role === 'admin') {
-
             return apiClient.getCurrentUser().then(function (user) {
                 if (user.Policy.IsAdministrator) {
                     return Promise.resolve();
@@ -480,7 +475,6 @@ define(['loading', 'globalize', 'events', 'viewManager', 'layoutManager', 'skinM
             route: route,
             path: ctx.path
         };
-        //next();
 
         ctx.handled = true;
     }
@@ -503,7 +497,6 @@ define(['loading', 'globalize', 'events', 'viewManager', 'layoutManager', 'skinM
     }
 
     function endsWith(str, srch) {
-
         return str.lastIndexOf(srch) === srch.length - 1;
     }
 
@@ -513,6 +506,7 @@ define(['loading', 'globalize', 'events', 'viewManager', 'layoutManager', 'skinM
     if (endsWith(baseRoute, '/') && !endsWith(baseRoute, '://')) {
         baseRoute = baseRoute.substring(0, baseRoute.length - 1);
     }
+
     function baseUrl() {
         return baseRoute;
     }
@@ -551,19 +545,21 @@ define(['loading', 'globalize', 'events', 'viewManager', 'layoutManager', 'skinM
     }
 
     function back() {
-
         page.back();
     }
 
+    /**
+     * Pages of "no return" (when "Go back" should behave differently, probably quitting the application).
+     */
+    var startPages = ['home', 'login', 'selectserver'];
+
     function canGoBack() {
-
         var curr = current();
-
         if (!curr) {
             return false;
         }
 
-        if (curr.type === 'home') {
+        if (!document.querySelector('.dialogContainer') && startPages.indexOf(curr.type) !== -1) {
             return false;
         }
         return page.canGoBack();
@@ -576,7 +572,6 @@ define(['loading', 'globalize', 'events', 'viewManager', 'layoutManager', 'skinM
     }
 
     function show(path, options) {
-
         if (path.indexOf('/') !== 0 && path.indexOf('://') === -1) {
             path = '/' + path;
         }
@@ -585,7 +580,6 @@ define(['loading', 'globalize', 'events', 'viewManager', 'layoutManager', 'skinM
         path = path.replace(baseRoute, '');
 
         if (currentRouteInfo && currentRouteInfo.path === path) {
-
             // can't use this with home right now due to the back menu
             if (currentRouteInfo.route.type !== 'home') {
                 loading.hide();
@@ -594,7 +588,6 @@ define(['loading', 'globalize', 'events', 'viewManager', 'layoutManager', 'skinM
         }
 
         return new Promise(function (resolve, reject) {
-
             resolveOnNextShow = resolve;
             page.show(path, options);
         });
@@ -615,14 +608,12 @@ define(['loading', 'globalize', 'events', 'viewManager', 'layoutManager', 'skinM
     }
 
     function showItem(item, serverId, options) {
-
         if (typeof (item) === 'string') {
             var apiClient = serverId ? connectionManager.getApiClient(serverId) : connectionManager.currentApiClient();
             apiClient.getItem(apiClient.getCurrentUserId(), item).then(function (item) {
                 appRouter.showItem(item, options);
             });
         } else {
-
             if (arguments.length === 2) {
                 options = arguments[1];
             }
@@ -637,7 +628,6 @@ define(['loading', 'globalize', 'events', 'viewManager', 'layoutManager', 'skinM
     var allRoutes = [];
 
     function addRoute(path, newRoute) {
-
         page(path, getHandler(newRoute));
         allRoutes.push(newRoute);
     }
@@ -649,7 +639,6 @@ define(['loading', 'globalize', 'events', 'viewManager', 'layoutManager', 'skinM
     var backdropContainer;
     var backgroundContainer;
     function setTransparency(level) {
-
         if (!backdropContainer) {
             backdropContainer = document.querySelector('.backdropContainer');
         }
@@ -662,8 +651,7 @@ define(['loading', 'globalize', 'events', 'viewManager', 'layoutManager', 'skinM
             document.documentElement.classList.add('transparentDocument');
             backgroundContainer.classList.add('backgroundContainer-transparent');
             backdropContainer.classList.add('hide');
-        }
-        else if (level === 'backdrop' || level === 1) {
+        } else if (level === 'backdrop' || level === 1) {
             backdrop.externalBackdrop(true);
             document.documentElement.classList.add('transparentDocument');
             backgroundContainer.classList.add('backgroundContainer-transparent');
@@ -677,9 +665,7 @@ define(['loading', 'globalize', 'events', 'viewManager', 'layoutManager', 'skinM
     }
 
     function pushState(state, title, url) {
-
         state.navigate = false;
-
         page.pushState(state, title, url);
     }
 
@@ -689,41 +675,25 @@ define(['loading', 'globalize', 'events', 'viewManager', 'layoutManager', 'skinM
             baseRoute = baseRoute.substring(0, baseRoute.length - 1);
         }
 
-        console.log('Setting page base to ' + baseRoute);
-
+        console.debug('setting page base to ' + baseRoute);
         page.base(baseRoute);
     }
 
     setBaseRoute();
 
-    function syncNow() {
-        require(['localsync'], function (localSync) {
-            localSync.sync();
-        });
-    }
-
     function invokeShortcut(id) {
-
         if (id.indexOf('library-') === 0) {
-
             id = id.replace('library-', '');
-
             id = id.split('_');
 
             appRouter.showItem(id[0], id[1]);
-
         } else if (id.indexOf('item-') === 0) {
-
             id = id.replace('item-', '');
-
             id = id.split('_');
 
             appRouter.showItem(id[0], id[1]);
-
         } else {
-
             id = id.split('_');
-
             appRouter.show(appRouter.getRouteUrl(id[0], {
                 serverId: id[1]
             }));
@@ -740,6 +710,7 @@ define(['loading', 'globalize', 'events', 'viewManager', 'layoutManager', 'skinM
     appRouter.canGoBack = canGoBack;
     appRouter.current = current;
     appRouter.beginConnectionWizard = beginConnectionWizard;
+    appRouter.invokeShortcut = invokeShortcut;
     appRouter.showItem = showItem;
     appRouter.setTransparency = setTransparency;
     appRouter.getRoutes = getRoutes;
@@ -751,7 +722,6 @@ define(['loading', 'globalize', 'events', 'viewManager', 'layoutManager', 'skinM
         Backdrop: 1,
         Full: 2
     };
-    appRouter.invokeShortcut = invokeShortcut;
 
     return appRouter;
 });

src/components/appfooter/appfooter.css

@@ -2,12 +2,12 @@
     position: fixed;
     left: 0;
     right: 0;
-    z-index: 1;
+    z-index: 10;
     bottom: 0;
     transition: transform 180ms linear;
     contain: layout style;
 }
 
-    .appfooter.headroom--unpinned {
-        transform: translateY(100%)!important;
-    }
+.appfooter.headroom--unpinned {
+    transform: translateY(100%) !important;
+}

src/components/appfooter/appfooter.js

@@ -2,24 +2,18 @@ define(['browser', 'css!./appfooter'], function (browser) {
     'use strict';
 
     function render(options) {
-
         var elem = document.createElement('div');
-
         elem.classList.add('appfooter');
 
-        elem.classList.add('appfooter-blurred');
-
         document.body.appendChild(elem);
 
         return elem;
     }
 
     function appFooter(options) {
-
         var self = this;
 
         self.element = render(options);
-
         self.add = function (elem) {
             self.element.appendChild(elem);
         };

src/components/apphost.js

@@ -104,7 +104,7 @@ define(["appSettings", "browser", "events", "htmlMediaHelper"], function (appSet
 
     function getDeviceName() {
         var deviceName;
-        deviceName = browser.tizen ? "Samsung Smart TV" : browser.web0s ? "LG Smart TV" : browser.operaTv ? "Opera TV" : browser.xboxOne ? "Xbox One" : browser.ps4 ? "Sony PS4" : browser.chrome ? "Chrome" : browser.edge ? "Edge" : browser.firefox ? "Firefox" : browser.msie ? "Internet Explorer" : browser.opera ? "Opera" : "Web Browser";
+        deviceName = browser.tizen ? "Samsung Smart TV" : browser.web0s ? "LG Smart TV" : browser.operaTv ? "Opera TV" : browser.xboxOne ? "Xbox One" : browser.ps4 ? "Sony PS4" : browser.chrome ? "Chrome" : browser.edge ? "Edge" : browser.firefox ? "Firefox" : browser.msie ? "Internet Explorer" : browser.opera ? "Opera" : browser.safari ? "Safari" : "Web Browser";
 
         if (browser.ipad) {
             deviceName += " iPad";
@@ -168,23 +168,25 @@ define(["appSettings", "browser", "events", "htmlMediaHelper"], function (appSet
             return false;
         }
 
-        var savedResult = appSettings.get(htmlMediaAutoplayAppStorageKey);
-        return "true" === savedResult || "false" !== savedResult && null;
+        return true;
     }
 
-    function cueSupported() {
+    function supportsCue() {
         try {
             var video = document.createElement("video");
             var style = document.createElement("style");
+
             style.textContent = "video::cue {background: inherit}";
             document.body.appendChild(style);
             document.body.appendChild(video);
+
             var cue = window.getComputedStyle(video, "::cue").background;
             document.body.removeChild(style);
             document.body.removeChild(video);
+
             return !!cue.length;
         } catch (err) {
-            console.log("Error detecting cue support:" + err);
+            console.error("error detecting cue support: " + err);
             return false;
         }
     }
@@ -192,7 +194,7 @@ define(["appSettings", "browser", "events", "htmlMediaHelper"], function (appSet
     function onAppVisible() {
         if (isHidden) {
             isHidden = false;
-            console.log("triggering app resume event");
+            console.debug("triggering app resume event");
             events.trigger(appHost, "resume");
         }
     }
@@ -200,12 +202,10 @@ define(["appSettings", "browser", "events", "htmlMediaHelper"], function (appSet
     function onAppHidden() {
         if (!isHidden) {
             isHidden = true;
-            console.log("app is hidden");
+            console.debug("app is hidden");
         }
     }
 
-    var htmlMediaAutoplayAppStorageKey = "supportshtmlmediaautoplay0";
-
     var supportedFeatures = function () {
         var features = [];
 
@@ -278,8 +278,9 @@ define(["appSettings", "browser", "events", "htmlMediaHelper"], function (appSet
         features.push("targetblank");
         // allows users to connect to more than one server
         //features.push("multiserver");
+        features.push("screensaver");
 
-        if (!browser.orsay && !browser.tizen && !browser.msie && (browser.firefox || browser.ps4 || browser.edge || cueSupported())) {
+        if (!browser.orsay && !browser.tizen && !browser.msie && (browser.firefox || browser.ps4 || browser.edge || supportsCue())) {
             features.push("subtitleappearancesettings");
         }
 
@@ -298,14 +299,48 @@ define(["appSettings", "browser", "events", "htmlMediaHelper"], function (appSet
         return features;
     }();
 
-    if (supportedFeatures.indexOf("htmlvideoautoplay") === -1 && supportsHtmlMediaAutoplay() !== false) {
-        require(["autoPlayDetect"], function (autoPlayDetect) {
-            autoPlayDetect.supportsHtmlMediaAutoplay().then(function () {
-                appSettings.set(htmlMediaAutoplayAppStorageKey, "true");
-                supportedFeatures.push("htmlvideoautoplay");
-                supportedFeatures.push("htmlaudioautoplay");
-            }, function () {
-                appSettings.set(htmlMediaAutoplayAppStorageKey, "false");
+    /**
+      * Do exit according to platform
+      */
+    function doExit() {
+        try {
+            if (window.NativeShell) {
+                window.NativeShell.AppHost.exit();
+            } else if (browser.tizen) {
+                tizen.application.getCurrentApplication().exit();
+            } else if (browser.web0s) {
+                webOS.platformBack();
+            } else {
+                window.close();
+            }
+        } catch (err) {
+            console.error("error closing application: " + err);
+        }
+    }
+
+    var exitPromise;
+
+    /**
+      * Ask user for exit
+      */
+    function askForExit() {
+        if (exitPromise) {
+            return;
+        }
+
+        require(["actionsheet"], function (actionsheet) {
+            exitPromise = actionsheet.show({
+                title: Globalize.translate("MessageConfirmAppExit"),
+                items: [
+                    {id: "yes", name: Globalize.translate("Yes")},
+                    {id: "no", name: Globalize.translate("No")}
+                ]
+            }).then(function (value) {
+                if (value === "yes") {
+                    doExit();
+                }
+            }).finally(function () {
+                exitPromise = null;
             });
         });
     }
@@ -313,7 +348,7 @@ define(["appSettings", "browser", "events", "htmlMediaHelper"], function (appSet
     var deviceId;
     var deviceName;
     var appName = "Jellyfin Web";
-    var appVersion = "10.4.0";
+    var appVersion = "10.5.5";
     var visibilityChange;
     var visibilityState;
 
@@ -325,16 +360,10 @@ define(["appSettings", "browser", "events", "htmlMediaHelper"], function (appSet
             alert("setWindowState is not supported and should not be called");
         },
         exit: function () {
-            if (window.NativeShell) {
-                window.NativeShell.AppHost.exit();
-            } else if (browser.tizen) {
-                try {
-                    tizen.application.getCurrentApplication().exit();
-                } catch (err) {
-                    console.log("error closing application: " + err);
-                }
+            if (!!window.appMode && browser.tizen) {
+                askForExit();
             } else {
-                window.close();
+                doExit();
             }
         },
         supports: function (command) {
@@ -345,7 +374,7 @@ define(["appSettings", "browser", "events", "htmlMediaHelper"], function (appSet
             return -1 !== supportedFeatures.indexOf(command.toLowerCase());
         },
         preferVisualCards: browser.android || browser.chrome,
-        moreIcon: browser.android ? "dots-vert" : "dots-horiz",
+        moreIcon: browser.android ? "more_vert" : "more_horiz",
         getSyncProfile: getSyncProfile,
         getDefaultLayout: function () {
             if (window.NativeShell) {
@@ -394,7 +423,9 @@ define(["appSettings", "browser", "events", "htmlMediaHelper"], function (appSet
             }
         }
     };
+
     var doc = self.document;
+    var isHidden = false;
 
     if (doc) {
         if (void 0 !== doc.visibilityState) {
@@ -418,8 +449,6 @@ define(["appSettings", "browser", "events", "htmlMediaHelper"], function (appSet
         }
     }
 
-    var isHidden = false;
-
     if (doc) {
         doc.addEventListener(visibilityChange, function () {
             if (document[visibilityState]) {

src/components/autoFocuser.js

@@ -0,0 +1,101 @@
+define(["focusManager", "layoutManager"], function (focusManager, layoutManager) {
+    "use strict";
+
+    /**
+     * Previously selected element.
+     */
+    var activeElement;
+
+    /**
+     * Returns true if AutoFocuser is enabled.
+     */
+    function isEnabled() {
+        return layoutManager.tv;
+    }
+
+    /**
+     * Start AutoFocuser
+     */
+    function enable() {
+        if (!isEnabled()) {
+            return;
+        }
+
+        window.addEventListener("focusin", function (e) {
+            activeElement = e.target;
+        });
+
+        console.debug("AutoFocuser enabled");
+    }
+
+    /**
+     * Create an array from some source.
+     */
+    var arrayFrom = Array.prototype.from || function (src) {
+        return Array.prototype.slice.call(src);
+    }
+
+    /**
+     * Set focus on a suitable element, taking into account the previously selected.
+     */
+    function autoFocus(container) {
+        if (!isEnabled()) {
+            return;
+        }
+
+        container = container || document.body;
+
+        var candidates = [];
+
+        if (activeElement) {
+            // These elements are recreated
+            if (activeElement.classList.contains("btnPreviousPage")) {
+                candidates.push(container.querySelector(".btnPreviousPage"));
+                candidates.push(container.querySelector(".btnNextPage"));
+            } else if (activeElement.classList.contains("btnNextPage")) {
+                candidates.push(container.querySelector(".btnNextPage"));
+                candidates.push(container.querySelector(".btnPreviousPage"));
+            } else if (activeElement.classList.contains("btnSelectView")) {
+                candidates.push(container.querySelector(".btnSelectView"));
+            }
+
+            candidates.push(activeElement);
+        }
+
+        candidates = candidates.concat(arrayFrom(container.querySelectorAll(".btnResume")));
+        candidates = candidates.concat(arrayFrom(container.querySelectorAll(".btnPlay")));
+
+        var focusedElement;
+
+        candidates.every(function (element) {
+            if (focusManager.isCurrentlyFocusable(element)) {
+                focusManager.focus(element);
+                focusedElement = element;
+                return false;
+            }
+
+            return true;
+        });
+
+        if (!focusedElement) {
+            // FIXME: Multiple itemsContainers
+            var itemsContainer = container.querySelector(".itemsContainer");
+
+            if (itemsContainer) {
+                focusedElement = focusManager.autoFocus(itemsContainer);
+            }
+        }
+
+        if (!focusedElement) {
+            focusedElement = focusManager.autoFocus(container);
+        }
+
+        return focusedElement;
+    }
+
+    return {
+        isEnabled: isEnabled,
+        enable: enable,
+        autoFocus: autoFocus
+    };
+});

src/components/backdrop/backdrop.js

@@ -1,8 +1,7 @@
-define(['browser', 'connectionManager', 'playbackManager', 'dom', 'css!./style'], function (browser, connectionManager, playbackManager, dom) {
+define(['browser', 'connectionManager', 'playbackManager', 'dom', "userSettings", 'css!./backdrop'], function (browser, connectionManager, playbackManager, dom, userSettings) {
     'use strict';
 
     function enableAnimation(elem) {
-
         if (browser.slow) {
             return false;
         }
@@ -11,7 +10,6 @@ define(['browser', 'connectionManager', 'playbackManager', 'dom', 'css!./style']
     }
 
     function enableRotation() {
-
         if (browser.tv) {
             return false;
         }
@@ -25,17 +23,13 @@ define(['browser', 'connectionManager', 'playbackManager', 'dom', 'css!./style']
     }
 
     function Backdrop() {
-
     }
 
     Backdrop.prototype.load = function (url, parent, existingBackdropImage) {
-
         var img = new Image();
-
         var self = this;
 
         img.onload = function () {
-
             if (self.isDestroyed) {
                 return;
             }
@@ -75,6 +69,7 @@ define(['browser', 'connectionManager', 'playbackManager', 'dom', 'css!./style']
 
             internalBackdrop(true);
         };
+
         img.src = url;
     };
 
@@ -87,14 +82,12 @@ define(['browser', 'connectionManager', 'playbackManager', 'dom', 'css!./style']
     };
 
     Backdrop.prototype.destroy = function () {
-
         this.isDestroyed = true;
         this.cancelAnimation();
     };
 
     var backdropContainer;
     function getBackdropContainer() {
-
         if (!backdropContainer) {
             backdropContainer = document.querySelector('.backdropContainer');
         }
@@ -109,7 +102,6 @@ define(['browser', 'connectionManager', 'playbackManager', 'dom', 'css!./style']
     }
 
     function clearBackdrop(clearAll) {
-
         clearRotation();
 
         if (currentLoadingBackdrop) {
@@ -123,6 +115,7 @@ define(['browser', 'connectionManager', 'playbackManager', 'dom', 'css!./style']
         if (clearAll) {
             hasExternalBackdrop = false;
         }
+
         internalBackdrop(false);
     }
 
@@ -133,8 +126,8 @@ define(['browser', 'connectionManager', 'playbackManager', 'dom', 'css!./style']
         }
         return backgroundContainer;
     }
-    function setBackgroundContainerBackgroundEnabled() {
 
+    function setBackgroundContainerBackgroundEnabled() {
         if (hasInternalBackdrop || hasExternalBackdrop) {
             getBackgroundContainer().classList.add('withBackdrop');
         } else {
@@ -160,7 +153,6 @@ define(['browser', 'connectionManager', 'playbackManager', 'dom', 'css!./style']
 
     var currentLoadingBackdrop;
     function setBackdropImage(url) {
-
         if (currentLoadingBackdrop) {
             currentLoadingBackdrop.destroy();
             currentLoadingBackdrop = null;
@@ -181,48 +173,27 @@ define(['browser', 'connectionManager', 'playbackManager', 'dom', 'css!./style']
         currentLoadingBackdrop = instance;
     }
 
-    var standardWidths = [480, 720, 1280, 1440, 1920];
-    function getBackdropMaxWidth() {
-
-        var width = dom.getWindowSize().innerWidth;
-
-        if (standardWidths.indexOf(width) !== -1) {
-            return width;
-        }
-
-        var roundScreenTo = 100;
-        width = Math.floor(width / roundScreenTo) * roundScreenTo;
-
-        return Math.min(width, 1920);
-    }
-
     function getItemImageUrls(item, imageOptions) {
-
         imageOptions = imageOptions || {};
 
         var apiClient = connectionManager.getApiClient(item.ServerId);
-
         if (item.BackdropImageTags && item.BackdropImageTags.length > 0) {
-
             return item.BackdropImageTags.map(function (imgTag, index) {
-
                 return apiClient.getScaledImageUrl(item.BackdropItemId || item.Id, Object.assign(imageOptions, {
                     type: "Backdrop",
                     tag: imgTag,
-                    maxWidth: getBackdropMaxWidth(),
+                    maxWidth: dom.getScreenWidth(),
                     index: index
                 }));
             });
         }
 
         if (item.ParentBackdropItemId && item.ParentBackdropImageTags && item.ParentBackdropImageTags.length) {
-
             return item.ParentBackdropImageTags.map(function (imgTag, index) {
-
                 return apiClient.getScaledImageUrl(item.ParentBackdropItemId, Object.assign(imageOptions, {
                     type: "Backdrop",
                     tag: imgTag,
-                    maxWidth: getBackdropMaxWidth(),
+                    maxWidth: dom.getScreenWidth(),
                     index: index
                 }));
             });
@@ -232,17 +203,13 @@ define(['browser', 'connectionManager', 'playbackManager', 'dom', 'css!./style']
     }
 
     function getImageUrls(items, imageOptions) {
-
         var list = [];
-
         var onImg = function (img) {
             list.push(img);
         };
 
         for (var i = 0, length = items.length; i < length; i++) {
-
             var itemImages = getItemImageUrls(items[i], imageOptions);
-
             itemImages.forEach(onImg);
         }
 
@@ -262,33 +229,35 @@ define(['browser', 'connectionManager', 'playbackManager', 'dom', 'css!./style']
 
         // If you don't care about the order of the elements inside
         // the array, you should sort both arrays here.
-
         for (var i = 0; i < a.length; ++i) {
             if (a[i] !== b[i]) {
                 return false;
             }
         }
+
         return true;
     }
 
+    function enabled() {
+        return userSettings.enableBackdrops();
+    }
+
     var rotationInterval;
     var currentRotatingImages = [];
     var currentRotationIndex = -1;
     function setBackdrops(items, imageOptions, enableImageRotation) {
+        if (enabled()) {
+            var images = getImageUrls(items, imageOptions);
 
-        var images = getImageUrls(items, imageOptions);
-
-        if (images.length) {
-
-            startRotation(images, enableImageRotation);
-
-        } else {
-            clearBackdrop();
+            if (images.length) {
+                startRotation(images, enableImageRotation);
+            } else {
+                clearBackdrop();
+            }
         }
     }
 
     function startRotation(images, enableImageRotation) {
-
         if (arraysEqual(images, currentRotatingImages)) {
             return;
         }
@@ -301,11 +270,11 @@ define(['browser', 'connectionManager', 'playbackManager', 'dom', 'css!./style']
         if (images.length > 1 && enableImageRotation !== false && enableRotation()) {
             rotationInterval = setInterval(onRotationInterval, 24000);
         }
+
         onRotationInterval();
     }
 
     function onRotationInterval() {
-
         if (playbackManager.isPlayingLocally(['Video'])) {
             return;
         }
@@ -324,35 +293,29 @@ define(['browser', 'connectionManager', 'playbackManager', 'dom', 'css!./style']
         if (interval) {
             clearInterval(interval);
         }
+
         rotationInterval = null;
         currentRotatingImages = [];
         currentRotationIndex = -1;
     }
 
     function setBackdrop(url, imageOptions) {
-
-        if (url) {
-            if (typeof url !== 'string') {
-                url = getImageUrls([url], imageOptions)[0];
-            }
+        if (url && typeof url !== 'string') {
+            url = getImageUrls([url], imageOptions)[0];
         }
 
         if (url) {
             clearRotation();
-
             setBackdropImage(url);
-
         } else {
             clearBackdrop();
         }
     }
 
     return {
-
         setBackdrops: setBackdrops,
         setBackdrop: setBackdrop,
         clear: clearBackdrop,
         externalBackdrop: externalBackdrop
     };
-
-});
+});

src/components/backdrop/package.json

@@ -1,3 +0,0 @@
-{
-    "main": "backdrop.js"
-}

src/components/backdropscreensaver/plugin.js

@@ -0,0 +1,56 @@
+define(["connectionManager"], function (connectionManager) {
+
+    return function () {
+
+        var self = this;
+
+        self.name = "Backdrop ScreenSaver";
+        self.type = "screensaver";
+        self.id = "backdropscreensaver";
+        self.supportsAnonymous = false;
+
+        var currentSlideshow;
+
+        self.show = function () {
+
+            var query = {
+                ImageTypes: "Backdrop",
+                EnableImageTypes: "Backdrop",
+                IncludeItemTypes: "Movie,Series,MusicArtist",
+                SortBy: "Random",
+                Recursive: true,
+                Fields: "Taglines",
+                ImageTypeLimit: 1,
+                StartIndex: 0,
+                Limit: 200
+            };
+
+            var apiClient = connectionManager.currentApiClient();
+            apiClient.getItems(apiClient.getCurrentUserId(), query).then(function (result) {
+
+                if (result.Items.length) {
+
+                    require(["slideshow"], function (slideshow) {
+
+                        var newSlideShow = new slideshow({
+                            showTitle: true,
+                            cover: true,
+                            items: result.Items
+                        });
+
+                        newSlideShow.show();
+                        currentSlideshow = newSlideShow;
+                    });
+                }
+            });
+        };
+
+        self.hide = function () {
+
+            if (currentSlideshow) {
+                currentSlideshow.hide();
+                currentSlideshow = null;
+            }
+        };
+    }
+});

src/components/cardbuilder/card.css

@@ -1,24 +1,24 @@
+button {
+    -webkit-border-fit: border !important;
+}
+
 button::-moz-focus-inner {
     padding: 0;
     border: 0;
 }
 
-button {
-    -webkit-border-fit: border !important;
-}
-
 .card {
     border: 0;
     font-size: inherit !important;
     font-family: inherit !important;
     text-transform: none;
-    background-color: transparent !important;
     background: none !important;
+    background-color: transparent !important;
     margin: 0;
     padding: 0;
     display: block;
     color: inherit !important;
-    -webkit-tap-highlight-color: rgba(0,0,0,0);
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     outline: none !important;
     cursor: pointer;
     contain: layout style;
@@ -26,24 +26,12 @@ button {
     font-weight: inherit !important;
 }
 
-.card-nofocustransform {
+.card:not(.show-animation) {
     contain: layout style paint;
 }
 
 .itemsContainer {
     display: flex;
-    margin-left: -0.6em;
-    margin-right: -0.6em;
-}
-
-/* TODO replace this with a proper fix */
-/* doesnt work on mobile devices */
-/* negative margin fixes annoying misalignment with cards and title */
-@media all and (max-width:50em) {
-    .itemsContainer {
-        margin-left: 0;
-        margin-right: 0;
-    }
 }
 
 .vertical-list {
@@ -67,17 +55,27 @@ button {
     contain: layout style;
 }
 
-.cardPadder-backdrop, .cardPadder-mixedBackdrop, .cardPadder-smallBackdrop, .cardPadder-overflowBackdrop, .cardPadder-overflowSmallBackdrop {
+.cardPadder-backdrop,
+.cardPadder-mixedBackdrop,
+.cardPadder-smallBackdrop,
+.cardPadder-overflowBackdrop,
+.cardPadder-overflowSmallBackdrop {
     padding-bottom: 56.25%;
     contain: strict;
 }
 
-.cardPadder-square, .cardPadder-mixedSquare, .cardPadder-overflowSquare, .overflowSquareCard-textCardPadder {
+.cardPadder-square,
+.cardPadder-mixedSquare,
+.cardPadder-overflowSquare,
+.overflowSquareCard-textCardPadder {
     padding-bottom: 100%;
     contain: strict;
 }
 
-.cardPadder-portrait, .cardPadder-mixedPortrait, .cardPadder-overflowPortrait, .overflowPortraitCard-textCardPadder {
+.cardPadder-portrait,
+.cardPadder-mixedPortrait,
+.cardPadder-overflowPortrait,
+.overflowPortraitCard-textCardPadder {
     padding-bottom: 150%;
     contain: strict;
 }
@@ -92,26 +90,29 @@ button {
     margin: 0.6em;
     transition: none;
     border: 0 solid transparent;
+
     /* These both are needed in case cardBox is a button */
-    -webkit-tap-highlight-color: rgba(0,0,0,0);
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     outline: none !important;
-    contain: layout style;
+    contain: layout;
+    contain: style;
 }
 
-.cardBox-withfocuscontent-large {
-    margin: .4em;
-}
-
-.card-focuscontent-large {
-    border: .5em solid transparent;
-}
-
-.cardBox-focustransform {
+.card.show-animation .cardBox {
     will-change: transform;
     transition: transform 200ms ease-out;
 }
 
-.card:focus > .cardBox-focustransform {
+.card.show-focus:not(.show-animation) .cardBox {
+    margin: 0.4em;
+}
+
+.card.show-focus:not(.show-animation) .cardBox.visualCardBox,
+.card.show-focus:not(.show-animation) .cardBox:not(.visualCardBox) .cardScalable {
+    border: 0.5em solid transparent;
+}
+
+.card.show-animation:focus > .cardBox {
     transform: scale(1.18, 1.18);
 }
 
@@ -133,7 +134,7 @@ button {
 
 .btnCardOptions {
     position: absolute;
-    bottom: .25em;
+    bottom: 0.25em;
     right: 0;
     margin: 0 !important;
     z-index: 1;
@@ -144,8 +145,8 @@ button {
     position: absolute;
     align-items: center;
     justify-content: center;
-    top: .3em;
-    left: .3em;
+    top: 0.3em;
+    left: 0.3em;
     text-align: center;
     vertical-align: middle;
     width: 1.6em;
@@ -156,7 +157,7 @@ button {
 }
 
 .cardImageContainer {
-    background-size: contain;
+    background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
     display: -webkit-flex;
@@ -166,6 +167,7 @@ button {
     position: relative;
     background-clip: content-box !important;
     color: inherit;
+
     /* This is only needed for scalable cards */
     height: 100%;
     contain: strict;
@@ -187,13 +189,16 @@ button {
     left: 0;
     right: 0;
     bottom: 0;
+
     /* Needed in case this is a button */
     display: block;
+
     /* Needed in case this is a button */
     margin: 0 !important;
+
     /* Needed in safari */
     height: 100%;
-    -webkit-tap-highlight-color: rgba(0,0,0,0);
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     outline: none !important;
     contain: strict;
 }
@@ -222,24 +227,22 @@ button {
     box-shadow: 0 0.0725em 0.29em 0 rgba(0, 0, 0, 0.37);
 }
 
-.cardImageContainer {
-    display: flex;
-}
-
 .cardImage {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
-    background-size: contain;
+    background-size: cover;
     background-repeat: no-repeat;
-    background-position: center bottom;
+    background-position: center;
+    border: none;
 }
 
 .cardImage-img {
     max-height: 100%;
     max-width: 100%;
+
     /* This is simply for lazy image purposes, to ensure the image is visible sooner when scrolling */
     min-height: 70%;
     min-width: 70%;
@@ -257,7 +260,7 @@ button {
 }
 
 .coveredImage {
-    background-size: 100% 100%;
+    background-size: cover;
     background-position: center center;
 }
 
@@ -266,17 +269,17 @@ button {
 }
 
 .cardFooter {
-    padding: .3em .3em .5em .3em;
+    padding: 0.3em 0.3em 0.5em 0.3em;
     position: relative;
 }
 
 .visualCardBox {
     box-shadow: 0 0.0725em 0.29em 0 rgba(0, 0, 0, 0.37);
-    border-radius: .145em;
+    border-radius: 0.145em;
 }
 
 .innerCardFooter {
-    background: rgba(0,0,0,.7);
+    background: rgba(0, 0, 0, 0.7);
     position: absolute;
     bottom: 0;
     left: 0;
@@ -296,7 +299,7 @@ button {
 }
 
 .cardText {
-    padding: .06em .5em;
+    padding: 0.06em 0.5em;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -308,7 +311,24 @@ button {
 }
 
 .cardText-first {
-    padding-top: .24em;
+    padding-top: 0.24em;
+}
+
+.textActionButton {
+    border: 0 !important;
+    background: transparent;
+    padding: 0 !important;
+    cursor: pointer;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    outline: none !important;
+    color: inherit;
+    vertical-align: middle;
+    font-family: inherit;
+    font-size: inherit;
+}
+
+.textActionButton:hover {
+    text-decoration: underline;
 }
 
 .cardText > .textActionButton {
@@ -318,7 +338,7 @@ button {
 }
 
 .innerCardFooter > .cardText {
-    padding: .3em .5em;
+    padding: 0.3em 0.5em;
 }
 
 .cardFooter-withlogo {
@@ -350,40 +370,19 @@ button {
     text-align: center;
 }
 
-.textActionButton {
-    border: 0 !important;
-    background: transparent;
-    border: 0 !important;
-    padding: 0 !important;
-    cursor: pointer;
-    -webkit-tap-highlight-color: rgba(0,0,0,0);
-    outline: none !important;
-    color: inherit;
-    vertical-align: middle;
-    font-family: inherit;
-    font-size: inherit;
-    /*display: flex;
-    align-items: center;
-    justify-content: center;*/
-}
-
-.textActionButton:hover {
-    text-decoration: underline;
-}
-
-.cardImageIcon {
+.cardImageContainer .cardImageIcon {
     font-size: 5em;
     color: inherit;
 }
 
 .cardImageIcon-small {
-    font-size: 3em;
-    margin-bottom: .1em;
+    font-size: 3em !important;
+    margin-bottom: 0.1em;
 }
 
 .cardIndicators {
-    right: .225em;
-    top: .225em;
+    right: 0.225em;
+    top: 0.225em;
     position: absolute;
     display: flex;
     align-items: center;
@@ -400,16 +399,16 @@ button {
 }
 
 .programAttributeIndicator {
-    padding: .18em .5em;
+    padding: 0.18em 0.5em;
     color: #fff;
     font-weight: 500;
 }
 
 .cardOverlayButton {
-    color: rgba(255, 255, 255, .76);
+    color: rgba(255, 255, 255, 0.76);
     margin: 0;
     z-index: 1;
-    padding: .75em;
+    padding: 0.75em;
     font-size: 88%;
 }
 
@@ -420,7 +419,7 @@ button {
 }
 
 .cardOverlayButtonIcon {
-    background-color: rgba(0,0,0,.7) !important;
+    background-color: rgba(0, 0, 0, 0.7) !important;
     border-radius: 100em;
     width: 1.5em !important;
     height: 1.5em !important;
@@ -430,6 +429,12 @@ button {
     font-size: 1.66956521739130434em !important;
 }
 
+.cardOverlayButtonIcon.material-icons {
+    /* material-icons override display, so we need to
+       make a better matching selector to set it to flex */
+    display: flex;
+}
+
 .cardOverlayButton-centered {
     bottom: initial;
     right: initial;
@@ -442,10 +447,10 @@ button {
     height: 2.6em;
     top: 50%;
     left: 50%;
-    background-color: rgba(0,0,0,.5) !important;
-    border: .06em solid rgba(255,255,255,.6);
-    padding: .38em !important;
-    color: rgba(255, 255, 255, .76);
+    background-color: rgba(0, 0, 0, 0.5) !important;
+    border: 0.06em solid rgba(255, 255, 255, 0.6);
+    padding: 0.38em !important;
+    color: rgba(255, 255, 255, 0.76);
     transition: transform 200ms ease-out;
 }
 
@@ -492,13 +497,15 @@ button {
         width: 33.333333333333333333333333333333%;
     }
 
-    .squareCard, .portraitCard {
+    .squareCard,
+    .portraitCard {
         width: 33.333333333333333333333333333333%;
     }
 }
 
 @media (min-width: 43.75em) {
-    .squareCard, .portraitCard {
+    .squareCard,
+    .portraitCard {
         width: 25%;
     }
 }
@@ -514,7 +521,8 @@ button {
         width: 50%;
     }
 
-    .squareCard, .portraitCard {
+    .squareCard,
+    .portraitCard {
         width: 20%;
     }
 
@@ -534,7 +542,8 @@ button {
         width: 25%;
     }
 
-    .squareCard, .portraitCard {
+    .squareCard,
+    .portraitCard {
         width: 16.666666666666666666666666666667%;
     }
 
@@ -547,9 +556,9 @@ button {
     }
 }
 
-
 @media (min-width: 87.5em) {
-    .squareCard, .portraitCard {
+    .squareCard,
+    .portraitCard {
         width: 14.285714285714285714285714285714%;
     }
 
@@ -567,13 +576,15 @@ button {
         width: 20%;
     }
 
-    .squareCard, .portraitCard {
+    .squareCard,
+    .portraitCard {
         width: 12.5%;
     }
 }
 
 @media (min-width: 120em) {
-    .squareCard, .portraitCard {
+    .squareCard,
+    .portraitCard {
         width: 11.111111111111111111111111111111%;
     }
 }
@@ -583,7 +594,8 @@ button {
         width: 25%;
     }
 
-    .squareCard, .portraitCard {
+    .squareCard,
+    .portraitCard {
         width: 10%;
     }
 }
@@ -614,7 +626,8 @@ button {
     width: 72vw;
 }
 
-.overflowSquareCard, .overflowPortraitCard {
+.overflowSquareCard,
+.overflowPortraitCard {
     width: 40vw;
 }
 
@@ -639,30 +652,35 @@ button {
 }
 
 @media (min-width: 43.75em) {
-    .overflowSquareCard, .overflowPortraitCard {
-        width: 23.3vw;
+    .overflowSquareCard,
+    .overflowPortraitCard {
+        width: 23.1vw;
     }
 }
 
 @media (min-width: 48.125em) {
-    .overflowBackdropCard, .overflowSmallBackdropCard {
+    .overflowBackdropCard,
+    .overflowSmallBackdropCard {
         width: 30vw;
     }
 }
 
 @media (orientation: landscape) {
-    .overflowBackdropCard, .overflowSmallBackdropCard {
+    .overflowBackdropCard,
+    .overflowSmallBackdropCard {
         width: 30vw;
     }
 
-    .overflowSquareCard, .overflowPortraitCard {
-        width: 23.3vw;
+    .overflowSquareCard,
+    .overflowPortraitCard {
+        width: 23.1vw;
     }
 }
 
 @media (orientation: landscape) and (min-width: 48.125em) {
-    .overflowBackdropCard, .overflowSmallBackdropCard {
-        width: 23.3vw;
+    .overflowBackdropCard,
+    .overflowSmallBackdropCard {
+        width: 23.1vw;
     }
 }
 
@@ -673,55 +691,60 @@ button {
 }
 
 @media (min-width: 50em) {
-    .overflowSquareCard, .overflowPortraitCard {
-        width: 18.4vw;
+    .overflowSquareCard,
+    .overflowPortraitCard {
+        width: 18.5vw;
     }
 }
 
 @media (min-width: 75em) {
-    .overflowBackdropCard, .overflowSmallBackdropCard {
-        width: 23.3vw;
+    .overflowBackdropCard,
+    .overflowSmallBackdropCard {
+        width: 23.1vw;
     }
 
-    .overflowSquareCard, .overflowPortraitCard {
+    .overflowSquareCard,
+    .overflowPortraitCard {
         width: 15.5vw;
     }
 }
 
 @media (min-width: 87.5em) {
-    .overflowSquareCard, .overflowPortraitCard {
+    .overflowSquareCard,
+    .overflowPortraitCard {
         width: 13.3vw;
     }
 }
 
 @media (min-width: 100em) {
-
-    .overflowBackdropCard, .overflowSmallBackdropCard {
+    .overflowBackdropCard,
+    .overflowSmallBackdropCard {
         width: 18.7vw;
     }
 
-    .overflowSquareCard, .overflowPortraitCard {
+    .overflowSquareCard,
+    .overflowPortraitCard {
         width: 11.6vw;
     }
 }
 
 @media (min-width: 120em) {
-
-    .overflowSquareCard, .overflowPortraitCard {
-        width: 10.3vw;
+    .overflowSquareCard,
+    .overflowPortraitCard {
+        width: 10.41vw;
     }
 }
 
 @media (min-width: 131.25em) {
-
-    .overflowSquareCard, .overflowPortraitCard {
+    .overflowSquareCard,
+    .overflowPortraitCard {
         width: 9.3vw;
     }
 }
 
 @media (min-width: 156.25em) {
-
-    .overflowBackdropCard, .overflowSmallBackdropCard {
+    .overflowBackdropCard,
+    .overflowSmallBackdropCard {
         width: 15.6vw;
     }
 }
@@ -738,7 +761,8 @@ button {
     padding-bottom: 87.75%;
 }
 
-.itemsContainer-tv > .overflowSquareCard, .itemsContainer-tv > .overflowPortraitCard {
+.itemsContainer-tv > .overflowSquareCard,
+.itemsContainer-tv > .overflowPortraitCard {
     width: 15.6vw;
 }
 
@@ -747,9 +771,9 @@ button {
 }
 
 .cardOverlayContainer {
-    background: rgba(0,0,0,0.5);
+    background: rgba(0, 0, 0, 0.5);
     opacity: 0;
-    transition: opacity .2s;
+    transition: opacity 0.2s;
     position: absolute;
     top: 0;
     left: 0;
@@ -766,7 +790,7 @@ button {
     opacity: 0;
     transition: 0.2s;
     background: transparent;
-    padding: 0.5em;
+    padding: 0.25em;
 }
 
 .cardOverlayButtonIcon-hover {
@@ -778,7 +802,7 @@ button {
 }
 
 .cardOverlayFab-primary {
-    background-color: rgba(0,0,0,0.7);
+    background-color: rgba(0, 0, 0, 0.7);
     font-size: 130%;
     padding: 0;
     width: 3em;
@@ -793,4 +817,4 @@ button {
 .cardOverlayFab-primary:hover {
     transform: scale(1.4, 1.4);
     transition: 0.2s;
-}
+}

src/components/cardbuilder/cardBuilder.js

@@ -2,8 +2,7 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'focusMana
     function (datetime, imageLoader, connectionManager, itemHelper, focusManager, indicators, globalize, layoutManager, appHost, dom, browser, playbackManager, itemShortcuts, imageHelper) {
         'use strict';
 
-        var devicePixelRatio = window.devicePixelRatio || 1;
-        var enableFocusTransfrom = !browser.slow && !browser.edge;
+        var enableFocusTransform = !browser.slow && !browser.edge;
 
         function getCardsHtml(items, options) {
             if (arguments.length === 1) {
@@ -140,7 +139,6 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'focusMana
                         }
                         return 100 / 72;
                     }
-                    break;
                 case 'overflowPortrait':
 
                     if (layoutManager.tv) {
@@ -166,7 +164,6 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'focusMana
                         }
                         return 100 / 42;
                     }
-                    break;
                 case 'overflowSquare':
                     if (layoutManager.tv) {
                         return 100 / 15.5;
@@ -191,7 +188,6 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'focusMana
                         }
                         return 100 / 42;
                     }
-                    break;
                 case 'overflowBackdrop':
                     if (layoutManager.tv) {
                         return 100 / 23.3;
@@ -216,7 +212,6 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'focusMana
                         }
                         return 100 / 72;
                     }
-                    break;
                 default:
                     return 4;
             }
@@ -237,9 +232,9 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'focusMana
 
         function getImageWidth(shape, screenWidth, isOrientationLandscape) {
             var imagesPerRow = getPostersPerRow(shape, screenWidth, isOrientationLandscape);
-            var shapeWidth = screenWidth / imagesPerRow;
+            var shapeWidth = Math.round(screenWidth / imagesPerRow) * 2;
 
-            return Math.round(shapeWidth);
+            return shapeWidth;
         }
 
         function setCardData(items, options) {
@@ -321,7 +316,8 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'focusMana
             var apiClient;
             var lastServerId;
 
-            var i, length;
+            var i;
+            var length;
 
             for (i = 0, length = items.length; i < length; i++) {
 
@@ -339,19 +335,14 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'focusMana
                     if (options.indexBy === 'PremiereDate') {
                         if (item.PremiereDate) {
                             try {
-
                                 newIndexValue = datetime.toLocaleDateString(datetime.parseISO8601Date(item.PremiereDate), { weekday: 'long', month: 'long', day: 'numeric' });
-
                             } catch (err) {
+                                console.error('error parsing timestamp for premiere date');
                             }
                         }
-                    }
-
-                    else if (options.indexBy === 'ProductionYear') {
+                    } else if (options.indexBy === 'ProductionYear') {
                         newIndexValue = item.ProductionYear;
-                    }
-
-                    else if (options.indexBy === 'CommunityRating') {
+                    } else if (options.indexBy === 'CommunityRating') {
                         newIndexValue = item.CommunityRating ? (Math.floor(item.CommunityRating) + (item.CommunityRating % 1 >= 0.5 ? 0.5 : 0)) + '+' : null;
                     }
 
@@ -584,26 +575,23 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'focusMana
                         coverImage = (Math.abs(primaryImageAspectRatio - uiAspect) / uiAspect) <= 0.2;
                     }
                 }
-            }
-            else if (item.ParentPrimaryImageTag) {
+            } else if (item.ParentPrimaryImageTag) {
 
                 imgUrl = apiClient.getScaledImageUrl(item.ParentPrimaryImageItemId, {
                     type: "Primary",
                     maxWidth: width,
                     tag: item.ParentPrimaryImageTag
                 });
-            }
-            else if (item.SeriesPrimaryImageTag) {
+            } else if (item.SeriesPrimaryImageTag) {
 
                 imgUrl = apiClient.getScaledImageUrl(item.SeriesId, {
                     type: "Primary",
                     maxWidth: width,
                     tag: item.SeriesPrimaryImageTag
                 });
-            }
-            else if (item.AlbumId && item.AlbumPrimaryImageTag) {
+            } else if (item.AlbumId && item.AlbumPrimaryImageTag) {
 
-                width = primaryImageAspectRatio ? Math.round(height * primaryImageAspectRatio) : null;
+                height = width && primaryImageAspectRatio ? Math.round(width / primaryImageAspectRatio) : null;
 
                 imgUrl = apiClient.getScaledImageUrl(item.AlbumId, {
                     type: "Primary",
@@ -618,8 +606,7 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'focusMana
                         coverImage = (Math.abs(primaryImageAspectRatio - uiAspect) / uiAspect) <= 0.2;
                     }
                 }
-            }
-            else if (item.Type === 'Season' && item.ImageTags && item.ImageTags.Thumb) {
+            } else if (item.Type === 'Season' && item.ImageTags && item.ImageTags.Thumb) {
 
                 imgUrl = apiClient.getScaledImageUrl(item.Id, {
                     type: "Thumb",
@@ -627,8 +614,7 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'focusMana
                     tag: item.ImageTags.Thumb
                 });
 
-            }
-            else if (item.BackdropImageTags && item.BackdropImageTags.length) {
+            } else if (item.BackdropImageTags && item.BackdropImageTags.length) {
 
                 imgUrl = apiClient.getScaledImageUrl(item.Id, {
                     type: "Backdrop",
@@ -704,7 +690,8 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'focusMana
             var html = '';
 
             var valid = 0;
-            var i, length;
+            var i;
+            var length;
 
             for (i = 0, length = lines.length; i < length; i++) {
 
@@ -768,9 +755,8 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'focusMana
                         date = datetime.parseISO8601Date(item.EndDate);
                         airTimeText += ' - ' + datetime.getDisplayTime(date);
                     }
-                }
-                catch (e) {
-                    console.log("Error parsing date: " + item.StartDate);
+                } catch (e) {
+                    console.error("error parsing date: " + item.StartDate);
                 }
             }
 
@@ -790,7 +776,7 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'focusMana
             if (isOuterFooter && options.cardLayout && layoutManager.mobile) {
 
                 if (options.cardFooterAside !== 'none') {
-                    html += '<button is="paper-icon-button-light" class="itemAction btnCardOptions cardText-secondary" data-action="menu"><i class="md-icon">&#xE5D3;</i></button>';
+                    html += '<button is="paper-icon-button-light" class="itemAction btnCardOptions cardText-secondary" data-action="menu"><i class="material-icons more_horiz"></i></button>';
                 }
             }
 
@@ -817,8 +803,7 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'focusMana
                         } else {
                             lines.push(item.SeriesName);
                         }
-                    }
-                    else {
+                    } else {
 
                         if (isUsingLiveTvNaming(item)) {
 
@@ -903,9 +888,10 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'focusMana
 
                     if (item.PremiereDate) {
                         try {
-
-                            lines.push(getPremiereDateText(item));
-
+                            lines.push(datetime.toLocaleDateString(
+                                datetime.parseISO8601Date(item.PremiereDate),
+                                { weekday: 'long', month: 'long', day: 'numeric' }
+                            ));
                         } catch (err) {
                             lines.push('');
 
@@ -925,7 +911,8 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'focusMana
                         } else {
 
                             if (item.EndDate && item.ProductionYear) {
-                                lines.push(item.ProductionYear + ' - ' + datetime.parseISO8601Date(item.EndDate).getFullYear());
+                                var endYear = datetime.parseISO8601Date(item.EndDate).getFullYear();
+                                lines.push(item.ProductionYear + ((endYear === item.ProductionYear) ? '' : (' - ' + endYear)));
                             } else {
                                 lines.push(item.ProductionYear || '');
                             }
@@ -999,8 +986,7 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'focusMana
                 if (options.showSeriesTimerChannel) {
                     if (item.RecordAnyChannel) {
                         lines.push(globalize.translate('AllChannels'));
-                    }
-                    else {
+                    } else {
                         lines.push(item.ChannelName || globalize.translate('OneChannel'));
                     }
                 }
@@ -1008,8 +994,7 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'focusMana
                 if (options.showPersonRoleOrType) {
                     if (item.Role) {
                         lines.push('as ' + item.Role);
-                    }
-                    else if (item.Type) {
+                    } else if (item.Type) {
                         lines.push(globalize.translate('' + item.Type));
                     } else {
                         lines.push('');
@@ -1052,7 +1037,7 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'focusMana
                 return text;
             }
 
-            var html = '<button ' + itemShortcuts.getShortcutAttributesHtml(item, serverId) + ' type="button" class="itemAction textActionButton" data-action="link">';
+            var html = '<button ' + itemShortcuts.getShortcutAttributesHtml(item, serverId) + ' type="button" class="itemAction textActionButton" title="' + text + '" data-action="link">';
             html += text;
             html += '</button>';
 
@@ -1083,8 +1068,7 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'focusMana
 
                 counts.push(childText);
 
-            }
-            else if (item.Type === 'Genre' || item.Type === 'Studio') {
+            } else if (item.Type === 'Genre' || item.Type === 'Studio') {
 
                 if (item.MovieCount) {
 
@@ -1163,8 +1147,7 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'focusMana
 
             if (item.IsPremiere) {
                 html += '<div class="premiereTvProgram programAttributeIndicator">' + globalize.translate('Premiere') + '</div>';
-            }
-            else if (item.IsSeries && !item.IsRepeat) {
+            } else if (item.IsSeries && !item.IsRepeat) {
                 html += '<div class="newTvProgram programAttributeIndicator">' + globalize.translate('AttributeNew') + '</div>';
             }
             //else if (item.IsRepeat) {
@@ -1199,8 +1182,7 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'focusMana
             if (action === 'play' && item.IsFolder) {
                 // If this hard-coding is ever removed make sure to test nested photo albums
                 action = 'link';
-            }
-            else if (item.MediaType === 'Photo') {
+            } else if (item.MediaType === 'Photo') {
                 action = 'play';
             }
 
@@ -1226,6 +1208,8 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'focusMana
                 shape = shape || 'mixedSquare';
             }
 
+            // TODO move card creation code to Card component
+
             var className = 'card';
 
             if (shape) {
@@ -1244,8 +1228,12 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'focusMana
                 className += ' card-hoverable';
             }
 
-            if (!enableFocusTransfrom || !layoutManager.tv) {
-                className += ' card-nofocustransform';
+            if (layoutManager.tv) {
+                className += ' show-focus';
+
+                if (enableFocusTransform) {
+                    className += ' show-animation';
+                }
             }
 
             var imgInfo = getCardImageUrl(item, apiClient, options, shape);
@@ -1273,23 +1261,6 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'focusMana
 
             var cardBoxClass = options.cardLayout ? 'cardBox visualCardBox' : 'cardBox';
 
-            if (layoutManager.tv) {
-
-                if (enableFocusTransfrom) {
-                    cardBoxClass += ' cardBox-focustransform cardBox-withfocuscontent';
-                } else {
-                    cardBoxClass += ' cardBox-withfocuscontent-large';
-                }
-
-                if (options.cardLayout) {
-                    cardBoxClass += ' card-focuscontent';
-
-                    if (!enableFocusTransfrom) {
-                        cardBoxClass += ' card-focuscontent-large';
-                    }
-                }
-            }
-
             var footerCssClass;
             var progressHtml = indicators.getProgressBarHtml(item);
 
@@ -1306,8 +1277,7 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'focusMana
                     height: logoHeight,
                     tag: item.ChannelPrimaryImageTag
                 });
-            }
-            else if (options.showLogo && item.ParentLogoImageTag) {
+            } else if (options.showLogo && item.ParentLogoImageTag) {
                 logoUrl = apiClient.getScaledImageUrl(item.ParentLogoItemId, {
                     type: "Logo",
                     height: logoHeight,
@@ -1322,8 +1292,7 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'focusMana
                 footerCssClass = progressHtml ? 'innerCardFooter fullInnerCardFooter' : 'innerCardFooter';
                 innerCardFooter += getCardFooterText(item, apiClient, options, showTitle, forceName, overlayText, imgUrl, footerCssClass, progressHtml, logoUrl, false);
                 footerOverlayed = true;
-            }
-            else if (progressHtml) {
+            } else if (progressHtml) {
                 innerCardFooter += '<div class="innerCardFooter fullInnerCardFooter innerCardFooterClear">';
                 innerCardFooter += progressHtml;
                 innerCardFooter += '</div>';
@@ -1366,15 +1335,15 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'focusMana
                 var btnCssClass = 'cardOverlayButton cardOverlayButton-br itemAction';
 
                 if (options.centerPlayButton) {
-                    overlayButtons += '<button is="paper-icon-button-light" class="' + btnCssClass + ' cardOverlayButton-centered" data-action="play"><i class="md-icon cardOverlayButtonIcon">&#xE037;</i></button>';
+                    overlayButtons += '<button is="paper-icon-button-light" class="' + btnCssClass + ' cardOverlayButton-centered" data-action="play"><i class="material-icons cardOverlayButtonIcon play_arrow"></i></button>';
                 }
 
                 if (overlayPlayButton && !item.IsPlaceHolder && (item.LocationType !== 'Virtual' || !item.MediaType || item.Type === 'Program') && item.Type !== 'Person') {
-                    overlayButtons += '<button is="paper-icon-button-light" class="' + btnCssClass + '" data-action="play"><i class="md-icon cardOverlayButtonIcon">&#xE037;</i></button>';
+                    overlayButtons += '<button is="paper-icon-button-light" class="' + btnCssClass + '" data-action="play"><i class="material-icons cardOverlayButtonIcon play_arrow"></i></button>';
                 }
 
                 if (options.overlayMoreButton) {
-                    overlayButtons += '<button is="paper-icon-button-light" class="' + btnCssClass + '" data-action="menu"><i class="md-icon cardOverlayButtonIcon">&#xE5D3;</i></button>';
+                    overlayButtons += '<button is="paper-icon-button-light" class="' + btnCssClass + '" data-action="menu"><i class="material-icons cardOverlayButtonIcon more_horiz"></i></button>';
                 }
             }
 
@@ -1408,15 +1377,6 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'focusMana
 
             var cardScalableClass = 'cardScalable';
 
-            if (layoutManager.tv && !options.cardLayout) {
-
-                cardScalableClass += ' card-focuscontent';
-
-                if (!enableFocusTransfrom) {
-                    cardScalableClass += ' card-focuscontent-large';
-                }
-            }
-
             cardImageContainerOpen = '<div class="' + cardBoxClass + '"><div class="' + cardScalableClass + '"><div class="cardPadder-' + shape + '"></div>' + cardImageContainerOpen;
             cardBoxClose = '</div>';
             cardScalableClose = '</div>';
@@ -1437,13 +1397,12 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'focusMana
                 indicatorsHtml += indicators.getChildCountIndicatorHtml(item, {
                     minCount: 1
                 });
-            }
-            else {
+            } else {
                 indicatorsHtml += indicators.getPlayedIndicatorHtml(item);
             }
 
             if (item.Type === 'CollectionFolder' || item.CollectionType) {
-                var refreshClass = item.RefreshProgress || (item.RefreshStatus && virtualFolder.item !== 'Idle') ? '' : ' class="hide"';
+                var refreshClass = item.RefreshProgress ? '' : ' class="hide"';
                 indicatorsHtml += '<div is="emby-itemrefreshindicator"' + refreshClass + ' data-progress="' + (item.RefreshProgress || 0) + '" data-status="' + item.RefreshStatus + '"></div>';
                 requireRefreshIndicator();
             }
@@ -1457,7 +1416,7 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'focusMana
             //}
 
             if (!imgUrl) {
-                cardImageContainerOpen += getCardDefaultText(item, options);
+                cardImageContainerOpen += getDefaultText(item, options);
             }
 
             var tagName = (layoutManager.tv) && !overlayButtons ? 'button' : 'div';
@@ -1517,16 +1476,16 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'focusMana
             var btnCssClass = 'cardOverlayButton cardOverlayButton-hover itemAction paper-icon-button-light';
 
             if (playbackManager.canPlay(item)) {
-                html += '<button is="paper-icon-button-light" class="' + btnCssClass + ' cardOverlayFab-primary" data-action="resume"><i class="md-icon cardOverlayButtonIcon cardOverlayButtonIcon-hover">&#xE037;</i></button>';
+                html += '<button is="paper-icon-button-light" class="' + btnCssClass + ' cardOverlayFab-primary" data-action="resume"><i class="material-icons cardOverlayButtonIcon cardOverlayButtonIcon-hover play_arrow"></i></button>';
             }
 
-            html += '<div class="cardOverlayButton-br">';
+            html += '<div class="cardOverlayButton-br flex">';
 
             var userData = item.UserData || {};
 
             if (itemHelper.canMarkPlayed(item)) {
                 require(['emby-playstatebutton']);
-                html += '<button is="emby-playstatebutton" type="button" data-action="none" class="' + btnCssClass + '" data-id="' + item.Id + '" data-serverid="' + item.ServerId + '" data-itemtype="' + item.Type + '" data-played="' + (userData.Played) + '"><i class="md-icon cardOverlayButtonIcon cardOverlayButtonIcon-hover">&#xE5CA;</i></button>';
+                html += '<button is="emby-playstatebutton" type="button" data-action="none" class="' + btnCssClass + '" data-id="' + item.Id + '" data-serverid="' + item.ServerId + '" data-itemtype="' + item.Type + '" data-played="' + (userData.Played) + '"><i class="material-icons cardOverlayButtonIcon cardOverlayButtonIcon-hover">check</i></button>';
             }
 
             if (itemHelper.canRate(item)) {
@@ -1534,10 +1493,10 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'focusMana
                 var likes = userData.Likes == null ? '' : userData.Likes;
 
                 require(['emby-ratingbutton']);
-                html += '<button is="emby-ratingbutton" type="button" data-action="none" class="' + btnCssClass + '" data-id="' + item.Id + '" data-serverid="' + item.ServerId + '" data-itemtype="' + item.Type + '" data-likes="' + likes + '" data-isfavorite="' + (userData.IsFavorite) + '"><i class="md-icon cardOverlayButtonIcon cardOverlayButtonIcon-hover">&#xE87D;</i></button>';
+                html += '<button is="emby-ratingbutton" type="button" data-action="none" class="' + btnCssClass + '" data-id="' + item.Id + '" data-serverid="' + item.ServerId + '" data-itemtype="' + item.Type + '" data-likes="' + likes + '" data-isfavorite="' + (userData.IsFavorite) + '"><i class="material-icons cardOverlayButtonIcon cardOverlayButtonIcon-hover">favorite</i></button>';
             }
 
-            html += '<button is="paper-icon-button-light" class="' + btnCssClass + '" data-action="menu"><i class="md-icon cardOverlayButtonIcon cardOverlayButtonIcon-hover">&#xE5D3;</i></button>';
+            html += '<button is="paper-icon-button-light" class="' + btnCssClass + '" data-action="menu"><i class="material-icons cardOverlayButtonIcon cardOverlayButtonIcon-hover more_horiz"></i></button>';
 
             html += '</div>';
             html += '</div>';
@@ -1545,18 +1504,29 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'focusMana
             return html;
         }
 
-        function getCardDefaultText(item, options) {
+        function getDefaultText(item, options) {
             if (item.CollectionType) {
-                return '<i class="cardImageIcon md-icon">' + imageHelper.getLibraryIcon(item.CollectionType) + '</i>'
+                return '<i class="cardImageIcon material-icons ' + imageHelper.getLibraryIcon(item.CollectionType) + '"></i>'
             }
-            if (item.Type === 'MusicAlbum') {
-                return '<i class="cardImageIcon md-icon">&#xE019;</i>';
+
+            switch (item.Type) {
+                case 'MusicAlbum':
+                    return '<i class="cardImageIcon material-icons">album</i>';
+                case 'MusicArtist':
+                case 'Person':
+                    return '<i class="cardImageIcon material-icons">person</i>';
+                case 'Movie':
+                    return '<i class="cardImageIcon material-icons">movie</i>';
+                case 'Series':
+                    return '<i class="cardImageIcon material-icons">tv</i>';
+                case 'Book':
+                    return '<i class="cardImageIcon material-icons">book</i>';
+                case 'Folder':
+                    return '<i class="cardImageIcon material-icons">folder</i>';
             }
-            if (item.Type === 'MusicArtist' || item.Type === 'Person') {
-                return '<i class="cardImageIcon md-icon">&#xE7FD;</i>';
-            }
-            if (options.defaultCardImageIcon) {
-                return '<i class="cardImageIcon md-icon">' + options.defaultCardImageIcon + '</i>';
+
+            if (options && options.defaultCardImageIcon) {
+                return '<i class="cardImageIcon material-icons">' + options.defaultCardImageIcon + '</i>';
             }
 
             var defaultName = isUsingLiveTvNaming(item) ? item.Name : itemHelper.getDisplayName(item);
@@ -1645,7 +1615,7 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'focusMana
                     indicatorsElem = ensureIndicators(card, indicatorsElem);
                     indicatorsElem.appendChild(playedIndicator);
                 }
-                playedIndicator.innerHTML = '<i class="md-icon indicatorIcon">&#xE5CA;</i>';
+                playedIndicator.innerHTML = '<i class="material-icons indicatorIcon">check</i>';
             } else {
 
                 playedIndicator = card.querySelector('.playedIndicator');
@@ -1699,8 +1669,7 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'focusMana
                 }
 
                 itemProgressBar.innerHTML = progressHtml;
-            }
-            else {
+            } else {
 
                 itemProgressBar = card.querySelector('.itemProgressBar');
                 if (itemProgressBar) {
@@ -1727,7 +1696,7 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'focusMana
                 var icon = cell.querySelector('.timerIndicator');
                 if (!icon) {
                     var indicatorsElem = ensureIndicators(cell);
-                    indicatorsElem.insertAdjacentHTML('beforeend', '<i class="md-icon timerIndicator indicatorIcon">&#xE061;</i>');
+                    indicatorsElem.insertAdjacentHTML('beforeend', '<i class="material-icons timerIndicator indicatorIcon fiber_manual_record"></i>');
                 }
                 cell.setAttribute('data-timerid', newTimerId);
             }
@@ -1763,6 +1732,8 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'focusMana
 
         return {
             getCardsHtml: getCardsHtml,
+            getDefaultBackgroundClass: getDefaultBackgroundClass,
+            getDefaultText: getDefaultText,
             buildCards: buildCards,
             onUserDataChanged: onUserDataChanged,
             onTimerCreated: onTimerCreated,

src/components/cardbuilder/chaptercardbuilder.js

@@ -1,12 +1,20 @@
 define(['datetime', 'imageLoader', 'connectionManager', 'layoutManager', 'browser'], function (datetime, imageLoader, connectionManager, layoutManager, browser) {
     'use strict';
 
+    var enableFocusTransform = !browser.slow && !browser.edge;
+
     function buildChapterCardsHtml(item, chapters, options) {
 
+        // TODO move card creation code to Card component
+
         var className = 'card itemAction chapterCard';
 
-        if (layoutManager.tv && (browser.animate || browser.edge)) {
-            className += ' card-focusscale';
+        if (layoutManager.tv) {
+            className += ' show-focus';
+
+            if (enableFocusTransform) {
+                className += ' show-animation';
+            }
         }
 
         var mediaStreams = ((item.MediaSources || [])[0] || {}).MediaStreams || [];
@@ -60,7 +68,7 @@ define(['datetime', 'imageLoader', 'connectionManager', 'layoutManager', 'browse
 
             return apiClient.getScaledImageUrl(item.Id, {
 
-                maxWidth: maxWidth,
+                maxWidth: maxWidth * 2,
                 tag: chapter.ImageTag,
                 type: "Chapter",
                 index: index
@@ -82,7 +90,7 @@ define(['datetime', 'imageLoader', 'connectionManager', 'layoutManager', 'browse
         var cardImageContainer = imgUrl ? ('<div class="' + cardImageContainerClass + ' lazy" data-src="' + imgUrl + '">') : ('<div class="' + cardImageContainerClass + '">');
 
         if (!imgUrl) {
-            cardImageContainer += '<i class="md-icon cardImageIcon">local_movies</i>';
+            cardImageContainer += '<i class="material-icons cardImageIcon local_movies"></i>';
         }
 
         var nameHtml = '';
@@ -92,19 +100,6 @@ define(['datetime', 'imageLoader', 'connectionManager', 'layoutManager', 'browse
         var cardBoxCssClass = 'cardBox';
         var cardScalableClass = 'cardScalable';
 
-        if (layoutManager.tv) {
-            var enableFocusTransfrom = !browser.slow && !browser.edge;
-
-            cardScalableClass += ' card-focuscontent';
-
-            if (enableFocusTransfrom) {
-                cardBoxCssClass += ' cardBox-focustransform cardBox-withfocuscontent';
-            } else {
-                cardBoxCssClass += ' cardBox-withfocuscontent-large';
-                cardScalableClass += ' card-focuscontent-large';
-            }
-        }
-
         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;
@@ -137,4 +132,4 @@ define(['datetime', 'imageLoader', 'connectionManager', 'layoutManager', 'browse
         buildChapterCards: buildChapterCards
     };
 
-});
+});