From 00bedf4181439c817dab2e6f69f549feac8eda8c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Wed, 26 Apr 2023 14:18:19 +0300
Subject: [PATCH] Fixed #3904 - Panel: Header accessibility issue

---
 components/lib/panel/Panel.d.ts | 11 ++++++++++-
 components/lib/panel/Panel.vue  |  2 +-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/components/lib/panel/Panel.d.ts b/components/lib/panel/Panel.d.ts
index 54cad4b84..d274b53ef 100755
--- a/components/lib/panel/Panel.d.ts
+++ b/components/lib/panel/Panel.d.ts
@@ -137,7 +137,16 @@ export interface PanelSlots {
     /**
      * Custom header template.
      */
-    header(): VNode[];
+    header(scope: {
+        /**
+         * Current id state as a string
+         */
+        id: boolean;
+        /**
+         * Style class of the icon
+         */
+        class: string;
+    }): VNode[];
     /**
      * Custom icons template.
      */
diff --git a/components/lib/panel/Panel.vue b/components/lib/panel/Panel.vue
index 0e7bd2a5f..721ad43ec 100755
--- a/components/lib/panel/Panel.vue
+++ b/components/lib/panel/Panel.vue
@@ -1,7 +1,7 @@
 <template>
     <div :class="containerClass" v-bind="ptm('root')">
         <div class="p-panel-header" v-bind="ptm('header')">
-            <slot name="header">
+            <slot :id="ariaId + '_header'" name="header" class="p-panel-title">
                 <span v-if="header" :id="ariaId + '_header'" class="p-panel-title" v-bind="ptm('title')">{{ header }}</span>
             </slot>
             <div class="p-panel-icons" v-bind="ptm('icons')">