diff --git a/dashboard-ui/bower_components/iron-behaviors/.bower.json b/dashboard-ui/bower_components/iron-behaviors/.bower.json index 96f7c46513..38c0ca9e4f 100644 --- a/dashboard-ui/bower_components/iron-behaviors/.bower.json +++ b/dashboard-ui/bower_components/iron-behaviors/.bower.json @@ -27,14 +27,14 @@ "web-component-tester": "*", "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" }, - "homepage": "https://github.com/PolymerElements/iron-behaviors", + "homepage": "https://github.com/polymerelements/iron-behaviors", "_release": "1.0.5", "_resolution": { "type": "version", "tag": "v1.0.5", "commit": "bdae66f398838eda78c203b3ae979dcb5cd2a60e" }, - "_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-flex-layout/.bower.json b/dashboard-ui/bower_components/iron-flex-layout/.bower.json index 98650a2547..cfb5824840 100644 --- a/dashboard-ui/bower_components/iron-flex-layout/.bower.json +++ b/dashboard-ui/bower_components/iron-flex-layout/.bower.json @@ -23,14 +23,14 @@ "paper-styles": "polymerelements/paper-styles#^1.0.0", "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" }, - "homepage": "https://github.com/PolymerElements/iron-flex-layout", + "homepage": "https://github.com/polymerelements/iron-flex-layout", "_release": "1.0.2", "_resolution": { "type": "version", "tag": "v1.0.2", "commit": "50bcecf40ab23caa7c2cd90030555e00c5ba7154" }, - "_source": "git://github.com/PolymerElements/iron-flex-layout.git", + "_source": "git://github.com/polymerelements/iron-flex-layout.git", "_target": "^1.0.0", - "_originalSource": "PolymerElements/iron-flex-layout" + "_originalSource": "polymerelements/iron-flex-layout" } \ No newline at end of file diff --git a/dashboard-ui/bower_components/iron-meta/.bower.json b/dashboard-ui/bower_components/iron-meta/.bower.json index 8119ebcf41..9e650790be 100644 --- a/dashboard-ui/bower_components/iron-meta/.bower.json +++ b/dashboard-ui/bower_components/iron-meta/.bower.json @@ -25,14 +25,14 @@ "web-component-tester": "*", "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" }, - "homepage": "https://github.com/polymerelements/iron-meta", + "homepage": "https://github.com/PolymerElements/iron-meta", "_release": "1.0.3", "_resolution": { "type": "version", "tag": "v1.0.3", "commit": "91529259262b0d8f33fed44bc3fd47aedf35cb04" }, - "_source": "git://github.com/polymerelements/iron-meta.git", + "_source": "git://github.com/PolymerElements/iron-meta.git", "_target": "^1.0.0", - "_originalSource": "polymerelements/iron-meta" + "_originalSource": "PolymerElements/iron-meta" } \ No newline at end of file diff --git a/dashboard-ui/bower_components/iron-resizable-behavior/.bower.json b/dashboard-ui/bower_components/iron-resizable-behavior/.bower.json index 1f0548f3d7..9ae5e84c7e 100644 --- a/dashboard-ui/bower_components/iron-resizable-behavior/.bower.json +++ b/dashboard-ui/bower_components/iron-resizable-behavior/.bower.json @@ -27,14 +27,14 @@ "web-component-tester": "*", "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" }, - "homepage": "https://github.com/polymerelements/iron-resizable-behavior", + "homepage": "https://github.com/PolymerElements/iron-resizable-behavior", "_release": "1.0.2", "_resolution": { "type": "version", "tag": "v1.0.2", "commit": "85de8ba28be2bf17c81d6436ef1119022b003674" }, - "_source": "git://github.com/polymerelements/iron-resizable-behavior.git", + "_source": "git://github.com/PolymerElements/iron-resizable-behavior.git", "_target": "^1.0.0", - "_originalSource": "polymerelements/iron-resizable-behavior" + "_originalSource": "PolymerElements/iron-resizable-behavior" } \ No newline at end of file diff --git a/dashboard-ui/bower_components/paper-input/.bower.json b/dashboard-ui/bower_components/paper-input/.bower.json index 3f1bebfc9b..f8608fd7f4 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.7", + "version": "1.0.8", "description": "Material design text fields", "authors": [ "The Polymer Authors" @@ -40,13 +40,15 @@ "iron-validator-behavior": "PolymerElements/iron-validator-behavior#^1.0.0", "test-fixture": "PolymerElements/test-fixture#^1.0.0", "web-component-tester": "*", - "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" + "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0", + "iron-icon": "PolymerElements/iron-icon#^1.0.0", + "paper-icon-button": "PolymerElements/paper-icon-button#^1.0.0" }, - "_release": "1.0.7", + "_release": "1.0.8", "_resolution": { "type": "version", - "tag": "v1.0.7", - "commit": "b3150c105a4599d50a2da0789789fa50fa73e644" + "tag": "v1.0.8", + "commit": "558a5637b544cca69a272a3dd1eb99e03284c396" }, "_source": "git://github.com/PolymerElements/paper-input.git", "_target": "^1.0.0", diff --git a/dashboard-ui/bower_components/paper-input/bower.json b/dashboard-ui/bower_components/paper-input/bower.json index f24d1d7b41..ddc696c29a 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.7", + "version": "1.0.8", "description": "Material design text fields", "authors": [ "The Polymer Authors" @@ -40,6 +40,8 @@ "iron-validator-behavior": "PolymerElements/iron-validator-behavior#^1.0.0", "test-fixture": "PolymerElements/test-fixture#^1.0.0", "web-component-tester": "*", - "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" + "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0", + "iron-icon": "PolymerElements/iron-icon#^1.0.0", + "paper-icon-button": "PolymerElements/paper-icon-button#^1.0.0" } } diff --git a/dashboard-ui/bower_components/paper-input/demo/index.html b/dashboard-ui/bower_components/paper-input/demo/index.html index 3bdc1110ac..4a804cb889 100644 --- a/dashboard-ui/bower_components/paper-input/demo/index.html +++ b/dashboard-ui/bower_components/paper-input/demo/index.html @@ -25,15 +25,30 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN + + + - + - @@ -78,6 +93,24 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN +

Prefixes and Suffixes

+
+ +
$
+
+ + +
@email.com
+
+ + + + + + +
+

Complex inputs

- + +
+ +
+
@@ -476,6 +504,8 @@ This element is `display:block` by default, but you can set the `inline` attribu _computeInputContentClass: function(noLabelFloat, alwaysFloatLabel, focused, invalid, _inputHasContent) { var cls = 'input-content'; if (!noLabelFloat) { + var label = this.querySelector('label'); + if (alwaysFloatLabel || _inputHasContent) { cls += ' label-is-floating'; if (invalid) { @@ -483,6 +513,16 @@ This element is `display:block` by default, but you can set the `inline` attribu } else if (focused) { cls += " label-is-highlighted"; } + // 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) { + label.style.left = -label.offsetParent.offsetLeft + 'px'; + } + } else { + // When the label is not floating, it should overlap the input element. + if (label) { + label.style.left = 0; + } } } else { if (_inputHasContent) { diff --git a/dashboard-ui/bower_components/paper-input/paper-input.html b/dashboard-ui/bower_components/paper-input/paper-input.html index 81b4d22688..ea31fbf073 100644 --- a/dashboard-ui/bower_components/paper-input/paper-input.html +++ b/dashboard-ui/bower_components/paper-input/paper-input.html @@ -25,6 +25,16 @@ It may include an optional error message or character counter. +It can also include custom prefix or suffix elements, which are displayed +before or after the text input itself. In order for an element to be +considered as a prefix, it must have the `prefix` attribute (and similarly +for `suffix`). + + +
$
+ +
+ See `Polymer.PaperInputBehavior` for more API docs. ### Styling @@ -68,6 +78,8 @@ style this element. + + + + diff --git a/dashboard-ui/bower_components/paper-slider/.bower.json b/dashboard-ui/bower_components/paper-slider/.bower.json index 85a0eee31f..31116d71ac 100644 --- a/dashboard-ui/bower_components/paper-slider/.bower.json +++ b/dashboard-ui/bower_components/paper-slider/.bower.json @@ -1,6 +1,6 @@ { "name": "paper-slider", - "version": "1.0.3", + "version": "1.0.4", "description": "A material design-style slider", "license": "http://polymer.github.io/LICENSE.txt", "authors": "The Polymer Authors", @@ -37,14 +37,13 @@ "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" }, "homepage": "https://github.com/PolymerElements/paper-slider", - "_release": "1.0.3", + "_release": "1.0.4", "_resolution": { "type": "version", - "tag": "v1.0.3", - "commit": "d2b1542b6f02595fa124359945a4cc00cb0fca44" + "tag": "v1.0.4", + "commit": "e1307d8323c2f91a3f2a514c210b4d7dd498e3ac" }, "_source": "git://github.com/PolymerElements/paper-slider.git", "_target": "~1.0.3", - "_originalSource": "PolymerElements/paper-slider", - "_direct": true + "_originalSource": "PolymerElements/paper-slider" } \ No newline at end of file diff --git a/dashboard-ui/bower_components/paper-slider/bower.json b/dashboard-ui/bower_components/paper-slider/bower.json index ac199154ec..162b87abbd 100644 --- a/dashboard-ui/bower_components/paper-slider/bower.json +++ b/dashboard-ui/bower_components/paper-slider/bower.json @@ -1,6 +1,6 @@ { "name": "paper-slider", - "version": "1.0.3", + "version": "1.0.4", "description": "A material design-style slider", "license": "http://polymer.github.io/LICENSE.txt", "authors": "The Polymer Authors", diff --git a/dashboard-ui/bower_components/paper-slider/paper-slider.css b/dashboard-ui/bower_components/paper-slider/paper-slider.css index af769f4aee..d8282c38ed 100644 --- a/dashboard-ui/bower_components/paper-slider/paper-slider.css +++ b/dashboard-ui/bower_components/paper-slider/paper-slider.css @@ -19,20 +19,20 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } -:host(:not([disabled])) #sliderBar::shadow #activeProgress { - background-color: var(--paper-slider-active-color, --google-blue-700); +:host(:not([disabled])) #sliderBar { + --paper-progress-active-color: var(--paper-slider-active-color, --google-blue-700); } -:host(:not([disabled])) #sliderBar::shadow #secondaryProgress { - background-color: var(--paper-slider-secondary-color, --google-blue-300); +:host(:not([disabled])) #sliderBar { + --paper-progress-secondary-color: var(--paper-slider-secondary-color, --google-blue-300); } -:host([disabled]) #sliderBar::shadow #activeProgress { - background-color: var(--paper-slider-disabled-active-color, --google-grey-500); +:host([disabled]) #sliderBar { + --paper-progress-active-color: var(--paper-slider-disabled-active-color, --google-grey-500); } -:host([disabled]) #sliderBar::shadow #secondaryProgress { - background-color: var(--paper-slider-disabled-secondary-color, --google-grey-300); +:host([disabled]) #sliderBar { + --paper-progress-secondary-color: var(--paper-slider-disabled-secondary-color, --google-grey-300); } :host(:focus) { @@ -116,11 +116,6 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN background-color: black; } -.transiting #sliderBar::shadow #activeProgress { - -webkit-transition: -webkit-transform 0.08s ease; - transition: transform 0.08s ease; -} - #sliderKnob { @apply(--layout-center-justified); @apply(--layout-center); @@ -153,10 +148,12 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN #sliderKnobInner { width: 12px; height: 12px; - box-sizing: border-box; - -moz-box-sizing: border-box; border-radius: 50%; background-color: var(--paper-slider-knob-color, --google-blue-700); + + -moz-box-sizing: border-box; + box-sizing: border-box; + transition-property: height, width, background-color, border; transition-duration: 0.1s; transition-timing-function: ease; @@ -165,13 +162,14 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN .expand:not(.pin) > #sliderKnob > #sliderKnobInner { width: 100%; height: 100%; + -webkit-transform: translateZ(0); transform: translateZ(0); } .ring > #sliderKnob > #sliderKnobInner { - background-color: transparent; - border: 2px solid #c8c8c8; + background-color: var(--paper-slider-knob-start-color, transparent); + border: 2px solid var(--paper-slider-knob-start-border-color, #c8c8c8); } #sliderKnobInner::before { @@ -187,6 +185,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN height: 26px; margin-left: 3px; border-radius: 50% 50% 50% 0; + -webkit-transform: rotate(-45deg) scale(0) translate(0); transform: rotate(-45deg) scale(0) translate(0); } @@ -198,7 +197,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN } .pin.ring > #sliderKnob > #sliderKnobInner::before { - background-color: #c8c8c8; + background-color: var(--paper-slider-pin-start-color, #c8c8c8); } .pin.expand > #sliderKnob > #sliderKnobInner::before { @@ -216,6 +215,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN text-align: center; color: var(--paper-slider-font-color, #fff); font-size: 10px; + -webkit-transform: scale(0) translate(0); transform: scale(0) translate(0); } @@ -232,9 +232,10 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN overflow: hidden; } -.slider-input::shadow input { - /* FIXME(ffu): should one be able set text-align directly on paper-input? */ - text-align: center; +.slider-input { + --paper-input-container-input: { + text-align: center; + }; } /* disabled state */ diff --git a/dashboard-ui/bower_components/paper-slider/paper-slider.html b/dashboard-ui/bower_components/paper-slider/paper-slider.html index 9d255627ba..363ec7e571 100644 --- a/dashboard-ui/bower_components/paper-slider/paper-slider.html +++ b/dashboard-ui/bower_components/paper-slider/paper-slider.html @@ -49,6 +49,9 @@ Custom property | Description | Default `--paper-slider-font-color` | The pin's text color | `#fff` `--paper-slider-disabled-active-color` | The disabled progress bar color | `--google-grey-500` `--paper-slider-disabled-secondary-color` | The disabled secondary progress bar color | `--google-grey-300` +`--paper-slider-knob-start-color` | The fill color of the knob at the far left | `transparent` +`--paper-slider-knob-start-border-color` | The border color of the knob at the far left | `#c8c8c8` +`--paper-slider-pin-start-color` | The color of the pin at the far left | `#c8c8c8` @group Paper Elements @element paper-slider @@ -58,433 +61,444 @@ Custom property | Description | Default - + -
- + +
+ +
+
@@ -16513,6 +16530,8 @@ iron-selector:not(.narrow-layout) #main ::content [paper-drawer-toggle] { _computeInputContentClass: function(noLabelFloat, alwaysFloatLabel, focused, invalid, _inputHasContent) { var cls = 'input-content'; if (!noLabelFloat) { + var label = this.querySelector('label'); + if (alwaysFloatLabel || _inputHasContent) { cls += ' label-is-floating'; if (invalid) { @@ -16520,6 +16539,16 @@ iron-selector:not(.narrow-layout) #main ::content [paper-drawer-toggle] { } else if (focused) { cls += " label-is-highlighted"; } + // 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) { + label.style.left = -label.offsetParent.offsetLeft + 'px'; + } + } else { + // When the label is not floating, it should overlap the input element. + if (label) { + label.style.left = 0; + } } } else { if (_inputHasContent) { @@ -16710,10 +16739,14 @@ iron-selector:not(.narrow-layout) #main ::content [paper-drawer-toggle] { + + + +