From e599eeea07d1ba6289c96365473d305863983a69 Mon Sep 17 00:00:00 2001
From: Peter Monroe <peter.monroe@bullhorn.com>
Date: Wed, 2 Oct 2024 08:27:30 -0500
Subject: [PATCH] Emit cancel event

---
 .../src/elements/tabbed-group-picker/TabbedGroupPicker.ts     | 3 ++-
 .../tabbed-group-picker-footer-example.html                   | 1 +
 .../tabbed-group-picker-footer-example.ts                     | 4 ++++
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/projects/novo-elements/src/elements/tabbed-group-picker/TabbedGroupPicker.ts b/projects/novo-elements/src/elements/tabbed-group-picker/TabbedGroupPicker.ts
index 7e411e38b..2d89ce84c 100644
--- a/projects/novo-elements/src/elements/tabbed-group-picker/TabbedGroupPicker.ts
+++ b/projects/novo-elements/src/elements/tabbed-group-picker/TabbedGroupPicker.ts
@@ -94,6 +94,7 @@ export class NovoTabbedGroupPickerElement implements OnDestroy, OnInit {
   @Output() activation = new EventEmitter<any>();
   @Output() selectionChange = new EventEmitter<TabbedGroupPickerTab[]>();
   @Output() applyChange: EventEmitter<any> = new EventEmitter<any>();
+  @Output() cancelChange: EventEmitter<any> = new EventEmitter<any>();
 
   displayTabs: TabbedGroupPickerTab[];
   displayTabIndex: number = 0;
@@ -373,7 +374,7 @@ export class NovoTabbedGroupPickerElement implements OnDestroy, OnInit {
 
   cancel() {
     this.revertState();
-    this.emitSelectedValues();
+    this.cancelChange.emit(this.getSelectedValues());
     this.ref.markForCheck();
     this.dropdown.closePanel();
   }
diff --git a/projects/novo-examples/src/components/tabbed-group-picker/tabbed-group-picker-footer-example/tabbed-group-picker-footer-example.html b/projects/novo-examples/src/components/tabbed-group-picker/tabbed-group-picker-footer-example/tabbed-group-picker-footer-example.html
index dfde929ce..13514edfb 100644
--- a/projects/novo-examples/src/components/tabbed-group-picker/tabbed-group-picker-footer-example/tabbed-group-picker-footer-example.html
+++ b/projects/novo-examples/src/components/tabbed-group-picker/tabbed-group-picker-footer-example/tabbed-group-picker-footer-example.html
@@ -4,6 +4,7 @@
     [quickSelectConfig]="example_quickSelectConfig"
     [buttonConfig]="example_buttonConfig"
     (selectionChange)="onSelectionChange($event)"
+    (cancelChange)="onCancelChange($event)"
     [showFooter]="true"
   ></novo-tabbed-group-picker>
   <div class="selected-data-wrapper">
diff --git a/projects/novo-examples/src/components/tabbed-group-picker/tabbed-group-picker-footer-example/tabbed-group-picker-footer-example.ts b/projects/novo-examples/src/components/tabbed-group-picker/tabbed-group-picker-footer-example/tabbed-group-picker-footer-example.ts
index 144e4c5de..cbc7d74f9 100644
--- a/projects/novo-examples/src/components/tabbed-group-picker/tabbed-group-picker-footer-example/tabbed-group-picker-footer-example.ts
+++ b/projects/novo-examples/src/components/tabbed-group-picker/tabbed-group-picker-footer-example/tabbed-group-picker-footer-example.ts
@@ -91,6 +91,10 @@ export class TabbedGroupPickerFooterExample {
     this.example_buttonConfig.label = this.buildButtonLabel();
   }
 
+  onCancelChange(selectedData: TabbedGroupPickerTab[]) {
+    this.onSelectionChange(selectedData);
+  }
+
   buildButtonLabel(): string {
     return this.selectedAnimals.length ? `Animals (${this.selectedAnimals.length})` : 'Nothing Selected';
   }