| 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 --> | 9 --> |
| 10 | 10 |
| (...skipping 92 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 103 <dom-module id="paper-input-container"> | 103 <dom-module id="paper-input-container"> |
| 104 <template> | 104 <template> |
| 105 <style> | 105 <style> |
| 106 :host { | 106 :host { |
| 107 display: block; | 107 display: block; |
| 108 padding: 8px 0; | 108 padding: 8px 0; |
| 109 | 109 |
| 110 @apply(--paper-input-container); | 110 @apply(--paper-input-container); |
| 111 } | 111 } |
| 112 | 112 |
| 113 :host[inline] { | 113 :host([inline]) { |
| 114 display: inline-block; | 114 display: inline-block; |
| 115 } | 115 } |
| 116 | 116 |
| 117 :host([disabled]) { | 117 :host([disabled]) { |
| 118 pointer-events: none; | 118 pointer-events: none; |
| 119 opacity: 0.33; | 119 opacity: 0.33; |
| 120 | 120 |
| 121 @apply(--paper-input-container-disabled); | 121 @apply(--paper-input-container-disabled); |
| 122 } | 122 } |
| 123 | 123 |
| 124 :host([hidden]) { |
| 125 display: none !important; |
| 126 } |
| 127 |
| 124 .floated-label-placeholder { | 128 .floated-label-placeholder { |
| 125 @apply(--paper-font-caption); | 129 @apply(--paper-font-caption); |
| 126 } | 130 } |
| 127 | 131 |
| 128 .underline { | 132 .underline { |
| 129 position: relative; | 133 position: relative; |
| 130 } | 134 } |
| 131 | 135 |
| 132 .focused-line { | 136 .focused-line { |
| 133 @apply(--layout-fit); | 137 @apply(--layout-fit); |
| (...skipping 169 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 303 .add-on-content.is-invalid ::content * { | 307 .add-on-content.is-invalid ::content * { |
| 304 color: var(--paper-input-container-invalid-color, --error-color); | 308 color: var(--paper-input-container-invalid-color, --error-color); |
| 305 } | 309 } |
| 306 | 310 |
| 307 .add-on-content.is-highlighted ::content * { | 311 .add-on-content.is-highlighted ::content * { |
| 308 color: var(--paper-input-container-focus-color, --primary-color); | 312 color: var(--paper-input-container-focus-color, --primary-color); |
| 309 } | 313 } |
| 310 </style> | 314 </style> |
| 311 | 315 |
| 312 <template is="dom-if" if="[[!noLabelFloat]]"> | 316 <template is="dom-if" if="[[!noLabelFloat]]"> |
| 313 <div class="floated-label-placeholder"> </div> | 317 <div class="floated-label-placeholder" aria-hidden="true"> </div> |
| 314 </template> | 318 </template> |
| 315 | 319 |
| 316 <div class$="[[_computeInputContentClass(noLabelFloat,alwaysFloatLabel,focus
ed,invalid,_inputHasContent)]]"> | 320 <div class$="[[_computeInputContentClass(noLabelFloat,alwaysFloatLabel,focus
ed,invalid,_inputHasContent)]]"> |
| 317 <content select="[prefix]" id="prefix"></content> | 321 <content select="[prefix]" id="prefix"></content> |
| 318 | 322 |
| 319 <div class="label-and-input-container" id="labelAndInputContainer"> | 323 <div class="label-and-input-container" id="labelAndInputContainer"> |
| 320 <content select=":not([add-on]):not([prefix]):not([suffix])"></content> | 324 <content select=":not([add-on]):not([prefix]):not([suffix])"></content> |
| 321 </div> | 325 </div> |
| 322 | 326 |
| 323 <content select="[suffix]"></content> | 327 <content select="[suffix]"></content> |
| (...skipping 284 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 608 var cls = 'add-on-content'; | 612 var cls = 'add-on-content'; |
| 609 if (invalid) { | 613 if (invalid) { |
| 610 cls += ' is-invalid'; | 614 cls += ' is-invalid'; |
| 611 } else if (focused) { | 615 } else if (focused) { |
| 612 cls += ' is-highlighted' | 616 cls += ' is-highlighted' |
| 613 } | 617 } |
| 614 return cls; | 618 return cls; |
| 615 } | 619 } |
| 616 }); | 620 }); |
| 617 </script> | 621 </script> |
| OLD | NEW |