1 files changed, 34 insertions, 0 deletions
diff --git a/src/angular/popup-menu/popup-menu-item.component.ts b/src/angular/popup-menu/popup-menu-item.component.ts
new file mode 100644
index 0000000..fb5a71d
--- /dev/null
+++ b/src/angular/popup-menu/popup-menu-item.component.ts
@@ -0,0 +1,34 @@
+import { Component, Input, Output, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { PopupMenuListComponent } from "./popup-menu-list.component";
+
+@Component({
+    selector: 'popup-menu-item',
+    template:
+        `<li [ngClass]="[className || '', type || '', type == 'separator'? '': 'sdc-menu-item']" (click)="performAction($event)">
+    <ng-content *ngIf="type != 'separator'"></ng-content>
+</li>`
+})
+export class PopupMenuItemComponent {
+    @Input() public className: string;
+    @Input() public type: undefined|'disabled'|'selected'|'separator';
+    @Output() public action: EventEmitter<any> = new EventEmitter<any>();
+
+    public parentMenu: PopupMenuListComponent;
+    public index: number = 0;
+
+    public performAction(evt) {
+        evt.stopPropagation();
+
+        if (['disabled', 'separator'].indexOf(this.type) !== -1) {
+            return;
+        }
+
+        if (this.parentMenu instanceof PopupMenuListComponent) {
+            this.parentMenu.open = false;
+        }
+
+        if (this.action) {
+            this.action.emit();
+        }
+    }
+}