move emby-webcomponents to components and reflect paths

src/components/toast/toast.css

@@ -0,0 +1,20 @@
+.toast {
+    position: fixed;
+    min-width: 20em;
+    box-sizing: border-box;
+    box-shadow: 0 0.0725em 0.29em 0 rgba(0, 0, 0, 0.37);
+    border-radius: .15em;
+    cursor: default;
+    transition: transform .3s ease-out;
+    min-height: initial;
+    padding: 1em 1.5em;
+    bottom: 1em;
+    left: 1em;
+    font-size: 110%;
+    z-index: 9999999;
+    transform: translateY(16em);
+}
+
+.toastVisible {
+    transform: none;
+}

src/components/toast/toast.js

@@ -0,0 +1,42 @@
+define(['css!./toast'], function () {
+    'use strict';
+
+    function remove(elem) {
+
+        setTimeout(function () {
+            elem.parentNode.removeChild(elem);
+        }, 300);
+    }
+
+    function animateRemove(elem) {
+
+        setTimeout(function () {
+
+            elem.classList.remove('toastVisible');
+            remove(elem);
+
+        }, 3300);
+    }
+
+    return function (options) {
+
+        if (typeof options === 'string') {
+            options = {
+                text: options
+            };
+        }
+
+        var elem = document.createElement("div");
+        elem.classList.add('toast');
+        elem.innerHTML = options.text;
+
+        document.body.appendChild(elem);
+
+        setTimeout(function () {
+            elem.classList.add('toastVisible');
+
+            animateRemove(elem);
+
+        }, 300);
+    };
+});