feat(ui5-multi-combobox): implement angular two way data binding (#1363)

Author: fifoosid

packages/main/src/MultiComboBox.js

@@ -408,7 +408,7 @@ class MultiComboBox extends UI5Element {
 		deletingItem.selected = false;
 		this._deleting = true;
 
-		this.fireEvent("selectionChange", { items: this._getSelectedItems() });
+		this.fireSelectionChange();
 	}
 
 	_tokenizerFocusOut() {
@@ -476,7 +476,9 @@ class MultiComboBox extends UI5Element {
 	}
 
 	_getSelectedItems() {
-		return this.items.filter(item => item.selected);
+		// Angular 2 way data binding
+		this.selectedValues = this.items.filter(item => item.selected);
+		return this.selectedValues;
 	}
 
 	_listSelectionChange(event) {
@@ -488,7 +490,7 @@ class MultiComboBox extends UI5Element {
 			});
 		});
 
-		this.fireEvent("selectionChange", { items: this._getSelectedItems() });
+		this.fireSelectionChange();
 
 		if (!event.detail.selectionComponentPressed && !isSpace(event.detail)) {
 			this.allItemsPopover.close();
@@ -497,6 +499,12 @@ class MultiComboBox extends UI5Element {
 		}
 	}
 
+	fireSelectionChange() {
+		this.fireEvent("selectionChange", { items: this._getSelectedItems() });
+		// Angular 2 way data binding
+		this.fireEvent("value-changed");
+	}
+
 	async _getRespPopover() {
 		const staticAreaItem = await this.getStaticAreaItemDomRef();
 		this.selectedItemsPopover = staticAreaItem.querySelector(`.ui5-multi-combobox-selected-items-responsive-popover`);