From 587ed2a7ffeb36c066ec641758058cdbf38acc1b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Tue, 1 Aug 2023 11:26:08 +0300
Subject: [PATCH] Refactor #4211 - For Splitter

---
 components/lib/splitter/Splitter.d.ts | 11 +++++++++++
 components/lib/splitter/Splitter.vue  |  9 ++++++++-
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/components/lib/splitter/Splitter.d.ts b/components/lib/splitter/Splitter.d.ts
index 6d93aa28e..29ae12d6b 100644
--- a/components/lib/splitter/Splitter.d.ts
+++ b/components/lib/splitter/Splitter.d.ts
@@ -20,6 +20,7 @@ export interface SplitterPassThroughMethodOptions {
     instance: any;
     props: SplitterProps;
     state: SplitterState;
+    context: SplitterContext;
 }
 
 /**
@@ -93,6 +94,16 @@ export interface SplitterState {
     prevSize: number;
 }
 
+/**
+ * Defines options in Splitter component.
+ */
+export interface SplitterContext {
+    /**
+     * Current nested state of the component.
+     */
+    nested?: boolean;
+}
+
 /**
  * Defines valid properties in Splitter component.
  */
diff --git a/components/lib/splitter/Splitter.vue b/components/lib/splitter/Splitter.vue
index 2d63da881..4d3a5a9ea 100644
--- a/components/lib/splitter/Splitter.vue
+++ b/components/lib/splitter/Splitter.vue
@@ -1,5 +1,5 @@
 <template>
-    <div :class="cx('root')" :style="sx('root')" :data-p-resizing="false" v-bind="ptm('root')" data-pc-name="splitter">
+    <div :class="cx('root')" :style="sx('root')" :data-p-resizing="false" v-bind="ptm('root', getPTOptions())" data-pc-name="splitter">
         <template v-for="(panel, i) of panels" :key="i">
             <component :is="panel" tabindex="-1"></component>
             <div
@@ -79,6 +79,13 @@ export default {
         this.unbindMouseListeners();
     },
     methods: {
+        getPTOptions() {
+            return {
+                context: {
+                    nested: DomHandler.getAttribute(this.$parentInstance?.$el, 'data-pc-name') === 'splitterpanel'
+                }
+            };
+        },
         isSplitterPanel(child) {
             return child.type.name === 'SplitterPanel';
         },