update components

dashboard-ui/bower_components/emby-webcomponents/paperdialoghelper/paperdialoghelper.css

@@ -0,0 +1,28 @@
+.paperDialog {
+    margin: 0;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    position: fixed;
+    max-width: none !important;
+    max-height: none !important;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+    .paperDialog.scrollY {
+        overflow-y: auto;
+        -webkit-overflow-scrolling: touch;
+        overflow-x: hidden;
+    }
+
+    .paperDialog.hiddenScroll::-webkit-scrollbar {
+        display: none;
+    }
+
+    .paperDialog.hiddenScroll {
+        -ms-overflow-style: none;
+        overflow: -moz-scrollbars-none;
+    }

dashboard-ui/bower_components/emby-webcomponents/paperdialoghelper/paperdialoghelper.js

@@ -0,0 +1,188 @@
+define(['historyManager', 'focusManager', 'performanceManager', 'browser', 'paper-dialog', 'scale-up-animation', 'fade-out-animation', 'fade-in-animation', 'css!./paperdialoghelper.css'], function (historyManager, focusManager, performanceManager, browser) {
+
+    function paperDialogHashHandler(dlg, hash, resolve, lockDocumentScroll) {
+
+        var self = this;
+        self.originalUrl = window.location.href;
+        var activeElement = document.activeElement;
+
+        function onHashChange(e) {
+
+            var isBack = self.originalUrl == window.location.href;
+
+            if (isBack || !dlg.opened) {
+                window.removeEventListener('popstate', onHashChange);
+            }
+
+            if (isBack) {
+                self.closedByBack = true;
+                dlg.close();
+            }
+        }
+
+        function onDialogClosed() {
+
+            if (lockDocumentScroll !== false) {
+                // TODO
+                //Dashboard.onPopupClose();
+            }
+
+            window.removeEventListener('popstate', onHashChange);
+
+            if (!self.closedByBack) {
+                var state = history.state || {};
+                if (state.dialogId == hash) {
+                    history.back();
+                }
+            }
+
+            activeElement.focus();
+
+            if (dlg.getAttribute('data-removeonclose') == 'true') {
+                dlg.parentNode.removeChild(dlg);
+            }
+
+            //resolve();
+            // if we just called history.back(), then use a timeout to allow the history events to fire first
+            setTimeout(function () {
+                resolve({
+                    element: dlg,
+                    closedByBack: self.closedByBack
+                });
+            }, 1);
+        }
+
+        dlg.addEventListener('iron-overlay-closed', onDialogClosed);
+        dlg.open();
+
+        if (lockDocumentScroll !== false) {
+            // TODO
+            //Dashboard.onPopupOpen();
+        }
+
+        historyManager.pushState({ dialogId: hash }, "Dialog", hash);
+
+        window.addEventListener('popstate', onHashChange);
+    }
+
+    function open(dlg) {
+
+        return new Promise(function (resolve, reject) {
+
+            new paperDialogHashHandler(dlg, 'dlg' + new Date().getTime(), resolve);
+        });
+    }
+
+    function close(dlg) {
+
+        if (dlg.opened) {
+            history.back();
+        }
+    }
+
+    function onDialogOpened(e) {
+
+        focusManager.autoFocus(e.target);
+    }
+
+    function createDialog(options) {
+
+        options = options || {};
+
+        var dlg = document.createElement('paper-dialog');
+
+        dlg.setAttribute('with-backdrop', 'with-backdrop');
+        dlg.setAttribute('role', 'alertdialog');
+
+        // without this safari will scroll the background instead of the dialog contents
+        // but not needed here since this is already on top of an existing dialog
+        // but skip it in IE because it's causing the entire browser to hang
+        // Also have to disable for firefox because it's causing select elements to not be clickable
+        if (!browser.msie && !browser.firefox && options.modal !== false) {
+            dlg.setAttribute('modal', 'modal');
+        }
+
+        // seeing max call stack size exceeded in the debugger with this
+        dlg.setAttribute('noAutoFocus', 'noAutoFocus');
+
+        var defaultEntryAnimation = performanceManager.getAnimationPerformance() <= 1 ? 'fade-in-animation' : 'scale-up-animation';
+        dlg.entryAnimation = options.entryAnimation || defaultEntryAnimation;
+        dlg.exitAnimation = 'fade-out-animation';
+
+        dlg.animationConfig = {
+            // scale up
+            'entry': {
+                name: options.entryAnimation || 'scale-up-animation',
+                node: dlg,
+                timing: { duration: options.entryAnimationDuration || 300, easing: 'ease-out' }
+            },
+            // fade out
+            'exit': {
+                name: 'fade-out-animation',
+                node: dlg,
+                timing: { duration: options.exitAnimationDuration || 400, easing: 'ease-in' }
+            }
+        };
+
+        dlg.classList.add('paperDialog');
+
+        dlg.classList.add('scrollY');
+
+        // TODO: Don't hide for mouse?
+        dlg.classList.add('hiddenScroll');
+
+        if (options.removeOnClose) {
+            dlg.setAttribute('data-removeonclose', 'true');
+        }
+
+        dlg.addEventListener('iron-overlay-opened', onDialogOpened);
+
+        return dlg;
+    }
+
+    function positionTo(dlg, elem) {
+
+        var windowHeight = $(window).height();
+
+        // If the window height is under a certain amount, don't bother trying to position
+        // based on an element.
+        if (windowHeight >= 540) {
+
+            var pos = $(elem).offset();
+
+            pos.top += elem.offsetHeight / 2;
+            pos.left += elem.offsetWidth / 2;
+
+            // Account for margins
+            pos.top -= 24;
+            pos.left -= 24;
+
+            // Account for popup size - we can't predict this yet so just estimate
+            pos.top -= $(dlg).height() / 2;
+            pos.left -= $(dlg).width() / 2;
+
+            // Account for scroll position
+            pos.top -= $(window).scrollTop();
+            pos.left -= $(window).scrollLeft();
+
+            // Avoid showing too close to the bottom
+            pos.top = Math.min(pos.top, windowHeight - 300);
+            pos.left = Math.min(pos.left, $(window).width() - 300);
+
+            // Do some boundary checking
+            pos.top = Math.max(pos.top, 0);
+            pos.left = Math.max(pos.left, 0);
+
+            dlg.style.position = 'fixed';
+            dlg.style.left = pos.left + 'px';
+            dlg.style.top = pos.top + 'px';
+        }
+    }
+
+    return {
+        open: open,
+        close: close,
+        createDialog: createDialog,
+        positionTo: positionTo
+    };
+});