feat(widget): centraliza botão de ações com tag-position top

Centraliza o botão de ações quando há tag-position top.
Mantém o posicionamento que já existia para os outros casos 'right' e 'bottom'.

Feat: DTHFUI-12922

Author: marioAntonioTotvs

projects/ui/src/lib/components/po-dynamic/po-dynamic-form/interfaces/po-dynamic-form-field.interface.ts

@@ -118,11 +118,7 @@ export interface PoDynamicFormField extends PoDynamicField {
    * **Componentes compatíveis:** `po-select`, `po-radio-group`, `po-checkbox-group`, `po-multiselect`.
    * */
   options?:
-    | Array<string>
-    | Array<PoSelectOption>
-    | Array<PoMultiselectOption>
-    | Array<PoCheckboxGroupOption>
-    | Array<any>;
+    Array<string> | Array<PoSelectOption> | Array<PoMultiselectOption> | Array<PoCheckboxGroupOption> | Array<any>;
 
   /**
    * Permite que o usuário faça múltipla seleção dentro da lista de opções.

projects/ui/src/lib/components/po-stepper/po-step/po-step.component.ts

@@ -74,8 +74,7 @@ export class PoStepComponent implements AfterContentInit {
    * ```
    */
   @Input('p-can-active-next-step') canActiveNextStep:
-    | ((currentStep) => boolean)
-    | ((currentStep) => Observable<boolean>);
+    ((currentStep) => boolean) | ((currentStep) => Observable<boolean>);
 
   /** Título que será exibido descrevendo o passo (*step*). */
   @Input('p-label') label: string = '';

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

@@ -33,7 +33,10 @@
 
   <div class="po-widget-container__content">
     @if (hasTitleHelpOrSetting()) {
-      <div class="po-widget-header">
+      <div
+        class="po-widget-header"
+        [class.po-widget-header__tag-top-actions]="tagLabel && tagPosition() === 'top' && actions?.length"
+      >
         @if (tagLabel && tagPosition() === 'top') {
           <div class="po-widget-header__tag-top">
             <ng-template [ngTemplateOutlet]="tag"></ng-template>

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

@@ -928,6 +928,47 @@ describe('PoWidgetComponent with title and actions', () => {
       expect(footer).toBeFalsy();
     });
 
+    it('should add `po-widget-header__tag-top-actions` class when tagLabel, tagPosition is top and actions exist', () => {
+      component.tagLabel = 'Sales';
+      fixture.componentRef.setInput('p-tag-position', 'top');
+      component.actions = [{ label: 'Test' }];
+
+      fixture.detectChanges();
+
+      expect(nativeElement.querySelector('.po-widget-header__tag-top-actions')).toBeTruthy();
+    });
+
+    it('should not add `po-widget-header__tag-top-actions` class when tagPosition is not top', () => {
+      component.tagLabel = 'Sales';
+      fixture.componentRef.setInput('p-tag-position', 'right');
+      component.actions = [{ label: 'Test' }];
+
+      fixture.detectChanges();
+
+      expect(nativeElement.querySelector('.po-widget-header__tag-top-actions')).toBeFalsy();
+    });
+
+    it('should not add `po-widget-header__tag-top-actions` class when there are no actions', () => {
+      component.tagLabel = 'Sales';
+      fixture.componentRef.setInput('p-tag-position', 'top');
+      component.help = undefined;
+      component.actions = [];
+
+      fixture.detectChanges();
+
+      expect(nativeElement.querySelector('.po-widget-header__tag-top-actions')).toBeFalsy();
+    });
+
+    it('should not add `po-widget-header__tag-top-actions` class when there is no tagLabel', () => {
+      component.tagLabel = undefined;
+      fixture.componentRef.setInput('p-tag-position', 'top');
+      component.actions = [{ label: 'Test' }];
+
+      fixture.detectChanges();
+
+      expect(nativeElement.querySelector('.po-widget-header__tag-top-actions')).toBeFalsy();
+    });
+
     it('should find .po-widget-disabled if disabled is true', () => {
       component.disabled = true;