fix(multiselect): corrige comportamento ao utilizar a tecla Tab

Ao pressionar a tecla `tab` no checkbox de `selecionar todos` do multiselect o listbox fecha normalmente.

fixes DTHFUI-7981

Author: jnrpalma

projects/ui/src/lib/components/po-listbox/po-listbox.component.html

@@ -24,6 +24,7 @@
         [attr.aria-checked]="checkboxAllValue === null ? 'mixed' : checkboxAllValue"
         (click)="changeAll.emit()"
         (keydown)="changeAllEmit($event)"
+        (keydown)="onSelectAllCheckboxKeyDown($event)"
       >
         <po-item-list
           [p-selected]="checkboxAllValue"

projects/ui/src/lib/components/po-listbox/po-listbox.component.spec.ts

@@ -664,6 +664,15 @@ describe('PoListBoxComponent', () => {
 
         expect(component.closeEvent.emit).toHaveBeenCalled();
       });
+
+      it('should emit closeEvent on Tab keydown', () => {
+        const mockEvent = new KeyboardEvent('keydown', { code: 'Tab' });
+
+        spyOn(component.closeEvent, 'emit');
+
+        component.onSelectAllCheckboxKeyDown(mockEvent);
+        expect(component.closeEvent.emit).toHaveBeenCalled();
+      });
     });
   });
 

projects/ui/src/lib/components/po-listbox/po-listbox.component.ts

@@ -88,6 +88,12 @@ export class PoListBoxComponent extends PoListBoxBaseComponent implements AfterV
     }
   }
 
+  onSelectAllCheckboxKeyDown(event: KeyboardEvent) {
+    if (event.code === 'Tab') {
+      this.closeEvent.emit();
+    }
+  }
+
   onKeyDown(itemListAction: PoItemListOption | PoItemListOptionGroup | any, event?: KeyboardEvent) {
     event.preventDefault();