old_contents: import { bindable, customAttribute } from 'aurelia-templating';
  import { bindingMode } from 'aurelia-binding';
  import { inject } from 'aurelia-dependency-injection';
  import { AttributeManager } from '../common/attributeManager';
  
  @customAttribute('md-waves')
  @inject(Element)
  export class MdWaves {
    @bindable({
      defaultBindingMode: bindingMode.oneTime
    }) color;
    constructor(element) {
      this.element = element;
      this.attributeManager = new AttributeManager(this.element);
    }
  
    attached() {
      let classes = ['waves-effect'];
      if (this.color) {
        classes.push(`waves-${this.color}`);
      }
  
      this.attributeManager.addClasses(classes);
      Waves.attach(this.element);
    }
  
    detached() {
      let classes = ['waves-effect'];
      if (this.color) {
        classes.push(`waves-${this.color}`);
      }
  
      this.attributeManager.removeClasses(classes);
    }
  }
  
new_contents: import { bindable, customAttribute } from 'aurelia-templating';
  import { bindingMode } from 'aurelia-binding';
  import { inject } from 'aurelia-dependency-injection';
  import { AttributeManager } from '../common/attributeManager';
  import { getBooleanFromAttributeValue } from '../common/attributes';
  
  @customAttribute('md-waves')
  @inject(Element)
  export class MdWaves {
    @bindable({
      defaultBindingMode: bindingMode.oneTime
    }) block = false;
    @bindable({
      defaultBindingMode: bindingMode.oneTime
    }) color;
    constructor(element) {
      this.element = element;
      this.attributeManager = new AttributeManager(this.element);
    }
  
    attached() {
      let classes = ['waves-effect'];
      if (getBooleanFromAttributeValue(this.block)) {
        classes.push('waves-block');
      }
      if (this.color) {
        classes.push(`waves-${this.color}`);
      }
  
      this.attributeManager.addClasses(classes);
      Waves.attach(this.element);
    }
  
    detached() {
      let classes = ['waves-effect', 'waves-block'];
      if (this.color) {
        classes.push(`waves-${this.color}`);
      }
  
      this.attributeManager.removeClasses(classes);
    }
  }
  
subject: add block property to activate waves-block (display: block)