fix(splitbutton): 15758 add show hide event emitters for the menu

pete-mcwilliams · May 30, 2024 · cd0b7f3 · cd0b7f3
1 parent de810f3
commit cd0b7f3
Showing 1 changed file with 22 additions and 2 deletions.
diff --git a/src/app/components/splitbutton/splitbutton.ts b/src/app/components/splitbutton/splitbutton.ts
@@ -93,7 +93,8 @@ type SplitButtonIconPosition = 'left' | 'right';
                 [appendTo]="appendTo"
                 [showTransitionOptions]="showTransitionOptions"
                 [hideTransitionOptions]="hideTransitionOptions"
-                (onHide)="isExpanded.set(false)"
+                (onHide)="onHide()"
+                (onShow)="onShow()"
             ></p-tieredMenu>
         </div>
     `,
@@ -276,6 +277,16 @@ export class SplitButton {
      * @group Emits
      */
     @Output() onClick: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();
+    /**
+     * Callback to invoke when overlay menu is hidden.
+     * @group Emits
+     */
+    @Output() onMenuHide: EventEmitter<any> = new EventEmitter<any>();
+    /**
+     * Callback to invoke when overlay menu is shown.
+     * @group Emits
+     */
+    @Output() onMenuShow: EventEmitter<any> = new EventEmitter<any>();
     /**
      * Callback to invoke when dropdown button is clicked.
      * @param {MouseEvent} event - Mouse event.
@@ -348,7 +359,6 @@ export class SplitButton {
     onDropdownButtonClick(event?: MouseEvent) {
         this.onDropdownClick.emit(event);
         this.menu?.toggle({ currentTarget: this.containerViewChild?.nativeElement, relativeAlign: this.appendTo == null });
-        this.isExpanded.set(this.menu.visible);
     }
 
     onDropdownButtonKeydown(event: KeyboardEvent) {
@@ -357,6 +367,16 @@ export class SplitButton {
             event.preventDefault();
         }
     }
+
+    onHide() {
+        this.isExpanded.set(false);
+        this.onMenuHide.emit();
+    }
+
+    onShow() {
+        this.isExpanded.set(true);
+        this.onMenuShow.emit();
+    }
 }
 
 @NgModule({