Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(33)

Side by Side Diff: polymer_0.5.4/bower_components/paper-input/paper-input.html

Issue 895523005: Added Polymer 0.5.4 (Closed) Base URL: https://chromium.googlesource.com/infra/third_party/npm_modules.git@master
Patch Set: Created 5 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 <!-- 1 <!--
2 Copyright (c) 2014 The Polymer Project Authors. All rights reserved. 2 Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
3 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE 3 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE
4 The complete set of authors may be found at http://polymer.github.io/AUTHORS 4 The complete set of authors may be found at http://polymer.github.io/AUTHORS
5 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS 5 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS
6 Code distributed by Google as part of the polymer project is also 6 Code distributed by Google as part of the polymer project is also
7 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS 7 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS
8 --> 8 -->
9 9
10 <!-- 10 <!--
(...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after
54 54
55 <template> 55 <template>
56 56
57 <style> 57 <style>
58 :host { 58 :host {
59 display: inline-block; 59 display: inline-block;
60 } 60 }
61 </style> 61 </style>
62 62
63 <paper-input-decorator id="decorator" label="{{label}}" floatingLabel="{{float ingLabel}}" value="{{value}}" disabled?="{{disabled}}"> 63 <paper-input-decorator id="decorator" label="{{label}}" floatingLabel="{{float ingLabel}}" value="{{value}}" disabled?="{{disabled}}">
64 <input is="core-input" value="{{value}}" committedValue="{{committedValue}}" on-change="{{changeAction}}" disabled?="{{disabled}}"> 64 <input is="core-input" id="input" value="{{value}}" committedValue="{{commit tedValue}}" on-change="{{changeAction}}" disabled?="{{disabled}}">
65 </paper-input-decorator> 65 </paper-input-decorator>
66 66
67 </template> 67 </template>
68 68
69 <script> 69 <script>
70 70
71 Polymer('paper-input', { 71 Polymer('paper-input', {
72 72
73 publish: { 73 publish: {
74 /** 74 /**
(...skipping 20 matching lines...) Expand all
95 * Set to true to style the element as disabled. 95 * Set to true to style the element as disabled.
96 * 96 *
97 * @attribute disabled 97 * @attribute disabled
98 * @type boolean 98 * @type boolean
99 * @default false 99 * @default false
100 */ 100 */
101 disabled: {value: false, reflect: true}, 101 disabled: {value: false, reflect: true},
102 102
103 /** 103 /**
104 * The current value of the input. 104 * The current value of the input.
105 * 105 *
106 * @attribute value 106 * @attribute value
107 * @type String 107 * @type String
108 * @default '' 108 * @default ''
109 */ 109 */
110 value: '', 110 value: '',
111 111
112 /** 112 /**
113 * The most recently committed value of the input. 113 * The most recently committed value of the input.
114 * 114 *
115 * @attribute committedValue 115 * @attribute committedValue
116 * @type String 116 * @type String
117 * @default '' 117 * @default ''
118 */ 118 */
119 committedValue: '' 119 committedValue: ''
120 120
121 }, 121 },
122 122
123 /**
124 * Focuses the `input`.
125 *
126 * @method focus
127 */
128 focus: function() {
129 this.$.input.focus();
130 },
131
123 valueChanged: function() { 132 valueChanged: function() {
124 this.$.decorator.updateLabelVisibility(this.value); 133 this.$.decorator.updateLabelVisibility(this.value);
125 }, 134 },
126 135
127 changeAction: function(e) { 136 changeAction: function(e) {
128 if (!window.ShadowDOMPolyfill) { 137 // re-fire event that does not bubble across shadow roots
129 // re-fire event that does not bubble across shadow roots 138 this.fire('change', null, this);
130 this.fire('change', null, this);
131 }
132 } 139 }
133 140
134 }); 141 });
135 142
136 </script> 143 </script>
137 144
138 </polymer-element> 145 </polymer-element>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698