noteOn(note: any) {
    console.log('simple synth play note called ' + note);

    let volume = 1 / this.oscComponents.toArray().length;
    for (let osc of this.oscComponents.toArray()) {
      osc.start(note, volume, this.master);
    }
  }

  ngAfterContentInit() {
    let localTabsRef = this.tabs.toArray();

    for (let i = 0; i < localTabsRef.length; i++) {
      localTabsRef[i].id = 'tab-' + i;
      localTabsRef[i].headingId = 'heading-' + localTabsRef[i].id;
      localTabsRef[i].largeDevice = this.largeDevice;
    }

    let activeTabs = this.tabs.filter((tab) => tab.isActive);
    // if there is no active tab set, activate the first
    if (activeTabs.length === 0) {
      this.selectTab(this.tabs.first);
    }
  }

    ngAfterContentInit() {
        let activeTabs = this.tabs.filter((tab) => tab.active);

        if (activeTabs.length === 0) {
            this.selectTab(this.tabs.first);
        }
    }

 noteOff(freq){
   console.log('simple synth note off called ');
   for (let osc of this.oscComponents.toArray()) {
     console.log('simple synth note off stop osc ');
     osc.stop(freq, this.master);
   }
 }

  selectTab(tab: Tab) {
    // deactivate all tabs
    this.tabs.toArray().forEach( tab1 => tab1.active = false);

    // activate the tab the user has clicked on.
    tab.active = true;
  }

 selectTab(tab: ChartOfAccountsTab) {
     _deactivateAllTabs(this.tabs.toArray());
     tab.active = true;
 
     function _deactivateAllTabs(tabs: ChartOfAccountsTab[])    {
         tabs.forEach((tab)=>tab.active = false);
     }
 }  

 // contentChildren are set
 ngAfterContentInit() {
   // get all active tabs
   let activeTabs = this.tabs.filter((tab)=>tab.active);
   // if there is no active tab set, activate the first
   if(activeTabs.length === 0) {
     this.selectTab(this.tabs.first);
  }
 }

 selectTab(tab: ProfileTab) {
     _deactivateAllTabs(this.tabs.toArray());
     tab.active = true;
 
     function _deactivateAllTabs(tabs: ProfileTab[])    {
         tabs.forEach((tab)=>tab.active = false);
     }
 }  

    selectTab(tab: Minitab, event?:MouseEvent){
        // deactivate all tabs
        event ? event.preventDefault() : null;
        this.tabs.toArray().forEach(tab => tab.active = false);

        // activate the tab the user has clicked on.
        tab.active = true;
    }

  selectTab(tab: TabComponent) {
    // deactivate all tabs
    for (let tab of this.tabs.toArray()) {
      tab.isActive = false;
    }

    // activate the tab the user has clicked on.
    tab.isActive = true;
  }