diff --git a/dashboard-ui/bower_components/emby-webcomponents/.bower.json b/dashboard-ui/bower_components/emby-webcomponents/.bower.json index 3d86035ba2..2fa5e27ffc 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/.bower.json +++ b/dashboard-ui/bower_components/emby-webcomponents/.bower.json @@ -15,12 +15,12 @@ }, "devDependencies": {}, "ignore": [], - "version": "1.0.23", - "_release": "1.0.23", + "version": "1.0.29", + "_release": "1.0.29", "_resolution": { "type": "version", - "tag": "1.0.23", - "commit": "1e7c56cf54a657d72d35d36f37937231942a2685" + "tag": "1.0.29", + "commit": "2e60e59d116fee68281235ba19f1e74073565c50" }, "_source": "git://github.com/MediaBrowser/emby-webcomponents.git", "_target": "~1.0.0", diff --git a/dashboard-ui/bower_components/emby-webcomponents/focusmanager.js b/dashboard-ui/bower_components/emby-webcomponents/focusmanager.js new file mode 100644 index 0000000000..e2ecb68a1b --- /dev/null +++ b/dashboard-ui/bower_components/emby-webcomponents/focusmanager.js @@ -0,0 +1,415 @@ +define([], function () { + + function autoFocus(view, defaultToFirst) { + + var element = view.querySelector('*[autofocus]'); + if (element) { + focus(element); + } else if (defaultToFirst !== false) { + element = getFocusableElements(view)[0]; + + if (element) { + focus(element); + } + } + } + + function focus(element) { + + var tagName = element.tagName; + if (tagName == 'PAPER-INPUT' || tagName == 'PAPER-DROPDOWN-MENU' || tagName == 'EMBY-DROPDOWN-MENU') { + element = element.querySelector('input'); + } + + element.focus(); + } + + var focusableTagNames = ['INPUT', 'TEXTAREA', 'SELECT', 'BUTTON', 'A', 'PAPER-BUTTON', 'PAPER-INPUT', 'PAPER-TEXTAREA', 'PAPER-ICON-BUTTON', 'PAPER-FAB', 'PAPER-ICON-ITEM', 'PAPER-MENU-ITEM', 'PAPER-DROPDOWN-MENU', 'EMBY-DROPDOWN-MENU']; + var focusableContainerTagNames = ['BODY', 'PAPER-DIALOG']; + var focusableQuery = focusableTagNames.join(',') + ',.focusable'; + + function isFocusable(elem) { + + if (focusableTagNames.indexOf(elem.tagName) != -1) { + return true; + } + + if (elem.classList && elem.classList.contains('focusable')) { + return true; + } + + return false; + } + + function focusableParent(elem) { + + while (!isFocusable(elem)) { + elem = elem.parentNode; + + if (!elem) { + return null; + } + } + + return elem; + } + + function isFocusableElementValid(elem) { + + if (elem.disabled) { + return false; + } + + if (elem.getAttribute('tabindex') == "-1") { + return false; + } + + // http://stackoverflow.com/questions/19669786/check-if-element-is-visible-in-dom + if (elem.offsetParent === null) { + return false; + } + + return true; + } + + function getFocusableElements(parent) { + var elems = (parent || document).querySelectorAll(focusableQuery); + var focusableElements = []; + + for (var i = 0, length = elems.length; i < length; i++) { + + var elem = elems[i]; + + if (isFocusableElementValid(elem)) { + focusableElements.push(elem); + } + } + + return focusableElements; + } + + function isFocusContainer(elem, direction) { + + if (focusableContainerTagNames.indexOf(elem.tagName) != -1) { + return true; + } + + if (direction < 2) { + if (elem.classList.contains('focuscontainer-x')) { + return true; + } + } + else if (direction == 3) { + if (elem.classList.contains('focuscontainer-down')) { + return true; + } + } + + return false; + } + + function getFocusContainer(elem, direction) { + while (!isFocusContainer(elem, direction)) { + elem = elem.parentNode; + + if (!elem) { + return document.body; + } + } + + return elem; + } + + function getOffset(elem, doc) { + + var box = { top: 0, left: 0 }; + + if (!doc) { + return box; + } + + var docElem = doc.documentElement; + + // Support: BlackBerry 5, iOS 3 (original iPhone) + // If we don't have gBCR, just use 0,0 rather than error + if (elem.getBoundingClientRect) { + box = elem.getBoundingClientRect(); + } + var win = doc.defaultView; + return { + top: box.top + win.pageYOffset - docElem.clientTop, + left: box.left + win.pageXOffset - docElem.clientLeft + }; + } + + function getViewportBoundingClientRect(elem) { + + var doc = elem.ownerDocument; + var offset = getOffset(elem, doc); + var win = doc.defaultView; + + var posY = offset.top - win.pageXOffset; + var posX = offset.left - win.pageYOffset; + + var width = elem.offsetWidth; + var height = elem.offsetHeight; + + return { + left: posX, + top: posY, + width: width, + height: height, + right: posX + width, + bottom: posY + height + }; + var scrollLeft = (((t = document.documentElement) || (t = document.body.parentNode)) + && typeof t.scrollLeft == 'number' ? t : document.body).scrollLeft; + + var scrollTop = (((t = document.documentElement) || (t = document.body.parentNode)) + && typeof t.scrollTop == 'number' ? t : document.body).scrollTop; + } + + function nav(activeElement, direction) { + + activeElement = activeElement || document.activeElement; + + if (activeElement) { + activeElement = focusableParent(activeElement); + } + + var container = activeElement ? getFocusContainer(activeElement, direction) : document.body; + + if (!activeElement) { + autoFocus(container, true); + return; + } + + var focusableContainer = parentWithClass(activeElement, 'focusable'); + + var rect = getViewportBoundingClientRect(activeElement); + var focusableElements = []; + + var focusable = container.querySelectorAll(focusableQuery); + for (var i = 0, length = focusable.length; i < length; i++) { + var curr = focusable[i]; + + if (curr == activeElement) { + continue; + } + // Don't refocus into the same container + if (curr == focusableContainer) { + continue; + } + + if (!isFocusableElementValid(curr)) { + continue; + } + + var elementRect = getViewportBoundingClientRect(curr); + + switch (direction) { + + case 0: + // left + if (elementRect.left >= rect.left) { + continue; + } + if (elementRect.right == rect.right) { + continue; + } + break; + case 1: + // right + if (elementRect.right <= rect.right) { + continue; + } + if (elementRect.left == rect.left) { + continue; + } + break; + case 2: + // up + if (elementRect.top >= rect.top) { + continue; + } + if (elementRect.bottom >= rect.bottom) { + continue; + } + break; + case 3: + // down + if (elementRect.bottom <= rect.bottom) { + continue; + } + if (elementRect.top <= rect.top) { + continue; + } + break; + default: + break; + } + focusableElements.push({ + element: curr, + clientRect: elementRect + }); + } + + var nearest = getNearestElements(focusableElements, rect, direction); + + if (nearest.length) { + + var nearestElement = nearest[0].node; + + // See if there's a focusable container, and if so, send the focus command to that + var nearestElementFocusableParent = parentWithClass(nearestElement, 'focusable'); + if (nearestElementFocusableParent && nearestElementFocusableParent != nearestElement && activeElement) { + if (parentWithClass(activeElement, 'focusable') != nearestElementFocusableParent) { + nearestElement = nearestElementFocusableParent; + } + } + + focus(nearestElement); + } + } + + function parentWithClass(elem, className) { + + while (!elem.classList || !elem.classList.contains(className)) { + elem = elem.parentNode; + + if (!elem) { + return null; + } + } + + return elem; + } + + function getNearestElements(elementInfos, options, direction) { + + // Get elements and work out x/y points + var cache = [], + point1x = parseFloat(options.left) || 0, + point1y = parseFloat(options.top) || 0, + point2x = parseFloat(point1x + options.width - 1) || point1x, + point2y = parseFloat(point1y + options.height - 1) || point1y, + // Shortcuts to help with compression + min = Math.min, + max = Math.max; + + var sourceMidX = options.left + (options.width / 2); + var sourceMidY = options.top + (options.height / 2); + + // Loop through all elements and check their positions + for (var i = 0, length = elementInfos.length; i < length; i++) { + + var elementInfo = elementInfos[i]; + var elem = elementInfo.element; + + var off = elementInfo.clientRect, + x = off.left, + y = off.top, + x2 = x + off.width - 1, + y2 = y + off.height - 1, + maxX1 = max(x, point1x), + minX2 = min(x2, point2x), + maxY1 = max(y, point1y), + minY2 = min(y2, point2y), + intersectX = minX2 >= maxX1, + intersectY = minY2 >= maxY1; + + var midX = off.left + (off.width / 2); + var midY = off.top + (off.height / 2); + + var distX; + var distY; + + switch (direction) { + + case 0: + // left + distX = intersectX ? 0 : Math.abs(point1x - x2); + distY = intersectY ? 0 : Math.abs(sourceMidY - midY); + break; + case 1: + // right + distX = intersectX ? 0 : Math.abs(x - point2x); + distY = intersectY ? 0 : Math.abs(sourceMidY - midY); + break; + case 2: + // up + distY = intersectY ? 0 : Math.abs(point1y - y2); + distX = intersectX ? 0 : Math.abs(sourceMidX - midX); + break; + case 3: + // down + distY = intersectY ? 0 : Math.abs(y - point2y); + distX = intersectX ? 0 : Math.abs(sourceMidX - midX); + break; + default: + break; + } + + var distT = Math.sqrt(distX * distX + distY * distY); + + cache.push({ + node: elem, + distX: distX, + distY: distY, + distT: distT + }); + } + + cache.sort(sortNodesT); + //if (direction < 2) { + // cache.sort(sortNodesX); + //} else { + // cache.sort(sortNodesY); + //} + + return cache; + } + + function sortNodesX(a, b) { + var result = a.distX - b.distX; + + if (result == 0) { + return a.distY - b.distY; + } + + return result; + } + + function sortNodesT(a, b) { + return a.distT - b.distT; + } + + function sortNodesY(a, b) { + var result = a.distY - b.distY; + + if (result == 0) { + return a.distX - b.distX; + } + + return result; + } + + return { + autoFocus: autoFocus, + focus: focus, + focusableParent: focusableParent, + getFocusableElements: getFocusableElements, + moveLeft: function (sourceElement) { + nav(sourceElement, 0); + }, + moveRight: function (sourceElement) { + nav(sourceElement, 1); + }, + moveUp: function (sourceElement) { + nav(sourceElement, 2); + }, + moveDown: function (sourceElement) { + nav(sourceElement, 3); + } + }; +}); \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/paperdialoghelper/paperdialoghelper.css b/dashboard-ui/bower_components/emby-webcomponents/paperdialoghelper/paperdialoghelper.css new file mode 100644 index 0000000000..cf54eccfd7 --- /dev/null +++ b/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; + } \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/paperdialoghelper/paperdialoghelper.js b/dashboard-ui/bower_components/emby-webcomponents/paperdialoghelper/paperdialoghelper.js new file mode 100644 index 0000000000..2c064ead86 --- /dev/null +++ b/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 + }; +}); \ No newline at end of file diff --git a/dashboard-ui/bower_components/emby-webcomponents/performancemanager.js b/dashboard-ui/bower_components/emby-webcomponents/performancemanager.js new file mode 100644 index 0000000000..a9dafe94ac --- /dev/null +++ b/dashboard-ui/bower_components/emby-webcomponents/performancemanager.js @@ -0,0 +1,15 @@ +define(['browser'], function (browser) { + + function getAnimationPerformance() { + + if (browser.mobile) { + return 1; + } + + return 5; + } + + return { + getAnimationPerformance: getAnimationPerformance + }; +}); \ No newline at end of file diff --git a/dashboard-ui/bower_components/iron-behaviors/.bower.json b/dashboard-ui/bower_components/iron-behaviors/.bower.json index db08f2170c..17f68b3351 100644 --- a/dashboard-ui/bower_components/iron-behaviors/.bower.json +++ b/dashboard-ui/bower_components/iron-behaviors/.bower.json @@ -29,14 +29,14 @@ "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" }, "ignore": [], - "homepage": "https://github.com/PolymerElements/iron-behaviors", + "homepage": "https://github.com/polymerelements/iron-behaviors", "_release": "1.0.12", "_resolution": { "type": "version", "tag": "v1.0.12", "commit": "657f526a2382a659cdf4e13be87ecc89261588a3" }, - "_source": "git://github.com/PolymerElements/iron-behaviors.git", + "_source": "git://github.com/polymerelements/iron-behaviors.git", "_target": "^1.0.0", - "_originalSource": "PolymerElements/iron-behaviors" + "_originalSource": "polymerelements/iron-behaviors" } \ No newline at end of file diff --git a/dashboard-ui/bower_components/iron-overlay-behavior/.bower.json b/dashboard-ui/bower_components/iron-overlay-behavior/.bower.json index 77b8d27811..fb63745b7a 100644 --- a/dashboard-ui/bower_components/iron-overlay-behavior/.bower.json +++ b/dashboard-ui/bower_components/iron-overlay-behavior/.bower.json @@ -1,6 +1,6 @@ { "name": "iron-overlay-behavior", - "version": "1.1.2", + "version": "1.2.0", "license": "http://polymer.github.io/LICENSE.txt", "description": "Provides a behavior for making an element an overlay", "private": true, @@ -29,16 +29,16 @@ "iron-flex-layout": "PolymerElements/iron-flex-layout#^1.0.0", "iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0", "test-fixture": "PolymerElements/test-fixture#^1.0.0", - "web-component-tester": "polymer/web-component-tester#^3.4.0", + "web-component-tester": "^4.0.0", "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" }, "ignore": [], "homepage": "https://github.com/polymerelements/iron-overlay-behavior", - "_release": "1.1.2", + "_release": "1.2.0", "_resolution": { "type": "version", - "tag": "v1.1.2", - "commit": "40e39a971474f48f5c2c8ee7b8568a0ad5426bd8" + "tag": "v1.2.0", + "commit": "1d8e1d29c601add9c135e5103c4d1d0d652dd957" }, "_source": "git://github.com/polymerelements/iron-overlay-behavior.git", "_target": "^1.0.0", diff --git a/dashboard-ui/bower_components/iron-overlay-behavior/.travis.yml b/dashboard-ui/bower_components/iron-overlay-behavior/.travis.yml index 8bc31dc876..3493d3a9f1 100644 --- a/dashboard-ui/bower_components/iron-overlay-behavior/.travis.yml +++ b/dashboard-ui/bower_components/iron-overlay-behavior/.travis.yml @@ -1,22 +1,25 @@ language: node_js sudo: false before_script: - - npm install web-component-tester - - npm install bower - - 'export PATH=$PWD/node_modules/.bin:$PATH' + - npm install -g bower polylint web-component-tester - bower install + - polylint env: global: - secure: H8AA9JkWfG/vc3MiimoIoYi45KD10hKzitLJnExkomgzFI/f5o9SGtwjCii5P8Kvf4xndftDjYwRgbYyJpSg0IJeq8rm1WS89cY8O6/1dlI/tK1j5xbVRrhqmRQncxUb3K4MAT6Z9br1jwEeamRa+NKmq+v+VEpQY5vwuQ/BHJw= - secure: EaE1AUVgWyn0Y6kqkb54z5r39RvTJzAOmeM0lRl7wXzr5k0mq3VGlxTksJqCVd1PdJESXEhy8eldBnlkwZir/imDTNQxKm13k7ZiFC0000XAzpLZElkH2cLlYCRWcuM+vS7dA9hytV0UcGK2VGqbxfpcesB20dPSneDEUuc5X64= -node_js: 4 + - CXX=g++-4.8 +node_js: stable addons: firefox: latest apt: sources: - google-chrome + - ubuntu-toolchain-r-test packages: - google-chrome-stable + - g++-4.8 + sauce_connect: true script: - xvfb-run wct - "if [ \"${TRAVIS_PULL_REQUEST}\" = \"false\" ]; then wct -s 'default'; fi" diff --git a/dashboard-ui/bower_components/iron-overlay-behavior/bower.json b/dashboard-ui/bower_components/iron-overlay-behavior/bower.json index a21be7fe4c..e6f916d116 100644 --- a/dashboard-ui/bower_components/iron-overlay-behavior/bower.json +++ b/dashboard-ui/bower_components/iron-overlay-behavior/bower.json @@ -1,6 +1,6 @@ { "name": "iron-overlay-behavior", - "version": "1.1.2", + "version": "1.2.0", "license": "http://polymer.github.io/LICENSE.txt", "description": "Provides a behavior for making an element an overlay", "private": true, @@ -29,7 +29,7 @@ "iron-flex-layout": "PolymerElements/iron-flex-layout#^1.0.0", "iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0", "test-fixture": "PolymerElements/test-fixture#^1.0.0", - "web-component-tester": "polymer/web-component-tester#^3.4.0", + "web-component-tester": "^4.0.0", "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" }, "ignore": [] diff --git a/dashboard-ui/bower_components/iron-overlay-behavior/iron-overlay-backdrop.html b/dashboard-ui/bower_components/iron-overlay-behavior/iron-overlay-backdrop.html index 5682c28505..5a5e24b5eb 100644 --- a/dashboard-ui/bower_components/iron-overlay-behavior/iron-overlay-backdrop.html +++ b/dashboard-ui/bower_components/iron-overlay-behavior/iron-overlay-backdrop.html @@ -85,13 +85,18 @@ Custom property | Description | Default }, + listeners: { + 'transitionend' : '_onTransitionend' + }, + /** * Appends the backdrop to document body and sets its `z-index` to be below the latest overlay. */ prepare: function() { + // Always update z-index + this.style.zIndex = this._manager.backdropZ(); if (!this.parentNode) { Polymer.dom(document.body).appendChild(this); - this.style.zIndex = this._manager.currentOverlayZ() - 1; } }, @@ -109,9 +114,14 @@ Custom property | Description | Default * Hides the backdrop if needed. */ close: function() { - // only need to make the backdrop invisible if this is called by the last overlay with a backdrop - if (this._manager.getBackdrops().length < 2) { + // Always update z-index + this.style.zIndex = this._manager.backdropZ(); + // close only if no element with backdrop is left + if (this._manager.getBackdrops().length === 0) { this._setOpened(false); + // complete() will be called after the transition is done. + // If animations are disabled via custom-styles, user is expected to call + // complete() after close() } }, @@ -123,6 +133,12 @@ Custom property | Description | Default if (this._manager.getBackdrops().length === 0 && this.parentNode) { Polymer.dom(this.parentNode).removeChild(this); } + }, + + _onTransitionend: function (event) { + if (event && event.target === this) { + this.complete(); + } } }); diff --git a/dashboard-ui/bower_components/iron-overlay-behavior/iron-overlay-behavior.html b/dashboard-ui/bower_components/iron-overlay-behavior/iron-overlay-behavior.html index c18cec68fb..afa489f537 100644 --- a/dashboard-ui/bower_components/iron-overlay-behavior/iron-overlay-behavior.html +++ b/dashboard-ui/bower_components/iron-overlay-behavior/iron-overlay-behavior.html @@ -80,8 +80,8 @@ context. You should place this element as a child of `` whenever possible. * Set to true to display a backdrop behind the overlay. */ withBackdrop: { - type: Boolean, - value: false + observer: '_withBackdropChanged', + type: Boolean }, /** @@ -148,17 +148,13 @@ context. You should place this element as a child of `` whenever possible. * @type Node */ get backdropElement() { - return this._backdrop; + return this._manager.backdropElement; }, get _focusNode() { return Polymer.dom(this).querySelector('[autofocus]') || this; }, - registered: function() { - this._backdrop = document.createElement('iron-overlay-backdrop'); - }, - ready: function() { this._ensureSetup(); }, @@ -172,7 +168,7 @@ context. You should place this element as a child of `` whenever possible. detached: function() { this.opened = false; - this._completeBackdrop(); + this._manager.trackBackdrop(this); this._manager.removeOverlay(this); }, @@ -180,6 +176,7 @@ context. You should place this element as a child of `` whenever possible. * Toggle the opened state of the overlay. */ toggle: function() { + this._setCanceled(false); this.opened = !this.opened; }, @@ -187,16 +184,16 @@ context. You should place this element as a child of `` whenever possible. * Open the overlay. */ open: function() { + this._setCanceled(false); this.opened = true; - this.closingReason = {canceled: false}; }, /** * Close the overlay. */ close: function() { - this.opened = false; this._setCanceled(false); + this.opened = false; }, /** @@ -208,8 +205,8 @@ context. You should place this element as a child of `` whenever possible. return; } - this.opened = false; this._setCanceled(true); + this.opened = false; }, _ensureSetup: function() { @@ -226,6 +223,7 @@ context. You should place this element as a child of `` whenever possible. this.removeAttribute('aria-hidden'); } else { this.setAttribute('aria-hidden', 'true'); + Polymer.dom(this).unobserveNodes(this._observer); } // wait to call after ready only if we're initially open @@ -233,30 +231,32 @@ context. You should place this element as a child of `` whenever possible. this._callOpenedWhenReady = this.opened; return; } - if (this._openChangedAsync) { - this.cancelAsync(this._openChangedAsync); - } - this._toggleListeners(); + this._manager.trackBackdrop(this); if (this.opened) { this._prepareRenderOpened(); } - // async here to allow overlay layer to become visible. + if (this._openChangedAsync) { + this.cancelAsync(this._openChangedAsync); + } + // Async here to allow overlay layer to become visible, and to avoid + // listeners to immediately close via a click. this._openChangedAsync = this.async(function() { // overlay becomes visible here this.style.display = ''; - // force layout to ensure transitions will go - /** @suppress {suspiciousCode} */ this.offsetWidth; + // Force layout to ensure transition will go. Set offsetWidth to itself + // so that compilers won't remove it. + this.offsetWidth = this.offsetWidth; if (this.opened) { this._renderOpened(); } else { this._renderClosed(); } + this._toggleListeners(); this._openChangedAsync = null; - }); - + }, 1); }, _canceledChanged: function() { @@ -264,6 +264,21 @@ context. You should place this element as a child of `` whenever possible. this.closingReason.canceled = this.canceled; }, + _withBackdropChanged: function() { + if (this.opened) { + this._manager.trackBackdrop(this); + if (this.withBackdrop) { + this.backdropElement.prepare(); + // Give time to be added to document. + this.async(function(){ + this.backdropElement.open(); + }, 1); + } else { + this.backdropElement.close(); + } + } + }, + _toggleListener: function(enable, node, event, boundListener, capture) { if (enable) { // enable document-wide tap recognizer @@ -280,30 +295,22 @@ context. You should place this element as a child of `` whenever possible. } }, - _toggleListeners: function() { - if (this._toggleListenersAsync) { - this.cancelAsync(this._toggleListenersAsync); - } - // async so we don't auto-close immediately via a click. - this._toggleListenersAsync = this.async(function() { - this._toggleListener(this.opened, document, 'tap', this._boundOnCaptureClick, true); - this._toggleListener(this.opened, document, 'keydown', this._boundOnCaptureKeydown, true); - this._toggleListenersAsync = null; - }, 1); + _toggleListeners: function () { + this._toggleListener(this.opened, document, 'tap', this._boundOnCaptureClick, true); + this._toggleListener(this.opened, document, 'keydown', this._boundOnCaptureKeydown, true); }, // tasks which must occur before opening; e.g. making the element visible _prepareRenderOpened: function() { this._manager.addOverlay(this); - if (this.withBackdrop) { - this.backdropElement.prepare(); - this._manager.trackBackdrop(this); - } - this._preparePositioning(); this.fit(); this._finishPositioning(); + + if (this.withBackdrop) { + this.backdropElement.prepare(); + } }, // tasks which cause the overlay to actually open; typically play an @@ -322,52 +329,24 @@ context. You should place this element as a child of `` whenever possible. this._finishRenderClosed(); }, - _onTransitionend: function(event) { - // make sure this is our transition event. - if (event && event.target !== this) { - return; - } - if (this.opened) { - this._finishRenderOpened(); - } else { - this._finishRenderClosed(); - } - }, - _finishRenderOpened: function() { // focus the child node with [autofocus] - if (!this.noAutoFocus) { - this._focusNode.focus(); - } + this._applyFocus(); + this._observer = Polymer.dom(this).observeNodes(this.notifyResize); this.fire('iron-overlay-opened'); - - this._squelchNextResize = true; - this.async(this.notifyResize); }, _finishRenderClosed: function() { // hide the overlay and remove the backdrop this.resetFit(); this.style.display = 'none'; - this._completeBackdrop(); this._manager.removeOverlay(this); - this._focusNode.blur(); - // focus the next overlay, if there is one - this._manager.focusOverlay(); + this._applyFocus(); + this.notifyResize(); this.fire('iron-overlay-closed', this.closingReason); - - this._squelchNextResize = true; - this.async(this.notifyResize); - }, - - _completeBackdrop: function() { - if (this.withBackdrop) { - this._manager.trackBackdrop(this); - this.backdropElement.complete(); - } }, _preparePositioning: function() { @@ -396,8 +375,8 @@ context. You should place this element as a child of `` whenever possible. }, _onCaptureClick: function(event) { - if (!this.noCancelOnOutsideClick && - this._manager.currentOverlay() === this && + if (this._manager.currentOverlay() === this && + !this.noCancelOnOutsideClick && Polymer.dom(event).path.indexOf(this) === -1) { this.cancel(); } @@ -405,18 +384,14 @@ context. You should place this element as a child of `` whenever possible. _onCaptureKeydown: function(event) { var ESC = 27; - if (!this.noCancelOnEscKey && (event.keyCode === ESC)) { + if (this._manager.currentOverlay() === this && + !this.noCancelOnEscKey && + event.keyCode === ESC) { this.cancel(); - event.stopPropagation(); - event.stopImmediatePropagation(); } }, _onIronResize: function() { - if (this._squelchNextResize) { - this._squelchNextResize = false; - return; - } if (this.opened) { this.refit(); } diff --git a/dashboard-ui/bower_components/iron-overlay-behavior/iron-overlay-manager.html b/dashboard-ui/bower_components/iron-overlay-behavior/iron-overlay-manager.html index c4fea621de..7eeb13d087 100644 --- a/dashboard-ui/bower_components/iron-overlay-behavior/iron-overlay-manager.html +++ b/dashboard-ui/bower_components/iron-overlay-behavior/iron-overlay-manager.html @@ -12,104 +12,148 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN diff --git a/dashboard-ui/bower_components/iron-overlay-behavior/test/index.html b/dashboard-ui/bower_components/iron-overlay-behavior/test/index.html index 9041313cfc..c25fcbf9ad 100644 --- a/dashboard-ui/bower_components/iron-overlay-behavior/test/index.html +++ b/dashboard-ui/bower_components/iron-overlay-behavior/test/index.html @@ -1,5 +1,4 @@ - - - - +--> iron-overlay-behavior tests @@ -23,12 +20,12 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN - - + + + diff --git a/dashboard-ui/bower_components/iron-overlay-behavior/test/iron-overlay-behavior.html b/dashboard-ui/bower_components/iron-overlay-behavior/test/iron-overlay-behavior.html index 08fbcb3000..30d5f03b60 100644 --- a/dashboard-ui/bower_components/iron-overlay-behavior/test/iron-overlay-behavior.html +++ b/dashboard-ui/bower_components/iron-overlay-behavior/test/iron-overlay-behavior.html @@ -22,6 +22,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN + @@ -79,6 +80,17 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN + + + + diff --git a/dashboard-ui/bower_components/iron-selector/.bower.json b/dashboard-ui/bower_components/iron-selector/.bower.json index ebb18c5b7b..d583d34022 100644 --- a/dashboard-ui/bower_components/iron-selector/.bower.json +++ b/dashboard-ui/bower_components/iron-selector/.bower.json @@ -1,6 +1,6 @@ { "name": "iron-selector", - "version": "1.0.8", + "version": "1.1.0", "description": "Manages a set of elements that can be selected", "private": true, "license": "http://polymer.github.io/LICENSE.txt", @@ -27,16 +27,16 @@ "iron-test-helpers": "polymerelements/iron-test-helpers#^1.0.0", "paper-styles": "PolymerElements/paper-styles#^1.0.4", "test-fixture": "PolymerElements/test-fixture#^1.0.0", - "web-component-tester": "*", + "web-component-tester": "^4.0.0", "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" }, - "_release": "1.0.8", + "_release": "1.1.0", "_resolution": { "type": "version", - "tag": "v1.0.8", - "commit": "e9a66727f3da0446f04956d4e4f1dcd51cdec2ff" + "tag": "v1.1.0", + "commit": "abd9ee7c29f0aae7b583abfe0af9db7f2555eabf" }, - "_source": "git://github.com/polymerelements/iron-selector.git", + "_source": "git://github.com/PolymerElements/iron-selector.git", "_target": "^1.0.0", - "_originalSource": "polymerelements/iron-selector" + "_originalSource": "PolymerElements/iron-selector" } \ No newline at end of file diff --git a/dashboard-ui/bower_components/iron-selector/.travis.yml b/dashboard-ui/bower_components/iron-selector/.travis.yml index eca932119c..bc9ed370bc 100644 --- a/dashboard-ui/bower_components/iron-selector/.travis.yml +++ b/dashboard-ui/bower_components/iron-selector/.travis.yml @@ -1,28 +1,25 @@ language: node_js sudo: false -matrix: - include: - - node_js: stable - script: xvfb-run wct - addons: - firefox: latest - apt: - sources: - - google-chrome - packages: - - google-chrome-stable - - node_js: node - script: - - | - if [ "${TRAVIS_PULL_REQUEST}" = "false" ]; then - wct -s 'default' - fi before_script: -- npm install web-component-tester -- npm install bower -- export PATH=$PWD/node_modules/.bin:$PATH -- bower install + - npm install -g bower polylint web-component-tester + - bower install + - polylint env: global: - - secure: ltCkwJM0nkTS9WjikyjqBsB5J2hQon4UnVVrINk4y+Vq4v9PQJH3+83nya0jnxilKaeAJs4d2/OS02F9GkqYpsSmDz7OgXPfk0hrHA8UksvvpSALfnukleIAN2YTOcxXJKeNHcfpqCKPk1dGeNQOEM61H+QgTBIyFB3sMugygqs= - - secure: TJuu1WdpFLTaBN/prBafm8Pld/BQCySNuuG1nATbF3fqiOpgehXu8Z5URAz5syUhqZAyEmuRMxvXpEVD/t1jrtaXVwkdCFkkQ4ckkP4gTIeSGA/Puw8sveB2q7QAqXyTmeFkocNlh8fxV+B07o0SPWdhcvdZnDVU9VrpSqL+92M= + - secure: ltCkwJM0nkTS9WjikyjqBsB5J2hQon4UnVVrINk4y+Vq4v9PQJH3+83nya0jnxilKaeAJs4d2/OS02F9GkqYpsSmDz7OgXPfk0hrHA8UksvvpSALfnukleIAN2YTOcxXJKeNHcfpqCKPk1dGeNQOEM61H+QgTBIyFB3sMugygqs= + - secure: TJuu1WdpFLTaBN/prBafm8Pld/BQCySNuuG1nATbF3fqiOpgehXu8Z5URAz5syUhqZAyEmuRMxvXpEVD/t1jrtaXVwkdCFkkQ4ckkP4gTIeSGA/Puw8sveB2q7QAqXyTmeFkocNlh8fxV+B07o0SPWdhcvdZnDVU9VrpSqL+92M= + - CXX=g++-4.8 +node_js: stable +addons: + firefox: latest + apt: + sources: + - google-chrome + - ubuntu-toolchain-r-test + packages: + - google-chrome-stable + - g++-4.8 + sauce_connect: true +script: + - xvfb-run wct + - "if [ \"${TRAVIS_PULL_REQUEST}\" = \"false\" ]; then wct -s 'default'; fi" diff --git a/dashboard-ui/bower_components/iron-selector/CONTRIBUTING.md b/dashboard-ui/bower_components/iron-selector/CONTRIBUTING.md new file mode 100644 index 0000000000..7b10141565 --- /dev/null +++ b/dashboard-ui/bower_components/iron-selector/CONTRIBUTING.md @@ -0,0 +1,72 @@ + + +# Polymer Elements +## Guide for Contributors + +Polymer Elements are built in the open, and the Polymer authors eagerly encourage any and all forms of community contribution. When contributing, please follow these guidelines: + +### Filing Issues + +**If you are filing an issue to request a feature**, please provide a clear description of the feature. It can be helpful to describe answers to the following questions: + + 1. **Who will use the feature?** _“As someone filling out a form…”_ + 2. **When will they use the feature?** _“When I enter an invalid value…”_ + 3. **What is the user’s goal?** _“I want to be visually notified that the value needs to be corrected…”_ + +**If you are filing an issue to report a bug**, please provide: + + 1. **A clear description of the bug and related expectations.** Consider using the following example template for reporting a bug: + + ```markdown + The `paper-foo` element causes the page to turn pink when clicked. + + ## Expected outcome + + The page stays the same color. + + ## Actual outcome + + The page turns pink. + + ## Steps to reproduce + + 1. Put a `paper-foo` element in the page. + 2. Open the page in a web browser. + 3. Click the `paper-foo` element. + ``` + + 2. **A reduced test case that demonstrates the problem.** If possible, please include the test case as a JSBin. Start with this template to easily import and use relevant Polymer Elements: [http://jsbin.com/cagaye](http://jsbin.com/cagaye/edit?html,output). + + 3. **A list of browsers where the problem occurs.** This can be skipped if the problem is the same across all browsers. + +### Submitting Pull Requests + +**Before creating a pull request**, please ensure that an issue exists for the corresponding change in the pull request that you intend to make. **If an issue does not exist, please create one per the guidelines above**. The goal is to discuss the design and necessity of the proposed change with Polymer authors and community before diving into a pull request. + +When submitting pull requests, please provide: + + 1. **A reference to the corresponding issue** or issues that will be closed by the pull request. Please refer to these issues using the following syntax: + + ```markdown + (For a single issue) + Fixes #20 + + (For multiple issues) + Fixes #32, #40 + ``` + + 2. **A succinct description of the design** used to fix any related issues. For example: + + ```markdown + This fixes #20 by removing styles that leaked which would cause the page to turn pink whenever `paper-foo` is clicked. + ``` + + 3. **At least one test for each bug fixed or feature added** as part of the pull request. Pull requests that fix bugs or add features without accompanying tests will not be considered. + +If a proposed change contains multiple commits, please [squash commits](https://www.google.com/url?q=http://blog.steveklabnik.com/posts/2012-11-08-how-to-squash-commits-in-a-github-pull-request) to as few as is necessary to succinctly express the change. A Polymer author can help you squash commits, so don’t be afraid to ask us if you need help with that! diff --git a/dashboard-ui/bower_components/iron-selector/bower.json b/dashboard-ui/bower_components/iron-selector/bower.json index a633301211..ccc5ac8444 100644 --- a/dashboard-ui/bower_components/iron-selector/bower.json +++ b/dashboard-ui/bower_components/iron-selector/bower.json @@ -1,6 +1,6 @@ { "name": "iron-selector", - "version": "1.0.8", + "version": "1.1.0", "description": "Manages a set of elements that can be selected", "private": true, "license": "http://polymer.github.io/LICENSE.txt", @@ -27,7 +27,7 @@ "iron-test-helpers": "polymerelements/iron-test-helpers#^1.0.0", "paper-styles": "PolymerElements/paper-styles#^1.0.4", "test-fixture": "PolymerElements/test-fixture#^1.0.0", - "web-component-tester": "*", + "web-component-tester": "^4.0.0", "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" } } diff --git a/dashboard-ui/bower_components/iron-selector/iron-multi-selectable.html b/dashboard-ui/bower_components/iron-selector/iron-multi-selectable.html index 906e9204d7..69c30a72bc 100644 --- a/dashboard-ui/bower_components/iron-selector/iron-multi-selectable.html +++ b/dashboard-ui/bower_components/iron-selector/iron-multi-selectable.html @@ -54,7 +54,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN * `value` will be toggled; otherwise the `value` will be selected. * * @method select - * @param {string} value the value to select. + * @param {string|number} value the value to select. */ select: function(value) { if (this.multi) { diff --git a/dashboard-ui/bower_components/iron-selector/iron-selectable.html b/dashboard-ui/bower_components/iron-selector/iron-selectable.html index 403a759636..6c751a9fac 100644 --- a/dashboard-ui/bower_components/iron-selector/iron-selectable.html +++ b/dashboard-ui/bower_components/iron-selector/iron-selectable.html @@ -56,6 +56,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN /** * Gets or sets the selected element. The default is to use the index of the item. + * @type {string|number} */ selected: { type: String, @@ -173,7 +174,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN * Selects the given value. * * @method select - * @param {string} value the value to select. + * @param {string|number} value the value to select. */ select: function(value) { this.selected = value; diff --git a/dashboard-ui/bower_components/paper-behaviors/.bower.json b/dashboard-ui/bower_components/paper-behaviors/.bower.json index 713d584e4f..2b04bf9f8a 100644 --- a/dashboard-ui/bower_components/paper-behaviors/.bower.json +++ b/dashboard-ui/bower_components/paper-behaviors/.bower.json @@ -1,6 +1,6 @@ { "name": "paper-behaviors", - "version": "1.0.10", + "version": "1.0.11", "description": "Common behaviors across the paper elements", "authors": [ "The Polymer Authors" @@ -27,23 +27,23 @@ "dependencies": { "iron-behaviors": "PolymerElements/iron-behaviors#^1.0.0", "iron-checked-element-behavior": "PolymerElements/iron-checked-element-behavior#^1.0.0", + "paper-ripple": "PolymerElements/paper-ripple#^1.0.0", "polymer": "Polymer/polymer#^1.2.1" }, "devDependencies": { "iron-component-page": "polymerelements/iron-component-page#^1.0.0", "iron-test-helpers": "polymerelements/iron-test-helpers#^1.0.0", "paper-material": "PolymerElements/paper-material#^1.0.0", - "paper-ripple": "PolymerElements/paper-ripple#^1.0.0", "test-fixture": "PolymerElements/test-fixture#^1.0.0", - "web-component-tester": "^3.4.0", + "web-component-tester": "^4.0.0", "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" }, "ignore": [], - "_release": "1.0.10", + "_release": "1.0.11", "_resolution": { "type": "version", - "tag": "v1.0.10", - "commit": "4b244a542af2c6c271498dfb98b00ed284df1d6a" + "tag": "v1.0.11", + "commit": "e3c1ab0c72905b58fb4d9adc2921ea73b5c085a5" }, "_source": "git://github.com/PolymerElements/paper-behaviors.git", "_target": "^1.0.0", diff --git a/dashboard-ui/bower_components/paper-behaviors/.travis.yml b/dashboard-ui/bower_components/paper-behaviors/.travis.yml index 118a44d8db..f44cf504cf 100644 --- a/dashboard-ui/bower_components/paper-behaviors/.travis.yml +++ b/dashboard-ui/bower_components/paper-behaviors/.travis.yml @@ -1,22 +1,25 @@ language: node_js sudo: false before_script: - - npm install web-component-tester - - npm install bower - - 'export PATH=$PWD/node_modules/.bin:$PATH' + - npm install -g bower polylint web-component-tester - bower install + - polylint env: global: - secure: Mni8srJPpo7GAk5wCLTiqqVqAJxxKMpGuxYxooqIAuc050n26KkHfDWLPY69taFY9WYjU3pzVEwrYX3HqSbib1CTlcfeATGs1+q2rXKZKmBAnKKPi12CEEXOcbMoVgzVQs7rzr8MQF9LR2TLtBuMQEoAimebA7uQcYGXcSWKJR4= - secure: LYF3qBtJ6zZcf9dsSJ9t/My4Cne5ieI6RkHFj/0MBcy0vMbUazTH38vuy+FILYlrzbaxkVs36lPQFBXH83Ue3TxjdfjeNvK8YiuEcFjE5lQi2u7+x54eSV3myp2SIdtBLGE7rqmY0zj/Oeg91fV22OdfSHhJxuV/RxFFZIuZtHY= -node_js: 4 + - CXX=g++-4.8 +node_js: stable addons: firefox: latest apt: sources: - google-chrome + - ubuntu-toolchain-r-test packages: - google-chrome-stable + - g++-4.8 + sauce_connect: true script: - xvfb-run wct - "if [ \"${TRAVIS_PULL_REQUEST}\" = \"false\" ]; then wct -s 'default'; fi" diff --git a/dashboard-ui/bower_components/paper-behaviors/bower.json b/dashboard-ui/bower_components/paper-behaviors/bower.json index a3e0e8be2e..5933ab1de9 100644 --- a/dashboard-ui/bower_components/paper-behaviors/bower.json +++ b/dashboard-ui/bower_components/paper-behaviors/bower.json @@ -1,6 +1,6 @@ { "name": "paper-behaviors", - "version": "1.0.10", + "version": "1.0.11", "description": "Common behaviors across the paper elements", "authors": [ "The Polymer Authors" @@ -27,15 +27,15 @@ "dependencies": { "iron-behaviors": "PolymerElements/iron-behaviors#^1.0.0", "iron-checked-element-behavior": "PolymerElements/iron-checked-element-behavior#^1.0.0", + "paper-ripple": "PolymerElements/paper-ripple#^1.0.0", "polymer": "Polymer/polymer#^1.2.1" }, "devDependencies": { "iron-component-page": "polymerelements/iron-component-page#^1.0.0", "iron-test-helpers": "polymerelements/iron-test-helpers#^1.0.0", "paper-material": "PolymerElements/paper-material#^1.0.0", - "paper-ripple": "PolymerElements/paper-ripple#^1.0.0", "test-fixture": "PolymerElements/test-fixture#^1.0.0", - "web-component-tester": "^3.4.0", + "web-component-tester": "^4.0.0", "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" }, "ignore": [] diff --git a/dashboard-ui/bower_components/paper-behaviors/demo/paper-radio-button.html b/dashboard-ui/bower_components/paper-behaviors/demo/paper-radio-button.html index 0972024433..b664494284 100644 --- a/dashboard-ui/bower_components/paper-behaviors/demo/paper-radio-button.html +++ b/dashboard-ui/bower_components/paper-behaviors/demo/paper-radio-button.html @@ -9,7 +9,6 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN --> - diff --git a/dashboard-ui/bower_components/paper-behaviors/paper-button-behavior.html b/dashboard-ui/bower_components/paper-behaviors/paper-button-behavior.html index bbb64038bb..21b999f5b4 100644 --- a/dashboard-ui/bower_components/paper-behaviors/paper-button-behavior.html +++ b/dashboard-ui/bower_components/paper-behaviors/paper-button-behavior.html @@ -60,7 +60,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN }, _computeKeyboardClass: function(receivedFocusFromKeyboard) { - this.classList.toggle('keyboard-focus', receivedFocusFromKeyboard); + this.toggleClass('keyboard-focus', receivedFocusFromKeyboard); }, /** @@ -71,7 +71,8 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN */ _spaceKeyDownHandler: function(event) { Polymer.IronButtonStateImpl._spaceKeyDownHandler.call(this, event); - if (this.hasRipple()) { + // Ensure that there is at most one ripple when the space key is held down. + if (this.hasRipple() && this.getRipple().ripples.length < 1) { this._ripple.uiDownAction(); } }, diff --git a/dashboard-ui/bower_components/paper-behaviors/test/paper-button-behavior.html b/dashboard-ui/bower_components/paper-behaviors/test/paper-button-behavior.html index 74d61a17d0..ff8592520a 100644 --- a/dashboard-ui/bower_components/paper-behaviors/test/paper-button-behavior.html +++ b/dashboard-ui/bower_components/paper-behaviors/test/paper-button-behavior.html @@ -78,6 +78,34 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN assert.equal(button.elevation, 3); assert.ok(button.hasRipple()); }); + + test('space key', function(done) { + const SPACE_KEY_CODE = 32; + var ripple; + MockInteractions.focus(button); + + assert.ok(button.hasRipple()); + + ripple = button.getRipple(); + MockInteractions.keyDownOn(button, SPACE_KEY_CODE); + + assert.equal(ripple.ripples.length, 1); + + MockInteractions.keyDownOn(button, SPACE_KEY_CODE); + + assert.equal(ripple.ripples.length, 1); + + MockInteractions.keyUpOn(button, SPACE_KEY_CODE); + + var transitionEndCalled = false; + ripple.addEventListener('transitionend', function() { + if (!transitionEndCalled) { + transitionEndCalled = true; + assert.equal(ripple.ripples.length, 0); + done(); + } + }); + }); }); diff --git a/dashboard-ui/bower_components/paper-dialog-behavior/.bower.json b/dashboard-ui/bower_components/paper-dialog-behavior/.bower.json index fc4c6b94d3..4023c89b7f 100644 --- a/dashboard-ui/bower_components/paper-dialog-behavior/.bower.json +++ b/dashboard-ui/bower_components/paper-dialog-behavior/.bower.json @@ -1,6 +1,6 @@ { "name": "paper-dialog-behavior", - "version": "1.1.0", + "version": "1.1.1", "description": "Implements a behavior used for material design dialogs", "authors": "The Polymer Authors", "keywords": [ @@ -21,7 +21,7 @@ "ignore": [], "dependencies": { "iron-overlay-behavior": "PolymerElements/iron-overlay-behavior#^1.0.0", - "paper-styles": "PolymerElements/paper-styles#^1.0.4", + "paper-styles": "PolymerElements/paper-styles#^1.1.0", "polymer": "Polymer/polymer#^1.1.0" }, "devDependencies": { @@ -29,14 +29,14 @@ "paper-button": "PolymerElements/paper-button#^1.0.0", "paper-dialog-scrollable": "PolymerElements/paper-dialog-scrollable#^1.0.0", "test-fixture": "PolymerElements/test-fixture#^1.0.0", - "web-component-tester": "*", + "web-component-tester": "^4.0.0", "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" }, - "_release": "1.1.0", + "_release": "1.1.1", "_resolution": { "type": "version", - "tag": "v1.1.0", - "commit": "e41d36a798df2ee2f9f49fb27dd7712e55366595" + "tag": "v1.1.1", + "commit": "5831039e9f878c63478064abed115c98992b5504" }, "_source": "git://github.com/PolymerElements/paper-dialog-behavior.git", "_target": "^1.0.0", diff --git a/dashboard-ui/bower_components/paper-dialog-behavior/.travis.yml b/dashboard-ui/bower_components/paper-dialog-behavior/.travis.yml index 1ee292e24d..72cbf44439 100644 --- a/dashboard-ui/bower_components/paper-dialog-behavior/.travis.yml +++ b/dashboard-ui/bower_components/paper-dialog-behavior/.travis.yml @@ -1,28 +1,26 @@ language: node_js sudo: false -matrix: - include: - - node_js: stable - script: xvfb-run wct - addons: - firefox: latest - apt: - sources: - - google-chrome - packages: - - google-chrome-stable - - node_js: node - script: - - | - if [ "${TRAVIS_PULL_REQUEST}" = "false" ]; then - wct -s 'default' - fi before_script: -- npm install web-component-tester -- npm install bower -- export PATH=$PWD/node_modules/.bin:$PATH -- bower install + - npm install -g bower polylint web-component-tester + - bower install + - polylint env: global: - - secure: ZBrrZGA8OWY95x8yHSsKUNrQfowhRe/s/pMZhHgnoppnZ1+bDfpoms+ggOdvH0TgURAAdF+1Wq1mTCgNp0FYLJ3Oe34XseDIxiA3wXSQO/E2m4Cfj/w4fRvaSy8ikdz5urQJET33SjDKdggm1FmWmnt6vSVgW/mg8M7AW2KWDcE= - - secure: P5UKkTar39Q1k0VwtF5LhOphqNiW3r+DSnN1vRNA4oKZPrt6l3dJE1hpA9+1x1m6SryG856lLekPM6/fVZuC7nyDKFLz4vU/EWhiGdyWN1lHhE2MDh281TsCtzK56S0uJxdmlIpSiWTFWIrrEiiewN2b8dXy3FSPfy0Fo1sGn54= + - secure: ZBrrZGA8OWY95x8yHSsKUNrQfowhRe/s/pMZhHgnoppnZ1+bDfpoms+ggOdvH0TgURAAdF+1Wq1mTCgNp0FYLJ3Oe34XseDIxiA3wXSQO/E2m4Cfj/w4fRvaSy8ikdz5urQJET33SjDKdggm1FmWmnt6vSVgW/mg8M7AW2KWDcE= + - secure: P5UKkTar39Q1k0VwtF5LhOphqNiW3r+DSnN1vRNA4oKZPrt6l3dJE1hpA9+1x1m6SryG856lLekPM6/fVZuC7nyDKFLz4vU/EWhiGdyWN1lHhE2MDh281TsCtzK56S0uJxdmlIpSiWTFWIrrEiiewN2b8dXy3FSPfy0Fo1sGn54= + - CXX=g++-4.8 +node_js: stable +addons: + firefox: latest + apt: + sources: + - google-chrome + - ubuntu-toolchain-r-test + packages: + - google-chrome-stable + - g++-4.8 + sauce_connect: true +script: + - xvfb-run wct -l chrome + - xvfb-run wct -l firefox + - "if [ \"${TRAVIS_PULL_REQUEST}\" = \"false\" ]; then wct -s 'default'; fi" diff --git a/dashboard-ui/bower_components/paper-dialog-behavior/bower.json b/dashboard-ui/bower_components/paper-dialog-behavior/bower.json index ef81a9e7a9..7d231ca9c2 100644 --- a/dashboard-ui/bower_components/paper-dialog-behavior/bower.json +++ b/dashboard-ui/bower_components/paper-dialog-behavior/bower.json @@ -1,6 +1,6 @@ { "name": "paper-dialog-behavior", - "version": "1.1.0", + "version": "1.1.1", "description": "Implements a behavior used for material design dialogs", "authors": "The Polymer Authors", "keywords": [ @@ -21,7 +21,7 @@ "ignore": [], "dependencies": { "iron-overlay-behavior": "PolymerElements/iron-overlay-behavior#^1.0.0", - "paper-styles": "PolymerElements/paper-styles#^1.0.4", + "paper-styles": "PolymerElements/paper-styles#^1.1.0", "polymer": "Polymer/polymer#^1.1.0" }, "devDependencies": { @@ -29,7 +29,7 @@ "paper-button": "PolymerElements/paper-button#^1.0.0", "paper-dialog-scrollable": "PolymerElements/paper-dialog-scrollable#^1.0.0", "test-fixture": "PolymerElements/test-fixture#^1.0.0", - "web-component-tester": "*", + "web-component-tester": "^4.0.0", "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" } } diff --git a/dashboard-ui/bower_components/paper-dialog-behavior/demo/index.html b/dashboard-ui/bower_components/paper-dialog-behavior/demo/index.html index 3f354e726c..d1957c48cb 100644 --- a/dashboard-ui/bower_components/paper-dialog-behavior/demo/index.html +++ b/dashboard-ui/bower_components/paper-dialog-behavior/demo/index.html @@ -24,7 +24,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN - +