move emby-webcomponents to components and reflect paths

src/components/appfooter/appfooter.css

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

src/components/appfooter/appfooter.js

@@ -0,0 +1,46 @@
+define(['browser', 'css!./appfooter'], function (browser) {
+    'use strict';
+
+    function render(options) {
+
+        var elem = document.createElement('div');
+
+        elem.classList.add('appfooter');
+
+        if (!browser.chrome) {
+            // chrome does not display this properly
+            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);
+        };
+
+        self.insert = function (elem) {
+            if (typeof elem === 'string') {
+                self.element.insertAdjacentHTML('afterbegin', elem);
+            } else {
+                self.element.insertBefore(elem, self.element.firstChild);
+            }
+        };
+    }
+
+    appFooter.prototype.destroy = function () {
+        var self = this;
+
+        self.element = null;
+    };
+
+    return appFooter;
+});