From 24ae008ffc198c4bd7dadaf44a02929ca4216f51 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Aliz=C3=A9=20Debray?=
 <33580481+alizedebray@users.noreply.github.com>
Date: Fri, 20 Sep 2024 11:41:55 +0200
Subject: [PATCH] fix: add missing heading-levels for accordions (#3567)

---
 .../src/app/routes/home/home.component.html          |  2 +-
 .../migrationv4-5-manual-list.component.ts           | 12 ++++++------
 packages/nextjs-integration/src/app/page.tsx         |  2 +-
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/components-angular/projects/consumer-app/src/app/routes/home/home.component.html b/packages/components-angular/projects/consumer-app/src/app/routes/home/home.component.html
index 06d0dcf603..835d642c11 100644
--- a/packages/components-angular/projects/consumer-app/src/app/routes/home/home.component.html
+++ b/packages/components-angular/projects/consumer-app/src/app/routes/home/home.component.html
@@ -1,6 +1,6 @@
 <div class="my-4">
   <h2>Post Accordion</h2>
-  <post-accordion>
+  <post-accordion [headingLevel]="3">
     <post-accordion-item>
       <span slot="header">Titulum 1</span>
       <p>Contentus momentus vero siteos et accusam iretea et justo.</p>
diff --git a/packages/documentation/src/stories/getting-started/migration-guide/migrationv4-5-manual-list.component.ts b/packages/documentation/src/stories/getting-started/migration-guide/migrationv4-5-manual-list.component.ts
index 8734fd75bb..0258d7e0ab 100644
--- a/packages/documentation/src/stories/getting-started/migration-guide/migrationv4-5-manual-list.component.ts
+++ b/packages/documentation/src/stories/getting-started/migration-guide/migrationv4-5-manual-list.component.ts
@@ -108,8 +108,8 @@ export class MigrationV45ManualListComponent extends LitElement {
 
   render() {
     return html`
-      <post-accordion multiple @change="${this._onChange}">
-        <post-accordion-item collapsed heading-level="5">
+      <post-accordion heading-level="5" multiple @change="${this._onChange}">
+        <post-accordion-item collapsed>
           <span slot="header">
             General
             <span class="todo-list-status"> ${this._templateGroupTodoListStatus('general')} </span>
@@ -643,7 +643,7 @@ export class MigrationV45ManualListComponent extends LitElement {
           </section>
         </post-accordion-item>
 
-        <post-accordion-item collapsed heading-level="5">
+        <post-accordion-item collapsed>
           <span slot="header">
             Bootstrap
             <span class="todo-list-status">
@@ -1610,7 +1610,7 @@ export class MigrationV45ManualListComponent extends LitElement {
           </section>
         </post-accordion-item>
 
-        <post-accordion-item collapsed heading-level="5">
+        <post-accordion-item collapsed>
           <span slot="header">
             NgBootstrap
             <span class="todo-list-status">
@@ -1758,7 +1758,7 @@ export class MigrationV45ManualListComponent extends LitElement {
           </div>
         </post-accordion-item>
 
-        <post-accordion-item collapsed heading-level="5">
+        <post-accordion-item collapsed>
           <span slot="header">
             jQuery
             <span class="todo-list-status"> ${this._templateGroupTodoListStatus('jquery')} </span>
@@ -1802,7 +1802,7 @@ export class MigrationV45ManualListComponent extends LitElement {
           </div>
         </post-accordion-item>
 
-        <post-accordion-item collapsed heading-level="5">
+        <post-accordion-item collapsed>
           <span slot="header">
             Post
             <span class="todo-list-status"> ${this._templateGroupTodoListStatus('post')} </span>
diff --git a/packages/nextjs-integration/src/app/page.tsx b/packages/nextjs-integration/src/app/page.tsx
index df34407ea3..e21a3aa330 100644
--- a/packages/nextjs-integration/src/app/page.tsx
+++ b/packages/nextjs-integration/src/app/page.tsx
@@ -242,7 +242,7 @@ export default function Home() {
           </PostTabPanel>
         </PostTabs>
         <h3>Frequently asked questions</h3>
-        <PostAccordion className="mt-big-r" multiple>
+        <PostAccordion headingLevel={4} className="mt-big-r" multiple>
           <PostAccordionItem>
             <span slot="header">Is this for real?</span>
             <p>No, this is just a fantasy.</p>