Refactor #4231 - For PanelMenu

components/lib/panelmenu/PanelMenu.d.ts

@@ -106,6 +106,10 @@ export interface PanelMenuPassThroughOptions {
      * @see {@link BaseComponent.ComponentHooks}
      */
     hooks?: ComponentHooks;
+    /**
+     * Used to control Vue Transition API.
+     */
+    transition?: any;
 }
 
 /**

components/lib/panelmenu/PanelMenu.vue

@@ -38,7 +38,7 @@
                         <component v-else :is="$slots.item" :item="item"></component>
                     </div>
                 </div>
-                <transition name="p-toggleable-content">
+                <transition name="p-toggleable-content" v-bind="ptm('transition')">
                     <div v-show="isItemActive(item)" :id="getContentId(index)" :class="cx('toggleableContent')" role="region" :aria-labelledby="getHeaderId(index)" v-bind="ptm('toggleableContent')">
                         <div v-if="getItemProp(item, 'items')" :class="cx('menuContent')" v-bind="ptm('menuContent')">
                             <PanelMenuList

components/lib/panelmenu/PanelMenuSub.vue

@@ -37,7 +37,7 @@
                     </template>
                     <component v-else :is="templates.item" :item="processedItem.item"></component>
                 </div>
-                <transition name="p-toggleable-content">
+                <transition name="p-toggleable-content" v-bind="ptm('transition')">
                     <div v-show="isItemActive(processedItem)" :class="cx('toggleableContent')" v-bind="ptm('toggleableContent')">
                         <PanelMenuSub
                             v-if="isItemVisible(processedItem) && isItemGroup(processedItem)"