From 49d8f2142efe7eb30e7b71c3893be4188bfaecd7 Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Thu, 31 Oct 2024 10:10:46 +0300
Subject: [PATCH] Refactor #6682 - For PanelMenu

---
 .../src/panelmenu/style/PanelMenuStyle.js        | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/packages/primevue/src/panelmenu/style/PanelMenuStyle.js b/packages/primevue/src/panelmenu/style/PanelMenuStyle.js
index 05c7f1ff6..13ee39e50 100644
--- a/packages/primevue/src/panelmenu/style/PanelMenuStyle.js
+++ b/packages/primevue/src/panelmenu/style/PanelMenuStyle.js
@@ -19,14 +19,14 @@ const theme = ({ dt }) => `
 
 .p-panelmenu-panel:first-child {
     border-width: ${dt('panelmenu.panel.first.border.width')};
-    border-top-left-radius: ${dt('panelmenu.panel.first.top.border.radius')};
-    border-top-right-radius: ${dt('panelmenu.panel.first.top.border.radius')};
+    border-start-start-radius: ${dt('panelmenu.panel.first.top.border.radius')};
+    border-start-end-radius: ${dt('panelmenu.panel.first.top.border.radius')};
 }
 
 .p-panelmenu-panel:last-child {
     border-width: ${dt('panelmenu.panel.last.border.width')};
-    border-bottom-left-radius: ${dt('panelmenu.panel.last.bottom.border.radius')};
-    border-bottom-right-radius: ${dt('panelmenu.panel.last.bottom.border.radius')};
+    border-end-start-radius: ${dt('panelmenu.panel.last.bottom.border.radius')};
+    border-end-end-radius: ${dt('panelmenu.panel.last.bottom.border.radius')};
 }
 
 .p-panelmenu-header {
@@ -61,6 +61,10 @@ const theme = ({ dt }) => `
     color: ${dt('panelmenu.submenu.icon.color')};
 }
 
+.p-panelmenu-header:not(.p-panelmenu-header-active) .p-panelmenu-submenu-icon:dir(rtl) {
+    transform: rotate(-180deg);
+}
+
 .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
     background: ${dt('panelmenu.item.focus.background')};
     color: ${dt('panelmenu.item.focus.color')};
@@ -94,6 +98,10 @@ const theme = ({ dt }) => `
     list-style: none;
 }
 
+.p-panelmenu-submenu:dir(rtl) {
+    padding: 0 ${dt('panelmenu.submenu.indent')} 0 0;
+}
+
 .p-panelmenu-item-link {
     display: flex;
     gap: ${dt('panelmenu.item.gap')};