import Ember from 'ember';
import layout from '../templates/components/paper-input';

export default Ember.TextField.extend({
  layout,
  tagName: 'paper-input',
  attributeBindings: [
    'aria-labelledby',
    'aria-describedby',
    // 'disabled',
    'title',
    // 'bind-value', // `=` instead of `$=`, and a binding: `{{}}`
    'invalid', // `=` instead of `$=`, and a binding: `{{}}`
    'prevent-invalid-input', // `=` instead of `$=`
    'allowed-pattern', // `=` instead of `$=`
    'validator', // `=` instead of `$=`
    // 'type',
    'pattern',
    // 'required',
    // 'autocomplete',
    // 'autofocus',
    'inputmode',
    'minlength',
    // 'maxlength',
    // 'min',
    // 'max',
    // 'step',
    // 'name',
    // 'placeholder',
    // 'readonly',
    'list',
    // 'size',
    'autocapitalize',
    'autocorrect',
    // 'on-change', // `=` instead of `$=`
    // 'tabindex',
    // 'autosave',
    'results',
    // 'accept',
    // 'multiple'

    'label'
  ],

  input() {
    let newValue = document.querySelector('#' + this.elementId).value;
    this.set('value', newValue);
  }
});

@@ -979,16 +979,78 @@
  'label'
+,%0A    'char-counter',%0A    'auto-validate',%0A    'error-message'
 %0A  %5D,%0A%0A 
@@ -1060,16 +1060,21 @@
 put(
+event
 ) %7B%0A    
 let 
@@ -1073,75 +1073,135 @@
     
-let newValue = document.querySelector('#' + this.elementId).
+if (this.attrs.update && typeof this.attrs.update === 'function') %7B%0A      this.attrs.update(this.get('
 value
+'))
 ;%0A
+    %7D else %7B%0A  
     
@@ -1222,18 +1222,34 @@
 e', 
-newValue);
+event.target.value);%0A    %7D
 %0A  %7D

Use DDAU in paper-input. 🚁