From 7e2819c5eab86e3d377152035d815283bd5b2cdd Mon Sep 17 00:00:00 2001
From: mertsincan <sincan.mert@gmail.com>
Date: Wed, 2 Aug 2023 14:04:59 +0300
Subject: [PATCH] Refactor #4231 - For Panel

---
 components/lib/panel/Panel.d.ts | 4 ++++
 components/lib/panel/Panel.vue  | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/lib/panel/Panel.d.ts b/components/lib/panel/Panel.d.ts
index fc0772081..2c87bdfb4 100755
--- a/components/lib/panel/Panel.d.ts
+++ b/components/lib/panel/Panel.d.ts
@@ -83,6 +83,10 @@ export interface PanelPassThroughOptions {
      * @see {@link BaseComponent.ComponentHooks}
      */
     hooks?: ComponentHooks;
+    /**
+     * Used to control Vue Transition API.
+     */
+    transition?: any;
 }
 
 /**
diff --git a/components/lib/panel/Panel.vue b/components/lib/panel/Panel.vue
index 2e98816f9..38e9ad3ed 100755
--- a/components/lib/panel/Panel.vue
+++ b/components/lib/panel/Panel.vue
@@ -26,7 +26,7 @@
                 </button>
             </div>
         </div>
-        <transition name="p-toggleable-content">
+        <transition name="p-toggleable-content" v-bind="ptm('transition')">
             <div v-show="!d_collapsed" :id="ariaId + '_content'" :class="cx('toggleablecontent')" role="region" :aria-labelledby="ariaId + '_header'" v-bind="ptm('toggleablecontent')">
                 <div :class="cx('content')" v-bind="ptm('content')">
                     <slot></slot>