From 004e9856ecf6ad58919313c4786359eaab6158cd Mon Sep 17 00:00:00 2001
From: mertsincan <sincan.mert@gmail.com>
Date: Wed, 2 Aug 2023 15:02:16 +0300
Subject: [PATCH] Refactor #4231 - For Password

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

diff --git a/components/lib/password/Password.d.ts b/components/lib/password/Password.d.ts
index de707df29..293a05896 100755
--- a/components/lib/password/Password.d.ts
+++ b/components/lib/password/Password.d.ts
@@ -70,6 +70,10 @@ export interface PasswordPassThroughOptions {
      * @see {@link BaseComponent.ComponentHooks}
      */
     hooks?: ComponentHooks;
+    /**
+     * Used to control Vue Transition API.
+     */
+    transition?: any;
 }
 
 /**
diff --git a/components/lib/password/Password.vue b/components/lib/password/Password.vue
index 768a80fa3..33530df7c 100755
--- a/components/lib/password/Password.vue
+++ b/components/lib/password/Password.vue
@@ -32,7 +32,7 @@
             {{ infoText }}
         </span>
         <Portal :appendTo="appendTo">
-            <transition name="p-connected-overlay" @enter="onOverlayEnter" @leave="onOverlayLeave" @after-leave="onOverlayAfterLeave">
+            <transition name="p-connected-overlay" @enter="onOverlayEnter" @leave="onOverlayLeave" @after-leave="onOverlayAfterLeave" v-bind="ptm('transition')">
                 <div v-if="overlayVisible" :ref="overlayRef" :id="panelId || panelUniqueId" :class="[cx('panel'), panelClass]" :style="panelStyle" @click="onOverlayClick" v-bind="{ ...panelProps, ...ptm('panel') }">
                     <slot name="header"></slot>
                     <slot name="content">