From cbb93e8091fb92a76527d02f7a08e296d3b832dc Mon Sep 17 00:00:00 2001
From: CSimoesJr <ju_csimoes@hotmail.com>
Date: Tue, 14 Nov 2023 16:09:20 -0300
Subject: [PATCH] =?UTF-8?q?feat(accordion):=20ajusta=20navega=C3=A7=C3=A3o?=
 =?UTF-8?q?=20do=20elemento=20atrav=C3=A9s=20de=20viewChild?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

ajusta navegação do elemento accordion através de viewChild

fixes DTHFUI-7944
---
 .../po-accordion-item-header.component.html                 | 1 +
 .../po-accordion-item-header.component.ts                   | 4 +++-
 .../lib/components/po-accordion/po-accordion.component.html | 2 +-
 .../lib/components/po-accordion/po-accordion.component.ts   | 6 ++++--
 4 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/projects/ui/src/lib/components/po-accordion/po-accordion-item-header/po-accordion-item-header.component.html b/projects/ui/src/lib/components/po-accordion/po-accordion-item-header/po-accordion-item-header.component.html
index f1fd8eddf..788f4b49b 100644
--- a/projects/ui/src/lib/components/po-accordion/po-accordion-item-header/po-accordion-item-header.component.html
+++ b/projects/ui/src/lib/components/po-accordion/po-accordion-item-header/po-accordion-item-header.component.html
@@ -1,5 +1,6 @@
 <div class="po-accordion-item-header">
   <button
+    #accordionElement
     [disabled]="disabledItem"
     [attr.aria-label]="label"
     [attr.aria-expanded]="expanded || false"
diff --git a/projects/ui/src/lib/components/po-accordion/po-accordion-item-header/po-accordion-item-header.component.ts b/projects/ui/src/lib/components/po-accordion/po-accordion-item-header/po-accordion-item-header.component.ts
index 944407344..82c29bdf9 100644
--- a/projects/ui/src/lib/components/po-accordion/po-accordion-item-header/po-accordion-item-header.component.ts
+++ b/projects/ui/src/lib/components/po-accordion/po-accordion-item-header/po-accordion-item-header.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, Input, Output, ViewChild } from '@angular/core';
 import { PoLanguageService } from '../../../services/po-language';
 import { poLocaleDefault } from '../../../services/po-language/po-language.constant';
 
@@ -10,6 +10,8 @@ import { poLocaleDefault } from '../../../services/po-language/po-language.const
 export class PoAccordionItemHeaderComponent {
   private language: string = poLocaleDefault;
 
+  @ViewChild('accordionElement', { read: ElementRef, static: true }) accordionElement: ElementRef;
+
   @Input('p-expanded') expanded: boolean = false;
 
   @Input('p-label') label: string;
diff --git a/projects/ui/src/lib/components/po-accordion/po-accordion.component.html b/projects/ui/src/lib/components/po-accordion/po-accordion.component.html
index 68467fc07..38cd0d26a 100644
--- a/projects/ui/src/lib/components/po-accordion/po-accordion.component.html
+++ b/projects/ui/src/lib/components/po-accordion/po-accordion.component.html
@@ -1,4 +1,4 @@
-<div class="po-accordion po-container po-container-no-padding">
+<div class="po-accordion">
   <div *ngIf="showManagerAccordion && poAccordionItems.length > 1" class="po-accordion-manager">
     <po-accordion-manager
       [p-expanded-all-items]="expandedAllItems"
diff --git a/projects/ui/src/lib/components/po-accordion/po-accordion.component.ts b/projects/ui/src/lib/components/po-accordion/po-accordion.component.ts
index b62316508..5caacc918 100644
--- a/projects/ui/src/lib/components/po-accordion/po-accordion.component.ts
+++ b/projects/ui/src/lib/components/po-accordion/po-accordion.component.ts
@@ -1,11 +1,12 @@
-import { Component, ContentChildren, QueryList, OnDestroy } from '@angular/core';
+import { Component, ContentChildren, OnDestroy, QueryList, ViewChildren } from '@angular/core';
 
 import { Subscription } from 'rxjs';
 
+import { PoLanguageService } from '../../services/po-language/po-language.service';
 import { PoAccordionBaseComponent } from './po-accordion-base.component';
+import { PoAccordionItemHeaderComponent } from './po-accordion-item-header/po-accordion-item-header.component';
 import { PoAccordionItemComponent } from './po-accordion-item/po-accordion-item.component';
 import { PoAccordionService } from './services/po-accordion.service';
-import { PoLanguageService } from '../../services/po-language/po-language.service';
 
 /**
  * @docsExtends PoAccordionBaseComponent
@@ -35,6 +36,7 @@ import { PoLanguageService } from '../../services/po-language/po-language.servic
   providers: [PoAccordionService]
 })
 export class PoAccordionComponent extends PoAccordionBaseComponent implements OnDestroy {
+  @ViewChildren(PoAccordionItemHeaderComponent) accordionsHeader: QueryList<PoAccordionItemHeaderComponent>;
   @ContentChildren(PoAccordionItemComponent) poAccordionItems: QueryList<PoAccordionItemComponent>;
 
   expandedAllItems = false;