From 418d81a3c3797e8656f25378ba829a0713c509fd Mon Sep 17 00:00:00 2001
From: Mert Sincan <sincan.mert@gmail.com>
Date: Thu, 21 Nov 2024 18:11:32 +0000
Subject: [PATCH] Refactor #6826 - For Splitter

---
 packages/primevue/src/splitter/Splitter.vue | 27 +++------------------
 1 file changed, 3 insertions(+), 24 deletions(-)

diff --git a/packages/primevue/src/splitter/Splitter.vue b/packages/primevue/src/splitter/Splitter.vue
index c04040de7..97fe052c5 100644
--- a/packages/primevue/src/splitter/Splitter.vue
+++ b/packages/primevue/src/splitter/Splitter.vue
@@ -22,7 +22,7 @@
 </template>
 
 <script>
-import { getHeight, getOuterHeight, getOuterWidth, getWidth } from '@primeuix/utils/dom';
+import { getHeight, getOuterHeight, getOuterWidth, getWidth, isRTL } from '@primeuix/utils/dom';
 import { isArray } from '@primeuix/utils/object';
 import { getVNodeProp } from '@primevue/core/utils';
 import BaseSplitter from './BaseSplitter.vue';
@@ -47,40 +47,19 @@ export default {
     panelSizes: null,
     prevPanelIndex: null,
     timer: null,
-    mutationObserver: null,
     data() {
         return {
-            prevSize: null,
-            isRTL: false
+            prevSize: null
         };
     },
     mounted() {
         this.initializePanels();
-        this.updateDirection();
-        this.observeDirectionChanges();
     },
     beforeUnmount() {
         this.clear();
         this.unbindMouseListeners();
-
-        if (this.mutationObserver) {
-            this.mutationObserver.disconnect();
-        }
     },
     methods: {
-        updateDirection() {
-            this.isRTL = !!this.$el.closest('[dir="rtl"]');
-        },
-        observeDirectionChanges() {
-            const targetNode = document.documentElement;
-            const config = { attributes: true, attributeFilter: ['dir'] };
-
-            this.mutationObserver = new MutationObserver(() => {
-                this.updateDirection();
-            });
-
-            this.mutationObserver.observe(targetNode, config);
-        },
         isSplitterPanel(child) {
             return child.type.name === 'SplitterPanel';
         },
@@ -147,7 +126,7 @@ export default {
                 }
             } else {
                 if (this.horizontal) {
-                    if (this.isRTL) {
+                    if (isRTL(this.$el)) {
                         newPos = ((this.startPos - event.pageX) * 100) / this.size;
                     } else {
                         newPos = ((event.pageX - this.startPos) * 100) / this.size;