fix: "outsideClick" still closed the dropdown on any click

- Implement a `DropdownMenu` directive to fix "always undefined directive.menuEl"
- Test for "OUTSIDECLICK" should not consider menu children to be outside the menu

This fixes #124

components/dropdown.ts

@@ -1,6 +1,8 @@
 import {Dropdown} from './dropdown/dropdown.directive';
+import {DropdownMenu} from './dropdown/dropdown-menu.directive';
 import {DropdownToggle} from './dropdown/dropdown-toggle.directive';
 
 export {Dropdown} from './dropdown/dropdown.directive';
+export {DropdownMenu} from './dropdown/dropdown-menu.directive';
 export {DropdownToggle} from './dropdown/dropdown-toggle.directive';
-export const DROPDOWN_DIRECTIVES: Array<any> = [Dropdown, DropdownToggle];
+export const DROPDOWN_DIRECTIVES: Array<any> = [Dropdown, DropdownToggle, DropdownMenu];

components/dropdown/dropdown-menu.directive.ts

@@ -0,0 +1,16 @@
+import {
+ Directive, ElementRef, Host,
+ OnInit
+} from 'angular2/core';
+
+import {Dropdown} from './dropdown.directive';
+
+@Directive({ selector: '[dropdownMenu]' })
+export class DropdownMenu implements OnInit {
+ constructor( @Host() public dropdown: Dropdown, public el: ElementRef) {
+ }
+
+ public ngOnInit() {
+ this.dropdown.dropDownMenu = this;
+ }
+}

components/dropdown/dropdown.service.ts

@@ -50,7 +50,7 @@ export class DropdownService {
 
  if (event && this.openScope.autoClose === OUTSIDECLICK &&
  this.openScope.menuEl &&
- this.openScope.menuEl.nativeElement === event.target) {
+ this.openScope.menuEl.nativeElement.contains(event.target)) {
  return;
  }