import { bindable, customElement } from 'aurelia-templating';
import { bindingMode } from 'aurelia-binding';
import { inject } from 'aurelia-dependency-injection';
import { getBooleanFromAttributeValue } from '../common/attributes';
import { AttributeManager } from '../common/attributeManager';

@customElement('md-navbar')
@inject(Element)
export class MdNavbar {
  @bindable({
    defaultBindingMode: bindingMode.oneTime
  }) fixed;
  fixedAttributeManager;

  constructor(element) {
    this.element = element;
  }

  attached() {
    this.fixedAttributeManager = new AttributeManager(this.fixedAnchor);
    if (getBooleanFromAttributeValue(this.fixed)) {
      this.fixedAttributeManager.addClasses('navbar-fixed');
    }
  }

  detached() {
    if (getBooleanFromAttributeValue(this.fixed)) {
      this.fixedAttributeManager.removeClasses('navbar-fixed');
    }
  }
}

@@ -422,17 +422,19 @@
 me%0A  %7D) 
-f
+mdF
 ixed;%0A  
@@ -637,33 +637,35 @@
 ibuteValue(this.
-f
+mdF
 ixed)) %7B%0A      t
@@ -782,25 +782,27 @@
 eValue(this.
-f
+mdF
 ixed)) %7B%0A   

rename fixed attribute to md-fixed