| // Copyright (C) 2016 The Android Open Source Project |
| // |
| // Licensed under the Apache License, Version 2.0 (the "License"); |
| // you may not use this file except in compliance with the License. |
| // You may obtain a copy of the License at |
| // |
| // http://www.apache.org/licenses/LICENSE-2.0 |
| // |
| // Unless required by applicable law or agreed to in writing, software |
| // distributed under the License is distributed on an "AS IS" BASIS, |
| // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| // See the License for the specific language governing permissions and |
| // limitations under the License. |
| (function() { |
| 'use strict'; |
| |
| Polymer({ |
| is: 'gr-select', |
| |
| extends: 'select', |
| |
| properties: { |
| bindValue: { |
| type: String, |
| notify: true, |
| }, |
| }, |
| |
| observers: [ |
| '_valueChanged(bindValue)', |
| ], |
| |
| attached: function() { |
| this.addEventListener('change', function() { |
| this.bindValue = this.value; |
| }); |
| }, |
| |
| ready: function() { |
| // If not set via the property, set bind-value to the element value. |
| if (!this.bindValue) { this.bindValue = this.value; } |
| }, |
| |
| _valueChanged: function(bindValue) { |
| var options = Polymer.dom(this.root).querySelectorAll('option'); |
| for (var i = 0; i < options.length; i++) { |
| if (options[i].getAttribute('value') === bindValue + '') { |
| options[i].setAttribute('selected', true); |
| this.value = bindValue; |
| break; |
| } |
| } |
| }, |
| }); |
| })(); |