fix(dropdown,select): owner in selectionChanging event args (#12920)

Author: IvanKitanov17

projects/igniteui-angular/src/lib/drop-down/drop-down.component.spec.ts

@@ -77,15 +77,17 @@ describe('IgxDropDown ', () => {
             const selectionArgs: ISelectionEventArgs = {
                 newSelection: dropdown.items[1],
                 oldSelection: null,
-                cancel: false
+                cancel: false,
+                owner: dropdown
             };
             dropdown.selectItem(data[1]);
             expect(dropdown.selectionChanging.emit).toHaveBeenCalledWith(selectionArgs);
 
             const newSelectionArgs: ISelectionEventArgs = {
                 newSelection: dropdown.items[4],
                 oldSelection: dropdown.items[1],
-                cancel: false
+                cancel: false,
+                owner: dropdown
             };
             dropdown.selectItem(data[4]);
             expect(dropdown.selectionChanging.emit).toHaveBeenCalledWith(newSelectionArgs);
@@ -106,7 +108,8 @@ describe('IgxDropDown ', () => {
             let args: ISelectionEventArgs = {
                 oldSelection: null,
                 newSelection: data[1],
-                cancel: false
+                cancel: false,
+                owner: dropdown
             };
             expect(dropdown.selectionChanging.emit).toHaveBeenCalledWith(args);
 
@@ -116,7 +119,8 @@ describe('IgxDropDown ', () => {
             args = {
                 oldSelection: selected,
                 newSelection: null,
-                cancel: false
+                cancel: false,
+                owner: dropdown
             };
             expect(dropdown.selectionChanging.emit).toHaveBeenCalledWith(args);
         });
@@ -509,7 +513,8 @@ describe('IgxDropDown ', () => {
                 const selectionArgs: ISelectionEventArgs = {
                     oldSelection: null,
                     newSelection: dropdown.items[3],
-                    cancel: false
+                    cancel: false,
+                    owner: dropdown
                 };
                 expect(dropdown.selectionChanging.emit).toHaveBeenCalledWith(selectionArgs);
 
@@ -520,7 +525,8 @@ describe('IgxDropDown ', () => {
                 const canceledSelectionArgs: ISelectionEventArgs = {
                     oldSelection: dropdown.items[3],
                     newSelection: dropdown.items[1],
-                    cancel: true
+                    cancel: true,
+                    owner: dropdown
                 };
                 expect(dropdown.selectionChanging.emit).toHaveBeenCalledWith(canceledSelectionArgs);
             }));

projects/igniteui-angular/src/lib/drop-down/drop-down.component.ts

@@ -521,7 +521,7 @@ export class IgxDropDownComponent extends IgxDropDownBaseDirective implements ID
                 index: newSelection.index
             } as IgxDropDownItemBaseDirective;
         }
-        const args: ISelectionEventArgs = { oldSelection, newSelection, cancel: false };
+        const args: ISelectionEventArgs = { oldSelection, newSelection, cancel: false, owner:this };
         this.selectionChanging.emit(args);
 
         if (!args.cancel) {
@@ -553,7 +553,7 @@ export class IgxDropDownComponent extends IgxDropDownBaseDirective implements ID
     public clearSelection() {
         const oldSelection = this.selectedItem;
         const newSelection: IgxDropDownItemBaseDirective = null;
-        const args: ISelectionEventArgs = { oldSelection, newSelection, cancel: false };
+        const args: ISelectionEventArgs = { oldSelection, newSelection, cancel: false, owner: this };
         this.selectionChanging.emit(args);
         if (this.selectedItem && !args.cancel) {
             this.selectedItem.selected = false;

projects/igniteui-angular/src/lib/select/select.component.spec.ts

@@ -1239,7 +1239,8 @@ describe('igxSelect', () => {
                 const args: ISelectionEventArgs = {
                     oldSelection: <IgxDropDownItemBaseDirective>{},
                     newSelection: selectedItem,
-                    cancel: false
+                    cancel: false,
+                    owner: select
                 };
 
                 select.toggle();
@@ -1274,7 +1275,8 @@ describe('igxSelect', () => {
                 const args: ISelectionEventArgs = {
                     oldSelection: <IgxDropDownItemBaseDirective>{},
                     newSelection: selectedItem,
-                    cancel: false
+                    cancel: false,
+                    owner: select
                 };
 
                 selectedItem.selected = true;
@@ -1305,7 +1307,8 @@ describe('igxSelect', () => {
                 const args: ISelectionEventArgs = {
                     oldSelection: <IgxDropDownItemBaseDirective>{},
                     newSelection: selectedItem,
-                    cancel: false
+                    cancel: false,
+                    owner: select
                 };
 
                 const navigateDropdownItems = (selectEvent: KeyboardEvent) => {
@@ -1379,7 +1382,8 @@ describe('igxSelect', () => {
                 const args: ISelectionEventArgs = {
                     oldSelection: <IgxDropDownItemBaseDirective>{},
                     newSelection: selectedItem,
-                    cancel: false
+                    cancel: false,
+                    owner: select
                 };
 
                 select.selectItem(selectedItem);

projects/igniteui-angular/src/lib/select/select.component.ts

@@ -379,7 +379,7 @@ export class IgxSelectComponent extends IgxDropDownComponent implements IgxSelec
             return;
         }
 
-        const args: ISelectionEventArgs = { oldSelection, newSelection, cancel: false };
+        const args: ISelectionEventArgs = { oldSelection, newSelection, cancel: false, owner:this };
         this.selectionChanging.emit(args);
 
         if (args.cancel) {