| OLD | NEW |
| 1 <!-- | 1 <!-- |
| 2 @license | 2 @license |
| 3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. | 3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. |
| 4 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt | 4 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt |
| 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt | 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt |
| 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt | 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt |
| 7 Code distributed by Google as part of the polymer project is also | 7 Code distributed by Google as part of the polymer project is also |
| 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt | 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt |
| 9 --><html><head><link rel="import" href="../polymer/polymer.html"> | 9 --><html><head><link rel="import" href="../polymer/polymer.html"> |
| 10 <link rel="import" href="../iron-flex-layout/iron-flex-layout.html"> | 10 <link rel="import" href="../iron-flex-layout/iron-flex-layout.html"> |
| (...skipping 101 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 112 display: inline-block; | 112 display: inline-block; |
| 113 } | 113 } |
| 114 | 114 |
| 115 :host([disabled]) { | 115 :host([disabled]) { |
| 116 pointer-events: none; | 116 pointer-events: none; |
| 117 opacity: 0.33; | 117 opacity: 0.33; |
| 118 | 118 |
| 119 @apply(--paper-input-container-disabled); | 119 @apply(--paper-input-container-disabled); |
| 120 } | 120 } |
| 121 | 121 |
| 122 :host([hidden]) { | |
| 123 display: none !important; | |
| 124 } | |
| 125 | |
| 126 .floated-label-placeholder { | 122 .floated-label-placeholder { |
| 127 @apply(--paper-font-caption); | 123 @apply(--paper-font-caption); |
| 128 } | 124 } |
| 129 | 125 |
| 130 .underline { | 126 .underline { |
| 131 position: relative; | 127 position: relative; |
| 132 } | 128 } |
| 133 | 129 |
| 134 .focused-line { | 130 .focused-line { |
| 135 @apply(--layout-fit); | 131 @apply(--layout-fit); |
| (...skipping 169 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 305 .add-on-content.is-invalid ::content * { | 301 .add-on-content.is-invalid ::content * { |
| 306 color: var(--paper-input-container-invalid-color, --error-color); | 302 color: var(--paper-input-container-invalid-color, --error-color); |
| 307 } | 303 } |
| 308 | 304 |
| 309 .add-on-content.is-highlighted ::content * { | 305 .add-on-content.is-highlighted ::content * { |
| 310 color: var(--paper-input-container-focus-color, --primary-color); | 306 color: var(--paper-input-container-focus-color, --primary-color); |
| 311 } | 307 } |
| 312 </style> | 308 </style> |
| 313 | 309 |
| 314 <template is="dom-if" if="[[!noLabelFloat]]"> | 310 <template is="dom-if" if="[[!noLabelFloat]]"> |
| 315 <div class="floated-label-placeholder" aria-hidden="true"> </div> | 311 <div class="floated-label-placeholder"> </div> |
| 316 </template> | 312 </template> |
| 317 | 313 |
| 318 <div class$="[[_computeInputContentClass(noLabelFloat,alwaysFloatLabel,focus
ed,invalid,_inputHasContent)]]"> | 314 <div class$="[[_computeInputContentClass(noLabelFloat,alwaysFloatLabel,focus
ed,invalid,_inputHasContent)]]"> |
| 319 <content select="[prefix]" id="prefix"></content> | 315 <content select="[prefix]" id="prefix"></content> |
| 320 | 316 |
| 321 <div class="label-and-input-container" id="labelAndInputContainer"> | 317 <div class="label-and-input-container" id="labelAndInputContainer"> |
| 322 <content select=":not([add-on]):not([prefix]):not([suffix])"></content> | 318 <content select=":not([add-on]):not([prefix]):not([suffix])"></content> |
| 323 </div> | 319 </div> |
| 324 | 320 |
| 325 <content select="[suffix]"></content> | 321 <content select="[suffix]"></content> |
| 326 </div> | 322 </div> |
| 327 | 323 |
| 328 <div class$="[[_computeUnderlineClass(focused,invalid)]]"> | 324 <div class$="[[_computeUnderlineClass(focused,invalid)]]"> |
| 329 <div class="unfocused-line"></div> | 325 <div class="unfocused-line"></div> |
| 330 <div class="focused-line"></div> | 326 <div class="focused-line"></div> |
| 331 </div> | 327 </div> |
| 332 | 328 |
| 333 <div class$="[[_computeAddOnContentClass(focused,invalid)]]"> | 329 <div class$="[[_computeAddOnContentClass(focused,invalid)]]"> |
| 334 <content id="addOnContent" select="[add-on]"></content> | 330 <content id="addOnContent" select="[add-on]"></content> |
| 335 </div> | 331 </div> |
| 336 </template> | 332 </template> |
| 337 </dom-module> | 333 </dom-module> |
| 338 | 334 |
| 339 <script src="paper-input-container-extracted.js"></script></body></html> | 335 <script src="paper-input-container-extracted.js"></script></body></html> |
| OLD | NEW |