+ This demo is for an <iron-icon> with an asynchronously loaded
+ iconset.
+
+
+
Waiting to load iconset...
+
+
+
+
+
+
<iron-icon icon="example:location">
+
+
+
+
+
+
+
diff --git a/dashboard-ui/bower_components/iron-icon/demo/index.html b/dashboard-ui/bower_components/iron-icon/demo/index.html
index ff712396cf..999ed35b48 100644
--- a/dashboard-ui/bower_components/iron-icon/demo/index.html
+++ b/dashboard-ui/bower_components/iron-icon/demo/index.html
@@ -30,7 +30,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
This demo is for a single <iron-icon>. If you're looking for the
- whole set of available icons, check out the <iron-icons> demo.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+ Open nested dialog
+
+
+
+
+
Dialog Title
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
+
@@ -116,11 +150,13 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
colorssize & position
-
+
+
Custom Colors
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
+
+
Custom Size & Position
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
diff --git a/dashboard-ui/bower_components/paper-input/.bower.json b/dashboard-ui/bower_components/paper-input/.bower.json
index 8cc77ad014..887309273b 100644
--- a/dashboard-ui/bower_components/paper-input/.bower.json
+++ b/dashboard-ui/bower_components/paper-input/.bower.json
@@ -1,6 +1,6 @@
{
"name": "paper-input",
- "version": "1.0.14",
+ "version": "1.0.15",
"description": "Material design text fields",
"authors": [
"The Polymer Authors"
@@ -44,11 +44,11 @@
"iron-validator-behavior": "PolymerElements/iron-validator-behavior#^1.0.0",
"paper-icon-button": "PolymerElements/paper-icon-button#^1.0.0"
},
- "_release": "1.0.14",
+ "_release": "1.0.15",
"_resolution": {
"type": "version",
- "tag": "v1.0.14",
- "commit": "120a0610aca5c86194977e30f696b09716f93bbc"
+ "tag": "v1.0.15",
+ "commit": "34d19454e0ea13b1a809add8c87fba128fbc9940"
},
"_source": "git://github.com/polymerelements/paper-input.git",
"_target": "^1.0.9",
diff --git a/dashboard-ui/bower_components/paper-input/bower.json b/dashboard-ui/bower_components/paper-input/bower.json
index ad9a70a40d..887a7442d7 100644
--- a/dashboard-ui/bower_components/paper-input/bower.json
+++ b/dashboard-ui/bower_components/paper-input/bower.json
@@ -1,6 +1,6 @@
{
"name": "paper-input",
- "version": "1.0.14",
+ "version": "1.0.15",
"description": "Material design text fields",
"authors": [
"The Polymer Authors"
diff --git a/dashboard-ui/bower_components/paper-input/demo/index.html b/dashboard-ui/bower_components/paper-input/demo/index.html
index 0db3a0a144..0966b29854 100644
--- a/dashboard-ui/bower_components/paper-input/demo/index.html
+++ b/dashboard-ui/bower_components/paper-input/demo/index.html
@@ -59,6 +59,8 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
+
+
diff --git a/dashboard-ui/bower_components/paper-input/paper-input-behavior.html b/dashboard-ui/bower_components/paper-input/paper-input-behavior.html
index 6d8c18fad3..302a38c0a5 100644
--- a/dashboard-ui/bower_components/paper-input/paper-input-behavior.html
+++ b/dashboard-ui/bower_components/paper-input/paper-input-behavior.html
@@ -279,6 +279,20 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
value: 'off'
},
+ /**
+ * Bind this to the ``'s `autosave` property, used with type=search.
+ */
+ autosave: {
+ type: String
+ },
+
+ /**
+ * Bind this to the ``'s `results` property, , used with type=search.
+ */
+ results: {
+ type: Number
+ },
+
_ariaDescribedBy: {
type: String,
value: ''
diff --git a/dashboard-ui/bower_components/paper-input/paper-input-container.html b/dashboard-ui/bower_components/paper-input/paper-input-container.html
index 25ab4f8b4b..b8c9551a59 100644
--- a/dashboard-ui/bower_components/paper-input/paper-input-container.html
+++ b/dashboard-ui/bower_components/paper-input/paper-input-container.html
@@ -192,8 +192,8 @@ This element is `display:block` by default, but you can set the `inline` attribu
.input-content.label-is-floating ::content label,
.input-content.label-is-floating ::content .paper-input-label {
- -webkit-transform: translate3d(0, -75%, 0) scale(0.75);
- transform: translate3d(0, -75%, 0) scale(0.75);
+ -webkit-transform: translateY(-75%) scale(0.75);
+ transform: translateY(-75%) scale(0.75);
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transition: -webkit-transform 0.25s;
@@ -231,6 +231,7 @@ This element is `display:block` by default, but you can set the `inline` attribu
background: transparent;
border: none;
color: var(--paper-input-container-input-color, --primary-text-color);
+ -webkit-appearance: none;
@apply(--paper-font-subhead);
@apply(--paper-input-container-input);
@@ -328,7 +329,7 @@ This element is `display:block` by default, but you can set the `inline` attribu
/**
* True if the input is invalid. This property is set automatically when the input value
- * changes if auto-validating, or when the `iron-input-valid` event is heard from a child.
+ * changes if auto-validating, or when the `iron-input-validate` event is heard from a child.
*/
invalid: {
observer: '_invalidChanged',
@@ -531,9 +532,9 @@ This element is `display:block` by default, but you can set the `inline` attribu
}
// The label might have a horizontal offset if a prefix element exists
// which needs to be undone when displayed as a floating label.
- if (this.$.prefix && label && label.offsetParent &&
- Polymer.dom(this.$.prefix).getDistributedNodes().length > 0) {
- label.style.left = -label.offsetParent.offsetLeft + 'px';
+ if (Polymer.dom(this.$.prefix).getDistributedNodes().length > 0 &&
+ label && label.offsetParent) {
+ label.style.left = -label.offsetParent.offsetLeft + 'px';
}
} else {
// When the label is not floating, it should overlap the input element.
diff --git a/dashboard-ui/bower_components/paper-input/paper-input-error.html b/dashboard-ui/bower_components/paper-input/paper-input-error.html
index 8e32b04635..7dada065f1 100644
--- a/dashboard-ui/bower_components/paper-input/paper-input-error.html
+++ b/dashboard-ui/bower_components/paper-input/paper-input-error.html
@@ -37,12 +37,12 @@ Custom property | Description | Default
:host {
display: inline-block;
visibility: hidden;
- float: left;
color: var(--paper-input-container-invalid-color, --google-red-500);
@apply(--paper-font-caption);
@apply(--paper-input-error);
+ position: absolute;
}
:host([invalid]) {
@@ -51,7 +51,7 @@ Custom property | Description | Default
-
+
diff --git a/dashboard-ui/bower_components/paper-input/paper-input.html b/dashboard-ui/bower_components/paper-input/paper-input.html
index ffd06b8224..01de203701 100644
--- a/dashboard-ui/bower_components/paper-input/paper-input.html
+++ b/dashboard-ui/bower_components/paper-input/paper-input.html
@@ -35,6 +35,14 @@ for `suffix`).
+A `paper-input` can use the native `type=search` features. However, since
+we can't control the native styling of the input, it's recommended to use
+a placeholder text, or `always-float-label`, as to not overlap the native search icon.
+
+
+
+
See `Polymer.PaperInputBehavior` for more API docs.
### Styling
@@ -106,7 +114,9 @@ style this element.
size$="[[size]]"
autocapitalize$="[[autocapitalize]]"
autocorrect$="[[autocorrect]]"
- on-change="_onChange">
+ on-change="_onChange"
+ autosave$="[[autosave]]",
+ results$="[[results]]">
diff --git a/dashboard-ui/bower_components/paper-ripple/.bower.json b/dashboard-ui/bower_components/paper-ripple/.bower.json
index c9e9b86273..d289efd9cf 100644
--- a/dashboard-ui/bower_components/paper-ripple/.bower.json
+++ b/dashboard-ui/bower_components/paper-ripple/.bower.json
@@ -30,14 +30,14 @@
"web-component-tester": "*",
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
},
- "homepage": "https://github.com/PolymerElements/paper-ripple",
+ "homepage": "https://github.com/polymerelements/paper-ripple",
"_release": "1.0.2",
"_resolution": {
"type": "version",
"tag": "v1.0.2",
"commit": "b546dbe6ad0b1f58cac80caec3136cf3232e12fc"
},
- "_source": "git://github.com/PolymerElements/paper-ripple.git",
+ "_source": "git://github.com/polymerelements/paper-ripple.git",
"_target": "^1.0.0",
- "_originalSource": "PolymerElements/paper-ripple"
+ "_originalSource": "polymerelements/paper-ripple"
}
\ No newline at end of file
diff --git a/dashboard-ui/bower_components/paper-toggle-button/.bower.json b/dashboard-ui/bower_components/paper-toggle-button/.bower.json
index 94b6089b56..b86c18c214 100644
--- a/dashboard-ui/bower_components/paper-toggle-button/.bower.json
+++ b/dashboard-ui/bower_components/paper-toggle-button/.bower.json
@@ -1,6 +1,6 @@
{
"name": "paper-toggle-button",
- "version": "1.0.8",
+ "version": "1.0.9",
"description": "A material design toggle button control",
"authors": [
"The Polymer Authors"
@@ -34,11 +34,11 @@
"iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0",
"iron-flex-layout": "PolymerElements/iron-flex-layout#^1.0.0"
},
- "_release": "1.0.8",
+ "_release": "1.0.9",
"_resolution": {
"type": "version",
- "tag": "v1.0.8",
- "commit": "b1630a0597b9d55d09396c8636daf443890a46df"
+ "tag": "v1.0.9",
+ "commit": "95a18ee82adfb9e10594f99251e991f91b489ac1"
},
"_source": "git://github.com/PolymerElements/paper-toggle-button.git",
"_target": "~1.0.5",
diff --git a/dashboard-ui/bower_components/paper-toggle-button/bower.json b/dashboard-ui/bower_components/paper-toggle-button/bower.json
index 9c9107bf0d..35f5024ba6 100644
--- a/dashboard-ui/bower_components/paper-toggle-button/bower.json
+++ b/dashboard-ui/bower_components/paper-toggle-button/bower.json
@@ -1,6 +1,6 @@
{
"name": "paper-toggle-button",
- "version": "1.0.8",
+ "version": "1.0.9",
"description": "A material design toggle button control",
"authors": [
"The Polymer Authors"
diff --git a/dashboard-ui/bower_components/paper-toggle-button/paper-toggle-button.html b/dashboard-ui/bower_components/paper-toggle-button/paper-toggle-button.html
index 0ca416dfb8..4a60a79811 100644
--- a/dashboard-ui/bower_components/paper-toggle-button/paper-toggle-button.html
+++ b/dashboard-ui/bower_components/paper-toggle-button/paper-toggle-button.html
@@ -62,42 +62,6 @@ Custom property | Description | Default
outline:none;
}
- :host .toggle-bar {
- background-color: var(--paper-toggle-button-unchecked-bar-color, #000000);
- @apply(--paper-toggle-button-unchecked-bar);
- }
-
- :host .toggle-button {
- background-color: var(--paper-toggle-button-unchecked-button-color, --paper-grey-50);
- @apply(--paper-toggle-button-unchecked-button);
- }
-
- :host([checked]) .toggle-bar {
- background-color: var(--paper-toggle-button-checked-bar-color, --default-primary-color);
- @apply(--paper-toggle-button-checked-bar);
- }
-
- :host([checked]) .toggle-button {
- background-color: var(--paper-toggle-button-checked-button-color, --default-primary-color);
- @apply(--paper-toggle-button-checked-button);
- }
-
- :host .toggle-ink {
- color: var(--paper-toggle-button-unchecked-ink-color, --primary-text-color);
- }
-
- :host([checked]) .toggle-ink {
- color: var(--paper-toggle-button-checked-ink-color, --default-primary-color);
- }
-
- /* ID selectors should not be overriden by users. */
-
- #toggleContainer {
- position: relative;
- width: 36px;
- height: 14px;
- }
-
.toggle-bar {
position: absolute;
height: 100%;
@@ -106,15 +70,8 @@ Custom property | Description | Default
pointer-events: none;
opacity: 0.4;
transition: background-color linear .08s;
- }
-
- :host([checked]) .toggle-bar {
- opacity: 0.5;
- }
-
- :host([disabled]) .toggle-bar {
- background-color: #000;
- opacity: 0.12;
+ background-color: var(--paper-toggle-button-unchecked-bar-color, #000000);
+ @apply(--paper-toggle-button-unchecked-bar);
}
.toggle-button {
@@ -127,6 +84,8 @@ Custom property | Description | Default
transition: -webkit-transform linear .08s, background-color linear .08s;
transition: transform linear .08s, background-color linear .08s;
will-change: transform;
+ background-color: var(--paper-toggle-button-unchecked-button-color, --paper-grey-50);
+ @apply(--paper-toggle-button-unchecked-button);
}
.toggle-button.dragging {
@@ -134,11 +93,27 @@ Custom property | Description | Default
transition: none;
}
+ :host([checked]):not([disabled]) .toggle-bar {
+ opacity: 0.5;
+ background-color: var(--paper-toggle-button-checked-bar-color, --default-primary-color);
+ @apply(--paper-toggle-button-checked-bar);
+ }
+
+ :host([disabled]) .toggle-bar {
+ background-color: #000;
+ opacity: 0.12;
+ }
+
:host([checked]) .toggle-button {
-webkit-transform: translate(16px, 0);
transform: translate(16px, 0);
}
+ :host([checked]):not([disabled]) .toggle-button {
+ background-color: var(--paper-toggle-button-checked-button-color, --default-primary-color);
+ @apply(--paper-toggle-button-checked-button);
+ }
+
:host([disabled]) .toggle-button {
background-color: #bdbdbd;
opacity: 1;
@@ -152,10 +127,21 @@ Custom property | Description | Default
height: 48px;
opacity: 0.5;
pointer-events: none;
+ color: var(--paper-toggle-button-unchecked-ink-color, --primary-text-color);
+ }
+
+ :host([checked]) .toggle-ink {
+ color: var(--paper-toggle-button-checked-ink-color, --default-primary-color);
+ }
+
+ .toggle-container {
+ position: relative;
+ width: 36px;
+ height: 14px;
}
-
+
diff --git a/dashboard-ui/vulcanize-out.html b/dashboard-ui/vulcanize-out.html
index 76b6d0d060..e84b3e1873 100644
--- a/dashboard-ui/vulcanize-out.html
+++ b/dashboard-ui/vulcanize-out.html
@@ -6645,7 +6645,7 @@ this.fire('dom-change');
* `keys` property is pressed.
*
* @demo demo/index.html
- * @polymerBehavior IronA11yKeysBehavior
+ * @polymerBehavior
*/
Polymer.IronA11yKeysBehavior = {
properties: {
@@ -10710,7 +10710,7 @@ The `aria-labelledby` attribute will be set to the header element, if one exists
* the selected item or undefined if there is no selection.
*/
get: function() {
- return this.multi ? this.selection : this.selection[0];
+ return this.multi ? this.selection.slice() : this.selection[0];
},
/**
@@ -10886,9 +10886,10 @@ The `aria-labelledby` attribute will be set to the header element, if one exists
},
/**
- * The set of excluded elements where the key is the `localName`
+ * The set of excluded elements where the key is the `localName`
* of the element that will be ignored from the item list.
*
+ * @type {object}
* @default {template: 1}
*/
excludedLocalNames: {
@@ -10913,6 +10914,9 @@ The `aria-labelledby` attribute will be set to the header element, if one exists
attached: function() {
this._observer = this._observeItems(this);
this._contentObserver = this._observeContent(this);
+ if (!this.selectedItem && this.selected) {
+ this._updateSelected(this.attrForSelected,this.selected)
+ }
},
detached: function() {
@@ -11283,9 +11287,9 @@ The `aria-labelledby` attribute will be set to the header element, if one exists
var i = this.selectedValues.indexOf(value);
var unselected = i < 0;
if (unselected) {
- this.selectedValues.push(value);
+ this.push('selectedValues',value);
} else {
- this.selectedValues.splice(i, 1);
+ this.splice('selectedValues',i,1);
}
this._selection.setItemSelected(this._valueToItem(value), unselected);
}
@@ -11833,6 +11837,9 @@ The `aria-labelledby` attribute will be set to the header element, if one exists
*/
_nameChanged: function() {
new Polymer.IronMeta({type: 'iconset', key: this.name, value: this});
+ this.async(function() {
+ this.fire('iron-iconset-added', this, {node: window});
+ });
},
/**
@@ -12160,7 +12167,9 @@ styles. All other styles should exist as single lines."
*
* as a work around we can divide by the reciprocal of `step`
*/
- return this.step ? (Math.round(value / this.step) / (1 / this.step)) : value;
+ // polymer/issues/2493
+ value = parseFloat(value);
+ return this.step ? (Math.round((value + this.min) / this.step) / (1 / this.step)) - this.min : value;
},
_validateValue: function() {
@@ -12862,6 +12871,20 @@ is separate from validation, and `allowed-pattern` does not affect how the input
value: 'off'
},
+ /**
+ * Bind this to the ``'s `autosave` property, used with type=search.
+ */
+ autosave: {
+ type: String
+ },
+
+ /**
+ * Bind this to the ``'s `results` property, , used with type=search.
+ */
+ results: {
+ type: Number
+ },
+
_ariaDescribedBy: {
type: String,
value: ''
@@ -14719,11 +14742,14 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
type: String,
observer: '_srcChanged'
},
-
+
+ /**
+ * @type {!Polymer.IronMeta}
+ */
_meta: {
value: Polymer.Base.create('iron-meta', {type: 'iconset'})
}
-
+
},
_DEFAULT_ICONSET: 'icons',
@@ -14747,12 +14773,13 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
_updateIcon: function() {
if (this._usesIconset()) {
if (this._iconsetName) {
- this._iconset = this._meta.byKey(this._iconsetName);
+ this._iconset = /** @type {?Polymer.Iconset} */ (
+ this._meta.byKey(this._iconsetName));
if (this._iconset) {
this._iconset.applyIcon(this, this._iconName, this.theme);
+ this.unlisten(window, 'iron-iconset-added', '_updateIcon');
} else {
- this._warn(this._logf('_updateIcon', 'could not find iconset `'
- + this._iconsetName + '`, did you import the iconset?'));
+ this.listen(window, 'iron-iconset-added', '_updateIcon');
}
}
} else {
@@ -15011,11 +15038,11 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
:host {
display: block;
margin: 24px 40px;
+ -webkit-overflow-scrolling: touch;
background: var(--paper-dialog-background-color, --primary-background-color);
color: var(--paper-dialog-color, --primary-text-color);
- @apply(--layout-scroll);
@apply(--paper-font-body1);
@apply(--shadow-elevation-16dp);
@apply(--paper-dialog);
@@ -17070,8 +17097,8 @@ iron-selector:not(.narrow-layout) #main ::content [paper-drawer-toggle] {
.input-content.label-is-floating ::content label,
.input-content.label-is-floating ::content .paper-input-label {
- -webkit-transform: translate3d(0, -75%, 0) scale(0.75);
- transform: translate3d(0, -75%, 0) scale(0.75);
+ -webkit-transform: translateY(-75%) scale(0.75);
+ transform: translateY(-75%) scale(0.75);
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transition: -webkit-transform 0.25s;
@@ -17109,6 +17136,7 @@ iron-selector:not(.narrow-layout) #main ::content [paper-drawer-toggle] {
background: transparent;
border: none;
color: var(--paper-input-container-input-color, --primary-text-color);
+ -webkit-appearance: none;
@apply(--paper-font-subhead);
@apply(--paper-input-container-input);
@@ -17206,7 +17234,7 @@ iron-selector:not(.narrow-layout) #main ::content [paper-drawer-toggle] {
/**
* True if the input is invalid. This property is set automatically when the input value
- * changes if auto-validating, or when the `iron-input-valid` event is heard from a child.
+ * changes if auto-validating, or when the `iron-input-validate` event is heard from a child.
*/
invalid: {
observer: '_invalidChanged',
@@ -17409,9 +17437,9 @@ iron-selector:not(.narrow-layout) #main ::content [paper-drawer-toggle] {
}
// The label might have a horizontal offset if a prefix element exists
// which needs to be undone when displayed as a floating label.
- if (this.$.prefix && label && label.offsetParent &&
- Polymer.dom(this.$.prefix).getDistributedNodes().length > 0) {
- label.style.left = -label.offsetParent.offsetLeft + 'px';
+ if (Polymer.dom(this.$.prefix).getDistributedNodes().length > 0 &&
+ label && label.offsetParent) {
+ label.style.left = -label.offsetParent.offsetLeft + 'px';
}
} else {
// When the label is not floating, it should overlap the input element.
@@ -17455,12 +17483,12 @@ iron-selector:not(.narrow-layout) #main ::content [paper-drawer-toggle] {
:host {
display: inline-block;
visibility: hidden;
- float: left;
color: var(--paper-input-container-invalid-color, --google-red-500);
@apply(--paper-font-caption);
@apply(--paper-input-error);
+ position: absolute;
}
:host([invalid]) {
@@ -17469,7 +17497,7 @@ iron-selector:not(.narrow-layout) #main ::content [paper-drawer-toggle] {
-
+
@@ -17578,7 +17606,7 @@ iron-selector:not(.narrow-layout) #main ::content [paper-drawer-toggle] {
-
+